/* Written By KYI */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;400;600;700&display=swap');


/*Reset*/
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#3b3b3b; font-size:16px; line-height:1.5; letter-spacing:-0.08em; font-family: 'Noto Sans KR', sans-serif;}
.blind{display:none;}
/*font-weight Light:300, Regular:400, Bold:700, ExtraBold:800*/

 *:focus { outline:none; }/*Å©·Ò¿¡¼­ div, ±âŸ ¹öÆ° Ŭ¸¯½Ã »ý±â´Â Å׵θ® Á¦°Å*/
/*°øÅë***********************************************************************************/
/*header*/
header{width:100%; margin:0 auto;  position:relative; z-index:9999; height:100px;} 
.header-logo{left:50%; margin-left:-600px; top:50%; margin-top:-19px; position:absolute; z-index:999; width:150px; display:block; height:38px;}
.header-logo a{display:block;}
.header-logo img{width:100%; vertical-align:top;}

.pc-gnb .header-gnb{width:100%; position:absolute; height:100px; z-index:99; transition:all 0.5s; top:0;}
.pc-gnb .gnb{width:1200px; margin:0 auto; text-align:right; height:auto; top:0;}
.pc-gnb .gnb > li{display:inline-block;  height:100px; line-height:100px; box-sizing:border-box; vertical-align:top; }

