@CHARSET "EUC-KR";

/* default */
html, body, form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0;padding:0; }
ul, ol, li		{ list-style:none; }
img		{ border:0;vertical-align:top}
table	{ border-collapse:collapse;border-spacing:0 }
th, td	{ padding:0;}
textarea	{ padding:0;margin:0;}
fieldset	{ display:block;border:none;padding:0;margin:0}
legend	 { width:0;height:0;font-size:0;line-height:0; visibility:hidden;}

.fl			{ float:left !important; }
.fr			{ float:right !important; }
.fn			{ float:none !important; }
.cb		{ clear:both !important; }
.ac		{ text-align:center !important; }
.al			{ text-align:left !important; }
.ar		{ text-align:right !important; }
.vt			{ vertical-align:top !important; }
.vm		{ vertical-align:middle !important; }
.vb		{ vertical-align:bottom !important; }
.oh		{ overflow:hidden !important; }
.cp		{ cursor:pointer !important; }
.di			{ display:inline !important; }
.dib		{ display:inline-block;display:-moz-inline-box; }
.dn		{ display:none !important; }
.db		{ display:block !important; }
.vv		{ visibility:visible !important; }
.vh		{ visibility:hidden !important; }
.bbn		{ border-bottom:none !important; }
.brn	 	{ border-right:none !important; }
.bln	 	{ border-left:none !important; }
.bn, .bn td, .bn th		{ border:none !important; }
.bgn, .bgn td, .bgn th 	{ background:none !important; } 
.fb		{ font-weight:bold !important; }
.fn		{ font-weight:normal !important; }
.fs			{ font-size:11px !important; }
.fixed	{ table-layout:fixed}
.pr		{ position:relative !important;}

