@charset "utf-8";


#wrap {overflow:hidden; min-width:320px; position:relative;}
#main {padding-top:60px;}
#main.body {margin-top:60px;}

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}

.top_banner img {width:100%;}

#header {position:absolute; top:0; left:0; z-index:101; margin-top:0; min-width:320px; width:100%; }
.header_top {position:relative; min-width:320px; width:100%; height:60px; background:#fff;}
#header img {max-width:100%;}
#header .btn_menu {position:absolute; top:0; left:15px; height:60px;}
#header .btn_menu img {height:60px;}
#header .logo {text-align:center;}
#header .logo img {height:60px;}
#header .btn_tel {position:absolute; top:0; right:15px;}
#header .btn_tel img {height:60px;}

#header.fixed_top {position:fixed; margin-top:-19.4%;}
#header.fixed_top #gnb  {margin-top:0;}

#gnb {position:fixed; top:0; left:-120%; z-index:112; width:100%; height:100%; min-width:320px; background:#0b0c0f; transition:left 0.4s;}
#gnb.open {left:0;}
.gnb_logo {text-align:center;}
.gnb_logo img {height:60px;}
#gnb .btn_close {position:absolute; top:21px; right:15px;}
#gnb .btn_close img {width:17px;}
.gnb_scroll {overflow-y:auto; position:absolute; top:60px; left:0; right:0; bottom:0; padding-bottom:30px;}

.gnb_login_link {overflow:hidden; padding:0 15px; text-align:center; background:#fff;}
.gnb_login_link li {position:relative; float:left; width:50%;}
.gnb_login_link li+li:after {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#cccccc; content:'';}
.gnb_login_link li a {display:block; font-size:14px; color:#7a7a7a; line-height:39px;}
.gnb_login_link li a * {vertical-align:middle;}
.gnb_login_link li a:before {display:inline-block; width:14px; height:16px; margin-right:7px; vertical-align:middle; background:url('../images/common/icon_gnb_login.png') no-repeat; background-size:14px auto; content:'';}
.gnb_login_link li:nth-child(2) a:before {background-position:0 -50px;}

.gnb_quick {overflow:hidden; text-align:center; background:#555555; margin-left:-1px;}
.gnb_quick li {float:left; width:25%; border-left:1px solid #707070;}
.gnb_quick li+li {}
.gnb_quick li img {max-width:100%;}
.gnb_quick a {display:block;}

.gnb_list {position:relative; overflow:hidden; background:#24252d;}
.gnb_list:before {position:absolute; top:0; left:50%; bottom:0; width:1px; background:#353643; content:'';}
.gnb_list a {border-bottom:1px solid #353643;}
.gnb_list > ul {float:left; width:50%;}
.gnb_list > ul > li > a {display:block; padding-left:15px; font-size:15px; color:#ffffff; line-height:45px; background:url('../images/common/lnb_arr.png') no-repeat 92% center; background-size:13px auto;}
.gnb_list > ul > li.on > a {background-image:url('../images/common/lnb_arr_up.png')}
.gnb_list .sub {display:none; background:#1c1d25;}
.gnb_list .sub a {display:block; padding-left:15px; font-size:15px; color:#ffffff; line-height:45px; border-color:#777a7d;}
.gnb_list > ul > li.on > a { background-color:#43a2d4;}
.gnb_list > ul >li.on .sub {display:block;}

#main {position:relative; z-index:1;}
#counsel_link {position:fixed; top:50px; right:-100%; z-index:110; width:125px; transition:all 0.4s;}
#counsel_link.open {right:29px;}
#counsel_link li {}
#counsel_link li+li {border-top:1px solid #2d2e30;}
#counsel_link li a {display:block; padding-left:38px;  font-size:15px; color:#54565a; line-height:40px; background-size:40px auto;}
#counsel_link li.s01 a {background-position:0 0;}
#counsel_link li.s02 a {background-position:0px -40px; background-color:#ffd34c;}
#counsel_link li.s03 a {background-position:0px -80px;}
#counsel_link li.s04 a {background-position:0px -120px;}
#counsel_link .btn_close {position:absolute; top:-38px; right:0px; width:22px;}

.dimmed_bg {position:fixed; top:-200%; left:0; width:100%; height:100%; z-index:100; opacity:0; background:rgba(49,50,51,0.5); transition:opacity 0.4s;}
.dimmed_bg.on {top:0; opacity:1;}


#caution img {width:100%;}
#footer {padding-bottom:175px; text-align:center; background:#1c1d25;}
#footer .f_logo {margin-top:15px;}
#footer .f_logo img {width:150px;}
#f_menu {display:inline-block; width:100%; font-size:0; border-bottom:1px solid rgba(255,255,255,0.1);}
#f_menu li {position:relative; display:inline-block; padding:0 5px; }
#f_menu li+li:before {position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-7px; background:rgba(255,255,255,0.1); content:'';}
#f_menu li a {display:block; text-align:center; font-size:12px; color:#999999; line-height:40px;}

.f_lang {display:inline-block; margin-top:30px; font-size:0}
.f_lang li {display:inline-block; width:30px;}
.f_lang li+li {margin-left:10px;}

#address {margin-top:15px; font-size:13px; color:#888888; line-height:1.53;}

#q_menu {position:fixed; bottom:30px; right:15px; z-index:99;}
#q_menu img {width:50px;}
#q_menu li+li {margin-top:10px;}

#lnb {position:relative; z-index:12; margin:-5.55555555555556vw 0; padding:0 2.083333333333333vw;}
#lnb ul {overflow:hidden; }
#lnb li {float:left;}
#lnb li a {position:relative; display:block; font-size:3.888888888888889vw; color:#111111; line-height:2.85;  text-align:center; border:1px solid #cccccc; background:#fff;}
#lnb li+li a {border-left:0;}
#lnb li.on a {color:#fff; border-color:#50a8d6; background:#50a8d6; }
#lnb li.on a:before {position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; z-index:3; border-left:1px solid #50a8d6; content:'';}

.grid5 li {width:20%;}
.grid4 li {width:25%;}
.grid3 li {width:33.333%;}
.grid2 li {width:50%;}


#selfie {padding:0 15px; text-align:center;}
#selfie ul {overflow:hidden;  margin:-3px;}
#selfie ul li {float:left; width:33.333%; padding:3px; }
#selfie img {width:100%;}


#tv {}
#tv img {width:100%;}
#tv .cbox {}
#tv .cbox .movie {position:relative; padding-bottom:56.25%;}
#tv .cbox .movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#tv_swiper {position:relative; margin-top:15px; border-top:1px solid #dddddd;}
#tv_swiper .swiper-container {border-bottom:1px solid #dddddd;}
#tv_swiper .box {overflow:hidden; padding-bottom:25px; }
#tv_swiper .box .img {position:relative; padding-bottom:56.25%;}
#tv_swiper .box .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#tv_swiper .box .tcont {margin-top:13px;}
#tv_swiper .box .tcont strong {display:block; overflow:hidden; font-size:15px; color:#111111; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
#tv_swiper .box .tcont p {overflow:hidden; margin-top:0px; font-size:13px; color:#888888; line-height:1.2; white-space: nowrap; text-overflow: ellipsis;}
#tv_swiper .swiper-button-prev,
#tv_swiper .swiper-button-next {position:absolute; top:0; z-index:2;  width:27px; height:50px; margin-top:4.7%; outline:none; background:no-repeat center; background-size:contain;}
#tv_swiper .swiper-button-prev {left:-15px; right:auto; background-image:url('../images/main/btn_tv_prev.png');}
#tv_swiper .swiper-button-next {right:-15px; left:auto; background-image:url('../images/main/btn_tv_next.png');}
#tv .youtube_link {text-align:center; padding-top:15px;}
#tv .youtube_link img {width:170px;}




.q_counsel {position:fixed; left:0; right:0; bottom:0; z-index:100; padding:15px 15px 15px; text-align:center; opacity:0; transition:opacity 0.4s; background:rgba(57,100,118,0.85);}
.q_counsel.on {opacity:1;}
.q_counsel img {max-width:100%;}
.q_counsel .f_row {overflow:hidden; margin:0 -8px;}
.q_counsel .f_col {float:left; padding:0 8px; position:relative; margin-bottom:9px; padding-left:60px; text-align:left;}
.q_counsel .f_col.col01 {width:45%;}
.q_counsel .f_col.col02 {width:55%; padding-left:68px;}
.q_counsel .f_col > label {position:absolute; top:0; left:8px; font-size:14px; color:#fff; line-height:30px;}
.q_counsel input[type="text"] {width:100%; height:30px; font-size:18px; color:#888888; font-weight:300; border:0; background:#fff;}
.q_counsel .tel_box {overflow:hidden; margin-top:10px; }
.q_counsel select {width:100%; height:30px; font-size:14px; color:#888888; font-weight:300; border:0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 20px 0 10px; background:#fff url('../images/common/icon_selbox.jpg') 100% 50% no-repeat !important; background-size:auto 30px !important;}
.q_counsel .tel_box select {float:left; width:32%;}
.q_counsel .tel_box select option {color:#888888;}
.q_counsel .tel_box input[type="text"] {float:left; width:32%; margin-left:2%; }
.q_counsel .agree_cont {display:inline-block;}
.q_counsel .agree_cont a {font-size:13px; color:#fff;}

.mcheckbox {display:inline-block; position:relative; text-align:left; font-size:14px; color:#585858;}
.mcheckbox input {position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.mcheckbox label {padding-left:22px; font-size:13px; color:#fff;}
.mcheckbox label:before {position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:#fff no-repeat center; background-size:12px auto; content:'';}
.mcheckbox input:checked + label:before {background-image:url('../images/common/icon_checkbox.png'); }
.mcheckbox input:focus + label:before {outline:1px dotted #000}
.q_counsel .btn_counsel_close {position:absolute; right:50px; top:40px;}

.radio_box {display:inline-block; position:relative; margin-top:5px; text-align:left; font-size:14px; color:#585858;}
.radio_box+.radio_box {margin-left:20px;}
.radio_box input {position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio_box label {padding-left:28px; font-size:13px; color:#89adc1;}
.radio_box label:before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:1px solid #779bb0; background:none; content:'';}
.radio_box input:checked + label {color:#fff;}
.radio_box input:checked + label:before {border-color:#fff;}
.radio_box input:checked + label:after {position:absolute; top:50%; left:0; width:8px; height:8px; margin-top:-4px; margin-left:6px; border-radius:50%; background:#fff; content:'';}
.radio_box input:focus + label:before {outline:1px dotted #000}

.q_counsel .cwrap {position:relative; text-align:left; padding-top:2px;}
.q_counsel .btn_submit {position:absolute; top:0; right:0; width:40%; height:45px; font-size:15px; color:#fff; text-align:center; line-height:45px; background:#205d76;}

.common_map {overflow:hidden; padding:11.11111111111111vw 4.166666666666667vw;}
.common_map .map .root_daum_roughmap {width:100%;}
.common_map .common_map_info {padding:6.111111111111111vw 4.166666666666667vw 6.111111111111111vw 0; background:#ef9c43;}
.common_map .common_map_info .box {position:relative; padding-left:25vw; text-align:left;}
.common_map .common_map_info .box+.box {margin-top:4.166666666666667vw;}
.common_map .common_map_info em {position:absolute; top:0; left:6.944444444444444vw; padding-top:0; font-size:3.888888888888889vw; color:#fff;}
.common_map .common_map_info p {padding-top:0; font-size:3.611111111111111vw; color:rgba(255,255,255,0.8); line-height:1.3; letter-spacing:-0.075em;}
.common_map .common_map_info p.tel_num {padding-top:0; font-family: 'Gotham book', sans-serif; font-size:4.444444444444444vw; color:#fff; line-height:1.2; font-weight:500;} 
.common_map .common_map_info p.time {letter-spacing:0;} 



.sub_bna {padding-bottom:5.555555555555556vw; text-align:center; background:#464850;}
.sub_bna .img_title {}
.sub_bna #board_skin {margin-top:0; margin-bottom:0;}

.sub_bna .board_list {position:relative; z-index:2; margin:0 auto; padding-bottom:15px;}
.sub_bna .board_list .btn_login {display:none;}
.sub_bna .board_list.login_before .btn_login {display:block; overflow:hidden; position:absolute; top:0; left:0; bottom:0; z-index:100; width:50%; text-indent:-999px; background:url('/m/board/skin/bna/images/login_box.png') no-repeat center rgba(49,53,64,0.75); background-size:120%;}
.sub_bna .board_list .title {display:block; padding:7px; font-size:14px; color:#333333; line-height:20px; text-align:center; font-weight:normal; background:#eaeaec;}
.sub_bna .board_list .title b {color:#00b0f0 !important; font-weight:normal;}
.sub_bna #bnaSlider {position:relative; width:100%;}
.sub_bna #bnaSlider li {overflow:hidden; position:relative;}
/*
#bnaSlider li:after {position:absolute; bottom:25px; right:30px; z-index:10; width:55px; height:13px; background:url('/m/board/skin/bna/images/txt_after.png') no-repeat right center; content:'';}
#bnaSlider li:before {position:absolute; bottom:25px; left:30px; z-index:10; width:55px; height:13px; background:url('/m/board/skin/bna/images/txt_before.png') no-repeat left center; content:'';}
*/
.sub_bna #bnaSlider li img {position:absolute; top:0; left:0; width:100% !important; min-height:100%;}
.sub_bna #bnaSlider li b {display:block; overflow:hidden; position:relative; padding-bottom:57.5%;}
.sub_bna #bnaSlider li b:after {position:absolute; left:0; right:0; bottom:15%; z-index:2; height:30px; margin-bottom:-15px; background:url('/m/board/skin/bna/images/watermark.png') no-repeat center; background-size:contain; content:'';}

.sub_bna #bnaSlider .bxPager {position:absolute; bottom:0px; left:50%; z-index:1000; width:500px; margin-left:-250px; border-bottom:0;  text-align:center;}
.sub_bna #bnaSlider .bxPager p {display:inline-block; vertical-align:top;}
.sub_bna #bnaSlider .bxPager a {display:inline-block; float:left; box-sizing:border-box; min-width:30px; height:25px; padding:0 5px; border:1px solid #eaeaec; border-left:0; font-size:13px; color:#fff; line-height:25px; background:#5a5e69;}
.sub_bna #bnaSlider .bxPager a.active {background:#00b0f0;}
.sub_bna #bnaSlider .bxPager a:first-child {border-left:1px solid #eaeaec;}
.sub_bna #bnaSlider .bx-prev {overflow:hidden; position:absolute; z-index:100; top:50%; left:5px; width:15px; height:40px; margin-top:-20px; text-indent:-999px; background:url('/m/board/skin/bna/images/btn_prev.png') no-repeat center; background-size:100% auto;}
.sub_bna #bnaSlider .bx-next {overflow:hidden; position:absolute; z-index:100; top:50%; right:5px; width:15px; height:40px; margin-top:-20px; text-indent:-999px; background:url('/m/board/skin/bna/images/btn_next.png') no-repeat center; background-size:100% auto;}
.sub_bna #bnaSlider .txt {position:absolute; top:0; right:0; z-index:100; padding:0 10px; font-size:12px; line-height:25px; color:#4e4e4e; background:#eeeeee;}

.sub_bna .sliderBottom {position:relative;}
.sub_bna .sliderBottom .btnWrap {position:absolute; top:20px; right:30px; border:1px solid #4e4e4e;}
.sub_bna .sliderBottom .btnWrap a {float:left; width:55px; font-size:14px; color:#4e4e4e; text-align:center; line-height:25px;}
.sub_bna .sliderBottom .btnWrap a+a {border-left:1px solid #4e4e4e;}


.sub_bna #thumbList {position:relative; margin:20px auto 0;}
.sub_bna #thumbList ul {overflow:hidden; margin-left:-6px;}
.sub_bna #thumbList li {float:left; position:relative; width:33.33%; padding-left:6px; padding-bottom:6px; text-align:center; font-size:0; cursor:pointer;}
.sub_bna #thumbList li div {position:relative;}
.sub_bna #thumbList li.on div:before {position:absolute; top:0; left:0; right:0; bottom:-28px; z-index:5; border:2px solid #00b0f0; content:'';}
.sub_bna #thumbList li a {display:block;}
.sub_bna #thumbList li a.img {display:block; overflow:hidden; position:relative; padding-bottom:57%; z-index:4;}
.sub_bna #thumbList li a.img img {position:absolute; top:0; left:0; width:100% !important; min-height:100%;}
.sub_bna #thumbList li strong {display:block; position:relative; z-index:2; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#333333; font-weight:normal; text-align:center; line-height:28px; background:#eaeaec;}
.sub_bna .login_before #thumbList a.img:before {position:absolute; top:0; left:0; z-index:100; width:50%; height:100%; background:url('/m/board/skin/bna/images/before.png') no-repeat center rgba(49,53,64,0.95); background-size:40px auto; content:''}

.sub_bna #sliderPos {position:relative; top:-60px; left:0;}

.sub_bna .page_area {margin-top:0;}
.sub_bna .page_area .paging_list > span, 
.sub_bna .page_area .paging_list > a {border-color:#fff;}
.sub_bna .page_area .paging li a {background:#fff;}
.sub_bna .page_area  a {opacity:0.5;}
.sub_bna .page_area .paging li.over a {opacity:1; border-color:#fff; color:#666666; background:#fff;}




/*

.q_counsel {padding:0 15px 25px; text-align:center;  background:#436c82;}
.q_counsel img {max-width:100%;}
.q_counsel .f_row {position:relative; margin-bottom:9px; padding-left:75px; text-align:left;}
.q_counsel .f_row > label {position:absolute; top:0; left:0; font-size:14px; color:#fff; line-height:30px;}
.q_counsel input[type="text"] {width:100%; height:30px; font-size:18px; color:#888888; font-weight:300; border:0; background:#fff;}
.q_counsel .tel_box {overflow:hidden; margin-top:10px; }
.q_counsel select {width:100%; height:30px; font-size:14px; color:#888888; font-weight:300; border:0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 20px 0 10px; background:#fff url('../images/common/icon_selbox.jpg') 100% 50% no-repeat !important; background-size:auto 30px !important;}
.q_counsel .tel_box select {float:left; width:32%;}
.q_counsel .tel_box select option {color:#888888;}
.q_counsel .tel_box input[type="text"] {float:left; width:32%; margin-left:2%; }
.q_counsel .agree_cont {text-align:center;}
.q_counsel .agree_cont a {font-size:13px; color:#fff;}
.q_counsel .btn_submit {width:100%; margin-top:15px; font-size:15px; color:#fff; text-align:center; line-height:40px; background:#97c8db;}
.mcheckbox {display:inline-block; position:relative; margin-top:9px; text-align:left; font-size:14px; color:#585858;}
.mcheckbox input {position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.mcheckbox label {padding-left:22px; font-size:13px; color:#89adc1;}
.mcheckbox label:before {position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; background:#799db2; content:'';}
.mcheckbox input:checked + label:before {background:url('../images/common/icon_checkbox.png') no-repeat center; background-size:12px auto;}
.mcheckbox input:focus + label:before {outline:1px dotted #000}
.q_counsel .btn_counsel_close {position:absolute; right:50px; top:40px;}
.radio_wrap {margin-top:18px; text-align:center; border-top:1px solid rgba(255,255,255,0.4);}
.radio_box {display:inline-block; position:relative; margin-top:14px; text-align:left; font-size:14px; color:#585858;}
.radio_box+.radio_box {margin-left:20px;}
.radio_box input {position:absolute; left:0; top:50%; width:12px; height:12px; margin-top:-6px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio_box label {padding-left:28px; font-size:13px; color:#89adc1;}
.radio_box label:before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:1px solid #779bb0; background:none; content:'';}
.radio_box input:checked + label {color:#fff;}
.radio_box input:checked + label:before {border-color:#fff;}
.radio_box input:checked + label:after {position:absolute; top:50%; left:0; width:8px; height:8px; margin-top:-4px; margin-left:6px; border-radius:50%; background:#fff; content:'';}
.radio_box input:focus + label:before {outline:1px dotted #000}
*/