@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@font-face{font-family:'hunminSB';font-style:normal;font-weight:800;src:url(../font/hunminSB.eot);src:url(../font/hunminSB.woff);}
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

select {
    background: #fff url(../images/lnb_b_arrow.png) no-repeat 20px;
    background-position-x: right;
    vertical-align: top;
	outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
	box-sizing: border-box;
}

select::-ms-expand { display: none; }


.kaka {display:none;}
.kaka>a>img{width:100%;}
.wrap{width:1080px;margin:0 auto; height:100%;  }
.main-img { width:380px; position:fixed;top:100px;left:50%;margin-left:-500px; letter-spacing:-1px; }
.main-img>ul>li{ height:240px;border-radius:10px 10px;margin-bottom:20px;}
.main-img>ul>li:nth-child(1) {background-repeat: no-repeat;background-size: cover; background-position: center; background-image: url(../images/main_bg1.jpg); }
.main-img>ul>li:nth-child(2) {background-repeat: no-repeat;background-size: cover; background-position: center; background-image: url(../images/main_bg2.jpg); }
.main-img>ul>li:nth-child(3) {background-repeat: no-repeat;background-size: cover; background-position: center; background-image: url(../images/main_bg3.jpg); }
.main-img>ul>li>.text01 { font-size:23px;color:#fff; padding:60px 40px 0 40px}
.main-img>ul>li>.text02 { font-size:16px;color:#fff; padding:20px 40px 0 40px}


.wrap-area{height:100%;padding:0 15px;background:#eee;margin-left:500px;}
/*탑*/
.header {position:fixed;left:50%;margin-left:-40px;top:0px;width:580px;padding:0 15px;z-index:9999;background:#eee;}
.top{position:relative;width:100%;height:60px;padding-top:10px;}
.top>.logo{position:relative;float:left;width:100%;left:0px;top:10px;}
.top>.logo>a>img{width:110px;}
.top>.logo>.shopTxt{position:absolute;top:10px;margin-left:110px;font-size:15px;font-family:"hunminSB","notokr-bold";color:#4f433c;}
.top>.cart{position:absolute;top:26px;right:0px;color:#463b37;font-size:22px;padding-right:13px;}
.top>.cart>p{background:#e40004;position:absolute;top:0px;right:0px;z-index:999;height:20px;width:20px;text-align:center;font-size:10px;line-height:20px;color:#fff;border-radius:20px;font-weight:600;}
/*메뉴*/
.menu-area{width:100%; font-size:0px; padding:0 15px; border-bottom:1px solid #eee;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0px 0px;background-color:#fff; }
.menu-area>ul>li{width:25%;display:inline-block;text-align:center;margin:0px;font-size:13px; font-weight:600; letter-spacing:-1px; line-height:45px;}
/*배너*/
.banner-type-01{position:relative;width:100%;border:1px solid #fff;padding:15px 25px;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 2px rgb(230,230,230);background-color:#fff;margin-bottom:15px;margin-top:106px;}
.banner-type-01>h1{font-size:16px;padding:0 0 5px 0;color:#333;font-weight:300}
.banner-type-01>h1>span{padding:0 0 10px 0;color:#333;font-weight:600}
.banner-type-01>p{font-size:12px;padding:0px;line-height:18px;}
.banner-type-01>p>span{border:1px solid #ddd;display:inline-block;width:45px;background:#fff;text-align:center;color:#000;font-size:9px;line-height:14px;border-radius:10px;margin-right:3px;vertical-align:middle;font-weight:300;letter-spacing:-1px;}
.banner-type-02{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);margin-bottom:15px;
background:url(../images/main_bg1.png)no-repeat center bottom;background-size:cover;padding:25px;}
.banner-type-02>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-02>h2{;color:#fff;font-weight:700;font-size:18px;padding-bottom:20px;}
.banner-type-02>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}


.banner-type-03-01{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:25px;margin-bottom:15px;
background:url(../images/main_bg002.png)no-repeat center bottom;background-size:cover;background-color:#6b6668;}
.banner-type-03-01>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-03-01>h2{color:#fff;font-weight:700;font-size:18px;padding-bottom:0px;}
.banner-type-03-01>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:0px;opacity:0.9}


.banner-type-03-02{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:25px;margin-bottom:15px;
background:url(../images/main_bg001.png)no-repeat center bottom;background-size:cover;background-color:#ff9900;}
.banner-type-03-02>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-03-02>h2{color:#fff;font-weight:700;font-size:18px;padding-bottom:0px;}
.banner-type-03-02>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:0px;opacity:0.9}




.banner-type-03{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:25px;margin-bottom:15px;
background:url(../images/main_bg2.png)no-repeat center bottom;background-size:cover;background-color:#1b2c58;}
.banner-type-03>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-03>h2{;color:#fff;font-weight:700;font-size:18px;padding-bottom:30px;}
.banner-type-03>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}


.banner-type-04{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0 0;padding:25px;background-size:cover;background-color:#e40004;}
.banner-type-04>h2{color:#fff;font-size:12px;line-height:16px;font-weight:300;}
.banner-type-04>h1{;color:#fff;font-weight:700;font-size:18px; padding-bottom:5px; }
.banner-type-04>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.banner-type-04>h4{color:#ffff00;font-weight:700;font-size:11px;padding-top:10px;}
.banner-type-05{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:15px;margin-bottom:15px;background-color:#fff;}
.banner-type-05>h1>img {width:100%;}
/*더보기*/
.more{position:absolute;top:25px;right:20px;z-index:9999;}
.more>img {width:3px;}
a.view {display:block;margin-top:10px;color:#fff;font-size:14px;font-weight:400;text-decoration:underline}

/*타이틀*/
.title-type-01{font-size:28px;text-align:center;color:#333;padding:20px 0 20px 0;line-height:1.0em;letter-spacing:-1px;font-weight:600;}
.title-type-01>span{color:#5e8818;margin-right:5px;}
/*제품*/
.menu-list{width:100%;font-size:0px;}
.menu-list>li{width:49%;border:1px solid #fff;display:inline-block;box-sizing:border-box;margin-bottom:15px;border-radius:10px;background:#fff;box-shadow:0px 3px 2px rgb(230,230,230);}
.menu-list>.menu-on{border:1px solid #333;background:#fff;}
.menu-list>li:nth-child(odd){margin-right:1%;}
.menu-list>li:nth-child(even){margin-left:1%;}
.menu-list>li>h1{font-size:22px;font-weight:600;padding:25px 0 10px 0;padding-left:15px;}
.menu-list>li>h1>span{font-weight:300;}
.menu-list>li>p{font-weight:400;font-size:13px;line-height:20px;padding-left:15px;}
.menu-list>li>p>span{display:inline-block;width:40px;text-align:center;color:#fff;font-size:11px;line-height:14px;border-radius:10px;margin-right:3px;vertical-align:middle;font-weight:300;}
.menu-list>li>p>.icon-01{background:#438e70;}
.menu-list>li>p>.icon-02{background:#f66f4b;}
.menu-list>li>p>.icon-03{background:#666;color:#fff;}
.menu-list>li>h2{font-size:14px;font-weight:600;text-align:right;padding:0px 15px 25px 0;}
.menu-list>li>a{display:block;padding:10px;border-top:1px solid #eee;text-align:center;font-size:14px;margin-top:20px;font-weight:600;}
.menu-list>li>a>img{height:16px;vertical-align:middle;margin-right:3px;}
/*하단배너*/
.help-01{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0 0;padding:25px;background-size:cover;background-color:#333;}
.help-01>h2{color:#fff;font-size:13px;line-height:16px;font-weight:300;}
.help-01>h1{;color:#fff;font-weight:700;font-size:18px; padding-bottom:5px; }
.help-01>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.help-01>h4{color:#fff;font-weight:700;font-size:14px;padding-top:10px;}
.help-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:10px 25px;margin-bottom:15px;background-color:#fff;}
.help-02>h1{color:#333;font-weight:700;font-size:14px;}
.bank-01{position:relative;width:100%;box-sizing:border-box;border-radius:10px;padding:25px;box-shadow:0px 3px 3px rgb(204,204,204);margin-bottom:15px;background-color:#649d36;}
.bank-01>h2{color:#fff;font-size:13px;font-weight:300;}
.bank-01>h1{;color:#fff;font-weight:700;font-size:18px;  }
.bank-01>h3{color:#fff;font-weight:600;font-size:14px;opacity:0.9; padding-bottom:10px;}
/*하단*/
.footer-01{position:relative;width:100%;box-sizing:border-box;border-radius:10px 10px 0 0;padding:10px;background-color:#fff;color:#333; text-align:center; border-bottom:1px solid #eee;font-size:14px}
.footer-01>a {color:#333;font-size:14px; font-weight:700; }
.footer-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:15px 25px 25px 25px;margin-bottom:15px;background-color:#fff;font-size:12px;; margin-bottom:40px;}
.footer-02>h1{color:#333;font-weight:700;font-size:14px;}
.footer-02>h2{color:#666;font-weight:300;font-size:13px; line-height:18px; padding:10px 0;}
.footer-02>h3{color:#333;font-weight:400;font-size:13px;}

.cart-area { position:fixed;left:50%;margin-left:-50px;bottom:0px;width:610px;z-index:9999; }
.cart-area>.cart-btn { width:100%;z-index:9999;background:#fff;padding:15px 0; box-shadow:0px 0px 7px rgb(204,204,204);  border-radius:20px 20px 0 0; font-size:16px; color:#000; text-align:center; font-weight:700 }
.cart-order { width:100%; font-size:0px; }
.cart-order>li {width:50%;display:inline-block;box-sizing:border-box;font-size:16px; color:#000; font-weight:700; padding-top:4px;}
.cart-order>li>a { border-radius:5px 5px; padding:10px 20px; background:#eee; font-size:13px; font-weight:bold; }
.cart-order>li:nth-child(1){text-align:left; padding-left:20px;}
.cart-order>li:nth-child(2){text-align:right; padding-right:20px}  

/*컨텐츠*/
.con-area{height:100%;  background:#fff; margin-left:500px;}
.con-top{position:fixed;left:50%;top:0px;margin-left:-40px;width:580px;box-sizing:border-box;color:#fff;background-color:#000;padding:20px 25px 18px 25px;overflow:hidden; border-bottom:1px solid #ddd; box-shadow:0px 3px 3px rgb(234,234,234);  }
.con-top>h1{float:left;font-size:20px;font-weight:700}
.con-top>a{float:right;display:block;}
.con-top>a>img{width:18px;}
.con-middle{width:100%;padding:80px 25px 100px 25px;background:#fff;}
/* 폼 */
.form-list>h1 {font-size:18px;letter-spacing:-1px;font-weight:500;padding:20px 0 0 0;width:100%;margin:0 auto;}
.form-info-01 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-01>li {display:block;box-sizing:border-box;width:100%;font-size:14px;margin:10px 0 0 0; color:#666}
.form-info-01>li:nth-child(odd) {margin-right:0%;}
.form-info-01>li:nth-child(even) {margin-left:0%;}
.form-info-01>li:nth-child(5) {width:100%;}
.form-info-01>li>select,.form-info-02>li>select {width:100%;color:#666;border-bottom:1px solid #ddd;height: 60px;line-height:60px;font-weight:300;}
.form-info-01>li>input,.form-info-02>li>input {width:100%;color:#666;border-bottom:1px solid #ddd;height:60px;line-height:60px;font-weight:300;}

.form-info-02 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-02>li {display:block;box-sizing:border-box;width:100%;font-size:14px;margin:10px 0 0 0}
.form-info-02>li>select{color:#666;border-bottom:1px solid #ddd;height: 60px;line-height:60px;font-weight:300;}
.form-info-02>li>input{color:#666;border-bottom:1px solid #ddd;height:60px;line-height:60px;font-weight:300;}

.form-info-03 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-03>li {display:block;box-sizing:border-box;width:100%;font-size:13px;margin:3px 0 0 0; font-weight:300; color:#666; font-weight:300;}
.form-info-03>li>a { color:#333; margin-left:2px; border:1px solid #ddd;padding:2px 10px; font-size:10px; border-radius:10px;vertical-align:middle; }

.form-info-04 {border-bottom:1px solid #ddd;padding:15px 0;}
.form-info-04>li {dcolor:#666;font-weight:300;padding:3px 10px;font-size:13px;}


.formpri{width:100%;margin:20px auto 0 auto;border:1px solid #ddd;background:#fff;}
.formpri .pri{overflow-y:scroll;height:90px;width:100%;text-align:left;background-color:#fff;line-height:24px;background:#fff;font-size:13px;color:#666;}
.formpri .pri strong{color:#000;font-size:13px;font-weight:normal;}

.bir-banner-tit { text-align:center;}
.bir-banner-tit>h1 { font-size:20px;font-weight:600; padding:30px 0 20px 0;}
.bir-banner-tit>p { font-size:14px;font-weight:300; line-height:18px; padding-bottom:30px;  }


.bir-bg-01{background:url(../images/bir_1.png)no-repeat center bottom;}
.bir-bg-02{background:url(../images/bir_2.png)no-repeat center bottom;}
.bir-bg-03{background:url(../images/bir_3.png)no-repeat center bottom;}
.bir-bg-04{background:url(../images/bir_4.png)no-repeat center bottom;}
.bir-bg-05{background:url(../images/bir_5.png)no-repeat center bottom;}
.bir-bg-06{background:url(../images/bir_6.png)no-repeat center bottom;}


.new-img-01{background:url(../images/new-img-01.png)no-repeat center bottom;}
.new-img-02{background:url(../images/new-img-02.png)no-repeat center bottom;}
.new-img-03{background:url(../images/new-img-03.png)no-repeat center bottom;}
.new-img-04{background:url(../images/new-img-04.png)no-repeat center bottom;}
.new-img-05{background:url(../images/new-img-05.png)no-repeat center bottom;}
.new-img-06{background:url(../images/new-img-06.png)no-repeat center bottom;}
.new-img-07{background:url(../images/new-img-07.png)no-repeat center bottom;}
.new-img-08{background:url(../images/new-img-08.png)no-repeat center bottom;}
.new-img-09{background:url(../images/new-img-09.png)no-repeat center bottom;}





.bir-banner-main{background:url(../images/bir_main.png)no-repeat center -80px; background-size:cover; border-radius:10px 10px; height:400px; border-bottom:0px;}
.bir-banner-01{position:relative;width:100%;box-sizing:border-box;border-radius:10px 10px 0 0;padding:25px;background-size:cover;height:250px;}
.bir-banner-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;padding:0px 15px 15px 15px;margin-bottom:15px;background-color:#fff;border:1px solid #ddd;}
.bir-banner-02>h1{font-size:18px;font-weight:600; padding:20px 0 10px 0; }
.bir-banner-02>p{font-size:13px;line-height:18px; padding-bottom:15px;}
.bir-banner-02>ul{padding-bottom:10px;}
.bir-banner-02>ul>li{font-size:12px;color:#666;}


.bir-po-list{width:100%;font-size:0px;}
.bir-po-list>li{position:relative;width:100%; height:250px;border:1px solid #ddd;display:inline-block;box-sizing:border-box;margin-bottom:10px;border-radius:10px;background:#fff;}
.bir-po-list>.po-bg-01 { background:url(../images/po_1.png)no-repeat center bottom;background-size:cover; }
.bir-po-list>.po-bg-02 { background:url(../images/po_2.png)no-repeat center bottom;background-size:cover; }
.bir-po-list>.po-bg-03 { background:url(../images/po_3.png)no-repeat center bottom;background-size:cover; }
.bir-po-list>.po-bg-04 { background:url(../images/po_4.png)no-repeat center bottom;background-size:cover; }
.bir-po-list>li>h1{font-size:13px; line-height:13px;font-weight:600;padding:15px 0;text-align:center;color:#666; background:#fff; position:absolute;left:0px;bottom:0px;width:100%;border-radius:0 0 10px 10px;opacity:0.9}





.btnArea{text-align:center; margin-top:10px; padding:30px; clear:both; }
a.btn_01{background:#d1272c; padding:10px 22px 12px 22px; color:#fff; margin-right:1px; font-size:14px;border-radius:10px;}
a.btn_02{background:#666; padding:10px 22px 12px 22px; color:#fff; font-size:14px; margin-right:1px;border-radius:10px;}
a.btn_03{display:block;width:100%;background:#fff;border:2px solid #333;padding:12px 0; color:#000;font-size:16px;border-radius:5px;text-align:center;font-weight:700;margin-top:30px;}
a.btn_04{display:block;width:100%;background:#fff;border:1px solid #ddd;padding:8px 0; color:#000;font-size:13px;border-radius:5px;text-align:center;font-weight:500;margin-top:10px;}


.btn_login{width:100%;border-radius:10px;font-size:0px;  margin-top:20px;}
.btn_login>li{display:inline-block;box-sizing:border-box;font-size:14px;text-align:center; padding:7px 0;}
.btn_login>li>a{color:#000;font-size:13px;font-weight:700}
.btn_login>li>a>img{width:20px;}

.btn_login>li:nth-child(1){width:32%;}
.btn_login>li:nth-child(2){width:36%;}
.btn_login>li:nth-child(3){width:32%;}

.chbox{width:18px !important;margin-right:2px;vertical-align:middle;background-color:#fff;}
.txtpoint{color:#f60 !important;font-size:13px !important;font-weight:300;}
.txtpoint-order{color:#f60 !important;font-weight:400;font-size:12px !important; text-align:center; padding:15px 0;border-bottom:1px solid #ddd;}
.txtpoint-order-2{color:#666 !important;font-weight:400;font-size:12px !important; text-align:center; padding:15px 0; text-align:left;}
.txtpoint-order-2>span {color:#f60 !important;font-weight:600; }
.txtpoint-gubun{color:#000 !important;font-weight:400;font-size:14px !important; text-align:center; padding:15px 0;border-bottom:1px solid #ddd;}
.mo-no {padding-left:10px;background:#ddd;}

.mymenu{border:1px solid #ddd;border-radius:10px;font-size:0px; margin-top:10px;}
.mymenu>li {width:25%;display:inline-block;box-sizing:border-box;font-size:14px;text-align:center; padding:10px 0;}
.mymenu>li:nth-child(1) { border-right:1px solid #ddd;}
.mymenu>li:nth-child(2) { border-right:1px solid #ddd;}
.mymenu>li:nth-child(3) { border-right:1px solid #ddd;}
.mymenu>li>a{color:#999}
.mymenu>li>a.on {font-weight:600; color:#000; }

.order-list>ul{border-bottom:1px solid #ddd;padding:15px 0;}
.order-list>ul>li{color:#666;font-weight:300;text-align:right;padding:3px 10px;font-size:14px;}
.order-list>ul>li>h1{color:#000;font-weight:400;width:80px;float:left;text-align:left;}
.order-list>ul>li>a { color:#000;font-weight:400; }
.order-list>ul>li>span { color:#000;font-weight:700; font-size:18px; }

.order-list-2>ul{border-bottom:1px solid #ddd;padding:15px 0;}
.order-list-2>ul>li{color:#666;font-weight:300;text-align:right;padding:3px 10px;font-size:14px;}
.order-list-2>ul>li>h1{color:#000;font-weight:400;width:50%;float:left;text-align:left;}
.order-list-2>ul>li>a { color:#000;font-weight:400; }

.con-pri{padding-top:20px;}
.con-pri>h1{font-size:16px; font-weight:600;padding-bottom:10px;}
.con-pri>p{font-size:14px;color:#777;padding-bottom:20px;}

.bir-txt-01{color:#f60 !important;font-size:16px !important; font-weight:600; }


@media all and (max-width: 940px) {
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@font-face{font-family:'hunminSB';font-style:normal;font-weight:800;src:url(../font/hunminSB.eot);src:url(../font/hunminSB.woff);}
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

select {
    background: #fff url(../images/lnb_b_arrow.png) no-repeat 20px;
    background-position-x: right;
    vertical-align: top;
	outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
	box-sizing: border-box;
}

select::-ms-expand { display: none; }
.kaka {display:block;}
.kaka {position:fixed;right:5px;bottom:45px;width:35px;z-index:999999 }
.kaka>a>img{width:100%;}
.main-img { display:none;}
.wrap{width:100%;}
.wrap-area{height:100%;padding:0 15px;margin-left:0px;}
/*탑*/
.header {position:fixed;left:0px;top:0px;width:100%;padding:0 15px;z-index:9999;background:#eee; margin-left:0px;}
.top{position:relative;width:100%;height:60px;padding-top:10px;}
.top>.logo{position:relative;float:left;width:100%;left:0px;top:10px;}
.top>.logo>a>img{width:110px;}
.top>.logo>.shopTxt{position:absolute;top:10px;margin-left:110px;font-size:15px;font-family:"hunminSB","notokr-bold";color:#4f433c;}
.top>.cart{position:absolute;top:26px;right:0px;color:#463b37;font-size:22px;padding-right:13px;}
.top>.cart>p{background:#e40004;position:absolute;top:0px;right:0px;z-index:999;height:20px;width:20px;text-align:center;font-size:10px;line-height:20px;color:#fff;border-radius:20px;font-weight:600;}
/*메뉴*/
.menu-area{width:100%; font-size:0px; padding:0 15px; border-bottom:1px solid #eee;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0px 0px;background-color:#fff; }
.menu-area>ul>li{width:25%;display:inline-block;text-align:center;margin:0px;font-size:13px; font-weight:600; letter-spacing:-1px; line-height:45px;}
/*배너*/
.banner-type-01{position:relative;width:100%;border:1px solid #fff;padding:15px 25px;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 2px rgb(230,230,230);background-color:#fff;margin-bottom:15px;margin-top:106px;}
.banner-type-01>h1{font-size:16px;padding:0 0 5px 0;color:#333;font-weight:300}
.banner-type-01>h1>span{padding:0 0 10px 0;color:#333;font-weight:600}
.banner-type-01>p{font-size:12px;padding:0px;line-height:18px;}
.banner-type-01>p>span{border:1px solid #ddd;display:inline-block;width:45px;background:#fff;text-align:center;color:#000;font-size:9px;line-height:14px;border-radius:10px;margin-right:3px;vertical-align:middle;font-weight:300;letter-spacing:-1px;}
.banner-type-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);margin-bottom:15px;
background:url(../images/main_bg1.png)no-repeat center bottom;background-size:cover;padding:25px;}
.banner-type-02>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-02>h2{;color:#fff;font-weight:700;font-size:18px;padding-bottom:20px;}
.banner-type-02>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.banner-type-03{width:100%;display:inline-block;box-sizing:border-box;border-radius:10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:25px;margin-bottom:15px;
background:url(../images/main_bg2.png)no-repeat center bottom;background-size:cover;background-color:#1b2c58;}
.banner-type-03>h1{color:#fff;font-size:14px;font-weight:300;}
.banner-type-03>h2{;color:#fff;font-weight:700;font-size:18px;padding-bottom:30px;}
.banner-type-03>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.banner-type-04{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0 0;padding:25px;background-size:cover;background-color:#e40004;}
.banner-type-04>h2{color:#fff;font-size:12px;line-height:16px;font-weight:300;}
.banner-type-04>h1{;color:#fff;font-weight:700;font-size:18px; padding-bottom:5px; }
.banner-type-04>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.banner-type-04>h4{color:#ffff00;font-weight:700;font-size:11px;padding-top:10px;}
.banner-type-05{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:15px;margin-bottom:15px;background-color:#fff;}
.banner-type-05>h1>img {width:100%;}
/*더보기*/
.more{position:absolute;top:25px;right:20px; }
.more>img { width:3px; }
/*타이틀*/
.title-type-01{font-size:26px; font-weight:600;letter-spacing:-2px;}
.title-type-01>span{color:#5e8818;margin-right:5px;}
/*제품*/
.menu-list{width:100%;font-size:0px;}
.menu-list>li{width:49%;border:1px solid #fff;display:inline-block;box-sizing:border-box;margin-bottom:15px;border-radius:10px;background:#fff;box-shadow:0px 3px 2px rgb(230,230,230);}
.menu-list>.menu-on{border:1px solid #333;background:#fff;}
.menu-list>li:nth-child(odd){margin-right:1%;}
.menu-list>li:nth-child(even){margin-left:1%;}
.menu-list>li>h1{;font-size:18px;font-weight:600;padding:25px 0 10px 0;padding-left:15px;}
.menu-list>li>h1>span{font-weight:300;}
.menu-list>li>p{font-weight:400;font-size:11px;line-height:20px;padding-left:15px;}
.menu-list>li>p>span{display:inline-block;width:25px;text-align:center;color:#fff;font-size:8px;line-height:12px;border-radius:10px;margin-right:3px;vertical-align:middle;font-weight:300;}
.menu-list>li>p>.icon-01{background:#438e70;}
.menu-list>li>p>.icon-02{background:#f66f4b;}
.menu-list>li>p>.icon-03{background:#666;color:#fff;}
.menu-list>li>h2{font-size:14px;font-weight:600;text-align:right;padding:0px 15px 25px 0;}
.menu-list>li>a{display:block;padding:10px;border-top:1px solid #eee;text-align:center;font-size:14px;margin-top:20px;font-weight:600;}
.menu-list>li>a>img{height:16px;vertical-align:middle;margin-right:3px;}
/*하단배너*/
.help-01{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:10px 10px 0 0;padding:25px;background-size:cover;background-color:#333;}
.help-01>h2{color:#fff;font-size:12px;line-height:16px;font-weight:300;}
.help-01>h1{;color:#fff;font-weight:700;font-size:18px; padding-bottom:5px; }
.help-01>h3{color:#fff;font-weight:600;font-size:14px;padding-bottom:10px;opacity:0.9}
.help-01>h4{color:#fff;font-weight:700;font-size:14px;padding-top:10px;}
.help-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:10px 25px;margin-bottom:15px;background-color:#fff;}
.help-02>h1{color:#333;font-weight:700;font-size:14px;}
.bank-01{position:relative;width:100%;box-sizing:border-box;border-radius:10px;padding:25px;box-shadow:0px 3px 3px rgb(204,204,204);margin-bottom:15px;background-color:#649d36;}
.bank-01>h2{color:#fff;font-size:12px;font-weight:300;}
.bank-01>h1{;color:#fff;font-weight:700;font-size:18px;  }
.bank-01>h3{color:#fff;font-weight:600;font-size:14px;opacity:0.9;}
/*하단*/
.footer-01{position:relative;width:100%;box-sizing:border-box;border-radius:10px 10px 0 0;padding:10px;background-color:#fff;color:#333; text-align:center; border-bottom:1px solid #eee;font-size:14px}
.footer-01>a {color:#333;font-size:14px; font-weight:700; }
.footer-02{width:100%;display:inline-block;box-sizing:border-box;border-radius:0 0 10px 10px;box-shadow:0px 3px 3px rgb(204,204,204);padding:15px 25px 25px 25px;margin-bottom:15px;background-color:#fff;font-size:12px;; margin-bottom:40px;}
.footer-02>h1{color:#333;font-weight:700;font-size:14px;}
.footer-02>h2{color:#666;font-weight:300;font-size:11px; line-height:14px; padding:10px 0;}
.footer-02>h3{color:#333;font-weight:400;font-size:11px;}

.cart-area { width:100%;left:0;bottom:0px;margin-left:0px;}
.cart-area>.cart-btn { width:100%;z-index:9999;background:#fff;padding:15px 0; box-shadow:0px 0px 7px rgb(204,204,204);  border-radius:20px 20px 0 0; font-size:16px; color:#000; text-align:center; font-weight:700 }
.cart-order { width:100%; font-size:0px; }
.cart-order>li {width:50%;display:inline-block;box-sizing:border-box;font-size:16px; color:#000; font-weight:700; padding-top:4px;}
.cart-order>li>a { border-radius:5px 5px; padding:10px 20px; background:#eee; font-size:13px; font-weight:bold; }
.cart-order>li:nth-child(1){text-align:left; padding-left:20px;}
.cart-order>li:nth-child(2){text-align:right; padding-right:20px}  

/*컨텐츠*/
.con-area{height:100%;  background:#fff;margin-left:0px;}
.con-top{position:fixed;z-index:9999999;left:0;top:0px;margin-left:0px;width:100%;box-sizing:border-box;color:#fff;background-color:#000;padding:20px 25px 18px 25px;overflow:hidden; border-bottom:1px solid #ddd; box-shadow:0px 3px 3px rgb(234,234,234);  }
.con-top>h1{float:left;font-size:20px;font-weight:700}
.con-top>a{float:right;display:block;}
.con-top>a>img{width:18px;}
.con-middle{width:100%;padding:80px 25px 100px 25px;background:#fff;}

.bir-banner-main{background:url(../images/bir_main.png)no-repeat center -40px; background-size:cover; border-radius:10px 10px; height:250px; border-bottom:0px;}



/* 폼 */
.form-list>h1 {font-size:18px;letter-spacing:-1px;font-weight:500;padding:20px 0 0 0;width:100%;margin:0 auto;}
.form-info-01 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-01>li {display:block;box-sizing:border-box;width:100%;font-size:14px;margin:10px 0 0 0; color:#666}
.form-info-01>li:nth-child(odd) {margin-right:0%;}
.form-info-01>li:nth-child(even) {margin-left:0%;}
.form-info-01>li:nth-child(5) {width:100%;}
.form-info-01>li>select,.form-info-02>li>select {width:100%;color:#666;border-bottom:1px solid #ddd;height: 60px;line-height:60px;font-weight:300;}
.form-info-01>li>input,.form-info-02>li>input {width:100%;color:#666;border-bottom:1px solid #ddd;height:60px;line-height:60px;font-weight:300;}

.form-info-02 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-02>li {display:block;box-sizing:border-box;width:100%;font-size:14px;margin:10px 0 0 0}
.form-info-02>li>select{color:#666;border-bottom:1px solid #ddd;height: 60px;line-height:60px;font-weight:300;}
.form-info-02>li>input{color:#666;border-bottom:1px solid #ddd;height:60px;line-height:60px;font-weight:300;}

.form-info-03 {font-size:0px;margin-bottom:80px;width:100%;margin:0 auto; }
.form-info-03>li {display:block;box-sizing:border-box;width:100%;font-size:13px;margin:3px 0 0 0; font-weight:300; color:#666; font-weight:300;}
.form-info-03>li>a { color:#333; margin-left:2px; border:1px solid #ddd;padding:2px 10px; font-size:10px; border-radius:10px;vertical-align:middle; }

.formpri{width:100%;margin:20px auto 0 auto;border:1px solid #ddd;background:#fff;}
.formpri .pri{overflow-y:scroll;height:90px;width:100%;text-align:left;background-color:#fff;line-height:24px;background:#fff;font-size:13px;color:#666;}
.formpri .pri strong{color:#000;font-size:13px;font-weight:normal;}

.btnArea{text-align:center; margin-top:10px; padding:30px; clear:both; }
a.btn_01{background:#d1272c; padding:10px 22px 12px 22px; color:#fff; margin-right:1px; font-size:14px;border-radius:10px;}
a.btn_02{background:#666; padding:10px 22px 12px 22px; color:#fff; font-size:14px; margin-right:1px;border-radius:10px;}
a.btn_03{display:block;width:100%;background:#fff;border:2px solid #333;padding:12px 0; color:#000;font-size:16px;border-radius:5px;text-align:center;font-weight:700;margin-top:30px;}
a.btn_04{display:block;width:100%;background:#fff;border:1px solid #ddd;padding:8px 0; color:#000;font-size:13px;border-radius:5px;text-align:center;font-weight:500;margin-top:10px;}


.btn_login{width:100%;border-radius:10px;font-size:0px;  margin-top:20px;}
.btn_login>li{display:inline-block;box-sizing:border-box;font-size:14px;text-align:center; padding:7px 0;}
.btn_login>li>a{color:#000;font-size:13px;font-weight:700}
.btn_login>li>a>img{width:20px;}

.btn_login>li:nth-child(1){width:32%;}
.btn_login>li:nth-child(2){width:36%;}
.btn_login>li:nth-child(3){width:32%;}

.chbox{width:18px !important;margin-right:2px;vertical-align:middle;background-color:#fff;}
.txtpoint{color:#f60 !important;font-size:13px !important;font-weight:300;}
.txtpoint-order{color:#f60 !important;font-weight:400;font-size:12px !important; text-align:center; padding:15px 0;border-bottom:1px solid #ddd;}
.txtpoint-order>p:nth-child(1){line-height:16px;}
.txtpoint-order>p:nth-child(2){line-height:16px;padding:3px 0; }
.txtpoint-order-2{color:#666 !important;font-weight:400;font-size:12px !important; text-align:center; padding:15px 0; text-align:left;}
.txtpoint-order-2>span {color:#f60 !important;font-weight:600; }
.txtpoint-gubun{color:#000 !important;font-weight:400;font-size:14px !important; text-align:center; padding:15px 0;border-bottom:1px solid #ddd;}
.mo-no {padding-left:10px;background:#ddd;}

.mymenu{border:1px solid #ddd;border-radius:10px;font-size:0px; margin-top:10px;}
.mymenu>li {width:25%;display:inline-block;box-sizing:border-box;font-size:14px;text-align:center; padding:10px 0;}
.mymenu>li:nth-child(1) { border-right:1px solid #ddd;}
.mymenu>li:nth-child(2) { border-right:1px solid #ddd;}
.mymenu>li:nth-child(3) { border-right:1px solid #ddd;}
.mymenu>li>a{color:#999}
.mymenu>li>a.on {font-weight:600; color:#000; }

.order-list>ul{border-bottom:1px solid #ddd;padding:15px 0;}
.order-list>ul>li{color:#666;font-weight:300;text-align:right;padding:3px 10px;font-size:14px;}
.order-list>ul>li>h1{color:#000;font-weight:400;width:80px;float:left;text-align:left;}
.order-list>ul>li>a { color:#000;font-weight:400; }
.order-list>ul>li>span { color:#000;font-weight:700; font-size:18px; }

.order-list-2>ul{border-bottom:1px solid #ddd;padding:15px 0;}
.order-list-2>ul>li{color:#666;font-weight:300;text-align:right;padding:3px 10px;font-size:14px;}
.order-list-2>ul>li>h1{color:#000;font-weight:400;width:50%;float:left;text-align:left;}
.order-list-2>ul>li>a { color:#000;font-weight:400; }
}

#requestPop { position: fixed; left:50%; margin-left:-300px; top:340px; width:600px; padding:0px; height:330px; background:#fff; border:1px solid #000; z-index:9999;  }
#requestPop p { position: absolute; right:20px; top:22px; }
#requestPop h1 { background:#3e3b41; padding:20px; color:#fff; font-size:20px;  font-weight:normal; margin-bottom:20px;}
#requestPop .requestWrap { position: absolute; left:0px; top:70px; width:90%; padding:40px 5%; overflow-y:auto;  }

#requestPop2 { position: fixed; left:50%; margin-left:-300px; top:340px; width:600px; padding:0px; height:330px; background:#fff; border:1px solid #000; z-index:9999;  }
#requestPop2 p { position: absolute; right:20px; top:22px; }
#requestPop2 h1 { background:#3e3b41; padding:20px; color:#fff; font-size:20px;  font-weight:normal; margin-bottom:20px;}
#requestPop2 .requestWrap { position: absolute; left:0px; top:70px; width:90%; padding:40px 5%; overflow-y:auto;  }

/* 쓰기 */
.write_ep { width:100%;}
.write_ep th{ color:#000; border-bottom:1px solid #ccc; height:55px; background-color:#fff; font-size:14px; letter-spacing:-1px;  text-align:left; padding-left:15px; width:15%}
.write_ep .fil { background:url(/images/common/fil.png) left no-repeat; }
.write_ep td{ border-bottom:1px solid #eee; padding-left:30px; padding:10px;  font-size:13px;  }
.write_epTit { position:relative; font-size:18px; color:#000; font-weight:normal; padding:0 0 20px 24px; background:url(../../images/board/iconForm_01.gif) no-repeat 0px 0px ; letter-spacing:-1px;} 

.blind { display:none !important; }
.pointer{cursor:pointer;}
.fr{float:right;}

.p_t_10{padding-top:10px !important; }

.menu-list>li>.pri{padding-top:20px;color:#f60;font-size:14px;text-align:center;}