@charset "utf-8";
/* 모바일용 CSS */

/* 서브상단 */
#sub_top_wrap {display:block; width: 100%; height:290px; position:relative; margin:0 auto; padding:0; color:#fff; background:#002063 url('../images/main_slider_wrap_bg.png') repeat-y center; }
.sub_top {width:95%; margin:0 auto; height:230px; display:block; position:relative; top:10px; color:#fff;}
.sub_top h2 {position:absolute; font-weight:normal; left:0; bottom:50px; width:100%; font-size:40px; text-align:center;  font-family: 'Anton', sans-serif; color:#000; padding-top:40px; background:url('../images/h2_bg.png') no-repeat center top; background-size:50px;}
.h2_msg {display:none;}
.sub_t1_img{background:url('../images/main_img_02.jpg') no-repeat center center; background-size:cover;}
.sub_t2_img{background:url('../images/main_img_03.jpg') no-repeat center center; background-size:cover;}
.sub_t3_img{background:url('../images/sub_timg_bg3.jpg') no-repeat center center; background-size:cover;}
.sub_t4_img{background:url('../images/main_img_04.jpg') no-repeat center center; background-size:cover;}
.sub_t5_img{background:url('../images/sub_timg_bg5.jpg') no-repeat center center; background-size:cover;}


.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; overflow:visible; margin: 0 auto; position:relative; z-index:410; background:#ffffff; border-bottom:1px solid #dfdfdf;}
.sub_tabmenu_wrap {width:100%; overflow:hidden; margin: 0 auto; }
.sub_tabmenu {width:100%; overflow:hidden; position:static; }
.sub_tabmenu li.sub_home {display:none;}
.sub_tabmenu li.menu_list { overflow:hidden; position:static; }
#firstpane {width:35%; float:left; z-index:420; }
#secondpane {width:65%; float:left; z-index:410; border-left:1px solid #dfdfdf; box-sizing:border-box;}

#firstpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat right center; height:60px; line-height:60px; padding-left:20px; }
#secondpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat right center; height:60px; line-height:60px; padding-left:20px; }
.menu_head {
	cursor: pointer;
	position: relative;
	font-size:18px;	
	font-size:1.125rem;
	color:#282a2c;
	text-align:left;
	text-transform:uppercase
}

.menu_body {
	position:absolute;  overflow:hidden; z-index:999999999;
	display:none;
	width:65%;
}

#firstpane .menu_body  {	width:35%;}

.menu_body li{	
	position: relative;
	display:block;
	color:#282a2c !important;
	background:#dfdfdf;
	text-decoration:none;
	font-size:17px;	
	font-size:1.0625rem;
  	text-align:left;	
	height:50px !important;
	line-height:50px !important;
	z-index:9999;

}

.menu_body li a {display:block; width:100%; height:50px; line-height:50px; padding-left:24px; box-sizing:border-box; }
#firstpane .menu_body li {border-top:1px solid #c1c1c1;	}
#secondpane .menu_body li {border-top:1px solid #c1c1c1;}
#firstpane .menu_body li:first-child {border-top:0px solid #c1c1c1;}
#secondpane .menu_body li:first-child {border-top:0px solid #c1c1c1;}
#firstpane .menu_body li:hover a, #firstpane .menu_body li:focus a{
  color: #fff; background:#333;
}
#secondpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#7caa19;
}

