@charset "utf-8";

/* TOP BUTTON */
#wrap #nuacBtn {position: fixed;bottom: 20px;right: 20px;z-index: 4200;border: none;background: #011131;color: #fff;padding: 12px;border-radius: 10px;box-shadow: 0 0 12px 0 #00000050;}

/* Header */
#wrap{padding-top: 56px; position:relative}
#wrap #topnav .logo, #wrap #topnav .selectric-wrapper, #wrap #maingnb{display: none;}
#wrap #topnav .sns {position: absolute; bottom: 40px; left: calc(50% - 45px);}
#wrap #topnav .sns li { float: left; margin-left: 5px; width: 30px;}
#wrap #topnav .sns li:first-child { margin-left: 0;}
#wrap #header{position: fixed;top: 0;width: 100%;z-index: 99999;background: #fff;-webkit-box-shadow: 7px 0 16px 4px rgba(0,0,0,.2);box-shadow: 7px 0 16px 4px rgba(0,0,0,.2);}
#wrap #header h1.logo{width: 260px;/* margin:0 auto; */padding: 12px 0 14px 15px;}
#wrap #header button{position: absolute;top: 0;padding: 17px 15px;width: 54px;right: 0;}
#wrap #header .gnb_btn{right: 0;}

/* GNB */
#m_gnb, #m_gnb ul, #m_gnb ul li, #m_gnb ul li a{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#m_gnb{width:100%;position:absolute;top:0;height:100vh;background:#fff;font-size: .9em;-webkit-animation:mgnbslide 1s;animation:mgnbslide 1s;display:none;}
#m_gnb a{-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s;line-height: 1.5em;}
#m_gnb .top{/*background:url(/lang/cmmn/images/cmmn/gnb_bg_m.jpg) no-repeat;background-size:cover*/background: #fff;}
#m_gnb ul ul{display:none}.sub_depth02>li>a{margin:0 22px;padding: 12px 0;font-size:.9em;}
#m_gnb ul.menu{width:42%;position:relative;height:100%;background:#f5f5f5}
#m_gnb .menu li.active ul.sub_depth01{display:block}#m_gnb ul.sub_depth01{position:absolute;top:0;left:100%;width:138%}
#m_gnb>.menu>li>a{padding:22px;z-index:2}
#m_gnb>.menu>li.open>a,#m_gnb>ul>li.active>a{background:#011131;color:#fff}
#m_gnb .sub_depth01>li>a{padding:22px 0;margin:0 22px;border-top:2px solid #ebebeb;font-weight:700;}
#m_gnb .sub_depth01>li.open>a{padding: 22px 0 12px;border-bottom:2px solid #000!important;background: url(/lang/cmmn/images/cmmn/m_gnb_depth2_on.png) no-repeat 97% 65%!important;background-size:12px!important;}
#m_gnb .sub_depth01>li.depth>a{background:url(/lang/cmmn/images/cmmn/m_gnb_depth2.png) no-repeat 97% center;background-size:12px}
#m_gnb .sub_depth01 li:first-child a{border:none}
#m_gnb .sub_depth02{margin:10px 0}
#m_gnb .menu li > ul li.on a{font-weight: bold; color: #011131;} /* 현재 페이지 표시 */



