@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Layout.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-07
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/

/* SkipMenu */
#SkipMenu {
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:500; 
	width:100%; 
	height:0px; 
	background-color:#105d9c;
}
#SkipMenu .skipNav {position:relative; height:35px; text-align:center;}
#SkipMenu .skipNav ul {display:inline-block; overflow:hidden;}
#SkipMenu .skipNav ul li {display:inline;}
#SkipMenu .skipNav ul li a {display:inline-block; font-size:12px; line-height:35px; font-weight:bold; color:#fff;}
#SkipMenu .skipNav .skipClose {display:inline-block; position:absolute; right:20px; top:11px;}
#SkipMenu .skipNav .skipClose a {display:block; width:13px; height:13px; text-indent:-9999px; background:url('/web/Kor/Images/Common/btn_skipMenu_close.png') center center no-repeat;}
#SkipMenu a:active, visited, link, hover {color:#fff;}

#Wrap {*zoom:1; position:relative; width:100%; min-width:1080px; min-height:100%;}

/*back-to-top*/
.back-to-top {display:none; position:fixed; right:10px; bottom:10px; z-index:200; width:50px; height:40px;}

.back-to-top a {display:block; overflow:hidden; height:40px; text-indent:-99999px; background:url("/web/Kor/Images/Common/back-to-top.png") left top no-repeat;}

.back-to-top.show {display:block;}

/*Header*/

#Header_Wrap {width:100%; position:absolute; top:0; left:0;   background:#fff;  }
#Header {position:relative; width:960px; height:110px; margin:0 auto;}
#Header .logo_header {float:left; width:165px; padding-left:10px;}
#Header .logo_header a {display:block;}

#Header .gnb_wrap {position:absolute; top:20px; right:10px; letter-spacing:0}
#Header .gnb_wrap ul li{float:left; padding-left:26px; font-size:12px; color:#757575 }

#Header .lnb_wrap {float:right; padding:65px 10px 0 0; }
#Header .lnb_wrap ul.lnb>li { float:left; padding:0 45px 0 44px;}
#Header .lnb_wrap ul.lnb>li.node1.last {padding-right:0}

#Header .lnb_wrap ul.lnb>li a {display:block; font-size:19px; font-weight:bold; color:#333333}
#Header .lnb_wrap ul.lnb>li.on a {color:#009f4c}
#Header .lnb_wrap ul.lnb>li.node1 a:hover {color:#009f4c}

#Header .lnb_wrap .subMenu_wrap {display:none; position:absolute; top:110px; left:0px; width:960px; z-index:5}
#Header .lnb_wrap .subMenu_wrap .home {position:absolute; top:0; left:12px;  width:80px; height:80px; background:#007f3d}
#Header .lnb_wrap .subMenu_wrap .home a {display:block; width:80px; height:80px; background:url("/web/Kor/Images/Common/ico_home.png") center no-repeat}
#Header .lnb_wrap .subMenu_wrap ul.subMenu {padding-left:104px;}
#Header .lnb_wrap .subMenu_wrap ul.subMenu li {float:left; padding:0 21px 0 20px;line-height:80px; }
#Header .lnb_wrap .subMenu_wrap ul.subMenu li a { font-size:17px; color:#9cdbba; font-weight:normal}
#Header .lnb_wrap .subMenu_wrap ul.subMenu li a:hover {color:#fff}

#Header .lnb_wrap .subMenu_wrap  ul.subMenu li.on a {color:#fff}

#Header .lnb_wrap .subMenu_wrap  .btn_wrap {position:absolute; top:0; right:0px; width:170px; height:80px;}
#Header .lnb_wrap .subMenu_wrap  .btn_wrap li {float:left; margin-left:1px; width:80px; height:80px;  background:#007f3d }
#Header .lnb_wrap .subMenu_wrap  .btn_wrap li:first-child {margin-left:0}
#Header .lnb_wrap .subMenu_wrap  .btn_wrap li a {display:block; width:80px; height:80px}
#Header .lnb_wrap .subMenu_wrap  .btn_wrap li a.prve {background:url("/web/Kor/Images/Common/ico_prve.png") center 33px no-repeat }
#Header .lnb_wrap .subMenu_wrap  .btn_wrap li a.next {background:url("/web/Kor/Images/Common/ico_next.png") center 33px no-repeat }




