@charset "UTF-8";

.hidden,small { display:none; }

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

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

.TopLink { width:100%; height:44px; border-bottom:1px solid #d9d9d9; background:#f8f8f8; position:Relative; }
.TopLink .GoUniver { position:Absolute; left:0; top:0; height:45px; width:226px; border-right:1px solid #d9d9d9; color:#0b1a4b !important; font-size:15px; line-height:45px; box-sizing:border-box; padding-left:20px; background:url('/res/images/top/linkbg.png') no-repeat 190px center;}
.TopLink .GoUniver:hover { background:url('/res/images/top/linkbga.png') no-repeat 190px center, #060f2a; color:#fff !important; }
.TopLink .TopUl { position:Absolute; right:0; top:0; }
.TopLink .TopUl > li { float:left; }
.TopLink .TopUl > li > a { display:Block; width:114px; height:44px; border-left:1px solid #d9d9d9; text-align:center; line-height:44px; color:#999999; font-size:14px; }
.TopLink .TopUl > li > a:hover { color:#333333; }

.TopArea { width:100%; height:89px; border-bottom:1px solid #e2e2e2; text-align:Center; position:Relative;}
.TopArea .ci { position:Absolute; left:40px; top:29px; }
.TopArea .SearchOpen { position:absolute; right:40px; top:24px; }
.TopArea #Menu { display:inline-block; }
.TopArea #Menu > li { float:left; padding:0 50px; }
.TopArea #Menu > li > a { display:block; line-height:89px; color:#111111; font-size:19px; font-weight:500; }
.TopArea #Menu > li.on > a,
.TopArea #Menu > li:hover > a { color:#1c8fd0; }
.TopArea .MenuArea { display:none; position:Absolute; width:100%; height:320px; left:0; right:0; margin:0 auto; top:90px; background:#fff; text-align:center; border-bottom:1px solid #e2e2e2; z-index:2; }
.TopArea .MenuArea.on {  }
.TopArea .MenuArea > ul { display:inline-block; height:100%;}
.TopArea .MenuArea > ul > li { float:left; width:240px; height:100%; box-sizing:Border-box; border-left:1px solid #e2e2e2; }
.TopArea .MenuArea > ul > li:last-child { border-right:1px solid #e2e2e2;}
.TopArea .MenuArea > ul > li > a { color:#333333; font-size:22px; font-weight:500; display:block; margin:27px 0 10px 0;}
.TopArea .MenuArea > ul > li > ul > li > a { color:#777777; font-size:17px; line-height:45px; padding-bottom:3px;}
.TopArea .MenuArea > ul > li > ul > li.on > a,
.TopArea .MenuArea > ul > li > ul > li > a:hover { border-bottom:1px solid; }

/* 화면크기가 1030px보다 작을 때 */
@media screen and (max-width:1600px) {
.TopArea #Menu > li { padding:0 30px; }
.TopArea #Menu { margin-left:200px; }
}

.TopArea .MenuArea > ul > li:hover,
.TopArea .MenuArea > ul > li.on { border-top:4px solid #0d95e1; background:#0b1a4b; }
.TopArea .MenuArea > ul > li:hover > a,
.TopArea .MenuArea > ul > li.on > a { color:#fff; margin-top:23px;}
.TopArea .MenuArea > ul > li:hover > ul > li > a,
.TopArea .MenuArea > ul > li.on > ul > li > a { color:#fff; }

.TopArea .SearchArea { display:none; position:absolute; top:90px; width:100%; height:280px; right:0; left:0; margin:0 auto; background:#f3f6f9; text-align:Center; z-index:5;}
.TopArea .SearchArea .SearchClose { position:absolute; right:50px; top:25px; }
.TopArea .SearchArea .SearchTitle { color:#000000; font-size:30px; padding-top:59px; }
.TopArea .SearchArea .SearchInputArea { width:739px; height:68px; border-bottom:2px solid #000000; margin:23px auto 0; }
.TopArea .SearchArea .SearchInputArea input { float:left; outline:none; } 
.TopArea .SearchArea .SearchInputArea .SearchText { width:697px; background:none; border:0; height:68px; padding:0; margin:0; color:#999999; font-size:16px;}
.TopArea .SearchArea .SearchInputArea .SearchText::placeholder { color:#999999; font-size:16px; }
.TopArea .SearchArea .SearchInputArea .SearchSubmit { margin-top:13px; }

/*메인 영역 시작*/
.QuickBusinessArea { width:100%; height:550px;  }
.QuickBusinessArea > div { float:left; width:50%; height:100%; box-sizing:Border-box; padding:85px 0 105px;}
.QuickBusinessArea > div:nth-child(1) { background:#fff; }
.QuickBusinessArea > div:nth-child(1) > div { float:right; width:600px; height:360px; }
.QuickBusinessArea > div:nth-child(2) { background:#f4f8f9; }
.QuickBusinessArea > div:nth-child(2) > div { float:left; width:600px; height:360px; position:relative;}
/*메인 영역 끝*/

/*서브 영역 시작*/
.subvisual { width:100%; min-width:1200px; max-width:1919px; height:350px; margin:0 auto; background-repeat:no-repeat; background-position:center top; text-align:center; position:relative;}
	p.subvi_p1 { font-size:40px; color:#fff; font-weight:500; line-height:75px; padding:114px 0 0; }
	p.subvi_p2 { display:inline-block; font-size:14px; color:#fff; border-bottom:1px solid #a7a5a4; padding:0 0 5px 0; margin-top:-3px;}
	.SubTab { position:Absolute; left:0; right:0; margin:0 auto; bottom:-4px; text-align:Center; }
	.SubTab > ul { display:inline-block; }
	.SubTab > ul > li { float:left; }
	.SubTab > ul > li > a { width:240px; height:60px; line-height:60px; color:#ffffff; font-size:17px; display:block; background:rgba(0,47,111,0.8); text-align:Center; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.2); }
	.SubTab > ul > li:first-child > a { border-left:0; }
	.SubTab > ul > li.on > a { background:#fff; color:#0387d2; }


section.layout .content { margin:0 auto; width:1200px;  }
section.layout .content header { width:1200px; height:126px; margin-bottom:60px; border-bottom:1px solid #cccccc; position:Relative;}
section.layout .content header .HeaderTitle { color:#000000; font-size:40px; display:inline-block; padding-top:57px; }
section.layout .content header .Route { position:Absolute; right:0px; top:78px; }
section.layout .content header .Route > li { float:left; padding:0 17px 0 21px; position:Relative; color:#777777; font-size:14px; font-weight:300;}
section.layout .content header .Route > li > a { color:#777777; font-size:14px; font-weight:300; }
section.layout .content header .Route > li:last-child { color:#000000; padding-right:0; }
section.layout .content header .Route > li:not(:first-child) { background:url('/res/images/subvisual/arrow.png') no-repeat left center;  }
section.layout .content header .Print { position:Absolute; right:0; top:65px; }

.SubTab2 { display:inline-block; width:100%; padding-bottom:36px;}
.SubTab2 > li { float:left; }
.SubTab2.c2 > li { width:50% ; }
.SubTab2.c3 > li, .SubTab2.c4 > li { width:33.3% ; }
.SubTab2.c3 > li:last-child, .SubTab2.c4 > li:last-child { width:33.4%; }
.SubTab2 > li > a { box-sizing:border-box; display:block; width:100%; height:70px; line-height:68px; text-align:center; background:#f7f7f7; border:1px solid #d1d1d1; border-left:0; color:#222222; font-size:19px;}
.SubTab2 > li:first-child > a { border-left:1px solid #d1d1d1; }
.SubTab2 > li.on > a { background:#ffffff; border-bottom:1px solid #fff; border-top:3px solid #0297ec; line-height:64px; }

.SubTab3Title { float:left; height:40px; line-height:40px; width:90px; color:#37393b; font-size:15px; font-weight:bold; }
.SubTab3 { float:left; }
.SubTab3 > li { float:left; margin-left:10px; }
.SubTab3 > li:first-child { margin-left:0; }
.SubTab3 > li > a { display:block; color:#777777; font-size:17px; height:40px; line-height:38px; border:1px solid #e9e9e9; padding:0 25px; box-sizing:Border-box; }
.SubTab3 > li.on > a { background:#37393b; border:1px solid #37393b; color:#fff; }
.boardarea { width:1200px; margin:0 auto; padding:0 0 100px; }
/*서브 영역 끝*/

/*카피영역*/
.CopyTop { width:100%; height:79px; border-bottom:1px solid rgba(255,255,255,0.2); }
.CopyTop > div { position:relative; width:1200px; margin:0 auto; line-height:79px;}
.CopyTop > div .CopyLink > li { float:left; position:Relative; padding:0 20px; }
.CopyTop > div .CopyLink > li:first-child { padding-left:0; }
.CopyTop > div .CopyLink > li:not(:first-child)::before { content:""; position:Absolute; left:0; top:33px; width:1px; height:13px; background:#616161; }
.CopyTop > div .CopyLink > li > a { color:#d2d2d2; font-size:14px; font-weight:300; } 
.CopyTop > div .CopyLink > li > a > span { color:#fff; }
.CopyTop > div .FamilyOpen { position:absolute; right:0; top:21px; width:230px; height:40px; line-height:40px; box-sizing:border-box; padding-left:20px; color:#dddddd !important; font-size:13px; font-weight:bold; background:url('/res/images/copy/fp.png') no-repeat 198px center, #515151; }
.CopyTop > div .FamilyOpen.on { background:url('/res/images/copy/fpa.png') no-repeat 198px center, #515151; }
.CopyTop > div .FamilyUl { position:absolute; right:0; top:61px; width:230px; background:#fff; padding:15px 0; display:none;}

.CopyTop > div .FamilyUl > li { line-height:30px; display:block; padding-left:20px;}
.CopyTop > div .FamilyUl > li > a { color:#777777; font-size:14px; }
.CopyText { color:rgba(255,255,255,0.4); font-size:14px; font-weight:300; line-height:25px; padding:27px 0 29px;}
.CopyRight { color:rgba(255,255,255,0.5); font-size:13px; font-family:'Dotum'; padding-bottom:40px;}
/*카피끝*/

/* 게시판 영역 시작 */
.Boardpage { display:inline-block; width:100%; margin:10px auto; text-align:center; }
.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:28px; padding:0; margin:0; height:28px; text-align:center; vertical-align:middle; color:#595959; background:#fff; font-size:14px; }
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:28px; line-height:28px; color:#222; text-decoration:none; }
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 > div { display:inline-block; }
#RegiStateArea .rsaBlock { width:104px; height:177px; float:left; }
#RegiStateArea .rsaBlock > img { display:block; }
#RegiStateArea .rsaBlock > .rsa_step { font-family:'Noto Sans KR'; font-size:15px; color:#555555; font-weight:400; line-height:30px; margin-top:11px; }
#RegiStateArea .rsaBlock > .rsa_tit { font-family:'Noto Sans KR'; font-size:22px; color:#222222; font-weight:400; line-height:32px; }
#RegiStateArea .rsa_bar { float:left; display:inline-block; width:276px; height:104px; line-height:104px; background:url("/res/images/regi_rsa_bar.jpg") no-repeat center center; }
/* 회원관련 끝 */

/* 체크박스, 라디오 디자인 */
.design > input[type="checkbox"] { display:none; }
.design > input[type="checkbox"] + label { color:#666666; font-size:18px; }
.design > input[type="checkbox"] + label div { display:inline-block; width:25px; height:25px; margin:-5px 20px 0 0; vertical-align:middle; background:url("/res/images/checkbox.jpg") left top no-repeat; cursor:pointer; }
.design > input[type="checkbox"]:checked + label div { background:url("/res/images/checkbox_on.jpg") left top no-repeat; }

.design > input[type="radio"] { display:none; }
.design > input[type="radio"] + label { color:#666666; }
.design > input[type="radio"] + label div { display:inline-block; width:25px; height:25px; margin:-5px 20px 0 0; vertical-align:middle; background:url("/res/images/checkbox.jpg") left top no-repeat; cursor:pointer; }
.design > input[type="radio"]:checked + label div { background:url("/res/images/checkbox_on.jpg") left top no-repeat; }
/* 체크박스, 라디오 디자인 */

/* 상품영역 */
.ShopCover { padding:60px 0 100px; }

.c1 {background:#999999;}
.c2 {}
.cartsub_top td {line-height:1.2;} /* 상단 익스6에서 글자 짤리는거 방지소스.. */
.cartsub {width:100%;}
.cartsub, .cartsub td, .cartsub tr, .cartsub small, .cartsub font {font-family:돋움; !important}
.cartsub FONT {font-weight:bold;}
.cartsubtext { padding:20px;}


/* 상품리스트 영역 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;}

.shop_page { clear:both; text-align:center; margin:20px 0 30px 0; display:inline-block; width:100%; font-size:0px; }
.shop_page a { display:inline-block; vertical-align:middle; text-decoration:none; margin:0 3px; }
.shop_page a.page_text { color:#999898; font-size:14px; margin:0 10px; }
.shop_page a.now_on_page { color:#ec2a2a; }
.shop_page .page_bg1 { background:#919191; border:1px solid #ddd; }
.shop_page .page_bg2 { background:#ec2a2a; border:1px solid #ddd; }
.shop_page .page_bg1 img { display:block; }
.shop_page .page_bg2 img { display:block; }
/* 상품리스트 영역 끝 */


/* 아이템 영역 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;}

.vleft_img {width:560px; margin:0px 0 0 0px; float:left; display:inline-block;  }
.vimg { display:block; width:560px; height:560px; position:relative; border:1px solid #e1e1e1; }

.thum_img { margin-top:9px; padding:0; height:65px; width:auto; text-align:center }
.thum_img img { width:60px; height:60px; border:1px solid #c0c0c0; margin:0 4px; display:inline-block }

.vright { float:left; width:570px; margin:0px 0px 0 50px; display:inline-table; font-family:"Noto Sans KR"; text-align:left; font-weight:300; position:relative; }

#zoom_area { position:absolute; left:-37px; top:-2px; width:400px; height:400px; background:rgba(0,0,0,0.2); display:none; overflow:hidden; border:3px solid gray;}

.vright > div { display:table-cell; vertical-align:top; }

.vright h3 { padding:0; font-size:38px; color:#000000; line-height:44px; display:block; }
.it_basic { font-size:16px; color:#b8b8b8; font-weight:400; line-height:25px; margin-bottom:25px; }
.vright_con { width:100%; color:#4b4b4b; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:40px 0; }
.vright_con th { padding:5px 0 5px 10px; text-align:left; font-size:16px; color:#414141; }
.vright_con td { padding:5px 0 5px 0px; vertical-align:top;font-size:14px;  }

.cnt_amount { display:inline-block; width:100%; margin:30px 0 30px; }

.v_btn { padding:0px 0 0 0; list-style:none; width:100%; display:inline-block; }
.v_btn li { float:left; }
.v_btn li img { display:block; }
.v_btn li a { text-decoration:none; }

.vbanner { float:right; position:relative; display:inline-block; }
.vbanner .v_left { position:absolute; right:24px; top:0px; cursor:pointer; }
.vbanner .v_right { position:absolute; right:0px; top:0px; cursor:pointer; }

.pro_btn { width:183px; height:43px; text-align:center; line-height:40px; font-size:16px; }

.btn_buy { border:1px solid #4a4a4a; color:#fff; background:#4a4a4a; }
.btn_buy:hover { background:#ff9c00; border:1px solid #ff9c00; }
.ather_btn { border:1px solid #b0b0b0; color:#555; }
.ather_btn:hover { border:1px solid #333; }

.product_icon { width:100%; height:20px; text-align:right; }

	/* 상세 탭 */
	.item_ex_tab { display:inline-block; width:100%; margin:30px 0; position:relative; }
	.item_ex_tab > li { display:inline-block; width:25%; height:55px; line-height:53px; text-align:center; box-sizing:border-box; border:1px solid #bfbfbf; border-left:0px; float:left; }
	.item_ex_tab > li:first-child { border-left:1px solid #bfbfbf; }
	.item_ex_tab > li.on { border:1px solid #bfbfbf; border-bottom:3px solid #363636; border-left:0; }
	.item_ex_tab > li.on:first-child { border-left:1px solid #bfbfbf; }
	.item_ex_tab > li > a { display:inline-block; width:100%; height:100%; text-decoration:none; color:#222; font-size:15px; font-weight:300; }
	.item_ex_tab > li > a > span { color:#222; }

	.div_explan { position:relative; width:100%; margin:0 auto 50px; box-sizing:border-box; }
	.div_explan ul { list-style-type:disc; list-style-position:inside; list-style:initial; margin:initial; padding: 0 0 0 40px;  }
	.div_explan li { margin:initial; display:list-item; }
	.div_explan img { width:950px !important; display:block; margin:0 auto; }

	a.it_btn { position:absolute; width:200px; height:50px; line-height:50px; text-align:center; text-decoration:none; font-size:18px; }
	/* 상세 탭 끝 */


.slt_add_option {width:100%; padding:6px 0px; font-size:13px;}
.slt_add_option[disabled] {color:#afafaf;}

.opt_name { display:inline-block; width:360px; float:left; height:36px; line-height:35px; font-size:15px; padding-left:px; }
.opt_amount { display:inline-block; width:82px; float:left; height:36px; line-height:35px; font-size:14px; text-align:right; }

.div_add_options_nosltopt {float: left; width: 100%;  padding: 0%;   background-color: white;  margin: 10px 0px 30px 0px;}
.div_add_options_nosltopt .tit {padding:3px 0px 0px 0px; font-size:16px; font-weight:bold; display:inline-block;}
.div_add_options_nosltopt .cont {width:85%; font-weight:bold; float:right; display:inline-block; }
.div_add_options_nosltopt .slt_add_option {width:100%; padding:5px 0px; font-size:13px;}

.div_add_options {float: right; width: 95%;  padding: 0%;   background-color: white;  margin: 10px 0px 30px 5%;}
.div_add_options .tit {padding:5px; font-weight:bold;}
.div_add_options .cont {padding-left:20px; font-weight:bold;}
.div_add_options .slt_add_option {width:100%; padding:3px 0px; font-size:13px;}

/* 아이템 영역 끝 */



/* 장바구니 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cart_btns a:hover {text-decoration:none;}

.cart_item_option_hr {border:0px; border-top:1px dashed #aaaaaa;}
.cart_item_option li {margin-top:4px; color:#4d4d4d; font-size:11px;}
.cart_item_option_name { display:inline-block; padding:1px 5px; text-align:center; border-right:1px solid #3d3d3d; border-left:1px solid #3d3d3d;  color:#3d3d3d; border-radius:4px;}
/* 장바구니 끝 */



/* 결제창 */
.cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;}
.left_tit { font-size:16px; font-weight:400; float:left; padding-left:10px; }
/* .cartBtn {background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.cartBtn:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.shop_btns a:hover {text-decoration:none;} */
.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:105%; height:37px; font-size:17px; padding-top:10px; padding-left:15px; font-weight:bold; color:#4d4d4d;}
.od_group table.od_group_table td {font-size:13px;}
.od_group table {margin:10px 0 10px 0; width:100%;}
.od_group table td {height:30px;}
.od_group table td input, .od_group table td select, .od_group table td textarea  {padding:6px; border:1px solid #afafaf; box-shadow:#efefef 1px 1px 1px;}
.btn_settlecase {border:1px solid #a8a8a8; font-size:15px;width:170px; display:inline-block; cursor:pointer; padding:10px 5px; clear:both; border-radius:2px; background-color:#ffffff; margin-bottom:5px;} 
.btn_settlecase label {position:relative; left:10px; top:0px; cursor:pointer;}
.btn_settlecase.on {border:2px solid #CC0000; color:#CC0000; font-size:15px;}
.multi_delivery_title { border: 1px solid #9f9f9f; background-color:#fff; border-radius:3px; font-weight:bold;}
/* 결제창 끝 */



/* 마이페이지 */
.mypage_tb .mp_it_tit { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.mypage_tb .mp_it_tit2 { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; }
.mypage_tb .mp_it_cont { padding:9px 9px 9px 10px; font-size:9pt; border-bottom:1px solid #999999; }
.mypageBtn span{background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn span:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn:hover {text-decoration:none;}
/* 마이페이지 끝 */




/* 버튼 */
span.btnBack{display:inline-block; background-color:#CACACA; color:#5d5d5d; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnOK{display:inline-block; background-color:#404040; color:white; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btn1 { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; background-color: #4b4b4b; color:#ffffff; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1-o { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; color:#4b4b4b; padding:6px 10px; 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:15px; padding:10px 15px;}
span.btn1.small, span.btn1-o.small {font-size:13px; padding:5px 9px;}

span.label_black { font-size:12px; border:solid 1px #616161; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#616161; text-align:center; }
span.label_orange { font-size:12px; border:solid 1px #ef8100; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#CB4D00; text-align:center; }
span.label_green { font-size:12px; border:solid 1px #2ba600; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#228101; text-align:center; }
span.label_gray { font-size:12px; border:solid 1px #a9a9a9; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#707070; text-align:center; }
span.label_blue { font-size:12px; border:solid 1px #009bec; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#0276cb; text-align:center; }
span.label_purple { font-size:12px; border:solid 1px #7a00e2; padding:8px 6px; 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 img{position:relative;  display:inline-block; width:15px; top:4px;}
.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; top:1px; font-size:15px;}
.transparent_chkbox_wrapper span img{position:relative;  display:inline-block; width:15px; top:2px;}
.transparent_chkbox_focus_area {position:absolute; top:0px; left:0px; width:15px; height:15px;font-size:1px; text-decoration:none !important;}

.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 15%;}
.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;}
/* 커스텀 체크,라디오,셀렉트박스 끝*/