@charset "utf-8";

/*Default set*/
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td,figure{margin:0;padding:0;font-weight:100;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font-size:13px;line-height:1.5;color:#333;word-break:keep-all}

/*input*/
input, textarea, select{padding:0;color:#3c3c3c;vertical-align:middle}
input[type=text],input[type=file],input[type=password]{border:1px solid #d4d4d4;outline:none;}
input[type=text],input[type=password]{padding:0 12px;height:37px;line-height:37px;border:1px solid #e0e0e0;box-sizing:border-box;font-size:12px;line-height:14px;color:#262626;}
input[type=text]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}

input[type=text]:focus,input[type=password]:focus{}/*border:1px solid #002a7b;*/
input[type=button]{border:0;background:none;}
textarea{border:1px solid #d4d4d4}
input.radio, input.check,fieldset{border:0;background:none}
input, button, select, a+button,.selectBox,.calendar{*margin-right:4px}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
input,textarea::-webkit-scrollbar{width:0;height:0;}
input,textarea::-webkit-scrollbar-thumb{background:none;}
input+.hyphen{*margin-left:-4px}
input[type=text]+.btnS, input[type=password]+.btnS,input[type=text]+input[type=text], input[type=password]+input[type=text], input[type=text]+input[type=password]{margin-left:10px}
input[type=text][disabled]{background-color:#f7f7f7}
label+.typeRadio{margin-left:30px}
input[type=text]+.checkbox{margin-left:16px}
input[type=file]{width:200px;height:20px;height:30px\9;*height:30px;}
input[type=file]::-ms-value{border:0 none}
input[type=file]::-ms-browse{border:0 none;border-left:1px solid #ccc}
select{height:38px;padding:2px 4px 3px 7px;border:1px solid #ccc;font-size:13px;color:#3c3c3c}

/*textarea*/
textarea{overflow-y:scroll;width:100%;padding:14px 14px 0 14px;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;color:#666;resize:none;font-size:13px}
textarea:focus{border:1px solid #002a7b;}
.byte{padding:6px 0 0;font-size:13px;text-align:right;color:#666}
.byte em{color:#333}

/*link*/
button{overflow:visible}
a{display:inline-block;}
a+button{*margin-left:4px}
a, input, label, button{-webkit-tap-highlight-color:transparent;}
a, a:link, a:visited, a:active,a:hover{text-decoration:none !important;color:#3c3c3c;}
button{margin:0;padding:0;border:0;background:none;width:auto;outline:0;cursor:pointer}
button:focus{outline:1px dotted #3c3c3c;}
button span, button:active span, button:focus span{position:relative}

/*etc*/
img{border:none;margin:0;padding:0;line-height:0;font-size:0;}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th{border:0;text-align:center}
td{border:0}
table caption,legend,figcaption{overflow:hidden;width:100%;height:1px;*height:0px;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px}
ol,ul{list-style:none}
em, var, address{font-style:normal}
acronym{border:0 none;text-decoration: none}
a, span{vertical-align:top;} 
/* a, span{vertical-align:middle;} 원래 이거였음*/
iframe{border:none;}

/* common */
/*.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}*/
.blind{position:absolute;visibility:hidden;top:0;left:0;height:0;width:0;font-size:0;line-height:0;overflow:hidden;}
.bold{font-weight:700}
.border0{border:0!important}
.button{border:1px solid #b4b4b4;border-radius:1px;background-image:linear-gradient(to bottom,#F2F2F2 0%,#D6D5D5 100%)}
.txt_hide{position:absolute;width:0px;height:0px;overflow:hidden;line-height:0;text-indent: 9999px}
.is-logout{display:none;}

/*align*/
.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtR{text-align:right !important;}

/*margin*/
.mB20{margin-bottom:20px !important;}
/*checkbox & radio*/

hl{font-weight:900;}
/*common*/
.clearfix:after{content:"";display:block;clear:both;zoom:1}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}

/* skip navi */
.skip_navi,.skip-navi{width:100%;position:absolute;top:0;z-index:100000;}
.skip_navi a,.skip-navi a{width:100%;font-size:14px;line-height:36px;text-align:center;font-weight:900;position:absolute;top:-100px;left:0;color:#fff;background:#004880;}
.skip_navi a:hover,.skip_navi a:active,.skip_navi a:focus,
.skip-navi a:hover,.skip-navi a:active,.skip-navi a:focus{top:0;z-index:100000;}

/*top버튼*/
.btn-top{display:none;position:fixed;right:5px;bottom:5px;width:32px;height:32px;}
.btn-top a{display:block;width:100%;height:100%;background:url(../../../images/new/mobile/ico/ico-top.png) no-repeat 0 0;background-size:32px;}

/*button*/
/*회색보터 하얀배경*/
.btn-white{height:23px;border:1px solid #d8d8d8;padding:0 6px;font-size:11px;line-height:24px;color:#4c5056;background:#fff;}

/*loading*/
.loading{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff url(../../../images/new/mobile/common/logo-loading.png) no-repeat center 95%;background-size:50px;z-index:101;}
.loading-box{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;width:48px;height:48px;background:url(../../../images/new/mobile/common/loading.png) no-repeat 0 0;background-size:48px;}

/*title*/
.tit-h{font-size:35px;line-height:39px;font-weight:900;letter-spacing:-1px;}
.tit-s{font-size:24px;line-height:30px;font-weight:900;letter-spacing:-1px;}
.tit-a{font-size:16px;line-height:20px;font-weight:900;letter-spacing:-1px;}
.tit-b{font-size:17px;line-height:20px;font-weight:900;}
.tit-c{font-size:16px;line-height:20px;}
.main-caption .tit-a{font-size:20px;}

/*font정책*/
.h1{font-size:30px;letter-spacing:-.06em;line-height:36px;}
.t1{font-size:24px;letter-spacing:-.06em;line-height:28px;}
.t21{font-size:21px;letter-spacing:-.06em;line-height:23px;}
.t22{font-size:21px;letter-spacing:-.06em;line-height:26px;}
.t31{font-size:18px;letter-spacing:-.06em;line-height:23px;}
.t32{font-size:18px;letter-spacing:-.04em;line-height:24px;}
.b1{font-size:15px;letter-spacing:-.06em;line-height:20px;}
.b21{font-size:14px;letter-spacing:-.04em;line-height:19px;}
.b22{font-size:14px;letter-spacing:-.04em;line-height:21px;}
.b23{font-size:14px;letter-spacing:-.025em;line-height:24px;}
.b3{font-size:13px;letter-spacing:-.06em;line-height:17px;}
.c11{font-size:12px;letter-spacing:-.05em;line-height:16px;}
.c12{font-size:12px;letter-spacing:-.025em;line-height:15px;}
.c13{font-size:12px;letter-spacing:-.025em;line-height:18px;}
.c21{font-size:11px;letter-spacing:-.05em;line-height:15px;}
.c22{font-size:11px;letter-spacing:-.025em;line-height:15px;}

.fwT{font-weight:200;}
.fwL{font-weight:300;}
.fwR{font-weight:400;}
.fwB{font-weight:700;}

/*text*/
.word{font-size:14px;line-height:18px;color:#5c5c5c;}

/*카테고리 선택  ex) xx순*/
.select-cate{position:absolute;right:20px;top:30px;}
.select-cate li{display:none;margin:0 0 0 15px;}
.select-cate li a{font-size:12px;letter-spacing:-.05em;line-height:16px;color:#000;vertical-align:middle;}
.select-cate .ico{display:inline-block;margin:3px 0 0 5px;width:15px;height:15px;background:url(../../../images/new/mobile/ico/ico-arrow30.png) no-repeat 0 0;background-size:30px;}
.select-cate li.on{display:block;}

/*탭*/
.tabArea{margin:0 0 20px 0;clear:both;overflow:hidden;}
.tab-scroll{position:relative;width:100%;overflow:hidden;}
.tab-scroll .bg-scroll{display:inline-block;position:absolute;top:2px;right:0;width:32px;height:28px;z-index:2;background:url(../../../images/new/mobile/etc/bg-tab-scroll.png) no-repeat 0 0;background-size:32px;}
.tab-scroll-box{position:relative;clear:both;overflow-y:auto;}
#wrap .tab-scroll-box::-webkit-scrollbar{width:0;height:0;}
#wrap .tab-scroll-box::-webkit-scrollbar-thumb{background:none;}
#wrap.pc .tab-scroll-box::-webkit-scrollbar{width:auto;height:auto;}
#wrap.pc .tab-scroll-box::-webkit-scrollbar-thumb{background:#c1c1c1;}
/* 검정 박스 탭 */
.tab01{}
.tab01 li{position:relative;float:left;height:30px;box-sizing:border-box;border:1px solid #e7e7e7;background:#fff;}
.tab01 li + li{border-left:0}
.tab01 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:13px;text-align:center;color:#333;line-height:28px}
.tab01 li.on a{color:#fff;}
.tab01 li.on{width:100%;height:100%;background:#333;border:1px solid #333}

.tab02{}
.tab02:after{content:"";display:block;clear:both}
.tab02 li{position:relative;float:left;height:24px;box-sizing:border-box;border-top:1px solid #c9c5c0;border-bottom:1px solid #c9c5c0;}
.tab02 li::before{content:"";position:absolute;top:5px;right:0;display:inline-block;width:1px;height:13px;background:#c9c5c0;}
.tab02 li + li{border-left:0}
.tab02 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:11px;text-align:center;color:#b3b3b3;line-height:22px}
.tab02 li.on a{color:#333;}
.tab02 li:last-of-type::before{display:none;}

.tab03{overflow:hidden;}
.tab03 li{position:relative;float:left;height:32px;box-sizing:border-box;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.tab03 li a{display:block;position:relative;z-index:2;width:auto;height:100%;padding:0 15px;font-size:13px;text-align:center;color:#b3b3b3;line-height:30px;text-align:center;}
.tab03 li.on{border-bottom:2px solid #333;}
.tab03 li.on a{color:#333;}

.tab04{overflow:hidden;margin:0;background:url(../../../images/new/mobile/etc/bg-tab04.jpg) repeat-x 0 35px;}
.tab04 li{position:relative;float:left;width:70px;height:36px;box-sizing:border-box;}
.tab04 li a{display:block;position:relative;z-index:2;width:auto;height:100%;padding:0 22px;font-size:13px;text-align:center;color:#a6a6a6;line-height:38px}
.tab04 li.on{border-bottom:1px solid #a6a6a6;}
.tab04 li.on a{color:#333;font-weight:900;}

.tab05{}
.tab05:after{content:"";display:block;clear:both}
.tab05 li{position:relative;float:left;height:30px;box-sizing:border-box;border:1px solid #f1f0ee;}
.tab05 li + li{border-left:0}
.tab05 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:13px;text-align:center;color:#333;line-height:30px}
.tab05 li.on{border:1px solid #333;}
.tab05 li.on a{background:#333;color:#fff;font-weight:900;}
.tab05 li:last-of-type::before{display:none;}

.tab06{overflow:hidden;margin:0;}
.tab06 li{position:relative;float:left;height:33px;box-sizing:border-box;border-bottom:1px solid #c9c5c0;text-align:center;}
.tab06 li a{display:inline-block;position:relative;z-index:2;width:auto;padding:0 10px;font-size:11px;text-align:center;color:#b3b3b3;line-height:30px}
.tab06 li.on{}
.tab06 li.on a{color:#333;border-bottom:2px solid #333;}

.tab07{overflow:hidden;margin:0;}
.tab07 li{position:relative;float:left;width:40px;height:36px;box-sizing:border-box;}
.tab07 li a{display:block;position:relative;z-index:2;width:auto;height:100%;font-size:12px;text-align:center;color:#333;line-height:38px}
.tab07 li.on{}
.tab07 li.disable a{color:#ddd;}
.tab07 li.on a{color:#333;font-weight:900;}

.tab01.col2 li,.tab02.col2 li,.tab03.col2 li,.tab04.col2 li,.tab05.col2 li,.tab06.col2 li{width:50%}
.tab01.col3 li,.tab02.col3 li,.tab03.col3 li,.tab04.col3 li,.tab05.col3 li,.tab06.col3 li{width:33.333333%}
.tab01.col4 li,.tab02.col4 li,.tab03.col4 li,.tab04.col4 li,.tab05.col4 li,.tab06.col4 li{width:25%}
.tab01.col5 li,.tab02.col5 li,.tab03.col5 li,.tab04.col5 li,.tab05.col5 li,.tab06.col5 li{width:20%}
.tab01.col6 li,.tab02.col6 li,.tab03.col6 li,.tab04.col6 li,.tab05.col6 li,.tab06.col6 li{width:16.66%}
.tab01.col7 li,.tab02.col7 li,.tab03.col7 li,.tab04.col7 li,.tab05.col7 li,.tab06.col7 li{width:14.285%}
.tab01.col8 li,.tab02.col8 li,.tab03.col8 li,.tab04.col8 li,.tab05.col8 li,.tab06.col8 li{width:12.5%}
.tab01.col9 li,.tab02.col9 li,.tab03.col9 li,.tab04.col9 li,.tab05.col9 li,.tab06.col9 li{width:11.111%}
.tab01.colFree li, .tab02.colFree li, .tab03.colFree li, .tab04.colFree li, .tab05.colFree li, .tab06.colFree li{width:auto;}
.tab01.colFree li a, .tab02.colFree li a, .tab03.colFree li a, .tab04.colFree li a, .tab05.colFree li a, .tab06.colFree li a{display:inline;padding:0 40px;}

.tabWrap .conArea .tabCon + .tabCon{display:none}

/*owl 갤러리 버튼*/

.owl-pagination{position:absolute;}
.owl-page{float:left;margin:0 4px 0 0;box-sizing:border-box;width:6px;height:6px;border-radius:6px;border:1px solid #fff;}
.owl-page:last-of-type{margin:0;}
.owl-page a{display:block;width:100%;height:100%;}
.owl-page.active{background:#fff;}

/* radio checkbox common */
input[type='radio'], input[type='checkbox']{
	opacity:0; position:absolute; top: 10px; left:3px; filter:alpha(opacity=0); margin:0; z-index:10;
}
input[type='checkbox']+label, input[type='radio']+label{
	position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; z-index:0; color:#666; letter-spacing:-1px;
}
/*input[type='radio']:focus+label, input[type='checkbox']:focus+label{
	color:#787676;
}*/

/*라디오버튼*/
/* radio+label */
input[type='radio'] {width:20px;height:20px;}
input[type='radio']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../../../images/new/mobile/form/ico-radio-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}
/* radio checked+label */
input[type='radio']:checked+label {
	background-image:url(../../../images/new/mobile/form/ico-radio-chk.png);
}
input[type='radio']:focus+label {
    outline: 1px dashed;
    outline: 1px auto -webkit-focus-ring-color;
}
/* radio disabled+label */
input[type='radio']:disabled+label {
	color:#b7b7b7;
	background-image:url(../../../images/new/mobile/form/ico-radio-default-dis.png);
}
/* radio disabled:checked+label */
input[type='radio']:disabled:checked+label {
	color:#b7b7b7;
	background-image:url(../../../images/new/mobile/form/ico-radio-chk-dis.png);
}
/*체크박스*/
/* checkbox+label */
input[type='checkbox'] {width:20px;height:20px;}
input[type='checkbox']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../../../images/new/mobile/form/ico-checkbox-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}
/* checkbox checked+label */
input[type='checkbox']:checked+label{
	background-image:url(../../../images/new/mobile/form/ico-checkbox-chk.png);
}
/* checkbox disabled+label */
input[type='checkbox']:disabled+label{
		background-image:url(../../../images/new/mobile/form/ico-checkbox-default-dis.png);
}
/* checkbox disabled:checked+label */
input[type='checkbox']:disabled:checked+label{
	background-image:url(../../../images/new/mobile/form/ico-checkbox-chk-dis.png);
}