/*서브 비주얼*/
#wrap #sepration { clear:both; height:19.1rem; text-align:center; overflow:hidden;position:relative;padding:0 1rem;margin-top:6rem;}

#wrap #sepration .sep_img{background:url('/images/default/content/sub_visual01.jpg') no-repeat center top;height:19.1rem;animation: sub-visual 8s 0s ease-in-out;width:calc(100% - 2rem);position:absolute;background-size:cover;border-radius:0.75rem;}
#wrap #sepration .section{width:1500px; margin:0 auto;transform: translateY(0);animation-delay: 1s;margin-bottom:3.5rem; height:19.1rem;display:flex;flex-direction:column;justify-content:center; text-align:left;color:#fff;position:relative;z-index:2;}
#wrap #sepration h2{position:relative;font-size:2.5rem;font-weight:700;}
#wrap #sepration h2 span{position:relative; font-weight:300;}
#wrap #sepration h2 em{display:inline-block;width:.75rem;height:.75rem; border-radius:50%; background:#FBCC38;}
#wrap #sepration p{margin-top:1rem; font-size:1rem;}
#wrap #sepration .section div.date{color:#fff;font-size:1.3rem;margin:1rem 0 2rem;}
#wrap #sepration .section div.date b{color:#fff0a8;font-size:2rem;margin:0 0.5rem;}
#wrap #sepration .section div.txt{color:#fff;font-size:0.9rem;text-decoration: underline; text-underline-position:under;line-height:2;position:relative;padding-left:2rem;}
#wrap #sepration .section div.txt:after{content:'';display:block;position:absolute;width:0.95rem;height:1.3rem;background:url(/images/default/content/txt_map.png)no-repeat center center;background-size:cover;left:0;top:0;}
#wrap #sepration .rquick{position:absolute;right:0;bottom:0;}

#wrap #sepration:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;}

#wrap .sepration1:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub01-point.png)no-repeat center center;}
#wrap .sepration2:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub02-point.png)no-repeat center center;}
#wrap .sepration3:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub03-point.png)no-repeat center center;}
#wrap .sepration4:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub04-point.png)no-repeat center center;}
#wrap .sepration5:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub05-point.png)no-repeat center center;}
#wrap .sepration6:after{content:'';display:block;position:absolute;width:32.3rem;height:24rem;right:16rem;bottom:-6rem;background-size:cover;background:url(/images/default/content/sub06-point.png)no-repeat center center;}




