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

/*.box1{ max-width:1200px; margin:0 auto; width:95%;}*/
.box1{width:1200px; margin:0 auto;}
.box3{width:96%; margin:0 auto;}
body{ font-size:16px;}

.pc_hide{ display:none !important;}
.mobile_hide{ display:block !important;}

.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap_landing{width:100% !important;}


/*header*/
#header{ position:fixed; z-index:1000000001; width:100%; left:0; background:#fff; border-bottom:1px solid #cccccc;}
#header > div{ position:relative; *zoom:1;}
#header > div:after{ content:""; display:block; clear:both;}
#header .nav_wrap{/* float:left;*/}
#header .icon_menu{ float:right;}

#header .nav_wrap .logo{ position:absolute; top:5px; left:0;}
#header .nav_wrap .gnb_area{ float:right; margin-right:16px;}
#header .nav_wrap .gnb_area .gnb{ *zoom:1;}
#header .nav_wrap .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .nav_wrap .gnb_area .gnb > li{ float:left; position:relative; background:url(../images/inc/gnb_dp1_sec.png) no-repeat left center;}
#header .nav_wrap .gnb_area .gnb > li:first-child{ background-image:none;}
#header .nav_wrap .gnb_area .gnb .dp1{ display:block; position:relative; line-height:85px; padding:0 45px 0 50px; font-size:20px; color:#111; font-family:nsR;}
#header .nav_wrap .gnb_area .gnb .dp1.last{}
#header .nav_wrap .gnb_area .gnb .dp1 .icon{ position:absolute; display:block; bottom:-1px; left:50%; height:4px; width:0%; background:#eb000d; z-index:100000001;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#header .nav_wrap .gnb_area .gnb .dp1:hover,
#header .nav_wrap .gnb_area .gnb .dp1.on{ color:#b2030d;}
#header .nav_wrap .gnb_area .gnb .dp1:hover .icon,
#header .nav_wrap .gnb_area .gnb .dp1.on .icon{ width:30px; margin-left:-15px;}

#header .nav_wrap .gnb_area .gnb .dp2{ position:absolute; z-index:10000001; width:200px; bottom:auto; left:50%; margin-left:-100px; padding:15px 0; background:#2c2f3a; border-top:1px solid #ccc; filter:alpha(opacity=95); opacity:0.95;}
#header .nav_wrap .gnb_area .gnb .dp2 > li > a{ display:block; padding:8px 20px 8px 20px; color:#fff; text-align:center; font-size:0.875em;}
#header .nav_wrap .gnb_area .gnb .dp2 > li:hover > a{ background:#b2030d;}


#header .nav_menu{ background:#eb000d; height:40px; position:relative;}
#header .nav_menu{ text-align:right;}
#header .nav_menu .go_home{ position:absolute; }
#header .nav_menu .go_home > li > a{ display:block; width:50px; height:40px; background-color:#fff; background-repeat:no-repeat; background-position:center; font-size:0px;}
#header .nav_menu .go_home > li.st22 > a{ background-image:url(../images/inc/icon_s_home.png);}

#header .nav_menu .menu{ display:inline-block; *display:inline; zoom:1;}
#header .nav_menu .menu > li{ float:left; margin-left:10px;}
#header .nav_menu .menu > li:first-child{ margin-left:0;}
#header .nav_menu .menu > li > a{ display:block; width:140px; height:40px; background-color:rgba(0,0,0,.2); background-repeat:no-repeat; background-position:25px; font-size:14px; color:#fff; line-height:40px; text-align:center; text-indent:35px;}
#header .nav_menu .menu > li.st1 > a{ background-image:url(../images/inc/icon_nav_wh.png);}
#header .nav_menu .menu > li:hover > a{ background-color:#eb000d;}
#header .nav_menu .menu > li.st1:hover > a{ background-image:url(../images/inc/icon_nav_wh.png);}
#header .nav_menu .menu > li > #btn_cate.on{ background-image:url(../images/inc/icon_nav_wh.png); background-color:#b2030d;}

/*
#header .nav_menu .menu > li.st2 > a{ background-image:url(../images/inc/sm_logo.png); background-possition:20px; width:140px; text-indent:20px; height:25px; line-height:25px;  background-color:inherit; 
border:1px solid #fff; border-radius:30px; margin-top:6px; }*/
#header .nav_menu .menu > li.st3 > a{ background-image:url(../images/inc/sm_blog.png); width:110px; text-indent:15px; height:25px; line-height:25px; background-color:inherit; border:1px solid #fff; border-radius:30px; margin-top:6px;  }


#header .all_nav{ position:absolute; width:100%; max-width:1200px; top:40px; right:0; text-align:left; background:#2c2f3a; z-index:9999999999;}
#header .all_nav .gnb{ overflow:hidden;}
#header .all_nav .gnb > li{ float:left; width:19.93%; border-left:1px solid #1d1f26; padding:20px 0;}
#header .all_nav .gnb > li:first-child{ border-left:0;}
#header .all_nav .gnb > li a{ display:block; color:#fff;}
#header .all_nav .gnb .dp1{ text-align:center; font-size:17px; letter-spacing:-1px; line-height:1.2;}
#header .all_nav .gnb .dp1 .icon{ display:block; height:100px; margin-top:15px; background-repeat:no-repeat;}
#header .all_nav .gnb .m_1 .dp1 .icon{ background-image:url(../images/inc/allnav_img1.jpg);}
#header .all_nav .gnb .m_2 .dp1 .icon{ background-image:url(../images/inc/allnav_img2.jpg);}
#header .all_nav .gnb .m_3 .dp1 .icon{ background-image:url(../images/inc/allnav_img3.jpg);}
#header .all_nav .gnb .m_4 .dp1 .icon{ background-image:url(../images/inc/allnav_img4.jpg);}
#header .all_nav .gnb .m_5 .dp1 .icon{ background-image:url(../images/inc/allnav_img5.jpg);}
#header .all_nav .gnb > li:hover{ background:#404450;}
#header .all_nav .gnb .dp2{ padding:15px 0 0 0;}
#header .all_nav .gnb .dp2 > li{}
#header .all_nav .gnb .dp2 > li > a{ display:block; padding:8px 5px 8px 25px; line-height:1.2; font-size:0.875em;}
#header .all_nav .gnb .dp2 > li:hover > a{ background:#2c2f3a;}
#header .all_nav .close{ position:absolute; width:27px; height:26px; right:10px; bottom:15px; background:url(../images/inc/btn_close.png) no-repeat; cursor:pointer;}