.t_box {background:#f7f7f7; padding:5% 12%; text-align:center;}
.t_box2 {background:#fff; padding:50px 12%; text-align:center; background:url('../images/t_box2_bg.jpg') no-repeat center bottom}  

/* 서브내용 */
#sub_layout_wrap {padding:30px 0 60px 0; overflow:hidden;}
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:92%;overflow:visible; margin:0 auto; position:relative; font-size:16px; font-size:1rem; color:#5c5a5a; line-height:24px; line-height:1.5rem; font-weight:300}
#sub_con h3 {text-align:center; line-height:42px;  color:#5c5a5a;font-weight:normal; background:url('../images/h3_bg.png') no-repeat center bottom; padding-bottom:60px; margin:40px 0;}
#sub_con h3>span {font-size:32px; font-size:2rem; display:block; color:#202020; }
#sub_con h4 {line-height:36px; height:36px; font-size:22px; font-size:1.375rem; color:#0f7c42; font-weight:normal; font-family:'NanumSquareB'; margin-bottom:7px;}
#sub_con h5 { line-height:36px; height:36px; font-size:17px; font-size:1.0625rem; font-weight:normal; margin-bottom:10px;}
#sub_con h5 span {border-radius:0 18px 0 0; line-height:36px; height:36px;  display:inline-block; min-width:78px; color:#fff; font-family:'NanumSquareB'; padding:0 20px 0 33px;  background:#258d7b url('../images/h5_bg.png') no-repeat 14px center;  }


/* 서브탭 */
.sub_tabs_wrap {width:100%; overflow:hidden; margin-bottom:40px;}
.sub_tabs_wrap ul {}
.sub_tabs_wrap ul li {float:left; height:55px; line-height:55px; text-align:center; background:#f1f1f1;}
.sub_tabs_wrap ul li.on {background:#0f7c42;}
.sub_tabs_wrap ul li a {display:block; box-sizing:border-box; height:55px; line-height:55px; border:1px solid #dadada; font-size:18px;}
.sub_tabs_wrap ul li.on a {color:#fff;}
.sub_tabs_wrap ul.tabs2_long li {width:50%;}
.sub_tabs_wrap ul.tabs2_long li.long {width:100%;}
.sub_tabs_wrap ul.tabs3 li {width:33%;}

/* 인사말 */
.intro_01_tit {font-size: 30px;  word-break:keep-all; line-height:36px; text-align:center;}
.intro_01_tit span {color:#6b8200; display:block; font-family:'NanumSquareB';}
.intro_01_con_wrap {width:100%; overflow:hidden; margin-top:30px;}
.intro_01_thm  {background:#ccc url('../images/intro_01_thm_bg.jpg') no-repeat 80% 60%; background-size:cover; width:100%; height:200px; margin:0 auto; position:relative; transition-duration:0.5s}
.intro_01_con {margin-top:30px;}
.intro_01_con_tit {font-family:'NanumSquareL'; font-size:24px; line-height:30px; word-break:keep-all; color:#000; margin-bottom:20px;}
.point_t1 {color:#0f7c42;}
.point_t2 {color:#1033b6;}

.intro_vision_wrap  {width:100%; overflow:hidden; padding:60px 0; background:#ccc url('../images/intro_vision_bg.jpg') no-repeat center top; background-size:cover; margin:60px 0 0 0 }
.intro_vision_tit { font-family: 'Anton', sans-serif;  text-align:Center; font-size:40px; color:#000; font-weight:300; letter-spacing:20px; padding-left:20px;}
.intro_vision {margin:0 auto; overflow:hidden; width: 278px;}
.intro_vision li {margin-top:40px; width:278px; height:278px; border-radius:50%; background:#fff; position:relative; text-align:Center;}
.vision_num { font-family:'Noto Sans KR', serif; font-size:30px; top:40px; position:relative;}
.intro_vision li.vision_01 .vision_num {color:#7ba919;}
.intro_vision li.vision_02 .vision_num {color:#5b9c26;}
.intro_vision li.vision_03 .vision_num {color:#3f9030;}
.vision_thm { margin:20px auto; top:40px; position:relative;}
.vision_txt {width:70%; margin:0 auto; top:40px; position:relative; word-break:keep-all; color:#282a2b;}

/* 사업소개 */
.intro_02_img {width:92%; margin:0 auto; text-align:Center; overflow:hidden;}
.intro_02_img img {width:100%; max-width:1018px;}

.intro_02_con_wrap {width:100%; overflow:hidden; margin-top:30px;}
.intro_02_thm  {text-align:Center; background:#ccc url('../images/intro_02_thm_bg.jpg') no-repeat 80% 60%; background-size:cover; width:100%; height:140px; padding-bottom:64px;margin:0 auto; position:relative; transition-duration:0.5s}
.intro_02_thm p {font-family:'Anton'; font-size:30px; line-height:34px; word-break:keep-all; color:#fff; position:relative;  top:50%; }
.intro_02_thm p span {font-family:'Anton'; color:#7ba919; display:block;}
.intro_02_con {margin-top:20px;}


/* 주요실적 */
.intro_06_con_wrap {width:100%; overflow:hidden; margin-top:30px;}
.intro_06_thm  {text-align:Center; background:#ccc url('../images/intro_06_thm_bg.jpg') no-repeat 80% 60%; background-size:cover; width:100%; height:140px; padding-bottom:64px;margin:0 auto; position:relative; transition-duration:0.5s}
.intro_06_thm p {font-family:'Anton'; font-size:30px; line-height:34px; word-break:keep-all; color:#fff; position:relative;  top:50%; }
.intro_06_thm p span {font-family:'Anton'; color:#7ba919; display:block;}
.intro_06_con {margin-top:30px;}


.info_con_wrap {margin-top:40px; } 
.info_con2_wrap {width:100%; overflow:hidden; position:relative; left:-5%; margin:0 auto; margin-top:40px; padding:50px 5%; background:#f8f8f8;} 
.info_con_tit { font-family:'NanumSquareL'; font-size:28px; line-height:2rem; color:#222; margin:0 0 20px 0; }
.info_con_in {overflow:hidden;}

.info_img  { position:relative; background-size:cover; width:100%;  left:-5%;  margin-top:40px; padding:50px 5%; height:160px;  }
.info_01_1 {background:url('../images/info_01_bg1.jpg') no-repeat center center;  }


.info_step_wrap {width:100%; overflow:hidden; margin-top:20px;}
.info_step_wrap>li.step_box {width:99%; overflow:hidden; border:1px solid #dadada; position:relative; transition: all 0.7s ease-in-out; }
.info_step_wrap>li.step_box .step_thm {position:relative; width:100%; height:144px; background:#1033b6; }
.info_step_wrap>li.step_01 .step_thm { background:#81aa3e url('../images/step_1_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_02 .step_thm { background:#769e4f url('../images/step_2_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_03 .step_thm { background:#668e5b url('../images/step_3_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_04 .step_thm { background:#598069 url('../images/step_4_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_05 .step_thm { background:#446a7f url('../images/step_5_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_06 .step_thm { background:#355a8f url('../images/step_6_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_07 .step_thm { background:#274c9d url('../images/step_7_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_08 .step_thm { background:#1033b6 url('../images/step_8_bg.png') no-repeat center 26px;}
.info_step_wrap>li.step_box .step_thm p {position:absolute; top:70%; left:0; text-align:Center; width:100%; font-size:18px; color:#fff; font-family:'NanumSquareB';}
.info_step_wrap>li.step_box .step_con {position:relative; width:90%; min-height:77px; padding:5%;}
.info_step_wrap>li.arrow {text-align:center; height:30px; line-height:30px; }
.info_step_wrap>li.arrow img {vertical-align:middle;}

.step_cnt {width:100%; overflow:hidden; }
.step_cnt li {width:99%; overflow:hidden; height:35px; line-height:35px; margin-bottom:5px; border:1px solid #dadada; }
.step_cnt li span {display:block; float:left; width:67%; font-size:15px; padding-left:3%; font-family:'Noto Sans KR';}
.step_cnt li span:first-child {width:30%; text-align:Center; background:#81aa3e; color:#fff; font-weight:500; padding-left:0}

.step_btn {width:100%; overflow:hidden; }
.step_btn li {width:99%; overflow:hidden; height:35px; line-height:34px; margin-bottom:5px; border:1px solid #dadada; text-align:center;}
.step_btn li a {display:block; width:100%; height:35px;  font-family:'Noto Sans KR'; font-weight:300; font-size:15px; transition-duration:0.3s}
.step_btn li a span {color:#668e5b;  font-family:'Noto Sans KR'; font-weight:500; }
.step_btn li a:hover {background:#668e5b; color:#fff;}
.step_btn li a:hover span {color:#fff;}

.list_01 {width:100%; overflow:hidden;  }
.list_01>li {font-size: 17px; font-size: 1.0625rem; word-break:keep-all; line-height:26px; margin-bottom:7px; padding-left:12px; background:url('../images/list_01_bg.png') no-repeat left 10px; text-align:left;} 
.list_01>li span {color:#3259bd; font-family:'NanumSquare'; }
.list_01>li>ul {width:100%; overflow:hidden; margin-top:8px}
.list_01>li>ul>li {font-size: 16px; font-size: 1rem; word-break:keep-all; line-height:22px; padding-left:14px; background:url('../images/list_02_bg.jpg') no-repeat 1px 11px;}
.list_01>li>ul>li span {vertical-align:middle; }

.list_num {width:100%; overflow:hidden;}
.list_num>li { font-size: 18px; font-size: 1.125rem; word-break:keep-all;  line-height:26px; padding:7px 0; padding-left:30px;}
.list_num li.num1 {background:url('../images/num1_bg.png') no-repeat left 9px; }
.list_num li.num2 {background:url('../images/num2_bg.png') no-repeat left 9px; }
.list_num li.num3 {background:url('../images/num3_bg.png') no-repeat left 9px; }
.list_num li.num4 {background:url('../images/num4_bg.png') no-repeat left 9px; }
.list_num li.num5 {background:url('../images/num5_bg.png') no-repeat left 9px; }
.list_num li.num6 {background:url('../images/num6_bg.png') no-repeat left 9px; }
.list_num li.num7 {background:url('../images/num7_bg.png') no-repeat left 9px; }
.list_num li.num8 {background:url('../images/num8_bg.png') no-repeat left 9px; }
.list_num li.num9 {background:url('../images/num9_bg.png') no-repeat left 9px; }
.list_num li.num10 {background:url('../images/num10_bg.png') no-repeat left 9px; }

.ready_wrap {padding:80px 30px; background:#f1f1f1; text-align:center;}
.ready_wrap p.ready_tit {font-family:'Anton'; font-size:40px; line-height:44px; word-break:keep-all; color:#c9c9c9; position:relative;  top:50%; }
.ready_wrap p.ready_stit { font-family:'NanumSquareL'; font-size:24px; line-height:2rem; color:#222;  margin-top:20px; word-break:keep-all; }

.pt_list_paging {width:100%; text-align:center; margin:0 auto; margin-top:60px; }
.pt_list_paging ul {display:inline-block; }
.pt_list_paging ul li {float:left; margin-left:5px; width:32px; height:34px;}
.pt_list_paging ul li a {display:block; color:#444444; font-family:'Noto Sans KR'; font-size:15px; width:32px; height:34px; line-height:34px; text-align:center;}
.pt_list_paging ul li a:hover {color:#e1362e; }
.pt_list_paging ul li:first-child {margin-left:0px;}
.pt_list_paging ul li a.on { color:#e1362e;}
.pt_list_paging ul li.prev, .pt_list_paging ul li.next, .pt_list_paging ul li.prev_more, .pt_list_paging ul li.next_more { border:1px solid #dddddd;}
.pt_list_paging ul li.prev a {background:url('../images/paging_prev_sg.jpg') no-repeat center center;}
.pt_list_paging ul li.next a {background:url('../images/paging_next_sg.jpg') no-repeat center center;}
.pt_list_paging ul li.prev_more a {background:url('../images/paging_prev.jpg') no-repeat 9px center;}
.pt_list_paging ul li.next_more a {background:url('../images/paging_next.jpg') no-repeat 10px center;}



/* 태블릿용 CSS */
@media all and (min-width:768px){ 
/* 네비게이션 */

#sub_top_wrap {height:400px;}
.sub_top {width:96%; height:340px; top:20px;}
.sub_top h2 {bottom:120px}

.intro_vision_wrap {padding:100px 0;}
.intro_vision {width:830px;}
.intro_vision li {float:left; width:250px; height:250px; margin-left:40px;}
.intro_vision li:first-child {margin-left:0;}
.vision_num { top:30px;}
.vision_thm { margin:10px auto; top:30px; }
.vision_txt {top:30px; }


.intro_02_thm {padding-bottom:40px;}
.intro_02_thm p {font-size:34px; line-height:40px; }
.intro_02_thm p span { display:inline-block;}

.intro_06_thm {padding-bottom:40px;}
.intro_06_thm p {font-size:34px; line-height:40px; }
.intro_06_thm p span { display:inline-block;}


.sub_tabs_wrap ul.tabs2_long li {width:33.3333333%;}
.sub_tabs_wrap ul.tabs2_long li.long {width:33.3333333%;}

.info_img  {height:320px;}

.info_step_wrap>li.step_box {float:left; width:46%; overflow:hidden; height:383px; border:1px solid #dadada; position:relative; margin-bottom:40px;}
.info_step_wrap>li.step_box .step_con {	}
.info_step_wrap>li.arrow {float:left; width:6%; text-align:center; height:383px; line-height:144px; }
.info_step_wrap>li.arrow_2, .info_step_wrap>li.arrow_4, .info_step_wrap>li.arrow_6  {display:none;}
.info_step_wrap>li.arrow img {transform: rotate(270deg);}

.info_step_wrap>li.step_05,
.info_step_wrap>li.step_06,
.info_step_wrap>li.step_07,
.info_step_wrap>li.step_08 {height:283px;}

.info_step_wrap>li.arrow_5,
.info_step_wrap>li.arrow_6,
.info_step_wrap>li.arrow_7,
.info_step_wrap>li.arrow_8 {height:283px;}
}



/* PC용 CSS */
@media all and (min-width:1024px){

/* 서브상단 */

#sub_top_wrap {width:1920px; height:495px;  left:50%; margin-left:-960px;}
.sub_top {width:1860px; height:465px; top:0; }
.sub_top h2 {bottom:135px; background-size:100px; padding-top:70px; letter-spacing:20px}

.sub_t1_img{background:url('../images/main_img_02.jpg') no-repeat center -160px; background-size:cover;}
.sub_t2_img{background:url('../images/main_img_03.jpg') no-repeat center -160px; background-size:cover;}
.sub_t3_img{background:url('../images/sub_timg_bg3.jpg') no-repeat center -270px; background-size:cover;}
.sub_t4_img{background:url('../images/main_img_04.jpg') no-repeat center -100px; background-size:cover;}
.sub_t5_img{background:url('../images/sub_timg_bg5.jpg') no-repeat center center; background-size:cover;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:1301px; margin: 0 auto; min-width:1300px; top:-20px;}
.sub_tabmenu_wrap {width:1301px; margin: 0 auto; min-width:1300px; }
.sub_tabmenu { width:1300px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.sub_tabmenu>li.sub_home {display:block; float:left; width:70px; height:70px; background:url('../images/s_icon_home.png') no-repeat center center; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
#firstpane {width:250px; float:left;}
#secondpane {width:320px; float:left; border-right:1px solid #dfdfdf; }

#firstpane .menu_head {width:209px; padding:0 20px 0 20px; display:block; height:70px; line-height:70px;  }
#secondpane .menu_head {width:279px; padding:0 20px 0 20px; display:block; height:70px; line-height:70px;  border-right:1px solid #dfdfdf;}

.menu_head { border-radius:0px; }
.menu_body { width:319px; }
#firstpane .menu_body  {	width:250px;}
.menu_body li:first-child {border-radius:0;}


/* 서브내용 */
#sub_layout_wrap {padding:60px 0 90px 0; }
#sub_con_wrap {width:100%; overflow:hidden; }
#sub_con {width:1300px; overflow:visible; margin:0 auto; position:relative; font-size:17px;  font-size:1.0625rem;  line-height:28px; line-height:1.75rem;  }

/* 인사말 */
.intro_01_tit {font-size:36px; line-height:40px; letter-spacing:-1px;}
.intro_01_tit span { display:inline-block;}
.intro_01_con_wrap {width:1300px; margin-top:60px;}
.intro_01_thm  {float:left; width:770px; height:606px; background:#ccc url('../images/intro_01_thm_bg.jpg') no-repeat center center; background-size:cover; }
.intro_01_con {float:right; width:485px; margin-top:50px;}
.intro_01_con_tit {font-size:30px; line-height:42px;  margin-bottom:40px;}

.intro_vision_wrap {padding:100px 0; margin-top:20px;}
.intro_vision {width:1095px; padding:30px; background:url('../images/intro_vision_bg.png') no-repeat center center; margin-top:80px;}
.intro_vision li {float:left; width:343px; height:343px; margin-left:33px; background:none;}
.intro_vision li:first-child {margin-left:0;}
.vision_num { top:40px; font-size:40px; font-weight:500}
.vision_thm { margin:15px auto; top:40px; }
.vision_txt {top:40px; font-size:20px;  }

.intro_02_con_wrap {width:1300px; margin-top:60px;}
.intro_02_thm  {float:right; width:500px; height:283px; background:#ccc url('../images/intro_02_thm_bg.jpg') no-repeat right center; background-size:cover; }
.intro_02_thm p {font-size:38px; line-height:40px; }
.intro_02_con {float:left; width:760px; margin-top:0;}

.intro_06_con_wrap {width:1300px; margin-top:60px;}
.intro_06_thm  {float:left; width:630px; height:500px; background:#ccc url('../images/intro_06_thm_bg.jpg') no-repeat right center; background-size:cover; }
.intro_06_thm p {font-size:38px; line-height:40px; }
.intro_06_con {float:right; width:615px; margin-top:40px;}




.info_con_wrap {width:1300px; overflow:hidden; margin:0 auto; margin-top:60px; } 
.info_con2_wrap {width:1300px; overflow:hidden; position:relative; left:-40px; margin:0 auto; margin-top:60px; padding:40px; background:#f8f8f8;} 
.info_con_tit {display:block; float:left; width:320px; margin:0 auto;   line-height:2.5rem; word-break:keep-all; overflow:hidden; font-size:30px; }
.info_con_in { float:right; width:950px; overflow:hidden; }

.info_img {width:1300px; overflow:hidden;height:250px;left:-40px; margin:0 auto; margin-top:30px; padding:40px; background-size:cover}

.info_step_wrap>li {height:383px; }
.info_step_wrap>li.step_box {float:left; width:302px; overflow:hidden; height:383px; border:1px solid #dadada; position:relative; margin-bottom:40px;}
.info_step_wrap>li.step_box .step_con {	}
.info_step_wrap>li.arrow {float:left; width:28px; text-align:center; height:383px; line-height:144px; }
.info_step_wrap>li.arrow_2, .info_step_wrap>li.arrow_6  {display:block;}

.info_step_wrap>li.step_05,
.info_step_wrap>li.step_06,
.info_step_wrap>li.step_07,
.info_step_wrap>li.step_08 {height:283px;}

}