@charset "utf-8";

@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;overflow-x:hidden;}
body{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666; background-color:#fff;letter-spacing:-1px;-webkit-text-size-adjust:none;word-break:keep-all;}
body {font-size:1.4em;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;font-size:1em;color:#666;vertical-align:middle;letter-spacing:-1px;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img {width:auto;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#666;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:22px;padding:2px 0 1px;border:1px solid #e2e2e2;line-height:100%;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"],
input[type="button"],
input[type="submit"], select, textarea {appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;}
select{max-width:100%;padding:3px 5px;border:1px solid #e2e2e2;background:url('../images/bg_select1.png') no-repeat 92% 50%;line-height:100%;}
.textarea {padding:10px;}
input[type="text"].inputtext1 {padding:5px;border:1px solid #aeaeae;}
input[type="text"].inputtextw1 {width:96%;}
input[type="text"].inputtextw2 {width:39%;}
input[type="text"].inputtextw3 {width:57px;}
input[type="text"].inputtextw4 {width:60%;}
input[type="text"].inputtextw5 {width:22%;}
input[type="text"].inputtextw7 {width:75px;}
input[type="password"].inputpw1 {padding:5px;border:1px solid #aeaeae;}
input[type="password"].inputpww1 {width:96%;}
input[type="password"].inputpww2 {width:39%;}
input[type="password"].inputpww3 {width:87px;}
input[type="date"].inputdate1 {padding:5px;border:1px solid #aeaeae;}
input[type="date"].inputtextw1 {width:98%;}
input[type="time"].inputtime1 {padding:5px;border:1px solid #aeaeae;}
input[type="time"].inputtextw1 {width:98%;}
.textarea1 {padding:5px;width:93%;height:120px;border:1px solid #aeaeae;line-height:20px;}
.select1 {padding-right:23px;border:1px solid #aeaeae;height:34px;}
.select2 {padding-right:23px;width:98%;height:34px;border:1px solid #aeaeae;background:url('../images/bg_select1.png') no-repeat 99% 50%;}
.select3 {padding-right:23px;width:85%;height:34px;border:1px solid #aeaeae;background:url('../images/bg_select1.png') no-repeat 99% 50%;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}
/****************************** Reset 이곳 위로는 가급적 변경하지 마세요 ******************************/

.btn_wrap{position:relative;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}
.btn_wrap2 {text-align:center;}
.btn_wrap2 button {margin:0 10px;}
.btn00 {display:inline-block;margin:20px 0 0 0;padding:5px 10px;background:#0c4da2;font-size:12px;color:#fff;font-family:돋움;}
.btn01 {display:inline-block;margin:20px 0 0 0;padding:5px 10px;background:#f2f2f2;font-size:12px;color:#8c8c8c;font-family:돋움;}
.btnsty1 {display:inline-block;margin:0 2%;padding:1% 3%;width:33%;font-size:0.9em;text-align:center;border:1px solid #e2e2e2;border-radius:5px;font-weight:bold;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #fff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f5f5f5,GradientType=0 );
}
.probtnbox2 {margin-bottom:5%;padding:2.5% 0;text-align:center;background:#f9f9f9;border:1px solid #e7e6e6;border-radius:5px;vertical-align:middle;}
.probtnbox2 img {margin:-3px 5px 0 0;}
.probtnbox2.probtnbox2_1 {margin:3% 3% 5% 3%;}
.btnsty2 {display:block;color:#8b8888;vertical-align:middle;line-height:100%;}
.btnsty3 {display:inline-block;padding:1.5% 2%;border:1px solid #d0d0d0;border-radius:3px;vertical-align:middle;font-weight:normal;line-height:17px;height:17px;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f2f2f2,GradientType=0 );
}
.btnsty3_1 {padding:1.5% 2%;font-size:0.8em;color:#242122;}
.btnsty3_1 img {margin-top:-2px;width:8px;}
.btnbox1 {text-align:center;}
.btnbox1_1 {padding:3% 0 5% 0;}
.btnbox1_2 {padding:3% 0 3% 0;}
.btnbox1_3 {padding:3% 0 0 0;}
.btnbox1_4 {text-align:left;padding:3% 5%;}
.btnsty4 {display:inline-block;padding:2% 0;margin:0 1%;width:45%;background:#999;color:#fff;font-weight:bold;line-height:100%;border-radius:5px;font-size:0.9em;}
.btnsty4 img {margin-top:-2px;}
.btnsty5 {display:inline-block;padding:2% 0;margin:0 1%;width:45%;background:#26b4f0;color:#fff;font-weight:bold;line-height:100%;border-radius:5px;font-size:0.9em;}
.btnsty5 img {margin-top:-2px;}
.btnsty5_1 img {margin-top:-5px;}
.btnsty5_1_1 {padding:4% 0;width:20%;text-align:center;}
.btnbox2 {padding:3% 0 1% 0;text-align:center;}
.btnsty6 {display:inline-block;margin:0 0 0 2%;padding:1.8% 0;width:47%;border:1px solid #d0d0d0;border-radius:3px;vertical-align:middle;font-weight:bold;line-height:100%;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f2f2f2,GradientType=0 );
}
.btnsty6:first-child {margin-left:0;}
.btnsty7 {display:inline-block;padding:4px 2% 5px 2%;border:1px solid #1eafc7;font-size:0.8em;color:#242122;color:#fff;border-radius:3px;vertical-align:middle;font-weight:normal;line-height:23px;height:23px;
background: #61dfe8;
background: -moz-linear-gradient(top,  #61dfe8 0%, #23becf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61dfe8), color-stop(100%,#23becf));
background: -webkit-linear-gradient(top,  #61dfe8 0%,#23becf 100%);
background: -o-linear-gradient(top,  #61dfe8 0%,#23becf 100%);
background: -ms-linear-gradient(top,  #61dfe8 0%,#23becf 100%);
background: linear-gradient(to bottom,  #61dfe8 0%,#23becf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61dfe8', endColorstr='#23becf',GradientType=0 );
}
.btnsty7 img {margin-top:-2px;width:8px;}
.btnsty8 {display:inline-block;padding:1.7% 2%;width:30%;border:1px solid #d0d0d0;border-radius:3px;vertical-align:middle;font-weight:normal;line-height:100%;font-weight:bold;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f2f2f2,GradientType=0 );
}
.btnsty9 {display:inline-block;padding:6% 5%;border:1px solid #d0d0d0;border-radius:3px;vertical-align:middle;font-weight:normal;line-height:100%;font-weight:bold;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f2f2f2,GradientType=0 );
}
.btnsty10 {display:inline-block;padding:2% 2%;width:89%;border:1px solid #d0d0d0;border-radius:3px;vertical-align:middle;font-weight:normal;line-height:100%;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff, endColorstr='#f2f2f2,GradientType=0 );
}
.btnsty11 {display:inline-block;padding:2% 0;margin:0 1%;width:45%;background:#2150b0;color:#fff;font-weight:bold;line-height:100%;border-radius:5px;font-size:0.9em;}
.btnsty11 img {padding:2px 0 3px 0;}

/* Font */
.t_point{color:#0e76bc;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}
.box_gray{margin:5% 0;padding:5% 0;border:1px solid #e4e4e4;background:#f2f3f3;color:#0956ac;text-align:center;}
.box_pattern{padding:6px;background:url('../images/bg_pattern.png');}
.box_pattern .box_white{padding:20px;background:#fff;}

/* Table */
.bbswrap1 {}
.bbswrap2 {}
.bbswrap2 .probtnbox2 {margin:3% 3% 5% 3%;}
.bbs1 {text-align:left;border-top:1px solid #242122;font-size:0.9em;}
.bbs1 th {padding:2% 0 2% 3%;width:27%;border-bottom:1px solid #e2e2e2;}
.bbs1 td {padding:2% 3% 2% 1%;border-bottom:1px solid #e2e2e2;}
.bbs1 .bg_sty1 th {background:#f8f8f8;}
.bbs1 .borno1 th {border-bottom:none;}
.bbs1 .bg_sty1 td {background:#f8f8f8;}
.bbs1 .borno1 td {border-bottom:none;}
.bbs1 .borno2 td {padding-bottom:0;border-bottom:none;}
.bbs1.bbs1_btop1 {border-top:1px solid #e2e2e2;}
.bbs1.bbs1_1 input.inputtext1.inputtextw6[type="text"] {width:28%;}
.bbs1.bbs1_2 th {width:50%;}
.vtop1 {vertical-align:top;}
.tlef {text-align:left;}
.trig {text-align:right;}
.infoimport1 {display:none;}
.bbs2 {border-top:1px solid #242122;text-align:center;}
.bbs2 th {padding:4% 3%;border-bottom:1px solid #d7d7d7;background:#f9f9f9;color:#333;font-size:1.1em;}
.bbs2 thead th.title {text-align:left;}
.bbs2 td {padding:3% 2%;}
.bbs2 td.cen {text-align:center;}
.bbs2 .prodetail_top1 td {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.bbs2 .prodetail_top1.bgchange1 td {background:#f9f9f9;}
.bbs2 .prodetail_con1 {display:none;}
.bbs2 .prodetail_con1 td {padding:5%;background:#f9f9f9;}
.bbs2 .pro_thumb1 {padding-left:3%;}
.bbs2 .btnsty9 {width:85%;}
.bbs2 .borno1 th {border-bottom:none;}
.bbs2 .borno1 td {border-bottom:none;}
.bbswrap3 .bbs2 td {border-bottom:1px solid #d7d7d7;}
.bbswrap3 .bbs2 .borno2 td:first-child {border-bottom:none;}
.bbswrap4 .bbs1 {border-top:none;}
.bbswrap4_1 .bbs1 {background:#f8f8f8;}
.bbswrap5 {padding:0 3%;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/

/* Layout */
.wrapper{width:100%;margin:0 auto;}
#mBody .wrapper {margin:0 3%;width:94%;}
.wrapper:after{content:'';display:block;clear:both;}
#wrap{min-width:100%;}

/* Gnb */
#gnbMenu {display:none;position:fixed;left:0;top:0;width:100%;height:100%;/* z-index:-1; */}
#header #gnbMenu .wrapper {width:100%;}
#header #gnbMenu .head {}
#header #gnbMenu .head a {position:relative;z-index:130;}
#gnbMenu h1 {position:relative;z-index:120;}
#gnbMenu .outer {position:absolute;left:-100%;z-index:120;margin-right:15%;overflow:auto;width:85%;height:100%;background:#fff;}
#gnbMenu li {margin:-1px 0;text-align:left;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#gnbMenu li a {display:block;padding:4% 6%;}
#gnbMenu .mgnb {color:#404041;font-weight:bold;font-size:1.05em;background:url('../images/bl_gnbli1.png') no-repeat 94% 50%;background-size:6%;}
#gnbMenu li.on .mgnb {color:#fff;background:url('../images/bl_gnblion1.png') no-repeat 94% 50% #00aeef;background-size:6%;}
#gnb {padding-bottom:100px;}
#gnb:after {content:'';display:block;width:100%;height:1px;background:#bcbcbc;}
#gnb .sub {display:none;background:#f7f7f7;}
#gnb .sub li {border-top:none;border-bottom:none;}
#gnbMenu li.on .sub {display:block;}
#gnb .sub a {position:relative;padding-left:10%;color:#666;}
#gnb .sub a:before {position:absolute;top:50%;left:6.5%;content:'';display:block;width:4px;height:4px;background:#e0e0e0;}
#gnbMenu .gtoplogin {position:relative;display:block;padding:4% 6%;font-weight:bold;font-size:1.05em;text-align:left;color:#242122;background:#f7f7f7;border-bottom:1px solid #dfdfdf;}
#gnbMenu .gtoplogin span {border-bottom:1px solid #242122;}
#gnbMenu .gmclose1 {position:absolute;top:2%;right:4.5%;width:8%;}

 /* 검색 */
.search_wrap1 {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;text-align:right;}
.search_wrap1:after {content:'';display:block;clear:both;}
.search_wrap2 {padding:5px 0 0 0;}
.search_con1 {position:relative;z-index:300;background:url('../images/bg_tsearch1.png') repeat-x 0 0;background-size:95%;}
.inputbox1 {float:left;margin:0 0 0 3%;width:85%;text-align:left;}
.inputbox1 .tsearch1 {padding:2.5% 2% 2.5% 2%;width:81%;height:10%;background:#fff;border:none;color:#999;font-size:1.1em;}
.inputbox1 .btntSearch {display:inline-block;width:14.5%;}
.inputbox1 .btntSearch img {width:100%;}
.shclose1 {display:inline-block;width:12%;}
.shclose1 img {width:100%;}
.dim {display:none;background:#000;width:100%;height:100%;opacity:0.8;position:fixed;top:0;left:0;width:100%;z-index:100;}
.popdim {display:none;background:#000;width:100%;height:100%;opacity:0.95;position:fixed;top:0;left:0;width:100%;z-index:1000;}

/* 서브 상단 메뉴 */
.topmenu {overflow:hidden;border-bottom:1px solid #cde6f1;}
.topmenu .tmenuwrap1 {margin:0 10%;}
body .topmenu .swiper-slide {text-align:center;}
body .topmenu a {position:relative;display:inline-block;padding:10% 0;color:#c2c2c2;font-weight:bold;}
body .topmenu .swiper-slide-active a {color:#00aeef;}
body .topmenu .swiper-slide-active a:after {position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:3px;background:#00aeef;}
body .topmenu .swiper-button-next {top:48%;width:15%;height:15%;right:-13%;}
body .topmenu .swiper-button-next img {width:100%;}
body .topmenu .swiper-button-prev {top:48%;width:15%;height:15%;left:-13%;}
body .topmenu .swiper-button-prev img {width:100%;}

/* lnb */
#lnb{font-size:15px;}
#lnb > ul{position:relative;padding:1px 0 0;}
#lnb > ul > li{margin:-1px 0;}
#lnb > ul > li > a{display:block;position:relative;padding:6px 8px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;color:#333;text-decoration:none;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:focus,
#lnb > ul > li.active > a{border-top-color:#0a89cc;border-bottom-color:#e2e2e2;background:#0956ac;color:#fff;}
#lnb > ul > li.active > a:before{position:absolute;right:-13px;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:8px solid #aaa;}
#lnb > ul > li.active ul{display:block;}
#lnb .active .sub{display:block;}
#lnb .sub{display:none;background:#f2f3f3;}
#lnb .sub ul{overflow:hidden;padding:0 0 8px 8px;}
#lnb .sub ul li{margin:8px 0 0;}
#lnb .sub ul li a{padding:0 0 0 7px;text-decoration:none;color:#0956ac;}
#lnb .sub ul li a:before{content:'- ';}
#lnb .sub ul li a:hover,
#lnb .sub ul li a:focus,
#lnb .sub ul li.on a{}

/* snb */
.contop1 {position:relative;text-align:center;}
.contop1 .contopti1 a.contti1 {display:block;padding:2.3% 0;color:#fff;font-weight:bold;font-size:1.1em;background:url('../images/mobile/bl_mm1.png') no-repeat 97% 40% #0956ac;}
.contop1 .contopti1 a.contti1.active:after {content:'';display:block;position:absolute;top:0;right:0;width:13%;height:100%;background:url('../images/mobile/bl_mm1on.png') no-repeat 50% 40% #f6f6f6;background-size:65%;}
.contop1 .con_prv1 {position:absolute;top:0;left:0;padding:1% 0 0 1%;width:10%;height:89%;}
.boxsty1 {border-top:1px solid #242122;}
.boxsty1 dt {padding:3%;border-bottom:1px solid #e2e2e2;}
.boxsty1 dd {padding:3%;background:#f8f8f8;}
.boxsty2 {padding:0 0 5% 0;border-bottom:1px solid #ebebeb;}
.boxsty2_1 {padding-bottom:0;border-bottom:0;}
.boxsty2_1 .agree_box1 p {padding-bottom:0;}
.boxsty3 {padding:0 3% 4% 3%;}
.boxsty3 .textsty1 {padding:1% 0 0 0;}
.boxsty4 {margin:0 3%;padding:5% 0;text-align:center;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.boxsty5 {padding-bottom:3%;}

.contop2 {position:relative;padding:3% 0;text-align:center;color:#242122;font-weight:bold;border-bottom:1px solid #cde6f1;box-shadow:0 4px 4px #f3f3f3;z-index:10;}
.contop2 .topti1 {font-weight:bold;font-size:1.2em;}
.contop2 .btnsty3 {position:absolute;top:28%;left:3%;padding:1% 2%;font-size:0.9em;font-weight:normal;}
.contop2 .btnsty3 img {margin-top:-2px;}
.contop3 {position:relative;padding:3% 0;text-align:center;color:#01a0db;font-weight:bold;border-bottom:1px solid #cde6f1;box-shadow:0 4px 4px #f3f3f3;background:#f2fbff;}
.contop3 .topti2 {font-size:1.2em;}

#snb {position:absolute;top:100%;left:0;width:100%;z-index:255;font-size:1.1em;}
#snb > ul {display:none;position:relative;padding:1px 0 0;}
#snb > ul > li {}
#snb > ul > li > a {display:block;position:relative;padding:2.3% 0;border-bottom:1px solid #e6e6e6;color:#333;text-decoration:none;background:#f6f6f6;}
#snb > ul > li > a:hover,
#snb > ul > li > a:focus,
#snb > ul > li.active > a {border-top-color:#0a89cc;border-bottom-color:#e2e2e2;color:#0956ac;font-weight:bold;}
#snb > ul > li.active > a:before {position:absolute;right:-13px;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:8px solid #aaa;}
#snb > ul > li.active ul {display:block;}
#snb .active .sub {display:block;}
#snb .sub {display:block;background:#f2f3f3;}
#snb .sub ul {overflow:hidden;padding:0 0 8px 8px;}
#snb .sub ul li {margin:8px 0 0;}
#snb .sub ul li a {padding:0 0 0 7px;text-decoration:none;color:#0956ac;}
#snb .sub ul li a:before {content:'- ';}
#snb .sub ul li a:hover,
#snb .sub ul li a:focus,

#header {position:relative;text-align:center;z-index:200;}
#header .hwrap1 {padding:2.5% 0;background:url('../images/bg_head.png') repeat 0 0;background-size:100%;}
#header h1 a {display:inline-block;width:36%;position:relative;z-index:103;}
#header img {width:100%;}
#header .head {position:absolute;left:0;top:0;width:100%;}
#header .head:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
#header .head a {margin:3% 0 0 0;width:10%;}
#header .head .h_btnlnb {float:left;margin:1% 0 0 5px;}
#header .head .rigcon1 {float:right;width:30%;text-align:right;}
#header .head .rigcon1 a {display:inline-block;width:28%;}
#header .head .rigcon1 .h_btnlogin1 {width:26%;}
#header .head .rigcon1 .h_btnsearch1 {margin:0 3% 0 2%;}

#container{}
#contents{position:relative;width:100%;}

#sBody{}
#sBody #conLeft{float:left;width:170px;padding:50px 0;}
#sBody #conLeft h2{position:relative;margin:0 0 20px;padding:23px 0 0;text-transform:capitalize;}
#sBody #conLeft h2 .en{display:block;font-family:verdana;font-size:11px;color:#dbdbdb;}
#sBody #conLeft h2 .kr{display:block;font-family:"nanum gothic";font-size:22px;color:#434343;}
#sBody #conLeft h2:before{content:'';position:absolute;left:0;top:0;width:22px;border-top:1px solid #0e76bc;}
#sBody #contents{position:relative;padding:50px 0;}
#conLeft + #contents{float:right;width:1020px;}
#sBody #contents > h3{margin:0 0 30px;padding:0 0 15px;font-size:30px;border-bottom:1px solid #e5e5e5;color:#333;text-transform:capitalize;}

#location{position:absolute;right:0;top:60px;}
#location a{display:inline-block;text-transform:capitalize;}
#location a:before{content:'>';margin:0 4px 0 1px;}
#location a:first-child:before{content:'';}
#location a:first-child{display:inline-block;position:relative;top:5px;width:12px;height:10px;background:url('../images/ico_home.png') no-repeat;text-indent:-9999px;}

/* footer */
#footer{padding:0 0 5% 0;border-top:1px solid #b3b3b3;background:#f4f4f4;text-align:center;}
#footer .fottop {background:#e6e6e6;}
#footer .fottop .btnlist1 {padding:2% 0;border-bottom:1px solid #b3b3b3;}
#footer .fottop .btnlist1 a {margin:1%;display:inline-block;width:45%;}
#footer .fottop .btnlist1 a  img {width:100%;}
#footer .fottop .btnlist2 {padding:3% 0;border-top:1px solid #fff;line-height:100%;}
#footer .fottop .btnlist2 a {color:#696969;text-shadow:1px 1px 0 #fff;}
#footer .fottop .btnlist2 a span {color:#a9a9a9;}
#footer .fotbot {padding:0 5%;letter-spacing:-1.5px;line-height:135%;}
#footer .fotbot .btnlist3 {padding:3% 0 5% 0;}

/* 하단버튼 */
.f_btnwrap {position:relative;width:100%;z-index:250;}
.f_btnwrap a {display:inline-block;width:50%;}
.f_btnwrap img {width:100%;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:26px;right:0;border:1px solid #d7d7d7;background:#fff;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:2px 5px;font-size:12px;}
#family_site .option a:hover{background:#0956ac;color:#fff;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}
.popwrap1 {display:none;position:absolute;left:0;top:5%;z-index:9999;margin:0 3%;width:94%;background:#fff;}
.popwrap1 .poptop1 {position:relative;padding:1.7% 3%;overflow:hidden;background:#00aeef;color:#fff;font-size:1.2em;}
.popwrap1 .pop_close1 {position:absolute;right:0;top:0;display:block;width:9%;}
.popwrap1 .pop_close1 img {width:100%;}
.con_ti5 {position:relative;padding:0 0 3% 0;color:#666;font-weight:bold;font-size:1.2em;}
.con_ti5 .simg1 {position:absolute;top:13px;left:0;}
.con_ti5 .stextwrap2 {display:block;padding-left:20px;}
.selwrap1 {padding:3%;}
.pop_cbox1 {overflow:auto;margin:3% 0;height:500px;}
.popimg_wrap1 {padding:2% 3%;}

/* paging */
.paging {padding:3% 0 5% 0;text-align:center;font-size:16px;vertical-align:middle;}
.paging img {margin:0 0 0 -5px;vertical-align:top;}
.paging img.p1 {margin-right:-3px;}
.paging img.n1 {margin-left:-4px;}
.paging a {margin:0 0 0 -1px;display:inline-block;padding:3px 0 7px 0;width:29px;height:20px;border:1px solid #e2e2e2;}
.paging span {margin:0 0 0 -1px;display:inline-block;padding:3px 0 7px 0;width:29px;height:20px;border:1px solid #e2e2e2;}
.paging .pselect {background:#f7f5f5;font-weight:bold;}

/* top 버튼 */
.pagetop {position:fixed;bottom:70px;right:10px;z-index:250;}

/****************************** Layout ******************************/

/* Contents */
/* main */
#swiper-slide-img {width:100%;}
.mban1 {overflow:hidden;margin:5% 3% 0 3%;padding:0 0 20px 0;}
.mban2 {overflow:hidden;margin:5% 3% 0 3%;padding:0 0 20px 0;}
.mban2 .swiper-slide img {width:100%;}
body .swiper-container-horizontal > .swiper-pagination {bottom:-10px;}
body .swiper-pagination-bullet {border-radius:0;width:12px;height:12px;background:#a6a6a6;opacity:1;}
body .swiper-pagination-bullet-active {background:#242122;}
body .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {margin:0 4px;}
body .swiper-pagination {position:relative;}
 
#mBody .wrapper.bbanwrap1 {margin:3% auto;border:1px solid #d8c7b7;}
#mbanroll1 {overflow:hidden;position:relative;background:#d8c7b7;}
#mbanroll1 .banti1 {position:absolute;top:0;left:0;width:50%;z-index:10;}
#mbanroll1 .banti1 img {width:100%;}
#mbanroll1 .gallery1 { position:absolute;top:0;right:0;width:50%;}
#mbanroll1 .gallery img {width:100%;}
#mbanroll1 .galleryinfo li {display:none;}
body #mbanroll1 .swiper-pagination-bullet {margin:0 5px -5px 0;width:0.75em;height:0.75em;background:#fc9;}
body #mbanroll1 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll1 .wrap {position:absolute;bottom:10%;left:5.5%;z-index:20;}
#mbanroll1 .wrap img {margin:0 5px 2px 0;}
#mbanroll1 .wrap .connum1 {color:#b95600;font-size:0.75em;}
#mbanroll1 .infobox1 {position:absolute;top:47%;left:5.5%;z-index:20;font-size:0.9em;color:#fff;line-height:130%; font-family:"Noto Sans KR"; letter-spacing: 0.05em}
#mbanroll1 .infobox1 .infoprice1 {display:inline-block;padding:11px 0 0 0; letter-spacing: 0.1em}
#mbanroll1 .infobox1 .infoprice1 del {font-size:0.73em;color:#ffd1aa;}
#mbanroll1 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll1 .infobox1 .infopercent1 {margin-left:2.5em;display:inline-block;padding:0 5px 2px 5px;color:#fff;font-size:1.1em;line-height:130%; letter-spacing: 0.1em}
#mbanroll2 {overflow:hidden;position:absolute;top:0;left:0;width:50%;background:#d8c7b7;}
#mbanroll2 .banti1 {position:absolute;bottom:0;left:0;width:100%;z-index:10;}
#mbanroll2 .banti1 img {width:100%;}
#mbanroll2 .gallery2 {position:absolute;top:0;left:0;width:100%;}
#mbanroll2 .gallery img {width:100%;}
#mbanroll2 .galleryinfo li {display:none;}
body #mbanroll2 .swiper-pagination-bullet {margin:0 5px -5px 0;width:8px;height:8px;background:#868686;}
body #mbanroll2 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll2 .wrap {position:absolute;bottom:2%;left:11%;z-index:20;}
#mbanroll2 .wrap img {margin:0 5px 2px 0;}
#mbanroll2 .wrap .connum1 {color:#828282;font-size:0.75em;}
#mbanroll2 .infobox1 {position:absolute;top:76.5%;left:11%;z-index:20;font-size:0.75em;color:#fff;line-height:100%;}
#mbanroll2 .infobox1 .infoprice1 {display:inline-block;padding:6px 0 0 0;}
#mbanroll2 .infobox1 .infoprice1 del {font-size:0.73em;color:#818080;}
#mbanroll2 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll2 .infobox1 .infopercent1 {margin-left:10px;display:inline-block;padding:0 5px 2px 5px;background:#868686;color:#3d3d3d;border-radius:4px;}
#mbanroll3 {overflow:hidden;position:absolute;top:0;right:0;width:50%;background:#d8c7b7;}
#mbanroll3 .banti1 {position:absolute;top:0;left:0;width:100%;z-index:10;}
#mbanroll3 .banti1 img {width:100%;}
#mbanroll3 .gallery3 {position:absolute;bottom:0;right:0;width:100%;}
#mbanroll3 .gallery img {width:100%;}
#mbanroll3 .galleryinfo li {display:none;}
body #mbanroll3 .swiper-pagination-bullet {margin:0 5px -5px 0;width:8px;height:8px;background:#007fae;}
body #mbanroll3 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll3 .wrap {position:absolute;top:34.5%;left:11%;z-index:20;}
#mbanroll3 .wrap img {margin:0 5px 2px 0;}
#mbanroll3 .wrap .connum1 {color:#006990;font-size:0.75em;}
#mbanroll3 .infobox1 {position:absolute;top:26.5%;left:11%;z-index:20;font-size:0.75em;color:#fff;line-height:100%;}
#mbanroll3 .infobox1 .infoprice1 {display:inline-block;padding:6px 0 0 0;}
#mbanroll3 .infobox1 .infoprice1 del {font-size:0.73em;color:#97e3ff;}
#mbanroll3 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll3 .infobox1 .infopercent1 {margin-left:10px;display:inline-block;padding:0 5px 2px 5px;background:#007fae;color:#9de4ff;border-radius:4px;}
#mbanroll4 {overflow:hidden;position:relative;background:#d8c7b7;border-top:1px solid #d8c7b7;}
#mbanroll4 .banti1 {position:absolute;top:0;right:0;width:50%;z-index:10;}
#mbanroll4 .banti1 img {width:100%;}
#mbanroll4 .gallery4 {position:absolute;top:0;left:0;width:50%;}
#mbanroll4 .gallery img {width:100%;}
#mbanroll4 .galleryinfo li {display:none;}
body #mbanroll4 .swiper-pagination-bullet {margin:0 5px -5px 0;width:0.75em;height:0.75em;background:#9ff;}
body #mbanroll4 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll4 .wrap {position:absolute;bottom:10%;left:55%;z-index:20;}
#mbanroll4 .wrap img {margin:0 5px 2px 0;}
#mbanroll4 .wrap .connum1 {color:#00887b;font-size:0.75em;}
#mbanroll4 .infobox1 {position:absolute;top:47%;left:5.5%;z-index:20;font-size:0.9em;color:#fff;line-height:130%; font-family:"Noto Sans KR"; letter-spacing: 0.05em; left:55%;}
#mbanroll4 .infobox1 .infoprice1 {display:inline-block;padding:11px 0 0 0;letter-spacing: 0.1em;}
#mbanroll4 .infobox1 .infoprice1 del {font-size:0.73em;color:#86fff3;}
#mbanroll4 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll4 .infobox1 .infopercent1 {margin-left:2.5em;display:inline-block;padding:0 5px 2px 5px;color:#fff;font-size:1.1em;line-height:130%; letter-spacing: 0.1em}
#mbanroll5 {overflow:hidden;position:relative;background:#d8c7b7;border-top:1px solid #d8c7b7;}
#mbanroll5 .banti1 {position:absolute;top:0;right:0;width:50%;z-index:10;}
#mbanroll5 .banti1 img {width:100%;}
#mbanroll5 .gallery5 {position:absolute;top:0;left:0;width:50%;}
#mbanroll5 .gallery img {width:100%;}
#mbanroll5 .galleryinfo li {display:none;}
body #mbanroll5 .swiper-pagination-bullet {margin:0 5px -5px 0;width:0.75em;height:0.75em;background:#a5d7f2;}
body #mbanroll5 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll5 .wrap {position:absolute;bottom:10%;left:5.5%;z-index:20; left:55%;}
#mbanroll5 .wrap img {margin:0 5px 2px 0;}
#mbanroll5 .wrap .connum1 {color:#00887b;font-size:0.75em;}
#mbanroll5 .infobox1 {position:absolute;top:47%;left:5.5%;z-index:20;font-size:0.9em;color:#fff;line-height:130%; font-family:"Noto Sans KR"; letter-spacing: 0.05em; left:55%;}
#mbanroll5 .infobox1 .infoprice1 {display:inline-block;padding:11px 0 0 0;letter-spacing: 0.1em}
#mbanroll5 .infobox1 .infoprice1 del {font-size:0.73em;color:#86fff3;}
#mbanroll5 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll5 .infobox1 .infopercent1 {margin-left:2.5em;display:inline-block;padding:0 5px 2px 5px;color:#fff;font-size:1.1em;line-height:130%; letter-spacing: 0.1em}
#mbanroll6 {overflow:hidden;position:relative;background:#d8c7b7;}
#mbanroll6 .banti1 {position:absolute;top:0;left:0;width:50%;z-index:10;}
#mbanroll6 .banti1 img {width:100%;}
#mbanroll6 .gallery6 { position:absolute;top:0;right:0;width:50%;}
#mbanroll6 .gallery img {width:100%;}
#mbanroll6 .galleryinfo li {display:none;}
body #mbanroll6 .swiper-pagination-bullet {margin:0 5px -5px 0;width:0.75em;height:0.75em;background:#999;}
body #mbanroll6 .swiper-pagination-bullet-active {background:#fff;}
#mbanroll6 .wrap {position:absolute;bottom:10%;left:5.5%;z-index:20;}
#mbanroll6 .wrap img {margin:0 5px 2px 0;}
#mbanroll6 .wrap .connum1 {color:#b95600;font-size:0.75em;}
#mbanroll6 .infobox1 {position:absolute;top:47%;left:5.5%;z-index:20;font-size:0.9em;color:#fff;line-height:130%; font-family:"Noto Sans KR"; letter-spacing: 0.05em;}
#mbanroll6 .infobox1 .infoprice1 {display:inline-block;padding:11px 0 0 0;letter-spacing: 0.1em}
#mbanroll6 .infobox1 .infoprice1 del {font-size:0.73em;color:#ffd1aa;}
#mbanroll6 .infobox1 .infoprice1 img {margin:0 2px 0 3px;vertical-align:middle;}
#mbanroll6 .infobox1 .infopercent1 {margin-left:2.5em;display:inline-block;padding:0 5px 2px 5px;color:#fff;font-size:1.1em;line-height:130%; letter-spacing: 0.1em}
.mbanhwarp1 {position:relative;border-top:1px solid #d8c7b7;}

/* 메인 하단 카테고리 */
#cateswiper {overflow:hidden;position:relative;margin:3% 0 5% 0;z-index:10;}
#cateswiper .nav {padding:0 3.3%;text-align:center;height:160px;background:url('../images/bg_cate1.png') repeat-x 0 0;}
#cateswiper .nav .inner {margin:0 auto;}
#cateswiper .nav ul {}
#cateswiper .nav li {float:left;text-align:center;vertical-align:middle;}
#cateswiper .nav li a {color:#444;display:inline-block;font-size:1.1em;font-weight:bold;position:relative;white-space:nowrap;}
#cateswiper .nav li a.on {color:#08ac17;border-bottom:4px solid #08ac17;/* background:#7e2a2d;border-radius:3px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.08) inset; */}
#cateswiper.default .nav {background-image:none;display:table;margin:0 auto;padding:0;}
#cateswiper.default .nav ul {display:table-row;position:static !important;}
#cateswiper.default .nav li {display:table-cell;float:none;/* height:60px; */}

/* 상품 리스트 */
/* 분류 구분 */
.sorting {display:table;border-bottom:1px solid #cde6f1;width:100%;background:#f2fbff;box-shadow:0 5px 6px #f3f3f3;}
.sorting ul {display:table-row;}
.sorting li {display:table-cell;padding:2.5% 0;text-align:center;}
.sorting li a {color:#797c7e;}
.sorting li a.on {color:#01a0db;}

.prolisttop {overflow:hidden;padding:4% 0 1% 0;width:100%;}
.prolisttop select {float:left;padding:2% 2%;font-size:0.8em;width:30%;}
.listtypebox {float:right;position:relative;line-height:0;font-size:0;}
.listtypebox a {float:left;display:inline-block;overflow:hidden;height:58px;line-height:0;}
.listtypebox a img {margin-top:-60px;}
.listtypebox a.on img {margin-top:0;}

.prolistbox li {overflow:hidden;margin-bottom:3%;width:100%;border:1px solid #e2e2e2;box-shadow:0 3px 3px #f3f3f3;}
.prolistbox li .prothumb1 {float:left;width:40%;}
.prolistbox li .prothumb1 img {width:100%;}
.prolistbox li .proinfobox {position:relative;float:left;padding-bottom:9.5%;width:60%;}
.prolistbox li .proinfobox .infoti2 {margin:5% 5% 0 5%;padding-bottom:3%;border-bottom:1px solid #e2e2e2;font-weight:bold;color:#333;}
.prolistbox li .proinfobox .infoti2 .infonum1 {color:#888;font-size:0.9em;font-weight:normal;}

.prolistbox li .proinfobox .infotextbox {padding:3% 5% 6% 5%;font-size:0.8em;}
.prolistbox li .proinfobox .infotextbox dl {overflow:hidden;margin:3% 0 2% 0;width:100%;}
.prolistbox li .proinfobox .infotextbox dl dt {float:left;width:30%;font-weight:bold;color:#888;}
.prolistbox li .proinfobox .infotextbox dl dd {float:left;width:70%;}
.prolistbox li .proinfobox .infotextbox dl dd .infoprice2 {color:#333;font-weight:bold;}
.prolistbox li .proinfobox .infotextbox dl dd .infoprice2 del {font-weight:normal;font-size:0.9em;color:#999;}
.prolistbox li .proinfobox .infotextbox dl dd .infopercent2 {color:#f95e88;font-weight:bold;}
.prolistbox li .proinfobox .infotextbox dl dd .sumprice1 {width:100%;color:#f95e88;font-weight:bold;font-size:1.3em;line-height:100%;}
.prolistbox li .proinfobox .probtnbox1 {position:absolute;bottom:0;left:0;padding:5% 0;width:100%;background:#f8f8f8;text-align:center;}

.prolistbox li .proinfobox .infotextbox1 {min-height:85px;}
.prolistbox li .proinfobox .infotextbox1 .infosty1 {font-weight:bold;}
.prolistbox li .proinfobox .infotextbox1 dl dt {float:left;width:33%;font-weight:bold;color:#888;}
.prolistbox li .proinfobox .infotextbox1 dl dd {color:#333;width:67%;}

.prolistbox li .proinfobox .infotextbox2 {min-height:120px;}
.prolistbox li .proinfobox .infotextbox2 dl dt {float:left;width:40%;font-weight:bold;color:#888;}
.prolistbox li .proinfobox .infotextbox2 dl dd {color:#333;width:60%;}
.prolistbox li .proinfobox .infotextbox2 .infosty1 {font-weight:bold;}

.prolistbox.prolisttype1 {overflow:hidden;}
.prolistbox.prolisttype1 ul {margin-left:-1.5%;width:110%;}
.prolistbox.prolisttype1 ul:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.prolistbox.prolisttype1 li {float:left;margin:0 1.5% 3% 1.5%;width:43.3%;}
.prolistbox.prolisttype1 li .prothumb1 {width:100%;}
.prolistbox.prolisttype1 li .proinfobox {width:100%;padding-bottom:0;}
.prolistbox.prolisttype1 li .proinfobox .probtnbox1 {position:relative;left:0;right:0;}
.prolistbox.prolisttype1 li .proinfobox .infotextbox {padding-bottom:0;}

/* 회원가입 */
.m_sec1 {letter-spacing:-1.5px;}
.textbox1 {padding:0 3% 3% 3%;}
.tibox1 {padding:0 3% 0 3%;}
.con_ti1 {padding:0 0 3% 0;color:#242122;font-weight:bold;font-size:1.2em;}
.ddsty1 {border-bottom:1px solid #e2e2e2;}
.textsty1 {padding:3% 0 0 0;color:#00aeef;}
.textsty2 {padding:6% 0;text-align:center;}
.textsty3 {padding:0 0 2% 0;}
.textsty4 {color:#00aeef;}
.textsty4.textsty4_1 {position:relative;padding-left:60px;}
.textsty4.textsty4_1 .stext1 {position:absolute;top:5px;left:0;}
.textsty5 {display:inline-block;width:34%;}
.textsty6 {padding:5px 0 0 0;font-size:0.95em;}
.textsty7 {padding:3%;color:#333;font-weight:bold;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.textsty8 {padding:0 3% 2% 3%;}
.textsty9 {clear:both;padding:3%;font-size:0.95em;}
.textbox2 {margin:1% 0 0 0;}
.textbox2 span {display:inline-block;margin:1% 0;padding:2% 0;width:47%;background:#fff;border:1px solid #e2e2e2;border-radius:5px;text-align:center;font-size:0.9em;}
.textbox2 span.textsbox1 {margin-right:2%;}

.bl_sty1 {overflow:hidden;display:inline-block;height:25px;}
.ti_wrap1 {display:block;margin-top:-1px;padding:3%;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.ti_wrap1.ti_wrap1_1 {border-top:1px solid #333;}
.ti_wrap1:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.ti_wrap1 .con_ti2 {float:left;width:80%;}
.ti_wrap1 .bl_sty1 {float:right;margin-top:5px;line-height:100%;}
.ti_wrap1 .bl_sty1.click img {position:relative;top:-25px;}
.consty1 dd {display:none;padding:3%;border-bottom:1px solid #e2e2e2;}
.consty1 dd.borno2 {border-bottom:none;}
.consty1.consty1_1 dd {background:#f8f8f8;}
.consty1.consty1_2 dd {padding:0;}
.agree_box1 {text-align:center;}
.agree_box1 p {padding:5% 0;vertical-align:middle;}
.agree_box1 label {display:inline-block;margin-left:3%;}
.agree_box1 input {vertical-align:middle;}
.radio_list1 li {position:relative;display:inline;padding:0 4% 0 0;}
.radio_list1 label {vertical-align:middle;}
.radio_list1 input {margin:0 2px 0 0;vertical-align:middle;}
.radio_list1_1:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.radio_list1_1 li {display:block;float:left;margin-right:0;width:43%;}
.radio_list1_1 li.textbox {width:100%;}
.radio_list1_1 li.textbox input[type="text"].inputtext1 {position:relative;top:2px;}
.radio_list1_2 li {width:46%;}

.chebox1 {position:absolute;top:13px;left:0;}
.stextwrap1 {display:block;padding-left:20px;width:88%; height:auto; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.stextwrap1.stextwrap1_1 {width:92%;}
/* 로그인 */
.mtabcon {display:none;position:relative;margin:0 3%;}
.mtabcon .ipwrap1 {margin-right:22%;padding-bottom:5%;}
.mtabcon .ipwrap1 label {display:block;padding:0 0 2% 0;}
.mtabcon .ipwrap1 label input.inputtextw2[type="text"] {width:73%;}
.mtabcon .ipwrap1 label input.inputpww2[type="password"] {width:73%;}
.mtabcon .ipwrap1 .logti1 {display:inline-block;width:22%;}
.mtabcon .ipwrap1 .logcon1 .select1 {width:20%;}
.mtabcon .btnsty5_1_1 {position:absolute;top:0;right:-5px;}
.mltab {position:relative;margin:5% 0;padding:0 0 0 3%;}
.mltab:after {position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:2px;background:#26b4f0;z-index:5;}
.mltab a {display:inline-block;padding:2% 0;width:48%;position:relative;color:#a09f9f;border:1px solid #d5d5d5;border-bottom:none;background:#eee;z-index:1;text-align:center;border-radius:5px 5px 0 0;}
.mltab a.on {color:#26b4f0;padding:2.1% 0;border:2px solid #00aeef;border-bottom:none;background:#fff;font-weight:bold;z-index:10;}

/* 마이페이지 */
.liststy1 {margin:0 5%;padding:5% 0;}
.liststy1:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.liststy1 li {float:left;width:50%;}
.liststy1 li .listbox1 {margin:2%;padding:5%;border:1px solid #e2e2e2;height:200px;border-radius:5px;background:linear-gradient( 180deg, #fff, #f5f5f5 );}
.liststy1 li .listbox1 .listtext1 {margin:0 0 5% 0;padding:2% 0 10% 0;text-align:center;border-bottom:1px solid #e2e2e2;font-size:1.2em;}
.liststy1 li .listbox1 .listtext1 strong {display:inline-block;margin:0 3%;color:#00aeef;font-weight:bold;}

/* 이용후기 */
.subtop_ban {display:block;margin:3%;}
.subtop_ban img {width:100%;}
.pro_thumb1 a {display:block;}
.pro_thumb1 img {width:100%;}

.bl1 {display:inline-block;position:relative;top:1px;margin:0 5px;width:1px;height:13px;background:#ddd;}
.bl2 {position:relative;top:-2px;margin:0 2px;font-size:0.6em;line-height:100%;color:#ddd;}
.bl3 {position:relative;top:50%;margin:0 7px 0 -10px;font-size:0.8em;line-height:100%;color:#ddd;}
.bl4 {position:relative;top:50%;margin:0 -10px 0 7px;font-size:0.8em;line-height:100%;color:#ddd;}
.pro_ti1 {color:#f96d92;}
.pro_text1 {overflow:hidden;width:100%;height:auto;text-overflow:ellipsis;word-wrap:break-word;}

/* 찜한상품 */
.guide_box1 {padding:3%;background:#f8f8f8;}
.con_ti3 {display:block;padding-bottom:5px;font-size:1.2em;color:#00aeef;font-weight:bold;}
.guidetext1 p {position:relative;padding-left:15px;}
.guidetext1 p:before {content:'';position:absolute;top:14px;left:0;display:block;width:4px;height:4px;background:#242122;}
.protop1 {padding:4% 3% 3% 3%;}
.protop1:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.protop1 p {float:left;}
.protop1 label {float:right;}
.prolist1 {margin:0 3%;border-bottom:1px solid #e2e2e2;}
.prolist1 .prolistbox.prolisttype1 li .proinfobox .probtnbox1 a {margin:0 1%;}

/* 샘플주문확인 */
.subtop_ban2 {padding:3% 3% 5% 3%;}
.prolist2 {padding:0 3%;}
.tibox2 {padding:3% 3% 0 3%;border-bottom:1px solid #e2e2e2;}
.tibox2_1:after {content:'';display:block;width:100%;overflow:hidden;clear:both;}
.tibox2_1 .con_ti1 {float:left;width:79%;}
.tibox2_1 .btnsty1 {float:right;margin:0;width:auto;padding:1% 3%;}
.tibox2_2 {padding:0 3% 0 3%;}
.tibox2_2 .import2 {padding-bottom:0;}
.tibox2_3 {padding:5% 3% 3% 3%;}
.tibox2_4 {padding-top:0;}

/* 쿠폰함 */
.coupon_info1 {padding-left:3%;}
.coupon_ti1 {font-weight:bold;}
.coupon_day1 strong {color-stop:#f96d92;}

/* 회원탈퇴 */
.conbox1 {margin:5% 3% 0 3%;padding:0 0 5% 0;text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.conbox1 p {padding:5% 10% 3% 10%;}
.conbox1 select {padding-right:40px;width:90%;background:url("../images/bg_select1.png") no-repeat 96% 50%;}

/* 1:1 문의 게시판 */
.import2 {position:relative;padding:0 0 3% 30px;}
.import2 .bl_sty10 {position:absolute;top:7px;left:0;}

/* 공지사항 */
.listlink1 {display:block;padding-left:3%;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.date1 {color:#999;font-size:0.9em;}

/* 청첩장 만들기 */
.conbox2 {padding:2% 3% 3% 3%;border-top:1px solid #242122;border-bottom:1px solid #e2e2e2;}
.conbox2 .textarea1 {margin:3% 0 0 0;width:97%;height:170px;}
.conbox3 {padding:3% 0 0 0;text-align:center;border-top:1px solid #e2e2e2;}
.conbox3_1 {border-top:none;}
.imgwrap1 {padding:3%;}
.imgwrap1 img {width:100%;}
.imgwrap2 img {width:100%;}
.imgwrap3 {padding:3% 0;text-align:center;}
.con_ti4 {color:#00aeef;font-weight:bold;}
.sconwrap1 {display:inline-block;vertical-align:top;}
.sconinfo1 label {display:inline-block;margin-top:5px;}
.textbox3 {padding:0 3%;}
.textbox3_1 {padding:0 3% 3% 3%;}
.textbox4 {padding:5% 3% 0 3%;}
.textbox5 {padding:0 3%;border-top:1px solid #e2e2e2;}
.textbox5_1 {padding:0 3% 3% 3%;}
.textbox6 {margin-top:-1px;padding:3%;background:#f8f8f8;border:1px solid #e2e2e2;}
.textbox7 {margin-top:-1px;padding:3%;background:#f8f8f8;border:1px solid #e2e2e2;}
.sconbox1 {margin-top:3%;padding-top:2%;border-top:1px solid #e2e2e2;}
.btn_search1 {display:inline-block;width:6%;}
.btn_search1 img {width:100%;}

.dlsty1 dt {padding:3%;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.dlsty1 dd {padding:3%;border-bottom:1px solid #e2e2e2;}
.dlsty1_1 dt {border-top:1px solid #242122;}
.dlsty2 {border-bottom:1px solid #d7d7d7;}
.dlsty2 dt {padding:3%;background:#f9f9f9;border-top:1px solid #d7d7d7;box-shadow:0 4px 4px #f3f3f3;}
.dlsty2 dt:first-child {border-top:1px solid #242122;}
.dlsty2 dd {padding:3% 0 3% 3%;border-top:1px solid #d7d7d7;}

.hidecon {display:none;margin-top:-1px;}
.subprocon {margin-top:-1px;}
.type_list1 {margin-bottom:-3%;text-align:center;}
.type_list1 li {display:inline;}
.type_list1 li span {display:inline-block;margin:0 3%;width:40%;}
.type_list1 li span img {width:100%;}
.type_list1 li span .type_sel {display:inline-block;padding:3% 0 7% 0;width:100%;}
.type_list1 li span .type_sel input {margin-top:-1px;}
.type_list2 {margin-bottom:-3%;}
.type_list2 li {display:inline;}
.type_list2 li span {margin-right:2px;display:inline-block;width:24%;}
.type_list2 li span img {width:100%;}
.type_list2 li span .type_sel {display:inline-block;padding:3% 0 7% 0;font-size:0.7em;width:100%;}
.type_list2 li span .type_sel input {margin-top:-1px;}
.type_list3 {margin-bottom:-5%;text-align:center;}
.type_list3 li span img {width:100%;}
.type_list3 li span .type_sel {display:inline-block;padding:3% 0 7% 0;width:100%;}
.type_list3 li span .type_sel input {margin-top:-1px;}
.type_list4 {margin-bottom:-3%;text-align:center;}
.type_list4 li {display:inline-block;margin:3% 3% 3% 3%;width:40%;}
.type_list4 li span {display:inline-block;}
.type_list4 li span img {width:100%;}
.type_list4 li label {display:inline-block;margin:5px 0 0 0;}

.viewcon {padding:2%;}

/* 구매가이드 */
.conti1 {display:block;text-align:center;font-weight:bold;color:#333;font-size:1.2em;}
.conti2 {display:block;font-weight:bold;color:#333;font-size:1.2em;}
.guide_img1 {width:45%;}

/* 예식장 약도 */
.conbox4 {padding:5% 3%;}
.conbox4 .select1 {width:46%;}
.conbox4 input[type="text"].inputtextw4 {width:80%;}
.conbox4 .btnsty3 {display:inline-block;width:10%;text-align:center;font-weight:bold;}

/* 인사말 */
.greeting1 {position:relative;display:inline-block;padding-left:8px;width:47%;}
.greeting1:after {position:absolute;top:50%;left:2px;content:'';display:block;margin-top:-1.5px;width:3px;height:3px;background:#242122;}

/* 제품상세 */
.tabwrap1 {padding:0 4%;}
.detail_tab {display:table;table-layout:fixed;width:100%;}
.detail_tab ul {display:table-row;}
.detail_tab li {display:table-cell;text-align:center;}
.detail_tab a {display:block;padding:5% 0;color:#999;background:#f2f2f2;border:1px solid #dfdfdf;border-bottom:1px solid #26b4f0;}
.detail_tab a.active {color:#00aeef;background:#fff;border:1px solid #26b4f0;border-bottom:1px solid #fff;}
.dtabcon {padding:0 4%;display:none;border-bottom:1px solid #e2e2e2;}
.subbot_ban {display:block;margin:3%;}
.subbot_ban img {width:100%;}

.conbox5 {padding:3%;background:#f8f8f8;}
.conbox6 {margin:-1px 0 0 0;padding:3% 4%;border:1px solid #e2e2e2;background:#f8f8f8;}
.conbox7 {padding:0 0 20px 0;border-bottom:1px solid #e2e2e2;text-align:center;}

.cscon1 {color:#26b4f0;font-weight:bold;}
.cscon1:after {content:'';display:block;clear:both;}
.cscon1 dt {float:left;width:50%;}
.cscon1 dd {float:left;width:50%;text-align:right;}

.pconbox1 {padding:5%;}
.pconbox2 {padding:5%;border-top:1px solid #242122;}

.ordernum1 {margin-top:10px;display:inline-block;padding:3%;width:60%;border:1px solid #e2e2e2;}

.no_pro1 {margin:0 0 5% 0;padding:20% 0;background:#f9f9f9;border-top:1px solid #242122;border-bottom:1px solid #d7d7d7;text-align:center;}
.tcen {text-align:center;}
.taj {text-align:justify;}
.desc {font-size:0;line-height:0;text-indent:-100000px;overflow:hidden;}
.m20 {margin:5% 0;}
.mt20 {margin:5% 0 0 0;}
.msty1 {margin:7% 0 2% 0;}
.wid94p {width:94%;}
.trig1 {text-align:right;}
.col1 {color:#f95e88;}
.col2 {color:#00aeef;}
.borno2 {border-bottom:none;}
.bortop1 {border-top:1px solid #e2e2e2;}
.borbot1 {border-bottom:1px solid #e2e2e2;}
.mt5 {margin-top:5px;}
.mm1 {margin:-1px 0;}

@media print{
	#adminControl,
	#header,
	#conLeft,
	#sBody #contents > h3,
	#location,
	#footer,
	button{display:none;}
	#conLeft + #contents{float:none;margin:0 auto;}
}

@media screen and (max-width:800px) {
	.type_list2 {text-align:center;}
	.type_list2 li span {margin:0 1%;width:30%;}
}

@media screen and (max-width:550px) {
	body {font-size:1em;}
	#cateswiper .nav {height:103px;}
	#cateswiper .nav li a img {width:80px;}
	#mbanroll1 .wrap img {width:35px;}
	#mbanroll2 .wrap img {width:35px;}
	#mbanroll3 .wrap img {width:35px;}
	#mbanroll4 .wrap img {width:35px;}
	#mbanroll1 .infobox1 .infoprice1 del {font-size:1em;}
	#mbanroll2 .infobox1 .infoprice1 del {font-size:1em;}
	#mbanroll3 .infobox1 .infoprice1 del {font-size:1em;}
	#mbanroll4 .infobox1 .infoprice1 del {font-size:1em;}
	body .topmenu a {font-size:0.85em;}
	.sorting li {font-size:0.85em;}
	.listtypebox a {height:40px;}
	.listtypebox a img {margin-top:-40px;width:40px;}
	.contop2 .btnsty3 img {width:7px;}
	.bl_sty1 {height:20px;}
	.ti_wrap1 .bl_sty1 {margin-top:2px;}
	.ti_wrap1 .bl_sty1 img {width:20px;}
	.ti_wrap1 .bl_sty1.click img {top:-20px;}
	.btnsty4_1 img {margin-top:0;width:12px;}
	.btnsty4 img {margin-top:-2px;width:12px;}
	.btnsty5 img {margin-top:-2px;width:12px;}
	.btnsty11 img {padding:0;width:20px;}
	.btnsty5_1 img {margin-top:-2px;width:12px;}
	input.inputtext1[type="text"] {padding:2px;}
	input.inputpw1[type="password"] {padding:2px;}
	input[type="text"].inputtextw5 {width:20%;}
	.liststy1 li .listbox1 {height:140px;}
	.con_ti3 img {width:25px;}
	.guidetext1 p {padding-left:12px;}
	.guidetext1 p:before {top:8px;}
	.import2 {padding-left:20px;}
	.import2 .bl_sty10 {top:5px;width:15px;}
	.probtnbox2 img {margin-top:0;width:20px;}
	.chebox1 {top:7px;}
	.con_ti5 .simg1 {top:7px;}
	.type_list2 {text-align:center;}
	.type_list2 li span {margin:0 3%;width:43%;}
	.type_list2 li span .type_sel {font-size:1em;}
	.btn_search1 {width:10%;}
	.contop2 {box-shadow:0 2px 3px #f3f3f3;}
	.contop3 {box-shadow:0 2px 3px #f3f3f3;}
	.sorting {box-shadow:0 3px 5px #f3f3f3;}
	.dlsty2 dt {box-shadow:0 2px 3px #f3f3f3;}
	.btnsty7 {padding:0 2%;}
	.select1 {padding:0 19px 0 5px;height:28px;line-height:26px;}
	.select2 {padding:0 5px;height:28px;line-height:26px;}
	.select3 {padding:0 5px;height:28px;line-height:26px ;}
}

@media screen and (max-width:530px) {
	.prolistbox li {font-size:0.9em;}
	.prolistbox li .proinfobox .infotextbox {padding:0 5% 2% 5%;}
	.mtabcon .btnsty5_1_1 {height:35px;line-height:35px;}
	.liststy1 li .listbox1 {height:125px;font-size:0.9em;line-height:19px;}
	.btnsty1 {font-size:0.8em;}
	.bl1 {height:10px;}
	.select1 {padding:0 23px 0 5px;}
}

@media screen and (max-width:360px) {
	.listtypebox a {height:30px;}
	.listtypebox a img {margin-top:-30px;width:30px;}
	.prolistbox li .proinfobox .infotextbox {padding:0 5% 3% 5%;}
	.mtabcon .ipwrap1 .logcon1 .select1 {width:58px;padding:0 17px 0 5px;height:25px;line-height:100%;}
	input.inputtext1[type="text"] {padding:1px 2px 0 2px;}
	input.inputpw1[type="password"] {padding:1px 2px 0 2px;}
	.btnsty5_1_1 {padding:6% 0;}
	.prolist1 .prolistbox.prolisttype1 li .proinfobox .probtnbox1 a {width:28%;}
	.import2 .bl_sty10 {top:3px;}
	.chebox1 {top:5px;}
	.con_ti5 .simg1 {top:5px;}
	.popwrap1 .pop_close1 {width:10.5%;}
	#footer .ftextwrap {padding:0 5%;}
	.select1 {padding:0 19px 0 5px;height:25px;line-height:25px;}
	.select2 {padding:0 5px;height:25px;line-height:25px;}
	.select3 {padding:0 5px;height:25px;line-height:25px;}
	.mtabcon .btnsty5_1_1 {padding:0;height:58px;line-height:58px;}
}

@media screen and (max-width:320px) {
	body {font-size:0.8em;}
	.prolistbox li .proinfobox .infotextbox {padding:2.7% 5% 1% 5%;}
	.textbox2 span {width:47.5%;}
	.btnsty5_1_1 {padding:6.5% 0;}
	input[type="text"].inputtextw5 {width:18%;}
	.bbs1.bbs1_1 input.inputtext1.inputtextw6[type="text"] {width:25%;}
	.popwrap1 .pop_close1 {width:11%;}
	.select1 {padding:0 23px 0 5px;}
	.btnsty7 {font-size:0.9em;}
	.mtabcon .btnsty5_1_1 {height:54px;line-height:54px;}
}