@charset "euc-kr";

/*contents*/
#content_wrap {position:relative; width:100%;}


.cntbox {width:100%; position: relative; margin:0 auto; overflow:hidden;}
.cntbox p {font-family: Roboto; font-weight: 300; margin:0 auto; text-align:center; color:#999; font-size:23px; line-height:100%; letter-spacing:0.8rem;}
.cntbox ul{width:1300px; text-align:center}

/* sub visual */
#sub_visual {position:relative; width:100%; height:798px; overflow:hidden; margin-bottom:18px;}
#sub_visual .visual {position:absolute; left:50%; top:0; margin-left:-1000px; width:2000px;}
#sub_visual .visual_text {width: 100%; min-width: 1300px;position: relative; margin: 55px auto; margin-left: 360px; text-align: center; top: 105px; z-index:1;clear: both;}
#sub_visual .visual_text h2 {;font-size: 58px; font-weight: 600; color: #333; line-height:68px;}
#sub_visual .visual_text p {font-family: 'Nanum Myoungjo',serif; font-size: 33px; padding-top:20px; margin-bottom:20px; color: #333; line-height: 130%; letter-spacing: -0.125rem;}
#sub_visual .visual_text .big_tit {margin: 0 auto; padding:0 10px; font-size: 67px; font-weight: 700; color: #333; letter-spacing: -0.225rem;}
#sub_visual .line_1 {width: 1px;height: 95px;border-left: 1px solid #fff;position: absolute;left: 50%; margin-left:370px; top: 10%;}
#sub_visual .line_2 {width: 1px;height: 95px;border-left: 1px solid #fff;position: absolute;left: 50%; margin-left:370px; top: 72%;}

#sub_visual .visual_text1 {width: 100%; min-width: 1300px;position: relative; margin: 55px auto; text-align: center; top: 200px; z-index:1;clear: both;}
#sub_visual .visual_text1 h2 {;font-size: 58px; font-weight: 600; color: #333; line-height:68px;}
#sub_visual .visual_text1 span {display: block;color: #fff; letter-spacing: -0.125rem; padding-top:10px; margin-bottom:30px;}
#sub_visual .visual_text1 .big_tit {margin: 0 auto; padding:0 10px; font-size: 67px; font-weight: 700; color: #333; letter-spacing: -0.225rem;}
#sub_visual .line_3 {width: 1px;height: 95px;border-left: 1px solid #fff;position: absolute;left: 50%; top: 30%;}
#sub_visual .line_4 {width: 1px;height: 95px;border-left: 1px solid #fff;position: absolute;left: 50%; top: 60%;}

#sub_visual .visual_text .text_img {width: 100%; text-align: center;}
#sub_visual .visual_text span {display: inline-block; padding:0 20px; margin: 0 auto; font-size: 18px; color: #fff; margin: 20px 0 40px; letter-spacing: -0.008rem; font-weight: 300;}


#board_visual {width:100%; height:150px; margin:0 auto; text-align:center; background-color:#222; overflow:hidden; margin-bottom:40px;}
#board_visual h2{font-weight:700; font-size:43px; color:#999;line-height:150px;}


/* .cntbox ul li{padding-top:20px} */

.wd1280 {width:1300px; margin:0 auto;text-align:center; padding-bottom:40px;}
.wd1280 h3 {width:1300px; text-align:center; font-size:40px; font-weight:bold; color:#222;letter-spacing:-1.0px;  line-height: 150%; padding-bottom:35px;}
/*.wd1280 h3 span {font-weight: 300; display:inline-block; padding-bottom:11px;}*/

.wd2000 {position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px; font-size:0; line-height:0;}
.wd2000 h3 {width:2000px; text-align:center; font-size:60px; color:#222; letter-spacing:-1.0px;  line-height: 150%; padding-bottom:47px;}
.wd2000 h3 span {font-size: 60px ;font-weight: 600;color: #222; display: inline-block;margin-top: -17px;}
.wd2000 .line {display: block; width: 4px; height: 37px; background-color: #222;margin-bottom: 37px;}

/*.wd2000 h3 span {display:inline-block; padding-bottom:11px; font-size: 40px; font-weight: 300; color: #222;}*/

.title_bullet{height:110px; width:100%; background:url(../images/title_bullet.gif) no-repeat top center}

/* .M_wd2000{position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px; padding-bottom:50px;}
.M_wd2000 h3 {width:2000px; text-align:center; font-size:40px; font-weight:bold; color:#222;letter-spacing:-1.0px;  line-height: 150%; padding-bottom:35px;}
.M_wd2000 h3 span {font-weight: 300;} */


/* .M_wd2000 .media_wrap{width:100%; background-color:#eff3f5; overflow:hidden; padding:50px 0;}
.M_wd2000 ul{width:1300px; margin:0 auto}
.M_wd2000 li{float:left; padding:0 5px} */


/* 
#title {width:100%; margin-top:10px; margin-bottom:30px;}
#title h4 {font-size:30px; color:#333; text-align:left;}
 */




/*?�반?�이지*/

.cntbox {position:relative; overflow:hidden; }
.cntbox h5 {font-family: 'Roboto'; font-size: 20px; text-align: center; padding:10px 0 20px; font-weight: 200; color: #bbbbb; letter-spacing: -0.025rem;}
.cntbox h5 strong {display: block; font-family: 'Roboto';font-size: 55px; text-align: center; padding: 10px 0 5px; font-weight: 700; color: #333;}
.cntbox .brand_title {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; text-align: center; color: #333; letter-spacing: -0.12rem; line-height: 40px; margin-bottom: 35px;}
.cntbox .brand_title strong {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; color: #6c7db5;}




#content_wrap #location {clear:both; height:30px; margin: 50px auto 100px}
#content_wrap #location .locbox {width:1300px; margin:0 auto; text-align:center;}
#content_wrap #location .locbox span {display:inline-block; vertical-align:middle;}
#content_wrap #location .locbox .home {width:18px; height:0; padding-top:15px; overflow:hidden; background:url(../images/icon_home.png) no-repeat left top; }
#content_wrap #location .locbox .arrow {width:5px; height:0; padding-top:15px; overflow:hidden; margin:0 5px; background:url(../images/icon_arrow.png) no-repeat left 4px;}
#content_wrap #location .locbox .loc1 {color:#999; height:39px; font-size:15px; line-height:39px;}
#content_wrap #location .locbox .loc2 {height:39px; font-size:15px; line-height:39px; color:#b6508d}



.sub_tit01{padding:20px 0}
.sub_ban{overflow:hidden;}
.sub_ban li{display:inline-block; padding:10px}


/*tab common style*/
.tab_area {position:relative; width:1380px; margin:auto; top:-74px;}
.sub_tabs {width:1380px; overflow:hidden; background:#fff;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:66px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.sub_tabs ul li:last-child {border-right: 1px solid #d9d9d9;}



/*.sub_tabs ul li:last-child{border-right:solid 1px #d9d9d9;}*/
.sub_tabs ul li a {display:block; text-align:center; font-size:16px; line-height:66px; color:#666; border-left:solid 1px #d9d9d9; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {height:59px; border-bottom:7px solid #b6508d;}

/*?�브??컬러*/

#mn2 li{width:49.95%;}
#mn3 li{width:33%;}
#mn4 li{width:24.9%;}
#mn5 li{width:19.98%;}
#mn6 li{width:16.65%;}
#mn7 li{width:14.27%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11.1%;}
#mn10 li{_width:9.94%;     width: 8.95%;}
#mn11 li{width: 9.08%}/*{width:9.08%;}*/


/*tab_3dep*/
.tab_3dep{width:1300px; margin:0 auto; text-align:center; overflow:hidden; border-top: 1px solid #999; background-color:#f7f7f7;}
.tab_3dep li{width:13%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:17px; padding:15px 0; font-weight:500;}
.tab_3dep li a:hover, visit{padding:15px 0; color:#c42e2f; text-decoration:underline}
.tab_3dep li a.on{color:#c42e2f;}


#contents {position:relative; width:100%;}


/*?�러보기*/
#cnts .slider {position:relative; width:848px; height:498px; overflow:hidden; margin-bottom:40px; padding:5px; border:solid 1px #d9d9d9;}
#cnts .bd {position:absolute; left:5px; top:5px; z-index:1; width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li {width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li img {width:100%; height:100%;}
#cnts .slider .tempWrap {overflow:visible !important;}
#cnts .slider .tempWrap ul {margin-left:0 !important;}

#cnts .slider .hd {position:absolute; bottom:15px; z-index:10; width:848px; height:7px; text-align:center; overflow:hidden;}/* ?�단?�릭버튼 */
#cnts .slider .hd li {display:inline-block; *display:inline; zoom:1; width:20px; height:7px; margin:0 3px; background-color:#ccc; overflow:hidden; cursor:pointer;  }
#cnts .slider .hd li.on {background-color:#F90; background-position:0 0; filter:alpha(opacity=100); opacity:1;}

#cnts .slider .pnBtn {position:absolute; top:50%; margin-top:-30px; z-index:20; width:60px; height:60px; cursor:pointer;}
#cnts .slider .prev {left:5px;}
#cnts .slider .next {right:5px;}
#cnts .slider .pnBtn a {display:block; width:100%; height:100%;}
#cnts .slider .pnBtn .arrow {display:none; position:absolute; top:0; z-index:1; width:60px; height:60px;}
#cnts .slider .pnBtn .arrow:hover {filter:alpha(opacity=60);opacity:0.6;}
#cnts .slider .prev .arrow {background:url(../mn01/images/arrow_prev.png) no-repeat;}
#cnts .slider .next .arrow {background:url(../mn01/images/arrow_next.png) no-repeat;}



/*?�용?��?, 개인?�보보호방침*/
.tit_term {color:#333; font-size:20px; font-weight:bold; margin-bottom:5px;}
.cnt_term {margin-bottom:30px;}
.cnt_term textarea {width:99%; height:250px; border:1px solid #ccc; line-height:160%;}


/*?�원?�이지 관??/
.input_text{width:205px; height:30px; border:1px solid #ddd;}
.input_email {width:120px; height:30px; border:1px solid #ddd;}
.select1 {height:30px;}

/*login */
.login_box {width:510px; padding:35px; border:4px solid #eee; margin:0 auto; background:#fff;}
.login_box .tit{margin-bottom:15px;}
.login_box .login_table {padding:20px; margin:0 auto; margin-bottom:15px; background:#f5f5f5;}
.login_box .find_area{width:280px; margin:0 auto; text-align:center;}
.login_box .find_area li{float:left; height:14px; border-right:1px solid #d9d9d9; padding:0 20px;}
.login_box .find_area li.last {border-right:none;}
.login_box .find_area li a {display:block; font-size:12px; line-height:14px;letter-spacing:-1px;}
.login_box .find_area li.last a {color:#369;}
.login_box .sns_login {padding-top:15px; text-align:center;}

/*?�원가??/
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:15px; color:#333; background:#f6f6f6; }
.join_form .tx {width:100%; height:150px; font-size:15px; line-height:160%;}
.input_tel {width:80px; height:30px; border:solid 1px #d9d9d9;}

/*?��?, 개인?�보보호방침*/
.terms {width:1300px;}
.terms_in {width:100%; height:200px; padding:20px 0; line-height:160%;}

/*id, pw찾기*/
.find_box {width:360px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:left; margin:0 auto 40px auto;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px 10px 20px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .find_id_table {padding:30px 10px 30px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:170px;}


/*로그????/

.tab_area2 {position:relative; width:1300px; margin:auto; margin-top: 35px; }
.sub_tabs2 {width:1380px; overflow:hidden; background:#fff;}
.sub_tabs2 ul:after {clear:both; display:block; content:"";}
.sub_tabs2 ul li {float:left; height:66px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.sub_tabs2 ul li:last-child {border-right: 1px solid #d9d9d9;}
.sub_tabs2 ul li a {display:block; text-align:center; font-size:16px; line-height:66px; color:#666; border-left:solid 1px #d9d9d9; cursor:pointer;}
.sub_tabs2 ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {height:59px; border-bottom:7px solid #b6508d;}

/* ?�브?�단 ?�단?�기 */

.cns_form dt, .cns_form dd {position:absolute; height:30px; line-height:30px;font-size:18px; color:#fff;}
.cns_form select, .cns_form input {width:253px; height:35px; font-size:16px;}

#q_counsel3 {width:100%; height:175px; background:#80848b; margin:auto; padding:20px 0;  z-index:111111;  }
#q_counsel3 .counsel_wrap {width:1200px; margin:auto;}
#q_counsel3 .counsel_wrap:after {clear:both; display:block; content:"";}
#q_counsel3 .cns_form {float:left; position:relative;  margin-top:16px; margin-left:30px; }

#q_counsel3 .cns_form dl{width:100%; height:100px; overflow:hidden}

#q_counsel3 .cns_form dd.btn_cns {left:750px; top:0; width:127px; height:115px;}
#q_counsel3 .cns_form dd.btn_cns input {width:127px; height:115px; line-height:80px;text-align:center; color:#fff; cursor:pointer; background:url(../images/consel_btn.png) no-repeat; border:none;}


/* ?�름 */
.cns_form .name_cnt {left:65px; top:0; }
.cns_form .tel_tit {top:45px;}
.cns_form .tel_cnt {left:42px; top:45px; width:300px;}

/* ?�술?�정??*/
.cns_form .date_tit {left:350px; top:0px; width:100px}
.cns_form .date_cnt {left:430px; top:0px; width:300px;}

/* ?�용 */
.cns_form .cnt_tit {left:350px; top:45px; width:65px; height:65px;}
.cns_form .cnt_cnt {left:435px; top:45px; width:290px; height:65px;}
.cns_form .cnt_cnt textarea {width:250px; height:30px; padding:3px; border:none;}

.term_wrap {color:#fff}
.term_wrap a{color:#fff}



/* ?�력기�? */
#join_company{width:100%;}
#join_company #company_cont{width:1300px; margin:0 auto}
#join_company #company_cont p{float:left; padding:15px 0 10px 0}
#join_company #company_cont li{float:left; padding:5px}