@charset "UTF-8";

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0;}

.hidden,small { display:none; }

span.hidden_span { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }
p.hidden_p { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 상단영역 시작 */
.menu { position:absolute; right:20px; top:40px; }
.ci { position:absolute; top:25px; left:50%; transform:translateX(-50%);  }
/* 상단영역 끝 */





/* 메인영역 시작 */
section .Mainvisual {width:640px;height:659px;position:relative;z-index:7;}

.quickmenu {width:600px; margin:20px auto; background:#f2f2f2; border-radius:10px; position:relative; height:280px;   }
.quickmenu > .quickp {font-size:27px; font-weight:400; color:#141a5f; margin-left:40px; margin-top:90px; display:inline-block; }
.quickmenu > .quickp > span {font-weight:900;}
.quickmenu > .quickp2 {color:#373737; font-size:21px; margin-left:40px; font-weight:500;}
.quickmenu > ul {position:absolute; top:25px; left:260px;}
.quickmenu > ul > li {float:left; position:relative; background:url('/res/images/quick/1.png')no-repeat; width:72px; height:72px;}
.quickmenu > ul > li:nth-child(2) {background:url('/res/images/quick/2.png')no-repeat;}
.quickmenu > ul > li:nth-child(3) {background:url('/res/images/quick/3.png')no-repeat;}
.quickmenu > ul > li:nth-child(4) {background:url('/res/images/quick/4.png')no-repeat;}
.quickmenu > ul > li:nth-child(5) {background:url('/res/images/quick/5.png')no-repeat;}
.quickmenu > ul > li:nth-child(6) {background:url('/res/images/quick/6.png')no-repeat;}

.quickmenu > ul > li:nth-child(n+4) {margin-top:50px;}

.quickmenu > ul > li:not(:last-child) {margin-right:40px;}
.quickmenu > ul > li > a {display:inline-block; width:100%; height:150%;}
.quickmenu > ul > li > a > p {font-size:20px; font-weight:500; text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:-35px; width:121%;}


.quick {width:600px; margin:0 auto; height:304px; background:url('/m/images/quickbanner.png')no-repeat; position:relative;}

.quickmore {width:195px; height:50px; position:absolute; left:40px; bottom:42px; background:#141a5f; border-radius:5px; }

.quickmore > a {display:inline-block; font-size:22px; color:#fff; font-weight:400; padding:12px 73px 12px 25px; background:url('/m/images/qnaarrow.png')no-repeat right 30px center; }

.youtu {margin:20px auto 40px; width:600px; }


.mainbasick {width:100%; height:680px; position:relative; background:#f2f2f2; }
.mainbasick > div {width:600px; height:100%; position:relative; margin:0 auto;}
.mainbasick > div > ul > li:first-child {float:left; width:560px; height:320px; margin-top:40px; background:#fff; padding:30px 20px 0px 20px; border-radius:10px;}
.mainbasick > div > ul > li:nth-child(2) {float:left; width:600px; height:210px; margin-top:40px;background:url('/m/images/qna.png')no-repeat; position:relative;}

.qnamore {width:195px; height:50px; position:absolute; left:40px; bottom:30px; background:#f48500; border-radius:5px; }

.qnamore > a {display:inline-block; font-size:22px; color:#fff; font-weight:400; padding:12px 73px 12px 25px; background:url('/m/images/qnaarrow.png')no-repeat right 20px center; }


.banner {width:600px; height:360px; position:relative; margin:40px auto 0; background:url('/m/images/banner.png')no-repeat; }
.banner > a {width:150px; height:50px; position:absolute; bottom:40px; font-weight:400; font-size:22px; line-height:50px; border-radius:5px; color:#fff; text-align:center; }
.banner > a:first-child {left:145px; background:#f48500;}

.banner > a:nth-child(2) {right:145px; background:#141a5f;}

.iimg { position:relative; width:100%; margin:0 auto; height:550px; }
.iimg > p {font-weight:600; font-size:20px; color:#989898; transform: translateY(50px); margin-left:20px; }
.iimg > p > span { color:#000; font-family:"SBAggroM"; font-size:30px; vertical-align: text-bottom;}

/* 메인영역 끝 */

.copyLink {  font-size:0; text-align:center; background:#f3f3f3; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.copyLink > ul { display:inline-block; width:640px; text-align:center; position:relative; }
.copyLink > ul > li { display:inline-block; position:relative; min-width:210px; height:65px;  }
.copyLink > ul > li:not(:first-child) {margin-left:0px;}
.copyLink > ul > li:first-child { padding-left:0; }
.copyLink > ul > li:first-child > a {color:#000;}
.copyLink > ul > li:nth-child(2)::before { content:""; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#b9b9b9; }
.copyLink > ul > li:nth-child(3)::before { content:""; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#b9b9b9; }
.copyLink > ul > li > a { position:relative; color:#777777; font-size:24px; font-weight:300; font-family:'Pretendard'; line-height:65px; }

.copyLink > ul > li:last-child > a::after { display:none; }

.insta {position:absolute; top:40px; right:190px; }
.face {position:absolute; top:40px; right:150px; }

.copyCenter { width:600px; margin:0 auto; text-align:center; padding-bottom:30px; padding-top:20px; position:relative; }
.copyCenter > p:nth-child(1) { font-size:16px; line-height:24px; color:#20201f; font-weight:300; }
.copyText {  font-size:24px; color:#000; font-family:'Pretendard'; font-weight:300;}
.copyright { font-size:21px; color:#6c6c6c; font-family:'Pretendard'; font-weight:300; margin-top:10px;}


.botFix { position:fixed; bottom:0; width:640px; left:0; right:0; margin:0 auto; height:98px; z-index:90; display:block;}
.botFix.off {display:none;}
.botFix > button { float:left; border:0; background:none; padding:0; margin:0; }
.botFix > button > img { display:block; }
.botFix > a { float:left; border:0; background:none; padding:0; margin:0; }
.botFix > a > img { display:block; }
.botFix.on {display:none;}
.call {position:absolute; left:50%; transform:translateX(-50%);}


.LinkBanner { height:130px; box-sizing:border-box; border-top:1px solid #d9d9d9; margin:0 auto; position:relative;/*  background:url('/res/images/copy/familybg.jpg') no-repeat left center; */ background-color:#fff;  } 



/* 서브영역 시작 */
.subvisual { position:relative; width:100%; height:340px; margin:0 auto; text-align:center; background-repeat:no-repeat; background-position:center top; }
	p.subvi_p1 { font-size:50px; color:#fff; font-weight:500; padding:110px 0 0; font-family:"SBAggroM";}
.route { position:relative; font-size:0; text-align:left; box-sizing:border-box; z-index:20; height:60px; border-bottom:1px solid #d7d7d7; transform:translateY(-60px); padding:0 20px;}
.route > ul { display:inline-block; height:60px; }
.route > ul > li { float:left; position:relative; box-sizing:border-box; height:60px; border:1px solid #d7d7d7; background:#fff; }
.route > ul > li:nth-child(1) { width:60px; border-left:0; border-right:0; }
.route > ul > li:nth-child(2) { width:275px; }
.route > ul > li:nth-child(3) { width:265px; border-left:0; border-right:0; }

.route > ul > li > a { display:inline-block; width:100%; height:100%; background:url('/m/images/subvisual/home.png') no-repeat center center; }
.route > ul > li > button { 
	display:inline-block; background:none; border:0; width:100%; height:100%; color:#070c56; font-size:22px; font-weight:500; line-height:60px; padding-left:30px; 
	text-align:left; background:url('/m/images/subvisual/arrow.png') no-repeat right 20px center;
}
.route > ul > li.notUl > button { background:none; cursor:auto;}
.route > ul > li.notUl { display:none;}
.route > ul > li.on { }
.route > ul > li.on > button { background:url('/m/images/subvisual/arrow.png') no-repeat right 20px center; color:#070c56; }
.route > ul > li.sub100 {width:540px;}
.route > ul > li.sub100 > button { background:none; }
.route > ul > li.sub100 > ul {display:none;}
.route > ul > li.sub100.on { background:#fff; }
.route > ul > li.sub100.on > button { background:none; color:#070c56; }

.route > ul > li > ul { opacity:0; visibility:hidden; height:0; position:relative; width:100%; }
.route > ul > li.on > ul { opacity:1; visibility:visible; }
.route > ul > li > ul > li:first-child {border-top:1px solid #d7d7d7;}
.route > ul > li > ul > li { background:#fff; height:55px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;  box-sizing:border-box; border-bottom:1px solid #d7d7d7; }
.route > ul > li > ul > li:last-child { border-bottom:1px solid #d7d7d7; }
.route > ul > li:nth-child(2) > ul > li { width:275px; margin-left:-1px; }
.route > ul > li:nth-child(3) > ul > li { width:267px; margin-left:-1px; }
.route > ul > li > ul > li > a { 
	display:block; width:100%; height:100%; box-sizing:border-box; font-weight:300; line-height:55px; color:#070c56; font-size:22px; text-align:left; padding:0 30px; 
}
.route > ul > li > ul > li.on > a { color:#fff; background:#070c56;  }

/* 서브영역 끝 */




/* 커버 영역 시작 */
.ShopCover { width:600px; margin:0 auto; padding:0px 0 100px; }
.boardarea { width:600px; margin:0 auto; padding:0px 0 80px; }
/* 커버 영역 끝 */


/* 게시판 영역 시작 */
.Boardpage_acc { padding:10px 0; text-align:center; }
.Boardpage_acc > div { display:inline-block; vertical-align:top; }

.Boardpage_acc .pg-no { display:inline-block; border:1px solid #d0d0d0; width:30px; padding:0; margin:0 1px; height:30px; line-height:28px; text-align:center; color:#595959; font-size:17px; box-sizing:border-box; vertical-align:top; }
.Boardpage_acc .pg-no.pg-remo { text-align:right; padding:0 13px 0 0; border:0; width:auto; margin:0; }
.Boardpage_acc .pg-no.pg-remo2 { text-align:left; padding:0 0 0 13px; border:0; width:auto; margin:0; }
.Boardpage_acc .pg-no.pg-on { background:#1f1f1f; color:#dcdcdc; border:1px solid #1f1f1f; }
.Boardpage_acc .pg-no a { display:inline-block; text-decoration:none; width:100%; height:100%; color:#222; }
.Boardpage_acc .pg-no i { font-size:27px; }
.Boardpage_acc .pg-no.pg-on a:link { color:#dcdcdc; }
.Boardpage_acc .pg-no.pg-on a:visited { color:#dcdcdc; }
.Boardpage_acc .pg-no.pg-on a:hover { color:#dcdcdc; }
.Boardpage_acc .pg-no.pg-on a:active { color:#dcdcdc; }


.Boardpage { display:inline-block; margin:10px auto; text-align:center; width:100%; }
.Boardleftbtn { float:left; width:22%; }
.Boardrightbtn { float:right; }
table.t6 {border:0; background:#fff; padding:0 0 0 0; margin:0 auto; }
table.t6 td { border:1px solid #d0d0d0; width:30px; padding:0; margin:0; height:30px; text-align:center; vertical-align:middle; color:#595959; background:#fff; font-size:17px; }
table.t6 td.td-remo { text-align:right; padding:0 13px 0 0; border:0; width:8px; margin:0; }
table.t6 td.td-remo2 { text-align:left; padding:0 0 0 13px; border:0; width:8px; margin:0; }
table.t6 td.td-con { border:0; }
table.t6 td.td-on { background:#1f1f1f; color:#dcdcdc; border:1px solid #1f1f1f; }
table.t6 td a { display:inline-block; width:100%; height:30px; line-height:30px; color:#222; text-decoration:none; }
table.t6 td i { line-height:30px; font-size:27px; }
table.t6 td.td-on a:link { color:#dcdcdc; }
table.t6 td.td-on a:visited { color:#dcdcdc; }
table.t6 td.td-on a:hover { color:#dcdcdc; }
table.t6 td.td-on a:active { color:#dcdcdc; }
table.t6 thead th, table.t1 tfoot th { text-align:center; vertical-align:middle; }
/* 게시판 영역 끝 */



/* 회원관련 시작 */
#RegiStateArea { display:inline-block; width:100%; padding:0px 0 60px; text-align:center; }
#RegiStateArea > ul { display:inline-block; }
#RegiStateArea > ul > li { width:104px; height:177px; float:left; margin-left:120px; position:relative; }
#RegiStateArea > ul > li:first-child { margin-left:0px; }
#RegiStateArea > ul > li:not(:first-child)::before { content:""; position:absolute; left:-65px; top:46px; width:10px; height:10px; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); }
#RegiStateArea > ul > li > .rsaCircle { width:104px; height:104px; position:relative; background-color:#eee; border-radius:50%; }
#RegiStateArea > ul > li > .rsaCircle > div { width:100%; height:100%; border-radius:50%; background-repeat:no-repeat; }
#RegiStateArea > ul > li:nth-child(1) > .rsaCircle > div { background-position:center center; background-image:url("/img/icon_regi1.png"); }
#RegiStateArea > ul > li:nth-child(2) > .rsaCircle > div { background-position:30px center; background-image:url("/img/icon_regi2.png"); }
#RegiStateArea > ul > li:nth-child(3) > .rsaCircle > div { background-position:center center; background-image:url("/img/icon_regi3.png"); }
#RegiStateArea > ul > li.on > .rsaCircle { background-color:#070c56; }
#RegiStateArea > ul > li:nth-child(1).on > .rsaCircle > div { background-image:url("/img/icon_regi1_on.png"); }
#RegiStateArea > ul > li:nth-child(2).on > .rsaCircle > div { background-image:url("/img/icon_regi2_on.png"); }
#RegiStateArea > ul > li:nth-child(3).on > .rsaCircle > div { background-image:url("/img/icon_regi3_on.png"); }
#RegiStateArea > ul > li > .rsa_step { font-size:17px; color:#555; font-weight:400; line-height:30px; margin-top:11px; }
#RegiStateArea > ul > li > .rsa_tit { font-size:22px; color:#222; font-weight:400; line-height:32px; }
/* 회원관련 끝 */



/* 공통 */
.clr {clear:both;}
.line {clear:both;margin:10px auto;border-top:1px solid #ddd;margin-bottom:20px;}
.ft_left {float:left;}
.ft_right {float:right;}
.line {clear:both;margin:10px auto;border-top:1px solid #ddd;margin-bottom:20px;}
.pointer {cursor:pointer}
.blank {padding:10px;}
.paging {text-align:center;padding:10px;}



/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/m/images/btn.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}







/* 상품리스트 영역 */
.shop_btns { padding:10px 0; text-align:center; }
.cartBtn { background:#4b4b4b; color:#fff; padding:5px 8px; line-height:23px; border:1px solid #1b1b1b; font-size:16px; }
/* 상품리스트 영역 끝 */

/* 상품영역 시작 */

.ItemBasic { font-size:20px; color:#777; font-weight:400; line-height:25px; padding:7px 0; }
.ItemName { font-size:35px; color:#000; font-weight:400; line-height:40px; padding:0 0 20px 0; }
.ItemAmount { font-size:30px; color:#37393b; font-weight:bold; line-height:40px; }
.ItemProductIcon { width:100%; text-align:left; }


.ItemRightTable { width:100%; }
.ItemRightTable > tbody > tr > th { padding:7px 0 7px 20px; font-size:20px; color:#333; font-weight:400; text-align:left; vertical-align:top; line-height:35px; }
.ItemRightTable > tbody > tr > td { padding:7px 10px 7px 10px; font-size:20px; color:#000; font-weight:400; text-align:left; vertical-align:top; line-height:35px; }

.ItemRightTable > tbody > tr > td.ItemGrayLine { padding:20px 0px; }
.ItemRightTable > tbody > tr > td.ItemGrayLine > div { width:100%; height:1px; background:#d9d9d9; }


.ct_qty { width:90px; height:35px; border:1px solid #d1d1d1; text-align:center; font-size:19px; color:#777; font-weight:400; box-sizing:border-box; float:left; margin-right:5px; }
.qty_add { display:inline-block; float:left; margin-right:-1px; font-size:17px; color:#888; width:35px; height:35px; border:1px solid #d1d1d1; text-align:center; vertical-align:middle; background:#fff; }



button.opt_make_btn { width:100%; height:51px; line-height:51px; font-size:19px; color:#fff; font-weight:400; margin:0; padding:0; background:#37393b; border:0; outline:none; }
button.opt_make_btn > img { display:inline-block; vertical-align:middle; margin:-5px 3px 0 0; }

.cnt_amount { font-size:19px; color:#37393b; font-weight:400; display:inline-block; width:100%; line-height:60px; text-align:right; padding:0 20px; box-sizing:border-box; margin-top:20px; }
.cnt_amount > span { font-size:32px; color:#37393b; font-weight:bold; }
.cnt_amount > span > span { font-size:19px; color:#37393b; font-weight:400; }

.ItemBtnArea { display:inline-block; width:100%; font-size:0; line-height:0; margin:30px 0 50px 0; }
.ItemBtn { width:195px; height:55px; border:1px solid #ccc; background:#fff; font-size:19px; color:#37393b; font-weight:700; margin:0 0 0 8px; }
.ItemBtn.ItemBtn100 { width:100%; }
.ItemBtn.ItemBuy { height:55px; border:0px; background:#3366cc; font-size:20px; color:#fff; font-weight:400; margin:0 0 0px 7px; }
.ItemBtn > img { display:inline-block; vertical-align:middle; margin:-3px 0 0 0; }

/* 상세 탭 */
.item_ex_tab { text-align:left; border-bottom:1px solid #d9d9d9; margin:30px 0; font-size:0; }
.item_ex_tab > ul { display:inline-block; position:relative; margin-bottom:-1px; background:#fff; }
.item_ex_tab > ul > li { float:left; width:210px; margin-left:-1px; position:relative; z-index:1; }
.item_ex_tab > ul > li.on { z-index:2; }
.item_ex_tab > ul > li:first-child { margin-left:0; }
.item_ex_tab > ul > li > a { text-align:center; display:block; color:#222; font-size:19px; height:60px; line-height:58px; box-sizing:Border-box; border:1px solid #d1d1d1; border-bottom:1px solid #d9d9d9; }
.item_ex_tab > ul > li.on > a { border:1px solid #d9d9d9; border-bottom:1px solid #fff; border-top:3px solid #000000;}
/* 상세 탭 끝 */

/* 상품영역 끝 */



/* 상품 상세 */
.slt_add_option { 
	width:100%; height:40px; font-size:17px; color:#222; background-color:white; box-sizing:border-box; 
	border:1px solid #cecece; padding:0 0 0 20px;
	background: url("/m/images/icon/item_select_arrow.png") no-repeat right 15px center; /* 네이티브 화살표 대체 */ 
	border-radius:0px; /* iOS 둥근모서리 제거 */ 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;

}
.slt_add_option[disabled] { color:#5d5d5d; background-color:#efefef; }

.opt_name { position:relative; width:100%; display:inline-block; box-sizing:border-box; padding-right:40px; }
.opt_amount { position:relative; width:100%; display:inline-block; }
.delete_option_item { position:absolute; top:0px; right:0px; font-size:18px; color:#CC0000; line-height:1em; padding:9px; cursor:pointer; }

.div_add_options_nosltopt {float: left; width: 100%;  padding: 0%; background-color: white;  margin: 10px 0px 30px 0px; }
.div_add_options_nosltopt .tit { width:19%; height:40px; line-height:40px; font-size:20px; font-weight:400; display:inline-block; color:#4b4b4b; }
.div_add_options_nosltopt .cont { width:81%; font-weight:500; float:right; display:inline-block; }
.div_add_options_nosltopt .slt_add_option { }

.div_add_options { display:inline-block; width:100%; text-align:left; padding:0; margin: 10px 0px 20px 0px; background-color:white; }
.div_add_options .tit { padding:0px 5px 10px 5px; font-size:17px; font-weight:500; }
.div_add_options .cont { padding-left:20px; font-weight:500; }
.div_add_options .slt_add_option {  }
/* 상품 상세 끝 */



/* 장바구니 */
.cart_item_option_hr {border:0px; border-top:1px dashed #aaaaaa;}
.cart_item_option li {margin-top:4px; color:#4d4d4d; font-size:16px;}
.cart_item_option_name { display:inline-block; padding:1px 5px; text-align:center; border:1px solid #3d3d3d;  color:#3d3d3d; border-radius:4px;}
.cartsub_top input { padding:15px; font-size:19px; border:1px solid #afafaf; box-shadow:#efefef 1px 1px 1px; }

.cartsub { padding:10px 0; border-top:2px dashed #cfd8e9; border-bottom:2px dashed #cfd8e9; }
.cartsub > tbody > tr > th { font-weight:500; font-size:17px; line-height:25px; padding:5px 0 5px 5px; text-align:left; vertical-align:top; }
.cartsub > tbody > tr > td { font-weight:400; font-size:17px; line-height:25px; padding:5px 5px 5px 0; text-align:left; vertical-align:top; word-break:keep-all; }
/* 장바구니 끝 */





/* 결제창 */
.left_tit { font-size:16px; font-weight:400; float:left; padding-left:10px; }

.od_group {box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border-radius:3px; overflow:hidden;}
.od_group_title { background-color:#efefef; position:relative; left:-10px; width:100%; height:45px; line-height:35px; font-size:18px; padding-top:10px; padding-left:10px; font-weight:bold; color:#4d4d4d; }
.od_group table.od_group_table td {font-size:18px;}
.od_group table {margin:10px 0 10px 0; width:100%;}
.od_group table td { padding:10px 0; }
.od_group table td input, 
.od_group table td select, 
.od_group table td textarea { height:52px; font-size:18px; padding-left:10px; border:1px solid #afafaf; box-shadow:#efefef 1px 1px 1px;}
.btn_settlecase { width:91%; border:1px solid #efefef; display:inline-block; padding:15px 15px 15px 15px; clear:both; border-radius:2px; background-color:#ffffff; margin-bottom:5px; font-size:22px; white-space:nowrap;}
.btn_settlecase input[type='radio'] {height:1px;width:1px}
.btn_settlecase label {position:relative; top:1px; }
.btn_settlecase.on {border:1px solid #CC0000; color:#CC0000; }

.hidden_radio { width:1px; height:1px; }
/* 결제창 끝 */




/* 버튼 */
span.btnBack{display:inline-block; background-color:#CACACA; color:#5d5d5d; padding:15px 20px; position:relative; font-size:22px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnOK{display:inline-block; background-color:#404040; color:white; padding:15px 20px; position:relative; font-size:22px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }

span.btn1 {display:inline-block; background-color: #4b4b4b; color:#ffffff; padding:10px 14px; position:relative; top:0px; border-radius:4px; }
span.btn1-o {display:inline-block; border:1px solid #4b4b4b; color:#4b4b4b; padding:10px 14px; position:relative; top:0px; border-radius:4px;}
span.btn1:hover, span.btn1-o:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
span.btn1.big, span.btn1-o.big {font-size:19px; padding:10px 15px;}
span.btn1.small, span.btn1-o.small {font-size:15px; padding:5px 9px;}


span.label_black { font-size:17px; border:solid 1px #616161; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#616161; text-align:center; }
span.label_orange { font-size:17px; border:solid 1px #ef8100; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#CB4D00; text-align:center; }
span.label_green { font-size:17px; border:solid 1px #2ba600; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#228101; text-align:center; }
span.label_gray { font-size:17px; border:solid 1px #a9a9a9; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#707070; text-align:center; }
span.label_blue { font-size:17px; border:solid 1px #009bec; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#0276cb; text-align:center; }
span.label_purple { font-size:17px; border:solid 1px #7a00e2; padding:8px 9px; line-height:1; border-radius:2px; display:inline-block; color:#7a00e2; text-align:center; }
/* 버튼 끝 */





/* 커스텀 체크,라디오,셀렉트박스 */
.transparent_sltbox_wrapper {position:relative; display:inline-block;}

.transparent_radio_wrapper { position:relative; display:inline-block; cursor:pointer;}
.transparent_radio_wrapper span { position:relative; display:inline-block; top:-2px; }
.transparent_radio_wrapper span .transparent_radio_design { position:relative; display:inline-block; width:15px; height:15px; border-radius:50%; box-sizing:border-box; border:1px solid #aaa; padding:2px; background:#fff; vertical-align:middle; margin:-3px 2px 0 0; }
.transparent_radio_wrapper span .transparent_radio_design > div { width:100%; height:100%; border-radius:50%; background:#fff; }
.transparent_radio_wrapper.radio_checked span .transparent_radio_design > div { background:#070c56; }
.transparent_radio_focus_area { position:absolute; top:0px; left:0px; width:15px; height:15px; font-size:1px; text-decoration:none !important;}

.transparent_chkbox_wrapper { position:relative; display:inline-block; cursor:pointer; }
.transparent_chkbox_wrapper span { position:relative; display:inline-block; vertical-align:middle; }
.transparent_chkbox_wrapper span img { position:relative; display:inline-block; width:12px; vertical-align:middle; margin:0px 5px; top:-2px; padding-right:3px; }
.transparent_chkbox_wrapper .transparent_chkbox_focus_area { position:absolute; top:0px; left:0px; text-decoration:none !important; display:inline-block; border:1px solid #ddd; border-radius:3px; vertical-align:middle; }
.transparent_chkbox_wrapper.on .transparent_chkbox_focus_area { border-color:#070c56; background:#070c56; }


.transparent_sltbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0;}
.transparent_chkbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0; z-index:1; }
.transparent_radio {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 15%;}
.transparent_date {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0;}
/* 커스텀 체크,라디오,셀렉트박스 끝*/



input[type="number"], input[type="text"], input[type="submit"], input[type="button"] { 
	border-radius:0; /* iSO 둥근모서리 제거 */ 
	outline-style:none; /* 포커스시 발생하는 효과 제거를 원한다면 */ 
	-webkit-appearance:none; /* 브라우저별 기본 스타일링 제거 */ 
	-moz-appearance:none;
	appearance:none;
}