/*****sub menu common*****/ #container_title{display:none} .header .header_inner .main_menu li.header_active a{color:var(--primary-color)!important} .header .header_inner .main_menu li.header_active a:after{ content: ''; position: absolute; width: 100%; height: 4px; background: var(--primary-color); bottom: -35px; left: 50%; transform: translateX(-50%); } .sub_visual.company{background:url('../img/sub/sub_visual_company.jpg') no-repeat center; background-size:cover} .sub_visual.support{background:url('../img/sub/sub_visual_company.jpg') no-repeat center; background-size:cover} .sub_visual.result{background:url('../img/sub/sub_visual_company.jpg') no-repeat center; background-size:cover} .sub_visual.business{background:url('../img/sub/sub_visual_company.jpg') no-repeat center; background-size:cover} .sub_visual .sub_visual_inner{padding:115px 0} .sub_visual .sub_visual_inner h1{font-size:50px; font-weight:800; color:#fff; text-align:center} .sub_vis_menu{background:#fafafa; border-bottom:1px solid #eee} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu{display:flex; flex-wrap:nowrap} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu li{height:70px} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu li a{display:block; width:100%; height:100%; display:table; position:relative} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu li a span{display:table-cell; vertical-align:middle; text-align:center; font-size:18px; font-weight:600; color:#222; text-transform:uppercase} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu > li:hover > a:after{content:''; width:100%; height:3px; position:absolute; left:0; bottom:0; background:var(--primary-color)} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu > li:hover > a span{color:var(--primary-color)} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu > li.sub_active > a:after{content:''; width:100%; height:3px; position:absolute; left:0; bottom:0; background:var(--primary-color)} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu > li.sub_active > a span{color:var(--primary-color)} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu .sub_page_select_menu li.sub_active > a span {color:var(--primary-color)} .sub_vis_menu.s_menu7 .sub_vis_menu_inner ul.sub_pc_menu li{width:100%; position: relative;} .sub_vis_menu.s_menu2 .sub_vis_menu_inner ul{justify-content:center} .sub_vis_menu.s_menu2 .sub_vis_menu_inner ul li{max-width:300px; width:50%} .sub_vis_menu.s_menu2 .sub_vis_menu_inner ul li a span{font-size:18px; font-weight:600} .sub_section{padding:100px 0 100px} .sub_section .sub_title{padding-bottom:60px} .sub_section .sub_title h2{font-size:45px; color:#222; font-weight:800; letter-spacing:-2px; text-align:center; line-height:1em; text-transform:uppercase} .sub_section.board h2 {font-size:45px; color:#222; font-weight:800; letter-spacing:-2px; text-align:center; line-height:1em; text-transform:uppercase} .sub_section .sub_title ul{text-align:center; padding-top:10px} .sub_section .sub_title ul li{display:inline-block; font-size:15px; color:#666; font-weight:500; text-transform:uppercase} .sub_section .sub_title ul li a{font-size:15px; color:#666; font-weight:500} /* 서브페이지 타입별 css 시작 */ .sub_pc_menu .sub_page_select_menu {display:none; flex-direction: column; text-align: center; background:#fff; position: absolute; top: auto; left: 0; width: 100%; z-index: 19999; border: 1px solid #ddd; border-top: none; padding-bottom: 10px; padding-top:10px} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu li .sub_page_select_menu li {width: 100% !important; height:38px} .sub_pc_menu .sub_page_select_menu li a span {color: #222} .sub_pc_menu .sub_page_select_menu li.sub_active a span { color:#16479e; font-weight: bold } .sub_pc_menu li:hover .sub_page_select_menu {display: flex} /* 서브페이지 타입별 css 끝 */ /*Styling submenu dropdown*/ .dropdown { width: 100%; display: inline-block; transition: all .5s ease; position: relative; font-size: 15px; color: #474747; height: 100%; text-align: center; outline-style:none } .dropdown .select { cursor: pointer; display: block; padding: 15px } .dropdown .select span{ color:var(--primary-color); font-weight:700; text-transform:uppercase; } .dropdown .select > i { font-size: 13px; color: var(--primary-color); cursor: pointer; transition: all .3s ease-in-out; float: right; line-height: 20px; transform: rotate(-90deg) } .dropdown.active .select > i { transform: rotate(90deg) } .dropdown .dropdown-menu { position: absolute; background-color: #fafafa; width: 100%; left: 0; margin-top: 1px; overflow: hidden; display: none; z-index: 9; border-bottom:1px solid #eee } .dropdown .dropdown-menu li { padding: 10px; transition: all .2s ease-in-out; cursor: pointer } .dropdown .dropdown-menu li a{display:block; width:100%; color:#222; font-weight:500; text-transform:uppercase} .dropdown .dropdown-menu { padding: 0; list-style: none } .dropdown .dropdown-menu li:hover { background-color: #f2f2f2 } .dropdown .dropdown-menu li:active { background-color: #e2e2e2 } /*CEO인사말*/ .sub_section .greeting_area .greeting_area_inner{background:#f9f9fa;display:flex; flex-flow:row nowrap; align-items:stretch;} .sub_section .greeting_area .greeting_area_inner > div{width:50%} .sub_section .greeting_area .greeting_area_inner .img_holder{background:url('../img/sub/greeting_img.jpg') no-repeat center; background-size:cover; font-size:0} .sub_section .greeting_area .greeting_area_inner .img_holder.type_c{background:url('../img/sub/greeting_img.jpg') no-repeat center; background-size:cover; font-size:0} .sub_section .greeting_area .greeting_area_inner .txt_holder > div{padding:70px 45px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3{font-size:40px; font-weight:300; color:#222; letter-spacing:-3px; line-height:1.3em; padding-bottom:30px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3 strong{font-weight:900; color:var(--primary-color)} .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3 strong span{font-size: 25px;} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p{font-size:17px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.6em} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p + p{padding-top:30px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p:last-child{font-size:20px; font-weight:700; padding-top:50px; color:#222} /*CEO인사말 type2*/ .sub_section .greeting_area.type_b .greeting_area_inner{background:none;display:flex; flex-flow:row nowrap; align-items:stretch;} .sub_section .greeting_area.type_b .greeting_area_inner .img_holder{text-align: right;background:none;} .sub_section .greeting_area.type_b .greeting_area_inner .txt_holder > div{padding:0} .sub_section .greeting_area.type_b .greeting_area_inner .txt_holder > div h3{font-size:45px; line-height:1.2em; } /*CEO인사말 type3*/ .sub_section.type_c{position:relative} .sub_section.type_c:after{content: '';position: absolute;width: 100%;height: 45%;background: var(--primary-color);bottom: 0;left: 0;z-index: -1;} .sub_section .greeting_area.type_c{box-shadow: 13px 13px 27px rgba(0, 0, 0, 0.07);} .sub_section .greeting_area.type_c .greeting_area_inner{background: #fff;} /*연혁*/ .sub_section.history{position:relative} .sub_section.history:before{content:''; width:1030px; height:2267px; position:absolute; left:0; top:110px; /*background:url('../img/sub/history_bg_top.png') no-repeat center;*/ background-size:cover} .sub_section.history:after{content:''; width:866px; height:1842px; position:absolute; right:0; bottom:0; /*background:url('../img/sub/history_bg_bottom.png') no-repeat center;*/ background-size:cover; z-index:-1} .sub_section .history_wrap .history_wrap_inner{margin-bottom:50px; display:flex; flex-wrap:nowrap; padding-top:220px} .sub_section .history_wrap .history_wrap_inner:last-of-type{margin-bottom:0} .sub_section .history_wrap .history_wrap_inner > div{width:50%} .sub_section .history_wrap .history_wrap_inner .year_img_holder{position:relative} .sub_section .history_wrap .history_wrap_inner .year_img_holder h3{position:absolute; right:-108px; top:-220px} .sub_section .history_wrap .history_wrap_inner .history_txt{position:relative; padding-top:50px; padding-bottom:50px} .sub_section .history_wrap .history_wrap_inner .history_txt:before{content:''; position:absolute; width:2px; height:100%; background:var(--primary-color); left:0; top:0} .sub_section .history_wrap .history_wrap_inner .history_txt ul li{padding-bottom:25px; font-size:18px; color:#666; font-weight:500; letter-spacing:-0.5px; position:relative; padding-left:35px; word-break:keep-all} .sub_section .history_wrap .history_wrap_inner .history_txt ul li br{display:none} .sub_section .history_wrap .history_wrap_inner .history_txt ul li:after{content:''; width:12px; height:12px; background:var(--primary-color); border-radius:12px; position:absolute; left:-5px; top:8px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li:last-child{padding-bottom:0} .sub_section .history_wrap .history_wrap_inner .history_txt ul li span{font-size:23px; font-weight:800; color:var(--primary-color); letter-spacing:-1px; position:absolute; left:-120px; top:-4px} .sub_section .history_wrap .history_wrap_inner .history_txt span.dot1{position:absolute; left:-12px; top:0; width:26px; height:26px; background:#fff; border:2px solid var(--primary-color); border-radius:26px; display:block; padding:5px} .sub_section .history_wrap .history_wrap_inner .history_txt span.dot1 span{width:12px; height:12px; background:var(--primary-color); border-radius:12px; display:block} .sub_section .history_wrap .history_wrap_inner .history_txt span.dot2{position:absolute; left:-12px;bottom:0; width:26px; height:26px; background:#fff; border:2px solid var(--primary-color); border-radius:26px; display:block; padding:5px} .sub_section .history_wrap .history_wrap_inner .history_txt span.dot2 span{width:12px; height:12px; background:var(--primary-color); border-radius:12px; display:block} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue:before{background:#8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue ul li:after{background:#8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue ul li span{color:#8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue span.dot1{border:2px solid #8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue span.dot1 span{background:#8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue span.dot2{border:2px solid #8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_blue span.dot2 span{background:#8aacf9} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green:before{background:#75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green ul li:after{background:#75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green ul li span{color:#75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green span.dot1{border:2px solid #75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green span.dot1 span{background:#75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green span.dot2{border:2px solid #75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_green span.dot2 span{background:#75e0cc} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange:before{background:#ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange ul li:after{background:#ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange ul li span{color:#ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange span.dot1{border:2px solid #ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange span.dot1 span{background:#ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange span.dot2{border:2px solid #ffb01c} .sub_section .history_wrap .history_wrap_inner .history_txt.light_orange span.dot2 span{background:#ffb01c} /*연혁2*/ .clear_after:after {content: ''; clear: both; display: table;} .history_tab_menu {max-width: 600px; margin: 0 auto;} .history_tab_menu li {display: block; float: left; width: 33.33%; font-size: 17px; color: #ccc; font-weight: 600; padding: 20px 5px; border-bottom: 2px solid #ccc; text-align: CENTER;cursor: pointer; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;} .history_tab_menu li:hover {color: var(--primary-color);border-bottom: 2px solid var(--primary-color);} .history_tab_menu li.active {color: var(--primary-color);border-bottom: 2px solid var(--primary-color); } .history .history2 {position: relative;} .history .history2 h3 {width: 140px; height: 140px; font-size: 30px; font-weight: 800; background: var(--primary-color); border-radius: 100%; text-align: CENTER; color: #fff; line-height: 140px;position: relative;margin: 30px 0;} .history .history2 h3:before {content:"";width: 1px; height: 30px; background: #ddd; position: absolute; top: -30px; left: 70px;} .history .history2 h3:after {content:"";width: 1px; height: 30px; background: #ddd; position: absolute; bottom: -30px; left: 70px;} .history .history2 h3.first:before {content:none} .history .history2 dl {margin-left: 70px; display: table; width: 100%;min-height: 90px;position: relative;border-left: 1px solid #ddd;} .history .history2 dl:before {content: ""; width: 9px; height: 9px; background: #ddd; border-radius: 100%; position: absolute; left: -5px; top: -5px;} .history .history2 dl.last:after {content: ""; width: 9px; height: 9px; background: #ddd; border-radius: 100%; position: absolute; left: -5px; bottom: -5px;} .history .history2 dl.end:after {content: ""; width: 10px; height: 50px; background: #fff; position: absolute; left: -5px; top: 52px;} .history .history2 dt, .history .history2 dd {display:table-cell; padding-top: 30px;vertical-align: top;} .history .history2 dt {font-size: 26px; font-weight: 800; color: var(--primary-color); padding-left: 25px; position: relative;width: 115px; line-height: 1em;} .history .history2 dt.long {width: 195px;} .history .history2 dt:before {content: ""; width: 19px; height: 19px; border: 5px solid var(--primary-color); border-radius: 100%; position: absolute; left: -10px; top: 33px; background: #fff;} .history .history2 li {font-size: 20px; color: #666;margin-bottom: 10px;position: relative; padding-left: 10px; line-height:1.2em; word-break: keep-all;} .history .history2 li:last-child {margin-bottom:0} .history .history2 li:before {content: "-"; position: absolute; left: 0;} /*연혁3*/ .history_container {position: relative;} .history_container .top_menu {position: relative; width: auto; margin: 0 auto 40px; box-sizing: border-box;} .history_container .top_menu.fixed {position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; background: #fff; margin: 0; padding: 20px 0; border-bottom: 1px solid #eee; width: 100%;} .history_container .top_menu ul {display: flex; justify-content: center;} .history_container .top_menu ul li {width: auto} .history_container .top_menu ul li a {position: relative; display: block; padding: 0 20px; font-size: 24px; transition: color 0.3s; font-weight:800;} .history_container .top_menu ul li a:hover, .history_wrap .top_menu ul li a:focus {color: var(--primary-color);} .history_container .top_menu ul li a.on{color: var(--primary-color); font-weight: 900;} .history_container .top_menu ul li a::before {content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 1px; height: 28px; background: #000; transform: translateY(-50%);} .history_container .top_menu ul li:first-child a::before {display: none;} .history_container .tab_inner {position: relative; width: auto; max-width: 1300px; margin: 0 auto 120px; box-sizing: border-box;} .history_container .tab_inner .tab_history {position: relative;border: 1px solid #d7d7d7; padding: 50px;} .history_container .tab_inner .tab_history::after {content: ''; display: block; clear: both;} .history_container .tab_inner .tab_history .img_wrap {opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-100%); width: 50%; max-width: 620px; margin-top: 70px; padding-right: 100px; text-align: right;} .history_container .tab_inner .tab_history .img_wrap.fixed {opacity: 1; position: fixed; width: calc(50% - 80px); left: 50%; z-index: 2; top: 80px;} .history_container .tab_inner .tab_history .img_wrap.last {bottom: 0; opacity: 1;} .history_container .tab_inner #his_tab1 .img_wrap {opacity: 1;} .history_container .tab_inner .tab_history .img_wrap strong {font-size: 32px; font-weight: bold; margin-bottom: 10px; display: block;} .history_container .tab_inner .tab_history .img_wrap p {margin-bottom: 20px; font-size: 18px; font-weight: 400;} .history_container .tab_inner .tab_history .img_wrap .imgbox img {width: 100%;} .history_container .tab_inner .tab_history .year_list {display: flex; justify-content: flex-start; gap: 50px;} .history_container .tab_inner .tab_history .year_list .flex_box{width:50%;} .history_container .tab_inner .tab_history .year_list .list {position: relative; padding: 0 0 50px 25px;} .history_container .tab_inner .tab_history .year_list .list.mb0{padding: 0 0 0 25px;} .history_container .tab_inner .tab_history .year_list .list::before {content: ''; position: absolute; display: block; top: 7px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: var(--primary-color); z-index: 2;} .history_container .tab_inner .tab_history .year_list .list::after {content: ''; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; background: #fff; border: 1px solid var(--primary-color); border-radius: 50%; z-index: 1;} .history_container .tab_inner .tab_history .year_list .list .progress_bar {position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd;} .history_container .tab_inner .tab_history .year_list .list .progress_bar span {display: block; width: 4px; height: 0%; margin-left: -1px; background: var(--primary-color); z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out;} .history_container .tab_inner .progress_bar2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 2px; height: 100%; background: #ddd;} .history_container .tab_inner .progress_bar2 span {display: block; width: 4px; height: 0%; margin-left: -1px; background: var(--primary-color); z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out;} .history_container .tab_inner .tab_history .year_list .list>strong {font-size: 30px; font-weight: bold; display: block; margin-bottom: 30px; line-height: 22px;} .history_container .tab_inner .tab_history .year_list .list ul li {position: relative; padding-left: 40px; margin-top: 15px; font-size: 20px;} .history_container .tab_inner .tab_history .year_list .list ul li:first-child {margin-top: 0;} .history_container .tab_inner .tab_history .year_list .list ul li strong {position: absolute; top: 0; left: 0;} .history_container .tab_inner .tab_history .year_list .list ul li p {margin-bottom: 10px;} .history_container .tab_inner .tab_history .year_list .list ul li p:last-child {margin-bottom: 0;} /*경영이념/경영목표*/ .sub_section .philosophy_img_holder{padding-bottom:55px} .sub_section .philosophy_img_holder img{max-width:975px; width:100%; display:block; margin:0 auto} /*조직도*/ .sub_section .organization_img_holder img{max-width:1262px; width:100%; display:block; margin:0 auto} /*오시는 길*/ .sub_section .location_area .location_area_inner{display:flex; flex-wrap:nowrap; padding-bottom:25px} .sub_section .location_area .location_area_inner > div{width:49%} .sub_section .location_area .location_area_inner > div + div{margin-left:2%} .sub_section .location_area .location_area_inner > div h3{font-size:22px; color:#222; font-weight:800; letter-spacing:-1px; padding-bottom:20px} .sub_section .location_area .location_area_inner > div .sub_map{width:100%; height:450px} .sub_section .location_area .location_area_inner > div .sub_map_info{background:#fdfdfd; border-bottom:2px solid var(--primary-color); padding:30px} .sub_section .location_area .location_area_inner > div .sub_map_info p{position:relative; font-size:17px; color:#222; font-weight:500; letter-spacing:-1px; padding-left:24px} .sub_section .location_area .location_area_inner > div .sub_map_info p span{position:absolute; left:0; top:0;} .sub_section .location_area .location_area_inner > div .sub_map_info ul{padding-top:12px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li{position:relative; padding-left:26px; display:inline-block; font-size:17px; color:#222; font-weight:500; letter-spacing:-1px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li span{position:absolute; left:0; top:-2px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li + li{margin-left:6%} /*오시는 길 type B 추가 2023-07-03*/ .sub_section .location_area.type_b .location_area_inner{display:block;} .sub_section .location_area.type_b .location_area_inner > h3{font-size:22px; font-weight: 800; letter-spacing: -1px; padding-bottom: 20px;} .sub_section .location_area.type_b .location_area_inner > h3:nth-of-type(2){margin-top:40px;} .sub_section .location_area.type_b .location_area_inner > div{width:100%; display:flex; gap:2%;} .sub_section .location_area.type_b .location_area_inner > div > div{width:49%;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info{border-bottom:none;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info p{border-bottom:1px solid #ddd; font-size: 20px; word-break: keep-all; padding-bottom: 30px; padding-left:74px;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li{display:block; padding-left:80px; padding-bottom:10px;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li:last-child{padding-bottom:0;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li + li{margin-left:0;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info p span{color:var(--primary-color); font-weight:700; top:1px;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info p span img{vertical-align:inherit;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li span{color:var(--primary-color); font-weight:700; top:0;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li span img{vertical-align:inherit; margin-right:5px;} /*오시는 길 type C 추가 2023-07-03*/ .sub_section .location_area.type_c .location_area_inner{display:block;} .sub_section .location_area.type_c .location_area_inner > div{width:100%;} .sub_section .location_area.type_c .location_area_inner > div + div{margin-left:0; margin-top:20px;} .sub_section .location_area.type_c .location_area_inner > div .sub_map_info{background: #fff; border-bottom: none; padding: 40px; border-radius: 20px; max-width: 96%; margin: 0 auto; transform: translateY(-40px); box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);} .sub_section .location_area.type_c .location_area_inner > div .sub_map_info p{word-break:keep-all;} /*고객문의*/ .sub_section .request_area .request_area_inner .request_form_wrap{background:#f8f9fb; border-radius:10px; padding:50px; margin-bottom:45px} .sub_section .request_area .request_area_inner .request_form_wrap form table{border-spacing:0; width:100%} .sub_section .request_area .request_area_inner .request_form_wrap form table tr th{font-size:17px; font-weight:800; color:#222; width:65px; text-align:left; padding-right:10px} .sub_section .request_area .request_area_inner .request_form_wrap form table tr th.col2{padding-left:10px; width:90px; text-align:center} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td{width:auto} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td input{width:100%; padding:12px; border-radius:5px; border:1px solid #eee; font-size:17px; color:#666; font-weight:500} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td textarea{width:100%; padding:10px; border-radius:5px; border:1px solid #eee; height:200px; overflow:auto} .sub_section .request_area .request_area_inner .request_form_wrap form table tr + tr th{padding-top:20px} .sub_section .request_area .request_area_inner .request_form_wrap form table tr + tr td{padding-top:20px} .sub_section .request_area .request_area_inner .request_form_wrap form table tr + tr + tr th{vertical-align:top; padding-top:30px} .sub_section .request_area .request_area_inner .request_form_wrap form > div{padding-top:20px} .sub_section .request_area .request_area_inner .request_form_wrap form > div br{display:none} .sub_section .request_area .request_area_inner .request_form_wrap form > div .label{font-size:17px; font-weight:800; color:#222; padding-right:15px} .sub_section .request_area .request_area_inner .request_form_wrap form > div .privacy_btn{display:inline-block; border-radius:30px; background:#efefef; font-size:15px; color:#666; font-weight:500; height:30px; line-height:30px; padding:0 20px; letter-spacing:-1px; cursor:pointer; transition: all 0.2s;} .sub_section .request_area .request_area_inner .request_form_wrap form > div .privacy_btn:hover {transform: scale(1.05); box-shadow: 1px 1px 5px rgba(0,0,0,.2);} .sub_section .request_area .request_area_inner .request_form_wrap form input[type="submit"]{border:none; width:100%; height:55px; border-radius:10px; background:var(--primary-color); color:#fff; font-size:18px; font-weight:600; text-align:center; box-shadow: 0px 5px 0px 0px #3b5c30; margin-top: 30px; margin-bottom: 5px; transition: all 0.2s;} .sub_section .request_area .request_area_inner .request_form_wrap form input[type="submit"]:hover {margin-top: 35px; margin-bottom: 0px; box-shadow: 0px 0px 0px 0px var(--primary-color);} /*고객문의 추가 2023-07-03*/ .sub_section .request_area .request_area_inner .request_form_wrap{background:rgba(248,249,251,.7); border:1px solid #dee5fc;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td.col2{width:42%;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap{display:flex;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap input{width:30%;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap input:nth-of-type(2){margin-right:2%;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap input::placeholder{color:#ccc;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap select{-webkit-appearance: none; -moz-appearance: none; padding: 12px; border-radius: 5px; border: 1px solid #eee; font-size: 17px; color: #666; font-weight: 500; width:30%; background:#fff url(../img/sub/select_arrow.png) no-repeat 95% 50%;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap span{display:block; width:8%; text-align:center; line-height:53px; font-size:16px;} /*여행지*/ .sub_section .construction_area .construction_area_inner .construction_tab{margin-bottom:50px} .sub_section .construction_area .construction_area_inner .construction_tab ul{display:flex; flex-wrap:nowrap; justify-content:space-between} .sub_section .construction_area .construction_area_inner .construction_tab ul li{ border:1px solid var(--primary-color); height:60px; width:23.8%;border-radius: 10px; box-shadow: 0px 5px 0px 0px #3b5c30; margin-top: 0; margin-bottom: 5px; transition: all 0.2s;} .sub_section .construction_area .construction_area_inner .construction_tab ul li a { position: relative; width:100%; height:100%; display: table; } .sub_section .construction_area .construction_area_inner .construction_tab ul li a span{display:table-cell; vertical-align:middle; font-size: 18px;text-align:center; color:var(--primary-color); letter-spacing:-1px; font-weight:500;} .sub_section .construction_area .construction_area_inner .construction_tab ul li.on{background:var(--primary-color)} .sub_section .construction_area .construction_area_inner .construction_tab ul li.on a span {color:#fff; font-weight:700} .sub_section .construction_area .construction_area_inner .construction_tab ul li:hover{background:var(--primary-color); margin-top: 5px; margin-bottom: 0; box-shadow: 0px 0px 0px 0px var(--primary-color);} .sub_section .construction_area .construction_area_inner .construction_tab ul li:hover a span{color:#fff; font-weight:700} .sub_section .construction_area .construction_area_inner h3{font-size:35px; color:#222; font-weight:800; position:relative; padding-left:30px; letter-spacing:-2px; padding-bottom:15px} .sub_section .construction_area .construction_area_inner h3:before{content:''; width:21px; height:21px; background:url('../img/sub/title_dot.png') no-repeat center; background-size:cover; position:absolute; left:0; top:18px} .sub_section .construction_area .construction_area_inner p{font-size:18px; color:#666; font-weight:500; letter-spacing:-0.5px; line-height:1.7em; padding-bottom:40px} .sub_section .construction_area .construction_area_inner p:has(+ .construction_txt_box){padding-bottom:15px} .sub_section .construction_area .construction_area_inner .info_table{margin-bottom:100px} .sub_section .construction_area .construction_area_inner .info_table > p{font-size:20px; color:#222; text-align:center; padding-bottom:0; letter-spacing:-1px; font-weight:700; padding-top:30px} .sub_section .construction_area .construction_area_inner .info_table table{border-spacing:0; width:100%; table-layout: fixed} .sub_section .construction_area .construction_area_inner .info_table table tr th{border-bottom:1px solid #eee; background:#fafafa; font-size:20px; color:#222; font-weight:700; padding:15px 10px; letter-spacing:-1px} .sub_section .construction_area .construction_area_inner .info_table table tr th + th{border-left:1px solid #eee} .sub_section .construction_area .construction_area_inner .info_table table tr td{border-bottom:1px solid #eee; border-left:1px solid #eee; font-size:18px; font-weight:500; text-align:center; padding:15px 10px; color:#666} .sub_section .construction_area .construction_area_inner .info_table table tr td strong{color:#222; font-weight:700} .sub_section .construction_area .construction_area_inner .info_table table tr th.bg_blue{background:var(--primary-color); color:#fff; font-size:20px; font-weight:700; padding:15px 10px; letter-spacing:-1px} .sub_section .construction_area .construction_area_inner .info_table.col6 table tr th, .sub_section .construction_area .construction_area_inner .info_table.col6 table tr td{width:16.66%} .sub_section .construction_area .construction_area_inner .info_table.col7 table tr th, .sub_section .construction_area .construction_area_inner .info_table.col7 table tr td{width:14.28%} .sub_section .construction_area .construction_area_inner .info_table table tr th.txt_thin{font-size:18px; color:#666; font-weight:500; border-left:1px solid #eee} .sub_section .construction_area .construction_area_inner .info_table table tr td.progress_bar{background:#ffd955} /*여행지 추가 2023-07-03*/ .sub_section .construction_area .construction_area_inner p.upper_text{font-weight:600;} .sub_section .construction_area .construction_area_inner p.upper_subject_last{padding-bottom:60px;} .sub_section .construction_area .construction_area_inner h3.under_subject{font-size:28px; padding-left:25px;} .sub_section .construction_area .construction_area_inner h3.under_subject:before{top:13px; background:url('../img/sub/title_dot_sub.png') no-repeat center; width:15px; height:15px;} /*드라이룸*/ .sub_section .construction_area .construction_area_inner .construction_txt_box{background:#f8f8f8; padding:30px; border-radius:15px; margin-bottom:40px} .sub_section .construction_area .construction_area_inner .construction_txt_box ul li{font-size: 18px; color: #666; font-weight: 500; letter-spacing: -0.5px; line-height: 1.7em; padding-bottom:12px; position:relative; padding-left:20px} .sub_section .construction_area .construction_area_inner .construction_txt_box ul li:before{content:''; width:9px; height:9px; background:#222; border-radius:2px; position:absolute; left:0; top:11px} .sub_section .construction_area .construction_area_inner .construction_txt_box ul li:last-child{padding-bottom:0} /*H.V.A.C 설계*/ .sub_section .construction_area .construction_area_inner .const_img_holder.max img{width:100%;} .sub_section .construction_area .construction_area_inner .const_img_holder img{max-width:100%; display:block;} .sub_section .construction_area .construction_area_inner .const_img_holder_col2{display:flex; flex-wrap:nowrap; margin-top:2.4%; margin-bottom:45px; justify-content:space-between} .sub_section .construction_area .construction_area_inner .const_img_holder_col2 img{width:49%; max-width:635px} .sub_section .construction_area .construction_area_inner .const_img_holder + h3 {margin-top:40px} .sub_section .construction_area .construction_area_inner .iframe_holder{} /* [LDH 25.10.21] 컨텐츠 추가 */ .col2_area {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; max-width: 1200px; width:100%; margin: 100px auto;} .col2_area .img img {max-width: 100%;} .col2_area.full {grid-template-columns: 1fr; margin: 130px auto;} .sub_section .construction_area .construction_area_inner .col2_area p {font-size: 30px; font-weight: 400; color: var(--text-color); letter-spacing: -2px; padding-bottom:0; padding-left:50px; align-self: center;} .sub_section .construction_area .construction_area_inner .col2_area p b {font-size: 1.3em; display: block;} .sub_section .construction_area .construction_area_inner .col2_area.full p {padding-left:0; text-align:center; font-size: 24px; gap: 40px;} /*****미디어쿼리*****/ @media screen and (max-width: 1300px) { /*오시는 길*/ .sub_section .location_area .location_area_inner > div .sub_map_info p{font-size:14px; padding-left:20px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li{font-size:14px; padding-left:22px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li + li{margin-left:3%} .sub_section .construction_area .construction_area_inner p br{display:none;} .sub_section .construction_area .construction_area_inner.br_no p br {display:block} /*오시는 길 type B 추가*/ .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li{font-size:17px;} /*오시는 길 type c 추가*/ .sub_section .location_area.type_c .location_area_inner > div .sub_map_info p{font-size:17px;} .sub_section .location_area.type_c .location_area_inner > div .sub_map_info ul li{font-size:17px;} /*연혁3*/ .history_container .tab_inner .tab_history .img_wrap strong {font-size: 28px;} .history_container .tab_inner .tab_history .year_list .list>strong {font-size: 26px;} .history_container .tab_inner .tab_history .year_list .list ul li {font-size: 18px;} .history_container .tab_inner .tab_history .img_wrap.fixed {top: 40px; width: calc(50% - 40px);} .history_container .top_menu ul li a {font-size: 22px;} .history_container .top_menu ul li a::before {height: 20px;} .history_container .tab_inner .tab_history .year_list .list ul li p {word-break: keep-all;} } @media screen and (max-width: 1280px) { /*CEO인사말*/ .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3{font-size:35px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p{font-size:16px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p:last-child{font-size:18px} /*고객문의*/ .sub_section .request_area .request_area_inner .request_form_wrap form table tr th{font-size:14px} .sub_section .request_area .request_area_inner .request_form_wrap form > div .label{font-size:14px; padding-right:6px} .sub_section .request_area .request_area_inner .request_form_wrap form > div .privacy_btn{font-size:11px; padding:0 12px} .sub_section .request_area .request_area_inner .request_form_wrap form input[type="submit"]{font-size:15px} /*고객문의 추가*/ .sub_section .request_area .request_area_inner .request_form_wrap form table tr th{width:75px;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td input, .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap select{padding:12px 5px; font-size:14px;} } @media screen and (max-width: 1024px) { /*CEO인사말*/ .sub_section .greeting_area .greeting_area_inner .txt_holder > div{padding:40px 25px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p{word-break:keep-all} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p br{display:none} .sub_section .greeting_area .greeting_area_inner .txt_holder span.text_br{display:block;margin-top:20px} /*오시는 길*/ .sub_section .location_area .location_area_inner > div .sub_map_info{padding:30px 15px} /*연혁3*/ .history_container .tab_inner {padding: 0 40px;} .history_container .tab_inner .tab_history .year_list .list {padding: 0 0 160px 100px;} .history_container .tab_inner .tab_history .img_wrap strong {font-size: 22px;} .history_container .tab_inner .tab_history .img_wrap p, .history_container .tab_inner .tab_history .year_list .list ul li {font-size: 16px;} .history_container .tab_inner .tab_history .year_list .list>strong {font-size: 22px; margin-bottom: 20px;} .history_container .top_menu ul li a {font-size: 20px;} .history_container .top_menu {margin: 60px auto 60px;} .history_container .tab_inner .tab_history{padding: 20px;} .history_container .tab_inner .tab_history .year_list .list { padding: 0 0 50px 25px;} /* [LDH 25.10.21] 컨텐츠 추가 */ .sub_section .construction_area .construction_area_inner .col2_area p {font-size: 24px; word-break: keep-all;} } @media screen and (max-width: 700px) { /*연혁3*/ .history_container .tab_inner{padding:0;} .history_container .tab_inner .tab_history{padding:0;border:none;} .history_container .tab_inner .tab_history .year_list{flex-wrap: wrap;} .history_container .tab_inner .tab_history .year_list .flex_box{width:100%;} } @media screen and (min-width: 768px) { /*sub menu common*/ .dropdown{display:none} } @media screen and (max-width: 980px) { /*sub menu common*/ .sub_visual .sub_visual_inner{padding:95px 0} .sub_visual .sub_visual_inner h1{font-size:40px} .sub_vis_menu > div{width:100%!important} .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu li a span{font-size:13px} .sub_section{padding:70px 0 55px} .sub_section .sub_title{padding-bottom:40px} .sub_section .sub_title h2{font-size:35px} .sub_section.board h2{font-size:35px} .sub_section .sub_title ul li{font-size:13px} .sub_section .sub_title ul li a{font-size:13px} /*CEO 인사말*/ .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3{font-size:25px; padding-bottom:40px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p{font-size:14px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p:last-child{font-size:16px; padding-top:35px} /*연혁*/ .sub_section.history:before{width:448px; height:985px; top:50px} .sub_section.history:after{width:465px; height:989px} .sub_section .history_wrap .history_wrap_inner{padding-top:180px} .sub_section .history_wrap .history_wrap_inner .year_img_holder h3{top:-180px; right:-84px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li{font-size:15px; padding-bottom:8px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li span{font-size:20px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li:after{top:5px} .sub_section .history_wrap .history_wrap_inner .year_img_holder h3 img{width:150px} /*연혁3*/ .history_container .tab_inner .tab_history .img_wrap {display: none;} .history_container .tab_inner .progress_bar2 {left: 40px;} .history_container .tab_inner .tab_history .year_list {width: 100%;} .history_container .top_menu {border-bottom: 1px solid #eee; padding: 20px 0; margin: 0 auto 60px;} .history_container .tab_inner .tab_history .year_list .list>strong::before {width: 35px; left: -60px;} .history_container .tab_inner .tab_history .year_list .list {padding: 0 0 40px 25px;} /*연혁 B*/ .history .history2 h3{font-size:24px;} .history .history2 dt{font-size:22px;} .history .history2 li{font-size:16px;} .history .history2 dl{min-height:80px;} .history .history2 dt{width:95px;} .history .history2 dt.long{width:165px;} /*오시는 길*/ .sub_section .location_area .location_area_inner > div .sub_map{height:350px} .sub_section .location_area .location_area_inner > div .sub_map_info{min-height:140px} .sub_section .location_area .location_area_inner > div h3{font-size:18px; padding-bottom:10px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li{display:block; padding-bottom:8px} .sub_section .location_area .location_area_inner > div .sub_map_info ul li:last-child{padding-bottom:0} .sub_section .location_area .location_area_inner > div .sub_map_info ul li + li{margin-left:0} /*견적의뢰*/ .sub_section .request_area .request_area_inner .request_form_wrap{margin-bottom:25px} .sub_section .request_area .request_area_inner .request_form_wrap{padding:25px} .sub_section .request_area .request_area_inner .request_form_wrap form > div br{display:block} .sub_section .request_area .request_area_inner .request_form_wrap form input[type="submit"]{margin-top:30px} /*오시는 길 type B 추가*/ .sub_section .location_area.type_b .location_area_inner > h3{font-size:18px; padding-bottom:10px;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info p{font-size:16px; padding-bottom:20px; padding-left:64px;} .sub_section .location_area.type_b .location_area_inner > div .sub_map_info ul li{padding-left:70px; font-size:14px;} /*오시는 길 type C 추가*/ .sub_section .location_area.type_c .location_area_inner > div .sub_map_info{padding:25px; border-radius:10px;} .sub_section .location_area.type_c .location_area_inner > div .sub_map_info p{font-size:14px;} .sub_section .location_area.type_c .location_area_inner > div .sub_map_info ul li{font-size:14px;} /*여행지*/ .sub_section .construction_area .construction_area_inner h3{font-size:22px; padding-bottom:5px; padding-left:25px} .sub_section .construction_area .construction_area_inner h3:before{width:16px; height:16px; top:10px} .sub_section .construction_area .construction_area_inner p{font-size:14px; padding-bottom:25px} .sub_section .construction_area .construction_area_inner .construction_tab{margin-bottom:30px} .sub_section .construction_area .construction_area_inner .construction_tab ul li a span{font-size:14px; padding:0 10px} .sub_section .construction_area .construction_area_inner .info_table{margin-bottom:50px} .sub_section .construction_area .construction_area_inner .info_table > p{font-size:17px; padding-top:20px} .sub_section .construction_area .construction_area_inner .info_table table tr th.bg_blue{font-size:17px} .sub_section .construction_area .construction_area_inner .info_table table tr th{font-size:17px} .sub_section .construction_area .construction_area_inner .info_table table tr td{font-size:15px} .sub_section .construction_area .construction_area_inner .info_table table tr th.txt_thin{font-size:15px} /*여행지 추가 2023-07-03*/ .sub_section .construction_area .construction_area_inner p.upper_subject_last{padding-bottom:40px;} .sub_section .construction_area .construction_area_inner .construction_txt_box{margin-bottom:25px;} .sub_section .construction_area .construction_area_inner h3.under_subject{font-size:18px; padding-left:22px;} .sub_section .construction_area .construction_area_inner h3.under_subject:before{top:6px;} /*드라이룸*/ .sub_section .construction_area .construction_area_inner .construction_txt_box{padding:20px; margin-bottom:25px} .sub_section .construction_area .construction_area_inner .construction_txt_box ul li{font-size:14px; padding-bottom:6px; padding-left:15px} .sub_section .construction_area .construction_area_inner .construction_txt_box ul li:before{width:6px; height:6px; top:9px} /*H.V.A.C 설계*/ .sub_section .construction_area .construction_area_inner .const_img_holder_col2{margin-bottom:25px} } @media screen and (max-width: 900px) { /*CEO인사말 type2*/ .sub_section .greeting_area.type_b .greeting_area_inner{display:inline-block;} .sub_section .greeting_area.type_b .greeting_area_inner .img_holder { text-align: center;} .sub_section .greeting_area.type_b .greeting_area_inner .img_holder > img{width:100%;} .sub_section .greeting_area.type_b .greeting_area_inner > div { width: 100%;} .sub_section .greeting_area.type_b .greeting_area_inner .txt_holder > div{padding:0} } @media screen and (max-width: 767px) { /*sub menu common*/ .sub_vis_menu .sub_vis_menu_inner ul.sub_pc_menu{display:none} .sub_vis_menu.s_menu2 .sub_vis_menu_inner ul li{max-width:100%; width:100%} .sub_vis_menu.s_menu2 .sub_vis_menu_inner ul li a span{font-size:15px} /*CEO 인사말*/ .sub_section .greeting_area .greeting_area_inner{flex-flow:wrap} .sub_section .greeting_area .greeting_area_inner > div{width:100%} .sub_section .greeting_area .greeting_area_inner .img_holder p{padding:30% 0} /*연혁*/ .sub_section .history_wrap .history_wrap_inner .history_txt ul li br{display:block} /*오시는 길*/ .sub_section .location_area .location_area_inner{flex-wrap:wrap} .sub_section .location_area .location_area_inner > div{width:100%} .sub_section .location_area .location_area_inner > div + div{margin-left:0; margin-top:40px} /*고객문의*/ .sub_section .request_area .request_area_inner .request_form_wrap form table tr{display:block} .sub_section .request_area .request_area_inner .request_form_wrap form table tr th{display:block; width:100%} .sub_section .request_area .request_area_inner .request_form_wrap form table tr th.col2{padding-left:0; width:100%; text-align:left} .sub_section .request_area .request_area_inner .request_form_wrap form table tr + tr + tr th{padding-top:15px} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td{display:block; width:100%; padding-top:5px} .sub_section .request_area .request_area_inner .request_form_wrap form table tr + tr td{padding-top:5px} .sub_section .request_area .request_area_inner .request_form_wrap form > div .privacy_btn{font-size:13px} /*고객문의 추가*/ .sub_section .request_area .request_area_inner .request_form_wrap form table tr td.col2{width:100%;} /*산업용 클린룸(ICR)*/ .sub_section .construction_area .construction_area_inner .construction_tab ul{flex-wrap:wrap} .sub_section .construction_area .construction_area_inner .construction_tab ul li{height:50px; width:49%} .sub_section .construction_area .construction_area_inner .construction_tab ul li + li + li{margin-top:2%} .sub_section .construction_area .construction_area_inner .info_table > div{overflow-x:scroll} .sub_section .construction_area .construction_area_inner .info_table table tr{width:750px} .sub_section .construction_area .construction_area_inner .info_table table tr th.bg_blue, .sub_section .construction_area .construction_area_inner .info_table table tr td {word-break: keep-all; font-size: 14px} .sub_section .construction_area .construction_area_inner .info_table.no_scroll > div{overflow-x:initial} .sub_section .construction_area .construction_area_inner .info_table.no_scroll table{width:100%} .sub_section .construction_area .construction_area_inner .info_table > div::-webkit-scrollbar-track{background-color: #eeeeee; height:15px;} .sub_section .construction_area .construction_area_inner .info_table > div::-webkit-scrollbar{width: 10px; background-color: #F5F5F5; height:15px;} .sub_section .construction_area .construction_area_inner .info_table > div::-webkit-scrollbar-thumb{ background-color: var(--primary-color); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); height: 15px;} /* [LDH 25.10.21] 컨텐츠 추가 */ .col2_area {grid-template-columns: 1fr; margin: 70px auto} .sub_section .construction_area .construction_area_inner .col2_area p {padding-left:0; text-align: center; font-size: 18px;} .sub_section .construction_area .construction_area_inner .col2_area:nth-child(odd) p {order:1} .sub_section .construction_area .construction_area_inner .col2_area:nth-child(odd) .img {order:2} .sub_section .construction_area .construction_area_inner .col2_area p br {display: block;} .sub_section .construction_area .construction_area_inner .col2_area .img {margin:0 auto} .col2_area.full {margin: 90px auto;; gap: 20px} .sub_section .construction_area .construction_area_inner .col2_area.full p {font-size: 20px} } @media screen and (max-width: 480px) { /*sub menu common*/ .sub_visual .sub_visual_inner{padding:65px 0} .sub_visual .sub_visual_inner h1{font-size:30px} .sub_section .sub_title{padding-bottom:30px} .sub_section .sub_title h2{font-size:25px} .sub_section.board h2{font-size:25px} /*CEO인사말*/ .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3{padding-bottom:30px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p + p{padding-top:15px} /*CEO인사말2*/ .sub_section .greeting_area.type_b .greeting_area_inner .txt_holder > div h3{font-size: 40px;} /*연혁*/ .sub_section.history:before{width:220px; height:485px} .sub_section.history:after{width:219px; height:467px} .sub_section .history_wrap .history_wrap_inner{padding-top:140px; margin-bottom:35px} .sub_section .history_wrap .history_wrap_inner .year_img_holder h3{top:-140px; right:-72px} .sub_section .history_wrap .history_wrap_inner .history_txt{padding-top:40px; padding-bottom:40px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li{padding-left:25px; padding-bottom:15px; font-size:13px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li span{left:-88px; font-size:17px} .sub_section .history_wrap .history_wrap_inner .year_img_holder h3 img{width:130px} /*연혁2*/ .history .history2 { padding: 30px 0 0;} .history .history2 h3 { width: 60px; height: 60px;font-size: 14px;line-height: 60px;margin: 10px 0;} .history .history2 h3:after {left: 30px;} .history .history2 dt, .history .history2 dd {padding-top: 15px;} .history .history2 dl {margin-left: 30px;width: 90%;min-height: 40px;} .history .history2 dl:before {content:none} .history .history2 dt {font-size: 14px;padding-left: 10px;width: 50px;} .history .history2 li { font-size: 13px;} .history .history2 dt:before {width: 10px; height: 10px;border: 3px solid var(--primary-color);left: -6px; top: 19px;} .history .history2 dt.long { width: 100px;} .history .history2 dl.last:after {content:none} .history .history2 h3:before {left: 30px;height: 20px;top: -20px;} .history .history2 dl.end:after {top: 29px;} /*연혁3*/ .history_container .top_menu ul li a {padding: 0 10px; font-size: 16px;} .history_container .top_menu ul li a::before {display: none;} .history_container .top_menu ul {flex-wrap: wrap; gap: 5px;} .history_container .top_menu ul li {width: 48%; text-align: center;} .history_container .tab_inner .tab_history{border:none;padding:0;} /*경영이념/경영목표*/ .sub_section .philosophy_img_holder{padding-bottom:15px} /*오시는 길*/ .sub_section .location_area .location_area_inner > div .sub_map{height:280px} /*오시는 길 type B 추가*/ .sub_section .location_area.type_b .location_area_inner > div{display:block;} .sub_section .location_area.type_b .location_area_inner > div > div{width:100%;} .sub_section .location_area.type_b .location_area_inner > h3:nth-of-type(2){margin-top:20px;} /*고객문의*/ .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap{flex-wrap:wrap;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap input{width:92%; margin-bottom:10px;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap input:nth-of-type(2){width:100%; margin-right:0;} .sub_section .request_area .request_area_inner .request_form_wrap form table tr td .email_wrap select{width:100%;} } @media screen and (max-width: 360px) { /*CEO인사말*/ .sub_section .greeting_area .greeting_area_inner .txt_holder > div h3{font-size:22px} .sub_section .greeting_area .greeting_area_inner .txt_holder > div p:last-child{padding-top:25px} /*연혁*/ .sub_section .history_wrap .history_wrap_inner .history_txt ul li span{font-size:15px; top:1px} .sub_section .history_wrap .history_wrap_inner .history_txt ul li{font-size:12px} } /* 게시판 공통 */ .board_title_wrap h1 {text-align: center; padding: 60px 0 40px; font-size: 35px; font-weight: 800;}