@charset "utf-8";
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
	File   : Layout.css
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, 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('/Images/Common/btn_skipMenu_close.png') center center no-repeat;}
#SkipMenu a:active, visited, link, hover {color:#fff;}

#Wrapper {*zoom:1; position:relative;  max-width:640px; min-height:100%; margin:0 auto;}
#Wrapper.bg_grey {background-color:#f0f0f0;}


/* Header */
#Header_Wrap {display:block; position:relative;  *zoom:1; width:100%; min-width:320px; min-height:100%; z-index:20;}
#Header_Wrap:after {content:""; display:block; clear:both;}
#Header {display:block; position:relative; z-index:80; width:100%;}

#Header .header_nav_wrap {display:block; position:relative; z-index:100; width:100%; height:13.250em; background-color:#fff;}
.header_nav_wrap .header_all_menu {position:absolute; top:5.750em; left:1.875em;}
.header_all_menu .btn_lnb_open {display:block; /* width:2.938em; */ height:2.5em; padding-top:4.063em; text-align:center; font-size:1em; background:url('/Images/Common/ico_menu.png') center top no-repeat; background-size:2.938em 2.5em;}
.header_all_menu .btn_lnb_open span {font-size:1.250em;}

.header_nav_wrap .logo_header {display:block; /* width:14.375em; height:13.0em;*/ width:12em; margin:0 auto; padding-top:2em;}
.logo_header a {display:block;}
.logo_header a img {max-width:100%;}

