@charset "utf-8";
/* skipnavi */
#skipnavi{height:0}
#skipnavi li a { display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; }
#skipnavi li a:focus{ position:absolute; top:0; left:0; font-weight:bold; color:#fff; background:#272727; padding:20px 0; height:14px; }

h1, .section-tit {font-size:40px; font-weight:300; color:#333333; text-align:center; letter-spacing:-2px; }
.btn-plus {display:inline-block; width:60px; height:60px; background:url('../../images/common/btn_plus.png') no-repeat; }
.btn-plus.white {background:url('../../images/common/btn_plus02.png') no-repeat;}
.btn-plus:hover {background-position:-60px 0px; }

/* #wrap {position:relative; width:100%; min-width:980px; } */
#wrap {position:relative; width:100%; min-width:1320px; }
#headerWrap {width:100%; border-bottom:1px solid #dfdfdf; }
/* .header, .sub-title, .content, .footer {width:980px; margin:auto; } */
.header, .sub-title, .content, .footer {width:1320px; margin:auto; }

.header {margin-top:11px; overflow:hidden; }

/* .header > a {display:inline-block; margin-right:100px; float:left; } */
.header > a {display:inline-block; margin-right:460px; margin-top: 10px; float:left; }

#gnbWrap {display:inline-block; overflow:hidden; float:left; }
#gnbWrap > ul {overflow:hidden; }
#gnbWrap > ul > li {float:left; margin-left:38px; height:68px; line-height:80px; }
#gnbWrap > ul > li:first-child {margin-left:0px; }
#gnbWrap > ul > li:first-child + li + li + li + li { padding-right:2px; }
#gnbWrap > ul > li > a {font-size:24px; color:#535353; letter-spacing:-2px;}
#gnbWrap > ul > li > a:hover, #gnbWrap > ul > li.on > a { color:#ce152b; }
#gnbWrap > ul > li.on {background:url('../../images/common/img_gnb_bar.gif') repeat-x left bottom; }
#gnbWrap > ul > li:hover > div { display:block; }
#gnbWrap > ul > li > div { display:none; position:absolute; top:69px; left:0; z-index:55; width:100%; min-width:960px; height:41px; line-height:41px; text-align:center; background:rgba(255,255,255,0.7); }
#gnbWrap > ul > li > div > ul { overflow:hidden; display:inline-block; }
#gnbWrap > ul > li > div > ul > li { float:left; line-height:41px; margin-left:20px; margin-right:20px; }
#gnbWrap > ul > li > div > ul > li > a { font-size:16px; color:#333333; }

#gnbWrap > ul > li:nth-child(2) > div > ul { margin-left:255px; }
#gnbWrap > ul > li:nth-child(3) > div > ul { margin-left:420px; }
#gnbWrap > ul > li:nth-child(4) > div > ul { margin-left:675px; }
#gnbWrap > ul > li:nth-child(5) > div > ul { margin-left:675px; }

.sub-title-wrap {width:100%; border-bottom:1px solid #dfdfdf; }
.sub-title {padding:70px 0px; text-align:center; }


.twodepth-menu { width:100%; margin-bottom:40px; border:1px solid #e5e5e5; overflow:hidden; background:#fff; }
.twodepth-menu li {float:left; height:40px; width:50%; line-height:40px; border-left:1px solid #e5e5e5; box-sizing: border-box; }
.twodepth-menu li:first-child {border-left:none; }
.twodepth-menu li a { display:block; font-size:18px; color:#333333; text-align:center; }
.twodepth-menu li a img { margin-left:19px; }
.twodepth-menu li.on {background:#535353; }
.twodepth-menu li.on a {color:#fff; }
.twodepth-menu.col03 li { width:33.33%; }
/* sub-title*/
.sub-title-wrap.contest{background: #f8eca9 url('../../images/page/bg_contest_sub_tit.jpg') no-repeat center bottom;}
.sub-title-wrap.board{background: #d1eeef url('../../images/page/bg_board_sub_tit.jpg') no-repeat center bottom;}
.sub-title-wrap.introduce{background: #e7e7e7 url('../../images/page/bg_introduce_sub_tit.jpg') no-repeat center bottom;}
.sub-title-wrap.prize{background: #dfddee url('../../images/page/bg_prize_sub_tit.jpg') no-repeat center bottom;}
.sub-title-wrap.register{background: #ebe1d8 url('../../images/page/bg_register_sub_tit.jpg') no-repeat center bottom;}


/* #footerWrap {width:100%; background:#f0f0f0; padding:43px 0px 41px; border-top:1px solid #dfdfdf; overflow:hidden; } */
#footerWrap {width:100%; background:#f0f0f0; padding:20px 0px 20px; border-top:1px solid #dfdfdf; overflow:hidden; }

.footer {position:relative; }
.footer .policy a {font-size:12px; font-weight:600; color:#666666; padding:0px 14px; }
.footer .policy a:first-child {padding-left:0px; }
.footer .policy a.bl {background:url(../../images/common/img_footer_bar.gif) no-repeat right center; }
/* .footer p {font-size:12px; color:#666666; font-family:'Nanum Barun Gothic','Malgun Gothic','맑은 고딕', sans-serif; letter-spacing:-1px;} */
.footer p {font-size:14px; color:#666666; font-family:'Nanum Barun Gothic','Malgun Gothic','맑은 고딕', sans-serif; letter-spacing:-1px;}

.footer-btns {display:inline-block; position:absolute; top:0px; right:0px; z-index:2; }
.footer-btns a { margin:0 5px;}

/* layer-popup */
.layer-popup-bg { background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:998; position:fixed; top:0; left:0; width:100%; height:100%;}
.layer-popup { position:fixed; z-index:999; left:50%; top:50%; border-top:2px solid #ce152b;
padding:0 20px; width:600px; height:518px; background:#fff; overflow:hidden;}
.layer-popup .popup-cont h2 { font-size:20px; color:#333; font-weight:bold; padding:30px 0;}
.layer-popup .popup-cont hr { border-top:1px solid #dfdfdf;}
.layer-popup .popup-cont .txt { margin-top:20px; padding:0 10px 20px 10px; font-size:16px; color:#7a7a7a; height:380px; overflow-y:auto;}
.layer-popup .popup-cont span.close { position:absolute; right:10px; top:10px;}
.layer-popup table { width: 100%; border-collapse: collapse;}
.layer-popup table th, .layer-popup table td { border: 1px solid #dfdfdf; padding: 5px 10px;}

.layer-popup02 { position:fixed; z-index:999; left:50%; top:50%; border-top:2px solid #ce152b;
padding:30px 40px; background:#fff; overflow:hidden; width:420px; height:210px;}
.layer-popup02 .popup-cont h2 { font-size:20px; color:#333; font-weight:bold;}
.layer-popup02 .popup-cont .txt { margin-top:20px; font-size:16px; color:#7a7a7a;}
.layer-popup02 .popup-cont span.close { position:absolute; right:10px; top:10px;}


/*main*/
.main-content-wrap {position:relative; width:100%; background:#ffffff;}
.main-content-wrap.main-bg01 {position:relative; background:#d8d7cf; overflow:hidden; }
/* .main-content-wrap.main-bg01 .main-content {position:relative; height:565px; padding:0; width:100%;} */
.main-content-wrap.main-bg01 .main-content {position:relative; height:433px; padding:0; width:100%;}
.main-content-wrap.main-bg01 .main-content > img {position:absolute; left:50%; margin-left:-960px;}
.main-content {overflow:hidden; position:relative; width:1320px; margin:0 auto; padding: 0 0; text-align:center; }
.main-bg01 .img-pen {position:absolute; bottom:-35px; left:50%; margin-left:-940px; }
.main-bg01 .img-dia01 {position:absolute; top:60px; right:105px; }
.main-bg01 .img-dia02 {position:absolute; top:200px; right:50%; margin-right:-546px;}
.main-bg01 .img-dia03 {position:absolute; bottom:153px; left:50%; margin-left:433px; }

.main-bg02 {position:relative; background:#fff;}
.main-bg02 .half {float:left; width:336px;}
.main-bg02 .half .main-sub-title {margin-top:43px; }
.main-bg02 .half .video {margin-top:-50px; margin-left:50px; }
.main-bg02 .half02 {float:left; width:572px; margin-left:72px;}

.main-sub-title {display:inline-block; width:244px; border:4px solid #000; padding:40px 41px 26px; }
.main-sub-title p { font-size:40px; font-weight:400; color:#333333; line-height:1; }
.main-sub-title p span {display:block; font-size:14px; letter-spacing:-1px; color:#333333; }

.main-sub-title02 {display:inline-block; width:244px; height:106px; border:4px solid #000; padding:46px 43px; }
.main-sub-title02 p { font-size:40px; font-weight:400; color:#333333; line-height:1; }
.main-sub-title02 p span {display:block; font-size:14px; color:#333333; }

.notice-wrap {width:100%; margin-top:16px;}
.notice-wrap > div {padding:31px 0px 20px; border-bottom:1px solid #dfdfdf; overflow:hidden; }
.notice-wrap > div span {float:left; color:#ce152b; font-size:16px; font-family:'Roboto'; font-weight:100; width:48px; height:30px; line-height:1; }
.notice-wrap > div span.day {font-size:40px; margin-left:15px; line-height:0.75; margin-right:13px;}
.notice-wrap > div p {float:left; height:30px; line-height:40px; margin-left:30px; font-size:16px; color:#525252; }

.main-bg03 > div > img {margin:30px 0px; }
.main-bg03 .img-dia01 {position:absolute; bottom:-133px; right:0; z-index: 1;}
.main-bg03 .img-dia02 {display:none;position:absolute; top:183px; left:50%; margin-left:-329px; }
.main-bg03 .img-dia03 {position:absolute; top:155px; right:50%; margin-right:-680px; }
.main-bg03 .img-dia04 {position:absolute; bottom:26px; left:50%; margin-left:-85px; }
.main-bg03 .img-dia05 {position:absolute; bottom:100px; left:50%; margin-left:-920px; }

.main-bg04 {background:#eeeeee; }
.brand-wrap {text-align:left; }
.brand-wrap .top {overflow:hidden; height:80px; line-height:80px; border-bottom:1px solid #dfdfdf; }
.brand-wrap .top span {display:inline-block; font-family:'Roboto'; font-size:32px; font-weight:bold; color:#333333; background:url(../../images/common/img_gnb_bar.gif) repeat-x left bottom; }
.brand-wrap .con { margin:40px 0px; overflow:hidden; }
.brand-wrap .con ul li {float:left; width:150px; height:100px; line-height:100px; margin:0px 5px; text-align:center; }
.brand-wrap .con ul li a{display:block; width:100%; height:100%; }
.brand-wrap .con ul li img{vertical-align:middle; }

/*contents*/
#contentsWrap {width:100%; overflow:hidden; min-height:580px;}
.content {margin:75px auto; }

/* video */
.video-box { height:257px; margin:0 auto;}