@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:12px; font-family:'NanumGothic', '나눔고딕', Sans-Serif; color:#231f20;}
img{image-rendering:-webkit-optimize-contrast;}
/* FONT */
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic.eot');
  src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic.woff') format('woff'),
       url('../font/NanumGothic.ttf') format('truetype'),
       url('../font/NanumGothic.svg#NanumGothic') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothicBold.eot');
  src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicBold.woff') format('woff'),
       url('../font/NanumGothicBold.ttf') format('truetype'),
       url('../font/NanumGothicBold.svg#NanumGothicBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NanumGothicExtraBold.eot');
  src: url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicExtraBold.woff') format('woff'),
       url('../font/NanumGothicExtraBold.ttf') format('truetype'),
       url('../font/NanumGothicExtraBold.svg#NanumGothicExtraBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NanumGothicLight.eot');
  src: url('../font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicLight.woff') format('woff'),
       url('../font/NanumGothicLight.ttf') format('truetype'),
       url('../font/NanumGothicLight.svg#NanumGothicLight') format('svg');
}

/* WRAP */
#wrap{width:100%; min-width:320px; max-width:750px; overflow:hidden; margin:0 auto;}

/* HEADER */
#header{width:100%; position:relative; margin:0 auto; background-color:#fff; z-index:10000; border-bottom:2px solid #dbdbdb;}
#header .header_main{width:100%;height:auto; box-sizing:border-box; /* text-align:center; */ position:relative; z-index:5;}
#header .header_main .header_box{width:94%; height:60px; position:relative; margin:0 3%; text-align:center;}
#header .header_main .header_box .left_box{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:auto; height:auto;}
#header .header_main .header_box .left_box span{display:inline-block;}
#header .header_main .header_box .go_home{display:inline-block; position:relative; text-align:center; width:auto; height:auto; box-sizing:border-box; padding:11px 0;}
#header .header_main .header_box .go_home a{display:inline-block; width:auto; height:auto;}
#header .header_main .header_box .go_home a span{display:block;}
#header .header_main .header_box .right_box{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:auto; height:auto; font-size:0;}
#header .header_main .header_box .right_box a{display:block;}
#header .header_main .header_box .right_box span{display:inline-block;}

