@charset "utf-8";
#gnb ul.family li a { font-weight:400; }
#gnb ul.family li:first-child a { color:#ffffff; }
#gnb ul.family li:after, #gnb ul.gnb_menu>li:after { background:#5d5d5d; }
#gnb ul.gnb_menu li.lang { display:none; }
#gnb ul.gnb_menu li.home { background-image:url('/culture/images/inc/gnb_home.png') !important; }
#gnb ul.gnb_menu li.login { background-image:url('/culture/images/inc/gnb_login.png') !important; }
#gnb ul.gnb_menu li.login a { color:#cccccc; }
#gnb ul.gnb_menu li.logout { background-image:url('/culture/images/inc/gnb_logout.png') !important; }
#gnb ul.gnb_menu li.mypage { background-image:url('/culture/images/inc/gnb_mypage.png') !important; }
#gnb ul.gnb_menu li.mypage a { color:#ffe400; }
#gnb ul.gnb_menu li.allmenu { background-image:url('/culture/images/inc/gnb_menu.png') !important; }
#allmenu div.allmenuBox div#array_menu { overflow-y:auto; height:600px; }
#allmenu div.allmenuBox ul.category li.select a { font-weight:400; border-color:#ed460b; color:#ed460b; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a { color:#25447e; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a:after { background:#25447e; }
#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a { display:inline-block; padding-left:10px; background:url(/culture/images/sub/ic_ssblet.jpg) no-repeat left 10px; }

