@charset "euc-kr";
/* CSS Document */

.box1{ width:95%; max-width:1160px; margin:0 auto; position:relative; }
.box2{ width:95%; max-width:1160px; margin:0 auto; position:absolute; margin-top:-66px;}
.box3{ width:95%; max-width:1200px; margin:0 auto}

#header{ background:url(../images/main/g_bg.jpg) no-repeat center bottom; }

#header .nav_menu{ overflow:hidden; background:#06437f;}
#header .nav_menu .left_menu{ float:left; overflow:hidden;}
#header .nav_menu .left_menu .home_btn { float:left; width:35px; height:25px; text-indent:-99999px; background-image:url(../images/inc/home.png); background-repeat:no-repeat; background-color:rgba(255,255,255,0.2); background-position:center center;}
#header .nav_menu .left_menu .home_btn:hover { background-color:rgba(255,255,255,0.4); }
#header .nav_menu .left_menu .book_btn { float:left; width:35px; height:25px; text-indent:-99999px; background-image:url(../images/inc/mark.png); background-repeat:no-repeat; background-color:rgba(255,255,255,0.2); background-position:center center;}
#header .nav_menu .left_menu .book_btn:hover { background-color:rgba(255,255,255,0.4) }
#header .nav_menu .left_menu .allmenu_btn { margin-left:1px; float:left; width:35px; height:25px; text-indent:-99999px; background-image:url(../images/inc/all_menu.png); background-repeat:no-repeat; background-color:#b2b2b2; background-position:center center; }
#header .nav_menu .left_menu .allmenu_btn:hover { background-color:#ddd; }

#header .nav_menu .right_menu{ float:right; overflow:hidden; margin-top:6px}
#header .nav_menu .right_menu li{ float:left; background:url(../images/inc/menu_bar.png) no-repeat left center; padding:0 10px;}
#header .nav_menu .right_menu li.st3{ padding-right:0;}
#header .nav_menu .right_menu li a{ font-size:11px; color:#fff;}
#header .nav_menu .right_menu li:hover a{ color:#1288c5;}
#header .nav_menu .right_menu li:first-child{ background:none;}

#header .top_area { background:#fff; border-top:1px solid #ddd; padding:10px 0;position:relative; }

#header .top_area .r_area { width:100%; display:none; }
#header .top_area .r_area .sear_area { float:none; margin-top:2px; }
#header .top_area .r_area .sear_area .sear_box { float:left; width:50%; height:27px; border:1px solid #ddd; padding:0 10px; }
#header .top_area .r_area .sear_area .sear_btn { float:left; width:35px; height:29px; background-color:#444; background-image:url(../images/inc/search.png); background-position:center center; background-repeat:no-repeat; cursor:pointer;}

#header .logo { width:100%; height:45px; text-align:center; }
#header .logo img{max-width:170px;}
#header .top_area h1.menu{ position:absolute; right:0; top:18px;}
#header .top_area h1.menu a{ background:#b2b2b2; padding:10px 13px;}

#header .gnb_area{display:none;}
#header .gnb_area > div{ position:relative; z-index:1000; }
#header .gnb_area .gnb{*zoom:1; text-align:center; margin:0 auto;}
#header .gnb_area .gnb > li{ display:inline-block; position:relative; margin:0 30px 0 30px;}
#header .gnb_area .gnb > li.m_6{ background:none; }
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; font-size:1em; color:#666; transition:0.6s; font-weight:600; 
padding-top:21px; margin-top:-19px; height:48px;}
#header .gnb_area .gnb > li .dp1:hover .icon,
#header .gnb_area .gnb > li .dp1.on .icon{ }
#header .gnb_area .gnb > li > a.dp1:hover, #header .gnb_area .gnb > li > a.on.dp1 { transition:0.6s; text-decoration:none; color:#0068b6; padding-top:21px; } 

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; top:50px; margin-left:-92px; width:180px; padding:10px 0; background:#fff;/* filter:alpha(opacity=90); opacity:0.9;*/
 border-bottom:3px solid #004fa0; border-left:3px solid #fff; border-right:3px solid #fff; display:none !important}
#header .gnb_area .gnb .dp2 > li{ padding:0 15px;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:8px 0; border-top:1px solid #ccc; background-repeat:no-repeat; background-position:10px 13px; text-align:center; color:#666; font-weight:600; font-size:0.813em; }
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .dp2 > li > a:hover{ color:#333; background:#f2f2f2; /*background:rgba(0, 159, 135, 0.6)*/}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_5,
#header .gnb_area .gnb .m_guide,
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}

