@charset "utf-8";
/* CSS Document */
@font-face{font-family:'nanumgothic'; src:url('./font/nanumgothic.woff')}
@font-face{font-family:'nanumgothic'; src:url('/font/nanumgothic.eot')}
 
html, body, body, table, div, p {font-family:'nanumgothic';}
html, body, h1, h2, h3, h4, h5, h6, li, p {}
/* All Device */

html{overflow-y:scroll;  overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none; }
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{ font-size:13px; color:#333; font-weight:400;}

body{background-color:#fff;}

#wrap{width:100%;  min-width:1260px; overflow:hidden; text-align:left;}
#top_wrap{position:relative;width:100%; height:190px; left:0px; top:0px; z-index:999; 
background:url('../images/top_wrap_bg.jpg') no-repeat top;}

#top_total{position:relative; margin:0 auto; left:0px; top:0px;  width:1200px; height:190px; z-index:998; }

#logo1{  float:left; width:209px; height:49px; margin-top:42px; }
#logo2{float:left; width:271px; height:51px; margin-top:41px; margin-left:255px;}
#top_q{float:right; width:144px; height:55px; margin-left:0px; margin-top:13px;}  
#top_q img{opacity:.85;}
#top_q:hover img{opacity:1;}

/*상단슬라이드다운시작*/
#menu{float:left; left:0px; width:1200px; height:60px;   z-index:50; margin-top:38px;}
#menu ul{ display:table; }
#menu ul li{position:relative;  float:right; height:80px;  }
#menu ul li a{ display:block;   text-align:center;  line-height:18px; padding-top:13px;
font-size:16px; color:#fff; font-weight:600;  }

#menu ul li a span{font-size:13px; font-weight:400;}


#menu01:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu01:hover .twoD a{border:0px;}

#menu02:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu02:hover .twoD a{border:0px;}

#menu03:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu03:hover .twoD a{border:0px;}

#menu04:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu04:hover .twoD a{border:0px;}

#menu05:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu05:hover .twoD a{border:0px;}

#menu06:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu06:hover .twoD a{border:0px;}

#menu07:hover a{border-left:1px solid #ccc; border-right:1px solid #ccc;  text-decoration:none;
border-top:1px solid #ccc; height:47px;}
#menu07:hover .twoD a{border:0px;}


#menu ul #menu01{width:120px;}
#menu ul #menu02{width:140px;}
#menu ul #menu03{width:150px;}
#menu ul #menu04{width:220px;}
#menu ul #menu05{width:220px;}
#menu ul #menu06{width:220px;}
#menu ul #menu07{width:130px;}

#menu ul li:hover a{ color:#2e8fca; background-color:#f5f5f5;}

/*상단바 슬라이드다운 시작*/
#menu .nav {float:left; margin: 0 auto; position:relative; }
#menu .nav .twoD{position:absolute; float:left;  width:1200px;   z-index:900;  background-color:#f5f5f5; 
border-bottom:5px solid #708ca8;
border-bottom-left-radius: 20px; border-bottom-right-radius:20px; padding-top:20px; 
padding-bottom:20px;
}
#menu .nav li .twoD a{display:block; width:299px; height:40px; float:left; 
border-right:1px solid #ccc;
  font-size:15px;  text-decoration:none;
line-height:40px; font-weight:600;  color:#222;}
#menu .nav li .twoD a:hover { color:#2e8fca; }


#menu .nav #menu01 .twoD{  left:0px;}
#menu .nav #menu02 .twoD{ left:-120px; }
#menu .nav #menu03 .twoD{ left:-260px; }
#menu .nav #menu04 .twoD{ left:-410px; }
#menu .nav #menu05 .twoD{ left:-630px; }
#menu .nav #menu06 .twoD{ left:-850px; }
#menu .nav #menu07 .twoD{ left:-1070px; }

#top_bottom1{position:absolute; width:100%; height:110px; left:0px; top:-90px; border-bottom:5px solid #708ca8;
background-color:#f5f5f5; z-index:998; }


#main_img{position:relative; width:100%; max-height:550px; min-width:1200px; }


/*-------------------------------2번째 페이지 시작----------------------------------*/

#second_wrap{position:relative; float:left; 
border-bottom:1px solid #ccc; width:100%; left:0px; overflow:hidden; background-color:#fff; }
#second_total{position:relative;  left:0px; top:0px;overflow:hidden; height:820px; width:1200px;  
margin:0 auto; margin-top:80px;}

#second_ment{position:relative;  text-align:center; height:170px;}

.s_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.s_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.s_ment3{position:relative; font-size:15px; color:#222; top:30px; line-height:25px; }

.triangle{position:relative; top:0px; width:30px; height:15px; left:50%; margin-left:-15px;
background:url('../images/triangle.png') no-repeat top;}


#s_m_left{ position:relative; float:left; width:320px; height:500px;  margin-top:50px;
background:url('../images/l_1_bg.jpg') no-repeat top;}
#s_m_left_title{width:320px; height:80px;  text-align:center;}


#s_m_left_title .s_m_left_title1{position:relative; color:#222; font-size:21px; font-weight:600;
top:20px; }
#s_m_left_title .s_m_left_title2{ font-size:16px;}


#s_left_img{position:relative; float:left; width:280px; height:140px; background-color:#222;
margin-left:20px; background:url('../images/s_left1.jpg') no-repeat top;}



#s_m_left_menu{position:relative; float:left; width:320px; height:300px; margin:0 auto;}
#s_m_left_menu ul{display:table; margin-left:20px; margin-top:15px; width:300px;}
#s_m_left_menu ul li{position:relative;  float:left;  width:300px;}
#s_m_left_menu ul li a{ display:block;    line-height:35px; font-size:16px; color:#333;
font-weight:600;}

#s_m_left_menu ul li a:hover{color:#0c4dba;}
#s_m_left_menu ul li a:hover span{color:#0c4dba;}

#s_m_left_menu li span{font-size:14px; position:relative; float:right; color:#aaa; margin-right:25px;}

/*----------------------------레프트 묶음 끝----------------------------*/




#s_m_right{position:relative; float:left; 
width:850px; height:500px; background:url('../images/second_m_right_bg.jpg') no-repeat top;
margin-top:50px; margin-left:30px;  text-align:center;}


#s_m_right .s_m_right_1{position:relative; float:left; width:395px; height:220px; margin-left:20px; margin-top:20px;
background:url('../images/s_m_right_1.jpg') no-repeat center; cursor:pointer;}
#s_m_right .s_m_right_2{position:relative; float:left; width:395px; height:220px; margin-left:20px; margin-top:20px;
background:url('../images/s_m_right_4.jpg') no-repeat center; cursor:pointer;}
#s_m_right .s_m_right_3{position:relative; float:left; width:395px; height:220px; margin-top:20px; margin-left:20px;
background:url('../images/s_m_right_3.jpg') no-repeat center; cursor:pointer;}
#s_m_right .s_m_right_4{position:relative; float:left; width:395px; height:220px; margin-left:20px; margin-top:20px;
background:url('../images/s_m_right_2.jpg') no-repeat center; cursor:pointer;}
/*-------------------------------2번째 페이지 끝------------------------------------*/