a:link		{ color:#757073; text-decoration:none;}
a:visited	{ color:#757073; text-decoration:none;}
a:hover 	{ color:#757073; text-decoration:underline;}
a:focus 	{ color:#757073; text-decoration:underline;}
a:active	{ color:#757073; text-decoration:none;}

/* ʳʮ */
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: bold;
  src: url("/font/NanumGothic-Bold.eot");
  src: url("/font/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-Bold.woff2") format('woff2'),
       url("/font/NanumGothic-Bold.woff") format('woff'),
       url("/font/NanumGothic-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url("/font/NanumGothic-Regular.eot");
  src: url("/font/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-Regular.woff2") format('woff2'),
       url("/font/NanumGothic-Regular.woff") format('woff'),
       url("/font/NanumGothic-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'NanumGothicEx';
  font-style: normal;
  font-weight: bold;
  src: url("/font/NanumGothic-ExtraBold.eot");
  src: url("/font/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'),
       url("/font/NanumGothic-ExtraBold.woff2") format('woff2'),
       url("/font/NanumGothic-ExtraBold.woff") format('woff'),
       url("/font/NanumGothic-ExtraBold.ttf") format('truetype');
}



.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

.textHidden{height:0; line-height:0; overflow:hidden;} 
input.rdo, input.chk, input[type=radio], input[type=checkbox]	{ width:14px; height:14px; padding:0; margin:0; vertical-align:middle; }
/* event1 */
#eventWrap{background:#bedf7c url(images/eventBg2.jpg) no-repeat 50% 0;min-width:1193px;}
#eventWrap.eventWrap2{background:#bedf7c url(images/eventBg.jpg) no-repeat 50% 0;min-width:1193px;}
#eventContWrap{}
#eventMain .eventHeader{padding-top:32px; text-align:center;}
#eventMain .tabTypeA{width:934px; margin:0 auto; padding-bottom:14px; *zoom:1; }
#eventMain .tabTypeA:after{content:''; display:block; clear:both;}
#eventMain .tabTypeA li{position:relative; float:left; z-index:10;}
#eventMain .tabTypeA li.right{margin-left:-34px;}
#eventMain .tabTypeA .on{z-index:11;}
#eventMain .treeCont{position:relative; width:913px; height:1117px; margin:0 auto; background:url(images/content4.png) no-repeat 0 0; z-index:15}
#eventMain .treeCont .eventBtn{padding:346px 0 0 68px;}
#eventMain .treeCont .eventBtn li{width:121px; height:126px; margin-bottom:14px;}
#eventMain .treeCont .eventBtn li a{display:block; width:121px; height:126px; text-indent:-9999em; background:url(images/ico_pear.png) no-repeat 0 0;}
#eventMain .treeCont .eventBtn li.on a{background:url(images/ico_pear_on.png) no-repeat 0 0;}
#eventMain .treeCont .icoPear{display:block;}
#eventMain .treeCont .icoPear li{position:absolute; display:block; width:240px; height:240px; text-indent:-9999em;}
#eventMain .treeCont .icoPear li.icoNum1{top:274px; left:619px; background:url(images/ico_product1.png) no-repeat 0 0;}
#eventMain .treeCont .icoPear li.icoNum2{top:423px; left:244px; background:url(images/ico_product2.png) no-repeat 0 0;}
#eventMain .treeCont .icoPear li.icoNum3{top:524px; left:579px; background:url(images/ico_product3.png) no-repeat 0 0;}
#eventMain .treeCont .icoPear li span{display:none; position:absolute; width:240px; height:240px; top:0; left:0; opacity: 0;}
#eventMain .treeCont .icoPear li.icoNum1.on span{background:url(images/ico_product1_on.png) no-repeat 0 0; }
#eventMain .treeCont .icoPear li.icoNum2.on span{background:url(images/ico_product2_on.png) no-repeat 0 0;}
#eventMain .treeCont .icoPear li.icoNum3.on span{background:url(images/ico_product3_on.png) no-repeat 0 0;}
#eventMain .treeCont .btnArea{padding-top:90px; text-align:center; }
#eventMain .treeCont .icoArea{position:absolute; right:-140px; bottom:-8px;}
#eventMain .newspaperCont{position:relative; width:933px; padding:27px 0 22px; margin:0 auto;}
#eventMain .newspaperCont .leafBg{position:absolute; top:272px; right:-78px; width:144px; height:176px; background:url(images/leaf.png) no-repeat 0 0;}
#eventFooter{height:238px; background:#144323;}
#eventFooter .footCont{width:913px; height:193px; margin:0 auto; padding-top:42px; background:url(images/footerImg.png) no-repeat 27px 42px;}

#layerBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(images/layerBg.png) repeat 0 0; z-index:16; opacity:0;}
.latyerPop{position:fixed; left:50%; width:600px; margin-left:-300px; top:30%; z-index:17;}
.latyerPop .layerTop{padding-top:14px; background:url(images/layerTopBg.png) no-repeat 0 0;}
.latyerPop .layerBottom{padding-bottom:13px; background:url(images/layerBottomBg.png) no-repeat 0 100%;}
.latyerPop .layerCont{min-height:150px; background:#fffadd}
.latyerPop .layerCont h2{position:absolute; top:0; left:0;}
.latyerPop .layerCont.title{padding-top:121px;}
.latyerPop.input{display:none; top:50%; margin-top:-298px; opacity:0;}
.latyerPop.input .layerCont{padding:150px 59px 0}
.latyerPop.input .layerCont ul.inputArea{padding-bottom:33px; background:url(images/blt_dot.png) repeat-x 0 100%}
.latyerPop.input .layerCont ul.inputArea li strong{display:block; padding-bottom:8px;}
.latyerPop.input .layerCont ul.inputArea li input[type=text]{height:27px; padding:0 5px; line-height:27px; border:1px solid #c1c1c1; vertical-align:middle;}
.latyerPop.input .layerCont ul.inputArea .phoneBox,
.latyerPop.input .layerCont ul.inputArea .nameBox{float:left; }
.latyerPop.input .layerCont ul.inputArea .phoneBox{margin-left:20px;}
.latyerPop.input .layerCont ul.inputArea .addressBox{overflow:hidden; padding-top:19px; clear:both;}
.latyerPop.input .layerCont ul.inputArea .addressBox p{padding-top:7px;}
.latyerPop.input .layerCont ul.inputArea .addressBox a{display:inline-block;vertical-align:middle; margin:0 12px 0 3px;}
.latyerPop.input .layerCont .etcArea{position:relative; padding-top:32px;}
.latyerPop.input .layerCont .etcArea input,
.latyerPop.input .layerCont .etcArea label,
.latyerPop.input .layerCont .etcArea img{vertical-align:middle;}
.latyerPop.input .layerCont .etcArea li{padding-bottom:4px;}
.latyerPop.input .layerCont .etcArea a{position:absolute; right:0px; top:40px;}
.latyerPop.input .layerCont .popBtnArea{padding:34px 0; text-align:center;}
.btnClose{position:absolute; top:12px; right:12px; width:17px; height:17px; text-indent:-9999em; background:url(images/btn_close.png) no-repeat 0 0;}
.btnClose.black{background:url(images/btn_close2.png) no-repeat 0 0;}
.latyerPop.etc{display:none; top:50%; margin-top:-229px; opacity:0;}
.latyerPop.etc .layerCont{padding:23px 59px 26px;}
.latyerPop.etc .layerCont .etcCont{height:128px; padding:10px; margin-bottom:26px; border:1px solid #c1c1c1; overflow:auto; font-size:12px; color:#666; background:#fff;}
.latyerPop.etc .layerCont h3{height:17px; padding-bottom:11px}
.latyerPop.etc .layerCont .etcCont.etcBottom{margin-bottom:0;}

.latyerPop.sns{display:none; top:50%; margin-top:-222px;}
.latyerPop.sns .layerCont{padding:150px 59px 0}
.latyerPop.sns .layerCont ul{*zoom:1;}
.latyerPop.sns .layerCont ul:after{content:''; display:block; clear:both;}
.latyerPop.sns .layerCont ul li{float:left; margin-right:19px;}
.latyerPop.sns .layerCont ul li.last{margin:0;}
.latyerPop.sns .layerCont p{padding-top:21px;}
.latyerPop.sns .layerCont input{height:27px; padding:0 5px; line-height:27px; border:1px solid #c1c1c1; vertical-align:middle; color:#999}
.latyerPop.sns .layerCont .popBtnArea{padding:17px 0 40px; text-align:center;}

.latyerPop.complete{display:none; top:50%; margin-top:-130px;}
.latyerPop.complete .layerCont {text-align:center;}
.latyerPop.complete .layerCont .textArea{padding:45px 0 0 }
.latyerPop.complete .layerCont .popBtnArea{padding:41px 0 41px;}

/* event2 */
#eventMain .snsCont{position:relative; width:913px; margin:0 auto; height:797px; background:url(images/content1.png) no-repeat 0 0; z-index:15}
#eventMain .snsCont .btnSnsEvent{position:absolute; left:32px; top:320px;}
#eventMain .imgList{position:relative; width:913px; margin:0 auto; padding-top:156px ; min-height:264px; background:url(images/content2.png) no-repeat 0 0;}
#eventMain .snsCont>input[type=text]{position: absolute; left: 37px; top: 270px; width:270px; height: 20px; font-size: 16px; border: 0; padding: 5px; color: #444; background: #f7e9c9; font-weight: bold; text-align:center; font-family:'NanumGothicBold'}
#eventMain .imgList .imgListBg>ul{padding:0 0 0 42px; min-height:175px; background:#fef6e4; *zoom:1;}
#eventMain .imgList .imgListBg>ul:after{content:''; display:block; clear:both;}
#eventMain .imgList .imgListBg>ul li{float:left; padding:0 20px 25px 0;}
#eventMain .imgList .imgListBg>ul li img{width:150px; height:150px}
#eventMain .imgList .imgListBg>ul li.listNone{float:none; height:350px; padding:0 42px 0 0; width:auto; line-height:350px; text-align:center;}
#eventMain .imgList .imgListBg{background:url(images/content2Bg.png) no-repeat 0 100%; padding-bottom:89px;}
#eventMain .imgList .paging{text-align:center; padding-bottom:20px; background:#fef6e4;}
#eventMain .imgList .paging a{}
#eventMain .imgList .paging ul:after{content:''; display:block; clear:both;}
#eventMain .imgList .paging ul li{float:left; width:10px; padding:0 8px; line-height:21px;}
#eventMain .imgList .paging ul li a{font-size:14px; color:#707070;}
#eventMain .imgList .paging ul li.on a{font-weight:bold; color:#1d5788}
.latyerPop.input.snsInput{top:50%; margin-top:-340px;}
.latyerPop.input .layerCont ul.inputArea .snsBox label{display:inline-block; padding-right:15px;}
.latyerPop.input .layerCont ul.inputArea .snsBox {padding-bottom:22px;}