body,input,select,textarea {font-family: 'Noto Sans CJK', sans-serif;}

/*한글 */
	img {display: inline-block; vertical-align:top;}
	.links {line-height:0px; display:block; overflow:hidden; font-size:0px;}
	.inner { margin: 0 auto; position: unset;}

	body {width:100%;}
	* {box-sizing: border-box;}
	/* 
	input {
		appearance: none; 
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
	*/
	/*safari 기본 스타일 제거*/

	input[type="checkbox"] {
		appearance: revert;
		-webkit-appearance: revert;
		-moz-appearance: revert;
		-o-appearance: revert;
	}/*checkbox 만 기본 스타일 살리기*/

	#top_wrap {height: 45px;background:transparent;width:100%;}
	#top_wrap .wrap {position: relative; height: 45px; z-index: 99999;background: #fff;width: 100%;}
	#top_wrap a {position: absolute; background-image: none; z-index: 9999; top: 50%; transform: translateY(-50%); right: 10px;width: 30px;height: 30px; font-size: 12px; line-height: 130%;}
	#top_wrap a em {position: absolute; width: 15px; height: 12px; top: 50%;transform: translate(-50%, -50%);left: 50%;}
	#top_wrap a i {width: 100%; height: 2px; background: #888; left: 0; position: absolute; border-radius: 2px;}
	#top_wrap a i:first-child {top: 0;}
	#top_wrap a i:nth-child(2) {top: 50%;transform: translateY(-50%);}
	#top_wrap a i:last-child {bottom: 0;}
	#top_wrap a.right {left: auto; right: 15px;}

	
	
	.top {position: relative; text-align: center; overflow: hidden; height: 100%;} 
	.top p {color: #1d1d1d; text-align: left; font-size: 14px; font-weight: 600; letter-spacing: -0.5px; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);line-height: 150%;}
	.top p span {display: none;}
	.top_menu {float:right;}
	.top_member {float: left;padding: 12px 15px;height: 100%;}
	.top_member .star {text-align: right; float: left; color: #1d1d1d; font-size: 10px; font-weight: 500;line-height: 150%;margin: 5px;}
	.top_member .star span {font-size: 15px; margin-right: 3px;}
	.top_member .img { width: 20px; height: 20px; background: url('/m/images/top_member.svg') no-repeat center; background-size: auto 100%; float: right;}
	.sub_title_span {font-size: 12px; line-height: 150%; color: red; font-weight: 500; background: #f5f5f5; padding: 10px 15px; text-align: center;}


	#top_wrap.jbFixed {}

	#top_wrap.top_common_wrap {background: #222; text-align: center;}
	#top_wrap.top_common_wrap .wrap {background: #222;}
	#top_wrap.top_common_wrap .back {position: absolute; left: 0; top: 0; width: 45px; height: 45px;}
	#top_wrap.top_common_wrap .back a {width: 100%; height: 100%; display: block;}
	#top_wrap.top_common_wrap .back img {width: 9px; margin: 14.5px 17px; float: left;}
	#top_wrap.top_common_wrap p {color: #f6ae00; font-size: 16px; text-align: center; line-height: 45px;}

	#top_wrap .all_wrap { font-weight: 500; color: #797f86;left: 25px;top: 15px; height: 55px; display: inline-block; position: absolute;}
		#top_wrap .all_inner_wrap {position:relative; width:55px;height: 55px;}
		#top_wrap .all_wrap .wrap {height: 35px;box-shadow: none;width: 35px;position: relative;padding: 10px;border-radius: 40px;}
		#top_wrap .all_wrap .arrow {width: 7px; height: 5px; background-image: url(/images/share/top_arrow.svg); position: absolute; top: 25px; right: -5px; background-repeat: no-repeat; background-position: center;z-index: 99999;}
		#top_wrap .all_wrap .options {height: 35px; background: transparent; color: #797f86; font-weight: 500;margin-top: -1px;padding: 10px;padding-top: 0;}
		#top_wrap .all_wrap .options i:hover {border-color: rgba(0,0,0,0.4);}
		#top_wrap .all_wrap .opt_text {width: 35px;text-align: left; height: 35px; position: relative;}
		#top_wrap .all_wrap .hiddens {top: 55px; border-radius: 30px; z-index: 99999; position: absolute;}
		#top_wrap .all_wrap i {position: absolute; width: 33px; height: 33px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.2); z-index: 9999; left: 0; top: 0;}

		#top_wrap .all_wrap.on .wrap {border-radius: 30px;}
		#top_wrap .all_wrap .bg {position: absolute; top: 0; left: 0; width: 55px; border-radius: 55px; display: none; z-index: 9999;}
		#top_wrap .all_wrap.on .bg {display: block; background: rgba(0,0,0,0.9); box-shadow: 0 1px 50px rgba(255,255,255,0.2);}
		#top_wrap .all_wrap.on .arrow {display: none;}

	#top_wrap .top_logo {position: absolute; z-index: 999; width: 117px; height: 55px; display: inline-block; top: 50%; margin-top: -19px; margin-left: -67.5px;}
		#top_wrap .top_logo a {padding: 5px; position: relative; top: 0; left: 0; margin: 0; width: calc(100% - 10px); height: calc(100% - 10px);}
		#top_wrap .top_logo img {width: 100%;}

	#top_menu {width: 100%; height: 40px; overflow: hidden; position: relative;}
	#top_menu ul {display: table; width: 100%;}
	#top_menu li {display: table-cell; height: 40px;}
	#top_menu li a {color: #fff; font-size: 13px; font-weight: 500; text-align: center; width: 100%; display: table; height: 100%;}
	#top_menu li p {line-height: 120%; display: table-cell; vertical-align: middle;}

	#page {width:100%; float: left; position: relative;}
	#page.mm-page {max-height: 640px;}
	.ui-header .ui-title {margin:0px !important;}
	.ui-header .ui-btn {margin-top:10px !important;}

/* 검색 & 공통 */
	#top_search {z-index: 999;}
	#top_search.on {z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 55px;}

	#top_search .off {width: 40px; height: 40px; cursor: pointer; position: absolute; right: 8px; top: 50%; margin-top: -20px;}
	#top_search .off em {width: 10.5px; height: 10.5px; border: 2px solid #363636; background: #fff; border-radius: 20px; position: absolute; top: 11.5px; left: 11.5px; transform: rotate(0); z-index: 999;
		transition: width .1s, height .1s, transform .3s, background .1s;
		-webkit-transition: width .1s, height .1s, transform .3s, background .1s;
		-moz-transition: width .1s, height .1s, transform .3s, background .1s;
		-o-transition: width .1s, height .1s, transform .3s, background .1s;
	}
	#top_search .off i {width: 2px; height: 7px; background: #363636; position: absolute; transform: rotate(-50deg); bottom: 11.5px; border-radius: 2px; right: 13px; z-index: 99;
		transition: width .1s, height .3s, transform .3s;
		-webkit-transition: width .1s, height .3s, transform .3s;
		-moz-transition: width .1s, height .3s, transform .3s;
		-o-transition: width .1s, height .3s, transform .3s;
	}

	#top_search.on .off em {width: 2px; height: 17px; background: #363636; border: none; position: absolute; transform: rotate(315deg); bottom: 11.5px; left: 18px;} 
	#top_search.on .off i {width: 2px; height: 17px; background: #363636; border: none; position: absolute; transform: rotate(-135deg); bottom: 11.5px; left: 18px;} 

	#top_search.on {display: block;}


	#top_search #msearch {height: 0px; background: #fff; width: 88%; position: relative; opacity: 0; z-index: -1; overflow: hidden;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		-moz-transition: opacity .3s;
		transition: opacity .3s;
	}
	#top_search #msearch .input_search {width: 90%; height: 24px; padding: 0; margin: 15px; font-size: 13px; line-height: 24px; outline: none; color: #2a2a2a; background: transparent; float: left;border: 0 none;border-bottom: 1px solid #2e2e2e;z-index: -1;position: relative;ime-mode: active;}
	#top_search #msearch .btn_search {overflow: hidden; width: 40px; height: 40px; border: 0 none; cursor: pointer; padding: 0;margin: 8px 0;position: absolute; font-weight: 800;right: 0;font-size: 18px; outline: none;background: #fff; z-index: -1}
	#top_search #msearch .btn_search em {width: 12px; height: 12px; border: 1px solid #2a2a2a; background: #fff; border-radius: 10px; position: absolute; top: 10px; left: 8px; z-index: 9;}
	#top_search #msearch .btn_search i {width: 1px; height: 16px; background: #2a2a2a; border-radius: 10px; position: absolute; transform: rotate(-50deg);right: 18px;bottom: 10px;}
	#top_search #msearch.on {display: inline-block; float: left; opacity: 1; z-index: 99999; height: 55px;}
	#top_search #msearch.on .btn_search {z-index: 1;}


