@charset "euc-kr";


/* main_contents */
.main_contents{width:100%; background:#f2f4f6;}
/* .mobile_visual */
.mobile_visual{width:100%; height:auto; overflow:hidden;}
.mobile_visual .slide {width:100%; height:auto;}
.mobile_visual .slide img{width:100%; height:auto;}
.mobile_visual .visual_pager {position:absolute; left:50%; bottom:50px; height:40px; line-height:40px; border-radius:40px; background:rgba(0,0,0,.5); margin:-20px 0 0 0; text-align:center; padding:0 25px; z-index:101; -ms-transform:translateX(-50%); transform:translateX(-50%);}
.mobile_visual .visual_pager span {display:inline-block; width:10px; height:10px; border:1px solid #fff; border-radius:50%; text-indent:-9999px; vertical-align:middle; margin:0 2.5px; box-sizing:border-box; cursor:pointer;}
.mobile_visual .visual_pager span.cycle-pager-active {background:#fff;}
.mobile_visual .visual_pager button {display:inline-block; width:10px; height:10px; background:url(/m/image/ico/play.png) 50% 50% no-repeat; vertical-align:middle; text-indent:-9999px;}
.mobile_visual .visual_pager .pause_btn {background-image:url(/m/image/ico/pause.png);}

/* online_area */
.online_area{width:100%; padding:40px 4%; background:#f0f9ff; border:1px solid #d9dbdd; box-sizing:border-box;}
.online_area > p{color:#9aa2ad; font-size:15px; font-weight:500; line-height:23px;}
.online_area > p > span{display:inline-block; padding-left:12px; margin-left:12px; background:url(/m/image/online_line.png) left 50% no-repeat; font-family:'Lato', sans-serif;}
.online_area h2{padding:10px 0 20px; color:#333; font-family:'Nanum Myeongjo', sans-serif; font-size:24px; font-weight:bold; letter-spacing:-0.065rem;}
.online_area ul{width:100%;}
.online_area ul li{float:left; width:47%; padding:10px 10px 0; background:#fff; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3);  box-sizing:border-box; text-align:center;}
.online_area ul li a{display:block; width:100%; height:100%;}
.online_area ul li:nth-child(1){margin-right:6%;}
.online_area li .img{width:100%; min-height:120px; height:auto; overflow:hidden;}
.online_area li .img img{width:100%; min-height:120px;}
.online_area li span{display:block; width:100%; padding:10px 0;}


/* book_area */
.book_area{width:100%; margin-top:10px; background:#fff; border-bottom:1px solid #d9dbdd; box-sizing:border-box;}
.book_group{width:100%; padding:30px 4%; box-sizing:border-box;}
.book_area > .book_group:nth-child(1){border-bottom:1px solid #f2f2f2;}
.book_title{padding-bottom:20px;}
.book_title > h2{float:left; color:#222; font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.book_title .more_btn{float:right; display:inline-block; color:#aaa; font-size:15px; font-weight:500; line-height:23px;}
.book_list > li{float:left; width:30%; height:auto; text-align:center;}
.book_list > li .img{position:relative; display:inline-block; width:120px; height:175px; border:1px solid #ddd; box-sizing:border-box;}
.book_list > li .img:before{content:''; position:absolute; top:0; left:1%; width:100%; height:100%; background:url(/m/image/book_bg.png) 100% 0 no-repeat; background-size:cover;}
.book_list > li:nth-child(2){margin:0 5%;}
.book_list > li .img img{width:100%; height:100%;}
.book_list > li span{display:block; width:100%; padding:10px 10px 0 0; font-size:14px; font-weight:500; line-height:17px; letter-spacing:-0.065rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.book_list:after{content:''; display:block; clear:both;}

@media screen and (max-width:420px){
	.book_list > li .img{width:85px; height:124px;}
}

/* notice_area */
.notice_area{width:100%; height:220px; margin-top:10px; padding:30px 4% 0; background: #fff; border-bottom:1px solid #d9dbdd; box-sizing:border-box;}
.notice_title h2{float:left;  color:#222; font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.notice_title .more_btn{float:right; display:block; color:#aaa; font-weight:500; font-size:15px; line-height:23px;}
.notice_list{padding-top:20px;}
.notice_list li{font-size:15px; font-weight:500;}
.notice_list a{float:left; display:inline-block; width:70%; color:#333; line-height:30px; letter-spacing:-0.065rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice_list span{float:right; color:#999; line-height:30px;}
.notice_list li:after{content:''; display:block; clear:both;}

/* .seminar_area */
.seminar_area{width:100%; margin-top:12px;  background:#fff;}
.seminar_title{width:100%; height:130px; padding:23px 4% 0; background:url(/m/image/main_seminar_bg.png) right 50% no-repeat; box-sizing:border-box;}
.seminar_title > h2{ color:#111; font-size:21px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.seminar_title > p{padding-top:19px; color:#888; font-size:14px; font-weight:500; line-height:19px; letter-spacing:-0.065rem;}
.seminar_link > li{float:left; width:50%; height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.seminar_link > li:nth-child(1){border-right:1px solid #ddd;}
.seminar_link > li > a{display:block; width:100%; height:100%; color:#222; font-size:16px; font-weight:500; letter-spacing:-0.065rem; line-height:50px; text-align:center;}

@media screen and (max-width:350px){
	.seminar_title{background-position:140% 50%;} 
}

/* center_area */
.main_center_area{position:relative; width:100%; margin-top:12px; background:#fff; border-bottom:1px solid #d9dbdd; box-sizing:border-box;}
.main_center_area > h2{position:absolute; width:50%; left:4%; top:30px; color:#111; font-size:16px; font-weight:500; line-height:23px; letter-spacing:-0.065rem;}
.center_info{width:100%; padding:0 4% 25px; box-sizing:border-box;}
.center_info > dl{float:left; height:100%; padding:60px 0 0;}
.center_info dt{padding:0 0 5px; color:#0048b5; font-size:36px; font-weight:bold;}
.center_info dd{color:#555; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.045rem;}
.center_info > ul{float:right; width:130px; padding:40px 0 0;}
.center_info li{width:100%; height:45px; border:1px solid #ddd; text-align:center; line-height:45px;}
.center_info li:nth-child(1){border-bottom:0;}
.center_info li > a{width:100%; height:100%; color:#222; font-size:15px; font-weight:500; letter-spacing:-0.065rem;}

.center_sns{width:100%; height:60px; padding:0 4%; border-top:1px solid #f2f2f2; box-sizing:border-box;}
.center_sns ul{float:left; width:30%; margin:15px 0 0; border-right:1px solid #ddd; text-align:center;}
.center_sns li{display:inline-block; padding:0 5px;}
.center_sns li a{display:block; width:30px; height:30px;}
.center_sns li a img{width:100%; height:100%;}
.kakao {float:right; width:65%; height:100%;}
.kakao > a {position:relative; display:block; width:100%; height:100%;}
.kakao > a > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:236px;}

@media screen and (max-width:620px){
	.center_info dt{font-size:32px;}
}

@media screen and (max-width:420px){
	.center_info dt{font-size:26px;}
	.center_info dd{font-size:14px;}
	.center_info > ul{width:90px;}
	.center_info li > a{font-size:14px;}
}


/* banner_area */
.banner_area{position:relative; width:100%; height:110px;  margin:12px 0 0 ; background-color:#fff;}
.ban_list {position:relative; width:100%;}
.ban_list .container{width:370px; height:60px; margin:0 auto; overflow:hidden;}
.banner_area .logo_slide {width:1000px; height:60px; margin:0 auto 0;}
.banner_area .logo_slide a {display:block; width:185px; height:60px; line-height:60px; text-align:center;}
.banner_area .controls span {position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background-repeat:no-repeat; text-indent:-9999px; cursor:pointer;}
.banner_area .controls span.logo_prev {background-image:url(/m/image/ico/logo_prev.png); left:4%;}
.banner_area .controls span.logo_next {background-image:url(/m/image/ico/logo_next.png); right:4%;}

@media screen and (max-width:420px){
	.ban_list .container{width:300px; height:auto;  overflow:hidden;}
	.banner_area .logo_slide a{width:150px; padding:0 15px; height:auto; box-sizing:border-box;}
	.banner_area .logo_slide a img{display:inline-block; width:120px;}
	.banner_area .controls span {width:8px; height:15px; margin-top:-7.5px; background-size:cover;}
	.banner_area .controls span.logo_prev{left:3%;}
	.banner_area .controls span.logo_next{right:3%;}
}

/* -------------------------------------- 서브페이지 */

.sub_visual{width:100%; height:150px; background:url(/m/image/sub/sub_vis.jpg) 45% center no-repeat; background-size:cover;}
.sub_visual .sub_title{color:#fff; font-size:25px; font-weight:bold; line-height:100px; letter-spacing:-0.045rem; text-align:center;}
.sub_nav{width:100%; height:50px;}
.sub_nav > div {float:left; width:50%; height:100%; background:rgba(0, 13, 51, 0.8); box-sizing:border-box;}
.sub_nav > div:last-child{border-left:1px solid #525871;}
.sub_nav > div > span{position:relative; display:block; width:100%; height:100%; padding:0 40px 0 8%; color:#fff; font-size:17px; line-height:50px; letter-spacing:-0.085rem; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_nav > div > span:after{content:''; display:block; position:absolute; right:6%; top:50%; width:19px; height:11px; background:url(/m/image/sub/nav_arrow.png) center center no-repeat; transform:translateY(-50%);}

.sub_nav > div > ul{display:none; position: relative; width:100%; padding:10px 0 ; background:#fff; border:1px solid #d7d7d7; z-index:10;}
/*.sub_nav > div > ul.on{display:block; opacity:1;}*/

.sub_nav li a{display:block; padding:0 20px; color:#555; font-size:17px; font-weight:500; line-height:40px; letter-spacing:-0.085rem; box-sizing:border-box;}

@media screen and (max-width:520px){
	.sub_nav > div > span{font-size:16px;}
	.sub_nav li a{font-size:14px;}
}

/* intro.php */

.about_area{width:100%; padding:30px 4% 0; box-sizing:border-box;}
.about_area .img{width:100%; /*height:230px;*/ overflow:hidden;}
.about_area .img img{width:100%;}
.about_area h3{padding:20px 0; color:#222; font-size:28px; font-weight:600; line-height:33px;}
.about_area h3 span{display:block; font-size:24px; font-weight:300; letter-spacing:-0.065rem;}
.about_area em{display:inline-block; padding:0 0 10px; color:#0048b5; font-size:19px; line-height:33px;}
.about_area p{padding:0 0 25px; color:#222; font-size:15px; line-height:28px; text-align:justify;}
.about_area p strong{color:#000; font-weight:500;}

.ministry_area{width:100%; padding:40px 4% 35px; background:#f8f8f8; box-sizing:border-box;}
.ministry_area h3{padding:0 0 20px; color:#111; font-size:28px; font-weight:700; line-height:31px; letter-spacing:-0.065rem; text-align:center;}
.ministry_area p{color:#222; font-size:15px; line-height:28px; text-align:justify;}
.ministry_area .img{width:100%; /*height:230px;*/ overflow:hidden; margin:20px 0;}
.ministry_area .img img{width:100%;}
.ministry_item{padding:0 0 15px;}
.ministry_item h4{padding:0 0 25px; color:#222; font-size:25px; font-weight:700; line-height:31px; letter-spacing:-0.065rem;}
.ministry_item dt{padding:0 0 5px; color:#222; font-size:18px; font-weight:900; line-height:31px; letter-spacing:-0.065rem;}
.ministry_item dt.blue{color:#0048b5;}
.ministry_item dt em{display:inline-block; padding:0 0 0 10px; color:#0048b5; font-size:18px; font-weight:300; line-height:31px; letter-spacing:-0.065rem;}
.ministry_item dt span{letter-spacing:normal;}
.ministry_item dd{padding:0 0 15px; color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem; text-align:justify;}

.vision_area{width:100%; padding:35px 4% 50px; box-sizing:border-box;}
.vision_area h3{padding:0 0 30px; color:#111; font-size:28px; font-weight:700; line-height:31px; letter-spacing:-0.065rem; text-align:center;}
.vision_area p{padding:0 0 25px; color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem; text-align:justify;}

@media screen and (max-width:420px){
	.about_area h3{font-size:24px;}
	.about_area h3 span{font-size:19px;}
	.ministry_item dt em{display:block; padding:0;}
}

/* notice.php */
.small_notice_area{width:100%; padding:30px 4% 60px; box-sizing:border-box;}

/* map.php */
.map_area{width:100%; padding:25px 0 0;}
.address_box{width:100%; padding:30px 4% 55px; box-sizing:border-box;}
.address_box dt{padding:20px 0 0; color:#0048b5; font-size:20px; line-height:25px; letter-spacing:-0.065rem;}
.address_box dd{color:#222; font-size:15px; line-height:25px; letter-spacing:-0.065rem;}

/* support.php */
.sup_btn{width:calc(100% - 8%); height:50px; margin:20px 4% 30px; border:1px solid #efefef; box-sizing:border-box;}
.sup_btn > li{float:left; width:33.3333%; height:100%; border-right:1px solid #efefef; color:#333; font-size:17px; font-weight:500; line-height:50px; letter-spacing:-0.085rem; text-align:center; box-sizing:border-box; cursor:pointer;}
.sup_btn > li:last-of-type{border-right:0;}
.sup_btn > li.on{position:relative; color:#0048b5; border:1px solid #0048b5;}

.support_area {width:100%;}
.support_area > .area{display:none;}
.support_area > .on{display:block;}
.support_area .sup_ttl{color:#0048b5; font-size:22px; font-weight:bold; line-height:30px; letter-spacing:-0.065rem; text-align:center;}

.sup_box{width:100%; padding:0 4%; box-sizing:border-box;}
.sup_box img{width:100%;}
.sup_box .sup_condition{text-align:center; padding:0 4%;}
.sup_condition h3{padding:50px 0; color:#0048b5; font-size:28px; line-height:44px; letter-spacing:-0.065rem;}
.sup_list li{padding:0 0 20px; color:#222; font-size:15px; line-height:24px; letter-spacing:-0.065rem; word-break:keep-all;}
.sup_list strong{display:block; padding:0 0 5px; color:#0048b5; font-size:23px; line-height:24px; letter-spacing:-0.065rem;}

.sup_benefit{width:100%; padding:80px 0 120px; text-align:center;}
.sup_benefit > h3{width:70%; margin:0 auto; word-break:keep-all;}
.sup_benefit ol{width:100%; padding:20px 8% 0; box-sizing:border-box;}
.sup_benefit ol li{padding:25px 0 0; color:#222; font-size:15px; line-height:24px; letter-spacing:-0.065rem}

.sup_method{width:100%; padding:65px 4%; background:#f8f8f8; color:#222; font-size:15px; line-height:24px; letter-spacing:-0.065rem; text-align:center; box-sizing:border-box;}
.sup_method ul{padding:30px 0 20px;}
.sup_method strong{display:block; color:#222; font-weight:bold;}
.sup_method .off{display:block; padding:20px 0 0;}

.church_box{width:100%; padding:0 4%; box-sizing:border-box;}
.church_box .sup_ttl{padding:30px 0 30px;}
.church_box .sup_desc{color:#222; font-size:15px; line-height:24px; letter-spacing:-0.065rem; text-align:center;}
.church_list{width:100%; padding:40px 4% 120px; box-sizing:border-box;}
.church_list > dl{float:left; width:46%; height:160px; border:1px solid #d2d2d2; padding:10px; margin:2% 2%; box-sizing:border-box;}
.church_list dt{padding:0 0 10px; color:#222; font-size:15px; font-weight:500; line-height:24px; letter-spacing:-0.065rem;}
.church_list dd{padding:0 0 10px; color:#767676; font-size:12px; line-height:auto; letter-spacing:-0.065rem;}

.org_box{width:100%; padding:0 4% 40px; box-sizing:border-box;}
.org_box .sup_ttl{padding:30px 0 30px;}
.org_box .sup_desc{width:90%; margin:0 auto; color:#222; font-size:15px; line-height:24px; letter-spacing:-0.065rem; text-align:center; word-break:keep-all;}
.org_list{width:100%; padding:50px 0 0;}
.org_list > dt{width:100%; height:80px; overflow:hidden; box-shadow:0 0 6px rgba(93, 93, 93, 0.33); text-align:center;}
.org_list > dt > img{display:inline-block; height:60px; width:auto; margin-top:10px;}
.org_list > dd{width:100%; margin:30px 0 0; padding:20px 15px; box-sizing:border-box; box-shadow:0 0 6px rgba(93, 93, 93, 0.3); color:#222; font-size:14px; line-height:22px; letter-spacing:-0.065rem;}

@media screen and (max-width:420px){
	.church_box .sup_desc br{display:none;}
}

/* column.php */

.greetings_area{width:100%; padding:30px 4% 0; box-sizing:border-box;}
.greetings_area > img{float:left; padding:0 15px 0 0;}
.greetings_area > h3{padding:0 0 20px; color:#0048b5; font-size:24px; font-weight:500; line-height:33px; letter-spacing:-0.065rem;}
.greetings_area > p{padding:0 0 25px; color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem;}
.greetings_area strong{display:block; padding:25px 0 0; font-size:18px; text-align:center; word-break:keep-all;}
.rep_notice{width:100%; padding:60px 4% 75px; box-sizing:border-box;}

@media screen and (max-width:720px){
	.greetings_area > p br{display:none;}
}

/* about-small */
.sub-tab{padding:30px 0 0; text-align:center; font-size:0; white-space:nowrap;}
.sub-tab li{display:inline-block;}
.sub-tab li a{display:block; min-width:115px; height:48px; padding:0 25px; border-width:1px 1px 1px 0; border-style:solid; border-color:#efefef; line-height:48px; font-size:14px; letter-spacing:-0.085rem; color:#333; transform:all 0.3s;}
.sub-tab li:first-child a{border-width:1px;}
.sub-tab li.on a{z-index:2; border-color:#0048b5; color:#0048b5; border-width:1px; margin-left:-1px;}
.sub-tab li.on:first-child a{margin-left:0;}

@media screen and (max-width:620px){
	.sub-tab li a{padding:0 5px;}
	.small_info .company p span{display:block;}
}

@media screen and (max-width:420px){
	.sub-tab li{display:block; padding:0 25px;}
	.sub-tab li a{border-width:1px 1px 1px 1px;}
	.sub-tab li:not(:last-child) a{border-bottom-width:0;}
	.sub-tab li.on a{border-width:1px;}
}

.small_contents h3{padding:50px 0 35px; color:#0048b5; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; text-align:center;}
.small_contents h3 span{font-size:22px; font-weight:bold;}
.small_intro{width:100%; padding:0 4%; box-sizing:border-box;}
.small_intro .intro_bg{width:100%;}
.intro_bg img{width:100%;}
.small_intro p{padding:25px 15px; color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem; text-align:center; word-break:keep-all;}
.small_intro p strong{font-weight:500;}

.small_detail {width:100%; padding:45px 4%; margin-bottom:35px; background:#f8f8f8; box-sizing:border-box;}
.small_detail h3 {font-size:20px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#0048b5; padding:0; text-align:left;}
.small_detail ul {margin:12px 0 20px;}
.small_detail li {font-size:15px; line-height:21px; letter-spacing:-0.045rem; color:#111; margin-bottom:10px;}
.small_detail li:before {content:''; display:inline-block; width:3px; height:3px; background:#0048b5; border-radius:50%; margin:0 6px 0 0; vertical-align:middle;}
.small_detail img {width:100%; height:auto;}

.small_detail_item {padding:0 4%; margin:0 0 35px; box-sizing:border-box;}
.small_detail_item h4{padding:0 0 5px; color:#0035b4; font-size:22px; font-weight:bold; line-height:31px; letter-spacing:-0.065rem;}
.small_element > li{color:#222; font-size:15px; line-height:31px; letter-spacing:-0.065rem;}
.small_element > li > strong{font-weight:500;}
.small_element > li > ul{text-indent:30px;}

.small_advantage > li{color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem;}
.small_advantage > li > strong{font-weight:500;}

.small_how li{color:#222; font-size:15px; line-height:28px; letter-spacing:-0.065rem; text-align:justify; word-break:keep-all;}
.small_how > li strong{font-weight:500;}
.small_how > li em{font-weight:bold;}
.small_how > li > ul{list-style:square; list-style-position:inside;}

.small_info{width:100%; padding:0 4% 30px; box-sizing:border-box;}
.small_info .company{width:100%; padding:35px 25px; margin:30px 0; box-sizing:border-box; box-shadow:0 0 6px rgba(93, 93, 93, 0.33); text-align:center;}
.small_info .company h4{color:#0035b4; font-size:22px; font-weight:bold; line-height:31px; letter-spacing:-0.065rem; word-break:keep-all;}
.small_info .company p{padding:25px 0; color:#222; font-size:18px; line-height:29px; letter-spacing:-0.065rem; word-break:keep-all;}
.small_info .company > span{display:block; color:#222; font-size:15px; line-height:29px; letter-spacing:-0.065rem;}
.company .contact{padding:25px 0 0;}
.company .contact li{color:#222; font-size:15px; line-height:29px; letter-spacing:-0.065rem;}

.small_info .book{width:100%; max-width:419px; height:auto; margin:0 auto; text-align:right;}
.about_book_img img{width:100%; height:auto;}
.small_info .book span{color:#222; font-size:15px; line-height:29px; letter-spacing:-0.065rem;}

/* about-ice.php */
.ice_break{width:100%; padding:0 4% 65px; box-sizing:border-box;}
.ice_care_bg{width:100%; padding:35px 4% 70px;  background:#f8f8f8; box-sizing:border-box;}
.ice_care .care_img{width:100%; padding:30px 0 0;}
.ice_care .care_img img {width:100%;}
.ice_contents h3{padding:50px 0 0; color:#0048b5; font-size:22px; font-weight:bold; line-height:30px; letter-spacing:-0.065rem; text-align:center;}
.ice_contents dt{padding:30px 0 0; color:#0048b5; font-size:18px; line-height:31px; letter-spacing:-0.065rem;}
.ice_contents dd{color:#222; font-size:15px; line-height:29px; letter-spacing:-0.065rem;}

/* apply.php */
.apply_contents{width:100%; padding:0 4%; box-sizing:border-box;}
.apply_contents ::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#878787; font-size:16px; letter-spacing:-0.065rem; padding:0 0 0 10px; vertical-align:middle;}

.apply_contents h3{padding:50px 0 40px; color:#0048b5; font-size:22px; font-weight:bold; line-height:30px; letter-spacing:-0.065rem; text-align:center;}
.apply_contents h4{color:#0048b5; font-size:21px; font-weight:500; line-height:31px; letter-spacing:-0.065rem;}
.apply_contents textarea{width:100%;}
.apply_contents input[type=text]{width:100%; height:45px; margin:0; border:1px solid #ddd; font-family:'NotoSans',sans-serif; font-size:.95rem; letter-spacing:-0.045rem; color:#555; box-sizing:border-box;}

.apply_contents .agree_line{margin-top:5px; text-align:right;}
.data_box{width:100%; padding:25px 0 0;}
.data_box p{margin:10px 0 0;}

.use_info label{display:block; margin-bottom:10px; color:#333; font-size:16px; font-weight:500; letter-spacing:-0.065rem;}
.use_info input.use_date{width:8rem;}
.use_info span{display:block; color:#333; font-size:14px; font-weight:500; line-height:31px; letter-spacing:-0.065rem;}

.bank_info em{color:#333; font-size:16px; line-height:31px; letter-spacing:-0.065rem;}
.bank_info label{color:#333; font-size:16px; font-weight:500; letter-spacing:-0.065rem;}
.bank_info label.pay_date{display:block; margin-bottom:15px;}
.bank_info input.pay_price{width:5rem;}

.apply_confirm{padding:30px 0; color:#333; font-size:16px; line-height:31px; letter-spacing:-0.065rem; word-break:keep-all;}
.apply_btn{width:100%; height:3rem; margin:0 0 55px; background:#00348f; border:none; color:#fff; font-family:'NotoSans', sans-serif; font-size: 16px; font-weight:500; text-align:center; line-height: 3rem; letter-spacing:-0.065rem;}

@media screen and (max-width:420px){
	.apply_contents ::-webkit-input-placeholder, ::-webkit-textarea-placeholder{font-size:14px;}
	.bank_info em{display:block;}
}

/* info.php */

/* SMALL - INFO */
.info_btn {width:410px; height:50px; margin:30px auto 65px;}
.info_btn li {float:left; width:50%; height:50px; line-height:48px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#333; box-sizing:border-box; cursor:pointer;}
.info_btn li:last-child {border-right:1px solid #ddd;}
.info_btn li:hover {color:#0048b5;}
.info_btn li.on {border:1px solid #0048b5; color:#0048b5;}
.info_ttl {font-size:24px; font-weight:700; line-height:31px; letter-spacing:-0.065rem; text-align:center; color:#0048b5; margin-bottom:25px;}
.info_ttl + dd {font-size:16px; font-weight:400; line-height:29px; letter-spacing:-0.065rem; color:#222; text-align:left; margin:0 auto 30px;}

.info_area{width:100%; padding:0 4%; box-sizing:border-box;}
.info_area .area {display:none;}
.info_area .area dl{}
.info_area .area dl dd{min-height:120px; padding:20px 0 0 210px; background:url(/images/bible_img.png) 0 50% no-repeat; word-break:keep-all;}
.info_area .area dl dd strong{display:block; color:#247600;}
.info_area .area dl dd span{color:#000; font-weight:600;}
.info_area .area ul{/*background:#f9f9f9;*/ border:4px solid #eee; padding:20px 25px;}
.info_area .area ul li{padding-left:12px; margin:7px 0 0; line-height:1.5; font-size:14px; background:url(/images/ico/sample_arrow.png) 0 7px no-repeat; background-size:4px auto;}
.info_area .area ul li:first-child{margin:0;}
.info_area .area ul li a{color:#0048b5; text-decoration:underline;}
.info_area .area-form{width:100%; margin:0 auto;}


/* seminar.php */
.program_area{width:100%; padding:20px 4% 70px; box-sizing:border-box;}
.program_area .img{width:100%; height:auto;}
.program_area .img img{width:100%;}
.program_area > h3{padding:40px 0 20px; color:#0048b5; font-size:22px; font-weight:bold; line-height:120%; letter-spacing:-0.065rem; text-align:center; word-break:keep-all;}
.program_area .program_desc{width:100%; color:#222; font-size:15px; line-height:31px; letter-spacing:-0.065rem; text-align:justify;}

.program_area ol {display:flex; justify-content:space-between; text-align:center; margin:30px 0 0;}
.program_area li {width:31%; font-size:13px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; text-align:center; background:#e5f0eb; vertical-align:top; box-sizing:border-box;}
.program_area li:nth-child(2) {background:#e6ebf8;}
.program_area li:nth-child(3) {background:#fdf6e5;}
.program_area li .step {display:block; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#fff; background:#006837;}
.program_area li:nth-child(2) .step {background:#0d39b7;}
.program_area li:nth-child(3) .step {background:#efa300;}
.program_area .txt {width:100%; padding:25px 0;}
.program_area strong {display:block; font-size:15px; font-weight:500; line-height:20px; letter-spacing:0; color:#006837; white-space:pre-line; margin-bottom:4px;}
.program_area li:nth-child(2) strong {color:#0d39b7;}
.program_area li:nth-child(3) strong {color:#efa300;}

.step_area {width:100%; padding:50px 4% 55px; background:#f8f8f8; box-sizing:border-box; word-break:keep-all;}
.step_area .list {padding:20px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.step_area .list:first-child {border-top:1px solid #aaa;}
.step_area .list .thumb {margin-bottom:16px;}
.step_area .list .thumb img {float:left; width:150px;}
.step_area .list .thumb .ttl {float:right; width:calc(100% - 170px); font-size:18px; font-weight:700; line-height:22px; letter-spacing:-0.065rem; color:#000; padding:6px 0 0; box-sizing:border-box;}
.step_area .list .thumb a {display:block; width:120px; height:35px; line-height:35px; background:#0048b5; font-size:15px; font-weight:700; letter-spacing:-0.065rem; color:#fff; border-radius:4px; text-align:center; margin:12px 0 0; box-sizing:border-box;}
.step_area .list li {display:flex; justify-content:flex-start; flex-wrap:wrap; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#444; margin-bottom:4px;}
.step_area .list li .ttl {margin:0 10px 0 0; color:#0048b5;}
.step_area .list li.not {color:#999;}
.step_area .list li:nth-child(3) .txt {width:calc(100% - 40px);}

.feature_area{width:100%; padding:20px 4% 40px; box-sizing:border-box;}
.feature_area > h3{ color:#0048b5; font-size:22px; font-weight:500; line-height:120%; letter-spacing:-0.065rem; text-align:left; word-break:keep-all; margin:30px 0 0;}
.feature_area .img {width:100%; height:auto;}
.feature_area .img img{width:100%;}

.seminar_feature {padding:15px 0 0;}
.seminar_feature dt {font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#111; margin-bottom:6px;}
.seminar_feature dt span {color:#999; letter-spacing:0;}
.seminar_feature dd{color:#222; font-size:15px; line-height:22px; letter-spacing:-0.065rem; text-align:left; margin-bottom:12px;}

.effect_area{width:100%; padding:0 4% 50px; box-sizing:border-box;}
.effect_area > h3{ color:#0048b5; font-size:22px; font-weight:500; line-height:120%; letter-spacing:-0.065rem; text-align:left; word-break:keep-all; margin:30px 0 0;}
.effect_area .img{width:100%; height:auto;}
.effect_area .img img{width:100%;}

.effect_desc{padding:15px 0 0;}
.effect_desc dt{font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#111; margin-bottom:6px;}
.effect_desc dd{color:#222; font-size:15px; line-height:22px; letter-spacing:-0.065rem; text-align:left; margin-bottom:12px;}

/* seminar_apply.php */
.seminar_apply_area{width:100%; padding:40px 4% 0; box-sizing:border-box;}
.seminar_apply_area > h3{color:#0048b5; font-size:22px; font-weight:bold; line-height:120%; letter-spacing:-0.065rem; text-align:center;}
.seminar_apply_area > p{padding:30px 0 0; color:#222; font-size:15px; line-height:31px; letter-spacing:-0.065rem; text-align:justify;}
.seminar_apply_area > em{display:inline-block; width:100%; padding:20px 0; color:#0048b5; font-size:18px; line-height:25px; letter-spacing:-0.065rem; text-align:center;}

/* consulting.php, review.php, ministy - qna.php, degree.php, qna.php, faq.php */
.board_box{width:100%; padding:30px 4% 60px; box-sizing:border-box;}

/* pravacy.php */
.privacy_area{width:100%; padding:30px 4% 60px; box-sizing:border-box;}
.privacy_area p{color:#444; font-size:16px; line-height:2;}
.privacy_area .privacy_desc{width:100%; padding:15px; border:1px solid #ddd; box-sizing:border-box;}
.privacy_area .privacy_desc p{margin:0 0 10px;}
.privacy_area .privacy_desc p strong{color:#0048b5; font-weight:500;}
.privacy_area p span{display:inline-block; font-weight:500;}
.privacy_area em{display:inline-block; padding:30px 0 0; color:#222; font-size:16px;}

/* guide.php */
.terms_area{width:100%; padding:30px 4% 60px; box-sizing:border-box;}
.terms_area p{color:#444; font-size:16px; line-height:2;}
.terms_area p em{display:inline-block; padding:15px 0 0; font-weight:500;}

/* sample-small.php, smaple-ice.php */
.sample_container{width:100%; padding:0 0 50px;}

/* prdlist.php */
.book_search_form{width:100%; border-bottom:1px solid #d9dbdd;}
.book_search_form form{position:relative; width:100%; padding:20px 4%; box-sizing:border-box;}
.book_search_form select, .book_search_form input, .book_search_form button{height:2.5rem; vertical-align:top; font-family: 'NotoSans', sans-serif;}
.book_search_form select, .book_search_form input{padding-left:12px; border:1px solid #ddd;}
.book_search_form select{float:left; width:8rem; background:url(/m/image/ico/select_arrow.png) 94% 50% no-repeat; background-color:#f9f9f9; color:#444;}
.book_search_form input{float:right; width:calc(100% - 8.5rem); background-color:#f9f9f9;}
.book_search_form input::placeholder{color:#444;}
.book_search_form button{position:absolute; right:7%;}

.prd_title{width:100%; height:80px; padding:0 4%; border-top:12px solid #f2f4f6; box-sizing:border-box;}
.prd_title .total_prd{float:left; font-size:14px; line-height:80px;}
.prd_title .total_prd span{color:#0048b5; font-family:'Lato', sans-serif; font-weight:bold;}
.prd_title .select_style{float:right;}
.prd_title .select_style select{width:9rem; height:40px; padding: 0 25px 0 12px; margin:20px 0 0; background:#fff; color:#444; font-family:'NotoSans', sans-serif; font-size:14px; line-height:40px; letter-spacing:-0.065rem;  background: url(/m/image/ico/select_arrow.png) 94% 50% no-repeat; background-color:#fff}

.prd_title:after{content:''; display:block; clear:both;}

.prd_list{width:100%; margin:0 0 20px; border-top:1px solid #a2a2a2;}
.prd_item{width:100%; padding:20px 4% 30px; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.prd_item .prd_img{float:left; margin:0 20px 0 0; box-sizing:border-box;}
.prd_item .prd_img a{position:relative; display:block; width:120px; height:175px; border:1px solid #eee; box-sizing:border-box;}
.prd_item .prd_img a:before{content:'';  position:absolute; top:0; left:0; width:100%; height:100%; background:url(/m/image/book_bg.png) 100% 0 no-repeat;}
.prd_item .prd_img a img{width:100%; height:100%;}
.prd_item .prd_desc{float:left; width:calc(100% - 140px); padding:5px 0 0;}
.book_name{
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	width:100%; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
.prd_desc .book_name a{color:#222; font-size:17px; font-weight:bold; line-height:17px; letter-spacing:-0.065rem;}
.prd_desc .book_info{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 3px 0; box-sizing:border-box;}
.prd_desc .book_info span{position:relative; display:inline-block; padding:10px 8px 10px 0; margin-right:9px; color:#999; font-size:14px; font-weight:500; letter-spacing:-0.065rem;}
.prd_desc .book_info span:after{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:9px; background:#ddd; transform:translateY(-50%);}
.prd_desc .book_info span:last-child:after{display:none;}
.prd_desc .book_txt{
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	width:100%; height:46px; line-height:23px; overflow:hidden; text-overflow:ellipsis; color:#777; font-size:14px; line-height:23px; letter-spacing:-0.065rem; word-break:keep-all;}
.prd_desc .book_price{padding:20px 0 0;}
.prd_desc .book_price strong{color:#0048b5; font-size:20px; font-weight:bold;}
.prd_desc .book_price .con{padding:0 5px; color:#999; font-size:16px; font-weight:600;}

.prd_item:after{content:''; display:block; clear:both;}
.page_no{margin:0 0 50px;}

@media screen and (max-width:420px){
	.prd_desc .book_price strong{font-size:18px;}
}

/* prdview.php */
.prd_view .p_img_box{width:100%; padding:40px 0 65px; border-bottom:1px solid #d9dbdd; text-align:center; box-sizing:border-box;}
.prd_view .p_img img{width:auto; height:auto; max-width:100%;}
.prd_view .p_name{width:100%; border-top:12px solid #f2f4f6; padding:30px 4% 0; color:#222; font-size:25px; font-weight:bold; letter-spacing:-0.065rem; box-sizing:border-box;}
.prd_view .p_price_info{width:100%; padding:15px 4% 30px; box-sizing:border-box;}
.prd_view .p_price_info span{display:inline-block; padding:0 5px 0 0;}
.p_price_info .p_sellprice{color:#0048b5; font-size:25px; font-weight:bold;}
.p_price_info .p_conprice{color:#999; font-size:20px; font-weight:500;}

.swiper-container {width:100%; height:auto;}
.swiper-container .swiper-slide {text-align:center;}
.swiper-pagination {left:50%; bottom:20px; width:50px; height:22px; border-radius:20px; background:rgba(0, 0, 0, 0.6); line-height:22px; color:#aaa; margin-left:-25px;}
.swiper-pagination-current{color:#fff;}

/* prdview_info.php */
.prd_info{width:100%; padding:0 4%; box-sizing:border-box;}
.prd_info table {width:100%;}
.prd_info > table{margin:0 0 20px;}
.prd_info table th, .prd_info table td{text-align:left;}
.prd_info table th{width:20%; color:#333; font-size:15px; font-weight:500; line-height:31px; letter-spacing:-0.065rem;}
.prd_info table td{color:#888; font-size:15px; line-height:31px; font-weight:500;}

.View_info_option select{width:100%; height: 27px; margin:0 0 5px; background:#fff; font-size: 13px; padding-left: 5px; border: 1px solid #ddd;}

.qty-form{width:100%; padding:20px 4% 0; box-sizing:border-box;}
.View_info_option-qty{width:100%; padding:13px 4%; background:#f9f9f9; border-width:1px; border-color:#e9e9e9 #e9e9e9 #888 #e9e9e9; border-style:solid; box-sizing:border-box;}
.View_info_option-qty th, .View_info_option-qty td{height:100%; vertical-align:middle; text-align:left;}
.View_info_option-qty th{width:100px;}
.View_info_option-qty .qty-btn button{float:left; width:30px; height:33px; background:#fff; border:1px solid #ccc; text-align:center; line-height:33px;}
.View_info_option-qty .qty-btn .amout_num{float:left; width:60px; height:33px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left-width:0; border-right-width:0; text-align:center;}
.View_info_option-qty td.price{text-align:right;}

.prd_total_price{width:100%; padding:20px 4%; text-align:right; box-sizing:border-box; color:#222; font-size:18px; font-weight:500; letter-spacing:-0.065rem;}
.prd_total_price #total_price{display:inline-block; padding:0 0 0 15px; color:#0048b5; font-size:25px; font-weight:bold;}

.prd_btn_list{width:100%; padding:0 4%; box-sizing:border-box;}
.prd_btn_list button{display:block; float:left;
    width:49%; height: 54px; color: #fff; font-family:'NotoSans', sans-serif; font-size: 18px;
    text-align:center; line-height:54px; box-shadow: 5px 5px 10px rgba(0,0,0,.4); letter-spacing:-0.065rem;}
.prd_btn_list button:nth-child(1){margin-right:2%;}
.prd_btn_list .btn_etc{background-color:#3f4249;}
.prd_btn_list .btn_order{background-color:#0048b5;}

/* prdview_detail.php */

.prd_detail_list{width:100%; box-sizing:border-box; border-top:12px solid #f2f4f6; border-bottom:1px solid #ddd;}
.prd_detail_list li{float:left; width:20%; height:56px; line-height:56px; text-align:center;}
.prd_detail_list li a{display:block; position:relative; width:100%; height:100%; color:#888; font-size:16px; font-weight:500; letter-spacing:-0.065rem;}
.prd_detail_list li.current a{color:#0048b5;}
.prd_detail_list li.current a:after{content:''; display:block; width:100%; height:2px; background:#0048b5; left:0; bottom:0;}

.prd_detail_content{width:100%; padding:25px 4%; box-sizing:border-box;}
.prd_detail_content .detail_txt li{color:#666; font-size:14px; font-weight:500; line-height:25px; letter-spacing:-0.065rem;}

/* cart.php */
.gry_bar {width:100%; height:12px; border-top:1px solid #e2e2e2; background:#f8f8f8;}

.prd_basket {}
.prd_basket input[type="checkbox"] {width:16px; height:16px; margin:0;}
.prd_basket .img_box {display:inline-block; width:75px; height:75px; border:1px solid #ddd; margin-left:12px; box-sizing:border-box;}
.prd_basket .img_box img {width:100%; height:auto;}
.prd_basket .prd_tit {font-size:.85rem; line-height:1.3; letter-spacing:-0.025rem; font-weight:500; color:#333; padding:0 6px; box-sizing:border-box;}
.prd_basket .prd_tit a {display:inline-block; vertical-align:middle;}

.prd_basket .basket_inner th, .prd_basket .basket_inner td {font-size:.8rem; vertical-align:top; text-align:left; padding:4px 8px; box-sizing:border-box;}
.prd_basket .basket_inner th {color:#555;}
.prd_basket .basket_inner .prd_price {font-size:.95rem;}
.prd_basket .basket_inner .amount a {float:left; width:24px; height:26px; line-height:24px; font-weight:700; color:#555; border:1px solid #ddd; background:#f9f9f9; text-align:center; box-sizing:border-box;}
.prd_basket .basket_inner .amount input[type="text"] {float:left; width:40px; height:26px; font-size:.85rem; color:#111; border-width:1px 0; border-style:solid; border-color:#ddd; text-align:center; box-sizing:border-box;}
.prd_basket .basket_inner .amount .count_btn {display:inline-block; height:26px; line-height:24px; padding:0 6px; font-size:.75rem; color: #444; letter-spacing:-0.07em; border-radius: 3px; margin-left:5px;  border: 1px solid #ddd; border-right-color: #bbb; border-bottom-color: #bbb; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f7', GradientType=0); box-sizing:border-box; vertical-align:middle;}

.prd_basket .basket_info th, .prd_basket .basket_info td {font-size:.8rem; line-height:1.3; letter-spacing:-0.025rem; color:#333; vertical-align:middle;}
.prd_basket .basket_info th {text-align:left;}

.cart_total {width:100%; padding:20px 3%; box-sizing:border-box;}
.cart_total h3 {font-size:1rem; letter-spacing:-0.045rem; font-weight:500; color:#111; margin:0 0 12px;}
.cart_total th {font-size:.9rem; letter-spacing:-0.065rem; font-weight:500; color:#555; padding:6px 0;}
.cart_total td {font-size:.9rem; font-weight:500; color:#111;}
.cart_total td.order_total_price {font-size:1.1rem; color:#0048b5;}

.cart_del {margin:6px 0 16px;}
.cart_del li {font-size:.8rem; line-height:1.4; letter-spacing:-0.045rem; color:#999;}


.wish_btn {margin:10px auto 50px; padding:0 2%; box-sizing:border-box;}
.wish_btn .btn_small {display:inline-block; height:28px; line-height:26px; padding:0 12px; font-size:.8rem; color: #444; letter-spacing:-0.07em; border-radius: 2px; margin-left:5px;  border: 1px solid #ddd; border-right-color: #bbb; border-bottom-color: #bbb; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f7', GradientType=0); box-sizing:border-box; vertical-align:middle;}

.button_common{width:100%; padding:0 3%; margin:8px auto 30px; box-sizing:border-box;}
.button_common button, .button_common a{display:block; width:100%; height:50px; line-height:50px; font-family:'NotoSans',sans-serif; text-align:center; color:#fff; font-size:18px; font-weight:500; letter-spacing:-0.025rem; background:#0048b5; border:none;}

/* order_form.php */

.agree_box {width:100%; padding:16px 3%; box-sizing:border-box;}
.agree_box h3 {font-size:18px; font-weight:500; letter-spacing:-0.045rem; color:#111; margin:6px 0 14px;}
.agree_box .ttl h3 {float:left;}
.agree_box .ttl span {float:right; margin:6px 0 14px;}
.agree_box .ttl input {width:16px; height:16px; margin:0 5px 0 0; vertical-align:middle;}
.agree_box .ttl label {display:inline-block; font-size:.85rem; letter-spacing:-0.025rem; color:#333; vertical-align:middle;}

.data-line{margin:1.5rem 0; height:1px; background:#eee;}
.data-table{}
.data-table, .data-table dt, .data-table dd{padding:0; margin:0;}
.data-table{margin:12px auto 0;}
.data-table:first-child{margin-top:0;}
.data-table dt{font-size:15px; font-weight:500; color:#333; line-height:1.3; letter-spacing:-0.05em;}
.data-table dt i{font-style:normal; color:#ff3131;}
.data-table dt small{font-size:.7rem; color:#999; letter-spacing:-0.05em;}
.data-table dd{position:relative; margin:10px 0 0; font-size:13px;}
.data-table dd span {font-size:.8rem; color:#555;}
.data-table dd.txt{font-size:1.05rem; color:#111; font-weight:bold;}
.data-table dd, .data-table dd *{font-size:.95rem; vertical-align:middle;}
.data-table dd input[type=text], .data-table dd input[type=password], .data-table dd input[type=email], .data-table dd input[type=tel], .data-table dd input[type=file] {width:calc(100% - 17px); height:2.2rem; font-size:.95rem; color:#333; background:#fff; padding:0 0 0 1rem; margin:0; border:1px solid #ddd; border-radius:3px; appearance:none; -webkit-appearance:none; }
.data-table dd select {min-width:3.75rem; max-width:100%; height:2.35rem; padding:0 1.9rem 0 .7rem; margin:0; border:1px solid #ddd; font-size:14px; color:#333; border-radius:3px;}
.data-table dd textarea{width:calc(100% - 22px); line-height:1.5; font-size:.95rem; color:#333; background:#fff; padding:.625rem; margin:0; border:1px solid #ddd; border-radius:3px;}
.data-table dd button{height:2.2rem; background:#888; color:#fff; font-size:.8rem; letter-spacing:-0.05em; padding:0 .75rem; border-radius:3px;}
.data-table dd label{display:inline-block; margin:0 8px 0 0; font-size:14px;}
.data-table dd label:last-child{margin-right:0;}
.data-table dd input[type=radio]{width:1rem; height:1rem; margin:0 .4rem 0 0;}
.data-table.spam_check input[type="text"] {width:90px; height:2.2rem;}

.data-table dd.total span {font-size:.8rem; line-height:22px;}
.data-table dd.total .prd_price {float:right; font-size:1.1rem; font-weight:500; line-height:22px; color:#0048b5;}

.data-table dd .method {display:block; margin:0 0 2px;}
.data-table dd .inner_table {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.data-table dd .inner_table input[type="text"] {width:100%; height:30px; border:none; font-size:.7rem; padding:0 4px;}
.data-table dd .inner_table input[type="radio"] {width:12px; height:12px; margin:0 4px 0 0;}
.data-table dd .inner_table input[type="radio"] + label {font-size:.75rem;}
.data-table dd .inner_table th, .data-table dd .inner_table td {vertical-align:middle; text-align:left; padding:0 2%; border-bottom:1px solid #ddd; box-sizing:border-box;}
.data-table dd .inner_table th {width:22%; font-size:.75rem; background:#f9f9f9; border-right:1px solid #ddd;}
.data-table dd .inner_table td {width:28%;}
.data-table dd .inner_table td[colspan="3"] {width:78%;}
.data-table dd .inner_table span {display:inline-block;}
.data-table dd .inner_table input.input_style {width:45px; border:1px solid #ddd; margin:2px 0;}

/* order_list.php */
.order_list_wrap {width:100%; padding:0 3%; margin:20px 0 0; box-sizing:border-box;}
.order_list_wrap .order_list {width:100%; border:1px solid #ddd; margin-bottom:5px; box-sizing:border-box;}
.order_list h2 {width:100%; height:auto; padding:10px 3%; background:#f9f9f9; font-size:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#333; border-bottom:1px solid #ddd; box-sizing:border-box;}

.order_list .info_box, .order_list .order_detail {width:100%; padding:10px 3%; box-sizing:border-box;}
.order_list .info_box .order_info {font-size:.8rem; color:#555; margin-bottom:6px;}
.order_list .info_box .order_info span {display:inline-block; vertical-align:middle;}
.order_list .info_box .order_info .id {color:#ef4023;}
.order_list .info_box .order_info .id:before {content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin:0 6px 0 5px; vertical-align:middle;}
.order_list .info_box .order_status {font-size:.9rem; color:#333;}
.order_list .info_box .order_status .status {display:inline-block; line-height:28px; vertical-align:middle;}
.order_list .info_box .order_status input {float:right; padding:4px 6px; border:1px solid #ddd; background:#fff; text-align:center; font-size:.8rem; color:#777; box-sizing:border-box;}

.order_list .prd_info, .order_list .prd_price {padding:10px 3%; box-sizing:border-box;}
.order_list .prd_info span {display:block; font-size:.85rem; letter-spacing:-0.025rem; color:#333; margin:4px 0;}
.order_list .prd_price .total_price {display:block; font-weight:500; font-size:.95rem;}

.order_list .prd_price span {display:inline-block; font-size:.85rem; letter-spacing:-0.025rem; color:#333; margin:4px 0;}
.order_list .order_detail {padding:5px 3% 10px;}
.order_list .order_detail .price {font-size:1rem; font-weight:500; line-height:28px; color:#111;}
.order_list .order_detail .more_btn {float:right; height:28px; border:1px solid #ccc; background:#f9f9f9; color:#555; text-align:center; padding:0 12px; font-size:.8rem; letter-spacing:-0.025rem; box-sizing:border-box;}

.order_list .detail_id {width:100%; border-top:1px solid #ddd; margin-bottom:12px; box-sizing:border-box;}
.detail_id .join_input_table th, .detail_id .join_input_table td {padding:6px; text-align:left; vertical-align:middle; font-size:.85rem; color:#333; box-sizing:border-box;}
.detail_id .join_input_table th {width:28%;}
.detail_id .join_input_table.basket th {width:20%; vertical-align:middle; background:#f9f9f9; font-size:.8rem; font-weight:500; text-align:center; border-bottom:1px solid #ddd;}
.detail_id .join_input_table.basket td {font-size:.8rem; text-align:center; padding:4px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; box-sizing:border-box;}

.order_list .detail_id h3 {font-size:1rem; font-weight:500; color:#111; margin:0 0 8px; padding:0 3%; box-sizing:border-box;}
.detail_id .join_input_table.address {width:94%; margin:0 auto; border:1px solid #ddd;}
.detail_id .join_input_table.address th, .detail_id .join_input_table.address td {padding:12px 6px; border-bottom:1px solid #ddd; font-size:.8rem;}
.detail_id .join_input_table.address th {background:#f9f9f9;}


/* order_pay > pay_account.inc */

.pay_table {width:94%; margin:12px auto;}
.pay_table th, .pay_table td {font-size:.9rem; letter-spacing:-0.045rem; font-weight:500; color:#111; padding:6px 0; text-align:left; vertical-align:middle;}
.pay_table select {height:32px; line-height:30px; padding:0 30px 0 8px; border:1px solid #ddd;}
.pay_table input[type="text"] {height:32px; padding:0 8px; border:1px solid #ddd; box-sizing:border-box;}


/* order_ok */
.order_ok {width:94%; margin:16px auto; padding:20px 3%; background:#f1f1f1; text-align:center; box-sizing:border-box;}
.order_ok h3 {font-size:1rem; letter-spacing:-0.025rem; font-weight:500; color:#111; margin:0 0 20px;}
.order_ok p {font-size:.8rem; line-height:1.25; letter-spacing:-0.025rem; color:#555;}


/* /m/sub/login.php */

.loginbox{width:100%; padding:30px 4%; box-sizing:border-box;}
.loginbox .login_intro{display: inline-block; color: #999;
    font-size: 14px; line-height: 1.6rem; letter-spacing: -0.025rem; word-break: keep-all;}
.loginbox .login_input{display:block; width: 100%; height: 3rem; line-height: 3rem;
    font-size: 1rem; margin: .625rem 0 0; border: 1px solid #ddd; border-radius: 0.2rem; outline: none;}

.loginbox .btnB{display:inline-block; width:100%; height:3rem; margin:25px 0 10px; background:#0048b5; border-radius:5px; color:#fff; font-family:'NotoSans', sans-serif; font-size:16px; font-weight:500; line-height:3rem; text-align:center;}

.guest_btn{margin:20px 20px 0;}
.guest_btn button{display:block; width:100%; height:42px; line-height:40px; text-align:center; color:#555; font-size:15px; border:1px solid #999; border-radius:3px;}

.order_guest{margin:20px 20px 0; border:1px solid #999; padding:20px; border-radius:3px;}
.order_guest .tit{font-size:15px; color:#333; line-height:1.3; letter-spacing:-0.02em; font-weight:600;}
.order_guest .form{position:relative; margin:10px 0 0;}
.order_guest .form input{display:block; width:calc(100% - 68px); height:28px; line-height:28px; font-size:14px; border:1px solid #ddd; border-radius:3px; margin:6px 0 0; padding:0 0 0 10px;}
.order_guest .form input:first-child{margin:0;}
.order_guest .form button{position:absolute; right:0; top:0; width:50px; height:65px; background:#0048b5; color:#fff; font-family:'NotoSans', sans-serif; font-size:14px; border-radius:3px; letter-spacing:-0.05em;}

.login_button {text-align:center; margin:1rem auto 2rem;}
.login_button a {display:inline-block; font-size:1rem; letter-spacing:-0.025rem; color:#666;}
.login_button a:hover {color:#333;}

.join_ok_note{text-align:center; margin:3.125rem 0 1.25rem; font-size:.8rem; line-height:1.4; color:#888; letter-spacing:-0.05em;}
.join_ok_note strong{display:block; font-size:1.25rem; font-weight:bold; letter-spacing:-0.07em; color:#111; margin:0 0 .4rem;}