@charset "utf-8";
.wrapper { margin:0px auto; max-width:1100px; }
input[type=submit] { cursor:pointer; }
#allmenu { display:none; position:absolute; left:0px; top:0px; width:100%; padding:0px 0px; z-index:12; }
#allmenu:before { display:block; content:''; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1; }
#allmenu .wrapper { margin:6% auto; position:relative; }
#allmenu p.btn_close { position:absolute; right:20px; top:20px; }
#allmenu p.btn_close a { display:block; position:relative; width:40px; height:40px; text-indent:-5000px; }
#allmenu p.btn_close a:after,
#allmenu p.btn_close a:before { display:block; content:'' ; position:absolute; top:10px; right:50%; background:#3e3e3e; width:3px; height:40px; border-radius:3px; }
#allmenu p.btn_close a:after { transform:rotate(45deg); } 
#allmenu p.btn_close a:before { transform:rotate(-45deg); }
#allmenu div.allmenuBox { background:#fff; border-radius:10px; text-align:left }
#allmenu div.allmenuBox div#array_menu{padding:4% 3%; overflow:hidden}
#allmenu div.allmenuBox div#array_menu>div { float:left; width:16%; margin:2%; }
#allmenu div.allmenuBox div#array_menu.col6>div { width:13.6%; margin:1.5%; }
#allmenu div.allmenuBox div#array_menu>div p.tit { margin-bottom:20px; padding-top:130px; text-align:center; font-size:18px; color:#222; font-weight:bold; }
#allmenu div.allmenuBox div#array_menu>div.allmenu1>p.tit { background:url(/open_content/dong/images/allmenu_ic01.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu2>p.tit { background:url(/open_content/dong/images/allmenu_ic02.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu3>p.tit { background:url(/open_content/dong/images/allmenu_ic03.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu4>p.tit { background:url(/open_content/dong/images/allmenu_ic04.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu5>p.tit { background:url(/open_content/dong/images/allmenu_ic05.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu6>p.tit { background:url(/open_content/dong/images/allmenu_ic06.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div>ul{border-bottom:1px solid #ccc}
#allmenu div.allmenuBox div#array_menu>div>ul>li{border-top:1px dotted #ccc}
#allmenu div.allmenuBox div#array_menu>div>ul>li:first-child{border-top:2px solid #333}
#allmenu div.allmenuBox div#array_menu>div>ul>li>a { padding-left:10px; color:#484848; font-size:16px; font-weight:bold; }
#allmenu div.allmenuBox div#array_abc>div { padding:40px 0px; border-top:1px solid #dddddd; overflow:hidden; }
#allmenu div.allmenuBox div#array_abc>div:first-child { border-top:0px; }
#allmenu div.allmenuBox div#array_abc>div>p.tit { text-align:center; }
#allmenu div.allmenuBox div#array_abc>div>ul { overflow:hidden; }
#allmenu div.allmenuBox div#array_abc>div>ul>li { display:inline-block; margin:3px 0px;  min-width:19.5%; }
#allmenu div.allmenuBox div#array_abc>div>ul>li a { display:block; padding-left:5px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }

#allmenu div.familyBox { padding:1.5%; background:#3e3e3f; border-radius:15px;  }
#allmenu div.familyBox ul{overflow:hidden}
#allmenu div.familyBox ul li { float:left; width:11%; }
#allmenu div.familyBox ul li:last-child { border:0px; box-shadow:none }
#allmenu div.familyBox ul li a { display:block; padding-top:60px; padding-bottom:10px;  color:#fff; font-weight:bold; font-size:13px; text-align:center; letter-spacing:-1px; }
#allmenu div.familyBox ul li.family01 a { background:url(/open_content/share/images/inc/ic_family01.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family02 a { background:url(/open_content/share/images/inc/ic_family02.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family03 a { background:url(/open_content/share/images/inc/ic_family03.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family04 a { background:url(/open_content/share/images/inc/ic_family04.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family05 a { background:url(/open_content/share/images/inc/ic_family05.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family06 a { background:url(/open_content/share/images/inc/ic_family06.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family07 a { background:url(/open_content/share/images/inc/ic_family07.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family08 a { background:url(/open_content/share/images/inc/ic_family08.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family09 a { background:url(/open_content/share/images/inc/ic_family09.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family10 a { background:url(/open_content/siteall/images/siteall_ic12.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family11 a { background:url(/open_content/siteall/images/siteall_ic13.png) no-repeat center 10px; }