/* allmenu */
#blackbox { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url(../images/inc/all_menu_bg.png) repeat center center; z-index:100000; }
#blackbox a { font-size:0px; text-indent:-99999p;}
.allmenu_area { display:none; position:fixed; left:50%; top:50%; max-width:1160px; width:100%; margin-left:-580px; margin-top:-315px; z-index:10000000; }
.allmenu_area .all_logo { position:absolute; left:50%; top:-50px; margin-left:-83px; width:166px; height:35px; }
.close { position:absolute; right:30px; top:30px; width:36px; height:34px; background:url(../images/inc/close.png) no-repeat center center }
.allmenu_area .gnb > li{ float:left; width:23.3%; margin:40px 0 60px 1.4%}
.allmenu_area .gnb > li .dp1{ display:block; text-align:center; line-height:40px; font-weight:600; font-size:16px; color:#fff; border-top:3px double #fff; border-bottom:1px solid #fff; }
.allmenu_area .gnb > li .dp2 { margin-top:25px; }
.allmenu_area .gnb > li .dp2 > li > a{ display:block; font-size:13px; color:#f3f3f3; padding:5px 0 5px 13px; background:url(../images/inc/all_dot1.gif) no-repeat left center}
.allmenu_area .gnb > li .dp2 > li > a:hover{ color:#f26521; text-decoration:underline; }
.allmenu_area .gnb > li .dp3,
.allmenu_area .gnb > li .dp4 { display:none;}

.allmenu_area .gnb > li .dp2 > li .dp3 > li .d3_s { padding:0px 0px 0px 13px; margin:8px 0 0 0; color:#fff; display:block; }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 { margin:8px 0 0 0; }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 > li .d4_s { padding:5px 0px 5px 18px; line-height:24px; color:#fff;  }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 > li .d4_s:before { content:"-"; padding-right:3px; }

.allmenu_area .gnb > li.m_5{ clear:both; }
.allmenu_area .gnb > li.m_guide,
.allmenu_area .gnb > li.m_search,
.allmenu_area .gnb > li.m_mypage{ display:none}


/*footer*/
.f_logo{ position:absolute; right:0px; top:5px; width:170px; height:35px; }
#footer{}

#footer .footer_gnb_wrap .footer_gnb{ background:#3d3d3d; padding:10px 0 20px 0}
#footer .footer_gnb_wrap .footer_gnb .gnb{ overflow:hidden; margin-left:-15px}
#footer .footer_gnb_wrap .footer_gnb .gnb > li{ float:left; width:20%}
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp1,
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp2{ margin-left:15px; margin-top:5px}
#footer .footer_gnb_wrap .footer_gnb .gnb > li.m_guide{ display:none}
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp1{ display:block; font-size:0.875em; color:#fff; border-bottom:1px solid #666; padding:5px 10px 5px 30px;
background:url(../images/inc/f_gnb_tit.png) no-repeat 10px center;}
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp2 > li > a{ display:block; font-size:0.75em; color:#ccc; padding:5px 5px 5px 15px;
 background:url(../images/inc/f_gnb_tit2.png) no-repeat 5px 11px;}
#footer .footer_gnb_wrap .footer_gnb .gnb > li:hover .dp1{ color:#fff;}
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp2 > li > a:hover{ color:#fff;}
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp3,
#footer .footer_gnb_wrap .footer_gnb .gnb > li .dp4{ display:none;}

#footer .foot_wrap .inner_b{ margin-left:0px;}
#footer .foot_wrap .inner_b li a.admin{ margin-left:10px;}
#footer .foot_wrap .inner_b li.last{ float:right;}
#footer .foot_wrap .inner_b li.copy_en{ float:left; clear:both;}

#footer .foot_wrap .f_logo{ float:right; width:24%; display:none;}
#footer .foot_wrap .f_logo li.logo_f{ float:none; text-align:right; margin-right:0;}

#footer .foot_wrap .info_t{ background:#222; padding:13px 0; position:relative;}
#footer .foot_wrap .info_t .inner_a{ overflow:hidden;}
#footer .foot_wrap .info_t .inner_a li{ float:left; padding:0 13px 0 10px; background:url(../images/inc/f_dot.jpg) no-repeat right center;}
#footer .foot_wrap .info_t .inner_a li:first-child{ padding-left:0;}
#footer .foot_wrap .info_t .inner_a li:last-child{ background:none;}
#footer .foot_wrap .info_t .inner_a li a{ color:#fff; font-size:0.875em;}
#footer .foot_wrap .info_t .inner_a li a:hover{ text-decoration:underline;}

#footer .gotop{ color:#fff; position:absolute; z-index:10; width:45px; height:39px; line-height:54px; right:0; bottom:-13px; cursor:pointer; text-align:center;
font-size:0.75em; background:#000 url(../images/inc/top_bt.png) no-repeat center 10px; }


#footer .foot_wrap .info{ background:#333;}
#footer .foot_wrap .info ul{ padding:20px 0 30px 0; overflow:hidden;}
#footer .foot_wrap .info ul li{ float:left; font-size:0.875em; color:#ccc; line-height:20px; margin-right:23px;}
#footer .foot_wrap .info ul li.site_n{}

#footer .foot_wrap .info ul li a{ color:#ccc;}
#footer .foot_wrap .info ul li a:hover{ text-decoration:underline;}
#footer .foot_wrap .info ul li.copy_en{ font-size:0.875em; margin-top:10px; color:#999; text-transform:uppercase; }



.sub #contents .lnb_area{ float:none; z-index:inherit; width:230px; display:none; }
.sub #contents .lnb_area .gnb { background:url(../images/inc/lnb_off.jpg) left bottom; padding-bottom:40px; }
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{ width:220px; height:35px; padding-top:33px; margin-bottom:5px; }
.sub #contents .lnb_area .tit_bgguide{ background:url(../images/inc/tit_bgguide.png) left top;  }
.sub #contents .lnb_area .tit p{ z-index:inherit; display:block; height:20px; text-align:left; font-size:26px; font-family:ns; color:#0f2945; }

.sub #contents .lnb_area .cus{ margin-bottom:100px;}
.sub #contents .lnb_area .cus ul li.fir{ width:188px; background:#fff url(../images/inc/tel_bg.png) no-repeat 160px 75px; padding:20px; margin-bottom:20px; border:1px solid #ccc;}
.sub #contents .lnb_area .cus ul li.fir ul li{ text-align:left;}
.sub #contents .lnb_area .cus ul li.fir ul li.cus_tit{ font-size:15px; font-weight:600; color:#004273;}
.sub #contents .lnb_area .cus ul li.fir ul li.cus_txt{ font-size:12px; color:#555555; line-height:1.6; margin-top:15px;}
.sub #contents .lnb_area .cus ul li.fir ul li.tel{ font-size:14px; font-family:notokrB; color:#ff7800; border:1px solid #ccc; padding:3px 15px; border-radius:3px; margin-top:20px;}
.sub #contents .lnb_area .cus ul li.fir ul li.tel span{ color:#000;}
.sub #contents .lnb_area .cus ul li.fir ul li.fax{ font-size:14px; font-family:notokrB; color:#ff7800; border:1px solid #ccc; padding:3px 15px; border-radius:3px; margin-top:3px;}
.sub #contents .lnb_area .cus ul li.fir ul li.fax span{ color:#000;}


.sub #contents .lnb_area .gnb{ }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{}
.sub #contents .lnb_area .gnb .dp2 > li > a{ padding:12px 22px; height:20px; line-height:20px; display:block; font-size:15px; color:#000; background:url(../images/inc/left_off.png) no-repeat 190px center; border:1px solid #ccc; border-top:none; }

.sub #contents .lnb_area .gnb .dp3{ border-bottom:1px solid #ccc;}
.sub #contents .lnb_area .gnb .dp3 > li{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
.sub #contents .lnb_area .gnb .dp3 > li > a{ padding:12px 22px 12px 30px; height:20px; line-height:20px; display:block; font-size:15px; color:#444; background:#fff; border:none; background:url(../images/inc/left_on2.png) no-repeat 190px center;}
.sub #contents .lnb_area .gnb .dp3 > li:hover > a
.sub #contents .lnb_area .gnb .dp3 > li.on > a{ color:#ccc;}

.sub #contents .lnb_area .gnb .dp4{  background:#f5f5f5; width:190px; margin-left:20px}
.sub #contents .lnb_area .gnb .dp4 > li:first-child{border-top:1px solid #ccc; }
.sub #contents .lnb_area .gnb .dp4 > li:last-child{border-bottom:1px solid #ccc;}
.sub #contents .lnb_area .gnb .dp4 > li > a{ margin:12px 20px; line-height:1; display:block; font-size:12px; color:#999;}
.sub #contents .lnb_area .gnb .dp4 > li:hover > a,
.sub #contents .lnb_area .gnb .dp4 > li.on > a{ color:#005aba; text-decoration:underline;
background:url(../images/inc/left_on3.png) no-repeat 120px center;}

.sub #contents .lnb_area .gnb .dp2 > li:first-child > a{ border-top:1px solid #ccc;}
.sub #contents .lnb_area .gnb .dp2 > li > a small{ color:#999;}
.sub #contents .lnb_area .gnb .dp2 > li:first-child > a{}


.sub #contents .lnb_area .gnb .dp2 > li:hover > a,
.sub #contents .lnb_area .gnb .dp2 > li.on > a{ color:#fff; text-decoration:none;  background:#004273 url(../images/inc/left_on.png) no-repeat 190px center; border-color:#004273;  }

.sub #contents .lnb_area .gnb .dp2 > li:hover > a small{ color:#fff;}
.sub #contents .lnb_area .gnb .dp2 > li.on > a small{ color:#fff;}

.sub #contents .lnb_area .sub_cus { margin-top:109px; }
.sub #contents .lnb_area .sub_cus li { border:1px solid #d5d9dc; }
.sub #contents .lnb_area .sub_cus li:last-child { border-top:0px; }

#contents{ position:relative; z-index:1}
.sub .doc{ padding:31px 0 100px 0; overflow:hidden; }
.sub .svisu_area{ height:160px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ width:600px; overflow:hidden; position:absolute; left:50%; top:0px; margin-left:-300px; text-align:center; margin-top:45px; }
.sub .svisu_area .visu_sgarea ul li.tit{ font-size:28px; color:#fff; font-family:notokrB; text-transform:uppercase; margin-bottom:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
.sub .svisu_area .visu_sgarea ul li.txt{ font-size:16px; color:#fff; font-family:notokrM; text-shadow:1px 1px 1px rgba(0,0,0,0.4); word-break:keep-all;}
.sub .svisu_area .visu_sgarea ul li.txt span{ color:#23ceff; font-family:notokrB;}

.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{ float:left; }
.sub .sub_con .gnb_area .quick{ margin-top:50px;}
.sub .sub_con .con_area{ float:none; width:100%;}

.sub_con .con_area .tit_area{ position:relative; }
.sub_con .con_area .tit_area p.title { height:43px; border-bottom:1px solid #999; font-size:1.250em; font-family:ns; color:#0f2945; padding-top:20px; line-height:40px; }
.sub_con .con_area .tit_area p.title small{ font-size:18px; font-family:notokrL; color:#666;}

.sub_con .con_area .sub_tt{ padding-left:23px; font-size:22px; font-weight:600; color:#464646; background:url(../images/inc/tit_bg.jpg) no-repeat left 5px; margin-top:34px; }
.sub_con .con_area .tit_area .line{ height:1px; width:50px; background:#6bb429; margin:10px 0;}

.sub_con .con_area .tit_area .nav { width:500px; position:absolute; right:0px; top:32px; text-align:right; font-size:0px; line-height:0px; }
.sub_con .con_area .tit_area .nav > li{ display:inline-block; *display:inline; zoom:1; font-size:0.75rem; color:#888888; padding:0 10px 0 15px; line-height:15px; vertical-align:top; background:url(../images/inc/nav_arr.png) no-repeat left center;}
.sub_con .con_area .tit_area .nav > li.this{ color:#004273}
.sub_con .con_area .tit_area .nav > li.home{ background:url(../images/inc/home2.png) no-repeat left 1px; padding-left:15px}
#contents .subcon_area{} 
#footer{}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:23%; margin-left:2%;}
.sitemap .gnb > li.m_5,
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #004273; border-bottom:1px solid #004273; text-align:center; font-size:17px; font-weight:600; color:#004273; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:rgba(0, 66, 115, 0.7); color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:13px;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#ff7800;}
.sitemap .gnb > li .dp3,
.sitemap .gnb > li .dp4{ display:none;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:330px;}

/*agree & privacy*/
.sub .agree_area{ border:1px solid #ccc; padding:30px; height:500px; overflow-x:scroll;}
.sub .agree_area2{ border:1px solid #ccc; padding:30px; height:200px; overflow-x:scroll;}

.priv_txt{}
.priv_txt p{ font-size:14px; color:#666; line-height:1.6; word-break:keep-all; }
.priv_txt p.top{ color:#333; text-align:center; border:1px solid #ddd; padding:10px 20px; margin-bottom:20px; word-break:keep-all; font-weight:600;}
.priv_txt p.tit0{ color:#333; margin:0 0 10px; font-weight:600;}
.priv_txt p.tit{ color:#333; margin:30px 0 10px; font-weight:600;}
.priv_txt p.txt2{ margin-top:5px;}
.priv_txt p.txt3{ padding-left:16px;}
.priv_txt p.txt4{ padding-left:26px; text-indent:-10px;}

.agree_st li.txt{ list-style:decimal; color:#666; margin-top:5px; line-height:1.6; margin-left:20px;}
.agree_st li.txt3{ list-style:lower-alpha; color:#666; margin-top:5px; line-height:1.6; margin-left:20px;}

.sub_agree_wrap{ border:1px solid #ccc; padding:30px 30px; line-height:1.5; color:#333;}
.sub_agree_wrap .con{ height:150px; overflow-y:scroll}
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:20px}
.sub_agree_wrap .top_box { width:100%; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; border-radius:10px; word-break:keep-all; }
.sub_agree_wrap .top_box p { text-align:center; line-height:1.5; font-size:15px; font-weight:bold; color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }
.acheck_area{ text-align:right;}
#check1{ vertical-align:middle; }

.quick{ display:none;}

/* °Ë»ö°á°ú ÆäÀÌÁö */
.search_results{ margin-bottom:30px; padding:20px 0; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.search_results p{ color:#333; letter-spacing:-1px;}
.search_results .ti{ font-size:1.5em; margin-bottom:10px;}
.search_results .ti .dot{  font-size:1.5em; color:#666;}
.search_results .tx_num{ font-size:1em;}
.search_results .cr_st{ color:#f26521;}
.search_tit{ font-size:1em; font-weight:600; color:#000; margin-bottom:15px;}
.search_tit span{ color:#f26521;}



/*1_1 »ó¼¼ÆäÀÌÁö*/
.greet{ background:url(../images/sub/1_1img1.png) no-repeat right top;}
.greet .top_tit{ font-size:35px; font-family:ns, sans-serif; color:#0096b1; letter-spacing:-0.5px;}
.greet .top_tit span.under_t{ display:block; margin-left:150px; font-family:ns, sans-serif; font-weight:bold; color:#0063bc;}
.greet .in_txt{ width:50%;}
.greet .in_txt .txt1.fir{ margin-top:60px}
.greet .in_txt .txt1{ font-size:15px; color:#545454; margin-top:25px; line-height:1.6; word-break:keep-all;}
.greet .in_txt .last{ font-size:18px; margin-top:50px; font-weight:600; color:#111;}


/*1_2*/
.top_txt_w2{ background:url(../images/sub/1_2img1.png) no-repeat right 20px bottom; padding-bottom:25px; margin-bottom:25px;}
.top_txt_w2 .page_tit1{ line-height:1.6}
.top_txt_w2 .page_tit1 span.color1{ font-size:26px; font-family:notokrL, sans-serif; color:#333; }
.top_txt_w2 .page_tit1 span.color2{ font-size:26px; font-family:ns, sans-serif; font-weight:600; color:#0166ba; }
.top_txt_w2 .page_txt1{ width:55%; font-size:16px; color:#666; line-height:1.6; margin-top:40px; word-break:keep-all; border-left:2px solid #0166ba; padding-left:15px;}

.biz_info{}
.tbl_st3 { border:0px; padding:0px; margin-bottom:10px; font-size:13px; border-top:2px solid #004273;  }
.tbl_st3 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:15px 20px; vertical-align:middle; text-align:center; }
.tbl_st3 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:15px 20px; vertical-align:middle; text-align:left;}
.tbl_st3 thead th:last-child, .tbl_st3 tbody th:last-child, .tbl_st3 tbody td:last-child { border-right:none; }

.w_10{ width:10%;}
.w_20{ width:20%;}
.w_30{ width:30%;}
.w_40{ width:40%;}
.w_50{ width:50%;}
.w_60{ width:60%;}
.w_70{ width:70%;}
.w_80{ width:80%;}
.w_90{ width:90%;}
.w_100{ width:100%;}


/*1_3 ¿¬Çõ*/
.doc .history_top_tit { margin-bottom:20px; text-align:right; background:url(../images/sub/history_img1.jpg) no-repeat center bottom; height:170px; padding-right:30px;}
.doc .history_top_tit .t1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-style:italic; color:#fff;padding-top:50px; text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
.doc .history_top_tit .t2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#fff; margin-top:5px; text-shadow:1px 1px 1px rgba(0,0,0,0.4)}

.doc .page3 .history_area{ *zoom:1; position:relative; background:url(../images/sub/bg1_1.png) no-repeat 816px 130px;}
.doc .page3 .history_area:after{ content:""; display:block; clear:both;}
.doc .page3 .history_area.bg_st1{ border-top:1px solid #ccc;}
.doc .page3 .history_area .history_lst{ float:left; width:93%; background:url(../images/sub/his_line.gif) repeat-y 7px; margin-left:40px;}
.doc .page3 .history_area .history_lst .list{ *zoom:1; margin-top:30px;}
.doc .page3 .history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.doc .page3 .history_area .history_lst .list:first-child{ margin-top:30px;} 
.doc .page3 .history_area .history_lst .list dt{ float:left; width:11%; padding:2px 10px 0 0; text-align:right; font-size:24px; color:#0287cb;
font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/sub/cir2.png) no-repeat 2px 12px;}
.doc .page3 .history_area .history_lst .list dd{ margin-left:15%; padding:7px 0 5px 70px; line-height:18px; font-size:15px;}
.doc .page3 .history_area .history_lst .list dd.icon_f{ padding-left:10px; color:#666; font-size:15px; line-height:15px; word-break:keep-all; 
background:url(../images/sub/sub_li_icon3.png) no-repeat left 21px; margin-bottom:5px;}
.doc .page3 .history_area .history_lst .list dd.icon_f span.mon{ color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; margin-right:20px;}

.doc .page3 .history_area .history_lst .list dd.icon_f2{ padding-left:47px; color:#666; font-size:15px; line-height:15px; word-break:keep-all; 
background:url(../images/sub/sub_li_icon3.png) no-repeat left 21px; margin-bottom:10px;}



/*1_4*/
.map_wrap{ border:3px solid #ccc; overflow:hidden;}
.map_wrap .left_map{ float:left; width:50%; height:400px;}
.map_wrap .right_map{ float:right; width:50%; height:400px;}
.map_info_t{ margin-top:30px;}

.tbl_st2 { border:0px; padding:0px; margin-bottom:10px; font-size:13px; border:1px solid #ccc; border-top:2px solid #464646;  }
.tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:center; }
.tbl_st2 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:left;}
.tbl_st2 tbody td span.blue{ display:inline-block; background:#1b3697; color:#fff; padding:1px 5px; border-radius:25px;}
.tbl_st2 tbody td span.color1{ display:inline-block; background:#34a2f7; color:#fff; padding:1px 5px; border-radius:25px; margin-left:10px;}
.tbl_st2 tbody td span.color2{ display:inline-block; background:#4dc74d; color:#fff; padding:1px 5px; border-radius:25px; margin-left:20px;}
.tbl_st2 tbody td span.color3{ display:inline-block; background:#44ba42; color:#fff; padding:1px 5px; border-radius:25px; margin-left:20px;}



/* 2_1 Á¦Ç°»ó¼¼ÆäÀÌÁö */
.prod_v_box .prod_b_title { font-size:20px; margin-bottom:20px; color:#1a4275; }
.prod_v_box .prod_b_title .cate { color:#333; }
.prod_v_box .prod_b_txt { font-size:14px; word-break:keep-all; color:#444; line-height:1.5; margin-bottom:30px; }

.prod_v_box .top_w{ overflow:hidden;}
.prod_v_box .top_w .left{ float:left; width:47%;}
.prod_v_box .top_w .left .img{ border:1px solid #ccc; padding:15px; height:284px; overflow:hidden; text-align:center; display:table; background:#fff; box-sizing:border-box; width:100%; }
.prod_v_box .top_w .left .img .pic { display:table-cell; vertical-align:middle; }
.prod_v_box .top_w .left .img img{ width:100%; background:#fff; max-height:280px;}

.prod_v_box .top_w .right{ float:right; width:50%;}
.prod_v_box .top_w .right .tit1{ font-size:1.5em; color:#000; font-weight:600; border-bottom:1px solid #999; padding-bottom:15px; margin-bottom:15px; }
.prod_v_box .top_w .right .txt1{ height:234px; overflow:hidden; }
.prod_v_box .top_w .right .txt1 li{ background:url(../images/sub/li_tit1.jpg) no-repeat left 8px; font-size:14px; color:#444; padding-left:13px; margin-bottom:17px;}
.prod_v_box .top_w .right .txt1 li:last-child { margin-bottom:0; }
.prod_v_box .top_w .right .txt1 li span{ display:inline-block; vertical-align:top;}
.prod_v_box .top_w .right .txt1 li span.tit{ width:17%; font-weight:600;}
.prod_v_box .top_w .right .txt1 li span.cen_dot{ width:5%;}
.prod_v_box .top_w .right .txt1 li span.txt_w{ width:75%; word-break:keep-all;}


.prod_v_box .top_w .right .btn_w{ overflow:hidden; margin:10px -10px 0 0; }
.prod_v_box .top_w .right .btn_w ol li { float:left; width:50%; }
.prod_v_box .top_w .right .btn_w ol li input { width:93%; margin-right:10px; height:40px; line-height:39px; color:#fff; transition:all 0.3s; cursor:pointer; font-size:13px; }
.prod_v_box .top_w .right .btn_w input.catal{ background:#0068b6; border:1px solid #0068b6; }
.prod_v_box .top_w .right .btn_w input.catal:hover{ background:#fff; color:#0068b6; }
.prod_v_box .top_w .right .btn_w input.inq{ background:#555; border:1px solid #555; }
.prod_v_box .top_w .right .btn_w input.inq:hover{ color:#555; background:#fff;}

.prod_v_box .spec{ margin-top:50px;}
.prod_v_box .spec .tit{ font-size:18px; background:url(../images/sub/spec_tit.png) no-repeat left 7px; font-weight:600; padding-left:22px; border-bottom:2px solid #666; padding-bottom:15px; margin-bottom:15px; color:#222; }
.prod_v_box .spec .spec_cont{ margin-top:20px;}

.tbl_st_prod { border:1px solid #ddd; padding:0px; margin-bottom:10px;  font-size:0.813em; }
.tbl_st_prod thead th { background:#f7faff; color:#333333; border-bottom:1px solid #aaaaaa; border-right:1px solid #dddddd; line-height:1.6; padding:10px 20px; text-align:center; }
.tbl_st_prod tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.6; padding:10px 20px; vertical-align:middle; text-align:left; }
.tbl_st_prod tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.6; padding:10px 20px; vertical-align:middle; text-align:left; }

/*tab*/
.wrap_idx{ margin-top:60px;}
.wrap_idx .tab_idx li { float:left; padding:10px 0; font-size:15px; text-align:center; color:#333; background:#f9f9f9; cursor:pointer; font-family:"notokrM"; border:1px solid #ccc; 
border-bottom:2px solid #0068b6; width:25%; box-sizing:border-box; border-top-left-radius:10px; border-top-right-radius:10px; } 
.wrap_idx .tab_idx { overflow:hidden; background:url(../images/sub/sub_tabline.jpg) repeat-x left 47px; }
.wrap_idx .tab_idx li.on { border:2px solid #0068b6; border-bottom:2px solid #0068b6; background:#0068b6; }
.wrap_idx .tab_idx li.on a{ color:#fff;}

.con_idx{ margin-top:20px;}
.con_idx .idx { display:none; }
.con_idx .idx:first-child { display:block; }
.con_idx .idx .tab_txt { margin-top:40px; }

.idx.detail table{ width:100%;}





/*¸ÞÀÎÆäÀÌÁö***************************************************************************************************************************/
/*main*/
.main_visual{ position:relative; height:300px;}
.main_visual li{ position:relative;}
.main_visual .visual{ position:relative; height:300px;}
.main_visual .visual .slo_area { overflow:hidden; position:absolute; left:0px; top:50px; z-index:99999999; text-align:left; width:70%; float:left; }

.main_visual .visual .slo_area .v_slogan { font-size:1.5em; color:#fff; font-family:notokrB; text-transform:uppercase;}
.main_visual .visual .slo_area .v_slogan2{ font-size: 1em; color:#fff; font-family:notokrR; line-height:1.6; margin-top:30px;}
.main_visual .visual .slo_area .v_slogan4{ width:130px; height:30px; background:rgba(255, 255, 255, 0.2); border:1px solid rgba(255, 255, 255, 1);
 text-align:center; margin-top:40px; transition:all 0.3s; }
.main_visual .visual .slo_area .v_slogan4 a{ font-size:1em; font-family:notokrM; color:#fff; height:30px; line-height:30px; display:inline-block;}
.main_visual .visual .slo_area .v_slogan4 a span{ margin-left:10px;}
.main_visual .visual .slo_area .v_slogan4:hover,
.main_visual .visual .slo_area .v_slogan4:hover a{ background:rgba(0, 166, 253, 0); color:rgba(255, 255, 255, 1)}

.main_visual .visual .slides li .prod{ float:right; width:50%; margin-top:70px; margin-right:30px; text-align:right;}
.main_visual .visual .slides li .prod img{ max-width:200px;}

/*Á¦¸ñ*/
.main_tit{ font-size:2em; font-family:notokrB; color:#333; text-align:center; margin-top:20px}
.main_line{ width:50px; height:2px; background:#0e549a; margin:12px auto 15px;}
.main_txt{ font-size:1em; font-family:notokrR; color:#666; text-align:center;}


.mid_prod{ margin-top:20px; background:#f8f8f8; padding:30px 0 30px; overflow:hidden;}
.mid_prod .prod_w{ overflow:hidden; margin-left:-10px;}
.mid_prod .prod_w li.in_box{ float:left; width:25%;}
.mid_prod .prod_w li.in_box div.prod_con{ margin-left:10px; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; padding:10px 10px; background:#fff;}
.mid_prod .prod_w li.in_box div.prod_con p.img{ padding:15px 0; width:80%; margin:0 auto;}
.mid_prod .prod_w li.in_box div.prod_con p.line_bg{ background:url(../images/main/m_line.png) no-repeat center center; height:20px; margin:10px 0;}
.mid_prod .prod_w li.in_box div.prod_con p.p_cate{ font-size:1em; color:#333; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:15px;}
.mid_prod .prod_w li.in_box div.prod_con p.p_name{ font-size:0.875em; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:20px;}
.mid_prod .prod_w li.in_box div.prod_con p.btn{ background:#1b6bb7; text-align:center; padding:7px 10px; color:#fff; font-size:11px; border:1px solid #1b6bb7;}
.mid_prod .prod_w li.in_box div.prod_con p.btn span{ margin-left:10px;}

.line_ani{ position:relative; z-index:inherit}
.line_ani .line{ position:absolute; background:#1b6bb7; width:0; height:0}
.line_ani .line.lineT{ left:0; top:-1px; transition:width 0.4s;}
.line_ani .line.lineR{ right:-1px; top:0; transition:height 0.4s;} 
.line_ani .line.lineB{ right:0; bottom:-1px; transition:width 0.4s;}
.line_ani .line.lineL{ left:-1px; bottom:0; transition:height 0.4s;}
.line_ani:hover .line.lineT, 
.line_ani:hover .line.lineB{ width:100%; height:2px} 
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:2px; height:100%}


.company{background:url(../images/main/company_bg.jpg) no-repeat center 0; padding:10px 0 40px;}
.company .over{overflow:hidden; margin-top:30px;}
.company .dv1{float:left; position:relative; width:32%; min-height:320px; background:#000 url(../images/main/company1.jpg) no-repeat 0 0; margin-left:2%; box-shadow:3px 3px 10px rgba(0,0,0,0.3); 
margin-bottom:10px;}
.company .dv1.fir{ margin-left:0;}
.company .dv1.bg2{ background:url(../images/main/company2.jpg) no-repeat 0 0;}
.company .dv1.bg3{ background:url(../images/main/company3.jpg) no-repeat 0 0;}
.company .dv1 .dv1_tit{ font-size:1.250em; font-weight:600; color:#fff; padding:32px 0 0 27px;}
.company .dv1 .s_line{width:30px; height:1px; background:#fff; margin:16px 0 16px 27px;}
.company .dv1 .dv1_txt{font-size:1em; line-height:1.4; color:#fff; padding:0 0 0 27px;}
.company .dv1 .more_btn{position:absolute; left:30px; bottom:30px; border:1px solid #fff; transition:0.2s;}
.company .dv1 .more_btn a{ display:inline-block; padding:10px;}
.company .dv1 .more_btn:hover{background:rgba(0, 0, 0, 0.3);}
.company .dv1 .wheel{width:120px; position:absolute; right:20px; bottom:30px;}
.company .dv1 .wheel img{ max-width:120px;}
 
 
.customer .over{overflow:hidden; margin-top:30px; margin-left:-20px;}
.customer .over .notice{float:left; width:50%; margin-bottom:20px;}
.customer .over .notice .border_dv{position:relative; border:1px solid #ccc; padding:27px 27px; margin-left:20px;}
.customer .over .notice .tit{font-size:1.250em; font-weight:600; color:#333;}
.customer .over .notice .more{position:absolute; right:27px; top:30px; } 
.customer .over .notice .more a{font-size:0.875em; color:#1b6bb7; transition:0.2s;}
.customer .over .notice .more a:hover{filter:alpha(opacity=70); opacity:0.7;}
.customer .over .notice .line{width:22px; height:1px; background:#1b6bb7; margin:19px 0;}
.customer .over .notice ul li{overflow:hidden; padding-left:10px; position:relative; line-height:2}
.customer .over .notice ul li::before{ content:''; display:inline-block; *display:inlne; zoom:1; position:absolute; top:13px; left:0; width:3px; height:3px; background:#2666a6;}
.customer .over .notice ul li .subject{display:block; margin-right:77px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.customer .over .notice ul li .subject a{font-size:0.875em; color:#333; transition:0.2s;}
.customer .over .notice ul li .subject a:hover{filter:alpha(opacity=70); opacity:0.7; text-decoration:underline;}
.customer .over .notice ul li .date{position:absolute; top:0; right:0; width:82px; font-size:0.875em; color:#9f9f9f; text-align:right;}

.customer .over .service {clear:both; margin:20px 0 0 20px; padding-bottom:20px; background:#00c7c0 url(../images/main/custom_bg.png) no-repeat 90% 90%;}
.customer .over .service .pd_dv{position:relative; padding:27px 27px 0px;}
.customer .over .service .tit{font-size:20px; font-weight:600; color:#fff;}
.customer .over .service .line{width:22px; height:1px; background:#fff; margin:19px 0;}
.customer .over .service .txt{font-size:13px; color:#fff; line-height:1.4;}
.customer .over .service .txt br{ display:none;}
.customer .over .service .num{color:#fff; font-size:20px; font-weight:600; font-family:notokrM; line-height:1.3; margin-top:10px;}
.customer .over .service .num span{ color:#ff9600; font-size:16px; display:inline-block; width:40px; margin-left:30px;}
.customer .over .service .num span.first{ margin-left:0;}
.customer .over .service .num br{ display:none;}


.f_cont{ background:#f2f2f2; margin-top:10px; padding:30px 0;}
.f_cont .ul_con{ overflow:hidden;}
.f_cont .ul_con .li_con{ float:left;}
.f_cont .ul_con .li_con.size1{ width:26%;}
.f_cont .ul_con .li_con.size2{ width:30%;}
.f_cont .ul_con .li_con.size3{ width:42%;}
.f_cont .ul_con .li_con .bot_box1{ border-left:1px solid #999; height:106px}
.f_cont .ul_con .li_con .bot_box1.first{ border:none;}
.f_cont .ul_con .li_con .bot_box1.second{ padding-left:45px;}
.f_cont .ul_con .li_con .bot_box1.third{ background:url(../images/inc/f_icon1.png) no-repeat 25px center; padding-left:120px;}
.f_cont .ul_con .li_con .bot_box1 p.tit{ font-size:1.250em; font-weight:600; color:#333; margin-bottom:10px;}
.f_cont .ul_con .li_con .bot_box1 p.tel{ font-size:2em; color:#444; font-family:notokrR;}
.f_cont .ul_con .li_con .bot_box1 p.tel span{ color:#277fd6;}
.f_cont .ul_con .li_con .bot_box1 p.mail{ font-size:1em; color:#333; margin-top:10px;}
.f_cont .ul_con .li_con .bot_box1 p.bank{ font-size:1.250em; color:#ff8a00; font-family:notokrR; background:url(../images/inc/bank.jpg) no-repeat left top; padding-top:25px;}
.f_cont .ul_con .li_con .bot_box1 p.b_name{ font-size:1em; color:#333; margin-top:10px;}
.f_cont .ul_con .li_con .bot_box1 p.txt{ font-size:0.811em; color:#666; line-height:1.4;}
.f_cont .ul_con .li_con .bot_box1 p.btn{ margin-top:11px;}
.f_cont .ul_con .li_con .bot_box1 p.btn a{ width:90px; height:21px; border:1px solid #0756a3; line-height:21px; background:#0756a3; text-align:center; font-size:0.688em; color:#fff; display:inline-block; 
transition:all 0.3s;}
.f_cont .ul_con .li_con .bot_box1 p.btn a span{ margin-left:5px;}
.f_cont .ul_con .li_con .bot_box1 p.btn:hover a{ background:#fff; color:#0756a3;}





/*·¹À̾îÆ˾÷*/
.layer_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999999999; left:0; top:0; display:none; filter:alpha(opacity=80);opacity:0.8;}
.layer_frame{ position: fixed; z-index:9999999999; left:50%; top:50%; display:none; border:2px solid #01ad93;}
.layer_close_btn{ position:absolute; z-index:inherit; right:-35px; top:-2px; display:block; width:35px; height:35px; background:url(../images/inc/btn_close.png) no-repeat center #01ad93; cursor:pointer;}
.pop_wrap{ padding:30px; background:#fff}