@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.noto {
   font-family: 'NanumGothic', sans-serif;
}
.opensans {
	font-family: 'Open Sans', sans-serif;
}

*{margin: 0; padding: 0;}
body{font-size: 0.75em; -webkit-text-size-adjust:none}
li{list-style: none;}
a{text-decoration: none;}
a:hover, a:focus, a:active{text-decoration: none;}
img{border: none;}
.cf:after{content: ""; display: block; clear: both;}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



#wrap{width: 100%; min-width: 1150px;}
#header{width: 100%; /*box-shadow : rgba(0,0,0,0.4) 0px 2px 10px;  position: fixed; left: 0; top: 0; z-index:990; */ }
#content{width: 100%;}
.boTable{width: 1200px; padding: 30px 0; margin: 0 auto;}
#footer{width: 100%; background: #303030;}



/* topBanner */
#TopBanner{width: 100%; }
.topBannerBg{width: 100%; background: url(../img/main/top_banner_bg.gif);}
.topBannerImg{width: 1200px; margin: 0 auto;position: relative;}
.topBannerImg img{display: block;}
.topInput {color:#fff;position:absolute;right:100px;top:0;}
.topInput h2 {padding:2px 0;background:#242d3b;text-align:center;width:158px;}
.topInput li {padding:2px 0;display:inline-block;font-size:13px;height:16px;    margin: 1px 0;}
.topInput li label {width:55px;text-align:left;display:inline-block;vertical-align:middle;}
.privacyPolicy {display:none;z-index:99;position:absolute;background:#fff;}


.privacyPolicyTitle {width: 950px; margin: 0 auto; padding-top: 10px; font-size: 18px; font-weight: bold;position:relative;margin:0;;margin-left:11px}
.tBClose{position: absolute; top: 15px; right: 10px;color: #ffffff;cursor:pointer;}
.tBClose span{display: block; font-size: 12px; color: #ffffff;  padding-right: 18px; letter-spacing: -1px;}
.imgClose {position:absolute;right:0px;top:4px;}


/* header */

#gnb{width: 100%; height: 33px; position: relative; background-color: #008bd1; border-top: 2px solid #27405d; border-bottom:0;}
#gnbBox {width: 1150px; height: 33px; margin: 0 auto; padding : 0 25px; }
#gnbBox ul.gnbLeft {float: left; }
#gnbBox ul.gnbLeft li{float: left; height: 33px; background: url(../img/main/gnbleft_line.gif) 0 10px no-repeat;}
#gnbBox ul.gnbLeft li a{display: block;padding: 5px 7px 2px 7px; margin: 0 5px;  color: #ffffff; font-size: 12px;font-weight:300; letter-spacing:-.5px;} 
#gnbBox ul.gnbLeft li.bln {background: none;} 
#gnbBox .starSite {float: left; padding-top:3px; cursor:pointer;}
#gnbBox ul.gnbLeft li.on a{background: #0074a5; border-radius: 0 0 7px 7px; box-shadow: 2px 2px 2px #292627;} 
#gnbBox ul.gnbLeft li:hover a{background: #0074a5; border-radius: 0 0 7px 7px; box-shadow: 2px 2px 2px #292627;} 
#gnbBox ul.gnbCenter {float: left; margin-left:280px; }
#gnbBox ul.gnbCenter li{float: left; border-left: 1px solid #3f3f3f;} 
.previewT{ float: left;  width: 230px; height: 33px; position: relative; overflow: hidden; background: url(../img/main/head_notice.png) 0 10px no-repeat; font-weight:300; letter-spacing:-.5px;}
.previewT p{font-size: 12px; color: #e3e3e3; height: 33px; line-height: 33px; position: absolute; top: 0; padding: 0 30px; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.previewT p+p{top: 35px;}
.previewT span{color: #e6ee69;}
#gnbBox ul.gnbRight{float: right;} 
#gnbBox ul.gnbRight li{float: left; line-height: 33px; margin-left:20px;} 
#gnbBox ul.gnbRight li a{color: #e3e3e3; font-size: 11px;} 

#lnb{height: 59px; border-bottom: 1px solid #c2c2c2; width: 100%; background-color: #ffffff;}
#lnbBox {width: 1150px; height:59px;margin: 0 auto; padding: 0 25px; position:relative;}
#mainLogo {float: left;width: 135px;height:40px; margin-right:20px; line-height: 59px;}
#nav{float: left; height: 59px;margin-left:0px;}
#nav > ul > li{float: left; line-height: 59px; width: 177px;  text-align: center;position: relative;}
#nav > ul > li.newlnb{background: url(../img/main/head_new.png) 14px 18px no-repeat;margin:0px 0px 0px 0px;}
#nav > ul > li > a{display: block; height: 59px; font-size: 16px;font-weight: 500; color: #222222; }
#nav > ul > li:hover > a{background: #008bd1; color: #ffffff;}
#nav > ul > li:hover .sNavBox {display: block;}
.sNavBox {display: none; position:absolute; top:59px;  border: 1px solid #0e2743; z-index:990; background: #ffffff;width: 620px;}
.sNavBox1 {  left: -40px;}
.sNavBox2 { left: -40px;}
.sNavBox3 { left: -40px;}
.sNavBox5 {left: -300px;}
.sNavBox >ul {width: 170px; float: left; padding: 20px 0;}
.sNavBox li { height:26px; line-height:26px; position:relative;}
.sNavBox li:hover >a{background: #008bd1; color: #ffffff; }
.sNavBox .sNavImgBox {float: left; padding: 20px 0 20px 20px; border-left: 1px solid #cccccc;}
.sNavBox li:hover .sSnav {display: block;}
.sNav li a{display: block; font-size: 13px; color: #393838; }
.sSnav {position:absolute; left:170px; z-index:991; top:0; background: rgba(255,255,255,0.9); border: 1px solid #cccccc; text-align:left; width: 190px; padding:10px 0 40px 0; display: none;}
.sSnav li {height:26px; line-height: 26px; text-indent:20px; }
#allCate {position:absolute; right:25px; margin-top:15px; margin-left:10px;}
#searchBox {float: right; margin-right:35px; border: 1px solid #cacaca; border-radius:15px; height: 25px; padding: 0 10px;margin-top:15px;}
.search {background: #ffffff; width: 122px; height: 25px; line-height: 25px; }
.search > input[type="text"] {border:none; width: 100px; font-size: 15px; }
.search > a>img  {line-height: 25px; }

/* .sNav{position: absolute; top: 94px; left: 0; width: 100%; background-color: #ffffff; display: none; z-index: 150; box-shadow: 0px 1px 3px #292627; overflow: hidden;}
/* #nav > ul > li:hover > .sNav{display: block;} 
.sNav > div{width: 1050px; margin: 0 auto; padding: 30px 0 50px;  display: none; }
.sNav ul{float: left; width: 504px; padding-right: 20px; border-right: 1px solid #e4e4e4;}
.sNav ul+ul{width: 505px; padding-left: 20px; padding-right: 0; border-right: 0;}
.sNav strong{display: block; font-size: 22px; color: #333333; font-weight: 500; margin-bottom: 15px; letter-spacing: -0.6px;}
.sNav li{float: left; width: 50%; margin-bottom: 5px;}
.sNav li a{font-size: 14px; color: #666666; letter-spacing: -0.6px;}
.sNav li a:hover{color: #5bc4d0; text-decoration: underline;} */

/* .leftOpen{position: fixed; top: 162px; left: 0; z-index: 200; display: none;}
.leftOpen img{display: block;}
#leftMenu{position: fixed; top: 0; left: 0; width: 180px; height: 100%; z-index: 999; background-color: #e4e4e4; box-shadow: 1px 0 4px #cccccc;}
.leftTopBox{width: 180px;}
.leftTopBox img{display: block; margin-bottom: 15px;}
.leftTopBox > a{display: block; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333; font-weight: bold; margin-left: 20px; padding-left: 12px; margin-bottom: 8px;}
.leftTopBox .lLogo{width: 180px; margin-bottom: 40px; padding-top: 30px;}
.leftTopBox .lLogo img{margin-left: 68px; margin-bottom: 20px;}
.leftTopBox .lLogo span{display: block; text-align: center; font-size: 13px; color: #4b4b4b; text-transform: uppercase; font-weight: 550; }
.leftTopBox .lLogo strong{display: block; text-align: center; font-size: 16px; color: #194c96; }

.lMclose{position: absolute; top: 14px; right: 8px; z-index: 100;}
.lMclose a{ font-size: 20px; color: #7b7b7b;} */




/* quick */
#quickMenu{position: relative; width: 1100px; margin: 0 auto;}
.quick{position: absolute; top: 312px; /* right: -90px; */ right: 0; z-index: 100; width: 88px; border: 1px solid #c3c3c3; text-align: center;}
.quick li+li{border-top: 1px solid #c3c3c3;}
.quick a{display: block; font-family: 'Open Sans', sans-serif; color: #333333; background-color: #ffffff; height: 40px; line-height: 40px;}
.quick li a:hover{background-color: #303030; color: #d0d0d0;}
.quick li.on a{background-color: #303030; color: #d0d0d0;}
.quick img{display: block;}



/* content */
#content1{width: 100%;   /* background: url(../img/main/mainvisual01.jpg) center center no-repeat; */  position: relative;}
/* #content1Box {width: 1050px; margin: 0 auto; padding: 0 25px;} */
#content1 .rollingImg{width: 100%; height: 580px; position: relative; overflow: hidden;}
#content1 .rollingImg .rImg{width: 100%; height: 580px; position: absolute; top: 0; left: 0; overflow: hidden;}

@media (max-width:1400px){
	#content1 .rollingImg{width: 100%; height: 420px; position: relative; overflow: hidden;}
	#content1 .rollingImg .rImg{width: 100%; height: 420px; position: absolute; top: 0; left: 0; overflow: hidden;}
}

@media (max-width:1200px){
	#content1 .rollingImg{width: 100%; height: 360px; position: relative; overflow: hidden;}
	#content1 .rollingImg .rImg{width: 100%; height: 360px; position: absolute; top: 0; left: 0; overflow: hidden;}
}

#content1 .rollingImg .rImg+.rImg{left: 100%;}
#content1 .rollingImg .rImg img{display: block; position: absolute; top: 0; left: 0%;width:100%}
.visualNum{position: absolute; bottom: -30px; right: 200px; width: 110px; height: 13px; }
.visualNum .vNum{float: left; width: 13px; height: 13px; margin: 0 3px; background: url(../img/main/visual_off.png) no-repeat; cursor: pointer;}
.visualNum .vNum.active{width: 28px; height: 14px; background: url(../img/main/visual_on.png) no-repeat ;}

#content2{width: 100%; border-bottom: 1px solid #d2d2d2;}
#content2HBox {width: 1050px;  height: 100px; padding: 0 25px;padding-top: 40px; margin: 0 auto;}
#content2HBox >h3 {background: url(../img/main/pf_logo.png) 50% 0 no-repeat; text-align:center; padding-top:30px; font-size: 24px;  color: #303030;font-style: italic; padding-bottom: 60px;}
#content2HBox >h3 span{font-size: 20px; font-weight:300;}
#content2Top {width: 100%; background: #393939; height: 50px; line-height: 50px;}
.content2TopBox {width: 1050px; height: 50px; padding: 0 25px; margin: 0 auto;}
.content2TopBox ul li {float: left; width: 14.28%; text-align: center;}
.content2TopBox ul li a{color: #ffffff; font-size: 15px; display: block;}
.content2TopBox ul li a:hover{background: #828282;}
.content2TopBox ul li a.c2ton{background: #0074a5;}
#content2Bottom{position:relative; background: #000000;}
#content2Bottom > div {display: none; height: 460px; position: relative;}
#content2Bottom > div.c2bon {display: block;}
#content2Bottom {width: 100%; /* background: url(../img/main/je_17.jpg) center center no-repeat; */ height: 460px; }
.c2bVisual {width: 100%; /* height: 406px; */ height: 460px; position:relative;}
.c2bbLeft {position:absolute !important; display: block !important;top:38%; left:5%; cursor:pointer; z-index:800;}
.c2bbRight {position:absolute !important;display: block !important; top:38%; right:5%;cursor:pointer;z-index:800;}
.c2bbLeftbg {position:absolute !important;display: block !important; left:0; z-index:799;  filter: alpha(opacity=30);opacity: 0.3; width: 600px; overflow:hidden;}
.c2bbRightbg {position:absolute !important;display: block !important; right:0; z-index:799; filter: alpha(opacity=30);opacity: 0.3; width: 600px;overflow:hidden;}
.c2bRolling {width: 100%; height: 53px; border-top: 1px solid #000000; background: #ffffff; position: absolute; bottom: 0; left: 0; z-index:802;}
.c2bRollingBox {width: 1050px; /* height: 53px; */ height: 180px; padding: 0 25px; margin: 0 auto; position:relative; top: -127px;}
.cSImg{width: 1050px; height: 460px; margin: 0 auto;position: relative; overflow: hidden; z-index:801;}
.cSImg img{display: block;}
.c2bRolling .lefta{position: absolute; left: 0; bottom: 17px;}
.c2bRolling .righta{position: absolute; right: 0; bottom: 17px;}
.c2bRolling .thumbImg{width: 910px; /* height: 33px; */height: 180px; /* padding: 10px 0; */ position: relative; margin: 0 auto; text-align: center; overflow: hidden;}
.c2bRolling .thumbImg ul{position: relative; top: 137px; width: 91px; height: 33px;}
.c2bRolling .thumbImg ul .thumb{float: left; position: absolute; left: 0; top: 0; width: 74px; height: 33px; margin: 0 8.5px;}
.c2bRolling .thumbImg ul .thumb .thumbBox{width: 74px; height: 33px; overflow: hidden; cursor: pointer;}
.c2bRolling .thumbImg ul .thumb.on .thumbBox{opacity: 0.5; filter: alpha(opacity=50);}
.c2bRolling .thumbImg ul .thumb .hoverBox{position: absolute; bottom: 0; left: 0; border: 1px solid #ffffff; display: none; z-index: 50;}
.c2bRolling .thumbImg ul .thumb img{height: 100%;}
.resultList {width:1080px;margin:0 auto}
#content3{width: 100%;  background: url(../img/main/pf_bg.gif);  padding-top: 60px;}

#content3Box {width: 1200px; margin: 0 auto;}
#content3Box >h3 {background: url(../img/main/img_logo_on.png) 50% 0 no-repeat; text-align:center; padding-top:30px; font-size: 24px;  color: #303030;font-style: italic; padding-bottom: 60px;}
#content3Box >h3 span{font-size: 20px; font-weight:300;}
ul.pfList li {width: 320px; /* margin-right:45px; */ margin: 0 20px; margin-bottom: 35px;float:left}
ul.pfList li span.pfTit {display: block; width: 320px; border-bottom: 1px solid #303030; padding: 10px 0 5px 0; font-size: 15px;}
ul.pfList li span.pfDat {display: block; width: 320px; padding-top: 5px; font-size: 14px; color: #535353;height:20px;}
#content3Box .pfMore {display: block; margin: 0 auto; width: 60px; padding-bottom: 40px;}

#content4{width: 100%; height: 210px; background: url(../img/main/counsel_bg2.jpg) center center no-repeat;}
#content4H {width: 100%; background: #ffffff;}
#content4HBox {width: 1050px;  height: 100px; padding: 0 25px;padding-top: 40px; margin: 0 auto;}
#content4HBox >h3 {background: url(../img/main/pf_logo.png) 50% 0 no-repeat; text-align:center; padding-top:30px; font-size: 24px;  color: #303030;font-style: italic; padding-bottom: 60px;}
#content4HBox >h3 span{font-size: 20px; font-weight:300;}
#content4Box {width: 1050px; height: 176px; padding: 17px 25px; margin: 0 auto; background: url(../img/main/counsel_tit.png) 25px 50% no-repeat;}
.cont4Left {float: left; width: 499px; margin-left: 49px; height: 176px; border-right: 0px solid #757575;}
.cont4Left >h4 {color: #ffffff; font-size: 15px; padding-left: 35px; background: url(../img/main/je_icon.png) no-repeat; font-weight: 400;}
.cont4Left .pdRadio {font-size: 14px; color: #ffffff; padding: 20px 0; width: 450px;margin-left: 15px;}
.cont4Left .pdRadio input[type="radio"] {display: none;}
.cont4Left .pdRadio input[type="radio"]+label {padding-left: 20px; margin-right:5px; background: url(../img/main/radio_off.png) no-repeat 0 3px;}
.cont4Left .pdRadio input[type="radio"]+label.on {background: url(../img/main/radio_on.png) no-repeat 0 3px;}
.cont4Left .pdImgBox {position:relative; width: 475px; height: 65px; display: none;}
.cont4Left .pdImgBox.on {display: block;}
.cont4Left .pdImgBox .pdImg { height: 65px; width: 420px; overflow:hidden; position:relative; margin-left: 30px;}
.cont4Left .pdImgBox .pdLeft{ position:absolute; top:22px; left:0; cursor:pointer;}
.cont4Left .pdImgBox .pdRight{ position:absolute; top:22px; right:0; cursor:pointer;}
.cont4Left .pdImgBox .pdImg ul {/* width: 800px; */width: 84px; /* overflow: hidden; */ height: 65px; /* position:absolute; */}
.cont4Left .pdImgBox ul li{float: left; /* margin-right: 5px; */margin: 0 1.5px; width: 81px; text-align:center; font-family: '돋움'; color: #ffffff; font-size: 11px; position: absolute; top: 0; left: 0;}
.cont4Left .pdImgBox ul li img{width: 81px; height: 48px; margin-bottom:3px; display: block;}
.cont4Left .pdImgBox ul li.on img{ border: 1px solid #ffffff; width: 79px; height: 46px;opacity: 0.5; filter: alpha(opacity=50); }


.cont4Right {float: right; margin:20px 0px 0px 0px;width: 421px; height: 176px; border-left: 0px solid #5a5a5a;}
.cont4Right dl{width: 100%;float: left;  margin-bottom: 8px;}
.cont4Right dl.smallDl{width: 230px;float: left;  margin-bottom: 8px;}
.cont4Right dl.smallDlRight dt{width: 69px;}
.cont4Right dl.smallDl dd input[type="text"] {width: 140px;}
.cont4Right dl.smallDl dd input[type="password"] {width: 140px; height: 32px; background: #e5e5e5; height: 32px; border: none; font-family: 'Noto Sans Korean', sans-serif;}
.cont4Right dt{width: 75px; margin-right: 15px; text-align:right;  float: left; color: #ffffff; font-size: 14px;}
.cont4Right dd{ float: left;}
.cont4Right dd input[type="text"]{background: #e5e5e5; width: 364px; height: 32px; border: none; font-family: 'Noto Sans Korean', sans-serif;}
.cont4Right dd textarea {background: #e5e5e5; resize:none; max-height: 60px; height: 60px; border: none; width: 364px; font-family: 'Noto Sans Korean', sans-serif;}
.cont4Right .ccO {float: left; margin-left: 90px; color: #feb553; }
.cont4Right .ccO input[type="checkbox"] {margin-right: 5px; margin-top:2px;}
.cont4Right .counselJ {float: right; margin-right: 45px;}
.counselJ {cursor:pointer}
#content5{width: 100%; background: #f7f7f7 url(../img/main/eventsns_bg.jpg) center center no-repeat;  border-bottom: 1px solid #d2d2d2; padding-bottom:}
#content5HBox {width: 1050px;  height: 100px; padding: 0 25px;padding-top: 40px; margin: 0 auto;}
#content5HBox >h3 {background: url(../img/main/pf_logo.png) 50% 0 no-repeat; text-align:center; padding-top:30px; font-size: 24px;  color: #303030;font-style: italic; padding-bottom: 20px;}
#content5HBox >h3 span{font-size: 20px; font-weight:300;}
#content5Box {width: 1050px; height: 215px; padding: 20px 25px; margin: 0 auto; position:relative;}
.cont5Left {width: 250px;  float: left; margin: 0 20px; }
.cont5Left .c5lTop {border-bottom: 2px solid #112945; height: 30px; line-height:30px; font-size: 15px; margin-bottom: 20px;}
.cont5Left .c5lTop span {padding-left:10px;}
.cont5Left .c5lBottom {line-height:24px;  }
.cont5Left .c5lBottom a {font-size: 12px; color: #4c4c4c; padding-left:15px; width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cont5Center {width: 250px;  float: left; margin: 0 20px; }
.cont5Center .c5cTop {border-bottom: 2px solid #112945; height: 30px; line-height:30px; font-size: 15px; margin-bottom: 20px;}
.cont5Center .c5cTop span {padding-left:10px;}
.cont5Center .c5cBottom img {float: left; margin: 0 10px; border: 1px solid #d2d2d2;}
.cont5Center .c5cBottom .eventTextA {float: left; margin-right:10px; width:95px;}
.cont5Center .c5cBottom .eventTextA  span {font-style: italic; font-size: 11px; color: #ff6201; font-weight:600; }
.cont5Center .c5cBottom .eventTextA  p {color: #4c4c4c; line-height: 16px; font-size: 12px;  }
.cont5Right {width: 250px;  float: left; margin: 0 20px; }
.cont5Right .c5rTop {border-bottom: 2px solid #112945; height: 30px; line-height:30px; font-size: 15px; margin-bottom: 0px;}
.cont5Right .c5rTop span {padding-left:10px;}
.cont5Right .c5rTop >img {float: right;margin-top:6px;}
.cont5Right .c5rBottom {margin-left:20px; }
.cont5Right .c5rBottom li{width: 210px; border-bottom: 1px solid #d2d2d2;}
.cont5Right2 {position:absolute; right:25px; top: -110px;width: 120px; }
.cont5Right2 .c5r2Top {height: 30px; line-height:30px; font-size: 15px; }
.cont5Right2 .c5r2Top >a {float: right;}
.cont5Right2 >span {font-size: 13px; display: block; padding: 5px 0;}
.c5r2Rolling{float: left; width: 120px; height: 280px; position: relative; top: 0; left: 0; overflow: hidden;}
.slideImg{position: absolute; top: 0; left: 0;}
.slideImg+.slideImg{left: 100%;}
.controlPanel{position: absolute; bottom: -5px; right: 23px; width: 60px; height: 13px; }
.controlPanel .controlBtn{float: left; width: 8px; height: 8px; margin: 0 2px; background: url(../img/main/md_off.png) no-repeat; cursor: pointer;}
.controlPanel .controlBtn.active{background: url(../img/main/md_on.png) no-repeat ;}

#content6{width: 100%; height: 280px;/* background: url(../img/main/map_bg.jpg) center center no-repeat;*/ border-bottom: 1px solid #d2d2d2;}
#content6Box {width: 1050px; height: 280px; padding: 0 25px; margin: 0 auto; }
.contactText {margin-left: 537px;  margin-top: 45px; width: 344px; float: left; }
.contactText > span {font-size: 30px; color: #f26522; display: block; margin-bottom:20px;}
.ct1Box {margin-bottom:30px;}
.ct1Box dl{width: 100%; float: left;}
.ct1Box dl dt {font-size: 15px; color: #464545;  width: 90px;  float: left;}
.ct1Box dl dd {font-size: 14px; color: #626262;  float: left;}
.ct2Box dl{width: 100%; float: left; }
.ct2Box dl dt{font-size: 15px; color: #f26522; width: 40px; float: left;}
.ct2Box dl dd{font-size: 15px; color: #464545;  float: left;}
.contactRight {width : 139px; padding-left: 30px;float: left; height: 260px; padding-top:20px;}
.contactRight li{height: 80px; }
.contactRight li.ctrli1{background: url(../img/main/cu_icon1.gif) 100% center no-repeat;}
.contactRight li.ctrli2{background: url(../img/main/cu_icon2.gif) 100% center no-repeat;}
.contactRight li.ctrli3{background: url(../img/main/cu_icon3.gif) 100% center no-repeat;}
.contactRight li.ctrli1 a{display: block; padding-top:21px;}
.contactRight li.ctrli2 a{display: block; padding-top:31px;}
.contactRight li.ctrli3 a{display: block; padding-top:21px;}

/* footer */
#footerTop {width: 100%; background: #000000; height: 49px; border-bottom: 1px solid #444444;}
#footerTopBox {width: 1150px; padding: 0 25px; margin: 0 auto;}
#footerTopBox ul {width: 1093px; float: left; height: 49px; line-height: 49px;}
#footerTopBox ul li{float: left; width: 16.55%; text-align:center; border-left: 1px solid #444444;}
#footerTopBox ul li a{color: #ffffff; display: block;}
a.footTop {width: 55px; height: 49px; border-right: 1px solid #444444; border-left: 1px solid #444444;float: right; }
#footerBox1 {width: 1150px; padding: 40px 25px; margin: 0 auto; border-bottom: 1px solid #616161; }
.foot1Left {width: 50%; float: left;}
.foot1Left p{color: #b8b8b8; line-height: 19px; margin: 25px 0;}
.foot1Left p span.footW{color:#ffffff;}
.foot1Left p span.footRed{color:#ff8e8e;}
.foot1Left ul.footsns li{ float: left; margin-right : 10px;}
.foot1Right {width: 50%; float: right; margin-top: 25px;}
.foot1Right >ul {width: 20%; float: left; text-align:center;}
.foot1Right >ul li.fNTit{color: #cecece; padding-bottom: 25px;}
.foot1Right >ul li a{color: #ffffff;line-height: 19px; font-weight: 400;}

#footerBox2 {width: 1150px; padding: 25px; margin: 0 auto; text-align:center; color: #616161;}










#subVisual {width: 100%; height:300px; overflow: hidden; position: relative;}
#subVisual .subVisualR{position: absolute; top: 0; left: 0; width: 100%; height: 300px;}
#subVisual .subVisualR+.subVisualR{left: 100%;}
#subVisual .text{position: absolute; top: 50%; left: 50%; width: 800px; height: 110px; margin-left: -400px; margin-top: -45px;}
#subVisual .text strong{display: block; margin: 0 auto; text-align: center; color: #ffffff; font-size: 55px; font-weight: 400; text-transform: uppercase; font-style: italic; letter-spacing: -1.5px;}
#subVisual .text span{display: block; margin: 0 auto; text-align: center; color: #ffffff; font-size: 22px; margin-top: -5px; font-weight: 300;}
.sub1Visual .svr1{background: url(http://www.resom.co.kr/forest/images/bg/bg_topBg1_1.jpg) no-repeat center center;}
.sub1Visual .svr2{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub2Visual .svr3{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub2Visual .svr4{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub3Visual .svr5{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub3Visual .svr6{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub4Visual .svr7{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub4Visual .svr8{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub5Visual .svr9{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub5Visual .svr10{background: url(../img/sub/sub_visual_01.jpg) no-repeat center center;}
.sub2Visual .svr21{background: url(../img/sub/sub_visual_2_02.jpg) no-repeat center center;}
#subContent {width: 1000px; padding : 0 25px; margin: 0 auto; }
#subContent2 {width: 1150px; padding : 0 0px; margin: 0 auto; }
.subDepth {width: 100%; height: 34px; padding-top: 15px; border-bottom: 1px solid #e4e4e4;}
.subDepth ul {float: right; }
.subDepth ul a{color: #242424; font-size:12px;}
.subDepth ul li {float: left;line-height: 15px;}
.subDepth ul li.sdHome {background: url(../img/sub/sub_h_icon.jpg) no-repeat 0 5px;  padding-left: 10px; margin-right: 8px;}
.subDepth ul li.sdArraw{background: url(../img/sub/sub_arrow.jpg) no-repeat 0 5px ; padding-left: 10px; margin-right: 8px;}
.subDepth ul li.sdOn a{color: #057947;}
#subContBox {width: 100%;}



.introduce > img {display: block ; margin: 0 auto;}
.introduce > img.intImg1 {border-bottom: 1px solid #e4e4e4;}
.introduce p.intp1 {margin: 50px 0 ; text-align: center; color: #242424; font-size: 15px; letter-spacing: -.8px;}
.introduce p.intp1 span{ color: #f26522; font-size: 16px;}
.introduce p.intp2 {margin: 50px 0 ; text-align: center; color: #242424; font-size: 15px; letter-spacing: -.8px;}
.introduce p.intp2 span {color: #f26522; font-size: 15px;}
.introduce p.intp2 strong {font-size: 17px; font-weight: normal;}
.introduce p.intp2 span.gray1 {font-size: 15px; color:  #828282;}
.introduce p.intp2 b {font-size: 30px; color:  #000000;  font-weight: 500;}

.map .mapTit {text-align: center; width: 100%; padding: 40px 0;}
.map .mapTit >img {display: block; margin: 0 auto;}
.map .mapTit >p {font-size: 15px; color: #242424; padding-top: 25px;}
.map .mapBox {width: 100%; }
.map .mapBox ul.mapTab {width: 100%; }
.map .mapBox ul.mapTab li{float: left; width: 50%;  border-top: 1px solid #d3d3d3; font-size: 18px; text-align: center; height: 55px; line-height: 55px;}
.map .mapBox ul.mapTab li a {color: #d3d3d3; display: block;}
.map .mapBox ul.mapTab li.on{ border-top: 2px solid #f26522; padding-top: -1px;}
.map .mapBox ul.mapTab li.on a{color: #f26522; line-height: 53px;}
.map .mapBox .mapArea {padding-bottom:100px;}
.map .mapBox .mapArea .map1 {display: none;}
.map .mapBox .mapArea >div.on {display: block;}
.map .mapBox .mapArea .mapImg {height: 446px; width: 1148px; border: 1px solid #e4e4e4;}
.mapArea dl {width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #e4e4e4; font-size: 18px; }
.mapArea dl dt {width: 20%; color: #585858; float: left; letter-spacing: -.8px;}
.mapArea dl dd {width: 80%; color: #242424; float: left; letter-spacing: -.8px;}

.product {width: 100%; padding: 30px 0; position: relative;}
.spdLeft {width: 774px; margin-right: 34px; float: left;}
.spdRight {width: 342px; position:absolute; right:0; top: 42px; background: #ffffff; }
.spdRight .sprTit {font-size: 22px; color: #242424; padding-left: 30px; background: url(../img/main/pf_logo.png) 0 6px no-repeat; padding-bottom: 3px; border-bottom: 1px solid #242424; margin-bottom: 35px;}
.spdRight .sprText span{ font-size: 16px; margin-bottom: 20px; display: block;letter-spacing: -.8px;}
.spdRight .sprText p{ font-size: 13px; padding-bottom: 20px; letter-spacing: -.5px;line-height:20px}
.spdRight .sprSize {margin-bottom: 15px;}
.spdRight .sprSize >span {background: url(../img/sub/pd_c.jpg) no-repeat; padding-top: 8px; font-size: 16px; }
.spdRight .sprSize table {border-spacing: 0px; padding:0; border:0; border-collapse: collapse; width: 100%; font-size: 14px; text-align: center; letter-spacing: -.8px; margin-top: 20px;}
.spdRight .sprSize table th {width: 25%; border-top: 1px solid #505050; border-bottom: 1px solid #bdbdbd; font-weight: normal; height: 40px;}
.spdRight .sprSize table td {width: 25%; border-bottom: 1px solid #505050;  height: 40px;}
.spdRight .sprColor {margin-bottom: 10px;}
.spdRight .sprColor >span {background: url(../img/sub/pd_c.jpg) no-repeat; padding-top: 8px; font-size: 16px;margin-top:30px }
.spdRight .sprColor ul {width: 100%; letter-spacing: -.8px;  padding-top: 22px; font-size: 11px;text-align: center; font-family: '돋움';}
.spdRight .sprColor li {float: left; width: 60px; height:85px; margin-right: 5px; margin-bottom:10px;}
.spdRight .sprColor li .colorCh {border-radius: 50%; overflow: hidden; width: 50px; height: 50px;  margin: 0 auto 5px; }
.spdRight .sprList >span {background: url(../img/sub/pd_c.jpg) no-repeat; padding-top: 8px; font-size: 16px; }
.spdRight .sprList ul {width: 100%;}
.spdRight .sprList ul li {padding: 15px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px;}
.sprList ul li .slImg { float: left; width:98px; height: 98px; border: 1px solid #e4e4e4; margin-right: 15px;}
.sprList ul li .slImg img{width: 100%;}
.sprList ul li .slText p {width: 190px;  font-size: 14px; padding-bottom: 10px;}
.sprList ul li .slText span {width: 190px; display: inline-block; font-size: 13px; padding-bottom: 10px;}

.result .resultTop {padding: 40px 0 50px 0;}
.result .resultTop > span {background: url(../img/sub/pd_c.jpg) no-repeat; padding-top: 8px; font-size: 16px; }
.result .resultTop .checkBArea {font-size: 14px; padding: 30px 0; width: 100%; border-bottom: 1px solid #8b8b8b; margin-bottom: 15px; }
.result .resultTop .checkBArea label{margin-right: 25px; margin-left: 3px;}
.searchBArea {width: 100%; background-color: #fafafa; padding: 10px 0;}
.resultSearch {float: left;}
.resultSearch span {font-size: 15px; padding: 0 25px; border-right: 1px solid #888888; height: 20px; margin-right: 25px;}
.resultSearch label {font-size: 14px; padding: 0 15px 0 3px;}
.resultSearch input[type="text"] {border: 0; background: #f7f7f7; border-bottom: 1px solid #8f8f8f; width: 200px; height: 28px;}
.resultSearch a {display: inline-block; width: 48px; border: 1px solid #8f8f8f; text-align: center;height: 28px; line-height: 28px; font-size: 14px; color: #242424;}

.resultSearch input[type="submit"] {display: inline-block; width: 78px; border: 1px solid #8f8f8f; text-align: center;height: 28px; line-height: 28px; font-size: 14px; color: #242424;}



.resulBtn {width: 100%;}
.resulBtn >a.listBtn {float:left;}
.resulBtn > a {margin-right: 10px; float: right;}
a.writeBtn {display: inline-block; width: 78px; border: 1px solid #f26522; text-align: center;height: 28px; line-height: 28px; font-size: 14px; color: #f26522;}
a.reviseBtn {display: inline-block; width: 78px; border: 1px solid #b93131; text-align: center;height: 28px; line-height: 28px; font-size: 14px; color: #b93131;}
a.cancelBtn {display: inline-block; width: 78px; border: 1px solid #8d8d8d; text-align: center;height: 28px; line-height: 28px; font-size: 14px; color: #8d8d8d;}
.paging {width: 100%; text-align: center; margin: 50px 0;}
.paging a{height: 36px; display: inline-block; line-height: 36px; border: 1px solid #e4e4e4; color: #666666; font-size: 14px;}
.paging > a.prev {text-indent: 15px; width: 60px; background: url(../img/sub/an_left.png) 15% 52% no-repeat;}
.paging > a.next { width: 60px; background: url(../img/sub/an_right.png) 85% 52% no-repeat;}
.paging a:hover{background-color: #f26522; color: #ffffff;}
.paging a.on{background-color: #f26522; color: #ffffff;}
.paging span> a {width: 36px; }
.blueBtn {width: 232px; margin: 0 auto; }
.blueBtn a{display: block; width: 232px; height: 48px; line-height: 48px; background: #41b0bd; color: #ffffff; text-align: center; font-size: 16px; }


.counsel {width: 100%; padding: 40px 0; }
.counselBox {width: 100%;}
table.couselList {width: 100%; margin: 25px 0; text-align: center; border-spacing: 0px; padding:0; border:0; border-collapse: collapse; float: left; }
table.couselList th {height: 50px; line-height: 50px; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; font-size: 15px; }
table.couselList td {height: 50px; line-height: 50px;  border-bottom: 1px solid #dddbde; font-size: 14px; color: #242424;}
table.couselList td.tdgray {color: #717171;}
table.couselList td span.rp1 {color: #f26522;}
table.couselList td span.rp2 {color: #9b9b9b;}


.counselView {float: left; margin: 25px 0 ;width: 100%; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b;}
.counselView .cv1 {margin-bottom:20px;}
.counselView .cv1 dl{width: 100%; float: left; font-size: 14px;}
.counselView .cv1 dl dt{width: 148px; float: left; margin-right: 42px; padding: 15px 0 ; border-bottom: 1px solid #dddbde;	text-indent: 15px; color: #7b7b7b;}
.counselView .cv1 dl dd{width:960px; float: left; border-bottom: 1px solid #dddbde;	padding: 15px 0 ;  color: #242424; min-height:20px;}
.counselView .cv1 dl.mwn dt{height: 200px; }
.counselView .cv1 dl.mwn dd{height: 200px; overflow-y:scroll; }
.counselView .cv2 {background: #fbfbfb; width: 100%; padding:20px 0 ;margin-bottom:20px;}
.counselView .cv2 dl{width: 100%; float: left; font-size: 14px;}
.counselView .cv2 dl dt{width: 147px; float: left; margin-right: 42px; padding: 15px 0 ; border-right: 1px solid #dddbde;	text-indent: 20px; color: #7b7b7b;}
.counselView .cv2 dl dd{width: 860px; float: left; 	padding: 15px 0 ;  color: #242424; }
.counselView .cv2 dl.mwn dt{height: 150px; }
.counselView .cv2 dl.mwn dd{height: 150px; overflow-y:scroll; }


.counselWrite{float: left; margin: 25px 0 ;width: 100%; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b;}
.counselWrite dl{width: 100%; float: left; font-size: 14px;}
.counselWrite dl dt{width: 148px; float: left; margin-right: 42px; height: 50px; line-height: 50px; border-bottom: 1px solid #dddbde;	text-indent: 15px; color: #7b7b7b;}
.counselWrite dl dd{width: 960px; float: left; border-bottom: 1px solid #dddbde;height: 50px; line-height: 50px; color: #242424; }
.counselWrite dl.mwn dt{height: 200px; padding: 15px 0; }
.counselWrite dl.mwn dd{height: 200px;  padding: 15px 0;}
.counselWrite dl dd input{font-family: 'Noto Sans Korean', sans-serif;}
.counselWrite dl dd input.cwT1{border: 1px solid #f1f1f1; width: 810px; height: 30px; padding-left: 10px; }
.counselWrite dl dd input.cwT2{border: 1px solid #f1f1f1; width: 110px; height: 30px; padding-left: 10px; }
.counselWrite dl dd select {width: 110px; padding-left: 10px; border: 1px solid #f1f1f1; background: #ffffff; height: 30px; font-family: 'Noto Sans Korean', sans-serif;}
.counselWrite dl.mwn textarea {border: 1px solid #f1f1f1; width: 800px; padding: 10px; height: 180px; resize: none; font-family: 'Noto Sans Korean', sans-serif;}
.counselWrite dl.bbn dt{border-bottom:0;}
.counselWrite dl.bbn dd{border-bottom:0;}
.cWriteBtn {width: 100%; text-align:center; }

.noticeBox {width: 100%; padding:40px 0;}
table.noticeList {width: 100%; margin: 25px 0; text-align: center; border-spacing: 0px; padding:0; border:0; border-collapse: collapse; float: left; }
table.noticeList th {height: 50px; line-height: 50px; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; font-size: 15px; }
table.noticeList td {height: 50px; line-height: 50px;  border-bottom: 1px solid #dddbde; font-size: 14px; color: #242424;}
table.noticeList td.tdgray {color: #717171;}
table.noticeList td span.noticeS {color: #d90000;}

.noticeView {float: left; margin: 25px 0 ;width: 100%; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b;}
.noticeView {margin-bottom:20px;}
.noticeView dl{width: 100%; float: left; font-size: 14px;}
.noticeView dl dt{width: 148px; float: left; margin-right: 42px; padding: 15px 0 ; border-bottom: 1px solid #dddbde;	text-indent: 15px; color: #7b7b7b;}
.noticeView dl dd{width: 860px; float: left; border-bottom: 1px solid #dddbde;	padding: 15px 0 ;  color: #242424; }
.noticeView dl.mwn dd{width: 100%; min-height: 100px; height: 100%; text-align:center; }
.noticeView dl.mwn dd >img{display: block; margin: 0 auto; padding-bottom:10px;}

.sitemap {width: 100%; padding: 40px 0; }
.sitemap >ul {float: left; width: 18%; margin-right: 2%; text-align:center; font-size: 13px; line-height: 24px; }
.sitemap >ul li.siteTit{font-size: 15px; color: #f26522; margin-bottom: 20px;  border-bottom: 1px dashed #f26522; padding-bottom:5px;}


.resultView {margin: 30px 0 ;width: 100%; }
.rvTop {width: 100%; border: 0px solid #e6e6e6; }
.rvtLeft {width: 440px; float: left; height: 500px; border: 1px solid #ededed; margin-right: 32px;}
.rvtLeft {width: 440px; float: left; height: 440px; border: 0px solid #ededed; margin-right: 32px;}
.rvtLeft img{width: 100%;height:100%; margin: 0px 0px 0px 0px;}
.rvtRight {width: 1000px; float: left; height: auto;margin: 0px 0px 30px 35px;border:0px solid #e6e6e6;}
.rvtRight >span.rvtTit {display: block; border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 15px 0; width: 430px; font-size: 15px; color: #242424; margin-bottom:10px; }
/*.rvtRight dl{width: 100%; float: left; font-size: 14px;}
.rvtRight dl dt{width: 130px; float: left; margin-right: 19px; height: 40px; line-height: 77px; border-bottom: 0px solid #dddbde;	text-indent: 30px; color: #7b7b7b;}
.rvtRight dl dd{width: 460px; float: left; border-bottom: 0px solid #dddbde;height: 64px; line-height:96px; color: #242424; }*/

.rvtRight dl{width: 100%; height:auto;float: left; font-size: 14px;margin-top:20px;}
.rvtRight dl dt{width: 120px; float: left; margin-right: 19px; height: auto;line-height:20px;  border-right: 1px solid #dddbde;	text-indent: 30px; color: #7b7b7b;}
.rvtRight dl dd{width: 700px; float: left; border-bottom: 0px solid #dddbde;height: auto; line-height:20px; color: #242424; text-align:left;}
.rvtRight .pfvBanner {width: 166px; height: 139px; overflow: hidden;margin-top: 102px; float: left; margin-left: 3%;} 

.rvBottom {width: 100%; border-bottom: 1px solid #ebebeb; }
.rvbLeft {width: 672px; float: left; height: auto; margin-right: 32px;}
.rvlBtnA >span{float: left; margin-right: 5px;}
span.sgn {display: inline-block;width: 230px; height: 50px; line-height: 50px; background: #f26522; text-align:center;font-size: 15px ; color: #ffffff;}
.rvlTextA {width: 775px; height: 100%; float: left; margin-top:10px; border-top: 1px solid #ebebeb; font-size: 14px; padding: 10px;}
.rvbRight {float: left; width: 344px; }
.rvbRight > span {background: url(../img/sub/pd_c.jpg) no-repeat; padding-top: 8px; font-size: 16px;  display: block; margin-bottom: 29px;}
.rvbRight ul {width: 100%; height: 400px; overflow-y:scroll;}
.rvbRight ul li {padding: 15px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px;}
.rvbRight ul li .slImg { float: left; width:98px; height: 98px; border: 1px solid #e4e4e4; margin-right: 15px;}
.rvbRight ul li .slImg img{width: 100%;}
.rvbRight ul li .slText p {width: 190px;  font-size: 14px; padding-bottom: 10px;}
.rvbRight ul li .slText span {width: 190px; display: inline-block; font-size: 13px; padding-bottom: 10px;}
.resultViewbtn {width: 100%; padding: 40px 0;}
.resultViewbtn >span{display: inline-block; }
span.tal {float: left; }
span.tac {float: left; margin-left: 45%; }
span.tac a{margin-left: -51px; }
span.tar {float: right;}


/* 이벤트 레이어 */
#side{width: 200px; height: 100%; min-height:900px; position: fixed; top: 0; left: 0; z-index: 999; background-color: #f6f4f7; }
#side .sideView{position: absolute; top: 220px; right: -50px;display: none;}
#side .sideHide{position: absolute; top: 220px; right:-50px; }
#side img{display: block;}
#side .sideSnsI {padding-left: 20px;  margin-bottom:20px;}
#side .sideSnsI li{float: left;margin-right:4px;}
#side .sideAtag {padding-left: 35px; }
#side .sideAtag li{ padding:5px 0;}
#side .sideAtag li a{ color: #1b1b1b; }
#side .sideAtag li span{padding: 2px 5px; display: inline-block;background: #3c1d1d; color: #fff62c;}
#side .sideAtag li.satg1{ background: url(../img/main/right_icon1.gif) 60px center no-repeat;}
#side .sideAtag li.satg2{ background: url(../img/main/right_icon2.gif) 90px center no-repeat;}
.leftNav {margin-bottom:1px;}
.leftNav > ul > li{border-top: 1px solid #ebebeb; background-color: #e4e4e4;padding: 9px 20px;}
.leftNav > ul > li.lOver{background-color: #f6f4f7;}
.leftNav > ul > li.lOver.on{background-color: #0d253f;}
.leftNav > ul > li > a{display: block; font-size: 14px; color: #333333; }
.leftNav > ul > li.lOver > a{background: url(../images/menu_close_bullet.gif) no-repeat 153px center;}
.leftNav > ul > li.lOver.on > a{color: #ffffff; background: url(../images/menu_open_bullet.gif) no-repeat 153px center;}
.leftNav > ul > li.lOver ul{display: none; padding-top:10px;}
 .leftNav > ul > li.lOver.on ul{display: block;} 
.leftNav > ul > li.lOver ul li{padding: 0 0 10px 30px;}
.leftNav > ul > li.lOver ul li.new{background: url(../images/new.png) no-repeat 8px 2px;}
.leftNav > ul > li.lOver ul li a{font-size: 12px; color: #f6f4f7;}
.leftNav > ul > li.lOver.on ul li a{color: #ffffff;}
.leftNav > ul > li.lOver ul li a:hover{color: #fbc51a;}
.leftNav > ul > li.lOver.on ul li.on a{color: #fbc51a;}
.leftNav li .lnDot {border-bottom: 1px dotted #8d8c8e; width: 120px; }


/* 시공이미지 클릭시 레이어팝업 */
#layerPop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index:9999; display: none;}
#layerPop .layerImg{position: relative; width: 100%; height: 100%; overflow: hidden;}
#layerPop .layerImg .rImg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#layerPop .layerImg .rImg+.rImg{left: 100%;}
#layerPop .layerImg .rImg{background: url(http://www.thenonslip.com/upload/safe_result/a5c883de9fc8e74f3c96e473113c1132.jpg) no-repeat center center;}
#layerPop .layerImg .rImg+.rImg{background: url(http://www.thenonslip.com/upload/safe_result/5a047f1bfde326c90c3d7d724fd25a8b.jpg) no-repeat center center;}
#layerPop .layerImg .rImg+.rImg+.rImg{background: url(http://www.thenonslip.com/upload/safe_result/8ff8c8f625994db861a9b4bc2a3dcc8d.jpg) no-repeat center center;}
#layerPop .layerThumb{position: absolute; width: 100%; bottom: 5%; left: 50%; max-width: 1300px; margin-left: -650px;}
#layerPop .layerThumb .tImg{width: 9%; float: left; margin: 0.5%; border: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: url(http://www.thenonslip.com/upload/safe_result/a5c883de9fc8e74f3c96e473113c1132.jpg) no-repeat center center; background-size: cover;}
#layerPop .layerThumb .tImg+.tImg{background: url(http://www.thenonslip.com/upload/safe_result/5a047f1bfde326c90c3d7d724fd25a8b.jpg) no-repeat center center;}
#layerPop .layerThumb .tImg+.tImg+.tImg{background: url(http://www.thenonslip.com/upload/safe_result/8ff8c8f625994db861a9b4bc2a3dcc8d.jpg) no-repeat center center;}
#layerPop .layerThumb .tImg.on{opacity: 0.5; filter: alpha(opacity=50); border: 2px solid #ffffff;}
#layerPop .leftA{position: absolute; top: 50%; left: 1%; margin-top: -75px;}
#layerPop .leftA span{font-size: 150px; color: #000; font-weight: bold; cursor: pointer;  text-shadow: white 0px 2px, white 2px 0px, white -2px 0px,  white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, 
white 1.4px -1.4px, white -1.4px 1.4px;}
#layerPop .rightA{position: absolute; top: 50%; right: 1%; margin-top: -75px; text-shadow: white 0px 2px, white 2px 0px, white -2px 0px,  white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, 
white 1.4px -1.4px, white -1.4px 1.4px;}
#layerPop .rightA span{font-size: 150px; color: #000; font-weight: bold; cursor: pointer;}
#layerPop .closeLayer{position: absolute; top: 2%; right: 2%;}
#layerPop .closeLayer span{font-size: 100px; color: #000; font-weight: bold; cursor: pointer; text-shadow: white 0px 2px, white 2px 0px, white -2px 0px,  white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, 
white 1.4px -1.4px, white -1.4px 1.4px;}

/*이벤트베너 (우측)*/
#eventBanner{width: 276px; height: 33.3%; position: fixed; top: 220px; right: 0; border-left: 0px solid #e8e8e8; z-index:9998;}
#eventBanner .eventHide{position: absolute; top: 83px; left: -60px;}
#eventBanner .eventView{position: absolute; top: 83px; left: -60px; display: none;}
#eventBanner .eventHide2a{position: absolute; top: 250px; left: -121px;}
#eventBanner .eventView2a{position: absolute; top: 250px; left: -121px; display: none;}
#eventBanner .customer{margin-top: 20px; text-align: left; margin-bottom: 60px; padding-left:0px; }
#eventBanner .customer p{color: #868686; line-height: 16px;}
#eventBanner .customer p.phone{font-family: 'Nanum Gothic', cursive; font-size: 20px; color: #4d4d4d; margin-bottom: 10px; /* line-height: 160%; */ /* padding-top: 25px; */ padding-right: 5px;}
#eventBanner .eventNotice{ text-align:left; padding:30px 10px 0 30px}
#eventBanner .eventNotice2 {text-align:left; padding:0 10px 0 60px}
#eventBanner .eventNotice strong{display: block; color: #868686; padding: 10px 0;}
#eventBanner .eventNotice ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner .eventNotice ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner .snsIcon{margin:30px 0; padding-right: 10px;text-align:Center;}
#eventBanner .eventBox{text-align: right; padding: 0 10px 0 30px;}
#eventBanner .eventBox strong{display: block; font-family: 'Nanum Gothic', cursive; padding-bottom: 5px;text-align: left;}
#eventBanner .eventBox p{font-size: 11px; color: #868686; padding-bottom: 15px;text-align: left;}
#eventBanner .eventBox ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner .eventBox ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner  .p1 {text-align:Center;}

#eventBanner2{width: 490px; height: 100%; position: fixed; top: 0; right: 0; border-left: 1px solid #e8e8e8; z-index:9998;background-color: rgba( 255, 255, 255, 1 );}
#eventBanner2 .eventHide2{position: absolute; top: 215px; left: -86px;}
#eventBanner2 .eventView2{position: absolute; top: 215px; left: -86px; display: none;}
#eventBanner2 .customer{margin-top: 105px; text-align: right; margin-bottom: 60px; padding-right: 10px;}
#eventBanner2 .customer p{color: #868686; line-height: 16px;}
#eventBanner2 .customer p.phone{font-family: 'Nanum Gothic', cursive; font-size: 20px; color: #4d4d4d; margin-bottom: 10px; /* line-height: 160%; */ /* padding-top: 25px; */ padding-right: 5px;}
#eventBanner2 .eventNotice{ text-align:left; padding:30px 10px 0 30px}
#eventBanner2 .eventNotice2 {text-align:left; padding:0 10px 0 60px}
#eventBanner2 .eventNotice strong{display: block; color: #868686; padding: 10px 0;}
#eventBanner2 .eventNotice ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner2 .eventNotice ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner2 .snsIcon{margin:30px 0; padding-right: 10px;text-align:Center;}
#eventBanner2 .eventBox{text-align: right; padding: 0 10px 0 30px;}
#eventBanner2 .eventBox strong{display: block; font-family: 'Nanum Gothic', cursive; padding-bottom: 5px;text-align: left;}
#eventBanner2 .eventBox p{font-size: 11px; color: #868686; padding-bottom: 15px;text-align: left;}
#eventBanner2 .eventBox ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner2 .eventBox ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner2  .p1 {text-align:Center;}


#side .eventNotice img {display:inline-block}
.sideSnsI .customer p{color: #868686; line-height: 16px;}
.sideSnsI .customer p.phone{font-family: 'Nanum Gothic', cursive; font-size: 20px; color: #4d4d4d; margin-bottom: 15px; /* line-height: 160%; */ /* padding-top: 25px; */ padding-right: 5px;}
.sideSnsI .eventNotice2{    margin: 0 0 10px 25px;}
.right_bu {width: 170px; margin: 0 auto;}
.right_bu .rg {margin-right:10px;}
.right_bu .bo {margin-bottom:13px;}




/*상세페이지 구매(우측)*/
#Banner3{width: 0px; height: 100%; position: fixed; top: 0; right: 0; border-left: 1px solid #e8e8e8; z-index:9998;background-color: rgba( 255, 255, 255, 1 );}
#Banner3 .kakao{position: absolute; width: 150px; height: 100px;top: 238px; left: -215px;}
#Banner3 .Hide3{position: absolute; width: 150px; height: 200px;top: 380px; left: -127px;}
#Banner3 .hyundai{position: absolute; width: 150px; height: 200px;top: 545px; left: -120px;}
#Banner3 .hana{position: absolute; width: 150px; height: 200px;top: 575px; left: -120px;}
#Banner3 .lotte{position: absolute; width: 150px; height: 200px;top: 605px; left: -120px;}
#Banner3 .woori{position: absolute; width: 150px; height: 200px;top: 635px; left: -120px;}

/*상세페이지 구매(우측)*/
#eventBanner3{width: 300px; height: 100%; position: fixed; top: 0; right: 0; border-left: 1px solid #e8e8e8; z-index:9999;background-color:#fff;}
#eventBanner3 .eventHide3{position: absolute; top: 180px; left: -86px;}
#eventBanner3 .eventView3{position: absolute; top: 180px; left: -86px; display: none;}
#eventBanner3 .eventHide3{position: absolute; top: 250px; left: -38px;}
#eventBanner3 .eventView3{position: absolute; top: 250px; left: -92px; display: none;}

#eventBanner3 .customer3{margin-top: 20px; text-align: left; margin-bottom: 60px; padding-left:30px; }
#eventBanner3 .customer3 p{color: #868686; line-height: 16px;}
#eventBanner3 .customer3 p.phone{font-family: 'Nanum Gothic', cursive; font-size: 20px; color: #4d4d4d; margin-bottom: 10px; /* line-height: 160%; */ /* padding-top: 25px; */ padding-right: 5px;}
#eventBanner3
#eventBanner3 .img{margin-top: 20px; text-align: left; margin-bottom: 60px; padding-left:30px; }
#eventBanner3 .img p{color: #868686; line-height: 16px;}
#eventBanner3 .img p.phone{font-family: 'Nanum Gothic', cursive; font-size: 20px; color: #4d4d4d; margin-bottom: 10px; /* line-height: 160%; */ /* padding-top: 25px; */ padding-right: 5px;}
#eventBanner3 .eventNotice3{ text-align:left; padding:30px 10px 0 30px}
#eventBanner3 .eventNotice23 {text-align:left; padding:0 10px 0 60px}
#eventBanner3 .eventNotice3 strong{display: block; color: #868686; padding: 10px 0;}
#eventBanner3 .eventNotice3 ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner3 .eventNotice3 ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner3 .snsIcon3{margin:30px 0; padding-right: 10px;text-align:Center;}
#eventBanner3 .eventBox3{text-align: right; padding: 0 10px 0 30px;}
#eventBanner3 .eventBox3 strong{display: block; font-family: 'Nanum Gothic', cursive; padding-bottom: 5px;text-align: left;}
#eventBanner3 .eventBox3 p{font-size: 11px; color: #868686; padding-bottom: 15px;text-align: left;}
#eventBanner3 .eventBox3 ul li{width: 180px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
#eventBanner3 .eventBox3 ul li a{text-decoration: none; font-size: 11px; color: #868686; line-height: 16px;}
#eventBanner3  .p13 {text-align:Center;}
.rvtLeft2 { border: 0px solid #ededed; margin-right: 32px;}
.rvtLeft2 img{width: 80%;height:54%; margin: 100px 0px 0px 26px;}




.sprList2 ul li .slImg2 { float: left; width:98px; height: 98px; border: 1px solid #e4e4e4; margin-right: 15px;}
.sprList2 ul li .slImg2 img{width: 100%;}
.sprList2 ul li .slText2 p {width: 230px;  font-size: 14px; padding-bottom: 10px;}
.sprList2 ul li .slText2 span {width: 250px; display: inline-block; font-size: 13px; padding-bottom: 10px;}