@charset "utf-8";

.color_table li{overflow:hidden;width:50%;float:left}
.color_table li:first-child{width:100%}
.color_table li:nth-child(2){width:49%;margin-right:2%}
.color_table li:nth-child(3){width:49%}
.color_table li .color_box{float:left;width:47.8%;margin-left:4.4%}
.color_table li .color_box:first-of-type{margin-left:0}
.color_table li:first-child .color_box{float:left;width:23.5%;margin-left:2%}
.color_table li:first-child .color_box:first-of-type{margin-left:0}
.color_table li:first-child .color_box.w50{width:49%}
.color_box .color{min-height:50px;padding:10px 5%}
.color_box .color.main1{overflow:hidden;background:linear-gradient(to right,#b2d0ec,#018ccf)}
.color_box .color.main1 p{overflow:hidden;color:#fff}
.color_box .color.main1 p:first-child,.color_box .color_info p:first-child{float:left}
.color_box .color.main1 p:nth-child(2),.color_box .color_info p:nth-child(2){float:right}
.color_box .color.main2{background:#0b60a1}
.color_box .color.main3{background:#038fcd}
.color_box .color.sub1{background:#c5c6c8}
.color_box .color.sub2{background:#afb0b2}
.color_box .color.mat1{background:#929196}
.color_box .color.mat2{background:#9d8853}
.color_box .color_info{overflow:hidden;border:1px solid #e3e3e3;padding:10px 5%;min-height:50px}

/* 대표이사 인사말 */
.ceo{background:url(/images/sub/ceo00.jpg) right top no-repeat;background-size:35%}
.ceo .ceo_txt{width:58%}
.ceo .ceo_txt p{text-align:justify;margin:15px 0}
.ceo .ceo_txt p.color_point{font-size:1.4em;color:#00509c;font-weight:400;line-height:1.2em}
.ceo .ceo_txt p.color_point b{font-weight:600}
.ceo .ceo_txt p.bold{font-size:1.2em;color:#222;font-weight:500}
.ceo .ceo_txt img{display:block}

/* 경영이념 */ 
.manage{position:relative;padding:70px 4.25%;min-height:522px;border:1px solid #eaeaea;color:#333;background-image:url(/images/sub03_04.png);background-position:center 70%/*,left top*/;background-repeat:no-repeat/*,repeat*/}
.manage>p{width:100%;margin:0 auto;text-align:center;font-size:1.5em;font-weight:normal}
.manage>p>strong{font-weight:600}
.manage>div{display:inline-block}
.manage>div>img{position:absolute}
.manage>div>div>strong{display:block;width:72%;margin-bottom:10px;font-size:1.125em;font-weight:500}
.manage>div>div>p, .manage>div>div>ul>li{font-size:0.9375em}
.manage>div.m1>.m1_img{left:42%;top:25.5%}
.manage>div.m1>.m1_txt{position:absolute;left:4.25%;top:33%;width:30.5%;}
.manage>div.m1>.m1_txt>strong{display:block;padding-top:10px;color:#1492d7;}
.manage>div.m2>.m2_img{right:25.26086956521739%;top:58.5%}
.manage>div.m2>.m2_txt{position:absolute;right:4.25%;top:33%;width:18.69565217391304%;text-align:right}
.manage>div.m2>.m2_txt>strong{margin:0 0 10px auto;display:block;padding-top:10px;color:#0fc1c7;}
.manage>div.m3>.m3_img{left:26.26086956521739%;top:59.5%}
.manage>div.m3>.m3_txt{position:absolute;left:4.25%;top:73%;width:18.69565217391304%}
.manage>div.m3>.m3_txt>strong{display:block;padding-top:10px;color:#95c600;}
.manage>div.m4>.m4_img{right:33.26086956521739%;top:58.5%}
.manage>div.m4>.m4_txt{position:absolute;right:4.25%;top:73%;text-align:right}
.manage>div.m4>.m4_txt>strong{width:100%;margin:0 0 10px auto;display:block;padding-top:70px;color:#d26710;}

/* ci소개 */
.ci_bg{width:100%;padding:78px 0;text-align:center;background:url(/images/content/ci_bg.gif) left top repeat}
.ci_btn{margin-top:20px;text-align:right}
.ci_list{overflow:hidden}
.ci_list li{box-sizing:border-box;float:left;width:49%}
.ci_list li:nth-child(2n-1){margin-right:2%}
.ci_list li div{box-sizing:border-box;border:1px solid #e3e3e3}
.ci_list li .sig_box{width:100%;text-align:center;padding:3px 1%;min-height:155px}
.ci_list li .sig_box2{width:100%;text-align:center;padding:3px 1%;min-height:240px}
.ci_list li .logo_box{margin-top:10px;width:100%;text-align:center;padding:15px 5%}
.ci_list li .logo_box:first-of-type{margin-top:0}

/* ci소개2 */

.ci_bg{width:100%;padding:78px 0;text-align:center;background:url(/images/content/ci_bg.gif) left top repeat}
.ci_btn{margin-top:20px;text-align:right}
.ci_list2{overflow:hidden}
.ci_list2 li{box-sizing:border-box;float:left;width:23%;margin:2% 0 0 2%;}
.ci_list2 li:nth-child(4n+1){margin-left:0;clear:both}
.ci_list2 li div{box-sizing:border-box;border:1px solid #e3e3e3}
.ci_list2 li .sig_box{width:100%;text-align:center;padding:10px 3%;min-height:155px}
.ci_list2 li .sig_box2{width:100%;text-align:center;padding:10px 3%;min-height:145px}
.ci_list2 li .logo_box{margin-top:10px;width:100%;text-align:center;padding:15px 5%}
.ci_list2 li .logo_box:first-of-type{margin-top:0}

/* 제지사업 */
.paper_tab{padding:10px 0}
.paper_tab .pb ul{overflow:hidden;margin-top:0px}
.paper_tab .pb ul li{box-sizing:border-box;float:left;border:1px solid #eaeaea;width:48%;height:314px;margin-left:2%;margin-bottom:15px;position:relative;}
.paper_tab .pb ul li div p{width:70%;}
.paper_tab .pb ul li:nth-child(2n){margin-right:0}
.paper_tab .pb ul li:nth-child(2n+1){clear:both;margin-left:0}
.paper_tab .pb ul li div{padding:30px 10%;}
.paper_tab .pb ul li div span{right:0px; bottom:0px;background-color:#00659c; color:#fff; padding:10px 20px;position:absolute;}
.paper_tab .pb ul li strong{display:block;margin-bottom:10px;color:#0886cb;font-size:1.2em}
.paper_tab .pb ul .one{box-sizing:border-box;float:left;border:1px solid #eaeaea;width:100%;height:100px;margin-left:2%;margin-bottom:15px}
.paper_tab .pb ul .one div{padding:30px 4%;}

.paper_tab_bg1{background:url("/images/sub/sub301_bg01.jpg")right no-repeat;}
.paper_tab_bg2{background:url("/images/sub/sub301_bg02.jpg")right no-repeat;}
.paper_tab_bg3{background:url("/images/sub/sub301_bg03.jpg")right no-repeat;}
.paper_tab_bg4{background:url("/images/sub/sub301_bg04.jpg")right no-repeat;}
.paper_tab_bg5{background:url("/images/sub/sub301_bg05.jpg")right no-repeat;}
.paper_tab_bg6{background:url("/images/sub/sub301_bg06.jpg")right no-repeat;}

/* 제지사업 */
.paper_tab_sub{padding:0px 0 30px 20px; border-bottom:1px solid #999; box-sizing:border-box;}
.paper_tab_sub h6 span{padding:3px 10px; background-color:#00509c; color:#fff; line-height:100%; margin:0 0 10px 10px; cursor:pointer; font-size:0.875em;}
.paper_tab_sub .pb ul{overflow:hidden;margin-top:10px}
.paper_tab_sub .pb ul li{box-sizing:border-box;float:left;width:98%;margin-left:2%;margin-bottom:15px; background:url(/images/common/bul_h6.gif)no-repeat left 10px;padding-left:10px;}
.paper_tab_box{padding:15px 20px; box-sizing:border-box; border:5px solid #243a73;}
.paper_tab_box strong{color:#243a73; font-weight:600; font-size:1.563em;}
.paper_tab_box p{font-size:1.125em;}

.sub3tit{width:100%; font-size:1.875em !important; background-color:#efefef; padding:8px 30px !important; box-sizing:border-box; margin-bottom:10px; }
  .tabs {width:auto; height:auto; margin:0px 0px 20px 0px;}
  .tabs ul{width:100%; float:left;}
  .tabs ul li {float:left; line-height:260%; text-align:center; cursor:pointer; width:33.3333333%; box-sizing:border-box; margin:-1px;}
  .btn_over{font-family:'LotteMartDream-L'; height:44px; color:#fff; background-color:#00509c; font-weight:600; box-sizing:border-box;}
  .btn_over a{font-family:'LotteMartDream-L'; height:44px; color:#fff; background-color:#00509c; text-decoration:none; display: block; box-sizing:border-box;}
  .btn_out a{height:44px; color:#999; font-weight:400; background-color:#fff; border:1px solid #999; text-decoration:none; display: block; box-sizing:border-box;}
  .btn_out a:hover{height:44px; color:#fff; background-color:#00509c; font-weight:600; text-decoration:none; display: block; box-sizing:border-box;}
.contents_j{overflow:hidden;}


/* 포토갤러리, tv광고, 지면광고 */
.photo_sel{text-align:right}
.photo_list, .media_list{overflow:hidden;margin-top:20px}
.photo_list li, .media_list li{float:left;width:31.96666666666667%;margin-left:2%;margin-bottom:20px;}
.photo_list li:first-child,.media_list li:first-child{margin-left:0}
.photo_list li:nth-child(3n+1),.media_list li:nth-child(3n+1){margin-left:0;clear:both}
.photo_list li a, .media_list li a{transition:all .2s;text-align:center}
.photo_list li a .photo,.media_list li a .video{position:relative;overflow:hidden}
.photo_list li a>.photo>img{width:100%;height:170px;max-height:228px}
.media_list li a>.video>img{width:100%;height:auto}
.photo_list li a:hover .photo .overbox, .media_list li a:hover .video .overbox{background:rgba(8,134,203,0.5);left:0}
.photo_list li a:hover .photo .overbox img{top:50%;margin-top:-17.5px}
.media_list li a:hover .video .overbox img{left:50%;margin-left:-34px;top:50%;margin-top:-34px}
.photo_list li a strong, .media_list li a strong{display:block;font-size:1em;color:#222;font-weight:normal}
.photo_list li a:hover strong, .media_list li a:hover strong{color:#0886cb}
.photo_list li a p,.media_list li a p{font-size:0.9375em;color:#777}

.photo_list.paper_ad li{width:18%}
.photo_list.paper_ad li:nth-child(3n+1){clear:none;margin-left:2%}
.photo_list.paper_ad li:nth-child(5n+1){clear:both;margin-left:0}

.img_layer{display:none;position:fixed;width:70%;height:65%;z-index:999;text-align:center}
.img_layer>img,.img_layer>video{width:100%;height:auto}
.img_layer>a{position:absolute;right:0;top:-33px}
.img_layer > iframe{width:100%;height:100%;border:0}

.img_layer.type_1{}
.img_layer.type_1>.poster_img{width:100%;height:80%;overflow-y:auto}
.img_layer.type_1>.poster_img>img{width:100%;height:auto}
.img_layer.type_1>.poster_img>a{position:absolute;right:0;top:-33px}

/* 고객센터 */
.top_comment{border:1px solid #e3e3e3;overflow:hidden;margin-bottom:30px;padding:25px 4.347826086956522%}/*40px*/
.top_comment img{float:left;margin-right:5%}
.top_comment strong{display:block;color:#0886cb;font-size:1.25em;margin-bottom:10px;font-weight:400}
.top_comment p{font-size:0.9375em}

.customer_center strong{padding-left:21px;background:url(/images/common/bul_h4.gif) left center no-repeat;display:inline-block;font-size:1.25em;color:#0886cb;font-weight:normal;margin:0 15px 20px 0}

.mail_pop{position:fixed;left:50%;width:48%;margin-left:-24%;top:50%;margin-top:-265px;text-align:left;background:#fff;z-index:9999;padding:15px 1%;border-radius:5px}
.mail_pop h4{margin-top:0}
.mail_pop .scroll_y{height:500px;overflow-y:scroll}
.layer_qna{background:#fff}
.layer_qna tr td{text-align:left !important}
.close_btn{position:absolute;top:-33px;right:0}

.p_tbox{width:45.54347826086957%}
.p_tel{width:11.85%;text-align:center}
.p_content{width:96%}
.mail_id,.mail_addr{width:11.4%}

.inq{margin-top:30px}
.inq .q_txt{border:1px solid #e3e3e3;padding:20px 2.173913043478261%;font-size:0.9375em}
.inq .q_txt.type_1{height:150px;overflow-y:scroll}
.inq .q_txt strong{display:block;color:#222;margin-top:15px}
.inq .q_txt.type_1 strong{background:none;padding-left:0;margin:15px 0 0;font-size:1em}
.inq .q_txt strong:first-child{margin-top:0}
.inq .q_txt ul{margin-left:2%}

/* 입사지원 */
.top_comment>.tc_left{float:left;width:48.5%;margin-right:3%;background:url(/images/common/dotted_vertical.gif) right top repeat-y}
.top_comment>.tc_left>div{float:left}
.top_comment>.tc_left>.tcl_l{width:32%;margin-right:3%}
.top_comment>.tc_left>.tcl_l>img{margin-right:0}
.top_comment>.tc_left>.tcl_r{width:60%}
.top_comment>.tc_left>.tcl_r>a.btn{margin-top:30px}
.top_comment>.tc_right{float:left;width:48.5%;}

.d_day{display:inline-block;width:50px;color:#df4f01;border:1px solid #df4f01;border-radius:15px;margin-left:5px}

/* 채용정보_김혜원_20170526 */
.welfare{overflow:hidden}
.welfare>li{width:100%;overflow:hidden;margin-bottom:20px}
.welfare>li>.icon{float:left;width:20%;text-align:center}
.welfare>li>.icon>img{width:90%}
.text{float:left;width:79%;margin-left:1%;margin-top:4%;border-bottom:1px solid #e1e1e1;min-height:125px}

.hexagon{margin-top:20px;overflow:hidden}
.hexagon li{float:left;width:31.8%;position:relative;text-align:center;margin-left:2%}
.hexagon li:first-child{margin-left:0}
.hexagon_txt{position:absolute;left:10%;top:32%;width:80%;text-align: center}
.hexagon li>div>strong{display:block;color:#222;font-size:1.625em;font-weight:normal;margin-bottom:10px}
.hexagon li>div>p{font-size:0.9375em}

/* 공시정보 */
.gs_box{width:100%;max-width:750px;margin:0 auto}
.gs_iframe{width:100%;max-width:750px;margin:0 auto;border:0}

/* 재무정보_김혜원_20170526 */
.finance_tit{position:relative;min-height:25px}
.unit{position:absolute;right:0;bottom:0;margin-bottom:10px}
.stock_frame{width:100%;height:930px;border:0}

/* 사이트맵_김혜원_20170526 */
div.sitemap_box>ul{overflow:hidden}
div.sitemap_box>ul>li{display:block;float:left;width:22.75%;height:300px;margin-left:3%}
div.sitemap_box>ul>li:nth-child(4n+1){margin-left:0;clear:both}
div.sitemap_box>ul>li>a{display:block;padding:0 0 20px 0;margin-bottom:15px;color:#0886cb;font-size:1.4em;font-weight:400;line-height:18px;border-bottom:2px solid #0886cb;width:100%;background:url(/images/content/arrow.gif)no-repeat right top}
div.sitemap_box>ul>li>a:hover{background:url(/images/content/arrow_ov.gif)no-repeat right top}
div.sitemap_box>ul>li>ul>li{line-height:34px;color:#222;font-weight:normal;padding-left:12px;background:url(/images/common/bul_h6.gif)no-repeat left 15px}
div.sitemap_box>ul>li>ul>li>ul>li{font-size:0.875em}

/* 주요연혁*/
.table08 table {width:100%; margin:60px 0 100px; font-size:14px; border-bottom:1px solid #d8d8d8}
.table08 table .pdt20 {padding-top:20px}
.table08 table .pdb20 {padding-bottom:20px}
.table08 table th {text-align:left; line-height:0.8; border-top:2px solid #0069c1; color:#0069c1; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:30px; vertical-align:top}
.table08 table td {color:#666; line-height:1.2; padding-bottom:10px; padding-left:10px; vertical-align:top}
.table08 table td.align_left {text-align:left; padding-left:20px}
.table08 table td.bt {border-top:1px solid #d8d8d8}
.table08 table td img {padding-right:10px; padding-bottom:10px}

/* 계열사소개 */
.af ul{overflow:hidden;margin-top:15px}
.af ul li{box-sizing:border-box;float:left;border:1px solid #eaeaea;width:49%;margin-left:2%;margin-bottom:15px;transition:all .2s}
.af ul li:nth-child(2n+1){clear:both;margin-left:0}
.af ul li div{padding:20px 8%}
.af ul li:nth-child(2) div{min-height:23px;}
.af ul li strong{display:block;margin-bottom:15px; font-weight: normal; color:#0886cb;font-size:1.5em}
.af ul li dl{overflow:hidden}
.af ul li dl dt{width:22%; float:left; margin-bottom:8px; font-weight: normal; color:#222222;clear:both}
.af ul li dl dd{width:78%;float:left;margin-bottom:8px;color:#555555;}
.icon_link{vertical-align: middle; margin-left: 8px}

/* 오시는길 */
.map{margin-top:15px;border:1px solid #eaeaea}
.map_info{margin-top:20px;margin-bottom:40px;border:1px solid #eaeaea;padding:15px 2%}
.map_info ul{overflow:hidden}
.map_info ul li{float:left;margin-left:2%;width:49%}
.map_info ul li:first-child{margin-left:0}
.map_info img{width:11%;min-width:46px;display:inline-block;margin-right:2%}
.map_info p{width:79%;margin-top:10px;display:inline-block;vertical-align: middle}

/* 부동산개발 */
.font_big{font-size:1.2em}
.tit_align{overflow:hidden}
.plan_box01{overflow:hidden;padding:40px 5%;border:1px solid #eaeaea}
.plan_box01 li{float:left;width:25%;text-align:center;}
.plan_box01 li strong{display:block;margin-top:15px;margin-bottom:10px;color:#222222;font-size:1.2em;font-weight:normal}
.plan_box01 strong span{color:#0886cb}
.plan_box01 li div p{margin-top:10px}
.plan_box01 li .icon_group:before{content:"";display:block;position:relative;top:85px;margin-left:-30px;width:60px;height:4px;background:url(/images/content/plan_icon_line.gif)}
.map_img img{margin-top:20px;margin-bottom:10px}
.map_img p{text-align:center}
.box_gray{padding:40px 5%;border:1px solid #eaeaea;margin:15px 0}
.box_gray strong{display: block;font-weight:normal;color:#222222;font-size:1.5em;text-align:center;margin-top:-10px}
.plan_box02{overflow:hidden;margin-top:20px}
.plan_box02 li{float:left;width:18.4% !important;height:139px;margin-right:2%;padding-right:0 !important}
.plan_box02 li:last-child{margin-right:0}
.plan_box02 .line_bl{background:url(/images/content/plan_circle_01.gif) center top no-repeat !important}
.plan_box02 .line_gr{background:url(/images/content/plan_circle_02.gif) center top no-repeat !important}
.plan_box02 .circle_bl{float:left;padding-top:25%;width:86%;text-align: center}
.plan_box02 .circle_bl p{margin-left:15%;color:#222222;font-weight:normal;font-size:1.05em}
.plan_box02 .dot:before{content:"";display:block;position:absolute;top:50%;margin-left:-16px;width:15px;height:1px;background:url(/images/content/plan_dot.gif) no-repeat}
.box_gray .arrow{display:block;}
.box_gray .arrow img{display:block;margin:15px auto}
.box_gray .arrow .oval{margin:0 auto;width:257px;height:60px;background:url(/images/content/plan_oval.gif)}
.box_gray .arrow .oval p{color:#ffffff;font-weight:normal;font-size:1.05em;line-height:60px;text-align: center}
.plan_box03{overflow:hidden;padding:40px 2%;border:1px solid #eaeaea;margin-bottom:20px}
.plan_box03 .p03_imgbox{float:left}
.plan_box03 .p03_imgbox img{width:50%;}
.plan_box03 .mt_wrap_01{display:block;float:left;width:45%;margin-left:5%;margin-bottom:30px}
.plan_box03 .mt_wrap_01 dl{float:left;width:50%;margin-bottom:10px}
.plan_box03 .mt_wrap_01 strong{display:block;margin-bottom:15px;font-weight:normal;color:#0886cb;font-size:1.5em}
.plan_box03 .mt_wrap_01 dl dt{display:inline-block;float:left;width:23px;height:23px;line-height:23px;background-color:#0886cb;text-align:center;color:#fff;font-weight:normal;font-size:1em}
.plan_box03 .mt_wrap_01 dl dd{float:left;font-size:0.9375em;margin-left:5px}
.plan_box03 .mt_wrap_02{display:block;float:left;width:45%;margin-left:5%}
.plan_box03 .mt_wrap_02 dl{float:left;width:50%;margin-bottom:10px}
.plan_box03 .mt_wrap_02 strong{display:block;margin-bottom:15px;font-weight:normal;color:#0cb7be;font-size:1.5em}
.plan_box03 .mt_wrap_02 dl dt{display:inline-block;float:left;width:23px;height:23px;line-height:23px;background-color:#0cb7be;text-align:center;color:#fff;font-weight:normal;font-size:1em}
.plan_box03 .mt_wrap_02 dl dd{float:left;font-size:0.9375em;margin-left:5px}


/* sd */
.sd_01{display:inline-block;float:left;width:23px;height:23px;line-height:23px;background-color:#0886cb;text-align:center;color:#fff;font-weight:normal;font-size:1em}
/* /sd */

/* 인사제도 */
.box_gray{padding:30px 2%}
.box_gray ul{width:100%}
.box_gray ul li{position:relative;float:left;width:11.86666666666667%;padding-right:5.76%;background:url(/images/content/plan_dot.gif) 90% center no-repeat}
.box_gray ul li:last-child{padding-right:0;background:none}
.box_gray ul li:after{position:absolute;right:5.3%;bottom:-10px;background:url(/images/content/plan_vbar.gif) center top no-repeat;padding-top:13%}
.box_gray ul li .dot_line{position:relative}
.box_gray ul li:last-child .dot_line:after{display:none}
.box_gray ul .tbox{position:absolute;padding-top:28%;width:100%;text-align:center}
.box_gray ul .tbox .p_01{color:#01868a;font-size:0.938em;font-weight:normal;margin-bottom:6px}
.box_gray ul .tbox .p_02{color:#00509c;font-size:0.938em;font-weight:normal;margin-bottom:6px}
.box_gray ul .tbox strong{color:#222;font-size:1.125em}

.work_list{overflow:hidden}
.work_list>li{float:left;width:48%;margin-left:4%}
.work_list>li:first-child{margin-left:0}

/* 채용안내 */
.st{color:#00509c;font-size:2em;margin-bottom:20px}
ul.jb{overflow:hidden;}
ul.jb li{position:relative;float:left;box-sizing:border-box;width:25%;height:220px;padding:5% 5%;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;text-align:center}
ul.jb li:first-child{border-left:1px solid #eaeaea}
ul.jb li:before{content:"";position:absolute;top:50%;margin-top:-20px;left:-1px;width:19px;height:40px;background:url(/images/content/job_arrow.gif)}
ul.jb li:first-child:before{display:none}
ul.jb li .job_icon{text-align:center}
ul.jb li p{display:inline-block;margin-top:20px;font-size:1.3em;font-weight:400}
ul.jb li p strong{color:#00509c;font-weight:400}

/* 생산설비 */
.plan_center{text-align:center; margin:20px 0}
.faq_box{display:block}
.faq_lst{border-top:2px solid #555}
.faq_lst li{position:relative;width:100%;line-height:24px}
.faq_lst li .question{position:relative;overflow:hidden;padding:15px 50px;background:#f7f7f7;border-bottom:1px solid #e1e1e1}
.faq_lst li .question dt{width:15%;float:left;font-weight:normal;color:#222;clear:both}
.faq_lst li .question dd{width:85%;float:left;color:#555}
.faq_lst li .question dd:after{content:'';display:block;position:absolute;right:2%;top:50%;margin-top:-15px;width:30px;height:30px;background-image:url(/images/content/bt_square.gif)}
.faq_lst li.on .question dd:after{content:'';display:block;position:absolute;right:2%;top:50%;margin-top:-15px;width:30px;height:30px;background-image:url(/images/content/bt_square_ov.gif)}
.faq_lst li .answer{display:none;overflow:hidden;padding:30px 50px;background:#fff;border-bottom:1px solid #e1e1e1}
.faq_lst li .answer div strong{display:block;color:#0886cb;font-weight:normal;margin:10px 0 4px}
.faq_lst li .answer div p{margin-left:20px}
.d_txt{height:50px;font-size:1.2em;font-weight:normal;color:#fff;text-align:center;line-height:50px;background-color:#0886cb}
ul.d_pro{overflow:hidden}
ul.d_pro li:last-child{border-right:1px solid #0886cb}
ul.d_pro li{position:relative;float:left;box-sizing:border-box;width:10%;height:180px;padding:4% 0%;border-bottom:1px solid #0886cb;border-left:1px solid #0886cb;text-align:center}
ul.d_pro li:last-child{border-right:1px solid #0886cb}
ul.d_pro li:before{content:"";width:13px;height:28px;position:absolute;top:50%;margin-top:-14px;left:-1px;background:url(/images/content/d_pro_arrow.gif)}
ul.d_pro li:first-child:before{display:none}
ul.d_pro li p{color:#0886cb;font-weight:normal;margin-top:8px}
ul.d_pro li strong{color:#222;font-weight:normal;margin-top:10px}
ul.d_pro2{overflow:hidden}
ul.d_pro2 li:last-child{border-right:1px solid #0886cb}
ul.d_pro2 li{position:relative;float:left;box-sizing:border-box;width:14.28571428571429%;height:180px;padding:4% 2%;border-bottom:1px solid #0886cb;border-left:1px solid #0886cb;text-align:center}
ul.d_pro2 li:last-child{border-right:1px solid #0886cb}
ul.d_pro2 li:before{content:"";width:13px;height:28px;position:absolute;top:50%;margin-top:-14px;left:-1px;background:url(/images/content/d_pro_arrow.gif)}
ul.d_pro2 li:first-child:before{display:none}
ul.d_pro2 li p{color:#0886cb;font-weight:normal;margin-top:8px}
ul.d_pro2 li strong{color:#222;font-weight:normal;margin-top:10px}


/* 지속가능경영 */
p.color_point{font-size:1.1em;color:#00509c;font-weight:400;line-height:1.5em;text-align:left;}
p.color_point b{font-weight:600}
div.mn{margin:30px 0}
p.bd{color:#222;font-weight:normal;margin-bottom:10px}
ul.list.bg{display:inline-block;padding-right:15%;background:url(/images/content/mn_fsc.gif) right top no-repeat}
div.img_col2 img{float:left;width:49.239130434785%;margin-top:30px}
div.img_col2 img:nth-child(even){margin-left:1.52173913043%}
h6.mg{margin-top:30px}
.md_wrap{background:url(/images/content/md_bg.gif) center 27px no-repeat;background-size:71% 100%}
ul.md{display:block;margin:30px 0}
.md1{/*width:26.08695652174%;*/width:269px;height:55px;line-height:55px;background-color:#0886cb;text-align:center;color:#fff;font-weight:500;font-size:1.2em;margin:0 auto}
ul.md_g{overflow:hidden;width:100%;margin:30px 0}
ul.md_g li.md2{float:left;width:29.3%;margin-left:6%;height:305px;background-color:#efefef;text-align:center}
ul.md_g li:first-child{margin-left:0}
span.m_icon{display:block;margin:50px 0 20px 0}
li.md2 strong{color:#0886cb;font-weight:500;font-size:1.2em}
li.md2 ul{color:#222;margin-top:10px}
.md3{width:100%;height:55px;line-height:16px;background-color:#fff;border:1px solid #0886cb;text-align:center;color:#222;margin:0 auto 30px}
.md3 strong{color:#0886cb;font-size:1.2em;margin-right:20px}
.md3 p{margin-top:20px}

/* 지속가능경영_수익창출경영 */
div.mn_wrap{display:block;overflow:hidden;margin-top:15px}
div.mn_icon{float:left;width:15%;}
div.mn_txt{float:left;width:80%;margin:0 0 0 3%}
div.mn_txt strong{color:#222;font-weight:normal}
div.mn_txt ul{margin-top:6px}

/* 지속가능경영_친환경경영 */
div.mn_wrap{display:block;overflow:hidden;margin-top:15px}
div.mn_icon2{float:left;width:15%;margin-top:5px}
div.mn_txt2{float:left;width:80%;margin-left:1%}
div.mn_txt2 strong{font-size:1.1em;font-weight:500}
div.mn_txt2 .t1{color:#6f9107;font-weight:normal}
div.mn_txt2 .t2{color:#0aaaaf;font-weight:normal}
div.mn_txt2 .t3{color:#0886cb;font-weight:normal}
div.mn_txt2 .t4{color:#00509c;font-weight:normal}
div.mn_txt2 ul{margin-top:6px}

/* 지속가능경영_사회공헌활동 */
div.sc_img{margin-top:30px;text-align:center}
ul.sc_wrap{overflow:hidden;width:100%}
li.sc:nth-child(3n+1){margin-left:0;clear:both}
li.sc{box-sizing:border-box;float:left;width:31.96666666666667%;margin:2% 0 0 2%;border:1px solid #eaeaea}
li.sc .i_box{text-align:center;margin-top:25px;min-height:145px}
li.sc .i_box div{margin-bottom:10px}
li.sc .i_box div img{display:block;margin:auto}
li.sc .i_box strong{color:#0886cb;font-size:1.125em}
li.sc .t_box{overflow:hidden;padding:25px 5%;min-height:80px;margin-top:25px;background-color:#f8f8f8;border-top:1px solid #eaeaea}

/* 페이지 맨위로 버튼 */
.page_up{display:none;width:35px;height:35px;position:fixed;right:20px;bottom:160px}

/* 추진방향 */
.ico_home{display:inline-block;margin-left:5px;margin-top:3px}
.ico_home img{width:17px;padding-top:3px}