@charset "euc-kr"; 






/* setting */
#eventWrap { width: 100%; text-align: center; position: relative; overflow:hidden; font-family:'NotoSans KR'; } 
#eventWrap .inner {position: relative;width:1080px;margin: 0 auto;line-height: 1.4;z-index: 1;} 
#eventWrap img { border: 0 none; vertical-align: top; } 
.eventWrap * {box-sizing:border-box} 


/*visual*/
.visual {position: relative;padding: 0 0 364px 0;background-image: url('https://img.megagong.net/m/2023/0904_passevent/con_img3_gong.jpg');background-repeat: no-repeat;background-position: center 0;} 
.sobang .visual {background-image: url('https://img.megagong.net/m/2023/0904_passevent/con_img3_sobang.jpg');} 
.army .visual {background-image: url('https://img.megagong.net/m/2023/0904_passevent/con_img3_army.jpg');} 
.visual h3 {margin: 0 0 35px;} 
.visual h3 span { display: block; margin: 20px auto 0; } 
.visual h3 span:nth-child(1) {margin: 0 auto 45px;} 
.visual h3 span:nth-child(2) { margin: 0 auto 56px; } 
.visual .con_box { margin: 0 auto 0; } 
.visual .con_box .date {display: flex;align-items: center;flex-direction: column;} 
.visual .con_box .date span {color: #000000;font-size: 22px;font-weight: 900;margin: 0 0 32px;letter-spacing: 0.06em;} 

/*con1*/
.con1 {padding: 0 0 145px;background: #ff902e;position: relative;z-index: 2;}
.sobang .con1 {background:#2b9058;} 
.army .con1 {background:#369dc3;}  
.con1 h4 { margin-top: 58px; position:relative; } 
.con1 h4:before { content:""; display:block; width:100%; height:1px; background:#222; position:absolute; top:23px; left:0; z-index:-1; } 
.con1 h4 span { display:inline-block; width:240px; height:45px; line-height:45px; font-size:22px; border-radius:21px; background:#222; color:#fff; text-align:center; } 
.con1 .process {margin: 0 -15px 100px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;} 
.con1 .process li {height: 230px;width: 340px;margin: 0 15px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;position: relative;border-radius: 15px;} 
.con1 .process li::before {content:'';position: absolute;top: 50%;right: -10px;background: #fff;width: 20px;height: 20px;transform: rotate(45deg);margin: -10px 0 0;} 
.con1 .process li.box {background: #fff;} 
.con1 .process li.box dl {display: flex;font-size: 18px;justify-content: center;align-items: center;flex-direction: column;padding: 40px 0 0;} 
.con1 .process li.box dt {font-weight: 900;line-height: 1;margin: 0 0 17px;} 
.con1 .process li.box dd {} 
.con1 .process li.box dd b { font-weight:700; } 
.con1 .process li.box dd span {display: block;color: #ff902e;font-size: 15px;margin-top: 5px;font-weight: normal;} 

/*oxÄûÁî*/
.oxBox {margin-top:50px;width:100%;overflow:hidden;height:655px;box-sizing:border-box;border: 5px solid #000;border-radius:35px;color:#000;font-weight:700;} 
.oxBox > div {box-sizing:border-box;width: 100%;height: 100%;padding: 80px 140px;background: #fff;} 
.oxBox .flex {display: flex;flex-direction: column;justify-content: center;align-content: center;} 
.oxBox a.oxBtn {display:block;margin:auto;width:400px;height:80px;border-radius:38px;background: #ff902e;text-align:center;color:#fff;line-height:80px;font-size:26px;font-weight: bold;} 
#eventWrap .oxBox a.oxBtn img {vertical-align:middle;height:20px;margin: -4px 0 0 17px;} 
/*½ÃÀÛp*/
.oxBox .start {display: flex;flex-direction: column;justify-content: center;align-content: center;background: #fff;} 
.oxBox .start p {/* display:table-cell; *//* vertical-align:middle; */} 
.oxBox .start p.info {font-size: 20px;margin: 0 0 40px;display: block;font-weight: normal;} 
.oxBox .start .info br.mo{display: none;}
.oxBox .normal{position:relative;font-size: 18px;padding: 15px 0 15px 85px;margin: 0px 70px;text-align: center;} 
.oxBox .normal::before{content:'';width: 80px;height: 100%;position:absolute;left:0;top: 0;background-image: url(https://img.megagong.net/m/2023/0904_passevent/con_img7.png);background-repeat: no-repeat;background-position: 0 center;} 
.oxBox .normal strong{color: #ff902e;} 

/*¹®Á¦p*/
.question .count { margin-left:20px; text-align:left; vertical-align:middle; font-size:28px; } 
.question .count img{vertical-align: middle;margin: -3px 7px 0 0;} 
.question .count b { color:#f77d2e; } 
.question .count b i { font-style:normal; } 
.question .txt {margin-top:20px;width:100%;height: 150px;background:#f1f2f2;border-radius:18px;display:table;} 
.question .txt span { display:table-cell; vertical-align:middle; font-size:28px; line-height:120%; } 
.question .btn { margin-top:20px; } 
.question .btn li { display:inline-block; vertical-align:middle; font-size:32px; } 
.question .btn li.vs { width:163px; } 
.question .btn li button { width:320px; height:180px; border-radius:18px; background:#f1f2f2; font-size:0; } 
.question .btn li button.o { background:#f1f2f2 url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_o.png) no-repeat center; } 
.question .btn li button.o:hover,
.question .btn li button.o.on { background:#f77d2e url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_o_on.png) no-repeat center; } 
.question .btn li button.x { background:#f1f2f2 url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_x.png) no-repeat center; } 
.question .btn li button.x:hover,
.question .btn li button.x.on { background:#f77d2e url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_x_on.png) no-repeat center; } 
/*°á°úp*/
.result { text-align:center; } 
.result > div{height:100%} 
.result .flex{height:100%} 
.result .tit { font-size:34px; } 
.result .tit dt { font-size:45px; } 
.result .tit dd { font-size:34px; line-height:120%; } 
.result .tit dd b { color:#f77d2e; } 
.result .tit dd.stit {color:#b1b1b1;font-size:14px;line-height:120%;font-weight: normal;margin-top:20px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;} 
.result .tit dd.stit span { color:#f77d2e; } 
.result .answer { margin-top:60px; } 
.result .answer dt { font-size:32px; line-height:120%; font-weight:700; } 
.result .answer dt b { color:#f77d2e; } 
.result .answer dd { margin-top:15px; font-size:21px; line-height:130%; font-weight:400; } 
.result .answer dd a { color: #f77d2e !important; } 
.result p {margin: 40px 0 30px;} 
.result_txt {text-align:right;margin-top: 20px;color: #4b4b4b;font-size: 12px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;} 


/*À¯ÀÇ»çÇ×*/
.con_evt { background:#f9f9f9; } 
.con_evt h4 { background:#000; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:50px; } 
.con_evt ul {text-align:left;padding: 58px 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;} 
.con_evt li {position:relative;padding-left:10px;color: #222222;margin-top: 6.3px;} 
.con_evt li:before { content:"-"; position:absolute; top:0; left:0; } 
.con_evt li:first-child { margin-top:0; } 


/* ´ä¾È ÀÔ·Â */
.question .anschat_wrap {position: relative;padding: 0 130px 0 0;margin: 30px 0;border: 2px solid #ff902e;border-radius: 25px;overflow: hidden;}
.question .anschat_wrap .inp_chat {border: 1px saddlebrown}
.question .anschat_wrap .inp_chat textarea, .question .anschat_wrap .inp_chat input[type="text"] {display: block;padding: 23px 0 0 25px;width: 100%;height: 70px;color: #222;font-size: 18px;background: #fff;box-sizing: border-box;font-weight: bold;border: 0}
.question .anschat_wrap .inp_chat textarea::-webkit-input-placeholder {color: #999999}
.question .anschat_wrap .inp_chat textarea:-ms-input-placeholder {color: #999999}
.question .anschat_wrap .btn {position: absolute;top: 0;right: 0;width: 130px;margin-top: 0;}
.question .anschat_wrap .btn a {display: block;background: #ff902e;height: 70px;line-height: 70px;color: #fff;text-align: center;font-size: 1.5em;font-weight: normal;letter-spacing: 0;}






/*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/
.support_link {background-color: #feeedf;position: relative;padding: 145px 0 150px 0;} 
.sobang .support_link {background-color: #ddf7ee;} 
.army .support_link {background-color: #ddf4f7;} 
.support_link .pass_list li h4 { color: #ff902e; } 
.sobang .support_link .pass_list li h4 { color: #2b9058; } 
.army .support_link .pass_list li h4 { color: #369dc3; } 







@media (max-width: 1200px){
    
    
    
    
    
    
    
    
    #eventWrap .inner { width: 97%; } 
#eventWrap img {width: 100%;} 

/*visual*/
.visual {padding: 0 0 38%;background-size: auto 100%;} 
.visual h3 {margin: 0 8% 7%;} 
.visual h3 p img { width: 25%; } 
.visual h3 p img:nth-child(2) { width: 50%; } 
.visual h3 span:nth-child(1) {margin: 0 42% 5%;} 
.visual h3 span:nth-child(2) { margin: 0 17% 5%; } 
.visual h3 span { margin: 0 auto; } 
.visual .con_box {margin: 0;} 
.visual .con_box > img{display: block;width: 40% !important;margin: 0 auto;}
.visual .con_box .date span {font-size: 2.4vw;} 


/*con1*/
.con1 {padding: 0 0 15%;} 
.con1 h4 { margin-top:10vw; } 
.con1 .process {margin: 0 -1% 7%;} 
.con1 .process li { height: 165px; } 
.con1 .process li.box {height: 190px;width: 31.3%;margin: 0 1%;} 
.con1 .process li.box dl {font-size: 16px;padding: 30px 0;} 
.con1 .process li.box dd {} 
.con1 .process li.box dd span { font-size: 14px; margin-top: 5px; } 

/*oxÄûÁî*/
.oxBox { margin-top:20px; height:450px; min-height:450px; border-radius:15px; border-width:3px; } 
.oxBox > div {padding: 20px 20px;} 
.oxBox .flex{height:100%}
.oxBox a.oxBtn {max-width:200px;width:50%;height: 55px;border-radius:30px;line-height: 55px;font-size: 18px;} 
#eventWrap .oxBox a.oxBtn img {height: 14px;margin:-2px 0 0 10px;width: 9px !important;} 

.oxBox .start p.info{font-size: 17px;}
.oxBox .start p.info br.mo{display: block;}

/*¹®Á¦p*/
.question .count {margin-left:0;font-size: 17px;} 
.question .count img { width:26px !important; } 
.question .txt {margin-top: 15px;height: 90px;border-radius:12px;} 
.question .txt span {font-size: 16px;} 
.question .btn { margin-top:3vw; } 
.question .btn li { width:42%; } 
.question .btn li.vs { width:14%; font-size:25px; } 
.question .btn li button { width:100%; height:180px; border-radius:12px; } 

/*°á°úp*/
.result .tit {font-size: 16px;} 
.result .tit dt {font-size: 22px;margin: 0 0 5px;} 
.result .tit dd {font-size: inherit;} 
.result .tit dd.stit {font-size: 13px;margin-top: 15px;} 
.result .answer { margin-top:60px; } 
.result .answer dt { font-size:25px; } 
.result .answer dd { margin-top:15px; font-size:18px; } 
.result p {margin: 30px 0 20px;} 
.result_txt { margin-top:10px; font-size:12px; } 

/*À¯ÀÇ»çÇ×*/
.con_evt h4 { font-size:18px; line-height:40px; } 
.con_evt ul { padding:4vw 0; } 
.con_evt li { padding-left:10px; margin-top:3px; } 




/* ´ä¾È ÀÔ·Â */
.question .anschat_wrap {padding: 0;border-radius: 10px;margin: 15px 0 15px;}
.question .anschat_wrap .inp_chat {}
.question .anschat_wrap .inp_chat textarea, .question .anschat_wrap .inp_chat input[type="text"] {height: 60px;font-size: 15px;}
.question .anschat_wrap .inp_chat textarea::-webkit-input-placeholder {}
.question .anschat_wrap .inp_chat textarea:-ms-input-placeholder {}
.question .anschat_wrap .btn {position: relative;top: inherit;right: inherit;width: 100%;}
.question .anschat_wrap .btn a {height: 46px;line-height: 46px;font-size: 1.3em;}
.oxBox .normal{padding: 10px 0 10px 0;margin: 0 110px 0;font-size: 15px;}
.oxBox .normal::before{background-size: 100%;width: 50px;}




/*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ 








} 









@media (max-width:768px) { 









/*visual*/
.visual .visual_content { width: 80%; } 
.visual .visual_content .txt { font-size: 19px; } 
.visual .visual_content .date { padding: 8px 0; border-width: 2px 0; } 
.visual .visual_content .date span { font-size: 18px; } 
.visual .visual_content .date i { font-size: 11px; } 


/*con1*/

.con1 .process {margin: 0 0 7%;} 
.con1 .process li { } 
.con1 .process li.box {height: auto;width: 100%;margin: 0 0 8px;} 
.con1 .process li::before{top: inherit;bottom: 0;margin: 0;left: 50%;width: 6px;height: 6px;margin: 0 0 -4px -3px;}
.con1 .process li.box dl {padding: 15px 0;font-size: 15px;} 
.con1 .process li.box dt {margin: 0 0 8px;} 
.con1 .process li.box dd {} 
.con1 .process li.box dd br{display:none} 
.con1 .process li.box:nth-of-type(2) dd br{} 
.con1 .process li.box:nth-of-type(2) dd br:nth-of-type(2){display: block;} 
.con1 .process li.box:nth-of-type(2) dd br:nth-of-type(3){} 
.con1 .process li.box:nth-of-type(2) dd br:nth-of-type(4){} 
.con1 .process li.box:nth-of-type(2) dd br:nth-of-type(5){} 
.con1 .process li.box dd span {font-size: 13px;} 

/*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ 




/* ´ä¾È ÀÔ·Â */
.question .anschat_wrap {}
.question .anschat_wrap .inp_chat {}
.question .anschat_wrap .inp_chat textarea, .question .anschat_wrap .inp_chat input[type="text"] {font-size: 13px;padding: 10px 0 0 10px;}
.question .anschat_wrap .inp_chat textarea::-webkit-input-placeholder {}
.question .anschat_wrap .inp_chat textarea:-ms-input-placeholder {}
.question .anschat_wrap .btn {}
.question .anschat_wrap .btn a {height: 42px;line-height: 42px;font-size: 1.1em;}










} 









@media (max-width:576px) { 









/*visual*/
.visual {padding: 0 0 43%;background-size: auto 100%;} 
.visual h3 {margin: 0 0% 7%;} 
.visual h3 p img { width: 25%; } 
.visual h3 p img:nth-child(2) { width: 50%; } 
.visual h3 span:nth-child(1) {margin: 0 38% 3%;} 
.visual h3 span:nth-child(2) { margin: 0 17% 5%; } 
.visual h3 span { margin: 0 auto; } 
.visual .con_box {margin: 0;} 
.visual .con_box > img{width: 274px !important;}
.visual .con_box .date span {font-size: 15px;margin: 0 0 20px;} 




/*con1*/
.con1 .process {margin: 0 4% 7%;} 
.con1 .process li {} 
.con1 .process li.box {border-radius: 10px;} 
.con1 .process li.box dl {font-size: 13px;} 
.con1 .process li.box dd {} 
.con1 .process li.box dd span {font-size: 12px;margin: 3px 0 0;}
.oxBox{height: 380px;border-width: 2px;min-height: 300px;}
.oxBox > div{padding:20px 15px}
.oxBox .start p.info{font-size:13px;margin: 0 0 20px;}

/*¹®Á¦p*/
.question .btn li button.o,
.question .btn li button.o:hover,
.question .btn li button.o.on,
.question .btn li button.x,
.question .btn li button.x:hover,
.question .btn li button.x.on { background-size:40%; } 
.question .count img{width: 18px !important;}
.question .count{font-size: 14px;letter-spacing: 0;}
.question .txt span{font-size: 14px;}

/*°á°úp*/
.result .tit { font-size:22px; } 
.result .tit dt {font-size: 18px;} 
.result .tit dd {font-size: 14px;} 
.result .tit dd.stit {font-size: 12px;margin-top: 16px;} 
.result .answer { margin-top:15px; } 
.result .answer dt { font-size:20px; } 
.result .answer dd { margin-top:5px; font-size:15px; } 
.result p {margin: 20px 0;} 
.result_txt { margin-top:10px; font-size:12px; } 

.oxBox .normal{margin: 0 0 0;text-align: left;padding: 0 0 0 40px;font-size: 13px;}
.oxBox .normal::before{width: 30px;}
.oxBox a.oxBtn{height: 44px;line-height: 44px;font-size: 14px;max-width: 300px;width: 230px;}
#eventWrap .oxBox a.oxBtn img{width: 8px !important;height: 12px;margin: -4px 0 0 10px;}


/*À¯ÀÇ»çÇ×*/
.con_evt h4 {font-size: 14px;} 

/*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ 









}