@charset "utf-8";
/* 공통 */
.clear{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
.pointer{cursor:pointer;}
.bold{font-weight:bold !important;}
.noscript{width:100%;margin:0 0 0 0px;overflow:hidden;text-align:right;}
.ovfh{overflow:hidden !important;}
.list_init{margin:0;padding:0;list-style:none;}
a:hover, a:focus, a:active{text-decoration:none;}
.ac{ text-align:center;}

/* 마진&패딩관련 */
.mgt0{margin-top:0px !important;}
.mgt3{margin-top:3px !important;}
.mgt5{margin-top:5px !important;}
.mgt6{margin-top:6px !important;}
.mgt8{margin-top:8px !important;}
.mgt10{margin-top:10px !important;}
.mgt12{margin-top:12px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}

.mgl0{margin-left:0px !important;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl25{margin-left:25px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb45{margin-bottom:45px !important;}

.mgr0{margin-right:0px !important;}
.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}
.mgr55{margin-right:55px !important;}

.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}

.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}


#wrap{width:100%;min-width:1000px;background-color:#f5f5f5;}

/* header */
#top_wrap{ width:100%;position:absolute;left:0;top:0;z-index:200;}
#top{width:990px;margin:0 auto;overflow:hidden;}
#top .top_logo{float:left;margin:42px 0 0 0px;}
#top .menu_part{height:150px;float:right;}

#top .gnv_area{overflow:hidden;}
#top .gnv {float:right;margin:0 0 5px 0;}
#top .gnv li{float:left;height:26px;background:url(../images/gnv_bar.jpg) left center no-repeat;}
#top .gnv li a{margin-left:15px;padding:5px 15px 5px 5px;display:block;color:#666;font-size:13px;}
#top .gnv .home{background:none;}
#top .gnv .home a{color:#f36152;}
#top .gnv .last{background:none;background-color:#3e498d;}
#top .gnv .last a{padding-right:20px;font-size:11px;color:#fff;text-transform:uppercase;}

#topmenu{position:relative;top:0;left:0;float:right;}
#topmenu > li{float:left;overflow:hidden;}
#topmenu > li > a{padding:33px 38px 30px;display:block;font-size:18px;color:#555;font-family:NanumGothicBold;}
#topmenu > li > a.tmov{color:#e33929;}
#topmenu > li.last > a{padding-right:0;}

#topmenu > li > ul {display:none;position:absolute;top:69px;left:-130px;width:990px;} /*서브M*/
#topmenu > li > ul > li{float:left;}
#topmenu > li > ul > li > a{padding:15px;display:block;color:#fff;font-size:13px;line-height:14px;height:14px;font-family: 'NanumGothicBold';background:url(../images/sub_bar.png) no-repeat right 13px;}
#topmenu > li > ul > li.on > a{background-color:#f36152;}
#topmenu > li > ul > li.first{width:72px;font-size:18px;color:#fff;font-family: 'NanumGothicBold';padding:11px 75px 15px 0px;}
#topmenu > li > ul > li.first a{padding-left:20px;}

.menu_bar{background:url(../images/smenu_bg.jpg) center 0px no-repeat;width:100%;height:44px;position:absolute;top:100px;left:0;display:none;z-index:80; background-position:center top;}

/* 비주얼 공통 */
.vis_bg{min-width:1000px;position:relative;}
.vis_bg li{display:none;background:no-repeat center top;position:absolute;}

