@charset "utf-8";

/* image button */
.add_btn {margin-top:5px}

#side_paper {margin-top:5px; margin-bottom:5px}
.side_paper_opt {margin-bottom:5px}


/* sub_visual */
.sub_visual{width:100%; height:410px; position:relative;}
.sub_visual img{position:absolute; top:0;width:2560px; height:410px; left:50%; margin-left:-1280px; z-index:1;}
.sub_visual img.on{display:none;}
.sub_visual .txt{position:absolute; top:30%; left:50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); z-index:2; text-align:center; width:100%;}
.sub_visual .txt p{font-size:60px; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.sub_visual .txt span{font-size:20px; padding-top:15px; letter-spacing:-0.025em; font-weight:200; display:block; color:#fff;}


/* 회사소개 */
.intro_con{margin:50px 0 100px;}

.intro01 .txt{ text-align:center;}
.intro01 .txt h4{font-size:40px; padding-bottom:30px; letter-spacing:-0.025em; color:#222; font-weight:700;}
.intro01 .txt p{font-size:22px; line-height:35px; padding-bottom:50px; letter-spacing:-0.025em; color:#222; font-weight:700;}
.intro01 .txt span{font-size:18px; line-height:32px; padding-bottom:100px; letter-spacing:-0.025em; color:#333; font-weight:200; display:block;}

.intro02 .inner{overflow:hidden;}
.intro02 .inner .left{float:left; width:50%; height:443px;}
.intro02 .inner .left img{width:100%; height:443px;}
.intro02 .inner .right{ float:right; width:50%; height:443px; padding:85px 60px 0; box-sizing:border-box; border-top:1px solid #ccc;}
.intro02 .inner .right h4{font-size:50px; padding-bottom:40px; line-height:1; letter-spacing:-0.05em; color:#222; font-weight:200; margin:0;}
.intro02 .inner .right p{ font-size:17px; line-height:30px; color:#333; letter-spacing:-0.03em; font-weight:200;  word-break:keep-all;}

.intro03 .inner{overflow:hidden;}
.intro03 .inner .left{ float:left; width:50%; height:443px; padding:85px 60px 0; box-sizing:border-box;}
.intro03 .inner .left h4{font-size:50px; padding-bottom:40px; line-height:1; letter-spacing:-0.05em; color:#222; font-weight:200; margin:0;}
.intro03 .inner .left p{ font-size:17px; line-height:30px; color:#333; letter-spacing:-0.03em; font-weight:200;  word-break:keep-all;}
.intro03 .inner .right{float:right; width:50%; height:443px;}
.intro03 .inner .right img{width:100%; height:443px;}

.intro04 .inner{height:443px; background:url("/img/intro04_bg.jpg") center top no-repeat; background-size:100% 100%; text-align:center;}
.intro04 .inner .txt h4{font-size:40px; padding:85px 0 40px 0; line-height:1; letter-spacing:-0.025em; color:#222; margin:0; font-weight:700;}
.intro04 .inner .txt p{font-size:18px; line-height:32px; letter-spacing:-0.025em; font-weight:200; color:#333;}
.intro04 .inner .txt p b{font-size:22px; line-height:35px; color:#222;}


/* 회사소개탭 */
.intro_tab ul {text-align:center; margin:50px 0 0; font-size:0;}
.intro_tab ul li {display:inline-block; width:25%;}
.intro_tab ul li a {display:block; width:100%; padding:15px 0; box-sizing:border-box; border:1px solid #4ea926; color:#333; font-size:18px; border-right:0;}
.intro_tab ul li:last-child a {border-right:1px solid #4ea926;}
.intro_tab ul li.on a {background:#4ea926; color:#fff;}








@media all and (max-width:1199px){

	/* 회사소개 */
	.intro02 .inner .right{padding:50px 50px 0;}
	.intro03 .inner .left{padding:50px 50px 0;}

}

@media all and (max-width:999px){
	/* sub_visual */
	.sub_visual img.off{display:none;}
	.sub_visual img.on{display:block;}
	.sub_visual img{position:absolute; top:0; left:0; width:100%; margin-left:0;}

	
	/* 회사소개 */
	.intro_con{margin:7% 0 10%;}
	
	.intro01 .txt h4{font-size:40px; padding-bottom:30px; letter-spacing:-0.025em; color:#222; font-weight:700;}
	.intro01 .txt p{word-break:keep-all;}
	.intro01 .txt p br{display:none;}
	.intro01 .txt span br{display:none; word-break:keep-all;}

	.intro02 .inner .left{float:none; width:100%;}
	.intro02 .inner .right{ float:none; width:100%; height:auto; padding:50px;}

	.intro03 .inner .left{ float:none; width:100%; height:auto; padding:50px;}
	.intro03 .inner .right{float:none; width:100%;}

	/* 회사소개탭 */
	.intro_tab ul {margin:8% 0 0;}
	.intro_tab ul li {width:33.333%;}



}

@media all and (max-width:639px){
	/* sub_visual */
	.sub_visual{height:64.0625vw;}
	.sub_visual img{height:64.0625vw;}
	/* .sub_visual .txt{top:30%; left:50%;} */
	.sub_visual .txt p{font-size:9.375vw;}
	.sub_visual .txt span{font-size:3.5vw; padding-top:2.34375vw;}
	

	/* 회사소개 */
	
	.intro01 .txt h4{font-size:6.25vw; padding-bottom:4.6875vw; }
	.intro01 .txt p{font-size:4vw; line-height:5.5vw; padding-bottom:7.8125vw;}
	.intro01 .txt span{font-size:3.5vw; line-height:4.5vw; padding-bottom:15.625vw; }

	.intro02 .inner .left{height:69.21875vw;}
	.intro02 .inner .left img{height:69.21875vw;}
	.intro02 .inner .right{ padding:7.8125% }
	.intro02 .inner .right h4{font-size:7.8125vw; padding-bottom:6.25%;}
	.intro02 .inner .right p{ font-size:3.5vw; line-height:4.6875vw; }

	.intro03 .inner .left{ padding:7.8125%;}
	.intro03 .inner .left h4{font-size:7.8125vw; padding-bottom:6.25vw;}
	.intro03 .inner .right{ height:69.21875vw;}
	.intro03 .inner .left p{ font-size:3.5vw; line-height:4.6875vw;}
	.intro03 .inner .right img{ height:69.21875vw;}

	.intro04 .inner{height:69.21875vw; }
	.intro04 .inner .txt h4{font-size:6.25vw; padding:13.28125% 0 6.25% 0; }
	.intro04 .inner .txt p{font-size:3.5vw; line-height:5vw; word-break:keep-all;}
	.intro04 .inner .txt p br{display:none;}
	.intro04 .inner .txt p b{display:block; font-size:4vw; line-height:5.46875vw;}

	/* 회사소개탭 */
	.intro_tab ul {margin:8% 0 0;}
	.intro_tab ul li {width:33.333%;}
	.intro_tab ul li a {padding:5% 0; font-size:3.125vw;}

}


/*order_form_common*/
.form_con01 {width:100%; max-width:1200px; margin:0 auto;}
.form_con01 .common_tit {width:100%; text-align: center;}
.form_con01 .common_tit p {font-size:40px; color:#121212; font-weight:bold; letter-spacing: -0.025em; line-height: 35px; padding:8% 0;}
.form_con01 .common_tit.pro_type p {padding:8% 0 5%;}
.form_con01 input {border: 1px solid #c0c9ce; height:30px;}
.form_con01 select {border: 1px solid #c0c9ce; height:30px;}
.form_con01 .input_area {width:100%;}
.form_con01 .input_area table {width:100%; border-top:1px solid #6cbb5a;}
.form_con01 .input_area table tr {border-bottom:1px solid #eaeaea;}
.form_con01 .input_area table tr:last-of-type {border-bottom:1px solid #333;}
.form_con01 .input_area table tr th {background: #fafafa; text-align: center; font-size:16px; color:#333; font-weight:500; letter-spacing: -0.025em; padding:2% 0;}
.form_con01 .input_area table tr td {padding-left:2%; box-sizing: border-box; font-size:16px;}
.form_con01 .input_area table tr td.text { font-size:16px; color:#333; font-weight:400; letter-spacing: -0.025em;}
.form_con01 .input_area table tr td input:not(:last-of-type),
.form_con01 .input_area table tr td select:not(:last-of-type) {margin-right:1%;}
.form_con01 .input_area table tr td label {margin-right:2%}
.form_con01 .input_area table tr td div {width:100%; max-width:150px;}
/*.form_con01 .input_area table tr td div input {width:80%; margin-right:8%;} */
.form_con01 .input_area table tr td div.full_width {width:100%; max-width:580px;}
.form_con01 .input_area table tr td div.full_width .long_input {width:97%; margin-right:0;}
.form_con01 .input_area table tr td div.full_width .size {width:25%;}
.form_con01 .input_area table tr td div.full_width .mini {width:10%;}
.form_con01 .input_area table tr td div.full_width .micro {width:5%;}
.form_con01 .input_area table tr td div.full_width .size:last-of-type {margin-right:1%;}
.form_con01 .input_area table tr td div.full_width .size_sel {width:26.8%;}
/*.form_con01 .input_area table tr td div.full_width span a img.add_btn {margin-top:5px;} */
.form_con01 .input_area table tr td div.full_width input.count {width:10%;margin-right:1%}
.form_con01 .input_area table tr td div.full_width .attatch_add {width:78%; margin-right:1%; display:inline-block;}
.form_con01 .input_area table tr td div.full_width .attatch_file > span {width:13%; padding:1% 0; background: #636363; color:#fff; text-align: center; display:inline-block; border-radius: 4%}
.form_con01 .input_area table tr td div.half_width {width:100%; max-width:310px;}
.form_con01 .input_area table tr td div.half_width .p_type01 {width:71%;}
.form_con01 .input_area table tr td div.half_width input:first-of-type {width:84%;}
.form_con01 .input_area table tr td div.half_width .p_type02 {width:24%;}
.form_con01 .input_area table tr td div.mini_width {width:100%; max-width:190px;}
.form_con01 .input_area table tr td div.mini_width select {width:99%;}
.form_con01 .input_area table tr td div.mini_width .radio01 {width:20px; height:20px; margin:0; margin-top:-3px; vertical-align: middle; margin-right:4%;}
.form_con01 .input_area table tr td div.mini_width .radio02 {width:20px; height:20px; margin:0; margin-top:-3px; vertical-align: middle; margin-right:4%; margin-left:27%;}

.form_con01 .button_area {width:100%; margin-top:4%;}
.form_con01 .button_area ul {font-size:0; text-align: center; width:100%; margin:0;}
.form_con01 .button_area ul li {display:inline-block;}
.form_con01 .button_area ul li img {vertical-align: middle; margin-top:-3px; margin-left:7%;}
.form_con01 .button_area ul li:first-of-type {margin-right:1%;}
.form_con01 .button_area ul li:first-of-type a {padding:15% 0; width:150px; background: #4ea926; color:#fff; font-size:18px; font-weight:400; text-align: center; letter-spacing: -0.025em; line-height:1; display: block; border-radius: 5%;}
.form_con01 .button_area ul li:last-of-type a {padding:15% 0; width:150px; background: #484e52; color:#fff; font-size:18px; font-weight:400; text-align: center; letter-spacing: -0.025em; line-height:1; display: block; border-radius: 5%;}

@media all and (max-width:700px){
	.form_con01 .input_area table tr td div.full_width .size {width:24%;}
	.form_con01 .input_area table tr td div.full_width .mini {width:12%;}
	.form_con01 .input_area table tr td div.full_width .micro {width:6%;}
}

@media all and (max-width:640px){
	.form_con01 .common_tit p {font-size:6.25vw;}
	.form_con01 .input_area table tr td div.full_width .size_sel {width:24%;}
	.form_con01 .input_area table tr th {font-size:2.5vw; padding: 4% 0;}
	.form_con01 .input_area table tr td {font-size:2.5vw;}
	.form_con01 .input_area table tr td.text {font-size:2.5vw;}
	.form_con01 .input_area table tr td div.full_width .attatch_file > span {width:19%; padding:1.5% 0; font-size:1.875vw;}
	.form_con01 .button_area ul li:first-of-type a {width:23.4375vw; font-size:2.8125vw;}
	.form_con01 .button_area ul li:last-of-type a {width:23.4375vw; font-size:2.8125vw;}
}

@media all and (max-width:380px){
	.form_con01 .input_area table tr td div.full_width .size {width:21%;}
	.form_con01 .input_area table tr td div.full_width .mini {width:10%;}
	.form_con01 .input_area table tr td div.full_width .micro {width:5%;}
}

.form_con02 .policy_area {border:1px solid #eaeaea; padding:5% 0; width:100%; max-width:1200px; margin:4% auto;}

.form_con02 .policy_area .policy_con01 {width:100%; max-width:1053px; margin:0 auto;}
.form_con02 .policy_area .policy_con01 .border_area {border-bottom:1px solid #eaeaea; padding-bottom:6%; margin-bottom:5%;}
.form_con02 .policy_area .policy_con01 .top {width:100%; max-width:870px; }
.form_con02 .policy_area .policy_con01 .top .top_in img {display:block; margin:0 auto;}
.form_con02 .policy_area .policy_con01 .top .top_in p.tit {font-size:22.04px; font-weight:bold; text-align: center; letter-spacing: -0.025em; line-height: 35px; color:#444444; margin-top:1%;}
.form_con02 .policy_area .policy_con01 .top .top_in p.desc {font-size:18.03px; font-weight:300; text-align: center; letter-spacing: -0.025em; line-height: 35px; color:#444444;}
.form_con02 .policy_area .policy_con01 .bot .bot_in > p {font-size:18.02px; color:#333; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; }
.form_con02 .policy_area .policy_con01 .bot .bot_in ul li {padding-left:2%;}
.form_con02 .policy_area .policy_con01 .bot .bot_in ul li span {display:inline-block; font-size:20px; color:#333; vertical-align: top;}
.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p {display:inline-block; font-size:17px; color:#333; font-weight:200; line-height: 30px; letter-spacing: -0.025em;}
.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p > span.hi_light_text {font-size:17px; color:#4ea926;}

.form_con02 .policy_area .policy_con02 {width:100%; max-width:1053px; margin:10% auto 0;}
.form_con02 .policy_area .policy_con02 .border_area {border-bottom:1px solid #eaeaea; padding-bottom:4%; margin-bottom:4%;}
.form_con02 .policy_area .policy_con02 .top {width:100%; max-width:870px; }
.form_con02 .policy_area .policy_con02 .top .top_in img {display:block; margin:0 auto;}
.form_con02 .policy_area .policy_con02 .top .top_in p.tit {font-size:22.04px; font-weight:bold; text-align: center; letter-spacing: -0.025em; line-height: 35px; color:#444444; margin-top:1%;}
.form_con02 .policy_area .policy_con02 .bot .bot_in > p {font-size:18.02px; color:#333; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; }
.form_con02 .policy_area .policy_con02 .bot .bot_in ul li {padding-left:2%;}
.form_con02 .policy_area .policy_con02 .bot .bot_in ul li span {display:inline-block; font-size:20px; color:#333; vertical-align: top;}
.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p {display:inline-block; font-size:17px; color:#333; font-weight:200; line-height: 30px; letter-spacing: -0.025em; }
.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p > span.hi_light_text {font-size:17px; color:#4ea926;}

@media all and (max-width:1034px){
	.form_con01,
	.form_con02 {width:93.75%; margin:0 auto;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li span {display:inline-block; font-size:18px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p {display:inline-block; font-size:15px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p > span.hi_light_text {font-size:15px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li span {display:inline-block; font-size:18px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p {display:inline-block; font-size:15px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p > span.hi_light_text {font-size:15px;}
}
@media all and (max-width:915px){
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li span {display:inline-block; font-size:16px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p {display:inline-block; font-size:13px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p > span.hi_light_text {font-size:13px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li span {display:inline-block; font-size:16px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p {display:inline-block; font-size:13px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p > span.hi_light_text {font-size:13px;}
}
@media all and (max-width:800px){
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li span {display:inline-block; font-size:13px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p {display:inline-block; font-size:11px;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p > span.hi_light_text {font-size:11px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li span {display:inline-block; font-size:13px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p {display:inline-block; font-size:11px;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p > span.hi_light_text {font-size:11px;}
}
@media all and (max-width:640px){
	.form_con02 .policy_area .policy_con01 .top .top_in img {width:16.25vw;}
	.form_con02 .policy_area .policy_con02 .top .top_in img {width:16.25vw;}
	br {display:none;}
	.form_con02 .policy_area .policy_con01 .top .top_in p.desc {font-size:2.8171875vw;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in > p,
	.form_con02 .policy_area .policy_con02 .bot .bot_in > p {text-align: center;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li {padding-left:0; text-align: center;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li {padding-left:0; text-align: center;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li span {display:none; font-size:3.125vw;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p {display:inline-block; font-size:2.65625vw;}
	.form_con02 .policy_area .policy_con01 .bot .bot_in ul li p > span.hi_light_text {font-size:2.65625vw;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li span {display:none; font-size:3.125vw;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p {display:inline-block; font-size:2.65625vw;}
	.form_con02 .policy_area .policy_con02 .bot .bot_in ul li p > span.hi_light_text {font-size:2.65625vw;}
}

/*only for books*/
.form_con01 .input_area table tr td.book {font-size:16px; color:#333; padding-left:2%;}
.form_con01 .input_area table tr td.book div {width:100%; max-width:1000px;}
.form_con01 .input_area table tr td.book div select,
.form_con01 .input_area table tr td.book div span,
.form_con01 .input_area table tr td.book div input {display:inline-block;}
.form_con01 .input_area table tr td.book div img {vertical-align: middle;}
.form_con01 .input_area table tr td.book div span img {margin-left:10%;}
.form_con01 .input_area table tr td.book div.nothing {margin-bottom:1%;}
.form_con01 .input_area table tr td.book div.nothing span.x_bx img {margin-top:-3px;}
.form_con01 .input_area table tr td.book div.nothing_radio {margin-bottom:1%;}
.form_con01 .input_area table tr td.book div.nothing_radio input {width:20px; height:20px; margin-right:1%; margin-top:-4px; vertical-align: middle;}
.form_con01 .input_area table tr td.book div.nothing_radio label {vertical-align: top;}

.form_con01 .input_area table tr td.book div.verylong_width > select:first-of-type {width:25%;} 
.form_con01 .input_area table tr td.book div.verylong_width > select:nth-of-type(2) {width:13%;}
.form_con01 .input_area table tr td.book div.verylong_width > select:nth-of-type(3) {width:13%;}
.form_con01 .input_area table tr td.book div.verylong_width > select:nth-of-type(4) {width:13%;}
.form_con01 .input_area table tr td.book div.verylong_width > select:nth-of-type(5) {width:13%;}
.form_con01 .input_area table tr td.book div.verylong_width > select:nth-of-type(6) {width:13%;}

@media all and (max-width:640px){
	.form_con01 .input_area table tr td.book {font-size:2.5vw;}
	.form_con01 .input_area table tr td.book {padding-top:6%; padding-bottom:6%;}
}

/*paid.jsp area*/
.paid_data {width:100%; margin-bottom:7%;}
.paid_data table {width:100%; border-top:1px solid #4ea926;}
.paid_data table thead th {font-size:16px; color:#333; font-weight:500; text-align: center; letter-spacing: -0.025em; line-height: 61px; border:1px solid #eaeaea; border-top:none; box-sizing: border-box;}
.paid_data table thead th:first-of-type {border-left:none;}
.paid_data table thead th:last-of-type {border-right:none;}
.paid_data table thead th:nth-of-type(3),
.paid_data table thead th:nth-of-type(7) {background: #fafafa;}
.paid_data table tbody tr td {font-size:16px; color:#333; font-weight:300; text-align: center; letter-spacing: -0.025em; line-height: 61px; border:1px solid #eaeaea;}
.paid_data table tbody tr td:first-of-type {border-left:none;}
.paid_data table tbody tr td:last-of-type {border-right:none;}
.paid_data table tbody tr td:nth-of-type(3),
.paid_data table tbody tr td:nth-of-type(7) {background: #fafafa;}
.paid_data table a {font-size:16px; color:#333;}
.paid_data table tbody tr td span.ordered {color:#4ea926;}
.paid_data table tbody tr td span.waiting {color:#2651a9;}
.paid_data table tbody tr td:first-of-type > input {vertical-align: middle; margin-top:-4px;}


@media all and (max-width:657px){
	.paid_data table thead th {font-size:14px;}
	.paid_data table tbody tr td {font-size:14px;}
	.paid_data table a {font-size:14px;}
}
@media all and (max-width:640px){
	.paid_data table thead th {font-size:2.34375vw;}
	.paid_data table tbody tr td {font-size:2.34375vw;}
	.paid_data table a {font-size:2.34375vw;}	
}

.order_area {width:100%; max-width:855px; margin:0 auto;}
.order_area div ul li {width:100%; overflow:hidden; position:relative; padding:3% 0;}
.order_area div ul li div {float:left;}
.order_area div ul li div.tit {width:23%; font-size:16px; color:#333; font-weight:500; letter-spacing: -0.025em; text-align: left !important; padding-left:10%; box-sizing: border-box;}
.order_area div ul li div.tit > div {position:absolute; width:50px; height:1px; background: #4ea926; bottom:28%; margin-left:-3%; }
.order_area div ul li div.desc {width:27%; font-size:16px; color:#333; font-weight:300; letter-spacing: -0.025em; text-align: left !important;}  

.result_area {width:100%; max-width: 855px; margin:0 auto;}
.result_area div.amount {width:100%; text-align: right; font-size:22px; color:#333; font-weight:bold; letter-spacing: -0.025em; padding:4% 0;  border-top:2px solid #4ea926;}
.result_area div.delivery_info {width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.result_area div.delivery_info div {float:left; width:25%; font-size:16px; color:#333; font-weight:400; text-align: center; letter-spacing: -0.025em; padding:4% 0;}
.result_area div.delivery_info div a span {padding:5% 10%; color:#fff; background: #3e4245; border-radius: 5%;}
.order_btn_area {width:100%; max-width:855px; margin:3% auto;}
.order_btn_area ul {width:100%; font-size:0; text-align: center; margin:0;}
.order_btn_area ul li {border-radius:10px;display: inline-block; width:20%; padding:18px 0; text-align:center; letter-spacing: -0.025em; border:1px solid #4ea926; margin-right:1%; box-sizing:border-box;}
.order_btn_area ul li a {color:#4ea926; font-size:16px;}
.order_btn_area ul li:nth-of-type(2) { background: #4ea926;}
.order_btn_area ul li:last-of-type {margin-right:0;}
.order_btn_area ul li:nth-of-type(2) a {color:#fff;}
.order_btn_area ul li a img {vertical-align: middle; margin:-3px 0 0 10px;}

.w10 {width:90px;}
.w40 {width:180px;}
@media all and (max-width:800px){
	.order_btn_area ul li  {width:30%;}
}
@media all and (max-width:640px){

	.order_area div ul li div.tit {font-size:2.5vw;}
	.order_area div ul li div.desc {font-size:2.5vw;}  
	.result_area div.amount {font-size:3.4375vw;}
	.result_area div.delivery_info div {font-size:2.5vw;}
	.order_btn_area ul li {padding:4% 0; }
	.order_btn_area ul li a {font-size:2.5vw;}
}

/*location*/
.daum_map {width:100%; max-width:920px; margin:0 auto; }
.location_text {width:100%; max-width:920px; margin: 1% auto 5%; border-top:1px solid #4ea926; background: #fafafa; overflow:hidden; padding:1% 0;}
.location_text > div {float:left;}
.location_text > div.address {width:65%; text-align: right; padding-right:20px; box-sizing: border-box; border-right:1px solid #ccc; font-size:17px; font-weight:400; letter-spacing: -0.025em; color:#333;}
.location_text > div.tel_num {width:35%; text-align: left; padding-left:20px; box-sizing: border-box;  font-size:17px; font-weight:400; letter-spacing: -0.025em; color:#333;}
.location_text > div.tel_num span:first-of-type {color:#4ea926;}

@media all and (max-width:920px){
	.daum_map {width:93.75%; }
	.location_text {width:93.75%; }
}
@media all and (max-width:770px){
	.location_text > div {float:none; width:100% !important; text-align: center !important; border-right:none !important;}
}
@media all and (max-width:640px){
	.location_text > div {font-size:2.65625vw !important;}	
}

/*service _area*/
.service_con01 {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.service_con01 div {float:left; width:50%;}
.service_con01 div.right {padding-top:3%; box-sizing: border-box; padding-left:2%;}
.service_con01 div p.tit {font-size:50px; font-weight:200; letter-spacing: -0.05em; color:#333; line-height:63px; }
.service_con01 div p.desc {font-size:17px; font-weight:200; letter-spacing: -0.025em; color:#333; line-height: 30px;}
.service_con01 div ul {margin:5% 0;}
.service_con01 div ul li {padding-left:2%; color:#333; font-size:17px; font-weight:200; letter-spacing: -0.025em; line-height: 30px;}

.service_con02 {width:100%; max-width:1200px; margin:5% auto; overflow:hidden; }
.service_con02 > div {overflow:hidden; width:100%;}
.service_con02 > div > div {float:left; width:50%; overflow:hidden;}
.service_con02 > div > div > div {float:left; width:50%; }
.service_con02 > div > div > div.box_left_in02,
.service_con02 > div > div > div.box_right_in02{font-size:17px; color:#333; font-weight:200; letter-spacing: -0.05em; line-height: 30px; padding-left:2%; padding-top:11%; box-sizing: border-box;}
.service_con02 > div > div > div.three_line {padding-top:15%;}
.service_con02 > div > div > div.two_line {padding-top:17%;}

@media all and (max-width:1200px){
	
	.service_con01 div.right {padding-left:5%;}
	.service_con01 div p.tit {font-size:40px;}
	.service_con01 div p.desc,
	.service_con01 div ul li,
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {font-size:15px;}
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {padding-left:5%;}
}

@media all and (max-width:1100px){
	.service_con01 div p.tit {font-size:50px;}
	.service_con01 div p.desc,
	.service_con01 div ul li,
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {font-size:17px;}
	.service_con01 div.right,
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {padding-left:5%;}
	.service_con01 div,
	.service_con02 > div > div {float:none; width:93.75%; margin:0 auto; max-width:600px;}
}

@media all and (max-width:640px){
	.service_con01 div ul {margin:1% 0;}
	.service_con01 div.right {text-align: center;}
	.service_con01 img {width:93.75vw;}
	.service_con02 img {max-width:100%;}
	.service_con01 div p.tit {font-size:7.8125vw;}
	.service_con01 div p.desc,
	.service_con01 div ul li,
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {font-size:2.65625vw;}
	.service_con02 > div > div {width:93.75%;}
}
@media all and (max-width:420px){
	.service_con02 > div > div > div {float:none; width:100%; margin:0 auto;}
	.service_con02 > div > div > div img,
	.service_con02 > div > div > div {text-align: center;}
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {padding:1% 0;}
	.service_con01 div p.desc,
	.service_con01 div ul li,
	.service_con02 > div > div > div.box_left_in02,
	.service_con02 > div > div > div.box_right_in02 {font-size:4vw;}
}