@charset "utf-8";
@import url("slick.css");
@import url("../../jquery/css/jquery.bxslider.css");
#header{position:fixed;}

/*#section1 .slider .item a:focus{outline:5px solid red}
button:focus{outline:5px solid blue}*/

/*#header.position{position: absolute}*/

.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	-ms-touch-action: pan-x pinch-zoom;
	touch-action: pan-x pinch-zoom;
}
.mCustomScrollBox.mCSB_vertical_horizontal {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}
.mCustomScrollBox.mCSB_horizontal {
	-ms-touch-action: pan-y pinch-zoom;
	touch-action: pan-y pinch-zoom;
}

#header .searchWrap{top:0; z-index: 9999}

#header.active {box-shadow:0 10px 10px -8px rgba(0,0,0,0.1);}
#header.active .headerWrap{height: 3.75rem;transition:.2s;}
#header.active .headerWrap .logo a{margin: 0 3.5rem .55rem 0;}
#header.active .headerWrap #gnb #head_menu > li > a{padding:.9rem 1.8rem 1.1rem}
#header.active .headerWrap .util > *{margin:.95rem .2rem .8rem}
#header.active .headerWrap .ALLMn{ height: 1.5rem; margin:.9rem 0 .8rem .4rem !important;}
#header.active #gnb #head_menu .submenu{top:3.75rem;}
#header.active #gnb #head_menu > li > a:hover::before,#header.active #gnb #head_menu > li > a:focus::before{opacity: 1; top:10px;}
#header.active #gnb #head_menu > li > a::after{bottom:0;}
#header.active #gnb #head_menu > li > a:hover::after, #header #gnb #head_menu > li > a:focus::after{transform: translateX(-50%) scaleX(1);}
#header.active .headerWrap .util .searchWrap.active{margin-top:-1.25rem !important;}
#content_detail{width:100%; margin-top:5rem;}
#section1{width:100%; position:relative; overflow:hidden;}
/*#section1{width:100%; position:relative;background-size: cover; background-position:center; background-repeat:no-repeat;}*/
/*#section1::before{content:''; z-index:0;width:100vw; height:inherit; position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; background:#5e656e; opacity:.28; filter: blur(6px); -webkit-filter: blur(600px); -moz-filter: blur(6px);-o-filter: blur(6px);}*/
/*#section1:after{content:''; position: absolute; left:0; bottom:-5px; width:calc(100% - 70rem); width:-webkit-calc(100% - 70rem); height: calc(50% - 10rem + 5px); height: -webkit-calc(50% - 10rem + 5px); background: #fff; transform: translateX(-50%);}*/
#section1 .visual-bg-slider{position:relative; width:100vw; height:530px; z-index:0;overflow:hidden}
#section1 .visual-bg-slider .item-bg{width:100vw; height:530px; position:relative; left:0; top:0; bottom:0; right:0; filter: blur(12px); -webkit-filter: blur(12px); -moz-filter: blur(12px);-o-filter: blur(12px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');}
#section1 .visual-bg-slider .item-bg img{width:100%; height:auto; filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px);-o-filter: blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); /* Firefox needs SVG */ /* IE lte 9 */}
#section1 .visual-bg-slider .item-bg canvas{position: absolute; left: 0; top:0; width:100% !important; height: auto !important; }
#section1 .visual-bg-slider::before{content:''; display:block;z-index:15;width:100vw; height:1px; position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; background:#5e656e; opacity:.28;}
/*#section1 .visual-bg-slider .item-bg::before{content:''; display:block;z-index:150;width:100vw; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; background:#5e656e; opacity:.28;}*/#section1 .visual-bg-slider .slick-track,#section1 .visual-bg-slider .slick-list {height:1px; !important; z-index:0}
#section1 .slider_wrap{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); z-index:10;}
#section1 .slider {
	width:100%; 
	height:100%;
	/* overflow:hidden;  */
	}
#section1 .slider .slick-slide {position:relative; width:32rem !important; /*transform: scaleX(1);*/height:20rem;  padding:0 6rem; /*-webkit-transition:width 1s ease;transition:width 1s ease; overflow:hidden;*/}
#section1 .slider .item a{transition:0.3s; display: block;  position:relative; width: 100%; height: 100%; overflow: hidden; left: -120px}
#section1 .slider .item a:focus{border: 3px solid rgba(24,152,241,0.5)}								
#section1 .slider .item a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); transition:0.3s; width:200%; height: 20rem; max-width: inherit; /*-webkit-transition:all .3s ease;transition:all .3s ease;*/}
#section1 .slider .item a:before{content:''; position:absolute; z-index:5;left:0; top:0; right:0; bottom:0; background:#000; opacity:.6;}
#section1 .slider .item .visual_txt{/*transition:0.3s;*/ position:absolute; width:16rem; left:2rem; bottom:4rem; z-index: 10;color:#fff; /*-webkit-transition:all .3s ease;transition:all .3s ease; */}
#section1 .slider .item .visual_txt .refer{display:block; position:relative; font-size:.8rem; margin-left:1rem; font-weight:400; }
#section1 .slider .item .visual_txt .refer::before{content:''; width:12px; height:5px; background:#fff; position:absolute; left:-20px; top:10px; font-weight:400;}
#section1 .slider .item .visual_txt .refer_tit{display:block; font-family:'Nanum Square',sans-serif; font-weight:900; font-size: 1.4rem; line-height:1.6rem; margin-top:.8rem; /*-webkit-transition:all .3s ease;transition:all .3s ease;*/}
#section1 .slider .item .visual_txt .refer_txt{display:none; }
#section1 .slider .item .visual_txt i{position:absolute; right:0; bottom:-2rem; font-size: 1.5rem; opacity:.5;}
#section1 .slider.center .slick-slide + .slick-active > a{left: -120px; }
#section1 .slider .item.video .visual_txt {display:none} 
#section1 .slider.center .slick-current + .slick-slide + .slick-slide{left:inherit !important;}
/*#section1 .slider.center .slick-slide.dd > a{left: -120px;}*/
#section1 .slider.center .slick-center.slick-active + .slick-slide > a{right:-120px; left:inherit; }
#section1 .slider.center .slick-center + .slick-slide > a{right:120px;}
/*#section1 .slider.center .slick-slide +  .slick-center > a{right: 240px; border:3px solid #fff; left:inherit !important}*/#section1 .slider.center .slick-current > a{box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.5); width: calc(100% + 400px);z-index:1; width: -webkit-calc(100% + 400px); transform: translate(-200px,0px); right:inherit !important; left: inherit !important;}
#section1 .slider.center .slick-current .visual_txt{width:20rem; height:18rem; background:#fff; color:#333; left:0; top:1rem; padding:2rem;}
#section1 .slider.center .slick-current a:before{display:none;}
#section1 .slider.center .slick-current img{max-width:100%; height:100%; box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.1);}
#section1 .slider.center .slick-current .refer:before{background:#0a8ec9;}
#section1 .slider .item .visual_txt .refer_tit{display:block;}
#section1 .slider.center .slick-current .refer_txt{display:block; word-break: keep-all;line-height:1.3rem;margin-top:.8rem; font-weight:400; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space:inherit; overflow: hidden; text-overflow: ellipsis;height: 6.5rem; display:-webkit-box; color: #22282f; }
#section1 .slider.center .slick-current i{color:#ccc; right:2rem; bottom:2rem;}
#section1 .slider.center .slick-current i{animation: slider_plus 1.5s linear;}
#section1 .slider.center .slick-current + .slick-slide + .slick-slide a{left: 120px}
#section1 .controls{width:50.5rem; position: absolute; left:50%; top:45%; transform:translate(-50%, -50%); display:block; height:0}
#section1 .controls button {position:relative; color:#fff; font-size:1.5rem; cursor:pointer;}
#section1 .controls .prev{float:left; margin-left: .75rem; overflow:visible;}
#section1 .controls .next{float:right; margin-right: .75rem; overflow:visible;}
#section1 .controls button::after{content:''; width: 2.5rem; height:2.5rem; border-radius:50%; border: 1px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#section1 .controls button:hover::after, #section1 .controls button:focus::after, #section1 .controls button:active::after{background:#fff;}
#section1 .controls button:hover,#section1 .controls button:focus,#section1 .controls button:active {color:#555;}
#section1 .controls button i{position:relative; z-index:10;}

