@import url("layout.css");
/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 03. 04.

YHY : 2011202 웹접근성 명도대비 수정
-------------------------------------------------*/

/* ========================================== LAYOUT */
#wrap {line-height: 1;}

/* ========================================== 공통 */
.section {position: relative;}
.section:after {clear: both; display: block; width: 100%; content: "";}

.fontTitillium {font-family: 'Titillium Web';}
.fontTitillium em {font-weight: 300;}

/* animation */
.motpage01 .box1{opacity:0; transition:all .5s ease-out; -webkit-transition:all .5s ease-out;}
.motpage02 *[class*="box"]{opacity:0; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; transform:translateY(50px); -webkit-transform:translateY(50px);}

.motpage01.active .box1{opacity:1; transition:all .5s ease-out; -webkit-transition:all .5s ease-out;}
.fp-viewing-footPage .motpage02 *[class*="box"],
.motpage02.active *[class*="box"]{ opacity:1; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; transform:translateY(0px); -webkit-transform:translateY(0px);}
.fp-viewing-footPage .motpage02 *[class^="box1"],
.motpage02.active *[class^="box1"]{ transition-delay:.1s; -webkit-transition-delay:.1s; }
.fp-viewing-footPage .motpage02 *[class^="box2"],
.motpage02.active *[class^="box2"]{ transition-delay:.45s; -webkit-transition-delay:.45s;}
.fp-viewing-footPage .motpage02 *[class^="box3"],
.motpage02.active *[class^="box3"]{ transition-delay:.9s; -webkit-transition-delay:.9s; }



/* ========================================== slick 공통 */
.slick-slider {transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; overflow:hidden;}
.slick-list { overflow:hidden;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block;}
.slick-arrow{cursor: pointer;}
.slick-arrow.slick-hidden { display:none; list-style-type: none;} 
.slick-current { opacity:1; display:block;}