/*-------------------------------3번째 페이지 시작---------------------------------*/

#third_wrap{ position:relative; float:left;
border-bottom:1px solid #ccc; width:100%; left:0px; overflow:hidden; margin-top:0px;}
#third_total{position:relative;  left:0px; top:0px;overflow:hidden; height:900px; width:1200px;  margin:0 auto; }

#third_ment{position:relative; text-align:center; height:170px; margin-top:80px;}

.t_ment1{font-size:40px; font-weight:800; color:#8b2b2b;}
.t_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.t_ment3{position:relative; font-size:15px; color:#222; top:30px; line-height:25px; }


#t_m_left{position:relative; float:left; width:320px; height:500px;  margin-top:50px;
background:url('../images/l_1_bg.jpg') no-repeat top;}
#t_m_left_title{width:320px; height:80px;  text-align:center;}


#t_m_left_title .t_m_left_title1{position:relative; color:#8b2b2b; font-size:21px; font-weight:600;
top:20px; letter-spacing:-1px;}
#t_m_left_title .t_m_left_title2{ font-size:16px;  letter-spacing:0px; color:#222;}


#t_left_img{position:relative; float:left; width:280px; height:140px; background-color:#222;
margin-left:20px; background:url('../images/t_left1.jpg') no-repeat top;}



#t_m_left_menu{position:relative; float:left; width:320px; height:400px; margin:0 auto;}
#t_m_left_menu ul{display:table; margin-left:20px; margin-top:15px;}
#t_m_left_menu ul li{position:relative;  float:left;  width:300px;}
#t_m_left_menu ul li a{ display:block;    line-height:35px; font-size:16px; color:#333; 
font-weight:600;}

#t_m_left_menu ul li a:hover{color:#0c4dba;}
#t_m_left_menu ul li a:hover span{color:#0c4dba;}

#t_m_left_menu li span{font-size:14px; position:relative; float:right; margin-right:25px; color:#aaa;}

/*----------------------------레프트 묶음 끝----------------------------*/


#t_m_right{position:relative; float:left; 
width:850px; height:500px; background:url('../images/t_m_right_bg.jpg') no-repeat top;
margin-top:50px; margin-left:30px;  text-align:center; }

#t_m_right_ment{position:relative; width:100%; height:125px; }
#t_m_right_ment .t_m_right_title1{position:relative; color:#8b2b2b; font-size:24px; font-weight:600; top:20px; }
#t_m_right_ment .t_m_right_title2{position:relative; color:#222; font-size:16px; font-weight:600;
top:25px; line-height:25px;}

/* 퀵 1시작 */
#t_q1{position:relative; float:left; width:260px; height:160px; 
margin-left:15px; background:url('../images/t_1_bg.jpg') no-repeat top; }
#t_q1 .t_q1_ment1 {position:relative; font-size:17px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q1 .t_q1_ment1 .t_q1_ment11{position:relative; top:13px; line-height:20px;}


#t_q1 .t_q1_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px;}

.gogo_button{position:relative;  width:90px; height:20px; 
left:20px; margin-top:60px; background-color:#222e35; opacity:.5;
border-radius:10px;}
.gogo_button a{color:#fff; font-size:13px; opacity:1; display:block; line-height:20px;}
.gogo_button:hover{opacity:1;}
.gogo_button:hover a {text-decoration:none;}

/* 퀵 1 끝 */


/* 퀵 2시작 */
#t_q2{position:relative; float:left; width:260px; height:160px; 
margin-left:15px; background:url('../images/t_2_bg.jpg') no-repeat top;}
#t_q2 .t_q2_ment1 {position:relative; font-size:16px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q2 .t_q2_ment1 .t_q2_ment11{position:relative; top:13px; line-height:20px;}

#t_q2 .t_q2_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px;}


/* 퀵 2 끝 */


/* 퀵 3시작 */
#t_q3{position:relative; float:left; width:260px; height:160px; 
margin-left:15px; background:url('../images/t_3_bg.jpg') no-repeat top;}
#t_q3 .t_q3_ment1 {position:relative; font-size:16px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q3 .t_q3_ment1 .t_q3_ment11{position:relative; top:13px; line-height:20px;}

#t_q3 .t_q3_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px;}
/* 퀵 3 끝 */


/* 퀵 4시작 */
#t_q4{position:relative; float:left; width:260px; height:160px; margin-top:15px;
margin-left:15px; background:url('../images/t_4_bg.jpg') no-repeat top;}
#t_q4 .t_q4_ment1 {position:relative; font-size:16px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q4 .t_q4_ment1 .t_q4_ment11{position:relative; top:13px; line-height:20px;}

#t_q4 .t_q4_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px; text-align:left; }
/* 퀵 4 끝 */


/* 퀵 5시작 */
#t_q5{position:relative; float:left; width:260px; height:160px; margin-top:15px;
margin-left:15px; background:url('../images/t_5_bg.jpg') no-repeat top;}
#t_q5 .t_q5_ment1 {position:relative; font-size:16px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q5 .t_q5_ment1 .t_q5_ment11{position:relative; top:13px; line-height:20px;}

#t_q5 .t_q5_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px; text-align:left; }
/* 퀵 5 끝 */

/* 퀵 6시작 */
#t_q6{position:relative; float:left; width:260px; height:160px; margin-top:15px;
margin-left:15px; background:url('../images/t_6_bg.jpg') no-repeat top;}
#t_q6 .t_q6_ment1 {position:relative; font-size:16px; font-weight:600; height:65px; text-align:left;
left:20px;}
#t_q6 .t_q6_ment1 .t_q6_ment11{position:relative; top:13px; line-height:20px;}

#t_q6 .t_q6_ment2{float:left; position:relative; font-size:15px; line-height:24px; top:0px; float:left;
margin-left:20px; letter-spacing:-1px; height:50px; text-align:left; }

/* 퀵 6 끝 */
/*-------------------------------3번째 페이지 끝----------------------------------*/



/*-------------------------------4번째 페이지 시작-------------------------------*/

#fourth_wrap{ position:relative; float:left; 
border-bottom:1px solid #ccc;  width:100%; left:0px; overflow:hidden; background-color:#fff; margin-top:0px;}
#fourth_total{position:relative;  left:0px; top:0px;overflow:hidden; height:949px; width:1200px;  margin:0 auto; }