.rquick{width:70px; z-index:10;}
.rquick .right_bx{display: inline-table; vertical-align: top; word-break:break-all;}
.rquick .right_bx a{display: table-cell;  width:100px;  text-align: center; vertical-align: middle; border-right:none !important; border-top:none !important;height:235px;font-weight:500;}
.rquick .right_bx a span{display:inline-block; width:18px; overflow: hidden; line-height: 1.05;}
.rquick .right_bx:nth-of-type(1) a{background:#333333; color:#fff; }
.rquick .right_bx:nth-of-type(2) a{ background:#ffc63e; color:#333;  }
.rquick i{vertical-align:middle; line-height:1.5;}



/* 서브메뉴 */
.tab_view{display:none;}
.left_menu_mob{width:1650px;}

.snbWrap #lnb>li>div>ul>li{height:auto;padding:0.25rem 0;font-size:0.9rem;}
/* LNB */
.lm_bg{width:1650px;margin:0 auto;position:relative;border-radius:25px 0 0 0;z-index:1;}

.lm_bg .snb {height:3.5rem;margin:0 auto;display:flex;border-radius:25px 0 0 0;}
.lm_bg .snb a.home{width:3.5rem;height:3.5rem;background:#FBCC38 url("/images/default/content/home.png")no-repeat center center;}
.lm_bg .snb ul{position:relative;height:3.5rem;}
.lm_bg .snb ul:after{content:'';display:block;position:absolute;width:96rem;height:1px;background:#ddd;left:-6.5rem;bottom:0;}
.lm_bg .snb ul li{float:left;height:3.5rem;line-height:3.5rem;text-align:center;width:calc(100% / 5);position:relative; }

.lm_bg .snb ul li a{display:inline-block;width:100%;height:100%;font-size:1rem;color:#555555;font-weight:500;}
.lm_bg .snb ul li:first-child a:before{display:none;}
.lm_bg .snb ul li.on {position:relative;}
.lm_bg .snb ul li.on:after{z-index:1;content:'';display:block;position:absolute;width:100%;background:#1c314e;height:3px;bottom:0;left:0;}
.lm_bg .snb ul li.on a{color:#333;}
.lm_bg .snb ul li:not(:last-child):before{content:'';display:inline-block;position:absolute;width:1px;height:1.5rem;background:#ddd;right:0;top:50%;transform:translateY(-50%);}

.lm_bg .snb #home_list li i{color:#fff;font-size:1.2rem;line-height:4.5rem;}

.tab_ul{display:none;}


/*서브 타이틀*/
#container .page_main_title{width:1400px;margin:0 auto; font-size:2rem; margin-bottom: 2.5rem;color:#000;padding-top:3rem;display:flex;justify-content:space-between;position:relative;padding-bottom:1.5rem;display:none;}
#sepration ul.path{display:flex;align-items:center;margin-bottom:1rem;}
#sepration ul.path li{font-size:0.9rem;color:rgba(255,255,255,0.7);padding:0 0.9rem;position:relative;}
#sepration ul.path li:not(:last-child):after{content:'';display:block;position:absolute;color:#fff;top:50%;transform:translate(50%,-50%);right:0;line-height:1;width:6px;height:10px;background:url(/images/default/content/sub-arrow.svg)no-repeat center center;background-size:cover;}
#sepration ul.path li .home{height:17px;    vertical-align: middle;}
#sepration ul.path li:first-child{padding-left:0;}
#sepration .cloud {position:absolute;height:2.6rem;z-index:2;}
#sepration .cloud01{left:30%;top:30%;-webkit-animation: blink-2 10s linear infinite both;animation: blink-2 10s linear infinite both;}
#sepration .cloud02 {right:1%;top:30%;webkit-animation: blink-1 10s linear infinite both;animation: blink-1 10s linear infinite both;}
#sepration .cloud03 {left:43%;bottom:5%;webkit-animation: blink-1 10s linear infinite both;animation: blink-1 10s linear infinite both}


@keyframes blink-2 {
    0%,50%,100% {
        opacity: 1;
        -webkit-transform:scale(1.1);
        transform:  scale(1.1)
    }

    25%,75% {
        opacity: .3;
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
}

@keyframes blink-1 {
    0%,50%,100% {
        opacity: .3;
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }

    25%,75% {
        opacity: 1;
        -webkit-transform:scale(1.1);
        transform: scale(1.1)
    }
}


/* 탭메뉴 */
.tab_menu{width:1400px; margin:0 auto; position:relative; z-index:0;margin-bottom:3.5rem;}
.tab_menu ul{text-align:center; overflow:hidden;}
.tab_menu ul li{float:left; width: 33.3333%;}
.tab_menu ul li a{display:inline-block; width:100%; border-bottom: 4px solid #E2E2E2; box-sizing:border-box; padding:1rem 0; text-align:center; font-size:1.1rem; color:#8f8f8f; font-weight:500;}
.tab_menu ul li.on a{border-color:#0043c7; color:#0043c7;}


/*컨텐츠*/
#container .content_body{padding-bottom:5rem;padding-top:5rem;}



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1660px){
	.section_lnb>.inr{width:100%;z-index:9;}
	#wrap #sepration .rquick{top:50%;transform:translateY(-50%);bottom:auto;}
	#header .header_inner #nav ul li a{padding:0 1.5rem;}
}


@media (max-width:1500px){
	/* 탭메뉴 */
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
	

	/*비주얼*/
	#wrap #sepration .section{width:100%;padding:0 1rem;}
	#visual .bxslider li .ptext,
	#visual .bx-wrapper .bx-pager{width: 100%; padding: 0 1rem;}
	#visual .bx-wrapper .bx-pager{width: 100%; left:0; margin-left:0;}


	#wrap #sepration:after{height:20rem;width:26.9rem;right:3rem;bottom:-3rem;}


	/*왼쪽메뉴*/
	#lnb{width:100%;}
	.lm_bg{width:100%;}
	.lm_bg .left_menu ul{width:100%;}
	.lm_bg .snb{width:100%;}


	/*페이지 타이틀*/
	#container .page_main_title{width: 100%;    padding: 3rem 1rem 1rem 1rem;}

}




/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	/* 서브비주얼 */	
	#wrap #sepration{height:20rem;padding:0;margin-top:4rem;}
	#wrap #sepration .sep_img{height:20rem;width:100%;border-radius:0;}
	#wrap #sepration .section{height:20rem;padding:0 1rem;}
	#wrap #sepration p{font-size:0.9rem; }
	#wrap #sepration h2{font-size:2rem;}


	/* 서브메뉴 */	
	.snbWrap{display:none;}
	.lm_bg .snb a.home{display:none;}
	.lm_bg .snb{width:100%;transform: translateY(0);height:0;z-index:1;position:absolute;}
	.lm_bg{ border-top:none;z-index:10;margin-top:0;}
	.tab_view{display:block; cursor:pointer;background:#1c314e; background-size:12px auto; font-size:1.1rem; box-sizing:border-box; color:#fff; box-sizing:border-box; padding-left:1rem; font-weight:normal; position:relative; text-align: left;height:3rem;line-height:3rem;}
	
	.tab_view i{position:absolute; top:0; right:1rem; display:block; }
	.tab_view.on{cursor:pointer; }
	.tab_view.on i{transform:rotateX(180deg);}
	.left_menu {position:relative;box-sizing:border-box; height:0; width:100%;}
	.left_menu ul{display:none; z-index:100;position:absolute;width:100%;left:0;  margin:0 auto; line-height:0; background:#fff;}
	.lm_bg .left_menu ul:after{display:none;}
	.lm_bg .left_menu ul li {width:100% !important;height:3rem; line-height:3rem; margin-left:0; vertical-align:middle; box-sizing:border-box; text-align:left;padding:1rem;border-bottom:1px solid #eee;background:#fff;}
	.lm_bg .left_menu ul li a {display:block; line-height: 1.0; height: auto;  font-weight:500; font-size:1.1rem; color:#888;text-transform:capitalize; padding:0;}
	.lm_bg .left_menu ul li a:before{display:none;}
	.lm_bg .left_menu ul li strong{ font-weight:500;} 
	.lm_bg .left_menu ul li.on a:before{display:none;}
	.lm_bg .left_menu ul li.on a{background:none; color:#1c314e;font-weight:600;}
	.lm_bg .left_menu ul li.on a:after{display:none;}
	.lm_bg .left_menu ul li.on:hover a{color:#3282bd;}


	.lm_bg .snb ul li.on{background:#fff;}
	.lm_bg .snb ul li:hover{background:#eef8ff;}
	.lm_bg .snb ul li:hover a{color:#000;}
	.lm_bg .snb ul li a:after{display:none;}
	.lm_bg .snb ul li:before{display:none;}
		.lm_bg .left_menu ul li.on:hover{color:#1c314e;}
	.left_menu_mob{display:none;}

	/* 탭메뉴 */	
	.tab_menu{margin:2rem 0;}
	.tab_menu ul{display:flex; align-items: center; flex-flow: row wrap; justify-content: space-evenly; }


	/*컨텐츠*/
	#container #section .right_content .content_body{padding-top:3rem;}
		
	#wrap #sepration .rquick{display:none;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:600px){

	
#wrap #sepration:after{height:15rem;width:20.2rem;right:1rem;bottom:0;}
#sepration .cloud01{top:10%;}
}