@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200&display=swap'); @font-face { font-family: 'Binggrae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff'); font-weight: normal; font-style: normal; } body {word-break:keep-all;} .wrap_1860 {width:1860px; margin:0px auto;} .wrap_1680 {width:1640px; margin:0px auto;} .wrap_1660 {width:1660px; margin:0px auto;} .wrap_1610 {width:1610px; margin:0px auto;} .wrap_1460 {width:1460px; margin:0px auto;} .wrap_1370 {width:1370px; margin:0px auto;} .wrap_1280 {width:1280px; margin:0px auto;} .wrap_1240 {width:1240px; margin:0px auto;} .wrap_1165 {width:1165px; margin:0px auto;} .flex {display:flex;} .flex.flex-between {justify-content: space-between;} .flex.flex-around {justify-content: space-around;} .flex.align-items-center {align-items:center;} .flex.align-content-center {align-content:center;} .mb-30 {margin-bottom:30px;} .slogan {position:absolute;width:100%;color:#fff;font-family: 'Binggrae';font-size:1.6em;box-sizing:border-box;padding:15px 4% 5px 4%;left:0px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .slogan span {font-size:1.6em;} .slogan .top_snsarea {} .slogan .top_snsarea > a {color:#fff;font-size:1.4em;margin-right:15px;} .slogan .top_snsarea > a:last-child {margin-right:0px;} .scroll .slogan {background-color:#fff;color:#000;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;} .scroll .slogan .top_snsarea > a {color:#000;} .mentlogo {color:#fff;font-family: 'Binggrae';font-size:1.6em;} .mentlogo span {font-weight:bold;} .dataSlider .slick-slide { margin: 0 5px; } .dataSlider .slick-list { margin: 0 -5px; } .dataSlider_cover {position:relative;} .dataSlider_cover .dsc_btn {position:absolute;top:50%;color:#000;z-index:9999;font-size:0px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .dataSlider_cover .dsc_prev {left:-30px;} .dataSlider_cover .dsc_next {right:-40px;} #FixedHeaderArea {position:relative; left:0px; top:0px; width:100%; z-index:50;} #FixedHeaderArea.scroll {position:fixed; border:1px solid #eaeaea; -webkit-box-shadow:0px -2px 10px 0px rgb(0 0 0 / 14%); -moz-box-shadow:0px -2px 10px 0px rgb(0 0 0 / 14%); box-shadow:0px -2px 10px 0px rgb(0 0 0 / 14%);} #header {position:relative; background-color:#fff; box-sizing:border-box;} #header .header_area {position:relative; padding:30px 0px 25px 0px;} #header .header_area > div {position:relative;} #header .header_area > div > a.toplogo {display:inline-block;} #header .header_area > div > .right_area {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #header .header_area > div > .right_area > div {display:inline-block;} #header .header_area > div > .right_area > div > .rmenu {color:#f39800; font-size:1.833em;} #header .header_area > div > .top_menuarea {position:absolute; left:400px; top:50%; z-index:20; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #header .header_area > div > .top_menuarea:after {display:block; content:""; clear:both;} /* #header .header_area > div > .top_menuarea > a {float:left; color:#333; font-size:1.33em; margin-left:94px;} */ #header .header_area > div > .top_menuarea > a {float:left; color:#333; font-size:1.6em; margin-left:94px;} #header .header_area > div > .top_menuarea > a:hover {color:#000;} #header .header_area > div > .top_menuarea > a:first-child {margin-left:0px;} .header_area_mainmenu {position:relative;} .header_area_mainmenu > .area_set {display:none; position:absolute; left:0px; top:0px; width:100%; box-sizing:border-box; padding:40px 0px 45px 0px; background-color:#fff; text-align:center; z-index:20; border-top:1px solid #f4f4f4;} .header_area_mainmenu > .area_set > .area_set_area {display:inline-block;} .header_area_mainmenu > .area_set > .area_set_area > div {position:relative;} .header_area_mainmenu > .area_set > .area_set_area > div > div:after {display:block; content:""; clear:both;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu {position:relative; float:left; width:240px;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .t {margin-bottom:20px;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .t > span {position:relative; display:inline-block; color:#000000; font-size:1.4em; padding-bottom:15px; box-sizing:border-box;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .t > span:after {position:absolute; display:block; content:""; left:50%; bottom:0px; width:20px; height:2px; background-color:#f39200; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .tsub {} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .tsub > a {display:block; color:#383838; font-size:1.3em; margin-bottom:17px; font-weight:300;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .tsub > a:last-child {margin-bottom:0px;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu > .tsub > a:hover {color:#f39200;} .header_area_submenu {position:relative;} .header_area_submenu > .area_set {position:absolute; left:0px; top:0px; width:100%; z-index:20; background:rgb(242 242 242 / 93%); text-align:center;} .header_area_submenu > .area_set > div {display:none;} .header_area_submenu > .area_set > div.active {display:block;} .header_area_submenu > .area_set > div > a {display:inline-block; color:#555555; font-size:1.250em; padding:17px 30px 19px 30px; box-sizing:border-box;} .mo_menu_bar{display:none;} .mo_menu_div{display:none;} #footer {background-color:#fff; padding:40px 0px 50px 0px; box-sizing:border-box;} #footer .footer_area {position:relative; box-sizing:border-box; padding-left:300px;} #footer .footer_area > .flogo {position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #footer .footer_area > .finfo {} #footer .footer_area > .finfo > p {} #footer .footer_area > .finfo > p:after {display:block; content:""; clear:both;} #footer .footer_area > .finfo > p > span {position:relative; display:inline-block; color:#4e4e4e; font-size:1.2em; line-height:2em; box-sizing:border-box; padding-right:15px; margin-right:15px; vertical-align:bottom;} #footer .footer_area > .finfo > p > span:after {position:absolute; display:block; content:""; right:0px; top:50%; width:1px; height:10px; background-color:#6f6f6f; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #footer .footer_area > .finfo > p > span:last-child {padding-right:0px; margin-right:0px;} #footer .footer_area > .finfo > p > span:last-child:after {width:0px;} #footer .footer_area > .finfo > p > span.bigtxt {font-size:1.45em; letter-spacing:-1.0px;} /* #subpage {position:relative; min-height:700px; padding-top:600px;} */ #subpage {position:relative;} #subpage > .subpage_section {margin-bottom:140px;} /* #subpage #subpage_visual {position:absolute; left:0px; top:0px; width:100%;} */ #subpage #subpage_visual {position:relative;} #subpage #subpage_visual > div {position:relative; height:520px;} #subpage #subpage_visual.support > div, #subpage #subpage_visual.ci > div, #subpage #subpage_visual.company > div, #subpage #subpage_visual.chart > div, #subpage #subpage_visual.history > div, #subpage #subpage_visual.vision > div, #subpage #subpage_visual.sj_seta > div, #subpage #subpage_visual.sj_setb > div, #subpage #subpage_visual.sj_setc > div, #subpage #subpage_visual.introduce > div {background:url("../img/homepage/sub_introduce.jpg") center center no-repeat; background-size:cover;} #subpage #subpage_visual.businesst > div, #subpage #subpage_visual.businesst_test > div {background:url("../img/homepage/sub_introduce.jpg") center center no-repeat; background-size:cover;} #subpage #subpage_visual.businesst_ESG > div, #subpage #subpage_visual.businesst1 > div, #subpage #subpage_visual.businesst2 > div, #subpage #subpage_visual.businesst3 > div, #subpage #subpage_visual.businesst4 > div {background:url("../img/homepage/sub_businesst.jpg") center center no-repeat; background-size:cover;} #subpage #subpage_visual.roadmap > div {background:url("../img/homepage/sub_roadmap.jpg") center center no-repeat; background-size:cover;} #subpage #subpage_visual.munnews > div, #subpage #subpage_visual.video > div, #subpage #subpage_visual.publication > div, #subpage #subpage_visual.gallery > div, #subpage #subpage_visual.freeboard > div, #subpage #subpage_visual.sjdata > div, #subpage #subpage_visual.word > div, #subpage #subpage_visual.news > div, #subpage #subpage_visual.notice > div {background:url("../img/homepage/sub_notice.jpg") center center no-repeat; background-size:cover;} #subpage #subpage_visual > div > .subpage_title { position:absolute; top:40%; text-align:center; width:100%; color:#fff; font-size:2.2em; line-height:1.6em; font-weight:400; letter-spacing:-1px;} #subpage #subpage_visual > div > .sub_btm {position:absolute; left:0px; bottom:0px; width:100%;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea {position:relative; background-color:#fff; height:114px;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea:after {position:absolute; display:block; content:""; left:50%; top:-50%; height:100%; width:2px; background-color:#fcae4c; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);} #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth {position:absolute; right:100px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth > span {display:inline-block; vertical-align:middle; font-size:13px; color:#828282; line-height:0px; margin-right:10px;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth > span:last-child {margin-right:0px;} .ingpage_area {text-align:center;} .ingpage_area > img { height:400px; margin-top:50px;} #footer_top {position:relative; background-color:#3b4054; padding:20px 0px 20px 0px; box-sizing:border-box;} .mo_ft_area{display:none;} #footer_top .ft_area {position:relative;} #footer_top .ft_area:after {display:block; content:""; clear:both;} #footer_top .ft_area > a {float:left; font-size:1.2em; color:#c7c9d3; margin-right:40px; font-weight:400;} #footer_top .ft_area > a:last-child {margin-right:0px;} #footer_top .ft_area > .ft_area_ab {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} #footer_top .ft_area > .ft_area_ab:after {display:block; content:""; clear:both;} #footer_top .ft_area > .ft_area_ab > a {position:relative; float:left; font-size:1.2em; color:#c7c9d3; box-sizing:border-box; padding-left:27px; margin-left:27px; font-weight:400;} #footer_top .ft_area > .ft_area_ab > a:after {position:absolute; display:block; content:""; left:0px; top:5px; width:1px; height:70%; background-color:#898c98;} .footer_infotop {margin-bottom:47px;} .footer_infotop .fit_box {position:relative; box-sizing:border-box; border:1px solid #e5e5e5; padding:16px 0px 16px 75px;} .footer_infotop .fit_box > div {position:absolute; left:0px; top:0px; width:50px; height:100%; background:url("../img/homepage/fbtm_info.png") center center no-repeat #707888;} .footer_infotop .fit_box:after {display:block; content:""; clear:both;} .footer_infotop .fit_box > span {position:relative; float:left; font-size:1.250em; color:#6d6d6d; box-sizing:border-box; padding-right:18px; margin-right:15px;} .footer_infotop .fit_box > span:after {position:absolute; display:block; content:""; right:0px; top:50%; width:1px; height:50%; background-color:#959595; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} .footer_infotop .fit_box > span:last-child {margin-right:0px; padding-right:0px;} .footer_infotop .fit_box > span:last-child:after {width:0px;} .sub_contTitleArea {} .sub_contTitleArea .scta_area {box-sizing:border-box; padding:30px 0px 57px 0px;} .sub_contTitleArea .scta_area.btm_line {border-bottom:1px solid #cccccc; margin-bottom:50px; position:relative;} .sub_contTitleArea .scta_area.btm_line.btm_line_no {border-bottom:0px;} .sub_contTitleArea .scta_area:after {display:block; content:""; clear:both;} /* .sub_contTitleArea .scta_area > .title_area {min-width:50%; float:right;} */ .sub_contTitleArea .scta_area > .title_area {min-width:100%; float:right;} .sub_contTitleArea .scta_area > .title_area > .t {} /* .sub_contTitleArea .scta_area > .title_area > .t > span {display:inline-block; vertical-align:baseline;} */ .sub_contTitleArea .scta_area > .title_area > .t > span {display:block; text-align:center; vertical-align:baseline;} /* .sub_contTitleArea .scta_area > .title_area > .t > span.a {color:#333; font-size:3em; line-height:1em; font-weight:700; margin-right:35px; letter-spacing:-2px;} */ /* .sub_contTitleArea .scta_area > .title_area > .t > span.a {color:#333; font-size:3em; line-height:1em; font-weight:700; margin-right:0px; letter-spacing:-2px;} */ .sub_contTitleArea .scta_area > .title_area > .t > span.a {color:#333; font-size:3em; line-height:1em; font-weight:700; margin-right:0px; letter-spacing:-2px; margin-bottom:20px;} .sub_contTitleArea .scta_area > .title_area > .t > span.b { font-weight:900; font-size:6.4em; line-height:1em; color:rgb(51 51 51 / 4%); letter-spacing:-4px;} .sub_contTitleArea .scta_area > .title_area > .s {color:#929292; font-size:1.4em; margin-top:20px;} .section_type {margin-bottom:80px;} .section_type:last-child {margin-bottom:0px;} /* 오시는길 */ .lc_infoarea {} .lc_infoarea > div {margin-bottom:15px;} .lc_infoarea > div:last-child {margin-bottom:0px;} .lc_infoarea > div:after {display:block; content:""; clear:both;} .lc_infoarea > div > div {float:left; margin-right:15px;} .lc_infoarea > div > div:last-child {margin-right:0px;} .lc_infoarea > div > div > span {display:inline-block; vertical-align:middle; font-size:1.667em;} .lc_infoarea > div > div > span.label {position:relative; padding-right:15px; margin-right:15px; font-weight:700; color:#656565;} .lc_infoarea > div > div > span.label:after {position:absolute; display:block; content:""; right:0px; top:50%; width:1px; height:50%; background-color:#909090; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} .lc_infoarea > div > div > span.txt {color:#5e5e5e;} .lc_maparea {} .lc_maparea #daumRoughmapContainer1742271939183, .lc_maparea #daumRoughmapContainer1731018721013, .lc_maparea #daumRoughmapContainer1692153608174, .lc_maparea #daumRoughmapContainer1630576425551 {width:100%;} .root_daum_roughmap .wrap_map {height:500px !important;} .lc_traffic {} .lc_traffic:after {display:block; content:""; clear:both;} .lc_traffic > div {position:relative; width:49%;} .lc_traffic > div.ict_bus {float:left;} .lc_traffic > div.ict_train {float:right;} .lc_traffic > div > p {position:relative; background-color:#fcae4c; color:#fff; text-align:center; margin-bottom:20px;} .lc_traffic > div > p > span {display:inline-block; color:#fff; font-size:1.333em; box-sizing:border-box; font-weight:700; padding:16px 0px 16px 25px;} .lc_traffic > div.ict_bus > p > span {background:url("../img/homepage/ict_bus_img.png") left center no-repeat;} .lc_traffic > div.ict_train > p > span {background:url("../img/homepage/ict_train_img.png") left center no-repeat;} .lc_traffic > div > .ict_traffic_info {} .lc_traffic > div > .ict_traffic_info > .set {margin-bottom:30px;} .lc_traffic > div > .ict_traffic_info > .set:last-child {margin-bottom:0px;} .lc_traffic > div > .ict_traffic_info > .set > div {box-sizing:border-box; position:relative; padding-left:25px; margin-bottom:10px;} .lc_traffic > div > .ict_traffic_info > .set > div > .r {position:absolute; left:0px; top:8px; width:10px; height:10px; border:2px solid #5d5d5d; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .lc_traffic > div > .ict_traffic_info > .set > div > .t {display:inline-block; color:#fff; font-size:1em; line-height:1em; background-color:#898c98; color:#fff; box-sizing:border-box; padding:7px 11px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .lc_traffic > div > .ict_traffic_info > .set > .area {position:relative; font-size:1.250em; color:#5e5e5e; line-height:160%; letter-spacing:-0.4px; word-break:keep-all;} /* 오시는길 */ /* ci */ .bd_infoarea {text-align:center;} .bd_infoarea > .t {color:#0e0e0e; font-size:1.667em; line-height:180%; margin-bottom:30px; font-weight:bold;} .bd_infoarea > .b {color:#848484; font-size:1.500em;} .bd_infoarea > .m {color:#555; font-size:1.500em; line-height:1.6; margin-bottom:15px; text-align:justify;} .bd_filedown {} .bd_filedown > .box {position:relative; box-sizing:border-box; margin-bottom:35px;} .bd_filedown > .box:last-child {margin-bottom:0px;} .bd_filedown > .box > .bg {position:relative; margin-bottom:15px; overflow:hidden; box-sizing:border-box;} .bd_filedown > .box > .bg.seta {padding-left:110px;} .bd_filedown > .box > .bg.seta > span {position:absolute; left:0px; top:10px; color:#484848; font-size:1.3em; font-family:'Noto Serif KR', serif; font-weight:700;} .bd_filedown > .box > .bg > div {position:relative; height:325px;} .bd_filedown > .box > .bg.seta > div {height:188px;} .bd_filedown > .box > .bg > div > img {position:absolute; left:50%; top:50%; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .bd_filedown > .box > .btnarea {text-align:right;} .bd_filedown > .box > .btnarea > a { position:relative; display:inline-block; border:1px solid #d8d8d8; width:220px; height:36px;} .bd_filedown > .box > .btnarea > a > span {position:absolute; left:0px; top:50%; display:inline-block; vertical-align:middle; color:#6f6f6f; font-size:1.1em; width:100%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} .bd_filedown > .box > .btnarea > a > span > img {vertical-align:middle; display:inline-block; line-height:1em; margin-left:10px;} .bd_simbole {} .bd_simbole > .t {margin-bottom:55px;} .bd_simbole > .t > span {color:#484848; font-size:2em; font-weight:bold; letter-spacing:-2px;} .bd_simbole > .bdsb_area {text-align:center;} .bd_simbole > .bdsb_area > .box_area {display:inline-block;} .bd_simbole > .bdsb_area > .box_area:after {display:block; content:""; clear:both;} .bd_simbole > .bdsb_area > .box_area > .box {float:left;} .bd_simbole > .bdsb_area > .box_area > .box:after {display:block; content:""; clear:both;} .bd_simbole > .bdsb_area > .box_area > .box > div {} .bd_simbole > .bdsb_area > .box_area > .box > div:after {display:block; content:""; clear:both;} .bd_simbole > .bdsb_area > .box_area > .box > div > div {float:left; padding:0px 20px; box-sizing:border-box;} .bd_simbole > .bdsb_area > .box_area > .box > div > div.count1 {width:100%;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round {position:relative; display:inline-block; width:186px; height:186px; margin-bottom:35px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round.color1 {background-color:#009fe3;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round.color2 {background-color:#0075be;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round.color3 {background-color:#f39200;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round.color4 {background-color:#dddc00;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round > div {position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round > div > p {color:#fff; font-size:1.333em;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text {} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div {} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p {position:relative; display:inline-block; padding:20px 0px;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p:before {position:absolute; display:block; content:""; left:0px; bottom:0px; width:100%; height:1px; background-color:#d7dbe1;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p:after {display:block; content:""; clear:both;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p.noborder:before {height:0px;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p > span {float:left; font-size:1.333em; color:#7f8b9b; padding-right:10px;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p > span:last-child {padding-right:0px;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p > span > b {margin-right:5px;} .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt {font-size:1.333em; color:#7f8b9b; margin-top:65px;} .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt > span {display:block;} .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt > span.bold_t {margin-bottom:7px;} /* ci */ /* 회원사 */ .pn_area {margin-bottom:80px;} .pn_area:after {display:block; content:""; clear:both;} .pn_area > div {box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:stretch; align-items:stretch;} .pn_area > div > a {width:calc((100% - 100px) / 5); display:flex; flex-flow:column nowrap; justify-content:center; align-items:stretch; border:1px solid #ddd; text-align:center; margin:0 10px 20px; padding:10px 20px; box-sizing:border-box;} .pn_area > div > a > img {max-width:100%;} .pn_area > div > a > span.pn_name {font-size:1.333em; line-height:1.6; padding-top:2px;color:#888;border-top:1px solid #eee;margin-top:10px;} .pn_infoArea {} .pn_infoArea > .set_box {border-top:1px solid #e2e2e2; padding:40px 0px 50px 0px; box-sizing:border-box;} .pn_infoArea > .set_box > div {position:relative; box-sizing:border-box; padding-left:259px;} .pn_infoArea > .set_box > div > .ab_area {position:absolute; left:0px; top:0px;} .pn_infoArea > .set_box > div > .ab_area > p {position:relative; font-size:1.500em; font-weight:500; padding-top:13px;} .pn_infoArea > .set_box > div > .ab_area > p:after {position:absolute; left:0px; top:0px; display:block; content:""; width:24px; height:3px; background-color:#f39200;} .pn_infoArea > .set_box > div > .set_boxCont {} .pn_infoArea > .set_box > div > .set_boxCont > p {position:relative; box-sizing:border-box; font-size:1.333em; color:#393939;} .pn_infoArea > .set_box > div > .set_boxCont > p.dout {padding-left:20px; margin-bottom:17px;} .pn_infoArea > .set_box > div > .set_boxCont > p.dout:last-child {margin-bottom:0px;} .pn_infoArea > .set_box > div > .set_boxCont > p.dout:after {position:absolute; display:block; content:""; left:7px; top:12px; width:3px; height:3px; background-color:#393939;} .pn_infoArea > .set_box > div > .set_boxCont > p.line {} .pn_infoArea > .set_box > div > .set_boxCont > p.line:first-child {font-weight:500; margin-bottom:10px; color:#b36c02;} /* 회원사 */ /* 조직도 */ .oz_area {background:url("../img/homepage/oz_area_img.jpg") 80px center no-repeat;} .oz_area:after {display:block; content:""; clear:both;} .oz_area > .oz_areaContent {float:right; width:50%;} .oz_area > .oz_areaContent > img {width:100%;} .oz_board {} .oz_board > table {/*width:100%; */border-top:2px solid #fcae4c; margin:0 auto; min-width:866px;} .oz_board > table td, .oz_board > table th {border-bottom:1px solid #dedede;} .oz_board > table th { position:relative; font-weight:400; color:#737373; font-size:1.200em; padding:15px 0px; background-color:#f9fafb;} .oz_board > table th:after {position:absolute; display:block; content:""; right:0px; top:50%; width:2px; height:20%; background-color:#dbdbdb; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .oz_board > table th:last-child:after {width:0px;} .oz_board > table td {color:#505050; font-size:1.2em; padding:15px 0px;} .oz_board > table .table_widtha {text-align:center; width:20%;} .oz_board > table .table_widthb {text-align:center; width:20%;} .oz_board > table .table_widthc {text-align:center; width:60%;} .oz_board > table td.table_widthc {text-align:left; padding-left:110px;} .oz_board > table .table_widthd {text-align:center; width:15%;} .oz_board > table td, .oz_board > table th{padding:15px 20px;} /* 조직도 */ /* 연혁 */ .ht_area {} .ht_area > .ht_tabarea {position:relative; margin-bottom:35px;} .ht_area > .ht_tabarea:before {position:absolute; left:0px; bottom:0px; display:block; content:""; clear:both; width:100%; height:1px; background-color:#d5d5d5; z-index:-1;} .ht_area > .ht_tabarea:after {display:block; content:""; clear:both;} .ht_area > .ht_tabarea > a {float:left; background-color:#d5d5d5; color:#fff; font-size:1.333em; box-sizing:border-box; padding:17px 0px; width:145px; text-align:center; margin-right:4px;} .ht_area > .ht_tabarea > a.active {background-color:#e39a3f;} .ht_area > .ht_contarea {} .ht_area > .ht_contarea > .box {box-sizing:border-box; padding:44px 0px 50px 0px;} .ht_area > .ht_contarea > .box:nth-child(odd) {background-color:#f9f9f9;} .ht_area > .ht_contarea > .box > .box_sub {position:relative; box-sizing:border-box; padding-left:250px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set {position:absolute; left:75px; top:5px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set:after {display:block; content:""; clear:both;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set > span {float:left; font-size:3.833em; line-height:1em; font-weight:700; letter-spacing:-2px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set > span.a {color:#ababab;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set > span.b {color:#333333;} .ht_area > .ht_contarea > .box.active > .box_sub > .ab_set > span.b {color:#e39a3f;} .ht_area > .ht_contarea > .box > .box_sub > .box_content {position:relative; box-sizing:border-box; padding:10px 10px 10px 40px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content:after {position:absolute; display:block; content:""; left:0px; top:0px; width:1px; height:100%; background-color:#aaaaaa;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set {position:relative; margin-bottom:32px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set:last-child {margin-bottom:0px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t {} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t > .date {color:#484848; font-weight:900;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t > .title {color:#707070; font-size:1.333em;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea {margin-top:25px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div {margin-bottom:10px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div:last-child {margin-bottom:0px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div:after {display:block; content:""; clear:both;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div > img {float:left; margin-right:20px; max-width:100%;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div > img:last-child {margin-right:0px;} /* 연혁 */ /* 협회인사말 */ .gt_infoarea {margin-bottom:120px;} .gt_infoarea:after {display:block; content:""; clear:both;} .gt_infoarea > div {width:50%;} .gt_infoarea > div.img_areaSet {float:left;} .gt_infoarea > div.img_areaSet > img {max-width:100%;} .gt_infoarea > div.txt_areaSet {float:right;} .gt_infoarea > div.txt_areaSet > .t { box-sizing:border-box; padding:10px 0px; font-size:2.4em; color:#34302c; font-weight:400; letter-spacing:-1px; margin-bottom:28px;} .gt_infoarea > div.txt_areaSet > .tsub {margin-bottom:25px;} .gt_infoarea > div.txt_areaSet > .tsub > .tsub_sec {font-size:1.333em; color:#656566; margin-bottom:20px;} .gt_infoarea > div.txt_areaSet > .tsub > .tsub_sec:last-child {margin-bottom:0px;} .gt_infoarea > div.txt_areaSet > .tsub_sign {text-align:right; padding:0 100px;} .gt_infoarea > div.txt_areaSet > .tsub_sign > div {display:inline-block;} .gt_infoarea > div.txt_areaSet > .tsub_sign > div > span {display:inline-block; vertical-align:middle; font-size:1.333em; color:#656566; margin-left:30px;} .gt_infoarea > div.txt_areaSet > .tsub_sign > div > span > b {color:#252526; margin-left:5px;} .fullbg_typea {box-sizing:border-box; background-color:#f5f5f5; padding:55px 0px 80px 0px; margin-bottom:100px;} .fullbg_typea .sec2_cont {} .fullbg_typea .sec2_cont > .sec2c_title {position:relative; text-align:center; margin-bottom:65px;} .fullbg_typea .sec2_cont > .sec2c_title:before {position:absolute; display:block; content:""; left:0px; top:50%; width:30%; height:1px; background-color:#cccccc; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .fullbg_typea .sec2_cont > .sec2c_title:after {position:absolute; display:block; content:""; right:0px; top:50%; width:30%; height:1px; background-color:#cccccc; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .fullbg_typea .sec2_cont > .sec2c_title > .t {display:inline-block; font-size:1.6em; color:#0e0e0e; letter-spacing:-1px; font-weight:400;} .fullbg_typea .sec2_cont > .sec2c_cont {} .fullbg_typea .sec2_cont > .sec2c_cont:after {display:block; content:""; clear:both;} .fullbg_typea .sec2_cont > .sec2c_cont > div {width:49%; box-sizing:border-box; background-color:#fff; padding:40px 100px;} .fullbg_typea .sec2_cont > .sec2c_cont > div.set_left {float:left;} .fullbg_typea .sec2_cont > .sec2c_cont > div.set_right {float:right;} .fullbg_typea .sec2_cont > .sec2c_cont > div > .t {margin-bottom:20px; text-align:center;} .fullbg_typea .sec2_cont > .sec2c_cont > div > .t > span {display:inline-block; position:relative; font-size:2em; color:#505050; box-sizing:border-box; padding-bottom:24px; font-weight:500;} .fullbg_typea .sec2_cont > .sec2c_cont > div > .t > span:after {position:absolute; display:block; content:""; left:50%; bottom:0px; width:40px; height:1px; background-color:#1c1c1d; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .fullbg_typea .sec2_cont > .sec2c_cont > div > div {font-size:1.250em; line-height:2em; color:#7b7b7b; word-break:keep-all;} .meseat_info {box-sizing:border-box; padding-bottom:90px; margin-bottom:65px; border-bottom:1px solid #cccccc;} .meseat_info > .t {text-align:center; margin-bottom:54px;} .meseat_info > .t > .ta {color:#9b6a37; font-size:1.667em; line-height:1em; margin-bottom:15px;} .meseat_info > .t > .tb {color:#333333; font-size:2.500em; line-height:1em;} .meseat_info > .design_box_area {text-align:center;} .meseat_info > .design_box_area > .design_box {display:inline-block; vertical-align:top; margin:0px 40px; box-sizing:border-box;} .meseat_info > .design_box_area > .design_box > .all_round_area {position:relative; margin-bottom:20px; text-align:center;} .meseat_info > .design_box_area > .design_box > .all_round_area:before {position:absolute; display:block; content:""; left:-19px; top:50%; width:14px; height:2px; background-color:#c6b5a0;} .meseat_info > .design_box_area > .design_box > .all_round_area:after {position:absolute; display:block; content:""; right:-18px; top:50%; width:14px; height:2px; background-color:#c6b5a0;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area {position:relative; width:234px; height:234px; border:2px dashed #e9e9e9; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area:after {position:absolute; display:block; content:""; left:50%; top:-16px; border-left:2px solid #c6b5a0; border-top:2px solid #c6b5a0; border-right:2px solid #c6b5a0; width:260px; height:140px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); border-radius:140px 140px 0px 0px; -moz-border-radius:140px 140px 0px 0px; -webkit-border-radius:140px 140px 0px 0px; } .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area > .ara_area_ab {position:absolute; left:0px; top:50%; text-align:center; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area > .ara_area_ab > .tt {font-size:1.6em; color:#9b6a37;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area > .ara_area_ab > .tta {font-size:1.7em; color:#1c1c1c;} .meseat_info > .design_box_area > .design_box > .all_txt_area { text-align:center; color:#807e7e; font-size:1.3em; line-height:1.7em;} .info_box_area {} .info_box_area > .title_area {} .info_box_area > .title_area > .t {color:#333; font-size:3.5em; font-weight:600; line-height:1.5em; letter-spacing:-0.3px; margin-bottom:20px;} .info_box_area > .title_area > .tsub {color:#807e7e; font-size:1.4em; line-height:1.6em;} .info_box_area > .img_area {} .info_box_area > .img_area:after {display:block; content:""; clear:both;} .info_box_area > .img_area > div {width:50%;} .info_box_area > .img_area > div > img {max-width:100%;} .info_box_area > .img_area > .larea {float:left; margin-top:70px;} .info_box_area > .img_area > .rarea {float:right; text-align:right;} /* 협회인사말 */ .boxshadow { border:1px solid #ebebeb; -webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2); } /* 메세나영상 */ .video_area {} .video_area:after {display:block; content:""; clear:both;} .video_area > .no_data {text-align:center; font-size:1.583em; padding:100px 0px;} .video_area > .rowdata {position:relative; float:left; width:32%;margin-right:2%;margin-bottom:3%;} .video_area > .rowdata:nth-child(3n) {margin-right:0;} .video_area > .rowdata .gallery_set {display:block;overflow:hidden;height:245px; background-position:center center; background-repeat:no-repeat; background-size:cover; } .title_subject {position:relative;display:block;font-size:18px;margin-top:20px;text-align:left;} .title_subject:after {display:block;content:"";clear:both;} .title_subject .t {float:left;width:80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .title_subject .tc {float:right;width:20%;text-align:right;} .video_area > .rowdata img {max-width:100%; width:100%; transition:all 0.3s; } .video_area > .rowdata:hover img {transform:scale(1.1);} /* .video_area > .rowdata {position:relative; float:left; box-sizing:border-box; width:calc(50% - 10px); margin-right:20px; margin-bottom:40px; overflow:hidden;} .video_area > .rowdata:nth-child(2n) {margin-right:0;} .video_area > .rowdata img {max-width:100%; width:100%; transition:all 0.3s;} .video_area > .rowdata:hover img {transform:scale(1.1);} */ .video_viewArea {position:relative; width:100%; padding-bottom: 56.25%;} .video_viewArea iframe {position:absolute; width:100%; height:100%;} /* 메세나영상 */ /* 문화소식 */ .bd_munnews_area {} .bd_munnews_area:after {display:block; content:""; clear:both;} .bd_munnews_area > .no_data {text-align:center; font-size:1.583em; padding:100px 0px;} .bd_munnews_area > .rowdata {position:relative; float:left; box-sizing:border-box; width:23%; height:490px; margin-right:calc(8% / 3); margin-bottom:calc(8% / 3); overflow:hidden;} .bd_munnews_area > .rowdata:nth-child(4n) {margin-right:0px;} .bd_munnews_area > .rowdata.gallery_set {width:31%; height:290px; margin-right:calc(7% / 2); margin-bottom:calc(7% / 2);} .bd_munnews_area > .rowdata.gallery_set:nth-child(3n) {margin-right:0px;} .bd_munnews_area > .rowdata > .chk_box {position:absolute; z-index:50;} .bd_munnews_area > .rowdata > .row_img {position:absolute; left:50%; top:50%; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } .bd_munnews_area > .rowdata > .ab_info {position:absolute; left:0px; bottom:0px; width:100%; height:95px; background-color:rgba(255,255,255,1); z-index:2; padding:17px 27px; box-sizing:border-box; border-top:1px solid #ebebeb; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .bd_munnews_area > .rowdata > .ab_info > div {} .bd_munnews_area > .rowdata > .ab_info > div > .t {color:#111111; font-size:1.583em; letter-spacing:-0.4px; margin-bottom:10px;} .bd_munnews_area > .rowdata > .ab_info > div > .set_info {} .bd_munnews_area > .rowdata > .ab_info > div > .set_info:after {display:block; content:""; clear:both;} .bd_munnews_area > .rowdata > .ab_info > div > .set_info > span {color:#9b9b9b; font-size:1.250em;} .bd_munnews_area > .rowdata > .ab_info > div > .set_info > span.left {float:left;} .bd_munnews_area > .rowdata > .ab_info > div > .set_info > span.right {float:right;} .bd_munnews_area > .rowdata.active > .ab_info {height:100%; background-color:rgba(0,0,0,0.7);} .bd_munnews_area > .rowdata.active > .ab_info > div {position:absolute; left:0px; top:50%; width:100%; z-index:99; box-sizing:border-box; padding:0px 30px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .bd_munnews_area > .rowdata.active > .ab_info > div > .t {color:#fff;} .bd_munnews_area > .rowdata.active > .ab_info > div > .set_info > span {display:block; color:#fff;} .bd_munnews_area > .rowdata.active > .ab_info > div > .set_info > span.left {float:none;} .bd_munnews_area > .rowdata.active > .ab_info > div > .set_info > span.right {float:none;} /* 문화소식 */ /* ESG */ .businesst_ESG_sectiona {text-align:center;} .businesst_ESG_sectiona .esg_logo {display:inline-block; padding:4% 10%; border:1px solid #ddd;} .businesst_ESG_sectiona .esg_logo > img {width:100%;} .businesst_ESG_sectiona .esg_logo p.t {font-size:1.583em; margin-top:10px; line-height:1.8; color:#999;} .businesst_ESG_sectiona .esg_logo p.b {font-weight:600; font-size:2.5em; margin-top:30px; line-height:1; color:#333;} .businesst_ESG_sectiona .esg_logo p.b .color {color:#e98f15;} .businesst_ESG_sectionb {margin-top:100px;} .businesst_ESG_sectionb .tt {font-size:2.5em; font-weight:bold; line-height:1.4; margin-bottom:20px;} .businesst_ESG_sectionb .tt .color1 {color:#1a94d2;} .businesst_ESG_sectionb .tt .color2 {color:#f39200;} .businesst_ESG_sectionb .list_set {width:100%; display:flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:60px; border-bottom:2px solid #f39200;} .businesst_ESG_sectionb .list_set ul {width:50%;box-sizing:Border-box;padding:0px 50px;} .businesst_ESG_sectionb .list_set ul li {font-size:1.5em; margin-bottom:8px; line-height:1.6;} .businesst_ESG_sectionb .list_set ul.list1 {text-align:right;} .businesst_ESG_sectionb .list_set div.innerbox {display:inline-block;} .businesst_ESG_sectionb .list_set ul.list1 div.innerbox {text-align:left;} .businesst_ESG_sectionc .ten_set {position:relative;margin-top:60px;box-sizing:border-box;padding-left:130px;} .businesst_ESG_sectionc .ten_set:after {display:block;content:"";clear:both;} .businesst_ESG_sectionc .ten_set > div {float:left;} .businesst_ESG_sectionc .ten_set > div.left {position:absolute;left:0px;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .businesst_ESG_sectionc .ten_set > div.right {} .businesst_ESG_sectionc .ten_set .t {font-size:2em; font-weight:bold; margin-bottom:10px;color: #f39200;} .businesst_ESG_sectionc .ten_set .t span.num { position:relative; font-size: 3.2em; line-height: 1; color: #f39200; margin-right: 8px; } .businesst_ESG_sectionc .ten_set .t span.num > label {color:#c8c8c8;position:absolute;} .businesst_ESG_sectionc .ten_set .b {font-size:15px; line-height:1.8; font-weight:300; word-break:break-all;} /* ESG */ /* 기업과 예술의 만남 */ .parallax_area {width:100%; height:370px; background-image:url("../img/homepage/parallax_set1.jpg"); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; } .businesst1_sectiona {background-color:#f5f5f5; padding:60px 0px 115px 0px; box-sizing:border-box;} .businesst1_sectiona .b1sa_area {} .businesst1_sectiona .b1sa_area > .secarea {margin-bottom:44px;} .businesst1_sectiona .b1sa_area > .secarea:last-child {margin-bottom:0px;} .businesst1_sectiona .b1sa_area > .secarea > .seca {border-bottom:1px solid #cfcfcf;} .businesst1_sectiona .b1sa_area > .secarea > .seca > p {box-sizing:border-box;} .businesst1_sectiona .b1sa_area > .secarea > .seca > .t { padding:20px 40px; background-color:#f49200; color:#fff; font-size:2.40em; letter-spacing:-1px; font-weight:300;} .businesst1_sectiona .b1sa_area > .secarea > .seca > .tsub {padding:23px 20px 23px 40px; color:#6d6d6d; font-weight:300; font-size:1.500em;} .businesst1_sectiona .b1sa_area > .secarea > .stitle {position:relative; box-sizing:border-box; padding:0px 0px 0px 22px; font-size:2.500em; color:#666765; font-weight:600; margin-bottom:24px;} .businesst1_sectiona .b1sa_area > .secarea > .stitle:after {position:absolute; left:0px; top:50%; display:block; content:""; width:10px; height:10px; border:2px solid #666765; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .businesst1_sectiona .b1sa_area > .secarea > .depth {box-sizing:border-box; padding:0px 20px 0px 20px;} .businesst1_sectiona .b1sa_area > .secarea > .depth > p {color:#414141; font-size:1.500em; line-height:1.533em; padding:8px 0px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img {} .businesst1_sectiona .b1sa_area > .secarea > .depth_img:after {display:block; content:""; clear:both;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div {position:relative; float:left; width:32%; margin-right:calc(4% / 2); box-sizing:border-box; height:540px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div:last-child {margin-right:0px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > .dimg_seta {background:url("../img/homepage/dimg_seta.jpg") center center no-repeat; background-size:cover;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > .dimg_setb {background:url("../img/homepage/dimg_setb.jpg") center center no-repeat; background-size:cover;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > .dimg_setc {background:url("../img/homepage/dimg_setc.jpg") center center no-repeat; background-size:cover;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set {position:absolute; left:0px; top:345px; width:100%; box-sizing:border-box; padding:0px 35px; color:#fff;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set > .t {font-size:2em; font-weight:bold; margin-bottom:15px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set > .tsub {font-size:1.4em; line-height:1.5em;} .businesst1_sectionb {position:relative; background-color:#fff; box-sizing:border-box; padding-top:100px;} .businesst1_sectionb .bsb_toparea {text-align:center; margin-bottom:90px;} .businesst1_sectionb .bsb_toparea > .t {color:#1c1c1d; font-size:2.500em; margin-bottom:22px; font-weight:bold;} .businesst1_sectionb .bsb_toparea > .tsub {color:#808080; font-size:1.3em; line-height:1.882em;} .businesst1_sectionb .bsb_imgarea {} .businesst1_sectionb .bsb_imgarea:after {display:block; content:""; clear:both;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area {float:left; width:32%; box-sizing:border-box;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area.area_center {margin:0px calc(4% / 2);} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_seta {height:226px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_setb {height:580px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .imgset {position:relative; overflow:hidden;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_01 {background:url("../img/homepage/img_01_new.jpg") center center no-repeat; background-size:cover;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_02 {background:url("../img/homepage/img_02_new.jpg") center center no-repeat; background-size:cover;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_03 {background:url("../img/homepage/img_03_new.jpg") center center no-repeat; background-size:cover;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_04 {background:url("../img/homepage/img_04_new.jpg") center center no-repeat; background-size:cover;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_05 {background:url("../img/homepage/img_05_new.jpg") center center no-repeat; background-size:cover;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area > .toparea {} .businesst1_sectionb .bsb_imgarea > div.bsbi_area > .btmarea {} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea {text-align:center; height:128px; box-sizing:border-box; padding:28px 20px 0px 20px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea > .t {color:#939393; font-size:1.2em; line-height:1em; margin-bottom:15px; letter-spacing:-0.5px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea > .ttitle {color:#686868; font-size:1.5em; line-height:1em; font-weight:bold; letter-spacing:-1.5px;} /* 기업과 예술의 만남 */ /* 예술지원 매칭펀드 */ .businesst2_sectiona {text-align:center;} .businesst2_sectiona img.businesst2_icon {display:block; margin:0 auto 30px;} .businesst2_sectiona .top_area {display:inline-block; padding:4% 6%; border:1px solid #ddd;} .businesst2_sectiona .top_area p.t {font-size:1.333em; line-height:1.8;} .businesst2_sectionb {margin-top:50px;} .businesst2_sectionb table.main {width:100%; border-top:2px solid #f39200; border-bottom:2px solid #f39200; font-size:1.333em; line-height:1.7; border-collapse:collapse; border-spacing:0;} .businesst2_sectionb table.main > tbody > tr > th {width:250px; background:#fff5e5; border-bottom:1px solid #ccc; font-size:1.1em; padding:25px;} .businesst2_sectionb table.main > tbody > tr > td {width:calc(100% - 250px); border-bottom:1px solid #ccc; padding:25px;} .businesst2_sectionb table.main > tbody > tr:last-child > th, .businesst2_sectionb table.main > tbody > tr:last-child > td {border-bottom:0;} .businesst2_sectionb table.main p.tt {font-weight:bold; margin-top:20px;} .businesst2_sectionb table.main p.tt.f {margin-top:0;} .businesst2_sectionb table.main .tip {color:red;} .businesst2_sectionb table.main p.list {position:relative; padding-left:15px;} .businesst2_sectionb table.main p.list:before {content:'- '; position:absolute; left:0;} .businesst2_sectionb table.main p.list:after {display:block;content:"";clear:both;} .businesst2_sectionb table.main p.list > span {float:left;line-height:1.6em;word-break:keep-all;} .businesst2_sectionb table.main p.list > span:first-child {width:80px;} .businesst2_sectionb table.main p.list > span:last-child {width:calc(100% - 80px);} .businesst2_sectionb table.main p {margin-bottom:2px;} .businesst2_sectionb table.sub {width:100%; text-align:center; border-collapse:collapse; border-spacing:0; margin-bottom:20px;} .businesst2_sectionb table.sub tr *:first-child {border-left:0;} .businesst2_sectionb table.sub tr *:last-child {border-right:0;} .businesst2_sectionb table.sub th {padding:5px 10px; border:1px solid #333;} .businesst2_sectionb table.sub td {padding:5px 10px; border:1px solid #333;} .businesst2_sectionc {margin-top:100px; padding:80px 0; background:#f5f5f5;} .businesst2_sectionc .tt {font-size:2.5em; font-weight:bold; margin-bottom:40px; text-align:center;} .businesst2_sectionc .step_area {padding:20px 20px 0; margin-bottom:80px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;} .businesst2_sectionc .step_area .step_box {position:relative; width:300px;display:flex; flex-flow:row nowrap; font-size:1.333em; margin-bottom:20px;} .businesst2_sectionc .step_area .step_box div {position:relative;width:200px; height:200px; background:#fff; border-radius:50%; border:1px dashed #f39200; overflow:hidden; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;} .businesst2_sectionc .step_area .step_box:before {content:'▶'; width:100px; height:200px; color:#f39200; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;} .businesst2_sectionc .step_area .step_box:first-child {width:200px;} .businesst2_sectionc .step_area .step_box:first-child:before {display:none;} .businesst2_sectionc .step_area .step_box div img {margin:10px 0 5px;} .businesst2_sectionc .step_area .step_box div p {font-weight:500; line-height:1.8;} .businesst2_sectionc .ref_area {width:100%; background:#fff; border:1px solid #ddd; padding:40px;} .businesst2_sectionc .ref_area p.tt {text-align:left; font-size:2em; margin-bottom:20px;} .businesst2_sectionc .ref_area p.list {position:relative; padding-left:15px; font-size:1.333em; line-height:1.7; margin-bottom:2px;} .businesst2_sectionc .ref_area p.list:before {content:'- '; position:absolute; left:0;} .businesst2_sectionc .ref_area p.list br.m_br {display:none;} .businesst2_sectiond {margin-top:30px;} .businesst2_sectiond .tt_wrap {margin-bottom:20px; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end;} .businesst2_sectiond .tt_wrap .tt {font-size:2.5em; font-weight:bold;} .businesst2_sectiond .tt_wrap select {font-size:1.333em; lien-height:1.8; border:0; border-bottom:1px solid #333; outline:0; padding:2px 20px 5px 5px;} .businesst2_sectiond .year_area {width:100%; padding:40px 40px 20px; background:#f5f5f5;} .businesst2_sectiond .year_area .yarea_box { display:none; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; font-size:1.333em; line-height:1.7; text-align:center; } .businesst2_sectiond .year_area .yarea_box > ul {position:relative; width:calc(50% - 20px); display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; } .businesst2_sectiond .year_area .yarea_box > ul > li {position:relative;width:calc(50% - 40px);} .businesst2_sectiond .year_area .yarea_box > ul > .add_image { position: absolute; top: 0px; height: 60px; background-color: #f5f5f5; left:50%; width: 80px; text-align: center; z-index: 1; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .businesst2_sectiond .year_area .yarea_box > ul > .add_image > img {height:60px;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a {} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_b {} .businesst2_sectiond .year_area .yarea_box > ul > li strong {width:100%; height:60px; margin-bottom:20px; font-size:1.1em; line-height:1; color:#fff; display:flex; justify-content:center; align-items:center;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a strong {background:#dd8500;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_b strong {background:#0b6197;} .businesst2_sectiond .year_area .yarea_box > ul > li li {position:relative; width:100%; height:60px; background:#fff; border:1px dashed; margin-bottom:20px; display:flex; justify-content:center; align-items:center;} .businesst2_sectiond .year_area .yarea_box > ul > li li.x2 {height:140px;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a li {border-color:#dd8500; color:#dd8500;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_b li {border-color:#0b6197; color:#0b6197;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a li:after { content: ''; position: absolute; left: -95px; top: 30px; display: block; width: 110px; height: 1px; background: linear-gradient(90deg, #0b6197, #dd8500); } .businesst2_sectiona br.m_br, .businesst2_sectionb br.m_br, .businesst2_sectionc br.m_br, .businesst2_sectiond br.m_br {display:none;} /* 예술지원 매칭펀드 */ /* 세종메세나 콘서트 */ .businesst3_section .bs_toparea {text-align:center;margin-bottom:90px;} .businesst3_section .bs_toparea > .t {color:#1c1c1d;font-size:2.5em;margin-bottom:80px;font-weight:bold;} .businesst3_section .bs_toparea > .tsub {color:#808080; font-size:1.333em;line-height:1.8;} .businesst3_section .bs_toparea > .tsub p {margin-bottom:20px;font-size:1.25em;} .businesst3_section .bs_imgarea:after {display:block;content:"";clear:both;} .businesst3_section .bs_imgarea .img_main {margin-bottom:20px;} .businesst3_section .bs_imgarea .img_main img {width:100%;} .businesst3_section .bs_imgarea .img img {width:calc(50% - 10px);margin-bottom:20px;} .businesst3_section .bs_imgarea .img img:nth-child(even) {float:left;} .businesst3_section .bs_imgarea .img img:nth-child(odd) {float:right;} /* 세종메세나 콘서트 */ /* 월간 세종메세나 */ .publication_area {border-top:2px solid #f49200; border-bottom:2px solid #f49200;} .publication_area:after {display:block; content:""; clear:both;} .publication_area > .no_data {text-align:center; font-size:1.583em; padding:100px 0px;} .publication_area .gallery_set {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; padding:40px 30px; border-bottom:1px solid #ccc;} .publication_area .gallery_set a.thumb {position:relative; width:380px; height:380px; display:block; overflow:hidden;text-align:center;} .publication_area .gallery_set a.thumb .chk_box {position:absolute; top:0; left:0;} .publication_area .gallery_set a.thumb img {max-width:100%;height:100%; border:1px solid #ccc;} .publication_area .gallery_set .ab_info {width:calc(100% - 380px); height:380px; padding:10px 10px 0 30px; color:#2d2d2d; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch;} .publication_area .gallery_set .ab_info .adif_left {width:170px; display:flex; flex-flow:column; justify-content:space-between; align-items:flex-start;} .publication_area .gallery_set .ab_info .adif_left p {font-weight:bold; font-size:18px; line-height:1.5;} .publication_area .gallery_set .ab_info .adif_left p.view {margin-top:20px;} .publication_area .gallery_set .ab_info .adif_left a.pdf {width:100%; text-align:center; padding:10px; display:block; background:#333; color:#fff; font-weight:bold; font-size:15px; line-height:1;} .publication_area .gallery_set .ab_info .adif_left a.pdf img {margin-right:10px;} .publication_area .gallery_set .ab_info .adif_right {width:calc(100% - 170px); padding-left:80px; overflow-y:auto;} .publication_area .gallery_set .ab_info .adif_right::-webkit-scrollbar {width:6px;} .publication_area .gallery_set .ab_info .adif_right::-webkit-scrollbar-track {background-color:transparent;} .publication_area .gallery_set .ab_info .adif_right::-webkit-scrollbar-thumb {border-radius:3px; background-color:gray;} .publication_area .gallery_set .ab_info .adif_right::-webkit-scrollbar-button {width:0; height:0;} .publication_area .gallery_set .ab_info .adif_right .info_group {width:100%;} .info_group {font-size:15px; margin-bottom:20px;} .info_group:last-child {margin-bottom:0;} .info_group p.t {font-weight:bold; margin-bottom:10px;} .info_group .b ul.list li {margin-bottom:10px;} .info_group .b ul.list.ver1 > li > p {position:relative; padding-left:15px;} .info_group .b ul.list.ver1 > li > p:before {content:'ㆍ'; display:block; position:absolute; left:0;} .info_group .b ul.list.ver2 {padding-left:20px;} .info_group .b ul.list.ver2 > li {margin-top:5px;} .info_group .b ul.list.ver2 > li > p {position:relative; padding-left:12px;} .info_group .b ul.list.ver2 > li > p:before {content:'-'; display:block; position:absolute; left:0;} /* 월간 세종메세나 */ /* 기본게시판 */ .tbl_head01 { font-size:1.500em; } .tbl_wrap table { position:relative; border-spacing:0 0px; background:#fff; border-top:0px solid #ececec; border-bottom:0px solid #ececec; } .tbl_wrap table:after {position:absolute; display:block; content:""; left:0px; top:0px; width:100%; height:2px; background-color:#fcae4c;} .tbl_head01 thead th { padding:27px 0px 25px 0px; border-bottom:1px solid #dedede; height:auto; background-color:#f9fafb; } .tbl_head01 td { font-size:0.944em; color:#505050; padding:23px 10px 21px 10px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; line-height:1em; height:auto; word-break:break-all; } .bo_tit a { color:#505050 !important; } .sv_member { color:#505050; } #bo_list tbody tr:hover {border-left:2px solid #fcae4c;} #bo_list .td_name { width:110px; text-align:center; padding:0px 0; } #bo_list .td_num { width:80px; } #bo_list .td_datetime { width:120px; } /* 기본게시판 */ /* 메인 */ .main_sec {position:relative; box-sizing:border-box;} .main_sec.typet {background-color:#fff;} .main_sec .visual_area {position:relative;} .main_sec .visual_area > .imgarea {position:relative;} .main_sec .visual_area > .imgarea > img {max-width:100%;} .main_sec .visual_area > .visual_txtarea {position:absolute; z-index:10; left:230px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .main_sec .visual_area > .visual_txtarea > .t {margin-bottom:13px;} .main_sec .visual_area > .visual_txtarea > .t > span {position:relative; display:inline-block; vertical-align:middle; color:#fff; font-size:2.8em; line-height:1em; padding-bottom:14px; box-sizing:border-box; letter-spacing:-1px;} .main_sec .visual_area > .visual_txtarea > .t > span.underbar {margin-left:10px;} .main_sec .visual_area > .visual_txtarea > .t > span.underbar:after {position:absolute; display:block; content:""; left:0px; bottom:4px; width:100%; height:3px; background-color:#f39800;} .main_sec .visual_area > .visual_txtarea > .ttitle {margin-bottom:30px;} .main_sec .visual_area > .visual_txtarea > .ttitle > span {position:relative; display:inline-block; vertical-align:middle; color:#fff; font-size:4em; line-height:1em; margin-right:10px; font-weight:bold; letter-spacing:-5px;} .main_sec .visual_area > .visual_txtarea > .ttitle > span:last-child {margin-right:0px;} .main_sec .visual_area > .visual_txtarea > .ttitle > span.colora {color:#f39800;} .main_sec .visual_area > .visual_txtarea > .ttitle > span.colorb {color:#dadf00;} .main_sec .visual_area > .visual_txtarea > .txt_area {color:#e4e4e4; font-size:1.8em; line-height:160%; letter-spacing:-1px; font-weight:300;} .main_sec .visual_area > .scrollarea {position:absolute; left:50%; bottom:40px; z-index:10; text-align:center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .main_sec .visual_area > .scrollarea > .scroll_box {position:relative; display:inline-block; width:24px; height:34px; border:2px solid #fff; margin-bottom:8px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } .main_sec .visual_area > .scrollarea > p {color:#fff; font-size:1em; line-height:1em;} @keyframes scroll_2 { 0% { transform:translateY(0); opacity:1;} 25% { opacity:1;} 75% { transform:translateY(.75em); opacity:0;} 100% { transform:translateY(0); opacity:0;} } .scroll_dot { display:block; position:absolute; left:50%; background:#fff; height:.5em; width:.5em; top:.6em; margin-left:-.25em; border-radius:50%; transform-origin:top center; backface-visibility:hidden; animation:scroll_2 2s ease-out infinite; } .main_sec.typeb {background-color:#fff; padding:148px 0px 107px 0px;} .typeb_area {position:relative; padding-left:590px; box-sizing:border-box;} .typeb_area > .typeba_abarea {position:absolute; left:0px; top:0px; width:450px;} .typeb_area > .typeba_abarea > .titlearea {margin-bottom:85px;} .typeb_area > .typeba_abarea > .titlearea > .t {color:#333; font-size:3.8em; line-height:1.5em; font-weight:600; letter-spacing:-3px; margin-bottom:35px; font-family:'Noto Serif KR', serif;} .typeb_area > .typeba_abarea > .titlearea > .tsns {} .typeb_area > .typeba_abarea > .titlearea > .tsns:after {display:block; content:""; clear:both;} .typeb_area > .typeba_abarea > .titlearea > .tsns > a {float:left; width:40px; height:40px; background-color:rgba(191, 190, 188, 1); margin-right:8px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; } .typeb_area > .typeba_abarea > .titlearea > .tsns > a > img{margin-top:4px;} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_f{background-color:rgba(68, 93, 152, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_i{background-color:rgba(239, 62, 97, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_b:hover {background-color:rgba(60, 171, 55, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_f:hover {background-color:rgba(68, 93, 152, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_i:hover {background-color:rgba(239, 62, 97, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a.sns_y:hover {background-color:rgba(209, 38, 43, 1);} .typeb_area > .typeba_abarea > .titlearea > .tsns > a:last-child {margin-right:0px;} .typeb_area > .typeba_abarea > .slick_tabpager {} .typeb_area > .typeba_abarea > .slick_tabpager:after {display:block; content:""; clear:both;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area {float:left; width:50%; box-sizing:border-box; padding-right:35px; margin-bottom:50px; color:#323232;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area > .t {position:relative; padding-bottom:15px; font-size:1.41em; line-height:1em; margin-bottom:10px;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area > .t:after {position:absolute; display:block; content:""; left:0px; bottom:0px; width:100%; height:2px; background-color:#b0b0b0;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area > .t > span {position:relative; display:block; width:100%;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area > .t > span > i {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area > .tsub {font-size:1.16em; line-height:1em;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area.active {color:#f39800;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area.active > .t:after {background-color:#f39800;} .typeb_area > .typeba_slickarea {position:relative;} /* .typeb_area > .typeba_slickarea .slickarea_type_top {} .typeb_area > .typeba_slickarea .slickarea_type_top > .slickbtn_area {position:absolute; top:50%; z-index:99; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .typeb_area > .typeba_slickarea .slickarea_type_top > .slickbtn_area.prev {left:-105px;} .typeb_area > .typeba_slickarea .slickarea_type_top > .slickbtn_area.next {right:-105px;} */ .typeb_area > .typeba_slickarea .slickarea_type {} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area {position:relative;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow {position:absolute; top:50%; z-index:99; border:0px; width:25px; height:52px; font-size:0px; padding:40px 30px; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow.slick-prev {left:0px; background:url("../img/homepage/img_slick-prev.png") center center no-repeat rgba(0, 0, 0, 0.2);} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow.slick-next {right:0px; background:url("../img/homepage/img_slick-next.png") center center no-repeat rgba(0, 0, 0, 0.2);} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box {} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box:after {display:block; content:""; clear:both;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a {position:relative; float:left; box-sizing:border-box; margin-right:calc(4% / 2); overflow:hidden;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > img {position:absolute; left:50%; top:50%; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > .txtarea {position:absolute; left:0px; bottom:0px; z-index:10; width:100%; box-sizing:border-box; background-color:#fffbf8; padding:23px 45px 15px 45px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > .txtarea > .t {color:#3c3c3c; font-weight:400; font-size:1.6em; letter-spacing:-0.8px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > .txtarea > .tsub {color:#797979; line-height:2; font-size:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:4em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > img {height:auto; width:100%;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > .txtarea {padding:18px 24px 15px 24px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > .txtarea > .t {font-size:1.4em;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > .txtarea > .tsub {font-size:1.1em;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typea {height:630px; width:40%;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb {height:300px; width:28%;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeaa {height:630px; width:100%;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a:nth-child(5), .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a:nth-child(3) {margin-right:0px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a:nth-child(2), .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a:nth-child(3) {margin-bottom:30px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > .bx_nodata {height:630px; position:relative;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > .bx_nodata > span {position:absolute; left:50%; top:50%; font-size:1.6em; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } .last_img{} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeaa > .last_img, .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typea > .last_img {width:100%; height:498px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > .last_img {width:100%; height:168px;} .typeb_area .bx-viewport{height:auto !important;} .main_sec.typea {background-color:#f4f4f4; padding:80px 0px 70px 0px;} .typea_area {} .typea_area:after {display:block; content:""; clear:both;} .typea_area > .typeaa {box-sizing:border-box; width:48%;} .typea_area > .typeaa.left {float:left;} .typea_area > .typeaa.right {float:right;} .typea_area > .typeaa > .tarea {position:relative; box-sizing:border-box; height:190px; padding:0px 35px;} .typea_area > .typeaa > .tarea > .t {color:#333; font-size:3.6em; line-height:1em; font-weight:600; margin-bottom:25px; letter-spacing:-3px;} .typea_area > .typeaa > .tarea > .tsub { color:#626262; font-size:1.4em; line-height:200%; font-weight:400; letter-spacing:-0.5px;} .mainSlickArea {box-sizing:border-box;} .mainSlickArea .slick_area {} .mainSlickArea .slick_area .slick-dots {text-align:center; margin-top:60px;} .mainSlickArea .slick_area .slick-dots > li {display:inline-block; vertical-align:middle; margin-right:10px;} .mainSlickArea .slick_area .slick-dots > li:last-child {margin-right:0px;} .mainSlickArea .slick_area .slick-dots > li > button {font-size:0px; width:10px; height:10px; background-color:#c5c5c5; border:1px solid #c5c5c5;} .mainSlickArea .slick_area .slick-dots > li.slick-active > button {width:18px; height:18px; background-color:#f39200; border:1px solid #f39200;} .mainSlickArea .slick_area .mainslick {} .mainSlickArea .slick_area.cnt3 .mainslick {width:260px; margin-right:10px;} .mainSlickArea .slick_area .mainslick > .imgarea {position:relative; margin-bottom:15px; height:350px; overflow:hidden;} .mainSlickArea .slick_area .mainslick > .imgarea > img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } .mainSlickArea .slick_area.cnt1 .mainslick > .imgarea > img {width:100%;} .mainSlickArea .slick_area.cnt3 .mainslick > .imgarea > img {height:100%;} .mainSlickArea .slick_area .mainslick > .titlearea {text-align:center; color:#3c3c3c; font-size:1.250em; font-weight:bold; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .main_sec.typec {position:relative; background-color:#12678e; box-sizing:border-box; padding-top:60px;} .main_sec.typec:after {position:absolute; display:block; content:""; left:0px; bottom:-55px; width:50%; height:56px; z-index:10; background-color:#12678e; left:50%;} .msctc_area {position:relative;} .msctc_area:before { position:absolute; display:block; content:""; left:0px; bottom:-55px; width:100%; height:56px; z-index:10; background-color:#12678e;} .msctc_area:after {position:absolute; display:block; content:""; left:-50px; bottom:-80px; width:228px; height:130px; background-color:#ffd50f; z-index:11;} .msctc_area .smsctc_area {position:relative;} .msctc_area .smsctc_area:after {display:block; content:""; clear:both;} .msctc_area .smsctc_area > div {float:left; box-sizing:border-box;} .msctc_area .smsctc_area > div.imgarea {position:relative; width:640px; height:330px;} .msctc_area .smsctc_area > div.imgarea > img {position:absolute; left:50%; top:50%; width:100%; z-index:12; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } .msctc_area .smsctc_area > div.txtarea {padding:14px 0px 0px 105px;} .msctc_area .smsctc_area > div.txtarea > .t { font-size:3em; line-height:1.2em; letter-spacing:-3px; color:#daddcc; margin-bottom:25px;} .msctc_area .smsctc_area > div.txtarea > .t > span {display:inline-block; color:#ffd50f;} .msctc_area .smsctc_area > div.txtarea > .tsub { color:#fff; font-size:2em; line-height:1em; margin-bottom:25px; letter-spacing:-2px; font-weight:300;} .msctc_area .smsctc_area > div.txtarea > .ttsub {color:#edf9ff; font-size:1.33em; line-height:1.8em; margin-bottom:48px; font-weight:300; letter-spacing:-1px;} .msctc_area .smsctc_area > div.txtarea > .alink {} .msctc_area .smsctc_area > div.txtarea > .alink > a {position:relative; border:1px solid #edf9ff; color:#edf9ff; font-size:1.08em; line-height:1em; box-sizing:border-box; padding:12px 55px 12px 20px;} .msctc_area .smsctc_area > div.txtarea > .alink > a:hover {border:1px solid #f39200; background:#f39200;} .msctc_area .smsctc_area > div.txtarea > .alink > a > i {position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .main_sec.typed {position:relative;} .main_sec.typed > .typed_ab {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgb(213,207,200); background:-moz-linear-gradient(90deg, rgba(213,207,200,1) 0%, rgba(195,189,182,1) 15%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(90deg, rgba(213,207,200,1) 0%, rgba(195,189,182,1) 15%, rgba(255,255,255,0) 100%); background:linear-gradient(90deg, rgba(213,207,200,1) 0%, rgba(195,189,182,1) 15%, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5cfc8",endColorstr="#ffffff",GradientType=1); } .main_sec.typed > .typed_ab_txtarea {position:absolute; left:0px; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .main_sec.typed > .typed_ab_txtarea .tatarea_set {width:470px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .t {color:#333; font-size:3.8em; line-height:1.5em; font-weight:600; margin-bottom:20px; letter-spacing:-3px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .tsub {color:#323232; font-size:1.4em; line-height:1.8em; margin-bottom:70px; font-weight:400; letter-spacing:-0.5px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area {} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area:after {display:block; content:""; clear:both;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a {float:left; width:50%; box-sizing:border-box; padding-right:40px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .t {position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #af8f65;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .t > span {display:block; position:relative; width:100%; font-size:1.41em; line-height:1em; color:#323232;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .t > span > i {position:absolute; right:0px; top:50%; color:#c7a372; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .tsub {color:#323232; font-size:1.16em; line-height:1em;} .header_area_submenu > .area_set > div > a.area_set_mo_tit{display:none;} .main_sec.typed > img {width:100%;} .main_sec.typed > .typed_slickbox {position:absolute; width:100%; left:0px; bottom:0px; background-color:rgba(239, 235, 231, 0.7);} .main_sec.typed > .typed_slickbox .tsbn_mainbox {position:relative; padding:25px 0px;} .main_sec.typed > .typed_slickbox .tsbn_mainbox > .main_pn {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .main_sec.typed > .typed_slickbox .tsbn_mainbox > .mainprev {left:-25px;} .main_sec.typed > .typed_slickbox .tsbn_mainbox > .mainnext {right:-25px;} .main_sec.typed > .typed_slickbox .tsbn_mainbox .tsbn_area {} .main_sec.typed > .typed_slickbox .tsbn_mainbox .tsbn_area a.main_pna {text-align:center;} .main_sec.typed > .typed_slickbox .tsbn_mainbox .tsbn_area a.main_pna > img {display:inline-block;} /* 메인 */ /* 페이징 */ .pg_wrap { clear:both; float:none; display:block; text-align:center; margin-top:70px; } .pg_current { display:inline-block; background:#fcae4c; border:1px solid #fcae4c; color:#fff; font-size:1.250em; width:36px; height:36px; line-height:36px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:0px 0px; } .pg_page { background:#fff; border:1px solid #fff; color:#494949; font-size:1.250em; padding:0px 0px; width:36px; height:36px; line-height:36px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .pg_start { text-indent:0; background:url("") no-repeat 50% 50% none; border:1px solid #dadada; margin-right:5px; } .pg_prev { text-indent:0; background:url("") no-repeat 50% 50% none; border:1px solid #dadada; margin-right:20px; } .pg_next { text-indent:0; background:url("") no-repeat 50% 50% none; border:1px solid #dadada; margin-left:20px; } .pg_end { text-indent:0; background:url("") no-repeat 50% 50% none; border:1px solid #dadada; margin-left:5px; } .new_log_box{padding:25px 10px;} .new_logo{position:relative;} .new_logo .mainprev{left:-25px;} .new_logo .mainnext{right:-25px;} .new_logo .slick-arrow{position:absolute; top:50%; margin-top:-15px;} .new_logo .slick-slide img{margin:0 auto; height:50px;} /* 페이징 */ /*후원하기*/ .support_only_r{position:relative;} .support_tit_only p{font-size:38px; position:absolute; font-weight:bold; left:0px; top:-30px; line-height:1.5;} .support_box{} .support_p1{font-size:20px; color:#0e0e0e; text-align:center; line-height:1.5;} .support_p2{font-size:16px; color:#9b6a37; font-weight:400; text-align:center; margin-bottom:5px; margin-top:70px;} .support_p3{font-size:24px; color:#333333; font-weight:500; text-align:center;} /*.support_r_b*/ .support_r_b{text-align:center; margin:45px auto 50px;} .support_r_b div{position:relative; width:203px; height:204px; display:inline-block; vertical-align:top; background:url("../img/homepage/support_r_b.png") center center no-repeat; text-align:center; padding-top:75px; margin-right:45px;} .support_r_b div:last-child{margin-right:0;} .support_r_b div:after{display:block; top:50%; margin-top:-10.5px; right:-28px; width:15px; height:21px; position:absolute; content:" "; background:url("../img/homepage/support_r_b_after.png") center center no-repeat;} .support_r_b div:last-child:after{display:none;} .support_r_b_tit{font-size:17px; font-weight:400; color:#9b6a37;} .support_r_b_con{font-size:17px; font-weight:400; color:#333333;} .support_b_3{width:1308px; display:block; margin:30px auto 0; padding:45px 0 50px; border:1px solid #e9e9e9; background-color:#fcfcfc; text-align:center;} .support_b_3 div{display:inline-block; text-align:left;} .support_b_3 div:nth-child(1){padding-right:45px; padding-left:17px; width:calc(50% -62px);} .support_b_3 div:nth-child(2){padding-left:47px; width:calc(50% -47px);} .support_b_p3_t{position:relative; font-weight:400; font-size:18px; color:#333333;} .support_b_p3_t:after{top:50%; margin-top:-2.5px; left:-17px; width:5px; height:5px; position:absolute; content:" "; background:url("../img/homepage/support_b_p3_t.png") center center no-repeat;} .support_b_p3_ul{margin-top:20px;} .support_b_p3_ul li{font-size:15px; font-weight:300; color:#333333; font-weight:bold;} .support_b_p3_ul li > span {font-weight:normal;} .support_b_p3_ul li:nth-child(2){margin-top:10px;} .support_b_4{padding-left:135px; margin-top:30px;} .support_b_4 p{font-size:14px; font-weight:300; color:#333; line-height:1;} .support_b_4 p:nth-child(2){margin-top:15px;} /*후원하기*/ .chart_tabarea {/*margin-bottom:20px; */width:866px; margin:0 auto 20px;} .chart_tabarea > a {position:relative; display:inline-block; font-size:18px; padding:10px 30px; box-sizing:border-box; color:#737373;} .chart_tabarea > a:after {position:absolute; display:block; content:""; width:2px; height:20%; right:-1px; top:50%; background-color:#737373; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .chart_tabarea > a:last-child:after {display:none;} .chart_tabarea > a.active {color:#fcae4c; font-weight:bold;} .chart_tabcontent {} .chart_tabcontent > div {display:none;} #bo_list .td_num2 { width:120px; } #bo_v_title .bo_v_tit { font-size:3em; text-align:center; } .icon_board {display:inline-block; margin-right:5px; width:30px;} .icon_board > img {width:100%;} .sj_agree_area {font-size:1.55em; line-height:2em;} .sj_agree_area div, .sj_agree_area p {box-sizing:border-box;} .sj_agree_area > .depth1 {margin-bottom:40px;} .sj_agree_area > .depth1:last-child {margin-bottom:0px;} .sj_agree_area > .depth1 > p {font-weight:bold; margin-bottom:15px;} .sj_agree_area > .depth1 > .depth2 {padding-left:30px;} .sj_agree_area > .depth1 > .depth2.setb {margin-bottom:20px;} .sj_agree_area > .depth1 > .depth2.setb:last-child {margin-bottom:0px;} .sj_agree_area > .depth1 > .depth2 > .depth3 {padding-left:30px;} /* 메세나란? */ .parallax_area.mecenatq {background-image:url("../img/homepage/ppp.jpg");} .businesst_title {text-align:center; margin-bottom:80px;} .businesst_title > p {position:relative; display:inline-block; box-sizing:border-box; padding:10px 30px; font-size:20px; color:#0e0e0e; letter-spacing:-1px; font-family:'바탕'; font-weight:bold; line-height:34px;} .businesst_title > p:before {position:absolute; display:block; content:""; z-index:10; left:0px; top:0px; width:8px; height:14px; background:url("../img/homepage/box_left.png") center center no-repeat; background-size:cover;} .businesst_title > p:after {position:absolute; display:block; content:""; z-index:10; right:0px; bottom:0px; width:8px; height:14px; background:url("../img/homepage/box_right.png") center center no-repeat; background-size:cover;} .businesst_titlea {margin-top:60px; margin-bottom:120px;} .businesst_titlea > p {text-align:center;} .businesst_titlea > p > span {position:relative; display:inline-block; color:#0e0e0e; font-size:20px; line-height:34px; font-family:'바탕'; font-weight:bold; letter-spacing:-1px; margin-bottom:7px;} .businesst_titlea > p > span:last-child {margin-bottom:0px;} .businesst_titlea > p > span:before {position:absolute; display:block; content:""; left:0px; z-index:-1; bottom:7px; width:100%; height:8px; background-color:rgba(255, 231, 202, 0.8);} .businesst_area {} .businesst_area .ba_areaset {} .businesst_area .ba_areaset > .title {color:#393939; font-size:18px; font-weight:bold; text-align:center; margin-bottom:55px;} .businesst_area .ba_areaset > .content_box {} .businesst_area .ba_areaset > .content_box:after {display:block; content:""; clear:both;} .businesst_area .ba_areaset > .content_box > div {width:48%; box-sizing:border-box;} .businesst_area .ba_areaset > .content_box > .box_left {float:left;} .businesst_area .ba_areaset > .content_box > .box_left > .box_img {position:relative; box-sizing:border-box; margin-bottom:40px; padding:22px 22px;} .businesst_area .ba_areaset > .content_box > .box_left > .box_img:before {position:absolute; display:block; content:""; left:0px; top:0px; width:90%; height:100%; background-color:#fcae4c; z-index:-1;} .businesst_area .ba_areaset > .content_box > .box_left > .box_img > img {max-width:100%;} .businesst_area .ba_areaset > .content_box > .box_left > .box_img_title {box-sizing:border-box; padding:0px 22px; color:#393939; font-size:14px; font-weight:bold; letter-spacing:-1; line-height:30px;} .businesst_area .ba_areaset > .content_box > .box_right {float:right; background-color:#f0f0f0; padding:40px 44px; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; } .businesst_area .ba_areaset > .content_box > .box_right > p {font-size:15px; color:#393939; letter-spacing:-1px; line-height:30px; margin-bottom:30px;} .businesst_area .ba_areaset > .content_box > .box_right > p:last-child {margin-bottom:0px;} /* 메세나란? */ /***** 2023.ver *****/ /* 메인비주얼 */ #mainVisual { position: relative; width: 100%; z-index: 10; } #mainVisual .slide { position: relative; height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center center; } #mainVisual .slide img {width:100%;} #mainVisual .slide .v_text {width:100%; padding:0 10px; position:absolute; top:50%; left:50%; z-index:99999; transform:translate(-50%, -50%); display:flex; flex-flow:column wrap; color:#fff; text-align:center; justify-content:center; align-items:center; font-size:19px; line-height:1.6;} #mainVisual .slide .v_text p.top {font-size:1.25em; font-weight:500;} #mainVisual .slide .v_text p.title {font-size:2.5em; margin:20px 0 30px; font-weight:700;} #mainVisual .slide .v_text p.btm {font-size:1em; font-weight:300;} #mainVisual .pager {position:absolute; bottom:60px; left:calc((100% - 1370px) / 2); z-index:99999; display:flex; flex-flow:row;} #mainVisual .pager div {width:40px; height:40px; border:0; outline:0; cursor:pointer;} #mainVisual .pager div img {width:100%;} #mainVisual .pager div.prev {background:#fff;} #mainVisual .pager div.next {background:#f5f5f5;} #mainVisual .pager div.next img {transform:rotate(180deg);} #mainVisual .slick-dots {display:flex; flex-flow:row; justify-content:flex-start; align-items:center; position:absolute; bottom:60px; left:calc((100% - 1370px) / 2 + 100px); padding-left:20px;} #mainVisual .slick-dots li {height:40px; padding:0 10px; display:flex; flex-flow:row; justify-content:center; align-items:center; font-size:18px; font-weight:300; border:0; outline:0; color:#fff; background:none; cursor:pointer;} #mainVisual .slick-dots li.slick-active {font-weight:700;} #mainVisual .slick-dots li.slick-active:after {content:''; display:inline-block; margin-left:20px; width:32px; height:2px; background:#fff;} /* 메인비주얼 */ /* 퀵바 */ #mainQuickBar {max-width:1370px; height:165px; margin:-60px auto 0; position:relative; z-index:11; display:flex; flex-flow:row wrap;} #mainQuickBar a {width:calc(100% / 5); display:flex; flex-flow:column wrap; justify-content:center; align-items:center;} #mainQuickBar a.type1 {background:#3c85a5;} #mainQuickBar a.type2 {background:#0b6197;} #mainQuickBar a.type3 {background:#dd8500;} #mainQuickBar a.type4 {background:#dbe000;} #mainQuickBar a.type5 {background:#575656;} #mainQuickBar a img {max-width:100%;} #mainQuickBar a p {text-align:center; color:#fff; font-weight:500; font-size:18px; line-height:1; margin-top:20px;} #mainQuickBar a p br {display:none;} /* 퀵바 */ /* 세팅 */ #mainSection {position:relative; max-width:1370px; padding:75px 0; margin:0 auto;} /* #mainSection h2.sectionTitle {font-size:32px; line-height:1; color:#222; margin-bottom:30px;} */ #mainSection h2.sectionTitle {display:flex;flex-direction: row;justify-content: flex-start;align-items: center;font-size:32px; line-height:1; color:#222;} #mainSection h2.sectionTitle > a.more_link {display:flex;width:40px;height:40px;margin-left:20px;} #mainSection h2.sectionTitle > a.more_link > img {width:100%;} #mainSection .sectionArea a.thumb {font-size:14px; line-height:1.4; color:#222;} #mainSection .sectionArea a.thumb p.catename {margin-bottom:15px;} span.cate_set { font-size: 0.9em; box-sizing: border-box; padding: 7px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 90px; display: inline-block; text-align: center; margin-right:15px; border:1px solid rgb(0, 0, 0);color:rgb(0, 0, 0); } span.cate_set.set_new { margin-right:0px; margin-left:5px; } span.cate_set0 {border:1px solid rgb(0, 160, 223);color:rgb(0, 160, 223);} span.cate_set1 {border:1px solid rgb(0, 117, 194);color:rgb(0, 117, 194);} span.cate_set2 {border:1px solid rgb(243, 152, 0);color:rgb(243, 152, 0);} span.cate_set3 {border:1px solid rgb(219, 224, 0);color:rgb(219, 224, 0);} #mainSection .sectionArea a.thumb p.title {font-size:1.4em; font-weight:500;} #mainSection .sectionArea a.thumb p.title.newset { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 5.6em; text-align: left; word-wrap: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } #mainSection .sectionArea a.thumb p.content {text-align:justify; font-size:0.85em;} #mainSection .sectionArea a.thumb p.date {font-size:1em; font-weight:700; margin-top:40px;} .BGsection {background:#f5f5f5;} /* 세팅 */ /* 알립니다 */ #mainSection.type1 .sectionArea {width:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} #mainSection.type1 .sectionArea a.thumb {position:relative; width:calc((100% - 60px) / 4); padding:40px 30px; background:#fff; display:flex; flex-flow:column;border:1px solid #ddd; } #mainSection.type1 .sectionArea a.thumb p.content {display:none;min-height:66px; margin-top:0px;} #mainSection.type1 .sectionArea a.thumb p.date {margin-top:40px;} #mainSection.type1 .sectionArea a.thumb .deco {display:None;position:absolute; bottom:0; right:0; width:70px; height:70px; background:#fff; overflow:hidden; border-left:1px solid #ddd;border-top:1px solid #ddd; } #mainSection.type1 .sectionArea a.thumb .deco img {display:block;} /* 알립니다 */ /* 언론보도 */ #mainSection.verBetween {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;} /* #mainSection.verBetween .ms_left {width:calc((100% - 50px) / 13 * 10);} */ #mainSection.verBetween .ms_left {box-sizing:border-box;width:100%;} #mainSection.verBetween .ms_right {width:calc((100% - 50px) / 13 * 3);} #mainSection.type2 .sectionArea {width:100%; display:flex; flex-flow:column wrap;} #mainSection.type2 .sectionArea a.thumb {position:relative; display:flex; flex-flow:row wrap;} #mainSection.type2 .sectionArea a.thumb.verImg {width:100%; height:160px; background:#fff; justify-content:space-between; margin-bottom:5px;} #mainSection.type2 .sectionArea a.thumb.verImg .date {width:80px; height:80px; background:#dd8500; color:#fff; line-height:1; text-align:center; display:flex; flex-flow:column wrap; justify-content:center; align-items:center;} #mainSection.type2 .sectionArea a.thumb.verImg .date p.ym {font-size:1em; font-weight:300;} #mainSection.type2 .sectionArea a.thumb.verImg .adte p.ym:after {content:''; font-size:0; line-height:0; display:block; margin:7px auto 2px; width:18px; height:1px; background:#fff;} #mainSection.type2 .sectionArea a.thumb.verImg .date p.day {font-size:2.2em; font-weight:700;} #mainSection.type2 .sectionArea a.thumb.verImg .text {width:600px; padding:30px;} #mainSection.type2 .sectionArea a.thumb.verImg .text p.title {font-size:1.25em;} #mainSection.type2 .sectionArea a.thumb.verImg .text p.content {min-height:40px; margin-top:30px;} #mainSection.type2 .sectionArea a.thumb.verImg .img {width:calc(100% - 80px - 600px); height:100%; overflow:hidden; display:flex; flex-flow:row; align-items:center;} #mainSection.type2 .sectionArea a.thumb.verImg .img img {width:100%;} #mainSection.type2 .sectionArea a.thumb.verTxt {width:100%; justify-content:space-between; align-items:center; padding:20px; line-height:1; border-bottom:1px solid #ccc;} #mainSection.type2 .sectionArea a.thumb.verTxt p {margin:0; padding:0; font-weight:400;} #mainSection.type2 .sectionArea a.thumb.verTxt p.title {width:80%;font-size:1.15em; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } #mainSection.type2 .sectionArea a.thumb.verTxt p.title > span.subject_set { display: inline-flex; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #mainSection.type2 .sectionArea a.thumb.verTxt p.date {color:#888;} #mainSection.type2 .freeboard_btn {position:relative; width:100%; height:calc(100% - 62px); margin-top:62px; display:flex; flex-flow:column; justify-content:center; align-items:flex-start; background:#fff; color:#333; padding:8% 12%;} #mainSection.type2 .freeboard_btn img {width:100%; max-width:208px; display:block;} #mainSection.type2 .freeboard_btn p {font-weight:700; font-size:32px; line-height:1; margin-top:40px;} #mainSection.type2 .freeboard_btn .deco {position:absolute; bottom:0; right:0; width:70px; height:70px; background:#0075be; overflow:hidden;} #mainSection.type2 .freeboard_btn .deco img {display:block;} /* 언론보도 */ /* 월간 세종메세나 */ #mainSection.public .slickArea {} #mainSection.public .slickArea .slide {height:420px; padding-top:120px; margin-right:10px;} #mainSection.public .slickArea .slide.slick-current {width:420px; padding-top:0; margin-right:20px;} #mainSection.public .slickArea .slide a.thumb img {height:100%; border:1px solid #e0e0e0;} #mainSection.public .slickArea .slide.slick-current a.thumb img {width:100%; height:auto;} #mainSection.public .slickArea a.thumb {} #mainSection.public .pager {position:absolute; bottom:430px; left:440px; display:flex; flex-flow:row;} #mainSection.public .pager div {width:50px; height:50px; border:0; outline:0; cursor:pointer;} #mainSection.public .pager div img {width:100%;} #mainSection.public .pager div.prev {background:#dd8500;} #mainSection.public .pager div.next {background:#f39200;} #mainSection.public .pager div.next img {transform:rotate(180deg);} /* 월간 세종메세나 */ /* 후원하는 사람들 */ #mainSection.company {margin-top:-50px; margin-bottom:100px;} #mainSection.company h2.sectionTitle {position:absolute; left:0; top:100px;} #mainSection.company .slickArea {padding-left:300px; margin-top:-15px;} #mainSection.company .slickArea .slide .logo {height:130px; padding:0 10px; display:flex; justify-content:center; align-items:center; background:#fff; margin-right:15px; margin-top:15px;border:1px solid #ddd; } #mainSection.company .slickArea .slide img {max-width:100%; width:100%;} #mainSection.company .pager {position:absolute; bottom:100px; left:0; display:flex; flex-flow:row;} #mainSection.company .pager div {width:40px; height:40px; border:0; outline:0; cursor:pointer;} #mainSection.company .pager div img {width:100%;} #mainSection.company .pager div.prev {background:#999999;} #mainSection.company .pager div.next {background:#b7b7b7;} #mainSection.company .pager div.next img {transform:rotate(180deg);} /* 후원하는 사람들 */ /* header */ #headerArea {position:fixed;top:0;left:0;width:100%;z-index:20;} #headerArea #head {width:100%;padding:0 4%; transition:0.2s;} #headerArea #head .wrap {position:relative;width:100%;padding:30px 0;border-bottom:1px solid #fff; display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center; transition:0.3s ease-out; } #new_header a.toplogo, #headerArea a.toplogo {position:relative; display:inline-block;} #new_header a.toplogo img, #headerArea a.toplogo img {transition:0.3s ease-out;} #new_header a.toplogo img.color, #headerArea a.toplogo img.color {position:absolute; top:0; left:0; opacity:0; transition:0.3s ease-out;} #headerArea nav {margin-right:160px;} #headerArea nav.listMenu a {color:#fff;font-size:1.7em;margin-left:80px; transition:0.3s ease-out;} #headerArea .head_mainMenu {position:relative;} #headerArea .head_mainMenu .open_sns {display:none;position:absolute;right:30px;bottom:15px;} #headerArea .head_mainMenu .open_sns a {font-size:3.4em;margin-right:7px;} #headerArea .head_mainMenu .open_sns a:last-child {margin-right:0px;} #headerArea .head_mainMenu .open_sns.active {display:block;} #headerArea .head_mainMenu .area_box {width:100%; background:#fff; display:none;} #headerArea .head_mainMenu .area_box .area_set {display:flex; flex-flow:row wrap;justify-content:space-between;} #headerArea .head_mainMenu .area_box .area_set .set_menu {width:20%; padding:40px 10px; display:flex;flex-flow:column wrap;text-align:center;transition:all 0.3s ease-out;} #headerArea .head_mainMenu .area_box .area_set .set_menu:hover {background:#f5f5f5;} #headerArea .head_mainMenu .area_box .area_set .set_menu:hover .t span:before {opacity:1;} #headerArea .head_mainMenu .area_box .area_set .set_menu .t {font-size:1.6em;font-weight:500;margin-bottom:20px;} #headerArea .head_mainMenu .area_box .area_set .set_menu .t span {position:relative;} #headerArea .head_mainMenu .area_box .area_set .set_menu .t span:before {content:'';position:absolute;bottom:82%;right:102%; display:block;opacity:0;background:#f39200;border-radius:100%;widtH:8px;height:8px;overflow:hidden;transition:all 0.3s ease-out;} #headerArea .head_mainMenu .area_box .area_set .set_menu .tsub {display:flex;flex-flow:column wrap;} #headerArea .head_mainMenu .area_box .area_set .set_menu .tsub a {font-size:1.45em;font-weight:400;line-height:1.9;} #headerArea .head_mainMenu .area_box .area_set .set_menu .tsub a:hover {text-decoration:underline;text-underline-position:under;} #headerArea.scroll #head {background:#fff;border-bottom:1px solid #ccc;} #new_header.scroll a.toplogo img.color, #headerArea.scroll a.toplogo img.color {opacity:1;} #new_header.scroll a.toplogo img.white, #headerArea.scroll a.toplogo img.white {opacity:0;} #headerArea.scroll nav.listMenu a {color:inherit;} #headerArea.scroll .mentlogo {color:#000;} #headerArea .head_subMenu {display:none;} #headerArea .mo_menu_bar {cursor:pointer} #headerArea .mo_menu_bar span {background:#fff; height:4px; margin-bottom:4px; border-radius:1px; transition:all 0.3s ease-out;} #headerArea.scroll .mo_menu_bar span {background:#777;} #new_header {position:fixed;left:0px;top:0px;width:100%;z-index:99999;box-sizing:border-box;padding:40px 0px;} #new_header.active {height:400px;background-color:rgba(255,255,255,1);} #new_header.scroll {background-color:rgba(255,255,255,1);} .slick_logo {width:300px;} #new_header .new_slicklogo {width:300px;} #new_header.scroll .mentlogo, #new_header.active .mentlogo {color:#000 !important;} #new_header .new_memuset {position:relative;width:calc(100% - 300px);} #new_header .new_memuset a {color:#fff !important;} #new_header.scroll .new_memuset a, #new_header.active .new_memuset a {color:#000 !important;} #new_header .new_depth > li {position:relative;width:20%;text-align:center;font-size:20px;height:52px;padding-top:5px;} #new_header .new_depth > li > a {} #new_header .new_depth > li > .new_depthsub {position:relative;font-size:0.85em;height:260px;} #new_header .new_depth > li > .new_depthsub .sns_areaset {position:absolute;right:0px;bottom:30px;width:100%;text-align:center;} #new_header .new_depth > li > .new_depthsub .sns_areaset:after {display:block;content:"";clear:both;} #new_header .new_depth > li > .new_depthsub .sns_areaset > a {display:inline-block;font-size:30px;margin-left:10px;} #new_header .new_depthsub {display:none;position:absolute;width:100%;top:65px;} #new_header.active .new_depthsub {display:block;} #new_header .new_depthsub a {display:block;box-sizing:border-box;padding:5px 0px;} #new_header.active .toplogo .color {opacity:1; transition:0.3s ease-out;} /* header */ /* footer */ .footer_logo {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 10px;} .ft_logoSlider {position:relative; padding:0 5%;} .ft_logoSlider .prev {left:0;} .ft_logoSlider .next {right:0;} .ft_logoSlider .slick-arrow {position:absolute; top:50%; margin-top:-15px;} .ft_logoSlider .slick-slide img {margin:0 auto; height:40px;} #footerArea {padding:60px 10px;} #footerArea .wrap_1370 {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;} #footerArea .fa_txt {font-size:14px; font-weight:300; line-height:1.6;} #footerArea .fa_txt {width:calc(100% - 292px); padding-right:20px;} #footerArea .fa_txt .f_top {font-size:1.15em; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; margin-bottom:40px;} #footerArea .fa_txt .f_top a {display:inline-block;} #footerArea .fa_txt .f_top a:after {content:'·'; display:inline; padding:0 20px;} #footerArea .fa_txt .f_top a:last-child:after {display:none;} #footerArea .fa_txt .f_btm {font-size:1em;} #footerArea .fa_txt .f_btm .fb_info {margin-bottom:30px;} #footerArea .fa_txt .f_btm .fb_info p {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; margin-bottom:2px;} #footerArea .fa_txt .f_btm .fb_info p span {} #footerArea .fa_txt .f_btm .fb_info p span:after {content:'｜'; display:inline; width:1px; height:10px; color:#777; margin:0 20px;} #footerArea .fa_txt .f_btm .fb_info p span:last-child:after {display:none;} #footerArea .fa_txt .f_btm .fb_copy {color:#888;} #footerArea .fa_img {width:292px;} /* footer */ .history_section {position:relative;box-sizing:border-box;} .history_section:before { position:absolute;display:block;content:"";left:50%;top:0px;width:1px;height:100%;background-color:#c8c8c8; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .history_section:after {display:block;content:"";clear:both;} .history_section > div {float:left;width:50%;box-sizing:border-box;padding:30px 30px;} .history_section > div.hs_imgarea {} .history_section > div.hs_imgarea span {display:block;box-sizing:border-box;padding:5px 50px 5px 0px;text-align:right;} .history_section > div.hs_imgarea span > img {max-width:100%;width:90%;} .history_section > div.hs_rowarea {} .history_section > div.hs_rowarea > .ab_set {position:relative;box-sizing:border-box;padding-left:50px;margin-bottom:50px;} .history_section > div.hs_rowarea > .ab_set:after {display:block;content:"";clear:both;position:absolute;width:35px;height:2px; background-color:#fcae4c; top:50%;left:-15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .history_section > div.hs_rowarea > .ab_set > span { display:inline-block; font-size: 3.833em; line-height: 1em; font-weight: 700; letter-spacing: -2px; } .history_section > div.hs_rowarea > .ab_set > span.a { color: #ababab; } .history_section > div.hs_rowarea > .ab_set > span.b { color: #e39a3f; } .history_section > div.hs_rowarea > .ab_set:before {position:absolute;display:block;content:"";width:30px;height:30px;left:-45px; border:2px solid #fcae4c;background-color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .history_section > div.hs_rowarea > .box_content {box-sizing:border-box;padding-left:50px;} .history_section > div.hs_rowarea > .box_content > .box_set { position: relative; margin-bottom: 32px; } .history_section > div.hs_rowarea > .box_content > .box_set > .t {position:relative;box-sizing:border-box;padding-left:80px;} .history_section > div.hs_rowarea > .box_content > .box_set > .t:after {display:block;content:"";clear:both;} .history_section > div.hs_rowarea > .box_content > .box_set > .t > .date {position:absolute;left:0px;top:0%; color: #484848; font-weight: 900; font-size: 1.333em; } .history_section > div.hs_rowarea > .box_content > .box_set > .t > .title { word-break:keep-all; color: #707070; font-size: 1.333em; } .depth {box-sizing:border-box;padding-left:15px;} .depth2 {box-sizing:border-box;padding-left:20px;} .img_info {box-sizing:border-box;text-align:right;margin-top:10px; color: #808080; font-size: 1.333em; line-height: 1.8; } .businesst3_ment { text-align:center; font-size: 1.6em; line-height: 1.8;margin:100px 0px; } .title_mainslide {display:block;text-align:center;font-size:16px;margin-top:5px; padding: 0 10px; display: flex; justify-content: center; align-items: center; margin-right: 15px; } .slider_sec {margin-bottom:80px;} .slider_sec:last-child {margin-bottom:0px;} .slider_sec:after {display:block;content:"";clear:both;} .slider_sec > div {float:left;box-sizing:border-box;} .slider_sec > div.slider_area {width:600px;} .slider_sec.right_set > div.slider_area {float:right;} .slider_sec > div.slider_info {position:relative;padding:0px 5%;width:calc(100% - 600px);} .slider_sec > div.slider_info > .t {font-weight:bold;font-size:20px;} .slider_sec > div.slider_info > .txt {box-sizing:border-box;padding:25px 0px 0px 0px;font-size:16px;line-height:1.6em;} .slider_sec > div.slider_info .slick-slider-dots {margin-top:80px;} .slider_sec > div.slider_info .slick-slider-dots li {display:inline-block;margin-right:10px;} .slider_sec > div.slider_info .slick-slider-dots li:last-child {margin-right:0px;} .slider_sec > div.slider_info .slick-slider-dots li button {width:20px;height:20px;background-color:#c8c8c8;color:#c8c8c8; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:0px; } .slider_sec > div.slider_info .slick-slider-dots li.slick-active button {background-color:#f39200;color:#f39200;} .sizeup {font-size:2em !important;} .tab_class {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-top:100px;} .tab_class > a { font-size: 1.5em; border: 1px solid #dd8500; color: #dd8500; font-weight: bold; line-height: 3em; width:200px;text-align:center; } .tab_class > a.active {background-color:#dd8500;color:#fff;} .tab_class_cont {} .tab_class_cont > div {display:none;} #bo_cate a { font-size:1.4em; display: block; line-height: 1.8em; padding: 5px 25px; border-radius: 30px; border: 1px solid #dd8500; color: #dd8500; } #bo_cate #bo_cate_on { z-index: 2; background: #dd8500; color: #fff; font-weight: bold; border: 1px solid #dd8500; -webkit-box-shadow: inset 0 0px 0px rgb(33, 135, 202); -moz-box-shadow: inset 0 0px 0px rgb(33, 135, 202); box-shadow: inset 0 0px 0px rgb(33, 135, 202); } #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#dd8500;color:#fff} #background_fix {display:none;position:fixed;left:0px;top:0px;width:100%;height:100vh;} #background_fix.active {display:block;background-color:rgba(0,0,0,0.8);z-index:9999999;} .slick_area {position:fixed;left:50%;top:50%;width:750px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); } .close_area {font-size:40px;text-align:right;} .close_area .close_ico {color:#fff;} .slick_area .slick_set {position:relative;} .slick_area img {width:100%;} .fixed {position:fixed;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:9999999;color:#fff;font-size:80px; } .fixed.prev-btn {left:-60px;} .fixed.next-btn {right:-60px;} .fixed.slick-disabled {color:rgba(255,255,255,0.1);} #bo_cate li { margin-right: 7px; } .mo_menu {display:none;} .mo_menu > a {color:#fff;font-size:30px;} .scroll .mo_menu > a {color:#000;} .mobile_area {position:fixed;left:0px;top:0px;width:100%;height:0px;background-color:#0b6197;z-index:99999;} .mobile_area.active {height:100vh;} .mobile_menu {display:none;width:100%;} .mobile_menu .mm_top { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 0px 20px; height: 105px; align-items: center; } .mobile_menu .mm_top a { color:#fff;font-size:36px; } .mobile_menu .mm_top .mm_sns {} .mobile_menu .mm_top .mm_sns > a {margin-right:10px;} .mobile_menu .mm_content {height:calc(100vh - 105px);overflow:scroll;} .mobile_menu .mm_content a {display:block;text-align:right;background-color:#3c85a5;color:#fff;font-size:20px;padding:10px 20px;} .mobile_menu .mm_content .new_depthsub {padding:10px 0px} .mobile_menu .mm_content .new_depthsub a {font-size:18px;background-color:#0b6197;} #bo_v_file li { font-size: 1.2em; } #bo_v_file .bo_v_file_cnt { margin-top: 8px; display: block; } .bo_v_nb { font-size: 1.2em; } @media all and (max-width:1700px) { .wrap_1660 { width: 100%; } .wrap_1460 { width: 100%; } } @media all and (max-width:1440px) { .wrap_1240 { width: 100%; } .wrap_1370 { width: 100%; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea { height: 95px; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth { right: 30px; } .wrap_1280 { width: 100%; } .support_b_3 { width: 100%; } .bd_filedown > .box > .bg.seta > span { position: relative; display: block; top: 0px; margin-bottom: 20px; } .bd_filedown > .box > .bg.seta { padding-left: 0px; } .bd_filedown > .box > .bg.seta > div { height: 200px; } .bd_filedown > .box { padding: 0px 20px; } .bd_simbole > .t { padding: 0px 20px; } .section_type { padding: 0px 20px; } #subpage > .subpage_section { padding: 0px 20px; } #footerArea { padding: 50px 20px; } #new_header { padding: 40px 20px; } } @media all and (max-width:1200px) { .wrap_1165 { width: 100%; margin: 0px auto; } } @media all and (max-width:1024px) { #bo_cate { margin: 10px 0; } #bo_cate a { font-size: 1.2em; } .tbl_head01 { font-size: 1.3em; } .tbl_head01 thead th { padding: 20px 0px 20px 0px; } .tbl_head01 td { padding: 20px 10px 20px 10px; } .tbl_head01 thead {display:none;} #bo_list .td_num2 { display: none; } #bo_list .td_name { display: none; } #bo_list .td_subject { padding-left: 10px !important; } .publication_area .gallery_set .ab_info .adif_left a.pdf { display: none; } .publication_area .gallery_set .ab_info .name { display:block;text-align:center;width:100%; } .publication_area .gallery_set .ab_info { width: 100%; height: 70px; } .publication_area .gallery_set { flex-flow: row wrap; } .publication_area .gallery_set a.thumb { width: 100%; } .publication_area .gallery_set .ab_info .adif_left { width: 100%; } .publication_area .gallery_set .ab_info .adif_right { display: none; } .bd_munnews_area > .rowdata.gallery_set { width: 48%; height: 340px; margin-right: calc(4% / 2); margin-bottom: calc(4% / 2); } .bd_munnews_area > .rowdata.gallery_set:nth-child(3n) { margin-right: calc(4% / 2); } .video_area > .rowdata { width: 48%; } .video_area > .rowdata:nth-child(2n) { margin-right: 0%; } .video_area > .rowdata:nth-child(3n) { margin-right: 2%; } .chart_tabarea { width: 100%; } .oz_board > table { min-width: 100%; } #subpage #subpage_visual > div { height: 480px; } .oz_area > .oz_areaContent { float: inherit; width: 100%; text-align: center; } .oz_area > .oz_areaContent > img { width: auto; max-width: 100%; } .oz_area { background: url("../img/homepage/oz_area_img.jpg") center center no-repeat; } .bd_simbole > .bdsb_area > .box_area > .box { width: 50%; margin-bottom: 60px; } .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt { margin-top: 10px; } .businesst_title { margin-bottom: 5vw; } .businesst_titlea { box-sizing: border-box; padding: 0px 20px; } .businesst_titlea > p > span { font-size: 19px; line-height: 1.6em; margin-bottom: 10px; } .businesst_titlea > p > span:before { bottom: 0px; height: 100%; } .businesst_area .ba_areaset { box-sizing: border-box; padding: 0px 20px; } .businesst_area .ba_areaset > .content_box > .box_left { margin-bottom: 60px; width:100%; } .businesst_area .ba_areaset > .content_box > .box_right { width: 100%; } .scroll_area {overflow:scroll;} .businesst2_sectionc .step_area { width: 1370px; } .pn_area > div > a { width: calc((100% - 100px) / 4); } #footerArea .wrap_1370 { flex-flow: column-reverse wrap; } #footerArea .fa_img { width: 100%; text-align: center; margin-bottom: 50px; } #mainVisual .pager { left: 20px; display:none; } #mainVisual .slick-dots { left: 100px; display: none !important; } #mainQuickBar a p { font-size: 16px; margin-top: 15px; } #mainVisual .slide .v_text p.title { font-size: 36px; margin: 20px 0 10px; } #mainSection { padding: 55px 20px; } #mainQuickBar { margin: 0px auto 0; } #mainSection.company { margin-top: 0px; } #mainSection.company h2.sectionTitle { position: relative; top: 0px; margin-bottom: 30px; } #mainSection.company .pager { position: relative; bottom: 0px; } #mainSection.company .slickArea { padding-left: 0px; margin-top: 0px; margin-bottom: 30px; } #mainSection.public .pager { position: relative; bottom: 0px; left: 0px; } #new_header .new_memuset { display: none; } #new_header { padding: 30px 20px; } .mo_menu {display:flex;} .mo_menu > a {font-size:30px;} } @media all and (max-width:768px) { body {font-size:0.65em;} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr { width: 100% !important; } .hd_pops {left:0px !important;top: 12vh !important;} .hd_pops_con {width:100% !important; height:auto !important;} .bo_v_nb li .nb_date { display: none; } #bo_list .td_num { display: none; } #bo_list .td_datetime { display: none; } .fixed.prev-btn { left: -35px; } .fixed.next-btn { right: -35px; } .fixed { font-size: 65px; } .close_area { font-size: 32px; } .title_subject { font-size: 1.333em; } .mobile_menu .mm_top { height: 95px; } .mobile_menu .mm_content { height: calc(100vh - 95px); } .mobile_menu .mm_top a { font-size: 30px; } .mobile_menu .mm_content a { font-size: 18px; } .mobile_menu .mm_content .new_depthsub a { font-size: 16px; } #subpage #subpage_visual > div { height: 400px; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea { height: 55px; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth > span { font-size: 1.2em; } .gt_infoarea > div { width: 100%; } .gt_infoarea > div.img_areaSet > img { width: 100%; } .gt_infoarea > div.txt_areaSet > .t { margin-top: 55px; } .gt_infoarea > div.txt_areaSet > .tsub > .tsub_sec { font-size: 1.6em; margin-bottom: 20px; } .gt_infoarea > div.txt_areaSet > .tsub_sign > div > span { font-size: 1.6em; } #subpage > .subpage_section { padding: 0px 20px; } .history_section > div.hs_imgarea span { padding: 0px 0px 5px 0px; } .history_section > div.hs_imgarea span > img { width: 100%; } .history_section > div.hs_rowarea > .ab_set:before { width: 20px; height: 20px; left: -40px; border: 1px solid #fcae4c; } .history_section > div.hs_rowarea > .ab_set:after { height: 1px; left: -20px; } .history_section > div.hs_rowarea > .ab_set { padding-left: 40px; margin-bottom: 30px; } .history_section > div.hs_rowarea > .box_content { padding-left: 15px; } .history_section > div.hs_rowarea > .box_content > .box_set > .t { padding-left: 70px; } .oz_area > .oz_areaContent > img { height: 65vw; } .oz_area { background-size: auto 44vw; } .bd_filedown > .box > .bg > div { height: 40vw; } .bd_filedown > .box > .bg.seta > div { height: 20vw; } .section_type { padding: 0px 0px; margin-bottom: 45px; } .lc_traffic > div { width: 100%; } .lc_traffic > div.ict_bus { margin-bottom: 30px; } .businesst_titlea { padding: 0px 0px; } .businesst_area .ba_areaset { padding: 0px 0px; } .businesst_ESG_sectionb .list_set ul { width: 100%; } .businesst_ESG_sectionb .list_set ul.list1 { text-align: left; } .businesst_ESG_sectionb { margin-top: 50px; } .businesst_ESG_sectionc .ten_set .t { font-size: 1.5em; } .businesst_ESG_sectionc .ten_set { margin-top: 40px; padding-left: 110px; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div { width: 100%; margin-right: 0px; height: 300px; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set { top: auto; bottom: 40px; } .businesst1_sectiona { background-color: #fff; padding: 60px 0px 0px 0px; } .businesst1_sectionb .bsb_toparea { margin-bottom: 50px; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area { width: 100%; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area.area_center { margin: 0px 0px; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_seta { height: 580px; } .scroll_area_a {overflow:scroll;} .businesst2_sectionb table.main { width: 1280px; } .businesst2_sectiond .year_area { width: 1370px; } .businesst3_section .bs_toparea > .tsub { text-align: left; } .slider_sec > div.slider_info { padding: 0px 0%; width: 100%; margin-top: 25px; } .slider_sec > div.slider_area { width: 100%; } .slider_sec > div.slider_info .slick-slider-dots { margin-top: 40px; } .support_r_b div { margin-bottom: 20px; } .pn_area > div > a { width: 50%; margin: 0 0px 10px; } .pn_infoArea > .set_box > div { padding-left: 0px; } .pn_infoArea > .set_box > div > .ab_area { position: relative; margin-bottom: 20px; } .footer_infotop .fit_box > span { width: 100%; } .footer_infotop .fit_box > span:after { width: 0px; } #footerArea .fa_txt { width: 100%; padding-right: 0px; } #mainQuickBar a { width: calc(100% / 3); } #mainQuickBar { height: 300px; } .index_settitle {flex-direction: column;} .index_settitle > div:first-child {margin-bottom:30px;} #mainVisual .slide { height: 500px; } .slick_area { width: 80%; } } /* @media all and (max-width:425px) { */ @media all and (max-width:500px) { .dataSlider_cover .dsc_prev { left: 4vw; font-size: 9vw; line-height: 1em; } .dataSlider_cover .dsc_next { right: 1vw; font-size: 9vw; line-height: 1em; } .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a li:after { left: -15%; width: 10%; } .businesst2_sectiond .year_area .yarea_box > ul > .add_image { width: 10%; height: auto; top: 2vw; } .businesst2_sectiond .year_area .yarea_box > ul > li { width: 45%; } .businesst2_sectiond .year_area .yarea_box > ul > li li { font-size: 3.5vw; } .businesst2_sectiond .year_area .yarea_box > ul > .add_image > img { height: auto; width: 100%; } .businesst2_sectiond .year_area .yarea_box > ul > li strong { height: 11vw; margin-bottom: 5vw; font-size: 4vw; } .businesst2_sectiond .year_area .yarea_box > ul { width: 100%; } .businesst2_sectiond .year_area { width: 100%; padding: 4vw 4vw 4vw 4vw; } .businesst2_sectionb table.main p.list { padding-left: 4vw; margin-top: 4.5vw; } .businesst2_sectionb table.main p.list > span:first-child { width: 100%; display: block; margin-bottom: 2vw; } .businesst2_sectionb table.main p.list > span:last-child { width: 100%; } .businesst2_sectionc .step_area .step_box div p { font-size: 4vw; } .businesst2_sectionc .step_area .step_box div img { width: 20vw; } .bo_v_nb li .nb_tit { padding-right: 0px; width: 100%; margin-bottom: 2vw; } .bo_v_nb { font-size: 4vw; margin: 4vw 0; } #bo_v_file a { width: 100%; } #bo_v_file .bo_v_file_cnt { margin-top: 8vw; } #bo_v_file li i { display: none; } #bo_v_file li { font-size: 3.5vw; padding: 4vw; } #bo_cate li { margin-right: 0px; width: 100%; text-align: center; } .bo_cate_link { margin-right: 0px; height: auto; line-height: 1.6; padding: 1.5vw 4vw; border-radius: 2vw; font-size: 3.2vw; width: 100%; margin-bottom: 2vw; } .tbl_wrap table:after { height: 0px; } .tbl_head01 td { font-size: 4vw; line-height: 1.6; } .close_area { font-size: 6vw; } .fixed { font-size: 10vw; } .fixed.prev-btn { left: 4vw; } .fixed.next-btn { right: 4vw; } .slick_area { width: 95%; } .publication_area .gallery_set .ab_info .name { margin-top: 4vw; } .publication_area .gallery_set .ab_info .adif_left p { font-size: 4vw; } .publication_area .gallery_set .ab_info { height: auto; padding: 0 0 0 0; } .publication_area .gallery_set a.thumb { height: 80vw; } .publication_area .gallery_set { padding: 4vw 4vw; } #bo_v_con { margin: 4vw 0 4vw; } #bo_v_con p, #bo_v_con span { font-size:4vw !important; line-height:1.6; } #bo_v_title .bo_v_tit { font-size: 5vw; text-align: left; } .bd_munnews_area > .rowdata > .ab_info > div > .set_info { font-size: 2.7vw; } .bd_munnews_area > .rowdata > .ab_info > div > .t { font-size: 4vw; letter-spacing: 0px; margin-bottom: 3vw; } .bd_munnews_area > .rowdata > .ab_info { height: 22vw; padding: 4vw 4vw; } .bd_munnews_area > .rowdata.gallery_set { width: 100%; height: 90vw; margin-right: 0% !important; margin-bottom: 4vw !important; } .title_subject { font-size: 4vw; margin-top: 4vw; } .video_area > .rowdata .gallery_set { height: 55vw; } .video_area > .rowdata { width: 100%; margin-right: 0%; margin-bottom: 10vw; } .mobile_menu .mm_top { height: 17vw; } .mobile_menu .mm_content { height: calc(100vh - 17vw); } .mobile_menu .mm_top a { font-size: 7vw; } .mobile_menu .mm_content a { font-size: 4vw; padding: 3vw 20px; } .mobile_menu .mm_content .new_depthsub a { font-size: 3.9vw; padding: 2vw 20px; } .mobile_menu .mm_content .new_depthsub { padding: 1.5vw 0px; } #subpage #subpage_visual > div { height: 100vw; } #subpage #subpage_visual > div > .subpage_title { font-size: 5vw; padding: 0px 20px; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth { right: 20px; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth > span { font-size: 3.2vw; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea:after { width: 0px; } .sub_contTitleArea .scta_area > .title_area > .t > span.a { font-size: 5vw; margin-bottom: 3vw; } .sub_contTitleArea .scta_area > .title_area > .t > span.b { font-size: 12vw; letter-spacing: -0.4vw; } .gt_infoarea > div.txt_areaSet > .t { margin-top: 10vw; font-size: 5vw; margin-bottom: 5vw; } .gt_infoarea > div.txt_areaSet > .tsub > .tsub_sec { font-size: 4vw; margin-bottom: 5vw; } .gt_infoarea > div.txt_areaSet > .tsub_sign { padding: 0 0px; } .gt_infoarea > div.txt_areaSet > .tsub_sign > div > span { font-size: 4vw; display: block; width: 100%; margin-left: 0px; margin-bottom: 4vw; } .gt_infoarea > div.txt_areaSet > .tsub_sign > div > span > img { height: 10vw; } #subpage #subpage_visual > div > .sub_btm .sub_btmArea { height: 15vw; } .history_section:before { width: 0px; } .history_section > div { width: 100%; padding: 4vw 0px; } .history_section > div.hs_rowarea > .ab_set:before { width: 4vw; height: 4vw; left: 0px; } .history_section > div.hs_rowarea > .ab_set:after { left: 0px; } .history_section > div.hs_rowarea > .ab_set > span { font-size: 6vw; letter-spacing: 0px; } .history_section > div.hs_rowarea > .box_content > .box_set { margin-bottom: 4vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t { padding-left: 20vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t > .date { font-size: 3.5vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t > .title { font-size: 3.5vw; } .oz_area > .oz_areaContent > img { height: 85vw; } .oz_area { background-size: auto 60vw; } .section_type { margin-bottom: 15vw; } .chart_tabarea > a { font-size: 4vw; padding: 4vw 4vw; } .chart_tabarea { margin: 0px auto 4vw; } .oz_board { overflow: scroll; } .oz_board > table { min-width: 100%; width: 768px; } .oz_board > table th { font-size: 4vw; } .oz_board > table td { font-size: 4vw; } .bd_infoarea { text-align: left; } .bd_infoarea > .t { font-size: 4vw; margin-bottom: 5vw; } .bd_infoarea > .b { font-size: 4vw; } .bd_filedown > .box > .bg.seta > span { margin-bottom: 4vw; } .bd_filedown > .box > .btnarea > a { width: 100%; } .bd_simbole > .t { margin-bottom: 10vw; } .bd_simbole > .t > span { font-size: 4vw; letter-spacing: 0px; } .bd_simbole > .bdsb_area > .box_area > .box { width: 100%; margin-bottom: 15vw; } .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round { width: 44vw; height: 44vw; margin-bottom: 4vw; } .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round > div > p { font-size: 4vw; } .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p { padding: 4vw 0px; } .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p > span { font-size: 3.5vw; } .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt { font-size: 4vw; } .lc_infoarea > div { margin-bottom: 4vw; } .lc_infoarea > div > div > span { display: block; font-size: 4vw; width: 100%; } .lc_infoarea > div > div > span.label:after { width: 0px; } .lc_infoarea > div > div > span.label { margin-bottom: 2vw; } .lc_traffic > div > p { margin-bottom: 8vw; } .lc_traffic > div.ict_bus { margin-bottom: 8vw; } .lc_traffic > div > p > span { font-size: 4vw; padding: 4vw 0px 4vw 7vw; } .lc_traffic > div > .ict_traffic_info > .set > div > .t { font-size: 3vw; } .lc_traffic > div > .ict_traffic_info > .set > .area { font-size: 3.5vw; } .sub_contTitleArea .scta_area { padding: 4vw 0px 4vw 0px; } .businesst_title > p { padding: 4vw 4vw; font-size: 4vw; line-height: 1.8em; } .parallax_area { height: 80vw; } .businesst_titlea { margin-top: 8vw; margin-bottom: 9vw; } .businesst_titlea > p { text-align: left; } .businesst_titlea > p > span { font-size: 4vw; margin-bottom: 4vw; } .businesst_titlea > p > span:before { height: 0px; } .businesst_area .ba_areaset > .title { font-size: 4vw; text-align: left; margin-bottom: 10vw; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img { margin-bottom: 7vw; padding: 4vw 4vw; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img_title { padding: 0px 0px; font-size: 3.5vw; letter-spacing: 0; line-height: 1.6em; } .businesst_area .ba_areaset > .content_box > .box_right { padding: 4vw 4vw; -webkit-border-radius: 5vw; -moz-border-radius: 5vw; border-radius: 5vw; } .businesst_area .ba_areaset > .content_box > .box_right > p { font-size: 3.7vw; letter-spacing: 0px; line-height: 1.6; margin-bottom: 6vw; } .businesst_ESG_sectiona .esg_logo p.b { font-size: 4vw; margin-top: 5vw; line-height: 1.6; } .businesst_ESG_sectionb { margin-top: 10vw; } .businesst_ESG_sectionb .list_set ul { padding: 0px 0px; } .businesst_ESG_sectionb .list_set ul li { font-size: 4vw; margin-bottom: 1vw; } .businesst_ESG_sectionb .list_set { padding-bottom: 6vw; border-bottom: 0.4vw solid #f39200; } .businesst_ESG_sectionc .ten_set { margin-top: 10vw; padding-left: 0px; } .businesst_ESG_sectionc .ten_set > div.left { position: relative; width: 100%; left: 0px; top: 0%; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .businesst_ESG_sectionc .ten_set .t span.num { font-size: 8vw; } .businesst_ESG_sectionc .ten_set .t { font-size: 4.5vw; } .businesst_ESG_sectionc .ten_set .b { font-size: 4vw; } .businesst1_sectiona { padding: 5vw 0px 0px 0px; } .businesst1_sectiona .b1sa_area > .secarea > .seca > .t { padding: 3vw 4vw; font-size: 4vw; letter-spacing: 0px; } .businesst1_sectiona .b1sa_area > .secarea > .seca > .tsub { padding: 4vw 4vw 4vw 4vw; font-size: 4vw; } .businesst1_sectiona .b1sa_area > .secarea { margin-bottom: 10vw; } .businesst1_sectiona .b1sa_area > .secarea > .stitle { padding: 0px 0px 0px 6vw; font-size: 4vw; margin-bottom: 4vw; } .businesst1_sectiona .b1sa_area > .secarea > .depth > p { font-size: 4vw; line-height: 1.6; padding: 1vw 0px; } .businesst1_sectiona .b1sa_area > .secarea > .depth { padding: 0px 0px 0px 0px; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div { height: 75vw; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set { bottom: 10vw; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set > .t { font-size: 4.5vw; margin-bottom: 4vw; } .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set > .tsub { font-size: 4vw; line-height: 1.6; } .businesst1_sectionb { padding-top: 20vw; } .businesst1_sectionb .bsb_toparea > .t { font-size: 5vw; margin-bottom: 4vw; } .businesst1_sectionb .bsb_toparea > .tsub { font-size: 4vw; line-height: 1.6; } .businesst1_sectionb .bsb_toparea { margin-bottom: 10vw; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_seta { height: 55vw; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea { height: 20vw; padding: 4vw 4vw 0px 4vw; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea > .ttitle { font-size: 4vw; letter-spacing: 0px; } .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_setb { height: 55vw; } .businesst2_sectiona img.businesst2_icon { margin: 0 auto 6vw; height: 20vw; } .sizeup { font-size: 4vw !important; } .businesst2_sectiona .top_area p.t { font-size: 3.5vw; margin-bottom: 5vw; text-align:left; } .tab_class { margin-top: 20vw; } .tab_class > a { font-size: 4vw; width: 50%; } .businesst2_sectionb { margin-top: 10vw; } .businesst2_sectionb table.main > tbody > tr > th { width: 100%; font-size: 4vw; padding: 4vw; display: block; } .businesst2_sectionb table.main > tbody > tr > td { width: 100%; padding: 5vw 0px; display: block; } .businesst2_sectionb table.main { font-size: 4vw; width:100%; } .businesst2_sectionc { margin-top: 10vw; padding: 10vw 0; } .businesst2_sectionc .tt { font-size: 5vw; margin-bottom: 4vw; } .businesst2_sectionc .step_area .step_box div { width: 40vw; height: 40vw; } .businesst2_sectionc .step_area .step_box:before { content: '▼'; width: 10vw; height: 40vw; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:9999; top:-25vw; } .businesst2_sectionc .step_area .step_box:first-child { width: 40vw; } .businesst2_sectionc .step_area .step_box { width: 40vw; font-size: 4vw; margin-bottom:10vw; } .businesst2_sectionc .step_area { width: 100%; justify-content: center; flex-flow: column; } .businesst2_sectionc .ref_area { padding: 6vw; } .businesst2_sectionc .ref_area p.tt { font-size: 4.5vw; margin-bottom: 4vw; } .businesst2_sectionc .ref_area p.list { padding-left: 4vw; font-size: 4vw; margin-bottom: 1vw; } .businesst3_section .bs_toparea { margin-bottom: 15vw; } .businesst3_section .bs_toparea > .t { font-size: 4vw; margin-bottom: 10vw; } .businesst3_section .bs_toparea > .tsub p { margin-bottom: 4vw; font-size: 4vw; } .img_info { font-size: 3.2vw; } .businesst3_ment { margin: 15vw 0px; } .slider_sec > div.slider_info { margin-top: 4vw; } .slider_sec > div.slider_info > .t { font-size: 4vw; } .slider_sec > div.slider_info > .txt { padding: 4vw 0px 0px 0px; font-size: 4vw; } .slider_sec > div.slider_info .slick-slider-dots { margin-top: 10vw; } .slider_sec > div.slider_info .slick-slider-dots li button { width: 4vw; height: 4vw; } .ingpage_area > img { height: 55vw; margin-top: 10vw; } .support_p2 { font-size: 4vw; margin-bottom: 2vw; margin-top: 10vw; } .support_p3 { font-size: 5vw; } .support_r_b div:after { width: 0px; height: 0px; } .support_r_b div { width: 50vw; height: 50vw; padding-top: 19vw; margin-bottom: 4vw; margin-right: 0px; background-size: cover; } .support_r_b_tit { font-size: 4vw; } .support_r_b_con { font-size: 4vw; } .support_b_3 { margin: 5vw auto 0; padding: 8vw 0 4vw; } .support_b_3 div { display: block; } .support_b_p3_t { font-size: 4vw; } .support_b_p3_ul { margin-top: 4vw; } .support_b_3 div:nth-child(2) { padding-left: 8vw; } .support_b_3 div:nth-child(1) { padding-right: 0px; padding-left: 8vw; margin-bottom: 10vw; } .support_b_p3_ul li { font-size: 3.5vw; } .support_b_4 { padding-left: 0px; margin-top: 8vw; } .support_b_4 p { font-size: 3.5vw; line-height: 1.6; } .pn_area > div > a { width: 100%; } .pn_area > div > a > span.pn_name { font-size: 4vw; } .pn_area { margin-bottom: 10vw; } .pn_infoArea > .set_box { padding: 10vw 0px 10vw 0px; } .pn_infoArea > .set_box > div > .ab_area > p { font-size: 4vw; } .pn_infoArea > .set_box > div > .set_boxCont > p { font-size: 4vw; } .pn_infoArea > .set_box > div > .set_boxCont > p.dout { padding-left: 5vw; margin-bottom: 4vw; } .footer_infotop .fit_box { padding: 0px 0px 0px 0px; } .footer_infotop .fit_box > div { position: relative; width: 100%; height: 12vw; } .footer_infotop .fit_box > span { font-size: 4vw; padding: 1vw 4vw; margin-right: 0px; } #footerArea { padding: 10vw 4vw; } #footerArea .fa_img { margin-bottom: 10vw; } #footerArea .fa_img img { height:10vw; } #footerArea .fa_txt .f_top { font-size: 4vw; margin-bottom: 8vw; } #footerArea .fa_txt .f_btm { font-size: 4vw; } #footerArea .fa_txt .f_btm .fb_info { margin-bottom: 5vw; } #footerArea .fa_txt .f_btm .fb_info p span { display: block; width: 100%; text-align: left; } #footerArea .fa_txt .f_btm .fb_info p span:after { content: ''; margin: 0 0px; } #footerArea .fa_txt .f_btm .fb_info p { margin-bottom: 1vw; } #mainQuickBar a { width: calc(100% / 2); } #mainQuickBar { height: 100vw; } #mainQuickBar a p { font-size: 4vw; margin-top: 4vw; } #mainQuickBar a img { max-width: auto !important; height: 14vw; } #mainSection { padding: 15vw 20px; } #mainSection h2.sectionTitle { font-size: 7vw; } .index_settitle > div:first-child { margin-bottom: 6vw; } span.cate_set { font-size: 3vw; padding: 1.8vw 4vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; border-radius: 2vw; width: 25vw; margin-right: 4vw; } #mainSection.type1 .sectionArea a.thumb { padding: 4vw 4vw; } #mainSection .sectionArea a.thumb p.title { font-size: 4vw; } #mainSection .sectionArea a.thumb p.date { font-size: 3.5vw; } #mainSection.type2 .sectionArea a.thumb.verTxt p.title { width: 100%; font-size: 4vw; } #mainSection.type2 .sectionArea a.thumb.verTxt p.title > span.subject_set { display: block; width: 100%; padding: 4vw 0vw; } #mainSection.company { margin-bottom: 0vw; } #mainSection.company h2.sectionTitle { margin-bottom: 5vw; display: block; text-align: center; } .title_mainslide { font-size: 4vw; margin-top: 4VW; padding: 0 0px; margin-right: 0px; } #mainSection.company .slickArea .slide img { width: 55%; } #mainVisual .slide .v_text p.title { font-size: 7vw; margin: 0 0 0; } #mainVisual .slide .v_text p.btm { font-size: 3.5vw; } #mainVisual .slide { height: 110vw; } #mainVisual .slide .v_text { top: 60%; } #new_header .new_slicklogo { width: 50vw; } #new_header .new_slicklogo img { width: 100%; } .mentlogo { font-size: 4vw; } .mo_menu > a { font-size: 6.5vw; } .pn_area > div > a > img { max-width: 90%; margin: 0px auto; } } /* @media all and (max-width:1440px) { #mainVisual {height:660px;} #mainVisual .slide img {width:auto; height:100%} #mainVisual .pager {left:40px;} #mainVisual .slick-dots {left:calc(40px + 140px);} #mainQuickBar {width:calc(100% - 80px); max-width:inherit;} #mainSection {width:calc(100% - 80px); max-width:inherit;} #headerArea #head {padding:0 40px;} #headerArea #head .wrap {padding:25px 10px;} #headerArea .head_mainMenu .area_box {padding:0 20px;} .footer_logo {padding:20px 0;} .footer_logo .wrap_1370 {width:calc(100% - 80px); max-width:inherit;} #footerArea {padding:60px 0;} #footerArea .wrap_1370 {width:calc(100% - 80px); max-width:inherit;} #footerArea .fa_txt {width:calc(100% - 240px);} #footerArea .fa_img {width:240px;} #footerArea .fa_img img {width:100%;} } @media all and (max-width:1370px) { #mainSection.type2 .sectionArea a.thumb.verImg {width:100%; height:160px;} #mainSection.type2 .sectionArea a.thumb.verImg .date {width:70px; height:70px;} #mainSection.type2 .sectionArea a.thumb.verImg .date p.day {font-size:2em;} #mainSection.type2 .sectionArea a.thumb.verImg .text {width:350px; padding:20px 10px;} #mainSection.type2 .sectionArea a.thumb.verImg .img {width:calc(100% - 80px - 350px);} #mainSection.type2 .sectionArea a.thumb.verImg .img img {width:100%;} } @media all and (max-width:1024px) { #headerArea #head {padding:0 10px;} #headerArea a.toplogo img {height:36px;} #headerArea nav.listMenu {display:none;} #mo_nav .mo_menu_box_close {top:30px; cursor:pointer;} #mo_nav .mo_menu_box_close span {border-radius:1px; background:#777;} #mo_nav .mo_menu_div_tit {color:#333; cursor:pointer;} #mo_nav .mo_menu_ul {padding-left:32px;} #mo_nav .mo_menu_ul a {color:#555;} #mainVisual {height:550px;} #mainVisual .slide img {height:550px;} #mainVisual .slide .v_text {font-size:16px;} #mainVisual .slide .v_text p.title {margin:10px 0 20px; font-size:2.2em;} #mainVisual .pager div {width:50px; height:50px;} #mainVisual .pager div img {width:100%;} #mainVisual .slick-dots {left:calc(40px + 100px);} #mainVisual .slick-dots li {height:50px;} #mainQuickBar {height:160px;} #mainQuickBar a img {height:44px;} #mainQuickBar a p {font-size:16px; font-weight:400;} #mainSection {padding:80px 0;} #mainSection h2.sectionTitle {font-size:28px;} #mainSection .sectionArea a.thumb p.title {font-size:18px;} #mainSection.type1 .sectionArea a.thumb {width:calc((100% - 40px) / 3); padding:30px 15px;} #mainSection.type1 .sectionArea a.thumb:last-child {display:none;} #mainSection.type1 .sectionArea a.thumb p.content {margin-top:20px;} #mainSection.type1 .sectionArea a.thumb p.date {margin-top:20px;} #mainSection.type1 .sectionArea a.thumb .deco {width:50px; height:50px;} #mainSection.type1 .sectionArea a.thumb .deco img {width:100%;} #mainSection.verBetween .ms_left {width:calc((100% - 20px) / 13 * 9);} #mainSection.verBetween .ms_right {width:calc((100% - 20px) / 13 * 4);} #mainSection.type2 .sectionArea a.thumb.verImg {height:auto;} #mainSection.type2 .sectionArea a.thumb.verImg .date p.day {font-size:1.8em;} #mainSection.type2 .sectionArea a.thumb.verImg .text {width:calc(100% - 70px); padding:20px;} #mainSection.type2 .sectionArea a.thumb.verImg .text p.content {margin-top:15px;} #mainSection.type2 .sectionArea a.thumb.verImg .img {display:none;} #mainSection.type2 .sectionArea a.thumb.verTxt {padding:15px 10px;} #mainSection.type2 .sectionArea a.thumb.verTxt p.title {width:calc(100% - 90px); line-height:1.4;} #mainSection.type2 .freeboard_btn {margin-top:58px;} #mainSection.type2 .freeboard_btn p {font-size:24px;} #mainSection.type2 .freeboard_btn .deco {width:50px; height:50px;} #mainSection.type1 .freeboard_btn .deco img {width:100%;} #mainSection.public .slickArea .slide {height:300px;} #mainSection.public .slickArea .slide.slick-current {width:300px;} #mainSection.public .pager {bottom:290px; left:320px;} #mainSection.public .pager div {width:50px; height:50px;} #mainSection.public .pager div img {width:100%;} #mainSection.company {margin-bottom:80px;} #mainSection.company h2.sectionTitle {top:80px;} #mainSection.company .slickArea {padding-left:300px; margin-top:-10px;} #mainSection.company .slickArea .slide .logo {height:100px; padding:10px; margin-right:10px; margin-top:10px;} #mainSection.company .pager {bottom:80px;} #mainSection.company .pager div {width:50px; height:50px;} #mainSection.company .pager div img {width:100%;} .ft_logoSlider .slick-slide img {height:30px;} .ft_logoSlider .slick-arrow img {height:20px;} #footerArea {padding:50px 0 40px;} #footerArea .wrap_1370 {flex-flow:column-reverse; padding:0 10px;} #footerArea .fa_txt {width:100%; padding-right:0; display:flex; flex-flow:column-reverse; text-align:center;} #footerArea .fa_txt .f_top {justify-content:center; margin-bottom:0; margin-top:20px;} #footerArea .fa_txt .f_top a:after {padding:0 10px;} #footerArea .fa_txt .f_btm .fb_info p {justify-content:center;} #footerArea .fa_txt .f_btm .fb_info p span:after {margin:0 10px;} #footerArea .fa_img {margin-bottom:30px;} } @media all and (max-width:768px) { #headerArea #head .wrap {padding:15px 10px;} #headerArea a.toplogo img {height:30px;} #mo_nav .mo_menu_box_close {top:15px;} #mainVisual {height:450px;} #mainVisual .slide img {height:450px;} #mainVisual .slide .v_text {font-size:14px; margin-top:-20px;} #mainVisual .slide .v_text p.title {margin:10px 0 15px; font-size:2em;} #mainVisual .pager {left:20px;} #mainVisual .pager div {width:40px; height:40px;} #mainVisual .slick-dots {left:calc(20px + 80px);} #mainVisual .slick-dots li {height:40px; font-size:14px;} #mainQuickBar {width:calc(100% - 40px); height:auto;} #mainQuickBar a {padding:4% 5px;} #mainQuickBar a img {height:36px;} #mainQuickBar a p {font-size:14px; line-height:1.4; margin-top:10px;} #mainQuickBar a p br {display:block;} #mainSection {width:calc(100% - 40px); padding:70px 0;} #mainSection h2.sectionTitle {font-size:24px; margin-bottom:20px;} #mainSection .sectionArea a.thumb {font-size:12px;} #mainSection .sectionArea a.thumb p.title {font-size:16px;} #mainSection.verBetween {flex-flow:column;} #mainSection.verBetween .ms_left {width:100%;} #mainSection.verBetween .ms_right {width:100%;} #mainSection.type1 .sectionArea a.thumb {width:calc((100% - 15px) / 2); padding:20px 15px; margin-bottom:15px; justify-content:space-between;} #mainSection.type1 .sectionArea a.thumb:last-child {display:flex;} #mainSection.type1 .sectionArea a.thumb p.content {display:none;} #mainSection.type1 .sectionArea a.thumb .deco {width:40px; height:40px;} #mainSection.type2 .sectionArea a.thumb.verImg {align-items:stretch;} #mainSection.type2 .sectionArea a.thumb.verImg .date {height:100%; padding:20px 0;} #mainSection.type2 .sectionArea a.thumb.verImg .text {padding:0 20px; display:flex; align-items:center;} #mainSection.type2 .sectionArea a.thumb.verImg .text p.content {display:none;} #mainSection.type2 .freeboard_btn {flex-flow:row-reverse; justify-content:center; align-items:center; margin-top:30px; padding:10px 5%;} #mainSection.type2 .freeboard_btn img {width:auto; max-width:inherit; height:80px;} #mainSection.type2 .freeboard_btn p {margin-right:5%;} #mainSection.type2 .freeboard_btn .deco {width:40px; height:40px;} #mainSection.type2 .freeboard_btn .deco img {height:100%;} #mainSection.public .slickArea .slide {height:200px; padding-top:80px;} #mainSection.public .slickArea .slide.slick-current {width:200px;} #mainSection.public .pager {bottom:200px; left:220px;} #mainSection.public .pager div {width:40px; height:40px;} #mainSection.public .pager div img {width:100%;} #mainSection.company {margin-bottom:70px;} #mainSection.company h2.sectionTitle {top:70px;} #mainSection.company .slickArea {padding-left:200px;} #mainSection.company .pager {bottom:70px;} #mainSection.company .pager div {width:40px; height:40px;} .footer_logo {padding:15px 0;} .footer_logo .wrap_1370 {width:calc(100% - 20px);} .ft_logoSlider .slick-arrow {margin-top:-12px;} .ft_logoSlider .slick-slide img {height:25px;} #footerArea {padding:35px 0;} #footerArea .wrap_1370 {width:calc(100% - 20px);} #footerArea .fa_txt {font-size:12px; line-height:1.4;} #footerArea .fa_txt .f_top {margin-top:15px;} #footerArea .fa_txt .f_btm .fb_info {margin-bottom:15px;} #footerArea .fa_img {width:200px; margin-bottom:20px;} .history_section:before { left: 0%; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); } .history_section > div { width: 100%; padding: 15px 0px; } .history_section > div.hs_imgarea span { text-align: center; } .history_section > div.hs_imgarea span img {width:100%;} .history_section > div.hs_rowarea > .ab_set:before { width: 26px; height: 26px; left: -13px; border: 2px solid #fcae4c; } } @media all and (max-width:426px) { .history_section > div.hs_rowarea > .ab_set:before { width: 6.1vw; height: 6.1vw; left: -3.05vw; border: 2px solid #fcae4c; } .history_section > div.hs_rowarea > .ab_set > span { font-size: 9vw; letter-spacing: -0.4vw; } .history_section > div.hs_rowarea > .ab_set { padding-left: 9vw; margin-bottom: 8vw; } .history_section > div.hs_rowarea > .box_content > .box_set { margin-bottom: 7vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t > .date { position:relative; font-size: 4vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t > .title { font-size: 4vw; } .history_section > div.hs_rowarea > .box_content { padding-left: 9vw; } .history_section > div.hs_rowarea > .box_content > .box_set > .t { padding-left: 0px; } #headerArea a.toplogo img {height:24px;} #headerArea .mo_menu_bar {top:49%;} #mainVisual {height:350px;} #mainVisual .slide img {height:350px;} #mainVisual .slide .v_text {font-size:12px; margin-top:10px;} #mainVisual .slide .v_text p.top {font-size:1.2em;} #mainVisual .slide .v_text p.title {margin:5px 0 10px; font-size:1.6em;} #mainVisual .pager {bottom:20px;} #mainVisual .pager div {width:35px; height:35px;} #mainVisual .slick-dots {bottom:20px; left:calc(10px + 70px);} #mainVisual .slick-dots li {height:35px; font-size:12px;} #mainVisual .slick-dots li.slick-active:after {width:20px; height:1px;} #mainQuickBar {width:100%; margin-top:0;} #mainQuickBar a {padding:4% 2px;} #mainQuickBar a img {height:26px;} #mainQuickBar a p {font-size:12px; line-height:1.2; margin-top:8px;} #mainSection {width:calc(100% - 20px); padding:60px 0;} #mainSection h2.sectionTitle {font-size:18px; margin-bottom:15px;} #mainSection .sectionArea a.thumb p.title {font-size:14px;} #mainSection.type1 .sectionArea a.thumb {width:calc((100% - 10px) / 2); padding:15px 10px; margin-bottom:10px;} #mainSection.type1 .sectionArea a.thumb p.date {margin-top:15px;} #mainSection.type1 .sectionArea a.thumb .deco {width:35px; height:35px;} #mainSection.type2 .sectionArea a.thumb.verImg .date {padding:15px 0;} #mainSection.type2 .sectionArea a.thumb.verImg .text {padding:0 15px;} #mainSection.type2 .sectionArea a.thumb.verImg .text p.title {font-size:14px;} #mainSection.type2 .freeboard_btn img {height:60px;} #mainSection.type2 .freeboard_btn p {font-size:18px; margin-right:10%;} #mainSection.type2 .freeboard_btn .deco {width:35px; height:35px;} #mainSection.public .slickArea .slide {height:160px; padding-top:60px; margin-right:5px;} #mainSection.public .slickArea .slide.slick-current {width:160px; margin-right:10px;} #mainSection.public .pager {bottom:180px; left:170px;} #mainSection.public .pager div {width:35px; height:35px;} #mainSection.public .pager div img {width:100%;} #mainSection.company {margin-bottom:40px;} #mainSection.company h2.sectionTitle {position:relative; top:auto;} #mainSection.company .slickArea {padding-left:0; margin-top:-7px;} #mainSection.company .slickArea .slide .logo {height:60px; margin-right:7px; margin-top:7px;} #mainSection.company .pager {position:relative; bottom:auto; margin-top:10px;} #mainSection.company .pager div {width:35px; height:35px;} .footer_logo {padding:12px 0;} .footer_logo .wrap_1370 {width:calc(100% - 10px); padding:0 10px;} .ft_logoSlider .slick-arrow {margin-top:-10px;} .ft_logoSlider .slick-arrow img {height:12px;} .ft_logoSlider .slick-slide img {height:18px;} #footerArea {padding:30px 0;} #footerArea .wrap_1370 {width:calc(100% - 10px);} #footerArea .fa_txt .f_top {margin-top:15px;} #footerArea .fa_txt .f_top a:after {padding:0 5px;} #footerArea .fa_txt .f_btm .fb_info {margin-bottom:10px;} #footerArea .fa_txt .f_btm .fb_info p {display:inline; word-break:keep-all;} #footerArea .fa_txt .f_btm .fb_info p:after {content:'｜'; display:inline; width:1px; height:10px; color:#777; margin:0 2px;} #footerArea .fa_txt .f_btm .fb_info p:last-child:after {display:none;} #footerArea .fa_txt .f_btm .fb_info p span:after {margin:0 2px;} #footerArea .fa_txt .f_btm .fb_copy p {word-break:keep-all;} #footerArea .fa_img {width:160px; margin-bottom:20px;} } @media all and (max-width:1860px) { .wrap_1860{width:100%;} .main_sec .visual_area > .visual_txtarea{left:12.366vw;} } @media all and (max-width:1700px) { .wrap_1680{width:100%; padding:0 20px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .tsub{margin-bottom:5vw;} } @media all and (max-width:1670px) { .wrap_1660{width:95%;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea{height:6.867vw;} } @media all and (max-width:1650px) { .wrap_1610{width:100%; padding:0 20px;} .main_sec.typeb{padding:9.193vw 0px 6.646vw 0px;} .typeb_area{padding-left:36.646vw;} .slick_title_area{width:37.391vw;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeaa, .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typea{height:39.130vw;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb{height:18.634vw;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area{margin-bottom:3.106vw;} .bx-viewport{height:auto !important;} .typeb_area > .typeba_abarea > .titlearea{margin-bottom:5.280vw;} .main_sec.typed > .typed_slickbox .tsbn_mainbox{padding:1.786vw 0px;} .main_sec.typed > .typed_slickbox .tsbn_mainbox > .mainprev{left:-1.786vw;} .main_sec.typed > .typed_slickbox .tsbn_mainbox > .mainnext {right:-1.786vw;} } @media all and (max-width:1500px) { .msctc_area:after{bottom:-55px;} .support_tit_only p{left:30px;} } @media all and (max-width:1470px) { .wrap_1460{width:100%; padding:0 20px;} .fullbg_typea{padding:3.741vw 0px 5.442vw 0px; margin-bottom:6.803vw;} .fullbg_typea .sec2_cont > .sec2c_title:before{width:20%;} .fullbg_typea .sec2_cont > .sec2c_title:after{width:20%;} .fullbg_typea .sec2_cont > .sec2c_cont > div{padding:2.721vw 6.803vw; min-height:284px} } @media all and (max-width:1400px) { .wrap_1370{width:100%; padding:0 20px;} #header .header_area > div > .top_menuarea{left:29vw;} #header .header_area > div > .top_menuarea > a{margin-left:6vw;} .header_area_mainmenu > .area_set > .area_set_area > div > div.smenu{width:16vw;} .msctc_area .smsctc_area > div.imgarea{width:500px;} .main_sec.typec{padding-top:30px;} .main_sec.typec:after{height:36px; bottom:-35px;} .msctc_area:before{height:36px; bottom:-35px;} .msctc_area:after{bottom:-36px; left:-80px;} .oz_area > .oz_areaContent{} .oz_area > .oz_areaContent img{width:100%;} .businesst_title {margin-bottom:50px;} .businesst_titlea {margin-top:40px; margin-bottom:80px;} .businesst_area .ba_areaset > .title {margin-bottom:40px;} .businesst_area .ba_areaset > .content_box > .box_left > .box_img {margin-bottom:30px;} .businesst_area .ba_areaset > .content_box > .box_right > p {margin-bottom:20px;} .publication_area .gallery_set {padding:30px 10px;} .publication_area .gallery_set a.thumb {width:300px; height:300px;} .publication_area .gallery_set .ab_info {width:calc(100% - 300px); height:300px; padding:10px 10px 0 30px;} .publication_area .gallery_set .ab_info .adif_left {width:150px;} .publication_area .gallery_set .ab_info .adif_left p {font-size:20px;} .publication_area .gallery_set .ab_info .adif_left a.pdf {padding:8px; font-size:16px;} .publication_area .gallery_set .ab_info .adif_right {width:calc(100% - 150px); padding-left:50px;} .info_group {font-size:16px; margin-bottom:15px;} .info_group p.t {margin-bottom:5px;} .info_group .b ul.list li {margin-bottom:5px;} .info_group .b ul.list.ver1 > li > p {padding-left:10px;} .info_group .b ul.list.ver2 {padding-left:15px;} .info_group .b ul.list.ver2 > li {margin-top:5px;} .info_group .b ul.list.ver2 > li > p {padding-left:8px;} } @media all and (max-width:1380px) { .wrap_1370{width:100%; padding:0 20px;} .gt_infoarea > div.img_areaSet{margin-right:20px; width:calc(50% - 20px);} .gt_infoarea > div.txt_areaSet{margin-left:20px; width:calc(50% - 20px);} .gt_infoarea > div.txt_areaSet > .t br{display:none;} .img_areaSet{background:url('/theme/basic.mecemet/img/homepage/img_areaSet.jpg')center no-repeat; width:524px; height:686px; background-size:cover} .img_areaSet img{display:none;} .gt_infoarea{margin-bottom:8.759vw;} .meseat_info > .design_box_area > .design_box{} .info_box_area > .img_area{margin-top:30px;} .info_box_area > .img_area > div{width:calc(50% - 20px);} .info_box_area > .img_area > .larea{margin-right:20px; height:409px; background:url('/theme/basic.mecemet/img/homepage/img_larea.jpg')center no-repeat; background-size:cover;} .info_box_area > .img_area > .larea img{display:none;} .info_box_area > .img_area > .rarea{margin-left:20px; height:409px; background:url('/theme/basic.mecemet/img/homepage/img_rarea.jpg')center no-repeat; background-size:cover;} .info_box_area > .img_area > .rarea img{display:none;} #subpage > .subpage_section{margin-bottom:10.145vw;} .meseat_info > .design_box_area > .design_box{margin-bottom:60px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area{width:400px; height:400px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area:after{width:426px; height:225px; border-radius:210px 210px 0px 0px; -moz-border-radius:210px 210px 0px 0px; -webkit-border-radius:210px 210px 0px 0px;} .sub_contTitleArea .scta_area > .title_area > .t > span.b{font-size:5.547vw;} .fullbg_typea .sec2_cont > .sec2c_cont > div{min-height:330px;} .gt_infoarea > div.txt_areaSet > .tsub_sign{padding:0 7.299vw;} .bd_munnews_area > .rowdata{height:390px;} .support_tit_only p{font-size:34px;} .support_b_3{display:block; width:100%;} } @media all and (max-width:1362px) { .bd_filedown > .box > .bg > div > img{display:none;} .ci_img01{background:url('/theme/basic.mecemet/img/homepage/logo_img1.jpg')center no-repeat; width:100%; height:325px;} .ci_img02{background:url('/theme/basic.mecemet/img/homepage/logo_img2.jpg')center no-repeat; width:100%; height:188px; background-position:41% center;} .ci_img03{background:url('/theme/basic.mecemet/img/homepage/logo_img3.jpg')center no-repeat; width:100%; height:188px; background-position:41% center;} .ci_img04{background:url('/theme/basic.mecemet/img/homepage/logo_img4.jpg')center no-repeat; width:100%; height:188px; background-position:41% center;} } @media all and (max-width:1290px) { .wrap_1280{width:100%; padding:0 20px;} } @media all and (max-width:1250px) { .wrap_1240{width:100%; padding:0 20px;} .support_p1 br:nth-child(1){display:none;} } @media all and (max-width:1220px) { .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area{width:100%;} .typeb_area > .typeba_abarea{width:32.143vw;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeaa, .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typea{height:49vw;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb{height:23vw;} .tsub br{display:none;} } @media all and (max-width:1180px) { #subpage > .subpage_section{margin-bottom:10.145vw;} .meseat_info > .design_box_area > .design_box{margin-bottom:60px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area{width:300px; height:300px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area:after{width:326px; height:175px; border-radius:160px 160px 0px 0px; -moz-border-radius:160px 160px 0px 0px; -webkit-border-radius:160px 160px 0px 0px;} } @media all and (max-width:1170px) { .wrap_1165{width:100%;} .padding_20{padding:0 20px;} .chart_tabarea {margin-bottom:20px;} .chart_tabarea > a {font-size:16px;} } @media all and (max-width:1079px) { .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div > img:last-child{margin-top:20px;} } @media all and (max-width:1024px) { .top_menuarea{display:none;} .mo_menu_bar{display:block; position:absolute; right:20px; top:50%; width:30px; height:17px; margin-top:-8.5px;} .mo_menu_bar span{display:block; height:4px; width:100%; background-color:rgba(191, 190, 188, 1); margin-bottom:3.5px; border-radius:12px;} .mo_menu_bar span:last-child{margin-bottom:0px;} .mo_menu_bar:hover span{background-color:#000;} .mo_menu_box{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999999;} .mo_menu_box_right{display:block; width:300px; background-color:#FFF; height:100%; float:right; padding-top:100px;} .mo_menu_box_close{display:block; position:absolute; right:20px; top:15px; width:30px; height:35px;} .mo_menu_box_close span{display:block; height:4px; width:100%; background-color:rgba(191, 190, 188, 1); margin-bottom:4.5px; border-radius:12px; position:absolute; top:15px;} .mo_menu_box_close:hover span{background-color:#000;} .mo_menu_box_close span:nth-child(1){transform:rotate(45deg);} .mo_menu_box_close span:nth-child(2){transform:rotate(-45deg);} .mo_menu_div{display:block; width:100%; border-bottom:1px solid rgba(191, 190, 188, 1); padding:15px 0;} .mo_menu_div_tit{font-size:18px; font-weight:bold; padding-left:20px; color:rgba(191, 190, 188, 1);} .mo_menu_ul{display:none; padding-left:40px;} .mo_menu_ul a{padding:5px 0; padding-bottom:10px; font-size:18px; display:block; color:rgba(191, 190, 188, 1);} .mo_menu_ul a:nth-child(1){margin-top:20px;} .main_sec .visual_area > .visual_txtarea > .t > span{font-size:4vw;} .main_sec .visual_area > .visual_txtarea > .ttitle > span{font-size:4.6vw;} .main_sec .visual_area > .visual_txtarea > .txt_area{font-size:2.5vw;} .main_sec .visual_area > .scrollarea{bottom:2vw;} .typeb_area > .typeba_abarea{width:100%; position:relative; margin-bottom:4.883vw;} .typeb_area{padding-left:0px;} .typeb_area > .typeba_abarea > .titlearea > .t{font-size:5.5vw;} .typeb_area > .typeba_abarea > .titlearea > .t br{display:none;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area{margin-bottom:35px;} .typeb_area .bx-viewport {height:500px !important;} .msctc_area .smsctc_area > div.txtarea{width:100%; margin-top:40px; padding:0px;} .main_sec.typeb{display:inline-block;} .main_sec.typec{display:inline-block; width:100%; padding-top:5.859vw; padding-bottom:20px; margin-bottom:-5px;} .msctc_area .smsctc_area > div.imgarea{width:100%;} .msctc_area .smsctc_area > div.imgarea > img{position:relative; width:auto;} .msctc_area .smsctc_area > div.txtarea > .t{text-align:center;} .msctc_area .smsctc_area > div.txtarea > .t br{display:none;} .msctc_area .smsctc_area > div.txtarea > .tsub{text-align:center;} .msctc_area .smsctc_area > div.txtarea > .ttsub{text-align:center;} .msctc_area .smsctc_area > div.txtarea > .alink{position:absolute; bottom:0px; left:50%; z-index:99; margin-left:-68px;} .msctc_area:after{display:none;} .main_sec.typec:after{bottom:-15px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set{width:100%;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .t{} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .t br{display:none;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .t > span{text-align:center;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a > .tsub{text-align:center;} .typea_area > .typeaa{width:100%;} .main_sec.typed{padding:0 0 80px;} .oz_area{background:url(../img/homepage/oz_area_img.jpg) 30px center no-repeat; background-size:36%;} .oz_area > .oz_areaContent{width:60%;} .oz_board > table td.table_widthc{padding-left:6.442vw;} .new_logo .slick-slide img{height:36px;} .fullbg_typea .sec2_cont > .sec2c_title:before{width:15%;} .fullbg_typea .sec2_cont > .sec2c_title:after{width:15%;} .bd_simbole > .bdsb_area > .box_area > .box > div > div{padding:0 10px;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round{width:140px; height:140px;} .parallax_area{height:150px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div{height:500px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div > .ab_set{padding:0px 25px; top:335px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea > .ttitle{font-size:1.4em;} .businesst_ESG_sectiona .esg_logo {padding:5% 12%;} .businesst_ESG_sectiona .esg_logo img {width:500px;} .businesst_ESG_sectiona .esg_logo p.t {font-size:1.4em; line-height:1.4;} .businesst_ESG_sectionb {margin-top:80px;} .businesst_ESG_sectionb .tt {font-size:2.6em;} .businesst_ESG_sectionb .list_set {flex-flow:column wrap; padding-bottom:60px;} .businesst_ESG_sectionb .list_set ul {width:100%;} .businesst_ESG_sectionb .list_set ul li {font-size:1.6em;} .businesst_ESG_sectionc .ten_set {margin-top:60px;} .businesst_ESG_sectionc .ten_set .t {font-size:2em;} .businesst_ESG_sectionc .ten_set .t span.num {font-size:2.5em; margin-right:6px;} .businesst_ESG_sectionc .ten_set .b {font-size:1.4em;} .businesst2_sectiona .top_area {padding:4%;} .businesst2_sectiona .top_area p.t {font-size:1.4em; line-height:1.6;} .businesst2_sectionb {margin-top:80px;} .businesst2_sectionb table.main {font-size:1.4em; line-height:1.6;} .businesst2_sectionb table.main > tbody > tr > th {width:200px; padding:20px;} .businesst2_sectionb table.main > tbody > tr > td {width:calc(100% - 200px); padding:20px;} .businesst2_sectionb table.main p.tt {margin-top:20px;} .businesst2_sectionb table.main p.list {position:relative; padding-left:15px;} .businesst2_sectionb table.sub {margin-bottom:20px;} .businesst2_sectionb table.sub th, .businesst2_sectionb table.sub td {padding:5px 10px;} .businesst2_sectionc {margin-top:80px; padding:60px 0 80px;} .businesst2_sectionc .tt {font-size:2.2em; margin-bottom:10px;} .businesst2_sectionc .step_area {margin-bottom:60px;} .businesst2_sectionc .step_area .step_box {width:240px; font-size:1.3em;} .businesst2_sectionc .step_area .step_box div {width:180px; height:180px;} .businesst2_sectionc .step_area .step_box:before {width:60px; height:180px;} .businesst2_sectionc .step_area .step_box:first-child {width:180px;} .businesst2_sectionc .step_area .step_box div img {width:80px;} .businesst2_sectionc .ref_area {padding:20px 30px;} .businesst2_sectionc .ref_area p.tt {font-size:2em; margin-bottom:15px;} .businesst2_sectionc .ref_area p.list {padding-left:15px; font-size:1.4em; line-height:1.6;} .businesst2_sectionc .ref_area p.list br.m_br {display:block;} .businesst2_sectiond {margin-top:80px;} .businesst2_sectiond .tt_wrap .tt {font-size:2.2em;} .businesst2_sectiond .tt_wrap select {font-size:1.4em; lien-height:1.6;} .businesst2_sectiond .year_area {padding:30px 30px 10px;} .businesst2_sectiond .year_area .yarea_box {font-size:1.4em; line-height:1.6;} .businesst3_section .bs_toparea {margin-bottom:60px;} .businesst3_section .bs_toparea > .t {font-size:2em;margin-bottom:60px;} .businesst3_section .bs_toparea > .tsub {text-align:justify; font-size:1.4em; line-height:1.6;} .businesst3_section .bs_toparea > .tsub p {margin-bottom:15px;} .businesst3_section .bs_imgarea .img_main {margin-bottom:15px;} .businesst3_section .bs_imgarea .img img {width:calc(50% - 7.5px);margin-bottom:15px;} .publication_area .gallery_set {padding:25px 5px;} .publication_area .gallery_set a.thumb {width:260px; height:260px;} .publication_area .gallery_set .ab_info {width:calc(100% - 260px); height:auto; min-height:260px; padding:5px 5px 0 20px;} .publication_area .gallery_set .ab_info .adif_left {width:140px; height:260px;} .publication_area .gallery_set .ab_info .adif_left p {font-size:18px;} .publication_area .gallery_set .ab_info .adif_left a.pdf {font-size:14px;} .publication_area .gallery_set .ab_info .adif_left a.pdf img {height:14px; margin-right:5px;} .publication_area .gallery_set .ab_info .adif_right {width:calc(100% - 140px); padding-left:30px;} .info_group {font-size:14px; margin-bottom:10px;} .bd_munnews_area > .rowdata{width:31%;} .bd_munnews_area > .rowdata:nth-child(4n){margin-right:calc(8% / 3);} .bd_munnews_area > .rowdata:nth-child(3n){margin-right:0px;} .bd_munnews_area > .rowdata > .ab_info{height:120px;} .support_tit_only p{font-size:26px; left:20px; top:-30px;} .support_p1{font-size:20px;} .support_p2{font-size:16px; margin-bottom:5px; margin-top:50px;} .support_p3{font-size:24px;} .support_r_b{margin:35px auto 40px;} .support_r_b div{width:145px; height:145px; padding-top:45px; margin-right:35px; background-size:cover;} .support_r_b_tit{font-size:17px;} .support_r_b_con{font-size:17px;} .support_b_3{width:100%; margin:30px auto 0; padding:45px 0 50px;} .support_b_3 div:nth-child(1){padding-right:45px; padding-left:17px; width:calc(50% -62px);} .support_b_3 div:nth-child(2){padding-left:47px; width:calc(50% -47px);} .support_b_p3_t{font-size:18px;} .support_b_p3_ul{margin-top:20px;} .support_b_p3_ul li:nth-child(2){margin-top:10px;} .support_b_4{padding-left:50px; margin-top:30px;} .support_b_4 p{font-size:14px; font-weight:300;} .support_b_4 p:nth-child(2){margin-top:15px;} .pn_area > div {box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:stretch; align-items:stretch;} .pn_area > div > a {width:calc((100% - 80px) / 4);} .businesst_title > p { font-size:18px; } .businesst_title { margin-bottom:20px; } .businesst_titlea { margin-top:25px; margin-bottom:50px; } .businesst_titlea > p > span { font-size:16px; margin-bottom:0px; } .businesst_titlea > p > span:before { display:none; } .businesst_area .ba_areaset > .content_box > div { width:100%; box-sizing:border-box; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img { margin-bottom:10px; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img > img { width:100%; } .businesst_area .ba_areaset > .content_box > .box_left { margin-bottom:50px; } } @media all and (max-width:866px) { .chart_tabarea{width:100%;} .oz_board > table{min-width:100%;} .oz_board > table td, .oz_board > table th{padding:15px 0;} } @media all and (max-width:768px) { .main_sec .visual_area > .visual_txtarea > .ttitle{margin-bottom:3.906vw;} .main_sec .visual_area > .visual_txtarea > .t{margin-bottom:1.693vw;} .main_sec .visual_area > .scrollarea{} .main_sec .visual_area > .imgarea{background:url('/theme/basic.mecemet/img/homepage/visual_area.jpg')center no-repeat; height:300px; background-size:cover;} .main_sec .visual_area > .imgarea > img{display:none;} .typeb_area > .typeba_abarea > .slick_tabpager > .stp_area{ padding-right:0px;} .main_sec .visual_area > .visual_txtarea > .txt_area{font-size:3.5vw;} .main_sec .visual_area > .visual_txtarea > .txt_area br{display:block;} .main_sec .visual_area > .visual_txtarea > .ttitle > span{letter-spacing:-1px; font-size:5.6vw;} .main_sec .visual_area > .visual_txtarea > .t > span{font-size:4.5vw;} .main_sec .visual_area > .visual_txtarea{left:5.366vw;} .msctc_area .smsctc_area > div.imgarea{height:300px; background:url('/theme/basic.mecemet/img/homepage/jsimg_main.jpg')center no-repeat; background-size:cover;} .msctc_area .smsctc_area > div.imgarea > img{width:100%; display:none;} .msctc_area .smsctc_area > div.txtarea{margin-top:20px;} .msctc_area .smsctc_area > div.txtarea > .t{font-size:5.469vw; margin-bottom:3.255vw;} .msctc_area .smsctc_area > div.txtarea > .tsub{font-size:4.125vw; margin-bottom:3.255vw;} .msctc_area .smsctc_area > div.txtarea > .ttsub{font-size:4vw;} .msctc_area:after{display:none;} .main_sec.typea{padding:60px 0px 40px 0px;} .main_sec.typec:after{width:100%; left:0;} .main_sec.typed{height:500px; background:url('/theme/basic.mecemet/img/homepage/typed_bg.jpg')center no-repeat; background-size:cover;} .main_sec.typed > img{display:none;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .t{font-size:5.854vw;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .tsub{font-size:3.906vw;} .main_sec.typed{padding:80px 0 50px;} .typea_area > .typeaa > .tarea > .t{font-size:5.854vw;} .typea_area > .typeaa > .tarea{ padding:0;} .typea_area > .typeaa.right{margin-top:60px;} .typea_area > .typeaa > .tarea{height:auto; margin-bottom:20px;} .mainSlickArea .slick_area .slick-dots{margin-top:30px;} .mo_ft_area{display:block;} .mo_ft_area a{float:left; font-size:1.2em; color:#c7c9d3; width:50%; font-weight:400; margin-bottom:10px;} #footer_top .ft_area{display:none;} #footer_top .ft_area a{display:block; width:50%; margin-right:0px; margin-bottom:7px;} #footer_top{height:120px;} #footer_top .ft_area > .ft_area_ab > a:after{display:none;} #footer_top .ft_area > .ft_area_ab:after{display:none;} #footer_top .ft_area > .ft_area_ab{right:0; left:0px; top:auto; bottom:-40px;} #footer_top .ft_area > .ft_area_ab > a{padding-left:0px; margin-left:0px;} #footer .footer_area > .flogo{position:relative; text-align:center;} #footer .footer_area{padding-left:0;} #footer .footer_area > .finfo > p > span{font-size:3vw;} .footer_infotop .fit_box > span{padding-right:13px; margin-right:13px;} .footer_infotop .fit_box > span:nth-child(3):after{display:none;} .footer_infotop .fit_box > span:nth-child(4):after{display:none; padding-right:0; margin-right:0;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeaa {height:500px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typea{height:116px; width:100%; margin-bottom:10px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb{height:116px; width:100%; margin-bottom:10px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > img{width:100%; display:none;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a{margin-right:0; height:120px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a > .txtarea{padding:15px 10px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .sta_box > a.box_typeb > .txtarea{padding:15px 10px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow.slick-next{background-size:15px; padding:40px 15px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow.slick-prev{background-size:15px; padding:40px 15px;} .typeb_area > .typeba_slickarea .slickarea_type .slick_title_area .slick-arrow{margin-top:-70px;} #header .header_area > div > a.toplogo img{height:26px;} #header .header_area{padding:20px 0px 15px 0px;} .mo_menu_bar{width:25px;} .mo_menu_bar span{height:3px;} #subpage #subpage_visual > div{height:300px;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea{height:65px;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea:after{height:70%;} .gt_infoarea > div.img_areaSet{width:100%; margin-right:0; height:500px;} .gt_infoarea > div.txt_areaSet{width:100%; margin-left:0;} .fullbg_typea .sec2_cont > .sec2c_title > .t br{display:none;} .fullbg_typea .sec2_cont > .sec2c_title:before{display:none;} .fullbg_typea .sec2_cont > .sec2c_title:after{display:none;} .fullbg_typea{padding:45px 0px 45px 0px;} .fullbg_typea .sec2_cont > .sec2c_title{margin-bottom:30px;} .fullbg_typea .sec2_cont > .sec2c_cont > div{min-height:auto; padding:20px 6.803vw;} .fullbg_typea .sec2_cont > .sec2c_cont > div.set_left{width:100%; margin-bottom:20px;} .fullbg_typea .sec2_cont > .sec2c_cont > div.set_right{width:100%;} .meseat_info{padding-bottom:50px; margin-bottom:45px;} .meseat_info > .design_box_area > .design_box:last-child{margin-bottom:0px;} .mainSlickArea .slick_area.cnt3 .mainslick{margin-right:0;} .info_box_area > .title_area > .t{font-size:28px;} .info_box_area > .img_area > div{height:300px;} .info_box_area > .img_area > .larea{width:100%; margin-right:0px; margin-bottom:20px; margin-top:30px;} .info_box_area > .img_area > .rarea{width:100%; margin-left:0px;} .sub_contTitleArea .scta_area > .title_area > .t > span.b{letter-spacing:-3px;} #subpage #subpage_visual.introduce > div{} #subpage #subpage_visual > div > .subpage_title{font-size:3.8vw;} .sub_contTitleArea .scta_area > .title_area > .t > span.a{font-size:26px;} .header_area_submenu > .area_set > div > a.area_set_mo_tit{font-weight:bold; display:block; position:relative;} .header_area_submenu > .area_set > div > a{display:none;} .header_area_submenu > .area_set > div > a.area_set_mo_tit:after{position:absolute; content:"▼"; right:20px;} .ht_area > .ht_tabarea{margin-bottom:25px;} .ht_area > .ht_tabarea > a{width:20%;} .ht_area > .ht_contarea > .box {box-sizing:border-box; padding:24px 0px 30px 0px;} .sub_contTitleArea .scta_area.btm_line{ margin-bottom:3.650vw;} .ht_area > .ht_contarea > .box > .box_sub{padding-left:100px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set{left:28px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set > span{font-size:26px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set{margin-bottom:12px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea{margin-top:15px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content > .box_set > .t_imgarea > div > img:last-child{margin-top:10px;} #subpage > .subpage_section{margin-bottom:3.145vw;} .bd_infoarea > .t{font-size:16px;} .bd_infoarea > .t br{display:none;} .businesst1_sectionb .bsb_toparea > .t{font-size:21px; margin-bottom:12px;} .businesst1_sectionb{padding-top:40px} .businesst1_sectiona{padding:30px 0px 55px 0px;} .businesst1_sectiona .b1sa_area > .secarea > .seca > .t{font-size:24px; padding:10px 20px;} .businesst1_sectiona .b1sa_area > .secarea > .seca > .tsub{padding:13px 20px 13px 20px;} .businesst1_sectiona .b1sa_area > .secarea > .depth_img > div{width:100%; margin-right:0px; margin-bottom:20px;} .businesst1_sectiona .b1sa_area > .secarea > .stitle{font-size:21px; margin-bottom:14px;} .businesst1_sectiona .b1sa_area > .secarea > .depth{padding:0px 10px 0px 10px;} .businesst1_sectiona .b1sa_area > .secarea > .depth > p{padding:4px 0px; font-size:16px;} .businesst1_sectiona .b1sa_area > .secarea{margin-bottom:24px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area{width:100%;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .img_seta{height:326px;} .businesst1_sectionb .bsb_imgarea > div.bsbi_area .txtarea{padding:18px 10px 0px 10px; height:95px;} .businesst1_sectionb .bsb_toparea{margin-bottom:30px;} .businesst_ESG_sectiona .esg_logo {padding:4% 6%;} .businesst_ESG_sectiona .esg_logo img {width:340px;} .businesst_ESG_sectiona .esg_logo p.t {font-size:14px;} .businesst_ESG_sectiona .esg_logo p.b {font-size:20px; margin-top:20px;} .businesst_ESG_sectionb {margin-top:40px;} .businesst_ESG_sectionb .tt {font-size:24px; margin-bottom:30px;} .businesst_ESG_sectionb .list_set {flex-flow:column wrap; padding-bottom:40px;} .businesst_ESG_sectionb .list_set ul {width:100%;} .businesst_ESG_sectionb .list_set ul li {font-size:16px;} .businesst_ESG_sectionc {margin-bottom:100px;} .businesst_ESG_sectionc .ten_set {margin-top:40px;} .businesst_ESG_sectionc .ten_set .t {font-size:20px; margin-bottom:6px;} .businesst_ESG_sectionc .ten_set .t span.num {font-size:32px; margin-right:4px;} .businesst_ESG_sectionc .ten_set .b {font-size:16px;} .businesst2_sectiona img.businesst2_icon {width:80px; margin:0 auto 20px;} .businesst2_sectiona .top_area {padding:4%;} .businesst2_sectiona .top_area p.t {font-size:16px; text-align:justify; margin-bottom:5px;} .businesst2_sectiona .top_area p.t br {display:none;} .businesst2_sectionb {margin-top:40px;} .businesst2_sectionb table.main {font-size:16px;} .businesst2_sectionb table.main > tbody > tr {display:block;} .businesst2_sectionb table.main > tbody > tr > th {display:block; width:100%; padding:10px; font-size:1em; border-bottom:0;} .businesst2_sectionb table.main > tbody > tr > td {display:block; width:100%; padding:20px 10px;} .businesst2_sectionb table.main p.tt {margin-top:10px;} .businesst2_sectionb table.main p.list {padding-left:10px;} .businesst2_sectionb table.sub {margin-bottom:10px; display:flex; flex-flow:row wrap;} .businesst2_sectionb table.sub > *:first-child {width:120px;} .businesst2_sectionb table.sub > *:first-child tr {border-left:0;} .businesst2_sectionb table.sub > *:last-child {width:calc(100% - 120px);} .businesst2_sectionb table.sub tr {display:block; border-top:1px solid #333; border-left:1px dotted #333;} .businesst2_sectionb table.sub th {font-weight:500;} .businesst2_sectionb table.sub th, .businesst2_sectionb table.sub td {display:block; width:100%; padding:5px; border:0; border-bottom:1px solid #333;} .businesst2_sectionc {margin-top:40px; padding:40px 0;} .businesst2_sectionc .tt {font-size:20px;} .businesst2_sectionc .step_area {margin-bottom:40px;} .businesst2_sectionc .step_area .step_box {width:160px; font-size:11px; margin-bottom:10px;} .businesst2_sectionc .step_area .step_box div {width:120px; height:120px;} .businesst2_sectionc .step_area .step_box:before {width:40px; height:120px;} .businesst2_sectionc .step_area .step_box:first-child {width:120px;} .businesst2_sectionc .step_area .step_box div img {width:60px;} .businesst2_sectionc .ref_area {padding:20px;} .businesst2_sectionc .ref_area p.tt {font-size:18px; margin-bottom:10px;} .businesst2_sectionc .ref_area p.list {padding-left:10px; font-size:14px;} .businesst2_sectiond {margin-top:40px; margin-bottom:100px;} .businesst2_sectiond .tt_wrap {margin-bottom:15px;} .businesst2_sectiond .tt_wrap .tt {font-size:20px;} .businesst2_sectiond .tt_wrap select {font-size:14px; padding:2px 10px 4px 4px;} .businesst2_sectiond .year_area {padding:20px 5px 10px;} .businesst2_sectiond .year_area .yarea_box {font-size:14px;} .businesst2_sectiond .year_area .yarea_box > ul {width:100%;} .businesst2_sectiond .year_area .yarea_box > ul.yarea_r strong {display:none;} .businesst2_sectiond .year_area .yarea_box > ul > li {width:calc(50% - 5px);} .businesst2_sectiond .year_area .yarea_box > ul > li strong {height:40px; margin-bottom:10px;} .businesst2_sectiond .year_area .yarea_box > ul > li li {height:40px; margin-bottom:10px;} .businesst2_sectiond .year_area .yarea_box > ul > li li.x2 {height:90px;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a li:after {left:-15px; top:20px; width:20px;} .businesst3_section .bs_toparea > .t {font-size:20px;} .businesst3_section .bs_toparea > .tsub {text-align:justify; font-size:16px; line-height:1.8;} .businesst3_section .bs_toparea > .tsub p {margin-bottom:10px;} .businesst3_section .bs_imgarea {margin-bottom:100px;} .businesst3_section .bs_imgarea .img_main {margin-bottom:10px;} .businesst3_section .bs_imgarea .img img {width:calc(50% - 5px);margin-bottom:10px;} .publication_area {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;} .publication_area .gallery_set {width:50%; padding:15px 10px; flex-flow:column; justify-content:center; align-items:center;} .publication_area .gallery_set a.thumb {width:100%; height:calc(50vw - 40px);} .publication_area .gallery_set .ab_info {width:100%; min-height:auto; padding:10px 0 0;} .publication_area .gallery_set .ab_info .adif_left {width:100%; height:100%;} .publication_area .gallery_set .ab_info .adif_left .name {display:none;} .publication_area .gallery_set .ab_info .adif_right {display:none;} .video_area > .rowdata {width:100%; margin-right:0; margin-bottom:20px;} .tbl_head01 thead th:nth-child(1){display:none;} .tbl_head01 thead th:nth-child(3){display:none;} .tbl_head01 thead th:nth-child(4){display:none;} .tbl_head01 thead th:nth-child(5){display:none;} #bo_list .td_name,#bo_list .td_num,#bo_list .td_datetime,#bo_list .td_num2{display:none;} .tbl_head01 td{text-align:center;} .bo_vc_w_info{width:100%;} .bo_vc_w_info .frm_input{margin-right:0px; width:100%;} .bo_vc_w_info .frm_input:nth-child(2){margin-bottom:10px;} .bd_munnews_area > .rowdata{width:100%;} .bd_munnews_area > .rowdata:nth-child(3n){margin-right:0;} .bd_munnews_area > .rowdata:nth-child(2n){margin-right:0;} .bd_munnews_area > .rowdata > .row_img{width:100%;} .bd_filedown > .box > .bg > div.ci_img01{background-size:auto 200px; height:225px;} .bd_filedown > .box > .bg > div.ci_img02{background-size:auto 20.723vw; height:20.723vw;} .bd_filedown > .box > .bg > div.ci_img03{background-size:auto 20.723vw; height:20.723vw;} .bd_filedown > .box > .bg > div.ci_img04{background-size:auto 20.723vw; height:20.723vw;} .bd_filedown > .box > .bg.seta{padding-left:10.029vw;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round{width:39.792vw; height:39.792vw;} .bd_simbole > .bdsb_area > .box_area > .box:nth-child(1){margin-bottom:60px; float:initial;} .bd_simbole > .bdsb_area > .box_area > .box > .patone_txt{margin-top:5.464vw;} .bd_munnews_area > .rowdata.gallery_set{width:100%;} .bd_munnews_area > .rowdata.gallery_set{margin-right:0;} .pg_page{font-size:12px; width:20px; height:20px; line-height:20px; min-width:20px; margin-left:5px;} .pg_current{font-size:12px; width:20px; height:20px; line-height:20px; min-width:20px;} .root_daum_roughmap .wrap_map {height:300px !important;} .lc_traffic > div{width:100%;} .section_type{margin-bottom:40px;} .support_tit_only{ margin-top:15px;} .support_tit_only p{font-size:16px; left:0px; top:0px; position:relative;} .support_p1{font-size:14px;} .support_p2{font-size:16px; margin-bottom:5px; margin-top:20px;} .support_p3{font-size:24px;} .support_r_b{margin:25px auto 30px;} .support_r_b div{width:32.552vw; height:32.552vw; padding-top:11.021vw; margin-right:45px; background-size:cover;} .support_r_b div:nth-child(2){margin-right:0;} .support_r_b div:nth-child(2):after{right:auto; top:auto; left:-33px; bottom:-34px; transform:rotate(145deg);} .support_r_b div:after{right:-30px;} .support_r_b div:nth-child(3),.support_r_b div:nth-child(4){margin-top:45px;} .support_r_b_tit{font-size:17px;} .support_r_b_con{font-size:17px;} .support_b_3{width:100%; margin:30px auto 0; padding:45px 0 50px;} .support_b_3 div:nth-child(1){padding-right:0px; padding-left:17px; width:calc(50% -17px);} .support_b_3 div:nth-child(2){padding-left:17px; width:calc(50% -17px); margin-top:20px;} .support_b_p3_t{font-size:18px;} .support_b_p3_ul{margin-top:20px;} .support_b_p3_ul li:nth-child(2){margin-top:10px;} .support_b_4{padding-left:20px; margin-top:20px; margin-bottom:30px;} .support_b_4 p{font-size:14px; font-weight:300;} .support_b_4 p:nth-child(2){margin-top:15px;} .pn_area{margin-bottom:3.867vw;} .pn_area > div > a {width:calc((100% - 42px) / 3); margin:0 7px 15px;} .pn_infoArea > .set_box{padding:20px 0px 20px 0px;} .pn_infoArea > .set_box > div{padding-left:120px;} .chart_tabarea {margin-bottom:10px;} .chart_tabcontent {overflow-x:scroll;} .chart_tabcontent > div {width:100%;} .oz_area{background-size:25%;} .businesst_title > p { font-size:2.3vw; width:90%; text-align:left; } .businesst_titlea > p > span { font-size:2.2vw; box-sizing:border-box; padding:0px 4vw; text-align:left; } .businesst_area .ba_areaset > .title { margin-bottom:4vw; font-size:2.2vw; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img { margin-bottom:4vw; padding:3vw 3vw; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img_title { padding:0px 4vw; font-size:2vw; } .businesst_area .ba_areaset > .content_box > .box_left { margin-bottom:7vw; } .businesst_area .ba_areaset > .content_box > .box_right { padding:4vw 4vw; -webkit-border-radius:4vw; -moz-border-radius:4vw; border-radius:4vw; } .businesst_area .ba_areaset > .content_box > .box_right > p { font-size:2vw; margin-bottom:3.5vw; } } @media all and (max-width:600px) { .chart_tabcontent > div {width:600px;} } @media all and (max-width:425px) { .businesst_ESG_sectiona .esg_logo {padding:30px 5px; width:100%;} .businesst_ESG_sectiona .esg_logo img {width:240px;} .businesst_ESG_sectiona .esg_logo p.t {font-size:11px; letter-spacing:-0.5px; line-height:1;} .businesst_ESG_sectiona .esg_logo p.b {font-size:20px; line-height:1.4;} .businesst_ESG_sectionb {margin-top:40px;} .businesst_ESG_sectionb .tt {font-size:21px; margin-bottom:20px;} .businesst_ESG_sectionb .list_set {padding-bottom:40px;} .businesst_ESG_sectionb .list_set ul {padding:0;} .businesst_ESG_sectionb .list_set ul li {font-size:16px; font-weight:300; margin-bottom:2px;} .businesst_ESG_sectionc {padding-top:20px; margin-bottom:60px;} .businesst_ESG_sectionc .ten_set {margin-top:20px;} .businesst_ESG_sectionc .ten_set .t {font-size:18px; margin-bottom:5px;} .businesst_ESG_sectionc .ten_set .t span.num {font-size:28px; margin-right:4px;} .businesst2_sectiona img.businesst2_icon {width:60px; margin:0 auto 15px;} .businesst2_sectiona .top_area {padding:20px 15px;} .businesst2_sectiona .top_area p.t {font-size:14px; margin-bottom:2px;} .businesst2_sectionb table.main {font-size:14px;} .businesst2_sectionb table.main > tbody > tr > td {padding:15px 10px;} .businesst2_sectionb table.sub th:not(:first-child) {height:55.6px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;} .businesst2_sectionb table.sub th, .businesst2_sectionb table.sub td {display:block; width:100%; padding:5px 10px; border:0; border-bottom:1px solid #333;} .businesst2_sectionc {margin-top:40px; padding:40px 0;} .businesst2_sectionc .step_area {width:280px; margin:0 auto 20px; padding:0 10px 0 0;} .businesst2_sectionc .step_area .step_box {width:135px;} .businesst2_sectionc .step_area .step_box div {width:115px; height:115px; padding-bottom:5px;} .businesst2_sectionc .step_area .step_box:before {width:20px; height:115px;} .businesst2_sectionc .step_area .step_box:first-child {width:115px;margin-left:20px;} .businesst2_sectionc .step_area .step_box div img {width:40px; margin-bottom:10px;} .businesst2_sectionc .step_area .step_box div p {text-align:center; font-weight:400; font-size:13px; line-height:1.2;} .businesst2_sectionc .ref_area {padding:15px;} .businesst2_sectionc .ref_area p.tt {font-size:18px;} .businesst2_sectiond {margin-top:40px; margin-bottom:100px;} .businesst2_sectiond .tt_wrap {margin-bottom:10px;} .businesst2_sectiond .tt_wrap select {font-size:12px; padding:2px 4px 2px 2px;} .businesst2_sectiond .year_area .yarea_box > ul > li {width:calc(50% - 3px);} .businesst2_sectiond .year_area .yarea_box > ul > li strong {height:40px;} .businesst2_sectiond .year_area .yarea_box > ul > li li {height:50px; padding:5px;} .businesst2_sectiond .year_area .yarea_box > ul > li li.x2 {height:110px;} .businesst2_sectiond .year_area .yarea_box > ul > li.cate_a li:after {left:-12px; top:25px; width:16px;} .businesst2_sectiona br.m_br, .businesst2_sectionb br.m_br, .businesst2_sectionc br.m_br, .businesst2_sectiond br.m_br {display:block;} .businesst3_section .bs_toparea {margin-bottom:40px;} .businesst3_section .bs_toparea > .t {font-size:18px; margin-bottom:30px;} .businesst3_section .bs_toparea > .tsub {font-size:14px;} .businesst3_section .bs_toparea > .tsub p {margin-bottom:10px;} .businesst3_section .bs_imgarea {margin-bottom:60px;} .businesst3_section .bs_imgarea .img_main {margin-bottom:4px;} .businesst3_section .bs_imgarea .img img {width:100%;margin-bottom:4px; float:auto;} .publication_area .gallery_set {padding:10px 5px;} .publication_area .gallery_set .ab_info {padding:5px 0 0;} .publication_area .gallery_set .ab_info .adif_left a.pdf {font-weight:400; font-size:12px;} .publication_area .gallery_set .ab_info .adif_left a.pdf img {height:12px;} .main_sec.typed > .typed_ab_txtarea .tatarea_set > .alink_area > a{width:100%; margin-bottom:20px; padding-right:0;} .main_sec.typed{height:400px; padding:110px 0 60px;} #subpage #subpage_visual > div > .sub_btm .sub_btmArea > .sub_depth{right:30px;} .gt_infoarea > div.img_areaSet{height:300px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area{width:225px; height:225px;} .meseat_info > .design_box_area > .design_box > .all_round_area > .ara_area:after{width:251px; height:125px; border-radius:160px 160px 0px 0px; -moz-border-radius:160px 160px 0px 0px; -webkit-border-radius:160px 160px 0px 0px; height:138px;} .meseat_info > .design_box_area > .design_box > .all_round_area:after{right:-18px;} .gt_infoarea > div.txt_areaSet > .t{font-size:22px;} .fullbg_typea .sec2_cont > .sec2c_cont > div > .t > span{font-size:22px;} .meseat_info > .t > .tb{font-size:22px;} .info_box_area > .title_area > .t{font-size:22px;} .info_box_area > .img_area > .larea{height:200px;} .info_box_area > .img_area > .rarea{height:200px;} .ingpage_area > img{width:100%; height:auto; margin-top:3.650vw;} .ht_area > .ht_contarea > .box > .box_sub{padding-left:0px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set{position:relative; left:50%; margin-left:-26px;} .ht_area > .ht_contarea > .box > .box_sub > .box_content:after{display:none;} .ht_area > .ht_contarea > .box > .box_sub > .box_content{padding:10px 10px 10px 10px;} .ht_area > .ht_contarea > .box > .box_sub > .ab_set{display:inline-block;} .section_type:last-child{overflow-x:scroll;} .oz_board{width:500px;} .bd_simbole > .t{margin-bottom:25px;} .bd_simbole > .t > span{font-size:21px;} .pn_infoArea > .set_box > div{padding-left:0;} .pn_infoArea > .set_box > div > .ab_area{position:relative; margin-bottom:20px;} .bd_simbole > .bdsb_area > .box_area > .box{width:100%;} .bd_simbole > .bdsb_area > .box_area > .box > div > div{width:100%;} .bd_simbole > .bdsb_area > .box_area > .box > div > div:nth-child(1){} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round{margin-bottom:0; width:30.792vw; height:30.792vw; float:left;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round,.bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text{display:inline-block; vertical-align:middle;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text{margin-left:20px; float:left;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text > div > p{padding:5px 0;} .bd_simbole > .bdsb_area > .box_area > .box > div > div > .round > div > p{font-size:12px;} .bd_simbole > .bdsb_area > .box_area > .box{margin-bottom:30px;} .bd_simbole > .bdsb_area > .box_area > .box:nth-child(1){margin-bottom:30px;} .bd_simbole > .bdsb_area > .box_area > .box:last-child{margin-bottom:0;} .round_margin_top{margin-top:20px;} .mo_ft_area a:nth-child(2n){text-align:right;} #footer .footer_area > .finfo > p > span{padding-right:10px; margin-right:10px; float:inherit; display:block; text-align:left;} #footer .footer_area > .finfo > p > span:nth-child(1){display:inline-block;} #footer .footer_area > .finfo > p > span:nth-child(2){display:inline-block; padding-right:0; margin-right:0;} #footer .footer_area > .finfo > p > span:after{display:none;} .footer_infotop{margin-bottom:27px;} .footer_infotop .fit_box{padding:16px 0px 16px 50px;} .footer_infotop .fit_box > span{padding-right:0px; margin-right:10px; margin-bottom:5px; display:block; width:100%;} .footer_infotop .fit_box > span:nth-child(2):after{display:none;} .footer_infotop .fit_box > span:last-child{margin-bottom:0;} .footer_infotop .fit_box > div{width:40px;} .support_r_b div{width:200px; height:200px; margin-right:0; margin-top:45px; padding-top:70px;} .support_r_b div:first-child{margin-top:0;} .support_r_b div:after{right:50%; margin-right:-10.5px; top:auto; bottom:-35px; transform:rotate(90deg);} .support_r_b div:nth-child(2):after {right:50%; top:auto; margin-right:-10.5px; left:auto; bottom:-35px; transform:rotate(90deg);} .support_b_p3_ul{margin-top:15px;} .support_b_p3_ul li span{display:block; margin-bottom:5px; margin-left:-5px; font-weight:400;} .support_b_3{padding:35px 20px 40px; text-align:left;} .pn_area > div > a {width:calc((100% - 20px) / 2); margin:0 5px 10px; padding:8px;} .pn_area > div > a > img {padding:0 5%;} .pn_area > div > a > span.pn_name {font-size:12px; line-height:1.4;} .businesst_title > p { font-size:3.4vw; } .businesst_titlea > p > span { font-size:3.7vw; } .businesst_area .ba_areaset > .title { font-size:4vw; text-align:left; } .businesst_area .ba_areaset > .content_box > .box_left > .box_img_title { font-size:3.5vw; } .businesst_area .ba_areaset > .content_box > .box_right > p { font-size:3.5vw; margin-bottom:4.5vw; } .businesst_area .ba_areaset > .content_box > .box_right > p br {display:none;} } } @media all and (max-width:346px) { .bd_simbole > .bdsb_area > .box_area > .box > div > div > .rd_text{margin-left:0px;} } */