/* Written By MJS */

@import url(http://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);

html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,h3,a{font-family:'nanumsquareround', sans-serif;border:0;margin:0;padding:0;color:#282828;font-weight:normal;}
ul,ol{list-style:none}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
html, body{background:#fff;font-family:'nanumsquareround', sans-serif;}





 /* 공통 STYLE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{position:relative;float:left;width:100%;overflow:hidden;}
.font{font-family:'nanummyeongjo' !important;}
.root_daum_roughmap{margin:0 !important;border:none !important;padding:0 !important;}

/* 이미지 비율 유지하면서 틀안에 */
.img{position:relative;float:left;width:100%;height:100%;vertical-align:middle;text-align:center;}
.img img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
/* 마우스 오버시 효과 */
a:hover .img img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
a .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






















 /* MOBILE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:0) and (max-width:767px){
#wrap{position:relative;float:left;width:100%;height:100%;z-index:1000000;}
.section{position:relative;float:left;width:100%;height:100%;overflow:hidden;}

.inner{position:relative;float:left;width:100%;height:100%;}
.inner:after{content:"";display:table;clear:both;}


/* 로고 */
#logo{position:relative;float:left;height:40px;line-height:30px;font-size:28px;color:#fff;font-weight:bold;font-weight:1000;letter-spacing:-2px;text-align:center;cursor:pointer;margin:15px 0 0 4%;}
#logo img{float:left;width:auto;height:30px;}


/* 탭 메뉴 */
.menu{position:fixed;left:0;top:0;width:100%;height:100px;background:rgba(51, 51, 51, 0.9);z-index:1000000;}
.menu ul{position:relative;float:left;width:100%;border-top:1px solid #666;}
.menu ul li{float:left;width:25%;height:44px;line-height:44px;text-align:center;}
.menu ul li a{float:left;width:100%;height:44px;line-height:44px;font-size:15px;font-weight:400;color:#fff;}
.menu ul li a.active{height:42px;background:rgba(255, 255, 255, 0.1);border-bottom:2px solid #0eb3aa;}
#shopping{position:absolute;right:4%;top:15px;height:20px;text-align:left;padding:4px 15px;background:#e4007f;}
#shopping a{float:left;width:100%;}
#shopping a img{float:left;width:20px;}
#shopping a p{float:left;line-height:20px;font-size:13px;font-weight:600;color:#fff;margin-left:8px;}


.sTop{position:relative;float:left;width:100%;height:240px;background:#eee;overflow:hidden;margin-top:0;}/* 메인비주얼 틀 */
.s1,.s2,.s3{position:relative;float:left;width:100%;background:#fff;padding:30px 0;}/* HOME~CONTACT 틀 */
.s1{padding:0;margin:0;}
.s2{width:92%;padding:30px 4%;background:url(./img/pattern.gif) repeat;}


/* 메인 100% 슬라이드 */
#main_slider{position:relative;float:left;width:140%;overflow:hidden;margin:0 0 -40px -16%;}
#main_slider .bx-wrapper{margin-top:-30px;}
#main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;}
#main_slider .bx-controls-direction{position:absolute;left:12%;top:100px;width:70%;height:44px;text-indent:-9999px;z-index:100;}
#main_slider .bx-controls-direction a.bx-prev{position:absolute;left:0;top:0;width:38px;height:44px;background:url(./img/arrow_left.png) no-repeat;background-size:100%;}
#main_slider .bx-controls-direction a.bx-next{position:absolute;right:0;top:0;width:38px;height:44px;background:url(./img/arrow_right.png) no-repeat;background-size:100%;}
#main_slider .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}
.ment{position:absolute;top:90px;left:20%;width:100%;}
.ment p{position:relative;float:left;width:240px;text-align:center;line-height:16px;font-size:12px;color:#666;}
.ment p b{float:left;width:100%;line-height:24px;font-size:18px;letter-spacing:0;font-weight:600;color:#000;margin-bottom:20px;}


/* 메인 타이틀 */
.mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:5%;}
.mTitle b{float:left;width:100%;line-height:100%;font-size:28px;font-weight:400;color:#000;}
.mTitle span{float:left;width:100%;line-height:100%;font-size:12px;margin-top:10px;color:#000;}


/* 회사소개 - 인사말 */
#greeting{position:relative;float:left;width:100%;padding-bottom:140px;background:#fff;padding-top:30px;}
.gree_bg{position:absolute;left:-20px;bottom:-20px;width:120%;height:220px;background:url(./img/gree_bg.png) no-repeat bottom center;background-size:100%;z-index:10;}
.gree_txt{position:relative;float:left;width:92%;text-align:justify;padding:0 4%;;z-index:100;}
.gree_txt b{float:left;width:100%;line-height:24px;font-size:18px;color:#0ba29a;margin-bottom:15px;}
.gree_txt p{float:left;width:100%;line-height:18px;font-size:12px;color:#777;}
.gree_txt span{float:left;width:100%;line-height:22px;font-size:14px;font-weight:600;color:#222;margin:12px 0;}


/* 가맹안내 */
.s2_left{position:relative;float:left;width:100%;margin-bottom:4%;}
.s2_left ul{float:left;width:100%;}
.s2_left ul li{float:left;width:27.9%;padding:15px 2.5% 0 2.5%;height:120px;text-align:center;background:#fff;border:1px solid #aaa;margin:0 -1px -1px 0;}
.s2_left ul li img{width:32px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
.s2_left ul li b{float:left;width:100%;line-height:100%;font-size:18px;letter-spacing:-1px;font-weight:bold;font-weight:1000;color:#0ba29a;margin-bottom:10px;}
.s2_left ul li p{float:left;width:100%;line-height:20px;font-size:14px;letter-spacing:-1px;font-weight:600;color:#000;margin-top:3px;}
.s2_left ul li p a{color:#555;}
.s2_left ul li span{float:left;width:100%;line-height:16px;font-size:12px;color:#666;margin-top:6px;display:none;}

#s2_tab{position:relative;float:left;width:100%;overflow:hidden;}
.tab{position:relative;float:left;width:100.2%;height:42px;border-bottom:2px solid #000;}
.tablinks{float:left;width:32.9%;height:42px;line-height:42px;font-size:16px;font-weight:bold;color:#fff;background:#aaa;border:none;outline:none;margin-right:1px;}
.tablinks.active{color:#fff;background:#000;}
#s2_tab table{float:left;width:100%;background:#fff;margin-top:-1px;}
#s2_tab table th{font-size:14px;font-weight:600;text-align:center;background:#ebebeb;}
#s2_tab table td{font-size:13px;text-align:center;color:#777;}
#s2_tab table th,#s2_tab table td{padding:2%;line-height:20px;border:1px solid #aaa;}
#s2_tab table td b{font-size:14px;color:#000;}
.tbl_txt{float:left;width:100%;line-height:16px;font-size:12px;color:#555;margin-top:3%;}

.s2_photo{position:relative;float:left;width:100%;margin-top:4%;}
.s2_photo ul{float:left;width:100%;}
.s2_photo ul li{float:left;width:31.9%;margin:0.7%;}
.s2_photo ul li span{float:left;width:100%;line-height:20px;font-size:14px;color:#444;text-align:center;margin-top:3%;}

/*.s2_left{position:relative;float:left;width:100%;}
.s2_title{float:left;width:100%;text-align:center;}
.s2_title b{float:left;width:100%;line-height:28px;font-size:22px;letter-spacing:-1px;color:#0ba29a;margin-bottom:5px;}
.s2_title span{float:left;width:100%;line-height:18px;font-size:12px;color:#555;}
.s2_left ul{float:left;width:100%;margin-top:18px;}
.s2_left ul li{float:left;width:31.3%;margin-left:2%;text-align:center;}
.s2_left ul li:first-child{margin-left:0;}
.s2_left ul li p{float:left;width:80%;line-height:18px;font-size:13px;font-weight:600;text-align:center;color:#000;margin:10px 10% 0 10%;}
.s2_icon{display:inline-block;width:70px;height:40px;padding:15px 0;text-align:center;border-radius:100%;background:#2aaca5;}
.s2_icon img{width:40px;}

.s2_tbl{position:relative;float:left;width:100%;margin:4% 0 0 0;}
.s2_tbl table{float:left;width:100%;background:#fff;border-top:1px solid #000;}
.s2_tbl table th{width:32%;font-size:14px;font-weight:600;text-align:center;background:#ebebeb;}
.s2_tbl table td{font-size:13px;text-align:left;color:#777;}
.s2_tbl table th,.s2_tbl table td{padding:2%;border-bottom:1px solid #aaa;}*/


/* 가맹점현황 */
.img_list{position:relative;float:left;width:92%;height:430px;margin:0 4%;overflow:hidden;}
.img_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.img_list ul li{position:relative;float:left;width:48%;height:209px;margin:1%;overflow:hidden;}
.img_list ul li a{position:relative;float:left;width:98.7%;height:120px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list ul li:hover a{border:1px solid #0ba29a;}
.img_list dl{float:left;width:98.7%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list dl dt{float:left;width:26%;font-size:12px;font-weight:600;color:#000;background:#eee;}
.img_list dl dd{float:left;width:66%;font-size:11px;color:#777;}
.img_list dl dt{height:28px;line-height:28px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list dl dt.d2{height:40px;line-height:40px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list dl dd{height:28px;line-height:28px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list dl dd.dd2{height:40px;line-height:20px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}




/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#555;padding:6% 0;}
.footer_w{position:relative;float:left;width:80%;text-align:center;margin:0 10%;}
ul.copy{text-align:center;}
ul.copy li{display:inline-block;height:10px;line-height:12px;font-size:11px;color:#bbb;padding-left:12px;background:url(./img/copy_bg.png) no-repeat 2px -3px;background-size:6px;}
ul.copy li:first-child{border:none;margin:0;padding:0;}
.footer_w p{float:left;width:100%;line-height:100%;font-size:11px;color:#999;margin-top:10px;}


/* 맨위로 */
#top{position:fixed;right:30px;bottom:4%;width:50px;height:50px;cursor:pointer;background:url(./img/top.gif) no-repeat;z-index:1000000;}




/* 서브 상품리스트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub_contents{position:relative;float:left;width:92%;margin:140px 4% 60px 4%;overflow:hidden;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:24px;text-align:center;color:#000;margin:0 0 5% 0;}
.img_list2{position:relative;float:left;width:100%;}
.img_list2 ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.img_list2 ul li{position:relative;float:left;width:48%;height:209px;margin:1%;overflow:hidden;}
.img_list2 ul li a{position:relative;float:left;width:98.7%;height:120px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list2 ul li:hover a{border:1px solid #0ba29a;}
.img_list2 dl{float:left;width:98.7%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list2 dl dt{float:left;width:26%;font-size:12px;font-weight:600;color:#000;background:#eee;}
.img_list2 dl dd{float:left;width:66%;font-size:11px;color:#777;}
.img_list2 dl dt{height:28px;line-height:28px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list2 dl dt.d2{height:40px;line-height:40px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list2 dl dd{height:28px;line-height:28px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}
.img_list2 dl dd.dd2{height:40px;line-height:20px;padding-left:4%;border-bottom:1px solid #ccc;vertical-align:middle;}

/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin-top:40px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;background:#fff;}
.paging ul li a{float:left;text-align:center;height:28px;line-height:28px;font-size:13px;padding:0 10px;color:#999;border:1px solid #e0e0e0;background:#fff;margin-left:-1px;}
.paging ul li a.on{color:#fff;background:#333;font-weight:600;border:1px solid #000;}




/* 상세페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#detail{position:relative;float:left;width:100%;}
.dtl_top{position:relative;float:left;width:100%;}
.dtl_img{position:relative;float:left;width:100%;height:240px;background:#f0f0f0;overflow:hidden;}

/* 상품정보 */
.dtl_text{position:relative;float:left;width:100%;}
.dtl_text_name{float:left;width:100%;line-height:26px;font-size:20px;font-weight:400;color:#000;padding:6% 0 2% 0;}
.dtl_text table{float:left;width:100%;border-top:1px solid #000;}
.dtl_text table th,.dtl_text table td{line-height:20px;font-size:14px;text-align:left;padding:2.2%;border-bottom:1px solid #e0e0e0;}
.dtl_text table th{width:22%;font-weight:400;color:#000;background:#f9f9f9;}
.dtl_text table td{line-height:18px;font-size:13px;color:#666;}
.dtl_text table td p{line-height:14px !important;font-size:11px;color:#aaa;}
.dtl_text ul{float:left;width:100%;}
.dtl_text ul li{float:left;width:100%;line-height:22px;font-size:16px;margin:4px 0;}

/* 상세페이지 내용 */
.dtl_cont{position:relative;float:left;width:100%;min-height:100px;margin-top:60px;}
.dtl_cont img{width:100%;}

/* 바로구매, 장바구니 */
.btn_w{position:relative;float:left;width:102%;text-align:center;margin:6% 0 0 -1px;border:none;}
input.btn{display:inline-block;width:40%;height:42px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 1px;}
input.btn2{display:inline-block;width:40%;height:42px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
input.btn3{display:inline-block;width:40%;height:42px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#666;border:2px solid #666;margin:0 1px;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






















 /* TABLET //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1024px){
#wrap{position:relative;float:left;width:100%;height:100%;}
.section{position:relative;float:left;width:100%;height:100%;overflow:hidden;}

.inner{position:relative;float:left;width:100%;height:100%;}/* 1200px로 감싸기 */
.inner:after{content:"";display:table;clear:both;}


/* 로고 */
#logo{float:left;height:34px;line-height:34px;font-size:28px;color:#fff;font-weight:bold;font-weight:1000;letter-spacing:-2px;cursor:pointer;margin:20px 0 0 3%;}
#logo img{float:left;width:auto;height:34px;}


/* 탭 메뉴 */
.menu{position:fixed;left:0;top:0;width:100%;height:70px;background:rgba(51, 51, 51, 0.9);z-index:1000000;}
.menu ul{position:absolute;right:110px;top:0;}
.menu ul li{float:left;height:70px;line-height:70px;text-align:center;}
.menu ul li a{float:left;font-size:18px;font-weight:400;color:#fff;padding:0 22px;}
.menu ul li a.active{height:67px;line-height:70px;background:rgba(255, 255, 255, 0.1);border-bottom:3px solid #0eb3aa;}
#shopping{position:absolute;right:0;top:0;width:110px;height:70px;background:#e4007f;}
#shopping a{float:left;width:100%;text-align:center;padding:12px 0 10px 0;}
#shopping a img{width:26px;}
#shopping a p{float:left;width:100%;line-height:100%;font-size:13px;font-weight:600;color:#fff;margin-top:8px;}


.sTop{position:relative;float:left;width:100%;height:500px;background:#eee;overflow:hidden;margin-top:-70px;}/* 메인비주얼 틀 */
.s1,.s2,.s3{position:relative;float:left;width:100%;background:#fff;padding:50px 0;}/* HOME~CONTACT 틀 */
.s1{padding:0;margin:0;}
.s2{width:92%;padding:50px 4%;background:url(./img/pattern.gif) repeat;}


/* 메인 100% 슬라이드 */
#main_slider{position:relative;float:left;width:150%;overflow:hidden;margin:0 0 -40px -20%;}
#main_slider .bx-wrapper{margin-top:-200px;}
#main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;}
#main_slider .bx-controls-direction{position:absolute;left:14%;top:240px;width:66%;height:70px;text-indent:-9999px;z-index:100;}
#main_slider .bx-controls-direction a.bx-prev{position:absolute;left:0;top:0;width:60px;height:70px;background:url(./img/arrow_left.png) no-repeat;background-size:100%;}
#main_slider .bx-controls-direction a.bx-next{position:absolute;right:0;top:0;width:60px;height:70px;background:url(./img/arrow_right.png) no-repeat;background-size:100%;}
#main_slider .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}
.ment{position:absolute;top:410px;left:20%;width:100%;}
.ment p{position:relative;float:left;width:340px;text-align:center;line-height:18px;font-size:13px;color:#666;}
.ment p b{float:left;width:100%;line-height:36px;font-size:26px;letter-spacing:0;font-weight:600;color:#000;margin-bottom:20px;}


/* 메인 타이틀 */
.mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:30px;}
.mTitle b{float:left;width:100%;line-height:100%;font-size:40px;font-weight:400;color:#000;}
.mTitle span{float:left;width:100%;line-height:100%;font-size:16px;margin-top:14px;color:#000;}


/* 회사소개 - 인사말 */
#greeting{position:relative;float:left;width:100%;height:500px;background:#fff;}
.gree_bg{position:absolute;left:-270px;bottom:40px;width:778px;height:300px;background:url(./img/gree_bg.png) no-repeat 0 center;background-size:100%;z-index:10;}
.gree_txt{position:relative;float:right;width:50%;padding:50px 4%;background:#fff;z-index:100;}
.gree_txt b{float:left;width:100%;line-height:32px;font-size:24px;color:#0ba29a;margin-bottom:20px;}
.gree_txt p{float:left;width:100%;line-height:22px;font-size:14px;color:#777;}
.gree_txt span{float:left;width:100%;line-height:24px;font-size:16px;font-weight:600;color:#222;margin:15px 0;}


/* 가맹안내 */
.s2_left{position:relative;float:left;width:100%;margin-bottom:2%;}
.s2_left ul{float:left;width:100%;}
.s2_left ul li{float:left;width:14.8%;padding:25px 2.5% 0 2.5%;height:200px;text-align:center;background:#fff;border:1px solid #aaa;margin:0 -1px -1px 0;}
.s2_left ul li img{width:40px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
.s2_left ul li b{float:left;width:100%;line-height:100%;font-size:18px;letter-spacing:-1px;font-weight:bold;font-weight:1000;color:#0ba29a;margin-bottom:15px;}
.s2_left ul li p{float:left;width:100%;line-height:22px;font-size:16px;letter-spacing:-1px;font-weight:600;color:#000;margin-top:12px;}
.s2_left ul li p a{color:#555;}
.s2_left ul li span{float:left;width:100%;line-height:16px;font-size:12px;color:#666;margin-top:6px;}

#s2_tab{position:relative;float:left;width:100%;overflow:hidden;}
.tab{position:relative;float:left;width:100.2%;height:42px;border-bottom:2px solid #000;}
.tablinks{float:left;width:33.1%;height:42px;line-height:42px;font-size:16px;font-weight:bold;color:#fff;background:#aaa;border:none;outline:none;margin-right:1px;}
.tablinks.active{color:#fff;background:#000;}
#s2_tab table{float:left;width:99.9%;background:#fff;margin-top:-1px;}
#s2_tab table th{font-size:14px;font-weight:600;text-align:center;background:#ebebeb;}
#s2_tab table td{font-size:13px;text-align:center;color:#777;}
#s2_tab table th,#s2_tab table td{padding:8px;line-height:20px;border:1px solid #aaa;}
#s2_tab table td b{font-size:14px;color:#000;}
.tbl_txt{float:left;width:100%;line-height:16px;font-size:12px;color:#555;margin-top:15px;}

.s2_photo{position:relative;float:left;width:100%;margin-top:5%;}
.s2_photo ul{float:left;width:100%;}
.s2_photo ul li{float:left;width:31.9%;margin:0.7%;}
.s2_photo ul li span{float:left;width:100%;line-height:22px;font-size:16px;color:#444;text-align:center;margin-top:3%;}

/*.s2_left{position:relative;float:left;width:50%;}
.s2_title{float:left;width:100%;text-align:center;}
.s2_title b{float:left;width:100%;line-height:36px;font-size:28px;letter-spacing:-1px;color:#0ba29a;margin-bottom:8px;}
.s2_title span{float:left;width:100%;line-height:24px;font-size:16px;color:#555;}
.s2_left ul{float:left;width:100%;margin-top:12px;}
.s2_left ul li{float:left;width:31.3%;margin-left:2%;text-align:center;}
.s2_left ul li:first-child{margin-left:0;}
.s2_left ul li p{float:left;width:100%;line-height:22px;font-size:16px;font-weight:600;text-align:center;color:#000;margin-top:10px;}
.s2_icon{display:inline-block;width:70px;height:40px;padding:15px 0;text-align:center;border-radius:100%;background:#2aaca5;}
.s2_icon img{width:40px;}
.s2_tbl{position:relative;float:left;width:47%;margin:4px 0 0 3%;}
.s2_tbl table{float:left;width:100%;background:#fff;border-top:1px solid #000;}
.s2_tbl table th{width:32%;font-size:16px;font-weight:600;text-align:center;background:#ebebeb;}
.s2_tbl table td{font-size:14px;text-align:left;color:#777;}
.s2_tbl table th,.s2_tbl table td{padding:12px 2%;border-bottom:1px solid #aaa;}*/


/* 가맹점현황 */
.img_list{position:relative;float:left;width:92%;height:536px;margin:0 4%;overflow:hidden;}
.img_list ul{position:relative;float:left;width:101.4%;margin:-0.7% 0 0 -0.7%;}
.img_list ul li{position:relative;float:left;width:31.93%;height:262px;margin:0.7%;overflow:hidden;}
.img_list ul li a{position:relative;float:left;width:99.1%;height:160px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list ul li:hover a{border:1px solid #0ba29a;}
.img_list dl{float:left;width:99.1%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list dl dt{float:left;width:26%;font-size:13px;font-weight:600;color:#000;background:#eee;}
.img_list dl dd{float:left;width:66%;font-size:12px;color:#777;}
.img_list dl dt,.img_list dl dd{height:32px;line-height:32px;padding-left:4%;border-bottom:1px solid #ccc;}





/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#555;padding:4% 0;}
.footer_w{position:relative;float:left;width:80%;text-align:center;margin:0 10%;}
ul.copy{text-align:center;}
ul.copy li{display:inline-block;line-height:100%;font-size:13px;color:#bbb;padding-left:18px;background:url(./img/copy_bg.png) no-repeat 5px -4px;background-size:7px;}
ul.copy li:first-child{border:none;margin:0;padding:0;}
.footer_w p{float:left;width:100%;line-height:100%;font-size:13px;color:#999;margin-top:10px;}


/* 맨위로 */
#top{position:fixed;right:30px;bottom:4%;width:50px;height:50px;cursor:pointer;background:url(./img/top.gif) no-repeat;z-index:1000000;}




/* 서브 상품리스트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub_contents{position:relative;float:left;width:92%;margin:150px 4% 100px 4%;overflow:hidden;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:30px;text-align:center;color:#000;margin:0 0 26px 0;}
.img_list2{position:relative;float:left;width:100%;}
.img_list2 ul{position:relative;float:left;width:101.4%;margin:-0.7% 0 0 -0.7%;}
.img_list2 ul li{position:relative;float:left;width:31.93%;height:262px;margin:0.7%;overflow:hidden;}
.img_list2 ul li a{position:relative;float:left;width:99.1%;height:160px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list2 ul li:hover a{border:1px solid #0ba29a;}
.img_list2 dl{float:left;width:99.1%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list2 dl dt{float:left;width:26%;font-size:13px;font-weight:600;color:#000;background:#eee;}
.img_list2 dl dd{float:left;width:66%;font-size:12px;color:#777;}
.img_list2 dl dt,.img_list2 dl dd{height:32px;line-height:32px;padding-left:4%;border-bottom:1px solid #ccc;}


/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin-top:40px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;background:#fff;}
.paging ul li a{float:left;text-align:center;height:36px;line-height:36px;font-size:15px;padding:0 12px;color:#999;border:1px solid #e0e0e0;background:#fff;margin-left:-1px;}
.paging ul li a.on{color:#fff;background:#333;font-weight:600;border:1px solid #000;}




/* 상세페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#detail{position:relative;float:left;width:100%;}
.dtl_top{position:relative;float:left;width:100%;}
.dtl_img{position:relative;float:left;width:46%;height:300px;background:#f0f0f0;margin-right:4%;overflow:hidden;}

/* 상품정보 */
.dtl_text{position:relative;float:left;width:50%;}
.dtl_text_name{float:left;width:97%;line-height:34px;font-size:26px;font-weight:400;color:#000;padding:0 0 1.5% 2%;}
.dtl_text table{float:left;width:100%;border-top:1px solid #000;}
.dtl_text table th,.dtl_text table td{line-height:20px;font-size:14px;text-align:left;padding:2.2%;border-bottom:1px solid #e0e0e0;}
.dtl_text table th{width:22%;font-weight:400;color:#000;background:#f9f9f9;}
.dtl_text table td{line-height:18px;font-size:13px;color:#666;}
.dtl_text table td p{line-height:14px !important;font-size:11px;color:#aaa;}
.dtl_text ul{float:left;width:100%;}
.dtl_text ul li{float:left;width:100%;line-height:22px;font-size:16px;margin:4px 0;}

/* 상세페이지 내용 */
.dtl_cont{position:relative;float:left;width:100%;min-height:100px;margin-top:60px;}
.dtl_cont img{width:100%;}

/* 버튼 */
.btn_w{position:relative;float:left;width:102%;text-align:center;margin:6% 0 0 -0.8%;}
input.btn{display:inline-block;width:28%;height:50px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 1px;}
input.btn2{display:inline-block;width:28%;height:50px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
input.btn3{display:inline-block;width:28%;height:50px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#666;border:2px solid #666;margin:0 1px;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






















/* PC /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1025px){
#wrap{position:relative;float:left;width:100%;height:100%;margin:0;padding:0;}
.section{position:relative;float:left;width:100%;height:100%;overflow:hidden;}
.inner{position:relative;width:1200px;margin:0 auto;height:100%;}/* 1200px로 감싸기 */
.inner:after{content:"";display:table;clear:both;}


/* 로고 */
#logo{float:left;height:50px;line-height:50px;font-size:38px;color:#fff;font-weight:bold;font-weight:1000;letter-spacing:-2px;cursor:pointer;margin:28px 0;}
#logo img{float:left;width:auto;height:50px;}


/* 탭 메뉴 */
.menu{position:fixed;left:0;top:0;width:100%;height:100px;background:rgba(51, 51, 51, 0.9);z-index:1000000;}
.menu ul{position:absolute;right:150px;top:0;}
.menu ul li{float:left;display:block;height:100px;line-height:100px;text-align:center;}
.menu ul li a{float:left;font-size:20px;font-weight:400;padding:0 40px;color:#fff;}
.menu ul li a.active{height:96px;line-height:100px;background:rgba(255, 255, 255, 0.1);border-bottom:4px solid #0eb3aa;}


#shopping{position:absolute;right:0;top:0;width:150px;height:100px;background:#e4007f;}
#shopping a{float:left;width:100%;text-align:center;padding:18px 0 22px 0;}
#shopping a img{width:38px;}
#shopping a p{float:left;width:100%;line-height:100%;font-size:16px;font-weight:600;color:#fff;margin-top:8px;}


.sTop{position:relative;float:left;width:100%;background:#fff;height:740px;margin-top:-100px;padding:0;}/* 메인비주얼 틀 */
.s1,.s2,.s3,.s4{position:relative;float:left;width:100%;background:#fff;padding:70px 0;}/* HOME~CONTACT 틀 */
.s1{padding:0;margin:0;}
.s4{background:rgba(0, 0, 0, 0.8) !important;}
.s2{background:url(./img/pattern.gif) repeat;}


/* 메인 100% 슬라이드 */
#main_slider{position:absolute;left:50%;top:0;width:2000px;height:740px !important;overflow:hidden;margin:0 0 0 -1000px;}
#main_slider .bx-wrapper{margin-top:-12%;}
#main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;}
#main_slider .bx-controls-direction{position:absolute;left:50%;top:50%;width:1600px;height:130px;margin:-15px 0 0 -800px;text-indent:-9999px;z-index:1;}
#main_slider .bx-controls-direction a.bx-prev{position:absolute;left:0;top:0;width:112px;height:130px;background:url(./img/arrow_left.png) no-repeat;background-size:100%;}
#main_slider .bx-controls-direction a.bx-next{position:absolute;right:0;top:0;width:112px;height:130px;background:url(./img/arrow_right.png) no-repeat;background-size:100%;}
#main_slider .bx-controls-direction a{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
#main_slider .bx-controls-direction a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
#main_slider .bx-default-pager,.bx-controls-auto,.bx-stop{display:none;text-indent:-9999px;}
.ment{position:absolute;top:39%;left:0;width:100%;}
.ment p{position:relative;width:600px;padding-right:600px;text-align:center;margin:0 auto;line-height:26px;font-size:18px;color:#666;}
.ment p b{float:left;width:100%;line-height:60px;font-size:40px;letter-spacing:-2px !important;font-weight:600;color:#000;margin-bottom:30px;}


/* 메인 타이틀 */
.mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:40px;}
.mTitle b{float:left;width:100%;line-height:100%;font-size:54px;letter-spacing:-0.06em;font-weight:400;color:#000;}
.mTitle span{float:left;width:100%;line-height:100%;font-size:20px;margin-top:20px;color:#000;}
.mTitle2{position:relative;float:left;width:100%;text-align:center;margin-bottom:40px;}
.mTitle2 b{float:left;width:100%;line-height:100%;font-size:54px;letter-spacing:-0.06em;font-weight:400;color:#fff;}
.mTitle2 span{float:left;width:100%;line-height:100%;font-size:20px;margin-top:20px;color:#fff;}
.mTitle3{float:left;width:240px;line-height:60px;font-size:40px;letter-spacing:-1px;font-weight:600;text-align:center;color:#fff;background:#1b336b;margin-bottom:40px;}


/* 회사소개 - 인사말 */
#greeting{position:relative;float:left;width:100%;height:540px;padding:70px 0;background:#fff;}
.gree_bg{position:absolute;left:-70%;top:90px;width:1400px;height:540px;background:url(./img/gree_bg.png) no-repeat;z-index:10;}
.gree_txt{position:relative;float:right;width:50%;}
.gree_txt b{float:left;width:100%;line-height:46px;font-size:34px;color:#0ba29a;margin-bottom:40px;}
.gree_txt p{float:left;width:100%;line-height:28px;font-size:18px;color:#777;}
.gree_txt span{float:left;width:100%;line-height:30px;font-size:20px;font-weight:600;color:#222;margin:25px 0;}


/* 가맹안내 */
.s2_left{position:relative;float:left;width:50%;}
.s2_left ul{float:left;width:100%;}
.s2_left ul li{float:left;width:28.1%;padding:28px 2.5% 0 2.5%;height:190px;text-align:center;background:#fff;border:1px solid #aaa;margin:0 -1px -1px 0;}
.s2_left ul li img{width:50px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
.s2_left ul li b{float:left;width:100%;line-height:100%;font-size:22px;letter-spacing:-1px;font-weight:bold;font-weight:1000;color:#0ba29a;margin-bottom:15px;}
.s2_left ul li p{float:left;width:100%;line-height:26px;font-size:18px;letter-spacing:-1px;font-weight:600;color:#000;margin-top:12px;}
.s2_left ul li p a{color:#555;}
.s2_left ul li span{float:left;width:100%;line-height:16px;font-size:12px;color:#666;margin-top:6px;}

#s2_tab{position:relative;float:left;width:47%;margin-left:3%;overflow:hidden;}
.tab{position:relative;float:left;width:100.2%;height:50px;border-bottom:2px solid #000;}
.tablinks{float:left;width:33.1%;height:50px;line-height:50px;font-size:20px;font-weight:bold;color:#fff;background:#aaa;border:none;outline:none;margin-right:1px;}
.tablinks.active{color:#fff;background:#000;}
#s2_tab table{float:left;width:99.9%;background:#fff;margin-top:-1px;}
#s2_tab table th{font-size:16px;font-weight:600;text-align:center;background:#ebebeb;}
#s2_tab table td{font-size:14px;text-align:center;color:#777;}
#s2_tab table th,#s2_tab table td{padding:10px;line-height:22px;border:1px solid #aaa;}
#s2_tab table td b{font-size:16px;color:#000;}
.tbl_txt{float:left;width:100%;line-height:16px;font-size:12px;color:#555;margin-top:15px;}

.s2_photo{position:relative;float:left;width:100%;margin-top:40px;}
.s2_photo ul{text-align:center;}
.s2_photo ul li{position:relative;display:inline-block;width:23.4%;height:374px;margin:0.7%;overflow:hidden;}
.s2_photo ul li span{display:none;}
.s2_photo ul li:hover span{position:absolute;left:0;top:0;display:block;width:100%;height:374px;line-height:374px;font-size:20px;font-weight:600;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.6);}

/*.s2_title{float:left;width:100%;text-align:center;}
.s2_title b{float:left;width:100%;line-height:40px;font-size:32px;letter-spacing:-1px;color:#0ba29a;margin-bottom:12px;}
.s2_title span{float:left;width:100%;line-height:22px;font-size:16px;color:#555;}
.s2_left ul{float:left;width:100%;margin-top:38px;}
.s2_left ul li{float:left;width:29.33%;margin-left:4%;}
.s2_left ul li:first-child{margin-left:0;}
.s2_icon{float:left;width:100%;height:70px;padding:45px 0 55px 0;text-align:center;border-radius:100%;background:#2aaca5;}
.s2_icon img{width:70px;}
.s2_left ul li p{float:left;width:100%;line-height:26px;font-size:18px;letter-spacing:-1px;font-weight:600;text-align:center;color:#000;margin-top:15px;}*/



/* 가맹점현황 */
.img_list{position:relative;float:left;width:100%;}
.img_list ul{position:relative;float:left;width:101.4%;margin:-0.7% 0 0 -0.7%;}
.img_list ul li{position:relative;float:left;width:23.6%;height:314px;margin:0.7%;overflow:hidden;}
.img_list ul li a{position:relative;float:left;width:99.3%;height:200px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list ul li:hover a{border:1px solid #0ba29a;}
.img_list dl{float:left;width:99.3%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list dl dt{float:left;width:24%;font-size:14px;font-weight:600;color:#000;background:#eee;}
.img_list dl dd{float:left;width:68%;font-size:13px;color:#777;}
.img_list dl dt,.img_list dl dd{height:36px;line-height:36px;padding-left:4%;border-bottom:1px solid #ccc;}




/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#555;padding:2.5% 0;}
.footer_w{position:relative;width:700px;text-align:center;margin:0 auto;}
ul.copy{text-align:center;}
ul.copy li{display:inline-block;line-height:100%;font-size:13px;color:#bbb;padding-left:18px;background:url(./img/copy_bg.png) no-repeat 5px -4px;background-size:7px;}
ul.copy li:first-child{border:none;margin:0;padding:0;}
.footer_w p{float:left;width:100%;line-height:100%;font-size:13px;color:#999;margin-top:10px;}


/* 맨위로 */
#top{position:fixed;right:30px;bottom:4%;width:50px;height:50px;cursor:pointer;background:url(./img/top.gif) no-repeat;z-index:1000000;}




/* 서브 상품리스트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub_contents{position:relative;float:left;width:100%;padding:200px 0 100px 0;border-bottom:1px solid #ccc;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:40px;text-align:center;color:#000;margin:0 0 40px 0;}
.img_list2{position:relative;float:left;width:100%;}
.img_list2 ul{position:relative;float:left;width:101.4%;margin:-0.7% 0 0 -0.7%;}
.img_list2 ul li{position:relative;float:left;width:23.6%;height:314px;margin:0.7%;overflow:hidden;}
.img_list2 ul li a{position:relative;float:left;width:99.3%;height:200px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.img_list2 ul li:hover a{border:1px solid #0ba29a;}
.img_list2 dl{float:left;width:99.3%;border:1px solid #ccc;border-bottom:none;margin-top:-1px;background:#fafafa;}
.img_list2 dl dt{float:left;width:24%;font-size:14px;font-weight:600;color:#000;background:#eee;}
.img_list2 dl dd{float:left;width:68%;font-size:13px;color:#777;}
.img_list2 dl dt,.img_list2 dl dd{height:36px;line-height:36px;padding-left:4%;border-bottom:1px solid #ccc;}

/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin-top:60px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;background:#fff;}
.paging ul li a{float:left;text-align:center;height:40px;line-height:40px;font-size:18px;padding:0 14px;color:#999;border:1px solid #e0e0e0;background:#fff;margin-left:-1px;}
.paging ul li a.on{color:#fff;background:#333;font-weight:600;border:1px solid #000;}




/* 상세페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#detail{position:relative;float:left;width:100%;}
.dtl_top{position:relative;float:left;width:100%;}
.dtl_img{position:relative;float:left;width:520px;height:390px;background:#f0f0f0;margin-right:50px;overflow:hidden;}

/* 상품정보 */
.dtl_text{position:relative;float:left;width:630px;}
.dtl_text_name{float:left;width:97%;line-height:34px;font-size:26px;font-weight:400;color:#000;padding:0 0 1.5% 2%;}
.dtl_text table{float:left;width:100%;border-top:1px solid #000;}
.dtl_text table th,.dtl_text table td{line-height:24px;font-size:16px;text-align:left;padding:2.5%;border-bottom:1px solid #e0e0e0;}
.dtl_text table th{width:18%;font-weight:400;color:#000;background:#f9f9f9;}
.dtl_text table td{color:#666;}
.dtl_text table td p{line-height:14px !important;font-size:11px;color:#aaa;}

.dtl_text table td a{display:inline-block;vertical-align:top;line-height:22px;font-size:12px;font-family:'dotum' !important;text-align:right;letter-spacing:-1px;color:#fff;background:#888;padding:0 8px;margin-left:10px;}

.dtl_text ul{float:left;width:100%;}
.dtl_text ul li{float:left;width:100%;line-height:22px;font-size:16px;margin:4px 0;}

/* 상세페이지 내용 */
.dtl_cont{position:relative;float:left;width:100%;min-height:100px;margin-top:60px;}

/* 버튼 */
.btn_w{position:relative;float:left;width:102%;text-align:center;margin:60px 0 0 -1%;}
input.btn{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 1px;}
input.btn2{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
input.btn3{display:inline-block;width:21.333%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#666;border:2px solid #666;margin:0 1px;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/