@charset "utf-8";
/**/

/*m-sec01*/

article{padding:4rem 0;}
body.main div.m-title{font-size:3.2rem; line-height:1.2; text-align:center; color:#333; /*text-shadow: 2px 2px 2px #222;*/}
body.main div.m-title > p:nth-child(1){font-size:1.6rem;}
body.main div.m-title{padding-bottom:3rem;}

body.hide article#m-sec01{padding-top:23rem;}
article#m-sec01{padding-top:19rem; /*background:url("../img/main/bg-m-sec1.png")bottom center no-repeat;*/}
article#m-sec01 div.visual-box .slick-dots{text-align:right; bottom:-8px;}
article#m-sec01 div.m-sec01-1{width:100%; min-height:36rem; justify-content:space-between; flex-direction:row-reverse;}
article#m-sec01 div.m-sec01-1 div.visual-box{width:28%; background:#fff; overflow:hidden; b}
article#m-sec01 div.m-sec01-1 div.visual-box div.visual-bg{}
article#m-sec01 div.m-sec01-1 div.visual-box div.visual-bg.bg01{background:url("../img/main/m-visual01.png")center center no-repeat; background-size:100% 100%;}
article#m-sec01 div.m-sec01-1 div.visual-box div.visual-bg.bg02{background:url("../img/main/m-visual02.png")center center no-repeat; background-size:100% 100%;}
article#m-sec01 div.m-sec01-1 div.visual-box div.visual-bg a{width:100%; padding-top:36rem; display:block; }
article#m-sec01 div.m-sec01-1 div.m-board-box{width:41%; background:#fff;overflow:hidden;}
article#m-sec01 div.m-sec01-1 div.m-login-box{width:28%;  background:#fff;overflow:hidden;}
article#m-sec01 div.m-sec01-1 div.tab-container{padding:3rem;}
article#m-sec02 div.m-sec02-4 div.tab-container{padding:3rem;}
div.m-board-box div.tab-box > ul.tabs li{width:calc(100% / 3); padding:1.5rem 3rem; cursor: pointer; text-align:center; font-size:1.8rem; background:#aaa; color:#fff; box-sizing:border-box;}
div.m-board-box div.tab-box > ul.tabs li a{display:none; color:#fff;}
div.m-board-box div.tab-box > ul.tabs li.on{font-weight:600; background:#fff; color:#222;}
div.m-board-box div.tab-box > ul.tabs li.on a{display:inline-block; color:#222;}
div.m-board-box div.tab-box > ul.tabs li dl{justify-content:center;}
div.m-board-box div.tab-box > ul.m-tabs li{width:calc(100% / 3); padding:1.5rem 3rem; cursor: pointer; text-align:center; font-size:1.8rem; background:#aaa; color:#fff; box-sizing:border-box;}
div.m-board-box div.tab-box > ul.m-tabs li a{display:none; color:#fff;}
div.m-board-box div.tab-box > ul.m-tabs li.on{font-weight:600; background:#fff; color:#222;}
div.m-board-box div.tab-box > ul.m-tabs li.on a{display:inline-block; color:#222;}
div.m-board-box div.tab-box > ul.m-tabs li dl{justify-content:center;}

/*latest-1*/
div.m-board-box div.tab-container ul li{border-bottom:1px solid #ccc;}
div.m-board-box div.tab-container ul li:last-child{border-bottom:none;}
div.m-board-box div.tab-container ul li:nth-child(1){font-weight:600;}
div.m-board-box div.tab-container ul li.m-board-list > a{flex-direction: row-reverse;justify-content: space-between; align-items: center;  padding:1.5rem 1rem; box-sizing:border-box;}
div.m-board-box div.tab-container ul li.m-board-list > a:hover > div > p.subject{color: #2196f3;}
div.m-board-box div.tab-container ul li:nth-child(1) a{padding:1.5rem 0;   justify-content: flex-start; align-items: flex-start;}
div.m-board-box div.tab-container ul li:nth-child(1) a > div{padding-left: 2rem;width:75%;}
div.m-board-box div.tab-container ul li a > div{width: 80%;}
div.m-board-box div.tab-container ul li a > div > p.subject{font-weight: 600;}
div.m-board-box div.tab-container ul li:nth-child(1) a{flex-direction: row;}
div.m-board-box div.tab-container ul li:nth-child(1) a > div > p.subject{font-size: 1.8rem;}
div.m-board-box div.tab-container ul li a > div > p.row2 {display: none;}
div.m-board-box div.tab-container ul li:nth-child(1)  a > div > p.row2{display: block; font-weight:500; padding-top: 2rem;}
div.m-board-box div.tab-container ul li:nth-child(1) p.date{width:10rem; padding:1.4rem 0; text-align:center; border:4px solid #eee; line-height:1.2; box-sizing:border-box;}
div.m-board-box div.tab-container ul li.m-board-list p.date{font-size:1.4rem; color: #666;}
div.m-board-box div.tab-container ul li.m-board-list:nth-child(1) p.date{padding: 2rem; position:relative; flex-direction: column-reverse; font-size:1.4rem;}
div.m-board-box div.tab-container ul li.m-board-list:nth-child(1) p.date span.date-day{font-size:3.6rem;}
div.m-board-box div.tab-container ul li.m-board-list:nth-child(1) p.date span.noshow-one{display:none;}
div.m-board-box div.tab-container ul li.no-data{line-height:24rem; text-align:center;}

/*latest1-2*/
article#m-sec01 div.m-login-box div.tab-box > ul.log-tabs li{width:calc(100% / 2); padding:1.5rem 1rem; text-align:center; cursor: pointer; font-weight:400; font-size:1.5rem;   background:#aaa; color:#fff;}
article#m-sec01 div.m-login-box div.tab-box > ul.log-tabs li.on{background:#fff;  font-weight:700; color:#333;}
article#m-sec01 div.m-login-box div.tab-box > ul.log-tabs li dl{justify-content: center;}

article#m-sec02{background:#fff; background-size:contain;}
article#m-sec02 div.m-tit-box dd{padding-bottom:2rem; font-size:2rem; font-weight:600;}
article#m-sec02 div.m-sec02-1{width:32.5%; background:#fff; color:#222; box-sizing:border-box;overflow: hidden;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-tit-box{padding:3rem 2rem 1rem 2rem; border-bottom:1px solid #fff; background: #16257b;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-tit-box dd {color: #fff; text-shadow: none;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-tit-box .btn-more{color: #fff;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box{padding:1rem 2rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box:nth-child(3){border-bottom:none;}
article#m-sec02 div.m-sec02-1 div.callerder-box a{ color:#222; }
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span{margin-left: -0.2rem;padding: 0 10px;border-radius: 5rem;color: #fff;}
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.as{background:#2196f3;}/*아시아*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.eu{background:#ff9800;}/*유럽*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.en{background:#4caf50;}/*미국*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.af{background:#795548;}/*아프리카*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.au{background:#3f51b5;}/*호주*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.ce{background: #e7a073;}/*중동*/
article#m-sec02 div.m-sec02-1 div.callerder-box a div.area-box span.br{background: #ff4511;}/*중남미*/

article#m-sec02 div.m-sec02-1 div.callerder-box a div.subject p{padding-top:2rem; padding-bottom: 1rem; font-size:1.8rem; font-weight:600;max-width: 100%;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-list div.no-data{text-align:center; padding:10rem 0;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box a{display: block; padding: 2rem 1rem;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.late-box{}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.late-box > div.info-box{ margin-bottom: 2rem;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.keyword-box{ -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; }
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.keyword-box ul{flex-wrap:wrap; margin-top:1rem; overflow:scroll;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.keyword-box ul::-webkit-scrollbar {    display: none; /* Chrome, Safari, Opera*/}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.keyword-box ul li{padding: 0.2rem 1rem;margin:0.2rem 0.4rem;background: #f5f5f5;border-radius: 2rem;font-size: 1.2rem;}
article#m-sec02 div.m-sec02-1 div.callerder-box div.m-cont-box div.keyword-box ul p{line-height:1.2;}

article#m-sec02 div.m-sec02-1 div.date-box{color: #666; font-size: 1.4rem;}


article#m-sec02 div.m-sec02-2{width:66%; display: flex; flex-direction: column;justify-content: space-between;}
article#m-sec02 div.m-sec02-2 > div{height:50%; padding:3.1rem 1.5rem 3rem 3.1rem ; box-sizing:border-box; background: #f5f5f5;}
article#m-sec02 div.m-sec02-2 > div:nth-child(1){margin-bottom:2%;}
article#m-sec02 div.m-sec02-2 div.m-tit-box{position: relative; width:32%; padding-right: 2rem; box-sizing: border-box;}
article#m-sec02 div.m-sec02-2 div.m-tit-box div.m-cont-box{width: 100%;}
article#m-sec02 div.m-sec02-2 div.m-tit-box div.btn-more{padding: 0.5rem 1.5rem 0.5rem 0 ; border: 1px solid #222; border-radius: 100px;transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.m-tit-box div.btn-more:hover{background: #222; color: #fff; transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.m-cont-box{width:68%;}
article#m-sec02 div.m-sec02-2 div.m-cont-box div.subject p{padding-bottom: 2rem; font-size:1.8rem; font-weight:600;}
article#m-sec02 div.m-sec02-2 div.m-tit-box div.m-cont-box:before{margin-bottom: 2rem; display: block; content: ""; width: 3rem; height: 0.2rem; background: #fff;}
article#m-sec02 div.m-sec02-2 div.video-box div.m-tit-box div.m-cont-box:before {background: #333;}
article#m-sec02 div.m-sec02-2 div.video-box div.m-tit-box div.btn-more{border-color: #fff;}
article#m-sec02 div.m-sec02-2 div.video-box div.m-tit-box div.btn-more:hover {background: #fff;color: #222;transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick{margin:0 0.4rem; background:#fff; border-radius:1rem; overflow:hidden;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick a{display:block; color:#333; border: 1px solid #ccc; 	box-sizing: border-box; border-radius: 10px;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.img-box{position:relative; width:100%; padding-top:65%; overflow:hidden; background: #f5f5f5;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.img-box img{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.img-box div.area-box{position:absolute; top:1rem; z-index: 1;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.img-box div.area-box p span{padding: 0.5rem 1rem 0.5rem 0.5rem; display:inline-block; border-radius:0 50px 50px 0;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box{padding:2rem 2rem; box-sizing:border-box;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.tit.ellipsis{padding-bottom:1rem; max-width:100%; font-size:1.8rem; color:#222; font-weight:700; text-align:center;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.cont.ellipsis{margin-bottom: 0.5rem; width:100%; max-width:100%; height:3.4rem; font-size:1.4rem; display:-webkit-box; white-space:normal;word-break: normal;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#666;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.cont.ellipsis p{line-height:1.2;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.keyword{height:2.4rem;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.keyword ul.flex{flex-wrap:wrap;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.keyword li{margin-right: 0.5rem; padding: 0 0.5rem;background: #f5f5f5;border-radius: 100px;font-size: 1.4rem;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.keyword,
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.date{font-size:1.4rem;}
article#m-sec02 div.m-sec02-2 div.video-box .video-slick div.cont-box div.date{font-weight: 300; padding-top: 0.5rem;}

article#m-sec02 .slick-dotted.slick-slider {margin-bottom: 0;}

article#m-sec02 div.m-sec02-2 ul.slick-dots{text-align:left; left:-27rem; bottom:0rem;}
article#m-sec02 div.m-sec02-2 div.gallery-box{ background:#222; color:#fff;}
article#m-sec02 div.m-sec02-2 div.gallery-box a{display:block; color:#fff;}
article#m-sec02 div.m-sec02-2 div.gallery-box ul.slick-dots{bottom:0;}
article#m-sec02 div.gallery-box .slick-dots li button:before{border:2px solid #aaa;}
article#m-sec02 div.gallery-box .slick-dots li.slick-active button:before{background:#aaa;}
article#m-sec02 div.video-list .slick-track div.no-data{padding:12rem 0; text-align:center;}
article#m-sec02 div.gallery-list .slick-track div.no_data{padding:12rem 0; text-align:center;}

article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick{margin:0 0.4rem; border-radius:1rem; overflow:hidden;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a{position:relative; display:block; color:#fff;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.img-box{position:relative; padding-top:120%;}
article#m-sec02 div.gallery-list .slick-track div.no-data{padding:12rem 0; text-align:center;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.img-box img{position:absolute; min-width:100%; height:100%; top:0; left:50%; transform:translateX(-50%);}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box{position:absolute; top:130%; left:50%; width:100%; height:100%;transform:translate(-50%,-50%); text-align: center; background:rgba(0,0,0,0.5); box-sizing:border-box; padding:2rem; transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a {font-size:1.4rem; overflow: hidden;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick div.area-box{position: absolute; top:2rem; left: 2rem; z-index: 1;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick div.area-box span{background:#222; padding:0.4rem 1rem; margin-bottom:1rem; border-radius:2rem;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.tit p{padding-bottom: 2rem; font-size:1.6rem; font-weight:600;transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.cont{padding-bottom:5rem;box-sizing:border-box;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.cont > p.ellipsis.row3{max-width: 100%;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.cont img{display:none;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.keyword ul{padding-top: 1rem; max-height: 7rem; overflow: hidden; justify-content: center; flex-wrap:wrap; }
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.keyword ul > li {border: 1px solid #fff; padding: 0.1rem 0.8rem; margin: 0.1rem;font-weight: 300; border-radius: 3rem;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box > div.flex{width:100%;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a:hover div.cont-box{top:50%; transition: ease all 0.5s;}
article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a:hover div.cont-box div.tit p{padding-top: 4rem;transition: ease all 0.5s;}

article#m-sec02 div.m-sec02-3{padding-top:1.5%;}
article#m-sec02 div.m-sec02-3{justify-content:space-between;}
article#m-sec02 div.m-sec02-3 > div{width:49.5%;}
article#m-sec02 div.m-sec02-3 > div a{display:block; padding:3rem; color:#333; box-sizing:border-box;}
article#m-sec02 div.m-sec02-3 > div a dl dd{padding-bottom:1rem; font-size:2rem; font-weight:600;}
article#m-sec02 div.m-sec02-3 > div:nth-child(1) a div.m-cont-box {width: 8rem; height: 8rem; padding: 1rem;background:url("../img/main/img-done-list.png")#f5f5f5 no-repeat center center;border-radius: 10rem;transition: ease 0.5s all;}
article#m-sec02 div.m-sec02-3 > div:nth-child(1) a:hover div.m-cont-box{background:url("../img/main/img-done-list-on.png")#f5f5f5 no-repeat center center; transition: ease 0.5s all;}

article#m-sec02 div.m-sec02-3 > div.guide-no-box{background:#f5f5f5;}
article#m-sec02 div.m-sec02-3 > div.guide-no-box div.m-cont-box{text-align:right;}
article#m-sec02 div.m-sec02-3 > div.guide-no-box div.m-cont-box p.bold{ font-size:5.6rem;}

article#m-sec02 div.m-sec02-4{display:none;}

@media screen and (max-width:1366px) {
	article#m-sec01 div.m-sec01-1{flex-wrap:wrap; }
	article#m-sec01 div.m-sec01-1 div.m-login-box{width:100%;margin-bottom:2rem;}
	article#m-sec01 div.m-sec01-1 div.visual-box{width:33%;}
	article#m-sec01 div.m-sec01-1 div.m-board-box{width:66%;}

	article#m-sec02 div.m-sec02-2 ul.slick-dots{left:-46%;}
}
/* 타블렛 970px ~ 1366px */
@media screen and (max-width:1200px){
	
	article#m-sec01 div.m-sec01-1 div.visual-box,
	article#m-sec01 div.m-sec01-1 div.m-board-box{display:none;}
	article#m-sec02 div.m-sec02-4{display:block;}
	article#m-sec02 div.m-sec02-4 div.m-board-box{width:100%;}
	
	article#m-sec02 div.m-sec02-1{width:100%;  margin-bottom:3rem;}
	article#m-sec02 div.m-sec02-2{width:100%; margin-bottom:3rem;}
	article#m-sec02 div.m-sec02-2 > div:nth-child(1) {margin-bottom: 3rem;}

	article#m-sec02 div.m-sec02-1 div.m-cont-list{height: 30rem; overflow-y: scroll;}
	article#m-sec02 > div.inner > div.flex{flex-wrap:wrap;}
	article#m-sec02 div.m-sec02-4{display:block; margin-top:3rem;}
	div.m-board-box div.tab-container ul li:nth-child(1) a{padding:1.5rem 4%;}
	div.m-board-box div.tab-container ul li.m-board-list > a{padding:1.5rem 4%;}
}
/* 타블렛 970px ~ 1366px */
@media screen and (max-width:970px){
	
	article#m-sec02 div.m-sec02-2 > div{height:auto;}
	article#m-sec02 div.m-sec02-2 div.video-box,
	article#m-sec02 div.m-sec02-2 div.gallery-box{flex-wrap:wrap;}
	article#m-sec02 div.m-sec02-2 > div > div.m-tit-box{width:100%; padding-bottom:2rem;}
	article#m-sec02 div.m-sec02-2 > div > div.m-cont-box{width:100%;}
	article#m-sec02 div.m-sec02-3 > div{width: 100%;margin-bottom: 3rem;}
	article#m-sec02 div.m-sec02-3 > div:last-of-type{margin-bottom: 0;}

	article#m-sec02 div.m-sec02-3{flex-wrap:wrap;}

	article#m-sec02 div.m-board-box div.tab-box > ul.tabs li{padding:1rem 0; text-align:center;}

	article#m-sec02 div.m-sec02-2 div.m-tit-box div.btn-more {position: static;width: max-content;margin-top: 1rem;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.img-box {position: relative;padding-top: 75%;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box {position: static;transform: translate(0,0);background: #222;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.cont {padding-bottom: 2rem;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a:hover div.cont-box div.tit p {padding-top: 0;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.cont  p.row3{height: 4rem;}
	article#m-sec02 div.m-sec02-2 div.gallery-box .gallery-slick a div.cont-box div.keyword ul {min-height:2.7rem;max-height: 2.7rem;}
	article#m-sec02 div.m-sec02-2 > div {padding: 3rem 2rem;}
	article#m-sec02 div.m-board-box div.tab-container ul li a > div > p.subject { max-width: 80%;}
}

/* 모바일 360px ~ 720px */
@media screen and (max-width:740px) {
	
	body {font-size:1.4rem;}

	#wrap {min-width:32rem}
	#container { min-width:32rem; } /* min-width 값은 변경 또는 wrap 등으로 위치이동 */


	body.main div.m-title{font-size:2rem;}
	body.main div.m-title > p:nth-child(1){font-size:1.6rem;}
	article {padding: 3rem 0;}
	article#m-sec01{padding-top:8rem;}

	article#m-sec02 h4{position:unset; font-size:2.2rem;}
	article#m-sec02 div.m-board-box div.tab-container ul li.m-board-list:nth-child(1) p.date span.date-day {font-size: 2rem;}
	article#m-sec02 div.m-board-box div.tab-container ul li a > div {width: 70%;}
	article#m-sec02 div.m-board-box div.tab-container ul li:nth-child(1) a > div > p.row2 {    max-width: 70%;}


}