@charset "utf-8";


/* ----------------------------------------------------------------- */
/* sub_common */
/* ----------------------------------------------------------------- */

.sub_visual {overflow:hidden; position:relative; display:table; margin:0 auto 0; width:100%; height:250px; background-size:cover !important; background:#000;}
.sub_visual:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .2);}

.bg_01 {background:#999 url("../images/common/bg_sub01.jpg") no-repeat center center;}
.bg_02 {background:#999 url("../images/common/bg_sub02.jpg") no-repeat center center;}
.bg_03 {background:#999 url("../images/common/bg_sub03.jpg") no-repeat center center;}
.bg_04 {background:#999 url("../images/common/bg_sub04.jpg") no-repeat center center;}
.bg_05 {background:#999 url("../images/common/bg_sub05.jpg") no-repeat center center;}

.sub_visual .slogan {display:flex; align-items:center; position:relative; margin:0 auto; width:var(--sub-width); height:100%; z-index:1;}
.sub_visual .slogan h2 {line-height:1.1; font-size:4.4rem; color:#fff; font-family:var(--font-title); font-weight:normal; text-transform:uppercase;}
.sub_visual .slogan .h_desc {display:block; margin-top:20px; line-height:1; font-size:1.6rem; color:rgba(255, 255, 255, .85); font-family:'S-CoreDream-4Regular'; font-weight:normal; letter-spacing:0.0em; }



/* nav */
.location_wrap {position:relative; width:100%; margin-top:-30px; z-index:1;}
.locationArea {position:relative; width:100%; margin:0 auto; margin-left:50px;  /*  border-bottom:0px solid rgba(0, 0, 0, .15); background:rgba(0,18,48, .75); */}
.locationArea:before {content:""; display:block; position:absolute; bottom:0; width:100%; height:100%; background:var(--sub-color); transform: skew(-25deg); border-radius:6px;}
.locationArea:after {content:''; display:block; clear:both;}

.locationArea .location {float:left; letter-spacing:0.25px;}
.locationArea .location > li.home a {display:block; width:65px; height:56px; background:url("../images/common/ico_home.png") no-repeat center center; background-size:17px; text-indent:-99999px;
 transition: 0.3s; }
.locationArea .location > li {float:left; position:relative;}
.locationArea .location > li:after {content: ""; position:absolute; right:0; top:0; width:1px; height:100%; border-right:1px solid rgba(255,255,255, 0.1);}
.locationArea .location > li:first-child {border-left:0px solid rgba(0,0,0, 0.1);} 
/* .locationArea .location > li:first-child:after {border-right:0;} */

.locationArea .location > li.locationLink > a {display:block; padding:0 90px 0 25px; min-width:230px; line-height:56px; font-size:1.6rem; color:rgba(255, 255, 255, 1.0); font-family:'S-CoreDream-4Regular';}
.locationArea .location > li.locationLink > a:after {content: ""; position:absolute; right:22px; top:48%; transform:translateY(-50%); width:0; height: 0;
				border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:6px solid #fff; border-right:6px solid transparent;
				transform: rotate(90deg); transform-origin:50% 50%;}
.locationArea .location > li.locationLink.on > a:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:-6px;}

.locationArea .location > li.locationLink .selectMenu {position:absolute; left:-1px; top:56px; width:calc(100% - 50px - 1px); padding:15px 25px; border:1px solid rgba(0, 0, 0, .15); border-top:0; background:#fff; border-radius:0 0 6px 6px; box-sizing:content-box; display:none; z-index:10;}
.locationArea .location > li.locationLink .selectMenu.open {display:block;}	
.locationArea .location > li.locationLink .selectMenu li {background:#fff;}
.locationArea .location > li.locationLink .selectMenu li a {display:block; border-top:0px solid #e7e7e7; padding:6px 0; color:#555; text-decoration:none; line-height:1.3; font-size:1.4rem; font-family:'S-CoreDream-4Regular';}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus {}
.locationArea .location > li.locationLink .selectMenu li.on a {color:#777;}

.locationArea .location > li.locationLink.dep3 > a {min-width:auto;}
.locationArea .location > li.locationLink .selectMenu li a i {margin-left:3px; margin-top:6px;}




/* sub :: 레이아웃 */
.sub_wrap {position:relative;}

/* lnb  */
.aside {display:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, .15);}
.aside:after {clear:both; display:block; content:""}

.lnb {position:relative; display:table; margin:0 auto;}
.lnb:after {content:""; display:block; clear:both;}
.lnb > li {float:left; position:relative;}
.lnb > li > a {display:block; position:relative; height:58px; padding:18px 50px 0; font-size:1.5rem;
font-family:'S-CoreDream-4Regular'; color:#333; border-left:0px solid rgba(255,255,255, 0.2); text-align:center;}
.lnb > li:first-child a {border-left:0;}
.lnb > li > a::before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:3px; -webkit-border-radius:4px; border-radius:4px; background-color:var(--main-color);
	word-break:keep-all; -webkit-transition:all 0.4s; transition:all 0.4s;}
/* .lnb > li > a i {margin-left:7px; margin-top:4px;} */
.lnb > li.on > a {border-color:transparent; color:#333; font-family:'S-CoreDream-5Medium'; background-color:#fff;}
.lnb > li > a:hover:before,
.lnb > li.on > a:before{width:100%; margin-left:-50%;}

/* .lnb.item3 li {width:33.33%;}
.lnb.item4 li {width:25%;} 
.lnb.item5 li {width:20%;} 
.lnb.item6 li {width:calc(100% / 6);}  */



/* sub :: 본문 */
.contents {overflow:hidden; position:relative; min-height:700px;}
.sub_title {position:relative; margin:80px auto 60px; text-align:center;}
.sub_title h3 {font-size:4rem; color:#333; font-family:var(--font-title); font-weight:normal;}

.sub_cont {position:relative; font-size:1.7rem; word-break:keep-all;}
.sub_cont h4, 
.personal > .personal_area .tit {position:relative; display:inline-block; margin:50px 0 13px; line-height:1.2; font-size:2.4rem; color:#333; font-family:var(--font-title); font-weight:normal;}

.sub_cont h4:first-child,
.personal > .personal_area .tit:first-child {margin-top:0;} /* 약관 */

.sub_cont h4 + .table_wrap {margin-top:0;}
.sub_cont h5 {position:relative; display:inline-block; margin:40px 0 15px; line-height:1.2; font-size:2.2rem; color:#333; font-family:var(--font-title); font-weight:normal;}
.sub_cont h4 + h5 {margin-top:5px !important;}

/* sub :: 관리자 내역 */
.sub_cont h4 + .table_wrap, .sub_cont h5 + .table_wrap  {margin-top:0;}




/* tab */
.tab_wrap {overflow:hidden; position:relative; margin:0 auto 40px; width:100%;}
.tabList {display:flex; flex-wrap:wrap; height:100%; margin:-4px;}
.tabList li {position:relative; width:25%; padding:4px;}
.tabList li:first-child{} 
.tabList li a {display:table; height:52px; width:100%; background-color:#fff; border:1px solid rgba(0,0,0,0.15); border-radius:5px;}
.tabList li a em {display:table-cell; padding:0 10px; vertical-align:middle; font-size:1.5rem; color:#444; font-family:'S-CoreDream-4Regular'; text-align:center;}
.tabList li a em span{font-size:1rem;}
.tabList li.on a {z-index:1; border-color:var(--main-color);  background-color:var(--main-color);}
.tabList li.on a em {color:#fff;}

.tabList.item3 li {width:33.33%;}
.tabList.item4 li {width:25%;}
.tabList.item5 li {width:20%;}
.tabList.item8 li {width:calc(100% / 8);}
.tabList.item8 li a {height:46px;}

.tabContent {display:none;}
.tabContent.on {display:block;}
.tabContent h4:first-child {margin-top:20px !important;}
.tab_wrap + h4 {margin-top:20px !important;} 
.tabList li:not(:first-child) {}

/* .tabList {margin:0 0 0 -8px;}
.tabList li {width:calc(100% / 7 - 8px); margin-left:8px; margin-top:8px; border-radius:0 10px 0 10px;}
 */


/* li list */
.dot_list > li, .dot {position:relative; margin:0 0 3px 1px; padding-left:12px;}
.dot_list > li::before, .dot::before {content:""; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background:#555; border-radius:50%;}

.dashed_list li, .dashed {position:relative; margin:0 0 3px 3px; padding:0 0 0 11px;}
.dashed_list li:before, .dashed:before {content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:1px; background:#797979;}
.dashed_list li strong {font-weight:500;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}

.dot_list > li > .dashed_list {margin:7px 0 7px 0px;}



/* 기본 테이블 */
.tList {position:relative; width:100%; border-top:2px solid var(--sub-color);}
.tList th, .tList td {padding:14px 15px; border:1px solid #dcdcdc; vertical-align:middle;}
.tList th:first-child, .tList td:first-child {border-left:none;}
.tList th:last-child, .tList td:last-child {border-right:none;} 
.tList thead th,
.tList tbody th,
.tList tfoot th {background:#fcfcfc; color:#333; font-weight:normal; word-break:keep-all; text-align:center;}
.tList tbody td,
.tList tfoot td {background:#fff; color:#333; word-break:keep-all; text-align:center;}
.tList th, .tList td.tLeft {text-align:left;}
.tList tr.bg {background:#fcfcfc;}

.tList thead th {background:#eff4fa;}
.tList.t2 th {padding:12px 15px;}
.tList.ho tbody th {background:#eff4fa;}



table col.no {width:8%;}
table col.space_01 {width:15%} 
table col.space_02 {width:20%}
table col.space_03 {width:25%}
table col.space_04 {width:30%} 
table col.space_05 {width:35%}
table col.space_06 {width:40%}
table col.space_07 {width:50%}
table col.space_08 {width:10%;} 



.table_sup {margin-bottom:10px; text-align:right;}



/* i마크 정보 */
.ic_alert {font-size:94%; color:#dd613a; font-family:'S-CoreDream-4Regular';}
.ic_alert i {padding-top:3px; font-size:2rem; color:#f84e18;}
.txt_subs {display:inline-block; margin-left:5px; margin-top:4px; font-size:80%; color:#dd613a; font-family:'S-CoreDream-4Regular';}


/* 신청 내역 */		
.ic_link {display:inline-block; margin:8px 0 0 5px; font-size:1.8rem; }


/* 좌우 스크롤 :: 모바일 */
.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch;}	
.limitArea .wfull {min-width:1100px;}
.limitArea .w700 {min-width:700px;}
.limitArea .w600 {min-width:600px;}










/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */



/* competition :: 대회신청 */
.eventList {display:flex; flex-wrap:wrap; flex-direction:column; gap:20px;}
.eventList li {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:30px; padding:40px 50px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:16px;}
.eventList li .cont {width:70%; font-family:'S-CoreDream-4Regular';}
.eventList li .cont .title {}
.eventList li .cont .title .tag {display:inline-flex; align-items:center; margin-right:10px; padding:0 20px; min-width:65px; height:32px; font-size:1.3rem; color:#fff; border-radius:20px;}
.eventList li .cont .title a {font-size:2.4rem; color:#333; font-family:'GmarketSansMedium'; letter-spacing:-0.025em;}
.eventList li .cont .title a:hover {color:var(--main-color);}

.eventList li .cont dl {display:flex; flex-wrap:wrap; align-items:flex-start; margin:10px 0 0 5px; font-size:1.6rem;}
.eventList li .cont dl dt {position:relative; min-width:110px; padding-left:12px;}
.eventList li .cont dl dt:before {content:""; display:block; width:5px; height:5px; border-radius:50%; position:absolute; left:0; top:15px; background:#999;}
.eventList li .cont dl dt:after {content:""; display:block; width:1px; height:16px; position:absolute; right:20px; top:10px; background:#dcdcdc;}
.eventList li .cont dl dd {width:calc(100% - 110px); color:#444;}
.eventList li .cont dl dt, 
.eventList li .cont dl dd {padding-top:5px;}
.eventList li .cont dl dt:nth-child(5),
.eventList li .cont dl dt:nth-child(7) {word-spacing:1.6em;}

.eventList li .btns {flex-direction:column; gap:10px; padding:0px 0 0 !important;}

.tag.ing {background:#fc6719;} /* 접수중 */
.tag.end {background:#444;} /* 접수마감, 종료 */



/* competition :: 대회신청 - 참가자신청 */
/* 추가 제거 */
.inpt_counter {position:relative;}
.inpt_counter .btn_list {position:absolute; top:-40px; right:0; padding:0 0 0 !important;} /* board btn_list 대응 */
.inpt_counter .btn_list button {min-width:auto; height:26px; padding:0 12px; font-size:1.2rem;}

.table_board.apply > thead > tr > th {padding:12px 10px; font-weight:normal;}
.table_board.apply > tbody > tr > td {padding:12px 10px; vertical-align:middle;}
.table_board.apply > tbody > tr > td .blankTxt {line-height:38px;}

/* 참가신청 input */
.table_board.apply input.name {width:100px;}
.table_board.apply input.age {width:40px; background:#f9f9f9;}
.table_board.apply input.sn1 {width:80px;}
.table_board.apply input.sn2 {width:30px;}
.table_board.apply input.ph {width:60px;}
.table_board.apply input.etc {width:150px;}
.table_board.apply input[type='checkbox'] {margin-top:-2px;}



.summary_tit {position:relative; margin-bottom:50px; text-align:center;}
.summary_tit .t1 {line-height:1.5; font-size:3.6rem; font-family:'S-CoreDream-6Bold'; color:#0f3380; letter-spacing:0em;}
.summary_tit .t1 .spc {display:inline-block; width:10px;}
.summary_tit .t2 {display:block; margin-top:5px; font-size:3rem; font-family:'S-CoreDream-5Medium'; color:#333;}

/* intro :: 인사말 */
.greet .group {overflow:hidden; position:relative;}
.greet .group .thumb {overflow:hidden; position:relative;}
.greet .group .thumb img {width:100%;}
.greet .group .cont {text-align:center; margin-top:50px;}
.greet .group .cont p:first-child {margin-top:0px;}
.greet .group .cont p.stit {line-height:1.5; font-size:3rem; font-family:'S-CoreDream-5Medium'; color:#0f3380; letter-spacing:-0.05em;}
.greet .group .cont p {margin-top:20px;}
.sign {display:flex; align-items:flex-end; flex-direction:column; margin:40px 0 0;}
.sign dt {font-size:1.5rem;}
.sign dd {display:flex; margin-top:5px; color:#333; font-size:2.2rem; font-family:'S-CoreDream-5Medium';}

 

/* intro :: 조직도 */
.org_list::after,
.org_list:before, 
.org_list li::after,
.org_list li::before,
.org_list li .r::before, 
.org_list li .l::before, 
.org_list2:before,
.org_list2 li:after {content:""; display:block; position:absolute; background:#ccc; z-index:-1;}

.org_list {position:relative; width:100%;}
.org_list::after {bottom:0px; left:50%; width:1px; height:40px;} /* 세로선 */
.org_list li {position:relative; padding-bottom:40px}
.org_list li::after {bottom:0px; left:50%; width:1px; height:100%;} /* 세로선 */
.org_list li dl {overflow:hidden; position:relative; margin:0 auto; width:301px; text-align:center;}
.org_list li dl dt {height:50px; line-height:50px; font-size:1.6rem; color:#fff; background:#033885; font-family:'S-CoreDream-4Regular'; border:1px solid #033885;}
.org_list li dl dd {display:flex; justify-content:center; align-items:center; min-height:100px; padding:18px 20px 20px; font-size:1.6rem; font-family:'S-CoreDream-4Regular'; border:1px solid #033885; border-top:0px solid #e5e5e5; background:#fff; }
.org_list li .l {position:absolute; left:0; top:0;}
.org_list li .r {position:absolute; right:0; top:0;}

.org_list li .l dl, .org_list li .r dl {width:340px;}
.org_list li .l dl dd, .org_list li .r dl dd {font-size:1.5rem;}

.org_list li.st1 dl dt {/* background:#3762ae;*/}
.org_list li.st1, 
.org_list li.st2 {height:230px;}
.org_list li.st1 div dl dd {min-height:150px;}

.org_list li.st2 dl dt {}
.org_list li .l dl dt, 
.org_list li .r dl dt {background:#033885;}

/* .org_list li .r::before, .org_list li .l::before {top:25px; width:200px; height:1px; z-index:-1;}
.org_list li .r::before {left:-150px;}
.org_list li .l::before {right:-150px;} */


.org_list2 {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; width:100%;}
.org_list2 li {position:relative; padding-top:40px;}
.org_list2 li:after {top:0px; left:50%; width:1px; height:40px;} /* 세로선 */
.org_list2 li dl {overflow:hidden; position:relative; width:142px; text-align:center;}
.org_list2 li dl dt {height:50px; line-height:50px; font-size:1.5rem; color:#fff; background:#555; font-family:'S-CoreDream-4Regular'; border:1px solid #555;}
.org_list2 li dl dd {display:flex; justify-content:center; align-items:center; min-height:90px; padding:18px 10px 20px; font-size:1.5rem; font-family:'S-CoreDream-4Regular'; border:1px solid #555; border-top:0px; }
.org_list2:before {top:0px; left:50%; transform:translateX(-50%); width:calc(100% - 142px); height:1px; } /* 가로선 */

.org_list2 li:nth-child(8) dl dd {font-size:1.4rem;} 

.org_list li dl dt, .org_list2 li dl dt {border-radius:10px 10px 0 0;}
.org_list li dl dd, .org_list2 li dl dd {border-radius:0 0 10px 10px;} 



/* competition :: 대회신청 등록하기 */
.board_write tbody#mode1 tr, 
.board_write tbody#mode2 tr {border-top:1px solid #e1e1e1;}



/* intro :: 상담신청 */
.counseling .table_wrap {margin-top:20px;}
.counseling input, .counseling textarea {background:#f3f3f3; border:0 !important;}
.counseling textarea {height:200px; outline:none;} 
.counseling textarea::placeholder {font-size:1.4rem; font-family:'S-CoreDream-4Regular';}
.counseling .inquiry_agree {overflow:hidden; position:relative; margin-top:40px; border-bottom:1px solid #ddd; }
.counseling .inquiry_agree h4 {}
.counseling .inquiry_agree .agreeBox {font-size:1.5rem; font-family:'S-CoreDream-4Regular'; background:#fff !important;}
.counseling .inquiry_agree .agreeChk {display:flex; height:60px; line-height:60px;}
.counseling .inquiry_agree .agreeChk span {line-height:58px; font-size:1.6rem; font-family:'S-CoreDream-4Regular';}
.counseling .inquiry_agree .agreeChk input {display:none;}
.counseling .inquiry_agree .agreeChk label {position:relative; padding-left:30px;}
.counseling .inquiry_agree .agreeChk label:before {content:"\e92c"; position:absolute; top:-1px; left:0; font-size:2.4rem; color:#aaa; font-family:xeicon;}
.counseling .inquiry_agree .agreeChk input:checked + label:before {content:"\e92b"; color:var(--main-color);}
.counseling .inquiry_agree .default_list > li > .dashed,
.counseling .inquiry_agree .default_list > li > .dashed_list {margin:5px 0 5px 5px;}

.counseling textarea::placeholder {font-size:1.4rem; font-family:'S-CoreDream-4Regular';}




/* sub :: 공통 */
/* .group {overflow:hidden; position:relative;}
.group .thumb {position:relative; width:40%;}
.group .thumb img {width:100%;}
.group .cont {width:calc(100% - 40% - 60px);word-break:keep-all;}
 */
.highlight {position:relative;}
.highlight:before {content: ''; position:absolute; bottom:0; left:0; right:0; height:30%; background-color:#ffef66; z-index:-1;}



/* box */
.box {position:relative; padding:40px 40px; border:1px solid #ddd; border-radius:0 30px 0 30px;}
.box.bg {background:#f6f6f6; border:0;} 


/* 준비중입니다. */
.update {padding:40px; border:0px solid #ddd; font-family:'S-CoreDream-4Regular'; text-align:center;}
.update i {font-size:8rem; color:var(--main-color);} 
.update .tit {margin:20px 0 5px; font-size:3.2rem; color:#333; font-family: 'GmarketSansMedium'; font-weight:500; letter-spacing:0em;}







/* ----------------------------------------------------------------- */
/* member_회원가입 */
/* ----------------------------------------------------------------- */

/* 개별 개인정보취급방침 */
.agreeArea {position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.agreeArea .terms_check {position:relative; overflow:hidden; margin-top:15px;}


/* 마이페이지 */
.mypage .summary_tit {overflow:hidden; position:relative; font-size:2.6rem; color:#333; font-family:'GyeonggiTitle'; font-weight:500; letter-spacing:0em; text-align:left; }
.mypage .summary_tit i {margin-top:1px; font-size:2.6rem; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);}

.mypage .card_box  {margin-top:25px;}
.mypage .card_box .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}


/* 이메이수집거부 */
.lawBox, .agreeBox {overflow:hidden; position:relative; padding:30px 35px; border:1px solid #ddd; background:#f7f7f7; word-break:keep-all;}
.lawBox .stit, .agreeBox .stit {display:block; margin:15px 0 4px; color:#333; font-family:'S-CoreDream-4Regular';}
.lawBox .stit:first-child, .agreeBox .stit:first-child {margin-top:0px;}


.sub_cont h5 + .lawBox {margin-top:20px;}