#section1 .slick-dots{
	width: auto;
    height: 10px;
    text-indent: -9999px;
    z-index: 1000;
    position: absolute;
    left: 50%;
    bottom: 30px;
    /* bottom: -35px; */
    transform: translateX(-50%);
    }
#section1 .slick-dots li{
	width:10px; 
	height:10px; 
	float:left; 
	margin-right:1rem; 
	border-radius:50%;
	cursor:pointer; 
	}
#section1 .slick-dots li button{
    display: block;
    width: 100%;
    height: 100%;
	border: 1px solid #fff;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    }
#section1 .slick-dots li.slick-active {width:40px; border-radius:5px; background:#fff;}
#section1 .pause{position: absolute; left:calc(50% - 120px); left:-webkit-calc(50% - 120px); /* left: 50%; */  bottom:-45px; transform:translateX(-50%); font-size:.9rem; color:#fff;}
@keyframes slider_plus{
	0%  {transform: rotate(0deg) scale(1);}
	30% {transform: rotate(0deg) scale(1.5);}
	60% {transform: rotate(180deg) scale(1.5);}
    100% {transform: rotate(180deg) scale(1.1);}
}
@keyframes slider_plus2{
	0%  {transform: rotate(0deg);}
    100% {transform: rotate(180deg);}
}
#section2{position:relative; width:100%; margin-bottom:1rem; /*z-index:10;*/}
#section2 > div .notice, #section2 > div .sns_link{float: left; width:50%; margin: 2.5rem 0 1.5rem;}#section2::before{content:''; width:12.5rem; height:26rem; background:#fff; position: absolute; left:0; top:-50%; z-index:-5; }
#section2::after{content:''; width:26.5rem; height:26rem; background:#fff; position: absolute; left:0; bottom:-70%; z-index:-5; }
#section2 .notice{padding-right: .5rem; position:relative;}
#section2 .notice > ul {position:relative;z-index:10;}
#section2 .notice .tab span {display: inline-block;  color:#777777;padding:.7rem 1rem .7rem 0rem; border-bottom:1px solid #e4e4e4; position:relative; font-family:'Nanum Square', sans-serif; font-weight:900; font-size:1rem;}
#section2 .notice .tab:hover span, #section2 .notice .tab:focus span, #section2 .notice .tab:active span{border-bottom:1px solid #2b2b2b; color:#333;}
#section2 .notice .tab.active span{border-bottom:1px solid #2b2b2b; color:#333;}
#section2 .notice .tab.active span::before{display:block;}
#section2 .notice .tab:hover span::before, #section2 .notice .tab:focus span::before, #section2 .notice .tab:active span::before{display:block;}
#section2 .notice .tab span::before{display:none; content:''; width: 0px;height: 0px; border-left: 8px solid #0a8ec9; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid transparent; position:absolute; right:0; top:48%; transform:translateY(-50%);}
#section2 .notice .brd{position: absolute; left:150px;top:.55rem; width: calc(100% - 150px); width: -webkit-calc(100% - 150px); height:100%; display:none;}
#section2 .notice .brd.active{display:block;}
#section2 .notice .brd.active::before{content:''; width: 180px; height: 180px; z-index:-1;display: block;position: absolute; right:3rem; bottom: -1rem; background:url(../img/main/notice_bg.png) no-repeat center/contain;}
#section2 .notice .brd  li .tit{padding-bottom:5px; width: 100%;font-size:.85rem; font-weight:500; color:#343434; position:relative; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#section2 .notice .brd  li .tit em{position: relative;}
#section2 .notice .brd  li .tit em::after{display: block; content:''; width: 0%; height:1px; background:#aeaeae; position:absolute; left:0; right:0; bottom:-4px; transition:.5s;}
#section2 .notice .brd  li a:hover .tit em::after, #section2 .notice .brd  li a:focus .tit em::after, #section2 .notice .brd  li a:active .tit em::after{width:100%;}
#section2 .notice .brd  li a{display:block;}
#section2 .notice .brd  li{margin-bottom:1.2rem;}
#section2 .notice .brd  li a:hover .tit em::after, #section2 .notice .brd  li a:focus .tit em::after, #section2 .notice .brd  li a:active .tit em::after{display:block;}
#section2 .notice::after{content:''; position:absolute; display:none; width: calc(100% - 100px); width: -webkit-calc(100% - 100px); height:1px; background: #e4e4e4;}
#section2 .notice .brd  li .date{color:#666; font-size:.8rem; display: block;font-family: 'Open Sans', sans-serif;font-weight: 400;font-style: normal; line-height:1rem;}
#section2 .notice .more{float:left}
#section2 .more {color:#949494; margin-top:.5rem; transition:0.3s; font-family: 'Open Sans', sans-serif;font-weight: 600;font-style: italic; font-size:.85rem;}
#section2 .more i{padding-left:.5rem; transition: 0.3s;}
#section2 .more a:hover, #section2 .notice .brd .more a:focus{color:#000;}
#section2 .more a:hover i, #section2 .more a:focus i{padding-left:.7rem;}
#section2 .sns_link{overflow-x:auto;}
#section2 .sns_link .box_wrap{width:100%; padding: .5rem;}
#section2 .sns_link .box_wrap #mCSB_2_container{padding: .5rem;}
#section2 .sns_link .box {float: left; width: 31.5%; }
#section2 .sns_link .box:nth-of-type(2){margin:0 2.75%;}
#section2 .sns_link .box .imgwrap{width:140px; height:140px; border-radius:50%; margin:0 auto; position: relative; overflow:hidden}
#section2 .sns_link .box .imgwrap::after{content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; border-radius:50%;}
#section2 .sns_link .box .imgwrap i{font-family: 'OpenSans', sans-serif;font-size:1.5rem; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; z-index:10;}
#section2 .sns_link .tit{font-size:.85rem; font-weight:700; text-align:left; margin-top:.5rem;}
#section2 .sns_link .txt{font-weight:500; font-size:.8rem; line-height:1.5; text-align:left;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden; text-overflow: ellipsis;height: 2.5rem;}
#section2 .sns_link .box a{display:block; padding:.9rem 1rem;border:1px solid #ededed; transition:0.3s;}
#section2 .sns_link .box a:hover, #section2 .sns_link .box a:focus, #section2 .sns_link .box a:active{box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.1); border:1px solid transparent;}
#section2 .sns_link .box a:hover .more, #section2 .sns_link .box a:focus .more, #section2 .sns_link .box a:active .more{color:#000;}
#section2 .sns_link .box a:hover .more i, #section2 .sns_link .box a:focus .more i, #section2 .sns_link .box a:active .more i{color:#000;padding-left:.7rem;}
#section2 .sns_link .box a .imgwrap img{transform:scale(1); width:100%; transition:0.3s;}
#section2 .sns_link .box a:hover .imgwrap img, #section2 .sns_link .box a:focus .imgwrap img, #section2 .sns_link .box a:active .imgwrap img{transform:scale(1.1);}


