@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.event_page_wrap {max-width: 1920px; margin: 0 auto; overflow: hidden; font-family: 'Pretendard-Regular'; word-break: keep-all}
.event_page_wrap .pt0 {padding-top: 0px;}
.event_page_wrap .pc_view {display: block}
.event_page_wrap .mb_view {display:none;}
.event_page_wrap .point_color {color:#81a0d2;}
.event_page_wrap .point_pink {color:#ef8a96;}
.event_page_wrap .inner {max-width: 1100px; margin: 0 auto; box-sizing: border-box;}
.event_page_wrap .page_visual .inner {display: flex; flex-wrap: wrap; align-items: center; position: relative}
.event_page_wrap .page_visual .inner .txt_t {font-size:53px; color: #333; font-family: "NanumSquare", sans-serif; position: absolute; left: 0px; top: 50%; z-index: 9; font-weight: 600; text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff; }

.event_page_wrap .page_visual .pc_view {position: relative; left: 50%; transform: translateX(-50%)}
.event_page_wrap .page_visual .pc_view img {max-width: inherit}
.event_page_wrap .section {padding: 95px 0px 130px 0px; font-size: 29px; line-height: 150%; color: #222222; font-weight: 400; letter-spacing: -1px;}
.event_page_wrap .section .txt_a {text-align: center;}
.event_page_wrap .section .txt_a > strong {font-weight:600;}
.event_page_wrap .bg1 {background: #f5f5f5;}
.event_page_wrap .bg2 {background: url(../../images/event_page/blue_bg.gif) repeat center top;}
.event_page_wrap .bg3 {background: url(../../images/event_page/pink_bg.jpg) no-repeat center bottom #fff0f4;}
.event_page_wrap .bg_bottom {background: url(../../images/event_page/bottom_img.jpg) no-repeat right bottom}

.se_tit_wrap {text-align: center; padding-bottom:125px;}
.se_tit_wrap .ico {display: block; text-align: center}
.se_tit_wrap .ico img {border-radius:100%; box-shadow: 0px 5px 5px rgba(0, 0, 0, 10%) }
.ico_tit {margin-top: 25px; font-size: 55px; position: relative; line-height: 140%; font-weight: 600; text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;}

.se_tit {box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; min-width:265px; min-height: 120px; border-radius:0px 0px 20px 20px; font-size: 40px; color: #fff; font-family: "NanumSquare", sans-serif; font-weight: 600; margin: 0 auto; box-shadow: 0px 5px 5px rgba(0, 0, 0, 10%)}
.se_tit_bg1 .se_tit {background: linear-gradient(#4d4d4d, #333333);}
.se_tit_bg2 .se_tit {background: linear-gradient(#88a5d4, #7899ce);}
.se_tit_bg3 .se_tit {background: linear-gradient(#ef8a96, #e77986);}



.img_cross {margin: 0 auto;}
.img_cross > li {margin-top:80px; position: relative;}
.img_cross > li:first-child {margin-top:0px;}
.img_cross > li .box {display: flex; flex-wrap: wrap; box-shadow:5px 5px 5px rgba(0, 0, 0, 10%); border-radius:30px; overflow: hidden;}
.img_cross > li .img {width: 50%; order: 1}
.img_cross > li .img img {min-height: 100%;}
.img_cross > li .info {width: 50%; order: 2; background: #fff; line-height: 130%;}
.img_cross > li .info > dl {height: 100%;}
.img_cross > li .info > dl > dt {text-align: center; display: flex; height: 65px; justify-content: center; align-items: center; color: #fff;  font-size: 1.068em; font-weight:600; background:#88a5d4}
.img_cross > li .info > dl > dd {text-align: center; display: flex; flex-wrap: wrap; height:calc(100% - 65px); justify-content: center; align-items: center; align-content: center; box-sizing: border-box; padding: 10px;}
.img_cross > li .info > dl > dd .tag {width: 100%; font-size: 0.95em; font-weight: 600; padding-bottom:25px;}
.img_cross > li .info > dl > dd .bul01 {max-width: 90%; margin: 0 auto;}
.img_cross > li:nth-child(even) .info {order:0}
.img_cross > li:nth-child(even) .info > dl > dt {background: #ef8a96;}
.img_cross > li.one .info {width: 100%;}
.img_cross > li.one .info > dl {font-size: 1.13em; line-height: 130%;}
.img_cross > li.one .info > dl > dd {text-align: center; display:block; box-sizing: border-box; padding:30px 10px;}
.img_cross > li.one .info .bul01 {text-align: left}
.bul01 > li {padding-left:14px;  position:relative;	line-height:140%; text-align: left !important}
.bul01 > li:after {display:block; content:""; width:4px; height:4px; border-radius:100%; position:absolute; left:0px; top:14px; background:#222222}

.txt_b_line {display:inline-block; border-bottom:2px solid #333;}
.bb_txt {font-size:1.2em; line-height: 140%; text-align: center}
.bb_txt > strong {font-weight: 600;}
.img_half {display: flex; padding:80px 0px 70px 0px; margin: 0 -20px; justify-content: center;}
.img_half > li {padding:20px; }
.img_half > li .box {position: relative; box-shadow:5px 5px 5px rgba(0, 0, 0, 10%); }
.img_half > li .box .txt {position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; display: flex; min-height:65px; justify-content: center; align-items: center; padding: 0px 5px; color: #fff; font-size: 0.95em; line-height: 140%; font-weight:500;}
.img_half > li .box .txt > span {z-index: 2; position: relative;}
.img_half > li .box .txt > span.ico {vertical-align: top; line-height: 100%; padding-right: 3px;}
.img_half > li .box .txt > span.ico img {vertical-align:top;}
.img_half > li:nth-child(1) .box .txt:before {display: block; content:""; width: 100%; height: 100%; background: rgba(239, 128, 150, 80%); position: absolute; left: 0px; top: 0px;}
.img_half > li:nth-child(2) .box .txt:before {display: block; content:""; width: 100%; height: 100%; background: rgba(136, 165, 212, 80%); position: absolute; left: 0px; top: 0px;}

.program {display: flex; margin:-9px;}
.program > li {margin:9px; position: relative;}
.program > li:after {display: block; content: ""; width: 100%; height:calc(100% - 12px); box-shadow:5px 5px 5px rgba(0, 0, 0, 10%); position: absolute; left: 0px; top:13px; z-index: 1}
.program > li img {position: relative; z-index: 2}

.num_list {padding-top:70px; margin: 0 auto;}
.num_list > li {margin-top:30px;}
.num_list > li:first-child {margin-top:0px;}
.num_list .box {border-radius:30px; font-size: 1.137em; display: flex; min-height: 72px; background: #fff; box-shadow:5px 5px 5px rgba(0, 0, 0, 10%); overflow: hidden}
.num_list .box .num {width: 115px; background: #88a5d4; line-height: 140%; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.num_list .box .con {padding: 5px 15px 5px 5%; align-self: center; font-weight: 500; }


.num_list2 > li:nth-child(odd) .box .num {background: #ef8a96}

.step {max-width: 780px;}
.step > li {margin-top:47px; position: relative;}
.step > li:first-child {margin-top:0px;}
.step > li:last-child:after {display: none;}
.step > li:after {display: block; content: ""; width: 0px; height: 0px; border-top:16px solid #333; border-left:10px solid transparent; border-right:10px solid transparent; position: absolute; left: 50%; top:100%; margin-top: 15px;}
.step > li .box {display: flex; flex-wrap: wrap; align-items: center; padding: 15px; border-radius:160px; background: #f6f6f6;box-shadow:5px 5px 5px rgba(0, 0, 0, 10%); }
.step > li .box .ico {overflow: hidden; border-radius:100%; box-shadow:5px 5px 5px rgba(0, 0, 0, 10%);}
.step > li .box > dl {flex: 1; padding-left: 43px; line-height: 130%; padding-right: 20px;}
.step > li .box > dl > dt {font-size: 1.137em; line-height: 140%; font-weight:700; padding-bottom: 15px;}
.step > li .box > dl > dd > strong {font-weight:600;}



@media screen and (max-width: 1024px) {
	.event_page_wrap .section {padding:75px 0px 90px 0px; font-size:20px; line-height:140%;}
	.event_page_wrap .page_visual .pc_view img {max-width:1250px;}
	.se_tit_wrap {padding-bottom: 65px;}
	.se_tit {min-width:165px; min-height:60px; border-radius: 0px 0px 20px 20px; font-size:22px;}
	.event_page_wrap .bg_bottom {padding-bottom:72% !important; background-size:100% auto; background-position:right bottom;}
	
	.bul01 > li:after {top: 12px;}
	
	.ico_tit {font-size: 45px;}
	
}
@media screen and (max-width: 640px) {
	
	.event_page_wrap .section {padding:40px 10px 50px 10px; font-size:14px; line-height:140%;}
	.event_page_wrap .page_visual .pc_view {display: none;}
	.event_page_wrap .page_visual .mb_view {display: block}
	.se_tit_wrap {padding-bottom: 45px;}
	.se_tit {min-width: 135px; min-height: 50px; font-size: 18px;}
	.img_cross {max-width:70%; margin: 0 auto;}

	.img_cross > li .info {width: 100%; order: 2 !important}
	.img_cross > li .img {width: 100%; position: relative; order: 1 !important}
	.img_cross > li:after {display: block; content: ""; width:19px; height:50px; background: url(../../images/event_page/clip.png) no-repeat left top; position: absolute; right:9%; top:-10px;}
	.img_cross > li.one:after {display: none;}
	.img_cross > li:nth-child(3):after {right: auto; left:9%}
	.img_cross > li:nth-child(4):after {right: auto; left:9%}
	a:hover .submeu {display: block}
	.img_cross > li .info > dl > dt {height: 55px;}
	.img_cross > li .info > dl > dd {padding: 30px 10px;}
	.img_cross > li .info > dl {height: auto;}
	
	.step > li .box .ico {width: 95px}
	.step > li .box > dl {padding-left: 30px;}
	.program {max-width:60%; margin: 0 auto;}
	.program {flex-wrap: wrap; justify-content: center}
	.img_half > li .box .txt {min-height: 35px;}

	.num_list {padding-top: 40px;}
	.img_half {padding: 30px 0px 30px 0px;	}
	.num_list .box {position: relative; border-radius:10px; padding: 30px 10px 10px 10px; overflow: inherit }
	.num_list .box .num  {width: 40px; height: 40px; border-radius:100%; position: absolute; left: 50%; top: 0px; margin: -20px 0px 0px -20px}
	.num_list .box .con {text-align: center; width: 100%; box-sizing: border-box;}
	.num_list .box .num .point {display: none;}
	
	.bul01 > li:after {top:7px; width: 3px; height: 3px;}
	.bul01 > li {padding-left: 10px;}
	
	.ico_tit {font-size: 30px;}
}

@media screen and (max-width:479px) {
	.pc_br {display: none;}
	.img_cross {max-width:80%;}
	.img_cross > li .box {border-radius:20px; }
	.img_cross > li.one .box {border-radius:10px;}
	.img_cross > li.one .box .info > dl > dd {padding:40px 20px 30px 20px; }
	.img_cross > li .info > dl > dd .tag {padding-bottom: 10px;}
	.img_cross > li .info > dl > dd {padding: 20px 10px;}
	.img_cross > li .info > dl > dt {height: 40px;}
	.img_cross > li {margin-top: 25px;}
	.img_cross > li:after {width:10px; height:25px; top: -4px; background-size:auto 25px;}
	
	.img_cross > li.one .info > dl > dt {width: 40px; height: 40px; border-radius:100%; position: absolute; left: 50%; top: 0px; margin: -20px 0px 0px -20px}
	.img_cross > li.one .info > dl > dt .point {display: none;}
	.step > li .box{padding: 10px;}
	.step > li .box .ico {width: 80px;}
	.step > li .box > dl {padding-left: 20px;}
	.step > li .box > dl > dt {padding-bottom:5px;}
	.img_half {margin: -5px;}
	.img_half > li {padding:5px;}
	.txt_b_line {border-width:1px; }
	.se_tit_wrap .ico img {height: 40px;}
	.ico_tit {font-size:24px; margin-top: 15px; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;} 
}