@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{font-family:'Noto Sans KR',sans-serif}


.wrap{width:100%;min-width:1150px;height:2150px;position:relative;overflow:hidden;background-image:url(/2017bohun/images/event1/bg.png);background-repeat:repeat-x;background-position:center top}


.topbar{width:100%;min-width:1000px;height:47px;position:relative;background-color:#fff}
.topbar_cont{position:relative;float:right;left:-50%}
.topbar_cont img{position:relative;float:left;left:50%}

.bdy{width:1150px;height:2035px;position:relative;overflow:hidden;margin:0 auto}

.topcnt{width:111px;height:21px;position:relative;float:left;margin:25px 2px;background-image:url(/2017bohun/images/index/topcnt.png)}
.topcnt td{color:#fff;font-size:10pt;font-weight:300;text-align:center;vertical-align:middle}
.topcnt td .num{font-size:11pt;font-weight:700}
.topcnt_r{float:right}

.tit{width:601px;height:149px;position:relative;float:left;margin:30px 0 0 161px;background-image:url(/2017bohun/images/event1/tit.png)}

.evtlink{width:646px;height:92px;position:relative;float:left;margin:43px 0 0 265px}
.evtlink img{float:left;margin:0 25px 0 0}

.info{width:728px;height:515px;position:relative;float:left;margin:0 0 0 216px;background-image:url(/2017bohun/images/event1/info.png)}

.rightlink{width:160px;height:209px;position:absolute;top:490px;right:0}
.rightlink img{float:right}

.video{width:491px;height:321px;position:relative;float:left;margin:55px 0 0 116px}
.video .videotit{width:491px;height:44px;position:relative;float:left;background-image:url(/2017bohun/images/event1/videotit.png)}
.video .video_player{width:491px;height:277px;position:relative;float:left;background-color:#000}
.video .video_player .video_player{position:absolute;top:0;left:0;background:none}

.webtoon{width:368px;height:321px;position:relative;float:left;margin:55px 0 0 66px}
.webtoon .webtoontit{width:368px;height:44px;position:relative;float:left;background-image:url(/2017bohun/images/event1/webtoontit.png)}
.webtoon .webtoon_viewer{width:368px;height:277px;position:relative;overflow:hidden;float:left;background-color:#000}
.webtoon .webtoon_viewer img{max-width:368px;max-height:277px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:none}
.webtoon .webtoon_viewer .left{width:30px;height:51px;position:absolute;top:0;bottom:0;left:10px;margin:auto 0;background-image:url(/2017bohun/images/event1/left.png);display:none}
.webtoon .webtoon_viewer .right{width:30px;height:51px;position:absolute;top:0;right:10px;bottom:0;margin:auto 0;background-image:url(/2017bohun/images/event1/right.png)}
.webtoon .webtoon_viewer .big{width:82px;height:36px;position:absolute;right:5px;bottom:5px;background-image:url(/2017bohun/images/event1/big.png)}

.quiz{width:1150px;height:586px;position:relative;float:left;margin:29px 0 79px}
.quiz .full{width:1150px;height:586px;position:absolute;top:0;left:0;display:none}
.quiz .quiz_1{background-image:url(/2017bohun/images/event1/quiz_1.png);display:block}
.quiz .quiz_1 .quiz_1_a{width:800px;height:87px;position:absolute;top:350px;left:217px;margin:0;padding:0;background:none;border:none;color:#000;font-size:42pt;letter-spacing:22.5px;-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active}
.quiz .quiz_1 .quiz_1_a::-ms-clear{display:none}
.quiz .quiz_1 .quiz_1_a:focus{outline:none}

.quiz .quiz_2{background-image:url(/2017bohun/images/event1/quiz_2.png)}
.quiz .quiz_2 .quiz_2_a{width:127px;height:127px;position:absolute;background-image:url(/2017bohun/images/event1/temp.png)}
.quiz .quiz_2 .quiz_2_a_o{top:287px;left:369px}
.quiz .quiz_2 .quiz_2_a_x{top:280px;left:670px}
.quiz .quiz_2 .quiz_2_a_o.quiz_2_a_on{background-image:url(/2017bohun/images/event1/quiz_2_a_o.png)}
.quiz .quiz_2 .quiz_2_a_x.quiz_2_a_on{background-image:url(/2017bohun/images/event1/quiz_2_a_x.png)}

.quiz .quiz_3{background-image:url(/2017bohun/images/event1/quiz_3.png)}
.quiz .quiz_3 .quiz_3_a{width:68px;height:68px;position:absolute;top:340px;background-image:url(/2017bohun/images/event1/temp.png)}
.quiz .quiz_3 .quiz_3_a.quiz_3_a_on{background-image:url(/2017bohun/images/event1/quiz_3_a_o.png)}
.quiz .quiz_3 .quiz_3_a_1{left:208px}
.quiz .quiz_3 .quiz_3_a_2{left:303px}
.quiz .quiz_3 .quiz_3_a_3{left:398px}
.quiz .quiz_3 .quiz_3_a_4{left:493px}
.quiz .quiz_3 .quiz_3_a_5{left:588px}
.quiz .quiz_3 .quiz_3_a_6{left:683px}
.quiz .quiz_3 .quiz_3_a_7{left:780px}
.quiz .quiz_3 .quiz_3_a_8{left:874px}
/*
.quiz .quiz_3 .quiz_3_a_1{left:162px}
.quiz .quiz_3 .quiz_3_a_2{left:239px}
.quiz .quiz_3 .quiz_3_a_3{left:329px}
.quiz .quiz_3 .quiz_3_a_4{left:424px}
.quiz .quiz_3 .quiz_3_a_5{left:505px}
.quiz .quiz_3 .quiz_3_a_6{left:582px}
.quiz .quiz_3 .quiz_3_a_7{left:673px}
.quiz .quiz_3 .quiz_3_a_8{left:768px}
.quiz .quiz_3 .quiz_3_a_9{left:847px}
.quiz .quiz_3 .quiz_3_a_10{left:924px}
*/
.quiz .quiz_1_o{background-image:url(/2017bohun/images/event1/quiz_1_o.png)}
.quiz .quiz_1_x{background-image:url(/2017bohun/images/event1/quiz_1_x.png)}
.quiz .quiz_2_o{background-image:url(/2017bohun/images/event1/quiz_2_o.png)}
.quiz .quiz_2_x{background-image:url(/2017bohun/images/event1/quiz_2_x.png)}
.quiz .quiz_3_o{background-image:url(/2017bohun/images/event1/quiz_3_o.png)}
.quiz .quiz_3_x{background-image:url(/2017bohun/images/event1/quiz_3_x.png)}

.quiz .btn{position:absolute;height:77px;top:476px;background-image:url(/2017bohun/images/event1/temp.png);display:none}
.quiz .btn_check{width:883px;left:134px;display:block}
.quiz .btn_re{width:441px;left:134px}
.quiz .btn_next,
.quiz .btn_part{width:441px;left:576px}

.quiz .quizcnt{position:absolute;top:75px;left:132px}
.quiz .quizcnt img{float:left}

.sns{width:438px;height:105px;position:relative;float:left;margin:0;padding:31px 0 0 712px;background-image:url(/2017bohun/images/event1/sns.png)}
.sns img{float:left;margin:0 15px 0 0}

.btm{width:1150px;position:relative;margin:0 auto}
.btm .copyright{width:1150px;position:relative;padding:20px 0}
.btm .copyright p{margin:0 0 2px;color:#323232;font-size:9pt;font-weight:700;text-align:center}
.btm .copyright p a{color:#323232;text-decoration:none}
.btm .copyright p a:hover{text-decoration:underline}



.popup_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-image:url(/2017bohun/images/index/popup_bg.png);display:none}

.popup_video{width:854px;height:480px;position:absolute;right:0;left:0;margin:0 auto;background-color:#000;display:none}
.popup_video .popup_video_player{width:854px;height:480px;position:absolute;top:0;left:0}
.popup_video .popup_close{width:65px;height:65px;position:absolute;top:0;right:-70px;background-image:url(/2017bohun/images/index/popup_close.png)}

.popup_webtoon{width:640px;height:640px;position:absolute;right:0;left:0;margin:0 auto;background-color:#000;display:none}
.popup_webtoon img{max-width:640px;max-height:640px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:none}
.popup_webtoon .popup_prev{width:30px;height:51px;position:absolute;top:0;bottom:0;left:10px;margin:auto 0;background-image:url(/2017bohun/images/event1/left.png)}
.popup_webtoon .popup_next{width:30px;height:51px;position:absolute;top:0;right:10px;bottom:0;margin:auto 0;background-image:url(/2017bohun/images/event1/right.png)}
.popup_webtoon .popup_close{width:65px;height:65px;position:absolute;top:0;right:-70px;background-image:url(/2017bohun/images/index/popup_close.png)}

.popup_frm{width:650px;position:absolute;right:0;left:0;margin:0 auto;background-color:#73c330;display:none}
.popup_frm .tbl_frm{width:600px;position:relative;margin:20px auto}
.popup_frm .tbl_frm th{padding:10px 0;color:#fff;font-size:12pt;font-weight:400;vertical-align:middle}
.popup_frm .tbl_frm td{padding:10px 0;color:#fff;font-size:12pt;font-weight:400;vertical-align:middle}
.popup_frm .tbl_frm td .frm_knowhow{width:320px;height:75px;padding:10px;background-color:#fff;border:none;font-size:12pt;color:#444;font-weight:400;resize:none}
.popup_frm .tbl_frm input[type=text]{padding:10px;background-color:#fff;border:none;font-size:12pt;color:#444;font-weight:400}
.popup_frm .tbl_frm .frm_name{width:320px}
.popup_frm .tbl_frm .frm_tel{width:76px;float:left;margin:0 2px 0 0}
.popup_frm .tbl_frm .frm_tel_bar{float:left;margin:10px 5px 0 3px;color:#fff;font-size:12pt;font-weight:400}
.popup_frm .tbl_frm .frm_url{width:320px}
.popup_frm .tbl_frm .pb0{padding-bottom:0}
.popup_frm .tbl_frm input[type=checkbox]{width:18px;height:18px;float:right}
.popup_frm .tbl_frm .cond{width:600px;position:relative;margin:0 auto;padding:10px 0;background-color:#fff}
.popup_frm .tbl_frm .cond .tbl_cond{width:600px;position:relative;margin:0}
.popup_frm .tbl_frm .cond .tbl_cond th{padding:10px 0;color:#444;font-size:11pt;font-weight:500;vertical-align:top}
.popup_frm .tbl_frm .cond .tbl_cond td{padding:10px 0;color:#444;font-size:10pt;font-weight:400;vertical-align:top}
.popup_frm a{text-decoration:none}
.popup_frm .btn_cancel,
.popup_frm .btn_submit{width:325px;float:left;padding:30px 0;background-color:#219703;color:#fff;font-size:18pt;font-weight:500;text-align:center}
.popup_frm .btn_cancel:hover,
.popup_frm .btn_submit:hover{background-color:#118700}

.popup_success{width:640px;position:absolute;right:0;left:0;margin:0 auto;display:none}
.popup_success img{position:relative;display:block}