#section3 {width:100%;position:relative; height:470px;}
#section3 .container{position:relative;}
#section3 .container::after{ opacity:0; content:''; position:absolute; right:-10%; bottom: -3rem; background:url(../img/main/sect3_bg_01.png) no-repeat; width: 482px; height:255px;}
#section3 .container::before{ opacity:0; content:''; position:absolute; left:8.5rem; bottom:1rem ; background:url(../img/main/sec3_bg_02.png) no-repeat; width: 224px; height:104px;}
#section3::after{opacity:0; content:''; position:absolute; left: 91.60833%; top: -.9rem; background:url(../img/main/sect3_acc.png) no-repeat center/contain; width: 38px; height:38px; }
#section3::before{content:''; width: 0%; height:470px; position:relative; z-index:-10; background: #e5f1f9; background: -moz-linear-gradient(left,  #e5f1f9 27%, #dff2eb 70%); background: -webkit-linear-gradient(left,  #e5f1f9 27%,#dff2eb 70%); background: linear-gradient(to right,  #e5f1f9 27%,#dff2eb 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1f9', endColorstr='#dff2eb',GradientType=1 ); position:absolute; left:0; top:0;}
#section3 .pub_tit{display: block; opacity:0; width:11rem;float: left; margin-top:2.5rem; padding-top:2.5rem;}

#section3 .pub_sliderwrap .bx-wrapper{
	display: none; 
	width:calc(100% - 10.5rem); 
	width:-webkit-calc(100% - 10.5rem); 
	position: absolute; 
	right:0; 
	top:3.5rem;
	float: right; 
	z-index:10;}
#section3 .pub_sliderwrap.active .bx-wrapper{display: block;}
#section3 .pub_sliderwrap .bx-wrapper .bx-viewport{height: auto !important;}

#section3 .pub_sliderwrap{opacity:0;}
#section3 .pub_tit strong{font-size:1.3rem; display: inline-block; color:#81817f;}
#section3 .pub_tit span{font-size:1.4rem; font-family:'Nanum Square',sans-serif; font-weight:900;  display:block; position:relative;line-height:1.2rem;}
#section3 .pub_tit span::before{content:''; width:2.2rem; height:1px; background:#333; top:-4.5rem; left:0; position:absolute;} 

#section3 .pup_refer{ display:block; padding: 0.2rem;color:#777; font-weight:400; font-size:.9rem; position:relative; z-index:5; float:left; margin:1.5rem 9px 0;}
#section3 .active .pup_refer{font-weight:700; color:#333;}
#section3 .pup_refer::before{content:''; position: absolute; right:-9px; top:50%; width: 1px; height: 10px; background: #e3e3e3; transform: translateY(-50%)}
#section3 .pup_refer:last-of-type::before{display:none; opacity:0;}
#section3 .pup_refer::after{content:''; position:absolute; left:2px; bottom:8px; background:#84d3f0; width: 95%; height:5px; z-index:-1; display: none;}
#section3 .active .pup_refer::after{display:block;}
#section3 .pub_slider {overflow: hidden !important; height: 328px}
#section3 .pub_slider .slick-slider .slick-track{overflow: hidden !important; }
#section3 .pub_slider .slick-slider .slick-list{overflow: hidden !important; }

#section3 .pub_slider .item{
	width:14rem !important; 
	height:14rem;
	margin:1.2rem 0; 
	position:relative; 
	float: left; 
	padding-right:1rem !important; 
	margin-right: 1rem;
	}
#section3 .pub_slider .item::before{
	content:''; 
	position: absolute; 
	right: -10px; 
	bottom:-10px;
	width:6rem; 
	height: 6rem; 
	background:#0057a8; 
	}
#section3 .pub_slider .item > a{display: block; width: 14rem; height:14rem; background:#fff; padding:1.5rem; position:relative;margin-right: 1rem;}

#section3 .pub_slider .item .all_tit{display: inline-block; padding: .25rem .5rem; color:#fff; font-weight:500; font-size:.75rem; position:absolute; left:1.5rem; top:-.5rem;}
#section3 .pub_slider .item .all_txt{line-height:1.5; font-size:.9rem; font-weight:700;margin-top:1.25rem; word-break: keep-all; position:relative; z-index:2;}
#section3 .pub_slider .item .pub_bg{font-weight:300; font-size:.75rem; color:#777; position:relative; float:left; margin-top:5rem; }
#section3 .pub_slider .item .pub_bg::before{content:''; position:absolute; left:0 ; top:-3.7rem; width: 8rem; height: 4.5rem; z-index: 0;}
#section3 .pub_slider .item .comment{position:absolute; left: 50%; bottom:1.65rem; transform: translateX(-50%); width:100%; padding:0 1.5rem; z-index:1;}
#section3 .pub_slider .item .date{float:right; margin-top:3.1rem; width:25%; background: transparent; position:relative; z-index:1;}
#section3 .pub_slider .item .date em{font-size:.65rem; color:#333;display:inline-block; width:100%; text-align:center;font-family: 'Open Sans',sans-serif;font-weight: 600;font-style: normal;}
#section3 .pub_slider .item .date strong{font-size:1.6rem; color:#333; display:inline-block;width:100%; text-align:center; position: relative; line-height:1;font-family: 'Open Sans',sans-serif;font-weight: 600;font-style: normal;}
#section3 .pub_slider .item .date strong::before{content:''; width:100%; height:1px; background:#333; position:absolute; left:0; top:0;}

#section3 .pub_slider .item.report .all_tit{background:#0057a8;}
#section3 .pub_slider .item.publication .all_tit{background:#1898f1;}
#section3 .pub_slider .item.journal .all_tit{background:#209888;}
#section3 .pub_slider .item.report::before{background:#0057a8;}
#section3 .pub_slider .item.publication::before{background:#1898f1;}
#section3 .pub_slider .item.journal::before{background:#209888;}
#section3 .pub_slider .item.report .pub_bg::before{background:url(../img/main/pub_bg_01.png) no-repeat;}
#section3 .pub_slider .item.publication .pub_bg::before{background:url(../img/main/pub_bg_02.png) no-repeat; width:15rem;}
#section3 .pub_slider .item.journal .pub_bg::before{background:url(../img/main/pub_bg_03.png) no-repeat;}

#section3 .pub_slider .item.active .publication::before, 
#section3 .pub_slider .item.active .journal::before, 
#section3 .pub_slider .item.active .report::before{background:#fff;}


#section3 .pub_slider .item.active .basket, #section3 .pub_slider .item.active .basket{display:block}
#section3 .pub_slider .item.report a:hover, #section3 .pub_slider .item.report a:focus{background:#0057a8;}
#section3 .pub_slider .item.publication a:hover, #section3 .pub_slider .item.publication a:focus{background:#008ef1;}
#section3 .pub_slider .item.journal a:hover, #section3 .pub_slider .item.journal a:focus{background:#209888;}
#section3 .pub_slider .item a:hover .all_tit, #section3 .pub_slider .item a:focus .all_tit{background:#fff;}
#section3 .pub_slider .item a:hover .all_txt, #section3 .pub_slider .item a:focus .all_txt{color:#fff;}
#section3 .pub_slider .item a:hover .date em, #section3 .pub_slider .item a:focus .date em{color:#fff;}
#section3 .pub_slider .item a:hover .date strong, #section3 .pub_slider .item > a:focus .date strong{color:#fff;}
#section3 .pub_slider .item a:hover .date strong::before, #section3 .pub_slider .item a:focus .date strong::before{background:#fff;}
#section3 .pub_slider .item a:hover .pub_bg, #section3 .pub_slider .item a:focus .pub_bg{color:#fff;}
#section3 .pub_slider .item a:hover, #section3 .pub_slider .item:focus{color:#fff;}
#section3 .pub_slider .item.active::before, #section3 .pub_slider .item:focus::before{background:#fff;}
#section3 .pub_slider .item.report a:hover .all_tit, #section3 .pub_slider .item.report a:focus .all_tit{color:#0057a8;}
#section3 .pub_slider .item.publication a:hover .all_tit, #section3 .pub_slider .item.publication a:focus .all_tit{color:#008ef1;}
#section3 .pub_slider .item.journal a:hover .all_tit, #section3 .pub_slider .item.journal a:focus .all_tit{color:#209888;}


