/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*초기화*/
html, body{height:100%!important;width:100%;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;background:#fff;letter-spacing: -1px;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-decoration: none;color: #666;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}


.pc_img{}
.m_img{display:none;}
.clear:after{display:block;content:"";clear:both}
.left{float:left}
.right{float:right}
.half_wrap {display: table;width: 100%;}
.half{width:50%}
.img-responsive{max-width:100%;}
.m-auto{margin:auto}

.Montserrat{font-family: 'Montserrat', sans-serif;}
.container{max-width:1200px;margin:auto}
.font18{font-size:18px;}
.font22{font-size:22px;}




/*header*/

header .header .h_top {background: #112741;font-size: 14px;}
header .header .h_top a{color:#fff;font-weight:300;padding: 10px 0;display:block}
header .header .link li{float: right;}
header .header .link li a{padding: 10px 15px;background:#153052;display:block}
header .header .link li.on a{background:#04152a}

header .header .login {margin: 0 auto;}
header .header .login:after {display: block;content: "";clear: both;}
header .header .login li {float: right;padding:0 20px;position: relative;top: 0;left: 0;}
header .header .login li:before {display: block;content: "";clear: both;width: 1px;height: 10px;background: #fff;position: absolute;top: 50%;margin-top: -4px;right: 0;}
header .header .login li:first-child:before {display: none;}
header .header .logo{width:35%;}
header .header .pc_menu_wrap{width:65%;}


header .header.on .menu_wrap{position: fixed;width: 100%;  z-index: 9999;background: rgba(255,255,255,0.9);}
header .header.on .pc_menu:hover {background: #fff;}
header .header .menu_wrap{padding:18px 0;position:relative;top:0;left:0;}
header .header .menu_wrap li.menu {float: left;font-size: 17px;text-align: center;width: 20%;}
header .header .menu_wrap li.menu > a{display: block;width: 100%;padding: 15px 0;}
header .header .wrap {position: absolute;top: 100%;width: 100%;border-top:1px solid #eee;z-index:99999;}
header .header .menu_pop:after{display: block;content: "";clear: both;}
header .header .menu_pop {width:100%;max-width: 100%;margin: auto;position: relative;display: none;z-index: 9999;background-color: #fff;}
header .header .menu_pop.on{border-bottom:3px solid #0c1d33}
header .header .min_menu{max-width:1200px;position:relative;margin:auto}
header .header .menu_bg {width: 36%;}
header .header .menu_list:after{display:block;content:"";clear:both;}
header .header .menu_list_wrap{padding: 30px 0;margin: 0;background-color: #fff;width: 64%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;}
header .header .menu_list {padding: 0 40px;border-left: 1px solid #eee;margin: 0;height:100%;}
header .header .menu_list li {float: left;width: 25%;margin-bottom: 2%;}
header .header .menu_list li a {font-size: 16px}

/*m_menu*/
header .menu_btn {position: absolute;top: 0;right: 0;    padding: 19px;cursor: pointer;z-index: 9999;}
header .m_btn {width: 27px;height: 22px;position: relative;}
header .menu_btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 2px;border-radius: 10px;background-color: #3d3a3a;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .menu_btn span:nth-child(1) {top: 0;}
header .menu_btn span:nth-child(2) {top: 9px;width: 70%;}
header .menu_btn span:nth-child(3) {top: 18px;}
header .menu_btn.open span{background-color: #fff;}
header .menu_btn.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
header .menu_btn.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
header .menu_btn.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

header .m_menu_wrap {position: fixed;top: 0;right: 0;width: 100%;z-index: 9998;background-color: #112741;bottom: 0;overflow: scroll;display:none}
header .m_menu {text-align: left;padding-bottom: 100px;padding-top:110px;position: relative;top: 0;left: 0;}
header .m_menu > ul > li > a {display: block;padding: 18px 50px;font-size: 1.3em;font-weight:600;position:relative;top:0;left:0;color: #fff; opacity: 0.6;text-align:center}
header .m_sub_menu li a {padding: 9px 50px;display: block;font-size: 1.1em;color: #fff;text-align:center}
header .m_sub_menu {display: none;}
header .m_menu > ul > li > a.active {opacity:1}
header .m_menu > ul > li > a .line {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;display: block;bottom: 8px;height: 3px;width: 0%;background: #fff;left: 76px;z-index: 9999;}
header .m_menu > ul > li > a.active .line {width: 30%;left: 50%;margin-left: -15%;}  
header .m_menu > ul.m_menu_ul > li > a:before {display: block;width: 14px;height: 14px;position: absolute;right:30%;top: 50%;margin-top: -10px;content: "\f107";font-size: 10px;font-weight: normal;line-height: 14px;}
header .m_menu > ul.m_menu_ul > li > a.active:before{color: #fff;}
header .m_login {position: absolute;bottom: 0;left: 50%;margin-left: -45%;text-align: center;width: 90%;border-top: 1px solid rgba(255, 255, 255, 0.1);}
header .m_login .mli_2w, header .m_login .mli_1w{display: inline-block;width: 15%;}
header .m_login .mli_2w a{padding: 18px 0;font-size: 1.8em;}
header .m_login .mli_1w a {padding: 22px 15px 22px 0;font-size: 1.4em;font-weight: normal;}
body.on {touch-action: none;}


/*main*/
.mainslide{max-width:1920px;margin:auto;position:relative;top:0;left:0;overflow:hidden}
.mainslide .swiper-slide{width:100%;height:725px;}
.mainslide .slider_txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1200px;}
.mainslide .slider_txt:after{display:block;content:"";clear:both;position:absolute;top:0;    right: -70px;bottom:0;width:70px;height:100%;background-color: rgba(0, 0, 0, 0.3);}
.mainslide .swiper-slide > img{height: 100%;width: auto;max-width: none;position: relative;left: 50%;transform: translatex(-50%);}
/*.mainslide .half{display:table-cell;vertical-align:middle}
.mainslide .half.img {position: relative;top: 0;left: 0;text-align: right;}
.mainslide .half.img:after{display:block;content:"";clear:both;position:absolute;top:0;    right: -70px;bottom:0;width:70px;height:100%;background-color: rgba(0, 0, 0, 0.3);}

*/

.mainslide .swiper-pagination{top: 50%;right: 50%;width: 70px;margin-right: -670px;transform: translateY(-50%);text-align: center;}
.mainslide .swiper-pagination-bullet {width: auto;height: auto;display: block;margin: auto;margin-bottom: 50px;background: transparent;font-size: 22px;color:#fff;opacity:1}
.mainslide .swiper-pagination-bullet-active{color:#e8b788;position:relative;top:0;left:0;opacity:1;  outline: none;}
.mainslide .swiper-pagination-bullet-active:after{display:block;content:"";clear:both;width:50%;height:2px;background-color:#e8b788;position:absolute;bottom:-5px;left:25%;}

.mainslide .gall_slide_tit{font-weight:lighter;  outline: none;}

.mainslide .swiper-button-prev,.mainslide .swiper-button-next {top: 50%;margin-top:-34px;width: 68px;height: 69px;background-position: center;background-repeat: no-repeat;background-size: 100%;text-indent: -9999px;}
.mainslide .swiper-button-prev {left: 0;background-image: url(/img/main/l_btn.jpg);}
.mainslide .swiper-button-next {right: 0;background-image: url(/img/main/r_btn.jpg);}

.section{padding:120px 0;margin:auto;text-align:center}
.main_con{margin-top:80px;}


.main .section01{max-width:1920px;margin:auto}
.main .section01 .main_con{position:relative;top:0;left:0}
.main .section01 .swiper-button-next, .main .section01 .swiper-button-prev {color: #333;top:35%}
.main .section01 .swiper-button-prev{left: 50%;margin-left: -18%;}
.main .section01 .swiper-button-next{right: 50%;margin-right: -18%;}
.main .section01 .best_img img{width:100%;}
.main .section01 .best_box ul:after{display:block;content:"";clear:both}
.main .section01 .best_box li{float:left;width:33.3333%;border-right:1px solid #ddd;margin:30px 0;}
.main .section01 .best_box li:first-child{border-left:1px solid #ddd}
.main .section01 .best_box li span{display:block;font-weight:300;}

.main .section01 .best_box li span.best_tit{color:#878787;margin-bottom:15px;}
.main .section01 .best_box li span.best_txt{line-height: 60px;}
.main .section01 .best_box li span.best_txt.h02 {line-height: 30px;}
.main .section01 .more_view{display:block;padding:15px 0;background-color:#112741;color:#e8b788}

.main .section02{max-width:1920px;margin:auto}
.main .section02 .inner{position: relative;top: 0;left: 0;}
.main .section02 .left.half {position: absolute;top: 0;left: 0;bottom: 0;height: 100%;}
.main .section02 .tabs{height: 100%;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.main .section02 .tabs:after {display: block;content: "";clear: both;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 10;position: absolute;top: 0;right: 0;}
.main .section02 .tabs > img{height: auto;filter: grayscale(100%);width: 110%;max-width: none;}
.main .section02 .tabs_img {position: absolute;top: 50px;right: 50px;z-index: 11;}
.main .section02 .r_bottom li{width:25%;float:left;overflow:hidden;height:350px;}
.main .section02 .r_bottom li a{display: block;height: 100%;position: relative;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}
.main .section02 .r_bottom img{ position: relative;transform: translateX(-50%);left: 50%;max-width: none;height: 100%;}
.main .section02 .r_bottom li:hover a {transform: scale(1.05);}
.main .section02 .r_bottom li:hover a:before {display: block;content: "+";clear: both;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;width: 50px;height: 50px;border: 1px solid #fff;z-index: 11;text-align: center;font-size: 28px;}
.main .section02 .r_bottom li:hover a:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.3;z-index: 10;display: block;content: "";clear: both;}

.main .section03 .half_wrap{width:100%;display:table;}
.main .section03 .half{display:table-cell;vertical-align:middle}
.main .section03 .half.txt{padding:0 50px;background-color:#f2f2f2}

.main .section03 .swiper-button-prev, .section03 .swiper-button-next{top:auto;bottom:0;width: 68px;height: 69px;background-position: center;background-repeat: no-repeat;background-size: 100%;text-indent: -9999px;}
.main .section03 .swiper-button-next{right: auto;left: 50%;background-image: url(/img/main/r_btn.jpg);}
.main .section03 .swiper-button-prev{left: auto;right: 50%;background-image: url(/img/main/l_btn.jpg);}
.main .section03 .more_view{display: inline-block;padding: 15px 0;width: 50%;border: 1px solid #333;margin-top: 50px;}
.main .section04 {background-image: url(/img/main/yourdan_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding:0}
.main .section04 .half{display:table-cell;vertical-align:middle}
.main .section05 .map{width:100%;height:100%;;padding: 0;border: 0;}

.main .section05 .container{position:relative;top:0;left:0}
.main .section05 .map_wrap{position:absolute;top:0;left:0;bottom:0;height:100%}
.main .section05 .map.root_daum_roughmap .wrap_map{    height: 100%;}

/*footer*/
footer .footer {background: #333;font-size:16px;}
footer .footer .container {padding: 70px 0;text-align: center;}
footer .f_sns{max-width:415px;margin:auto;margin-bottom:60px;}
footer .f_sns:after{display:block;content:"";clear:both}
footer .f_sns li {float:left;width:20%;}
footer .f_link {margin-bottom:30px}
footer .f_link li {display: inline-block;padding: 0 15px;border-right: 1px solid #fff;}
footer .f_link li:last-child {border-right: 0;}
footer .f_link li a{color:#fff}
footer .f_info li {display: inline-block;padding: 0 15px;border-right: 1px solid #fff;color:#fff;opacity:0.5}
footer .f_info li:last-child {border-right: 0;}
footer .f_copy{padding:20px 0;border-top:1px solid #717171;text-align:center;color:#717171;}

.quick {position: fixed;right: 15px;bottom: 100px;z-index: 9999;}
.q_list {display: none;}
.quick li {width: 100px;height: 100px;background: #fff;font-size: 15px;text-align: center;border-radius: 50%;display: table;margin-bottom: 15px;border: 1px solid #f4f4f4;}
.quick li a {display: table-cell;vertical-align: middle;}
.quick li span {display: block;margin-top: 5px;}
.quick li img {height: 40px;}
.quick .q_menu_wrap {width: 100px;height: 100px;text-align: center;display: table;border-radius: 50%;background: #ce9f71;}
.quick .q_menu {font-size: 20px;display: table-cell;vertical-align: middle;color: #fff;}
.top {font-size: 22px;text-align: center;display: block;margin-top: 10px;}
.top i {margin-right: 5px;}

.m_quick {position: fixed;bottom: 0;left: 0;right: 0;width: 100%; z-index: 9996;border-top:1px solid #e7e7e7}
.m_quick li {width: 25%;float: left;text-align: center;padding: 13px 0;background: #fff;}
.m_quick li:last-child a{border-right:0}
.m_quick li a{border-right:1px solid #e7e7e7;display:block}
.m_quick li img {height: 30px;}
.m_quick li span {font-size: 14px;display: block;margin-top:5px;}

.register {
    max-width: 1200px;
    margin: 80px auto;
}
#fregister p{    height: auto;
    line-height: normal;
    padding: 10px}
#fregister p:before{height: 100%;}

@media (max-width: 1500px){
	.main .section02 .r_bottom li{height:300px;}

}
@media (max-width: 1340px){
	.mainslide .slider_txt:after{right: 0;}
	.mainslide .swiper-pagination {margin-right: -600px;}
}

@media (max-width: 1200px){
	.container{padding:0 15px;}
	.mainslide .slider_txt {width:100%;left: 0;transform: translateY(-50%);}
	.mainslide .slider_txt:after{right:15px}
	.mainslide .swiper-pagination{right:15px;margin-right:0}
	.mainslide .swiper-pagination-bullet{font-size:20px;}
	.mainslide .swiper-slide{height:680px}

	.main .section01 .swiper-button-next, .main .section01 .swiper-button-prev {top:30%}
	
	.main .section02 .r_bottom li{height:250px;}
	
	.register{padding:0 15px;}

}
@media (max-width: 1040px){
	.section {padding: 80px 0;}
	.main_con {margin-top: 50px;}
	.mainslide .swiper-slide{height:600px}
	.mainslide .slider_txt:after{width:50px}
	.mainslide .swiper-pagination{width:50px;}
	.mainslide .swiper-pagination-bullet{font-size:18px;}

	.font22{font-size:20px;}

}
@media (max-width: 990px){
	.mainslide .swiper-slide{height:520px}
	.section01 .main_con {padding: 0 50px;}
	.main .section01 .swiper-button-next{right:8px;    margin-right: 0; }
	.main .section01 .swiper-button-prev{left:8px;margin-left: 0}
	.main .section02 .r_bottom li{height:200px;}

	.main .section02 .tabs > img {height: 100%;width: auto;}
}

@media (max-width: 768px){
	.pc_img{display:none}
	.m_img{display:block;}

	.half{width:100%;}
	.half_wrap {display: block}

	.font22{font-size:17px;}
	.font18{font-size:15px;}


	header .container {padding: 0;}
	header .link{width:100%}
	header .header .link li {width: 50%;text-align: center;}

	/*m_menu*/
	header .wrap{padding-bottom:70px;}
	header .header {position: relative;z-index:9997}
	header .header.on .h_bottom{position: fixed;top:0;width: 100%;border-bottom:1px solid #ddd}
	header .h_bottom {background: rgba(255,255,255,0.8);position: relative;text-align: center;}

	header .m_logo{padding:10px 0;display:block}
	header .m_logo img{height:40px;}
	header .h_bottom .tel{position:absolute;top:0;left:0;padding: 12px 19px;font-size: 24px;color:#3d3a3a}


	.section {padding: 50px 0;}
	.section .tit img {height: 50px;}
	.main_con {margin-top: 30px;}

	.mainslide .swiper-button-prev, .mainslide .swiper-button-next{display:none;}
	.mainslide .slider_txt {display:none;}
	.mainslide .swiper-pagination{display:none;}
	.mainslide .half{display:block;}
	.mainslide .swiper-slide{height:auto}
	.mainslide .swiper-slide > img{left:0;max-width:100%;left:0;transform:translatex(0);height:auto}
	.section01 .main_con {padding: 0 30px;}
	.main .section01 .swiper-button-next {right: 1px;}
	.main .section01 .swiper-button-prev {left: 1px;}

	.main .section02{padding:0}
	.main .section02 .left.half {position: relative;}

	.main .section02 .tabs > img {width: 100%;height: auto;}
	.main .section02 .tabs_img {position: absolute;top: 50%;right: 30px;left: 30px;z-index: 11;transform: translateY(-50%);}
	.main .section02 .r_bottom li{height: 150px;}

	.main .section03 .half_wrap{display:block}
	.main .section03 .half {display: block;}
	.main .section03 .swiper-button-prev, .section03 .swiper-button-next {top: 50%;width: 58px;height: 59px;display:none;}
	.main .section03 .swiper-button-next {left: auto;right: 0;}
	.main .section03 .swiper-button-prev {left: 0;right: auto;}
	.main .section03 .half.txt {padding:30px;}
	.main .section03 .more_view {width: 70%;margin-top: 30px;padding: 10px 0;}
	.main .section04 {padding: 50px 0;position: relative;}
	.main .section04 .half_wrap:after{display:block;content:"";clear:both}
	.main .section04 .half.doc{position: absolute;top: 0;left: -20%;bottom: 0;text-align: left;z-index: 1;}
	.main .section04 .half.doc img{height: 100%;margin: 0;}

	.main .section04 .half.award{position: relative;z-index: 1;width: 80%;float: right;}
	.main .section04 .tit img{height: auto;width: 100%; }

	.main .section05 .map_wrap{position: relative;}
	.main .section05 .map{height:300px;}

	footer .footer{font-size:13px;    padding-bottom: 90px;}
	footer .f_sns {padding: 0 15px;}

	.top {font-size: 40px;position: fixed;bottom: 90px;left: 15px;color: #ce9f71;line-height: 18px;z-index: 9996;margin-top: 0;}

	.register {
    margin: 50px auto;
	
}

}