@charset "utf-8";

#visual { width:100%; height:425px; background:url('/wheel/images/main/visual_bg.jpg') no-repeat center top; box-shadow:0 5px 10px #e6e6e6; }
#visual p { text-align:center; }
#visual p img { max-width:100%; }
#visual p.tit { padding-top:83px; }
#visual p.sub { padding-top:48px; }
#visual p.txt { padding-top:35px; }

#section01 { margin-top:10px; padding:35px 0 40px; background:#fbfbfb; overflow:hidden; }
#section01>div>div { float:left; background:#fff; border:1px solid #ddd; box-sizing:border-box; margin-left:10px; }
#section01>div>div:first-child { margin-left:0; }
#section01>div>div>.inner { padding:25px; }
#section01>div>div>.inner>p.tit { font-size:18px; font-weight:bold; color:#000000; margin-bottom:10px; }
#section01>div>.login_form { width:369px; height:259px;}
#section01>div>.login_form>.inner input[type=text] { display:block; width:94%; padding:4% 3%; border:1px solid #ddd; margin-bottom:5px; text-indent:35px; font-size:15px; }
#section01>div>.login_form>.inner input[type=password] { display:block; width:94%; padding:4% 3%; border:1px solid #ddd; margin-bottom:5px; text-indent:35px; font-size:15px; }
#section01>div>.login_form>.inner input.ip_id { background:#fafafa url('/wheel/images/main/ip_id.gif') no-repeat 20px center; }
#section01>div>.login_form>.inner input.ip_password { background:#fafafa url('/wheel/images/main/ip_password.gif') no-repeat 20px center; }
#section01>div>.login_form>.inner input[type=submit] { display:block; width:100%; padding:4%; background:#f48738; border:1px solid #ce6214; font-size:18px; text-align:center; color:#fff; }
#section01>div>.login_form>.inner>ul { overflow:hidden; margin-top:10px; }
#section01>div>.login_form>.inner>ul>li { float:left; margin-right:15px; background:url('/wheel/images/main/login_dot.gif') no-repeat left center; padding-left:10px; }
#section01>div>.login_form>.inner>ul>li:last-child { margin-right:0; }
#section01>div>.login_form>.inner>ul>li>a { font-size:14px; color:#474747; }

/*로그인중이면*/
#section01>div>.login_form>.inner2 { padding:25px; }
#section01>div>.login_form>.inner2 p { font-size:15px; color:#666; margin-bottom:4px; }
#section01>div>.login_form>.inner2 div p.tit { font-size:22px; font-weight:bold; color:#000000; margin-bottom:10px; float:left; }
#section01>div>.login_form .inner2 div ul { float:right; margin-top:6px; }
#section01>div>.login_form .inner2 div ul>li { float:left; margin-right:2px; }
#section01>div>.login_form .inner2 div ul>li:last-child { margin-right:0; }
#section01>div>.login_form .inner2 div ul>li>a { display:block; padding:0 7px; font-size:13px; background:#555; color:#fff; }
#section01>div>.login_form .inner2 div ul>li>a:hover { background:#777; font-weight:bold; }
#section01>div>.login_form .inner2 ul.submit_btn { overflow:hidden; margin-top:10px; }
#section01>div>.login_form .inner2 ul.submit_btn>li { float:left; width:48%; box-sizing:border-box; text-align:center; margin:0 1%; }
#section01>div>.login_form .inner2 ul.submit_btn>li.ico01>a.hvr-fade { display:block; padding:90px 0 10px; background:#c77b2f url('/wheel/images/main/login_menu01.png') no-repeat center 23px; border:1px solid #c77b2f; color:#fff; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
#section01>div>.login_form .inner2 ul.submit_btn>li.ico01>a.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background:#fff url('/wheel/images/main/login_menu01_ov.png') no-repeat center 23px; border:1px solid #c77b2f; color:#c77b2f; font-weight:bold; }
#section01>div>.login_form .inner2 ul.submit_btn>li.ico02>a.hvr-fade { display:block; padding:90px 0 10px; background:#c77b2f url('/wheel/images/main/login_menu02.png') no-repeat center 23px; border:1px solid #c77b2f; color:#fff; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
#section01>div>.login_form .inner2 ul.submit_btn>li.ico02>a.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background:#fff url('/wheel/images/main/login_menu02_ov.png') no-repeat center 23px; border:1px solid #c77b2f; color:#c77b2f; font-weight:bold; }

