@charset "utf-8";
#container .sub_title .con { position:relative; width:100%; height:50px; background:#fff; }
#container .sub_title .con .location { position:absolute; left:0; }
#container .sub_title .con .location li { float:left; margin-right:10px; margin-top:13px; padding-left:10px; background:url(/open_content/dong/images/sub/location_arrow.gif) no-repeat left center; }
#container .sub_title .con .location li:first-child { width:16px; padding-left:0; background:url(/open_content/dong/images/sub/location_home.gif) no-repeat left center; text-indent:-5000px; }
#container .sub_title .con .sns{ position:absolute; right:0; }
#container .sub_title .con .sns li { float:left; margin-left:5px; margin-top:11px; }
#container .sub_title .con .sns li a { display:block; width:25px; height:25px; border-radius:25px; overflow:hidden; text-indent:-5000px; background-size:20px; }
#container .sub_title .con .sns li.sns01 a { background:url(/open_content/share/images/inc/ic_sns01.gif) no-repeat center center; background-size:25px; }
#container .sub_title .con .sns li.sns02 a { background:url(/open_content/share/images/inc/ic_sns02.gif) no-repeat center center; background-size:25px; }
#container .sub_title .con .sns li.sns03 a { background:url(/open_content/share/images/inc/ic_sns04.gif) no-repeat center center; background-size:25px; }
#container .sub_title .con .sns li.sns04 a { background:url(/open_content/share/images/inc/ic_sns03.gif) no-repeat center center; background-size:25px; }
#container .sub_title .con .sns li.print a { background:url(/open_content/share/images/inc/ic_print.gif) no-repeat center center; background-size:25px; }
#container .sub_title h3 { padding:53px 0; font-size:40px; color:#fff; text-align:center; text-shadow:0px 1px rgba(0, 0, 0, 0.75); }
#container #leftmenu p.tit { padding:29% 0; background:#3371be; font-size:25px; font-weight:600; color:#fff; letter-spacing:-0.5px; text-align:center; }
#container #leftmenu>ul>li { position:relative; border-bottom:1px solid #ccc; }
#container #leftmenu>ul>li>a { display:block; padding:8% 10%; font-size:18px; }
#container #leftmenu>ul>li.select>a, #container #leftmenu>ul>li>a:hover { background:url(/open_content/dong/images/sub/leftmenu_select.gif) no-repeat 90% center; font-weight:600; color:#1254a7; }
#container #leftmenu>ul>li.link>a:hover { background:url(/open_content/dong/images/sub/leftmenu_link.gif) no-repeat 90% center; }
#container #contents { float:right; width:77%; }
#container #contents #tab ul { position:relative; margin:40px 0 40px 0; border-left:1px solid #ccc; }
#container #contents #tab ul li { float:left; width:16.6%; border:1px solid #ccc; border-left:0px; -moz-box-sizing:border-box; box-sizing:border-box; background:#f8f8f8; text-align:center; }
#container #contents #tab ul li.select { border:1px solid #1254a7; background:#3371be; }
#container #contents #tab ul li a { display:table; width:100%; }
#container #contents #tab ul li a p { display:table-cell; height:52px; font-size:16px; text-align:center; vertical-align:middle; }
#container #contents #tab ul li.select a p { font-weight:600; color:#fff; text-decoration:underline; }
#container #contents #tab ul.col2 { left:50%; margin-left:-20.6%; }
#container #contents #tab ul.public { border-top:1px solid #ccc; }
#container #contents #tab ul.public li { width:20%; border-top:none; }
#stab ul { position:relative; margin-top:5px; margin-bottom:4%; padding:2% 2.5%; border:1px solid #ccc; background:#f8f8f8; z-index:2; }
#stab ul li { display:inline-block; min-width:19.5%; }
#stab ul li a { display:block; position:relative; padding-top:2px; padding-bottom:2px; padding-left:10px; }
#stab ul li a::after, #stab ul li a:after { display:block; position:absolute; left:1px; top:11px; width:4px; height:1px; background:#666; content:''; }

#container #detail_con { min-height:400px; }

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

@media screen and (max-width:1030px){
	#container #contents { width:68%; }
}

@media screen and (min-width:769px){
	#container { background:url(/open_content/dong/images/sub/sub_visual_bg.png) repeat-x left 50px, url(/open_content/dong/images/sub/sub_visual.jpg) no-repeat left 50px; background-size:auto auto, 100% 165px; }
	#container .wrapper { overflow:hidden; background:url(/open_content/dong/images/sub/leftmenu_bg.gif) repeat-y left top; }
	#container #leftmenu { float:left; width:220px; padding-top:50px; }
}
@media screen and (max-width:768px){
	#container #leftmenu p.tit { position:relative; padding:10px 3%; text-align:left; font-size:20px}
	#container #leftmenu p.tit a { display:block; position:absolute; left:0px; top:0px; width:100%; height:48px; background:url(/open_content/dong/images/sub/mb_submenu.gif) no-repeat 97% center; text-indent:-5000px; }
	#container #leftmenu>ul { position:absolute; width:100%; background:#fff; z-index:996; }
	#container #leftmenu>ul>li>a { padding:10px 3%; font-size:16px; }
	#container #leftmenu>ul>li.select>a, #container #leftmenu>ul>li>a:hover { background-position:97% center; }
	#container .sub_title .con { display:none; }	
	#container .sub_title h3 { padding:20px 3%; border-bottom:1px solid #ccc; font-size:30px; color:#131313; text-align:left; text-shadow:none; }
	#container #contents { width:100%; }
	#container #detail_con { padding-left:3%; padding-right:3%; }
	#container #contents #tab ul { left:1.5% !important; margin:20px 3% 5% 0; border-top:1px solid #ccc; }
	#container #contents #tab ul.col2 { margin-left:0; }
	#container #contents #tab ul.col2 li { width:50%; }
	#container #contents #tab ul li, #container #contents #tab ul.public li { width:33.3%; border-top:none; }
	#container #contents #tab ul li a p { font-size:14px; }
}