/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*초기화*/
html, body{width:100%;margin:0;padding:0;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'!important;background:#fff;}
body{letter-spacing: -1px;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'!important;font-size:0.9em;}
::selection{background:#bedbfd}
*:focus{outline:none;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#000;text-decoration:none !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.left{float:left}
.right{float:right}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}

.en .section09 .swiper-button-prev svg, .en .section09 .swiper-button-next svg {display: none !important;}

.skrollr-mobile, .skrollr-mobile > body {overflow-x: hidden!important;}
.skrollr-mobile {overflow-y: scroll !important;}

.img-responsive{max-width:100%; display:block; width:auto;}
.m-auto{margin: 0px auto; }
.clear:after{display:block;content:"";clear:both}
.visible-xs{display:none!important}
.hidden-xs{display:block!important}
.visible-md{display:none!important}
.hidden-md{display:block!important}


.pb-0{padding-bottom:0!important}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}


/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half01{width:49%;margin-right:2%}
.half01:last-child{margin-right:0;}
.half01:nth-child(2n){margin-right:0}

/*중앙으로 맞추기*/
.table_wrap{width:100%;display:table;}
.table_wrap > div{display:table-cell;vertical-align:middle}

/*3개 박스*/
.sub_box{margin-bottom:1.5%;}
.sub_box:last-child{margin-bottom:0}
.sub_box:after{display:block;content:"";clear:both}
.sub_box .s_box{width:32.3333%;margin-right:1.5%;margin-top:1.5%;float:left;}
.sub_box .s_box:nth-child(-n+3){margin-top:0}
.sub_box .s_box:nth-child(3){margin-right:0}
.sub_box .s_box:last-child{margin-right:0}

/*여백없는 3개 박스*/
.sub_box.mr-0 .s_box{width:33.3333%;margin-right:0;}

/*4개 박스*/
.sub_box4{margin-bottom:1.5%;}
.sub_box4:last-child{margin-bottom:0}
.sub_box4:after{display:block;content:"";clear:both}
.sub_box4 .s_box{width:23.5%;margin-right:2%;float:left;}
.sub_box4 .s_box:last-child{margin-right:0}

/*여백없는 4개 박스*/
.sub_box4.mr-0 .s_box{width:25%;margin-right:0;}

/*5개 박스*/
.sub_box5{margin-bottom:1.5%;}
.sub_box5:last-child{margin-bottom:0}
.sub_box5:after{display:block;content:"";clear:both}
.sub_box5 .s_box{width:19%;margin-right:1.25%;float:left;}
.sub_box5 .s_box:last-child{margin-right:0}


.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);display: none;z-index: 9997;}
.all_bg.active{display:block;background-color: rgba(255,255,255,0.6);}

.ft55{font-size:55px;}
.ft50{font-size:50px;}
.ft40{font-size:40px;}

.ft35{font-size:35px;}
.ft30{font-size:30px;}
.ft26{font-size:26px;}
.ft24{font-size:24px;}
.ft22{font-size:22px;}
.ft20{font-size:20px;}
.ft18{font-size:18px;}
.ft16{font-size:16px;}