/* 메인 비주얼 */
.section1 { background:url('/images/web/newsrm/main/bgPage01.jpg')no-repeat center top; background-size:cover;}
.cuNews{position:absolute; left:50%; top:10vh; width:260px; height:290px; background:#e5b914 url('/images/web/newsrm//main/mark_cu.png') 120% 110%; z-index:1; transition: all 0.75s ease; -webkit-transition: all 0.75s ease;}
.visualOuter{position:relative; z-index:0;}
#visualList {height: 60vh;}
#visualList a{display:block; }
#visualList a:focus { border:2px solid #fff; } /* 201217 추가 */
#visualList img {width:auto; max-width:100%; height: 60vh; box-shadow:0px 0px 5px rgba(0,0,0,0.8); transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out;}
#visualList .wrap{position:relative; padding:1.5rem;}
#visualList .img{position:relative; z-index:0; text-align:center;}
#visualList .img:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); transition: all 0.75s ease; -webkit-transition: all 0.75s ease;}
#visualList .slick-center .img:before{opacity:0;}
#visualList .slick-center .cuNews{opacity:1;}

.visualOuter .control{position:relative; z-index:1; text-align:center; margin:5vh 0 0;}
.visualOuter .control a{display:inline-block;line-height: 32px;vertical-align:top;overflow:hidden;-webkit-transition: .3s ease;transition: .3s ease;}/* 251015 웹접근성 수정 */
.visualOuter .control a i{color:#98b4ef; font-size:1rem;}
.visualOuter .control a span{display:inline-block; width:1px; height:1px; text-indent:-9999em; overflow:hidden; vertical-align:top;}
.visualOuter .control a.btnPlay, .visualOuter a.btnStop{width:22px; text-align:center;}
.visualOuter .control a.btnPrev, .visualOuter a.btnNext{width:45px; height:23px; }
.visualOuter .control a.btnPrev{margin-right:2.5rem; background:url('/images/web/newsrm/main/btn_m_prev.png') no-repeat center;}
.visualOuter .control a.btnNext{margin-left:2.5rem; background:url('/images/web/newsrm/main/btn_m_next.png') no-repeat center;}
.visualOuter .control a.btnPrev:hover{transform:translateX(-10px); -webkit-transform:translateX(-10px);}
.visualOuter .control a.btnNext:hover{transform:translateX(10px); -webkit-transform:translateX(10px);}
.visualOuter .control a.btnPlay{display:none;}
.visualOuter .control ul,
.visualOuter .control ul li{display:inline-block; vertical-align:top; margin:0 8px;}
.visualOuter .control ul li button{display:block;width: 17px;height: 17px;border:3px solid #98b4ef;background:#98b4ef;text-indent:-9999em;overflow:hidden;border-radius:50%;padding:0;margin:5px 0 0;}/* 251015 웹접근성 수정 */
.visualOuter .control ul li.slick-active button{background:none; border-color:#0288d1;}

.section1 .scrollDown {position: absolute; bottom: 3%; left: 50%; text-align:center; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.section1 .scrollDown span {display: block; margin-top: 0.7rem; line-height: 1rem; font-size: 0.65rem; color: #fff; text-shadow: 10px 10px 10px rgba(0,0,0,0.5);}
.section1 .scrollDown i{font-size: 1.5rem; color: #fff; -webkit-animation: scroll 1.5s infinite ease-out; animation: scroll 1.5s infinite ease-out;}


@-webkit-keyframes scroll{
	0% {transform: translateY(-10px); -webkit-transform: translateY(-10px);}
	60% {transform: translateY(10px); -webkit-transform: translateY(10px);}
	100% {transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}
@keyframes scroll{
	0% {transform: translateY(-10px); -webkit-transform: translateY(-10px);}
	60% {transform: translateY(10px); -webkit-transform: translateY(10px);}
	100% {transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}

@keyframes circle {
	100% {transform: scale(1.2); opacity: 0;}
}
@-webkit-keyframes circle {
	100% {transform: scale(1.2); opacity: 0;}
}


/* PRESS CENTER 201102 수정*/
.section2 {overflow: hidden;}
.section2 .titBox{text-align:center; color:#000; word-break:keep-all; margin:4rem 0 1rem; }
.section2 .titBox h2{font-size:2.2rem;}
.section2 .titBox p{font-size:1.4rem; line-height:1.3; font-weight:200; letter-spacing: -1px; margin:1rem 0 0;}
.section2 .listBox {text-align:center;}
.section2 .listBox li{ position:relative; width:31%; float:left; margin:1%; }
/*.section2 .listBox li:first-child{margin-left:0; }*/
.section2 .listBox li a{display:block; color:#000; background:#000;}
.section2 .listBox li a:focus, .section2 .listBox a.btn_more:focus {outline-offset:2px; outline-color:#000; outline-style:dotted; outline-width:2px;} /*231027*/
.section2 .listBox li .img{width:100%; height:280px; overflow:hidden;}
.section2 .listBox li .hoiztImg img{position:relative; width:auto; min-width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.section2 .listBox li .vertImg img{position:relative; width:100%; height:auto; left:0; top:0;}
/*.section2 .listBox li a:hover{transform: translateY(-1.2rem); -webkit-transform: translateY(-1.2rem);} */
.section2 .listBox li a:focus img,
.section2 .listBox li a:hover img{opacity: 0.8;} /* 201217 focus 추가*/
.section2 .listBox a.btn_more{display:inline-block; border:1px solid #555; padding:0 2rem; border-radius:30px; margin:1.5rem 0 0; line-height:50px;}
.section2 .listBox a.btn_more i{display:inline-block; margin-left:10px; color:#000; font-weight:bold; font-size:0.9rem; vertical-align:unset; }
.section2 .listBox a:hover a.btn_more{color:#0288d1; border-color:#0288d1;}
.section2 .listBox a:hover a.btn_more i{transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#0288d1;}
.section2 .listBox a, .section2 .listBox i, .section2 .listBox img{-webkit-transition: .3s ease; transition: .3s ease;}

/* 201102 추가 */
.section2 .listBox li a:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 4.5rem; background-color: rgba(0, 0, 0, 0.6); content: ""; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
.section2 .listBox a .info {position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem 2rem; height: 4.5rem; transform: translateY(0); -webkit-transform: translateY(0); -webkit-transition: 0.5s ease; transition: 0.5s ease; z-index: 1;}
.section2 .listBox a .info .title {display: block; margin-bottom: 0.5rem; width: 100%; height: 1rem; line-height: 1rem; font-size: 0.9rem; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section2 .listBox a .info span {font-family: 'Titillium Web', sans-serif; font-size: 0.75rem; color: #dadbdd;}
.section2 .listBox a .info span i {margin-right: 0.25rem;}
.section2 .listBox a:focus:after,
.section2 .listBox a:hover:after {height: 100%;} /* 201217 focus 추가*/
.section2 .listBox a:focus .picture img,
.section2 .listBox a:hover .picture img {transform: scale(1.1); -webkit-transform: scale(1.1);} /* 201217 focus 추가*/
.section2 .listBox a:focus .info,
.section2 .listBox a:hover .info {bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%);} /* 201217 focus 추가*/

/* fullpage active */
.fp-viewing-2rdPage .section2 .container:before {height: 1000%; transition-delay: 1s; -webkit-transition-delay: 1s;}
.fp-viewing-2rdPage .section2 .container:after {opacity: 1; visibility: visible; -webkit-transform: rotate(360deg); transform: rotate(360deg); transition-delay: 1.25s; -webkit-transition-delay: 1.25s;}


/* HOT ISSUE */
.section3 {background: #f3f4f6;}
.section3 .titBox{text-align:center; color:#000; word-break:keep-all; margin:2rem 0 3rem;}
.section3 .titBox h2{font-size:2.2rem;}
.section3 .titBox p{font-size:1.4rem; line-height:1.3; font-weight:200; letter-spacing: -1px; margin:1rem 0 0;}
#issueBox {position: relative; height:100%; background:#fff;}
#issueBox .bx-controls {position: absolute; bottom: 0; right: 460px; display: inline-block; width: 140px; height: 60px;}
#issueBox .bx-controls a {position: relative; display: inline-block; width: 70px; height: 60px; line-height: 60px; border: none; color: transparent; background: rgba(0,0,0,0.5); overflow: hidden;
}
#issueBox .bx-controls a.bx-next {float: right; background:#03163b;}
#issueBox .bx-controls a:hover{ background:#032b7c;}
#issueBox .bx-controls a:focus{outline-offset:2px; outline-color:#000; outline-style:dotted; outline-width:2px;} /*231027*/
#issueBox .bx-controls a:after {position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-family: 'xeicon'; font-size: 1.8rem; color: #fff;}
#issueBox .bx-prev:after {content: "\e93d";}
#issueBox .bx-next:after {content: "\e940";}
#issueBox a{-webkit-transition: .3s ease; transition: .3s ease;}

#isueList li a {position: relative; height:60vh; display: block; padding-right:530px; text-align: right; outline-offset:-2px;} /*221027수정*/
#isueList li .img{height:100%; overflow:hidden; text-align:left; background:#ddd;}
#isueList li img{ position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
/*
#isueList li .hoiztImg img{position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
#isueList li .vertImg img{position:relative; width:100%; height:auto; left:0%; top:0%;}*/
#isueList li a:hover img{opacity: 0.8;}
#isueList .info {position: absolute; top:0; right: 0; padding:2.5rem 2.2rem; width: 530px; height: 100%; text-align: left; color: #000; /*background:url('/images/web/newsrm/main/bg_issue.png') no-repeat 92% bottom;*/}
#isueList .info .ty{font-weight:300; color:#666;}
#isueList .info .tit{font-size:1.2rem; line-height:1.5rem; font-weight:500; height:3rem; margin:1rem 0 1.5rem; overflow:hidden; word-break:keep-all;}
#isueList a:hover .info .tit{color:#0288d1;}
#isueList .info p.btn{display:inline-block; border:1px solid #555; padding:0 2rem; border-radius:30px; line-height:50px;}
#isueList .info p.btn i{display:inline-block; margin-left:10px; color:#000; font-weight:bold; font-size:0.9rem; vertical-align:unset; }
#isueList a:hover p.btn{color:#0288d1; border-color:#0288d1;}
#isueList a:hover p.btn i{transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#0288d1;}
#isueList a p, #isueList a i, #isueList img{-webkit-transition: .3s ease; transition: .3s ease;}

/* CU SNS */
.section4 .container {position: relative; overflow:hidden;}
.section4 .titBox{text-align:center; color:#000; word-break:keep-all; margin:4rem 0 2rem;}
.section4 .titBox h2{font-size:2.2rem;}
.section4 .titBox p{font-size:1.4rem; line-height:1.3; font-weight:200; letter-spacing: -1px; margin:1rem 0 0;}
.section4 .listBox li{width:30%; float:left; margin-left:5%; text-align:center;}
.section4 .listBox li:first-child{margin-left:0;}
.section4 .listBox li a{display:block; color:#000; outline-offset:-2px;}/*221027*/
.section4 .listBox li .img{position:relative; width:100%; height:380px; overflow:hidden; background:#f1f1f1; text-align:left; }
.section4 .listBox li img{ position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.section4 .listBox li a:hover img{transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
/*
.section4 .listBox li a:hover .hoiztImg img{transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.section4 .listBox li a:hover .vertImg img{transform: scale(1.1); -webkit-transform: scale(1.1);}*/
.section4 .listBox li .img:before{content:""; position: absolute; left:0; bottom:0; width:70px; height:70px; z-index:1;}
.section4 .listBox li.blog .img:before{background:#5ab533 url('/images/web/newsrm/main/ico_blog.png') no-repeat center;}
.section4 .listBox li.post .img:before{background:#5ab533 url('/images/web/newsrm/main/ico_post.png') no-repeat center;}
.section4 .listBox li.youtube .img:before{background:#d32629 url('/images/web/newsrm/main/ico_youtube.png') no-repeat center;}
.section4 .listBox li .cont{padding:1rem 0 0; text-align:left;}
.section4 .listBox li .cont .ty{color:#666;}
.section4 .listBox li .cont .tit{height:4.5rem; line-height:1.5rem; font-size:1.05rem; overflow:hidden; font-weight:500; margin:15px 0;}
.section4 .listBox li a:hover .cont .tit{color:#0288d1;}
.section4 .listBox li .cont span{display:block; height:2.4rem; line-height:1.2rem; overflow:hidden;}
.section4 .listBox p.btn{display:inline-block; border:1px solid #555; padding:0 2rem; border-radius:30px; line-height:50px;}
.section4 .listBox p.btn i{display:inline-block; margin-left:10px; color:#000; font-weight:bold; font-size:0.9rem; vertical-align:unset; }
.section4 .listBox a:hover p.btn{color:#0288d1; border-color:#0288d1;}
.section4 .listBox a:hover p.btn i{transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#0288d1;}
.section4 .listBox p, .section4 .listBox i, .section4 .listBox img{-webkit-transition: .3s ease; transition: .3s ease;}


/* side 메뉴 */
@keyframes bloom {
	0% {filter: grayscale(.8);}
	40% {filter: grayscale(.5);}
	100% {filter: grayscale(0);}
}
@keyframes circle2 {
	0% {opacity: .3; background: rgba(255,255,255,.2);}
	40% {opacity: 0.5; background: rgba(255,255,255,.2);}
	100% {width: 200%; height: 200%; opacity: 0;}
}
.sideNav {position:fixed; right:65px; top: 150px; width:150px; }
.sideNav a.hash { position:relative; display: block; margin-bottom:1.2rem; padding: 0.6rem; width:70px; text-align: center; font-size: 0.65rem; color: #fff; font-family: 'Titillium Web', sans-serif; background: #06204b; overflow:hidden; float:right; }
.sideNav a.hash i {display: block; margin-bottom: 0.25rem; font-size: 1.2rem;}
.sideNav a.hash:hover i {transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.25s; -webkit-transition: all 0.25s;}
.sideNav a.hash::before {position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(0,0,0,.2); border-radius: 50%; transform: translate(-50%, -50%); opacity: 0;}
.sideNav a.hash:hover{animation: bloom ease-in-out .75s forwards;}
.sideNav a.hash:hover::before {animation: circle2 .75s;}
@keyframes bloom {
	0% {filter: grayscale(.8);}
	40% {filter: grayscale(.5);}
	100% {filter: grayscale(0);}
}
@keyframes circle2 {
	0% {opacity: .3; background: rgba(255,255,255,.2);}
	40% {opacity: 0.5; background: rgba(255,255,255,.2);}
	100% {width: 200%; height: 200%; opacity: 0;}
}

#fullpageMenu {position: relative; overflow: hidden; float:right;}
#fullpageMenu li {position: relative; display: block; padding: 3px 0;}
#fullpageMenu li a {display: block; line-height: 32px; color: #000; font-size: 0.8rem; text-align:right; background: none; transition: .25s; -webkit-transition: .25s; font-family: 'Titillium Web', sans-serif;}
#fullpageMenu li a p{float:right;width:32px;height:32px;text-align:center;border-radius:50%;background: #011131;margin-left:10px;transition: all .3s ease;-webkit-transition: all .3s ease;border: 2px solid #011131;line-height: 25px;}
#fullpageMenu li a:focus p,
#fullpageMenu li.active a p{background: #005786;border: 2px solid #005786;border-radius: 0.5rem 0 0.5rem 0;} /*210107*/
#fullpageMenu li.arr p{background:#000;}
#fullpageMenu li.pageUp p{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.fp-viewing-firstPage #fullpageMenu li a {color:#fff;}

/* Layer popup 슬라이드 */
.LayerPopupList {position: relative; display: inline-block; margin: 2.5rem auto; padding: 0 3rem;}
#popupList {overflow: hidden;}
#popupList li {float: left; width: 360px !important; height: 393px;}
#popupList a {display: block; width: 347px; height: 100%; text-align: center; background: #fff;}
#popupList a img {width: 100%; height: 100%;}

.layerPopup .bx-controls-direction > a {position: absolute; top: 50%; display: block; margin-top: -1rem; width: 2rem; height: 2rem; color: transparent; overflow: hidden;}
.layerPopup .bx-controls-direction > a:before {position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; line-height:2rem; text-align: center; font-family: 'xeicon'; font-size: 2rem; color: #fff; text-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
.layerPopup .bx-prev {left: 0;}
.layerPopup .bx-prev:before {content: '\e93b';}
.layerPopup .bx-next {right: 0;}
.layerPopup .bx-next:before {content: '\e93e';}

.layerPopup .pagerShort {position: absolute; top: -5.25rem; left: 50%; margin-left: 7rem; padding-top: 0; width: 3.25rem; height: 3.25rem; line-height: 3.25rem; text-align: center; font-family: 'Titillium Web', sans-serif; font-size: 0.9rem; color: #fff; letter-spacing: -0.05em; border-radius: 50%;
background: rgb(0,111,186);
background: -moz-linear-gradient(left,  rgba(0,111,186,1) 0%, rgba(23,167,219,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,111,186,1) 0%,rgba(23,167,219,1) 100%);
background: linear-gradient(to right,  rgba(0,111,186,1) 0%,rgba(23,167,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 );
}
.pagerShort .total {color: inherit;}
.pagerShort .now {color: #ffd65d;}

.layerPopup .closeWrap a {display: inline-block; margin: 0 0.25rem; padding: 0 1.5rem; line-height: 2rem; border-radius: 1rem; background: #000;}
.layerPopup .closeWrap a i {margin-left: 1rem;}

@media screen and (max-width: 1700px){
	.sideNav {right: 10px;}
}
@media screen and (max-width: 1600px){
	/* 메인 비주얼 */
	#visualList li .text-box {top: 40%;}
	#visualList li .text-box em {font-size: 2rem;}
	#visualList li .text-box em.other {font-size: 2.5rem;}
	.visualOuter .bx-controls {top: 30%;}
}
@media screen and (max-width: 1440px){
	.section,
	.fp-tableCell {height: auto !important;}
	.fullpage-wrapper{margin-top:80px;}
	.section {padding: 3rem 2rem;}

	/* 메인 비주얼 */
	.section1 .scrollDown {display: none;}

	/* PRESS CENTER 201102 삭제
	.section2 .listBox li .img{height:auto;} */

	/* HOT ISSUE */
	.section3 h2 {margin-bottom: 1.5rem;}

	/* FOOTER */
	.section.section5 {padding: 0; height: auto !important;}

	.sideNav { right:0; }
	.sideNav ul {display:none;}
}
@media screen and (max-width: 1400px){
	.fullpage-wrapper{margin-top:140px;}

	/* 메인 비주얼 */
	.visualOuter .bx-controls {left: 1rem; margin-left: 0;}
	.animationPig a {padding: 2rem;}

	/* NEWS */
	.section2 .container:before,
	.section2 .container:after {display: none;}

	/* CU SNS */
	.section4 .listBox li{width:32%; float:left; margin-left:2%; text-align:center;}

	/* FOOTER */
	.section.section5 .container {padding: 0;}
}
@media screen and (max-width: 1024px){
	
	.sideNav { display:none; }

	/* 애니메이션 초기화 */
	.motpage01 .box1,
	.motpage02 *[class*="box"]{opacity:1; transition:none; -webkit-transition:none; transform:none; -webkit-transform:none;}

	.motpage01.active .box1,
	.fp-viewing-footPage .motpage02 *[class*="box"],
	.motpage02.active *[class*="box"]{opacity:1; transition:none; -webkit-transition:none; transform:none; -webkit-transform:none;}

	.fullpage-wrapper{margin-top:60px;}

	.section{padding:1.1rem;}

	/* 메인 비주얼 */
	#visualList{height:auto;}
	#visualList img{height:450px;}
	#visualList .cuNews{height:auto;}
	#visualList .cuNews h3{font-size:1.5rem;}
	.visualOuter .control{margin:0 0 2rem;}

	/* PRESS CENTER */
	.section2 .titBox h2{font-size:2rem;}
	.section2 .titBox p{font-size:1.1rem;}
	.section2 .listBox li{width:49%; margin:0 0 5px 2%;}
	.section2 .listBox li.box3{display:none;}

	/* HOT ISSUE */
	.section3 .titBox h2{font-size:2rem;}
	.section3 .titBox p{font-size:1.1rem;}
	#isueList li a{padding:0; height:auto;}
	#isueList li .img{width:100%; float:left; text-align:center;}
	#isueList li img{width:100%; height:auto; max-width:480px; left:auto; top:auto; transform: none;}
	#isueList .info {position:relative; right:0; top:0; width:100%; float:left; background:none;}
	#isueList .info:before{display:none;}
	#issueBox .bx-controls{width:141px; right:0; bottom:14.2rem;}
	#issueBox .bx-controls a{background:rgba(3, 22, 59, 0.8) !important;}

	/* CU SNS */
	.section4 .titBox h2{font-size:2rem;}
	.section4 .titBox p{font-size:1.1rem;}
	.section4 .listBox li{width:48%; margin:0 0 4% 5px;}
	.section4 .listBox li.box3{display:none;}
	.section4 .listBox li .img{height:300px}
}
@media screen and (max-width: 768px){

	/* 메인 비주얼 */
	#visualList .img{overflow:hidden; text-align:left;}
	#visualList img{width:100%; height:auto; max-width:inherit; position:relative; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
	#visualList .img:before{display:none;}
	#visualList .wrap{padding:0 0 1rem;}
	#visualList .cuNews{opacity: 1; width:60%; left:auto; top:auto; bottom:0; right:2%; padding:1rem 0 1.2rem 1.2rem;}
	#visualList .cuNews h3{font-size:1.4rem; }
	#visualList .cuNews p{font-size:0.8rem; line-height:25px; height:auto; max-height:50px;}

	#isueList .info{padding:1.5rem;}
	#isueList .info .tit{margin:1rem 0;}
	#issueBox .bx-controls{width:101px; right:0; bottom:11.2rem;}
	#issueBox .bx-controls a{width:50px; height:50px; line-height:50px;}
	#issueBox .bx-controls a:after,
	#issueBox .bx-controls a:before{font-size:1.5rem;}
}
@media screen and (max-width: 640px){

    .section2 .listBox li{width:100%;}
    .section2 .listBox li .img { height:auto; max-height:20rem; } /*201102*/
	.section2 .listBox li .hoiztImg img {width:100%; height:auto; left:auto; top:auto; transform:none; -webkit-transform:none; }/*201102*/
	.section2 .listBox li.box2{display:none;}

	#isueList .info .tit{font-size:1rem;}

	.section4 .listBox li{width:100%;}
	.section4 .listBox li.box2{display:none;}
	.section4 .listBox li .cont .tit{height:auto; max-height:4.5rem;}
}
@media screen and (max-width: 420px){

	.visualOuter .control{margin:0 0 1rem;}	
	.slick-dots{display:none !important;}

	#isueList .info{padding:1.5rem;}
	#isueList .info .tit{margin:1rem 0;}

	/* FOOTER */
	.section.section5 .container {padding: 0;}
}