@charset "utf-8";
/* 웹폰트 */
@font-face { font-family: aparajita; src: url(../font/aparaj.eot), url(../font/aparaj.woff);  } 
@font-face { font-family: Arial; src: url(../font/arial.eot), url(../font/arial.woff);  } 
@font-face { font-family: hongik; src:  url(../font/Typo_Hongikingan_L_0.eot), url(../font/Typo_Hongikingan_L_0j.woff);  } 
@font-face { font-family: nanum; src: url(../font/NanumBarunGothic.eot), url(../font/NanumBarunGothic.woff);  } 
@font-face { font-family: roboto; src: url(../font/roboto.eot), url(../font/roboto.woff);  } 




/* 초기화 */
html { font-family: "nanum", Dotum, Arial ; }
h1, h2, h3 ,h4 { font-weight: normal; }
 ul, li, h1, h2, h3, h4, p, address, small, section , hr, img,dl, dt, dd, figure, figcaption   { margin: 0; padding: 0; }
li { list-style: none;  }
img { border: none; }
a { text-decoration: none; color: #28324e; }
a:hover {  color: #e82d4c; }
.hidden { display: none; }

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
     display:block;
 }

body { width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; }

html, body {  height: 100%;  }

#video_bg {
position: fixed;
     top: 0px;
     left: 0px;

     min-width: 100%;
     min-height: 100%;
     width: 100%;
     height: auto;
     z-index: -1;
     overflow: hidden;

}



