@charset "utf-8";

@import url(/css/custom.css);

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

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, object, del, sub, var { margin:0; padding:0; 
	font-family:'Nanum Gothic','나눔고딕','맑은고딕','Malgun Gothic','Gulim','Arial', 'Dotum', 'AppleGothic', sans-serif;
	font-weight:400;
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
}
html { width:100%; height:100%; overflow-x:hidden;}
body { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; overflow-x:hidden; }
code { font-size:13px; line-height:1.2em; color:#1b1b1b; background:none; display:block; }
ol,ul,li,dl,dt,dd { list-style:none; list-style-type:none; position:static; overflow:hidden; }
ol { list-style-position:inside; }
dl { display:block;	margin-block-start:1em;	margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px;}
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#333; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* form */
input, textarea, select { max-width:100%; font-size:12px; font-family:'Nanum Gothic',Helvetica,Arial,sans-serif; color:#333; vertical-align:middle; outline:0; border-radius:0; }
input:read-only { background-color: #DCDCDC;}
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; font-size:12px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #d7d5d5; border-radius:2px; outline-style:none;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
select { 
	max-width:100%;
	height:29px; margin:0; padding:0 20px 0 8px;
	line-height:29px;
	font-size:12px;
	color:#333;
	word-break:break-all;
	font-weight:inherit;
	border:1px solid #d7d5d5;
	border-radius:0;
	background:#fff url("../img/ico_select.gif") no-repeat 100% 49%;
	background-size:auto 40px;
	-webkit-appearance:none; 
}
select.disabled, select:disabled, textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
input[type="checkbox"] { 
	width:18px;
	height:18px;
	border:0;
	background:url("../img/bg_checkbox.png") no-repeat 0 0;
	background-size:18px 18px;
	-webkit-appearance:none;
 }
input[type="radio"] { 
	width:18px;
	height:18px;
	border:0;
	border-radius:50%;
	background:url("../img/bg_radio.png") no-repeat 0 0;
	background-size:18px 18px;
	-webkit-appearance:none; 
}
input[type="checkbox"]:checked { background-image:url("../img/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("../img/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:13px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label,
input[type=checkbox] + label { margin:0 7px 0 4px; }
label input[type=radio],
label input[type=checkbox] { margin:0 4px 0 0; }
label:last-child, input[type=radio] + label:last-child, input[type=checkbox] + label:last-child { margin-right:0; }
button::-moz-focus-inner { padding:0; border:0; }

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


/* 상단고정배너 */
.topban_group { position:relative; width:100%; }
.topban_group:after { content:""; display:block; clear:both; }
.topban_group .tbanner { display:block; max-width:100%; overflow:hidden; }
.topban_group .tbanner a img { width:100%; max-width:100%; }

.headerArea, .headerArea .h1 a {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.headerArea .header { z-index:300; position:relative; vertical-align:top; background:none; }
.headerArea .header .section_head { position:relative; width:100%; padding:5px 0; height:108px; margin:0 auto; }
.headerArea .header .section_head:after { content:""; display:block; clear:both; }

.fixed_cate { position:relative; width:100%; background:#fff; margin:0 auto; padding:0 0 5px; z-index:20; 
	transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
.section_head h1 { display:block; font-size:24px; width:190px; height:70px; margin:0 auto; line-height:60px; text-align:center; vertical-align:middle; overflow:hidden; }
.section_head h1 img { max-width:100%; max-height:65px; }

/*햄버거 메뉴*/
.section_head .sdmenu_btn { z-index:999; position:absolute; top:30px; left:15px; display:inline-block; width:24px; height:24px; cursor:pointer;  
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.section_head .sdmenu_btn .bar, .section_head .sdmenu_btn .bar:after, .section_head .sdmenu_btn .bar:before { width:22px; height:2px;}
.section_head .sdmenu_btn .bar { position:relative; background:#333; margin-top:7px;}
.section_head .sdmenu_btn .bar:before { content:""; position:absolute; left:0; bottom:7px; background:#333;}
.section_head .sdmenu_btn .bar:after { content:""; position:absolute; left:0; top:7px; background:#333;}


/* 상단 검색 2020-06-15수정 */
.topSearch {position:relative; width:94%; height:30px; padding:9px 3%; background:#eaeaea; }
.topSearch .searchForm { position:relative; width:100%; padding:0; border:1px solid #ddd; }
.topSearch .searchForm .search_btnTop { position:absolute; right:0; top:0; width:40px; height:20px; display:block; padding:5px 0; background:#888 url("../img/btn_searchW.png") no-repeat 50% 5px; background-size:20px 20px; cursor:pointer; }
.topSearch .searchForm .searchIn { width:100%; border:0; }
.topSearch .delete_btn { position:absolute; right:45px; top:0px; width:20px; height:29px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:#fff url("../img/btn_delete.png") no-repeat 0 3px; background-size:20px 20px; }

/* 상단 장바구니 */
.headerArea .cartcount { position:absolute; right:7px; top:25px; width:40px; height:40px; vertical-align:middle; }
.headerArea .cartcount a.basket_btn { position:relative; display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("../img/btn_basket.png") no-repeat 0 0; background-size:30px 30px; }
.headerArea .cartcount a.basket_btn .count { position:absolute; top:0; right:7px; max-width:41px; border:0; border-radius:25px;  padding:2px 6px 3px 6px; text-indent:0; line-height:1.2; color:#fff; font-weight:bold; font-size:10px; background-color:#414141; }


/* 상단 카테고리*/
.headerArea .top_gnb { position:relative; display:block; width:100%; font-size:13px; background:#f23322; overflow:hidden; clear:both; }
.headerArea .top_gnb li { float:left; display:inline-block; width:33.333%; border-bottom:1px solid rgba(255,255,255,0.55); border-left:1px solid rgba(255,255,255,0.55); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.headerArea .top_gnb li:nth-child(3n+1) { border-left:0 !important; clear:both; }
.headerArea .top_gnb li a { display:block; width:100%; color:#fff; font-size:13px; height:32px; line-height:32px; text-align:center; overflow:hidden; }

/* 상단 상세검색 2020-06-15추가 */
.searchDetail { padding:9px 0; background:#414141; text-align:center; }
.searchDetail select { width:30%; margin:0 0.2%; }


.slide_nav { position:fixed; z-index:9999; top:0; height:100%; width:80%; background-color:#eaeaea; 
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}


/*메뉴 패널 안쪽부분 2021-03-18 수정 */
.sd_topT { background:#f23322; height:52px; color:#fff; font-size:16px; padding:18px 20px 0 20px; text-align:left; }
.sd_topT a { font-weight:bold;}
.sd_topT a.btn_snT { display:inline-block; padding:2px 5px; margin:0 1px !important; font-size:11px; font-weight:bold; line-height:24px; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}
/* 관리자 아이콘 배경 있을때 */
.sd_topT a.btn_adC_on { display:inline-block; margin:0 1px !important; color:#fff; font-size:11px; font-weight:bold; line-height:24px; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; cursor:pointer;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	border:1px solid #fff;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
.sd_topT a.btn_adC_on img { width:24px; height:26px; }
@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;
}

.sd_topB { background:#fff; margin:10px 10px 0; }
.sd_topB:after { content:""; display:block; clear:both; }
.sd_topB .sd_topBIn { width:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.sd_topB .sd_topBIn li { float:left; width:50%; border-left:1px solid #eaeaea; box-sizing:border-box;}
.sd_topB .sd_topBIn li:first-child { border-left:0;}
.sd_topB .sd_topBIn li a { display:inline-block; padding:15px 0 15px 35px; font-size:13px; font-weight:700; }
.sd_topB .sd_topBIn li:nth-child(1) a { background:url(../img/btn_basket.png) no-repeat 10px 12px; background-size:20px 20px; }
.sd_topB .sd_topBIn li:nth-child(2) a { background:url(../img/btn_file.png) no-repeat 10px 15px; background-size:15px 15px; }
.sd_topB .sd_topBIn li:nth-child(3) a { background:url(../img/btn_coupon.png) no-repeat 10px 15px; background-size:15px 15px; }
.sd_topB .sd_topBIn li:nth-child(4) a { background:url(../img/btn_my.png) no-repeat 10px 15px; background-size:15px 15px; }

.slide_nav > ul { width:100%; z-index:1; height:auto; text-align:left; }
.tab_container .tab_content .listCont > ul > li { clear:both; width:100%; padding:10px 0; border-bottom:1px solid #dcdcdc; }
.tab_container .tab_content .listCont > ul > li > a { width:100%; padding-left:15px; height:100%; font-size:12px; color:#444; }
.tab_container .tab_content .listCont > ul > li.menu_label > a { width:calc(100% - 40px); padding-left:15px; height:100%; font-size:12px; color:#444; }
.tab_container .tab_content .listCont ul li.ma_activeLi { border-bottom:0px solid #f9914c; }
.tab_container .tab_content .listCont ul li.ma_activeLinext { border-top:1px solid #dcdcdc; }

/*1차 메뉴의 - + 부분*/
.tab_container .tab_content .listCont ul li .menu_arrow { position:relative; display:inline-block; float:right; height:24px; width:30px; cursor:pointer; }
.tab_container .tab_content .listCont ul li .menu_arrow::before,
.tab_container .tab_content .listCont ul li .menu_arrow::after{
	position:absolute; left:0px; top:calc(50% - 5px); width:10px; height:2px; background:#535353; content:""; display:inline-block; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.tab_container .tab_content .listCont ul li .menu_arrow::after{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.tab_container .tab_content .listCont ul li .menu_arrow.ma_active::before,
.tab_container .tab_content .listCont ul li .menu_arrow.ma_active::after { background:#666; }
.tab_container .tab_content .listCont ul li .menu_arrow.ma_active::after{
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.tab_container .tab_content .listCont ul li .sub_menu { display:none; width:100%; }
.tab_container .tab_content .listCont ul li .sub_menu_on { display:block; }
.tab_container .tab_content .listCont ul li .sub_menu li { float:left; width:80%; padding:10px 10%; border-bottom:1px solid #dcdcdc; background:#f5f5f5;}
.tab_container .tab_content .listCont ul li .sub_menu li:first-of-type { margin:0; border-top:1px solid #dcdcdc; }
.tab_container .tab_content .listCont ul li .sub_menu li:last-of-type { border-bottom:none; margin:0; }
.tab_container .tab_content .listCont ul li .sub_menu li a { display:block; height:100%; font-size:12px; color:#666666; }
.slide_nav { left:-100%; }
.slide_nav .sdmenu_btn { left:121%; }
.slide_nav.mo_menu_active { left:0; overflow:scroll; }
.slide_nav.mo_menu_active .sdmenu_btn { left:100%; margin-left:-70px; z-index:999; margin-top:-4px; }
.slide_nav.mo_menu_active .sdmenu_btn span:before,
.slide_nav.mo_menu_active .sdmenu_btn span:after{ background:#fff; }
.mpanel_overlay { position:fixed; top:0; z-index:9997; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.6); cursor:pointer; }
.dg-white { color:#fff; }
.dg-point{ color:#f23322; }


/* slide 탭메뉴 */
.slide_nav .sd_content { position:relative; margin:15px 0; padding:0 10px; }
.slide_nav .sd_ct { background:#fff; border:1px solid #ddd; box-sizing:border-box; margin-top:10px; padding:0; }
.slide_nav .sd_ct:after { content:""; display:block; clear:both; }
.slide_nav .sd_ct .sd_tabs { width:100%; margin:0 auto 10px; }
.slide_nav .sd_ct .sd_tabs ul.tabs { float:left; width:100%; margin:0; padding:0; list-style:none; background:#fff; -moz-box-sizing:border-box; box-sizing:border-box; }
.slide_nav .sd_ct .sd_tabs ul.tabs li {	position:relative; float:left;	width:33.3333%; margin:0; padding:0; color:#222; background:#f5f5f5; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; }
.slide_nav .sd_ct .sd_tabs ul.tabs li a { display:block; text-align:center; font-size:13px; padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; outline:none; }
.slide_nav .sd_ct .sd_tabs ul.tabs li:last-child a { border-right:0; }
.slide_nav .sd_ct .sd_tabs ul.tabs li a:hover { }	
.slide_nav .sd_ct .sd_tabs ul.tabs li.active a { border-bottom:1px solid #fff; }
.slide_nav .sd_ct .sd_tabs ul.tabs li.active a, html ul.tabs li.active a:hover  { background:#fff; color:#222; }
.slide_nav .sd_ct .sd_tabs .tab_container {	border:0px solid #ddd; clear:both; float:left; width:100%; color:#222; background:#fff; box-sizing:border-box; }
.slide_nav .sd_ct .sd_tabs .tab_container .tab_content { padding:0; font-size:0.75em; }
.slide_nav .sd_ct .sd_tabs .tab_container .tab_content .listCont { display:block; }

.slide_nav .sd_ctP { background:#fff; border:1px solid #ddd; box-sizing:border-box; margin:10px; padding:15px; }
.slide_nav .sd_ctP h3 { margin-bottom:5px;}
.slide_nav .sd_ctP p { display:block; line-height:17px; margin-bottom:5px; }
.slide_nav .sd_ctP p.txtgray2B { line-height:20px;}
.slide_nav .bg_btn { background:#888; margin:15px 10px 30px; }
.slide_nav .bg_btn a { display:block; width:100%; padding:10px 0; color:#fff; text-align:center}
.slide_nav .bg_btn a img { width:20px; height:20px; }
/* 2021-03-18 수정 */
.slide_nav .slide_close { position:absolute; top:10px; right:15px; }
.slide_nav .slide_close img { width:16px; height:16px;}


.contents { position:relative; background-color:#fff; margin-bottom:10px; }
#main > .wrap > .container > .contents { margin-bottom:0 !important; }
.sub_contents { margin:0 auto; color:#666; line-height:22px; }
.sub_contents:after { content:""; display:block; clear:both; }
.sub_contentsIn { margin:0 auto; color:#666; padding:15px; line-height:22px; }
.sub_contentsIn:after { content:""; display:block; clear:both; }
.sub_subcont { }
.sub_subcont:after { content:""; display:block; clear:both; }
.pop_contents { width:100%; margin:0 auto; color:#666; }
.pop_contents:after { content:""; display:block; clear:both; }
.sub_cont { position:relative; clear:both; width:100%; margin-bottom:10px; }



/* footer */
#footer { position:relative; width:100%; font-size:11px; margin-top:20px;}
#footer:after { content:""; display:block; clear:both; }
#footer h3 { padding-bottom:15px; }
/* 하단 고객센터*/
#footer .ft_cs { position:relative; padding:10px 0; line-height:17px; width:100%; }
.ft_cs .ft_csIn { width:100%; background:#fff; }
.ft_cs .ft_csIn:after { content:""; display:block; clear:both; }
.ft_cs .ft_csIn .ft_bank, .ft_cs .ft_csIn .ft_call { float:left; width:50%; padding:15px 0;}
.ft_cs .ft_csIn .ft_bank p, .ft_cs .ft_csIn .ft_call p { display:block; line-height:17px; margin-bottom:5px; letter-spacing:-1px;}
.ft_cs .ft_csIn .ft_bank p.txtgray2B, .ft_cs .ft_csIn .ft_call p.txtgray2B { line-height:20px;}
.ft_cs .ft_csIn .ft_bank { }
.ft_cs .ft_csIn .ft_bank .ft_bankIn { width:80%; margin:0 auto; }
.ft_cs .ft_csIn .ft_bank .ftbtn { text-align:center; margin-top:24px; overflow:hidden;}
.ft_cs .ft_csIn .ft_bank .ftbtn li { margin-bottom:5px; border:1px solid #888; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ft_cs .ft_csIn .ft_bank .ftbtn li:last-child { margin-bottom:0px; }
.ft_cs .ft_csIn .ft_bank .ftbtn li a { display:block; padding:5px 0; color:#888; text-align:center; font-size:13px; }
.ft_cs .ft_csIn .ft_call { border-left:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ft_cs .ft_csIn .ft_call .bg_btn { width:100%; background:#888; margin-top:10px; }
.ft_cs .ft_csIn .ft_call .ft_callIn { width:80%; margin:0 auto; }
.ft_cs .ft_csIn .ft_call .bg_btn a { display:block; width:100%; padding:5px 0; color:#fff; text-align:center}
.ft_cs .ft_csIn .ft_call .bg_btn a img { width:20px; height:20px; }

#footer .fb_menu { width:100%; border-bottom:1px solid #ddd; padding:10px 0; overflow:hidden; text-align:center;}
#footer .fb_menu span { display:inline-block; margin:0 2%; text-align:center; }
#footer .fb_menu span a { display:block; width:100%; line-height:18px; }
#footer address { padding:10px 0 60px; font-size:11px; text-align:center; line-height:1.7em; border-bottom:1px solid #ddd; }
#footer address p span { display:inline-block; margin:0 2% 0 0; }
#footer address p span:last-child { margin:0; }
#footer address p.copyright { color:#999; }

/* 하단 고정 아이콘 */
.bfixed { position:fixed; bottom:0; left:0; width:100%; overflow:hidden; background:#eaeaea; padding:10px 0; z-index:22; }
.bfixed li { float:left; width:27%;}
.bfixed li:first-child { width:19% !important; }
.bfixed li a { display:block; width:100%; text-align:center; font-size:13px; font-weight:bold; line-height:25px; }
.bfixed li a img { width:20px; height:20x; }


/* 우측하단 고정 아이콘 */
.brfixed { position:fixed; bottom:65px; right:5px; z-index:22; }
.brfixed a { display:block; width:30px; height:30px; margin-bottom:5px; border:1px solid #d6d6d7; background:rgba(255,255,255,0.9) }
.brfixed a img { width:100%; }


/* 메인슬라이드하단 wide배너영역 2020-08추가 */
.msbBan { width:100%; margin:0px auto; }
.msbBan:after {content:''; clear:both; display:block; }
.msbBan .msbBanList { width:100%; overflow:hidden; margin:0px auto; background:#fff; }
.msbBan .msbBanList li { margin-top:7px; }
.msbBan .msbBanList li:first-child { margin-top:0px; }
.msbBan .msbBanList li a img { width:100%; max-width:100%; overflow:hidden; }
/* 20210421 추가 */
.msbBan .msbBanList li.tbArea { width:calc(100% - 14px); padding:0 7px; text-align:center; margin:7px auto; }
.msbBan .msbBanList li.tbArea a { display:block; width:100%; margin-bottom:4px; }
.msbBan .msbBanList li.tbArea a:last-child { margin-bottom:0; }
.msbBan .msbBanList li.tbArea a img { width:100%; max-width:100%; overflow:hidden; }


/*20241112 ksy 추가*/
.msbBan .msbBanList_s { width:100%; overflow:hidden; margin:0px auto; background:#fff; max-width:100%;}
.msbBan .msbBanList_s .tbArea_s { width:calc(100% - 14px); padding:0 7px; text-align:center; margin:7px auto; }
.msbBan .msbBanList_s .tbArea_s a { display:block; width:100%; margin-bottom:4px; max-width:100%; overflow:hidden; }
.msbBan .msbBanList_s .tbArea_s a img { width:100%; max-width:100%; overflow:hidden; }
.msbBan .mt_t0_s a img { width:100%; max-width:100%; overflow:hidden; padding-bottom:0px; }
/*.msbBan .mt_t0_s { padding-top:10px; background:#fff; }*/


/* 메인중앙 품목별 카테고리 2020-06-15수정 */
.item_category { display:table; width:100%; padding:10px; overflow:hidden; border:1px solid #ddd; border-collapse:collapse; }
.item_category:after {content:''; clear:both; display:block; }
.item_category dl { width:100%; margin:0 0 0 1px; }
.item_category dl:last-child { border-bottom:1px solid #ddd; }
.item_category dd { display:table-cell; float:left; width:24.6%; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.item_category dd:last-child { border-right:1px solid #ddd; }
.item_category dd a img {max-width:100%; }


/* 메인중앙 best 카테고리 */
.best_category { }
.best_category:after {content:''; clear:both; display:block; }
.best_category li { float:left; width:49.5%; height:auto; margin-left:1%; margin-bottom:1%; }
.best_category li:first-child { margin-left:0 !important;}
.best_category li:nth-child(2n+1) { margin-left:0 !important; clear:both; }
.best_category li img { max-width:100%; overflow:hidden;}


/* 메인중앙 대상별 카테고리 */
.sector_category {}
.sector_category:after {content:''; clear:both; display:block; }
.sector_category li { float:left; width:20%; height:70px; border-left:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box; background:#ebb240;}
.sector_category li:first-child { border-left:0 !important;}
.sector_category li:nth-child(5n+1) { margin-left:0 !important; clear:both;}
.sector_category li a { display:inline-block; width:100%; height:100%; color:#fff; font-size:12px; text-align:center; line-height:110px;}
.sector_category li:first-child a { background:url(../img/category_icon1.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(2) a { background:url(../img/category_icon2.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(3) a { background:url(../img/category_icon3.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(4) a { background:url(../img/category_icon4.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(5) a { background:url(../img/category_icon5.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(6) a { background:url(../img/category_icon6.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(7) a { background:url(../img/category_icon7.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(8) a { background:url(../img/category_icon8.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(9) a { background:url(../img/category_icon9.png) no-repeat center 0; background-size:50px 50px; }
.sector_category li:nth-child(10) a { background:url(../img/category_icon10.png) no-repeat center 0; background-size:50px 50px; }


.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);
}
.pattern_lineBG {
  background-color:#f0f0f0; background-image: repeating-linear-gradient(-45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f0f0f0; background-image: -moz-repeating-linear-gradient(-45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
  background-color:#f0f0f0; background-image: -webkit-repeating-linear-gradient(-45deg, #ddd 0, #ddd 1px, transparent 0px, transparent 50%); background-size:5px 5px;
}


/* 상품 */
.productArea { position:relative; max-width:100%; margin:0; font-size:0; padding:10px 0 0px; }
.productArea_bg { position:relative; max-width:100%; margin:0; font-size:0; padding:20px 15px 20px; border:1px solid #ddd; background:#eaeaea;}
.productArea_br {position:relative; max-width:100%; margin:0; font-size:0; padding:20px 15px 20px; border:1px solid #ddd; border-top:none; }
.productArea_brB {position:relative; max-width:100%; 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; }

.prd_list { margin:0 5px 0; }
.prd_list:after { content:""; display:block; clear:both; }
.prd_list li { position:relative; float:left; width:32%; margin:0 0 5% 1%; text-align:center; }
.prd_list li:nth-child(3n+1) { clear:both; }
.prd_list li a { display:block; margin:0 auto; text-align:center; }
.prd_list dt { position:relative; }
.prd_list dd { position:relative; text-align:center; }
.prd_list .prd_thumb { border:1px solid #ddd; margin-bottom:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.prd_list .prd_thumb .thumb_img { display:table-cell; width:100%; background:#fff; vertical-align:middle; height:100%; margin-top:auto; margin-bottom:auto;
	display:flex; display:-webkit-flex;
	align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;
}
.prd_list .prd_thumb .thumb_img img {width:100%; height:auto; max-height:100%; overflow:hidden; }
.prd_list .prd_disc { display:block; margin:0 7px; line-height:19px; }
.prd_list .prd_code { color:#5d99dc; font-size:12px; margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:3px; }
.prd_list .prd_name { display:block; height:32px; color:#414141; font-size:12px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; }
.prd_list .prd_price { color:#d01212; font-size:13px; font-weight:bold; line-height:25px; }
/* 2020-06-15 최근본상품 리스트 추가 */
.productArea_Line { position:relative; max-width:100%; margin:0; font-size:0; padding:0px 0 20px; }
.prd_listLine { margin:0 5px 0; }
.prd_listLine:after { content:""; display:block; clear:both; }
.prd_listLine li { position:relative; width:100%; padding:7px 0; border-bottom:1px solid #eaeaea; text-align:left;}
.prd_listLine li .lineDelete_btn { position:absolute; right:10px; bottom:10px; padding:5px 7px; color:#fff; font-size:11px; background:#888; cursor:pointer; }
.prd_listLine li a { display:block; margin:0 auto; }
.prd_listLine dt { width:70px; text-align:center; float:left; padding:0 10px 0 5px; }
.prd_listLine dt img { max-width:100%; height:auto; max-height:100%; overflow:hidden; }
.prd_listLine dd { width:auto; line-height:17px; }
.prd_listLine .prd_code { display:inline-block; width:95%; color:#5d99dc; font-size:12px; margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:3px; }
.prd_listLine .prd_name { color:#111; font-size:12px; }
.prd_listLine .prd_price { color:#d01212; font-size:13px; font-weight:bold; line-height:21px; }


/* btb 회원전용 상품리스트 */
.btbList { position:relative; width:100%; margin-top:65px; background-color:#fff9f2; border-top:2px solid #f3e0d5; border-bottom:2px solid #f3e0d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.btbList .btbList_title { width:100%; text-aling:center; }
.btbList .btbList_title img { max-width:100%; overflow:hidden; }
.btbList .list_de { border-top:1px solid #e0d4c9; border-bottom:1px solid #e0d4c9; }
.btbList .list_de select { 
	background:#fff9f2 url("../img/ico_select.gif") no-repeat 100% 49%;
	background-size:auto 40px;
}
.btbList .prd_list li { width:30%; margin:0 1.5% 5%; text-align:center; }


/* 상품분류리스트 2020-06-15 수정 */
.ct_list { width:100%; font-size:12px; background:#fff; border:1px solid #ddd; border-top:none; 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:33.3333%; display:block; overflow:hidden; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ct_list li:nth-child(3n+1) { border-left:0; clear:both; }
.ct_list li:nth-child(3n+1):last-child { border-bottom:none;}
.ct_list li a { display:block; width:100%; padding:10px 0 10px 10px; color:#111; overflow:hidden; white-space:nowrap;}
.ct_list_de { margin-bottom:20px; overflow:hidden; background:#fff; padding:2%; line-height:18px; border-top:10px solid #eaeaea; border-bottom:10px solid #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ct_list_de span { display:inline-block; margin:0 10px; }
/* bluesuin 2020-06-08 */
.ct_list li a.active { color:#e84816; font-weight:bold; }
.ct_list_de span a.active { color:#e84816; font-weight:bold; }

.list_de { position:relative; color:#333; font-size:13px; line-height:30px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.list_de:after { content:""; display:block; clear:both; } 
.list_de .list_de_left { float:left; padding-left:10px; }
.list_de .list_class { float:right;}
.list_de select { border:none !important; height:30px; line-height:30px;}


/* 상품상세영역 2020-06-15 수정 */
.detailArea { margin-top:10px;}
.detailArea:after { content:""; display:block; clear:both; }
.detailArea .detail_thumb { width:100%; margin-bottom:10px; }
.detailArea .detail_thumb .thumb_big { width:100%; text-align:center; 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 #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.detailArea .detail_info { width:100%; }
.detailArea .detail_info h3 { color:#111; font-size:1.3em; font-weight:700; padding:15px; letter-spacing:-1px; border-top:1px solid #eaeaea; line-height:1.3em;}
.detailArea .detail_info .detail_spec {  }
.detailArea .detail_info .detail_spec li { border-bottom:1px solid #eaeaea;}

/* 2020-06-15 수정 */
.detailArea .detail_info .spec_top { display:block; padding-left:15px; padding-bottom:10px; font-size:15px; }
.detailArea .detail_info .spec_top .spec_topCodeR { display:inline-block; margin-right:5px; color:#ee3f44; border:1px solid #ee3f44; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.detailArea .detail_info .spec_top .spec_topCodeR span { display:inline-block; padding:3px 7px; font-weight:500; background:#fff; }
.detailArea .detail_info .spec_top .spec_topCodeR .topCodeR { color:#fff; font-size:13px; font-weight:normal; background:#ee3f44; padding:4px 7px; }
.detailArea .detail_info .spec_top .spec_topCodeB { display:inline-block; color:#2e8de5; border:1px solid #2e8de5;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detailArea .detail_info .spec_top .spec_topCodeB span { display:inline-block; padding:3px 7px; font-weight:500; background:#fff; }
.detailArea .detail_info .spec_top .spec_topCodeB .topCodeB { color:#fff; font-size:13px; font-weight:normal; background:#2e8de5; padding:4px 7px; }
.detail_spec .spec_tguide { display:block; padding:0px 15px; background:#f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.detail_spec .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 {display:table-cell; line-height:15px; }
.detail_spec .spec_tguide .spec_tguideS dt { width:100px; }
.detail_spec .spec_tguide .spec_tguideS dd { padding-left:15px; }
.detail_spec .spec_line { display:table; width:100%; font-size:13px; color:#666; padding:0 15px; margin-block-start:0.5em; margin-block-end:0.5em; }
.detail_spec .spec_line dt, .detail_spec .spec_line dd {display:table-cell; }
.detail_spec .spec_line dt { width:30%; font-size:1em; color:#333; }
.detail_spec .spec_line dd { width:auto; padding-left:15px; }
.detail_spec .spec_line input { padding:0 10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detail_spec .spec_line select { width:88% !important; border:1px solid #ccc; padding:.1em .5em .3em;}/* 20200917 수정 */

/* 2021-02-19추가 */
.spec_topRightG { display:block; }
.spec_topRightG span { position:relative; display:block; width:120px; margin:10px 0 10px 15px; padding:7px 10px 7px 24px; font-weight:500; color:#fff; background:#00917c; }
.spec_topRightG span:before { position:absolute; left:10px; top:7px; content:'■'; font-size:0.7em; }
.detail_spec .thumb_txt { width:100%; margin-top:15px; padding:10px 0; color:#666; font-size:13px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.detail_spec .thumb_table { width:96%; margin:10px auto; border:1px solid #ddd; }
.detail_spec .thumb_table_memo { margin:20px 10px; }
.detail_spec .thumb_table_memo h3 { display:block; position:relative; padding:0 0 7px 10px; font-size:15px; font-weight:700; border:0 !important; }
.detail_spec .thumb_table_memo h3:before { position:absolute; left:0px; top:4px; width:5px; height:15px; background:#f23322; content:""; }
.detail_spec .thumb_table_memo .memoCont { width:calc(100% - 20px); padding:10px;  background:#ffe2e1; border-top:1px solid #ff9594; border-bottom: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;
}
.detail_eatitle { position:relative; display:block; }
.detail_eatitle span { display:inline-block; padding:0 0 5px 10px; }
.detail_eatitle .eatitle_right { position:absolute; right:10px; }
.detail_ealist { overflow-x:auto; padding:3px 0; }

.spec_line dd .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%);
}

/* 20200917 추가 */
.detail_ealistN { overflow-x:auto; padding:3px 0; font-size:11px; }
.detail_ealistN table { display:table; table-layout:inherit !important; width:100%; color:#353535; border-collapse:collapse; }
.detail_ealistN table th { display:table-cell; padding:5px 2px; border:1px solid #dfdfdf; text-align:center; background-color:#f5f5f5; white-space:nowrap; text-overflow:ellipsis;  }
.detail_ealistN table td { display:table-cell; padding:5px 2px; border:1px solid #dfdfdf; text-align:center; white-space:nowrap; text-overflow:ellipsis; }

/* 상품상세영역 구매버튼 2020-06-01 수정 */
.detail_btn { margin-top:15px; padding-bottom:2px; text-align:center; }
.detail_btn a { display:inline-block; padding:12px 0; width:44%; text-align:center; font-size:1.13em;}
.detail_btn a.dtbtn_buy { display:block; width:90%; background:#f23322; color:#fff; font-weight:bold; margin:0 auto 7px; border:1px solid #f23322; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.detail_btn a.dtbtn_est { color:#f23322; font-weight:bold; margin-right:1%; margin-bottom:7px; border:1px solid #f23322; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.detail_btn a.dtbtn_cart { margin-bottom:7px; }
.detail_btn a.dtbtn_normal { border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/* 상품상세영역 mdbest */
.detail_md { position:relative; margin-top:15px; padding-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }


/* 상품상세영역 tab_list */
.de_menu { position:relative; }
.detail_tabs { width:100%; margin-top:20px; }
.detail_tabs:after { content:""; display:block; clear:both; }
.detail_tabs ul.dtabs { width:100%; margin:0; padding:0; list-style:none; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; }
.detail_tabs ul.dtabs li { float:left; width:25%; border-bottom:2px solid #fff; box-sizing:border-box;}
.detail_tabs ul.dtabs li a { display:block; width:100%; color:#888; text-decoration:none; margin:0; padding:7px 0; vertical-align:middle; text-align:center;   }
.detail_tabs ul.dtabs li.active { border-bottom:2px solid #333; box-sizing:border-box; z-index:11; }
.detail_tabs ul.dtabs li.active a { color:#333; font-weight:700; }
.dtab_container { clear:both; }
.dtab_container .dtab_content { width:100%; }
.dtab_container .dtab_content .detailCont { padding:15px; text-align:center; display:block; }
.dtab_container .dtab_content .detailCont .dt_title { display:block; font-size:13px; font-weight:700; padding:10px 0; text-align:left; border-bottom:1px solid #333; }
.dtab_container .dtab_content .detailCont img { max-width:100%; overflow:hidden; }
.dtab_container .dtab_content .detailCont .br_line0 { font-size:1.13em; }
.dtab_container .dtab_content .detailCont .br_line0 tr th { width:20%;}
.dtab_container .dtab_content .detailCont .br_line0 tr td { width:auto; }
.detail_exe { margin-top:20px; text-align:center; }
.detail_exe img { height:auto !important;}
/* 06-23 bluesuin 수정 */
.detail_exe table { table-layout: auto !important; width:100% !important;}

/* ======= 장바구니 팝업 ========= */
.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;}


/* 장바구니 및 결제 */
.cart_cont { position:relative; clear:both; width:100%; margin-bottom:10px; }
.cart_cont .cartcont_list {border:1px solid #ddd; }
.cart_cont .cartcont_list > ul > li { padding:2px 10px; }
.cart_cont .cartcont_list > ul > li.bgG { padding:5px 10px; background:#f5f5f5; border-bottom:1px solid #ddd; }
.cart_cont .cartcont_list > ul > li > strong { display:inline-block; width:30%; float:left; font-weight:normal; }
.cart_cont .cartcont_list > ul > li > span { display:inline-block; width:70%; float:right; text-align:right; }
.dprd_list { display:block; width:100%; border:0; }
.dprd_list > ul > li { float:left; padding:5px 2px !important; border:0 !important; }
.dprd_list > ul > li p { display:block; text-align:left !important; }
.dprd_list li:nth-child(1) { width:20px; }
.dprd_list li:nth-child(2) { width:20%; max-width:90px; }
.dprd_list li:nth-child(2) img { width:95%; max-width:80px; }
.dprd_list li:nth-child(3) { width:60%; }
.cart_total { position:relative; clear:both; margin-top:30px; border:1px solid #ccc; box-sizing:border-box; }
.cart_total li { background:#eaeaea; padding:7px 10px; font-weight:bold; border-bottom:1px solid #ccc; }
.cart_total li:last-child { border-bottom:none;}
.cart_total li strong { display:inline-block; width:30%; float:left; }
.cart_total li span { display:inline-block; width:70%; float:right; text-align:right; }
.cart_total li.bgOr { background-color:#f23322; color:#fff; }
.mg_box { margin-top:10px; margin-bottom:10px; }
.mg_box th { padding:4px 0px 4px 10px !important; vertical-align:top; }
.mg_box td { padding:4px 7px !important;}
.mcart { margin-top:10px; margin-bottom:10px; }
.mcart td { padding:2px 15px !important;}
.order_cont { position:relative; width:90%; margin:0 auto; background:#fff; }
.order_cont:after { content:""; display:auto; clear:both; }
.order_cont .ordercont_list { position:relative; display:block; border:1px solid #bbb; }
.order_cont .ordercont_list > ul > li { padding:2px 10px; }
.order_cont .ordercont_list > ul > li.bgW { padding:5px 10px; border-bottom:1px solid #ddd; }
.order_cont .ordercont_list > ul > li > strong { display:inline-block; width:30%; float:left; font-weight:normal; }
.order_cont .ordercont_list > ul > li > span { display:inline-block; width:70%; float:right; text-align:right; }
.oprd_list { border:0; }
.oprd_list > ul > li { float:left; padding:5px 5px 5px 0 !important; border:0 !important; }
.oprd_list > ul > li p { display:block; text-align:left !important; }
.oprd_list li:nth-child(1) { width:20%; max-width:90px; }
.oprd_list li:nth-child(1) img { width:95%; max-width:80px; }
.oprd_list li:nth-child(2) { width:70%; }

.order_dtitle { width:100%; background:#777; color:#fff; padding:10px 0;}
.order_dtitle:after { content:""; display:auto; clear:both; }
.order_dtitle > strong { padding-left:15px; }
.order_dtitle > span { display:inline-block; float:right; padding-right:30px; text-align:right; background:url(../img/btn_rightW.png) no-repeat 50px -2px; background-size:25px 25px;}
.order_dfoot { display:block; padding:10px; font-weight:bold; background:#eaeaea}


/* 회원관련 */
/* 로그인 */
.login_area { position:relative; width:90%; max-width:500px; margin:20px auto; padding:0; }
.login_area:after { content:""; display:block; clear:both; }
.login_area .login_inner { width:100%; padding:0px 0 35px; text-align:center; }
.login_inner input[type=text], .login_inner input[type=password] { padding:20px 30px 20px 10px; width:100%; 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:100%; font-size:13px; line-height:17px; font-weight:bold; color:#fff; background:#414141; text-align:center; border:0; cursor:pointer; }
.login_inner input[type=submit].em { background:#f23322; }
.login_inner .login_id { display:block; margin-bottom:5px;}
.login_inner .login_pw { display:block; margin-bottom:10px;}
.login_inner .login_idsave { display:block; margin-bottom:25px; }
.login_inner .find_check { display:block; margin:5px auto; text-align:center; }
.login_inner .find_check span { display:inline-block; width:49%; }
.login_inner .find_check span:first-child { margin-right:0.7%; }
.login_inner .find_check span a { display:inline-block; width:100%; }
.login_inner .login_join { display:block; margin-top:5px;}
/* 비회원주문조회 2019-12-03 추가*/
.nonMember_area { position:relative; width:90%; max-width:500px; margin:0 auto; padding:0; }
.nonMember_area:after { content:""; display:block; clear:both; }
.nonMember { width:100%; padding:35px 0; text-align:center; }
.nonMember  input[type=text], .nonMember  input[type=password] { padding:10px 30px 10px 10px; width:40%; 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:25%; text-align:right;}
.nonMember input[type=submit] { padding:15px; width:100%; font-size:13px; line-height:17px; font-weight:bold; color:#fff; background:#414141; text-align:center; border:0; cursor:pointer; }

/* 회원가입 */
.join_cont { width:96%; margin-bottom:30px; font-size:13px; margin-right:auto; margin-left:auto; }
.join_cont .agree_into { display:block; height:150px; margin-top:7px; padding:10px; overflow-y:auto; background:#f5f5f5; border:1px solid #ddd; }
.join_cont .agree_check { color:#555; padding-top:10px; line-height:20px;}
.join_cont select {border:1px solid #ccc; padding:.3em .5em .5em;}
/* idpw찾기 */
.member_area { position:relative; width:96%; margin:10px auto; padding:10px 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; }


/* 마이페이지 */
.myInfo { display:block; padding-bottom:15px; border-bottom:10px solid #eaeaea; }
.myInfo .myInfo_title { position:relative; margin:20px auto 20px; width:200px; }
.myInfo .myInfo_title .summ_title { position:relative; height:40px; padding-left:48px; line-height:40px; font-size:17px;}
.myInfo .myInfo_title .summ_title .memicon { display:inline-block; width:40px; height:40px;	margin-right:5px; background:rgba(0,0,0,0.4);	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; box-sizing:border-box; }
.myInfo .my_addInfo { background:#a7a9ac; margin:0 10px; color:#fff; font-size:13px; text-align:center; padding:10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box;}
.myInfo .my_addInfo span { display:block; margin:0 10px;}
.mySumm { display:block; border-bottom:10px solid #eaeaea; }
.mySumm:after { content:""; display:block; clear:both; }
.mySumm li { float:left; width:33.3333%; padding:0; text-align:center; border-left:1px solid #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.mySumm li:nth-child(1) { border-left:0; background:url(../img/mp_icon_coupon.png) no-repeat center 15px; }
.mySumm li:nth-child(2) { background:url(../img/mp_icon_point.png) no-repeat center 15px; }
.mySumm li:nth-child(3) { background:url(../img/mp_icon_delivery.png) no-repeat center 15px; }
.mySumm li a { display:block; width:100%; height:100%; font-size:15px; padding:75px 0 15px; }
.myList { display:block; border-bottom:10px solid #eaeaea; border-top:1px solid #eaeaea; }
.myList:after { content:""; display:block; clear:both; }
.myList td a { display:block; width:100%; height:100%; }
.mypage_list { position:relative; margin:20px 15px 0; }
.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 .order_detail h3 { display:block; background:#777; color:#fff; padding:10px; }
.mypage_list .order_detail .odinfo { overflow:hidden; border:1px solid #ccc; border-top:none; box-sizing:border-box; }
.mypage_list .order_detail .odinfo li { border-top:1px solid #ccc; vertical-align:50%; }
.mypage_list .order_detail .odinfo li:first-child { border-top:none; }
.mypage_list .order_detail .odinfo li strong { display:inline-block; width:100px; padding:7px 2%; font-weight:normal; vertical-align:middle; background:#f5f5f5; }
.mypage_list .order_detail .odinfo li span { display:inline-block; width:70%; padding:7px 2%; border-left:1px solid #ccc; box-sizing:border-box; background:red; }

.mypage_list .reserve_info { position:relative; clear:both; margin-top:30px; border:1px solid #ccc; box-sizing:border-box; }
.mypage_list .reserve_info li { background:#f5f5f5; padding:7px 10px; font-weight:bold; border-bottom:1px solid #ccc; }
.mypage_list .reserve_info li:last-child { border-bottom:0; }
.mypage_list .reserve_info li strong { display:inline-block; width:30%; float:left; }
.mypage_list .reserve_info li span { display:inline-block; width:70%; float:right; text-align:right; }
.mypage_list .reserve_info li.bgB { background-color:#777; color:#fff; }


/* 주문내역조회 */
.order_search { position:relative; width:100%; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; }
.order_search:after { content:""; display:block; clear:both; }
.order_search li { float:left; }
.order_search li.osLeft { width:10%; text-align:center; padding:1%; }
.order_search li.osRight { width:88%; border-left:1px solid #ccc; box-sizing:border-box; }
.search_period { display:inline-block; width:250px; padding:4px; }
.search_period a { display:inline-block; padding:2px 0; margin-right:1%; width:50px; color:#777; background:#fff; font-size:12px; text-align:center; border:1px solid #ddd; -webkit-border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.search_period a:last-child { margin-right:0; }
.search_date { border-top:1px solid #ccc; padding:4px;}
.ord_list { position:relative;}
.ord_list:after { content:""; display:block; clear:both; }
.ord_cont { position:relative; clear:both; width:100%; margin-bottom:10px; }


/* 게시판 */
.boardArea { position:relative; width:100%;}
.boardArea:after { content:""; display:block; clear:both; }
.boardArea li { border-top:1px solid #ddd; }
.boardArea li a { display:block; }
.boardArea li a img { margin:0 3px;}
.boardArea .listInfo { display:inline-block; margin-right:7px; color:#777; font-size:0.75em; }
.boardArea .noticeList { position:relative; }
.boardArea .noticeList li { background:#f5f5f5; padding:7px 10px;}
.boardArea input[type="checkbox"] { border:0; }
.boardList { position:relative; border-bottom:1px solid #ddd; }
.boardList li { background:#fff; padding:7px 10px; border-top:1px solid #ddd; }
.boardView { position:relative; width:100%; }
.boardView li { padding:7px 10px; border-bottom:1px solid #ddd; }
.boardView .listInfo { display:inline-block; color:#777; font-size:0.75em; }
.boardView .listInfo:after { content:"|"; display:inline-block; color:#ddd; margin:0 10px; }
.boardView .listInfo:last-child:after { content:""; }
.boardView img { width:100%; max-width:100%; overflow:hidden; }
.boardArea input, .boardArea textarea { padding:5px 10px; border:1px solid #ccc; box-sizing:border-box; margin-right:6px;}
.board_search_area { display:block; margin:40px 0 0; }
.board_search { text-align:center;}
.board_search input { height:35px; padding:5px 10px; border:1px solid #ccc; box-sizing:border-box; }
.board_search select { height:35px; border:1px solid #ccc; box-sizing:border-box; }


/* 세부목록 리스트 박스 */
.dcont_list { position:relative; clear:both; border:1px solid #d7d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dcont_list li { border-bottom:1px solid #d7d5d5; }
.dcont_list li:last-child { border-bottom:0; }
.dcont_list li strong { display:inline-block; float:left; width:20%; padding:7px 10px; font-weight:normal; }
.dcont_list li span { display:inline-block; float:left; width:70%; padding:7px 10px; border-left:1px solid #d7d5d5; box-sizing:border-size; }
.dcont_list li.bgG { background-color:#f5f5f5; }


/* 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:0; border-bottom:1px solid #ccc; color:#353535; }
.basic_brtdl_table thead th { padding:8px 0 7px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#353535; vertical-align:middle; background:#f5f5f5; }
.basic_brtdl_table tbody th { padding:8px 0 7px 8px; border-bottom:1px solid #ccc; 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:7px 6px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; 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 tr:last-child td { border-bottom:0; }
.basic_brtdl_table td.clear { padding:0 !important; border:0 !important; }

.basic_br_table { position:relative; margin:0; border:1px solid #d7d5d5; color:#353535; }
.basic_br_table thead th { padding:8px 0 7px; border-left:1px solid #d7d5d5; border-bottom:1px solid #d7d5d5; color:#353535; vertical-align:middle; background:#f5f5f5; }
.basic_br_table tbody th { padding:8px 0 7px 2%; border:1px solid #d7d5d5; 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:8px 7px 8px; border-left:1px solid #d7d5d5; border-top:1px solid #d7d5d5; color:#353535; 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: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; }

/* 2020-06-01 수정 */
.basic_bgbrB_table { position:relative; color:#353535; outline:1px solid #414141; }
.basic_bgbrB_table thead th { padding:5px 0 4px; 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:5px 0 4px; 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:5px 0 4px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word;  white-space:nowrap; }
.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:7px 10px; }
.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; 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_black1 { width:100%; border:1px solid #333;}
.br_black1 th, .br_black1 td { height:37px; line-height:37px; }
.br_black1 th { background:#f5f5f5; border:1px solid #ddd;}
.br_black1 td { border:1px solid #ddd;}

.br_line0 { width:100%; border-top:1px solid #ddd;}
.br_line0 th, .br_line0 td { font-size:0.75em; text-align:left; padding:10px; border-bottom:1px solid #ddd; }
.br_line0 th { color:#111;}
.br_line0 td { color:#666; }

.br_line0p { width:100%; border-top:1px solid #ddd;}
.br_line0p th, .br_line0p td { font-size:0.7em; text-align:left; padding:4px; border-bottom:1px solid #eaeaea; }
.br_line0p th { background:#f5f5f5;}

/* 2020-06-01 수정 */
.br_line1 { width:100%; border:1px solid #ddd; border-collapse:collapse; }
.br_line1 th, .br_line1 td { font-size:0.7em; padding:4px; border-bottom:1px solid #ddd; }
.br_line1 tr:last-child th, .br_line1 tr:last-child td { border-bottom:none; }
.br_line1 th { background-color:#f5f5f5; }
.br_line1 td { border-left:1px solid #ddd; }

.br_line2 { position:relative; color:#353535; border:1px solid #ccc;}
.br_line2 th, .br_line2 td { padding:8px 7px 7px; font-size:13px; font-weight:bold; border-top:1px solid #ccc; }
.br_line2 th { color:#111;}
.br_line2 tr:last-child td { border-bottom:none; }



/* 페이징 */
.list_paging { margin:10px auto 20px; text-align:center; }
.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:left; overflow:hidden;}
.path .path_line li { float:left; padding:0 7px 0 0; margin:0; color:#888; font-size:12px; background:url(../img/path_icon.png) no-repeat 0 3px; }
.path .path_line li:first-child { background:none; padding:0 7px 0 10px; }
.path .path_line li a { color:#888; font-size:12px; }
.path .path_line li strong,
.path .path_line li strong a { color:#2e2e2e; }


/* 팝업 */
.popWrap_idc { position:relative; display:none; z-index:999;}
.size_pop { position:fixed; z-index:9997; width:300px; height:200px; top:50%; left:50%; margin-top:-100px; margin-left:-150px; background:#fff; }
.size_pop .btnClose { position:absolute; top:10px; right:15px; }
.pop_title { display:block; height:40px; line-height:40px; padding-left:10px; background:#a7a9ac; }
.pop_title h3 { color:#fff; font-size:1.2em; font-weight:500; letter-spacing:-1px; }
.pop_mask { position:fixed; display:none; top:0; left:0; z-index:99; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); }

/************************************/
/* 견적문의팝업 2020-06-01 추가 */
.est_boardwrap { position:relative; min-width:320px; background:#fcf8ee url("../img/estimate_bg.png") no-repeat 88% -45px; }
.est_bdTop { padding:20px 20px 0 20px; }
.est_bdTop h1 { display:block; width:130px; color:#f23322; font-size:25px; padding:15px 0; border-top:3px solid #f23322; }
.est_bdTop .est_guideBg { padding:15px 0; color:#fff; font-size:12px; text-align:center; background:#f23322; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.est_bdTop .est_guide { margin-top:10px; padding:15px; font-size:12px; text-align:center; background:#fff; border:1px solid #f23322; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.est_board {  }
.est_board:after { content:""; display:block; clear:both; }
.est_bdft { position:relative; margin:10px auto 0; background:#fad1c5; }
.est_bdft .section { margin:0 auto; text-align:center; padding:10px; font-size:11px;}
.est_bdft .privacy_cont { margin:10px auto; text-align:center; }
.est_bdft .privacy_cont .privacy_contIn { margin:10px auto; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-collapse:collapse; } 
.privacy_contIn th { padding:3px; background:#f5f5f5; border:1px solid #ddd; }
.privacy_contIn td { padding:3px; border:1px solid #ddd; }
/************************************/


/* button */
.btn { display:inline-block; padding:5px 18px; margin:0 1px !important; font-size:13px; font-weight:bold; line-height:30px; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}
.btn_normal { color:#333; font-weight:normal; background-color:#fff; border:1px solid #d1d1d1; }
.btn_normalB { color:#333; background-color:#fff; border:1px solid #d1d1d1; }
.btn_normalEm { color:#f23322; background-color:#fff; border:1px solid #f23322; }
.btn_submit { color:#fff; background-color:#414141; border:1px solid #414141; }
.btn_basic { color:#fff; background-color:#888; border:1px solid transparent; }
.btn_cancle { color:#fff; background-color:#8e8e8e; border:1px solid transparent; }
.btn_em { color:#fff; background-color:#f23322; border:1px solid #f23322; }
.btn_emwhite { color:#f23322; background-color:#fff; border:1px solid #fff; }
.btn_white { color:#f23322; background-color:#fff; border:1px solid #fff; }
[class^='btn'].sizeS { padding:6px 8px; }
[class^='btn'].sizeM { padding:8px 16px; }
[class^='btn'].sizeL { padding:12px 16px; font-weight:bold; }
.btn_sizeB { padding:19px 24px 21px; color:#fff; background-color:#888; border:1px solid transparent; }
.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; }
.btn_sizeXSW { display:inline-block; height:26px; padding:0 8px; margin:2px; line-height:26px; background:#fff; color:#777; font-size:11px; cursor:pointer; border:1px solid #d1d1d1; box-sizing:border-box; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.check_btn { text-align:center; margin:20px 15px;}
.check_btn span { display:inline-block; margin:0 2px; }
.check_btn input[type=submit] { padding:2px 8px; 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].em { background:#f23322; }
/* 게시판 버튼 */
.cf_btn { position:relative; margin:0 auto; text-align:center; }
.cf_btn:after { content:""; display:block; clear:both; }
.cf_btn .leftB { float:left; margin-left:7px; }
.cf_btn .rightB { float:right; margin-right:7px; }
.cf_btn span { display:inline-block; margin:0 1px; }
.cf_btn .bbtn { display:inline-block; padding:4px 15px; margin:10px 2px !important; font-size:12px; line-height:25px; font-weight:bold; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; box-sizing:border-box; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;}
.cf_btn .submit { color:#fff; background:#414141; border:1px solid transparent; }
.cf_btn .em { color:#fff; background:#f23322; border:1px solid transparent;}
.cf_btn .normal { color:#414141; background:#fff; border:1px solid #ccc; }

.btnico { display:inline-block; padding:0 5px; margin:0 3px 0 0; font-size:11px; 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:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.btnico.bgem { color:#fff; background:#fe5958; }
.btnico.bgemR { color:#fff; background:#f23322; border:1px solid transparent; }
.btnico.bgemB { color:#fff; background:#414141; border:1px solid transparent; }
.btnico.bgemBlue {color:#fff; background:#01aaeb; border:1px solid transparent;}
.btnico.bgnormal { color:#fff; font-weight:normal; background:#8e8e8e; border:1px solid transparent; }
.btnico.brnormal { background:#fff; border:1px solid #ddd; font-weight:normal; }
.btnico.normal0 { background:#fff; border:0; color:#fe5958; font-weight:normal; }
.btnicoM { display:inline-block; padding:4px 10px; margin:0 3px 0 0; font-size:12px; line-height:25px; 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:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.btnicoM.bgG { color:#fff; background-color:#8e8e8e; }
.btnicoM.bgemB { color:#fff; background-color:#414141; }
.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-bottom:7px;}
.title_lineL h3 {color:#111; font-size:18px; font-weight:500; letter-spacing:-1px; }
.title_line0 {position:relative; text-align:center;}
.title_line0 h3 {color:#111; font-size:18px; font-weight:500; letter-spacing:-1px; }
.title_lineb { position:relative; padding-bottom:5px; border-bottom:3px solid #cbcbcb; text-align:center;  margin-bottom:10px;}
.title_lineb h3 {color:#111; font-size:18px; font-weight:300; text-align:center;}
.title_linesub { position:relative; padding:10px 0 10px; border-bottom:1px solid #cbcbcb; text-align:center;}
.title_linesub h3 {color:#111; font-size:18px; font-weight:700; letter-spacing:-1px; }
.title_linesub1 { position:relative; padding:10px 0 7px 10px; border-bottom:1px solid #cbcbcb; }
.title_linesub1 h3 {color:#111; font-size:18px; font-weight:700; letter-spacing:-1px; }
.title_linesubM { position:relative; padding:10px; background:#fff; border-bottom:2px solid #cbcbcb; }
.title_linesubM h3 {color:#111; font-size:18px; font-weight:700; letter-spacing:-1px; }
/* bluesuin 2020-06-08 */
.title_linesub1 .tit_rbtn { position:absolute; right:3px; top:0; padding-left:5px; font-weight:bold; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.title_linesub1 .tit_rbtn span { display:inline-block; padding:5px 5px; margin-left:5px; color:#fff; font-weight:bold; background:#333;
	border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; 
	border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; 
}
.title_area { position:relative; clear:both; margin:10px auto 10px; }
.title_area:after { content:""; display:block; clear:both; }
.sub_Btitle { padding-bottom:10px; color:#111; font-size:18px; font-weight:700; letter-spacing:-1px; text-align:center; }
.sub_BtitleL { padding-top:20px; padding-bottom:20px; color:#111; font-size:2em; 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; }
.title_lineR { position:relative; background:#f23322; }
.title_lineR h3 {color:#fff; font-size:17px; font-weight:500; letter-spacing:-1px; }
.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; }

.g_Btitle { color:#f23322; font-size:21px; font-weight:700; padding-right:10px; letter-spacing:-1px;}
.g_SMtitle { color:#111; font-size:21px; font-weight:300; padding-left:10px; letter-spacing:-1px; }
.g_Stitle { display:inline-block; color:#7d7d7d; font-size:11px; font-weight:500; letter-spacing:2px; text-align:center; }
.g_Btitle > img { margin:19px 15px 0; }
.g_BtitleLbg { color:#f23322; font-size:21px; font-weight:900; padding-right:10px; letter-spacing:-1px;}


.txt_inbox { display:block; border:1px solid #ddd; margin:10px auto; background:#f5f5f5; }
.txtemBg { overflow:hidden; background:#777; color:#fff; font-weight:bold;  }
.txtemBg li { float:left; width:46%; padding:2%; }
.txtemBg_non { overflow:hidden; background:#fff; color:#777; }
.txtemBg_non li { float:left; width:46%; padding:2%; }


.size_inner { position:relative; width:100%; margin:0 auto;}
.size_inner:after {content:""; display:block; clear:both; }
.bgBlack { background-color:#777; color:#fff; }
.bgBlackB { background-color:#414141; color:#fff; }
.bgWhite { background-color:#fff !important; }
.bgGray { background-color:#eaeaea; }
.bgGray1 { background-color:#f1f1f1; }
.bgOr { background-color:#f23322; color:#fff; }

/* 2020-06-01 추가 */
.bgGray2 { background-color:#f7f7f7; }


.txtem { color:#e84816; 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; }
.txtblue2B { color:#0066ff; 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; }
.txtline { padding-bottom:15px; text-decoration:underline;}
.txtline_block { display:inline-block; margin:7px 0;}
.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_gp { display:inline-block; padding:3px 6px; background:#eaeaea; color:#777; font-size:11px; 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; }
.txtblock_tran { display:inline-block; padding:3px 6px; background:transparent; color:#fff; font-size:12px; font-weight:bold; margin-right:6px; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.txtblock_tranR { display:inline-block; padding:3px 6px; background:transparent; color:#fff; font-size:13px; font-weight:bold; margin-left:6px; margin-right:6px; }
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.tcenter {text-align:center !important;}
.txtabsR { position:absolute; right:10px; top:10px; }
.brradi { display:inline-block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.txt_B { font-weight:bold; }/* 20200917 추가 */

.fs8 {font-size:8px;}
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs13B { color:#333; font-size:13px; font-weight:700;}
.fs15B { color:#333; font-size:15px; font-weight:700;}
.fs17B { color:#333; font-size:17px; font-weight:700;}
.fs19B { color:#333; font-size:19px; font-weight:700;}
.fs21B { color:#333; font-size:21px; font-weight:700;}
.fs23B { color:#333; font-size:23px; font-weight:700;}
.fs13_grayB { color:#818181; font-size:13px; font-weight:700;}
.fs15_grayB { color:#818181; font-size:15px; font-weight:700;}
.fs11_gray { color:#818181; font-size:11px;}
.fs12_gray { color:#818181; font-size:12px;}
.fs13_gray { color:#818181; font-size:13px;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.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;}

.w48 { width:48%; margin:0 auto;}
.w49 { width:49%; margin:0 auto;}
.w50 { width:50%; margin:0 auto;}
.w70 { width:70%; margin:0 auto;}
.w70M { width:70%; max-width:400px !important; margin:0 auto;}
.w80 { width:80%; margin:0 auto;}
.w80M { width:80%; max-width:400px !important; margin:0 auto;}
.w90 {width:90% !important; margin:0 auto;}
.w90M { width:90%; max-width:400px !important; margin:0 auto;}
.w96 {width:96%; margin:0 auto;}
.w100 {width:100%;}
.w100_br {width:100%; border:1px solid #333;}
.w100_brG {width:100%; border:1px solid #ddd;}
.w100_bg {width:100%; background:#777; color:#fff; }

.br1 { border:1px solid #ddd !important; }
.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; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt65 { margin-top:65px !important; }
.mt80 { margin-top:80px !important; }
.mt130 { margin-top:130px !important; }
.mt20M { margin-top:-20px !important; }
.mt80M { margin-top:-80px !important; }
.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; }
.p5 { padding:5px !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;}
.ptb5 { padding-top:5px !important; padding-bottom:5px !important; }
.ptb10 { padding-top:10px !important; padding-bottom:10px !important; }
.ptb20 { padding-top:20px !important; padding-bottom:20px !important; }
.ptb30 { padding-top:30px !important; padding-bottom:30px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; } 
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt130 { padding-top:130px !important; }
.pb5 { padding-bottom:5px !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; }
.pl5 { padding-left:5px !important; }/* 20200917 추가 */
.pl7 { padding-left:7px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pr5 { padding-right:5px !important; }/* 20200917 추가 */
.pr7 { padding-right:7px !important; }
.pr10 { padding-right:10px !important; }

/*video size custom 20200805 */
.note-video-clip { width:320px !important; height:180px !important; text-align:center;}