@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


/*
@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:'Noto Sans KR', sans-serif !important;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 !important;color; }
}


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;

}

*{-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; color:#222!important; 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;}

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





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


#footer .box1 {padding:0px;   background-color: #ebebeb; }
#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; display:flex; justify-content:flex-start;}
#footer .box1 .box1_inner .box1_1 li {font-size:1.0em;  padding:0px 35px 0px 0px; text-align:left; }
#footer .box1 .box1_inner .box1_1 li a {color:#9a9a9a;}

#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; background-color: #fff; margin:0 24px 0 0; width:30px; height:30px; padding-top:3px; border-radius:15px;   text-align: center; cursor:pointer; }
#footer .box1 .box1_inner .box1_2 select { background-color: #fff; border:1px solid #d9d9d9; color:#5b5b5b; font-size:0.9em !important;  padding:3px 7px !important;  vertical-align: middle; margin:0 0 0 20px; outline:0;}

#footer .box2 { padding:41px 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:1.0em; color:#888;}
#footer .box2 .footer3 { width:310px; padding-top:10px; text-align:left; letter-spacing: 0px;}

#footer .box2 .footer2 .txt1 { font-size:1.6em !important; color:#5b5b5b; font-weight: bold; margin-bottom:17px;}
#footer .box2 .footer2 p { line-height:1.6em; margin:0; }
#footer .box2 .footer2 span {  display:inline-block; }

#footer .box2 .footer3 .txt1 { font-size:1.3em !important; color:#5b5b5b; font-weight: bold; padding:3px 0 3px 0;}
#footer .box2 .footer3 p { line-height:1.0em; margin:0 0 11px 0; color:#838383; }
#footer .box2 .footer3 .icon1 { display:inline-block; vertical-align: middle; border:1px solid #ccc; padding:3px 5px; border-radius:5px; color:#838383;}
@media screen and (max-width: 1219px) {

}

@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:5px 0 0 0; text-align:center;}
	#footer .box2 .footer2 {width:98%; margin:10px auto 0 auto;  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; margin-bottom:10px; text-align:center; }
	#footer .box2 .footer3 p { margin:0 0 6px 0; 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:70px;
	background-position: center center ;
	background-size:cover  !important;
	background-repeat: no-repeat;
	cursor:pointer;
}
@media screen and (max-width: 1220px) {
	#top0 {display:none;}
}
#top0 .btn_close {position:absolute; left:50%; top:25px; margin-left:580px; width:20px; z-index:10; padding-right:10px; }


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


.top1_inner {position:relative; font-size:0.9em;color:#000;  background-color:#f9f9f9;  padding-top:0px;  height:100%;}
.top1_inner:after{content:""; clear:both; display:block; }
.top1_inner .top1_1 {width:30%;float:left; padding-top:0px;}
.top1_inner .top1_1:after{content:""; clear:both; display:block; }
.top1_inner .top1_2 {width:70%;float:right; padding-top:0px; text-align: right;}

.top1_inner .top1_1 .icon_site {float:left; display:inline-block; width:30%; max-width:120px; height:36px; padding-top:3px; 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 .h_cont { display:inline-block; margin:0 !important; vertical-align: middle; position:relative; font-size:12px;}
.top1_inner .h_cont a {text-decoration:none;  color:#414141; }
.top1_inner .h_cont a:hover { color:#414141;}
.top1_inner .h_cont li {float:left; display:inline-block; padding:10px 5px 0px 5px;  text-align: center; color:#333;  min-width:70px; height:36px;  cursor:pointer;}
/*.top1_inner .h_cont li:last-of-type {border-right:1px solid #e4e4e4; }*/
.top1_inner .h_cont .login {width:initial; min-width: initial; border-right:none; }
.top1_inner .h_cont .btn_extra {cursor:pointer; border-radius:3px; margin:5px 5px 0 5px;padding-top:5px;  color:#000; background-color: #f2da00; height:25px;}
.top1_inner .h_cont .txt1 { display:inline-block; color:#000000; font-weight:bold;}
.top1_inner .h_cont .txt2 { display:inline-block; color:#a448d5; font-weight:bold;}
.top1_inner .h_cont .txt3 { display:inline-block; color:#ff3007; font-weight:bold;}

.top1_inner #divMypage {display:none; border:1px solid #ccc; border-top:3px solid #ff9966; width:120px; position:absolute; background:#fff;z-index:9999; padding:0px; left:0px; top:35px;}
.top1_inner .divMypage_item {padding:3px 3px;cursor:pointer;text-align:center; margin:0;}
.top1_inner .divMypage_item:hover {background-color: #616161; color:#fff;}

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

@media screen and (max-width: 800px) {
	.top1_inner .top1_1 {width:70%;}
	.top1_inner .top1_2 {display:none; width:30%;}

	.top1_inner .top1_1 img {width:90%;}

}

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


#top2 { height:130px; }
#top2:after{content:""; clear:both; display:block; }
#top2 .top2_1 {display:flex; float:left; width:30%; align-items: center; height:100%;}
#top2 .top2_2 {display:flex; float:left; width:40%; align-items: center; height:100%;  text-align: left; }
#top2 .top2_3 {display:flex; float:right; width:30%; align-items: center; height:100%;  text-align: center; justify-content:flex-end; padding-right:0px;}

#top2 .top2_1 img {max-width:318px; margin-top:-8px;}

#top2 .top2_2 .box { background-color:#fff; border:1px solid #304a9e; color:#000; width:100%; height:47px; border-radius:10px; padding:0px 0 0 20px; position: relative;}
#top2 .top2_2 .box .sch_input { border:none; width:calc(100% - 50px); height:45px; margin:0!important; padding-left:15px; color:#555; background-color:#fff; outline:0;} 
#top2 .top2_2 .box .sch_btn {position:absolute; right:10px; top:10px;}

#top2 .top2_3 #mobile_navi {display:none;width:35px; height:35px; cursor:pointer;}

#top2 .top2_3 .h_cont { display:inline-block; margin:0 !important;  }
#top2 .top2_3 .h_cont a {text-decoration:none; color:#555;}
#top2 .top2_3 .h_cont a:hover { color:#0066cc;}
#top2 .top2_3 .h_cont li {float:left; padding:0px 0px 0px 25px;  color:#555; border:0px solid #f00}
#top2 .top2_3 .h_cont li:nth-child(1) {border-left:none; }

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

}

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

	#top2 {border-bottom:solid #eee 1px; height:80px;}

	#top2 .top2_1 {float:left; display:none;}
	#top2 .top2_2 {float:left; width:calc(95% - 50px); padding: 0 10px;}
	#top2 .top2_3 { float:right; width:50px; padding-right:5px; text-align:right;}

	#top2 .top2_1  img {width:100%;}

	#top2 .top2_2 .box { height:40px;}
	#top2 .top2_2 .box .sch_input {height:36px;  width:calc(100% - 40px);}
	#top2 .top2_2 .box .sch_btn {right:0px; top:5px;}

}

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

/*메인메뉴*/


#menuBox_w {position: relative;  height:50px;  border:0px solid red;} 

#menuBox {position: relative; padding:0px 0 0px 190px; width:1220px; height:100%;}
#menuBox:after{content:""; clear:both; display:block; }
#menuBox .mainmenu { float:left;cursor:pointer; color:#000;  width:12.5%;  padding-top:15px; height:100%; text-align:center; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
#menuBox .mainmenu:hover {   color:#f42800;}
#menuBox .mainmenu font {pointer-events:none;}

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

#menuAll {position:absolute; top:0px; left:0px; border-left:solid #eee 1px; border-right:solid #eee 1px; width:190px; height:100%; z-index:99; cursor:pointer; color:#666;}
#menuAll #all_img { display:inline-block; width:40px; height:100%; padding-top:15px; text-align:center; vertical-align: middle;pointer-events:none;}
#menuAll #all_img:hover {background-color: #efefef;}
#menuAll #all_txt { display:inline-block; width:calc(100% - 45px); text-align:center; vertical-align: middle;pointer-events:none;} 



.submenuBox {
    position:absolute; 
    left:0px;
    top:50px;
   background: #FFF;
    z-index:99999;
    border:solid 1px #ccc;
	padding:0px;
	font-size:14px;
	/*box-shadow: 0px 3px 5px #ccc; */
	  display: none;
	  flex-direction: column;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	  align-content: flex-start;
	height: 561px;
	width:170px;
	 text-align:left; 
}

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

.submenuBox .submenu {  
	flex: 0 0 0;
	padding: 10px 10px  20px 10px; 
	width:168px; 
	border-bottom:0px solid #fff;
 }

.submenuBox .submenu .mnu_level2 {color:#222; font-weight: bold; border-bottom:1px solid #ccc; padding:4px 5px; margin-bottom: 5px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.submenuBox .submenu .mnu_level2:hover {color:#0066cc;}
.submenuBox .submenu .mnu_level3 { padding:2px 5px; color:#888; font-weight:normal; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;  }
.submenuBox .submenu .mnu_level3:hover {color: #0066cc; }
.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:50px; height:560px; display:none; z-index:9999;  background-color: #fff; border:solid 1px #ccc; }

#allmenuBox .level1_box {width:200px;  height:100%; margin:0;  padding:0; border-right:solid 1px #ddd;}
#allmenuBox .level1_box > .level1_tit {position:relative; color:#191919; padding:10px 20px; 	font-size:13px; background-color: #fff; cursor:pointer;}
#allmenuBox .level1_box > .level1_tit.on {background-color: #f5f5f5; color:#1f3f99; background-repeat: no-repeat; background-position: 180px center ; background-image: url('/images/new/mnu_arrow.png'); }


#allmenuBox .level2_box {position:absolute; display:none;  z-index:1; width:200px; left:201px; top:0; height:100%; background-color: #fff; border-right:solid 1px #ccc;}
#allmenuBox .level2_box > .level2_tit {position:relative; color:#191919; padding:10px 20px; 	font-size:13px; background-color: #fff;  cursor:pointer;}
#allmenuBox .level2_box > .level2_tit.on {background-color: #f5f5f5; color:#1f3f99;  background-repeat: no-repeat; background-position: 180px center ; background-image: url('/images/new/mnu_arrow.png'); }

#allmenuBox .level3_box {position:absolute; display:none; z-index:2; width:200px; left:201px; top:0; height:100%; background-color: #fff; border-right:solid 1px #ccc;}
#allmenuBox .level3_box > .level3_tit { color:#191919; padding:10px 20px; 	font-size:13px; background-color: #fff;  cursor:pointer;}
#allmenuBox .level3_box > .level3_tit:hover {background-color: #f5f5f5; color:#1f3f99;  }


#allmenuBox .level1_bnn {position:absolute; display:none; z-index:3; right:10px; top:55px;}
#allmenuBox .level1_bnn div:nth-child(2) {font-size: 12px;line-height:1.0em; margin-top:80px;}
#allmenuBox .level1_bnn div:nth-child(3) {font-size: 15px; font-weight: bold;line-height:1.0em; margin-top:20px;}
#allmenuBox .level1_bnn div:nth-child(3) a { color:#000!important;}

/*모바일 메뉴 ************************/
#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; text-align:center; padding-top:5px; }
#m_navi_2 { width:calc(100% - 100px); text-align:center;}
#m_navi_3 {width:50px; text-align:center; padding-top:5px; }

#m_navi_2 img {height:40px;}


#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:1px 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:1px solid #ccc; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; padding:0px;} 

/*왼*/
.m_menu4 { padding:15px 10px 0 10px;}
.m_menu4 .box { border-bottom:2px solid #222;  width:100%; height:40px; padding:0px 0 0 0px; position: relative;}
.m_menu4 .box .sch_input { border:none; width:calc(100% - 40px); height:38px; margin:0!important; padding-left:15px; color:#555; } 
.m_menu4 .box .sch_btn {position:absolute; right:7px; top:10px;}

.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; text-align:center; }
.m_login {background-color: #0099cc; color:#fff;height:45px; line-height:45px;}
.m_menu0 .txt1 {padding-bottom:10px;}

.m_menu1 {display:flex;  justify-content:space-between; margin:20px 20px; }
.m_menu1 li { text-align:center; width:33%;}
.m_menu1 .circle {display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50%; background-color: #efefef;}

.m_menu2 { margin-top:20px;}
.m_menu2 li {display:inline-block; text-align:left; padding: 10px 15px;  width:100%; border-top:1px solid #ddd; cursor:pointer;}


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

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

	#m_navi {display:block; }
}



/*가이드*/
.guide_box { background-color: #f3f4f8; width:100%;}
.guide { width:100%; max-width:1220px;  overflow: hidden; margin:0px auto 0 auto;padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}


.guide .item2 { position:relative; width:20%;  margin:30px 0; padding-left:10px; color:#000; font-size:18px;  text-align:left; }
.guide .item2 .circle1 {background-color: #fff; width:90px; height:90px; line-height:90px; border-radius:45px; text-align:center;}
.guide .item2 .txt1 {position:absolute; left:110px; top:15px; font-size:16px; font-weight: 500; }
.guide .item2 .txt2 {position:absolute; left:110px; top:40px; font-size:13px; color:#999;}



@media screen and (max-width: 800px) {
	.guide .item2 { margin:10px 0; }
	.guide .item2 { position:relative; width:50%; }
	.guide .item2:nth-child(4) {display:none;}
}





/*메인상품 배너*/
.main_prd_tit {font-size:24px; margin:100px auto 35px auto; color:#000; font-weight:400; text-align:center;  }


.step6_box { width:100%; max-width:1220px;  overflow: hidden; margin:0 auto;padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}

.step6_mnu { width:23%; line-height:1.2em; margin-bottom:30px; text-align:left;  position:relative; }
.step6_mnu .title {font-size:16px; padding:20px 0 0 0px; font-weight:600; color:#2D2D2D;   }
.step6_mnu .desc {font-size:11px; padding:10px 0 0 0px; color:#aaa; text-align:left; line-height:1.4em;}
.step6_mnu .icon {position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; background-color: #aaa; z-index:10; border-radius: 0 0 10px 0; color:#fff;}
.step6_mnu .icon.icon1 { background-color: #0082ff; }
.step6_mnu .icon.icon2 { background-color: #ff6b69; }
.step6_mnu .wish {position:absolute; bottom:10px; right:10px; width:30px; height:30px; text-align:center; z-index:10; border-radius: 5px; background-color: #fff;  background-size: 18px 18px;  background-repeat: no-repeat; background-position: center; background-image: url('/images/svg/icon_clip.svg');}

.step6_mnu .wish.on {background-image: url('/images/svg/icon_clip_red.svg');}
.step6_mnu .wish.off {background-image: url('/images/svg/icon_clip.svg');}

.step6_mnu .price { margin-top:7px;}
.step6_mnu .price1 {font-size:14px; color:#555555; font-weight: 600;}
.step6_mnu .price1 a {color:#000;}
.step6_mnu .price2 {font-size:13px; color:#999;}
.step6_mnu .tag {font-size:12px; color:#383f45; font-weight: 400; margin-top:15px;}

.step6_mnu .img_box_pre { position:relative; }
.step6_mnu .img_yes { width:100%;  aspect-ratio:1;  background-color: #efefef !important; background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }
.step6_mnu .img_no { width:100%;  aspect-ratio:1; background-color: #efefef !important; } /*공백칸*/
/*.step6_mnu .img_yes:hover {opacity:0.7; }*/


@media screen and (max-width: 800px) {
	.step6_box { padding:15px;}
	.step6_mnu { width:48%; }
	.step6_mnu .desc {display:none; }
}

.main_btn_more {margin:50px auto 0 auto; border:1px solid #ddd; border-radius:10px; max-width:450px; width:70%; height:50px; line-height:50px; text-align: center; color:#666;}


/* 한줄 3개짜리*/
.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_mnu { width:32%; line-height:1.2em; margin-bottom:30px; text-align:left;  position:relative; }
.step5_mnu .title {font-size:16px; padding:20px 0 0 0px; font-weight:600; color:#2D2D2D;   }
.step5_mnu .desc {font-size:11px; padding:10px 0 0 0px; color:#aaaaaa; text-align:left; line-height:1.4em;}
.step5_mnu .icon {position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; background-color: #aaa; z-index:10; border-radius: 0 0 10px 0; color:#fff;}
.step5_mnu .icon.icon1 { background-color: #0082ff; }
.step5_mnu .icon.icon2 { background-color: #ff6b69; }
.step5_mnu .wish {position:absolute; bottom:10px; right:10px; width:30px; height:30px; text-align:center; z-index:10; border-radius: 5px; background-color: #fff;  background-size: 18px 18px;  background-repeat: no-repeat; background-position: center; background-image: url('/images/svg/icon_clip.svg');}

.step5_mnu .wish.on {background-image: url('/images/svg/icon_clip_red.svg');}
.step5_mnu .wish.off {background-image: url('/images/svg/icon_clip.svg');}

.step5_mnu .price { margin-top:7px;}
.step5_mnu .price1 {font-size:14px; color:#555555; font-weight: 600;}
.step5_mnu .price1 a {color:#000;}
.step5_mnu .price2 {font-size:13px; color:#999;}
.step5_mnu .tag {font-size:12px; color:#383f45; font-weight: 400; margin-top:15px;}

.step5_mnu .img_box_pre { position:relative; }
.step5_mnu .img_yes { width:100%;  aspect-ratio:1;  background-color: #efefef !important; background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }
.step5_mnu .img_no { width:100%;  aspect-ratio:1; background-color: #efefef !important; } /*공백칸*/


@media screen and (max-width: 800px) {
	.step5_box { padding:15px;}
/*	.step5_mnu { width:48%; }*/
	.step5_mnu .desc {display:none; }
}

/*
#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; 
    -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; }
}

*/


/*회원메뉴*/
#memberBox { display:flex; justify-content:start; flex-wrap:wrap;}
#memberBox .mnu { border: 1px solid #F24E1C; border-right: none;   padding:15px 3px; width:16.6%; margin: 0px 0%; text-align:center; color: #F24E1C; cursor:pointer;}
#memberBox .mnu:last-child {border-right: 1px solid #F24E1C;}
#memberBox .mnu:hover {background-color:#F24E1C;  color:#fff;}
#memberBox .on {background-color:#F24E1C;  color:#fff;}


@media screen and (max-width: 800px) {
	#memberBox .mnu { width:33.3%;  padding:10px 3px;}
	#memberBox .mnu:nth-child(3n) {border-right: 1px solid #F24E1C;}
	#memberBox .mnu:nth-child(1) {border-bottom:none;}
	#memberBox .mnu:nth-child(2) {border-bottom:none;}
	#memberBox .mnu:nth-child(3) {border-bottom:none;}
}

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

}


/*제목*/
.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 0;   display:flex; justify-content:space-between;  font-size: 16px; font-weight: bold;}
#cart03 .c_btn01 {display:inline-block; width:22.4%; margin:0 0%; height:68px; line-height:68px; background-color:#f42800; color:#FFF; font-size:22px; text-align:center; vertical-align:middle; border:none; cursor:pointer;}
#cart03 .c_btn02 {display:inline-block; width:22.4%; margin:0 0%; height:68px; line-height:68px; background-color:#fff; color:#f42800; font-size:22px; text-align:center; vertical-align:middle; border:solid 1px #f42800; cursor:pointer;}
#cart03 .c_btn03 {display:inline-block; width:22.4%; margin:0 0%; height:68px; line-height:68px; background-color:#fff; color:#222; font-size:22px; text-align:center; vertical-align:middle; 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 .c_btn01 { height:50px; line-height:50px; font-size:16px; }
	#cart03 .c_btn02 { height:50px; line-height:50px; font-size:16px; }
	#cart03 .c_btn03 { height:50px; line-height:50px; font-size:16px; }
}




/* 주문페이지 */
#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 .btn22:hover {border:1px solid #00adee;  background-color: #00adee; color:#fff; }
#order_btn_box .btn22:hover  img { content: url('/images/svg/order_btn_icon1_on.svg');}
*/
#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;}
#layer_wish {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;}

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


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

}



/* 주문상세페이지 */
#ord_detail_zone {position:relative; margin:50px 0;}
#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;}
#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;}
.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;}
}




/*회원가입*/
#mem_info_box {width:45%; color:#E95519; 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%;}
}



.btn1 { display:inline-block; min-width:80px; padding:5px 10px; margin:2px; text-align: center; border:1px solid #E95519;  background-color: #E95519; color:#fff; cursor: pointer;}
.btn1:hover { background-color: #E95519;}
.btn2 {display:inline-block;  min-width:80px; padding:5px 10px; margin:2px; text-align: center; border:1px solid #E95519; color:#E95519; cursor: pointer;}
.btn2:hover { background-color: #fff;}
.btn3 {display:inline-block;  min-width:80px; padding:5px 10px; margin:2px; 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;}

.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; }
.tax_round {border-radius:10px; padding:2px 5px;}

/* 메뉴보기 */
.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;}




/*sub - common - pager*/
.pager {margin-top: 20px; margin-bottom: 10px; font-size: 0; line-height: 0; text-align: center;}
.pager a{display: inline-block; width: 30px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; border: 1px solid #d9d9da; background-size: 100% 100%; background-repeat: no-repeat; color: #898d90;}
.pager a+a{border-left: 0;}
.pager a.active {font-weight: 600; border-bottom: 1px solid #000; color: #000;}
.pager a.btn_prev_first {background-image: url('/images/html/prev_01.png');}
.pager a.btn_prev {background-image: url('/images/html/prev_02.png');}
.pager a.btn_next {background-image: url('/images/html/next_01.png');}
.pager a.btn_next_last {background-image: url('/images/html/next_02.png');}
.pager a:hover {color: #ed1b24;}





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


/* 상품주문창 하단 금액설명*/
#desc_calc {background-color: #f0f0f0; padding:10px; width:100%; max-width:1220px; margin:20px auto; border:1px dotted blue}
#desc_calc .price {font-size: 20px; font-weight: bold; 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:#73add0; margin-bottom:20px;}


/* 팝업창 마스크(공통사용) */
#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;  }