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


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



body {
height: 100%;
}

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

}

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:14px !important;line-height:1.5; font-family:'Apple Sandoll Gothic Neo', sans-serif; }
}


input, textarea { font-size: 13px; margin:0px 0 !important;  padding:3px; margin:1px 0 !important; vertical-align: middle; font-family:inherit; } /* textarea 폰트상속 안됨 */
input[type=text] { padding:8px;  border:1px solid #ddd;  margin:1px 0 !important; font-size: 13px; height:36px; outline:0; -webkit-border-radius: 0.0rem;}
input[type=password] { padding:8px;  border:1px solid #ddd;  margin:1px 0 !important; font-size: 13px; height:36px; -webkit-border-radius: 0.0rem;}
select	{ font-size: 13px; margin:1px 0  !important; padding:6px; height:36px; border:1px solid #ddd;  background-color: #fff;  -webkit-border-radius: 0.0rem; vertical-align: middle; }
form	{ display:inline;}

ul, ol, li	{ list-style:none; padding:0; margin:0; }
p		{ padding:0 !important; margin:0 !important; }

/*
input[type=button], input[type=submit] {min-width:60px; cursor:pointer; background-color: #ddd; border:1px solid #ddd; 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:60px !important;  padding:8px 5px !important; margin:1px 1px !important;  font-size: 12px !important;  background-color: #ddd; border:1px solid #ddd; border-radius:5px; margin:3px 3px; }
.btn_xsm {min-width:20px !important;  padding:2px 2px !important; margin:2px 1px !important;  font-size: 11px !important;}

/* bootstrap */
.btn {margin:0 5px !important; border:none; min-width:100px; }
.btn-link { border:1px solid #2b96ed !important;}
.btn-light {background-color: #fff; }
.btn-primary {}

/* class */
.small		{ font-family:돋움; font-size: 11px; }
.red		{ color:#f42800 !important; }
.btn_small { display:inline-block; padding:4px 2px; background-color: #009966; color:#fff; border-radius:4px; font-family:돋움; font-size: 11px; line-height:1.0em; letter-spacing: -1px;cursor: pointer;text-align: center;}

/*
.btnLink	{ cursor:pointer; }
.nosee		{ background-color:FFFFFF; border:0; }
.rightAlign	{ text-align: right; }

*/

/* 페이징 ****************************/
.paging{
    text-align: center;
    margin-top:20px !important;
    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 #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;
	}
}




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

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


#colormap {position:fixed; z-index:999; opacity:0.9; color:#fff; text-align:center; display:none; }

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



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

.wrap_center_md {
	width:100%;
    max-width:800px;
    margin:0 auto;
	border:0px solid red;
}

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

@media screen and (max-width: 800px) {
   .wrap_center {width:96%;}
   .wrap_center1 {width:100%;}
}


#container{
	padding-bottom: 210px;	/* 170+0 */
	*zoom: 1; 
	background-color: #fff;
	padding-top:0px;
}

#container:after{content:""; clear:both; display:block; }


#footer { 
	position:relative;
	background-color: #f2f2f2;
	border-top:1px solid #ddd;
	font-size: 13px;
	min-height: 210px;	height:210px; 	margin-top:-210px; 
}

#footer .ft_border {display:inline-block; border-right:1px solid #000; height:10px; width:1px; padding:7px 0 0 0; margin:0 10px; } 

.footer1 { padding-top:30px; } 
.footer1 span {display:inline-block; padding: 2px; margin:0; }
.footer1 span a { color:#555;}
.footer1 span:nth-child(1) {padding-left:0;}


.footer2 {padding:20px 0 20px 0;}
.footer2 span {display:inline-block; padding:3px 0px; margin-right:10px; margin-bottom:5px;}
.footer2 span a {color:#555;}

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

	.footer2 span {padding:1px 0px; margin-right:10px;  margin-bottom:0px; }
}


#top00 {position: relative; width: 100%; overflow: hidden; height: 90px;  cursor:pointer;}
#top00 .top00Banner {width: 100%;  height: 90px;  background-repeat: no-repeat; background-position: center;  }
#top00 .btn_close {position:absolute; left:50%; top:10px; margin-left:520px; width:150px; z-index:10; padding-right:10px; }

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




#top0 {text-align: right; padding-top:10px!important;} 
#top0 .menu {margin:0 2px; cursor: pointer; padding:3px 5px; font-size:12px; color:#fff; background-color: #dddccc;  border-radius:0.25rem;  line-height:1.0em;}
#top0 .menu1 { display:inline-block; margin-right:10px;}

#top1 {display:flex;  align-items: center; justify-content: space-between;	height:100px;}
#top1 > div:nth-child(1) {width:20%;}
#top1 > div:nth-child(2) {width:54%; text-align:left; }
#top1 > div:nth-child(3) {width:25%; text-align:right;}
#top1 .logo { display:inline-block; margin-right:5%; vertical-align: middle;}

#top1 .sch { display:inline-block; width:70%; border:0px solid red;  vertical-align: middle;}
#top1 .sch .sch_box { display:inline-block; padding:3px 20px; border-radius:22px; width:100%; background-color: #f8f8f8; height:44px;  }
#top1 .sch .sch_input {border:none; outline:0;  width:90%; background-color: #f8f8f8; padding-left:10px; font-size:16px;}

#top1  .bestkeyword_zone {display:inline-block; position:relative; width:150px; border:0px solid red; margin-left:20px; background-color:#fff; padding-top:3px; vertical-align: middle; }

#bestkeyword {height: 30px;  overflow:hidden; display:inline-block; }
#bestkeyword .images {border:0px solid red; height:30px; padding-top:3px; width:100%; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;  cursor:pointer;}
#top1  .bestkeyword_zone  .btn_hot {display:inline-block; padding:3px 0; border:1px solid #9933cc; color:#9933cc; border-radius:0.25rem; width:30px;  font-size:11px; font-weight:700; line-height:1.0em; text-align:center;}

#bestkeyword_on {position:absolute; top:0; display:none; border:0px solid red; z-index:100; background-color:#fff; border:1px solid #000; padding:0px 0 10px 0; width:100%;}
#bestkeyword_on .tit3 {height:30px; background-color:#efefef; text-align:left; width:100%; padding:5px 0 5px 15px ; margin-bottom:10px; font-size:13px; }
#bestkeyword_on .list {  font-size:12px;  overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;  cursor:pointer; padding:3px 0 3px 15px;; }

.top1_bnn { display:inline-block; padding: 0 10px; cursor:pointer; }
.top1_bnn:hover { color: #0079FF;}




/*메인메뉴*/
#menuBox_w_out {  margin-bottom:0px; position:relative; background-color: #243AAE; }
#menuBox_w	{ padding:0px 0px;position:relative; height:50px;}
/*#menuBox_w #menuAll { width:45px; text-align:center; cursor:pointer; margin-top:2px;}*/

#menuBox { height:50px; width:100%; margin-bottom:0; z-index:1;  display:flex;  align-items: center; justify-content: space-between;   }
#menuBox .mainmenu {  padding: 0 8px;  text-align:center;  line-height:1.0em;  font-size: 16px; font-weight: 500;  cursor:pointer;  } 
#menuBox .mainmenu a { color:#fff; }
#menuBox .mainmenu a:hover { color:#c8f7fd;  }

#submenuBox_w { position:relative;width:100%; }
.submenuBox {position:absolute; margin-bottom:3px; width:150px;  font-size:0.9em; padding:5px 0; border:1px solid #ddd; background-color: #fff; display:none;}
.submenu { text-align: center;  padding:5px 10px; color:#555; cursor:pointer; width:100%;}
.submenu:hover { background-color: #f0f0f0; }


#allmenuBox_out { background-color: #fff; width:100%; position:absolute;  z-index:2;  top:51px; left:0; display:none;  border-bottom:1px solid #ddd; }
#allmenuBox { padding:0px 0; width:1500px; margin:0 auto; border:0px solid #f00; height:300px;  display:flex;}

#allmenuBox .allmenu { width:11.1%; height:100%; padding:10px 0; border-right:1px solid #ddd; background-color: #fff; }
#allmenuBox .allmenu:last-child {border-right:none;}
#allmenuBox .allmenu li {padding:1px 8px; margin:1px 5px; color:#666; cursor:pointer; font-size: 13px; }
#allmenuBox .allmenu li:hover {background-color: #efefef;}
#allmenuBox .allmenu .tit { color:#222; font-size: 14px; font-weight:500;  cursor:default;}







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

#m_navi_2 img {height:30px;}


#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_search { position:fixed ; z-index:101; top:60px; left:0; width:100%; height:0; overflow:hidden; background-color: #fff;  border-bottom:1px solid #ddd; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; padding:30px; display:none;} 

#m_search .sch_box { display:inline-block; border:0px solid #ddd; background-color: #efefef;  width:100%; padding:6px 10px; border-radius:0.25rem; }
#m_search .sch_input {background-color: #efefef; border:none; outline:0;  width:80%;}


#m_memBox { 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_menu0 { margin:20px 10px; text-align:center; }
.m_login {background-color: #222; color:#fff;height:42px; line-height:42px;}
.m_menu0 .txt1 {padding-bottom:10px;}


.m_menu1 {display:flex;  justify-content:space-between;  flex-wrap:nowrap;  margin:10px;}
.m_menu1 li { text-align:center; width:60px; border-radius:50%; height:60px; line-height:60px; background-color: #efefef; }
.m_menu1 li a {font-size:13px; color:#222;}


#m_memBox .txt1 { text-align:center;}
#m_memBox .txt2 {padding:5px 13px; font-weight: 500;}

.m_menu2 {display:flex;  justify-content:center; margin:20px 20px; }
.m_menu2 li { text-align:center; padding:5px; }

.m_menu3 {border-top:2px solid #ddd; display:flex;  justify-content:flex-start;  flex-wrap:wrap; padding:10px 0 0 10px;  margin-top:20px;  }
.m_menu3 li {padding:5px 10px; width:90%; font-size:16px; font-weight: bold; color:#000;}



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

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

	#m_navi {display:block; }
}



/*가이드*/
.guide_box { margin:50px auto 0 auto; }
.guide .item2 { position:relative; width:100%; }
.guide .item2 .icon { width:40px; height:40px;  margin:0 auto; text-align:center; }
.guide .item2 .txt1 { font-size:14px; font-weight: 500;   text-align:center;}


@media screen and (max-width: 800px) {
	.guide_box { margin:30px auto 0 auto; }
	.guide .item2 .txt1 { font-size:14px; }
	.guide .item2 .icon { width:40px; height:40px; }
}



/* 특별열차 */
.mn3_box { margin:50px auto 0 auto; overflow: hidden;}
.mn3 .item2 { position:relative; width:100%;  margin:0px 0; }
.mn3 .item2 .img_box {width:100%; height: 0;	 padding-bottom: 100%;   position:relative;  }
.mn3 .item2 .img {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #d3ede6; border-radius:50%; background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }
.mn3 .item2 .txt1 { font-size:16px; font-weight: 500; padding-top:5px;  text-align:center;}


.mn4_box { margin:50px auto 0 auto; overflow: hidden; }


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


/* 하단가로형 배너 */



/*사이트링크*/
.sitelink_box { margin:80px auto 30px auto; padding:0 20% 0 0; border:0px solid red}
.sitelink .item2 { position:relative; width:100%; }
.sitelink .item2 .icon { width:40px; height:40px;  margin:0 auto; text-align:center; }
.sitelink .item2 .txt1 { font-size:14px; font-weight: 500;   text-align:center; }


@media screen and (max-width: 800px) {
	.sitelink_box { margin:30px auto 30px auto; padding:0 0px;}
	.sitelink .item2 .txt1 { font-size:14px; }
	.sitelink .item2 .icon { width:40px; height:40px; }
}



/*포인트화살표*/
.arrow_box {

	background: #fae100;
	border: 1px solid #fae100;
	color:#3c1e1e;
	text-align:center; 
	padding:0px;
	position:absolute; top:40px; right:20px;  width:55px; border-radius:5px; font-size: 11px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 6, 6, 0);
	border-bottom-color: #fae100;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box:before {
	border-color: rgba(245, 0, 0, 0);
	border-bottom-color: #fae100;
	border-width: 9px;
	margin-left: -9px;
}




/*
.main4_box { margin:50px auto 0 auto;}
.main4 { overflow: hidden; padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap;align-items:  flex-start;; }
.main4 .item2 { position:relative; width:23%;  margin:10px 0;  border:1px solid #ddd;   border-radius:0.25rem;}
.main4 .item2 .img_box {width:100%; height: 0;	 padding-bottom:70%;   position:relative;  }
.main4 .item2 .img {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #ddedfb;  border-radius: 0.25rem 0.25rem 0 0;  background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }
.main4 .item2 .txt1 { padding: 0px 10px; margin-top:5px;  margin-bottom:0px;  color:#000; font-weight: 500; font-size:15px;text-align:left;  overflow:hidden; text-overflow:ellipsis; width:100%; white-space:nowrap; 
    display:-webkit-box;
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical;
    white-space:normal;
    line-height:1.5em;
    height:3.0em;
	
}
.main4 .item2 .txt0 { padding: 0px 10px; margin-top:5px;  margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; width:100%; white-space:nowrap; color:#aaa;  font-size:12px;}
.main4 .item2 .price {  margin-bottom:0px; padding: 0px 10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; width:100%; white-space:nowrap; color:#000;  position:relative;  font-weight: 500;}
.main4 .item2 .price span { position:absolute; right:10px; display:inline-block; font-size:11px; color:#fff; background-color: #009999;  border-radius:0.25rem; padding:3px 5px; margin-left:5px; }

.main4 .item2 .star {  margin-bottom:10px; padding: 0px 10px; color:#007bff;   font-size:12px;}
.main4 .item2 .star span:nth-child(2) { color:#aaa; font-size:11px; }

.main4 .item2 .tit_over {position:absolute; top:0; left:0px; text-align:center; padding-top:30%; color:#fff;  width:100%; font-weight: 500; font-size:30px; z-index:10;}

.main4 .item2 .icon_order {position:absolute; top:0; left:10px; background-color:rgba(255, 255, 255, 0.5); text-align:center; padding:15px 10px; color:#000;  z-index:10;}


@media screen and (max-width: 800px) {
	.main4 .item2 { width:48%; }
	.main4 .item2 .tit_over {  font-size:20px; }
}
*/


.main5_box { margin:50px auto 0 auto;}
.main5 { overflow: hidden; padding-top:0px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.main5 .item2 { position:relative; width:48%;  margin:0px 0 10px 0;    border-radius:0.25rem;}
.main5 .item2 .img_box {width:100%; height: 0;	 padding-bottom:45%;   position:relative;  }
.main5 .item2 .img {position:absolute; top:0; left:0;width:100%; height:100%; background-color: #f9edd0;  border-radius: 0.25rem 0.25rem 0 0;  background-size:cover !important;   background-position: center center !important;  background-repeat: no-repeat !important;  }
.main5 .item2 .txt1 { position:absolute; top:25%; left:0px; transform: translate(0%, 0%); text-align:center;  color:#fff;  width:100%; font-weight: 500; font-size:30px; z-index:10;  text-shadow: 1px 1px 1px #000;}
.main5 .item2 .txt2 { position:absolute; top:48%; left:0px; transform: translate(0%, 0%); text-align:center; color:#fff;  width:100%; font-weight: 500; font-size:15px; z-index:11; text-shadow: 1px 1px 1px #000;}
.main5 .item2 .btn11 { position:absolute; bottom:20px;     left: 50%;    transform: translate(-50%, 0%);  width:40%; text-align:center; display:inline-block; font-size:12px; color:#fff; background-color: rgba(0, 0, 0, 0.4);  border-radius:0.25rem; padding: 8px 0; }
@media screen and (max-width: 800px) {
	.main5 .item2 { width:100%; }
	.main5 .item2 .img_box {width:100%; height: 0;	 padding-bottom:50%;   position:relative;  }
}


.main_bottom { display:flex; justify-content:space-between; flex-wrap:wrap;}

.main_bottom_1 {width:60%; margin-top:50px;  padding-right:0px;}
.main_bottom_1 .tit {font-weight: 500; font-size:25px; margin:0; }
.main_bottom_1 > .list { padding:4px 0; position:relative; font-size:16px;  display:flex; justify-content:space-between; }
.main_bottom_1 > .list div:nth-child(1) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:78%;}
.main_bottom_1 > .list div:nth-child(2) { text-overflow:ellipsis;overflow:hidden; white-space:nowrap; width:21%; text-align:right;}
.main_bottom_1 > .list a {color:#000; }
.main_bottom_1 .icon {display:inline-block; border-radius:10px; color:#fff; background-color:#7A76E2;  text-align:center; font-size:11px; margin-right:5px; line-height:1.0em; padding:5px 12px 4px 12px; vertical-align: middle;}

.main_bottom_2 {width:35%;  margin-top:50px;}
.main_bottom_2 .tit {font-weight: 500; font-size:25px; margin:0; }
.main_bottom_2 .txt2 {}
.main_bottom_2 .txt2 span:nth-child(1) { vertical-align: middle; display:inline-block; margin-right:5px;}
.main_bottom_2 .txt2 span:nth-child(2) {font-weight: 900; font-size:40px; font-family: verdana; color:#243AAE; vertical-align: middle;}
.main_bottom_2 .txt2 span:nth-child(2) a {color:#243AAE;}
.main_bottom_2 .txt3 {font-weight: 500; padding-left:10px;}
.main_bottom_2 .txt4 {font-size:16px; color:#000; margin-top:5px; font-weight: 700;}



@media screen and (max-width: 800px) {
	.main_bottom_1 {margin-top:30px; width:100%; }
	.main_bottom_2 {margin-top:30px;  width:100%; }
	.main_bottom_1 .icon {display:none; }
	.main_bottom_1 > .list div:nth-child(1) {width:75%;}
	.main_bottom_1 > .list div:nth-child(2) {width:25%;}
}


/* 회원로그인 */
.mem_login_box {width:40%; margin:100px auto 30px auto; border:1px solid #ddd; text-align: center; padding:30px 30px; border-radius:0.25rem; }
.bnn_login {border:1px solid #ddd; width:100%; height:50px;  line-height:50px; margin:0 auto; color:#333; font-size:18px; cursor:pointer; background-repeat: no-repeat; margin-top:20px; border-radius:0.25rem;}
.login_input {padding:15px !important; height:40px; margin:0 0 5px 0 !important; width:100%; background-color: #f0f0f0;  border-radius:0.25rem; border:none !important; }
.tit {margin:10px;font-weight: 500;}
.txt1 {font-size:13px;  text-align: left; margin:5px 0; }
@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;}
}

.mem_login_box_api {width:95%; max-width:500px; margin:100px auto 30px auto; border:1px solid #ddd; text-align: center; padding:30px 30px; border-radius:0.25rem; }

/*마이페이지 상단메뉴*/
.leftBox {margin:0px 0 70px 0px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.leftBox .leftTitle	{ width:18%; text-align:left; font-size: 30px;  color:#000;  border-bottom:2px solid #000; padding: 10px 10px 10px 10px; margin-bottom:10px;}
.leftBox > .mnuBox { width:100%;  display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:0; padding:10px 0;}
.leftBox > .mnuBox li	{ width:16%; cursor: pointer;  font-size:15px; text-align:center; padding:10px 10px; border-radius:0.25rem; border:1px solid #ddd;margin-bottom:5px;}
.leftBox > .mnuBox li.on {background-color: #f0f0f0; }
.leftBox > .mnuBox li.on a { color: #0079FF;}
.leftBox > .mnuBox li a {color:#555}

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

@media screen and (max-width: 800px) {
	.leftBox .leftTitle	{ width:50%; font-size: 20px;  }
	.leftBox > .mnuBox li	{ width:32%; }

}


.page_title			{ color:#333; font-size: 15px; padding:15px 5px; border-bottom: solid 1px #ddd; font-weight: 500; margin:0px 0 40px 0; }

@media screen and (max-width: 800px) {
	.page_title			{ color:#333; font-size: 20px;  border-bottom: none;  font-weight: 700; margin:0px 0 20px 0;}

}

.sub_title {background-color: #007bff; color:#fff; padding:10px; text-align: center; font-weight: 500; margin-bottom:15px;}

/*테이블스타일-리스트형*/
.tbl_list {	font-weight: normal; line-height: 1.2; letter-spacing:0px; text-decoration: none; word-break: break-all; border-collapse: collapse; }
.tbl_list { border-top:2px solid #555; background-color: #fff; }
.tbl_list th {padding:12px 3px; border:1px solid #ddd; font-weight: 500; 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:10px 3px; border:1px solid #ddd;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 {	font-weight: normal; line-height: 1.2; letter-spacing:0px; text-decoration: none; word-break: break-all; border-collapse: collapse; }
.tbl_form { border-top:2px solid #555; border-bottom:2px solid #555; background-color: #fff; }
.tbl_form td {padding:10px 10px; border:1px solid #ddd;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:15%; min-width:100px; padding:12px 10px; text-align:left; color:#000; font-weight: 500; }
.tbl_form .td_tit span {color:#2b96ed}
.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;}

/*테이블스타일-달력*/
.tbl_cal { border-top:0px solid #555; background-color: #fff; margin:5px;}
.tbl_cal th {padding:10px 3px; border:1px 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:1px solid #ddd;line-height:1.2em;}



/*이용약관*/
.mem_textarea { border:1px solid #e4e4e4; background-color: #fafafa; padding:0px; margin-bottom:5px; }
.mem_textarea textarea { width:100%; border:none; background-color: #fafafa; font-size:12px; padding:10px; }



/*상단 서브메뉴*/
/* sub tab */
ul, li	{ list-style:none; padding:0; margin:0; }	
.sub_tab	{position:relative; overflow:hidden; margin:0px 0 50px 0; }
.sub_tab li {display:inline-block; float:left;  border:1px #ddd solid;  border-right:none;  height:50px; line-height:50px; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sub_tab li:last-child {border-right:1px #ddd solid;}

.sub_tab li:hover {background-color: #007bff; }
.sub_tab li:hover a { color:#fff;}
.sub_tab li:first-child {margin-left:0px;}
.sub_tab li a {display:block; width:100%; text-align:center; padding:0px; font-size:15px;  text-decoration: none;}
.sub_tab li.on { background-color: #007bff; color:#fff;}
.sub_tab li.on a { color:#fff;}
.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.6%;}

@media screen and (max-width: 800px) {
	.sub_tab.w_6 li {width:33.33%;}
	.sub_tab.w_6 li:nth-child(1) {border-bottom:none;}
	.sub_tab.w_6 li:nth-child(2) {border-bottom:none;}
	.sub_tab.w_6 li:nth-child(3) {border-bottom:none; border-right:1px #ddd solid;}
}



/*마스터상품*/
.master_page_tit	{ margin-bottom:20px; background-color: #fff; padding: 10px 0 ; font-size: 15px; border-bottom: 1px solid #ddd; }
.master_page_tit > .row {margin:10px 0;}
.master_page_tit .ct_name1 {display:inline-block; width:70px;  padding:5px 0 5px 5px; font-size: 15px; line-height:1.0em;  vertical-align: middle;  color:#000; font-weight: 500; }
.master_page_tit .ct_name2, .master_page_tit .ct_name3  {display:inline-block; padding:5px 15px; font-size: 15px; line-height:1.0em;  vertical-align: middle; background-color: #fff; color:#243AAE; border:1px solid #243AAE; margin-right:5px; border-radius:15px; cursor:pointer; }
.master_page_tit .ct_name2.on, .master_page_tit .ct_name3.on  {  color:#fff; background-color: #243AAE; }
.master_page_tit .ct_name2-1 {  vertical-align: middle; display:inline-block; padding:5px 15px; font-size: 15px; line-height:1.0em;}

@media screen and (max-width: 800px) {
	.master_page_tit .ct_name2, .master_page_tit .ct_name3  { padding:5px 10px;  }
}



#nomem_mask { position:fixed ; z-index:100;  left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color: #222; opacity:0.5;  }
.nomem_info {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%);  width:85%; max-width:520px; padding-bottom:10px; background-color: #fff; font-size: 15px; line-height:1.5em; text-align: center; border: solid 1px #243AAE; border-radius:0.25rem;  z-index:101;}



/* 판매상품 */
.goods_img { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:10px; }
.goods_img .left { width:50%; }

.goods_img .right { width:48%; border:1px solid #ddd; border-radius:0.25rem; padding:20px; }
.goods_img .right .goods_title { font-size:20px; }
.goods_img .right .goods_txt1 {font-size:15px; margin-top:10px; }
.goods_img .right .goods_price {font-size:30px; font-family: verdana; font-weight: 900; color:#222; line-height:1.0em; margin-bottom:15px;}
.goods_img .right .goods_price span {font-size:15px; color:#999;}

.goods_img .right .goods_info_row {padding:10px; border-top:1px solid #eee;}
.goods_img .right .info_tit {display:inline-block; width:100px; font-weight: bold;}

.goods_img .right .group_list {margin-top:30px; }

.goods_img .right .group_list .price {display:flex;  justify-content:flex-start; font-size:13px; padding:3px 0; }
.goods_img .right .group_list .tit1 { font-weight: bold; }
.goods_img .right .group_list .price span:nth-child(1) { width:40%; color:#000; }
.goods_img .right .group_list .price span:nth-child(2) { width:20%;  color:#000; font-weight: bold;  text-align:right; }

.goods_img .right .btn_link { cursor:pointer;  display:inline-block; border:1px solid #ddd;  border-radius: 0.25rem; width:50px; height:50px;   background-size:50%;  background-repeat: no-repeat;  background-position: center center;  vertical-align: middle;}
.goods_img .right .btn_link_sms { cursor:pointer;  display:inline-block; border:1px solid #ddd;  border-radius: 0.25rem; width:40px; height:30px;   background-size:60%;  background-repeat: no-repeat;  background-position: center center;  vertical-align: middle;}
.goods_img .right .btn_next {width:calc( 100% - 60px ); margin:0 !important; height:50px; padding-top:10px; }
@media screen and (max-width: 800px) {
	.goods_img .left { width:100%; margin-top:-10px; margin-bottom:10px;}
	.goods_img .right { width:100%; padding:15px; }

	.goods_img .right .group_list .price span:nth-child(1) { width:50%; }
	.goods_img .right .group_list .price span:nth-child(2) { width:30%; }

}


#goods_cal {display:flex; justify-content:space-between; flex-wrap:wrap; border:0px solid red; width:100%; max-width:1000px; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); padding:60px 50px; border-radius:20px; display:none; z-index:101; background-color: #fff; }
.cal_close { position:absolute; top:20px; right:20px;  cursor:pointer; }
.cal_close img {width:20px;}
.cal_box {width:46%;  }

.cal_prev, .cal_next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	padding:10px;
	cursor:pointer;
}

.cal_prev {left:10px;}
.cal_next {right:10px;}

.tbl_cal_tit { font-size:20px; font-family: verdana; font-weight: bold;  padding:10px 5px; }

.tbl_cal_goods { background-color: #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.tbl_cal_goods th {padding:10px 3px; border-bottom:1px solid #ddd;  font-weight: 500; color:#222 !important; background-color: #fff; text-align:center !important; }
.tbl_cal_goods td {padding:7px 3px; border:0px solid #ddd;line-height:1.2em;position:relative; }
.tbl_cal_goods .icon_rest {position:absolute; right:0; left:0; }
#goods_cal .icon_state {display:inline-block; padding:2px 2px;  border-radius:3px; background-color: #ff0; font-size:11px; line-height:1.0em; cursor:pointer;}

@media screen and (max-width: 800px) {
	#goods_cal { width:95%; height:95%; padding:30px 30px;  height: 100%; overflow: auto; }
	.cal_box {width:100%;  margin:0 auto; }
	.cal_prev {left:5px;}
	.cal_next {right:5px;}
}



/* 주문상세페이지 */
#ord_detail_zone {position:relative; margin-top:50px;}

#order_tab {position:absolute; width:1100px; 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:#000; text-align: center; cursor:pointer;} 
#order_tab li.on {border-bottom:3px solid #243AAE; color:#243AAE;}


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




.txt_box1 { margin-bottom:10px; padding:40px 5px 40px 5px;  display:flex; justify-content:space-between;   flex-wrap:wrap; border-top:1px solid #ddd; }
.txt_box1_1 {width:13%; font-size: 20px; font-weight: bold; line-height:1.0em; margin-bottom:15px;}
.txt_box1_2 {width:85%}

.txt_box2 { font-weight: bold; }
.txt_box3 { padding:5px 0 20px 20px; margin-bottom:20px; }

/* 요금표 */
.tbl_price1_box { border-radius: 0.5rem; background-color: #ddedfb;  border: 1px solid #ddd; max-width: 800px; width:100%; overflow: hidden; margin:0 0 10px 0;}
.tbl_price1 {width:100%; }
.tbl_price1 th {text-align:center;  color:#3366ff !important; font-weight: bold; padding:10px 2px; }
.tbl_price1 td {text-align:center;  padding:10px 2px; }
.tbl_price1 .td_1 {width:120px; }
.tbl_price1 .td_1 span {width:16px; display:inline-block;}
.tbl_price1 .td_2 {width:40px;  }
.tbl_price1 .td_price {width:80px; text-align:right; padding-right:5px;}

.tbl_price_err {background-color: #efefef; text-align:center; padding:50px; color:red;}


@media screen and (max-width: 800px) {
	.tbl_price1 td { font-size:12px!important; }
	.txt_box1 { margin-bottom:20px; padding:20px 0px; }
	.txt_box1_1 {width:100%; }
	.txt_box1_2 {width:100%}
	.txt_box3 { padding:5px 0 20px 0px;  }
	.tbl_price1 .td_price select {padding:2px; height:25px; width:50px;}
}

.schedule { position:relative;  margin-bottom:40px;} 
.schedule:before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	border-left:1px solid #ddd; 
	height:100%;
	width:10px;
	z-index:0;
}
.schedule .sch_row1 { background-color: #7A76E2; color:#fff; padding:10px 30px; border-radius:10px; position:relative;}
.schedule .sch_row2 { border:0px solid #ddd; padding:10px 20px; border-radius:10px;  margin:10px 0 10px 40px; position:relative;}
.schedule .sch_row2 .sch_tit { font-weight: 700; margin-bottom:10px; color:#000;}
.schedule .sch_row2 .sch_tit:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -27px;
	background-color:  #ddedfb; 
	height:15px;
	width:15px;
	border-radius:50%;
	z-index:0;
}

.schedule .sch_row2 .sch_tit:after {
	content: '';
	position: absolute;
	top: 15px;
	left: -23px;
	background-color:  #7A76E2; 
	height:7px;
	width:7px;
	border-radius:50%;
	z-index:0;
}


.schedule .sch_row2 img {max-width:100%;}

.schedule .nodata { padding:100px 0; text-align:center;}

@media screen and (max-width: 800px) {
	.schedule .sch_row1 { padding:10px 10px;}
	.schedule .sch_row2 { padding:10px 10px;  margin:10px 0 10px 0;}

	.schedule:before {
		content: '';
		position: absolute;
		top: 0;
		left: 20px;
		border-left:none; 
		height:100%;
		width:10px;
		z-index:0;
	}
}

/* 판매상품 - 후기 */
#comm {  padding:0px 0; }
#comm .nodata { padding:100px 0; text-align:center;}
#comm .comm_list { border-bottom:1px dotted #ddd; display:flex; justify-content: space-between;	padding-bottom:15px; margin-bottom:15px;  flex-wrap:wrap; }
#comm .comm_list .comm_list_box1 {width:100px; border:0px solid red; color:#0079FF ; display:none;}
#comm .comm_list .comm_list_box2 {width:calc( 100% - 120px ); border:0px solid green;}
#comm .comm_list .comm_list_box3 {width:120px; border:0px solid blue; padding:0 10px;}

#comm .comm_list .comm_list_box2 .date_zone {font-size: 13px;}
#comm .comm_list .comm_list_box2 .date_zone .name { display:inline-block; padding-right:10px;}
#comm .comm_list .comm_list_box2 .date_zone .date { display:inline-block; padding-right:10px;  color:#ddd;}
#comm .comm_list .comm_list_box2 .date_zone .btn1 { color:#0079FF; cursor:pointer; }

#comm .comm_list .comm_list_box2 .title_zone {  font-size: 14px;  margin-top:5px; }
#comm .comm_list .comm_list_box2 .title_zone div:nth-child(2) {overflow:hidden; text-overflow:ellipsis; width:95%; white-space:nowrap; cursor:pointer;}

#comm .comm_list .comm_list_box2 .comm_zone { display:none; margin-top:20px;  font-size: 14px; width:95%; }
#comm .comm_list .comm_list_box2 .comm_zone .comm_zone_txt { color:#000;}
#comm .comm_list .comm_list_box2 .comm_zone .comm_zone_img .comm_img_box {display:inline-block; width:200px; margin-top:10px; margin-right:10px; vertical-align: top;}
#comm .comm_list .comm_list_box2 .comm_zone .comm_zone_img .comm_img_box img {width:100%;max-width:100%; }

#comm .comm_list .comm_list_box2 .reply_zone { margin-top:20px;  font-size: 14px; width:95%; }

#comm .comm_list .comm_list_box3 img {width:100%;}

@media screen and (max-width: 800px) {
	#comm .comm_list .comm_list_box1 { width:100%; height:30px; }
	#comm .comm_list .comm_list_box2 { width:80%;  }
	#comm .comm_list .comm_list_box3 { width:20%; margin-top:-30px; }
}


/*주문서*/
.order_ok_box {width:80%; padding:20px; background-color: #efefef; margin:10px auto; border-radius:0.25rem}

@media screen and (max-width: 800px) {
	.order_ok_box {width:100%; }

}




/* 여기까지 확인 **/







/*게시판 ,기타안낸 등*/
.page_title1		{ color:#3f6dbc; font-size: 30px; padding:12px; font-weight: 500; margin:0px 0 10px 0; }

.memBox { border: 1px solid #ddd; 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 { width:190px;  text-align: center;}

#remote .bnn1 {margin-bottom:10px; padding:20px 0; background-color: #d14343; font-size:20px; color:#fff; font-weight: 500; cursor:pointer;}
#remote .bnn1:hover {background-color: #bf5555}

#remote .icon1 { text-align: left; margin-top:10px;}
#remote .icon1 span {display:inline-block; margin:0 0px 5px 0; width:25px; }

#remote .txt_list {}
#remote .txt_list div {padding:5px 10px; text-align: left; width:150px; background-color: #fff; cursor:pointer; border-bottom:1px dotted #ddd;  }
/*#remote .txt_list div:nth-child(odd) { background-color: #efefef;}
#remote .txt_list div:nth-child(even) { background-color: #faf3e7;}*/
#remote .txt_list div:hover {background-color: #efefef;}

/*
.btn_middle_blue	{ font-family: Nanum Gothic; display: inline-block; background-color: #71B970; color:#fff; padding:10px; margin:10px 5px; font-size: 18px; cursor: pointer;text-align: center; border-radius:5px; vertical-align: middle; }
.btn_middle_gray	{ font-family: Nanum Gothic; display: inline-block; background-color: #aaa; color:#fff; padding:10px 30px; margin:10px 5px; font-size: 18px; cursor: pointer;text-align: center; border-radius:5px; vertical-align: middle; }
*/

.icon_goods_send { background-color: #efefef; border-radius:5px; padding:8px 15px; vertical-align: middle;}
.icon_goods_send:hover {background-color: #ddd; }

.icon_goods_order { display:inline-block; width:130px; margin:10px auto; text-align: center; padding:10px; font-weight: 500; color:#fff; font-size: 15px; border-radius: 5px; vertical-align: middle; background-color: #aaa; }


/*.btn_state { width:50px; display:inline-block; padding:5px 1px 0px 1px; background-color: #aaa; color:#fff; border-radius:4px; font-family:돋움; font-size: 11px; line-height:1.0em; letter-spacing: -1px;}*/



/*상품정보 상세*/
/*tabmenu ************************/
/*
.tab_mnu {margin-bottom:30px; width:100%}
.tab_mnu a {display:inline-block; vertical-align:top; box-sizing:border-box; width:33.33%; height:50px; line-height:50px; text-align:center; font-size:15px; color:#333333; 
border-top:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tab_mnu a {color:#777; font-weight: 500; border:1px solid #efefef; background-color: #efefef; border-bottom:1px solid #aaa; cursor:pointer;}
.tab_mnu_1 a {width:100% !important;}
.tab_mnu_2 a {width:50% !important;}
.tab_mnu_3 a {width:33.33% !important;}
.tab_mnu_4 a {width:25% !important;}
.tab_mnu a.on {background:#fff; color:#0066cc; border-color:#aaa; border-bottom:none; }
*/
/*tabmenu ************************/