@charset "euc-kr"; @import "reset.css"; @import "animation.css"; .typing {/*width: 15ch; white-space: nowrap; overflow: hidden; border-right: 3px solid #333; animation: typing 3s steps(18), blink .7s infinite step-end alternate;*/} @keyframes typing { from { width: 0; }} @keyframes blink { 50% { border-color: transparent; }} /* 공통 */ .colorRed{color:#ff0000 !important;} .colorblu{color:#0000ff !important;} .colorWhite{color:#fff !important;} .colorBlack{color:#111 !important;} .colorGray{color:#606060 !important;} .colorGreen{color:#0096ae !important;} .colorGreen2{color:#07b9d6 !important;} .colorYel{color:#ceab36 !important;} .TXTL{text-align:left !important;} .TXTC{text-align:center !important;} .TXTR{text-align:right !important;} .FWB{font-weight:bold;} .topBtn{display:inline-block; width:6rem; height:6rem; border:1px solid #dedee1; background:#fff url(/images/top_btn.png)no-repeat center; background-size:2.4rem; font-size:0; border-radius:50%; position:fixed; top: 90%; right:3%; z-index:102; box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);} .btn_mouse{display:none;} .btn_mouse.up{display:block;} body {min-width:360px; width:100%; font-family:'Pretendard';} /* header */ #header {position:fixed;width:100%;min-height:10rem;left:0;top:0;box-sizing:border-box; /*-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;*/ transition:none; background:#fff;z-index:100;} #header:after {content:'';display:block;position:absolute;top:10rem;left:0;width:100%;height:1px;background:#f1f1f1;} #header .header_wrap {position:relative;display: flex;justify-content: center;width:100%;max-width:1440px;height:100%; min-height:10rem; margin:auto;padding:0 0 0 19rem;text-align:center;box-sizing:border-box;} #header .header_wrap:after {content:'';display:none;clear:both;} #header .header_wrap .logo {position:absolute;top:38px;left:0;display:inline-block;float:left;} #header .header_wrap .logo > h1, #header .header_wrap .logo a{display:block; width:100%; height:100%;} #header .header_wrap .gnb { display:inline-block; position:relative; flex:1;} #header .header_wrap .gnb > ul{display: flex; justify-content: flex-end; padding-right: 23.5rem;} #header .header_wrap .gnb > ul > li {line-height:1;text-align:center; /*-webkit-transition: min-width 0.3s ease-out 0s; transition: min-width 0.3s ease-out 0s;*/ transition:none; min-width:13rem; } #header .header_wrap .gnb > ul > li:after{content:''; display:block; clear:both;} #header .header_wrap .gnb > ul > li:last-child {min-width:18rem;} #header .header_wrap .gnb > ul > li > a {min-height:10rem; display: flex; align-items: center; justify-content: center;margin:0 0 0;font-size:16px;color:#fff;font-weight:bold;cursor: text;} #header .header_wrap .gnb > ul > li:last-child > a {cursor:pointer;pointer-events:initial;} #header .header_wrap .gnb > ul > li.loc > a{color:#0096ae !important; font-weight:bold;} #header .header_wrap .gnb > ul > li .depth2 {overflow:hidden;height:0;padding:0;line-height:1;font-size:1.6rem;color:#666;font-weight:normal;text-align:left; /*-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;*/ transition:none; display:flex; flex-direction:column; gap: 2rem 0;} #header .header_wrap .gnb > ul > li .depth2 > li {text-align:center;} #header .header_wrap .gnb > ul > li .depth2 > li:first-child {margin-top:4.2rem;} #header .header_wrap .gnb > ul > li .depth2 > li > a:hover {color:#0096ae;text-decoration : underline; text-underline-offset : 4px;} #header .header_wrap .gnb > ul > li .depth2 > li > strong > a:hover {text-decoration :none;} #header .header_wrap .gnb > ul > li .depth2 > li strong {display:block;padding:0 0 12px;font-size:18px;color:#333;} #header .header_wrap .gnb > ul > li:nth-child(2) .depth2 > li:nth-child(3), #header .header_wrap .gnb > ul > li:nth-child(2) .depth2 > li:nth-child(6), #header .header_wrap .gnb > ul > li:nth-child(2) .depth2 > li:nth-child(10) {margin:60px 0 0 90px;} #header .header_wrap .gnb.on {-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} #header .header_wrap .gnb.on > ul > li {} #header .header_wrap .gnb.on > ul > li .depth2 {padding:0 0 0;transition-delay: 0.3s;height:21.8rem;} #header .header_left{visibility:hidden; opacity:0; background: linear-gradient(to right, #f5f5f7 36%, transparent 36%); z-index: -1; position: absolute; top: 10rem; height: 21.5rem; width: 100%;} #header .header_left .hl_inner{position:relative; text-align:left; max-width: 1440px; margin: 0 auto; color: #fff; padding: 5rem 77rem 5rem 0; box-sizing: border-box; height:100%; background:url(/images/gnb_back.png)no-repeat 23% bottom;} #header .header_left .hl_inner:before{content:''; position:absolute; width:50vw; right:100%; background:#f5f5f7; height:100%; top:0;} #header .header_left .hl_inner p{line-height:1.2;} #header .header_left .hl_inner .tit{color:#111; font-size:2.4rem; font-weight:bold;} #header .header_left .hl_inner .txt{color:#666; font-size:1.4rem; margin-top:1rem; line-height:1.5;} #header.on .header_left{visibility:visible; opacity:1; transition: all .2s, opacity .2s .2s;} .sub #header .logo_w{display:block;} .sub #header .logo_p{display:none;} .sub #header.on .logo_p{display:block;} .sub #header.on .logo_w{display:none;} .enable-transitions #header {-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;} .enable-transitions #header .header_wrap .gnb > ul > li {-webkit-transition: min-width 0.2s ease-out 0s; transition: min-width 0.2s ease-out 0s;} .enable-transitions #header .header_wrap .gnb > ul > li .depth2 {-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;} #header.fixed, #header.on {background:#fff !important;} #header.fixed .header_wrap .gnb > ul > li > a, #header.on .header_wrap .gnb > ul > li > a {color:#000;} #header.on .header_wrap .gnb > ul > li > a:hover{color:#0096ae;} .gnb_mo_btn{display:none;} .box_lang_select{display:inline-block; height: 10rem; vertical-align: middle; line-height: 10rem; color: #fff; position: absolute; top:0; right: 0; font-size:1.6rem;} .box_lang_select .btn_lang{color:#777776;} .box_lang_select .btn_lang.on{color:#fff;} .box_lang_select .btn_lang.eng:before{content:''; display:inline-block; width:1px; height:1.1rem; margin:0 1.4rem; background:#777776;} #header.on .box_lang_select .btn_lang, #header.fixed .box_lang_select .btn_lang{color:#777776;} #header.on .box_lang_select .btn_lang.on, #header.fixed .box_lang_select .btn_lang.on{color:#000;} /* footer */ #footer {height:17rem; border-top:1px solid #dcdcdf; font-family:'pretendard';} #footer .inner {position:relative;max-width:1440px;margin:auto;padding:3.7rem 0;} #footer .inner .lst {overflow:hidden;margin:10px 0 0;font-size:1.5rem;color:#828282;font-weight:500;} #footer .inner .lst:first-child {margin:0 0 2.3rem;} #footer .inner .lst:nth-child(4) {margin:25px 0 0;} #footer .inner .lst > li {float:left;line-height:1;margin:0 3rem 0 0;letter-spacing: 0;} #footer .inner .lst > li br{display:none;} #footer .inner .lst > li > a {font-size:15px;color:#828282;font-weight:300;opacity: 1;} #footer .inner .lst > li:last-child {margin:0;} #footer .inner .lst > li:last-child:after {display:none;} #footer .inner .link_box {display:inline-block;overflow:hidden;position:absolute;top:60px;right:8px;font-size:0;} #footer .inner .link_box > a {display:inline-block;float:left;height:21px;margin:0 0 0 25px;background: url(../images/footer_sns_logo.png) no-repeat;background-size:150px;} #footer .inner .link_box > a:first-child {width:21px;margin:0;background-position:0 0;} #footer .inner .link_box > a:nth-child(2) {width:21px;background-position:-46px 0;} #footer .inner .link_box > a:nth-child(3) {width:11px;background-position:-93px 0;} #footer .inner .link_box > a:last-child {width:20px;background-position:-130px 0;} #footer .inner .link_box > a:first-child:hover {background-position:0 -39px;} #footer .inner .link_box > a:nth-child(2):hover {background-position:-46px -39px;} #footer .inner .link_box > a:nth-child(3):hover {background-position:-93px -39px;} #footer .inner .link_box > a:last-child:hover {background-position:-130px -39px;} /* 메인 */ /* header */ #main #header {background-color:transparent;} #main #header:after {display:none;} #main #header.fixed:after, #main #header.on:after {content:'';display:block;position:absolute;top:100px;left:0;width:100%;height:1px;background:#f1f1f1;} /* visual_area */ #main #contents .visual_area{overflow-x: hidden;height:auto; min-height:100rem; padding:80px 0 0;background: url(../images/visual_img.jpg) no-repeat 50%;background-size: cover;box-sizing:border-box; display: flex; align-items: center; justify-content: center;} #main #contents .visual_area.on{transform: scale(1.2); transition: scale ease-in-out 2s;} #main #contents .visual_area .visual_inner{padding:0 0;} #main #contents .visual_area .visual_inner .visual_txt{position:relative; z-index:2; height:100%; text-align:center;display: flex; align-items: center; justify-content: center; flex-direction: column;} #main #contents .visual_area .visual_inner .visual_txt p.tit{font-size:3.2rem; color:#fff; line-height:1; font-family:'play';} #main #contents .visual_area .visual_inner .visual_txt p.txt{font-size:9rem; color:#fff; line-height:1.2; margin:5rem 0 10rem; word-break:keep-all;} #main #contents .visual_area .visual_inner .visual_txt h3, .visual_txt h4{color:#fff;} #main #contents .visual_area .visual_inner .visual_txt h3{margin-bottom:10rem;} #main #contents .visual_area br.mo {display:none;} #main #contents {min-height:calc(100vh - 27rem);padding:0;box-sizing:border-box;} .content{height:auto;} #contents p {font-family:'Pretendard';} #contents .cont_txt{line-height:1.2;} #contents .cont_1.inner{overflow:hidden;} #contents .cont_1 .cont_txt{text-align:left; font-size:2.5rem; line-height:1.2; min-width: 49%;} #contents .cont_1 .cont_txt .tit{font-size:4.4rem; font-family:'play'; font-weight:600;} #contents .cont_1 .cont_txt .txt{font-size:1.8rem; margin-top:3rem; line-height:1.6;} #contents .cont_1 .cont_txt .txt.last{font-size:2.4rem; margin-top:18rem; font-weight: 600;} #contents .cont_1 .cont_img{/*min-width: calc(100vw - 109.8rem);*/} #contents .cont_1 .cont_img{display: flex; gap: 0 1.2rem; justify-content: flex-end;} #contents .cont_1 .cont_img .left{display:flex; flex-direction:column; gap:1.2rem 0; flex-wrap:wrap;align-items: flex-end;} #contents .cont_1 .cont_img .right img{padding-top:10rem; box-sizing:border-box;} #contents .cont_1 .cont_img img{max-width:100%;} #contents .cont_2 .cont_txt{text-align:left; font-size:2.5rem; line-height:1.2; } #contents .cont_2 .cont_txt .tit{font-size:6.6rem; font-family:'play'; font-weight:600;} #contents .cont_2 .cont_txt .txt{font-size:1.8rem; margin-top:2.5rem; line-height:1.4;} #contents .outer.v1{overflow:hidden; padding:0 0 11.5rem 0; background:url(../images/outer_back_01.jpg)no-repeat center; background-size:cover;} #contents .outer.v2{overflow:hidden; padding:0 0 0 0;} #contents .outer.v2 .inner.cont_3{} #contents .inner {max-width:1440px;margin:auto; padding:8rem 0; overflow:hidden;} #contents .inner.dvd{display:flex; gap:0 5rem; justify-content:space-between;} #contents .inner.dvd.center{align-items:center;} #contents .inner.cont_3{padding:0 0; overflow:visible;} #contents .inner.cont_3 .root_daum_roughmap .cont, #contents .inner.cont_3 .root_daum_roughmap .wrap_controllers{display:none;} #contents .inner.cont_3 .cont_map{width:calc(100% - 49rem); height:100%; min-width: calc(100vw - 75.8rem);} #contents .inner.cont_3 .cont_map .root_daum_roughmap {width: 100% !important; height: 100% !important; min-height: 84rem; /* 최소 높이 보장, 필요 시 조정 */} #contents .inner.cont_3 .cont_txt { min-width: 32%; margin: 0 auto; flex: 1; padding: 25rem 0 0 0; box-sizing:border-box;} #contents .inner.cont_3 .cont_txt .tit{font-size:6.6rem; text-align:left; font-family:'play'; font-weight:600;} #contents .inner.cont_3 .cont_txt .txt{font-size:1.8rem; text-align:left; margin-top:2rem;} #contents .inner.cont_3 .cont_txt .txt br{display:none;} #contents .inner.cont_3 .cont_txt .txt br.br_pc{display:block;} #contents .inner.cont_3 .cont_txt .txt.last{font-size:2.4rem; text-align:left; margin-top:12rem; font-weight:bold;} #contents .inner.cont_3 .main_btn{padding-right:1.5rem; display:inline-block; margin-top:3rem; width:16.5rem; height:4.8rem; line-height:4.6rem; text-align:center; font-size:1.7rem; border-radius:1rem; border:1px solid #333333; color:#333333; box-sizing:border-box; background:#fff url(/images/arr_black.png)no-repeat calc(100% - 4rem) center; background-size:.8rem;} #contents .inner.cont_3 .main_btn:hover{background:#0096ae url(/images/arr_white.png)no-repeat calc(100% - 4rem) center; background-size:.8rem;border-color:#0096ae; color:#fff; } .root_daum_roughmap .wrap_map{min-height:840px;} .cont_swiper{margin:0 0 0 0; overflow:visible; position:relative;} .cont_swiper.is-first{/*margin-left:calc(25% + 10rem);*/} /* swiper */ .content .swiper-button-next {right:-85px;width:60px;height:60px;background: url(../images/slide_next.png) no-repeat 50%;} .content .swiper-button-prev {left:-85px;width:60px;height:60px;background: url(../images/slide_prev.png) no-repeat 50%;} .content .swiper-button-next:after, .content .swiper-button-prev:after {font-size:0;} .main_swiper{margin:0 0 0 0; width:100%;} .main_swiper .mainSlides{position:relative; border-radius:0; width: 34rem; flex-shrink: 0; height:38rem; padding:4rem; box-sizing:border-box; letter-spacing:0; overflow:hidden; color:#fff; font-size:1.7rem; line-height:1.3;display: flex; flex-direction: column; justify-content: flex-start;} .main_swiper .mainSlides .sd_back{background:#111; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.9; font-size:0; z-index:-1;} .main_swiper .mainSlides:hover .sd_back{background-color:#00607a;} /*.main_swiper .mainSlides.swiper-slide-active .sd_back{background:#00607a;}*/ .main_swiper .tit{font-size:1.6rem; margin-bottom:5rem;font-family:'play'; font-weight:600;} .main_swiper .sub_tit{line-height:1.2; font-size:2.4rem; height:6rem; margin-bottom:2rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;} .main_swiper .txt{min-height: 9rem; margin-bottom:3rem; white-space:normal; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;} .main_swiper .txt_date{color:#fff; font-size:1.4rem; opacity:.7; font-family:'play';} .box_swiper_btn{position:absolute;display:flex; align-items:center; top:calc(100% + 5rem); left:50%; transform:translateX(-50%);} .content .cont_swiper .swiper-button-prev{margin-right:4rem; position:unset; background: url(/images/arr_long_left_white.png)no-repeat center; width:3.6rem; height:2.2rem;;} .content .cont_swiper .swiper-button-next{margin-left:4rem; position:unset; background: url(/images/arr_long_right_white.png)no-repeat center; width:3.6rem; height:2.2rem;;} .swiper-pagination{min-height:3rem; position:unset; white-space:nowrap;display: flex; gap: 0 1rem; width: auto; } .swiper-pagination-bullet{opacity:.5;width:1rem;height:1rem;background:#fff; border-radius:50%;s opacity:1; transition: width 0.3s ease, border-radius 0.3s ease, background 0.3s ease;} .swiper-pagination-bullet-active{width:4rem;opacity:1; border-radius:2rem; background:#fff; /* 필요하면 색 변경 가능 */} /* content */ /* board */ #main #contents .board .visual_area{overflow-x: hidden;height:auto; min-height:60rem; padding:80px 0 0;background: url(../images/board_back.jpg) no-repeat 50%;background-size: cover;box-sizing:border-box; display: flex; align-items: center; justify-content: center;} #main #contents .board .visual_area.notice{background:url(/images/notice_back.jpg)no-repeat; background-size: cover;} #main #contents .board .visual_area .visual_inner{padding-top:15rem;} #main #contents .board .visual_area .visual_inner .visual_txt p.tit{font-size:2.4rem; border-bottom:2px solid #fff; padding-bottom:.1rem;} #main #contents .board .visual_area .visual_inner .visual_txt p.txt{font-size:6.6rem; font-weight:600;} #main #contents .board .visual_area .visual_inner .visual_txt p.txt br.br_mo{display:none;} #main #contents .board .box_search{max-width:60rem; margin:0 auto; position:relative;} #main #contents .board .box_search .btn{font-size:0; width:4.6rem; height:4.6rem; background:#333333 url(/images/icon_search.png)no-repeat center; border-radius:50%; background-size:1.9rem; position: absolute; right: .8rem; top: 50%; transform: translateY(-50%);} #main #contents .board.work .visual_area{background: url(../images/rs_back.jpg) no-repeat 50%;background-size: cover; } #main #contents .board.work .box_work h4.tit{font-size:4.4rem; color:#00789d; font-weight:bold; text-align:center;} #main #contents .board.work .box_work h4.tit br{display:none;} #main #contents .board.work .box_work.last{margin-top:18rem;} #main #contents .board.work .box_work.last h4.tit{color:#b37006;} #main #contents .board.work .box_work .bw_inn{margin-top:8rem; display:flex; gap:0 8.5rem;} #main #contents .board.work .box_work .bw_inn p{word-break:keep-all; color:#333;} #main #contents .board.work .box_work .bw_inn img{max-width:100%;} #main #contents .board.work .box_work .bw_inn .right{font-size:1.8rem; max-width:calc(50% - 9rem); display:flex; gap:6.1rem 0; flex-direction:column;} #main #contents .board.work .box_work .bw_inn .right .tit{font-size:3.2rem; font-weight:bold; word-break:keep-all;} #main #contents .board.work .box_work .bw_inn .right .txt.dot{margin-top:1rem; text-indent:-.7rem; margin-left:.7rem; line-height:1.5;} #main #contents .board.work .box_work .bw_inn .right .txt.dot.first{margin-top:1.7rem;} #main #contents .board.invst {font-size:1.6rem;} #main #contents .board.invst .txt.top{margin-bottom:2rem;} #main #contents .board.invst .lst_invst{display:flex; flex-direction: column;border-bottom:1px solid #333;} #main #contents .board.invst .lst_invst > li{flex-wrap:wrap; display:flex; gap:0 3rem; padding:3rem 0; box-sizing:border-box;border:1px solid #333; border-width:1px 0 0 0; align-items: flex-start; position:relative;} #main #contents .board.invst .lst_invst > li .tit{font-size:2.4rem; font-weight:bold;} #main #contents .board.invst .lst_invst > li .dates{font-size:1.6rem; font-family:'play'; margin-top:.7rem; color:#888888;} #main #contents .board.invst .lst_invst > li .btn{width:2.7rem; height:2.7rem; background:url(/images/icon_plus.png)no-repeat center; font-size:0; border:0; cursor:pointer; position:absolute; right:4rem; top:4.5rem;} #main #contents .board.invst .lst_invst > li.on .btn{background:url(/images/icon_minus.png)no-repeat center; background-size:2.7rem;} #main #contents .board.invst .lst_invst > li .btm{width:100%; margin-top:2rem;} #main #contents .board.invst .lst_invst > li .btm .txt.dot{text-indent:-.6rem; margin-left:.6rem; line-height:1.5;} #main #contents .board.invst .lst_invst > li .left{min-width:18rem; max-width:18rem; height:7.2rem; border:1px solid #f1f1f1; position:relative; overflow:hidden;} #main #contents .board.invst .lst_invst > li .left img{position: absolute; left: 50%; top: 50%; width: auto; max-width: calc(100% - .5rem); max-height: 90%; transform: translate(-50%, -50%);} #main #contents .board.invst .lst_invst > li .right{padding: .8rem 0; box-sizing: border-box; max-width: calc(100% - 22rem);} #main #contents .board.invst .visual_area .visual_inner .visual_txt p.txt br.br_mo{display:none;} #main #contents .board.invst .swiper_invst{margin:10rem 0 0 0;} #main #contents .board.invst .swiper_invst .swiper-slide{display:flex; align-items:center; justify-content:center; border:1px solid #dadada; padding: 1rem 1rem; box-sizing:border-box; height: 6rem; overflow: hidden;} #main #contents .board.invst .swiper_invst img{max-width:100%; height: auto; max-height:5rem;} #main #contents .board.invst .visual_area {background: url(../images/menu3_1_back.jpg) no-repeat 50%;} #main #contents .board.contact .visual_area {min-height: calc(100vh - 17.1rem); background: url(../images/contact_back.jpg) no-repeat 50%; background-size: cover;} #main #contents .board.contact .visual_area .visual_inner{width:100%; padding:0 12rem; box-sizing:border-box;} #main #contents .board.contact .visual_area .visual_inner .visual_txt p.txt {margin: 5rem 0 7rem;word-break: keep-all;} #main #contents .board.contact .bc_lst{position:relative;display: flex; align-items: center; flex:1;padding:5rem 6rem; box-sizing:border-box; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23CACACAFF' stroke-width='1' stroke-dasharray='6%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");} #main #contents .board.contact .bc_lst .bc_inner{background:#333; opacity:.8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; box-sizing:border-box;} #main #contents .board.contact .box_contact{display:flex; gap:2.5rem; width:100%; justify-content: center;} #main #contents .board.contact .box_contact .bc_txt{letter-spacing:0; display:flex; gap:0 8rem; align-items:center; color:#fff; font-size:1.7rem;z-index: 1; position: relative;} #main #contents .board.contact .box_contact .bc_txt .tit{font-size:2.4rem; font-weight:600; min-width:25%;} #main #contents .board.contact .box_contact .bc_txt .txt{font-family:'play'; word-break:break-all;} #main #contents .board.contact .box_contact .bc_txt .txt.line_3{text-indent: -5.8rem; margin-left: 5.8rem;} #main #contents .board.contact .box_contact .bc_txt .right{display: flex; flex-direction: column; gap: 1.5rem 0;} #main #contents .board.map .visual_area{background:url(/images/map_back.jpg)no-repeat; background-size: cover;} #contents .board.map .cont_map{width: 100%; height: 100%; min-width: 100%; max-height: 66rem; overflow:hidden;} #contents .board.map .cont_map .root_daum_roughmap {width: 100% !important; height: 100% !important; min-height: unset;} #contents .board.map .cont_map .root_daum_roughmap .wrap_map{min-height:66rem;} #contents .board.map .root_daum_roughmap .cont, #contents .board.map .root_daum_roughmap .wrap_controllers{display:none;} #contents .board.map .box_txt{font-size:1.8rem; letter-spacing:-1px;} #contents .board.map .tit{font-size:2.4rem; font-weight:bold; margin-bottom:3rem;} #contents .board.map .txt {color:#333;} #contents .board.map .txt.first{margin-right:1.5rem;} #contents .board.map .sub_tit{margin-right:1.5rem;} #contents .board.map .sub_tit.first br{display:none;} #contents .board.map .txt.last{margin-right:11rem;} #contents .board.map .txt_p{font-family:'play';} #contents .board.map .top{margin-bottom:1.5rem;} #contents .board.map .btm{margin-bottom:5rem;} #contents .board.map .btm br{display:none;} #main #contents .board.intro .visual_area{min-height:90rem;} #main #contents .board.intro .visual_area{background: url(../images/intro_back.jpg) no-repeat 50%; background-size: cover;} #main #contents .board.intro .visual_area br.br_mo{display:none;} #main #contents .board.intro .visual_area .visual_inner .visual_txt p.txt {font-size:7rem; margin: 10rem 0 10rem; word-break: keep-all; display:inline-block;} #main #contents .board.intro .visual_area .visual_inner .visual_txt p.txt .txt_p{margin-bottom:2.5rem; font-family:'play'; display:inline-block;} #main #contents .board.intro .visual_area .visual_inner .visual_txt p.txt .txt_inner{font-size:2.6rem; margin-top:2.5rem; font-weight:400; line-height:1.4;letter-spacing: -1.25px;} #main #contents .board.intro .box_img{width:52rem; height:52rem; background:#eee; border-radius:50%; position:relative;overflow:hidden; display:inline-block;} #main #contents .board.intro .box_img img{width:100%; position:absolute; left:0; top:0; height:100%;} #main #contents .board.intro .top{display:flex; gap:0 3.5rem; justify-content: space-between;} #main #contents .board.intro .top .right{min-width:52rem; text-align:right;} #main #contents .board.intro .inner.last{background:#f7f7f7;} #main #contents .board.intro .box_int.last{background:#f7f7f7;} #main #contents .board.intro .box_int{font-size:1.8rem; color:#333333;} #main #contents .board.intro .box_int .tit{font-size:3.2rem; font-weight:bold;} #main #contents .board.intro .box_int .txt.birthd{color:#828282; margin:1rem 0 5rem;} #main #contents .board.intro .box_int .box_txt{display:flex; gap:1.7rem 0; flex-direction: column;} #main #contents .board.intro .box_int .btm .box_txt{ gap:0 45%; flex-direction: row;justify-content: flex-start;} #main #contents .board.intro .box_int .txt{word-break:keep-all;} #main #contents .board.intro .box_int .txt.dot{text-indent:-.7rem; margin-left:.7rem;} #main #contents .board.intro .box_int .txt.arr{text-indent:-1.7rem; margin-left:1.7rem; margin-bottom:3rem;} #main #contents .board.intro .box_int .btm .box_txt .txts{display:flex; gap:1.7rem 0; flex-direction: column;} .board{line-height:1.3;} .box_view .tit{font-size:2.6rem; font-weight:bold;} .box_view pre{font-family:'pretendard'; white-space: pre-wrap;} .box_view .view_info{margin:2rem 0 3rem;} .box_view .view_info span{font-size:1.7rem;} .box_view .nms{font-family:'play';} .box_view .view_content{border:1px solid #333; border-width:1px 0; padding:4rem 1rem 4rem 0; box-sizing:border-box; font-size:1.7rem;} /* buttons */ .box_btn.btm{margin-top:3rem; text-align:center;} .box_btn .btn{display:inline-block; text-align:center; } .box_btn .btn.w11{ width:11rem; height:4.8rem; line-height:4.8rem; font-size:1.7rem;} .box_btn .btn.black{background:#333; color:#fff;} .box_btn .btn.black.hoverGreen:hover{background:#0096ae;} /* rnb */ .rnb {max-width:1200px;margin:auto;} .rnb .rnb_wrap {position:relative;float:right;top:240px;right:-180px;width:150px;z-index:10;} .rnb .rnb_wrap > ul {position:fixed;bottom:150px;} .rnb .rnb_wrap > ul li {margin-bottom:20px;font-size:0;} .rnb .rnb_wrap > ul li > a, .rnb .rnb_wrap > ul li > a img {display:block;} /* contents */ #contents {min-height:calc(100vh - 260rem);margin:0;padding:100px 0 0;box-sizing:border-box;} /* h3 */ h3 {line-height:1;font-size:66px;font-weight:bold;color:#000;letter-spacing: -2px;} h3 > span {display:block;line-height:1;margin-top:50px;font-size:24px;font-weight:bold;color:#0669f8;letter-spacing: 0;} .content h3 {text-align:center;color:#fff;} .h3_area {display: flex;align-items: center;height:480px;margin:0;text-align:center;background-size:cover;} .h3_area > .inner {justify-content: center;padding:0 !important;} .h3_area > .inner > h3 {line-height:1;padding:0;font-size:66px;color:#fff;font-weight:bold;text-align:center;animation-delay:.8s;-webkit-animation-delay:.8s;} .h3_area > .inner > h3 > span {display:block;line-height:1;margin:40px 0 0;font-size:22px;color:#fff;font-weight:300;} /* h4 */ h4 {line-height:1;font-size:24px;font-weight:bold;color:#000;letter-spacing:0;} /* input */ input[type="text"].inp, input[type="password"].inp{border:1px solid #ddd; height:6rem; width:100%; border-radius:3.5rem; font-size:1.6rem; text-indent:4rem; color:#111;} input[type="text"]::placeholder, input[type="password"]::placeholder{color:#333;} /* div table */ .box_tb{font-size:1.6rem; margin-top:4rem; line-height:1.3;} .txt_top{margin-bottom:2rem; color:#333;} .dv_tb {width: 100%; border: 1px solid #333333; border-width:1px 0; border-collapse: collapse; /* 시각적 테이블 느낌 */} .dv_tr {display: flex; width: 100%;} .dv_tr:not(:first-of-type){border-top:1px solid #333;} .dv_td {flex: 1; padding: 2.5rem 5rem; text-align:center; overflow:hidden; color:#333;} .dv_td.WIDTH005{flex:auto; max-width:5%; width:5%;} .dv_td.WIDTH006{flex:auto; max-width:6%; width:6%;} .dv_td.WIDTH007{flex:auto; max-width:7%; width:7%;} .dv_td.WIDTH008{flex:auto; max-width:8%; width:8%;} .dv_td.WIDTH009{flex:auto; max-width:9%; width:9%;} .dv_td.WIDTH010{flex:auto; max-width:10%; width:10%;} .dv_td.WIDTH011{flex:auto; max-width:11%; width:11%;} .dv_td.left{text-align:left;} .dv_td:last-child {border-right: none;} .dv_td > span, .dv_td > a{line-height:1;} .dv_td .lg{font-size:1.8rem; font-weight:600;} .dv_td .txtover{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:100%; line-height:1.1;} .dv_td .txtover:hover{color:#0096ae;} .dv_td .nms{font-family:'play';} /* scroll_navi */ .scroll_area {position:relative;padding:30px 0;margin:60px 0 0;} .scroll_navi {display:block;position:absolute;left:0;top:0;width:100%;padding:0;} .scroll_navi.fixed {position:fixed;top:0;z-index:10;background:#fff;} .scroll_navi.hide {display:none;} .scroll_navi > nav {max-width:1590px;margin:auto;text-align:center;} .scroll_navi > nav .wrap {position:relative;display:inline-block;vertical-align:top;} .scroll_navi ul:after {content:'';display:block;clear:both;} .scroll_navi ul > li {position:relative;float:left;} .scroll_navi ul > li:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#939393;transition: all linear 0.1s;} .scroll_navi ul > li > a {display:inline-block;line-height:1;padding:20px 30px;font-size:20px;color:#333;font-weight:normal;} .scroll_navi.fixed ul > li > a.active {font-weight:bold;color:#0669f8;} .scroll_navi.fixed ul > li:after, .scroll_navi.fixed ul > li.on:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0669f8;} .scroll_navi.fixed ul > li.on ~ li:after {background:#939393;} /* select_ul */ .select_down {display: inline-block; width:auto;margin: 0px;} .select_down .sel, .select_down .name, .select_down ul {margin: 0px;padding: 0px;} .select_down a, .select_down a:visited {color: #c1c1c1;font-size: 17px;text-decoration: none;outline: none;} .select_down .name a:focus {position: relative;color: #c1c1c1;border:1px solid #ebebeb;z-index: 130;} .select_down .name a:after {content: "";display: inline-block;position: absolute;right:20px;top:50%;height:11px;width:20px;margin:-5.5px;background:url('../images/select_arrow_bg.png') no-repeat 50%;} .select_down .name a {display: flex;align-items: center;position:relative;width: 100%;height: 60px;line-height:1.2;padding:0 40px 0 18px;border: 1px solid #ebebeb;box-sizing: border-box;border-radius: 10px;} .select_down .name a span {cursor: pointer;display: block;box-sizing:border-box;} .select_down .sel {position: relative;} .select_down .sel ul {display: none;left: 0px;max-height: 352px;overflow-y: auto;padding: 12px 0px;position: absolute;top:-1px;width: 100%;min-width: 102px;border: 1px solid #ebebeb;color: #515151;list-style: none;text-align: left;background: #fff none repeat scroll 0 0;border-radius: 5px;box-sizing: border-box;z-index: 120;} .select_down .sel ul li span {line-height: 1.1;padding: 10px 22px;display: block;font-size:17px;color:#000;} .select_down .sel ul li span:hover {background-color: #e1edfe;} .select_down.error .name a {border-color:#f30000;} /* div table */ div.tb_box {display:block;} div.tb_box > .tb > .tbody > .tr {display:flex;align-items: center;} div.tb_box > .tb > .tbody > .tr > .th, div.tb_box > .tb > .tbody > .tr > .td {display:inline-block;padding:15px 0;} div.tb_box > .tb > .tbody > .tr > .th {font-size:18px;color:#333;font-weight:500;} /* box_paging */ .box_paging{margin:3rem 0 2rem 0; text-align:center; display:flex; gap:0 0; justify-content: center; align-items:center;} .box_paging a{font-family:'play'; color:#333333; font-size:1.8rem; display:inline-block; min-width:4rem; min-height:4rem; line-height:4rem;} .box_paging a.nm{} .box_paging a:hover{color:#0096ae;} .box_paging a.on{background:#333; color:#fff; border-radius:50%;} .box_paging a.on:hover{color:#fff;} .box_paging a.prev{font-size:0; width:3.6rem; height:2.2rem; background:url(/images/arr_long_left_black.png)no-repeat center; margin-right:3rem;} .box_paging a.next{font-size:0; width:3.6rem; height:2.2rem; background:url(/images/arr_long_right_black.png)no-repeat center; margin-left:3rem;} /* input */ input.txt {height:60px;padding:0 18px;font-size:17px;color:#000;border: 1px solid #ebebeb;box-sizing:border-box;border-radius: 10px;} input.txt:focus {border:1px solid #5e5e5e;} input.txt:focus-visible {outline:none;} input.txt:disabled {background:#f4f4f4;} input.error {border-color:#f30000;} input::-webkit-input-placeholder {color: #c1c1c1;} input:-ms-input-placeholder {color: #c1c1c1;} input[type=text]:focus::-webkit-input-placeholder {color:transparent;} input[type=text]:focus::-ms-input-placeholder {color:transparent;} /* textarea */ textarea.txt {line-height:1.2;padding:20px 18px;font-size:17px;color:#000;border: 1px solid #ebebeb;box-sizing:border-box;border-radius: 10px;} textarea.txt:focus-visible {outline:none;} textarea.error {border-color:#f30000;} textarea::placeholder, textarea::-webkit-input-placeholder {color: #c1c1c1;} textarea:-ms-input-placeholder {color: #c1c1c1;} textarea:focus:-webkit-input-placeholder {color:transparent;} textarea:focus:-ms-input-placeholder {color:transparent;} /* check,radio */ label.radiobox{line-height:26px;vertical-align:middle;} label.radiobox{position:relative;display:inline-block;zoom:1;height:28px;margin:0;font-size:0;line-height:26px;} label.radiobox + label.radiobox {margin-left:40px;} label.radiobox.lb, label.radiobox:first-child {margin-left:0;} label.radiobox input.rdi{width: 28px;height: 28px;margin-right:10px;vertical-align: middle;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 2px solid #ebebeb;background-color: #fff;border-radius: 100%;opacity: 1;} label.radiobox span{vertical-align:middle;font-size: 18px;color: #666;} label.radiobox.on input {position:relative;appearance: none;border-color:#0669f8;} label.radiobox.on input:before {position:absolute;top:50%;left:50%;content:'';display:inline-block;clear:both;width:14px;height:14px;border-radius:14px;background:#0669f8;transform: translate(-50%, -50%);} label.checkbox{line-height:28px;vertical-align:middle;} label.checkbox{display:inline-block;zoom:1;width:auto;height:28px;line-height:28px;font-size:0;box-sizing:border-box;} label.checkbox.lb, label.checkbox:first-child{margin-left:0;} label.checkbox input.chk, label.checkbox input.chk_all{width:28px;height:28px;margin:0;border-radius:5px;vertical-align:middle;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 2px solid #ebebeb;box-sizing:border-box;} label.checkbox input.chk + span, label.checkbox input.chk_all + span{display:inline-block;margin-left:10px;font-size:16px;color: #111;vertical-align:middle;} label.checkbox.on input.chk {background:url('../images/check_box_on.png') no-repeat 0 50%;border:none;} label.radiobox.readonly input, label.disabled.readonly input {background:#eee;border-color:#eee;} /* 문의 등록 */ .content .blue_area {overflow:hidden;height:540px;background:#2b7ee8;} .content .blue_area .inner {flex-direction: column;align-items: flex-start !important;position:relative;height:100%;padding:110px 0 150px !important;box-sizing:border-box;} .content .blue_area .inner:after {content:'';display:inline-block;position:absolute;right:-203px;top:-97px;width:668px;height:505px;background:url('../images/sub2_1_7_bg01.png') no-repeat;z-index:0;} .content .blue_area .inner > .tit {line-height:1.5;font-size:42px;font-weight:300;color:#fff;} .content .blue_area .inner > img {display:block;max-width:100%;} .content .blue_area .inner > dl {margin-top:70px;z-index:1;} .content .blue_area .inner > dl > dt {display:inline-block;line-height:1;padding:22px 0 32px;font-size:22px;font-weight:500;color:#fff;border-top:3px solid #fff;box-sizing:border-box;} .content .blue_area .inner > dl > dd {line-height:1;font-size:18px;font-weight:500;color:#fff;} .content .blue_area .inner > dl > dd > span {display:inline-block;line-height:24px;margin-left:40px;letter-spacing: 0;} .content .blue_area .inner > dl > dd > span:before {content:'';display:inline-block;width:24px;height:24px;margin-right:10px;background:url('../images/sub2_1_7_icon01.png') no-repeat;background-position:0 2px;vertical-align:top;} .content .blue_area .inner > dl > dd > span:first-child {margin-left:0;letter-spacing: -1px;} .content .blue_area .inner > dl > dd > span:first-child:before {display:none;} .content .blue_area .inner > dl > dd > span:last-child:before {background-position:0 -68px;} .content .blue_area .inner > .btn {display:inline-block;position:absolute;right:0;bottom:135px;width:215px;height:50px;line-height:50px;font-size:17px;color:#fff;text-align:center;font-weight:bold;border-radius:50px;box-sizing:border-box;border:2px solid #ffff;z-index:10;} .content .blue_area .inner > .btn:after {content:'';display:inline-block;width:12px;height:12px;border:2px solid #fff;margin:17px 0 0 10px;border-width:2px 2px 0 0;transform:rotate(45deg);vertical-align:top;} .content .blue_area .inner > .btn:hover {color:#2b7ee8;background:#fff;} .content .blue_area .inner > .btn:hover:after {border-color:#2b7ee8;} /* popup */ .layer_popup {display:none;} .layer_popup .layer_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;z-index:100;} .layer_popup .layer_pop {position:absolute;left:50%;z-index:101;overflow:hidden;width:1200px;margin-left:-600px;padding:0;background:#fff;background:#fff;box-sizing:border-box;border-radius:30px;} .layer_popup .layer_pop h3 {line-height:1;font-size:34px;color:#000;} .layer_popup .layer_pop.w_440 {width:440px;margin-left:-220px;} .layer_popup .layer_pop .layer_wrap {position:relative;padding:0;box-sizing:border-box;} .layer_popup .layer_pop .pop_head .layer_close {position:absolute;width:29px;height:29px;right:0;top:0;font-size:0;background: url('../images/popup_close.png')no-repeat;background-size:29px;} .layer_popup .layer_pop .btn_area {display:block;margin:0;padding:0;text-align:center;} .layer_popup .layer_pop .btn_area .btn {width:50%;height:60px;line-height:60px;margin:0;padding:0;font-size:16px;font-weight:bold;color:#fff;border:none;border-radius:0;background:#c1c1c1;box-sizing:border-box;cursor: pointer;} .layer_popup .layer_pop .btn_area .btn.colored {background:#0669f8;} .layer_popup .layer_pop .btn_area .btn:only-child {width:100%;} /* 게시판 */ #contents .contents_wrap {padding:0 0 200px;} #contents .sub3_2_01 {height:400px;background:url('../images/sub3_2_bg01.jpg') no-repeat 50%;} #contents .inner h4 {padding:0 0 20px;font-size:24px;color:#000;font-weight:bold;} #contents .inner .input_box {max-width:920px;margin:0 auto 160px;} #contents .inner .input_box:first-child {margin:80px auto 160px;} #contents div.tb_box {padding:25px 0 0;border-top:2px solid #282828;} #contents div.tb_box > .tb > .tbody > .tr {align-items: flex-start;} #contents div.tb_box > .tb > .tbody > .tr > .th {width:180px;margin:15px 0 0;} #contents div.tb_box > .tb > .tbody > .tr > .th.star:after {content:'*';display:inline-block;margin:-2px 0 0 3px;font-size:16px;color:#333;vertical-align:top;} #contents div.tb_box > .tb > .tbody > .tr > .td {position:relative;width:calc(100% - 180px);} #contents div.tb_box > .tb > .tbody > .tr > .td .select_down {width:100%;} #contents div.tb_box > .tb > .tbody > .tr > .td .txt.red {position:absolute;left:0;bottom:-5px;display:inline-block;line-height:1;font-size:14px;color:#f30000;letter-spacing:0;} #contents div.tb_box > .tb > .tbody > .tr > .td input.txt {width:100%;} #contents div.tb_box > .tb > .tbody > .tr > .td textarea.txt {position:relative;width:100%;height:220px;z-index:1;background-color: transparent;} #contents div.tb_box > .tb > .tbody > .tr > .td textarea.txt:focus + p.placeholder {display:none} #contents div.tb_box > .tb > .tbody > .tr > .td p.placeholder {position:absolute;left:18px;top:35px;font-size:17px;color:#c1c1c1;z-index:0;} #contents div.tb_box > .tb > .tbody > .tr > .td p.placeholder > span {display:block;margin:10px 0 0;font-size:14px;} #contents div.tb_box > .tb > .tbody > .tr > .td .radio_box {padding:0 0 10px} #contents div.tb_box > .tb > .tbody > .tr > .td .radio_box + .txt.red {bottom:-2px;} #contents .inner .agree_box {max-width:920px;margin:0 auto;} #contents .inner .agree_box .gray_box {padding:40px;margin:0 0 20px;background:#f7f7f7;border-radius:10px;} #contents .inner .agree_box .gray_box ul {font-size:16px;color:#666;} #contents .inner .agree_box .gray_box ul > li {line-height:1.3;margin:15px 0 0 15px;text-indent:-15px;} #contents .inner .agree_box .gray_box ul > li:first-child {margin:0 0 25px 15px;} #contents .inner .agree_box .btn_area {margin:80px 0 0;} #contents .inner .file_box {display:block;border-radius:10px;} #contents .inner .file_box .upload_box {overflow:hidden;} #contents .inner .file_box .upload_box .drag_drop {float:left;width:calc(100% - 122px);padding:0 18px;height:60px;line-height:59px;font-size:17px;color:#c1c1c1;border:1px solid #ebebeb;border-width:1px 0 1px 1px;box-sizing:border-box;border-top-left-radius:10px;border-bottom-left-radius:10px;} #contents .inner .file_box .upload_box input[type=file] {display:none;} #contents .inner .file_box .upload_box label {float:right;display:inline-block;width:122px;line-height:60px;height:60px;font-size:17px;color:#fff;text-align:center;background:#282828;cursor: pointer;} #contents .inner .file_box .list_box {position:relative;margin:10px 0 0;padding:5px 40px 20px;background:#f7f7f7;border:1px solid #e2e2e4;border-radius:10px;} #contents .inner .file_box .list_box .row {position:relative;display:flex;align-items: center;margin:15px 0 0;padding:0 6.8% 0 0;} #contents .inner .file_box .list_box .row p {display:inline-flex;justify-content: space-between;align-items: center;width:465px;max-width:465px;line-height:1.2;font-size:17px;color:#333;word-break: keep-all;} #contents .inner .file_box .list_box .row p span {display:inline-block;line-height:16px;padding:0 20px 0 10px;font-size:11px;color:#999;} #contents .inner .file_box .list_box .row .bar {position:relative;width:150px;height:14px;margin:1px 0;text-align:center;background:#ccc;} #contents .inner .file_box .list_box .row .bar em {position:absolute;left:0;top:0;display:block;height:100%;background:#0669f8;} #contents .inner .file_box .list_box .row .bar span {position:relative;display:inline-block;line-height:14px;margin:auto;font-size:11px;color:#fff;z-index:10;} #contents .inner .file_box .list_box .row button {position:absolute;right:0;top:50%;width:16px;height:16px;margin:-8px 0 0;font-size:0;border:none;background:url('../images/sub3_2_icon01.png') no-repeat 50%;cursor: pointer;} #contents .inner .file_box .list_box .reset {position:absolute;right:0;bottom:-34px;padding:0 20px 0 0;line-height:14px;font-size:14px;color:#666;border:none;background:url('../images/sub3_2_icon02.png') no-repeat 100% 0;cursor: pointer;} /* 페이징 */ .pagingArea{text-align:center;} .pagingArea > a{font-size:16px; color:#414141; line-height:35px; padding:0 10px; box-sizing:border-box; display:inline-block; vertical-align:top;} .pagingArea > .active{color:#000; font-size:16px; line-height:35px; padding:0 10px; box-sizing:border-box; display:inline-block; vertical-align:top; font-weight:bold;} .pagingArea > .contr{vertical-align:middle; font-size:16px; color:#333; width:35px; height:35px; line-height:35px; border-radius:50%; background:#eeeeee;} .pagingArea > .contr > span{display: inline-block;transform: scaleY(1.5);vertical-align: middle;line-height: 31px;} .video_bg {position: relative; width: 100%; height: 100vh; overflow: hidden;} .video_bg video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: 0;} .video_bg .content {position: relative; z-index: 1; color: #fff;} /* 스튜어드쉽 코드 */ #main #contents .board.st .visual_area {background:url(/images/stewardship_back.jpg)no-repeat 50%; background-size: cover;} #main #contents .board.st .st_area > p {line-height:1.2;font-size:1.8rem;color:#666;word-break: keep-all;} #main #contents .board.st .st_area > .dl_box > dl > dt {line-height:1.1;margin:7rem 0 0;font-size:2.4rem;color:#000;word-break: keep-all;} #main #contents .board.st .st_area > .dl_box > dl > dd {line-height:1.2;padding:0 1.6rem;margin:1.5rem 0 0;font-size:1.8rem;color:#666;word-break: keep-all;} #main #contents .board.st .st_area > .dl_box > dl > dd > p {line-height:1.2;margin:4rem 0 0;font-size:1.8rem;color:#333;font-weight:600;word-break: keep-all;} #main #contents .board.st .st_area > .dl_box > dl > dd > p:first-child {margin:1.5rem 0 0;} #main #contents .board.st .st_area > .dl_box > dl > dd > ul > li {line-height:1.2;font-size:1.8rem; color:#666;text-indent:-0.9rem;margin:1rem 0 0 0.9rem;word-break: keep-all;} #main #contents .board.st .st_area > .dl_box > dl > dd > table {width:100%;border-top:2px solid #000;} #main #contents .board.st .st_area > .dl_box > dl > dd > table tr th:last-child, #main #contents .board.st .st_area > .dl_box > dl > dd > table tr td:last-child {border-right:none;} #main #contents .board.st .st_area > .dl_box > dl > dd > table th {height:6rem;font-size:1.8rem;color:#000;background:#f7f7f7;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} #main #contents .board.st .st_area > .dl_box > dl > dd > table td {height:8rem;font-size:1.8rem;color:#666;text-align:center;background:#fff;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} #main #contents .board.st .st_area > .dl_box > dl > dd > table td > span {font-family: "Play", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;font-weight: 400;} #main #contents .board.st .st_area > .dl_box > dl > dd > table.mo {display:none;} /* 스튜어드쉽 코드 end */ /* 회사개요 */ #main #contents .board.info .visual_area{background:url(/images/info_back.jpg)no-repeat 50%; background-size: cover;} #main #contents .board.info .inner .info_area .ul_box > ul {display:flex;justify-content: space-between;gap:2rem;} #main #contents .board.info .inner .info_area .ul_box > ul > li {max-width:calc(33.3% - 2rem);box-sizing:border-box;} #main #contents .board.info .inner .info_area .ul_box > ul > li > img {display:block;width:100%;} #main #contents .board.info .inner .info_area .ul_box > ul > li > p {display:flex;align-items: center;justify-content: center;min-height:7rem;line-height:1.2;margin:5rem 0 3.5rem;text-align:center;font-size:3.2rem;font-weight:600;word-break: keep-all;} #main #contents .board.info .inner .info_area .ul_box > ul > li > span {display:block;line-height:1.2;font-size:1.8rem;color:#333;text-align:center;word-break: keep-all;} #main #contents .board.info .inner .info_area .dl_box {margin:18rem 0 0;} #main #contents .board.info .inner .info_area .dl_box > dl {display:flex;flex-wrap: wrap;border-top:2px solid #333;} #main #contents .board.info .inner .info_area .dl_box > dl > dt {display:inline-flex;align-items: center;width:18.7rem;height:8rem;padding:0 0 0 6rem;font-size:1.8rem;color:#000;box-sizing:border-box;border-bottom:1px solid #d2d2d2;box-sizing: border-box;} #main #contents .board.info .inner .info_area .dl_box > dl > dd {display:inline-flex;align-items: center;width:calc(50% - 18.7rem);height:8rem;line-height:1.2;font-size:1.8rem;color:#000;border-bottom:1px solid #d2d2d2;box-sizing: border-box;word-break: keep-all;} #main #contents .board.info .inner .info_area .dl_box > dl > dd:last-child {width:calc(100% - 18.7rem);} #main #contents .board.info .inner .info_area .dl_box > dl > dt:nth-child(4n+3) {width: 25.6rem;} #main #contents .board.info .inner .info_area .dl_box > dl > dd:nth-child(4n+4) {width: calc(50% - 25.6rem);} #main #contents .board.info .inner .info_area .dl_box > dl > dd > strong {color:#0096ae;} #main #contents .board.info .inner .info_area .dl_box > dl > dd > span {font-family: "Play", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;font-weight: 400;} #main #contents .board.info .visual_area .visual_inner br.mo {display:block;} /* 회사개요 end*/ /* 연혁 */ #main #contents .history {background: url(../images/history_bg.jpg) no-repeat 50% 0;} #main #contents .history .visual_area {min-height:84rem;background:none;} #main #contents .history .visual_area .visual_inner .visual_txt {padding:0 4rem;box-sizing:border-box;} #main #contents .history .visual_area .visual_inner .visual_txt p.tit {font-size:2.4rem;} #main #contents .history .visual_area .visual_inner .visual_txt p.txt {margin:5rem 0;font-size:6.6rem;} #main #contents .history .visual_area .visual_inner .visual_txt p.txt + img {max-width:83rem;width:100%;margin:auto;} #main #contents .history .visual_area .visual_inner br.mo {display:none;} #main #contents .history .inner {padding:16rem 0 12rem;} #main #contents .history .inner .dl_area {overflow-y:auto;max-height:68rem;} #main #contents .history .inner .dl_area::-webkit-scrollbar {width: 5px;height: 5px;} #main #contents .history .inner .dl_area::-webkit-scrollbar-track {background:#000;border-radius: 0;} #main #contents .history .inner .dl_area::-webkit-scrollbar-thumb {background: #fff;border-radius: .0;} #main #contents .history .inner .dl_area > dl {position:relative;overflow:hidden;display:flex;flex-wrap: wrap;align-items: stretch;} #main #contents .history .inner .dl_area > dl:before {content:'';width:1px;height:100%;position:absolute;left:23.3rem;top:1.2rem;background: rgba(255, 255, 255, 0.3);} #main #contents .history .inner .dl_area > dl > dt {line-height:1;width:23.3rem;margin:9rem 0 0;font-family: "Play", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;font-weight: 400;font-size:4.4rem;color:#fff;} #main #contents .history .inner .dl_area > dl > dt:first-child, #main #contents .history .inner .dl_area > dl > dt:first-child + dd {margin:0;} #main #contents .history .inner .dl_area > dl > dd {position:relative;width:calc(100% - 23.3rem);line-height:2.8rem;margin:9rem 0 0;padding:0 2rem 0 4.3rem;font-size:1.8rem;color:#fff;box-sizing:border-box;} #main #contents .history .inner .dl_area > dl > dd:before {content:'';display:block;position:absolute;left:-1.1rem;top:0.3rem;width:2.3rem;height:2.3rem;background: url(../images/history_icon_dd.png) no-repeat 50%;background-size:100%;} #main #contents .history .inner .dl_area > dl > dd > u2025-11-28l > li {line-height:2.8rem;margin:0 0 0 0.9rem;font-size:1.8rem;color:#fff;text-indent:-0.9rem;word-break: keep-all;} /* 연혁 end */ @media (min-width: 2130px) { #header .header_left .hl_inner{background-image:none;} } @media (max-width: 1720px) { #header .header_left{background: linear-gradient(to right, #f5f5f7 40%, transparent 40%);} #header .header_left .hl_inner{background-position: 27% bottom;} #header .header_wrap .gnb > ul{padding-right:0;} #header .header_wrap .gnb{padding-right:6%;} } @media all and (max-width: 1450px) { /* 연혁 */ #main #contents .history .inner {padding:16rem 0 12rem 4rem;} /* 연혁 end */ } @media all and (max-width: 1380px) { #header .header_wrap {padding-left: 7rem; justify-content: flex-end;} #header .header_left {background: linear-gradient(to right, #f5f5f7 35%, transparent 35%);} #header .header_left .hl_inner{background-position: 25% bottom;} } @media all and (max-width: 1270px) { #main #contents .board.contact .box_contact .bc_txt{gap:0 2rem;} } @media all and (max-width: 1130px) { #header .header_left .hl_inner{background: none;} #header .header_left{background: linear-gradient(to right, #f5f5f7 26%, transparent 26%);} } @media all and (max-width: 1023px) { #header .header_left{display:none !important;} #header .header_wrap .gnb > ul > li {min-width:9rem;} #header .header_wrap .gnb > ul > li:last-child {min-width:10rem;} #header .header_wrap .gnb{padding-right:12%;} #main #contents .board.contact .visual_area .visual_inner{padding:0 3rem;} #main #contents .board.contact .bc_lst{padding: 5rem 2rem;} #main #contents .board.map .inner{padding:10rem 3rem;} #main #contents .board.intro .inner{padding:10rem 3rem;} #main #contents .board.intro .top .right{min-width:40rem;} #main #contents .board.intro .box_img{width:40rem; height:40rem;} #main #contents .board.intro .box_int .btm .box_txt {gap: 0 20%;} #footer .inner{padding: 3.7rem 3rem;} .cont_swiper{margin:0 0;} /* 회사개요 */ #main #contents .board.info .inner .info_area .ul_box > ul {flex-direction: column;align-items: center;gap:15rem;} #main #contents .board.info .inner .info_area .ul_box > ul > li {width:100%;max-width:64rem;padding:0 4rem;} #main #contents .board.info .inner .info_area .ul_box > ul > li > p {height:auto;} #main #contents .board.info .inner .info_area .ul_box > ul > li > img {width:auto;max-width:56rem;margin:auto;l} #main #contents .board.info .inner .info_area .dl_box > dl {padding:0 4rem;} #main #contents .board.info .inner .info_area .dl_box > dl > dt {width:17.5rem !important;;height:14rem;padding:0 1rem 0 0;font-size:2.8rem;} #main #contents .board.info .inner .info_area .dl_box > dl > dd {width:calc(100% - 17.5rem) !important;height:14rem;font-size:2.8rem;} /* 회사개요 end */ } @media all and (max-width: 768px) { #header .header_wrap{min-height: 18rem; align-items:center; justify-content: space-between; padding: 0 4rem 0 4rem;} #header .header_wrap .logo{position:unset;} #header .header_wrap .logo img{display:none !important;} #header .header_wrap .logo {width:34.4rem; height:5.6rem; background:url(/images/logo_white.png)no-repeat center; /*background-size:34.4rem;*/ background-size: contain; } #header .header_wrap .gnb{display:none; padding-top:18rem; margin:0 0;} #header .header_wrap .gnb > ul{border:1px solid #f1f1f1; border-width:1px 0;} #header .header_wrap .gnb > ul > li{flex-direction: column; width:100%; min-height:14.4rem; text-align:left; box-sizing:border-box;display: flex; align-items: flex-start; padding:5rem 0 0 0; background:url(/images/arr_down.png)no-repeat calc(100% - 5.5rem) 8.5rem; background-size:3.6rem;} #header .header_wrap .gnb > ul > li:last-child {background:none;} #header .header_wrap .gnb > ul > li:last-child > a {flex:1;justify-content: flex-start;width:100%;} #header .header_wrap .gnb > ul > li > a{color:#111;font-size:3.6rem; margin:0; padding:0 0 0 4rem; pointer-events: none;s} #header, .sub_location, #footer{padding:0 0;} #header.fixed, #header.on{background:transparent !important;} .header_wrap .logo{z-index:200;} #header.moblieon .header_wrap{background:#fff;} #header.moblieon .header_wrap .gnb{display:block; background:#fff; position:absolute; right:0 ;top:0; width:100%; height:auto; padding-right:0;} #header.moblieon .header_wrap .gnb > ul{display:flex;flex-direction: column; padding:0 0;} #header.moblieon .header_wrap .logo{background: url(/images/icon_house.png) no-repeat left center; background-size: 5.8rem;width: 5.8rem;} #header.moblieon .header_wrap .gnb.moblieon > ul > li > a{color:#111;} #header.moblieon .header_wrap{border-bottom:1px solid #f1f1f1;} #header.moblieon .header_wrap .gnb > ul > li{cursor:pointer;padding:5rem 0 0 0;} #header.moblieon .header_wrap .gnb > ul > li > .depth2{height:0;} #header.moblieon .header_wrap .gnb > ul > li:last-of-type{padding-bottom:5rem;} #header.moblieon .header_wrap .gnb > ul > li > .depth2 > li{font-size:3.2rem; text-align:left; padding: 0 7rem;} #header.moblieon .header_wrap .gnb > ul > li > .depth2 > li:first-child{margin:0 0;} #header.moblieon .header_wrap .gnb > ul > li > .depth2 > li > a {display:block;} #header.moblieon .header_wrap .gnb > ul > li.on > .depth2 {gap:4rem 0; background:#f5f5f7; width:100%;height:auto; margin-top:4rem;padding: 4rem 0;} .gnb_mo_btn{display:block; background:url(/images/gnb_btn_mo.png)no-repeat center; width:6.4rem; height:6.4rem; background-size:6.4rem; cursor:pointer; font-size:0; display:inline-block; z-index:101; } .gnb_mo_btn.active{background:url(/images/gnb_btn_close_mo.png)no-repeat center; background-size:5rem;} #main #header{min-height:17rem; position:absolute !important;} #main #header.on{background:transparent !important;} #main #header.fixed:after, #main #header.on:after{display:none;} #main #contents .visual_area{} #main #contents .board.invst .visual_area {display:block;} #main #contents .board.invst .visual_area .visual_inner {padding-top:8rem;} #main #contents .board.invst .visual_area {min-height:69rem;padding:18rem 0 0;background: url(../images/menu3_1_back_m.jpg) no-repeat 50% 100%;background-size:100%;} #contents .outer.v1{background-image:url(/images/outer_back_02.jpg); min-height: 104rem;} .main_swiper{margin:0 0 0 0;} .cont_swiper {margin: 0 4rem;} .main_swiper .mainSlides{height:49rem;} .header_wrap .logo{position:unset; display:inline-block;} .inner, #contents .inner{width:100%; max-width:100%; box-sizing:border-box;} #main #contents .visual_area .visual_inner .visual_txt p.tit{font-size:3.2rem; letter-spacing: 0;} #main #contents .visual_area .visual_inner .visual_txt p.txt{font-size:7rem; line-height:1.3; padding:0 1rem; box-sizing:border-box;margin: 5rem 0 10rem;} #main #contents .visual_area{min-height:93rem;} #main #contents .visual_area br.mo {display:block;} #contents .inner{padding:10rem 4rem;} #contents .inner.dvd{flex-direction: column;} #contents .cont_1.inner{overflow:hidden;} #contents .cont_1 .cont_txt{word-break:keep-all; margin-bottom:17rem;} #contents .cont_1 .cont_txt .tit{font-size:6rem;} #contents .cont_1 .cont_txt .txt{font-size:2.6rem; margin-top:4rem; word-break:keep-all;} #contents .cont_1 .cont_txt .txt br{display:none;} #contents .cont_1 .cont_txt .txt.last {font-size:3.2rem; margin-top:15rem; line-height:3;} #contents .cont_1 .cont_txt .txt.last br{display:block;} #contents .cont_1 .cont_img img.first{max-width:24rem;} #contents .cont_1 .cont_txt, #contents .cont_1 .cont_img{min-width:100%;} #contents .cont_2.inner{padding: 12rem 0 8rem 0;} #contents .cont_2 .cont_txt .tit{font-size:7.2rem;} #contents .cont_2 .cont_txt .txt{font-size:2.6rem;} #contents .inner.cont_3 .cont_txt{min-width:100%; padding: 12rem 4rem;} #contents .inner.cont_3 .cont_map{width:100%; min-width:100%; } #contents .inner.cont_3 .cont_map .root_daum_roughmap{max-height:89rem;} #contents .inner.cont_3 .cont_txt .tit{font-size:7.2rem;} #contents .inner.cont_3 .cont_txt .txt{font-size:2.6rem; margin-top:2.5rem;} #contents .inner.cont_3 .cont_txt .txt br{display:block;} #contents .inner.cont_3 .cont_txt .txt.last{font-size:3.2rem; margin-top:8.5rem;} #contents .inner.cont_3 .main_btn{margin-top:4rem; width:31rem; height:8rem; line-height:7.5rem; font-size: 3rem; background: #fff url(/images/arr_black_lg.png) no-repeat calc(100% - 7rem) center; background-size: 1.4rem; padding-right: 3rem;} #contents .inner.cont_3 .main_btn:hover{background: #0096ae url(/images/arr_white.png) no-repeat calc(100% - 7rem) center; background-size: 1.4rem; padding-right: 3rem;} #footer{text-align:center;} #footer .inner{padding:8rem 3rem;} #footer .inner .lst > li{float:unset; line-height:1.5;} #footer .inner .lst > li:last-child img{max-width:22.8rem;} #footer .inner .lst > li br{display:block;} #footer .inner .lst{font-size:2.2rem;display: flex; flex-direction: column; gap: 1rem 0; margin:0 0;} .main_swiper .mainSlides{font-size: 2.6rem;} .main_swiper .tit{font-size: 2.2rem; margin-bottom:3rem;} .main_swiper .sub_tit{font-size: 3.2rem; height:10rem;} .main_swiper .txt_date{font-size:2rem;} .main_swiper .txt{min-height: 13rem;} .main_swiper .mainSlides{width: 41rem;} .content .cont_swiper .swiper-button-prev{width:4rem; height:4rem; background-size:4rem;} .content .cont_swiper .swiper-button-next{width:4rem; height:4rem; background-size:4rem;} .swiper-pagination{min-height:5.5rem;} .swiper-pagination-bullet{width:2rem; height:2rem;} .swiper-pagination-bullet-active{width:7.2rem;} .box_swiper_btn {top: calc(100% + 7rem);} /* board */ #main #contents .board .visual_area .visual_inner {padding-top: 8rem;} #main #contents .board .visual_area{background:url(/images/board_back_mo.jpg)no-repeat; background-size: cover;} #main #contents .board .visual_area.notice{background:url(/images/notice_back_mo.jpg)no-repeat; background-size: cover;} #main #contents .board .visual_area .visual_inner .visual_txt p.txt{font-size:4.8rem;} #main #contents .board .visual_area .visual_inner .visual_txt p.txt br.br_mo{display:block;} #main #contents .board .box_search{max-width:100%;} #main #contents .board .box_search .btn{width:7.6rem; height:7.6rem;background: #333333 url(/images/icon_search_lg.png) no-repeat center; background-size:3rem; right: 1.4rem;} .box_view .tit{font-size:3.4rem; word-break:keep-all;} .box_view .view_info span{font-size:2.6rem;} .box_view .view_info{margin:2.5rem 0 5rem;} .box_view .view_content {padding: 6rem 0 6rem 0; font-size: 2.6rem;} #main #contents .board.work .visual_area .visual_inner .visual_txt p.txt br{display:none;} #main #contents .board.work .box_work h4.tit{font-size:7.6rem; padding:0 0; line-height:1.3;} #main #contents .board.work .box_work h4.tit br{display:block;} #main #contents .board.work .box_work .bw_inn{gap: 11rem 0; flex-direction: column;} #main #contents .board.work .box_work .bw_inn .right{font-size:2.8rem; max-width:100%; width:100%; gap:12rem 0;} #main #contents .board.work .box_work .bw_inn .right .tit{font-size:5.8rem;} #main #contents .board.work .box_work .bw_inn .right .txt.dot{margin-top:2.5rem;text-indent: -.9rem; margin-left: .9rem; padding-right: 1.5rem; box-sizing: border-box;} #main #contents .board.work .box_work .bw_inn .right .txt.dot.first{margin-top:4.5rem;} #main #contents .board.invst{font-size:2.6rem;} #main #contents .board.invst .visual_area .visual_inner .visual_txt p.txt br.br_mo{display:block;} #main #contents .board.invst .lst_invst > li{flex-direction:column;align-items: center; gap:2.5rem 0;} #main #contents .board.invst .lst_invst > li .right{width:100%; position:relative; max-width:100%;} #main #contents .board.invst .lst_invst > li .tit{padding-right: 6rem; box-sizing:border-box; font-size:3.2rem; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} #main #contents .board.invst .lst_invst > li .dates{font-size:2.4rem;} #main #contents .board.invst .lst_invst > li .btm .txt.dot{text-indent: -1.2rem; margin-left: 1.2rem;} #main #contents .board.invst .txt.dot{text-indent: -.9rem; margin-left: .9rem; padding-right: 1.5rem; box-sizing: border-box;} #main #contents .board.invst .lst_invst > li .btn{width:4.4rem; height:4.4rem; background-size:3.4rem; top: 1rem; right: 0;} #main #contents .board.invst .swiper_invst{display:none;} #main #contents .board.invst .lst_invst > li .left{min-width:32rem; max-width:32rem; height:13rem;} #main #contents .board.contact .visual_area{min-height:120.9rem;background: url(../images/contact_back_mo.jpg) no-repeat 50%; background-size: cover;} #main #contents .board.contact .visual_area .visual_inner .visual_txt p.txt{margin:6rem 0 10rem;} #main #contents .board.contact .visual_area .visual_inner{padding:0 4rem;} #main #contents .board.contact .box_contact{flex-direction: column; gap:4.6rem 0;} #main #contents .board.contact .bc_lst{ padding: 6rem 3.5rem; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");} #main #contents .board.contact .box_contact .bc_txt .txt.line_3 {text-indent: -9rem; margin-left: 9rem;} #main #contents .board.contact .box_contact .bc_txt{gap:0 6rem; font-size:2.6rem; align-items: flex-start;} #main #contents .board.contact .box_contact .bc_txt .tit{font-size:3.2rem;} #main #contents .board.map .visual_area{background:url(/images/map_back_mo.jpg)no-repeat; background-size: cover;} #contents .board.map .box_txt{font-size:2.6rem;} #contents .board.map .tit{font-size:3.2rem; margin-bottom:4rem;} #contents .board.map .txt{line-height:1.5;} #contents .board.map .btm br{display:block;} #contents .board.map .sub_tit.first{text-indent: -10.9rem; margin-left:10.9rem;} #contents .board.map .sub_tit.first br{display:block;} #contents .board.map .btm{margin-bottom:8rem;} #main #contents .board.intro .visual_area{min-height:64rem;background: url(../images/intro_back_mo.jpg) no-repeat 50%; background-size: cover;} #main #contents .board.intro .visual_area .visual_inner .visual_txt p.txt .txt_p{line-height:1.1;} #main #contents .board.intro .visual_area .visual_inner .visual_txt p.txt .txt_inner{font-size:3.4rem; line-height:1.5;} #main #contents .board.intro .visual_area br.br_pc{display:none;} #main #contents .board.intro .visual_area br.br_mo{display:block;} #main #contents .board.intro .top{flex-direction: column-reverse; align-items: center;gap: 10rem 0;} #main #contents .board.intro .inner {padding: 10rem 4rem;} #main #contents .board.intro .box_int{font-size:2.8rem;} #main #contents .board.intro .box_int .tit{font-size:5.8rem;} #main #contents .board.intro .box_int .txt.birthd {margin: 2rem 0 6rem;} #main #contents .board.intro .box_int .box_txt {gap: 2.2rem 0;} #main #contents .board.intro .box_int .txt.arr{margin-bottom:0;text-indent: -2.6rem; margin-left: 2.6rem;} #main #contents .board.intro .box_int .btm .box_txt .txts{gap:2.2rem 0;} #main #contents .board.intro .box_int .btm .box_txt{flex-direction:column; gap:2.2rem 0;} #main #contents .board.intro .top .right{min-width:auto;} #main #contents .board.intro .box_img{min-width:auto; height:auto; width:100%;} #main #contents .board.intro .box_img img{position:unset; width:100%;} #main #contents .board.intro .box_int .txt.dot {text-indent: -.9rem; margin-left: .9rem;} /* 스튜어드쉽 코드 */ #main #contents .board.st .visual_area {align-items: flex-start;padding:18rem 0 0;min-height:77rem;} #main #contents .board.st .visual_area .visual_inner .visual_txt p.tit {margin:0;} #main #contents .board.st .visual_area .visual_inner .visual_txt p.txt {margin:10rem 0 5rem;font-size:6.6rem;} #main #contents .board.st .st_area > p, #main #contents .board.st .st_area > .dl_box > dl > dd, #main #contents .board.st .st_area > .dl_box > dl > dd > p, #main #contents .board.st .st_area > .dl_box > dl > dd > ul > li {font-size:2.8rem;} #main #contents .board.st .st_area > .dl_box > dl > dt {margin:9rem 0 0;font-size:3.2rem;} #main #contents .board.st .st_area > .dl_box > dl > dd {padding:0 0 0 2.5rem;} #main #contents .board.st .st_area > .dl_box > dl > dt:first-child {margin:16rem 0 0;} #main #contents .board.st .st_area > .dl_box > dl > dd > ul > li {margin: 2rem 0 0 0.9rem;} #main #contents .board.st .st_area > .dl_box > dl > dd > table {display:none;} #main #contents .board.st .st_area > .dl_box > dl > dd > table.mo {display:table;} #main #contents .board.st .st_area > .dl_box > dl > dd > table.mo th, #main #contents .board.st .st_area > .dl_box > dl > dd > table.mo td {height:14.3rem;font-size:2.8rem;} /* 스튜어드쉽 코드 end */ /* 회사개요 */ #main #contents .board.info .visual_area {height:78rem;padding:18rem 0 0;background:url(/images/info_back_m.jpg) no-repeat 50% 0;background-size:100%;} #main #contents .board.info .visual_area .visual_inner .visual_txt p.txt {margin:10rem 0;} #main #contents .board.info .inner .info_area .ul_box > ul > li {padding:0;} #main #contents .board.info .inner .info_area .ul_box > ul > li > p {padding:7rem 0 3.5rem;font-size:5.8rem;} #main #contents .board.info .inner .info_area .ul_box > ul > li > span {font-size:2.8rem;} #main #contents .board.info .inner .info_area .dl_box {margin:28rem 0 0;} #main #contents .board.info .inner .info_area .dl_box > dl {padding:0;} #main #contents .board.info .visual_area .visual_inner br.mo {display:block;} /* 회사개요 end */ /* 연혁 */ #main #contents .history .visual_area {padding:18rem 0 0;} #main #contents .history .visual_area .visual_inner .visual_txt p.tit {margin:8rem 0 0;} #main #contents .history .visual_area .visual_inner .visual_txt p.txt {margin:10rem 0 5rem;} #main #contents .history .visual_area .visual_inner br.mo {display:block;} #main #contents .history .inner .dl_area > dl:before {display:none;} #main #contents .history .inner .dl_area > dl > dt {width:100%;font-size:7.6rem;margin:15rem 0 0;} #main #contents .history .inner .dl_area > dl > dt:first-child + dd {margin:2rem 0 0;} #main #contents .history .inner .dl_area > dl > dd {width:100%;padding:0;margin:2rem 0 0;padding:0 4rem 0 0;} #main #contents .history .inner .dl_area > dl > dd:before {display:none;} /* 연혁 end */ .box_tb{font-size:2.4rem;} .txt_top{font-size:2.8rem;} .mo_hide{display:none;} .mo_veritcal .dv_tr{flex-direction:column; padding:3rem 0; gap:2rem 0;} .mo_veritcal .dv_td{text-align:left; padding:0 0; width:100% !important; max-width:100% !important;} .dv_td .lg{font-size:2.4rem;} .dv_td > span, .dv_td > a{line-height:1.3;} .box_paging{margin:5rem 0 7rem; gap: 0 1.1rem; /* justify-content:space-between;*/} .box_paging a.prev {width: 6.6rem; height: 4rem; background: url(/images/arr_long_left_black_lg.png) no-repeat center; margin: 0; margin-right:2rem; background-size: 6.6rem;} .box_paging a.next {width: 6.6rem; height: 4rem; background: url(/images/arr_long_right_black_lg.png) no-repeat center; margin: 0; margin-left:2rem; background-size: 6.6rem;} .box_paging a{font-size:2.8rem; width:6.6rem; height:6.6rem; line-height:6.6rem; margin:0 -.5rem;} .box_btn.btm{margin:7rem 0 6rem 0;} .box_btn .btn.black{width:21rem; height:8.5rem; line-height:8.5rem; font-size:3rem;} .box_lang_select{font-size: 2.2rem; top: 8rem; left: 18rem; width: auto; height: auto; line-height: 1; right: unset;} .box_lang_select .btn_lang.eng:before {content: ''; display: inline-block; width: 1px; height: 1.5rem; margin: 0 3rem; background: #777776;} .box_lang_select .btn_lang{color:#b2b2b2;} .box_lang_select .btn_lang.on{color:#000;} /* input */ input[type="text"].inp, input[type="password"].inp{height:10rem; font-size:2.4rem; border-radius:6rem;} }