#section01>div>.board_wrap { position:relative; width:346px; height:259px; }
#section01>div>.board_wrap:after { display:block; overflow:hidden; clear:both; content:''; }
#section01>div>.board_wrap h3 { position:absolute; top:25px; left:-1px; font-size:16px; text-align:center; }
#section01>div>.board_wrap div.notice h3 { left:25px; }
#section01>div>.board_wrap div.news h3 { left:105px; }
#section01>div>.board_wrap h3 a { display:block; padding:5px 0px 0; color:#333; font-weight:normal; }
#section01>div>.board_wrap h3.select { border-top:2px solid #38a84b; }
#section01>div>.board_wrap h3.select a { padding:3px 0px 0px; font-weight:600; font-size:16px; color:#38a84b; background:#fff; }
#section01>div>.board_wrap .btn_more { position:absolute; top:30px; right:25px; }
#section01>div>.board_wrap .btn_more a { display:block; font-size:13px; }
#section01>div>.board_wrap .btn_more a:hover span { text-decoration:underline; }
#section01>div>.board_wrap .btn_more a span { display:inline-block; padding-right:20px; background:url('/wheel/images/main/more_btn.gif') no-repeat right center; }
#section01>div>.board_wrap div.con { display:none; padding-top:52px; }
#section01>div>.board_wrap div.con ul { padding:6% 25px; }
#section01>div>.board_wrap div.con ul li { position:relative; display:block; margin-bottom:3px; }
#section01>div>.board_wrap div.con ul li:last-child { border-bottom:none; }
#section01>div>.board_wrap div.con ul li a { display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; }
#section01>div>.board_wrap div.con ul li a:hover { font-weight:600; }

#section01>div>.movie_wrap { position:relative; width:459px; height:259px; }
#section01>div>.movie_wrap .thum img { width:100%; }
#section01>div>.movie_wrap .txt { position:relative; box-sizing:border-box; }
#section01>div>.movie_wrap .txt a { position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.35); color:#fff; font-size:18px; font-weight:bold; text-align:center; }
#section01>div>.movie_wrap .txt a span {display:block; margin-top:20%; padding:15.5% 0; background:url('/wheel/images/main/movie_play.png') no-repeat center top; text-shadow:1px 1px 2px #222; }