.pc-gnb .gnb > li > a{display:block; font-size:20px; color:#304864; font-weight:600; position:relative;padding:0 10px; margin-left:10px;}
.pc-gnb .gnb > li:hover > a,
.pc-gnb .gnb > li.current > a{color:#2c82cb}

.pc-gnb .gnb > li > a:after{content:""; display:block; position:absolute; width:0%; height:3px; left:50%; margin-left:-40%; bottom:0px; background:#2c82cb; z-index:9; transform: scaleX(0);transform-origin: center;transition: .1s ease-out;}
.pc-gnb .gnb > li:hover > a:after{width:80%;transform:scaleX(1);transition: .3s ease-out;}

.pc-gnb .gnb > li > ul{position:absolute;left:0; width:100%; height: 0px; border-top:0px #eee solid; line-height:60px; -webkit-transition: all .5s ease-out; transition:all .5s ease-out;overflow:hidden; z-index:5; width:100%; background:#fff; box-sizing:border-box; text-align:center;}
.pc-gnb .gnb > li:hover  ul{height: 60px;z-index:9; padding:0; margin:0; border-top-width:1px;}
.pc-gnb .gnb > li:hover  ul{z-index:99;}
.pc-gnb .gnb > li > ul li{height:60px; line-height:60px; display:inline-block; padding:0; margin:0; position:relative;-webkit-transition: all .5s ease-out; transition:all .5s ease-out;}
.pc-gnb .gnb > li > ul li:first-child:after{display:none;}
.pc-gnb .gnb > li > ul li a{display:block; color:#304864; font-size:16px; box-sizing:border-box; padding:0 20px;}
.pc-gnb .gnb > li > ul li a:hover,
.pc-gnb .gnb > li > ul li.current a{color:#2c82cb; font-weight:500;}
/*.pc-gnb .gnb > li.gnb1 > ul li:first-child{margin-left:0px;}
.pc-gnb .gnb > li.gnb2 > ul li:first-child{margin-left:-30px;}
.pc-gnb .gnb > li.gnb3 > ul li:first-child{margin-left:170px;}
.pc-gnb .gnb > li.gnb4 > ul li:first-child{margin-left:535px;}
.pc-gnb .gnb > li.gnb5 > ul li:first-child{margin-left:840px;}
.pc-gnb .gnb > li.gnb6 > ul li:first-child{margin-left:950px;}*/
.gnb-open-btn{display:none;}
.gnb-close-btn{display:none;}
.mobile-gnb{display:none;}
.home-btn{display:none;}
.home-btn2{display:none;}
/*.header-gnb .gnb:hover ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/



/*footer*/
footer{width:100%; box-sizing:border-box; color:#fff; clear:both;  box-sizing:border-box;  line-height:1.8em; text-align:center; margin:0 auto; background:#182e47; padding:50px 0; padding-bottom:240px;}
.foot-info{padding:20px 0 20px 0;}
footer address{display:block; }
footer address p{display:inline-block;  margin-right:30px; position:relative; color:rgba(255,255,255,0.7); letter-spacing:-0.05em;}
footer address span{display:inline-block; margin-right:5px;}
footer .copyright{letter-spacing:0em; color:rgba(255,255,255,0.6); font-family:'Barlow', sans-serif;  font-size:15px; text-transform:uppercase;}
footer .copyright strong{font-weight:600;}

.foot-customer p{background:url(img/customer-ico.png) no-repeat; background-size:56px 56px; background-position:50% 0; font-family:'Barlow', sans-serif;  font-weight:700; font-size:41px; padding-top:75px; letter-spacing:0em;}
.foot-customer div{font-size:19px; margin-top:16px;}

/*quick*/
.right-quick{position:fixed; right:20px; top:150px; z-index:9999;}
.right-quick ul{ width:136px; border:1px #2475ba solid; background:#2c82cb; text-align:center; border-radius:10px; overflow:hidden; margin-bottom:30px; }
.right-quick a{display:block; color:#fff; background:url(img/line.png) no-repeat 50% 0%; font-size:15px; line-height:1.15em; padding:20px 0 20px;}
.right-quick li:first-child a{background:none;}
.right-quick .rq-tel a{background:#2475ba; background-image:none;}
.right-quick .rq-tel a img{width:19px; vertical-align:bottom; margin-right:2px;}
.right-quick .rq-tel p{ font-family:'Barlow', sans-serif; font-weight:600; font-size:23px; letter-spacing:0; margin-top:5px;}
.top{cursor:pointer; table-layout:fixed; width:75px; height:75px; box-sizing:border-box;  text-align:center;display:table; overflow:hidden; border-radius:50%;margin:0 auto;}
.top div{display:table-cell; vertical-align:middle; text-align:center; height:75px; width:75px; line-height:1em; background:#cee1f1; font-size:17px; color:#385166;font-family:'Barlow', sans-serif; font-weight:600;}
.top div i{display:block; margin:0 auto; font-size:20px; line-height:1em;}
.top div span{display:block; padding-bottom:2px;}

/*ºü¸¥»ó´ã   .bottom-quick { background:url(img/bottom-quick-bg.png)  50% 0%;}   */
.bottom-quick{width:100%; padding:65px 0 20px; position:fixed; bottom:0; z-index:998;-webkit-transition: all .5s ease-out; transition:all .5s ease-out;}
.bq-form{width:1200px; margin:0 auto; text-align:center;}
.bq-form input{border-radius:10px; height:60px; box-sizing:border-box; padding:20px 30px; background:#fff; border:1px solid #ffd100;}
.bq-form button{height:60px; box-sizing:border-box; background:#ffd100; border-radius:10px; text-align:center; color:#333d43; font-size:18px; font-weight:600; padding:0 45px; cursor:pointer;}
.check-form {text-align:center; color:#496b7e; margin-top:10px;}
.check-form a{color:#263843; font-weight:500;}
.bq-form input[type="checkbox"]{height:auto; margin-right:5px;}
.bottom-tab{display:none;}

.contain{overflow-x:hidden; width:100%;}

/*¸ÞÀÎ***********************************************************************************/

/*visual*/
#main-visual{position:relative;}
.visual-video{width:100%; position:relative; padding-top:56%;}
.visual-video iframe{position:absolute; left:0; top:0;}
.visual-text{position:absolute; left:0px; bottom:20%; height:auto; width:100%; background:rgba(0,0,0,0); box-sizing:border-box; text-align:center;}
.visual-t1{/*position:absolute; left:50%; top:20%; margin-left:-255px;*/}
.visual-btn{text-align:center; margin-top:80px;}
.visual-btn a{display:inline-block; box-sizing:border-box; border:2px #fff solid; background:rgba(0,0,0,0.2);border-radius:0 20px 0 20px; padding:15px; margin:0 7px;-webkit-transition: all .3s ease-out; transition:all .3s ease-out;}
.visual-btn a p{display:inline-block; background:url(img/visual-arrow.png) no-repeat 100% 50%; background-size:30px; padding-right:40px; line-height:50px; font-size:22px; color:#fff; font-weight:600;}
.visual-btn a:hover{background-color:#fff;}
.visual-btn a:hover p{color:#2c82cb; background-image:url(img/visual-arrow-hover.png);}
.visual-btn a span{font-size:32px;}
.visual-text-area{position:relative; }

/*product*/
.main-product{width:100%; background-position:50%; background-size:cover; margin-bottom:5px;}
.main-product a{display:block; ; height:430px; }
.mp-area{position:relative; width:1200px; height:inherit; margin:0 auto; display:table;}
.mp-txt{display:table-cell; vertical-align:middle;}
.mp-txt img{width:150px;}
.mp-txt h2{font-size:48px; font-weight:600; color:#1c4891; letter-spacing:-0.12em;}
.mp-txt h2 span{color:#253149;}
.mp-txt p{font-size:17px; font-family:'Barlow', sans-serif; font-weight:400; color:rgba(5,24,79,0.2); text-transform:uppercase; letter-spacing:0.15em; margin-top:10px;}
.mp-img{position:absolute; right:-20px; top:50%; margin-top:-152px;}

#pro-business{background-image:url(img/business-bg.jpg)}
#home-business{background-image:url(img/home-bg.jpg)}
#sink-business{background-image:url(img/sink-bg.jpg)}
#factory-business{background-image:url(img/factory-bg.jpg)}
#home-rental-business{background-image:url(img/home-rental-bg.jpg)}
#cafe-rental-business{background-image:url(img/cafe-rental-bg.jpg)}
#sicpan-business{background-image:url(img/sicpan-bg.jpg)}

/*¼³Ä¡»ç·Ê*/

/*slideBanner°øÅë*/
.main-gallery .slick-list.dragging{cursor: pointer; cursor: hand;}
.main-gallery .slick-slider .slider-for{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); position:relative; z-index:1;}
.main-gallery .slick-slide {float: left; /*height: 100%; min-height: 1px;*/ padding-right:24px;}
.main-gallery .slick-list{width:100%;}
.slick-arrow{position:absolute;left:50%; margin-left:519px; top:120px; width:38px; height:38px; font-size:0; cursor:pointer;}
.slick-arrow.slick-next{background:url(img/arrow-next.png)}
.slick-arrow.slick-prev{background:url(img/arrow-prev.png); margin-left:476px;}

.main-gallery{padding:110px 0 90px; position:relative;}
.main-gallery h2{text-align:center; font-size:40px; color:#1b458b; font-weight:300; letter-spacing:-0.12em;}
.main-gallery h2 strong{font-weight:600;}
.more-btn{display:inline-block; width:38px; height:38px; border-radius:50%; overflow:hidden; position:absolute; top:120px; left:50%; margin-left:562px;}
.more-btn img{width:100%;}
.main-gallery-slide{margin-top:45px;}
.main-gallery-slide a{display:block;}
.main-gallery-slide a p{font-size:19px; color:#454545; padding-top:20px;}
.main-gallery-slide{width:100%;}
.main-gallery-slide:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.main-gallery-slide > div{position:relative; float:left; box-sizing:border-box;}
.main-gallery-slide > div img{width:100%;}
.mgs-img{display:block; position:relative; padding-top:60%; overflow:hidden; box-sizing:border-box; border:1px #eee solid;}
.mgs-img img{display:block; width:100%; position:absolute; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

#gallery-business{background:#e8edf2;/*padding:150px 0;*/ }

/*#gallery-sub{width:100%; max-width:1000px; margin:0 auto;}
#gallery-sub.main-gallery h2{text-align:left; margin-bottom:20px;}
.sub-gallery-slide{width:100%; max-width:1000px; overflow:hidden;}*/
#gallery-sub{background:#e5f2fd; padding:50px 0; margin-top:-30px;}
#gallery-sub:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
#gallery-sub.main-gallery h2{margin-bottom:30px;}


/*»ì±Õ¼¼Ã´ µ¿¿µ»ó*/
#video{background:#eef4f9 url(img/video-bg.jpg) no-repeat 50% 0%; text-align:center; padding:150px 0;}
#video h2{font-size:60px; font-weight:600; color:#1a82c4; margin-bottom:20px;}
#video h2 span{color:#1c4891;}
.video-text1{font-size:22px; color:#465158;}
.video-text1 strong{font-weight:600;}
.video-text3{color:#e7b300; font-weight:600; font-size:45px; letter-spacing:-0.125em;} 
.video-text3 span{color:#e77b1a;}
.video-text4{color:#887639; font-size:28px; letter-spacing:-0.125em; }
.video-text5{color:#827e71; font-size:19px;margin-bottom:40px;}
.video-area{width:1200px; margin:90px auto 0; position:relative; }
/*.video-area iframe{position:absolute; top:0; left:0; }*/
.video-text2{width:1200px; margin:90px auto 0;}
.video-text2 li{display:inline-block; width:32%; border-left:1px #d9e4ee solid; box-sizing:border-box;}
.video-text2 li:first-child{border-left-width:0;}
.video-text2 li strong{font-family:'Barlow', sans-serif; font-weight:700; font-size:40px; text-transform:uppercase; letter-spacing:0; padding-bottom:10px}
.video-text2 li p{font-size:24px;}
.video-text2 li p span{font-weight:600;}
.video-text2 li p:after{content:""; display:block; width:40px; height:4px; margin:30px auto;}
.video-text2 li div{font-size:18px; color:#454545; font-weight:300;}
.video-text2 li span{font-weight:500;}
.video-text2 li.vt2-1{color:#1a82c4}
.video-text2 li.vt2-1 p:after{background-color:#1a82c4}
.video-text2 li.vt2-2{color:#18ad5a}
.video-text2 li.vt2-2 p:after{background-color:#18ad5a}
.video-text2 li.vt2-3{color:#cfa421}
.video-text2 li.vt2-3 p:after{background-color:#cfa421}
.video-text-img{margin-top:50px;}

.video-motion{width:1200px; height:550px; position:relative; margin:80px auto 0;}
.vm-after1,
.vm-after2{position:absolute; left:0; top:0;}
.vm-after2{right:0; left:auto;}
.vm-after{position:absolute; left:0; top:0; opacity:0;-webkit-transition: all .3s ease-out; transition:all .3s ease-out;}
.video-motion.down .vm-after{opacity:1;}


/*Çϴܹè³Ê*/
.bottom-banner{width:1200px; margin:95px auto 80px;}
.bottom-banner:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.bottom-banner section{float:left; width:50%; box-sizing:border-box; padding:0 50px;}
.bottom-banner section a{display:block; width:100%; box-sizing:border-box; padding-bottom:32px; background-position:100%; background-repeat:no-repeat;}
.bottom-banner section a h2{font-weight:600; font-size:26px;color:#2b2b2b; margin:10px 0;}
.bottom-banner section a p{font-size:16px; color:#657588; margin-bottom:22px;}
.bottom-banner section a span{display:inline-block; width:30px; height:30px;box-sizing:border-box; border:2px #b9c1ca solid; border-radius:50%; }
.bottom-banner section a span img{width:100%; vertical-align:top;}

.bottom-banner #agency{border-right:1px #dedede solid;}
.bottom-banner #agency a{background-image:url(img/bottom-banner01.png);}
.bottom-banner #as a{background-image:url(img/bottom-banner02.png);}




/*¼­ºê******************************************************************/


#sub-top{width:100%; margin:0 auto; display:table; table-layout:fixed; height:280px; margin-top:0px; position:relative; box-sizing:border-box;  background-color:#333; background-position:center 0;  background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
#sub-top.ssub-top1{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top2{background-image:url(img/sub-bg02.jpg);}
#sub-top.ssub-top3{background-image:url(img/sub-bg03.jpg);}
#sub-top.ssub-top4{background-image:url(img/sub-bg04.jpg);}
#sub-top.ssub-top5{background-image:url(img/sub-bg05.jpg);}
#sub-top.ssub-top6{background-image:url(img/sub-bg07.jpg);}
#sub-top.ssub-top7{background-image:url(img/sub-bg06.jpg);}
#sub-top.ssub-top8{background-image:url(img/sub-bg08.jpg);}
.st-text-box{text-align:center;  display:table-cell; vertical-align:middle; width:100%;height:inherit; box-sizing:border-box; color:#fff;}
.sttb-t{font-size:50px; font-weight:700; letter-spacing:-0.08em; padding-bottom:60px;}
.sttb-t2{font-size:24px;}
.sub-nav{text-align:center; margin-bottom:10px;}
.sub-nav > div{display:inline-block; padding:0 5px;}
.sub-nav > div i{color:#8e8e8e; font-size:13px; padding-right:7px;}
.sub-nav > div.s-home i{font-size:18px; padding-right:0;}
#snb{background:rgba(0,0,0,0.3); color:#fff; height:60px; line-height:60px; text-align:center; position:absolute; bottom:0; width:100%; left:0; z-index:999; }
#snb li{display:inline-block; position:relative;}
#snb li a{display:block; color:rgba(255,255,255,0.7); padding:0 50px; font-size:17px; position:relative;}
#snb li a:hover{color:rgba(255,255,255,1)}
#snb li a:after{content:""; display:block; width:1px; height:18px; background:rgba(255,255,255,0.3); left:0; top:50%; margin-top:-9px; position:absolute;}
#snb li:first-child a:after{display:none;}
#snb li.current a{color:#fff; font-weight:500;}
#snb li.current:after{position:absolute; content:""; width:70px; height:3px; background:#fff; bottom:0;  left:50%; margin-left:-35px;}
#snb.snb5 li a{padding:0 18px;}

#sub-tit{text-align:center;font-size:50px; font-weight:600; letter-spacing:-0.1em; padding:120px 0 60px;}
#sub{position:relative; color:#444; font-size:17px;}
.sub-content{width:100%; max-width:1200px; margin: 0 auto 150px; position:relative;}


/* pc */
@media screen and (min-width:1025px){
	#memofile { max-width:1000px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
	#memofile { max-width:1000px;  width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
	#memofile { max-width:760px; width:99%; }
}




/*sub°øÅë*/
.img-w1200 img{width:100%; max-width:1200px;}

/*depth3-menu*/
.depth3{width:100%; max-width:1200px; margin:0 auto 50px; text-align:center;}
.depth3 li{display:inline-block; position:relative;}
.depth3 li a{display:block; padding:10px; margin:0 10px; position:relative; color:#666;}
.depth3 li a:hover{color:#2c82cb}
.depth3 li a.current{color:#2c82cb; border-bottom:2px #2c82cb solid; font-weight:500;}
.depth3 li:after{position:absolute; width:1px; height:14px; background:#cdcdcd; content:""; left:-10px; top:50%; margin-top:-7px;}
.depth3 li a:first-child{margin-left:0;}
.depth3 li:first-child:after{display:none;}


/*1-1ȸ»ç¼Ò°³*/
.sub11-box1{position:relative;}
.sub11-box1 p{position:absolute; left:50%; margin-left:-135px; top:50%; margin-top:-35px;}
.sub11-box1 p img{width:270px;}
.sub11-top-bg{width:100%;}
.sub11-box2{position:relative; margin:0 auto; margin-top:-100px; background:#fff; width:1050px; box-sizing:border-box; text-align:center; padding:60px;}
.sub11-t1{font-weight:600; font-size:27px; color:#14a7eb;}
.sub11-t1 img{vertical-align:-4px;}
.sub11-t2{font-size:25px; font-weight:600; padding:20px 0 10px;}
.sub11-t3{font-size:22px; font-weight:400;}
.sub11-t3 p{padding-top:20px;}
.sub11-box3{box-sizing:border-box; background:#f7f9fb; padding:70px; text-align:center; margin-top:50px;}
.sub11-box3 dt{color:#1c4891; font-weight:600; font-size:30px; border:5px #1c4891 solid; border-width:0 4px 0 4px; line-height:1em; display:inline-block;  padding:0 15px; margin-bottom:50px;}
.sub11-box3 li{display:inline-block; width:32%; border-left:1px #d9e4ee solid; box-sizing:border-box; }
.sub11-box3 li:first-child{border-left-width:0;}
.sub11-box3 li span{font-family:'Barlow', sans-serif; font-weight:700; font-size:40px; text-transform:uppercase; letter-spacing:0; padding-bottom:10px}
.sub11-box3 li p{font-size:24px;}
.sub11-box3 li p strong{font-weight:600;}
.sub11-box3 li p:after{content:""; display:block; width:40px; height:4px; margin:30px auto;}
.sub11-box3 li div{font-size:18px; color:#454545; font-weight:300;}
.sub11-box3 li strong{font-weight:500;}
.sub11-box3 li.sb3-1{color:#1a82c4}
.sub11-box3 li.sb3-1 p:after{background-color:#1a82c4}
.sub11-box3 li.sb3-2{color:#18ad5a}
.sub11-box3 li.sb3-2 p:after{background-color:#18ad5a}
.sub11-box3 li.sb3-3{color:#cfa421}
.sub11-box3 li.sb3-3 p:after{background-color:#cfa421}



/*1-3ƯÇã&ÀÎÁõ*/
.certi-list li{width:22.75%; margin-left:3%; margin-bottom:20px; float:left; box-sizing:border-box; }
.certi-list li:nth-child(4n+1){margin-left:0}
.certi-list li img{width:100%;}
.certi-img{border:1px #dee2e7 solid; border-bottom:0; box-sizing:border-box; padding:20px;}
.certi-txt{ padding:20px 10px; box-sizing:border-box; background:#1a82c4; text-align:center; color:#fff;}
.certi-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}

/*1-4¿À½Ã´Â±æ*/
.location-info{text-align:center;}
.location-info dt{font-weight:500; font-size:22px; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; background:#2c82cb; border-radius:50%; color:#fff;}
.location-info ul{margin:20px 0 50px;}
.location-info li{margin:5px 0;}
.location-info li span{font-weight:500; display:inline-block; margin-right:5px;}
.location-box{height:0; opacity:0; overflow:hidden;}
.location-box.select{display:block; height:auto; opacity:1;}
.location-box .root_daum_roughmap .wrap_map{height:500px !important;}


/*5-1¿µ»óÀÚ·á*/
.sub-news-list li{float:left; margin:0 2% 50px 0; width:49%;}
.sub-news-list li:nth-child(2n){margin-right:0;}
.sub-news-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.sub-news-list a{display:block;}
/*.snl-img{margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }*/
.snl-img{border:1px #efefef solid; margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; padding-top:56.4%}
.snl-img img{margin:0 auto; top:0; width:100%;}
.snl-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-img > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-text{overflow: hidden; line-height:24px; height:48px; position:relative; text-align:center; }
.snl-date{font-family:'Barlow', sans-serif; font-weight:500;   color:#777; letter-spacing:0em; font-size:17px; text-align:center;}


.snl-mv{margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }


/*¼³Ä¡»ç·Ê*/
.sub-news-list.snl-case li{width:32%; margin-right:2%;}
.sub-news-list.snl-case li:nth-child(2n){margin-right:2%;}
.sub-news-list.snl-case li:nth-child(3n){margin-right:0;}
.sub-news-list.snl-case li .snl-text{height:24px;}
.list-btn{margin-bottom:50px; font-size:16px; text-align:center;}
.list-btn a{display:inline-block; padding:10px; margin:0 10px; position:relative; color:#666;}
.list-btn a:hover{color:#2c82cb}
.list-btn a.select{color:#2c82cb; border-bottom:2px #2c82cb solid; font-weight:500;}
.list-btn a:after{position:absolute; width:1px; height:14px; background:#cdcdcd; content:""; left:-10px; top:50%; margin-top:-7px;}
.list-btn a:first-child{margin-left:0;}
.list-btn a:first-child:after{display:none;}

/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a,
.paging strong,
.paging span{display:inline-block; margin-left:-1px; border:1px #c8c8c8 solid; width:40px; height:40px; line-height:40px; vertical-align:top;font-family:'Barlow', sans-serif; font-weight:500; font-size:16px;}
.paging strong{color:#fff; background:#052954; border-top-color:#052954; border-bottom-color:#052954;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden; }
.p-prev i, 
.p-next i{font-size:18px; line-height:40px;}

/*4-1Àü±¹´ë¸®Á¡¾È³»*/
.map41-txt{text-align:center;}
.map-area{margin:0 auto; text-align:center;}
.map-area img{width:100%; max-width:1000px;}
.map-txt{width:100%; max-width:1000px; box-sizing:border-box; color:#fff; background:#1062a8; padding:20px 0; margin:0 auto; position:relative; text-align:center;}
.map-txt p{font-size:28px;}
.map-txt strong{font-family:'Barlow', sans-serif; font-weight:600; color:#ffd100; letter-spacing:0em; font-size:40px;}
.map-txt div{font-weight:500; }
.map-txt img{width:200px; margin:0 auto; display:block;}

.map-layer {
 position:absolute; display:none; background-color:#ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:10px;
 width:96%; max-width:480px; overflow:hidden; box-sizing:border-box; }
.map-layer-tit{text-align:center; background:#2475ba; color:#fff; font-weight:600; padding:10px 0;}
.map-layer-box{display: flex; gap:15px; padding:15px;}
.mlb-img{width:100%; position:relative; padding-top:125%; overflow:hidden; border-radius:2px;}
.mlb-img > div{position:absolute; display:flex; width:100%; height:100%; justify-content: center; align-items: center; left:0; top:0;}
.mlb-img > div img{width:100%;}
.mlb-left{width:120px; flex-shrink: 0;}
.mlb-right{flex-grow: 1;}
.mlb-right ul{display:flex; flex-direction: column; gap:5px;}
.mlb-right ul li{display:flex; font-size:15px; gap:5px;}
.mlb-right ul span{font-weight:700; }
.layerpop-close{position:absolute; width:44px; height:44px; display:flex; justify-content: center; align-items: center;
background:#004179; color:#fff; font-size:1.125em; left:0px; top:0px;}


/*6-3 A/S¾È³»*/
.as-img {width:260px; margin:0 auto;}
.as-img img{width:100%;}
.as-txt1{font-size:32px; font-weight:600; text-align:center; color:#1a82c4; margin:20px 0;}
.as-txt2{text-align:center; color:#657588; font-size:20px;}
.as-txt2:after{display:block; width:50px; height:5px; content:""; background:#1a82c4; margin:50px auto;}
.as-txt3{border:2px #2475ba solid; background:#f7f9fb; width:800px; box-sizing:border-box; margin:0 auto;display:table; table-layout:fixed; padding:30px 0;}
.as-txt3  strong{display:table-cell; font-size:32px; color:#1062a8; font-weight:600;  width:25%; vertical-align:middle; text-align:center;}
.as-txt3 div{display:table-cell; padding-left:30px; border-left:#afbfcc 1px solid; width:75%;}
.as-txt3 div p{font-weight:500; font-size:18px;}
.as-txt3 div p i{font-size:20px; margin-right:3px; vertical-align:-1px;}
.as-txt3 div span{color:#666; display:block; margin-top:10px;}
.as-txt4{width:800px; box-sizing:border-box; color:#fff; background:#1062a8; padding:20px 0; margin:0 auto; text-align:center;}
.as-txt4 p,
.as-txt4 strong,
.as-txt4 div{display:inline-block; vertical-align:middle; margin:0 5px;}
.as-txt4 p{color:rgba(255,255,255,0.8)}
.as-txt4 strong{font-family:'Barlow', sans-serif; font-weight:600; color:#ffd100; letter-spacing:0em; font-size:40px;}
.as-txt4 div{font-weight:500; }


/*2-1,3-1 »ó¼¼ÆäÀÌÁö*/
.papger-box{width:100%; max-width:1000px; margin:0 auto; }
.papger-box img{width:100%}


.paper-box-area{position:relative;background-size:100%; background-repeat:no-repeat;}
.hpt{position:absolute; right:6%; top:-40px; z-index:2;}
.youtube-box{width:90%; position:relative; left:50%; margin-left:-45%; top:0; padding:50px 0;}
/*.youtube-box-area{position:relative; width:100%;  padding-top:56.25%; background:black;}*/
.youtube-box-area{position:relative; width:100%; padding-top:56.25%; overflow:hidden; background:black;}
.youtube-box-area iframe{position:absolute; top:0;}

.paper-box01{background-image:url(img/home-paper01_02.jpg);  background-color:#0f8ff2;}
.paper-box02{background-image:url(img/home-paper02_02.jpg);  background-color:#eaf5ff;}
.cafe-paper-box02{background-image:url(img/cafe-paper02_02.jpg);  background-color:#eaf5ff;}
.busi-paper-box02{background-image:url(img/busi-paper02_02.jpg);  background-color:#eaf5ff;}
.paper-box03{background-image:url(img/home-paper03_02.jpg);  background-color:#0c4c96;}


/*VIEW*/
#detail{width:100%; margin:0 auto;}
.detail-img{width:40%; padding-top:40%; position:relative; overflow:hidden;box-sizing:border-box; float:left; border:1px #efefef solid}
.detail-img img{margin:0 auto; top:0; width:100%; position:absolute;}
.detail-top:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.detail-info{box-sizing:border-box; padding-left:30px; transform:skew(-0.03deg); width:55%; float:right; box-sizing:border-box;}
.detail-info h2{font-weight:800; font-size:22px;}


.detail-btn a{display:inline-block; line-height:50px; text-align:center; float:left; width:29%; box-sizing:border-box; border:1px #999 solid; margin-left:1%;}
.detail-btn a:hover{background:#333; border-color:#333; color:#fff;}
.detail-btn i{font-size:20px; vertical-align:-10%; padding-right:5px;}
.detail-btn .db-purchase{display:block; background:#418a62; color:#fff; width:100%; border-color:#418a62; margin-left:0;}
.detail-btn:after{clear:both; content:"."; display:block; height:10px; visibility:hidden;}

.detail-li {padding:30px 0 50px; min-height:270px;}
.detail-li li{position:relative; margin-top:20px;}
.detail-li li span{position:absolute; left:0; padding-left:10px; color:#2d4047;}
.detail-li li span:after{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#c0cbcf; position:absolute; left:0; top:10px; font-weight:500; }
.detail-li li p{box-sizing:border-box; padding-left:180px; color:#666;}

.detail-content{padding-top:50px; margin-top:30px; border-top:3px solid #333;}


.btn_w{position:relative;float:left;width:100%;text-align:center;margin-bottom:60px;}
input.btn{display:inline-block;width:260px;height:60px;line-height:30px;font-size:20px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 10px;}
input:hover.btn{background:#333;border:2px solid #000;}
input.btn2{display:inline-block;width:260px;height:60px;line-height:30px;font-size:20px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 10px;}
input:hover.btn2{background:#fff;color:#d24545;border:2px solid #d24545;}

@media (max-width:1200px) {
.sub-news-list li{margin-bottom:30px;}
.snl-img{margin-bottom:10px;}
.snl-text{height:24px;}
}

@media (max-width:768px) {

.sub-news-list li{width:100%; margin-left:0; margin-bottom:15px;}

.youtube-box{padding:25px 0;}
.hpt{top:-10px;}
.hpt img{width:280px;}
}

@media (max-width:480px) {
.hpt{top:-5px;}
.hpt img{width:150px;}
}

/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.layer3{display:none;position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer3 .bg3{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer3 .pop-layer3{display:block;overflow-x:hidden;overflow-y:hidden;}/*scroll*/
.pop-layer3{display:none;position:absolute;top:48%;left:50%;width:80%;height:740px;background:#fff;border:10px solid #ededed;border-radius:20px 20px;padding:20px; }	
.pop-layer3 .pop-container3{position:relative;float:left;padding:2%;}
.assembly_title3{position:relative;float:left;width:95%;padding-left:5%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:100%;font-weight:bold;text-align:left;}
.btn-r3{position:absolute;right:2%;top:0;width:20%;}
a.cbtn3{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:80%;color:#fff;text-align:center;}	
.rule_pop3{float:left;width:100%;font-size:70%;line-height:120%;margin-top:3%;}