@charset "utf-8";


/* 공통 - 레이아웃 관련  ////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title-basic {width:1140px; margin:0 auto; padding:80px 0 60px 0; text-align:center;}
.title-basic > h1 {font-weight:700; font-size:35px; line-height:35px; color:#333;}
.title-basic > h2 {margin-top:15px; font-size:15px; line-height:15px;}

@media all and (max-width:479px) {
.title-basic {width:320px; padding:50px 0 40px 0;}
.title-basic > h1 {font-size:26px; line-height:26px;}
.title-basic > h2 {font-size:13px; line-height:13px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.title-basic {width:470px; padding:50px 0 40px 0;}
.title-basic > h1 {font-size:26px; line-height:26px;}
.title-basic > h2 {font-size:13px; line-height:13px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.title-basic {width:750px; padding:50px 0;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.title-basic {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 개인정보취급방침 */
.terms {width:1140px; margin:0 auto; padding:10px 0 80px 0;}
.terms > div {width:100%; padding:25px; border:#e5e5e5 1px solid; background:#f9f9f9;}
.terms > div > h1 {padding:0 0 25px 25px; font-size:18px; font-weight:700; color:#333; background:url('../images/btnIcn/icn_title1.gif') 0 2px no-repeat;}
.terms > div > div {margin:15px 0 30px 0; padding:20px; border:#e5e5e5 1px solid; background:#fff;}
.terms > div strong {color:#333;}

@media all and (max-width:479px) {
.terms {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.terms {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.terms {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.terms {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 레이어팝업 - 메인 */
.main-popup {position:absolute; border:#000 2px solid; z-index:99;}
.main-popup dl {padding:5px 10px; font-size:12px; color:#fff; letter-spacing:0px; background:#000; overflow:hidden;}
.main-popup dl dt {float:left; cursor:pointer;}
.main-popup dl dd {float:right; cursor:pointer;}

@media all and (max-width:479px) {
.main-popup {top:120px !important; left:50% !important; width:300px; margin-left:-150px;}
.main-popup > div {width:300px;}
.main-popup > div img {width:100%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.main-popup {top:120px !important; left:50% !important; width:400px; margin-left:-200px;}
.main-popup > div {width:400px;}
.main-popup > div img {width:100%;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 반응형 이미지 */
.responsive-pc {display:block; margin:0 auto;}
.responsive-mobile {display:none; margin:0 auto;}
.responsive-mobile {width:100%;}

@media all and (max-width:479px) {
.responsive-pc {display:none;}
.responsive-mobile {display:block;}
}
@media all and (min-width:480px) and (max-width:767px) {
.responsive-pc {display:none;}
.responsive-mobile {display:block;}
}
@media all and (min-width:768px) and (max-width:991px) {
.responsive-pc {display:block;}
.responsive-mobile {display:none;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.responsive-pc {display:block;}
.responsive-mobile {display:none;}
}
@media all and (min-width:1200px) {

}







/* 유튜브 */
.youtube{width:100%; margin:0 auto; padding-bottom:100px; text-align:center;}
.youtube > div > iframe {text-align:center; width:560px;}

@media all and (max-width:479px) {
.youtube > div > iframe {width:100%;}
}


/* 메인  /////////////////////////////////////////////////////////////////////*/
/* 인트로 */
.main-intro {width:100%; height:100%; overflow:hidden;}
.main-intro > dt {float:left; width:50%; height:100%; background:url('../images/main/intro_start01_off.jpg') center center no-repeat; background-size:cover; cursor:pointer;}
.main-intro > dd {float:left; width:50%; height:100%; background:url('../images/main/intro_start02_off.jpg') center center no-repeat; background-size:cover; cursor:pointer;}

@media all and (max-width:479px) {
.main-intro > dt {width:100%; height:50%; background:url('../images/main/intro_start01m_on.jpg') center center no-repeat; background-size:cover; cursor:pointer;}
.main-intro > dd {width:100%; height:50%; background:url('../images/main/intro_start02m_on.jpg') center center no-repeat; background-size:cover; cursor:pointer;}
}
@media all and (min-width:480px) and (max-width:767px) {
.main-intro > dt {width:100%; height:50%; background:url('../images/main/intro_start01m_on.jpg') center center no-repeat; background-size:cover; cursor:pointer;}
.main-intro > dd {width:100%; height:50%; background:url('../images/main/intro_start02m_on.jpg') center center no-repeat; background-size:cover; cursor:pointer;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 비주얼영역 - 기자재 */
.main-vegas-equipment {height:100%;}
.main-vegas-equipment .mve-prev {display:none; position:absolute; top:50%; left:50px; width:50px; height:65px; margin-top:10px; padding-top:13px; text-align:center; font-size:40px; color:#fff; background:#000; cursor:pointer;}
.main-vegas-equipment .mve-prev:hover {background:#e60039;}
.main-vegas-equipment .mve-next {display:none; position:absolute; top:50%; right:50px; width:50px; height:65px; margin-top:10px; padding-top:13px; text-align:center; font-size:40px; color:#fff; background:#000; cursor:pointer;}
.main-vegas-equipment .mve-next:hover {background:#e60039;}
.main-vegas-equipment .mve-copy {display:none; position:absolute; top:50%; left:50%; width:1140px;  margin:-10px 0 0 -570px; text-align:center;}
.main-vegas-equipment .mve-copy h2 {font:600 30px/30px 'Nanum Myeongjo'; color:#fff; letter-spacing:-1px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.main-vegas-equipment .mve-copy h3 {margin-top:20px; font:400 30px/30px 'Nanum Myeongjo'; color:#fff; letter-spacing:-1px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.main-vegas-equipment .mve-copy p {width:500px; height:1px; margin:30px auto 0 auto; background:rgba(255,255,255,0.3);}

@media all and (max-width:479px) {
.main-vegas-equipment {height:100%;}
.main-vegas-equipment .mve-prev {display:none;}
.main-vegas-equipment .mve-next {display:none;}
.main-vegas-equipment .mve-copy {width:90%; margin:-30px 0 0 -45%;}
.main-vegas-equipment .mve-copy h2 {font:600 22px/22px 'Nanum Myeongjo';}
.main-vegas-equipment .mve-copy h3 {margin-top:10px; font:400 22px/22px 'Nanum Myeongjo';}
.main-vegas-equipment .mve-copy p {width:300px; height:1px; margin:30px auto 0 auto;}
}
@media all and (min-width:480px) and (max-width:767px) {
.main-vegas-equipment {height:100%;}
.main-vegas-equipment .mve-prev {display:none;}
.main-vegas-equipment .mve-next {display:none;}
.main-vegas-equipment .mve-copy {width:90%; margin:-30px 0 0 -45%;}
.main-vegas-equipment .mve-copy h2 {font:600 22px/22px 'Nanum Myeongjo';}
.main-vegas-equipment .mve-copy h3 {margin-top:10px; font:400 22px/22px 'Nanum Myeongjo';}
.main-vegas-equipment .mve-copy p {width:300px; height:1px; margin:30px auto 0 auto;}
}
@media all and (min-width:768px) and (max-width:991px) {
.main-vegas-equipment .mve-prev {left:30px; margin-top:-20px;}
.main-vegas-equipment .mve-next {right:30px; margin-top:-20px;}
.main-vegas-equipment .mve-copy {width:550px; margin:-70px 0 0 -275px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.main-vegas-equipment .mve-copy {width:700px; margin:-70px 0 0 -350px;}
}
@media all and (min-width:1200px) {

}


/* 비주얼영역 */
.main-swiper {position:relative; width:100%; margin-top:93px; overflow:hidden;}
.main-swiper .swiper-wrapper {width:100%; height:100%;}
.main-swiper .swiper-wrapper .swiper-slide {width:100%; height:100%;}
.main-swiper .swiper-button-next {top:0; margin-top:20%; margin-right:50px;}
.main-swiper .swiper-button-prev {top:0; margin-top:20%; margin-left:50px;}
.main-swiper .swiper-pagination {position:absolute; margin-top:40%;}
.main-swiper .swiper-pagination {position:absolute; margin-top:40%;}
.main-swiper .swiper-pagination .swiper-pagination-bullet {background:#434343;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active {background:#959595;}

@media all and (max-width:479px) {
.main-swiper {margin-top:57px;}
.main-swiper .swiper-button-next {display:none;}
.main-swiper .swiper-button-prev {display:none;}
.main-swiper .swiper-pagination {margin-top:150%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.main-swiper {margin-top:57px;}
.main-swiper .swiper-button-next {display:none;}
.main-swiper .swiper-button-prev {display:none;}
.main-swiper .swiper-pagination {margin-top:90%;}
}
@media all and (min-width:768px) and (max-width:991px) {
.main-swiper {margin-top:57px;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 회사소개 */
.main-introduction {width:100%; background:url('../images/main/introdution_bg.jpg') center center no-repeat; background-size:cover;}
.main-introduction > div {width:1140px; margin:0 auto; padding:300px 0; text-align:center; overflow:hidden;}
.main-introduction > div div {margin-top:50px; font:600 22px/36px 'Nanum Myeongjo'; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
.main-introduction > div {width:320px; padding:200px 0;}
.main-introduction > div div {font:600 18px/30px 'Nanum Myeongjo';}
}
@media all and (min-width:480px) and (max-width:767px) {
.main-introduction > div {width:470px; padding:200px 0;}
.main-introduction > div div {font:600 18px/30px 'Nanum Myeongjo';}
}
@media all and (min-width:768px) and (max-width:991px) {
.main-introduction > div {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.main-introduction > div {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 신제품 */
.main-product {width:100%; margin-top:40px;}
.main-product h2 {padding:50px 0; text-align:center; background:url('../images/main/product_line.jpg') center center no-repeat;}
.main-product h2 span {display:inline-block; padding:0 20px; font-weight:600; font-size:30px; line-height:30px; color:#333; background:#fff;}
.main-product ul {width:50%; margin-left:27.5%; margin-bottom:50px;; text-align:center; overflow:hidden;}
.main-product ul li {float:left; padding-left:10px; width:45%;}

@media all and (max-width:479px) {
.main-product {margin-top:20px;}
.main-product h2 span {font-size:20px; line-height:20px;}
.main-product ul {width:98%; margin-left:0px }
.main-product ul li {width:100%; padding-bottom:10px; }

}
@media all and (min-width:480px) and (max-width:767px) {
.main-product {margin-top:20px;}
.main-product h2 span {font-size:20px; line-height:20px;}
.main-product ul {width:98%; margin-left:0px }
.main-product ul li {width:100%; padding-bottom:10px; }

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}














/* COMPANY  /////////////////////////////////////////////////////////////////////////////////*/
/* 회사소개 */
.intro-area {width:100%; background:url('../images/content/introdution_bg.jpg') center center no-repeat; background-size:cover;}
.intro-area > div {width:1140px; margin:0 auto; padding:300px 0; text-align:center; overflow:hidden;}
.intro-area > div div {margin-top:50px; font:600 22px/36px 'Nanum Myeongjo'; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
.intro-area > div {width:320px; padding:200px 0;}
.intro-area > div div {font:600 18px/30px 'Nanum Myeongjo';}
}
@media all and (min-width:480px) and (max-width:767px) {
.intro-area > div {width:470px; padding:200px 0;}
.intro-area > div div {font:600 18px/30px 'Nanum Myeongjo';}
}
@media all and (min-width:768px) and (max-width:991px) {
.intro-area > div {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.intro-area > div {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 로고 다운로드 */
.ai-download {width:750px; margin:0 auto; padding:50px 0;}
.ai-download > dl {width:100%; padding:40px; border:#e60039 1px solid; overflow:hidden;}
.ai-download > dl dt {float:left; width:50%;}
.ai-download > dl dd {float:left; width:50%; padding-top:5px; text-align:right;}
.ai-download > dl dd a {font-weight:700; font-size:18px; line-height:18px; color:#333;}
.ai-download > dl dd a:hover {color:#e60039;}

@media all and (max-width:479px) {
.ai-download {width:320px;}
.ai-download > dl {padding:30px;}
.ai-download > dl dt {width:100%; text-align:center;}
.ai-download > dl dd {width:100%; padding-top:25px; text-align:center;}
.ai-download > dl dd a {font-size:16px; line-height:16px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.ai-download {width:470px;}
.ai-download > dl {padding:30px;}
.ai-download > dl dt {width:100%; text-align:center;}
.ai-download > dl dd {width:100%; padding-top:25px; text-align:center;}
.ai-download > dl dd a {font-size:16px; line-height:16px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 찾아오시는길 */
.location-area {width:1140px; margin:0 auto; padding-bottom:100px; text-align:center; overflow:hidden;}
.location-area dl {width:100%; padding:20px 0; border-top:#333 1px solid; border-bottom:#333 1px solid; overflow:hidden;}
.location-area dl dt {float:left; width:48%;}
.location-area dl dd {float:right; width:48%; text-align:left;}
.location-area dl dd h2 {font-weight:700; font-size:22px; line-height:22px; color:#333;}
.location-area dl dd ul {width:100%; margin-top:30px; overflow:hidden;}
.location-area dl dd ul li {padding-bottom:20px;}

@media all and (max-width:479px) {
.location-area {width:320px; padding-bottom:50px;}
.location-area dl dt {width:100%;}
.location-area dl dt iframe {height:300px;}
.location-area dl dd {width:100%; margin-top:30px; text-align:center;}
.location-area dl dd h2 {font-size:18px; line-height:18px;}
.location-area dl dd ul li {font-size:13px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.location-area {width:470px; padding-bottom:50px;}
.location-area dl dt {width:100%;}
.location-area dl dt iframe {height:300px;}
.location-area dl dd {width:100%; margin-top:30px; text-align:center;}
.location-area dl dd h2 {font-size:18px; line-height:18px;}
.location-area dl dd ul li {font-size:13px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.location-area {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.location-area {width:970px;}
}
@media all and (min-width:1200px) {

}








/* product  /////////////////////////////////////////////////////////////////////////////////*/
/* 인트로 */
.product-intro {width:1000px; margin:0 auto; padding:80px 0 100px 0; text-align:center;}
.product-intro > h1 {font-weight:700; font-size:40px; line-height:45px; color:#333;}
.product-intro > h1 span {font-weight:300; font-size:26px;}
.product-intro > div {margin-top:20px;}
.product-intro > h2 {margin-top:40px; font:400 40px/40px 'Oleo Script'; color:#333;}
.product-intro > h3 {margin-top:25px; font-weight:300; font-size:35px; line-height:35px; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
    .product-intro {width:320px;}
    .product-intro > h1 {font-size:30px; line-height:35px;}
    .product-intro > h1 span {font-size:20px;}
    .product-intro > p img {width:100%;}
    .product-intro > div img {width:100%;}
    .product-intro > h2 {font:400 25px/25px 'Oleo Script';}
    .product-intro > h3 {margin-top:15px;  font-size:22px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-intro {width:470px;}
    .product-intro > h1 {font-size:30px; line-height:35px;}
    .product-intro > h1 span {font-size:20px;}
    .product-intro > p img {width:100%;}
    .product-intro > div img {width:100%;}
    .product-intro > h2 {font:400 25px/25px 'Oleo Script';}
    .product-intro > h3 {margin-top:15px;  font-size:22px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-intro {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-intro {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 소개 */
.product-overview {width:100%;}

@media all and (max-width:479px) {

}
@media all and (min-width:480px) and (max-width:767px) {

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 영역 */
.product-area01 {width:100%; background:url('../images/content/equipment_bg01.jpg') center top repeat-x;}
.product-area01 > div {width:1000px; margin:0 auto; padding:100px 0; text-align:center;}

.product-area02 {width:100%;}
.product-area02 > div {width:1000px; margin:0 auto; padding:100px 0; text-align:center;}

.product-area03 {width:100%; background:#f5f5f5;}
.product-area03 > div {width:1000px; margin:0 auto; padding:100px 0; text-align:center;}

@media all and (max-width:479px) {
    .product-area01 > div {width:320px;}
    .product-area02 > div {width:320px;}
    .product-area03 > div {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-area01 > div {width:470px;}
    .product-area02 > div {width:470px;}
    .product-area03 > div {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-area01 > div {width:750px;}
    .product-area02 > div {width:750px;}
    .product-area03 > div {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-area01 > div {width:970px;}
    .product-area02 > div {width:970px;}
    .product-area03 > div {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 타이틀 */
.product-title01 {width:100%;}
.product-title01 h2 {font-weight:300; font-size:18px; color:#333;}
.product-title01 h3 {margin-top:10px; font-weight:900; font-size:40px; line-height:40px; color:#333;}
.product-title01 h3 span {vertical-align:top; font-weight:400; font-size:28px;}

.product-title01_kai {width:100%;}
.product-title01_kai h2 {font-weight:500;  line-height:40px; font-size:27px; padding-bottom:20px; color:#000;}
.product-title01_kai h3 {margin-top:10px; font-size:15px; line-height:30px; color:#000;}
.product-title01_kai h3 span {vertical-align:top;  font-size:18px;}
.product-title01_kai p {font-size:18px; color:#000; line-height:30px;}


.product-title02 {width:100%;}
.product-title02 h2 {margin-top:80px; font-weight:700; font-size:25px; line-height:35px; color:#333;}
.product-title02 h2 span {vertical-align:top; font-weight:300;}
.product-title02 h2 em {vertical-align:top; font-weight:400; font-size:26px;}

.product-title02_kai {width:100%;}
.product-title02_kai h2 {margin-top:80px; font-weight:700; font-size:25px; line-height:35px; color:#333;}
.product-title02_kai h2 span {vertical-align:top; font-weight:300;}
.product-title02_kai h2 em {vertical-align:top; font-weight:400; font-size:26px;}

.product-title03 {margin-top:80px;}
.product-title03 p {width:50px; height:2px; margin:0 auto; background:#333;}
.product-title03 h2 {margin-top:20px; font-weight:700; font-size:25px; line-height:30px; color:#333;}
.product-title03 h2 span {font-weight:300; font-size:16px;}

.product-title03_kai {margin-top:80px;}
.product-title03_kai p {width:50px; height:2px; margin:0 auto; background:#333;}
.product-title03_kai h2 {margin-top:20px; font-weight:700; font-size:25px; line-height:30px; color:#333;}
.product-title03_kai h2 span {font-weight:300; font-size:16px;}

.product-title04 {width:100%;}
.product-title04 h2 {margin-top:50px; font-weight:700; font-size:25px; line-height:35px; color:#c6002f;}
.product-title04 h2 span {font-weight:300;}

.product-title04_kai {width:100%;}
.product-title04_kai h2 {margin-top:50px; font-weight:700; font-size:25px; line-height:35px; color:#c6002f;}
.product-title04_kai h2 span {font-weight:300;}

.product-title05 {margin-top:80px;}
.product-title05 h2 {margin-bottom:30px; padding-bottom:30px; font-size:25px; line-height:25px; color:#333; border-bottom:#333 1px solid;}
.product-title05 h3 {font-size:18px; line-height:28px; color:#333;}
.product-title05 h4 {margin-top:70px; font-weight:700; font-size:25px; line-height:25px; color:#333;}

@media all and (max-width:479px) {
    .product-title01 h2 {font-size:16px;}
    .product-title01 h3 {font-size:30px; line-height:30px;}
    .product-title01 h3 span {font-size:22px;}

    .product-title02 h2 {margin-top:50px; font-size:18px; line-height:26px;}
    .product-title02 h2 em {font-size:14px;}

    .product-title03 {margin-top:50px;}
    .product-title03 p {width:40px;}
    .product-title03 h2 {margin-top:10px; font-size:18px; line-height:26px;}
    .product-title03 h2 span {font-size:14px;}

    .product-title04 h2 {font-size:18px; line-height:26px;}

    .product-title05 {margin-top:80px;}
    .product-title05 h2 {margin-bottom:20px; padding-bottom:20px; font-size:20px; line-height:20px;}
    .product-title05 h3 {font-size:14px; line-height:22px;}
    .product-title05 h4 {margin-top:50px; font-size:20px; line-height:20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-title01 h2 {font-size:16px;}
    .product-title01 h3 {font-size:30px; line-height:30px;}
    .product-title01 h3 span {font-size:22px;}

    .product-title02 h2 {margin-top:50px; font-size:18px; line-height:26px;}
    .product-title02 h2 em {font-size:14px;}

    .product-title03 {margin-top:50px;}
    .product-title03 p {width:40px;}
    .product-title03 h2 {margin-top:10px; font-size:18px; line-height:26px;}
    .product-title03 h2 span {font-size:14px;}

    .product-title04 h2 {font-size:18px; line-height:26px;}

    .product-title05 {margin-top:80px;}
    .product-title05 h2 {margin-bottom:20px; padding-bottom:20px; font-size:20px; line-height:20px;}
    .product-title05 h3 {font-size:14px; line-height:22px;}
    .product-title05 h4 {margin-top:50px; font-size:20px; line-height:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 텍스트 */
.product-text01 {width:100%; margin-top:50px; padding:0 20%; font-size:18px; line-height:30px; color:#333;}
.product-text01 > span {font-weight:700; color:#c6002f;}
.product-text01 > em {font-weight:700; color:#333;}
.product-text01 > h2 {text-align:left; font-size:22px; line-height:30px; color:#333;}
.product-text01 > h3 {font-weight:700; font-size:30px; line-height:30px; color:#333;}
.product-text01 > h4 {font-weight:700; font-size:18px; line-height:18px; color:#333;}
.product-text01 > h4 span {display:inline-block; padding:15px; color:#fff; background:#40210e;}
.product-text01 > ul {width:100%; margin-top:30px; padding-left:40px; list-style-type:decimal; text-align:left; overflow:hidden;}
.product-text01 > ul > li {padding:3px 0; font-weight:400; font-size:18px; line-height:30px; color:#333;}

.product-text02 {width:100%; margin-top:50px; padding:0 10%; text-align:left; font-weight:700; font-size:18px; line-height:32px; color:#333;}
.product-text02 > span {font-weight:700; color:#c6002f;}
.product-text02 > em {font-weight:400; color:#c6002f;}

.product-text03 {width:100%; margin-top:50px; padding:10px; font-weight:700; font-size:22px; line-height:22px; color:#fff; border-radius:20px; background:#333;}
.product-text03 > span {vertical-align:top; font-weight:300;}

.product-text04 {width:100%; margin-top:50px; padding:50px 30px; background:url('../images/content/cosmetic0301_features_bg.jpg') repeat-x;}
.product-text04 > h2 {font-weight:700; font-size:20px; line-height:20px; color:#fff;}
.product-text04 > h3 {margin-top:15px; font-size:16px; line-height:24px; color:#fff;}

.product-text05 {width:100%;}
.product-text05 > h2 {margin-top:80px; font-size:30px; line-height:30px; color:#333;}
.product-text05 > h3 {margin-top:20px; font-weight:700; font-size:40px; line-height:40px; color:#333;}
.product-text05 > h4 {margin-top:50px; font-weight:700; font-size:26px; line-height:26px; color:#5165a4;}

.product-text06 {width:100%;}
.product-text06 > h2 {padding:10px; font-weight:700; font-size:30px; line-height:30px; color:#fff; background:#333;}
.product-text06 > h3 {margin-top:50px; font-size:20px; line-height:28px; color:#333;}
.product-text06 > h4 {margin-top:50px; font-size:30px; line-height:26px; color:#217e63;}


@media all and (max-width:479px) {
    .product-text01 {margin-top:50px; padding-left:0 !important; padding-right:0 !important; font-size:14px; line-height:22px;}
    .product-text01 > h2 {font-size:18px; line-height:24px;}
    .product-text01 > h3 {font-size:24px; line-height:24px;}
    .product-text01 > ul {margin-top:20px; padding-left:30px;}
    .product-text01 > ul > li {padding:2px 0; font-size:14px; line-height:22px;}
    .product-text01 > h4 {font-size:16px; line-height:22px;}

    .product-text02 {margin-top:30px; padding:0; font-size:14px; line-height:22px;}

    .product-text03 {font-size:18px; line-height:18px;}

    .product-text04 {background:url('../images/content/cosmetic0301_features_bg.jpg') repeat-x; background-size:cover;}
    .product-text04 > h2 {font-size:18px; line-height:18px;}
    .product-text04 > h3 {font-size:14px; line-height:22px;}

    .product-text05 > h2 {margin-top:50px; font-size:22px; line-height:30px;}
    .product-text05 > h3 {margin-top:20px; font-size:28px; line-height:32px;}
    .product-text05 > h4 {margin-top:30px; font-size:18px; line-height:24px;}

    .product-text06 > h2 {font-size:20px; line-height:26px;}
    .product-text06 > h3 {margin-top:30px; font-size:16px; line-height:24px;}
    .product-text06 > h4 {margin-top:30px; font-size:20px; line-height:26px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-text01 {margin-top:50px; padding-left:0 !important; padding-right:0 !important; font-size:14px; line-height:22px;}
    .product-text01 > h2 {font-size:18px; line-height:24px;}
    .product-text01 > h3 {font-size:24px; line-height:24px;}
    .product-text01 > ul {margin-top:20px; padding-left:30px;}
    .product-text01 > ul > li {padding:2px 0; font-size:14px; line-height:22px;}

    .product-text02 {margin-top:30px; padding:0; font-size:14px; line-height:22px;}

    .product-text03 {font-size:18px; line-height:18px;}

    .product-text04 {background:url('../images/content/cosmetic0301_features_bg.jpg') repeat-x; background-size:cover;}
    .product-text04 > h2 {font-size:18px; line-height:18px;}
    .product-text04 > h3 {font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 배치 */
.product-position01 {width:100%; margin-top:70px; overflow:hidden;}
.product-position01 > li {float:left; width:50%;}
.product-position01 > li div {margin-top:20px; font-size:18px; color:#333;}

.product-position02 {width:100%; margin-top:70px; overflow:hidden;}
.product-position02 p span {display:inline-block; border:#333 1px solid;}
.product-position02 p em {display:inline-block; border:#ddd 1px solid;}
.product-position02 h2 {margin-top:20px; font-size:18px; color:#333;}
.product-position02 h3 {margin-top:10px; font-size:16px;}
.product-position02 h4 {margin-top:20px; padding:0 32%; font-size:16px; color:#333;}

.product-position02_kai {width:100%; margin-top:70px; overflow:hidden;}
.product-position02_kai p span {display:inline-block; border:#333 1px solid;}
.product-position02_kai p em {display:inline-block; border:#ddd 1px solid;}
.product-position02_kai h2 {margin-top:20px; font-size:18px; color:#333;}
.product-position02_kai h3 {margin-top:10px; font-size:16px;}
.product-position02_kai h4 {margin-top:10px; margin-bottom:15px; padding:0 32%; font-size:20px; color:#e70036;}
.product-position02_kai > dl {width:100%; margin-top:50px;}
.product-position02_kai > dl > dt {float:left; width:31.5%; margin-left:1.7%;}
.product-position02_kai > h5 { font-size:15px; line-height:24px; margin-top:100px; margin-bottom:25px; }

.product-position03 {width:100%; margin-top:70px; overflow:hidden;}
.product-position03 > li {float:left; width:46%; margin:2%;}
.product-position03 > li p span {display:block; border:#333 1px solid;}
.product-position03 > li p em {display:block; border:#ddd 1px solid;}
.product-position03 > li h2 {margin-top:20px; font-size:18px; color:#333;}
.product-position03 > li h3 {margin-top:10px; font-size:16px;}
.product-position03 > li h4 {margin-top:20px; font-size:16px; line-height:24px; color:#333;}
.product-position03 > li h4 span {font-weight:700;}
.product-position03 > li h4 em {font-weight:700; color:#c6002f;}

.product-position04 {width:100%; margin-top:70px; overflow:hidden;}
.product-position04 > li {float:left; width:48%; margin:1%;}
.product-position04 > li p span {display:block; border:#333 1px solid;}
.product-position04 > li p em {display:block; border:#ddd 1px solid;}

.product-position05 {width:100%; margin-top:70px; overflow:hidden;}
.product-position05 > li {float:left; width:31.3%; margin:1%; text-align:left; border-top:#914823 2px solid;}
.product-position05 > li h2 {margin-top:20px; font-weight:700; font-size:20px; color:#914823;}
.product-position05 > li div {margin-top:15px; font-size:16px; color:#333;}

@media all and (max-width:479px) {
    .product-position01 {margin-top:50px;}
    .product-position01 > li {width:100%; margin-bottom:50px;}
    .product-position01 > li p img {width:90%;}
    .product-position01 > li div {font-size:16px;}

    .product-position02 {margin-top:50px;}
    .product-position02 p img {width:90%;}
    .product-position02 h2 {font-size:16px;}
    .product-position02 h3 {font-size:14px;}
    .product-position02 h4 {margin-top:10px; padding:0; font-size:14px;}

    .product-position03 {margin-top:50px;}
    .product-position03 > li {width:100%; margin:0 0 50px 0;}
    .product-position03 > li h2 {font-size:16px;}
    .product-position03 > li h3 {font-size:14px;}
    .product-position03 > li h4 {margin-top:10px; font-size:14px; line-height:22px;}

    .product-position04 {width:100% !important; margin-top:50px;}
    .product-position04 > li {width:100%; margin:0 0 20px 0;}

    .product-position05 > li {width:100%; margin:0 0 30px 0;}
    .product-position05 > li h2 {font-size:18px;}
    .product-position05 > li div {font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-position01 {margin-top:50px;}
    .product-position01 > li {width:100%; margin-bottom:50px;}
    .product-position01 > li p img {width:90%;}
    .product-position01 > li div {font-size:16px;}

    .product-position02 {margin-top:50px;}
    .product-position02 p img {width:90%;}
    .product-position02 h2 {font-size:16px;}
    .product-position02 h3 {font-size:14px;}
    .product-position02 h4 {margin-top:10px; padding:0; font-size:14px;}

    .product-position03 {margin-top:50px;}
    .product-position03 > li {width:100%; margin:0 0 50px 0;}
    .product-position03 > li h2 {font-size:16px;}
    .product-position03 > li h3 {font-size:14px;}
    .product-position03 > li h4 {margin-top:10px; font-size:14px; line-height:22px;}

    .product-position04 {width:100% !important; margin-top:50px;}
    .product-position04 > li {width:100%; margin:0 0 20px 0;}

    .product-position05 > li {width:100%; margin:0 0 30px 0;}
    .product-position05 > li h2 {font-size:18px;}
    .product-position05 > li div {font-size:14px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-position01 > li p img {width:90%;}

    .product-position02 p img {width:90%;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 이미지 / 글 */
.product-img-text {width:750px; margin:50px auto 0 auto; padding-bottom:50px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.product-img-text dt {float:left; width:50%;}
.product-img-text dt span {display:block; border:#333 1px solid;}
.product-img-text dd {float:left; width:50%; padding-left:50px; text-align:left;}
.product-img-text dd h2 {font-size:20px; font-weight:700; line-height:34px; color:#000;}
.product-img-text dd h2 span {font-weight:700;}
.product-img-text dd h3 {margin-top:20px; font-size:14px; line-height:24px; color:#333;}
.product-img-text dd ul {width:100%; margin-top:20px; overflow:hidden;}
.product-img-text dd ul li {padding:0 0 7px 15px; font-size:16px; line-height:24px; color:#333; background:url('../images/btnIcn/icn_dot02.gif') 0 11px no-repeat;}
.product-img-text dd ul li span {font-weight:700;}

.product-img-text_kai {width:1000px; margin:50px auto 0 auto; padding-bottom:50px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.product-img-text_kai dt {float:left; width:50%;}
.product-img-text_kai dt span {display:block; border:#333 1px solid;}
.product-img-text_kai dd {float:left; width:50%; padding-left:50px; text-align:left;}
.product-img-text_kai dd h2 {font-size:26px; line-height:34px; color:#000;}
.product-img-text_kai dd h2 span { font-size:18px; color:#000;}
.product-img-text_kai dd h3 {margin-top:20px; font-size:14px; line-height:24px; color:#333;}
.product-img-text_kai dd h3 span { color:#e70038;}
.product-img-text_kai dd ul {width:100%; margin-top:20px; overflow:hidden;}
.product-img-text_kai dd ul li {padding:0 0 7px 15px; font-size:16px; line-height:24px; color:#333; background:url('../images/btnIcn/icn_dot02.gif') 0 11px no-repeat;}
.product-img-text_kai dd ul li span {font-weight:700;}
@media all and (max-width:479px) {
    .product-img-text {width:320px;}
    .product-img-text dt {width:100%;}
    .product-img-text dd {width:100%; margin-top:30px; padding-left:0;}
    .product-img-text dd h2 {font-size:22px; line-height:30px;}

    .product-img-text_kai {width:320px;}
    .product-img-text_kai dt {width:100%;}
    .product-img-text_kai dd {width:100%; margin-top:30px; padding-left:0;}
    .product-img-text_kai dd h2 {font-size:22px; line-height:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-img-text {width:320px;}
    .product-img-text dt {width:100%;}
    .product-img-text dd {width:100%; margin-top:30px; padding-left:0;}
    .product-img-text dd h2 {font-size:22px; line-height:30px;}

    .product-img-text_kai {width:320px;}
    .product-img-text_kai dt {width:100%;}
    .product-img-text_kai dd {width:100%; margin-top:30px; padding-left:0;}
    .product-img-text_kai dd h2 {font-size:22px; line-height:30px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-img-text {width:750px;}
    .product-img-text_kai {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-img-text {width:970px;}
    .product-img-text_kai {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 이미지 / 글 */
.product-img-text02 {width:900px; margin:50px auto 0 auto; padding-bottom:50px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.product-img-text02 dt {float:left; width:20%;}
.product-img-text02 dd {float:left; width:80%; padding-left:50px; text-align:left;}
.product-img-text02 dd h2 {margin-top:20px; text-align:left; font-size:22px; line-height:30px; color:#333;}
.product-img-text02 dd ul {width:100%; margin-top:30px; padding-left:40px; list-style-type:decimal; text-align:left; overflow:hidden;}
.product-img-text02 dd ul li {padding:3px 0; font-weight:400; font-size:18px; line-height:30px; color:#333;}

@media all and (max-width:479px) {
    .product-img-text02 {width:320px; margin:50px auto 0 auto; padding-bottom:50px;}
    .product-img-text02 dt img {width:100%;}
    .product-img-text02 dd {padding-left:20px;}
    .product-img-text02 dd h2 {margin-top:0; font-size:18px; line-height:26px;}
    .product-img-text02 dd ul {margin-top:20px; padding-left:30px;}
    .product-img-text02 dd ul li {padding:2px 0; font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-img-text02 {width:470px; margin:50px auto 0 auto; padding-bottom:50px;}
    .product-img-text02 dt img {width:100%;}
    .product-img-text02 dd {padding-left:20px;}
    .product-img-text02 dd h2 {margin-top:0; font-size:18px; line-height:26px;}
    .product-img-text02 dd ul {margin-top:20px; padding-left:30px;}
    .product-img-text02 dd ul li {padding:2px 0; font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-img-text02 {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-img-text02 {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 박스 - 리스트 */
.product-box-list {width:1000px; margin:70px auto 0 auto; overflow:hidden;}
.product-box-list > li {position:relative; float:left; width:48%; margin:1%; padding:30px 20px; border:#333 1px solid;}
.product-box-list > li > p {position:absolute; top:0; left:0; padding:10px; font-weight:700; font-size:20px; line-height:20px; color:#fff; background:#333;}
.product-box-list > li > dl {width:100%; overflow:hidden;}
.product-box-list > li > dl dt {float:left; width:30%;}
.product-box-list > li > dl dd {display:table; float:left; width:70%; text-align:left;}
.product-box-list > li > dl dd div {height:140px; display:table-cell; vertical-align:middle;}
.product-box-list.pbl02 > li > dl dd div {height:100px; display:table-cell; vertical-align:middle;}
.product-box-list > li > dl dd div h2 {font-weight:700; font-size:20px; line-height:28px; color:#333;}
.product-box-list > li > dl dd div h3 {margin-top:10px; font-size:16px; line-height:24px; color:#333;}

@media all and (max-width:479px) {
    .product-box-list {width:320px; margin:50px auto 0 auto;}
    .product-box-list > li {width:100%; margin:0 0 20px 0;}
    .product-box-list > li > dl dt img {width:100%;}
    .product-box-list > li > dl dd div {height:90px;}
    .product-box-list.pbl02 > li > dl dd div {height:90px; padding-left:20px;}
    .product-box-list > li > dl dd div h2 {font-size:16px; line-height:24px;}
    .product-box-list > li > dl dd div h3 {font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-box-list {width:470px; margin:50px auto 0 auto;}
    .product-box-list > li {width:100%; margin:0 0 20px 0;}
    .product-box-list > li > dl dd div {height:90px;}
    .product-box-list > li > dl dd div h2 {font-size:16px; line-height:24px;}
    .product-box-list > li > dl dd div h3 {font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-box-list {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-box-list {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 박스 - 리스트 */
.product-box-list02 {width:1000px; margin:70px auto 0 auto; overflow:hidden;}
.product-box-list02 > li {position:relative; float:left; width:48%; margin:1%; padding:30px 20px; border:#333 1px solid;}
.product-box-list02 > li > p {position:absolute; top:0; left:0; padding:10px; font-weight:700; font-size:20px; line-height:20px; color:#fff; background:#333;}
.product-box-list02 > li > dl {width:100%; overflow:hidden;}
.product-box-list02 > li > dl dt {float:left; width:30%;}
.product-box-list02 > li > dl dd {display:table; float:left; width:70%; text-align:left;}
.product-box-list02 > li > dl dd div {height:120px; display:table-cell; vertical-align:middle;}
.product-box-list02 > li > dl dd div h2 {font-weight:700; font-size:20px; line-height:28px; color:#333;}
.product-box-list02 > li > dl dd div h3 {margin-top:10px; font-size:16px; line-height:24px; color:#333;}

@media all and (max-width:479px) {
    .product-box-list02 {width:320px; margin:50px auto 0 auto;}
    .product-box-list02 > li {width:100%; margin:0 0 20px 0;}
    .product-box-list02 > li > dl dt img {width:70%;}
    .product-box-list02 > li > dl dd div {height:80px;}
    .product-box-list02 > li > dl dd div h2 {font-size:16px; line-height:24px;}
    .product-box-list02 > li > dl dd div h3 {font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-box-list02 {width:470px; margin:50px auto 0 auto;}
    .product-box-list02 > li {width:100%; margin:0 0 20px 0;}
    .product-box-list02 > li > dl dt img {width:70%;}
    .product-box-list02 > li > dl dd div {height:120px;}
    .product-box-list02 > li > dl dd div h2 {font-size:16px; line-height:24px;}
    .product-box-list02 > li > dl dd div h3 {font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-box-list02 {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-box-list02 {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 테이블 */
.product-table {margin-top:50px;}
.product-table table {width:100%; table-layout:fixed; margin-top:30px; border-top:#333 2px solid;}
.product-table table thead th {padding:15px 8px; text-align:center; font-weight:700; font-size:16px; color:#333; border-left:#333 1px solid; border-bottom:#333 1px solid;}
.product-table table thead th:first-child {border-left:none;}
.product-table table tbody th {min-height:28px; padding:15px 8px; text-align:center; font-weight:700; font-size:16px; color:#333; letter-spacing:-1px; border-left:#333 1px solid; border-bottom:#333 1px solid;}
.product-table table tbody th:first-child {border-left:none;}
.product-table table tbody td {min-height:28px; padding:15px 8px; font-size:16px; border-left:#333 1px solid; border-bottom:#333 1px solid; background:#fff;}

@media all and (max-width:479px) {
    .product-table {width:100% !important;}
    .product-table table thead th {font-size:14px;}
    .product-table table tbody th {font-size:14px;}
    .product-table table tbody td {font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-table {width:100% !important;}
    .product-table table thead th {font-size:14px;}
    .product-table table tbody th {font-size:14px;}
    .product-table table tbody td {font-size:14px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 사용방법 */
.product-use {width:100%; padding-top:40px;}
.product-use > h2 {margin-top:40px; font-weight:700; font-size:22px; line-height:32px; color:#333;}
.product-use > h2 span {font-weight:400;}
.product-use > h3 {margin-top:15px; font-size:18px; color:#333;}
.product-use > h4 {margin-top:100px; font-weight:900; font-size:30px; line-height:30px; color:#333;}
.product-use > h4 span {vertical-align:top; font-weight:400; font-size:26px;}
.product-use > p {margin-top:35px; font-size:40px; color:#333;}
.product-use > ul {width:100%; margin-top:50px; overflow:hidden;}
.product-use > ul li {float:left; width:31.3%; margin:1%;}
.product-use > div {margin-top:50px;}
.product-use > div h2 {margin-top:20px; font-size:16px;}
.product-use > div table {width:100%; table-layout:fixed; margin-top:30px; border:#333 1px solid; background:#f5f5f5;}
.product-use > div table thead th {padding:20px 8px; text-align:center; font-weight:600; font-size:16px; color:#333; border-left:#333 1px solid; border-bottom:#333 1px solid; background:#f5f5f5;}
.product-use > div table tbody th {min-height:28px; padding:20px 8px; text-align:center; font-weight:bold; font-size:16px; color:#333; letter-spacing:-1px; border-left:#333 1px solid; border-bottom:#333 1px solid; background:#f5f5f5;}
.product-use > div table tbody td {min-height:28px; padding:20px 8px; font-size:16px; border-left:#333 1px solid; border-bottom:#333 1px solid; background:#fff;}
.product-use > div table tbody td.bg-color {background:#eceae9;}

@media all and (max-width:479px) {
    .product-use > h2 {margin-top:30px; font-size:18px; line-height:28px;}
    .product-use > h4 {font-size:25px; line-height:25px;}
    .product-use > h4 span {font-size:20px;}
    .product-use > p {margin-top:25px; font-size:30px;}
    .product-use > div {width:100% !important;}
    .product-use > div table thead th {font-size:14px;}
    .product-use > div table tbody th {font-size:14px;}
    .product-use > div table tbody td {font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-use > h2 {margin-top:30px; font-size:18px; line-height:28px;}
    .product-use > h4 {font-size:25px; line-height:25px;}
    .product-use > h4 span {font-size:20px;}
    .product-use > p {margin-top:25px; font-size:30px;}
    .product-use > div {width:100% !important;}
    .product-use > div table thead th {font-size:14px;}
    .product-use > div table tbody th {font-size:14px;}
    .product-use > div table tbody td {font-size:14px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* A/S */
.product-as {width:100%;}
.product-as > h2 {margin-top:100px;}
.product-as > h2 span {display:inline-block; padding:20px 40px; font-weight:700; font-size:20px; line-height:20px; color:#fff; background:#e60039;}
.product-as > h3 {margin-top:70px; font-weight:700; font-size:20px; line-height:30px; color:#333;}
.product-as > h3 span {font-weight:400;}
.product-as > h4 {font-weight:400; font-size:16px; line-height:26px; color:#333;}
.product-as > h5 {margin-top:50px; font-weight:600; font-size:16px; color:#c6002f;}
.product-as > p {margin-top:30px; font-size:40px; color:#333;}
.product-as > p span {display:inline-block; border:#333 1px solid;}

@media all and (max-width:479px) {
    .product-as > h2 span {font-size:18px;}
    .product-as > h3 {margin-top:70px; font-size:18px; line-height:28px;}
    .product-as > h4 {font-weight:400; font-size:14px; line-height:22px;}
    .product-as > h5 {margin-top:50px; font-size:14px;}
    .product-as > p img {width:100%;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-as > h2 span {font-size:18px;}
    .product-as > h3 {margin-top:70px; font-size:18px; line-height:28px;}
    .product-as > h4 {font-weight:400; font-size:14px; line-height:22px;}
    .product-as > h5 {margin-top:50px; font-size:14px;}
    .product-as > p img {width:100%;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* 유튜브 */
.youtube{width:100%; margin:0 auto; padding-bottom:100px; text-align:center;}
.youtube > div > iframe {text-align:center; width:560px;}

@media all and (max-width:479px) {
.youtube > div > iframe {width:100%;}
}


/* 인트로 - MAIBU */
.product-intro-maibu {width:1000px; margin:0 auto; padding:100px 0; text-align:center; overflow:hidden;}
.product-intro-maibu .pim-intro {width:100%; margin-top:70px; padding:150px 0; background:url('../images/content/cosmetic0101_overview.jpg') center top no-repeat; background-size:cover;}
.product-intro-maibu .pim-intro h2 {font:400 40px/40px 'Oleo Script'; color:#fff;}
.product-intro-maibu .pim-intro h3 {padding:0 25%; font-weight:300; font-size:25px; line-height:35px; color:#fff; letter-spacing:-1px;}
.product-intro-maibu .pim-intro p {width:30px; height:1px; margin:50px auto; background:#fff;}
.product-intro-maibu .pim-overview {width:100%; margin-top:70px;}
.product-intro-maibu .pim-overview h2 {font:400 40px/40px 'Oleo Script'; color:#333;}
.product-intro-maibu .pim-overview h3 {margin-top:30px; font-weight:300; font-size:25px; line-height:35px; color:#333; letter-spacing:-1px;}
.product-intro-maibu .pim-overview h4 {margin-top:50px; padding:0 15%; font-weight:300; font-size:20px; line-height:30px; color:#333;}
.product-intro-maibu .pim-overview h5 {margin-top:50px; font-weight:400; font-size:30px; line-height:30px; color:#333;}
.product-intro-maibu .pim-overview h5 span {display:inline-block; padding-top:20px; font-weight:700; font-size:45px; line-height:45px;}
.product-intro-maibu .pim-overview h6 {margin-top:50px; font-weight:400; font-size:22px; line-height:30px; color:#333;}
.product-intro-maibu .pim-overview h6 span {display:inline-block; padding-bottom:20px; font-weight:700; font-size:30px; line-height:30px;}
.product-intro-maibu .pim-overview p {margin-top:50px;}
.product-intro-maibu .pim-overview div {width:1px; height:100px; margin:50px auto 0 auto; background:#333;}

@media all and (max-width:479px) {
    .product-intro-maibu {width:320px; padding:70px 0;}
    .product-intro-maibu > p img {width:100%;}
    .product-intro-maibu .pim-intro { margin-top:50px; padding:80px 30px;}
    .product-intro-maibu .pim-intro h2 {font:400 30px/30px 'Oleo Script'; color:#fff;}
    .product-intro-maibu .pim-intro h3 {padding:0; font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-intro p {margin:30px auto;}
    .product-intro-maibu .pim-overview {margin-top:50px;}
    .product-intro-maibu .pim-overview h2 {font:400 30px/30px 'Oleo Script';}
    .product-intro-maibu .pim-overview h3 {font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-overview h4 {margin-top:30px; padding:0;font-size:16px; line-height:24px;}
    .product-intro-maibu .pim-overview h5 {margin-top:30px; font-size:22px; line-height:28px;}
    .product-intro-maibu .pim-overview h5 span {font-size:30px; line-height:40px;}
    .product-intro-maibu .pim-overview h6 {margin-top:30px; font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-overview h6 span {font-weight:700; font-size:22px; line-height:28px;}
    .product-intro-maibu .pim-overview p {margin-top:30px;}
    .product-intro-maibu .pim-overview p img {width:100%;}
    .product-intro-maibu .pim-overview div {height:50px; margin:30px auto 0 auto;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-intro-maibu {width:470px; padding:70px 0;}
    .product-intro-maibu > p img {width:100%;}
    .product-intro-maibu .pim-intro { margin-top:50px; padding:80px 30px;}
    .product-intro-maibu .pim-intro h2 {font:400 30px/30px 'Oleo Script'; color:#fff;}
    .product-intro-maibu .pim-intro h3 {padding:0; font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-intro p {margin:30px auto;}
    .product-intro-maibu .pim-overview {margin-top:50px;}
    .product-intro-maibu .pim-overview h2 {font:400 30px/30px 'Oleo Script';}
    .product-intro-maibu .pim-overview h3 {font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-overview h4 {margin-top:30px; padding:0;font-size:16px; line-height:24px;}
    .product-intro-maibu .pim-overview h5 {margin-top:30px; font-size:22px; line-height:28px;}
    .product-intro-maibu .pim-overview h5 span {font-size:30px; line-height:40px;}
    .product-intro-maibu .pim-overview h6 {margin-top:30px; font-size:18px; line-height:26px;}
    .product-intro-maibu .pim-overview h6 span {font-weight:700; font-size:22px; line-height:28px;}
    .product-intro-maibu .pim-overview p {margin-top:30px;}
    .product-intro-maibu .pim-overview p img {width:100%;}
    .product-intro-maibu .pim-overview div {height:50px; margin:30px auto 0 auto;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-intro-maibu {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-intro-maibu {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 인트로 - STREATMENT */
.product-intro-streatment {width:1000px; margin:0 auto; padding:100px 0; text-align:center; overflow:hidden;}
.product-intro-streatment > h2 {margin-top:80px; font-size:25px; line-height:25px; color:#9a7b53;}
.product-intro-streatment > h3 {margin-top:15px; font-weight:900; font-size:40px; line-height:40px; color:#9a7b53;}
.product-intro-streatment > div {margin-top:50px;}
.product-intro-streatment > h4 {margin-top:50px; padding:10px; font-size:25px; line-height:25px; color:#fff; background:#9a7b53;}
.product-intro-streatment > ul {width:100%; margin-top:30px; overflow:hidden;}
.product-intro-streatment > ul > li {float:left; width:48%; margin:1%; padding:50px 130px; border:#9a7b53 1px solid;}
.product-intro-streatment > ul > li h2 {font-weight:600; font-size:20px; line-height:20px; font-style:italic; color:#9a7b53;}
.product-intro-streatment > ul > li h3 {margin-top:10px; font-size:20px; line-height:28px; color:#9a7b53;}

@media all and (max-width:479px) {
    .product-intro-streatment {width:320px; padding:70px 0;}
    .product-intro-streatment > p img {width:100%;}
    .product-intro-streatment > div img {width:100%;}
    .product-intro-streatment > h2 {margin-top:50px; font-size:18px; line-height:18px;}
    .product-intro-streatment > h3 {font-size:28px; line-height:28px;}
    .product-intro-streatment > h4 {padding:10px; font-size:18px; line-height:25px;}
    .product-intro-streatment > ul > li {width:100%; margin:0 0 20px 0; padding:30px 40px;}
    .product-intro-streatment > ul > li h2 {font-size:16px; line-height:16px;}
    .product-intro-streatment > ul > li h3 {margin-top:10px; font-size:16px; line-height:24px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-intro-streatment {width:470px; padding:70px 0;}
    .product-intro-streatment > p img {width:100%;}
    .product-intro-streatment > div img {width:100%;}
    .product-intro-streatment > h2 {margin-top:50px; font-size:18px; line-height:18px;}
    .product-intro-streatment > h3 {font-size:28px; line-height:28px;}
    .product-intro-streatment > h4 {padding:10px; font-size:18px; line-height:25px;}
    .product-intro-streatment > ul > li {width:100%; margin:0 0 20px 0; padding:30px 40px;}
    .product-intro-streatment > ul > li h2 {font-size:16px; line-height:16px;}
    .product-intro-streatment > ul > li h3 {margin-top:10px; font-size:16px; line-height:24px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-intro-streatment {width:750px;}
    .product-intro-streatment > div img {width:100%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-intro-streatment {width:970px;}
    .product-intro-streatment > div img {width:100%;}
}
@media all and (min-width:1200px) {

}


/* 인트로 - 코스메틱 */
.product-intro-cosmetic {width:1000px; margin:0 auto; padding:100px 0; text-align:center; overflow:hidden;}
.product-intro-cosmetic > div {width:50px; height:1px; margin:0 auto; background:#333;}
.product-intro-cosmetic > h2 {margin-top:70px; font-size:25px; line-height:25px; color:#333;}
.product-intro-cosmetic > h3 {margin-top:20px; font-weight:700; font-size:55px; line-height:55px;}
.product-intro-cosmetic > h3.pic-color01 {color:#e37c70;}
.product-intro-cosmetic > h3.pic-color02 {color:#c89577;}
.product-intro-cosmetic > h3.pic-color03 {color:#217e63;}
.product-intro-cosmetic > h3.pic-color04 {color:#c89577;}
.product-intro-cosmetic > h3.pic-color05 {color:#333;}
.product-intro-cosmetic > h4 {margin-top:70px; font-size:22px; line-height:30px; color:#333;}
.product-intro-cosmetic > ul {width:100%; margin-top:50px; overflow:hidden;}
.product-intro-cosmetic > ul > li {float:left; width:48%; margin:1%; padding:30px;}
.product-intro-cosmetic > ul > li.pic-box-line01 {border:#e37c70 1px solid;}
.product-intro-cosmetic > ul > li.pic-box-line02 {border:#c89577 1px solid;}
.product-intro-cosmetic > ul > li.pic-box-line03 {border:#217e63 1px solid;}
.product-intro-cosmetic > ul > li.pic-box-line04 {border:#c89577 1px solid;}
.product-intro-cosmetic > ul > li.pic-box-line05 {border:#333 1px solid;}
.product-intro-cosmetic > ul > li div {height:100px; margin-top:20px; font-size:20px; line-height:28px;}
.product-intro-cosmetic > ul > li div.pic-box-color01 {color:#e37c70;}
.product-intro-cosmetic > ul > li div.pic-box-color02 {color:#c89577;}
.product-intro-cosmetic > ul > li div.pic-box-color03 {color:#217e63;}
.product-intro-cosmetic > ul > li div.pic-box-color04 {color:#c89577;}
.product-intro-cosmetic > ul > li div.pic-box-color05 {color:#333;}

@media all and (max-width:479px) {
    .product-intro-cosmetic {width:320px; padding:70px 0;}
    .product-intro-cosmetic > p img {width:100%;}
    .product-intro-cosmetic > p.pic-logo01 img {width:50%;}
    .product-intro-cosmetic > h2 {margin-top:50px; font-size:20px; line-height:25px;}
    .product-intro-cosmetic > h3 {margin-top:30px; font-size:35px; line-height:35px;}
    .product-intro-cosmetic > h4 {margin-top:30px; font-size:18px; line-height:26px;}
    .product-intro-cosmetic > ul > li {width:100%; margin:0 0 20px 0; padding:20px;}
    .product-intro-cosmetic > ul > li div {height:auto; font-size:16px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-intro-cosmetic {width:470px; padding:70px 0;}
    .product-intro-cosmetic > p img {width:100%;}
    .product-intro-cosmetic > p.pic-logo01 img {width:50%;}
    .product-intro-cosmetic > h2 {margin-top:50px; font-size:20px; line-height:25px;}
    .product-intro-cosmetic > h3 {margin-top:30px; font-size:35px; line-height:35px;}
    .product-intro-cosmetic > h4 {margin-top:30px; font-size:18px; line-height:26px;}
    .product-intro-cosmetic > ul > li {width:100%; margin:0 0 20px 0; padding:20px;}
    .product-intro-cosmetic > ul > li div {height:auto; font-size:16px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-intro-cosmetic {width:750px;}
    .product-intro-cosmetic > p img {width:100%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-intro-cosmetic {width:970px;}
    .product-intro-cosmetic > p img {width:100%;}
}
@media all and (min-width:1200px) {

}


/* 인트로 - 코스메틱 - KERA */
.product-intro-kera {width:1000px; margin:0 auto; padding:100px 0; text-align:center; overflow:hidden;}
.product-intro-kera > h2 {margin-top:50px; font-weight:700; font-size:45px; line-height:45px; color:#333;}
.product-intro-kera > h3 {margin-top:50px; font-size:22px; line-height:30px; color:#333;}
.product-intro-kera > h3 span {color:#217e63;}
.product-intro-kera > h4 {margin-top:70px; font-size:30px; line-height:30px; color:#333;}
.product-intro-kera > ul {width:100%; margin-top:50px; overflow:hidden;}
.product-intro-kera > ul > li {float:left; width:48%; margin:1%;}

@media all and (max-width:479px) {
    .product-intro-kera {width:320px; padding:70px 0;}
    .product-intro-kera > p img {width:70%;}
    .product-intro-kera > h2 {margin-top:30px; font-size:32px; line-height:40px;}
    .product-intro-kera > h3 {margin-top:30px; font-size:16px; line-height:24px;}
    .product-intro-kera > h4 {margin-top:50px; font-size:20px; line-height:20px;}
    .product-intro-kera > ul > li {width:100%; margin:0 0 20px 0;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-intro-kera {width:470px; padding:70px 0;}
    .product-intro-kera > p img {width:70%;}
    .product-intro-kera > h2 {margin-top:30px; font-size:32px; line-height:40px;}
    .product-intro-kera > h3 {margin-top:30px; font-size:16px; line-height:24px;}
    .product-intro-kera > h4 {margin-top:50px; font-size:20px; line-height:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-intro-kera {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-intro-kera {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 탄생 */
.product-born {width:100%;}
.product-born > h2 {margin-top:70px; font-size:30px; line-height:40px; color:#333;}
.product-born > h3 {margin-top:20px; font-weight:700; font-size:55px; line-height:55px; color:#e37c70;}
.product-born > h3 span {font-weight:300;}
.product-born > div {width:100%; margin-top:20px; padding:50px; overflow:hidden;}
.product-born > div > h2 {font-weight:700; font-size:30px; line-height:30px; color:#e37c70;}
.product-born > div > h3 {margin-top:10px; font-size:25px; line-height:35px; color:#333;}

@media all and (max-width:479px) {
    .product-born > h2 {margin-top:50px; font-size:20px; line-height:30px;}
    .product-born > h3 {margin-top:20px; font-weight:700; font-size:35px; line-height:35px;}
    .product-born > div {padding:30px;}
    .product-born > div > h2 {font-size:20px; line-height:20px;}
    .product-born > div > h3 {margin-top:10px; font-size:18px; line-height:26px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-born > h2 {margin-top:50px; font-size:20px; line-height:30px;}
    .product-born > h3 {margin-top:20px; font-weight:700; font-size:35px; line-height:35px;}
    .product-born > div {padding:30px;}
    .product-born > div > h2 {font-size:20px; line-height:20px;}
    .product-born > div > h3 {margin-top:10px; font-size:18px; line-height:26px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 제품 라인업 - 코스메틱 */
.product-cosmetic-lineup {width:100%; margin-top:50px;}
.product-cosmetic-lineup > h2 {padding-bottom:20px; font-weight:700; font-size:35px; line-height:35px; color:#333; border-bottom:#333 1px solid;}
.product-cosmetic-lineup > dl {width:100%; margin-top:70px; text-align:left; overflow:hidden;}
.product-cosmetic-lineup > dl > dt {float:left; width:30%;}
.product-cosmetic-lineup > dl > dt h2 {padding:32px 50px; text-align:center; font-weight:700; font-size:30px; line-height:30px; color:#fff;}
.product-cosmetic-lineup > dl > dt h2 span {font-weight:400; font-size:20px;}
.product-cosmetic-lineup > dl > dt p.pcl-line01 {border:#e37c70 1px solid;}
.product-cosmetic-lineup > dl > dt p.pcl-line02 {border:#c89577 1px solid;}
.product-cosmetic-lineup > dl > dt p.pcl-line03 {border:#217e63 1px solid;}
.product-cosmetic-lineup > dl > dt p.pcl-line04 {border:#e37c70 1px solid;}
.product-cosmetic-lineup > dl > dt p.pcl-line05 {border:#333 1px solid;}
.product-cosmetic-lineup > dl > dd {float:left; width:70%; padding-left:50px;}
.product-cosmetic-lineup > dl > dd h2 {padding:15px 50px 20px 50px; font-weight:700; font-size:30px; line-height:30px; color:#fff;}
.product-cosmetic-lineup > dl > dd h2.pcl-bg01 {background:#e37c70;}
.product-cosmetic-lineup > dl > dd h2.pcl-bg02 {background:#c89577;}
.product-cosmetic-lineup > dl > dd h2.pcl-bg03 {background:#217e63;}
.product-cosmetic-lineup > dl > dd h2.pcl-bg04 {background:#e37c70;}
.product-cosmetic-lineup > dl > dd h2.pcl-bg05 {background:#333;}
.product-cosmetic-lineup > dl > dd h2 span {font-weight:400; font-size:20px;}
.product-cosmetic-lineup > dl > dd ul {width:100%; margin-top:30px; overflow:hidden;}
.product-cosmetic-lineup > dl > dd ul li {padding:0 0 20px 15px; font-size:22px; line-height:30px; color:#333; background:url('../images/btnIcn/icn_dot02.gif') 0 15px no-repeat;}
.product-cosmetic-lineup > dl > dd ul li span {font-size:18px; line-height:22px;}
.product-cosmetic-lineup > dl > dd ul li span em.pcl-color01 {color:#e37c70;}
.product-cosmetic-lineup > dl > dd ul li span em.pcl-color02 {color:#c89577;}
.product-cosmetic-lineup > dl > dd ul li span em.pcl-color03 {color:#217e63;}
.product-cosmetic-lineup > dl > dd ul li span em.pcl-color04 {color:#e37c70;}
.product-cosmetic-lineup > dl > dd ul li span em.pcl-color05 {color:#333;}

@media all and (max-width:479px) {
    .product-cosmetic-lineup > h2 {font-size:30px; line-height:30px;}
    .product-cosmetic-lineup > dl {margin-top:50px;}
    .product-cosmetic-lineup > dl > dt {width:100%;}
    .product-cosmetic-lineup > dl > dd {width:100%; padding-left:0;}
    .product-cosmetic-lineup > dl > dd h2 {padding:15px 30px 20px 30px; font-size:22px; line-height:22px;}
    .product-cosmetic-lineup > dl > dd h2 span {font-size:18px;}
    .product-cosmetic-lineup > dl > dd ul li {font-size:20px; line-height:26px; background:url('../images/btnIcn/icn_dot02.gif') 0 12px no-repeat;}
    .product-cosmetic-lineup > dl > dd ul li span {font-size:16px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-cosmetic-lineup > h2 {font-size:30px; line-height:30px;}
    .product-cosmetic-lineup > dl {margin-top:50px;}
    .product-cosmetic-lineup > dl > dt {width:100%;}
    .product-cosmetic-lineup > dl > dd {width:100%; padding-left:0;}
    .product-cosmetic-lineup > dl > dd h2 {padding:15px 30px 20px 30px; font-size:22px; line-height:22px;}
    .product-cosmetic-lineup > dl > dd h2 span {font-size:18px;}
    .product-cosmetic-lineup > dl > dd ul li {font-size:20px; line-height:26px; background:url('../images/btnIcn/icn_dot02.gif') 0 12px no-repeat;}
    .product-cosmetic-lineup > dl > dd ul li span {font-size:16px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 홈케어라인 */
.product-cosmetic-homecare {width:100%; margin-top:50px;}
.product-cosmetic-homecare > h2 {padding-bottom:20px; font-weight:700; font-size:35px; line-height:35px; color:#333; border-bottom:#333 1px solid;}
.product-cosmetic-homecare > h3 {margin-top:50px; font-size:30px; line-height:35px; color:#333;}
.product-cosmetic-homecare > h3.pch-color01 {margin-top:20px; font-weight:700; color:#e37c70;}
.product-cosmetic-homecare > h3.pch-color02 {margin-top:20px; font-weight:700; color:#e37c70;}
.product-cosmetic-homecare > h3.pch-color03 {margin-top:20px; font-weight:700; color:#217e63;}
.product-cosmetic-homecare > h3.pch-color04 {margin-top:20px; font-weight:700; color:#e37c70;}
.product-cosmetic-homecare > h3.pch-color05 {margin-top:20px; font-weight:700; color:#333;}
.product-cosmetic-homecare > ul {width:100%; margin-top:50px; overflow:hidden;}
.product-cosmetic-homecare > ul > li {float:left; width:21%; margin:0 2%;}
.product-cosmetic-homecare > ul > li div {margin-top:20px; font-size:20px; line-height:26px; color:#333;}
.product-cosmetic-homecare > ul > li div span {color:#007f47;}
.product-cosmetic-homecare > div {width:100%; margin-top:50px; padding:80px;}
.product-cosmetic-homecare > div.pch-bg01 {background:#fbebea;}
.product-cosmetic-homecare > div.pch-bg02 {background:#f7efeb;}
.product-cosmetic-homecare > div.pch-bg03 {background:#217e63;}
.product-cosmetic-homecare > div.pch-bg04 {background:#fbebea;}
.product-cosmetic-homecare > div.pch-bg05 {background:#333;}
.product-cosmetic-homecare > div h2 {margin-top:20px; font-size:20px; line-height:26px; color:#333;}

@media all and (max-width:479px) {
    .product-cosmetic-homecare > h2 {font-size:30px; line-height:30px;}
    .product-cosmetic-homecare > div img {width:100%;}
    .product-cosmetic-homecare > h3 {margin-top:50px; font-size:22px; line-height:30px;}
    .product-cosmetic-homecare > ul {margin-top:20px;}
    .product-cosmetic-homecare > ul > li {width:46%; margin:2%;}
    .product-cosmetic-homecare > ul > li p img {width:100%;}
    .product-cosmetic-homecare > ul > li div {height:40px; margin-top:10px; font-size:16px; line-height:22px;}
    .product-cosmetic-homecare > div {margin-top:30px; padding:30px;}
    .product-cosmetic-homecare > div h2 {font-size:16px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-cosmetic-homecare > h2 {font-size:30px; line-height:30px;}
    .product-cosmetic-homecare > div img {width:100%;}
    .product-cosmetic-homecare > h3 {margin-top:50px; font-size:22px; line-height:30px;}
    .product-cosmetic-homecare > ul {margin-top:20px;}
    .product-cosmetic-homecare > ul > li {width:46%; margin:2%;}
    .product-cosmetic-homecare > ul > li p img {width:100%;}
    .product-cosmetic-homecare > ul > li div {height:40px; margin-top:10px; font-size:16px; line-height:22px;}
    .product-cosmetic-homecare > div {margin-top:30px; padding:30px;}
    .product-cosmetic-homecare > div h2 {font-size:16px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 시술안내 */
.product-cosmetic-medical {width:100%; margin-top:80px;}
.product-cosmetic-medical > div {width:100%; overflow:hidden;}
.product-cosmetic-medical > div > span {display:inline-block; padding:20px 40px; font-size:30px; line-height:30px; color:#333; border:#333 1px solid;}
.product-cosmetic-medical > ul {width:100%; overflow:hidden;}
.product-cosmetic-medical > ul > li {float:left; width:21%; margin:0 2%; padding:20px; font-size:30px; line-height:30px; color:#333; border:#333 1px solid;}
.product-cosmetic-medical > ol {width:100%; margin-top:80px; padding:50px 80px; background:#f1f1f1; overflow:hidden;}
.product-cosmetic-medical > ol > li {float:left; width:48%; margin:2% 1%;}
.product-cosmetic-medical > ol > li > dl {width:100%; text-align:left; overflow:hidden;}
.product-cosmetic-medical > ol > li > dl > dt {float:left; width:35%;}
.product-cosmetic-medical > ol > li > dl > dd {float:left; width:65%; padding-left:10px;}
.product-cosmetic-medical > ol > li > dl > dd h2 {font-weight:700; font-size:25px; line-height:25px; color:#333;}
.product-cosmetic-medical > ol > li > dl > dd h3 {margin-top:15px; font-size:18px; line-height:26px; color:#333;}
.product-cosmetic-medical > dl {width:100%; margin-top:80px; padding:50px 20px; background:#f1f1f1; overflow:hidden;}
.product-cosmetic-medical > dl > dt {float:left; width:31.3%; margin:1%;}
.product-cosmetic-medical > dl > dt > dl {width:100%; overflow:hidden;}
.product-cosmetic-medical > dl > dt > dl > dt {width:100%;}
.product-cosmetic-medical > dl > dt > dl > dd {width:100%; margin-top:20px;}
.product-cosmetic-medical > dl > dt > dl > dd h2 {font-weight:700; font-size:25px; line-height:25px; color:#333;}
.product-cosmetic-medical > dl > dt > dl > dd h3 {margin-top:15px; font-size:18px; line-height:26px; color:#333;}

@media all and (max-width:479px) {
    .product-cosmetic-medical > ul > li {width:48%; margin:1%; font-size:20px; line-height:20px;}
    .product-cosmetic-medical > ol {margin-top:50px; padding:50px 20px 30px 20px;}
    .product-cosmetic-medical > ol > li {width:100%; margin:0 0 30px 0;}
    .product-cosmetic-medical > ol > li dl dt img {width:100%;}
    .product-cosmetic-medical > ol > li dl dd h2 {font-size:20px; line-height:25px;}
    .product-cosmetic-medical > ol > li dl dd h3 {margin-top:10px; font-size:14px; line-height:22px;}
    .product-cosmetic-medical > dl > dt {width:100%; margin:0 0 30px 0;}
    .product-cosmetic-medical > dl > dt dl dd h2 {font-size:20px; line-height:25px;}
    .product-cosmetic-medical > dl > dt dl dd h3 {margin-top:10px; font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-cosmetic-medical > ul > li {width:48%; margin:1%; font-size:20px; line-height:20px;}
    .product-cosmetic-medical > ol {margin-top:50px; padding:50px 20px 30px 20px;}
    .product-cosmetic-medical > ol > li {width:100%; margin:0 0 30px 0;}
    .product-cosmetic-medical > ol > li dl dt img {width:100%;}
    .product-cosmetic-medical > ol > li dl dd h2 {font-size:20px; line-height:25px;}
    .product-cosmetic-medical > ol > li dl dd h3 {margin-top:10px; font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 후기 */
.product-cosmetic-epilogue {width:100%; margin-top:70px; padding-bottom:70px; border-bottom:#333 1px solid;}
.product-cosmetic-epilogue h2 {margin-top:30px; font-weight:700; font-size:30px; line-height:30px;}
.product-cosmetic-epilogue h2 span {vertical-align:top; font-weight:400;}
.product-cosmetic-epilogue div {margin-top:50px; padding:0 10%; font-size:20px; line-height:28px; color:#333;}

@media all and (max-width:479px) {
    .product-cosmetic-epilogue {margin-top:50px; padding-bottom:50px;}
    .product-cosmetic-epilogue h2 {margin-top:15px; font-size:20px; line-height:28px;}
    .product-cosmetic-epilogue div {margin-top:30px; padding:0; font-size:16px; line-height:24px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-cosmetic-epilogue {margin-top:50px; padding-bottom:50px;}
    .product-cosmetic-epilogue h2 {margin-top:15px; font-size:20px; line-height:28px;}
    .product-cosmetic-epilogue div {margin-top:30px; padding:0; font-size:16px; line-height:24px;}
}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* 이미지 영역 */
.product-img-area {width:100%;}
.product-img-area > div {width:1000px; margin:0 auto;}

@media all and (max-width:479px) {
    .product-img-area > div {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
    .product-img-area > div {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
    .product-img-area > div {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .product-img-area > div {width:970px;}
}
@media all and (min-width:1200px) {

}












/* CUSTOMER  /////////////////////////////////////////////////////////////////////////////////////////*/
/* AS센터 */
.as-location {width:1140px; margin:0 auto; padding-bottom:100px; text-align:center; overflow:hidden;}
.as-location dl {width:100%; padding:20px 0; border-top:#333 1px solid; border-bottom:#333 1px solid; overflow:hidden;}
.as-location dl dt {float:left; width:48%;}
.as-location dl dd {float:right; width:48%; text-align:left;}
.as-location dl dd h2 {font-weight:700; font-size:22px; line-height:22px; color:#333;}
.as-location dl dd ul {width:100%; margin-top:30px; overflow:hidden;}
.as-location dl dd ul li {padding-bottom:20px;}
.as-location div {margin-top:20px; text-align:right;}
.as-location div a {font-size:16px; color:#333;}

@media all and (max-width:479px) {
.as-location {width:320px; padding-bottom:50px;}
.as-location dl dt {width:100%;}
.as-location dt iframe {height:300px;}
.as-location dl dd {width:100%; margin-top:30px; text-align:center;}
.as-location dl dd h2 {font-size:18px; line-height:18px;}
.as-location dl dd ul li {font-size:13px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.as-location {width:470px; padding-bottom:50px;}
.as-location dl dt {width:100%;}
.as-location dl dt iframe {height:300px;}
.as-location dl dd {width:100%; margin-top:30px; text-align:center;}
.as-location dl dd h2 {font-size:18px; line-height:18px;}
.as-location dl dd ul li {font-size:13px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.as-location {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.as-location {width:970px;}
}
@media all and (min-width:1200px) {

}


/* AS안내 */
.as-guide {width:100%; background:url('../images/content/as_guide_bg.jpg') center top repeat-x, #fff;}
.as-guide > div {width:1140px; margin:0 auto; padding:100px 0; text-align:center;}
.as-guide > div > h2 {font-weight:700; font-size:35px; line-height:35px; color:#333;}
.as-guide > div > p {width:50px; height:2px; margin:40px auto; background:#333;}
.as-guide > div > h3 {font-size:22px; line-height:22px; color:#333;}
.as-guide > div > div {margin-top:80px;}
.as-guide > div > div > h2 {font-size:18px; line-height:18px; color:#333;}
.as-guide > div > div > ul {width:100%; margin-top:30px; overflow:hidden;}
.as-guide > div > div > ul > li {float:left; width:23%; margin:1%; padding:20px; text-align:left; border:#ddd 1px solid; background:#fff;}
.as-guide > div > div > ul > li h2 {font-weight:900; font-size:24px; line-height:24px; font-style:italic;}
.as-guide > div > div > ul > li h3 {margin-top:10px; font-size:16px; line-height:22px;}
.as-guide > div > div > ul > li div {margin-top:20px; text-align:right; font-size:24px; color:#333;}
.as-guide > div > div > h3 {margin-top:20px; text-align:left; font-size:14px; line-height:22px;}
.as-guide > div > h4 {margin-top:100px; padding-top:20px; text-align:left; font-size:14px; line-height:22px; color:#333; border-top:#333 1px solid;}

@media all and (max-width:479px) {
.as-guide > div {width:320px; padding:60px 0;}
.as-guide > div > h2 {font-size:26px; line-height:26px;}
.as-guide > div > p {width:30px; margin:20px auto;}
.as-guide > div > h3 {font-size:18px; line-height:18px;}
.as-guide > div > div > h2 {font-size:16px; line-height:16px;}
.as-guide > div > div > ul > li {width:48%; margin:1%;}
.as-guide > div > div > ul > li h2 {font-size:20px; line-height:20px;}
.as-guide > div > div > ul > li h3 {height:30px; font-size:13px; line-height:18px;}
.as-guide > div > div > h3 {font-size:13px; line-height:20px;}
.as-guide > div > h4 {font-size:13px; line-height:20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.as-guide > div {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.as-guide > div {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.as-guide > div {width:970px;}
}
@media all and (min-width:1200px) {

}








/* 지사  ////////////////////////////////////////////////////////////////////////////////*/
/* 검색 */
.branch-search {width:1140px; margin:0 auto;}
.branch-search > dl {width:100%; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; border-top:#e60039 2px solid; background:#fff; border-radius:15px; overflow:hidden;}
.branch-search > dl dt {float:left; width:50%; padding:30px;}
.branch-search > dl dt > h1 {margin-bottom:15px; font:500 20px 'NotoSansKR'; color:#333; letter-spacing:-1px;}
.branch-search > dl dt > h2 {padding:0 0 5px 18px; background:url('../images/btnIcn/icn_point1.gif') 0 7px no-repeat;}
.branch-search > dl dt > div {margin-top:15px;}
.branch-search > dl dd {float:left; width:50%; padding:30px 0; border-left:#e5e5e5 1px solid;}

.map-area {width:223px; height:355px; margin:0 auto; background:url('../images/content/branch_position_map.gif') center top no-repeat; overflow:hidden;}
.map-area div {width:40px; padding:1px 5px; text-align:center; font-size:12px; color:#fff; background:#e60039; border-radius:10px; border:#121e41 2px solid; cursor:pointer;}
.map-area div:hover {color:#fff; border:#121e41 2px solid; background:#121e41;}
.map-area div.on {color:#fff; border:#121e41 2px solid; background:#121e41;}
.map-area .mapPos01 {position:absolute; margin:50px 0 0 20px;}
.map-area .mapPos02 {position:absolute; margin:40px 0 0 60px;}
.map-area .mapPos03 {position:absolute; margin:50px 0 0 135px;}
.map-area .mapPos04 {position:absolute; margin:80px 0 0 60px;}
.map-area .mapPos05 {position:absolute; margin:100px 0 0 100px;}
.map-area .mapPos06 {position:absolute; margin:130px 0 0 90px;}
.map-area .mapPos07 {position:absolute; margin:130px 0 0 40px;}
.map-area .mapPos08 {position:absolute; margin:160px 0 0 100px;}
.map-area .mapPos09 {position:absolute; margin:140px 0 0 155px;}
.map-area .mapPos10 {position:absolute; margin:190px 0 0 60px;}
.map-area .mapPos11 {position:absolute; margin:180px 0 0 140px;}
.map-area .mapPos12 {position:absolute; margin:235px 0 0 50px;}
.map-area .mapPos13 {position:absolute; margin:220px 0 0 120px;}
.map-area .mapPos14 {position:absolute; margin:200px 0 0 180px;}
.map-area .mapPos15 {position:absolute; margin:270px 0 0 40px;}
.map-area .mapPos16 {position:absolute; margin:250px 0 0 170px;}
.map-area .mapPos17 {position:absolute; margin:320px 0 0 40px;}

@media all and (max-width:479px) {
.branch-search {width:320px;}
.branch-search > dl dt {width:100%;}
.branch-search > dl dd {width:100%; border-left:none; border-top:#e5e5e5 1px solid;}
}
@media all and (min-width:480px) and (max-width:767px) {
.branch-search {width:470px;}
.branch-search > dl dt {width:100%;}
.branch-search > dl dd {width:100%; border-left:none; border-top:#e5e5e5 1px solid;}
}
@media all and (min-width:768px) and (max-width:991px) {
.branch-search {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.branch-search {width:970px;}
.branch-search > dl dt {width:49%;}
.branch-search > dl dd {width:49%;}
}
@media all and (min-width:1200px) {

}


/* 상세보기(레이어) */
.view-branch {padding:0 20px; overflow:hidden; text-align:left;}
.view-branch .vTitle {text-align:center; font-weight:700; font-size:24px; line-height:32px; color:#333;}
.view-branch .vInfo {width:100%; margin-top:20px; line-height:30px; overflow:hidden;}
.view-branch .vInfo span {color:#e60039;}
.view-branch .vCnt {margin:20px 0 10px 0; padding:20px; border:#e5e5e5 1px solid; background:#f9f9f9;}
.view-branch .vImg {width:100%; overflow:hidden;}
.view-branch .vImg > li {margin-top:10px;}
.view-branch .vImg > li > iframe {width:100%; height:600px;}
.view-branch iframe {width:100%;}












/* 공통 - 게시물  //////////////////////////////////////////////////////////////////////*/
/* 검색테이블 - 기본형 */
.search-table {width:1140px; margin:0 auto; overflow:hidden;}
.search-table table {width:100%; table-layout:fixed; border:#ddd 1px solid; background:#f5f5f5;}
.search-table table th {padding:8px 10px 8px 40px; text-align:left; font-size:20px; font-weight:700; color:#333; border-bottom:#ddd 1px solid; background:url('../images/btnIcn/icn_search.png') 15px 29px no-repeat;}
.search-table table th.stBtn {padding:7px 10px 8px 10px; text-align:center; border-left:#ddd 1px solid; background:none;}
.search-table table td {padding:12px 10px 12px 15px; border-bottom:#ddd 1px solid; background:#fff;}

@media all and (max-width:479px) {
.search-table {width:320px;}
.search-table table colgroup col:nth-child(1) {display:none;}
.search-table table th {display:none;}
.search-table select {width:26% !important;}
.search-table input[name="Sstring"] {width:46% !important;}
.search-table span {display:none;}

.form-control {display:inline-block !important;}
}
@media all and (min-width:480px) and (max-width:767px) {
.search-table {width:470px;}
.search-table table colgroup col:nth-child(1) {display:none;}
.search-table table th {display:none;}
.search-table select {width:30% !important;}
.search-table input[name="Sstring"] {width:52% !important;}
.search-table span {display:none;}

.form-control {display:inline-block !important;}
}
@media all and (min-width:768px) and (max-width:991px) {
.search-table {width:750px;}
.search-table input[name="Sstring"] {width:67% !important;}
.search-table span {display:none;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.search-table {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 리스트탭버튼 */
.list-tab {width:1140px; margin:20px auto 0 auto; border-left:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.list-tab li {float:left; width:100px; padding:5px 10px; text-align:center; background:#f9f9f9; border-top:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; cursor:pointer;}
.list-tab li:hover {color:#fff; background:#594b42;}
.list-tab li.on {color:#fff; background:#594b42;}

@media all and (max-width:479px) {
.list-tab {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-tab {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-tab {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-tab {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 리스트정보 */
.list-info {width:1140px; margin:20px auto 15px auto; overflow:hidden;}
.list-info dt {float:left; padding-left:15px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 6px no-repeat;}
.list-info dd {float:right; padding-left:13px; font-size:13px; letter-spacing:0px; background:url('../images/btnIcn/icn_point2.png') 0 7px no-repeat;}

@media all and (max-width:479px) {
.list-info {width:320px;}
.list-info dd {display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-info {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-info {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-info {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 리스트정보 */
.list-info-btn {width:1140px; margin:20px auto 10px auto; overflow:hidden;}
.list-info-btn dt {float:left; padding:10px 0 0 15px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 16px no-repeat;}
.list-info-btn dd {float:right;}

@media all and (max-width:479px) {
.list-info-btn {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-info-btn {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-info-btn {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-info-btn {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 페이징 */
.list-paging {width:1140px; margin:0 auto; padding:30px 0 70px 0; text-align:center; overflow:hidden;}
.list-paging a {display:inline-block; padding:9px 12px; text-align:center; line-height:12px; border:#ccc 1px solid; background:#fff;}
.list-paging a:first-child {padding:9px 14px; background:#fff;}
.list-paging a:last-child {padding:9px 14px; background:#fff;}
.list-paging a:hover {border:#5a5a5a 1px solid; background:#707070; color:#fff;}
.list-paging a.active {border:#5a5a5a 1px solid; background:#707070; color:#fff;}

@media all and (max-width:479px) {
.list-paging {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-paging {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-paging {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-paging {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 목록없음 */
.list-no {width:100%; padding:80px 0 50px 0; text-align:center;}
.list-no h1 {margin-top:20px; font-size:20px; line-height:20px; color:#333;}


/* 리스트 - 비밀번호체크 */
.list-pw-chk {width:100%;}
.list-pw-chk > h1 {padding-left:20px; font-size:13px; letter-spacing:0px; background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat;}
.list-pw-chk > div {margin-top:10px;}


/* 리스트 - 테이블 [기본형] */
.list-table {width:1140px; margin:0 auto; overflow:hidden;}
.list-table table {width:100%; table-layout:fixed; border-top:#ddd 1px solid; background:#f5f5f5;}
.list-table table thead th {padding:12px 8px; color:#333; text-align:center; border-left:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.list-table table thead th:first-child {border-left:none;}
.list-table table tbody td {min-height:28px; padding:10px 8px; word-break:break-all; text-align:center; border-left:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid; background:#fff;}
.list-table table tbody td:first-child {border-left:none;}
.list-table table tbody th {min-height:28px; padding:10px 8px 10px 15px; word-break:break-all; text-align:left; border-left:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid; background:#fff;}
.list-table table tbody .answerChk1 {display:inline-block; padding:3px 5px 5px 5px; font-size:11px; line-height:11px; color:#fff; border-radius:2px; background:#666;}
.list-table table tbody .answerChk2 {display:inline-block; padding:3px 5px 5px 5px; font-size:11px; line-height:11px; color:#fff; border-radius:2px; background:#d9534f;}

@media all and (max-width:479px) {
.list-table {width:320px;}
.list-table table colgroup col:nth-child(3) {display:none;}
.list-table table colgroup col:nth-child(4) {display:none;}
.list-table table thead th:nth-child(3) {display:none;}
.list-table table tbody td:nth-child(3) {display:none;}
.list-table table thead th:nth-child(4) {display:none;}
.list-table table tbody td:nth-child(4) {display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-table {width:470px;}
.list-table table colgroup col:nth-child(3) {display:none;}
.list-table table colgroup col:nth-child(4) {display:none;}
.list-table table thead th:nth-child(3) {display:none;}
.list-table table tbody td:nth-child(3) {display:none;}
.list-table table thead th:nth-child(4) {display:none;}
.list-table table tbody td:nth-child(4) {display:none;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-table {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-table {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 리스트 - 기본 (마이페이지 100%) */
.list-bbs-basic {position:relative; width:1140px; margin:25px auto 0 auto; border-top:#e5e5e5 1px solid;}
.list-bbs-basic > ul {width:100%; padding:15px 0 15px 0; border-bottom:#e5e5e5 1px solid; overflow:hidden; transition:0.3s; cursor:pointer;}
.list-bbs-basic > ul:hover {background:#fff3f3;}
.list-bbs-basic > ul.active {background:#fff3f3;}
.list-bbs-basic > ul > li {height:40px; text-align:center; vertical-align:middle;}
.list-bbs-basic > ul > li:nth-child(1) {float:left; width:10%; padding-top:8px; font-size:14px;}
.list-bbs-basic > ul > li:nth-child(1) em {display:inline-block; padding:5px 10px; font-weight:700; font-size:13px; line-height:13px; color:#fff; letter-spacing:0px; border-radius:2px; background:#d60000;}
.list-bbs-basic > ul > li:nth-child(2) {float:left; width:65%; padding:8px 20px 0 15px; text-align:left; font-size:16px; line-height:16px; color:#333; border-left:#e5e5e5 1px solid; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list-bbs-basic > ul > li:nth-child(2) p {display:none; margin-top:2px; font-size:12px; color:#999;}
.list-bbs-basic > ul > li:nth-child(2) span {color:#d60000; letter-spacing:0px;}
.list-bbs-basic > ul > li:nth-child(2) em {display:none; padding:5px 10px; font-weight:700; font-size:14px; line-height:14px; color:#fff; border-radius:2px; background:#d60000;}
.list-bbs-basic > ul > li:nth-child(3) {float:left; width:15%; padding-top:8px; font-size:14px; border-left:#e5e5e5 1px solid;}
.list-bbs-basic > ul > li:nth-child(3) span {display:inline-block; margin-bottom:5px; font-weight:700;}
.list-bbs-basic > ul > li:nth-child(4) {float:left; width:10%; padding-top:4px; font-size:30px; color:#333; border-left:#e5e5e5 1px solid;}

@media all and (max-width:479px) {
.list-bbs-basic {width:320px;}
.list-bbs-basic > ul > li:nth-child(1) {display:none;}
.list-bbs-basic > ul > li:nth-child(2) {width:80%; padding:0; font-size:14px; border-left:none;}
.list-bbs-basic > ul > li:nth-child(2) em {display:inline-block; font-size:12px; line-height:12px;}
.list-bbs-basic > ul > li:nth-child(2) p {display:block;}
.list-bbs-basic > ul > li:nth-child(3) {display:none;}
.list-bbs-basic > ul > li:nth-child(4) {position:absolute; right:0; width:60px; padding-top:6px; font-size:24px; border:#e5e5e5 1px solid;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-bbs-basic {width:470px;}
.list-bbs-basic > ul > li:nth-child(1) {display:none;}
.list-bbs-basic > ul > li:nth-child(2) {width:80%; padding:0; font-size:14px; border-left:none;}
.list-bbs-basic > ul > li:nth-child(2) em {display:inline-block; font-size:12px; line-height:12px;}
.list-bbs-basic > ul > li:nth-child(2) p {display:block;}
.list-bbs-basic > ul > li:nth-child(3) {display:none;}
.list-bbs-basic > ul > li:nth-child(4) {position:absolute; right:0; width:60px; padding-top:6px; font-size:24px; border:#e5e5e5 1px solid;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-bbs-basic {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-bbs-basic {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 공지사항 */
.list-notice {position:relative; width:1140px; margin:22px auto 0 auto; border-top:#e5e5e5 1px solid;}
.list-notice > div {width:100%;}
.list-notice > div > ul {width:100%; padding:15px 0 15px 0; border-bottom:#e5e5e5 1px solid; overflow:hidden; transition:0.3s; cursor:pointer;}
.list-notice > div > ul:hover {background:#f2fafd;}
.list-notice > div > ul.active {background:#f2fafd;}
.list-notice > div > ul > li:nth-child(1) {float:left; width:8%; padding:15px 0 15px 0; text-align:center; font-size:16px;}
.list-notice > div > ul > li:nth-child(1) em {display:inline-block; padding:5px 10px; font-weight:700; font-size:14px; line-height:14px; color:#fff; border-radius:2px; background:#d60000;}
.list-notice > div > ul > li:nth-child(2) {float:left; width:67%; padding:15px 50px 15px 30px; text-overflow:ellipsis; white-space:nowrap; border-left:#e5e5e5 1px solid; overflow:hidden;}
.list-notice > div > ul > li:nth-child(2) a {font:400 20px/20px 'Nanum Square'; color:#333; letter-spacing:0px;}
.list-notice > div > ul > li:nth-child(2) em {display:none; padding:5px 10px; font-weight:700; font-size:14px; line-height:14px; color:#fff; border-radius:2px; background:#d60000;}
.list-notice > div > ul > li:nth-child(3) {float:left; width:15%; padding:15px 0 15px 0; text-align:center; font-size:16px; border-left:#e5e5e5 1px solid;}
.list-notice > div > ul > li:nth-child(4) {float:left; width:10%; padding:15px 0 15px 0; text-align:center; font-size:25px; color:#333; border-left:#e5e5e5 1px solid;}
.list-notice > div > dl {display:none; width:100%; padding:20px 0; border-bottom:#e5e5e5 1px solid; background:#f7f7f7; overflow:hidden;}
.list-notice > div > dl > dt {float:left; width:8%; padding:20px 0; text-align:center; font-size:50px; color:#333;}
.list-notice > div > dl > dd {float:right; width:90%; padding:28px 0 20px 0;}
.list-notice > div > dl > dd > h1 {font-weight:700; font-size:18px; line-height:18px; color:#333; letter-spacing:0px;}
.list-notice > div > dl > dd > h1 span {font-weight:normal; font-size:14px; color:#999; letter-spacing:0;}
.list-notice > div > dl > dd > div {margin-top:10px; font-size:15px; line-height:24px;}

@media all and (max-width:479px) {
.list-notice {width:320px;}
.list-notice > div > ul > li:nth-child(1) {display:none;}
.list-notice > div > ul > li:nth-child(2) {width:80%; padding:7px 0 5px 0; border-left:none;}
.list-notice > div > ul > li:nth-child(2) a {font-size:17px;}
.list-notice > div > ul > li:nth-child(2) em {display:inline-block; margin-right:5px; font-size:12px; line-height:12px;}
.list-notice > div > ul > li:nth-child(3) {width:80%; padding:0 0 0 0; text-align:left; font-size:14px; border-left:none;}
.list-notice > div > ul > li:nth-child(4) {position:absolute; right:0; width:60px; padding:12px 0; border:#e5e5e5 1px solid;}
.list-notice > div > dl > dt {display:none;}
.list-notice > div > dl > dd {width:100%; padding:20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-notice {width:470px;}
.list-notice > div > ul > li:nth-child(1) {display:none;}
.list-notice > div > ul > li:nth-child(2) {width:80%; padding:7px 0 5px 0; border-left:none;}
.list-notice > div > ul > li:nth-child(2) a {font-size:17px;}
.list-notice > div > ul > li:nth-child(2) em {display:inline-block; margin-right:5px; font-size:12px; line-height:12px;}
.list-notice > div > ul > li:nth-child(3) {width:80%; padding:0 0 0 0; text-align:left; font-size:14px; border-left:none;}
.list-notice > div > ul > li:nth-child(4) {position:absolute; right:0; width:60px; padding:12px 0; border:#e5e5e5 1px solid;}
.list-notice > div > dl > dt {display:none;}
.list-notice > div > dl > dd {width:100%; padding:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-notice {width:750px;}
.list-notice > div > ul > li:nth-child(1) {display:none;}
.list-notice > div > ul > li:nth-child(2) {width:80%; padding:10px 0 5px 0; border-left:none;}
.list-notice > div > ul > li:nth-child(2) em {display:inline-block; margin-right:5px;}
.list-notice > div > ul > li:nth-child(3) {width:80%; padding:0 0 0 0; text-align:left; font-size:16px; border-left:none;}
.list-notice > div > ul > li:nth-child(4) {position:absolute; right:0; width:100px; padding:14px 0; border:#e5e5e5 1px solid;}
.list-notice > div > dl > dt {width:15%;}
.list-notice > div > dl > dd {width:80%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-notice {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 자주하는질문 */
.list-faq {width:100%;}
.list-faq > dl {width:1140px; margin:0 auto; overflow:hidden;}
.list-faq > dl > dt {padding:20px 40px 20px 55px; margin-bottom:5px; font-size:14px; background:url('../images/btnIcn/icn_faq_q2.gif') 20px 20px no-repeat, url('../images/btnIcn/icn_arrDown.gif') right 26px no-repeat, #fff; border:#e5e5e5 1px solid; border-radius:4px; cursor:pointer;}
.list-faq > dl > dt span {color:#14b1bb;}
.list-faq > dl > dd {display:none; margin-bottom:5px; padding:30px 30px 30px 55px; color:#333; border:#ddd 1px solid; background:url('../images/btnIcn/icn_faq_a2.gif') 20px 30px no-repeat, #f9f9f9; border-radius:4px;}
.list-faq > dl > dd > h1 {margin-bottom:15px; padding:10px 15px; border:#e5e5e5 2px solid; background:#fff;}
.list-faq > dl > dd > h1 span {font-weight:700; color:#333;}
.list-faq > dl > dd > div iframe {width:100% !important;}

@media all and (max-width:479px) {
.list-faq > dl {width:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-faq > dl {width:470px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-faq > dl {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-faq > dl {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 리스트 - 갤러리 - 박스 */
.list-gallery-basic {width:100%; padding:0 0 20px 0; overflow:hidden;}
.list-gallery-basic > ul {width:1160px; margin:0 auto; overflow:hidden;}
.list-gallery-basic > ul > li {position:relative; float:left; width:31.3%; margin:1%; border:#e5e5e5 1px solid; overflow:hidden; cursor:pointer;}
.list-gallery-basic > ul > li > p {height:230px; background:#000; overflow:hidden;}
.list-gallery-basic > ul > li > h1 {position:absolute; bottom:100px; left:50%; width:90%; margin-left:-45%; padding:3px 20px; text-align:center; color:#fff; border:#fff 1px solid; background:rgba(0,0,0,0.5); opacity:0.0;}
.list-gallery-basic > ul > li > h1:hover {background:#e60039;}
.list-gallery-basic > ul > li > div {padding:20px; text-align:center;}
.list-gallery-basic > ul > li > div h1 {font-size:16px; line-height:16px; color:#333; letter-spacing:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list-gallery-basic > ul > li > div h1 span {vertical-align:top; color:#e60039;}
.list-gallery-basic > ul > li > div dl {width:100%; padding-top:15px; margin-top:15px; border-top:#e9e9e9 1px solid; overflow:hidden;}
.list-gallery-basic > ul > li > div dl dt {float:left;}
.list-gallery-basic > ul > li > div dl dd {float:right;}
.list-gallery-basic > ul > li > div dl i {color:#999;}
.list-gallery-basic > ul > li > div dl span {vertical-align:top; color:#999;}

@media all and (max-width:479px) {
.list-gallery-basic > ul {width:320px;}
.list-gallery-basic > ul li {width:100%; margin:2% 0;}
.list-gallery-basic > ul > li > p {height:210px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.list-gallery-basic > ul {width:470px;}
.list-gallery-basic > ul li {width:48%; margin:1%;}
.list-gallery-basic > ul > li > p {height:148px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.list-gallery-basic > ul {width:750px;}
.list-gallery-basic > ul li {width:48%; margin:1%;}
.list-gallery-basic > ul > li > p {height:235px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.list-gallery-basic > ul {width:970px;}
.list-gallery-basic > ul > li > p {height:200px;}
}
@media all and (min-width:1200px) {

}


/* 상세 - 기본형 */
.view-area {width:1140px; margin:0 auto;}
.view-area .va-info {width:100%; padding:25px; border:#e5e5e5 1px solid; background:#f9f9f9;}
.view-area .va-info p {font-size:22px; line-height:30px; color:#333;}
.view-area .va-info p em {display:inline-block; padding:5px 10px; font-weight:700; font-size:16px; line-height:16px; color:#fff; border-radius:2px; background:#e60039;}
.view-area .va-info p span {color:#e60039;}
.view-area .va-info div {width:100%; margin-top:15px; font-size:13px; line-height:13px; color:#777;}
.view-area .va-info div span {vertical-align:top; color:#e60039;}
.view-area .va-info h1 {margin-top:25px; padding:10px 15px; border:#e5e5e5 2px solid; background:#fff;}
.view-area .va-info h1 span {color:#e60039;}
.view-area .va-info h2 {margin-top:30px; text-align:center;font:700 35px/35px 'Nanum Square'; color:#333; letter-spacing:0px;}
.view-area .va-ctn {width:100%; margin-top:50px; font-size:14px; word-break:break-all;}
.view-area .va-ctn > dl {width:700px; margin:0 auto; overflow:hidden;}
.view-area .va-ctn > dl dt {float:left; width:48%;}
.view-area .va-ctn > dl dd {float:right; width:48%;}
.view-area .va-ctn > dl div {padding:10px; text-align:center; font-weight:700; font-size:16px; color:#333; border:#e5e5e5 1px solid; background:#f9f9f9;}
.view-area .va-ctn > p {margin-top:50px; text-align:center;}
.view-area .va-ctn iframe {}
.view-area .va-ctn-box {width:100%; margin-top:40px; padding:20px; font-size:14px; word-break:break-all; border:#e5e5e5 1px solid;}
.view-area .va-answer {width:100%; margin-top:40px; border:#e5e5e5 3px solid;}
.view-area .va-answer dl {width:100%; padding:20px; background:#352f31; overflow:hidden;}
.view-area .va-answer dl dt {float:left; font-size:18px; color:#eab322;}
.view-area .va-answer dl dd {float:right; color:#fff;}
.view-area .va-answer dl dd span {color:#eab322;}
.view-area .va-answer div {padding:20px; font-size:14px; color:#333; background:#f9f9f9;}
.view-area .va-slider {width:100%; margin-top:40px;}
.view-area .va-map {width:100%; margin-top:20px;}
.view-area .va-map iframe {}
.view-area .va-btn {width:100%; margin-top:50px; padding-top:20px; border-top:#e4e4e4 1px solid; overflow:hidden;}
.view-area .va-btn dt {float:left;}
.view-area .va-btn dd {float:right; text-align:right;}
.view-area .va-pn {width:100%; padding:30px 0 70px 0;}
.view-area .va-pn table {width:100%; table-layout:fixed; border-top:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.view-area .va-pn table th {padding:8px 10px 8px 15px; background:#f5f5f5; color:#333; font-weight:700; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4; text-align:left;}
.view-area .va-pn table td {padding:8px 10px 8px 10px; background:#fff; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.view-area .va-pn table td span {font-weight:700; color:#a14d56;}

@media all and (max-width:479px) {
.view-area {width:320px;}
.view-area .va-info p {font-size:18px; line-height:24px;}
.view-area .va-ctn div img {width:100% !important; height:auto !important;}
.view-area .va-ctn iframe {width:100%;}
.view-area .va-ctn dl {width:100%;}
.view-area .va-ctn dl dt {width:100%;}
.view-area .va-ctn dl dd {width:100%;}
.view-area .va-ctn p a {width:49% !important;}
.view-area .va-map iframe {width:100%;}
.view-area .va-btn dt {width:100%; text-align:center;}
.view-area .va-btn dd {width:100%; margin-top:10px; text-align:center;}

.view-area .va-answer dl dt {width:100%;}
.view-area .va-answer dl dd {width:100%; margin-top:5px;}

.pgwSlideshow .ps-list li .ps-item {margin:17px 8px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.view-area {width:470px;}
.view-area .va-info p {font-size:18px; line-height:24px;}
.view-area .va-ctn div img {width:100% !important; height:auto !important;}
.view-area .va-ctn iframe {width:100%;}
.view-area .va-ctn dl {width:100%;}
.view-area .va-map iframe {width:100%;}

.pgwSlideshow .ps-list li .ps-item {margin:17px 8px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.view-area {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.view-area {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 댓글등록 */
.cmt-write {width:100%; margin-top:25px; padding-top:25px; border-top:#e5e5e5 1px solid; overflow:hidden;}
.cmt-write h1 {font-size:18px; font-weight:700; color:#333;}
.cmt-write div {margin-top:10px;}
.cmt-write dl {margin-top:5px; overflow:hidden;}
.cmt-write dl dt {float:left; width:80%;}
.cmt-write dl dd {float:right; width:19%;}
.cmt-write dl dd > a {display:block; height:80px; padding-top:28px; text-align:center; font-size:16px; color:#fff; border-radius:0; background:#333;}
.cmt-write dl dd > a:hover {background:#000;}
.cmt-write .form-control {display:inline-block !important;}

@media all and (max-width:479px) {
.cmt-write div input {width:35% !important;}
.cmt-write dl dd > a {font-size:12px;}
}
@media all and (min-width:480px) and (max-width:767px) {

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}

/* 댓글리스트 */
.cmt-list {width:100%; margin:20px 0 25px 0;}
.cmt-list dl {padding:12px 0 12px 0; border-bottom:#dedede 1px solid; overflow:hidden;}
.cmt-list dl dt {margin-bottom:7px; padding-left:15px; font-weight:700; font-size:14px; color:#000; background:url('../images/btnIcn/icn_cmt.gif') 0 4px no-repeat;}
.cmt-list dl dt span {color:#989898; font-size:12px; font-weight:normal;}
.cmt-list dl dt em {display:none;}
.cmt-list dl dt em input {width:100px; height:20px; border:#e5e5e5 1px solid;}


/* 등록영역 */
.write-area {margin-bottom:50px;}


/* 세부내용 및 등록형태 - 기본형 */
.write-view {width:1140px; margin:0 auto; overflow:hidden;}
.write-view dl {width:100%; margin-bottom:15px; overflow:hidden;}
.write-view dl dt {float:left; padding-left:15px; letter-spacing:0px; background:url('../images/btnIcn/icn_page.gif') 0 7px no-repeat;}
.write-view dl dd {float:right; letter-spacing:0px;}
.write-view dl dd span {font-size:18px; color:#eb2251; font-weight:700;}
.write-view table {width:100%; table-layout:fixed; border-top:#bec1cc 2px solid; border-left:#e4e4e4 1px solid;}
.write-view table th {min-height:55px; padding:10px 15px 10px 15px; text-align:left; font-weight:bold; color:#333; letter-spacing:0px; background:#fafbfc; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.write-view table th span {font-size:18px; color:#eb2251; font-weight:bold;}
.write-view table td {min-height:55px; padding:10px 15px 10px 15px; background:#fff; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.write-view table td .CRD input[type="checkbox"] + label {font:400 14px/14px 'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; color:#777;}
.write-view table td .CRD input[type="radio"] + label {font:400 14px/14px 'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; color:#777;}

@media all and (max-width:479px) {
.write-view {width:320px;}
.write-view dl dd {display:none;}
.write-view table colgroup col:nth-child(1) {width:30%;}
.write-view table td select {width:100% !important;}
.write-view table td input[type="text"] {width:100% !important;}
.write-view table td input[type="password"] {width:100% !important;}
.write-view table td input[type="file"] {width:100% !important;}
}
@media all and (min-width:480px) and (max-width:767px) {
.write-view {width:470px;}
.write-view dl dd {display:none;}
.write-view table colgroup col:nth-child(1) {width:30%;}
}
@media all and (min-width:768px) and (max-width:991px) {
.write-view {width:750px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.write-view {width:970px;}
}
@media all and (min-width:1200px) {

}