#header .all_nav,
#header .all_nav .gnb .dp3,
#header .all_nav .gnb .m_6,
#header .all_nav .gnb .m_guide,
#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_6,
#header .gnb_area .gnb .m_guide{ display:none;}

/*footer*/
#footer{ background:#eeeff0; padding:35px 0; text-align:center; border-top:1px solid #ccc;}
#footer > div{ }
#footer .logo{ display:inline-block; margin-bottom:20px;}
#footer .copyright{}

#footer .copyright .menu{ overflow:hidden; display:inline-block; text-align:center;}
#footer .copyright .menu > li{ float:left;}
#footer .copyright .menu > li > a{ display:block; margin-left:20px; padding-left:20px; font-size:15px; color:#333; letter-spacing:-1px; line-height:1.2; background:url(../images/main/footer_bar1.jpg) no-repeat left center;}
#footer .copyright .menu > li:first-child > a{ margin-left:0; padding-left:0; background:none;}
#footer .copyright .menu > li.yellow >a { color:#ffd667;}

#footer .copyright .info{ padding-top:30px; overflow:hidden; /*display:inline-block;*/ text-align:center;}
#footer .copyright .info .def{ display:inline-block; margin-right:30px; line-height:22px;}
#footer .copyright .info li,
#footer .copyright .info a{ color:#666; font-size:14px;}
#footer .copyright .info a:hover{ text-decoration:underline;}
#footer .copyright .info .en{ padding-top:20px; font-size:12px; color:#666; text-transform:uppercase; opacity:.5;}


/*main (index)*/
.visual_wrap .wrap { width:1200px; margin:0 auto; z-index:inherit; position:relative; }

.visual_wrap { position:relative; z-index:inherit; height:592px; margin-bottom:60px; }
.visual_wrap .img{ height:592px; background-repeat:no-repeat; background-position:center top;}

.slogan_img { position:absolute; z-index:inherit; left:50%; top:100px; width:100%; margin-left:-56px; }