#section3 .pub_slider .item:hover:before{background:#fff;}
#section3 .pub_slider .item.active:before{background:#fff;} 

#section3 .pub_slider .item .basket{position: absolute; right:0; bottom:-.8rem; padding: .4rem 0; display:none;}
#section3 .pub_slider .item .basket > a:nth-of-type(1){padding: .5rem 1rem; background:#202531; color:#fff; }
#section3 .pub_slider .item .basket > a:nth-of-type(2){padding: .5rem .6rem; background:#202531; color:#fff; border-left:1px solid #484d58;}


#section3 .bx-controls{position: absolute; left: -10.5rem; bottom:2rem; } 
#section3 .bx-controls a{ display:block; width: 50px; height:50px; background:#fff; margin:0; float:left; border:1px solid #ddd; line-height: 50px; color:#333; overflow: hidden;}

#section3 .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: "\e93b";  font-size:1rem; text-indent: 0; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center; }
#section3 .bx-controls-direction a.bx-next::before { content: "\e93e"; }
#section3 .bx-controls-direction a.bx-prev { top: 0rem; border-right:0; left: 0;}
#section3 .bx-controls-direction a.bx-next { top: 0rem; border-left:0; left: 5rem;}
#section3 .bx-controls-direction a:hover::before, 
#section3 .bx-controls-direction a:focus::before { opacity: 1; }
#section3 .bx-controls-auto{position: absolute; left: 2.5rem; text-align: center;}
#section3 .bx-controls-auto a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: "\ea3b";  font-size:1rem; text-indent: 0; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center;}
#section3 .bx-controls-auto a.bx-start::before { content: "\ea3e"; }
#section3 .bx-controls-auto .bx-stop.active,
#section3 .bx-controls-auto .bx-start.active{display: none;}
#section3 .bx-controls-auto a:hover::before, 
#section3 .bx-controls-auto a:focus::before { opacity: 1; }

#section3 .bx-controls a:hover, 
#section3 .bx-controls a:focus, 
#section3 .bx-controls a:active{border:1px solid #333;}

#section3 .plus{position: absolute; right: 0;top:1rem; font-size:1.5rem; color:#a4aeac; display:none;}
#section3 .pub_sliderwrap.active .plus{display: block;}

/*section3 effect*/
#section3.effect::before {width:92.70833%; transition:1s;} 
#section3.effect .pub_tit { opacity:1; transition:0.8s; transition-delay:.8s;}

#section3.effect .pub_sliderwrap {opacity:1; transition:0.8s; transition-delay:1.3s;}
#section3.effect .controls {opacity:1; transition:0.5s; transition-delay:1.3s;}
#section3.effect::after{opacity:1; transition:0.6s; transition-delay:1.2s; animation: slider_plus2 .8s linear; animation-delay: 1.5s;}
#section3.effect .container::before{opacity:1; transition:.3s; transition-delay:.3s;}
#section3.effect .container::after{opacity:1; transition:.3s; transition-delay:.3s;}



/*Quick메뉴*/


