@charset "utf-8";

/*
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(/common/font/NotoSansKR-Black.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(/common/font/NotoSansKR-Bold.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(/common/font/NotoSansKR-Medium.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(/common/font/NotoSansKR-Regular.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(/common/font/NotoSansKR-Light.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(/common/font/NotoSansKR-Thin.otf); }
*/
/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
*/
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@import "//cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/all.min.css";


body,th,td {font-size:14px;line-height:1.5; font-family:'Pretendard', sans-serif;color:#222; font-weight: 400; letter-spacing: 0px;}


@media screen and (max-width: 800px) {
	body,th,td {font-size:14px;line-height:1.5; font-family:'Apple Sandoll Gothic Neo', sans-serif; }
}


a {text-decoration:none;}
a:hover {text-decoration:none; color:#f42800;}
a:visited {text-decoration:none;}


html{
    width: 100%; max-width:1920px; margin:0 auto;
    height: 100%;
    overflow-y: scroll;
 font-family:'Pretendard' !important;   font-weight: 400;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


input, textarea { font-size: 14px !important;  font-weight: 400; margin:2px 0 !important;  padding:3px; vertical-align: middle; font-family:inherit; } /* textarea 폰트상속 안됨 */
input[type=text] { padding:5px;  border:1px solid #ccc;}
input[type=password] { padding:5px;  border:1px solid #ccc;}
select	{ font-size: 14px !important;   font-weight: 400;margin:2px 0; padding:6px;  vertical-align: middle; outline:0;  font-family:inherit;}
img		{ border:0; vertical-align: top; }
form	{ display:inline;}
b {font-weight: bold;}


input[type=button], input[type=submit] {min-width:60px; cursor:pointer; background-color: #ddd; border:1px solid #ccc; border-radius:5px; margin:3px 3px; padding:5px; font-size:12px;}
input[type=button]:hover, input[type=submit]:hover {color:#fff; background-color: #999; border:1px solid #aaa;}
.btn_blue {background-color: #56b8b8 !important;  border:1px solid #56b8b8 !important;}
.btn_sm {min-width:30px !important;  padding:3px 3px !important; margin:1px 1px !important;  font-size: 11px !important;}


/* class */
.btnLink	{ cursor:pointer; }
.small		{ font-family:돋움; font-size: 11px; }
.nosee		{ background-color:FFFFFF; border:0; }
.rightAlign	{ text-align: right; }
.red		{ color:#f42800 }

.paging{
    text-align: center;
    margin-top:20px;
    line-height:1.0em;
}

.paging span {
    display: inline-block;
    padding: 0px 0px 0 0px;
	width:30px;
    height : 30px;
    line-height : 30px;
    margin:2px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}
.paging span.on{ background-color: #303040;  border: 1px solid #303040; color:#fff; cursor: default; }

h1 {font-size: 1.1em; font-weight: bold; line-height:2.0em;}
h2 {font-size: 1.2em; font-weight: bold; line-height:2.0em;}
h3 {font-size: 1.3em; font-weight: bold; line-height:2.0em;}


#colormap {position:fixed; z-index:999; opacity:1; color:#fff; text-align:left; left:10px; }

@media screen and (max-width: 800px) {
	#colormap { display:none; }
}



/* common ********************************************** */


/* id */
#wrap {
    width:100%;
    min-height: 100%;
    _height: 100%;
    background-color: #fff;
}
.wrap_center {
    width:1220px;
    margin:0 auto;
	border:0px solid red;
}

@media screen and (max-width: 1219px) {
    .wrap_center {width:100%;}
	#bnnChat {display:none;}
	.btn_extra {display:none;}
}

@media screen and (max-width: 375px) {
    .wrap_center {width:375px;}
}

#container {
	padding-bottom: 300px;	/* 170+0 */
	*zoom: 1; 
	background-color: #fff;
	padding-top:0px;
}
#container:after{content:""; clear:both; display:block; }

#contents {min-height: 1000px; position:relative;}





#footer {
	position:relative;
	min-height: 300px;	height:300px; 	margin-top:-300px; 
	background-color: #fff;
	 color:#777;
 }


#footer .box1 {padding:0px;   background-color: #fff; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea; }
#footer .box1 .box1_inner {display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .box1 .box1_inner .box1_1 { width:60%; margin:0 0px ; padding-top:17px;  height:50px;  font-size:15px; font-weight: 500;display:flex; justify-content:flex-start;}
#footer .box1 .box1_inner .box1_1 li {font-size:15px;  padding:0px 35px 0px 0px; text-align:left; }
#footer .box1 .box1_inner .box1_1 li a {color:#303030;}

#footer .box1 .box1_inner .box1_2 { width:40%; display:inline-block; height:50px; margin:0 0px ; padding-top:10px; text-align: right; }

#footer .box1 .box1_inner .box1_2 .icon_sns_box {  display:inline-block; vertical-align: middle; margin:0 24px 0 0; width:30px; height:30px; cursor:pointer; }
#footer .box1 .box1_inner .box1_2 .icon_sns_box img {width:100%;}
#footer .box1 .box1_inner .box1_2 select { background-color: #fff; border:1px solid #d9d9d9; color:#303030; font-size:13px !important; font-weight: 400;  padding:3px 7px !important;  vertical-align: middle; margin:0 0 0 12px;}

#footer .box2 { padding:40px 0 0 0;display:flex; justify-content:space-between; flex-wrap:wrap; background-color: #fff; margin:0 auto;}
#footer .box2 .footer2 {width:70%;  font-size:14px; font-weight: 500;}
#footer .box2 .footer3 { width:295px; padding-top:0px; text-align:left; letter-spacing: 0px;}

#footer .box2 .footer2 .txt1 { font-size:17px !important; color:#222; font-weight: 600; margin-bottom:20px; line-height:1.0em;}
#footer .box2 .footer2 .txt1 a {color:#000;}
#footer .box2 .footer2 .txt2 { font-size:14px !important; font-weight: 400; }
#footer .box2 .footer2 p { line-height:1.6em; margin:0; }
#footer .box2 .footer2 span {  display:inline-block; }
#footer .box2 .footer2 a:hover {text-decoration:none;}
#footer .box2 .footer2 img {vertical-align:middle; margin-top:-3px;}

#footer .box2 .footer3 .txt1 {  font-size:17px !important; color:#222; font-weight: 600; margin-bottom:20px; line-height:1.0em;}
#footer .box2 .footer3 p {line-height:1.6em; margin:0;  font-size:14px !important;  font-weight: 500;}
#footer .box2 .footer3 .txt2 {  }

@media screen and (max-width: 800px) {

	#footer .box1 .box1_inner .box1_1 {display:none;}

/*	#footer .box1 .box1_inner .box1_1 { width:100%; text-align:center; justify-content:center;}
	#footer .box1 .box1_inner .box1_1 li {font-size:1.0em;  padding:0px 10px; }
*/
	#footer .box1 .box1_inner .box1_2 { width:100%;text-align:center; }

/*	#container {padding-bottom: 270px;}
	#footer {min-height: 270px;	height:270px; 	margin-top:-270px; }
*/

	#footer .box2 { padding:40px 0 0 0; text-align:center;}
	#footer .box2 .footer2 {width:98%; margin:20px 30px 50px 30px;  order: 2;}
	#footer .box2 .footer2 p {line-height:1.4em;  font-size:13px;}
	#footer .box2 .footer2 .txt1 { font-size:1.3em !important; margin-bottom:8px;}

	#footer .box2 .footer3 {width:98%; margin:0 auto;  order: 1;  text-align:center; }
	#footer .box2 .footer3 .txt1 { font-size:1.3em !important; margin-bottom:8px;}
	#footer .box2 .footer3 p { font-size:13px;}


}






/* header */

#header {
   /* height: 212px;*/
}
#header .gnb {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
    opacity: 1;
    position: relative; /*fixed*/
    top: 0px;
    z-index: 16;
    background-color: #fff;
}
#header .gnb.on {
   /* top: -260px;*/
    background-color: #fff;
   /* border-bottom: 1px solid #f00;*/
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}


/*모바일 상단배너 없음*/
@media screen and (max-width: 800px) {
/*	#header {   height: 188px;}*/
}



/*bnn_topline*/
/* 안움직이는 */
#top0 .bnn_topline {
	position: relative; 
	width: 100%; 
	height:36px;
	background-position: center center ;
	background-size:cover  !important;
	background-repeat: no-repeat;
	cursor:pointer;
}

/*움직이는*/
#top0 .top0Banner {position: relative; width: 100%; overflow: hidden; height: 70px;  cursor:pointer;}
#top0 .top0Banner .qBannerSlider li {width: 100%;  height: 70px;  background-repeat: no-repeat; background-position: center;  }


@media screen and (max-width: 800px) {
	#top0 {display:none;}
}



#top1 {position:relative; height:36px; background-color:#f9fafc; border-bottom:1px solid #e4e4e4;}

.top1_inner {position:relative; font-size:0.9em;color:#000;  background-color:#f9fafc;  padding-top:0px; height:100%; display:flex; justify-content:space-between; flex-wrap:nowrap; }
.top1_inner .top1_1 {width:30%; padding-top:0px;  display:flex; justify-content:flex-start;}
.top1_inner .top1_2 {width:60%; padding-top:0px;  position:relative;  display:flex; justify-content:flex-end;}

.top1_inner .top1_1 .icon_site {float:left; display:inline-block; width:30%; max-width:120px; height:36px; padding-top:1px; text-align: center;  border-right:1px solid #e4e4e4; color:#555; cursor:pointer; margin-left:0px; border-bottom:1px solid #e4e4e4;}
.top1_inner .top1_1 .icon_site:nth-child(1) { background-color: #fff; border-left:1px solid #e4e4e4;  border-bottom:none;}
.top1_inner .top1_1 img {max-width:80px;  width:90%; padding-top:3px;}

.top1_inner .top1_2 .icon_1sec { position:absolute; top: 25px; left:-5px; }


.top1_inner .h_cont { display:inline-block; margin:0 !important; vertical-align: middle; font-size:13px;}
.top1_inner .h_cont a {text-decoration:none;  color:#414141;}
.top1_inner .h_cont a:hover { color:#4286F4;}
.top1_inner .h_cont li {float:left; display:inline-block; padding:8px 10px ; text-align: center; color:#333; min-width:90px; height:36px; cursor:pointer; border-right:1px solid #e4e4e4}
/*.top1_inner .h_cont li:last-of-type { border-right:1px solid #e4e4e4};*/
.top1_inner .h_cont .btn_extra {cursor:pointer; border-radius:3px; padding:0px 3px !important; margin:5px 5px 0 5px; min-width:60px;  color:#000; background-color: #f2da00; height:25px; line-height:25px;}
.top1_inner .h_cont span {display:inline-block; padding: 0px 0 0 12px;}
.top1_inner .h_cont .txt1 {  color:#000000; vertical-align: middle;}
.top1_inner .h_cont .txt1.bold { font-weight:800; }
.top1_inner .h_cont .txt1:hover { color:#4286F4;}
.top1_inner .h_cont .btn_x { display:inline-block; color:#ff3007;  }

.top1_inner .h_cont li img { vertical-align: middle; }
.top1_inner .h_cont li #top_arrow_down {}
.top1_inner .h_cont li #top_arrow_up {display:none;}

#divMypage {display:none;  width:344px; position:absolute; z-index:9999; padding:0px; right:30px; top:35px;  border-radius:8px; border:1px solid #E4E4E4;  background-color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
#divMypage .my_top1 {  text-align: center; margin:25px auto 10px auto;}
#divMypage .my_top1 div:nth-child(1) { position:relative; width:80px; height:80px;  margin: 0 auto; }
#divMypage .my_top1 div:nth-child(1) .img_box {width:100%; height: 0; padding-bottom: 100%;  position:relative;}
#divMypage .my_top1 div:nth-child(1) .img {position:absolute; top:0; left:0;width:100%; height:100%; border:1px solid #e3e7ec;  border-radius:50%; background-size:cover ; background-position: center center;  background-repeat: no-repeat ;  }
#divMypage .my_top1 > div:nth-child(2) {margin-top:10px; font-size:17px; font-weight:700; }
#divMypage .my_top2 {display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between; margin:0px 0;}
#divMypage .my_top2 > .item_box {width:33%; padding:20px 0;  text-align: center;  font-size:15px; font-weight:700;  cursor:pointer; }
#divMypage .my_top2 > .item_box > .txt0 {pointer-events:none;}
#divMypage .my_top2 > .item_box > .txt0 img { height:25px; margin-bottom:5px; fill:rgb(42,169,224);}
#divMypage .my_top2 > .item_box > .txt1 {pointer-events:none; font-weight:500; }
#divMypage .my_top2 > .item_box:hover { color: #BAC0C9; }
#divMypage .my_top2 > .item_box > .txt2 {pointer-events:none; font-weight:700; }
#divMypage .my_top3 {display:flex; justify-content:space-between; flex-wrap:wrap;  align-items: center;  border-top:1px solid #ddd; height:62px;}
#divMypage .my_top3 > .item_box {width:33%; padding:10px 0;  text-align: center;  cursor:pointer;  font-size:14px; color:#000; }
#divMypage .my_top3 > .item_box:hover { color: #BAC0C9; }
#divMypage .my_top3 > .item_box:nth-child(1) {color:#2656F6; font-weight:700; text-decoration:underline;}

/* 프로필 변경*/
#layer_profile {display:none;overflow:hidden; padding: 10px 0px; position:absolute;  top:200px; left:50%; margin-left:-410px; width:240px; height:68px;  background:#fff; z-index:9999; border-radius:8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.mem_photo_box { }
.mem_photo_box span {vertical-align:middle;display:inline-block;  }
.mem_photo_box .inputFileCustom {display:block;  cursor:pointer; padding:1px 15px;  }
.mem_photo_box .inputFileCustom:hover { background:#f0f0f0; }
.mem_photo_box .btnDelCustom {display:block;  cursor:pointer;  color:#f00; padding:1px 15px;  }
.mem_photo_box .btnDelCustom:hover { background:#f0f0f0; }





#top2 { height:128px; display:flex; justify-content:space-between;}
#top2 .top2_1 {width:170px; padding-left:0px; padding-top:47px; border:0px solid red;}
#top2 .top2_2 {width:calc( 100% - 500px );  justify-content:center;  padding-top:57px;border:0px solid red;}
#top2 .top2_3 { width:330px; text-align: right; justify-content:flex-end;  font-size:13px;  font-weight:400; padding-top:58px;  border:0px solid red;}



#top2 .top2_1 img {max-width:140px;}



#top2 .top2_2 .box {display:inline-block; background-color: #F5F6F7; border-radius:20px; color:#fff; width:420px; height:40px; margin-right:35px; padding:3px 0 3px 40px;  position: relative;}
#top2 .top2_2 .box .sch_input { border:0px solid red; width:calc(100% - 40px); height:100%; margin:0!important;   background-color: #F5F6F7; color:#222; outline: none; font-weight:400; font-size:16px !important;} 
#top2 .top2_2 .box .sch_logo {position:absolute; left:17px; top:9px; }
#top2 .top2_2 .box .sch_btn {position:absolute; right:19px; top:8px; }
#top2 .top2_2 .box .sch_input::placeholder {    color: #545454 !important;}

/*
#top2 .top2_2 span { display:inline-block; margin:0 5px;  vertical-align:middle; color:#787A7D;}
#top2 .top2_2 span:nth-of-type(1) { position: relative; padding:0 10px;}
#top2 .top2_2 span:nth-of-type(1)::before { 
	border-right:1px solid #eee; 
	content:" ";
	display:inline-block;
	position:absolute; 
	right:0;
	top:3px;
	height:16px;
	width:1px;
}
*/


@media screen and (max-width: 800px) {
}


#top3 {border-top:solid #eee 0px; border-bottom:solid #eee 1px; font-size:15px; font-weight:400;  }



/*메인메뉴*/
#menuBox_w {position: relative;  height:53px;  border:0px solid red;display:flex; justify-content:flex-start; } 

#menuBox {position: relative; padding:0px; width:890px; height:100%; display:flex; justify-content:flex-start; align-content:center; border:0px solid blue;}
#menuBox .mainmenu {position: relative;cursor:pointer; color:#000; font-size:15px;  font-weight:400; line-height:100%; padding:20px 15px 0 15px; text-align:center; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
#menuBox .mainmenu > .icon_new {color:#00BD2F; font-size:10px; font-weight:600; display:inline-block; margin-top: -15px;vertical-align:middle; }
/*#menuBox .mainmenu:hover { border-bottom:2px solid #0066ff; }*/
#menuBox .mainmenu.on { border-bottom:2px solid #0066ff; }
#menuBox .mainmenu font {pointer-events:none;}

@media screen and (max-width: 1219px) {
	#menuBox {width:100%;}
}

#menuAll { position: relative;  width:124px; height:100%;  padding-top:15px; text-align:left; cursor:pointer;  color:#000; font-size:15px; font-weight:600; }
#menuAll  img {width:16px; margin-right:5px; margin-top:-3px;}
#menuAll:hover {color:#3763F6;}
#menuAll:before { 
	border-right:1px solid #eee; 
	content:" ";
	display:inline-block;
	position:absolute; 
	right:0;
	height:24px;
	width:1px;
}
#menuAll:hover  img { content: url('/images/svg/mnu_all_on.svg');}

#selfDesign {border:0px solid blue; width:330px; text-align:right; padding-top:10px;  font-weight:600;}
#selfDesign #btn_self {  display:inline-block; background-color:#2656f6; color:#fff; width:130px; height:33px; font-size:15px;  font-weight:400;  padding-top:6px; margin-left:10px; text-align:center; border-radius:5px; cursor:pointer;  }
#selfDesign #btn_self:hover {background-color:#4285F4; }

#mnu_self_sub {width:204px; height:33px; position:absolute;  border-radius:16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); font-size:14px;  font-weight:500; top:48px; right:-41px; padding:7px 0 0 0; background-color:#fff; text-align:center; display:none;}
#mnu_self_sub img {display:inline-block; margin-right:5px;}
#mnu_self_sub span {color:#2656F6; }

/*무료 아이콘*/
/*.arrow_box {padding:2px 0 0 0px; position:absolute; top:-18px; left:222px;  width:60px; height:20px; z-index:10;}*/

.submenuBox {
    position:absolute; 
    left:0px;
    top:53px;
   background: #FFF;
    z-index:99999;
    border:solid 0px #ccc;
	font-size:14px;
	padding:26px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius:10px;
	  display: none;
	  flex-direction: column;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-content: flex-start;
	height: 420px;

}


#submenuBox_w .submenuBox:nth-of-type(1) {width:calc(165px * 4 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(2) {width:calc(165px * 3 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(3) {width:calc(165px * 5 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(4) {width:calc(165px * 3 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(5) {width:calc(165px * 3 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(6) {width:calc(165px * 4 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(7) {width:calc(165px * 6 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(8) {width:calc(165px * 3 + 52px);}
#submenuBox_w .submenuBox:nth-of-type(8) {width:calc(165px * 3 + 52px);}

.submenuBox .submenu {  
	flex: 0 0 0;
	padding-bottom:20px; 
	width:165px; 
	border:0px solid #f00;
 }

.submenuBox .submenu .mnu_level2 {color:#222; font-weight: 600; background-color:#fff;width:100%;  padding-bottom:4px; text-align:left; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.submenuBox .submenu .mnu_level2:hover {color:#3763F6;}
.submenuBox .submenu .mnu_level3 {background-color: #fff;width:100%; padding:2px 5px 2px 0px; text-align:left;  color:#777; font-weight:400; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;  }
.submenuBox .submenu .mnu_level3:hover {color: #3763F6; font-weight:500; }
.submenuBox .submenu .mnu_level3 .soldout {display:inline-block; padding: 2px 5px; background-color: #aaa; color:#fff;}
.submenuBox .submenu .mnu_level3 span { vertical-align: middle;}
.submenuBox .submenu .mnu_level3 img { vertical-align: middle;}

/*전체메뉴*/
#allmenuBox {width:100%; position:absolute;left:0px;top:53px; display:none; z-index:999999; height:420px;  background-color: #fff; 	padding:26px;	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);	border-radius:10px; 	font-size:14px; font-weight:300;}
#allmenuBox:after{content:""; clear:both; display:block; }
#allmenuBox ul {float:left; width:12.5%; margin:0;  padding-bottom:20px; border:0px solid #f00;}
#allmenuBox li { color:#777; padding:2px 5px 2px 0px; background-color: #fff; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
#allmenuBox li:hover {color:#3763F6; font-weight:400;}
#allmenuBox .tit { font-weight:600; letter-spacing:0px; color:#222; text-align:left;  padding-bottom:4px; }
#allmenuBox .tit:hover { color:#3763F6;}






/*모바일 메뉴 ************************/
#m_navi {display:none; height:60px; padding-top:10px; border-bottom:1px solid #ccc;}
.m_navi_box {display:flex; justify-content:space-between;  }
#m_navi_1 {width:50px; padding-top:10px;  padding-left:17px;  }
#m_navi_2 { width:calc(100% - 100px); text-align:center;}
#m_navi_3 {width:50px; text-align:right;padding-top:8px; padding-right:17px; }

#m_navi_2 img {height:38px;}


#m_mask { position:fixed ; z-index:100;  left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color: #222; opacity:0.5; display:none; }

#m_mnuBox { position:fixed ; z-index:101; top:0px; left:0; width:0px; height:100%; overflow:hidden; background-color: #fff;  border-right:0px solid #ccc; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding:0px;} 

#m_memBox { position:fixed ; z-index:102; top:0px; right:0; width:0px; height:100%; overflow:hidden; background-color: #fff;  border-left:0px solid #ccc; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding:0px;} 

/*왼*/
.m_close { height:60px; padding:18px 10px 0px 10px; text-align: right}

.m_menu3 { margin-top:0px;}
.m_menu3 .m_menu { display:inline-block; text-align:left; padding: 18px 5px; font-weight: 600; width:100%; border-top:1px solid #ddd; cursor:pointer; font-size:15px}
.m_menu3 .m_subBox { display:none;  justify-content:flex-start;  flex-wrap:wrap;}
.m_menu3 .m_subBox li {padding:3px 15px; color:#555; font-size:13px; width:48%;  text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}


/*오른*/
.m_menu0 { margin:20px 10px 0 10px; text-align:center; }
.m_login {background-color: #222; color:#fff;height:42px; line-height:42px;}
.m_menu0 .txt1 {padding:10px 0; text-align:center; }
.m_menu0 .txt2 {padding:18px 0 0 5px; text-align:left; font-size:11px; color:#aaa; }

/*
.m_menu1 {display:flex;  justify-content:flex-start;  flex-wrap:wrap;  margin:0px 10px 10px 10px;}
.m_menu1 li { text-align:center; width:50%; border-top:1px solid #ccc;  border-left:1px solid #ccc; height:45px; line-height:45px;}
.m_menu1 li a {font-size:13px; color:#222;}
.m_menu1 li:nth-child(2n) {  border-right:1px solid #ccc;}
.m_menu1 li:nth-child(3), .m_menu1 li:nth-child(4) {  border-bottom:1px solid #ccc;}
.m_menu1 li img {margin-right:10px; vertical-align: middle;}
.m_menu1 li span {vertical-align: middle;}
*/
.m_menu2 { display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between; padding:10px 5px; margin:0 10px;   border-bottom:1px solid #ddd; }
.m_menu2 div { width:100%; cursor:pointer;  padding:3px 0px; }
.m_menu2 div .txt1 {display:inline-block; width:50%; }
.m_menu2 div .txt2 {display:inline-block; width:50%; text-align:right;}

.m_menu4 { padding:10px 5px; margin: 0 10px;}
.m_menu4 div { width:100%; cursor:pointer;  padding:3px 0px;}

.m_menu5 {display:flex;  justify-content:space-between; margin:20px 20px; }
.m_menu5 li { text-align:center; width:33%;}



@media screen and (max-width: 800px) {

	#top1 {display:none;}
	#top2 {display:none;}
	#top3 {display:none;}

	#m_navi {display:block; }
}



#main_top { 
	position:fixed; bottom:20px; right:20px; display:inline-block; background-color: rgba(0, 0, 0, 0.0); width:45px; height:45px; line-height:45px; border-radius:50%; 
	text-align:center; cursor:pointer; z-index:1000; 
	display:none;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#main_top:hover { background-color: rgba(0, 0, 0, 0.0);}


@media screen and (max-width: 800px) {
	#main_top { bottom:11px; right:11px; width:48px; height:48px; line-height:48px; }
}


/* 팝업창 마스크(공통사용) */
#popup_mask { display:none; position:fixed ; z-index:100;  left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color: #222; opacity:0.5;  }



/*회원메뉴*/
.myBox_w { display:flex; justify-content:space-between; flex-wrap:wrap; padding:30px 20px 27px 20px;}
.myBox_w > .item_box { width:calc(50% - 10px);  border-radius:8px; border:1px solid #E4E4E4; padding:20px;  display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between;}
.myBox_w > .item_box .left1 { width:17.9%; background-color:#fff; }
.myBox_w > .item_box .left1 .img_box {width:100%; height: 0;	 padding-bottom: 100%;   position:relative; }
.myBox_w > .item_box .left1 .img {position:absolute; top:0; left:0;width:100%; height:100%;  border:1px solid #e3e7ec; border-radius:50%; background-size:cover ; background-position: center center;  background-repeat: no-repeat ;  }
.myBox_w > .item_box .left2 { width:28%; text-align:center; color:#000; font-weight:500; font-size:1.2em;background-color: #fff ; padding-top:10px; }
.myBox_w > .item_box .left2 .btn_profile {display:inline-block; font-size:13px; padding:2px 13px;  margin-top:20px ; cursor:pointer; border:1px solid #ccc; border-radius:5px;  font-weight:400; }
.myBox_w > .item_box .left2 .btn_profile span {  display:inline-block; vertical-align:middle;}
.myBox_w > .item_box .left2 .btn_profile:hover { font-weight:500; background-color: #F9FBFE; }
.myBox_w > .item_box .left3 { width:17%; text-align:center; padding-top:15px;  position:relative;  font-size:12px; font-weight:500; border-right:1px solid #eee; }
.myBox_w > .item_box .left4 { width:30%; display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between;}
.myBox_w > .item_box .left4 div { width:100%; cursor:pointer;  padding:6px 10px; font-weight:500;}
.myBox_w > .item_box .left4 div.on {color:#4286F4; font-weight:800; }
.myBox_w > .item_box .left4 div:hover {color:#4286F4;}
.myBox_w > .item_box .left4 div .txt1 {display:inline-block; width:50%; vertical-align:middle; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.myBox_w > .item_box .left4 div .txt2 {display:inline-block; width:50%; text-align:right;}

.myBox_w > .item_box .left3 #layer_com_ratio {display:none; position:absolute;top:50px; left:50%; transform: translate(-50%, 0); width:330px; height:150px;    background-size:cover ; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/com_ratio_fig_bg.svg?t=1'); }
.myBox_w > .item_box .left3 #layer_com_ratio .txt1 {position:absolute;top:35px; left:35px; color:#aaa; font-size:12px;font-weight:500;}
.myBox_w > .item_box .left3 #layer_com_ratio .txt2 {position:absolute;top:35px; right:35px; color:#aaa; font-size:12px;font-weight:500;}
.myBox_w > .item_box .left3 #layer_com_ratio .txt3 {position:absolute;top:50px; left:35px; color:#000; font-size:16px; font-weight:800;}
.myBox_w > .item_box .left3 #layer_com_ratio .txt4 {position:absolute;top:50px; right:35px; color:#000; font-size:15px; font-weight:800;}
.myBox_w > .item_box .left3 #layer_com_ratio .txt5 {position:absolute;top:77px; left:0; right:0; }
.myBox_w > .item_box .left3 #layer_com_ratio .txt5 img {width:85%;}

.myBox_w > .item_box > .right1 { width:49%;  display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between;}
.myBox_w > .item_box > .right1:nth-child(1) {border-right:1px solid #eee; padding-right:15px;}
.myBox_w > .item_box > .right1 div { width:100%; cursor:pointer;  padding:6px 10px; font-weight:500;}
.myBox_w > .item_box > .right1 div.on {color:#4286F4; font-weight:800;}
.myBox_w > .item_box > .right1 div:hover {color:#4286F4; }
.myBox_w > .item_box > .right1 div .txt1 {display:inline-block; width:50%; vertical-align:middle; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.myBox_w > .item_box > .right1 div .txt2 {display:inline-block; width:50%; text-align:right;}


.myBox_m { display:none;  padding:35px 15px 20px 15px;}
.myBox_m > .item_box { width:100%;  display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.myBox_m > .item_box:nth-child(1) { margin-bottom:18px;}

.myBox_m > .item_box .top1_1 {width:77px;  position:relative;}
.myBox_m > .item_box .top1_1 .img_box {width:62px; height: 0;	 padding-bottom: 62px;   position:relative; }
.myBox_m > .item_box .top1_1 .img {position:absolute; top:0; left:0;width:100%; height:100%;  border:1px solid #e3e7ec; border-radius:50%; background-size:cover ; background-position: center center;  background-repeat: no-repeat ;  }
.myBox_m > .item_box .top1_1 .btn_pen {position:absolute; z-index:1; width:23px; height:23px; bottom:0; left:39px; background-size:60% ; background-position: center center;  background-repeat: no-repeat ; background-image: url('/images/svg/mypage_pen.svg'); background-color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  border-radius:50%; }
.myBox_m > .item_box .top1_2 { width:calc( 100% - 177px ); font-weight:500;  font-size:17px;  text-align:left;}
.myBox_m > .item_box .top1_2 .txt1 {font-size:16px; font-weight:800;  font-size:17px;}
.myBox_m > .item_box .top1_3 {width:100px;  text-align:right;}
.myBox_m > .item_box .top1_3 span { display:inline-block; font-size:13px; padding:5px 10px;  cursor:pointer; border:1px solid #ccc; border-radius:15px;  font-weight:400;}

.myBox_m > .item_box .top2_1 { width:calc(50% - 5px); border-radius:8px; border:1px solid #E4E4E4; padding:15px; text-align:center;  font-weight:500;}
.myBox_m > .item_box .top2_1 .txt1 {display:inline-block; width:100%;}
.myBox_m > .item_box .top2_1 .txt2 {display:inline-block; width:100%;color:#f00; }
.myBox_m > .item_box .top2_2 { width:calc(50% - 5px); border-radius:8px; border:1px solid #E4E4E4; padding:15px; text-align:center;  font-weight:500;}
.myBox_m > .item_box .top2_2 .txt1 {display:inline-block; width:100%;}
.myBox_m > .item_box .top2_2 .txt2 {display:inline-block; width:100%;color:#f00; }

.myBox2 { display:flex; justify-content:space-between; flex-wrap:wrap; padding:20px 20px; background-color:#f9fbfe; }
.myBox2 .blue {color:#4286F4}
.myBox2 .red {color:#ff6633}
.myBox2 > .item_box { width:calc( (100% - 60px) / 4 );  border-radius:8px; border:1px solid #E4E4E4; padding:12px 40px;  background-color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-bottom:0px;}
.myBox2 > .item_box div { cursor:pointer; padding:4px 0 2px 0; }
.myBox2 > .item_box div:hover {color:#4286F4;}
.myBox2 > .item_box div .on {color:#4286F4;}
.myBox2 > .item_box div .txt1 {display:inline-block; width:50%; font-weight:500; vertical-align:middle; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; line-height:1.0em;}
.myBox2 > .item_box div .txt2 {display:inline-block; width:50%; text-align:right; font-weight:500;  vertical-align:middle; line-height:1.0em;}

.order_sch_box { text-align:center; padding:45px 0;  width:100%;}
.order_sch_box .sch_group {display:inline-block; }
.order_sch_box .sch_group > input[type=text] { border:1px solid #ccc; border-radius:5px;   padding:6px; margin:5px 0; outline:0;}
.order_sch_box .sch_group > select	{ border:1px solid #ccc; border-radius:5px;  padding:6px; margin:5px 0; }
.order_sch_box .sch_group > input[type=submit] {background-color:#4286F4; border:none; color:#fff; padding:7px;  margin:5px 0; }
.order_sch_box .sch_group:nth-child(2) > input[type=text] {width:90px; margin:5px 0;  outline:0;}
.order_sch_box .sch_group:nth-child(3) > select {width:90px; margin:5px 0; }
.order_sch_box .btn_cal {width:16px; height:16px;   cursor:pointer;  }

.btn_order_box {display:flex; justify-content:space-between; flex-wrap:wrap; padding:20px 20px;  align-items:center; font-size:12px;}
.btn_order1 {display:inline-block;   cursor:pointer;  background-color:#fff; color:#4286F4; padding:5px 15px; border:1px solid #4286F4; border-radius:5px;  text-align:center;  }
.btn_order2 {display:inline-block;   cursor:pointer; background-color:#fff; color:#666; padding:5px 15px; border:1px solid #ccc; border-radius:5px;  text-align:center; }

@media screen and (max-width: 800px) {

	#myBox_w {display:none;}
	#myBox_m {display:block;}

	.myBox2 { padding:20px 15px; }
	.myBox2 > .item_box { width:calc(50% - 5px); padding:12px 10px;}
	.myBox2 > .item_box:nth-child(1) {margin-bottom:10px;  }
	.myBox2 > .item_box:nth-child(2) {margin-bottom:10px; }

	.order_sch_box {padding:20px 15px 0 15px ;}
	.order_sch_box .sch_group {display:inline-block; width:100%;  text-align:left; display:flex; justify-content:space-between;  align-items:center; flex-wrap:nowrap; }
	.order_sch_box .sch_group:nth-child(1) > select {width:49%; height:46px; font-size:14px !important;}
	.order_sch_box .sch_group:nth-child(2) > input[type=text] {width:calc(49% - 20px); height:46px;margin:5px 0 !important;  font-size:14px !important;}
	.order_sch_box .sch_group:nth-child(3) > select { height:46px;margin:5px 0 !important;  font-size:14px !important;}
	.order_sch_box .sch_group:nth-child(3) > input[type=text] {width:calc(100% - 100px); height:46px;margin:5px 0 !important;  font-size:14px !important;}
	.order_sch_box .sch_group:nth-child(4) > input[type=submit] {width:100%; height:46px;  font-size:16px !important ; margin:5px 0 !important;  }

	.btn_order_box { padding:0px 15px 20px 15px;}
	.btn_order_box .btn_order1 { width:100%;  padding:10px 15px; font-size:16px;margin:5px 0 !important; }
}


/*
#memberBox { display:flex; justify-content:start; flex-wrap:wrap;}
#memberBox .mnu { border: 1px solid #303040; border-right: none; height:45px; line-height:45px; width:10%; margin: 0px 0%; text-align:center; color: #303040; cursor:pointer;}
#memberBox .mnu:last-child {border-right: 1px solid #303040;}
#memberBox .mnu:hover {background-color:#303040;  color:#fff;}
#memberBox .on {background-color:#303040;  color:#fff;}


@media screen and (max-width: 800px) {
	#memberBox .mnu { width:20%; }
	#memberBox .mnu:nth-child(5n) {border-right: 1px solid #303040;}
	#memberBox .mnu:nth-child(1) {border-bottom:none;}
	#memberBox .mnu:nth-child(2) {border-bottom:none;}
	#memberBox .mnu:nth-child(3) {border-bottom:none;}
	#memberBox .mnu:nth-child(4) {border-bottom:none;}
	#memberBox .mnu:nth-child(5) {border-bottom:none;}
}

@media screen and (max-width: 480px) {
	#memberBox .mnu { width:50%;}
	#memberBox .mnu:nth-child(5n) {border-right: 0px solid #303040;}
	#memberBox .mnu:nth-child(2n) {border-right: 1px solid #303040;}
	#memberBox .mnu:nth-child(6) {border-bottom:none;}
	#memberBox .mnu:nth-child(7) {border-bottom:none;}
	#memberBox .mnu:nth-child(8) {border-bottom:none;}
}
*/

/*제목*/
.page_title	{ display:flex; justify-content:space-between; flex-wrap:nowrap;align-items:center; height:75px; width:100%; }
.page_title div:nth-child(1)	{ width:50%; font-size: 22px; font-weight: 600; }
.page_title div:nth-child(2)	{ text-align:right; width:50%;  font-weight: 400;}


.page_title1 { margin:50px auto 30px auto;  font-size: 22px; font-weight: 600; text-align:center;}

@media screen and (max-width: 800px) {
	.page_title div:nth-child(1) {width:100%; font-size:20px; padding-left:15px;}
	.page_title div:nth-child(2) {display:none;}
}




/*장바구니*/
#cart03 {text-align:right; padding:0 0 0 30%;   display:flex; justify-content:space-between;  font-size: 16px; font-weight: bold;}
#cart03 .c_btn01 {display:inline-block; width:24%; height:45px; line-height:45px; background-color:#4285f4; color:#FFF; text-align:center;  border:none; cursor:pointer;}
#cart03 .c_btn02 {display:inline-block; width:24%; height:45px; line-height:45px; background-color:#fff; color:#4285f4; text-align:center;  border:solid 1px #4285f4; cursor:pointer;}
#cart03 .c_btn03 {display:inline-block; width:24%; height:45px; line-height:45px; background-color:#fff; color:#222; text-align:center; border:solid 1px #222; cursor:pointer;}

#cart_btn_naver {position:relative; margin:30px 0 30px 0!important; text-align:right; background-color: #fff; margin-top:10px; display:flex; justify-content:flex-end;  flex-wrap:wrap;}

@media screen and (max-width: 800px) {
	#cart03 { padding:0 0 0 0; }
}




/* 주문페이지 */
#order_btn_box {position:relative; text-align:right; background-color: #fff; margin-top:10px; margin-bottom:50px; padding:0 0 0 42.5%; display:flex; justify-content:space-between;  font-size: 16px; font-weight: bold;}

#order_btn_box .btn22 {width:32%; height:48px; line-height:48px; border-radius:8px; font-size: 16px;  font-weight: 500; text-align: center; background-color: #343434; cursor: pointer; color:#fff; }
#order_btn_box .btn11 {width:32%; height:48px; line-height:48px; border-radius:8px; font-size: 16px;  font-weight: 500; text-align: center; background-color:  #4285F4; color:#fff; cursor: pointer;}
#order_btn_box .btn33 {width:32%; height:48px; line-height:48px; border-radius:8px; font-size: 16px;  font-weight: 500; text-align: center; border:1px solid #222; color:#222;  background-color: #fff; cursor: pointer;}

#order_btn_box .btn_canvas {display:none; width:64%;}

#layer_cart {position: fixed; top:20%; margin: 0 auto; left: 0; right: 0; width:500px; z-index:99; display:none; background-color: #fff; border:1px solid #ccc;  padding:20px;}
#layer_admin {position: fixed; top:20%; margin: 0 auto; left: 0; right: 0; width:500px; z-index:99; display:none; background-color: #fff; border:1px solid #ccc;  padding:20px;}
#layer_naver {position: fixed; top:20%; margin: 0 auto; left: 0; right: 0; width:420px; z-index:100; display:none; cursor:pointer;}

#order_btn_naver {position:relative; margin:30px 0 30px 0!important; text-align:right; background-color: #fff; margin-top:10px; padding:0 0 0 42.5%; display:flex; justify-content:space-between;  flex-wrap:wrap;}

.orderLoadBox {display: block; overflow:hidden; position:absolute; top:40%; left:0%; width:100%; z-index:100; text-align:center; } 

@media screen and (max-width: 800px) {
	#order_btn_box {text-align:center; padding-left:0; width:calc( 100% - 30px); }	

	#order_btn_box .btn22 {width:49%; height:43px; line-height:43px;}
	#order_btn_box .btn11 {width:49%; height:43px; line-height:43px;}
	#order_btn_box .btn33 {display:none;}

	#layer_cart {width:90%;}
	#layer_admin {width:90%;}
	#layer_naver {width:90%;}

	#order_btn_naver {padding-left:0; justify-content:flex-end; padding-right:10px;}
	#order_btn_naver div:nth-child(1) { width:100%; padding: 0  0px 10px 10px; text-align:right;}
	#order_btn_naver div:nth-child(2) {text-align:right;}
}

/* 주문상세페이지 */
#ord_detail_zone {position:relative; margin-bottom:50px;}
#order_tab {position:absolute; width:1220px; top:0; display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4; margin:0;background-color: #fff; z-index:10;}
#order_tab li {font-size:20px; height:60px; line-height:60px; width:25%;  color:#000; text-align: center; cursor:pointer;} 
#order_tab li.on {border-bottom:3px solid #4285F4; color:#4285F4;}
#order_tab li.tab2 {width:50%;}
.ord_detail { padding-top:60px; text-align: center;}
.ord_detail img { max-width:100%;}
@media screen and (max-width: 1219px) {
	#order_tab {width:100%;}
}

@media screen and (max-width: 800px) {
	#order_tab li {font-size:15px; height:50px; line-height:50px;}
}


/*서브탭 공통*/
.sub_tab {max-width:1220px; width:100%; top:0;  display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom: 1px solid #D4D4D4;  margin:0;background-color: #fff;}
.sub_tab li {font-size:18px; font-weight:700; height:60px; line-height:60px; width:25%;  color:#000; text-align: center; cursor:pointer;} 
.sub_tab li.on {border-bottom:2px solid #4285F4; color:#4285F4;}
.sub_tab.w50 li {width:50%;}	
.sub_tab.w33 li {width:33.3333%;}
.sub_tab.w25 li {width:25%;}
.sub_tab.w20 li {width:20%;}
.sub_tab.w16 li {width:16.6666%;}
.sub_tab.w14 li {width:14.28%;}
.sub_tab.w12 li {width:12.5%;}

@media screen and (max-width: 800px) {
	.sub_tab li {font-size:15px; font-weight:500;}
}


/*회원가입*/
/*
#mem_info_box {width:45%; color:#303040; border:1px solid #ccc;   background-color: #fff; text-align: center; margin:50px auto; padding:60px 0px;}

@media screen and (max-width: 800px) {
	#mem_info_box {width:80%;}
}

@media screen and (max-width: 480px) {
	#mem_info_box {width:90%;}
}
*/
#mem_login_box {width:40%; margin:50px auto 30px auto;}
.bnn_login {border:1px solid #ccc; width:100%; height:50px;  line-height:50px; margin:0 auto; color:#333; font-size:18px; cursor:pointer; background-repeat: no-repeat; margin-top:20px;}

@media screen and (max-width: 1219px) {
	#mem_login_admin {display:none;}
}

@media screen and (max-width: 800px) {
	#mem_login_box {width:80%;}
}

@media screen and (max-width: 480px) {
	#mem_login_box {width:90%;}
}




.btn1 { display:inline-block; width:80px; height:40px; line-height:40px; margin-right:2px; text-align: center; border:1px solid #303040;  background-color: #303040; color:#fff; cursor: pointer;}
.btn1:hover { background-color: #303040;}
.btn2 {display:inline-block;  width:80px; height:40px; line-height:40px; margin-right:2px; text-align: center; border:1px solid #303040; color:#303040; cursor: pointer;}
.btn2:hover { background-color: #fff;}
.btn3 {display:inline-block;  width:80px; height:40px; line-height:40px; text-align: center; border:1px solid #ddd; background-color: #ddd; cursor: pointer;}
.btn3:hover { background-color: #999;}

.btn_small {display:inline-block; padding:2px 4px; margin:2px; font-size: 11px; background-color: #3366ff; color:#fff; cursor: pointer; color:#fff; border-radius:5px;}


.memBox { border: 1px solid #ccc; padding: 30px; margin:0px auto; width:500px; border-radius:20px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

/* remote */
#remote div { border-bottom: 1px dotted #aaa; padding:5px 0; font-size: 12px;}
#remote .iconn {vertical-align: middle;}
#remote .txt {vertical-align: middle; }
#remote .txt a {color:#111; }


/*테이블, 검색 td*/
.td_tit {width:85px; padding-left:5px; text-align:left; background-color: #efefef;}
.sch_tit50 {display:inline-block; width:50px;}
.sch_tit60 {display:inline-block; width:60px;}
.sch_tit70 {display:inline-block; width:70px;}
.sch_tit80 {display:inline-block; width:80px;}
.sch_tit100 {display:inline-block; width:100px;}
.sch_sub   {text-align: right;}

.tax0	{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #aaa; padding:2px; color:#aaa;}
.tax1	{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #58aaed; padding:2px; }
.tax2	{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #9257a8; padding:2px; }
.tax3	{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #ed8c45; padding:2px; }
.tax1_on{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #58aaed; padding:2px; background-color:#58aaed; color:#fff; }
.tax2_on{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #9257a8; padding:2px; background-color:#9257a8; color:#fff; }
.tax3_on{display:inline-block; font-family:돋움; font-size: 11px; line-height:10px; border:1px solid #ed8c45; padding:2px; background-color:#ed8c45; color:#fff; }


/* 메뉴보기 */
.miniBox {display:none; position:absolute; background-color:#000000; z-index:999;}
.PreviewBox {display:none; position:absolute; border:1px solid #c2c2c2; z-index:999;}
.SiteMenu {display:none; position:absolute; top:0px; left:0px; background-color:#ffffff; z-index:999;}
.Background {display:none; position:absolute; background-color:#000000; z-index:999;}
.miniBox comment,.PreviewBox comment,.SiteMenu comment,.Background comment {display:none; z-index:999;}






:-webkit-input-placeholder {    color: #aaa;}/* 크롬 4–56 */
:-moz-placeholder { color: #aaa;   opacity:  1;}/* 파이어폭스 4–18 */
::-moz-placeholder {   color: #aaa;   opacity:  1;}/* 파이어폭스 19–50 */
:-ms-input-placeholder {    color:  #aaa;}/* 인터넷 익스플로러 10+ */
::placeholder {    color: #aaa;   opacity:  1;}/* 파이어폭스 51+, 크롬 57+ */


/*테이블스타일-입력폼*/
.tbl_form { border-top:2px solid #555; border-bottom:2px solid #555; background-color: #fff; word-break: break-all; border-collapse: collapse; }
.tbl_form td {padding:10px 10px; border:1px solid #ccc;line-height:1.2em;}
.tbl_form td:first-child { border-left:none;}
.tbl_form td:last-child { border-right:none;}
.tbl_form .td_tit {width:100px; padding:12px 10px; text-align:left; background-color: #efefef;}
.tbl_form .td_tit span {color:#0066cc}

/*테이블스타일-리스트형*/
.tbl_list { border-top:2px solid #555; background-color: #fff; word-break: break-all; border-collapse: collapse;  }
.tbl_list th {padding:10px 3px; border:1px solid #ccc; font-weight: bold; color:#222 !important; background-color: #efefef; text-align:center !important; line-height:1.2em;}
.tbl_list th:first-child { border-left:none;}
.tbl_list th:last-child { border-right:none;}
.tbl_list td {padding:7px 3px; border:1px solid #ccc;line-height:1.2em;}
.tbl_list td:first-child { border-left:none;}
.tbl_list td:last-child { border-right:none;}
.tbl_list td.right { text-align:right !important;}
.tbl_list td.left { text-align:left !important;}
.tbl_list td.center { text-align:center !important;}
.tbl_list th.right { text-align:right !important;}
.tbl_list th.left { text-align:left !important;}
.tbl_list th.center { text-align:center !important;}



/*테이블스타일-달력*/
#minical {display:none; position:fixed; width:226px; top:50%; left:50%; transform: translate(-50%, -50%); z-index:200;}
.tbl_cal { border-top:0px solid #555; background-color: #fff; margin:5px;}
.tbl_cal th {padding:10px 3px; border:0px solid #ddd; font-weight: 500; color:#222 !important; background-color: #efefef; text-align:center !important; line-height:1.2em;}
.tbl_cal td {padding:7px 3px; border:0px solid #ddd;line-height:1.2em;}


/* 상품주문창 하단 금액설명*/
#desc_calc {background-color: #f0f0f0; padding:10px; width:100%; max-width:1220px; margin:20px auto; border:1px dotted blue; font-weight:300;}
#desc_calc .price {font-size: 14px;  font-weight:500; display:inline-block; padding-left:5px; padding-right:20px;}


/* 오픈페이지 타이틀*/
.subpage_tit {color:#fff; text-align: center; font-size: 18px; font-weight: bold; padding:10px 0; background-color:#303040; margin-bottom:20px;}

/* 눈오는 이벤트 */
.snowflake {
position: absolute;
width: 10px;
height: 10px;
background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */
border-radius: 50%;
filter: drop-shadow(0 0 10px white);
}



/*메인상품 배너*/
.main_prd_tit1 {font-size:22px; margin:59px auto 30px auto; color:#000; font-weight:600; text-align:center;  }
.main_prd_tit2 {font-size:22px; margin:70px auto 30px auto; color:#000; font-weight:600; text-align:center;  }
.main_prd_tit3 {font-size:26px; padding:100px 0 70px 0; color:#000; font-weight:500; text-align:center; line-height:1.3em; }
.main_prd_tit3 span  {font-size:18px;  font-weight:400;  color:#9196a1; }
.main_prd_tit3_1 {font-size:26px; padding:70px 0 40px 0; font-weight:500; color:#000;  text-align:center; line-height:1.3em; }
.main_prd_tit3_1 span {font-size:18px;  font-weight:400;  color:#9196a1; }
@media screen and (max-width: 800px) {
	.main_prd_tit1 {margin:45px auto 20px auto;  }
	.main_prd_tit2 {margin:60px auto 10px auto;  }
	.main_prd_tit3 {padding:40px 0 50px 0;  font-size:18px;  font-weight:700; }
	.main_prd_tit3 span {font-size:12px;  font-weight:500;}
	.main_prd_tit3_1 {font-size:18px; padding:50px 0 40px 0; font-weight:700; }
	.main_prd_tit3_1 span {font-size:12px;  font-weight:500;  }
}



/* 신규 작업 */
/* 공지사항, 아이콘 */

.mn1_box {width:100%; max-width:1220px; display:flex; justify-content:space-between; flex-wrap:wrap;  margin:57px auto 0px auto; }
.mn1_box .item2 { width:10%;  margin:0;  cursor:pointer; text-align:center; }
.mn1_box .item2 > .icon { width:52%; aspect-ratio:1;  border-radius:20px; background-color:#f5f6f7;  background-size:80%;  background-position: center center;  background-repeat: no-repeat; margin:0 auto; }
.mn1_box .item2 > .tit {color:#000; text-align:center;  margin-top:10px;  font-size:15px;  font-weight:400;   }


.mn_prd_tit2 {font-size:22px; font-weight:600; line-height:20px; padding:0 0 13px 0; color:#000;  text-align:left;  position:relative;}
.mn_prd_tit2 > .icon {display:inline-block; border-radius:0.25rem; padding:5px 6px;  background-color:#2656F6; color:#fff; font-size:11px; font-weight:500; line-height:1.0em; vertical-align:middle; margin-left:10px; margin-top:-1px;}
.mn_prd_tit2 > .icon.green {background-color:#00BD2F;}
.mn_prd_tit2 > .icon.red {background-color:#FF0000;}
.mn_prd_tit2 > .icon.blue {background-color:#E1EDFF; color:#2656F6; }
.mn_prd_tit2_1 {font-size:22px; padding:0 0 13px 0; color:#000; font-weight:600; text-align:left;  position:relative;}


.mn2_box { width:100%;  max-width:1220px;  overflow: hidden; margin:0 auto;margin-top:50px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.mn2_box > .left {width:60%; display:flex; justify-content:space-between; flex-wrap:wrap;  margin-bottom:10px; }
.mn2_box > .left .mn2_box_left { }

.mn2_box > .left .mn2_box_left { width:100%; max-width:1220px;  overflow: hidden; margin:0 auto;padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.mn2_box > .left .mn2_box_left .box1 { width:31%; line-height:1.2em; margin-bottom:50px; text-align:center;  position:relative; }
.mn2_box > .left .mn2_box_left .box1 .title {font-size:16px; margin-top:15px; font-weight:600; color:#000; text-align:left;  text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.mn2_box > .left .mn2_box_left .box1 .desc {font-size:15px; margin-top:6px; font-weight:400; color:#000; text-align:left;  text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.mn2_box > .left .mn2_box_left .box1 > .icon {vertical-align: middle;padding-left:10px; display:inline-block;}


.mn2_box > .left .mn2_box_left .box1 .img_yes {width:100%; aspect-ratio:1; background-color: #efefef !important; background-size:cover !important; border-radius:8px; background-position: center center !important;  background-repeat: no-repeat !important;  }
.mn2_box > .left .mn2_box_left .box1 .img_no {width:100%;  aspect-ratio:1; background-color: #efefef !important; } /*공백칸*/
.mn2_box > .left .mn2_box_left .box1 .img_yes:hover {opacity:0.7; }
.mn2_box > .left .mn2_box_left .box1 .price {margin-top:10px; text-align:left; letter-spacing: 0; font-size:15px;}
.mn2_box > .left .mn2_box_left .box1 .txt_sale {display:inline-block; padding-right:10px; font-weight: 600; color:#4285f4; }
.mn2_box > .left .mn2_box_left .box1 .txt_price {display:inline-block; padding-right:10px; font-weight: 600; color:#000; }
.mn2_box > .left .mn2_box_left .box1 .txt_price_org {display:inline-block;  color:#cacaca; text-decoration: line-through; }

.mn2_box > .right { width: calc( 40% - 50px );}
.mn2_box > .right .icon_plus {position:absolute; right:0; top:3px; font-size:15px;  font-weight:400; color:#aaa; }
.mn2_box > .right .icon_plus span {}
.mn2_box > .right .icon_plus span.on {color:#000; text-decoration:underline; font-weight:500;}
.mn2_box > .right .box2_tab {cursor:pointer;}


.mn2_box > .right  .box2 { border-radius:8px; border:1px solid #E4E4E4; padding:22px 20px; margin-top:2px; margin-bottom:10px; }
.mn2_box > .right  .box2 > .list { padding:8px 0; position:relative;  display:flex; justify-content:space-between; align-items: center; }
.mn2_box > .right  .box2 > .list div:nth-child(1) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:70%;font-size:16px;  font-weight:400;}
.mn2_box > .right  .box2 > .list div:nth-child(2) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:29%; text-align:right; font-size:14px; font-weight:300; }
.mn2_box > .right  .box2 > .list a {color:#000;   }
/*.mn2_box > .right  .box2 > .tit {color:#000; font-weight: bold; margin-bottom:10px; position:relative; font-size:20px; } 
.mn2_box > .right  .box2 > .tit a {color:#000; }*/
.mn2_box > .right  .box2 > .list .icon {display:inline-block; border-radius:15px; color:#fff; background-color:#4285f4;  text-align:center; font-size:12px; font-weight:300; margin-right:5px; line-height:1.0em; padding:5px 12px 4px 12px; vertical-align: top;}

.mn2_box > .right  .btn_more {display:inline-block; border-radius:8px; border:1px solid #E4E4E4; color:#222;   font-size:16px; font-weight:600; padding:17px 20px;width:100%;  text-align:center; line-height:1.0em; cursor:pointer;}
.mn2_box > .right  .btn_more:hover {color:#969Ba7;}
.mn2_box > .right  .btn_more img { vertical-align:top; margin-top:2px; margin-left:5px; height:12px;}
.mn2_box > .right  .btn_more:hover img { content: url('/images/svg/main_right_arrow_on.svg');}
@media screen and (max-width: 800px) {


	.mn_prd_tit2.wrap_center {width: calc( 100% - 30px ) !important;}
	.mn_prd_tit2 { font-size:15px;  margin-top:0px; width: calc( 100% );}
	.mn_prd_tit2.mn_prd_tit2_1 { margin-top:5px !important;}
	.mn_prd_tit2.mn_prd_tit2_2 { margin-top:0px !important;}
	.mn_prd_tit2.mn_prd_tit2_3 { width:100% !important; text-align:center !important;  font-size:20px; font-weight:600; border-top:8px solid #F5F6F7; padding-top:50px;}

	.mn1_box {width: calc( 100% - 30px ); margin:15px auto 0px auto;  }
	.mn1_box .item2 { width:21%; margin-bottom:10px; margin-top:8px;}
	.mn1_box .item2 > .icon { width:80%;  background-size:70%; }

	.mn1_box .item2 > .tit {font-size:12px; }

	.mn2_box {margin-top:0px;}
	.mn2_box > .left { order:2; width: calc( 100% - 30px ); margin:0 auto;}
	.mn2_box > .right { order:1;  width: calc( 100% - 30px ); margin:50px auto 0 auto;}
	.mn2_box > .left .mn2_box_left .box1 { width:48%; }
	.mn2_box > .right .icon_plus {font-size:12px; top:2px; }
	.mn2_box > .right  .btn_more { margin-bottom:50px;}
}



/* 하단 배너 2개*/
.mn_bnn_txt { width:100%; max-width:1220px;  overflow: hidden; margin:20px auto 50px auto;  display:flex; justify-content:space-between; flex-wrap:wrap;}
.mn_bnn_txt > .item { width:20%; cursor:pointer;  border-right: 1px solid #eee; padding: 5px; }
.mn_bnn_txt > .item:last-child { border-right:none;}
.mn_bnn_txt > .item > span:nth-child(1) {display:block;font-size:37px; font-weight:700; }
.mn_bnn_txt > .item > span:nth-child(2) {display:block;font-size:16px; font-weight:400; color:#aaa; }
.mn_bnn_txt > .item .counter {display:inline-block !important; width:25px;}

@media screen and (max-width: 800px) {
	.mn_bnn_txt { width:calc( 100% - 90px ); }
	.mn_bnn_txt > .item { width:50%; margin-bottom:10px; }
	.mn_bnn_txt > .item:nth-child(1n) { border-right:none; }
	.mn_bnn_txt > .item:nth-child(2n) { border-right:none; padding-left:30px;}

	.mn_bnn_txt > .item > span:nth-child(1) {font-size:28px;}
	.mn_bnn_txt > .item > span:nth-child(2) {font-size:12px;}
}


.mn_bnn1 { width:100%; max-width:1220px;  margin:30px auto 60px auto; border-radius:8px; text-align:center; height:90px; background-size:cover; background-position: center center;  background-repeat: no-repeat;  cursor:pointer; background-color: #d3ede6; }
.mn_bnn2 { width:100%; max-width:1220px;  margin:30px auto 50px auto; border-radius:8px; text-align:center; height:90px; background-size:cover; background-position: center center;  background-repeat: no-repeat;  cursor:pointer; background-color: #efefef; }

@media screen and (max-width: 800px) {

	.mn_bnn1 {height:260px; border-radius:0px;  margin:0px auto 0px auto;}
	.mn_bnn2 { display:none; }
}



/* 신규 작업 */





/* 공지사항, 아이콘 */

.step2_box { width:100%; max-width:1220px;  overflow: hidden; margin:0 auto;margin-top:50px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.step2_box > .left { width:48.7%; border-radius:8px; border:1px solid #E4E4E4; padding:25px 20px;  margin-bottom:11px; }
.step2_box > .left > .list { padding:4px 0; position:relative; font-size:16px;  display:flex; justify-content:space-between; }
.step2_box > .left > .list div:nth-child(1) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:78%;}
.step2_box > .left > .list div:nth-child(2) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:21%; text-align:right;}
.step2_box > .left > .list a {color:#000; }
.step2_box > .left > .tit {color:#000; font-weight: bold; margin-bottom:10px; position:relative; font-size:20px; } 
.step2_box > .left > .tit a {color:#000; }
.step2_box > .left > .mn_prd_tit2 .icon_plus {position:absolute; right:0; top:0;}
.step2_box .icon {display:inline-block; border-radius:10px; color:#fff; background-color:#4285f4;  text-align:center; font-size:11px; margin-right:5px; line-height:1.0em; padding:5px 12px 4px 12px; vertical-align: middle;}


.step2_box > .right {width:48.7%; display:flex; justify-content:space-between; flex-wrap:wrap;  margin-bottom:10px; }
.step2_box > .right .item2 { width:23.5%;  margin:0;  border-radius:8px; border:1px solid #E4E4E4; color:#000; padding:13px 0; text-align:center; cursor:pointer; margin-bottom:11px; line-height:1.0em;}
.step2_box > .right .item2 img {padding-bottom:9px;  width:35%;}

.step2_box > .right .item2:nth-child(5) { margin-bottom:0px;}
.step2_box > .right .item2:nth-child(6) { margin-bottom:0px;}
.step2_box > .right .item2:nth-child(7) { margin-bottom:0px;}
.step2_box > .right .item2:nth-child(8) { margin-bottom:0px;}


@media screen and (max-width: 800px) {
	.step2_box { padding:15px; margin-top:0px;}
	.step2_box > .left { width:100% }
	.step2_box > .left > .list {font-size:12px; }
	.step2_box .icon {font-size:10px; }

	.step2_box > .right { width:100%;  margin-bottom:0px; }
	.step2_box > .right .item2 { padding:10px 0 13px 0;font-size:12px; }
	.step2_box > .right .item2 img {padding-bottom:2px;}
}



/*베스트 상품*/

.step5_box { width:100%; max-width:1220px;  overflow: hidden; margin:0 auto;padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.step5_box .title {font-size:16px; margin-top:15px; font-weight:600; color:#000; text-align:left;  text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.step5_box .desc {font-size:15px; margin-top:8px; font-weight:400; color:#000; text-align:left;  text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.step5_box .icon {vertical-align: middle;padding-left:10px; display:inline-block;}

.step5_mnu { width:18.4%; line-height:1.2em; margin-bottom:50px; text-align:center;  position:relative; }
.step5_mnu .img_box {width:100%; height: 0;	 padding-bottom: 100%;   position:relative;}
.step5_mnu .img_yes {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #efefef !important; background-size:cover !important; border-radius:8px; background-position: center center !important;  background-repeat: no-repeat !important;  }
.step5_mnu .img_no {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #efefef !important; } /*공백칸*/
.step5_mnu .img_yes:hover {opacity:0.7; }
.step5_mnu .price {margin-top:10px; text-align:left; letter-spacing: 0; font-size:15px;}
.step5_mnu .txt_sale {display:inline-block; padding-right:10px; font-weight: 600; color:#4285f4; }
.step5_mnu .txt_price {display:inline-block; padding-right:10px; font-weight: 600; color:#000; }
.step5_mnu .txt_price_org {display:inline-block;  color:#cacaca; text-decoration: line-through; }

@media screen and (max-width: 800px) {
	.step5_box { padding:15px;}
	.step5_box .title {font-size:13px; font-weight: normal; }
	.step5_box .desc {font-size:11px; font-weight: normal; margin-top:4px;}
	.step5_mnu .price {margin-top:6px; }
	.step5_mnu { width:48%; }
	.step5_mnu .txt_sale {padding-right:5px; }
	.step5_mnu .txt_price {padding-right:5px; }

}
/*
.prd_mnu {display:flex;  justify-content:center; margin:0px auto 50px auto; padding-top:10px;}
.prd_mnu .item { width:90px; text-align:center; padding: 0px 0; font-size: 15px; cursor:pointer; color:#aaa; vertical-align: middle;  position:relative; }
.prd_mnu .item:hover {  color:#000;  font-weight: bold;}
.prd_mnu .item.on {  color:#000; font-weight: bold; }
.prd_mnu .item.on:before {
 position:absolute; 
 content: '';
	top:0;
	width:20px; 
	height:20px;
	margin-left:-23px; 
	background-image: url('/images/new/main_check.png');
	 background-size:cover ;   background-position: center center ;  background-repeat: no-repeat ; 
}

@media screen and (max-width: 800px) {
	.prd_mnu {margin:0px auto 20px auto; }

}

.prd_item {display:none;}
*/


/* 하단 배너 2개*/
.step8_box { width:100%; max-width:1220px;  overflow: hidden; margin:30px auto 50px auto; padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.step8_mnu { width:48.7%; cursor:pointer;  }
.step8_mnu .img_box {width:100%; height: 0;	 padding-bottom: 40%;   position:relative;}
.step8_mnu .img_yes {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #efefef ; background-size:cover ; border-radius:8px; background-position: center center ;  background-repeat: no-repeat ;  }
.step8_mnu img {width:100%; }

@media screen and (max-width: 800px) {
	.step8_box { padding:15px; margin:0px auto 0px auto;}
	.step8_mnu { width:100%;  margin-bottom:30px; }
}




/* 상품중간페이지 */
.step3_box { width:100%; max-width:1220px; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.step3_mnu {  display:inline-block; width:22%; line-height:1.2em;  margin-bottom:56px; margin-right:4%; text-align:center;}
.step3_mnu:nth-child(4n) { margin-right:0;}
.step3_mnu a, .step3_mnu a:hover {text-decoration: none;}
.step3_mnu .img_box { width:100%; height: 0;	 padding-bottom: 100%; position:relative; margin-bottom:20px;}
.step3_mnu .img_yes {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #efefef;  border-radius:8px; background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  cursor:pointer; }
.step3_mnu .img_no {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #efefef !important; } /*공백칸*/

.step3_mnu .img_yes:hover:after {
	
	content: '클릭하세요';
	color:#000;
	font-size:30px;
	position: absolute;
	left: 0;
	top: 0;
	width:100%; 
	height:100%;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.7);
	padding-top:45%;
}



.step3_mnu .title {font-size: 18px; font-weight: bold; line-height:1.5em; color:#000;  text-align:left; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.step3_mnu .title .icon_new {  display:inline-block; width:37px; height:17px; background-color: #ff5c5c; color:#fff; font-size:10px; font-weight:700; border-radius: 10px 10px 10px 0; text-align:center; vertical-align:top;  padding-top:1px; padding-bottom:1px; line-height:1.5em;}
.step3_mnu .desc { color:#000;text-align:left; 	overflow:hidden; margin-top:20px; height:35px; line-height:1.3em;
	text-overflow:ellipsis; 
    display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    white-space:normal;}
.step3_mnu .sold_out {overflow:hidden; white-space: nowrap; height:40px; color:#f00; }
.step3_mnu .price {font-size: 18px; color:#0066ff; text-align:left;  line-height:1.1em; margin-top:10px;}


.step3_mnu .link {color:#A5A5A5; margin-top:30px;  text-align:left; text-decoration: underline;}
.step3_mnu:hover .link {color:#000; }

@media screen and (max-width: 800px) {
	.step3_box { padding:15px;}
	.step3_mnu { width:48%; }
	.step3_mnu:nth-child(2n) { margin-right:0;}
	.step3_mnu .title {font-size: 18px; letter-spacing: -1px;}
}



/* 나의 reviw 작성*/
.my_review_info_box { display:flex; justify-content:space-between; flex-wrap:wrap; background-color: #F5F7FA; padding:20px 50px; margin-top:20px;}
.my_review_info_box > .item_box { padding:10px 10px; font-size:16; font-weight:700; }
.my_review_info_box > .item_box span { color: #4286F4; }

@media screen and (max-width: 800px) {
	.my_review_info_box {padding:10px 10px;  }
	.my_review_info_box > .item_box {padding:4px 10px; text-align:center; font-size: 12px; font-weight:400;}
	.my_review_info_box > .item_box:nth-child(1) {width:100%;  font-size: 15px;  font-weight:600;}
	.my_review_info_box > .item_box:nth-child(2) {width:30%;}
	.my_review_info_box > .item_box:nth-child(3) {width:30%;}
	.my_review_info_box > .item_box:nth-child(4) {width:40%;}
}

#my_review_form {display:none;overflow:hidden; padding: 30px 20px; position:fixed;  top:50%; left:50%; transform: translate(-50%, -50%); width:95%; max-width:500px;  background:#fff; z-index:9999; border-radius:8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
#my_review_form .btn_close {position:absolute; top: 20px; right:15px;}
#my_review_form .btn_close img {cursor:pointer;}
#my_review_form form > .txt1 {color:#000; font-size:22px; font-weight:800; text-align:center; margin-top:40px;}
#my_review_form form > .score {color:#ffcc00; font-size:1.5em; text-align:center; margin-top:14px;}
#my_review_form form > .txt2 {color:#aaa; font-size:12px; text-align:center;  margin-top:0px; letter-spacing:-1px;}
#my_review_form form .txt3 {color:#000; font-weight:600; text-align:left; margin-top:10px;}
#my_review_form form > textarea {border:1px solid #ddd; border-radius:8px; background-color:#FAFAFC; padding:15px; outline:0; resize: none;}
#my_review_form form > .txt4 {color:#003C98; text-align:center; margin:10px 0; border:1px solid #ddd; background-color:#F7FAFF; padding:10px; font-size:12px;}

#my_review_form form #reply_zone {margin-top:20px;}
#my_review_form form #reply_zone .reply {border:1px solid #ddd; border-radius:8px; background-color:#FAFAFC; padding:15px; outline:0;}

#my_review_form .input_radio_star { display: inline-block; position: relative; cursor:pointer; width:40px; height:40px; padding:0;  background-size:cover;   background-position: center center;  background-repeat: no-repeat; background-image:url('/images/svg/review_star.svg'); }
#my_review_form .input_radio_star.on {background-image:url('/images/svg/review_star_on.svg');}
#my_review_form .input_radio_star input { position: absolute; opacity: 0; }

#my_review_form .layer_btn {display:flex; justify-content:space-between; margin-top:20px;}
#my_review_form .review_btn2 {display:inline-block; background-color:#4286F4; border-radius:8px; padding:12px 5px; color:#fff; font-size:13px;  line-height:1.0em;  cursor:pointer;  text-align: center; height:36px; font-weight:700; width:136px;}
#my_review_form .review_btn3 {display:inline-block; border:1px solid #4286F4; border-radius:8px; padding:10px 10px; color:#4286F4; font-size:13px;  line-height:1.0em;  cursor:pointer;  text-align: center; height:36px; font-weight:700;}


.file_zone {
    display: block;
    width: 100%;
	margin:20px auto;
}
.file_zone .file_list {
	display:flex; justify-content:space-between;
}
.file_zone .file_list .filebox { width:19%; text-align:center; position:relative;}

.file_zone .file_list .filebox .fn { width:100%; font-size: 12px; display: inline-block;  color: blue; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.file_zone .file_list .filebox .preview_box {width:100%; height: 0;	 padding-bottom: 100%;   position:relative; background-color:#FAFAFC;}
.file_zone .file_list .filebox .preview {position:absolute; top:0; left:0;width:100%; height:100%;  border:1px solid #e3e7ec; background-size:50%; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_camera.svg'); }
.file_zone .file_list .filebox .delete {position:absolute; top:1px; right:1px; z-index:1;    color: #ff5353;	cursor:pointer; font-size:12px; background-color:#fff; }


.my_review_list_box {width:100%; margin:0 auto;}
.my_review_nodata {padding:50px 0;  text-align:center;}
.my_review_data { border-bottom: 1px solid #eee;  padding:30px 0px;  display:flex; justify-content:flex-start; flex-wrap:wrap; align-items: center;  }
.my_review_data .td1 { width:120px; }
.my_review_data .td1 .goods_thumb_box  {width:100%; height: 0;	 padding-bottom: 100%;   position:relative; background-color:#FAFAFC;}
.my_review_data .td1 .goods_thumb {position:absolute; top:0; left:0;width:100%; height:100%; background-size:contain; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_blank.svg'); }

.my_review_data .td2 {text-align:left; padding-left:20px; width: calc( 100% - 120px - 150px - 150px - 224px - 136px )}
.my_review_data .td2 > .txt1 {}
.my_review_data .td2 > .txt2 { font-weight:bold; color:#000; font-size:16px; padding:10px 0;}
.my_review_data .td2 > .txt3 {color:#aaa; font-size:12px; margin-bottom:5px;}
.my_review_data .td2 > .txt4 {color:#aaa; font-size:12px; 
	text-overflow:ellipsis; overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    line-height:1.3em;
	word-break:keep-all;
}
.my_review_data .td3 { width:150px; text-align:center; }
.my_review_data .td4 { width:150px; text-align:center; color:red;}
.my_review_data .td5 { width:184px; margin:0 20px; text-align:center; }
.my_review_data .td6 { width:136px;text-align:right; }
.my_review_data .review_btn1 {display:inline-block; border:1px solid red; border-radius:20px; padding:12px 10px; color:red;  font-size:13px; line-height:1.0em;  text-align: center; height:36px; font-weight:700;  width:184px;}
.my_review_data .review_btn1_1 {display:inline-block; background: #ddedfb; border-radius:20px; padding:12px 10px; color:#4286F4;  font-size:13px; line-height:1.0em;  text-align: center; height:36px; font-weight:700; width:184px;}
.my_review_data .review_btn2 {display:inline-block; background-color:#4286F4; border-radius:8px; padding:12px 5px; color:#fff; font-size:13px;  line-height:1.0em;  cursor:pointer;  text-align: center; height:36px; font-weight:700; width:100%;}

@media screen and (max-width: 800px) {
	.my_review_data {align-items:flex-start; width: calc( 100% - 30px ); margin:0 auto;}
	.my_review_data .td2 {text-align:left; padding-left:20px; width: calc( 100% - 220px )}
	.my_review_data .td3 {width:100px; text-align:right;}
	.my_review_data .td4 {width:100%; text-align:right;  margin-top:-90px; font-size:12px;}
	.my_review_data .td5 {display:none;}
	.my_review_data .td6 { width:100%; text-align:center; margin-top:10px;}
	.my_review_data .review_btn2 {border-radius:5px; }
}



/* 상품-리뷰보기 */
.review_list_box {width:100%; margin:0 auto;    background-color:#F9FBFE;}

.review_list_box2 {width:90%; max-width:845px; margin:0 auto;padding:65px 0; }
.review_list_box2 .review_tit { text-align: center; font-size:35px; font-weight:400; margin:0 0 0px 0;}
.review_list_box2 .review_tit_sub { text-align: center; font-size:14px; font-weight:400; margin:0px 0;}
.review_list_box2 .review_info { width:100%; display:flex; justify-content:space-between; align-items: center;  flex-wrap:wrap; margin-top:52px; }
.review_list_box2 .review_info > .item_box3 {  margin:0 0px; display:flex; justify-content:flex-start;  align-items: center;  flex-wrap:wrap; border:0px solid red;}
.review_list_box2 .review_info > .item_box3:nth-child(1) {width:160px; }
.review_list_box2 .review_info > .item_box3:nth-child(2) {width:160px; }
.review_list_box2 .review_info > .item_box3:nth-child(3) {width:195px; }
.review_list_box2 .review_info > .item_box3 .icon img {width:47px; margin-right:13px;}

.review_list_box2 .review_info > .item_box3 .txt_group {width:calc(100% - 60px); display:flex; justify-content:center; flex-wrap:wrap;  border:0px solid blue;}
.review_list_box2 .review_info > .item_box3 .txt_group .tit1 { order: 1; width:100%; color:#000; text-align:left; padding: 3px 0 0  1px}
.review_list_box2 .review_info > .item_box3 .txt_group .number { order: 2; width:100%; font-size:27px; font-weight:700; text-align:left; letter-spacing:-1px; margin-top:-2px;}
.review_list_box2 .review_info > .item_box3 .txt_group .number1 {color:#AAB1BC}

.review_list_box2  .review_info_photo {width:100%;  display:flex; justify-content:space-between; flex-wrap:wrap; background-color:#F9FBFE; margin-top:62px; }
.review_list_box2  .review_info_photo .photo_item { width:14.3%;  }
.review_list_box2  .review_info_photo .photo_item .preview {aspect-ratio:1;  width:100%; background-size:50%; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_blank.svg');  background-color:#FAFAFC;  border:1px solid #FAFAFC; position:relative;}
.review_list_box2  .review_info_photo .photo_item:last-child .preview:after {
	font-size:18px; 
	content : "더보기";
	position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);
	width:100%; 
	height:100%;
	color:#fff;
	align-items: center; 
	display:flex;
	justify-content: center;
}

.review_opt {margin:30px 0 15px 5px; text-align:left; }
.review_opt span { display:inline-block; padding:0px 3px;  cursor:pointer;  font-size:18px; font-weight:500; color:#999999;}
.review_opt span.on {color:#2656F6; font-weight:700;}
.review_opt span:nth-child(1).on {color:#000;}
.review_opt span:nth-child(1) img {width:18px; margin-top:-3px; margin-right:3px;}
.review_opt span:nth-child(2) img {width:15px; margin-top:-2px; margin-right:3px;}
.review_opt span:nth-child(3) img {width:15px; margin-top:-2px;  margin-right:3px;}
.review_opt span:nth-child(1).on img {content: url('/images/svg/review_sort_0_on.svg');}
.review_opt span:nth-child(2).on img {content: url('/images/svg/review_sort_1_on.svg?t=1');}
.review_opt span:nth-child(3).on img {content: url('/images/svg/review_sort_1_on.svg?t=1');}

@media screen and (max-width: 800px) {

	.review_list_box2 { padding:30px 0; }
	.review_list_box2 .review_tit {font-size:24px; }
	.review_list_box2 .review_tit_sub { margin-top:10px; }
	.review_list_box2 .review_info { justify-content:center;margin:10px 0;}
	.review_list_box2 .review_info > .item_box3 { margin:0px auto !important; }
	.review_list_box2 .review_info > .item_box3:nth-child(1)  {width:100%;}
	.review_list_box2 .review_info > .item_box3:nth-child(2) {display:none;}
	.review_list_box2 .review_info > .item_box3:nth-child(3) {display:none;}
	.review_list_box2 .review_info > .item_box3 .icon {width:100%;}
	.review_list_box2 .review_info > .item_box3 .icon img {width:50px  !important; margin-right:7px !important; }
	.review_list_box2 .review_info > .item_box3 .txt_group {text-align:center; width:100%;}
	.review_list_box2 .review_info > .item_box3 .txt_group .tit1 { text-align:center;}
	.review_list_box2 .review_info > .item_box3 .txt_group .number { font-size:20px; text-align:center; }

	.review_list_box2  .review_info_photo {margin-top:30px;}
	.review_list_box2  .review_info_photo .photo_item {width:23%; }
	.review_list_box2  .review_info_photo .photo_item:nth-child(5) {display:none;}
	.review_list_box2  .review_info_photo .photo_item:nth-child(6) {display:none;}
	.review_list_box2  .review_info_photo .photo_item:nth-child(4) .preview:after {
		font-size:12px; 
		content : "더보기";
		position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
		background-color: rgba(0, 0, 0, 0.5);
		width:100%; 
		height:100%;
		color:#fff;
		align-items: center; 
		display:flex;
		justify-content: center;
	}
	.review_opt {text-align:center; }
	.review_opt span {  font-size:16px; margin:0 3px;}
}


/* review_list,  */
.review_nodata {padding:50px 0; border-top: 1px solid #eee; }

.review_data { display:flex; justify-content:space-between; flex-wrap:wrap;   border: 1px solid #eee;  border-radius:8px; padding:30px; position:relative;  margin:10px auto;}
.review_data_box1 { width:65%;  } 
.review_data_box2 { width:90px;}

.review_data .img_zone {width:100%; border:0px solid blue; }
.review_data .img_zone  .preview {aspect-ratio:1;  width:100%; background-size:50%; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_blank.svg');  background-color:#FAFAFC;  border:1px solid #FAFAFC; cursor:pointer;  position:relative; }
.review_data .img_zone  .preview .count {font-size:16px; font-weight:700;color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.review_data .score_zone { width:100%; padding-left:30px;  font-size:16px; position:relative; height:40px; margin-bottom:10px; border:0px solid red; background-color:#fff; } 
.review_data .score_zone .score_user {position:absolute; left:0;  display: inline-block; width:40px; height:40px; border-radius:50%; margin-right:5px; }
.review_data .score_zone .score_star {position:absolute; left:50px; top:0; color:#000; font-weight:700;}
.review_data .score_zone .tit {position:absolute; left:50px; top:17px; font-size:12px; color:#aaa; margin-top:5px; font-weight:400;}
.review_data .txt_zone {  width:100%; border:0px solid green; text-align:left;  }
.review_txt { width:100%; margin-top:0px;  font-size:15px; line-height:1.4em; border:0px solid blue;}
.review_txt.off {
	text-overflow:ellipsis; overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    word-break:all;
}
.review_data .txt_zone .reply {margin-top:10px; background-color:#F9FBFE; border-radius:8px; padding:15px; }

.review_data .txt_zone .item_name {display:inline-block; font-size:12px; padding:5px 20px 0 20px; height:26px; font-weight:700; border-radius:0.25rem; background-color:#ddedfb; color:#3366ff; margin:20px 5px 0 0;}
.review_data .txt_zone .item_name.green  {background-color:#EAE9F8; color:#6058F0;}
.review_data .txt_zone .txt_more {color:#000; margin-top:8px; font-size:13px; cursor:pointer; display:none; }
.review_data .txt_zone .txt_more:hover { text-decoration:underline;}
.review_data .txt_zone .txt_more img {width:14px;}



/*리뷰 프로필 공통 메인, 상품상세*/
.my_profile { position:relative; border:0px solid red;}
.my_profile > .profile {width:100%; aspect-ratio:1;  border:1px solid #e3e7ec; border-radius:50%; background-size:cover ; background-position: center center;  background-repeat: no-repeat ;  background-image:url('/images/svg/mypage_person.svg');}
.my_profile > .com_grade { position:absolute; bottom:0; right:0; z-index:1; width:30%;  font-size:0 ; }
.my_profile > .com_grade > img {width:100%;  vertical-align:top !important;}


@media screen and (max-width: 800px) {
	.review_data { width: calc( 100% - 30px); padding:20px;}
	.review_data_box1 { width:calc( 100% - 65px)  } 
	.review_data_box2 { width:55px;}
}




/* 이미지 클릭시 */
#layer_review_mask {position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:17;}
#layer_review_box { padding:0px; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:95%; max-width:1200px;  height:calc( 650px + 0px ); z-index:100; overflow-y: auto; text-align:left;}
#layer_review_box .btn_zone { position:relative; height:40px;}
#layer_review_box .btn_zone .btn_total {position:absolute; top:7px; left:5%; padding-left:3px; color:#fff; width:150px;border:0px solid green; cursor:pointer; font-size:15px; }
#layer_review_box .btn_zone .btn_close {position:absolute; top:0; right:5%; width:30px; border:0px solid green; cursor:pointer;}


/* 리뷰상세*/
#review_data_detail {height:600px;  border:0px solid red;}
.review_data_detail {display:flex; justify-content:space-between; flex-wrap:wrap;  position:relative; overflow:hidden; height:100%;}
.review_data_detail .review_data_box0 { width:90%; height:100%; display:flex; justify-content:space-between; flex-wrap:wrap;   border: 0px solid red; }
.review_data_detail .review_data_box1 { width:55%; height:100%; border:0px solid blue; background-color:#ccc;  } 
.review_data_detail .review_data_box2 { width:45%; height:100%; padding:25px; border:0px solid green; margin:0 auto;   background-color:#fff; overflow-y:auto;}
.review_data_detail .review_data_box_left { width:5%;  position:relative; } 
.review_data_detail .review_data_box_left svg { position:absolute; top:50%;  transform: translateY(-50%); cursor:pointer; }
.review_data_detail .review_data_box_right { width:5%;  position:relative; }
.review_data_detail .review_data_box_right svg { position:absolute; top:50%;  transform: translateY(-50%);  cursor:pointer; }

.review_data_detail .review_data_box1  .preview { width:100%;  height:100%; background-size:contain !important; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_blank.svg'); background-color:#FAFAFC;  border:0px solid #FAFAFC; }

.review_data_detail  .score_zone { width:100%; padding-left:30px;  font-size:16px; position:relative; height:40px; margin:20px 0 20px 0; border:0px solid red; background-color:#fff; } 
.review_data_detail  .score_zone .score_user {position:absolute; left:0;  display: inline-block; width:40px; height:40px; border-radius:50%; margin-right:5px; }
.review_data_detail  .score_zone .score_star {position:absolute; left:50px; top:0; color:#000; font-weight:700;}
.review_data_detail  .score_zone .tit {position:absolute; left:50px; top:17px; font-size:12px; color:#aaa; margin-top:5px; font-weight:400;}

.review_data_detail  .txt_zone {  width:100%; border:0px solid green; text-align:left;  }
.review_data_detail  .txt_zone .txt { width:100%; margin-top:0px;  font-size:15px;  }
.review_data_detail  .txt_zone .reply {margin-top:10px; background-color:#F9FBFE; border-radius:8px; padding:15px; }
.review_data_detail  .txt_zone .item_name {display:inline-block; font-size:12px; padding:5px 20px 0 20px; height:26px; font-weight:700; border-radius:0.25rem; background-color:#ddedfb; color:#3366ff; margin:20px 5px 0 0;}
.review_data_detail  .txt_zone .item_name.green  {background-color:#EAE9F8; color:#6058F0;}

.review_data_detail .preview_thumb_box { border:0px solid blue; margin-top:20px;}
.review_data_detail .preview_thumb_box .preview_thumb {display:inline-block; cursor:pointer; aspect-ratio:1;  width:17%; background-size:contain  !important; background-position: center center;  background-repeat: no-repeat ;  background-color:#FAFAFC;  border:1px solid #efefef; margin-right:5px;  }

/* 사진리뷰 목록*/
#review_data_photo_list {width:90%; margin:0 auto; height:600px;  background-color:#fff; padding:20px;  overflow-y:auto; }
.review_data_photo_list {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items: flex-start;   position:relative;  border:0px solid blue;}
.review_data_photo_list  .preview {aspect-ratio:1;  width:14.3%; margin-right:2.84%; margin-bottom:10px; background-size:cover; background-position: center center;  background-repeat: no-repeat ; background-image:url('/images/svg/review_blank.svg'); background-color:#FAFAFC;  border:1px solid #FAFAFC; cursor:pointer; }
.review_data_photo_list  .preview:nth-child(6n) {margin-right:0;}

@media screen and (max-width: 800px) {
	#layer_review_box {  height: 90% ; }
	#layer_review_box .btn_zone {height:35px;}
	#layer_review_box .btn_zone .btn_total {left:7% }
	#layer_review_box .btn_zone .btn_close {right:7%; width:20px; }	

	#review_data_detail {height:100%;  border:0px solid red;}
	.review_data_detail .review_data_box0 { width:86%; }
	.review_data_detail .review_data_box1 { width:100%; height:300px; }
	.review_data_detail .review_data_box2 { width:100%; }
	.review_data_detail .review_data_box_left { width:7%; }
	.review_data_detail .review_data_box_right { width:7%; }

	.review_data_photo_list  .preview {width:23%; margin-right:2.6%; }
	.review_data_photo_list  .preview:nth-child(6n) {margin-right:2.6%;}
	.review_data_photo_list  .preview:nth-child(4n) {margin-right:0;}
}