@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, input, button, textarea, select{font-family: "Noto Sans KR", sans-serif!important;font-weight: 300;font-size: 18px;}

	.header-web2 { height:114px;}
	.header-web {
		position: fixed;
		width: 100%;
		z-index: 100;
		height: 80px;
		transition: all .4s;
	}
	.header-web .header-in {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	}
	.header-web.sub .header-in {
		border-bottom: 1px solid #eee;
		background: #fff;
	}

	.header-web .header-in-2 {
		height: 100%;
		margin: 0 auto;
		width: 100%;;
		background-color:#fff
	}

	.header-web h1 {
		position: absolute;
		height: 100%;
		left: 5%;
		top: 25px;
	}

	.header-web .toplogo img {
		width:250px;
		margin-top:23px;
	}
	.header-web .toplogo {
		width:250px;
		margin: 0 auto;
	}

	.header-web .gnb {
		position: absolute;
		top: 70px;

		width:100%;
		border-top:2px solid #00abf0;
		border-bottom:2px solid #00abf0;
		background:#00abf0;
		text-align:center;
	}

	.beta {margin-right: 100px;}
	.pc {display: block;}
	.mo {display: none;}
	.loginokbox { width:100%; padding:20px 0; text-align:center; border:1px solid #00abf0}
	@media screen and (max-width: 1000px) {
		.header-web2 { height:60px; }	
		.m_beta {margin-top: 20px!important;}
		.pc {display: none;}
		.mo {display: block;}
		.header-web {
			position: fixed;
			width: 100%;
			z-index: 100;
			height: 60px;
			transition: all .4s;
		}
		.header-web h1 {
			position: absolute;
			height: 100%;
			left: 5%;
			top: 20px;

		}
		.header-web h1 img {    width: 80%;}
		.header-web .gnb {
			display:none;
		}
	}
	.header-web .gnb-ul {
		width:730px;

		margin:0 auto;
		padding-left:80px;
		
	}
	.header-web .gnb-ul li {
	 	margin: 0 5px;
	}
	.header-web .gnb-ul li a, .header-web .gnb-ul li span {
		font-size: 15px;
		letter-spacing: -0.04em;
		color: #fff;
		line-height: 40px;
		margin-right: 25px;
		font-weight: bold;
		transition: all .4s;
	}
	.header-web.sub .gnb-ul li a, .header-web .gnb-ul li span {
		color: #000;
	}
	.header-web .gnb-ul li {
		float: left;
		display: inline-block;
	}

	.login {
		font-size:11px;
		color:#999;

		position: absolute;
		right: 5%;
		display: inline-block;

	}
	.login a {
		color:#999;
	}
	.login.grey {background: #eee; color: #666;}
	.header-web.active {
		background-color: rgba(0,0,0,0.4);
	}
	.main-btn-1.grey{background: #eee; color: #666;}

	#section-1 {
		width:100%;
		position: relative;
	}
.section-1-2 img { width:100%; vertical-align: middle;}
.subbg {
    background: url(../img/cs.jpg) no-repeat center center!important;
    background-size: cover;
}

	#section-2 {
	    background: url(../img/bg02.jpg) no-repeat center center;
	    background-size: cover;
	}

#section-4 {
    background: url(../img/bg04.jpg) no-repeat center center;
    background-size: cover;
}


	#section-1, #section-2, #section-3, #section-4 {
		height: 100%;
	}
	@media screen and (max-width: 1000px) {
		.login {display: none;}
		.header-web.sub .header-in {
			background-color: rgba(0,0,0,0.8);
		}
		.header-web, .header-web.active{
			background-color: rgba(0,0,0,0.8);
		}

		body {overflow-x: hidden;}
		#section-2, #section-3 {
			height: 700px!important;
		}
		.section.subbg#section-1 {height: auto!important;}
	}
	#section-1 .section-in, #section-2 .section-in, #section-3 .section-in, #section-4 .section-in {
		display: table;
		height: 100%;
	}
	@media screen and (max-width: 1000px) {
		.section-in {
			position: relative;
			margin: 0 auto;
			width: 90%!important;
		}
	}
	
