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

.wrap-main section {	}
.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1200px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }




/* 상단영역 시작 */

#SearchArea {  background:url('/res/images/search_line.png')no-repeat center center; width:483px; height:49px; box-sizing:border-box; border-radius:55px; position:absolute; left:50%; top:25px; transform:translateX(-50%);}
#SearchArea #stx { margin:2px 0 2px 20px; width:100%; height:100%; background:#fff; border:0; box-sizing:border-box; color:#777777; font-size:18px; font-weight:300; text-align:left; padding:0 70px 0 10px; outline:none; }
#SearchArea #stx::placeholder { color:#777777; font-size:18px; font-weight:300; }
#serach_submit { position:absolute; background:none; right:10px; top:-2px; width:55px; height:55px; outline:none; font-size:0; border:0; border-radius:100%; }


.topmenu {background:#f7f7f7; width:100%; height:40px; }
.topmenu > div {width:1200px; margin:0 auto; position:relative;}
.topmenu > div > a {position:absolute; top:0; right:0;}
.topmenu > div > a:first-child {right:190px;}
.topmenu > div > a:nth-child(2) {right:150px; }

.centermenu {width:1200px; position:relative; margin:0 auto; height:105px; }
.logo {position:absolute; top:10px; left:0;}
.logo2 {position:absolute; top:35px; right:0;}


.topArea { margin:0 auto; height:60px; border-top:1px solid #ededed; }
.topArea > div { position:relative; text-align:center; width:1200px; margin:0 auto; height:60px;}
#menu { display:inline-block; }
#menu > li { float:left; padding:0 70px; position:relative;}
#menu > li:first-child { margin-left:0; }
#menu > li > a { padding:0 8px; font-weight:500; display:block; font-family:'Pretendard'; line-height:60px; height:60px; color:#fff; font-size:21px; cursor:pointer; box-sizing:border-box; text-decoration:none; }
#menu > li.on > a,
#menu > li:hover > a { color:#004ea2 !important; }
#menu > li > div {z-index:100;  position:absolute; top:57px; width:198px;left:50%; transform:translateX(-50%); display:none; background:url('/res/images/menu_line.png')no-repeat center top #fff; padding:25px 0 15px; text-align:center; }
#menu > li > div > ul { display:inline-block; margin-bottom:-4px;}
#menu > li > div > ul > li { transition:all .2s linear; overflow:hidden; box-sizing:border-box; margin-left:67px; text-align:center; display:block; width:198px; height:35px; margin:0 auto; }
#menu > li > div > ul > li:first-child { margin-left:0; }

#menu > li > div > ul > li > a { display:inline-block; font-family:'Pretendard'; margin-top:31px; color:#6a6a6a; font-size:18px;  width:100%; height:100%; line-height:35px; }
#menu > li.on > div > ul > li.on > a {color:#004ea2 !important;}

.memberBtn.on { position:absolute; display:block; left:0px; top:0px; margin:0;  border:0; background:url("/res/images/menu_open.jpg") no-repeat center center; }
.memberBtn { display:none; }
.memberBtn > img { display:block; opacity:0; }
.member_close_Btn { position:absolute; display:none; left:0px; top:0px; margin:0;  border:0; background:url("/res/images/menu_open.jpg") no-repeat center center; }
.member_close_Btn.on { display:block; }
.member_close_Btn > img { display:block; opacity:0; }

.allmenu { display:none; border-top:1px solid #ededed; position:absolute;text-align:center; background:url('/res/images/menu_bg.jpg')no-repeat center center; width:100%; height:183px; top:206px; z-index:20; left:0;}
.allmenu.on {display:block;}
.allmenu > div > ul > div {}
.allmenu > div > ul > div:first-child {margin-left:228px !important;}
.allmenu > div > ul > div:nth-child(2) {margin-left:112px !important;}
.allmenu > div > ul > div:nth-child(3) {margin-left:87px !important;}
.allmenu > div > ul > div:nth-child(4) {margin-left:117px !important;}

.allmenu > div > ul > div {padding:21px 0;}
.allmenu > div > ul > div > ul > li { height:35px;}
.allmenu > div > ul > div > ul > li > a {font-size:18px; line-height:35px; color:#838383;}
/* 상단영역 끝*/




/*메인 영역 시작*/
.con1 {width:100%; margin:0 auto; position:relative; height:800px; text-align:center;}
.con1 > p:first-child {font-size:38px; font-family:"Pretendard"; font-weight:500; position:relative; padding-top:120px; }
.con1 > p:first-child::after {position:absolute; content:""; width:20px; height:19px; top:80px; left:50%; transform:translateX(-50%); background:url("/res/images/maintitle.png")no-repeat;}
.con1 > p:nth-child(2) {font-size:56px; font-family:"Pretendard"; font-weight:900; color:#0ea5ac; }
.con2 {width:100%; margin:0 auto; position:relative; height:1300px;text-align:center; background:url('/res/images/con2bg.jpg')no-repeat center center; }
.con2 > p {font-size:38px; font-family:"Pretendard"; color:#fff; font-weight:500; position:relative; padding-top:250px;}

.more {position:absolute; left:50%; transform:translateX(-50%); width:200px; height:55px; border:1px solid #fff; bottom:250px; text-align:left;}
.more > a {background:url("/res/images/more.png")no-repeat right 20px center; display:inline-block; padding:15px 100px 15px 20px; color:#fff; font-family:"Pretendard"; font-size:22px;}
.more > a:hover {color:#03328a; background:url("/res/images/more2.png")no-repeat right 20px center;  }
.more:hover {background:#fff;}


.mCon4 {position:relative; width:100%; text-align:center; background:url('/res/images/mcon4.jpg')no-repeat center center; height:815px;}
.mCon4 > a {position:absolute; bottom:90px; color:#fff; border-bottom:1px solid #fff; font-size:16px; left:50%; transform:translateX(-600px); font-weight:600;} 
.mCon4 > p:first-child {font-size:38px; font-family:"Pretendard"; font-weight:500; position:relative; padding-top:120px; }
.mCon4 > p:first-child::after {position:absolute; content:""; width:20px; height:19px; top:80px; left:50%; transform:translateX(-50%); background:url("/res/images/maintitle.png")no-repeat;}
.mCon4 > p:nth-child(2) {font-size:56px; font-family:"Pretendard"; font-weight:900; color:#0ea5ac; }
.gLeft { left:15.5%; border-radius:30px; width:65px; height:65px; z-index:100; bottom:280px; box-shadow: 0px 1px 5px 0 rgb(0 0 0 / 21%); background:none; position:absolute; border:none;}
.gRight { right:15.5%; border-radius:30px; width:65px; height:65px; z-index:100; bottom:280px;  box-shadow: 0px 1px 5px 0 rgb(0 0 0 / 21%); background:none; position:absolute; border:none;}
@media screen and (max-width:1400px) {
	.gLeft { transform:translateX(-255px); }
	.gRight { transform:translateX(500px); }
}
.gLeft1 { left:50%; transform:translateX(-330px); top:220px; background:none; position:absolute; border:none;}
.gRight1 { left:50%; transform:translateX(465px); z-index:100; top:220px; background:none; position:absolute; border:none;}
@media screen and (max-width:1400px) {
	.gLeft1 { transform:translateX(-255px); }
	.gRight1 { transform:translateX(500px); }
}



.late {width:1200px; margin:0 auto; position:relative; padding:80px 0 80px;}
.late > ul > li {display:inline-block; width:590px; height:200px; background:url('/res/images/latest.png')no-repeat left 55px center;box-shadow:0px 0px 25px 0 rgb(3 50 138/11%); position:relative;}
.late > ul > li:nth-child(2) { margin-left:15px; display:inline-block; width:590px; height:200px; background:url('/res/images/latest2.png')no-repeat left 55px center; box-shadow:0px 0px 25px 0 rgb(3 50 138/11%); position:relative;}
.late > ul > li > a {font-size:36px; color:#000; font-family:"Pretendard"; padding:80px 180px 80px 250px; top:-2px; position:absolute; left:0px; font-weight:600; text-align:right; background:url('/res/images/latest_arrow.png')no-repeat right 55px center;}
.late > ul > li:nth-child(2) > a {font-size:36px; font-family:"Pretendard"; padding:80px 180px 80px 250px; top:-2px; position:absolute; left:0px; font-weight:600; text-align:right; background:url('/res/images/latest2_arrow.png')no-repeat right 55px center;}
.late > ul > li > a:hover {color:#03328a; background:url('/res/images/latest_arrow2.png')no-repeat right 55px center;}
.late > ul > li:nth-child(2) > a:hover {color:#0ea5ac; background:url('/res/images/latest2_arrow2.png')no-repeat right 55px center;}

.not {width:1200px; position:relative; margin:0 auto; height:250px;}

.basicSkin { width:100%; height:100%; text-align:left; position:relative; padding-top:0.5208vw;  }
.basicSkin > div { position:Relative;}
.basicSkin > div > div { display:inline-block; width:100%; height:4.1667vw; box-sizing:Border-box;  }
.basicSkin > div > div > div:nth-child(1) { float:left; display:none; width:3.6458vw; height:3.6458vw; box-sizing:border-box; border:0.1042vw solid #e5e5e5; border-radius:0.7813vw; text-align:center;
											position:relative; font-weight:bold; color:#fff; font-size:0.7292vw; background:#e9148c;}
.basicSkin > div > div > div:nth-child(1) > p:nth-child(1) { color:#fff; font-size:1.2500vw; font-weight:500; padding:0.2604vw 0 0; }
.basicSkin > div > div > div:nth-child(1) > p:nth-child(2) { color:#fff; font-size:0.6250vw; font-weight:400; }

.basicSkin > div > div > div:nth-child(2) { float:left; width:100%; }
.basicSkin > div > div > div:nth-child(2) > p:nth-child(1) { 
	color:#333333; font-size:1.1458vw; width:740px; font-weight:500;line-height:1.5625vw; height:1.8750vw; overflow:hidden; text-overflow:ellipsis; white-space:normal; box-sizing:border-box;
	word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; 
}
.basicSkin > div > div > div:nth-child(2) > p:nth-child(1) > a { color:#000; font-size:26px; font-weight:600; font-family:'Pretendard';}
.basicSkin > div > div > div:nth-child(2) > p:nth-child(2) { 
	color:#666666; font-size:0.8333vw; line-height:2.0833vw; height:2.0833vw; overflow:hidden; text-overflow:ellipsis; 
	white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; 
}
.basicSkin > div > div > div:nth-child(2) > p:nth-child(2) > a { color:#000; font-size:26px; font-weight:600; font-family:'Pretendard';  }
.dd {    float: right;
    padding-left: 20px;
    background: url(/res/images/time.png)no-repeat left center;
    color: #aaaaaa;
    font-size: 0.7292vw;
    line-height: 1.5625vw;
    box-sizing: border-box;}
.basicSkin > a > div { position:absolute; background:#000000; left:50%; top:50%; transform:translate(-50%, -50%); }
.basicSkin > a > div:nth-child(1) { width:0.8333vw; height:0.1042vw; }
.basicSkin > a > div:nth-child(2) { width:0.1042vw; height:0.8333vw; }
.sb {padding-top:5px;  width:840px; overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
	color:#575757 !important;
}
.sb > a {font-size:18px; color:#575757 !important; }
.basicSkin2 { width:100%; height:100%; text-align:left; position:relative; }

.basicSkin2 > div { padding-top:50px;}
.basicSkin2 > div > div:nth-child(2) {padding-top:5px;}
.basicSkin2 > div > div { display:inline-block; width:100%; height:1.8229vw; box-sizing:Border-box; }
.basicSkin2 > div > div:first-child { margin-top:0;  }
.basicSkin2 > div > div > div:nth-child(2) { float:right; ; padding-left:20px; background:url('/res/images/time.png')no-repeat left center;color:#aaaaaa; font-size:0.7292vw; line-height:1.5625vw; box-sizing:border-box;  }


.basicSkin2 > div > div > div:nth-child(1) { float:left; width:740px; box-sizing:border-box; position:relative; }
.basicSkin2 > div > div > div:nth-child(1) > p { width:740px; color:#555555; font-size:0.8333vw; line-height:1.5625vw; box-sizing:Border-box; padding:0 1.0417vw 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.basicSkin2 > div > div > div:nth-child(1) > p > a { color:#000; font-weight:600; font-family:'Pretendard'; font-size:26px; }

.notmore {position:absolute; width:185px; height:50px;  border-radius:50px; background:#373737; left:0; bottom:35px; text-align:center;  }
.notmore > a {font-size:16px; font-family:'Pretendard'; padding:16px 35px; color:#fff; font-weight:400; display:inline-block;}
/*메인 영역 끝*/

.copyLink > div > img {float:left;}
.copyLink { height:60px; font-size:0; text-align:center;padding-top:30px;}
.copyLink > div { width:1200px; display:inline-block; position:relative; }
.copyLink > div > .copyLinkUl { float:left; }
.copyLink > div > .copyLinkUl > li { float:left; height:60px; line-height:60px; }
.copyLink > div > .copyLinkUl > li > a { color:#4b4948; font-size:16px; font-weight:500;}

.copyLink > div > .copyLinkUl > li:nth-child(-n+2)::after { content:""; display:inline-block; width:1px; height:13px; background:#c1c1c1; margin:0 21px; }
.copyLink > div > .copyLinkUl > li:nth-child(4)::after { display:none; }
.familyUl {
	display:none; position:absolute; right:230px; bottom:82%; width:280px;  height:148px; overflow-y:scroll; z-index:10; background:#fff;
	box-sizing:border-box; border-bottom:0; padding:0;
}
.familyUl > li { display:block; width:100%; box-sizing:border-box; padding:0 0 0 20px; height:40px; text-align:left; border:1px solid #d9d9d9; margin-bottom:-1px; }
.familyUl > li > a { color:#555555; font-size:16px; line-height:40px; font-weight:300; }
.familyBtn {
	position:absolute; right:230px; top:15px; width:280px; height:30px; background:url('/res/images/up.png') no-repeat right 20px center, #fff; border:0; 
	border:1px solid #58595b; box-sizing:border-box; text-align:left; padding:0 0 0 20px; color:#4b4948; font-size:16px; font-weight:500;
}
.familyBtn.on { background:url('/res/images/up.png') no-repeat right 20px center, #fff; color:#58595b; }
.copyCenter { width:1200px; margin:0 auto; box-sizing:border-box; padding:35px 0 15px 0px;}
.copyCenter > p:nth-child(1) { color:#939393; font-size:16px; line-height:25px; font-weight:300; }
.copyCenter > p:nth-child(2) { color:#939393; font-size:16px; padding:14px 0 0; font-weight:300; }

.familyUl2 {
	display:none; position:absolute; right:0px; bottom:80%; width:245px;  height:323px; overflow-y:scroll; z-index:10; background:#282828;
	box-sizing:border-box; border-bottom:0; padding:20px 0;
}
.familyUl2 > li { display:block; width:100%; box-sizing:border-box; padding:0 0 0 20px; height:35px; text-align:left; margin-bottom:-1px; }
.familyUl2 > li > a { color:#939393; font-size:16px; line-height:35px; font-weight:300; }
.familyBtn2 {
	position:absolute; right:0px; top:15px; width:245px; height:50px; background:url('/res/images/up.png') no-repeat right 20px center, #333333; border:0; 
	border:1px solid #58595b; box-sizing:border-box; text-align:left; padding:0 0 0 20px; color:#939393; font-size:16px; font-weight:500;
}

.copyright {padding:25px 0; color:#939393; font-size:15px; margin:0 auto; width:1200px; text-align:left; height:25px;}
.copyright > span {float:left;}
.lui {float:right;}
.lui > li {display:inline-block; position:relative;}
.lui > li:not(:first-child)::after {position:absolute; content:""; width:1px; height:13px; top:6px; left:-10px; background:#939393; }
.lui > li:not(:first-child) {margin-left:20px;}
.lui > li:first-child > a {color:#fff;}
.lui > li > a {color:#939393; font-size:16px;}


/*서브 영역 시작*/
.subvisual { width:100%; min-width:1200px; max-width:1919px; height:351px; margin:0 auto; background-repeat:no-repeat; background-position:center top; text-align:center; }
	p.subvi_p1 { font-size:77px; color:#fff; font-weight:900; padding:70px 0 25px; border-top:1px solid #ededed;}


#TopSS1cate { position:relative;  display:inline-block; vertical-align:top; z-index:10;}
#TopSS1cate > li { float:left; position:relative;}
#TopSS1cate > li:not(:first-child)::after {position:absolute;transform: rotate(20deg); width:3px; height:30px; top:13px; left:0; content:""; background:#8cb2f2; }
#TopSS1cate > li > a { 
	display:inline-block; text-decoration:none; vertical-align:top; padding:0 30px; height:50px; line-height:56px; text-align:center; border-radius:4px;
	font-size:30px; color:#8cb2f2; font-weight:500; font-family:"Pretendard"
}
#TopSS1cate > li.on > a {color:#fff; }


.subtitle {text-align:center; font-size:42px; font-weight:600; font-family:"Pretendard"; position:relative;}
.subtitle::after {position:absolute; width:20px; height:23px; content:""; background:url('/res/images/subtitle.png')no-repeat; top:-40px; left:50%; transform:translateX(-50%); }

section.layout aside {float:left;width:220px;display:block;position:relative;min-height:450px;margin-top:-20px}
section.layout aside .stop {width:220px;height:115px;background:url('/res/images/smenu/stopbg.jpg') no-repeat center top;color:#fff;font-size:25px;font-weight:bold;font-family:'Nanum Barun Gothic';text-align:center;line-height:115px;text-shadow:1px 1px 2px #630000}
section.layout aside img {margin:0;padding:0;font-size:0;line-height:0; display:block;}
section.layout aside ul {float:left;width:190px;}
section.layout aside ul a {text-decoration:none;}
section.layout aside ul li {width:220px;height:40px;position:relative;background:#fff;border-bottom:1px solid #e5e5e5}
section.layout aside ul li.lastbo {width:220px;height:40px;position:relative;background:#fff;border-bottom:1px solid #cccccc}
section.layout aside ul li.on {background:url('/res/images/smenu/on.jpg') no-repeat center top;}
section.layout aside ul li span {color:#636363;font-size:15px;line-height:40px;margin-left:10px;font-family:'Nanum Barun Gothic';}
section.layout aside ul li.on span {color:#000000;font-weight:bold;}

section.layout .content { float:right; width:1200px; margin-top:100px; }
section.layout .content header { width:1200px; height:80px; margin-top:20px;}
.shoptitle { margin-top:20px; }
section.layout .subContent {float:left;}


/*서브 영역 끝*/





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




/* 카피영역 시작 */
#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; }


/* 카피영역 끝 */





/* 게시판 영역 시작 */
.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:104px; height:177px; float:left; margin-left:200px; position:relative; }
#RegiStateArea > ul > li:first-child { margin-left:0px; }
#RegiStateArea > ul > li:not(:first-child)::before { content:""; position:absolute; left:-105px; 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:#f04f4f; }
#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:15px; 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; }
/* 회원관련 끝 */





/* 상품영역 */
.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 #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 .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:#f04f4f; }
.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; font-size:15px; vertical-align:middle; }
.transparent_chkbox_wrapper span img { position:relative; display:inline-block; width:10px; 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:#f04f4f; background:#f04f4f; }

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