/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*초기화*/
html{transition:transform 1000ms ease-out}
body{font-weight:400}
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.3s ease;transition: all 0.3s ease;text-decoration: none;color: #000;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:500}

/*common*/
.img-responsive{max-width:100%; display:block; width:auto;}
.m-auto{margin:auto}
.clear:after{display:block;content:"";clear:both}

.m_img{display:none!important}
.pc_img{display:block!important}

.left{float:left}
.right{float:right}
.container{max-width:1260px;margin:auto}
.w-40{width:40%}

.half_wrap{display:table;width:100%}
.half_wrap > div{display:table-cell;vertical-align:middle}
.half{width:50%}
.hide{display:none;}
.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);display: none;z-index: 9998;}


header.on{padding-top:110px;}
header .header {width: 100%;top: 0;left: 0;z-index: 9996;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;}
header.on .header {position: fixed;background: rgba(255,255,255,0.9);}
header .header .h_top {background: #ededed;}
header .header .h_top .login li{float:left;padding-left:15px;}
header .header .h_top .login li a{padding:5px 0;color:#444444;display:block;font-size:15px;opacity:0.5}

header .header .h_bottom:after{display:block;content:"";clear:both;}
header .header .logo{float:left;width:20%;padding:23px 15px}
header .header .logo img{float:left;}
header .header .pc_menu{float:left;width:80%;font-size:18px;}
header .header .pc_menu > ul:after{display:block;content:"";clear:both;}
header .header .pc_menu .menu {float:left;width:16.6666%;text-align:center;position:relative;top:0;left:0;}

header .header .pc_menu .menu .menu_a {padding: 25px 0;display: block;}
header .header .pc_menu .menu .menu_a.on {background: #1169ab;color: #fff;}
header .header .pc_menu .menu .sub_menu_wrap{background: #1169ab;color: #fff;font-size: 16px;width: 100%!important;position: absolute;top: 100%;left: 0px;padding-top: 0px!important;-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align: center;z-index: 9999;}

header .header .pc_menu .menu .sub_menu_wrap .sub_menu_a {padding: 15px 0;display: block;color: #fff;position: relative;}


/*mobile*/
header .m_menu{position: fixed;top: 0;right: -280px;bottom: 0;width: 280px;height: 100%;background:#fff;z-index:9999;letter-spacing: 0px;overflow-y: scroll;}

header .header .menu_btn {display: block;width: 25px;height: 15px;top: 50%;margin-top: -7.5px;right: 15px;position: absolute;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
header .header .menu_btn > div {display: block;width: 100%;text-indent: -9999px;border: none;background: none;}
header .header .menu_btn .btn_line {display: block;width: 100%;height: 1px;position: absolute;left: 0;background: #000;-webkit-transition: background 300ms;transition: background 300ms;}
header .header .menu_btn .btn_line01 {top: 0;}
header .header .menu_btn .btn_line02 {top: 7px;}
header .header .menu_btn .btn_line03 {bottom: 0;}
header .m_menu.on .m_menu_close {right:290px;position: fixed;}
header .m_menu .m_menu_close{width: 27px; right: 0;height: 22px;position: absolute;top: 10px;}
header .m_menu .m_menu_close span{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #fff;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .m_menu .m_menu_close span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
header .m_menu .m_menu_close span:nth-child(2) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
header .m_menu .menu.menu01 {margin-top: 10px;}
header .m_menu .menu > .menu_a {display: block;font-size: 15px;padding: 20px 25px;position: relative;top: 0;left: 0;}
header .m_menu .sub_menu_wrap{display:none;background-color: #f5f5f5;padding: 10px 0;}
header .m_menu .sub_menu_wrap.nav_hide {display:none!important}
header .m_menu .sub_menu_wrap .sub_menu_a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0}
header .m_menu .menu > .menu_a.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;height: 10px;width: 1px;opacity:1;background: #000;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .m_menu .menu > .menu_a.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 10px;height: 1px;background: #000;}
header .m_menu .menu.active > .menu_a:before {-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity:0}




header .m_menu .sub_tel  {padding:15px;font-size: 17px;background: #ededed;}
header .m_menu .sub_tel .sub_nav_tit i{margin-left:10px;}
header .m_menu .sub_tel .tel {font-size: 1.5em;font-weight: bold;}
header .m_menu .sub_tel .sub_nav_desc {font-size: 0.8em;color: #96652b;margin-top: 5px;}

header .m_menu .m_login li {width: 50%;float: left;text-align: center;font-size: 15px;background: #1169ab;border-right:1px solid #fff}
header .m_menu .m_login li a{color: #fff;padding: 13px 0;display: block;}
header .m_menu .m_login li.mli_1w {width: 100%;border-top: 1px solid #fff;}
header .m_menu .m_login li.mli_2w:last-child {border-right: 0;}
.mainslide .swiper-slide .half{position:absolute;top:50%;right:0;transform: translateY(-50%);}

.mainslide .swiper-slide .mainslide_tit > div{opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all 1s ease;transition: all 1s ease;}
.mainslide .swiper-slide-active .mainslide_tit > div{-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);opacity: 1;}


.mainslide .swiper-slide .mainslide_tit .slogan01{font-size:22px;transition-delay: 0.3s;}
.mainslide .swiper-slide .mainslide_tit .slogan02{font-size:60px;margin-top:10px;transition-delay: 0.5s;}
.mainslide .swiper-slide .mainslide_tit .slogan03{transition-delay: 0.7s;}

.main .section{padding:80px 0;text-align:center}
.main .main_tit{font-size:42px;font-weight:500}
.main .main_txt{font-size:26px;margin-bottom:15px;}
.main .main_con{margin-top:80px;}
.main .main_con_tit{font-size:24px}
.main .main_con_txt{font-size:18px;margin-top:15px;}



.main .sct01 .notice_box {width: 33.3333%;float: left;padding: 40px 0;height: 220px;display: table;box-sizing: border-box;}
.main .sct01 .notice_box .inner {padding: 0 50px;width: 100%;display: table-cell;vertical-align: middle;}
.main .sct01 .notice_box.no01{background-color:#1169ab;background-image:url(/img/main/no01.png);background-size:auto;background-repeat:no-repeat;background-position:bottom right;color:#fff;}
.main .sct01 .notice_box.no02{background-color:#fff;}
.main .sct01 .notice_box.no03{background-color:#f6f6f6;}
.main .sct01 .notice_box .no_con li .date {float: right;}

.main .sct01 .notice_box .no_tit{font-size:22px;}
.main .sct01 .notice_box .no_con{font-size:18px;margin-top:15px;}
.main .sct01 .notice_box .no_con li{margin-bottom:5px;}
.main .sct01 .notice_box .no_con li:last-child{margin-bottom:0}
.main .sct01 .notice_box .no_con .desc{margin-top:15px;font-size:0.8em}
.main .sct01 .notice_box .no_con1{margin-top:15px;}
.main .sct01 .notice_box .no_con1 .no_num {font-weight:bold;letter-spacing:1px;font-size: 36px;color: #1169ab;}
.main .sct01 .notice_box .no_con1 span.c_gray {color: #aaa;font-size: 16px;}


.main .sct02 {padding-bottom:0!important}
.main .sct02 .btn_icon:after{display:block;content:"";clear:both}
.main .sct02 .btn_icon li {float: left;width: 9.1111%;margin-right: 2.25%;}
.main .sct02 .btn_icon li:last-child {margin-right: 0;}
.main .sct02 .btn_icon .icon_img {display: table;width: 100%;border: 5px solid #eee;border-radius: 50%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.main .sct02 .btn_icon li:hover .icon_img {background: #eee;}
.main .sct02 .btn_icon .icon_txt{font-size:18px;margin-top:15px;text-align:center}
.main .sct02 .btn_icon .icon_img span{display:table-cell;vertical-align:middle}
.main .sct02 .banner{margin-top:50px;position:relative;top:0;left:0}
.main .sct02 .banner .banner_txt{position:absolute;top:50%;left:80px;text-align:left;transform: translateY(-50%);}

.main .sct03 .half.txt{padding:0 80px;text-align:left}
.main .sct03 .half.txt .doc_list li {margin-bottom: 5px;padding-left: 20px;position:relative;top:0;top:0}
.main .sct03 .half.txt .doc_list li:last-child{margin-bottom:0}
.main .sct03 .half.txt .doc_list li:after {display: block;content: "";clear: both;width: 5px;height: 5px;border-radius: 50%;position: absolute;top: 50%;margin-top: -2.5px;left: 2.5px;background: #333;}
.main .sct03 .half.txt .main_con_tit b{font-size:1.2em;margin-right:5px;}

.main .sct04 .map{width:100%;padding:0;border:0}
.main .sct04 .root_daum_roughmap .wrap_map{height:500px;}

.main .sct04 {position:relative;top:0;left:0;overflow: hidden;}
.main .sct04 .container{position:relative;top:0;left:0;}
.main .sct04 .map_box {position: absolute;right:50px;top:50%;transform: translateY(-50%);z-index: 9990;}

.main .sct04 .map_box .map_desc{background:rgba(255,255,255,0.9);padding:50px;text-align:center;border: 1px solid #ff9100;}
.main .sct04 .map_box .map_desc .main_con {margin-top: 0;}

.main .sct04 .map_box .map_desc li.half_wrap {padding-bottom: 50px;}
.main .sct04 .map_box .map_desc li.half_wrap:last-child {padding-bottom: 0;}
.main .sct04 .map_box .map_desc li.half_wrap .icon {width: 10%;display: table-cell;    vertical-align: middle;}
.main .sct04 .map_box .map_desc li.half_wrap .desc {margin-top: 0;display: table-cell;vertical-align: middle;padding-left: 20px;text-align: left;}
.main .sct04 .map_box .map_desc li.half_wrap:last-child {border-bottom: 0;}
.main .sct04 .map_box .map_desc li.half_wrap .desc span {color: #ff9100;font-size: 1.2em;}


footer .footer{background:#2f2f2f;padding:80px 0;color:#fff;}
footer .footer :after{display:block;content:"";clear:both}
footer .footer .f_logo{width:15%;float:left}
footer .footer .f_desc{width:85%;padding-left:50px;float:left;text-align:left;font-size:15px;}
footer .footer .f_desc .f_list:after{display:block;content:"";clear:both}
footer .footer .f_desc .f_list li{float:left;}
footer .footer .f_desc .f_list li a{padding:0 30px;border-left:1px solid #fff;display:block;color:#fff;}
footer .footer .f_desc .f_list li:first-child a{border-left:none;padding-left:0}
footer .footer .f_desc .f_info{margin-top:15px;}


@media (max-width: 1260px){
	.main .main_tit{font-size:28px;}
	.main .main_con_tit{font-size:20px;}


	.mainslide .swiper-slide .mainslide_tit .slide_tit{font-size:40px;}
	.mainslide .swiper-slide .mainslide_tit .slide_txt {font-size: 20px;}

	.main .sct01 .container{padding:0}
	.main .sct01 .notice_box .inner {padding: 0 30px;}

	.main .sct02 .btn_icon{padding:0 15px;}

	.main .sct03 .container{padding:0 15px;}

	footer .footer .container{padding:0 15px;}
}

@media (max-width: 990px){
	.main .main_tit{font-size:26px;}
	.main .main_txt {font-size: 15px;}
	.main .main_con_tit{font-size:18px;}
	.main .main_con_txt {font-size: 15px;}
	.main .main_con{margin-top:50px;}
	.main .section{padding:80px 0;}

	.mainslide .swiper-slide .mainslide_tit .slide_tit{font-size:36px;}
	.mainslide .swiper-slide .mainslide_tit .slide_txt {font-size: 19px;}

	.main .sct01 .notice_box.no01 {width: 100%;}
	.main .sct01 .notice_box {width: 50%;}
	.main .sct01 .notice_box .no_con{font-size:15px;}
	.main .sct01 .notice_box .no_tit{font-size:20px;}

	.main .sct02 .btn_icon {text-align:center}
	.main .sct02 .btn_icon li{width:17%;display:inline-block;float:none;margin-right:0;padding:10px;}
	.main .sct02 .btn_icon .icon_txt{font-size:16px;}

	.main .sct02 .banner .banner_txt{left:50px;}
	.main .sct04 .map_box{width:50%;}

	.main .sct04 .root_daum_roughmap .wrap_map {height: 300px;}
}


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

	.w-40{width:100%!important}
	.half_wrap{display:block;}
	.half_wrap > div{display:block;}
	.half{width:100%}
	.main .section{padding:50px 0;}
	.main .main_txt{margin-bottom:8px;}
	.main .main_con_txt{margin-top:10px;}

	header.on{padding-top:68px;}
	header .header .logo {width: auto;}
	header .header .logo img{height:28px;}
	
	.mainslide .swiper-slide .half {top: 10%;right: 0;transform: translateY(0);text-align: center;}
	.mainslide .swiper-slide .mainslide_tit .slide_tit{font-size:30px;}
	.mainslide .swiper-slide .mainslide_tit .slide_txt{font-size:17px}

	.main .sct01 .notice_box {width:100%;border-bottom:1px solid #ddd;height: auto;padding: 30px 0;}
	.main .sct01 .notice_box .inner{padding:0 30px;}
	.main .sct01 .notice_box.no02 .inner {border-right: 0;}
	.main .sct01 .notice_box .no_con1 .no_num{font-size:32px}
	.main .sct01 .notice_box .no_con1 span.c_gray{font-size:15px;}

	.main .sct02 .btn_icon li{width:32.3333%;}
	.main .sct02 .btn_icon .icon_txt {font-size: 15px;}
	.main .sct02 .banner .banner_txt {left: 0;text-align: center;width: 100%;}
	.main .sct02 .banner .banner_txt > div {transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}

	.main .sct03 .half.txt {padding: 15px;text-align: left;}
	.main .sct04 .map_box {position: relative;top: 0;right: 0;transform: translateY(0);}
	.main .sct04 .map_box .map_desc {padding: 30px;transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0}
	.main .sct04 .root_daum_roughmap .wrap_map {height: 280px;}
	footer .footer {padding: 50px 0;}
	footer .footer .f_logo {width: 100%;text-align: center;margin-bottom: 30px;}
	footer .footer .f_logo img{height:40px;}
	footer .footer .f_desc {width: 100%;padding-left: 0;text-align: center;}
	footer .footer .f_desc .f_list li {display: inline-block;float: none;}
	footer .footer .f_desc .f_list li a {padding: 0 15px;}

	#hd_pop{width:100% !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: 500px){
	.mainslide .swiper-slide .half {top: 8%;}
	.main .sct02 .btn_icon .icon_txt {font-size: 13px;}
	footer .footer .f_desc .f_list li a {padding: 0 5px;font-size: 13px;}
}