.oder_header_wrap {display:block; position:absolute; top:5.375em; right:2.5em;}
.oder_header_wrap .btn_oder_header {display:block;/*  width:2.60em;  */height:3.250em; padding-top:4.188em; font-size:1em; background:url('/Images/Common/ico_order.png') center top no-repeat; background-size:2.250em 3.250em;}
.oder_header_wrap .btn_oder_header span {font-size:1.250em; color:#4b6827;}

#Header .lnb_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:150;}
#Header .lnb_bg.on {display:block;}
#Header .lnb_wrap {display:none; position:fixed; overflow-y:scroll; top:0; left:-70%; width:70%; max-width:446px; height:100%; background:#fff; z-index:200;}
#Header .lnb_wrap.on {display:block;}
.lnb_wrap .log_gnb {display:block; width:100%; padding:2em 0; text-align:center;}
.lnb_wrap .log_gnb img {/* width:14.375em; height:13.125em;*/ width:12em;}

#Header .lnb_wrap nav .lnb {display:block;}
.lnb_wrap nav .lnb:after {content:""; display:block; clear:both;}
.lnb_wrap nav .lnb .node1 {display:block;  padding:1.250em 0; border-bottom:1px solid #ccc; text-align:center; font-size:1em; font-family:"NSB";/* font-weight:bold; */}
.lnb_wrap nav .lnb .node1 a {font-size:1.625em; color:#666;}
.lnb_wrap nav .lnb .node1:first-child {border-top:1px solid #ccc;}
.lnb_wrap nav .lnb .node1.family {padding:1.250em 20px; color:#fff; font-size:1em; background:#4a6726;}
.lnb_wrap nav .lnb .node1 a.checked {display:inline-block; margin:0.5em 0; color:#fff; font-size:1em;}
.lnb_wrap nav .lnb .node1.family span.tit {display:block; margin-bottom:0.6em; font-size:1.625em; color:#fff;}
.lnb_wrap nav .lnb .node1.family .a_txt {display:block; margin-bottom:1.25em;}
.lnb_wrap nav .lnb .node1.family dl {position:relative; display:block; margin-bottom:1.25em; padding-left:5.5em;}
.lnb_wrap nav .lnb .node1.family dl dt.tit {display:inline-block; position:absolute; top:0; left:0; width:5em; font-size:1.5em; line-height:2.375em; text-align:left;}
.lnb_wrap nav .lnb .node1.family dl dd.txt {display:inline-block; overflow:hidden; width:100%; padding-left:1.3em;}
.lnb_wrap nav .lnb .node1.family dl dd.txt .size100p {width:100%;}
.lnb_wrap nav .lnb .node1.family dl dd.txt input[type=tel],
.lnb_wrap nav .lnb .node1.family dl dd.txt input[type=password]	{height:2.5em; padding:0.3em;font-size:1.5em; line-height:2.375em;}
.lnb_wrap nav .lnb .node1.family dl dd.txt.notice {margin-top:0.5em; padding-left:1.3em; font-size:1em; line-height:1.5em; text-align:left;}
.lnb_wrap nav .lnb .node1.family .btn_wrap {width:100%; padding:0.5em 0; font-size:1em; background:#88ae12; background-size:1em;}
.lnb_wrap nav .lnb .node1.family .btn_wrap .ico_check {display:inline-block; font-size:1em;  padding:1em 0  1em 4em; color:#fff; background:url('/Images/Common/ico_check.png') left center no-repeat; background-size:2.500em 1.875em;}
.lnb_wrap nav .lnb .node1.family .btn_wrap .ico_check span {font-size:1.6em}

#Header	.lnb_wrap .bg_img_lnb {height:20.438em; background:url('/Images/Common/bg_lnb1.jpg') center center no-repeat; background-size:cover; z-index:30;}

.btn_lnb_close {display:none; position:fixed; left:70%; top:0; width:1.438em; height:1.438em; margin:1em 0 0 1em; z-index:200; text-indent:-9999px;}
.btn_lnb_close:before,.btn_lnb_close:after {content:""; display:block; position:absolute; top:0; left:20px; width:2px; height:30px; background-color:#fff; transform:rotate(45deg);}
.btn_lnb_close:after {transform:rotate(-45deg);}

@media (max-width:500px) {
	#Header .lnb_wrap {width:80%;}
}

/* Container */
#Container {position:relative; width:100%; z-index:1; padding-bottom:14.813em;}

.Contents {position:relative;}
.main .Contents {padding:0 0 3.750em 0;}

/* Footer */
#Footer_Wrap {display:block; position:absolute; bottom:0; left:0; width:100%; height:14.813em; z-index:3;}
#Footer {display:block; position:relative; margin:0 auto; padding:2.1em 20px; font-size:14px; text-align:center; background:#333;}
#Footer .footer_link {display:block; width:100%;  margin:0 auto; text-align:center; }
.footer_link .sns_list {display:block; width:100%; margin-bottom:1.35em; text-align:center;}
.footer_link .sns_list:after {content:""; display:block;  clear:both; margin-bottom:1.25em;}
.footer_link .sns_list li.item {display:inline-block; width:3.50em; height:3.50em; margin-left:2.5em;}
.footer_link .sns_list li.item:first-child {margin-left:0;}
.footer_link .sns_list li.item a {display:block;}
.footer_link .sns_list li.item a img {max-width:100%;}
#Footer .footer_etc {display:block; width:100%; text-align:center;}
.footer_etc .item {display:inline-block; position:relative; color:#888; font-size:1.15em; line-height:1.50em; padding:0 0.438em;}
.footer_etc .item:before {content:""; display:inline-block; position:absolute; left:0; top:0.35em; width:1px; height:0.9em; background-color:#757575; }
.footer_etc .item:nth-child(1):before {display:none; padding:0;}
.footer_etc .item:first-child {padding:0;}
.footer_address p {display:block; color:#888; font-size:1.15em; line-height:1.60em;}
#Footer .policy_area .link {display:block; margin-bottom:1.15em; color:#ffffff; margin:0 auto;}
#Footer .link {display:inline; color:#ffffff; font-size:1.15em; line-height:1.50em;}
#Footer .footer_copy {font-size:1.15em;}
#Footer .footer_copy .color_point {color:#888;}

.color_point {color:#adadad; line-height:1.8em;}

@media (max-width:460px) {
	#Footer {padding:1.85em 11px;}
	#Footer .link {margin-bottom:1.4em;}
}

/*
@media screen and (max-device-width: 320px){
}
*/