

body {position:relative; background:url(/img/2021/bg_mtop.png) center top no-repeat; overflow-x:hidden; }


#wrapper { background:url() center bottom no-repeat; position:relative;  margin:0 auto;}


#mtitleArea {position:relative; overflow:hidden; width:100%; margin:0px auto 0px auto; text-align:center;height:650px;  background:url(/img/2021/bg_mtitle.png) center -40px no-repeat;padding-top: 120px    }
#mtitleArea .mtxt_tit {position:relative; font-size:28px; color:#fff; margin-top:125px; line-height: 1.33;font-family: "NanumSquareRound";font-weight: 700;}
#mtitleArea .mtxt_tit strong {font-weight:900;display:inline-block; margin-left:15px; letter-spacing:0px; }
#mtitleArea .mtxt_tit  span{display:block; margin-top:40px; color:#000;}
/*#mcontArea {background: url(/img/2021/bg_mtop1.png) center 100px no-repeat #cfe579;height: 1000px;}*/
#mcontArea .mtxt_txt {color:#151515; width:1156px; margin:0 auto; font-size:55px; line-height:45px; padding:20px 0px; word-spacing:0px;text-align:center;font-family: "NanumSquareRound"}
#mcontArea .mtxt_txt span.num {letter-spacing:24px;display:inline-block; padding-left:4px; }
#mcontArea .mtxt_txt strong span.num { padding-left:2px; }
#mcontArea .mtxt_txt span.num2 {letter-spacing:22px;display:inline-block; padding-left:6px; }
#mcontArea .mtxt_txt span.pt {display:inline-block; width:39px;}
#mcontArea .mtxt_txt span.blank {display:inline-block; width:44px;}
#mcontArea .mtxt_txt span.blank2 {display:inline-block; width:9px;}
#mcontArea .mtxt_txt span.last{letter-spacing:0px;}
#mcontArea .mtxt_txt   strong {font-weight:700; }
#mcontArea .mtxt_txt2 {text-align:center; font-size:30px; color:#1f1c1c;  padding-top:75px;padding-bottom:15px;font-family: "NanumSquareRound";}


.mBtnbox {position:relative; margin:440px auto 180px auto; text-align:center;}
.mBtnbox a {position:relative;text-align:right; padding-right:115px; color:#1f1c1c; font-weight:700; font-size:23px;display:inline-block; width:251px; height:156px; padding-top:68px;box-sizing:border-box; margin:0px 8px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mBtnbox a:hover {color:#121212;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.mBtnbox a.mBtn01 {background:url(/img/2021/mainbtn_bg1.png) center left  no-repeat  ;  }
.mBtnbox a.mBtn01:hover {background:url(/img/2021/mainbtn_bg1_on.png) center left  no-repeat; }
.mBtnbox a.mBtn02 {background:url(/img/2021/mainbtn_bg1.png) center left no-repeat  ;  }
.mBtnbox a.mBtn02:hover {background:url(/img/2021/mainbtn_bg1_on.png) center left  no-repeat; }
.mBtnbox a.mBtn03 {background:url(/img/2021/mainbtn_bg1.png) center left no-repeat  ;  }
.mBtnbox a.mBtn03:hover {background:url(/img/2021/mainbtn_bg1_on.png) center left  no-repeat; }
.mBtnbox a:after {position:absolute; right:40px; top:68px; content:'>'}

.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}


#ft {clear:both; width:100%;position:relative; display:block;letter-spacing:-0.5px; margin:0px 0px 0px 0px; color:#fff;  }
#ft .wrap {position:relative;}
#ft_copy { width: 1400px;margin: 0 auto;}

.wrap1 {margin:0 auto;width:100%}

