/* header */ /* footer */ /* common */ .wrap {position:relative; width:1600px; margin:0 auto;} .txt {font-size:25px; line-height:35px; letter-spacing:-1px; word-break:keep-all;} .txt.small {font-size:18px; line-height:30px;} .txt.middle {font-size:30px; line-height:40px;} .txt.large {font-size:50px; line-height:70px;} .txt.big {font-size:90px; line-height:100px;} .bold {font-weight:700 !important;} .sbold {font-weight:500;} .uppercase {text-transform:uppercase;} .cg {color:#6cc3c0;} .co {color:#f3c7a2;} .cb {color:#c1b687;} .cw {color:#fff;} .cgr {color:#a5a2a2;} .cb1 {color:#080403 !important;} .ls0 {letter-spacing:0 !important;} .ls10 {letter-spacing:2.4px !important;} .ib {display:inline-block !important;} .list li {position:relative; padding-left:12px; font-weight:300;} .list li:before {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background-color:#6cc3c0; border-radius:2px;} .board_table {border-top:1px solid #070403; width:100%;} .board_table th {background-color:#f8fcfc; height:70px; border-bottom:1px solid #dbdede; font-size:18px; text-align:left; width:180px; padding-left:20px;} .board_table td {height:70px; border-bottom:1px solid #dbdede; font-size:18px; padding-left:20px;} /* main */ .main {} /* ���� ��ũ��Ʈ ���� css */ .m_tit {margin-bottom:35px;} .m_tit .deco {position:relative; display:inline-block; padding-bottom:20px; font-size:20px; line-height:30px; font-weight:700;} .m_tit .deco:before {content:''; position:absolute; left:0; bottom:8px; width:0; height:4px; transition:0.5s;} .m_tit .deco.on:before {width:100%;} .m_tit .deco.cg:before {background-color:#f3c7a2;} .m_tit .deco.co:before {background-color:#6cc3c0;} .m_tit .large {font-weight:500; text-transform:uppercase;} .main .m_hero {position:relative; height:100vh; overflow:hidden;} .main .m_hero * {overflow:hidden; display:block;} .main .m_hero .mht_box p {overflow:visible;} .main .m_hero .mht_box p:nth-child(1), .main .m_hero .mht_box p:nth-child(2) {text-shadow:0 5px 10px rgba(28, 29, 31, 1);} .main .m_hero .mht_box p:nth-child(3) {text-shadow:0 10px 20px rgba(28, 29, 31, 0.4);} .main .m_hero .mht_box p:nth-child(4) {text-shadow:0 5px 10px rgba(28, 29, 31, 1);} .main .m_hero .mh_area {position:absolute; left:0; top:0; width:100%; height:100%;} .main .m_hero .mh_txt {position:relative; overflow:hidden; height:100vh; display:flex; align-items:center; color:#fff; z-index:1; /* background-image:url('/css/images/main_hero_bg.jpg'); */ background-size:cover; background-position:center; background-repeat:no-repeat; object-fit:cover;} .main .m_hero .mh_pic {position:relative; height:100vh; z-index:2; background-color:#fff; display:flex; align-items:center; background-image:url('/css/images/mh_pic_bg.png'); background-position:right top 100px; background-repeat:no-repeat;} .main .m_hero .mh_pic .mhp_img {position:absolute; overflow:hidden; width:100%; height:100%; left:0; top:0; z-index:10; /* background-image:url('/css/images/main_hero_bg2.jpg'); */ background-size:cover; background-position:right; background-repeat:no-repeat;} .main .m_hero .mh_pic .mhp_img .mhpi_bg {width:100%; height:100%; background-size:cover; background-position:right; background-repeat:no-repeat;} .main .m_hero .mh_info {position:relative; height:100vh; z-index:3; display:flex; align-items:center;} .main .m_hero .mhi_tit {position:relative; transition:all ease .6s; overflow:hidden; z-index:11;} .main .m_hero .mhi_tit mark {display:inline;} .main .m_hero .mhi_tit .ani {transform:translateY(100%);} .main .m_hero .mhi_tit .ani p:nth-child(4) {line-height:45px; font-weight:200;} .main .m_hero .mhi_txt {position:relative; transition:all ease .6s; overflow:hidden; z-index:11;} .main .m_hero .mhi_txt .ani {transform:translateY(100%);} .motion {position:absolute; left:50%; bottom:0; margin-left:-50px; width:100px; text-align:center;} .motion p {font-size:15px; font-weight:200; line-height:30px; color:#fff; letter-spacing:4px;} .motion .deco {position:relative; display:block; width:1px; height:80px; background-color:#a5a2a2; margin:0 auto;} .motion .deco .active {position:absolute; width:1px; height:30px; background-color:#fff; left:0; top:0; animation:motion 0.7s linear 0s infinite alternate;} @keyframes motion { 0% {top:0;} 100% {top:50px;} } .mh_pic .motion p, .m_factory .motion p {color:#080403;} .mh_pic .motion .deco .active, .m_factory .motion .deco .active {background-color:#080403;} .main .m_factory {position:relative; padding:170px 0; background-image:url('/css/images/main_factory_bg.jpg'); background-position:center;} .main .m_factory .flex {display:flex; align-items:center; width:100%;} .main .m_factory .mf_tit {display:flex; justify-content:space-between;} .main .m_factory .mf_tit .tit {display:inline-block; position:relative; padding-bottom:20px; font-size:60px; line-height:70px; letter-spacing:0; font-weight:500;} .main .m_factory .mf_tit .tit:before {content:''; position:absolute; left:0; width:0; bottom:8px; height:4px; background-color:#6cc3c0; transition:0.5s;} .main .m_factory .mf_tit .tit.on:before {width:100%;} .main .m_factory .mf_tit .mft_left .txt {font-size:20px; line-height:30px; letter-spacing:0;} .main .m_factory .mf_tit .mft_right {display:flex; justify-content:space-between; margin-right:50px;} .main .m_factory .mf_tit .mft_right > .txt {width:118px;} .main .m_factory .mf_tit .mft_right > div {flex:1;} .main .m_works {padding:170px 0; background-image:url('/css/images/mh_pic_bg.png'); background-position:right top; background-repeat:no-repeat;} .main .m_works .mw_area {margin-bottom:50px;} .main .m_works .mw_area:last-child {margin-bottom:0;} .main .m_search {padding-top:60px; background-image:url('/css/images/main_search_bg.jpg'); background-position:center; text-align:center;} .main .m_search .deco {position:relative; padding-bottom:50px;} .main .m_search .deco:before {content:''; position:absolute; left:50%; bottom:25px; width:40px; height:2px; transform:translateX(-50%); background-color:#f3c7a2;} .main .m_search .ms_txt {font-size:20px; line-height:30px; margin-bottom:40px;} .main .m_search .ms_search {display:flex; justify-content:space-between; align-items:center; width:800px; height:60px; margin:0 auto; background-color:#fff;} .main .m_search .ms_search input {border:0; font-size:18px; color:#000; text-indent:10px; width:calc( 100% - 60px ); text-indent:20px;} .main .m_search .ms_search input::placeholder {color:#a5a2a2;} .main .m_search .ms_search .mss_btn {width:60px; height:60px; background-image:url('/css/images/i_search.png'); background-size:28px auto; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} .main .m_search .ms_result {margin:0 auto; padding-bottom:70px;} .main .m_search .ms_result ul {display:flex; gap:10px; flex-wrap:wrap; text-align:left; width:100%; max-width:800px; max-height:555px; margin:70px auto 0; overflow-y:auto;} .main .m_search .ms_result a {flex-basis:calc( 33.33% - 6.66px );} .main .m_search .ms_result li p {margin-top:5px; padding:0 10px; color:#fff; font-size:15px; line-height:25px; font-weight:500;} .main .m_search .ms_result li img {width:100%;} .main .m_product {padding:170px 0; background-image:url('/css/images/mh_pic_bg.png'); background-position:right top; background-repeat:no-repeat;} .main .m_product .mp_area {margin-bottom:100px;} .main .m_product .mp_area:last-child {margin-bottom:0;} .main .m_product .mp_area .mpa_list {display:inline-block; width:100%;} .main .m_product .mp_area .mpa_list li {position:relative; float:left; width:25%; background-color:#f5f5f5; height:220px; padding:35px 50px; background-size:100% auto; background-position:center; background-repeat:no-repeat; background-size:contain; background-position:right bottom;} .main .m_product .mp_area .mpa_list li.wide {width:50%;} .main .m_product .mp_area .mpa_list li a {position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; text-indent:-9999px;} .main .m_product .mp_area .mpa_list li .tit {font-size:20px; line-height:30px; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0; word-break:keep-all;} .main .m_product .mp_area .mpa_list li .sub_txt {font-size:16px; line-height:30px; color:#fff; font-weight:200;} .main .m_product .mp_area .mpa_list li .hover {opacity:0; transition:0.2s; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; box-shadow:0px 0px 89px 0px rgba(26,38,59,0.2); -webkit-box-shadow:0px 0px 89px 0px rgba(26,38,59,0.2); -moz-box-shadow:0px 0px 89px 0px rgba(26,38,59,0.2); padding:35px 50px;} .main .m_product .mp_area .mpa_list li .hover p {} .main .m_product .mp_area .mpa_list li:hover .hover {opacity:1;} .main .m_product .mp_area .mpa_list.bg1 li .hover:before, .main .m_product .mp_area .mpa_list.bg2 li .hover:before {content:''; position:absolute; right:50px; bottom:35px; width:180px; height:2px; background-color:#fff;} .main .m_product .mp_area .mpa_list.bg1 li .hover:after, .main .m_product .mp_area .mpa_list.bg2 li .hover:after {content:''; position:absolute; right:49px; bottom:49px; width:64px; height:2px; background-color:#fff; transform:rotate(25deg);} .main .m_product .mp_area .mpa_list.bg3 li .hover:before {content:''; position:absolute; right:50px; bottom:90px; width:180px; height:2px; background-color:#fff;} .main .m_product .mp_area .mpa_list.bg3 li .hover:after {content:''; position:absolute; right:49px; bottom:104px; width:64px; height:2px; background-color:#fff; transform:rotate(25deg);} .main .m_product .mp_area .mpa_list.bg3 li:last-child .hover:before {background-color:#d5d5d5;} .main .m_product .mp_area .mpa_list.bg3 li:last-child .hover:after {background-color:#d5d5d5;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(1) {background-image:url('/css/images/w_1.png'); background-color:#245234;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(2) {background-image:url('/css/images/b_1.png'); background-color:#75381f;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(3) {background-image:url('/css/images/b_2.png'); background-color:#9f5853;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(4) {background-image:url('/css/images/b_3.png'); background-color:#4569a8;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(5) {background-image:url('/css/images/b_4.png'); background-color:#b2d4c1;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(6) {background-image:url('/css/images/w_2.png'); background-color:#f1a64d;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(7) {background-image:url('/css/images/b_5.png'); background-color:#6e475a;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(8) {background-image:url('/css/images/b_6.png'); background-color:#b44f28;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(9) {background-image:url('/css/images/b_7.png'); background-color:#403f3c;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(10) {background-color:#408092;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(1) .hover {background-color:#4e8c64;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(2) .hover {background-color:#a1634a;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(3) .hover {background-color:#c17772;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(4) .hover {background-color:#879dc6;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(5) .hover {background-color:#79ac8f;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(6) .hover {background-color:#f6bd7a;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(7) .hover {background-color:#b1869b;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(8) .hover {background-color:#c6795c;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(9) .hover {background-color:#706e69;} .main .m_product .mp_area .mpa_list.bg1 li:nth-child(10) .hover {background-color:#609dae;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(1) {background-image:url('/css/images/w_3.png'); background-color:#d3bd96;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(2) {background-image:url('/css/images/w_4.png'); background-color:#a8948c;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(3) {background-image:url('/css/images/w_5.png'); background-color:#737d88;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(4) {background-image:url('/css/images/b_8.png'); background-color:#ae726f;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(5) {background-image:url('/css/images/b_9.png'); background-color:#749681;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(1) .hover {background-color:#d3ab80;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(2) .hover {background-color:#af887b;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(3) .hover {background-color:#6c8192;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(4) .hover {background-color:#bd6273;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(5) .hover {background-color:#78a06b;} .main .m_product .mp_area .mpa_list.bg3 li:nth-child(1) {background-color:#0e3a4b;} .main .m_product .mp_area .mpa_list.bg3 li:nth-child(2) {background-color:#f0ede9;} .main .m_product .mp_area .mpa_list.bg3 li:nth-child(1) .hover {background-color:#427082;} .main .m_product .mp_area .mpa_list.bg3 li:nth-child(2) .hover {background-color:#fff;} .main .m_product .mp_area .mpa_list.bg3 p {font-size:40px; line-height:50px; color:#fff; width:100%; text-align:left;} .main .m_product .mp_area .mpa_list.bg3 li, .main .m_product .mp_area .mpa_list.bg3 li .hover {display:flex; align-items:center; justify-content:center;} /* pw_list:lastest OURWORKS */ .pw_list ul {display:flex; flex-wrap:wrap; justify-content:space-between;} .pw_list ul li {flex-basis:500px;} .pw_list ul li a {display:block; width:100%; overflow:hidden; margin-bottom:15px;} .pw_list ul li a:hover img {transform:scale(1.1);} .pw_list ul li img {width:100%; transition:0.5s;} .pw_list ul li.more a {position:relative; display:block; width:100%; height:100%; border:2px solid #e1e0e0; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between; padding:58px 55px;} .pw_list ul li.more a:before {content:''; position:absolute; right:60px; bottom:65px; width:240px; height:2px; background-color:#d5d5d5; transition:0.2s;} .pw_list ul li.more a:after {content:''; position:absolute; right:55px; bottom:85px; width:95px; height:2px; background-color:#d5d5d5; transform:rotate(25deg); transition:0.2s;} .pw_list ul li.more a:hover:before {right:55px;} .pw_list ul li.more a:hover:after {right:50px;} .pw_list ul li.more p {} .pw_list .pwl_info {display:flex; gap:30px;} .pw_list .pwl_info span {font-weight:100; position:relative;} .pw_list .pwl_info span:before {content:''; position:absolute; top:9px; right:-15px; width:1px; height:12px; background-color:#f0f0f0;} .pw_list .pwl_info span:last-child:before {display:none;} /* header */ #header {position:fixed; left:0; top:0; z-index:1000; width:100%; padding:60px 0; transition:0.2s; transition:0.3s background padding;} #header .logo {position:absolute; left:0; top:0; z-index:10000; width:59px; background-image:url('/css/images/logo_bk.png'); background-position:center; background-repeat:no-repeat; background-size:contain; aspect-ratio:59/50;} #header:hover .logo, #header.on .logo {background-image:url('/css/images/logo_bk.png');} #header .nav {position:relative; display:flex; align-items:center; justify-content:center;} #header .nav > li {margin-right:90px; position:relative;} #header .nav > li:last-child {margin-right:0;} #header .nav > li > a:before {content:''; position:absolute; left:0; bottom:-9px; width:0px; height:4px; background-color:#e6e5e5; transition:0.2s;} #header .nav > li:hover > a:before, #header .nav > li > a.on:before {width:100%;} #header .nav > li > a.on:after {background-color:#e6e5e5; content:''; position:absolute; left:0; bottom:-9px; width:100%; height:4px;} #header .nav > li:first-child .nav_2dul_box {max-width:670px; margin:0 auto; justify-content:left;} #header:hover:before {display:none;} #header:hover, #header.on {background-color:#fff; background-image:none;} .nav_bg {display:none; position:fixed; left:0; right:0; top:0; padding-top:170px; background-color:#fff;} .nav_bg:before {content:''; position:fixed; left:0; right:0; top:170px; height:1px; background-color:#d5d5d5;} #header:hover:after {content:''; border-bottom:1px solid #d5d5d5} .nav_2dul_box {display:flex; justify-content:center; gap:90px;} .nav_2dli .flex {display:flex;} .nav_2dli.on .nav_2da {text-decoration:underline;} .nav_2da {display:block; padding:20px 0; color:#000; font-weight:500; font-size:20px; line-height:40px; text-transform:uppercase; word-break:keep-all;} .nav_2da:hover {text-decoration:underline;} .nav_3dul {padding-bottom:30px; flex-basis:50%;} .nav_3dul li {margin-bottom:5px;} .nav_3dul li:last-child {margin-bottom:0;} .nav_3dul a {display:block; position:relative; font-weight:500; font-size:15px; line-height:25px; text-transform:uppercase; padding-left:15px;} .nav_3dul a:before {content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#6cc3c0; border-radius:4px;} .nav_3dul a:hover span {color:#000;} .nav_3dul a:hover span:after {content:''; position:absolute; left:0; right:0; bottom:0; background-color:#000; height:1px;} .nav_3dul li.on a span {color:#000;} .nav_3dul li.on a span:after {content:''; position:absolute; left:0; right:0; bottom:0; background-color:#000; height:1px;} .nav_3dul a span {position:relative; color:#a5a2a2;} #header .nav li:hover .nav_bg {display:block;} #header .nav:hover a {color:#000;} #header .nav > li > a {position:relative; font-size:20px; line-height:50px; color:#000; font-weight:200; letter-spacing:0; position:relative; z-index:999; text-transform:uppercase;} #header:hover .nav > li > a, #header.on .nav > li > a {color:#000;} #header .h_link {position:absolute; right:0; top:8px; display:block; width:180px; height:35px; border:1px solid #080403; border-radius:17.5px; text-align:center; font-size:18px; font-weight:200; line-height:34px; color:#080403; transition:0.2s; z-index:105;} #header .h_link:hover {background-color:#080403; color:#fff; border-color:#080403;} #header:hover .h_link, #header.on .h_link {border-color:#080403; color:#080403;} #header:hover .h_link:hover, #header.on .h_link:hover {color:#fff;} .gnb_menu_btn {display:none;} #header.on {padding:30px 0; border-bottom:1px solid #d5d5d5;} #header.on:before {display:none;} #header.on:hover:after {top:110px;} #header.on .nav_bg {padding-top:110px;} #header.on .nav_bg:before {top:110px;} .nav_all > li > a {position:relative; display:block; font-size:30px; line-height:65px; font-weight:600; padding:0 25px;} /* .nav_all > li > a:before {content:''; position:absolute; width:16px; height:2px; border-radius:1px; background-color:#000; right:25px; top:50%; margin-top:-1px;} .nav_all > li > a:after {content:''; position:absolute; width:2px; height:16px; border-radius:1px; background-color:#000; right:32px; top:50%; margin-top:-8px;} */ .na_sub {background-color:#fafafa; padding:0 15px;} .na_sub > ul > li {border-bottom:1px solid #dcdcdc; position:relative;} .na_sub > ul > li:last-child {border-bottom:0;} .na_sub > ul > li > a {position:relative; padding:15px 70px 15px 20px; font-size:18px; line-height:25px;} .nav_all > li {position:relative;} .nav_2btn {position:absolute; width:100%; height:65px; right:24px; top:0;} .nav_2btn.on:after {display:none;} .nav_2btn:before {content:''; position:absolute; width:16px; height:2px; border-radius:1px; background-color:#000; right:15px; top:50%; margin-top:-1px;} .nav_2btn:after {content:''; position:absolute; width:2px; height:16px; border-radius:1px; background-color:#000; right:22px; top:50%; margin-top:-8px;} .nav_3btn {position:absolute; width:100%; height:55px; right:0; top:0;} .nav_3btn:before {content:''; position:absolute; top:20px; right:27px; width:10px; height:10px; border-top:2px solid #ccc; border-right:2px solid #ccc; transform:rotate(135deg);} .nav_3btn.on:before {transform:rotate(-45deg); top:24px; border-color:#000;} .na_sub .nav_3dul {padding:15px 0 15px 20px; border-top:1px solid #dcdcdc;} .na_sub .nav_3dul a {color:#000 !important; font-weight:300;} .nav_2area {display:none;} .nav_2area.on {display:block;} .nav_3area {display:none;} .nav_3area.on {display:block;} .g_link {display:block; margin-top:45px; border:1px solid #000; border-radius:20px; height:40px; text-align:center; width:100%; font-size:15px; line-height:40px; color:#000;} .g_link .i_link {display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; background-image:url('/css/images/i_link.png'); background-position:center; background-size:16px auto; background-repeat:no-repeat;} /* footer */ #footer {background-color:#080403; padding:70px 0;} #footer .wrap {display:flex;} #footer .f_logo {width:280px;} #footer .f_logo img {width:90px; margin-top:10px;} #footer .f_info {flex:1;} #footer .f_info .fi_list {display:flex; flex-wrap:wrap; margin-bottom:20px; align-items:center;} #footer .f_info .fi_list li {position:relative; color:#fffefe; font-size:20px; line-height:40px; font-weight:100; margin-right:60px;} #footer .f_info .fi_list li a {color:#fffefe !important; font-weight:100 !important;} #footer .f_info .fi_list li a:hover {text-decoration-line:underline; ruby-position:under;} #footer .f_info .fi_list li:before {content:''; position:absolute; right:-30px; top:14px; width:1px; height:12px; background-color:#6b6868;} #footer .f_info .fi_list li:nth-child(4):before {display:none;} #footer .f_info .fi_list li:last-child:before {display:none;} #footer .f_info .fi_copy {color:#fffefe; opacity:0.5; font-size:15px; line-height:25px;} #footer .f_insta a {display:block; position:absolute; right:0; top:0; width:32px; height:32px; background-image:url('/css/images/i_insta.png'); background-repeat:no-repeat; background-size:32px auto;} .sub {margin:170px 0; padding-top:80px; /*background-image:url('/css/images/sub_bg.png');*/ background-repeat:no-repeat; background-position:top right; background-size:auto;} .sub .s_top {position:relative;} .sub .s_top .st_nav {display:flex; margin-bottom:10px; text-transform:uppercase;} .sub .s_top .st_nav li {position:relative; margin-right:20px; color:#a5a2a2;} .sub .s_top .st_nav li mark {color:#a5a2a2;} .sub .s_top .st_nav li a {display:block; width:12px; height:12px; background:url('/css/images/i_home.png') no-repeat; background-size:100%; text-indent:-9999px;} .sub .s_top .st_nav li:after {content:''; position:absolute; right:-15px; top:1px; width:9px; height:12px; background:url('/css/images/i_arrow.png') no-repeat; background-size:100%;} .sub .s_top .st_nav li:last-child:after {display:none;} .sub .s_top .st_tit {padding-right:30px; margin-bottom:40px; font-size:65px; line-height:80px; font-weight:700; text-transform:uppercase; word-break:keep-all;} .sub .s_top .st_tit mark {display:inline-block;} .sub .s_top .st_fix {position:absolute; right:0; top:0; bottom:0;} /* .sub .s_top .st_fix:before {content:''; position:absolute; right:5px; top:0; bottom:0; width:1px; background-color:#a5a2a2} */ .sub .s_top .st_fix p {position:relative; height:100%;} .sub .s_top .st_fix p span {writing-mode:vertical-rl; font-size:15px; font-weight:700; line-height:15px; background-color:#fff; position:relative; padding-bottom:10px; text-transform:uppercase;} .sub .s_top .st_fix p:before {content:''; position:absolute; right:6px; top:0; bottom:0; width:1px; background-color:#a5a2a2;} .sub .s_contents {} .sub .s_contents .sc_tab ul {display:flex; gap:80px;} .sub .s_contents .sc_tab li {position:relative;} .sub .s_contents .sc_tab li.on:before {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background-color:#81c1bf;} .sub .s_contents .sc_tab a {display:block; font-size:30px; line-height:40px; color:#a5a2a2;} .sub .s_contents .sc_tab li.on a {color:#81c1bf; font-weight:500;} /* ������ */ .org {} .org .o_bg {background-image:url('/css/images/sub_org_bg.jpg'); background-position:center; background-size:cover; padding:170px 0; margin-top:50px; text-align:center;} .org .o_bg .logo {width:97px; margin-bottom:10px;} .org .o_bg .ob_icon {width:80px;} .org .o_bg .ob_list {padding-top:70px; position:relative;} .org .o_bg .ob_list br {display:none;} .org .o_bg .ob_list:before {content:''; position:absolute; left:50%; top:0; width:2px; height:70px; background-color:#fff;} .org .o_bg .ob_list:after {content:''; position:absolute; top:70px; left:50%; transform:translateX(-50%); width:732px; height:2px; background-color:#fff;} .org .o_bg .ob_list ul {display:flex; gap:103px; justify-content:center; align-items:center;} .org .o_bg .ob_list li {position:relative; padding-top:70px;} .org .o_bg .ob_list li:before {content:''; position:absolute; left:50%; top:0; width:2px; height:70px; background-color:#fff;} .org .o_bg .ob_list p {position:relative; padding-top:15px; margin-top:10px;} .org .o_bg .ob_list p:before {content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:20px; height:3px; background-color:#ecc9a7;} .org .o_bg .ob_list p span {position:absolute; left:50%; top:15px; transform:translateX(-50%); display:block; width:160px; color:#fff; font-size:20px; font-weight:700;} /* ���ô±� */ .location .l_img {max-width:1920px; margin:50px auto 100px auto;} .location .l_map {height:600px;} .location .root_daum_roughmap {width:100% !important; height:100% !important; border-bottom:1px solid #e0e0e0;} .location .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;} .location .root_daum_roughmap .wrap_controllers {display:none;} .location .l_list {display:flex; margin-top:50px;} .location .l_list .item {position:relative; padding:0 50px 0 10px; flex-basis:100%;} /*.location .l_list .item:after {content:''; position:absolute; top:0; right:0; width:1px; height:230px; background-color:#000; opacity:0.12;}*/ /*.location .l_list .item:last-child {padding-left:70px;}*/ /*.location .l_list .item:last-child:after {display:none;}*/ .location .l_list .item .tit {position:relative; padding-bottom:60px; font-size:50px; line-height:60px; font-weight:500; letter-spacing:-1px;} .location .l_list .item .tit:before {content:''; position:absolute; left:0; bottom:28px; width:50px; height:4px; background-color:#81c1bf;} .location .l_list .item .tit.bgo:before {background-color:#f3c7a2} /* CONTACT US */ .contact .c_txt {margin-top:50px; margin-bottom:30px; padding:0 10px; font-size:40px; line-height:60px; font-weight:700; word-break:keep-all;} .contact .c_info {padding:0 10px; margin-bottom:80px;} .contact .c_info ul {display:flex; justify-content:space-between; gap:20px;} .contact .c_info ul li {flex-basis:calc(33.3333% - 13.3333px); display:flex; align-items:center; border:2px solid #e1e0e0; border-radius:8px; box-sizing:border-box;} .contact .c_info ul li a, .contact .c_info ul li button {display:flex; vertical-align:middle; width:100%; padding:30px 35px; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start;} .contact .c_info ul li p {text-align:left;} .contact .c_icon {display:block; width:120px; height:120px; margin-right:35px; border-radius:60px; background-size:100%; background-position:center; background-repeat:no-repeat;} .contact .c_icon + div {display:inline-block; vertical-align:middle; width:calc(100% - 180px);} .contact .c_icon.i_email {background-color:#81c1bf; background-image:url('/css/images/i_mail.png');} .contact .c_icon.i_tel {background-color:#ecc9a7; background-image:url('/css/images/i_tel.png');} .contact .c_icon.i_contact {background-color:#c1b687; background-image:url('/css/images/i_contact.png');} .contact .ci_txt {margin-top:10px; font-size:26px; line-height:40px; font-weight:600; letter-spacing:-0.5px;} .contact .c_info ul li a:hover .ci_txt, .contact .c_info ul li button:hover .ci_txt {text-decoration-line:underline; ruby-position:under;} .contact .c_logo {text-align:center;} .contact .c_logo img {width:140px;} /* 컨택트 팝업 */ .popup_overlay, .contact_popup {display:none;} .popup_overlay.on {display:block;} .contact_popup.on {display:flex;} .popup_overlay {position:fixed; inset:0; background:rgba(7, 4, 3, 0.5); z-index:1000;} .contact_popup {position:fixed; flex-direction:column; top:50%; left:50%; width:800px; max-width:90%; max-height:80%; transform:translate(-50%, -50%); background:#fff; border-radius:20px; z-index:1001; box-shadow:0 50px 80px rgba(0,0,0,0.4);transform:translateZ(0) translate(-50%, -50%);} .contact_popup .cp_header {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 70px); margin:0 auto; padding:30px 0 30px; border-bottom:1px solid #ddd;} .contact_popup .cp_header .cp_title {font-size:30px; font-weight:600; line-height:45px;} .contact_popup .cp_header .cp_close {display:inline-block; vertical-align:middle; position:relative; width:24px; height:24px; margin:11px 0 10px; background:none; border:none; cursor:pointer; transform-origin:center; transition:0.3s all;} .contact_popup .cp_header .cp_close:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:31px; height:3px; background-color:#070403; transform:translate(-50%, -50%) rotate(45deg);} .contact_popup .cp_header .cp_close:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:31px; height:3px; background-color:#070403; transform:translate(-50%, -50%) rotate(-45deg);} .contact_popup .cp_header .cp_close:hover {transform:rotate(90deg);} .contact_popup .cp_body {overflow:auto; margin-right:10px; padding:30px 25px 35px 35px;} .contact_popup .cp_body::-webkit-scrollbar {width:5px;} .contact_popup .cp_body::-webkit-scrollbar-thumb {width:5px; border-radius:5px; background-color:#070403;} .contact_popup .cp_body::-webkit-scrollbar-track {width:5px; border-radius:5px; background-color:#e1e0e0;} .contact_popup .cp_body::-webkit-scrollbar-button {display:none;} .contact_popup .cp_body::-webkit-scrollbar-button:vertical:end:decrement {display:block; width:5px; height:35px;} .contact_popup .cp_body form {display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;} .contact_popup .cp_body form .form_group {display:inline-block; width:100%; display:flex; flex-direction:column;} .contact_popup .cp_body form .form_group.t2 {width:calc(50% - 10px);} .contact_popup .cp_body form .form_group strong {font-size:18px; font-weight:600; line-height:30px;} .contact_popup .cp_body form .form_group strong span {font-weight:400; color:#81c1bf;} .contact_popup .cp_body form .form_group strong b {font-weight:200;} .contact_popup .cp_body form .contact_input {display:flex; gap:20px; position:relative;} .contact_popup .cp_body form .contact_input select, .contact_popup .cp_body form .contact_input input {width:calc(33.3333% - 13.3333px);} .contact_popup .cp_body form .contact_input i {display:inline-block; vertical-align:middle; position:absolute; bottom:0; width:20px; height:50px; font-size:16px; line-height:50px; text-align:center;} .contact_popup .cp_body form .contact_input i.t1 {left:calc(33.3333% - 13.3333px); font-style:unset;} .contact_popup .cp_body form .contact_input i.t2 {right:calc(33.3333% - 13.3333px); font-style:unset;} .contact_popup .cp_body form .email_input {display:flex; gap:10px; position:relative;} .contact_popup .cp_body form .email_input select {width:calc(33.3333% - 3.3333px);} .contact_popup .cp_body form .email_input input {width:calc(33.3333% - 13.3333px);} .contact_popup .cp_body form .email_input #email_domain {margin-left:10px;} .contact_popup .cp_body form .email_input i {display:inline-block; vertical-align:middle; position:absolute; bottom:0; left:calc(33.3333% - 13.3333px); width:20px; height:50px; font-size:16px; line-height:50px; text-align:center; font-style:unset;} .contact_popup .cp_body form .file_upload {display:flex; gap:10px; align-items:center; overflow:hidden; margin-top:5px;} .contact_popup .cp_body form .file_text {flex:1; height:50px; padding:10px 12px; border:1px solid #e1e0e0; border-radius:10px; font-size:16px; line-height:28px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;} .contact_popup .cp_body form .file_btn {position:relative; width:50px; height:50px; border-radius:10px; background:#070403 url("/css/images/icon_upload01.png") no-repeat center center; background-size:30px; border:none; cursor:pointer;} .contact_popup .cp_body form .file_btn:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:url("/css/images/icon_upload02.png") no-repeat top 10px center; background-size:30px; transition:background-position ease-in-out 0.2s;} .contact_popup .cp_body form .file_btn:hover:before {background-position:top 8px center;} .contact_popup .cp_body form .cp_submit {display:block; width:100%; margin-top:15px; padding:14px 20px; border:none; border-radius:10px; border:1px solid #070403; background-color:#070403; font-size:20px; font-weight:400; line-height:30px; color:#fff; cursor:pointer; transition:0.3s all;} .contact_popup .cp_body form .cp_submit:hover {background-color:#fff; color:#070403;} .contact_popup input[type=text], .contact_popup input[type=password] {height:50px; margin-top:5px; padding:0 18px; border-radius:10px; border:0; font-size:16px; line-height:30px; outline:1px solid #a5a2a2; transition:unset;} .contact_popup select {height:50px; margin-top:5px; padding:0 18px; border-radius:10px; border:0; font-size:16px; line-height:30px; outline:1px solid #a5a2a2; transition:unset; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("/css/images/icon_select.svg"); background-repeat:no-repeat; background-size:14px; background-position:top 18px right 19px;} .contact_popup select::-ms-expand {display:none;} .contact_popup textarea {height:130px; margin-top:5px; padding:10px 18px; border-radius:10px; border:0; font-size:16px; line-height:30px; outline:1px solid #a5a2a2; transition:unset; resize:none;} .contact_popup input[type=text]::placeholder, .contact_popup input[type=password]::placeholder, .contact_popup textarea::placeholder {color:#a5a2a2;} .contact_popup input[type=text]:focus, .contact_popup input[type=text]:hover, .contact_popup input[type=password]:focus, .contact_popup input[type=password]:hover, .contact_popup select:focus, .contact_popup select:hover, .contact_popup textarea:focus, .contact_popup textarea:hover {outline:2px solid #81c1bf;} /* �Խ��� �� */ .board_tab .bt_btn {display:none;} .board_tab ul {display:flex; gap:80px; margin-bottom:40px;} .board_tab ul li a {font-size:24px; line-height:36px; color:#a5a2a2; position:relative; text-transform:uppercase;} .board_tab ul li a:hover span {color:#81c1bf !important;} .board_tab.type1 ul li:first-child {display:block;} .board_tab #bo_cate_on, .board_tab #bo_cate_on span {color:#81c1bf; font-weight:600;} .board_tab #bo_cate_on:before {content:''; position:absolute; left:0; right:0; bottom:-4px; height:4px; background-color:#81c1bf;} .board_tab_sub {display:inline-block; vertical-align:middle; width:100%; box-sizing:border-box; position:relative; margin-bottom:50px; background-color:#fff;} .board_tab_sub:before {content:''; position:absolute; left:0; top:0; width:100%; height:2px; background-color:#e0e0e0;} .board_tab_sub:after {content:''; position:absolute; left:0; top:0; height:100%; width:2px; background-color:#e0e0e0;} .board_tab_sub li {position:relative; float:left; width:20%;} .board_tab_sub li:before {content:''; position:absolute; right:0; bottom:0; width:100%; height:2px; background-color:#e0e0e0;} .board_tab_sub li::after {content:''; position:absolute; right:0; top:0; height:100%; width:2px; background-color:#e0e0e0;} .board_tab_sub li a {position:relative; display:block; width:100%; height:100%; line-height:70px; text-align:center; font-size:18px; text-transform:uppercase; font-weight:700; word-break:keep-all; transition:0.5s all;} .board_tab_sub li a span {font-weight:600; transition:0.5s all;} .board_tab_sub li a mark {display:inline-block; transition:0.5s all;} .board_tab_sub li a:hover {background-color:#070403; color:#fff; position:relative; z-index:1;} .board_tab_sub li a:hover span {color:#fff;} .board_tab_sub li a:hover mark {color:#fff;} .board_tab_sub #bo_cate_on {background-color:#070403; color:#fff; position:relative; z-index:1;} .board_tab_sub #bo_cate_on span {color:#fff;} .board_tab_sub #bo_cate_on mark {color:#fff;} .board_tab_sub #bo_cate_on:before {} .board_works {display:flex; flex-wrap:wrap; border-bottom:1px solid #e1e0e0; margin-bottom:30px; gap:50px; padding-bottom:50px;} .board_works > li {position:relative; flex-basis:500px;} .gall_chk {position:absolute; z-index:999;} .all_chk {margin-bottom:10px; font-size:18px;} .board_works .item a {display:inline-block; vertical-align:middle; width:100%; overflow:hidden;} .board_works .item a img {transition:0.5s; width:100%;} .board_works .item a:hover img {transform:scale(1.1);} .board_works .item .b_sub {font-size:25px; line-height:35px; margin-top:15px; font-weight:500; letter-spacing:-1px;} .board_works .item .b_list {margin-top:10px;} .board_works .item .b_list li {position:relative; padding-left:42px;} .board_works .item .b_list li p {word-break:keep-all; color:#070403; font-weight:300; font-size:18px; line-height:30px; letter-spacing:-0.5px;} .board_works .item .b_list li .bl_tit {position:absolute; left:0; top:0; font-weight:500;} .board_works .item .flex {display:flex; font-size:18px; line-height:30px;} .board_works .item .flex p {position:relative; margin-right:30px; word-break:keep-all; font-weight:100;} .board_works .item .flex p:first-child:before {content:''; position:absolute; right:-15px; top:50%; width:1px; height:12px; background-color:#f0f0f0; transform:translateY(-50%);} .board_works .item .flex p:last-child {margin-right:0; text-transform:uppercase; font-weight:100; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:inherit; width:80px; flex:1;} .bo_tit {padding:0 10px;} .b_btn {display:flex; justify-content:space-between;} .b_btn .flex {display:flex;} #bo_gall li.empty_list {flex-basis:100%; margin:0; font-weight:500; font-size:20px; padding:200px 0 !important;} #bo_v_img {padding:0 20px;} #bo_v_con {padding:0 20px;} .b_btn .bb_btn {display:block; width:120px; height:50px; margin-right:10px; border:1px solid #e1e0e0; border-radius:8px; font-size:20px; font-weight:700; box-sizing:border-box; text-align:center; line-height:50px;} .b_btn .bb_link {display:block; width:120px; height:50px; margin-right:10px; border-radius:8px; font-size:20px; font-weight:700; background-color:#070403; color:#fff; text-align:center; line-height:50px;} .board_paging {text-align:center; margin-top:30px;} .board_paging .pg_wrap {display:block; margin:0 auto; float:inherit;} .board_search {display:flex; justify-content:center; margin-top:80px;} .board_search .item {display:flex; justify-content:center; gap:10px;} .board_list {border-top:1px solid #e0e0e0; margin-top:100px;} .board_list li {border-bottom:1px solid #e0e0e0; display:flex; height:70px; padding:0 20px; align-items:center; justify-content:space-between;} .board_list li i {position:absolute; display:inline-block; width:7px; height:7px; border-top:1px solid #070403; border-right:1px solid #070403;} .board_list li.btn_prv i {transform:rotate(-45deg); left:1px; top:8px;} .board_list li.btn_next i {transform:rotate(135deg); left:1px; top:4px;} .board_list a {color:#070403; font-weight:500; font-size:15px; width:670px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;} .board_list span {display:inline-block; color:#a5a2a2; font-size:15px; display:inline-block; vertical-align:middle;} .board_list mark {color:#a5a2a2; margin-right:10px;} .board_list li div:first-child span {color:#070403;} .board_list li div span:first-child {position:relative; margin-right:50px; padding-left:20px; padding-right:50px;} .board_list li div span:first-child:before {content:''; position:absolute; top:5px; right:0; width:1px; height:10px; background-color:#e1e0e0;} .sch_select {width:140px; height:50px; background-color:#fbfbfb; padding:0 20px; border-color:#e0e0e0; border-radius:8px; font-size:18px; color:#a5a2a2; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url('/css/images/select_bg.png'); background-size:11px auto; background-position:right 20px top 50%; background-repeat:no-repeat;} .sch_input {width:520px; height:50px; background-color:#fdfcfc; padding:0 10px; border:1px solid #e0e0e0; border-radius:8px; font-size:18px; color:#a5a2a2;} .sch_btn {width:120px; height:50px; background-color:#81c1bf; color:#fff; font-size:20px; border-radius:8px; transition:0.5s all;} .sch_btn:hover {background-color:#fff; color:#81c1bf; border:1px solid #81c1bf;} #bo_v {border-top:1px solid #070403;} #bo_v_title {font-size:50px; line-height:120px; padding:0 20px; font-weight:500;} .b_info {display:flex; align-items:center; justify-content:space-between; height:80px; border-top:1px solid #e1e0e0; border-bottom:1px solid #e1e0e0; padding:0 20px;} .b_info .item {display:flex; gap:80px;} .b_info .item p {position:relative; font-size:18px;} .b_info .item p:before {content:''; position:absolute; right:-40px; top:3px; width:1px; height:16px; background-color:#e1e0e0;} .b_info .item p:last-child:before {display:none;} .bo_v_nb {margin-top:100px;} #bo_v_atc {margin-bottom:30px; padding-top:80px; padding-bottom:130px; border-bottom:1px solid #e1e0e0;} #gnb_all {display:none} .all_chk.chk_box input[type="checkbox"] + label span {top:5px;} /* paging */ /* .pg {display:flex; align-items:center; justify-content:center;} .pg_current {font-size:25px; line-height:25px; font-weight:500;} .pg_page {font-size:25px; line-height:25px;} .pg_btn {display:block; width:50px; height:50px; border:1px solid #e1e0e0; border-radius:8px; box-sizing:border-box; background-repeat:no-repeat; background-position:center; margin:0 5px;} .pg_num {margin:0 10px;} */ .pg_start {background-image:url('/css/images/i_end.png'); background-size:16px; transform:rotate(180deg);} .pg_end {background-image:url('/css/images/i_end.png'); background-size:16px;} .pg_prev {background-image:url('/css/images/i_next.png'); background-size:11px; transform:rotate(180deg);} .pg_next {background-image:url('/css/images/i_next.png'); background-size:11px;} .pg {display:inline-block; vertical-align:middle; position:relative; width:100%; max-width:800px; margin-top:60px; text-align:center;} .pg a, .pg .pg_num {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; min-width:50px; height:50px; padding:0 5px; border:#e0e0e0 solid 1px; border-radius:5px; background-color:#fff; background-repeat:no-repeat; background-position:center; font-size:25px; color:#000; line-height:50px; letter-spacing:-0.5px;} .pg .pg_num {border:0;} .pg .pg_current {font-weight:700;} .pg .pg_buttonwrap {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; text-align:right; font-size:0; line-height:0;} .pg .pg_buttonwrap .pg_page.nourl {background-color:#f1f1f4; pointer-events:none;} .pg .pg_buttonwrap .pg_page.pg_start {position:absolute; left:0; top:0; transition:0.5s all;} .pg .pg_buttonwrap .pg_page.pg_prev {position:absolute; left:0; top:0; margin-left:60px; transition:0.5s all;} .pg .pg_buttonwrap .pg_page.pg_next {position:absolute; right:0; top:0; margin-right:60px; transition:0.5s all;} .pg .pg_buttonwrap .pg_page.pg_end {position:absolute; right:0; top:0; transition:0.5s all;} .pg .pg_buttonwrap .pg_page.pg_start:hover, .pg .pg_buttonwrap .pg_page.pg_prev:hover, .pg .pg_buttonwrap .pg_page.pg_next:hover, .pg .pg_buttonwrap .pg_page.pg_end:hover {filter:invert(99%) sepia(0%) saturate(2404%) hue-rotate(32deg) brightness(109%) contrast(100%) !important;} .pg .pg_number {display:inline-block; vertical-align:middle; width:100%; font-size:0; line-height:0;} .pg .pg_number li {display:inline-block; vertical-align:middle; width:auto;} .pg .pg_number a {margin:0 5px;} .search_none {color:#fff; font-size:18px; line-height:38px; font-weight:500; margin-top:30px;} .main .m_hero .mh_txt .w_fix {width:1050px;} @media all and (max-width:1920px) { } @media all and (max-width:1840px) { .wrap {width:1440px;} .pw_list ul li {flex-basis:450px;} .board_works {gap:45px;} .board_works > li {flex-basis:450px;} .board_works > li img {width:100%;} .pw_list ul li.more a:before {width:190px;} .contact .c_icon + div {width:calc(100% - 150px);} .contact .c_icon {margin-right:40px;} .contact .ci_txt {font-size:22px;} } @media all and (max-width:1500px) { .wrap {width:100%; padding:0 50px; box-sizing:border-box;} #header .logo {left:50px;} #header .h_link {right:50px;} .pw_list ul li {flex-basis:31%;} .board_works {gap:3.5%;} .board_works > li {flex-basis:31%; margin-bottom:50px;} .txt {font-size:20px; line-height:30px;} .txt.big {font-size:70px; line-height:80px;} .txt.large {font-size:40px; line-height:50px;} .txt.middle {font-size:24px; line-height:36px;} .txt.small {font-size:16px; line-height:26px;} #footer .f_insta a {right:50px;} .sub .s_top .st_tit {font-size:50px; line-height:60px;} .board_tab ul li a {font-size:24px; line-height:34px;} #bo_v_title {font-size:40px; line-height:100px;} .board_tab_sub li {width:25%;} .contact .c_txt {font-size:30px; line-height:40px;} .contact .c_info ul li a, .contact .c_info ul li button {padding:22px;} .contact .c_icon {width:100px; height:100px; margin-right:30px;} .contact .c_icon + div {width:calc(100% - 130px);} .pw_list ul li.more a:before {width:140px;} .pw_list ul li.more a:after {bottom:76px; width:55px;} .sub .s_top .st_fix {display:none;} .pw_list .pwl_info span:before {top:6px;} .board_works .item .b_sub {font-size:20px; line-height:30px;} .board_works .item .flex p {font-size:16px; line-height:26px;} .location .l_list .item .tit {font-size:40px; line-height:50px;} } @media all and (max-width:1440px) { .contact .c_info ul li a, .contact .c_info ul li button {padding:20px;} .contact .c_icon {width:80px; height:80px;} .contact .c_icon + div {width:calc(100% - 110px);} } @media all and (max-width:1280px) { #header {padding:40px 0;} #header .logo {left:30px; width:50px;} #header .h_link {top:3px; right:30px;} #header .nav > li > a {line-height:40px;} .wrap {padding:0 30px;} .txt.big {font-size:60px; line-height:70px;} #header .nav > li {margin-right:50px;} #header .nav > li > a {font-size:18px;} .nav_2da {line-height:30px;} .nav_2dul_box {gap:40px;} #header .nav > li:first-child .nav_2dul_box {max-width:518px;} .pw_list ul li {flex-basis:48%;} .pw_list ul li .sbold {font-size:20px; line-height:30px;} .board_works {gap:4%;} .board_works > li {flex-basis:48%;} .main .m_factory .mf_tit .mft_right {margin-right:0;} .main .m_product .mp_area .mpa_list li.wide {width:100%;} .main .m_product .mp_area .mpa_list li {width:50%;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(4) {width:100%;} .main .m_product .mp_area .mpa_list.bg2 li:nth-child(5) {width:100%;} .main .m_product .mp_area .mpa_list.bg3 li {width:50%;} #footer .wrap {display:block;} #footer .f_info {margin-top:50px;} #footer .f_info .fi_list li {font-size:15px; line-height:25px;} #footer .f_info .fi_list li:before {top:5px;} #footer .f_info .fi_list li:first-child {width:100%;} #footer .f_info .fi_list li:nth-child(4):before {display:block;} #footer .f_info .fi_list li:first-child:before {display:none;} .org .o_bg {padding:100px 0;} .org .o_bg .ob_list ul {gap:50px;} .org .o_bg .ob_list:after {width:520px;} .sub .s_top .st_tit {font-size:50px; line-height:60px;} .sub .s_contents .sc_tab ul {gap:30px;} .sub .s_contents .sc_tab a {font-size:20px; line-height:30px;} .location .l_map {height:400px;} #bo_v_title {font-size:40px; line-height:100px;} .board_tab_sub li a {font-size:16px; line-height:60px;} .board_tab_sub li {width:33.333%;} .board_tab ul {gap:60px;} /* .board_works .item .b_sub {font-size:18px; line-height:28px;} .board_works .item .flex {font-size:16px; line-height:26px;} .board_works .item .flex p {margin-right:20px;} .board_works .item .flex p:first-child {} .board_works .item .flex p:last-child {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:inherit; width:80px; flex:1;} .board_works .item .flex p:first-child:before {right:-9px;} */ .board_list a {width:400px;} #bo_v_atc {padding-top:50px;} .main .m_factory .mf_tit .tit {font-size:50px;} .main .m_factory .mf_tit .mft_left .txt {font-size:16px;} .pw_list ul li a {height:auto;} .contact .c_icon {width:70px; height:70px; margin-right:15px;} .contact .c_icon + div {width:calc(100% - 85px);} .contact .ci_txt {margin-top:4px; font-size:18px;} .contact .ci_txt a {font-size:21px; line-height:34px; word-break:keep-all;} .contact .c_info {margin-bottom:60px} .contact .c_logo img {width:120px;} /* .pw_list ul li.more a:before {bottom:35px;} .pw_list ul li.more a:after {bottom:46px;} */ .main .m_hero .mhi_tit .txt {text-shadow:#fff 1px 0px 1px;} .main .m_hero .mhi_txt .txt {text-shadow:#fff 1px 0px 1px;} /*.location .l_list .item:last-child {padding-left:50px;}*/ .location .l_list .item br {display:none;} #footer .f_insta a {width:26px; height:26px; background-size:26px auto;} #footer .f_logo img {margin-top:0;} .location .l_list {margin-top:40px;} .main .m_hero .mh_txt .w_fix {width:750px;} } @media all and (max-width:1024px) { #header, #header.on {padding:25px 0;} #header:hover:after {display:none;} #header .logo {position:relative; display:block; left:inherit; width:46px;} #header .h_link {display:none;} #header .nav {display:none;} #header:hover .gnb_menu_btn, #header.on .gnb_menu_btn {background-image:url('/css/images/i_btn_bk.png');} .gnb_menu_btn {display:block; position:absolute; z-index:99; top:1px; right:30px; width:32px; height:32px; background-image:url('/css/images/i_btn_bk.png'); background-repeat:no-repeat; background-size:32px auto; background-position:center;} .gnb_close_btn {display:block; position:absolute; z-index:200; top:29px; right:30px; width:32px; height:32px; background-image:url('/css/images/i_close.png'); background-repeat:no-repeat; background-size:32px auto; background-position:center;} #gnb_all_bg {display:none;position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background-color:#fff;} #gnb_all {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; padding-top:100px;} #gnb_all > div {height:100%; overflow-y:auto;} #bo_v_title {font-size:30px; line-height:80px;} .nav_all {margin-top:50px;} .sub {padding-top:50px; margin:80px 0;} .main .m_search .ms_search {width:100%; padding:0 ; box-sizing:border-box;} .main .m_search .ms_result {width:100%; padding:0 30px 70px; box-sizing:border-box;} .sub .s_top .st_tit {font-size:40px; line-height:50px;} .location .l_list .item .tit {font-size:30px; line-height:40px; padding-bottom:40px;} .sub .s_contents .sc_tab ul {gap:20px;} .board_tab ul {gap:30px;} .board_tab ul li a {font-size:18px; line-height:24px;} .board_search {display:block;} .board_search .item {display:block;} .sch_select {width:100%; margin-bottom:10px;} .sch_input {width:100%; margin-right:0; margin-bottom:10px;} .sch_btn {width:100%;} .board_tab_sub li {width:50% !important;} .board_tab_sub li a {line-height:34px !important;} .txt.big {font-size:50px; line-height:60px;} .txt.large {font-size:30px; line-height:40px;} .txt.small {font-size:14px; line-height:25px;} .txt {font-size:15px; line-height:25px;} .board_works .item .b_sub {font-size:15px; line-height:25px;} .board_works .item .flex p {font-size:14px; line-height:25px;} .m_tit {margin-bottom:20px;} /* .main .m_hero {height:auto;} .main .m_hero .mh_pic {height:auto; display:block; padding:80px 0;} .main .m_hero .mh_pic .mhp_img {width:20vw; height:20vw;} .main .m_hero .mhi_tit .ani {transform:inherit;} .main .m_hero .mh_txt {background-position:center right -250px; background-size:cover;} .main .m_hero .mhi_txt .ani {transform:inherit;} */ .main .m_hero .mhi_tit .ani p:nth-child(4) {line-height:26px;} .board_list a {width:300px;} .board_list li div span:first-child {margin-right:20px; padding-right:20px;} .board_list li i {margin-right:14px;} .contact .c_info {margin-bottom:40px} .contact .c_info ul {gap:10px;} .contact .c_info ul li {flex-basis:calc(33.3333% - 6.6667px);} .contact .c_info ul li a, .contact .c_info ul li button {padding:15px;} .contact .c_icon {width:40px; height:40px; margin-right:10px;} .contact .c_icon + div {width:calc(100% - 50px);} .contact .c_txt {font-size:22px; line-height:32px;} .contact .ci_txt {margin-top:0; font-size:14px; line-height:25px;} .contact .c_logo img {width:100px;} /* .pw_list ul li.more a:before {width:110px; bottom:35px;} .pw_list ul li.more a:after {width:45px; bottom:44px;} */ .board_table th, .board_table td {display:block; width:100%; height:auto; padding:10px 20px;} .b_btn .bb_btn, .b_btn .bb_link {width:100px; height:40px; font-size:16px; line-height:40px;} #bo_v_atc .pl20 {font-size:16px !important; padding-left:20px;} #bo_v_con.pl20 {font-size:14px !important; line-height:20px !important;} .main .m_factory .mf_tit {display:block;} .main .m_factory .mf_tit .mft_right {display:block; margin-right:0; margin-top:30px;} .main .m_factory .mf_tit .mft_right br {display:none;} .main .m_factory .mf_tit .mft_right .txt {font-size:18px; line-height:30px;} .location .l_list .item .txt {font-size:18px;} .location .l_list .item .txt.small {font-size:14px;} .location .l_list .item {padding:0 30px 0 10px;} /*.location .l_list .item:last-child {padding:0 30px;} */ /* 컨택트 팝업 */ .contact_popup {width:600px; max-height:90%; border-radius:15px; box-shadow:0 38px 60px rgba(0,0,0,0.4);} .contact_popup .cp_header {width:calc(100% - 50px); margin:0 auto; padding:20px 0;} .contact_popup .cp_header .cp_title {font-size:24px; line-height:34px;} .contact_popup .cp_header .cp_close {width:18px; height:18px; margin:8px 0;} .contact_popup .cp_header .cp_close:before {top:50%; left:50%; width:23px; height:2px;} .contact_popup .cp_header .cp_close:after {top:50%; left:50%; width:23px; height:2px;} .contact_popup .cp_header .cp_close:hover {transform:rotate(90deg);} .contact_popup .cp_body {margin-right:5px; padding:20px 20px 25px 25px;} .contact_popup .cp_body::-webkit-scrollbar-button:vertical:end:decrement {height:26px;} .contact_popup .cp_body form {flex-direction:row; flex-wrap:wrap; row-gap:10px; column-gap:15px;} .contact_popup .cp_body form .form_group.t2 {width:calc(50% - 8px);} .contact_popup .cp_body form .form_group strong {font-size:14px; line-height:24px;} .contact_popup .cp_body form .contact_input {gap:15px;} .contact_popup .cp_body form .contact_input select, .contact_popup .cp_body form .contact_input input {width:calc(33.3333% - 10px);} .contact_popup .cp_body form .contact_input i {bottom:0; width:15px; height:38px; font-size:12px; line-height:38px;} .contact_popup .cp_body form .contact_input i.t1 {left:calc(33.3333% - 10px);} .contact_popup .cp_body form .contact_input i.t2 {right:calc(33.3333% - 10px);} .contact_popup .cp_body form .email_input {gap:7px;} .contact_popup .cp_body form .email_input select {width:calc(33.3333% - 2px);} .contact_popup .cp_body form .email_input input {width:calc(33.3333% - 10px);} .contact_popup .cp_body form .email_input #email_domain {margin-left:7px;} .contact_popup .cp_body form .email_input i {bottom:0; left:calc(33.3333% - 10px); width:14px; height:38px; font-size:12px; line-height:38px; font-style:unset;} .contact_popup .cp_body form .file_upload {gap:7px; align-items:center; margin-top:4px;} .contact_popup .cp_body form .file_text {flex:1; height:40px; padding:8px 10px; border-radius:7px; font-size:14px; line-height:21px;} .contact_popup .cp_body form .file_btn {width:40px; height:40px; border-radius:7px; background-size:25px;} .contact_popup .cp_body form .file_btn:before {background-size:25px; background-position:top 8px center;} .contact_popup .cp_body form .file_btn:hover:before {background-position:top 6px center;} .contact_popup .cp_body form .cp_submit {margin-top:11px; padding:11px 15px; border-radius:7px; font-size:15px; line-height:24px;} .contact_popup input[type=text], .contact_popup input[type=password] {height:38px; margin-top:4px; padding:0 14px; border-radius:7px; border:0; font-size:14px; line-height:24px;} .contact_popup select {height:38px; margin-top:4px; padding:0 14px; border-radius:7px; border:0; font-size:14px; line-height:24px; background-size:10px; background-position:top 15px right 14px;} .contact_popup textarea {height:97px; margin-top:4px; padding:7px 14px; border-radius:7px; border:0; font-size:14px; line-height:24px;} } @media all and (max-width:768px) { #header {padding:0;} #header, #header.on {padding:0;} #header .logo {width:42px; height:48px;} .gnb_close_btn {width:16px; height:16px; background-size:16px auto; top:16px; right:15px;} .gnb_menu_btn {width:16px; height:16px; background-size:16px auto; top:16px; right:15px;} #gnb_all {padding-top:50px;} .nav_all > li > a {padding:0 15px;} .main .m_hero .mh_pic {background-position:right top 50px;} .sub {margin:50px 0;} .main .m_hero .mh_txt .txt {font-size:18px; line-height:28px;} .main .m_hero .mh_txt .txt.big {font-size:40px; line-height:50px;} .main .m_hero .mh_txt .txt.middle {font-size:22px; line-height:32px;} .m_tit .deco {font-size:13px; line-height:25px; padding-bottom:10px;} .m_tit .deco:before {height:2px;} .location .l_list .item {padding-left:0;} /*.location .l_list .item:last-child {margin-top:30px; padding-left:0;}*/ .location .l_list .item .tit {font-size:30px; line-height:40px; padding-bottom:40px;} .location .l_list .item:after {display:none;} .wrap {padding:0 15px;} .main .m_hero .mhi_tit .ani p:nth-child(4) {line-height:21px;} .main .m_factory .mf_tit .tit {font-size:30px; line-height:40px; letter-spacing:1.5px;} .main .m_factory .mf_tit .mft_left .txt {font-size:13px; line-height:25px; letter-spacing:0 !important;} .main .m_factory .mf_tit .mft_right .txt {font-size:13px; line-height:20px;} .m_wrap {padding:0;} .main .m_product .mp_area .mpa_list li {padding:15px; height:130px;} .main .m_product .mp_area .mpa_list li .hover {padding:15px;} .main .m_product .mp_area .mpa_list li .tit {font-size:15px; line-height:25px;} .main .m_product .mp_area .mpa_list li:hover .hover {display:none;} #footer {padding:20px 0;} #footer .f_logo img {width:50px;} #footer .f_info {margin-top:30px;} #footer .f_info .fi_list li {width:100%;} #footer .f_info .fi_list li:before {display:none !important;} #footer .f_insta a {right:15px;} .main .m_product .mp_area {margin-bottom:50px;} .main .m_product {padding:80px 0;} .main .m_works {padding:80px 0;} .main .m_product .mp_area .mpa_list.bg3 p {font-size:20px; text-align:center;} .main .m_product .mp_area .mpa_list.bg3 img {width:90%;} .org .o_bg .ob_list:after {width:400px;} .org .o_bg .ob_icon {width:50px;} .org .o_bg .ob_list p span {font-sizE:16px;} #bo_v_title {font-size:18px; line-height:50px; padding:0 20px;} .b_info {display:block; height:auto; padding:10px 20px;} .b_info .item {display:inline;} .b_info .item p {display:inline-block; font-size:14px; line-height:24px; margin-right:10px; word-break:keep-all;} .b_info .item p:before {display:none;} #bo_v_atc {margin-bottom:20px; padding-top:50px; padding-bottom:50px;} .main .m_factory {padding:130px 0;} .main .m_works {padding:80px 0;} .main .m_product {padding:80px 0;} .pw_list ul li {margin-bottom:30px;} .pw_list ul li a {height:auto; margin-bottom:10px;} .pw_list ul li.more .small {display:none;} .board_works > li {margin-bottom:30px;} .pwl_info .cgr {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:inherit; width:80px; flex:1;} .txt {font-size:13px; line-height:25px;} .txt.big {font-size:30px; line-height:40px;} .txt.middle {font-size:18px; line-height:30px;} .sub .s_top .st_nav {display:block;} .sub .s_top .st_nav li {display:inline-block;} .sub .s_top .st_tit {} .sub .s_top .st_tit {font-size:28px; line-height:40px; margin-bottom:15px;} .board_tab_sub {margin-bottom:30px;} .board_tab_sub li {width:100% !important;} .board_tab_sub li a {font-size:14px; line-height:20px !important; padding:5px 20px;} .board_tab_sub li a mark {display:inline-block;} .board_works .item .b_sub {font-size:18px; line-height:28px; margin-top:10px;} .pw_list ul li .sbold {font-size:18px; line-height:28px;} .board_works .item .b_list {margin-top:5px;} .board_works .item .b_list li {padding-left:36px;} .board_works .item .b_list li p {font-size:14px; line-height:24px;} .board_tab_mo {margin-bottom:30px;} .board_tab_mo .bt_list {display:none;} .board_tab_mo.on .bt_list {display:block; border:1px solid #e0e0e0; border-top:0px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; background-color:#fff; overflow:hidden;} .board_tab_mo.on .bt_btn {border-bottom:0; border-bottom-right-radius:0; border-bottom-left-radius:0;} .board_tab_mo ul {display:none; margin-bottom:0;} .board_tab_mo ul li {text-align:center; border-top:1px solid #e0e0e0;} .board_tab_mo ul li a {font-size:15px; display:block; line-height:20px; padding:8px 20px; text-align:left;} .board_tab_mo ul li a span {position:relative;} .board_tab #bo_cate_on span {color:#81c1bf; text-decoration:underline;} /* .board_tab #bo_cate_on span:before {content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#81c1bf;} */ .board_tab_mo .bt_btn {display:block; position:relative; width:100%; padding:0 50px 0 20px; height:50px; border:1px solid #e0e0e0; background-color:#fff; text-transform:uppercase; font-size:15px; font-weight:500; border-radius:8px; text-align:left;} .board_tab_mo .bt_btn:before {content:''; position:absolute; right:20px; top:16px; border-top:2px solid #000; border-right:2px solid #000; width:10px; height:10px; transform:rotate(135deg);} .board_tab_mo.on .bt_btn:before {transform:rotate(-45deg); top:20px;} .board_works .item .flex {font-size:13px; line-height:24px;} .board_tab #bo_cate_on:before {display:none;} .contact .c_info ul {display:block;} .contact .c_info ul li + li {margin-top:10px;} .contact .c_info {margin-bottom:30px} .contact .c_icon {width:70px; height:70px; margin-right:20px;} .contact .c_icon + div {width:calc(100% - 90px);} .contact .ci_txt {font-size:18px;} .contact .c_logo img {width:80px;} .main .m_search .ms_search {padding:0;} .main .m_search .ms_search input {text-indent:20px;} .board_table th, .board_table td {font-size:14px; line-height:20px;} .main .m_search .ms_result {padding:0 0 70px;} .location .l_img {margin-bottom:50px; margin-top:25px;} .location .l_map {height:300px;} .location .l_list {display:block; margin-top:30px;} .location .l_list .item .tit {font-size:24px; line-height:34px; padding-bottom:24px;} .location .l_list .item .tit:before {bottom:14px;} .main .m_product .mp_area .mpa_list.bg3 li {width:100%;} .main .m_product .mp_area .mpa_list.bg3 img {width:120px;} .main .m_search .ms_txt {font-size:16px; line-height:24px;} /* 컨택트 팝업 */ .contact_popup {width:calc(100% - 30px); max-width:calc(100% - 30px); border-radius:12px; box-shadow:0 34px 53px rgba(0,0,0,0.4);} .contact_popup .cp_header {width:calc(100% - 40px); margin:0 auto; padding:17px 0;} .contact_popup .cp_header .cp_title {font-size:21px; line-height:30px;} .contact_popup .cp_header .cp_close {width:16px; height:16px; margin:7px 0;} .contact_popup .cp_header .cp_close:before {top:50%; left:50%; width:20px; height:2px;} .contact_popup .cp_header .cp_close:after {top:50%; left:50%; width:20px; height:2px;} .contact_popup .cp_header .cp_close:hover {transform:rotate(90deg);} .contact_popup .cp_body {margin:0; padding:17px 20px 20px;} .contact_popup .cp_body::-webkit-scrollbar-button:vertical:end:decrement {height:23px;} .contact_popup .cp_body form {flex-direction:row; flex-wrap:wrap; row-gap:9px; column-gap:13px;} .contact_popup .cp_body form .form_group.t2 {width:calc(50% - 7px);} .contact_popup .cp_body form .contact_input {gap:16px;} .contact_popup .cp_body form .contact_input select, .contact_popup .cp_body form .contact_input input {width:calc(33.3333% - 10.6666px);} .contact_popup .cp_body form .contact_input i {bottom:0; width:16px; height:34px; font-size:11px; line-height:34px;} .contact_popup .cp_body form .contact_input i.t1 {left:calc(33.3333% - 10.6666px);} .contact_popup .cp_body form .contact_input i.t2 {right:calc(33.3333% - 10.6666px);} .contact_popup .cp_body form .email_input {gap:6px;} .contact_popup .cp_body form .email_input select {width:calc(33.3333% - 2px);} .contact_popup .cp_body form .email_input input {width:calc(33.3333% - 10.6666px);} .contact_popup .cp_body form .email_input #email_domain {margin-left:10px;} .contact_popup .cp_body form .email_input i {bottom:0; left:calc(33.3333% - 10.6666px); width:15px; height:34px; font-size:11px; line-height:34px; font-style:unset;} .contact_popup .cp_body form .file_upload {gap:6px; align-items:center; margin-top:4px;} .contact_popup .cp_body form .file_text {flex:1; height:36px; padding:7px 9px; border-radius:6px; font-size:13px; line-height:18px;} .contact_popup .cp_body form .file_btn {width:36px; height:36px; border-radius:6px; background-size:22px;} .contact_popup .cp_body form .file_btn:before {background-size:22px; background-position:top 7px center;} .contact_popup .cp_body form .file_btn:hover:before {background-position:top 5px center;} .contact_popup .cp_body form .cp_submit {width:100%; margin-top:10px; padding:10px 13px; border-radius:6px; font-size:13px; line-height:21px;} .contact_popup input[type=text], .contact_popup input[type=password] {height:34px; margin-top:4px; padding:0 12px; border-radius:6px; border:0; font-size:13px; line-height:21px;} .contact_popup select {height:34px; margin-top:4px; padding:0 12px; border-radius:6px; border:0; font-size:13px; line-height:21px; background-size:10px; background-position:top 12px right 12px;} .contact_popup textarea {height:86px; margin-top:4px; padding:6px 12px; border-radius:6px; border:0; font-size:13px; line-height:21px;} .b_btn {display:block;} .b_btn .bb_btn, .b_btn .bb_link {margin-right:0; width:100%;} .board_list {margin-top:50px;} .board_list li {display:block; height:auto; padding:20px;} .board_list li div {position:relative; padding-left:104px;} .board_list li div:nth-child(2) {display:none;} .board_list li div span:first-child {position:absolute; left:0; top:0;} .board_list li div a {display:block; width:100%;} .pg {width:calc(100% + 5px); margin-left:-2.5px; margin-top:20px;} .pg a {width:100%; height:40px; line-height:40px;} .pg li {padding:0 2.5px;} .pg .pg_buttonwrap {position:relative; display:table; table-layout:fixed; left:auto; right:auto; top:auto; bottom:auto; width:100%; margin-bottom:5px;} .pg .pg_buttonwrap li {display:table-cell; float:none;} .pg .pg_buttonwrap .pg_page {float:none !important;} .pg .pg_buttonwrap .pg_page.pg_start {position:relative;} .pg .pg_buttonwrap .pg_page.pg_prev {position:relative;margin-left:0;} .pg .pg_buttonwrap .pg_page.pg_next {position:relative; margin-right:0;} .pg .pg_buttonwrap .pg_page.pg_end {position:relative;} .pg .pg_buttonwrap .pg_page i {left:50%; top:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px;} .pg .pg_number {display:table; table-layout:fixed; width:100%;} .pg .pg_number li {display:table-cell; float:none;} .pg .pg_number a {margin:0;} .pg .pg_num {border:1px solid #e1e0e0; width:100%; height:40px; line-height:40px; font-size:15px;} .pw_list .pwl_info span {font-size:13px; line-height:25px;} .board_works .item .flex p {font-size:13px; line-height:25px;} #footer .f_insta a {width:22px; height:22px; background-size:22px auto;} .nav_2btn {right:0;} .nav_3btn:before {right:3px;} .motion .deco {height:60px;} @keyframes motion { 0% {top:0;} 100% {top:30px;} } .pw_list ul li.more a {padding:30px;} .pw_list ul li.more a:before {right:30px; bottom:30px;} .pw_list ul li.more a:after {bottom:42px; right:30px;} .main .m_hero .mh_txt .w_fix {width:530px;} } @media all and (max-width:600px) { /* .main .m_hero {min-height:730px;} */ .main .m_hero .mh_txt .txt {font-size:13px; line-height:25px;} .main .m_hero .mh_txt .txt.big {font-size:28px; line-height:38px;} .main .m_hero .mh_txt .txt.middle {font-size:18px; line-height:30px;} .motion {display:none !important;} /* .main .m_hero .mh_txt {min-height:730px;} */ .main .m_hero .mh_pic {/* min-height:730px; */ padding:80px 0; background-position:right top;} .main .m_hero .mh_pic .mhp_img {width:165px; height:220px; top:50%; left:50%; margin-left:-82.5px; margin-top:-85px; opacity:0;} .main .m_hero .mh_pic .wrap {min-height:730px; height:100%;} .main .m_hero .mhi_tit {position:absolute; left:30px; top:90px; z-index:11;} .main .m_hero .mhi_tit .mt30 {margin-top:10px; font-size:15px; line-height:25px;} .main .m_hero .mhi_tit .txt.large {font-size:20px; line-height:30px;} .main .m_hero .mhi_txt {position:absolute; left:30px; bottom:50px; z-index:11;} .main .m_hero .mhi_txt .bold {font-size:15px; line-height:25px;} .main .m_hero .mhi_txt .mt10 {margin-top:0; font-weight:300;} /* .main .m_product .mp_area .mpa_list li {width:100%; padding:20px;} */ .main .m_product .mp_area .mpa_list li .tit br {display:none;} .org .o_bg .ob_list p span {font-size:13px;} .org .o_bg .ob_list ul {gap:10px;} .org .o_bg .ob_list:after {width:240px;} .contact .c_txt {font-size:18px; line-height:28px;} .org .o_bg .ob_list br {display:block;} .org .o_bg .ob_list {padding-top:40px;} .org .o_bg .ob_list:before {height:40px;} .org .o_bg .ob_list:after {top:40px;} .org .o_bg .ob_list li {padding-top:40px;} .org .o_bg .ob_list li:before {height:30px;} .nav_all {margin-top:30px;} .pw_list ul li.more a:before {right:20px;} .pw_list ul li.more a:after {right:20px;} .pw_list ul li.more a {padding:15px;} .pw_list ul li.more p {font-size:13px; line-height:25px;} .main .m_hero .mh_txt .w_fix {width:100%;} } @media all and (max-width:425px) { .sub .s_top .st_nav {display:none;} .pw_list ul li {flex-basis:100%;} #footer .f_info .fi_list li {margin-right:0; font-size:13px;} .na_sub > ul > li > a {font-size:16px;} .board_works > li {flex-basis:100%;} .pw_list ul li.more {height:140px !important;} /* 컨택트 팝업 */ .contact_popup .cp_body form .form_group.t2 {width:100%;} .contact_popup .cp_body form .email_input {flex-wrap:wrap; column-gap:16px;} .contact_popup .cp_body form .email_input input {width:calc(50% - 8px);} .contact_popup .cp_body form .email_input #email_domain {margin-left:0;} .contact_popup .cp_body form .email_input select {width:100%; margin-top:0;} .contact_popup .cp_body form .email_input i {bottom:40px; left:calc(50% - 7px);} } @media all and (max-width:382px) { .nav_3btn.t1 {top:10px;} .contact .c_icon {width:60px; height:60px;} .contact .c_icon + div {width:calc(100% - 80px);} .contact .ci_txt {font-size:16px;} }