#fourth_ment{position:relative; text-align:center; height:170px; margin-top:80px;}

.fourth_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.fourth_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.fourth_ment3{position:relative; font-size:15px; color:#222; top:30px; line-height:25px; }


#f_m_left{position:relative; float:left; width:320px; height:550px;  margin-top:50px;
background:url('../images/l_2_bg.jpg') no-repeat top;}
#f_m_left_title{width:320px; height:80px;  text-align:center;}


#f_m_left_title .f_m_left_title1{position:relative; color:#1b5ac4; font-size:21px; font-weight:600;
top:20px; letter-spacing:-1px;}
#f_m_left_title .f_m_left_title2{ font-size:16px;  letter-spacing:0px; color:#222;}


#f_left_img{position:relative; float:left; width:280px; height:160px; background-color:#222;
margin-left:20px; background:url('../images/f_left1.jpg') no-repeat top;}



#f_m_left_menu{position:relative; float:left; width:320px; height:400px; margin:0 auto;}
#f_m_left_menu ul{display:table; margin-left:20px; margin-top:15px;}
#f_m_left_menu ul li{position:relative;  float:left;  width:300px;}
#f_m_left_menu ul li a{ display:block;    line-height:35px; font-size:16px; color:#333; 
font-weight:600;}

#f_m_left_menu ul li a:hover{color:#0c4dba;}
#f_m_left_menu ul li a:hover span{color:#0c4dba;}

#f_m_left_menu li span{font-size:14px; position:relative; float:right; margin-right:25px; color:#aaa;}

/*----------------------------레프트 묶음 끝----------------------------*/

#f_m_right{position:relative; float:left; width:850px;
height:550px; margin-top:50px; margin-left:30px;  text-align:center; 
background:url('../images/f_m_right_bg.jpg') no-repeat top;}

#f_m_right_ment{position:relative; width:100%; height:110px; }
#f_m_right_ment .f_m_right_title1{position:relative; color:#253c4b; font-size:24px; font-weight:600; top:20px; }
#f_m_right_ment .f_m_right_title2{position:relative; color:#253c4b; font-size:16px; font-weight:600;
top:25px; line-height:25px;}

/*퀵 1번시작*/
#f_l_box{position:relative; float:left; width:365px; height:420px; 
margin-left:40px;background:url('../images/f_r_1.jpg') no-repeat center;}

.f_1{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:17px;}

.f_1_img{float:left; width:150px; height:80px;
background:url('../images/f_1_img1.jpg') no-repeat center;}

