@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=Montserrat:wght@200;400;600&display=swap);
#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
   .cm-nav .slick-track{height:100% !important; transform: translate3d(0px, 0px, 0px) !important;}
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
   .cm-nav .slick-track{height:100% !important; transform: translate3d(0px, 0px, 0px) !important;}ㄴ
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding: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 {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

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;
}

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-.08em;
font-family:'Noto Sans KR', sans-serif;
font-weight:400;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

/*left-menu*/
.menu-btn{position:absolute; border:1px #e0e0e0 solid; width:54px; height:54px; line-height:54px; text-align:center; font-size:32px; right:10px; top:10px;}
.mb-open{ z-index:99999; position:fixed; border-width:0;}

.menu{position:fixed; width:100%; border-right:1px #e0e0e0 solid; box-sizing:border-box; height:100vh; left:0; top:0; z-index:9999; /*display:none;*/ }

.menu-area{display:table; table-layout:fixed; width:100%; height:100vh}

.menu.current h1{    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.gnb{text-align:center; display:table-cell; width:50%; background:#f6f6f6; vertical-align:middle;    
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.menu.current .gnb{}
.gnb a{font-size:17px; letter-spacing:0em; padding:10px; display:inline-block}
.gnb a:hover{color:#000; font-weight:600;}

footer{box-sizing:border-box; padding:20px 30px; text-align:center; font-size:13px; word-break:keep-all; letter-spacing:0em; border-top:1px #e0e0e0 solid;}
footer address span{display:inline-block; margin:0 5px;}
.copy{font-family: 'Montserrat', sans-serif; font-weight:400;color:#777; font-size:11px; letter-spacing:0em; margin-top:5px;}


.quick{
position:fixed;
height:100px;
bottom:60px;
right:35px;
z-index:999999999;
}

.quick a{
display:block;
width:30px;
margin-bottom:10px;
background:rgba(255,255,255,0.8);
	border-radius:9999px;
	padding:10px;
	border:1px #e0e0e0 solid;
}

.quick a img{
width:100%;
}



.burger {
    position: absolute;
    z-index: 9999999;
    right: 25px;
    top: 25px;
    cursor: pointer;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .burger__patty {
    width: 28px;
    height: 2px;
    margin: 0 0 4px 0;
    background: #404040;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .burger__patty:last-child {
    margin-bottom: 0;
  }
  .burger--close {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .burger--close .burger__patty:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(4px, 4px);
            transform: rotate(45deg) translate(4px, 4px);
  }
  .burger--close .burger__patty:nth-child(2) {
    opacity: 0;
  }
  .burger--close .burger__patty:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -4px);
            transform: rotate(-45deg) translate(5px, -4px);
  }
  
  .menu {
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
  }
  .menu--active {
    visibility: visible;
  }
  .menu__brand, .menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    float: left;
    width: 50%;
    height: 100vh;
    overflow: hidden;
  }
  .menu__list {
    margin: 0;
    padding: 0;
    background: #f6f6f6;
    list-style-type: none;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu__list--active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .menu__brand {
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .menu__brand--active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .logo{display:table; width:100%; height:100%;}
  .logo a{display:table-cell; width:100%; margin:0 auto; text-align:center; vertical-align:middle;}
  .logo a img{width:60%; max-width:400px;}
  
  
  .menu__item {
    -webkit-transform: translate3d(500px, 0, 0);
            transform: translate3d(500px, 0, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu__item--active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .menu__link {
    display: inline-block;
    position: relative;
    font-size: 28px;
    padding: 23px 0;
    font-weight: 300;
    opacity:0;
    text-decoration: none;
    color: #666;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .menu__link:hover {
      color:#000;
  }

  .menu__item--active .menu__link{
    opacity:1;
    
  }
  
  
  .menu .menu__item:nth-child(1) {
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  .menu .menu__item:nth-child(2) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .menu .menu__item:nth-child(3) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .menu .menu__item:nth-child(4) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .menu .menu__item:nth-child(5) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .menu .menu__item:nth-child(6) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
/********************* main *********************************/
.slick-list {
position:relative;
z-index:1;
}
.slick-slide{display:inline-block;}
.slick-arrow{background:transparent;}

#visual {
position:relative;
height:100vh;
margin-bottom:-25px;
z-index:1;
width:100%;
overflow:hidden;
}

.visual-img {
position:relative;
}


.visual-img-bg {width:100%; height:100vh; background-size:cover; background-position:50%;}

.visual-logo{position:absolute; z-index:9999; left:0; top:0; display:table;width:100%;height:100%;}
.visual-logo-area{display:table-cell; width:100%; vertical-align:middle; text-align:center;}
.visual-logo-area img{
width:60%;
max-width:400px;
}

.visual-img-bg img{
position:relative;
left:50%;
margin-left:-1000px;
}

.vi-txt{
position:absolute;
width:100%; 
bottom:0;
background:rgba(0,0,0,0.4);
color:#fff;
text-align:center;
padding:10px 0;
}

#visual .slick-arrow{
position:absolute;
z-index:99;
left:10px;
top:50%;
color:#fff;
font-size:30px;
}

#visual .slick-arrow.slick-next{
left:auto;
right:10px;
}

.slick-dots {
z-index:999;
width:600px;
position:absolute;
z-index:9;
left:50%;
margin-left:-300px;
bottom:30px;
text-align:center;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:10px;
height:10px;
font-size:0;
box-sizing:border-box;
border-radius:9999px;
border:2px #fff solid;

}

.slick-dots li.slick-active button {
background:#fff;
}
.main-tit{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:50px; margin-bottom:40px;}
.main-tit span{font-weight:200;}
/*about*/
.about{display:table; width:100%; table-layout:fixed;}
.about-img{display:table-cell; width:460px;}
.about-img img{width:100%;}
.about-txt{display:table-cell; padding-left:0px; vertical-align:bottom; font-weight:300; font-size:20px; word-break:keep-all;}
.about-txt p{margin-bottom:20px;}
.about-txt div{margin-bottom:30px; color:#000;}
.about-txt div.at1{font-size:38px; border-bottom:1px #e0e0e0 solid; padding-bottom:20px; margin-bottom:30px;}
.about-txt div.at2{line-height:1.8;}
.about-txt div.at3{color:#666; font-size:18px;}
.about-txt div.at3 strong{font-size:1.25em; color:#333;}
.about-img2{width:100%; text-align:center; margin-top:50px;}
.about-img2 img{width:100%; max-width:800px; display:none;}
.about-img2 img.ai2-pc{max-width:1200px; display:block;}

.a-list1{border-top:2px #333 solid; margin-top:50px; padding-top:60px;}
.a-list1 dt{font-size:32px; font-weight:600; text-align:center; margin-bottom:30px;}
.a-list1 dd li{border:1px #e0e0e0 solid; border-left-width:0; float:left; width:33.333%; box-sizing:border-box; padding:30px 10px; text-align:center; font-size:17px; font-weight:300; color:#999;}
.a-list1 dd li:first-child{border-left-width:1px;}
.a-list1 dd:after{clear:both; content:""; display:block; width:100%;}
.a-list1 dd strong{margin-bottom:10px; margin-top:10px; display:block; color:#333;}
.a-list1 dd img{width:80px;}

/*organization*/
.orga-txt{text-align:center; font-weight:300; font-size:32px; letter-spacing:-0.08em;}
.orga-txt:after{content:""; width:70px; height:5px; background:#333; display:block; margin:50px auto;}
.orga-txt strong{display:block;}
.orga-img{text-align:center;}
.orga-img img{width:100%; max-width:900px;}

/*branding*/
.brnad-top img{width:100%;}
.brand-list li{display:table; width:100%; table-layout:fixed; border:1px #e0e0e0 solid; box-sizing:border-box; margin-top:20px;}
.bl-img{width:45%; display:table-cell;}
.bl-img img{width:100%;}
.bl-txt{display:table-cell; padding: 0px 50px 0; vertical-align:middle;}
.bl-t1{font-size:30px; font-weight:300; letter-spacing:-0.08em; line-height:1.5em; margin-bottom:30px;}
.bl-t1 strong{display:block; font-size:1.25em;}
.bl-t1:after{content:""; display:block; width:50px; height:3px; background:#555; margin:30px 0;}
.bl-t2{font-size:20px; font-weight:300; line-height:1.8;}

/*case*/
#case{text-align:center; box-sizing:border-box; padding:0 60px 80px; margin-left:270px; position:relative; }
.case-slide{width:100%; overflow:hidden;}
#case .slick-slide > div{padding:0 40px;}
.case-img{width:100%; padding-top:64%; position:relative; overflow:hidden; display:block;}
.case-img img{width:100%; position:absolute; left:50%; top:50%;}
.case-img:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

.case-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}

.case-list{font-family: 'Montserrat', sans-serif;font-weight:600; text-align:left; margin-top:20px; margin-bottom:10px;}
.case-list li{position:relative; box-sizing: border-box; text-align:center;font-size:20px; margin-top:5px; height:30px; line-height:25px; overflow:hidden;}
.case-list span{display:block; position:absolute; left:0; color:#777; padding-left:8px;}
.case-list span:after{content:""; position:absolute; display:block; width:3px; height:3px; background:#777; border-radius:999px; top:50%; margin-top:-1px; left:0;}
#case .slick-arrow{font-size:0; width:50px; height:30px; position:absolute; right:100px; top:30px; background-image:url(img/case-arrow-right.png); background-size:cover;}
#case .slick-arrow.slick-prev{left:100px; background-image:url(img/case-arrow-left.png);}
.case-slide .slick-slide{width:700px;}

/*sub-case*/
.sub-case:after{clear:both; width:100%; content:""; display:block; height:0;}
.sub-case .case-box{width:49%; margin-left:2%; margin-bottom:20px; float:left;}
.sub-case .case-box:nth-child(2n+1){margin-left:0;}


/*case-modal*/
.cm-close{position:absolute; background:#333; color:#fff; width:60px; height:60px; line-height:60px; top:5px; left:50%; margin-left:-80px; box-sizing:border-box; text-align:center; font-size:35px; z-index:99999;}
.case-modal{display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(255,255,255,0.8); z-index:999999;-webkit-transition: all 1s;
   transition: all 1s;}
.cm-slide{width:100%; height:100%;box-sizing:border-box; padding-left:50px; padding-right:150px; overflow:hidden;}
.cm-slide .slick-list{vertical-align:middle; height:100%; width:100%; padding-top:2vh}
.cm-slide .slick-arrow{position:absolute; left:50px; top:50%; z-index:9999; width:50px; height:50px; background:rgba(0,0,0,0.5); color:#fff; font-size:20px;}
.cm-slide .slick-arrow.slick-next{left:auto; right:150px;}
.cm-slide .slick-slide{ display: flex !important;  height:96vh;justify-content: center; align-items: center; float:left;}
.cms-img{position:relative; width:100%; overflow:hidden}
.cms-img img{max-width:100%;}


.cm-nav{position:absolute; right:5px; top:10px; width:100px; height:100%; overflow-y:scroll;}
.cm-nav .slick-slide{display:block;}
.cm-nav .slick-list{height:100% !important; }

.cmn-img{position:relative; width:100%; height:55px; overflow:hidden; background:#fff; margin-bottom:5px; display: flex !important; justify-content: center; align-items: center;}
.cmn-img img{max-width:100%;}
.cm-nav .slick-current .cmn-img:after{content:""; position:absolute; z-index:9999; width:100%; height:100%;box-sizing:border-box; border:3px #000 solid; left:0; top:0; z-index:999;}



/********sub********/
.sub-menu{width:95%; max-width:1200px; margin:50px auto 0; text-align:center;}
.sub-menu li{display:inline-block;}
.sub-menu li a{display:block; padding:10px; font-weight:300; font-size:14px; letter-spacing:0em; color:#666;}
.sub-menu li a:hover{color:#000;}
.sub-menu li.current a{font-weight:600; color:#000;}
.sub-box{padding:50px 0 80px;}
.sub-tit{text-align:center; font-size:55px; font-weight:600;font-family: 'Montserrat', sans-serif; letter-spacing:0em; color:#111; padding-bottom:50px;}
.sub-tit span{font-weight:200;}
.sub-content{width: 95%; max-width: 1200px; margin: 0 auto; box-sizing:border-box;}
.sub-content:after{clear:both; width:100%; content:""; display:block; height:0;}
/* CONTACT */
.inner {position: relative; }
#contact{position:relative; width: 95%; max-width: 1200px; margin: 0 auto; box-sizing:border-box;}
.inner:after,
#contact:after{clear:both; display:block; width:100%; content:"";}
.cnt_left{position:relative;float:left;width:100%;padding:30px 0px 0 0; box-sizing:border-box;}
.cnt_left p{width:100%;height:52px;border:1px solid #ccc;background:#fff;margin-bottom:5px; float:left;}
.cnt_left p span{float:left;width:17%;line-height:18px;font-size:16px;color:#000;padding-left:3%;margin:17px 0;border-right:1px solid #c9c9c9; display:block;}
.cnt_left p input{float:left;width:77.5%;height:52px;line-height:100%;font-size:18px;padding-left:2%;border:none;background:none;}
.cnt_left p select{float:left; width:77.5%; height:52px; border:0;}
.cnt_left textarea::placeholder{color:#000 !important;}
.cnt_left textarea{float:left;width:100%; box-sizing:border-box;padding:3%;height:120px;line-height:26px;font-size:16px;color:#000 !important;background:#fff;border:1px solid #ccc;}

#contact.sub41{background:transparent; padding:0;}
#contact.sub41 .cnt_left{margin:0 2%; width:96%;}

.coun_check{float:left;width:100%;height:14px;margin:15px 0 30px 0;}
.coun_check input{float:left;width:14px;height:14px;line-height:14px;margin-right:5px;}
.coun_check span{float:left;font-size:13px;line-height:14px;color:#888;}
a.layer_btn{float:left;line-height:14px;font-size:13px;color:#000;margin-left:10px;}
button.coun_btn{float:left;width:100%;height:64px;line-height:66px;font-size:18px;font-weight:400;text-align:center;color:#fff;background:#333;cursor:pointer}
button:hover.coun_btn{background:#000;}

.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}
.layer .pop-layer{display:block;overflow-x:hidden;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:46%;min-height:300px;background:#fff;border:1px solid #000;}   
.pop-layer .pop-container{position:relative;float:left;padding:4%;}
.assembly_title{position:relative;float:left;width:100%;color:#000;font-size:20px;font-weight:600;}
.btn-r{position:absolute;right:0;top:0;width:6%;z-index:100;}
a.cbtn{float:left;display:block;width:100%;height:42px;line-height:42px;background:#000;font-size:26px;color:#fff;text-align:center;}   
.rule_pop{float:left;width:100%;font-size:12px;line-height:16px;color:#777;margin-top:2%;}

.cnt_right{position:relative;float:left;width:100%;}
.cnt_right img{/*filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;*/ width:100%;}

.cnt_right:hover img{transform:scale(1.14);-webkit-transform:scale(1.14);-moz-transform:scale(1.14);-o-transform:scale(1.14);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}

.cr-img{width:100%; overflow:hidden;}
.cnt_right img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.contact{position:relative;float:left;width:100%;padding:4% 4% 2%; border:1px #ccc solid; box-sizing:border-box; background-image:url(../img/cs-bg.png); background-color:#fff; background-repeat:no-repeat; background-position:95% 50%; background-size:80px;}
.contact_title{position:relative;float:left;width:100%;line-height:28px;font-size:32px;font-weight:600;letter-spacing:-1px;color:#484e66;margin-bottom:3%;}
.contact_title span{display:inline-block; margin-left:5px; line-height:15px;font-size:11px;font-weight:400;color:#888;margin-top:1%;}
a.call_num{float:left;width:100%;padding-bottom:1%;}
a.call_num b{float:left;width:100%;line-height:30px;font-size:35px;font-weight:800;color:#323749;letter-spacing:-1px;}
.cs_num{display:none;}
.cs_text{float:left;width:100%;padding-top:5%;border-top:1px dashed #fff;}
.cs_text p{float:left;width:100%;line-height:24px;font-size:15px;margin-bottom:1%;}
.cs_text p span{float:left;width:24%;font-size:13px;text-align:center;background:#366d58;color:#fff;margin-right:3%; border-radius:999px;}

/*location*/
.address{box-sizing:border-box; padding:20px 25px; border:5px #eee solid; margin-top:20px;}
.address li{display:inline-block; padding-right:100px;}
.address li span{font-family: 'Montserrat', sans-serif; letter-spacing:0em; font-weight:600; display:block; margin-bottom:5px; font-size:1.05em;}
.address li p{color:#666;}


/*portfolio*/
.port-tab{text-align:center;}
.port-tab a{display:inline-block; padding:5px 10px; letter-spacing:0em; font-weight:300; color:#666;}
.port-tab a:hover{color:#111; position:relative;}
.port-tab a:hover:after{content:""; width:80%; display:block; height:1px; background:#e0e0e0; position:absolute; bottom:0; left:10%;}
.port-tab a.current{font-weight:600; color:#000;}
.port-total{text-align:right; font-weight:300; color:#777; font-size:0.8em; letter-spacing:0em; margin-bottom:10px;}

.port-list li{margin-bottom:30px;}
.port-list a{display:block; position:relative;}
.pol-img{height: 450px; width:100%; background:#333;}
.pol-img-box{display: flex;width: 100%; height: 100%; justify-content: center; align-items: center; overflow: hidden;}
.pol-img-box img{width:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.port-list a: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}

.pol-txt{display: flex;width: 100%; height: 100%; justify-content: center; align-items: center;height:100%; background:rgba(0,0,0,0.3); table-layout:fixed; position:absolute; left:0; top:0; opacity: 1;transition: opacity 0.5s;}
.pol-txt p{ letter-spacing:0em; color:#fff; text-align:center; height:50px; line-height:50px; overflow:hidden; padding:0 50px;}
.port-list a:hover .pol-txt{ opacity: 0;transition: opacity 0.5s;}

.bs-input{text-align:center; margin-top:50px;}	
.bs-input input,
.bs-input select{display:inline-block; height:35px; vertical-align:top; box-sizing:border-box; border:1px #e0e0e0 solid; padding:0 5px; font-size:0.8em;}
.bs-input input[type="button"]{width:80px; border:0; padding:0; background:#666; color:#fff;}
.bs-input select{width:122px;}
.bs-input input[type="text"]{width:200px;}

.sub-s-tit{text-align:center;}
.sub-s-tit p{display:inline-block; padding:5px 20px; border-radius:999px; background:#999; color:#fff; letter-spacing:0em; font-size:0.8em;}
.port-box{margin:50px 0; text-align:center;}
.port-box img{max-width:100%;}

.port-btn{position:relative; min-height:50px;}
.port-btn a{display:inline-block; width:50px; height:50px; line-height:50px; box-sizing:border-box; border:1px #e0e0e0 solid; text-align:center;}
.port-btn a.port-btn-list{position:absolute; right:0; background:#333; color:#fff; border:0; width:80px; letter-spacing:0em;}

/* 서브 상품리스트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub_contents{position:relative;float:left;width:100%;margin:200px 0 100px 0;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:40px;text-align:center;color:#333;font-family: Lora; letter-spacing:0em; font-weight:600; margin-bottom:50px;}
.product{position:relative;float:left;width:100%;}
.product ul{position:relative;float:left;width:100%;}
.product ul li{float:left;width:32%; margin-left:2%; margin-bottom:20px; text-align:center;background:#fff;/*border:1px solid #e0e0e0;*/ box-sizing:border-box;}
.product ul li:nth-child(3n+1){margin-left:0;}
.product ul li a{position:relative; width:100%;overflow:hidden;}
.product ul li span{display:block; padding:15px 0;margin:0 8%;border-top:1px solid #e0e0e0;width:84%;}
.product ul li p{line-height:22px; height:65px; overflow:hidden; font-size:16px;color:#666;}
.product ul li b{width:100%;line-height:100%; padding-bottom:10px;}
.product ul li .p-img{border-width:0; position:relative; width:100%; padding-top:75%; overflow:hidden;}
.product ul li .p-img img{position:absolute; max-width:100%; left:50%; top:50%;}
.p-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}
.p-img:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.p-text{height:1.5em;line-height:1.5em; overflow:hidden;}

.sp-tab{width:100%; margin:0 auto; text-align:center; margin-bottom:30px;}
.sp-tab li{display:inline-block; font-weight:100; position:relative;}
.sp-tab li a{display:block; padding:10px 20px; color:#666; font-weight:300;}
.sp-tab li a:hover,
.sp-tab li.current a{font-weight:400; color:#000; position:relative;}
.sp-tab li:after{content:""; width:1px; height:14px; background:#e0e0e0; position:absolute; left:0; top:50%; margin-top:-7px;}
.sp-tab li:first-child:after{display:none;}
.sp-tab li.current a:after{position:absolute; content:""; width:30px; height:2px; background:#333; left:50%; margin-left:-15px; bottom:0px; border-radius:9999px;}

/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin-top:60px;}
.paging{text-align:center;}
.paging ul li{background:#fff; display:inline-block; vertical-align:top;}
.paging ul li a{text-align:center;height:40px;line-height:40px; width:40px;font-size:0.95em;color:#999;background:#fff;display:block;}
.paging ul li a.on{color:#fff;background:#333;font-weight:600;border:1px solid #000; border-radius:9999px;}
.paging ul li a img{width:80%; vertical-align:-9px;}
.paging ul li.page-arrow a{border:1px #e0e0e0 solid; border-radius:9999px; overflow:hidden; margin:0 5px;}




/* 상세페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#detail{position:relative;float:left;width:100%; box-sizing:border-box; padding:10px;}
.dtl_top{position:relative;float:left;width:100%;}
.dtl_img{position:relative;float:left;width:50%;height:100%;padding-right:50px; box-sizing:border-box;overflow:hidden;}

/* 썸네일 이미지 배너 */
#zoom_img{position:relative;float:left;width:100%;padding-top:70%;border:5px solid #eee; background:#fff; overflow:hidden;}
#zoom_img .img img{position:absolute; left:50%; top:50%;}
ul.thumb{width:100%; padding-top:10px; float:left;}
ul.thumb li{position:relative;float:left;width:80px; height:80px; margin-right:5px; background:#fff;margin-bottom:5px;}
ul.thumb li a{position:relative;float:left;width:78px;height:78px;border:1px solid #ccc;overflow:hidden;}
ul.thumb li a.on{}
ul.thumb li a img{position:absolute; left:50%; top:50%; max-width:100%;}

/* 상품정보 */
.dtl_text{position:relative;float:left;width:50%;height:100%;}
.dtl_text_name{float:left;width:97%;line-height:34px;font-size:26px;font-weight:400;color:#000;padding:0 0 1.5% 2%;}
.dtl_text table{float:left;width:100%;border-top:1px solid #000;}
.dtl_text table th,.dtl_text table td{font-size:16px;text-align:left;padding:2.5%;border-bottom:1px solid #eee; background:#fff;}
.dtl_text table th{width:22%;font-weight:400;color:#000;background:#fafafa;}
.dtl_text table td{color:#666;}
.dtl_text table td p{line-height:14px !important;font-size:11px;color:#aaa;}

/* 바로구매, 장바구니 */
.btn_w{position:relative;float:left;width:102%;text-align:center;margin:60px 0 0 -1%;}
input.btn{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:1.05em;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:1px solid #000;margin:0 1px;}
input.btn2{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:1.05em;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:1px solid #ccc;margin:0 1px;}
input.btn3{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:1.05em;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#666;border:1px solid #666;margin:0 1px;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}

/* 상세페이지 탭 */
.dtl_tab{position:relative;float:left;width:100%;height:60px;text-align:center;border-bottom:2px solid #333;margin:100px 0 60px 0;}
.dtl_tab ul{display:inline-block;}
.dtl_tab ul li{float:left;width:240px;height:60px;margin:0 1px;}
.dtl_tab ul li a{float:left;width:100%;height:60px;line-height:60px;font-size:18px;text-align:center;color:#666;background:#e5e5e5;}
.dtl_tab ul li a.on{height:60px;line-height:60px;width:98.3%;color:#000;background:#fff;border:2px solid #333;border-bottom:none; box-sizing:border-box;}

/* 상세페이지 이미지 내용 */
.dtl_cont{position:relative;float:left;width:100%;min-height:800px;}

/* 상세페이지 자세한정보 */
.dtl_info{position:relative;float:left;width:100%;}
.dtl_info table{float:left;width:100%;}
.dtl_info table th,.dtl_info table td{line-height:20px;font-size:14px;text-align:left;padding:14px;border:1px solid #e0e0e0;}
.dtl_info table th{width:34%;font-weight:400;color:#000;background:#f9f9f9;}
.dtl_info table td{color:#888;}
.dtl_info p{float:left;width:100%;line-height:20px;font-size:14px;color:#555;margin-top:20px;}

/* 배송정보 */
#delivery{position:relative;float:left;width:88.46%;padding:5.5%;border:3px solid #dbdbdb;background:url(./img/pattern.gif) repeat;}
#delivery table{float:left;width:100%;margin-top:-1px;background:#fff;}
#delivery table th{line-height:60px;font-size:24px;font-weight:400;letter-spacing:2px;text-align:center;color:#000;background:#f1f1f1;}
#delivery table td{vertical-align:top;text-align:left;padding:30px;color:#999;}
#delivery table th,#delivery table td{border:1px solid #dbdbdb;}

#delivery .tbl_title{float:left;display:inline-block;line-height:28px;font-size:16px;font-weight:600;color:#000;margin-bottom:15px;border-bottom:1px solid #000;}

#delivery ol{float:left;width:95%;list-style:decimal;margin-left:14px;}
#delivery ol li{float:left;width:100%;line-height:18px;font-size:13px;color:#888;margin:5px 0;}
#delivery ol li span{font-weight:600;color:#444;}

.del_title{float:left;width:100%;text-align:center;margin-bottom:40px;}
.del_title b{float:left;width:100%;line-height:100%;font-size:60px;color:#000;margin-bottom:20px;}
.del_title span{float:left;width:100%;line-height:100%;font-size:18px;color:#666;}

.cs_info{float:left;width:100%;}
.cs_info b{float:left;width:100%;font-size:28px;font-weight:400;color:#000;}
.cs_info p{float:left;width:100%;line-height:22px;font-size:14px;color:#222;margin:15px 0 6px 0;}
.cs_info span{float:left;width:100%;line-height:18px;font-size:12px;color:#777;}

.cs_del{float:left;width:100%;line-height:22px;font-size:14px;color:#888;}
.cs_del b{color:#000;}



@media (max-width:1024px) {

  .menu__link{padding:10px 0;}

    .sub-box{padding:60px;}
    .about-text{width:100%; left:0;}
    #case{margin-left:0px; padding:0 30px 50px;}
    #case .slick-slide > div{padding:0 10px;}
    #case .slick-arrow.slick-prev{left:40px;}
    #case .slick-arrow{right:40px;}

    .sub-box{margin-left:0;}

    .about{display:block;}
    .about-img{display:block; width:100%;}
    .about-txt{display:block; padding-left:0; margin-top:30px;}
    .about-txt div.at1{font-size:22px;}

    .orga-txt{font-size:22px; padding:0 20px; word-break:keep-all;}

    .bl-img{display:block; width:100%;}
    .bl-txt{display:block; padding:20px;}
    .bl-t1{font-size:22px;}
    .bl-t2{font-size:16px; word-break:keep-all;}
    .bl-t2 br{display:none;}

    .address li{padding-right:0; padding:5px 0; display:block;}

	.a-list1 dd li{min-height:260px; word-break:keep-all;}
	.a-list1 dd li br{display:none;}

    
}

@media (max-width:768px) {
    ul.menu__list,
    div.menu__brand {
      float: none;
      width: 100%;
      min-height: 0;
    }
    ul.menu__list--active,
    div.menu__brand--active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  
    .menu__list {
      height: 75vh;
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
    }
  
    .menu__link {
      font-size: 24px;
    }
  
    .menu__brand {
      height: 25vh;
      -webkit-transform: translate3d(100%, 0, 0);
    }
    

    #about{padding:30px 0;} 
    .main-tit{font-size:28px; margin-bottom:15px;}
    .about-text{font-size:14px; box-sizing:border-box; padding:30px 0; word-break:keep-all;}
    #case .slick-arrow{width:20px; height:12px; right:5px; top:20px;}
    #case .slick-arrow.slick-prev{left:5px;}
    #case{padding:0 0 30px; }
    .case-list li{font-size:15px;}
    .sub-case .case-box{width:100%; margin-left:0;}

    .sub-box{padding:70px 10px 30px;}
    .sub-tit{font-size:28px; padding-bottom:10px;}
    .paging_w{margin-top:20px;}
    .paging ul li a{width:30px; height:30px; line-height:30px;}
    .paging ul li a img{vertical-align:-5px;}

    .product ul li{width:98%; margin-left:2%;}
    .product ul li:nth-child(2n+1){margin-left:0;}

    .cnt_left p span{font-size:15px; width:18%;}
    .cnt_left p select{font-size:15px;}
    .cnt_left p input{width:70%;}

    .pop-layer{width:80%;}

    .dtl_img{width:100%; padding-right:0; padding-bottom:20px;}
    .dtl_text{width:100%;}
    #zoom_img{box-sizing:border-box;}

    .cm-slide{padding:20px; height:90vh;}
    .cm-slide .slick-list{padding-top:0; height:90vh;}


    .cm-nav{top:auto; bottom:10px; width:100%; height:auto; overflow:hidden; z-index:999999;  background:#fff; padding:10px 0;}
    .cm-nav .slick-slide{float:left; width:100px;}
    .cm-nav .slick-list{width:100%;}
    .cm-nav .slick-slide > div{padding:0 5px;}
    .cm-nav .slick-track{}
    .cmn-img{margin-bottom:0; height:60px;}
    .cm-close{width:40px; height:40px; line-height:40px; font-size:28px; left:auto; margin-left:0; right:10px;}
    .cm-slide .slick-arrow{left:20px;}
    .cm-slide .slick-arrow.slick-next{right:20px;}

    .sub-menu{display:none;}
    .a-list1 dd li{width:100%; border-left-width:1px; border-top-width:0; word-break:keep-all; font-size:15px;}
    .a-list1 dd li:first-child{border-top-width:1px;}
	.a-list1 dd li br{display:none;}
	.about-img2{margin-top:20px;}
	.about-img2 img.ai2-pc{display:none;}
	.about-img2 img.ai2-mo{display:block;}

	.quick{top:auto; bottom:20px; right:10px;}
	.quick a{
	margin-bottom:5px;
	}

	.port-box{margin:25px 0;}
	.pol-img{height:250px;}
	.port-btn a{height:35px; line-height:35px; width:35px;}
}


@media (max-width:420px) {
	.pol-img{height:200px;}
}