@charset "utf-8";

._JW_bestLecture_basic { width:1000px; margin:0 auto; padding:50px 0; }
._JW_bestLecture_basic #contentView { display:none; }
._JW_bestLecture_basic #contentView #con1 { display:none; }

.topWrap { background:url("../images/seoktop_img_01.jpg") no-repeat center center; min-width:1000px; min-height:370px; background-size:cover; position:relative; }
.topWrap .kuLogo { content:""; position:absolute; left:30px; top:30px; }
.topWrap .winClose { content:""; position:absolute; right:30px; top:30px; }
.topWrap h2 { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-family:'Pre Black'; font-size:50px; }

.userTabWrap { display:flex; flex-flow:row wrap; align-items:stretch; width:80%; border:1px solid #dadbdf; margin:50px auto; }
.userTabWrap.type2 > li { flex:1 0 auto; }
.userTabWrap > li a { display:block; padding:15px; font-family:'Pre Bold'; color:#272727; text-align:center; }
.userTabWrap > li.active a { color:#fff; background-color:#7c0019; }


.chkWrap [type="radio"] { vertical-align:-1px; appearance:none; border:max(2px, 0.1em) solid gray; border-radius:50%; width:1.25em; height:1.25em; }
.chkWrap [type="radio"]:checked { border:0.4em solid #7c121b; }
.chkWrap [type="radio"]:focus-visible { outline: max(2px, 0.1em) dotted #7c121b;  outline-offset: max(2px, 0.1em); }
.chkWrap [type="radio"]:hover { box-shadow:0 0 0 max(4px, 0.2em) lightgray; cursor:pointer; }
.chkWrap [type="radio"]:disabled { background-color:lightgray; box-shadow:none; opacity:0.7; cursor:not-allowed; }
.chkWrap [type="radio"]:disabled + span { opacity:0.7; cursor:not-allowed; }

#formView .schWrap { display:flex; justify-content:flex-end; align-items:stretch; margin-bottom:60px; height:50px; }
#formView .schWrap .division { width:1px; height:100%; background:#dadbdf; margin-left:20px; margin-right:10px; }
#formView .schWrap .selectWrap { flex-grow:1; width:auto; height:100%; border:1px solid #dadbdf;  background:url("../images/seoktop_down_arr.png") no-repeat 90% 50%/15px auto; position:relative; }
#formView .schWrap .selectWrap:not(:first-child) { margin-left:10px; }
#formView .schWrap .selectWrap select { width:100%; height:100%; padding:0 58px 0 20px; border:0; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; box-sizing:border-box; background:transparent; font-size:16px; }
#formView .schWrap .selectWrap select::-ms-expand { display:none;/*for IE10,11*/ }
#formView .schWrap .btnWrap .btn-sch { display:block; width:50px; height:100%; background:#000 url("../images/seoktop_sch.png") no-repeat center center; text-indent:-99999px; font-size:0; }

#formView .chkWrap { text-align:center; }
#formView h3 { font-family:'Pre Bold'; font-size:26px; color:#000; text-align:center; margin-bottom:20px; }

#contentView .infoWrap { background:#f2eee7; padding:30px 50px; font-family:'Pre Bold'; }
#contentView .chkWrap { margin:30px 0; text-align:center; }

@media all and (max-width:1000px) {
	._JW_bestLecture_basic { width:100%; margin:0 auto; padding:0 10px 50px 10px; }
	.userTabWrap { width:100%; }

	#formView .schWrap .selectWrap select { padding:0 25px 0 10px; font-size:14px; }
}