@charset "UTF-8";
/*******

BSJ CSS RESET
wrap,  container, footer, leftmenu 등 해당되는 레이아웃을 지정합니다.

*******/



/*************main***********/
#container{overflow:hidden;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:30px;left:900px; margin-left:-10px;padding-top:0px;}
.m_slider .bx-wrapper {width:1920px; margin:0 auto;}
.m_slider .bx-wrapper .bx-viewport {width:1920px !important; margin:0 auto;}
.m_slider .bx-wrapper{margin-bottom:0px;}
.main_con{position:relative; width:1000px; margin:0 auto; overflow:hidden;}
#container .section{float:left; height:290px; width:268px; border-left:2px solid #f1f1f1; padding:30px;}
#container .section:first-child{border-left:none;}
.sections{overflow:hidden;}
.sections img{margin-top:35px;}
.section h3{font-size:20px; font-weight:bold; padding-top:0px; color:#111;}
.main-btn{padding-left:250px; margin-top:-57px;}
.main-desc{ font-size:14px; color:#666; }
.pt{padding-top:20px;}
.sec02{border-top:2px solid #f1f1f1;}
.sections .b_slider img {margin-top:0;}
.bx-wrapper img {width:100%;}
.m_slider .bx-wrapper .bx-controls-direction {position:relative;}
.m_slider .bx-wrapper .bx-controls-direction a {margin-top:-306px;}
.section .bx-pager.bx-default-pager {display:none;}
.section .bx-wrapper .bx-controls-direction a {margin-top:-40px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#357b1c !important;}
.sub_img {width:1920px; margin:0 auto;}

/*.banner_slider{height:185px;}*/
.banner_text{text-align:center; font-weight:bold; color:#333; font-size:14px; margin-top:10px;}
.banner_text1{text-align:center; font-size:13px; font-weight:500; color:#aeaeae; display:block; margin-top:5px;}
.notice_text{ height:250px;}

.notice_text li{font-size:13px; color:#666; font-weight:500;}
.notice_text1{ height:105px;  width:275px; line-height:22px; }
.notice_text1 li:first-child{font-size:17px; font-weight:bold; color:#333; padding-bottom:10px;}
.notice_text2{ height:105px;  width:275px;line-height:22px;margin-top:5px;}
.notice_text2 li:first-child{font-size:17px; font-weight:bold; color:#333; padding-bottom:10px;}
/************footer****************/

#footer{width:100%; background:url(../../images/footer_bg.jpg) no-repeat center top; height:120px; }
.footer_area{margin:0 auto; overflow:hidden; width:1000px;}
.footer_area h1 {float:left; margin-top:27px;}
.copyright{float:left; font-size:12px; color:#666; line-height:20px; margin-top:25px; padding-left:40px;}
.footer_copyright{font-size:12px; font-weight:bold; display:block; margin-top:10px; color:#999;}
.footer_sns{float:left; width:105px; height:30px; float:right; margin-top:50px;}
.footer_sns img:last-child {padding-left:3px;}

/*subvisual*/
.sub_img2 {background:url(../../images/sub_img2.jpg) no-repeat center; height:330px; min-width:1000px;}
.subimg2_t {margin:0 auto; width:1000px; padding-top:145px;}
.sub_img1 {background:url(../../images/sub_img1.jpg) no-repeat center; height:330px; min-width:1000px;}
.subimg1_t {margin:0 auto; width:1000px; padding-top:145px;}
.sub_img3 {background:url(../../images/sub_img3.jpg) no-repeat center; height:330px; min-width:1000px;}
.subimg3_t {margin:0 auto; width:1000px; padding-top:145px;}
.sub_img4 {background:url(../../images/sub_img4.jpg) no-repeat center; height:330px; min-width:1000px;}
.subimg4_t {margin:0 auto; width:1000px; padding-top:145px;}
.sub_img5 {background:url(../../images/sub_img5.jpg) no-repeat center; height:330px; min-width:1000px;}
.subimg5_t {margin:0 auto; width:1000px; padding-top:145px;}





/*****************sub1*************/
.content_wrap{margin-top:-30px;}
.content{width:1000px;}
.tab-menu{overflow:hidden;}
.tab-menu li{float:left; width:330px;  border:1px solid #ddd; background:#fff; color:#666; font-size:15px; text-align:center; margin-bottom:70px;}
.tab-menu li a{display:block; width:330px; padding:20px 0; }
.on{color:#fff;}
.tab-menu .on a{color:#fff; padding:20px 0; background:#357b1c;}
.sub-top-tit{padding-bottom:50px;height:65px;}
.sub-tit{ border-bottom:1px solid #ccc; }
.tab-menu li:hover{background-color:#357b1c;}
.tab-menu li:hover a{color:#fff; padding:20px 0;}
.tab-menu_s li:hover{background-color:#357b1c;}
.tab-menu_s li:hover a{color:#fff; }
.sub-tit img{margin-top:8px; margin-left:3px;}
.sub-tit1{font-size:30px; padding-bottom:12px; color:#333; font-weight:500;}
.bread{float:right; margin-top:-25px; font-size:11px;}
.home img{margin-top:3px;}

.main_content{padding-bottom:120px; text-align:center;}
.main_visual{overflow:hidden; padding-top:30px;}
.bold-desc{font-size:16px; font-weight:bold; color:#333;}
.foint_color{color:#068a06;}
.color_3{color:#333; font-weight:bold;}
.ml20{margin-left:20px;}
.greeting_box1 {overflow:hidden; width:100%;}
.greeting_l {float:left; width:54%; text-align:left;}
.greeting_r {float:left; width:46%; margin-top:30px;}
.greeting_btit {margin-bottom:40px;}
.greeting_btit > p {font-size:24px; color:#333;}
.greeting_stext1 {margin-top:10px; line-height:22px;}
.greeting_box2 {margin-top:95px; }
.greeting_title {margin-bottom:25px;}
.tit_p {font-size:24px; color:#333; text-align:left;}
.tit_p > img {padding-right:3px; margin-top:5px;}
.history_box {margin-top:20px; overflow:hidden;}
.his_l {float:left; width:50%; text-align:left; line-height:40px;}
.his_l ul li {position:relative; padding-left:80px;}
.his_r {float:left; width:50%; text-align:left; line-height:40px;}
.li_gj1 {color:#333; font-size:21px; position:absolute; left:0; top:0px;}
.his_r ul li {position:relative; padding-left:80px;}
.greeting_box3 {overflow:hidden; margin-top:120px;}
.president_l {float:left; width:50%; text-align:left; line-height:32px;}
.ceo_r {float:left; width:50%; text-align:left; line-height:32px;}
.li_gj2 {color:#333; font-size:17px; position:absolute; left:0; top:0px;}
.president_l ul li {position:relative; padding-left:80px;}
.greeting3_list {margin-top:40px;}
.subli {margin-left:33px; margin-top:-8px;}
.greeting3_list ul {margin-top:25px;}
.ceo_r ul li {position:relative; padding-left:80px;}
.greeting_box4 {overflow:hidden; margin-top:100px;}
.map_title > span {font-size:16px;}
.map_title {text-align:left; margin-top:20px;}
.map_title > img {padding-right:5px;}
.map_text {text-align:left;}
.map_text ul {margin-top:25px;}
.map_text ul li {line-height:25px; font-size:14px; color:#666; position:relative; padding-left:80px;}
.li_gj3 {color:#333; position:absolute; left:0; }
.strategybox {width:1000px; overflow:hidden;}
.strategybox1 {float:left; width:318px; height:440px; border:1px solid #e4e4e4;}
.strategybox2 {float:left; width:318px; height:440px; border:1px solid #e4e4e4; margin-left:20px;}
.strategybox3 {float:left; width:318px; height:440px; border:1px solid #e4e4e4; margin-left:20px;}
.strategybox_text {width:270px; height:152px; border-top:1px solid #e4e4e4; padding:24px; text-align:left;}
.text_top {font-size:17px;}
.text_bottom {font-size:17px; color:#333;}
.strategybox_b {margin-top:10px; border-top:1px solid #e4e4e4;}
.strategybox_b ul li img {margin-top:8px; padding-right:7px; position:absolute; margin-left:-12px;}
.strategybox_b ul li {margin-top:10px; line-height:22px; padding-left:15px;}
/*회사소개 화인의역활*/
.greetint3_box2 {margin-top:50px;}

/*business*/
.tab-menu_s{overflow:hidden;}
.tab-menu_s li{float:left; width:198px;  border:1px solid #ddd; background:#fff; color:#666; font-size:15px; text-align:center; margin-bottom:70px;}
.tab-menu_s li a{display:block; width:198px; padding:15px 0; }
.on{color:#fff;}
.tab-menu_s .on a{color:#fff; padding:15px 0; background:#357b1c;}
.imgbox1 {overflow:hidden;}
.imgbox1_1 {width:666px; height:465px; float:left;}
.imgbox1_2 {width:332px; height:463px;border:1px solid #eaeaea; float:left; text-align:center;}
.imgbox_t {height:215px; padding-top:35px;}
.imgbox_b {height:215px; padding:0 23px; text-align:left; line-height:22px;}
.s_bd {margin-top:-10px; position:absolute; width:20px; height:1px; background:#333;}
.imgbox_p {font-size:19px; color:#333; margin-bottom:7px;}
.imgbox_b ul li span img { margin-top:9px; padding-right:4px;}
.imgbox_b ul li {position:relative; padding-left:42px; line-height:22px;}
.li_gj4 {position:absolute; left:0;}
.li_pdl {padding-left:66px !important;}
.imgbox_t1 {height:275px;}
.imgbox_t2 {height:275px;}
.imgbox_t3 {height:275px;}
.imgbox_t4 {height:275px;}
.imgbox_t5 {height:275px;}
.imgbox_t6 {height:275px;}
.imgbox_t1 > img {margin-top:65px;}
.imgbox_t2 > img {margin-top:65px;}
.imgbox_t3 > img {margin-top:25px;}
.imgbox_t4 > img {margin-top:25px;}
.imgbox_t5 > img {margin-top:25px;}
.imgbox_t6 > img {margin-top:85px;}
.imgbox2 {overflow:hidden;}
.imgbox3 {overflow:hidden;}
.imgbox4 {overflow:hidden; width:615px; padding:25px; text-align:left; border:1px solid #e4e4e4; float:left;}
.imgbox2_t > img {margin-top:55px;}
.imgbox2_t1 > img {margin-top:25px;}
.imgbox2_t2 > img {margin-top:35px;}
.imgbox2_t3 > img {margin-top:65px;}
.h250 {height:250px;}
.imgbox4_1 {}
.bs2_r {float:right;}
.bs2_l {overflow:hidden; float:left; margin-top:55px;}
.bs2_rt {overflow:hidden;}
.bs2_rb {overflow:hidden;}
.second_img {margin-top:30px;}
.m10 > img {margin-top:10px;}
.greetint3_box1 > p {font-size:19px; color:#333; margin-top:40px; margin-bottom:25px;}
.blit_pdr > img {margin-top:8px; padding-right:5px;}

/*sitemap*/
.site {margin-top:95px !important;}
.site .top-tit {font-weight:500;text-align:center;}
.site-list {overflow:hidden;margin:0 -1.2%;}
.site-list > li {float:left;width:22.5%;margin:0 1.2%;}
.site-menu .tit {min-height:105px;padding:24px 0;padding-right:60px;background:url(../../images/bg_site.gif) no-repeat 100%;font-size:27px;font-weight:700;color:#fff;box-sizing:border-box;}
.site-menu .tit .t2 {font-size:14px;font-weight:600;color:#8992b0;}
.site-menu-list a {display:block;padding-left:25px;background:url(../../images/blit_c.gif) no-repeat 95%;border-bottom:1px solid #ddd;font-size:14;color:#333;line-height:45px; text-align:left;}
.site-menu-list a:hover {font-weight:600;color:#35497E;}
.site-menu-list a.bg {background:url(../../images/blit_c.gif) no-repeat 95%;background-color:#f4faf2;}
.none {display:none;}
.nobd-t {border-top:none !important;}
.btn-pass {display:inline-block;padding:0 10px;padding-top:3px;padding-bottom:4px;color:#fff;min-width:56px;letter-spacing:-1px;}
.btn-1ok,.btn-2ok,.btn-3ok {background:#10458a;}
.btn-passchk {background:#5060b7;}
.btn-ing {background:#0478c2;}
.btn-complete {background:#48a9a8}
.btn-no {background:#999999;}
.slide a {-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
.slide a img {margin-bottom:5px;}
.top-tit {padding-bottom: 15px; font-weight: 500; font-size: 27px; color: #333; margin-bottom:80px;}
.site-list {overflow:hidden; margin:0 -1.2%;}

/*footer*/
.topbtn {position: fixed;bottom: 150px;right:20px;display:none;z-index:99999; }
.pdr_15 {padding-right:15px !important; }