/*body{overflow-x: hidden;}*/
body.n-scroll{overflow: hidden;}


/* ==================
	* header
=================== */
.header-wrap{width: 100%;border-bottom: 1px solid #dfdfdf;}
.top{height: 50px;background: #f6f6f6;border-bottom: 1px solid #dfdfdf;text-align: right;}
.top-menu{padding: 15px 0;}
.top-login-form{display: inline-block;}
.top-login-form .form-control{width: 110px;height: 25px;padding: 0 5px;border: 1px solid #dddddd;background: #fff;font-size: 13px;}
.top-login-form .btn{width: 50px;height: 23px;padding: 0;background: #2b63b8;font-size: 13px;}
.top-login-form *{vertical-align: middle;}
.top-menu{display: inline-block;margin-left: 50px;}
.top-menu li{display: inline-block;}
.top-menu li a{color: #161616;line-height: 1;}
.top-menu li:not(:first-child) a{position: relative;padding-left: 12px;margin-left: 8px;}
.top-menu li:not(:first-child) a:before{display: block;content: '';clear: both;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 14px;background: #5c5c5c;}

#header{position: relative;}
.sub-gnb-wrap{display: none;position: absolute;left: 0;z-index: 1;top: 100%;width: 100%;max-width: 1120px;height: 330px;background: #fff;border: 1px solid #dfdfdf;}
#header:after{display: block;content: '';clear: both;}
#header h1{float: left;padding: 28px 0;}
#header h1 a{display: block;}
.login-txt b{color: #2b63b8;font-weight: 500;vertical-align: top;}
nav{float: left;width: calc(100% - 215px);}
#gnb{position: relative;}
#gnb:after{display: block;content: '';clear: both;}
#gnb > li{float: left;position: relative;width: 20%;text-align: center;}
#gnb > li > a{display: block;padding: 47px 0;font-size: 16px;color: #414141;}
#gnb > li > a:hover{color: #01048f;}
#gnb > li > .sub-gnb{display: none;position: absolute;z-index: 2;width: 100%;padding-top: 15px;}
#gnb > li > .sub-gnb > li{text-align: center;width: 100%;}
#gnb > li > .sub-gnb > li > a{font-size: 14px;line-height: 32px;}
#gnb > li > .sub-gnb > li > a:hover{color: #01048f;}
.btn-allmenu, .btn-menu{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;}	
.btn-allmenu span, .btn-menu span{display: block;width: 33px;height: 5px;background: #353535;border-radius: 3px;}
.btn-allmenu span:nth-child(2), .btn-menu span:nth-child(2){margin: 5px 0;}
.allmenu-wrap{display: none;position: absolute;top: 161px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 10;width: 100%;margin: 0 auto;padding: 80px 0 100px;background: #fff;text-align: center;}
.allmenu-wrap h3{padding: 0 0 60px;font-size: 25px;font-weight: 500;color: #42429b;}
.allmenu-list:after{display: block;content: '';clear: both;}
.allmenu-list{padding-bottom: 200px;}
.allmenu-list > li{float: left;width: calc((100% - 121px)/5);}
.allmenu-list > li:not(:first-child){margin-left: 30px;}
.allmenu-list > li .tit{display: block;padding-bottom: 10px;border-bottom: 1px solid #26a6c4;font-size: 18px;font-weight: 500;color: #000;}
.allmenu-list > li > ul{padding-top: 15px;}
.allmenu-list > li > ul > li > a{display: block;line-height: 30px;font-size: 15px;font-weight: 300;}
.btn-allmenuclose{display: inline-block;padding: 15px 60px;border: 1px solid #cccccc;border-radius: 50px;font-size: 16px;}

/* ==================
	* container
=================== */
#container{width: 100%;padding: 30px 0;}
#container:after{display: block;content: '';clear: both;}
.conbox:after{display: block;content: '';clear: both;}
.conbox:not(:first-child){margin-top: 25px;}
.visual{float: left;position: relative;width: 647px;}
.visual .slick-dots{position: absolute;right: 80px;bottom: 45px;}
.visual .slick-dots li{display: block;float: left;width: 9px;height: 9px;background: #cccccc;border-radius: 50%;font-size: 0;line-height: 0;}
.visual .slick-dots li:not(:first-child){margin-left: 12px;}
.visual .slick-dots li.slick-active{background: #85daea;}
.visual .slick-arrow{display: block;position: absolute;bottom: 35px;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 0 0;font-size: 0;line-height: 0;}
.visual .slick-prev{display: none !important;left: 35px;background-image: url('/include/img/btn-visual-prev.png');z-index: 1;}
.visual .slick-next{right: 35px;background-image: url('/include/img/btn-visual-next.png');}
.quick-link{float: right;width: 446px;}
.quick-link:after{display: block;content: '';clear: both;}
.quick-link-box{display: block;float: left;width: 50%;height: 225px;padding: 20px;background-repeat: no-repeat;background-position: right 30px top 30px;}
.quick-link-box:nth-child(1){background-color: #4695df;background-image: url('/include/img/ic-quick1.png');}
.quick-link-box:nth-child(2){background-color: #2b63b8;background-image: url('/include/img/ic-quick2.png');}
.quick-link-box:nth-child(3){background-color: #4a5acc;background-image: url('/include/img/ic-quick3.png');}
.quick-link-box:nth-child(4){background-color: #637ace;background-image: url('/include/img/ic-quick4.png');}
.quick-link-box .tit{display: block;padding-top: 110px;padding-bottom: 20px;font-size: 20px;font-weight: 500;color: #fff;}
.quick-link-box .txt{font-size: 13px;color: #fff;line-height: 17px;}
.icon-link{width: 545px;float: left;}
.icon-link:after{display: block;content: '';clear: both;}
.icon-link-box{display: block;padding: 25px 0;float: left;width: 25%;height: 228px;border: 1px solid #d8d8d8;border-left: 0;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.icon-link-box:nth-child(1){border-left: 1px solid #d8d8d8;}
.icon-link-box:hover{background: #2b63b8;}
.icon-link-box:hover .tit{color: #fff;}
.icon-link-box:hover .btn-link{background-image: url('/include/img/btn-link-on.png');}
.icon-link-box .tit{display: block;min-height: 50px;margin-bottom: 25px;font-size: 20px;color: #2b3c9c;font-weight: 500;line-height: 25px;letter-spacing: -0.2px;text-align: center;}
.icon-link-box .icon-wrap{display: block;margin-bottom: 25px;width: 100%;height: 52px;background-position: center;background-repeat: no-repeat;}
.icon-link-box:nth-child(1) .icon-wrap{background-image: url('/include/img/ic-link1.png');}
.icon-link-box:nth-child(2) .icon-wrap{background-image: url('/include/img/ic-link2.png');}
.icon-link-box:nth-child(3) .icon-wrap{background-image: url('/include/img/ic-link3.png');}
.icon-link-box:nth-child(4) .icon-wrap{background-image: url('/include/img/ic-link4.png');}
.icon-link-box:nth-child(1):hover .icon-wrap{background-image: url('/include/img/ic-link1-on.png');}
.icon-link-box:nth-child(2):hover .icon-wrap{background-image: url('/include/img/ic-link2-on.png');}
.icon-link-box:nth-child(3):hover .icon-wrap{background-image: url('/include/img/ic-link3-on.png');}
.icon-link-box:nth-child(4):hover .icon-wrap{background-image: url('/include/img/ic-link4-on.png');}
.icon-link-box .btn-link{display: block;width: 21px;height: 19px;margin: 0 auto;background-image: url('/include/img/btn-link.png');background-repeat: no-repeat;background-position: 0 0;}
.board-box{float: right;width: 547px;height: 228px;}
.tabmenu:after{display: block;content: '';clear: both;}
.tabmenu li{float: left;}
.tabmenu li.on a{background: #2b63b8;color: #fff;}
.tabmenu li a{display: block;padding: 15px;background: #eeeeee;color: #8c8c8c;font-size: 16px;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.tabcon{position: relative;width: 100%;height: 184px;padding: 20px;border: 1px solid #dddddd;}
.board-tit{display: block;font-size: 15px;color: #333333;font-weight: 500;}
.board-list > ul{margin-top: 20px;}
.board-list > ul li a{display: block;font-size: 13px;color: #333333;line-height: 22px;}
.board-list > ul li a:after{display: block;content: '';clear: both;}
.board-list .subject{overflow: hidden;display: inline-block;width: calc(100% - 55px);text-overflow: ellipsis;white-space: nowrap;}
.board-list .subject2{max-width:60%;}
.board-list .date{display: inline-block;width: 50px;float: right;color: #aaa;}
a.btn-more{display: inline-block;position: absolute;right: 0;top: -30px;font-size: 13px;color: #2d5dd6;}
a.btn-more i{font-weight: bold;}

.banner-wrap{width: 100%;height: 75px;border: 1px solid #dddddd;}
.banner-wrap:after{display: block;content: '';clear: both;}
.banner-rolling{position: relative;padding: 14px 0;}
.banner-rolling > a{display: block;height: 45px;}
.banner-rolling .slick-list{margin: 0 40px;}
.banner-rolling .slick-slide{margin: 0 13px;}
a.btn-arrow{display: block;position: absolute;top: 0;width: 17px;height: 100%;padding: 30px 0;margin: 0;background: #c7c7c7;color: #fff;text-align: center;}
a.btn-prev{left: 0;}
a.btn-next{right: 0;}


.board-box{float: left;width: calc((100% - 21px)/2);}
.tab-menu{margin-bottom: 25px;}
.tab-menu li{float: left;position: relative;}
.tab-menu li:not(:first-child){padding-left: 21px;margin-left: 15px;}
.tab-menu li:not(:first-child):before{display: block;content: '';clear: both;position: absolute;top: 5px;left: 0;width: 9px;height: 9px;background: url('/include/img/bg-slash.png') no-repeat 0 0;}
.tab-menu li a{color: #aaaaaa;font-size: 20px; font-weight:500}
.tab-menu li.on a{color: #000;}
.tab-con{position: relative;}
/* ==================
	* footer
=================== */
.footer-wrap{width: 100%;padding: 15px 0 30px;background: #e8e8e8;color: #3c3c3c;}
.footer-menu{padding: 0 0 20px;text-align: right;}
.footer-menu-list{display: inline-block;}
.footer-menu-list > li{display: inline-block;margin-left: 30px;}
.footer-menu-list > li a{font-size: 12px;line-height: 22px;}
.footer-logo{display: inline-block;vertical-align: top;}
.footer-con{display: inline-block;padding-left: 110px;font-size: 13px;line-height: 22px;}

.modal-content .modal-title{font-size: 18px;font-weight: 500;color: #000;}
.modal-content .close{font-size: 30px;opacity: 1;}
.modal-content .modal-body{font-size: 14px;color: #666;font-weight: 300;line-height: 1.5em;}
.modal-content .tit, .modal-content h3{margin:30px 0 20px; display: block; font-size: 16px;font-weight: 500;color: #000;}
.modal-content strong{margin:20px 0 5px; display: block;font-weight: 500; color: #000;}

/* ==================
	* common
=================== */
#dim{display: none;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);}
.layer1120{max-width: 1120px;margin: 0 auto;}
.t-show{display: none;}

/* ==================
	* media
=================== */
@media screen and (max-width:1200px) {
	.top{position: fixed;top: 0;right: -100%;z-index: 11;width: 80%;height: auto;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.7);text-align: left;}
	.top .t-show h1{text-align: center;}
	.top .t-show h1 img{height: 50px;max-width: 100%;}
	.top .t-show h1 a{display: block;padding: 5px 0;}
	.top-login-form{background: #f6f6f6;}
	.top-login-form .form-group{display: block;width: 100%;}
	.top-login-form .form-control{display: inline-block;width: calc(100% - 55px);margin: 2px 0;}
	.top-login-form .btn{height: 53px;margin-top: -30px;}
	.top-menu{display: none;}
	.top-login-form{display: block;padding: 15px 20px;}
	.top-login-form .form-group{margin-bottom: 7px;}
	.top-login-form .btn-wrap{padding: 0;} 
	.top-login-form .btn-wrap .btn{width: auto;height: auto;padding: 3px 5px;background: #fff;font-size: 12px;}
	#header h1{padding: 5px 0;}
	#header h1 a img{height: 50px;max-width: 100%;}
	nav{position: fixed;top: 175px;right: -100%;z-index: 11;width: 80%;height: 100%;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.7);} 
	/* �α��� �Ǿ����� top 130 */
	#gnb{overflow-y: auto;height: 100%;padding-bottom: 200px;}
	#gnb > li{float: none;width: 100%;border-bottom: 1px solid #dfdfdf;}
	#gnb > li > .sub-gnb{position: static;padding-top: 0;background: #2b63b8;}
	/* #gnb > li:last-child .sub-gnb{margin-bottom: 100px;} */
	#gnb > li > .sub-gnb > li{text-align: left;padding: 5px 20px;}
	#gnb > li > .sub-gnb > li:not(:first-child){border-top: 1px solid rgba(255,255,255,0.1);}
	#gnb > li > .sub-gnb > li > a{display: block;color: #fff;}
	#gnb > li > .sub-gnb > li > a:hover{color: #fff;}
	#gnb > li > a{padding: 15px 20px;text-align: left;}
	#gnb > li > i{display: block;position: absolute;top: 15px;right: 20px;font-size: 18px;}
	#gnb > li > i.on{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	.sub-gnb-wrap{display: none !important;}	
	#header{padding: 0 15px;}
	#header .btn-close{display: block;position: absolute;top: -175px;left: -35px;z-index: 11;width: 35px;height: 35px;text-align: center;}
	#header .btn-close i{display: block;width: 100%;padding: 2px 0;color: #fff;font-size: 30px;}
	.btn-allmenu{display: none;}
	.btn-menu{right: 15px;}
	.btn-allmenu span, .btn-menu span{width: 30px;}
	.allmenu-wrap{display: none !important;}

	#container{padding: 0;}
	.visual{width: 100%;float: none;}
	.visual .slick-slide img{width: 100%;max-width: 100%;}
	.quick-link{float: none;width: 100%;padding: 0 15px;margin-top: 30px}
	.quick-link-box{width: 25%;}
	.icon-link{float: none;width: 100%;padding: 0 15px;}
	.board-box{float: none;width: 100%;height: auto;margin-top: 30px;padding: 0 15px;}
	.banner-con{padding: 0 15px 30px;}

	.footer-wrap{padding: 15px 15px 30px;}
	.footer-logo{display: none;}
	.footer-con{padding-left: 0;}

	.t-show{display: block;}
}

@media screen and (max-width:768px) {
	#gnb > li > a:hover{color: #414141;}
	.quick-link-box{width: 50%;height: 150px;padding: 20px 15px;background-size: 50px;background-position: right 15px bottom 20px;}
	.quick-link-box .tit{padding-top: 0;padding-bottom: 10px;font-size: 16px;}
	.icon-link-box{width: 50%;height: 120px;padding: 20px 15px;}
	.icon-link-box:nth-child(-n+2){border-bottom: 0;}
	.icon-link-box:nth-child(2n+1){border-left: 1px solid #d8d8d8;}
	.icon-link-box .tit{display: inline-block;min-height: auto;margin-bottom: 10px;text-align: left;font-size: 16px;line-height: 20px;}
	.icon-link-box .icon-wrap{display: inline-block;float: right;width: 45px;margin-bottom: 0;background-size: 100%;}
	.icon-link-box .btn-link{display: block;width: 100%;}
	.banner-wrap{height: 60px;}
	.banner-rolling{padding: 7px 0;}
	.banner-rolling .slick-list{margin: 0 30px;}
	a.btn-arrow{height: 58px;padding: 22px 0;}
	.tabmenu li a{font-size: 14px;}
	.tabcon{height: 175px;padding: 15px;}
	.board-list > ul{margin-top: 15px;}

	.footer-wrap{padding: 15px;}
	.footer-menu{padding: 0 0 10px;}
	.footer-menu-list > li{margin-left: 15px;}
	.footer-con{line-height: 18px;font-size: 12px;}
}