/* 나비 */
	#nav {width:100%; border-top:2px solid #2dc000; border-bottom:1px solid #ececec;}
	#nav li {display:inline-block; float:left; width:20%; background-color:#86c400;  border-collapse: separate;} /* h :56 */
	#nav li a {display:block; text-align:center; height:24px; padding-top:4px; border-bottom:1px solid #b2b2b2; border-left:1px solid #add752; border-right:1px solid #35b263; padding-left:1px; border-top:0px none;}
	#nav li a.first {border-left:0px none; }
	#nav li a.last {border-right:0px none;}

#subTitle {width: 100%; text-align: center; color: #525252; font-size: 16px; font-weight: 600; padding: 20px 0; position: relative; display: none;}
#subTitle i {width: 30px; height: 1px; background-color: #b8b8b8; position: absolute; bottom: 0; left: 50%; margin-left: -15px;}

#sub_navi {width: 100%; text-align: center; z-index: 99; height: 40px;}

	.sub_nav {width: 100%; background: #f8f8f8; position: relative;z-index: 99;white-space: nowrap;margin: 0 auto;border-bottom: 1px solid #d1d1d1;height: 39px;}
/*
	.sub_nav>ul {display: table; width: 100%;}
	.sub_nav li {display: table-cell; font-weight: 400; font-size: 12px; margin: 0 -2px; position: relative;}
*/
	/* 변경 2019-02-19 (LHJ)*/
	.sub_nav>ul {width: 95%; overflow-x: scroll; white-space: nowrap; margin: 0 auto; font-size: 0;}
	.sub_nav li {display: inline-table; font-weight: 400; font-size: 12px; line-height: 150%; position: relative;}


	.sub_nav li a {display: table-cell; padding: 0px 14px; color: #5c5b5b; text-decoration: none; vertical-align: middle; height: 40px;}
	.sub_nav li i {width: 80%; height: 2px; background: #ff7225; position: absolute; bottom: 0px; left: 50%; margin-left: -40%; display: none; z-index: 999;}
	.sub_nav li.on a {font-weight: 600; color: #ff7225}
	.sub_nav li.on i {display: block;}
		.sub_nav li.on:after {content: none;}
	::-webkit-scrollbar {display: none;}

	#sub_navi .sub_nav.jbFixed {position: fixed; top: 41px; left: 0; z-index: 999;}

 /*	::-webkit-scrollbar {display: none;}
	.sub_nav {width:100%; margin-top:0px; height: 80px; position: relative; margin-bottom: 20px;}
	.sub_nav li {display:inline-block; float:left; font-weight:bold;}
	.sub_nav li a {display:block; width:block; padding:0 10px; color:#4d4d4d; text-decoration:none; line-height: 40px; height: 40px;}

	.sub_nav .sub1 {width: 100%; over flow: scroll;}
	.sub_nav .sub1 ul {height: 40px; background:#ececec;}
	.sub_nav .sub1 li.on a {color: #008ccb;}

	.sub_nav .sub1.com ul {width: 172%;}
	.sub_nav .sub1.spn ul {width: 210%;}

	.sub_nav .sub2 {background: #fff; position: relative; border-bottom: 1px solid #ececec; height: 40px;}
	.sub_nav .sub2 ul {position: absolute; background: #fff; width: 100%;}
	.sub_nav .sub2 li {line-height: 40px;}
	.sub_nav .sub2 li.on a {background: #009de3; color: #fff; height: 40px;}*/


	.sub_nav2 {width: 100%; margin: 0; text-align: center;}
	.sub_nav2 ul {width: 100%; overflow: hidden; display: table; border-collapse: separate; border-spacing: 5px;}
	.sub_nav2 li {display: table-cell; font-weight: 400; width: 33.3%; height: 30px; margin: 0; text-align: center; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,0.8);}
	.sub_nav2.w2 li {width: 50%;} /*2개*/
	.sub_nav2.w3 li {width: 33.3%;} /*3개*/
	.sub_nav2.w4 li {width: 25%;} /*4개*/
	.sub_nav2 li a {color: #2a2a2a;}
	.sub_nav2 li.on {color: #000; background-color: #fff;}
	.sub_nav2.w4 li.on a {width: 98%;}
	.sub_nav2 .lh a {line-height: 19px;}

	#subVisualWrap {width: 100%; position: relative; text-align: center; z-index: 9;}
	#subVisual {width: 100%; position: relative; height: 100px;}
	#subVisualWrap .txt {color: #fff; font-size: 11px; line-height: 150%; width: 100%; position: relative; padding: 15px 10%;}
	#subVisualWrap .images {position: absolute; z-index: -1;overflow: hidden; width: 100%; height: 100%; top: 0; left: 0;}
	#subVisualWrap img {left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; position: absolute;}

	#b_title {width:100%; padding:10px 0px 0px 0px; /* background:url(/images/dot_gray_1px.png) 0 bottom  repeat-x; */}
	#b_title h3 {border-bottom:1px solid #e46161; font-size:1.6em; padding:10px 10px; }
	.h3color1 {color:#000; }
	.h3color2 {color:#ff0000; }
	.sub_title {clear:both; font-size:18px; color:#000; padding:10px 10px; font-weight: bold;}
	.b_title {width:100%; padding:10px 0px 0px 0px; /* background:url(/images/dot_gray_1px.png) 0 bottom  repeat-x; */}
	.b_title h3 {border-bottom:1px solid #e46161; font-size:1.6em; padding:10px 10px; }
	.b_title h4 {font-size:1.3em; padding:10px 10px; }

	#content {width:100%; margin-top: 15px;}
	#content95  {width:95%; margin:0 auto;}
	#sub_header {width:100%;}
	#sub_welcome {width:100%;}
	#sub_visual {width:100%;}


	.in_content {width:100%; margin:0px auto;}
	.input_text {border:1px solid #ccc; padding:4px 4px;height:20px;line-height:20px;}
	.input_text_p {border:1px solid #ccc; padding:6px 4px;height:20px;line-height:20px;font-size:17px;}

	.bgcolor_eee {background-color:#eee;}
	.font_14px {font-size:14px !important;}
	.width100 {width:100%;}
	.width95a {width:95%; margin:0 auto;}

	.div_ib div {display:inline-block; float:left;}
	.pad_l15 {padding-left:15px !important;}
/* 카피라이터 */

	#bottom {width: 100%; height: 70px; overflow: hidden;}

		.bottom_menu {width: 100%; height: 35px; overflow: hidden; text-align: center;padding-top: 10px; display: none;}
		.bottom_menu ul {display: inline-block;}
		.bottom_menu li {float: left; font-size: 13px; line-height: 35px; font-weight: 400;}
		.bottom_menu li a {float: left; color: #fff; height: 35px; padding: 0 9px; opacity: .8;}
		.bottom_menu li i {float: left; width: 1px; height: 12px; margin: 11px 0; background: #fff; opacity: .5;}
		.bottom_menu .color a {font-weight: 500;}

	#copyright {clear:both; display: none; width: 100%;}
	#copyright p {font-size: 0; line-height: 18px; color: #8f8e8e; font-weight: 400; word-wrap: break-word; word-break: keep-all; width: 90%; margin: 0 auto;}
	#copyright span {margin: 0 7px; font-size: 12px;}
	#copyright i {width: 1px; height: 10px; background: #ddd; display: inline-block; margin: -1px 0;}
	#copyright .rights {font-size: 10px; line-height: 10px; color: #6c7177; margin-top: 8px;}

	#bottom_logo {width: 108px; display: inline-block; opacity: 0.48; margin: 20px 0;}

	#bottom_fix {width: 100%; height: 70px; background: #222; position: fixed; left: 0; bottom: 0; text-align: center; z-index: 9999; border-top: 1px solid #3f3f3f;}
		#bottom_fix ul {width: 100%; height: 100%; font-size: 0;}
		#bottom_fix li {width: 25%; height: 100%; display: inline-table; border-left: 1px solid #2d2d2d;}
		#bottom_fix li:first-child {border-left: none;}
		#bottom_fix a {width: 100%; height: 100%; padding: 0; display: table-cell; vertical-align: middle;}
		#bottom_fix i {width: 18px; height: 18px; background-size: 100%; margin: 4px auto; display: block; background-repeat: no-repeat; background-position: center;}
			#bottom_fix .li01 i {background-image: url(/m/images/fix_btn01-w.svg);}
			#bottom_fix .li02 i {background-image: url(/m/images/fix_btn02-w.svg);}
			#bottom_fix .li03 i {background-image: url(/m/images/fix_btn03-w.svg);}
			#bottom_fix .li04 i {background-image: url(/m/images/fix_btn04-w.svg);}
		#bottom_fix p {color: #ececec; font-size: 12px; line-height: 200%;}

	.shop_top {width: 40px; height: 40px; position: fixed; right: 5px; bottom: 82px; background-image: url(/m/images/shop_top.svg); display: none; z-index: 99999;}
	.shop_top a {width: 40px; height: 40px; display: block;}

	#bottom .all_wrap { width: 125px; height: 34px; background: #061726; border: 1px solid #1f2f3c; font-weight: 500; color: #797f86; display: inline-block; position: relative; margin: 30px 0; display: none;}
		#bottom .all_inner_wrap {position:relative;}
		#bottom .all_wrap .wrap {height: 34px;}
		#bottom .all_wrap .arrow {width: 5px; height: 5px; background-image: url(/images/share/bottom_arrow.png); position: absolute; top: 15px; right: 15px; background-repeat: no-repeat; background-position: center;background-size: 100%;}
		#bottom .all_wrap .options {line-height: 34px; width: 125px; height: 34px; background: #061726; border: 1px solid #1f2f3c; color: #797f86; font-weight: 500;margin-top: -1px;}
		#bottom .all_wrap .options:hover {background: #132331; color: #838b93;}
		#bottom .all_wrap .opt_text {font-size: 9px; line-height: 34px; padding: 0 10px; letter-spacing: 0.56px; width: 105px;text-align: left;}
		#bottom .all_wrap .hiddens {display: none; position: absolute; top: 35px; right: -1px; }


	/* 오시는길 */
	#copyright2 {clear:both; float:left; margin-top:0px; color:#fff; width:100%; padding:20px 0px; background:#7c7c7c;}
	#copyright2 .cominfo {line-height:21px; width:100%; text-align:center; color:#fff;}
	#copyright2 .tweight {font-weight: bold;}
	#copyright2 .rights {line-height:32px; text-align:center; color:#fff;}
	/* 로그인창 */
	#copyright3 {clear:both; float:left; margin-top:0px; color:#fff; width:100%; padding:20px 0px; background:#fff; }
	#copyright3 .cominfo {line-height:21px; width:100%; text-align:center; color:#282828;}
	#copyright3 .rights {line-height:32px; text-align:center; color:#282828;}

/* 인덱스 */
	.login_dot {background:url(/images/login_dot.png) 0 0 no-repeat; padding-left:12px;}

	.join h3 a {text-decoration:none !important;}

	.aaa {width:100%; margin-top:30px; text-align:center;}
	.index_btns {clear:both; float:left; width:100%; display:block; }
	.index_btns a {display:block; margin:0px auto;}
	.index_btns li {display:block;float:left;}
	.index_btns li.nd {margin-top:3%;}
	.index_btns li.fir {width:32%; text-align:center; /*margin-left:19px; margin-right:19px;*/ margin-left:2%; }
	.index_btns li.cen {width:32%; text-align:center; /*margin-left:19px; margin-right:19px;*/}
	.index_btns li.thi {width:32%; text-align:center; /*margin-left:19px; margin-right:19px;*/}

/* 수당관련 */


	.pays th {background-color:#eee; border:1px solid #ccc; padding:8px 4px; font-size:15px; word-break:keep-all; word-wrap:break-word;}
	.pays th.point {background-color:#fff; border:1px solid #ccc; padding:8px 4px; font-size:16px; word-break:keep-all; word-wrap:break-word;}
	.pays td {border:1px solid #ccc;  padding:5px 5px; padding-left:7px; font-size:14px; /* word-break:keep-all; */ word-wrap:break-word; }
	.pays .htbody td {background-color:#eee; text-align:right; padding-right:7px;}
	.pays .htbody td.gray {background-color:#eee;}
	.pays .htbody td.minus {background-color:#ffc9c9;}
	.pays .htbody td.plus {background-color:#c9ddff;}
	.pays .htbody td.white {background-color:#ffffff;}


	.purchase td, .purchase th {font-size:14px;}
	.goodslist td, .goodslist th {font-size:12px;}

/* 미디어쿼리 320 */

	.purchase .dv_cell1 {display:none;}
	.purchase .dv_cell2 {display:none;}
	.purchase .dv320_inline_t {display:inline;}
	.purchase .dv320_inline_f {display:none;}
	.purchase .dv320_block {display:none;}


@media screen and (min-width: 370px) {
	.purchase .dv_cell1 {display:table-cell;}
	.purchase .dv320_inline_t {display:none;}
	.purchase .dv320_inline_f {display:inline;}
	.purchase .dv320_block {display:block;}
}

@media screen and (min-width: 480px) {
	.purchase .dv_cell2 {display:table-cell;}
	.purchase .dv_cell2_text {display:none;}
}

.alert {font-weight:bold; color:red; background-color:#fafcda; padding:10px;font-size:13px;line-height:1.5em;}
.alert2 {color:#3366cc; background-color:#fafcda; padding:10px;font-size:13px;line-height:1.5em;}
.alert3 {color:#007bb7; background-color:#eee; padding:10px;font-size:13px;line-height:1.5em;font-weight:bold;margin:15px 0px;}


.alertM {color:red; background-color:#fafcda; padding:10px;font-size:13px;line-height:1.5em;font-weight:bold;}
.in_content {width:95%; margin:0px auto;}
a {text-decoration:none !important;}

/* 카트 */
	#cart th {font-size:15px; background-color:#eee; border:1px solid #ccc; padding:8px 5px; word-break:keep-all; word-wrap:break-word;}
	#cart th.point {font-size:15px; background-color:#fff; border:1px solid #ccc; padding:8px 5px; word-break:keep-all; word-wrap:break-word;}

	#cart .th { background-color:#eee; border:1px solid #ccc; padding:8px 5px 8px 5px;}
	#cart td {font-size:15px; border:1px solid #ccc;  padding:8px 5px; padding-left:7px; }
	#cart .htbody td {background-color:#eee; text-align:right; padding-right:15px;}
	#cart .htbody td.minus {background-color:#ffc9c9;}
	#cart .htbody td.plus {background-color:#c9ddff;}
	#cart .alert {font-weight:bold; color:red; background-color:#fafcda; padding:10px;font-size:13px;line-height:1.5em;}
	#cart .alert2 {color:#3366cc; background-color:#fafcda; padding:10px;font-size:13px;line-height:1.5em;}


#index_welcome {width:100%;}
#index_visual {width:100%;}

#index_btns {float:left;margin-top:16px; width:100%;}
/*.index_btns {width:95%;}
.index_btns li {width:20%; margin-left:5%;}
*/




#b_page_title1 {margin-left:10px;}
#b_page_title2 {margin-left:5px;}
#b_page_title3 {margin-left:5px;}
.b_pages {margin-top:10px;  }
.b_page_on {background-color:#ef4243; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.1, rgb(239,66,67)),color-stop(1, rgb(225,14,15))); }
.b_page_off {background-color:#000; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.1, rgb(81,77,78)),color-stop(1, rgb(36,32,33))); }

.b_pages a {display:block;color:#fff;padding:10px 15px 10px 15px; font-weight:bold; color:#fff;}

#map {}

#bbs_search {width:100%;}
#bbs_search .searchbar {height:44px; font-size:12px;}
#bbs_search .searchterm {height:20px;color:#8e8e8e;}
#bbs_search .searchstr {padding:5px 0px;}


.movie .movie_list {}
.movie .movie_list .imgages {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:15px 0px;}
.movie .movie_list .nations {border-top:1px solid #d0d0d0;}
.movie .movie_list .subject {color:#ce1313; font-size:13px; height:20px; vertical-align:top;}
.movie .movie_list .subject a {color:#ce1313;}
.movie .movie_list .subject a:hover {text-decoration:underline;}
.movie .movie_list .content {color:#969696; vertical-align:top;line-height:1.5em;}
.movie .movie_list .content a {color:#969696;}
.movie .movie_list .content a:hover {text-decoration:underline;}
.movie .movie_list .info {color:#adadad; height:23px; font-size:11px;border-bottom:1px solid #d0d0d0; vertical-align:top;}

.movie .movie_list .notData {text-align:center; padding:80px 0px;  border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.movie .movie_list .pagertop {border-top:1px solid #f0f0f0; padding:7px 0px;}

.movie .movie_view {}
.movie .movie_view .imgages {height:100px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:15px 0px;}
.movie .movie_view .subject {color:#ce1313; font-size:18px; vertical-align:top; padding:15px 0px;}
.movie .movie_view .content {color:#808080; height:64px; vertical-align:top;line-height:1.5em; padding:30px 0px;}
.movie .movie_view .btnArea {text-align:center; padding:15px 0px;border-top:1px solid #d0d0d0;}



.pcontent {width:96%; color:#777; padding:20px 0px; margin:0px 10px; line-height:24px; font-size:14px; }
.dot_content {border-bottom:1px dashed #c8c8c8; }


.counsel li {line-height:21px; font-size:12px; letter-spacing:-1px; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; color:#000; }
.counsel .bgs {background:url(/images/content/counsel_bg.png) right 0 no-repeat;}

.counsel th {border:1px solid #ccc; background-color:#eee; padding:5px 0px;}
.counsel td {border:1px solid #ccc; padding:5px 0px 5px 5px; font-size:12px; }
.counsel .input_text {border-radius:5px; border:1px solid #ccc; padding:3px 0px;}
.counsel .input_area {border-radius:5px; border:1px solid #ccc; padding:3px 0px;}


.notData {padding:20px 0px; text-align:center;line-height:5.0em;}


.seller1 th {padding:8px 0px; background-color:#eee; border:1px solid #ccc;}
.seller1 td {padding:3px 0px; border:1px solid #ccc; font-size:12px;}
	.seller3 .pd2 {padding:4px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
	.seller3 .title {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}



/* 회원가입

 */

/* pop_search */
	#pop_search th {background-color:#eee; border:1px solid #ccc;padding:10px 0px; font-size:14px;}
	#pop_search td {border:1px solid #ccc; font-size:13px; text-align:center;line-height:20px;}
	#pop_search .tron td {padding:4px 0px;}


#index {overflow: hidden;font-size: 0;}

#index_visual {margin: 30px 0;}

#index .swiper-container .swiper-slide {display: inline-table;}
#index .swiper-container .swiper-slide .txt {display: table-cell; vertical-align: middle;}
#index .swiper-container .swiper-slide p {color: #fff; position: relative; z-index: 9; left: 0; text-align: center; font-size: 11px; line-height: 150%; margin-top: 10px; letter-spacing: -0.38px; padding: 0 20px; word-wrap: break-word; word-break: keep-all;}
#index .swiper-container .swiper-slide .tit {font-size: 19px; margin-top: 60px; font-weight: 500; line-height: 150%; letter-spacing: -1.12px;}
#index .swiper-container .swiper-slide .btn {position: absolute; z-index: 9; width: 100%; text-align: center; bottom: 54px;}
#index .swiper-container .swiper-slide .btn a {min-width: 118px; height: 26px; border-radius: 26px; background: #ff6a21; display: inline-block;color: #fff;line-height: 26px; letter-spacing: 10px; font-size: 11px; font-weight: 600; text-indent: 10px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#index .tit {color: #414141; font-size: 20px; line-height: 150%;font-weight: 600;text-align: center;}
#index .tit span {position: relative;}
#index .tit i {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #7a7a7a;}
#index .stit {color: #9e9e9e; font-size: 14px; line-height: 16px; margin-top: 10px;}

#index_feature {text-align: center; background: #fff; overflow: hidden; padding: 0 15px;}
#index_feature .tit {margin-top: 30px;}
#index_feature ul {margin: 26px 0; display: inline-block;}
#index_feature li {width: 100%; text-align: center; position: relative; float: left; margin-bottom: 20px;}
#index_feature li .img {width: 40px; height: 40px; margin: 15px auto;}
#index_feature li .txt {position: relative; z-index: 2; margin: 0 auto; width: 100%}
#index_feature li .txt .tit {margin: 0; color: #353535; font-size: 16px; font-weight: 500; line-height: 150%;}
#index_feature li .txt p {color: #9b9b9b; font-size: 12px; line-height: 180%; word-break: keep-all; word-wrap: break-word; margin-top: 10px; font-weight: 500;}

#index_feature .li01 .img {background: url('/images/index/index_feature01.png') no-repeat center; background-size: 100%;}
#index_feature .li02 .img {background: url('/images/index/index_feature02.png') no-repeat center; background-size: 100%;}
#index_feature .li03 .img {background: url('/images/index/index_feature03.png') no-repeat center; background-size: 100%;}
#index_feature .li04 .img {background: url('/images/index/index_feature04.png') no-repeat center; background-size: 100%;}
#index_feature .li05 .img {background: url('/images/index/index_feature05.png') no-repeat center; background-size: 100%;}
#index_feature .li06 .img {background: url('/images/index/index_feature06.png') no-repeat center; background-size: 100%;}

#index_btn {text-align: center; background: #f5f5f5; overflow: hidden; padding: 0 15px;}
#index_btn .tit {margin-top: 30px;}
#index_btn ul {margin: 26px -2%; display: inline-block; width: 108%}
#index_btn li {width: 28%; text-align: center; position: relative; margin: 10px 2%; float: left; overflow: hidden;}
#index_btn li a {width: calc(100% - 2px); float: left; cursor: pointer; height: 100%; border: 1px solid #e0e0e0; background: #fff;}
#index_btn li .img {width: 40px; height: 40px; margin: 0 auto; margin-top: 20px; position: relative; z-index: 2;}
#index_btn li .txt {position: relative; z-index: 2; margin: 0 auto; padding: 15px;}
#index_btn li .txt .tit {margin: 0; color: #353535; font-size: 13px; font-weight: 500; line-height: 150%; word-wrap: break-word; word-break: keep-all;}
#index_btn .li01 .img {background: url(/images/index/index_btn01.png) no-repeat center; background-size: 100%}
#index_btn .li02 .img {background: url(/images/index/index_btn02.png) no-repeat center; background-size: 100%}
#index_btn .li03 .img {background: url(/images/index/index_btn03.png) no-repeat center; background-size: 100%}

#index_movie {position: relative;min-height: 316px;padding: 10px 0;overflow: hidden;}
	#index_movie .bg {position: absolute; left: 0; width: 100%; height: 100%; background: url(/images/index/index_movie_bg.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed;bottom: 0;}
	#index_movie .tit {font-size: 18px; color: #fff; font-weight: 500;margin-top: 18px;}
	#index_movie .tit i {background: #414141;}
	#index_movie .txt {text-align: center; font-size: 12px; line-height: 200%; font-weight: 400; letter-spacing: -0.54px; background: linear-gradient(125deg, #ff6a21 40%, #a225e7 65%);-webkit-text-fill-color: transparent; color: #ff6a21; -webkit-background-clip: text;margin-top: 20px;}
	#index_movie .txt span {font-size: 13px; font-weight: 800; letter-spacing: -0.5px;}
	#index_movie .movie {margin: 20px auto;text-align: center; width: 310px;}
	#index_movie .movie img {width: 100%;}

	.is-ie #index_movie .txt {background: transparent;}

#index_calc {background: #f5f5f5; overflow: hidden;display: block;padding: 0 15px;text-align: center;padding-bottom: 30px;}
	#index_calc .tit {margin-top: 18px}
	#index_calc .price { overflow: hidden;margin-top: 3px; display: inline-block; margin: 15px auto;}
	#index_calc .price input {background: #fff; width: 146px; height: 28px; padding: 5px 10px; border: 1px solid #e0e0e0; outline: none; border-right: none; color: #5d5d5d; font-size: 12px;line-height: 28px;}
	#index_calc .price button {min-width: 45px; height: 40px; background: #4a4850; border: none; padding: 0 15px; margin: 0; outline: none; color: #fff; font-size: 11px;float: right; cursor: pointer;}
	#index_calc .price input:focus {border-color: #4a4850;}
	#index_calc .price span {padding-left:5px; border: none; color: #5d5d5d; font-size: 12px; line-height: 18px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	#index_calc .price > div {position: relative; width: 166px; float: left;}
	#index_calc ul {position: relative;margin: 0 -15px;display: inline-block;width: calc(100% + 30px);}
	#index_calc li {float: left; width: calc(50% - 24px); text-align: right;margin: 12px;height: 140px;}
	#index_calc li .tit {width: 100%; height: 40px;overflow: hidden;position: relative;margin-top: 0px;}
	#index_calc li .tit p {color: #fff; font-size: 12px; line-height: 40px; font-weight: 600;position: relative;z-index: 1;}
	#index_calc li .con {width: calc(100% - 2px); position: relative; border: 1px solid #e0e0e0; height: 48px;line-height: 50px;background: #f9f9f9;}
	#index_calc li .con p {color: #5d5d5d; font-size: 13px;width: calc(100% - 45px);}
	#index_calc li .con span {color: #9c9c9c; font-size: 10px; position: absolute;width: 25px;top: 50%;right: 15px;line-height: 150%;margin-top: -6px;}
	#index_calc li .tit i {position: absolute; width: 400%; height: 40px; top: 0; background: linear-gradient(to right, #ff6a21 35%, #9a1dce 85%);z-index: 0;}
	#index_calc .li02 .tit i {left: calc((100% + 24px)*-1);}
	#index_calc .li03 .tit i {left: calc((100% + 132px)*-1);}
	#index_calc .li04 .tit i {left: auto;right: 0;}

#index_bn { position: relative; text-align: center; width: 100%; padding: 30px 0; display: inline-block; min-height: 37px; overflow: hidden;}
	#index_bn .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/index/index_bn_bg.jpg) no-repeat bottom center;z-index: 0;background-size: cover;}
	#index_bn .tit {margin-top: 30px; color: #fff; font-weight: 300; font-size: 15px; line-height: 150%;}

	#index_bn ul {margin: 54px auto;width: 100%;}

/*준비중 페이지*/
	.ready {width: 100%; height: 100%; min-height: 300px; text-align: center; font-weight: 400; overflow: hidden; padding-bottom: 30px; position: relative;}
	.ready .img {background: url(/images/content/ready.png) no-repeat center -50px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
	.ready .color {background: linear-gradient(0deg, #414141 30%, #fff 100%); width: 50%; height: 100%; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -25%; min-width: 200px;}
	.ready .tit {margin-top: 210px; position: relative; z-index: 2;}
	.ready .tit p {font-size: 35px; line-height: 40px; color: #696b6c;}
	.ready .tit span {font-weight: 600; font-size: 38px; color: #414141; margin: 0 5px;}
	.ready .stit {font-size: 13px; line-height: 19px; color: #959595; margin-top: 25px; position: relative; z-index: 2;}


/*shop/category2.asp*/
.cate_tit {width: 100%; height: 34px; line-height: 34px; float: left; background-color: #3c3c3c; text-align: center; color: #fff; font-size: 15px; font-weight: 600;}
.cate_list {width: 100%; overflow: hidden; border-bottom: 1px solid #c2c2c2;}
.cate_list ul {padding: 12px 7px; overflow: hidden;}
.cate_list li {float: left; font-size: 11px; line-height: 20px; margin: 5px 0;}
.cate_list li a {float: left; margin: 0 10px; color: #525252; text-decoration: none;}
.cate_list li.on a {color: #05951c; text-decoration: underline!important;}

.index_vote .stit {color: #525252; font-size: 13px; line-height: 15px; font-weight: 600; text-align: center; margin-top: 15px;}

.index_bn.shop_bn {margin: 0;}
.bottom_cs.shop_cs {border-top: none;}


/* 애니페이 /shop/category.asp */
	/*#shopIndex {background: #fbfbfb; overflow: hidden; text-align: center;}
	#shopIndex .more {border: 1px solid #cacaca; color: #282828; text-align: center; margin: 15px 0; display: inline-block; padding: 8px 16px; background: #fff; font-size: 16px; line-height: 20px; cursor: pointer;}
	#shopIndex .more p {}
	#shopIndex .more span:last-child {width: 10px; height: 10px; position: relative; margin-left: 5px; display: inline-block;}
	#shopIndex .more i {background: #282828; position: absolute; width: 7px; height: 1px; top: 50%; left: 50%; margin-top: -3.5px; margin-left: -3.5px;}
	#shopIndex .more i:first-child {margin-top: -0.5px;}
	#shopIndex .more i:last-child {width: 1px; height: 7px; margin-left: -0.5px;}
	#shopIndex {text-align: center;}
	#shopIndex .tit {color: #373737; font-size: 18px; line-height: 22px; font-weight: 500; margin-top: 20px;}
	#shopIndex .stit {color: #959595; font-size: 11px; line-height: 15px; margin-top: 3px;}

	#shopIndex .stit_inner {width: 90%; margin: 20px auto; margin-bottom: 15px; display: inline-block;}
		#shopIndex .stit_inner .txt {color: #414141; font-size: 15px; font-weight: 500; line-height: 30px; float: left;}
		#shopIndex .stit_inner .txt span {color: #3b3ebb; font-weight: 600;}
		#shopIndex .sub_cate {float: right;}
		#shopIndex .sub_all {float: left; position: relative; z-index: 99;}
		#shopIndex .sub_all p {width: 114px; height: 28px; border: 1px solid #d1d1d1; line-height: 28px; text-align: center; color: #919191; font-size: 12px; font-weight: 300; cursor: pointer; background: #fff;}
		#shopIndex .sub_all ul {position: absolute; top: 30px; left: 0; display: none;}
		#shopIndex .sub_all ul.on {display: block;}
		#shopIndex .sub_all li {margin-top: -1px;}
		#shopIndex .sub_cate .btn {float: left; width: 40px; height: 30px; color: #fff; background: #707070; line-height: 30px; font-size: 12px; font-weight: 300; margin-left: 3px; cursor: pointer;}

	
	.goods_wrap .goods {margin: 5px; border: 1px solid #dadada; background: #fff; position: relative; display: inline-block; text-align: left;}
	.goods_wrap .goods a {width: 145px; height: 250px; display: block; padding: 6px;}
	.goods_wrap .goods .img {width: 143px; height: 143px; position: relative; z-index: 5; overflow: hidden;}
	.goods_wrap .goods .img img {position: absolute; top: 0; left: 0; width: 100%;}

	.goods_wrap .goods .txt {text-align: left; padding: 0 5px; margin-top: 10px; position: relative; z-index: 5; color: #3a3a3a; font-size: 14px; line-height: 20px; margin-top: 5px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.goods_wrap .goods ul {overflow: hidden; padding: 0 5px; margin-top: 15px; position: relative; z-index: 5; width: 60%; float: left;}
	.goods_wrap .goods li {width: 100%; float: left; margin: 0; text-align: left;}
	.goods_wrap .goods .li01 {color: #818181; font-size: 12px; text-decoration: line-through;}
	.goods_wrap .goods .li02 {color: #242424; font-size: 16px;}

	.goods_wrap .goods .sale {color: #f36465; font-size: 10px; float: right; margin-top: 25px; padding: 0 5px;}
	.goods_wrap .goods .sale span {font-size: 22px; font-weight: 600;}

	.goods_wrap .goods u {position: absolute; top: -1px; left: -1px; width: 153px; height: 318px; border: 3px solid #000; display: none; z-index: 0;}
	.goods_wrap .goods:hover u {display: block;}*/

/*shop index css*/
#shopIndex {text-align: center;}
#shopIndex .goods_wrap.layout_inner {overflow: hidden;}

#goods_wrap {text-align: center; padding: 23px 0;}

	#goods_wrap .tit {width: 100%; overflow: hidden; color: #353535; font-size: 16px; line-height: 110%; padding: 10px 0 20px 0; font-weight: 500;}

	#goods_wrap .list {margin-top: 25px; text-align: center; font-weight: 400; font-size: 12px; overflow: hidden;}
		#goods_wrap .list ul {float: left; border: 1px solid #e2e2e2;}
		#goods_wrap .list li {float: left; width: 172px; height: 50px; margin: -1px 0 -1px -1px;}
		#goods_wrap .list li a {width: 170px; height: 48px; border: 1px solid #e2e2e2; line-height: 48px; color: #3a3a3a; display: block; position: relative; z-index: 9;}
		#goods_wrap .list li.on a {background-color: #60960f; color: #fff; border-color: #60960f; z-index: 11;}

	#goods_wrap .wrap {position: relative; display: inline-block; margin-bottom: 0; padding: 0px 10px; font-size: 0;text-align: center;}

	#goods_wrap .goods {width: 160px; height: 240px; position: relative; font-weight: 400; text-align: left; display: inline-block; margin: 5px}
		#goods_wrap .goods a {float: left; cursor: pointer; height: 100%;}
		#goods_wrap .goods .img {width: 160px; height: 160px; border: 1px solid #e7e7e7; position: relative; background: #fff; margin: -1px;
			transition: border-color .2s;
			-webkit-transition: border-color .2s;
			-moz-transition: border-color .2s;
			-o-transition: border-color .2s;
		}
		#goods_wrap .goods .img img {width: 160px;}

		#goods_wrap .goods .txt {padding: 0 5px;}
		#goods_wrap .goods .txt p {line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;/*길어진 텍스트 ...로 자르기*/}
		#goods_wrap .goods .txt .p01 {color: #a1a1a1; font-size: 10px; margin-top: 10px;}
		#goods_wrap .goods .txt .p02 {color: #535353; font-size: 12px; font-weight: 500;}

		#goods_wrap .goods .price {color: #656565; font-size: 10px; position: absolute; left: 5px;width: calc(100% - 10px);bottom: 14px;}
		#goods_wrap .goods .price span {font-size: 13px;}

		#goods_wrap .goods:hover .img {border-color: #aaa;}


#goods_wrap.index_best {background: #fbf8ef; overflow: hidden;}
	#goods_wrap.index_best .tab { margin-bottom: 10px; width: 100%; text-align: center; font-size: 0;}
	#goods_wrap.index_best .tab ul {display: inline-block;}
	#goods_wrap.index_best .tab li {float: left; color: #1a1a1a; font-size: 12px; background: #fff; border: 1px solid #e1dfd9; border-radius: 30px; cursor: pointer; padding: 0px 16px; margin: 0 5px; line-height: 24px;
		transition: border-color .1s, background .1s, color .1s;
		-webkit-transition: border-color .1s, background .1s, color .1s;
		-moz-transition: border-color .1s, background .1s, color .1s;
		-o-transition: border-color .1s, background .1s, color .1s;
	}
	#goods_wrap.index_best .tab li.on {color: #fff; background: #ff7226; border-color: #ff7226;}
	#goods_wrap.index_best .goods {width: 170px;text-align: center; height: 245px; margin: 0;}
	#goods_wrap.index_best .goods a {width: 136px; height: 216px; position: relative; padding: 10px; background: #fff; border-radius: 10px;overflow: hidden; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
		transition: margin .2s, box-shadow .2s;
		-webkit-transition: margin .2s, box-shadow .2s;
		-moz-transition: margin .2s, box-shadow .2s;
		-o-transition: margin .2s, box-shadow .2s;margin: 5px;
	}
	#goods_wrap.index_best .goods .img {border: none; width: 100%; margin: 0px; height: 150px; overflow: hidden;}
	#goods_wrap.index_best .goods .img img {margin: -10px; width: 160px;}
	#goods_wrap.index_best .goods .txt .p01 {margin-top: 6px;}

	#goods_wrap.index_best .tab li:hover {background: #f9f9f9; color: #666;}
	#goods_wrap.index_best .tab li.on:hover {border-color: #ff7226; background: #ff7226; color: #fff; box-shadow: none;}
	#goods_wrap.index_best .goods:hover {}
	#goods_wrap.index_best .goods:hov er a {box-shadow: 1px 3px 15px 0 rgba(0,0,0,0.3); margin-top: 3px;}

#goods_wrap.index_new {background: #f8f8f8;}

#shopIndex #index_bn {padding: 15px 10px; font-size: 0; display: inline-block;}
#shopIndex #index_bn .bn {width: calc(100% - 10px); display: inline-block; margin: 5px; max-width: 580px;}
#shopIndex #index_bn .bn img {width: 100%;}
#shopIndex #index_bn .in {width: 100%; margin: 0 auto;}
#shopIndex #index_bn .bn01, #shopIndex #index_bn .bn02 {width: calc(50% - 10px); max-width: 280px;}

#shopIndex #shop_bn { position: relative; overflow: hidden;}
#shopIndex #shop_bn .bg {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 0; height: 570px;}
#shopIndex #shop_bn .bg span {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(/images/shop/shop_bn_bg.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed; display: none;}
#shopIndex #shop_bn .bg i {position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: url(/images/shop/shop_bn_bg2.jpg) no-repeat center bottom; background-size: auto 100%; background-attachment: fixed;}

#shopIndex #shop_bn .txt {text-align: center; position: relative; z-index: 1; color: #fff; font-size: 11px; line-height: 200%; padding: 25px 0;}
#shopIndex #shop_bn .txt div {font-size: 16px; line-height: 200%;margin-bottom: 8px;}
#shopIndex #shop_bn .txt p {font-weight: 200; word-break: keep-all; padding: 0 20px;}

.categoryIndex {background: #f8f8f8;}


/*COMPANY*/
	#company {position: relative; overflow: hidden; padding: 10px 15px;}
	.company01 {text-align: center;}
	.company01 .img {display: inline-block; width: 100%; max-width: 450px; min-height: 180px; background: url(/images/content/com01_01.jpg) no-repeat -48px 0px, linear-gradient(to bottom, #d8d8d8, #e7e7e7 30%, #e5e5e5 50%); background-size: auto 390px; position: relative;}
	.company01 .tit {color: #545454; font-size: 15px; line-height: 180%; letter-spacing: -1.2px; width: 40%; margin: 38px 20px; font-weight: 500; position: relative; float: right; text-align: left;}
	.company01 .tit span {color: #fff; position: relative;display: inline-block;z-index: 1; margin: 0 2px; font-weight: 400;}
	.company01 .tit span i {position: absolute; width: 100%; height: 19px; bottom: 4px; left: -3px; padding: 0 3px; background: #ff7225; z-index: -1;}
	.company01 .line {width: 100%; height: 2px; margin: 10px 0; float: left;}
	.company01 .line i {width: 28px; height: 2px; background: #ff7225;float: left;}
	.company01 .txt {color: #777; font-size: 13px; letter-spacing: -0.8px; text-align: center;line-height: 190%;margin: 20px 0;display: inline-block; width: 100%;}
	.company01 .txt p {word-break: keep-all; word-wrap: break-word;}
	.company01 .name {text-align: right; color: #ababab; font-size: 11px; line-height: 28px; margin-top: -4px; margin-right: 4px; letter-spacing: -0.4px;}
	.company01 .name span {color: #414141; font-size: 26px; line-height: 28px; font-family: 'YDIYuroM', sans-serif; margin-left: 1px;}

	.company02 {}
	.company02 .img {display: inline-block; width: 100%; max-width: 450px; min-height: 180px; background: url('/images/content/com02_01(1).jpg') no-repeat right -60px top -10px; background-size: auto 170%; position: relative; background-color: #000;}
	.company02 .tit {color: #fff; font-size: 15px; line-height: 180%; letter-spacing: -1.2px; word-break: keep-all; width: 50%; margin: 38px 20px; font-weight: 500; position: relative;}
	.company02 .tit span {color: #fff; position: relative;display: inline-block;z-index: 1; margin: 0 2px; font-weight: 400;}
	.company02 .tit span i {position: absolute; width: 100%; height: 19px; bottom: 4px; left: -3px; padding: 0 3px; background: #ff7225; z-index: -1;}
	.company02 .line {width: 100%; height: 2px; margin: 10px 0; float: left;}
	.company02 .line i {width: 28px; height: 2px; background: #ff7120; float: left;}
	.company02 .txt {color: #777; font-size: 13px; letter-spacing: -0.8px; text-align: center; line-height: 190%; padding: 25px 5px 40px 5px; display: inline-block; background: #f9f9f9;}
	.company02 .txt p {word-break: keep-all; word-wrap: break-word;}

	.company03 .con {overflow: hidden;}
	.company03 .img_wrap {height: 180px; position: relative; padding: 18px;}
	.company03 .img_wrap i {width: 110px; height: 110px; position: absolute; z-index: -1;}
	.company03 .img_wrap .name {position: absolute; right: 28px; bottom: 38px;}
	.company03 .img_wrap .name span {color: #fff; font-size: 15px; line-height: 150%; font-weight: 400; position: relative; text-align: right; z-index: 2; padding: 0 5px;}
	.company03 .img_wrap .name span i {width: 100%; height: 90%; z-index: -1; bottom: 1px; top: auto;}
	.company03 .img {height: 180px; width: calc(100% + 18px);}
	.company03 .txt_wrap {padding: 0 15px;}
	.company03 .txt_wrap .tit, .company03 .txt_wrap .stit {color: #545454; font-size: 18px; line-height: 160%; font-weight: 500; letter-spacing: -1.2px;}
	.company03 .txt_wrap .txt {margin-top: 12px; letter-spacing: -0.7px;}
	.company03 .txt_wrap .txt p {color: #777; font-size: 13px; line-height: 190%; word-break: keep-all;}
	.company03 .top {text-align: left;}
	.company03 .top i {background: #ff7225; top: 0; left: 0;}
	.company03 .top .img {background: url('/images/content/com03_01.jpg') no-repeat -10px -5px; background-size: auto 140%; background-color: #F0F0F0;}
	.company03 .top .tit {color: #ff7225;}
	.company03 .bottom {text-align: right;margin-top: 30px;}
	.company03 .bottom i {background: #efa300; right: 0;top: 0;}
	.company03 .bottom .img {background: url(/images/content/com03_02.jpg) no-repeat center -10px;margin-left: -18px;background-size: 100%;}
	.company03 .bottom .tit {color: #efa300;}
	.company03 .bottom .txt_wrap {}
	.ie7 .company03 .txt_wrap .txt p {font-size: 17px;}

	.company04 {}
	.company04 .img_wrap {position: relative; color: #fff; overflow: hidden;}
	.company04 .img_wrap .bg {height: 100%; background: #f37022; position: relative; z-index: -1; display: inline-block; padding: 15px; margin-top: 34px;}
	.company04 .img_wrap .img {z-index: 1; position: relative; float: left; margin-right: 15px; margin-top: -52px; min-width: 140px; min-height: 185px; width: 45%; max-width: 300px;}
	.company04 .img_wrap .img img {width: 100%;}
	.company04 .img_wrap .logo {width: 95px; height: 21px; background: url(/m/images/com04_02.svg) no-repeat center; float: right; position: relative; z-index: 9; opacity: .35; margin: 5px 0;}
	.company04 .img_wrap .line {width: calc(54% - 18px); height: 2px; margin: 12px 0; float: right;}
	.company04 .img_wrap .line i {width: 52px; height: 2px; background: #fff; float: right;}
	.company04 .img_wrap .tit {font-size: 18px; line-height: 150%; font-weight: 500; float: right; letter-spacing: -1.2px; width: calc(54% - 18px); word-break: keep-all; text-align: right;}
	.company04 .txt {width: 100%; float: right; margin-top: 20px; font-size: 13px; line-height: 200%; text-align: right;}
	.company04 .txt p {word-break: keep-all;}

	.company04 .con.txt {margin: 15px 0; text-align: left; float: left;}
	.company04 .con.txt p {color: #777; font-weight: 500;}

	/* 오시는길 */
	.maps {width: 100%; position: relative; margin-bottom: 30px;}
	.maps .tit {font-size: 24px; color: #2a2a2a;}
	.maps .map {width: 100%; height: 300px; margin: 15px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1), 0 1px 30px rgba(0,0,0,0.1);border: 1px solid #aaa;}
	.company05 .add {width: 100%; margin-top: 10px; position: relative; padding-top: 10px}
	.company05 .add i {width: 100%; background-color: #2a2a2a; position: absolute; left: 0;height: 2px;top: 0;}
	.company05 .add p {color: #2a2a2a; font-size: 14px; line-height: 150%; text-align: right; word-break: keep-all; font-weight: 300;}
	.company05 .add .p01 {}
	.company05 .add .p02 {font-weight: 500; font-size: 18px;}


/*BUSINESS*/
	#business {position: relative; overflow: hidden; padding: 10px 15px;}
	#business em {font-style: normal;}
	#business * {word-break: keep-all; word-wrap: break-word;}

	.business01 > .tit {font-size: 20px; line-height: 150%; color: #000; padding-bottom: 30px;}
	.business01 .top_con {width: 100%; overflow: hidden; margin-bottom: 30px; position: relative;}
	.business01 .top_con .img {width: 100%; float: left;}
	.business01 .top_con .img img {width: 100%;}
	.business01 .top_con .txt {/*border: 1px solid #999;*/ padding: 20px 30px; margin-bottom: 30px; background: #f5f5f5;}
	.business01 .top_con .txt p {font-size: 13px; line-height: 200%; font-weight: 500;}
	.business01 li {margin: 5px 0; margin-left: 12px; float: left;}
	.business01 p {font-size: 13px; line-height: 200%;}
	.business01 li > .p01 {text-indent: -12px;}
	.business01 table {width: 100%; margin: 10px 0; border-top: 2px solid #111;}
	.business01 table .ttit {background: #f9f9f9; font-weight: 500;}
	.business01 td {border: 1px solid #ddd; padding: 10px; text-align: center; line-height: 150%; width: 33.3%;}
	.business01 td .p02 {color: #ab0517;}
	.business01 td span {margin: 0 3px;}

	.business03 > .tit {font-size: 20px; line-height: 150%; color: #000; padding-bottom: 10px; font-weight: 500;}
	.business03 .con {margin-bottom: 50px; padding: 20px 0; margin-top: 20px; border-top: 2px solid #111;}
	.business03 p {font-size: 13px; line-height: 200%;}
	.business03 dl {padding: 15px 0;}
	.business03 dt {color: #2a2a2a; font-size: 16px; line-height: 150%; padding-bottom: 10px; font-weight: 600;}
	.business03 .num dd p {text-indent: -20px; margin-left: 20px;}
	.business03 .num dd ul {margin-left: 10px; overflow: hidden;}
	.business03 .num dd li {float: left; width: 100%;}
	.business03 .num dd li u {width: 3px; height: 3px; border-radius: 3px; background: #888; float: left; margin: 11px 8px 8px 0;}
	.business03 .num dd li p {float: left; width: calc(100% - 11px); text-indent: 0; margin: 0;}

	.business04 > .tit {font-size: 20px; line-height: 150%; color: #000; padding-bottom: 10px; font-weight: 500;}
	.business04 .con {padding-top: 20px; margin-top: 0px; border-top: 2px solid #111;}
	.business04 p {font-size: 13px; line-height: 200%;}
	.business04 dl {padding: 15px 0;}
	.business04 dt {color: #2a2a2a; font-size: 20px; line-height: 150%; padding-bottom: 20px; font-weight: 600;}
	.business04 dd {padding-bottom: 20px; overflow: hidden;}
	.business04 dd div {color: #1a1a1a; font-weight: 500; font-size: 16px; line-height: 200%}
	.business04 dd ul {padding: 5px 0;}
	.business04 dd li {margin-left: 20px; text-indent: -20px; font-size: 13px; line-height: 200%;}


	/*회원가입 페이지 210330 수정*/
	.select2-container {width: 100%; margin-top: -27px;}
	#selectNation {width: 100%; height: 32px!important; border: 1px solid #e6e6e6!important; padding: 0 0px!important;}
	.select2-search--dropdown {padding: 0!important; border-color: #e6e6e6!important;}
	.select2-container--default .select2-selection--single {border: transparent!important; background: transparent;}
	.select2-container .select2-selection--single {height: 32px;}
	.select2-container--open .select2-dropdown {top: -28px; background: transparent;}
	.select2-container--default .select2-search--dropdown .select2-search__field {border: none!important; background: transparent; outline: none; border-radius: 50px; height: 32px; line-height: 32px; padding: 0 10px!important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {height: 32px; padding: 0 15px; border-radius: 50px; border: 1px solid #e6e6e6; background: #f5f5f5; line-height: 32px; color: #484848;}
	.select2-results {background: #f5f5f5; border-top: 1px solid #e6e6e6;}
	.select2-container--open .select2-dropdown--below {border-top-left-radius: 15px!important; border-top-right-radius: 15px!important; background: #f5f5f5; border: 1px solid #e6e6e6!important;}
	.select2-results__option {border-top: 1px solid #e6e6e6;}
	.select2-search--dropdown::after {content: ''; width: 32px; height: 32px; background: url('/m/images/search.png') no-repeat center; background-size: 15px; position: absolute; right: 0; top: 0;}


	/*지갑 210330 추가*/
	.wallet {width: 100%; overflow: hidden; background: #272727;}
	.wallet .total {width: 100%; height: 60px; background: linear-gradient(to right, #c88716, #f6f288, #c88716); padding: 0 15px; color: #fff; line-height: 60px;}
	.wallet .total .inner {max-width: 960px; margin: 0 auto;}
	.wallet .total .tit {font-size: 15px; font-weight: 600; float: left;}
	.wallet .total .amount {float: right;}
	.wallet .total .amount .price {font-size: 17px; font-weight: 500; text-align: right; margin-right: 10px;}
	.wallet .wrap {padding: 5px 15px; font-size: 0; max-width: 1000px; margin: 0 auto;}
	.wallet table.box {background: #353535; border-radius: 8px; width: 100%; margin: 15px 0; color: #fff; font-size: 13px; position: relative;}
	.wallet .box td {font-weight: 200; padding: 15px;}
	.wallet .box .coin td {font-weight: 400; padding-bottom: 2px;}
	.wallet .box .dollar td {padding-top: 2px;}
	.wallet .box .icon {width: 45px; height: 45px; border-radius: 100%; overflow: hidden; padding: 0; padding-left: 15px;}
	.wallet .box .icon img {width: 45px;}
	.wallet .box .name {text-align: left;}
	.wallet .box .price {text-align: right;}
	.wallet .box .price span {margin-right: 5px;}
	.wallet .box .btns {padding-top: 0;}
	.wallet .box .btns div {float: right; margin-left: 10px;}
	.wallet .box .btns .in {}
	.wallet .box .btns .out {}
	.wallet .box .btns a {color: #fff; font-size: 12px; width: 100%; height: 100%; float: left; text-align: center; padding: 8px 12px; min-width: 80px; background: #939393; border-radius: 5px; line-height: 100%; font-weight: 400;}
	.wallet .box .question {}
	.wallet .box .question .img {padding: 0; position: absolute; width: 17px; height: 17px; background: url('/m/images/question.svg') no-repeat center; background-size: 100%; left: 5px; top: 5px; cursor: pointer;}
	.wallet .box .question .text {position: absolute; background: #fff; font-size: 12px; color: #333; text-align: center; line-height: 200%; padding: 15px 10px; width: calc(100% - 50px); z-index: 9; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 50px rgba(0,0,0,0.5); border-radius: 5px;}
	.wallet .box .question .text.on {display: block;}