@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/**, body { font-family:'Noto Sans KR', sans-serif; font-weight:normal; }*/

::-webkit-scrollbar { width:4px; height:4px; }
::-webkit-scrollbar-track {background-color:#eaeaea;border-left: 0px solid #ccc;}
::-webkit-scrollbar-thumb {background-color:#aaa;}
/*::-webkit-scrollbar-thumb:hover { background-color:#999; }*/

#gnb { border-bottom:none; }
#gnb ul.gnb_menu li.lang { display:none; }

.wrapper { max-width:1200px; margin:0px auto; }
.wrapper:after { display:block; content:''; clear:both; }

.rel { position:relative !important; }

#allmenu div.allmenuBox.wrapper { width:1200px; }
#allmenu div.allmenuBox div#array_menu { padding:20px 10px; }
#allmenu div.allmenuBox div#array_menu>ul>li { padding:40px 20px 40px; border-top:0px; float:left; width:16.6%; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu2, #allmenu div.allmenuBox div#array_menu>ul>li.menu4, #allmenu div.allmenuBox div#array_menu>ul>li.menu6{background:#fff}
#allmenu div.allmenuBox div#array_menu>ul>li>span { display:block; padding-top:150px; padding-bottom:0px; width:100%; text-align:center; font-size:23px; font-weight:bold}
#allmenu div.allmenuBox div#array_menu>ul>li.menu1>span { background:url(/monitor/images/inc/allmenu_ic01.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu2>span { background:url(/monitor/images/inc/allmenu_ic02.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu3>span { background:url(/monitor/images/inc/allmenu_ic03.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu4>span { background:url(/monitor/images/inc/allmenu_ic04.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu5>span { background:url(/monitor/images/inc/allmenu_ic05.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu6>span { background:url(/monitor/images/inc/allmenu_ic06.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>ul>li>div { float:none; width:100%; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul { overflow:hidden; padding-top:28px; width:80%; margin:0 10%; box-sizing:border-box; margin:0 auto; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li { float:none; width:100%; margin-bottom:0px; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a { display:block; position:relative; margin-bottom:0px; font-weight:bold; font-size:15px; font-weight:normal; padding-left:15px; background:url(/monitor/images/contents/ssssblet.gif) no-repeat left 6px; }
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a:after { display:none; content:''; position:absolute; left:0px; top:-8px; width:16px; height:2px; background:#905438 }
#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a { display:inline-block; padding-left:10px; background:url(/monitor/images/contents/ssssblet.gif) no-repeat left 10px; }

#top { position:absolute; z-index:999; width:100%; height:80px; background:rgba(0,0,0,0.7); }
#top:after { display:block; overflow:hidden; content:''; }
#top h1 { position:relative; float:right; margin-top:15px; text-align:right; }
#top h1 img { max-width:100%; }
/*#top nav h2 { position:absolute; top:0; left:0; background:#202020; width:155px; text-align:center; }
#top nav h2 a { display:block; height:80px; background:url('/monitor/images/inc/menu_btn.png') no-repeat center 32px; text-indent:-99999px; }*/

#lnb { position:fixed; top:0px; left:-360px; z-index:9999; background:#1c1d22; width:360px; height:100%; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
#lnb_btn { position:absolute; top:0; left:0; width:155px; height:80px; background:#202020 url('/monitor/images/inc/menu_btn.png') no-repeat center 32px; display:block; cursor:pointer; text-indent:-99999px; }
#lnb_close { display:none; position:absolute; top:40px; right:0; margin-right:-155px; width:155px; height:80px; background:#202020 url('/monitor/images/inc/menu_btn_close.png') no-repeat center 32px; display:block; cursor:pointer; text-indent:-99999px; }
#lnb.open { left:0px; }

#lnb .top_location { padding:70px 40px 40px; overflow:hidden; }
#lnb .top_location ol li { position:relative; margin-left:8px; padding-left: 13px; float:left; background:url('/monitor/images/inc/location_arrow.gif') no-repeat left center; font-size:15px; color:#fff; }
#lnb .top_location ol li.home { font-weight:bold; color:#4799ff; margin-left:0; padding-left:0; background:none; }
#lnb>ul { overflow-y:auto; height:85.3%; }
#lnb>ul>li.dept span { display:block; background:url('/monitor/images/inc/left_dept.gif') no-repeat right center; }
#lnb>ul>li.dept:hover span { display:block; background:url('/monitor/images/inc/left_dept_on.gif') no-repeat right center; }
#lnb>ul>li.select.dept span { display:block; background:url('/monitor/images/inc/left_dept_on.gif') no-repeat right center; }
#lnb>ul>li>a { display:block; padding:20px 40px; font-size:16px; color:#dddddd; }
#lnb>ul>li>a:hover { background:#2f88f6; font-weight:bold; color:#fff; }
#lnb>ul>li.select>a { background:#2f88f6; font-weight:bold; color:#fff; }
#lnb>ul>li>ul { display:none; padding:20px 40px; background:#424349; }
#lnb>ul>li>ul>li { margin-top:7px; padding-left:15px; background:url('/monitor/images/inc/left_dot.gif') no-repeat left center; }
#lnb>ul>li>ul>li:first-child { margin-top:0; }
#lnb>ul>li>ul>li>a { display:block; color:#fff; }
#lnb>ul>li>ul>li>a:hover { font-weight:bold; }

/*#top nav #lnb>ul {float:right;}
#top nav #lnb>ul>li { position:relative; float:left; padding-right:5%; }
#top nav #lnb>ul>li>a { display:block; text-align:center; font-size:21px; color:#222222; font-weight:bold; padding-bottom:35px; }
#top nav #lnb>ul>li:hover>a { color:#7a54ad; text-decoration:none; font-weight:bold; }
#top nav #lnb>ul>li.on a { color:#7a54ad; text-decoration:none; font-weight:bold; }

#top nav .submenu { display:none; overflow:hidden; position:absolute; width:100%; height:320px; font-size:13px; z-index:101;}
#top nav .submenu>ul { height:320px; padding-top:20px; }
#top nav .submenu>ul>li { margin-bottom:10px; font-size:15px; letter-spacing:-1.5px; text-align:left; }
#top nav .submenu>ul>li>a { color:#484848; }
#top nav .submenu>ul>li>a:hover, #top nav .submenu>ul>li>a:active { font-weight:bold; color:#6941a0; }
#menuBg { display:none; position:absolute; left:0; top:87px; min-width:1200px; width:100%; height:340px; background:#f9f9f9; z-index:100; border-top:1px solid #d8d8d8; border-bottom:1px solid #cdc5d9; box-shadow:1px 2px 3px #e7e7e7; }
#menuBg.on { display:block; }*/

footer { background:#2f2f35; }
footer div.bottom{ padding:40px 0px; overflow:hidden; text-align:center; }
footer div.bottom .copyright { font-family:'Noto Sans KR', sans-serif; font-size:14px; /*font-weight:bold;*/ color:#9a9a9f; }

.sm_point { margin-left:5px; font-size:13px; color:#999; font-weight:normal; }

@media screen and (max-width:1200px){
	#top h1 { margin-right:2%;}

	#allmenu div.allmenuBox.wrapper { width:100%; }
	#allmenu div.allmenuBox div#array_menu>ul>li{width:100%; text-align:center; margin-bottom:10px; padding:0; }
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a {background:none; }
}

@media all and (min-width:768px){
	.dp_mb { display:none; }
	.pc_block { display:block; }
	.pc_inline { display:inline; }
	.pc_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; }
}

@media screen and (max-width:767px){
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_inline { display:inline; }
	.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; }

	/*#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%}*/
}

@media screen and (max-width:770px){
	#top h1 { margin-top:20px; }
	#top h1 img { max-width:80%; }

	#lnb { position:fixed; top:0px; left:-100%; z-index:9999; background:#1c1d22; width:100%; height:100%; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
	#lnb_btn { position:absolute; top:0; left:0; width:59px; background-position:-53px 32px; }
	#lnb_close { margin-right:15px; margin-left:-59px; width:59px; height:59px; background-color:#1c1d22; background-position:-57px 32px; }
}