@charset "utf-8";
#mcontainer-wrap {position:relative;font-size:18px;line-height:1;}
#mcontainer {word-break:keep-all;width:100%;margin:0 auto;/*max-width:1440px;padding:0 20px;*/box-sizing:border-box;}
#mcontainer img {width:auto;max-width:100%}


@media all and (max-width:999px) {
	#mcontainer-wrap {font-size:17px;padding-top:0;}
}
@media all and (max-width:768px){
	#mcontainer-wrap {font-size:16px}
}
@media all and (max-width:599px) {
	#mcontainer-wrap {font-size:15px}
}

/* 섹션1 */
.msec01 {position:relative;width:100%;min-height:680px;max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box;box-sizing:border-box;display:flex;justify-content:flex-end;}
.msec01 .sideL {position:absolute;top:30px;left:20px;width:620px;}
.msec01 .sideL:before {display:block;content:'';position:absolute;top:37.4%;left:-201px;width:258px;height:258px;background:url(/resources/_Templet/Main/main_grad02/Img/mPop_bg.png) no-repeat 0 0;background-size:100% auto;z-index:-1;}
.msec01 .sideR {position:relative;width:910px;display:flex;flex-direction:column;justify-content:space-between;}
.msec01 .sideR:before {display:block;content:'';position:absolute;top:0;left:0;width:1170px;height:100%;background:#ebf0f4;z-index:-1;}
.msec01 .sideR .inBox {padding-left:190px;padding-top:75px;}

@media all and (max-width:1440px) {
	.msec01 {padding-left:490px;}
	.msec01 .sideR {width:100%;}
}
@media all and (max-width:999px) {
	.msec01 {padding-left:360px;min-height:460px;}
	.msec01 .sideL {width:400px;}
	.msec01 .sideL:before {left:-100px;width:150px;height:258px;}
	.msec01 .sideR .inBox {padding-left:90px;padding-top:50px;}
}
@media all and (max-width:799px) {
	.msec01 {padding-left:310px;min-height:460px;}
	.msec01 .sideL {top:20px;width:350px;}
	.msec01 .sideR .inBox {padding-left:80px;padding-top:40px;}
}
@media all and (max-width:699px) {
	.msec01 {padding-left:270px;min-height:450px;}
	.msec01 .sideL {top:20px;width:280px;}
	.msec01 .sideR .inBox {padding-left:50px;padding-top:40px;}
}
@media all and (max-width:599px) {
	.msec01 {padding-left:20px;padding-top:20px;min-height:initial;display:flex;flex-direction:column;}
	.msec01 .sideL {position:relative;top:auto;left:auto;width:100%;}
	.msec01 .sideR:before {left:-30px;}
	.msec01 .sideR .inBox {padding-left:0;padding-top:20px;}
}


/* 팝업 */
.mPopup {position:relative;width:100%;}
.mPopup .data-ctrl {position:relative;width:100%;padding-top:30px;display:flex;align-items:center;justify-content:center;}
.mPopup .data-ctrl button {position:relative;width:55px;height:55px;border:2px solid rgba(0,0,0,0.1);border-radius:50%;background:transparent;transition:all 0.3s ease;}
.mPopup .data-ctrl button:before,
.mPopup .data-ctrl button:after {display:block;content:'';position:absolute;top:50%;}
.mPopup .data-ctrl .btn-prev:before,
.mPopup .data-ctrl .btn-next:before {left:0;right:0;margin:auto;width:30px;height:3px;background:#000;}
.mPopup .data-ctrl .btn-prev:after,
.mPopup .data-ctrl .btn-next:after {margin-top:-5px;width:10px;height:10px;border-bottom:3px solid #000;border-right:3px solid #000;transform:rotate(-45deg);}
.mPopup .data-ctrl .btn-prev:after {left:50%;margin-left:-13px;transform:rotate(135deg);}
.mPopup .data-ctrl .btn-next:after {right:50%;margin-right:-13px;transform:rotate(-45deg);}
.mPopup .data-ctrl .btn-prev:focus,
.mPopup .data-ctrl .btn-prev:hover,
.mPopup .data-ctrl .btn-next:focus,
.mPopup .data-ctrl .btn-next:hover {border:2px solid #000;}
.mPopup .data-ctrl .data-nums {position:relative;font-size:14px;font-weight:700;font-family:"Gmarket Sans", sans-serif;padding:0 16px 0 13px;width:97px;box-sizing:border-box;display:flex;justify-content:space-between;}
.mPopup .data-ctrl .data-nums:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-2px 0 0 -6px;width:11px;height:2px;background:#e5e5e5;}
.mPopup .data-ctrl .data-nums .current {color:#000;}
.mPopup .data-ctrl .data-nums .total {color:rgba(0,0,0,0.5);}
.mPopup .data-ctrl .btn-stop {bordeR:0;}
.mPopup .data-ctrl .btn-stop:before {top:0;bottom:0;left:0;right:0;margin:auto;width:4px;height:15px;border-left:3px solid #000;border-right:3px solid #000;}
.mPopup .data-ctrl .btn-play {display:none;border:0;}
.mPopup .data-ctrl .btn-play:before {top:0;bottom:0;left:0;right:0;margin:auto;width:0;height:0;border:8px solid transparent;border-left:10px solid #000;border-right:0;}

@media all and (max-width:799px) {
	.mPopup .data-ctrl button {width:40px;height:40px;}
	.mPopup .data-ctrl .btn-prev:before,
	.mPopup .data-ctrl .btn-next:before {width:20px;height:2px;}
	.mPopup .data-ctrl .btn-prev:after,
	.mPopup .data-ctrl .btn-next:after {margin-top:-4px;width:8px;height:8px;border-bottom:2px solid #000;border-right:2px solid #000;}
	.mPopup .data-ctrl .btn-prev:after {margin-left:-10px;}
	.mPopup .data-ctrl .btn-next:after {margin-right:-10px;}
}
@media all and (max-width:599px) {
	.mPopup .data-ctrl {padding-top:15px;padding-bottom:20px;}
}


/* 검색 */
.total-search {position:relative;width:100%;box-sizing:border-box;padding-right:20px;}
.total-search .total-search-frm {width:100%;height:60px;box-sizing:border-box;border:3px solid #004592;background:#fff;border-radius:30px;padding-left:145px;padding-right:45px;}
.total-search .total-search-frm .sch-tit {position:absolute;top:50%;left:30px;margin-top:3px;font-size:16px;color:#004591;font-weight:700;font-family:"Gmarket Sans", sans-serif;padding-right:24px;transform:translateY(-50%);}
.total-search .total-search-frm .sch-tit:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-18px;width:1px;height:30px;background:#cccccc;}
.total-search .total-search-frm .sch-input {width:100%;height:100%;box-sizing:border-box;font-family:"Spoqa Han Sans Neo", sans-serif;font-size:16px;border:0;}
.total-search .total-search-frm .sch-btn {position:absolute;top:50%;right:0;width:49px;height:49px;background:#004592;border:0;border-radius:50%;transform:translateY(-50%);}
.total-search .total-search-frm .sch-btn:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:21px;height:21px;background:url(/resources/_Templet/Main/main_grad02/Img/main_spr.png) no-repeat 0 0;}

@media all and (max-width:999px) {
	.total-search .total-search-frm {height:50px;padding-left:110px;padding-right:45px;}
	.total-search .total-search-frm .sch-tit {left:20px;margin-top:3px;font-size:14px;padding-right:15px;}
}
@media all and (max-width:799px) {
	.total-search .total-search-frm {padding-left:90px;padding-right:40px;}
	.total-search .total-search-frm .sch-tit {left:15px;margin-top:2px;font-size:12px;padding-right:10px;}
}


/* 큰배너 */
.mIcban1 {padding-top:14px;}
.mIcban1 > ul {width:100%;display:flex;flex-wrap:wrap;}
.mIcban1 > ul > li {width:30.557%;margin-left:4.1645%;margin-top:30px;}
.mIcban1 > ul > li:nth-child(3n+1) {margin-left:0;}
.mIcban1 a {display:block;position:relative;height:160px;text-align:center;background:#fff;transition:all .3s ease;}
.mIcban1 a:focus,
.mIcban1 a:hover {box-shadow:0 37px 35px rgba(0,117,169,0.15);}
.mIcban1 .s-tit {display:block;font-weight:500;color:#363a3c;padding-top:113px;word-break:break-all;padding-left:5px;padding-right:5px;}
.mIcban1 .s-ico {position:absolute;top:30px;left:0;right:0;margin:0 auto;width:75px;height:72px;background:no-repeat 0 0;background-size:100% auto;}
.mIcban1 .icon1 {background-image:url(/resources/_Img/MainModule/micban/l10/ico1.png);}
.mIcban1 .icon2 {background-image:url(/resources/_Img/MainModule/micban/l10/ico2.png);}
.mIcban1 .icon3 {background-image:url(/resources/_Img/MainModule/micban/l10/ico3.png);}
.mIcban1 .icon4 {background-image:url(/resources/_Img/MainModule/micban/l10/ico4.png);}
.mIcban1 .icon5 {background-image:url(/resources/_Img/MainModule/micban/l10/ico5.png);}
.mIcban1 .icon6 {background-image:url(/resources/_Img/MainModule/micban/l10/ico6.png);}

@media all and (max-width:1199px) {
	.mIcban1 .s-ico {width:60px;height:60px;}
}
@media all and (max-width:999px) {
	.mIcban1 > ul > li {margin-top:15px;}
	.mIcban1 a {height:120px;}
	.mIcban1 .s-tit {padding-top:75px;font-size:0.944em;}
	.mIcban1 .s-ico {top:20px;width:40px;height:40px;}
}
@media all and (max-width:799px) {
	.mIcban1 {padding-top:0;}
	.mIcban1 > ul > li {margin-top:15px;}
	.mIcban1 a {height:120px;}
	.mIcban1 .s-tit {padding-top:75px;font-size:0.944em;}
	.mIcban1 .s-ico {top:20px;width:40px;height:40px;}
}
@media all and (max-width:599px) {
	.mIcban1 {padding-top:10px;}
	.mIcban1 > ul > li {margin-top:10px;width:32%;margin-left:2%;}
	.mIcban1 a {height:100%;}
	.mIcban1 .s-tit {padding-bottom:20px;}
	.mIcban1 .s-ico {top:20px;width:40px;height:40px;}
}


/* 큰배너 */
.mIcban2 {padding-top:62px;}
.mIcban2 > ul {width:100%;display:flex;flex-wrap:wrap;background:#006ee9;border-radius:0 30px 0 0;}
.mIcban2 > ul > li {position:relative;width:50%;}
.mIcban2 > ul > li:before {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-22.5px;width:1px;height:45px;background:#fff;opacity:0.2;z-index:1;}
.mIcban2 > ul > li:first-child:before {display:none;}
.mIcban2 a {display:flex;align-items:center;position:relative;height:90px;padding-left:170px;padding-right:5px;box-sizing:border-box;text-align:center;transition:all .3s ease;}
.mIcban2 .s-tit {position:relative;display:inline-block;font-weight:500;color:#fff;text-align:left;word-break:break-all;}
.mIcban2 .s-tit:before {display:block;content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#fff;transition:all .3s ease;}
.mIcban2 a:focus .s-tit:before,
.mIcban2 a:hover .s-tit:before {width:100%;}
.mIcban2 .s-ico {position:absolute;top:50%;left:38px;width:112px;height:90px;background:no-repeat 0 100%;background-size:100% auto;transform:translateY(-50%);}
.mIcban2 .icon1 {background-image:url(/resources/_Img/MainModule/micban2/l11/ico1.png);}
.mIcban2 .icon2 {background-image:url(/resources/_Img/MainModule/micban2/l11/ico2.png);}

@media all and (max-width:1199px) {
	.mIcban2 a {padding-left:130px;}
	.mIcban2 .s-ico {left:20px;width:80px;height:64px;}
}
@media all and (max-width:999px) {
	.mIcban2 {padding-top:30px;}
	.mIcban2 > ul {border-radius:0 20px 0 0;}
	.mIcban2 a {height:65px;padding-left:70px;}
	.mIcban2 .s-tit {font-size:0.944em;}
	.mIcban2 .s-ico {left:10px;width:50px;height:40px;}
}
@media all and (max-width:599px) {
	.mIcban2 > ul > li {width:100%;}
	.mIcban2 > ul > li:before {top:0;left:0;margin-top:0;width:100%;height:1px;}
	.mIcban2 a {height:55px;}
}



/* 게시판 */
.msec02 {width:100%;max-width:1440px;padding:58px 20px 0 20px;box-sizing:border-box;margin:0 auto;}
.mtabboard-wr {position:relative;width:100%;}
.mtabboard-wr .mTit {position:absolute;top:-5px;left:0;font-size:2.5em;color:#000000;font-weight:700;font-family:"Gmarket Sans", sans-serif;}
#mTabBoard {height:356px;display:flex;flex-flow:row wrap;justify-content:flex-end;position:relative;box-sizing:border-box;padding-right:32px;padding-left:20px;}
#mTabBoard dl dt {z-index:1;padding-right:53px;}
#mTabBoard dl dt a {display:block;position:relative;padding:0 0 14px 0;color:#9e9e9e;font-size:1.333em;font-weight:500;text-align:center;line-height:1;letter-spacing:-.025em;box-sizing:border-box;transition:all .3s ease}
#mTabBoard dl dt a:before {display:block;content:'';position:absolute;bottom:0;right:0;width:0;height:4px;background:#004592;transition:all .3s ease;}
#mTabBoard dl.isOn dt a,
#mTabBoard dl dt a:focus,
#mTabBoard dl dt a:hover {color:#004592;}
#mTabBoard dl.isOn dt a:before,
#mTabBoard dl dt a:focus:before,
#mTabBoard dl dt a:hover:before {left:0;right:auto;width:100%;}
#mTabBoard dl dd {display:none;text-align:left;position:absolute;left:0;top:76px;width:100%}
#mTabBoard ul {display:flex;justify-content:space-between;width:100%;}
#mTabBoard ul li {width:31.429%;}
#mTabBoard ul li a {display:flex;flex-direction:column;justify-content:space-between;position:relative;height:280px;border:1px solid #dddddd;padding:37px 38px 38px 38px;box-sizing:border-box;transition:all .3s ease;}
#mTabBoard ul li a span {display:block;letter-spacing:-.05em}
#mTabBoard ul li a .s-tit {color:#000;font-size:1.222em;font-weight:500;line-height:1.364em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:60px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mTabBoard ul li a .s-tit span {display:inline;text-decoration:none;background-image: linear-gradient(rgba(255, 255, 255,0), rgba(255, 255, 255,0)),linear-gradient(#000, #000);background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size .3s linear;}
#mTabBoard ul li a .s-txt {margin-top:51px;width:100%;color:#636363;font-size:.944em;line-height:1.647em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
#mTabBoard ul li a .s-date {font-size:14px;color:#aaaaaa;font-weight:300;}
#mTabBoard ul li a .s-btn {position:absolute;bottom:20px;right:40px;width:50px;height:50px;background:#f5f5f5;border-radius:50%;transform:rotate(-45deg);transition:all .3s ease;}
#mTabBoard ul li a .s-btn:before {display:block;content:'';position:absolute;top:50%;left:50%;width:22px;height:3px;background:#000000;transform:translate(-50%);transition:all .3s ease;}
#mTabBoard ul li a .s-btn:after {display:block;content:'';position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-4px;width:10px;height:10px;border-right:3px solid #000000;border-bottom:3px solid #000000;transform:rotate(-45deg);transition:all .3s ease;}
#mTabBoard ul li a:focus .s-tit span,
#mTabBoard ul li a:hover .s-tit span {background-size: 0 1px, 100% 1px;}
#mTabBoard ul li a:focus .s-btn,
#mTabBoard ul li a:hover .s-btn {background:#ffd44d;}
#mTabBoard ul li a:focus .s-btn:before,
#mTabBoard ul li a:hover .s-btn:before {background:#fff;}
#mTabBoard ul li a:focus .s-btn:after,
#mTabBoard ul li a:hover .s-btn:after {border-color:#fff;}

#mTabBoard .data-more {display:none;position:absolute;top:-86px;right:0;width:43px;height:43px;background-color:#000000;border-radius:50%;transition:all .3s ease;}
#mTabBoard .data-more:before,
#mTabBoard .data-more:after {content:"";display:block;position:absolute;width:17px;height:3px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
#mTabBoard .data-more:after {transform:rotate(90deg);}
#mTabBoard .data-more:focus,
#mTabBoard .data-more:hover {transform:rotate(270deg);}

#mTabBoard dl.isOn dd {display:block;}
#mTabBoard dl.isOn .data-more {display:block;}
#mTabBoard dl.isOn dd ul li {animation:mTabBoard-slide 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay:0;}
#mTabBoard dl.isOn dd ul li:nth-child(2) {animation-delay:0.1s;}
#mTabBoard dl.isOn dd ul li:nth-child(3) {animation-delay:0.2s;}
#mTabBoard dl.isOn dd ul li:nth-child(4) {animation-delay:0.3s;}

#mTabBoard ul li.nodata {width:100%;height:280px;border:1px solid #dddddd;display:flex;align-items:center;justify-content:center;}

@keyframes mTabBoard-slide {
  0% {-webkit-transform: translateY(50px);transform: translateY(50px);opacity:0;}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
}
@media all and (max-width:999px) {
	.msec02 {padding-top:40px;}
	.msec02 .m-txt {position:absolute;top:94px;left:20px;color:#fff;font-size:1.75em;}
	#mTabBoard {height:265px;}
	#mTabBoard dl dt {padding-right:20px;}
	#mTabBoard dl dd {top:65px;}
	#mTabBoard ul li a {height:200px;padding:25px 25px 50px 25px;}
	#mTabBoard ul li a .s-tit {font-size:1.152em;height:50px;}
	#mTabBoard ul li a .s-txt {margin-top:15px;font-size:0.833em;height:65px;}
	#mTabBoard ul li a .s-btn {bottom:20px;right:25px;width:40px;height:40px;}
	#mTabBoard ul li a .s-btn:before {width:17px;height:2px;}
	#mTabBoard ul li a .s-btn:after {margin-top:-5px;margin-left:-4px;width:8px;height:10px;border-right:2px solid #000000;border-bottom:2px solid #000000;}
	#mTabBoard ul li.nodata {height:200px;}
	#mTabBoard .data-more {top:-70px;}
}
@media all and (max-width:768px) {
	#mTabBoard ul li a .s-tit {height:47px;}
	#mTabBoard ul li a .s-txt {height:65px;}
}
@media all and (max-width:699px) {
	.mtabboard-wr .mTit {display:none;}
	#mTabBoard {padding-left:0;justify-content:flex-start;}
	#mTabBoard dl dt {padding-right:10px;}
	#mTabBoard dl dt .dtTit {font-size:1.2em;}
	#mTabBoard dl dd {top:40px;}
	#mTabBoard .data-more {top:-40px;width:30px;height:30px;}
	#mTabBoard .data-more:before,
	#mTabBoard .data-more:after {width:14px;height:2px;}
}
@media all and (max-width:599px) {
	#mTabBoard ul li a {height:200px;padding:20px;}
	#mTabBoard ul li a .s-tit {height:45px;}
	#mTabBoard ul li a .s-txt {height:45px;-webkit-line-clamp:2;}
	#mTabBoard ul li.nodata {height:200px;}
}
@media all and (max-width:499px) {
	#mTabBoard {height:315px;}
	#mTabBoard ul {display:block;}
	#mTabBoard ul li {width:100%;margin-top:10px;}
	#mTabBoard ul li a {height:80px;padding:15px;}
	#mTabBoard ul li a .s-tit {height:25px;-webkit-line-clamp:1;}
	#mTabBoard ul li a .s-txt,
	#mTabBoard ul li a .s-btn  {display:none;}
	#mTabBoard ul li.nodata {height:260px;}
}



/* 큰배너 */
.msec03 {padding-top:60px;}
#mLink1 {width:100%;max-width:1400px;box-sizing:border-box;margin:0 auto;background:url(/resources/_Templet/Main/main_grad02/Img/mBan_bg.jpg) no-repeat 0 0;background-size:cover;}
#mLink1 a {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:25px 20px;box-sizing:border-box;text-align:center;}
#mLink1 .sTit {display:block;font-size:1.444em;color:#fff;line-height:1.231em;}
#mLink1 .sTxt {display:block;font-size:0.833em;color:#39a4ff;line-height:1.2em;font-weight:700;font-family:"Gmarket Sans", sans-serif;text-transform:uppercase;padding-top:14px;}
#mLink1 .sBtn {display:inline-flex;align-items:center;justify-content:center;font-size:0.889em;color:#fff;line-height:1.2em;border:2px solid #fff;width:190px;height:50px;text-align:center;box-sizing:border-box;border-radius:25px;margin-top:15px;transition:all .3s ease;}
#mLink1 a:focus .sBtn,
#mLink1 a:hover .sBtn {background:#fff;color:#1C2B42;}

@media all and (max-width:999px) {
	.msec03 {padding-top:40px;}
}


/* 보도자료 */
.msec04 {width:100%;max-width:1440px;padding:30px 20px 60px 20px;box-sizing:border-box;margin:0 auto;}
#mNews1 {width:100%;position:relative;box-sizing:border-box;padding-left:490px;}
#mNews1 .m-tit {position:absolute;top:25px;left:0;font-size:2.5em;color:#000000;font-weight:700;font-family:"Gmarket Sans", sans-serif;}
#mNews1 .data-list a {display:block;position:relative;padding:32px 70px 29px 24px;border-bottom:1px solid #e1e7ec;transition:all .3s ease;}
#mNews1 .data-list a:before {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;background:#737373;border-radius:50%;transition:all .3s ease;}
#mNews1 .data-list a:after {display:block;content:'';position:absolute;top:50%;right:34px;margin-top:-5px;width:9px;height:9px;border-bottom:2px solid #778b9b;border-right:2px solid #778b9b;transform:rotate(-45deg);transition:all .3s ease;}
#mNews1 .data-list .s-tit {display:block;width:100%;color:#000000;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;transition:all .3s ease;}
#mNews1 .data-list .s-date {display:none;}
#mNews1 .data-list a:focus,
#mNews1 .data-list a:hover {border-color:#0091dc;}
#mNews1 .data-list a:focus:before,
#mNews1 .data-list a:hover:before {background:#0091dc;}
#mNews1 .data-list a:focus:after,
#mNews1 .data-list a:hover:after {border-color:#0091dc;right:20px;}
#mNews1 .data-list a:focus .s-tit,
#mNews1 .data-list a:hover .s-tit {color:#0091dc;}


@media all and (max-width:999px) {
	#mNews1 {padding-left:200px;}
	#mNews1 .m-tit {font-size:2em;}
}
@media all and (max-width:599px) {
	.msec04 {padding-top:40px;padding-bottom:40px;}
	#mNews1 {padding-left:0;}
	#mNews1 .m-tit {position:relative;top:auto;left:auto;padding-bottom:10px;}
	#mNews1 .data-list a {padding:20px 50px 20px 24px;}
	#mNews1 .data-list a:after {right:10px;}
	#mNews1 .data-list a:focus:after,
	#mNews1 .data-list a:hover:after {right:10px;}
}