.point_c1{ color:#324cab !important}
.point_c2{ color:#4465da}
.point_g1{ color:#000!important}
.point_g2{ color:#333!important}
.point_g3{ color:#666!important}
.point_g4{ color:#999!important}
.point_g5{ color:#ccc!important}


#header{position:fixed; width:100%; /*border-bottom:1px solid #d6d3e9; box-shadow:0px 0px 4px rgba(0,0,0,0.3);*/ z-index: 1000; padding:20px 0; overflow:hidden }
#header h1{float: left; font-size:1.4em; color:#fff }

#header .gnb_menu{float: right; overflow: hidden; }
#header .gnb_menu li{float:left;margin-right:16px; padding-right:20px;}
#header .gnb_menu li:last-child{margin-right:0;background:none;}
#header .gnb_menu li a { font-size:1.05em; color: rgba(255,255,255,0.8); line-height:1em}
#header .gnb_menu li a:hover{ color:#fff}
 
#header .wrap{ max-width:100%; margin:0 2% !important}

@media screen and (max-width: 1260px) { 
#header .gnb_menu li{margin-right:10px; padding-right:15px;}
}

@media screen and (max-width: 640px) { 
 
#header .wrap{ margin:0 4% !important}
#header .gnb_menu li{margin-right:5px; padding-right:5px;}

}

#header.small {   background:rgba(0,0,0,0.8); border-bottom:1px solid ; border-color:rgba(0,0,0,0.1); padding:15px 0; }
#header.small h1{font-size:1.3em; color:#fff }
#header.small .gnb_menu li a { color: rgba(255,255,255,0.8); font-size:1em}
#header.small .gnb_menu li a:hover{ color:#5373e8}
/* footer */
#footer { position: relative; padding: 30px 0 30px 0 ;  border-top: 0px solid #dddddd; clear: both; background:#efefef  }
#footer .foot_link { padding: 0 0 10px 0; margin-bottom: 0px; font-size: 13px; border-bottom: 0px solid #666; display: block; text-align: left; position: relative; }
#footer .foot_link li { display: inline-block ; line-height: 22px; }
#footer .foot_link li a{position: relative; z-index: 1; padding:0 7px; color:#333; display:inline-block }
#footer .foot_link li:first-child a{ padding-left:0}
#footer .foot_link li a:after{ background:#999; content: ''; display: block;  height:10px; width:1px; position:absolute; top:50%; left:0 ; margin-top:-5px;}
#footer .foot_link li:first-child a:after{ width:0}

#footer h1 { float: right; margin-left: 2%; }
#footer address { font-size: 14px; line-height: 1.4em; letter-spacing:0  }
#footer address span { color: #999; padding: 0 5px; }
#footer .copy { font-size: 13px; color: #777; text-transform: uppercase; letter-spacing:0 }

@media screen and (max-width: 1260px) { 
#footer address br { display: none; }
#footer h1 { display: none; }
#footer address { font-size: 12px;}
#footer .copy { font-size: 11px;}

}


@media screen and (max-width: 640px) { 
#footer { padding: 20px 0; }
#footer h1 { float: left; display: none; }
#footer address, #footer .copy { margin-left: 0px; padding-right: 0; }

}



/*go_top*/

.btn_top{ position:absolute; right:20px;bottom:20px; width:50px; z-index:100}
.btn_top{ position:fixed}
@media screen and (max-width:1300px){
.btn_top { display:none !important; position:relative }
}





/* 비쥬얼 */
.main_visual{overflow:hidden; padding:14% 0 ; height:100%;  background:url(/img/main_bg.jpg) no-repeat bottom center   ; /*animation:bg_ani 50s 0s infinite linear;*/ background-size:cover; position:relative;}
/*
@media screen and (min-width: 1280px) { 
.main_visual{ background-attachment:fixed}
}*/
.main_visual .visual_text{ padding: 30px 10px 50px 10px; border-radius:10px; text-align: center;color:#fff; }
.main_visual h3{font-size:80px; text-shadow:1px 1px 4px rgba(0,0,0,0.2); line-height:1em; letter-spacing:-2px; font-weight:600}
.main_visual h4 {font-size:20px; text-shadow:1px 1px 4px rgba(0,0,0,0.2); margin-top:10px; font-weight:400}
.main_visual .u_line {display:block;width:100px;  border-bottom:1px solid ; border-color:rgba(255,255,255,0.5); margin:20px auto}
.main_scroll {position:relative;bottom:10px;}

.btn_admin { overflow:hidden; padding:30px 10px; line-height:1em; background:#324cab; color:#fff}
.btn_admin span.point_c{ color:#aabcff}
.btn_admin a{ text-align:center; display:inline-block; font-size:0.9em; padding:18px 25px 16px;  border-radius:50px; line-height:1em; position: absolute; right:0; margin-top:-16px; background:rgba(0,0,0,0.2)}
.btn_admin a img{ padding-left:5px; vertical-align:top}

#main h2{ font-size:2em; letter-spacing:-2px; line-height:1.4em }


/* 회사소개 */
.main_con01{ padding:80px 0 100px 0;text-align: center; }
.main_con01 h2{ line-height:1em}
.main_con01 h3{ font-weight:normal; font-weight:300 !important; font-size:2.8em; line-height:1em}
.main_con01 h3{ display: inline-block; position:relative; padding:0 50px;}
.main_con01 h3:after { content:""; display: block; position: absolute !important; top: 25px; width: 100%; left:0; height: 25px; background:rgba(236,240,255,1); z-index: -1; }
.main_con01 .coment1{ color:#999999; margin:10px 0}
.main_con01 .coment2{ margin-top:40px; }

.main_con01 .var{width:1px; font-size:0; height:40px; background:#000; margin:0 auto;}


.main_con02{ padding:70px 0; background:#324cab; color:#fff; overflow:hidden}
.main_con02 h2 { letter-spacing:-2px; line-height:1.2em !important}
.main_con02 h2 span{ font-weight:300 !important; font-size:0.7em; letter-spacing:-1px}
.main_con02 .wrap{ max-width:900px; margin:0 auto}
.main_con02 img.app{ float:right; max-width:250px;}
.main_con02 .text{ float:left; margin-top:100px;}
.main_con02 .btn{ margin-top:30px;}
.main_con02 .coment1{ color:#7895ff; margin-top:10px;}

.main_con03{ padding:100px 0;  }
.main_con03 .join{ background:#fff }


/*  회원가입   */
.join { }
.join_list{ background:#fff; overflow:hidden; padding:0}
.join_list dt{ /*float:left; line-height:40px; padding:0 0 1px 0; height:42px; */overflow:hidden; margin-bottom:5px; font-weight:500; font-size:1.1em; width:100%; display:none}
.join_list dd{/* margin-left:95px; line-height:40px; height:42px; padding:0 0 1px 0*/ margin-bottom:30px; width:100%}
.join_list dd input{ width:100%; box-sizing:border-box; height:38px; line-height:20px; padding:9px 0px; border:0; border-radius:0px; border-bottom:1px solid #666; background:#fff; font-size:inherit; color:#324cab}

/*이용약관동의*/
.join input.ck_blue[type="checkbox"]{display:none;}
.join label.ck_blue{display:inline-block;width:20px;height:20px; line-height:20px;vertical-align:middle; margin-top:-6px }
.join .ck_blue{background: url("/img/check_blue.png") no-repeat 0 0; }
.join input:checked + label.ck_blue{background: url("/img/check_blue.png") no-repeat -20px 0;  vertical-align:middle}
.join .agree .btn_more{color:#324cab;  float:right; font-size:0.8em}

.join .btn_area{border-top:1px solid #666;}

.join .agree { color:#666;  padding-bottom:20px}

.join h4 span{ position:relative;  }
.join h4 span:after { content:""; display: block; position: absolute !important; top: 10px; width: 110%; left:0; height: 25px; background:rgba(236,240,255,1); z-index: -1; }



button.btn { padding:10px 20px; line-height:30px;border:1px solid #333; color:#fff;  background:#333; cursor: pointer; transition:all 0.9s, color 0.3; border-radius:0px; margin-top:30px}
.join ul{ margin-left:-80px;  overflow: hidden; *width:100%;  }
.join ul li{ float:left; width:33.33%;  }
.join ul li:first-child{ margin-left:0}
.join ul li dl { padding:0; margin-left:80px; position:relative; overflow:hidden}


@media screen and (min-width:1260px){

.join  h4{ float:left; width:250px }
.join .ri_con{ float:right; width:900px }
.join article{ overflow:hidden;  float:none}

}

.wrap { position: relative; max-width: 1200px; margin: 0 auto; } 

/**/
@media screen and (max-width:1260px){


html, body { font-size: 15px; letter-spacing: -0.5px}

.wrap { margin: 0 4% !important; }	

.main_visual h3{font-size:65px;}
.main_visual h4 {font-size:16px;}
.main_visual .u_line { margin:10px auto}

#main h2{ font-size:1.7em; letter-spacing:-2px; line-height:1.4em }
.main_con01 h3{ font-size:2.2em;}
.main_con01 h3{ padding:0 20px;}
.main_con01 h3:after { top: 10px; width: 100%; left:0; height: 20px;  }
.main_con01 .var{ height:30px; }


.main_con02 img.app{  max-width:25%;}
.main_con02 .btn img{ width:130px;}
.main_con02 .text{  margin-top:50px;}
.main_con02 .wrap{ padding:0 10%}


.main_con01{padding:70px 0; }
.main_con02{padding:60px 0;}
.main_con03{ padding:70px 0;}

.join ul li{ float:left; width:50%;  }
.join h4 span:after {  top: 10px;  height: 15px;  }
.btn_admin a{  margin-top:-18px;}
}

@media screen and (max-width:640px){
html, body { font-size: 14px; letter-spacing: -0.5px}
.wrap { margin: 0 6% !important; }	

.main_visual{overflow:hidden; padding:140px 0 ; background-position:60% 0; }
.main_visual h3{font-size:35px;}
.main_visual h4 {font-size:13px;}

#main h2{ font-size:1.4em; letter-spacing:-2px; line-height:1.4em }

.main_con01 h3{ font-size:1.87em;}
.main_con01 .var{ height:20px; }

.main_con02{ text-align:center; height:350px; overflow:hidden}
.main_con02 h2 { letter-spacing:-2px; line-height:1.1em !important}
.main_con02 .text{  margin-top:0px !important; width:100%; text-align:center}
.main_con02 .wrap{ padding:0 4%}
.main_con02 img.app{ width:180px; margin:20px auto; float:none; max-width:100%}

.main_con02 .btn{ margin-top:20px;}
.main_con02 .coment1{ margin-top:5px;}


.main_con01{padding:50px 0; }
.main_con02{padding:40px 0;}
.main_con03{ padding:50px 0;}


.join ul li{ float:left; width:100%;  }

.btn_admin{ padding:0}
.btn_admin span{ display:none}
.btn_admin a{ width:auto; display:block;background:rgba(0,0,0,0) ; padding:23px 0 23px  0; margin-top:0; position:relative; right:auto; text-align:center; font-size:1.1em}
.btn_admin a img{ vertical-align:top; margin-top:1px}
}
@media screen and (max-width:360px){
html, body { font-size: 13px; }	
.wrap { margin: 0 4% !important; }	
}

#cont01, #cont02, #cont03{  visibility:hidden}



@media screen and (max-width:860px){
.br{ display:none}
.ceo{ text-align:left}
}