/*반응형*/
@media screen and (min-width: 1210px) {
#main_header { width: 100%; background: #fff;  height: 100px; position: relative; z-index: 201; border-bottom: 1px solid #d1d5d8;}
#wrap_all {  width: 100%; max-width: 100%; min-width: 100%; height: 100%; min-height: 100%; max-height: 100%; display: block;  }
/*sub_navi_wrap*/
.sub_navi_wrap { width: 100%; display: block; height: 30px; background: #0b0d59;   }
.sub_navi_ul { width: 30%;  float: right; padding-right: 4%;  height: 30px;  }
.sub_navi_ul > li { float: right;  width: 80px; height: 15px; margin-top: 8px; }
.sub_navi_ul > li > a { color: #fff; font-size: 12px;  width: 100%; height: 15px; line-height: 15px; text-align: center; display: block; }
.snl_1 { border-left: 1px solid #fff;  }

#sitemap { width: 40px;  height: 30px; margin-top: 0;  }
.snl_0 > a > img { width: 20px;  margin-top: 4px;  }
/*logo_wrap*/
.logo_wrap {  width: 25%; height: 70px; padding-left: 3%; display: block; float: left;  }
.logo_wrap > a  { width: 200px; height: 70px; display: block;  }
.logo_wrap > a > img { width: 200px; display: block; margin: 0 auto;  margin-top: 15px;}

/*main_navi_wrap*/
.main_navi_wrap { width: 70%; display: block;  float: right; }
.main_navi_ul {  }
.main_navi_ul > li { float: left; width: 18%; height: 70px;  font-family: roboto; font-size: 14px; letter-spacing: 1px;  text-transform: uppercase;  }
.main_navi_ul > li.mnul5 { width: 26%; }
.main_navi_ul > li > ul {  border-top: 1px solid #d1d5d8; padding-top: 15px; }
.main_navi_ul > li > a { width: 100%;  height: 70px; display: block;  line-height: 70px; }


.mnv_li_ul { display: none; background: #fff; font-size: 13px;  font-family: nanum; width: 100%; position: relative; z-index: 99;  height: 210px;}
.mnv_li_ul > li > a { width: 100%;  line-height: 30px; display: block; text-align: left;  font-size: 11px;  }
.navi_bg { height: 0px; width: 100%; display: block; background: #fff; position: absolute;  z-index: 200;}


#main_footer { width: 100%; height: 11%;  display: block; background: url('/images/logo_footer.png') no-repeat 5% center #28324e; color: #fff; font-size: 13px; overflow: hidden; }
#footer_content { width: 100%; height: 100%; display: block;   }  

.footer_info { width:50%; display: block; clear: both;  height: 100%;  text-align: right; float: right;  margin-right: 20px;   }
.footer_links { width: 15%; float: left;  display: none; }
.footer_info > address { font-size: 13px; text-decoration: none; font-style: normal;  margin-top: 15px;   }
#footer_p { margin-top: 5px; font-size: 12px; width: 315px;  text-align: left; margin-left: 170px; float: right;   }
small { margin-top: 5px; display: block;  clear: both; }
.footer_links > a { color: #fff;   width: 40px;  display: block; float: left; margin-right: 5%; margin-top: 10%; }
.footer_links > a > img { width: 100%;  }



/*login*/
#login_form {  width: 360px;  height: 300px;  margin: 0 auto; padding-top: 15%;  text-align: center; font-family: hongik; }

#login_box {  height: 240px;  background: #f9f9f9; border: 1px solid #ddd; }
.login_box_name { width: 100%; background: #28324e; color: #fff; height: 40px; line-height: 40px; text-align: center; font-size: 20px; }
#login_box > input { display: block; border: 1px solid #efefef; }
.id { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/id_input.png') no-repeat 10px center  #fff; margin-top: 40px; }
.password { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/password_input.png') no-repeat 10px center  #fff;  margin-top: 10px; }
.login_btn {  cursor: pointer; width: 310px;  margin: 0 auto; height: 40px; background: #1b85c1; color: #fff;  margin-top: 11px; }
.login_btn:hover { background: #e31856; }

#login_bot_bg { width: 200px; height: 60px; position: fixed; bottom:5%; right: 5%; background: url('/images/logo_bg.png') no-repeat center;  }



/*sitemap*/
#sitemap { width: 40px;  height: 30px; margin-top: 0;  }
.sitemap_box { width: 80%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_sitemap_logo { position: fixed; top: 8%; left: 35%; width: 30%; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.sitemap_box > ul { width: 70%; height: 65%; top: 15%;  position: fixed; left: 15%;  display: block; margin: 0 auto; padding-top: 5%; }

.sitemap_li > p > a {  color: #fff;  font-size: 22px; font-family: roboto, nanum; text-transform: uppercase; letter-spacing: 1px; display: block; }
.sl_bg { display: block;  background: #f93c68; width: 40px; height: 3px; margin-top: 10px;  }
.sitemap_li_ul_li > a  { color: #fff;   }
.sitemap_li_ul_li > a:hover { color: #f93c68;  }
.sitemap_li { float: left;  width: 23.33%; height: 40%; padding-left: 10%;  margin-bottom: 3%;  }
.sitemap_li_ul { margin-top: 15px;   }
.sitemap_li_ul_li { margin-bottom: 8px;  font-size: 14px;  }


/*partners*/
.partners { width: 80%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_partners_logo { position: fixed; top: 8%; left: 35%; width: 30%; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.partners > ul { width: 70%; height: 65%; top: 15%;  position: fixed; left: 15%;  display: block; margin: 0 auto; padding-top: 5%; }

.partners_li {  width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; padding-top: 20px; overflow: hidden; }
.partner_a { display: block; float: left; width: 20%;   }
.partner_a > img { width: 80%; }
.partner_text_index { display: block; float: left; width: 80%; color: #fff;}


/*  sub 공통  */
.title { font-size: 36px; width: 400px; margin: 0 auto; font-family: roboto, nanum, hongik; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline { width: 60px; height: 1px; display: block; margin: 0 auto; background: #0b146a;  margin-top: 2%; }
.text { font-size: 16px; letter-spacing: 2px; width: 100%; text-align: center; margin-top: 3%;  }

.title2 { color: #fff; font-size: 36px; width: 300px; margin: 0 auto; font-family: roboto, nanum, hongik; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline2 { width: 60px; height: 1px; display: block; margin: 0 auto; background: #fff;  margin-top: 3%; }
.text2 { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align: center; margin-top: 3%;  }

/* sub 공통 끝*/
.rndg_dt { position:absolute; width: 300px; height: 300px; display: block; background: url('/images/rnd/rndg_dt.png') no-repeat center; background-size: cover; font-size: 35px; font-family: nanum; text-align: center; line-height: 300px; margin-top: 100px;}
}



@media screen and (min-width: 701px) and ( max-width: 1209px) { 
#wrap_all {  width: 100%; max-width: 100%; min-width: 100%; height: 100%; min-height: 100%; max-height: 100%; display: block;  }
#main_header { width: 100%; background: #fff;  height: 100px; position: relative; z-index: 201; }

/*sub_navi_wrap*/
.sub_navi_wrap { width: 100%; display: block; height: 30px; background: #0b0d59;   }
.sub_navi_ul { width: 40%;  float: right; padding-right: 3%; }
.sub_navi_ul > li { float: right;  width: 100px; height: 15px; margin-top: 7px; }
.sub_navi_ul > li > a { color: #fff; font-size: 12px;  width: 100%; height: 15px; line-height: 15px; text-align: center; display: block; }
.snl_1 { border-left: 1px solid #fff;  }

/*logo_wrap*/
.logo_wrap {  width: 25%; height: 70px; padding-left: 3%; display: block; float: left;  }
.logo_wrap > a  { width: 200px; height: 70px; display: block;  }
.logo_wrap > a > img { width: 200px; display: block; margin: 0 auto;  margin-top: 15px;}

/*main_navi_wrap*/
.main_navi_wrap { width: 65%; float: right;  padding-right: 3%; }
.main_navi_ul > li { float: left; width: 18%; height: 70px;  font-family: roboto; font-size: 14px;  text-transform: uppercase; }
.main_navi_ul > li.mnul5 { width: 26%; }
.main_navi_ul > li > a { width: 100%; text-align: center; height: 70px; display: block;  line-height: 70px; }


.mnv_li_ul { display: none; background: #fff; font-size: 11px;  font-family: nanum; width: 100%; position: relative; z-index: 99;  height: 210px;}
.mnv_li_ul > li { width: 100%;  }
.mnv_li_ul > li > a { width: 100%;  height: 30px; line-height: 30px; display: block; text-align: center;  overflow: hidden;  }
.navi_bg { height: 0px; width: 100%; display: block; background: #fff; position: absolute;  z-index: 200;}


#main_footer { width: 100%; height: 10%; display: block; background: url('/images/logo_footer.png') no-repeat 5% center #28324e; color: #fff; font-size: 13px; overflow: hidden; }
#footer_content { width: 100%; height: 100%; display: block;   }  

.footer_info { width: 50%; padding-left: 35%; display: block; float: left; height: 100%;}
.footer_links { width: 15%;  float: left; display: none; }
.footer_info > address { font-size: 13px; text-decoration: none; font-style: normal; margin-top: 2%;   }
#footer_p { margin-top: 5px;  font-size: 12px; }
small { margin-top: 5px; display: block;  }
.footer_links > a { color: #fff;   width: 40px;  display: block; float: left; margin-right: 5%; margin-top: 10%; }
.footer_links > a > img { width: 100%;  }

/*login*/
#login_form {  width: 360px;  height: 300px;  margin: 0 auto; padding-top: 15%;  text-align: center; font-family: hongik; }

#login_box {  height: 240px;  background: #f9f9f9; border: 1px solid #ddd; }
.login_box_name { width: 100%; background: #28324e; color: #fff; height: 40px; line-height: 40px; text-align: center; font-size: 20px; }
#login_box > input { display: block; border: 1px solid #efefef; }
.id { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/id_input.png') no-repeat 10px center  #fff; margin-top: 40px; }
.password { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/password_input.png') no-repeat 10px center  #fff;  margin-top: 10px; }
.login_btn {  cursor: pointer; width: 310px;  margin: 0 auto; height: 40px; background: #1b85c1; color: #fff;  margin-top: 10px; }
.login_btn:hover { background: #e31856; }

#login_bot_bg { width: 200px; height: 60px; position: fixed; bottom:5%; right: 5%; background: url('/images/logo_bg.png') no-repeat center;  }


/*sitemap*/
#sitemap { width: 20px;  height: 20px; margin-top: 5px; margin-left: 10px;  }
#sitemap > a > img { width: 20px;    }


.sitemap_box { width: 80%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_sitemap_logo { position: fixed; top: 8%; left: 35%; width: 30%; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.sitemap_box > ul { width: 70%; height: 65%; top: 15%;  position: fixed; left: 15%;  display: block; margin: 0 auto; padding-top: 5%; }

.sitemap_li > p > a {  color: #fff;  font-size: 22px; font-family: roboto, nanum; text-transform: uppercase; letter-spacing: 1px; display: block; }
.sl_bg { display: block;  background: #f93c68; width: 40px; height: 3px; margin-top: 10px;  }
.sitemap_li_ul_li > a  { color: #fff;   }
.sitemap_li_ul_li > a:hover { color: #f93c68;  }
.sitemap_li { float: left;  width: 23.33%; height: 40%; padding-left: 10%;  margin-bottom: 3%;  }
.sitemap_li_ul { margin-top: 15px;   }
.sitemap_li_ul_li { margin-bottom: 8px;  font-size: 14px;  }

/*  sub 공통  */
.title { font-size: 36px; width: 300px; margin: 0 auto; font-family: roboto, hongik; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline { width: 60px; height: 1px; display: block; margin: 0 auto; background: #0b146a;  margin-top: 2%; }
.text { font-size: 14px; letter-spacing: 2px; width: 100%; text-align: center; margin-top: 3%; font-family:roboto, nanum; }

.title2 { color: #fff; font-size: 36px; width: 300px; margin: 0 auto; font-family: roboto, hongik; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline2 { width: 60px; height: 1px; display: block; margin: 0 auto; background: #fff;  margin-top: 3%; }
.text2 { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align: center; margin-top: 3%;  }


.h3_title { font-family: roboto, nanum; margin-bottom: 20px; width: 100%; padding-left: 20px; height: 30px; line-height: 30px;  background: #2c82c9; color: #fff; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }

/* sub 공통 끝*/
.rndg_dt {  width: 100%;  display: block;  background-size: cover; font-size: 16px; font-family: nanum; text-align: center; background: #2c82c9; color: #fff; height: 40px; line-height: 40px; margin-bottom: 30px;   }
/*partners*/
.partners { width: 80%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_partners_logo { position: fixed; top: 8%; left: 35%; width: 30%; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.partners > ul { width: 70%; height: 65%; top: 15%;  position: fixed; left: 15%;  display: block; margin: 0 auto; padding-top: 5%; }

.partners_li {  width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; padding-top: 20px; overflow: hidden; }
.partner_a { display: block; float: left; width: 20%;   }
.partner_a > img { width: 80%; }
.partner_text_index { display: block; float: left; width: 80%; color: #fff;}

}

@media screen and (max-width: 700px) {  
#wrap_all {  width: 100%; max-width: 100%; min-width: 100%; height: 100%; min-height: 100%; max-height: 100%; display: block; }

#main_header { width: 100%; background: #fff;  height: 100px; position: relative; z-index: 201; border-bottom: 1px solid #ddd;}

/*sub_navi_wrap*/
.sub_navi_wrap { width: 100%; display: block; height: 30px; background: #0b0d59;   }
.sub_navi_ul { width: 50%;  float: right; padding-right: 3%; }
.sub_navi_ul > li { float: right;  width: 40%; height: 15px; margin-top: 7px; }
.sub_navi_ul > li > a { color: #fff; font-size: 12px;  width: 100%; height: 15px; line-height: 15px; text-align: center; display: block; }
.snl_1 { border-left: 1px solid #fff;  }

/*logo_wrap*/
.logo_wrap {  width: 25%; height: 70px; padding-left: 3%;  display: block; float: left;  }
.logo_wrap > a  { width: 150px; height: 70px; display: block;  }
.logo_wrap > a > img { width: 150px; display: block; margin: 0 auto;  margin-top: 20px; }

/*main_navi_wrap*/
.main_navi_wrap { width: 40%; float: right;  padding-right: 3%; }
.mobile_main_navi_ul { background: url('/images/mobile_navi.png') no-repeat top right;  width: 40px; height: 40px; float: right; margin-top: 15px; cursor: pointer; overflow: hidden; }
.mobile_main_navi_ul > li {   position: absolute; width: 100%; left: 0;  background: rgba(0,0,0,0.7); display: none; }
.mobile_main_navi_ul > li > a { width: 100%; text-align: center; height: 50px;  line-height: 50px; display: block; color: #fff;  }

.mmnul1 { top: 100px; }
.mmnul2 { top: 100px; }
.mmnul3 { top: 100px; }
.mmnul4 { top: 100px }





.mnv_li_ul { display: none; background: #fff; font-size: 13px;  font-family: nanum; width: 100%; position: relative; z-index: 99;  height: 210px;}
.mnv_li_ul > li > a { width: 80%; padding-left: 20%; height: 30px; line-height: 30px; display: block; text-align: left;   }
.navi_bg { height: 0px; width: 100%; display: block; background: #fff; position: absolute;  z-index: 200;}


#main_footer { width: 100%; height: 80px;  display: block; color: #fff; font-size: 13px;  }
#footer_content { width: 100%; height: 100%; display: none;   }  

.footer_info { width: 50%; padding-left: 35%; display: block; float: left; height: 100%;}
.footer_links { width: 15%;  float: left; display: none; }
.footer_info > address { font-size: 13px; text-decoration: none; font-style: normal; margin-top: 2%;   }
#footer_p { margin-top: 5px; font-size: 12px;  }
small { margin-top: 5px; display: block;  }
.footer_links > a { color: #fff;   width: 40px;  display: block; float: left; margin-right: 5%; margin-top: 10%; }
.footer_links > a > img { width: 100%;  }


.footer_content a{ margin-top: 12px; float: left;  width: 28.33%; text-align: center; background: #444550; margin-right: 5%; height: 90%; line-height: 20px; color: #fff;}
#f_con_wrap { display: block; width: 70%; height: 50%; margin: 0 auto; padding-top: 5px;  }
      
#footer_mobile { background: #33343e; color: #fff; font-size: 12px; clear: both; height: 80px; }
small { text-align: center; width: 100%; display: block; font-family: roboto;  position: relative; top: 5px;  }
#corp { font-size: 13px; padding-top: 5px; margin-right: 3px;  font-family: roboto;  }
#add_pop { z-index: 99; text-align: center; width: 55%; margin: 0 auto; height: 40px; background: #efefef; padding-top: 15px; position: relative; top: -100px; display: none; color: #28324e; }
#phone_pop { z-index: 99; text-align: center; width: 55%; margin: 0 auto; height: 40px; background: #efefef; padding-top: 15px; position: relative; top: -100px; display: none; color: #28324e; }
#link_pop { z-index: 99; text-align: center; width: 55%; margin: 0 auto; height: 40px; background: #efefef; padding-top: 15px; position: relative; top: -100px; display: none; color: #28324e; }

/*login*/
#login_form {  width: 360px;  height: 300px;  margin: 0 auto; padding-top: 15%;  text-align: center; font-family: hongik; }

#login_box {  height: 240px;  background: #f9f9f9; border: 1px solid #ddd; }
.login_box_name { width: 100%; background: #28324e; color: #fff; height: 40px; line-height: 40px; text-align: center; font-size: 20px; }
#login_box > input { display: block; border: 1px solid #efefef; }
.id { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/id_input.png') no-repeat 10px center  #fff; margin-top: 40px; }
.password { width: 260px; padding-left: 50px; margin: 0 auto; height: 40px; background: url('/images/password_input.png') no-repeat 10px center  #fff;  margin-top: 10px; }
.login_btn {  cursor: pointer; width: 310px;  margin: 0 auto; height: 40px; background: #1b85c1; color: #fff;  margin-top: 10px; }
.login_btn:hover { background: #e31856; }

#login_bot_bg { width: 200px; height: 60px; position: fixed; bottom:5%; right: 5%; background: url('/images/logo_bg.png') no-repeat center;  }
/*sitemap*/
#sitemap { width: 20px;  height: 20px; margin-top: 0; position: absolute; top: 5px; left: 2%; }
#sitemap > a > img { width: 20px; height: 20px; display: block;   }
.sitemap_box { width: 98%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_sitemap_logo { position: fixed; top: 8%; left: 25%; width: 50%;  text-align: center; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.sitemap_box > ul { width: 100%; height: 65%; top: 18%;  position: fixed;  display: block; margin: 0 auto; padding-top: 5%; }

.sitemap_li > p > a {  color: #fff;  font-size: 14px; font-family: roboto, nanum; text-transform: uppercase; letter-spacing: 1px; display: block; }
.sl_bg { display: block;  background: #f93c68; width: 40px; height: 3px; margin-top: 10px;  }
.sitemap_li_ul_li > a  { color: #fff;   }
.sitemap_li_ul_li > a:hover { color: #f93c68;  }
.sitemap_li { float: left;  width: 23.33%; height: 40%; padding-left: 10%;  margin-bottom: 10%;  }
.sitemap_li_ul { margin-top: 10px;   }
.sitemap_li_ul_li { margin-bottom: 8px;  font-size: 12px;  }


/*  sub 공통  */
.title { font-size: 18px; width: 300px; margin: 0 auto; font-family: roboto, nanum; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline { width: 30px; height: 1px; display: block; margin: 0 auto; background: #0b146a;  margin-top: 15px; }
.text { font-size: 14px; letter-spacing: 2px; width: 90%; margin: 0 auto;  text-align: center; margin-top: 15px;  }

.title2 { color: #fff; font-size: 36px; width: 300px; margin: 0 auto; font-family: roboto, nanum, hongik; text-transform: uppercase; letter-spacing: 1px;  text-align: center;  }
.title_underline2 { width: 60px; height: 1px; display: block; margin: 0 auto; background: #fff;  margin-top: 3%; }
.text2 { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align: center; margin-top: 3%;  }

/* sub 공통 끝*/

/*partners*/
.partners { width: 80%; height: 90%;  display: block; background: url(/images/sitemap_close.png) no-repeat 98% 2% rgba(0,0,0,0.8); position: fixed; z-index: 999;  top: 5%; margin: 0 auto; left: 10%; cursor: pointer; display: none;  opacity:0; }

.for_partners_logo { position: fixed; top: 8%; left: 35%; width: 30%; height: 60px; display: block;  background-size: cover;  color: #fff; text-align: center;  line-height: 60px; font-family: roboto; letter-spacing: 1px; text-transform: uppercase; font-size: 18px;  opacity:0; border-bottom: 2px solid #fff;  }

.partners > ul { width: 70%; height: 65%; top: 15%;  position: fixed; left: 15%;  display: block; margin: 0 auto; padding-top: 5%; }

.partners_li {  width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; padding-top: 20px; overflow: hidden; }
.partner_a { display: block; float: left; width: 20%;   }
.partner_a > img { width: 80%; }
.partner_text_index { display: block; float: left; width: 80%; color: #fff;}
}