@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');

/** 타입 4 **/
/* **************************** 공통영역 **************************** */

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.8em 'Noto Sans KR',Nanum Gothic, "나눔고딕",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;}
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
td a:hover { color:#8e8e8e;}
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:.3em .5em .5em; border:1px solid #a1a1a1; font-size:12px; line-height:inherit}
/*추가 bluesuin*/
input:read-only { background-color:#DCDCDC;}
input[type="image"] {background:rgba(255, 255, 255, 0);}
label.error{ color:#cf100b; }

::-webkit-input-placeholder {color:#bbb;}
:-moz-placeholder {color:#bbb;opacity:1;}
::-moz-placeholder {color:#bbb;opacity:1;}
:-ms-input-placeholder {color:#bbb;}

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

/* Layout */
#header_zone { margin-bottom:15px; }
#header_topmenu { position:relative; width:100%; min-width:1100px; z-index:19; }
#header_topmenu .header_top { position:relative; width:1100px; margin:0 auto; }
#header_topmenu .header_top:after { content:""; display:block; clear:both; }
/* ------------- 최상단 메뉴 ------------- */
#header_topmenu .header_top .tnb_right { position:absolute; right:0; top:10px; height:30px; overflow:hidden; z-index:9;}
#header_topmenu .header_top .tnb_right li { float:left; }
#header_topmenu .header_top .tnb_right > li > a { display:block; padding:0 6px 0 7px; color:#a5a5a5; font-size:12px; text-decoration:none; }

/* 2021-03-22 추가 */
/* 관리자 아이콘 배경 있을때 */
#header_topmenu .header_top .tnb_right > li > a > .adCenter_on { display:block; padding:0px 0px 0 15px; color:#f23322; font-weight:bold; }
#header_topmenu .header_top .tnb_right > li > a > .adCenter_on > img { margin-top:-2px; }
@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_topmenu .header_top .inner { position:relative; overflow:hidden; height:110px; padding:15px 0; text-align:center; }
#header_topmenu .header_top .inner:after { content:""; display:block; clear:both; }
#header_topmenu .header_top .inner .leftBan { float:left; width:340px; padding:17px 0; }
#header_topmenu .header_top .inner .leftBan .ban_inner { display:block; overflow:hidden; height:75px; width:340px; text-align:center;}
#header_topmenu .header_top .inner .leftBan .ban_inner .left_tel { float:left; width:55px; padding:10px 0 0px 0; text-align:center; line-height:40px; letter-spacing:-1px;}
#header_topmenu .header_top .inner .leftBan .ban_inner .left_tel img { width:55px; height:55px; }
#header_topmenu .header_top .inner .leftBan .ban_inner .left_tel span {display:inline-block; padding-left:5px; color:#414141; font-size:16px; }
#header_topmenu .header_top .inner .leftBan .ban_inner .left_txt { float:left; max-width:280px; padding:5px 5px; font-size:16px; line-height:28px; text-align:center; }
#header_topmenu .header_top .inner .leftBan .ban_inner .left_txt strong { padding-top:5px; color:#9b68b4; font-size:32px; font-weight:900; font-family:Nanum Gothic,"나눔고딕",sans-serif; letter-spacing:-1px;}
#header_topmenu .header_top .inner .logotop { float:left; width:390px; margin:0 10px; text-align:center; }
#header_topmenu .header_top .inner .logotop a { width:250px; height:110px; margin:0 auto; overflow:hidden; text-align:center; vertical-align:middle; line-height:110px; display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-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_topmenu .header_top .inner .logotop img { max-height:110px; }
#header_topmenu .header_top .inner .searchWrap { float:right; background:#fff; text-align:left; margin-top:32px; }
#header_topmenu .header_top .inner .searchHeader { width:280px; height:35px; border-bottom:1px solid #d1d1d1; box-sizing:border-box; text-align:left; background:#fff;}
#header_topmenu .header_top .inner .searchHeader fieldset { padding:0; margin:0;}
#header_topmenu .header_top .inner .searchHeader #top_keyword  { float:left; width:215px; height:26px; padding:0 30px 0 2px; border:0; line-height:30px; font-size:12px; font-weight:500; color:#999; }
#header_topmenu .header_top .inner .searchWrap .hitsearch { display:block; overflow:hidden; margin-top:8px; width:280px; height:35px;}
#header_topmenu .header_top .inner .searchWrap .hitsearch .hitT { display:inline-block; width:40px; height:18px; line-height:18px; color:#fff; font-size:12px; padding-left:5px; background:url("../img/top_search_popbg.png") 0 0 no-repeat; }
#header_topmenu .header_top .inner .searchWrap .hitsearch a {display:inline-block; margin-right:7px; color:#555; font-size:12px; font-family:Nanum Gothic, "나눔고딕";}
#header_topmenu .header_top .inner .searchWrap .hitsearch a:last-child { margin-right:0; }
#header_topmenu .header_top .inner .searchWrap .hitsearch a span { display:inline-block; padding:1px 4px; margin-right:5px; color:#fff; background:#8ac983; border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; }


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

/* ---------------------------------------------- */
/* all_cate*/
/* --------------------------------------------- */
.gnb_all { float:left; display:block; width:50px; color:#fff; background-color:#e0b0f8; 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:500; background:rgba(0,0,0,0.2); }
.gnb_all .allcate_title.bgchange { background:#333333; }
.allcate_icon { position:relative; float:left; display:inline-block; width:20px; height:50px; margin:0 15px 0 15px; 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:770px;}
#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; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; }
#category #cnb .m1 li:last-child { border-right:none; }
#category #cnb .m1 li a { display:inline-block; color:#fff; font-size:16px; font-weight:500; line-height:48px; padding:0 15px; border-right:1px solid rgba(51,51,51,0.15); box-sizing:border-box; }
#category #cnb .m1 li:last-child a { border-right:none; }
#category #cnb .m1 li a:hover { color:#fefd8b; }

/* 상단우측 커뮤니티 */
.board_gnb { float:right; width:210px; overflow:hidden; background:#b885d1; padding:0 0 0 20px; line-height:50px; overflow:hidden;}
.board_gnb li { float:left; margin-right:7%;}
.board_gnb li a { display:block; color:#fff; }
.board_gnb li:last-child a { color:#ffd74e; margin-right:0 !important;}

/* ---------------------------------------------- */
/* 전체메뉴표시 */
/* ---------------------------------------------- */
.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; line-height:1.4em;}
.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) ~ .ct {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:#b885d1 !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(248, 234, 251,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:#b885d1;}
.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:#b885d1;}
.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:#b885d1; background:rgba(248, 234, 251,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:#b885d1 !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; }

/* ----------------------------------------------------- */
/* 상단 상세검색 2020-04-20 수정 */
/* ------------------------------------------------------*/
.searchDetail { padding:12px 0; background:#fff; 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 > .Dcenter { float:left; }
.searchDetail .searchD_inner > .Dcenter .DcenterIn { }
.searchDetail .searchD_inner > .Dcenter .DcenterIn .Dleft { display:inline-block; color:#fff; font-size:13px; width:70px !important; height:28px; text-align:center; background:#bababa; line-height:25px;}
.searchDetail .searchD_inner > .Dcenter .DcenterIn span { float:left; display:inline-block; width:100px; background:#fff; border:1px solid #ddd; border-left:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.searchDetail .searchD_inner > .Dcenter .DcenterIn span a { display:block; color:#818181; font-size:13px; width:100%; height:26px; line-height:25px; text-align:center; }
.searchDetail .searchD_inner > .Dcenter .DcenterIn span a:hover { background:#bababa; color:#fff; }
.searchDetail .searchD_inner > .Dright { float:right; }
.searchDetail .searchD_inner > .Dright > select { width:135px; }
/* ------------------------------------------------------*/

/* ----------------------------------------------------- */
/* 상단 상세검색_re 2020-10-22 추가 */
/* ------------------------------------------------------ */
.searchDetailD { padding:0; background:#fff; border-bottom:1px solid #ddd; }
.searchDetailD:after { content:''; display:block; clear:both;}
.searchDetailD .searchD_innerD { width:1100px; margin:0 auto; color:#555; overflow:hidden }
.searchDetailD .searchD_innerD > .SDcenter { width:1100px; }
.searchDetailD .searchD_innerD > .SDcenter:after { content:''; display:block; clear:both; }
.searchDetailD .searchD_innerD > .SDcenter .SDleft { float:left; width:410px; height:50px; color:#fff; font-size:13px; line-height:50px; overflow:hidden; }
.searchDetailD .searchD_innerD > .SDcenter .SDleft > img { max-width:100%; }
.searchDetailD .searchD_innerD > .SDcenter .SDcenterIn { float:left; color:#f23322; font-size:13px; width:265px; height:28px; margin:11px 0 0 4px; border:1px solid #f23322; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	background:#fff url("../../img/top_search_redT3.png") no-repeat 5px 2px;
	background-size:20px 20px; 
}
.searchDetailD .searchD_innerD > .SDcenter .SDcenterIn .SDCselect { position:relative; padding-left:85px; }
.searchDetailD .searchD_innerD > .SDcenter .SDcenterIn .SDCselect > span { position:absolute; top:0; left:0; display:inline-block; width:50px; height:26px; font-size:13px; padding:0 10px 0 24px; border-right:1px solid #ddd; line-height:26px; }
.searchDetailD .searchD_innerD > .SDcenter .SDcenterIn .SDCselect > select { width:170px; height:26px; border:0; background:#fff url("../../img/arrow_bt.png") no-repeat 99% 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.searchDetailD .searchD_innerD > .SDcenter .SDcenterIn .SDCselect > select::-ms-expand { display:none; }
.searchDetailD .searchD_innerD > .SDcenter .SDright { float:right; width:416px; padding:11px 0px; }
.searchDetailD .searchD_innerD > .SDcenter .SDright > select { width:135px; margin:0; }
/* ------------------------------------------------------*/


/* 연관상품검색 05-18 */
.relation_search { position:absolute; top:3px; 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; }

/* 상품검색 결과내재검색 추가 05-18 */
.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:80px; padding-left:15px; margin-right:7px; }
.result_research input { padding:5px 7px; border:1px solid #ccc; }


#main { margin:0; padding:0;}
#wrapper { position:relative; width:100%; margin:15px auto 0; }
#container { position:relative; width:1370px; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#contents { position:relative; width:1100px; 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; }


#fixed_left { position:absolute; top:0; left:0; width:120px; }
#fixed_right { position:absolute; top:0; right:0; width:120px; }
#fixed_left .banner, #fixed_right .banner { margin-bottom:5px;}
#fixed_right .recent_item { padding-bottom:15px; 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 }
/* bluesuin 2020-05-20 수정 */
#fixed_right .recent_item .list_pager span {display:inline-block; margin:0 2px; }

#fixed_rightB {position:fixed; right:50px; bottom:25px; }
#fixed_rightB > p {display:block; margin-bottom:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } 


#main > #footer_zone { margin:20px auto 0; }
#footer_zone { position:relative; width:100%; margin:65px 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:30px auto 0; padding:0; border:1px solid #ddd; border-top:3px solid #b885d1; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#footer_zone .fcsW:after { content:""; display:block; clear:both; }
#footer_zone .fcsW .fcs_title { overflow:hidden; padding:10px 0 10px 15px; background:#f5f5f5; }
#footer_zone .fcsW .fcs_title li { float:left; color:#111; font-size:18px; position:relative;}
#footer_zone .fcsW .fcs_title li:nth-child(1) { width:23%; }
#footer_zone .fcsW .fcs_title li:nth-child(2) { width:25%; }
#footer_zone .fcsW .fcs_title li:nth-child(3) { width:29%; }
#footer_zone .fcsW .fcs_title li:nth-child(4) { width:18%; padding-left:34px; background:url(../img/btitle_icon.png) no-repeat 0px 0px; background-size:30px 22px; }
#footer_zone .fcsW .fcs_title li a { position:absolute; bottom:5px; right:0; display:inline-block; color:#999; font-size:10px; padding:1px 5px 2px; border:1px solid #ddd; background:#fff; letter-spacing:1px; }
#footer_zone .fcsW .fcs_title li a:hover { background:#f5f5f5;}
#footer_zone .fcsW .fcsIn { padding:15px 0; }
#footer_zone .fcsW .fcsIn:after { content:""; display:block; clear:both; }
/* 고객서비스 */
.fcsW .fcsIn .f_serviceW { float:left; width:250px; height:180px; padding:0px 0 0px 15px; overflow:hidden; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fcsW .fcsIn .f_serviceW h3 { padding:0 0 10px 0;color:#111; font-size:21px; }
.fcsW .fcsIn .f_serviceW p { color:#818181; line-height:18px; }
.fcsW .fcsIn .f_serviceW .f_service { overflow:hidden; }
.fcsW .fcsIn .f_serviceW .f_service li { float:left; width:70px; height:85px; margin-right:5px; margin-bottom:5px; text-align:center; }
.fcsW .fcsIn .f_serviceW .f_service li:first-child {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat 0 0;}
.fcsW .fcsIn .f_serviceW .f_service li:nth-child(2) {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat -75px 0;}
.fcsW .fcsIn .f_serviceW .f_service li:nth-child(3) {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat -155px 0;}
.fcsW .fcsIn .f_serviceW .f_service li:nth-child(4) {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat 0 -75px;}
.fcsW .fcsIn .f_serviceW .f_service li:nth-child(5) {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat -75px -75px;}
.fcsW .fcsIn .f_serviceW .f_service li:nth-child(6) {background:#f1f1f1 url(../img/bottom_qicon.png) no-repeat -155px -75px;}
.fcsW .fcsIn .f_serviceW .f_service li a { display:block; width:100%; height:100%; color:#818181; font-size:12px; letter-spacing:-1px; line-height:130px;}

/* bank info */
.fcsW .fcsIn .f_bank { float:left; position:relative; width:268px; height:180px; padding:0px 15px; overflow:hidden; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fcsW .fcsIn .f_bank h3 { padding:0 0 15px 0; color:#111; font-size:21px; }
.fcsW .fcsIn .f_bank .bank_info { margin-top:-5px; }
.fcsW .fcsIn .f_bank .bank_info .bank_number { padding-top:5px; color:#414141;}
.fcsW .fcsIn .f_bank .bank_info .bank_name { color:#555; font-size:13px; }
.fcsW .fcsIn .f_bank strong { color:#414141; font-size:16px; font-weight:800; }
.fcsW .fcsIn .f_bank p { color:#666; line-height:22px; }

/* cs center */
.fcsW .fcsIn .f_cs { float:left; width:318px; height:180px; padding:0 15px; overflow:hidden; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fcsW .fcsIn .f_cs h3 { padding:0 0 5px 0; color:#111; font-size:21px; }
/* 2020-04-20 추가 */
.fcsW .f_cs .csPhone { display:block; padding:10px 0 0 45px; height:35px; color:#b885d1 !important; font-size:30px; font-weight:900; font-family:'Noto Sans KR',sans-serif; letter-spacing:-1px; background:url(../img/bottom_cs_btn.png) no-repeat 0 0; }
/* 20.03.29 bluesuin */
.fcsW .fcsIn .f_cs #foot_cs_phone_no { display:block; padding:10px 0; color:#b885d1; font-size:30px; font-weight:900; font-family:'Noto Sans KR',sans-serif; }
.fcsW .fcsIn .f_cs p { color:#999; line-height:18px; }
.fcsW .fcsIn .f_cs p.subT { position:relative; display:block; padding:3px 0 3px 12px !important; color:#818181; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; }
.fcsW .fcsIn .f_cs p.subT:before { content:""; height:6px; width:6px; background:#b885d1; position:absolute; left:0; top:9px; display:block; }
/* 인쇄시안확인 게시글 추출 */
.fcsW .fcsIn .f_board { float:left; width:230px; height:180px; padding:0 15px; overflow:hidden; }
.fcsW .fcsIn .f_board li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:230px; border-bottom:0px solid #ddd; padding-bottom:3px; margin-bottom:2px;} 
.fcsW .fcsIn .f_board li a { color:#818181; font-size:13px; line-height:20px; }
.fcsW .fcsIn .f_board li a:before { content:"-"; padding-right:5px; font-size:11px; }

.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 { overflow:hidden; width:1100px; margin:0 auto; padding:21px 0 20px; color:#818181; font-size:12px; }
#footer .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 .logobt img { max-height:110px; }
#footer .address { float:left; width:550px; line-height:1.6; letter-spacing:0.5px; font-weight:normal; }
#footer .address span { display:inline-block; margin-right:15px;}
#footer .address span a { color:#818181; }
#footer .address span.copyright { color:#9d9d9d; font-size:11px; }
#footer .address span.bsNum { font-size:10px; padding:1px 5px; background:#ababab; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; }
#footer .address span.bsNum a { color:#fff; }
#footer .f_escrow {float:right; width:280px; }
#footer .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 { display:inline-block; padding:0 15px 0 15px;}
.fmarkW .fmark span:first-child { padding:0 15px 0 0; }

/* Main slide */
.slideWrap { position:relative; }
.slideWrap:after { content:""; display:block; clear:both; }
.slideWrap .slideIn { position:relative; float:left; overflow:hidden;}
.slideWrap .slideIn .mainslider { width:830px; }
.slideWrap .slide_right { float:left; width:267px; }


/* Tab slide goods */
.tabSlide { position:relative; 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:1100px; overflow:hidden; }


/* Main banner */
.main_banArea { }
.main_banArea:after {content:''; clear:both; display:block; }
.main_banArea h3 { color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; text-align:center; }
.main_banArea .banArea { overflow:hidden; margin-top:20px;}
.banArea_Mt0 { overflow:hidden; }
.banArea_Mt10 { overflow:hidden; margin-top:10px; }
.banArea_Mt15 { overflow:hidden; margin-top:15px; }
.banArea_Mt20 { overflow:hidden; margin-top:20px; }
.banArea_Mt0 li, .banArea_Mt10 li, .banArea_Mt15 li, .banArea_Mt20 li { float:left; } 

.main_banArea .banArea .banAreaL { float:left; width:450px; margin-right:10px; }
.main_banArea .banArea .banAreaR { float:right; width:640px; }
.main_banArea .banArea .banAreaR .banAreaRT, .main_banArea .banArea .banAreaR .banAreaRM { margin-bottom:10px;}
.main_banArea .banArea .banAreaR .banAreaRT, .main_banArea .banArea .banAreaR .banAreaRM, .main_banArea .banArea .banAreaR .banAreaRB { overflow:hidden}
.main_banArea .banArea .banAreaR .banAreaRT li, .main_banArea .banArea .banAreaR .banAreaRM li, .main_banArea .banArea .banAreaR .banAreaRB li { float:left}
.main_banArea .banArea .banAreaR .banAreaRT li:first-child, .main_banArea .banArea .banAreaR .banAreaRM li:first-child, .main_banArea .banArea .banAreaR .banAreaRB li:first-child { margin-right:10px;}

.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;}

/* 메인슬라이드하단 wide배너영역 */
.msbBan { width:100%; margin:35px auto 40px; }
.msbBan:after {content:''; clear:both; display:block; }
.msbBan .msbBanList { width:1100px; overflow:hidden; }
.msbBan .msbBanList li { margin-top:15px; }
.msbBan .msbBanList li:first-child { margin-top:10px; }
.msbBan .msbBanList li:last-child { margin-bottom:10px; }
/* 20210421 추가 */
.msbBan .msbBanList li.tbArea { padding:15px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; webkit-box-sizing:border-box; }
.msbBan .msbBanList li.tbArea a { display:inline-block; width:50%; }
.msbBan .msbBanList li.tbArea a:nth-child(2) { float:right; text-align:right; }
.msbBan .msbBanList li.tbArea a img { max-width:100%; }
/* 20240223 추가 */
.msbBan .msbBanList_s { width:1100px; height: 192px; overflow:hidden; padding:15px 0px 15px 15px; border:1px solid #ddd; box-sizing:border-box; margin-top:10px; -moz-box-sizing:border-box; webkit-box-sizing:border-box;}
.msbBan .msbBanList_s .tbArea_s { float:left; text-align:left; }
.msbBan .msbBanList_s .tbArea_s a { display:inline-block; width:50%; }
.msbBan .mt_t0_s { width:1100px; overflow:hidden; }
.msbBan .mt_t0_s { margin-top:15px; margin-bottom:10px;}

/* 메인중앙 브랜드영역 */
.brandAreaMd { width:100%; 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;
   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;}
}

.lay_line { width:100%; height:10px; }
.pattern_line {
  background: repeating-linear-gradient(-45deg, #e6f6fb, #e6f6fb 1px, #e6f6fb 1px, #b8c5c9 5px);
  background: -moz-repeating-linear-gradient(-45deg, #e6f6fb, #e6f6fb 1px, #e6f6fb 1px, #b8c5c9 5px);
  background: -webkit-repeating-linear-gradient(-45deg, #e6f6fb, #e6f6fb 1px, #e6f6fb 1px, #b8c5c9 5px);
}
/* 20210421 추가 */
.pattern_lineBG {
  background-color:#f0f0f0; background-image: repeating-linear-gradient(-45deg, #c0c0c0 0, #c0c0c0 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f0f0f0; background-image: -moz-repeating-linear-gradient(-45deg, #c0c0c0 0, #c0c0c0 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f0f0f0; background-image: -webkit-repeating-linear-gradient(-45deg, #c0c0c0 0, #c0c0c0 1px, transparent 0px, transparent 50%); background-size:5px 5px;
}

/* 이런상품 어떠세요 20200928수정 */
.main_midban { background:#d89cf6 url(../img/main_title1.jpg) 0 0 no-repeat; padding:170px 10px 0; }
.main_midban:after {content:''; clear:both; display:block; }
.main_midban h3 { color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; text-align:center; }
.main_midban .mbanArea { width:1066px; overflow:hidden; margin:15px auto 0; padding:10px 0px 15px; background:#fff; }
.main_midban .mbanArea .mbanAreaT { overflow:hidden; width:1048px; height:442px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_midban .mbanArea .mbanAreaT .mbanAreaL { float:left; width:330px; }
.main_midban .mbanArea .mbanAreaT .mbanAreaC { float:left; width:384px; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_midban .mbanArea .mbanAreaT .mbanAreaR { float:right; width:330px; }
.main_midban .mbanArea .mbanAreaB { overflow:hidden; width:1048px; margin:0 auto; border:1px solid #ddd; border-top:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.main_midban .mbanArea .mbanAreaB li { float:left; width:25%; border-left:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_midban .mbanArea .mbanAreaB li:first-child { border-left:0; }
/* 이런상품 어떠세요 하단상품 20200928수정 */
.prdArea_gmd { position:relative; width:1100px; margin :0 auto; padding:0 0 15px; background:#efd7fb;}
.prdArea_gmdIn { width:1066px; background:#fff; margin:0 auto; padding:0px 0 10px; }

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


/* 메인중앙 카테고리 */
.sector_tit { width:100%; overflow:hidden;}
.sector_tit .sector_titleLeft { float:left; display:inline-block; width:208px; height:45px; color:#fff; font-size:30px; font-weight:normal; text-align:center; background:#b885d1; line-height:45px; }
.sector_tit .sector_titleRight { float:left; display:inline-block; width:890px; height:45px; color:#fff; font-size:30px; font-weight:normal; text-align:center; background:#fd6460; line-height:45px; }
.sector_In { width:1098px; background:#f5f5f5; border:1px solid #ddd; border-top:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sector_In:after { content:""; display:block; clear:both; }
.sector_left { float:left; width:208px; }
.sector_right { float:right; width:886px; }
/* 대상별 */
.sector_category { overflow:hidden; width:100%; height:100%; }
.sector_category li { float:left; width:50%; background:#f2dffc;}
.sector_category li:hover { background:#e9c8fb; }
.sector_category li a { display:inline-block; width:100%; height:100%; padding-top:49px; color:#676e7d; font-size:13px; text-align:center; line-height:41px; letter-spacing:-1px; border-bottom:1px solid #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sector_category li:nth-child(n+1) a { border-right:1px solid #fff; }
.sector_category li:first-child a { background:url(../img/category_icon1.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(2) a { background:url(../img/category_icon2.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(3) a { background:url(../img/category_icon3.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(4) a { background:url(../img/category_icon4.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(5) a { background:url(../img/category_icon5.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(6) a { background:url(../img/category_icon6.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(7) a { background:url(../img/category_icon7.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(8) a { background:url(../img/category_icon8.png) no-repeat center 2px; background-size:70px 70px; }
.sector_category li:nth-child(9) a { background:url(../img/category_icon9.png) no-repeat center 2px; background-size:70px 70px; border-bottom:0; }
.sector_category li:nth-child(10) a { background:url(../img/category_icon10.png) no-repeat center 2px; background-size:70px 70px; border-bottom:0; }
/* 베스트 */
.best_category { display:block; width:100%; overflow:hidden; background:#f5f5f5;}
.best_category li { float:left; width:25%; height:226px; border-left:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.best_category li:first-child {border-left:0;}
.best_category li a img { max-width:100%; overflow:hidden;}


/* 상품 */
.productArea { position:relative; min-width:960px; margin:0; font-size:0; padding:20px 0px 10px; }
.productArea_bg { position:relative; min-width:960px; margin:0; font-size:0; padding:20px 15px 10px; border:1px solid #ddd; background:#eaeaea;}
.productArea_bgB { position:relative; min-width:960px; margin:0; padding:20px 15px 10px; background:#e6e9f1;}
.productArea_bgB h3 { padding-bottom:20px; color:#3f6eb3; font-size:32px; font-weight:400; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; text-align:center; }
.productArea_bgP { position:relative; min-width:960px; margin:0; padding:20px 15px 10px; background:#f5f0e7;}
.productArea_bgP h3 { padding-bottom:20px; color:#bf8f72; font-size:32px; font-weight:400; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; text-align:center; }
.productArea_br {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 15px 10px; border:1px solid #ddd; border-top:none; }
.productArea_brB {position:relative; min-width:960px; margin:0; font-size:0; padding:20px 15px 10px; border:10px solid #bcbcbc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.productArea_bgR { position:relative; min-width:960px; margin:0; padding:20px 15px 10px; background:#fd4f4c;}

/* btb 회원전용 상품리스트 */
.btbList { position:relative; width:100%; margin-top:65px; background-color:#fff4e8; border:2px solid #f3e0d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.btbList .list_de { padding:5px 10px; border-top:1px solid #e0d4c9; border-bottom:1px solid #e0d4c9; }
.btbList .prd_list li { width:19%; margin:0 0.5% 15px; padding:10px; border:1px solid #e0d4c9; }
.btbList .prd_list li:hover { background:#f7f7f7; border:1px solid #f29c16; }

.main_cateBan { display:block; width:100%; text-align:center;}
.main_cateBan span { display:inline-block; margin-bottom:20px;}

.prd_list { width:100%; margin:0 auto; }
.prd_list:after { content:""; display:block; clear:both; }
.prd_list li { position:relative; float:left; width:19%; margin:0 0.5% 15px; padding:7px; text-align:center; text-align:center; background:#fff; border:1px solid transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.prd_list li:hover { background:#f7f7f7; border:1px solid #717171; }
.prd_list li a { position:relative; display:block; width:100%; text-align:center; }
.prd_list li a .prd_thumb { border:1px solid #eaeaea; height:187px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.prd_list li 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;
}
.prd_list li a .prd_thumb .thumb_img img {width:100%; height:auto; max-height:100%; overflow:hidden; }
.prd_list li a .prd_disc { display:block; margin-top:3px; line-height:19px; min-height:90px; max-height:120px; }
.prd_list li a .prd_disc .prd_code { display:block; width:100%; padding:2px 0 5px; color:#5d99dc; font-size:13px; text-align:center; border-bottom:1px solid #ddd; box-sizing:border-box; }
.prd_list li a .prd_disc .prd_code span { padding-right:5px; }
.prd_list li a .prd_disc .prd_name { width:100%; max-height:40px; height:40px; padding-top:5px; color:#111; 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_list li a .prd_disc .prd_price { color:#d01212; font-size:16px; font-weight:bold; line-height:25px; }

.prd_list li .label_mdbest0 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best01.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest1 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best02.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest2 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best03.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest3 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best04.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest4 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best05.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest5 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best06.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest6 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best07.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest7 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best08.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest8 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best09.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_mdbest9 { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_best10.png) no-repeat 0 0; z-index:9;}
.prd_list li .label_best { position:absolute; top:-5px; left:-4px; width:60px; height:60px; background:url(../img/label_icon_good.png) no-repeat 0 0; z-index:9;}


/* 상품분류리스트 */
.ct_list { padding:10px; margin-bottom:10px; border:1px solid #ddd; 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:#b885d1; font-weight:bold; }

.ct_listbr { margin-bottom:10px; }
.ct_listbr:after { content:""; display:block; clear:both; }
.ct_listbr li { float:left; width:19%; margin-left:1%; margin-bottom:1%; 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_list_de { margin-bottom:0px; overflow:hidden; background:#efd7fb; border:1px solid #b885d1; 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 .right_ct { width:81%; background:#fff;}
.ct_list_de .right_ct span { display:inline-block; margin:0 10px; }
/* bluesuin */
.ct_list_de .right_ct span a.active { color:#b885d1; font-weight:bold; }
.list_de { position:relative; padding:10px; color:#333; font-size:13px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.list_de .list_class { float:right; overflow:hidden;}
.list_de .list_class li {float:left; margin-left:15px;}
/* bluesuin */
.list_de .list_class li a.active { color:#e84816; font-weight:bold; }

/* 상품상세영역 */
.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; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-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:20px; color:#666; font-size:13px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/* 2021-02-17 추가 */
.detailArea .detail_thumb .thumb_txt .sns_share { background:url(../img/ico_speech.png) no-repeat 0px 0; padding-left:30px !important; }
.detailArea .detail_thumb .thumb_table { width:100%; margin-top:10px; }
.detailArea .detail_thumb .thumb_table_memo { margin-top:20px; }
.detailArea .detail_thumb .thumb_table_memo h3 { display:block; position:relative; padding:0 0 7px 10px; font-size:15px; font-weight:700; }
.detailArea .detail_thumb .thumb_table_memo h3:before { position:absolute; left:0; top:4px; width:5px; height:15px; background:#f23322; content:""; }
.detailArea .detail_thumb .thumb_table_memo .memoCont { width:calc(100% - 20px); padding:10px; background:#ffe2e1; border:1px solid #ff9594; }
.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:#353535;
    font:13px 'Noto Sans KR',Nanum Gothic, "나눔고딕",Dotum,sans-serif;
}
.detailArea .detail_info {float:left; width:565px; }
.detailArea .detail_info h3 { color:#111; font-size:27px; font-weight:700; padding:10px 0 7px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; border-bottom:1px solid #414141;}

.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:3px 7px; font-weight:500; }
.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:3px 7px; font-weight:500; }
.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 { display:table; width:100%; font-size:13px; color:#666; background:#f7f7f7; }
.detail_spec50a .spec_tguide .spec_tguideS { display:table; width:100%; font-size:13px; 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; }
.detail_spec .spec_tguide .spec_tguideS dd, .detail_spec50a .spec_tguide .spec_tguideS dd { padding-left:15px; }
/* 2021-02-19 추가 */
.detail_spec .spec_tguide .spec_top .spec_topRightG { position:relative; display:inline-block; float:right; padding:5px 10px 5px 24px; font-weight:500; color:#fff; background:#00917c; }
.detail_spec .spec_tguide .spec_top .spec_topRightG:before { position:absolute; left:10px; top:7px; content:'■'; font-size:0.7em; }
.detail_spec50b .spec_topRightG { position:relative; height:37px; }
.detail_spec50b .spec_topRightG span { display:block; position:absolute; top:0; right:0; padding:5px 10px 5px 24px; font-weight:500; color:#fff; background:#00917c; }
.detail_spec50b .spec_topRightG span:before { position:absolute; left:10px; top:7px; content:'■'; font-size:0.7em; }
.spec_topRightG a{color:#fff;}

.spec_line { display:table; width:100%; font-size:13px; color:#666; border-top:1px solid #ddd; }
.spec_line dt, .detail_spec .spec_line dd {display:table-cell; line-height:3;}
.spec_line dt { width:130px; padding-left:15px; }
.spec_line dd { padding-left:15px; }
.spec_line input { padding:5px 10px; border:1px solid #ccc;}
.spec_line select {border:1px solid #ccc; padding:.3em .5em .5em;}
.spec_line dd .arrfont_bull { display:inline-block; height:20px; line-height:17px; padding:0 5px; margin:0 5px; color:#2e8de5; font-size:11px; font-family:'Nanum Gothic', "돋움", "Dotum", arial, Verdana, sans-serif; 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; font-family:'Nanum Gothic', "돋움", "Dotum", arial, Verdana, sans-serif; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }
/* 2021-02-22 추가 */
.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:12px; 
	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; }

/* 20200923 추가 */
.detail_spec50b .br_line { position:relative; color:#353535; border-collapse:collapse; border:2px solid #dfdfdf; }
.detail_spec50b .br_line th { font-weight:normal; border:1px solid #dfdfdf; background:#f5f5f5;  }
.detail_spec50b .br_line th, .detail_spec50b .br_line td { padding:8px 0 7px; font-size:13px; text-align:center; border:1px solid #dfdfdf; }
.detail_spec50b .br_line th:first-child, .br_line2 td:first-child { border-left:0;}
.detail_spec50b .br_line th { color:#111;}
.detail_spec50b .br_line tr:last-child td { border-bottom:none; }

.detail_btn { margin-top:25px; text-align:center }
.detail_btn a { display:inline-block; padding:12px 0; text-align:center; font-size:17px; margin-right:5px;}
.detail_btn a:last-child { margin-right:0;}
.detail_btn a.dtbtn_buy { width:140px; background:#f23322; color:#fff; font-weight:bold; border:1px solid #f23322; 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:#f23322; font-weight:bold; border:1px solid #f23322; 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; 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; }


/* ======= 장바구니 팝업 ========= */
.hidden_cart {display:none;}
.pop_layer {height:auto;  background-color:#fff; border: 2px solid #ed1c24; z-index: 10;}	
.pop_layer .pop-container {text-align:center;padding: 20px 25px;}
.pop_layer div.title {width:100%;border-bottom: 1px solid #DDD; margin-bottom:10px;color: #333; font-family: dotum, '돋움';font-size:12px;font-weight:bold;line-height: 20px;text-align:left;}
.pop_layer div.txt {color: #666; font-family: dotum, '돋움';font-size:12px;line-height: 20px;text-align:center;}
.pop_layer div.text {color: #666; font-family: dotum, '돋움';font-size:12px;line-height: 20px;text-align:left; height:300px;}
.pop_layer .btn-r {width: 100%; margin:10px 0 0 0; padding-top: 10px; border-top: 1px solid #DDD; text-align:center;}
.pop_cart_alert{position: absolute; top: 330px; left: 50%; width: 300px; 	}
.btn-r a.lbtn_ok,
.btn_noline a.lbtn_ok {display:inline-block; height:24px; padding:0 14px 0;border:1px solid #ed1c24; background-color:#fff; font-size:12px; font-weight:bold;color:#ed1c24; line-height:20px;text-decoration:none;}	
.btn-r a.lbtn_cancel,
.btn_noline a.lbtn_cancel {display:inline-block; height:24px; padding:0 14px 0; border:1px solid #797979; background-color:#fff; font-size:12px; font-weight:bold;color:#797979; line-height:20px;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 2020-04-21수정 */
.de_menu { position:relative; }
.tab_menu { width:100%; margin:20px auto 10px; height:57px; border-bottom:1px solid #ddd; }
.tab_menu:after { content:""; display:block; clear:both; }
.tab_menu .tm_list { margin:0 auto; width:100%; }
.tab_menu .tm_list li { float:left; width:240px; background:#f7f7f7; margin:17px 0 0 -1px; text-align:center; color:#888; font-size:17px;  z-index:10; }
.tab_menu .tm_list li a { display:block; color:#aaa; font-weight:500; text-decoration:none; margin:0; height:40px; line-height:40px; padding:0 22px; border:1px solid #dadada; border-bottom:none; box-sizing:border-box; vertical-align:middle; }
.tab_menu .tm_list li:first-child { margin-left:0; }
.tab_menu .tm_list li.selected { position:relative; background:#fff; z-index:11; }
.tab_menu .tm_list li:first-child.selected { right:0; margin-left:1px;}
.tab_menu .tm_list li.selected a { color:#707070; margin:0 0 0 -1px; padding:0 22px; height:41px; line-height:40px; border:3px solid #333; border-bottom:1px solid #fff; color:#111; display:block; }
.tab_content { width:100%; margin:10px 0 30px;}
.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; }
/* ------------------------ */


.detail_exe { margin-top:10px; text-align:center; }
/*마이페이지 상단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:8px 0 5px; color:#111; font-size:24px; 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:#999; }
.login_inner input[type=submit].em:hover { background:#818181; }
.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 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:20px; }
.title_process span { display:inline-block; margin:0 15px; color:#999; font-size:17px; font-weight:bold; border-bottom:2px solid transparent; }
.title_process span.this { color:#111; border-bottom:2px solid #111; }
.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:600px; 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:7px 30px 7px 8px; 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:#b885d1; font-size:30px; font-weight:700; }
.my_summaryW .summ_right li a:hover span { border-bottom:1px solid #b885d1; }
.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; width:200px; margin-right:10px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.search_date a { display:inline-block; padding:4px 0; width:23%; color:#7d7d7d; font-size:12px; text-align:center; border-left:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.search_date a:first-child { border-left:none; }


/* 게시판 */
.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-top:60px;}
.board_search { text-align:center;}
.board_search input { padding:5px 10px; border:1px solid #ccc;}
.board_search select {border:1px solid #ccc; }


/* table */
.basic_table { position:relative; margin:5px 0 0; border-bottom:1px solid #d7d5d5; color:#353535; }
.basic_table thead th { padding:8px 0 7px; border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; font-weight:normal; background:#fff; }
.basic_table tbody th { padding:13px 0 12px 18px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#f5f5f5; }
.basic_table th { word-break:break-all; word-wrap:break-word; }
.basic_table th:first-child { border-left:0; }
.basic_table td { padding:13px 10px 12px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.basic_table td.clear { padding:0 !important; border:0 !important; }

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

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

.basic_brt_table { position:relative; margin:5px 0 0; border-bottom:1px solid #d7d5d5; border-top:1px solid #d7d5d5; color:#7d7d7d;}
.basic_brt_table thead th { padding:11px 0 10px; border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-top:1px solid #333; vertical-align:middle; text-align:center; font-weight:500; background:#f5f5f5; }
.basic_brt_table tbody th { padding:8px 0 7px 18px; border:1px solid #dfdfdf; border-bottom-width:0; text-align:left; font-weight:normal; background-color:#f5f5f5; }
.basic_brt_table th { word-break:break-all; word-wrap:break-word; }
.basic_brt_table th:first-child { border-left:0; }
.basic_brt_table td { padding:11px 10px 10px; border-top:1px solid #dfdfdf; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.basic_brt_table td a { color:#7d7d7d;}
.basic_brt_table td.clear { padding:0 !important; border:0 !important; }
.basic_brt_table td > img { padding:2px 2px 0;}

.basic_bgr_table { position:relative; margin:5px 0 0; border:1px solid #d7d5d5; color:#818181;}
.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:8px 0 7px 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 th:first-child { border-left:0; }
.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; }

.basic_bg_table { position:relative; margin:5px 0 0; border-bottom:1px solid #d7d5d5; border-top:1px solid #d7d5d5; color:#353535;}
.basic_bg_table thead th { padding:11px 0 10px; border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf; vertical-align:middle; text-align:center; font-weight:500; background:#f5f5f5; }
.basic_bg_table tbody th { padding:8px 0 7px 18px; 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 th:first-child { border-left:0; }
.basic_bg_table td { padding:11px 10px 10px; border-top: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; }
/* bluesuin */
.smp td{padding:11px 5px;}

/* 2020-04-21수정 */
.basic_bgbrB_table { position:relative; color:#353535; outline:1px solid #ddd;}
.basic_bgbrB_table thead th { padding:8px 0 7px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; vertical-align:middle; text-align:center; font-weight:700; background:#f5f5f5; }
.basic_bgbrB_table tbody th { padding:8px 0 7px; border:1px solid #dfdfdf; border-bottom-width:0; text-align:center; font-weight:700; background-color:#f5f5f5; }
.basic_bgbrB_table th { word-break:break-all; word-wrap:break-word; }
.basic_bgbrB_table th:first-child { border-left:0; }
.basic_bgbrB_table td { padding:8px 0 7px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.basic_bgbrB_table td:first-child { border-left:0;}
.basic_bgbrB_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; border-bottom:0px solid #dfdfdf; vertical-align:middle; text-align:center; font-size:15px; font-weight:500; background-color:#f5f5f5;}
.wideH_table tbody th { padding:8px 0 7px 18px; border:1px solid #dfdfdf; border-bottom-width:0; text-align:left; font-weight:normal; 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; }
.wideH_table td.clear { padding:0 !important; border:0 !important; }

.br_gray1 { position:relative; width:100%; border:1px solid #dfdfdf;}
.br_gray1 th, .br_gray1 td { font-size:13px; text-align:left; padding:15px 25px; }
.br_gray1 th { background:#f5f5f5; border:1px solid #dfdfdf;}
.br_gray1 td { color:#666; border:1px solid #dfdfdf; line-height:20px; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.br_gray1 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; }
.br_line2 { position:relative; color:#353535; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.br_line2 th {  background-color:#f5f5f5; }
.br_line2 th, .br_line2 td { padding:8px 0 7px; font-size:13px; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.br_line2 th:first-child, .br_line2 td:first-child { border-left:0;}
.br_line2 th { color:#111;}
.br_line2 tr:last-child td { border-bottom:none; }

/* 20200917 추가 */
.bg_table1 { position:relative; width:100%; font-size:11px; font-family:Nanum Gothic, "나눔고딕" !important; border:1px solid #dfdfdf; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.bg_table1 thead th { min-width:14%; padding:8px 0 7px; text-align:center; border:1px solid #dfdfdf; background:#f5f5f5; font-weight:normal; }
.bg_table1 tbody th { min-width:14%; padding:8px 0 7px; text-align:center; border:1px solid #dfdfdf; background:#f5f5f5; font-weight:normal; }
.bg_table1 th { padding:8px 0 7px; text-align:center; }
.bg_table1 td { min-width:14%; padding:8px 0 7px; border:1px solid #dfdfdf; text-align:center; }

/* 페이징 */
.list_paging { position:relative; margin:25px auto 20px; 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 { float:right; overflow:hidden;}
.path .path_line li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#717171; font-size:13px; background:url(../img/path_icon.png) no-repeat 0 6px; }
.path .path_line li:first-child { padding:0 0 0 15px; background:url(../img/path_icon_first.png) no-repeat 0 4px; }
.path .path_line li:last-child a { color:#000; font-size:14px; }
.path .path_line li a { color:#717171; font-size:13px; }
.path .path_line li strong,
.path .path_line li strong a { color:#717171; font-weight:normal; }


/* 팝업 */
.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:13px; line-height:17px; font-weight:500; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; border-radius:2px; -moz-border-radius:2px; -webkit-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:#b885d1; background-color:#fff; border:1px solid #b885d1; }
.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:#b885d1; border:1px solid #b885d1; }
.btn_em:hover { background:#a875c1; border:1px solid #a875c1; }
.btn_emwhite { color:#b885d1; 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; border-radius:0 !important; 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; border-radius:2px; -moz-border-radius:2px; -webkit-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; border-radius:2px; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; vertical-align:middle;}
.check_btn input[type=submit]:hover { background:#111; }
.check_btn input[type=submit].em { background:#b885d1; }
.check_btn input[type=submit].em:hover { background:#a875c1; }
/* 게시판 버튼 */
.cf_btn { position:relative; margin:20px auto; text-align:center; }
.cf:after { content:""; display:block; clear:both; }
.cf_btn .leftB { float:left; }
.cf_btn .leftB a:first-child { margin:0 4px 0 0 !important;}
.cf_btn .rightB { float:right; }
.cf_btn .rightB a:last-child { margin:0 0 0 4px !important;}
.cf_btn span { display:inline-block; margin:0 1px; }
.cf_btn .bbtn { display:inline-block; padding:10px 18px; margin:0 4px !important; font-size:13px; line-height:17px; font-weight:500; 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:#414141; border:1px solid transparent;}
.cf_btn .em:hover { background:#111; }
.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 7px; margin:0; font-size:12px; line-height:15px; font-weight:700; vertical-align:middle; word-spacing:-0.5px; text-align:center; white-space:nowrap; border:1px solid transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; }
.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.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_lineL {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineL h3 {color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_lineLS {position:relative; text-align:left; padding:30px 0 0;}
.title_lineLS h3 {color:#111; font-size:17px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_line0 {position:relative; text-align:center;}
.title_line0 h3 {color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_lineb { position:relative; padding-bottom:7px; border-bottom:2px solid #414141; }
.title_lineb h3 {color:#111; font-size:24px; font-weight:300; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.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:500; letter-spacing:-1px; text-align:center; font-family:'Noto Sans KR',sans-serif;}
.title_linesub2 { position:relative; padding:0px 0 10px; margin:0; border-bottom:2px solid #414141;}
.title_linesub2 h3 { color:#111; font-size:27px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_linesub3 { position:relative; padding:20px 0 10px; margin:0; }
.title_linesub3 h3 { color:#555; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_linesub3 h3 span { display:inline-block; padding-right:25px; margin-right:12px; background:url(../img/path_iconTitle.png) no-repeat 100% 12px;}
.title_linesub3 h3 span:last-child { background:none;}
.title_lineS { position:relative; text-align:center; }
.title_lineS h3 {color:#111; font-size:30px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_slickline { position:relative; padding-bottom:7px; border-bottom:2px solid #cbcbcb; }
.title_lineRB { position:relative; padding:10px 20px; background:#f7f7f7; vertical-align:middle; border:1px solid #ddd; border-bottom-color:#c6c6c6; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
box-shadow:0px 4px 5px rgba(88,88,88,0.15);
-webkit-box-shadow:0px 4px 5px rgba(88,88,88,0.15);
-moz-box-shadow:0px 4px 5px rgba(88,88,88,0.15);
}
.title_lineRB h3 {color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}


.bullBg_arrowS { padding:0 0 0 25px; color:#333; font-size:21px; font-weight:normal;letter-spacing:-1px; background:url(../img/ico_arrowLine.png) no-repeat 0 5px; background-size:20px 20px; }
.bullBg_arrowC { padding:0 0 10px 25px; color:#333; font-size:17px; background:url(../img/circle_arrow.png) no-repeat 0 3px; 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; } /* 2019-12-06 추가 */


.g_Btitle { color:#b885d1; font-size:24px; font-weight:700; padding-right:10px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.g_SMtitle { color:#111; font-size:24px; font-weight:300; padding-left:10px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; }
.g_Stitle { display:inline-block; color:#7d7d7d; font-size:11px; font-weight:500; font-family:'Noto Sans KR',sans-serif; letter-spacing:2px; text-align:center; }
.g_Btitle > img { margin:19px 15px 0; }

.g_BtitleB { color:#28c1ee; font-size:24px; font-weight:900; padding-right:5px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.g_BtitleR { color:#fd4f4c; font-size:24px; font-weight:900; padding-right:5px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; }

.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:500; letter-spacing:-1px; text-align:center; }
.sub_BtitleL { padding-bottom:10px; color:#111; font-size:32px; 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 55px; color:#fff; font-size:30px; font-weight:500; background:#a7a9ac url(../img/btn_cs.png) no-repeat 15px 28px; background-size:30px 30px; }
.left_menu { margin:0 !important; }
.left_menu li { border-bottom:1px solid #ddd; }
.left_menu li a { display:block; padding:15px; color:#666; width:calc(100%-30px); }
.left_menu li a:hover { color:#333; background:#f5f5f5;}


.size_inner0 { position:relative; width:1100px; margin:0 auto; overflow:hidden; }
.size_inner10 { position:relative; width:1100px; margin:10px auto 0; overflow:hidden; }
.size_inner20 { position:relative; width:1100px; margin:20px auto 0; overflow:hidden; }
.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; overflow:hidden; }
.size_inner65 { position:relative; width:1100px; margin:65px auto 0; overflow:hidden; }
.bgBlack { background-color:#777; color:#fff; }
.bgGray { background-color:#f7f7f7; }
.bgGray1 { background-color:#eaeaea; }
.clear { padding:0 !important; border:0 !important; }

.txtB { font-weight:bold; }/* 20200923 추가*/
.txtem { color:#ff2300; font-weight:bold; }
.txtemB { color:#002c87; font-weight:bold; }
.txtblueB { color:#0066ff; font-weight:bold;}
.txtredB { color:#f23322; 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;}
.txtred { color:#f23322 !important;}
.txtgreen { color:#33cca6 !important;}
.txtrpurple { color:#f50062;}
.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:15px; font-weight:500; background:#f5f5f5; border:1px solid #ddd; border-bottom:1px solid #555; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.txtline_blockW:before { content:"■"; font-size:10px; font-weight:300; color:#333; padding-right:5px; }
.txtline_blockWR { padding:15px; line-height:21px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.txtline_blockWBR { padding:15px; line-height:21px; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.txtcline { text-decoration:line-through;}
.txtblock { display:inline-block; padding:0 6px; background:#818181; color:#fff; font-size:10px; font-weight:bold; margin-right:6px; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.txtblock_rp { padding:0 5px; background:#f50062; color:#fff; font-weight:bold; }
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.tcenter {text-align:center !important;}
.txtabsR { position:absolute; right:0; top:5px; }

/* 20200917 추가 */
.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; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-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;}
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.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;}
.fs13_grayB { color:#818181; font-size:13px; 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;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}/* 20200917 추가*/
.fs15 {font-size:15px !important;}
.fs17 {font-size:17px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
/* bluesuin 020402 */
.fs15B_bg { background-color:#EDEDED; color:#333; font-size:15px; font-weight:700;}
/* 20200917 추가*/
.fs_flNS { font-family:Nanum Gothic, "나눔고딕" !important; letter-spacing:-1; }
.fs_flNSB { color:#555; font-family:Nanum Gothic, "나눔고딕" !important; font-weight:700 !important; letter-spacing:-1; }

.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_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_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; }
.mt_t0 { margin-top:0 !important; }
.mt_r0 { margin-right:0 !important; }
.mt_b0 { margin-bottom:0 !important; }
.mt_l0 { margin-left:0 !important; }
.mtb10 { margin-top:10px !important; margin-bottom:10px !important; }
.mtb50 { margin-top:50px !important; margin-bottom:50px !important; }
.mtb120 { margin-top:120px !important; margin-bottom:120px !important; }
.mt5 { margin-top:5px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt11 { margin-top:11px !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; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb40 { margin-bottom:40px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }
.mb120 { margin-bottom:120px !important; }
.mb110 { margin-bottom:110px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.p10 { padding:10px !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;}
.ptb30 { padding-top:30px !important; padding-bottom:30px !important; }
.pt10 { padding-top:10px !important; } 
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt40 { padding-top:40px !important; }
.pt130 { padding-top:130px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb80 { padding-bottom:80px !important; }
.pl7 { padding-left:7px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pr7 { padding-right:7px !important; }
.pb5 { padding-bottom:5px !important; }

/* bluesuin 200330 modal custom*/
.modal-passwd { width:300px !important;}
.modal-changepw { width:500px !important;}

/* 비밀번호 확인팝업창 2020-06-19 추가 */
.check_popwrap { position:absolute; width:300px; height:200px; z-index:10; background:#fff; border:2px solid #ddd; box-sizing:border-box; border-collapse:collapse; }
.check_popTop { padding:10px 20px 0 20px; font-size:13px; }
.check_popTop .popTitle { width:100%; color:#414141; font-size:13px; font-weight:bold; padding:5px 0; border-bottom:1px solid #ddd; box-sizing:border-box; }
.check_popCont { }
.check_popCont:after { content:""; display:block; clear:both; }
.check_popCont input { padding:5px 3px; border:1px solid #ccc;}
/************************************/


@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; 
    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; }