div.slogan { position:absolute; z-index:inherit; left:0; top:130px; width:100%; color:#fff; text-align:center;  }
div.slogan .slogan1 { font-size:32px; line-height:52px; }
div.slogan .slogan1 span.slogan_title { font-family:NanumBarunGothicBold; font-size:48px; letter-spacing:1px; }
div.slogan .slogan1 span.slogan_deco { background:url(../images/main/text_underline.png) no-repeat bottom center; }

div.slogan .slogan2 { font-size:22px; line-height:32px; margin-top:30px; }

.visual_wrap #main_area { background:url(../images/main/main_area.png) no-repeat center; height:360px; position:absolute; bottom:0; width:100%; margin:0 auto;  }
.visual_wrap #main_area div.wrap:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
.visual_wrap #main_area div div { float:left; }
.visual_wrap #main_area div div.area1 { width:360px; height:280px; padding:40px 0; background:url(../images/main/main_area1.png) no-repeat left; }
.visual_wrap #main_area div div.area1 p:first-child { font-size:23px; color:#fff; line-height:1.5; }
.visual_wrap #main_area div div.area1 p:first-child span { font-size:36px; font-family:NanumBarunGothicBold; letter-spacing:1.5px; }
.visual_wrap #main_area div div.area1 p:last-of-type { font-size:16px; color:#fff; padding-top:50px; margin-bottom:95px; }
.visual_wrap #main_area div div.area1 hr { width:25px; border:1px solid #fff; position:absolute; top:140px; left:0; }
.visual_wrap #main_area div div.area1 div.view { width:120px; height:20px; padding:3px 0; border-bottom:4px solid #fff; background:url(../images/main/view_icon.png) no-repeat top 7px right; }
.visual_wrap #main_area div div.area1 div.view a { color:#fff; display:block; height:26px; }

.visual_wrap #main_area div div.area2 { width:770px; height:240px; padding:60px 0; padding-left:70px;  }
.visual_wrap #main_area div div.area2:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
.visual_wrap #main_area div div.area2 li { float:left; width:130px; height:100px; text-align:center; line-height:1.4; margin-bottom:40px; margin-right:80px; position:relative; }
.visual_wrap #main_area div div.area2 li a { display:block; height:100px; padding-top:10px; }
.visual_wrap #main_area div div.area2 li a p { color:#fff; display:block; font-size:17px; position:absolute; top:65px; text-align:center; width:100%; }
.visual_wrap #main_area div div.area2 li:nth-child(1) { background:url(../images/main/visual_icon1.png) no-repeat top left 42px; }
.visual_wrap #main_area div div.area2 li:nth-child(2) { background:url(../images/main/visual_icon2.png) no-repeat top left 43px; }
.visual_wrap #main_area div div.area2 li:nth-child(3) { background:url(../images/main/visual_icon3.png) no-repeat top left 43px; }
.visual_wrap #main_area div div.area2 li:nth-child(4) { background:url(../images/main/visual_icon4.png) no-repeat top left 44px; }
.visual_wrap #main_area div div.area2 li:nth-child(5) { background:url(../images/main/visual_icon5.png) no-repeat top left 48px; }
.visual_wrap #main_area div div.area2 li:nth-child(6) { background:url(../images/main/visual_icon6.png) no-repeat top left 41px; }
.visual_wrap #main_area div div.area2 li:nth-child(7) { background:url(../images/main/visual_icon7.png) no-repeat top left 46px; }
.visual_wrap #main_area div div.area2 li:nth-child(8) { background:url(../images/main/visual_icon8.png) no-repeat top left 46px; }
.visual_wrap #main_area div div.area2 li:nth-child(4), #main_area div div.area2 li:nth-child(8) { margin-right:0; }

#main_bnr .wrap { width:1200px; margin:0 auto; z-index:inherit; position:relative; }

#main_bnr { margin-bottom:60px; }
#main_bnr > div:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
#main_bnr > div > div { width:358px; height:258px; border:1px solid #ccc; float:left; margin-right:60px; }
#main_bnr > div > div:last-child { margin-right:0; }

#main_bnr > div > div > div { position:relative; }

#main_bnr > div > div > div:first-child p span { margin-left:50px; }
#main_bnr > div > div > div:last-child { height:89px; padding:20px 0; }
#main_bnr > div > div > div:last-child > p { text-align:center; line-height:1.7; font-size:14px; color:#666; }
#main_bnr > div > div > div:last-child > p span.title { color:#003c91; font-size:18px; }
#main_bnr > div > div > div:last-child > p span { font-family:NanumBarunGothicBold; color:#333; font-size:22px; }

#main_bnr > div > div.bnr1 div:first-child { background:url(../images/main/main_bnr1.jpg) no-repeat top; height:129px; }
#main_bnr > div > div.bnr1 div:first-child p { background:url(../images/main/main_bnr1.png) no-repeat left; font-size:22px; color:#fff; position:absolute; left:70px; top:40px; text-indent:50px; }

#main_bnr > div > div.bnr2 div:first-child { background:url(../images/main/main_bnr2.jpg) no-repeat top; height:129px; }
#main_bnr > div > div.bnr2 div:first-child p { background:url(../images/main/main_bnr2.png) no-repeat left; font-size:22px; color:#fff; position:absolute; left:70px; top:40px; text-indent:50px; }
#main_bnr > div > div.bnr2 div:last-child p:last-child { background:url(../images/main/view_icon666.png) no-repeat right 15px top 10px; width:80px; border:1px solid #ccc;  padding-right:15px; text-align:left; position:absolute; left:130px; bottom:20px; }
#main_bnr > div > div.bnr2 div:last-child p:last-child a { color:#666; font-family:NanumBarunGothicBold; font-size:12px; display:block; width:83px; padding-top:4px; padding-left:15px; }

#main_bnr > div > div.bnr3 { border:none; width:360px; height:260px; }
#main_bnr > div > div.bnr3 p:first-child { font-size:22px; color:#333; padding-top:3px; margin-bottom:35px; }
#main_bnr > div > div.bnr3 p:nth-child(2) { border:1px solid #ccc; width:30px; height:30px; text-align:center; position:absolute; right:0; top:0; }
#main_bnr > div > div.bnr3 p:nth-child(2) a { line-height:25px; display:block; height:24px; padding-top:6px; }

#main_bnr > div > div.bnr3 ul:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
#main_bnr > div > div.bnr3 ul li { float:left; border-bottom:1px solid #ccc; height:38px; padding:13px 0; }
#main_bnr > div > div.bnr3 ul li:first-child { width:70px; color:#003c91; font-family:NanumBarunGothicBold; font-size:20px; text-align:center; margin-right:20px; }
#main_bnr > div > div.bnr3 ul li:first-child span { display:block; font-size:14px; color:#666; }
#main_bnr > div > div.bnr3 ul li:last-child { width:270px; line-height:45px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 

#main_bnr1 .wrap { width:1200px; margin:0 auto; z-index:inherit; position:relative; }
#main_bnr1 { background:url(../images/main/main_bnr4.jpg) no-repeat center; height:120px; padding:30px 0; }
#main_bnr1 p:first-child { font-family:NanumBarunGothicBold; font-size:34px; letter-spacing:1px; margin-bottom:5px; }
#main_bnr1 p:nth-child(2) { color:#555; font-size:25px; margin-bottom:20px; }
#main_bnr1 p:nth-child(3) { background:url(../images/main/view_icon666.png) no-repeat right; border-bottom:4px solid #454545; width:150px; }
#main_bnr1 p:nth-child(3) a { color:#555; font-family:NanumBarunGothicBold; width:150px; padding:7px 0; display:block; }


/*sub layout*/
#contents .svisual_wrap{ position:relative; z-index:inherit; height:240px; background-repeat:no-repeat; background-position:center top;}
#contents .svisual_1{ background-image:url(../images/inc/svisual_1.jpg);}
#contents .svisual_2{ background-image:url(../images/inc/svisual_2.jpg);}
#contents .svisual_3{ background-image:url(../images/inc/svisual_3.jpg);}
#contents .svisual_4{ background-image:url(../images/inc/svisual_4.jpg);}
#contents .svisual_5{ background-image:url(../images/inc/svisual_5.jpg);}
#contents .svisual_6{ background-image:url(../images/inc/svisual_6.jpg);}
#contents .svisual_guide{ background-image:url(../images/inc/svisual_1.jpg);}

#contents .svisual_wrap .title{ padding:65px 0 0 75px; background-repeat:no-repeat; background-position:10px 70px;}
#contents .svisual_1 .icon{ background-image:url(../images/inc/tit_icon_1.png);}
#contents .svisual_2 .icon{ background-image:url(../images/inc/tit_icon_4.png);}
#contents .svisual_3 .icon{ background-image:url(../images/inc/tit_icon_2.png);}
#contents .svisual_4 .icon{ background-image:url(../images/inc/tit_icon_3.png);}
#contents .svisual_5 .icon{ background-image:url(../images/inc/tit_icon_5.png);}
#contents .svisual_6 .icon{ background-image:url(../images/inc/tit_icon_6.png);}
#contents .svisual_guide .icon{ background-image:url(../images/inc/tit_icon_guide.png);}

#contents .svisual_wrap .title h2,
#contents .svisual_wrap .title p{ color:#fff; line-height:1.2; text-shadow:1px 1px 1px rgba(0,0,0,0.6);}
#contents .svisual_wrap .title h2{ font-size:38px; letter-spacing:-1px;}
#contents .svisual_wrap .title p{ padding:8px 0 0 5px; font-family:"Times New Roman", Times, serif; font-size:17px;}

#contents .lnb_area{ position:relative; z-index:inherit; margin-top:-50px;}
#contents .lnb_area > div{ position:relative;}
#contents .lnb_area .bg{ position:absolute; z-index:inherit; width:100%; height:100%; top:0; left:0; background:#b2030d; filter:alpha(opacity=90); opacity:0.9;}
#contents .lnb_area .gnb{ position:relative; z-index:inherit;}
#contents .lnb_area .gnb .dp2{ *zoom:1;}
#contents .lnb_area .gnb .dp2:after{ content:""; display:block; clear:both;} 
#contents .lnb_area .gnb .dp2 > li{ float:left; width:20%;}
#contents .lnb_area .gnb .m_1 .dp2 > li{width:50%;}
#contents .lnb_area .gnb .m_2 .dp2 > li{width:50%;}
#contents .lnb_area .gnb .m_3 .dp2 > li{width:25%;}
#contents .lnb_area .gnb .m_4 .dp2 > li{width:20%;}
#contents .lnb_area .gnb .m_5 .dp2 > li{/*width:16.667%;*/ width:25%; }
#contents .lnb_area .gnb .m_6 .dp2 > li{} 
#contents .lnb_area .gnb .m_guide .dp2 > li{width:33.3%; }
#contents .lnb_area .gnb .dp2 > li > a{ display:block; line-height:50px; text-align:center; font-size:14px; color:#fff; letter-spacing:-1px; background:url(../images/inc/lnb_sec.png) no-repeat left center;}
/*#contents .lnb_area .gnb .dp2 > li:first-child > a{ background:#e4e7eb; color:#004db5;}*/
#contents .lnb_area .gnb .dp2 > li > a:first-child{ background-image:none;}
#contents .lnb_area .gnb .dp2 > li:hover,
#contents .lnb_area .gnb .dp2 > li.on{ background-color:#e4e7eb; color:#004db5;}
#contents .lnb_area .gnb .dp2 > li:hover > a,
#contents .lnb_area .gnb .dp2 > li.on > a{ color:#b2030d;}

#contents .lnb_area .gnb .dp2 > li .dp3{ position:absolute; width:99.8%; left:0; top:50px; background:#fff; border:1px solid #d4d8dd; border-top:0; border-radius:0 0 8px 8px; overflow:hidden;}
#contents .lnb_area .gnb .dp2 > li .dp3 > li{ float:left;}
#contents .lnb_area .gnb .dp2 > li .dp3 > li > a{ display:block; padding:12px 30px; font-size:14px; color:#888; letter-spacing:-1px; line-height:1.1; background:url(../images/inc/lnb_dp3_sec.png) no-repeat left center;}
#contents .lnb_area .gnb .dp2 > li .dp3 > li:first-child > a{ background:none;}
#contents .lnb_area .gnb .dp2 > li .dp3 > li:hover > a,
#contents .lnb_area .gnb .dp2 > li .dp3 > li.on > a{ color:#0c3788;}

#contents .lnb_area .gnb > li,
#contents .lnb_area .gnb .dp1,
#contents .lnb_area .gnb .dp3{ display:none;}

#contents .navigate{ background:#e4e7eb;}
#contents .navigate > div{ overflow:hidden;}
#contents .navigate h3{ float:left; font-family:'nsB'; font-size:30px; color:#0f0c0c; line-height:1.2; letter-spacing:-1px; margin-left:20px;}
#contents .navigate .dir{ float:right; overflow:hidden; padding:15px 20px 0 0;}
#contents .navigate .dir li{ float:left;}
#contents .navigate .dir .home{ padding-top:2px;}
#contents .navigate .dir .def{ padding-left:18px; margin-left:11px; background:url(../images/inc/route_sec.png) no-repeat left center; color:#777; letter-spacing:-1px;}
#contents .navigate .dir .current{ color:#333;}

#contents .sub_wrap{ padding:40px 0 150px 0;}
#contents .sub_wrap .doc{ min-height:360px;}


/*agree & privacy*/
.doc .agree_area{ border-top:2px solid #b2030d; border-bottom:1px solid #b2030d; position:relative;}
.doc .agree_area.st .agree_box{ margin-left:0; padding:30px; background-color:#f9f9f9;}
.doc .agree_area.st .agree_box .agree_in{ padding:30px; border:1px solid #ccc; background:#fff; line-height:18px;}
.doc .agree_area .agree_box{ }
.doc .agree_area .agree_box .txt{ color:#444; line-height:20px; margin-bottom:15px;}
.doc .agree_area .agree_box .agree_in{ }
.doc .agree_area .agree_box .agree_in p{ font-size:0.875em; line-height:1.6; margin-bottom:15px; color:#666; }
.doc .agree_area .agree_box .agree_in p.strong{ font-size:0.938em; color:#0f0c0c; margin-top:30px; line-height:20px; }


/*이메일수집*/
.page_sec{ margin-bottom:40px}
.page_sec2{ margin-top:30px}
.page_sec3{ margin-top:20px}

.sub_agree_wrap{ font-size:0.875em; border:1px solid #ddd; border-top:2px solid #b2030d; padding:30px; line-height:1.5}
.sub_agree_wrap .con{ height:150px; overflow-y:scroll}
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:10px}
.sub_agree_wrap .top_box { width:100%; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; border-radius:10px; }
.sub_agree_wrap .top_box p { text-align:center; line-height:1.8; font-size:0.938em; font-weight:bold; color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }


/*퀵메뉴*/
.rm_banner { position:fixed; left:50%; top:440px; width:97px; margin-left:620px; border:1px solid #ccc; border-radius:5px; background:#fff; z-index:9999;}
.rm_banner .inner { padding:0 10px 13px 10px;}
.rm_banner .bn_tit{ background:#2452a7; height:45px; text-align:center;}
.rm_banner .bn_tit > p{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:12px; font-family:notokrM, sans-serif; color:#fff;}
.rm_banner .bn_con{ position:relative;}
.rm_banner .bn_con > a{ display:block;  padding:13px 0 13px 0; border-bottom:1px solid #ccc; background:#fff; text-align:center; z-index:9999; position:relative;}
.rm_banner .bn_con:last-child{ border-bottom:0;} 
.rm_banner .bn_con:last-child > a{ border-bottom:0;}
.rm_banner .q_box{ width:220px; position:absolute; right:87px; top:0; overflow:hidden; z-index:9; display:none;}
.rm_banner .q_box .b_wrap{ padding:10px; border:1px solid #ccc; border-right:0; background:#f8f8f8; border-radius:10px 0 0 10px; overflow:hidden;}
.rm_banner .q_box .b_wrap .ip_l { margin:10px 0px 5px 5px;}

.rm_banner .q_box .b_wrap .ip_l > div.st1{ font-size:16px; color:#333; margin-bottom:10px; font-family:NanumBarunGothic, sans-serif;}
.rm_banner .q_box .b_wrap .ip_l > div.st2{ font-size:20px; color:#2452a7; font-family:NanumBarunGothicBold, sans-serif; 
background:url(../images/inc/quick_icon_tel.png) no-repeat left top; padding-left:30px; line-height:25px;}

.rm_banner .q_box .q_btn{ float:right; background:#0754aa; border:1px solid #0754aa; color:#fff; width:37%; line-height:65px; font-size:12px; cursor:pointer;}
.rm_banner .q_box .b_wrap .kt{ float:left; margin:0 3px; border:1px solid #ccc; border-radius:60px; width:75px; height:75px; text-align:center;}
.rm_banner .q_box .b_wrap .kt > p{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto; font-size:12px; font-family:notokrM, sans-serif; color:#444; line-height:1.2;}
.rm_banner .q_box .b_wrap .kt .tt1{ color:#1d7de0; font-size:13px; font-family:notokrB, sans-serif;}
.rm_banner .q_box .b_wrap .kt .tt2{ color:#71c21f; font-size:13px; font-family:notokrB, sans-serif;}
.rm_banner .q_box .b_wrap .kt .tt3{ color:#f49713; font-size:13px; font-family:notokrB, sans-serif;}

.rm_banner .tt{ font-size:12px; font-family:notokrM, sans-serif; color:#333; margin:5px 0 0 0;}
.rm_banner .icon_st1{ width:100%; height:45px; background:url(../images/inc/icon_kakao.png) no-repeat center center;}
.rm_banner .icon_st2{ width:100%; height:48px; background:url(../images/inc/quick_icon_free.png) no-repeat center center;}
.rm_banner .icon_st3{ width:100%; height:48px; background:url(../images/inc/quick_icon_online.png) no-repeat center center;}
.rm_banner .icon_st4{ width:100%; height:48px; background:url(../images/inc/quick_icon_location.png) no-repeat center center;}

.rm_banner .rm_banner1 {margin-top:10px; width:156px; background:#fff; border:1px solid #d8d8d8;}
.rm_banner .rm_banner1 h3 { font-size:13px; font-weight:600; color:#ffffff; text-align:center; padding:7px 0; border-bottom:1px solid #d8d8d8; background:#053b77;  }
.rm_banner .rm_banner1 .b_wrap{ padding:10px;}
.rm_banner .rm_banner1 .b_wrap > div { border:1px solid #d8d8d8; height:30px; margin:0px 0px 4px 0px;}
.rm_banner .rm_banner1 .b_wrap > div > input { background:#ffffff; width:90%; height:100%; border:none; padding:0 5%; font-family:notokrR; font-size:12px; color:#666666; letter-spacing:-0.25px;}
.rm_banner .rm_banner1 .q_btn{ background:#0754aa; border:1px solid #0754aa; color:#fff; width:100%; height:30px; line-height:25px; font-size:12px; cursor:pointer;}

.rm_banner .rm_banner2 { width:156px; background:#fff; border:1px solid #d8d8d8;}
.rm_banner .rm_banner2 h3 { font-size:13px; font-weight:600; text-align:center; padding:7px 0; border-bottom:1px solid #d8d8d8; background:#053b77; color:#fff;  }
.rm_banner .rm_banner2 .b_wrap{ padding:10px;}
.rm_banner .rm_banner2 .b_wrap > div { border:1px solid #d8d8d8; height:30px; margin:0px 0px 4px 0px;}
.rm_banner .rm_banner2 .b_wrap > div > input { background:#ffffff; width:90%; height:100%; border:none; padding:0 5%; font-family:notokrR; font-size:12px; color:#666666; letter-spacing:-0.25px;}
.rm_banner .rm_banner2 .q_input{ background:#fff; border:1px solid #d8d8d8; width:136px; height:30px; margin-left:10px; margin-right:10px; margin-bottom:3px; font-size:12px; color:#666; font-family:notokrR; padding-left:8px;}
.rm_banner .rm_banner2 .q_btn{ background:#0754aa; border:1px solid #0754aa; color:#fff; width:100%; height:30px; line-height:25px; font-size:12px; cursor:pointer;}


.rm_banner .rm_banner3 {margin-top:10px; width:156px;  background:url(../images/inc/inq_bg.jpg) no-repeat 0 0; border:1px solid #d8d8d8; padding:0px 0px 15px 0px; text-align:center; }
.rm_banner .rm_banner3 .p1{font-size:13px; color:#fff; padding:10px 0;}
.rm_banner .rm_banner3 p > button{background:#064388; color:#fff; border:0; width:136px; height:37px; margin-top:10px; cursor:pointer; font-size:13px;}

.bottom_quick_btn{display:none;}


/*sitemap*/
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:18%; margin-left:2%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_search,
.sitemap .gnb > li.m_forum,
.sitemap .gnb > li.m_project,
.sitemap .gnb > li.m_study,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #b2030d; border-bottom:1px solid #b2030d; text-align:center; font-size:1em; color:#b2030d; padding:15px 0;}
.sitemap .gnb > li:hover .dp1{ background:#b2030d; color:#fff} 
.sitemap .gnb > li .dp2 > li > a{display:block; border-bottom:1px solid #dcdcdc; color:#666; padding:13px 0; text-align:center; font-size:0.875em;}
.sitemap .gnb > li .dp2 > li > a:hover{color:#b2030d; background:#f9f9f9;}
.sitemap .gnb > li .dp3{ display:none;}


/*table_width값*/
.table_10{ width:10%;}
.table_15{ width:15%;}
.table_20{ width:20%;}
.table_25{ width:25%;}
.table_30{ width:30%;}
.table_40{ width:40%;}
.table_50{ width:50%;}
.table_60{ width:60%;}
.table_70{ width:70%;}
.table_75{ width:75%;}
.table_80{ width:80%;}
.table_90{ width:90%;}
.table_95{ width:95%;}
.table_96{ width:96%;}
.table_97{ width:97%;}
.table_98{ width:98%;}
.table_99{ width:99%;}
.table_100{ width:100%;}
.table_auto{ width:auto;}



/*1_1*/

.str{font-weight:500; color:#000;}
.sub_tit5{font-size:1.25em; color:#666; margin:20px 0; background:url(../images/inc/tit_dot.gif) no-repeat left center; padding-left:26px; font-family: "NanumBarunGothic","나눔바른고딕", "dotum","돋움",sans-serif;}
.txt_area5{padding:30px 40px; background:#f9f9f9; margin-bottom:30px; }
.txt_area5 p{line-height:28px; color:#222;}
.txt_area5.box_line{border:1px solid #ddd;margin:0 auto; background:#f3f3f3;}
.sub_1_img{text-align:center; margin:45px 0 0px 0; }
.ceo_sign{text-align:right; margin-top:13px; margin-right:22px;}
span.ce_name{color:#222;  font-size:1.6em; letter-spacing:1px; margin:0px 5px 0px 7px; font-weight:500;}
p.ceo_in{display:inline-block; vertical-align:middle; color:#666; font-weight:500}
p.sign_img{display:inline-block; vertical-align:middle}
.list_dot5{background:#555; padding:2px 5px; border-radius:100%; font-size:0.625em; font-weight:600; color:#f9f9f9;  vertical-align:middle; margin-right:5px}

/*1_2*/
.map_div{overflow:hidden;}
.sub1_2_map{width:46%; float:left; margin:17px 2% 40px 2%}
.sub1_2_map .map_info{ margin-top:10px;}
.sub1_2_map table.map_table{border-top:2px solid #ad1019; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:0.875em; background:#f7f7f7}
.sub1_2_map table.map_table tr{height:36px; border-bottom:1px solid #ccc;}
.sub1_2_map table.map_table tr th.tit{color:#ad1019; text-align:left; padding-left:40px; font-weight:500;}
.sub1_2_map table.map_table tr td{color:#333;}

.list_dot6{background:url(../images/inc/list_dot4.png) no-repeat 25px center; }
.sub_tit5{font-size:1.250em; color:#333; margin-bottom:10px; background:url(../images/inc/tit_dot.gif) no-repeat left center; padding-left:26px; font-weight:600}




/*2_1*/
/*
.txt1_1{ background:url(../images/sub/sub_tit2.png) no-repeat left top; font-size:1em; color:#333; padding-left:20px; line-height:1.4; margin-bottom:10px;}
.sub_b_ul{ margin-left:20px;}
.sub_b_ul li{ font-size:0.875em; color:#666; background:url(../images/sub/his-li_icon2.jpg) no-repeat left 8px; padding-left:10px; line-height:1.4; margin-bottom:10px;}
.sub_b_ul2 li{ font-size:0.875em; color:#666; line-height:1.4; margin-bottom:10px; margin-left:20px;}
*/

/* 
.person_w{overflow:hidden; margin-bottom:30px;}
.person_area{ width:32%; height:auto; border:1px solid #ddd; margin-right:20px; float:left;}
.person_w .person_area:nth-child(3){margin-right:-20px; }
.person_name{background:#b2030d; opacity:0.8; color:#f9f9f9; padding-top:30px; padding-bottom:30px; padding-left:30px; border-bottom:2px dashed #fff; }
.person_jop, .person_career{font-size:1.250em; }
.person_name .p_name{font-size:1.500em;}
.person_info{padding:20px 30px 30px 30px; background:#fff;}
.person_info.info1{height:420px;}
.person_info.info2{height:250px; }

.line{width:20px; height:2px; background:#fff; display:block; margin:10px 0;}
.person_career{border-bottom:1px solid #ddd; padding-bottom:20px;}
.person_career_inner{padding-top:20px; }
.person_career_inner li{padding:6px 0; font-size:0.938em;}
*/



.person_w{overflow:hidden; margin-bottom:30px; margin-top:20px; /*border-bottom:1px solid #ddd; */padding-bottom:30px;}
.person_area{ width:32%; height:auto; /*border:1px solid #ddd;*/ margin-right:20px; float:left; border-top:3px solid #004090;}
.person_w .person_area:nth-child(3){margin-right:-20px; }
.person_name{background:#f9f9f9; color:#333; padding-top:30px; padding-bottom:20px; padding-left:30px; position:relative; }
.person_career{font-size:1.125em; border-bottom:1px dashed #ddd; padding-bottom:10px; padding-left:30px; letter-spacing:-0.5px; color:#555; }
.person_name .p_name{font-size:1.500em;}
.person_info{/*padding:15px 30px 30px 30px; */ padding-top:20px; background:#fff;}
/*.person_info.info1{height:480px;}
.person_info.info2{height:250px;}*/
.p_name{display:inline-block;}
.person_jop{display:inline-block; font-size:1.125em; margin-left:5px;}

.line{width:20px; height:2px; background:#004090; display:block; margin:10px 0; display:none;}
.person_career_inner{padding-top:10px;} 
.person_career_inner li{padding:6px 0; margin-left:20px; font-size:0.938em; color:#555;}


/*.p_name:before{content:""; width:140px; height:3px; background:#004090; position:absolute; top:0; left:0; display:block;}*/




/*2_2*/
.step_w{ overflow:hidden; margin-top:40px;}
.step_w.first{ margin-top:0;}
.step_w .num{ float:left; width:10%;}
.step_w .num p{ text-align:center; background:#0c3788; color:#fff; padding:15px 20px; border:1px solid #0c3788;}
.step_w .txt{ float:left; width:90%;}
.step_w .txt p{ text-align:left; background:#fff; color:#333; padding:15px 40px; border:1px solid #0c3788;}

.certi{ overflow:hidden; margin:10px -20px 0 10%;}
.certi .certi1{ float:left; width:33.33%;}
.certi .certi1 .in_box{ border:1px solid #0c3788; margin-right:20px;}
.certi .certi1 .in_box .title{ text-align:center; padding:10px 0; background:#0c3788; color:#fff; font-size:0.875em;}
.certi .certi1 .in_box .in_img{ padding:20px; text-align:center; display:block;}


/*2_4*/
.aeo_box{ overflow:hidden; margin:-20px 0 0 -20px;}
.aeo_box li.in_aeo{ float:left; width:50%;}
.aeo_box li.in_aeo .aeo_cont{ margin:20px 0 0 20px; padding:30px; border-radius:10px; }
.aeo_box li.in_aeo .aeo_cont.bg1{ background:#5778b9 url(../images/sub/box_bg1.png) no-repeat center center;}
.aeo_box li.in_aeo .aeo_cont.bg2{ background:#5795ba url(../images/sub/box_bg1.png) no-repeat center center;}
.aeo_box li.in_aeo .aeo_cont.bg3{ background:#56aab9 url(../images/sub/box_bg1.png) no-repeat center center;}
.aeo_box li.in_aeo .aeo_cont.bg4{ background:#57b97c url(../images/sub/box_bg1.png) no-repeat center center;}
.aeo_box li.in_aeo .aeo_cont .aeo_tit{ font-size:1.250em; color:#fff; font-family:nsB; margin-bottom:10px;}
.aeo_box li.in_aeo .aeo_cont .aeo_num li{ margin-top:5px; list-style:decimal; margin-left:20px; line-height:1.3; color:#fff; font-size:0.875em;}


/* 3_1 3_2 3_3 3_4 */

.sub_tit1{font-size:1.500em; margin:20px 0;}
.sub_tit2{font-size:1.250em; color:#333; margin-bottom:10px; background:url(../images/inc/tit_dot.gif) no-repeat left center; padding-left:26px; }
.txt_area{padding:30px 40px; background:#f9f9f9; margin-bottom:30px; }
.txt_area p{line-height:28px; color:#666;}
.point_txt{color:#b2030d;}
.point_txt2{}
.list_dot{background:url(../images/inc/list_dot.gif) no-repeat left center; padding-left:20px;}
.list_dot.list_tit{background:url(../images/inc/list_dot.gif) no-repeat left center; margin-bottom:10px; padding-left:20px; font-size:1.125em;}
.list_dot_mg{padding-left:20px;}
.list_mg{padding-left:20px;}
.list_mg2{padding-left:10px; }
.list_dot_mg.list_dot2{background:url(../images/inc/list_dot2.png) no-repeat left center; background-position-x: 20px; padding-left:40px;}
.list_dot2{background:url(../images/inc/list_dot2.png) no-repeat left center; padding-left:20px;}
.list_dot3{background:#b2030d; padding:2px 5px; border-radius:100%; font-size:0.625em; font-weight:600; color:#f9f9f9; }
.list_dot4{background:url(../images/inc/list_dot4.png) no-repeat left center;}
.list_dot3_txt{display:inline; padding-left:10px; font-weight:600; }
.sub3_1w .list_dot{margin-top:10px; }
.txt_area.box_line{border:1px solid #ddd; width:88%; margin:0 auto; background:#f3f3f3;}
.area_bg{background:#f9f9f9; padding-bottom:40px; margin-bottom:30px;}
.tb_mg{margin:20px 0;}
.strong{font-weight:600; color:#666;}


/* 3_2 */

.tbl_st2 { padding:0px; margin-bottom:10px;  font-size:0.875em; text-align:left; border:1px solid #ccc; border-top:2px solid rgba(0, 69, 171, 1);  }
.tbl_st2 thead th { background:rgba(0, 69, 171, 0.8); color:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; line-height:1.4; padding:10px 20px;}
.tbl_st2 tbody th { background:#f8f8f8; color:#333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:1.4; padding:10px 20px; vertical-align:middle; text-align:left; }
.tbl_st2 tbody td { color:#666; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:1.4; padding:10px 20px; vertical-align:middle; }
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }









/* 5_4 파트너사 현황 */
.partner ul { overflow:hidden; margin:-30px 0 0 -20px; }
.partner ul li { float:left; width:25%; }
.partner ul li div { margin:30px 0 0 20px; text-align:center; cursor:pointer;  }
.partner ul li div .img { border:1px solid #ccc; padding:10px; box-sizing:border-box; display:table; width:100%; transition:all 0.3s; }
.partner ul li div .img span { display:table-cell; vertical-align:middle; height:80px; }
.partner ul li div .img img { max-height:58%; } 
.partner ul li div .img:hover{ border:1px solid #b2030d;}
.partner ul li div .name{ border-bottom:1px solid #ccc; font-size:0.875em; color:#333; height:40px; line-height:40px; padding:0 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.partner.two ul { overflow:hidden; margin:-10px 0 0 -10px; }
.partner.two ul li { float:left; width:50%; }
.partner.two ul li div { margin:10px 0 0 10px; text-align:center; background:#fff; cursor:default; }
.partner.two ul li div .img span { display:table-cell; vertical-align:middle; height:65px; }
.partner.two ul li div .img img { max-height:60%; } 
.partner.two ul li div .img:hover{ border:1px solid #ccc;}


/*메인스타일*/
.main_visu{ position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; top:0; overflow:hidden; z-index:99;} 
.main_visu .slogan{ position:absolute; left:0; top:30px; z-index:9; filter:alpha(opacity=0); opacity:0; width:100%; text-align:center;}

.main_visu .slogan .main_tit1{font-size:2.500em; margin-bottom:20px; font-weight:bold; position:relative; text-shadow: 6px 2px 2px rgba(0,0,0,0.2);}
.main_visu .slogan:before{content:""; width:83px; height:6px; top:-25px; right:39%; border-radius:20px 20px; background:#fff; position:absolute;}
.main_visu .slogan:after{content:""; width:50px; height:6px; top:-15px; right:39%; border-radius:20px 20px; background:#fd6d75; position:absolute;}
.main_visu .slogan .main_tit2{font-size:1.750em; margin-bottom:5px; text-shadow: 6px 2px 2px rgba(0,0,0,0.2);}
.main_visu .slogan .main_tit2_line{width:7.8%; height:2px; margin:0 auto; background:#fff; display:block; margin-bottom:38px;}
.main_visu .slogan .main_tit3{font-size:1.250em; margin-bottom:8px; text-shadow: 6px 2px 2px rgba(0,0,0,0.2);}


.main_visu .slides{ overflow:hidden;}
.main_visu .prod_area .slides li{ width:100%; height:1032px;}
/*	.main_visu .prod_area .slides li.st1{ background:url(../images/img/m_visu1.jpg) no-repeat center top;}
.main_visu .prod_area .slides li.st2{ background:url(../images/img/m_visu2.jpg) no-repeat center top;}
*/	.main_visu .flex-viewport{ overflow:visible !important}
.main_visu .flex-control-nav{ display:none;}
.main_visu .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:6px;}
.main_visu .flex-control-nav > li > a{ display:block; width:40px; height:4px; background:#fff; font-size:0; filter:alpha(opacity=40); opacity:0.4;}
.main_visu .flex-control-nav > li > a.flex-active{ filter:alpha(opacity=100); opacity:1;} 
.main_visu .prod_area{ width:100%;}

.main_visu .prod_area .inner{ position:absolute; left:0; bottom:0; z-index:9; width:100%; background:rgba(0,0,0,0.5) url(../images/main/left_bg1.jpg) no-repeat left -300px center; overflow:hidden;}
.main_visu .prod_area .inner .area1{ float:left; background:#222; width:31%; padding:25px 0; min-height:196px;}
.main_visu .prod_area .inner .area1 .tit{ font-size:1.375em; font-family:nsR; color:#fff; margin-bottom:5px;}
.main_visu .prod_area .inner .area1 .tit2{ font-size:2.313em; font-family:nsB; color:#fff;}
.main_visu .prod_area .inner .area1 .line{ width:30px; height:2px; background:#fff; margin:20px 0;}
.main_visu .prod_area .inner .area1 .txt{ font-size:0.938em; font-family:notokrR; color:#fff;}
.main_visu .prod_area .inner .area1 .view { background:url(../images/main/view_iconfff.png) no-repeat center right; border-bottom:4px solid #fff; width:120px; margin-top:20px; }
.main_visu .prod_area .inner .area1 .view a { color:#fff; width:120px; padding:7px 0px; display:block; font-family:notokrR; font-size:0.75em; transition:all 0.3s}
.main_visu .prod_area .inner .area1 .view a:hover{ padding:7px 15px;} 

.main_visu .prod_area .inner .area2{ float:left; width:69%; background:url(../images/main/main_area1.png) no-repeat left center; height:246px;}
.main_visu .prod_area .inner .area2 .in_ul2{ overflow:hidden;}
.main_visu .prod_area .inner .area2 .in_ul2 li{ float:left; width:25%; text-align:center; margin-top:35px;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg1{ background:url(../images/main/visual_icon1.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg2{ background:url(../images/main/visual_icon2.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg3{ background:url(../images/main/visual_icon3.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg4{ background:url(../images/main/visual_icon4.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li a{ display:block; color:#fff; font-size:1.125em; font-family:nsR; margin-top:50px; padding-top:70px; border-left:1px solid rgba(255,255,255,0.5);}
.main_visu .prod_area .inner .area2 .in_ul2 li.first a{ border:none;}

.mid_con{ padding:50px 0}
.mid_con .cover_con{ overflow:hidden; margin-left:-40px;}
.mid_con .cover_con .con_li{ float:left; width:33.33%;}
.mid_con .cover_con .con_li .cont1{ margin-left:40px;}
.mid_con .cover_con .con_li .cont1.noti{ position:relative;}
.mid_con .cover_con .con_li .cont1.noti .title{ color:#111; font-family:nsR; font-size:1.250em;}
.mid_con .cover_con .con_li .cont1.noti .plus{ position:absolute; top:0; right:0; border:1px solid #ccc; background:url(../images/main/m_plus.png) no-repeat center center; width:35px; height:35px;
cursor:pointer; transition:all 0.3s;}
.mid_con .cover_con .con_li .cont1.noti .plus:hover{ border:1px solid #b2030d}
.mid_con .cover_con .con_li .cont1.noti .txt_line{ margin-top:37px;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w{ overflow:hidden;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p{ padding:12px 0;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.date{ width:20%; border-bottom:1px solid #ccc; text-align:center; font-size:0.938em; color:#888; float:left;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.date .day{ font-size:1.250em; color:#222; display:block; line-height:1.3} 
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit{ width:75%; border-bottom:1px solid #ccc; float:right;} 
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit a{ display:inline-block; font-size:0.938em; color:#666; line-height:2.8; transition:all 0.3s;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit a:hover{ color:#b2030d;}

.mid_con .cover_con .con_li .cont1 .bnr1{ border:1px solid #ccc;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.one { background:url(../images/main/main_bnr1.jpg) no-repeat center center; height:130px; position:relative; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.one p.tit { background:url(../images/main/main_bnr1.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:70px; top:40px; padding-left:50px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two{ padding:20px 0; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt{ text-align:center; font-size:0.875em; color:#666; font-family:notokrR;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.title{ font-size:1.063rem; color:#b2030d; display:block; font-family:nsB; margin-bottom:5px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.tel{ /*font-size:1.625rem;*/ font-size:1em; color:#333; font-family:nsB; display:block; margin-top:2px; letter-spacing:-1.5px; text-align:center; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt .tel_mg{margin-right:4px; font-family:'notokrB', sans-serif; color:#333; margin-left:5px; }


.mid_con .cover_con .con_li .cont1 .bnr2{ border:1px solid #ccc;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.one { background:url(../images/main/main_bnr2.jpg) no-repeat center center; height:130px; position:relative; }
.mid_con .cover_con .con_li .cont1 .bnr2 div.one p.tit { background:url(../images/main/main_bnr2.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:70px; top:40px; padding-left:50px;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two{ padding:20px 0; }
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt{ text-align:center; font-size:0.875em; color:#666; font-family:notokrR;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt span.title{ font-size:1.063rem; color:#b2030d; display:block; font-family:nsB; margin-bottom:5px;}

.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a{ font-size:0.75em; color:#333; font-family:nsB; display:block; margin:17px auto 0; border:1px solid #ccc; width:100px; padding:5px 0; text-align:center; transition:all 0.3s;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a:hover{ border:1px solid #b2030d; background:#b2030d; color:#fff;}

#main_bnr1 { background:url(../images/main/main_bnr4.jpg) no-repeat center; height:120px; padding:30px 0; }
#main_bnr1 p.txt1 { font-family:nsB; font-size:34px; letter-spacing:1px; margin-bottom:5px; }
#main_bnr1 p.txt2 { color:#555; font-size:25px; margin-bottom:20px; font-family:nsR; }
#main_bnr1 p.txt3 { background:url(../images/main/view_icon666.png) no-repeat center right 10px; border-bottom:4px solid #454545; width:175px; }
#main_bnr1 p.txt3 a { color:#555; width:175px; padding:7px 10px; display:block; font-family:notokrR; font-size:0.75em; transition:all 0.3s}
#main_bnr1 p.txt3 a:hover{ color:#0045ac; padding:7px 15px;} 


/**/
.tab_bar { font-size:0; border-top:2px solid #0c3788; border-bottom:1px solid #ccc; text-align:center}
.tab_bar > li { display:inline-block; *display:inline; zoom:1; font-size:16px; font-size:1rem; width:20%; vertical-align:middle;}
  .tab_bar > li > p { display:block; position:relative; height:45px; /*padding:0 20px;*/ text-align:center; font-size:.938em; color:#777; transition:.3s; font-weight:400;}
.tab_bar > li:hover{  cursor:pointer;}
.tab_bar > li:hover > p { color:#0c3788;}
.tab_bar > li.on > p { background:#fff; border-color:#0c3788; color:#0c3788; z-index:1; background:#f5f8ff;}
.tab_bar > li.on > p:before{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#0c3788}
.tab_bar > li.on > p:after{ content:"▼";font-family:notokrR,sans-serif!important; position:absolute; left:0; bottom:-14px; width:100%; text-align:center; color:#0c3788}

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