@charset "utf-8";


/* base */
*			{ margin:0; padding:0; }
html,
body		{ width:100%; height:100%; }
header,
footer,
aside,
section,
nav,
article,
figure,
figcaption	{ display:block}
img			{ max-width:100%; height:auto}
video, 
audio, 
object, 
iframe		{ width:100%; }
body, 
table,
input, 
textarea, 
select, 
button		{ font-family:'Nanum Gothic', sans-serif, 돋움, Dotum, 굴림, Gulim, Tahoma, Geneva, sans-serif; font-size:14px; color:#666} 
form,
input		{ border:0; box-sizing:border-box}
fieldset	{ border:none;}
legend,
caption		{ display:none;}
hr			{ visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}
ul,
li			{ list-style:none}
a			{ text-decoration:none}
em			{ font-style:normal}
a:link, 
a:hover, 
a:active	{ color:#1fb58a; }
.skip		{ position:absolute; left:-3000px; width:1px; height:1px; color:#fff}
.blind		{ position:absolute; top:0; left:-9999px; width:0; height:0; overflow:hidden; visibility:hidden; border:0; font-size:0; line-height:0}
textarea, 
input[type="text"], 
input[type="number"], 
input[type="password"], 
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="email"], 
input[type="srch"], 
input[type="tel"]		{ -webkit-appearance:none; font-family:'Nanum Gothic', sans-serif; box-sizing:border-box; -webkit-border-radius:0;}
input[type="checkbox"],
input[type="radio"]		{ position:relative; top:-1px; vertical-align:middle; padding:5px }



/* layout */
#container		{ position:relative; width:100%; min-width:1240px; margin:0 auto}
#header			{ position:relative; width:100%; height:70px; background:#302f3a; z-index:5; zoom:1}
#header:after	{ content:""; clear:both; display:block}
#body			{ position:relative; width:100%; padding:0; zoom:1;min-height:700px;}
#body:after		{ content:""; clear:both; display:block}
#footer			{ position:relative; width:100%; padding:35px 0 0 0; background:#1b1b1f}



/* header */
.headerWrap		{ position:relative; width:1024px; margin:0 auto;}
.headerWrap h1	{ float:left; margin-right:105px;}

.headerWrap .gnb			{ position:relative; float:left; padding:15px 0; zoom:1 }
.headerWrap .gnb:after		{ content:""; clear:both; display:block}
.headerWrap .gnb li			{ float:left; padding:0 25px;}
.headerWrap .gnb li a		{ display:block; height:40px; color:#fff; font-size:16px; font-weight:600; line-height:40px;}
.headerWrap .gnb li a:hover,
.headerWrap .gnb li a.active{ color:#1fb58a}

.headerWrap .topMenu	{ float:right; padding:15px 0}
.headerWrap .topMenu a	{ display:inline-block; width:100px; height:40px; margin-left:1px; font-size:12px; font-weight:bold; line-height:40px; text-align:center; background:#22222b}
.headerWrap .topMenu i.fa	{ margin:0 8px 0 0; vertical-align:top; font-size:18px; line-height:40px;}
.headerWrap .topMenu .btnLogin	{ color:#1fb58a;}
.headerWrap .topMenu .btnJoin	{ color:#c8c8c8}



/* skyMenu */
#GnbLeftBanner		{ position:absolute; left:50%; top:0; width:79px; margin-left:-606px; text-align:center;  z-index:5}
#GnbLeftBanner .zzim_area			{ position:relative; width:79px; z-index:50}
#GnbLeftBanner .zzim_area.flow		{ position:fixed; top:20px; left:50%; margin:0 0 0 -606px}
#GnbLeftBanner .zzim_area li		{ margin-bottom:5px;}

#GnbRightBanner		{ position:absolute; left:50%; top:0; width:85px; margin-left:527px; text-align:center;  z-index:5}
#GnbRightBanner .zzim_area			{ position:relative; width:85px; z-index:50}
#GnbRightBanner .zzim_area.flow		{ position:fixed; top:20px; left:50%; margin:0 0 0 527px}
#GnbRightBanner .zzim_area>ul		{ position:relative; }
#GnbRightBanner .zzim_area li		{ border:1px solid #dedede; background:#fff}
#GnbRightBanner .zzim_area li a		{ display:block; border-top:1px solid #dedede; color:#666; font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:32px; }
#GnbRightBanner .zzim_area li a:nth-child(1)	{ padding-top:15px; border-top:0}
#GnbRightBanner .zzim_area li a img	{ display:block; margin:0 auto}
#GnbRightBanner .zzim_area .custom	{ margin-bottom:5px; padding:20px 8px 15px 8px; border-top:3px solid #fa6440; text-align:left; }
#GnbRightBanner .zzim_area .custom h2	{ margin:0 0 10px 0; font-size:12px;}
#GnbRightBanner .zzim_area .custom strong	{ display:block; margin:0 0 5px 0; color:#fa6440; font-weight:900; line-height:16px; letter-spacing:-0.7px}
#GnbRightBanner .zzim_area .custom span	{ color:#999; font-size:12px; letter-spacing:-0.5px}
#GnbRightBanner .zzim_area .btnTop	{ margin-top:30px; border:0; background:none}


/* footer */
#footer .footerWrap	{ width:1024px; margin:0 auto 35px; zoom:1}
#footer .footerWrap:after	{ content:""; clear:both; display:block}
.footerWrap .sitemap	{ float:left; width:617px; }
.footerWrap .sitemap dl	{ float:left; width:190px}
.footerWrap .sitemap dt	{ margin-bottom:20px; color:#fff; font-size:16px;}
.footerWrap .sitemap dd a	{ color:#999; font-size:12px; line-height:26px}
.footerWrap .sitemap dd a:hover	{ color:#1fb58a; }
.footerWrap .sitemap p		{ float:left; width:100%; margin-top:20px; padding-top:17px; border-top:1px solid #323236; color:#999; font-size:12px;}
.footerWrap .sitemap p strong	{ margin-right:20px; color:#fff}

.footerWrap .contact		{ position:relative; float:right; width:355px; padding-left:51px; border-left:1px solid #323236 }
.footerWrap .contact:before	{ content:""; clear:both; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#121214}
.footerWrap .contact h2		{ margin-bottom:20px; color:#1fb58a; font-size:16px; }
.footerWrap .contact dt		{ float:left; width:125px; color:#fff; font-size:12px; line-height:26px;}
.footerWrap .contact dd		{ float:left; width:230px; color:#999; font-size:12px; line-height:26px;}
.footerWrap .contact dd a	{ color:#fa6440}

.copyright	{ height:50px; border-top:1px solid #323236; color:#999; font-size:12px; text-align:center; line-height:50px; }



/* popupModal */
#lean_overlay	{ position:fixed; top:0px; left:0px; display:none; width:100%; height:100%; background:#000; z-index:100;}
#popupModal		{ position:relative; overflow:hidden; width:720px; margin-top:100px;/*팝업창 위아래 간격조절*/ padding:45px 60px; box-sizing:border-box; background: #fff;}
#popupModal h2	{ margin-bottom:34px; color:#000; font-size:36px; }
#popupModal .emailNone			{ margin:0 0 30px 0; padding:30px 0; border-top:2px solid #000; border-bottom:2px solid #000}
#popupModal .emailNone p		{ margin-bottom:20px; color:#666; line-height:1.6}
#popupModal .emailNone div		{ padding:25px 0; border:1px solid #ddd; color:#000; text-align:center}
#popupModal .emailNone div a	{ color:#000;}
#popupModal .btnWrap			{ text-align:center;}
#popupModal .btn.modal_close	{ display:inline-block; width:130px; margin:0 auto; padding:10px 0; border:1px solid #666; color:#000; line-height:20px; background:#fff }
#popupModal a.clse	{ position:absolute; top:30px; right:40px; width:32px; height:32px; background:url('/img/ly_pop_clse.png') no-repeat 0 0}