@charset "utf-8";
/* CSS Document */

body{}
.box1{}

@media screen and (max-width:1400px){
.box1{ max-width:94%}

#header .box0{ width:96%; margin:0 auto}
#header .logo > a {width:10em;}
#header .gnb_wrap {padding:0;}
#header .gnb_wrap .gnb > li .dp1 {min-width:6em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:.938em;}
#header .etc_wrap .mem_wrap .etc > li .in {width:4em;}

* {
  box-sizing: border-box;
}

}

@media screen and (max-width:1200px){
/* MAIN */ 
.infoTitleWrap .infoTitle {font-size: 2em;}

.quickWrap{ flex-wrap: wrap;}
.quickWrap .commu_box{ width: 100%;}
.quickWrap .gift_box{ width: calc((100% - .5em) / 2);}
.quickWrap .link_box{ width: calc((100% - .5em) / 2);}
.link_box .links > li{  height: auto;}

}


@media screen and (max-width:1024px){
/* body{ font-size:13px} */
/* .mainSlider {display: none;} */
.mainSlider .el {height: 40vh;}
#header .gnb_wrap .gnb {display: none;}
#header .etc_wrap .all_wrap .all .box1 {height: 100%;}
#header .etc_wrap .all_wrap .all .close_btn {position: fixed;}
#header .etc_wrap .all_wrap.on .all {overflow-y: scroll;}
#header .etc_wrap .all_wrap .all .gnb {flex-direction: column;}
#header .etc_wrap .all_wrap .all .gnb > li .dp1 {height: 8em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a {text-align: center; padding: 1em; color: #555; font-size: 1.125em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after {display: none;}
/* #header .etc_wrap .all_wrap .all .gnb > li .dp1 .va {font-size: 2.25em;} */

.poster_con .item {flex: 1 1 31%;}
.root_daum_roughmap  {width: 100% !important;}

/* MAIN */
.main_visaul{ height: auto;}

}
@media screen and (max-width:900px){
body{ font-size:13px}

#footer .info_wrap{ flex-wrap: wrap;}
#footer .menu_wrap{ width: 100%; justify-content: start; margin-top: 3em;}
#footer .menu{ flex-direction: row; }

.comp-list .txt .t2{ width: 100%;}
.table_wrap{ overflow-x: scroll;}
.table_wrap::before{ content: '좌우 스크롤을 이용해 전체 내용용을 확인해 주세요.'; display: block; margin-bottom: 1em; font-size: .875em; color:#777; }
.table_wrap table{ width: 900px;}

}


@media screen and (max-width:768px){
body{ font-size:12px}

#quick{ zoom:.75}

.soon{ zoom: .8;}

.mainSlider .el .bg {transform: scale(1); /* background-size: contain; */}
.mainSlider {/* padding-top: 3.5em !important; */}
.mainControl {display: none;}
.Con3_wrap {flex-direction: column;}
.Con3_wrap .left {width: 100%;}
.Con3_wrap .left .con3_left .img_wrap img {width: 100%;}
.Con3_wrap .left .con3_left .t1 {font-size: 3em;}
.Con3_wrap .left .con3_left > a {padding:1em}
.Con3_wrap .left .con3_left > a {height: auto;}
.main_COn3 .tw .t1 {font-size: 2em;}


.main_COn4 .partners_wrap .partners_con{ flex-direction: column;}

.liSt6 > li {width: calc(50% - .5em);}

.main_COn4 .partners_wrap .list { width: calc( (100% - 1.5em) / 4);}
.main_COn4 .partners_wrap .partners_tit {font-size: 2em; margin-left: .5em;}

#contents .sub_menu{display: none;}
#contents .subtop_wrap .sub_visual {height: 18em;}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu { display: none;}

.overview_img_wrap ul {width:90%;}
.appli_wrap .effect {max-width: 94%;}
.appli_wrap .effect .link-button .btn {font-size: 1.5em;}
.poster_con .item {flex: 1 1 calc(50% - .5em); max-width: calc(50% - .5em);}
.poster_con .item .img_box .img_sizing {height: 100% !important;}

.greetings_con {gap: 4em;}
.greetings_wrap:not(:last-child) {margin-bottom: 2.5em;}
.greetings_con .left {flex: 1 1 65%; order:-1;}
.greetings_con .right {flex: 1 1 35%; width:auto;}

.greetings_con .p1{ padding:0 0;}
.greetings_con .txt_box .tit {font-size: 1.5em;}
.greetings_con .txt_box .tit > b {font-size: 1.125rem;}
.greetings_wrap .greetings_con  {flex-direction: column-reverse;}
.greetings_wrap .greetings_member_tit > h1.t1{ font-size:1.750em;}
.greetings_wrap .greetings_member_tit > h1:before { border-width:4px;}
.greetings_con .right .img_box {width: 95%; margin: 0 auto;}
.greetings_con .right .img_box:before {width: 20px; height: 20px; left: -10px; top: -10px; z-index: -1; }
.greetings_con .txt_box .name b {font-size: 1.25em;}
#footer .menu .b_w .sns > li > a .xi {width: 30px; height: 30px; line-height: 30px;}

.appli_wrap .appli_con {padding: 5em 2em;}

.ess {width: .5em;}
.board_form_st th,
.board_form_st td {padding: .5em 1em;} 
.label_wrap_form > li {flex: 1;}

.board_st.gallery .list {display: flex; flex-wrap: wrap; gap: 1em; width: 100%;}
.board_st.gallery .list > li {width: calc(50% - .5em);}
.board_st.gallery .list > li .in {margin: 0 0 1em 0;}
.board_search_wrap .right {width:100%; padding-top: 1em;}
.board_Event {margin: 0; gap: 1em;}
.board_Event > li {width: calc(50% - .5em);}
.board_Event > li .in {margin: 3em 0 0 0;}
.board_Event > li .in .info_wrap {text-align: left;}
.board_Event > li .in .info_wrap .t1 input[type=button] {margin: 1em 0 0 0 !important;}
.board_btn {line-height: 25px; padding: 0 10px;}

.appli_con .comp-list {flex-direction: column; align-items: flex-start;}
.comp-list .txt {width: 100%;}
.gift_video .video_wrap video {width: 100% !important;}

.coming_soon .soon_con .box {flex-wrap: wrap;}
.coming_soon .soon_con .box > li {flex: 1 1 100%}
.early_wrap .item_box {width: 100%;}

.coming_soon .soon_con .box > li .tt {font-size: 1.25rem;}
.coming_soon .soon_con .box > li .tt > span {font-size: 1.125rem;}

.early_wrap .item_box .txt_box .tt {font-size: 1.25rem;}
.early_wrap .item_box .txt_box .tt.t2 {font-size: 1.125rem;}
.early_wrap .item_box .txt_box .info_tt {font-size: 1rem;}

#footer .wrap_in .box1 {flex-direction: column; position: relative;}
#footer .logo {width: 50%; margin-bottom: 2em;}
#footer .menu {/* position: absolute; right: 1em; top: 1em; width: auto; */}

.poster_con .items {gap:1em}

/* Location */
.map_info3 .info_list > li {flex-direction: column; align-items: flex-start; align-content: flex-start; gap: 2em;}



/* 이벤트 */
.early_wrap.event{}
.early_wrap.event .early_box{}
.early_wrap.event .early_box .early_con{ width: 100%;}
.early_wrap.event .early_box .early_con .item_box .img_box{ height: auto; width: 100%; text-align: center;}





}


@media screen and (max-width:650px){
/* MAIN new */
.infoTitleWrap .infoTitle{ flex-wrap: wrap;}

.quickWrap{ flex-wrap: wrap;}
.quickWrap .commu_box{ width: 100%;}
.quickWrap .gift_box{ width: 100%;}
.quickWrap .link_box{ width: 100%;}
.link_box .links > li{  height: auto;}

/* greet_wrap */
.greet_wrap .greet .img_wrap{ float: none; width: 100%; margin-top: 0; padding: 0 10% 5em;}
.greet_wrap .greet .img_wrap .img{ height: 24em;}
.greet_wrap .greet .img_wrap .img img{ object-position: center 15%;}
.greet_wrap .ceo_name{ padding-right: 1em;}
.greet_wrap .ceo_name .sign { width: 20%; margin-left: 1em; padding-bottom: 10%;}

/* 대회취지 */
.message_wrap .slogan .tt br{ display: none;}
.message_wrap .message{ padding: 0;}

}

@media screen and (max-width:500px){
/* body{ font-size:8px} */
.pc_hide {display: block;}
.table_m_info {color: #333; margin: .5em 0;}
.greetings_con {padding: 2em 0;}
.greetings_wrap .greetings_member_tit > h1:after {display: none;}
#contents .sub_menu .gnb > .m_competition.on {overflow-x: scroll;}
#contents .sub_menu .gnb > .m_competition.on::-webkit-scrollbar {display: none;}
#contents .sub_menu .gnb > .m_competition.on .dp2 {width: 768px;}
.comp-list .txt {}

.main_COn4 .partners_wrap .list { width: calc( (100% - 1em) / 3);}

.map_info3 .board_form_st.add {width: 100%;}
.board_form_st.add {width: 501px; margin-top: 1em !important;}
.w_hit {width: 8em;}
.w_name {width: 10em;}
.appli_con .comp-list {gap: 1em;}
.comp-list .tit {width: 100%;}
.comp-list .txt .t2 {width: 100%; overflow-x: scroll;}
.comp-list .txt .t2,
.comp-list .txt .t2.point,
.comp-list .txt .t4,
.comp-list .txt .t5 {font-size: 1.125em !important; display: block;}

.gift_video .video_wrap > iframe {width: 100% !important; height: 250px !important;}
.gift_idx .early_wrap .early_box .early_con {max-width: 100%;}

.greetings_con .txt_box .tit {font-size: 1.25em !important;}
.greetings_con .txt_box .tit > b {font-size: 1.5rem !important;}

.message_wrap { margin-top: 0; padding: 5em 2em 6em;}


.map_info3 .info_list > li {padding: 2em 0;}
.map_info3 .info_list > li .wrap_con {padding: 0 1em;}
.root_daum_roughmap {height: 300px !important;}

.course_wrap .img_wrap {max-width: 100%;}

.inquiry_notice_bg .board_form_st.add {width: 100% !important;}

.inquiry_wrap .form .inp_wrap {align-items: start; flex-direction: column; gap: 1em;}
.inquiry_wrap .form .inp_wrap .check_tit {width: 30%;}
.inquiry_wrap .form .inp_wrap .input_st.w80 {width: 100%;}
.inquiry_wrap .form .inp_wrap .check_phone {width: 100%;}
.inquiry_wrap .form .inp_wrap .check_phone input {width: 28.7%;}
.inquiry_wrap .form .inp_wrap .label_select.check {width: 100%;}
.page_form_wrap .input_st.w5 {width: 6em;}

.page_form_wrap .pay_wrap {overflow-x: scroll;}

.board_btn_wrap.ac > input {width: 48%;}

.board_search_wrap .right input[type=text] {width: 50%;}




}