header { background:#ffffff; border-bottom:0px solid #dddddd; }
header #top { border-bottom:1px solid #dddddd; }
header>div>div { position:relative; }
header h1 { margin:0 auto; padding:37px 0 34px 0; width:139px; }
header h1 a, header h1 img { display:block; }
header #right_search { position:absolute; z-index:2; top:38px; right:0; overflow:hidden; width:277px; border-bottom:1px solid #2b201d; }
header #right_search form input { float:left; display:block; height:40px; line-height:40px; border:0px; }
header #right_search form input[type=text] { width:85%; color:#000000; font-size:15px; }
header #right_search form input[type=submit] { width:15%; font-size:0px; background:#ffffff url('/culture/images/inc/search_btn.jpg') no-repeat right center; }
header .mb_search_btn { position:absolute; z-index:3; top:12px; right:10px; }
header .mb_search_btn>a { display:none; width:50px; height:50px; background:url('/culture/images/inc/mb_search.png') no-repeat center; text-indent:-999px; }

header nav { border-bottom:1px solid #dddddd; }
header nav h2 { position:absolute; z-index:3; top:53px; left:10px; }
header nav h2 a { display:none; width:50px; height:50px; background:url('/culture/images/inc/mb_menu.png') no-repeat center; border-radius:50px; text-indent:-999px; }
header nav>div>ul { overflow:hidden; }
header nav>div>ul>li { float:left; width:17%; text-align:center; line-height:16px; font-size:16px; }
header nav>div>ul>li>a { display:block; padding:20px 0; color:#555555; }
header nav>div>ul>li>a:hover, header nav>div>ul>li>a.on, header nav>div>ul>li.select>a { color:#ed460b; text-decoration:none; font-weight:500; }
header nav>div>ul>li:first-child, nav>div>ul>li:last-child { width:15%; }
header nav .submenu { position:absolute; z-index:999; left:0; display:none; width:100%; background:#ffffff; border-top:1px solid #dddddd; }
header nav .submenu>div { overflow:hidden; padding:20px 0; }
header nav .submenu ul.group { float:left; padding:0 25px; width:20%; background:url('/culture/images/inc/menu_bar.jpg') repeat-y left top; text-align:left; box-sizing:border-box; }
header nav .submenu ul.group:first-child { background:none; }
header nav .submenu ul.group li ul li a { display:block; padding:2px 0 2px 8px; background:url('/culture/images/inc/menu_bu.jpg') no-repeat left center; font-size:15px; color:#444444; font-weight:300; }
header nav .submenu ul.group li ul li a:hover { color:#000000; }
header nav .submenu>div>ul.group>li>a { display:block; margin-bottom:10px; color:#555555; font-size:16px; font-weight:500; }
header nav .submenu>div>ul.group>li:hover>a { color:#ed460b; }
header nav #submenu1 ul.group { height:120px; }
header nav #submenu2 ul.group { height:200px; }
header nav #submenu3 ul.group { width:auto; margin:0 0 0 400px; }
header nav #submenu4 ul.group { height:170px; }
header nav #submenu5 ul.group { width:auto; margin:0 0 0 835px; }
header nav #submenu6 ul.group:first-child { margin:0 0 0 720px; }
header nav #submenu6 ul.group { height:234px; }
header nav #submenu7 ul.group { width:auto; margin:0 0 0 1015px; }
header nav .w_menu a { color:#ed460b !important; font-weight:400 !important; }
#submenu_bg { position:fixed; z-index:90; top:220px; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); }

footer { background:#2b2b2b; padding-bottom:30px; }
footer #banner_rolling { position:relative; height:54px; background:#333333; }
footer #banner_rolling>div { overflow:hidden; }
footer #banner_rolling h3 { position:absolute; z-index:1; top:14px; color:#ffffff; font-size:17px; font-weight:500; }
footer #banner_rolling .btn_banner { position:absolute; z-index:1; top:16px;overflow:hidden; padding-left:95px; }
footer #banner_rolling .btn_banner li { float:left; margin-right:2px; }
footer #banner_rolling .list { overflow:hidden; padding-left:230px; width:100%; white-space:nowrap; }
footer #banner_rolling .list ul { overflow:hidden; }
footer #banner_rolling .list li { position:relative; display:inline-block; padding:0 25px; line-height:54px; }
footer #banner_rolling .list li:first-child { padding-left:0px; }
footer #banner_rolling .list li:after { display:block; content:''; position:absolute; left:0px; top:21px; height:13px; width:1px; background:#555; }
footer #banner_rolling .list li:first-child:after { width:0px; }
footer #banner_rolling .list li a { color:#d0d0d0; }	
footer #bottom { overflow:hidden; padding-top:28px; }
footer #bottom .btm_info .btm_menu { overflow:hidden; }
footer #bottom .btm_info .btm_menu li { position:relative; float:left; line-height:15px; }
footer #bottom .btm_info .btm_menu li:after { display:block; content:''; position:absolute; left:0px; top:2px; height:13px; width:1px; background:#616161; }
footer #bottom .btm_info .btm_menu li a { padding:0 20px; color:#e0e0e0; }
footer #bottom .btm_info .btm_menu li:first-child a { padding-left:0px;; }
footer #bottom .btm_info .btm_menu li:first-child:after { width:0px; }
footer #bottom .btm_info .copy { overflow:hidden; margin-top:20px; }
footer #bottom .btm_info .copy dl { margin-bottom:5px; }
footer #bottom .btm_info .copy dt,
footer #bottom .btm_info .copy dd { float:left; margin-right:15px; }
footer #bottom .btm_info .copy dd.add { float:none;  margin-right:0; }
footer #bottom .btm_info .copy address, footer #bottom .btm_info .copy dt, footer #bottom .btm_info .copy dd { color:#979797; font-size:14px; }
footer #bottom .btm_info .copy p { margin-top:3px; color:#979797; font-size:14px; }
footer #bottom .btm_visitor { position:absolute; z-index:20; top:20px; right:0; }
footer #bottom .btm_visitor li { float:left; margin-left:20px; }
footer #bottom .btm_visitor li:first-child { margin-left:0px; }
footer #bottom .btm_visitor li span { margin-right:10px; color:#cdcdcd; font-size:14px; line-height:14px; }
footer #bottom .btm_visitor li span.tit { display:inline-block; padding:5px 15px; border-radius:30px; background:#171717; }
footer #bottom .btm_visitor li.today span.num { color:#ffffff; font-weight:600; }
footer #bottom .btm_visitor li.total span.num { color:#cfcfcf; }
footer>div { position:relative; }
.mb_top_btn { display:none; position:absolute; z-index:5; top:15px; right:20px; }
.mb_top_btn a { display:block; width:45px; height:45px; }
.mb_top_btn a img { width:100%; }

#data_control .info, #data_control .control, #data_control .control .manager, #data_control .control .reply { border-color:#dddddd; }

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

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

@media all and (max-width:1199px) {
	header nav #submenu6 ul.group:first-child { margin:0 0 0 39%; }
	header nav #submenu3 ul.group, header nav #submenu5 ul.group, header nav #submenu7 ul.group { padding:0; }
	header nav #submenu3 ul.group { margin:0 0 0 33%; }
	header nav #submenu5 ul.group { margin:0 0 0 69%; }
	header nav #submenu7 ul.group { margin:0 0 0 85%; }
	footer #banner_rolling { padding:0 20px; }
	footer #banner_rolling .list li { padding:0 15px; }
	footer #bottom { padding-left:20px; padding-right:20px; }
	footer #bottom .btm_visitor { display:none; }
	.mb_top_btn { display:block; }
}

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

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

@media all and (max-width:768px) {
	#allmenu div.allmenuBox div#array_menu { padding:20px 20px 0 20px; height:400px; } 
	#allmenu div.allmenuBox div#array_menu>ul>li>a { padding-bottom:30px; }
	#allmenu div.allmenuBox div#array_menu>ul>li:first-child { padding-top:20px; }
	#allmenu div.allmenuBox div#array_menu>ul>li>a, #allmenu div.allmenuBox div#array_menu>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li{width:50%}
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li.long>ul li{width:48%}
	#allmenu div.allmenuBox div#array_abc>ul>li>a, #allmenu div.allmenuBox div#array_abc>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li{width:47%}
	header h1 { padding:20px 0; width:100px; }
	header h1 img { width:100%; }
	header .mb_search_btn>a  { display:block; }
	header nav h2 a { display:block; }
	header nav>div>ul { position:absolute; z-index:10; width:100%; background:#ffffff; }
	header nav>div>ul>li { width:100% !important; text-align:left; border-bottom:1px solid #dddddd; }
	header nav>div>ul>li>a { padding:15px 20px; }
	header nav .under_hover>li>a:before { height:0px; }
	header nav .submenu { position:static; background:#f5f5f5; border-top:1px solid #eeeeee; }
	header nav .submenu ul.group { margin:0 !important; width:100% !important; height:auto !important; }
	header nav #submenu3 ul.group, header nav #submenu5 ul.group, header nav #submenu7 ul.group { padding:0 25px; }
	header nav .submenu ul.group>li>ul { display:none; }
	header nav .submenu>div { padding:10px 0; }
	header nav .submenu>div>ul.group>li>a { margin-bottom:0px; padding:5px 0; font-size:15px; font-weight:400; }
	header #right_search { top:75px; width:100%; }
	header #right_search form input { height:50px }
	header #right_search form input[type=text] { padding-left:20px; box-sizing:border-box; }
	header #right_search form input[type=submit] { color:#ffffff; background:#333333; font-size:15px; text-align:center; }
	footer #banner_rolling { display:none; }
	footer #bottom .btm_visitor { display:none; }
 
}

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

@media all and (max-width:480px) {
	header, footer { min-width:300px; }
	footer #bottom span.copy_w { color:#ffffff !important; }
	footer #bottom .btm_info .copy>div { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #555555;  }
	footer #bottom .btm_info .btm_menu li { width:31.5%; margin-right:1%; text-align:center; background:#484848; border:1px solid #000000; border-radius:3px; }
	footer #bottom .btm_info .btm_menu li:after { width:0; }
	footer #bottom .btm_info .btm_menu li:last-child { margin-right:0%; }
	footer #bottom .btm_info .btm_menu li a { display:block; padding:10px 0; font-size:13px; }
	footer #bottom .btm_info .btm_menu li a span { display:block; }
	footer #bottom .btm_info .copy dd.add, footer #bottom .btm_info .copy span { display:block; }
	.mb_top_btn { top:100px; }
}