/**
* File Name : layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Web business Team / White
* Date : 2015.03.20
* Update : 2015.03.20
*/

/* Layout Selector */
html, body { height:100%;}
#wrap { width:100%; font-size:13px; line-height:1.4em;}
#container { width:1024px; margin:0 auto; padding:30px 0;}
#container:after {content:" "; display:block; clear:both;}


/* font 공통 */
.txt_pink { color:#f48595;}


/* header */
#header { z-index:100; width:100%; height:140px; background:url('../image/com/bg_header.gif') repeat-x;}
#header h1 { position:absolute; top:12px; left:0;}
.header_wrap .in { z-index:100; position:relative; width:1024px; margin:0 auto;}

#gnb { position:absolute; top:26px; right:0;}
#gnb ul {float:right; margin:0px 0 0 0px; height:50px; }
#gnb ul li {display:inline-block; float:left; height:50px; background:url(../image/common/t_dot.png) no-repeat right 32px;}
#gnb ul li.lch {background:none;}
#gnb ul li a {display:inline-block; float:left; height:50px;}

#gnb ul li.m1 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:0px -50px;}
#gnb ul li.m2 a { height:50px; width:65px; margin:0 0px 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:-134px -50px; }
#gnb ul li.m3 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:-67px -50px;}
#gnb ul li.m4 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:-265px -65px;}
#gnb ul li.m5 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:0px -50px;}
#gnb ul li p {position:absolute; bottom:5px; width:65px; color:#666666; font-size:1.0em; font-weight:bold; letter-spacing:-.02em; text-align:center; }
#gnb ul li p a:hover {color:#fff;}



#lnb { padding-top:91px;}
#lnb:after {content:" "; display:block; clear:both;}
.lnb_wrap { overflow:hidden; visibility:hidden;}
.lnb_wrap > ul { width:auto;}
.lnb_wrap > ul > li { float:left;}
.lnb_wrap > ul > li > a { display:block; padding:15px 0 14px 0; width:170.5px; font-size:15px; color:#5f5f5f; letter-spacing:-0.05em; font-weight:bold; text-align:center; background:url('../image/com/bg_lnb_line.gif') no-repeat center right;}
.lnb_wrap > ul > li > a:hover { padding:12px 0 14px 0; border-top:solid 3px #44b9b7; color:#252525; background:#fff url('../image/com/bg_lnb_line.gif') no-repeat center right;}
.lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { padding:12px 0 14px 0; border-top:solid 3px #44b9b7; color:#252525; background:#fff url('../image/com/bg_lnb_line.gif') no-repeat center right;}
.lnb_wrap > ul:after { content:" "; display:block; clear:both; overflow:hidden;}
.lnb_wrap .snb { width:150px; height:190px; padding:20px 0 0 20px; background:#fcfcfc; border-bottom:solid 2px #f48595;}
.lnb_wrap .snb a { display:block; font-size:13px; color:#5f5f5f; padding-bottom:10px; letter-spacing:-0.05em;}
.lnb_wrap .snb a:hover { color:#019a97; padding-left:18px; font-weight:bold; background:url('../image/com/bg_lnbsub.gif') no-repeat left 10px;}
.lnb_wrap .snb_mypage { width:150px; height:190px; padding:20px 0 0 20px; background:#f2f2f2;}
.lnb_wrap .snb_mypage a { display:block; font-size:13px; color:#5f5f5f; padding-bottom:10px; letter-spacing:-0.05em; font-weight:bold;}
.lnb_wrap .snb_mypage a:hover { color:#019a97; padding-left:18px; font-weight:bold; background:url('../image/com/bg_lnbsub.gif') no-repeat left 10px;}


/* footer */
#footer { z-index:1; width:100%; height:170.5px; background:url('../image/com/bg_footer.gif') repeat-x;}
.footer_box { position:relative; width:1024px; margin:0 auto;}
.footer_box ul { padding:12px 0 36px 0;}
.footer_box ul:after { content:" "; display:block; clear:both;}
.footer_box li { float:left; padding-right:15px; margin-right:15px; background:url('../image/com/bg_foo_line.gif') no-repeat right center;}
.footer_box li a { color:#6a6a6a; font-weight:bold; font-size:14px; letter-spacing:-0.05em;}
.footer_box li a:hover { position:relative; top:1px;}
.footer_box .bg_none { background:none;}
.footer_box .btn_top { position:absolute; top:12px; right:0;}
.footer_box .btn_top a { font-size:15px; font-weight:bold; color:#3a3a3a;}
.footer_box address { padding-left:200px; color:#686868; line-height:1.7em;}
.footer_box .foo_logo { position:absolute; top:90px; left:0;}