.section-in {
    position: relative;
    margin: 0 auto;
    width: 990px;
}
.section-in h2 {font-size: 60px; font-weight: 700;}
.section-1-1 {text-align: center;}
@media screen and (max-width: 1000px) {
  .section-in h2 {font-size: 40px!important;}
  .section-1-1 h2 {
     font-size: 50px!important;
     color: #fff;
     
     font-weight: 700;
     margin-top: 160px!important;}
    .section-1-1  .p-1 p {font-size: 13px!important;}
}
.section-1-1 h2 {font-size: 60px; color: #fff; font-weight: 700; margin-top: 360px;}
#cs-tit h2 {font-size: 60px; color: #fff; font-weight: 700; margin-top: 160px; margin-bottom: 140px;}
/* #section-1 .p-1 { position:absolute; left:50%; top:50%; transform: translate( -50%, -50% ); font-size: 40px; color: #fff; font-weight: 600; background:#00abf0 ; padding: 8px 34px 14px;}*/
.section-1-1 .p-1 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.p-1-text-table {
	display: table;
	margin : 0 auto;
	height: 100%;
}
.p-1-text-table-row {
	display: table-row;
}
.p-1-text-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.section-1-1 .p-1 p {
	text-align: center;
	font-size: 40px; color: #fff; font-weight: 600; background:#00abf0 ; padding: 8px 34px 14px;
}
	.main-btn-1 {
		width: 100PX;
		display: inline-block;
		padding: 8px 34px;
		line-height: 40px;
		border-radius: 15px;
		font-size: 16px;
		color: #000;
		background: #fff;
		letter-spacing: -0.05em;
		margin: 0 5px;
		box-shadow: 5px 5px 5px rgba(0,0,0, .3);
	}
	.main-btn-1.sky {background:#017bc4; width: auto; color: #fff!important;}
	.main-btn-1.green {background:green; width: auto; color: #fff!important;}
	.main-btn-1.hwp {background:#017bc4; width: auto; color: #fff!important; font-size:13px !important;}
	.main-btn-1.pdf {background:#ff0000; width: auto; color: #fff!important; font-size:13px !important;}
.section-2-1 h2 {padding-top: 250px;}
@media screen and (max-width: 1000px) {
  #section-2{ background: #eef3f7; height: 100%!important;}
  #section-2 .section-in { background: #eef3f7;}
  .section-2-1 {margin-left: 5%;}
  .section-2-1 h2 {padding-top: 50px; font-size: 40px!important;}
  .section-2-1 .p-1 .mb img {width: 15px; padding-right: 5px;}
  .section-4-1 .p-1 .mb img {width: 25px;}
  .section-in-2 .f_right img {width:100%; padding-top: 10px;}
  .section-in-2 .f_right {margin-top: 0px!important;}
  .f_right {clear: both;;}
  .section-2-1 .p-1 .mb {font-size: 16px!important; width: 90%!important;}
  .section-2-1 .p-1 {margin: 10px 0 30px!important;}
  .section-2-1 .p-1 em {font-size: 20px!important; }
}
.section-2-1, .section-4-1 { float: left; letter-spacing: -2px;}
.section-2-1 .p-1 .mb {font-size: 19px;display: block; }
.section-2-1 .p-1 .mb img,.section-4-1 .p-1 .mb img {padding-right: 5px;}
.section-2-1 .p-1 em {font-size: 28px; font-weight: 500; margin-top: 20px; display: block;     line-height: 1.4;}
.section-2-1 .p-1 {margin: 30px 0 60px;     letter-spacing: 0;}
.section-in-2 .f_right {margin-top: 300px;}

.f_right {float: right;}
@media screen and (max-width: 1000px) {

  .bg_box {width: 100%!important; height: 250px!important; background: url(../img/bg03.jpg)top 30% left 10%!important; background-size: 130%!important; float: left; margin-top: 70px!important; margin-right: 0!important; margin-bottom: 30px;}

  .section-3-1 .p-1 {
     font-size: 24px!important;}

    .section-3-1 .p-1 em {
    font-size: 16px!important;
    color: #666;
    margin-top: 15px!important;
    margin-bottom: 26px!important;
    display: block;
}

}
.bg_box {width: 486px; height: 602px; background: url(../img/bg03.jpg)top 90% left 10%; background-size: 230%; float: left; margin-top: 170px; margin-right: 80px;}
.section-3-1 h2 {margin-top: 278px; margin-bottom: 30px;}
.section-3-1 .p-1 {font-size:38px;}
.section-3-1 .p-1 strong {font-weight: 700;}
.section-3-1 .p-1 em {font-size: 18px; color: #666; margin-top: 35px;margin-bottom: 66px; display: block;  line-height: 1.6;     letter-spacing: -2px;}

.section-4-1 h2 {font-size: 50px; margin-bottom: 36px;}
.section-4-1 .p-1 .mb {font-size: 26px; font-weight: 600;}
.section-4-1 .p-1 .mb em {font-size: 18px; color: #666; font-weight: 300; display: block; padding-left: 62px; width: 340px; letter-spacing: 0px; word-break: keep-all;}
.w_box {background: #fff; font-size:26px; text-align: center;clear: both; padding: 50px 60px; word-break: keep-all;}
@media screen and (max-width: 1000px) {
  #section-4 {padding-bottom: 40px;}
  .section-4-1 {padding: 0 2%;}
  .section-4-1 h2  {padding-top:60px!important; margin-bottom: 10px!important;}
  .section-4-1 .p-1 .mb em {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    font-weight: 300;
    display: block;
    padding-left: 35px;
    width: 90%!important;
  }
  .f_right.four {  margin-bottom: 20px!important;}
  .f_right.four img{
      width: 100%;
  }
  .w_box {
      background: #fff;
      font-size: 16px;
      text-align: center;
      padding: 20px 30px;
      float: inherit;
  }
}
.section-4-1 h2  {padding-top:120px;}
.f_right.four {margin-top: 140px; margin-bottom: 40px;}

	#quick_order {
		position:absolute;
		right:0;
		top:0;
		margin-right:30px;
		width:200px;
	}
	
	#quick_order .qlogin { display:block;}
	#quick_order .qlogin ul { width:100%; margin: 5px auto; border: 1px solid #ccc; background:#FFF; height:30px;}
	#quick_order .qlogin ul li { width:44%; float:left ;}
	#quick_order .qlogin ul li:first-child { width:55%; float:left ;}
	#quick_order .qlogin ul li img { height:30px;}
	#quick_order .qlogin ul li input  { width:100%; border:0px;}
	#quick_order .qlogin div { width:100%; margin: 0 auto;}
	#quick_order .qlogin div input { width:100%;}
	#quick_order .qlogin .footlogin1 {
		float:left;
		font-size:11px;
		color:#999;
		display:inline-block;
		width:10%;
	}
	#quick_order .qlogin .footlogin1 input {
		width:10px;
		
	}
	#quick_order .qlogin .footlogin2 {
		
		font-size:11px;
		color:#999;
		right: 5%;
		display:inline-block;
		text-align:right;
		width:90%;
	}
	#quick_order .qlogin .footlogin2 a {
		color:#999;
	}
	#quick_order .qtitle {
		margin:50px 0 0 0;
	}
	
	#quick_order .qphone {
		color:#f00;
		font-size:22px;
		margin:15px 0 0 0;
	}
	#quick_order .qphone li:first-child  { width:27px;float:left; margin-right:5px }
	
	#quick_order .qfax {
		clear:both;
		color:#666;
		font-size:18px;
		margin:10px 0 0 0;
		vertical-align: middle;
	}
	#quick_order .qfax li:first-child  { width:27px; text-align:right; float:left; margin-right:5px}
	@media screen and (max-width: 1730px) {
		#quick_order {
			margin-right:5px;
		}
	}
	@media screen and (max-width: 1670px) {
		#quick_order { display:none; }
	}
	.content2 { display:table; width: 1210px; margin:40px auto 100px;  }
	.navi { width:230px; float:left;}
	.navi .lefttit { width:210px; height:150px; background:#00abf0;  margin-bottom:5px; padding:10px 0 10px 20px;}
	.navi .lefttit img:first-child { display:block; margin-top:50px; }
	.navi .lefttit img { display:block; margin-top:10px;}
	.navi ul li { border:1px solid #c5c5c5; padding:10px 0 10px 20px;}
	.navi ul .thissub {  background:#00abf0}
	.navi ul .thissub a { color:#fff}
	.conts { width:940px;float:right; }
	
	.conts .path { width:940px; margin:0 0 50px 0}
	.conts .path li:first-child { font-size:28px; float:left;}
	.conts .path li:last-child { font-size:12px; color:#999; text-align:right;}
	@media screen and (max-width: 1000px) {
		.navi { width:100%; margin-bottom:20px;}
		.navi .lefttit  { height:50px; width:100%; padding:10px 0;}
		.navi .lefttit  img:first-child { display:block; margin:5px auto;}
		.navi .lefttit  img { display:block; margin:0 auto;}
		.navi ul { width:90%; padding:0 20px; margin: 0 auto}
		.navi ul li {  border:1px solid #c5c5c5; padding:10px 20px; text-align:center;border-radius: 10px; float:left; margin:5px 7px 5px 0; }
		.content2 { width:100%;margin:0 0 50px 0}
		.conts { width:90%; float:none; padding:20px; text-align:center;}
		.conts img { width:100%;}
		
		
		.conts .path { display:none;}
	}
	.f_normal { font-weight:normal;}
	.f_bold { font-weight:600}
	.sub2_1 { color:#00abf0; display:block; font-size:28px; margin:50px 0 50px 0; font-weight:600}
	.sub2_2{ width:940px; }
	.sub2_2 li:first-child{ float:left; width:250px; height:250px;}
	.sub2_2 li:first-child div {  display: table-cell; border-radius: 50%;  font-size:35px; background:#00abf0;color:#fff; width:200px; height:200px; text-align:center; vertical-align: middle; }
	.sub2_2 li:last-child {line-height:2.5;}
	.sub2_3 { font-weight:600; display:block; font-size:18px;}
	.sub2_4 { width:940px; margin:50px 0 0 0;}
	.sub2_5 {  clear:both;width:940px; margin:10px 0; padding-bottom:20px;}
	.sub2_5 li:first-child { text-align:left; float:left; width:50%;}
	.sub2_5 li:last-child { text-align:right;  width:50%; float:left;}
	.sub2_5 li img {  margin:11px 0  }
	
	@media screen and (max-width: 1000px) {
		.sub2_1 {  font-size:18px; }
		.sub2_2{ width:95%; }
		.sub2_2 li:first-child{ float:left; width:140px; height:230px;}
		.sub2_2 li:first-child div {  display: table-cell; border-radius: 50%;  font-size:22px; background:#00abf0;color:#fff; width:130px; height:130px; text-align:center; vertical-align: middle; }
		.sub2_2 li:last-child {line-height:1.5; text-align:left; font-size:11px; letter-spacing : -2px;}
		.sub2_3 { font-weight:600; display:block; font-size:18px;}
		.sub2_4 { width:100%; margin:6% 0 0 0; }
		.sub2_5 { width:100%; margin:1% 0 0 0;}
		.sub2_5 li { width:50% !important;}
		.sub2_5 li img { width:97%; margin:3% 0 }

	}
	
	.sub3_1 { color:#000; display:block; font-size:22px; margin:50px 0 10px 0; font-weight:600}
	.businessareabox { width:940px; display:table; table-layout: fixed; border-spacing: 10px;}	
	.businessareabox li { display: table-cell;  height:150px; border-radius:15px; background:#00abf0;color:#fff;text-align:center; vertical-align: middle;  }
	.businessareasol { width:940px; display:table; table-layout: fixed; border-spacing: 10px;}	
	.businessareasol li { display: table-cell;text-align:left;font-size:14px; }
	.sub3_2 { border-top:2px solid #00abf0; padding:30px 0; text-align:center;color:#00abf0; font-size:28px; font-weight:100; margin:50px 0 0 0}
	.sub3_3 { text-align:center;}
	.sub3_3 img { width:300px;}
	.sub3_4 { width:940px; margin:30px 0 ; height:160px;}
	.sub3_4 li { float:left}
	.sub3_4 li:first-child { width:20%;}
	.sub3_4 li:last-child { width:80%; line-height:2}
	.sub3_5 { display:block; font-size:22px; color:#999;letter-spacing: 7px}
	.sub3_6 { display:block; font-size:32px; font-weight:600; color:#00abf0; letter-spacing: 8.3px}
	.sub3_7 { display:block; font-size:30px; font-weight:200; color:#00abf0; letter-spacing: 7px}
	@media screen and (max-width: 1000px) {
		.sub3_1 {  font-size:14px; margin:20px 0 0 0; text-align:left;}
		.sub3_2 { letter-spacing: -2.4px }
		.businessareabox { width:100%;}
		.businessareabox li { font-size:9px; letter-spacing: -1.5px; height:70px}
		.businessareasol { width:100%;}
		.businessareasol li { font-size:9px; letter-spacing: -1.5px;}
		.sub3_3 img { width:60%;}
		.sub3_4 { width:95%; height:80px;}
		.sub3_4 li:first-child img { width:70%;}
		.sub3_4 li:last-child {  line-height:1.5}
		.sub3_5 { text-align:left; font-size:12px; letter-spacing: 0.7px}
		.sub3_6 { text-align:left; font-size:22px;   letter-spacing: -3.4px}
		.sub3_7 { text-align:left; font-size:20px;  letter-spacing: -1.2px}
	}
	.organizationabox { width:940px; display:table; table-layout: fixed; border-spacing: 10px;}	
	.organizationabox li { display: table-cell;  height:150px; border-radius:15px; background:#fff;color:#00abf0;text-align:center; vertical-align: middle; border:10px solid #b2e6fb }
	.organizationablankbox { border:0px !important;}
	.organizationabox li img { height:100%;}
	@media screen and (max-width: 1000px) {
		.organizationabox { width:100%;}
		.organizationabox li { font-size:9px; letter-spacing: -1.5px; height:70px}
		.organizationabox li img { width:70%}
	}
	.sub5_1 { width:940px; margin:30px 0 ; height:160px;}
	.sub5_1 li { float:left}
	.sub5_1 li:first-child { width:30%;}
	.sub5_1 li:last-child { width:70%; line-height:2}
	.sub5_2 { border-top:2px solid #00abf0; padding:30px 0 0 0; text-align:center;color:#00abf0; font-size:28px; font-weight:100; margin:50px 0 0 0; letter-spacing: 1.2px;}
	.sub5_3 { padding:0 0 80px 0; text-align:center;color:#999; font-size:28px; font-weight:100; }
	.sub5_4 { width:940px; display:table; table-layout: fixed; border-spacing: 10px; margin:70px 0}
	.sub5_4 li  { display: table-cell;  height:20px; background:#84bf2f}
	.sub5_4 li:first-child { background:#00abf0;}
	.sub5_4 li:last-child { background:#3e3a39;}
	.sub5_5 { width:940px; display:table; table-layout: fixed; border-spacing: 10px; }
	.sub5_5 li  { display: table-cell;  height:300px; border:1px solid #ccc; text-align:center; vertical-align: middle; line-height:100px}
	
	.kakaomap { width:940px; margin:20px 0;}
	.sub6_1 {  display:block; margin:10px 0; line-height:1.5;}
	.sub6_1 p { margin-left:30px; line-height:2}
	.sub7_1 img { margin-top:10px;}
	.sub7_4 { width:600px; margin :0 auto; display:block;background:#f00}
	.sub7_4 li { float:left; padding:0 20px;}
	.sub7_3  {
		display: table-cell;
		border-radius: 50%;
		font-size: 18px;
		background: #00abf0;
		color: #fff;
		width: 150px;
		height: 150px;
		text-align: center;
		vertical-align: middle;
		border:1px solid  #00abf0;
	}
	.b_blue { background:#FFF; color:#00abf0;}
	@media screen and (max-width: 1000px) {
		.sub5_1 { width:95%; height:80px;}
		.sub5_1 li:first-child { width:25%;}
		.sub5_1 li:first-child img { width:70%;}
		.sub5_1 li:last-child { width:75%; line-height:1.5; text-align:left; font-size:11px; letter-spacing : -2px;}
		.sub5_2 { text-align:left; font-size:18px; letter-spacing: -1.7px}
		.sub5_3 { text-align:left; font-size:18px; letter-spacing: -1.9px; padding:0 0 40px 0 !important;}
		.sub5_4 { width:100%;}
		.sub5_5 { width:100%;}
		.sub5_4 { margin:40px 0;}
		.sub5_5 li { padding:0 5%; height:150px;}
		.kakaomap { width:100%;}
		.sub6_1 { text-align:left; font-size:12px;}
		.sub7_1 img { width:100%;}
		.sub7_4 { width:370px; }
		.sub7_4 li { padding:0 10px;}
		.sub7_3  { width:100px; height:100px ; font-size:12px}

	}
	.sub7_2 {  display:block;}
	.privacy { white-space: pre-line; line-height: 1.6; color: #666; font-size:12px;}
	.privacy  h3 {font-size: 20px; font-weight: 700; color: #333;}
	.privacy table {width: 100%;}
	.privacy table tr {border-bottom: 1px solid #ddd;}
	.privacy table tr th {background: #f8f8f8; height: 60px;  vertical-align: middle; font-weight: 700; border-top: 1px solid #333;}
	.privacy table tr td {text-align: center;  padding: 20px 0; vertical-align: middle;}
	@media screen and (max-width: 1000px) {
		.sub7_2 { text-align:left; margin-top:100px;} 
	}
	.logo {background: #fff; padding: 30px 0 0 0;}
	.logo_wrap1 { text-align:center; padding:0 0 50px 0;}
	.logo_wrap1 img { width:350px;}
	.logo h3 {font-size: 20px; font-weight: 400; text-align: center; margin-bottom: 10px; color: #999;}
	.logo h3 strong {font-weight: 700; color: #00abf0;}
	.logo_wrap {background: #fff; width: 990px; margin: 20px auto; text-align: center;}
	.logo_wrap a img {padding: 18px 30px; width:400px;}
	.logo_wrap3 {background: #fff; width: 990px; margin: 20px auto; text-align: center;}
	.logo_wrap3 a img {padding: 18px 30px; width:860px;}
	@media screen and (max-width: 1000px) {
		.logo_wrap1 {  padding:0 0 20px 0;}
		.logo_wrap1 img { width:200px;}
		.logo {background: #fff; padding: 50px 0!important;}
		.logo h3 {font-size: 15Px!important; font-weight: 400; text-align: center; margin-bottom: 10px!important; color: #999;}
		.logo_wrap {background: #fff; width: 90%!important; margin: 0 auto; text-align: center;}
		.logo_wrap a img {padding: 10px!important; width: 44%;}
		.logo_wrap3 {background: #fff; width: 90%!important; margin: 0 auto; text-align: center;}
		.logo_wrap3 a img {padding: 10px!important; width: 88%;}
	}

	.foothead { width:100%; background:#eee !important; margin-top:120px; display:block; height:100px;}
	footer {position:relative;width:990px; top:-60px; margin: 0 auto !important; font-size: 15px;  }
	footer .mlogin { display:none;}
	footer .bankbox {
		border-radius: 20px;
		border: 5px solid #00abf0;
		padding:10px;
		text-align:center;
		letter-spacing : -1px;
		line-height: 1.5;
		margin-bottom: 50px;
		background:#fff;
		font-size:20px;
	}
	.bold { font-weight:600;}
	.color1 {color:#00abf0;}
	.color2 { color:#62ac6f;}
	footer h1 img { width:180px;}
	footer h1 {margin-right: 100px; margin-bottom: 140px; }
	footer .foot_menu, h1, .add {float: left;}
	footer .foot_menu {color: #666; margin-bottom: 30px; ;}
	footer .foot_menu span {margin-right:70px; }
	footer .add {color: #999; }
	footer .add .last {margin-top: 25px;}

	@media screen and (max-width: 1000px) {
		footer .bankbox {
			padding:20px 5px;
			text-align:center;
			border-radius: 10px;
			margin-bottom: 50px;
			background:#fff;
			font-size:20px;
			border: 2px solid #00abf0;
			
		}	
		.foothead { margin-top:30px;}
		footer .mlogin { display:block;}
		footer .mlogin ul { width:70%; margin: 5px auto; border: 1px solid #ccc; background:#FFF; height:30px;}
		footer .mlogin ul li { width:50%; float:left ;}
		footer .mlogin ul li img { height:30px;}
		footer .mlogin ul li input  { width:100%; border:0px;}
		footer .mlogin div { width:70%; margin: 0 auto;}
		footer .mlogin div input { width:100%;}
		footer .mlogin .footlogin {
			font-size:11px;
			color:#999;
			right: 5%;
			display:block;
			text-align:center;
			letter-spacing : 2px;
			width:70%; margin: 15px auto;
		}
		footer .mlogin .footlogin a {
			color:#999;
		}
		.foothead { width:100%;  height:600px; }
		footer {width: 95%; top:-35px;}
		footer h1 {
			border-top:2px solid #ccc;
			width: 100%;
			text-align:center;
			margin-bottom:20px;
			padding-top: 20px;
			margin-top:20px;

		}
		footer .foot_menu {
			width: 100%;
			text-align:center;
			margin :0!important;
		}
		footer .foot_menu span { display:inline-block; font-size:12px;padding-right:5px; border-right:1px solid #ccc; margin-right:5px;}
		footer .foot_menu .lastspan { border-right:0px}
		footer .foot_menu span a {  color: #999;}
		footer .add {font-size: 12px; line-height: normal;  text-align:center; width:100%;}
		footer .add .last {margin-top: 15px!important; margin-bottom: 0px; text-align:center;}

	}

	#wrapper {position: absolute; right : 5%; top:25%; z-index: 3000;}
	.ham {display: none;}
	@media screen and (max-width: 1000px) {
		.ham {display: block;}
		.main-btn-1 {margin: 10px 0;}
	}
	.ham ul {text-align: center; font-size: 18px; position: fixed; width: 100%; top:60px; background: rgba(0,172,238,1);   padding-bottom: 650px;padding-top: 40px;}
	.ham ul li {padding: 10px; display: block;}
	.ham ul li a { color: #FFF !important; }
	.ham ul li.login {margin:0 auto; width: 200px; font-size: 18px; display: block; right: 50%; left:50%; margin-left: -120px; margin-top: 100px;}
	.ham ul li.login a{color: #000!important;}
	.ham .tit { color:yellow; font-weight:bold;}
	.ham .tit a { color: yellow !important; }
	.ham .cont { display:block; padding:20px 0 0 0;}
	

	.content {display: inline-block; padding-top: 140px; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 100px;}
	
.con02 {display: inline-block;width: 100%; border-bottom: 1px solid #eee; padding-bottom: 100px;}
.sub-wrap {width: 990px; margin: 0 auto;}
.sub-wrap h1 {font-size: 30px; font-weight: bold; margin-bottom: 30px; width: 100%; text-align: center;}

	.join table {
		border-top: 2px solid #222;
		margin-bottom: 40px;
	}
	.table table {
		width: 100%;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.join table tr {
		border-bottom: 1px solid #ddd; height: 70px;
	}
	.join table tr th {text-align: left; vertical-align: middle; padding: 20px;}
	.table table tr td {
		text-align: left;
		color: #666;
		vertical-align: middle;
		border-bottom: 1px solid #ddd;
	}
	.input-name {
		border: 1px solid #ccc;
		padding: 6px;
	}
	body, input, button, textarea, select {
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 400;
		font-size: 16px;
	}
	.input-phone-select {
		border: 1px solid #ccc;
		padding: 6px;
		width: 70px;
		margin: 0 4px 0 0;
	}
	.input-pay-select {
		border: 1px solid #ccc;
		padding: 6px;
		width: 180px;
		margin: 0 4px 0 0;
	}
	.input-phone {
		border: 1px solid #ccc;
		padding: 6px;
		width: 50px;
		margin: 0 4px;
	}
	.phone_check {
		background: #555;
		color: #fff;
		margin: 0 4px;
		padding: 6px 20px;
		border-radius: 4px;
	}
	.center {text-align: center;}
	#email01,#email02 {width: 120px;}
	#email03 {width: 150px;}
	#zipNo {width: 60px;}
	#roadFullAddr { width:100%}
	.table.join.select p{margin-bottom: 20px; color: blue;}
	#job, #money,#inmoney {width: 180px;}
	input[type=checkbox], input[type=radio] {
		width: 20px;
		height: 20px;
		padding-right: 10px;
	}
	label {margin-right: 3%!important;}
	.passarea { padding:20px 0 ; line-height:2} 
	.addrarea { padding:10px 0 ; line-height:3} 
	.joinaddclosebtn { display:block; margin:20px auto; width:30%; text-align:center;}
	@media screen and (max-width: 1000px) {
		.join { font-size:12px;}
		.sub-wrap {
			width: 90%;
			margin: 0 auto;
		}
		.join table tr th {
			text-align: left;
			vertical-align: middle;
			width: 100%;
			display: inline-block;
			padding: 10px;
		}
		.join table tr td {
			text-align: left;
			vertical-align: middle;
			width: 100%;
			display: inline-block;
			padding-left: 10px;
			padding-bottom: 10px;
		}
		#email03,#mobile1,#mobile2,#mobile3  {margin-bottom: 10px;}
		#email03 {margin-top: 10px;}
		.tab ul li  {font-size: 15px!important;}
		.login_box {width:70%!important;}
		.passarea { padding:0;}
		.addrarea { padding:0;line-height:4} 
	}
	
	.agree_modal_btn{padding-left:10px; color:#5a5a5a; font-weight:500; letter-spacing:-1.5px}
	.btn_agree_close{position:absolute; right:10px; top:10px; width:40px; height:40px; background-image:url(/img/btn_close.png); text-indent:-9999px;}
	#agree_modal{position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; width:500px; height:80%; padding:30px; background-color:#f8f8f8; display:none;  overflow-y: scroll;}
	#agree_modal p{font-size:13px;}
	#agree_modal h1 { font-size:30px; font-weight:600;}
	#agree_modal2{position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; width:500px; height:80%; padding:30px; background-color:#f8f8f8; display:none;  overflow-y: scroll;}
	#agree_modal2 p{font-size:12px;}
	#agree_modal2 h1 { font-size:30px; font-weight:600;}
	.login_agree_price { width:100%; border-radius: 20px; border:1px solid #84bf2f; margin:5px 0 20px 0; padding:10px}
	.login_agree_price span { display:block;  padding:5px; }
	.welcome { width:100%; border-radius: 20px; border:1px solid #84bf2f;  font-size: 22px; text-align: center; padding: 40px 0; margin: 56px 0; color:#017bc4; }
	.login_agree2 {
		width: 100%;
		border: 1px solid #ccc;
		height: 170px;
		margin: 30px 0 10px;
		padding: 2%;
		background: #fff;
		overflow-y: auto;
	}

	@media screen and (max-width: 1000px) {
		#agree_modal { width:90%; height:95%;}
		#agree_modal2 { width:90%; height:95%;}
		.login_agree_price { text-align:left; font-size:12px; letter-spacing:-0.5px;}
		.login_agree { text-align:left; font-size:12px;}
		.login_agree2 { width:95%; text-align:left}
		.welcome { font-size:13px;letter-spacing:-0.5px; }
	}
	/* °Ô½ÃÆÇ °ü·Ã */
	.page { margin-top:20px;}
	.page img { width:20px;}
	.mybbsicon img { max-width:20px;}
	.mybbsview { text-align:left !important; padding:20px 20px 20px 0  !important; }
	.downicon { max-width:30px !important;}
	@media screen and (max-width: 1000px) {
		.mybbsview {  padding:20px 20px 20px 20px  !important; }
	}
	
#price {color: red;}
#payinfo {color: red;}
#bank-name {width: 110px;}
	.tab ul li {display: inline-block; width: 25%; float: left; text-align: center; font-size: 18px; background: #f8f8f8; padding: 20px 0;}
	.tab-on {background:#017bc4!important;}
.grey-btn {border: 1px solid #ddd; padding: 8px 15px;}
.out {text-align: right; margin-top: 30px;}
.check_form label a {text-decoration: underline;}
	.login_box {width: 420px; border: 1px solid #ddd; display: block; padding: 40px 40px 80px 40px; margin:50px auto;}
	.login_box ul li {width: 100%; text-align: left; font-weight: 700; margin: 10px 0;}

	.login_box ul li input {height: 50px; border: 1px solid #ddd; width: 100%; margin-bottom: 20px;}
	.login-btn {width: 100%; border: 0; margin: 10px 0; padding: 15px; border-radius: 100px; cursor: pointer;}
	.login-btn.sky {background: #017bc4; color: #fff;}
	.find-menu {text-align: center;}
	.find-menu li:first-child {border-right: 1px solid #eee;}
	.find-menu li { width: 49%!important;float: left; display: block;  text-align: center!important; margin: 20px 0!important;}
	.find-menu li a {font-weight: 300; color: #666;}
	.login_box ul li span {font-weight: 300; color: #666;}
	.login_box ul li span#red {color: red;}
.id-txt {text-align: center!important; margin: 80px 0!important;}
	.privacy { white-space: pre-line; line-height: 1.6; color: #666;}
	.privacy  h3 {font-size: 20px; font-weight: 700; color: #333;}
	.privacy table {width: 100%;}
	.privacy table tr {border-bottom: 1px solid #ddd;}
	.privacy table tr th {background: #f8f8f8; height: 60px;  vertical-align: middle; font-weight: 700; border-top: 1px solid #333;}
	.privacy table tr td {text-align: center;  padding: 20px; vertical-align: middle;}
.agree_box {margin-bottom: 30px;}

.cs-tab {border-bottom: 1px solid #ddd; height: 70px;}
.cs-tab ul {display: block; width: 990px; margin: 0 auto;}
.cs-tab ul li {width: 20%; display: inline-block;float: left; text-align: center; font-size: 20px; padding-top: 22px; color: #666; padding-bottom: 23px;}
.on-line {border-bottom: 2px solid #017bc4; color: #000!important;}
	.conts .table{width: 940px; margin: 0 auto; display: block; margin-top: 60px;}
	.conts .table table thead tr {
		background-color: #f8f8f8;
		border-top: 2px solid #222;
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		line-height: 4;
	}
	.t_left {
		text-align: left!important;
		color: #222!important;
		font-weight: bold;
	}
	.conts .table table tr td {
		color: #666;
		text-align: center;
		vertical-align: middle;
		padding: 20px 0;
		border-bottom: 1px solid #ddd;
	}
.paging {
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}
.paging a,
.paging strong {
	display: inline-block;
	width: 20px;
	height: 18px;
	margin: 0 1px;
	border: 1px solid #dbdbdb;
	color: #767676;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
  text-decoration: none;
}
.paging a:hover,
.paging a:active,
.paging a:focus {
	border: 1px solid #007bc3;
}
.paging strong {
	color: #fff;
	background: #007bc3;
	border: 1px solid #007bc3;
}
.paging .direction {
	background: url('http://leroro.net/images/ui/sp_btn_paging.gif') no-repeat;
}
.paging .direction.first {
	background-position: left top;
}
.paging .direction.prev {
	margin: 0 12px 0 1px;
	background-position: -20px 0;
}
.paging .direction.next {
	margin: 0 1px 0 12px;
	background-position: -40px 0;
}
.paging .direction.last {
	background-position: right top;
}
.paging .direction span {
	position: absolute;
	display: block;
	width: 20px;
	height: 18px;
	overflow: hidden;
	z-index: -1;
}
	.search {
		margin-top: 50px;
		text-align: center;
		background: #f8f8f8;
		padding: 30px 0;
		width: 940px;
		margin: 0 auto;
		margin-top: 50px;
	}
	.search .search_board select {
		padding: 0 10px;
		height: 40px;
		border: 1px solid #d7d7d7;
		width: 150px;
	}

.input_style01 {
    width: 320px!important;
    height: 40px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #d7d7d7;
}

.input_style02 {
    padding: 0 10px;
    margin: 0 5px;
    border: 2px solid #007bc3;
}
	.search_board img {margin-bottom: 5px; margin-right: 5px;}
	.faq {
		width: 100%;
		margin: 0 auto;
		margin-top: 50px; margin-bottom: 40px;
	}

	.faq .faq-tab ul li a{float: left; padding: 10px 20px; color:#666;}
	.faq-tab-on a{background:  #017bc4; color: #000!important; border-radius: 100px;}
	.faq-tab p {width: 96%; display: inline-block; font-size: 20px; border-bottom: 1px solid #ddd; padding: 2%;}
	.faq-tab p:hover {background: #f8f8f8;}
	.faq-tab p strong {color:  #017bc4; margin-right: 10px;}
.q_one {border-top: 2px solid #222; margin-top: 30px;}
.con_table_div {background: #f8f8f8; border-bottom: 1px solid #ddd; display: block; padding: 30px; color: #666;}
.view_tit { border-top: 2px solid #222; border-bottom: 1px solid #ddd; padding: 30px;}
.view_tit h3 {font-size: 22px; margin-bottom: 20px;}
.view_tit span {color: #666;padding-right: 10px;}
.view_tit .r_line {border-right: 1px solid #eee;}
.view_con {border-bottom: 1px solid #ddd; padding: 30px; color: #666; margin-bottom: 40px;}
	.info {border: 1px solid #ddd; margin-bottom: 50px;}
	.info_tit {padding: 20px 30px; border-bottom: 1px solid #ddd;}
	.info-con {padding: 30px;}
	.info  span {color: #666; padding: 0  0 30px 30px; display: block;}
	
	@media screen and (max-width: 1000px) {
		.info img { max-width:26px;}
	}
#f_tit {width: 96%!important;}
#f_textarea {width: 96%!important; margin: 10px 0; border: 1px solid #ccc;}
.con03 {padding-bottom: 100px; border-bottom: 1px solid #ddd;}

	@media screen and (max-width: 1000px) {
  .cs-tab ul {
    width: 100%;
  }
		.conts .table { width: 100%!important;}
		.search {
			width: 100%;
			padding: 0!important;
		}
  .cs-tab ul li {

      font-size: 16px;
      padding-top: 26px;
      padding-bottom: 24px;
  }
		.mo-hide {display: none!important;}
		.input_style01 {width: 35%!important; margin: 20px 0;}
		.search .search_board select {  width: 25%!important;}
		.search_board img { width:78px;}
		.faq {width: 90%;}
		.faq-tab p {
			width: 94%;
			display: inline-block;
			font-size: 16px;
			padding: 3%;}
		.m_no {display: none!important;}
		.pc_no {display: block!important; width: 90%; margin: 20px auto;}
	}

.agree {
	width:100%;
	border:1px solid #ccc;
	height: 170px; margin: 30px 0 10px; padding:2%; background: #fff; overflow-y: auto;}
.agree  h2 {font-size: 20px; font-weight: 700; color: #333;}
.m_no {display: block; margin: 20px auto;}
.pc_no {display: none;}