@charset "utf-8";




@media ( min-width: 601px ) {
/* Reset */
html,body { width: 100%; height: 100%; position: relative; font-smoothing: antialiased; }
body {
	line-height: 18px;
	font-family:'NanumGothic',  sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #444;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 16px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select,textarea {
	margin: 0;
	padding: 0;
	border: 0;
}
input:focus,input,select {outline: none;}
legend {display: none; }
mark {background: none; }

img {border: none; }
em {font-style: normal; }
ol,ul,li {list-style: none; }
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
a {text-decoration: none;  }
input,select,textarea { font-family: 'NanumPen','avenir'; }
table th{font-weight:500;}
button   { background-color:transparent; border: none; padding: 0; }
button, a   { cursor: pointer; outline: none; }
a:link, a:visited, a:active, a:focus, a:hover   { color:inherit; text-decoration:none; }

.clear {clear:both}
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {display: none;}

input[type='radio']{vertical-align: middle;}
button{height:45px; line-height:45px; background:#f86a6a; border-radius:30px; color:#fff; font-size:14px;}

select {background:#f2f7fc url(../images/btn_arrow_d.png) no-repeat center right 10px}

.mgt0{margin-top:0 !important}
.mgt70{margin-top:70px !important}
.pdl0{padding-left:0 !important}
.pdr0{padding-right:0 !important}
.pdb0{padding-bottom:0 !important}

		.size1{width:20% !important}
		.size2{width:32% !important; max-width:auto;}
		.size3{width:50% !important}
		.size4{width:40% !important; max-width:300px !important;}
		.size5{width:30% !important; max-width:auto;}

.color3 {background:#a5b6c0 !important;}
.btn_color2 {background:#29526c !important;}





	#wrapper {width:1000px; margin:auto;}
	.logo {margin:10px auto; text-align:center;}
	h1{font-size:25px; font-weight:600; color:#333; height:60px; line-height:60px; text-align:left; border-bottom:1px solid #dfdfdf;}
	h2{font-size:20px; font-weight:600; color:#333; height:60px; line-height:60px; text-align:left; }
	.top_text {font-size:12px; line-height:20px; color:#848484;margin:30px auto; display:inline-block;}
	.top_text strong{font-size:15px; color:#333; font-weight:600;}

	.text_box {width:100%; height:300px; padding:30px; box-sizing:border-box; background:#f8f8f8;border:1px solid #dfdfdf; font-size:12px; color:#5f493d;}
	.text_box span{display:block;height:240px; overflow-y:auto; padding:0 20px 0 0;}

	.check_box{font-size:12px; text-align:right; margin:10px 0 40px 0;}
	.check_box input{ vertical-align:middle; margin:0 3px 0 15px;}

	.input_box {width:100%;}
	.input_box p{height:60px; line-height:60px;font-size:14px; padding:0 40px; box-sizing:border-box; background:#f8f8f8; vertical-align:middle;border:1px solid #dfdfdf; font-weight:bold;}
	.input_box span{display:block;padding:40px;border:1px solid #dfdfdf; border-top:0;}
	.input_box table{width:100%;border-top:1px solid #dfdfdf; font-size:12px; }
	.input_box table th{height:60px; border-bottom:1px solid #dfdfdf; background:#f8f8f8; width:120px; font-weight:bold;}
	.input_box table td{height:60px; border-bottom:1px solid #dfdfdf; padding:0 20px;}
	.input_box table select{width:15%; height:38px; line-height:38px; border:1px solid #dfdfdf; background:#fff; background:url(../images/btn_arrow_d.png) no-repeat center right 5px; padding:0 5px; vertical-align:middle;}
	.input_box table input{width:15%; height:38px; line-height:38px; border:1px solid #dfdfdf; background:#fff; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
	.input_box table button{background:#666; height:38px; width:auto; padding:0 30px; color:#fff; border-radius:0; vertical-align:middle; margin-left:10px;}
	.input_box .img_box {width:15%; margin-right:3%;height:140px;  display:inline-block;background:url('../images/imgimg123.jpg') no-repeat center center/ auto 100%}
	.input_box span div {float:left;}
	
	#logoImage {width:100%; margin-right:3%;height:140px;  display:inline-block;}

	.end_table {margin:50px 0 120px 0; text-align:center;}
	.end_table a{display:inline-block; background:#078bcf;width:50%; height:60px; line-height:60px; color:#fff;}

	.tail {background:#fcfcfc; width:100%; min-height:200px; border-top:1px solid #e2e2e2;}
	.tail ul {width:1000px; margin:30px auto; }
	.tail li{display:inline-block; vertical-align:middle; font-size:12px;color:#aaa;}
	.tail a { font-size:13px; margin-right:10px; display:inline-block; color:#666; font-weight:bold; margin-bottom:5px; }

.mo_table{display:none  !important;}
.pc_table{margin-left:10px;}


.tbox_line {border:1px solid #f1f1f1; padding:20px; box-sizing:border-box; margin-bottom:50px;}
.last_text {color:red; font-size:11px; margin:10px 0;}

	.layer30,.layer31,.layer32,.layer34,.layer35 {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
	.layer30 {display:none;}
	.layer31 {display:none;}
	.layer32 {display:none;}
	.layer34 {display:none;}
	.layer35 {display:none;}

		.layer30 .bg ,.layer31 .bg ,.layer32 .bg,.layer34 .bg,.layer35 .bg 
		{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .7);}
		.layer1 {background: #078bcf; border:3px solid #fff; border-radius:5px; display:block; position: absolute; top: 50%; left: 50%; width:90%;max-width: 600px; height:auto;padding-bottom:30px; z-index: 10;  text-align:center; box-sizing:border-box;font-size:16px; line-height:22px; color:#fff; transform:translate(-50%, -50%); text-align:center;}
		.layer1 h1 {background:#fff; color:#078bcf; position:relative; padding:0 20px; height:55px; line-height:55px;}  
		.layer1 h1 span{position:absolute; right:15px; height:60px; line-height:60px; color:#666; font-size:18px; cursor:pointer;}
		.layer1 h2 {position:relative; height:35px; line-height:35px;}  
		.layer1 h2 span{position:absolute; right:15px; height:60px; line-height:60px; color:#fff; font-size:18px; cursor:pointer;}
		.layer1 img {margin:10px auto 0 auto; display:block;}
		.layer1 button{background:#fff; color:#078bcf; border-radius:5px; width:40%; text-align:center; height:40px; line-height:40px; margin-top:20px; font-size:20px; font-weight:bold;}
		.layer1 div{width:90%;border-radius:5px; border:3px solid #fff; margin:10px auto 10px auto;background:#fff; box-sizing:border-box; font-size:40px; line-height:80px; font-weight:bold; color:#078bcf;}
		.layer1 div p {height:50px; line-height:50px; background:#ddd; color:#666; font-size:16px; }
		.layer1 div img{width:90%; max-width:510px; margin:10px auto;}
		.layer1 b {font-size:11px; line-height:18px; text-align:left; display:block; width:88%; margin:auto; }

		
	.layer1 li input{width:50%; height:50px; border:2px solid #fff; box-sizing:border-box; background:#078bcf; color:#fff; border-radius:5px; padding:0 10px;}
	.layer1 li button{width:25%; height:50px; border-radius:5px;margin-left:5px;}
	.layer1 div b {width:90%; padding:0 15px; display:block; font-size:13px; line-height:30px; cursor:pointer;}
	.layer1 div b.on{background:#078bcf; color:#fff; border-radius:5px;} 
	.layer1 div.select_pop{padding:20px 0;width:76%;}
	.layer1 .list_dot {margin: 0 auto 20px; font-size:11px; line-height:18px; text-align:left; display:block; width:88%; letter-spacing: -0.5px;}
	.layer1 .list_dot li {position: relative; padding-left: 10px}
	.layer1 .list_dot li:before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #fff; border-radius: 50%;}
	.layer1 .list_dot li br {display: none;}
	.layer1 .pw_box {position: relative; width: 100%; margin: 5px 0; padding: 0 15px 0 105px; border: 0; line-height: 40px;}
	.layer1 .pw_box label {position: absolute; top: 0; left: 15px; font-size: 13px; color: #72777d;}
	.layer1 .pw_box input {width: 100%; height: 40px; font-size: 14px; color: #454545; padding: 0 5px; box-sizing: border-box; display: inline-block; background-color: #edf1f6; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1) inset; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1) inset; vertical-align: top}

	/* 2020-05-25 인증 코드 발급 */
	.layerCertify {}
	.layerCertify .layer1 {background-image:url('/images/common/vs_logo.png'); background-position: center 94%; background-repeat:no-repeat; background-size: 120px auto; padding-bottom: 110px;}
	.layerCertify .code {margin:0 20px 20px 20px;border-radius:5px;border:3px solid #fff; background:#fff;box-sizing:border-box;}
	.layerCertify .code dt {background:#ddd; height: 50px; color: #666; font-size: 16px; line-height: 50px; font-weight: 700}
	.layerCertify .code dd {padding:10px;}
	.layerCertify .code dd p,
	.layerCertify .code dd .btn_copy {height: 50px; line-height: 50px; border-radius:5px; box-sizing:border-box; box-shadow:inset  1px 1px 1px 0 rgba(0,0,0,.1);color:#068bce; font-size:16px; font-weight: 700}
	.layerCertify .code dd p {background: #f7f8fc;}
	.layerCertify .code dd .btn_copy {display:block;width:100%;background: #c1c4d0; cursor:pointer;color:#fff;margin-top:5px;}
	.layerCertify .info {margin:0 20px 0 33px;text-align: left;}
	.layerCertify .info li {margin-top: 5px;list-style-type: disc;}
	.layerCertify .info li:first-child {margin-top: 0}
	/* //2020-05-25 인증 코드 발급 */

	.never_text {width:100%; margin:10px auto; color:#e94f30; font-size:11px; line-height:18px;}
	.never_text div{margin-bottom:5px;}
	.never_text strong{color:#e94f30;}

	::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #fff;
	}
	:-moz-placeholder { /* 파이어폭스 4–18 */
	   color: #fff;
	   opacity:  1;
	}
	::-moz-placeholder { /* 파이어폭스 19–50 */
	   color: #fff;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
	   color:  #fff;
	}
	::placeholder { /* 파이어폭스 51+, 크롬 57+ */
	   color: #fff;
	   opacity:  1;
	}
}