/* Footer */
#wrap #footer{background:#313030}
#wrap #footer .family{background:#fff}
#wrap #footer .family .fam_con{max-width:1280px;margin:0 auto;overflow:hidden}
#wrap #footer .family .fam_con .fam_roll{width:62%;overflow:hidden;float:left;background:#fff}
#wrap #footer .family .fam_con .fam_roll a img{height:30px;width:auto;padding:21px 30px}
#wrap #footer .family .fam_con .fam_roll>div{overflow:hidden;max-height:72px;width:1200px}
#wrap #footer .family .fam_con .fam_roll>div>a{float:left;display:block}
#wrap #footer .family .fam_con .fam_nav{float:left;margin:20px 0 20px 4%}
#wrap #footer .family .fam_con .fam_nav:after{content:"";display:block;clear:both}
#wrap #footer .family .fam_con .fam_nav button{width: 31px;height:32px;display:block;float:left;color:transparent;}
#wrap #footer .family .fam_con .fam_nav .roll_left{background:url(/lang/cmmn/images/cmmn/main_bnr_ctrl.jpg) no-repeat;background-size:cover}
#wrap #footer .family .fam_con .fam_nav .roll_right{background: url(/lang/cmmn/images/cmmn/main_bnr_ctrl.jpg) no-repeat -32px;background-size:cover;border-left: 1px solid #dcdcdc;}
#wrap #footer .family .fam_con .fam_nav .roll_stop{background: url(/lang/cmmn/images/cmmn/main_bnr_ctrl.jpg) no-repeat -64px;background-size:cover;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
#wrap #footer .family .fam_con .fam_nav .roll_start{background:url(/lang/cmmn/images/cmmn/main_bnr_ctrl.jpg) no-repeat right;background-size:cover;border-left: 1px solid #dcdcdc;}
#wrap #footer .family .fam_con .fam_btn{float:right;width:20%}
#wrap #footer .family .fam_con .fam_btn li{float:left;width:38%;padding:21px 40px 21px 0}
#wrap #footer .family .fam_con .fam_btn li a{display:block}
#wrap #footer .policy, #wrap .footer .family, #wrap .footer .copyright{overflow: hidden;max-width:1280px;margin:0 auto;width: 98%;}
#wrap #footer .footer_btn{padding: 10px 0;border-bottom: 2px solid #474747;}
#wrap #footer .policy li {float:left;}
#wrap #footer .policy li a {color: #797979;}
#wrap #footer .footer_sns li a {width: 40px; display: block;}
#wrap #footer .policy .policy_list { float: left;padding: 11px 0;}
#wrap #footer .policy .footer_sns { float: right;}
#wrap #footer .policy .policy_list li { padding: 0 10px 0 13px; background: url(/lang/cmmn/images/cmmn/footer_bar.jpg) no-repeat left bottom;background-size: 2px 15px;}
#wrap #footer .policy .policy_list li:first-child {background: none;padding-left: 0;}
#wrap #footer .policy .footer_sns li {margin-left: 5px;}
#wrap #footer .copyright {padding: 30px 0 90px;max-width: 1280px;margin: 0 auto;overflow: hidden;}
#wrap #footer .copyright p.footer_logo {width: 250px;margin: 0 auto;}
#wrap #footer .copyright p.address {color: #797979;font-size: 0.6em;line-height: 1.6em;width: 90%;margin: 10px auto 0;text-align: center;}



/* sub */
#sub{padding-top: 22px;}
#sub #header{box-shadow:none; border-bottom:3px solid #eee}

/* LNB */
#sub #container #lnb{display:none;}



/* CONTENT */

/* CONTENT TIT + LOCATION */
#sub #container #content{color: #333;max-width: 92%;margin: 0 auto;}
#sub #container #content .sub_tit{padding-bottom:11px;border-bottom:1px solid #000;width:100%;margin-bottom: 15px;}
#sub #container #content .sub_tit h2{display:block;font-size: 0.9em;font-weight: bold;background: url(/lang/cmmn/images/cmmn/sub_title.png) no-repeat left 1px;padding-left: 19px;color: #000;background-size: 15px;padding-bottom: 1px;letter-spacing: 0;line-height: 1.2em;}
#sub #container #content .sub_tit h2 span{ display: none;}
#sub #container #content .sub_tit .location{overflow:hidden;margin-bottom: 8px;}
#sub #container #content .sub_tit .location a, #sub #container #content .sub_tit .location span{float:left;display:block;padding-left: 1px;font-size: .625em;color:#555;}
#sub #container #content .sub_tit .location a.home, #sub #container #content .sub_tit .location span {width: 12px;}