/* left_menu */
#gnb{position:fixed; width:100%; top:0; left:-100%; z-index:15000; overflow-y:auto; background-color:rgba(0,0,0,0.6);}
/* #gnb > div{width:38%; min-height:100%; background-color:#fff; display:inline-block; float:left;} */
.nav_fixed{background-color:#fff; position:absolute; top:0; left:0; height:auto; z-index:15100; width:85%; min-height:100%;}
.nav_dummy{ position:absolute; width:100%; height:100%;}
#gnb .info_box_0{width:100%; height:auto; background-color:#fff; box-sizing:border-box; padding:22px 0; position:relative; border-bottom:3px solid #d3d3d3; margin-bottom:5px;}
#gnb .info{height:auto; width:100%; line-height:1; padding:0; text-align:center; box-sizing:border-box; vertical-align:top; font-size:0;}
#gnb #btn_nav_close{position: absolute; display:inline-block; top:25px; right:15px;}
#gnb .info a{display:inline-block; vertical-align:top; font-size:13.2px; color:#454545; font-weight:400; letter-spacing:0.25px; background-color:#fff; line-height:33px; box-sizing:border-box;}
#gnb .info span{display:inline-block; vertical-align:top; font-size:13.2px; color:#454545; font-weight:400; letter-spacing:0; line-height:33px; margin:0 10px;}
#gnb .info a.btn{width:80px; text-align:center; border:1px solid #7e8cc6; border-radius:5px; font-size:15.6px; font-weight:600; color:#5e6ca7; margin-right:13.2px;}
#gnb dl{width:100%; clear:both; border-bottom:1px solid #ebebeb; position:relative;}
/* #gnb dl:last-child{border-bottom:0;} */
#gnb dl dt{padding:0 5%; height:40px; line-height:40px; font-size:18px; color:#3f3f3f; font-weight:600; letter-spacing:-0.5px; background-color:#fff; overflow:hidden; clear:both; position:relative;}
#gnb dl dt a{line-height:40px; font-size:18px; color:#fff; font-weight:400; letter-spacing:-0.5px;}
#gnb dl dt span{display:none; position:absolute; top:50%; transform:translateY(-50%); right:5%; width:auto; height:auto; font-size:0;}
#gnb dl dt span img{display:block; width:15px; height:7.8px;}
#gnb dl dd{display:none; border-top:1px solid #ebebeb;}
#gnb dl.on dt span{display:inline-block;}
#gnb dl.active dt span{display:inline-block;}
#gnb dl.on dd{display:block;}
#gnb dl dd ul{padding:10px 0; box-sizing:border-box; width:100%; height:auto;}
#gnb dl dd li{width:100%; height:auto; display:inline-block; box-sizing:border-box; text-align:left;}
#gnb dl dd li:last-child{border-bottom:0;}
#gnb dl dd li a{display:block; font-size:14.5px; font-weight:400; letter-spacing:-0.5px; color:#444; line-height:1; text-align:left; padding:7.5px 0 7.5px 10%;}
#gnb dl dd a{display:inline-block; width:100%; height:auto; box-sizing:border-box;}
#gnb dl dd li.color a{font-weight:600; color:#55639c;}
/* #gnb dl.nav1, #gnb dl.nav2{border-bottom:1px solid #544843;} */
/* #gnb dl.on{border-bottom:1px solid #32241d;}*/

/* FOOTER */
#footer{box-sizing:border-box; width:100%;}
#footer .f_nav{width:100%; clear:both; background-color:#ececec; box-sizing:border-box; padding:18px 3%;}
#footer .f_nav ul{width:100%; overflow:hidden;}
#footer .f_nav ul li{display:inline-block; width:25%; height:auto; box-sizing:border-box; text-align:center; float:left; vertical-align:top; position:relative;}
#footer .f_nav ul li::after{content:""; width:1px; height:100%; display:inline-block; background-color:#e0e0e0; position:absolute; top:0; right:-0.5px; z-index:2;}
#footer .f_nav ul li:nth-child(4n)::after{display:none;}
#footer .f_nav ul li a{display:block; width:100%; height:auto; padding:5px 0; font-size:12px; font-weight:400; letter-spacing:0; line-height:1; color:#4c4c4c;}
#footer .f_nav ul li a span{display:inline-block; margin-bottom:10px;}
#footer .f_call_sns{width:100%; clear:both;}
#footer .f_call_sns ul{width:100%; overflow:hidden;}
#footer .f_call_sns ul li{width:100%; height:auto; box-sizing:border-box; vertical-align:top;}
#footer .f_call_sns ul li:first-child{background-color:#38ce1b;}
/* #footer .f_call_sns ul li:last-child{background-color:#3b5998;} */
#footer .f_call_sns ul li a{display:block; width:100%; height:100%; text-align:center; box-sizing:border-box; padding:10px 0; font-size:15.6px; line-height:28.5px; color:#fff; letter-spacing:-0.5px; font-weight:400;}
#footer .f_call_sns ul li a span{display:inline-block; vertical-align:top; margin-right:15px;}
#footer .f_menu_copyright{width:100%; background-color:#2b2b30; text-align:center; box-sizing:border-box; clear:both; padding-bottom:30px;}
#footer .f_menu_copyright .f_menu{width:100%; box-sizing:border-box; padding:12.5px 3%; overflow:hidden; font-size:0; background-color:#fff;}
#footer .f_menu_copyright .f_menu a{display:inline-block; font-size:12px; font-weight:400; letter-spacing:-0.5px; line-height:16px; color:#545454; vertical-align:top;}
#footer .f_menu_copyright .f_menu span{display:inline-block; font-size:12px; font-weight:400; letter-spacing:0; line-height:16px; color:#545454; padding:0 5px; vertical-align:top;}
#footer .f_menu_copyright .f_copyright{font-size:11px; font-weight:400; letter-spacing:-0.25px; line-height:1.7; color:rgba(246,246,246,0.6); word-break:keep-all; width:100%; box-sizing:border-box; padding:0 3%; position:relative;}
#footer .f_menu_copyright .f_copyright span{display:inline-block;}
#footer .f_menu_copyright .f_copyright .top{width:100%; height:auto;}
#footer .f_menu_copyright .f_copyright .top a{display:block; width:100%; height:100%;}
#footer .f_menu_copyright .f_copyright .copyright{color:rgba(171,171,171,0.6);}
#footer .f_menu_copyright .f_copyright .sns_box{display:inline-block; width:auto; height:auto; box-sizing:border-box; position:absolute; bottom:0; right:3%; font-size:0;}
#footer .f_menu_copyright .f_copyright .sns_box a{display:inline-block; width:auto; height:auto; vertical-align:top;}
@media (max-width: 350px) and (orientation: portrait) {
#footer .f_menu_copyright .f_copyright{font-size:10px;}
}
@media (min-width: 351px) and (max-width: 400px) and (orientation: portrait) {
#footer .f_menu_copyright .f_copyright{font-size:10.5px;}
}
@media (min-width: 401px) and (orientation: portrait) {
}

/* PAGING */
.paging{text-align:center; font-size:12px; margin-top:30px; position:relative; margin-bottom:45px;}
.paging  a{color:#6d6d6d}
.paging .link_page{border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:24px; height:24px; line-height:24px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#a5957a; display:inline-block; text-align:center; width:24px; height:24px; font-weight:700; line-height:24px;}
.paging .btn_prev{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-right:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-left:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}

.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}

.mt_1{margin-top:-1px !important;}
.mt55{margin-top:55px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt35{margin-top:35px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt10{margin-top:10px !important;}
.mb45{margin-bottom:45px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}

.pl20{padding-left:20px !important;}
.pb70{padding-bottom:70px !important;}
.pt20{padding-top:20px !important;}
.pt80{padding-top:80px !important;}
.pb80{padding-bottom:80px !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}

.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.fw1{font-weight:100 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw9{font-weight:900 !important;}

.cp{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:10%;}
.width2{width:20%;}
.width2_4{width:23.75%;}
.width2_5{width:24.72%;}
.width3{width:30%;}
.width4{width:40%;}
.width5{width:50%;}
.width6{width:60%;}
.width6_7{width:67%;}
.width7{width:70%;}
.width7_4{width:74%;}
.width8{width:80%;}
.width9{width:90%;}
.width9_3{width:93%;}
.width10{width:100%;}

.btn_box1{width:90px; overflow:hidden; font-size:15px; font-weight:500; margin:18px 0 20px 0;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin:18px 0 50px 0;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1{float:left; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #797979; font-size:14px; color:#797979; background-color:#fff;}
a.btn_left_2{float:left; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #5c73b8; color:#fff; background-color:#5c73b8;}

a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #797979; color:#797979; background-color:#fff;}
a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #5c73b8; color:#fff; background-color:#5c73b8;}

a.btn_center_1{margin:0 2.5px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; background-color:#fff; border:2px solid #797979; color:#797979;}
a.btn_center_2{margin:0 2.5px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; background-color:#5c73b8; border:2px solid #5c73b8; color:#fff; font-weight:400; letter-spacing:-1px;}

a.btn_type1{display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:1px solid #464646; color:#fff; background-color:#464646;}
a.btn_type2{display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}


.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}

#capcha{height: 38px; margin: 10px 0px 10px 10px; box-sizing: border-box; text-align: center;}
.inp_1{width:60px !important;}
.inp{height:38px; border:1px solid #d8d8d8;/*  width:53%;  */font-size:13.5px; padding:5px 10px; box-sizing:border-box;}
.inp1{height:31px; border:1px solid #016eb3; width:53%; font-size:13.5px; border-radius:3px; padding:5px 10px; box-sizing:border-box;}
.inp[type="radio"]{border:none; float:left;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:38px; /* width:25%; */ font-size:13.5px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:13px;}
.sel1{height:31px; /* width:25%; */ font-size:13.5px; padding:5px; border:1px solid #79cad9; border-radius:3px; box-sizing:border-box; font-size:13px;}
.sel2{height:30px; width:60px; font-size:13.5px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:13px;}

.clr{clear:both;}
textarea{font-size:13.5px; font-family:'Nanum Barun Gothic', 'NanumGothic', '나눔고딕', Sans-Serif; font-weight:400;}

/* left_menu, header, footer sprite image */
.bg-foot_call{width:61px; height:59px; background:url('../img/comm/css_sprites.png') -10px -654px;}
.bg-foot_location{width:61px; height:59px; background:url('../img/comm/css_sprites.png') -10px -575px;}
.bg-foot_logo{width:263px; height:49px; background:url('../img/comm/css_sprites.png') -10px -282px;}
.bg-foot_online{width:61px; height:59px; background:url('../img/comm/css_sprites.png') -10px -496px;}
.bg-foot_sns_blog{width:47px; height:47px; background:url('../img/comm/css_sprites.png') -10px -148px;}
.bg-foot_sns_facebook{width:47px; height:47px; background:url('../img/comm/css_sprites.png') -10px -215px;}
.bg-foot_time{width:61px; height:59px; background:url('../img/comm/css_sprites.png') -10px -733px;}
.bg-foot_top_btn{width:56px; height:56px; background:url('../img/comm/css_sprites.png') -10px -420px;}
.bg-head_call{width:42px; height:42px; background:url('../img/comm/css_sprites.png') -10px -86px;}
.bg-head_logo{width:264px; height:49px; background:url('../img/comm/css_sprites.png') -10px -351px;}
.bg-head_menu_btn{width:40px; height:23px; background:url('../img/comm/css_sprites.png') -10px -43px;}
.bg-menu_on_arrow{width:25px; height:13px; background:url('../img/comm/css_sprites.png') -10px -10px;}

/* left_menu, header, footer sprite image 3/5 */
.bg-foot_call2{width:36.6px; height:35.4px; background:url('../img/comm/css_sprites.png') -6px -392.4px; background-size:170.4px 481.2px;}
.bg-foot_location2{width:36.6px; height:35.4px; background:url('../img/comm/css_sprites.png') -6px -345px; background-size:170.4px 481.2px;}
.bg-foot_logo2{width:157.8px; height:29.4px; background:url('../img/comm/css_sprites.png') -6px -169.2px; background-size:170.4px 481.2px;}
.bg-foot_online2{width:36.6px; height:35.4px; background:url('../img/comm/css_sprites.png') -6px -297.6px; background-size:170.4px 481.2px;}
.bg-foot_sns_blog2{width:28.2px; height:28.2px; background:url('../img/comm/css_sprites.png') -6px -88.8px; background-size:170.4px 481.2px;}
.bg-foot_sns_facebook2{width:28.2px; height:28.2px; background:url('../img/comm/css_sprites.png') -6px -129px; background-size:170.4px 481.2px;}
.bg-foot_time2{width:36.6px; height:35.4px; background:url('../img/comm/css_sprites.png') -6px -439.8px; background-size:170.4px 481.2px;}
.bg-foot_top_btn2{width:33.6px; height:33.6px; background:url('../img/comm/css_sprites.png') -6px -252px; background-size:170.4px 481.2px;}
.bg-head_call2{width:25.2px; height:25.2px; background:url('../img/comm/css_sprites.png') -6px -51.6px; background-size:170.4px 481.2px;}
.bg-head_logo2{width:158.4px; height:29.4px; background:url('../img/comm/css_sprites.png') -6px -210.6px; background-size:170.4px 481.2px;}
.bg-head_menu_btn2{width:24px; height:13.8px; background:url('../img/comm/css_sprites.png') -6px -25.8px; background-size:170.4px 481.2px;}
.bg-menu_on_arrow2{width:15px; height:7.8px; background:url('../img/comm/css_sprites.png') -6px -6px; background-size:170.4px 481.2px;}