@charset "utf-8";
@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:400;
 src:url('http://cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff2') format('woff2'),
     url('http://cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff') format('woff');
}
@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:700;
 src:url('http://cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff2') format('woff2'),
     url('http://cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff') format('woff');
}

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;font-family:'Daum', "맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; line-height:1; font-size:12px; color:#333;  }
a { text-decoration:none; color:#333}
a:hover { text-decoration:none; }
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-family:'Daum','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-family:'NanumGothic','나눔고딕',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.mb150 { margin-bottom:150px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }
.center { text-align:center !important }
.txt-center { text-align:center !important }
.txt-left { text-align:left !important }
.txt-right { text-align:right !important }
.f12 { font-size:12px !important }
.txt-under { text-decoration:underline !important }
.blue { color:#0991bd !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }

.col-box:after { display:block; content:''; clear:both; }
.col-left { float:left; }
.col-right { float:right; }

/******************************************************************************************************************************************************
	Common
******************************************************************************************************************************************************/
.btn1 { display: inline-block; vertical-align: middle; height:42px; line-height: 41px; text-align: center; font-size:18px; color: #fff; background: #10b4f1;}
.btn2 { display: inline-block; vertical-align: middle; height:42px; line-height: 41px; text-align: center; font-size:18px; color: #fff; background: #bcc6d1;}
.block { display: block !important;}
body#bg { min-width:960px; }
body#bg { background: url(../img/common/bg_common.jpg) no-repeat 50% 50% fixed; background-size:cover; }
body#bg.index { background-image:url(../img/common/bg_main.jpg)}
body,html { }
#bg { }
#service {  }
.inner { width:960px; margin: 0 auto;}
#header .inner { padding-left:23px; }
#header h1 { padding:27px 0 38px; }
#header .title { padding-bottom:28px; background: url(../img/common/ico_title.png) no-repeat 90% 15px;}
#header .title.none-bg { background: none; }
.step { position: relative; margin-bottom: 72px; }
.step .inner { }
.step .inner:before { content: ''; position: absolute; left: 0; right:0; top:50%; height:1px; background: #bcc6d1; z-index:-1; }
.step ul:after { content: ''; clear: both; display: block;}
.step ul li { float:left; width:311px; height:62px; background: #fff; border: 1px solid #bcc6d1; text-align:center; color:#bcc6d1; font-size:24px; margin-left:10px;}
.step ul li:first-child { margin-left:0; }
.step ul li strong { display: block; font-weight:500;font-size:24px; padding:6px 0 5px;}
.step ul li.active { background: #10b4f1; border-color:#10b4f1; color: #fff; }
.step ul li span { display: block;font-size:19px; margin-top:0px; }
.step ul li span.line2 { font-size:14px; display: block; line-height: 14px; margin-top:-3px;}

.form-wrap { }
.form-wrap .inner { padding-bottom: 80px;}
.form-wrap .desc1 { font-size:24px; color: #10b4f1; margin-bottom:5px; text-align: center;}
.form-wrap .desc2 { font-size:14px; line-height:24px; color: #818a93; text-align: center; margin-bottom: 40px; }
.form-wrap .desc2 strong { color:#933; }
.form-wrap .form-box { margin: 0 auto; }
.form-wrap .form-box .article { margin-bottom:14px; overflow: hidden;}
.form-wrap .form-box .article .title { font-size:18px; width:115px; color: #818a93; padding-right:18px; float:left; line-height:40px; text-align: right; letter-spacing: -2px;}
.form-wrap .form-box .article .title em { color: #10b4f1; font-style: normal; margin-right:5px;}
.form-wrap .form-box .article .input { float:left; width:346px; overflow: hidden;}
.form-wrap .form-box .article .input .inp { width:346px; height:42px; line-height:39px; padding-left: 10px; border: 1px solid #bcc6d1; font-size:16px; color: #666; box-sizing:border-box;   vertical-align:middle;}
.form-wrap .form-box .article .input select { width:103px; height:42px;  padding-left: 10px; border: 1px solid #bcc6d1; font-size:16px; color: #666; box-sizing:border-box; vertical-align:middle; }
.form-wrap .form-box .article .desc { float:left; margin-left: 10px; font-size:16px; line-height: 41px; color: #bcc6d1; letter-spacing: -2px; }
.form-wrap .form-box .article .desc.line2 { line-height:20px;}
.form-wrap .form-box .article .divide { float:left; line-height: 40px; text-align: center; color: #818a93; }
.form-wrap .form-box .article .desc-bottom { font-size:12px; line-height: 18px; color: #88919b; letter-spacing: -1px; }
.form-wrap.step4 { padding-top:40px; padding-bottom: 80px;}
.form-wrap.step4 .btn-box { width:346px; margin: 0 auto; padding-top:10px;}
.form-wrap .agree-box { width:890px; margin: 0 auto;}
.form-wrap .agree-box .tit { padding-left: 5px; font-size:18px; color: #818a93; margin-bottom: 8px; }
.form-wrap .agree-box .textarea { margin-bottom: 15px;}
.form-wrap .agree-box .textarea textarea { width:100%; height: 220px; border: 1px solid #bcc6d1; font-size:14px; line-height:24px; color:#666; resize:none; box-sizing:border-box; padding:10px; }
.form-wrap .agree-box .textarea > div { background:#fff; border:1px solid #bcc6d1; font-size:14px; line-height:24px; color:#666; resize:none; box-sizing:border-box; padding:15px; }
.form-wrap .agree-box .textarea > div strong { color:#222; }
.form-wrap .agree-box .agree-chk { text-align: right; font-size:18px; color:#818a93; margin-bottom: 10px; }
.form-wrap .agree-box .agree-chk label { margin-left: 20px; }
.form-wrap .agree-box .agree-all { font-size:16px; background:#fff; color: #818a93; padding:8px 0; text-align: center; border: 1px solid #bcc6d1; margin-bottom: 35px;  margin-top:20px;}
.form-wrap .agree-box .btn-box { text-align: center; padding-bottom: 80px;}
.form-wrap .agree-box .btn-box a { margin:0 3px; }

.agr-table { margin-bottom:15px; }
.agr-table table { width:100%; border-collapse:collapse; }
.agr-table table tbody th { text-align:center; font-size:14px; color:#666; background:#f2f2f2; border:1px solid #ddd; padding:8px 0; font-weight:normal; }
.agr-table table tbody td { text-align:center; font-size:14px; line-height:22px; color:#666; background:#fff; border:1px solid #ddd; padding:8px 0; }


.introduce { width:920px; margin: 0 auto; letter-spacing: -1px; padding-bottom: 80px;}
.introduce .txt1 { font-size:24px; color: #000; margin-bottom: 20px;}
.introduce .txt1 span { color: #10b4f1; }
.introduce .txt2 { font-size:18px; line-height: 22px; color: #a7b0ba; margin-bottom: 55px; }
.introduce .txt3 { padding:25px 20px 55px; background: #a7b0ba; font-size:18px; line-height: 22px; color: #fff; }

.main-login { text-align: center; padding-bottom: 90px; }
.main-login a { display: inline-block; vertical-align: middle; background: url(../img/common/btn_main_login.png) no-repeat 0 0; width:341px; height: 336px;}
.main-login a:hover { background-image:url(../img/common/btn_main_login2.png);}