/* common.css- mobile */
@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,option,blockquote,th,td,input,select,textarea,button,figure,section,article,main,aside,nav,header,footer,figcaption{margin:0;padding:0}
fieldset,img{border:0 none}
img {max-width:100%;vertical-align:top}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {width:100%;border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지. */
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} 
p{word-break:keep-all;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Comic Sans','Helvetica',sans-serif;color:#444}
a {color:#444;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
main{display:block}

 #Index {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {overflow:hidden;display:block;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide{font-size:0;line-height:0;visibility:hidden}
.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.clear_g {overflow:visible;display:block;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.txt_bar {font-size:12px;color:#b6b6b6} /* 텍스트형 구분라인 */
.ico_comm {overflow:hidden;display:inline-block;background:url('../images/ico_comm.png') no-repeat;background-size:130px auto;font-size:0;text-indent:-9999px;line-height:0;}
.detail_href {position:absolute;bottom:0;right:0;padding:10px 15px}
.detail_href .ico_comm {width:8px;height:12px;vertical-align:middle;background-position:-68px -80px}

.fc_blue {color:#35c0f9}

/* btn */
.btn_area {width:100%;padding:20px 15px 0;text-align:center;box-sizing:border-box}
.btn_area .btn_page_more {display:block;width:100%;border:1px solid #e8e8e8;font-size:15px;font-weight:normal;color:#9d9d9d;line-height:35px;background:#fff;horizontal;
-webkit-box-shadow:inset 0px -1px 0px 0px rgba(219,219,219,0.3);-moz-box-shadow:inset 0px -1px 0px 0px rgba(219,219,219,0.3);box-shadow:inset 0px -1px 0px 0px rgba(219,219,219,0.3);}
.btn_area .btn_page_more .ico_comm {width:12px;height:6px;margin-left:10px;background-position:0 -80px}
.btn {display:inline-block;text-align:center;border-radius:2px}
.btn_blue {padding:9px 11px;color:#fff;background:#34bef6;line-height:1.2}
.btn_white {padding:8px 10px;color:#666;border:1px solid #cecece;background:#fff;line-height:1.2}
.btn_large {min-width:185px;padding:14px;font-size:21px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/* input_checkbox */
.check_type1 {display:inline-block;vertical-align:middle;}
.check_type1 .control {position:relative;margin-right:10px;display:inline-block;padding-left:25px;cursor:pointer;font-size:12px;line-height:21px;color:#666;}
.check_type1 .control input {position:absolute;z-index:-1;opacity:0;}
.check_type1 .control_indicator {position:absolute;top:0px;left:0px;height:20px;width:20px;background:#fff;border:1px solid #d7d7d7;border-radius:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.check_type1 .control input:checked ~ .control_indicator:before {content:"";position:absolute;top:4px;left:2px;display:inline-block;width:15px;height:10px;background:url('../images/ico_comm.png') no-repeat;background-size:130px auto;background-position:-85px -80px;}
.check_type1 .control_indicator:after {content:'';position:absolute;display:none;}
.check_type1 .control input:checked ~ .control_indicator:after {display:block;}

/* input_file */
input[type='file'] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.upload_area {display:block;overflow:hidden;}
.upload_area input[type='text'] {float:left}

/* table */
.tbl > thead {background-color:#f3f3f3;border-top:1px solid #a7a7aa;border-bottom:1px solid #c8c8c8}
.tbl > thead > tr > th {font-size:13px;color:#333;font-weight:bold;line-height:34px;border-bottom:1px solid #e7e7e7}
.tbl > thead > tr > td,
.tbl > tbody > tr > td {height:30px;padding:10px 0;text-align:center;font-size:18px;color:#484848;font-weight:bold;background:#fcfcfc;border-bottom:1px solid #e7e7e7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tbl td.txt_l {text-align:left}

/* 검색영역 */
.search_area {overflow:hidden;width:calc(100% + 4px);width:-webkit-calc(100% + 4px);width:-moz-calc(100% + 4px);margin:0 -4px 8px -4px;border:1px solid #e7e7e7;border-radius:2px}
.search_area input[type='search'] {float:left;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);padding:8px;border:none;font-size:12px;font-weight:bold;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.search_area .btn_search {float:right;padding:7px 12px 6px;background-color:#fff;}
.search_area .btn_search .ico_comm {width:16px;height:16px;vertical-align:middle;background-position:-105px 0}

/* tab */
.tab_area.style_01 .tab_list {overflow:hidden;margin-bottom:20px}
.tab_area.style_01 .tab_list a {float:left;margin-bottom:6px;font-weight:bold;font-size:16px;color:#b2b2b2;cursor:pointer}
.tab_area.style_01 .tab_list a:after {content:'';float:right;width:1px;height:14px;margin:5px 6px 0 7px;background-color:#c3c3c3;}
.tab_area.style_01 .tab_list a:last-of-type {padding-right:0}
.tab_area.style_01 .tab_list a:last-of-type:after {display:none}
.tab_area.style_01 .tab_list a strong {display:inline-block;padding:4px 2px;border-bottom:4px solid rgba(255, 255, 255, 0);text-align:center;line-height:1;letter-spacing:-1px}
.tab_area.style_01 .tab_list a.on {font-weight:bold; color:#333}
.tab_area.style_01 .tab_list a.on strong {border-bottom:4px solid #35c0f9}
.tab_area.style_01 .tab_view > li {display:none}

/* common */
body {overflow-x:hidden;width:100%;margin:0 auto;}
body.body_off {overflow-y:hidden;}
#header {position:fixed;top:0;left:0;right:0;z-index:1;margin:0 auto;background-color:#fff;}
#header.fixed {background:none;}
#header.fixed:after {content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background-color:#fff;opacity:.7;filter:alpha(opacity=70); -moz-opacity:.7;-mx-filter:alpha(opacity=70)}
#header .logo {display:inline-block;}
#header .logo a {display:block;width:58px;height:14px;padding:16px 19px;background:url('../images/logo.png') 0 0 no-repeat;background-size:58px 14px;background-position:19px 16px;text-indent:-9999px;line-height:0}
#header .link_menu {float:right;width:18px;height:14px;padding:16px 16px;background-position:16px 16px}

.wrap_menu {overflow-y:scroll;position:fixed;top:0;bottom:0;right:-193px;z-index:10;width:193px;background-color:#fff;}
.wrap_menu .link_close {overflow:hidden;display:block;padding:5px 10px 4px;background-color:#67cff9;text-align:right;}
.wrap_menu .link_close .ico_comm {width:15px;height:16px;padding:8px;background-position:-28px 8px;}
#gnb li {border-bottom:1px solid #dcdfe4;box-sizing:border-box;}
#gnb li a {display:block;padding:13px 0;margin-left:20px;font-size:21px;font-weight:bold;color:#2c333e;}
#gnb .gnb_depth2 {display:none;padding:18px 0 18px 20px;border-top:1px solid #dcdfe4;background-color:#fafafa}
#gnb .gnb_depth2 li {border-bottom:0;}
#gnb .gnb_depth2 a {display:inline-block;padding:3px 0;margin:0;font-size:16px;color:#848484;}
#gnb .active > a {color:#39c3fb;}
#gnb .active .gnb_depth2 li {display:block;}
#gnb .active .active a {color:#353535;}
.bg_layer {display:none;position:fixed;top:0;z-index:9;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70); -moz-opacity:.7;-mx-filter:alpha(opacity=70)}

#container {overflow:hidden;padding-top:46px;background:#fcfcfc}
.visual {position:relative;}
.visual img {width:100%}
.visual_txt {padding:30px 0;font-size:16px;font-weight:bold;text-align:center;color:#35c0f9;letter-spacing:3px;}
.box_cont {padding:15px;}
.box_cont .tit {margin-bottom:13px;font-size:14px;font-weight:bold;color:#35c0f9;}
.box_cont .tit:before {display:inline-block;content:'';width:12px;height:12px;margin-right:10px;background-color:#fdef7c;border-radius:50%}

/* 약관 */
#popupPolicy {height:100%}
.wrap_terms {height:100%;font-size:12px;color:#666;}
.wrap_terms h1 {padding:15px 25px;font-size:22px;font-weight:normal;color:#fff;line-height:1.3;background-color:#35c0f9;}
.wrap_terms h2 {margin:30px 0 10px;font-size:14px;}
.wrap_terms h3 {margin-bottom:5px;font-size:12px;font-weight:normal;}
.wrap_terms p {margin-bottom:10px;}
.wrap_terms li {padding:0 0 10px 20px;text-indent:-16px;}
.wrap_terms li ul {margin-top:3px;}
.wrap_terms li p,
.wrap_terms li table {text-indent: 0;}
.wrap_terms li li {padding-left:0;text-indent: 0;}
.wrap_terms strong,
.wrap_terms em {display:block;font-weight:bold;}
.wrap_terms table {margin:10px 0;border:1px solid #666;}
.wrap_terms thead th {padding:10px 10px;background-color:#ebf1de;border:1px solid #666;font-size: 12px;color:#666;}
.wrap_terms tbody td {padding:10px 10px;text-align:left;border:1px solid #666;font-size:12px;color:#666;}
.wrap_terms .content {overflow-x:hidden;overflow-y:auto;height:calc(100% - 97px);padding:20px;}

/* 모달 */
.popup_type1{height:100%;border:1px solid #dbdee1;background-color:#fff;color:#4d5363;box-sizing:border-box}
.popup_type1 .popup_header{padding:15px 20px;font-size:14px;line-height:24px;border-bottom:1px solid #dbdee1;background-color:#fbfcfd}
.popup_type1 .popup_cont{position:relative;padding:45px;text-align:center;}
.popup_type1 .popup_cont .pop_tit{display:block;margin-bottom:24px;font-size:14px}
.popup_type1 .popup_cont .pop_attention{display:block;font-size:16px;line-height:22px;margin-bottom:20px;}
.popup_type1 .btns{padding-bottom:29px;text-align:center}
.popup_type1 .ico_close{position:absolute;top:22px;right:20px;width:15px;height:15px;background-position:-36px 0px}
.popup_type1 .popup_footer{text-align:center}

#footer {padding:23px 0 35px;border-top:1px solid #a6adb3;background-color:#7b858e;font-size:12px;color:#fff;text-align:center;}
#footer .footer_menu {margin-bottom:5px;}
#footer .footer_menu a {font-weight:bold;color:#fff;vertical-align:middle;}
#footer .footer_menu .txt_bar {margin:0 3px;font-size:9px;color:#fff;vertical-align:middle;}