@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */
 #wrap{min-width:320px; overflow-x:hidden;}
.br{display:block;}
.inr{position:relative; width:100%; max-width:1200px; height:100%; margin:0 auto;}
img{max-width:100%;}

.sub_visual{position:relative; width:100%; height:310px; text-align:center; color:#fff;}
.sub_visual h2{padding-top:90px; font-size:30px; line-height:1.4; font-weight:400; word-break:keep-all;}
.sub_visual h2 span{font-size:18px; font-weight:300;}
.area_lnb{position:absolute; bottom:0; left:50%; width:100%; max-width:1200px; height:80px; margin-left:-600px; background-color:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; z-index:3;}
.area_lnb .home{display:block; width:80px; height:80px; float:left; background:#004f90 url(/images/contents/icon_home.png)no-repeat 50% 50%; background-size:25px 20px; text-indent:-9999px;}
.area_lnb .deth01{display:none; float:left; border-right:1px solid #ddd; box-sizing:border-box;}
.area_lnb *[data-lnb]{position:relative; display:none; min-width:250px; height:100%; line-height:80px; padding:0 30px; text-align:left; font-size:18px;}
.area_lnb *[data-lnb]:before{content:''; display:block; position:absolute; right:30px; top:34px; width:16px; height:10px; background:url(/images/contents/icon_deth.png)no-repeat 50% 50%; background-size:contain;}
.area_lnb .deth01 ul{display:none; text-align:left; background-color:#fff;}
.area_lnb .deth01 ul li{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.area_lnb .deth01 ul li a{display:block; padding:15px 30px;}
.area_lnb .lnb{float:left; width:100%; max-width:1120px; box-sizing:border-box; z-index:20;}
.area_lnb .lnb ul{display:block; background-color:#fff; text-align:left; font-size:0;}
.area_lnb .lnb ul li:first-child{border-left:none;}
.area_lnb .lnb ul li{width:calc(100% / 7); display:inline-block; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; box-sizing:border-box;}
.area_lnb .lnb ul li a{display:block; height:79px; line-height:79px; font-size:16px;}
.area_lnb .lnb ul li a.on{color:#004f90;}
.business .area_lnb .lnb ul li{width:20%;}
.center .area_lnb .lnb ul li{width:33.3333%;}
.community .area_lnb .lnb ul li{width:25%;}

.about{background:url(/images/contents/img_about_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.about2{background:url(/images/contents/img_about2_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.business{background:url(/images/contents/img_busines_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.business2{background:url(/images/contents/img_busines2_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.business3{background:url(/images/contents/img_busines3_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.business4{background:url(/images/contents/img_busines4_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.business5{background:url(/images/contents/img_busines5_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.center{background:url(/images/contents/img_center_bg.jpg)no-repeat 50% 50%; background-size:cover;}
.community{background:url(/images/contents/img_community_bg.jpg)no-repeat 50% 50%; background-size:cover;}

#content{padding:80px 0 160px;}
#content h2{position:relative; display:block; line-height:1; margin-bottom:80px; font-size:28px; color:#222; font-weight:400; text-align:center;}
#content h2:before{content:''; display:block; position:absolute; bottom:-20px; left:50%; width:30px; height:3px; margin-left:-15px; background-color:#004f90;}
.gree_sec01{background-color:#eee;}
.gree_sec01 .imgbox{margin-top:60px;}
.gree_sec01 .imgbox .img{position:absolute; bottom:0; width:250px; height:224px; margin-left:10%; background:url(/images/contents/img_ceo.png)no-repeat 50% 50%; background-size:contain;}
.gree_sec01 .imgbox .txt_box{margin-left:40%; padding:40px 0;}
.gree_sec01 .imgbox .txt_box p{font-size:24px; font-weight:300; word-break:keep-all;}
.gree_sec01 .imgbox .txt_box p > span{font-weight:500;}
.gree_sec01 .imgbox .txt_box > span{display:block; margin-top:15px; font-size:16px; color:#000;}
.gree_sec02{padding:40px 0;}
.gree_sec02 p{padding-bottom:15px; font-size:18px; font-weight:300; word-break:keep-all;}
.gree_sec02 .name{font-weight:500; font-size:16px;}
.about_imgarea{position:absolute; left:-200px; top:100px; width:680px; height:430px; background:url(/images/contents/img_about01.jpg)no-repeat 50% 50%; background-size:cover;}
.about_imgarea:before{content:''; display:block; position:absolute; top:-40px; left:140px; width:400px; height:510px; background-color:#e4e7eb; z-index:-1;}
.about_txtarea{position:relative; width:56%; margin-left:44%; text-align:left;}
.about_txtarea p{line-height:1.8; font-size:16px; font-weight:300; color:#333; word-break:keep-all;}
.history{position:relative; width:40%; margin:60px 0 80px 50%; padding:40px 5%; background-color:#f4f4f4;}
.history:before{content:''; display:block; position:absolute; top:-40px; right:-40px; width:400px; height:440px; background:url(/images/contents/img_about02.jpg)no-repeat 50% 50%; background-size:cover; z-index:-1;}
.history h3{position:relative; margin-bottom:15px; font-size:20px; font-weight:400;}
.history h3:before{content:''; display:block; position:absolute; bottom:-5px; left:0; width:40px; height:2px; background-color:#004f90;}
.history ul li{font-size:16px; font-weight:300;}




.operation_area{position:relative; margin-bottom:160px; text-align:center;}
.operation_area .img01 img{width:100%;}
.operation_area .img02{margin:60px 0;}
.operation_area > p{font-size:20px; font-weight:300; word-break:keep-all;}
/* .operation_area ul{font-size:0;}
.operation_area ul li{display:inline-block; width:33.333%}
.operation_area ul li .operation_img{max-width:360px; width:100%; height:252px; margin:0 auto;}
.operation_area ul li .operation_img.img01{background:url(/images/contents/img_operation01.png)no-repeat 50% 50%; background-size:contain;}
.operation_area ul li .operation_img.img02{background:url(/images/contents/img_operation02.png)no-repeat 50% 50%; background-size:contain;}
.operation_area ul li .operation_img.img03{background:url(/images/contents/img_operation03.png)no-repeat 50% 50%; background-size:contain;} */

.group_area{margin-bottom:80px;}
.group_area .group_img{width:100%; max-width:1028px; height:689px; margin:0 auto; background:url(/images/contents/img_organization.png)no-repeat 50% 50%; background-size:contain;}

.ci_area{position:relative; overflow:hidden; padding:40px 40px 80px; background-color:#f4f4f4;}
.ci_area .ci_img{position:relative; width:100%; max-width:560px; height:300px; float:left; background:url(/images/contents/img_ci_logo.jpg)no-repeat 50% 50%; background-size:cover; border:2px solid #ccc; box-sizing:border-box;}
.ci_area .ci_img > p{position:absolute; bottom:-45px; left:200px; font-size:20px; font-weight:500;}
.ci_area .ci_txt{float:left; width:46%; margin-left:4%; padding-top:100px; text-align:center;}
.ci_area .ci_txt > span{display:block; padding-bottom:10px; color:#004f90; font-size:26px; font-weight:600;}
.ci_area .ci_txt > p{font-size:18px;}
.ci_area .color_box{float:left; width:100%; margin-top:40px; text-align:left;}
.ci_area .color_box ul li{float:left; width:32%; height:70px; margin-right:2%;}
.ci_area .color_box ul li:last-child{margin-right:0;}
.ci_area .color_box .color{display:inline-block; width:70px; height:70px;}
.ci_area .color_box .color_box_txt{display:inline-block; padding-left:5px; vertical-align:top;}
.ci_area .color_box .color_box_txt p{margin:5px 0; color:#444; font-size:16px; font-weight:400;}
.ci_area .color_box .color_box_txt p span{color:#222; font-weight:500;}
.ci_area .color_box .color.color01{background-color:#004f90;}
.ci_area .color_box .color.color02{background-color:#727171;}
.ci_area .color_box .color.color03{background-color:#403a3a;}
.ci_text_area{width:90%; margin:20px auto 80px; text-align:center;}
.ci_text_area p{padding-top:40px; line-height:1.8; font-size:16px; font-weight:300; color:#333; word-break:keep-all;}

.introduction_area h3{margin-bottom:80px; font-size:26px; font-weight:300; word-break:keep-all;}
.introduction_area h3 span{font-weight:500;}
.introduction_area h4{position:relative; display:inline-block; margin-bottom:40px; padding-top:10px; font-size:26px; font-weight:400; color:#222;}
.introduction_area h4:before{content:''; display:block; position:absolute; top:0; left:0; width:25px; height:8px; background:url(/images/contents/icon_h4.png)no-repeat 50% 50%;}
.introduction_area .talent{padding:80px 0; background-color:#f7fbff; text-align:left;}
.introduction_area .talent ul{margin-bottom:140px; font-size:0; text-align:center;}
.introduction_area .talent ul li{position:relative; display:inline-block; width:30%;}
.introduction_area .talent ul li:before{content:''; display:block; position:absolute; top:0; left:50%; width:250px; height:250px; margin-left:-125px; border:10px solid rgba(0,79,144,0.3); border-radius:50%; box-sizing:border-box;}
.introduction_area .talent ul li .talent_txt{margin-top:90px;}
.introduction_area .talent ul li .talent_txt p{font-size:16px; color:#333;}
.introduction_area .talent ul li .talent_txt span{font-size:22px; color:#004f90; font-weight:500;}
.introduction_area .talent p{line-height:1.8; font-size:16px; text-align:center; word-break:keep-all;}
.introduction_area .talent p span{font-weight:500;}
.introduction_area .instit{padding:80px 0; text-align:left;}
.introduction_area .instit .small_tit,
.introduction_area .welfare .small_tit{margin-bottom:40px; font-size:18px; color:#666; font-weight:300; word-break:keep-all;}
.introduction_area .instit ul{position:relative; overflow:hidden;}
.introduction_area .instit ul li{width:30%; float:left; margin-right:5%;}
.introduction_area .instit ul li:last-child{margin-right:0;}
.introduction_area .instit ul li span{display:inline-block; line-height:1; padding:12px; background-color:#051b2e; color:#fff; font-style:italic; font-size:16px; border-radius:50%; box-sizing:border-box;}
.introduction_area .instit ul li h5{margin: 10px 0 20px; font-size:28px; font-family: 'Titillium Web', sans-serif; color:#222;}
.introduction_area .instit ul li p{font-size:15px; color:#333; font-weight:300; word-break:keep-all;}
.introduction_area .welfare{padding:80px 0; text-align:left; background-color:#f4f4f4;}
.introduction_area .welfare ul{overflow:hidden;}
.introduction_area .welfare ul li{width:30%; float:left; margin-right:5%; margin-bottom:40px; text-align:center;}
.introduction_area .welfare ul li:nth-of-type(3){margin-right:0;}
.introduction_area .welfare .welfare_tit > p{display:block; margin:20px 0 10px; font-size:20px;}
.introduction_area .welfare .welfare_tit .icon{display:block; width:43px; height:41px; margin:0 auto;}
.introduction_area .welfare .welfare_tit .icon01{background:url(/images/contents/icon_welfare01.png)no-repeat 50% 50%; background-size:contain;}
.introduction_area .welfare .welfare_tit .icon02{background:url(/images/contents/icon_welfare02.png)no-repeat 50% 50%; background-size:contain;}
.introduction_area .welfare .welfare_tit .icon03{background:url(/images/contents/icon_welfare03.png)no-repeat 50% 50%; background-size:contain;}
.introduction_area .welfare .welfare_tit .icon04{background:url(/images/contents/icon_welfare04.png)no-repeat 50% 50%; background-size:contain;}
.introduction_area .welfare .welfare_tit .icon05{background:url(/images/contents/icon_welfare05.png)no-repeat 50% 50%; background-size:contain;}
.introduction_area .welfare .welfare_txt p{font-size:15px; font-weight:300; word-break:keep-all;}
.introduction_area .process{padding:80px 0; text-align:left;}
.introduction_area .process ul li{margin-bottom:30px;}
.introduction_area .process ul li:last-child{margin-bottom:0;}
.introduction_area .process ul li span{display:inline-block; margin-bottom:8px; font-size:18px; color:#222;}
.introduction_area .process ul li p{position:relative; padding-left:25px; font-size:15px; color:#333; font-weight:300; word-break:keep-all;}
.introduction_area .process ul li p:before{content:''; display:block; position:absolute; top:10px; left:10px; width:10px; height:2px; background-color:#666;}
.introduction_area .process ul li ul{overflow:hidden; margin-top:15px;}
.introduction_area .process ul li ul li:first-child{background-color:#ddd; box-sizing:border-box;}
.introduction_area .process ul li ul li{position:relative; float:left; width:150px; height:150px; line-height:150px; margin-right:50px; background-color:#fff; border-radius:50%; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.introduction_area .process ul li ul li:before{content:''; display:block; position:absolute; top:50%; right:-30px; width:12px; height:8px; margin-top:-4px; background:url(/images/contents/icon_prosecc_arrow.png)no-repeat 50% 50%;}
.introduction_area .process ul li ul li:last-child{background-color:#004f90; color:#fff;}
.introduction_area .process ul li ul li:last-child:before{display:none;}

.management ul{overflow:hidden; margin-bottom:80px;}
.management ul li{width:23%; margin-right:2.666666%; margin-bottom:40px; float:left; border:1px solid #ddd; box-sizing:border-box;}
.management ul li:nth-of-type(4),
.management ul li:nth-of-type(8),
.management ul li:nth-of-type(12),
.management ul li:nth-of-type(16){margin-right:0;}
.management ul li .img_box img{max-width:100%; height:200px;}
.management ul li h3{line-height:1; padding:20px 0; margin:0 20px; border-bottom:1px solid #ddd; font-size:18px; font-family: 'Titillium Web', sans-serif; color:#1a9dd3; letter-spacing:-1px;}
.management ul li p{padding:10px 0; margin:0 20px; text-align:left; border-bottom:1px solid #ddd;}
.management ul li p:last-child{border-bottom:none;}
.management ul li p em{display:inline-block; min-width:80px; padding:5px 0; margin-right:10px; color:#666; font-size:14px; background-color:#ddd; border-radius:15px; font-weight:300; text-align:center;}

.root_daum_roughmap{width:100% !important;}
.map_area{margin:80px 0; text-align:left;}
.map_area table{border-bottom:2px solid #222; box-sizing:border-box;}
.map_area table thead{border-top:2px solid #004f90; border-bottom:1px solid #ddd;}
.map_area table th{padding:15px 0; text-align:center; font-size:20px; background-color:#f7fbff; font-family: 'Titillium Web', sans-serif; font-weight:600;}
.map_area table td{padding:20px 0; font-size:16px; text-align:center; word-break:keep-all;}

.perform{text-align:left;}
.perform .tap_area{font-size:0; text-align:center;}
.perform .tap_area li{display:inline-block; min-width:200px; height:54px; line-height:54px; border:1px solid #ddd; box-sizing:border-box;}
.perform .tap_area li:first-child{border-right:0;}
.perform .tap_area li:nth-of-type(2){border-right:0;}
.perform .tap_area li a{display:block; font-size:14px; color:#666; font-weight:300;}
.perform .tap_area li a.on{color:#fff; background-color:#004f90; font-weight:500;}
.perform .tap_contents{position:relative; padding-top:80px; margin-bottom:80px;}
.perform .tap_contents .perform_list .year dl{overflow:hidden;}
.perform .tap_contents .perform_list .year dl dt{position:relative; float:left; width:11%; line-height:1; font-size:30px; font-family: 'Titillium Web', sans-serif; font-weight:600; color:#000;}
.perform .tap_contents .perform_list .year dl dt:after{content:''; display:block; position:absolute; top:8px; right:-6px; width:11px; height:11px; background:url(/images/contents/icon_history.png)no-repeat 50% 50%;}
.perform .tap_contents .perform_list .year dl dd{float:left; width:85%; padding:0 0 60px 4%; border-left:1px solid #ddd; box-sizing:border-box;}
.perform .tap_contents .perform_list .year:last-child dl dd{padding:0 0 0 4%;}
.perform .tap_contents .perform_list .year dl dd ul li{padding-bottom:5px; font-size:18px; color:#222;}
.perform .tap_contents .perform_list .year dl dd ul li span{display:inline-block; padding-left:5px; font-size:15px; color:#666; font-weight:300;}
.perform .tap_contents .perform_img_list{position:absolute; top:80px; right:0; width:37%;}
.perform .tap_contents .perform_img_list li{position:relative; width:400px; height:200px; margin-bottom:80px; margin-right:40px; padding-top: 20px;}
.perform .tap_contents .perform_img_list li .img{width:100%; height:100%;}
.perform .tap_contents .perform_img_list li .img.img01{background:url(/images/contents/img_history01.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img02{background:url(/images/contents/img_history02.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img03{background:url(/images/contents/img_history03.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img04{background:url(/images/contents/img_history04.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img05{background:url(/images/contents/img_history05.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img06{background:url(/images/contents/img_history06.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img07{background:url(/images/contents/img_history07.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img08{background:url(/images/contents/img_history08.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img09{background:url(/images/contents/img_history09.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img10{background:url(/images/contents/img_history10.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img11{background:url(/images/contents/img_history11.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img12{background:url(/images/contents/img_history12.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img13{background:url(/images/contents/img_history13.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img14{background:url(/images/contents/img_history14.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img15{background:url(/images/contents/img_history15.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img16{background:url(/images/contents/img_history16.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img17{background:url(/images/contents/img_history17.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img18{background:url(/images/contents/img_history18.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img19{background:url(/images/contents/img_history19.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img20{background:url(/images/contents/img_history20.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img21{background:url(/images/contents/img_history21.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img22{background:url(/images/contents/img_history22.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img23{background:url(/images/contents/img_history23.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img24{background:url(/images/contents/img_history24.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img25{background:url(/images/contents/img_history25.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img26{background:url(/images/contents/img_history26.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img27{background:url(/images/contents/img_history21.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img28{background:url(/images/contents/img_history22.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img29{background:url(/images/contents/img_history23.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img30{background:url(/images/contents/img_history24.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img31{background:url(/images/contents/img_history25.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img32{background:url(/images/contents/img_history26.png)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img33{background:url(/images/contents/img_history33.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img34{background:url(/images/contents/img_history34.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img35{background:url(/images/contents/img_history35.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img36{background:url(/images/contents/img_history36.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img37{background:url(/images/contents/img_history37.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img38{background:url(/images/contents/img_history38.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list li .img.img39{background:url(/images/contents/img_history39.jpg)no-repeat 50% 50%; background-size:cover;}
.perform .tap_contents .perform_img_list .style01:before{content:''; display:block; position:absolute; bottom:-40px; right:-40px; width:400px; height:220px; background-color:#f4f4f4; z-index:-1;}



.sub02 h3{position:relative; line-height:1; margin-bottom:30px; font-size:24px; color:#222; font-weight:400; text-align:left;}
.sub02 h3 > span{color:#666; font-size:18px;}
.sub02 h3:before{content:''; display:block; position:absolute; bottom:-10px; left:-25px; width:40px; height:1px; background-color:#666;}
.sub02 .txt_first{line-height:1.6; font-size:16px; font-weight:300; text-align:left; word-break:keep-all;}
.asset .asset_content{padding:80px 0; overflow:hidden; text-align:left;}
.asset .asset_content h4{margin-bottom:15px; font-size:20px; font-weight:400; color:#004f90;}
.asset .asset_content.asset_sec01{margin:40px 0 0; background-color:#f4f4f4;}
.asset .asset_content.asset_sec01 .img_box{background:url(/images/contents/img_asset01.jpg)no-repeat 50% 50%; background-size:cover;}
.asset .asset_content .img_box{position:relative; width:50%; height:350px; float:left;}
.asset .asset_content .txt_box{width:40%; margin:0 5%; float:left;}
.asset .asset_content .txt_box ul li p{line-height:1; margin-bottom:10px; font-size:16px; color:#333; font-weight:300; word-break:keep-all;}
.asset .asset_content .txt_box ul li:last-child p{margin-bottom:0;}
.asset .asset_content .txt_box ul li p:before{content:''; display:inline-block; width:4px; height:4px; margin-top:-2px; margin-right:10px; background-color:#666; border-radius:50%; vertical-align:5px;}
.asset .asset_content.asset_sec02 .img_box{background:url(/images/contents/img_asset02.jpg)no-repeat 50% 50%; background-size:cover;}
.asset .asset_content.asset_sec02 .img_box,
.asset .asset_content.asset_sec04 .img_box{float:right;}
.asset .asset_content.asset_sec03 .img_box{background:url(/images/contents/img_asset03.jpg)no-repeat 50% 50%; background-size:cover;}
.asset .asset_content.asset_sec04 .img_box{background:url(/images/contents/img_asset04.jpg)no-repeat 50% 50%; background-size:cover;}

/* .facility .facility_bg{width:90%; height:340px; margin:0 auto; background:url(/images/contents/img_facility_bg.jpg)no-repeat 50% 50%; background-size:cover;} */
.facility .facility_txt h3:before{content:''; display:block; position:absolute; bottom:-10px; left:-25px; width:40px; height:1px; background-color:#666;}
.facility .facility_txt > p{width:100%; margin:30px 0 60px; color:#444; font-size:16px; font-weight:300; word-break:keep-all;}
.facility .facility_content{margin-top:10px; padding:80px 0; text-align:left; background-color:#f4f4f4; overflow:hidden;}
.facility .facility_content .img_box{position:relative; width:50%; height:350px; float:left;}
.facility .facility_content .img_box.img01{background:url(/images/contents/img_facility01.jpg)no-repeat 50% 50%; background-size:100%;}
.facility .facility_content .img_box.img02{background:url(/images/contents/img_facility02.jpg)no-repeat 50% 50%; background-size:100%;}
.facility .facility_content .img_box.img03{background:url(/images/contents/img_facility03.jpg)no-repeat 50% 50%; background-size:100%;}
.facility .facility_content .img_box.img04{background:url(/images/contents/img_facility04.jpg)no-repeat 50% 50%; background-size:100%;}
.facility .facility_content .img_box.img05{background:url(/images/contents/img_facility05.jpg)no-repeat 50% 50%; background-size:100%;}
.facility .facility_content .txt_area{width:46%; float:left; padding:0px 2%;}
.facility .facility_content.right_style .img_box{float:right !important;}
.facility .facility_content .txt_area h4{display:block; width:100%; margin-top:20px; font-size:20px; color:#004f90; font-weight:400; word-break:keep-all;}
.facility .facility_content .txt_area p{display:block; width:100%; line-height:1.6; margin-top:10px; font-weight:300; font-size:16px; vertical-align:top; word-break:keep-all;}
.facility .facility_content.bg_none{background:none;}

.lease .lease_content{margin:40px 0; padding:40px 0; text-align:left;}
.sub02 .bg_gray{background-color:#f4f4f4;}
.lease .lease_content h4{padding-bottom:10px; font-size:18px; font-weight:400; color:#004f90;}
.lease .lease_content > .inr > p{padding-bottom:40px; font-size:16px; font-weight:300; word-break:keep-all;}
.lease .lease_content .point{display:inline-block; margin-bottom:20px; padding:5px 20px; color:#fff; background-color:#004f90;}
.sub02 .lease_content .list_area{overflow:hidden; padding:40px 40px 10px; border:1px solid #ddd; box-sizing:border-box;}
.sub02 .lease_content .list_area ul{width:50%; float:left; font-size:0;}
.sub02 .lease_content .list_area ul li{display:inline-block; width:100%; min-height:60px; vertical-align:top;}
.sub02 .lease_content .list_area ul li em{display:inline-block; font-size:12px; width:25px; height:25px; line-height:25px; background-color:#333; text-align:center; border-radius:50%; color:#fff; vertical-align:top;}
.sub02 .lease_content ul > li > p{display:inline-block; width:90%; padding-left:10px; font-size:16px;}
.sub02 .lease_content ul > li > p > span{color:#666; font-size:14px; font-weight:300;}

.invest .mrT40{margin-top:40px;}
.invest .invest_content{margin:40px 0; padding:40px 0; text-align:left;}
.invest .invest_content h4{padding-bottom:10px; font-size:18px; font-weight:400; color:#004f90;}
.invest .invest_content p{padding-bottom:20px; font-weight:300; line-height:1.6; word-break:keep-all;}
.invest .invest_content .style01,
.invest .invest_content .style02{margin-top:40px; font-size:0; border:none;}
.invest .invest_content .style01 li{position:relative; display:inline-block; width:20%; height:180px; margin:0 2.5%; text-align:center; vertical-align:top; border-bottom:1px solid #ddd;}
.invest .invest_content .style01 li.fade01{transition:all 0.6s ease-out 0s;}
.invest .invest_content .style01 li.fade02{transition:all 0.6s ease-out 0.2s;}
.invest .invest_content .style01 li.fade03{transition:all 0.6s ease-out 0.4s;}
.invest .invest_content .style01 li.fade04{transition:all 0.6s ease-out 0.6s;}
.invest .invest_content .style01 li .icon,
.invest .invest_content .style02 li .icon{display:block; width:45px; height:50px; margin:0 auto;}
.invest .invest_content .style01 li .icon.icon01{background:url(/images/contents/icon_invest01.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style01 li .icon.icon02{background:url(/images/contents/icon_invest02.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style01 li .icon.icon03{background:url(/images/contents/icon_invest03.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style01 li .icon.icon04{background:url(/images/contents/icon_invest04.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style01 li span,
.invest .invest_content .style02 li span{display:inline-block; margin:10px 0; font-size:16px; color:#222; font-weight:400;}
.invest .invest_content .style01 li p,
.invest .invest_content .style02 li p{font-size:14px; word-break:keep-all;}
.invest .invest_content .style02 li{display:inline-block; width:27.333%; height:180px; margin:0 2.5%; text-align:center; vertical-align:top; border-bottom:1px solid #ddd;}
.invest .invest_content .style02 li .icon.icon01{background:url(/images/contents/icon_invest05.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style02 li .icon.icon02{background:url(/images/contents/icon_invest06.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style02 li .icon.icon03{background:url(/images/contents/icon_invest07.png)no-repeat 50% 50%; background-size:contain;}
.invest .invest_content .style03{padding:40px 40px 10px; font-size:0; border:1px solid #ddd; box-sizing:border-box;}
.invest .invest_content .style03 li{display:inline-block; width:50%; min-height:60px; vertical-align:top;}
.invest .invest_content .style03 li > em{display:inline-block; font-size:12px; width:25px; height:25px; line-height:25px; background-color:#333; text-align:center; border-radius:50%; color:#fff; vertical-align:top;}
.invest .invest_content .style03 li > p{display:inline-block; width:90%; padding-left:10px; font-size:16px;}
.invest .invest_content .style03 li > p > span{color:#666; font-size:14px; font-weight:300;}

.consulting_content{position:relative; padding:40px 0; margin:40px 0;}
.consulting_content.mp_none{padding:0; margin:0;}
.consulting_content:after{content:''; display:block; clear:both;}
.consulting_content .consul_box{width:100%; padding:40px; margin:40px 0; overflow:hidden; text-align:left; border:1px solid #ddd; box-sizing:border-box;}
.consulting_content .consul_box .box{width:45%; padding:0 2.5%; float:left;}
.consulting_content .consul_box h4{margin-bottom:15px; font-size:18px; font-weight:400; color:#004f90;}
.consulting_content .consul_box ul li{margin-bottom:10px;}
.consulting_content .consul_box ul li p{font-size:16px; font-weight:400; word-break:keep-all;}
.consulting_content .consul_box ul li dl{overflow:hidden;}
.consulting_content .consul_box ul li dl dt{width:100%; font-size:16px; font-weight:400;}
.consulting_content .consul_box ul li dl dd{position:relative; width:100%; line-height:1.2; padding:3px 0; font-size:14px; font-weight:300; color:#666;}
.consulting_content .consul_box ul li dl dd:before{content:''; display:inline-block; width:10px; height:1px; margin-right:5px; vertical-align:5px; background-color:#666;}
.consulting_content ul{margin-top:40px; font-size:0;}
.consulting_content ul li{display:inline-block; width:16%; margin:0 2%; text-align:center; border-bottom:1px solid #ddd;}
.consulting_content ul li span{display:inline-block; width:40px; height:40px;}
.consulting_content ul li .icon01{background:url(/images/contents/icon_consulting01.png)no-repeat 50% 50%; background-size:contain;}
.consulting_content ul li .icon02{background:url(/images/contents/icon_consulting02.png)no-repeat 50% 50%; background-size:contain;}
.consulting_content ul li .icon03{background:url(/images/contents/icon_consulting03.png)no-repeat 50% 50%; background-size:contain;}
.consulting_content ul li .icon04{background:url(/images/contents/icon_consulting04.png)no-repeat 50% 50%; background-size:contain;}
.consulting_content ul li .icon05{background:url(/images/contents/icon_consulting05.png)no-repeat 50% 50%; background-size:contain;}
.consulting_content ul li p{padding:10px 0 20px; font-size:16px; font-weight:400;}

*[data-shop-view="addcordion"]{display:none; position:relative; padding:15px; background:#f7f7f7; border:1px solid #c1c1c1; font-size:16px;}
*[data-shop-view="addcordion"]:before,
*[data-shop-view="addcordion"]:after{content:''; display:block; position:absolute; top:50%; width:1px; height:18px; margin-top:-9px; background:#7d7d7d; transition:all 0.5s ease 0s;}
*[data-shop-view="addcordion"]:before{right:25px; transform:rotate(40deg);}
*[data-shop-view="addcordion"]:after{right:36px; transform:rotate(-40deg);}
*[data-shop-view="addcordion"].active,
*[data-shop-view="addcordion"].show{background:#fff; border-color:#8d8d8d; border-bottom-color:#eee;}
*[data-shop-view="addcordion"].active:before,
*[data-shop-view="addcordion"].show:before{transform:rotate(-40deg);}
*[data-shop-view="addcordion"].active:after,
*[data-shop-view="addcordion"].show:after{transform:rotate(40deg);}
*[data-shop-view="addcordion"] em{color:#3d5cd2;}
*[data-shop-view="addcordion_conts"]{display:block;}
*[data-shop-view="addcordion_conts"] + *[data-shop-view="addcordion"]{margin-top:40px;}
*[data-shop-view="addcordion_conts"] .title{margin:40px 0 10px; font-size:18px; color:#2e2e2e;}

@media all and (max-width:1200px){
    .inr{width:94%;}

    .area_lnb{left:0; margin-left:0;}
    .area_lnb .lnb{width:calc(100% - 80px);}
    .area_lnb .lnb ul li:last-child{border-right:1px solid #ddd;}
    .about_imgarea{width:40%; left:0;}
    .about_imgarea:before{left:-40px; top:-40px;}

    .gree_sec02 .br{display:inline-block;}
    .gree_sec03 .br{display: block;}

    .operation_area ul li{width:32%; margin-right:2%;}
    .operation_area ul li:last-child{margin-right:0;}
    .ci_area .ci_img{width:50%; max-width:none; height:280px;}
    .ci_area .ci_img > p{left:35%;}
    .facility .facility_bg{width:100%;}
}

@media all and (max-width:1080px){
    .area_lnb .deth01{display:block;}
    .area_lnb .lnb{width:auto; border-right:1px solid #ddd;}
    .area_lnb *[data-lnb]{display:block;}
    .business .area_lnb .lnb ul li,
    .center .area_lnb .lnb ul li,
    .community .area_lnb .lnb ul li{width:auto;}
    .area_lnb .lnb ul{display:none;}
    .area_lnb .lnb ul li{display:block; width:auto; text-align:left;}
    .area_lnb .lnb ul li:first-child{border-left:1px solid #ddd;}
    .area_lnb .lnb ul li:last-child{border-right:none;}
    .area_lnb .lnb ul li a{padding:15px 30px; height:auto; line-height:1.4; font-size:15px;}
    .area_lnb .lnb ul li a.on{color:#444;}
    .group h2{margin-bottom:40px !important;}
    .group .group_area{margin-bottom:40px;}
    .management ul li{width:30%; margin-right:5%; margin-bottom:40px;}
    .management ul li:nth-of-type(3),
    .management ul li:nth-of-type(6),
    .management ul li:nth-of-type(9){margin-right:0;}
    .management ul li:nth-of-type(4),
    .management ul li:nth-of-type(8){margin-right:5%;}
    .introduction_area .process ul li ul li{width:130px; height:130px; line-height:130px;}

	*[data-shop-view="addcordion"]{display:block;}
	*[data-shop-view="addcordion_conts"]{display:none; padding:15px; border:1px solid #8d8d8d; border-top-width:0px;}
	*[data-shop-view="addcordion_conts"] > .table{margin-top:0px !important;}
	*[data-shop-view="addcordion_conts"] *[data-cart-table="product"]{padding-left:0px !important;}
	*[data-shop-view="addcordion_conts"][data-cart-option="total"]{margin-top:0px;}
	*[data-shop-view="addcordion_conts"] .title{display:none;}
	*[data-shop-view="addcordion"].show + *[data-shop-view="addcordion_conts"]{display:block;}
}

@media all and (max-width:980px){
    .about_imgarea{height:360px;}
    .about_imgarea:before{width:360px; height:460px;}
    .group_area .group_img{height:650px;}
    .ci_area .ci_img{width:60%; height:264px; float:none; margin:0 auto;}
    .ci_area .ci_img p{position:static; padding-top:274px;}
    .ci_area .color_box{width:100%; float:none; margin:40px auto 0; text-align:center;}
    .ci_area .color_box .color_box_txt{text-align:left;}
    .ci_area .color_box .color_box_txt p{font-size:14px;}
    .ci_area .ci_txt{float:none; width:100%; margin-left:0; padding-top:40px;}
    .ci_area .ci_txt > p{word-break:keep-all;}
    .lease .txt_first .br{display:inline-block !important;}
}

@media all and (max-width:950px){
    .invest .invest_content .style01 li{width:45%;}
    .consulting_content ul li{width:29.3333%; margin-bottom:60px;}
    .consulting_content ul li:nth-of-type(4),
    .consulting_content ul li:nth-of-type(5){margin-bottom:0;}
}

@media all and (max-width:900px){
    .introduction_area .talent ul li{width:33.3333%; height:200px;}
    .introduction_area .talent ul li:before{width:200px; height:200px; margin-left:-100px;}
    .introduction_area .talent ul li .talent_txt{margin-top:70px;}
    .perform .tap_contents .perform_img_list{width:40%;}
    .perform .tap_contents .perform_img_list li{width:100%;}
    .perform .tap_contents .perform_img_list .style01:before{width:100%;}
    .perform .tap_contents .perform_img_list .style02{width:100%; float:none;}
    .invest .br{display:inline-block !important;}
    .facility .facility_content .img_box{width:100%; float:none;}
    .facility .facility_content .txt_area{width:100%; float:none;}
    .facility .facility_content.right_style .img_box{float:none !important;}
}

@media all and (max-width:880px){
    .sub_visual{height:270px;}
    .sub_visual h2{padding-top:75px; font-size:20px;}
    .operation_area{margin-bottom:0;}
    .operation_area ul li{width:100%; margin-bottom:80px;}
    .operation_area ul li:last-child{margin-bottom:0;}
    .facility .facility_bg{height:270px;}
    .facility .facility_content .txt_area h4{display:block; width:100%;}
    .facility .facility_content .txt_area p{display:block; width:100%; margin-left:0; margin-top:20px;}
    .lease .lease_content ul li{width:100%; min-height:45px;}
    .gree_sec01 .imgbox .img{margin-left:0;}
    .gree_sec01 .imgbox .txt_box p{font-size:20px;}
    .history{width:90%; margin:40px 0 80px;}
    .sub02 .lease_content .list_area ul{width:100%; float:none;}
}

@media all and (max-width:800px){
    .about_imgarea{position:static; width:90%; margin:0 auto;}
    .about_imgarea:before{height:300px; top:70px;}
    .about_txtarea{width:90%; margin:40px auto 0;}
    .group_area .group_img{height:540px;}
    .perform .tap_contents .perform_img_list .style01:before,
    .perform .tap_contents .perform_img_list .style02:before{display:none;}
    .invest .invest_content .style03 li{width:100%; min-height:45px;}
}

@media all and (max-width:780px){
    #content h2{margin-bottom:60px;}
    .area_lnb *[data-lnb]{min-width:200px;}
    .management ul li{width:48%; margin-right:4%;}
    .management ul li:nth-of-type(2),
    .management ul li:nth-of-type(4),
    .management ul li:nth-of-type(6),
    .management ul li:nth-of-type(8),
    .management ul li:nth-of-type(10),
    .management ul li:nth-of-type(12){margin-right:0;}
    .management ul li:nth-of-type(3),
    .management ul li:nth-of-type(9){margin-right:4%;}
    .consulting_content .consul_box{padding:0 40px;}
    .consulting_content .consul_box .box{width:100%; margin:20px 0; padding:0;}
}

@media all and (max-width:680px){
    .br{display:inline-block;}
    .sub_visual{height:220px;}
    .sub_visual h2{padding:75px 20px 0; font-size:16px;}
    .sub02 h3{font-size:20px;}
    .sub02 h3 > span{font-size:14px;}
    .area_lnb{height:60px;}
    .area_lnb .home{width:60px; height:60px; background-size:20px 18px;}
    .area_lnb *[data-lnb]{min-width:150px; line-height:60px; padding:0 15px; font-size:16px;}
    .area_lnb *[data-lnb]:before{right:15px; top:26px;}
    .area_lnb .deth01 ul li a{padding:15px; font-size:12px;}
    .area_lnb .lnb ul li a{padding:15px; font-size:12px;}
    .gree_sec02 p{font-size:16px;}
    .operation_area img{width:50%;}
    .group_area .group_img{height:480px;}
    .ci_area .ci_img{width:90%;}
    .perform .tap_contents .perform_img_list{display:none;}
    .perform .tap_contents .perform_list .year dl dt{width:20%;}
    .perform .tap_contents .perform_list .year dl dd{width:80%; padding:0 0 60px 10%;}
	.perform .tap_contents .perform_list .year:last-child dl dd{padding:0 0 0 10%;}
    .map_area{margin:40px 0 0;}
    .asset .asset_content{padding:40px 0;}
    .asset .asset_content .img_box{width:100%; float:none;}
    .asset .asset_content .txt_box{width:100%; margin:40px 0 0; float:none;}
    .asset .asset_content.asset_sec02 .img_box,
    .asset .asset_content.asset_sec04 .img_box{float:none;}
    .gree_sec01 .imgbox .txt_box > span{font-size:14px;}
    .gree_sec01 .imgbox .txt_box{margin-left:50%;}
    .operation_area .img02{margin:40px 0;}
    .operation_area > p{font-size:16px;}

	.bbsView.thOne colgroup{display:none;}
	.bbsView.thOne tr{background:#f9fafb;}
	.bbsView.thOne tr:after{content:''; display:block; clear:both;}
	.bbsView.thOne th{clear:left; float:left; width:150px; box-sizing:border-box; background:transparent; border-bottom-width:0px;}
	.bbsView.thOne td{display:block; position:relative; width:calc(100% - 150px); box-sizing:border-box; padding:0px 10px; margin-left:150px; background:#fff;}
	.bbsView.thOne td span{display:inline-block; padding:15px 0px;}
	.bbsView.thOne td:after{content:''; display:table; clear:both;}
	.bbsView.thOne td:before{content:''; display:block; position:absolute; bottom:-1px; left:-150px; width:calc(100% + 150px); height:1px; background:#eaecf1;}
}

@media all and (max-width:640px){
    .area_lnb *[data-lnb]{min-width:170px; padding:0 15px;}
    .area_lnb *[data-lnb]:before{right:15px;}
    .area_lnb .lnb ul li a{padding:15px;}
    .about_imgarea{width:100%;}
    .about_txtarea{width:100%;}
    .group_area .group_img{height:430px;}
    .group .group_area{margin-bottom:0px;}
    .introduction_area .talent ul li{width:100%; margin-bottom:40px;}
    .introduction_area .talent ul li:last-child{margin-bottom:0;}
    .introduction_area .talent ul{margin-bottom:40px;}
    .introduction_area .instit ul li{width:100%; margin-bottom:40px;}
    .introduction_area .instit ul li:last-child{margin-bottom:0;}
    .introduction_area .welfare ul li{width:50%; margin-right:0;}
    .management ul{margin-bottom:0;}
    .perform .tap_area li{min-width:140px;}
    .invest .invest_content .style02 li{width:45%;}
    .facility .facility_content .img_box{height:300px;}
    .ci_area{padding:40px;}
    .ci_area .color_box{text-align:left;}
    .ci_area .color_box ul li{float:none; width:100%; margin-bottom:20px; margin-right:0;}
    .ci_area .ci_txt > p{font-size:14px;}
}

@media all and (max-width:550px){
    .gree_sec01{margin-top:225px;}
    .gree_sec01 .imgbox{text-align:center;}
    .gree_sec01 .imgbox .img{bottom:173px; width:100%; height:200px; margin-left:0;}
    .gree_sec01 .imgbox .txt_box{width:100%; margin-left:0;}
}

@media all and (max-width:490px){
    .sub_visual h2 .br{display:inline-block !important;}
    .area_lnb [data-lnb="gnb"]{min-width:90px; font-size:14px;}
    .area_lnb [data-lnb="sub"]{min-width:150px; font-size:14px;}
    .about_imgarea{height:280px;}
    .about_imgarea:before{height:220px;}
    .group_area .group_img{height:340px;}
    .ci_area .ci_img{width:100%; height:200px;}
    .ci_area .color_box{text-align:left;}
    .ci_area .color_box .color_box_txt p{font-size:14px;}
    .introduction_area .welfare ul li{width:100%;}
    .introduction_area .welfare ul li:last-child{margin-bottom:0;}
    .management ul li{width:100%;}
    .management ul li .img_box img{height:250px;}
    .perform .tap_area li{min-width:120px;}
    .perform .tap_area li a{font-size:12px;}
    .perform .tap_contents .perform_list .year dl dd ul li{font-size:16px;}
    .perform .tap_contents .perform_list .year dl dd ul li span{font-size:12px;}
    .perform .tap_contents .perform_list .year dl dt{width:25%;}
    .perform .tap_contents .perform_list .year dl dd{width:70%; padding:0 0 60px 10%;}
    .map_area table td{font-size:14px;}
    .asset .asset_content .img_box{height:270px;}
    .facility .facility_bg{height:190px;}
    .sub02 .lease_content .list_area{padding:20px 20px 10px;}
    .lease .lease_content ul > li > p{width:80%; padding-left:15px; font-size:14px;}
    .lease .lease_content ul > li > p > span{font-size:12px;}
    .invest .invest_content .style03{padding:20px 20px 10px;}
    .invest .invest_content .style03 li > p{font-size:14px;}
    .invest .invest_content .style03 li > p > span{font-size:12px;}
    .introduction_area .process ul li ul li{display:block; float:none; margin:0 auto 40px;}
    .introduction_area .process ul li ul li:before{bottom:-25px; top:unset; right:50%; margin-right:-6px; transform:rotate(90deg);}
    .consulting_content ul li{width:46%;}
    .facility .facility_content .img_box{height:250px;}

}

@media all and (max-width:430px){
    .ci_area .color_box ul li{height:50px; margin-bottom:20px;}
    .ci_area .color_box .color{width:50px; height:50px;}
    .ci_area .color_box .color_box_txt{padding-left:5px;}
    .lease .lease_content ul > li > p > span{display:block;}
    .perform .tap_contents .perform_list .year dl dd ul li span{display:block;}
    .invest .invest_content .style01 li,
    .invest .invest_content .style02 li{width:100%; height:inherit; margin:0 0 40px;}
    .invest .invest_content .style03 li > p > span{display:block;}
    .asset .asset_content .txt_box ul li p{line-height:1.4;}
    .facility .facility_content{padding:40px 0;}
}

@media all and (max-width:390px){
    .sub02 h3 > span{display:block; margin:5px 0;}
    .area_lnb [data-lnb="gnb"],
    .area_lnb [data-lnb="sub"]{padding:0 10px;}
    .area_lnb [data-lnb="sub"]{min-width:150px; font-size:14px;}
    .area_lnb *[data-lnb]:before{right:10px;}
    .group_area .group_img{height:270px;}

    .operation_area ul li{width:90%; margin-bottom:40px;}
    .ci_area .ci_img{height:210px;}
    .ci_area .ci_img p{padding-top:220px;}
    .ci_area .color_box ul li{height:40px; margin-bottom:20px;}
    .ci_area .color_box .color{width:40px; height:40px;}
    .ci_area .color_box .color_box_txt p{margin:0; font-size:12px;}
    .perform .tap_area li{min-width:100px;}
    .map_area table td{font-size:12px;}
    .invest .invest_content .style03 li > p{width:80%;}
    .gree_sec01 .imgbox .img{bottom:202px;}

}

@media all and (max-width:360px){
    .area_lnb [data-lnb="sub"]{min-width:120px; font-size:12px;}
}