/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*
@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');
}
*/
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(/common/fonts/NotoSansKR-Black.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(/common/fonts/NotoSansKR-Bold.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(/common/fonts/NotoSansKR-Medium.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(/common/fonts/NotoSansKR-Regular.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(/common/fonts/NotoSansKR-Light.otf); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(/common/fonts/NotoSansKR-Thin.otf); }

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

body {
height: 100%;
}

html{
    width: 100%;
	/*margin:0 auto;*/
    height: 100%;
    overflow-y: scroll;

	  /* ios 뷰포인트에 따라 폰트크기 자동조절 방지 */
	 -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	 -moz-text-size-adjust: none; /*Firefox*/
	 -ms-text-size-adjust: none;  /*Ie*/
	 -o-text-size-adjust: none; /*old versions of Opera*/
}

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


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





:-ms-input-placeholder { color: #aaa; } /*Internet Explorer 10 이상에 적용*/
::-webkit-input-placeholder { color: #aaa; } /* Webkit, Blink, Edge에 적용 */
::-moz-placeholder { color: #aaa; }	/* Mozilla Firefox에 적용 */

body,th,td { font-size:14px !important; line-height:1.5em; font-family:'Noto Sans KR', sans-serif  !important; color:#555 !important; font-weight: 400; letter-spacing: 0px;}

@media screen and (max-width: 800px) {
	body,th,td {font-size:13px !important;line-height:1.5em; font-family:'Apple Sandoll Gothic Neo', sans-serif; }
	textarea {  font-family:'Noto Sans KR', sans-serif  !important;}
}


input, textarea { font-size: 14px; margin:2px 0; padding:3px 0; vertical-align: middle; 	line-height:1.5em; font-family:inherit;}
input[type=text] { padding:3px;  border:1px solid #ccc; height:30px; outline:0; -webkit-border-radius: 0.0rem; }
input[type=password] { padding:3px;  border:1px solid #ccc; height:30px; outline:0; -webkit-border-radius: 0.0rem;}
select	{ font-size: 14px; margin:2px 0; padding:4px 0;  vertical-align: middle; background-color: #fff;  border:1px solid #ccc; height:30px; outline:0; -webkit-border-radius: 0.0rem;}
textarea {  font-size: 14px !important;  border:1px solid #ccc;  padding:3px;  outline:0;   }

img		{ border:0; vertical-align: middle; }
form	{ display:inline;}
ul, ol, li	{ list-style:none; padding:0; margin:0; }
p		{ padding:0; margin:0; }

a:link, a:active, a:visited { color: #0066ff; text-decoration: none;}
a:hover { color: #223e81; text-decoration:underline;}




input[type=button], input[type=submit]  {min-width:60px; cursor:pointer; background-color: #ddd; border:1px solid #ccc; border-radius:0.25rem; padding:5px 10px; margin:3px 3px; font-size:13px; -webkit-appearance:none;}
input[type=button]:hover, input[type=submit]:hover {color:#fff; background-color: #aaa; border:1px solid #aaa;}
.btn_blue {background-color: #56b8b8 !important;  border:1px solid #56b8b8 !important;}
.btn_sm {min-width:20px !important;  padding:4px 3px !important; margin:3px 1px !important;  font-size: 12px !important; line-height:1.5em !important;}
.btn_xsm {min-width:20px !important;  padding:2px 2px !important; margin:2px 1px !important;  font-size: 11px !important;}

.btn_cal {width:30px !important; min-width:initial!important; height:30px; padding:4px 3px !important; margin:3px 1px !important;  background-image: url(/images/svg/icon_cal.svg); background-repeat: no-repeat; background-position: center center;}
.btn_prev {width:30px !important; min-width:initial!important; height:30px; padding:4px 3px !important; margin:3px 1px !important;  background-image: url(/images/svg/arrow_left.svg); background-repeat: no-repeat; background-position: center center;}
.btn_next {width:30px !important; min-width:initial!important; height:30px; padding:4px 3px !important; margin:3px 1px !important;  background-image: url(/images/svg/arrow_right.svg); background-repeat: no-repeat; background-position: center center;}
.btn_goods_list {width:30px !important; min-width:initial!important; height:30px; padding:4px 3px !important; margin:3px 1px !important;  background-image: url(/images/svg/icon_goods_list.svg); background-repeat: no-repeat; background-position: center center;}
.btn_goods_image {width:30px !important; min-width:initial!important; height:30px; padding:4px 3px !important; margin:3px 1px !important;  background-image: url(/images/svg/icon_goods_image.svg); background-repeat: no-repeat; background-position: center center;}

.btn_goods_list.on, .btn_goods_image.on {background-color: #aaa; border:1px solid #aaa;}

.btn_point	{display:inline-block; font-size: 11px; font-weight: 100; border-radius:0.25rem; color:#fff; background-color:#009933; height:16px;  line-height:16px; width:20px !important; text-align:center; margin:1px 0; }

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

@media screen and (max-width: 800px) {
	input[type=button], input[type=submit]  {min-width:40px;}

}


/* 페이징 ****************************/
.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 : 26px;
    margin:2px;
    border: 1px solid #ddd;
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}
.paging span.on{ background-color: #ddedfb;  cursor: default; }

@media screen and (max-width: 800px) {
	.paging span {
		width:25px;
		height : 25px;
		line-height : 25px;
		margin:1px;
		font-size: 11px;
		cursor: pointer;
	}
}


.chkbox {display:inline-block; width:15px; height:15px; border:1px solid #ddd; vertical-align: middle; margin:3px 0;}
.chkbox.checked { background-color: #0066cc;  border:1px solid #0066cc;}

h1 {font-size: 1.3em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 7px 5px;}
h2 {font-size: 1.5em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 7px 5px;}
h3 {font-size: 1.7em !important; font-weight: 500; line-height:2.0em; color:#222; padding: 7px 5px;}

/*검색box 타이틀*/ 
.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_sub   {text-align: right;}
/*.tit_gray {background-color: #efefef;}*/
/************************** 추가 항목 ***************************/


#colormap {position:fixed; z-index:999; opacity:1; color:#fff; text-align:right; right:0; }

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




/* id */
#wrap {
	width:100%;
	max-width:1200px;
	min-height: 100%;
	_height: 100%;
	 margin:0 auto;
}


#container{
	width:100%; 
	*zoom: 1; 
	padding-bottom:100px;  /* #footer 높이와 같아야 함*/

	padding-top:150px;
}
#container:after{content:""; clear:both; display:block; }


#header{	background-color: #fff; padding:0px; position:absolute; width:100%; max-width:1200px; top:0; z-index:100;  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1); height:150px; }


#footer { 
	background-color: #efefef; 
	height:100px;
	margin-top:-100px;
	text-align: left;
	padding:20px 10px 0 10px;
	font-size: 12px;
}

#footer .footer_box { 	max-width:1200px; margin:0 auto;}
#footer .frow {}
#footer .frow span {display:inline-block; margin-right:10px;}


.wrap_center {
	width:100%;
	margin:0 auto;
}



#top1 {display:flex;  align-items: center; justify-content: space-between; 	height:100px;}
#top1  > div:nth-child(1) {width:35%;padding-left:10px;}
#top1  > div:nth-child(2) {width:30%;}
#top1  > div:nth-child(3) {width:35%; text-align:right;  cursor:pointer;padding-top:30px; padding-right:5px;}
#top1  > div:nth-child(3) > span {vertical-align: middle; padding:7px 7px; color:#555}
#top1  > div:nth-child(3) > span.btn_grade1 {padding:7px 15px;}
#top1  .logo { display:inline-block; }
#top1  .logo img {height:70px; margin-right:10px; margin-right:10px;}
#top1 .mm_icon {display:none;}
#top1 .mm_txt {display:inline-block;}


#top1 .top_sch_box {  display:inline-block; background-color: #f8f8f8;  border-radius:22px; width:100%; padding:7px 20px;position: relative;}
#top1 .top_sch_box .sch_input { border:none; width:calc(100% - 50px);  margin:0!important; padding-left:10px;  background-color: #f8f8f8;outline: none;} 
#top1 .top_sch_box .sch_btn {position:absolute; right:7px; top:10px;}

@media screen and (max-width: 800px) {
	#container{ padding-top:130px; padding-bottom:140px;  /* #footer 높이와 같아야 함*/ }
	#footer { 	height:140px; margin-top:-140px;}

	.wrap_center	 {width:96%;}
	#header{position:fixed; height:130px;}
	#top1 {height:80px;}

	#top1  > div:nth-child(2) {display:none;}
	#top1  > div:nth-child(3) {padding-top:10px; width:65%;}
	#top1  > div:nth-child(3) > span {padding:7px 5px; }
	
	#top1  .logo img {height:50px;}	
	#top1 .mm_icon {display:inline-block;}
	#top1 .mm_txt {display:none;}
}


/*상단메뉴*/
#menuBox_w { position:relative; border-top: 2px solid #1d6fb8; border-bottom: 1px solid #1d6fb8;  }
.menuBox_outer { overflow:auto;}
.menuBox {  display:flex;  align-items: center; justify-content: space-between; z-index:101; flex-wrap:nowrap; }
.menuBox .mainmenu { text-align:center; height:47px;  padding:13px 0px; width:16.66%; position:relative; cursor:pointer;  white-space:nowrap; }
.menuBox .mainmenu:after {position: absolute; content: ' '; right:0; height:20px; border-right:1px solid #ccc; z-index:1;}
.menuBox .mainmenu:last-child:after {border-right:none;}
.menuBox .mainmenu.on {color:#1d6fb8; font-weight:bold; }
.menuBox .mainmenu a { color:#fff; } 
.menuBox .mainmenu.count6 {width:14.28%;}

#submenuBox_w {position: absolute; z-index:102; top:48px; width:100%; background-color: #fff; border-bottom:1px solid #f0f0f0; display:none; justify-content:space-between; flex-wrap:nowrap; box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);}
.submenuBox {padding:10px 0;   width:16.66%; }
.submenuBox:nth-child(odd) {background-color: #f8f8f8;}
.submenuBox .submenu { text-align: left; padding:5px 10px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.submenuBox .submenu  { color:#555; } 
.submenuBox .submenu:hover  { color:#3399cc; } 
.submenuBox .submenu.nolink  { color:#f00; } 
.submenuBox.count6 {width:14.28%}

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

@media screen and (max-width: 500px) {
	.menuBox {  justify-content: flex-start; }
	.menuBox .mainmenu {width:initial; padding:13px 10px; }
}




/*모바일 메뉴 ************************/
#m_navi {display:none; height:60px; padding-top:5px; background-color: #fff;  border-bottom:1px solid #ddd; position:fixed; top:0; width:100%; z-index:101;  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);}
.m_navi_box {display:flex; justify-content:space-between;  align-items: center;  }
#m_navi_2 { width:calc(100% - 50px); text-align:left; padding:0px 0 0 0px; font-size:20px; font-weight: 700; }
#m_navi_3 { width:50px; text-align:right;padding-right:10px; }

#m_navi_2 img {height:50px;}

#m_bnn {display:none;background-color: #ffcc99;}

#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:102; top:0px; right:0; width:0px; height:100%; overflow:auto; background-color: #fff;  border-left:1px solid #ddd; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; padding:0px;} 


.m_close { position: absolute; right:0px; height:60px; padding:15px 10px;}
.m_mem_info { position: absolute; left:0px; height:60px; padding:15px 10px; color:#3366ff;}

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


@media screen and (max-width: 800px) {
/*
	#top1 {display:none;}
	#menuBox_w {display:none;}
	
	#m_navi {display:block; }
	#m_bnn {display:block;}

	#container {padding-top:60px;}
*/
}




/* 왼쪽메뉴*/
.contents1 {position:relative; display:flex; justify-contentf:flex-start; flex-wrap:wrap; height:100%; }
.contents1 .left_box {width:100%; background-color: #fff; height:100%; padding:20px 0px;display:flex; justify-contentf:flex-start; flex-wrap:wrap;} /*서브메뉴 pc 안보이도록*/
.contents1 .right_box {width:100%;  position:relative; padding:20px 0 0 0px;  }

.contents1 .left_box > .leftTitle	{ width:150px; font-size:20px; text-align:left;  line-height:1.0em; color:#000; padding: 5px 0;position:relative; }
.contents1 .left_box > .leftTitle:before {
	content: ' ';
	position: absolute;
	top:37px;
	left: 0px;
	border-bottom:2px solid #000; 
	 width:36px;
	z-index:0;
}

.contents1 .left_box > .mnuBox { width: calc( 100% - 150px );  display:flex; justify-content:flex-start; flex-wrap:wrap; margin-bottom:0; padding:0px 0; border-bottom:0px solid #ccc;  }
.contents1 .left_box > .mnuBox .mnu	{  width:18.4%; margin-right:2%; margin-bottom:5px;cursor: pointer; text-align:left; padding:10px 20px; border-radius:0.25rem; background-color:#f0f0f0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.contents1 .left_box > .mnuBox .mnu:hover {background-color: #ddd; }
.contents1 .left_box > .mnuBox .mnu.on { font-weight:bold; background-color: #ddd; }
.contents1 .left_box > .mnuBox .mnu a {color:#555}
.contents1 .left_box > .mnuBox .mnu.nolink a { color:#f00; } 
.contents1 .left_box > .mnuBox .mnu:nth-child(5n) {margin-right:0;}

@media screen and (max-width: 800px) {
	.contents1 .left_box { display:flex; }
	.contents1 .left_box > .leftTitle	{ width:80px; font-size:15px; } 
	.contents1 .left_box > .leftTitle:before {top:27px; }

	.contents1 .left_box > .mnuBox { width: calc( 100% - 80px ); }
	.contents1 .left_box > .mnuBox .mnu{ width:32%; padding:6px 3px; }
	.contents1 .left_box > .mnuBox .mnu:nth-child(3n) {margin-right:0;}
	.contents1 .left_box > .mnuBox .mnu:nth-child(5n) {margin-right:2%;}
}




/*테이블스타일-리스트형*/

.tbl_list {  border-top:2px solid #555; background-color: #fff;  word-break: break-all; border-collapse: collapse !important; }
.tbl_list th {padding:10px 3px; border:1px solid #ddd; background-color: #f0f0f0; 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:10px 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;}

/*테이블스타일-입력폼*/
.tbl_form { border-top:2px solid #555; border-bottom:2px solid #555; background-color: #fff; word-break: break-all;  }
.tbl_form td {padding:10px 10px; border:1px solid #ddd;line-height:1.2em; font-size:14px; text-align:left;}
.tbl_form td:first-child { border-left:none;}
.tbl_form td:last-child { border-right:none;}
.tbl_form .td_tit {width:110px; text-align:left; background-color: #efefef;}
.tbl_form .td_tit span {color: #3399cc}
.tbl_form td.right { text-align:right !important;}
.tbl_form td.left { text-align:left !important;}
.tbl_form td.center { text-align:center !important;}
.tbl_form th.right { text-align:right !important;}
.tbl_form th.left { text-align:left !important;}
.tbl_form th.center { text-align:center !important;}

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

	.tbl_form .td_tit {width:80px; padding:10px 5px;}
}




/* 회원로그인 */
.mem_login_box {width:40%; max-width:400px; margin:100px auto 30px auto; border:1px solid #ddd; text-align: center; padding:30px 30px; border-radius:0.25rem; }
.mem_login_box .input1 {padding:10px; text-align: left; width:80%; height:45px!important; padding-left:10px!important;border-radius:0.25rem; font-size: 16px; }
.mem_login_box .btn1 { display:inline-block; background-color: #3e96d3; color:#fff; padding:15px 15px; margin:20px 0px; cursor: pointer; border-radius:6px; text-align: center; font-size: 16px; border:none; width:80%;}
@media screen and (max-width: 800px) {
	.mem_login_box {width:80%;}
}

@media screen and (max-width: 480px) {
	.mem_login_box {width:95%; padding:15px 15px;}
}


/* 페이지번호 노출 좌,우*/
.list_page {display:flex; justify-content:space-between; flex-wrap:nowrap;  padding:10px 5px; width:100%;}
.list_page div:nth-child(1) {width:65%;text-align:left; vertical-align:bottom;}
.list_page div:nth-child(2) {width:35%; text-align:right;vertical-align:bottom;}


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


/* 일정표 디자인 */
.cal_tit { text-align: center; margin:10px auto;  } 
.cal_tit > span {vertical-align:middle; display:inline-block;}
.cal_tit > span:nth-child(2) { color:#1d8a8f; font-family: verdana; font-size: 50px; font-weight: bold; line-height:1.0em; padding:0 20px;}

.cal_scd {  border-top:2px solid #555; background-color: #fff;  word-break: break-all; border-collapse: collapse !important; }
.cal_scd th {padding:10px 3px; border:1px solid #ddd; background-color: #f0f0f0; text-align:center !important; line-height:1.2em;}
.cal_scd td {padding:5px 3px; border:1px solid #ccc;line-height:1.2em; vertical-align: text-top; height:100px;}
.cal_scd td .dd {font-family: verdana; margin-bottom:2px; }
.cal_scd td .dd.outer {color:#ccc; }
.cal_scd td .data {display:block;}
.cal_scd td .data_icon {display:none;}
.cal_scd td .data_icon_round {display:none;}
.cal_scd td .data_txt  {display:block;}

@media screen and (max-width: 800px) {
	.cal_scd td {height:60px;}

	.cal_tit > span:nth-child(2) { font-size:30px; }

	.cal_scd td .data {display:inline-block;}
	.cal_scd td .dd {font-size:0.8em;}
	.cal_scd td .data_icon {display:inline-block;}
	.cal_scd td .data_icon_round {display:inline-block; width:15px; height:15px; border-radius:50%; margin:2px; }
	.cal_scd td .data_txt  {display:none;}
}

.cal_scd.sm {width:100%; margin:10px auto 0 auto;}
.cal_scd.sm div {font-size:11px; text-align:left;}
.cal_scd.sm th {padding:5px 2px;}
.cal_scd.sm td {padding:2px 1px; height:40px;}
.cal_scd.sm th:first-child, .cal_scd.sm td:first-child {border-left:none;}
.cal_scd.sm th:last-child, .cal_scd.sm td:last-child {border-right:none;}
.cal_scd.sm td .dd { margin-bottom:0px; text-align:left;}
.cal_scd.sm td .btn_state { padding:2px 2px; }



/*상품상세*/

.goods_box {width:100%; max-width:850px; margin:0 auto;}

.goods_img { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:10px; }
.goods_img .left { width:40%; }

.goods_img .left .img_box {width:100%; height: 0;	 padding-bottom: 100%;   position:relative;  }
.goods_img .left .img {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #ddedfb; border-radius:0.25rem; background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }


.goods_img .right { width:58%; border:0px solid #ddd; border-radius:0.25rem; padding:0px;  position:relative; }
.goods_img .right .goods_title { font-size:20px; margin-bottom:20px; line-height: 1.2em;}
.goods_img .right .goods_title span {color: #3399cc;  display:block;}

.goods_img .right .goods_info_row {padding:10px; border-top:1px solid #eee;}
.goods_img .right .goods_info_row .tit {display:inline-block; width:80px; font-weight: bold;}
.goods_img .right .goods_info_row .price_str {color: #0066ff;  font-size:20px; font-weight:900; }

.goods_img .right .goods_info_row .goods_price {font-size:30px; font-family: verdana; font-weight: 900; color:#000; line-height:1.0em; margin-bottom:15px;}
.goods_img .right .goods_info_row .goods_price span {font-size:15px; color:#999;}

.goods_btn_box { display:flex; justify-content:center; flex-wrap:wrap; margin-top:10px; position:absolute; bottom:0;  width:100%; }
.goods_btn_box > .goods_btn { display:inline-block; width:48%; border-radius:0.25rem; height:50px; line-height:50px; text-align:center; font-size:20px; cursor:pointer}
.goods_btn_box > .goods_btn_next {margin:0 !important; padding:0; background-color: #3399cc; color:#fff; }
.goods_btn_box > .goods_btn_cart {margin:0 4% 0 0 !important; padding:0; border: 1px solid  #3399cc; color:  #3399cc; background-color:#fff; }
.goods_btn_box > .goods_btn_soldout {border: 1px solid #ccc; color:#aaa; width:50%;}


@media screen and (max-width: 800px) {
	.goods_img .left { width:100%; margin-top:-10px; margin-bottom:10px;}
	.goods_img .right { width:100%; margin-bottom:60px;}
	.goods_btn_box  {  bottom:-60px; }
}


#ord_detail_zone {position:relative; margin-top:50px;}

#order_tab {position:absolute; width:100%; top:0; display:flex; justify-content:flex-start; flex-wrap:nowrap; border-bottom: 1px solid #D4D4D4;  margin:0;background-color: #fff; z-index:50;}
#order_tab li {font-size:18px; height:50px; line-height:50px; padding: 0 30px; color:#555; text-align: center; cursor:pointer;} 
#order_tab li.on {border-bottom:3px solid #3399cc; color:#3399cc;}


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


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

.detail_box {padding:30px; min-height:400px; border-bottom:1px solid #ddd;}
.detail_box  img {max-width:100%;}

.detail_box > .tit1 {font-size:1.1em; margin:30px 0 10px 0; font-weight:bold;}
.detail_box > ol {padding:10px 0 10px 15px; }
.detail_box > ol li { list-style-type:decimal; }



/*상품리스트*/
.category_box {border: solid 1px  #3399cc; padding:20px; margin-bottom:30px; width:100%; }
.category_box span {padding:5px; margin-right:5px; display:inline-block;}
.sch_box { background-color: #efefef; padding:10px; margin-bottom:20px; width:100%; }
.sch_box > input[type=text] {width:30%;}

@media screen and (max-width: 800px) {
	.category_box {padding:10px; }
	.sch_box > input[type=text] {width:60%;}
}

#layer_cart {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%);  width:500px; z-index:99;background-color: #fff; border:1px solid #ccc;  padding:20px; display:none;}
#layer_cart .btn1 { display:inline-block; width:120px; height:40px; line-height:40px; padding:0 !important; margin-right:2px; text-align: center; border:1px solid #3399cc;  background-color: #3399cc; color:#fff; cursor: pointer; border-radius:0.25rem;}
#layer_cart .btn2 {display:inline-block;  width:120px; height:40px; line-height:40px; padding:0 !important; margin-right:2px; text-align: center; border:1px solid #3399cc; color:#3399cc; cursor: pointer;border-radius:0.25rem;}


/* 주문서 */
.order_box {}
.order_box .price {display:inline-block; width:180px; text-align:right; }
.order_box .price.amount {font-size:20px; font-weight:bold; color:#0066ff;}
.order_box .input_point {width:100px; text-align:right; }
.order_box .price_row {display:flex; justify-content:flex-start; flex-wrap:nowrap; padding:2px 0; font-size:13px;  color:#999;}
.order_box .price_row.price_row1 { font-size:14px;  color:#000; margin-bottom:5px;}	/*주문상세내역*/
.order_box .price_row .price_tit {display:inline-block; width:90px;}
.order_box .price_row .price_price {display:inline-block; width:90px; text-align:right;}
.order_box .price_won {display:inline-block; width:30px; font-size:12px; color:#ccc; padding-left:5px;}
.order_box .mem4_only {display:none;} /*포인트관련 기본값 숨김*/


.order_btn { display:block; width:30%; border-radius:0.25rem; height:50px !important; line-height:50px !important; font-size:20px !important; padding:0 !important; background-color: #3399cc !important; color:#fff; margin:20px auto !important;}

.btn_state {display:inline-block; padding:3px 5px; cursor: pointer; background-color: #aaa; color:#fff; border-radius:0.25rem; font-size: 11px; line-height:1.0em; letter-spacing: -1px; margin:1px;}

.fig_state {display:flex; justify-content:space-between; flex-wrap:nowrap; margin-bottom:20px; }
.fig_state .item {width:24%;border:1px solid #d1ebd1; height:50px;  line-height:50px; border-radius:0.25rem; text-align:center;  }
.fig_state .item.on {background-color:#d1ebd1;}




/*주문리스트*/
.item_list {display:flex; justify-content:flex-start; flex-wrap:nowrap; }
.item_list span:nth-child(1) {width:calc( 100% - 30px ); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.item_list span:nth-child(2) {width:30px; text-align:right; }


.tax0	{display:inline-block;font-size: 11px; color:#aaa; border:1px solid #aaa; padding:2px; margin:1px 0;}
.taxA	{display:inline-block;font-size: 11px; color:#aaa; border:1px solid #58aaed; padding:2px;  margin:1px 0;}
.taxB	{display:inline-block;font-size: 11px; color:#aaa; border:1px solid #8080c0; padding:2px;  margin:1px 0;}
.taxC	{display:inline-block;font-size: 11px; color:#aaa; border:1px solid #ed8c45; padding:2px;  margin:1px 0;}
.taxD	{display:inline-block;font-size: 11px; color:#aaa; border:1px solid #54a030; padding:2px;  margin:1px 0;}
.taxA.on{ background-color:#58aaed; color:#fff; }
.taxB.on{ background-color:#8080c0; color:#fff; }
.taxC.on{ background-color:#ed8c45; color:#fff; }
.taxD.on{ background-color:#54a030; color:#fff; }



/*상단 서브메뉴*/
/* sub tab */
.sub_tab	{position:relative; overflow:hidden; margin-bottom:50px; }
.sub_tab li {position:relative; display:block; float:left;  border-top:1px #dfdfdf solid; border-bottom:1px #0066cc solid; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_tab li:first-child {margin-left:0px; border-left:none;}
.sub_tab li {display:block; width:100%; text-align:center; padding:10px 0px; font-size:15px;}
.sub_tab li.on {border:1px #0066cc solid; border-bottom:1px #fff solid; font-weight:bold;}
.sub_tab li.on:after { content:""; display:block; clear:both; }
/*.sub_tab li.on a { font-weight:bold;}*/
.sub_tab.w_2 li {width:50%;}	
.sub_tab.w_3 li {width:33.3333%;}
.sub_tab.w_4 li {width:25%;}
.sub_tab.w_5 li {width:20%;}
.sub_tab.w_6 li {width:16.7%;}

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


/*테이블스타일-달력*/
.tbl_cal { border-top:0px solid #555; background-color: #fff; margin:5px;}
.tbl_cal th {padding:10px 10px; border:1px solid #ddd; font-weight: bold; color:#222 !important; background-color: #efefef; text-align:center !important; line-height:1.2em;}
.tbl_cal td {padding:7px 10px; border:1px solid #ddd;line-height:1.2em;  text-align:center; cursor:pointer;}
.tbl_cal td:hover {background-color:#efefef;}



/* 리스트내역 취소 표시*/
.cancel {color:#cccccc !important; text-decoration:line-through; }
.cancel a {color:#cccccc !important;}

/* 통합검색*/
.page_title1 { margin:50px auto 30px auto; font-size: 35px; font-weight: bold; text-align:center;}



.mypage_box {width:100%; max-width:500px; margin:0 auto; }
.mypage_box .my_item { border:1px solid #ccc; border-radius:0.25rem; padding:20px 10px; text-align:center; margin-bottom:30px;  cursor:pointer;}
.mypage_box .my_item:hover {background-color: #efefef;}