@import url("common.css");

#contents{position:relative; overflow:hidden;  opacity:0; height:100%;}

#visual{position:relative; height:230px;}

#location{position:relative; width:100%; background:#64676e; height:55px}
#location dl{position:relative; width:100%; width:1180px; margin:0 auto; font-size:15px;}
#location dt{float:left;}
#location dd{float:left; border-right:1px solid #8e9094}
#location dd span.title{display:inline-block; cursor:pointer; color:#fff; width:220px; line-height:55px; box-sizing:border-box; padding:0 20px; background:url('/mall/img/sub_nav_sel.gif') 90% no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#location dd span.title.on_t{background:url('/mall/img/sub_nav_sel2.gif') 90% no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#location dd .sub_m1{position:absolute; opacity:0; display:none;; background:#f7f7f7; border:1px solid #ddd; border-top:0; z-index:99; padding:13px 0; width:220px;box-sizing:border-box;}
#location dd .sub_m1 li{line-height:30px;}
#location dd .sub_m1 li a{display:inline-block; line-height:30px; padding:0 15px}
#location dd .sub_m1 li a:hover{color:#92ab09}
#location dd .sub_m2{position:absolute; opacity:0; display:none;; background:#f7f7f7; border:1px solid #ddd; z-index:99; padding:13px 0; width:220px;}
#location dd .sub_m2 li{line-height:30px;}
#location dd .sub_m2 li a{display:inline-block; line-height:30px; padding:0 15px}
#location dd .sub_m2 li a:hover{color:#92ab09}