.f_1_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_1_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px;display:block }
.f_1_1{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_1_ment:hover a {color:#1b5ac4;}
.f_1_ment:hover .f_1_1{color:#1b5ac4;}

/*퀵 1번끝*/


/*퀵 2번시작*/
.f_2{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_2_img{float:left; width:150px; height:80px;
background:url('../images/f_1_img2.jpg') no-repeat center;}

.f_2_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_2_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:15px;display:block }
.f_1_2{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_2_ment:hover a {color:#1b5ac4;}
.f_2_ment:hover .f_1_2{color:#1b5ac4;}
/*퀵 2번끝*/


/*퀵 3번시작*/
.f_3{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_3_img{float:left; width:150px; height:80px;
background:url('../images/f_1_img3.jpg') no-repeat center;}

.f_3_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_3_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px;display:block }
.f_1_3{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_3_ment:hover a {color:#1b5ac4;}
.f_3_ment:hover .f_1_3{color:#1b5ac4;}
/*퀵 3번끝*/


/*퀵 4번시작*/
.f_4{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_4_img{float:left; width:150px; height:80px;
background:url('../images/f_1_img4.jpg') no-repeat center;}

.f_4_ment{float:left; width:163px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_4_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px; display:block}
.f_1_4{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_4_ment:hover a {color:#1b5ac4;}
.f_4_ment:hover .f_1_4{color:#1b5ac4;}
/*퀵 4번끝*/


/*오른쪽 박스 시작*/
#f_r_box{position:relative; float:left; width:365px; height:420px; 
margin-left:40px;background:url('../images/f_r_1.jpg') no-repeat center;}

.f_5{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:17px;}

.f_5_img{float:left; width:150px; height:80px;
background:url('../images/f_2_img1.jpg') no-repeat center;}

.f_5_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_5_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px;display:block }
.f_2_1{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_5_ment:hover a {color:#1b5ac4;}
.f_5_ment:hover .f_2_1{color:#1b5ac4;}

/*퀵 1번끝*/


/*퀵 2번시작*/
.f_6{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_6_img{float:left; width:150px; height:80px;
background:url('../images/f_2_img2.jpg') no-repeat center;}

.f_6_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_6_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px;display:block }
.f_2_2{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_6_ment:hover a {color:#1b5ac4;}
.f_6_ment:hover .f_2_2{color:#1b5ac4;}
/*퀵 2번끝*/


/*퀵 3번시작*/
.f_7{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_7_img{float:left; width:150px; height:80px;
background:url('../images/f_2_img3.jpg') no-repeat center;}

.f_7_ment{float:left; width:168px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_7_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px; display:block}
.f_2_3{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_7_ment:hover a {color:#1b5ac4;}
.f_7_ment:hover .f_2_3{color:#1b5ac4;}
/*퀵 3번끝*/


/*퀵 4번시작*/
.f_8{position:relative; float:left; width:335px; height:80px; text-align:left;
margin-left:20px; margin-top:20px;}

.f_8_img{float:left; width:150px; height:80px;
background:url('../images/f_2_img4.jpg') no-repeat center;}

.f_8_ment{float:left; width:163px; height:80px; margin-left:15px; letter-spacing:-1px;}
.f_8_ment a{ position:relative; font-size:15px; font-weight:600; color:#555; top:8px; display:block }
.f_2_4{position:relative; font-size:14px; font-weight:400; color:#555; top:7px;}

.f_8_ment:hover a {color:#1b5ac4;}
.f_8_ment:hover .f_2_4{color:#1b5ac4;}
/*퀵 4번끝*/

/*-------------------------------4번째 페이지 끝-------------------------------*/



/*-------------------------------5번째 페이지 시작-------------------------------*/

#five_wrap{position:relative; float:left; width:100%; 
left:0px; overflow:hidden;  margin-top:0px; border-bottom:1px solid #ccc;}
#five_total{position:relative;  left:0px; top:0px;overflow:hidden; height:1109px; width:1200px;  margin:0 auto; }

#five_ment{position:relative;  text-align:center; height:170px; margin-top:80px;}

.five_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.five_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.five_ment3{position:relative; font-size:15px; color:#555; top:30px; line-height:25px; }



#five_m_left{position:relative; float:left; width:320px; height:700px;  margin-top:50px;
background:url('../images/l_3_bg.jpg') no-repeat top;}
#five_m_left_title{width:320px; height:80px;  text-align:center;}


#five_m_left_title .five_m_left_title1{position:relative; color:#222; font-size:21px; font-weight:600;
top:20px;}
#five_m_left_title .five_m_left_title2{ font-size:16px;}


#five_left_img{position:relative; float:left; width:280px; height:215px; background-color:#222;
margin-left:20px; background:url('../images/five_left1.jpg') no-repeat top;}



#five_m_left_menu{position:relative; float:left; width:320px; height:400px; margin:0 auto;}
#five_m_left_menu ul{display:table; margin-left:20px; margin-top:5px;}
#five_m_left_menu ul li{position:relative;  float:left;  width:300px;}
#five_m_left_menu ul li a{ display:block;    line-height:35px; font-size:16px; color:#333; 
font-weight:600;}

#five_m_left_menu ul li a:hover{color:#0c4dba;}
#five_m_left_menu ul li a:hover span{color:#0c4dba;}

#five_m_left_menu li span{font-size:14px; position:relative; float:right; margin-right:25px; color:#aaa;}

/*----------------------------레프트 묶음 끝----------------------------*/


#five_m_right{position:relative; float:left; width:850px;
height:700px; margin-top:50px; margin-left:30px;  text-align:center; 
background:url('../images/five_m_right_bg.jpg') no-repeat top;}

#five_m_right_ment{position:relative; width:100%; height:150px; }
#five_m_right_ment .five_m_right_title1{position:relative; color:#253c4b; font-size:24px; font-weight:600; top:20px; }
#five_m_right_ment .five_m_right_title2{position:relative; color:#253c4b; font-size:16px; font-weight:600;
top:25px; line-height:25px;}

#five_1{position:relative; float:left; width:178px; height:158px; margin-left:35px;
border:1px solid #ccc; }
.five_1_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_1_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_1:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_1_img{overflow:hidden;}

.five_1_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_1_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px; text-decoration:none;}
.five_1_title2{font-size:15px; font-weight:400;}


#five_2{position:relative; float:left; width:178px; height:158px; margin-left:20px;
border:1px solid #ccc; }
.five_2_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_2_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_2:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_2_img{overflow:hidden;}

.five_2_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_2_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;}
.five_2_title2{font-size:15px; font-weight:400;}


#five_3{position:relative; float:left; width:178px; height:158px; margin-left:20px;
border:1px solid #ccc; }
.five_3_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_3_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_3:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_3_img{overflow:hidden;}

.five_3_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_3_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;}
.five_3_title2{font-size:15px; font-weight:400;}


#five_4{position:relative; float:left; width:178px; height:158px; margin-left:20px;
border:1px solid #ccc; }
.five_4_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_4_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_4:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_4_img{overflow:hidden;}

.five_4_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_4_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_4_title2{font-size:15px; font-weight:400;}


#five_5{position:relative; float:left; width:178px; height:158px; margin-left:35px; margin-top:20px;
border:1px solid #ccc; }
.five_5_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_5_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_5:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_5_img{overflow:hidden;}

.five_5_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_5_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_5_title2{font-size:15px; font-weight:400;}


#five_6{position:relative; float:left; width:178px; height:158px; margin-left:20px; margin-top:20px;
border:1px solid #ccc; }
.five_6_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_6_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_6:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_6_img{overflow:hidden;}

.five_6_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_6_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_6_title2{font-size:15px; font-weight:400;}


#five_7{position:relative; float:left; width:178px; height:158px; margin-left:20px; margin-top:20px;
border:1px solid #ccc; }
.five_7_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_7_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_7:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_7_img{overflow:hidden;}

.five_7_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_7_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_7_title2{font-size:15px; font-weight:400;}


#five_8{position:relative; float:left; width:178px; height:158px; margin-left:20px; margin-top:20px;
border:1px solid #ccc; }
.five_8_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_8_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_8:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_8_img{overflow:hidden;}

.five_8_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_8_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_8_title2{font-size:15px; font-weight:400;}


#five_9{position:relative; float:left; width:178px; height:158px; margin-left:100px; margin-top:20px;
border:1px solid #ccc; }
.five_9_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_9_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_9:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_9_img{overflow:hidden;}

.five_9_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_9_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_9_title2{font-size:15px; font-weight:400;}


#five_10{position:relative; float:left; width:178px; height:158px; margin-left:20px; margin-top:20px;
border:1px solid #ccc; }
.five_10_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_10_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_10:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_10_img{overflow:hidden;}

.five_10_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_10_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_10_title2{font-size:15px; font-weight:400;}


#five_11{position:relative; float:left; width:178px; height:158px; margin-left:20px; margin-top:20px;
border:1px solid #ccc; }
.five_11_img{float:left; width:160px; height:90px; margin-left:10px; margin-top:10px;}
.five_11_img img{
-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#five_11:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.five_11_img{overflow:hidden;}

.five_11_title1{position:relative; float:left; width:160px; height:60px; margin-left:10px;}
.five_11_title1 a{position:relative; color:#222; font-size:16px; font-weight:600; top:12px;text-decoration:none;
letter-spacing:-1px;}
.five_11_title2{font-size:15px; font-weight:400;}

/*-------------------------------5번째 페이지 끝-------------------------------*/


/*-------------------------------6번째 페이지 시작-------------------------------*/

#six_wrap{ position:relative; float:left; width:100%;
border-bottom:1px solid #ccc; left:0px; overflow:hidden; background-color:#fff; margin-top:0px;}
#six_total{position:relative;  left:0px; top:0px;overflow:hidden; height:949px; width:1200px;  margin:0 auto; }

#six_ment{position:relative; text-align:center; height:170px; margin-top:80px;}

.six_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.six_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.six_ment3{position:relative; font-size:15px; color:#555; top:30px; line-height:25px; }


#six_m_left{position:relative; float:left; width:320px; height:550px;  margin-top:45px;
background:url('../images/l_2_bg.jpg') no-repeat top;}
#six_m_left_title{width:320px; height:80px;  text-align:center;}


#six_m_left_title .six_m_left_title1{position:relative; color:#8b2b2b; font-size:21px; font-weight:600;
top:20px; letter-spacing:-1px;}
#six_m_left_title .six_m_left_title2{ font-size:16px;  letter-spacing:0px;}


#six_left_img{position:relative; float:left; width:280px; height:160px; background-color:#222;
margin-left:20px; background:url('../images/six_left1.jpg') no-repeat top;}



#six_m_left_menu{position:relative; float:left; width:320px; height:400px; margin:0 auto;}
#six_m_left_menu ul{display:table; margin-left:20px; margin-top:15px;}
#six_m_left_menu ul li{position:relative;  float:left;  width:300px;}
#six_m_left_menu ul li a{ display:block;    line-height:35px; font-size:16px; color:#333; 
font-weight:600;}

#six_m_left_menu ul li a:hover{color:#0c4dba;}
#six_m_left_menu ul li a:hover span{color:#0c4dba;}

#six_m_left_menu li span{font-size:14px; position:relative; float:right; margin-right:25px; color:#aaa;}

/*----------------------------레프트 묶음 끝----------------------------*/



#six_m_right{position:relative; float:left; width:850px; height:550px; 
margin-top:50px; margin-left:30px;  text-align:center;
background:url('../images/six_m_right_bg.jpg') no-repeat top;}

#six_m_right_ment{position:relative; width:100%; height:110px; }
#six_m_right_ment .six_m_right_title1{position:relative; color:#253c4b; font-size:24px; font-weight:600; top:20px; }
#six_m_right_ment .six_m_right_title2{position:relative; color:#253c4b; font-size:16px; font-weight:600;
top:25px; line-height:25px;}

#six_m_right_wrap{position:relative; float:left; width:850px; overflow:hidden;}
#six_m_right .six_m_right_first {display:table; width:375px; float:left; margin-left:30px; margin-top:15px;}
#six_m_right  li{position:relative; float:left; height:45px; margin-top:20px;}
#six_m_right .six_m_right_first li:nth-child(1){margin-top:0px;}
#six_m_right li a { font-size:18px; font-weight:600; color:#253d4b; }

#six_m_right li .six_q1_ment1{font-size:16px; font-weight:400; margin-left:10px;}
#six_m_right li a:hover{text-decoration:none; color:#999;}

#six_m_right .six_m_right_second { width:375px; float:left; margin-left:40px; margin-top:15px;}
#six_m_right .six_m_right_second li:nth-child(1){margin-top:0px;}


#six_under_total{float:left;  width:790px; height:120px; 
margin-left:30px; margin-top:30px; text-align:left;}

.six_under1{float:left; width:181px; height:120px; 
background:url('../images/six_under_1.jpg') no-repeat top;}

.six_under1_ment {position:relative; height:30px; margin-top:20px;}
.six_under1_ment span{font-size:17px; font-weight:600; margin-left:10px; }

.six_under_go{position:relative; width:70px; height:23px; background-color:#244254; opacity:.5;
border-radius:5px; margin-left:10px; margin-top:20px; text-align:center;}
.six_under_go a{color:#fff; font-size:15px; line-height:20px; display:block;}

.six_under_go:hover{opacity:1;}

.six_under2{float:left; width:181px; height:120px; margin-left:22px;
background:url('../images/six_under_2.jpg') no-repeat top;}

.six_under2_ment {position:relative; height:30px; margin-top:20px;}
.six_under2_ment span{font-size:17px; font-weight:600; margin-left:10px; }



.six_under3{float:left; width:181px; height:120px; margin-left:22px;
background:url('../images/six_under_3.jpg') no-repeat top;}

.six_under3_ment {position:relative; height:30px; margin-top:20px;}
.six_under3_ment span{font-size:17px; font-weight:600; margin-left:10px; }



.six_under4{float:left; width:181px; height:120px; margin-left:22px;
background:url('../images/six_under_4.jpg') no-repeat top;}

.six_under4_ment {position:relative; height:30px; margin-top:20px;}
.six_under4_ment span{font-size:17px; font-weight:600; margin-left:10px; }

/*-------------------------------6번째 페이지 끝-------------------------------*/



/*-------------------------------7번째 페이지 시작-------------------------------*/

#seven_wrap{position:relative; float:left;
width:100%; left:0px; border-bottom:1px solid #ccc;
overflow:hidden; background-color:#fff; margin-top:0px;}
#seven_total{position:relative;  left:0px; top:0px;overflow:hidden; height:939px; 
 width:1200px;  margin:0 auto; }

#seven_ment{position:relative; text-align:center; height:170px; margin-top:80px;}

.seven_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.seven_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.seven_ment3{position:relative; font-size:15px; color:#555; top:30px; line-height:25px; }



#seven_m_left{position:relative; float:left; width:320px; height:550px;  margin-top:45px;
background:url('../images/l_2_bg.jpg') no-repeat top;}
#seven_m_left_title{width:320px; height:80px;  text-align:center;}


#seven_m_left_title .seven_m_left_title1{position:relative; color:#40842b; font-size:21px; 
font-weight:600; top:20px; letter-spacing:-1px;}
#seven_m_left_title .seven_m_left_title2{ font-size:16px;  letter-spacing:0px; color:#222;}


#seven_left_img{position:relative; float:left; width:280px; height:160px; background-color:#222;
margin-left:20px; background:url('../images/seven_left1.jpg') no-repeat top;}



#seven_m_left_menu{position:relative; float:left; top:30px; width:280px; height:270px; 
left:50%; margin-left:-140px;  background-color:antiquewhite;}
#seven_m_left_menu ul{display:table; margin-top:0px;}
#seven_m_left_menu ul li{position:relative;  float:left;  width:280px; height:89px;
border-bottom:1px solid #ccc;}
#seven_m_left_menu ul li a{ display:block;   font-size:16px; color:#333; 
font-weight:600;}
#seven_m_left_menu ul li:nth-child(3){border-bottom:0px}



/*----------------------------레프트 묶음 끝----------------------------*/




#seven_m_right{position:relative; float:left; 
width:850px; height:550px; background:url('../images/seven_m_right_bg.jpg') no-repeat top;
margin-top:45px; margin-left:30px;  text-align:center;}

#seven_m_right_ment{position:relative; width:100%; height:75px; }
#seven_m_right_ment .seven_m_right_title1{position:relative; color:#253c4b; font-size:24px; font-weight:600; top:20px; }

#seven_r_1{position:relative; float:left; width:242px; height:440px; 
margin-left:30px;}

.seven_r_1_img{width:242px; height:140px; background:url('../images/seven_r_1_img.jpg') no-repeat top;}
.seven_r_1_ment{position:relative; font-size:22px; color:#fff; font-weight:600; line-height:30px;
top:40px;}

.seven_r_1_color{color:#f8c8d1;}


.seven_r_1_under{position:relative; width:242px; height:270px; margin-top:30px; }

.seven_r_1_1{position:relative; width:242px; height:57px; }

.r_1_1_img{float:left; width:55px; height:57px; background:url('../images/r_1_1.jpg') no-repeat top;}

.r_1_1_ment{position:relative; float:left; width:187px;  font-size:17px; text-align:left; font-weight:600; top:17px;}

.r_1_1_ment .r_1_1_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_1_1_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_1_1_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_1_1_go:hover a{color:#fff;}


.seven_r_1_2{position:relative; width:242px; height:57px; margin-top:14px;}

.r_1_2_img{float:left; width:55px; height:57px; background:url('../images/r_1_2.jpg') no-repeat top;}


.seven_r_1_3{position:relative; width:242px; height:57px; margin-top:14px;}

.r_1_3_img{float:left; width:55px; height:57px; background:url('../images/r_1_3.jpg') no-repeat top;}


.seven_r_1_4{position:relative; width:242px; height:57px; margin-top:14px;}

.r_1_4_img{float:left; width:55px; height:57px; background:url('../images/r_1_4.jpg') no-repeat top;}
.r_1_1_ment .r_1_4_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_1_4_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_1_4_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_1_4_go:hover a{color:#fff;}



#seven_r_2{position:relative; float:left; width:242px; height:440px; 
margin-left:32px;}

.seven_r_2_img{width:242px; height:140px; background:url('../images/seven_r_2_img.jpg') no-repeat top;}
.seven_r_2_ment{position:relative; font-size:22px; color:#fff; font-weight:600; line-height:30px;
top:40px;}

.seven_r_2_color{color:#c0fcc7;}


.seven_r_2_under{position:relative; width:242px; height:270px; margin-top:30px; }

.seven_r_2_1{position:relative; width:242px; height:57px; }

.r_2_1_img{float:left; width:55px; height:57px; background:url('../images/r_2_1.jpg') no-repeat top;}

.r_2_1_ment{position:relative; float:left;  font-size:17px; width:187px; text-align:left; font-weight:600; top:17px;}

.r_2_1_ment .r_2_1_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center;}
.r_2_1_ment .r_2_1_go a {font-size:14px; color:#222;}

.r_2_1_ment .r_2_1_go:hover{background-color:#122b4a; }
.r_2_1_ment .r_2_1_go:hover a{color:#fff;}


.seven_r_2_2{position:relative; width:242px; height:57px; margin-top:14px;}

.r_2_2_img{float:left; width:55px; height:57px; background:url('../images/r_2_2.jpg') no-repeat top;}


.seven_r_2_3{position:relative; width:242px; height:57px; margin-top:14px;}

.r_2_3_img{float:left; width:55px; height:57px; background:url('../images/r_2_3.jpg') no-repeat top;}

.r_1_1_ment .r_2_3_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_2_3_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_2_3_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_2_3_go:hover a{color:#fff;}




.seven_r_2_4{position:relative; width:242px; height:57px; margin-top:14px;}

.r_2_4_img{float:left; width:55px; height:57px; background:url('../images/r_2_4.jpg') no-repeat top;}

.r_1_1_ment .r_2_4_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_2_4_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_2_4_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_2_4_go:hover a{color:#fff;}






#seven_r_3{position:relative; float:left; width:242px; height:440px; 
margin-left:32px;}

.seven_r_3_img{width:242px; height:140px; background:url('../images/seven_r_3_img.jpg') no-repeat top;}
.seven_r_3_ment{position:relative; font-size:22px; color:#fff; font-weight:600; line-height:30px;
top:40px;}

.seven_r_3_color{color:#e4d1fb;}


.seven_r_3_under{position:relative; width:242px; height:270px; margin-top:30px; }

.seven_r_3_1{position:relative; width:242px; height:57px; }

.r_3_1_img{float:left; width:55px; height:57px; background:url('../images/r_3_1.jpg') no-repeat top;}

.r_3_1_ment{position:relative; float:left;  margin-left:16px; width:187px; font-size:17px; text-align:left; font-weight:600; top:17px;}

.r_3_1_ment .r_3_1_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_3_1_ment .r_3_1_go a {font-size:14px; color:#222;}

.r_3_1_ment .r_3_1_go:hover{background-color:#122b4a; }
.r_3_1_ment .r_3_1_go:hover a{color:#fff;}


.seven_r_3_2{position:relative; width:242px; height:57px; margin-top:14px;}

.r_3_2_img{float:left; width:55px; height:57px; background:url('../images/r_3_2.jpg') no-repeat top;}
.r_3_2_ment{position:relative; float:left; width:187px; font-size:17px; text-align:left; font-weight:600; top:17px;}

.r_3_2_ment .r_3_2_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_3_2_ment .r_3_2_go a {font-size:14px; color:#222;}

.r_3_2_ment .r_3_2_go:hover{background-color:#122b4a; }
.r_3_2_ment .r_3_2_go:hover a{color:#fff;}



.seven_r_3_3{position:relative; width:242px; height:57px; margin-top:14px;}

.r_3_3_img{float:left; width:55px; height:57px; background:url('../images/r_3_3.jpg') no-repeat top;}

.r_1_1_ment .r_3_3_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_3_3_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_3_3_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_3_3_go:hover a{color:#fff;}



.seven_r_3_4{position:relative; width:242px; height:57px; margin-top:14px;}

.r_3_4_img{float:left; width:55px; height:57px; background:url('../images/r_3_4.jpg') no-repeat top;}

.r_1_1_ment .r_3_4_go{position:relative; float:right; width:68px; height:23px; border:1px solid #ccc;
text-align:center; }
.r_1_1_ment .r_3_4_go a {font-size:14px; color:#222;}

.r_1_1_ment .r_3_4_go:hover{background-color:#122b4a; }
.r_1_1_ment .r_3_4_go:hover a{color:#fff;}
/*-------------------------------7번째 페이지 끝-------------------------------*/




/*-------------------------------8번째 페이지 시작-------------------------------*/

#eight_wrap{ position:relative; float:left; width:100%; 
height:1019px; border-bottom:1px solid #ccc; overflow:hidden; background-color:#fff; margin-top:0px;}
#eight_total{position:relative;  left:0px; top:0px;overflow:hidden; height:1020px; width:1200px;  
margin:0 auto; }

#eight_ment{position:relative; text-align:center; height:170px; margin-top:80px;}

.eight_ment1{font-size:40px; font-weight:800; color:#253d4b;}
.eight_ment2{position:relative; font-size:22px; color:#253d4b; top:15px; font-weight:600;}
.eight_ment3{position:relative; font-size:15px; color:#555; top:30px; line-height:25px; }



#eight_m_left{position:relative; float:left; width:320px; height:630px;  margin-top:45px;
background:url('../images/l_4_bg.jpg') no-repeat top;}
#eight_m_left_title{width:320px; height:80px;  text-align:center;}


#eight_m_left_title .eight_m_left_title1{position:relative; color:#8b2b2b; font-size:21px; 
font-weight:600; top:20px; letter-spacing:-1px;}
#eight_m_left_title .eight_m_left_title2{ font-size:16px;  letter-spacing:0px; color:#222;}


#eight_left_img{position:relative; float:left; width:280px; height:160px; background-color:#222;
margin-left:20px; background:url('../images/eight_left1.jpg') no-repeat top;}



#eight_m_left_menu{position:relative; float:left; top:0px; width:280px; height:375px; 
left:50%; margin-left:-140px;  background-color:antiquewhite;}
#eight_m_left_menu ul{display:table; margin-top:0px;}
#eight_m_left_menu ul li{position:relative;  float:left;  width:280px; height:124px;
border-bottom:1px solid #ccc;}
#eight_m_left_menu ul li a{ display:block;   font-size:16px; color:#333; 
font-weight:600;}
#eight_m_left_menu ul li:nth-child(3){border-bottom:0px}



/*----------------------------레프트 묶음 끝----------------------------*/




#eight_m_right{position:relative; float:left; 
width:850px; height:630px; background:url('../images/eight_m_right_bg.jpg') no-repeat top;
margin-top:45px; margin-left:30px;  text-align:center;}

#eight_m_right_ment{position:relative; width:100%; height:125px; }
#eight_m_right_ment .eight_m_right_title1{position:relative; color:#253c4b; font-size:24px; font-weight:600; top:20px; }
#eight_m_right_ment .eight_m_right_title2{position:relative; color:#253c4b; font-size:16px; font-weight:600;
top:25px; line-height:25px;}



/*1번째 박스 시작*/
#eight_m_right_box1{position:relative; float:left; width:250px; height:470px; margin-left:25px; 
background:url('../images/eight_m_right_box1.jpg') no-repeat top; cursor:pointer;}
.eight_box_title{position:relative; float:left; width:190px; height:59px; left:50%; margin-left:-95px; 
text-align:center; border-bottom:1px solid #222; }
.eight_box_title .eight_box_title1{ font-size:20px; color:#222; font-weight:600;line-height:60px;}
.eight_box_title .eight_box_title1 span {color:#ab2b2b;}

#eight_box_ment span{position:relative; float:left; color:#222; font-size:15px; line-height:23px;
margin-top:20px; width:250px;}

#eight_box_ment2{position:relative; float:left; color:#222; font-size:16px; font-weight:600; width:250px;
margin-top:20px;}

#eight_box_ment3{position:relative; float:left; color:#222; font-size:16px; width:250px; margin-top:22px;}
/*.eight_box_square{float:left; width:5px; height:5px; background-color:#222; margin-top:8px; margin-left:15px;}*/
#eight_box_ment3 span{position:relative; float:left;  left:30px;}

#eight_box_ment4{position:relative; float:left; color:#222; font-size:16px; width:250px; margin-top:12px;}
#eight_box_ment4 span{position:relative; float:left;  left:30px;}

#eight_box_ment5{position:relative; float:left; color:#222; font-size:16px; width:250px; margin-top:12px;}
#eight_box_ment5 span{position:relative; float:left;  left:30px;}

#eight_box_ment6{position:relative; float:left; color:#222; font-size:16px; width:250px; margin-top:12px;}
#eight_box_ment6 span{position:relative; float:left;  left:30px;}
/*1번째 박스 끝*/


/*2번째 박스 시작*/
#eight_m_right_box2{position:relative; float:left; width:250px; height:470px; margin-left:25px; cursor:pointer;
background:url('../images/eight_m_right_box2.jpg') no-repeat top;}
.eight_box_title .eight_box_title2{ font-size:20px; color:#222; font-weight:600;line-height:60px;}
.eight_box_title .eight_box_title2 span {color:#196695;}


/*2번째 박스 끝*/


/*3번째 박스 시작*/
#eight_m_right_box3{position:relative; float:left; width:250px; height:470px; margin-left:25px; cursor:pointer;
background:url('../images/eight_m_right_box3.jpg') no-repeat top;}
.eight_box_title .eight_box_title3{ font-size:20px; color:#222; font-weight:600;line-height:60px;}
.eight_box_title .eight_box_title3 span {color:#555;}


/*3번째 박스 끝*/
/*-------------------------------8번째 페이지 끝-------------------------------*/


/*-------------------------------sitemap 시작-------------------------------*/
#main_middle_wrap{position:relative; float:left; min-width:1260px;
width:100%; left:0px; overflow:hidden; background-color:#fff; margin-top:0px; 
background-color:#fff;  text-align:center;}
#main_middle_total{position:relative;  left:0px; width:1200px; height:0px; margin:0 auto; }

.intro_link{ position:relative; width:100%; overflow:hidden; padding:70px 0; border-bottom:1px solid #ccc;}
.board4{position:relative; margin:0 auto; width:1440px; overflow:hidden; padding:60px 30px 30px; border-radius:10px; background:url('../images/board4_bg.png') no-repeat center top;}
.board_title{float:left; width:100%; overflow:hidden; margin-bottom:40px;}
.board_list{float:left; width:350px; overflow:hidden; margin-right:10px; margin-bottom:10px; }
.board_list.list4{margin-right:0px;}
.board_list ul li{display:block; margin-bottom:10px;}
.board_list ul li a{display:block; padding:9px; border:1px solid #fff; border-radius:5px;}
.board_list ul li:hover a{ background:#eee; border:1px solid #ccc;}
.board_list.list4 ul li:first-child{ margin-bottom:20px;}
.best_icon{ position:absolute; right:50px; top:0; width:90px; height:133px;}


#sitemap_wrap{position:relative; float:left; width:100%; overflow:hidden; margin-top:0px;
min-width:1200px;}

#sitemap_total{position:relative;  float:left; width:1200px; height:1090px; margin-top:70px;
background:url('../images/site_map.jpg') no-repeat center top; left:50%; margin-left:-600px;}


.site1{position:relative; float:left; width:285px; height:470px; }
.site_title{position:relative; float:left; text-align:center; width:285px; height:60px;}
.site_title a{position:relative; font-size:16px; font-weight:600; color:#205577; top:12px;}
.site_title .site_map_title{font-size:14px; font-weight:400;}

.site1 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site1 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:15px; font-size:14px;}
.site1 ul li a:hover{color:#999;}

.site2{position:relative; float:left; width:285px; height:470px; margin-left:20px; }
.site2 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site2 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:15px; font-size:14px;}
.site2 ul li a:hover{color:#999;}

.site3{position:relative; float:left; width:285px; height:470px; margin-left:20px; }
.site3 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site3 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:15px; 
font-size:14px; letter-spacing:-1;}
.site3 ul li a:hover{color:#999;}

.site4{position:relative; float:left; width:285px; height:470px; margin-left:20px; }
.site4 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site4 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:15px; font-size:14px;}
.site4 ul li a:hover{color:#999;}

.site5{position:relative; float:left; width:285px; height:520px; margin-top:50px;}
.site5 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site5 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:25px; 
letter-spacing:-1px; font-size:14px;}
.site5 ul li a:hover{color:#999;}

.site6{position:relative; float:left; width:285px; height:520px; margin-left:20px; margin-top:50px;}
.site6 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site6 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:25px; font-size:14px;}
.site6 ul li a:hover{color:#999;}

.site7{position:relative; float:left; width:285px; height:520px; margin-left:20px; margin-top:50px;}
.site7 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site7 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:25px; font-size:14px;letter-spacing:-0.05em;}
.site7 ul li a:hover{color:#999;}

.site8{position:relative; float:left; width:285px; height:520px; margin-left:20px; margin-top:50px;}
.site8 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site8 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:25px; font-size:14px; }
.site8 ul li a:hover{color:#999;}

/*-------------------------------sitemap 끝-------------------------------*/


/*----------------------------------------------sub 시작----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#middle_wrap{margin:0 auto;  width:100%; min-width:1260px; overflow:hidden;}
#middle_total.sub{ position:relative; margin:0 auto; margin-top:0px; overflow:hidden;  width:1200px; overflow:hidden;}
#sub_middle_wrap {margin:0 auto;   width:100%; height:400px;/* background:url('../images/sub_main.jpg') no-repeat center;*/}
#sub_middle_total {margin:0 auto;   width:100%; height:400px; /*background:url('../images/sub_main_ment.png') no-repeat center;*/}
#sub_middle_total img{margin:0 auto;}


#con_total{ padding-left:50px; width:920px; overflow:hidden; }
#con_title{ width:920px; overflow:hidden; margin-top:40px; margin-bottom:80px; word-break:keep-all; word-wrap:break-word;}   /*title 사각형이미지*/
#title_a{ padding-top:42px; font-size:28px;  color:#333333; font-weight:600; }  /*title 멘트 */
#title_a span{ font-size:12px; color:#777;  float:right; padding-top:9px; font-weight:400;}

#title_aa{ padding-top:42px; font-size:26px;  color:#bd1717; font-weight:800; }  /*title 멘트 */
#title_aa span{ font-size:12px; color:#777;  float:right; padding-top:9px; font-weight:400; }



#con{position:relative; width:920px;  overflow:hidden; margin-top:50px; padding-bottom:230px; min-height:300px; }





/*-------------------------------------레프트 메뉴----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#left_total{float:left; width:230px; overflow:hidden; padding:0 0 0px 0; margin-top:40px; }
#left_title{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_1.jpg') no-repeat bottom;}
#left_title span{font-size:14px; color:#222; font-weight:400;}
#left_title li{padding-top:15px; line-height:25px;}

#left_title_2{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_2.jpg') no-repeat bottom;}
#left_title_2 span{font-size:14px; color:#222; font-weight:400;}
#left_title_2 li{padding-top:15px; line-height:25px;}

#left_title_3{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_3.jpg') no-repeat bottom;}
#left_title_3 span{font-size:14px; color:#222; font-weight:400;}
#left_title_3 li{padding-top:15px; line-height:25px;}

#left_title_4{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_4.jpg') no-repeat bottom;}
#left_title_4 span{font-size:14px; color:#222; font-weight:400;}
#left_title_4 li{padding-top:15px; line-height:25px;}

#left_title_5{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_5.jpg') no-repeat bottom;}
#left_title_5 span{font-size:14px; color:#222; font-weight:400;}
#left_title_5 li{padding-top:15px; line-height:25px;}





#left_nav{width:100%; overflow:hidden; min-height:150px; margin-top:0px;}
.leftMenu {float:left; width:230px; overflow:hidden; }
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd;  }
.leftMenu > li > a{display:block; width:210px; padding-left:10px; height:39px; font-size:14px; line-height:39px; color:#535353;  transition:0.2s; letter-spacing:-1px;}
.leftMenu > li > a:hover{ color:#2e8fca; text-decoration:none; }
.leftMenu > li.on > a{ color:#2e8fca; }

/*#left_nav .menu12 a{font-size:15px; font-weight:600; color:#970e0e;}
#left_nav .menu12 a:hover{color:#d91717; text-decoration:none;}
#left_nav .menu12.on > a{color:#d91717;}*/

.leftMenu .gub_sub {display:none;}
.leftMenu li .gub_sub { overflow:hidden; height:auto; padding:5px 0 15px;}
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:20px;  font-size:14px; line-height:25px; color:#777;}
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a{color:#d9811a; text-decoration:none;}
.leftMenu li .gub_sub .sub1 a {font-size:14px; color:#222; height: 30px; font-weight:600; text-decoration:none;}
.leftMenu li .gub_sub .sub1 a:hover {color:#222;}
.leftMenu li .gub_sub li.sub1.on1 a{color:#d9811a;}

#left_customer{ float:left; width:230px; height:280px; margin-top:50px; background:url('../images/left_customer.jpg') no-repeat center; }


/*------------------------------------레프트 메뉴 끝---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/*copyright*/

#bottom_wrap{position:relative; left:0px; top:0px; width:100%; min-width:1260px; overflow:hidden;  
height:440px; background:url('../images/bottom_bg.jpg') no-repeat center;}
#bottom_total{position:relative; margin:0 auto;  width:1200px; height:390px; display: block; 
margin-top:50px; }

#company_logo{position:relative; width:1200px; height:200px; }

#company_logo .company_logo1 li{float:left; width:224px; height:60px; margin-left:20px;}
#company_logo .company_logo1 li:first-child {margin-left:0px;}
#company_logo .company_logo1 li:hover{opacity:.7;}

#company_logo .company_logo2 li {float:left; width:111px; height:50px; margin-left:10px; margin-top:40px;}
#company_logo .company_logo2 li:first-child {margin-left:0px;}

#copy_a{position:relative; width:1200px; height:190px; margin-top:0px;}

#copy_logo{position:relative; float:left;  width:73px; height:143px; background:url('../images/copy_logo.png') no-repeat center;
z-index:999; margin-top:24px;}

#copy_a .copy_title_four {position:relative; float:left;  font-size:13px; font-weight:600; 
margin-left:30px; color:#fff; margin-top:28px;}
#copy_a .copy_m {position:relative;float:left;  font-size:13px; color:#fff; line-height:22px; 
top:14px; left:30px; }
.rrred{color:#f15353;}
#copy_a .copy_m a {color:#fff;}
.national{position:absolute;  left:1025px; top:120px; width:175px; height:55px; text-align:center;}

.national li{float:left; width:40px; height:27px; margin-left:5px; background-color:#222;}
.national li:first-child{margin-left:0px;}
.national span{color:#fff; font-weight:600; font-size:15px; line-height:35px;}