header .content {position: relative; }
header .content .btn_wrap {position: absolute; top: 50%; margin-top:-10px; right: 0; width: auto; display: inline-block;}
header .content .btn_wrap a {vertical-align: bottom;}

.logo {position: fixed; top: 20px; left: 20px; width: 130px;}

.main {height: 100vh; background-image: url(/storybook/img/request/main_bg.jpg);background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.main > .content { text-align: center; }
.main > .content > h4 {font-size: 28px; margin-bottom: 20px;color: #fff;}
.main > .content > p {color: #fff; font-size: 16px;}
.main > .content > ul {margin-top: 50px;}
.main > .content > ul > li {background: rgba(255,255,255,0.7); padding: 20px; border:1px solid #ddd}
.main > .content > ul > li + li {margin-left: 10px;}
.main > .content > ul > li > img {width: 50%; max-width: 300px;max-height: 150px;}
.main > .content > ul > li > h4 {font-size: 18px;}
.main > .content > ul > li > a {width: 100%; margin-top: 10px;}

/* 레이아웃 */
.intro h4 {font-size: 36px; color: #333; margin-bottom: 15px; word-break: keep-all;}
.intro p {word-break: keep-all;}
.intro > div {display: none;}
.intro > div > div {overflow:hidden;min-height: 950px; display: flex; justify-content: center; align-items: center;background-position: center; background-repeat: no-repeat;background-size: cover; padding: 100px 0;}
.intro > div > div + div {border-top:1px solid #ccc; }
.intro .content {width: 1140px;text-align: center;}


/* 이미지 정렬 unit */
.intro [class*="list"]{margin-top: 60px; font-size: 0;}
.intro [class*="list"] > li{font-size: 14px;margin:5px;}
.intro [class*="list"] > li img{max-width: 100%;vertical-align: bottom;}
.intro [class*="list"] > li img + p{margin-top: 5px;}
.intro [class*="list"].show_big li {position: relative;}
.intro [class*="list"].show_big img + span{position: absolute;text-align: center; right:10px; bottom: 10px; background: rgba(255,255,255,0.8); border: 1px solid #ddd; cursor: pointer;font-size: 20px; border-radius: 20px; width: 40px; height: 40px; line-height: 40px}

.intro .list_2 {max-width: 900px;}
.intro .list_2 > li{width:calc(50% - 10px); }
.intro .list_3 {max-width: 900px;}
.intro .list_3.hor_cover {display: none;}
.intro .list_3 > li{width: calc(33.3333% - 10px);}
.intro .list_4 > li{width: calc(25% - 10px);}


/* tab unit */
.intro ul.tab {width: 100%; font-size: 0; margin-bottom: 30px;}
.intro ul.tab li{width: 50%; font-size: 14px; border-bottom: 1px solid #333; padding: 10px; font-size: 16px; cursor: pointer;}
.intro ul.tab li.on{border-width: 3px; font-weight: bold;}

/* 컬러 리스트 */
.color_list {overflow: hidden;}
.color_list [color],
.color_list [bg_color],
.color_list [bx_color] {width: 24px; height: 24px; display: inline-block; vertical-align: top; margin-bottom: 5px;}

.color_list [color="indiepink"]{background-color: #d8acb5}
.color_list [color="red"]{background-color: #ed1847}
.color_list [color="orange"]{background-color: #ff7e27}
.color_list [color="yellow"]{background-color: #f9bb00}
.color_list [color="olive"]{background-color: #b4d335}
.color_list [color="green"]{background-color: #126c39}
.color_list [color="rainysky"]{background-color: #a3b7c2}
.color_list [color="lightpurple"]{background-color: #b098c5}
.color_list [color="lightgray"]{background-color: #c7c5c6}
.color_list [color="darknavy"]{background-color: #343a4a}
.color_list [color="black"]{background-color: #000000}
.color_list [color="white"]{background-color: #ffffff; border:.5px solid #d5d5d5;}
.color_list [color="butter"]{background-color: #ffde58;}
.color_list [color="lightgreen"]{background-color: #cbdf81;}
.color_list [color="mint"]{background-color: #9ecfb1;}
.color_list [color="tiffany"]{background-color: #9fd3dc;}
.color_list [color="sky"]{background-color: #b0dff8;}
.color_list [color="marineblue"]{background-color: #b7c3e3;}
.color_list [color="coral"]{background-color: #ec9289;}
.color_list [color="tangerine"]{background-color: #f9c37b;}
.color_list [color="pink"]{background-color: #f7c8d1;}
.color_list [color="lavender"]{background-color: #d1c0d8;}
.color_list [color="camel"]{background-color: #f3d78d;}
.color_list [color="beige"]{background-color: #dbcdb2;}

/* intro */
.intro > div > div.banner {background-image: url(/storybook/img/request/intro_banner_bg.jpg); background-position: center; background-size: cover; position: relative;}
.intro > div > div.banner .txt{text-align: left;color: #fff;top: 20%;position: absolute;text-shadow: 1px 1px 2px #222;}
.intro > div > div.banner .txt > h4{color: #fff;}
.intro > div.postpay_content > div.banner {background-image: url(/storybook/img/request/intro_banner_bg_postpay.jpg);}

.intro > div > div.sel_pdt .pdt_list > li{background: #f5f5f5;padding: 50px 0; border:1px solid #eee}
.intro > div > div.sel_pdt .pdt_list > li > h4{font-size: 16px; margin-bottom: 0;}
.intro > div > div.sel_pdt .pdt_list > li > p{margin-bottom: 10px;}
.intro > div > div.sel_pdt .pdt_list > li > a.btn_bk{width: 200px;}

.intro > div > div.coupon .list_4 > li {width: calc((100% - 150px)/4); box-sizing: content-box;}
.intro > div > div.coupon .list_4 > li + li {margin-left: 40px;}
.intro > div > div.coupon .list_4 > li + li > div {position: relative;}
.intro > div > div.coupon .list_4 > li + li > div:first-child::before {content: ''; width: 40px; height: 40px; position: absolute; left: -40px; background-image: url(/storybook/img/request/ico_arrow.jpg); background-size: cover; background-position: center right; background-repeat: no-repeat;top: 50%; margin-top:-20px;}
.intro > div > div.coupon .list_4 > li > div >  img{border-radius: 100%;}
.intro > div > div.coupon .list_4 > li > div > p{width: 100%;  background: #fff; padding: 5px; margin-top: 50px; border-radius: 20px;box-shadow: 0 0 10px #ccc;}

.intro > div > div.coupon_system h4{position: relative; display: inline-block;}
.intro > div > div.coupon_system h4 > img{position: absolute; left: -150px;  top:50%; width: 120px; margin-top: -60px;}
.intro > div > div.coupon_system .list_2 > li > p{width: 100%; max-width: 300px; background: #eceded; padding: 5px; margin-top: 50px; border-radius: 20px; display: inline-block;}

.intro > div > div.custom_page {padding-bottom: 0;position: relative;}
.intro > div > div.custom_page .content  {padding-bottom: 480px; }
.intro > div > div.custom_page .list_2  {max-width: inherit; position: absolute;bottom: 0; width:100%; left: 0; right: 0; margin-left: auto; margin-right: auto;}
.intro > div > div.custom_page .list_2 > li {margin-bottom: 0;}

.intro > div > div.advantages .list_3 > li {vertical-align: top}
.intro > div > div.advantages .list_3 > li p {margin-top: 20px;}



/* about */
.intro > div > div:nth-child(2n+1){background-color: #eceded;}
.intro.about_single > div > div:nth-child(2n+1){background-color: #fff;}
.intro.about_single > div > div:nth-child(2n+2){background-color: #eceded;}

.intro > div > div.preview .content{position: relative;}
.intro > div > div.preview .flipbook_wrap {float: left;}
.intro > div > div.preview .flipbook_wrap img {width: 100%;}
.intro > div > div.preview .flipbook_wrap .white_page {width: 100%; height: 100%; background: #fff;}
.intro > div > div.preview .flipbook_wrap p {margin-top: 30px;background: #fff; display: inline-block; padding: 5px 20px; border-radius: 30px;box-shadow: 0 0 10px #666;}
.intro > div > div.preview .btn_wrap {height: 100%; display: flex;justify-content: center;align-items: center; position: absolute; right: 0;}
.intro > div > div.preview .btn_wrap a{margin-top: 50px; font-size: 15px; width: 160px; padding-top:15px; padding-bottom: 15px;}
.intro.about_single > div > div.preview {background-color: #b4c7e7; }
.intro.about_multi > div > div.preview {background-color: #e2d0c6; }


.intro > div > div.info .content{text-align: left;}
.intro > div > div.info {color: #fff; font-size: 17px; line-height: 2;}
.intro > div > div.info h4 {color: #fff}
.intro > div > div.info li {display: block;}
.intro > div > div.info li::before {content: '※ '}
.intro.about_single > div > div.info{background-image: url(/storybook/img/request/intro_info_single.jpg); }
.intro.about_multi > div > div.info{background-image: url(/storybook/img/request/intro_info_multi.jpg); }

.intro.about_single > div > div.inner {background-color: #eceded;}

.intro.about_single > div > div.cover {display: block; padding-top: 150px; background-image: url(/storybook/img/request/sample_img_single_cover.jpg);}
.intro.about_multi > div > div.cover .tab {width: 100%;  max-width: 900px; margin-top: 60px; }
.intro.about_multi > div > div.cover [class*="list"] { margin-top: 0;text-align: left;}
.intro.about_multi > div > div.cover div.color_list {text-align: center; margin-top: 40px; max-width: 370px; margin-left: auto; margin-right: auto;}
.intro.about_multi > div > div.cover div.color_list a {margin: 2.5px; border-radius: 5px; cursor: default;}

.view_big_img {position: relative;}
.view_big_img .btn_move{position: absolute; top: 50%; font-size: 20px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; }
.view_big_img .btn_move.disable{opacity: 0.3;}
.view_big_img .btn_move.prev{left: 0; border-radius: 0 20px 20px 0;}
.view_big_img .btn_move.next{right: 0; border-radius: 20px 0 0 20px;}

.intro > div > div.sale .table {overflow: hidden; margin-top: 60px;}
.intro > div > div.sale .table ul{width: 25%; float: left; border-top:2px solid #333;border-bottom:2px solid #333;}
.intro > div > div.sale .table ul:nth-child(1){font-weight: bold;}
.intro > div > div.sale .table ul li{width: 100%; height: 70px; display: flex; justify-content: center; align-items: center;}
.intro > div > div.sale .table ul li:nth-child(1){border-bottom: 1px solid #333; font-weight: bold;}
.intro > div > div.sale .table ul li:nth-child(2n){background: #f5f5f5}
.intro > div > div.sale .table ul li span {display: block;}
.intro.about_single > div > div.sale .table + ul.list_style {margin-top:20px;}

.intro> div > div.guide .btn_show_more{ display: inline-block;font-weight: bold; font-size: 16px; margin-top: 20px; border: 1px solid #333; padding: 10px 40px;}
.intro.about_single> div > div.guide {background-color: #eceded}

.intro > div > div.apply a {font-weight: bold; font-size: 16px; margin-top: 20px; border: 1px solid #333; padding: 10px 40px;}
.intro > div > div.apply ul {margin-top: 60px; display: flex; justify-content: center}
.intro > div > div.apply ul > li {width: calc(14.2857% - 10px); margin: 0 5px; float: left; border:1px }
.intro > div > div.apply ul > li span {display: inline-block;}
.intro > div > div.apply ul > li .num {width: 100%; background: #ddd; margin-bottom: 5px; padding:5px 10px;}
.intro > div > div.apply ul > li .txt {width: 100%; border:1px solid #ccc; padding: 10px; word-break: keep-all; height: 200px;background: #fff;}
.intro > div > div.apply ul > li .txt > span {width: 100%; margin-bottom: 10px; font-weight: bold;}


/* 구매 신청서 */
.application_form input[type="checkbox"] + label.fas::before {background: #fff; color: #fff; border-color: #c5d2d9}
.application_form input[type="checkbox"]:checked + label.fas::before {background: #c5d2d9; color: #fff;}
.application_form input[type="radio"] + label.fas::before {background: #f6f9fb; color: #f6f9fb; border-color: #c5d2d9}
.application_form input[type="radio"]:checked + label.fas.bdrs_100::before {color: #7b94a5; border-color: #7b94a5;}
.application_form input[type="radio"] + label.btn {border-color: #c5d2d9; min-width: 150px; text-align: center;}
.application_form input[type="radio"]:checked + label.btn {background: #7b94a5; border-color: #7b94a5;}

.application_form .btn_wh {background-color: #fff;border: 1px solid #7b94a5;color: #303030;}
.application_form .btn_bk {background-color: #7b94a5;border: 1px solid #7b94a5;color: #fff;}

.application_form > .content {text-align: center;}
.application_form > .content > h4 {font-size: 24px; margin-top: 20px;}
.application_form > .content > img {width: 50px;margin-top: 50px;}
.application_form > .content > .box_wrap{box-shadow: -20px 30px #eef3f6; margin-left: 20px; margin-right: 20px;}

.application_form > .content .box_tit {background: #a5b8c3; color: #fff; font-weight: 500; border-radius: 5px 5px 0 0 ; font-size: 16px;border-bottom: none; text-align: left; padding: 10px 20px; margin-top: 50px;}
.application_form > .content .box_tit::before {content: '| '}
.application_form > .content .box {border: 1px solid #c5d2d9; background: #fff; padding: 30px;}
.application_form > .content .box ul {width: 100%; text-align: left;}
.application_form > .content .box li{width: 100%; vertical-align: top; overflow: hidden;}
.application_form > .content .box > ul > li + li{border-top: 1px solid #dbe5eb;}
.application_form > .content .box > ul:first-child > li:last-child {border-bottom: 1px solid #eee;}
.application_form > .content .box > ul:not(.result) > li > .tit {font-weight: bold;}

.application_form > .content .box .pdt_opt .tit {width: 200px; float: left; padding: 20px 10px;}
.application_form > .content .box .pdt_opt .txt {width: calc(100% - 200px); float: left;padding: 20px 10px; text-align: left; }

.application_form > .content .box input[type="radio"] + label:not(.btn) {font-weight: normal;}
.application_form > .content .box input[type="radio"] + label::before {margin-right: 10px; font-weight: bold;}
.application_form > .content .box input[type="checkbox"] + label {font-weight: normal; margin-right: 15px;}
.application_form > .content .box input[type="checkbox"] + label::before {margin-right: 10px; font-weight: bold;}

.application_form > .content .box .counter {display: inline-block; vertical-align: top;font-size: 0; margin-right: 10px; background: #f6f9fb;}
.application_form > .content .box .counter > span,
.application_form > .content .box .counter > input {vertical-align: top; display: inline-block;border: 1px solid #c5d2d9; height: 30px; line-height: 30px;width: 100%; font-size: 14px;text-align: center;}
.application_form > .content .box .counter > span[class*="btn"] {width: 30px; cursor: pointer;}
.application_form > .content .box .counter > input.cnt {width: 100%; max-width: calc(100% - (30px * 2)); background: transparent; border-left: none; border-right: none;}


.application_form > .content .box .pdt_list ul{width: 100%; max-width: 500px; font-size: 0;}
.application_form > .content .box .pdt_list li{width: 50%; font-size: 14px; text-align: center;}
.application_form > .content .box .pdt_list li > label{border:3px solid #f6f9fb; width: 100%; display: block; background: #f6f9fb; position: relative; cursor: pointer;}
.application_form > .content .box .pdt_list li > label p{position: absolute; bottom: 1%; left: 0; right: 0;}
.application_form > .content .box .pdt_list li > input:checked + label{border-color: #c5d2d9;}
.application_form > .content .box .pdt_list li > label img{width: 100%; vertical-align: bottom;}

.application_form > .content .box .add_page .txt > div + div {margin-top: 10px;}
.application_form > .content .box .add_page .txt > div.info > p {display: block; font-size: 14px; width: auto;}
.application_form > .content .box .add_page span.total_page::before{content: '(총 페이지 :'}
.application_form > .content .box .add_page span.total_page::after{content: 'P)'}
.application_form > .content .box .option .txt > label {font-weight: bold;}

.application_form > .content .box .result{padding: 50px 20px; margin:30px 30px 0 30px; background: #f6f9fb; width: calc(100% - 60px); border:1px solid #c5d2d9;}
.application_form > .content .box .result > li {width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; display: block;border: none; padding: 5px; text-align: left;}
.application_form > .content .box .result > li.r_pdt_price {border-top:1px solid #6b8ca2;}
.application_form > .content .box .result > li.r_total {border-top:1px solid #6b8ca2; font-weight: bold; font-size: 18px;}
.application_form > .content .box .result > li > span.tit{color: #7b94a5;}
.application_form > .content .box .result > li > span.txt{float: right;}
.application_form > .content .box .result > li > span.txt > span:first-child{color: #8f8f8f;}
.application_form > .content .box .result > li > span.txt > span:nth-child(2){min-width: 70px; display: inline-block; text-align: right;}
.application_form > .content .box .result > li span[class*='cnt']::after{content: '권'}
.application_form > .content .box .result > li span[class*='price']::after{content: '원'}

.application_form > .content .box dl {overflow: hidden; width:100%; max-width: 800px; margin-left: auto; margin-right: auto; padding: 20px 0;}
.application_form > .content .box dt {width: 200px; float: left; line-height: 40px; margin: 5px 0; color: #90a5b3; font-weight: bold; font-size: 14px;}
.application_form > .content .box dd {width: calc(100% - 200px); margin: 5px 0; float: left;}
.application_form > .content .box dd input {width:100%; border: 1px solid #c5d2d9; background: #f6f9fb;}

.application_form[payment_type="prepay"] .title_txt::before {content: '선불 스토리포토북 구매 신청서'}
.application_form[payment_type="postpay"] .title_txt::before {content: '후불 스토리포토북 구매 신청서'}

.application_form[goods_type="single"] .book_type  {display: none;}
.application_form[goods_type="multi"] .book_type  {display: block;}

.application_form[goods_type="single"] .cover_design   {display: block;}
.application_form[goods_type="multi"] .cover_design   {display: none;}
.application_form[payment_type="prepay"] .cover_design label[for="fixed"] ::before {content: '5,000원'}
.application_form[payment_type="postpay"] .cover_design label[for="fixed"] {display: none;}
.application_form[payment_type="postpay"] .cover_design label[for="fixed"] ::before {content: '9,900원'}
.application_form[payment_type="postpay"][goods_type="single"] .cover_design label[for="custom"] {display: none;}

.application_form[goods_type="single"] .cover_type label[for="hard"] {display: none;}
.application_form[goods_type="multi"] .cover_type label[for="hard"]  {display: inline-block;}

.application_form[goods_type="single"] .page_info_txt::before {content: '(20P)'}
.application_form[goods_type="single"] .add_pages_wrap {display: none;}
.application_form[goods_type="single"] .page_guide_txt::before {content: '※ 페이지 추가를 원하는 경우 추가하기 선택 후 숫자를 입력해 주세요.'; display: block;}
.application_form[goods_type="multi"] .page_info_txt::before {content: '(20P)'}
.application_form[goods_type="multi"] .add_pages_wrap {display: block;}
.application_form[goods_type="multi"] .page_guide_txt::before {content: '※ 페이지 추가는 신청 이후 제작 시 사진을 추가하여 직접 페이지를 추가할 수 있습니다.'; display: block;}

.application_form[payment_type="prepay"] .coupon_type  label[for="offline_coupon"] {display: inline-block;}
.application_form[payment_type="postpay"] .coupon_type  label[for="offline_coupon"] {display: none;}

.application_form[payment_type="prepay"] .payment_info {display: none;}
.application_form[payment_type="postpay"] .payment_info {display: block;}

.application_form[payment_type="prepay"] .option  {display: block;}
.application_form[payment_type="postpay"] .option  {display: none;}

.application_form[payment_type="prepay"] .coupon_type {display: block;}
.application_form[payment_type="postpay"] .coupon_type {display: none;}

.application_form[payment_type="prepay"] .result_info_txt {display: none;}
.application_form[payment_type="postpay"] .result_info_txt {display: block;}

.application_form[payment_type="postpay"] .r_dlv {display: none!important;}
.application_form[payment_type="postpay"] .r_disc {display: none!important;}




/* 미디어쿼리 */
@media (max-width: 1140px){
	.intro > div > div{min-height: 550px;padding: 30px 0;}
	.intro .content {width: calc(100% - 40px); padding : 40px 0;}

	.intro > div > div.preview .flipbook_wrap{float: inherit; margin-top: 20px; margin-left: auto; margin-right: auto;}
	.intro > div > div.preview .flipbook_wrap p {box-shadow: inherit; margin-bottom: 30px; padding: 3px 15px;}
	.intro > div > div.preview .btn_wrap{float: inherit; position: inherit;}
	.intro > div > div.preview .btn_wrap a {margin-top: 30px; padding-top: 5px; padding-bottom: 5px;}

	.intro > div > div.info {background-position: 80%; font-size: 14px;}
	.intro > div > div.info h4 {text-align: center;}

	.intro > div > div [class*="list"] li img{width: 100%}
	.intro > div > div .list_1 li{width: 100%}

	.intro.about_single > div > div.cover {padding-top:50px;background-position: 80% 100%;background-size: auto 80%; background-color: #eceeed;}
}

@media (max-width: 768px){
	header .header_txt {visibility: hidden;}
	/* header .content .btn_wrap {right: 10px;} */

	.logo {width: 80px;}
	.main p  {width: 90%; margin-left: auto; margin-right: auto;}
	.main > .content > ul {font-size: 0px; width: 90%; max-width: 300px; margin-top: 30px;}
	.main > .content > ul > li {width: calc(50% - 10px); font-size: 14px;padding: 10px;}

	.intro h4 {font-size: 24px;margin-bottom: 10px;}
	.intro > div > div{min-height: 350px;}
	.intro.about_single > div > div.cover {padding-top:0px;}

	.intro [class*="list"] {margin-top: 30px;}
	.intro [class*="list"].show_big img + span{font-size: 12px; line-height: 25px; width: 25px; height: 25px; border-radius: 2px; right: 1px; bottom: 1px;}
	.intro .list_2 > li {width: 100%;}
	.intro .list_2 > li + li {border-top: 1px dashed #eee; padding-top: 20px; margin-top: 20px;}
	.intro .list_3 > li {width: 100%;}
	.intro .list_3 > li + li {border-top: 1px dashed #eee; padding-top: 20px; margin-top: 20px;}
	.intro .list_4 > li {width: 100%;}
	.intro .list_4 > li + li {border-top: 1px dashed #eee; padding-top: 20px; margin-top: 20px;}

	.intro > div > div.banner {background-image: url(/storybook/img/request/intro_banner_bg_m.jpg); }
	.intro > div.postpay_content > div.banner {background-image: url(/storybook/img/request/intro_banner_bg_postpay_m.jpg); background-size: contain; background-color: #c4afcd;}

	.intro > div > div.banner .txt { text-align: center; width: calc(100% - 40px); top: 10%;}

	.intro > div > div.sel_item .pdt_list > li {padding: 20px 0; width:calc(50% - 10px);}
	.intro > div > div.sel_item .pdt_list > li > a.btn_bk{width: calc(100% - 20px); margin-left: 10px; margin-right: 10px;}

	.intro > div > div.coupon .list_4 {max-width: 300px;}
	.intro > div > div.coupon .list_4 > li {width:100%; font-size: 0; position: relative; text-align: left;}
	.intro > div > div.coupon .list_4 > li > div:nth-child(1) {width: 30%; display: inline-block; font-size: 14px;}
	.intro > div > div.coupon .list_4 > li > div:nth-child(1) > img {max-width: 150px;}
	.intro > div > div.coupon .list_4 > li > div:nth-child(2) {display: inline-flex;font-size: 14px; margin-left: 10px; width: calc(70% - 10px); max-width: 200px; position: absolute; text-align: center; top:50%; margin-top: -16px;}
	.intro > div > div.coupon .list_4 > li > div:nth-child(2) > p {margin-top:0;}
	.intro > div > div.coupon .list_4 > li + li > div::before {display: none;}
	.intro > div > div.coupon .list_4 > li + li {margin-left: 0; margin-top: 20px;}
	.intro > div > div.coupon .list_4 > li + li::before {content: '∨';margin-left: 30%;text-align: center;position: absolute;top: -20px;font-size: 14px;width: 70%;font-weight: bold;}

	.intro > div > div.coupon_system h4 > img {left: inherit; width: 50px; right:-40px; }
	.intro > div > div.coupon_system h4 > span {z-index: 0; position: relative;}

	.intro > div > div.custom_page .content {padding-bottom: 40px;}
	.intro > div > div.custom_page .list_2 {position: inherit;}
	.intro > div > div.custom_page .list_2 > li + li {border-color: #999}

	.intro > div > div.sale .table {margin-top: 30px;}
	.intro > div > div.sale .table ul{width: 100%; border: none; word-break: keep-all;}
	.intro > div > div.sale .table ul:first-child{border-top: 2px solid #333}
	.intro > div > div.sale .table ul:last-child{border-bottom: 2px solid #333}
	.intro > div > div.sale .table ul + ul {border-top:1px solid #333;}
	.intro > div > div.sale .table ul li {float: left; padding: 10px;}
	.intro > div > div.sale .table ul li:nth-child(1) {border: none;}
	.intro.about_single > div > div.sale .table ul li {width: 25%;}
	.intro.about_single > div > div.sale .table ul:first-child li span > small{display: none;}
	.intro.about_single > div > div.sale .table + ul.list_style {margin-top:10px; display: block;}
	.intro.about_single > div > div.sale .table + ul.list_style li {display: block; text-align: left;}

	.intro.about_multi > div > div.sale .table ul li {width: 50%;}

	.intro > div > div.cover .list_3 > li {width: calc(33.3333% - 10px); margin-top: 5px;}
	.intro > div > div.cover .list_3 > li + li {border: none; padding-top: 0; margin-top: 5px;}

	.intro > div > div.inner .list_3 > li {width: calc(33.3333% - 10px); margin-top: 5px; border:1px solid #ddd;box-shadow: 0 0 5px #ccc;}
	.intro > div > div.inner .list_3 > li + li {border: none; padding-top: 0; margin-top: 5px;border:1px solid #ddd;}

	.intro > div > div.apply ul { border-left: 1px dashed #ccc; margin-left: 16px; display: inline-block;}
	.intro > div > div.apply ul > li {width: calc(100% + 16px); margin-left: -16px; font-size: 0;}
	.intro > div > div.apply ul > li + li {margin-top:20px;}
	.intro > div > div.apply ul > li span{font-size: 14px; vertical-align: top}
	.intro > div > div.apply ul > li .num {width: 32px; margin-bottom: 0;}
	.intro > div > div.apply ul > li .txt {border: none; height: auto; width : calc(100% - 32px); text-align: left; padding: 5px 10px; line-height: 1.8;}
	.intro > div > div.apply ul > li .txt > span {width: auto; margin-bottom: 0;}
	.intro.about_multi > div.postpay_content > div.apply ul > li .num {background-color: #c2c2c2}
	.intro.about_multi > div.postpay_content > div.apply ul > li .txt {background-color: transparent}

	.application_form > .content > img {width: 40px;margin-top: 30px;}
	.application_form > .content > .box_wrap{box-shadow: none;}
	.application_form > .content .box_tit {margin-top: 30px; padding:10px;}
	.application_form > .content .box {padding: 0 10px 30px;}
	.application_form > .content .box > ul > li {padding: 20px 0;}
	.application_form input[type="radio"] + label:not(.btn) {margin-bottom: 10px;}
	.application_form input[type="radio"] + label.btn {min-width: inherit;}
	.application_form > .content .box > ul.pdt_opt > li { font-size: 0;}
	.application_form > .content .box .pdt_opt .tit {display: inline-block; width: 60px; margin-right: 20px;padding: 0; margin-bottom: 20px; font-size: 14px;}
	.application_form > .content .box .pdt_opt .txt {display: inline-block; width : calc(100% - 80px); padding: 0; font-size: 14px;}
	.application_form > .content .box .pdt_list .txt {width: 100%;}
	.application_form > .content .box .pdt_list li > label img {margin-bottom: 10px;}
	.application_form > .content .box .cover_type .txt {font-size: 0;}
	.application_form > .content .box .cover_type .txt label {width: 50%; font-size: 14px; padding: 0; height: 33px;}
	.application_form > .content .box .cover_type .txt label > span {font-size: 12px;}
	.application_form > .content .box .add_page .txt {width: 100%;}
	.application_form > .content .box .add_page .txt > div > label + div.d_ib{width: calc(100% - 120px); vertical-align: top}
	.application_form > .content .box .add_page .txt > div > label + div.d_ib label{margin-top: 10px; font-size: 12px; margin-right: 0;}
	.application_form > .content .box .add_page .txt > div.bdt_lgy {border-top: none;}
	.application_form > .content .box .count .txt > .counter + p {margin-top: 10px;}
	.application_form > .content .box .option .txt {width: 100%;}
	.application_form > .content .box .option .txt > label {color: #626262;}
	.application_form > .content .box .option .txt > label + p {background: #ebebeb; border: none;}
	.application_form > .content .box .coupon_type  .txt {font-size: 0;}
	.application_form > .content .box .coupon_type .txt label {width: 50%; font-size: 14px; padding: 0; height: 33px;}
	.application_form > .content .box .result {margin-left: 0; margin-right: 0; width: 100%;padding: 20px 10px;}
	.application_form > .content .box .result > li {overflow: hidden;}
	.application_form > .content .box dt {width: 130px;text-align: left;}
	.application_form > .content .box dd {width: calc(100% - 130px)}
	.btn_wrap {width: calc(100% - 40px);font-size: 0; margin-left: 20px; margin-right: 20px}
	.btn_wrap a {width: calc((100% - 10px)/2) ;  font-size: 14px;}
	.btn_wrap a + a {margin-left: 10px;}
}



@media (max-width: 400px){
	.main > .logo {width: 50px;}

	.intro > div > div.sel_item .pdt_list > li > p {font-size: 12px;}

	.intro.about_single > div > div [class*="list"]{margin-top: 30px;}
	.intro.about_single > div > div.sale .table ul li {padding: 10px 5px; line-height: 1.4;}

	.application_form > .content .box .cover_type .txt {width: 100%; }
	.application_form > .content .box .coupon_type .txt {width: 100%; }
	.application_form > .content .box .counter {width: 100%;}
	.application_form > .content .box .add_page .txt > div.add_pages_wrap > span.total_page + div {margin-left: 36px;}
	.application_form > .content .box .add_page .txt > div.add_pages_wrap label[for="max_page_yn"] {margin-top:10px;}
	.application_form > .content .box .result > li > span.tit {letter-spacing: -1px;}
	.application_form > .content .box .result > li > span.txt > span:nth-child(2) {min-width: 50px;}
	.application_form > .content .box dt {width: 100%;line-height: 1;}
	.application_form > .content .box dd {width: 100%}

}