/* main visual */
.main_visual { margin-top:88px; }


/* main content */
.main_content { padding-top:100px; padding-bottom:100px; }
.main_content .content_title { padding-bottom:60px; }
.main_content .content_title h2 { font-size:2.75em; font-family:'Roboto',sans-serif; font-weight:900; text-transform:uppercase; color:#444; text-align:center; }
.main_content .content_title h3 { font-size:1em; text-align:center; padding-top:8px; }
.main_content:first-child { padding-bottom:0px; }
/* .main_content.bg { background-color:#eaefee; } */

.main_board_wrap { overflow:hidden; }
.main_board_wrap:after { display:block; clear:both; content:''; }
.main_board { width:50%; float:left; }
.main_board.notice { padding-right:30px; }
.main_board.report { padding-left:30px; }

.main_board .brd_title { position:relative; padding-bottom:14px; border-bottom:2px solid #444; transition:0.2s; }
.main_board .brd_title h2 { font-size:1.3125em; font-weight:900; }
.main_board .brd_title a { position:absolute; right:0px; bottom:8px; display:block; width:30px; height:30px; background:url('../images/common/btn_more.png') center no-repeat; font-size:0px; text-indent:-99999px; overflow:hidden; transition:0.2s; }
.main_board .brd_title a:hover { background:url('../images/common/btn_more_on.png') center no-repeat; transition:0.2s; }
.main_board .brd_title.on { border-bottom:2px solid #00ac89; transition:0.2s; }

.main_board .brd_list li { border-bottom:1px solid #DDD; }
.main_board .brd_list li a { position:relative; display:block; height:63px; line-height:63px; padding-left:28px; }
.main_board .brd_list li a span.brd_subject { display:block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:0.2s; }
.main_board .brd_list li a span.brd_date { display:block; position:absolute; right:0px; top:0px; padding:0px 16px; font-size:0.9375em; color:#AAA; }
.main_board .brd_list li a:before { position:absolute; left:16px; top:50%; margin-top:-2px; display:block; width:4px; height:4px; background-color:#d2d2d2; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; content:''; }
.main_board .brd_list li a:hover span.brd_subject { color:#0ead8b; transition:0.2s; }


.main_cust { border-top:1px solid #DDD; background-color:#fafafa; }
.main_cust:after { display:block; clear:both; content:''; }
.main_cust li { float:left; width:33.33%; border-right:1px solid #DDD; }
.main_cust li:first-child { border-left:1px solid #DDD; }
.main_cust li a { display:block; min-height:400px; height:100%; padding:80px 20px; text-align:center; }
.main_cust li a h4 { font-size:1.625em; font-weight:900; padding-top:26px; }
.main_cust li a span { display:block; }
.main_cust li a .cust_txt { padding-top:14px; line-height:1.4; word-break:keep-all; transition:0.2s; }
.main_cust li a .cust_call { width:70%; padding:7px 0px 3px; font-size:1.625em; font-weight:900; background-color:#00ac89; color:#FFF; margin:6px auto 0px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; }
.main_cust li a:hover .cust_icon_1, .main_cust li a:hover .cust_icon_3 { background-position-y:-86px; }
.main_cust li a:hover .cust_txt.gray { color:#999; transition:0.2s; }


.bs_wrapBox { display:table; overflow:hidden; }
.bs_wrap { width:49%; display:table-cell; vertical-align:top; }
.bs_wrap:first-child { width:49.6%; }
.bs_wrap .business { position:relative; width:100%; height:100%; }
.bs_wrap .business a { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.bs_wrap .business a .bs_title { position:absolute; bottom:0px; right:0px; padding:24px; z-index:1; color:#FFF; text-align:right; }
.bs_wrap .business a .bs_title span { display:block; visibility:hidden; opacity:0; filter:Alpha(opacity=0); transition:0.1s; }
.bs_wrap .business a .bs_title strong { display:block; font-size:1.625em; font-weight:bold; padding-top:10px; }
.bs_wrap .business a:hover .bs_title span { visibility:visible; opacity:1; transition:0.2s; }
.bs_wrap .business img { width:100%; height:100%; vertical-align:top; }
.bs_wrap .business img.m_bs_thumb { display:none; }
.bs_wrap .business:hover a:before { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/main/business_bg.png') repeat; z-index:0; content:''; }
.bs_wrap .business:hover a:after { position:absolute; left:24px; top:24px; width:29px; height:29px; background:url('../images/main/business_more.png') no-repeat; z-index:2; content:''; }
.bs_wrap.wrapL { padding-right:1%; }
.bs_wrap.wrapL .business a { max-height:710px; }
.bs_wrap.wrapR .business { float:left; }
.bs_wrap.wrapR .business a { max-height:350px; }
.bs_wrap.wrapR .wrapR_1 { width:100%; }
.bs_wrap.wrapR .wrapR_2 { width:49%; margin-left:0; margin-top:2%; }
.bs_wrap.wrapR .wrapR_3 { width:49%; margin-left:2%; margin-top:2%; }
.bs_wrap.bs_wrapR:after { display:block; clear:both; content:''; }


/* sub */
.sub_visual { max-width:1920px; width:100%; height:100%; margin:88px auto 0px; text-align:center; overflow:hidden; }
.sub_visual img { width:100%; }

#sub_nav { position:relative; width:100%; height:51px; background-color:#00ac89; z-index:96; }
#sub_nav .nav > ul:after { display:block; clear:both; content:''; }
#sub_nav .nav > ul > li { position:relative; float:left; height:100%; }
#sub_nav .nav > ul > li > a { display:block; padding-top:18px; padding-bottom:17px; border-right:1px solid #57c6ae; position:relative; }
#sub_nav .nav > ul > li > a.nav_home { width:14px; padding:26px 26px 25px; background:url('../images/common/sub_home.png') center no-repeat; font-size:0px; text-indent:-99999px; overflow:hidden; }
#sub_nav .nav > ul > li:first-child > a { border-left:1px solid #57c6ae; }
#sub_nav .nav > ul > li [class^="sub"] { width:260px; padding-right:50px; padding-left:30px; color:#FFF; transition:0.2s; }
#sub_nav .nav > ul > li [class^="sub"]:after { position:absolute; right:0px; top:0px; width:11px; height:100%; margin-right:24px; background:url('../images/common/sub_arrow.png') center no-repeat; content:''; }
#sub_nav .nav > ul > li [class^="sub"]:hover { color:#fcf7b6; transition:0.2s; }

#sub_nav .nav .depth2 { position:absolute; width:260px; z-index:96; display:none; }
#sub_nav .nav .depth2 { border:1px solid #57c6ae; border-top:0px; }
#sub_nav .nav .depth2 li { border-top:1px solid #e6e6e6; }
#sub_nav .nav .depth2 li a { display:block; height:auto; padding:16px 30px 12px; line-height:1.3; font-size:0.9375em; color:#999; background-color:#FFF; transition:0.2s; }
#sub_nav .nav .depth2 li a:hover,
#sub_nav .nav .depth2 li.on a { color:#0ead8b; background-color:#f6f6f6; transition:0.2s; }
#sub_nav .nav .depth2 li:first-child { border-top:0px; }


#content { position:relative; }
#content.inbox { overflow:hidden; }
#content.sub_content { padding-top:70px; padding-bottom:70px; }
#content .img  { text-align:center; }
#content .m_img  { display:none; text-align:center; }
#content .img img { width:100%;max-width:1200px; height:auto; }
#content .m_img img { width:100%;height:auto; }
#content .brd_div { width:100%;max-width:1200px; height:auto;margin:0 auto; }
 

.product .item_list ul:after { display:block; clear:both; content:''; }
.product .item_list li { position:relative; display:table; float:left; width:33.3%; height:350px; padding:40px 50px; }
.product .item_list li a { display:table-cell; vertical-align:middle; }
.product .item_list li a img { width:100%; height:auto; }
.product .list_page { padding-top:30px; width:100%; margin:0px auto;}
.product .list_page ul { display:block; text-align:center; }
.product .list_page li { display:inline-block; vertical-align:top; }
.product .list_page li a { display:block; width:34px; height:34px; line-height:34px; border:1px solid #e9e9e9; text-align:center; color:#888; font-size:0.8125em; transition:0.2s; }
.product .list_page li a:hover, .product .list_page li.on a { border:1px solid #0c9679; background-color:#0ead8b; color:#FFF; transition:0.2s; }
.product .list_page li a[class^="page_"] { font-size:0px; }
.product .list_page li a[class^="page_"]:hover { background-color:#f6f6f6; border:1px solid #e9e9e9; }
.product .list_page li a.page_prev { background:url('../images/common/list_page_prev.png') center no-repeat; }
.product .list_page li a.page_next { background:url('../images/common/list_page_next.png') center no-repeat; }



/* s1 */
.s1_txt1 { max-width:1200px; margin:0px auto; overflow:hidden; }
.s1_txt1 .thumb { float:left; width:25%; }
.s1_txt1 .thumb img { max-width:100%; }
.s1_txt1 .txt { float:left; width:75%; padding-left:60px; }
.s1_txt1 .title { font-size:1.5em; font-weight:bold; color:#00ac89; line-height:1.4; margin-bottom:14px; }
.s1_txt1 .sign { text-align:right; }
.s1_txt1 p { line-height:1.5; margin-bottom:14px; }