@charset "utf-8";



@media ( max-width: 600px ) {
/* Reset */
html,body { width: 100%; height: 100%; position: relative; font-smoothing: antialiased; }
body {
	line-height: 1;
	font-family:'Nanum Gothic', 'dotum', sans-serif;
	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'; }

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;}

button{height:30px; line-height:30px; background:#f86a6a; border-radius:30px; color:#fff;}

.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:33% !important}
		.size3{width:50% !important}


	#wrapper {width:100%; margin:auto;}
	.logo {margin:10px auto; text-align:center;}
	h1{font-size:20px; font-weight:600; color:#333; line-height:24px; text-align:left; border-bottom:1px solid #dfdfdf; padding:10px;}
	h2{font-size:18px; font-weight:600; color:#333; height:50px; line-height:50px; text-align:left; padding:0 10px; }
	.top_text {font-size:11px; line-height:18px; color:#848484;margin:30px auto; display:inline-block;  padding:0 10px;}
	.top_text strong{font-size:13px; color:#333; font-weight:600;}

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

	.check_box{width:96%; margin:auto;font-size:11px; line-height:20px; text-align:right; margin:10px 0 40px 0;}
	.check_box label{display:block;}
	.check_box input{ vertical-align:middle; margin:0 3px 0 15px;}

	.input_box {width:96%; margin:auto;}
	.input_box p{height:60px; line-height:60px;font-size:12px; padding:0 20px; box-sizing:border-box; background:#f8f8f8; vertical-align:middle;border:1px solid #dfdfdf; font-weight:bold;}
	.input_box span{display:block;padding:30px 10px;border:1px solid #dfdfdf; border-top:0;}
	.input_box table{width:100%;border-top:1px solid #dfdfdf; font-size:11px; }
	.input_box table th{height:60px; border-bottom:1px solid #dfdfdf; background:#f1f1f1; width:25%; font-weight:bold;}
	.input_box table td{height:60px; border-bottom:1px solid #dfdfdf; padding:5px 20px; width:75%;}
	.input_box table select{width:30%; 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:25%; 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 10px; color:#fff; border-radius:0; vertical-align:middle; margin-left:0px; font-size:11px;}
	.input_box .img_box {width:50%; margin:auto;height:140px;  display:block;background:url('../images/imgimg123.jpg') no-repeat center center/ auto 100%; text-align:center; margin-bottom:15px;}
	.input_box span div { width:100% !important; text-align:center;}
	.input_box span td{text-align:left;}
	
	#logoImage {width:50%; margin:auto;height:140px;}

	.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:100%; margin:30px auto; padding:0 10px; box-sizing:border-box;}
	.tail li{display:block; vertical-align:middle; font-size:11px;color:#aaa; line-height:16px; text-align:center;}
	.tail a { font-size:13px; margin-right:10px; display:inline-block; color:#666; font-weight:bold; margin-bottom:5px; }
	.tail img{ width:80px; text-align:center;}

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

	.layer32,
	.layer34 {position:absolute; top:100px; left:0; width:100%; height:100%; z-index:100;}
	.layer32 {display:none;}
	.layer34 {display:none;}

		.layer30 .bg,
		.layer31 .bg,
		.layer35 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .7);}
		.layer32 .bg,
		.layer34 .bg {position:fixed; 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:13px; 
				line-height:18px; color:#fff; transform:translate(-50%, -50%); text-align:center;}
		.layer1 h1 {background:#fff; color:#078bcf; position:relative; padding:0 10px; height:55px; line-height:55px;}  
		.layer1 h1 span{position:absolute; right:15px; height:60px; line-height:60px; color:#666; font-size:15px; 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:15px; 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:15px; 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:30px; line-height:80px; font-weight:bold; color:#078bcf;}
		.layer1 div p {height:50px; line-height:50px; background:#ddd; color:#666; font-size:12px; }
		.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: 6px; width: 3px; height: 3px; background: #fff; border-radius: 50%;}
	.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: 100px auto; padding-bottom: 90px;}
	.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: 40px; color: #666; font-size: 16px; line-height: 40px; font-weight: 700}
	.layerCertify .code dd {padding:10px;}
	.layerCertify .code dd p,
	.layerCertify .code dd .btn_copy {height: 40px; line-height: 40px; 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;word-break: keep-all;text-align:left;}
	.layerCertify .info li {margin-top: 5px;list-style-type: disc;}
	.layerCertify .info li:first-child {margin-top: 0}
	/* //2020-05-25 인증 코드 발급 */

	::-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;
	}

.pc_table{display:none  !important;}
.mo_table{display:;}
.momomo {margin-top:3px !important; display:inline-block;}
.last_text {color:red; font-size:11px; margin:10px 0;}



	.logo_m {width:100%; height:60px; background:#078bcf; text-align:center;}
		.logo_m img {height:60px;}
	
	.menu_m {width:100%; height:40px; font-size:13px; font-weight:bold;}
		.menu_m li{float:left; width:50%; line-height:40px; cursor:pointer; color:#a6a6a6; background:#f4f4f4; border-bottom:1px solid #ccc; text-align:center;}
		.menu_m li.on{background:#002c5f; color:#fff;}
	
	.menu_select {width:96%; margin:15px auto; height:50px; line-height:50px; border:1px solid #eee; border-radius:5px;; box-sizing:border-box; padding:0 15px;position:relative;}
		.menu_select select{width:100%; color:#ccc; height:50px; line-height:50px; display:block; background:none;}
		.menu_select::before{content:"▼"; position:absolute; font-size:13px; right:15px;color:#ccc;  z-index:-1;}

	.content_m {width:96%; margin:auto;}
		.content_m h3{font-size:12px; color:#515151; margin:5px 0; text-align:left; border:none}
		.content_m table {width:100%; font-size:15px; line-height:18px;}
		.content_m th {height:40px; border-top:2px solid #03428b; border-bottom:1px solid #03428b; color:#515151; font-size:15px;}
		.content_m td {height:60px;padding:10px 0; box-sizing:border-box; text-align:center; border-bottom:1px solid #eee;} 
		.content_m td img{height:30px;}
		.content_m td span{color:#aaa;}
		.content_m td span b {font-size:12px; display:inline-block; margin-left:5px;}
		.content_m td:nth-child(2){text-align:left;}

	.pazing {width:100%; position:relative; margin:20px 0;}
		.pazing li { text-align:center;}
		.pazing li a {width:40px; height:40px; display:block;  float:left; box-sizing:border-box;}
		.pazing li img{vertical-align:middle; width:15px;}
		.pazing li:nth-child(1){position:absolute;left:0; top:0; width:80px; height:40px;line-height:40px; border:1px solid #eee; border-radius:5px; }
		.pazing li:nth-child(1) a:first-child{border-right:1px solid #eee;}
		.pazing li:nth-child(2){text-align:center;}		
		.pazing li:nth-child(2) a{display:inline-block; float:none; width:40px; height:40px; line-height:40px; font-size:12px;}
		.pazing li:nth-child(3){position:absolute;right:0; top:0;  width:80px; height:40px;line-height:40px; border:1px solid #eee; border-radius:5px; }
		.pazing li:nth-child(3) a:first-child{border-right:1px solid #eee;}
		.pazing li a.on{ border:1px solid #eee; border-radius:5px; color:#088ccf;}



	.content_m h4{height:50px; line-height:50px; font-size:18px; font-weight:bold; margin-top:20px;}
	.view_con {border-bottom:2px solid #03428b;border-top:2px solid #03428b; line-height:20px;}
		.view_con li{padding:20px 0 ; border-bottom:1px solid #eee; position:relative;}
		.view_con li span { color:#aaa;}
		.view_con li span b{font-size:11px; color:#aaa;}
		.view_con li img{width:100%; margin:15px 0 0 0;}
		.view_con li:last-child{padding-left:20%; font-size:13px;}
		.view_con li p{position:absolute; left:0;line-height:40px; font-weight:bold; font-size:18px;}

		.nepe {width:100%; border-radius:10px; background:#f4f4f4; padding:10px 20px; box-sizing:border-box; margin:30px 0;}
		.nepe a {display:block; line-height:40px;}
		.nepe a strong{padding-right:10px;}
		.nepe a:first-child{border-bottom:1px solid #fff;}

		.bbtt{width:100%; height:50px; line-height:50px; margin:0 0 30px 0; border:1px solid #7f95af; color:#002c5f; text-align:center; border-radius:1000px; box-shadow:0 5px 5px rgba(0,0,0,.1);} 
	

	
	.tab_menu{width:96%; margin:20px auto; border-top:1px solid #ddd;border-right:1px solid #ddd;}
	.tab_menu li {width:25%;float:left; border-left:1px solid #ddd; border-bottom:2px solid #03428b;box-sizing:border-box; padding:15px 0;  font-size:11px; text-align:center;}	
	.tab_menu li.on{border:2px solid #03428b; border-bottom:none; color:#03428b; font-weight:bold;}
	.down_btn2{color:#0773cf; width:100%; height:60px; line-height:60px; font-weight:bold; text-align:center; border:1px solid #0773cf; border-radius:10px; margin-bottom:30px;}
	.down_btn2 img {height:40px; vertical-align:middle; margin-left:10px;}
			.con_box_shot {width:100%;}
	.con_box_shot li{width:49%; height:55px; line-height:55px; margin-right:2%; box-sizing:border-box; padding:0 0 0 10px; border:1px solid #eee; position:relative; float:left; font-weight:bold; margin-bottom:10px; border-radius:5px;}
	.con_box_shot li:nth-child(2n){margin-right:0;}
	.con_box_shot li span{position:absolute; right:10px; top:7px;}
	.con_box_shot li span img {height:40px; vertical-align:top;margin-left:5px;}
	.con_box_long li{width:100%; height:55px; line-height:55px; box-sizing:border-box; padding:0 0 0 10px; border:1px solid #eee; position:relative; float:left; font-weight:bold; margin-bottom:10px; border-radius:5px;}
	.con_box_long li span{position:absolute; right:10px; top:7px;}
	.con_box_long li span img {height:40px; vertical-align:top;margin-left:5px;}



	.tail_m {background:#fcfcfc; width:100%; min-height:150px; border-top:1px solid #e2e2e2;}
	.tail_m ul {width:96%; margin:30px auto; padding:0 10px; box-sizing:border-box;}
	.tail_m li{display:block; float:left; vertical-align:middle; font-size:11px;color:#aaa; line-height:16px; text-align:center;}
	.tail_m a { font-size:13px; margin-right:10px; display:inline-block; color:#666; font-weight:bold; margin-bottom:5px; }
	.tail_m li:first-child{width:20%;}
	.tail_m li:nth-child(2){width:80%; text-align:left;}
	.tail_m img{ width:100%; text-align:center;}
	
	.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;}
}