@media screen and (max-width: 1200px) {
	.wrap {
		width: 96%;
	}

	.menu .wrap {
		width: 100%;
	}

	#sidebar .wrap {
		width: 100%;
	}

	.sub0101_inner04 .wrap {
		width: 96%;
	}

	/* main */
	.slide_pic .bx-wrapper .bx-prev {
		left: 0px;
	}

	.slide_pic .bx-wrapper .bx-next {
		right: 0px;
	}
	
	.main_con05 {
		padding-left: 10px;
	}


	/* sub */

	.sub0101_inner01 {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.sub0101_inner03 {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	#sub_page.wrap, #sub_contents.wrap {
		width: 96%;
	}

	#sub_page.service_payment.wrap {
		width: 100%;
	}

	#sub_page img {
		max-width: 100%;
	}

}

@media screen and (max-width: 1190px) {
	dl.coupon_box_listinner dd.coupon_img {
		width: 30%;
		text-align: center;
	}

	dl.coupon_box_listinner dd.coupon_title {
		width: 70%;
		padding-right: 0px;
	}

	dl.coupon_box_listinner dd.price_box {
		width: 100%;
		text-align: center;
		margin-top:10px;
	}

	span.price {
		line-height: inherit;
	}
}

@media screen and (max-width: 1090px) {
	.payment_inner h3 p {
		display: block;
		float: none;
		margin-top: 0px;
		text-align: left;
	}
}

@media screen and (max-width: 1024px) {
	#sit_pvi {
		float: left;
		width: 100%;
		padding: 0px;
	}

	#sit_pvi_big img {
		max-width:100%;
		height:auto;
	}
	
	#sit_ov {
		padding: 20px;
		width: 100%;
		height: auto !important;
		height: auto;
		min-height: auto;
	}
}

