@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 


@charset "utf-8";
/* Common */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0; word-break:keep-all;}
html {
  scroll-behavior: smooth;
}
html,body {width:100%;height:100%; }
body {font-family: 'Noto Sans KR', sans-serif; font-size:12px; line-height:1.5;color:#2f3a38;letter-spacing:-0.5px;}
dl,ul,ol,menu,li {list-style:none}
button {border:0 none; background:none; cursor:pointer; font-family: 'Noto Sans KR', sans-serif;}
button::-moz-focus-inner {padding:0;border:0; font-family: 'Noto Sans KR', sans-serif;}
input[type=button],input[type=submit],input[type=image],button{appearance:none;-webkit-appearance:none;border: none;}

input {vertical-align:middle;}
address,caption,em,i {font-style:normal}
a {color:#2f3a38;text-decoration:none}
a:focus,a:active,a:hover {color:#2f3a38;text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}

/* webkit solution */ 
::-webkit-input-placeholder { 
     color:#2f3a38;
	 font-size:13px; 
} 
/* mozilla solution */ 
input:-moz-placeholder { 
     color:#2f3a38;
	 font-size:13px; 
} 

.warpPopup {width:640px; min-height:500px; padding:20px;}
.warpPopup h1 {text-align:center; font-size:28px; font-weight:bold;}

/* 상단 로케이션 */
.warpPopup .warpLocation {width:465px; margin: 20px auto;}
.warpPopup .warpLocation ul { text-align:center;}
.warpPopup .warpLocation ul::after {content:''; display:block; clear:both;}
.warpPopup .warpLocation ul li.nbr {width:60px; display:block; float:left;}
.warpPopup .warpLocation ul li.icon {width:39px; margin-top: 10px; display:block; float:left;}
.warpPopup .warpLocation ul li.icon i img {width:10px;}
.warpPopup .warpLocation ul li span.number {width:46px; height:46px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:48px; font-size:24px; font-weight:300; color:#fff;}
.warpPopup .warpLocation ul li.active span.number {width:46px; height:46px; display:inline-block; background:#30beb3; border-radius: 50%; vertical-align:middle; text-align:center; line-height:48px;font-size:24px; font-weight:300; color:#fff;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .warpLocation ul li span.number {width:46px; height:46px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:24px; font-weight:300; color:#fff;}
    .warpPopup .warpLocation ul li.active span.number {width:46px; height:46px; display:inline-block; background:#30beb3; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:24px; font-weight:300; color:#fff;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .warpLocation ul li span.number {width:46px; height:46px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:24px; font-weight:300; color:#fff;}
    .warpPopup .warpLocation ul li.active span.number {width:46px; height:46px; display:inline-block; background:#30beb3; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:24px; font-weight:300; color:#fff;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .warpLocation ul li span.number {width:46px; height:46px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:24px; font-weight:300; color:#fff;}
    .warpPopup .warpLocation ul li.active span.number {width:46px; height:46px; display:inline-block; background:#30beb3; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:24px; font-weight:300; color:#fff;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .warpLocation ul li span.number {width:46px; height:46px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:24px; font-weight:300; color:#fff;}
    .warpPopup .warpLocation ul li.active span.number {width:46px; height:46px; display:inline-block; background:#30beb3; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:24px; font-weight:300; color:#fff;}
   
} 



.warpPopup .titlesub {padding:20px 40px;}
.warpPopup .titlesub h2 {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.warpPopup .titlesub h2::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .titlesub h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .titlesub h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
} 

.warpPopup .titlesub01 {padding:0px 0px;}
.warpPopup .titlesub01 h2 {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.warpPopup .titlesub01 h2::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }

.warpPopup .titlesub02 {width:100%; padding:0px 0px; border-bottom:1px #f1f1f1 solid;}
.warpPopup .titlesub02 h2 {margin-bottom:10px; padding-left:25px; position:relative; font-size:24px; font-weight:500;}
/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub01 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .titlesub01 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub01 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .titlesub01 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
} 



.warpPopup .titlesub02 h2::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub02 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .titlesub02 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .titlesub02 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .titlesub02 h2::before {content:''; width:12px; height:12px; position:absolute; top:1px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
   
} 



.warpPopup .boxConfirm01 {width:100%; min-height:145px; margin: 0 auto; padding:20px 0 30px 0; background: #f6f8f8; border:1px #f1f1f1 solid; box-sizing:border-box;}
.warpPopup .boxConfirm01 .conform {padding:10px 0 0 55px;}
.warpPopup .boxConfirm01 .conform label.lbl {width:100px; margin-right: 10px; display:inline-block;font-size:18px; font-weight:400;}
.warpPopup .boxConfirm01 .conform input.form-control01 { width:135px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .boxConfirm01 .conform input.form-control02 { width:105px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .boxConfirm01 .conform input.form-control03 { width:155px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .boxConfirm01 .conform select.form-control01 { width:411px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}

/* 약관동의 */
.warpPopup p.subtext {font-size:14px; font-weight:300;}
.warpPopup span.loginCheckbox { margin: 10px 0; display:block; }
.warpPopup span.loginCheckbox input.form-Ckcontrol {width:20px; height:20px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;}
.warpPopup span.loginCheckbox label.sp {vertical-align: middle; font-size:15px; font-weight:bold;}

.warpPopup .subBox {width:580px; margin: 0 auto; position:relative;}
.warpPopup .subBox dl{margin-bottom:30px; display:block;}
.warpPopup .subBox dl dt {margin-bottom:10px;}
.warpPopup .subBox dl dt::after {content:''; display:block; clear:both;}
.warpPopup .subBox dl dt span.left {display:block; float:left; font-size:16px;}
.warpPopup .subBox dl dt span.left i.red {color:#e42424;}
.warpPopup .subBox dl dt span.right {display:block; float:right; font-size:16px;}
.warpPopup .subBox dl dd {width:100%; height:150px;     overflow-x: hidden; border: 1px #c8cece solid; box-sizing: border-box;}


/* 테이블 영역 */
.warpPopup .borderTable02 {width:100%; margin-top:20px; border-top:3px #31beb3 solid;}
.warpPopup .borderTable02 table {width:100%;}
.warpPopup .borderTable02 table tbody td {height:60px; padding-left: 20px; border-bottom: 1px #dce6e4 solid; border-left:1px #dce6e4 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.warpPopup .borderTable02 table tbody td input.form-control { width: 440px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td input.form-control-gly { width: 440px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td input.form-control02 { width:105px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td input.form-control03 { width:155px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td input.form-control04 { width:325px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td input.form-control04-gly { width:440px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable02 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height: 41px; font-size:16px; color:#535c59; z-index: 9;}
    
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height: 41px; font-size:16px; color:#535c59; z-index: 9;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height: 41px; font-size:16px; color:#535c59; z-index: 9;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height: 41px; font-size:16px; color:#535c59; z-index: 9;}
   
} 



.warpPopup .borderTable02 table tbody td button.ghostBtn:hover {background: #ecefef;}
.warpPopup .borderTable02 table tbody td i {    margin-left: 10px; font-size:15px; color:#e42424;}
.warpPopup .borderTable02 table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .borderTable02 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
   
} 


.warpPopup .borderTable02 table tbody th.leftborder {border-left:  1px #dce6e4 solid;box-sizing:border-box;}
.warpPopup .borderTable02 table tbody th i {font-size:15px; color:#e42424;}
.warpPopup .borderTable02 table tbody th i.none {margin-left: 6px; display:inline-block;}


/* 테이블 영역 */
.warpPopup .borderTable03 {width:100%; margin-top:5px; border-top:3px #31beb3 solid;}
.warpPopup .borderTable03 table {width:100%;}
.warpPopup .borderTable03 table tbody td {min-height:60px; padding:5px 10px; border-bottom: 1px #dce6e4 solid; border-left:1px #dce6e4 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.warpPopup .borderTable03 table tbody td input.form-control { width: 240px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td input.form-control-gly { width: 240px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td input.form-control02 { width:75px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td input.form-control03 { width:111px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td input.form-control04 { width:225px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td input.form-control04-gly { width:240px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td select.form-control01 { width:240px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable03 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:42px; font-size:16px; color:#535c59; z-index: 9;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:42px; font-size:16px; color:#535c59; z-index: 9;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:42px; font-size:16px; color:#535c59; z-index: 9;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:42px; font-size:16px; color:#535c59; z-index: 9;}
   
} 



.warpPopup .borderTable03 table tbody td button.ghostBtn:hover {background: #ecefef;}
.warpPopup .borderTable03 table tbody td i {    margin-top: 10px;  display:block; font-size:13px; color:#e42424;}
.warpPopup .borderTable03 table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .borderTable03 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
   
} 



.warpPopup .borderTable03 table tbody th.leftborder {border-left:  1px #dce6e4 solid;box-sizing:border-box;}
.warpPopup .borderTable03 table tbody th i {font-size:15px; color:#e42424;}
.warpPopup .borderTable03 table tbody th i.none {margin-left: 6px; display:inline-block;}

.warpPopup .borderTable04 {width:100%;}
.warpPopup .borderTable04 table {width:100%;}
.warpPopup .borderTable04 table tbody td {min-height:60px; padding:5px 10px; border-bottom: 1px #dce6e4 solid; border-left:1px #dce6e4 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.warpPopup .borderTable04 table tbody td input.form-control { width: 240px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td input.form-control-gly { width: 240px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td input.form-control02 { width:75px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td input.form-control03 { width:111px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td input.form-control04 { width:225px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td input.form-control04-gly { width:240px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.warpPopup .borderTable04 table tbody td button.ghostBtn {min-width:57px; height:35px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.warpPopup .borderTable04 table tbody td button.ghostBtn:hover {background: #ecefef;}
.warpPopup .borderTable04 table tbody td i {    margin-left: 10px;  display:block; font-size:13px; color:#e42424;}
.warpPopup .borderTable04 table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable04 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .borderTable04 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}

    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .borderTable04 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
  
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .borderTable04 table tbody th {height:60px; padding-top:10px; padding-left: 20px; border-bottom: 1px #dce6e4 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}

   
} 

.warpPopup .borderTable04 table tbody th.leftborder {border-left:  1px #dce6e4 solid;box-sizing:border-box;}
.warpPopup .borderTable04 table tbody th i {font-size:15px; color:#e42424;}
.warpPopup .borderTable04 table tbody th i.none {margin-left: 6px; display:inline-block;}


.warpJoinbox01 {width:98%; padding:0 10px; }
.warpJoinbox01 h2 {margin-top: 30px; text-align:center; font-size: 24px;}
.warpJoinbox01 .titleBox {position:relative;}
.warpJoinbox01 .titleBox dl dt {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.warpJoinbox01 .titleBox dl dt::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
.warpJoinbox01 .titleBox dl dd {padding-left: 25px; font-size: 16px; font-weight: 300;}
.warpJoinbox01 .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }
.warpJoinbox01 dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox01 dl dt span.left i.red {color:#e42424;}
.warpJoinbox01 dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox01 dl dd {width:100%; height:180px; overflow:hidden;}
.warpJoinbox01 dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}
.warpJoinbox01 p {margin-top: 20px; font-weight: bold; font-size: 16px;}
table.borderTable08 {width:100%; margin-top: 15px;}
table.borderTable08 th { padding:6px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 15px;}
table.borderTable08 th.border-leftnone {border-left: none;}
table.borderTable08 th.border-rightnone {border-right: none;}
table.borderTable08 td { padding:10px 0; border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 13px;}
table.borderTable08 td.left {padding-left: 10px; text-align: left !important;;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    table.borderTable08 thead th { padding:11px 0 3px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; line-height: 18px; font-size: 15px;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
     table.borderTable08 thead th { padding:11px 0 3px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; line-height: 18px; font-size: 15px;}
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
     table.borderTable08 thead th { padding:11px 0 3px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; line-height: 18px; font-size: 15px;}
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
     table.borderTable08 thead th { padding:11px 0 3px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; line-height: 18px; font-size: 15px;}
} 

.warpJoinbox01  strong.title {margin-top:30px; display:block; font-size:16px;}
.warpJoinbox01  ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.warpJoinbox01  ol.two {margin: 10px 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.two li {margin-top: 10px;}
.warpJoinbox01  ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.three li {margin-top: 3px;}
.warpJoinbox01  ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.four li {margin-top: 3px;}





.warpPopup .conform01 {padding:20px 0 0 0;}
.warpPopup .conform01 label.lbl {width:100px; margin-right: 10px; display:inline-block;font-size:18px; font-weight:400;}
.warpPopup .conform01 input.form-control01 { width:440px; height: 35px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}

/* 그리드영역 */
.gridBox {width: 100%; min-height: 145px;margin: 20px auto;  padding: 20px 0 30px 0; background: #f6f8f8;  border: 1px #f1f1f1 solid; box-sizing: border-box; overflow:hidden;}

.warpPopup .popBtnbox .emphasisBtn03 {width:340px; height:50px; margin:0 auto; display:block; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:49px; text-align: center; font-size:18px; color:#fff;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .warpPopup .popBtnbox .disabledBtn02 {min-width:57px; height:50px; padding:0 25px;  display:block; float:left; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:16px; color:#fff;}
    .warpPopup .popBtnbox .emphasisBtn03 {width:340px; height:50px; margin:0 auto; display:block; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:18px; color:#fff;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .warpPopup .popBtnbox .disabledBtn02 {min-width:57px; height:50px; padding:0 25px;  display:block; float:left; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:16px; color:#fff;}
    .warpPopup .popBtnbox .emphasisBtn03 {width:340px; height:50px; margin:0 auto; display:block; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:18px; color:#fff;}
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .warpPopup .popBtnbox .disabledBtn02 {min-width:57px; height:50px; padding:0 25px;  display:block; float:left; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:16px; color:#fff;}
    .warpPopup .popBtnbox .emphasisBtn03 {width:340px; height:50px; margin:0 auto; display:block; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:18px; color:#fff;}
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .warpPopup .popBtnbox .disabledBtn02 {min-width:57px; height:50px; padding:0 25px;  display:block; float:left; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:16px; color:#fff;}
    .warpPopup .popBtnbox .emphasisBtn03 {width:340px; height:50px; margin:0 auto; display:block; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:56px; font-size:18px; color:#fff;}
} 


.warpPopup .popupBtnbox {margin:20px 0;}
.warpPopup .popupBtnbox ul::after {content:''; display:block; clear:both;}
.warpPopup .popupBtnbox ul li {width:195px; height:234px; margin-right:25px; display:block; float:left; background: #f6f8f8; border:1px #d5dcdc solid; border-radius: 5px; box-sizing:border-box; text-align:center; cursor: pointer;}
.warpPopup .popupBtnbox ul li:hover {background:#ecf1f1;}
.warpPopup .popupBtnbox ul li.last {margin:0;}
.warpPopup .popupBtnbox ul li span {margin:30px 0 ;  display: block; text-align:center; font-size:22px; font-weight:500;}
.warpPopup .popupBtnbox ul li i {display: block; text-align:center; }

.warpPopup .popupBtnbox01 {width:417px; margin:20px auto;}
.warpPopup .popupBtnbox01 ul::after {content:''; display:block; clear:both;}
.warpPopup .popupBtnbox01 ul li {width:195px; height:234px; margin-right:25px; display:block; float:left; background: #f6f8f8; border:1px #d5dcdc solid; border-radius: 5px; box-sizing:border-box; text-align:center; cursor: pointer;}
.warpPopup .popupBtnbox01 ul li:hover {background:#ecf1f1;}
.warpPopup .popupBtnbox01 ul li.last {margin:0;}
.warpPopup .popupBtnbox01 ul li span {margin:30px 0 ;  display: block; text-align:center; font-size:22px; font-weight:500;}
.warpPopup .popupBtnbox01 ul li i {display: block; text-align:center; }

.warpPopup .warptextBox {width:100%; min-height: 165px; padding:10px; background:#fff; border:1px #d5dcdc solid; box-sizing:border-box;}
.warpPopup .warptextBox p {margin-bottom: 5px; font-size:14px; font-weight:300;}


/* 탭버튼 */
.warpPopup .tabMenubox {width:100%; height:55px; margin-top:10px; position:relative;}
.warpPopup .tabMenubox ul::after {content:''; display:block; clear: both;}
.warpPopup .tabMenubox ul li {width:50%; height:55px; display:block; float:left; border-top: 1px #edefef solid; border-right: 1px #edefef solid; border-bottom:3px #edefef solid;  border-left: 1px #edefef solid;box-sizing: border-box; text-align:center; line-height: 55px; font-size:20px; font-weight:400; cursor:pointer;}
.warpPopup .tabMenubox ul li:hover{border-bottom: 3px #31beb3 solid; color:#31beb3;}
.warpPopup .tabMenubox ul li:hover a{color:#31beb3;}
.warpPopup .tabMenubox ul li.active {border-bottom: 3px #31beb3 solid; color:#31beb3;}
.warpPopup .tabMenubox ul li.active a { color:#31beb3;}
.warpPopup .tabMenubox ul li.border-right {border-right: 1px  #edefef  solid;     box-sizing: border-box;}


/* 공통영역 */
.pr02 {position:relative; top:2px; left: 0;}
.mT20 {margin-top:20px;} 

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .pr02 {position:relative; top:3px; left: 0;}
    
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    .pr02 {position:relative; top:3px; left: 0;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    .pr02 {position:relative; top:3px; left: 0;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    .pr02 {position:relative; top:3px; left: 0;}
   
} 

/* 하단버튼 */
.popBtnbox {margin-top:15px; text-align:center;}
.emphasisBtn {min-width:57px; height:45px; padding:0 25px; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; font-size:16px; color:#fff;}
.emphasisBtn:hover {background: #2dc4a2;}
.disabledBtn {min-width:57px; height:45px; margin-right: 15px; padding:0 25px; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; font-size:16px; color:#fff; }
.ghostBtn02 {min-width:340px; height:50px; margin:20px auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:18px; color:#535c59;}
.ghostBtn02:hover {background: #ecefef;}



/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    .emphasisBtn {min-width:57px; height:45px; padding:0 25px; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff;}
    .disabledBtn {min-width:57px; height:45px; margin-right: 15px; padding:0 25px; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff; }
    .ghostBtn02 {min-width:340px; height:50px; margin:20px auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:58px; font-size:18px; color:#535c59;}

}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
     .emphasisBtn {min-width:57px; height:45px; padding:0 25px; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff;}
    .disabledBtn {min-width:57px; height:45px; margin-right: 15px; padding:0 25px; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff; }
    .ghostBtn02 {min-width:340px; height:50px; margin:20px auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:58px; font-size:18px; color:#535c59;}
    
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
     .emphasisBtn {min-width:57px; height:45px; padding:0 25px; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff;}
    .disabledBtn {min-width:57px; height:45px; margin-right: 15px; padding:0 25px; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff; }
    .ghostBtn02 {min-width:340px; height:50px; margin:20px auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:58px; font-size:18px; color:#535c59;}
   
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
     .emphasisBtn {min-width:57px; height:45px; padding:0 25px; background:#30beb3; border:1px #21a49a solid; box-sizing:border-box; text-align:center; line-height:52px; font-size:16px; color:#fff;}
    .disabledBtn {min-width:57px; height:45px; margin-right: 15px; padding:0 25px; background:#9fa5a4; border:1px #939a98 solid; box-sizing:border-box; text-align:center; line-height:49px; font-size:16px; color:#fff; }
    .ghostBtn02 {min-width:340px; height:50px; margin:20px auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; line-height:58px; font-size:18px; color:#535c59;}
   
}