#csLayer {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); z-index:100;}
#csWrap {display:none; position:fixed; top:60px; bottom:60px; left:50%; background:#fff; z-index:101; width:1040px; margin-left:-520px; min-height:800px; padding:60px 60px 100px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
#csBtnClose {display:block; width:40px; height:58px; text-indent:-9999px; position:absolute; right:30px; top:30px; cursor:pointer; background:url("/img/event/cs_close.png")no-repeat center center;}

@font-face { font-family: 'Binggrae-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

.csHead {text-align:center;}
.csHead h3 {font-family: 'Binggrae-Bold', 'Noto Sans Korean', sans-serif; font-size:36px; letter-spacing:-0.05em;}
.csHead p {font-size:14px; letter-spacing:-0.025em; padding-top:5px;}

.csNav {padding:30px 0; text-align:center;}
.csNav ul {display:inline-block;}
.csNav ul:after {content:""; display:table; clear:both;}
.csNav ul li {display:block; float:left; position:relative; width:120px;}
.csNav ul li:before,
.csNav ul li:after {content:""; display:block; width:50%; top:30px; height:1px; background:#eee; position:absolute;}
.csNav ul li:before {left:0;}
.csNav ul li:after {right:0;}
.csNav ul li:first-child:before {display:none;}
.csNav ul li:last-child:after {display:none;}
.csNav ul li em {display:block; width:60px; height:60px; line-height:54px; border:solid 3px #eee; background:#fff; letter-spacing:-0.05em; margin:0 auto; font-style:normal; border-radius: 60px 60px 60px 60px; -moz-border-radius: 60px 60px 60px 60px; -webkit-border-radius: 60px 60px 60px 60px; position:relative; z-index:1;}
.csNav ul li.current em {border:solid 3px #ffb500;}
.csNav ul li p {text-align:center; padding-top:5px; line-height:1.0em; color:#999; font-weight:300;}
.csNav ul li p span {display:block;}
.csNav ul li.current p {font-weight:500; color:#333;}

.csSel {text-align:center;}
.csSel li {display:inline-block; position:relative; padding-bottom:40px; margin:0 10px;}
.csSel li input[type="radio"] {position:absolute; width:24px; height:24px; bottom:0; left:50%; border:solid 1px #aaa; margin-left:-12px; cursor:pointer; border-radius: 24px 24px 24px 24px; -moz-border-radius: 24px 24px 24px 24px; -webkit-border-radius: 24px 24px 24px 24px;}
.csSel li input[type="radio"]:focus {outline:none;}
.csSel li input[type="radio"]:checked {border:solid 2px #ffb500;}
.csSel li input[type="radio"]:checked:after {width:12px; height:12px; top:4px; left:4px; background:#333; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;}

.csSel li input[type="checkbox"] {position:absolute; width:28px; height:28px; bottom:0; left:50%; border:solid 1px #aaa; margin-left:-14px; cursor:pointer; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.csSel li input[type="checkbox"]:focus {outline:none;}
.csSel li input[type="checkbox"]:checked {border:solid 2px #ffb500;}
.csSel li input[type="checkbox"]:checked:after {width:20px; height:16px; top:4px; left:2px; background:url("/img/event/cs_curri_checkbox.png")no-repeat center center; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none;}
.csSel li label {display:block; text-align:center; line-height:0.9em; font-weight:500; font-size:16px; letter-spacing:-0.05em; padding-top:105%; color:#333;}
.csSel li label:before {content:""; display:block; background:#eee; position:absolute; left:0; right:0; top:0; padding-bottom:100%; background-repeat:no-repeat !important; background-repeat:no-repeat !important;}
.csSel li label span {display:block;}

#csSel1 {padding-top:30px;}
#csSel1 li {width:220px;}
#csSel1 li label:before {background-position:center top !important;}
#csSel1 li:nth-child(1) label:before {background:url("/img/event/cs_sel0101.png");}
#csSel1 li:nth-child(2) label:before {background:url("/img/event/cs_sel0102.png");}
#csSel1 li:nth-child(3) label:before {background:url("/img/event/cs_sel0103.png");}
#csSel1 li:nth-child(1) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0101_on.png");}
#csSel1 li:nth-child(2) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0102_on.png");}
#csSel1 li:nth-child(3) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0103_on.png");}

#csSel2 {padding-top:60px;}
#csSel2 li {width:120px;}
#csSel2 li label:before {background-position:center center !important;}
#csSel2 li:nth-child(1) label:before {background:url("/img/event/cs_sel0201.png");}
#csSel2 li:nth-child(2) label:before {background:url("/img/event/cs_sel0202.png");}
#csSel2 li:nth-child(3) label:before {background:url("/img/event/cs_sel0203.png");}
#csSel2 li:nth-child(4) label:before {background:url("/img/event/cs_sel0204.png");}
#csSel2 li:nth-child(5) label:before {background:url("/img/event/cs_sel0205.png");}
#csSel2 li:nth-child(1) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0201_on.png");}
#csSel2 li:nth-child(2) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0202_on.png");}
#csSel2 li:nth-child(3) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0203_on.png");}
#csSel2 li:nth-child(4) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0204_on.png");}
#csSel2 li:nth-child(5) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0205_on.png");}

#csSel3 {padding-top:60px;}
#csSel3 li {width:120px;}
#csSel3 li label:before {background-position:center center !important;}
#csSel3 li:nth-child(1) label:before {background:url("/img/event/cs_sel0301.png");}
#csSel3 li:nth-child(2) label:before {background:url("/img/event/cs_sel0302.png");}
#csSel3 li:nth-child(3) label:before {background:url("/img/event/cs_sel0303.png");}
#csSel3 li:nth-child(1) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0301_on.png");}
#csSel3 li:nth-child(2) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0302_on.png");}
#csSel3 li:nth-child(3) input[type="radio"]:checked + label:before {background:url("/img/event/cs_sel0303_on.png");}

.csFoot {position:absolute; left:0; right:0; bottom:0; background:#fff; height:100px; -webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.1);}
.csFoot:after {content:""; display:table; clear:both;}

.csfSel {float:left; padding:8px 20px;}
.csfSel:after {content:""; display:table; clear:both;}
.csfSel li {float:left; margin-right:10px;}
.csfSel li:last-child {margin-right:0;}
.csfSel li em {display:block; margin:0 auto; width:64px; height:64px; border:solid 1px #ddd; border-radius: 64px 64px 64px 64px; -moz-border-radius: 64px 64px 64px 64px; -webkit-border-radius: 64px 64px 64px 64px; background-position:center center !important; background-repeat:no-repeat !important;}
.csfSel li span {display:block; margin:0 auto; font-size:12px; padding-top:3px; letter-spacing:-0.05em; text-align:center;}

.csfSel li.csfs1A em {background:url("/img/event/cs_thmb0101.png");}
.csfSel li.csfs1B em {background:url("/img/event/cs_thmb0102.png");}
.csfSel li.csfs1C em {background:url("/img/event/cs_thmb0103.png");}

.csfSel li.csfs2A em {background:url("/img/event/cs_thmb0201.png");}
.csfSel li.csfs2B em {background:url("/img/event/cs_thmb0202.png");}
.csfSel li.csfs2C em {background:url("/img/event/cs_thmb0203.png");}
.csfSel li.csfs2D em {background:url("/img/event/cs_thmb0204.png");}
.csfSel li.csfs2E em {background:url("/img/event/cs_thmb0205.png");}

.csfSel li.csfs3A em {background:url("/img/event/cs_thmb0301.png");}
.csfSel li.csfs3B em {background:url("/img/event/cs_thmb0302.png");}
.csfSel li.csfs3C em {background:url("/img/event/cs_thmb0303.png");}

.csfBtn {float:right; padding:23px;}
.csfBtn:after {content:""; display:table; clear:both;}
.csfBtn li {float:left;}
.csfBtn li:last-child {margin-left:10px;}
.csfBtn li span {display:block; height:54px; line-height:54px; font-size:15px; color:#fff; cursor:pointer; text-align:center; text-align:left; border-radius: 27px 27px 27px 27px; -moz-border-radius: 27px 27px 27px 27px; -webkit-border-radius: 27px 27px 27px 27px; position:relative;}
.csfBtn li span.disable {background:#ddd !important; cursor:no-drop;}
.csfBtn li:first-child {display:none;}
.csfBtn li:first-child span {padding-left:60px; padding-right:25px; background:#666;}
.csfBtn li:last-child span {padding-left:25px; padding-right:60px; background:#ffb500;}
.csfBtn li span:after {content:""; display:block; width:8px; height:14px; position:absolute; top:50%; margin-top:-7px;}
.csfBtn li:first-child span:after {background:url("/img/event/cs_prev_arrow.png")no-repeat center center; left:15px;}
.csfBtn li:last-child span:after {background:url("/img/event/cs_next_arrow.png")no-repeat center center; right:15px;}

.csResult {}
.csrTitle {font-family: 'Binggrae-Bold', 'Noto Sans Korean', sans-serif; text-align:center; padding-top:40px; position:relative; line-height:1.2em; font-size:30px; letter-spacing:-0.075em; color:#333; font-weight:600;}
.csrTitle span {display:block; font-size:25px;}

.csrCurri {text-align:center; padding-top:40px;}
.csrCurri li {display:none; vertical-align:middle; margin:4px 2px;}
.csrCurri li a {display:block; height:44px; line-height:42px; border:solid 1px #ccc; font-size:16px; font-weight:500; color:#333; letter-spacing:-0.075em; position:relative; padding-left:20px; padding-right:35px; border-radius: 22px 22px 22px 22px; -moz-border-radius: 22px 22px 22px 22px; -webkit-border-radius: 22px 22px 22px 22px;}
.csrCurri li a:after {content:""; display:block; width:6px; height:10px; background:url("/img/event/cs_curri_arrow.png")no-repeat center center; position:absolute; right:12px; top:50%; margin-top:-5px;}
.csrCurri li a:hover {background:#333; border:solid 1px #333; color:#fff; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);}
.csrCurri li a:hover:after {background:url("/img/event/cs_curri_arrow_wh.png")no-repeat center center;}

.csrCurri li span {display:block; height:40px; line-height:38px; border:solid 1px #ccc; font-size:14px; font-weight:500; color:#333; letter-spacing:-0.075em; padding:0 15px;}


.csForm {padding-top:50px; width:540px; margin:0 auto; margin-top:-156px;}
.csForm h4 {margin-bottom:10px; text-align:center;}
.csForm h4 span {font-family: 'Binggrae-Bold', 'Noto Sans Korean', sans-serif; display:inline-block; font-weight:600; color:#444; letter-spacing:-0.075em; font-size:24px; padding-left:28px; margin-left:-28px; background:url("/img/event/cs_form_ico.png")no-repeat left center;}

.csTable {}
.csTable th,
.csTable td {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px; font-size:13px;}
.csTable th {background:#fafafa;}
.csTable #r_div_cook input[type="radio"] {margin-left:0;}
.csTable #r_div_cook label {margin-right:10px;}
.csTable input[type="text"],
.csTable input[type="tel"],
.csTable select,
.csTable textarea {display:block; width:100%; min-width:auto;}
.csTable textarea {height:100px; resize:none;}

.findCurri {font-size:14px; font-weight:500; color:#333;}
.csfWidth {width:300px !important;}

.csTel:after {content:""; display:table; clear:both;}
.csTel li {float:left;}
.csTel li:nth-child(even) {width:5%;}
.csTel li:nth-child(odd) {width:30%;}

.csAg {padding-top:5px;}
.csAg:after {content:""; display:table; clear:both;}
.csAg input[type="checkbox"] {display:inline-block; vertical-align:middle;}
.csAg label {display:inline-block; vertical-align:middle; font-size:11px; font-family:"dotum", sans-serif;}
.csAg a {display:block; float:right; font-family:"dotum", sans-serif; padding-right:10px; font-size:11px; color:#333; background:url("/img/event/cs_agree_arrow.png")no-repeat right center;}

.csSend {text-align:center; padding-top:35px;}
.csSend a {display:inline-block; height:48px; line-height:48px; padding:0 30px; background:#ffb500; font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.075em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

.csInquiry {text-align:center; padding-top:50px;}
.csInquiry span {display:inline-block; height:54px; line-height:54px; padding-left:30px; padding-right:40px; cursor:pointer; background:#ffb500; font-size:15px; color:#fff; font-weight:500; position:relative; border-radius: 27px 27px 27px 27px; -moz-border-radius: 27px 27px 27px 27px; -webkit-border-radius: 27px 27px 27px 27px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.csInquiry span:after {content:""; display:block; width:56px; height:54px; position:absolute; right:-25px; top:-15px; background:url("/img/event/cs_inquiry.png")no-repeat center center;}
.csInquiry span:hover {transform: translate3d(0,-2px,0); -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);}