@charset "UTF-8";

@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h2.guide {font-size:30px; font-weight:700; line-height:1.3em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
h2.guide2 {font-size:30px; font-weight:700; line-height:1.3em;   margin-bottom:10px;}

#sub h3 {width:100%; display:inline-block; font-size:21px; font-weight:700; color:#333;}
#sub h3 span {font-weight:400; line-height:10px; color:#555; font-size:15px;}
 
#sub h4 {width:100%; display:inline-block; font-size:18px; font-weight:600; color:#333;}

.sub_vi {background:url('/common/img/sub_vi.png') no-repeat fixed;   background-position:0 -80px;  margin-bottom:60px; width:100%; float:left;  height:260px;    }
.sub_vi2 {background:url('/common/img/sub_vi2.png') no-repeat fixed;   background-position:0 -50px;  margin-bottom:60px; width:100%; float:left;  height:260px;    }
.sub_vi3 {background:url('/common/img/sub_vi3.png') no-repeat fixed;   background-position:0 -50px;  margin-bottom:60px; width:100%; float:left;  height:260px;    }
.sub_vi4 {background:url('/common/img/sub_vi4.png') no-repeat fixed;   background-position:0 -95px;  margin-bottom:60px; width:100%; float:left;  height:260px;    }
.sub_vi5 {background:url('/common/img/sub_vi5.png') no-repeat fixed;   background-position:0 -80px;  margin-bottom:60px; width:100%; float:left;  height:260px;    }

.info_box {font-size:1em; color:#666; background-color:#f9f9f9; width:100%; display:inline-block; padding:15px; box-sizing:border-box; line-height:1.4em; margin-bottom:20px;}  

.info_box ul {width:50%; float:left; margin-left:1%;}
.info_box ul li {list-style:disc; margin-left:3%; width:100%; padding:1px 0;  line-height:1.3em;  float:left;}
.info_box img {float:right; margin-right:10px}

.info_box .kakao_bn  {margin-top:5px;}


.sub_menu {width:100%; text-align:center; float:left; margin-bottom:20px; margin-top:-80px; }
.sub_menu li {width:200px; display:inline-block; font-size:1.15em; text-align:center; line-height:50px; background-color:#f9f9f9; font-weight:500;}
.sub_menu li a {color:#555;  display:inline-block;  width:100%;  transition: background-color 0.3s ease-in;}
.sub_menu li a:hover { background-color:#32c40b; color:#fff;  font-weight:500; }
.sub_menu li.ov a { background-color:#31b50e; color:#fff;  font-weight:500; }


 
/*========= input ===========*/
.ip_comm	{display:block; width:100%; height:40px; padding:0 10px; border:1px solid #ddd;; background-color:#f9f9f9; border-radius:4px !important; box-sizing:border-box;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; line-height:40px; text-align:center; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; padding:10px; line-height:1.5;}


.sub_con  {width:90%; margin:0 auto; max-width:1240px; }

 



.tbl_apply { box-sizing:border-box;}
 
.tbl_apply div.box {  background-color:#fff; border:1px solid #ddd; padding:10px; text-align:left; font-weight:400; box-sizing:border-box; float:left; width:100%; margin-bottom:15px; }
.tbl_apply div.box b {width:15%; font-size:1.05em; float:left; line-height:40px;}
.tbl_apply div.box .box_in {width:85%; position:relative; float:right; line-height:40px; }

.tbl_apply div.box2 {  background-color:#fff; border:1px solid #ddd; padding:15px; text-align:left; font-weight:400; box-sizing:border-box; float:left; width:100%; margin-bottom:15px; }
.tbl_apply div.box2 b {width:15%; font-size:1.05em; float:left; line-height:1.3em;}
.tbl_apply div.box2 p {width:85%; font-size:1em; color:#666; float:right; line-height:1.3em; }
.tbl_apply div.box2 span {background-color:#f1f1f1; border-radius:3px;  border:1px solid #ddd; padding:9px 15px; margin:3px 10px 3px 0; display:inline-block; font-size:1.03em; color:#333; font-weight:500 ; line-height:1.3em}


.p_y_col2 {width:49% !important;}
.p_y_col2 b  {width:25% !important;}
.p_y_col2 .box_in {width:75% !important}
.p_y_col2 p.text {width:75% !important}

.tbl_apply div.box .box_in input {font-size:0.95em; }
.tbl_apply div.box .box_in select {font-size:0.95em; }
  .tbl_apply .etc{padding:12px 0 0 0;}
.tbl_apply .etc img{margin-left:30px;}

.tbl_apply div label {margin-right:30px;}
.tbl_apply div .set_input {position:relative; overflow:hidden; width:100%;}
.tbl_apply div .set_pin {overflow:visible;  }
.tbl_apply .pin_num {float:left; margin-right:5px;}
.tbl_apply #pin1 {width:360px;}
.tbl_apply #pin2,
.tbl_apply #amt {width:200px;}
.tbl_apply .btn_add {display:block; float:left; width:70px; height:40px; line-height:40px; border-radius:4px; background-color:#666; text-align:center; font-size:15px; font-weight:500; color:#fff;}

#ext_rest_amt_wrap  {width:100%; float:left; background-color:#f9f9f9; box-sizing:border-box; }
#ext_rest_amt_wrap ul {width:100%; display:inline-block;  }
#ext_rest_amt_wrap ul li {display:inline-block; line-height:30px;  padding:10px; font-size:1em; color:#666;  }
#ext_rest_amt_wrap ul li.wrap_btn {float:right;    }
#ext_rest_amt_wrap .btn_del {float:right; border:1px solid #ddd; width:100px; text-align:center; line-height:30px; vertical-align:middle; background-color:#fff; font-size:0.9em}



.tbl_apply div .btn_ex {display:inline-block; width:17px; height:17px; border-radius:50px; background-color:#666; text-align:center; line-height:17px; font-size:11px; color:#fff; vertical-align:middle; margin-top:-5px;}


.tbl_apply .pop {position:absolute; left:0; top:45px;display:none; z-index:100;}
.tbl_apply .pop span {color:#888;}
.tbl_apply div .btn_ex:hover+.pop {display:block; width:440px; padding:20px; background-color:#f9f9f9; border:1px solid #ccc; font-size:14px; line-height:22px; }

.tbl_apply + .set_agree {margin-top:20px; }
.tbl_apply + .set_agree label,
.tbl_apply + .set_agree a {font-size:14px; color:#666}
.tbl_apply + .set_agree .btn_cuation {float:right; display:block; width:190px; margin-left:4px; line-height:36px; border-radius:100px; background-color:#ddd; text-align:center; font-weight:500;}
.tbl_apply + .set_agree .btn_pop_info {background-color:#ff6f6f; color:#fff;}

.tbl_apply .type {position:absolute; left:0; top:0; width:0; height:0; border:0;}
.tbl_apply .type + label {position:relative; float:left; display:block; width:23%; margin:0 5px 0 0; padding:45px 0 20px 0; border-radius:4px;   background-color:#f1f1f1; text-align:center ;line-height:20px; color:#888; font-size:1.05em;}
.tbl_apply .type + label:before {content:"" ; position:absolute; left:50%; top:15px; display:block; width:14px; height:14px; border-radius:50px; background-color:#fff; border:1px solid #ddd; transform:translateX(-50%);}
.tbl_apply .type + label:after {content:"" ; position:absolute; left:50%; top:19px; width:8px; height:8px; border-radius:50px; background-color:#363e4b; transform:translateX(-50%); display:none; }
.tbl_apply .type:checked + label {background: linear-gradient(to top, #289c09, #32c40b);   color:#fff; }
.tbl_apply .type:checked + label:after {display:block;}

#apply .btn_sm {width:220px; height:60px; margin:0 auto; margin-top:40px; border-radius:4px; background: linear-gradient(to top, #289c09, #32c40b); font-size:1.2em;   color:#fff; border:none;}

 .pin_info_t {width:100%; color:#666; float:left; font-size:0.93em; margin-top:10px; line-height:1.3em}

 .write_t {width:100%; color:#333; float:left; font-size:0.95em;   line-height:1.3em}


.label_info  {width:22%; float:left; color:red; font-size:0.95em; line-height:1.3em; padding-top:20px; padding-left:10px; box-sizing:border-box; text-align:left; }

.card_cash {width:100%; float:left; box-sizing:border-box; background-color:#f9f9f9; line-height:40px; padding:15px 20px; font-size:1.1em; border-bottom:3px solid #fff; }
.card_cash  p {float:left; color:#555; }
.card_cash  p:nth-child(2)   {padding-left:10px; border:1px solid #ddd; background-color:#fff; line-height:40px; margin-left:20px; }
.card_cash  p:nth-child(2) span.plus_btn {width:20px; margin-left:10px; border-left:1px solid #ddd;  float:right; }

.card_cash  p:nth-child(3) {float:right;  padding-right:0; text-align:right; font-size:1.2em; color:#1692d6; font-weight:600}
.card_cash img {vertical-align:middle;}
 
.card_cash_total {width:100%; float:left; box-sizing:border-box; background-color:#fff; line-height:25px; margin-top:20px;  font-size:1.1em; text-align:right; color:#555; font-weight:600;}

.card_cash_total span { font-size:1.4em; color:#1692d6; font-weight:700;}

.company_ul_info {width:100%; float:left; background-color:#f9f9f9; box-sizing:border-box; padding:20px;}

.info_box2  {width:32%; float:left;  height:300px; margin-right:2%; font-size:17.5px; line-height:1.4em; border-radius:30px; color:#444;  text-align:center; box-sizing:border-box; }
.info_box2:last-child {margin-right:0; float:right;}
.info_box2 b {font-size:1.3em; width:100%; margin-bottom:10px; float:left; font-family:'Binggrae-Bold'}
.info_box2 b span { font-family:'Binggrae-Bold'}

.info_box2:nth-child(1) {background:url('/common/img/bg_box_bg.png') no-repeat right bottom; background-color:#f4f3fd;   padding-top:50px;}
.info_box2:nth-child(2) {background:url('/common/img/bg_box_bg.png') no-repeat right bottom;background-color:#e9faf3; padding-top:50px;}
.info_box2:nth-child(3) {background:url('/common/img/bg_box_bg.png') no-repeat right bottom; background-color:#ebf5fc; padding-top:80px;}
.info_box2:nth-child(3) span.color_bg {background-color:#1692d6; color:#fff; padding:6px 20px; font-size:0.95em; display:inline-block;}
.info_box2:nth-child(3) span.color_bg a {color:#fff !important;}


.info_box2 p.img_one { border-radius:50%; padding:13px; width:93px; height:93px; box-sizing:border-box; margin-bottom:20px;  background-color:#fff;}
 .info_box2 p.img_one img { }

.text_box {  font-size:1em; font-weight:400; line-height:1.5em; color:#555; width:100%; display:inline-block;  padding-left:0px;  }

.privacy_t {width:100%; box-sizing:border-box; border:1px solid #ddd; padding:2%; height:300px; overflow-x:scroll;  overflow-x: hidden;}

.privacy_t   div  {font-size:1em !important; font-weight:400; color:#666;}
.privacy_t   h3 {font-size:1.1em !important; font-weight:600; color:#333;}
.privacy_t  h4 {font-size:1.05em !important; font-weight:600; color:#333; display:inline !important;}
.privacy_t  p {width:100%; display:inline-block; margin-top:5px;  }
.privacy_t ul.list1 {width:100% !important;  !important; float:left;  }
.privacy_t ul.list1  li {width:100%; float:left;   list-style-position:outside; background:url('/common/img/list_1.png') no-repeat left top ; background-position:0 3px; line-height:1.4em; padding-left:30px;  margin:3px 0; box-sizing:border-box; }


.privacy_t ul.list1  li:nth-child(2) { background:url('/common/img/list_2.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(3) { background:url('/common/img/list_3.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(4) { background:url('/common/img/list_4.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(5) { background:url('/common/img/list_5.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(6) { background:url('/common/img/list_6.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(7) { background:url('/common/img/list_7.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(8) { background:url('/common/img/list_8.png') no-repeat left top ; background-position:0 3px;   }
.privacy_t ul.list1  li:nth-child(9) { background:url('/common/img/list_9.png') no-repeat left top ; background-position:0 3px;   }

 /**/


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

.sub_con {width:94%;}

.sub_vi {background:url('/common/img/sub_vi.png') no-repeat bottom; background-size:cover;  margin-bottom:30px; width:100%; float:left;  height:150px;    }
.sub_vi2 {background:url('/common/img/sub_vi2.png') no-repeat bottom; background-size:cover; margin-bottom:30px; width:100%; float:left;  height:150px;    }
.sub_vi3 {background:url('/common/img/sub_vi3.png') no-repeat bottom; background-size:cover; margin-bottom:30px; width:100%; float:left;  height:150px;    }
.sub_vi4 {background:url('/common/img/sub_vi4.png') no-repeat bottom; background-size:cover; margin-bottom:30px; width:100%; float:left;  height:150px;    }
.sub_vi5 {background:url('/common/img/sub_vi5.png') no-repeat bottom; background-size:cover; margin-bottom:30px; width:100%; float:left;  height:150px;    }

h2.guide {font-size:1.4em}
h2.guide2 {font-size:1.4em}

 #sub h3 {width:100%; display:inline-block; font-size:1.2em; font-weight:700; color:#333;}

.info_box {font-size:0.95em; text-align:center;}
.info_box ul {width:100%}
.info_box ul li {  margin-left:4%; text-align:left; width:91%; padding:0px 0 }
.info_box .kakao_bn {width:100%; margin-top:10px; background-color:#325cc0; float:left;}
.info_box .kakao_bn img {max-width:350px; float:none; width:80%; margin-right:0}

.sub_menu {margin-top:-50px; }
.sub_menu li {width:30%; display:inline-block; font-size:0.92em; text-align:center; line-height:40px; background-color:#f9f9f9; font-weight:400; }


.member_menu li {width:25%}
.member_menu li:nth-child(3) {width:38%}

 .tbl_apply div.box {  background-color:#fff; border:1px solid #ddd; padding:15px; text-align:left; font-weight:400; box-sizing:border-box; float:left; width:100%; margin-bottom:15px; }
.tbl_apply div.box b {width:100%; margin-bottom:5px;font-size:1.05em; float:left; line-height:1.3em;}

.tbl_apply div.box2 span {background-color:#fff; border-radius:0;  border:1px solid #fff; padding:0; margin:0; display:inline-block; margin-right:10px;  font-size:1em; color:#555; font-weight:500 ; line-height:1.3em}

 

.tbl_apply div.box .box_in {width:100%; float:left; line-height:1.3em; font-size:1em;}
.tbl_apply div.box .box_in .money {margin-top:5px; width:100% !important;}
.tbl_apply div.box .box_in .pin_num  {margin-top:5px; width:100% !important;}
.tbl_apply div.box .box_in .btn_add {margin-top:5px; float:right;}


.tbl_apply .type + label {width:32.5%; font-size:0.92em ; margin:1px; padding:30px 0 12px 0}
 .tbl_apply .type + label:after {top:14px;}
.tbl_apply .type + label:before  {top:10px}

#ext_rest_amt_wrap  {width:100%; float:left; background-color:#f9f9f9; box-sizing:border-box; margin-top:10px;}
#ext_rest_amt_wrap ul {width:100%; border-top:1px solid #ddd; padding-top:10px;  float:left; margin-bottom:10px;}
#ext_rest_amt_wrap ul li {display:inline-block; width:100%;  line-height:1.3em;  padding:0 2% 0 2%; font-size:0.95em; color:#666;   }
#ext_rest_amt_wrap ul li.wrap_btn {float:right;    }
#ext_rest_amt_wrap ul li.amt { }
#ext_rest_amt_wrap .btn_del {float:right; border:none;  text-align:center; line-height:1.3em; vertical-align:top; background:none;  font-size:0.92em; color:#666; border:1px solid #ddd; border-radius:3px; padding:3px 3px; margin-top:-25px; width:50px; background-color:#fff;}


.p_y_col2 {width:100% !important;}
.p_y_col2 b  {width:100% !important;}
.p_y_col2 .box_in {width:100% !important}
.p_y_col2 p.text {width:100% !important}



.card_cash {  padding:10px 10px; font-size:0.95em; }
.card_cash p:nth-child(1) {width:100%; line-height:1.2em; padding-bottom:5px;}
.card_cash p:nth-child(2) {padding-left:5px; margin-left:0;}
.card_cash p:nth-child(2) span {margin-left:1px;}


.m_del {display:none}
.m_t10  {margin-top:10px;}

.m_layer_100  {width:100%; display:inline-block}

.pin_info_t { font-size:0.90em; margin-top:10px; width:75%;  }

.label_info  {width:100%; padding:0; padding-top:10px;  }


.btn_add {position:relative;}

.info_box2  {width:100%; float:left;  height:auto; margin-right:0; font-size:0.95em; line-height:1.4em;  }
.info_box2 img {margin-bottom:0;}
.info_box2 b {   margin:2px; margin-bottom:4px;  }

.info_box2:nth-child(1) {background:none; padding-top:3%; padding-bottom:3%;  background-color:#f4f3fd; border-radius:5px;  }
.info_box2:nth-child(2) {background:none; margin:10px 0; padding-top:3%; padding-bottom:3%; background-color:#e9faf3;  border-radius:5px;}
.info_box2:nth-child(3) {background:none; padding-top:3%; padding-bottom:4%; background-color:#ebf5fc;  border-radius:5px;}
.text_box {  font-size:0.95em;    }

.info_box2:nth-child(3) .tm10 {margin-top:5px !important}
.info_box2 p.img_one {  margin-bottom:10px; }

.company_ul_info .col-2 {width:100% !important;}



.privacy_t { height:150px; }

.privacy_t   div  {font-size:0.95em !important;  }
 
}