@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(/css/custom.css);
@import url('//fonts.googleapis.com/css2?family=Open+Sans&display=swap');


/* **************************** 공통영역 **************************** */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
body,code {font:0.75em Nanum Gothic, '나눔고딕','Noto Sans KR','맑은고딕','Malgun Gothic','tahoma',Lato,Dotum,AppleGothic,Verdana,'FontAwesome',sans-serif; color:#353535; background:#fff; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;}
body {min-width:1370px; margin:0; padding:0; line-height:1.4em;}
li {list-style:none;}
img,fieldset {border:none; vertical-align:top;}
table {width:100%; border:0; border-spacing:0; border-collapse:collapse; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
caption {display:none;}
th,td {border:0; vertical-align:top;}
td a:hover {color:#8e8e8e;}
input, textarea {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; border-radius:0; background:none;}
label, input, button, textarea, select, img {vertical-align:middle;}
button {overflow:visible; padding:0; margin:0; border:0; cursor:pointer;}
hr.layout {display:none;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a.txtline:hover {text-decoration:underline; color:#000;}
*:focus {outline:none;}
select {padding:5px 20px 5px 7px; border:1px solid #a1a1a1; font-size:12px; line-height:inherit;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#fff url('../img/ico_select_arrow.png') no-repeat right 5px center;
	background-size:12px 6px;
}
select::-ms-expand {display:none;}
input:read-only {background-color:#DCDCDC;}
input[type="image"] {background:rgba(255, 255, 255, 0);}
label.error{color:#cf100b;}

::-webkit-input-placeholder {color:#bbb; letter-spacing:-0.5px;}
:-moz-placeholder {color:#bbb;opacity:1; letter-spacing:-0.5px;}
::-moz-placeholder {color:#bbb;opacity:1; letter-spacing:-0.5px;}
:-ms-input-placeholder {color:#bbb; letter-spacing:-0.5px;}

/* **************************** //공통영역 **************************** */

/* 상단고정배너 */
#topBanner {margin:0; width:100%; height:60px; overflow:hidden; clear:both; padding:0;}
#topBanner .banCont {position:relative; width:100%; height:60px; padding:0; margin:0 auto; text-align:center;}
#topBanner .banCont .popClose {position:absolute; bottom:20px; right:5px; color:#333; font-size:11px; z-index:22;}
#topBanner .banCont .popClose .btnClose {padding:4px 2px; border:1px solid #555;}
#chkday {color:#333;}
label[for=chkday] {cursor:pointer; color:#333; padding-right:5px;}

/* Layout */

#header {position:relative; width:100%; min-width:1100px; z-index:60;}

/* ------------- 최상단 메뉴 ------------- */
#header .header_top {height:30px; margin:0 auto;}
#header .header_top_cont {position:relative; height:30px; width:1100px; margin:0 auto;}
#header .header_top_cont:after {display:block; clear:both; content:'';}
#header .header_top_cont .tnb_right {position:absolute; right:0; top:5px; height:30px; line-height:25px; overflow:hidden;}
#header .header_top_cont .tnb_right li {float:left;}
#header .header_top_cont .tnb_right > li > a {display:block; padding:1px 10px 0 12px; color:#666; font-size:11px; text-decoration:none; background:url('../img/topgnb_ico.png') no-repeat 0px 9px;}
#header .header_top_cont .tnb_right > li:first-child a {background:none;}
#header .header_top_cont .tnb_right > li > a > .bgB {display:block; color:#111; font-weight:800;}

/* 관리자 아이콘 배경 있을때 */
#header .header_top_cont .tnb_right > li > a > .adCenter_on {display:block; padding:1px 0px 0 15px; color:#f23322; font-weight:bold; line-height:24px;}
@keyframes swinging_ad {
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}
@-webkit-keyframes swinging_ad {
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
.swingimage_ad {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging_ad 1.2s ease-in-out forwards infinite;
    animation: swinging_ad 1.2s ease-in-out forwards infinite;
}

/* ------------- 상단 로고영역 ------------- */
#header .header_bottom {position:relative; width:1100px; margin:5px auto;}
#header .header_bottom:after {content:''; display:block; clear:both;}
#header .header_bottom .inner {position:relative; overflow:hidden; height:110px; padding:0;}
#header .header_bottom .inner:after {content:''; display:block; clear:both;}
#header .header_bottom .inner .logotop {float:left; width:250px; margin:0 65px 0 0; text-align:center;}
#header .header_bottom .inner .logotop a {width:250px; height:110px; overflow:hidden; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex;
	align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; justify-content:flex-start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start;}
#header .header_bottom .inner .logotop img {max-height:110px;}
#header .header_bottom .inner .searchWrap {float:left; background:#fff; text-align:left; margin-top:10px;}
#header .header_bottom .inner .searchHeader {width:415px; height:45px; border:1px solid #414141; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:right; background:#fff;}
#header .header_bottom .inner .searchHeader fieldset {padding:0; margin:0;}
#header .header_bottom .inner .searchHeader #top_keyword  {float:left; width:350px; height:42px; margin:1px 0 0 1px; padding:0 0px 0 9px; border:0; line-height:45px; font-size:15px; font-weight:500; color:#555;}
#header .header_bottom .inner .searchHeader input {background:#fff;}
#header .header_bottom .inner .searchWrap .hitsearch {display:block; overflow:hidden; margin-bottom:10px;}
#header .header_bottom .inner .searchWrap .hitsearch .hitT {display:inline-block; padding:3px 5px; margin-right:12px; color:#fff; font-size:12px; background:#555; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#header .header_bottom .inner .searchWrap .hitsearch a:hover {color:#e30425;}
#header .header_bottom .inner .searchWrap .hitsearch a {display:inline-block; margin-right:15px; color:#555;}
#header .header_bottom .inner .searchWrap .hitsearch a:last-child {margin-right:0;}
#header .header_bottom .inner .searchWrap .hitsearch a .hitNum {padding-right:5px; color:#e30425; font-size:18px; font-weight:800; font-style:italic;}
#header .header_bottom .inner .rightMemu {float:right; width:355px; height:95px; text-align:right; overflow:hidden;}
#header .header_bottom .inner .rightMemu a {display:inline-block; height:50px; margin-top:40px; padding:0px 15px 0 50px; color:rgba(255,255,255,1); font-size:17px; font-weight:700; text-align:center; line-height:50px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;}
#header .header_bottom .inner .rightMemu a:hover {color:rgba(255,255,255,0.7);}
#header .header_bottom .inner .rightMemu a:first-child {background:#fe6e83 url('../img/hr_icon1.png') no-repeat 5px 0;}
#header .header_bottom .inner .rightMemu a:nth-child(2) {background:#fe6e83 url('../img/hr_icon2.png') no-repeat 3px 0;}


/* fixed 상단 카테고리 */
#fixed_cate {position:relative; width:100%; height:50px; background-color:#fff; color:#222; margin:0 auto; border-top:1px solid #e30425; border-bottom:1px solid #ddd; z-index:20; -webkit-box-shadow:0px 4px 11px rgba(88,88,88,0.1); box-shadow:0px 4px 11px rgba(88,88,88,0.1);} 
#fixed_cate #all_cate {width:1100px; height:50px; margin:0 auto;}

/* ---------------------------------------------- */
/* all_cate*/
/* --------------------------------------------- */
.gnb_all {float:left; display:block; width:200px; color:#fff; background-color:#e30425; border:0; margin:0; box-sizing:border-box;}
.gnb_all:after {content:''; display:block; clear:both;}
.gnb_all .allcate_title {display:block; cursor:pointer; line-height:50px; font-size:17px; font-weight:700; background:#e30425;}
.gnb_all .allcate_title.bgchange {background:#333;}
.allcate_icon {position:relative; float:left; display:inline-block; width:20px; height:50px; margin:0 10px 0 25px; background-color:transparent;}
.allcate_icon span,
.allcate_icon span:before,
.allcate_icon span:after {cursor:pointer; height:2px; width:20px; background:#fff; position:absolute; left:0; top:48%; display:block;
    content:'';
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
}
.allcate_icon span:before {left:0; top:-6px;}
.allcate_icon span:after {left:0; top:6px;}
.allcate_icon.active span {background-color:transparent;}
.allcate_icon.active span:before,
.allcate_icon.active span:after {top:0;}
.allcate_icon.active span:before {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
}
.allcate_icon.active span:after {
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
}

/* 주력 카테고리 */
#category {float:left; width:900px; height:50px; border-right:1px solid #e4e4e4; box-sizing:border-box;}
#category #cnb {float:left; text-align:center;}
#category #cnb .m1 {display:table; width:100%; overflow:hidden;}
#category #cnb .m1 li {float:left; display:table-cell; text-align:center;}
#category #cnb .m1 li a {display:inline-block; height:50px; color:#111; font-size:15px; font-weight:700; line-height:50px; padding:0 18px; border-right:1px solid #e4e4e4; box-sizing:border-box;}
#category #cnb .m1 li:first-child a {padding:0 18px 0 28px;}
#category #cnb .m1 li:last-child a {border-right:none; }
#category #cnb .m1 li a:hover {color:#e30425;}


/* ---------------------------------------------- */
/* 전체메뉴표시 */
/* ---------------------------------------------- */
.gnball {position:absolute; top:50px; left:50%; margin-left:-550px; display:none; color:#fff;
    transform:translate(0,10%);
    -webkit-transform:translate(0,10%);
    -ms-transform:translate(0,10%);
    -o-transform:translate(0,10%);
    -moz-transform:translate(0,10%);
    transition:all 0.1s ease-in;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;	
	z-index:99;
}
.menuopen {
    display:block;
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
}
.gnball_cont {position:relative; background:transparent; padding-bottom:25px;}
.gnball_cont:before, .gnball_cont:after {content:''; display:block;}
.gnball_cont:after {clear:both;}
.gnball_cont .fst_ct_ul {position:relative; display:block; height:477px; background:rgba(79,84,88,1); box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3); 	
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;	
}
.gnball_cont .fst_ct_ul:hover {height:inherit !important; min-height:477px !important;}
.gnball_cont .fst_ct_ul .fst_ct_li {padding:0; display:block;}
.gnball_cont .fst_ct_ul .fst_ct_li:after {content:''; display:block; clear:both;}
.gnball_cont .fst_ct_ul .fst_ct_li:nth-child(10) ~ .fst_ct_li {display:none;}
.gnball_cont .fst_ct_ul:hover .fst_ct_li:nth-child(10) ~ .fst_ct_li {display:block;}
.gnball_cont .fst_ct_ul .fst_ct_li .fst_ct_a {float:left; display:inline-block; width:160px; height:20px; margin:0 auto; padding:13px 20px 13px 20px; border-top:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.gnball_cont .fst_ct_ul .fst_ct_li .fst_ct_a h3 {color:#fff; font-size:14px; font-weight:700;}
.gnball_cont .fst_ct_ul .fst_ct_li .fst_ct_a:hover {color:#fff !important; background:#e30425 !important;}
.gnball_cont .fst_ct_ul .fst_ct_li .fst_ct_a:hover h3 {color:#fff;}
.gnball_cont .fst_ct_ul .fst_ct_li .fst_ct_a:hover + .sc_ct {display:block !important;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct {position:absolute; display:none; top:0px; left:200px; width:900px; height:477px; background:transparent;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct:after {content:''; display:block; clear:both;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct:hover {display:block !important;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z {display:inline-block; float:left; height:477px; min-height:477px; background:rgba(251,228,232,1);
	border:1px solid #4f5458;
	border-left:none;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul {display:block; float:left; width:300px; height:282px; overflow:hidden;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li { }
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li a {color:#414141;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li:first-child {margin-top:8px;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .sc_ct_a {display:block; padding:9px 20px 8px; font-size:13px; font-weight:700;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .sc_ct_a:hover {color:#e30425;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .sc_ct_a:hover +.thd_ct { display:block !important;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct{position:absolute; display:none; top:0px; left:300px; width:300px; height:477px; background:transparent;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .sc_ct_a.clchange {color:#e30425;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z {display:inline-block; float:left; height:477px; min-height:477px; padding:11px 0px 15px 0px; overflow-x:hidden; overflow-y:auto; background:#fff; 
border:1px solid #4f5458; border-left:none;
box-sizing:border-box;  
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct:hover {display:block !important;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z .thd_ct_ul {display:block; float:left; width:280px; overflow:hidden;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z .thd_ct_ul li {margin-top:0;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z .thd_ct_ul li .thd_ct_a {display:block; padding:7px 10px 7px; color:#717171; font-size:13px; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.2); background:#fff; z-index:10;}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z .thd_ct_ul li .thd_ct_a:hover {color:#e30425; background:rgba(251,228,232,1);}
.gnball_cont .fst_ct_ul .fst_ct_li .sc_ct .sc_ct_z .sc_ct_ul li .thd_ct .thd_ct_z .thd_ct_ul li .thd_ct_a:hover +.thd_ads { display:block !important;}
.gnbList_on {display:block !important;}
.gnb_bgline {position:absolute; background-color:#ddd; width:1px; height:477px; top:0; left:200px; z-index:19;}
.gnbhover {color:#fff !important; background:#e30425 !important;}

/* ad 추가 */
.fst_ads1 { position:absolute; display:block; top:368px; left:0px; width:300px; height:100px; min-height:100px;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  }
.fst_ads2 { position:absolute; display:block; top:282px; left:0px; width:300px; height:100px; min-height:100px;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  }
.fst_ads3 { position:absolute; display:block; top:196px; left:0px; width:300px; height:100px; min-height:100px;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  }
.fst_ads1 .fst_ad_ul {display:block; float:left; width:300px; height:83px; overflow:hidden;background:#fff;}
.fst_ads1 .fst_ad_ul li{padding: 8px; border:1px solid #4f5458; border-top:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fst_ads1 .fst_ad_title {padding:5px 0 0 5px; width:295px; height:20px; background-color:#666; color:white; font-weight:bold; text-align:center;}
.fst_ads2 .fst_ad_ul {display:block; float:left; width:300px; height:168px; overflow:hidden;background:#fff;}
.fst_ads2 .fst_ad_ul li{padding: 8px; border:1px solid #4f5458; border-top:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fst_ads2 .fst_ad_title {padding:5px 0 0 5px; width:295px; height:20px; background-color:#666; color:white; font-weight:bold; text-align:center;}
.fst_ads3 .fst_ad_ul {display:block; float:left; width:300px; height:282px; overflow:hidden;background:#fff;}
.fst_ads3 .fst_ad_ul li{padding: 8px; border:1px solid #4f5458; border-top:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fst_ads3 .fst_ad_title {padding:5px 0 0 5px; width:295px; height:20px; background-color:#666; color:white; font-weight:bold; text-align:center;}
.thd_ads {position:absolute; top:1px; left:280px; float:left; display:none; width:300px; min-height:180px; 
  box-sizing:border-box;  
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  }
.thd_ads:hover {display:block !important;}
.thd_ads .thd_ad_title {margin-left:18px; padding:5px 0 0 5px; width:295px; height:20px; background-color:#666; color:white;font-weight:bold; text-align:center;}
.thd_ads .thd_ad_ul{display:block; float:left; margin-left:18px; width:300px; background:#fff; }
.thd_ads .thd_ad_ul li {margin-top:0; padding: 8px; border:1px solid #4f5458; border-top:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.thd_ads .thd_ad_ul li a{display:block; }

/* ----------------------------------------------------- */
/* 상단 상세검색 */
/* ------------------------------------------------------*/
.searchDetail {padding:0; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.searchDetail:after {content:''; display:block; clear:both;}
.searchDetail .searchD_inner {width:1100px; margin:0 auto; color:#555; overflow:hidden;}
.searchDetail .searchD_inner > .Dleft {float:left; position:relative; width:358px; height:60px; padding-left:37px; font-size:17px; font-weight:700; line-height:50px; overflow:hidden;}
.searchDetail .searchD_inner > .Dleft .Dleft_icon {position:absolute; top:15px; left:0; display:block; width:32px; height:32px; background:#e30425; border-radius:30px; text-align:center;}
.searchDetail .searchD_inner > .Dleft .Dleft_icon img {padding:0px 0 20px;}
.searchDetail .searchD_inner > .Dleft .Dleft_icon img.w25 {width:25px; height:25px;}
.searchDetail .searchD_inner > .Dleft strong {display:inline-block; padding:5px 0 0 5px; color:#e30425; font-size:21px; font-weight:800;}
.searchDetail .searchD_inner > .Dcenter {float:left;}
.searchDetail .searchD_inner > .Dcenter:after {content:''; display:block; clear:both;}
.searchDetail .searchD_inner > .Dcenter .DcenterIn {float:left; width:265px; height:28px; margin:16px 0 0 0; color:#fff; font-size:12px; border:1px solid #e30425; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	background:#e30425 url('../img/top_search_whiteT2.png') no-repeat 5px 2px;
	background-size:20px 20px; 
}
.searchDetail .searchD_inner > .Dcenter .DcenterIn .DCselect {position:relative; padding-left:80px;}
.searchDetail .searchD_inner > .Dcenter .DcenterIn .DCselect > span {position:absolute; top:0; left:0; display:inline-block; width:50px; height:26px; font-size:12px; padding:0 5px 0 24px; border-right:1px solid #ddd; line-height:26px;}
.searchDetail .searchD_inner > .Dcenter .DcenterIn .DCselect > select {width:183px; height:26px; border:0; background:#fff url("../img/ico_select_arrow.png") no-repeat 98% 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.searchDetail .searchD_inner > .Dcenter .DcenterIn .DCselect > select::-ms-expand {display:none;}
.searchDetail .searchD_inner > .Dright {float:right; width:435px; padding:16px 0px; text-align:right;}
.searchDetail .searchD_inner > .Dright > select {width:140px; margin:0 0 0 3px;}
.searchDetail .searchD_inner > .Dright > select:first-child {margin:0;}

/* 연관상품검색 */
.relation_search {position:absolute; top:20px; left:110px; display:inline-block; width:200px; height:38px; padding:5px 0 7px; background:#f5f5f5;  border:1px solid #ddd; box-sizing:border-box;line-height:20px; border-radius:5px;}
.relation_search .relS_tit {position:absolute; top:7px; left:10px; font-size:13px;}
.relation_search .relation_btn {position:relative; display:inline-block; width:100px; height:26px; margin-left:90px; border:1px solid #ddd; box-sizing:border-box; border-radius:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.relation_btn input[type=checkbox] {opacity:0; position:absolute; width:100%; height:100%;}
.relation_btn input[type=checkbox]+.back {position:absolute; width:100%; height:100%; background:#fff; border-radius:25px;}
.relation_btn input[type=checkbox]:checked+.back {border-radius:25px;}
.relation_btn input[type=checkbox]+.back .toggle_rel {display:block; position:absolute; content:''; background:#ff6434; color:#fff; width:50%; height:100%; border-radius:25px 0 0 25px;}
.relation_btn input[type=checkbox]:checked+.back .toggle_rel {margin-left:50px; border-radius:0 25px 25px 0;}
.relation_btn .label_rel {display:block; position:absolute; width:50%; color:#414141; text-align:center; font-size:12px; line-height:25px; cursor:pointer;}
.relation_btn .label_rel.on {right:0px; border-left:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.relation_btn .label_rel.off {left:0px;}
.relation_btn input[type=checkbox]:checked+.back .label_rel.on {color:#fff;}
.relation_btn input[type=checkbox]+.back .label_rel.off {color:#fff;}
.relation_btn input[type=checkbox]:checked+.back .label_rel.off {color:#414141;}

/* 상품검색 결과내재검색 */
.result_research {display:inline-block; width:100%; padding:15px 0; margin-bottom:15px; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.result_research span {display:inline-block; width:100px; padding-left:15px; margin-right:7px;}
.result_research input {padding:5px 7px; border:1px solid #ccc;}


#mainWrap {margin:0; padding:0;}
#main_zone, #banner_zone {position:relative; width:100%; margin:0 auto;}
#main_zone:after {content:''; display:block; clear:both;}
#container {position:relative; margin:0 auto; *zoom:1;}
#container:after {content:''; display:block; clear:both;}
#contents {position:relative; margin:0 auto;}
.sub_contents {width:100%; margin:0 auto; color:#8e8e8e;}
.sub_contents:after {content:''; display:block; clear:both;}
.pop_contents {width:100%; margin:0 auto; color:#8e8e8e;}
.pop_contents:after {content:''; display:block; clear:both;}

#banner_left {position:absolute; top:0px; right:50%; margin-right:565px; width:120px; z-index:20;}
#banner_right {position:absolute; top:0px; left:50%; margin-left:565px; width:120px; z-index:20;}
#mainWrap #banner_left, #mainWrap #banner_right {top:15px;}
.banner_fixed {position:fixed !important; top:5px !important;}
#fixed_left {width:120px;}
#fixed_right {width:120px;}
#fixed_left .banner_cp {height:260px;}
#fixed_left .banner, #fixed_right .banner {margin-bottom:15px;}
#fixed_right .banner.sns {margin-bottom:0 !important;}
#fixed_right .recent_item {padding-bottom:15px; margin-bottom:5px; background:#fff; border:1px solid #c1c1c1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#fixed_right .recent_item:after {content:''; display:block; clear:both;}
#fixed_right .recent_item .recent_title {text-align:center; padding:12px 0; color:#818181; font-size:13px; font-weight:bold;}
#fixed_right .recent_item .item_list {width:82px; margin:0 auto; text-align:center;}
#fixed_right .recent_item .item_list li {text-align:center; margin-bottom:7px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#fixed_right .recent_item .list_pager {display:block; width:80px; margin:0 auto; height:20px; text-align:center;}
#fixed_right .recent_item .list_pager span {display:inline-block; margin:0 2px;}
#fixed_right .banner_cp {position:relative; width:120px; height:180px;}
#fixed_right .banner_cp .b_cp0 {position:absolute; width:120px; height:180px;}
#fixed_right .banner_cp .b_cp1 {
position:absolute; width:100%; height:100%; background:url(../img/fixed_left1CM7.png) no-repeat 0 0; background-size:120px 180px;
-webkit-animation:cp_fade1 3s infinite;
-moz-animation:cp_fade1 3s infinite;
-ms-animation:cp_fade1 3s infinite;
animation:cp_fade1 3s infinite;
}
#fixed_right .banner_cp .b_cp2 {
position:absolute; width:100%; height:100%; background:url(../img/fixed_left1CM7A1.png) no-repeat 0 0; background-size:120px 180px;
-webkit-animation:cp_fade2 3s infinite;
-moz-animation:cp_fade2 3s infinite;
-ms-animation:cp_fade2 3s infinite;
animation:cp_fade2 3s infinite;
}
@-webkit-keyframes cp_fade1
{
  0% {opacity:1}
  33.333% {opacity:0}
  66.666% {opacity:0}
  100% {opacity:1}
}
@keyframes cp_fade1
{
  0% {opacity:1}
  33.333% {opacity:0}
  66.666% {opacity:0}
  100% {opacity:1}
}
@-webkit-keyframes cp_fade2
{
  0% {opacity:0}
  33.333% {opacity:1}
  66.666% {opacity:1}
  100% {opacity:0}
}
@keyframes cp_fade2
{
  0% {opacity:0}
  33.333% {opacity:1}
  66.666% {opacity:1}
  100% {opacity:0}
}
#footer_zone {position:relative; width:100%; margin:15px auto 0;}
#footer_zone:after {content:''; display:block; clear:both;}
#footer_zone .ftBrand {width:1100px; margin:0 auto;}
#footer_zone .fcsW {position:relative; width:1100px; margin:20px auto 0; padding:0; overflow:hidden; border:1px solid #ddd; border-top:2px solid #e30425; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#footer_zone .fcsW:after {content:''; display:block; clear:both;}

/* bank info */
.fcsW .f_bank {position:relative; float:left; width:280px; height:290px; padding:20px 15px; letter-spacing:-1px; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fcsW .f_bank h3 {padding:0 0 15px 0; color:#111; font-size:20px; font-weight:800; font-family:'Nanum Gothic',sans-serif;}
.fcsW .f_bank .bank_pro {overflow:hidden;}
.fcsW .f_bank .bank_pro .bank_number {color:#414141; font-size:18px; font-weight:800;}
.fcsW .f_bank .bank_pro .bank_number span {padding-right:5px; font-size:14px; font-weight:700;}
.fcsW .f_bank .bank_pro .bank_name {color:#999; font-size:13px; font-weight:800;}
.fcsW .f_bank strong {color:#414141; font-size:16px; font-weight:800;}
.fcsW .f_bank p {color:#666; line-height:22px;}
.fcsW .f_bank .f_bankquick {position:absolute; left:17px; bottom:15px; width:245px; margin-top:10px;}
.fcsW .f_bank .f_bankquick:after {content:''; display:block; clear:both;}
.fcsW .f_bank .f_bankquick li { width:100%; margin-bottom:5px;}
.fcsW .f_bank .f_bankquick li:last-child {margin-bottom:0;}
/* 고객서비스 */
.fcsW .f_serviceW {float:left; width:260px; height:290px; padding:20px 0px 20px 15px; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fcsW .f_serviceW h3 {padding:0 0 15px 0; color:#111; font-size:20px; font-weight:800; font-family:'Nanum Gothic',sans-serif;}
.fcsW .f_serviceW p {color:#818181; line-height:18px;}
.fcsW .f_serviceW .f_service {overflow:hidden; background:url('../img/bottom_qicon.png') no-repeat 0 0;}
.fcsW .f_serviceW .f_service li {float:left; width:71px; height:100px; margin-right:7px; margin-bottom:8px; text-align:center;}
.fcsW .f_serviceW .f_service li a {display:block; width:100%; height:100%; color:#818181; font-size:12px; font-weight:700; letter-spacing:-1px; line-height:170px;}
.fcsW .f_serviceW .f_service li a:hover {color:#111; font-weight:800;}
/* cs center */
.fcsW .f_cs {position:relative; float:left; width:305px; height:290px; padding:20px 15px; border-right:1px solid #e9e9e9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fcsW .f_cs h3 {padding:0 0 15px 0; color:#111; font-size:20px; font-weight:800; font-family:'Nanum Gothic',sans-serif;}
.fcsW .f_cs .csPhone {display:block; padding:0 0 0px 37px; height:40px; color:#e30425; font-size:27px; font-weight:800; font-family:'Nanum Gothic',sans-serif; background:url('../img/bottom_cs_btn.png') no-repeat 0 0;}
.fcsW .f_cs .csPhone span {display:block; padding:7px 0 0;}
.fcsW .f_cs .csEx {display:block; padding:2px 0 2px 10px; font-size:12px; background-color:#f7f7f7; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fcsW .f_cs p {color:#818181; line-height:18px; padding:0;}
.fcsW .f_cs p.subT {position:relative; display:block; padding:3px 0 3px 15px !important; color:#414141; font-size:12px; font-weight:bold; line-height:12px;}
.fcsW .f_cs p.subT:before {content:''; height:6px; width:6px; background:#e30425; position:absolute; left:3px; top:7px; display:block;}
/* 하단배너 */
.fcsW .f_banner {float:left; width:250px; height:290px; padding:20px 0px 20px 15px; border-right:0px solid #e9e9e9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fcsW .f_banner a {display:block; width:100%; height:250px; margin:0 auto;}

.fmenuW {position:relative; overflow:hidden; width:100%; background:#545454; margin:25px auto 0;}
.fmenuW .fmenu {position:relative; width:1100px; margin:0 auto;}
.fmenuW .fmenu li {float:left; padding:0; border-right:1px solid rgba(255,255,255,0.2);}
.fmenuW .fmenu li a {padding:0 15px 0 14px; color:rgba(255,255,255,1); font-size:13px; line-height:45px;}
.fmenuW .fmenu li a:hover {color:rgba(255,255,255,0.5);}
.fmenuW .fmenu li:first-child {border-left:1px solid rgba(255,255,255,0.2);}

#footer_company {overflow:hidden; width:1100px; margin:0 auto; padding:20px 0 20px; color:#555; font-size:12px;}
#footer_company .logobt {float:left; width:250px; height:110px; margin:0 20px 0 0; text-align:center; overflow:hidden; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex;
	align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; justify-content:flex-start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start;}
#footer_company .logobt img {max-height:110px;}
#footer_company .address { float:left; width:550px; line-height:1.5;}
#footer_company .address span {display:inline-block; margin-right:20px;}
#footer_company .address span.copyright {color:#9d9d9d;}
#footer_company .address span.bsNum {display:inline-block; margin-left:5px; font-size:11px; padding:0 5px; border:1px solid #cbcbcb; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#footer_company .address span.bsNum:hover {background:#eaeaea;}
#footer_company .address span.bsNum a {color:#767676;}
#footer_company .f_escrow {float:right; width:280px;}
#footer_company .f_escrow img {max-width:280px; overflow:hidden;}

.fmarkW {width:100%; padding:15px 0; border-top:1px solid #ddd;}
.fmarkW .fmark {position:relative; width:1100px; margin:0 auto;}
.fmarkW .fmark span {padding:0 10px 0 10px;}
.fmarkW .fmark span:first-child {padding:0 10px 0 0;}

/* Main slide */
.slideWrap {position:relative;}
.slideWrap:after {content:''; display:block; clear:both;}
.slideWrap .slideIn {position:relative; width:100%; height:475px; overflow:hidden;}
.slideWrap .slideIn .mainslider {width:100%; height:475px; max-height:475px; overflow:hidden;}
.slideWrap .slideIn .mainslider li {text-align:center; width:100%; height:475px; max-height:475px; overflow:hidden;}
.slideWrap .slideIn .mainslider li img {margin:0 auto; max-width:1100px; max-height:430px;}

.bxZone {position:absolute; bottom:0px; width:100%; height:45px; color:#333; padding:0; display:block; background:transparent; z-index:55;}
#bx-pager1 {position:relative; width:1100px; margin:0 auto; background-color:#191919 !important; font-size:0;}
/* main slide control */
.mslide_btn_prev {position:absolute; display:inline-block; left:calc(50% - 520px); padding:0; top:40%; width:50px; height:50px; font-size:36px; font-weight:700; font-family:'Nanum Gothic',sans-serif; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; z-index:9;}
.mslide_btn_next {position:absolute; display:inline-block; right:calc(50% - 550px); padding:0; top:40%; width:50px; height:50px; font-size:36px; font-weight:700; font-family:'Nanum Gothic',sans-serif; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; z-index:9;}
.mslide_btn_prev a, .mslide_btn_next a {display:block; width:100%; height:100%; color:rgba(255,255,255,0.7); background:none !important;}

/* 메인중앙 대상별 카테고리 */
.sector_category {background:#fff url(../img/category1_icon.png) no-repeat 0 0; border:1px solid #f2b705; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sector_category:after {content:''; clear:both; display:block;}
.sector_category li {float:left; width:10%; height:90px;}
.sector_category li:hover a {color:#cd9c3a;}
.sector_category li a {display:inline-block; width:100%; height:100%; color:#818181; font-size:13px; font-weight:700; text-align:center; line-height:142px;}
.sector_category2 {background:url(../img/category2_icon.png) no-repeat 0 0;}
.sector_category2:after {content:''; clear:both; display:block;}
.sector_category2 li {float:left; width:10%; height:115px;}
.sector_category2 li a {display:inline-block; width:100%; height:100%; color:#333; font-size:13px; font-weight:400; text-align:center; line-height:192px;}

/* 기획전 */
.planEvent {position:relative; width:1100px; margin:0 auto;}
.planEvent:after {content:''; display:block; clear:both;}
.planEvent img {max-width:100%;}

/* Main 중앙배너1 */
.midBan {position:relative; width:1100px; margin:30px auto 0;}
.midBan:after {content:''; display:block; clear:both;}
.midBan .midBan_top {width:100%; overflow:hidden;}
.midBan .midBan_top .midBan_topL {float:left; width:360px; padding-bottom:10px;}
.midBan .midBan_top .midBan_topR {float:left; width:740px; overflow:hidden;}
.midBan .midBan_top .midBan_topR li {float:left; padding:0 0 10px 10px;}
.midBan .midBan_bottom {overflow:hidden;}
.midBan .midBan_bottom li {float:left; padding-left:10px;}
.midBan .midBan_bottom li:first-child {padding-left:0;}

/* 메인상품 MD'S choice */
.mdPrd {position:relative; float:left; width:410px; margin:0 8px;}
.mdPrd a .prd_thumb {border:1px solid #ddd; height:410px; background:#333; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.mdPrd a .prd_thumb .thumb_img {width:100%; height:100%;  background:#fff;
	display:flex; display:-webkit-flex;
	align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;
}
.mdPrd a .prd_thumb .thumb_img img {width:100%; height:auto; max-height:100%; overflow:hidden;}
.mdPrd a .prd_disc {display:block; margin-top:10px; line-height:19px; min-height:90px; max-height:120px; padding:0 10px; text-align:center;}
.mdPrd a .prd_disc .prd_code {color:#999; font-size:13px;}
.mdPrd a .prd_disc .prd_name {width:100%; color:#111; font-size:13px; text-overflow:ellipsis; overflow:hidden;	
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;	
}
.mdPrd a .prd_disc .prd_price {color:#d01212; font-size:16px; font-weight:bold; line-height:25px;}
.mdPrd:hover a .prd_thumb img {opacity:0.8; -ms-opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; 
	transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.prd_list.mdPrdR {float:left; width:640px;}
.prd_list.mdPrdR li {position:relative; float:left; width:23%; margin:0 1% 20px; text-align:center;}
.prd_list.mdPrdR li a .prd_thumb {border:1px solid #ddd; height:145px; background:#333; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 메인중앙 베스트 카테고리 */
.bestTitle {display:block; width:100%; margin:0 auto; padding:10px 0 20px; color:#333; font-size:26px; font-weight:400; letter-spacing:-1px; text-align:center;}
.bestTitle strong {font-weight:800; padding-right:7px;}
.best_category {width:1100px; margin:0 auto;}
.best_category:after {content:''; clear:both; display:block;}
.best_category li {position:relative; float:left; width:25%; height:auto; padding:5px 0; text-align:center; z-index:1;}
.best_category li img {max-width:100%; overflow:hidden;
	box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.15); 
}
.best_category li:hover img {opacity:0.7; -ms-opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7;}


/* 메인중앙 브랜드영역 */
.brandAreaMd {width:1100px; margin:35px auto; border:0 !important;}
.brandAreaMd:after {content:''; clear:both; display:block;}
.brandAreaMd .tBlist {position:relative; width:1100px; margin:10px 0; overflow:hidden;}
.brandAreaMd .tBlist .tB_block {
   margin: 0px 0 5px;
   overflow: hidden; 
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}

.brandAreaMd .tBlist .tB_block .tBslider_img {	
    animation:hideImage .5s both;
/* animation: hideImage .5s, scaleBackImage .5s forwards; */
}
.brandAreaMd .tBlist .slick-active .tBslider_img {
   animation:Slick-FastSwipeIn 2s both, showImage 2s both;
}
.brandAreaMd .tBlist .slick-active .tB_block:hover { 	
	opacity:0.7; 
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
}

@keyframes Slick-FastSwipeIn {
    0% {transform:rotate3d(1,1,1,0deg) scale(0.7) perspective(400px);} 
	50% {transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
    100% {transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@keyframes showImage {
   0% {opacity:0.7;}
   100% {opacity:1;}
}

@keyframes hideImage {
   0% {opacity: 1;}
   100% {opacity: 0.5;}
}
@keyframes scaleImage {
	0% {transform: scale(0); transform-origin: center;}
   100% {transform: scale(0.7); transform-origin: center;}
}
@keyframes scaleBackImage {
   0% {transform: scale(1); transform-origin: center;}
   100% {transform: scale(0); transform-origin: center;}
}

/* Tab slide goods */
.tabSlide {position:relative; width:1100px; margin:0 auto; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tabSlide:after {content:''; display:block; clear:both;}
.tabSlide .tabsIn {position:relative;}
.tabSlide .tabsIn .tabSlider {width:1070px; overflow:hidden; background:#f5f5f5; height:350px; margin:0 auto;}

/* 이럴땐 이런상품 */
.main_banArea { }
.main_banArea:after {content:''; clear:both; display:block;}
.main_banArea h3 {color:#111; font-size:24px; font-weight:600; letter-spacing:-1px; text-align:center; font-family:'Nanum Gothic',sans-serif;}
.main_banArea .banArea {overflow:hidden;}
.main_banArea .banArea li {float:left; margin-right:10px;}
.main_banArea .banArea li:last-child {margin-right:0;}
.main_banArea .banArea .banAreaL {float:left; width:440px; margin-right:10px;}
.main_banArea .banArea .banAreaL li {margin-bottom:10px;}
.main_banArea .banArea .banAreaL li:last-child {margin-bottom:0;}
.main_banArea .banArea .banAreaR {float:right; width:650px;}
.main_banArea .banArea .banAreaIn {width:100%; overflow:hidden;}
.main_banArea .banArea .banAreaIn li {float:left; margin-right:3px; margin-bottom:3px; border:1px solid #8a8a8a; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main_banArea .banArea .banAreaIn li:last-child {margin-right:0;}

/* 스페셜 스토어 */
.spc_store {background:#eee; position:relative;}
.spc_store:after {content:''; display:block; clear:both;}


/* 메인상품 우측상단 01,02,03.. 순위라벨 */
.label_triBig {position:absolute; width:0; height:0; top:0; right:1px; border-right:100px solid #f2b705; border-bottom:100px solid transparent; z-index:10;}
.label_triBig p {position:absolute; top:0; left:0; transform:translate(90%, 10%); width:50px; height:50px; margin:0; color:#fff; font-size:30px; font-weight:700; text-align:center; line-height:50px;}
.label_triSmall {position:absolute; width:0; height:0; top:0; right:1px; border-right:60px solid #f2b705; border-bottom:60px solid transparent; z-index:10;}
.label_triSmall p {position:absolute; top:0; left:0; transform:translate(90%, 10%); width:30px; height:30px; margin:0; color:#fff; font-size:18px; font-weight:800; text-align:center; line-height:30px;}

/* line패턴 */
.lay_line {width:100%; height:12px;}
.lay_line12 {width:100%; height:12px;}
.pattern_line {
  background-color:#e6f6fb; background-image: repeating-linear-gradient(45deg, #c7d6da 0, #c7d6da 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#e6f6fb; background-image: -moz-repeating-linear-gradient(45deg, #c7d6da 0, #c7d6da 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#e6f6fb; background-image: -webkit-repeating-linear-gradient(45deg, #c7d6da 0, #c7d6da 1px, transparent 0px, transparent 50%); background-size:5px 5px;
}
.pattern_lineBG {
  background-color:#f2f2f2; background-image: repeating-linear-gradient(45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f2f2f2; background-image: -moz-repeating-linear-gradient(45deg, #dddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f2f2f2; background-image: -webkit-repeating-linear-gradient(45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
}
.pattern_lineG {
  background-image: repeating-linear-gradient(45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:8px 8px;
  background-image: -moz-repeating-linear-gradient(45deg, #dddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:8px 8px;
  background-image: -webkit-repeating-linear-gradient(45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:8px 8px;
}

/* 상품 */
.productArea {position:relative; min-width:960px; margin:0; font-size:0; padding:15px 0 10px;}
.productArea_bg {position:relative; min-width:960px; margin:0; font-size:0; padding:15px 15px 10px; border:1px solid #ddd; background:#eaeaea;}
.productArea_bgB {position:relative; min-width:960px; margin:0; padding:20px 15px 10px; background:#ecf1f5;}
.productArea_bgB h3 {padding-bottom:10px; color:#01579B; font-size:30px; font-weight:400; letter-spacing:-1px; text-align:center;}
.productArea_bgP {position:relative; min-width:960px; margin:0; padding:20px 15px 10px; background:#f9ebe9;}
.productArea_bgP h3 {padding-bottom:10px; color:#BF360C; font-size:30px; font-weight:400; letter-spacing:-1px; text-align:center;}
.productArea_brP0 {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 10px 0; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.productArea_br {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 15px 10px; border:1px solid #ddd; border-top:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.productArea_br2 {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 15px 10px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.productArea_brB {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 10px 10px; border:5px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.productArea:after, .productArea_bg:after, .productArea_br:after, .productArea_br2:after {content:''; display:block; clear:both;}
.main_cateBan {display:block; width:100%; text-align:center;}
.main_cateBan span {display:inline-block; margin-bottom:20px;}
.g_BtitleB {color:#28c1ee; font-size:26px; font-weight:800; padding-right:5px; letter-spacing:-1px;}
.g_BtitleR {color:#fd4f4c; font-size:27px; font-weight:800; padding-right:5px; letter-spacing:-1px; line-height:1.5;}
.g_BtitleP {color:#6666ff; font-size:27px; font-weight:800; padding-right:5px; letter-spacing:-1px;}
.g_Btitle_txtB {color:#fd4f4c; font-size:26px; font-weight:700; letter-spacing:-1px;}

.title_txtB1 {position:relative; padding:15px 20px 0; background:#f1f1f1; border:1px solid #ddd; border-bottom:1px solid #333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.title_txtB1 h3 {display:inline-block; color:#212121; font-size:24px; letter-spacing:-1px; border-bottom:4px solid #333;}
.title_txtB1 h3 span {display:inline-block; padding:10px 0 0 5px;}
.title_txtB1 .txtBl_stitle {position:absolute; top:30px; right:25px; display:block; color:#414141; font-size:15px; font-weight:bold;}

.title_txtB2 {position:relative; padding:25px 0 0; text-align:center;}
.title_txtB2 h3 {padding:7px 0 15px; color:#212121; font-size:24px; letter-spacing:-1px; line-height:24px;}
.title_txtB2 h3 span {display:inline-block; padding:0 0 0 5px;}
.title_txtB2 .txtB2_stitle {display:block; padding-bottom:5px; color:#212121; font-size:15px; letter-spacing:-1px;}
.title_txtB2 .bline_bg {position:absolute; bottom:0px; left:calc(50% - 20px); width:30px; height:1px; background:#212121;}

/* 상품리스트 */
.prd_list {width:100%; margin:0 auto;}
.prd_list:after {content:''; display:block; clear:both;}
.prd_list li {position:relative; float:left; width:18%; margin:0 1% 10px; text-align:center; border:1px solid transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.prd_list li .prd_thumb {position:relative; border:1px solid #ddd; height:196px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.prd_list li:hover .prd_thumb {border:1px solid #333; box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3);}
.prd_list li .prd_thumb .thumb_img {width:100%; height:100%; background:#fff; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;}
.prd_list li .prd_thumb .thumb_img img {width:100%; height:auto; max-height:100%; overflow:hidden;}
.prd_list li .prd_disc {display:block; margin:10px 0; min-height:90px; max-height:120px;}
.prd_list li .prd_disc .prd_code {display:block; width:100%; margin-bottom:-2px; background:transparent;}
.prd_list li .prd_disc .prd_code .codeIn {display:inline-block; padding:4px 12px 4px 25px; color:#717171; font-size:12px; font-weight:bold; text-align:center; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; white-space:nowrap;
	background:url('../img/ico_plus_or.png') no-repeat 5px 4px;
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
}
.prd_list li .prd_disc .prd_name {width:100%; max-height:40px; height:40px; color:#111; font-size:13px; text-overflow:ellipsis; line-height:19px; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; overflow:hidden;	
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
}
.prd_list li:hover .prd_disc .prd_name {text-decoration:underline;}
.prd_list li .prd_disc .prd_price {color:#333; margin-top:5px; font-size:14px; font-family:'Tahoma','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif; max-height:25px; height:25px;overflow:hidden;}
.prd_list li .prd_disc .prd_price span {font-size:18px; font-weight:800;}

/* sub_MD추천상품 */
.prd_list li.mdList {width:19% !important; margin:0 0.5% 10px; background:transparent !important;}
.prd_list li.mdList .prd_thumb {width:100%; height:200px !important; border:1px solid #ddd; overflow:hidden;}
.prd_list li.mdList:hover .prd_thumb {border:1px solid #353535; box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3);}
.prd_list li.mdList .prd_disc .prd_price {color:#d01212; margin-top:5px; font-size:14px; font-family:'Tahoma','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;}
.prd_list li.mdList .prd_disc .prd_price span {font-size:18px; font-weight:800;}
/* sub_MD추천상품 퀵뷰 */
.prd_list li.mdList .prd_thumb .prd_overlayer {opacity:0; filter:alpha(opacity=0); position:absolute; bottom:0px; left:0px; width:100%; height:30px; color:#fff; background:transparent; z-index:10; 
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;
    transform:translateY(10px); -ms-transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -o-transform:translateY(10px);
}
.prd_list li.mdList:hover .prd_thumb .prd_overlayer {opacity:0.9; filter:alpha(opacity=0.9); 
    transform:translateY(0px); -ms-transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);
}
.prd_list li.mdList .prd_thumb .prd_overlayer button {display:inline-block; letter-spacing:-1px; background:none;}
.prd_list li.mdList .prd_thumb .prd_overlayer button strong {color:#fff;}
.prd_list li.mdList .prd_thumb .prd_overlayer button.leftNewPop {position:absolute; top:11px; left:0px; padding:10px 12px; color:#333; background:transparent; border-radius:4px;}
.prd_list li.mdList .prd_thumb .prd_overlayer button.rightNewPop {position:absolute; top:0px; left:0px; width:100%; text-align:center; padding:5px 0; color:#fff; background:#353535;}
.prd_list li.mdList .prd_thumb .prd_overlayer button.rightBuy {position:absolute; top:11px; right:15px; padding:10px 12px; color:#fff; background:#353535; border-radius:4px;}
.prd_list li.mdList .prd_thumb .prd_overlayer button img {margin:0 0 2px; width:18px; height:18px;}

.prd_list li.mdList .label_mdbest0 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best01.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest1 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best02.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest2 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best03.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest3 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best04.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest4 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best05.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest5 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best06.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest6 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best07.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest7 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best08.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest8 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best09.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li.mdList .label_mdbest9 {position:absolute; top:7px; left:7px; width:60px; height:60px; background:url(../img/label_icon_best10.png) no-repeat 0 0; z-index:9;
transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}
.prd_list li .label_best {position:absolute; top:0px; left:0px; width:60px; height:60px; background:url(../img/label_icon_good.png) no-repeat 0 0; z-index:9;}

.prd_list li.mdList:hover .label_mdbest0, 
.prd_list li.mdList:hover .label_mdbest1, 
.prd_list li.mdList:hover .label_mdbest2, 
.prd_list li.mdList:hover .label_mdbest3, 
.prd_list li.mdList:hover .label_mdbest4, 
.prd_list li.mdList:hover .label_mdbest5, 
.prd_list li.mdList:hover .label_mdbest6, 
.prd_list li.mdList:hover .label_mdbest7, 
.prd_list li.mdList:hover .label_mdbest8, 
.prd_list li.mdList:hover .label_mdbest9 
{position:absolute; top:-10px; transition: all 0.25s ease-in-out;	-webkit-transition: all 0.25s ease-in-out;	-moz-transition: all 0.25s ease-in-out;	-ms-transition: all 0.25s ease-in-out;	-o-transition: all 0.25s ease-in-out;}

/* sub_BEST인기상품 */
.prd_list li.bgTr {background:#fff !important; border:1px solid #ddd; box-sizing:border-box;}
.prd_list li.bgTr:hover {border:1px solid #212121; box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3);}
.prd_list li.bgTr a .prd_thumb {border:none;}
.prd_list li.bgTr:hover a .prd_thumb {border:none; box-shadow:none;}
.prd_list li.bgTr .prd_disc .prd_name {width:96%; max-height:40px; height:40px; margin:0 auto; color:#111; font-size:13px; line-height:19px; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; overflow:hidden;	
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.prd_list li.bgTr a .prd_disc .prd_price {margin:5px 0 20px;}
.prd_list li.bgTr a .prd_disc .prd_price span {font-size:18px; font-weight:800;}
.prd_list li.bgTr .label_best {position:absolute; top:0px; left:0px; width:60px; height:60px; background:url(../img/label_icon_good.png) no-repeat 0 0; z-index:9;}


/* btb 회원전용 상품리스트 */
.btbList {position:relative; margin-top:65px; padding:0; background-color:#fff4e8; border:2px solid #f3e0d5; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btbList .prd_list li {width:19%; margin:0 0.5% 10px; padding:10px; border:1px solid #e0d4c9; background-color:#fff; }
.btbList .prd_list li:hover {border:1px solid #f29c16; box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3); }
.btbList .prd_list li .prd_thumb {position:relative; border:none; height:180px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.btbList .prd_list li:hover .prd_thumb {border:none; box-shadow:none; }
.btbList .prd_list li .prd_disc .prd_code {font-weight:bold; border-left:none; border-right:none; background:transparent; border-radius:0;}
.btbList .list_de {position:relative; width:96%; padding:0 0 5px; color:#333; font-size:14px; font-weight:bold; border-bottom:1px solid #e0d4c9; overflow:hidden;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
}
.btbList .list_de .listem {float:left; padding:0 0 0 20px; line-height:24px; background:url('../img/circle_arrow1.png') no-repeat 0 4px;}
.btbList .list_de .list_class {float:right; overflow:hidden; }
.btbList .list_de .list_class li {float:left; margin:0 4px; border:0; background:#fff4e8; box-shadow:none;}
.btbList .list_de .list_class li a {display:block; padding:0 2px; font-size:12px; text-align:center;}
.btbList .list_de .list_class li a.active {color:#e84816; background:transparent;}
.btbList .list_de .list_class li:hover {border:none; background:transparent;}
.btbList .list_de .list_class li:hover a {color:#e84816;}
.btbList .list_de .list_class li:hover a.active {color:#e84816; background:transparent;}


/* 메인 tab상품 */
.productAreaHT {position:relative; min-width:960px; margin:0; font-size:0; padding:10px 0px 20px;}
.prd_listHT {width:1080px; margin:5px auto 0;}
.prd_listHT:after {content:''; display:block; clear:both;}
.prd_listHT .prd_listHT_block {position:relative; display:inline-block; width:180px; height:288px; margin:0 7px 0 7px; text-align:center; background:#fff; float:left;
	border:1px solid transparent;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	box-shadow:2px 2px 3px 1px rgba(88,88,88,0.11); 
}
.prd_listHT .prd_listHT_block:hover {
	border:1px solid #f2b705;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transform: translateY(-2%);
	-webkit-transform:translate(0, -2%);
	-moz-transform:translate(0, -2%);
	box-shadow:2px 2px 3px 1px rgba(88,88,88,0.3);
}

.prd_listHT .prd_listHT_block:last-child {margin:0 0 0 7px;}
.prd_listHT .prd_listHT_block .hiicon {position:absolute; top:-10px; left:5px; width:70px; height:105px; background:url(../img/label_icon_hi1.png) no-repeat 0 0; z-index:9;}
.prd_listHT .prd_listHT_block a {display:block; width:100%; text-align:center; }
.prd_listHT .prd_listHT_block a .prd_thumbHT {margin:10px auto 0; border:0px solid #eaeaea; width:160px; height:160px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.prd_listHT .prd_listHT_block a .prd_thumbHT .thumb_imgHT {width:100%; height:100%; background:#fff;  
	display:flex; display:-webkit-flex;
	align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;
}
.prd_listHT .prd_listHT_block a .prd_thumbHT .thumb_imgHT img {width:100%; height:auto; max-height:100%; overflow:hidden;}
.prd_listHT .prd_listHT_block a .prd_discHT {display:block; padding:10px; line-height:19px; min-height:90px; max-height:120px;}
.prd_listHT .prd_listHT_block a .prd_discHT .prd_codeHT {display:block; width:100%; padding:2px 0; color:#717171; font-size:11px; text-align:center; background:#eaeaea; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.prd_listHT .prd_listHT_block a .prd_discHT .prd_codeHT span {padding-right:5px;}
.prd_listHT .prd_listHT_block a .prd_discHT .prd_nameHT {width:100%; max-height:40px; height:40px; margin-top:5px; color:#000; font-size:13px; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; overflow:hidden; 	
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;	
}
.prd_listHT .prd_listHT_block:hover a .prd_discHT .prd_nameHT {color:#000;}
.prd_listHT .prd_listHT_block a .prd_discHT .prd_priceHT {padding-top:7px; color:#e1a901; font-size:14px; font-family:Tahoma,'Malgun Gothic','맑은 고딕',Nanum Gothic, '나눔고딕',dotum,'돋움',sans-serif;}
.prd_listHT .prd_listHT_block a .prd_discHT .prd_priceHT span {font-size:18px; font-weight:800;}
.prd_listHT .prd_listHT_block.activeHT {position:relative; width:288px; height:288px; text-align:center; background:#fff; margin:0 8px 0 5px; border:4px solid #f2b705; box-shadow:2px 2px 3px 1px rgba(88,88,88,0.11); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.prd_listHT .prd_listHT_block.activeHT a {display:block; width:100%; text-align:center;}
.prd_listHT .prd_listHT_block.activeHT a .prd_thumbHT {margin:0; border:0px solid #eaeaea; height:280px; width:280px; padding:0px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.prd_listHT .prd_listHT_block.activeHT a .prd_thumbHT .thumb_imgHT {width:100%; height:100%;  background:#fff;
	display:flex; display:-webkit-flex;
	align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;
}
.prd_listHT .prd_listHT_block.activeHT a .prd_discHT {position:absolute; left:0; bottom:0; width:260px; height:90px; padding:10px 10px 0; display:block; background:rgba(0,0,0,0.7); z-index:2;}
.prd_listHT .prd_listHT_block.activeHT a .prd_discHT .prd_codeHT {color:rgba(255,255,255,0.7); font-size:12px; background:rgba(0,0,0,0);}
.prd_listHT .prd_listHT_block.activeHT a .prd_discHT .prd_codeHT span {padding-right:5px;}
.prd_listHT .prd_listHT_block.activeHT a .prd_discHT .prd_nameHT {width:100%; max-height:20px; height:20px; color:rgba(255,255,255,0.7); font-size:13px; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; overflow:hidden;}
.prd_listHT .prd_listHT_block.activeHT a .prd_discHT .prd_priceHT {color:#e1a901; font-size:17px; padding-top:10px;}


/* 상품분류리스트 */
.ct_list {padding:10px; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ct_list:after {content:''; display:block; clear:both;}
.ct_list li {float:left; width:20%;}
.ct_list li a {display:block; width:100%; padding:3px 0 3px 13px; color:#111; font-size:13px; background:url('../img/ico_squar3.png') no-repeat 5px 12px;}
.ct_list li a.active {color:#e30425; font-weight:bold;}

.ct_listWrap {border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ct_listWrap:after {content:''; display:block; clear:both;}
.ct_listWrap .ct_list {width:96%; margin:0 auto; padding:0; border:0 !important;}
.ct_listWrap .ct_list:after {content:''; display:block; clear:both;}
.ct_listWrap .ct_list li {float:left; width:20%;}
.ct_listWrap .ct_list li a {display:block; width:100%; padding:5px 0 5px 13px; color:#111; background:url('../img/ico_squar3.png') no-repeat 5px 10px;}
.ct_listWrap .ct_list li a:hover {color:#e30425;}
.ct_listWrap .ct_list li a.active {color:#e30425; font-weight:800;}

.ct_listbr {margin-bottom:10px;}
.ct_listbr:after {content:''; display:block; clear:both;}
.ct_listbr li {float:left; width:19.5%; margin-left:0.5%; margin-bottom:0.5%; border:1px solid #ddd; background:#f5f5f5; -moz-border:1px solid #ddd; -webkit-border:1px solid #ddd; box-sizing:border-box;}
.ct_listbr li:first-child {margin-left:0;}
.ct_listbr li:nth-child(5n+1) {margin-left:0;}
.ct_listbr li a {display:block; width:100%; padding:5px; color:#111; font-size:13px;}

.ct_listbr li.ct_list_all {float:left; width:19%; margin-left:1%; margin-bottom:1%; border:1px solid #000; background:#333; -moz-border:1px solid #000; -webkit-border:1px solid #000; box-sizing:border-box;}
.ct_listbr li.ct_list_all:first-child {margin-left:0;}
.ct_listbr li.ct_list_all a {display:block; width:100%; padding:10px; color:#fff; font-size:13px;}

.ct_list_de {margin:0 auto; overflow:hidden; background:#e1e1e1; border:1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ct_list_de li {float:left; padding:1%; line-height:25px;}
.ct_list_de .left_ct {width:15%; height:100%;}
.ct_list_de .left_ct a {color:#333; font-weight:bold;}
.ct_list_de .right_ct {float:right; width:81%; background:#f5f5f5;}
.ct_list_de .right_ct span {display:inline-block; margin:0 10px;}
.ct_list_de .right_ct span a:hover {color:#e30425;}
.ct_list_de .right_ct span a.active {color:#e30425; font-weight:bold;}

.list_de {position:relative; width:100%; margin:0 auto; padding-bottom:5px; color:#333; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.list_de .listem {float:left; padding:0 0 0 20px; line-height:30px; background:url('../img/circle_arrow1.png') no-repeat 0 7px;}
.list_de .list_class {float:right; overflow:hidden;}
.list_de .list_class li {float:left; margin:0 2px 3px 3px; border:1px solid #b1b1b1; background:#fff;
	-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	-webkit-box-shadow:1px 1px 1px 1px rgba(88,88,88,0.1);
	-moz-box-shadow:1px 1px 1px 1px rgba(88,88,88,0.1);
	box-shadow:1px 1px 1px 1px rgba(88,88,88,0.1);
}
.list_de .list_class li a {display:block; padding:5px 12px; font-size:13px; text-align:center;}
.list_de .list_class li a.active {color:#fff; font-weight:700; background:#b1b1b1;}
.list_de .list_class li:hover {background:#b1b1b1; border:1px solid #b1b1b1;}
.list_de .list_class li:hover a {color:#fff;}
.list_de .list_class li:hover a.active {color:#fff; background:#b1b1b1;}


/* 상품상세영역 */
.detailArea {position:relative; padding-top:15px;}
.detailArea:after {content:''; display:block; clear:both;}
.detailArea .detail_thumb {float:left; width:500px; margin-right:35px;}
.detailArea .detail_thumb .thumb_big {width:100%; text-align:center; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.detailArea .detail_thumb .thumb_big img {max-width:100%;}
.detailArea .detail_thumb .thumb_txt {width:100%; margin-top:15px; padding:15px 20px; color:#666; font-size:13px; font-weight:bold; line-height:1.5; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.detailArea .detail_thumb .thumb_txtTel {padding:7px 20px; font-size:21px; font-weight:800; line-height:30px; background:#ffe7ea; border:1px solid #ddd; border-top:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.detailArea .detail_thumb .thumb_txtTel span {padding-left:10px; color:#fe8e91;}
.detailArea .detail_thumb .thumb_snsshare {width:100%; margin-top:15px; padding:10px; color:#666; font-size:13px; line-height:1.7; border:1px solid #ddd; 
	background:url('../img/detail_snsshare.png') no-repeat 20px 50%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
}
.detailArea .detail_thumb .thumb_snsshare a.urlCopy {display:inline-block; float:right;}
.detailArea .detail_thumb .thumb_snsshare span {display:inline-block; margin:0 15px 0 35px; font-size:14px; font-weight:800;}
.detailArea .detail_thumb .thumb_snsshare .sns_share {color:#fff; font-size:12px; background:#7d8d93 url('../img/detail_urlcopy.png') no-repeat 10px 50%; padding-left:30px !important;}
.detailArea .detail_thumb .thumb_table {width:100%; margin-top:15px; padding:10px 15px 15px; border:1px solid #333; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.detailArea .detail_thumb .thumb_table_memo {margin-top:20px;}
.detailArea .detail_thumb .thumb_table_memo h3 {display:block; position:relative; padding:0 0 7px; color:#01aaeb; font-size:14px; font-weight:800;}
.detailArea .detail_thumb .thumb_table_memo .memoCont {width:calc(100% - 20px); padding:10px; background:#dcf2fa;}
.pre_ex {
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break:break-all;
    color:#555;
    font:12px Nanum Gothic, '나눔고딕','Noto Sans KR',Dotum,sans-serif;
}

.detailArea .detail_info {float:left; width:565px;}
.detailArea .detail_info h3 {color:#111; font-size:21px; font-weight:800; padding:15px 0; line-height:1.2em; letter-spacing:-1px; border-bottom:1px solid #414141;}
.detailArea .detail_info .specArea { }
.detailArea .detail_info .specArea:after {content:''; display:block; clear:both;}
.detailArea .detail_info .specArea .detail_spec {margin-top:10px;}
.detailArea .detail_info .specArea .detail_spec50a, .detailArea .detail_info .specArea .detail_spec50b {margin-top:10px; float:left;}
.detailArea .detail_info .specArea .detail_spec50a {width:65%; margin-right:2%;}
.detailArea .detail_info .specArea .detail_spec50b {width:33%;}
.detail_spec .spec_tguide {display:block; border-bottom:1px solid #ddd;}
.detail_spec50a .spec_tguide {display:block;}
.detail_spec .spec_tguide .spec_top,
.detail_spec50a .spec_tguide .spec_top {display:block; width:100%; padding-bottom:10px; border-bottom:1px solid #ddd;}
.detail_spec .spec_tguide .spec_top .spec_topCodeR,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeR {display:inline-block; margin-right:5px; color:#ee3f44; border:1px solid #ee3f44;}
.detail_spec .spec_tguide .spec_top .spec_topCodeR span,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeR span {display:inline-block; padding:5px 7px; font-weight:800;}
.detail_spec .spec_tguide .spec_top .spec_topCodeR .topCodeR,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeR .topCodeR {color:#fff; font-size:13px; font-weight:normal; background:#ee3f44;}
.detail_spec .spec_tguide .spec_top .spec_topCodeB,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeB {display:inline-block; color:#2e8de5; border:1px solid #2e8de5;}
.detail_spec .spec_tguide .spec_top .spec_topCodeB span,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeB span {display:inline-block; padding:5px 7px; font-weight:800;}
.detail_spec .spec_tguide .spec_top .spec_topCodeB .topCodeB,
.detail_spec50a .spec_tguide .spec_top .spec_topCodeB .topCodeB {color:#fff; font-size:13px; font-weight:normal; background:#2e8de5;}
.detail_spec .spec_tguide .spec_tguideS, 
.detail_spec50a .spec_tguide .spec_tguideS {display:table; width:100%; font-size:12px; color:#666; background:#f7f7f7;}
.detail_spec .spec_tguide .spec_tguideS dt, .detail_spec .spec_tguide .spec_tguideS dd, 
.detail_spec50a .spec_tguide .spec_tguideS dt, .detail_spec50a .spec_tguide .spec_tguideS dd {display:table-cell; line-height:2.1em;}
.detail_spec .spec_tguide .spec_tguideS dt, .detail_spec50a .spec_tguide .spec_tguideS dt {width:100px; padding-left:15px; font-weight:700;}
.detail_spec .spec_tguide .spec_tguideS dd, .detail_spec50a .spec_tguide .spec_tguideS dd {padding-left:15px;}

.detail_spec .spec_tguide .spec_top .spec_topRightG {position:relative; display:inline-block; float:right; background:#fff; border:1px solid #ff6633; 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	background:#fff url('../img/detail_comglist.png') no-repeat 5px 50%;
}
.detail_spec .spec_tguide .spec_top .spec_topRightG a {display:block; width:calc(100% - 30px); padding:5px 5px 5px 25px; color:#fe682d; font-size:13px; font-weight:700;}
.detail_spec50b .spec_topRightG {position:relative; background:#fff; border:1px solid #ff6633; float:right;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	background:#fff url('../img/detail_comglist.png') no-repeat 5px 50%;
}
.detail_spec50b .spec_topRightG a {display:block; width:calc(100% - 30px); padding:5px 5px 5px 25px; color:#fe682d; font-size:13px; font-weight:700;}

.spec_line {display:table; width:100%; font-size:12px; color:#666; border-top:1px solid #ddd;}
.spec_line dt, .spec_line dd {display:table-cell; padding:8px 0;}
.spec_line dt {width:130px; padding-left:15px; font-weight:700;}
.spec_line dd {padding-left:15px;}
.spec_line input {padding:5px 10px; border:1px solid #ccc;}
.spec_line select {padding:5px 25px 5px 7px; border:1px solid #ccc; overflow:hidden; max-width:400px;}
.spec_line dd .arrfont_bull {display:inline-block; height:20px; line-height:17px; padding:0 5px; margin:0 5px; color:#2e8de5; font-size:11px; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.spec_line dd .arrfont_bull2 {display:inline-block; height:20px; line-height:17px; padding:0 5px; margin:0 5px; color:#717171; font-size:11px; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}

.detail_spec50a .spec_line select { max-width:200px;}

.spec_line .special_pay {display:inline-block; position:relative;}
.spec_line .special_pay .special_payCont { 
	display:none; position:absolute; top:0px; left:75px; width:150px; height:70px; padding:7px; color:#717171; font-size:11px; font-weight:700;
	line-height:17px !important; background:#fff; 
	border:1px solid #ddd; border-top:2px solid #ff0000; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-shadow:2px 2px 3px 1px rgba(88,88,88,0.1);
}
.spec_line .special_pay .special_payCont:after, .spec_line .special_pay .special_payCont:before {position:absolute; right:100%; top:20%; height:0; width:0; content:''; border:solid transparent; pointer-events:none;}
.spec_line .special_pay .special_payCont:after {border-color:rgba(255,255,255,0); border-right-color:#fff; border-width:5px; margin-top:-5px;}
.spec_line .special_pay .special_payCont:before {border-color:rgba(190,190,190,0);	border-right-color:#bebebe; border-width:6px; margin-top:-6px;}
.spec_line .special_pay:hover .special_payCont {display:block; }
.spec_line .special_pay .btn_sizeXS {display:inline-block; height:26px; padding:0 10px; margin:0 2px; line-height:26px; color:#fff; font-size:11px; cursor:pointer; 
	background: #ffc011;
	background: linear-gradient(36deg,#ffc011 0%, #ff3688 80%);
	background: -webkit-linear-gradient(36deg,#ffc011 0%, #ff3688 80%);
	background: -moz-linear-gradient(36deg,#ffc011 0%, #ff3688 80%);
	background: -o-linear-gradient(36deg,#ffc011 0%, #ff3688 80%);
}
.spec_line .special_pay .btn_sizeXS:hover {background:#414141;}

.detail_spec50b .br_line {position:relative; color:#353535; background:#fff; outline:1px solid #414141;}
.detail_spec50b .br_line th {font-weight:normal; border:1px solid #ddd; background:#f5f5f5;}
.detail_spec50b .br_line th, .detail_spec50b .br_line td {padding:8px 0 7px; font-size:12px; text-align:center; border:1px solid #ddd;}
.detail_spec50b .br_line td {background:#fff;}
.detail_spec50b .br_line th {color:#111;}

.detail_btn {padding-top:25px; text-align:center;}
.detail_btn a {display:inline-block; padding:12px 0; text-align:center; font-size:17px; margin-right:5px; font-weight:700; letter-spacing:-0.5px;}
.detail_btn a:last-child {margin-right:0;}
.detail_btn a.dtbtn_buy {width:140px; background:#e30425; color:#fff; font-weight:bold; border:1px solid #e30425; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detail_btn a.dtbtn_buy:hover {background:#333; border-color:#333;}
.detail_btn a.dtbtn_est {width:140px; color:#e30425; font-weight:bold; border:1px solid #e30425; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detail_btn a.dtbtn_est:hover {color:#333; border:1px solid #333;}
.detail_btn a.dtbtn_normal {width:110px; color:#555; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detail_btn a.dtbtn_normal:hover {border:1px solid #414141;}

.detail_exe {margin-top:20px; text-align:center;}

/* 장바구니 팝업 */
.hidden_cart {display:none;}
.pop_layer {height:auto; background-color:#fff; border:1px solid #ddd; z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.20); border-radius:6px;}	
.pop_layer .pop-container {text-align:center; padding:30px 15px;}
.pop_layer div.title {width:100%; padding-bottom:5px; margin-bottom:10px; color:#111; font-size:15px; font-weight:700; text-align:left; border-bottom:1px solid #ddd;}
.pop_layer div.txt {font-size:13px; font-weight:bold; line-height:20px; text-align:center;}
.pop_layer div.text {font-size:13px; font-weight:bold; line-height:20px; text-align:left; height:300px;}
.pop_layer .btn-r {width:100%; margin:7px 0 0; padding-top:10px; text-align:center;}
.pop_cart_alert {position:absolute; top:330px; left:calc(50% - 130px); width:260px;}
.btn-r a.lbtn_ok,
.btn_noline a.lbtn_ok {display:inline-block; height:32px; padding:0 14px; border:1px solid #ed1c24; background-color:#ed1c24; font-size:13px; font-weight:bold; color:#fff; line-height:30px; text-decoration:none;}	
.btn-r a.lbtn_cancel,
.btn_noline a.lbtn_cancel {display:inline-block; height:32px; padding:0 14px; border:1px solid #ed1c24; background-color:#fff; font-size:13px; font-weight:bold; color:#ed1c24; line-height:30px; text-decoration:none;}	
.hidden2 {display:none;}

/* 상품검색 */
.search_box {width:100%; margin-top:20px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search_box:after {content:''; display:block; clear:both; }
.search_box .searchIn { width:45%; min-width:500px; margin:20px auto;}
.search_box input {padding:5px 10px; border:1px solid #ccc;}
.search_box select {border:1px solid #ccc; padding:.3em .5em .5em;}

/* tab_list */
.de_menu {position:relative;}
.tab_menu {position:relative; width:100%; height:40px; margin:40px auto 0px;}
.tab_menu:after {content:''; display:block; clear:both;}
.tab_menu .tm_list {width:100%; height:40px; overflow:hidden;}
.tab_menu .tm_list li {float:left; width:25%; background:#f7f7f7; text-align:center; color:#888; font-size:15px; z-index:10;}
.tab_menu .tm_list li:last-child {width:calc(25% - 1px);}
.tab_menu .tm_list li a {display:block; width:calc(100% + 2px); height:40px; margin-left:-1px; color:#414141; font-weight:700; text-decoration:none; text-align:center; line-height:38px;
	border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
}
.tab_menu .tm_list li:first-child a {margin-left:0;}
.tab_menu .tm_list li.selected {position:relative; background:#414141; z-index:11;}
.tab_menu .tm_list li.selected a {width:calc(100% + 2px); margin-left:-1px; color:#fff; background:#414141; border:1px solid #414141; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tab_content {width:100%; margin:10px 0 20px;}
.tab_content img {max-width:1100px; overflow:hidden;}
.tab_content .ct_desc {width:100%;}
.tab_content .ct_de {display:table; width:100%; font-size:13px; color:#666; border:1px solid #ddd;}
.tab_content .ct_de dt, .tab_content .ct_de dd {display:table-cell; line-height:3.5em; text-align:left; padding:0 25px; border-bottom:1px solid #ddd; border-top:0;}
.tab_content .ct_de dt {width:100px; font-weight:700; font-size:14px; background:#eaeaea;}
.tab_content .ct_de dd { }

/*마이페이지 상단tab */
.tab_menuG {width:100%; margin:0 auto 20px;}
.tab_menuG:after {content:''; display:block; clear:both;}
.tab_menuG .tm_listG {margin:0 auto; width:100%;}
.tab_menuG .tm_listG li {float:left; width:20%; margin:0; color:#fff; font-size:17px; background:#a7a9ac; text-align:center; z-index:10;}
.tab_menuG .tm_listG li a {display:block; width:100%; color:#fff; font-weight:500; text-decoration:none; margin:0; padding:14px 0; border-left:1px solid #b9babd; box-sizing:border-box; vertical-align:middle;}
.tab_menuG .tm_listG li:first-child a {margin-left:0;}
.tab_menuG .tm_listG li.selected {position:relative; background:#fff; z-index:11;}
.tab_menuG .tm_listG li:first-child.selected {right:0;}
.tab_menuG .tm_listG li.selected a {display:block; margin:0; padding:12px 0 12px; color:#111; border:3px solid #333; border-bottom:1px solid #fff;}


/* 회원관련 */
/* 로그인 */
.login_area {position:relative; width:500px; margin:20px auto; padding:30px 0 0;}
.login_area:after {content:''; display:block; clear:both;}
.login_area .login_inner {width:100%; padding:35px 25px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.login_inner input[type=text], .login_inner input[type=password] {padding:10px 30px 10px 10px; width:400px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login_inner input[type=submit] {padding:15px; width:400px; font-size:17px; line-height:17px; font-weight:bold; color:#fff; background:#414141; text-align:center; border:0; cursor:pointer;}
.login_inner input[type=submit]:hover {background:#333;}
.login_inner input[type=submit].em {background:#e30425;}
.login_inner input[type=submit].em:hover {background:#ce0221;}
.login_inner .login_id {display:block; margin-bottom:7px;}
.login_inner .login_pw {display:block; margin-bottom:10px;}
.login_inner .login_idsave {display:block; margin-bottom:25px; margin-left:25px;}
.login_inner .find_check {display:block; margin:10px auto; text-align:center;}
.login_inner .find_check a {position:relative; display:inline-block; padding:10px 20px; color:#8e8e8e; font-size:13px;}
.login_inner .find_check a:hover {color:#333;}
.login_inner .find_check a span:after {position:absolute; content:'|'; right:0; font-size:10px; color:#ccc;}
.login_inner .find_check a:last-child span:after {content:'';}
/* 비회원주문조회 */
.nonMember_area {position:relative; width:500px; margin:0 auto; padding:20px 0;}
.nonMember_area:after {content:''; display:block; clear:both;}
.nonMember {width:100%; padding:35px 25px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.nonMember  input[type=text], .nonMember  input[type=password] {padding:10px 30px 10px 10px; width:250px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nonMember .nonM_num {display:block; margin-bottom:7px;}
.nonMember .nonM_num span {display:inline-block; padding-right:10px; width:30%; text-align:right;}
.nonMember input[type=submit] {padding:15px; width:400px; font-size:17px; line-height:17px; font-weight:bold; color:#fff; background:#414141; text-align:center; border:0; cursor:pointer;}
.nonMember input[type=submit]:hover {background:#333;}

/* 회원가입 */
.title_process {position:absolute; right:0; bottom:15px;}
.title_process span {display:inline-block; margin:0 15px; padding-bottom:5px; color:#999; font-size:17px; font-weight:bold; border-bottom:2px solid transparent;}
.title_process span.this {color:#e30425; border-bottom:2px solid #e30425;}
.join_cont {width:100%; margin-bottom:40px; font-size:13px;}
.join_cont .agree_into {display:block; height:150px; padding:25px; overflow-y:auto; background:#f5f5f5; border:1px solid #ddd;}
.join_cont .agree_check {color:#555; text-align:right; padding-top:15px; line-height:20px;}
.join_cont input {padding:5px 10px; border:1px solid #ccc;}
.join_cont select {border:1px solid #ccc; padding:.3em .5em .5em;}
/* idpw찾기 */
.member_area {position:relative; width:500px; margin:20px auto; padding:20px 0; color:#333;}
.member_area:after {content:''; display:block; clear:both; }
.member_area .member_inner {width:100%; padding:0; border:1px solid #ddd; text-align:center;}
.member_inner input[type=text], .member_inner input[type=password] {padding:4px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 장바구니 */
.cart_cont {position:relative; clear:both;}
.cart_cont input {padding:5px 10px; border:1px solid #ccc;}
.cart_cont select {border:1px solid #ccc; padding:.3em .5em .5em;}
.cart_cont textarea {border:1px solid #ccc;}
.cart_total {position:relative; clear:both;}

/* 마이페이지 */
.my_summaryW {position:relative; margin-top:50px; width:100%;}
.my_summaryW:after {content:''; display:block; clear:both;}
.my_summaryW .summ_left {position:relative; float:left; width:380px; height:190px; margin-right:15px; background:#a7a9ac; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box;}
.summ_left .summ_leftBox {width:88%; margin:25px auto; color:#fff;}
.summ_left .summ_leftBox .summ_title {position:relative; height:40px; padding-left:48px; line-height:40px; margin-bottom:20px; font-size:24px;}
.summ_left .summ_leftBox .summ_title:before { 
	content:""; width:40px; height:40px;
	position:absolute; top:0; left:0;
	background:rgba(0,0,0,0.2) url('../img/mp_icon_man.png') no-repeat 50% center;
	background-size:35px 35px; 
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; box-sizing:border-box; 
}
.summ_left .summ_leftBox p {color:rgba(255,255,255,0.6); font-size:13px; font-weight:normal; line-height:23px;}
.my_summaryW .summ_left .summ_leftT {position:absolute; top:25px; right:25px; color:#fff; background:url('../img/mp_icon_setting.png') no-repeat; background-size:20px;}
.my_summaryW .summ_left .summ_leftT a {color:#fff; padding-left:23px;}
.my_summaryW .summ_right {position:relative; display:inline-block; float:right; width:702px; height:190px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.my_summaryW .summ_right li {float:left; width:33%; height:100%; padding-top:90px; color:#333; font-size:24px; text-align:center; border-left:1px solid #ddd; line-height:35px;}
.my_summaryW .summ_right li:nth-child(1) {border-left:0; background:url('../img/mp_icon_coupon.png') no-repeat center 25px;}
.my_summaryW .summ_right li:nth-child(2) {background:url('../img/mp_icon_point.png') no-repeat center 25px;}
.my_summaryW .summ_right li:nth-child(3) {background:url('../img/mp_icon_delivery.png') no-repeat center 25px;}
.my_summaryW .summ_right li a {display:block; color:#f23322; font-size:30px; font-weight:700;}
.my_summaryW .summ_right li a:hover span {border-bottom:1px solid #f23322;}
.mypage_list {position:relative; margin-top:20px;}
.mypage_list:after {content:''; display:block; clear:both;}
.mypage_list input {padding:5px 10px; border:1px solid #ddd;}
.mypage_list .order_detail {margin-top:30px;}
.mypage_list .reserve_info {overflow:hidden;}
.mypage_list .reserve_info li {float:left; width:50%;}
/* 주문내역조회 */
.order_search {position:relative; padding-top:10px;}
.search_date {display:inline-block; margin-right:10px; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.search_date a {display:inline-block; padding:4px 0; width:50px; color:#7d7d7d; font-size:12px; text-align:center; border-left:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.search_date a:first-child {border-left:none;}
.search_date a:hover {color:#333; background:#f4f7f8;}
.date_ico {display:inline-block; padding:3px 5px; text-align:center; vertical-align:middle; background:#f4f7f8; border:1px solid #cbd1db; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.date_ico img { }

/* 게시판 */
.boardArea {position:relative; clear:both;}
.boardArea:after {content:''; display:block; clear:both;}
.boardArea input, .boardArea textarea {padding:5px 10px; border:1px solid #ccc; box-sizing:border-box; margin-right:6px;}
.board_search_area {display:block; margin:60px auto; padding-top:30px; border-top:1px solid #dfdfdf; box-sizing:border-box;}
.board_search {position:relative; text-align:center; vertical-align:middle; margin:0 auto; width:300px; overflow:hidden;}
.board_search li {float:left;}
.board_search li:first-child {margin-right:3px;}
.board_search input {width:220px; height:34px; padding:4px 48px 4px 4px; line-height:34px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.board_search select {height:34px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.board_search .btn_sizeXS {position:absolute; right:0; top:0; display:inline-block; width:45px; height:34px; padding:0; line-height:34px; background:#8e8e8e; color:#fff; font-size:11px; cursor:pointer;}

/* table */
.bg_table {position:relative; width:100%; font-size:11px; border:1px solid #dfdfdf;}
.bg_table thead th, .bg_table tbody th {min-width:14%; padding:8px 0 7px; text-align:center; background:#f5f5f5; font-weight:normal;}
.bg_table th, .bg_table td {padding:8px 0 7px; font-weight:normal; text-align:center; border:1px solid #dfdfdf; word-break:break-all; word-wrap:break-word;}
.bg_table td.clear {padding:0 !important; border:0 !important;}

.bg_table1 {position:relative; margin:5px 0 0; color:#414141; font-size:12px;}
.bg_table1 thead th, .bg_table1 tbody th {padding:11px 10px 10px; border:1px solid #ddd; background:#f5f5f5; text-align:left;}
.bg_table1 th {background:#f5f5f5; word-break:break-all; word-wrap:break-word;}
.bg_table1 td {padding:11px 10px 10px; border:1px solid #ddd; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.bg_table1 td.clear {padding:0 !important; border:0 !important;}

.bline_table {position:relative; margin:5px 0 0; border-top:1px solid #ddd; color:#333;}
.bline_table thead th {padding:11px 0 10px 20px; border-bottom:1px solid #ddd; color:#333; vertical-align:middle; text-align:left; background:#f7f7f7;}
.bline_table tbody th {padding:11px 0 10px 20px; border-bottom:1px solid #ddd; color:#333; text-align:left; background-color:#fff;}
.bline_table th {word-break:break-all; word-wrap:break-word;}
.bline_table td {padding:11px 10px 10px; border-bottom:1px solid #ddd; color:#555; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.bline_table td.clear {padding:0 !important; border:0 !important;}

.basic_bg_table {position:relative; margin:5px 0 0; color:#353535;}
.basic_bg_table thead th {padding:11px 10px 10px; border-left:0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; vertical-align:middle; text-align:center; font-weight:700; background:#f5f5f5;}
.basic_bg_table tbody th {padding:11px 10px 10px; border:1px solid #dfdfdf; border-bottom-width:0; text-align:left; font-weight:normal; background-color:#f5f5f5;}
.basic_bg_table th {word-break:break-all; word-wrap:break-word;}
.basic_bg_table td {padding:11px 10px 10px; border-bottom:1px solid #dfdfdf; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.basic_bg_table td.clear {padding:0 !important; border:0 !important;}

.basic_bgr_table {position:relative; margin:5px 0 0; border:1px solid #d7d5d5; color:#818181; line-height:1.4em;}
.basic_bgr_table thead th {padding:8px 0 7px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; vertical-align:middle; font-weight:700; background:#f5f5f5;}
.basic_bgr_table tbody th {padding:11px 0 10px 18px; border:1px solid #dfdfdf; border-top:0; text-align:left; font-weight:700; background-color:#f5f5f5;}
.basic_bgr_table th {word-break:break-all; word-wrap:break-word;}
.basic_bgr_table td {padding:11px 10px 10px; border-bottom:1px solid #dfdfdf; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.basic_bgr_table td.clear {padding:0 !important; border:0 !important;}

.wideH_table {position:relative; margin:10px 0 0; color:#353535; outline:1px solid #414141;}
.wideH_table thead th {padding:11px 0 10px; border-left:1px solid #dfdfdf; vertical-align:middle; text-align:center; font-size:16px; background-color:#f5f5f5;}
.wideH_table tbody th {padding:8px 0 7px 18px; border:1px solid #dfdfdf; text-align:left; background-color:#f5f5f5;}
.wideH_table th {word-break:break-all; word-wrap:break-word;}
.wideH_table th:first-child, .wideH_table td:first-child {border-left:0;}
.wideH_table td {padding:31px 0 30px; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; font-size:19px; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word; 
	font-family:Tahoma,'Malgun Gothic','맑은 고딕',Nanum Gothic, '나눔고딕',dotum,'돋움',sans-serif;
}
.wideH_table td.clear {padding:0 !important; border:0 !important;}

.br_nonLine {position:relative; width:100%; border:none; text-align:left !important;}
.br_nonLine tbody th {padding:5px 0 4px; text-align:left !important; font-weight:normal;}
.br_nonLine td {padding:5px 0 4px; text-align:left !important; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.br_nonLine td.clear {padding:0 !important; border:0 !important; text-align:left;}

.basic_bdList {position:relative; margin:5px 0 0; font-size:13px; border-bottom:1px solid #dfdfdf; border-top:1px solid #333; color:#353535;}
.basic_bdList thead th {padding:15px 0 14px; border-left:0px solid #dfdfdf; border-bottom:1px solid #333; border-top:1px solid #333; vertical-align:middle; text-align:center; font-weight:700;}
.basic_bdList tbody th {padding:15px 0 14px 18px; border:1px solid #dfdfdf; border-bottom-width:0; text-align:left; font-weight:normal;}
.basic_bdList tbody tr:hover td {background:#f7f7f7;}
.basic_bdList tbody tr:hover td a {text-decoration:underline;}
.basic_bdList tbody tr.noline {background:#f4f7f8;}
.basic_bdList th {word-break:break-all; word-wrap:break-word;}
.basic_bdList td {padding:11px 5px 10px; border-top:1px solid #dfdfdf; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.basic_bdList td a {color:#353535; padding-bottom:2px;}
.basic_bdList td.clear {padding:0 !important; border:0 !important;}
.basic_bdList td > img {padding:0 2px;}


/* 페이징 */
.list_paging {position:relative; margin:20px auto 10px; text-align:center;}
.list_paging.mtmin {margin:0px auto 50px !important;}
.list_paging ol {display:inline-block; margin:0 15px; vertical-align:top;}
.list_paging ol li {display:inline-block; font-size:12px; border:0; width:30px; background:#fff; border:1px solid #ddd;}
.list_paging ol li a {display:block; width:auto; margin:0 1px 0; padding:7px 0; color:#353535; line-height:14px;}
.list_paging ol li.this {background:#333; border:1px solid #333;}
.list_paging ol li.this a {color:#fff;}
.list_paging img {vertical-align:top;}

/* 경로바 */
.path {position:relative; text-align:right;}
.path:after {content:''; display:block; clear:both;}
.path .path_line {overflow:hidden;}
.path .path_line li {float:left; padding:0 0 0 12px; margin:0 0 0 5px; color:#717171; background:url('../img/path_icon.png') no-repeat 0 5px;}
.path .path_line li:first-child {padding:0 0 0 15px; margin:0 0 0 3px; background:url('../img/path_icon_first.png') no-repeat 0 2px;}
.path .path_line li:last-child a {color:#000;}
.path .path_line li a {color:#717171;}
.path .path_line li strong,
.path .path_line li strong a {color:#717171;}

.pathN {position:relative; padding:0;}
.pathN:after {content:''; display:block; clear:both;}
.pathN.line0 {padding:0 10px 0; border-bottom:none;}
.pathN .path_lineN {overflow:hidden;}
.pathN .path_lineN li {float:left; height:28px; padding:0 0 0 12px; margin:0 0 0 8px; color:#717171; font-size:12px; line-height:25px; background:url(../img/path_icon.png) no-repeat 0 45%;}
.pathN .path_lineN li:first-child {padding:0 0 0 17px; background:url(../img/path_icon_first.png) no-repeat 0 45%;}
.pathN .path_lineN li:last-child a {color:#000; font-size:12px;}
.pathN .path_lineN li a {color:#717171; font-size:12px;}
.pathN .path_lineN li strong,
.pathN .path_lineN li strong a {color:#717171; font-weight:normal;}
.pathN .path_lineN li > select {height:25px; padding:.1em 3.5em 0 1em; font-size:12px; line-height:18px; display:inline-block; background-color:#fff; cursor:pointer;
	border:1px solid #f1f1f1;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	-webkit-appearance:none;
	-moz-appearance :none;
	appearance:none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);	
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;	
	border-radius:0.3em;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		radial-gradient(#f5f5f5 70%, transparent 72%),
		-webkit-linear-gradient(45deg, transparent 50%, gray 50%),
		-webkit-linear-gradient(135deg, gray 50%, transparent 50%),
		-webkit-radial-gradient(#f5f5f5 70%, transparent 72%),
		-moz-linear-gradient(45deg, transparent 50%, gray 50%),
		-moz-linear-gradient(135deg, gray 50%, transparent 50%),
		-moz-radial-gradient(#f5f5f5 70%, transparent 72%),
		-o-linear-gradient(45deg, transparent 50%, gray 50%),
		-o-linear-gradient(135deg, gray 50%, transparent 50%),
		-o-radial-gradient(#f5f5f5 70%, transparent 72%);
    background-position:
		calc(100% - 15px) .8em,
		calc(100% - 10px) .8em,
		calc(100% - .5em) .25em;
    background-size:
		5px 5px,
		5px 5px,
		1.5em 1.5em;
    background-repeat: no-repeat;
}
.pathN .path_lineN li > select:focus {
	background-image:	
		linear-gradient(45deg, gray 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, gray 50%),
		radial-gradient(#f5f5f5 70%, transparent 72%),
		-webkit-linear-gradient(45deg, gray 50%, transparent 50%),
		-webkit-linear-gradient(135deg, transparent 50%, gray 50%),
		-webkit-radial-gradient(#f5f5f5 70%, transparent 72%),
		-moz-linear-gradient(45deg, gray 50%, transparent 50%),
		-moz-linear-gradient(135deg, transparent 50%, gray 50%),
		-moz-radial-gradient(#f5f5f5 70%, transparent 72%),
		-o-linear-gradient(45deg, gray 50%, transparent 50%),
		-o-linear-gradient(135deg, transparent 50%, gray 50%),
		-o-radial-gradient(#f5f5f5 70%, transparent 72%);		
    background-position:
		calc(100% - 10px) .8em,
		calc(100% - 15px) .8em,
		calc(100% - .5em) .25em;
    background-size:
		5px 5px,
		5px 5px,
		1.5em 1.5em;
    background-repeat: no-repeat;
    outline: 0;	
}
.pathN .path_lineN li > select:-moz-focusring {color:transparent; text-shadow:0 0 0 #000;}
.pathN .path_lineN li > select#path_nav3 {font-weight:700;}

/* 팝업 */
.popWrap_idc {position:relative; display:none; z-index:999;}
.size_pop {position:fixed; z-index:9997; width:460px; height:260px; top:50%; left:50%; margin-top:-130px; margin-left:-230px; background:#fff; border:1px solid #333; -webkit-border:1px solid #333; -moz-border:1px solid #333;}
.size_pop .btnClose {position:absolute; top:15px; right:15px;}
.pop_title {display:block; height:60px; line-height:60px; padding-left:10px; background:#a7a9ac;}
.pop_title h3 {color:#fff; font-size:27px; font-weight:500; letter-spacing:-1px;}

/* button */
.btn {display:inline-block; padding:10px 18px; margin:0 1px !important; font-size:12px; line-height:17px; font-weight:700; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; cursor:pointer;}
.btn_normal {color:#333; background-color:#fff; border:1px solid #d1d1d1;}
.btn_normal:hover {background-color:#eaeaea;}
.btn_normalEm {color:#e30425; background-color:#fff; border:1px solid #e30425;} 
.btn_submit {color:#fff; background-color:#414141; border:1px solid #414141;}
.btn_submit:hover {background-color:#111; border:1px solid #111;}
.btn_basic {color:#fff; background-color:#888; border:1px solid transparent;}
.btn_basic:hover {color:#fff; background-color:#414141; border:1px solid transparent;}
.btn_cancle {color:#fff; background-color:#8e8e8e; border:1px solid transparent;}
.btn_cancle:hover {background-color:#777; color:#fff;}
.btn_em {color:#fff; background-color:#e30425; border:1px solid #e30425;}
.btn_em:hover {background:#ce0221; border:1px solid #ce0221;}
.btn_emwhite {color:#e30425; background-color:#fff; border:1px solid #fff;}
.btn_sizeB {padding:19px 24px 21px; color:#fff; background-color:#888; border:1px solid transparent;}
.btn_sizeB:hover {color:#fff; background-color:#111;}
.btn_sizeS {padding:3px 8px 4px; line-height:19px;}
.btn_sizeXS {display:inline-block; height:26px; padding:0 10px; margin:0 2px; line-height:26px; background:#8e8e8e; color:#fff; font-size:11px; cursor:pointer;}
.btn_sizeXSB {display:inline-block; height:26px; padding:0 8px; margin:0 2px; line-height:26px; background:#555; color:#fff; font-size:11px; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.check_btn {text-align:center; margin:30px auto;}
.check_btn span {display:inline-block; margin:0 1px;}
.check_btn input[type=submit] {padding:10px 18px; margin:0 1px; color:#fff; font-size:13px; font-weight:700; line-height:17px; background:#414141; border:1px solid transparent; box-sizing:border-box; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; vertical-align:middle;}
.check_btn input[type=submit]:hover {background:#111;}
.check_btn input[type=submit].em {background:#e30425;}
.check_btn input[type=submit].em:hover {background:#ce0221;}
/* 게시판 버튼 */
.cf_btn {position:relative; margin:20px auto; text-align:center; font-weight:700;}
.cf:after {content:''; display:block; clear:both;}
.cf_btn .leftB {position:absolute; left:0; top:0; z-index:1;}
.cf_btn .leftB a:first-child {margin:0 4px 0 0 !important;}
.cf_btn .rightB {position:absolute; right:0; top:0; z-index:1;}
.cf_btn .rightB a:last-child {margin:0 0 0 2px !important;}
.cf_btn span {display:inline-block; margin:0 1px;}
.cf_btn .bbtn {display:inline-block; padding:6px 18px; margin:0 2px !important; font-size:12px; line-height:17px; font-weight:700; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; box-sizing:border-box; cursor:pointer;}
.cf_btn .submit {color:#fff; background:#414141; border:1px solid transparent;}
.cf_btn .submit:hover {background:#111;}
.cf_btn .em {color:#fff; background:#e30425; border:1px solid transparent;}
.cf_btn .em:hover {background:#ce0221;}
.cf_btn .normal {color:#414141; background:#fff; border:1px solid #ccc;}
.cf_btn .normal:hover {border:1px solid #414141;}

.btnico {display:inline-block; padding:2px 8px; margin:0; font-size:12px; line-height:17px; font-weight:700; vertical-align:middle; word-spacing:-0.5px; text-align:center; white-space:nowrap; border:1px solid transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.btnicoS {display:inline-block; padding:2px 7px; margin:0; color:#748090; font-size:11px; line-height:17px; vertical-align:middle; word-spacing:-0.5px; text-align:center; white-space:nowrap; 
	background:#fff; 
	border:1px solid #cbd1db;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 	
	box-sizing:border-box; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
	-webkit-box-shadow:1px 1px 1px rgba(88,88,88,0.2); box-shadow:1px 1px 1px rgba(88,88,88,0.2);
}
.btnico.bgem {color:#999; background:#fff; border:1px solid #999;}
.btnico.bgemR {color:#fff; background:#f23322; border:1px solid transparent;}
.btnico.bgemB {color:#fff; background:#414141; border:1px solid transparent;}
.btnico.bgemSBlue {color:#fff; background:#01aaeb; border:1px solid transparent;}
.btnico.bgnormal {color:#fff; font-weight:normal; background:#8e8e8e; border:1px solid transparent;}
.btnico.brnormal {background:#fff; border:1px solid #ddd; font-weight:normal;}
.btnico.normal0 {background:#fff; border:0; color:#fe5958; font-weight:normal;}
.btn_more {position:absolute; top:0; right:0;}
.btn_more10 {position:absolute; top:10px; right:0;}
.btn_moreT50 {position:absolute; top:50px; right:0;}


/* 타이틀 */
.title_line {position:relative; text-align:left; padding:20px 0 10px;}
.title_line h3 {color:#111; font-size:21px; font-weight:700; letter-spacing:-0.5px;}
.title_lineL {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineL h3 {color:#111; font-size:21px; font-weight:700; letter-spacing:-0.5px;}
.title_lineLS {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineLS h3 {color:#111; font-size:17px; font-weight:400; letter-spacing:-1px;}
.title_lineBS {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineBS h3 {color:#111; font-size:17px; font-weight:700; letter-spacing:-1px;}
.title_line0 {position:relative; text-align:center;}
.title_line0 h3 {color:#111; font-size:22px; font-weight:700; letter-spacing:-1px;}
.title_lineb {position:relative; padding-bottom:10px; border-bottom:3px solid #cbcbcb; text-align:center;}
.title_lineb h3 {color:#111; font-size:22px; font-weight:400; letter-spacing:-1px;}
.title_linebB {position:relative; padding-bottom:15px; border-bottom:2px solid #333; text-align:center;}
.title_linebB h3 {color:#111; font-size:24px; font-weight:400; letter-spacing:-1px;}
.title_linesub {position:relative; padding:20px 0 10px; margin:0 0 20px; border-bottom:1px solid #eaeaea;}
.title_linesub h3 {padding-bottom:10px; color:#111; font-size:27px; font-weight:700; letter-spacing:-1px; text-align:center;}
.title_linesub2 {position:relative; padding:30px 0 10px; margin:0; border-bottom:2px solid #414141;}
.title_linesub2 h3 {color:#414141; font-size:25px; font-weight:700; letter-spacing:-1px;}
.title_linesub3 {position:relative; padding:15px 0 12px; margin:0; border-bottom:2px solid #414141;}
.title_linesub3 h3 {color:#555; font-size:13px; font-weight:400; padding-left:15px; letter-spacing:-1px; line-height:16px; background:url('../img/path_icon_first.png') no-repeat 0 4px;}
.title_linesub3 h3 span {display:inline-block; padding-right:10px; margin-right:5px; background:url('../img/path_icon.png') no-repeat 100% 5px;}
.title_linesub3 h3 span:last-child {background:none; font-size:22px;}
.title_lineR {position:relative; background:#f23322;}
.title_lineR h3 {color:#fff; font-size:17px; font-weight:400; letter-spacing:-1px;}
.title_lineC {position:relative; background:#f2b705;}
.title_lineC h3 {color:#fff; font-size:24px; font-weight:700; letter-spacing:-1px;}
.title_lineP {position:relative; background:#e30425;}
.title_lineP h3 {color:#fff; font-size:24px; font-weight:700; letter-spacing:-1px;}
.title_lineS {position:relative; text-align:center;}
.title_lineS h3 {color:#111; font-size:28px; font-weight:700; letter-spacing:-1px;}
.title_lineS h3 strong {color:#e30425;}
.title_lineblock {position:relative; padding:10px; background:#a7a9ac;}
.title_lineblock h3 {color:#fff; font-size:17px; font-weight:700; letter-spacing:-1px;}
.title_subnav {position:relative; padding:7px 0; margin:0; border:1px solid #e7e7e7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.title_subnav h3 {padding-bottom:5px; color:#111; font-size:21px; font-weight:700; letter-spacing:-1px; border-bottom:1px solid #333;}

.title_lineBehind {position:relative; text-align:center; margin:0 auto; z-index:1;}
.title_lineBehind:before {position:absolute; content:''; width:100%; margin:0 auto; border-top:1px solid #333; top:50%; left:0; right:0; bottom:0; z-index:-1;}
.title_lineBehind span {display:block; margin:0 auto; padding:10px 20px; width:35%; color:#333; font-size:30px; font-weight:400; letter-spacing:-1px; background:#fff; text-align:center;}
.title_lineBehind strong {font-weight:700;}
.title_lineBehindB {position:relative; text-align:center; margin:0 auto; z-index:1;}
.title_lineBehindB:before {position:absolute; content:''; width:100%; height:15px; margin:0 auto; top:38%; left:0; right:0; bottom:0; z-index:-1; background:url('../img/line_oblique.gif') repeat-x 0 0;}
.title_lineBehindB span {display:block; margin:0 auto; padding:25px 20px 10px; width:25%; color:#111; font-size:36px; font-weight:400; letter-spacing:-2px; background:#fff; text-align:center;}
.title_lineBehindB span strong {color:#2e2e2e; font-weight:700;}
.title_lineBehindB span strong.color {color:#f2b705; font-weight:700;}
.title_lineBehindB p {color:#717171; font-size:14px; padding:7px 0 0;}

.title_lineRB {position:relative; padding:10px 20px; background:#f7f7f7; vertical-align:middle; border:1px solid #ddd; border-bottom-color:#c6c6c6; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
	-webkit-box-shadow:0px 4px 5px rgba(88,88,88,0.15);
	-moz-box-shadow:0px 4px 5px rgba(88,88,88,0.15);
	box-shadow:0px 4px 5px rgba(88,88,88,0.15);
}
.title_lineRB h3 {color:#111; font-size:24px; font-weight:800; letter-spacing:-1px;}

.bullBg_arrowS {padding:0 0 0 25px; color:#333; font-size:17px; font-weight:bold; letter-spacing:-1px; line-height:1.4em; background:url('../img/ico_arrowLine.png') no-repeat 0 0; background-size:20px 20px;}
.bullBg_arrowC {padding:0 0 10px 25px; color:#333; font-size:17px; line-height:1.4em; background:url('../img/circle_arrow.png') no-repeat 0 1px; background-size:20px 20px;}
.bullBg_arrowSL {padding:7px 0 10px 35px; color:#333; font-size:17px; background:url('../img/ico_arrowLine.png') no-repeat 20px 15px; background-size:20px 20px;}

.g_Btitle {color:#111; font-size:24px; font-weight:800; padding-right:10px; letter-spacing:-1px; line-height:1em;}
.g_BtitleC {color:#ffba42; font-size:27px; font-weight:600; padding-right:10px; letter-spacing:-1px;}
.g_SMtitle {color:#111; font-size:24px; font-weight:400; padding-left:10px; letter-spacing:-1px; }
.g_Stitle {display:inline-block; color:#7d7d7d; font-size:11px; font-weight:400; letter-spacing:2px; text-align:center;}
.g_Btitle > img {margin:19px 15px 0;}

.title_area {position:relative; clear:both; margin:10px auto 10px;}
.title_area:after {content:''; display:block; clear:both;}
.sub_Btitle {padding-bottom:10px; color:#111; font-size:18px; font-weight:700; letter-spacing:-1px; text-align:center;}
.sub_BtitleL {padding-bottom:10px; color:#111; font-size:24px; font-weight:700; letter-spacing:-1px; text-align:center;}
.sub_Stitle {color:#8e8e8e; font-size:13px; text-align:center;}
.sub_StitleBg {color:#8e8e8e; font-size:13px; padding-left:10px; font-weight:normal;}
.sub_StitleBg:before {content:'|'; font-size:11px; color:#ccc; left:0; padding-right:10px;}
.sub_XStitle {color:#a7a9ac; font-size:11px; font-weight:normal;}

/* 고객센터 좌측 목록 */
.left_title_cs {padding:20px 0 20px 45px; color:#111; font-size:24px; font-weight:700; background:#fff url('../img/btn_cs.png') no-repeat 5px 12px; border-bottom:1px solid #333;}
.left_menu {border:1px solid #ddd; border-top:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.left_menu li {border-bottom:1px solid #ddd; background:url('../img/arrow_next50.png') no-repeat 170px 15px;}
.left_menu li:last-child {border-bottom:none;}
.left_menu li a {display:block; padding:15px; color:#666; font-size:13px; width:calc(100% - 30px);}
.left_menu li a:hover {color:#333; font-weight:bold; background:#f5f5f5 url('../img/arrow_next.png') no-repeat 170px 15px;}
.left_menu li a.active {color:#333; font-weight:bold; background:#f5f5f5 url('../img/arrow_next.png') no-repeat 170px 15px;}

.size_inner0 {position:relative; width:1100px; margin:0 auto;}
.size_inner10 {position:relative; width:1100px; margin:10px auto 0;}
.size_inner15 {position:relative; width:1100px; margin:15px auto 0;}
.size_inner20 {position:relative; width:1100px; margin:20px auto 0;}
.size_inner30 {position:relative; width:1100px; margin:30px auto 0; overflow:hidden;}
.size_inner40 {position:relative; width:1100px; margin:40px auto 0; overflow:hidden;}
.size_inner50 {position:relative; width:1100px; margin:50px auto 0;}
.size_inner65 {position:relative; width:1100px; margin:65px auto 0;}
.bgBlack {background-color:#777 !important; color:#fff !important;}
.bgMBlack {background-color:#414141 !important;}
.bgDBlack {background-color:#191919 !important;}
.bgGray {background-color:#f7f7f7 !important;}
.bgGray1 {background-color:#eaeaea !important;}
.bgGray2 {background-color:#f5f5f5 !important;}
.bgSkyBlue {background-color:#41caff !important;}
.bgWhiteBlue {background-color:#f4f7f8 !important;}

.clear {padding:0 !important; border:0 !important;}

.txtnem {font-weight:normal !important;}
.txtB {font-weight:bold;}
.txtEB {font-weight:800;}
.txtnem {font-weight:normal !important;}
.txtem {color:#e84816; font-weight:bold;}
.txtemB {color:#002c87; font-weight:bold;}
.txtblueB {color:#0066ff; font-weight:bold;}
.txtredB {color:#f23322; font-weight:bold;}
.txtredbB {color:#d01212; font-weight:bold;}
.txtgrayB {color:#888; font-weight:bold;}
.txtgray2B {color:#333; font-weight:bold;}
.txtwhite {color:#fff !important;}
.txtblack {color:#333 !important;}
.txtblue {color:#0066ff !important;}
.txtskyblue {color:#01aaeb !important;}
.txtDblue {color:#3370cc !important;}
.txtred {color:#f23322 !important;}
.txtyellow {color:#ff9900 !important;}
.txtorange {color:#ff6600 !important;}
.txtredb {color:#d01212 !important;}
.txtgreen {color:#33cca6 !important;}
.txtBgreen {color:#3ec39c !important;}
.txtrpurple {color:#f50062 !important;}
.txtgray {color:#888 !important;}
.txtwgray {color:#a1a1a1 !important;}
.txtstyle_i {font-style:italic;}
.txtline {padding-bottom:15px; text-decoration:underline;}
.txtline_block {display:inline-block; padding-bottom:5px; border-bottom:1px solid #cdcdcd;}
.txtline_blockW {display:block; width:100%; padding:5px 10px; color:#333; font-size:14px; font-weight:700; background:#f5f5f5; border:1px solid #ddd; border-bottom:1px solid #555; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.txtline_blockW:before {content:'■'; font-size:10px; font-weight:300; color:#333; padding-right:5px;}
.txtline_blockWR {padding:15px; color:#333; line-height:21px; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.txtline_blockWBR {padding:15px; color:#333; line-height:21px; background:#f5f5f5; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.txtcline {text-decoration:line-through;}
.txtblock {display:inline-block; padding:0 6px; background:#818181; color:#fff; font-size:11px; font-weight:bold; margin-right:6px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.txtblockR {display:inline-block; padding:0 5px; background:#414141; color:#fff; font-size:11px; font-weight:bold; margin-right:5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.txtblockS {display:inline-block; padding:2px 3px; background:#818181; color:#fff; font-size:11px; margin-right:4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.txtblockW {display:block; margin-bottom:5px; background:#fff; color:#353535; font-size:12px; border:1px solid #ddd;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .1); box-shadow:0 1px 2px rgba(0, 0, 0, .1); 
}
.txtblock_rp {padding:0 5px; background:#f50062; color:#fff; font-weight:bold; }
.txtblock_sb {padding:0 5px; background:#01aaeb; color:#fff; font-weight:bold; }

.txtlineH0 {line-height:1em;}
.txtlineH1 {line-height:1.2em;}
.txtlineH2 {line-height:1.4em;}
.txtlineH3 {line-height:1.7em;}
.txtlineH4 {line-height:2em;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.tcenter {text-align:center !important;}
.txtabsR {position:absolute; right:0; top:5px;}
.ar_block {display:block !important;}

.arrow_box_line1 {display:inline-block; position:relative; height:27px; line-height:24px; padding:0 6px; background:#fff; margin:0 0 0 15px; border:1px solid #c9c9c9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.arrow_box_line1:after, .arrow_box_line1:before {right:100%; top:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box_line1:after {border-color:rgba(255, 255, 255, 0); border-right-color:#fff; border-width:5px; margin-top:-5px;}
.arrow_box_line1:before {border-color:rgba(201, 201, 201, 0);	border-right-color:#c9c9c9; border-width:6px; margin-top:-6px;}

.fs8 {font-size:8px !important;}
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs13B {color:#333; font-size:13px; font-weight:700;}
.fs15B {color:#333; font-size:15px; font-weight:700;}
.fs17B {color:#333; font-size:17px; font-weight:700;}
.fs19B {color:#333; font-size:19px; font-weight:700;}
.fs20B {color:#333; font-size:20px; font-weight:700;}
.fs22B {color:#333; font-size:22px; font-weight:700;}
.fs24B {color:#333; font-size:24px; font-weight:700;}
.fs13EB {color:#333; font-size:13px; font-weight:800;}
.fs15EB {color:#333; font-size:15px; font-weight:800;}
.fs17EB {color:#333; font-size:17px; font-weight:800;}
.fs19EB {color:#333; font-size:19px; font-weight:800;}
.fs20EB {color:#333; font-size:20px; font-weight:800;}
.fs22EB {color:#333; font-size:22px; font-weight:800;}
.fs24EB {color:#333; font-size:24px; font-weight:800;}
.fs11_grayB {color:#818181; font-size:11px; font-weight:700;}
.fs12_grayB {color:#818181; font-size:12px; font-weight:700;}
.fs13_grayB {color:#818181; font-size:13px; font-weight:700;}
.fs14_grayB {color:#818181; font-size:14px; font-weight:700;}
.fs15_grayB {color:#818181; font-size:15px; font-weight:700;}
.fs12_gray {color:#818181; font-size:12px;}
.fs13_gray {color:#818181; font-size:13px;}
.fs15B_bg {background-color:#EDEDED; color:#333; font-size:15px; font-weight:700;}
.fs_flNS {font-family:Nanum Gothic, '나눔고딕' !important; letter-spacing:-1;}
.fs_flNSB {padding-top:5px; color:#555; font-family:'tahoma','맑은고딕','Malgun Gothic',Nanum Gothic, '나눔고딕',sans-serif !important; font-weight:800 !important; letter-spacing:-1;}

.w10 {width:10%; margin:0 auto;}
.w20 {width:20%; margin:0 auto;}
.w30 {width:30%; margin:0 auto;}
.w40 {width:40%; margin:0 auto;}
.w50 {width:50%; margin:0 auto;}
.w60 {width:60%; margin:0 auto;}
.w70 {width:70%; margin:0 auto;}
.w80 {width:80%; margin:0 auto;}
.w90 {width:90%; margin:0 auto;}
.w95 {width:95%; margin:0 auto;}
.w100 {width:100%;}
.w100_br {width:100%; border:1px solid #333;}
.w100_brG {width:100%; border:1px solid #ddd;}
.w200p {width:200px; float:left;}
.w200p_brG {width:200px; border:1px solid #ddd; float:left;}
.w885p {width:885px; float:right;}
.w100W {width:1100px;}
.w100W:after {content:''; display:block; clear:both;}
.w400p_brG {width:400px; float:left;}
.w685p {width:685px; float:right;}

.br_a1 {border:1px solid #ddd;}
.br_t0 {border-top:0 !important;}
.br_t1 {border-top:1px solid #ddd !important;}
.br_t2 {border-top:1px solid #333 !important;}
.br_r0 {border-right:0 !important;}
.br_b0 {border-bottom:0 !important;}
.br_b1 {border-bottom:1px solid #ddd !important;}
.br_b2 {border-bottom:1px solid #333 !important;}
.br_l0 {border-left:0 !important;}


.mtb1 {margin-top:1px !important; margin-bottom:1px !important;}
.mtb2 {margin-top:2px !important; margin-bottom:2px !important;}
.mtb3 {margin-top:3px !important; margin-bottom:3px !important;}
.mtb4 {margin-top:4px !important; margin-bottom:4px !important;}
.mtb5 {margin-top:5px !important; margin-bottom:5px !important;}
.mtb7 {margin-top:7px !important; margin-bottom:7px !important;}
.mtb10 {margin-top:10px !important; margin-bottom:10px !important;}
.mtb20 {margin-top:20px !important; margin-bottom:20px !important;}
.mtb30 {margin-top:30px !important; margin-bottom:30px !important;}
.mtb40 {margin-top:40px !important; margin-bottom:40px !important;}
.mtb50 {margin-top:50px !important; margin-bottom:50px !important;}
.mtb120 {margin-top:120px !important; margin-bottom:120px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt65 {margin-top:65px !important;}
.mt80 {margin-top:80px !important;}
.mt130 {margin-top:130px !important;}
.mt20M {margin-top:-20px !important;}
.mt80M {margin-top:-80px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb120 {margin-bottom:120px !important;}
.mb110 {margin-bottom:110px !important;}
.ml0 {margin-left:0 !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mr0 {margin-right:0 !important;}
.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.p0 {padding:0px !important;}
.p1 {padding:1px !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p4 {padding:4px !important;}
.p5 {padding:5px !important;}
.p7 {padding:7px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.ptb0 {padding-top:0px !important; padding-bottom:0px !important;}
.ptb2 {padding-top:2px !important; padding-bottom:2px !important;}
.ptb3 {padding-top:3px !important; padding-bottom:3px !important;}
.ptb4 {padding-top:4px !important; padding-bottom:4px !important;}
.ptb5 {padding-top:5px !important; padding-bottom:5px !important;}
.ptb10 {padding-top:10px !important; padding-bottom:10px !important;}
.ptb15 {padding-top:15px !important; padding-bottom:15px !important;}
.ptb20 {padding-top:20px !important; padding-bottom:20px !important;}
.ptb30 {padding-top:30px !important; padding-bottom:30px !important;}
.ptb40 {padding-top:40px !important; padding-bottom:40px !important;}
.ptb50 {padding-top:50px !important; padding-bottom:50px !important;}
.pt0 {padding-top:0px !important;} 
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;} 
.pt7 {padding-top:7px !important;} 
.pt10 {padding-top:10px !important;} 
.pt15 {padding-top:15px !important;} 
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt130 {padding-top:130px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb7 {padding-bottom:7px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.plr15 {padding-left:15px !important; padding-right:15px !important;}

/* bluesuin 200330 modal custom*/
.modal-passwd {width:300px !important;}
.modal-changepw {width:500px !important;}
/*video size custom 20200805 */
.note-video-clip {width:800px !important; height:450px !important; text-align:center;}


@media screen and (max-width:767px){
	#banner_left {display:none;}
	#banner_right {display:none;}
}
/* bluesuin 2020-09-08 */
.jmg_img_zone {position: relative;}
.jmg_bimg_zone {position: relative;}
.jmg_sh_img_zone {position: relative;}
.jmg_slide_zone {position: relative;}
.jmg_n_zone {position: relative;}


/* modal_pop */
.modal_syspop {display:none; position:fixed; top:40%; right:0; bottom:0; left:0; margin:0 auto; padding:0 15px; background:#fff; overflow:hidden; 
    z-index:20; text-align: center; border:2px solid #ddd;
    box-sizing:border-box; -webkit-box-sizing: -moz-border-box;
    box-shadow:0 2px 5px rgba(0, 0, 0, .1); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .1);
  }
  .modal_visible {display:block;}
  .modal_header {position:relative; padding:15px 0; background:#fff; text-align:left; overflow:hidden;}
  .modal_header .modal_close {display:block; position:absolute; top:5px; right:0; width:50px; color:#aaa; font-size:80%; line-height:50px; text-align:center; text-decoration:none;}
  .modal_header .modal_close:hover,
  .modal_header .modal_close:focus {color:#333; cursor:pointer;}
  .modal_header .modal_title {width:100%; padding:5px 0; font-weight:bold; border-bottom:1px solid #ddd;}
  .modal_body {position:relative; padding:10px 0; text-align:center; overflow:hidden;}
  .modal_footer {position:relative; height:60px; padding:10px 15px; text-align:center; overflow:hidden;}
  .modal_btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:normal;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor:pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image:none;
    border:1px solid transparent;
    border-radius:2px;
  }
  .modal_btn:hover,
  .modal_btn:focus,
  .modal_btn.focus {color:#333; text-decoration:none;}
  .modal_btn_default {color:#333; background-color:#fff; border-color:#ccc;}
  .modal_btn_default:focus,
  .modal_btn_default.focus,
  .modal_btn_default:hover {
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad;
  }
  .modal_btn_primary {
    color:#fff;
    background-color:#5f646b;
    border-color:#4a4d53;
  }
  .modal_btn_primary:focus,
  .modal_btn_primary.focus,
  .modal_btn_primary:hover {
    color:#fff;
    background-color:#3a3d42;
    border-color:#3a3d42;
  }
  .modal_overlay {display:none; position:fixed; top:0; z-index:1049; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6);}
  
   @media (min-width: 768px) {
    .modal_contWrap {
      width:600px;
      margin:30px auto;
    }
    .modal_cont {box-shadow:0 5px 15px rgba(0, 0, 0, .5);
      -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
              
    }
  }
  @media (max-width: 768px) {
    .modal_contWrap {
      width:600px;
      margin:30px auto;
    }
    .modal_cont {
      -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
              box-shadow:0 5px 15px rgba(0, 0, 0, .5);
    }
  }
  .modal-passwd {width:300px !important;}
  .modal-changepw {width:500px !important;}
  
  .h180 {height:180px;}
  .h200 {height:200px;}
  .h250 {height:250px;}
  .h300 {height:300px;}


/* 팝업레이어 Style*/
.eventPop {position:absolute; top:50%; left:50%; min-width:400px; min-height:250px; background:transparent; z-index:9997; 
box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.4);
}
.eventPop .popCont {position:relative; width:100%; padding:0 0 40px; margin:0 auto; text-align:center;}
.eventPop .popCont .popContIn {width:100%; height:100%; min-height:261px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.eventPop .popCont .popContIn img {width:100% !important; height:auto;}
.eventPop .popClose {position:absolute; left:0px; bottom:0px; display:block; width:100%; height:40px; line-height:40px; background-color:#fff; color:#333; font-size:12px; z-index:22;}
.eventPop .popClose .btnTimeClose {display:inline-block; width:49%; color:#333; text-align:center; border-right:1px solid #ddd; box-sizing:border-box;}
.eventPop .popClose .chkday {color:#fff; width:15px; height:15px; margin:0 5px 0 10px;}
.eventPop .popClose label[for=chkday] {cursor:pointer; color:#333; padding-right:5px;}
.eventPop .popClose .btnClose {display:inline-block; width:49%; color:#333; text-align:center;}
.eventPop .popClose .btnClose img {width:8px; margin-top:4px; margin-right:5px;}