/*폰트*/
* {font-family:'Noto Sans KR', sans-serif;margin: 0;padding: 0;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/*초기화*/
html, body{font-size:14px;height:100%;width:100%;font-family:'Noto Sans KR', sans-serif;color:#141414}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#141414;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p{margin:0;padding:0;word-break:break-all;word-wrap:break-word}
b{font-weight:bold}
br{font-family:'Noto Sans KR', sans-serif !important}
.img-responsive{max-width:100%;display:block;height:auto}
.over-h{overflow:hidden;}
.padding-0{padding:0 !important}
.margin-0{margin:0 !important}
.m-auto{margin:auto}
.w-100{width:100% !important}
.pt-0{padding-top:0 !important}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.fc01{color:#a08f71}
.fc02{color:#a59366;}
.fw300{font-weight:300 !important}
.frank{font-family: 'Frank Ruhl Libre', serif;}
.serif{font-family: 'Noto Serif KR', serif !important}
.text-c{text-align:center;}
.text-r{text-align:right;}
.visible-lg{display:block !important}
.visible-xs{display:none !important}
.visible-sm{display:none !important}



/*mob menu*/
.m_wrap{display:none;}
.m_wrap.on {position:fixed;width:100%;z-index:9999;background:#FFF;top:0;border-bottom:1px solid #f7f4ed}
.m_wrap .logo{padding:15px;display:inline-block;}
.m_wrap .logo img{width:50%;}
.m_warp.on .menu_btn{position:fixed}
.m_menu{position:fixed ;top: 0;right: -100%;bottom: 0;width: 100%;height: 100%;background:#fff;z-index:9998;-webkit-box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);}
.m_menu .lnb_tit {padding: 15px 0;padding-left:15px;}
.m_menu .lnb_tit img{width:20%;margin:0}

.menu_btn {display: block;width: 25px;height: 15px;top: 25px;right: 15px;position: absolute;z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
.menu_btn > div {display: block;width: 100%;text-indent: -9999px;border: none;background: none;}
.menu_btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #000;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}

.menu_btn .btn_line01 {top: 0;}
.menu_btn .btn_line02 {top: 7px;}
.menu_btn .btn_line03 {bottom: 0;}

.menu_btn.on span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.menu_btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
.menu_btn.on span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

#lnb {background-image: url('/img/main/sec02_box_bg.png');background-size:50%;background-repeat: no-repeat;background-position: right bottom;overflow: scroll;width: 100%;height: 100%;}
#lnb .lnb_box{margin-top:30px;}
#lnb .depth01 {display: block;padding: 12px 20px;position: relative;top: 0;left: 0;text-align: left;color: #3e3e3c;}
#lnb .depth01 .down{display:block;float:right;}
#lnb .depth02{display:none;background-color: #3e6d5b;text-align:left}
#lnb .depth02 li a {padding: 12px 20px;display: block;position:relative;top:0;left:0;color:#fff;}

.m_login {padding-left:15px;text-align:Center}
.m_login:after {display: block;content: "";clear: both;}
.m_login li {padding:10px 30px;display: block;margin-top: 15px;float:left;margin-right:10px;border-radius:50px;}
.m_login li a{color:#fff;}
.m_login li:nth-child(1){background: #6eab94;border: 1px solid #6eab94;}
.m_login li:nth-child(2){background: #4f8470;border: 1px solid #4f8470;}
.m_login li:nth-child(3){background:#fff;border:1px solid #3e3e3c;}
.m_login li:nth-child(3) a{color:#3e3e3c;}
.m_login li img{display:inline-block;vertical-align:middle;margin-right:3px;height:15px;margin-top:-3px;}

/*공통*/
.container{max-width:1400px;margin:auto;overflow:hidden}

.ft01 {font-size:0.95rem;}
.ft02 {font-size:1.1rem;}
.ft03 {font-size:2.5rem;}
.ft04 {font-size:1.5rem;}
.ft05 {font-size:2rem;}/*font-size:28px*/

.main_menu{position:absolute;top:10%;left:5%;z-index:9}
.main_menu .logo{margin: 0 0 50px 0;}
.main_menu li a{position:relative;display:inline-block;padding:10px 0 10px 10px;position:relative;color:#FFF;}
.main_menu li a:hover{padding:10px 0 10px 20px;}
.main_menu li a:hover:after{position:absolute;display:block;content:'●';font-size:0.5rem;left:0;top:50%;transform:translateY(-50%);transition:All .5s ease;}

.main .top_visual{ position: relative; overflow:hidden;height:auto;}
.main .top_visual .bgbox { position:relative; width:100%; height:100%; min-height:800px; float:left; background-color:#000; }
.main .top_visual .mv_bg { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.main .top_visual .mvisual1 {background:url('/img/main/main_bg1.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.main .top_visual .mvisual2 {background:url('/img/main/main_bg2.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.main .top_visual .mvisual3 {background:url('/img/main/main_bg3.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.main .top_visual .mvisual4 {background:url('/img/main/main_bg4.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.main .top_visual .mvisual5 {background:url('/img/main/main_bg5.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.main .top_visual .mvisual6 {background:url('/img/main/main_bg6.jpg') center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

.main .top_visual .slidetabs,
.main .top_visual a.backward,
.main .top_visual a.forward { display:none; }

.main .top_visual .slogan{position:absolute;color:#FFF;right:5%;bottom:10%;width:90%;}
.main .top_visual .slogan p{line-height:1.8;font-family: 'Noto Serif KR', serif;}

#section01{padding:150px 0 50px 0}
#section01 ul{overflow:hidden}
#section01 .box01 {float:left;width:85%;}
#section01 .box02 {float:right;width:15%;}
#section01 .box01 .tab-content.current{visibility:visible;position:relative;display: flex; align-items: center; justify-content: center;}
#section01 .box01 .tab-content{visibility:hidden;position:absolute;max-height:492px}
#section01 .video{float:left;width:75%;}
#section01 .video iframe{width:100%;min-height:492px}
#section01 .thum_tab{float:Right;width:25%;}
#section01 .thum_tab ul{overflow-y:scroll; height: 455px;}
#section01 .thum_tab li{padding:10px;overflow:hidden;background:#f0f0f0;cursor:pointer;border-bottom:1px solid #FFF}
#section01 .thum_tab li:last-child{border:none}
#section01 .thum_tab li.current{background:#6eab94;color:#FFF;}
#section01 .thum_tab img{float:left;margin:0 10px 0 0}
#section01 .thum_tab .view{display:Block;text-align:center;background:#b2b2b2;color:#FFF;padding:8.5px}
#section01 .thum_tab .view:hover{background:#3e6d5b;transition:All .3s ease;}
#section01 .box02 img{border:1px solid #cbcbcb;}
#section01 .fa{display:none}

#section02{padding:50px 0 150px 0}
#section02 .box01{float:left;width:60%}
#section02 .box02{float:right;width:38%;}
#section02 .box02 .info{background:#f0f0f0;padding:45px;text-align:center;}
#section02 .box02 .num{color:#6eab94;font-weight:500}
#section02 .box02 .info ul{overflow:hidden}
#section02 .box02 ul li a{display:block;padding:10px;color:#FFF}
#section02 .box02 ul li:nth-child(1) a{background:#6eab94;}
#section02 .box02 ul li:nth-child(2) a{background:#4f8470;margin:10px 0;}
#section02 .box02 ul li:nth-child(3) a{background:#3e6d5b;}


.counsel_wrap{background:#f7f6f4;padding:30px 0}
.counsel_wrap h1{font-size:40px;font-weight:300;letter-spacing:-2px;margin:0;line-height:2}
.counsel{color:#aaaaaa}
.select{margin-bottom:10px;overflow:hidden;}
.select li{float:left;width:19.7%;margin-right:1.3%;}
.select li:last-child{width:15%;margin:0}
.counsel input{border:none;padding:15px 0 15px 15px;width:100%;}
.counsel select{background:#FFF;border:none;padding:15px 0 15px 15px;width:100%;}
.counsel textarea{background:#FFF;border:none;padding:15px 0 15px 15px;width:100%;}
.counsel .submit{background:#5e8c7a;color:#FFF;padding:10px 0;font-size:1.5rem;}
.counsel .check{width:auto;margin:0 10px 0 0}
.counsel_wrap select {background: url('/img/main/btn_select.png') no-repeat 95% 50% #fff !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.counsel_wrap select::-ms-expand{display: none;}
.counsel_wrap input[type=submit]{-webkit-appearance:none;}

footer{clear:both;padding:80px 0;background:#424242;letter-spacing:1.1px;font-weight:300}
footer p{color:#FFF;}
footer a{color:#FFF}
footer .box01{float:left;width:60%;}
footer .box02{float:right;width:12%;}
footer .box02 ul{overflow:hidden}
footer .box02 ul li{float:left;width:33.333%;text-align:center;}
footer .btn_adm{background:#333;color:#FFF;margin:10px 0 0 0;display:inline-block;padding:5px;}

@media (max-width: 1400px){
	html, body{font-size:12px;}

	.visible-sm{display:block !important}
	.visible-lg{display:none !important}
	.hidden-sm{display:none !important}

	.container{width:90%;}

	#section01 .box01{width:100%}
	#section01 .box02{width:100%}

	#section02 .box{width:100%;}
	#section02 .box01{margin:0 0 20px 0;}
}


@media (max-width:1023px) {
	.pc_wrap{display:none;}
	.sitemap{display:none !important;}
	.m_wrap{display:block;background:#FFF;}
	.main_menu{display:none}

	#section01{padding:50px 0}
	#section01 .video{width:100%;}
	#section01 .thum_tab{width:100%;}
	#section01 .thum_tab ul{overflow: hidden; height: auto;}
	#section01 .thum_tab li{border:1px solid #FFF;}
	#section01 .thum_tab img{display:none;}
	#section01 .fa{display:block;font-size:1.5rem;float:left;margin:0 10px 0 0}

	#section02{padding:0 0 50px 0}

	footer .box02{width:30%;}

	#hd_pop{width:90% !important;}
   .hd_pops{width:100% !important;left: 0 !important;top: 50px !important;}
   .hd_pops img {width:100% !important;}
   .hd_pops_con {width:100% !important;height:auto !important;}
}

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

	html, body{font-size:11px;}
	.ft03{font-size:1.8rem;}
	.ft04{font-size:1.1rem;}
	.ft05{font-size:1.6rem;}

	#section01 .video iframe{min-height:300px}
	#section01 .thum_tab li:last-child{display:none}

	.select li{width:98% !important;margin:1% !important;}

	footer{padding:50px 0}
	footer .box01{width:100%;}
	footer .box02{width:35%;margin:20px 0 0 0}
}

#hd_pops_27 { z-index: 5; }