@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*  기본 레이아웃
/*-----------------------------------------------------------------------------------*/


/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
#main{height:100%;display:block;}

.container {max-width:1430px;margin:0 auto;position:relative;}
.container2 {max-width:1430px;margin:0 auto;}
.container-full {width:calc(100% - 180px);margin:0 90px;position:relative;}

@media (max-width: 1780px) {
	.container {width:100%;padding-left:15px;padding-right:15px;}
}
#contentWrap {position: relative;width: 100%;overflow:hidden;padding-top:105px;}
@media (max-width: 1199px){
	#contentWrap {padding-top: 70px;}
}


/*-----------------------------------------------------------------------------------*/
/*  header
/*-----------------------------------------------------------------------------------*/
#topMenu{background-color:#32415e;width:100%;height:35px;position:relative;}
#topMenu:after{display:block;content:'';}
#topMenu ul.siteUL {width:auto;position:absolute;right:0;border-left:1px solid #203150;}
#topMenu ul.siteUL li{float:left;width:auto;padding:0 20px 0 40px;height:35px;border-right:1px solid #203150;}
#topMenu ul.siteUL li a{color:#fff;line-height:32px;font-size:.9rem;font-weight:400;}
#topMenu ul.siteUL li:nth-child(1){background:#32415e url(../img/common/icon_top_02w.png) no-repeat 15px 7px;background-size:20px 20px;}
#topMenu ul.siteUL li:nth-child(2){background:#32415e url(../img/common/icon_top_01w.png) no-repeat 15px 7px;background-size:20px 20px;}
#topMenu ul.siteUL li:nth-child(3){background:#32415e url(../img/common/icon_top_03w.png) no-repeat 15px 7px;background-size:20px 20px;}
#topMenu ul.siteUL li:hover{background-color:#4572c3;}

#topMenu.whiteMenu{background-color:#fff;border-bottom:1px solid #ddd;}
#topMenu.whiteMenu ul.siteUL {border-left:none;}
#topMenu.whiteMenu ul.siteUL li {position:relative;padding:0 20px;border:none;}
#topMenu.whiteMenu ul.siteUL li:after {position:absolute;top:15px;left:0;content:'';width:2px;height:2px;background-color:#444;display:block;}
#topMenu.whiteMenu ul.siteUL li:first-child:after {display:none;}
#topMenu.whiteMenu ul.siteUL li a{color:#000;}
#topMenu.whiteMenu ul.siteUL li:nth-child(1){background:none;}
#topMenu.whiteMenu ul.siteUL li:nth-child(2){background:none;}
#topMenu.whiteMenu ul.siteUL li:nth-child(3){background:none;}
#topMenu.whiteMenu ul.siteUL li:hover{background-color: transparent;}


@media (max-width: 1199px) {
	#topMenu{display:none;}
}



/* Header */

