/* layout */
body{ margin:0;font-family:'NanumGothic'; }
#wrap {width:100%;height:auto;min-height:700px;}


/* nav */
#nav {height:100vh;min-height:720px;top:0;left:0;width:220px; /*background-color:#007574;*/ background-color:#004d75; }
#nav #header{height:85px;width:100%;background-color:#fff;border-bottom:1px solid #eaeaea}
#nav #header h1{position:relative;padding-top:15px;font-size:20px;text-align:center;}
#nav .quick_menu{margin:20px}
#nav .quick_menu .title{text-align:center;font-size:18px;color:#c3d4c7;width:100%;margin-bottom:10px;}
#nav .quick_menu .title p{color:#70b285;font-size:12px;padding:0}
#nav .quick_menu a{color:#bbdac5;font-weight:600;}
#nav .quick_menu li{display:inline-block;*display:inline;zoom:1;width:85px;margin:5px 0;text-align:center}
#nav .quick_menu li p{padding-top:5px}

@media all and (max-height: 730px) {
	#nav .quick_menu { display:none; } 
}
/* gnb */
#gnb{position:relative;padding:0;overflow:hidden;margin:0 auto;background-color:#00548b}
#gnb ul {}
#gnb li { margin:0;border-bottom:1px solid #004d80;width:100%;}
#gnb li.t{position:relative;text-align:center;padding:10px 0;width:220px} 
#gnb li.t a{font-size:18px;width:auto;color:#fff;}
#gnb li.t a:hover, #gnb .t a:focus, #gnb .on .tl{color:#fff;}
#gnb li a{ margin:0;}
#gnb li.on{background-color:#004e09}

/* footer */
#footer {clear:both;position:absolute;bottom:0;text-align:center;padding:15px;width:190px}
#footer .footer_in{position:relative;margin:0 auto;}
#footer .footer_in .family_site{text-align:center;background-color:#007526;width:100%;margin-bottom:10px;padding:5px 0;border:none;color:#41a268;border:1px solid #168543}
#footer .footer_in .family_site select{text-align:center;background-color:#007526;border:none;color:#41a268;}
#footer .footer_in .menu{margin:10px 0;text-align:left;}
#footer .footer_in .menu a{color:#5db1dd;font-weight:600;}
#footer .footer_in address{padding:0 0 5px 0; line-height:18px;color:#3d9f64;text-align:left;}
#footer .footer_in address span{display:inline-block;padding:0 10px 0 5px;font-size:12px;}
#footer .footer_in .txt{color:#3d9f64;line-height:18px;margin-bottom:30px;text-align:left;}
#footer .footer_in .logo {position:absolute;right:0;top:60px;width:auto;}

/* header_until */
.until{text-align:right;padding:50px 30px 0 0;height:35px;border-bottom:1px solid #eaeaea}
.until li{display:inline-block;*display:inline;zoom:1;padding:0 5px 0 8px;background:url("../images/layout/until_line.gif") no-repeat center left;}
.until li.first{background:none;color:#4c7557;font-weight:600} 
.until li.first a{color:#4c7557} 

/* container */
#container{position:absolute;top:0;left:220px;right:20%;}
#container_member{position:relative;overflow:hidden; margin:0 auto; padding:100px 0 80px 0;}
#container_main{height:100vh;min-height:100%;position:absolute;top:0;left:220px;right:20%;overflow:hidden}


/* sub_layout */
.lnb {min-height:100%;position:absolute;top:0;left:220px;width:160px; background:#00344e url('../images/layout/lnb_bg.gif') no-repeat bottom;}
.lnb .header{height:85px;margin-bottom:10px;background-color:#fff;padding:0;border-bottom:1px solid #eaeaea;}
.lnb li.first{margin-top:15px}
.lnb li.on{font-weight:600;}
.lnb li{position:relative;*height:15px;}
.lnb a{color:#76a4bb;font-size:14px;}
.lnb a:hover, .lnb .lnb_m a:focus, .lnb .lnb_m .on a{color:#76a4bb;}
.lnb li > ul{padding-top:3px}
.lnb li .t3{line-height:22px}
.lnb li .t3 a{color:#469d62;font-size:12px}

#contents{padding:50px;background-color:#fff}


.sub_top{position:relative;margin:40px 50px 0 50px;border-bottom:2px solid #033c15;vertical-align:top}
.sub_top .sub_title {width:100%;padding-bottom:20px;font-size:28px;letter-spacing:-1px;}
.sub_top .location{position:absolute;top:20px;right:0;text-align:right;width:100%;color:#7c7c7c}
.sub_top .location span{color:#cacaca;font-size:8px;vertical-align:middle;padding:0 2px}

/* aside */
#aside{background-color:#434343;position:absolute;top:0;right:0;height:100vh;min-height:100%;width:20%;color:#cbcbcb;}

.RollDiv{width:307px; left:0;  height:56px;overflow:hidden;padding:5px;}  
.RollDiv > div{overflow:hidden;height:56px;width:1200px;text-align:center;}
.RollDiv > div > a{ float:left; display:block;text-align:center;}  
.RollDiv > div > a > img{margin-right:10px;}

.bn_wrap{position:relative;margin:0 auto;width:307px;}
.btn_left{position:absolute;left:0;top:0;background:blue;height:100%;width:980px;}
.btn_right{position:absolute;right:0;top:0;background:blue;height:100%;width:25px;}

x
/*new****************************************************************************/

#wrap_new {position:absolute;top:0;width:100%;height:auto;}

/* container_new */
#container_new{position:absolute;top:0;right:0;left:220px;background-color:#fff}
#container_main_new{height:100vh;min-height:100%;position:absolute;top:0;overflow:hidden;right:0;left:220px;}

#contents_new{padding:50px;background-color:#fff}

/* aside_new */
#aside_new{background-color:#434343;position:absolute;bottom:0;width:100%;color:#cbcbcb;height:250px;padding:20px 0;}