@charset "utf-8";
body { overflow-x:hidden; background:#ededed; letter-spacing:-0.5px; }
#container { overflow:hidden; padding:40px 0; }
#container #leftmenu { float:left; width:225px; background:#ffffff; }
#container #leftmenu h2 { position:relative; padding-top:55px; height:105px; color:#ffffff; background:#dc4c41; font-size:28px; text-align:center; font-weight:400; line-height:28px; }
#container #leftmenu h2 span.sub { display:block; margin-top:10px; color:#eeb4b1; font-size:14px; font-weight:300; line-height:14px; letter-spacing:-0.5px; }
#container #leftmenu h2 a { position:absolute; z-index:4; top:0; left:0; width:100%; height:50px; background:url('/se/images/sub/mb_lmenu.png') no-repeat right 22px center; text-indent:-9999px; }
#container #leftmenu.long h2 { padding-top:38px; height:122px; line-height:32px; }
#container #leftmenu.long h2 span.long_b { display:block; }
#container #leftmenu.long h2 span.sfont { display:block; margin-top:-20px; font-size:20px !important; }
#container #leftmenu ul li a { display:block; padding:12px 20px; color:#444444; border-top:1px solid #dddddd; font-size:16px; }
#container #leftmenu ul li:first-child a { border:0px; }
#container #leftmenu ul li a:hover, #container #leftmenu ul li.select a { color:#e2574c; background:url('/se/images/sub/lmenu_arrow.jpg') no-repeat right 17px center; font-weight:500; }

#container #contents { float:right; padding:50px; width:860px; background:#ffffff; }
#container #contents #sub_title { position:relative; border-bottom:1px solid #dddddd; }
#container #contents #sub_title ol { overflow:hidden; }
#container #contents #sub_title ol li { position:relative; display:inline-block; padding:0 15px 0 12px; color:#777777; font-size:14px; line-height:12px; }
#container #contents #sub_title ol li.home { padding-left:0px; width:14px; height:12px; background:url('/se/images/sub/ic_home.jpg') no-repeat left center; text-indent:-9999px; }
#container #contents #sub_title ol li:after { position:absolute; z-index:1; top:0; right:0px; display:block; content:''; width:5px; height:14px; background:url('/se/images/sub/location_arrow.jpg') no-repeat right center; }
#container #contents #sub_title ol li:last-child:after { display:none; }
#container #contents #sub_title h3 { padding:18px 0 46px 0; color:#555555; font-size:35px; font-weight:400; line-height:35px;}
#container #contents #sub_title .sns { position:absolute; z-index:10; right:0px; bottom:46px; overflow:hidden; }
#container #contents #sub_title .sns li { float:left; margin-right:6px; }
#container #contents #sub_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; transition:all 0.2s ease; }
#container #contents #sub_title .sns li.sns01 a { background:url('/culture/images/inc/ic_facebook.png') no-repeat; }
#container #contents #sub_title .sns li.sns02 a { background:url('/culture/images/inc/ic_twitter.png') no-repeat; }
#container #contents #sub_title .sns li.sns03 a { background:url('/culture/images/inc/ic_blog.png') no-repeat; }
#container #contents #sub_title .sns li.sns04 a { background:url('/culture/images/inc/ic_kakao.png') no-repeat; } 
#container #contents #sub_title .sns li.favorite a { background:url('/culture/images/inc/ic_favorite.png') no-repeat; } 
#container #contents #sub_title .sns li.print a { background:url('/culture/images/inc/ic_print.png') no-repeat; }
#container #contents #sub_title .sns li a:hover { background-position:0px -28px; transition:all 0.2s ease; }
#container #data_control { margin-bottom:0px; }

#detail_con { word-break:keep-all !important; }

#detail_con h4 { margin-top:55px; color:#d0463b; font-size:22px; font-weight:400; }
#detail_con h4.first { margin-top:20px; }
#detail_con .sblet { padding-left:20px; color:#222222; background:url('/se/images/sub/sblet.jpg') no-repeat left 10px; font-size:18px; font-weight:400; } 
#detail_con .ssblet { padding:2px 0 2px 11px; color:#444444; background:url('/se/images/sub/ssblet.jpg') no-repeat left 13px; font-size:15px; font-weight:400; letter-spacing:-0.5px; }
#detail_con .sssblet { padding-left:11px; color:#666666; background:url('/se/images/sub/sssblet.jpg') no-repeat left 13px; font-size:14px; font-weight:400; letter-spacing:-0.5px; }
#detail_con .para01 { margin:15px 0 30px 0; }
#detail_con .para02 { margin:5px 0 0 8px; }
#detail_con .para03 { margin:3px 0 5px 0; }
#detail_con .para04 { margin:8px 0 30px 10px; }

#detail_con .tbox { margin:15px 0; padding:20px; background:#fff; border:1px solid #cccccc; border-top:2px solid #d0463b; box-shadow:0 2px 0 #eeeeee; }
#detail_con .design_area { padding:30px; background:#222222; color:#ffffff; }

.s_tbox { margin-top:10px; padding:20px; border:3px solid #eeeeee; background:#fafafa; }
.s_tbox .tit { color:#d0463b; font-size:18px; font-weight:500; }

#detail_con table.data { margin-top:15px; width:100%; border-top:2px solid #e2574c; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#detail_con table.data thead th { padding:10px; font-size:16px; font-weight:500; color:#d0463b; background:#f9f9f9; border-right:1px solid #dddddd; border-bottom:1px solid #ddd; }
#detail_con table.data thead th:first-child { border-left:1px solid #dddddd; }
#detail_con table.data tbody th { font-weight:500; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; background:#fafafa; }
#detail_con table.data td { padding:5px 10px; color:#555; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }

#tab { overflow:hidden; margin-bottom:30px; background:#555555; border-left:1px solid #000; }
#tab li { float:left; border:1px solid #000; border-left:0px; box-sizing:border-box; }
#tab li:last-child { border-right:0px; }
#tab li a { display:block; padding:10px; width:100%; background:#2a3256; color:#ffffff; text-align:center; box-sizing:border-box; font-size:16px; font-weight:300; }
#tab li.select a { background:#d0463b; }
#tab li a:hover { background:#424e84; font-weight:400; }
#tab li.select a:hover { background:#d0463b; }
#tab.col2 li { width:50%; }
#tab.col3 li { width:33.3%; }

/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {
}

@media all and (max-width:1199px) {
	#container #contents { padding:3%; width:69%; }
}

@media all and (max-width:950px) {
	#container #contents { width:64%; }
}

@media all and (min-width:769px) {
}

@media all and (max-width:768px) {
	#container { padding:0px; }
	#container #leftmenu { float:none; width:100%; }
	#container #contents { float:none; padding:20px; width:auto; }
	#container #leftmenu h2, #container #leftmenu.long h2 { padding:0px 20px; height:50px; font-size:18px; line-height:50px; text-align:left; }
	#container #leftmenu h2 span.sub { display:none; }
	#container #leftmenu.long h2 span.long_b { display:inline; }
	#container #leftmenu.long h2 span.sfont { display:inline; margin-top:0; font-size:18px !important; }
	#container #leftmenu h2 a { display:block; }
	#container #leftmenu ul { border-bottom:2px solid #dc4c41; }
	#container #leftmenu ul li a:hover, #container #leftmenu ul li.select a { background-position:right 26px center; }
	#container #contents #sub_title ol, #container #contents #sub_title .sns { display:none; }
	#container #contents #sub_title h3 { padding:0 0 20px 0; font-size:24px; }
	#detail_con .respond_table { overflow-x:auto; width:100%; }
	#detail_con .respond_table table { width:700px; }
	#tab li a { font-size:14px; }

}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
}