#Header_Wrap .bg_submenu {display:none; position:absolute; top:110px; width:100%; height:80px; background:#009f4c; z-index:1}
#Header_Wrap .bg_submenu:after {display:block; content:""; clear:both}



/*Header_sub*/
#Header_sub {position:relative; width:960px; height:110px; margin:0 auto;}
#Header_sub .logo_header {float:left; width:165px;  padding-left:10px; }
#Header_sub .logo_header a {display:block;}

#Header_sub .gnb_wrap {position:absolute; top:20px; right:10px; letter-spacing:0}
#Header_sub .gnb_wrap ul li{float:left; padding-left:26px; font-size:12px; color:#757575 }

#Header_sub .lnb_wrap {float:right; padding:65px 10px  0 0;}
#Header_sub .lnb_wrap ul.lnb>li.node1  { float:left; padding:0 45px 0 44px;}
#Header_sub .lnb_wrap ul.lnb>li.node1.last {padding-right:0}
#Header_sub .lnb_wrap ul.lnb>li.node1>a {display:block; font-size:19px; font-weight:bold; color:#333333}
#Header_sub .lnb_wrap ul.lnb>li.node1>a:hover {color:#009f4c}
#Header_sub .lnb_wrap ul.lnb>li.node1.on>a {color:#009f4c}


#Header_sub  .lnb_wrap .subMenu_wrap {position:absolute; top:110px; left:0px; width:960px; z-index:5}
#Header_sub  .lnb_wrap .subMenu_wrap .home {position:absolute; top:0; left:12px;  width:80px; height:80px; background:#007f3d}
#Header_sub  .lnb_wrap .subMenu_wrap .home a {display:block; width:80px; height:80px; background:url("/web/Kor/Images/Common/ico_home.png") center no-repeat}
#Header_sub  .lnb_wrap .subMenu_wrap ul.subMenu {padding-left:104px;}
#Header_sub  .lnb_wrap .subMenu_wrap ul.subMenu li {float:left; padding:0 21px 0 20px;line-height:76px; }
#Header_sub  .lnb_wrap .subMenu_wrap ul.subMenu li a { font-size:17px; color:#9cdbba; font-weight:normal}
#Header_sub  .lnb_wrap .subMenu_wrap ul.subMenu li a:hover {color:#fff}

#Header_sub .lnb_wrap .subMenu_wrap  ul.subMenu li.on a {color:#fff}

#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap {position:absolute; top:0; right:-50px; width:170px; height:80px;}
#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap li {float:left; margin-left:1px; width:80px; height:80px;  background:#007f3d }
#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap li:first-child {margin-left:0}
#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap li a {display:block; width:80px; height:80px}
#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap li a.prve {background:url("/web/Kor/Images/Common/ico_prve.png") center 33px no-repeat }
#Header_sub .lnb_wrap .subMenu_wrap  .btn_wrap li a.next {background:url("/web/Kor/Images/Common/ico_next.png") center  33px no-repeat }

#Header_Wrap .bg_submenu_sub { position:absolute; top:110px; width:100%; height:80px; background:#009f4c; z-index:1}
#Header_Wrap .bg_submenu_sub :after {display:block; content:""; clear:both}



/*Footer*/
#Footer_Wrap {position:absolute; bottom:0px; width:100%;border-top:1px solid #d5d5d5 ; letter-spacing:0}
#Footer {width:960px; height:160px; margin:0 auto;}
#Footer .footer_menu {padding:30px 0 25px 8px;}

#Footer .footer_menu li {float:left; padding-right:21px; font-size:15px; font-weight:bold; color:#555555}

#Footer .footer_addr {padding:20px 0 0 8px}
#Footer .footer_addr .addr li {font-size:13px; color:#999999; line-height:18px; }
#Footer .footer_addr .addr li span {padding-left:20px;}
#Footer .footer_addr .addr li span:first-child {padding-left:0}




/*영문*/
#Header .lnb_wrap ul.lnb>li.node1.eng_first {padding-left:3px}

#Header_sub .lnb_wrap ul.lnb>li.node1.eng_first  {padding-left:3px}

#Header_sub .lnb_wrap .subMenu_wrap.eng_subMenu ul.subMenu li {padding:0 8px 0 7px}

#Header .lnb_wrap .subMenu_wrap.eng_subMenu ul.subMenu li {padding:0 8px 0 7px}