.Mont{font-family: 'Montserrat', sans-serif;}
.Shs{ font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
.GB{ font-family: 'GmarketSansBold';}
.GM{ font-family: 'GmarketSansMedium';}
.GL{ font-family: 'GmarketSansLight';}


.tab-content{display:none;}
.tab-content.current{display:block;}

.depth01 .down{display:none;}
.depth03{display:none;}


.mainslide{max-width:1920px;margin:auto}
.mainslide .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 30px;}
.mainslide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
.mainslide .swiper-pagination-bullet {width: 80px;height: 5px;background: #fff;border-radius: 0;}

.section{padding:120px 0;text-align:center;}
.section .tit{font-family: 'Montserrat', sans-serif;font-size:40px;font-weight:600;letter-spacing:0px;}
.section .tit1{font-size:30px;font-weight:500;}
.container{width:1400px;margin:auto}
.cont_box{margin-top:80px;}
.txt_scroll {position: absolute;z-index: 0;font-size: 160px;color: #000;opacity:0.05;line-height: 1em;transform: rotate(-90deg);font-family: 'Montserrat', sans-serif;}
.txt_scroll span{display:block;}

.counsel .toggle_wrap {background-image: url(/img/en/cs_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding:30px 0}
.counsel .container:after{display:block;content:"";clear:both}
.counsel .box {float:left;}
.counsel .box1{color:#fff;width:18%}
.counsel .box1 img{display:inline-block;vertical-align:middle}
.counsel .box1 span{display:inline-block;margin-left:10px;vertical-align:middle}
.counsel .box2{width:52%}
.counsel .box2 > div{float:left;padding:0 10px;float:left;width:33.3333%}
.counsel .box2 input, .counsel .box2 select{width:100%;padding:5px 8px;line-height: 40px;height: 40px;border: 1px solid #fff;} 
.counsel .box3{width:30%;font-size:15px;}
.counsel .box3 .check_box {width:60%;float:left;line-height: 20px;color: #fff;padding-left:10px;}
.counsel .box3 .check_box a{display:block;color: #fff;padding-left:15px;}
.counsel .box3 .submit{width:40%;float:left;line-height: 40px;height: 40px;border-radius: 50px;background: #fff;border: 0;color: #2660ac;font-weight: 600;} 
.hidden{display:none;}

.counsel > div {transition: all .5s ease;position: relative;bottom: 0;}
.counsel.active > div{position: fixed;bottom: 0;width: 100%;transition: all .5s ease;z-index: 99;border-top: 1px solid rgba(255,255,255,0.3);}
.counsel.active{height:102px;}

.section01{background-image: url(/img/en/sec01_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow:hidden;position: relative;}
.section01 .txt_scroll {left:-240px;top:0;}


.section01 .container{position:Relative;top:0;left:0}
.section01 .half{position:relative;z-index:1}
.section01 .txt{position:absolute;top:50%;right:0;transform: translateY(-50%);color:#fff;margin-top: -60px;}
.section01 .txt .txt01{font-size:40px;}
.section01 .txt .txt01 span{display:block;text-align:left;color:#fff;text-shadow: 2px 2px 6px gray;}

.section01 .txt .txt02{margin-top:80px;text-align:left;padding-left:15px} 
.section01 .txt img{display:inline-block;vertical-align:middle;margin-left:-13px;}


.section02{background-image: url(/img/en/sec02_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow:hidden;position: relative;padding-bottom:250px;}
.section02 .tit{color:#fff}
.section02 .txt_scroll {right: -500px;bottom: 60%;transform: rotate(90deg);opacity: 0.06;}

.section02 .container{position:relative;top:0;left:0;z-index:1}

.section02 .tab{max-width:80%;margin-right:auto;margin-left:auto}
.section02 .tab:after{display:block;content:"";clear:both;}
.section02 .tab li{float:left;width:33.3333%;text-align:Center;padding:10px;color:#fff;cursor:pointer}
.section02 .tab li:focus{outline:none}
.section02 .tab li span{position:relative;top:0;left:0}
.section02 .tab li span:before{display:block;content:"";clear:both;width:0;height:3px;opacity:0.3;background:transparent;position:absolute;bottom:-5px;left:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.section02 .tab li span:after{display:block;content:"";clear:both;width:0;height:0;opacity:0.3;background:#fff;position:absolute;top:-5px;right:-10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.section02 .tab li.current span:after, .section02 .tab li:hover span:after{width:20px;height:20px;}
.section02 .tab li.current span:before, .section02 .tab li:hover span:before{width:100%;background:#fff;}



.section02 .tab-content{position:relative;top:0;left:0}

.section02 .tab-content:after{display:block;content:"";clear:both;}
.section02 .tab-content > div{float:left;}
.section02 .tab-content .img{width:65%;}
.section02 .tab-content .img img{width:100%;}
.section02 .tab-content .txt{width:35%;position:absolute;top:0;right:0;bottom:0;height:100%;background:#fff;}
.section02 .tab-content .txt .txt_box{display:table;width:100%;height:100%;}
.section02 .tab-content .txt .inner{display:table-cell;vertical-align:middle;padding:0 50px;text-align:left;background-image: url(/img/main/sec02_box_bg.png);background-repeat: no-repeat;background-position: right bottom;}
.section02 .tab-content .txt .txt01{color:#01abae;font-weight:500}
.section02 .tab-content .txt .txt01 span {margin-left: 8px;display: inline-block;padding: 5px 20px;background: #01abae;color: #fff;vertical-align: middle;border-radius: 50px;}


.section .more_view img{display:inline-block;vertical-align:middle;margin-left:10px;}

.section03{margin-top:-80px;padding:0!important;position:relative;z-index:1}
.section03 .half:after{display:block;content:"";clear:both;}
.section03 .half .inner{width:700px;}


.section03 .box1{padding:150px 0;text-align:left;background:#fff;position:relative;top:0;left:0;box-shadow: 15px 10px 15px rgba(0,0,0,0.1);z-index: 10;}
.section03 .box1 .in_box:after{display:block;content:"";clear:both;}
.section03 .box1 .inner{float:right;padding-right:50px;}

.section03 .box1:before , .section03 .box1:after, .section03 .box2 .in_box:before, .section03 .box2 .in_box:after{display:block;content:"";clear:both;position:absolute;left:0;width: 100%;height: 25px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.section03 .box1:before , .section03 .box1:after{width:100%;height:56px;}
.section03 .box1:before{top:-55px;background-image: url(/img/main/sec03_01_bg.png);transform: rotate(180deg);}
.section03 .box1:after{bottom:-55px;background-image: url(/img/main/sec03_01_bg.png);}


.section03 .box2{padding-top: 50px;position:absolute;top:0;bottom:0;right:0;height:100%;}
.section03 .box2 .in_box{background:#c2ccdd;height:100%;width:100%;position:relative;top:0;left:0}
.section03 .box2 .inner {padding-left: 50px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.section03 .box2 .in_box:before{top:-24px;background-image: url(/img/main/sec03_02_bg.png);}
.section03 .box2 .in_box:after{bottom:-24px;background-image: url(/img/main/sec03_02_bg.png);transform: rotate(180deg);}

.section03 .tab:after{display:block;content:"";clear:both;}
.section03 .tab li:nth-child(-n+2){margin-top:0}
.section03 .tab li{margin-top:20px;float:left;width:50%;}
.section03 .tab li span{font-weight:500;position:relative;top:0;left:0;padding-right:5px;cursor: pointer;}
.section03 .tab li.active  span, .section03 .tab li:hover span{color:#2c50a6;}
.section03 .tab li span:after{display: block;content: "";clear: both;z-index:-1;width: 0;height: 50%;position: absolute;bottom: 0px;left: 0;background: rgb(44 80 166 / 0.2);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.section03 .tab li.active  span:after, .section03 .tab li:hover span:after{width:100%;}
.section03 .tab li:focus{outline:none;}

.section03 .view{display:none;}
.section03 .view.active{display:block;}

.section03 .ba_box:after{display:block;content:"";clear:both;}
.section03 .ba_box{margin-top:30px;}
.section03 .ba_box:first-child{margin-top:0}

.section03 .ba_box span{font-size:18px;font-weight:500;font-family: 'Montserrat', sans-serif;margin-top:15px;display:block;}
.section03 .ba_box img{width:100%}

.section03 .ba_box .brfore_box {position: relative;top: 0;left: 0;}
.section03 .ba_box .login_box {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.9);}
.section03 .ba_box .login_in {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.section03 .ba_box .login_in span {color: #fff;padding: 10px 30px;display: inline-block;background-image: url(/img/main/counsel_bg.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;border-radius: 50px;}


.section04{background:#e5f6f7;padding-top:250px;margin-top:-80px;overflow:hidden}
.section04 .inner{padding-bottom: 50px;position:relative;top:0;left:0;margin: auto;max-width: 1920px;}
.section04 .txt_box{text-align:left;padding: 50px;background: #00d2d4;color: #fff;background-image: url(/img/main/sec04_box_bg.png);background-repeat: no-repeat;background-position: left top;}
.section04 .review_box{position:absolute;bottom:0;right:0;width:63%}
.section04 .review_box .swiper-slide img{width:100%;-webkit-filter: blur(3px);-moz-filter: blur(3px);-ms-filter: blur(3px);-o-filter: blur(3px);filter: blur(3px);}
.section04 .review_box .tit1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section04 .swiper-button:after{display:block;content:"";clear:both;}
.section04 .swiper-button-prev, .section04 .swiper-button-next {position: relative;top: 0;left: 0;right: auto;bottom: auto;margin-top: 0;margin-left: 0;float: left;width:50px;height:50px;    background-position: center;background-size: 100%;background-repeat: no-repeat;}
.section04 .swiper-button-prev:after, .section04 .swiper-button-next:after{content:""}
.section04 .swiper-button-next {background-image: url(/img/main/wslide_r.png);margin-left: 15px;}
.section04 .swiper-button-prev {background-image: url(/img/main/wslide_l.png);}

.section04 .swiper-slide span.hover1, .section04 .swiper-slide span.hover2, .section04 .swiper-slide span.hover3, .section04 .swiper-slide span.hover4{background: #2c3e50;position: absolute;transition: all 0.3s;}
.section04 .swiper-slide span.hover1 {top: 0;left: 0;width: 0;height: 5px;z-index: 10;background: linear-gradient(to left, #1287ab, #1bb4b6 100%);}
.section04 .swiper-slide span.hover2 {top: 0;right: 0;width: 5px;height: 0;z-index: 9;background: linear-gradient(#1287ab, #2b52a6);}
.section04 .swiper-slide span.hover3 {bottom: 0;right: 0;width: 0;height: 5px;z-index: 8;background: linear-gradient(to left, #2b52a6, #1a77a9 100%);}
.section04 .swiper-slide span.hover4 {bottom: 0;left: 0;width: 5px;height: 0;z-index: 7;background: linear-gradient(#1bb4b6, #1a77a9);}

.section04 .swiper-slide-active span.hover1 {width: 100%;}
.section04 .swiper-slide-active span.hover2 {height:100%;}
.section04 .swiper-slide-active span.hover3 {width: 100%;}
.section04 .swiper-slide-active span.hover4 {height: 100%;}

.section04 .swiper-slide .login_img{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0.8);text-align:center;z-index: 1;}
.section04 .swiper-slide .login_img > div{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.section04 .swiper-slide .login_img span{display:block;}
.section04 .swiper-slide .login_img .login_btn{padding:10px 0;width:40%;margin:auto;border-radius:50px;color:#fff;background:#000;margin-top:20px;}
.section04 .swiper-slide.empty{line-height: 420px;}

.section .empty_li {font-size: 18px;}

.map{padding:0;border:0;width:100%;}
.root_daum_roughmap .wrap_map{height:100%!important}

.section05 .map{height:650px;padding:0;border:0;width:100%;}
.section05 .os_mac .roughmap_maker_label .roughmap_lebel_text {padding: 10px !important;border-radius: 80px;background: #0475f4;color: #fff;}
.section05 .roughmap_maker_label:after{display:none;}

.map_wrap {position: relative;top: 0;left: 0;}
.map_wrap .map_desc {text-align: left;width: 40%;position: absolute;top: 50px;left: 50px;padding: 50px;z-index: 90;background: #00d2d4;color: #fff;}
.map_desc_btn:after{display:block;content:"";clear:both}
.map_desc_btn {max-width: 300px;}
.map_desc_btn > a {float: left;}

.time_wrap {text-align: left;}
.time_wrap .box {float: left;width: 25%;}

.time_wrap .box1 {width: 50%;color:#969696}
.time_wrap .box2 {width: 25%;color:#969696}
.time_wrap .box b{color:#00d2d4}
.time_wrap .box li{margin-bottom:8px;}
.time_wrap .box li:last-child{margin-bottom:0}
.time_wrap .box li .date {margin-left: 30px;}

.time_wrap:after{display:block;content:"";clear:both}
.time_wrap .box2 .box2_tit{margin-bottom:8px;}
.time_wrap .box2 .box2_tit b{padding:5px 15px;border-radius:50px;background:#00d2d4;color:#fff;}


.img_motion {opacity: 0;-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);}
.img_motion.active {opacity: 1;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}


.board{text-align:left;background:#f7f7f7}
.board .board_list li {margin-bottom: 10px;padding: 25px 20px;background: #fff;}
.board .board_list li:last-child{margin-bottom:0}
.board .board_list li .date{margin-right:30px;font-weight:800;}

.board .s_box:nth-child(1) .board_list li .date{color:#00d2d4}
.board .s_box:nth-child(2) .board_list li .date{color:#01abae}
.board .s_box:nth-child(3) .board_list li .date{color:#2a54a6}


.arrow_btn {width: 50px;height: 50px;display: block;position: relative;top: 0;left: 0;float: right;}
.arrow_btn:after {display: block;content: "";clear: both;width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;transform: scale(0);-webkit-backface-visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);background: #00d2d4;}
.arrow_btn:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.arrow_btn img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}

.site_map{padding:50px 0;max-width:1000px;margin:auto;}
.top {position: fixed;bottom: 80px;right: 30px;z-index: 997;    box-shadow: 15px 10px 15px rgba(0,0,0,0.1);border-radius:50%;}
.top img {transform: rotate(-90deg);}
.q_menu {display: none;}

div#bo_list, section#bo_w, article#bo_v, .register, div#bo_gall, article#ctt{max-width:1400px;margin: 120px auto;padding:0} 
.ctt_admin {position: absolute;top: 110px;right: 30px;z-index: 10;}
.ctt_admin a.btn_admin.btn {background: #1e1e1e;padding: 10px 15px;height: auto;color: #fff;border-radius: 3px;line-height: normal;font-size:18px;}
.btn_submit {background-image: url(/img/main/counsel_bg.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;border-radius: 50px;}
.btn_submit:hover {background-image: url(/img/main/counsel_bg.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close{border-radius:50px;}
button.btn_cancel, #bo_w .btn_cancel{border-radius:50px;}


#mb_login {width: 800px;margin: 120px auto;}
#mb_login .login_logo{margin-top:80px;}
#login_fs {max-width: 60%;margin: auto;padding: 50px 30px;}
#login_fs .lable_login{font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 800;text-align: left;width: 100%;display: block;margin-bottom: 5px;color: #1d1d1b;}

#mb_login #login_fs .frm_input {margin-bottom: 30px;border: 0;border-bottom: 1px solid #d0d3db;-webkit-box-shadow: none;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: none;}
#mb_login #login_fs .frm_input#login_pw {margin-bottom: 0;}
#mb_login #login_fs .btn_submit{font-family: 'Montserrat', sans-serif;}
#login_info {margin-top: 20px;}
#login_info .login_if_auto {float: left;margin-bottom: 20px;}
#login_info .login_if_auto.chk_box input[type="checkbox"] + label span{margin-top:3px;}

#login_info .login_if_lpl {float: right;width: 100%;margin-bottom: 20px;}
#login_password_lost {border: 0;color: #a3a3a3;}
#login_info .login_if_lpl {border: 0;color: #a3a3a3;font-weight: 500;font-size:16px;}
#login_info .login_if_lpl .join {margin-left: 15px;font-weight: 600;color: #2a54a6;font-size: 1.1em;border-bottom: 1px solid #2a54a6;}

#fregister p{background: #2a54a6;}
#fregister p:before{background: #2a54a6;}


/*영문페이지*/
.en{letter-spacing:0}
.en .counsel .box1{width: 30%;}
.en .counsel .box2 {width: 55%;}
.en .counsel .box2 > div{width:50%;}
.en .counsel .box3{width:15%;}
.en .counsel .box3 .submit{width:100%;}

.en .section06{background-image: url(/img/en/sec06_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow:hidden;}
.en .section07{background-image: url(/img/en/sec07_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow:hidden;}
.en .section08{background:#f3f6fb;position: relative;}
.en .section09{background:#387acc;color:#fff;}

.en .section08 .inner{max-width:1920px;margin:auto;position:Relative;top:0;left:0;}
.en .section08 .txt_scroll1{position:absolute;top: 60%;left: 0;transform: translateY(-50%);}
.en .section08 .txt{color:#000;text-align:left;}
.en .section08 .txt2{color:#16c3c7}
.en .section08 .doc_list li{padding-left:10px;position:relative;top:0;left:0;margin-top:10px;font-weight:500}
.en .section08 .doc_list li:after{display:block;content:"";clear:both;width:3px;height:3px;border-radius:50%;background:#16c3c7;position:Absolute;top:0;left:0;margin-top:18.5px;} 
.en .section08 .doc_list li:first-child{margin-top:0}

.en .section04 .tit{padding-bottom:100px}
.en .section04 .txt_box {padding: 80px 50px;}


.en .section07{padding:200px 0}
.en .section07 .txt{color:#fff;text-align:left}
.en .section07 .txt1{opacity:0.4}
.en .section07 .txt2{font-weight:lighter;line-height:1.5em}


.en .section06 .box_wrap{display:flex;}
.en .section06 .box{width:20%;transition: 0.2s;position:Relative;top:0;left:0;display:block;}
.en .section06 .box > div{top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;transition: all 0.3s, opacity 0s, color 0.3s;cursor: pointer;}
.en .section06 .box .box_img:hover> div{color: #16c3c7;}
.en .section06 .box .box_info > div{position:relative;top:0;left:0;}
.en .section06 .box .box_info > div:nth-child(1){margin-bottom:20px;}
/*.en .section06 .box.on .box_info > div{opacity:1}*/
.en .section06 .box .box_info{/*transform: rotateY(180deg);*/position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 9998;max-width:500px;height:auto;transition: 0.3s;visibility: hidden;opacity: 0;padding:30px 50px;border-radius:20px;background-image: url(/img/en/sec02_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;color:#fff;text-align:left;}
.en .section06 .box.on .box_info{visibility: visible;opacity: 1;}
.en .section06 .box .box_info .closed {position: absolute;top: 20px;right: 20px;color: #fff;font-weight: 800;font-size: 1.8rem;}

.en .section06 .box img{width:100%;}
/*.en .section06 .box:hover .box_info{transform: rotate(0);}
.en .section06 .box:hover .box_img{transform: rotateY(-180deg);}*/
.en .section06 .box_wrap.on .box{width:18.75%}
.en .section06 .box_wrap.on .box.on{width:25%;}


.en .map_line{position:absolute;bottom:0;left:0;padding:20px 30px;background:#a1a1a1;width:100%;color:#fff;z-index:10}
.en .map_line .left{text-align:left}
.en .map_line .left img{height:30px;margin-right:10px;}

.en .map_line .txt02 {padding-left: 30px;}
.en .map_line  a{color:#fff;}
.en .time_wrap .box li .day {min-width: 130px;display: inline-block;text-align: right;}
.en .time_wrap .tit1{font-weight:600}
.en .time_wrap .box1 {position: relative;top: 0;left: 0;}
.en .time_wrap .box1:After {display: block;content: "";clear: both;width: 1px;height: 100%;position: absolute;top: 3px;left: 145px;background: #969696;}
.en .time_wrap .box2 ul {position: relative;top: 0;left: 0;}
.en .time_wrap .box2 ul:After {display: block;content: "";clear: both;width: 1px;height: 100%;position: absolute;top: 5px;left: 145px;background: #969696;}
.en .time_wrap .box2 .box2_tit {margin-bottom: 15px;}

.en .section09 .swiper-slide img {transform: scale(0.85);}
.en .section09 .swiper-slide-active img {transform: scale(1);}
.en .section09 .swiper-button-prev, .en .section09  .swiper-button-next {width:50px;height:50px;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.en .section09 .swiper-button-prev:after, .en .section09  .swiper-button-next:after{content:""}
.en .section09 .swiper-button-next {background-image: url(/img/en/wslide_r.png);right:50%;margin-right:-20.5%}
.en .section09 .swiper-button-prev {background-image: url(/img/en/wslide_l.png);left:50%;margin-left:-20.5%;}

.en .map_wrap .map_box .goole-map {width: 100%;overflow: hidden;}
.en .map_wrap .map_box .goole-map iframe {margin-top: -150px;display:block;}
.en .section05 .map{height:800px;}

@media (max-width: 3000px) and (min-width: 990px){
.counsel .toogle_wrap {display: block!important;}
.main .slick-track {width: 100%!important;transform: translate3d(0,0,0)!important;}
.main .slick-arrow{display:none!important;}
.section03 .tab li {width: 50%!important;}
.section02 .tab li {width: 33.333%!important;}

}
@media (max-width: 1920px){
.section04 .review_box{width:68%}
}
@media (max-width: 1400px){

.ft55{font-size:50px;}
.ft50{font-size:45px;}
.ft40{font-size:35px;}

.ft35{font-size:30px;}
.ft30{font-size:25px;}
.ft26{font-size:20px;}
.ft24{font-size:19px;}
.ft22{font-size:18px;}
.ft20{font-size:17px;}

.ft18{font-size:16px;}
.ft16{font-size:15px;}
.pb-20{padding-bottom:15px;}
.mb-20{margin-bottom:15px;}
.mb-30{margin-bottom:20px;}

header .header {padding-top: 30px;}
header .header .logo {padding: 18px 0;padding-left: 15px;position:absolute;top:30px;left:0;width:20%}
header .header .logo img {height: 40px;}
header .header #menu {width: 80%;font-size:15px;float:right}

header .header #menu .depth01 {padding: 25px 0;}
header .header .login {width:100%}
header .header .login li {float: left;width: 50%;text-align: center;}
header .header .login li a {padding: 3px 0;font-size: 14px;}
header .header .login li img {display: inline-block;vertical-align: middle;height: 20px;margin-right: 5px;}
header .header .login li span {display: inline-block;vertical-align: middle;}

header.on .header .login {display: none;}
header.on .header .logo{opacity:0;visibility:hidden}
header.on .header #menu{width:100%}
header.on .header #menu .depth01{padding:20px 0}
header .header #menu > .lang > span> a {padding: 25px 0;}
header.on .header #menu > .lang > span> a{padding: 20px 0;}

header .header #menu > .lang >a {padding: 24px 0px;}
header.on .header #menu > .lang >a {padding: 19px 0;}
header .header #menu > .lang img{height:20px;}

.cont_box{margin-top:50px;}
.container{width:100%;padding:0 15px;}
.section{padding:90px 0}
.section .tit{font-size:35px;}
.cont{max-width:90%;margin-right:auto;margin-left:auto;}
.section .tit1 {font-size: 25px;}

.section01 .txt{width:55%;}
.section01 .txt .txt01 {font-size: 35px;}
.section01 .txt .txt01 img{height:70px;    margin-left: -10px;}

.section01 .txt_scroll {left:-280px;}

.section02{padding-bottom:170px;}
.section02 .txt_scroll {right: -560px;bottom:30%;}
.section02 .tab-content .txt .inner{padding:0 30px;}
.section02 .more_view img {height: 40px;}

.section03 .box1{padding:120px 0}
.section03 .half .inner{width:100%;padding:0 15px;}
.section03 .ba_box .login_in span{padding:10px 0;width:60%}
.section04{padding-top:170px;}
.section04 .swiper-button-prev, .section04 .swiper-button-next{width:40px;height:40px;}
.section04 .swiper-slide.empty{line-height: 350px}
.section .more_view img{height:40px;}

div#bo_list, section#bo_w, article#bo_v, .register, div#bo_gall, article#ctt{padding:0 15px;    margin:80px auto;}
#mb_login{margin:80px auto}
.ctt_admin {right: 15px;}
.ctt_admin a.btn_admin.btn{font-size:16px;}


.en .section05{padding-bottom:180px;}
.en .time_wrap .box2 ul:After{display:none;}
.en .time_wrap .box1:After{display:none;}
.en .time_wrap .box li .day{min-width:100px}
.en .time_wrap .box li .date{margin-left:10px;}
.en .time_wrap .box1{width:45%}
.en .time_wrap .box2{width:30%}
}

@media (max-width: 1024px){
.ft55{font-size:47px;}
.ft50{font-size:42px;}
.ft40{font-size:32px;}

.ft35{font-size:28px;}
.ft30{font-size:24px;}



.section .tit{font-size:32px;}
.section .tit1 {font-size: 24px;}

.section01 .txt .txt01 {font-size: 30px;}
.section01 .txt .txt01 img{height:60px;}
.section04 .txt_box {width: 75%;opacity:1}

.section03 .box1{padding:80px 0}

.map_wrap .map_desc {top: 30px;left: 30px;padding: 30px;}
.section05 .map {height: 500px;}
.en .section05 .map{height:650px;}

}


@media (max-width: 990px){
.visible-md{display:block!important}
.hidden-md{display:none!important}

.ft55{font-size:45px;}
.ft50{font-size:40px;}
.ft40{font-size:30px;}

.ft35{font-size:26px;}
.ft30{font-size:22px;}

.ft26{font-size:19px;}
.ft24{font-size:18px;}
.ft22{font-size:17px;}
.ft20{font-size:16px;}

.ft18{font-size:15px;}
.ft16{font-size:14px;}

header .header{padding-top:0}
header .header .logo{position:relative;top:0;left:0;width:auto;padding:15px 0;padding-left:15px}
header .header .logo img{height:35px;}
header .header .login{display:none;}

header.on .header .logo {opacity: 1;padding:15px 0;visibility: visible;padding-left:15px;}
header .m_menu{display:block;}
header #lnb {overflow: scroll;width: 100%;height: 100%;}

.cont_box{margin-top:40px;}
.section{padding:80px 0}
.section .tit{font-size:30px;}
.section .tit1 {font-size: 22px;}

.txt_scroll {font-size: 100px;}

.main .tab_wrap {position:relative;top:0;left:0;max-width: 90%;margin-right: auto;margin-left: auto;}
.main .slick-arrow {position: absolute;top: 0;margin-top: 0;width: 30px;height: 100%;z-index: 9990;}
.main .slick-arrow.next{right:0}
.main .slick-arrow.prev{left:0}
.main .slick-arrow i {margin-top: 50%;}

.mainslide .swiper-pagination-bullet{height:5px;width:30px}

.counsel .toggle_tit {text-align: center;color: #fff;padding: 10px 0;max-width: 320px;margin: auto;box-shadow: 15px 10px 15px rgba(0,0,0,0.1);background: #1691bd;cursor: pointer;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.counsel .toggle_tit img{display:inline-block;vertical-align:middle;height: 30px;}
.counsel .toggle_tit span{display:inline-block;margin-left:10px;vertical-align:middle}
.counsel .toggle_tit > span {font-size: 15px;}
.counsel > div {position: fixed;bottom: 0;width: 100%;transition: all .5s ease;z-index: 99;border-top: 0;}
.counsel.active > div{border-top: 0;}
.counsel .toggle_wrap {display:none;padding: 20px 0;background: #1691bd;}
.counsel .box{width:100%!important}

.counsel .box1{display:none;}
.counsel .box2 > div {width: 32.33333%;margin-right: 1.5%;padding: 0;}
.counsel .box2 > div:last-child {margin-right: 0;}
.counsel .box3 .check_box {width: 100%;margin-top: 5px;padding-left:0}
.counsel .box3 .check_box a {display: inline-block;vertical-align: middle;}
.counsel .box3 .submit {width: 200px;float: right;margin-top:10px;}
.counsel.active {height: auto!important;}


.section01 .txt .txt01 {font-size: 25px;}
.section01 .txt .txt01 img{margin-left:0}


.section01 .half{width:100%;}
.section01 .img img{height:500px}
.section01 .txt {width: 100%;position: relative;top: 0;transform: translateY(0);margin-top: 0;text-align: center;}

.section01 .txt .txt01 span {text-align: center;padding-left:0}
.section01 .txt .txt02 {text-align: center;margin-top:30px;}
.section01 .txt_scroll {left: -180px;}


.section02 .tab li{padding:10px;}

.section02 .tab-content .txt {width: 100%;position: relative;height: auto;}
.section02 .tab-content .txt .txt_box {display: block; }
.section02 .tab-content .txt .inner {padding: 0;display: block;padding: 30px;}
.section02 .tab-content .txt .inner > img {height: 30px;}
.section02 .tab-content .img {width: 100%;}
.section02 .more_view_box {position: absolute;bottom: 30px;right: 30px;}
.section02 .more_view img{height:35px;}
.section02 .txt_scroll {right: -350px;}
.section02 .slick-arrow{color:#fff;}

.section03 {margin-top:0}
.section03 > .half{width:100%;position:relative;top:0;left:0;transform: translateY(0);text-align:Center;margin-top: 0;height: auto;}
.section03 .box1:before, .section03 .box1:after, .section03 .box2 .in_box:before, .section03 .box2 .in_box:after{display:none;}
.section03 .tab li{margin-top:0;padding:10px;}
.section03 .box2{padding:0}
.section03 .box2 .inner{position: relative;top: 0;transform: translateY(0);max-width:90%;margin-right:auto;margin-left:auto}
.section03 .box2 .in_box{padding:80px 0}

.section04{margin-top:0}
.section04 .container{padding:0}
.section04 .review_box {width: 65%;min-width: auto;position: relative;float: right;margin-top: -90px;}
.section04 .txt_box{width:100%}

.section04 .swiper-button-prev, .section04 .swiper-button-next{width:35px;height:35px;}


.section04 .swiper-slide.empty{line-height: 300px}
.section .more_view img{height:35px;}


.map_wrap .map_desc {top: 0;left: 0;position:relative;width:100%;}
.section05 .map {height: 400px;}
.en .section05 .map{height:550px;}
.time_wrap .box.tit1 {width: 100%;margin-bottom: 20px;}
.time_wrap .box2 {width: 45%;}

.sub_box .s_box{width:100%;margin-right:0}
.board .sub_box .s_box{margin-top:40px;}
.board .sub_box .s_box:nth-child(1){margin-top:0}
.top {bottom: 20px;right: 14px;}
.top img {width: 42px;height: 42px;}
.q_menu {display: block; position: fixed; bottom: 70px; right: 10px; z-index: 997; }
.q_menu img{width: 50px; height: 50px; margin-bottom: 1vw;}



.arrow_btn {width: 35px;height: 35px;}
.arrow_btn img {height: 12px;}


footer .footer {text-align: center;padding: 50px 0;padding-bottom: 100px;}
footer .f_logo {position: relative;}
footer .f_logo img {height: 80px;}
footer .f_sns {margin-top: 15px;}
footer .f_sns li {float: none;display: inline-block;margin:0;padding:0 15px;}
footer .f_copy{margin-top:15px;}
footer .f_info span {margin-right: 15px;}

footer .f_top {font-size: 13px;padding: 15px 0;}
footer .f_top li {width: 50%;margin-right: 0;padding-right: 0;padding: 0 10px;text-align: center;}
footer .f_top li:nth-child(2):after, footer .f_top li:nth-child(4):after {display: none;}

footer .f_top li:nth-child(4), footer .f_top li:nth-child(3) {margin-top: 15px;}
footer .f_top li.admin {display: none;}

.quick{display:none;}
.quick_m{display: block;font-size: 13px;margin-top: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-right: 10px;margin-left: 10px;}
.quick_m:after{display:block;content:"";clear:both}
.quick_m li{float:left;width:25%;text-align:Center}
.quick_m li span {margin-top: 5px;display: block;color: #878787;}
.quick_m li a{padding:25px 0;display:block;} */

div#bo_list, section#bo_w, article#bo_v, .register, div#bo_gall, article#ctt{margin:50px auto;}
#bo_cate{margin-top:0;margin-bottom:30px;}
.mbskin .mbskin_box{border:0}
#mb_login{width:100%;margin:50px auto}
#login_fs {max-width: 80%;padding: 60px 0;}
#login_fs .lable_login{font-size:18px;}
.ctt_admin {top: 80px;}
.ctt_admin a.btn_admin.btn{font-size:13px;}
#bo_v_title .bo_v_tit{font-size:1.5em}

.en .section04 .tit {padding-bottom: 50px;}
.en .section06 .box_wrap {flex-wrap: wrap;}
.en .section06 .box{width:33.3333%}
.en .section06 .box_wrap.on .box.on{width:33.3333%}
.en .section06 .box_wrap.on .box{width:33.3333%}

.en .section08 .half{width:100%;}
.en .section08 .tit {text-align: left;}

.en .section07{background-image:url(/img/en/sec07_bg_m.jpg);padding:500px 0 100px 0;position: relative;top: 0;left: 0;}
.en .section07 .img_m img{width:100%;}
.en .section07 .txt{width:100%;}
.en .map_line {position: relative;top: 0;left: 0;font-size: 18px;}
.en .map_line:After {display: block;content: "";clear: both;}

.en .section09 .swiper-slide img {transform: scale(1);}
.en .section09 .cont_box {max-width: 90%;margin-right: auto;margin-left: auto;}
.en .section09 .swiper-button-prev, .en .section09 .swiper-button-next {width: 40px;height: 40px;}
.en .section09 .swiper-button-next {right: 10px;margin-right: 0;}
.en .section09 .swiper-button-prev {left: 10px;margin-left: 0;}

.en .section05{padding-bottom:80px;}
.en .time_wrap .box{width:100%;}
.en .time_wrap .box2 .box2_tit b{display:inline-block;}
.en .time_wrap .box2{margin-top:20px;}
.en .time_wrap .box li .day{text-align:left}

.en .map_line .left img{height:20px;}

.en .counsel .box2 > div {width: 49%;margin-right: 2%;}
.en .counsel .box2 > div:last-child {margin-right: 0;}
}


@media (max-width: 768px){
    .visible-xs{display:block!important}
    .hidden-xs{display:none!important}

    header .header .logo img {height: 30px;}
    header .m_menu .lnb_tit img{height:30px;}
    header .m_menu .lang_m img{width:20px}

    .counsel .box2 > div {width:100%;margin-right:0;margin-bottom:10px;}
    .counsel .box2 > div:last-child{margin-bottom:0}
    .counsel .toggle_tit img{height:25px;}
    .counsel .toggle_tit{max-width:230px;}

    .section .tit {font-size: 25px;}

    .mainslide .swiper-slide img{width:100%}

    .section01 .img img {height: 320px;}



    .section02 .tab{max-width:100%}
    .section02 .more_view_box {position: relative;bottom: 0;right: 0;}
    .section03 .ba_box .login_in span {padding: 5px 0;font-size: 14px;width: 50%;}
    .section03 .ba_box .login_in{font-size:14px;}
    .section04 .inner{padding-bottom:35%;}
    .section04 .txt_box{width:100%;padding:30px;}


    .section04 .swiper-slide .login_img .login_btn {padding: 5px 0;margin-top: 15px;}

    .section05 .map {height: 250px;}
    .en .section05 .map{height:400px;}
    .time_wrap .box{width:100%!important}
    .time_wrap .box2{margin-top:40px;}

    footer .footer{font-size:14px;}
    footer .f_logo img {height: 60px;}
    #login_fs .lable_login{font-size:16px;}
    #mb_login .login_logo img{height:40px;}
    #login_info .login_if_lpl{font-size:15px;}
    #login_info .login_if_auto{margin-bottom:30px;}

    #bo_cate_ul li {width: 33.3333%;}


    .en .section06 .box {width:50%}
    .en .section06 .box_wrap.on .box.on{width:50%}
    .en .section06 .box_wrap.on .box{width:50%}
    .en .section06 .box .box_info{width:90%}

    .en .map_line > div{width:100%;text-align:left}
    .en .counsel .toggle_tit{max-width:300px;}

    .en .map_line .txt02{padding-left:0}
    .en .map_line > div > div{width:100%;}


    .en .counsel .box2 > div {width: 100%}
}


@media (max-width: 500px){
    .txt_scroll{font-size:90px;}
    .section01 .txt_scroll {left: -160px;top: 10%;}
    .section02 .txt_scroll {right: -310px;bottom: 50%;}
    .section03 .view .ba_box{display:none;}
    .section03 .view .ba_box:first-child {display: block;}
    .section03 .view .ba_box > div{width:100%;margin-bottom:10px;}
    .section03 .ba_box .login_in span {display: block;margin-right: auto;margin-left: auto;}
    .time_wrap .box li .date{margin-left:15px;}

    .section04 .review_box .swiper-slide .ft16 br{display:none;}

    .en .section07 .txt .ft30 br{display: none;}
    .en .section08 .doc_txt .ft50{font-size: 34px;}
}