.lnb {width:1180px; margin:40px auto 0 auto; overflow:hidden; text-align:center;}
	.lnb ul{position:relative;}
	.lnb li {display:inline-block;}
	.lnb li a{font-size:18px; letter-spacing:-0.3pt; display:block; background:#fff; min-width:120px; line-height:68px; height:68px; padding:0 24px; box-sizing:border-box; text-align:center; border-bottom:3px solid #dedede; margin:0 0 0 -4px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.lnb li a:hover{display:block; color:#a1bd04; text-decoration: none; border-color:#a1bd04; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.left_linktop{display:block; color:#a1bd04 !important; text-decoration: none; border-color:#a1bd04 !important; }	

.depth3{width:1180px; margin:0 auto; position:relative; text-align:center; padding-top:5px; clear:both; border-bottom:1px solid #f0f0f0;}
.depth3 li{display:inline-block; font-size:14px; padding:0 9px;}
.depth3 li a{display:block; line-height:45px; border-bottom:2px solid #fff; padding:0 8px; letter-spacing:-0.3pt}
.left_linktop2{color:#013ca6 !important; text-decoration: none; border-color:#013ca6 !important;}

.contentArea{width:1180px; margin:50px auto 100px auto;}

.quick_cont_b{height:500px}

/*** °øÅëcss ***/
.point_txt{font-weight:600; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.tmar_30{margin-top:30px}
.bmar_50{margin-bottom:50px}

.con_tit{font-size:25px; line-height:100%; letter-spacing:-0.5pt; font-weight:700; color:#363d42; font-weight:normal; padding:0 0 25px 0;}
.con_tit_light{font-size:25px; line-height:40px; letter-spacing:-0.5pt;  font-weight:300; color:#363d42; font-weight:normal; padding:0 0 25px 32px;}
.con_tit_light span.num{position:absolute; left:0; width:25px; text-align:center; font-size:40px; font-family:"Montserrat", sans-serif; font-weight:bold; line-height:40px;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#333; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px;}
.table_style2 th{color:#333; font-weight:normal; text-align:center; padding:17px 0 17px 0; border-bottom:1px solid #ddd;}
.table_style2 td{border-bottom:1px solid #ddd; padding:17px 0 17px 0; text-align:center;}
.table_style2 td.txt{text-align:left; padding:17px 10px;}
.table_style2 td.num{text-align:right; padding:17px 10px;}
.table_style2 td span.imgbox img{width:96px; height:96px;}


h4.sub_title{font-size:31px; line-height:37px; letter-spacing:-0.4pt; color:#363d42; font-weight:300; font-weight:normal;}
h4.sub_title span{font-weight:300; line-height:42px; letter-spacing:-0.4pt;}
h4.sub_title span.blue{color:#013ca6;}
h5.sub_stitle{font-size:17px; line-height:150%; letter-spacing:-0.4pt; color:#888; font-weight:100;}

.dot_con{position:relative; overflow:hidden;}
.dot_con li{position:relative; padding:0 0 8px 15px; font-size:15px; letter-spacing:-0.2pt;}
.dot_con li::before{position:absolute; left:0; top:10px; content:""; overflow:hidden; width:4px; height:4px; border-radius:100%; background-color:#363d42;}
.dot_con li span.tit{font-weight:600; color:#363d42; letter-spacing:-0.2pt;}
.dot_con li span.red_txt{color:#e20c0c; letter-spacing:-0.2pt;}
.dot_con li.blue_txt{padding:6px 0 35px 0; font-weight:600; color:#013ca6; letter-spacing:-0.5pt}
.dot_con li.blue_txt::before{display:none}
.dot_con li.blue_txt2{padding:6px 0 0 0; font-weight:600;  color:#013ca6; letter-spacing:-0.5pt}
.dot_con li.blue_txt2::before{display:none}
.dot_con li.sub_txt{padding:0 0 6px 25px; font-size:13px; color:#777}
.dot_con li.sub_txt::before{left:15px; top:10px; width:4px; height:2px; border-radius:0; background-color:#aaa;}
.dot_con li.arrow_txt{font-weight:600; color:#363d42; padding:0 0 6px 27px; font-size:13px; }
.dot_con li.arrow_txt.two{padding:0 0 10px 27px;}
.dot_con li.arrow_txt::before{left:8px; top:6px; width:13px; height:9px; border-radius:0; background:url('/thebright/img/arrow_icon.gif') 0 0 no-repeat}

.form_btn{display:block; width:170px; margin:0 auto; text-align:center; background:#92ab09; border:1px solid #92ab09; color:#fff; font-size:17px; line-height:52px; height:54px; letter-spacing:-0.5pt;}


/* ¹Ì¼ö±Ý / Æ÷ÀÎÆ®³»¿ª */
.members {width:1180px; height: 83px; padding-top: 25px; background: #92AB09; border-top: 1px solid #8E9094; box-sizing:border-box; margin:0 auto 30px auto;}
.members ul {display: table; width: 100%; }
.members ul li {position: relative; padding-left: 10px; font-size: 18px; color:#fff; display: table-cell; vertical-align: baseline; text-align: center; line-height: 30px; } 
.members ul li:before {content: ""; display: block; position: absolute; top: 5px; left: 0; width: 1px; height: 23px; background: #AABD3F; }
.members ul li:first-child:before {content: ""; display: none; }
.members ul li span {display: inline-block; font-size: 18px; vertical-align: middle; line-height: 30px; }
.members ul li span em {display: inline-block; width: 150px; font-size: 28px; font-weight: bold; font-family:"Montserrat", sans-serif; line-height: 30px; text-align: right; }
.members ul li span strong {font-size: 18px; }
.members ul li strong {display: inline-block; font-weight:normal; line-height: 30px; }


.ready_con{background:#f0f0f0; padding:150px 0; text-align:center;}
.ready_con h4.sub_title{font-family:"Montserrat", sans-serif; text-transform:uppercase; font-size:50px; font-weight:bold; line-height:100%;}
.ready_con p{font-size:16px; letter-spacing:-0.5pt; padding:12px 0 0 0;}

/* Ä«Å×°í¸® */
.cate_tab {position:relative; text-align:center; margin:-10px 0 50px 0;}
.cate_tab li {display:inline-block; margin:0 2px;  vertical-align:top;}
.cate_tab a {display:block; width:105px; text-align:center; line-height:45px; height:45px; color:#666; border:1px solid #ddd; transition:all 0.3s;}
.cate_tab a:hover {text-decoration:none; color:#a1bd04; transition:all 0.3s;}
.cate_tab a span {position:relative; display:inline-block; line-height:45px; left:-1px; top:-1px; width:105px; border:1px solid #a1bd04; color:#a1bd04;}

/* Á¦Ç°Ä«Å×°í¸® */
.proCate{position:relative; overflow:hidden; margin:50px auto 0 auto; width:1180px; width:100%; float:left;}
.proCate dl{position:relative; overflow:hidden;}
.proCate dd{float:left; width:16.66666666%; text-align:center;}
.proCate dd a{position:relative; display:block; background:#f1f1f1; border:1px solid #f1f1f1; border-bottom:0; line-height:56px; margin-top:7px; font-size:17px; color:#888; transition:all 0.3s;}
.proCate dd a:hover{color:#222; transition:all 0.3s;}
.proCate dd.hover a{background:#a1bd04; border:1px solid #a1bd04; color:#fff; line-height:63px; margin-top:0; border-bottom:0;}
.proCate dd.hover a:after{position:absolute; display:block; content:""; z-index:9; overflow:hidden; width:25px; height:65px; top:7px; right:-26px; background:url('/mall/img/tab_sha.gif') no-repeat}

.proCate .dep2{position:relative; overflow:hidden; background:#a1bd04; padding:0 0 0 25px; width:100%; float:left;}
.proCate .dep2 li{float:left; padding:16px 0; margin-right:24px;}
.proCate .dep2 li a{position:relative; display:block; color:rgba(255,255,255,.6); font-size:15px;}
.proCate .dep2 li a.hover{color:#fff;}
.proCate .dep2 li a.hover:after{position:absolute; display:block; content:""; z-index:9; overflow:hidden; width:100%; height:5px; bottom:-16px; background:#fff}

.proCate_dep{position:relative; overflow:hidden; border:1px solid #ddd; border-top:0; margin:0 auto; width:100%; box-sizing:border-box; padding:10px 0 10px 25px; float:left;}
.proCate_dep dd{float:left; padding:16px 0; margin-right:20px;}
.proCate_dep dd a{display:block; color:#777; font-size:13px;}
.proCate_dep dd.hover a{color:#a1bd04; text-decoration:underline}


/* »ó´Ü ºñÁÖ¾ó */
#shopVisual{position:relative; overflow:hidden; margin:0px auto 0 auto; width:100%;}
#shopVisual .visual_area{float:left; width:860px; height:300px !important;}
#shopVisual .sub_viausl{float:right; width:285px; height:300px !important;}
#shopVisual .visual_area div, #shopVisual .sub_viausl div{height:300px !important; outline: none;}

#shopVisual .slick-slider {position: relative; display: block;}
#shopVisual .slick-list {position: relative; display: block; overflow: hidden;}
#shopVisual .slick-slide {display: none; float: left; height: 300px; min-height: 1px;}
#shopVisual .slick-initialized .slick-slide{display: block;}
#shopVisual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

#shopVisual .slick-dots{position:absolute; overflow:hidden; bottom:10px; right:15px; z-index:1009; box-sizing:border-box;}
#shopVisual .slick-dots li{float:left; margin:0;}
#shopVisual .slick-dots li button{width:15px; height:15px; font-size:0; cursor:pointer; border:2px solid rgba(0, 0, 0, .2); border-radius:100%; padding:0; margin:0 2px; background:none; vertical-align:top;}
#shopVisual .slick-dots li.slick-active button{background:#acc90c; border:2px solid #acc90c;}


/* Æ÷ÀÎÆ® »ç¿ë, °Å·¡Ã³¿øÀåÁ¶È¸ */
.mall p.table_info {font-size:17px; margin: 55px 0 20px 0; color: #707070;}
.mall p.table_info strong{font-weight:normal; color:#333}
.mall p.table_info span.point{color:#A1BD04}
.mall p.table_info span.point02{color:#e40201; font-size:15px;}
.mall p.table_info + p {color: #707070; margin-top: 10px;}



.table_box{border-top:2px solid #64676e; border-bottom:1px solid #64676e; position: relative; margin-top: 25px; border-top: 2px solid #64676E; border-bottom: 1px solid #64676E;}
.table_box.myscroll{height:580px}
	.table_box .mCSB_container{margin:0 !important;}
	.table_box .mCSB_scrollTools {width:10px !important;}
	.table_box .mCSB_draggerRail{width:6px !important; background-color:#d1d1d1 !important;}
	.table_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#919191 !important}
.mall .btn_left {margin-top: 30px;}
.mall .btn_left .btn_chk {padding-left: 30px;}
.mall .btn_chk {display: inline-block; color: #666; font-size: 14px; line-height: 14px; border: 1px solid #DEDEDE; width: 70px; margin-right: 7px; padding: 9px 0 10px 18px; background: #F7F7F7 url('/img/check_all.gif') 16px 12px no-repeat;}
.mall .btn_right {margin-top: -40px; text-align: right;}
.mall .btn_excel { display: inline-block; color: #666; font-size: 14px; line-height: 14px; border: 1px solid #DEDEDE; margin-right: 10px; padding: 6px 13px 6px 43px; background: #F7F7F7 url(/img/btn_excel.png) no-repeat 15px 50%;}
.mall .btn_print { display: inline-block; color: #666; font-size: 14px; line-height: 14px; border: 1px solid #DEDEDE; padding: 6px 13px 6px 43px; background: #F7F7F7 url(/img/btn_print.png) no-repeat 15px 50%;}

.mall .table_box.baseket {margin-top: 80px; height:auto}
.mall .num_input {display: inline-block; border: 1px solid #DEDEDE;}
.mall .num_input a {position: relative; float: left; display: block; width: 24px; height: 26px; background: #F4F4F4; font-size: 1px; line-height: 1px; text-indent: -1000px; overflow: hidden;}
.mall .num_input a:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 7px; height: 1px; margin-left: -4px; background: #707070;}
.mall .num_input input + a:after {content: "";  position: absolute;  top: 50%; left: 50%; display: block; width: 1px; height: 7px; margin-top: -3px; margin-left: -1px; background: #707070;}
.mall .num_input input[type="text"] {float: left; width: 34px; height: 24px; padding-left: 0; border: none;  border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; text-align: center;  background: #FFF;}

.mall .filter_box {margin-top: 25px; border-top: 2px solid #64676E; border-bottom: 1px solid #64676E; color: #444; line-height: 22px;}
.mall .filter_box > table {width: 100%;}
.mall .filter_box > table tbody th {padding: 18px 0; padding-left: 20px; color: #707070; font-weight:normal; border-top: 1px solid #DEDEDE; text-align: left;}
.mall .filter_box > table tbody td {padding-left: 10px; color: #707070;  border-top: 1px solid #DEDEDE;  vertical-align: middle;}
.mall .filter_box > table tbody td .date_radio {display: inline-block; overflow: hidden; margin-right: 3px;}
.mall .filter_box > table tbody td .date_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; left: -2px; top: -2px;}
.mall .filter_box > table tbody td .date_radio input[type="radio"] + label {display: inline-block; width: 76px; height: 34px; color: #707070; background: #F4F4F4; border: 1px solid #DEDEDE; text-align: center; cursor: pointer; line-height: 32px;}
.mall .filter_box > table tbody td select {color: #888; -webkit-appearance: none; margin-right: 3px; margin-left: 10px; font-size: 14px; background: url(/img/register_sel_dot.gif) 90% 50% no-repeat #f4f4f4;}
.mall .filter_box > table tbody td select:first-child {margin-left: 0;}
.mall .filter_box > table tbody tr:first-child th, .mall .filter_box > table tbody tr:first-child td {border-top: none;}
.mall .filter_box > table tbody td .btn_search {display: inline-block; width: 65px; height: 34px; margin-left: 25px; border: 1px solid #777980; text-align: center; line-height: 32px; vertical-align: top;}

.reg_form_btn {text-align: center; margin-top: 30px;}
.reg_form_btn a, .reg_form_btn input, .reg_form_btn button { height: 46px; line-height: 46px; padding: 0 21px;  border: none;  background-color: #a0a2a6; color: #fff; font-size: 16px;   margin: 0 4px; cursor: pointer; display: inline-block;}
.reg_form_btn input {background-color: #a1bd04; vertical-align: top;}

@media screen and (max-width:640px){
	
	.mall p.table_info{font-size:15px; margin: 20px 0 20px 0;}
	.mall p.table_info span.point02{font-size:13px;}
	
	.mall .filter_box th,.mall .filter_box td{font-size:14px;}
	.mall .table_style2  th,.mall .table_style2  td{font-size:14px;}
}

@media screen and (max-width:480px){
	
	.mall p.table_info{font-size:12px;}
	
	.mall .filter_box th,.mall .filter_box td{font-size:12px;}
	.mall .table_style2  th,.mall .table_style2  td{font-size:12px;}
}


/* ¹è¼Û/±³È¯/È¯ºÒ¾È³» */
.delivery_con{position:relative; overflow:hidden; border-top:2px solid #8d8f91}
.delivery_con dl{position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
.delivery_con dt{float:left; width:255px; padding:45px 0 190px 0;}
.delivery_con dt.one{background:url('/mall/shop/img/delivery_icon01.gif') 82% bottom no-repeat;}
.delivery_con dt.two{background:url('/mall/shop/img/delivery_icon02.gif') 82% bottom no-repeat;}
.delivery_con dt h4.con_tit{padding:0}
.delivery_con dt p.eng_tit{font-family:"Montserrat", sans-serif; font-size:18px; color:#b3b6b8; line-height:22px; padding-top:14px;}
.delivery_con dd{float:left; width:calc(100% - 255px); border-left:1px dotted #d4d4d4; padding:40px 40px 32px 40px; box-sizing:border-box }
.delivery_con dd .img_area_d{text-align:center; padding:30px 0 0 0}
.delivery_con dd .img_area_d li{width:255px; display:inline-block; text-align:center; padding:0 5px;}
.delivery_con dd .img_area_d li img{width:255px;}
.delivery_con dd .img_area_d li p.tit{color:#e20c0c; letter-spacing:-0.5pt; font-size:16px; line-height:100%; padding:15px 0 4px 0}
.delivery_con dd .img_area_d li p.txt{font-size:15px; letter-spacing:-0.5pt}

#Delivery .delivery_con dt{width:200px; padding:45px 0 190px 0;}
#Delivery .delivery_con dd{width:calc(100% - 200px); padding:40px 30px 32px 30px; }
#Delivery .delivery_con dd .img_area_d li{padding:0 20px;}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box { padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }
.cont_box strong{font-weight:600; color:#363d42}

.privacy_list {overflow:hidden; clear:both; *zoom:1; padding:25px 25px 15px 25px; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:33.333333%; float:left; padding-bottom:10px;}
.privacy_list li a {} 

/* Ãµ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}


/* »çÀÌÆ®¸Ê */
.sitemap_con{position:relative; overflow:hidden;}
.sitemap_con dl{float:left; width:390px; margin:0 40px 60px 0; overflow:hidden;}
.sitemap_con dl:nth-child(3n){margin-right:0}
.sitemap_con dl:nth-child(4),.sitemap_con dl:nth-child(5),.sitemap_con dl:nth-child(6){margin-bottom:0}
.sitemap_con dt{float:left; width:110px; background:#8d8f91; color:#fff; letter-spacing:-0.5pt; font-size:17px; line-height:110px; border-radius:100%; text-align:center;}
.sitemap_con dd{float:right; width:calc(100% - 140px); border-top:1px solid #8d8f91;}
.sitemap_con dd p{border-bottom:1px solid #ddd;}
.sitemap_con dd p a{display:block; line-height:45px; font-size:15px; letter-spacing:-0.4pt; padding:0 0 0 10px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.sitemap_con dd p a:hover{background:#f9f9f9; color:#212529; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}


/* Äü¸Þ´º */
#quick_area2 {width:100%; height:0px; margin:0 auto; z-index:200;}
	.quick_cont2{position:absolute; width:120px; right:50%; margin-right:-745px; z-index:200; top:100px;}
	.quick_cont2.shop_q{top:51px;}
	.quick_cont2.flow {position:fixed; z-index:200; top:20px; right:50%;}
	.quick_cont2.shop_q.flow{top:20px;}
	.quick_cont2.flow_absolute {position:absolute; z-index:200; margin-right:-745px; top:auto; bottom:100px; right:50%;}
	
	.zzim_area2 {position:relative; width:120px; z-index:300;}

	.zzim_area2 p.name_con{position:relative; text-align:center;}
	.zzim_area2 p.name_con:before{position:absolute; top:6px; left:10px; display:block; content:""; overflow:hidden; width:100px; height:4px; background:rgba(255,255,255,.3)}
	.zzim_area2 p.name_con a{display:block; background:#939797; padding:20px 13px 10px 13px; color:#fff; font-size:13px; letter-spacing:-0.5pt;  line-height:16px;}
	.zzim_area2 p.name_con a span{display:block; border:1px solid rgba(255,255,255,.3); text-align:center; font-size:12px; letter-spacing:-0.5pt; margin-bottom:6px;}
	.zzim_area2 ul{}
	.zzim_area2 li{}
	.zzim_area2 li a{display:block; line-height:39px; letter-spacing:-0.5pt; font-size:13px; padding:0 0 0 30px; box-sizing:border-box}
	.zzim_area2 li.one a{background:#fff url('/img/quick_wish.gif') 11px 12px no-repeat; border:1px solid #ddd; border-top:0;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.one a:hover{background:#f9f9f9 url('/img/quick_wish.gif') 15px 12px no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.two a{background:#fff url('/img/quick_seminar.gif') 8px 13px no-repeat; border:1px solid #ddd; border-top:0;}
	.zzim_area2 li.two a:hover{background:#f9f9f9 url('/img/quick_seminar.gif') 10px 13px no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.three a{background:#fff url('/img/quick_point.gif') 9px 12px no-repeat; border:1px solid #ddd; border-top:0;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.three a:hover{background:#f9f9f9 url('/img/quick_point.gif') 14px 12px no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

	.zzim_area2 li.return a{background:url('/mall/img/quick_return.gif') 0 0 no-repeat; height:90px; padding:50px 0 0 0; text-align:center; color:#493433;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.return a:hover{background:url('/mall/img/quick_return.gif') 0 0 no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.inquiry a{background:url('/mall/img/quick_inquiry.gif') 0 0 no-repeat; height:90px; padding:50px 0 0 0; text-align:center; color:#fff;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.inquiry a:hover{background:url('/mall/img/quick_inquiry.gif') 0 0 no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.sample a{background:url('/mall/img/quick_sample.gif') 0 0 no-repeat; height:90px; padding:50px 0 0 0; text-align:center; color:#fff;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.sample a:hover{background:url('/mall/img/quick_sample.gif') 0 0 no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.ledger a{background:url('/mall/img/quick_ledger.jpg') 0 0 no-repeat; height:89px; padding:50px 0 0 0; text-align:center; color:#64676e;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.zzim_area2 li.ledger a:hover{background:url('/mall/img/quick_ledger.jpg') 0 0 no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

	.zzim_area2 .cash{border:1px solid #ddd; border-top:0; background:#f9f9f9; padding:10px 8px 8px 8px;}
	.zzim_area2 .cash dt{background:url('/img/quick_cash.png') 0 0 no-repeat; line-height:15px; font-size:13px; color:#333; letter-spacing:-0.5pt; padding:0 0 1px 22px}
	.zzim_area2 .cash dd{text-align:right; color:#e20c0c; line-height:100%; font-size:13px; padding:2px 0 0 0}
	.zzim_area2 .cash dd span{font-family:"Montserrat", sans-serif;  font-weight:bold;}

	.zzim_area2 .point{border:1px solid #ddd; border-top:0; background:#f9f9f9; padding:10px 8px 8px 8px;}
	.zzim_area2 .point dt{background:url('/img/quick_point.gif') 0 0 no-repeat; line-height:14px; font-size:13px; color:#333; letter-spacing:-0.5pt; padding:0 0 1px 22px}
	.zzim_area2 .point dd{text-align:right; color:#e20c0c; line-height:100%; font-size:13px; padding:2px 0 0 0}
	.zzim_area2 .point dd span{font-family:"Montserrat", sans-serif;  font-weight:bold;}

	.zzim_area2 .pro_con{background:#fff; border-right:1px solid #ddd; border-left:1px solid #ddd;  padding:13px 0 10px 0;}
	.zzim_area2 .pro_con h4{text-align:center; letter-spacing:-0.5pt; font-size:13px; font-weight:normal; color:#363d42; line-height:100%; padding:0 0 5px 0;}
	.zzim_area2 .pro_con dl{text-align:center;}
	.zzim_area2 .pro_con dt{padding:8px 0;}
	.zzim_area2 .pro_con dd{display:inline-block; margin-bottom:2px; width:58px; height:58px; border:1px solid #ddd;}
	.zzim_area2 .pro_con dd img{max-width:58px; max-height:58px;}

	.quick_top{}


/* ±Û¾²±â ÆË¾÷ */
.pop_wright{position:relative; overflow:hidden;}
.pop_wright h2{position:relative; overflow:hidden; height:61px; line-height:61px; background:#363d42; color:#fff; font-weight:300; font-size:24px; letter-spacing:-0.5pt; padding:0 30px;}
.pop_wright h2 span{position:absolute; top:-5px; right:-2px}
.pop_wright .pop_wright_in{padding:30px}


	select {font-size:13px; color:#666; border:1px solid #ddd; background-color:#ffffff; padding:7px 5px;}
	.input {font-size:14px; color:#666; border:1px solid #ddd; background-color:#fff; padding:8px 5px;}
	.search_input {font-size:14px; color: #666; border: #ddd 1px solid; background-color: #ffffff; padding:8px 5px;}
	.blind {font-size:0; line-height:0; width:0px; height:0px;}
	.textarea {width:100%; font-family:inherit; color:#666; line-height:150%; letter-spacing:-0.5px; padding:6px; border:#ddd 1px solid; background-color:#fff; box-sizing:border-box;}

	/* input µðÀÚÀÎ */
	.input_m {width:50%;}
	.input_s {width:190px;}
	.input_l {width:98%; box-sizing:border-box;}
	.input_file {padding:5px; border:1px solid #ddd;}

	/* ÀúÀÛ±Ç°øÁö */
	.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:18px 20px;}
	.input_notice h4{font-size:16px; font-weight:normal; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
	.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
	.input_notice p.txt{color:#666; line-height:21px; font-size:13px;}
	.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}

	.input_msg {padding:15px 0 10px 0; text-align:right;}
	.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #8d8f91;}
	.bbs_input th {font-weight:normal; color:#333; text-align:left; padding:8px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	.bbs_input td {border-bottom:1px solid #d4d4d4; padding:8px 10px; text-align: left;}
	.bbs_input td span{display:inline-block;}
	.bbs_input td span.cat {width:18%;}
	.bbs_input td span.cat select{width:98%; box-sizing:border-box}
	.bbs_input td span.subject{width:80%;}
	.bbs_input td span.subject .input_l{box-sizing:border-box}
	.bbs_input td.line {border-right:1px solid #d4d4d4; }
	.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

		.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
		.subject_table td {border:none; padding:0;}

	/* µ¿ÀÇÆû */
	.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
	.pri_box p.pri_tit {font-size:15px; letter-spacing:-0.5pt; padding-bottom:10px; color:#333;} 
	.pri_box .textarea {height:100px;}
	.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
	.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

	.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}

	/* ÇÏ´Ü ¹öÆ° */
	.bbs_btn_pop {position:relative; overflow:hidden; width:100%; padding-top:20px}
	.bbs_btn_pop li.list_btn{text-align:center;}
	.bbs_btn_pop li.list_btn:after {display:block; content:""; overflow:hidden;}
	.bbs_btn_pop a{margin:0 1px;}
	.bbs_btn_pop input{margin:0 1px;}

	/* ¹öÆ°µðÀÚÀÎ */
	.bbs_btn_pop input.btn_w {text-align:center; height:45px; line-height:30px; width:100px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
	.bbs_btn_pop input.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.3s}
	.bbs_btn_pop input.btn_b {text-align:center; height:45px; width:100px; border:1px solid #8d8f91; background:#8d8f91; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
	.bbs_btn_pop input.btn_b:hover {background:#777c80; border:1px solid #777c80; transition:all 0.3s}

	.step_btn {padding:8px 20px; border:1px solid #a3a3a3; color:#666; background:#fff; margin-left:5px; cursor:pointer;position:relative; vertical-align:top;}


.pitems { max-width:96px; max-height:96px; }