/*메인 비주얼*/
#main_visual{width:100%;height:850px;padding-top:100px;overflow:hidden;}
#main_visual .vis_bg li{width:100%;height:850px;top:0;left:0;}
#main_visual .vis_dots{width:990px;margin:0 auto;position:relative;height:850px;}
/*
#main_visual .vis_dots ul{position:absolute;right:30px;top:285px;}
#main_visual .vis_dots li{width:78px;height:72px;margin-left:14px;float:left;background-image:url(../images/vis_dots.jpg);background-repeat:no-repeat;cursor:pointer;}
#main_visual .vis_dots li.thum1{background-position:0 0;}
#main_visual .vis_dots li.thum2{background-position:-78px 0;}
#main_visual .vis_dots li.thum1.select{background-position:0 -72px;}
#main_visual .vis_dots li.thum2.select{background-position:-78px -72px;}
*/
#main_visual .vis_dots ul{position:absolute;*right:0px;bottom:50px;display:flex;width:990px;justify-content:center;}
#main_visual .vis_dots li{width:7px;height:7px;cursor:pointer;border:2px solid #fff;background:none;margin:0 10px}
#main_visual .vis_dots li.select, #main_visual .vis_dots li:hover{border:2px solid #e33929;background:#e33929; transform:rotate(45deg);animation:fadeEx1 0.5s forwards; -webkit-animation:fadeEx1 0.5s forwards}
@keyframes fadeEx1 {
	from {background-color:none;transform:rotate(0)}
	to	 {background-color:#e33929;transform:rotate(45deg)}
}
@-webkit-keyframes fadeEx1 {
	from {background-color:none;transform:rotate(0)}
	to	 {background-color:#e33929;transform:rotate(45deg)}
}



/* 메인 콘텐츠 */
#main_middle{width:100%;margin:0 auto;overflow:hidden;overflow:hidden;background-color:#fff;}
#main_middle > div {overflow:hidden;}

.mid_cust{width:100%; height:80px; background-color:#0e66bf;overflow:hidden;}
.mid_cust .cust_txt h2{padding-top:26px}
.cust_txt{width:990px; margin:0 auto;}
.cust_txt h2{font-size:22px; font-weight:bold;color:#fff;float:left;font-family: 'NanumGothicBold';}
.cust_txt .tel {float:right; border:1px solid #fff; border-radius:3px;border-radius:3px;border:1px solid #9fc2e5;margin-top:16px}
.cust_txt .tel li {float:left;border-right:1px solid #9fc2e5;padding:14px 20px;}
.cust_txt .tel li a{font-size:15px; font-family: 'NanumGothicBold';color:#fff;padding:5px}

.mid01{width:990px;margin:95px auto;}
.mid01 li{float:left;margin-right:63px; text-align:center;} 
.mid01 li dl dt{color:#555; font-size:14px;font-family: 'NanumGothicBold'; text-align:center;margin-top:20px;}
.mid01 li dl dd{text-align:center;border:1px solid #ccc;padding:5px 0px;width:87px; text-align:center;margin:20px auto 0px;}
.mid01 li dl dd a{padding:0 8px;}

.mid02_wrap{width:100%;height:60px;background-color:#ececec;}
.mid02{width:990px;margin:0 auto;overflow:hidden;}
.mid02 h2{color:#333;padding-top:15px}
.mid02 .mnotice{width:450px;margin:12px 30px;overflow:hidden;}
.mid02 .mnotice li{padding:10px 0;color:#555;font-size:14px;}
.mid02 .mnotice li span{display:block;float:left;}
.mid02 .mnotice li span.txt{width:260px;padding-left:10px;}
.mid02 .mnotice li span.date{float:right;color:#555;width:85px;text-align:right;margin-right:0px}
.mid02 .mnotice li a{display:block;}

.mid02 .btn_wrap{float:right;margin-top:18px;}
.mid02 .btn_wrap li{float:left;}

/* 서브 비주얼 */
#sub_visual{width:100%;height:151px;padding-top:100px;overflow:hidden;}
#sub_visual .vis_bg li{width:100%;height:151px;top:0;left:0;}

/* 서브 콘텐츠 */
.sub_content{background-color:#fff;}

#sub_middle{overflow:hidden;width:990px;margin:0 auto;}
#sub_middle .left_side{float:left;width:214px;padding-right:1px;margin-bottom:100px;}
#sub_middle .left_side img{display:block;}
#sub_middle .right_side{width:720px;float:right;}

/*레프트 메뉴*/
#left{font-family:NanumGothicBold;}
#left .left_top{width:213px;height:118px;overflow:hidden;background:url(../images/sub/sub_tit_bg.jpg) left 0 no-repeat;position:absolute;z-index:100;top:251px;}
#left .left_top h2{margin:0 auto;font-size:25px;color:#f1f1f1;line-height:26px;padding-left:56px;padding-top:48px;}
#left a{}

#left .left_menu{border-right:1px solid #ddd;border-left:1px solid #ddd;padding-top:94px;}
#left ul.left_menu li{text-align:left;}
#left > ul.left_menu > li > a{display:block;background:url(../images/sub/left_bar_bg.jpg) no-repeat left bottom;overflow:hidden;padding:12px 0px 12px 16px;height:15px;color:#666;font-size:13px;}/*마우스 아웃*/
#left > ul.left_menu > li.lov > a{background:url(../images/sub/left_bar_bg.jpg) no-repeat left top;color:#fff;font-weight:bold;}/*마우스오버*/
#left > ul.left_menu > li > ul{ background-color:#f5f5f5;display:none;}
#left > ul.left_menu > li > ul > li > a{display:block;overflow:hidden;padding:8px 0 9px 40px;color:#767676;font-size:13px; line-height:15px;background:url(../images/sub/left_bullet_.png) no-repeat 26px 14px;}/*마우스 아웃*/
#left > ul.left_menu > li > ul > li.sublov > a{color:#ff7800;background:url(../images/sub/left_bullet.png) no-repeat 26px 14px;}

.left_banner{border:1px solid #ddd; margin-top:45px;}

/* 서브 타이틀 */
.page_title{overflow:hidden;margin-top:40px;}
.page_title img{display:block;}
.page_title .stitle{float:left;}
.page_title .stitle h3{overflow:hidden;color:#333;font-size:30px;line-height:34px;font-family:NanumGothicBold;} 
.page_title p{margin:6px 0 0 5px;}

/*로케이션*/
.location{color:#7f6f6a;text-align:right;float:right; background-color:#f1f1f1; padding-left:15px; width:100%; height:35px;} 
.location .location_wrap{width:990px; margin:0 auto;overflow:hidden; margin-top:9px;}
.location .location_wrap .home{margin-right:8px;margin-top:5px;}
.location .location_wrap .loc_txt1{background:url(../images/sub/loc_section.jpg) no-repeat left 3px;padding-left:10px;margin-right:9px; color:#7f6f6a;}
.location .location_wrap .current_page{color:#eb2b17;margin-right:0;}

/* 내용 */
.page{margin:25px 0;}
.page h4{ background:url(../images_en/sub/h4_bullet.png) left 6px no-repeat;font-size:22px;color:#555;font-family: 'NanumGothicBold';padding-left:25px;margin:44px 0 25px 0;}
.page h5{color:#3e498d;font-size:18px;font-family: 'NanumGothicBold';margin-left:20px;margin-bottom:10px;line-height:24px;}
.page .structural{overflow:hidden;}
.page .txt_c{color:#555; font-size:13px; margin-left:22px; line-height:24px;}
.page .txt_wrap{ background-color:#f8f8f8; border:1px solid #ddd; padding:10px; *overflow:hidden;margin-top:30px;}
.page .txt_wrap p{line-height:24px;color:#555; font-size:13px; background:url(../images_en/sub/num01.png) left 4px no-repeat;padding-left:25px;}
.page .txt_wrap .bg02{background:url(../images_en/sub/num02.png) left 4px no-repeat;}
.page .txt_wrap .bg03{background:url(../images_en/sub/num03.png) left 4px no-repeat;}

.page .content01, .page .content_wrap{overflow:hidden;}
.page .ul_wrap{float:left;}
.page .content01 ul{margin-left:22px;width:385px;margin-bottom:30px; }
.page .content01 ul li{font-size:13px; color:#666;background:url(../images_en/sub/li_bullet.png) left 9px no-repeat;padding-left:10px;line-height:24px;margin-bottom:2px;}
/*.page .content01 strong{font-family: 'NanumGothicBold';color:#444;}*/
.prod_img {margin-left:27px;overflow:hidden;}
.prod_img li dl{margin:0 0 20px 0px;}
.prod_img li dl dt{color:#01458e;font-size:14.5px; text-align:center;font-family: 'NanumGothicBold';}
.prod_img li{float:left;margin-right:129px; }

.page .content01 .prod_img02{width:282px;}
.page .content01 .prod_img02 li{background:none;padding-left:0px;}
.page .content01 .prod_img02 li dl{margin:0 0 20px 0px;}
.page .content01 .prod_img02 li dl dt{color:#01458e;font-size:14.5px; text-align:center;font-family: 'NanumGothicBold';}
/*테이블*/
.tbl01{float:right;width:260px;border-top:2px solid #dfdfe2; border-bottom:2px solid #dfdfe2; border-spacing:0px;margin-top:30px;}
.tbl01 th{background-color:#9ca1b2;color:#fff; font-style:italic;padding:10px 15px;font-size:16px; border-bottom:1px solid #ddd;}
.tbl01 td{font-size:14.5px;color:#424a6b; border-bottom:1px solid #ddd;padding-left:15px; background-color:#f9f9f9;}

.tbl02{width:100%;border-top:2px solid #626984;border-spacing:0px;}
.tbl02 th{ background-color:#9ca1b2;color:#fff;padding:7px 0px;border-right:1px solid #d0d1d4;font-size:14px;}
.tbl02 td{padding:8px 0px;border-bottom:1px solid #ddd;font-size:13px;text-align:center;border-left:1px solid #ddd;}
.tbl02 .td01{color:#424a6b;font-family:'NanumGothicBold';text-align:left;padding-left:18px; background-color:#f9f9f9;border-left:none;}
.tbl02 .td02{color:#767676;text-align:left;padding-left:28px;background-color:#f9f9f9;border-left:none;}

.tbl03{width:282px;border-spacing:0px;}
.tbl03 th{background:url(../images_en/sub/th_bg.jpg) left top no-repeat;color:#fff;padding:12px 0px;border-right:1px solid #d0d1d4;font-size:14px;}
.tbl03 td{width:50%;padding:6px 0px;border-bottom:1px solid #ddd;font-size:13px;text-align:center;border-left:1px solid #ddd;}
.tbl03 .td01{color:#424a6b;font-family:'NanumGothicBold';text-align:left;background-color:#f9f9f9;border-left:none;}

.page .ac{ text-align:center;}
.page .al{ text-align:left;}
.page .content_img{overflow:hidden;}

/* 오시는 길 */
.Gmap{width:710px;height:398px;border:1px solid #ccc;}
.Gmap_print{width:700px;height:388px;margin:5px;} 

/* 탭 */
.tabs_type_a{height:39px;margin-bottom:50px;overflow:hidden;}
.tabs_type_a ul{height:37px;border-bottom:2px solid #f36152;}
.tabs_type_a li{height:36px;margin:0 -1px 0 0;float:left;background:#f5f5f5;border:1px solid #ccc;border-bottom:none;}
.tabs_type_a li a{padding:11px 45px;display:block;font-size:14px;line-height:15px;text-align:center;}
.tabs_type_a li:hover, .tabs_type_a li.selected{height:37px;position:relative;left:0;top:0;background:#fff;border:2px solid #f36152;border-bottom:none;}
.tabs_type_a li:hover a, .tabs_type_a li.selected a{color:#f36152;font-family:NanumGothicBold;}

/* 푸터 */
#footer{width:100%;overflow:hidden;color:#bbb;line-height:20px;padding-bottom:50px;background-color:#585858;}
#footer .footer_wrap{width:990px;margin:35px auto 0;overflow:hidden;}

.bottom_logo{float:right;margin:15px 50px 0 0;}

.f_top{color:#efefef;font-family:'NanumGothicBold';font-size:13px;}
.f_top span{margin:0 7px;}
.f_bot{overflow:hidden;}
.f_copy,.f_copy a, .f_barom,.f_barom a{color:#dddddd;font-size:11px;font-family:'NanumGothicBold';text-transform:uppercase;}
.f_copy, .f_barom{float:left;padding-top:2px;}
.f_barom{margin-left:10px;}
.f_barom .barom{padding-left:20px;margin-left:5px;background:url(../images/baromlogo.png) no-repeat left top;}