body{font-family: 'Noto Sans KR', sans-serif;color:#222;font-size:15px;width:100%;}
a{color:#222;}
.contents{width:100%; max-width:1200px;margin:0 auto;clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.c_b{clear:both;}
.o_h{overflow:hidden;}
.p20{padding-top:20px;}

header .menu > li{float:left;}
header .menu01{margin-bottom:10px;}
header .menu01 li a{display:block;margin-left:30px;padding:14px 0;}
header .menu01 li a:hover{text-decoration:underline;}
header .menu01 li a span{color:#d60034;}
header .top01{background:#ededed; padding-bottom:60px;}
header .top01:after{content:""; display:block; clear:both;}
header .top02{width:100%;position: absolute;top: 51px; }
header .top02 .menu li{float:left;width:24.25%;margin-right:1%;border-bottom:1px solid #b1b1b1;position:relative;z-index:1;}
header .top02 .menu li:last-child{margin-right:0;}
header .top02 .menu li a{height:62px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; background:#fff;padding:18px 0;border:1px solid #b1b1b1;position:relative;top:1px;text-align:center;}
header .top02 .menu li.actived a{background:#008b7c;}
header .top02 .menu li a .tab_mall_logo{font-size:18px; font-weight:500; line-height:1;}
header .top02 .menu li.actived a .tab_mall_logo{color:#fff;}
header #subwrap{background:#fff; position:relative;}

header .top03{border-top:1px solid #b1b1b1;padding:24px 0 0;}
header .area01{width:74.75%;box-sizing:border-box;padding:7px 0;position:relative;}
header .area01 .menu > li{width: 16.667%;text-align: center;cursor:pointer;}
header .area01 .menu > li > a{display:block;padding:4px 0;position:relative;}
header .area01 .menu > li:first-child > a{border-right:1px solid #a9a9a9;color:#008b7c;}
header .area01 .menu > li.on > a{color:#fff;}
header .area01 .menu > li.on > a::after{content:'';position:absolute;top:50%;left:0;margin-top:-20px;width:100%;height:40px;background:#008b7c;z-index:-1;border-radius:6px;}
header .area01 .menu li.byprice{position:relative;}
header .area01 .menu li.byprice > a{color:#fff;}
header .area01 .menu li.byprice2 > a{color:#222;}
header .area01 .menu li.byprice3 > a{color:#222;}
header .area01 .menu li.byprice > a::after{content:'';position:absolute;top:50%;left:0;margin-top:-20px;width:100%;height:40px;background:#d60034;z-index:-1;border-radius:6px;}
header .area01 .menu li.byprice2 > a::after{content:'';position:absolute;top:50%;left:0;margin-top:-20px;width:100%;height:40px;background:#fff;z-index:-1;border-radius:6px;}
header .area01 .menu li.byprice3 > a::after{content:'';position:absolute;top:50%;left:0;margin-top:-20px;width:100%;height:40px;background:#fff;z-index:-1;border-radius:6px;}
header .area01 .menu li.byprice2 .depth2.drop_down2{    border-radius: 5px;position:absolute;left:154px;width:100%;background:#fff;top:0;border:1px solid #eee;display:none;}
header .area01 .menu li.byprice > a > img{margin-right:10px;}
header .area01 .menu li.byprice a p{display:inline-block;position:relative;top:-1.5px;}
header .area02{position:relative;width:24.25%;}
header .area02 input{width:100%;height:40px;background:#e8e8e8;border:none;outline:none;border-radius:5px;padding:0 10px;box-sizing:border-box;}
header .area02 button{position:absolute;top:0;right:0;width:48px;height:40px;box-sizing:border-box;background:none;border:none;cursor:pointer;}

.byprice_area{position:absolute; left:0; top:49px; background:#fff;z-index:61;border-radius:5px;width:100%;display:none;border: 1px solid #dedede; box-sizing: border-box;}
.byprice_area li{width: 100%;box-sizing: border-box;border-bottom:1px solid #eee;}
.byprice_area li a{display:block; padding:12px 10px; letter-spacing:-1px; font-size:14px; line-height:1.2; text-align:left; box-sizing:border-box; word-break:keep-all;}

/* Ä«Å×°í¸® ¸Þ´º */
.catg_lyr{border: 1px solid #ddd;position: fixed;left: 0;top: 0;z-index: 999;background: #fff;height: 100%;box-sizing: border-box;width: 250px;display:none;}
.catg_lyr::after{    position: fixed;top: 0;left: 250px;right: 0;bottom: 0;background: rgba(0,0,0,0.1);z-index: -1;transition: all 1s ease;content: '';-webkit-transition: all 1s ease;}
.catg_all{width: 100%;  position: absolute;  left: 0;  top: 70px;  bottom: 0;  background: #f6f6f6;  -webkit-box-sizing: content-box;  box-sizing: content-box;cursor:auto;}
.catg_all{}
.catg_all > ul{height:100%; overflow-y:auto;}



html:not(.is-mobile) .catg_all ul::-webkit-scrollbar{width:5px;}
html:not(.is-mobile) .catg_all ul::-webkit-scrollbar-track{background-color:#e7e7e7;}
html:not(.is-mobile) .catg_all ul::-webkit-scrollbar-thumb{background-color:#333; border-radius:20px;}
/*
html:not(.is-mobile) .catg_all > ul::-webkit-scrollbar{width:5px;}
html:not(.is-mobile) .catg_all > ul::-webkit-scrollbar-track{background-color:#f1f1f1;}
html:not(.is-mobile) .catg_all > ul::-webkit-scrollbar-thumb{background-color:#222; border-radius:20px;}
html:not(.is-mobile) .catg_all .category_area .drop-down1::-webkit-scrollbar{width:5px;}
html:not(.is-mobile) .catg_all .category_area .drop-down1::-webkit-scrollbar-track{background-color:#f1f1f1;}
html:not(.is-mobile) .catg_all .category_area .drop-down1::-webkit-scrollbar-thumb{background-color:#222; border-radius:20px;}
html:not(.is-mobile) .catg_all .category_area .drop-down2::-webkit-scrollbar{width:5px;}
html:not(.is-mobile) .catg_all .category_area .drop-down2::-webkit-scrollbar-track{background-color:#f1f1f1;}
html:not(.is-mobile) .catg_all .category_area .drop-down2::-webkit-scrollbar-thumb{background-color:#222; border-radius:20px;}
html:not(.is-mobile) .catg_all .category_area .drop-down3::-webkit-scrollbar{width:5px;}
html:not(.is-mobile) .catg_all .category_area .drop-down3::-webkit-scrollbar-track{background-color:#f1f1f1;}
html:not(.is-mobile) .catg_all .category_area .drop-down3::-webkit-scrollbar-thumb{background-color:#222; border-radius:20px;}
*/

.catg_all .category_area > li > a{display: block; font-size: 17px; font-weight: 400; height: 60px; line-height: 60px;  padding: 0 0 0 20px;text-align:left;}
.catg_all .category_area > li.on > a{background: #d01f29;  color: #fff;  font-weight: 500;}
.catg_all .category_area .depth2{display:none;}
.catg_all .category_area .drop-down1{position:fixed; border-right: 1px solid #dedede;  left: 250px;  top: 0; background: #fff; bottom: 0;  box-sizing: content-box;  width: 250px;overflow-y:auto; }
.catg_all .category_area .drop-down2{position:fixed;border-right:1px solid #dedede;left:501px;top:0;background:#fff;bottom:0;box-sizing:content-box;width:250px;overflow-y:auto;}
.catg_all .category_area .drop-down3{position:fixed;border-right:1px solid #dedede;left:752px;top:0;background:#fff;bottom:0;box-sizing:content-box;width:250px;overflow-y:auto;}
.catg_all .category_area .depth2 > li > a{font-size: 15px;color: #333;  display: block;  height: 50px;  line-height: 50px; padding: 0 0 0 20px;text-align:left;}
.catg_all .category_area .depth2 > li.on > a, .catg_all .category_area .depth2 > li:hover > a{background: rgba(208,19,28,0.1);  color: #d01f29;  font-weight: 500;}
.catg_lyr .bt_close{border:none;width:50px;height:50px;background: url(/doore4/img/close02.png) no-repeat center center;background-size:40px;text-indent:-9999px;position:absolute;right:5px;top:50%;transform:translateY(-50%);cursor:pointer;}
.catg_top{width: 100%;height: 70px;box-sizing: border-box;position: relative;top: 0;}
.catg_top .catg_logo{cursor: pointer;box-sizing: border-box;left: 10px;position: absolute;top: 50%;transform: translateY(-54%);}

section{clear:both;}
section .visual .main01{height:580px;width:100%;position:relative;}
section .visual .main01 .swiper-slide{text-align:center;}
section .visual .main01 .swiper-pagination{background:#fff;height:67px;bottom:-67px;border-bottom:1px solid #e6e6e6;width: 1200px;left: 50%;transform: translateX(-50%);box-sizing:border-box;}
section .visual .main01 .swiper-pagination-bullet{width:20%;height:66px;line-height:66px;border-radius:0;opacity:1;background:#fff;margin: 0;display: block;float: left;font-size:16px;color:#9e9e9e;font-weight:300;}
section .visual .main01 .swiper-pagination-bullet-active{position:relative;color:#000;font-weight:500;}
section .visual .main01 .swiper-pagination-bullet-active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background: linear-gradient( to right, #58a9e3, #4f4e9f );}
section .visual .main01 .swiper-button-next, section .visual .main01 .swiper-button-prev{height:52px;margin-top:0;}
section .visual .main01 .swiper-button-prev, section .visual .main01 .swiper-container-rtl .swiper-button-next{background:url("/doore4/img/button02.png") no-repeat;left: 50%;margin-left: -600px;}
section .visual .main01 .swiper-button-next, section .visual .main01 .swiper-container-rtl .swiper-button-prev{background:url("/doore4/img/button03.png") no-repeat;right:50%;margin-right:-600px;}
section .visual .main01 .swiper-button-prev:after, section .visual .main01 .swiper-container-rtl .swiper-button-next:after, section .visual .main01 .swiper-button-next:after, section .visual .main01 .swiper-container-rtl .swiper-button-prev:after{content:'';}

section .bannerList{border-bottom:1px solid #e6e6e6;overflow:hidden;opacity:1;}
section .bannerTit li{float:left;width:20%;text-align:center;}
section .bannerTit li a{display:block;padding:25px 0;position:relative;font-size:16px;color:#9e9e9e;font-weight:300;}
section .bannerTit li.on a{color:#000;font-weight:500;}
section .bannerTit li.on a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background: linear-gradient( to right, #58a9e3, #4f4e9f );}
section h3{font-size:28px;font-weight:300;    letter-spacing: -2px;}
section h3 b{font-weight:500;}
section .product01{width:1200px;overflow:hidden;position:relative;max-height:570px;padding-top:70px;}
section .product01 .swiper-slide{position:relative;box-sizing:border-box;}
section .product01 .swiper-slide.swiper-slide-next{}
section .product01 .swiper-slide > a > img{width:100%;}
section .product01 .swiper-slide .timeBox{position:absolute;right:0;top:10px;font-size:18px;z-index:10;    box-shadow: 0 3px 2px rgb(0,0,0,0.15); border-radius: 30px 0 0 30px;}
section .product01 .swiper-slide .timeBox p.text{float:left;padding:18px 14px;background: linear-gradient( to right, #58a9e3, #4f4e9f );color:#fff;border-radius:30px 0 0 30px;}
section .product01 .swiper-slide .timeBox p.text img{position:relative;top:1px;margin:0 10px 0 5px;}

section .product01 .swiper-slide .timeBox .time{display:flex; float:left;padding:18px 10px 18px 14px;background:rgba(255,255,255,0.9);}



section.productArea .contents{padding:80px 0 20px;position:relative;}
section.productArea h3{position:absolute;top:80px;}

section.productArea .productImg{height:350px;width:100%;box-sizing:border-box;overflow:hidden; border:1px solid #ddd;}
section.productArea .productImg img{transition:all .2s ease;width:380px;min-height:350px;}
section.productArea .productImg:hover img{transform:scale(1.1);}

section.productArea .productBox{padding:20px 0;position:relative;}
section.productArea .productBox p.productTit{ padding-bottom: 14px;height: 50px;line-height: 24px;padding: 0;margin: 0 auto 12px;font-size: 20px;font-weight: 400;color: #383838;white-space: normal;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%; box-sizing: border-box;}
section.productArea .productBox p.priceInfo{font-size:20px;}
section.productArea .productBox p.priceInfo span{color:#e00000;font-weight:300;display:inline-block;margin:10px 0;}
section.productArea .productBox p.priceInfo em{color:#bababa;text-decoration:line-through;font-weight:300;font-size:20px;text-decoration-thickness: 1px;display:block;} 
section.productArea .productBox p.priceInfo b{display:block;margin:10px 0;}
section.productArea .productBox .sticker{box-sizing:border-box;}
section.productArea .productBox .sticker b.out_b{background:#d60034; border:1px solid #d60034; padding:3px 8px; border-radius:3px; font-size:12px; color:#fff; margin-right:2px;}
section.productArea .productBox .sticker img{margin-right:4px;}
section.productArea .productBox .sticker p{padding:12px;margin-right:14px;float:left;font-size:18px;}
section.productArea .productBox .sticker p.green{background:#ccffd8;color:#00b12a;border:1px solid #00b12a;}
section.productArea .productBox .sticker p.pink{background:#fdd6d9;color:#d81f47;border:1px solid #d81f47;}
section.productArea .productBox .info_text{height: 34px;line-height: 16px;padding: 0;margin: 10px auto 12px;font-size: 14px;font-weight: 300;color: #999;white-space: normal;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;box-sizing: border-box;}
section.productArea .product01 .swiper-button-next, section.productArea .product01 .swiper-button-prev{width:40px;height:40px;top:0;margin-top:0;}
section.productArea .product01 .swiper-button-next, section.productArea .product01 .swiper-container-rtl .swiper-button-prev{background:url("/doore4/img/button07.png") no-repeat;left:auto;right:0;}
section.productArea .product01 .swiper-button-next:hover, section.productArea .product01 .swiper-container-rtl .swiper-button-prev:hover{background:url("/doore4/img/button06.png") no-repeat;}
section.productArea .product01 .swiper-button-prev, section.productArea .product01 .swiper-container-rtl .swiper-button-next{background:url("/doore4/img/button05.png") no-repeat;right:60px;left:auto;}
section.productArea .product01 .swiper-button-prev:hover, section.productArea .product01 .swiper-container-rtl .swiper-button-next:hover{background:url("/doore4/img/button04.png") no-repeat;}
.product01 .swiper-button-prev:after, .product01 .swiper-container-rtl .swiper-button-next:after, .product01 .swiper-button-next:after, .product01 .swiper-container-rtl .swiper-button-prev:after{content:'';}

section.productTab .contents{padding:80px 0 20px;}
section.productTab h4{font-size:30px;color:#222;text-align:center;letter-spacing:-1px;margin-bottom:50px;}
section.productTab h4 b{font-weight:300;}
section.productTab .tabMenu{margin:0 auto 70px;overflow:hidden;}
section.productTab .tabMenu ul{display: flex; flex-direction: row; justify-content: center;}
section.productTab .tabMenu li{text-align:center; padding: 0 20px;}
section.productTab .tabMenu li a{display:inline-block;padding-bottom:12px;text-align:center;font-size:20px;position:relative;color:#909090;font-weight:300;}
section.productTab .tabMenu li:hover a{color:#008b7c;}
section.productTab .tabMenu li.on a{color:#008b7c;font-weight:500;}
section.productTab .tabMenu li.on a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#008b7c;}
section.productTab .productList{display:flex; flex-wrap:wrap;}
section.productTab .productList li{float:left;width:19.2%;box-sizing:border-box;margin:0 1% 24px 0;}
section.productTab .productList li:nth-child(5n){margin-right:0;}
section.productTab .productList li .productImg2 img{width:100%;}

section.productTab .productImg2{height:231px;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid #d4d4d4;}
section.productTab .productImg2 img{transition:all .2s ease;}
section.productTab .productImg2:hover img{transform:scale(1.1);}

section.productTab .productBox{padding:20px 0 40px;position:relative;}
section.productTab .productBox p.productTit{ height: 48px; line-height: 24px; padding: 0; margin: 0 auto 12px; font-size: 16px; font-weight: 400; color: #383838;  white-space: normal;  overflow: hidden; text-overflow: ellipsis;  word-wrap: break-word; display: -webkit-box!important;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;width: 100%;box-sizing: border-box;}
section.productTab .productBox p.priceInfo{font-size:20px;}
section.productTab .productBox p.priceInfo span{color:#e00000;font-weight:500;display:inline-block;margin:8px 0;font-size:15px;}
section.productTab .productBox p.priceInfo b{display:block;    margin-bottom: 5px;}
section.productTab .productBox p.priceInfo em{color:#bababa;text-decoration:line-through;font-weight:300;font-size:15px;text-decoration-thickness: 1px; display:block;} 
section.productTab .productBox .sticker{box-sizing: border-box;display: flex; flex-direction: row;  align-items: center; margin: 10px 0;}
section.productTab .productBox .sticker b.soldOut{background: #dedede;  border: 1px solid #dedede;  padding: 3px 8px;  border-radius: 3px;  font-size: 12px; margin-right:2px;}
section.productTab .productBox .sticker b.out_b{background:#d60034;border:1px solid #d60034;padding:3px 8px;border-radius:3px;font-size:12px;color:#fff;    margin-right: 2px;}
section.productTab .productBox .sticker img{    margin-right: 2px;}
section.productTab .productBox .sticker p{padding:6px 10px;margin-right:4px;float:left;font-size:12px;color:#fff;border-radius:3px;}
section.productTab .productBox .sticker p.blue{background:#1f70ae;}
section.productTab .productBox .sticker p.pink{background:#e15094;}
section.productTab .productBox .sticker p.yellow{background:#d19548;}
section.productTab .productBox .detailInfo{height: 34px; line-height: 16px; padding: 0; margin: 10px auto 12px;  font-size: 14px;  font-weight: 300;  color: #999;  white-space: normal;  overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box!important;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  width: 100%; box-sizing: border-box;}

.banner{clear:both;}
.banner .main02{position:relative; padding-top:60px;     margin-left: auto;
    margin-right: auto; overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;}
.banner .main02 .swiper-pagination-bullet{width:54px;height:7px;background:rgba(255,255,255,0.4);border-radius:0;opacity:1;box-shadow:0 2px 6px rgba(0,0,0,0.2);margin:0 10px;}
.banner .main02 .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.banner .main02 .swiper-pagination{bottom:18px;}
.banner .main02 .swiper-slide{position:relative;text-align:Center;}
.banner .main02 .swiper-slide a{}
.banner .main02 .swiper-slide a img{width:100%; display:block; margin:auto;}
.banner .main02 .swiper-button-next, .banner .main02 .swiper-button-prev{width:17px;height:52px;}
.banner .main02 .swiper-button-prev, .banner .main02 .swiper-container-rtl .swiper-button-next{background:url(/doore4/img/button02.png) no-repeat center center;left: 50%; right: auto;  margin-left: -670px; margin-top: 0;}
.banner .main02 .swiper-button-next, .banner .main02 .swiper-container-rtl .swiper-button-prev{background:url(/doore4/img/button03.png) no-repeat center center;right: 50%; left: auto;  margin-right: -670px; margin-top: 0;}
.banner .main02 .swiper-button-prev:after, .banner .main02 .swiper-container-rtl .swiper-button-next:after, .banner .main02 .swiper-button-next:after, .banner .main02 .swiper-container-rtl .swiper-button-prev:after{content:'';}


.bottomBanner{margin:40px 0 80px;overflow:hidden;}
.bottomBanner li{float:left;border:1px solid #ddd;box-sizing:border-box;width:32%;margin-right:2%;}
.bottomBanner li:last-child{margin-right:0;}
.bottomBanner li img{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;}
.bottomBanner li:hover{border:1px solid #}
.bottomBanner .txtBox{box-sizing:border-box;padding:20px 20px 40px 20px;}
.bottomBanner .txtBox span{display:inline-block;border:1px solid #000;border-radius:20px;padding:4px 18px;font-size:16px;}
.bottomBanner .txtBox p{display:block;margin:12px 0;font-size:22px;}
.bottomBanner em{font-weight:300;color:#555;}

footer{background:#f8f8f8;width:100%;}
footer .top .contents{position:relative;}
footer .top{border-bottom:1px solid #e0e0e0;padding:18px 0;overflow:hidden;}
footer .top .left li{float:left;overflow:hidden;margin-right:40px;}
footer .top .left li a{font-size:14px;color:#555;}
footer .top .right{position:absolute;right:0;top:-8px;}
footer .top .right ul{display:flex;}
footer .top .right ul li{margin-left: 10px; border-radius: 5px; overflow: hidden;}
footer .bottom{padding:50px 0;overflow:hidden;}
footer .bottom .left h2{font-size:20px; color:#333; line-height:1; display:block; float:none; padding:0; margin-right:0;}
footer .bottom .left p{font-size:13px; color:#888; line-height:24px; margin-top:14px; word-break:keep-all;}
footer .bottom .contents > div{width:50%;float:left;overflow:hidden;box-sizing:border-box;}
footer .bottom .right > div{width:50%;float:left;box-sizing:border-box;}
footer .bottom .right b{font-weight:500;font-size:18px;margin-bottom:10px;display:block;}
footer .bottom .right .r01 p{font-size:24px;color:#008b7c;font-weight:500;line-height:32px;}
footer .bottom .right .r02 p{font-size:20px;color:#008b7c;font-weight:500;}
footer .bottom .right .r02 p.bank-name{font-size:18px; margin:0;}
footer .bottom .right .r02 p.bank-num{margin:4px 0 4px;}
footer .bottom .right em{font-size:13px;color:#b3b3b3;display:block;margin:10px 0;}
footer .bottom .right span{font-size:13px;line-height:16px;}
footer .ftLogo{max-height:45px;}

.SubWrap{border-top:1px solid #e0e0e0;  margin-top: 24px; z-index: 0;}

/* intro */
.loginWrap{width:100%; height:100vh; background:url(/doore4/img/ti325029456.jpg)no-repeat center;}
.loginBox{width:auto; max-width:; background: #fff; margin:0; box-sizing:border-box;
display:flex;
position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:0px 1px 10px rgba(0,0,0,0.35); overflow:hidden; z-index:9999;}
.loginBox .loginBox-l{flex-grow:1; padding:30px;}
.loginBox .loginBox-l h1{margin:0 0 20px; text-align:center;}
.loginBox .loginBox-l .login-label-wrap{width:428px;}
.loginBox .loginBox-l label{display:block; margin:0 0 10px;}
.loginBox .loginBox-l label:last-of-type{margin:0;}
.loginBox .loginBox-l label input{width: 100%; background: none;border: 1px solid #ccc;border-width: 0 0 1px 0; height: 40px; box-sizing: border-box; line-height: 38px; padding: 0 5px 0 12px; font-size: 15px; outline: none;}
.loginBox .loginBox-r{display:flex; flex-direction:column; justify-content:center; background:#222; padding:30px;}
.loginBox .loginBox-r h2{font-size:20px; font-weight:500; color:#fff; display:block; text-align:center; margin:0 0 32px;}
.loginBox .loginBox-r .center-list{}
.loginBox .loginBox-r .center-list dl{display:flex; justify-content:space-between; margin:0 0 22px;}
.loginBox .loginBox-r .center-list dl:last-of-type{margin:0;}
.loginBox .loginBox-r .center-list dl dt{width:190px; font-size:14px; color:#fff; padding:2px 0 0; margin:0 10px 0 0; letter-spacing:-0.05em;}
.loginBox .loginBox-r .center-list dl dd{}
.loginBox .loginBox-r .center-list dl dd .center-list-call{font-size:21px; font-weight:500; color:#fff; margin:0 0 8px;}
.loginBox .loginBox-r .center-list dl dd .center-list-time{font-size:14px; color:rgba(255,255,255,0.7); white-space:nowrap;}
.loginBox .loginBox-r .center-list dl dd .center-list-time span{font-size:12px; font-weight:300; display:block; margin:4px 0 0;}
.loginBox .loginBox-r .center-list dl dd .center-list-time span b{font-size:13px;}

.loginWrap.loginWrap2{width:100%; height:100vh; background:url(/doore4/img/ti3250294561.jpg)no-repeat bottom center; background-size: 100%;}
.loginBox.loginBox2{display: block;}
.loginBox.loginBox2 .loginBox-r .center-list dl dt{ width: 170px;}
.loginBox.loginBox2 .loginBox-r{ background: #;}
.loginBox.loginBox2 .login{ color: #1d61bc; border: 1px solid #1d61bc;}
.loginBox.loginBox2 .login:hover{background:#1d61bc; color:#fff;}

.loginBox .btn01{width: 100%;height: 48px;margin: 10px 0;line-height: 44px;font-size: 15px;box-sizing: border-box;background: none;color: #008b7c;border: 1px solid #008b7c;border-radius: 10px;transition: all .2s ease;cursor:pointer;display:block;clear:both;}
.loginBox .btn01:hover{background:#008b7c; color:#fff;}
.loginBox .btn02{background: linear-gradient( to right, #58a9e3, #4f4e9f );border:0;color:#fff;}
.loginBox .btn02:hover{background: linear-gradient( to right, #58a9e3, #4f4e9f );border:0;color:#fff;}
.loginBox .login{width:100%; height:42px; margin:10px 0 0; cursor:pointer; font-size:15px;  box-sizing:border-box; background:#444; color:#fff; border:0; border-radius:23px;background: none;color: #018b7c;border: 1px solid #018b7c;border-radius: 10px;transition: all .2s ease;}
.loginBox .login:hover{background:#018b7c; color:#fff;}
.loginBox .franchisee{clear:both;display:block;width:100%; height:48px; margin:10px 0; cursor:pointer;line-height:44px;  font-size:15px;  box-sizing:border-box; background:#444; color:#fff; border:0; border-radius:23px;background: none;color: #3e94d0;border: 1px solid #3e94d0;border-radius: 10px;transition: all .2s ease;}
.loginBox .franchisee:hover{background:#3e94d0; color:#fff;}

.loginBox .idType-login-box{margin:32px 0 0;}
.loginBox .idType-login-box p{font-size:12px; font-weight:400; color:#333;}
.loginBox .idType-login-box .idType-login{clear:both;display:block;width:100%; height:42px; margin:10px 0; cursor:pointer; font-size:15px; box-sizing:border-box; background:#444; color:#fff; border:0; border-radius:23px;background: none;color: #3e94d0;border: 1px solid #3e94d0;border-radius: 10px;transition: all .2s ease;}
.loginBox .idType-login-box .idType-login:last-of-type{margin:10px 0 0;}
.loginBox .idType-login-box .idType-login:hover{background:#3e94d0; color:#fff;}

.find_pw { display:block; text-align:center;overflow:hidden;}
.find_pw a{ display:inline-block;padding:5px 10px; border:1px solid #ddd; border-radius:0 10px 10px 0;width:49%;float:left;box-sizing:border-box;height:48px;line-height:36px;}
.find_pw a:first-child{border-radius:10px 0 0 10px;margin-right:2%;}
.find_pw a:hover{border:1px solid #008b7c; cursor:pointer}
.loginBox .caution{padding: 24px 0 0; clear: both;}
.loginBox .sns{clear:both;display:block;width:100%; height:48px; margin:10px 0; cursor:pointer;line-height:44px;  font-size:15px;  box-sizing:border-box; background:#444; color:#fff; border:0; border-radius:23px;background: none;border-radius: 10px;}
.loginBox .sns01{background:#19ce60; border:1px solid #19ce60;}
.loginBox .sns02{background:#fae100; border:1px solid #fae100; color:#1e1e1e;}
.loginBox .sns03{background:#315295; border:1px solid #315295;}
.loginBox .sns04{ background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;}

.intro_foot{}
.intro_foot .copyRight{}
.intro_foot .copyRight ul{display:flex; justify-content:center; padding:20px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.intro_foot .copyRight ul li{margin:0 20px 0 0;}
.intro_foot .copyRight ul li:last-of-type{margin:0;}
.intro_foot .copyRight ul li a{display:block; font-size:14px;}

.intro_foot .copyRight .intro_foot_box{display:flex; justify-content:center; align-items:center; padding:20px; box-sizing:border-box;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_l{margin:0 20px 0 0;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_l img{display:block;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r{}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r address{display:flex;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r span{font-size:13px; color:#555;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r span:after{content:""; display:inline-flex; width:1px; height:13px; background:#ccc; margin:0 14px;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r span:last-of-type:after{display:none;}
.intro_foot .copyRight .intro_foot_box .intro_foot_box_r strong{display:block; font-size:13px; font-weight:500; color:#333; margin:8px 0 0;}


/* request_sample */
table.basic{ width:100%; vertical-align:middle; border-top:solid 1px #d4d4d4;  border-collapse:collapse; border-spacing:0; }
table.basic caption{ padding:8px 10px; letter-spacing:-1px; background:#d9d9d9; color:#000; font-weight:bold; font-size:16px;}
table.basic select{outline:none;padding:0 6px;}
table.basic select, table.basic input{height:30px;margin:0;vertical-align: middle;}
table.basic th{ background:#f5f5f5; color:#000; padding:8px 0; border-right:solid 1px #e4e4e4; vertical-align:middle; border-bottom:solid 1px #e4e4e4;font-weight:normal;font-size: 14px;}
table.basic td{ border:solid 1px #e9e9e9; border-width:0px 1px 1px 0px; padding:8px;  vertical-align:middle; background:#fff; }
table.bottom0 > tbody > tr:last-child > th, table.bottom0 > tbody >  tr:last-child > td{border-bottom:0;}
table.top0{border-top:0;}
table.basic.a01 tbody th{ background:#f1f1f1; color:#4d4d4d; text-shadow:0px 0px rgba(0,0,0,0);  }
table.basic button{cursor:pointer;}
.b_l{border-left:1px solid #e4e4e4;}
.button01{display:block;max-width:100px;color:#fff;background:#58a7e3;font-size:14px;padding:8px 0;margin:16px auto;text-align:center;box-sizing:border-box;    clear: both;}
.button03{display:inline-block;padding: 6px 20px;font-size: 14px;margin: 8px 14px 8px 0; background: #58a7e3; color: #fff;}
.button05{display: inline-block;width: 30px;height: 30px;border: 1px solid #d7d7d7;box-sizing: border-box;line-height: 23px;font-size: 18px;text-align:center;}
.button05.ver2{position:relative;top:2px;}
.button05:hover{box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.center_btn{display:block; text-align:center; min-height:30px; padding:20px 0}
.center_btn a{cursor:pointer;}
.productP{margin:2px 0;}
.productP span{min-width:300px;display:inline-block;}
table.basic input[type="text"], table.basic input[type="password"] { padding: 4px;border: 1px solid #d4d4d4;    box-sizing: border-box;outline:none;}
table.basic td textarea{width:100%; padding:5px 0.5%; border:1px solid #ddd; background:#fff; color:#333; box-sizing:border-box ;outline:none;margin:0;}
table.basic .tip{color: #008b7c; height: 30px; line-height: 30px;font-size: 14px;}
table.basic .caution{display: inline-block;color: #d60034;font-size: 14px;padding-left:10px;}
.anniv_title{padding: 20px 0 0;}
.anniv_title p{font-size: 24px; margin-bottom:12px;}
.anniv_title span{color: #666; font-weight: 300;}
.anniv_img{padding:40px 0;}
.anniv_img ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.anniv_img ul li{display: flex; justify-content: center;width:20%;}
.anniv_img ul li .img_box{width: 200px; height: 200px; border: 1px solid #dfdfdf; box-sizing: border-box; overflow: hidden;}
.anniv_img ul li .img_box img{width:100%;transition:all .2s ease;}
.anniv_img ul li .img_box:hover img{transform:scale(1.1);}
.anniv_img ul li .img_pop{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;padding: 20px;background: #fff;border: 1px solid #dedede;box-shadow: 0 3px 5px rgba(0,0,0,0.15);display:none;}
.anniv_img ul li .img_pop img{max-width:1000px;}
.anniv_img ul li .img_pop .pop_close{display: block; width: 50px; height: 50px; background: #fff url(/doore4/img/close02.png) no-repeat center center; position: absolute; right: -51px; top: -1px; border: 1px solid #dedede; box-shadow: 2px 3px 5px rgb(0,0,0,0.15); border-left: 0;}
.anniv_img ul li p{text-align: center; text-overflow: ellipsis; overflow: hidden; max-width: 200px; white-space: nowrap;height:40px;line-height:40px;}
.subContent textarea{width:100%; padding:5px 0.5%; border:1px solid #ddd; background:#fff; color:#333; box-sizing:border-box ;outline:none;margin-top:40px;}
.login_caution{float: left; height: 43px; line-height: 43px; font-size:13px; color: #008b7c; font-weight: 500;}

/**/
.main_visual_wrap{min-width:1200px;margin-top:24px;}
#container{margin-bottom:0}
.main_slide{position:relative;margin:0 auto; height:650px;overflow:hidden; width:100%;}
.main_slide .main_slide_ctrl{position:absolute;bottom: 0;left:50%;z-index:60;width: 100%;transform:translate(-50%, 0);background: #fff;border-bottom:1px solid #e6e6e6;}
.main_slide .main_slide_pager{display:table;width:1200px;table-layout:fixed;margin: 0 auto;}
.main_slide .main_slide_pager li{display:table-cell;position:relative;text-align:center;vertical-align:middle; cursor:pointer}
.main_slide .main_slide_pager li:before{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#e7e7e7;content:''}
.main_slide .main_slide_pager a{display:block;position:relative;overflow:hidden;height:70px;background:#fff;line-height:70px;color:#222;letter-spacing:-.3px;color:#8d8d8d;text-decoration:none;word-break:break-all;font-size:20px;font-weight:300;}
.main_slide .main_slide_pager li.active a{color:#000;}
.main_slide .main_slide_pager li.active:before{content:'';left:0;position:absolute;bottom:0;width:100%;background: linear-gradient( to right, #58a9e3, #4f4e9f );z-index:99;}

.main_slide .main_slide_list{position:relative;}
/*
.main_slide .main_slide_nav{position: absolute; width: 1200px;  bottom: 70px; left: 50%;  transform: translateX(-50%);  height: 580px;}
*/
.main_slide .main_slide_nav button{border:0; position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:url(/img/sp_topslide_nav.png) no-repeat;cursor:pointer; z-index:60;}
.main_slide .main_slide_nav .main_slide_prev{background:url(/doore4/img/button02.png) no-repeat center center;left:280px;}
.main_slide .main_slide_nav .main_slide_prev:hover{}
.main_slide .main_slide_nav .main_slide_next{background:url(/doore4/img/button03.png) no-repeat center center;right:280px;}
.main_slide .main_slide_nav .main_slide_next:hover{}
.main_slide .main_slide_nav .main_slide_stop{right:0;width:40px;background-position:-120px 0;display:none;}
.main_slide .main_slide_nav .main_slide_stop:hover{background-position:-120px -100px}
.main_slide .main_slide_nav .main_slide_play{display:none;right:0;width:40px;background-position:-180px 0}
.main_slide .main_slide_nav .main_slide_play:hover{background-position:-180px -100px}

.main_slide .main_slide_panel{text-align:center; height:580px;}
.main_slide .main_slide_panel a{height:100%; display:block;}
.main_slide .main_slide_panel div{width:1280px; margin:0 auto}
.main_slide .trmain_topbn_img{vertical-align:top; }
.blind { overflow: hidden;  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; line-height: 0; white-space: normal; word-wrap: break-word; word-break: break-all; clip: rect(0,0,0,0);}




/* ¿ÜºÎ»çÀüÁ¢¼ö */
.top04{height: 40px; padding: 15px 0;}
.accept-wrap .pop-layer2{ display: none; position: fixed; width: 100%;  height: 100%;top: 0; left: 0; z-index:5}
.accept-wrap .pop-layer2 .dimBg{ background-color: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; }
.accept-wrap .pop-layer2 .pop-container{ position: relative; left: 50%;  top: 20%; width: 800px; max-height: 600px; background: #fff; margin-left: -400px; overflow-y: scroll;}
.accept-wrap .pop-layer2 .pop-container .btn-r{position: absolute; right: 0;}
.apop-layer .pop-container{ width: 1200px; margin: 0 auto;}
.agree-area .agree-item .agree-title{ display: flex; align-items: center; justify-content: space-between; font-size: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd; 2024-12-30margin-bottom: 15px;}
footer .apop-layer{ height: 355px;}
.tableBtn{ display: flex;align-items: center; justify-content: center;}
.tableBtn button{border-radius: 3px; padding: 2px 0 3px 0; height: 24px; min-width: 60px; margin-right: 10px;}
.tableBtn button:last-child{ margin: 0;}
table.board_table.blue{ border-top: 2px solid #1f5fbc;}