#section02 { padding:40px 0; background:#ffffff url('/wheel/images/main/section02_bg.gif') repeat-x left top; overflow:hidden; }
#section02>div>.lecture_wrap { overflow:hidden; }
#section02>div>.lecture_wrap>p { font-size:20px; font-weight:bold; margin-bottom:20px; }
#section02>div>.lecture_wrap>p>.btn_more { float:right; }
#section02>div>.lecture_wrap>p>.btn_more a { display:block; font-size:13px; }
#section02>div>.lecture_wrap>p>.btn_more a:hover span { text-decoration:underline; }
#section02>div>.lecture_wrap>p>.btn_more a span { display:inline-block; padding-right:20px; background:url('/wheel/images/main/more_btn.gif') no-repeat right center; }
#section02>div>.lecture_wrap>div { float:left; width:32%; height:347px; background:#fff; border:1px solid #ddd; border-top:2px solid #454545; box-sizing:border-box; margin-right:2%; }
#section02>div>.lecture_wrap>div:last-child { margin-right:0; }
#section02>div>.lecture_wrap>div>.inner { padding:25px; }
#section02>div>.lecture_wrap>div>.inner>.tit_wrap { padding:1px 0 10px; border-bottom:1px dashed #cdcccc; overflow:hidden; }
#section02>div>.lecture_wrap>div>.inner>.tit_wrap>p.tit { float:left; width:55%; font-size:18px; font-weight:bold; color:#333333; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#section02>div>.lecture_wrap>div>.inner>.tit_wrap>p.label { float:right; }
#section02>div>.lecture_wrap>div>.inner>.tit_wrap>p.label span { padding:5px 10px; font-size:13px; font-weight:bold; color:#525252; border:1px solid #878787; }
#section02>div>.lecture_wrap>div>.inner>.tit_wrap>p.label span.type01 { color:#cc6c0c; border:1px solid #cc6c0c; }
#section02>div>.lecture_wrap>div>.inner>.txt { padding:20px 0; }
#section02>div>.lecture_wrap>div>.inner>.txt>.box { background:#fafafa; border:1px solid #ddd; padding:15px; margin-top:15px; letter-spacing:-1px; height:80px; overflow:hidden; }
#section02>div>.lecture_wrap>div>.inner>.txt>.box p { font-weight:bold; margin-bottom:10px;}
#section02>div>.lecture_wrap>div>.inner>.btns { text-align:center; }
#section02>div>.lecture_wrap>div>.inner>.btns a { padding:10px 40px; font-size:15px; color:#666666; }
#section02>div>.lecture_wrap>div>.inner>.btns a:hover { color:#38a84b; font-weight:bold; }
/* Border Fade */
#section02>div>.lecture_wrap>div>.inner>.btns a.hvr-border-fade { display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; box-shadow:inset 0 0 0 1px #7e7e7e, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }
#section02>div>.lecture_wrap>div>.inner>.btns a.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow:inset 0 0 0 2px #38a84b, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }


@media screen and (max-width:1211px){
	#visual { width:100%; height:auto; background-size:auto 100%; }
	#visual p.tit { padding-top:4%; }
	#visual p.sub { padding-top:4%; }
	#visual p.txt { padding-top:4%; padding-bottom:4%; }

	#section01>div>div { margin-left:1%; }
	#section01>div>.login_form { width:29%; }
	#section01>div>.board_wrap { width:29%; }
	#section01>div>.movie_wrap { width:40%; }
}

@media screen and (max-width:1160px){
	#section01>div>.login_form { height:250px; }
	#section01>div>.board_wrap { height:250px; }
	#section01>div>.movie_wrap { height:250px; }
	#section01>div>.movie_wrap img { height:250px; }
	#section01>div>.movie_wrap .txt a span { padding:16.5% 0; }
}

@media screen and (max-width:1024px){
	#contents { padding:15px; }

	#visual p img { max-width:50%; }

	#section01>div>.login_form { width:49.5%; height:250px; }
	#section01>div>.login_form>.inner input[type=text] { padding:3% 3%; }
	#section01>div>.login_form>.inner input[type=submit] { padding:3%; }
	#section01>div>.board_wrap { width:49.5%; height:250px; }
	#section01>div>.movie_wrap { width:100%; height:auto; margin-left:0; margin-top:1%; }
	#section01>div>.movie_wrap img { height:100%; }
	#section01>div>.movie_wrap .txt a span { padding:16.5% 0; background-position:center 20%; }

	#section02>div>.lecture_wrap>div { width:100%; height:347px; margin-right:0; margin-top:2%; }
	#section02>div>.lecture_wrap>div:first-child { margin-top:0; }
}

@media screen and (max-width:767px){
	#section01>div>.login_form { width:100%; height:auto; }
	#section01>div>.board_wrap { width:100%; height:auto; margin-left:0; margin-top:1%; }
	#section01>div>.movie_wrap { width:100%; height:auto; }
	#section01>div>.movie_wrap .txt a span { padding:20% 0 10%; background-position:center 0%; }

	#section02>div>.lecture_wrap>div { width:100%; height:auto; }
}