/* CONTENT TITLE*/
#sub #container #content_wrap{line-height: 1.6em !important;font-size: 0.9em;}
#sub #container #content_wrap .con_box{margin:30px 0 25px}
#sub #container #content_wrap .con_box:first-of-type {margin-top: 15px;}
#sub #container #content_wrap .exp_box{background:#eef2f5;border:1px solid #b6b6b6;padding: 20px 25px 15px 20px;margin: 20px 0 15px;color: #000;}
#sub #container #content_wrap .small{color:#333;font-size: .95em;line-height: 1.5em;}
#sub #container #content h2.tit{font-size: 1.4em;display: block;margin-bottom: 15px;color: #000;line-height: 1.4em;}
#sub #container #content_wrap h2.tit p {display: inline;}
#sub #container #content_wrap h2.tit span {font-size: 0.65em;display: block;line-height: 1.5em;margin: 8px 0 15px;}
#sub #container #content_wrap .stit{font-size: 1.375em !important;line-height: 1.5em; margin-bottom: 16px;}
#sub #container #content_wrap h3{font-size: 1.06em;line-height: 1.7em;}
#sub #container #content_wrap .tit_exp {font-size: 1.125em;margin-bottom: 20px;line-height: 1.6em;}
#sub #container #content_wrap ul.dot, #sub #container #content_wrap ul.tit_dot, #sub #container #content_wrap ul.arr, #sub #container #content_wrap ul.dash, #sub #container #content_wrap dl.num{margin-top:10px;margin-left: 7px;}
#sub #container #content_wrap ul.dot > li, #sub #container #content ul.tit_dot > li {background: url(/lang/cmmn/images/cmmn/sub_dot.png) no-repeat left 10px;padding-left: 10px;margin-bottom: 7px;background-size: 4px;}
#sub #container #content_wrap ul.tit_dot > li {margin: 20px 0 15px;}
#sub #container #content_wrap ul.tit_dot > li:first-child {margin-top: 0 !important;}
#sub #container #content_wrap ul.arr li {background: url(/lang/cmmn/images/cmmn/sub_arr.png) no-repeat left 8px;padding-left: 12px;margin-bottom:7px;background-size: 6px;}
#sub #container #content_wrap ul.dash li {padding-left: 12px;background: url(/lang/cmmn/images/cmmn/dash.png) no-repeat left 10px;margin-bottom:7px;background-size: 5px;}
#sub #container #content_wrap dl.num dt{float: left;margin-bottom: 7px;}
#sub #container #content_wrap dl.num dd{margin-left: 20px;margin-bottom: 7px;}
#sub #container #content_wrap dl.hg dd{margin-left: 20px;}

/* TAB */
#sub #container ul.sub_tab02, #sub #container ul.sub_tab03, #sub #container ul.sub_tab04{overflow: hidden;}
#sub #container ul.sub_tab02 li { float: left; width: calc(100% / 2 - 2px); border-right: 2px solid #fff;display: table;}
#sub #container ul.sub_tab03 li { float: left; width: calc(100% / 3 - 2px); border-right: 2px solid #fff; border-top: 2px solid #fff;display: table;}
#sub #container ul.sub_tab04 li { float: left; width: calc(100% / 4 - 2px); border-right: 2px solid #fff;display: table;}
#sub #container ul.sub_tab02 li a, #sub #container ul.sub_tab03 a, #sub #container ul.sub_tab04 a {display: block;background: #f2f2f2;text-align: center;font-size: 1em;padding: 15px 8px;line-height: 1.4em;display: table-cell;vertical-align: middle;height: 70px;}
#sub #container ul.sub_tab02 li.on a, #sub #container ul.sub_tab02 li a:hover, #sub #container ul.sub_tab03 li.on a, #sub #container ul.sub_tab03 li a:hover, #sub #container ul.sub_tab04 li.on a, #sub #container ul.sub_tab04 li a:hover{background: #011131 !important;color: #fff;}
#sub #container ul.nohover li a:hover { background: #f2f2f2 !important; color: #000}

/* 공통 테이블 */
table.cmmntb {border-top: 3px solid #011131;}
table.cmmntb th, .cmmntb td { border: 1px solid #9a9fa4;}
table.cmmntb th {background: #eef2f5;vertical-align: middle;font-weight: bold;padding: 15px 5px;}
table.cmmntb td {padding: 13px 8px;vertical-align: middle;}
table.cmmntb a{text-decoration:underline}

/* 공통 버튼 */
#content button.submit{background:#f6238b;color:#fff;height:42px;min-width: 84px;}
#content button.submit_a{border: 1px solid #7e7e7e;background:#fff;color:#333;height:42px;width:84px;}

/* 만족도 조사 */
#content .sts{border:1px solid #d9d9d9;padding: 3px 0 20px;margin-top: 50px;margin-bottom: 30px;position:relative;}
#content .sts dl{overflow:hidden}
#content .sts dl dt{width:100%;overflow:hidden;float:left}
#content .sts dl dt p{line-height: 1.4em;margin: 0 3% 7px;border-bottom: 1px solid #d9d9d9;text-align: center;padding: 14px 0;}
#content .sts dl dt form{width: 224px;margin-left: 3.5%;font-size:.9375em;}
#content .sts dl dt form span{line-height: 30px;margin-right: 25px;position: relative;}
#content .sts dl dt form input[type="radio"]{position: absolute;top: 4px;left: 0;width: 14px;height: 14px;}
#content .sts dl dd{float:right}
#content .sts dl dd legend{display:none}
#content .sts label{margin-left: 20px;}
#content .sts button.submit{position: absolute;right: 3%;bottom: 6%;}