@charset "euc-kr";
/* 
Published by I-saac, KIm
E-mail : saackr@neocoms.com
??NEOCOMS (http://neocoms.com/)
 */

/* Coomon */
html,body{background:#fff;}
.visual-content, .content{position:relative; width:1100px; margin:0px auto 0px auto; padding:0px;}
.footer-content{position:relative; width:1100px; margin:20px auto 20px auto; overflow:hidden;}


/* visual_area */
.visual-sub{position:relative; width:100%; margin:0px; float:left; height:200px; overflow:hidden; border-bottom:1px solid #e1e1e1; transition-duration:0.3s; background:url(../../img/sub/sub_visual.jpg); background-size:cover; background-position:center;}
.visual-content{height:200px;}
.visual-content .header{position:relative; float:left; background:url(../../img/sub/visual_header_bg.png); width:21%; height:199px; border:solid 1px rgba(176,152,108,0.6);border-top:none; }
.visual-content .header h2{position:absolute; left:0px; bottom:0px; font-size:36px; font-weight:400; padding:0px; margin:5px; color:#fff; transition-duration:0.3s;}

/* Content Area */
.content-area{position:relative; width:100%; float:left; margin:0px; overflow:hidden; min-height:500px; padding:0px; background:#fff;}
.lnb-wrap{position:relative; width:21%; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; min-height:100%; float:left; padding:0px; margin:0px; display:block; padding-bottom:40px;}
.content-wrap{position:relative; width:72.72%; padding:15px; float:right; overflow:hidden; margin:0px; }

/* lnb */
.lnb{position:relative; width:100%; margin:0px; padding:0px;}
.lnb ul{position:relative; margin:0px; padding:0px; list-style:none;}
.lnb ul li{position:relative; margin:0px; padding:0px;}
.lnb ul li a{color:#5d5d5d; display:block; padding:20px 15px 20px 15px; font-size:14px; border-bottom:1px solid #e1e1e1; font-weight:bold; transition-duration:0.3s;}
.lnb ul li:hover li a, .lnb ul li.active ul li a{background:#fff; color:#999;}
.lnb ul li:hover a, .lnb ul li:hover li:hover a, .lnb ul li:hover li.active a, .lnb ul li.active a, .lnb ul li.active ul li.active a{background:#f6f6f6; color:#ff7e00; }
.lnb ul li ul li a{padding:10px 10px 10px 20px; border-bottom-color:#ededed; font-size:12px; font-weight:normal; color:#777;}
.lnb ul li ul li:last-child a{border-bottom-color:#e1e1e1;}

/* TITLE */
.content-title{position:relative; width:100%; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.content-title h1{padding:15px 0px 15px 0px; margin:0px; color:#333; font-size:28px;}
.content-title .loc{position:absolute; right:0px; bottom:5px; display:inline-table; text-align:right; color:#999; font-size:12px;}
.content-title .loc strong{color:#5d5d5d;}

/* Contents Area */
.content-body{position:relative; width:100%; margin:20px 0px 20px 0px; padding:0px; overflow:hidden;}

/* footer */
footer{position:relative; border-top:1px solid #cdcdcd; padding:20px 0px 20px 0px; transition-duration:0.3s; width:100%; float:left;}
.footer-about{font-size:14px; color:#777; margin-bottom:20px; line-height:140%; letter-spacing:-1px;}
.footer-about strong{color:#666;}
.footer-about a:hover{color:#333; text-decoration:underline;}
.footer-copyright{font-size:12px; color:#555; transition-duration:0.3s;}
.footer_link {border-bottom:1px solid #cdcdcd;font-size:14px;background-color:#f6f6f6}
.footer_link ul {overflow:hidden;list-style:none;width: 1100px;margin:-20px auto 0;padding:10px 0}
.footer_link ul li {float:left;padding:0 8px;border-right:1px solid #ddd;}
.footer_link ul li:last-child {border-right:0}
.footer_link ul li a {font-size:12px;color:#727171}



/* 1100px ÀÌÇÏ */
@media (max-width:1100px)
{
.visual-content, .content, .footer_link ul, .footer-content{width:100%;}
.footer-content {width:100%; margin:10px 0px 10px 0px;}
.visual-content .header h2{font-size:32px;}
.content-title h1{font-size:26px;}
.footer-about, .footer-copyright{margin:0px 10px 0px 10px;}

}
/* 1024px ÀÌÇÏ */
@media (max-width:1024px)
{
.visual-sub, .visual-content{height:160px;}
.visual-content .header{height:159px;}
.visual-content .header h2{font-size:28px;}
.content-title h1{font-size:24px;}
}

/* 768px ÀÌÇÏ */
@media (max-width:768px)
{	
.lnb-wrap{display:none;}
.content-wrap{width:calc(100% - 20px); float:left; padding:15px; overflow:hidden;}
.visual-content .header h2{font-size:22px;}
.content-title h1{font-size:22px;}
.footer-about{font-size:12px; line-height:140%;}
}
/* 600px ÀÌÇÏ */
@media (max-width:600px)
{
.content-wrap{padding:10px; width:calc(100% - 20px);}
.visual-sub, .visual-content, .visual-content .header{height:120px;}
.visual-content .header{background:none; border:none; width:100%; text-align:center; background:url(../../img/sub/mobile_visual_bg.png);}
.visual-content .header h2{position:relative; font-size:34px; font-weight:900; padding:37px 0px 37px 0px;width:100%;}
.content-title h1{font-size:20px;}
.footer-about{display:none;}
.footer-copyright{text-align:center;}
.content-title .loc{font-size:10px;}
}
	
/* 480px ÀÌÇÏ */
@media (max-width:480px)
{	
.visual-sub, .visual-content, .visual-content .header{height:100px;}
.visual-content .header h2{padding:27px 0px 27px 0px; font-size:28px; font-weight:700;}
.content-title h1{font-size:18px;}
}