.live {text-align:center;padding:50px 0px;}
.live1 {text-align:center;padding-top:40px }
/* 공모전 설명l */
.blind{ position: absolute; left:-9999px;}
#contents {max-width:1920px; margin:0 auto;}
.m_tit {padding-top: 30px; position: relative;}
.m_tit:after {content:''; display: block; width:1400px; height: 200px; background: url() 0 0 no-repeat; position: absolute; top: 0; left: 50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.m_tit1:after {content:''; display: block; width: 1400px; height: 200px; background: url() 0 0 no-repeat; position: absolute; top: 0; left: 50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.m_tit2:after {content:''; display: block; width: 1400px; height: 200px; background: url('/img/2021/line3.png') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.m_tit .txt18 {line-height: 1.5;}
.s_tit .txt18 {line-height: 1.5;}

.btn {transition:.25s;}
.tit_wrap p {color: #5d5d5d;}
/* .blue {color: #00b3e3;} */
.blue {color: #2abdba;}
.blue1 {color:#3e3a39}
.black {color: #1e1e1e}
.pink {color: #cd39a2}
.orange {color: #ff9100}
.gray {color: #5d5d5d;}
.navy {color: #2c6992;}
.navy1 {color: #12275e;}
.c_999 {color: #999;}
.c_666 {color: #666;}
.all_block {display: block;}
.inline_1000 {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}

.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.textUp {text-transform:uppercase}
.gotham {font-family: 'Gotham'; letter-spacing: -1px;}
.gothamM {font-family: 'Gotham M';letter-spacing: -1px;}
.gothamB {font-family: 'Gotham B';letter-spacing: -1px;}
.scored {font-family: 'S Core Dream';}
.w1920 {max-width:1920px; margin:0 auto;}
.w1660 {max-width:1660px; margin:0 auto;}
.w1200 {max-width:1200px; margin:0 auto; position: relative;}
.w1342 {max-width:1342px; margin:0 auto; position: relative;}

.m1 {background:url('/img/2021/line1_1.png') center -30px no-repeat;padding-top: 120px;height: 1930px;}

.m1 .con1,
.m1 .con2{font-size: 0; position: relative;}
.m1 .con1 > .img,
.m1 .con2 > .img{display: inline-block; vertical-align: top;}
.m1 .con1 > .txt_wrap,
.m1 .con2 > .txt_wrap{display: inline-block; padding: 50px 0 0 50px; vertical-align: top;}
.m1 .con1 .icon {position: absolute; top: -90px; right: 0;}
.m1 .con2 > .txt_wrap {padding: 50px 45px 0 0; vertical-align: bottom;}
.m1 .con2 > .img {vertical-align: bottom;}
.blue_tb {border-radius:12px; overflow: hidden;}
.blue_tb td,
.blue_tb th {padding: 50px; font-size: 18px; line-height: 1.5; text-align: left; vertical-align: middle;}
.blue_tb th {color: #1c8da1; background-color: #ebf7ff; font-weight: 700; }
.blue_tb td {color: #495052; background-color: #f5fbff; line-height: 1.9;}
.blue_tb td .txt_left {display: inline-block; width: 100px; color: #2c6992; vertical-align: middle;  }
.blue_tb td .txt_right {display: inline-block; vertical-align: middle; }
.blue_tb td .lh13 {line-height: 1.33 !important;}
.blue_tb .line_bar th, .blue_tb .line_bar td{position: relative;}
.blue_tb .line_bar th:after,
.blue_tb .line_bar td:after{content:''; display: block; width: calc(100% - 60px); height: 1px; background: url('../images/common/line_bar.png') 0 0 repeat; position: absolute; bottom: 0; left: 60px;}
.blue_tb .line_bar td:after {left: 0;}
.blue_tb1 th,
.blue_tb1 td {vertical-align: top; }
.blue_tb2 th {text-align: center;padding: 35px 20px; }
.blue_tb2 td,
.blue_tb3 td {color: #495052;}
.blue_tb3 td .txt_left { width: 120px;color: #495052; }
.blue_tb3 td .txt_right { width: calc(100% - 140px); }
.blue_tb3 th { padding: 35px 0px 35px 50px;}
.blue_tb2 .btn_round {width: 200px; font-size: 14px; margin-left: 15px;}
.blue_tb3 td > div.w25 {display: inline-block; width: 24%;}
.blue_tb3 td > div.w30 {display: inline-block; width: 30%; vertical-align: top; position: relative;}
.blue_tb3 td > div.w30:after {content:''; display: block; width: 14px; height: 22px; background: url('../images/main/icon_arr.png') 0 0 no-repeat; position: absolute; top: 35%; left: 0;}
.blue_tb3 td > div.w30:first-child:after {display: none;}
.m1 .img_wrap {position: relative;}
.m1 .img_wrap .btn {position: absolute; bottom: -25px; left: 50%; margin-left: -100px; width: 200px; height: 50px; line-height: 50px;}
.m1_1 {background:url('/img/2021/line1.png') center -30px no-repeat;padding-top: 100px;height: 1950px;}

/* .m1_1 .img_wrap {position: relative;}
.m1_1 .img_wrap .btn {position: absolute; bottom: 235px; left: 50%; margin-left: -280px; width: 200px; height: 40px; line-height: 40px; font-size: 14px;} */
.btn_round {display: inline-block; width: 130px; height: 40px; line-height: 40px; border-radius:100px; background-color: #000; font-size: 18px; color: #fff !important; text-align: center; }
.btn_round:hover {background-color: #222;}
.btn_green {width: 280px; height: 80px; line-height: 80px; background-color: #00b3e3; color: #fff; font-size: 24px; font-weight: 800;}
.btn_green:hover {background-color: #ff1865;}
.m1 .video_area { margin: 30px 80px 120px;}
.m1 .video_wrap {position: relative; width: 100%; padding-bottom: 56.24%; overflow: hidden;}
.m1 .video_wrap iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.m1_0 {margin-bottom: 120px;}
.m1_1 .img_wrap {position: relative;}
.m1_1 .img_wrap .btn {position: absolute; bottom:57px; left: 50%; margin-left: -350px; width: 260px; height: 50px; line-height: 50px;}

.m2 {}
.m2 .img_wrap {position: relative;}
.m2 .img_wrap .btn_round {position: absolute; bottom: 55px; left: 50%; margin-left: 60px; width: 195px; height: 40px; line-height: 40px; font-size: 14px;}
.btn_wrap_img { }
.btn_wrap_img img {display: block; margin:0 auto;}
.btn_wrap_img .btn {display: block; margin:10px auto 0; background-color: #19a4bd; width: 180px; height: 180px; border-radius:50%; font-size: 36px; font-weight: 400; line-height: 1.4; padding-top: 40px;}
.btn_wrap_img .btn:hover {background-color: #ff1865;}
/* .m2 .img_wrap + .btn_round {display: block;width: 280px; margin: 60px auto 0; height: 80px; line-height: 80px; background-color: #00b3e3; font-size: 24px; font-weight: 700;}
.m2 .img_wrap + .btn_round:hover {background-color: #ff1865;} */
.m2_1 {padding-bottom: 100px;}
.m3 {padding: 100px 0 50px; background-color: #00c622;height: 400px;}
.m3 .list li {float: left; width: 428px; height: 300px; padding: 40px 0 0; background-color: #fff; border: 1px solid #d7e0e2; border-radius:30px; margin-left: 25px;}
.m3 .list li:first-child {margin-left: 0;}
.m3 .list li .img {height:110px; position: relative;}
.m3 .list li .img img {position: absolute; top: 0; left: 50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.m3 .list li p {color: #495052;}
.m3 .list li .btn_round  {width: 170px; height: 40px; line-height: 40px; font-size: 20px;}
.list_bar li{font-size: 15px; color: #47494a; 	  margin-bottom: 8px; padding-left: 10px; position: relative;}
.list_bar li:after {content:''; display: block; width: 5px; height: 3px; background-color: #47494a; position: absolute; top: 5px; left: 0;}

.list_bar li.red1{color: #f82a2a;}
.list_bar li.red1:after {background-color: #f82a2a;}

/*layer */
.popup_layer {display: block; position: absolute; top: 180px; left: 50%; box-shadow:0 0 10px rgba(0,0,0,0.3);  z-index: 900;}
.popup_layer .layer {}
.popup_layer .layer img {max-width:none;}
.popup_layer .close {position: absolute; top: 0; right: 0; z-index: 1;}
.popup_layer .close a {display: block; padding: 10px; font-size: 36px; font-weight: bold; font-family: dotum; }

/* font-size */
.txt88{font-size:88px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt56{font-size:56px;line-height:1.428;font-family: "NanumSquareRound"; }
.txt54{font-size:54px;line-height:1.428;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.428;}
.txt41{font-size:41px;line-height:1.428;    font-family: "NanumSquareRound"; }
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.33;}
.txt34{font-size:34px;line-height:0.5;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:180%;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;}
.txt17{font-size:17px;line-height:1.5;height: 70px}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}
@media all and (max-width:1250px){
	.popup_layer {left: auto; right: 20px;}
}
@media all and (max-width:1100px){
	.txt88,
	.txt74{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt56,
	.txt54{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt45,
	.txt44{font-size:36px;}
	.txt41,
	.txt40{font-size:32px;}
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}
	
	.inline_1000 {display: inline;}
	.w1100 {	padding: 0 20px;}
}

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

	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	
}

@media all and (max-width:486px){
	.txt88
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt45,
	.txt44{font-size:26px;}
	.txt41,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt21{font-size:16px;}
	.txt20,
	.txt19{font-size:15px;}
	.txt18,
	.txt17,
	.txt16{font-size:14px;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}
	

}
.visual_side {text-align: center;padding: 0;max-width: 1450px;margin: 0 auto;position: relative;}
.visual_side img.vis_left{position: absolute; top: 22%; left: 0; animation: updown .8s linear 0s infinite alternate;}
.visual_side img.vis_right{position: absolute; top: 15%; right: 0; animation: downup .8s linear 0s infinite alternate;}
@keyframes updown {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}
	@keyframes downup {
	0% {margin-top: 10px;}
	100% {margin-top: 0px;}
}


.btn_apply {margin: 110px 0px;text-align:center;}
.btn_apply a {padding: 25px 81px 28px 79px;font-size:25px;font-weight:600;color:#fff;background:#000;border-radius: 5px;display:inline-block; -webkit-transition: background 200ms; transition: background 200ms;}
.btn_apply a:hover {background:#666;}
.btn_apply span {padding-right: 26px;position:relative;}
.btn_apply span:after {width:9px;height:16px;background:url(/img/2021/icon-arrow-right-thin.svg) no-repeat center; background-size:100% 100%; position:absolute;right:0;top:5px;content:'';display:block;}


.btn_apply1 {}
.btn_apply1 {margin-top: 100px;text-align:center;}
.btn_apply1 a {padding: 25px 81px 28px 79px;font-size:25px;font-weight:600;color:#fff;background:#ff9100;border-radius: 5px;display:inline-block; -webkit-transition: background 200ms; transition: background 200ms;}
.btn_apply1 a:hover {background:#666;}
.btn_apply1 span {padding-right: 26px;position:relative;}
.btn_apply1 span:after {width:9px;height:16px;background:url(/img/2021/icon-arrow-right-thin.svg) no-repeat center; background-size:100% 100%; position:absolute;right:0;top:5px;content:'';display:block;}

 
.tt1 {font-family: "NanumSquareRound"}


#festival1 {}
#festival2 {}
#festival3 {}
#festival4 {}


#btnTop {position:absolute; right:0; bottom:55px; padding-right:35px; z-index:30;}
#btnTop:before,
#btnTop:after {content:""; position:absolute; display:block; z-index:10; font-size:0; line-height:0;}
#btnTop:before {right:51px; bottom:125px; width:17px; height:16px; background:url(/static/images/common/btnTop_deco2.png) no-repeat 0 0; opacity:0}
#btnTop:after {right:0; bottom:-8px; width:62px; height:115px; background:url(/static/images/common/btnTop_deco1.png) no-repeat 0 0;}
#btnTop:hover:before {
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-iteration-count:infinite; 
	animation-name: btnTop2;
} 
#btnTop:hover:after {
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-iteration-count:infinite; 
	animation-name: btnTop1; 
} 
#btnTop span {position:relative; display:block; width:64px; height:64px; border-radius:100%; background:#fff; font-weight:800; color:#23272a; text-align:center; font-family:'NanumSquare';}
#btnTop span:after {content:""; position:absolute; right:21px; top:26px; display:block; width:20px; height:20px; border:2px solid #23272a; border-right:0; border-top:0; font-size:0; line-height:0; transform:rotate(135deg);}


/* ani */
.ani_top{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_top.move{opacity:1;top:0;}
.ani_top1{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_top1.move{opacity:1;top:auto; bottom: 70px;}
.ani_left{position:relative;opacity:0;left:-100px;transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;-o-transition:1.4s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;-o-transition:1.4s;}
.ani_right.move{opacity:1;right:0;}
.trans_d1{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.trans_d2{transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;}


.mtitleArea .plus{width:30px;height:30px}
.mtitleArea .plus span{background: #fff;/* border-radius:8px; */}
.mtitleArea .plus .v{top:0;left: 13px;width: 2px;height:100%;}
.mtitleArea .plus .h{top: 14px;left:0;width:100%;height: 2px;}
.mtitleArea ._p1{top:142px;left:-100px;animation:rotate1 5s infinite ease-out}
.mtitleArea ._p2{top:108px;left:1335px;animation:rotate2 3s infinite ease-out}
@keyframes rotate1{
    0%{transform:rotate(0)}
    80%{transform:rotate(540deg)}
    100%{transform:rotate(0)}
}

@keyframes rotate2{
    0%{transform:rotate(0)}
    80%{transform:rotate(-360deg)}
    100%{transform:rotate(0)}
}