@charset "utf-8";
/************** 공통 **************/
*{margin:0;padding:0;}
html, body {font-family:'맑은 고딕','돋움',dotum,sans-serif;font-size:12px; background:#e1e1e1; height:100%; color:#333;}
ul, ol, dl, dd, dt, li	{list-style-type:none; margin:0; padding:0px;}
select {font-size:12px;}
fieldset {border:0;margin:0px;padding:0px; vertical-align:middle;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px; height:0px; overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;}
a {color:#666; text-decoration:none;} 
a:hover {color:#333; text-decoration:none;}

#wrap {width:100%; min-height:100%; position:relative; background:#eeeeee;}

/************** 상단 **************/
#header {position:relative;  background:#fff; padding-top:34px;}
#header .blt{position:absolute; bottom:-1px; left:0; z-index:-10; height:7px;}
#header .headerin { position:relative; z-index:100; width:980px; margin:0 auto;}
#header .headerin{position:static;}
#header .headerin:after {content:" "; display:block; clear:both;}

/************** 로고 및 유틸메뉴 **************/
#header h1 {float:left; margin-left:0; padding:0;}
.uti_menuAll{width:980px; margin:0 auto; overflow:hidden; padding:8px 0 0 0;}
.uti_menu {float:right; right:0; top:15px; list-style:none;}
.uti_menu li {float:left; color:#ddd;}
.uti_menu li a {color:#777;}
.uti_menu li.line {width:20px; text-align:center;}

/************** 네비게이션 **************/
#gnb {overflow:hidden;}
#gnb .gnbAni{float:right;}		/* 네비게이션 정렬 */
#gnb:after{content:''; clear:both; display:block; height:0;}
#gnb ul li {float:left;}
#gnb ul li.Menu_1 a {position:relative; display:block; padding:20px 25px 21px 25px; overflow:hidden;}
#gnb ul li.Menu_1 a:hover { color:#00aeef;}

/************** 모바일네비게이션 **************/
#mini_menu{position:absolute; top:2em; right:1em;display:none }
#menu_box{ padding:3em 2em 0 2em; line-height:1.8em; position:absolute; z-index:88888; top:0; right:0; width:10em; display:none; background-color:#000;}
#menu_box p{ font-size:1.4em; font-weight:bold; color:#FFF;}
#menu_box ul{ margin-bottom:1.2em; font-size:1.2em;}
#menu_box ul li a { display:block;}
#menu_box ul li a:hover { color:#00aeef;}
.Mclose{ float:right; right:1em; margin-bottom:1em;}

.tnb_r{position:absolute; display:none; background:#fff; z-index:1; margin-top:10px; padding-top:10px; padding-bottom:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;-webkit-box-shadow: 2px 2px 3px rgba(83, 83, 93, 0.28); -moz-box-shadow: 2px 2px 3px rgba(83, 83, 93, 0.28); box-shadow: 2px 2px 3px rgba(83, 83, 93, 0.28);}	/* 2뎁스 메뉴 위치및사이즈 */
.tnb_r ul{margin:0 auto; text-align:center;}
.ss{ position:absolute; text-align:center; top:-10px; margin:0 auto; left:35px;}

#gnb ul ul.Menu_2{position:relative; overflow: hidden;}
#gnb ul ul.Menu_2 li{ clear:both;}
#gnb ul ul.Menu_2 li a{padding:5px 20px; color:#999; text-align:left;}

#gnb ul.gnbAni ul.Menu_2.Alg01{}
#gnb ul.gnbAni ul.Menu_2.Alg02{}
#gnb ul.gnbAni ul.Menu_2.Alg03{}
#gnb ul.gnbAni ul.Menu_2.Alg04{}
#gnb ul.gnbAni ul.Menu_2.Alg05{}

/************** 히스토리 **************/
.History{ position:absolute; right:0; top:10px; }
.History p{font-size:0.9em;}
.History img{vertical-align:0;}
.History .his1{color:#ccc;}
.History .History1{color:#ccc;}
.History .History2{color:#999; font-size:0.9em;}
.History .History3{color:#333; font-weight:bold;}
.History .History4{color:#f60;}
.History .History4 img{vertical-align:0;color:#f60;}

.SubVgA{ background:url(../images/common/subvg_bg.jpg) 0 0 repeat;}
.SubVg{ width:980px; height:111px; margin:0 auto;}
/* 줌 */
.zoom{ position:absolute; right:0; margin:10px 0 0 0;}

/* 왼쪽메뉴 */
.LeftMenu{ float:left; width:188px; margin-top:0; margin-bottom:50px;} 
.LeftMenu h2{color:#fff; font-size:1.6em; letter-spacing:-1px; text-align:center; padding:25px 0 25px 0; background:url(../images/common/left_t_bg.jpg) 0 0 no-repeat;}
.LeftMenu ul {margin:0; padding:0;}
.LeftMenu ul li a{color:#111; display:block; padding:20px 0 20px 30px;letter-spacing:-1px; font-size:14px;}
.LeftMenu ul li a:hover{font-weight:bold; color:#000; letter-spacing:-1px; display:block; padding:20px 0 20px 30px;background:#e4e4e4;}
.LeftMenu ul li{margin:0px;  border-bottom:#e4e4e4 2px solid;}
.LeftMenu ul li.on{border-bottom:#e4e4e4 2px solid; }
.LeftMenu ul li.on a{font-weight:bold; color:#00aef0; font-size:16px;background:#e4e4e4;}

/************** 하단 **************/
#Footer{ position:relative; width:100%; background:#eeeeee; border-top:#dfdfdf 1px solid; padding-top:20px;}
.footer { position:relative; width:980px; margin:0 auto; padding-top:0px;}
.footer .link01 {position:absolute; left:0; top:0; color:#737373;}
.footer .link01 a {color:#a8a8a8;}
.footer .link02 {position:absolute; right:0; top:0; color:#737373;}
.footer .link02 a {color:#a8a8a8;}
.footer .copyright {clear:both; top:0; left:130px; width:610px; padding:0 0 30px 10px; color:#ccc; position:relative;}
.footer .copyright span{ font-weight:bold; color:#333;}
.footer .copyright p {color:#7f7f7f; margin-bottom:5px; font-size:11px;}
div.footMenu table th, div.footMenu table td {color:#777;}

.SearchSelect{ padding:3px; border:4px #CCC solid;}



/* 컨텐츠영역 - 내용 */	
#container{ width:100%; background:#eeeeee; overflow:hidden; margin-bottom:50px;}
.containerIn{width:980px; margin:0 auto;}
#content { float:right; width:704px; padding:0 10px 40px 0;}
.ConMTitle{position:relative; margin:0 0 50px 0; padding-top:30px; }
.ConMTitle h3{margin:0;display:inline; letter-spacing:-1px; color:#494949; font-size:2em;}
.ConMTitle p{margin-top:5px; color:#999; font-size:11px; font-style:italic}

.ConMView{padding: 0 0 50px 0; line-height:20px; letter-spacing:-1px; overflow:hidden;}
.McontainerIn{ overflow:hidden; width:980px; margin:0 auto; margin-top:20px; margin-bottom:20px;}





@media all and (max-width : 370px) {
#header {padding-top:2em;}
#container{ padding-top:1em;}
.McontainerIn{ margin:0 0; width:100%;}
.History{left:0;}
.History p{ font-size:1.2em;}
#header h1 { margin-left:1em; width:60%; padding-bottom:0.5em;}

.uti_menuAll{width:100%;}
#header .headerin {width:100%;}
.SubVg{width:100%;}
.footer {width:auto; padding:0 1em; text-align:center;}
.footer .link01{display:none;}
.footer .link02 {display:none;}
.footer .copyright{left:0;padding:0 0 3em 0; width:100%;}
.footer .copyright .addr {display:none;}
.footer .copyright .copy {width:100%; font-size:1.2em;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.LeftMenu{display:none;}
.containerIn{width:auto; padding:0 1em;}
#content {width:100%; padding:0 0 4em 0;}
.ConMView{}
.SubVgA{display:none;}
.SubVg{width:100%; height:100%; margin-left:1em; margin-right:1em;}
}

@media all and (max-width : 750px) {
#header {padding-top:2em;}
#container{ padding-top:1em;}
.McontainerIn{ margin:0 0; width:100%;}
.History{left:0;}
.History p{ font-size:1.2em;}
#header h1 { margin-left:1em; width:60%; padding-bottom:0.5em;}

.uti_menuAll{width:100%;}
#header .headerin {width:100%;}
.SubVg{width:100%;}
.footer {width:auto; padding:0 1em; text-align:center;}
.footer .link01{display:none;}
.footer .link02 {display:none;}
.footer .copyright{left:0;padding:0 0 3em 0; width:100%;}
.footer .copyright .addr {display:none;}
.footer .copyright .copy {width:100%; font-size:1.2em;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.LeftMenu{display:none;}
.containerIn{width:auto; padding:0 1em;}
#content {width:100%; padding:0 0 4em 0; }
.ConMView{}
.SubVgA{display:none;}
.SubVg{width:100%; height:100%; margin-left:1em; margin-right:1em;}
}