header { padding-top:20px; border-bottom:2px solid #3371be; background:#fff; }
header h1 { margin-bottom:20px; padding-left:63px; background:url(/open_content/dong/images/logo.gif) no-repeat left center; }
header h1 a { color:#1254a7; font-size:25px; }
header h1 a span { display:block; color:#131313; font-size:13px; line-height:180%; }
header nav { float:right; width:76%; }
header nav #lnb>li { position:relative; float:left; width:20%; }
header nav #lnb.col6>li { width:16.6%; }
header nav #lnb>li a { display:block; }
header nav #lnb>li>a { padding:23px 0; color:#131313; font-size:18px; font-weight:600; text-align:center; text-decoration:none; }
header nav #lnb>li>a:hover, header nav #lnb>li.on>a { margin-top:-4px; color:#1254a7; border-bottom:4px solid #3371be; }
header nav #lnb>li.select>a { font-size:19px; color:#1254a7; font-weight:800; }
header nav #lnb>li:nth-child(even) .submenu { border-left:1px solid #dadada; border-right:1px solid #dadada; background:#f5f5f5; }
header nav #lnb .submenu { display:none; position:absolute; left:0px; width:100%; height:230px; padding-top:10px; z-index:999; }
header nav #lnb .submenu a { margin:5px 0; text-align:center; }

footer { overflow:hidden; border-top:1px solid #ccc; background:#fff; }
footer address { line-height:180%; }
footer .con2 { margin-top:1%; }
footer .con2 select { border:1px solid #dadada; }1.5%; background:#f9f9f9; border:1px solid #eee; font-size:13px}
footer .con2 ul { width:15%; float:right; }
footer .con2 ul li { position:relative; padding-right:40px; margin-top:4px; text-align:right;}
footer .con2 ul li:first-child { margin-top:0px; }
footer .con2 ul li select { width:100%; }
footer .con2 ul li input[type=button] { position:absolute; right:0px; top:0px; padding:2px 5px; vertical-align:middle; background:#f0f0f0; border:1px solid #ddd; cursor:pointer; }

#data_control .control .satisfy ul.con li {margin-right:10px;}
#data_control .control .satisfy ul.con li label {font-size:14px;}

@media screen and (min-width:769px){
	.dp_mb { display:none; }
	.pc_block { display:block; }
	header h1 { float:left; }
	header .submenu_bg { display:none; position:absolute; left:0px; top:131px; width:100%; height:240px; background:#fff; border-top:1px solid #dadada; border-bottom:2px solid #3371be; box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); z-index:10; }
	footer { padding-top:30px; padding-bottom:30px; }
	footer .con { float:left; width:70%; }
	footer .con2 { float:right; width:15%; }
	footer .btm_menu { overflow:hidden; margin-bottom:10px; }
	footer .btm_menu li { float:left; padding-left:1.5%; padding-right:1.5%; background:url(/open_content/dong/images/btm_bar.gif) no-repeat left center; }
	footer .btm_menu li:first-child { padding-left:0; background:none; }
	/* footer .con2 .visitor { float:left; width:41%; margin-right:2%; padding:13px 3%; border:1px solid #dadada; background:#f5f5f5; } */
	/* footer .con2 ul { float:left; width:50%; } */
	footer .con2 select { width:100%; margin-bottom:3px; }
	#data_control .control .satisfy ul.con {padding-left:120px; font-size:0;}
}

@media screen and (max-width:768px){
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_hidden, .mb_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }
	
	#gnb div.gnb_search { width:100%; margin-top:0; padding:10px 0; border:none; background:#3371be; border-radius:0; }
	#gnb div.gnb_search input[type=text] { width:90%; margin:0 2%; padding:6px 10px; background:#fff; border-radius:30px; }
	#gnb div.gnb_search input[type=submit] { right:10px; top:7px; background:#1254a7; border:1px solid #1254a7; color:#fff; }
	header { position:relative; min-height:70px; }
	header h1 { position:absolute; left:50%; margin-left:-105px; }	
	header h2, 
	header .mb_btn_search { position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; }
	header h2 a, 
	header .mb_btn_search a { display:block; width:38px; height:38px; text-indent:-50000px; }
	header h2 { right:10px; }
	header h2 a { background:url(/open_content/dong/images/mb_menu.gif) no-repeat; }
	header .mb_btn_search { left:10px; }
	header .mb_btn_search a { background:url(/open_content/dong/images/mb_search.gif) no-repeat; }
	header nav { width:100%; }
	header nav #lnb { position:absolute; top:90px; width:100%; border-top:1px solid #dadada; border-bottom:2px solid #3371be; background:#fff; z-index:999; }
	header nav #lnb>li, header nav #lnb.col6>li  { width:100%; border-top:1px solid #1254a7; background:#3371be; }
	header nav #lnb>li:first-child { border-top:none; }
	header nav #lnb>li>a { padding:10px; color:#fff; text-align:left; }
	header nav #lnb>li>a:hover, header nav #lnb>li.select>a { margin-top:0; border-bottom:none; color:#fff; }
	header nav #lnb .menu1 .submenu, header nav #lnb .menu3 .submenu, header nav #lnb .menu5 .submenu { border-left:1px solid #dadada; border-right:1px solid #dadada; background:#f5f5f5; }
	header nav #lnb .submenu { position:static; height:auto; padding:10px; border-top:1px solid #dadada; background:#f5f5f5; }
	header nav #lnb .submenu a { text-align:left; }
	footer  { position:relative; }
	footer .btm_menu, footer .con2 .visitor { display:none; }
	footer .con { margin-top:40px; padding:20px; }
	footer .con2 { position:absolute; top:10px; width:100%; }
	footer .con2 li { float:left; width:33.3%; text-align:center; }
	footer .con2 select { width:90%; }
	footer .con2 ul { position:absolute; left:0px; top:10px; width:100%; }
	footer .con2 ul li { float:left; width:33%; margin-top:0px; }
	footer .con2 ul li select { width:96%; }
}