@charset "utf-8";

#lnb-open { display:none; z-index:11; position:absolute; left:0px; top:90px; cursor:pointer;}
#lnb-close { display:block; z-index:11; position:absolute; left:157px; top:90px; cursor:pointer;}

/* 전체레이아웃 설정값 */
#wrap{ min-width:320px; overflow:hidden;}
.ly_center{ width:1200px; position:relative;} /* 모바일일떄 100% 센터정렬*/

#container {background:url("../images/common/leftmenu_bg.gif") repeat-y; display:table; table-layout:fixed; width:100%; height:100%;}
#content_guide{ display:table-cell; vertical-align:top; }
#content{min-height:600px; margin:0 2% 30px 2%; width:96%; display:block; padding-bottom:20px; }




/* 서브타이틀 */
.title_guide{ background:#f4f4f2; line-height:50px; margin-bottom:10px; position:relative;}
.title_guide h3{ color:#000; font-size:20px; background:url("../images/common/title01_03.png") 30px center no-repeat; padding-left:55px;}

/* 히스토리 */
.location{ position:absolute; right:10px; top:15px; height:18px; overflow:hidden; z-index:999;}
.location li { float:left; background:url("../images/common/arrow02.gif") left center no-repeat; padding-left:10px; margin-right:10px; font-size:14px; color:#000; line-height:18px;}
.location li img{ margin-top:-4px;}
.location li:first-child{ background: url("../images/common/home02.png")left center no-repeat; padding-left:0; width:17px; height:17px;text-indent:-9999px;}
.location .hpoint{ font-weight:500; color:#F60;}

/* 푸터레이아웃 */

#footer{width:100%; bottom:0; background:#000; padding:15px 0; color:#fff; text-align:center; font-size:14px; font-weight:normal;}





/* 로그인 */
.login_guide{width:900px; margin:170px auto 0 auto; font-size:0;}
.login_guide h1{ width:100%; text-align:center; margin-bottom:30px;}
.popupzone{ display:inline-block; width:390px; vertical-align:top;}
.login_box{ display:inline-block; width:509px; height:428px; border:1px solid #ddd; border-left:none; vertical-align:top; background:#f3f3f3;}
.login_box p{ text-align:left; width:100%; margin-bottom:15px; font-size:14px;}
.login_box p > span{ padding:0 5px;}
.login{ width:80%; padding:50px 10% 0 10%; text-align:center; background:#fff; font-size:0;}
.login ul{ width:70%; display:inline-block; font-size:15px;}
.login ul li{ margin-bottom:10px;}
.login input[type=text], .login input[type=password]{ border:1px solid #ddd; background:#fbfbfb; height:38px; width:96%; padding-left:3%;}
.login .btn01{ display:inline-block; vertical-align:top; width:26.5%; padding:0; margin-left:3%; }
.login .btn01 button{ background:#F60; color:#fff; border:none; height:90px; width:100%; font-size:18px; font-weight:600;}
.login .btn02{ text-align:left; padding:0;}
.login .btn02 a{ background:#444 url(../images/board/bg01.png); color:#fff; font-size:13px; font-weight:600; padding:8px 20px; border-radius:5px;}
.notice{width:80%; border-top:1px solid #ddd; padding:30px 10% 0 10%;}
.notice h3{ font-size:18px; margin-bottom:10px;}
.notice ul{font-size:14px;}
.notice ul li{ background: url(../images/board/icon01.gif) left 7px no-repeat; padding-left:10px; margin-bottom:7px;}
.notice ul li a{ font-size:14px; display:inline-block; width:73%; height:17px; overflow:hidden;}
.notice ul li a:hover{ text-decoration:underline;}
.notice ul li span{ float:right;}
.login_guide .copy{ font-size:14px; line-height:1.5em; width:100%; text-align:center; margin-top:30px;}


/* popup */
.popup_guide{}
.popup_guide h3{ background:#F60 url(../images/board/bg04.png) right center no-repeat; padding:25px; font-size:20px; color:#fff;}
.popup_guide .popup_box{ width:90%; padding:30px 5%;}
.popup_box .cbox03{ font-size:14px; letter-spacing:-0.4px; padding:15px 4%;}
.popup_box .bbs_write01{ font-size:14px;}
.popup_box .bbs_write01 input{ margin:0px; height:26px;}
.popup_box .bbs_write01 th{ padding:7px 0; background:#f3f3f3;}
.popup_box .bbs_write01 td{ padding:7px 10px;}

/* 대회신청 */
.entry_wrap{width:1200px;}
.entry_guide{font-size:0; display:table; width:95%;padding:2.5%; background:#eeeeee url(../images/board/bg02.png);}
.entry_infobox01{ display:inline-block; width:27%; margin-right:2%; font-size:15px; vertical-align:top;}
.entry_infobox01 .infobox01_01{ background:#a5eaf3 url(../images/common/entry_img01.png) center -60px no-repeat; height:220px; border:1px solid #b9c0d0; border-radius:5px 5px 0 0; text-align:center;}
.entry_infobox01 .infobox01_01  ul{ padding-top:40px;}
.entry_infobox01 .infobox01_01 ul li{ margin-bottom:10px; font-size:20px; font-weight:600; color:#fff; text-shadow:0 0 3px #666;}
.entry_infobox01 .infobox01_01 ul li img{ box-shadow:0 0 5px #777;}
.entry_infobox01 .infobox01_01 ul li span{ font-size:14px; margin:0 3px; padding:3px 5px; border-radius:3px;text-shadow:none;}
.entry_infobox01 .infobox01_01 ul li .bg01{ background:#000;}
.entry_infobox01 .infobox01_01 ul li .bg02{ background:#ec8500;}
.entry_infobox01 .infobox01_01 ul li .bg03{ background:#666;}

.entry_infobox01 .infobox01_02{ border:1px solid #b9c0d0; border-top:none; border-radius:0 0 5px 5px; background:#fff; position:relative; margin-bottom:10px; height:335px;}
.entry_infobox01 .infobox01_02 ul{ padding-top:20px; width:90%; margin:0 auto;}
.entry_infobox01 .infobox01_02 ul li{ font-size:14px; margin-bottom:5px;}
.entry_infobox01 .infobox01_02 ul li span{ display:inline-block; width:73%; padding-top:4px;}
.entry_infobox01 .infobox01_02 ul li .tit{ background:#777; font-size:12px; width:60px; text-align:center; color:#fff; padding:5px 0; margin-right:10px; border-radius:3px; vertical-align:top;}
.entry_infobox01 .infobox01_02 .btn_guide{text-align:center; width:100%; margin-top:20px; margin-bottom:20px;}
.entry_infobox01 .infobox01_02 .btn_guide .btn01{color:#fff; background:#28b8ac; height:35px; border-radius:20px;}
.entry_infobox01 .infobox01_02 .btn_guide .btn02{color:#fff; background:#666; height:35px; border-radius:20px;}

.entry_infobox01 h3{ font-size:18px; background: url(../images/common/title01.png) left center no-repeat; padding-left:20px; margin-bottom:9px;}
.entry_infobox01 .infobox01_03{ padding:10px 20px; background:#fff; border:1px solid #b9c0d0; border-radius:5px; vertical-align:top; height:140px;}
.entry_infobox01 .infobox01_03 ul{ height:60px; overflow:auto;}
.entry_infobox01 .infobox01_03 ul li{ background:url(../images/common/arrow01.gif) left 5px no-repeat; padding-left:10px; font-size:13px; margin-bottom:5px;}


.entry_infobox02{display:inline-block; width:71%; font-size:0px; vertical-align:top; position:relative;}
.entry_infobox02 h3{ font-size:18px; background: url(../images/common/title01.png) left center no-repeat; padding-left:20px; margin-bottom:9px;}

.entry_infobox02 .entry_list01{ background:#fff; border:1px solid #b9c0d0; border-radius:5px; padding:10px 20px; margin-bottom:10px;}
.entry_infobox02 .entry_list01 ul{ margin-bottom:5px; font-size:0;}
.entry_infobox02 .entry_list01 ul li{ display:inline-block; width:13.8%; margin:1.5px 0.2%; text-align:center; background:#9c9c9c; font-size:13px; color:#fff; padding:6px 0; cursor:pointer;}
.entry_infobox02 .entry_list01 ul li.on{ background:#ff6d00;}

.entry_infobox02 .entry_list011{ background:#fff; border:1px solid #b9c0d0; border-radius:5px; padding:25px; margin-bottom:20px;}
.entry_infobox02 .entry_list011 ul{ font-size:0;}
.entry_infobox02 .entry_list011 ul li{ display:inline-block; width:13.8%; margin:1.5px 0.2%; text-align:center; background:#9c9c9c; font-size:13px; color:#fff; padding:6px 0;}
.entry_infobox02 .entry_list011 ul li.on{ background:#ff6d00;}

.entry_infobox02 .entry_list02{ display:inline-block; padding:10px 3% 3% 3%; width:18%; margin-right:1%; background:#fff; border:1px solid #b9c0d0; height:170px; border-radius:5px; margin-bottom:10px; vertical-align:top;}
.entry_infobox02 .entry_list02 ul{height:145px; overflow:auto;}
.entry_infobox02 .entry_list02 ul li{ margin:1px 0; font-size:13px; line-height:23px; padding-left:5px; cursor:pointer;}
.entry_infobox02 .entry_list02 ul li.on{ background:#3392cc; color:#fff;}

.entry_infobox02 .entry_list021{ display:inline-block; padding:10px 3% 3% 3%; width:26%; margin-right:1%; background:#fff; border:1px solid #b9c0d0; height:170px; border-radius:5px; margin-bottom:10px; vertical-align:top;}
.entry_infobox02 .entry_list021 ul{height:145px; overflow:auto;}
.entry_infobox02 .entry_list021 ul li{ margin:1px 0; font-size:13px; line-height:23px; padding-left:5px; cursor:pointer;}
.entry_infobox02 .entry_list021 ul li.on{ background:#3392cc; color:#fff;}

.entry_infobox02 .entry_list03{ display:inline-block; padding:10px 3% 3% 3%; width:8%; margin-right:1%; background:#fff; border:1px solid #b9c0d0; height:170px; border-radius:5px; margin-bottom:10px; vertical-align:top;}
.entry_infobox02 .entry_list03 ul{ margin-bottom:20px;}
.entry_infobox02 .entry_list03 ul li{ width:100%; margin-right:2%; font-size:13px; text-align:center; color:#fff; background:#9c9c9c; line-height:30px; margin-bottom:10px; cursor:pointer;}
.entry_infobox02 .entry_list03 ul li.on{ background:#ff6d00;}

.entry_infobox02 .entry_list031{ display:inline-block; padding:10px 3% 3% 3%; width:415px; margin-right:1%; margin-bottom:10px; background:#fff; border:1px solid #b9c0d0; height:60px; border-radius:5px; vertical-align:top;}
.entry_infobox02 .entry_list031 ul{ margin-bottom:20px;}
.entry_infobox02 .entry_list031 ul li{display:inline-block; width:15%;  margin-right:2%; font-size:13px; text-align:center; color:#fff; background:#9c9c9c; line-height:30px; margin-bottom:10px; cursor:pointer;}
.entry_infobox02 .entry_list031 ul li.on{ background:#ff6d00;}


.entry_infobox02 .entry_list04{ display:inline-block; padding:10px 3% 3% 3%; width:20%; background:#fff; border:1px solid #b9c0d0; height:170px; border-radius:5px; vertical-align:top;}
.entry_infobox02 .entry_list04 ul{height:150px; overflow:auto;}
.entry_infobox02 .entry_list04 ul li{ margin:1px 0; font-size:13px; line-height:23px; padding-left:5px; cursor:pointer;}
.entry_infobox02 .entry_list04 ul li.on{ background:#3392cc; color:#fff;}
.entry_infobox02 .entry_list04 .info_table{height:165px; overflow:auto;}
.entry_infobox02 .entry_list04 table{ width:100%;}
.entry_infobox02 .entry_list04 table th{ background:#ced2e2; padding:5px 0; border-right:2px solid #fff;border-bottom:2px solid #fff;font-size:12px;}
.entry_infobox02 .entry_list04 table td{ background:#e7e9f1; padding-left:5px;border-bottom:2px solid #fff;font-size:13px;}

.entry_infobox02 .entry_list05{ display:inline-block; padding:10px 3% 3% 3%; width:415px; margin-right:1%; background:#fff; border:1px solid #b9c0d0; height:160px; border-radius:5px; vertical-align:top;}
.entry_infobox02 .entry_list05 ul{ height:90px; overflow:auto;}
.entry_infobox02 .entry_list05 ul li{ background:url(../images/common/arrow01.gif) left 5px no-repeat; padding-left:10px; font-size:13px; margin-bottom:5px;}

.entry_infobox02 .entry_list06{ display:inline-block; padding:10px 3% 3% 3%; width:300px; background:#fff; border:1px solid #b9c0d0; height:190px; border-radius:5px; vertical-align:top;}
.entry_infobox02 .entry_list06 ul{height:165px; overflow:auto;}
.entry_infobox02 .entry_list06 ul li{ margin:1px 0; font-size:13px; line-height:23px; padding-left:5px;}
.entry_infobox02 .entry_list06 ul li.on{ background:#3392cc; color:#fff;}
.entry_infobox02 .entry_list06 .info_table{height:170px; overflow:auto;}
.entry_infobox02 .entry_list06 table{ width:100%;}
.entry_infobox02 .entry_list06 table th{ background:#ced2e2; padding:5px 0; border-right:2px solid #fff;border-bottom:2px solid #fff;font-size:12px;}
.entry_infobox02 .entry_list06 table td{ background:#e7e9f1; padding-left:5px;border-bottom:2px solid #fff;font-size:13px;}

.entry_infobox02 .entry_team {display:inline-block; width: 450px; margin-right: 7px;}

.entry_infobox02 .btn_guide{ position:absolute; bottom:0px; right:0px; width:33%; text-align:center;}
.entry_infobox02 .btn_guide button{ margin:0 2%; font-size:18px;color:#fff; height:50px;}
.entry_infobox02 .btn_guide .btn01{ background:#0024d8; }
.entry_infobox02 .btn_guide .btn02{background:#666;}

.entry_infobox02 .btn_guide01{position:absolute; right:0px; width:35%; text-align:center;}
.entry_infobox02 .btn_guide01 button{ margin:0 2%; font-size:18px;color:#fff; height:50px;}
.entry_infobox02 .btn_guide01 .btn01{ background:#0024d8; }
.entry_infobox02 .btn_guide01 .btn02{background:#666;}


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

#lnb-open { display:none;}
#lnb-close { display:none;}

/* 전체레이아웃 설정값 */
.ly_center{ width:100%;}

/* 왼쪽메뉴 */
#leftBox{display:none !important;}

#container{ background:none; display:block; table-layout:inherit;}
#content_guide{width:100%; display:block;}

/* 로그인 */
.login_box {margin:20px auto 0 auto;}


}






/* 모바일 */
@media all and (max-width :1000px) {

/* 메인페이지 */
.main_left{width:100%; margin-right:0%;}
.main_right{width:100%;}


}

@media all and (max-width :768px) {
#content{margin:0 5% 30px 5%; width:90%;}

/* 메인페이지 */
#main_content{margin:30px 5%; width:90%;}

}



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

/* 로그인 */
.login_box {width:90%;}
.login_box .tit{line-height:70px; font-size:26px;}
.login input{height:40px;}
.login button{height:45px;}
.login h1 img{ width:150px;}




/*타이틀*/
.title_guide{ padding-top:20px;}
.title_guide h3{background:url(../images/common/title01_01.png) 10px center no-repeat; padding-left:35px;}
.history{left:10px; top:10px;}


}



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


}