@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}

/* Common Layout */
.body_wrap { position: relative; min-width: 1180px; overflow: hidden;}

.wrapper { position: relative; width: 100%; min-width: 1100px;}
.wrapper > div { position: relative; max-width: 1100px; margin: 0 auto; padding: 0 0;}
.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: #ffffff;}
.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;}

.member_collap { position: relative;}
.member_collap .icon_member { position: relative; display: block; padding-left: 16px; background: url(../img/bg/bg_collap.png) no-repeat 0 12px; height: 35px; line-height: 34px; z-index: 1001;}
.member_collap .icon_member span { display: block; padding-right: 10px; background: url(../img/icon/icon_collap.png) no-repeat right 0; transition: .3s all ease;}
.member_collap .icon_member.on span { background-position: right -35px;}
.member_collap .icon_member:hover { color: #000;}
.member_collap ul { position: absolute; left: -9px; top: 19px; background: #fff; z-index: 1000; width: 66px; height: 62px; padding: 23px 10px 0; background: url(../img/bg/bg_collap.png) no-repeat 0 -20px;}
.member_collap ul li { float: none;}
.member_collap ul li a { display: block; height: 22px; line-height: 21px; text-align: center;}
.member_collap ul li a:hover { background: #ededed;}

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

/* Header */
#header { z-index: 100;padding-top:30px;}
#header > div { padding: 0; max-width: 1180px;}
.head_top { position: relative; /*padding: 0 20px;*/ }
.head_top > div { min-height: 120px;}
.head_top > div h1 { position: absolute; left: 25%; top:-15px; width: 460px;}
.head_top > div h1 b { display: table-cell; width: 460px; height: 120px; vertical-align: middle; text-align: left;}
.head_top > div:after { content: ""; display: block; clear: both;}
.head_top > div > div { /*width: 260px;*/ margin: 20px 0 2px; padding-bottom: 10px;}
.head_top .ht_left { float: right; margin-left: 20px;}
.head_top .ht_left .com_ban { text-align: right !important;}
.head_top .ht_right { float: right;}
.head_top .ht_right .com_ban { text-align: right !important;}

.head_cen { position: relative; z-index: 120;background: #e60012;}
.head_cen > div { position: static;}

#gnb { text-align: center; height: 47px;}
#gnb:after { content: ""; display: block; clear: both;}
#gnb > li { float: left; display: block; margin-right: -1px; }
#gnb > li > a {display: block;height: 47px;line-height: 45px;font-size: 16px;padding: 0 35px 0 35px;transition: .3s all ease;color: white;}
#gnb > li > a.on, #gnb > li > a.active { background: #FD2A0D; color: #fff;}

#gnb > li > ul { position: absolute; left: 0; top: 47px; background: #FD2A0D; width: 100% !important;}
#gnb > li > ul:after { content: ""; display: block; clear: both;}
#gnb > li > ul li { float: left; display: block; padding: 0 7px; background: url(../bg/bg_sub_line.png) no-repeat 0 center;}
#gnb > li > ul li:first-child { background: none;}
#gnb > li > ul li a { display: block; height: 50px; line-height: 47px; color: #292929;}
#gnb > li > ul li a:hover, #gnb > li > ul li a.active { text-decoration: underline;}
#gnb > li:first-child { background: url(../img/icon/icon_line02.png) no-repeat right 17px;}
#gnb > li:first-child > a {padding-right: 21px;}
#gnb > li:first-child > a.on, #gnb > li:first-child > a.active { color: #fff; }

#gnb.vertical > li { position: relative;}
#gnb.vertical > li > ul { left: 1px; height: inherit; background: #fff; text-align: left;min-width: 1000px !important; padding: 7px 0 5px;}
#gnb.vertical > li > ul li { float: left; display: block; padding: 0; background:none; text-align: left;}
#gnb.vertical > li > ul li:first-child { padding-left: 0; margin-left: 0;}
#gnb.vertical > li > ul li a { display:block; height: 18px; line-height: 16px;}
#gnb.vertical > li > ul li a span { display: inline-block; padding: 0 30px 0 15px; font-size:14px;}
#gnb.vertical > li > ul li a:hover span, #gnb > li > ul li a.active span { text-decoration: underline;}

/* Footer */
#footer {}
#footer > div { max-width: 1140px;}
.foot_wrap { position: relative; padding-bottom:40px;}
#border_footer{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;margin-top:80px;}
.foot_wrap:after { content: ""; display: block; clear: both;}
.foot_wrap h6 { position: absolute; left: 0; top: -10px; display: table; margin-right: 40px; margin-left: 0px; margin-top: 15px; text-align: center;}
.foot_wrap h6 b { display: table-cell; vertical-align: middle; text-align: center;}
.foot_wrap > div { padding-left: 240px;margin-top:15px;}

.foot_con > ul { position: relative; margin-bottom:5px;}
.foot_con > ul:after { content: ""; display: block; clear: both;}
.foot_con > ul li { float: left; padding-left: 8px; margin-left: 8px; background: url(../img/default/icon_line01.png) no-repeat 0 center;}
.foot_con > ul li:first-child { background: none; padding-left: 0; margin-left: 0;}
.foot_con > ul li a { display: block; height: 16px; line-height: 14px; font-size: 14px; color: #808080;}
.foot_con > ul li a:hover { color: #222;}
.foot_con > p { font-size: 11px; color: #0c0c0c; letter-spacing: 0; margin-top: 7px; line-height:1.5em;}
.foot_con > p * { font-style: normal; font-weight: normal; color: #bbb; margin-right: 10px; letter-spacing: 0;}
.foot_con > b { position: absolute; right: 0; bottom: 40px;}


.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2; margin-left: -2px;}

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

/* text color set */
.c_black { color: #222 !important;}
.t01 { color: #3fb3e7 !important;} /* 공통 텍스트 컬러 */
.t02 { color: #495da7 !important;} /* 부제목 등 포인트 텍스트 컬러 */

/* bg color set */
.c01 { background-color: #3fb3e7 !important; color: #fff !important;} /* 공통 배경 컬러 */

/* box frame */
.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%;}

/* Remocon */
#remocon { position: fixed; top: 10px; left: -13px; width: 140px; height: 600px; z-index: 10000;}
#remocon iframe { width: 140px; height: 600px;}

/* 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: 1180px; 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;}

/* Sticky banner */
.top_banner { position: relative; width: 100%; z-index: 100;}
.banner_wrap { position: relative; width: 1180px; height: 0; margin:0 auto;}
.banner_wrap > div { position: absolute; top: 30px; width: 160px;}
.banner_wrap .banner_left { left:-170px; text-align: right;}
.banner_wrap .banner_right { right:-170px; text-align: left;}
.com_ban { text-align: center;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-fix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: 0; background: #fff; border:1px solid #ccc; border-radius: 5px; box-shadow: 0 0 20px #333;}
.ui-corner-all { border-radius: 0 !important;}
.ui-widget-content { border: 0;}

.ui-icon { display: block; width: 16px; height: 16px; background-image: url(../icon/jquery-ui.png);}
.ui-icon-closethick { background-position: -96px -128px; text-indent: -9999px;}

.ui-dialog .ui-dialog-titlebar { padding: .4em .3em .6em 1em; position: relative; background: #444; border:1px solid #333; border-radius: 3px; color: #fff; font-weight: bold;}
.ui-dialog .ui-dialog-title { float: left; margin: 0; font-size: 17px; font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 7px; width: 18px; margin: 0; padding: 1px; height: 18px; border: 0;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0; width: 18px; height: 18px; background: url(../btn/btn_edit_close.png) no-repeat 0 0;}
.ui-dialog .ui-dialog-titlebar-close:hover span { background-position: 0 -18px;}
.ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move;}

/* 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: #222;
    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: #222; 
	font-size:14px; 
	width:100%; 
	height:38px; 
	line-height: 38px; 
	background: #fff !important; 
	margin: 0 !important;
}
.file_wrap { 
	padding-right: 2px;
}

@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: #222; 
	font-size:14px; 
	padding:10px 7px; 
	line-height:1.4;
}

/* selectbox */
select { 
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
	color: #222; 
	font-size:15px; 
	margin:0;
}
.slt { display:inline-block; height:36px; overflow:hidden; border:1px solid #dedede; vertical-align:middle; background:#fff url(../bg/bg_select.png) no-repeat right center; font-size:15px;}
.slt > span { display:block; margin-right:-20px;}
.slt select { display:block; background:transparent; width:100%; margin-right:65px; border:0; font-size:14px !important; height:40px; padding: 10px 0; -webkit-appearance:none; vertical-align:middle; margin-top:-3px; padding-left:8px;}
.slt select:checked { background:transparent;}

.select_box { position: relative; display: inline-block; height: 36px; background: #fff url(../bg/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(../btn/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(../btn/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(../btn/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;}

/* datepicker */
.ui-datepicker { width:255px; display:none; background:#f0f0f0; z-index:11 !important; border-right:2px solid #bababa; border-bottom:2px solid #bababa;}
.ui-datepicker a { transition: none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:10px 0; border-bottom:1px solid #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:8px; width:30px; height:30px; background:url(../btn/btn_calsel.png) no-repeat 0 0; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none;}
.ui-datepicker .ui-datepicker-prev { left:10px;}
.ui-datepicker .ui-datepicker-next { right:10px; background-position:-30px 0;}
.ui-datepicker .ui-datepicker-prev-hover { background-position:0 -30px;}
.ui-datepicker .ui-datepicker-next-hover { background-position:-30px -30px;}
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center;}
.ui-datepicker .ui-datepicker-title * { font-size:15px;}
.ui-datepicker select.ui-datepicker-month-year { width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
.ui-datepicker td { padding:3px;}
.ui-datepicker td span, .ui-datepicker td a { display:block; width:30px; height:24px; padding-top:6px; background:#fff; text-align:center; border-radius:50%;}
.ui-datepicker td a:hover { background:#7f7f7f; color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-week-end span, .ui-datepicker-week-end a { color: #495da7;}
.cal_wrap img { cursor:pointer; margin-left:5px;}
.ui-state-highlight { background:#7f7f7f !important; color:#fff;}

/* paging */
.paging { position: relative; text-align: center; padding: 35px 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: #3fb3e7;} /* 공통 컬러 적용 */
.paging .btn_pagenum a.on { color: #3fb3e7; font-weight: bold;} /* 공통 컬러 적용 */
.paging a.btn_p { position: relative; display: inline-block; width: 40px; height: 23px;  no-repeat 0 0; text-indent: -9999px; overflow: hidden; vertical-align: middle; transition: none;}
.paging span:nth-child(1) a{background: url(../img/btn_page.png);}
.paging span:nth-child(2) a{background: url(../img/btn_page2.png);}
.paging a.btn_p:after { display: none;}
.paging a.btn_p.prev { background-position: 0 0;}
.paging a.btn_p.next { background-position: -23px 0;    background: url(../img/btn_page3.png) !important;}
.paging a.btn_p.prev:hover { background-position: 0 -23px;}
.paging a.btn_p.next:hover { background-position: -23px -23px;}

/* path */
.path_wrap { position: relative;}
.path_wrap h3 { 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(../icon/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(../icon/icon_path.png) no-repeat right 3px; line-height: 1; font-size: 12px; padding-right: 10px; color: #808080;}
.btn_allmore:hover { color: #222;}

/* reply */
.reply_wrap { position: relative;}
.reply_wrap h4 { font-size: 16px; margin-bottom: 7px;}
.reply_wrap h4 b { font-size: 13px; margin-left: 7px;}
.reply_wrap h4 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 > h5 { 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;}

/* 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(../bg/bg_tab.png) no-repeat right center; text-align: center; font-size: 15px; color: #222; 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;}

/* 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 > h3 { font-size: 25px; border-bottom: 1px solid #363636; font-weight: normal; line-height: 1; padding-bottom: 15px; letter-spacing: -0.15em; margin-bottom: 35px;}

.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;}

#map-canvas { width: 760px; height: 400px;}

.company_form .info_wrap { padding: 15px; background: #f3f3f3;}
.company_form .info_wrap b { color: #495da7; 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: 786px; 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: 770px;}
.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;}

/* My Plan */
.myplan_wrap { position: relative; padding-top: 40px;}
.myplan_wrap > h2 { position: fixed; top:0; left: 0; width: 100%; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0; z-index: 10;}

.myplan_wrap .info_wrap { position: absolute; right: 10px; bottom: 5px; font-weight: normal; font-size: 11px;}
.myplan_wrap .info_wrap b { color: #495da7; margin-right: 4px; font-size: 17px;}

.myplan_wrap .form_box { position: relative; padding: 15px; border-bottom: 1px solid #dedede;}
.myplan_wrap .form_box:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box * { font-size: 15px;}

.myplan_wrap .form_box dl { position: relative; margin-bottom: 10px;}
.myplan_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.myplan_wrap .form_box dl dd { float: none; position: relative; font-size: 0; margin-left: 100px;}
.myplan_wrap .form_box dl dd > span { position: relative; display: block; padding: 10px 0; min-height: 16px;}
.myplan_wrap .i_wrap { padding: 0 16px 0 0;}
.myplan_wrap.wid140 .form_box dl dt { width: 140px;}
.myplan_wrap.wid140 .form_box dl dd { margin-left: 140px;}

.myplan_wrap input { vertical-align: middle;}
.myplan_wrap textarea { height: 70px;}
.myplan_wrap .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_gray:hover { background: #bbb;}

.myplan_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #3fb3e7; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_blue:hover { background: #00a2ea;}

.myplan_wrap .btn_dark { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #808080; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_dark:hover { background: #222;}

.myplan_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}
.myplan_wrap .btn_center a, .myplan_wrap .btn_center input { width: 85px; padding: 0;}
.myplan_wrap .btn_center .icon_list { position: absolute; left: -5px;}

.myplan_wrap .require:after { content:"*"; margin-left: 3px; font-size: 17px; color: #d4253e; vertical-align: middle;}

.myplan_wrap .float_list { position: relative;}
.myplan_wrap .float_list:after { content: ""; display: block; clear: both;}
.myplan_wrap .float_list li { position: relative; float: left;}
.myplan_wrap .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.myplan_wrap .float_list.f_date li:before { content: "~"; width: 16px;}
.myplan_wrap .float_list li:first-child:before { display: none;}
.myplan_wrap .float_list li input { width: 64px;}
.myplan_wrap .float_list.f_date li input { width: 111px; background: url(../bg/bg_cal.png) no-repeat right 9px;}
.myplan_wrap .i_label { padding: 10px 20px 10px 7px; color: #bbb; line-height: 1.4;}

.chk_list { position: relative; padding: 5px 0 0;}
.chk_list:after { content: ""; display: block; clear: both;}
.chk_list li { float: left; position: relative; margin: 3px 5px;}

.pop_desc { position: relative; padding: 20px 0 17px; margin: 0 15px; font-size: 13px; color: #808080; border-bottom: 1px solid #dedede;}
.pop_desc b { font-weight: normal; color: #222; display: block; margin-bottom: 3px;}
.c_txt { font-style: normal; color: #808080; margin-left: 7px; font-size: 13px !important;}
.pop_desc b.c_red { color: #495da7;}

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

/* member out */
.member_out h2 { position: relative; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0;}

.member_out .column02:after { content: ""; display: block; clear: both;}
.member_out .column02 > dl { float: left; width: 50%;}

.member_out .form_box { position: relative; padding: 15px 60px; border-bottom: 1px solid #dedede;}
.member_out .form_box:after { content: ""; display: block; clear: both;}
.member_out .form_box * { font-size: 15px;}

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

.member_out input { vertical-align: middle;}
.member_out .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484 ; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_gray:hover { background: #bbb;}

.member_out .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #3fb3e7; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_blue:hover { background: #00a2ea;}

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

.member_out .caution_txt { text-align: center; padding: 30px 0 15px;}
.member_out .caution_txt * { font-size: 13px; color: #808080;}
.member_out .caution_txt h6 { font-size: 15px; color: #222; margin-bottom: 10px;}

/* mini popup */
.mini_popup { position:fixed; left: 0; top: 0; min-width: 50px; z-index:1000; box-shadow: 0 20px 20px rgba(0,0,0,.5);}
.mini_popup > a { display: block;}
.mini_popup ul { background: #333; position: relative; margin: 0 !important;}
.mini_popup ul:after { content: ""; display: block; clear: both;}
.mini_popup ul li a { display: block; height: 40px; text-indent: -9999px;}
.mini_popup ul li.mpn01 { float: left; width: 124px; background: url(../btn/btn_not_open.png) no-repeat 0 0;}
.mini_popup ul li.mpn02 { float: right; width: 39px; background: url(../btn/btn_mpop_close.png) no-repeat 0 0;}

/* Terms */
.terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4; color: #222;}
.terms_box * { color: #222;}
.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 > h3 { 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;}
.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: #222;}

/* Auto Slide for Banner */
.banner_slide { position: relative;}
.banner_slide img { width: 100%;}







/* 컬러 선택 창 */
.sel_color_wrap { position: fixed; right: -2px; top: 16px; width: 62px; background: #fff; border: 2px solid #bbb; box-shadow: 0 0 6px rgba(0,0,0,.3); border-radius: 12px 0 0 12px; z-index: 2000; overflow: hidden;}
.sel_color_wrap .now_color { position: relative; display: block; height: 47px; margin: 10px 8px 7px 7px; overflow: hidden; transition: .3s all ease;}
.sel_color_wrap .now_color:active { transform: rotate(-90deg);}
.sel_color_wrap .now_color > span { position: relative; display: block; width: 47px; height: 47px; background: url(images/bg_now_color.png) no-repeat 0 0;}
.sel_color_wrap .now_color > div { position: absolute; left: 0; bottom: 0; display: block; width: 26px; height: 26px; transform: rotate(-45deg);}
.sel_color_wrap .now_color > div > b { display: block; height: 13px;}
.sel_color_wrap .sel_color { position: relative; padding: 5px 0 10px; border-top: 2px solid #ebebeb;}
.sel_color_wrap .sel_color li { position: relative; padding: 5px 0;}
.sel_color_wrap .sel_color li a { display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin: 0 auto;}
.sel_color_wrap .sel_color li a:after { content: ""; display: block; clear: both;}
.sel_color_wrap .sel_color li a > span { display: block; float: left; width: 50%; height: 40px;}
.sel_color_wrap .sel_color li a:hover { opacity: .8;}
.sel_color_wrap .sel_color li a.on:before { position: absolute; right: 3px; top: 22px; content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #000;}

.sel_color_wrap .color_setting { position: absolute; left: 4px; top: 4px; display: block; width: 21px; height: 21px; background: url(images/btn_color_setting.png) no-repeat 0 0; text-indent: -9999px; z-index: 1001;}

/* 날씨 */
.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: 9px; 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;}

/* Search */
.search_box { position: relative; width: 1180; }
.search_con { position: absolute; left: 0; top: 0; width: 100%; background: #3fb3e7; z-index: 10;}
.search_con > div { position: relative; margin: 30px auto; width: 468px; height: 36px; border: 2px solid #fff;}
.search_con > div:after { content: ""; display: block; clear: both;}
.search_con input { float: left; border: 0; font-size: 15px; padding: 9px 13px 11px; width: 400px; background: transparent; color: #fff;}
.search_con .i_label { top: 10px; left: 13px; font-size: 15px; color: #fff;}
.search_box .btn_search { position: absolute; right: 0; top: 0; width: 43px; height: 36px; background:url(../btn/btn_search.png) no-repeat 0 -1px; text-indent: -9999px;}

.search_box .btn_all_search { position: absolute; right: 0; top: -48px; display: block; width: 40px; height: 48px; text-indent: -9999px; background: #3fb3e7 url(../img/btn/btn_search_collap.png) no-repeat 0 0; z-index: 100; transition: .3s all ease;}
.search_box .btn_all_search:active { background-color: #3fb3e7;}
.search_box .btn_all_search.on { background-position: -40px 0; background-color: #3fb3e7;}

/*banner*/
.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 0 0;padding-top:20px;}
.bottom_banner .bottom_banner_swiper {width:1010px;}
.bottom_banner .swiper_btn_l {left:-3px;background:url(/img/slider_l.png) no-repeat; }
.bottom_banner .swiper_btn_r {right:-5px;background:url(/img/slider_r.png) no-repeat;}


/* Mobile화면으로 */
#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:1150px;margin:0 auto;margin-top:10px; margin-bottom:10px;}


/*그리드사이즈*/
.col-8 {    margin: 0;
    outline: 0;
    border: 0;
	position: relative;
    min-height: 1px;
	margin-top:25px;}

.col-4{    margin: 0;
    outline: 0;
    border: 0;
	position: relative;
    min-height: 1px;
	margin-top:25px;}
.col-8 {width: 727px;float: left;position: relative;
    min-height: 1px;
	padding-right:41px;
	}
.col-4{width: 330px;float: left;position: relative;
    min-height: 1px;}
.col-4 ul{margin-bottom:30px;}
.box_01{overflow:hidden;}




/*메인 헤더 검색_02*/
.top0606_search {
	width:179px !important;
    height: 16px !important;
    padding: 5px 25px 5px 0 !important;
    margin-top: 2px !important;}

#fsearchbox a {background-image: url(../img/serch_01.png);color: #fff;vertical-align: top;position: absolute;right: 13px;top: 6px;width: 15px;height: 22px;background-repeat: no-repeat;}
.menu06_center{float:right;margin-top:8px;position:relative;margin-right:30px;}

.sp-selected-thumbnail{ background-image:url('../img/pin_bg.png'); color:white !important; }

.slider_text_ul{padding: 20px 30px;font-size: 16px;line-height: 1.6;height:100%;}
.slider_ul_first{color: #ff6666;font-weight: bold;font-size:14px;}
.slider_ul_con{font-size:14px;}
.slider_text_ul:before{cursor:pointer;}

#srolling{position: relative;overflow:hidden;    width: 695px;height:50px;}

#srolling_area{margin-left:150px;margin-top:3px;padding-top:3px;}

.rolling_text_cut{  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap; 
  width: 550px;}

.new_news_01{padding: 5px 0 7px 0;
    background: #dfdfdf;
    width: 100%;
	position:relative;}

.new_news_title{position: absolute;width: 100px;background: #767676;text-align: center;color: white;font-weight: bold;top: 10px;left: 20px;padding:3px 0;}
.best_new_title{background: #fe0032;color: white;text-align: center;font-size: 16px;height: 28px;padding: 8px;}
.best_new_img img{width:100%}
.best_text_01{padding:5px 15px 5px 10px;font-weight: bold;color: #666666;margin-top:5px;}
.best_text_02{padding: 5px 15px 5px 10px;color: #666666;border-top: 1px solid #b9b9b9;}
.best_text_03{padding:5px 15px 5px 10px;color: #666666;}
.left_block{overflow:hidden;margin-bottom:40px;}
.left_block li {float: left; /*padding: 25px 0 0 0; */ width: 30%;}
.left_block li img{    display: block;max-width: 220px;height: 161px;width: 100%;border: 1px solid #999999;}
.prin_title{    font-weight: bold;padding: 5px 10px 0 5px;color: #5f5f5f;height: 70px;font-size: 17px;}
.best_new{overflow: hidden;width: 100%;}
.best_new_02 {border:1px solid #cccccc;overflow: hidden;width: 100%;padding-bottom: 10px;}
.ent_news{border-top: 4px solid #fe0005;border-bottom: 1px solid #fe0005;color:#cc0000;font-size: 20px;font-weight: bold;padding: 5px 0 5px 5px;margin-right:5px;width:100%;}
.ent_news a{border-top: 4px solid #fe0005;border-bottom: 1px solid #fe0005;color:#cc0000;font-size: 20px;font-weight: bold;padding: 5px 0 5px 5px;margin-right:5px;width:100%;}
.left_block_02{overflow: hidden;margin-bottom: 20px;}
.left_block_02 li img{display: block;max-width: 220px;height: 161px;width: 100%;border: 1px solid #999999;}
.left_block_02 li {float: left;padding: 20px 0 0 0;width: 30%;}
.best_new_title_02{color:#cc0000;font-size:18px;margin-bottom: 10px;}
.icon_wid_01{width:17px;margin-right:5px;}
.best_new_img_02 img{width:100%; border:1px solid #cccccc;}
.best_new_img_02{}


#s_banner_wrap{ margin-top:30px; width:100%; background:#474747;margin-bottom:30px;}
.spon_box_01{color:white;}
.spon_box_01 img{float: left;margin: 10px 13.8px;border: 1px solid #9d9d9d; max-width:132px;width:132px; height:42px;}
.spon_title{font-size:18px;color:#fff;padding:25px 0 5px 50px;}

.bx-wrapper .bx-controls-direction a.disabled {
     display: block !important;
}


.more_01{float: right;font-size: 12px;line-height: 2.5;color: #bdbdbd;}

.baaner_01 img{width:100%; border:1px solid #cccccc;}
.spec_ul{background-color:#ffeeee;margin:10px 0;overflow:hidden;padding: 50px 20px 50px 20px;}
.spec_ul div{float:left;}
.spec_title{    background: #fe0032;color: white;padding: 8px 15px;font-size: 18px;}
.spec_ul_img{width:30%;overflow:hidden;}
.spec_ul_img img{width:100%;}
.spec_ul_con{width:70%;overflow:hidden;line-height:1.7;}
.spec_ul_con > ul{padding: 0 0 0 30px;}
.spec_ul_con_img img:last-child{margin: 15px 0 0 0;}
.spec_ul_con_img img{max-width: 142px;width: 100%;margin: 15px 12px 0 0;}
.spec_ul_con_img{margin-bottom:15px;}
.spec_sub_tit{font-size: 20px;font-weight: bold;color: #4c4c4c;}
.spec_sub_tit_02{color: #cc0033;font-weight: bold;margin-bottom: 5px;font-size:14px;}
.spec_sub_tit_03{font-size:14px;}
.posi_re{position:relative;}
.text_bar_befor{padding-left:15px;}
.text_bar_befor::before{background: #ff0000;content: "";display: block;width: 4px;height: 23px;left: 0;top: 3px;position: absolute;}
.noti_even_text{background: #f3f3f3;border: 1px solid #f3f3f3;font-size:14px; font-weight:bold;}
.date_text_01{color:#999999;}
.noti_even_text li{width: 90%;margin: 10px auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner_ri_01{margin-bottom:15px;}
.banner_ri_01 img{width: 100%;border: 1px solid #cccccc;}

.book_box_01 div:first-child{margin-left:0px;}
.book_box_01 div:last-child{margin-right:0px;}
.book_box_01 div{float: left;width: 23%;border: 1px solid #a0a0a0;}
.book_box_01{overflow:hidden;}
.into_01 li img{/*width:100%;*/    height: 167px; }
.into_text_01{background: #858585;color: white;padding: 20px;font-size:14px;}
.into_text_01 p {font-size: 18px;padding-bottom: 10px;font-weight:bold;}
.bold_text_01{font-weight: bold;font-size:20px;}
.las_box_01 a:first-child{margin-left:0px;}
.las_box_01 a:last-child{margin-right:0px;}
.las_box_01 li{float:left;width:100%;/*border:1px solid #d4d4d4;background-color:#ffffea;color: #666666;*/position:relative;height:74px;text-align: center;}
.las_box_01 li span{font-size:18px;line-height: 3.6;padding-left: 20px;font-weight:600;}
.las_box_01 li .arr_icon_01{position: absolute;right: 35px;top: 25px;}
.las_box_01 li .icon_d{position:absolute;display: inherit;top:10px;left:20px;}
.las_box_01{margin:40px 0;overflow:hidden;}
.las_box_01 a{ width: 21.2%; /*width: 30%;*/display: block;margin: 0 27px;float:left;}

.foot_menu_01{ overflow: hidden;padding: 10px 0;font-size:12px;}
.foot_menu_01 li{float:left;}
.foot_menu_01 li:nth-child(2n){padding:0 10px;}

.slider_text_ul{cursor:pointer;}
.sp-image-container{cursor:pointer;margin-left:15px;}

.img_mar_none{margin-right:35px;}
.img_mar_none_02{margin-left:35px;}

.color_red{    color: #cc0000;}
.top_icon{margin: 0 10px;}

.padding_bottom_01{padding-bottom:10px;}

/*로고위치*/
#logo_loca_box{margin:0 auto;display:block;width:600px;}
#logo_loca_01{margin-bottom: 20px;margin-left: 30px;}
#logo_loca_02{float: right;margin-right: 30px;margin-bottom: 20px;}


.sidebar{
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

#default_logo{ height:100px;width:auto;}