@charset "utf-8";

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 23px 23px 30px 23px;
  margin-top: -22px;
  color: white;
  font-size: 60px;font-weight:100 ! important;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right:5%;
}
.prev {
  left:5%;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 60px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.s_active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media all and  (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*********************************/


/*********** sv *************/
.svbx{width:100%;margin:0 0 70px 0;padding:0px 0;text-align:center;float:left;position:relative;max-height:510px}

/** title **/
.sub_bx{margin:0px auto;text-align:center;padding:40px 0;display:inline-block;;text-align:center;width:100%}
.sub_bx h3{text-align:center;font-size:50px;color:#4e4e4e;font-weight:200;letter-spacing:-0.05em}
.sub_bx h3 span{text-align:center;font-size:50px;color:#557aff;font-weight:600;letter-spacing:-0.05em}
.sub_bx_line{display:block;width:40px;background:#557aff;height:1px;margin:60px auto}
.sub_bx_line_b{display:block;width:100%;background:#000;height:3px;margin:60px auto}
.sub_bx_line_b2{display:block;width:100%;background:#000;height:3px;margin:10px auto}

.sub_bx .sub_t_img{text-align:center}
.sub_bx .sub_t_img img{width:104px;}
.sub_bx h4{padding:40px 0;text-align:center;font-size:50px;color:#585858;font-weight:600;letter-spacing:-0.05em}
.sub_bx h5{padding:15px 0;text-align:center;font-size:35px;color:#585858;font-weight:400;letter-spacing:-0.05em}


/* 개통안내 */
.sub01{float:left;width:100%;margin:25px 0;}
.sub01 .sub01_ttl{float:left;width:100%;}
.sub01 .sub01_ttl dt{float:left;width:12%;background:#5e7eff;text-align:center;line-height:60px;padding-top:7px;}
.sub01 .sub01_ttl dt span{color:#fff;text-align:center;font-size:60px;font-weight:200;letter-spacing:-0.05em}
.sub01 .sub01_ttl dd{float:right;font-size:42px;letter-spacing:-0.05em;color:#5e7eff;text-align:left;line-height:80px;width:83%;}
.sub01 .sub_btn{float:left;width:100%;margin:25px 0;background:#5e7eff;padding:30px 0;text-align:center;font-size:32px;font-weight:500;border:0;outline:0;color:#fff;letter-spacing:-0.05em}
.sub01 .sub_btn:hover{float:left;transition: 0.3s;width:100%;margin:25px 0;background:#122c93;padding:30px 0;text-align:center;font-size:32px;font-weight:500;border:0;outline:0;color:#fff;letter-spacing:-0.05em}

.sub01 .sub01_w{float:right;width:86%;margin:40px 0;}
.sub01 .sub01_w .sub01_dl{display:inline-block;float:left;width:14%;margin:0 1%;}
.sub01 .sub01_w .sub01_dl dt{float:left;width:100%;text-align:center;padding:15px 0;background:none}
.sub01 .sub01_w .sub01_dl dd{float:left;width:100%;text-align:center;padding:15px 0;font-size:23px;color:#47484b;letter-spacing:-0.05em}
.sub01 .sub01_w .arrow01{text-align:center;width:4%;float:left}
.sub01 .sub01_w .arrow01 img{width:46px}

.sub01 h5{font-size:23px;letter-spacing:-0.05em}
.sub01 h5 button{margin-left:30px;}

/*** tab **/
.tab {overflow: hidden;background-color: #fff;}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 0px;
  width:46%;margin:0 1%;
  transition: 0.3s;
  font-size: 20px;border: 1px solid #111;padding:20px 0
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #5e7eff;color:#fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #5e7eff;color:#fff;
}

/***3개 탭 **/

/* Style the tab */
.tab3 {overflow: hidden;background-color: #fff;}
/* Style the buttons inside the tab */
.tab3 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 0px;
  width:31.2%;margin:0 1%;
  transition: 0.3s;
  font-size: 20px;border: 1px solid #111;padding:20px 0
}

/* Change background color of buttons on hover */
.tab3 button:hover {
  background-color: #5e7eff;color:#fff;
}

/* Create an active/current tablink class */
.tab3 button.active {
  background-color: #5e7eff;color:#fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px 12px;
  border: 0px solid #ccc;
  border-top: none;
}


/******* 부가서비스 ***********/
.s_add_service{float:left;width:100%;padding:15px 0;background:#fff}
.s_add_service h5{font-weight:600;color:#5e7eff;font-size:25px;text-align:left;padding:15px 0}
.s_add_service .s_add_bx{width:100%;border-bottom:1px solid #333;border-top:1px solid #333;float:left;margin-bottom:30px}
.s_add_service .s_add_bx ul{float:left;width:100%;border-bottom:1px dashed #ddd}
.s_add_service .s_add_bx li{width:33.333%;padding:20px 25px;font-size:16px;text-align:left;float:left;background:#fff}
.s_add_service .s_add_bx li:hover{float:left;width:33.333%;padding:20px 25px;font-size:16px;text-align:left;transition: 0.3s;background:#8299f6;color:#fff}


.s_bank{float:left;width:100%;padding:23px 0 30px 0;border-top:1px solid #111}
.s_bank h5{font-weight:600;color:#535353;font-size:28px;text-align:center;padding:0px 0 30px 0;border-bottom:1px dashed #111;margin-bottom:30px;}
.s_bank .sub_stit{font-weight:300;color:#878787;font-size:18px;text-align:center;padding:0px 0 30px 0;border-bottom:1px dashed #111;margin-bottom:30px;}

.s_add_bx_left{float:left;width:23%;}
.s_add_bx_left img{max-width:177px}
.s_add_bx_right{float:right;width:75%;text-align:left}
.s_add_bx_right .ss_ttl{float:left;width:100%;font-size:24px ! important;line-height:30px;color:#585555;font-weight:500;letter-spacing:-0.05em;padding:15px 0}
.s_add_bx_right .ss_text{float:left;width:100%;font-size:18px ! important;line-height:28px;color:#8a8a8a;font-weight:400;letter-spacing:-0.05em;padding:5px 0}
.s_add_bx_right .ss_ttl2{float:left;width:100%;font-size:20px ! important;color:#f84d4d;font-weight:500;letter-spacing:-0.05em;padding:15px 0}

.bank_de{float:left;width:50%;margin-top:15px;margin-bottom:35px;}
.ss_text_s{font-size:16px ! important;line-height:25px;color:#4c7eff;font-weight:300;letter-spacing:-0.05em}
.ss_text_ss{font-size:14px ! important;line-height:23px;color:#e52e2e;font-weight:300;letter-spacing:-0.05em;padding-left:25px;}

.chung_bx{float:left;width:100%;margin:15px 0}
.s_h3{font-size:26px;font-weight:500;letter-spacing:-0.05em;color:#555;padding:15px 0}
.chung_btn{border:0px;outline:0;padding:10px 25px 15px 25px;background:#4c7eff;color:#fff;text-align:center;font-size:20px;letter-spacing:-0.05em;margin:5px 0;border-radius:5px;}
.chung_btn_google{border:0px;outline:0;padding:10px 55px 15px 55px;margin:10px auto;background:#fff url('/images/common/ico_google.png') left center no-repeat;background-size:30px;color:#4c7eff;border:1px solid #4c7eff;text-align:center;font-size:20px;letter-spacing:-0.05em;border-radius:5px;}
.chung_btn_google:hover{transition: 0.3s;border:0px;outline:0;padding:10px 55px 15px 55px;margin:10px auto;background:#fff url('/images/common/ico_google.png') left center no-repeat;background-size:30px;color:#000;border:1px solid #000;text-align:center;font-size:20px;letter-spacing:-0.05em;border-radius:5px;}


.chung_home{float:left;width:100%;}
.chung_home dl{display:inline-block;width:23%;margin:0 0.8%;border-radius:0px;border-right:1px solid #ddd;padding:15px;}
.chung_home dt{text-align:center;width:100%;padding:10px 0 ;font-size:18px;color:#}
.chung_home dd{text-align:center;}
.chung_home dd img{max-width:100px}


.chung_bx2{float:left;width:100%;margin:15px 0;border:1px solid #ddd;border-radius:5px;padding:20px;}
.chung_mobile{float:left;width:100%;}
.chung_mobile dl{display:inline-block;width:31%;margin:0 0.5%;}
.chung_mobile dt{text-align:center;width:100%;padding:10px 0 ;font-size:15px;color:#a2a2a2}
.chung_mobile dd{text-align:center;}
.chung_mobile dd img{max-width:168px}

.chung_mart{float:left;width:100%;margin:20px 0}
.chung_mart dl{display:inline-block;width:100%;margin:10px 0;border-bottom:1px dashed #ddd}
.chung_mart dt{float:left;text-align:left;width:22%;}
.chung_mart dd{float:right;text-align:left;width:76%;padding:10px 0 ;font-size:14px;color:#8a8a8a}
.chung_mart dd img{max-width:150px}
.mart_strong{font-size:30px;font-weight:600;color:#ff8b19}

.cscenter{float:left;width:100%;padding:23px 0 30px 0;border-top:0px solid #111}
.cscenter h4{font-weight:600;color:#535353;font-size:28px;text-align:center;padding:0px 0 10px 0;}


.sub_cs_center{float:left;width:100%;padding:40px;margin:30px 0;border-radius:40px;text-align:left;background:#fff;border: solid #EDEDED 1px; 
	box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-webkit-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-moz-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; }
.sub_cs_center .cs01{font-size:30px;color:#717171;letter-spacing:-0.05em;font-weight:200;text-align:center;padding:0px 0 25px 0}
.sub_cs_center .cs02{font-size:40px;color:#5a5a5a;letter-spacing:-0.05em;font-weight:200;text-align:center;}
.sub_cs_center .cs02 span{font-size:55px;color:#3e56cc;letter-spacing:-0.05em;font-weight:600}
.sub_cs_center .cs03{padding-top:20px; padding-bottom:25px;font-size:18px;line-height:25px;color:#a1a1a1;letter-spacing:-0.05em;font-weight:200;text-align:center;}
.sub_cs_center .cs04{padding-top:10px; padding-bottom:25px;font-size:16px;line-height:25px;color:#a1a1a1;letter-spacing:-0.05em;font-weight:200;text-align:center;}
.sub_cs_center .cs04 span{}

.sub_cs_center .csbx{float:left;width:100%;margin:60px 0 0 0;border-top:1px solid #ddd;border-bottom:0px solid #bdbbbb;padding:10px 0;text-align:center;color:#676767;line-height:76px}
.sub_cs_center .csbx img{width:76px}
.google_btn{border-radius:10px;padding:15px;border: solid #EDEDED 1px; margin-right:15px;
	box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-webkit-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-moz-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ;}

.sub_cs_center2{float:left;width:100%;padding:0px;margin:30px 0;border-radius:40px;text-align:left; }
.sub_cs_center2 .cscenter_img{width:100%;}
.sub_cs_center2 .cscenter_img img{max-width:1000px;border-radius:40px;}

.sub_cs_division{float:left;width:100%;}
.sub_cs_div{float:left;display:inline-block;width:46%;padding:40px;margin:15px 2%;border-radius:20px;text-align:left;background:#fff;border: solid #EDEDED 1px; 
	box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-webkit-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; 
	-moz-box-shadow: 0 5px 20px rgba(191, 191, 191, 0.6)  ; }
.sub_cs_div img{max-width:360px;}
.sub_cs_div .down_ttl{float:left;width:100%;font-size:20px;letter-spacing:-0.05em;padding-bottom:12px;color:#454545}
.sub_cs_div .down_txt{float:left;width:100%;font-size:16px;letter-spacing:-0.05em;padding-bottom:12px;color:#767676;height:50px;}


/*********/
.sub_table .order_ttl{font-size:30px;line-height:40px;color:#484848;letter-spacing:-0.05em;padding:20px 0 20px 0;border-top:1px solid #ddd;background:#f2f2f2}
.sub_table .order_ttl span{font-size:18px;}
.sub_table .order_ttl2{padding:20px 0 20px 0;border-top:1px solid #ddd;background:#fff;font-size:26px;line-height:60px;color:#484848;letter-spacing:-0.05em;}


/*******/
.check_list{padding:5px 0;width:100%;border-top:0px solid #ebebeb;float:left;text-align:left}
.check_list dl{display:inline-block;width:30%;}
.check_list dt{float:left;width:40px;}
.check_list dd{float:right;text-align:left;width:70%;font-size:17px;color:#818181;letter-spacing:-0.05em}
/*******/
.check_list2{padding:15px 0;width:100%;border-top:1px solid #ebebeb;float:left;text-align:left}
.check_list2 dl{display:inline-block;width:100%;}
.check_list2 dt{float:left;width:25px;}
.check_list2 dd{float:right;text-align:left;width:95%;font-size:17px;color:#818181;letter-spacing:-0.05em}


/*** form ***/
/* The container */
.container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/***checkbox***/
.checkmark_02 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark_02 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark_02 {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_02:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark_02:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark_02:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*******/

.btn_select{max-width:280px ! important;border:0;outline:0;margin:0 0 0 20px;padding:12px;text-align:center;background:#555;color:#fff;font-size:14px;}
.btn_select_mb{max-width:100% ! important;border:0;outline:0;margin:0 0 0 0px;padding:12px;text-align:center;background:#555;color:#fff;font-size:14px;}

.sign_box{float:left;width:100%;padding:15px 0;border-top:1px solid #111}
.sign_box h3{text-align:left;font-size:25px;font-weight:400;letter-spacing:-0.05em;padding:0 0 10px 0}
.sign_box p{text-align:left;font-size:16px;font-weight:200;letter-spacing:-0.05em;padding:0 0 20px 0}

.sign_btn{border:0px;outline:0;margin:15px 30px 0 30px;padding:5px 10px 8px 10px;background:#4c7eff;color:#fff;text-align:center;font-size:16px;letter-spacing:-0.05em;border-radius:5px;}
.sign_btn:hover{transition: 0.3s;margin:15px 30px 0 30px;border:0px;outline:0;padding:5px 10px 8px 10px;background:#111;color:#fff;text-align:center;font-size:16px;letter-spacing:-0.05em;border-radius:5px;}


.order_button{border:0px;outline:0;width:100%;margin:15px 0px 15px 0px;padding:25px 10px 28px 10px;background:#5e7eff;color:#fff;text-align:center;font-size:25px;letter-spacing:-0.05em;border-radius:5px;font-weight:600;}
.order_button:hover{transition: 0.3s;border:0px;outline:0;width:100%;margin:15px 0px 15px 0px;padding:25px 10px 28px 10px;background:#111;color:#ffe63f;text-align:center;font-size:25px;;font-weight:600;letter-spacing:-0.05em;border-radius:5px;}

.sign_etc{float:left;width:100%;padding:35px 0;border-top:0px solid #111}
.sign_etc h3{text-align:left;font-size:25px;font-weight:400;letter-spacing:-0.05em;padding:0 0 10px 0}
.sign_etc p{text-align:left;font-size:16px;font-weight:200;letter-spacing:-0.05em;padding:0 0 20px 0}

.sign_text{float:left;width:96%;margin:10px 1.8%;}
.sign_text ul li{display:block;width:100%;padding:7px 0;font-size:16px;line-height:27px;letter-spacing:-0.05em;color:#909090;text-align:left}


/********** modal pop **************/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
  width: 65%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius:0px;border:0px solid #000;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 35px;
  font-weight: bold;
  padding:20px 20px;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 20px;
  color: #000;
  font-size:20px;
}

.modal-body {width:90%;margin:5%;border:0px solid #000;}

/**/

/** 팝업 _ 약관 **/
.agr_box{width:100%; max-height:600px; background-color:#FFFFFF; margin:0 auto}
.button.b-close, .button.bClose{top:3%; right:2%;}
.button.b-close img, .button.bClose img{max-height:30px;}

#titbox{width:100%;height:78px;background-color:#262626;}
#titbox_l{padding:24px 14px 20px 14px;font-size:20px;color:#fff;font-weight:bold;text-align:center;}

#txtbox{width:100%; max-height:500px; overflow-y:scroll; background:#fff}
#txtbox>p{margin:20px;margin-bottom:25px;text-align:left;font-size:1em;line-height:1.6em;}
.pbox{border:1px solid #e1e1e1;margin:12px 10px;padding:15px;}

@media all and (max-width:847px){
.agr_box{width:98%; max-width:310px; max-height:550px;}
#txtbox{width:100%; max-height:500px; overflow-y:scroll}
#txtbox>p{margin:20px;margin-bottom:25px;text-align:left;font-size:11px;line-height:20px;}
#titbox_l{padding:16px 14px 10px 14px;font-size:15px;font-weight:bold;text-align:center;}
#titbox{width:100%;height:57px;}
.button.b-close, .button.bClose{top:5%; right:5%;}
.button.b-close img, .button.bClose img{max-height:25px;}
}
@media all and (max-width:647px){
.agr_box{max-height:450px;}
#txtbox{max-height:400px;}
#txtbox>p{font-size:10px; line-height:16px;}
}
@media all and (max-width:547px){
.agr_box{max-height:350px;}
#txtbox{max-height:300px;}
}

.Table{margin:0; padding:0; border-top:2px solid #2f2f2f; display:table; width:100%;}
.Table th, .Table td{ border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; word-wrap:break-word;word-break:keep-all;}
.Table th{background:rgba(0,0,0,0.05); color:#262626; text-align:center;}
.Table tr th:first-child, .Table tr td:first-child{border-left:none;}
.Table td{color:#666666;}
.Table td span{display:block;}
.Table .col{background:rgba(53,166,217,0.05);}

.Table.pd th, .Table.pd td{padding:10px 20px;}
.Table.pd th{font-size:105%;}
.Table.pd td{font-size:95%;}


.MTable{ margin:20px; clear:both; overflow-y:hidden; width:90%; overflow-x:scroll}
.Table{width:130%;}
.Table.pd{width:100%;}
.Table th, .Table td{padding:10px 15px}

@media all and (max-width:647px){
.Table th, .Table td{padding:5px 10px; font-size:10px;}
}



/*******2021.03.30***********/

.Right .w100 {
    float: inherit;
    width: 100%;
    margin-left: 0;
    overflow: hidden;
	}

.Right .w100 .bor {
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-bottom: 0;
    padding: 10px 20px;
}

.Right .w49 {
    width: 49.5%;
}

.Right .ml0 {
    margin-left: 0;
    margin-right: 1%;
}
.Right .w24 {
    width: 23.5%;
    margin-left: 0;
    margin-right: 1%;
    display: flex;
}

.op74 {
    opacity: 0.74;
}
.op64 {
    opacity: 0.64;
}


.formbx{background:#f2f2f2;padding:20px;}
.Right{width:100%; margin:0 auto; padding:0; overflow:hidden; float:inherit}
.Right>li{ float:left; width:32.666%; margin:0 0 1% 0; padding:0; overflow:hidden; line-height:100%;text-align:left}

.Right li.ep input.w30{float:left; width:23%;}
.Right li.ep input:last-child{float:right; width:68.5%;}


.Right li input[type='text']{width:100%; padding:10px;border:1px solid #fff; color:#000; font-size:15px}

.Right li select{width:100%; padding:9px 10px;border:1px solid #fff; color:#333; font-size:15px}
.Right li .bg00{width:100%; line-height:42px; font-size:15px}

.Right>li.w49{width:49.5%;}
.Right>li.w24{width:23.5%;margin-left:0; margin-right:1%; display: flex;} 
.Right>li.ml0{margin-left:0; margin-right:1%}
.Right>li font.font_card{font-size:16px;margin-top:16px;color: #000;}
.Right>li.w50{position:relative; width:50% ! important; height:80px;}
/*2021-03-30 width:99% ! important -> 삭제
.Right>li.w50 div.s{position:absolute; left:0; top:0; width:99% ! important; height:80px; z-index:222;font-size:115%; text-align:left; padding-left:10px; line-height:80px; color:#000; background:#fff;}
*/
.Right>li.w50 div.s{position:absolute; left:0; top:0;  height:80px; z-index:222;font-size:115%; text-align:left; padding-left:10px; line-height:80px; color:#000; background:#fff;}
.sub-con .form button.bg00.txt span{display:inline-block; padding:0 10px;}

.Right>li .ss-txt{margin:0; padding:0; width:100%; clear:both; overflow:hidden; color:#000000;}
.Right>li .ss-txt li{float:none; margin:0; padding:9px 10px; width:100%; line-height:130%; background:#fff}
.Right>li .ss-txt.pn li:last-child{padding:0; margin-top:10px; background:none}
.Right>li .ss-txt.pn li input{float:left; width:32.666%; margin:0 0 0 1%;}

.Right>li .ss-txt.pn li input:first-child{margin:0;}

.Right>li .ss-txt.rad{padding:9px 10px;  background:#fff;}
.Right>li .ss-txt.rad li{padding:0; line-height:170%;}
.Right li p{display:inline-block;}
.Right li p.TT{ position:relative; padding:2.5% 0 4.5% 0;}
.Right li p.TT a{margin:0; border:2px solid #fff; padding:2.5% 5%; display:inline-block; position:absolute; right:0; top:0;}
.ss-txt li input[type='button']{width:100px; line-height:30px; font-size:90%; background:#000; color:#fff; border:none;}

@media all and (max-width:667px){
.Right li select{color:#828482;}
.Right li p.TT{padding:5px 0 10px 0; text-align:center}
.Right li p.TT a{margin:20px auto 0 auto;  display: table; position: inherit; padding-top:3%}
.Right li.ep input.w30{float:left; width:100%;}
.Right li.ep input:last-child{float:right; width:67.9%;}


}
@media all and (max-width:567px){
.sub-con .form button.bg00.txt{padding:8px 0;  line-height:20px !important;}
.sub-con .form button.bg00.txt span{display:block; padding:0;}
.sub-con .form button.bg00{padding:15px 0;}
}
@media all and (max-width:467px){
.Right li p.TT{line-height:130%;}
.Right li p.TT a{margin:10px auto 0 auto;  display: table; position: inherit; padding:2% 8%}

.Right li p.stt{line-height:160%; font-size:14px;}

.Right>li .ss-txt.pn li:last-child{padding:0; margin-top:5px;}
.Right>li .ss-txt.pn li input{float: inherit; width:100%; margin:5px 0 0 0;}
.Right>li .ss-txt.pn li input:first-child{margin:0;}
}

.file_in{ width:100%; clear:both;overflow:hidden;position:relative;}
.file_in>font{float:left;}
.file_in .file_input_textbox{width:80%;color:#000000 !important;}
.file_in .file_input_div{width:40%;height:45px;overflow:hidden;position:absolute;top:0;right:0px;border:none;cursor:pointer; letter-spacing:-0.7px;}
.file_in input[type='text']{padding:10px 0!important;}
.file_in .file_input_button{width:100%;height:100%;background-color:#e6e6e6;color:#2e2e2e;border:none;text-transform:uppercase;float:left;cursor:pointer; line-height:100%}
.file_in .file_input_hidden{font-size:45px;position:absolute;right:0px;top:1px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;border-radius:5px;cursor:pointer;}


@media all and (max-width:867px){
.Right li{ float: inherit; width:100%; margin-left:0}
.Right li div.Left{margin:10px auto 0 auto;}
.Right li select{padding:10px;}

.Right li div.Left .t1{width:50%; float:left; margin:0; background:url(/sub3/img/ico.png) left top no-repeat ; padding:0 0 0 10%; background-position:0 10px; background-size:auto 30px; -moz-background-size:auto 30px; -webkit-background-size:auto 30px;} 
.Right li div.Left .t2{width:50%; float:right; margin:0; padding:0;}

.Right li select, .Right li .bg00, .Right li input[type='text']{font-size:14px}

.Right li.w49{width:100%;}

.Right li.w50{width:100%;}
.Right>li.w24{width:48%;float: left;margin-right: 10px;display: flex;}
.Right>li.w24:first-child{padding-right: 10px;}
.Right>li:last-child .w24{margin-left: 10px;border:solid 1px #ff0000;}
.Right li.ml0{margin-left:0; margin-right:0%}
.Right li.w50{position:relative; width:100%; height:80px;}
}
@media all and (max-width:767px){
.Right li div.Left .t1{width:55%;} 
.Right li div.Left .t2{width:45%;}

}
@media all and (max-width:667px){
.sub-con .form div.Left .t1{width:100%; float: inherit; margin:0; padding:0; line-height:100%; margin-bottom:1%}
.sub-con .form div.Left .t2{width:100%; float: inherit; margin:0; padding:0;}
.Right li div.Left .t1{ line-height:110%; background-position:0 5px; margin-bottom:1%}


.Right li select, .Right li .bg00, .Right li input[type='text']{font-size:13px}
.file_in .file_input_button{ height:91%}
}
@media all and (max-width:600px){
.Right>li.w24{width:48.5%;margin-left:0; margin-right:1%; display: flex;} 
}
@media all and (max-width:567px){
.Right li{ float:left; width:100%; margin-left:0; margin-bottom:1%;}
.Right li:first-child{margin-bottom:1%;}
.Right li select{padding:10px;}

.file_in .file_input_div{width:50%;}

.sub-con .form div.Left{background-position:10px 10px}

.Right .w50 div.s{ padding-right:5px; padding-left:5px; font-size:90%}
}
@media all and (max-width:467px){
.sub-con .form div.Left .s13 span.button{display:block; margin-bottom:5px;}
.sub-con .form div.Left input[type='checkbox']{margin-left:0;}

.file_in .file_input_div{width:55%;}

.Right li div.Left .t1{width:100%; padding:0 0 0 45px;} 
.Right li div.Left .t2{width:100%;}
.Right li div.Left .t2 p.s13{float:left;}
.Right li div.Left .t2 p.s13:first-child{margin-right:10px;}
.Right li div.Left .t2 p.m10{display:none;}
.Right li div.Left .t2 p.s13:last-child{margin-top:8px;}
.Right li select, .Right li .bg00, .Right li input[type='text']{font-size:12px}

}
@media all and (max-width:367px){
.sub-con .form div.Left .s13 span.button{display:block; margin-bottom:5px;}
.sub-con .form div.Left input[type='checkbox']{margin-left:0;}

.file_in .file_input_div{width:60%; font-size:10px;}
.file_in .file_input_div input[type='button']{ font-size:10px;}

}