#contentwrap {position:relative; z-index:1; }

 /* ---- ¸ÞÀκñÁê¾ó---- */
.flickity-enabled { position: relative; z-index:1; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}.flickity-slider {position: absolute; width: 100%; height: 100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
/*.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing;cursor: grabbing;}*/
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width:49px; height:63px; cursor: pointer;}
.flickity-prev-next-button{display: none;}
.flickity-viewport{width: 100%;}
.flickity-page-dots .dot{opacity: 1; position:absolute;z-index:999; }
.flickity-page-dots .dot.is-selected{ background:url(../../img/dotA.png) no-repeat center center; width:49px; height:63px;margin-left:0;margin-top:-0; }
.flickity-page-dots {position:absolute;bottom:28%;left:50%;list-style: none;text-align: center;z-index: inherit; transform:translate(-50%,0);;width:289px;height:31px;background:url(../../img/rect_bg.png) no-repeat 0 center; }


/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/
.flickity-page-dots .dot:nth-child(1){top:-15px;left:0px;}
.flickity-page-dots .dot:nth-child(2){top:-15px;left:80px;}
.flickity-page-dots .dot:nth-child(3){top:-15px;left:160px;}
.flickity-page-dots .dot:nth-child(4){top:-15px;left:240px;}
.slides {margin:0; padding:0; zoom:1;height: 100%;background-size: 100% 100%;}
.slides > li {height:100%;position: relative; z-index:2; }
.slides .cont{width: 100% !important; background-size: cover; display:block; height:100%; background-position:50%; z-index: inherit;}



/*È­»ìÇ¥¹öÆ°*/
.slides .previous,.slides .next{position:absolute; width:30px; height:30px; display:block; text-indent:-9999px; cursor:pointer; z-index:1000000000000000; background-repeat: no-repeat; background-color:transparent; border:none; bottom:310px; }
.slides .previous {background-image:url('../../img/prev2.png'); left:50%; margin-left:-45px; }
.slides .next {background-image:url('../../img/next2.png'); left:50%; margin-left:15px;}



