@charset "utf-8";
/* CSS Document */

@import url("/mobile/css/basic.css");


@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
body{font:12px '나눔고딕', NanumGothic, 'Nanum Gothic'; color:#6a6d6f;}

body .row {max-width: 640px; }

.bgno{background:none !important;}

.backtop{overflow:hidden; width:100%; margin:20px 0 5px 0; float:left;}
.backtop li{width:auto; float:left;}
.backtop li.bakc{float:left;}
.backtop li.top{float:right;}


body{/**/}


#wrap{position:relative; width:100%; margin:0 auto;}


#header{position:relative; width:100%; height:60px; float:left; z-index:2000;}
#header h1{height:60px; margin:12px 0 0 15px;}
#header .top_tel{position:absolute; top:10px; right:60px;}
#header .top_sitemap{position:absolute; top:10px; right:5px;}

/*사이트맵 레이어*/
#header .sitemap{position:absolute; top:-10px; right:-5px; width:265px; height:290px; z-index:1000; background:#2c313c;}
#header .sitemap .sitemap_cc{width:237px; margin:0 auto; padding:10px 13px 0px 13px; z-index:1000; overflow:hidden;}
#header .sitemap .sitemap_cc a {color:#ffffff;}
#header .sitemap .stitle{padding:18px 0 0 5px;}
#header .sitemap .scolse{position:absolute; top:15px; right:15px;}
#header .sitemap .stop{width:237px; height:55px; margin:0 auto; background:url(/mobile/images/sitemap_title_bg.jpg) repeat-x bottom left;}

#header .sitemap ul{width:100%; margin:10px 0 10px 0px; float:left; overflow:hidden;}
#header .sitemap ul li{float:left; width:114px; margin:0 0 10px 0; padding:0;}
#header .sitemap ul li p{float:left; width:87px; color:#ffffff; background:url(/mobile/images/sitemap_dot.jpg) no-repeat 0 6px; padding-left:10px;}
#header .sitemap ul li ul{float:left; width:200px; margin:5px 0 0 11px;}
#header .sitemap ul li ul li{margin:0; padding:0 0 4px 0; float:none; width:104px; background:url(/mobile/images/sitemap_dot2.jpg) no-repeat 0 8px; padding-left:10px;}


#mcontents{width:100%; margin:0; padding:15px 0 5px 0px; float:right;background:#aad4ea url(/mobile/images/main_bg.jpg) repeat-x;}


/*아이콘*/
#mcontents .icons{position:relative; width:100%; margin:0 auto; overflow:hidden;}
#mcontents .icons ul{width:89%; padding:0 0 0 5px; margin:0 auto;}
#mcontents .icons ul li{float:left; margin:0 0 2px 0; width:30%; text-align:center;}
#mcontents .icons ul li img {max-width:80%;}


#footer{position:relative; width:100%; height:2px; margin:0; padding:0 0 1px 0; background-color:#4398cf; repeat-x; clear:both; line-height:100%;}

.foot{width:340px; margin:0 auto; font-size:8pt; }

.foot ul{overflow:hidden; width:325px; margin:0 auto; padding:0;}
.foot ul li{float:left; padding:0; background:url(/mobile/images/foot_list_bar.jpg) no-repeat left 10px;}
.foot ul li a{display:block; padding:00px 15px 0px 15px; color:#ffffff;}

.foot address{width:100%; margin:0; padding-top:5px; line-height:16px;}
.foot address span{font-weight:bold; color:#c97a3d;letter-spacing:-1px;}
.foot p{margin:0; line-height:16px;}




/*sub lnb*/
#body {height:37px; float:left; width:100%; position:relative; background:url(/mobile/images/gnb_bg.png) repeat-x 0 0; margin:0 auto;}
#body .location {position:relative;width:100%;height:37px; z-index:999;margin:0 auto;text-align:left;}
#body.main .location {z-index:999;}
#body .location p {height:36px; background:url(/mobile/images/gnb.png) no-repeat 0 0;}
#body .location p a{float:left;display:block;position:relative;width:33%; height:37px; line-height:3; font-weight:bold; color:#fff;}
#body .location p a span {display:block;position:relative;width:100%;height:37px; /*background:url(/mobile/images/gnb.png) no-repeat right -121px;*/ cursor:pointer; /*padding-left:10%;*/ text-indent:10px;}
#body .location p a.loc01 span {background-position:right -165px;}
#body .location p a.loc01.on span {background-position:right -80px;}
#body .location p a.loc02 span {background-position:right -165px;}
#body .location p a.loc02.on span {background-position:right -80px;}
#body .location .container {z-index:999;padding-top:0;}
#body .location .list {visibility:hidden;width:50%;float:left;*z-index:999;}
#body .location .list a {display:block; padding:5px 10% 8px 10%; color:#1c3528; font-weight:bold; }
#body .location .list li {background:#9ab7a8;}
#body .location .list li.on {background:#1c3528; border-top:0; }
#body .location .list li.on a {color:#fff;}

.idepth1{position:relative; /*left:15px;*/}
.idepth2{position:relative;}

#body .location p a.loc01{z-index:9999 !important; }
#body .location p a.loc02{z-index:999 !important;}


/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	#body .location .list {visibility:hidden;width:100%; position:absolute; left:0; top:37px; }
	.sitemap .sitemap_cc{ height:644px;}
}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}



#contents{position:relative; width:100%; min-width:320px; margin:0 auto; overflow:hidden;}
#contents .contents_top{position:relative; width:96%; min-width:300px; margin:0 2%; overflow:hidden; padding:2% 0 0 0;}

#subMenu{position:relative; overflow:hidden; margin:0 0 0 0; border-top:1px solid #b5cfe0; border-left:1px solid #b5cfe0;}
#subMenu ul li{float:left; width:32.666666667%; border-bottom:1px solid #b5cfe0; border-right:1px solid #b5cfe0;}
#subMenu ul li img{width:100%; vertical-align:top;}

#contents .cc{position:relative; width:96%; min-width:300px; min-height:300px; margin:2%; overflow:hidden; padding:10px 0 20px 0;}
#contents .cc img {max-width:100%;}
#contents .cc h3 {background:url(/mobile/images/ico_01.png) no-repeat 0 50%; font-size:18pt; padding-left:23px; color:#000; margin-bottom:10px; letter-spacing:-2px;}

.center { margin: 0 auto; }

.row {
	/* overflow: hidden; */
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
}

/* 공통요소 */
.sub_tit {font-size:22px; font-weight:bold; color:#aad4ea; line-height:26px; letter-spacing:-1px;}
.font10{font-size:10px; line-height:14px;}
.font14{font-size:14px; line-height:18px;}
.txt{/*width:455px;*/ margin:0 15px; }
.mt30{margin-top:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb27{margin-bottom:27px;}
.mb30{margin-bottom:30px;}
.tac {text-align:center;}

.h4Symbol{margin:0 0 10px 0; padding:0 0 0 15px; letter-spacing:-1px; background:url(/mobile/images/h4bullet.gif) no-repeat left center;  color:#2d2d2d; font-size:18px; font-weight:bold;}
.h4Symbol_t{margin:30px 0 10px 0; padding:0 0 0 30px; letter-spacing:-1px; background:url(/mobile/images/h4bullet.gif) no-repeat left center;  color:#2d2d2d; font-size:18px; font-weight:bold;}