@charset "UTF-8";

::selection {
background: #2578bf;
color: #fff;
}

/* default */
* {font-family: 'Noto Sans KR', sans-serif;}
body {margin: 0;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
h1,h2,h3,h4,h5 {margin: 0;}	
p {margin: 0;}
img {border:0;}
dl, dt, dd {margin: 0;}  
b {font-weight:500;}
input,select,textarea {box-sizing:border-box;border-radius:10px;min-height:30px;border:1px solid #999;background-color: #fff;color:#222;margin: 0;padding: 0 0 0 10px;}
/* default */

/* paging */
.paging {clear:both;width: 100%;line-height:28px;text-align:center;font-size:1em}
.paging > button {width: 60px;height: 30px;border: 0;background-color:#fff;box-sizing:border-box;color:#222}
.paging > button.disabled {color:#999}
.paging > button.paging_pre{margin-right:5px}
.paging > button:hover, .paging > button:focus {color:#2578bf}
.paging > button.disabled:hover {color: #989898}
.paging > a {display: inline-block;width:30px;height:30px;color:#2578bf;text-align:center;border:1px solid #2578bf;box-sizing:border-box;margin-right:5px}
.paging > a:focus, .paging > a:hover, .paging > a.active {background-color: #2578bf;color:#fff;}
/* paging */

/* head */
#head {width: 100%;position: relative;border-bottom:1px solid #dcdcdc;}
#head:after{display:block;clear:both;content:'';}
/* head */

body.fixed{overflow-y:hidden;}

/*서브비주얼*/
#sub_visual {display: block;width: 100%;height: 220px;background: url(/images/sub_visual.jpg)no-repeat center center;}
#sub_visual > .sub_visual_txt {max-width: 1200px;width: 100%;margin: 0 auto;}
#sub_visual > .sub_visual_txt > p {text-align: left;padding-top: 106px;color:#fff;font-size:14px;font-weight:200;line-height: 17px;}
#sub_visual > .sub_visual_txt > p > b {display: block;font-size:30px;letter-spacing:-0.02em;font-weight:600;line-height: 1.2em;}
/* 	#sub_visual > .sub_visual_txt > p > b:after {content:'';width: 30px;height: 3px;background-color: #fff;display: block;margin: 15px auto 0;} */
/*서브비주얼*/

/* container_title */
#container_title {width: 100%;border-bottom:1px solid #eee;}
#container_title > p {width: 100%;max-width:1200px;text-align: left;font-size:30px;margin: 0 auto;padding: 10px 0;position: relative;}
#container_title > p:after {content: '';width: 60px;height: 2px;background-color: #2578bf;position: absolute;top: 64px;left: 0;}
/* container_title */

.point_save_form_top {display: none;}
.m_visual {display: none;}

/* index */
#index {width: 100%;position: relative;min-height:660px;}
/* index */

/* visual */
.visual {width: 100%;height: 500px;margin: 2px auto 0;background:url(/images/visual_bg2.jpg)no-repeat center center;}
.visual:after{display:block;clear:both;content:'';}

.visual > .visual_wrap {width: 100%;max-width: 1200px;height: 500px;margin: 0 auto;position: relative;}
.visual > .visual_wrap:after{display:block;clear:both;content:'';}
.visual > .visual_wrap > div {float: left;}

.visual > .visual_wrap > .visual_txt {width: 100%;height: 250px;background: url(/images/visual_txt.png)no-repeat left top;margin:40px 0 0 40px;float: left;}
.visual > .visual_wrap > .visual_txt > p {position:absolute;top:17px;left:42px;font-size:17px;font-weight: 200;display: inline-block;color: #fff;line-height: 20px;}
.visual > .visual_wrap > .visual_txt > h2 {position:absolute;top:60px;left:42px;font-size:30px;font-weight:500;letter-spacing:-0.02em;color: #fff;line-height: 35px;}

.visual > .visual_wrap >  .visual_img {width: 744px;height: 100%;position: absolute;right: 0;top:0;}
.visual .visual_wrap > .visual_img img {position: absolute;}
.visual_nfc {width: 500px;top:50px;right:0;z-index: 1;float: right;}
.visual_phone {top:60px;left:40px;width: 300px;z-index: 2;float: left;}
/* visual */

/* more btn */
#more {float: right;margin:40px 0;}
#more > a {width: 127px;height: 36px;font-size:15px;background: url(/images/more.png) no-repeat right bottom;display: block;color:#000;transition:300ms;}
#more > a:hover {background: url(/images/more_over.png) no-repeat right bottom;color:#2578bf;transition:300ms;}
/* more btn */

/* bn2 */
.bn2 {width: 100%;max-width:1200px;	margin: 0 auto 20px;height: 323px;background: url(/images/bn2_bg.jpg) no-repeat center center fixed;color:#fff;}

.bn2 > h2 {font-size:45px;text-align: center;font-weight: 200;padding:45px 0;line-height: 60px;letter-spacing:-0.02em;}
.bn2 > h2 > b {font-weight:400;}

.bn2 > .bn2_btn {overflow: hidden;width: 580px;margin: 0 auto;color:#fff;}
.bn2 > .bn2_btn > li {float: left;}
.bn2 > .bn2_btn > li:nth-child(2) {margin:0 99px;}
.bn2 > .bn2_btn > li > a {width: 127px;height: 56px;font-size:15px;background: url(/images/more.png) no-repeat right bottom;display: block;transition:300ms;color:#fff;}
.bn2 > .bn2_btn > li > a:hover {background: url(/images/more_over.png) no-repeat right bottom;color:#ccc;transition:300ms;}
/* bn2 */

/* bn3 */
/* .bn3_wrap {width: 100%;background-color: #f9f9f9;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:20px 0;} */
.bn3 {width: 1200px;margin: 20px auto;}
.bn3:after{display:block;clear:both;content:'';}

.bn3 > .bn3_div2 {float: left;width: 390px;height: 200px;margin-bottom:15px;}
.bn3 > .bn3_div2 > h2 {text-align: center;font-weight: 500;color:#fff;font-size:35px;margin-top:35px;}
.bn3 > .bn3_div2 > p {text-align: center;font-weight: 300;color:#fff;font-size:13px;margin-top:5px;}
.bn3 > .bn3_5 {background: url(/images/bn3_5.jpg)no-repeat center center;}
.bn3 > .bn3_6 {background: url(/images/bn3_6.jpg)no-repeat center center;margin: 0 15px 15px;}
.bn3 > .bn3_7 {background: url(/images/bn3_7.jpg)no-repeat center center;}

.bn3 > .bn3_div {float: left;width: 290px;height: 350px;margin: 0 13px 20px 0;background-color:#ecf6ff;}
.bn3 > .bn3_div > h2 {font-size:18px;font-weight:400;margin:11px 0 4px 15px;color:#222;}
.bn3 > .bn3_div  > p {font-size:13px;margin-left: 15px;color:#666;font-weight: 300;line-height: 16px;}
.bn3 > .bn3_1 {background: #2578bf url(/images/bn3_1.jpg)no-repeat center center;text-align: center;}
.bn3 > .bn3_1 > h2 {font-size:20px;margin:55px 0 0;color:#fff;}
.bn3 > .bn3_1 > p {font-size:13px;line-height: 27px;margin: 50px 0 0;color:#fff;}
.bn3 > .bn3_4 {margin-right:0;}

.bn3_div_img {display: block;width: 100%;height: 260px;transition:300ms;}
.bn3 > .bn3_2 .bn3_2_img {background: url(/images/bn3_2.jpg)no-repeat center center;background-size: 100%;}
.bn3 > .bn3_3 .bn3_3_img{background: url(/images/bn3_3.jpg)no-repeat center center;background-size: 100%;}
.bn3 > .bn3_4 .bn3_4_img{background: url(/images/bn3_4.jpg)no-repeat center center;background-size: 100%;}

.bn3_btn_1 {width: 150px;height: 30px;margin:15px auto 0px;transition:200ms;}
.bn3_btn_1 a {display: block;text-align: center;color:#fff;padding: 4px 0;font-size:12px;transition:200ms;text-decoration:underline;}
.bn3_btn_1 a:hover {color:#ccc ;}

.bn3_btn {clear: both;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.bn3_btn a {display: block;text-align: center;color:#666;padding: 11px 0;font-size:13px;transition:200ms;width: 200px;border:1px solid #666;margin:0px auto 0px;transition:200ms;}
.bn3_btn:hover {}
.bn3_btn a:hover{border: 1px solid #2578bf;transition:200ms;background-color: #ecf6ff;text-decoration:underline;color:#2578bf;transition:200ms;}
/* bn3 */

/* m_app */
#m_app {display: none;}
/* m_app */

/* footer */
#footer {width: 100%;background-color: #fff;border-top:1px solid #dcdcdc;}

.footer_wrap {width: 1200px;margin: 0 auto;}

.top_footer {overflow: hidden;padding:15px 0 0;}
.top_footer > a {font-weight: 400;color:#222;font-size:13px;}
.top_footer > i {font-weight:normal;font-size:12px;margin:0 20px;color:#999;}

.footer_wrap > p {font-size:12px;color:#777;padding: 15px 0;line-height: 1.5;font-weight: 300;}

.footer_wrap > .web_p {display: block;}
/* footer */

/* sub page css */

/* next btn*/
.next_cancel_btn {width: 100%;text-align: center;margin: 20px auto;line-height: 20px;}
.next_cancel_btn > a {width: 100px;display: inline-block;font-size:1em;color:#000;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;}
.next_cancel_btn > a:first-child {margin-right:5px;}
/* next btn*/

/* next btn*/
.next_cancel_btn1 {width: 100%;text-align: center;margin: 20px auto;line-height: 20px;}
.next_cancel_btn1 > a {width: 100px;display: inline-block;font-size:1em;color:#000;box-sizing: border-box;text-align: center;padding: 5px 0 6px;border: 1px solid #ccc;background-color: #f9f9f9;}
.next_cancel_btn1 > a:first-child {margin-right:5px;}
.next_cancel_btn1 > input {width: 100px;display:inline-block;font-size:1em;color:#000;box-sizing:border-box;text-align:center;padding: 2px 0;border: 1px solid #ccc;background-color: #f9f9f9;border-radius:0;margin-top:-3px}
.next_cancel_btn1 > input:first-child {margin-right:5px;}
/* next btn*/

/* submit btn*/
.submit_btn {width: 100%;text-align: center;margin: 20px auto;line-height: 20px;}
.submit_btn > input {width: 100%;max-width:400px;display: block;font-size:1em;color:#000;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;}
.submit_btn > a {width: 100%;max-width:400px;display: block;font-size:1em;color:#000;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;}
/* submit btn*/

/* log_in */
#log_in {width: 300px;margin:0 auto;}
.log_in_logo {width: 120px;margin: 0px auto;padding:20px 0;}
.log_in_form {width: 300px;text-align: center;margin: 0 auto;}
.log_in_form > input {width: 300px;box-sizing:border-box;text-align: center;margin:0 auto 5px;height: 30px;}
.log_in_btn {width: 100%;margin:5px 0;}
.log_in_btn > a {width: 300px;display: block;color:#000;font-size:1em;box-sizing:border-box;text-align: center;margin: 0 auto 10px;padding:5px 0;border:1px solid #ccc;background-color: #f9f9f9;}
.log_in_btn2 {overflow: hidden;text-align: center;margin: 0 auto 50px;width: 100%;}
.log_in_btn2 > em {float: left;font-size:0.7em;line-height: 21px;color:#aaa;width: 2%;}
.log_in_btn2 > li {float: left;width: 49%;}
.log_in_btn2 > li > a {color:#000;font-size:1em;text-align: center;}
/* log_in */

/* app_point */
.sub_title2 {font-size:20px;font-weight: 400;margin-bottom:15px;position: relative;}
.app_save_result1 {font-size:14px;margin: 20px auto;width: 90%;color:#222;font-weight:300;text-align: center;}
.join_us_last_point > .join_us_last_point {width: 70%;text-align: left;text-align: left;font-size: 13px;line-height: 24px;}
.join_us_last_point > .join_us_last_point > input {}
/* app_point */

/* join_us */
#join_us {width: 80%;max-width:1200px;margin: 30px auto;font-size: 1.2em;}
#join_us input {box-sizing:border-box;}
.sub_title {font-size:20px;font-weight: 400;margin-bottom:15px;padding-left:27px;position: relative;}
.sub_title:before {content: '';width: 27px;height: 27px;background: url(/images/title_before.png)no-repeat center center;position: absolute;top:1px;left: 0;}
.sub_title2 {font-size:17px;font-weight: 400;margin-bottom:10px;}
.join_us_title {font-size:16px;margin-bottom:10px;font-weight: 400;}
.join_us_box {margin:0px;width: 100%;}
.join_us_box > .join_us_text {width: 90%;height: 250px;border:1px solid #dcdcdc;padding:5%; overflow:hidden}
.join_us_label {width: 100%;margin: 5px 0 20px;}

#join_us_result {width: 80%;max-width:400px;margin: 30px auto;}
#join_us_result input {box-sizing:border-box;}
.join_us_result_form {width: 100%;}
.join_us_result_form > label {overflow: hidden;margin: 10px 0;display: block;}
.join_us_result_form > label > p {float: left;width: 25%;text-align: left;font-size:13px;line-height: 24px;}
.join_us_result_form > label > input {float: right;width: 75%;text-align: left;text-indent:5px;}
.join_us_result_form > label > p {display: inline-block;}
.join_us_result_certify {overflow: hidden;}
#join_us_result_certify_send {width: 100%;box-sizing:border-box;text-align:center;margin:5px auto 11px;padding:0;border:1px solid #ccc;border-radius:0;background-color: #f9f9f9;font-size:13px;transition:300ms;}
#join_us_result_certify_send:hover {background-color: #2578bf;border: 1px solid #115692;color:#fff;transition:300ms;}
.join_us_result_certify > input {float: left;width: 75%;height: 30px;text-align: center;}
#join_us_result_certify_btn {float: right;width: 23%;box-sizing: border-box;text-align: center;padding:0;border: 1px solid #ccc;background-color: #f9f9f9;font-size:13px;}
.join_us_result_exp {font-size:13px;margin:10px 0;text-align: center;}

.join_us_last_gender > .join_us_last_gender {width: 70%;text-align: left;text-align: left;font-size: 13px;line-height: 24px;}
.join_us_last_gender > .join_us_last_gender > input {}

#join_us_last {width: 80%;max-width:400px;margin: 30px auto;}
#join_us_last input {box-sizing:border-box;}
.join_us_last_form {width: 100%;}
.join_us_last_form > label {overflow: hidden;margin: 10px 0;display: block;}
.join_us_last_form > label > p {float: left;width: 30%;text-align: left;font-size:13px;line-height: 24px;}
.join_us_last_form > label > input {float: right;width: 70%;text-align: left;text-indent:5px;}
.join_us_last_form > label > p {display: inline-block;}
.join_us_last_form > label > select {width: 70%;float: right;}
#join_us_last_town > select {width: 33%;float: left;}
.join_us_last_town_1 {margin-right:4%;}

#join_us_last_email {width: 70%;float: left;}
.join_us_last_form > label > div {float: left;text-align: center;width: 6%;}

.join_complete_btn {width: 100%;text-align: center;margin: 20px auto 40px;line-height: 20px;}
.join_complete_btn > a {width: 170px;display: inline-block;font-size:0.8em;padding: 10px 0;box-sizing: border-box;}
.join_complete_btn > a:first-child {margin-right:5px;background-color: #2578bf;color:#fff;}
.join_complete_btn > a:last-child {color:#222;text-align: center;border: 1px solid #ccc;background-color: #fff;}

.join_complete {width: 100%;margin: 40px auto 0;}
.join_complete > .join_complete_bg {width: 400px;height: 100px	;margin: 40px auto;background: url(/images/join_complete_bg.png)no-repeat center center;}
.join_complete > p {font-size:1.3em;letter-spacing:6px;text-align: center;font-weight: 200;line-height: 35px;}
.join_complete > h2 {font-size:4em;text-align: center;font-weight: 400;margin-bottom:15px;color: #2578bf;}
/*join_us */

#mem_pw {width: 80%;max-width:400px;margin: 30px auto;}
#mem_pw input {box-sizing:border-box;}
.mem_pw_form {width: 100%;}
.mem_pw_form > label {overflow: hidden;margin: 10px 0;display: block;}
.mem_pw_form > label > p {float: left;width: 25%;text-align: left;font-size:13px;line-height: 24px;}
.mem_pw_form > label > input {float: right;width: 75%;text-align: center;}
.mem_pw_form > label > p {display: inline-block;}
.mem_pw_certify {overflow: hidden;}
.mem_pw_certify_send {width: 100%;box-sizing: border-box;text-align: center;margin: 0 auto 10px;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;font-size:13px;transition:300ms;}
.mem_pw_certify_send:hover {background-color: #2578bf;border: 1px solid #115692;color:#fff;transition:300ms;}
.mem_pw_certify > input {float: left;width: 75%;height: 30px;text-align: center;}
.mem_pw_certify_btn {float: right;width: 23%;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;font-size:13px;}
.mem_pw_exp {font-size:13px;margin:10px 0;text-align: center;}

.point_save_form {width: 90%;max-width:400px;margin: 0 auto;}
.point_save_form_pp {overflow: hidden;margin:0 0 20px 0;}
.point_save_form_pp > img {float: left;width: 22%;}
.point_save_form_pp > p {float: left;width: 75%;margin: 5px 0 0px 3%;font-size:0.8em;text-align: left;line-height: 20px;color:#444;}
.point_save_form_pp > p > span {color:#e95513;font-weight:bold;font-size:1.2em;line-height: 25px;}
.point_save_form_btn1 {overflow: hidden;margin: 20px auto;max-width: 400px;width: 100%;}
.point_save_form_btn1 > li {float: left;width: 50%;}
.point_save_form_btn1 > li > a {font-size:1em;color:#000;text-align: center;display: block;}

.point_save_form_main1 {width: 100%;padding:15px 0;border:1px solid #dcdcdc;border-top: 3px solid #2578bf;background-color: #fff;max-width: 400px;margin: 20px auto;}
.point_save_form_main1 > .point_save_form_main1_p {width: 90%;margin: 0 auto 10px;font-size:1.2em;text-align: center;}
.point_save_form_main1 > .point_save_form_main1_p > b {font-size:1.6em;color:#e95513;}
.point_save_form_main1 > .point_save_form_main1_p > span {color:#2578bf;font-weight: bold;}
.point_save_form_main1 > .point_save_form_main1_p > span > b {color:#e95513;}
.point_save_form_main1 > .point_save_form_main1_result {width: 90%;margin: 10px auto 0;font-size:1.2em;text-align: center;font-weight: bold;color:#000;}
.point_save_form_main1 > .point_save_form_main1_cash {text-align: center;font-size:1.5em;line-height: 40px;}
.point_save_form_main1 > .point_save_form_main1_cash > input {width: 60%;box-sizing:border-box;text-align: right;line-height: 30px;margin: 0 1% 0 2%;border:1px solid #2578bf;}

.point_save_form_main1 .point_save_form_main2_cash {text-align: left;font-size:1.5em;line-height: 40px;width: 50%;float: left;display: inline-block;}
.point_save_form_main1 .point_save_form_main2_cash > input {width: 40%;box-sizing:border-box;text-align: left;line-height: 30px;margin: 0 1% 0 2%;border:1px solid #2578bf;}
.point_save_form_main1 .point_save_form_main2_img {float: left;max-width: 68px;width: 20%;margin:0 3% 0 25%;}
.point_save_form_main1 > .point_save_form_main2_result {width: 100%;margin: 10px auto 0;font-size:1.2em;text-align: center;font-weight: bold;color:#000;}
.point_save_form_main2_wrap {width: 100%;overflow: hidden;}

.point_save_form_main1 > .point_save_form_main3_cash {border:1px solid #dcdcdc;background-color: #f9f9f9;	text-align: center;width: 60%;padding:10px 0;margin: 0 auto;display: block;color:#222;}

.point_save_form_main2 {width: 90%;margin: 20px auto;/* padding-top:20px;border-top:1px solid #dcdcdc; */}
.point_save_form_main2:after{display:block;clear:both;content:'';}
.point_save_form_main2 > .point_save_form_main2_ex {font-size:0.7em;text-align: left;margin-bottom:3px;}
.point_save_form_main2 > .point_save_form_main2_result {width: 100%;overflow: hidden;margin-bottom:10px;}
.point_save_form_main2 > .point_save_form_main2_result > input {width: 75%;box-sizing:border-box;text-align: center;float: left;height: 30px;margin-right:2%;border:1px solid #2578bf;}
.point_save_form_main2 > .point_save_form_main2_result > a {float: right;width: 23%;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #000;background-color: #444;font-size: 13px;color:#fff;}
.point_save_form_main2 > .point_save_form_main2_title {text-align: center;font-size: 1.1em;margin-bottom:10px;font-weight: bold;color: #2578bf;}
.point_save_form_main2 > .point_save_form_main2_p {width: 100%;text-align: left;font-size:0.7em;margin: 0 auto 5px;}
.point_save_form_main2 > .point_save_form_main2_p > b {color:#e95513;}

.point_save_form_benefit {width: 90%;margin: 20px auto;padding-top:20px;border-top:1px solid #dcdcdc;max-width: 400px;}
.point_save_form_benefit > .point_save_form_benefit_title {text-align: center;font-size: 0.9em;margin: 0px 0 10px;border: 1px solid #dcdcdc;font-weight: bold;color: #000;padding: 10px 0;background: #f9f9f9;}
.point_save_form_benefit > ul {overflow: hidden;}
.point_save_form_benefit > ul > li {float: left;width: 48%;box-sizing:border-box;    border: 1px solid #dcdcdc;background-color: #f9f9f9;}
.point_save_form_benefit > ul > li:first-child {margin-right:5px;}
.point_save_form_benefit > ul > li > a{width: 100%;text-align: center;font-size: 13px;line-height: 20px;color:#222;display: block;padding: 5px 0;}

/* point_save_form_btn */
.point_save_btn1 {width: 90%;margin: 20px auto;overflow: hidden;font-size:0.8em;color:#000;max-width: 1200px;}
.point_save_btn1_img{width: 800px;height: 700px;background: url(/images/point_save_form_btn1_pc.jpg)no-repeat center center;background-size:100%;margin: 0 auto;}
/* point_save_form_btn */

.point_save_btn2 {width: 90%;margin: 20px auto;overflow: hidden;font-size:0.8em;color:#000;max-width: 400px;}
.point_save_btn2 > p {font-size:1.2em;}
.point_save_btn2 > p > span{font-size:1.4em;font-weight: bold;}
.point_save_btn2 b {color:#f00;}
.point_save_btn2 span {font-size:1.2em;font-weight: bold;}
.point_save_btn1_b {width: 90%;margin: 0 auto 20px;box-sizing: border-box;border: 1px solid #dcdcdc;background-color: #f9f9f9;max-width: 400px;}
.point_save_btn1_b > a {width: 100%;text-align: center;font-size: 13px;line-height: 30px;color: #222;display: block;}

.point_save_result {width: 90%;max-width:400px;margin: 10px auto 20px;}
.point_save_result > img {text-align: center;display: block;margin: 0 auto;width: 100px;}
.point_save_result_title {font-size:1.3em;color:#2578bf;text-align: center;margin:20px 0 15px;font-weight: bold;}
.point_save_result_p {font-size:1em;text-align: center;color:#777;margin: 15px 0;}
.point_save_result_p > span {font-size:1.2em;font-weight: bold;color:#000;}
.point_save_result_main1 {width: 100%;padding: 15px 0;border:1px solid #dcdcdc;border-top: 3px solid #2578bf;background-color: #fff;max-width: 400px;width: 100%;margin: 20px auto 0;}
.point_save_result_main1 > .point_save_result_main1_p {width: 90%;margin: 0 auto 10px;font-size:1.2em;text-align: center;}
.point_save_result_main1 > .point_save_result_main1_p > b {font-size:1.4em;}
.point_save_result_main1 > .point_save_result_main1_p > span {color:#2578bf;font-weight: bold;}
.point_save_result_main1 > .point_save_result_main1_p > span > b {color:#e95513;}
.point_save_result_main1 > .point_save_result_main1_result {text-align: center;font-size:1.6em;}
.point_save_result_main1 > .point_save_result_main1_result > b {color:#f00;}

.bottom_ad {width: 100%;max-width:400px;margin: 0 auto;}
.bottom_ad img {width: 100%;}

.point_save_result_main1_div {width: 80%;margin: 0px auto 0;overflow: hidden;}
.point_save_result_main1_result2 {float: left;text-align: center;font-size:1.5em;margin-bottom:10px;margin-right:2%;width: 32%;}
.point_save_result_main1_result2:last-child {margin-right:0;}
.point_save_result_main1_result2 img {padding-right:5px;}
.point_save_result_main1_p2 {width: 100%;margin: 10px auto 0;font-size: 1.2em;text-align: center;font-weight: bold;color: #000;}
.point_save_result_main1_p2 span {font-weight:300;}

.stamp_int {margin: 10px auto -10px;width: 100%;padding:10px 0 0;border-top:1px solid #dcdcdc;}
.stamp_int img {display: block;margin: 0 auto;}

#m_app2 {display: block;width: 100%;margin:20px auto;padding:15px 0;box-sizing:border-box;background-color: #c2e9ff;border:1px solid #94d8ff;max-width: 400px;}
#m_app2 > ul {overflow: hidden;padding: 0 5%;}
#m_app2 > ul > li {float: left;}
#m_app2 > ul > li > img {width: 80%;}
#m_app2 > ul > li > h2 {font-size:1em;margin: 1% 0 2%;color:#43a0d4;font-weight: normal;}
#m_app2 > ul > li > p {font-size:0.8em;line-height: 1.3em;color:#43a0d4;}

#m_app2 > ul > li:nth-child(1) {width: 25%;line-height: 0em;}
#m_app2 > ul > li:nth-child(2) {width: 75%;}

.point_save_result_main1_title {text-align: center;font-size: 1.1em;margin:15px 0 10px;padding-top:15px;border-top:1px solid #dcdcdc;font-weight: bold;color: #2578bf;}
.point_save_result_main1_p {width: 100%;text-align: center;font-size:0.9em;margin: 10px auto 15px;}
.point_save_result_main1_p > b {color:#e95513;}

.point_save_result_ex {width: 100%;border:1px solid #dcdcdc;background-color: #f9f9f9;}
.point_save_result_ex_title {width: 90%;margin: 15px auto;font-size:1em;text-align: center;font-weight: bold;}
.point_save_result_ex_p {width: 90%;margin: 0 auto 15px;font-size:0.8em;text-align: center;color:#777;}

#form_franchisee {width: 90%;max-width:800px;margin: 30px auto;overflow: hidden;}
#form_franchisee input {box-sizing:border-box;}
.form_franchisee_form {width: 48%;float: left;margin: 0 1%;}
.form_franchisee_form > label {overflow: hidden;margin: 10px 0;display: block;}
.form_franchisee_form > label > p {float: left;width: 30%;text-align: left;font-size:13px;line-height: 24px;}
.form_franchisee_form > label > input {float: right;width: 70%;text-align: left;text-indent:5px;}
.form_franchisee_form > label > p {display: inline-block;}
.form_franchisee_form > label > select {width: 70%;float: right;}

#franchisee_info_search {width: 90%;max-width:800px;margin: 30px auto;overflow: hidden;}
#franchisee_info_search input {box-sizing:border-box;}
.franchisee_info_search_form {width: 48%;float: left;margin: 0 1%;}
.franchisee_info_search_form > label {overflow: hidden;margin: 10px 0;display: block;}
.franchisee_info_search_form > label > p {float: left;width: 30%;text-align: left;font-size:13px;line-height: 24px;}
.franchisee_info_search_form > label > input {float: right;width: 70%;text-align: center;}
.franchisee_info_search_form > label > p {display: inline-block;}
.franchisee_info_search_form > label > select {width: 70%;float: right;}

#franchisee_info_search2 {width: 90%;max-width:400px;margin: 30px auto;}
#franchisee_info_search2 input {box-sizing:border-box;}
.franchisee_info_search2_form {width: 100%;clear: both;margin: 0;}
.franchisee_info_search2_form > label {overflow: hidden;margin: 10px 0;display: block;}
.franchisee_info_search2_form > label > p {float: left;width: 30%;text-align: left;font-size:13px;line-height: 24px;}
.franchisee_info_search2_form > label > input {float: right;width: 70%;text-align: center;}
.franchisee_info_search2_form > label > p {display: inline-block;}
.franchisee_info_search2_form > label > select {width: 70%;float: right;}

#franchisee_bonus_search {width: 90%;max-width:800px;margin: 30px auto;}
.sub3_title {font-size:15px;color:#f00;font-weight: 300;margin-top:10px;}

#franchisee_table {width: 100%;margin: 30px auto;max-width:1200px;}
.franchisee_table {float: left;margin: 15px 0;}
.franchisee_table > input {box-sizing:border-box;height: 28px;}
.franchisee_table > button {width: 100px;display: inline-block;font-size:0.8em;color:#000;box-sizing: border-box;text-align: center;padding: 5px 0;border: 1px solid #ccc;background-color: #f9f9f9;}
.franchisee_table_right {float: right;}
.franchisee_table_right > p {float: left;margin-left:20px;}
.franchisee_table_right > p > span{margin-left:20px;}

#franchisee_table > .tg  {border-collapse:collapse;border-spacing:0;}
#franchisee_table > .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal;border-bottom: 1px solid #eee;}
#franchisee_table > .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
#franchisee_table > .tg .tg-uqo3{background-color:#efefef;text-align:center;vertical-align:middle}
#franchisee_table > .tg .tg-baqh{text-align:center;vertical-align:middle}

#faq {max-width: 1200px;width: 90%;margin: 50px auto;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
#faq > .noData {border-top:1px solid #ccc}
.faq_btn {position: relative;display: block;max-width: 100%;border-top:1px solid #dcdcdc;text-align: left;padding:30px 80px;font-size:15px;font-weight:400;background-color: #fff;color:#222;cursor:pointer;}
.faq_btn:before {display: block;content: 'Q';position: absolute;top: 0px;left: 35px;margin:0;font-size: 20px;color: #000;font-weight:600;font-family:'nanumsquare';line-height: 85px;}
.faq_btn:after {content:'+';display: block;position: absolute;right: 20px;top:20px;font-size:25px;color:#ccc;font-weight: 100;}
.faq_answer {display: none;position: relative;font-weight: 400;padding: 40px 50px;font-size:15px;line-height: 25px;background-color: #f2f9ff;border-top:1px solid #2578bf;border-bottom:1px solid #2578bf;box-sizing:border-box;margin-top: -1px;letter-spacing: -0.6px;color:#444;}
/*.faq_answer:before {display: block;content: 'A';position: absolute;top: 15px;left: 0px;margin:0;text-indent:30px;font-size: 20px;color: #2578bf;font-weight:400;font-family:'nanumsquare';line-height: 30px;}*/
.faq_btn_15 {border-bottom:1px solid #dcdcdc;}

/*mobile_receipt*/
#mobile_receipt {max-width:400px;width: 100%;margin: 20px auto;}
#mobile_receipt:after{display:block;clear:both;content:'';}
#mobile_receipt > .mobile_receipt_title {font-size:15px;text-align: center;padding: 13px 0;background-color: #fff;font-weight: bold;margin-bottom:-1px;border:1px solid #ccc;}
#mobile_receipt > .receipt {max-width:400px;width: 100%;margin: 0 auto;overflow: hidden;box-sizing:border-box;background: url(/images/mobile_receipt_bg.gif)repeat-y center center;border-right:1px solid #ccc;border-left:1px solid #ccc;box-sizing:border-box;}
#mobile_receipt > .receipt:after{display:block;clear:both;content:'';}
#mobile_receipt > .receipt{border-top:1px solid #eee;}
#mobile_receipt > .receipt:last-child {border-bottom:1px solid #ccc;margin-bottom:20px;}
#mobile_receipt > .receipt > div {padding:3% 0;font-size:13px;}
#mobile_receipt > .receipt > .receipt_title {float: left;font-weight: bold;padding-left:5%;}
#mobile_receipt > .receipt > .receipt_value {float: right;padding-right:5%;}
/*mobile_receipt*/

/* intro_company */
#intro {width: 100%;margin: 30px auto;position: relative;}
#intro:after{display:block;clear:both;content:'';}
#intro > .intro_title {font-size: 42px;font-weight: 600;margin: 50px auto 150px;text-align: center;}
#intro > .intro_title:after {content: '';width: 1px;position: absolute;height: 60px;background-color: #2578bf;top: 90px;left: 50%;}
#intro > .intro_1_title {font-size:30px;font-weight:400;text-align: center;margin: 60px auto 0px;display: block;position: relative;}
#intro > .intro_1_title:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:-20px;left: 50%;margin-left:-60px;}
#intro > .intro_1_title span{color: #2578bf;}
#intro > .text_eng {font-size: 16px;font-weight: 200;padding: 5px 0 60px;color: #999;text-align: center;}
#intro > .intro_1 {overflow: hidden;width: 100%;}
#intro > .intro_1 > div {float: left;}
#intro > .intro_1 > .intro_1_1 {width: 50%;height: 400px;overflow: hidden;background: url(/images/intro_1.jpg)no-repeat center center;}
#intro > .intro_1 > .intro_1_2 {width: 50%;height:400px;background-color: #fafafa;border-top: 1px solid #eee;}
#intro > .intro_1 > .intro_1_2 > p {font-size:1.2em;line-height: 28px;width: 100%;max-width: 600px;word-break: keep-all;box-sizing:border-box;color: #444;letter-spacing:-0.02em;padding: 81px 8%;}
#intro > .intro_1 > .intro_1_2 > p > b {color:#222;font-size:23px;margin-bottom:41px;display: block;font-weight: 500;}
#intro > .intro_1 > .intro_1_3 {display: none;}

#intro > .intro_2 {max-width: 1200px;width: 100%;margin: 40px auto;}
#intro > .intro_2:after{display:block;clear:both;content:'';}
#intro > .intro_2 > .intro_2_title {text-align: center;padding: 40px 0;font-size: 25px;color: #000;font-weight: 400;position: relative;}
#intro > .intro_2 > .intro_2_title:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:20px;left: 50%;margin-left:-60px;}

#intro > .intro_2 > .intro_2_1{float: left;width: 300px;margin: 0 50px;}
#intro > .intro_2 > .intro_2_1 > h2 {font-size: 20px;font-weight: 400;text-align: center;padding-top:60px;}
#intro > .intro_2 > .intro_2_1 > p {word-break: keep-all;font-size: 1.1em;font-weight: 300;text-align: center;line-height: 25px;color: #555;letter-spacing: -1px;}
#intro > .intro_2 > .intro_2_1 > .intro_2_eng {font-size: 1.2em;font-weight: 300;padding: 0px 0 20px;color: #777;text-align: center;}
#intro > .intro_2 > .intro_2_1 > .intro_2_1_tit1 {background: url(/images/intro_2_1_img_1.png)no-repeat center top;}
#intro > .intro_2 > .intro_2_1 > .intro_2_1_tit2 {background: url(/images/intro_2_1_img_2.png)no-repeat center top;}
#intro > .intro_2 > .intro_2_1 > .intro_2_1_tit3 {background: url(/images/intro_2_1_img_3.png)no-repeat center top;}
#intro > .intro_2 > .intro_last_txt {text-align: right;width: 100%;clear: both;}

#intro > .intro_3 {width: 100%;}
#intro > .intro_3 > .intro_3_1 {max-width:1200px;width: 100%;height: 150px;margin: 0 auto;overflow: hidden;background: url(/images/intro_3.jpg)no-repeat center center;}
#intro > .intro_3 > .intro_3_2 {max-width:1200px;width: 100%;margin: 0 auto;}
#intro > .intro_3 > .intro_3_2 > p {font-size:1.2em;width: 94%;max-width: 1100px;color: #444;letter-spacing:-0.02em;text-align: left;margin: 50px auto 0;line-height: 28px;font-weight: 400;background: url(/images/intro_company_bottom.jpg)no-repeat right bottom;overflow: hidden;}
#intro > .intro_3 > .intro_3_2 > p > b {color:#444;font-size:1.1em;font-weight: 500;width: 100%;display: block;clear: both;padding-top:30px;}
#intro > .intro_3 > .intro_3_1 > .intro_3_title {color:#fff;text-align: center;font-size: 30px;font-weight: 600;margin: 45px auto 0px;}
#intro > .intro_3 > .intro_3_1 > .intro_3_eng {font-size: 1.2em;font-weight: 200;padding: 5px 0 0px;color: #fff;text-align: center;}
.intro_3_2_m {display: none;}
#intro > .intro_3 > .intro_3_2 > .intro_3_2_pc > span {display: block;width: 48%;float: left;margin-bottom:30px;line-height: 31px;}
#intro > .intro_3 > .intro_3_2 > .intro_3_2_pc > span:nth-child(1) {padding-right:4%;margin-right:2%;border-right:1px solid #eee;box-sizing:border-box;height: 365px;}
#intro > .intro_3 > .intro_3_2 > .intro_3_2_pc > span:nth-child(2) {margin-left:2%;height: 285px;}

#intro > .intro_4 {overflow: hidden;width: 100%;}
#intro > .intro_4 > div {float: left;}
#intro > .intro_4 > .intro_4_1 {width: 50%;height: 400px;background-color: #fafafa;border-bottom: 1px solid #eee;float:left}
#intro > .intro_4 > .intro_4_1 > p {font-size:1.2em;line-height: 30px;font-weight: 400;width: 92%;word-break: keep-all;color: #444;letter-spacing:-0.02em;padding: 40px 0 0;margin-right:8%;text-align: right;}
#intro > .intro_4 > .intro_4_1 > p > b {color:#222;font-size:17px;margin-bottom:20px;display: block;font-weight: 500;}
#intro > .intro_4 > .intro_4_1 > p > span {font-size:14px;font-weight: 300;line-height: 23px;display:inherit;margin-top:20px;color:#888;}
#intro > .intro_4 > .intro_4_2 {width: 50%;height:400px;overflow: hidden;background: url(/images/intro_4.jpg)no-repeat center center;float:right}
#intro > .intro_4 > .intro_4_3 {display: none;}
/* intro_company */

/*intro_touch_all*/
#intro_t {width: 100%;margin: 30px auto;letter-spacing:-0.6px;position: relative;}
#intro_t:after{display:block;clear:both;content:'';}
#intro_t > .intro_t_title {font-size: 42px;font-weight: 600;margin: 50px auto 150px;text-align: center;}
#intro_t > .intro_t_title:after {content: '';width: 1px;position: absolute;height: 60px;background-color: #2578bf;top: 90px;left: 50%;}
#intro_t > .intro_t_title1 {font-size:30px;font-weight:400;text-align: center;margin: 0px auto 0px;display: block;position: relative;}
#intro_t > .intro_t_title1:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:-20px;left: 50%;margin-left:-60px;}
#intro_t > .intro_t_title1 span{color: #2578bf;}
#intro_t > .text_q {font-size: 16px;font-weight: 200;padding: 5px 0 40px;color: #999;text-align: center;}

#intro_t > .intro_t_1 {max-width:1200px;width: 100%;margin: 0 auto;}
#intro_t > .intro_t_1 > .intro_t_1_title {font-size:25px;font-weight: 200;text-align: center;color:#000;margin:30px auto;}
#intro_t > .intro_t_1 > .intro_t_1_title:after {content:'';width: 30px;height: 1px;background-color: #000;display: block;margin: 30px auto 0;}
#intro_t > .intro_t_1 > .intro_t_1_box1 {overflow: hidden;width: 100%;}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li {float: left;width: 14.2%;padding: 20px 1%;box-sizing:border-box;font-size:13px;line-height: 20px;font-weight: 400;word-break: keep-all;margin-bottom:20px;text-align: center;}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:before {/*border:1px solid #666;*/border-radius:50px;padding:30px;width: 30px;height: 30px;box-sizing:border-box;display: block;margin: 10px auto 20px;text-indent:-8px;line-height: 0px;color:#666;font-size:30px;font-weight: 600;background-color: #eee;}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(1):before {content:'1';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(2):before {content:'2';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(3):before {content:'3';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(4):before {content:'4';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(5):before {content:'5';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(6):before {content:'6';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:nth-child(7):before {content:'7';}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li:last-child {margin-right:0;}

#intro_t > .intro_t_1 > .intro_t_1_box2 {overflow: hidden;width: 100%;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li {float: left;width: 14.2%;padding: 20px 1%;box-sizing:border-box;font-size:13px;line-height: 20px;font-weight: 400;word-break: keep-all;margin-bottom:20px;text-align: center;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:before {/*border:1px solid #2578bf;*/border-radius:50px;padding:30px;width: 30px;height: 30px;box-sizing:border-box;display: block;margin: 10px auto 20px;text-indent:-15px;line-height: 0px;color:#2578bf;font-size:15px;font-weight: 600;background-color: #e7f3fd;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(1):before {content:'하나';}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(2):before {content:'둘';text-indent: -7px;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(3):before {content:'셋';text-indent: -7px;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(4):before {content:'넷';text-indent: -7px;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(5):before {content:'다섯';}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(6):before {content:'여섯';}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:nth-child(7):before {content:'일곱';}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:last-child {margin-right:0;}

#intro_t > .intro_t_1 > .intro_t_1_title2 {font-size:20px;font-weight: 100;text-align: center;color:#000;margin:30px auto;}
#intro_t > .intro_t_1 > .intro_t_1_title2 > span {font-size:20px;font-weight: 600;display: block;margin-top:10px;}
#intro_t > .intro_t_1 > .intro_t_1_title2 > span:after{content: '';width: 30px;height: 1px;background-color: #000;display: block;margin: 30px auto 0;}

#intro_t > .intro_t_1 > .intro_t_1_box3 {overflow: hidden;width:100%;max-width: 900px;margin: 0 auto;}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li {float: left;width: 33.3%;padding: 20px 1%;box-sizing:border-box;font-size:13px;line-height: 20px;font-weight: 400;word-break: keep-all;margin-bottom:20px;text-align: center;}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:before {/*border:1px solid #0d990d;*/border-radius:50px;padding:30px;width: 30px;height: 30px;box-sizing:border-box;display: block;margin: 10px auto 20px;text-indent:-15px;line-height: 0px;color:#0d990d;font-size:15px;font-weight: 600;background-color: #effeef;}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(1):before {content:'여덟';}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(2):before {content:'아홉';}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(3):before {content:'열';text-indent: -9px;}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:last-child {margin-right:0;}

#intro_t > .intro_t_1 > .intro_t_1_title3 {font-size:25px;font-weight: 200;text-align: center;color:#000;margin:35px auto;}
#intro_t > .intro_t_1 > .intro_t_1_title3 span {font-weight: 300;color:#f00;}

#intro_t > .intro_t_3 {width: 1200px;max-width:100%;margin: 40px auto 0;padding-top: 40px;border-top: 1px solid #eee;}
#intro_t > .intro_t_3 > .intro_3_1 {max-width:1200px;width: 100%;height: 150px;margin: 0 auto;overflow: hidden;background: url(/images/intro_t_3.jpg)no-repeat center center;}
#intro_t > .intro_t_3 > .intro_3_1 > .intro_3_title {color:#fff;text-align: center;font-size: 30px;font-weight: 600;margin: 43px auto 0px;}
#intro_t > .intro_t_3 > .intro_3_1 > .intro_3_eng {font-size: 16px;font-weight: 200;padding: 5px 0 0px;color: #eee;text-align: center;}

#intro_t > .intro_t_3 > .intro_3_2 {max-width:1200px;width: 100%;margin: 0 auto;}
#intro_t > .intro_t_3 > .intro_3_2 > p {font-size:15px;width: 94%;max-width: 1100px;color: #555;margin: 50px auto 0;line-height: 28px;font-weight: 400;overflow: hidden;letter-spacing: -0.6px;text-align: center;word-break: keep-all;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > span {display: block;width: 48%;float: left;line-height: 31px;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > .intro_3_2_pc_s1 {padding-right:4%;margin-right:2%;border-right:1px solid #eee;box-sizing:border-box;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > .intro_3_2_pc_s2 {margin-left:2%;}

#intro_t > .intro_t_3 > .intro_3_2 > p b {color:#444;font-weight: 500;width: 100%;}

#intro_t > .intro_t_4 {width:1200px;max-width: 100%;margin: 40px auto;padding-top:40px;border-top:1px solid #eee;}
#intro_t > .intro_t_4 > ul {width: 100%;}
#intro_t > .intro_t_4 > ul:after{display:block;clear:both;content:'';}
#intro_t > .intro_t_4 > ul > li {float: left;width: 48%;height: 33vh;border:1px solid #ccc;padding: 40px;box-sizing:border-box;margin:2% 2% 0 0;font-size:14px;word-break: keep-all;border-top: 3px solid #2578bf;color:#666;transition:0.5s;}
#intro_t > .intro_t_4 > ul > li > b {font-size:20px;font-weight: 400;display: block;margin-bottom:10px;color:#222;}
#intro_t > .intro_t_4 > ul > li > span {color:#999;font-size:13px;display: block;margin-top:10px;}
#intro_t > .intro_t_4 > ul > li > b > span {font-size:42px;font-weight: bold;line-height: 1;color: #d4ebfe;position: relative;}
#intro_t > .intro_t_4 > ul > li > b > span:before {position: absolute;top: -5px;left: -10px;width: 20px;height: 2px;background: #d4ebfe;content: '';}
#intro_t > .intro_t_4 > ul > li:nth-child(2),#intro_t > .intro_t_4 > ul > li:nth-child(4) {margin-right:0;}
#intro_t > .intro_t_4 > ul > li:hover {box-shadow: 5px 5px 5px 0 #ccc;transition:0.5s;}

#intro_t > .intro_t_4 > .intro_t_4_title{font-size: 25px;font-weight: 300;text-align: center;color: #000;margin: 30px auto;position: relative;}
#intro_t > .intro_t_4 > .intro_t_4_title:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:-20px;left: 50%;margin-left:-60px;}
#intro_t > .intro_t_4 > .intro_t_4_title > span {color:#2578bf;}

#intro_t > .intro_t_5 {width: 1200px;max-width:95%;margin: 30px auto 0;padding-top:30px;border-top:1px solid #eee;overflow: hidden;}
#intro_t > .intro_t_5 > div {width: 50%;float: left;height: 600px;}
#intro_t > .intro_t_5 > .intro_t_5_1 > h2 {position: relative;margin: 0;padding-top: 12px;font-size: 70px;font-weight: bold;line-height: 1;color: #eee;}
#intro_t > .intro_t_5 > .intro_t_5_1 > h2:before {position: absolute;top: 0;left: 0;width: 20px;height: 2px;background: #ddd;content: '';}
#intro_t > .intro_t_5 > .intro_t_5_1_m {display: none;}
#intro_t > .intro_t_5 > .intro_t_5_1 > p {font-size:14px;margin:30px 0 0;color:#555;line-height: 23px;word-break: keep-all;width: 93%;font-weight: 400;}
#intro_t > .intro_t_5 > .intro_t_5_1 > p > b {font-size:20px;font-weight: 600;display: block;margin-top: 30px;}
#intro_t > .intro_t_5 > .intro_t_5_2 {background: url(/images/intro_t_5.jpg)no-repeat center center;}

.intro_t_5_3 {max-width:1200px;width: 90%;display: block;margin: 40px auto 0;font-size:14px;line-height: 25px;word-break: keep-all;}
/*intro_touch_all*/

/* mygrade */
#grade {max-width: 100%;width: 1200px;margin: 30px auto;position: relative;}
#intro:after{display:block;clear:both;content:'';}

#grade > .grade_title {font-size: 42px;font-weight: 600;margin: 50px auto 150px;text-align: center;}
#grade > .grade_title:after {content: '';width: 1px;position: absolute;height: 60px;background-color: #2578bf;top: 90px;left: 50%;}

#grade > .grade_1_title {font-size:2em;font-weight:400;text-align: center;margin: 60px auto 0px;display: block;position: relative;}
#grade > .grade_1_title:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:-20px;left: 50%;margin-left:-60px;}
#grade > .grade_1_title span{color: #2578bf;}

#grade > .text_eng {font-size: 16px;font-weight: 200;padding: 5px 0 30px;color: #999;text-align: center;}

#grade > .grade_2_title {font-size:2em;font-weight:400;text-align: center;margin: 100px auto 0px;display: block;position: relative;}
#grade > .grade_2_title:before {content:'';background: url(/images/intro_title_top.png)no-repeat center center;width: 120px;height: 15px;position: absolute;top:-20px;left: 50%;margin-left:-60px;}

#grade > .grade_level {overflow: hidden;}
#grade > .grade_level > li {float: left;width: 25%;height: 100px;}
#grade > .grade_level > li > h2{font-size:25px;font-weight: 400;color:#222;margin: 5px 0 0 120px;}
#grade > .grade_level > li > p{font-size:14px;font-weight: 300;color:#555;margin: 5px 0 0 120px;}

#grade > .grade_level > li:nth-child(1) {background: url(/images/mygrade1.png) no-repeat left center;}
#grade > .grade_level > li:nth-child(2) {background: url(/images/mygrade2.png) no-repeat left center;}
#grade > .grade_level > li:nth-child(3) {background: url(/images/mygrade3.png) no-repeat left center;}
#grade > .grade_level > li:nth-child(4) {background: url(/images/mygrade4.png) no-repeat left center;}

#grade > .grade_1_txt {padding-top:10px;margin: 30px auto;font-size:15px;font-weight: 300;border-top:1px solid #dcdcdc;line-height: 20px;color:#444;}

#grade > .grade_2_txt {overflow: hidden;width: 100%;border:1px solid #dcdcdc;box-sizing:border-box;}
#grade > .grade_2_txt > .grade_2_img {float: left;width: 50%;height: 200px;background:#f9f9f9 url(/images/grade_2_img.png)no-repeat center center;border-right:1px solid #dcdcdc;box-sizing:border-box;}
#grade > .grade_2_txt > p{float: left;width: 45%;margin-left:5%;text-align: left; font-size:20px;font-weight: 400;color:#333;padding:57px 0 0;}
#grade > .grade_2_txt > p > span {font-size:15px;font-weight: 300;color:#555;display: block;margin-top:10px;line-height: 23px;}

#grade > .grade_benefits {overflow: hidden;margin-bottom:40px;}
#grade > .grade_benefits > li {float: left;width: 45%;height: 200px;border-bottom:1px solid #2578bf;}
#grade > .grade_benefits > li > h2{font-size:25px;font-weight:400;color:#222;padding: 90px 0 0 260px;position:relative;height: 60px}
#grade > .grade_benefits > li > p{font-size:14px;font-weight: 300;color:#555;padding: 55px 0 0 220px;}

#grade > .grade_benefits > li > h2::before{position:absolute;content:' ';left:220px;top:80px;display:block;width:35px;height:60px;background-image:url('/images/grade.png');background-repeat:no-repeat;background-position-y:0;z-index:10}
#grade > .grade_benefits > li:nth-child(1) > h2::before {background-position-x: 0px}
#grade > .grade_benefits > li:nth-child(2) > h2::before {background-position-x: -35px}
#grade > .grade_benefits > li:nth-child(3) > h2::before {background-position-x: -68px}
#grade > .grade_benefits > li:nth-child(4) > h2::before {background-position-x: -102px}

#grade > .grade_benefits > li:nth-child(odd) {margin-right:5%;}
#grade > .grade_benefits > li:nth-child(1){background: url(/images/grade2_1.png)no-repeat left bottom;}
#grade > .grade_benefits > li:nth-child(2){background: url(/images/grade2_2.png)no-repeat left bottom;}
#grade > .grade_benefits > li:nth-child(3){background: url(/images/grade2_3.png)no-repeat left bottom;}
#grade > .grade_benefits > li:nth-child(4){background: url(/images/grade2_4.png)no-repeat left bottom;}
/* mygrade */

/* event */
.event_img {width: 100%;}
.event_img img {display: block;margin: 0 auto 20px;}
.event_img_m {display: none;}
.event_img_m img {width: 100%;}
/* event */

/*sitemap*/
#sitemap {width: 100%;max-width:1200px;margin: 0 auto;}
#sitemap:after{display:block;clear:both;content:'';}
#sitemap > .sitemap_title {font-size:25px;font-weight: 600;color:#2578bf;margin: 20px auto;}
#sitemap > .sitemap {float: left;width: 18%;margin-right:2%;}
#sitemap > .sitemap > dt {font-size:15px;font-weight: 600;color:#fff;margin-bottom:10px;border:1px solid #105da0;background-color: #2578bf;padding: 10px;text-indent:10px;}
#sitemap > .sitemap > dd {font-size:14px;font-weight: 400;color:#555;line-height: 25px;text-indent:10px;margin-bottom: 7px;padding-bottom: 3px;border-bottom:1px solid #eee;}
#sitemap > .sitemap > dd:before {content:'· ';}
#sitemap > .sitemap > dt > a {color:#fff}
#sitemap > .sitemap > dd > a {color:#555}
#sitemap > .sitemap > dt > a:hover {color:#fff}
#sitemap > .sitemap > dd > a:hover {color:#555}
/*sitemap*/

/*bonus_search*/
#bonus_search {width:100%;max-width:1200px;margin: 0 auto;}
#bonus_search > .bonus_div {overflow: hidden;width: 100%;float: left;}
#bonus_search > .bonus_div:after{display:block;clear:both;content:'';}
#bonus_search > .bonus_div > .bonus_div_table {float: left;width: 32%;margin: 10px 0;}
#bonus_search > .bonus_div > .bonus_div_table:nth-child(2) {margin: 10px 2%;}

#bonus_search label {width: 100%;}
#bonus_search label p {font-size:14px;}

.bonus_div > .bonus_div1 {margin:40px auto;width: 50%;}
.bonus_div > .bonus_div1 > .bonus_search_date {margin-bottom:10px;display: block;overflow: hidden;}
.bonus_div > .bonus_div1 > .bonus_search_date > p {float: left;width: 20%;}
.bonus_div > .bonus_div1 > .bonus_search_date > .bonus_search_date_div {float: right;width: 80%;}
.bonus_div > .bonus_div1 > .bonus_search_date > div > select {width: 15%;margin-right:1%;float: left;border:1px solid #aaa;box-sizing:border-box;}
.bonus_div > .bonus_div1 > .bonus_search_date > div > select:nth-child(3),.bonus_div > .bonus_div1 > .bonus_search_date > div > select:nth-child(7) {margin-right:0;}
.bonus_div .bonus_or {float: left;margin: 0 auto;width: 6%;text-align: center;line-height: 30px}

.bonus_search_type1 {overflow: hidden;margin-bottom: 5px;display: block;}
.bonus_search_type1 > p {float: left;width: 20%;}
.bonus_search_type1 > select {float: left;border:1px solid #aaa;box-sizing:border-box;width: 80%;}

.bonus_search_type2 {overflow: hidden;margin-bottom: 5px;display: block;}
.bonus_search_type2 > p {float: left;width: 20%;}
.bonus_search_type2 > select {float: left;border:1px solid #aaa;box-sizing:border-box;width: 80%;}

.bonus_search_name {overflow: hidden;margin-bottom: 5px;display: block;}
.bonus_search_name > p {float: left;width: 20%;}
.bonus_search_name > input {float: left;border:1px solid #aaa;box-sizing:border-box;width: 80%;}

.bonus_search_place {overflow: hidden;margin-bottom: 5px;display: block;}
.bonus_search_place > p {float: left;width: 20%;}
.bonus_search_place > select {float: left;border:1px solid #aaa;box-sizing:border-box;width: 39%;display: inline-block;}
.bonus_search_place > select.bonus_search_place1 {margin-right:2%;}

.bonus_search_business {overflow: hidden;margin-bottom: 20px;display: block;}
.bonus_search_business > p {float: left;width: 20%;}
.bonus_search_business > select {float: left;border:1px solid #aaa;box-sizing:border-box;width: 39%;display: inline-block;}
.bonus_search_business > select.bonus_search_business1 {margin-right:2%;}

.bonus_div_title {display: block;width: 100%;text-align: center;margin: 20px 0 0;font-size:15px;background-color: #fff;color:#222;padding: 10px 0;border-top: 2px solid #888;border-bottom: 1px solid #888;}

#bonus_search .tg  {border-collapse:collapse;border-spacing:0;width: 100%;}
#bonus_search .tg td{font-size:14px;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;}
#bonus_search .tg th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;}
#bonus_search .tg2  {border-collapse:collapse;border-spacing:0;width: 100%;border-top:2px solid #888;border-bottom:1px solid #bbb;margin-bottom:30px;}
#bonus_search .tg2 td{font-size:14px;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;border-bottom:1px solid #efefef}
#bonus_search .tg2 th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;border-bottom:1px solid #888;background-color: #fff;}
#bonus_search .tg-uys72{text-align:center;background-color:#ecf6ff;}
#bonus_search .tg-5e9r{background-color:#ecf6ff;text-align:center}
#bonus_search .tg-5e9r2{background-color:#ecf6ff;text-align:center;border-bottom:1px solid #888 !important;}

.bonus_search_btn {display: block;margin: 20px auto;border:1px solid #aaa;background-color: #f9f9f9;width: 50%;padding: 5px 0;margin-top:10px;color:#000;transition:300ms;clear: both;}
.bonus_search_btn:hover {border:1px solid #2578bf;background-color: #ecf6ff;color:#2578bf;transition:300ms;}
/*bonus_search*/

/* franchise_search */
#franchise_search label {width: 100%;}
#franchise_search label p {font-size:14px;}

#franchise_search {width: 100%;max-width:1200px;margin: 20px auto;}
#franchise_search .tg  {border-collapse:collapse;border-spacing:0;width: 100%;border-top:2px solid #999;border-bottom:1px solid #ccc;margin-bottom:30px;}
#franchise_search .tg td{font-size:14px;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;}
#franchise_search .tg th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:none;border-width:0px;overflow:hidden;border-bottom:1px solid #888;background-color: #fff;}
#franchise_search .tg-uys7{font-weight:600;text-align:center;}
#franchise_search .tg-5e9r{background-color:#ecf6ff;text-align:center;}
/* franchise_search */

/* error_page */
#error_page {width: 100%;max-width:1200px;margin: 0 auto;}
#error_page > .error_title {font-size:3.5em;font-weight: 300;color:#000;text-align: center;margin: 20% 0 5px;}
#error_page > .error_title:before {content:'!';display: block;width: 120px;height: 120px	;font-family:'Open Sans';border:10px solid #2578bf;border-radius:100%;color:#2578bf;font-weight: 600;font-size:85px;text-align: center;margin: 20px auto 0;}
#error_page > .error_txt {font-size:1.2em;font-weight: 300;color:#000;text-align: center;margin: 0 0 20px;}
#error_page > .error_a {text-align: center;margin: 30px auto 0;}
#error_page > .error_a > a {font-size:1em;font-weight: 300;color:#f00;text-align: center;border-bottom:1px solid #f00;}
/* error_page */
/* sub page css */

/* media query */

@media all and (max-width:760px) {
	#intro > .intro_1 > .intro_1_2 > p {}
}


/* 769이상 - 1200이하 */
@media all and (min-width: 769px) and (max-width: 1200px) {

#intro > .intro_title:after {display: none;}

#sub_visual > .sub_visual_txt > p {margin-left:30px;}

/* visual */
.visual {background:url(/images/visual_bg2.jpg)no-repeat center center;}
.visual > .visual_wrap >  .visual_img {width: 60%;height: 100%;position: absolute;right: 0;top:0;}
.visual_nfc {width: 400px;top:140px;right:0;z-index: 1;float: right;}
.visual_phone {top:140px;left:70px;width: 250px;z-index: 2;float: left;}
/* visual */

/* more btn */
#more > a {width: 127px;height: 36px;font-size:1em;}
/* more btn */

/* bn1 */
.bn1 {width: 100%;margin: 10px auto;}
.bn1 > .bn1_div {width: 31%;height: 250px;margin: 0 1.1%;}
.bn1 > .bn1_div > h2 {font-size:4em;padding:3% 0 0 6%;}
.bn1 > .bn1_div > h3 {font-size:2em;padding: 7% 0 3% 6%;}
.bn1 > .bn1_div > p {font-size:1em;padding-left:6%;}
.bn1 > .bn1_1 {background-size:45% auto;}
.bn1 > .bn1_2 {background-size:45% auto;}
.bn1 > .bn1_3 {background-size:45% auto;}
/* bn1 */

/* bn3 */
.bn3 {max-width: 1200px;width: 100%;margin: 20px auto;}
.bn3:after{display:block;clear:both;content:'';}

.bn3 > .bn3_div {float: left;width: 24%;height: 350px;margin-right:1%;}
.bn3 > .bn3_div > h2 {font-size:18px;font-weight:400;margin:10px 0 4px 15px;color:#222;}
.bn3 > .bn3_div  > p {font-size:13px;margin-left: 15px;color:#666;font-weight: 300;}
.bn3 > .bn3_1 {background: url(/images/bn3_1.jpg)no-repeat center center;text-align: center;}
.bn3 > .bn3_1 > h2 {font-size:20px;margin:55px 0 0;color:#fff;}
.bn3 > .bn3_1 > p {font-size:13px;line-height: 27px;margin: 50px 0 0;color:#fff;}

.bn3 > .bn3_div2 {width: 32%;}
.bn3 > .bn3_6 {margin: 0 2%;}
/* bn3 */

/* intro_company */
#intro > .intro_title {margin: 3% auto 5%;}
#intro > .intro_1 > .intro_1_3 {display: none;}
#intro > .intro_2 > .intro_2_1{float: left;width: 30%;margin: 0 1%;}
#intro > .intro_2 > .intro_last_txt {text-align: right;width: 95%;clear: both;}
#intro > .intro_1 > .intro_1_2 > p {word-break: keep-all;padding:40px 5%}
#intro > .intro_3 > .intro_3_2 > p {background: none;}
#intro > .intro_3 > .intro_3_2 > p {background: url(/images/intro_company_bottom_m.jpg)no-repeat right bottom;}
.intro_3_2_pc {display: none;}
.intro_3_2_m {display: block;}
/* intro_company */

/* mygrade */
#grade > .grade_2_txt {overflow: hidden;width: 100%;border:1px solid #dcdcdc;box-sizing:}
#grade > .grade_2_txt > .grade_2_img {width: 60%;}
#grade > .grade_2_txt > p{width: 38%;margin-left:2%;font-size:1.2em;}
#grade > .grade_2_txt > p > span {font-size:.9em;}
/* mygrade */

/* event */
.event_img {display: none;}
.event_img img {width: 100%;}
.event_img_m {display: block;width: 100%;}
.event_img_m img {width: 100%;}
/* event */

/*sitemap*/
#sitemap {max-width:800px;}
/*sitemap*/
}
/* //769이상 - 1200이하 */

@media all and (max-width:1000px) {
	#grade > .grade_2_txt > .grade_2_img, #grade > .grade_2_txt > p {display:block;width:100%;text-align:center}
	#grade > .grade_2_txt > p { padding: 30px 0 }
	#grade > .grade_level > li{width:50%}
	#grade > .grade_1_txt {text-align:center}
}

/* 415이상 - 768이하 */
@media all and (min-width: 415px) and (max-width: 768px) {
/* visual */
.visual {background:url(/images/visual_bg2_m.jpg)no-repeat center center;}

.visual > .visual_wrap > .visual_txt {background-image:url(/images/visual_txt.png);background-size: 370px;}
.visual > .visual_wrap >  .visual_txt > p {font-size:0.9em;font-weight: 200;display: inline-block;line-height: 1.2em;}
.visual > .visual_wrap >  .visual_txt > h2 {font-size:1.5em;margin-top: 3px;font-weight: 500;line-height: 1.2em;}

.visual > .visual_wrap >  .visual_img {width: 100%;position: absolute;right: 0;top:0;}
.visual .visual_wrap > .visual_img img {position: absolute;}
.visual_nfc {width: 400px;top:30%;right:0px;z-index: 1;float: right;}
.visual_phone {top:40%;left:220px;width: 220px;z-index: 2;float: left;}
/* visual */

/* more btn */
#more > a {width: 126px;height: 36px;font-size:1em;}
/* more btn */

/* bn1 */
.bn1 {width: 100%;}
.bn1 > .bn1_div {width: 31%;height: 250px;margin: 0 1.1%;}
.bn1 > .bn1_div > h2 {font-size:4em;padding:3% 0 0 6%;}
.bn1 > .bn1_div > h3 {font-size:2em;padding: 7% 0 3% 6%;}
.bn1 > .bn1_div > p {font-size:1em;padding-left:6%;}
.bn1 > .bn1_1 {background-size:45% auto;}
.bn1 > .bn1_2 {background-size:45% auto;}
.bn1 > .bn1_3 {background-size:45% auto;}
/* bn1 */

/* bn2 */
.bn2 {height: 260px;background: url(/images/bn2_bg.jpg) no-repeat center center;}
.bn2 > h2 {font-size: 2em;text-align: center;font-weight: 100;padding: 4% 0;line-height: 1.4em;}
.bn2 > h2 > em {font-weight: bold;font-size: 1em;}

.bn2 > .bn2_btn {overflow: hidden;width: 80%;margin: 0 auto;}
.bn2 > .bn2_btn > li { width: 30%;}
.bn2 > .bn2_btn > li:nth-child(2) {margin:0 5%}
.bn2 > .bn2_btn > li > a {width: 100%;font-size: 1em;height: 67px;}
/* bn2 */

/* bn3 */
.bn3 {width: 100%;margin: 20px auto;}
.bn3:after{display:block;clear:both;content:'';}

.bn3 > .bn3_div {float: left;width: 48%;height: 350px;margin:10px 1% 0;border:0;}
.bn3 > .bn3_div > h2 {margin:8px 0 0;text-align: center;}
.bn3 > .bn3_div  > p {margin: 4px 0 0;text-align: center;}
.bn3 > .bn3_1 {margin-top:0;}
.bn3 > .bn3_1 > h2 {margin:55px 0 0;}
.bn3 > .bn3_1 > p {margin: 50px 0 0;}

.bn3 > .bn3_div2 {width: 32.5%;}
.bn3 > .bn3_6 {margin: 0 1%;}
/* bn3 */


/* intro_company */
#intro > .intro_1 > .intro_1_2 > p {padding: 0 5% 20px}
#intro > .intro_1 > .intro_1_2 > p > b {color: #000;font-size:1.2em;margin: 30px 0px;}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li { width: 25% }
#intro_t > .intro_t_1 > .intro_t_1_box2 > li { width: 25% }
#intro > .intro_2 > .intro_2_1 {float: left;width: 29%;margin: 0 2%;}
#intro > .intro_3 > .intro_3_2 > p {background: url(/images/intro_company_bottom_m.jpg)no-repeat right bottom;}
.intro_3_2_pc {display: none;}
.intro_3_2_m {display: block;}
#intro > .intro_4 > .intro_4_1, #intro > .intro_4 > .intro_4_2{display:block;float:none;width:100%}
#intro > .intro_4 > .intro_4_1{height:auto}
#intro > .intro_4 > .intro_4_1 > p {text-align:left;margin:0;width:100%;height:auto;padding: 20px 5%}
#intro_t > .intro_t_4 > ul > li {width: 94%;height: auto;padding: 30px;margin: 0 3% 20px;line-height: 20px;color:#888}
/* intro_company */

/* mygrade */
#grade > .grade_level > li {width: 50%;margin: 10px 0;}

#grade > .grade_1_txt {width: 90%;padding-top:10px;margin: 30px auto 10px;font-size:15px;font-weight: 300;border-top:1px solid #dcdcdc;line-height: 20px;color:#444;}

#grade > .grade_2_txt > .grade_2_img {clear: both;width: 100%;}
#grade > .grade_2_txt > p{width: 100%;margin:40px auto;text-align: center; font-size:1.2em;padding:0;}
#grade > .grade_2_txt > p > span {font-size:0.8em;margin-top:10px;}

#grade > .grade_benefits > li > h2{font-size:25px;font-weight: 400;color:#222;padding: 90px 0 0 240px;}
#grade > .grade_benefits > li > p{font-size:14px;font-weight: 300;color:#555;padding: 55px 0 0 190px;}
#grade > .grade_benefits > li > h2::before{left:190px}
/* mygrade */

/* event */
.event_img {display: none;}
.event_img img {width: 100%;}
.event_img_m {display: block;width: 100%;}
.event_img_m img {width: 100%;}
/* event */

/*sitemap*/
#sitemap {max-width:700px;}
#sitemap > .sitemap > dd {font-size:13px;}
/*sitemap*/

}
/* //415이상 - 768이하 */
@media all and (max-width: 670px) {
	#grade > .grade_benefits > li {float:none;width:90%;margin:3% 5% 0}
}

@media all and (max-width: 650px) {
	#intro > .intro_1 > .intro_1_1, #intro > .intro_1 > .intro_1_2{display:block;float:none;width:100%}
	#intro > .intro_1 > .intro_1_2 {height: auto}
	#intro > .intro_2 {margin:20px 0}
	#intro > .intro_2 > .intro_2_title {padding-bottom:0}
	#intro > .intro_2 > .intro_2_1 {float:none;width:100%;margin:35px 0 0}
	#intro > .intro_2 > .intro_2_1 > p{padding: 0 5%}
	#intro > .intro_2 > .intro_last_txt {margin-top: 20px;text-align:center}
}

/* 414이하 */
@media all and (max-width: 414px) {

#intro > .intro_title:after {display: none;}

#sub_visual {display: block;width: 100%;height: 200px;margin-bottom:30px;background: url(/images/sub_visual.jpg)no-repeat center center;}
#sub_visual > .sub_visual_txt {max-width: 1200px;width: 100%;margin: 0 auto;}
#sub_visual > .sub_visual_txt > p {width: 68%;margin-left:7%;padding-top: 28%;font-size:0.8em;line-height: 1.2em;font-weight: 300;}
#sub_visual > .sub_visual_txt > p > b {display: block;font-size:1.5em;letter-spacing:-0.02em;font-weight:600;}
/* 	#sub_visual > .sub_visual_txt > p > b:after {content:'';width: 30px;height: 3px;background-color: #fff;display: block;margin: 15px auto 0;} */

/* container_title */
#container_title > p {width: 94%;max-width:1200px;text-align: left;font-size:1.5em;margin: 0 auto;padding: 10px 0;position: relative;}
#container_title > p:after {content: '';width: 60px;height: 2px;background-color: #2578bf;position: absolute;top: 56px;left: 0;}
/* container_title */

/* more btn */
#more > a {width: 100px;height: 36px;font-size:0.8em;}
/* more btn */


/* visual */
.visual {background:url(/images/visual_bg2_m.jpg)no-repeat center center;height: 300px;}
.visual > .visual_wrap {height: 300px;}

.visual > .visual_wrap > .visual_txt {background-size: 270px;height:200px}
.visual > .visual_wrap >  .visual_txt > p {font-size:0.6em;font-weight: 300;display: inline-block;line-height: 1.2em;}
.visual > .visual_wrap >  .visual_txt > h2 {font-size:1em;margin-top: 0px;font-weight: 500;line-height: 1.3em;	}

.visual > .visual_wrap >  .visual_img {width: 100%;position: absolute;right: 0;top:0;}
.visual .visual_wrap > .visual_img img {position: absolute;}
.visual_nfc {width: 300px;top:33%;right:0;z-index: 1;float: right;}
.visual_phone {top:35%;left:20px;width: 180px;z-index: 2;float: left;}
/* visual */

/* bn1 */
.bn1 {width: 100%;margin: 10px auto;}
.bn1 > .bn1_div {width: 96%;height: 270px;clear:both;margin: 0 2%;}
.bn1 > .bn1_div > h2 {font-size:4em;padding:3% 0 0 6%;}
.bn1 > .bn1_div > h3 {font-size:2em;padding: 7% 0 3% 6%;}
.bn1 > .bn1_div > p {font-size:1em;padding-left:6%;}
.bn1 > .bn1_1 {background-size:45% auto;}
.bn1 > .bn1_2 {background-size:50% auto;margin: 10px 2%;}
.bn1 > .bn1_3 {background-size:45% auto;}
/* bn1 */

/* bn2 */
.bn2 {width: 96%;height: 250px;margin: 0 auto 2%;background: url(/images/bn2_bg.jpg) no-repeat center center;}

.bn2 > h2 {font-size: 1.3em;text-align: center;font-weight: 100;padding: 10% 0 10%;line-height: 1.7em;}
.bn2 > h2 > em {font-weight: bold;font-size: 1.1em;}

.bn2 > .bn2_btn {overflow: hidden;width: 90%;margin: 0 auto;}
.bn2 > .bn2_btn > li { width: 30%;}
.bn2 > .bn2_btn > li:nth-child(2) {margin:0 5%}
.bn2 > .bn2_btn > li > a {width: 100%;font-size: 0.8em;}
/* bn2 */

/* bn3 */
.bn3 {width: 100%;margin: 2% auto 0;}
.bn3:after{display:block;clear:both;content:'';}

.bn3 > .bn3_div {clear:both;width: 96%;height: 350px;margin:10px 2% 0;border:0;}
.bn3 > .bn3_div > h2 {margin:10px 0 0;text-align: center;}
.bn3 > .bn3_div  > p {margin: 4px 0 0;text-align: center;}
.bn3 > .bn3_1 {margin-top:0;}
.bn3 > .bn3_1 > h2 {margin:55px 0 0;}
.bn3 > .bn3_1 > p {margin: 50px 0 0;}

.bn3 > .bn3_div2 {width: 96%;margin:0 2% 2%;}
.bn3 > .bn3_div2 > h2 {text-align: center;font-weight: 500;color:#fff;font-size:35px;margin-top:40px;}
.bn3 > .bn3_div2 > p {text-align: center;font-weight: 300;color:#fff;font-size:13px;margin-top:5px;}
.bn3 > .bn3_6 {background: url(/images/bn3_6.jpg)no-repeat center center;}

.bn3_btn {margin: 0px auto 20px;width: 96%;}
.bn3_btn a {padding: 10px 0;}
.bn3 > .bn3_4 {margin-bottom:20px;}
/* bn3 */

#more {margin: 0 0 40px;}

/* m_app */
#m_app {display: block;width: 96%;margin:0 auto 2%;padding:3% 0;box-sizing:border-box;background-color: #c2e9ff;border:1px solid #94d8ff;}
#m_app > ul {overflow: hidden;padding: 0 5%;}
#m_app > ul > li {float: left;}
#m_app > ul > li > img {width: 80%;}
#m_app > ul > li > h2 {font-size:1em;margin: 1% 0 2%;color:#43a0d4;}
#m_app > ul > li > p {font-size:0.8em;line-height: 1.3em;color:#43a0d4;}

#m_app > ul > li:nth-child(1) {width: 25%;line-height: 0em;}
#m_app > ul > li:nth-child(2) {width: 75%;}
/* m_app */



#form_franchisee {width: 90%;max-width:400px;margin: 30px auto;}
.form_franchisee_form {width: 100%;clear: both;margin: 0;}

#franchisee_info_search {width: 90%;max-width:400px;margin: 30px auto;}
.franchisee_info_search_form {width: 100%;clear: both;margin: 0;}

#faq {margin: 30px auto;}
.faq_btn {max-width: 90%;padding:15px 30px;font-size:13px;600;}
.faq_btn:before {top: 6px;left: 10px;margin:0;font-size: 15px;line-height: 35px;}
.faq_btn:after {right: 10px;top:0px;font-size:15px;line-height: 44px;}
.faq_answer {padding: 30px 40px;font-size:12px;line-height: 20px;}

/*join_complete*/
.join_complete_btn > a {width: 35%;}
.join_complete > .join_complete_bg {max-width: 200px;width: 100%;margin: 20px auto;}
.join_complete > p {font-size:0.8em;letter-spacing:4px;text-align: center;font-weight: 200;line-height: 25px;}
.join_complete > h2 {font-size:2.5em;text-align: center;font-weight: 400;margin-bottom:15px;}
/*join_complete*/

/* intro_company */
#intro > .intro_title {font-size: 2em;margin: 5% auto 2%;}
#intro > .intro_1_title {font-size:1em;margin: 5% auto 0px;width: 90%;}
#intro > .text_eng {font-size: 1em;padding: 0px 0 5%;}
#intro > .intro_1 > .intro_1_1 {background-size:cover;height:220px}
#intro > .intro_1 > .intro_1_2 {width: 100%;height: auto;}
#intro > .intro_1 > .intro_1_2 > p {padding: 10% 0;margin:0 auto;text-align: center;width: 90%;line-height: 2em;font-size:1.1em}
#intro > .intro_1 > .intro_1_2 > p > b {font-size:1.2em;color:#000;margin-bottom:5%;display: block;}
#intro > .intro_1 > .intro_1_3 {width: 100%;display: block;height: 100px;margin: 0 auto;overflow: hidden;background: url(/images/intro_1_3.jpg)no-repeat center center;}
#intro > .intro_1 > .intro_1_3 > .intro_1_3_title {color:#fff;font-weight: 600;font-size: 1em;margin: 9vw auto 0px;text-align: center;}
#intro > .intro_1 > .intro_1_3 > .intro_1_3_eng {font-size: 0.8em;font-weight: 300;padding: 0px;color: #eee;text-align: center;}
#intro > .intro_1_title {display: none;}

#intro > .intro_2 {margin: 8% auto;}
#intro > .intro_2 > .intro_2_title {font-size: 1.4em;margin-left: 0px;padding: 40px 0 20px;font-weight: 600;}
#intro > .intro_2 > .intro_2_1{width: 80%;margin: 0 10% 10%;}
#intro > .intro_2 > .intro_2_1 > .intro_2_eng {font-size:0.8em;}
#intro > .intro_2 > .intro_last_txt {text-align: center;width: 100%;clear: both;font-size:0.8em;font-weight: 600;color: #333;}

#intro > .intro_3 > .intro_3_1 {height: 100px;}
#intro > .intro_3 > .intro_3_2 > p,#intro > .intro_3 > .intro_3_2 > p > b {font-size:0.9em;}
#intro > .intro_3 > .intro_3_1 > .intro_3_title {font-size: 1.4em;margin: 9vw auto 0px;}
#intro > .intro_3 > .intro_3_1 > .intro_3_eng {font-size: 0.8em;padding: 0px;color:#eee;}
#intro > .intro_3 > .intro_3_2 > p {background: url(/images/intro_company_bottom_m.jpg)no-repeat right bottom;margin: 5% auto;font-size:1.1em;line-height: 2em;}
#intro > .intro_3 > .intro_3_2 > p span {font-weight: 600;color:#000;}

.intro_3_2_pc {display: none;}
.intro_3_2_m {display: block;}

#intro > .intro_4 > .intro_4_3 {width: 100%;display: block;height: 100px;margin: 0 auto;overflow: hidden;background: url(/images/intro_4.jpg)no-repeat center center;}
#intro > .intro_4 > .intro_4_3 > .intro_4_3_title {color:#fff;font-weight: 600;font-size: 1em;margin: 11vw auto 0px;text-align: center;}
#intro > .intro_4 > .intro_4_3 > .intro_4_3_eng {font-size: 0.8em;font-weight: 300;padding: 0px;color: #eee;text-align: center;}
#intro > .intro_4 > .intro_4_1 {width: 100%;border-bottom:1px solid #ccc;height: auto;}
#intro > .intro_4 > .intro_4_1 > p {width: 90%;text-align: center;clear: both;margin: 0 auto;font-size:1em;line-height: 2em;padding:10% 0;}
#intro > .intro_4 > .intro_4_2 {background-size:cover;height:220px;width:100%;float:none}
#intro > .intro_4 > .intro_4_1 > p > b {font-size:1.2em;}
#intro > .intro_4 > .intro_4_1 > p > span {font-size:1em;color:#666;}
/* intro_company */

/*intro_touchall*/
#intro_t > .intro_t_title {font-size: 2em;margin: 5% auto 7%;}
#intro_t > .intro_t_title:after {display: none;}
#intro_t > .intro_t_title1 {font-size:1.2em;margin-top: 40px;}
#intro_t > .text_q {font-size: 0.8em;position: relative;padding-bottom:85px;color:#777;}
#intro_t > .text_q:after {content: '';width: 1px;position: absolute;height: 60px;background-color: #2578bf;top: 50px;left: 50%;
}

#intro_t > .intro_t_1 > .intro_t_1_title {font-size:1em;margin:30px auto;width: 85%;line-height: 25px;font-weight: 300;}
#intro_t > .intro_t_1 > .intro_t_1_title:after {content:'';width: 30px;height: 1px;background-color: #000;display: block;margin: 30px auto 0;}
#intro_t > .intro_t_1 > .intro_t_1_box1 > li {width: 50%;height: 192px;padding: 0px 10px;margin-bottom:0px;}

#intro_t > .intro_t_1 > .intro_t_1_box2 > li {width: 50%;height: 192px;padding: 0px 10px;margin-bottom:0px;}

#intro_t > .intro_t_1 > .intro_t_1_title2 {font-size:20px;font-weight: 100;text-align: center;color:#000;margin:30px auto;}
#intro_t > .intro_t_1 > .intro_t_1_title2 > span {font-size:20px;font-weight: 600;display: block;margin-top:10px;}
#intro_t > .intro_t_1 > .intro_t_1_title2 > span:after{content: '';width: 30px;height: 1px;background-color: #000;display: block;margin: 30px auto 0;}

#intro_t > .intro_t_1 > .intro_t_1_box3 > li {width: 100%;height: 160px;margin:0px auto;padding:0 30px;}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(1):before {content:'여덟';}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(2):before {content:'아홉';}
#intro_t > .intro_t_1 > .intro_t_1_box3 > li:nth-child(3):before {content:'열';text-indent: -9px;}
#intro_t > .intro_t_1 > .intro_t_1_box2 > li:last-child {margin-right:0;}

#intro_t > .intro_t_1 > .intro_t_1_title3 {font-size:1.1em;margin:10% 0;font-weight: 300;}

#intro_t > .intro_t_3 {width: 1200px;max-width:100%;margin: 0px auto;padding-top: 0px;border-top: 0;background-color: #f9f9f9;}
#intro_t > .intro_t_3 > .intro_3_1 {height: 100px;}
#intro_t > .intro_t_3 > .intro_3_1 > .intro_3_title {font-size: 1.2em;margin: 9vw auto 0px;}
#intro_t > .intro_t_3 > .intro_3_1 > .intro_3_eng {}

#intro_t > .intro_t_3 > .intro_3_2 {max-width:1200px;width: 100%;margin: 0 auto;border-bottom:1px solid #dcdcdc;}
#intro_t > .intro_t_3 > .intro_3_2 > p {margin: 0 auto;line-height: 2em;padding: 10% 0;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > span {display: block;width: 48%;float: left;line-height: 31px;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > .intro_3_2_pc_s1 {padding-right:4%;margin-right:2%;border-right:1px solid #eee;box-sizing:border-box;}
#intro_t > .intro_t_3 > .intro_3_2 > .intro_3_2_pc > .intro_3_2_pc_s2 {margin-left:2%;}

#intro_t > .intro_t_3 > .intro_3_2 > p b {color:#222;font-weight: 600;width: 100%;}

#intro_t > .intro_t_4 {margin: 0px auto;padding-top:0px;border-top:0;}
#intro_t > .intro_t_4 > ul > li > b {font-size:1.2em;font-weight: 600;color:#444;}
#intro_t > .intro_t_4 > ul > li > b > span {font-size:2em;}
#intro_t > .intro_t_4 > ul > li > b > span:before {display: none;}

#intro_t > .intro_t_4 > .intro_t_4_title{font-size: 1.3em;margin: 10% auto;}
#intro_t > .intro_t_4 > .intro_t_4_title > span {color:#2578bf;}
#intro_t > .intro_t_4 > ul > li {width: 94%;height: auto;padding: 30px;margin: 0 3% 20px;}

#intro_t > .intro_t_5 {max-width:100%;margin: 5% auto 7%;padding-top:0px;}
#intro_t > .intro_t_5 > div {width: 100%;clear:both;height: auto;background-color: #f9f9f9;border-bottom:1px solid #dcdcdc;}
#intro_t > .intro_t_5 > .intro_t_5_1 > h2 {display: none;}
#intro_t > .intro_t_5 > .intro_t_5_1_m {display: block;width: 100%;display: block;height: 100px;margin: 0 auto;overflow: hidden;background: url(/images/intro_t_5_m.jpg)no-repeat center center;}
#intro_t > .intro_t_5 > .intro_t_5_1_m > .intro_5_title {color: #fff;font-weight: 600;font-size: 1.2em;margin: 9vw auto 0px;text-align: center;}
#intro_t > .intro_t_5 > .intro_t_5_1_m > .intro_5_eng{font-weight: 300;padding: 0px;color: #eee;text-align: center;}
#intro_t > .intro_t_5 > .intro_t_5_1 > p {padding: 5% 0;margin: 0 auto;text-align: center;width: 90%;line-height: 2em;}
#intro_t > .intro_t_5 > .intro_t_5_1 > p > b {font-size: 1.1em;color: #000;margin-bottom: 2%;display: block;text-align: center;}
#intro_t > .intro_t_5 > .intro_t_5_2 {display: none;}

.intro_t_5_3 {max-width:1200px;width: 90%;display: block;margin: 40px auto 0;font-size:14px;line-height: 25px;word-break: keep-all;}
/*intro_touchall*/

/* mygrade */
#grade > .grade_title {font-size: 2em;margin: 5% auto 7%;}
#grade > .grade_title:after {content: '';width: 1px;position: absolute;height: 60px;background-color: #2578bf;top: 90px;left: 50%;}
#grade > .grade_title:after {display: none;}
#grade > .text_eng {font-size:0.9em;padding-bottom:20px;}

#grade > .grade_level > li {width: 100%;height: 100px;margin: 10px auto;}

#grade > .grade_1_txt {width: 90%;font-size:13px;line-height: 1.5em;}

#grade > .grade_2_txt {border: 0;}

#grade > .grade_2_txt > .grade_2_img {clear: both;width: 90%;border:1px solid #dcdcdc;margin: 0 5%;height: 580px;background: #f9f9f9 url(/images/grade_2_img_m.png)no-repeat center center;}
#grade > .grade_2_txt > p{width: 90%;padding: 25px 0;text-align: center;margin: -1px 5% 0;box-sizing: border-box;font-size: 1em;border: 1px solid #dcdcdc;}
#grade > .grade_2_txt > p > span {font-size:0.9em;text-align: left;margin-left: 25px;}

#grade > .grade_benefits > li > h2{font-size:25px;font-weight: 400;color:#222;padding: 90px 0 0 200px;}
#grade > .grade_benefits > li > p{font-size:14px;font-weight: 300;color:#555;padding: 55px 0 0 160px;}
#grade > .grade_benefits > li > h2::before{left:160px}

#grade > .grade_benefits > li:nth-child(odd) {margin-right:5%;}
#grade > .grade_benefits > li:nth-child(1){background: url(/images/grade2_1.png)no-repeat left -15% bottom;margin-top:0;}
#grade > .grade_benefits > li:nth-child(2){background: url(/images/grade2_2.png)no-repeat left -15% bottom;}
#grade > .grade_benefits > li:nth-child(3){background: url(/images/grade2_3.png)no-repeat left -15% bottom;}
#grade > .grade_benefits > li:nth-child(4){background: url(/images/grade2_4.png)no-repeat left -15% bottom;}
/* mygrade */

/* event */
.event_img {display: none;}
.event_img img {width: 100%;}
.event_img_m {display: block;width: 100%;}
.event_img_m img {width: 100%;}
/* event */

/*sitemap*/
#sitemap {max-width:80%;margin: 0 10%;}
#sitemap > .sitemap {width: 46%;margin: 0 2% 5%;}
#sitemap > .sitemap > dt {font-size:15px;font-weight: 500;color:#fff;margin-bottom:5px;}
#sitemap > .sitemap > dd {font-size:13px;font-weight: 400;color:#777;line-height: 22px;}
#sitemap > .sitemap > dd:before {content:'· ';}
/*sitemap*/

/*bonus_search*/
#bonus_search > .bonus_div > .bonus_div_table {float: left;width: 94%;margin:0 3%;}
#bonus_search > .bonus_div > .bonus_div_table:nth-child(2) {margin: 5% 3%;}

.bonus_div > .bonus_div1 {margin: 40px 2%;width: 96%;}
#bonus_search label p {font-size: 14px;}
/*bonus_search*/

/* point_save_form_btn */
.point_save_btn1 {max-width: 400px;}
.point_save_btn1_img{width: 100%;height: 400px;background: url(/images/point_save_form_btn1.jpg)no-repeat center center;background-size:100%;}
/* point_save_form_btn */
}
/* 414이하 */
/* media query */