/*ÅؽºÆ®*/
.slides .box {width:800px; height:300px; position:absolute; left:50%; top:50%; position:absolute;  transform:translate(-50%,-50%); text-align:center; padding:0; color:#fff; z-index:999; }
.slides .box h2{ text-align:center; font-size:80px;color: #fff; font-weight:900;  display:block;  font-family: 'Permanent Marker', cursive; line-height:100%;}
.slides .box h2 span{ text-align:center; font-size:22px;color: #fff; font-weight:400; display:block; margin-top:14px}
.slides li:last-child h2 span,.slides li:nth-child(odd) h2 span{ color:#6D6D6D}





@media screen and (max-width:768px) {

html, body { line-height:140%; font-size:14px}


/*¸ÞÀÎ ½½¶óÀ̵å*/
.slides .box h2{  font-size:37px;}
.slides .flickity-slider li:nth-child(1) h2 img{ max-width:236px;}
.slides .flickity-slider li:nth-child(2) h2 img{ max-width:320px;}
.slides .flickity-slider li:nth-child(3) h2 img{ max-width:330px;}
.slides .flickity-slider li:nth-child(4) h2 img{ max-width:270px;}
.slides .box h2 span{  font-size:18px; font-weight:500}

.TopScroll { right:20px; width:38px; height:38px; background-size:15px;}
.TopScroll:hover {background-size:15px;}
.TopScroll a { width:38px; height:38px;}


.flickity-page-dots {bottom:25%;}

.slides .box { width:100%; height:120px; }
/*.slides .box h2 img{ max-height:auto}*/

.flickity-page-dots .dot.is-selected{ background-size:25px; width:25px; height:36px;  }
.flickity-page-dots { margin-left:0px; margin-top:0px;width:200px;height:40px; background-size:200px; }


/*¸ÞÀÎÀ̹ÌÁö Æ÷ÀÎÆ® À§Ä¡*/

.flickity-page-dots .dot:nth-child(1){top:1px;left:4px;}
.flickity-page-dots .dot:nth-child(2){top:1px;left:58px;}
.flickity-page-dots .dot:nth-child(3){top:1px;left:116px;}
.flickity-page-dots .dot:nth-child(4){top:1px;left:172px;}


/*media screen and (min-width:200px) and (max-width:669px) {*/
.slides .previous,.slides .next{bottom:30%;}


}













 /* ---- ¹è³Ê::  °í°´»ó´ã ¹× Äü¹è³Ê---- */
.mtop_banner {position:absolute; z-index:10; bottom:0; right:50%; margin:0 -700px 0 0; height:160px; width:1400px; background:rgba(0,0,0,0.8) }



.mtb_tel {width:32%; background:#00BCD5; float:left; height:120px; padding:20px 0;}
.mtb_tel h3 {margin:0 32px 0 38px; padding:2px 0 10px 0px; color:#fff;font-size:18px; font-weight:600; border-bottom:1px solid #eee; font-family: 'Noto Sans KR',sans-serif;;}
.mtb_tel h3 span {color:#fff;font-size:14px; font-weight:300; letter-spacing:-0.02em; padding-left:2px; opacity:0.8;}
.mtb_tel .tel {padding:15px 20px 0 72px;color:#fff;font-size:28px; font-weight:600; line-height:100%; letter-spacing:0.04em; background:url(../../img/mtb_tel.png) no-repeat 37px 15px; }
.mtb_tel .tel span { color:#fff;font-size:16px; font-weight:400; padding-top:2px; padding-right:2px; vertical-align:top !important}
.mtb_tel .email {padding:10px 30px 0 37px; color:#fff;font-size:16px; font-weight:300;letter-spacing:0.04em; }
.mtb_icon {float:left; width:68%; }
.mtb_icon ul {width:100%;}
.mtb_icon ul li {float:left; width:25%; display:inline-block;  height:110px; margin:25px 0; background:url(../../img/line_b.png)  repeat-y right 0;  text-align:center;  }
.mtb_icon ul li:last-child {background:none; }
.mtb_icon ul li h3 {padding-top:80px; color:#fff; font-size:16px; font-weight:300; }
.mtb_icon ul li a:hover h3 {} 
.mtb_icon ul li.mtb_01 h3 { background:url(../../img/ic-balance.png) no-repeat center 20px;}
.mtb_icon ul li.mtb_02 h3 { background:url(../../img/ic-academy.png) no-repeat center 20px;}
.mtb_icon ul li.mtb_03 h3 { background:url(../../img/ic-buy.png) no-repeat center 20px;}
.mtb_icon ul li.mtb_04 h3 { background:url(../../img/ic-kakao.png) no-repeat center 20px;}
.slider .downBtn{position:absolute; bottom:114px; left: 50%; margin:0 0 0 700px; }


@media screen  and (max-width:1500px) {
/*.mtop_banner {position: relative; right:0; margin:0;   width:100%;}
.mtop_banner:after {content:"";display:block;clear:both;}
.slider .downBtn{display:none; }*/
}


@media screen  and (max-width:1300px) {
/*.mtb_tel h3 {padding-left:35px; letter-spacing:-0.02em; background-position:0 0; font-size:15px; }
.mtb_tel h3 span {font-size:11px;}
.mtb_tel .tel {padding-left:20px; font-size:25px;  letter-spacing:0; }
.mtb_tel .email {padding:0 20px; }
*/
}


@media screen  and (max-width:1150px) {
/*.mtb_tel h3 span {display:block; line-height:100%;}
.mtb_tel .tel {font-size:21px;  }*/
}



@media screen  and (max-width:1000px) {
/*.mtop_banner {height:auto;}
.mtb_tel,.mtb_icon { width:100%; display:block; height:120px; padding:16px 0;}
.mtb_tel h3 {padding-left:0; letter-spacing:-0.02em; background-position:0 0; font-size:15px; margin:0 1.875rem; }
.mtb_tel .tel {padding-top:0.813rem;padding-left:3.5rem; font-size:25px;  letter-spacing:0; background-size:1.125rem auto; background-position:1.875rem 1.173rem}
.mtb_tel .email {padding:0 1.875rem; }
.mtb_icon ul li { width:50%; }
.container02 {margin-top:480px;}
*/
}


@media screen  and (max-width:768px) {
.mtop_banner {height:auto;}
.mtb_tel{ width:100%; display:block; height:155px; padding:16px 0; box-sizing:border-box;-webkit-box-sizing:border-box}

.mtb_tel h3{font-size:16px; margin:0 1.875rem; }
.mtb_tel h3 span{display:block;font-size:12px;}
.mtb_tel .tel {padding-top:0.813rem;padding-left:3.5rem; font-size:26px;  letter-spacing:0; background-size:1.125rem auto; background-position:1.875rem 1.173rem}
.mtb_tel .email {padding:0 1.875rem; font-size:17px}


.mtb_icon { width:100%; display:block; height:255px; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box; background:#000}

.mtop_banner {position: relative; right:0; margin:0;   width:100%;}
.mtop_banner:after {content:"";display:block;clear:both;}
.slider .downBtn{display:none; }
.mtb_icon ul li{width:50%; }
.mtb_icon ul li:not(:nth-child(even)){background:url(../../img/mtb-line.svg) no-repeat calc(100% - 1px) center}
.mtb_icon ul li.mtb_01 h3{ background-size:27px auto;background-position:center 5px}
.mtb_icon ul li.mtb_02 h3{ background-size:32px auto;background-position:center 0}

.mtb_icon ul li.mtb_03 h3{ background-size:33px auto;background-position:center 0}
.mtb_icon ul li.mtb_04 h3{ background-size:34px auto;background-position:center 0}
.mtb_icon ul li.mtb_05 h3,
.mtb_icon ul li.mtb_06 h3 { background-size:50%;}
.mtb_icon ul li h3 {padding-top:50px;  font-size:12px;  }
.mtb_icon ul li {height:80px;}
.container02 {margin-top:410px;}
}





/* ¹è³Ê:: ·¹À̾ƿô */
.wArea{width:1400px; margin: 0 auto; }
.content h2{font-size:40px; padding-bottom:20px;  letter-spacing:-1px; line-height:80%; font-weight:900; font-family: 'GmarketSansBold', cursive; padding-top:130px; margin:0; color:#34312C}
.content .subText{font-size:16px;   color:#34312C; font-weight:300; padding:5px 0 20px;}
.content {position: relative; max-width:1920px; margin:0 auto; width:100%;}


@media screen and (min-width:960px) and (max-width:1280px) {
/*.content { width:100%; }
.wArea { width:960px; margin:auto; position:relative; }
.content .linear { transition:all 200ms linear; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear;}
.content .work_more a:hover {background:#FFD800 url(../../img/more_work.png) center no-repeat;}
*/
}


@media screen and (max-width:960px) {
/*.wArea { width:100%; }
.content h2{font-size:28px; padding-bottom:0px;   padding-top:60px;}
*/
}

@media screen and (max-width:768px) {
.content {min-width:100%; max-width:100%;}
}







/* ¹è³Ê:: class ¼Ò°³*/
.container02 {background:#34312C;  padding:0 0 100px 0; text-align:center;}
.container02 h2{color:#00E1FF; padding-bottom:0 !important }
.container02 .subText{color:#fff; padding-bottom:52px}
.container02 .subText p a {color:#eee;} 
.container02 .subText p a:hover {color:#00E1FF;} 
.container02 li{width: 25%;height: 250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; background-position:50%; position:relative; overflow:hidden;}
.container02 li:hover{overflow: hidden;}
.container02 li .hover{font-size:13px;  text-align:left;   position: relative; position:absolute; left:0px; top:250px; background:#00E1FF; opacity: 0.9; filter:alpha(opacity=90); height: 100%;padding:30px 20px;box-sizing:border-box;
display:flex; flex-direction:column; justify-content:center; align-items:flex-start}
.container02 li .hover h4{font-family:"Noto Sans KR",sans-serif;  font-size: 23px; color: #fff; padding-top: 20px;background: url(../../img/titlebar03.gif) no-repeat 0 0px; font-weight:400; }
.container02 li .hover .sum{margin-bottom:10px; color:#FFCC00; background:#070707; font-family:"Noto Sans KR",sans-serif;  padding:3px 4px 3px 4px; font-size:14px; display:inline-block; line-height:120%;}
.container02 li a .hover .descrip{color: #000; font-family:"Noto Sans KR",sans-serif; font-weight:300;  width:100%; display:block; display:-webkit-box; word-wrap:break-all; -webkit-box-orient: vertical; overflow: hidden; font-size:13px;
 text-align:justify; word-break:break-all }



@media screen  and (max-width:1500px) {
/*.container02 {margin-top:150px;}*/
}

@media screen  and (max-width:1000px) {
/*
.container02 {margin-top:480px;}
.container02 ul {max-width:640px; margin:0 auto;}
.container02 li { width:50%;}
*/
}

@media screen  and (max-width:768px) {
.wArea{max-width:100%;min-width:100%;width:100%;}
.wArea > .ff{width:calc(100% - 24px); margin:0 auto;}
.container02 {margin-top:0px; padding:0 0 77px 0}
.content h2{font-size:26px; padding-bottom:20px;  padding-top:77px; margin:0; }
.container02 .subText { margin-bottom:20px; font-size:14px; line-height:140%;}
.container02 li { width:100%; height:252px;}
.container02 li .hover{ padding:0 50px; top:252px}
.container02 li a .hover .descrip{padding-top:0; height:auto; font-size:12px  }
.container02 li a .hover .sum{ font-size:13px }
.container02 li .hover h4 { font-size:25px; margin-top:0; font-weight:700; background-position:0 10px; background-size:20px 2px; padding-top:0}
}







/* -------- ¹è³Ê:: ¼ö°­»ý ÀÛÇ° ::  »ç¿ë¾ÈÇÔ-------- */
#mcount {position:relative;  text-align:center; overflow:hidden; height:650px;   }
#mcount .mcount_txt {position:absolute; z-index:10; top:0; left:0; width:100%; text-align:center; }
#mcount .mcount_txt h3 {padding-top:100px; color:#000; font-size:37px;   font-size:45px;   letter-spacing:-1px; font-weight:900; font-family: 'Permanent Marker', cursive;}
#mcount .mcount_txt h3 span {padding-top:10px; color:#000; display:block; font-size:17px; font-weight:300;  }


.gb_arlim {position:relative; width:100%; margin:0 auto;}
.gb_arlim .prev,.gb_arlim .next,.gb_arlim .pause,.gb_arlim .play {bottom:0px;}
.popup_li {position:inherit; padding:30px 0 50px; }
.popup_li .slick-slide a { margin:0 20px; box-sizing: border-box; display:inline-block;  border:10px solid #000; border-radius:7px; box-shadow:3px 3px 3px rgba(0,0,0,.2);}
.popup_li .slick-slide a:hover {  border-color:#fff;}
.popup_li .slick-slide img {width:100%;  }
.slick-slider{ position: relative;display: block;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-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;top: 0; left: 0;display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-arrow,.slick-dots li button {  cursor:pointer;}
.prev,.next,.pause,.play {position:absolute; width:30px; height:30px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; border:none; bottom:0px; }
.prev {background-image:url('../../img/prev.png'); left:50%; margin-left:-45px;}
.next {background-image:url('../../img/next.png'); left:50%; margin-left:15px;}
.pause {background-image:url('../../img/pause.png'); left:50%; margin-left:-15px; }
.play {background-image:url('../../img/play.png'); left:50%; margin-left:-15px; display:none;}
.slick-dots {display:none !important;}



@media all and (max-width:1200px){
.prev,.next,.pause,.play {bottom:5px; }
#mcount { height:530px;}
#mcount .mcount_txt h3 {padding-top:70px; font-size:27px;}
#mcount .mcount_txt h3 span {font-size:17px;}
#mcount .mcount_txt b{font-size:60px;}
#mcount .mcount_txt p { font-size:15px;}
.popup_li .slick-track {height:auto;}
}


@media all and (max-width:770px){
.popup_li {padding:10px 0 70px;}
.popup_li {padding:20px 0 60px;}
}


@media all and (max-width:480px){
#mcount { height:450px;}
#mcount .mcount_txt h3 {padding-top:50px; font-size:28px;}
#mcount .mcount_txt h3 span {font-size:15px;}
#mcount .mcount_txt b{font-size:40px;}
#mcount .mcount_txt p { font-size:13px;}
.popup_li .slick-slide a { border:5px solid #000; margin:0 auto; max-width:300px;}
}



#mcount .mcount_bg  {background:url(../../img/port_bg.jpg) no-repeat center top;  width:100%;  position: relative; z-index:1; height:100%; vertical-align:bottom; 
 animation:motion 3s ease 1; -moz-animation:motion 3s ease 1; -webkit-animation:motion 3s ease 1; -o-animation:motion 3s ease 1; }
@keyframes motion
{0%{height:1px;}  100%{height:100%;}}
@-moz-keyframes motion
{0%{height:1px;}  100%{height:100%;}}
@-webkit-keyframes motion
{0%{height:1px;}  100%{height:100%;}}
@-o-keyframes motion
{0%{height:1px;}  100%{height:100%;}}









/* ¹è³Ê:: ¿Ö º¸À̽º¹ë·±½ºÀϱî¿ä? */
.container04 .box01{background:#F3F3F3;  text-align:center;  padding-bottom:100px;}
.container04 h2{color:#000;}
.container04 .subText a {color: #2C2C2A;  padding:20px 0;}
.container04 .box01 ul{display: inline-block; max-width:1400px; height:560px; width:96%; margin:30px 2%;  background:#fff; }
.container04 .box01 ul li { float:left; width:33.333%; height:560px; display:inline-block; }
.container04 .box01 ul li .mc_01 {width:100%;height:280px;background:url(../../img/mclass_01.jpg) no-repeat center 0;background-size:100% 280px;  }
.container04 .box01 ul li .mc_02  {width:100%;height:280px;background:url(../../img/mclass_02.jpg) no-repeat center 0; background-size:100% 280px;}
.container04 .box01 ul li .mc_03   {width:100%;height:280px;background:url(../../img/mclass_03.jpg) no-repeat center 0; background-size:100% 280px;}
.container04 .box01 ul li a {display:block;}
.container04 .box01 ul li .rect {padding:30px 20px 20px 30px; text-align:left;  height:280px;
box-sizing:border-box;-webkit-box-sizing:border-box}
.container04 .box01 ul li .rect h3 { margin:20px auto; font-size:22px; color: #000; letter-spacing:-0.03em; font-weight:400; 
display:flex; justify-content:flex-start; align-items:center}
.container04 .box01 ul li .rect span { font-size:14px;color: #434343; font-weight:300; line-height:140%; text-align:justify; word-break:break-all }
.container04 .box01 ul li .rect h3 span  { margin-right:6px; font-size:33px; color: #FFD800; font-family: arial, sans-serif; display:inline;  line-height:100%; font-weight:bold}  
.container04 .box01 ul li.mc_02 .rect {padding-top:0px;}


@media screen and (min-width:960px) and (max-width:1280px) {
/*.container04 .box01 ul li a div {padding:20px 10px 10px 20px;  }
.container04 .box01 ul li a div h3 { margin:20px auto; font-size:15px;  }
.container04 .box01 ul li a div span { font-size:13px; }
.container04 .box01 ul li a div h3 span  { font-size:30px; padding:10px 5px 0 20px;}  */
}
@media screen and (min-width:670px) and (max-width:959px) {
/*.container04 .box01 ul li a div {padding:10px;  }
.container04 .box01 ul li a div h3 { margin:20px auto; font-size:15px;  }
.container04 .box01 ul li a div span { font-size:12px; line-height:120%;}
.container04 .box01 ul li a div h3 span  { font-size:25px;   } 
*/
}
@media screen and (min-width:200px) and (max-width:669px) {
/*
.container04 .box01 ul{  max-width:300px; height:auto;margin:10px 2%;    }
.container04 .box01 ul li { float:none; width:100%; height:auto; display:block; }
.container04 .box01 ul li.mc_01, 
.container04 .box01 ul li.mc_02,
.container04 .box01 ul li.mc_03 {background-position: center 0px; background-size:300px; }
.container04 .box01 ul li a div,.container04 .box01 ul li.mc_02 a div  {padding:190px 20px 20px 20px; }
.container04 .box01 ul li a div h3 { margin:20px auto;  }
.container04 .box01 ul li a div span { font-size:12px;}
.container04 .box01 ul li a div h3 span  {  font-size:28px; padding:10px 5px 0 20px;  }  
*/
}

@media screen and (max-width:768px) {
.container04{margin-top:410px}
.container04 h2{font-size:26px; font-family: 'Noto Sans KR',sans-serif; padding-bottom:0}
.container04 .subText{padding-top:10px; font-size:14px}
.container04 .subText a {color: #666;  padding:0 0 50px 0; font-size:14px}

.container04 .box01 ul{  max-width:300px; height:auto;margin:10px 2%;    }
.container04 .box01 ul li { float:none; width:100%; height:auto; display:block; }
.container04 .box01 ul li .mc_01, 
.container04 .box01 ul li .mc_02,
.container04 .box01 ul li .mc_03 {background-position: center 0px; background-size:cover; height:180px}
.container04 .box01 ul li .rect{padding:0px 20px 20px 20px; height:auto }
.container04 .box01 ul li .rect h3 { margin:20px auto 14px ; font-size:22px}

.container04 .box01 ul li .rect span { font-size:14px; letter-spacing:-0.05rem; text-align:justify; word-break:break-all}
.container04 .box01 ul li ,rect h3 span  {  font-size:33px; padding:0 5px 0 0;  }  
}






/* ¹è³Ê:: µ¿¿µ»ó¹æ¹ý */
.container05 {background:#fff; no-repeat center top;  padding:0 0 100px 0; text-align:center;}
.container05 h2{color:#12120F; }
.container02 .subText{color:#fff;}
.container02 .subText p a {color:#eee;} 



/* ¹è³Ê:: ´º½º ¿À½Ã´Â±æ */
.container03{display:flex; flex-direction:row;}
.container03 h2{background: url(../../img/titleBar04.png) no-repeat center 60px;color: #fff; padding-top:0; padding-bottom:20px;  font-family:'GmarketSansBold'; font-size:30px;}
.container03 p { color:#fff; opacity:0.7; filter:alpha(opacity=70); font-family:'GmarketSansMedium'; }
.container03 ul{width:100%; display:flex; margin-top:120px;}
.container03 ul > li{width: 50%;}


.container03 ul > li .tit{width:100%; height:100px; text-align:center}
.container03 ul > li .tit h2{color: #12120F; padding-top:0; padding-bottom:0px;  font-size:35px; font-weight:700; font-family:"Noto Sans KR",sans-serif;}
.container03 ul > li .tit p { color:#707070; font-size:16px; font-weight:400 ;font-family:"Noto Sans KR",sans-serif; padding-top:5px}
/*.container03 ul > li .mv{width:100%; height:540px;font-size:0;}*/
.container03 ul > li .mv{position:relative;padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.container03 ul > li .mv iframe,
.container03 ul > li .mv object,
.container03 ul > li .mv embed{position:absolute; top:0; left:0; width:100%; height:100%}

.container03 ul > li .mv.mv01{background:url(../../img/mv-01.png) no-repeat center;background-size:cover}
.container03 ul > li .mv.mv02{background:url(../../img/mv-02.png) no-repeat center;background-size:cover}


.container03 ul > li a{ display:block; width:100%; height:100%; position:relative; z-index:2; }
.container03 ul > li .over_bg {opacity:0; filter:alpha(opacity=0); background:#FFD800; width:100%; height:100%; position:absolute; left:0px; top:0; transition:all .5s; -moz-transition:all .5s}
.container03 ul > li:hover .over_bg{opacity:0.7; filter:alpha(opacity=70); }
.container03 .bg01 { background:url(../../img/news_bg.jpg) no-repeat 50%; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .bg02 { background:url(../../img/contact_bg.jpg) no-repeat 50%; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .box_line{ display:inline-block; vertical-align:middle; }
.container03 .bg01 a:before { width:1px; height:100%; content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg02 a:before { width:1px; height:100%; content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }

@media screen and (min-width:960px) and (max-width:1280px) {
/*.container03 ul > li { height:350px;} */
}
@media screen and (min-width:670px) and (max-width:959px) {
/*.container03 ul > li { height:350px;}
.container03 ul > li { width:100%; float:none !important; height:280px;}*/
}
@media screen and (min-width:200px) and (max-width:669px) {
/*.container03 ul > li { width:100%; float:none !important; height:170px;}
.container03 h2 {background-size:30px 2px; background-position: center 90%; font-size:19px;}*/
}

@media screen and (max-width:768px) {
.container03{max-width:100%; min-width:100%; width:100%; flex-direction:column;; padding-bottom:78px}
.container03 ul{width:100%; display:flex; margin-top:70px; flex-direction:column;}
.container03 ul > li{width: 100%;}
.container03 ul > li .tit{height:auto;margin-bottom:20px}
.container03 ul > li:last-child .tit{height:auto;margin-bottom:20px; margin-top:71px}
.container03 ul > li .tit h2{font-size:26px;}
.container03 ul > li .tit p { color:#12120F; font-size:14px; font-weight:400 }
/*.container03 ul > li .mv{height:210px;}*/

}





/* ¹è³Ê::¿Â¶óÀι®ÀÇ : »ç¿ëÇÏÁö ¾ÊÀ½*/
.project_btn { width:100%; text-align:center; background:#3E3E3D;}
.project_btn a { padding:40px 0 20px 0; display:block; transition:all 200ms linear; -webkit-transition:all 200ms linear; cursor:pointer; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; }
.project_btn a h3 {background:url(../../img/icon_online.png) no-repeat center top; line-height:50%; padding-top:67px; font-family:'yg-jalnan'; font-size:19px; color:#fff; font-weight:600;}
.project_btn a p { padding-top:5px; font-size:13px; color:#fff; opacity:0.8; filter:alpha(opacity=80); font-family:'GmarketSansMedium'; }
.project_btn a:after { content:''; display:inline-block; width:26px; height:13px;  margin-left:15px; }
.project_btn a:hover { background:#000; color:#2C2C2A;}
.project_btn a:hover h3 {background:url(../../img/icon_online2.png) no-repeat center top; color:#FFD800; }
.project_btn a:hover p { color:#FFD800; }



@media screen  and (max-width:1000px) {
.project_btn a h3 {background-size:30px;  padding-bottom:10px;} 
}