@charset "utf-8";
/* CSS Document */

body { font-family:"notokr-regular", Malgun gothic, sans-serif, dotum} 

/*header*/
#header { background:#fff !important;}
#i_gnb_wrap{ width:100%; margin:0 auto; height:30px; background:#354053; }

#i_gnb { position:relative; height:30px; width:1200px; margin:0 auto;  }
#i_gnb ul { margin:0; padding:0; position:absolute; right:0; }
#i_gnb ul li { list-style:none; float:left; line-height:29px; font-size:12px; color:#fff; background-color:#4897cf; font-weight:300 !important; }
#i_gnb ul li a { color:#fff; padding:0 20px; background:url(/images/gnb_bar.jpg) right 50% no-repeat;}

/*index*/
#i_visual { width:100%; height:700px; margin:0 auto; z-index:-999; margin-bottom:50px; }

#i_selcate { width:1200px; height:380px; margin:0 auto; clear:both; position:relative; z-index:9999; }

.i_con01_wrap{ width:1200px; margin: 0 auto; clear:both; }
.con01box { min-width:1200px; margin:0 auto; background:url(/img/main/bg_about.gif) no-repeat center; height:374px; overflow:hidden; opacity:.9999; clear:both; }

.con01box ul { margin:0 auto; width:1200px; } 
.con01box li { float:left; width:380px; height:380px; overflow:hidden; position:relative; margin-right:30px; }
.con01box li:first-child {}
.con01box li:last-child { margin-right:0;}
.con01box li > img { position:absolute; top:0; left:0; z-index:-1; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.con01box li:hover > img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }
.con01box li a { display:block; width:100%; height:100%; position:relative; }