#section3 .quickWrap{position: absolute; right: 0; top:0; width: 11rem; height:470px; z-index: 81; }
#section3 .quickBtn_area{position:absolute; right:-1.15rem; /*top: -6rem;*/ top:4rem; transform:rotate(-90deg); transition: 0.3s;}
#section3 .quickBtn:hover span:before, #section3 .quickBtn:focus span:before{bottom: 0; opacity: 1}
#section3 .quickBtn span {position:relative}
#section3 .quickBtn span:before{content:''; position: absolute; left:0; bottom:1rem; width: 100%; height: 1px; background:#fff; opacity:0; transition: 0.5s;}
#section3 .quickBtn_area .quickBtn{font-family:'Nanum Square',sans-serif; font-size: 1.2rem; font-weight:900; color:#fff; text-align: center; padding:.75rem 1rem; background: rgb(18,148,187); /* Old browsers */
background: -moz-linear-gradient(left, rgba(18,148,187,1) 0%, rgba(15,148,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(18,148,187,1) 0%,rgba(15,148,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18,148,187,1) 0%,rgba(15,148,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1294bb', endColorstr='#0f948b',GradientType=1 ); }
#section3 .quickBox {visibility: hidden;  box-shadow:0px 5px 5px 2px rgba(0,0,0,0.1); position:absolute; transition: 0.5s; right:-11rem; top:0; padding:2rem 1.25rem; height: 470px; background: rgb(18,148,187); /* Old browsers */
background: -moz-linear-gradient(left, rgba(18,148,187,1) 0%, rgba(15,148,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(18,148,187,1) 0%,rgba(15,148,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(18,148,187,1) 0%,rgba(15,148,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1294bb', endColorstr='#0f948b',GradientType=1 ); }
#section3 .quickBox::after{content:''; position:absolute; right: 0 ; bottom: 1.8rem; background: url(../img/main/quick-bg.png) no-repeat; width:187px; height:101px;}
#section3 .quickBox .tit{overflow: hidden; color:#fff;}
#section3 .quickBox .tit span{float: left;color:#fff;font-size: 1.2rem;font-family:'Nanum Square',sans-serif; font-weight:900;}
#section3 .quickBox .lst{ margin-top:1rem; position:relative}
#section3 .quickBox .lst li a{ display: block; padding: .5rem 0; color:#fff; font-size:.8rem; font-weight: 500;}
#section3 .quickBox .lst li span{margin-left: 2.5rem;  position:relative}
#section3 .quickBox .lst li span:before{content:''; position:absolute; left:-2.5rem; top:50%; transform: translateY(-50%); display:block; width:32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: contain; }
#section3 .quickBox .lst li span:after{opacity:0; transition:.3s; content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height: 1px; background:#fff; }
#section3 .quickBox .lst li:nth-of-type(1) span:before{background-image:url(../img/main/quick1.png);}
#section3 .quickBox .lst li:nth-of-type(2) span:before{background-image:url(../img/main/quick2.png);}
#section3 .quickBox .lst li:nth-of-type(3) span:before{background-image:url(../img/main/quick3.png);}
#section3 .quickBox .lst li:nth-of-type(4) span:before{background-image:url(../img/main/quick4.png);}
#section3 .quickBox .lst li:nth-of-type(5) span:before{background-image:url(../img/main/quick5.png);}
#section3 .quickBox .clsBtn{color:#fff; font-size: 1.2rem; margin-top:.4rem; position:absolute; right: 1.25rem; top: 1.75rem}
#section3 .quickBox .lst li a:hover span:after, #section3 .quickBox .lst li a:focus span:after{bottom: -2px; opacity:1;}

#section3 .quickWrap.active .quickBox{right:0; visibility:visible}
#section3 .quickWrap.active .quickBtn_area{right: -4.5rem; }

#section4{width:100%; margin:4.75rem 0 2.5rem; position:relative;}
#section4::before{content:''; width: 0%; height:270px; position:absolute; right:0; top:0;z-index:-10; background: #615396; background: -moz-linear-gradient(left,  #615396 0%, #204b87 62%); background: -webkit-linear-gradient(left,  #615396 0%,#204b87 62%); background: linear-gradient(to right,  #615396 0%,#204b87 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615396', endColorstr='#204b87',GradientType=1 );}
#section4 .inside_tit{padding: 4.5rem 6rem; position:relative; color:#fff; opacity:0;}
#section4 .inside_tit p{font-size:1rem;}
#section4 .inside_tit p.left{float: left; letter-spacing:.7rem; position:relative;}
#section4 .inside_tit p.center{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);display: block;text-align:center; font-weight:700; font-size: 1.4rem;}
#section4 .inside_tit p.right{float: right; letter-spacing:.5rem;position:relative;}
#section4 .inside_tit p.left::before{content:''; position:absolute; right:-40%; bottom:50%; transform:translateY(-50%); width: 130px; height: 1px; background:#fff; }
#section4 .inside_tit p.right::before{content:''; position:absolute; left:-150%; bottom:50%; transform:translateY(-50%); width: 100%; height: 1px; background:#fff; }
#section4 .inside_tit p.center span{display:block; text-align:center; font-weight:700; font-size: 1.4rem;line-height: 1rem;}


#section4 .inside_wrap{ height:18rem; margin-bottom:2rem; width:calc(100% + 2rem); width:-webkit-calc(100% + 2rem);margin-left:-2rem;}
#section4 .inside_wrap #mCSB_3_container{}
#section4 .inside_wrap .item_wrap{ width: 100%;}
#section4 .inside_wrap [class*="col-"]{padding: 0 0 0 2rem}

#section4 .inside_wrap .item{/*width:calc(25% - 2rem);*/ height:18rem; opacity:0; position:relative;overflow:hidden; transition:0.3s;  }
#section4 .inside_wrap .item:before{content:''; position: absolute; width: 100%; height: 100%; left: 0; top:0; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);}
#section4 .inside_wrap .item img{width: 100%; height: 100%; transition:0.3s;}
#section4 .inside_wrap .item strong {position: absolute; left:1rem; top:1rem; color:#fff; font-size: 1.5rem; z-index:3; font-family: 'Open Sans',sans-serif;font-weight: 700;font-style: normal;}
#section4 .inside_wrap .item span {position: absolute; left:1rem; top:3.5rem; color:#fff; font-weight: 500; z-index:3; font-size:.9rem;}
#section4 .inside_wrap .item p {position: absolute; left: 0; right:0; bottom: 0; width:100%; display: block; min-height:102px; background:rgba(0,0,0,0.6); color:#fff; padding:1rem; font-weight:700; word-break:keep-all; font-size:.9rem; z-index:3; transition: 0.3s;}
#section4 .inside_wrap .item p em{display: block; font-size: .8rem; font-weight:300;}
#section4 .inside_wrap .item:hover a p{background:rgba(0,0,0,0.75);} 
#section4 .inside_wrap .item a{ display: block; width:100%; height:100%; }
#section4 .inside_wrap .item:hover a img, #section4 .inside_wrap .item:focus a img{transform: scale(1.05);}
#section4 .inside_wrap .item:hover a, #section4 .inside_wrap .item:focus a{box-shadow:12px 12px 5px 0px rgba(0,0,0,0.3);}
#section4 .inside_wrap .item a:focus img{transform: scale(1.05);}
#section4 .inside_wrap .item a:focus{box-shadow:12px 12px 5px 0px rgba(0,0,0,0.3); border: 5px solid rgba(24,152,241,0.5) !important;}
#section4 .inside_wrap .item a:focus p{background:rgba(0,0,0,0.75);}
/*section4 effect*/
#section4.effect::before{width:92.70833%; transition:1s; transition-delay:0.3s;}
#section4.effect .inside_tit{ opacity: 1; transition:0.8s; transition-delay:1s;}
#section4.effect .inside_wrap .item{opacity:1; transition:0.5s; transition-delay:1.5s;}
#section4.effect .inside_wrap .item:nth-of-type(2){transition-delay:1.8s;}
#section4.effect .inside_wrap .item:nth-of-type(3){transition-delay:2.1s;}
#section4.effect .inside_wrap .item:nth-of-type(4){transition-delay:2.4s;}
#section4.effect .edu_wrap{opacity:1; transition:0.5s; transition-delay:2.7s;}
#section4.effect .ban_wrap{opacity:1; transition:0.5s; transition-delay:3s;}



#section4 .row{width:100%;}
#section4 .row > div{float: left;}
#section4 .edu_scroll{margin-top:1rem;}
#section4 .edu_scroll .item{float:left; width: calc(100% /3); width: -webkit-calc(100% /3); padding-right:.75rem;}
#section4 .edu_scroll .item > a{display: block; width: 100%; height:100%;}
#section4 .edu_scroll .item .refer{display: block; border-right:1px solid #eaeaea;}
#section4 .edu_scroll .item:last-of-type .refer{border-right:none;}
#section4 .edu_scroll .item .refer strong{font-size:.85rem; font-weight:500; word-break:keep-all; display:block; min-height: 2.9rem;}
#section4 .edu_scroll .item .refer span{display:block; margin-top:.5rem; font-size:.8rem; font-weight:300; letter-spacing:-.2px; word-break: keep-all; padding-right:1rem}
#section4 .edu_scroll .item .button{display: inline-block; padding:.5rem 1.5rem; margin-top:1.2rem; background:#f3f3f3; font-size:.75rem;}
#section4 .edu_scroll .item:hover .button,
#section4 .edu_scroll .item a:focus .button,
#section4 .edu_scroll .item a .button:focus{background:#0692a3; color:#fff;}

#section4 .edu_wrap{width:calc(100% - 542px); width:-webkit-calc(100% - 542px); height:100%; position:relative;opacity:0; }
#section4 .edu_wrap .tit{font-size:1.1rem; font-weight:700;}
#section4 .edu_wrap .plus{position:absolute; right:2.25rem; top: .5rem; font-size:.8rem; font-weight: 300;}
#section4 .edu_wrap .plus:hover{font-weight:400;}

#section4 .ban_wrap{width:538px; opacity:0; border: 1px solid #eaeaea;}
#section4 .ban_wrap .ban_slide img{width: 480px; height: 250px;}
#section4 .ban_wrap .ban_slide .banner{width:100%;}
#section4 .ban_wrap .ban_slide .banner a{display: block; width:100%; height:100%;}
#section4 .ban_wrap .ban_slide .banner a:focus{outline: 1px red solid; outline-offset:3px;}
#section4 .ban_wrap .ban_slide .bx-wrapper {display: flex;}
#section4 .ban_wrap .ban_slide .bx-wrapper .bx-viewport{float: left; width: 90% !important;}
#section4 .ban_wrap .ban_slide .bx-controls{ position: absolute; right: 0; top: 2rem; width: 10%; height: 100%; float: right;}
#section4 .ban_wrap .ban_slide .bx-controls > *{display: block; color:#0f294a; padding:.3rem 0; width:100%;}
#section4 .ban_wrap .ban_slide .bx-controls-direction a { top:auto; overflow: hidden; background: none; line-height: 32px; text-align: center;}
#section4 .ban_wrap .ban_slide .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: "\e945";  font-size:1.3rem; text-indent: 0; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s; }
#section4 .ban_wrap .ban_slide .bx-controls-direction a.bx-next::before { content: "\e942"; }
#section4 .ban_wrap .ban_slide .bx-controls-direction a.bx-prev { top: 0rem; }
#section4 .ban_wrap .ban_slide .bx-controls-direction a.bx-next { top: 5.5rem; }
#section4 .ban_wrap .ban_slide .bx-controls-direction a:hover::before, 
#section4 .ban_wrap .ban_slide .bx-controls-direction a:focus::before { opacity: 1; }
#section4 .ban_wrap .ban_slide .bx-controls-auto{position: absolute; top:7rem; right: auto; left: 50%; transform: translateX(-50%); text-align: center;}
#section4 .ban_wrap .ban_slide .bx-controls-auto a{overflow: hidden; background: none; line-height: 32px; text-align: center;  width: 32px; height: 32px; text-align: center;}
#section4 .ban_wrap .ban_slide .bx-controls-auto a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; content: "\ea3b";  font-size:1.1rem; text-indent: 0; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s;}
#section4 .ban_wrap .ban_slide .bx-controls-auto a.bx-start::before { content: "\ea3e"; }
#section4 .ban_wrap .ban_slide .bx-controls-auto .bx-stop.active,
#section4 .ban_wrap .ban_slide .bx-controls-auto .bx-start.active{display: none;}
#section4 .ban_wrap .ban_slide .bx-controls-auto a:hover::before, 
#section4 .ban_wrap .ban_slide .bx-controls-auto a:focus::before { opacity: 1; }
#section4 .ban_wrap .ban_slide .bx-controls .bx-pager{position:absolute; top:1.5rem; width: 100%; font-size: 1.2rem; letter-spacing: -2px; text-align: center;}

/*section5 effect*/

#section6 { position:relative; width:100%;border-top:1px solid #ccc; padding: 1rem 3rem;}
#section6 .bx-wrapper{width: 100%; margin: 0 auto;}
#section6 .ban_wrap{width:100%; position:relative;}
#section6 .ban_wrap .banner{}
#section6 .ban_wrap .banner a {
    position: relative;
    display: block;
    width: 12.8rem;
    height: 2.9rem;
    overflow: hidden;
}
#section6 .ban_wrap .banner img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
}
#section6 .bx-controls{position: absolute; top:50%; transform:translateY(-50%); width:100%; font-size: .7rem; padding: .5rem; }
#section6 .bx-prev{left:0;}
#section6 .bx-next{right:0;}
#section6 .bx-wrapper .bx-controls-direction a { overflow: hidden; background: none; line-height: 32px; }
#section6 .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; font-size: 1rem; content: "\e93b"; text-indent: 0; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s; }
#section6 .bx-wrapper .bx-controls-direction a.bx-prev { left: 0rem; }
#section6 .bx-wrapper .bx-controls-direction a.bx-next { right: 0rem; text-align: right; }
#section6 .bx-wrapper .bx-controls-direction a.bx-next::before { content: "\e93e"; }
#section6 .bx-wrapper .bx-controls-direction a:hover::before, 
#section6 .bx-wrapper .bx-controls-direction a:focus::before { opacity: 1; }





/* 반응형 */

/*
@media(max-width:1027px){
	#section1 .controls {display:none;}
	#section1 .slider .slick-slide {margin: 2rem 1rem 2.5rem;}
	#section1 .slider.center .slick-center{margin: 2rem 1.5rem 3rem;}
	#section1 .slick-dots{bottom:4.3rem}
}
@media(max-width:927px){
	#section1 .slider .slick-slide {margin: 1.5rem 4rem 3rem;}
	#section1 .slider.center .slick-center {margin: 1.5rem 4rem 3rem;}
	#section1 .slick-dots{bottom:4.8rem}
}
*/
@media(max-width:1850px){
	#header.active .headerWrap #gnb #head_menu > li > a{padding:.9rem 1.2rem 1.1rem}
}
@media(max-width:1600px){
	#header.active .headerWrap #gnb #head_menu > li > a{padding:.9rem 1.15rem 1.1rem}
}
@media(max-width:1540px){
	#header.active .headerWrap #gnb #head_menu > li > a{padding:.9rem 1.1rem 1.1rem}
}
@media(max-width:1500px){
	#section1 .controls {width: 47rem;}
	#section1 .slider.center .slick-slide + .slick-active > a{left: -80px;} 
	/*#section1 .slider.center .slick-center + .slick-slide > a{right:-80px; left:inherit;}*/
}


@media(max-width:1400px){
	#section1:after{content:''; position: absolute; left:0; bottom:0; width:calc(100% - 70rem); width:-webkit-calc(100% - 70rem); height:5rem; background: #fff; }
	
	#section2 > div > .notice{width:45%;}
	#section2 > div > .sns_link{width:55%;}
	#section2 .notice .brd{left:120px}
	#section2 .sns_link{overflow-x:auto;}
	#section2 .sns_link .box_wrap{width:720px; padding-bottom:10px; padding-right:10px; }
	#section2 .sns_link .box {width: 214px;}
	#section2 .sns_link .box:nth-of-type(2){margin:0 20px;}
	#section4 .inside_wrap [class*="col-"]:first-of-type{margin-left:-2rem;}
	#section4 .inside_wrap{overflow-x:auto; height:380px;margin-bottom:1.5rem; margin-left:0; }
	#section4 .inside_wrap .item_wrap{ width:1400px; }
	#section4 .inside_wrap .item{width:309.5px;}
	#section4 .inside_tit{padding: 4rem 5rem;}
	#section4 .inside_tit p.right::before{width:120px; left:-50%;}
	#section4 .inside_tit p.left::before{width:120px; right:-40%;}
	#section4 .inside_wrap #mCSB_3_container{ padding: 0; }
	#section4 .edu_scroll .item .refer{word-break:keep-all}
	#section4 .edu_scroll .item .refer span em{display:none;}
	
	
}

@media(max-width:1336px){
	#section4 .inside_wrap{width:105%}
}

@media(max-width:1260px){
	#section2 > div > .notice{width:40%;}
	#section2 > div > .sns_link{width:60%;}
	#section4 .inside_tit p.right::before{width:80px; left:-32%;}
	#section4 .inside_tit p.left::before{width:80px; right:-25%;}
	
	#section4.effect .edu_wrap{opacity:1; transition:inherit; transition-delay:inherit;}
	#section4.effect .edu_wrap .item:last-of-type{display:none;}
	#section4 .edu_scroll .item{width: calc(100% / 2); width: -webkit-calc(100% / 2)}
	#section4 .edu_scroll .item:nth-of-type(2) .refer{border-right:0;}
	#section4 .edu_scroll .item .refer span{display:none;}
	#section4.effect .ban_wrap{opacity:1; transition:inherit; transition-delay:inherit;}
	#section2 > div > .notice{width:50%;}
	#section2 > div > .sns_link{width:50%;}
	
	
}
@media(max-width:1120px){
	#header.active .headerWrap{height: 80px;transition:.2s;}
	#header.active .headerWrap .logo a{margin: .25rem 0 .6rem 0;}
	#header.active .headerWrap .util > *{margin:1.35rem .2rem .8rem}
	#header.active .headerWrap .ALLMn{ height: 1.5rem; margin:1.3rem 0 .8rem .35rem !important;}
	#header.active .headerWrap .util .searchWrap.active{margin-top:0 !important;}
	#section4 .inside_tit p.right::before{display:none;}
	#section4 .inside_tit p.left::before{display:none;}
	#section4 .inside_tit p.center{top:60%;}
	#section4 .inside_tit{padding: 3.5rem 4rem 4rem;}
	#section2 > div > .notice, #section2 > div > .sns_link{margin:2rem 0 2rem;}
	#section4{width:100%; margin:2rem 0 2rem;}
	#section4.effect .row .edu_wrap{margin-bottom:2rem;}
	#section3 .quickWrap{display:none;}
}
@media(max-width:1060px){
	#section1 .visual-bg-slider {height:513px}
	#section1 .pause {bottom:-35px}
	#section1 .visual-bg-slider .item-bg canvas{height: 100% !important; }
}
@media(max-width:1027px){
	#section1 .slick-dots{text-indent:-9999px; z-index:50; position: absolute; left:50%; bottom:25px; transform:translateX(-43%);}
	/*#section1 .pause{position: absolute; left:calc(50% - 75px); bottom:1rem; transform:translateX(-50%); font-size:.9rem; color:#fff;}*/
	#section1 .visual-bg-slider {height:500px}
	
}
@media(max-width:1025px){
	#section1 .pause {bottom:-43px}
	#section1 .visual-bg-slider .item-bg img{height:100%; width: auto}
}
@media(max-width:950px){
	/*#section1 .controls{display:none;}*/
	#section1 .slider_wrap{top: 47%;}
	#section1 .pause{left: 50%; bottom:-52px}
	#section1 .controls{width: 7.5rem; top: 100%; }
	#section1 .controls button{font-size:1.2rem; position:relative; top: 1.15rem}
	
	#section1 .controls .next{margin-right: 0}
	#section1 .controls .prev{margin-left: 0}
	#section1 .controls button::after{width:2rem; height: 2rem}
	
	#section1 .slick-dots{display:none !important;}
	#section4 .edu_scroll .item .refer strong{min-height:84px;}
	#section4 .inside_tit p{font-size:.9rem}
}
@media(max-width:850px){
	
	#section4 .inside_tit p.right, #section4 .inside_tit p.left{letter-spacing:.5rem;}
	/*#section1 .slider .item a img{width:90%; height:auto !important;}
	#section1 .slider.center .slick-center .visual_txt{width:17rem; height:17rem; background:#fff; color:#333; left:5%; top:1.5rem; padding:1.2rem;}
	#section1 .slider.center .slick-center .refer_txt{overflow:hidden; text-overflow: ellipsis; white-space:nomal;}*/
	#section1 .slider .slick-slide {position:relative; width:28rem !important; height:19rem;  padding:0 6rem;}
	#section1 .slider.center .slick-center > a{  width: calc(100% + 360px); width: -webkit-calc(100% + 360px); height:19rem ! important; transform: translate(-180px,0px); right:inherit !important; left: inherit !important;}
	#section1 .slider.center .slick-center .visual_txt{width:18rem; height:17rem; background:#fff; color:#333; left:0; top:1rem; padding:1.75rem;}
	#section1 .controls button{top: 1.35rem}
	#section1 .pause {bottom:-55px}
	/*#section4 .row > div{float:none;}*/
	#section4 .ban_wrap{height:251px !important; width:520px;  margin:auto; float:none !important;}
	#section4.effect .row .edu_wrap{width:100%; float:none !important;}
	#section4 .edu_scroll .item .refer strong{min-height:inherit}
	#section4 .edu_scroll .item .refer span,#section4 .edu_scroll .item .refer span em {display:block;}
	
	#section4.effect .edu_wrap .item:last-of-type{display:block;}
	#section4 {margin:6.75rem 0 2rem;}
	#section4 .inside_tit p.right{letter-spacing:.3rem;} 
	#section4 .inside_tit p.left{letter-spacing:.5rem;}
	
	#section4 .edu_scroll{margin-top:.5rem;}
	#section4 .edu_scroll .item{float:none; width:100%; overflow:hidden; padding: .5rem;border-bottom:1px solid #f0f0f0;}
	#section4 .edu_scroll .item:last-of-type{border-bottom:0;}
	#section4 .edu_scroll .item .refer{border-right:none; float:left; width:calc(100% - 110px); width:-webkit-calc(100% - 110px);}
	#section4 .edu_scroll .item button{float: right; width:110px; margin-top:0;}
	#section4 .edu_scroll .item:hover{border-bottom: 1px solid #e4e4e4;}
	#section4 .edu_wrap .plus{right:.5rem;}
	
}

@media(max-width:790px){
	#section4 .inside_tit p.right{letter-spacing:.3rem;}
	#section4 .inside_tit p.left{letter-spacing:.5rem;}
	
}
@media(max-width:768px){
	#section1 .slider .item .visual_txt .refer_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2rem;height: 4.8rem; }
	/*#section1 .slider .item a img{width:83%;}*/
	#section1 .slider.center .slick-center i{right: 1rem; bottom:1rem}
	#section2 > div > .notice{float:none; width:100%; margin: 2.5rem 0 1.5rem; }
	#section2 > div > .sns_link{float:none; width:100%; margin: 2.5rem 0 1.5rem; }
	#section2 .notice{height:350px; margin-bottom:0;}
	
	#section2 .notice .tab{display: block; float: left; width:25%; text-align:center;border-bottom: 1px solid #e4e4e4;}
	#section2 .notice .tab span{width:100%;}
	#section2 .notice .tab:hover{border-bottom:1px solid #2b2b2b; color:#333}
	#section2 .notice .tab.active{border-bottom:1px solid #2b2b2b; color:#333}
	#section2 .notice .brd{left:0; top:4rem;}
	#section2 .notice .tab span{border:none;}
	#section2 .notice .tab.active span{border:none;}
	#section2 .notice .tab:hover span{border:none;}
	#section2 .notice .tab.active span::before{display:block;}
	#section2 .notice .tab:hover span::before{display:block;}
	#section2 .notice .tab span::before{transform:rotate(90deg);}
	#section2 .notice .more{float:right;}
	#section2 .notice .brd{width:100%;}
	#section2 .notice .brd.active::before{right:0; bottom:-8.5rem;}
	#section2 .notice::after{display:block; left:0;bottom:1rem;}
	
	#section2::after{width:4.5rem;}
	#section3 .pup_refer::before{display:none;}
	#section3 .pub_tit{width:100%; float:none; padding-top:3.2rem; }
	#section3 .pub_tit span::before{top:-2rem; left:-2.5rem;}
	#section3 .controls{right:0; top:3rem; left:inherit; bottom:inherit;}
	#section3::after{display:none;}
	
	#section3 .pub_sliderwrap .bx-wrapper{float: left; top:11rem; left:0; right: inherit; width:110%;}
	/* #section3 .pub_sliderwrap .bx-wrapper{right: auto; left: 0;} */
	
	#section3.effect::before{width:100%; top:7rem;}
	#section3 .pup_refer{margin:2.5rem .5rem 0;}
	#section3 .pub_tit strong{display:inline-block;}
	#section3 .pub_tit span{display:inline-block;}
	#section3 .pup_refer{margin:3rem .5rem 0;}
	
	
	#section3 .bx-controls{
		left: auto;
	    right: calc(10% - -7rem);
	    bottom: auto;
	    top: -8rem;
	}
	#section3 .plus{
		top: 8rem;
	}
	
	#section4.effect::before{width:100%;}
	#section4 .inside_tit p.right{letter-spacing:.3rem;} 
	#section4 .inside_tit p.left{letter-spacing:.5rem;}
	#section4 .inside_tit{padding: 3.5rem 0 4rem;}
	#section3.effect .container::after{display:none;}
	#section3 .container::before{left:0; bottom:-6rem;}
	#section4.effect .edu_wrap{opacity:1; transition:inherit; transition-delay:inherit;}
	#section4.effect .ban_wrap{opacity:1; transition:inherit; transition-delay:inherit;}
	
	
	
}
@media(max-width:750px){
	#section1 .visual-bg-slider {height:450px}
	#section1 .pause {bottom:-47px}
	#section1 .controls button{top:.85rem}
	#section1 .slider .slick-slide {position:relative; width:28rem !important; height:1rem;}
	#section1 .slider.center .slick-center > a{  width: calc(100% + 280px); width: -webkit-calc(100% + 280px); height:1rem ! important; transform: translate(-140px,0px); right:inherit !important; left: inherit !important;}
	#section1 .slider.center .slick-center .visual_txt{width:16.5rem; height:1rem; background:#fff; color:#333; left:0; top:1rem; padding:1.5rem;}
	#section1 .slick-dots{transform:translateX(-35%);}
	#section3 .plus{top:8rem;}
	#section4 .inside_tit p.right, #section4 .inside_tit p.left {font-size:.85rem;}
}

@media(max-width:690px){
	/*#section1 .slider .item a img{width:80%;}*/
}

@media(max-width:650px){
	#section4 .inside_tit p.right {letter-spacing:.15rem;}
	#section4 .inside_tit p.left{letter-spacing:.25rem;}
	#section2 > div > .sns_link{width:105%; padding-right:1rem}
	#section4 .inside_wrap{width:105%;}
	#section4 .inside_tit p.center{top:60%;}
	#section2 .sns_link .box_wrap{width:620px !important; padding-bottom:10px; padding-right:10px; }
	#section2 .sns_link .box {width: 180px;}
	
	
	#section4 .ban_wrap .ban_slide img,
	#section4 .ban_wrap .ban_slide .banner{width:100%; }
	#section4 .ban_wrap .ban_slide .banner a{display: block; width:100%; }

	#section1 .slider .item a img{width:100%;}
	#section1 .visual-bg-slider {height:1px}
	#section1 .pause {bottom:-45px}
	#section1 .slider .slick-slide {width: calc(100vw - 2rem) !important; height:1rem;  padding:0;}
	#section1 .slider.center .slick-center > a{  width: 100%; height:14.5rem ! important;  right:inherit !important; left: inherit !important; transform: translateX(0);}
	#section1 .slider.center .slick-center .visual_txt{width:12.5rem; height:1rem; background:#fff; color:#333; left:0; top:1rem; padding:1.5rem;}
	#section1 .slider .item .visual_txt .refer_tit{font-size:1.1rem;}
	#section1 .slider .item .visual_txt .refer_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2rem;height: 1rem; }
	
}
@media(max-width:540px){
	#section1 .slick-dots{transform:translateX(-40%);}
	#section1 .pause {bottom:-48px; left: 50%}
	#section1 .controls button{top:1rem }
	#section4 .ban_wrap{ width:100%; height:auto; border: none;}
	#section4 .ban_wrap .ban_slide{float: none; width:100%; }
	#section4 .ban_wrap .ban_slide img,
	#section4 .ban_wrap .ban_slide .banner{width:100%; }
	#section4 .ban_wrap .ban_slide img{height: auto;}
	#section4 .ban_wrap .ban_slide .banner a{display: block; width:100%; }
	#section4 .ban_wrap .controls{float: none; width: 100%; height:40px; padding-top:0; border:1px solid #eaeaea;}
	#section4 .ban_wrap .controls > *{float:left; font-size:1.3rem; color:#0f294a; padding:.3rem; width:25%;}
	#section4 .ban_wrap .controls .slick-counter{font-size:.7rem; color:#333; padding:.2rem .45rem 0.4rem; text-align:center;}
	#section4 .ban_wrap .controls .slick-counter .current{font-size: 1.2rem;}
	#section4 .ban_wrap .controls .stop{font-size: 1.1rem;}
	#section1 .slick-dots li{margin-right: .75rem}
	
}
@media(max-width:500px){
	#section4 .inside_tit p.right, #section4 .inside_tit p.left{letter-spacing:.25px;}
	#section1 .slider.center .slick-center i{right: .5rem; bottom:.5rem}
	#section1 .slider.center .slick-center .visual_txt{width:13rem; height:13rem; background:#fff; color:#333; left:0; top:1rem; padding: 1.5rem .75rem;}
	#section1 .slider .item .visual_txt .refer_tit{font-size:1.1rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; height: 3.2rem;  }
	#section2 .notice{height:320px;}
	#section3 .plus{top:inherit; bottom:-5.5rem;}
	#section2 > div > .notice{margin:1.75rem 0 1.75rem;}
	#section2 > div > .sns_link{margin:1.75rem 0 0;}
	#section4{width:100%; margin:6.75rem 0 1.75rem;}
	#section3 .pub_tit{padding-top:3rem; margin-top:1.75rem;}
	#section3 .pup_refer{margin:4.5rem .5rem 0;}
	#section4 .inside_wrap{margin-bottom:1.75rem;}
	#section4.effect .row .edu_wrap{margin-bottom:1.75rem;}
	#section4 {margin-bottom:1.75rem;}
	#section4 .inside_wrap{height:344px; padding-bottom:0;}
	/*#section2 .notice .more{margin-top:.75rem;}*/
}
@media(max-width:430px){
	#header.active .headerWrap{height: 80px;transition:.2s;}
	#header.active .headerWrap .logo a{margin: .25rem 0 .6rem 0;}
	#header.active .headerWrap .util > *{margin:1.45rem .2rem .8rem}
	#header.active .headerWrap .ALLMn{ margin:1.4rem 0 .8rem .3rem !important;}
	#header.active .headerWrap .util .searchWrap.active{margin-top:0 !important;}
	#section4 .inside_tit p.right, #section4 .inside_tit p.left{letter-spacing:.05px; font-size:0.7rem}
	#section2 .notice .tab span{font-size:.975rem; padding: .6rem .5rem .6rem 0rem;}
	#section2 .notice .tab span::before{right:5px;border-left:6px solid #0a8ec9; border-bottom: 3.5px solid transparent;border-right: 3.5px solid transparent;border-top: 3.5px solid transparent;}
	#section4 .edu_scroll .item .refer{float:none; width: 100%;}
	#section4 .edu_scroll .item button{float:none; margin-top: 1rem}
	/*#section1 .slider .slick-slide {width: calc(100vw - 2rem) !important; height:14.5rem;  padding:0;}
	#section1 .slider.center .slick-center > a{  width: 100%; height:14.5rem ! important;  right:inherit !important; left: inherit !important; transform: translateX(0);}*/
	#section1 .slider.center .slick-center .visual_txt{width:12rem; height:12rem; background:#fff; color:#333; left:0; top:1rem; padding: 1.5rem .75rem;}
	#section1 .slider .item .visual_txt .refer_tit{font-size:1.1rem;}
	#section2 > div > .sns_link{width:108%; }
	#section1 .slider.center .slick-center i{right:0; bottom:0}
}

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

@media(max-width:360px){
	
	#section4 .inside_tit p.right, #section4 .inside_tit p.left{display:none;}
	#section2 .notice .tab span{font-size:.9rem;  padding: .6rem .5rem .6rem 0rem; text-align:left;}
	#section2 .notice .tab span::before{right:1px;}
	#section1 .slick-dots li{margin-right: .5rem}
}
/*
@media(max-width:1120px){
	#section2 > div > *{float:none; width:100%;}
	#section2 .notice{padding:0 2rem;}
	#section2 .sns_link{padding:0 12.5%;}
	#section2 .sns_link .box{width: 25%;}
}
*/