@media (min-width: 1200px) {
	.sec-header{ z-index:9; height:70px;   text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden;}

	/* Header_PC */
	.sec-header{background:#fff;}
	.sec-header .dp1:after{display:none;}
	.sec-header .dp1 > li > h2{color:#333;}
	.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
	.sec-header:before{content:''; width:100%; height:70px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
	.sec-header.active:after{content:''; width:320px; height:168px; position:absolute; bottom:0; right:12%; z-index:-2; opacity:1;}
	.sec-header.active:before{opacity:1;}

	.sec-header .dp1{position: absolute;width: 500px;width: 820px;top: 35px;left: 50%;margin-left:-400px;}
	.sec-header .dp1:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:70px;}
	.sec-header .dp1 > li{float:left;width:25%;position:relative;}
	.sec-header .dp1 > li > a span{color:#000; font-size:18px; padding:0 35px; line-height:70px;}
	.sec-header .dp1 > li > a{color:#000;line-height:70px;display:block;width: 100%;height: 100%;text-align: center;}
	.sec-header .dp1 > li > a:hover{color:#014099;}
	.sec-header .dp1 > li > ul{width:100%;margin:0 auto; padding:0; position:absolute; top:70px; left:0;text-align:center;}
	.sec-header .dp1 > li > ul > li{ display: block;text-align: center; padding:0 25px 5px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
	.sec-header .dp1 > li > ul > li > a{display:block; padding:0;font-weight:400;font-size: 1rem;transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
	.sec-header .dp1 > li > ul > li > a:hover{color:#014099;}
	.sec-header .dp1 > li.open ul{padding:10px 0;background-color: #fff;box-shadow:0px 10px 10px rgb(0 0 0 / 10%);border:1px solid #ddd;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
	.sec-header .dp1 > li.open ul > li{ opacity:1;}

	/* sitemap */
	.btn-category {position:absolute; top:60px; right:20px; width:40px; height:24px; cursor:pointer;z-index: 20;}
	.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#000; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
	.on .btn-category .bar{background:#000;}
	.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
	.btn-category .bar:nth-child(2) {top:11px; opacity:1}
	.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)}
	.btn-category.map{ }
	.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
	.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg)}
	.btn-category.map .bar:nth-child(2) {opacity:0}
	.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg)}

	#sitemap{position:fixed; top:100px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; padding:50px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
	#sitemap > ul{max-width:1200px; overflow:hidden; margin:0 auto;}
	#sitemap > ul > li{float:left; width:20%; padding:0 10px;}
	#sitemap > ul > li h2{font-size:24px; color:#333;}
	#sitemap > ul > li h3{font-size:18px; color:#333; font-weight:500; margin:0 0 10px}
	#sitemap > ul > li > ul > li{margin:10px 0;}
	#sitemap > ul > li > a{color:#014099; font-size:1.2rem;  padding:7px 0; display:block;border: 1px solid #ddd;text-align: center; border-radius: 10px;}
	#sitemap > ul > li > ul > li > a{color:#000; font-size:1rem;  padding: 0; display:block;}
	#sitemap > ul > li > ul > li > ul{margin-bottom:20px;}
	#sitemap > ul > li > ul > li > ul > li > a{color: #696969;font-size: .9rem;padding: 4px 0;display: block;font-weight: 400;}
	#sitemap > ul > li > ul > li > a:hover{color:#014099;}
	#sitemap .st_g_l>li .dp2 { display: block;padding-left: 30px;margin-top:20px;}
	#sitemap > ul > li.menu2 {width:40%;}
	#sitemap > ul > li.menu2 > ul.dp2 > li{display:inline-block;width:49%;}
	#sitemap > ul > li.menu2 > ul.dp2 > li > .dp3{margin-top:5px;padding-left:12px;border-left:1px solid #ddd;margin-left:5px;}

	#sitemap.open{right:0;}
	.sec-header.stm-hd{background:#fff }
	.sec-header.stm-hd .dp1{display:none;}
	.sec-header.stm-hd .lang{display:none;}
	.scr{overflow-y:hidden;}


}



@media screen and (max-width:1199px){
	/* layout */
	#sitemap{  background:rgba(0,0,0,0.5); }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;}
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;}
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('./sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;}


}




/* Header_Mobile */
header .nav .nav-icon{display:none;}
header .nav .nav-icon div {color:#005f9a;font-size:2rem;}
header .nav .nav-icon.active:after,header .nav .nav-icon.active:before,header .nav .nav-icon.active div {background-color: #000;content: '';display: block;height: 3px;margin: 5px 0;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;text-indent:-100px;overflow:hidden;}
header .nav .nav-icon.active:before {margin-top:0;}
header .nav .nav-icon.active:after {margin-bottom:0;}
header .nav .nav-icon.active:before {transform: translateY(10px) rotate(135deg);-moz-transform: translateY(10px) rotate(135deg);-webkit-transform: translateY(10px) rotate(135deg);}
header .nav .nav-icon.active:after {transform: translateY(-6px) rotate(-135deg);-moz-transform: translateY(-6px) rotate(-135deg);-webkit-transform: translateY(-6px) rotate(-135deg);}
header .nav .nav-icon.active:after,header .nav .nav-icon.active:before,header .nav .nav-icon.active div {background: #005f9a;}
header .nav .nav-icon.active div {-moz-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}


.headerMenu { width: 100%; position: absolute; z-index: 101; background: #fff; border-bottom: 1px solid #ddd; }
.headerMenu.m_ver { display: none; }
.headerMenu>.container { height: 60px; }
.headerMenu .search-icon{position: absolute;right:5px;top:5px;text-align:center;width:60px;}
.headerMenu .search-icon div{color:#4f3b32;font-size:2rem;}

.headerMenu .logo { width: 150px; padding:8px 10px;margin-left: 50px;}
.headerMenu .logo.noM {margin-left: 0;}
.headerMenu .st_g_l { font-size: 0; text-align: left; }
.headerMenu .st_g_l>li { display: inline-block; padding: 0 35px; font-size: 18px; font-weight: 500; letter-spacing: -0.25px; color: #111; }

@media (max-width: 1199px) {
	.sec-header{ display:none;}
	header .nav .nav-icon {display: inline-block;width: 50px;cursor:pointer;position:absolute;left: 5px;top:0;z-index:100;text-align: center;border-radius: 5px;height:42px;}
	header .nav .nav-icon.active {width: 33px;padding: 0;top: 12px;left: 10px;}
	header .nav .layer-box {position:fixed;top: 70px;width: 100%;height:100%;right:-100%;padding:0;;background:#fff;z-index:99;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;margin:0;overflow-y: auto;}

	header .nav .layer-box.active {right:0;}
	.headerMenu.m_ver .logo {height: 65px;position: static;top: auto;left: auto;width: 100%;margin: 10px 0;text-align: center;padding:5px 10px 15px;}
	.headerMenu.m_ver .logo img {max-width:100%;max-height:100%;}
	.headerMenu.pc_ver { display: none; }
	.headerMenu.m_ver { display: block; }
	.headerMenu .st_g_l { padding:0; }
	.headerMenu .st_g_l>li { display: block; text-align: left; padding:0 ; margin: 0; border-bottom: 1px solid #c1c8ce; font-size: 19px; font-weight: 500; }
	.headerMenu .st_g_l>li>a { padding: 15px 20px; line-height: normal; display: block; position: relative;cursor: pointer;}
	.headerMenu .st_g_l .dp2 { background:#f4f4f4;border-top:1px solid #c1c8ce;}
	.headerMenu .st_g_l .dp2 li { line-height: 36px; font-size: 14px; }
	.headerMenu .st_g_l>li>.dp2 { padding:15px 20px; }
	.headerMenu .st_g_l>li>.dp2>li { margin-bottom: 0; width:100%; display:block;font-size:1rem;}
	.headerMenu .st_g_l>li>.dp2>li:before{content:'-'; padding-right:5px;line-height:1rem;}
	.headerMenu .st_g_l>li>.dp2>li>a { font-size: 1.2rem; font-weight: 400; letter-spacing: -1px; }
	.headerMenu .st_g_l .dp2>li:last-child { margin-bottom: 0; }
	.headerMenu .st_g_l>li.menu-item-has-ktl { padding-bottom: 0; }
	.headerMenu .st_g_l>li.menu-item-has-ktl>a:before {width: 16px;height: 9px;margin-top:3px;position: absolute;right: 16px;top: 15px;font-family: 'themify';background-size: contain;content: "\e64b";}
	.headerMenu .st_g_l>li.menu-item-has-ktl.active>a {color:#0f4686;}
	.headerMenu.m_ver .st_g_l li .dp2 li>.dp2 { display: block !important; }
	.headerMenu.m_ver .st_g_l .dp2 li>.dp2 { font-size: 0; border: 1px solid #e8e8e8; border-bottom: 0; }
	.headerMenu.m_ver .st_g_l .dp2 li>.dp2>li { display: inline-block; width: 33.333%; padding: 0; text-align: center; vertical-align: top; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 15px; font-weight: 400; color: #555; letter-spacing: -1px; }
	.headerMenu.m_ver .st_g_l .dp2 .menu-item-has-ktl>a { font-size: 17px; font-weight: 500; letter-spacing: -1px; }

	/* 검색 */
	.head_search{display:none;position:absolute;top:60px;left:0;z-index:100;width:100%;padding:15px 14px;background:#15509c;font-size:20px;}
	.head_search fieldset{font-size:0;}
	.head_search .search_box{display:inline-block;position:relative;z-index:1;width:220px;text-align:left;vertical-align:middle;}
	.head_search input[type='text']::placeholder {color:#fff;}
	.head_search #header_total_search{width:100%;height:100%;padding:0;border:none;background:transparent;font-size:16px;vertical-align:top;box-sizing:border-box;}
	.head_search #header_total_search::-ms-clear{display:none;}
	.head_search .sch_btn_wrap{float:right}
	.head_search .sch_btn_wrap button{height:24px;border:none;background:transparent no-repeat 100% 50%;vertical-align:middle;}
	.head_search .sch_btn_wrap .btn_total_search{position:relative;width:24px;margin-left:14px;font-family: 'themify';content: "\e610";}
	.head_search .sch_btn_wrap .btn_total_search:after{display:block;position:absolute;top: -5px;left: 0;font-size: 1.5rem;color:#fff;font-family: 'themify';content: "\e610";}

	 /* 모바일메뉴 상단 */
	.headerMenu.m_ver .top-box { padding:0; background:#205797;}
	.headerMenu.m_ver .top-box ul li{display:inline-block;width:33%;padding:15px 0;border-right:1px solid #799bc0;background-color: #205797;text-align: center;font-size: 1.1rem;}
	.headerMenu.m_ver .top-box ul li:last-child{border-right:none;}
	.headerMenu.m_ver .top-box ul li a{color:#fff;}
	.headerMenu.m_ver .top-box i{padding-right:5px;}
	.bg-banner { display: none; }
}

@media (max-width: 767px) {
	html { font-size: 87.5%; }
	.headerMenu.m_ver >.container { height: 60px; }
	.headerMenu .topbar { height: 34px; }
	.headerMenu .topbar ul li { line-height: 34px; }
	.headerMenu .topbar ul li{ font-size: 12px; }
}
@media (max-width: 575px) {
	.headerMenu.m_ver >.container {height: 60px;}
	.headerMenu.m_ver .logo { height:60px;}
}

/* 사이드메뉴 */
.site-main{padding-left:250px;min-height:1000px;}
#buildNav{width:250px;height:100%;    min-height: 1000px;background-color:#fff;position:absolute;top:105px;left:0;z-index:10;}
#buildNav h2 {position:relative;width:100%;background-color:#293163;padding:71px 15px 51px;color:#fff;}
#buildNav h2:before{display:block;content:'';position:absolute;top:58px;left:15px;width:63px;height:20px;background: url(../img/sub/white_logo_small.png) no-repeat 0 0;background-size:cover;}
#buildNav h2:after{display:inline-block;content:'';vertical-align:middle;margin-left:5px;width:40px;height:40px;background: url(../img/sub/gear_small.png) no-repeat 0 0;background-size:cover;}
#buildNav h2 img{width:147px;padding:10px 0;}
#buildNav .memberInfo{border-bottom: 1px solid #d7d7d7;padding-top: 20px;}
#buildNav .memberInfo .photo{overflow:hidden;width:120px;height:120px;margin:20px auto;border-radius:100%;}
#buildNav .memberInfo .photo img{}
#buildNav .memberInfo dl{padding-left:20px;margin-bottom:5px;}
#buildNav .memberInfo dl dt{color:#6e4316;display:inline-block;width:50px;}
#buildNav .memberInfo dl dd{color:#000;display:inline-block;width:calc(100% - 60px);}
#buildNav .memberInfo .date{padding-left:20px;margin-bottom:20px;}
#buildNav .memberInfo .linkBox{padding:0 5px 20px}
#buildNav .memberInfo .linkBox .btn.btn-small{width:115px !important;}

#buildNav ul { width:250px; }
#buildNav li a {font-size:1.1rem;display:inline-block; width:100%; padding:13px 0 10px 0; background:#fff; border-bottom:1px solid #d7d7d7; color:#000; cursor:pointer;}
#buildNav li a span {position:relative;display:inline-block; width:100%;padding:0 15px 0 30px;}
#buildNav li a span:after{position:absolute;top:0;right:15px;display:block;font-family: 'themify';content:"\e649";color:#b9b9b9;}
#buildNav li .dp2 { overflow:hidden; padding:10px 0;background-color:#fff;border-bottom: 1px solid #d7d7d7;}
#buildNav li .dp2 li {position:relative;padding-left:15px; }
#buildNav li .dp2 li a{border-bottom:none;padding:4px 0 1px 0 !important; background:#ffffff; color:#575757 !important; border-bottom:0;font-size:1rem;font-weight:normal; }
#buildNav li .dp2 li:after{position: absolute;top: -5px;left: 0;display: block;content: " - ";font-size: 1.5rem;color: #b9b9b9;}
#buildNav li .dp2{ width:100%; padding:10px 0 10px 30px;}

#buildNav li.active .dp2 li a { padding:4px 0 1px 0 !important; background:#ffffff; color:#575757 !important; border-bottom:0;font-size:1rem;font-weight:normal; }
#buildNav li.active .dp2 li.select a { font-weight:500; color:#000 !important; }

#buildNav li.active a {background-color:#2c2d33;color:#fff;font-weight:500 ;}

@media (max-width: 1199px){
	#buildNav {display: none;}
	.site-main{padding-left:0;}

}
/*-----------------------------------------------------------------------------------*/
/*  footer
/*-----------------------------------------------------------------------------------*/

/* footer */
.footer{background: #2e303e;margin-top: 60px;}


.footer__inner-top {border-bottom:1px solid #43465b;}
.footer__inner-top .inner{position: relative;}
.footer__inner-top .ft_logo{display:none;}
.footer-util__list{float: left;font-size: 0;}
.footer-util__item{display: inline-block;position: relative;margin:20px 10px 20px 0;padding-right: 18px;font-size: 15px;color: #b7b7b7;font-weight:400;}
.footer-util__item:last-child{margin-right: 0;padding-right: 0;}
.footer__inner-top .inner:after{display:block;clear:both;content: '';}


.footer__inner-bottom{padding:20px 0 80px;}
.footer__inner-bottom .info-wrap{position:relative;}
.footer__inner-bottom .inner{max-width:1500px;}
.info-wrap .ft_logo{display:inline-block;float:left;margin-right:23px;}
.info-wrap .ft_logo img{max-width:250px;}
.info-wrap .ft_txt{float:left;font-size:13px;}
.info-wrap .ft_txt p{font-size:.9rem;color:#b8b8b8;padding-top:10px;line-height:1.3rem;}
.info-wrap .ft_txt p:last-child{margin-bottom:0;font-size:13px;color:#b7b7b7;padding-top:5px;}
.info-wrap .ft_txt p > span{color: #b7b7b7;}
.footer__inner-bottom .info-wrap:after{display:block;clear:both;content:'';}

/* footer-relate_lite*/
.site-wrap{position: relative;}
.site-wrap .relate-site {position: absolute; bottom:-20px; right: 15px; z-index: 2}
.site-wrap .relate-site button {width: 200px; height: 40px; padding:0 30px 0 20px; background: #4c4e5e; color:#fff; position: relative; text-align: left;}
.site-wrap .relate-site button:after {content: ''; display: block; width: 0; height: 0; border:4px solid transparent; border-bottom: 6px solid #fff; position: absolute; top:45%; right:20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.site-wrap .relate-site.on button:after {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.site-wrap .relate-site ul {position: absolute; bottom: 40px; left: 0; background: #fff; width: 100%; border:1px solid #4f5b68; display: none; }
.site-wrap .relate-site ul li a {padding:7px; border-bottom: 1px solid #ddd; display: block;}
.site-wrap .family-site{right:220px;}

@media screen and (max-width:1199px){
    .footer__inner-top .inner{max-width:none;margin: 0;}
	.footer__inner-top .ft_logo{display:block;text-align:center;padding: 15px 0;}
    .footer__inner-top .ft_logo img{width:auto;}
    .info-wrap .ft_logo{display:none;}

    .footer__inner-bottom{max-width:none;margin:0;padding:30px 0;}
    .site-wrap .relate-site{position:static;text-align:center;}
    .footer-util__list{width:100%;border-top:1px solid #43465b;}
    .footer-util__item{width:50%;margin:0;padding:15px 0;padding-right:0;text-align:center;border-right:1px solid #43465b;border-bottom:1px solid #43465b;font-size: 1.6rem;}
    .footer-util__item:nth-child(2n){border-right: transparent;}
    .footer-util__item:last-child,.footer-util__item:nth-child(5){border-bottom: none;}
    .info-wrap .ft_txt p{font-size:1.2rem}
    .footer__inner-bottom .info-wrap{margin-bottom:30px;text-align:center;}
    .info-wrap .ft_logo{float:none;margin-right:0;text-align:center;}
    .info-wrap .ft_logo img{width:300px;}
    .info-wrap .ft_txt{float:none;margin-top:20px;padding:0 30px;}
    .site-wrap .relate-site button{width:80%;height:60px;margin-bottom:20px;}
    .site-wrap .relate-site:last-child button{margin-bottom:0;}
    .site-wrap .relate-site ul{bottom:120px;}
    .site-wrap .relate-site.family-site ul {bottom:140px;width:80%;margin-left:-40%;left:50%;}
    .site-wrap .relate-site.major-site ul {bottom:60px;width:80%;margin-left:-40%;left:50%;}
}
@media screen and (max-width:767px){

    .site-wrap .relate-site button{width:80%;height:40px;margin-bottom:20px;}
    .footer-util__item{font-size: 1.1rem;}
    .info-wrap .ft_txt p{font-size:1rem}
    .site-wrap .relate-site.family-site ul {bottom:102px;width:80%;margin-left:-40%;left:50%;}
    .site-wrap .relate-site.major-site ul {bottom:42px;width:80%;margin-left:-40%;left:50%;}

}


/*-----------------------------------------------------------------------------------*/
/* sub layout
/*-----------------------------------------------------------------------------------*/



.sub-visual{width:100%; position:relative;  overflow:hidden;height:116px;}
.sub-visual:after{background-image:url('../img/sub/visual.jpg'); content:'';width:100%; height:100%;position:absolute; left:0; top:0; z-index:0;background-size:cover; background-position:center center; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}
.sub-visual h3{position:absolute;width: 100%; font-size:2rem; color:#fff;padding:30px 20px;text-align:center; font-weight:500;z-index:1;animation-duration: 0.7s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 0.7s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.3s; -webkit-animation-delay: 0.3s;animation-name:visual-tit; -webkit-animation-name:visual-tit;}
.sub-visual.about{height:200px;}
.sub-visual.about:after{background-image:url('../img/sub/visual_about.jpg');	 }
.sub-visual.about h3{line-height:1.3; font-size:1.6rem;font-weight:400;padding-top:60px;}
.sub-visual.about h3 span{ font-size:1.8rem;}
.sub-visual.about h3 span.blank{width:100px;display:inline-block;}
.sub-visual.about h3 strong{ font-size:3rem;font-weight:600; }
@media (max-width: 1199px) {
 .sub-visual.about h3 span.blank{width:0;display:none;}

}
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


/*네비게이션*/
#lnb{width:100%;border-bottom:1px solid #cacaca;height:49px;font-size:1.1rem;background-color:#fff;}
#lnb a{color:#666;font-size:16px;}
#lnb .tit{position:relative;height:30px;}
#lnb .tit i{font-size:.9rem;}
#lnb .tit:after{position:absolute;top:5px;right:-20px;display:block;content:"\e649";font-family: 'themify';color:#bfbfbf;font-size:.9rem;}
#lnb .haveSub  > a,
#lnb .home  > a{display:block;min-width:50px;}
#lnb .haveSub,
#lnb .home{display:inline-block;position:relative;padding:0 10px;line-height: 25px;border-right: 1px solid #ddd;}
#lnb .haveSub > a,
#lnb .home > a{min-width:100px;color:#000;padding:0 10px;line-height:48px;height:48px;text-align:center;}
#lnb .haveSub > a{padding-right:35px;}
#lnb .home > a{min-width:50px;color:#fff;}
#lnb .home{background-color: #2990c5;}
#lnb .home.about{background-color: #fff;}
#lnb .home.about > a{color:#2990c5;}

#lnb .haveSub > a.active{color:#2990c5;}
#lnb .haveSub .dp2{display:none;position:absolute;top:50px;left:-5px;background-color:#fff;width:170px;border:1px solid #ddd;border-top: none;}
#lnb .haveSub.show .dp2{display:block;text-align:left;padding:18px 0;z-index:1000;}
#lnb .haveSub.show .dp2 a{display:block;color:#222;padding:3px 0 3px 30px;}
#lnb .haveSub.show .dp2 a:hover{color:#006fce;text-decoration:underline;}

#lnb .haveSub > a:after {position: absolute;top: 0;right: 20px;display: block;content: "\e64b";font-family: 'themify';}
#lnb .haveSub.show > a:after {content: "\e648";color: #0c75dd;}


@media (max-width: 1199px) {
	#lnb .container{padding-left:0;}
}
@media (max-width: 767px) {
	#lnb .home,#lnb .haveSub{padding:0;}
	#lnb .haveSub > a{min-width:100px;padding:0 30px 0 10px;font-size:.9rem;}
	#lnb .home > a{padding:0 5px;font-size:.9rem;}
	#lnb .haveSub > a:after {right: 10px;}
	#lnb .haveSub .dp2{width:auto;min-width:calc(100% + 6px);}
	#lnb .haveSub.show .dp2 a{padding:3px 7px;font-size:.9rem;}

}




/* 컨텐츠영역 */
#main{height:100%;display:block;}

#contentWrap{background-color:#f5f5f5;overflow:hidden;}
#contentWrap:after {box-shadow: 0 0 7px 0 #9c9c9c;content: "";height: 100%;position: absolute;left: -1px;top: 0;width: 1px;}
@media (max-width: 1199px) {
	#contentWrap:after{display:none;}
}
#contentWrap .subWrap {position:relative;padding:40px;min-height:900px;}
#contentWrap .subWrap .subMain_title{font-size:2rem;color:#000;line-height:2rem;font-weight:400;margin:0 0 40px 0;text-align:center;}
#contentWrap .subWrap .subMain_title::after {position: absolute;content: "";height: 10px;width: 10px;margin-top: 20px;margin-left: 10px;}
#contentWrap .subWrap .subMain_title::after{background-image: -moz-linear-gradient(0deg, #1270e4 0%, #58c0ff 100%);background-image: -webkit-linear-gradient(0deg, #1270e4 0%, #58c0ff 100%);background-image: -ms-linear-gradient(0deg, #1270e4 0%, #58c0ff 100%);}

#contentWrap .subWrap .subMain_title.info{font-size:2.5rem;color:#293163;line-height:1;font-weight:600;margin:0 0 20px 0;text-align:left;}
#contentWrap .subWrap .subMain_title.info span{font-size:3rem;color: #2459dc;display: inline-block;}
#contentWrap .subWrap .subMain_title.info::after	 {display:none;}
#contentWrap .subWrap .subMain_title.main{margin:0 20px 40px 10px;}

#contentWrap .subWrap .sub_title{position:relative;font-size:1.6rem;font-weight:500;padding-bottom:30px;color:#000;}
#contentWrap .subWrap .sub_title span{display:block;position:absolute;top:10px;right:0;font-size:1.1rem;}
#contentWrap .subWrap .sub_title small{display:inline-block;font-size:1rem;margin-left:10px;}
#contentWrap .subWrap .sub_title .receive-choiceBox {display:inline-block;}/*교정신청 선택부분*/
#contentWrap .subWrap .sub_title .receive-choiceBox p.info{display:inline;font-size:.9rem;}
#contentWrap .subWrap .box_title{position:relative;color:#000;font-size:1.3rem;font-weight:400;padding-bottom:20px;}
#contentWrap .subWrap .box_title .tool{display:block;position:absolute;top:0;right:0;font-size:1.1rem;}
#contentWrap .subWrap .box_title.squares{padding-left:10px;font-size:1.1rem;}
#contentWrap .subWrap .box_title.squares:after{position:absolute;top:14px;left:0;width:3px;height:3px;display:block;background-color:#29415b;content:'';}

#contentWrap .subWrap hr{margin:40px 0;border: 0;height: 1px;background: #c3c3c3;}
#contentWrap .subWrap p{color:#000;font-size:1.1rem;font-weight:400;text-align:justify;}
#contentWrap .subWrap ul.style_circle li{ list-style-type:circle;margin-left:20px;}
#contentWrap .subWrap ul.style_circle2 li{ list-style-type:disc;margin-left:20px;}
#contentWrap .subWrap .resultBox{border:1px solid #b6b6b6;background-color:#fff;padding:20px;}
#contentWrap .subWrap .resultBox.small{padding:0 20px;width:150px;height:40px;display:inline-block;line-height:40px;margin:5px 5px 0;}
#contentWrap .subWrap .resultBox.small_100{padding:0 20px;width:100%;height:40px;display:inline-block;line-height:40px;}

@media (max-width: 1650px) {
	#contentWrap .subWrap {padding:40px 30px;}
	#contentWrap .subWrap .nav{right:30px;}

}
@media (max-width: 1199px) {
	#contentWrap .subWrap {padding:20px;min-height:900px;}
	#contentWrap .subWrap .nav{top:20px;right:20px;}
}
@media (max-width: 991px) {

	#contentWrap .subWrap .nav{position:static;text-align:right;margin-bottom:10px;}
	#contentWrap .subWrap .sub_title .receive-choiceBox{display:block;}/*교정신청 선택부분*/
	#contentWrap .subWrap .sub_title .receive-choiceBox small{display:block;}/*교정신청 선택부분*/
}
@media (max-width: 767px) {
	#contentWrap .subWrap .subMain_title.info{font-size:2.5rem;}
	#contentWrap .subWrap .subMain_title{font-size:1.8rem;line-height:1.8rem;margin:20px 0 40px 0;}
	#contentWrap .subWrap .sub_title {font-size:1.3rem;padding-bottom:20px;}
	#contentWrap .subWrap .sub_title span{display:block;position:static;margin-top:10px;font-size:.9rem;}

	#contentWrap .subWrap .nav li a{font-size:.9rem;}
	#contentWrap .subWrap .nav li {margin-left: 10px;}
}
@media (max-width: 575px) {
	#contentWrap .subWrap .nav li a{font-size:.7rem;}
	#contentWrap .subWrap .nav li {margin-left: 5px;}
 	#contentWrap .subWrap .sub_title .receive-choiceBox p.info{font-size:.8rem;display:block;text-align:left;}


}


/*서브 탭*/
.subTab{position:relative;margin-bottom:25px;}
.subTab.modalIN{margin-bottom:0;}
.subTab .tool{position:absolute;top:0;right:0;}
.subTab .tool.multieR{top:6px;right:6px;}
.subTab:after{display:block;content:'';height:0;width:0;clear:both;}
.subTab ul{height:50px;display:inline-block;}
.subTab .totalBox{height:47px;display:inline-block;vertical-align:top;border-bottom:1px solid #c6c6c6;padding:10px 20px;font-size:1.2rem;}
.subTab .totalBox strong{color:#0e6ee6;}
.subTab ul li{background-color:#fff;text-align:center;color:#6a6a6a;padding:10px 0;width:170px;float:left;border:1px solid #c6c6c6;border-right:none;}
.subTab.modalIN ul li{padding:8px 0;width:160px;}
.subTab ul li:last-child{border-right:1px solid #c6c6c6;}
.subTab ul li a{display:block;width:100%;height:100%;color:#6a6a6a;font-size:1rem;}
.subTab ul li.active{background-color:#293162;border:1px solid #293162;}
.subTab ul li.active a{color:#fff;}

/*균질성시험 2단계탭*/
.subTab ul.depth2 {display:block;margin-top:10px;}
.subTab ul.depth2 li{width:auto;min-width:150px;margin-right:10px;border-radius:40px;padding:10px 20px;border:1px solid #dcdcdc;}
.subTab ul.depth2 li.active{background-color:#d6533d;border:1px solid #d6533d;}
.subTab ul.depth2 li a{font-size:.9rem;}


@media (max-width: 1400px) {
	.subTab ul{height:62px;display:block;}
	.subTab .totalBox{position:absolute;bottom:0;left:0;}
	.subTab .tool{position:static;text-align:right;margin-top:10px;}
	.subTab ul li{width:33.3%;}
	.subTab.modalIN ul li{width:32%;}
}
@media (max-width: 767px) {
	.subTab ul{height:50px;}

	.subTab .tool .selectBox .search-select{height:46px;padding: 10px 35px 10px 12px;}
	.subTab.wtabAuto ul li{width:auto; padding:8px 16px;}
	.subTab.wtabAuto .tool{position:absolute;top:0;right:0;margin-top:0;}
	.subTab.wtabAuto .tool button{width: auto !important;font-size:1rem;}
	.subTab ul li a{font-size:1rem;}

	 /*균질성시험 2단계탭*/
	.subTab ul.depth2 li{min-width:100px;margin-right:5px;margin-bottom:10px;padding:10px 15px;}
	.subTab ul.depth2 li a{font-size:.8rem;}


}
@media (max-width: 575px) {

	.subTab ul li a{font-size:.8rem;}
	.subTab .totalBox{font-size: .8rem; padding: 10px;height: 40px;display:none;}
	.subTab .tool .btn.btn-white{width:auto;font-size:.9rem;padding:8px 6px 7px !important;}
	.subTab .tool .btn.btn-white img{display:none;}

	.subTab .tool  .selectBox .search-select{padding: 0 35px 0 12px;height: 37px;}
	.selectBox:after { top: 7px; right: 11px;}
	 /*균질성시험 2단계탭*/
	.subTab ul.depth2 li{width:38%;min-width:auto;margin-right:1%;padding:10px 5px;}
	.subTab ul.depth2 li:last-child{width:20%;min-width:auto;margin-right:0;}
	.subTab ul.depth2 li a{font-size:.7rem;}

	 /*시험측정관리 2단계탭*/
 	.subTab ul.depth2.wa3 li{width:30%;}
	.subTab ul.depth2.wa3 li:last-child{width:33%;}
	.subTab ul.depth2.wa3 li a{font-size:.8rem;}

}


/*paging - ul li 태그 일경우*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #3e3681;text-decoration: none; cursor:pointer}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;}
.pagination > li:last-child > a,.pagination > li:last-child > span {}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color:#2990c5;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 2;color: #3e3681;cursor: default;border:1px solid #3e3681;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #3e3681;cursor: not-allowed;border:1px solid #3e3681;}
.pagination-lg > li > a,.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {}
.pagination-sm > li > a,.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;}

/*paging - 링크 태그로만 */
.page-item {display: inline-block;padding-left: 0;margin: 20px 0;}
.page-item > a{display: inline;}
.page-item > a,	.page-item > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #3e3681;text-decoration: none;}
.page-item:first-child> a, .page-item:first-child > span {margin-left: 0;padding: 6px }
.page-item:last-child > a, .page-item:last-child > span {margin-left: 0;padding: 6px }
.page-item > a:hover,.page-item > span:hover,.page-item > a:focus,.page-item > span:focus {color:#2990c5;}
.page-item.active > a,.page-item.active > span,.page-item.active > a:hover,.page-item.active > span:hover,.page-item.active > a:focus,.page-item.active > span:focus {z-index: 2;color: #3e3681;cursor: default;border:1px solid #3e3681;}
.page-item.disabled > span,.page-item.disabled > span:hover,.page-item.disabled > span:focus,.page-item.disabled > a,.page-item.disabled > a:hover,.page-item.disabled > a:focus {color: #3e3681;cursor: not-allowed;border:1px solid #3e3681;}


/*게시판하단*/
.btnArea{margin:20px 0;}
.btnArea.border-top{padding-top:30px;border-top:2px solid #757575;}
.btnArea:after{display:block;content:'';height:0;width:0;clear:both;}
.btnArea .right{float:right;}
.btnArea .left{float:left;}

@media (max-width: 767px) {
  .btnArea .btn{width:30%;margin-bottom:5px;}
  .btnArea .right, .btnArea .left{float:none;display: inline;}
  .btnArea {text-align:center;}
  .btnArea button{width:32%  !important;font-size:.9rem;}
  .btnArea button.m-auto-btn{width:auto  !important;padding:6px 15px !important;}/*복수장비 목록에서삭제 버튼,나의접수현황버튼*/
  .btnArea_4 button{width:24% !important;}


}
@media (max-width: 460px) {
  .btnArea button{padding: 6px !important;}
}
@media (max-width: 360px) {
  .btnArea button{font-size:.8rem;}
}
/*modal 팝업*/
.mscroll_inner{display: -webkit-box;display: -ms-flexbox;-ms-flex-flow: wrap ;flex-wrap: wrap;justify-content: center;align-items: center;}
.mscroll{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;align-content: center; }	/*상하 가운데정렬*/

.modal {display: none;background-color: #fff;text-align: center;padding: 0;width:50%;}
.modal .modal-header{position:relative;background-color: #106db4;color: #fff;text-align:left;padding:20px;}
.modal .modal-header .modal-title{color:#fff;font-size:1.3rem;font-weight:400;}
.modal .modal-header .closeMe{position:absolute;top:20px;right:20px;font-size: 21px;font-weight: 700;line-height: 1;	  color:#fff;}
.modal .modal-body{padding:20px;overflow-y:auto;}
.modal .modal-body .inner-title{margin:30px 0 20px;font-size:1.2rem;}
.modal .modal-footer{padding:20px;border-top:1px solid #ddd;}
.modal .modal-footer:after{content:'';display:block;width:0;height:0;clear:both;}
.modal .modal-footer .pull-left{float:left}
.modal .modal-footer .pull-right{float:right;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	/*인터넷익스플로러*/
   	.mscroll{display:block;}
	.modal {margin:0 auto}
}

@media (min-width: 1200px) {
	.modal {width:1150px;}
	/*.modal .modal-body{max-height:700px;}	*/
}
@media (max-width: 1199px) {
	.modal {width:90%;}
	/*.modal .modal-body{max-height:500px;}	*/
}
@media (max-width: 767px) {
	.modal {width:100%;}
	.modal .modal-body{padding:5px;}
}

/*jquery ui modal팝업 확인창*/
.ui-dialog.ui-widget-content {border: 1px solid #dddddd;border-radius:0;background: #fff;color: #333333;padding:20px;}
.ui-dialog .ui-dialog-titlebar {background: #fff; border:none; background:url('../img/common/logo.png') no-repeat 0 0; height:60px;}
.ui-dialog .ui-dialog-title {display:none;}
.ui-dialog .ui-dialog-buttonpane{border-top:1px solid #757575;  background-color:#fff;}
.ui-dialog .ui-dialog-titlebar-close {right: 10px;top: 10px;margin:0;}
.ui-dialog .ui-dialog-content {border-top:4px solid #32415e;padding:30px 0;text-align:center;}
.ui-dialog .ui-dialog-content .date{font-size:1rem;font-weight:300;}
.ui-dialog .ui-dialog-content .alertText{font-size:1.3rem;}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default {border:1px solid #2f435b;background:#fff;border-radius:0;font-weight: bold;color:#32415e;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {text-align: center;float:none;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-hover,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default:nth-child(2) {border:1px solid #d65452;color:#d65452;background:#fff;}

.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-button-text{height: 0;width: 0;display: none;}
.ui-dialog .ui-dialog-titlebar-close {right: 10px;top: 10px;margin: 0;width: 30px;height: 30px;border-radius: 0;background: #fff;}
.ui-dialog .ui-dialog-titlebar-close:after{    content: "\e646";font-family: 'themify';font-size: 14px;color:#000;}

/*모달popup 내부 엑셀업로드영역*/
.excelBox {width:100%;}
.excelBox label{display:inline-block;width:120px;text-align:left;}
.excelBox label.inL{padding-left:10px;}
.excelBox input{display:inline-block;width:calc(50% - 130px);}

.excelBox2 {width:100%;}
.excelBox2 label{display:inline-block;margin-right:20px;}
.excelBox2 input{display:inline-block;}


/*일반회원 팝업*/
.noticePop { position:absolute; width:800px;margin-left:-400px;left:50%; top:50px; z-index:151;background:#fff;border:10px solid #293162;border-top:none;}
.noticePop h2{text-align:center;color:#fff;background-color:#293162;padding:10px;}

.member_todayClose { position:absolute; right:0; top:-30px;color:#fff;font-size:.9rem;font-weight:400;}
.member_todayClose label{ color:#fff;font-size:.9rem;font-weight:400;cursor:pointer;padding-right:15px;}
.member_todayClose input{display:none;}
.member_todayClose a{display:inline-block;position:relative;padding-left:15px;}
.member_todayClose a:before{display:block;position:absolute;top:7px;left:0;width:1px;height:10px;background-color:#fff;content:'';}

.member_modal{padding:20px;}
.member_modal p{text-align:left;}
.member_modal ol {margin:20px 0 0 20px;}
.member_modal ol li{text-align:left;list-style:decimal;font-weight:300;}
.member_modal ol li a{margin-left:10px;}
.member_modal button.btn-red{width:200px !important;}
.member_modal .infoText{font-size:.9rem;color:#999;font-weight:400;}
.member_modal .form-input{width:100%;}
#memberInfo_form{margin-top:20px;}
#memberInfo_edit{margin-top:20px;}
@media (max-width: 991px) {
	.noticePop { position:static; width:90%;margin:50px 5% 0;}
	.member_todayClose {right: 5%;top: 15px;}
}