.con01box li:nth-child(2) i { color:#2e9bb5; }
.con01box li:last-child i { color:#778289; }

.con01box dl { position:absolute; bottom:0; left:0; width:100%; height:170px; color:#fff; box-sizing:border-box; padding:0 8%; top:220px; }
.con01box dt { font-weight:bold; font-size:32px; margin-top:35px; text-align:center; letter-spacing:-1px;}
.con01box dd { font-size:18px; line-height:24px; margin:15px auto 0; position:relative; font-weight:300; text-align:center; color:#fff; width:150px; padding:3px 10px; border:1px solid #fff; transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; }
.con01box dd:hover{ background-color:#fff; color:#333; display:block; }


.i_con02_wrap{ width:100%; height:480px; margin:80px auto 50px; clear:both; background:url(/images/con_bg.jpg) center center no-repeat; }
.i_con02{ width:1200px; margin:0 auto; position:relative; padding:35px 0; }
.i_notice_wrap{ width:380px; display:block; clear:both; float:left; }
.i_notice{ width:380px; height:200px; display:block; position:relative; clear:both; }
.i_no_tit{ width:380px; height:50px; }
.i_no_tit > h3{ color:#333; font-size:22px; line-height:30px; font-weight:400; }
.i_no_line{ width:380px; height:3px; background:url(/images/no_line.jpg) center center no-repeat; }
.i_no_tit > p{ color:#333; font-size:16px; line-height:25px; position:absolute; right:0; top:0; }

.i_port{ width:760px; height:380px; float:right; position:relative; }
.i_no_line02{ width:760px; height:3px; background:url(/images/no_line02.jpg) center center no-repeat; }
.i_no_tit02{ width:760px; height:50px; }
.i_no_tit02 > h3{ color:#333; font-size:22px; line-height:30px; font-weight:400; }
.i_no_tit02 > p{ color:#333; font-size:16px; line-height:25px; position:absolute; right:0; top:0; }

.i_con03{ width:1200px; margin:0 auto; clear:both; margin-bottom:100px; }
.i_in_tit{ width:1200px; margin:0 auto; margin-bottom:50px; }
.i_in_tit > h1{ color:#333; font-size:32px; font-weight:600; line-height:48px; text-align:center; }
.i_inline{ background:url(/images/tit_line.jpg) center center no-repeat; width:100px; margin:0 auto; height:3px; margin-bottom:10px; }
.i_in_tit > p{ color:#333; font-size:17px; text-align:center; line-height:25px; }

.i_con03box01{ width:200px; height:270px; background:url(/images/con02_01.jpg) center center no-repeat; float:left; margin-right:5px; }
.i_con03box_ul{ padding:25px 20px 0 20px; display:block; }
.i_con03box_ul > li{  color:#fff; font-size:16px; line-height:25px; display:block; letter-spacing:-1px;  }
.i_con03box_ul > li > a{ color:#fff; }
.i_con03box_ul > li:hover > a{ border-bottom:1px solid #fff; }
.i_con03box_ul > li:first-child > a{ font-weight:400; font-size:22px; line-height:35px; color:#fff; }
.i_con03box_ul > li:first-child{ margin-bottom:15px; }

.i_con03box02{ width:200px; height:270px; background:url(/images/con02_02.jpg) center center no-repeat; float:left; margin-right:5px; }
.i_con03box03{ width:200px; height:270px; background:url(/images/con02_03.jpg) center center no-repeat;  float:left; margin-right:5px;}
.i_con03box04{ width:230px; height:270px; background:url(/images/con02_04.jpg) center center no-repeat; float:left; margin-right:5px;}
.i_con03box05{ width:350px; height:270px; background:url(/images/con02_05.jpg) center center no-repeat; float:left; }

/*bbs*/
.i_bbstit{ width:1200px; margin:0 auto; margin-top:30px; }
.i_bbstit > h5{ color:#333; font-size:30px; font-family:"notokr-medium", Malgun gothic, sans-serif, dotum;  }
.i_bbs_line{ width:1200px; margin:15px auto 50px; border-bottom:2px solid #ccc; }

/*advantage*/
.i_ab_tit_bg{ width:1200px; height:200px; margin:0 auto; background:url(/images/ad_titimg.jpg) center center no-repeat; }
.i_ab_tit{ width:950px; height:200px; padding-top:56px; float:right; }
.i_ab_tit > p{ color:#333; font-size:19px; line-height:28px; }

.i_ab_text{ width:1200px; margin:30px auto 50px; clear:both; }
.i_ab_text> p { color:#333; font-size:16px; line-height:25px; padding-bottom:30px; }

.i_ab_box{ width:1200px; margin:0 auto; clear:both; }

.i_ab_box > ul{ width:245px; height:280px; margin-right:20px; border-top:5px solid #00A2F5; background-color:#f1f1f1; padding:15px 20px; text-align:center; float:left; margin-bottom:20px; }
.i_ab_box > ul > li{ color:#333; font-size:16px; line-height:25px; }
.i_ab_box > ul > li:first-child{ color:#0377B4; font-size:22px; line-height:70px; font-weight:400; text-align:center; }


/*marketing*/

.i_markettb{ width:1200px; margin:0 auto; clear:both; margin-bottom:60px; /*border-right:1px solid #ccc; border-left:1px solid #ddd;*/ }
.i_markettb tr{ height:60px; }
.i_markettb th{ color:#333; font-weight:500; text-align:left; padding:0 20px; font-size:18px; border-top:4px solid #4897CF; border-bottom:1px solid #333; background-color:#f9f9f9; }
.i_markettb td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:17px; padding:0 20px; }
.i_markettb td:last-child{ border-right:0px; }
.i_markettb td > span{ color:#4897CF; }

#i_markth_r{ text-align:right; color:#005b9c; }







/***********************************************************************/
#i_mcont  { width:1040px; margin:20px auto;}
.i_busi { overflow:hidden; margin-right:10px; float:left;}
.i_busi ul { margin:0; padding:0;}
.i_busi ul li { float:left; margin-right:12px; list-style:none;}



.i_noti { width:410px; float:left; background:#fff !important; padding:25px; height:220px;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box; }
.i_data { margin-top:10px; float:left; text-align:center;  background:url(/images/data_bg.jpg) center top no-repeat; width:300px; height:210px;}

.i_data ul { margin:85px 0 0 0; padding:0; }

.i_data ul li { list-style:none; margin-bottom:10px;}

.i_agent { width:310px; height:210px; float:left; margin-top:10px; margin-left:10px;}

.i_cus { width:410px; height:208px; padding:1px 0; background:#fff !important; float:left; margin-top:10px; margin-left:10px;}

/*footer*/
#i_footer_wrap { width:100%; min-height:120px; text-align:center; float:left; clear:both; margin-top:50px; background-color:#505050; }
.i_footer{ width:1200px; margin:0 auto; padding:20px 0; }
.i_footer > ul{ width:460px; margin:0 auto; margin-bottom:50px;  }
.i_footer > ul > li{ float:left; margin-right:20px; }
.i_footer > ul > li:last-child{ margin-right:0; }
.i_footer > ul > li > img{ width:220px; }
.i_footer > p{ color:#fff; font-size:16px; line-height:25px; text-align:center; clear:both; }
.i_footer > p > a{ color:#fff; }

/*organization*/
.i_orga{ width:1200px; margin:0 auto; }
.i_orga > img{ width:1200px; margin:0 auto; }

/*loication*/
.i_location{ width:1200px; margin:0 auto; margin-bottom:50px; }
.i_lotb{ width:1200px; margin:0 auto; }
.i_lotb tr{ height:60px; }
.i_lotb .i_loth01{ background:url(/images/loicon01.png) center left no-repeat; padding-left:45px; }
.i_lotb .i_loth02{ background:url(/images/loicon02.png) center left no-repeat; padding-left:45px; }
.i_lotb .i_loth03{ background:url(/images/loicon03.png) center left no-repeat; padding-left:45px; }
.i_lotb .i_loth04{ background:url(/images/loicon04.png) center left no-repeat; padding-left:45px; }
.i_lotb tr th{ color:#0277b4; font-weight:500; line-height:35px; text-align:left; font-size:20px; }
.i_lotb tr td{ color:#333; font-size:17px; }

/*used*/
.i_used_text{ width:1200px; margin:0 auto; }
.i_used_text > p{ color:#333; font-size:16px; line-height:25px; padding:30px 0; border-bottom:1px solid #ccc; }

.i_used_tb{ width:1200px; margin:0 auto; margin-top:30px; clear:both; border-left:1px solid #ddd; }
.i_used_tb th{ color:#333; font-size:16px; line-height:25px; text-align:left; padding:10px; }
.i_used_tb td{ color:#333; font-size:16px; line-height:25px; padding:30px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.i_used_tb td > img{ width:100%; margin:0 auto; }

#i_used_th{ background-color:#0377B4; padding-left:30px; color:#fff; width:100%; }

.i_used_tb_tit{ width:1200px; margin:50px auto 0px; }
.i_used_tb_tit > h3{ color:#382D7C; font-size:18px; line-height:25px; font-weight:600; }





#i_pagetit { width:1200px; height:150px; margin:0px auto 0; color:#fff !important; font-size:42px; letter-spacing:10px; font-family:"notokr-bold", Malgun gothic, sans-serif, dotum; text-align:center; line-height:160px; }

#i_pagetit .titbar { display:block; width:100px; height:3px; background:#728DC2; margin:10px 0;}
#i_pagetit .titment { color:#677485; font-size:18px;}

#i_svisu { z-index:-999; position:absolute; top:110px; width:100%; height:245px; border-bottom:1px solid #dadada;}
#pagenavi { overflow:hidden; width:100%; text-align:right; margin-bottom:3px;}
#pagenavi ul {font-family:"notokr-regular", Malgun gothic, sans-serif, dotum; margin:0; padding:0; overflow:hidden; display:inline-block;}
#pagenavi ul li { float:left; list-style:none; padding:0 5px;}
#pagenavi ul .navihome { color:#777; background:url(/images/homeico.gif) 0px 3px no-repeat; padding:0 3px 0 20px;}
#pagenavi ul .navimenu { color:#888;}
.srch_result { width:100%; margin-bottom:20px; text-align:right; font-size:20px;font-family:"notokr-regular", Malgun gothic, sans-serif, dotum;}

#i_sub { width:1200px; margin:0 auto; min-height:500px; line-height:180%; text-align:justify; overflow:hidden;}
#i_sub .normaltxt { margin-bottom:15px; font-size:16px;}
#i_sub2 { margin-bottom:80px;}

.name { float:right; margin-top:40px;}


.greeting_top { background:url(/images/greeting_01.jpg) left bottom no-repeat; font-size:30px; color:#4E6A9B; line-height:150%; text-align:right; width:100%; padding:130px 0 120px; border-bottom:1px solid #dadada;}

.tgcontent { width:100%; margin:0 auto; border-top:1px solid #222;}
.tgcontent td { padding:15px; border-bottom:1px solid #ddd; font-size:16px;}
.tgcontent .tdhead { background:#F5F5F5; color:#222;font-family:"notokr-medium", Malgun gothic, sans-serif, dotum; width:150px;}

.infotop { background:url(/images/info_top.jpg) right bottom no-repeat;font-size:30px; color:#4E6A9B; line-height:150%; text-align:left; padding:175px 10px 85px;}

.licen_history { background:url(/images/licen_history.jpg) center top no-repeat; background-size:cover; padding:25px 0;}
.licen_history table { background:url(/images/licen_bar.png) center top repeat-y;}
.licen_history td { color:#fff !important; padding:0px 5px;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box; font-size:15px;}
.licen_history .year { font-size:18px;font-family:"notokr-bold", Malgun gothic, sans-serif, dotum; color:#728DC2 !important; text-shadow:1px 1px 1px #222;}


.page_subtit { font-size:25px; font-family:"notokr-bold", Malgun gothic, sans-serif, dotum; color:#222; padding-left:15px; border-left:3px solid #4A6AE3; margin-bottom:10px;}



.enfreetab { margin:0 0 50px 0; padding:0; height:50px;  overflow:hidden;}

.enfreetab li { list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
}
.enfreetab li a { text-decoration:none; color:#4E6A9B; font-size:16px;}
.enfreetab li:last-child { border-right:1px solid #dadada}

.enfreetab .on {list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-top:1px solid #4E6A9B; border-left:1px solid #4E6A9B; border-bottom:1px solid #4E6A9B; text-align:center; background:#4E6A9B}
.enfreetab .on a { text-decoration:none; color:#fff !important; font-size:16px;}

.enfreetab li:hover {list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-top:1px solid #4E6A9B; border-left:1px solid #4E6A9B; border-bottom:1px solid #4E6A9B; text-align:center; background:#4E6A9B}
.enfreetab li:hover a { text-decoration:none; color:#fff !important; font-size:16px;}


.enfreetab2 { margin:0 0 50px 0; padding:0; height:50px;overflow:hidden;}

.enfreetab2 li { list-style:none; float:left; width:260px; height:45px; line-height:45px;  border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
}
.enfreetab2 li a { text-decoration:none; color:#4E6A9B; font-size:16px;}
.enfreetab2 li:last-child { border-right:1px solid #dadada}

.enfreetab2 .on {list-style:none; float:left; width:260px; height:45px; line-height:45px;  border-top:1px solid #4E6A9B; border-left:1px solid #4E6A9B; border-bottom:1px solid #4E6A9B; text-align:center; background:#4E6A9B}
.enfreetab2 .on a { text-decoration:none; color:#fff !important; font-size:16px;}

.enfreetab2 li:hover {list-style:none; float:left; width:260px; height:45px; line-height:45px;  border-top:1px solid #4E6A9B; border-left:1px solid #4E6A9B; border-bottom:1px solid #4E6A9B; text-align:center; background:#4E6A9B}
.enfreetab2 li:hover a { text-decoration:none; color:#fff !important; font-size:16px;}

#bo_list { font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_v	{ font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_w { font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_gall	{ font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
.tgbs  {border-collapse:collapse;border-spacing:0;border-color:#aabcfe; width:100%;}
.tgbs td{font-family:Malgun Gothic,dotum,sans-serif;font-size:13px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal; text-align:center;border-color:#dadada;color:#669;background-color:#e0e5ef;}
.tgbs th{font-family:Malgun Gothic,dotum,sans-serif;font-size:13px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#dadada;color:#fff;background-color:#508ad8;}
.tgbs .tg-vn4c{background-color:#D2E4FC}
.tgbs .tg-yw4l{}
.tgbs .tg-6k2t{background-color:#F1F2F4;}

#i_srch { width:170px; height:30px; border:1px solid #dadada;  line-height:30px; float:right; }
#i_srch #sch_str { border:0; padding:5px; height:20px;}
#i_srch #sch_submit { padding:5px;}

#i_swrap { width:1200px; margin:0 auto; clear:both; }



#i_smenu { height:45px; line-height:45px; margin-bottom:80px;}
#i_smenu li { list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-left:1px solid #dadada; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
}
#i_smenu li a { text-decoration:none; color:#363839; font-size:17px;font-family:"notokr-medium", Malgun gothic, sans-serif, dotum; display:block;}
#i_smenu li:last-child { border-right:1px solid #dadada}
#i_smenu .lion {list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-top:1px solid #363839; border-left:1px solid #363839; border-bottom:1px solid #363839; text-align:center; background:#363839}
#i_smenu .lion a { text-decoration:none; color:#fff !important; font-size:16px;}
#i_smenu li:hover {list-style:none; float:left; width:216px; height:45px; line-height:45px;  border-top:1px solid #363839; border-left:1px solid #363839; border-bottom:1px solid #363839; text-align:center; background:#363839}
#i_smenu li:hover a { text-decoration:none; color:#fff !important; font-size:16px;}



.back-to-top {
  /*width:50px; height:50px;*/
  position: fixed;
  bottom: 40px;
  right: 0;
  display: inline-block;  
  padding:10px;
  line-height:12px;
  margin: 1em;
background-color: rgba(19,  26,  21,  0.4);
background: rgba(19,  26,  21,  0.4);
color: rgba(19,  26,  21,  0.4);
  border: 2px solid #000;
  border:dashed 0px #000000;
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:75px; 
-moz-border-radius-bottomleft:75px;
-moz-border-radius-bottomright:75px; 
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:75px; 
-webkit-border-bottom-left-radius:75px;
-webkit-border-bottom-right-radius:75px;
border-top-left-radius:75px;
border-top-right-radius:75px; 
border-bottom-left-radius:75px;
border-bottom-right-radius:75px;
text-align:center;

}
.back-to-top:hover {
  cursor: pointer;
}

.back-to-top a { text-align:center; color:#fff !important; text-decoration:none;}


.proinfo > h6 { display:none !important;}


/***************/

.i_subtable{ width:70%; clear:both; margin:0 auto; }
.i_subtable tr{ height:50px; }
.i_subtable th{ text-align:center; font-size:18px; font-weight:500; background:#214E8F; color:#fff; padding:10px; border-right:1px solid #ccc; }
.i_subtable td{ color:#333; text-align:left; font-size:18px; padding:10px 20px; border-right:1px solid #ccc; }
.rnone{ border-right:0 !important;}
.i_subtr{ background:#f1f1f1 !important; }