@charset 'utf-8';
@import '/css/font.local.css';
@import '/design/css/design.css';

/* ------------*/
/* Fxied       */
/* ------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin:0; padding:0; }

fieldset, img { border:0 none; }
dl, ul, ol, menu, li { list-style:none; }
input, select, textarea { border:1px solid #cccccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input[type=checkbox], input[type=radio] { margin-right:3px; padding:0; width:15px; height:15px; border:none; box-shadow: none; }
input, select, textarea, button { vertical-align:middle; }
input[type=text], input[type=password], input[type=number] { padding:0 0.4rem; height:33px;}
input[data-readonly] { pointer-events:none; }
label { font-weight:inherit; }
select { padding:0.35rem; }
textarea { width:100%; padding:2px; resize:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
textarea[class*=SmartEditor] { width:99.9%; }
table { table-layout:fixed; }
a,a:hover,a:focus { color:inherit; text-decoration: none; }
img{max-width:100%;}

/*공용*/
.strong { font-weight:500; }
.font-bold { font-weight:bold; }
.gray { color:#888; }
.green { color:#449e2f; }
.red { color:#c31313; }
.hide { display:none; }
.float-left { float:left; }
.float-right { float:right; }
.content:after { display:block; clear:both; content:""; }
.list-float>li { float:left; }
.list-float:after { display:block; clear:both; content:""; }
.clear-both:after { display:block; clear:both; content:""; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.list-notice { background-color:#e7e7e7!important; font-weight:bold; }
#faq-tabmenu li#tabOn { font-weight:500; color:#fff; background-color:#888889; font-size:18px;}
#faq-tabmenu li#tabOn a { color:#fff; text-decoration:none;}
em.error { background-color:#ff5555; color:#fff; font-size:12px;}
.label-new { font-weight:normal; font-size:10px; padding:0px 5px; }

/*리스트 : 내용없음*/
.empty { text-align:center; color:gray; height:200px; line-height:200px; }

/*기본 랩퍼*/
#container:after { display:block; content:""; clear:both; }

/*필수 표시*/
span.required { display: -moz-inline-stack; display: inline-block; position: relative; width: 26px; height: 14px; line-height: 14px; margin-left: 2px; background: url(/images/icon/icon_required.gif) no-repeat; overflow: visible; }

/*테이블 보더, 여백, 스타일*/
.tb > tr > td,
.tb > thead > tr > th,
.tb > tbody > tr > th,
.tb > tfoot > tr > th,
.tb > thead > tr > td,
.tb > tbody > tr > td,
.tb > tfoot > tr > td {border:1px solid #ccc;}

.tbn > tr > td,
.tbn > thead > tr > th,
.tbn > tbody > tr > th,
.tbn > tfoot > tr > th,
.tbn > thead > tr > td,
.tbn > tbody > tr > td,
.tbn > tfoot > tr > td { border:1px solid #ccc;	border-right:none; border-left:none;}

.tp1 > thead > tr > th,
.tp1 > tbody > tr > td,
.tp1 > tfoot > tr > td,
.tp1 > tr > td  { padding:0.6rem; }

.tp2 > thead > tr > th,
.tp2 > tbody > tr > td,
.tp2 > tfoot > tr > td,
.tp2 > tr > td  { padding:1rem; }

.tp3 > thead > tr > th,
.tp3 > tbody > tr > td,
.tp3 > tfoot > tr > td,
.tp3 > tr > td  { padding:1.5rem }

.even > tr:nth-of-type(even) > td,
.even > tbody > tr:nth-of-type(even) { background-color:#f9f9f9; }
.even > thead > tr > th { background-color:#f4f4f4; border-bottom:1px solid #aaa; } 

.subtitle { background-color:#f1f1f1; font-weight:500; }

/*폰트사이즈 , 여백 */
.f1 { font-size:0.8rem; }
.f2 { font-size:0.9rem; }
.f3 { font-size:1rem; }
.f3-1{font-size:1.15rem;}
.f4 { font-size:1.3rem; }
.f5 { font-size:1.5rem; }
.f6 { font-size:2.0rem; }
.f7 { font-size:2.5rem; }
.f8 { font-size:3rem; }
.f9 { font-size:3.5rem; }

.p0 { padding:0; }
.p1 { padding:0.5rem; }
.p2 { padding:0.7rem; }
.p3 { padding:1.0rem; }
.p4 { padding:1.5rem; }
.p5 { padding:2.0rem; }
.p6 { padding:2.5rem; }
.p7 { padding:3.0rem; }

.pv1 { padding-top:0.5rem; padding-bottom:0.5rem; }
.pv2 { padding-top:0.7rem; padding-bottom:0.7rem; }
.pv3 { padding-top:1.0rem; padding-bottom:1.0rem; }
.pv4 { padding-top:1.5rem; padding-bottom:1.5rem; }
.pv5 { padding-top:2.0rem; padding-bottom:2.0rem; }
.pv6 { padding-top:2.5rem; padding-bottom:2.5rem; }
.pv7 { padding-top:3.0rem; padding-bottom:3.0rem; }

.ph1 { padding-left:0.5rem; padding-right:0.5rem; }
.ph2 { padding-left:0.7rem; padding-right:0.7rem; }
.ph3 { padding-left:1.0rem; padding-right:1.0rem; }
.ph4 { padding-left:1.5rem; padding-right:1.5rem; }
.ph5 { padding-left:2.0rem; padding-right:2.0rem; }
.ph6 { padding-left:2.5rem; padding-right:2.5rem; }
.ph7 { padding-left:3.0rem; padding-right:3.0rem; }

.pl0 { padding-left:0 }
.pr0 { padding-right:0 }
.pt0 { padding-top:0 }
.pb0 { padding-bottom:0 }

.m0 { margin:0; }
.m1 { margin:0.5rem; }
.m2 { margin:0.7rem; }
.m3 { margin:1.0rem; }
.m4 { margin:1.5rem; }
.m5 { margin:2.0rem; }
.m6 { margin:2.5rem; }
.m7 { margin:3.0rem; }

.mt1 { margin-top:0.5rem; }
.mt2 { margin-top:0.7rem; }
.mt3 { margin-top:1.0rem; }
.mt4 { margin-top:1.5rem; }
.mt5 { margin-top:2.0rem; }
.mt6 { margin-top:2.5rem; }
.mt7 { margin-top:3.0rem; }

.mv1 { margin-top:0.5rem; margin-bottom:0.5rem; }
.mv2 { margin-top:0.7rem; margin-bottom:0.7rem; }
.mv3 { margin-top:1.0rem; margin-bottom:1.0rem; }
.mv4 { margin-top:1.5rem; margin-bottom:1.5rem; }
.mv5 { margin-top:2.0rem; margin-bottom:2.0rem; }
.mv6 { margin-top:2.5rem; margin-bottom:2.5rem; }
.mv7 { margin-top:3.0rem; margin-bottom:3.0rem; }

.mh1 { margin-left:0.5rem; margin-right:0.5rem; }
.mh2 { margin-left:0.7rem; margin-right:0.7rem; }
.mh3 { margin-left:1.0rem; margin-right:1.0rem; }
.mh4 { margin-left:1.5rem; margin-right:1.5rem; }
.mh5 { margin-left:2.0rem; margin-right:2.0rem; }
.mh6 { margin-left:2.5rem; margin-right:2.5rem; }
.mh7 { margin-left:3.0rem; margin-right:3.0rem; }

.ml0 { margin-left:0; }
.mr0 { margin-right:0; }
.mt0 { margin-top:0; }
.mb0 { margin-bottom:0; }

.b1 { border:1px solid #ccc; }
.b2 { border:2px solid #ccc; }
.bb1 { border-bottom:1px solid #ccc; }
.bt1 { border-top:1px solid #ccc; }
.br1 { border-right:1px solid #ccc; }
.bl1 { border-left:1px solid #ccc; }
.bt0 { border-top:none; }
.br0 { border-right:none !important; }
.bl0 { border-left:0 !important; }
.bb0{ border-bottom:0 !important; }

/*슬라이더 기본 세팅*/
.bx-wrapper { border:none; margin-bottom:0; box-shadow:none; }
.bx-wrapper .bx-pager { bottom:30px; }

/*게시판 기본 높이*/
.board-content { min-height:350px; }

/* ------------*/
/* Shop       */
/* ------------*/
.line-through { text-decoration:line-through; }
.money { color:#c31313; font-weight:bold; }

.output-skin01 .thumb-wrapper:hover .sticbtn { display:block; }
.output-skin01 .sticbtn { position:absolute; bottom:0; left: calc(50% - 82.5px); background-color:#333; border-radius:5px 5px 0 0; display:none; }
.output-skin01 .sticbtn a { color:#fff; display:inline-block; padding:5px; font-weight:normal; }
.output-skin01 .goods-icon { min-height:17px; line-height:12px; }
.output-skin01 .bullet { position:absolute; top:0; left:5px; z-index:999; }
.output-skin01 .goods-icon { height:20px; line-height:20px;}

.output-skin02:after { display:block; clear:both; content:""; }
.output-skin02 .sticbtn { position:absolute; bottom:0; left: calc(50% - 114px); background-color:#333; border-radius:5px 5px 0 0; display:none; }
.output-skin02 .sticbtn a { color:#fff; }
.output-skin02 .goodsNum { width:50px; height:120px; line-height:120px; color:gray }
.output-skin02 .goodsMoney { padding-top:40px; width: 150px;}
.output-skin02 .goodsimage { position:relative; padding-top:100%; overflow:hidden; }
.output-skin02 .goodsimage:hover .pro_image { transform:scale(1.1); }
.output-skin02 .proimage { position:relative; width:120px; }
.output-skin02 .pro_image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }
.output-skin02 .goods-title { display:block; }
.output-skin02 .goodsicon { height:17px; line-height:12px; }
.output-skin02 .bullet { position:absolute; top:-3px; left:0px; z-index:999; }
.output-skin02 .propart { float:left; width:calc( 100% - 480px ); }
.output-skin02 .probtn { position:relative; width:160px; }

.zoom-img { width:50%; }
.zoom-img img { max-width:100%; }
.basic-info { width:50%; }
.small-img li { width:20%; padding:1px; box-sizing:border-box; }
.small-img li img { opacity:0.7; }

.detail-bottom .detail-naver { width:297px; }
.detail-bottom .detail-etc { width:50%; }
.detail-bottom .detail-btn { width:50%; }
.detail-bottom .detail-btn a { width:31.33333%; margin-right:1.5%;  }
.detail-bottom .detail-btn a:nth-of-type(3) { margin-right:0; }
.detail-etc { background-color:#f1f1f1; height:46px; }
.detail-etc2 { background-color:#f1f1f1; }
.markup { position:absolute; top:-3px; left:5px; }


#category-box > ul > li { width:20%; }
#category-box > ul > li > a { display:inline-block; width:100%; font-size:16px; }
#category-box > ul { border:2px solid #ccc; overflow:hidden; }
#category-box > ul > li { border:1px solid #ccc; border-top:none; border-right:none; margin-bottom:-1px; margin-left:-1px; }

.pay-table tr td { position:relative; }
.calc-icon { position:absolute; left:-14px; top:50%; transform:translateY(-15px); }

.starRating { width: 68px; vertical-align: middle; }
.starRating, .starRating span { text-align: left; display: inline-block; height: 12px; background: transparent url(/shop/images/goods/icoFiveStar.gif) no-repeat; overflow: hidden; }
.starRating span { font-size: 0; line-height: 0; vertical-align: top; text-indent: -100px; background-position: 0 -12px; }

.icon-box { font-size:40px; }
#mypage-menu ul li { width:100%; height:185px; box-sizing:border-box; background-color:#f1f1f1; transition:0.3s; border-radius:20px; padding:10px;  }
#mypage-menu ul li:hover { background-color:#EAFECB; }
#mypage-menu ul li:hover i { color:#FCA749; }
#mypage-menu ul li i { transition:0.3s; }
.event-content { border-bottom:1px solid #dfdfdf; cursor:pointer; }
.catebox { overflow: hidden; margin: 10px 0; border:1px solid #ccc; border-top: 2px solid #333; }
.catelistmenu { float: left; display: inline-block; transition:0.3s; width: 20%; text-indent: 10px; padding: 8px 0px; border: 1px solid #ccc; border-top: none; border-right: none; margin: 0px 0px -1px -1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.catelistmenu:hover { background-color:#54aa00; color:#fff; }
.cateOncolor, .cateOncolor:hover { background: #515a69; color: #FFF; font-weight: normal; }
.tinyimage { width: 100px; height: 100px; border: 1px solid #ccc; margin: 0 2px 2px 0px; }
.option-ea-box { border:1px solid #ccc; border-radius:10px; }

.mem-level-pay:hover .level-pop { display:block }
.level-pop { width:200px; display:none; position:absolute; background-color:#fff; }

#cate-tabmenu li { border-radius:10px; border:1px solid #337ab7; margin-right:5px; }
#cate-tabmenu li a { display:inline-block; width:100%; height:100%; color:#337ab7; }
#cate-tabmenu #tabOn { background-color:#337ab7;  }
#cate-tabmenu #tabOn a { color:#fff; text-decoration:none; }

.cloud-zoom-gallery { width: calc( 20% - 3px ); position:relative; padding-top:calc( 20% - 3px ); }
.cloud-zoom-gallery img { width:100%; position:absolute; top:0; height:100%; }


/*구매후기*/
.reviews-img { display:inline-block; width:118px; height:118px; overflow:hidden; }
.reviews-img img { transition:0.3s; }
.review-tr:hover img { transform:scale(1.1); }

/* 쇼핑몰 상품후기 */
.reviewList li { width:50%; height:122px; cursor:pointer; }
.reviewList li:hover { background-color:#f1f1f1; }
.review-info { width:45%; height:500px; }
.review-img { width:55%; text-align:center; height:500px; overflow:hidden; }

/* ------------------*/
/* Board(일반,포토)  */
/* ------------------*/
.board-light { color:#f06f1c; }

.thumb-wrapper { position:relative; padding-top:80%; overflow:hidden; }
.thumb:hover .thumb-image { transform:scale(1.1); }
.proimage { position:relative; }
.thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }

.private-content { overflow-y:auto; height:150px; font-size:18px;;}

/*로그인*/
.login-table { margin:0 auto; }
.login-tip { width: }

label[for=membership] {font-weight:500; color:#FD4637; vertical-align:sub; }
label[for=agreement] {font-weight:500; color:#FD4637; vertical-align:sub; }
#agreement { width:18px; height:18px; }
#membership { width:18px; height:18px; }

.faq-show { margin-top: 20px; background-color:#f1f1f1; border-radius:10px; font-size:18px;}

/* ------------------*/
/* SMS 상담문의  */
/* ------------------*/
.sms_page td { padding:2px; }

/* ------------------*/
/* 우측 퀵메뉴  */
/* ------------------*/
#familyBox {position:fixed; top:0px; right:-317px; width:347px; height:100%; z-index:99999}
#familyTogleBT {position:absolute; top:55%;left:-10px; cursor: pointer;}
#familyBox2 {position:relative; left:25px; width:216px; height:100%; padding-top:10px; background:#f7f7f7; border-left:5px solid #056eb2;}
#familyBox2 .sms-bg {display:inline-block; margin-left:10px}
#familyBox3 {width:176px; min-height:256px; margin-left:10px; background:url(/design/images/left_right/sms_bodybg.jpg) repeat-y;  text-align:center; overflow:hidden}
#familyBox3 ul li {display:inline-block; margin:0 auto;}
#familyBox3 ul li span {font-size:16px; color:#45aef2; font-weight:600; margin-bottom:4px;}
#familyBox3 ul li h3 {font-size:11px; font-weight:normal; color:#666;}
#quick-sms {display:inline-block; width:140px;}
#quick-sms form {border-top:1px dotted #d1d1d1; padding-top:5px; margin-top:10px;}
#quick-sms p span {width:45px; display:block; float:left; line-height:25px; padding-bottom:3px; margin:3px 0px; text-align:left; font-size:12px; font-weight:600; color:#444;}
#quick-sms p input {width:90Px; margin:3px 0;color:#666; line-height:25px; height:25px; font-size:11px;}
#quick-sms textarea {width:140px; margin:5x 0; height:70px; padding:5px; color:#666;}
#quick-sms .captcha {margin-top:6px; width:140px; border-top:1px dotted #d1d1d1; padding-top:5px;}
#quick-sms .captcha span {width:140px;padding:5px 0; font-size:12px; font-weight:600; padding-bottom:5px; color:#444; display:block; float:left;}
#quick-sms .captcha img {width:65px; height:23px;}
#quick-sms .captcha input {float:right; width:70px; line-height:25px; height:25px; font-weight:600; margin:0; background:#fff5f7; color:#666;}
#quick-sms .policy {text-align:center; margin:4px auto;}
#quick-sms .policy img {float:left;  margin-top:3px; font-size:12px; display:block;}
#quick-sms .policy span {float:right; margin-top:3px; font-size:12px; letter-spacing:-2px;}
#quick-sms .sms-btn {display:block; text-align:center; margin:15px auto 0px;}
#familyBox2 .banner {display:block; margin:15px auto 0px;}
#familyBox2 .banner a {display:block; font-size:14px; padding:12px 0px; text-indent:28px; border-top:1px solid #d1d1d1; color:#333}
#familyBox2 .banner .fa {margin-right:10px}
#familyBox2 .banner img{margin-right:5px;}

/* ------------*/
/* Design Team */
/* ------------*/
html { font-size:14px; background-color:#fff; }
body { font-size:1rem; color:#333; font-family:'Noto Sans KR',dotum,'돋움',sans-serif; }

#wrapper { width:100%; min-width:320px }
#back-top { position:fixed; right:50px; bottom:50px;  display:inline-block;  border:1px solid #ccc;}
#back-top a { display:block; width:60px; width:80px;  color:#333; padding:10px 0; ; background-color:#fff; text-decoration:none; }
#back-top a:last-child{background:#bdc1c5; color:#000; height:30px; line-height:28px; padding:0;}
.tb { border-width:1px; border-style:solid; border-color:#ccc; }

/* 메인 컬러 스타일 */
.bt2-main { border-top:2px solid #555; }
.b2-main { border:2px solid #555; }
.fc-main { color:#555; }
.hover-main:hover { background-color:#f1f1ff; }
.hover-main:hover td { background-color:#f1f1ff; }

/*메인 고객센터*/
#customer { background-color:#f1f1f1; }

/* 레프트 메뉴가 있는 서브페이지 */
#sub-content-wrapper-left { float:left; width:calc(100% - 200px);  }
#sub-content-left { border-left:1px solid #dfdfdf; min-height:800px; }
#sub-content-left img { max-width:100%; }
#left { float:left; width:200px; }

/* 레프트 메뉴가 없는 서브페이지 */
#sub-content { min-height:800px; }
#sub-content img { max-width:100%; }

/*레프트메뉴*/
.sub-menu-title { background-color:#fff; color:#333; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:150px; padding-top:50px; }
.sub-menu { border-left:1px solid #dfdfdf; }
.sub-menu > li { border-bottom:1px solid #dfdfdf; }
.sub-menu > li > a { display:block; color:#888; }
.sub-menu > li > a.on { background-color:#a5a8b2; color:#fff; }
.sub-menu > li > a:hover { background-color:#a5a8b2; color:#fff; }
.bx-wrapper img { display:inline-block; }

/*==========================================================
서브메뉴
==========================================================*/
.inner { width: 100%; padding: 0 8%; margin: 0 auto; }
.lnbWrap {display:block; border-bottom:1px solid #dfdfdf; background-color:#fff; border-top:1px solid #dfdfdf;}
.lnbWrap ul {margin:0; padding:0; }
.lnbWrap li {list-style:none; }
.lnbWrap .lnb {display:inline-block; background-color:#fff; }
.lnbWrap .lnb .open{width:300px !important;}
.lnbWrap .lnb .info-item {position:relative; vertical-align:middle; width:270px; display:inline-block; margin-right:-4px; }
.lnbWrap .lnb .info-item > a {display:block; position:relative; padding:0 40px 0 20px; color:#333; box-sizing:border-box; line-height:60px; border-left:1px solid #dfdfdf; font-size:19px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.lnbWrap .lnb .info-item a:hover {text-decoration:none; }
.lnbWrap .lnb .info-item a.toggle-box-btn{border-right:1px solid #dfdfdf; }
.lnbWrap .lnb .info-item.home {width:69px; padding:0; background-color:#ee7700; }
.lnbWrap .lnb .info-item.home a {width:100%; padding:0; text-align:center; color:#fff; border:none!important; }
.lnbWrap .lnb .info-item .toggle-box {position:absolute; display:block; width:20px; height:20px; right:20px; top:22px;background: url('/design/images/sub/icon_page_arrow.png') no-repeat;}
.lnbWrap .lnb .info-item:hover { background-color:#333; color:#fff; }
.lnbWrap .lnb .info-item:hover .toggle-box{background: url('/design/images/sub/icon_page_arrow_on.png') no-repeat;}
.lnbWrap .lnb .info-item:hover>a { color:#fff; }
.lnbWrap .lnb .info-item.active, .lnbWrap .lnb .info-item:hover {color:#eb6100; }

.opened-menu {display:none; position:absolute; top:61px; left:0; width:100%; padding:0; font-size:0.85em; background:rgba(255, 255, 255, .9); z-index:5; }
.opened-menu .menu-item {font-size:17px; border:1px solid #d9d9d9; border-top:0; padding:0 20px; line-height:44px; display:block; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;}
.opened-menu .menu-item:hover {background:rgba(255, 200, 10, .05); color:#ee7700; }
.opened-menu .menu-item.active { font-weight:bold; color:#ee7700; }


/*서브페이지 공통*/
#location { color:#888; }
.sub-title {text-align:center; font-size:45px; }

/*상단바*/
#top-bar { background-color:#fff; border-bottom:1px solid #dfdfdf;}
#top-bar a { color:#666666; margin:0 10px; box-sizing:border-box;}
#logo-box .logo { width:20%; height:100px; line-height:100px;}
#logo-box .gnb-wrap { width:80%; height:100px;}

/*gnb*/
#gnb > li { width:calc(100%  / 7); position:relative;float:left;height:60px;}
#gnb > li a {display:inline-block; width:100%; font-weight:500; box-sizing:border-box; color:#333;line-height:50px;height:60px;font-size:20px;position:relative;}
.content { width:100%;min-width:320px; padding-left:8%; padding-right:8%; }

/* 최상위 메뉴 스킨2번 */
#gnb > li span.bottom_border { position:absolute; bottom:-1px; left:50%; transition:0.5s; transform:translateX(-50%); display:inline-block; width:0%; height:4px; background-color:#ED7700 ; }
#gnb > li:hover span.bottom_border { width:50%; }
#gnb ul {width:100%; box-sizing:border-box; position:absolute; display:none; background:#ee7700; }
#gnb ul li { text-align:center; width:100%; }
#gnb ul li a { display:inline-block; padding:10px 0; width:100%; font-size:18px; color:#fff !important;line-height:40px;}
#gnb ul li a::after{display:none;}
#gnb ul li a:hover { background-color:#d24f00; }


/*footer*/
#footer { background-color:#292929; }


/*테이블 스킨 01*/
.table-skin01 { width:100%; }
.table-skin01 > thead > tr > th { background-color:#f1f1f1; }
.table-skin01 > tr > td,
.table-skin01 > thead > tr > th,
.table-skin01 > tbody > tr > th,
.table-skin01 > tfoot > tr > th,
.table-skin01 > thead > tr > td,
.table-skin01 > tbody > tr > td,
.table-skin01 > tfoot > tr > td {border:1px solid #ccc; padding:15px;}


.table-skin02 { width:100%; }
.table-skin02 > thead > tr > th { background-color:#f1f1f1; }
.table-skin02 > tr > td,
.table-skin02 > thead > tr > th,
.table-skin02 > tbody > tr > th,
.table-skin02 > tfoot > tr > th,
.table-skin02 > thead > tr > td,
.table-skin02 > tbody > tr > td,
.table-skin02 > tfoot > tr > td {border:1px solid #ccc; padding:10px;}

/*탭*/
.tab-menu { width:100%; border:1px solid #dfdfdf; box-sizing:border-box; }
.tab-menu li { border-right:1px solid #dfdfdf; box-sizing:border-box; }
.tab-menu li:last-of-type { border-right:none; }
.tab-menu.l6 li { width: 16.6666666%; }
.tab-menu.l3 li { width: 33.33333333%; }
.tab-menu li a { display:inline-block; width:100%; background-color:#f5f5f5; text-align:center; }
.tab-menu li a.on { background:#f06f1c url(/design/images/sub/tab_back.png) center bottom no-repeat; color:#fff; }
.tab-menu li a:hover { background:#f06f1c url(/design/images/sub/tab_back.png) center bottom no-repeat; color:#fff; }


/*1024메뉴*/

#sidemenu_bg { width:100%; z-index:999999998; overflow-y:auto; top:0; right:0; margin-right:-100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; }
#sidemenu { display:none; float:right; top:0; right:0; position:fixed; width:320px; z-index:999999999; overflow-y:auto; margin-right:-100%; height:100%; background:#fff; }

.login-bar { background:#fff; }
.login-bar .login-info { color:#333; font-weight:500; padding:15px 10px; border-bottom:1px solid #dfdfdf; display:block; overflow:hidden; }
.login-bar .login-info .login-join { float:left; font-size:15px; font-weight:bold; letter-spacing:-2px; line-height:20px; }
.login-bar .login-info .login-close { float:right; font-size:20px; line-height:20px; color:#333; }
.login-bar .login-menu { color:#fff; overflow:hidden; }
.login-bar .login-menu div { float:left; width:100%; padding:10px; border-right:1px solid #dfdfdf; }
.login-bar .login-menu a { color:#333; font-weight:500; letter-spacing:-2px; }
.login-bar .login-menu i { padding-left:3px; }

.left-menu-title { background-color:#fff; border-top:1px solid #ccc; }
.left-gnb li:last-child .left-menu-title{border-bottom:1px solid #ccc;}
.left-sub-menu { background-color:#f1f1f1; display:none; }
.left-sub-menu li { border-bottom:1px solid #ccc; }
.left-sub-menu li:last-of-type { border-bottom:none; }
.left-sub-menu li a { display:block; padding:15px; }
.login-btn-box { border-bottom:1px solid #ccc; }
.login-btn-box div { width:50%; height:55px; }
.login-btn-box div a { display:inline-block; width:100%; }
.login-btn-box div:first-of-type { border-right:1px solid #ccc; }
.logout { background-color:#FB4F04; color:#fff; }
.login { background-color:#1A7AE6; color:#fff; }
.join { background-color:#34CB4F; color:#fff; }


.media-menu-1024 { display:none; }
.modal-open .modal { z-index:9999999; }
#login { width:50%; margin:0 auto; margin-top:10px; }


@media screen and (max-width: 1500px) {
.m_ver1{display:block;}
}

@media screen and (max-width: 1280px) {
	
	.right_quick {display:none;}
	.main_title01 span{font-size:25px; color:#333;}
	.main_title01 h2{font-size:40px; color:#24549c; margin-bottom:5px; font-weight:600;}
	.main_title01 h2 span{font-size:40px;}
	.main_title01 p{font-size:17px; color:#666;}

	.main_title02 span{font-size:25px; }
	.main_title02 h2{font-size:40px;}
	.main_title02 h2 span{font-size:40px;}
	.main_title02 p{font-size:17px;}


	.m_content02 h3{font-size:20px;}
	.m_content02 h3 span{color:#fff100;}
	.m_content02 h2{font-size:38px; font-weight:350; color:#333; margin-bottom:30px;}
	.m_content02 h2 span{font-weight:700;}
	.m_content02 h2 span.point_color{color:#24549c}

	p.cont_txt{font-size:19px !important;}
	.m_content02 span.font_size{font-size:17px !important;}

	.m_content03 img{width:80px;}
	.m_content03 h2{font-size:38px; }
	.m_content03 h2:after{width:80px;}

	.m_content07 img{width:75%;}
	.m_content07 .main_title02 h2{margin-bottom:30px;}
	
	
	.consult01 .consult_in table{width:80%; }
	.consult02 .consult_form table{width:100%; margin-right:0 !important;}
	
	.consult01 .consult_in{width:50%;}
	.consult01 .consult01_poduct{width:50%;}
	.consult01 .consult01_poduct > img{width:100%;}

	.consult02 .main_title01 h2 span{font-size:20px;}
	.consult02 .main_title01 h2 span img{width:35px;}

	.sns_img { height:250px;}
	
	.sub-txt .pc-ver{display:none;}

	.content { padding-right:2%; padding-left:2%;}
	/*#logo-box>div { width:25%; height:130px; }
	#logo-box .gnb-wrap { width:70%; height:130px; line-height:130px; }*/
	#gnb li a { font-size:15px; }
	#gnb li ul li a{font-size:15px;}
	#gnb li:last-child{font-size:15px !important;}
	#gnb li:last-child img{width:25px !important;}
	#login { width:70%;}


	

	
}

@media screen and (max-width: 1024px) {
	.lnbWrap .content{padding:0 !important;}
	.lnbWrap .lnb .info-item.home {display: none !important;}
	#logo-box .logo { width:40%; height:80px; line-height:80px;}
	#gallary_list form > div{width: calc(50% - 10px ) !important; }
	#gallary_list form > div.empty{width:100% !important;}
	.sub-title {font-size:35px; }
	.m_content02 h3{font-size:17px;}
	.m_content02 h3 span{color:#fff100;}
	.m_content02 h2{font-size:30px;  font-weight:350; color:#333; margin-bottom:30px;}
	.m_content02 h2 span{font-weight:700;}
	.m_content02 h2 span.point_color{color:#24549c}
	#faq-tabmenu li#tabOn { font-weight:500; color:#fff; background-color:#888889; font-size:16px;}

	.cont_txt{font-size:17px !important; font-weight:350;}

	.main_movie iframe{height:300px;}

	.m_content07 .pc_ver{display:none !important;}
	

	.consult01 .consult_in table{width:100%; }
	.consult01 .main_title02 h2{font-size:35px;}
	
	.consult02 .main_title01 .consult02_title span{ font-size:20px; float:right; color:#fff; margin-top:5px;}
	.consult02 .main_title01 .consult02_title span img{width:25px; margin-right:5px;}
	.consult02 > p{font-size:17px;}

	#logo-box>div a { line-height:130px; }
	.member_form input[type=text],.member_form input[type=password] { width:100%!important; }
	#sub-content { padding:0; }
	#sub-content  > p{padding-top:20px;}
	#left-right { display:none; }
	#logo-box>div { width:calc(100% - 80px); height:100px; }
	#logo-box>div a { font-size:25px; line-height:75px; }
	#logo-box .gnb-wrap { width:80px; text-align:right; height:80px; line-height:80px;}
	.media-menu-max { display:none; }
	.media-menu-1024 {display:inline-block; position:relative;}
	#login { width:100%;}
	#top-bar { display:none; }
	#back-top { display:none; }
	.inner {padding:0;}
	.sub_top{margin-bottom:20px;}
	.sub_top div{float:none; width:100%;}
	
	.sns_item { padding:10px; transition:0.3s; border:2px solid #dfdfdf; box-sizing:border-box; width:calc((100% - 20px;) / 2); margin-right:20px; float:left; margin-bottom:30px;}
	.sns_item:nth-of-type(2n) { margin-right:0px; }
	.sns_img { height:350px;}
	

	.pc_mainbanner{display:none;}
	.pc_subbanner{display:none;}
	.m_mainbanner{display:block;}
	.m_subbanner{display:block;}
    .pc_img{display:none;}
	.m_img{displaY:block;}

	
	.lnbWrap .lnb .info-item.home{display:none !important;}
	.lnbWrap .lnb {width:100%;}
	.lnbWrap .lnb .info-item:nth-child(2) {width:50% !important;}
	.lnbWrap .lnb .info-item:nth-child(3){width:50% !important;}

	#sub-content { min-height:600px; }
	
	.opened-menu{top:51px}
	.lnbWrap .lnb .info-item > a{font-size:16px;line-height:50px;}
	.lnbWrap .lnb .info-item .toggle-box{top:15px}
	.opened-menu .menu-item{font-size:14px;}

	.private-content{font-size:16px;}

	.faq-show { margin-top: 20px; background-color:#f1f1f1; border-radius:10px; font-size:16px;}
}


@media screen and (max-width:750px) {
	
	.sub-title {font-size:30px; }
	.main_title01 span{font-size:18px; }
	.main_title01 h2{font-size:30px; ;}
	.main_title01 h2 span{font-size:30px;}
	.main_title01 p{font-size:16px; }
	
	.main_title02 span{font-size:20px;  }
	.main_title02 h2{font-size:30px !important; line-height:35px !important;}
	.main_title02 h2 span{font-size:30px !important;}
	.main_title02 p{font-size:16px;}
	.main_title02 p span{font-size:16px;}
	.main_title02 h3{font-size:18px; margin-bottom:10px !important;}
	
	.main_movie h2{font-size:23px;}
	.main_movie h2 span{font-size:23px;}
	.main_movie p{font-size:15px;}
	.main_movie .movie_in{margin-bottom:5px !important;}

	.main_padding{padding-top:15%; padding-bottom:15%;}
	
	.m_content02{background:url('../images/main/m_content02_bg02.jpg')no-repeat right top;}


	.m_content02 h3{font-size:15px;}
	.m_content02 h3 span{color:#fff100;}
	.m_content02 h2{font-size:29px; line-height:35px; margin-bottom:20px;}
	.m_content02 h2 span{font-weight:700;}
	.m_content02 h2 span.point_color{color:#24549c}

	p.cont_txt{font-size:16px !important; font-weight:350;}
	p.cont_txt span{font-weight:600;}

	.m_content02 span.font_size{font-size:15px !important; line-height:19px !important;}


	.m_content02 > div.cont2_text{width:100%;}
	.m_content02 > div.cont2_img{width:100%; margin-top:20px;}
	.m_content02 > div.cont2_img img{width:60%;}
		
	.m_content03 img{width:80px;}
	.m_content03 h2{font-size:25px; }
	.m_content03 h2:after{width:70px;}
	
	.m_content05 img{width:90%;}


	.m_content07 > div.cont07_img{width:100%; text-align:left;}
	.m_content07 > div.cont07_img img{width:45%;}
	.m_content07 > div.cont07_text{width:100%;}
	.m_content07 > div.cont07_text{padding-top:15px !important;}
	.m_content07 .main_title02 h2{margin-bottom:20px !important;}
	
	.m_content09{background:url('../images/main/m_content09_bg_1.jpg')no-repeat center 0;}
	
	.consult01{background:url('../images/main/consult01_bg_1.jpg')no-repeat right center !important;}
	.consult01 .consult_in{width:100%; }
	.consult01 .consult_in table{width:90%; }
	
	.consult01 .consult_in .main_title02 h3{font-size:25px;}
	.consult01 .main_title02 p{font-size:15px;}
	
	.consult01 .consult_in{width:100%; }
	.consult01_poduct{width:100% !important; text-align:center; padding-right:0 !important; margin-top:10px;}
	.consult01_poduct img{width:90% !important;}
	.m-ver{display:block;}
	.pc-ver{display:none;}

/*
	.consult_list{overflow-x: scroll;}
	.consult_list table{table-layout: fixed; min-width: 700px;}*/

	.consult_list_wrap{overflow-x: scroll;}
	.consult_list .consult_list_top{table-layout: fixed; min-width: 400px;}
	.consult_list_wrap #SimpleConsultDIV{table-layout: fixed; min-width: 400px;}


	.consult02 .main_title01 .consult02_title h2{width:100%;}
	.consult02 .main_title01 .consult02_title span{ font-size:20px; float:left; color:#fff; margin-top:5px;}
	.consult02 .main_title01 .consult02_title span img{width:25px; margin-right:5px;}
	.consult02 .main_title01 > span{font-size:15px;}
	.consult02 .main_title01{padding-bottom:15px;}
	.consult02 .consult_form table tr td{padding:8px 0; font-size:16px;}
	.consult02 .consult_form table tr td textarea{width:100%;}
	.consult02 .consult_form table tr td > div:first-child{float:left; width:100%;}
	.consult02 .consult_form table tr td > div:last-child{float:left; width:100%;}
	.consult02 .consult_form table tr td > div .consult_btn{width:100% !important; height:75px; padding:10px 0 !important; margin-top:20px;}

   .consult02 .consult_form table tr .birthday input:first-child{width:90% !important; }
	
	.consult_list h2{font-size:30px;}
	.consult_list table tr:first-child td{padding:12px 0;}
	.consult_list table tr td{font-size:16px; padding:10px 0;}

	.sns_item { width:100%; margin-right:0;}
	.sns_item:nth-of-type(2n) { margin-right:0px; }
	.sns_img { height:100%;}


	/*인사말*/
	.sub-ttl2 { font-size:30px; line-height:37px;}
	.intro .sub-ttl2:after { position:absolute; content:''; left:0; top:95px; background:#effad6; width:140px; height:19px; z-index:-1; }
	.sub-ttl2 span { font-size:16px;  }
	.lnbWrap .lnb .info-item > a{padding:0 20px !important;}

	.color-box > div{float:left; width:calc((100% - 20px) / 3);margin-right:10px;font-size:14px; margin-bottom:10px;}
	.color-box > div:nth-child(3){margin-right:0;}
}


@media screen and (max-width: 500px) {
	.m_ver{display:block;}
	.pc_ver{display:none;}
	.found-item .font1{font-size:20px;}
}


@media screen and (max-width: 430px) {
	
	p.cont_txt{font-size:15px !important;}
	.m_content02 span.font_size{font-size:14px !important; line-height:18px !important;}

	.main_title02 span{font-size:18px; }
	.main_title02 h2{font-size:23px !important; line-height:28px !important;}
	.main_title02 h2 span{font-size:23px !important;}
	.main_title02 p{font-size:15px;}

	.m_content02 h3{font-size:14px;}
	.m_content02 h2{font-size:23px; line-height:28px;}
	.m_content02 h2 span{font-weight:700;}
	.m_content02 h2 span.point_color{color:#24549c}
	.m_content02 > div.cont2_img img{width:90%;}
	.m_content02 > div.cont2_text h4{font-size:18px !important;}
	.m_content02 > div.cont2_text h4 span{font-size:18px !important;}

	
	.cont01_list > div{ width: 49% !important; margin-right:2% !important;margin-bottom:2%;}
	.cont01_list > div:nth-child(2n){margin-right:0 !important;}

	.m_content09 .cont09_img img{width:100%;}
	.m_content10 .cont10_img img{width:100%;}
	
	.consult_btn{font-size:18px !important; padding:10px !important;}
	.consult01 table tr td a{height:35px !important; line-height:35px !important;}
	.consult01 table tr td input{height:35px !important;}
	.consult01 .main_title02{margin-bottom:20px !important;}
	.consult01 .consult_in table tr td:first-child{font-size:16px;}
	.consult01 .consult_in .main_title02 h2{font-size:30px;}

	.consult02 .main_title01 .consult02_title h2{font-size:25px; margin-bottom:10px;}
	.consult02 > p{font-size:15px;}
	.consult02 .consult_form{padding:20px 0;}
	.consult02 .consult_form table tr td input{height:35px !important;}
	.consult02 .consult_form table tr td textarea{height:100px;}
	
	.consult_list h2{font-size:23px !important; line-height:28px;}
	.consult_list table tr td{font-size:14px;}
	/*인사말*/
	.sub-ttl2 { font-size:27px; line-height:35px;}
	.intro .sub-ttl2:after { position:absolute; content:''; left:0; top:85px; background:#effad6; width:140px; height:19px; z-index:-1; }
	.sub-ttl2 span { font-size:16px;  }
	.sub-txt { font-size:15px; }
	.intro-name{font-size:14px !important;}

	.color-box > div{float:left; width:calc((100% - 10px) / 2);margin-right:10px;font-size:14px; margin-bottom:10px;}
	.color-box > div:nth-child(2n){margin-right:0;}
	.color-box > div:nth-child(3){margin-right:10px;}

	.brand > div{padding-bottom:30px;}
	
}

@import 'design.css';