@charset "utf-8";

/* 팝업레이어 */
#hd_pop {z-index:90009;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop .sound_only {display:none;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops p {margin:0;}
.hd_pops p img {vertical-align:middle;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

a:visited{color: #211c1c;}
a:hover{text-decoration:underline;}
a{color: #121212;}


/* Layout */
#wrap{width:100%; margin:0 auto;font-family:dotum,'돋움', gulim, '굴림',Helvetica,Apple-Gothic,sans-serif;}
#container{width:990px;margin:0 auto; zoom:1; position:relative; padding-top:20px;}
#container:after{content:""; display:block; clear:both;}

.body_wrap { position: relative; min-width: 990px; overflow: hidden;}

.wrapper { position: relative; width: 100%; min-width: 990px; }
.wrapper > div { position: relative; max-width: 990px; margin: 0 auto; /*padding: 0 20px;*/ }
.wrapper > div:after { content: ""; display: block; clear: both;}

.line_bg { background: url(../bg/bg_line_cen.png) repeat-y 40.6% 0;}

.top_nav { font-size: 11px; color: #808080; background: #f3f3f3;}
.top_nav a { color: #808080;}
.top_nav ul:after { content: ""; display: block; clear: both;}
.top_nav ul li { float: left;}
.top_nav .tn_left { float: left;}
.top_nav .tn_left li { border-left: 1px solid #f3f3f3;}
.top_nav .tn_left li:first-child { border-left: 0;}
.top_nav .tn_left li a { display: block; height: 35px; width: 34px; background: #fff url(../img/btn/btn_tn_left.png) no-repeat 0 0; text-indent: -9999px;}
.top_nav .tn_left li a.tl01 { background-position: 0 0;}
.top_nav .tn_left li a.tl02 { background-position: -34px 0;}

.top_nav .tn_right { float: right;}
.top_nav .tn_right:after { content: ""; display: block; clear: both;}
.top_nav .tn_right > li { padding-left: 7px; margin-left: 7px; background: url(../img/icon/icon_line01.png) no-repeat 0 center;}
.top_nav .tn_right > li:first-child { background: none;}
.top_nav .tn_right > li > a { display: block; height: 35px; line-height: 34px; color: #808080;}
.top_nav .tn_right > li > a:hover { color: #222;}
.top_nav .tn_right > li > a.icon_login { padding-right: 18px; background: url(../img/btn/btn_login.png) no-repeat right center;}

/* 날씨 */
.today_text { float: left; font-size: 15px; text-align: right; color: #222; margin-bottom: -3px; font-size: 11px; margin: 9px 4px 0 13px;}

.weather_box { position:relative; width: 180px; height: 32px; overflow: hidden;}
.weather_box.wt01 { margin-right: -3px;}
.weather_box.wt02 { float: left;}
.weather_box .bx-controls { display:none;}
.weather_box > a { position: absolute; bottom: 2px; font-size: 11px; color: #999; z-index: 100;}
.weather_box > a:hover { text-decoration: underline;}
.weather_box.wt01 > a { right: 30px;}
.weather_box.wt02 > a { left: 32px;}

.weather_box .icon_w { position: relative; padding-top: 3px;}
.weather_box.wt01 .icon_w { text-align: right; font-size: 13px;}
.weather_box.wt02 .icon_w { font-size: 11px;}
.weather_box.fcw .icon_w { color: #fff;}
.weather_box .icon_w > span { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; vertical-align: top; margin-left: 2px; margin-top: -2px; text-align: left;}
.weather_box.ico01 .icon_w > span { background:url(images/icon_weather01.png) no-repeat 0 0;}
.weather_box.ico02 .icon_w > span { background:url(images/icon_weather02.png) no-repeat 0 0;}
.weather_box .icon_w > span.iw01 { background-position: 0 0;}
.weather_box .icon_w > span.iw02 { background-position: -30px 0;}
.weather_box .icon_w > span.iw03 { background-position: -60px 0;}
.weather_box .icon_w > span.iw04 { background-position: -90px 0;}
.weather_box .icon_w > span.iw05 { background-position: -120px 0;}
.weather_box .icon_w > span.iw06 { background-position: -150px 0;}
.weather_box .icon_w > span.iw07 { background-position: -180px 0;}

.weather_copy { float: left; margin-top: 9px; font-size: 9px; letter-spacing: -1px; }
.weather_slide > li { overflow:hidden; }
.weather_slide > li > * { float:left; }
.weather_slide > li span { transform:translateY(6px); color:#000;}


/* common */
body,table,input,textarea,select,button,p,h1,h2,h3,h4,h5,h6,p.div{font-size:14px;margin:0; padding:0;}
img,fieldset{border:0;}
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0;}
a,button{text-decoration:none;cursor:pointer; margin:0; padding:0;}
em,address{font-style:normal}

/* Form SET */
input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel], 
input[type=email] {
  border:1px solid #dedede;
  border-radius:0;
  -webkit-appearance:none;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Droidsans, AppleSDGothic, Arial, sans-serif;
  color: #363636;
  font-size:14px;
  width:100%;
  height:16px;
  padding:9px 7px 11px;
  margin:0;
  line-height: 1 !important;
}

input[type=text]:disabled, 
input[type=password]:disabled, 
input[type=number]:disabled, 
input[type=tel]:disabled, 
input[type=email]:disabled { 
  background: #f3f3f3; 
  color: #bbb !important;
}

button, input[type=button], 
input[type=reset], 
input[type=submit] { 
  cursor:pointer; 
  -webkit-appearance:button; 
  border:none; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Droidsans, AppleSDGothic, Arial, sans-serif; 
  font-size:15px; 
  margin:0; 
  border-radius:0; 
  outline:0;
}

input[type=file] { 
  border:1px solid #dedede; 
  border-radius:0; 
  -webkit-appearance:none; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:14px; 
  width:100%; 
  height:38px; 
  line-height: 38px; 
  background: #fff !important; 
  margin: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type=file] { 
  height:20px; 
  line-height: 1.2; 
  padding: 7px 0 9px;
}
}

input[type=radio], 
input[type=checkbox] { 
  position:absolute; 
  top:4px; 
  left:4px; 
  margin:2px !important;
}

textarea { 
  width:100%; 
  border:1px solid #dedede; 
  -webkit-appearance:none; 
  border-radius:0; 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:14px; 
  padding:10px 7px; 
  line-height:1.4;
}

select { 
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
  color: #363636; 
  font-size:15px; 
  margin:0;
}

.select_box { position: relative; display: inline-block; height: 36px; background: #fff url("../img/default/bg_select.png") right center no-repeat; border: 1px solid #dedede; }
.select_box.disabled { background-color: #eee;}
.select_box.disabled label { color: #a9a9a9;}
.select_box label { position: absolute; font-size: 14px; color: #000; top: 8px; left: 9px; z-index: 1; letter-spacing: 0;}
.select_box select { position: relative; width: 100%; height: 36px; line-height: 36px; padding: 10px 0; margin: 0 -1px; opacity: 0; filter: alpha(opacity=0); z-index: 2; -webkit-appearance:none; vertical-align:middle;}
.select_box.bd_sel select { width: 95px;}

/* checkbox radio */
.icheckbox { position:absolute; top:1px; width:20px; height:20px;  background:url("../img/default/btn_chk.png") no-repeat 0 0; cursor:pointer;}
.chk { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.icheckbox.checked { background-position:0 -20px;}
.icheckbox.disabled { background-position:0 -40px;}
.chk_all { position:relative; display:inline-block; cursor:pointer;}

.chk_s .icheckbox { width:14px; height:14px; background:url("../img/default/btn_chk_s.png") no-repeat 0 0;}
.chk_s .chk { margin:1px 5px 5px; padding-left:17px; color: #808080;}
.chk_s .icheckbox.checked { background-position:0 -14px;}
.chk_s .icheckbox.disabled { background-position:0 -28px;}

.iradio { position:absolute; top:1px; width:20px; height:20px; background:url("../img/default/btn_rdo.png") no-repeat 0 0;}
.rdo { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.iradio.checked { background-position:0 -20px;}
.iradio.disabled { background-position:0 -40px;}
.rdo_all { position:relative; display:inline-block; cursor:pointer;}

.rdo_s .iradio { top: 4px; width:14px; height:14px; background:url("../img/default/btn_rdo_s.png") no-repeat 0 0;}
.rdo_s .rdo { margin:1px 5px 5px; padding-left:13px; color: #808080;}
.rdo_s .iradio.checked { background-position:0 -15px;}
.rdo_s .iradio.disabled { background-position:0 -30px;}

/* tooltip */
.tooltip { position: relative;}
.tooltip[title]:hover:after { content: attr(title); padding: 2px 4px 4px; position: absolute; left: 0; top: -23px; z-index: 20; white-space: nowrap; background: #f3f3f3; border: 1px solid #dedede; color: #808080; text-indent: 0 !important; font-size: 11px; line-height: 1; font-weight: normal; box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 60;}

/* paging */
.paging { position: relative; text-align: center; padding: 40px 0 0; font-size: 0; vertical-align: middle;}
.paging .btn_pagenum { display: inline-block; vertical-align: middle;}
.paging .btn_pagenum a { position: relative; display: inline-block; line-height: 1; font-size: 15px; color: #808080; height: 23px; line-height: 20px; margin: 0 12px;}
.paging .btn_pagenum a:after { position: absolute; left: -13px; top: 10px; content: ""; display: block; width: 2px; height: 2px; background: #dedede;}
.paging .btn_pagenum a:first-child:after { display: none;}
.paging .btn_pagenum a:hover { color: #0c5ba7;}
.paging .btn_pagenum a.on { color: #0c5ba7; font-weight: bold;}
/* 20220630 페이징 업데이트 */
.paging a.btn_p { position: relative; display: inline-block; width: 23px; height: 23px; background: url("/theme/text04/img/default/btn_page.png") no-repeat 0 0; text-indent: -9999px; overflow: hidden; vertical-align: middle; transition: none;opacity:0.7}
.paging a.btn_p:after { display: none;}
.paging a.btn_p.pg_start { background-position: 0 0;}
.paging a.btn_p.prev { background-position: -23px 0;}
.paging a.btn_p.next { background-position: -46px 0;}
.paging a.btn_p.pg_end { background-position: -66px 0;}
.paging a.btn_p.pg_start:hover { background-position: 0 -23px;}
.paging a.btn_p.prev:hover { background-position:-23px -23px;}
.paging a.btn_p.next:hover { background-position: -46px -23px;}
.paging a.btn_p.pg_end:hover { background-position: -66px -23px;}

/* path */
.path_wrap { position: relative;}
.path_wrap h1 { font-size: 26px; font-weight: bold; padding-bottom: 17px; line-height: 1.2; border-bottom: 1px solid #dedede;}
.path_wrap ul { position: absolute; top: 16px; right: 1px;}
.path_wrap ul:after { content:""; display:block; clear:both;}
.path_wrap ul li { float: left; color: #808080;}
.path_wrap ul li:before { content: ""; display: inline-block; margin:0 5px; width: 5px; height: 9px; background: url("../img/default/icon_path.png") no-repeat 0 0; vertical-align: middle;}
.path_wrap ul li:first-child:before { display: none;}
.path_wrap ul li a { color: #808080; font-size: 11px; font-family: "Apple SD Gothic Neo", "돋움", "Dotum", Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; line-height: 1;}
.path_wrap ul li a:hover { color: #222;}

.btn_allmore { position: absolute; right: 0; top: 18px; background: url("../img/default/icon_path.png") no-repeat right 3px; line-height: 1; font-size: 12px; padding-right: 10px; color: #808080;}
.btn_allmore:hover { color: #222;}

/* header */
#header{ width: 100%; }
#container{margin-top: 15px; width: 990px;}

.hdBox{position: relative; width: 990px; margin: auto; padding:40px 0; clear: both;}
.hdBox:after{display: block; clear: both; display: block; content: "";}
.bn{float: left;width:260px;}
.bn .day{font-size: 14px; color: #121212; float: none; width: 240px; margin-bottom: 5px;}
.logo{position: absolute; left: -50%; bottom: 60px; margin-left: 495px; width: 990px; text-align: center;}
.logo div {margin:0;padding:0;text-align:center}
.service{float: right; max-width: 260px; }
.snsBox {clear: both; margin-bottom:11px; }
.snsBox > ul { width:100%; display: flex; gap:0.3rem 0.7rem; justify-content:flex-end; flex-wrap: wrap; }
.snsBox > ul > a { display:block; }
.service .snsBox li{float: left; line-height: 20px; color: #333; font-size: 14px; text-align:center; display: flex; align-items: center; gap:0 5px; }
.service .snsBox li span{display: inline-block;}
.service .snsBox li p { display:inline-block; font-weight: 600; }
.service .snsBox .gp{border: 2px solid #e45541;}
.service .snsBox .ca{border: 2px solid #efc554;}
.service .snsBox .ma{border: 2px solid #77777a;}
.searchBox{width: 250px; position: relative; clear: both; margin-bottom:10px; float:right; margin-right:5px; }
.searchBox fieldset .schide {
    height: 1px;
    width: 1px;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.searchBox fieldset{    border: 1px solid #ccc;
    width: 250px;
    height: 28px;
    overflow: hidden;
    display: block;}
.legend{display: none;}
.input{border:1px solid #fff; width: 220px; height: 20px; display: block;  }
.searchBox fieldset .btn {
       background: url(/img/btn_search.png) 0 0 no-repeat;
	margin:0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}
.gnbBox{width: 100%; border-top: 1px solid #c7c7c7;border-bottom: 3px solid #2a40a3;height: 48px; clear: both; position: relative;}
.gnbBox .menu{width: 990px;  margin: auto;height: 48px;}
.gnbBox .menu:after{display: block; clear: both; display: block; content: "";}
.gnbBox .menu .alist{float: left; padding:14px 15px; border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;cursor: pointer;}
.gnbBox .menu .alist .list {background:url('/img/btn_list.png') center no-repeat; display:inline-block; width:17px; height:14px;}
.gnbBox .menu .lfmenu{ float: left;}
.gnbBox .menu .rfmenu{ float: right;}
.gnbBox .menu .rfmenu li{float: left; color: #4a6194; font-size: 12px; font-weight: bold; padding:0 0 0 20px; line-height: 47px; position: relative; }
.gnbBox .menu .lfmenu li{float: left; color: #121212; font-size: 16px; font-weight: bold; padding:0 18px; line-height: 47px; position: relative;}
.gnbBox .menu li .new{ display: block; position: absolute; left: 26px;top: -25px;}
.vlist{background: #fff; padding: 30px; position: absolute; }

.qu_txt {
    width: 250px;
    height: 15px;
    overflow: hidden;
    zoom: 1;
}
.qu_txt:after{display: block; clear: both; display: block; content: "";}
.qu_txt li {
    float: left;
    padding-right: 6px;
    color: #ccc;
    font-size: 12px;
    letter-spacing: -1px;
}
.qu_txt li a {
    color: #3f4e91;
    font-size: 12px;
}
.spmenuBox{width: 989px; margin: auto; border-left:1px solid #c7c7c7; }
.spmenuBox:after{display: block; clear: both; display: block; content: "";}





/* General styles for all menus */
.cbp-spmenu {
	background: #fff;
	position: relative;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	
}

.cbp-spmenu h4 {
	color: #000;
	font-size:14px;
	margin: 0;
	font-weight: 300;
}

.cbp-spmenu a {
	display: block;
	color: #000;
	font-size: 1.1em;
	font-weight: 300;
	text-decoration: none;

}

.cbp-spmenu a:hover {
	background: #258ecd;
	color: #fff;
}

.cbp-spmenu h4 a, .cbp-spmenu h4 a:hover{
	/*padding:10px 10px 0 10px;*/
	font-size: 12px;
	font-weight: bold;
	letter-spacing:0;
	color: #5b9abd;
	background: #fff;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 198px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 190px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h4 {
	padding:10px 10px 0 10px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing:0;
	color: #5b9abd;
}

.cbp-spmenu-horizontal a {
	padding:0 10px;
}
.cbp-spmenu-push ul{
	float: left;
	width: 196.8px;
	height: 190px;
	border-right: 1px solid #eee;
	line-height: 30px;
	letter-spacing: -1;
	color: #000;
	font-size: 12px;
	font-family: dotum;

}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -192px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
    z-index: 99999;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}


/* banner image / slide */
.banner_slide { position: relative;}
.banner_slide img { width: 100%;}

.ba_img {text-align:center;margin:0;}

.ba_list .list {margin-bottom:10px;}
.ba_list .list:last-child {margin-bottom:0;}

.bottom_banner {width:100%;position:relative;border-top:1px dashed #666;/*margin:20px 0;*/ margin:20px 0 0 0;padding-top:20px;}
.bottom_banner .bottom_banner_swiper {width:860px;}
.bottom_banner .swiper_btn_l {left:1px;background:url(http://netpro.co.kr/theme/netpro3/img/slider_l.png) no-repeat;}
.bottom_banner .swiper_btn_r {right:1px;background:url(http://netpro.co.kr/theme/netpro3/img/slider_r.png) no-repeat;}


/* footer */
#footer{clear:both; margin:0 auto; width:990px; border-top:2px solid #31569c;text-align:left; padding:20px 0 50px 0; }

.ft_policy{ clear:both; width:980px;}
.ft_policy h2{ float:left; width:135px;}
.ft_list{ float:left; padding-top:3px;}
.ft_list li{float:left; padding-right:9px; letter-spacing:-1px; color:#ccc; font-size:11px;}
.ft_list li a{color:#777;}
.ft_list li a:hover{text-decoration:underline;}
.ft_family{float:right; position:relative; width:126px; height:21px;}

address{ clear:both; margin-left:135px; font-size:11px; color:#777; padding-top:6px;}

#footer a{border:none;}
.ft_policy02 {
    font-size: 11px;
    margin: 0 0 0 0;
    line-height: 18px;
    color: #888;
    clear: both;
    width: 980px;
}
.ft_policy02 p.flogo {
    float: left;
    width: 135px;
}
.nb_pol {
    float: left;
}
#footer a {
    border: none;
}
.ft_policy02 em {
    color: #dedede;
    padding: 0 10px;
    font-size: 8px;
}
.all_news {
    font-size: 15px;
    padding: 0 0 0 15px;
    transition: .3s all ease;
    color: #222;
    font-weight: bold;
}
.lfmenu ul li:hover .sub_menu_se{display:block;}
.header02 #gnb.vertical > li > ul {
    left: -1px;
}
#gnb.vertical > li > ul {
    left: 0;
    height: inherit;
    background: #fff;
    border: 1px solid #dedede;
    text-align: left;
    width: 900px;
    z-index: 9999;
	min-width:80px;
}
#gnb > li > ul {
    position: absolute;
    left: 0;
    top: 45px;
    border-top: 1px solid #dedede;
    background: url(../img/default/bg_gnb.png) repeat-x 0 0;
    width: 100%;
    height: 47px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
}
#gnb.vertical > li > ul li:first-child {
    padding-left: 0;
    margin-left: 0;
}
#gnb.vertical > li > ul li {
    float: none;
    display: block;
    padding: 0;
    background: none;
    text-align: left;
}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active {
    background: #512c8f;
}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active {
    color: #fff;
    background: #0c5ba7;
}
#gnb > li > ul li a {
    display: block;
    line-height: 35px;
    border-bottom: 3px solid transparent;
    color: #808080;
    font-size: 14px;
}
#gnb.vertical > li > ul li a span {
    display: inline-block;
    padding: 5px 20px 5px 15px;
}
#gnb > li > ul li a {
    font-size: 14px;
}

/* reply */
.reply_wrap { position: relative;}
.reply_wrap h2 { font-size: 16px; margin-bottom: 7px;}
.reply_wrap h2 b { font-size: 13px; margin-left: 7px;}
.reply_wrap h2 b span { color: #d4253e;}

.reply_form { position: relative; background: #f3f3f3; padding: 20px 30px 10px; border: 1px solid #ededed; margin-bottom: 30px; margin-top: -1px;}
.reply_form > h3 { font-weight: normal; font-size: 13px; margin-bottom: 10px;}
.reply_form > ul { position: relative; margin: 0 -6px 10px;}
.reply_form > ul:after { content: ""; display: block; clear: both;}
.reply_form > ul li { float: left; width: 50%;}
.reply_form > ul li div { position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > ul li div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > ul li div input { padding: 6px 7px 7px;}

.reply_form > dl { position: relative; margin-bottom: 10px;}
.reply_form > dl:after { content: ""; display: block; clear: both;}
.reply_form > dl dt, .reply_form > dl dd { float: left;}
.reply_form > dl dt { font-size: 15px; color: #222; margin-right: 13px; padding-top: 3px;}
.reply_form > dl dd:after { content: ""; display: block; clear: both;}
.reply_form > dl dd span { float: left; display: block;}
.reply_form > dl dd div { float: left; position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > dl dd div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > dl dd div input { width: 200px; padding: 6px 7px 7px;}

.reply_form .reply_text { position: relative;}
.reply_form .reply_text > div { position: relative; padding-right: 16px;}
.reply_form .reply_text > div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form .reply_text > div textarea { padding: 6px 7px 7px; height: 60px;}
.reply_form .reply_text > b { display: block; font-size: 11px; color: #4c4c4c; margin-bottom: 22px; padding-top: 5px; letter-spacing: 0;}
.reply_form .reply_text > b span { color: #d4253e; letter-spacing: 0; margin-right: 1px;}
.reply_form > button { position: absolute; right: 30px; bottom: 12px; background: #fff; border: 1px solid #dedede; padding: 3px 18px 6px;}
.reply_form > button:active { color: #999;}

.reply_wrap .pw_input { position: absolute; left: 7px; top: 12px; width: 171px; height: 60px; padding-top: 15px; padding-left: 12px; background: url(../reply/bg_pw_input.png) no-repeat 0 0; z-index: 10;}
.reply_wrap .pw_input label { display: block; width: 113px; text-align: center; color: #808080; margin: 3px 0 5px; font-size: 11px;}
.reply_wrap .pw_input input { width: 105px; padding: 4px 5px;}
.reply_wrap .pw_input .btn_close_p { position: absolute; right: 10px; top: 15px;}

.reply_wrap .reply_list { position: relative;}
.reply_wrap .reply_list > li { position: relative; padding: 17px 10px 15px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: -1px;}
.reply_wrap .reply_list .reply_top { position: relative; margin-bottom: 12px;}
.reply_wrap .reply_list .reply_top:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top h5 { float: left; font-size: 14px; color: #222; margin-right: 7px; line-height: 1;}
.reply_wrap .reply_list .reply_top ul { float: left; padding-top: 4px;}
.reply_wrap .reply_list .reply_top ul:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top ul li { position: relative; float: left; font-size: 11px; color: #bbb; border-left: 1px solid #dedede; height: 10px; line-height: 1; margin-right: 10px; padding-left: 8px;}
.reply_wrap .reply_list .reply_top ul li:first-child { border-left: 0;}
.reply_wrap .reply_list p { font-size: 13px; color: #222; margin-bottom: 10px;}
.reply_wrap .reply_list .reply_bot { position: relative; margin-top: 15px; min-height: 30px;}
.reply_wrap .reply_list .reply_bot:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_bot a { float: left;}
.reply_wrap .reply_list .reply_bot ul { float: right;}

.reply_wrap .btn_reply_re { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 23px 0 12px;}
.reply_wrap .btn_reply_re:after { position: absolute; right: 8px; top: 13px; content: ""; display: block; width: 5px; height: 3px; background: url(../reply/btn_reply_collap.png) no-repeat 0 0;}
.reply_wrap .btn_reply_re.on:after { background-position: 0 -3px;}
.reply_wrap .btn_reply_re:hover { background: #f9f9f9;}
.reply_wrap .btn_reply_re span { color: #d4253e;}
.reply_wrap .btn_recom:after { content: ""; display: block; clear: both;}
.reply_wrap .btn_recom li { float: left; margin-left: 10px;}
.reply_wrap .btn_recom li a { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 15px 0 34px; font-size: 12px; font-weight: bold; color: #3fb3e7;}
.reply_wrap .btn_recom li a:hover { background: #f9f9f9;}
.reply_wrap .btn_recom li a:after { position: absolute; left: 10px; top: 6px; content: ""; display: block; width: 16px; height: 16px; background: url(../reply/btn_recom.png) no-repeat -18px 0;}
.reply_wrap .btn_recom li:first-child a { color: #d4253e;}
.reply_wrap .btn_recom li:first-child a:after { background-position: 0 0;}

.reply_wrap .re_reply_box { margin: 15px -10px -16px;}
.reply_wrap .re_reply_box .reply_top h5 { font-weight: normal; font-size: 13px;}
.reply_wrap .re_reply_box .reply_top ul { padding-top: 3px;}
.reply_wrap .re_reply_box .reply_list > li { padding-left: 30px; background: url(../reply/icon_re_reply.png) no-repeat 10px 16px;}

/* 모바일 버전으로 보기 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center;width:1060px;margin:0 auto;margin-top:10px; margin-bottom:10px;}


/*사이드바 배너*/
.top_banner {position: relative;width: 100%;z-index: 100;}
.banner_wrap {position: relative;width: 1120px;height: 0;margin: 0 auto;}
.banner_wrap .banner_left {left: -115px;top:35px;text-align: right;}
.banner_wrap > div {position: absolute;top: 30px;width: 160px;}
.banner_wrap .banner_right {right: -115px;top:35px;text-align: left;}
.banner_wrap > div {position: absolute;top: 30px;width: 160px;}
.com_ban {text-align: center;}


/* POP To TOP */
.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; height:1; z-index:100;}
.btn_top_wrap div { position:relative; max-width: 1080px; width:100%; margin:0 auto;}
.btn_top { position:absolute; top: -70px; right:-50px; display: block; width: 40px; height: 40px; text-indent: -9999px; transition: none; background: #a8a9aa url(../btn/btn_top.png) no-repeat 0 0; background: rgba(82,84,86,.5) url(../img/btn/btn_top.png) no-repeat 0 0; border-radius: 5px;}
.btn_top:hover { background-color: #fdc706;}

/* Company */
.company_lnb { position: relative; border-top: 1px solid #dedede; padding-bottom: 60px;}
.company_lnb li { border-bottom: 1px solid #ededed;}
.company_lnb li a { display: block; height: 15px; line-height: 1; padding: 16px 30px 17px 15px; background: #f3f3f3 url(../bg/bg_com_lnb.png) no-repeat right -49px; font-size: 14px; color: #222;}
.company_lnb li a:hover { background-color: #f9f9f9;}
.company_lnb li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff; background-position: right 0;}

.company_wrap { position: relative;}
.company_wrap > h1 { font-size: 25px; border-bottom: 1px solid #363636; font-weight: normal; line-height: 1; padding-bottom: 15px; letter-spacing: -0.15em; margin-bottom: 35px;text-align:center}

.company_wrap .btn_dark { background: #808080; color: #fff;}
.company_wrap .file { position:relative; padding-bottom: 10px; padding-left: 100px; padding-right: 100px;}
.company_wrap .file:after { content: ""; display: block; clear: both;}
.company_wrap .file label { position: absolute; left: 0; top: 0; width:100px; padding: 5px 0 0;}
.company_wrap .file .fileadd { position: absolute; right: 0; top: 0; display: block; width: 90px;}
.company_wrap .file .fileadd a { display: block; text-align: center; margin-bottom: 5px;padding: 0 10px; height: 28px; line-height: 26px; font-size: 14px !important; margin-left: 0 !important;}
.company_wrap .file select { border:1px solid #dedede; width:100%; height:200px; font-size:11px;}

.company_info { position: relative; padding: 35px 0 10px;}
.company_info dl { position: relative; padding-left: 178px; min-height: 30px; margin-bottom: 18px; font-size: 15px; color: #222;}
.company_info dl dt { position: absolute; left: 0; top: 0; padding-left: 46px; height: 30px; line-height: 28px; font-weight: bold;}
.company_info dl dt:after { position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; background: url(../icon/icon_company.png) no-repeat 0 0;}
.company_info dl.ciw01 dt:after { background-position: 0 0;}
.company_info dl.ciw02 dt:after { background-position: -30px 0;}
.company_info dl.ciw03 dt:after { background-position: -60px 0;}
.company_info dl dd { padding-top: 4px;}

/* Terms */
.terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4; color: #363636;}
.terms_box * { color: #363636;}
.terms_box h1 { font-size: 15px;}
.terms_box h2 { font-size: 14px;}
.terms_box p { font-size: 13px; text-align: justify; margin-bottom: 15px;}
.terms_box h1, .terms_box h2, .terms_box h3 { margin-bottom: 5px;}
.terms_box ol { margin-bottom: 15px;}
.terms_box li { margin: 3px 0; line-height: 1.4; text-align: justify;}

.terms_con .terms_wrap { position: relative; border-bottom: 1px solid #dedede; padding-top: 15px;}
.terms_con .terms_wrap > h2 { height: 30px; line-height: 31px; background: #f3f3f3; font-size: 15px; padding: 0 10px;}
.terms_con .terms_wrap > span { display: none;}
.terms_con .terms_wrap .terms_box { height: 50px; overflow-y: scroll;padding:20px;min-height:180px;}
.terms_con .terms_wrap .terms_box * { font-size: 12px;}
.terms_con .terms_agree { position: relative; padding: 5px 0; margin-top: 5px;}

.company_wrap .terms_box { padding: 0;}
.company_wrap .terms_box * { color: #363636;}


.company_form .info_wrap { padding: 15px; background: #f3f3f3;}
.company_form .info_wrap b { color: #f34235; display: block; margin-bottom: 7px; font-size: 15px;}

.company_form .form_box { position: relative; padding: 0 0 16px;}
.company_form .form_box:after { content: ""; display: block; clear: both;}
.company_form .form_box * { font-size: 15px;}

.company_form .form_box dl { position: relative; margin-bottom: 10px;}
.company_form .form_box dl:after { content: ""; display: block; clear: both;}
.company_form .form_box dl dt, .company_form .form_box dl dd { float: left;}
.company_form .form_box dl dt { width: 100px; padding-top: 7px;}
.company_form .form_box dl dt span, .c011_myp .form_box dl dt label { color: #808080;}
.company_form .form_box dl dd { position: relative; width: 660px; font-size: 0;}
.company_form .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.company_form .i_label { left: 7px; top: 8px; color: #bbb;}
.company_form .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #d4253e; vertical-align: middle;}
.company_form .require_txt { position: absolute; right: 0; top: 13px; font-size: 11px;}
.company_form .require_txt b { color: #d4253e; font-size: 15px; margin-right: 3px; line-height: 1;}

.company_form input[type=text], .company_form textarea { width: 644px;}
.company_form textarea { height: 200px;}

.company_form input { vertical-align: middle;}
.company_form .btn_gray { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.company_form .btn_gray:hover { background: #bbb;}

.company_form .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}

.company_form .btn_center { position: relative; text-align: center; padding: 20px 0;}

.company_form .float_list { position: relative;}
.company_form .float_list:after { content: ""; display: block; clear: both;}
.company_form .float_list li { position: relative; float: left;}
.company_form .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.company_form .float_list li:first-child:before { display: none;}

.company_form .float_list li input { width: 64px;}


/* box */
.bf32 { position: relative; display: block;}
.bf32:before { content: ""; display: block; padding-top: 66.7%;}
.bf169 { position: relative; display: block;}
.bf169:before { content: ""; display: block; padding-top: 56.3%;}
.bfbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.bfbox img { width: 100%; height: 100%;}

.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; height:1; z-index:100;}
.btn_top_wrap div { position:relative; max-width: 1060px; width:100%; margin:0 auto;}
.btn_top { position:absolute; top: -141px; right:-52px; display: block; width: 48px; height: 47px; background: url("../img/default/btn_top.png") no-repeat 0 0; text-indent: -9999px; transition: none;}
.btn_top:hover { background-position: 0 -47px;}

/* Mypage TAB menu */
.tab_nav { position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.tab_nav li a { display: block; height: 15px; line-height: 1; padding: 20px 0 21px; background: url(../img/default/bg_tab.png) no-repeat right center; text-align: center; font-size: 15px; color: #363636; font-weight: bold;}
.tab_nav li a:hover { background-color: #f9f9f9;}
.tab_nav li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff;}
.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2; margin-left: -2px;}

/* 기본이미지설정 */
.noimg {object-fit:cover;}