@import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo:700|Noto+Sans+KR:300,400,500,700&display=swap);
@import url(ko-pub-dotum.css);
@import url(nanum-square.css);
@font-face{
	font-family:"GmarketSans";
	font-style:normal;
	font-weight:700;
	src:url(../fonts/GmarketSansBold.eot),
		url(../fonts/GmarketSansBold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/GmarketSansBold.otf) format("opentype");
}

/* common */
*{box-sizing:border-box;}
html{font-size:16px;-webkit-text-size-adjust:none;}
body{margin:0;font-family:"KoPubDotum",sans-serif;font-weight:300;color:#494949;}
ul{margin:0;padding:0;list-style:none;}
p{margin:0;}
a{text-decoration:none;color:#414141;}
h1,h2{margin:0;font-weight:400;letter-spacing:-1px;}
h2{font-size:1.5rem/*24px*/;}
h3{font-size:1.25rem/*20px*/;}
em{font-style:normal;}
img{display:block;max-width:100%;}


/* form */
input[type=text]{-webkit-appearance:none;padding:0 10px;border-radius:0;font-family:"KoPubDotum",sans-serif;font-size:0.875rem/*14px*/;}


/* mobile menu button */
.m-menu-btn{position:absolute;top:0;right:0;z-index:3;width:60px;height:60px;padding-top:24px;outline:none;cursor:pointer;}
.m-menu-btn span{display:block;position:relative;width:21px;height:2px;margin:3px 0 0 20px;background-color:#003377;transition:all .5s;transform:rotate(0deg);opacity:1;}
.m-menu-btn span:first-child{margin-top:0;}
.m-menu-btn.active span{margin-left:19px;}
.m-menu-btn.active span:first-child{top:5px;width:22px;transform:rotate(135deg);}
.m-menu-btn.active span:nth-child(2){opacity:0;}
.m-menu-btn.active span:last-child{top:-5px;width:22px;transform:rotate(225deg);}


/* grid */
.grid{width:1620px;margin:0 auto;}
.grid-cols li{float:left;}
.grid-cols.c2 li{width:50%;}
.grid-cols.c2 li:last-child{text-align:right;}
.grid-cols.c4 li{width:25%;}
.grid-cols:after{display:block;clear:both;content:"";}

/* wrap */
#wrap{min-width:320px;}


/* header */
header{position:relative;z-index:2;}
header.fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;}
header .grid{position:relative;padding-top:60px;}
header .hd-link{position:absolute;top:60px;right:0;}
header .hd-link a{display:inline-block;min-height:27px;margin:9px 35px 0 0;padding-right:39px;background:url(../img/common/ico-home.png) no-repeat right center;font-size:1.25rem/*20px*/;font-weight:400;color:#5f5f5f;line-height:27px;}
header .hd-link select{width:188px;height:48px;padding-left:21px;border:1px solid #1f5a96;background:rgba(255,255,255,.4) url(../img/common/ico-sel.gif) no-repeat right 13px center;font-size:1.25rem/*20px*/;font-weight:700;color:#5f5f5f;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
header .hd-link select::-ms-expand{display:none;}
.gnb h1{margin-bottom:30px;font-size:0;}
.gnb h1 a{display:inline-block;width:308px;height:49px;background:url(../img/common/hd-logo.png) no-repeat;}
.gnb h1 em{display:none;font-size:0.75rem/*12px*/;}
.gnb li a{display:block;font-size:0.875rem/*14px*/;font-weight:400;color:#191919;}
.gnb ul:after{display:block;clear:both;content:"";}
.gnb > ul{background:linear-gradient(90deg, #023578 0%, #0276ba 100%);}
.gnb > ul > li > a{font-size:1rem/*16px*/;font-weight:700;color:#1d4879;}
.gnb > ul > li > ul.snb{display:none;}
header .search-panel{position:absolute;top:152px;right:30px;width:213px;height:36px;padding-right:33px;border-radius:10px;border:1px solid #fff;overflow:hidden;}
header .search-panel input[type=text]{width:100%;height:100%;border:none;background-color:transparent;font-size:1rem/*16px*/;color:#fff;outline:none;}
header .search-panel .btn{position:absolute;top:0;right:0;width:33px;height:100%;background:#fff url(../img/common/ico-search.png) no-repeat center center;font-size:0;}


/* section visual */
.vsl-slide .item{height:1024px;position:relative;background-repeat:no-repeat;background-position:center top;font-size:0;}
.vsl-slide .item[data-dot='1']{background-image:url(../img/main/bg-visual-slide01.png?v1);}
.vsl-slide .item[data-dot='2']{background-image:url(../img/main/bg-visual-slide02.png);}
.vsl-slide .item[data-dot='3']{background-image:url(../img/main/bg-visual-slide03.png);}
.vsl-slide .item a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.vsl-slide .owl-nav [class^=owl-]{position:absolute;top:75.1953125%;width:49px;height:30px;background-repeat:no-repeat;font-size:0;}
.vsl-slide .owl-nav .owl-prev{left:9.7740409%;background-image:url(../img/main/ico-slide-prev.png);}
.vsl-slide .owl-nav .owl-next{left:calc(9.7740409% + 257px);background-image:url(../img/main/ico-slide-next.png);}
.vsl-slide .owl-dots{display:flex;position:absolute;top:calc(75.1953125% + 8px);left:calc(9.7740409% + 97px);font-size:0;}
.vsl-slide .owl-dots .owl-dot{width:14px;height:14px;margin:0 12px;border-radius:100%;background-color:#fff;}
.vsl-slide .owl-dots .owl-dot.active{width:30px;height:30px;margin:-8px 3px 0;border:9px solid #fff;background-color:transparent;}

/* section article */
.main-atc{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:100px;}
.main-atc [class^="cont1"]{padding-top:50px;background:url(../img/main/bg-main-category.png) no-repeat;}
.main-atc.atc-btm{margin-top: 0px;}
.main-atc h2{margin-bottom:32px;font-size:2.5rem/*40px*/;font-weight:700;color:#003377;}
.main-atc h2.emp{color:#ff3938;}
.main-atc .subsc-btn{background-color: #003377;display: inline-block;min-width: 190px;padding: 1rem 2rem;border-radius: 10.5px;display: flex;justify-items: baseline;align-items: center;margin: 40px 0 54px;}
.main-atc .subsc-btn h2{color: #fff;margin: 0 20px 0px 0px;font-size: 2.1875rem;font-family:"GmarketSans","NanumSquare"; font-weight: 900; width: 100%;text-align: center;}
.cont1{width:60.2469135%;}
.cont1-1{margin-top: 8rem;}
.cont2{width:35.9259259%;}
.cont3{padding-top: 30px;}
.atc-thumb{position:relative;overflow:hidden;}
.atc-thumb img{position:absolute;top:0;left:0;width:100%;}
.atc-slide{position:relative;}
.atc-slide ul li{margin-top:100px; background-color: #fafafa;}
.atc-slide ul li:first-child{margin-top:0;}
.atc-slide ul li a{display:block;position:relative;padding-right:40.8811475%;overflow:hidden;}
.atc-slide ul li a > span{display:block;}
.atc-slide ul li .atc-thumb{padding-bottom:57.3656845%;}
.atc-slide ul li .atc-category{display:inline-block;position:absolute;top:0;left:59.1188524%;min-width:190px;padding:0 20px;border-radius:16.5px;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#003377;font-size:1rem/*16px*/;color:#fff;line-height:33px;}
.atc-slide ul li .atc-summary{position:absolute;top:68px;left:59.1188524%;padding-left:20px;font-size:1.375rem/*22px*/;font-weight:400;color:#000;line-height:1.45;word-break:keep-all;}
.atc-slide .owl-nav{position:absolute;top:-72px;right:0;width:166px;height:36px;border-radius:18px;border:1px solid #7e7e7e;}
.atc-slide .owl-nav [class^=owl-]{position:absolute;top:7px;width:19px;height:20px;background-repeat:no-repeat;background-size:cover;font-size:0;}
.atc-slide .owl-nav .owl-prev{right:125px;background-image:url(../img/main/ico-prev.png);}
.atc-slide .owl-nav .owl-next{right:20px;background-image:url(../img/main/ico-next.png);}
.youtube{margin-bottom:80px;}
.youtube li{margin-top:32px;}
.youtube li:first-child{margin-top:0;}
.youtube li a{display:block;padding:20px 28px 25px;box-shadow:10px 10px 13px rgba(53,53,53,.17);}
.youtube li a > span{display:block;}
.youtube li .atc-thumb{padding-bottom:49.4296577%;}
.youtube li .atc-tit{display:block;padding:20px 10px 0;font-weight:400;color:#000;line-height:1.25;}
.youtube li .atc-tit em{display:block;color:#00a7e9;}
.youtube li .atc-tit.flx{display:flex;align-items: center;width: 100%;}
/* .youtube li .atc-tit.flx .img-cont{display:flex;justify-items: right;width: 100%;height: 100%; max-width: 60px;} */
.youtube li .atc-tit.flx img{margin-left: 1rem;}

.slide4{padding-bottom: 40px;}
.slide4 ul li a > span{display:block;}
.slide4 ul li .atc-thumb{padding-bottom:62.3711340%;}
.slide4 ul li .atc-tit{font-size:0;}
.slide4 ul li{margin-top:27px;}
.slide4 ul li:first-child{margin-top:0;}
.top3{padding:13px 20px 18px;background-color:#fafafa;margin-bottom: 80px;}
.top3 li{position:relative;min-height:40px;margin-top:20px;padding:27px 0 20px 70px;border-top:1px solid #dfdfdf;}
.top3 li:first-child{margin-top:0;border-top:none;}
.top3 li .ord{display:inline-block;position:absolute;top:20px;left:15px;width:40px;height:40px;border-radius:40px;background-color:#dbdfe3;color:#fff;line-height:40px;text-align:center;}
.top3 li .atc-tit{font-size:1.375rem/*22px*/;font-weight:400;}
.sns{display:flex;width:400px;margin:17px auto 0;}
.sns li{width:70px;height:70px;margin:0 20px;}
.sns li:first-child{margin-left:0;}
.sns li:last-child{margin-right:0;}
.sns li a{display:block;height:100%;background-repeat:no-repeat;background-size:cover;}
.sns li a.youtube{background-image:url(../img/main/ico-youtube.png);}
.sns li a.facebook{background-image:url(../img/main/ico-facebook.png);}
.sns li a.instagram{background-image:url(../img/main/ico-instagram.png);}
.sns li a.linkedin{background-image:url(../img/main/ico-linkedin.png);}


/* search result */
.content h1.tit .keyword{color:#0071b6;}
.rp-result{margin-top:100px;}
.rp-result li{margin-bottom:40px;padding-bottom:34px;border-bottom:1px solid #dfdfdf;}
.rp-result li a{position:relative;}
.rp-result li a > span{display:block;}
.rp-result li .atc-tit{margin:10px 0 20px;font-family:"GmarketSans","NanumSquare";font-weight:900;font-size:2.125rem/*34px*/;}
.rp-result li .atc-summary{font-size:1.375rem/*22px*/;font-weight:400;line-height:1.64;}
.content-line{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:108px;overflow:hidden;text-overflow:ellipsis;}
.kwd{color:#2bb1ff;}


/* footer */
footer{background:url(../img/common/bg-footer.png) no-repeat center bottom;}
footer .grid{position:relative;padding-bottom:218px;text-align:center;}
.logo-and-copyright{display:flex;position:absolute;bottom:66px;left:50%;min-width:764px;transform:translateX(-50%);}
.logo-and-copyright .logo{width:227px;height:36px;margin:2px 35px 0 0;background:url(../img/common/ft-logo.png) no-repeat;font-size:0;}
.logo-and-copyright .copyright{margin-top:19px;font-size:1.125rem/*18px*/;font-weight:400;color:#999;}


/* to top */
.to-top{display:none;position:fixed;right:45px;bottom:45px;z-index:1;width:51px;height:51px;padding-top:10px;border-radius:100%;background-color:rgba(0,0,0,.6);font-size:0.875rem/*14px*/;font-weight:400;color:#fff;text-align:center;}
.to-top em{display:block;margin-bottom:1px;font-size:0.75rem/*12px*/;}


/* media query */
@media all and (min-width:1620px){
	header.fixed{transition:background-color .5s ease-out;}
	header.fixed .grid{padding-top:15px;}
	header.fixed .gnb h1{margin-bottom:16px;}
	header.fixed .gnb h1 a{width:132px;height:21px;background-size:cover;}
	header.fixed .gnb > ul{position:absolute;top:0;left:232px;z-index:3;width:calc(100% - 232px);}
	header.fixed .gnb > ul > li.g4{width:149px;}
	header.fixed .gnb > ul > li > a{padding:0 40px;line-height:52px;font-size:1.125rem/*18px*/;}
	header.fixed .gnb > ul > li > ul.snb{top:52px;padding-top:18px;}
	header.fixed .gnb > ul > li > ul.snb li a{font-size:1rem/*16px*/;line-height:39px;}
	header.fixed .gnb .bg-snb.active{top:52px;left:232px;width:calc(100% - 232px);height:359px;}
	header.fixed .hd-link{display:none;top:10px;}
	header.fixed .hd-link a{min-height:0;margin:5px 20px 0 0;padding-right:25px;font-size:0.75rem/*12px*/;background-size:19px 18px;}
	header.fixed .hd-link select{height:31px;font-size:0.75rem/*12px*/;}
	header.fixed .search-panel{top:8px;z-index:3;}
	.m-menu-btn{display:none;}
	.gnb > ul{display:block !important;}
	.gnb > ul > li{float:left;position:relative;}
	.gnb > ul > li:hover{background-color:rgba(255,255,255,.6);}
	.gnb > ul > li > a{padding:0 60px;line-height:62px;font-size:1.375rem/*22px*/;color:#fff;}
	.gnb > ul > li > a:after{display:block;position:absolute;top:50%;left:0;width:1px;height:20px;background-color:#5a73b3;transform:translateY(-50%);content:"";}
	.gnb > ul > li:first-child > a:after{display:none;}
	.gnb > ul > li > ul.snb{display:none;position:absolute;top:62px;left:0;z-index:3;width:100%;padding:33px 0 50px;text-align:center;}
	.gnb > ul > li > ul.snb li a{padding:0 30px;font-size:1.25rem/*20px*/;font-weight:700;color:#000;line-height:53px;}
	.gnb > ul > li > ul.snb li a .desc{display:none;}
	.gnb > ul > li > ul.snb li a:hover{color:#003c81;}
	.gnb > ul > li > ul.snb li a.box:hover{padding:2px 0 6px;background-color:#024d91;color:#fff;line-height:1.25;}
	.gnb > ul > li > ul.snb li a:hover em{font-size:0.875rem/*14px*/;font-weight:400;}
	.gnb > ul > li > ul.snb li a:hover .desc{display:block;}
	.gnb .bg-snb:not(.active){display:none;}
	.gnb .bg-snb.active{display:block;position:absolute;top:201px;left:0;z-index:2;width:100%;height:487px;background-color:#fff;}
	#container.main{position:relative;z-index:1;top:-206px;}
	.atc-thumb img{transition:all .25s ease-out;}
	.atc-thumb:hover img{transform:scale(1.05);}
}

@media all and (max-width:1619px){
	
	html{font-size:14px;}
	body.m-menu-opened{position:fixed;width:100%;height:100%;}
	body:not(.m-menu-opened) header .grid{padding-top:0;}
	header .hd-link{display:none;}
	.m-menu-btn{display:block;}
	.grid{width:auto;margin:0 20px;}
	.gnb.active{position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;padding:0 20px;background-color:#fff;overflow:auto;}
	.gnb h1{margin-bottom:0;}
	.gnb h1 a{width:126px;height:60px;background-position:left center;background-size:126px auto;}
	.gnb > ul{display:none;margin-top:74px;padding-bottom:60px;background:none;text-align:center;}
	.gnb > ul > li{margin-top:27px;}
	.gnb > ul > li:first-child{margin-top:0;}
	.gnb > ul > li > a{font-size:1.25rem/*20px→17.5px*/;}
	.gnb > ul > li > ul.snb{display:block !important;}
	.gnb > ul > li > ul.snb li a{padding:6px 0;font-size:1rem/*16px→14px*/;}
	.gnb > ul > li > ul.snb li a em{display:block;margin-bottom:5px;font-size:0.75rem/*14px→*10.5px*/;}
	.gnb > ul > li > ul.snb li:first-child a{margin-top:8px;}
	.gnb > ul > li.pc-only{display:none;}
	header .search-panel{display:none;}
	header .search-panel input[type=text]{color:#000;}
	header .search-panel .btn{width:59px;background-image:url(../img/common/m-ico-search.png);background-size:19px auto;}
	body.m-menu-opened header .search-panel{display:block;top:60px;right:0;left:20px;width:calc(100% - 40px);height:44px;padding-right:59px;border-radius:0;border-color:#003377;}
	.vsl-slide .item{height:auto;padding-bottom:54.1666666%;background-size:cover;}
	.atc-slide ul li{margin-top:80px;}
	.content-line{height:93px;}
	.to-top{right:20px;}
}

@media all and (max-width:1167px){
	.sns{width:360px;}
	.sns li{width:63px;height:63px;margin:0 18px;}
}

@media all and (max-width:1007px){
	.sns{width:320px;}
	.sns li{width:56px;height:56px;margin:0 16px;}
}

@media (max-width:1007px) and (min-width:769px){
	.main-atc .subsc-btn h2 {font-size: 1.875rem;/*30px*/}
	.main-atc .subsc-btn img{height: 2rem;width: 2rem;}
	.atc-slide ul li .atc-summary {top: 48px;padding-left: 10px;font-size: 1.125rem/*18px*/;}
}

@media all and (min-width:769px){
	.line-break769over{display:block;}
}
@media all and (max-width:912px){
	.atc-slide ul li .atc-category{padding:0 10px;}
	.atc-slide ul li .atc-category {min-width: 160px;}
}
@media all and (max-width:768px){
	.line-break769{display:block;}
	.vsl-slide .owl-nav [class^=owl-]{display:none;}
	.vsl-slide .owl-dots{top:auto;bottom:20px;left:50%;transform:translateX(-50%);}
	.vsl-slide .owl-dots .owl-dot{width:8px;height:8px;margin:0 10px;}
	.vsl-slide .owl-dots .owl-dot.active{width:16px;height:16px;margin:-4px 6px 0;border:4px solid #fff;background-color:transparent;}
	.main-atc{display:block;margin-top:60px;}
	.main-atc [class^="cont1"]{padding-top:40px;background-size:auto 10px;}
	.main-atc h2{margin-bottom:23px;}
	.cont1, .cont2{width:auto;}
	.atc-top .cont2{margin-top:80px;}
	.atc-slide ul li{margin-top:40px;}
	.atc-slide .owl-nav{top:-59px;width:70px;height:30px;border-radius:11px;}
	.atc-slide .owl-nav [class^=owl-]{top:9px;width:10px;height:10px;}
	.atc-slide .owl-nav .owl-prev{right:49px;}
	.atc-slide .owl-nav .owl-next{right:9px;}
	footer{background-size:960px auto;}
	.logo-and-copyright{display:block;bottom:96px;min-width:0;width:100%;}
	.logo-and-copyright .logo{display:none;}
	.logo-and-copyright .copyright{line-height:1.4;}
	.line-break768{display:block;}
	.atc-slide ul li .atc-summary {font-size: 0.9375rem/*15px*/;padding-left: 10px;}

}
@media (max-width:768px) and (min-width:628px){
	.youtube li .atc-tit.flx img{margin-left: 10rem;}
}


@media all and (max-width:567px){
	html{font-size:12px;}
	.atc-slide ul li .atc-summary{top:40px;max-height:81px;overflow:hidden;}
	.atc-slide ul li .atc-category{min-width:140px;padding:0 10px;font-size: 0.875rem/*14px*/;}
	.content-line{height:78px;}
	.youtube li .atc-tit.flx img{margin-left: 2rem;}
	.atc-slide ul li {margin-top: 30px;}
	.grid {margin: 0 10px;}
}

@media all and (max-width:375px){
	header .search-panel{width:159px;}
	.atc-slide ul li .atc-category{padding:0 5px;}
	.atc-slide ul li .atc-summary{top:43px;max-height:64px;padding-left:10px;font-size: 0.625rem;}
}

@media all and (max-width:360px){
	header .search-panel{width:144px;}
}

@media all and (max-width:320px){
	header .search-panel{width:104px;}
	.atc-slide ul li .atc-summary{top:43px;max-height:64px;padding-left:5px;font-size: 0.425rem;}
	.grid {margin: 0 10px;}
}

@keyframes panel-open{
	100%{width:100%;margin-left:0;}
}