@charset "utf-8";
/**************************************************

	Global.css

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }
.table1 .inp{width: 100%;border: 1px solid #ddd;height: 35px;padding-left: 10px;box-sizing: border-box;}
.table1 .inp.w50p{width: 45%;}
.table1 .inp.w50p{width: 45%;}
.table1 select{width: 45%;border: 1px solid #ddd;background: #f7f7f7;height: 35px;}

.tbl-smant{display: block;margin-top: 10px;text-align: center;font-size: 14px;color: #333;letter-spacing: -1px;}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #d1202f;border: 1px solid #d1202f;color: #fff !important;height: 35px;line-height: 35px;padding: 0 15px;font-size: 14px;box-sizing: border-box;border-radius: 4px;}
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #7a7a7a;border: 1px solid #7a7a7a;color: #fff !important;height: 35px;line-height: 35px;padding: 0 15px;font-size: 14px;box-sizing: border-box;border-radius: 4px; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/* Etc */
.selectbox{height: 40px;border: 1px solid #ccc;position: relative;display: inline-block;vertical-align: top;min-width: 170px;overflow: hidden;}
.selectbox:after{content: '\f107';font-family: axicon;display: block;position: absolute;top: 50%;right: 10px;margin-top: -7px;font-size: 14px;}
.selectbox select{height: 38px;background: transparent;width: 130%;border: none;letter-spacing: -1px;padding-left: 10px;}

.custlab{position: relative;font-size: 14px;color: #333;letter-spacing: -1px;padding-left: 25px;line-height: 25px;text-align: left !important;display: inline-block;margin: 3px;}
.custlab:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;box-sizing: border-box;border: 2px solid #ddd;border-radius: 50%;}
.custlab input{display: none;}
.custlab.on{color: #000;}
.custlab.on:before{border-color: #333;}
.custlab.on:after{content: '';display: block;position: absolute;left: 5px;top: 50%;margin-top: -5px;width: 10px;height: 10px;background: #333;border-radius: 50%;}

/**************************
	Shop Default Style
**************************/
#sb-footer{position: relative;margin-top: 30px;min-height: 35px;}
#sb-footer .left{position: absolute;top: 0;left: 0;text-align: left;width: 50%;z-index: 2;}
#sb-footer .center{text-align: center;}
#sb-footer .right{text-align: right;}

.sb-btnWrap{margin-top: 20px;}
.sb-btn{display: inline-block;vertical-align: top;box-sizing: border-box;text-align: center !important;}
.sb-btn.type1{background: #fff;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #333;border: 1px solid #ccc;text-decoration: none;}
.sb-btn.type1.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.type2{background: #666;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #fff;border: 1px solid #333;text-decoration: none;}
.sb-btn.type2.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.w100p{width: 100%;}

.sb-no-data{display: block;background: #f7f7f7;padding: 40px 10px;text-align: center;font-size: 14px;letter-spacing: -1px;color: #999;}

#waitpop{display: block;position: fixed;top: 50%;left: 50%;z-index: 89;width: 500px;margin-left: -250px;margin-top: -165px;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
#waitpop .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;}





/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
html{overflow-x: hidden;}

#tbn{position: relative;}
#tbn img{position: relative;left: 50%;margin-left: -960px;width: 1920px;}
#tbn .close{position: absolute;top: 50%;right: 50px;margin-top: -15px;z-index: 2;width: 29px;height: 29px;background: url('../images/main/top-banner-close.png') no-repeat center center;background-size: contain;text-indent: -999em;``}

#header{position: relative;}
.logoWrap{position: relative;width: 1200px;margin: 0 auto;height: 140px;}
.logoWrap .logo2{position: absolute;top: 0;left: 0;line-height: 140px;}
.gnbWrap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.gnbWrap .inner{width: 1200px;position: relative;margin: 0 auto;box-sizing: border-box;}

#hd-sch-mo {display: none}

#sch{position: relative;width: 685px;box-sizing: border-box;margin: 0 auto;top: 48px;padding-left: 250px;}
#sch legend{display: none;}
#sch .logo{position: absolute;top: -10px;left: 0;}
#sch fieldset{width: 420px;height: 47px;border: 3px solid #d1202f;border-radius: 47px;position: relative;overflow: hidden;}
#sch .inp{width: 100%;height: 41px;border: none;padding-left: 35px;font-size: 15px;color: #333;letter-spacing: -1px;}
#sch .sbm{position: absolute;top: 7px;right: 26px;width: 26px;height: 27px;background: url('../images/main/top-sch.jpg') no-repeat center center;background-size: contain;border: none;text-indent: -999em;}

#gnb{width: 100%;display: table;}
#gnb > li{position: relative;display: table-cell;vertical-align: top;border-left: 1px solid #ddd;z-index: 90; width:12.5%;}
#gnb > li:last-child{border-right: 1px solid #ddd;}
/* #gnb > li > ul{display: none;} */
#gnb > li > a{display: block;line-height: 50px;text-align: center;text-decoration: none;font-size: 16px;color: #333333;letter-spacing: -1px;}
#gnb > li > ul{position: absolute;top: 50px;left: 0;margin-left: 0;width: 240px;border: 1px solid #ddd;background: #fff;background: #f7f7f7;display: none;}
#gnb > li > ul > li{position: relative;}
#gnb > li > ul > li > a{line-height: 40px;text-align: center;border-top: 1px solid #ddd;display: block;text-align: center;font-size: 15px;color: #333;letter-spacing: -1px;}
#gnb > li > ul > li:first-child > a{border-top: none;}
#gnb > li > ul > li ul{position: absolute;top: 0;width: 240px;right: -240px;background: #fff;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#gnb > li > ul > li:hover ul{display: block;}
#gnb > li > ul > li ul li a{line-height: 40px;text-align: center;border-top: 1px solid #ddd;display: block;text-align: center;font-size: 15px;color: #333;letter-spacing: -1px;}
#gnb > li > ul > li ul li:first-child a{border-top: none;}
#gnb > li:hover > a{background: #d1202f;color: #fff;border-color: #d1202f;}
#gnb > li:hover > ul > li:hover > a{text-decoration: none;background: #eee;}
#gnb > li:hover > ul > li > ul > li:hover > a{text-decoration: none;background: #eee;}

#gnb > li:hover > ul{display: block;}

#gnb2{position: absolute;top: 0;right: 0;width: 240px;}
#gnb2 li{display: inline-block;vertical-align: top;width: 50%;}
#gnb2 li a{text-decoration: none;line-height: 50px;text-align: center;font-size: 16px;color: #fff;letter-spacing: -1px;font-weight: 300;text-align: center;display: block;}
#gnb2 li.g1{background: #d1202f;}
#gnb2 li.g2{background: #ff782a;}

#tnb{position: absolute;top: 30px;right: 0;}
#tnb li{display: inline-block;vertical-align: top;margin-left: 20px;}
#tnb li a{display: block;text-decoration: none;text-align: center;font-size: 13px;color: #888888;letter-spacing: -1px;}
#tnb li a img{display: block;margin: 0 auto;margin-bottom: 5px;}

.ftsnsWrap{width: 1200px;position: relative;margin: 0 auto;margin-bottom: 50px;}
#ftsns{margin: 0 -15px;}
#ftsns li{display: inline-block;vertical-align: top;margin: 0 15px;width: calc(25% - 30px);border: 1px solid #ddd;border-radius: 7px;text-align: center;line-height: 100px;box-sizing: border-box;}

.ftInfWrap{margin-bottom: 100px;}
.ftInfWrap .inner{width: 1200px;position: relative;margin: 0 auto;zoom: 1;}
.ftInfWrap .inner:after{display: block;content: '';clear: both;}
.ftInfWrap .box{float: left;box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;margin-right: -1px;height: 198px;padding: 30px 35px;}
.ftInfWrap .box.b1{width: 244px;padding: 30px 20px;}
.ftInfWrap .box.b1 em{font-style: normal;display: block;text-align: center;font-size: 16px;color: #333333;letter-spacing: -1px;}
.ftInfWrap .box.b1 strong{display: block;text-align: center;font-size: 25px;color: #444444;letter-spacing: -1px;font-weight: 600;}
.ftInfWrap .box.b1 p{display: block;margin-top: 20px;padding-top: 10px;border-top: 1px solid #ddd;font-size: 13px;line-height: 18px;color: #888888;letter-spacing: -1px;text-align: left;}

.ftInfWrap .box.b2{width: 244px;background: #f8f8f8;}
.ftInfWrap .box.b2 em{font-style: normal;display: block;text-align: center;font-size: 16px;color: #333333;letter-spacing: -1px;}
.ftInfWrap .box.b2 strong{display: block;text-align: center;font-size: 16px;color: #444444;letter-spacing: -1px;font-weight: 600;margin-top: 12px;}
.ftInfWrap .box.b2 strong img{margin-right: 5px;}
.ftInfWrap .box.b2 p{display: block;margin-top: 20px;padding-top: 10px;border-top: 1px solid #ddd;font-size: 12px;line-height: 18px;color: #888888;letter-spacing: -1px;text-align: center;}

.ftInfWrap .box.b3{width: 357px;}
.ftInfWrap .box.b3 h4{display: block;margin-bottom: 15px;font-size: 16px;color: #222222;font-weight: 600;}
.ftInfWrap .box.b3 .list li a{position: relative;font-size: 14px;line-height: 25px;color: #888888;letter-spacing: -1px;display: block;text-decoration: none;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ftInfWrap .box.b3 .list li a:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 3px;height: 3px;background: #999;margin-top: -1px;}


#footer{border-top: 1px solid #ddd;padding: 50px 0;}
#footer .inner{width: 1200px;position: relative;margin: 0 auto;box-sizing: border-box;padding-left: 270px;background: url('../images/main/flogo.png') no-repeat 0 center, url('../images/main/ft-cert.jpg') no-repeat top right;}

#footer address{font-size: 13px;line-height: 20px;color: #777777;font-style: normal;}
#footer address hr{width: 15px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}
.copyright{display: block;text-align: center;line-height: 60px;text-align: center;background: #333333;font-size: 13px;color: #fff;letter-spacing: -1px;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#fnb > li{display: inline-block;padding: 0 15px;position: relative;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li:after{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background: #999;margin-top: -6px;}
#fnb > li:first-child:after{display: none;}
#fnb > li a{font-size: 15px;color: #444444;letter-spacing: -1px;line-height: 70px;font-weight: 300;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;bottom: 35px;right: 0;display: none;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}
#slide-menu{display: none;}

#asd{position: absolute;top: 550px;right: 50%; margin-right: -890px;z-index: 100;}
#asd .box{padding: 15px;background: #f3f3f3;}
#asd .box strong{display: block;text-align: center;font-size: 16px;color: #444444;letter-spacing: -1px;font-weight: 300;margin-bottom: 10px;}
#asd .box ul li{margin-bottom: 4px;}
#asd .box ul li a{display: block;text-align: center;line-height: 35px;text-align: center;font-size: 13px;color: #444444;letter-spacing: -1px;font-weight: 300;border: 1px solid #ddd;background: #fff;border-radius: 35px;text-decoration: none;}
#asd .box ul li a img{margin-right: 5px;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;}

#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;/*margin-left: -960px;*/ transform: translate(-50%, 0);}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block;margin: 0 2px;}
#main .visual .slick-dots li button{display: block;width: 11px;height: 11px;background: #fff;border-radius: 11px;text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{width: 30px;background: #d1202f;}
#main .visual .slick-prev{position: absolute;top: 50%;border: none;background: url('../images/main/vis-prev.png') no-repeat center center;background-size: contain;width: 37px;height: 73px;z-index: 81;margin-top: -32px;left: 50%;margin-left: -760px;text-indent: -999em;}
#main .visual .slick-next{position: absolute;top: 50%;border: none;background: url('../images/main/vis-next.png') no-repeat center center;background-size: contain;width: 37px;height: 73px;z-index: 81;margin-top: -32px;right: 50%;margin-right: -760px;text-indent: -999em;}

#main .main-tit{margin-bottom: 50px;text-align: center;}
#main .main-tit > *{display: block;text-align: center;font-style: normal;}
#main .main-tit img{width:100%; max-width:500px; }
#main .main-tit em{font-size: 15px;color: #bbbbbb;font-weight: 600;}
#main .main-tit h4{display: inline-block;padding: 0 110px;position: relative;font-size: 40px;color: #333333;letter-spacing: -2px;font-weight: 200;}
#main .main-tit.flower h4 > span.left{position: absolute;top: 50%;left: 0;margin-top: -30px;content: '';}
#main .main-tit.flower h4 > span.right{position: absolute;top: 50%;right: 0;margin-top: -30px;content: '';}

#main .main-tit2{position: relative;margin-bottom: 50px;}
#main .main-tit2:after{content: '';display: block;position: absolute;top: 50%;margin-top: -1px;width: 100%;height: 2px;background: #666666;}
#main .main-tit2 h4{display: inline-block;vertical-align: middle;padding-right: 20px;background: #fff;font-size: 30px;color: #333333;letter-spacing: -1px;font-weight: 600;position: relative;z-index: 2;}
#main .main-tit2 h4 strong{color: #d1202f;}

#main .mainbox1{width: 1200px;margin: 0 auto;/*padding: 90px 0;*/ padding-bottom:90px;}

#main .mid-banner{position: relative;text-align: center;}

#main .mainbox2{/*padding: 90px 0;*/padding-bottom:90px; background-size: cover;background-position: center center;}
#main .mainbox2 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .inner{width: 100%; max-width:1200px; position: relative; margin: 0 auto;}

#main .mainbox3{/*padding: 90px 0;*/ padding-bottom:90px;}
#main .mainbox3 .inner{width: 1200px;position: relative;margin: 0 auto;}

#main .gateway{width: 1200px;position: relative;margin: 0 auto;text-align: center;padding: 50px 0;}
#main .gateway li{display: inline-block;vertical-align: top; width: 20%; position: relative;margin: 15px 0;}
#main .gateway li a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .gateway li p{display: block;text-align: center;margin-top: 10px;font-size: 16px;line-height: 21px;color: #222222;letter-spacing: -1px;font-weight: 300;}
#main .gateway li p strong{color: #d1202f;font-weight: 300;}
#main .gateway li p,
#main .gateway li p *{font-size: 16px !important;}

#main .mainbox4{padding: 0 0 100px;}
#main .mainbox4 .inner{width: 1200px;position: relative;margin: 0 auto;}
#main .mainbox4 .list{margin: 0 -15px;}
#main .mainbox4 .list li{display: inline-block;vertical-align: top;margin: 0 15px;}
#main .mainbox4 .slick-prev{width: 29px;height: 57px;border: none;background: url('../images/main/roll-prev.jpg') no-repeat center center;background-size: contain;position: absolute;top: 50%;margin-top: -28px;left: -90px;text-indent: -999em;}
#main .mainbox4 .slick-next{width: 29px;height: 57px;border: none;background: url('../images/main/roll-next.jpg') no-repeat center center;background-size: contain;position: absolute;top: 50%;margin-top: -28px;right: -90px;text-indent: -999em;}

.buybtn{display: block;margin: 0 auto;margin-top: 20px;width: 120px;line-height: 38px;text-align: center;border-radius: 38px;text-decoration: none !important;font-size: 15px;color: #fff !important;letter-spacing: -1px;background: #515151;}
.buybtn:hover{background: url('../images/main/btn-gra.jpg');background-size: cover;}

.itemlist1{margin: -10px;}
.itemlist1 > li{position: relative;display: inline-block;vertical-align: top;margin: 10px;width: calc(25% - 20px);border: 1px solid #ddd;border-radius: 10px;box-sizing: border-box;padding: 25px;}
.itemlist1 .tmb{display: block;position: relative;padding-bottom: 100%;background-size: cover;background-position: center center;}
.itemlist1 .tit{display: block;text-align: center;font-size: 18px;line-height: 25px;color: #333333;letter-spacing: -1px;font-weight: 300;height: 52px;overflow: hidden;margin-top: 15px;}
.itemlist1 .inf{margin-top: 15px;padding: 20px;border-top: 1px solid #ddd;}
.itemlist1 .inf > span{position: relative;text-align: right;}
.itemlist1 .inf > span > *{font-size: 14px;line-height: 22px;color: #666666;}
.itemlist1 .inf > span strong{position: absolute;top: 0;left: 0;letter-spacing: -1px;}
.itemlist1 .colors{text-align: center;margin: 15px 0;}
.itemlist1 .colors li{display: inline-block;vertical-align: top;margin: 0 2px;width: 24px;height: 24px;border-radius: 50%;box-sizing: border-box;border: 1px solid #ddd;}

.itemlist2{margin: -19px;}
.itemlist2 > li{position: relative;display: inline-block;vertical-align: top;margin: 18px;width: calc(25% - 38px);}
.itemlist2 > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.itemlist2 .tmb{padding-bottom: 100%;background-position: center center;background-size: cover;}
.itemlist2 .inf{padding: 15px 0;border-bottom: 1px solid #ddd;}
.itemlist2 .inf > *{display: block;letter-spacing: -1px;font-style: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.itemlist2 .inf .cat{font-size: 14px;color: #999999;}
.itemlist2 .inf .tit{font-size: 18px;line-height: 24px;color: #333333;font-weight: 300;}
.itemlist2 .inf .tit .mb-ico{display: inline-block;vertical-align: middle;margin-right: 4px;width: 64px;line-height: 23px;color: #fff;background: #d1202f;font-size: 12px;letter-spacing: -1px;color: #fff;border-radius: 3px;font-style: normal;text-align: center;}
.itemlist2 .price{padding: 15px 0;}
.itemlist2 .price > *{display: inline-block;vertical-align: middle;}
.itemlist2 .price em{font-style: normal;text-decoration: line-through;font-size: 15px;color: #999999;margin-right: 5px;}
.itemlist2 .price strong{font-size: 18px;color: #d1202f;font-weight: 600;margin-top: -3px;}

.itemlist2 > div.list_in{position: relative;display: inline-block;vertical-align: top;padding: 18px;width: calc(25% - 38px);}
.itemlist2 > div.list_in > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}


/*wowhost*/
.itemlist2 .price div:first-child {font-style: normal;text-decoration: line-through;font-size: 15px;color: #999999;margin-right: 5px;}
.itemlist2 .price div:last-child {font-size: 18px;color: #d1202f;font-weight: 600;margin-top: -3px;}

.itemlist2 .price div.pri:first-child {font-style: normal;text-decoration: line-through;font-size: 15px;color: #999999;margin-right: 5px;}
.itemlist2 .price div.pri:last-child {font-size: 18px;color: #d1202f;font-weight: 600;margin-top: -3px;}


.itemlist2.tmb-bd .tmb{position: relative;}
.itemlist2.tmb-bd .tmb:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.1);}
.itemlist2.tmb-bd .inf .tit{word-break:normal !important;white-space: normal;height: 50px;overflow: hidden;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 0 auto;padding: 50px 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 220px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;width: 940px;font-size: 45px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('../images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

#itv{margin-top: 20px;border-top: 2px solid #999;}
#itv > ul{position: relative;padding: 20px 0 20px 0;border-bottom: 1px solid #ddd;}
#itv > ul:last-child{border: none;}
#itv > ul > li{position: relative;padding-left: 140px;margin: 8px 0;letter-spacing: -1px;}
#itv > ul > li.it_img{padding:0;}
#itv > ul > li.ta_li{padding:0;}
#itv > ul > li > strong{position: absolute;top: -2px;left: 0;font-size: 15px;color: #444444;letter-spacing: -1px;font-weight: 300;}
#itv > ul > li em{font-style: normal;display: block;font-size: 13px;line-height: 20px;color: #999999;letter-spacing: -1px;margin-top: 5px;}

#itv .lab1{line-height: 35px;letter-spacing: -1px;font-size: 14px;color: #555555;letter-spacing: -1px;background: #f7f7f7;padding: 0 20px;display: inline-block;vertical-align: middle;border-radius: 35px;border: none;}
#itv .lab1.card_co_po{color:#fff; background:#009d76; font-weight:bold; font-size:16px; width:100%; line-height:45px; border-radius:0;}
#itv .lab1 input{display: none;}
#itv .lab1.on{background: url('../images/main/btn-gra.jpg');background-size: cover;color: #fff;}


#itv .lab2{display: inline-block;vertical-align: middle;margin-right: 20px;height: 33px;line-height: 33px;font-size: 14px;color: #555555;font-weight: 300;letter-spacing: -1px;}
#itv .lab2 input{display: none;}
#itv .lab2 em{position: relative;display: inline-block;vertical-align: middle;margin-right: 10px;width: 22px;height: 22px;border-radius: 50%;background: #898989;margin-top: -5px;box-sizing: border-box;border: 1px solid #ddd;}
#itv .lab2 em > strong{content: '';display: block;position: absolute;top: -4px;left: -4px;width: calc(100% + 8px);height: calc(100% + 8px);border: 2px solid #898989;border-radius: 50%;opacity: 0;}
#itv .lab2.on em > strong{opacity: 1;}

#itv .nostyle{margin-top: 20px;min-height: 300px;padding: 20px;background: #f7f7f7;}

#itvleft{margin-top: 40px;background: #f6f6f6;padding: 40px;}
#itvleft .t1{width: 100%;table-layout: fixed;}
#itvleft .t1 tr > *{padding: 10px 5px;text-align: center;border: 1px solid #ddd;}
#itvleft .t1 th{background: #555555;color: #fff;font-weight: 300;}
#itvleft .t1 td{background: #fff;font-size: 13px;color: #777777;letter-spacing: -1px;}


/*
#itvleft .t2{width: 100%;table-layout: fixed;margin-top: 35px;}
#itvleft .t2 tr > *{border-bottom: 1px solid #ddd;}
#itvleft .t2 th{position: relative;line-height: 50px;text-align: center;background: #999999;font-weight: 300;color: #fff;}
#itvleft .t2 th label{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
#itvleft .t2 th label input{display: none;}
#itvleft .t2 th i{display: none;}
#itvleft .t2 th.on{background: url('../images/main/btn-gra.jpg');background-size: cover;color: #fff;}
#itvleft .t2 th.on i{display: inline-block !important;}
#itvleft .t2 td{padding: 30px 20px;vertical-align: top;}

#itvleft .t2 td ul li{margin: 3px 0;position: relative;text-align: right;}
#itvleft .t2 td ul li strong{position: absolute;top: 0;left: 0;font-size: 13px;color: #333;letter-spacing: -1px;font-weight: 300;}
#itvleft .t2 td ul li p{font-size: 13px;color: #666;font-weight: 300;}
#itvleft .t2 td ul li.red > *{color: #d1202f;}
#itvleft .t2 td ul li.blue > *{color: #419adf;}
#itvleft .t2 td ul li.mb-blue{background: #074cbe;padding: 5px 10px;margin: 0 -10px;}
#itvleft .t2 td ul li.mb-blue > *{color: #fff;}
#itvleft .t2 td ul li.mb-blue strong{left: 10px;top: 5px;}
#itvleft .t2 td ul li.tot > *{color: #444444;font-size: 14px;font-weight: 600;}
#itvleft .t2 td.on{background: #fff;}
*/

/*t2_수정*/
.table_box .t2{width: 100%;table-layout: fixed;margin-top: 35px;}
.table_box .t2 tr > *{}

.table_box .t2 th{position: relative;line-height: 50px;text-align: center;background: #999999;font-weight: 300;color: #fff;}
.table_box .t2 th label{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.table_box .t2 th label input{display: none;}
.table_box .t2 th i{display: none;}
.table_box .t2 th.on{background: url('../images/main/btn-gra.jpg');background-size: cover;color: #fff;}
.table_box .t2 th.on i{display: inline-block !important;}
.table_box .t2 td{/*padding: 30px 20px; padding: 30px 0;*/  vertical-align: top; border-bottom: 1px solid #ddd;}
.table_box .t2 td.bor_none{border-bottom:none;}

.table_box .t2 td ul li{margin: 8px 0;position: relative;text-align: right; background:#f9f9f9; padding:8px; overflow:hidden; position:relative; }
.table_box .t2 td ul li p{position:absolute; top:50%; right:15px; transform: translate(0, -50%); }
.table_box .t2 td ul li p.sum{font-size:1.25em; font-weight:bold;}
.table_box .t2 td ul li strong{/*position: absolute;top: 50%; left: 15px; transform: translate(0, -50%);*/ font-size: 15px;color: #333;letter-spacing: -1px;font-weight: 300; text-align:left; padding:5px 0; float:left;}
.table_box .t2 td ul li strong span{display:block; color:#fff;}
.table_box .t2 ul li.yellow{background:#ffc600; }
.table_box .t2 ul li.da_gray{background:#eeeeee; }
.table_box .t2 ul li.red{background:#dd362d; }
.table_box .t2 ul li.black{background:#9e9e9e; }
.table_box .t2 ul li.orange{background:#ff7d2e}

.table_box .t2 ul li.red strong, .table_box .t2 ul li.black strong, .table_box .t2 ul li.orange strong, .table_box .t2 ul li.red p, .table_box .t2 ul li.black p, .table_box .t2 ul li.orange p{color:#fff;}
.table_box .t2 ul li.co_red strong, .table_box .t2 ul li.co_red p{color:#dd372d;}

#cardbox{position: absolute;top: 0;left: 130px;width: 426px;border: 1px solid #aaaaaa;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 10;background: #fff;display: none;}
#cardbox .tit{padding: 0 30px;line-height: 50px;background: #3e3e3e;}
#cardbox .tit h5{font-size: 16px;color: #fff;letter-spacing: -1px;font-weight: normal;}
#cardbox .tit .close{width: 18px;height: 18px;background: url('../images/sub/cardbox-close.jpg') no-repeat center center;background-size: contain;position: absolute;top: 16px;right: 30px;text-indent: -999em;}
#cardbox .cont{padding: 30px;}
#cardbox .cont .inner{height: 440px;overflow-y: auto;}
#cardbox dl{position: relative;border: 1px solid #ddd;border-width: 1px 0 1px 0;margin-bottom: -1px;padding: 10px 0 10px 100px;}
#cardbox dl dt{position: absolute;top: 10px;left: 0;}
#cardbox dl dt img{width: 85px;height: 58px;}
#cardbox dl dd strong{font-size: 15px;color: #444444;letter-spacing: -1px;font-weight: 300;}
#cardbox dl dd .details{line-height: 22px;background: #efefef;font-size: 11px;letter-spacing: -1px;color: #999;padding: 0 10px;border-radius: 4px;display: inline-block;}
#cardbox dl dd label{font-size: 13px;display: block;margin-top: 5px;margin-left: -4px;}

#totbar{position: fixed;bottom: 0;left: 0;width: 100%;background: #444444;z-index: 80;}
#totbar .inner{width: 1200px;position: relative;margin: 0 auto;height: 120px;}
#totbar ul li{display: inline-block;vertical-align: top;padding-right: 70px;margin-right: 30px;padding-top: 30px;box-sizing: border-box;height: 120px;}
#totbar ul li em{font-style: normal;display: block;font-size: 13px;color: #cbcbcb;letter-spacing: -1px;}
#totbar ul li p{display: inline-block;vertical-align: middle;margin-top: 5px;font-size: 20px;color: #fff;}
#totbar ul li p strong{font-weight: 600;font-size: 30px;color: #fff;margin-right: 10px;}
#totbar ul li span.susu{display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: 17px;letter-spacing: -1px;font-size: 13px;color: #fff;}
#totbar ul li span.susu strong{display: inline-block;padding: 0 3px;position: relative;font-weight: 300;}
#totbar ul li span.susu strong:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #fff;}
#totbar ul li:nth-child(1){background: url('../images/sub/itvbar-plus.jpg') no-repeat right center;}
#totbar ul li:nth-child(2){background: url('../images/sub/itvbar-equals.jpg') no-repeat right center;}
#totbar .btns{position: absolute;top: 35px;right: 0;}
#totbar .btns button{display: inline-block;vertical-align: top;margin: 0 2px;width: 180px;height: 53px;border: none;border-radius: 4px;font-size: 17px;color: #fff;letter-spacing: -1px;font-weight: 300;}
#totbar .btns button.b2{background: #d1202f;}
#totbar .btns button.b1_{background: #ff7d2e;}





.regpop{position: fixed;top: 50%;left: 50%;box-sizing: border-box;width: 700px;height: 400px;margin-top: -200px;margin-left: -300px;z-index: 301;background: #fff;display: none;}
.regpop .tit{line-height: 50px;padding: 0 25px;border-bottom: 1px solid #ddd;background: #f7f7f7;}
.regpop .tit h4{font-size: 16px;color: #333;letter-spacing: -1px;font-weight: 300;}
.regpop .tit .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #333;border-left: 1px solid #ddd;text-decoration: none;}
.regpop .cont{padding: 25px;}
.regpopBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);display: none;}

.loc-wrap {position: relative;width: 1200px;margin: 40px auto;}
.mapWrap {width:850px;height:430px;background: #f1f1f1;}
.loc-box {position: absolute;top: 0;right: 0;width: 320px;height: 100%;background: #f9f9f9;border-top: 2px solid #333;padding: 45px 30px;box-sizing: border-box;}
.loc-tit > h3 {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 26px;color: #333333;font-weight: 500;letter-spacing: -1px;}
.loc-info {margin-top: 35px;}
.loc-info > li {margin: 30px 0;padding-left: 68px;min-height: 23px;position: relative;font-size: 15px;color: #505050;letter-spacing: -0.05em;line-height: 23px;}
.loc-info > li b {position: absolute;top: 0;left: 0;padding-left: 25px;background-repeat: no-repeat;background-position: 0 50%;font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.05em;line-height: 23px;}
.loc-info > li.add b {background-image: url(../images/main/icon-add.jpg);}
.loc-info > li.tel b {background-image: url(../images/main/icon-tel.jpg);}
.loc-info > li.fax b {background-image: url(../images/main/icon-fax.jpg);}

#mb_lv{margin-bottom: 40px;}
#mb_lv .txt1{display: block;line-height: 50px;text-align: center;font-size: 15px;border: 1px solid #666;letter-spacing: -1px;}
#mb_lv .txt1 strong{color: #d1202f;font-weight: 300;font-size: 18px;}
#mb_lv .txt2{background: #f7f7f7;padding: 15px;}
#mb_lv .txt2 > strong{font-size: 14px;font-weight: 300;letter-spacing: -1px;color: #000;display: none;}
#mb_lv .txt2 ul li{box-sizing: border-box;display: inline-block;vertical-align: top;position: relative;padding-left: 11px;font-size: 13px;letter-spacing: -1px;color: #999;width: 25%;}
#mb_lv .txt2 ul li strong{font-weight: 300;color: #000;}
#mb_lv .txt2 ul li p{font-size: 13px;}
#mb_lv .txt2 ul li:before{content: '';display: block;position: absolute;top: 5px;left: 2px;width: 3px;height: 3px;background: #999;}


/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

.mar_top{margin-top:20px;}

@media screen and (max-width: 768px){
	#asd{display:none;}
}