@media screen and (max-width: 970px) {
	.menu {
		display:none;
	}

	.login {
		margin-left: 0px;
		margin-right: 70px;
	}

	nav#accordian {
		display: block;
	}
	
	/*  BURGER
	========================================== */

	.burger {
		position: absolute;
		bottom: 35px;
		top: auto;
		right: 20px;
		border-radius: 4px;
		z-index: 1000;
		float: right;
		text-align: center;
		margin-left: 0px;
		margin-top: 0px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background: transparent;
		padding: 0px;
	}

	.burger.burger-close {
		display: none;
		top: 20px;
		bottom: auto;
	}

	.burger.burger-close.clicked {
		display:inline-block;
	}


	.cbp-af-header-shrink .burger {
		margin-top: 35px;
	}

	.burger span {
		position: relative;
		margin-top: 9px;
		margin-bottom: 9px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* position: absolute; */
		/* top: 50px; */
		/* left: 50%; */
		/* margin-left: -15px; */
		/* margin-top: -1.5px; */
	}

	.burger span, .burger span::before, .burger span::after {
	  display: block;
	  width: 25px;
	  height: 2px;
	  background-color: #192852;
	  outline: 1px solid transparent;
	  -webkit-transition-property: background-color, -webkit-transform;
	  -moz-transition-property: background-color, -moz-transform;
	  -o-transition-property: background-color, -o-transform;
	  transition-property: background-color, transform;
	  -webkit-transition-duration: 0.3s;
	  -moz-transition-duration: 0.3s;
	  -o-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}


	
	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */

	nav.allmenu {
		background-color: #18172b;
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		height: 100%;
		max-width: 70%;
		width: 100%;
		padding: 100px 40px 60px 40px;
		overflow-y: auto;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.allmenu.show {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}

	nav.allmenu.show ul.main li {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	nav.allmenu.show ul.main li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.main li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.main li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.main li:nth-child(4) { transition-delay: 0.6s; }
	nav.allmenu.show ul.main li:nth-child(5) { transition-delay: 0.75s; }
	nav.allmenu.show ul.main li:nth-child(6) { transition-delay: 0.9s; }
	nav.allmenu.show ul.main li:nth-child(7) { transition-delay: 1.05s; }
	nav.allmenu.show ul.main li:nth-child(8) { transition-delay: 1.2s; }
	nav.allmenu.show ul.main li:nth-child(9) { transition-delay: 1.35s; }

	nav.allmenu.show .about, nav.allmenu.show .social, nav.allmenu.show ul.sub {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
		transition-delay: .85s;
	}
	@media (min-width: 667px) {
		nav.allmenu { /*padding: 120px 90px 70px 90px;*/ }
	}

	nav.allmenu ul.main { list-style-type: none; }

	nav.allmenu ul.main li {
		margin-bottom: 0px;
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		-o-transform: translateX(40px);
		transform: translateX(40px);
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.main li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.main li a {
		color: #fff;
		text-decoration: none;
		/* text-transform: uppercase; */
		font-size: 15px;
		display: block;
		letter-spacing: 0px;
		font-weight: 400;
		padding: 15px 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.main li a span { color: #a9c2da; }
	nav.allmenu ul.main li a:hover, nav.allmenu ul.main li:hover > a { color: #fff; }

	nav.allmenu .about {
	  margin-top: 40px;
	  -webkit-transform: translateY(30px);
	  -moz-transform: translateY(30px);
	  -ms-transform: translateY(30px);
	  -o-transform: translateY(30px);
	  transform: translateY(30px);
	  opacity: 0;
	  -webkit-transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	nav.allmenu .about p {
		color: #ffffff;
		letter-spacing: 1px;
		line-height: 170%;
		font-weight: 100;
	}

	nav.allmenu .about p span {
		display: inline-block;
		width: 90px;
		font-weight: 200;
		color: #a9c2da;
	}

	nav.allmenu .social {
		margin-top: 40px;
		position: relative;
		padding-bottom: 30px;
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	nav.allmenu .social:after {
		content: "";
		width: 230px;
		height: 2px;
		background-color: #a9c2da;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	nav.allmenu .social a {
	  display: inline-block;
	  width: 30px;
	  height: 30px;
	  margin-right: 25px;
	}

	nav.allmenu .social a:last-of-type { margin-right: 0px; }

	nav.allmenu .social a:hover svg path, nav.allmenu .social a:hover svg circle { fill: #a9c2da; }

	nav.allmenu .social a svg {
		width: 100%;
		height: 100%;
	}

	nav.allmenu .social a svg path, nav.allmenu .social a svg circle {
		fill: #ffffff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.sub {
		list-style-type: none;
		margin-top: 40px;
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	nav.allmenu ul.sub li {
		margin-bottom: 10px;
		float: left;
		margin-right: 20px;
	}

	nav.allmenu ul.sub li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.sub li a {
		color: #ffffff;
		font-family: "Raleway", sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.sub li a:hover { color: #a9c2da; }

	nav.allmenu ul.sub li a img, nav.allmenu ul.sub li a i {
		float: left;
	}

	/*  OVERLAY
	========================================== */

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: #000;
		opacity: 0;
		visibility: hidden;
		z-index:999;
	}

	.overlay.show {
		opacity: 0.6;
		visibility: visible;
	}


	/* Centered texts in each section
	* --------------------------------------- */

	/* 서브메뉴 스타일 */
	#accordian ul ul li {
		margin-bottom:0px;
	}

	#accordian ul ul li a {
		color: white;
		text-decoration: none;
		font-size: 13px;
		line-height: 30px;
		display: block;
		padding: 0px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
	}

	#accordian ul ul li a:hover {
		/* background: #003545; */
		text-decoration: underline;
	}

	/* active 클래스 외에 것은 보이지 않게 하기 */
	#accordian ul ul {
		display: none;
	}
	#accordian li.active ul {
		display: block;
	}

	/* main */
	
	.main_vis {
		min-height: auto;
	}

	.main_text {
		margin: 50px auto;
		text-align: center;
	}

	.main_text img {
		max-width: 80%;
	}

	ul.main_con04_list01 li {
		min-height: 335px;
	}

	.main_con04_textbox .linkbox {
		bottom: 20px;
	}
	
	.main_con04_imgbox {
		min-height: auto;
		margin-bottom: 20px;
	}

	.main_con04_imgbox img {
		max-width:100%;
	}

	.main_con04_textbox h3 {
		font-size: 20px;
	}

	.main_con04_textbox h3 span {
		font-size: 12px;
	}

	.main_con04_textbox p {
		font-size: 12px;
		margin-bottom: 20px;
	}

	a.main_more_btn01 {
		font-size: 11px;
		padding: 11px 20px;
	}

	.main_con01 p.stext {
		font-size: 13px;
		letter-spacing: 0px;
		line-height: 20px;
		margin-bottom: 30px;
	}

	.main_con04_textbox {
		padding: 0 20px;
	}

	/* footer */
	.footer {
		padding: 70px 0px 10px;
		font-size: 11px;
	}
	
	.ft_menu {
		text-align: center;
	}

	.ft_copy {
		float: none;
		color: #fff;
		text-align: center;
	}

	.customer_number {
		position: absolute;
		right: 0px;
		top: -50px;
		width: 100%;
		text-align: center;
	}

	.customer_number a {
	    font-size: 13px;
	}
	
	/* sub */
	#sub_contents {
		margin-bottom: 50px;
		min-height: auto;
	}

	.vip_free_inner01 {
		padding: 70px 0;
	}

	.vip_free_text {
		display: block;
		color: #fff;
		font-size: 18px;
		line-height: 32px;
		font-weight: 300;
	}

	.vip_free_text h2 {
		margin-bottom: 30px;
		font-size: 52px;
		line-height: initial;
	}

	a.vip_free_btn01 {
		margin-top: 35px;
		padding: 0 20px;
		width: 175px;
		height: 55px;
		line-height: 55px;
		background: #ffa800 url(../image/sub/arrow01.png) 145px center no-repeat;
		font-size: 16px;
	}

	.vip_free_inner02 {
		padding: 50px 0px;
		background: #eee;
	}

	p.vip_free_list_text span {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 20px;
	}

	p.vip_free_list_text {
		font-size: 12px;
	}

	.vip_free_inner03 {
		margin-top: 50px;
	}

	.company_img {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.company_text {
		position: relative;
		float: left;
		width: 100%;
		line-height: 28px;
		text-align: center;
	}

	.company_text span.shawdow {
		width: 100%;
	}

	.company_text {
		line-height: 24px;
	}

	.investment_inner01 {
		padding: 50px 0;
	}

	ul.investment_list01 li {
		width: 32%;
		margin-bottom:20px;
	}

	ul.investment_list01 li:nth-child(4), ul.investment_list01 li:nth-child(5) {
		width: 32%;
		margin-bottom:0px;
	}

	ul.investment_list01 li:nth-child(4) {
		margin-left:0px;
	}
	
	.investment_inner02 .wrap { width: 100%; }

	.investment_inner02 .imgbox {
		position: relative;
		right: 0;
		top: 0px;
		width: 100%;
		text-align: center;
	}

	.investment_inner02 .textbox {
		width: 100%;
		padding: 20px;
	}

	.investment_inner02 .textbox h3 {
		margin-bottom: 20px;
		font-size: 26px;
		font-weight: 300;
	}

	.investment_inner03 {
		padding: 50px 0;
	}

	.investment_inner03_text {
		width: 100%;
		text-align: center;
	}

	.investment_inner03_text h3 {
		margin-bottom: 20px;
		font-size: 26px;
		font-weight: 300;
	}

	.investment_inner04 {
		margin-top: 50px;
	}

	.investment_inner04 h3 {
		margin-bottom: 20px;
		font-size: 26px;
		font-weight: 300;
	}

	.investment_inner04_textbox {
		position: relative;
		margin-bottom: 20px;
		padding-bottom:20px;
		border-bottom:1px solid #ddd;
	}

	.investment_inner04 .textbox01 {
		left: auto;
		top: auto;
		width: 100%;
		text-align: left;
		
	}
	.investment_inner04 .textbox02 {
		right: auto;
		top: auto;
		width: 100%;
		text-align: left;
	}

	.investment_inner04 .textbox03 {
		width: 100%;
		bottom: auto;
		text-align: left;
		margin-bottom: 0px;
		padding-bottom:0px;
		border-bottom:none;
	}

	.investment_inner04 .investment_inner04_inner {
		padding-bottom: 0px;
	}

	/* shop */
	.sod_list .sod_opt {
		padding: 10px 10px 5px;
		margin-left: 0px;
		color: #9e9e9e;
		/* font-size: 0.93em; */
		background: none;
		border: none;
		height: 80px;
	}

	.pcver { display:none !important; }
	.mobilever { display:block !important; }

	.top_banner {
		/* background: url(../image/top/mtop_banner_bg.png) center top no-repeat; */
		background: #10488e;
		padding: 10px 0px;
		height: auto;
		text-align: center;
	}

	.top_banner img {
		max-width:100%;
	}

	/* 마이페이지 */
	#smb_my {margin:10px ;}
	#smb_my .btn_more{display:block; height: 43px;width: 100%;border: 1px solid #c8c8c8;border-bottom-color: #aaa; color: #282828;line-height: 43px;text-align:center;}
	#smb_my_ov {margin:0 0 20px;}
	#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
	#smb_my_ov .my_name {
		position: relative;
		line-height: 20px;
		height: 50px;
		padding: 15px;
		background: #ffffff;
		color: #000;
		font-weight: normal;
		font-size: 1.083em;
		border: 1px solid #ddd;
		border-bottom: none;
	}
	#smb_my_ov .my_name img{border-radius:50%;vertical-align:top}
	#smb_my_ov .smb_my_act{position:absolute;top:10px;right:10px}
	#smb_my_ov .smb_my_act li{display:inline-block;font-size:0.92em}
	#smb_my_ov .smb_my_act li a{line-height:28px;height:30px;vertical-align:middle;padding:0 5px;margin:0;border-radius:3px}
	#smb_my_ov .my_pocou{padding:10px 5px;background:#fff}
	#smb_my_ov .my_pocou li{position:relative;padding:0 10px;line-height:30px}
	#smb_my_ov .my_pocou a{position:absolute;top:0;right:10px;font-weight:500;color:#f50057}
	#smb_my_ov .my_info{display:none;clear:both;width:100%;background:#fff;padding:10px;border-top:1px solid #e6e6e6}
	#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
	#smb_my_ov .my_info_wr{float:left;width:50%;line-height:20px;padding:3px 0px;position:relative;color:#666}
	#smb_my_ov .my_info_wr strong{display:inline-block;position:absolute;top:0;left:0;vertical-align: top;padding:3px 0px;}
	#smb_my_ov .my_info_wr span{display:block;padding-left:100px;}
	#smb_my_ov .ov_addr{width:100%}
	#smb_my_ov .my_ov_btn{text-align:center;border-top:1px solid #ccc}
	#smb_my_ov .my_ov_btn button{border:1px solid #ccc;border-top:1px solid #fff;background:#fff;padding:0 20px;height:20px;margin-top:-1px}
	#smb_my_od h2{margin:10px 0 }
	#smb_my_wish h2{margin:30px 0 10px }
	.wishlist ul{margin:10px 0}
	.wishlist ul:after {display:block;visibility:hidden;clear:both;content:''}
	.wishlist li{float:left;padding:5px;width:33.333%;text-align:center}
	.wishlist li img{width:100%;height:auto;max-width:250px}
	.wishlist li .info_link{display:block;font-weight:500;margin:5px 0 2px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.wishlist li .info_date{font-size:0.92em;color:#666}

	@media (max-width: 970px){
		#smb_my_ov .my_info_wr{width:100%}
	}

	/* 주문내역 include  */
	#sod_inquiry li {
		background: #fff;
		border: 1px solid #ccc;
		padding: 15px;
		margin-bottom: 10px;
		position: relative;
		background: #f4f4f4;
	}
	#sod_inquiry li .idtime_link{font-weight:500;font-size:1.167em}
	#sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#999}
	#sod_inquiry li .inquiry_name{margin:10px 0;color:#666}
	#sod_inquiry li .inquiry_price{font-size:1.25em;font-weight:500}
	#sod_inquiry li .inv_status{display:block;text-align:center;margin:5px 0 0;font-weight:500}
	#sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}
	#sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px}

	.status_01{display:block;background:#fda83c;color:#fff;line-height:30px;}
	.status_02{display:block;background:#ff6f6f;color:#fff;line-height:30px;}
	.status_03{display:block;background:#5bd085;color:#fff;line-height:30px;}
	.status_04{display:block;background:#6fa8ff;color:#fff;line-height:30px;}
	.status_05{display:block;background:#333;color:#fff;line-height:30px;}
	.status_06{display:block;background:#f3f3f3;border:1px solid #ddd;color:#666;line-height:30px;font-weight:500}
	
	/* 장바구니 주문서 공통 */
	#sod_chk {margin:10px;}
	.sod_list { }
	.sod_list .sod_li {background:#fff;border-bottom: 1px solid #ccc;margin:10px 0;}
	.sod_list .li_name{ line-height:1.3em;padding: 10px 10px;font-size:1.083em}
	.sod_list .li_op_wr{position:relative;margin:10px;padding-left:90px;min-height:80px}
	.sod_list .total_img{position:absolute;top:0;left:0}
	.sod_list .mod_options{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 5px 0 0;}
	.sod_list .li_prqty{margin:10px 10px ;border-top:1px solid #dcdcdc;padding:10px 0 0}
	.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
	.sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px; text-align :right;}
	.sod_list .li_prqty_sp span {
		float: left;
		padding: 0 10px;
	}
	.sod_list .prqty_sc,.sod_list .prqty_price{border-right:1px solid #dcdcdc}
	.sod_list .total_price {
		background: #f5f5f5;
		border: 1px solid #e2e2e2;
		display: block;
		clear: both;
		margin: 10px 10px;
		text-align: right;
		padding: 5px 10px;
		line-height: 20px;
	}
	.sod_list .total_price span{float:left; left: 10px;}
	.sod_list .total_price strong{font-size:1.25em;color:#ff006c}
	.sod_opt li {padding-left: 10px;background: url('../img/bullet.gif') no-repeat 3px 50%;color: #777;margin: 3px 0;line-height: 1.3em;}


	#sit_opt_added {margin:0;padding:0;border-bottom:0; list-style:none;border-bottom:1px solid #ccc}
	#sit_opt_added li {padding:10px 15px;border-bottom:1px solid #e9e9e9;position:relative}
	#sit_opt_added li .opt_name{line-height:18px;padding:0 0 5px}
	#sit_opt_added li .opt_count{}
	#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
	#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
	#sit_opt_added button:hover{color:#000}
	#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;}
	#sit_opt_added .sit_opt_del{border:0;font-size:15px;background:#d3d3d3;margin-left:3px}
	#sit_opt_added .sit_opt_del:hover{color:#be334a}
	#sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:500;}

	/* 주문상세내역 */
	#sod_list_inq{}
	#sod_fin_list .sod_ta_wr{padding:15px;background:#fff}
	#sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
	#sod_fin_list .prqty_stat{position:absolute;top:0;right:0;padding:3px 5px;background:#6583c5;color:#fff}
	#sod_fin_list .li_opt{color: #777;margin: 3px 0;line-height: 1.3em;padding-right:50px}
	#sod_sts_wrap {
		margin: 10px 0px;
	}
	#sod_sts_wrap .btn_wr{border-top:1px solid #bbb;text-align:center}
	#sod_sts_explan_open{padding: 0 10px;height: 30px;border: 1px solid #bbb;border-top:1px solid #e6e6e6;margin-top:-1px;color: #333;background:none}
	#sod_sts_explan{display:none}
	#sod_fin_legend{background:#f7f7f7;;margin:0 0 10px;padding:10px;line-height:20px}
	#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
	#sod_fin_legend dt{float:left;width:20%}
	#sod_fin_legend dd{float:left;width:80%}
	#sod_fin_view{margin:10px;}
	#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
	#sod_fin_view h3{font-size:1.167em;margin:20px 0 10px}

	#sod_fin_no{margin:10px 0px;border:2px solid #b9b9b9;background:#f3f3f3;;color:#444;text-align:center;padding:10px}
	#sod_fin_no strong{font-size:1.167em}

	#sod_fin_tot{margin:0px}
	#sod_fin_tot h2{font-size:1.167em;margin:20px 0 10px}
	#sod_fin_tot ul{margin:0;padding:0;list-style:none}
	#sod_fin_tot li{padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
	#sod_fin_tot li:after{display:block;visibility:hidden;clear:both;content:""}
	#sod_fin_tot #alrdy{border-bottom:0 !important}
	#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
	#sod_fin_tot #alrdy .right p{position:relative}
	#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
	#sod_fin_tot strong {float:right}

	#sod_fin_cancel{margin:10px 0;}
	#sod_fin_cancel h2{position:absolute;border:0;font-size:0;line-height:0;content:""}
	#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:500;width:100%;background:none;color:#5e6b6f}
	#sod_fin_cancel p{text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:500}
	#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
	#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
	#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
	#sod_fin_test {padding:10px}
	
	.modal-content, .modal-content1 { width: 80%; }
}

@media screen and (max-width: 910px) {
	ul.snb.wh5 li {
		width: 33.33%;
	}

	ul.snb.wh5 li:nth-child(1), ul.snb.wh5 li:nth-child(2), ul.snb.wh5 li:nth-child(3) {
		border-bottom: 1px solid #ff694f;
	}
}

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

	body {
		margin: 0;
		padding: 0;
		font-size: 13px;
		font-family: 'Lato', 'notokr', dotum, sans-serif;
	}

	.sod_left {
		width: 100%;
		margin-right: 0%;
	}

	.sod_right {
		width: 100%;
	}

	#sod_frm section {
		margin-bottom: 30px;
	}

	.main_con01, .main_con02, .main_con03, .main_con04 {
		padding: 50px 0;
	}

	.main_contents h2 {
		margin-bottom: 30px;
		font-size: 26px;
	}

	ul.main_con02_list li .text_box h3 {
		padding: 0 0 10px;
		font-size: 17px;
		line-height: 22px;
	}

	ul.main_con02_list li .text_box span.point_percent {
		margin: 15px 0px;
		font-size: 24px;
	}

	ul.main_con02_list li .text_box p {
		font-size: 12px;
		line-height: 18px;
	}

	.main_con05 {
		padding: 30px 0;
		padding-left: 10px;
	}

	.main_contents .main_con05 h2 {
		font-size: 36px;
	}

	.main_contents .main_con05 h2 span {
		font-size: 30px;
	}

	.main_con05 p {
		font-size: 13px;
	}

	.main_con05_img {
		width:350px;
	}

	a.main_more_btn02 {
		padding: 13px 20px;
	}

	.main_con04_imgbox h3 {
		font-size: 18px;
		line-height: 26px;
	}

}

@media screen and (max-width: 770px) {
	p.main_con01_text {
		margin: 20px 0px;
		font-size: 12px;
	}

	ul.main_con01_list li {
		min-height: 267px;
	}

	ul.main_con02_list li .text_box {
		overflow: hidden;
		padding: 30px 10px;
		text-align: center;
	}
	
	/* sub */
	p.vip_free_list_text {
		min-height: 125px;
	}

	.investment_inner02 .imgbox img {
	    width: 60%;
	}

	.payment_inner {
		padding: 20px 20px;
	}
	dl.coupon_box_listinner dd.coupon_title h4 { font-size: 22px; }
	.payment_inner h3 p { font-size: 13px; }
	.payment_inner h3 p span { font-size: 15px; }

}

@media screen and (max-width: 680px) {
	body {
		font-size: 13px;
	}
	
	/* top */

	.burger {
		bottom: 35px;
		top: auto;
	}

	/* main */

	.main_con01, .main_con02, .main_con03, .main_con04 {
		padding: 50px 0px;
	}

	.main_contents .main_con01 h2 {
		margin-bottom: 20px;
	}

	p.icon_text {
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: 1px;
	}

	p.icon_text span {
		font-size: 15px;
	}

	ul.main_con02_list li {
		width: 32%;
		margin-bottom:10px;
		margin-left: 2%;
	}

	ul.main_con02_list li:nth-child(4) {
		margin-left: 0px;
	}

	ul.main_con02_list li .text_box {
		overflow: hidden;
		padding: 20px 10px;
		text-align: center;
	}

	ul.main_con02_list li .text_box h3 {
		font-size: 18px;
	}

	ul.main_con02_list li .text_box span.point_percent {
		font-size: 30px;
		margin: 10px 0px;
	}

	ul.main_con02_list li .text_box p {
		font-size: 12px;
	}

	ul.main_con04_list01 li {
		width: 100%;
		margin: 0 0% 20px;
		height: auto;
	}

	.main_con04_imgbox img {
		width: 100%;
	}

	.main_con04_imgbox h3 {
		font-size: 28px;
		line-height: 36px;
	}

	.main_con04_textbox p {
		margin-bottom: 70px;
	}

	.main_con03 .slide_pic .slide {
		width:200px !important;
	}

	.main_con03 li.title {
		font-size: 13px;
	}

	/* sub */

	.subtop {
		overflow: hidden;
		width: 100%;
		height: 250px;
	}

	.sub_text {
		margin-top: 80px;
		text-align: center;
	}
	
	.sub_text h3 {
		font-size: 38px;
		font-weight: 300;
		color: #fff;
	}

	ul.snb.wh4 li {
		width: 50%;
	}

	ul.snb.wh4 li:first-child, ul.snb.wh4 li:nth-child(2) {
		border-bottom:1px solid #ff694f;
	}

	ul.snb li a {
		font-size: 12px;
	}
	
	.sub_text p.title_text {
		margin-top: 10px;
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		line-height: 20px;
	}

	.vip_free_inner01 {
		padding: 40px 0;
	}

	.vip_free_text h2 {
		margin-bottom: 25px;
		font-size: 42px;
	}

	.vip_free_text {
		font-size: 16px;
		line-height: 24px;
	}

	.vip_free_text p {
		padding-left: 20px;
		margin-bottom: 20px;
	}

	.operation h3 {
		font-size: 20px;
	}

	.gall_row .col-gn-4 {
		width: 50%;
	}

	.th_num, .td_num2 {
		display:none;
	}

	#bo_sch {
		display: none;
	}

	.sct_10 .sct_li {
		width: 100% !important;
		margin-bottom: 30px;
	}

	.sct img {
		width: 100%;
	}

}

@media screen and (max-width: 640px) {
	dl.coupon_box_listinner dd.coupon_img {
		width: 100%;
	}

	dl.coupon_box_listinner dd.coupon_img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	dl.coupon_box_listinner dd.coupon_title {
		width: 100%;
		padding-left: 0px;
		text-align: center;
	}
}

@media screen and (max-width: 530px) {
	
	/* main */
	
	.main_contents h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}

	a.main_text_btn01 {
		font-size: 12px;
	}

	.main_con05_img {
		width: 270px;
	}

	/* sub */

	.mb50 {
		margin-bottom: 30px;
	}

	.sub_text span.title {
		font-size: 42px;
		letter-spacing: 0px;
	}

	.sub_text span.title_text {
		font-size: 16px;
	}

	#sidebar {
		margin-bottom: 30px;
	}

	ul.snb li a {
		font-size: 13px;
		letter-spacing: -1px;
	}

	.sub_title {
		margin-bottom: 10px;
	}

	.sub_title h2 {
		font-size: 28px;
	}

	span.sub_navi {
		font-size: 11px;
	}

	ul.vip_free_list01 li {
		float: left;
		width: 100%;
	}

	ul.vip_free_list01 li.center {
		margin: 20px 0%;
	}

	ul.vip_free_inputbox li {
		float: left;
		width: 100%;
	}

	ul.vip_free_inputbox li:first-child {
		border-bottom:1px solid #ddd;
	}

	p.vip_free_list_text {
		min-height: auto;
	}

	/* shop */
	#sod_list.pcver {
		display: none;
	}

	#sod_list.mobilever {
		display: block;
		border-bottom: none;
	}

	.tbl_head03 #sod_list th {
		width: 20%;
		background: #f4f4f4;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.tbl_head03 #sod_list td { border-bottom: 1px solid #ddd; }

	.od_prd_list .td_prd .sod_img {
		position: relative;
		top: auto;
		left: 0;
		float: left;
	}

	.od_prd_list .td_prd {
		border-left: 0;
		position: relative;
		padding-left: 10px;
		min-height: auto;
		width: 80%;
	}

	.od_prd_list .td_prd .sod_name {
		min-height: auto;
		float: left;
		margin-left: 10px;
	}

}

@media screen and (max-width: 500px) {
	.main_con05_img {
		display:none;
	}

	.slogo {
		float: left;
		margin-top: 10px;
	}
	
	.slogo img {
		width: 120px;
	}
}

@media screen and (max-width: 480px) {
	ul.main_con01_list li {
		width: 100%;
		min-height: auto;
	}

	ul.main_con01_list li.center {
		margin: 20px 0%;
	}

	ul.main_con02_list li .text_box h3 {
		font-size: 15px;
	}

	ul.main_con02_list li .text_box span.point_percent {
		font-size: 24px;
	}

	.main_contents .main_con05 h2 {
		font-size: 26px;
		line-height: 30px;
	}

	.main_contents .main_con05 h2 span {
		font-size: 20px;
	}

	/* sub */
	.company_text h3 {
		margin-top: 30px;
		font-size: 20px;
	}

	.company_text span.shawdow {
		top: 20px;
		font-size: 62px;
	}
	
}

@media screen and (max-width: 450px) {
	/* top */
	ul.top_menu_inner li a {
		width: 70px;
		font-size: 11px;
	}

	/* main */
	.main_con01, .main_con02, .main_con03, .main_con04 {
		padding: 30px 0px;
	}

	/* sub */
	.coupon_box {
		padding: 20px;
	}
	
	dl.coupon_box_listinner dd.coupon_title h4 {
		font-size: 18px;
	}

	span.price {
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
	}

	a.service_payment_btn01 {
		width: 150px;
		font-size: 14px;
		margin-left: 0px;
	}

}

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

	ul.main_con02_list li {
		width: 49%;
		margin-left: 1%;
	}

	ul.main_con02_list li:nth-child(3), ul.main_con02_list li:nth-child(5) {
		margin-left: 0px;
	}

	ul.main_con02_list li:nth-child(4) {
		margin-left: 1%;
	}

	.main_con04_imgbox h3 {
		font-size: 24px;
		line-height: 36px;
	}

	/* sub */
	.sub_text {
		margin-top: 70px;
	}

	.sub_text p.title_text {
		font-size: 12px;
	}

	ul.snb.wh5 li {
		width: 50%;
	}

	ul.snb.wh5 li:nth-child(1), ul.snb.wh5 li:nth-child(2), ul.snb.wh5 li:nth-child(3), ul.snb.wh5 li:nth-child(4) {
		border-bottom: 1px solid #ff694f;
	}

	.mbskin {
		width: 100%;
	}

	#mb_login {
		margin-bottom: 0px;
	}

	#login_fs {
		padding: 0 30px;
	}
}

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

	ul.top_menu_inner li a {
		width: 60px;
		font-size: 10px;
	}
}