@charset "utf-8";
@import "/websymposium/css5/basic.css";
@import "/websymposium/css5/normalize.css";
@import "/websymposium/css5/response.css";

/* body */
#wrap {position:relative; width:100%; overflow:hidden;}
#container {clear:both; position:relative; width:100%; max-width:1000px;  margin:0 auto; overflow:hidden; background:#fff; text-align:center;}


#container ul {}
#container ul li {padding-bottom:3%;}


/*서브*/
#content{width:100%; max-width:1000px;   margin:0 auto;}
#content:after{content:""; display:block; clear:both;}

.form_name {position:relative; width:100%; background:url("/websymposium/img5/bg_01.jpg") no-repeat 0 0;}
.form_name h2 {width:853px; margin:0 auto;}

.regi_ares {width:80%; margin:0 auto; background:#fff;}
.regi_ares h2 {width:100%; background:#d9e5e8; text-align:center; padding:1.5% 0;}

.regi_ares ul {width:80%; margin:0 auto; padding:3% 0;}
.regi_ares ul li {padding:1% 0;}
.regi_ares ul li label {display:inline-block; vertical-align:middle; margin:0 5%;}
.regi_ares ul li input {width:67%; height:40px; padding:0 1%; vertical-align:middle; background:#FFFFFF; border:1px solid #0e2b4e; font-size:20px;}
.regi_ares ul li .hyp {width:5%; display:inline-block; text-align:center; font-size:20px; font-weight:600;}
/*
.tbl_name {width:98%; margin:1%;}
.tbl_name tr {background:#fff;}
.tbl_name th {padding-left:10px; border-bottom:1px solid #0e2b4e; padding:12px 8px;}
.tbl_name td {border-bottom:1px solid #0e2b4e; padding:12px 8px;}
.tbl_name td input {width:90%; height:30px; border:1px solid #0e2b4e; font-size:18px; padding:0 10px;}
.hyp {display:inline-block; width:18px; height:30px; text-align:center; vertical-align:top;}
*/

.terms			{position:relative; width:912px; margin:0 auto; padding:15px 0 15px 0;}
.terms span	{display:inline-block; margin:10px 0; }

.so_tit {text-align:center;}

.trans_ares {position:relative; width:853px; margin:0 auto;}
.tbl_trans {width:853px; margin:0 auto 15px auto; border:2px solid #de088c;}
.tbl_trans th, td {background:#ffffff;}
.tbl_trans th {padding:12px 10px  12px 30px;}
.tbl_trans td {padding:12px 0;}
.tbl_trans td input {width:90%; height:30px; border:1px solid #fff; font-size:18px; padding:0 10px;}


.live_ares {width:853px; margin:35px auto 0 auto;}
.live_box {background:#fff; border:2px solid #de088c; border-radius:20px; text-align:center; padding:12px 0; margin-bottom:15px;}

.bg_agenda {}

.agen_wrap {background: linear-gradient(#c1b6be, #8993b9); padding-bottom:3%;}
.agen_content {position:relative; width:95%; margin:0 auto; background:#fff; border:1px solid #fff; border-radius:30px; text-align:center; padding-bottom:4%;}
.agen_content h2 {position:relative; width:89%; margin:0 auto; padding:3% 0 1% 0; text-align:left; display:inline-block;}

.agen_content h2 p {position: absolute; bottom:10px; right:0;}
.agen_content h2 p img {height:30px;}
/*.agen_content img {max-width:100%;}*/

.pt3 {padding-top:3%;}



/* VOD */
.vod_tit {position:relative;}
.vod_tit img {z-index:0;}
.vod_tit h3 {position:absolute; bottom:2%; left:4%; z-index:1; font-size:36px; color:#562e89; font-weight:700; letter-spacing:-1px; line-height:42px;}
.vod_tit h3 span {font-size:30px; font-weight:400; display:block;}

.von_cont {width:92%; margin:0 auto;}

.vod_box {width:100%; padding-top:3%; display:inline-block;}
.vod_box ul {}
.vod_box ul li {float:left;}
.vod_box ul li:first-child {font-size:24px; font-weight:600; line-height:30px; letter-spacing:-1px; color:#5a5858;}
.vod_box ul li:first-child span {width:100%; display:inline-block; text-align:center; margin-top:9%;}
.vod_box ul li:last-child {}

.qa_box {width:100%; padding-bottom:5%;}
.qa_box .tit {font-size:24px; font-weight:600; color:#562e89; text-align:center; letter-spacing:-1px; padding:3% 0 1% 0;}

.qa_box dl {width:96%; background:#562c87; padding:2%; display:inline-block;}
.qa_box dl dt {width:83%;  margin-right:2%; float:left;}
.qa_box dl dd {float:right;}

.qa_box dt textarea {width:100%; height:80px; border:1px solid #fff;  background:#fff; border-radius:14px; padding:1%;}

.footer {position:relative;}

.btn {width:100%; text-align:center; padding:3% 0 6% 0;}
.btn input {}

.btn_agenda {width:100%; text-align:center; padding:5% 0 6% 0;}

.call {width:92%; margin:0 auto;}

.checkbox {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #AAAAAA; cursor: pointer; vertical-align:middle;}
.radio {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #AAAAAA; cursor: pointer; vertical-align:middle;}

input[id="is_agree"] + label {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #562c87; cursor: pointer; vertical-align:middle;}
input[id="is_agree"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_agree"] {display: none;}

input[id="is_yes"] + label {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #562c87; cursor: pointer; vertical-align:middle;}
input[id="is_yes"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_yes"] {display: none;}

input[id="is_no"] + label {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #562c87; cursor: pointer; vertical-align:middle;}
input[id="is_no"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_no"] {display: none;}