@charset "UTF-8";

.hidden { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
}
small { display:none; }

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

.none {display:none;}
.img_block {margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

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






/* 상단영역 시작 */
.max1760 { width:100%; max-width:1760px; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:0 20px;  }
.max1600 { width:100%; max-width:1600px; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:0 20px;  }
.max1280 { width:100%; max-width:1280px; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:0 20px;  }
.min1200 { width:100%; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:0 20px; }
.wid1200 { width:1200px !important; margin:0 auto; }
.topArea { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; font-size:0; text-align:center; background-color:#fff; padding:13px 0 8px 0; }
.topArea * { transition:.2s ease-out; }

.topInfo { height:130px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.3); position:relative;}

.ci { position:relative;}


#Menu { display:inline-block; }
#Menu > li { float:left; position:relative; }
#Menu > li:not(:first-child) { margin-left:60px; }
#Menu > li > a { display:inline-block; color:#000000; font-size:17px; font-weight:700;}
#Menu > li.on > a,
#Menu > li > a:hover { color:#1aa69d; }

.topLogin { display:flex; gap:7px; }
.topLogin > li {  }
.topLogin > li > a { display:block; padding:10px 12px; font-size:14px; font-weight:600; border-radius:5px; }
.topLogin > li:nth-child(1) > a { color:#1aa69d; box-shadow:inset 0 0 0 1px #1aa69d; }
.topLogin > li:nth-child(2) > a { background-color:#1aa69d; color:#fff; }
.topLogin > li:nth-child(1) > a:hover { background-color:#e7f2f1; }
.topLogin > li:nth-child(2) > a:hover { background-color:#0e8a82; }

.topMenu { display:flex; gap:25px; align-items:center; }
.topMenu > li { display: flex; align-items: center; position:relative; }
.topMenu > li > button { border:0; background:none; }
.topMenu > li img { display:block; }

.topMenu > li.inquiryBtn > a { display:block; height:40px; line-height:40px; padding:0 20px; border-radius:10px; background:#4e2bf4; color:#ffffff; font-size:16px; font-weight:600; }
.topMenu > li.memberMenu > div { visibility:hidden; position:absolute; left:50%; transform:translateX(-50%); top:100%; width:170px; white-space:nowrap; padding-top:26px;}
.topMenu > li.memberMenu:hover > div { visibility:visible; }

.topMenu > li.memberMenu > div > div {  opacity:0; margin-top:-20px; overflow:hidden;  padding:30px 0 0; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:10px; background-color:#fff; }
.topMenu > li.memberMenu:hover > div > div { visibility:visible; opacity:1; margin-top:0; }
.topMenu > li.memberMenu > div > div > p { color:#222222; font-size:16px; font-weight:300; line-height:20px; text-align:left; padding:0 20px; box-sizing:border-box; }
.topMenu > li.memberMenu > div > div > p > span { color:#088e88; font-weight:600; }
.topMenu > li.memberMenu > div > div > ul.loginBtn { padding:0 20px 20px; margin-top:10px; }
.topMenu > li.memberMenu > div > div > ul.loginBtn > li { display:block; }
.topMenu > li.memberMenu > div > div > ul.loginBtn > li:not(:first-child) { margin-top:5px; }
.topMenu > li.memberMenu > div > div > ul.loginBtn > li > a { display:block; height:40px; line-height:40px; text-align:center; border:1px solid #088e88; border-radius:5px; color:#088e88; font-size:14px; font-weight:600; }
.topMenu > li.memberMenu > div > div > ul.loginBtn > li:nth-child(2) > a { background:#088e88; color:#fff; } 

.topMenu > li.memberMenu > div > div > ul.optionBtn { display:block; }
.topMenu > li.memberMenu > div > div > ul.optionBtn > li { display:block; }
.topMenu > li.memberMenu > div > div > ul.optionBtn > li > a { display:block; box-sizing:border-box; padding:0 0 0 20px; text-align:left; color:#555555; font-size:16px; line-height:50px; height:50px; background-color:#fff; background-position:right 20px center; background-repeat:no-repeat; background-image:url('/res/images/top/option_arrow.png'); }
.topMenu > li.memberMenu > div > div > ul.optionBtn > li:not(:first-child)  { border-top:1px solid #d9d9d9; }
/* 상단영역 끝*/




/*메인 영역 시작*/
.helpNotice { padding:60px 0 0; }
.helpNotice > p { color:#000000; font-size:35px; font-family:"S-Core Dream"; font-weight:300; text-align:center; padding:0 0 30px; }
.helpNotice > p > span { font-weight:600; }

.helpNotice > a { display:block; background:url('/res/images/index/help_bg.png') no-repeat center center; border-radius:15px; position:relative; }
.helpNotice > a > img { display:block; margin:0 auto; }
.helpNotice > a > div { position:absolute; left:50%; margin-left:-562px; border-radius:5px; top:211px; padding:0 85px 0 20px; height:55px; line-height:55px; color:#fff; font-weight:600; font-size:20px; background:url('/res/images/index/help_arrow.png') no-repeat right 20px center, #1aa69d; }
.mainJobCover { max-width:1280px; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:50px 40px 220px; overflow:hidden; }
.mainJobSearch { display: flex; justify-content: space-between; align-items: center; border:1px solid #d9d9d9; background-color:#fff; padding:15px 30px; border-radius:5px;  }
.jobSearchText { font-family:"Gmarket Sans"; font-weight:500; color:#999999; font-size:16px; }
.jobSearchText > span { color:#000000; font-family:"Pretendard"; font-weight:600; padding-right:20px; }
.jobSearchText > span > img { display:inline-block; vertical-align:middle; margin:-4px 10px 0 0; }
.jobSearchOption { height:50px; }
.jobSearchOption select { appearance:none; -webkit-appearance:none; -moz-appearance:none; width:230px; height:100%; background-color:#f3f3f3; box-sizing:border-box; padding:0 0 0 20px; border-radius:10px; color:#222222; font-size:18px; font-weight:600; background-repeat:no-repeat; background-position:right 20px center; background-image:url('/res/images/index/filter_arrow.png'); border:0; }
.jobSearchOption button { margin-left:10px; height:100%; border-radius:10px; background-color:#1aa69d; color:#ffffff; font-size:18px; font-weight:700; padding:0 17px; border:0; }
.jobSearchOption button > img { display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.jobSearchInfo { border-bottom:2px solid #000000; display: flex; justify-content: space-between; align-items: center; padding:30px 0 0; margin:0 0 55px; }
.jobSearchInfo > p:nth-child(1) { color:#000000; font-size:35px; font-weight:700; }
.jobSearchInfo > p:nth-child(2) { color:#000000; font-size:16px; font-weight:700; }
.jobSearchInfo > p:nth-child(2) > span { color:#1aa69d; }

.jobList { }
.jobList > ul { display:grid; gap:27px; width:100%; grid-template-columns: repeat(4, 1fr); margin-top:27px;}
.jobList > ul:first-child { margin-top:0; }
.jobList > ul a { display:block; position:relative; padding-bottom:100%; }
.jobList > ul a div { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:15px; transition:.2s ease-out; }
.jobList > ul a:hover div { margin-top:-20px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.5); }

.mainBannerSlide { height:220px; position:relative; margin-top:54px; }
.mainBannerSlide .swiper-slide { width:100%; height:100%; }

.bannerArrow { position:absolute; top:50%; padding:11px 14px; border-radius:100%; background-color:#fff; border:0; z-index:2; transition:.2s ease-out; }
.bannerArrow i { color:#7f7f7f; transition:.2s ease-out; }
.bannerArrow:hover { background-color:#1aa69d; }
.bannerArrow:hover i { color:#fff; }

.bannerArrow.bleft { left:0; transform:translate(-50%, -50%); }
.bannerArrow.bright { right:0; transform:translate(50%, -50%); }

.bannerIndex { min-width:70px; position:absolute; bottom:15px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,0.5); font-size:15px; font-weight:700; text-align:center; background:rgba(0,0,0,0.7); border-radius:26px; z-index:2; padding:4px 0; }
.bannerIndex > span { color:#fff; }

.listVisual {  position:relative; }
.listArrow { position:absolute; top:50%; padding:11px 14px; border-radius:100%; background-color:#fff; border:0; z-index:20; transition:.2s ease-out; }
.listArrow i { color:#7f7f7f; transition:.2s ease-out; }
.listArrow:hover { background-color:#1aa69d; }
.listArrow:hover i { color:#fff; }

.listArrow.lleft { left:50px; transform:translateY(-50%); }
.listArrow.lright { right:50px; transform:translateY(-50%); }

.listIndex { min-width:70px; position:absolute; bottom:15px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,0.5); font-size:15px; font-weight:700; text-align:center; background:rgba(0,0,0,0.7); border-radius:26px; z-index:2; padding:4px 0; }
.listIndex > span { color:#fff; }
/*메인 영역 끝*/


.copyInfo {  display: inline-flex; flex-direction: row; align-items: center; gap:30px;  padding:0 0 25px;}
.copyInfo > button { height:40px; padding:0 20px; text-align:left; background-color:#f4f4f4; border-radius:40px; border:0; color:#010101; font-size:16px; font-weight:700;}
.copyInfo > button > img { display:inline-block; vertical-align:middle; margin:-4px 0 0 30px; transition:.2s ease-out;}
.copyInfo > button.on > img { transform:rotate(180deg); }
.copyLink { display:inline-block; }
.copyLink > li { float:left; padding:0 15px; position:relative;}
.copyLink > li:first-child { padding-left:0; }
.copyLink > li > a { color:#555555; font-size:16px; font-weight:700; }
.copyLink > li:not(:first-child)::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ececec; }

.copyToggle { display:none; }



.copyLink2 { display:inline-block; padding:20px 0 0;}
.copyLink2 > li { float:left; padding:0 20px; position:relative;}
.copyLink2 > li:first-child { padding-left:0; }
.copyLink2 > li > a { color:#555555; font-size:16px; font-weight:500; }
.copyLink2 > li.private > a { color:#000000; }

.copyInfo2 > p { color:#888888; font-size:16px; font-weight:500; line-height:30px; padding:10px 0 0; }
.copyInfo2 > p > span { color:#000000; font-weight:700; }

.copyRight { text-align:right; }
.copyRight > p:nth-child(1) { color:#000000; font-size:16px; font-weight:700; }
.copyRight > p:nth-child(2) { color:#1aa69d; font-size:20px; font-weight:600; }
.copyRight > p:nth-child(3) { color:#555555; font-size:14px; font-weight:400; }
.copyRight > p:nth-child(4) { color:#000000; font-size:16px; font-weight:500; padding:10px 0 0; }

.goTop { position:fixed; right:50px; bottom:20px; border:0; background:none; font-size:0; }
/*서브 영역 시작*/

section.layout .content { width:100%; margin:0 auto;}
section.layout .content header {  text-align:center; color:#000000; font-size:40px; font-weight:600; position:relative; padding:53px 0 80px; }


.regiBtn { text-align:center; }
.regiBtn a,
.regiBtn input,
.regiBtn button{ display:inline-block; border:0; height:70px; line-height:70px; padding:0 85px; text-align:center; color:#ffffff; font-size:26px; font-weight:500; background:#1aa69d; border-radius:5px; }
.regiBtn *:not(:first-child) { margin-left:15px; }
.regiBtn input:disabled { background-color:#d3d3d3; cursor:not-allowed; opacity: 0.6; }

.memberSearchArea { display:flex; align-items:center; height:60px;}
.memberSearchArea > select,
.memberSearchArea > input {  border: 1px solid #e9e9e9; border-right:0; height:100%; box-sizing:border-box; padding:0 20px; color:#898e99; font-size:16px; font-weight:400; text-align:left; }
.memberSearchArea > select { width:25%; -moz-appearance:none; appearance:none; -webkit-appearance: none; background-repeat:no-repeat; background-position:right 20px center, left 20px center; padding:0 45px;  }
.memberSearchArea > select:nth-child(1) { background-image:url('/res/images/sub/3/1/arrow_select.png'),url('/res/images/sub/3/1/icon_select_area.png'); }
.memberSearchArea > select:nth-child(2) { background-image:url('/res/images/sub/3/1/arrow_select.png'),url('/res/images/sub/3/1/icon_select_job.png'); }
.memberSearchArea > input { flex-grow: 1; }
.memberSearchArea > button { height:100%; background-color:#4e2bf4;border:none; padding:0 20px; color:#fff; font-size:18px; font-weight:700; }
.memberSearchArea > button > img { display:inline-block; vertical-align:middle; margin:-4px 5px 0 0; }



.subvisual { height:375px; justify-content: center;display: flex;flex-direction: column; text-align:center; }
.subvisual > p:nth-child(1) { color:#ffffff; font-size:30px; font-weight:600; }
.subvisual > p:nth-child(2) { color:#ffffff; font-size:20px; font-weight:300; padding:10px 0 0; }
/*서브 영역 끝*/





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

.viewVisual { max-width:1780px; width:100%; height:0; padding-bottom:39.5%; margin:0 auto; position:relative; }
.viewVisual > img { display:block; width:100%; height:100%; object-fit:contain; margin:0 auto; position:absolute; left:0; top:0; }
.viewVisual > p { font-size:30px; font-weight:500; color:#fff; position:absolute; right:50px; bottom:50px; }
/* 커버 영역 끝 */




/* 카피영역 시작 */
#CopyLink { display:inline-block; vertical-align:top; }
#CopyLink > li { float:left; margin:0 0 0 45px; position:relative; }
#CopyLink > li:first-child { margin-left:0px; }
#CopyLink > li:not(:first-child)::before { content:""; display:block; position:absolute; left:-22px; top:5px; width:1px; height:12px; background:#eee; }
#CopyLink > li > a { display:inline-block; text-decoration:none; vertical-align:top; font-size:14px; color:#fff; font-weight:300; }

.copyright { font-size:13px; color:#fff; font-weight:400; line-height:21px; padding:30px 0 0; }
/* 카피영역 끝 */





/* 게시판 영역 시작 */
.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:14px; 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:21px; }
.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; width:100%; margin:10px auto; text-align:center; }
.Boardleftbtn { float:left; width:22%; }
.Boardrightbtn { float:right; }
table.t6 { border:0;  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; 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 i { line-height:30px; font-size:21px; }
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:68px; float:left; padding:0 36px; position:relative; }
#RegiStateArea > ul > li:not(:first-child)::before { content:""; position:absolute; left:0; top:30px; transform:translateX(-50%); width:34px; height:8px; background:url('/res/images/regi_bar.png') no-repeat center center; }
#RegiStateArea > ul > li.on:not(:first-child)::before { background:url('/res/images/regi_bar_on.png') no-repeat center center; }
#RegiStateArea > ul > li:first-child { margin-left:0px; }
#RegiStateArea > ul > li > .rsaCircle { width:68px; height:68px; 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:22px 19px; background-image:url("/res/images/regi1.png"); background-color:#acb9e6; }
#RegiStateArea > ul > li:nth-child(2) > .rsaCircle > div { background-position:19px 20px; background-image:url("/res/images/regi2.png"); background-color:#8590fb; }
#RegiStateArea > ul > li:nth-child(3) > .rsaCircle > div { background-position:23px 20px; background-image:url("/res/images/regi3.png"); background-color:#5b70f7; }
#RegiStateArea > ul > li:nth-child(4) > .rsaCircle > div { background-position:19px 20px; background-image:url("/res/images/regi4.png"); background-color:#4e2bf4; }
#RegiStateArea > ul > li > .rsa_tit { font-size:18px; color:#000000; font-weight:600; padding:10px 0 0; }

.RegisterTable { border-top:2px solid #333; }
.RegisterTable > tbody > tr > th { height:30px; font-size:18px; color:#000000; font-weight:500; text-align:left; padding:20px 0px 20px 30px; border-bottom:1px solid #666; }
.RegisterTable > tbody > tr > th.th_required::after { content:"*"; display:inline-block; vertical-align:top; color:#ff0000; margin:0 0 0 3px; }
.RegisterTable > tbody > tr > th span { font-size:14px; font-weight:300; margin-left:5px; }
.RegisterTable > tbody > tr > td { font-size:16px; color:#777; font-weight:400; text-align:left; padding:20px 0; border-bottom:1px solid #666; }

.RegisterTable > tbody > tr > td input.ed,
.RegisterTable > tbody > tr > td select { width:375px; padding:0 20px; height:50px; font-size:16px; color:#999999; vertical-align:middle; background:#f6f6f6; border-radius:5px; border:0; }
.RegisterTable > tbody > tr > td input::placeholder { color:#999999; }
.RegisterTable > tbody > tr > td input.ed.onlynumber { padding-left:0px; text-align:center; }

.RegisterTable td select.DesignSelect { 
		 outline:none;  background-image:url("/img/select_arrow.png"); background-repeat:no-repeat; background-position:right 10px center; vertical-align:middle;
		border-radius:0; /* iSO 둥근모서리 제거 */ 
		outline-style:none; /* 포커스시 발생하는 효과 제거를 원한다면 */ 
		-moz-appearance:none;
		appearance:none;
		-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
}
.RegisterTable td select.DesignSelect::-ms-expand { 
    display: none;
}
/* 회원관련 끝 */





/* 상품영역 */
.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;}


/* 상품리스트 영역 */
.shop_btns { padding:10px 0; text-align:center; }
.shop_btns a:hover { display:inline-block; text-decoration:none; }
.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;}
/* 상품리스트 영역 끝 */


/* 아이템 영역 */

.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%; height:20px; text-align:left; }


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

.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:17px; 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; }

.div_add_options_nosltopt .cont { width:100%; }

.cnt_amount { font-size:15px; color:#37393b; font-weight:400; display:inline-block; width:100%; line-height:25px; padding-top:10px; text-align:right; }
.cnt_amount > span { font-size:30px; color:#37393b; line-height:25px; font-weight:700; vertical-align:sub; margin-left:15px; }

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



/* 상세 탭 */
.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:15px;}
.slt_add_option[disabled] {color:#afafaf;}

.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:5px 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 {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;}

/* 아이템 영역 끝 */



/* 장바구니 */
.cart_item_option_hr { border:0px; border-top:1px dashed #aaa; }
.cart_item_option li { margin-top:4px; color:#4d4d4d; font-size:13px; }
.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; }
/* 장바구니 끝 */



/* 결제창 */
.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: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 #1aa69d; background-color: #1aa69d; 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; }
.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:#1aa69d; }
.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-flex; align-items:center; cursor:pointer; }
.transparent_chkbox_wrapper span { position:relative; display:inline-block; font-size:15px; vertical-align:middle; }
.transparent_chkbox_wrapper span img { position:relative; display:inline-block; width:10px;  vertical-align:middle; margin:0 5px; padding-right:3px; }
.transparent_chkbox_wrapper .transparent_chkbox_focus_area { background-color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%); 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:#1aa69d; background:#1aa69d; }


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

.newIcon { display:inline-block; vertical-align:middle; margin:-4px 0 0 5px; height:25px; line-height:25px; font-size:15px;  padding:0 10px; background:#e7355c; color:#fff;  }

table.mypage { border-top:1px solid #686868; border-bottom:1px solid #686868; }
table.mypage thead tr td { border-bottom:1px solid #ccc; padding:10px; font-size:14px; }
table.mypage tbody tr th { font-size:15px; color:#000; font-weight:300; text-align:left; padding-left:30px; background:#f7f7f7; border-bottom:1px solid #ccc; }
table.mypage tbody tr td { border-bottom:1px solid #ccc; padding:12px 34px; height:26px; font-size:14px; }
table.mypage tbody tr td input.ed { height:46px; border:1px solid #ccc; padding:0 0 0 5px; font-size:17px; }
table.mypage tbody tr td select.ed { height:46px; border:1px solid #ccc; padding:0 0 0 5px; font-size:17px; }
table.mypage tbody tr td textarea.ed { width:100%; height:105px; border:1px solid #ccc; padding:5px; font-size:17px; box-sizing:border-box; resize:none; }

.mypage_board_list { width:100%; }
.mypage_board_list { border-top:2px solid #444444; margin:0 auto; }
.mypage_board_list th { height:55px; font-size:16px; text-align:center; color:#fff; font-weight:500; background:#4a5765; }
.mypage_board_list td { font-size:16px; text-align:left; color:#222; border-bottom:1px solid #d8d8d8; padding:15px 5px; text-align:center; }

.mypage_board_button { clear:both; padding:10px 0 0 0;}
.mypage_board_page { clear:both; text-align:center; margin:3px 0 0 0;}
.mypage_board_page a { color:#777;border:1px solid #dddddd;padding:5px 8px 5px 7px;font-size:14px }

.mypage_board_list td span.schedule { font-size:14px; border:solid 1px #ef8100; padding:2px 6px; line-height:20px; border-radius:2px; display:inline-block; color:#CB4D00; text-align:center; }
.mypage_board_list td span.receipt { font-size:14px; border:solid 1px #2ba600; padding:2px 6px; line-height:20px; border-radius:2px; display:inline-block; color:#228101; text-align:center; }
.mypage_board_list td span.deadline { font-size:14px; border:solid 1px #707070; padding:2px 6px; line-height:20px; border-radius:2px; display:inline-block; color:#707070; text-align:center; }
.mypage_board_list td span.finish { font-size:14px; border:solid 1px #1e7dd7; padding:2px 6px; line-height:20px; border-radius:2px; display:inline-block; color:#1e7dd7; text-align:center; }
.mypage_board_list td span.cancle { font-size:14px; border:solid 1px #7a00e2; padding:2px 6px; line-height:20px; border-radius:2px; display:inline-block; color:#7a00e2; text-align:center; }

.resv_submit { width:175px; height:60px; margin:0; padding:0; background:#222; font-size:19px; color:#fff; font-weight:300; border-radius:5px; border:1px solid #222222; }
.statR, .statA { color:#000000; }
.statC, .statCR { color:#CC0000; }
.statS { color:#1e7dd7; font-weight:bold; }


/* 검색부분 */
.board_search { float:right; }
.search_select { 
	width:125px; height:40px; border:1px solid #d8d8d8; position:relative; float:left; font-size:15px; padding-left:15px; background:#f9f9f9; outline:none; box-sizing:border-box; -webkit-appearance: none;
	-moz-appearance: none; color:#5d5d5d; font-weight:400; 
	appearance: none;
	background:url('/img/select_arrow.png') no-repeat right 15px top 18px;
}
select.search_select::-ms-expand { display:none; }

.search_box { float:left; display:inline; border:1px solid #d8d8d8; }
.board_search #search_input > #stx { border:0; width:165px; height:38px; margin:0; padding:0 0 0 10px; letter-spacing:0px; color:#5d5d5d; font-size:15px; font-weight:400; }
.board_search #search_input { float:left; }
.board_search #search_submit { float:right; height:34px; }
.board_search #search_submit input { padding:0px; }

#preview { margin:30px auto 0; justify-content: center;display: flex;flex-direction: column; box-sizing:border-box; padding:0 65px; border:1px solid #d9d9d9; background-repeat:no-repeat; background-position:center center;background-size:cover;}


.mainBanner { width:100%; max-width:1200px; height:220px; border-radius:15px; justify-content: center;display: flex;flex-direction: column; box-sizing:border-box; padding:0 65px; border:1px solid #d9d9d9; background-repeat:no-repeat; background-position:center center;background-size:cover; }
.mainBanner > p:nth-child(1) { font-size:50px; font-weight:700; }
.mainBanner > p:nth-child(2) { font-size:30px; font-family:"S-Core Dream";}

.jobBanner { width:100%; height:375px; text-align:center; justify-content: center;display: flex;flex-direction: column; box-sizing:border-box; padding:0 65px; border:1px solid #d9d9d9; background-repeat:no-repeat; background-position:center center;background-size:cover; }
.jobBanner > p:nth-child(1) { font-size:48px; font-weight:700; }
.jobBanner > p:nth-child(2) { font-size:32px; padding:10px 0 0; }
.jobBanner > p:nth-child(3) { font-size:25px; font-weight:700; padding:20px 0 0; }