@charset "utf-8";

.sub_title { position:relative; padding:56px 0; background:#f7f7f7; border-bottom:1px solid #d7d7d7; text-align:center; }
.sub_title h3 { font-size:36px; font-weight:bold; color:#000000; padding-bottom:20px; background:url('/wheel/images/sub/sub_tit_line.gif') no-repeat center bottom; }
.sub_title ol { margin-top:20px; }
.sub_title ol li { position:relative; display:inline-block; margin-left:2px; font-size:14px; }
.sub_title ol li:before { display:block; display:inline-block; content:'>'; padding-right:6px; font-size:13px; }
.sub_title ol li.home { margin-left:0px; padding-left:12px; text-indent:-5000px; background:url('/wheel/images/sub/home_ico.gif') no-repeat left center; }
.sub_title ol li.now { /*font-weight:bold*/ }
.sub_title .sns { float:right; margin-top:9px; }
.sub_title .sns li { float:left; margin-left:3px; }
.sub_title .sns li a { display:block; width:28px; height:28px; text-indent:-5000px; }
.sub_title .sns li.sns01 a { background:url(/share/images/inc/ic_sns01.gif) no-repeat center center}
.sub_title .sns li.sns02 a { background:url(/share/images/inc/ic_sns02.gif) no-repeat center center}
.sub_title .sns li.sns03 a { background:url(/share/images/inc/ic_sns03.gif) no-repeat center center}
.sub_title .sns li.sns04 a { background:url(/share/images/inc/ic_sns04.gif) no-repeat center center}
.sub_title .sns li.print a { background:url(/share/images/inc/ic_print.gif) no-repeat center center}
.sub_title .sns li.favorite a { background:url(/share/images/inc/ic_favorite.gif) no-repeat center center}
.sub_title .move_page { overflow:hidden; }
.sub_title .move_page div { position:absolute; top:43%; }
.sub_title .move_page div a { display:block; font-size:19px; color:#484848; }
.sub_title .move_page .left { left:0px; }
.sub_title .move_page .right { right:0px; }
.sub_title .move_page .left a span { padding:9px 0 9px 30px; background:url(/wheel/images/sub/sub_arrow_left.gif) no-repeat center left; }
.sub_title .move_page .right a span { padding:9px 30px 9px 0; background:url(/wheel/images/sub/sub_arrow_right.gif) no-repeat center right; }

.sub_title .sub_menu { position:absolute; z-index:3; bottom:-30px; width:100%; margin:0 auto; text-align:center; }
.sub_title .sub_menu ul { overflow:hidden; }
.sub_title .sub_menu ul li { display:inline-block; }
.sub_title .sub_menu ul li a { display:block; width:230px; padding:18px 0; font-size:18px; font-weight:bold; color:#fff; background:#c77b2f; box-sizing:border-box; }
.sub_title .sub_menu ul li.select a { width:230px; padding:16px 0; background:#fff; border:2px solid #c77b2f; color:#c77b2f; }
.sub_title .sub_menu ul li a.hvr-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; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
.sub_title .sub_menu ul li a.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { width:230px; padding:16px 0; background:#fff; border:2px solid #c77b2f; color:#c77b2f; }

#stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; }
#stab ul li{display:inline-block; margin:2px 0px; min-width:16%;  }
#stab ul li a{display:block; padding:5px 4%; background:#fff; border:1px solid #dddddd; border-radius:3px; font-size:14px; white-space:nowrap; text-align:center; }
#stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#dd6f43; border:1px solid #dd6f43;  }
#stab ul.col4 li{min-width:24.5%;  }
#stab ul li a[title='다운로드']{padding-left:35px; padding-right:10px; background-image:url(/main/images/contents/ic_down02.gif); background-repeat:no-repeat; background-position:10px center; }
#stab ul li a:hover[title='다운로드']{background-image:url(/main/images/contents/ic_down.png); background-position:8px center;}

@media screen and (max-width:767px){
	#contents { margin-top:100px; padding:0 20px 20px;}

	.sub_title { padding:20px 0; }
	.sub_title h3 { font-size:30px; padding-bottom:10px; }
	.sub_title ol { margin-top:10px; }
	.sub_title .sub_menu { display:none; }
	.sub_title .move_page { display:none; }
}