@charset "UTF-8";

@import url('fonts.css'); /* 웹폰트 설정 */
@import url('layout.css'); /* 레이아웃 설정 */
@import url('popup.css'); /* 팝업 설정 */

html, body {height:100%; margin:0; padding:0;}
html { font:normal 16px 'cesco_r',dotum,'돋움',sans-serif; }
html.font_Big { font-size:20px;}
body {min-height:100%; color:#222; background:transparent; word-wrap:break-word; word-break:break-all; letter-spacing:-1px;}
img {border:none;}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd, em, figure {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family: 'cesco_b'; font-weight:normal;}
li {list-style:none;}
fieldset {margin:0; padding:0; border:none;}
legend {position:absolute; left:-1000px; top:-1000px; height:0; font-size:0; line-height:0; visibility:hidden;}
a {margin:0; color:#222; text-decoration:none;}
table {width:100%; border-collapse:collapse; font-size:0.93em;}
table caption {display:none;position:absolute; left:-999px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
table td, table th {padding:0;}
table th { font-family: 'cesco_b'; font-weight:normal; }
button {margin:0; padding:0; font-family:'cesco_r',dotum,'돋움',sans-serif; color:#222; vertical-align:middle; background:0; border:none; overflow:visible; cursor:pointer;}
button:focus {outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0.2);}
input[type=text], input[type=password], input[type=number], input[type=rang], input[type=email], input[type=url], input[type=date], input[type=datetime], input[type=month], input[type=tel], input[type=search], input[type=color] {
		display:inline-block; height:45px; line-height:45px; margin:0; padding:0 10px; font:normal 18px 'cesco_r', '맑은 고딕', dotum,'돋움',sans-serif; color:#717273; vertical-align:middle;
	background-color:#fff; border:1px solid #e1e1e1; 
}
input[type=password] {font-family:'cesco_r','맑은 고딕', dotum,'돋움',sans-serif;}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {color:#222; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type=checkbox], input[type=radio] { margin:0; vertical-align:middle; font-size:16px; border:none; border-radius:0; }
input[type=checkbox] {width:19px; height:19px; margin-right:5px; color:#a1a1a1;}
input[type=radio] {width:19px; height:19px; margin-right:5px; color:#a1a1a1;}
input::-webkit-input-placeholder { color:#c4c4c4; font-size:18px; }
input::-moz-placeholder { color:#c4c4c4; font-size:18px;}
input::-ms-input-placeholder { color:#c4c4c4; font-size:18px;}
input:focus {outline:none; background:#f8f9fb;}
input.inputCld { width:90px; height:33px; padding:0 40px 0 8px; border:1px solid #e1e1e1; font-size:18px; color:#828282;  background:#fff url("../../common/images/icon_cld.png") no-repeat right center;}
input.inputCld:focus { background-color:#fff;}
select { vertical-align:middle; line-height:1.1;  font-family: 'cesco_r';}
select.select { height:43px; border:1px solid #cdcdcd; font-size:22px; color:#828282;}
textarea { width:100%;  padding:10px; border:0px; color:#969797;  resize:none; box-sizing:border-box;  font-family: 'cesco_r';}
textarea:focus { color:#666; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
label, label span { position:relative; top:-1px; display:inline-block; vertical-align:middle;}
hr {height:3px; margin:16px 7px; background:url("../images/dotline01.png") repeat-x 0 0; background-size:6px auto; border:none;}
article, aside, footer, header, hgroup, nav, section, figure {display:block; padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
a[href^=tel] {padding-left:1em; text-decoration:underline; background:url("../images/btn_tel.png") no-repeat 0 0; background-size:auto 96%;}
em, address {font-style:normal; color:#222;}
sub {font-weight:normal; vertical-align:middle;}
img {max-width:100%;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
textarea::-webkit-input-placeholder {color:#c2c2c2;}
strong { font-weight:normal; font-family: 'cesco_b'; letter-spacing:0px;}

/* common */
.f {width:100%;}
.mid {vertical-align:middle;}
.vtop {vertical-align:top;}
.alignL {text-align:left !important;}
.alignr {text-align:right !important;}
.cen {text-align:center !important;}
.hide { position:absolute !important; left:-10000px !important; top:-10000px  !important; visibility:hidden;}
.none { display:none !important;}
.clear:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.btnC { margin:0 auto; text-align:center;}
.btnR { margin:0 auto; text-align:right;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mrT10 { margin-top:10px;}
.mrT15 { margin-top:15px;}
.mrT25 { margin-top:25px;}
.mrT50 { margin-top:50px;}
.posR { position:absolute; right:0; top:0;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; 	background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* selcet */

/* font-color */
.f01 { color:#00a2ff !important;}/* 파랑 */
.f02 { color:#19b300 !important;}/* 녹색 */
.f03 { color:#ff7600 !important;}/* 오렌지 */
.f04 { color:#ff2a00 !important;}/* 빨강 */
.pointRed { color:#e5464d !important;}
.pointSblue { color:#48b1ed !important;}
.fontB { color:#0080ec !important;}
.fontB02 { color:#0284cf !important;}
.fontG { color:#00bc90 !important;}
.fontG01 { color:#b7b7b7 !important;}
.fontY { color:#fcac00 !important;}
.fontR { color:#d80202 !important;}
.fontR02 { color:#db2e35 !important;}
.fontR03 { color:#ed621e !important;}
.fontR04 { color:#f07575 !important;}
.fontBl { color:#5b5b5b !important;}

/* bgColor */
.bgGr { background:#f1f4fa;}

/*bullet*/
.red_bul { color:#e5464d; padding-right:10px;}

/* file */
.inp_file { position:relative; display:inline-block; width:60%; padding-right:165px; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.inp_file:after {content:"이미지 등록"; position:absolute; left:0; top:0; width:120px; height:40px; padding:0 15px; font-size:1.063rem; color:#fff; line-height:40px; text-align:center; background:#0284cf; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.inp_file.en:after {content:"Registration";}
.inp_file input {height:34px;}
.inp_file input[type=file] {position:absolute; left:0; top:0; width:120px; height:100%; opacity:0; z-index:10; cursor:pointer;}
.inp_file + .btn01 {margin-left:5px; padding:2px 15px 0;}
.inp_file input[type=text] { width:90px; height:38px;}
.inp_file.w50:only-child { width:40%; min-width:40%;}
.file_infoText { padding:5px 9px; color:#959595; font-size:12px;}

/* paging */
.pagingBox { position:relative;}
.pagingBox select.select { position:absolute; right:0; top:25px; width:80px; height:35px; font-size:16px; color:#000;}
.pagingBox .paging { padding:60px 0 46px; text-align:center; vertical-align:top;}
.pagingBox .paging .num { vertical-align:top; color:#666; display:inline-block; line-height:25px; }
.pagingBox .paging .num a { color:#aaa;}
.pagingBox .paging .num .active { font-weight:bold; color:#000;}
.pagingBox .paging a { display:inline-block; width:40px; height:25px; font-size:1.125rem;}
.pagingBox .paging .btn_prev01 { width:25px; height:25px;  border-radius:2rem; vertical-align:top; background:#595f6a url("../../common/images/icon_paging_prev01.png") no-repeat 9px center;}
.pagingBox .paging .btn_prev02 { width:25px; height:25px;  border-radius:2rem; vertical-align:top; background:#595f6a url("../../common/images/icon_paging_prev02.png") no-repeat 7px center;}
.pagingBox .paging .prevBt:hover { background-color:#e3e4e8;}
.pagingBox .paging .nextBt:hover { background-color:#e3e4e8;}
.pagingBox .paging .btn_next01 { width:25px; height:25px;  border-radius:2rem; vertical-align:top; background:#595f6a url("../../common/images/icon_paging_prev01.png") no-repeat 9px center; transform:rotate(-180deg); -webkit-transform:rotate(-180deg); }
.pagingBox .paging .btn_next02 { width:25px; height:25px;  border-radius:2rem; vertical-align:top; background:#595f6a url("../../common/images/icon_paging_prev02.png") no-repeat 7px center; transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

.noData { display:block; padding-top:70px; text-align:center; background:url("../../common/images/icon_noData.png") no-repeat top center;}

.stickyBanner { position:fixed; left:20px; bottom:20px; padding:102px 15px 32px 15px; border:1px solid #e0e0e0; text-align:center; background:#fff; z-index:10;}
.stickyBanner  .sticky_iconAir { padding-top:65px; font-size:1.375rem; font-family: 'cesco_b'; text-align:center; background:url("../../common/images/icon_state_on.png") no-repeat top center;}
.stickyBanner  .sticky_txt { padding-top:50px; line-height:30px; font-size:1.25rem; font-family: 'cesco_b'; text-align:center;}
.stickyBanner  .sticky_state { display:inline-block; width:158px; height:33px; line-height:33px; margin:30px auto 0; text-align:center; font-size:1.125rem; border-radius:5px; background:#e9ebee;}
.stickyBanner  .sticky_btn { overflow:hidden; width:240px; height:60px; margin-top:14px; border:2px solid #eaebed; box-sizing:border-box; border-radius:5px;}
.stickyBanner  .sticky_btn button { float:left; width:50%; height:56px; line-height:56px; font-size:1.375rem; color:#c9c9c9; font-family: 'cesco_b'; }
.stickyBanner  .sticky_btn button:first-child.active { color:#fff; background:#0284cf;}
.stickyBanner  .sticky_btn button:last-child.active { color:#fff; background:#fe4f4f;}
.stickyBanner  .sticky_info { margin-top:16px; line-height:26px; font-size:1rem; color:#5e5e5e; font-family: 'cesco_b';}

.popwrap .sticky_state { font-size: 1.125rem;}

/* 새로고침버튼 */
.btn_refresh { position:absolute; right:40px; top:20px; width:40px; height:40px; border-radius:2rem; background:#e9ebee url("../../common/images/icon_refresh.png") no-repeat center 5px;}
.btn_refresh span { display:inline-block; text-indent:-99999px;}

/* 폰트 사이즈 */
.smTxt { display:inline-block; font-size:0.75rem;}
label .smTxt { top:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sel_title { line-height:38px;}
	.sel_title span {padding-top:0;}
}

@media screen and (max-width: 1024px){
	.stickyBanner { display:none;}	
}