@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');
/*
font-family: 'Cairo', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
*/
* {margin:0; padding:0; outline:none !important; }
html {
font-size:0;
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}
h1,h2,h3,h4,h5,h6,p,a,button,span,strong,li,td,th,div,textarea{ line-height:1; font-family: 'Titillium Web','Noto Sans KR', sans-serif; color:#151515; }
button {outline:none; background:none; border:0; cursor:pointer; }
ol, ul {list-style: none;}
a {color:#000; text-decoration:none; transition:all .3s;}
table{border-collapse:collapse;}

/* header */
header { height:100px; background:#fff; position:relative; text-align:center; }
header h1 { vertical-align: top; padding-top:25px; position:absolute; left:90px; }
.gnb { display:inline-block; height:100%; }
.gnb.on:after { content:""; position:absolute; background:#f9f9f9; height:310px; top:100px; left:0; right:0; border-top:1px solid #ededed; z-index:1; }
.gnb_1dep { height:100%; }
.gnb_1dep > li { display:inline-block; padding:0 70px; height:100%; position:relative; }
.gnb_1dep > li:hover > a {border-color:#c42122; }
.gnb_1dep > li > a { font-size: 20px; line-height:97px; height:97px; display:block; border-bottom:3px solid transparent; }

header .lang { padding-right:50px; position:absolute; top:0; right:100px; }
header .lang li { display:inline-block; }
header .lang li+li:before { content:""; display:inline-block; width:1px; height:11px; background:#dadada; margin:0 12px; }
header .lang li.on a{color:#c42122;}
header .lang a { font-size:17px; line-height:100px; }

header .ham { width:100px; height:100%; background:#c42122; text-align:right; font-size:0; position:absolute; top:0; right:0; }
header .ham > span {width:25px; height:21px; display:block; margin:0 auto; }
header .ham span span { display:inline-block; background:#fff; border-radius:2px; height:3px; }
header .ham span.ham1 { width:25px; }
header .ham span.ham2 { width:20px; margin:6px 0; }
header .ham span.ham3 { width:15px; }

.gnb_2dep { position:absolute; top:100px; left:70px; width:100%; height:0; transition-duration:.3s; text-align:left; overflow:hidden; }
.gnb_2dep.active { z-index:2; height:auto; }
.gnb_2dep ul { box-sizing:border-box; padding-top:40px; }
.gnb_2dep li { position:relative; padding-bottom:20px; padding-left:10px; }
.gnb_2dep li:last-child { padding-bottom:0; }
.gnb_2dep li:before { content:""; width:3px; height:3px; background:#c42122; position:absolute; top:8px; left:0; }
.gnb_2dep li a { color:#111; font-size:17px; letter-spacing:-0.15px; line-height:17px; font-weight:bold; }
.gnb_2dep li a:hover { color:#c42122; }

ul.gnb_3dep {  padding-left:0; padding-top:0; }
.gnb_3dep li { padding-bottom:0; padding-top:25px; padding-left:0; }
.gnb_3dep li:before { content:none; }
.gnb_3dep li a { color:#454545; font-size:16px; font-weight:600; }

.site_map_wrap { display:none; }
.site_map_wrap.on { display:block; background:rgba(0,0,0,.5); position:fixed; left:0; right:0; top:0; bottom:0; z-index:6; }
.site_map_box { position:fixed; top:0; right:0; bottom:0; background:#d32829; width:640px; }
.site_map_box >div { padding:40px; text-align:right; }
.site_map_box .lang { padding-right:35px; display:inline-block; position:static; }
.site_map_box .lang li+li:before { background-color:#ff9e9f; }
.site_map_box .lang a { line-height:25px; color:#ff9e9f; }
.site_map_box .lang a.on { color:#fff; }
.site_close { text-indent:-9999px; background:url(../images/site_close.png)left top no-repeat; width:25px; height:25px; }

.site_map { text-align:left; padding-top:70px; }
.site_map a { font-size:24px; font-weight:bold; color:#fff; display:block; padding-left:20px; line-height:77px; }
.site_map_1dep > li { }
.site_map_1dep > li > a { border-bottom:1px solid rgba(240,183,184,.2); position:relative; }
.site_map_1dep > li > a span { display:inline-block; width:19px; height:1px; background:#fff; position:absolute; top:50%; right:20px; }
.site_map_1dep > li > a span:after { content:""; position:absolute; width:19px; height:1px; top:0; left:0; background:#fff; transform:rotate(-90deg); transition:all .3s; }
.site_map_1dep > li > a.on span:after { background-color:transparent; transform:rotate(0deg); }

.site_map_2dep { display:none; }
.site_map_2dep ul { padding-left:20px; border-bottom: 1px solid rgba(240,183,184,.2); padding-bottom:15px; }
.site_map_2dep li { padding-top:15px; }
.site_map_2dep a { font-size:16px; color:#fff; font-weight:400; line-height:1; border-bottom:0; padding-left:0; padding-bottom:0; position:relative; padding-left:10px; }
.site_map_2dep a:before { content:""; position:absolute; width:2px; height:2px; border-radius:50%; background:#fff; left:0; top:7px; }
.site_map_2dep a:hover { color:#ff9e9f; }

/* visual */
.main_visual { position:relative; }
/*.main_visual .visual_bg { height:840px; }*/
.main_visual .visual_bg .visual { height:840px; }
.main_visual h2 { font-size:90px; font-weight:900; letter-spacing:.3px; color:#fff; opacity:0; transform:translateY(-100px); }
.main_visual strong { font-size:48px; font-weight:bold; color:#fff; display:block; opacity:0; transform:translateY(-100px); }
.main_visual .slick-dots { position:absolute; left:0; right:0; top:400px; max-width:1720px; margin:0 auto; }
.main_visual .slick-dots li { display:inline-block; margin:0 8px; height:100%; }
.main_visual .slick-dots button { text-indent:-9999px; background:#fff; width:8px; height:8px; border-radius:50%; vertical-align:middle; }
.main_visual .slick-dots li.slick-active {}
.main_visual .slick-dots li.slick-active button { background:transparent; width:14px; height:14px; border:2px solid #fff; }
.main_visual .scroll_icon { cursor:pointer; width:50px; margin:0 auto; background:url(../images/scroll_icon.png)center top no-repeat; position:absolute; bottom:40px; left:50%; font-size:15px; color:#fffefe; text-align:center; padding-top:40px; animation:scroll_icon 1s linear infinite alternate; margin-left:-25px; }
@keyframes scroll_icon {
    to { transform:translateY(10px); }
}
@keyframes scrollAni {
    to { transform:translateY(0); opacity:1; }
}
.scrollAni { animation:scrollAni .8s forwards; }

.visual_txt { max-width:1720px; margin:0 auto; padding-top:466px; }
.visual_txt br { display:none; }

/* sec01 */
.sec_01 {padding-top:150px; padding-bottom:150px; background:url(../images/main_sec01_bg.png) right -128px top no-repeat #f5f5f5; background-attachment:fixed; }
.main_title { font-size:45px; text-align:center; }
.main_title .c_c42122 { color:#c42122; }
.main_p { text-align:center; font-size:22px; line-height:30px; padding-top: 25px; padding-bottom: 45px; }
.main_pro_slider {position:relative; }
.main_pro_slider .main_pro_slider_item {width:960px; /*height:742px;*/ margin:0 25px; }
.main_pro_slider .main_pro_slider_item img { transition: all .3s; }
.main_pro_slider .main_pro_slider_item:hover img { transform:scale(1.03); }
.main_pro_slider .main_pro_slider_item a {display:block; }
.main_pro_slider .main_pro_slider_item a span { overflow:hidden; display:block; }
.main_pro_slider .main_pro_slider_item a span img { margin:0 auto; width:100%; }
.main_pro_slider .main_pro_slider_item.slick-slide {opacity:.5;}
.main_pro_slider .main_pro_slider_item.slick-active {opacity:1;}
.main_pro_slider .main_pro_slider_item .text_box { padding:38px; background:#fff; min-height:306px; box-sizing:border-box; }
.main_pro_slider .main_pro_slider_item .text_box h3 { font-size:27px; text-align:center; padding-bottom:20px; }
.main_pro_slider .main_pro_slider_item .text_box p { font-size:18px; line-height:28px; word-break:keep-all; text-align:center; padding-bottom:15px; }
.main_pro_slider .main_pro_slider_item .text_box p:last-child { padding-bottom:0; }
.main_pro_slider .slick-arrow {position:absolute; top:238px; left:50%; width:75px; height:75px; text-indent:-9999px; background:url(../images/main_arrow_left.png)center center no-repeat #de1112; z-index:5;}
.main_pro_slider .slick-arrow.slick-prev { margin-left:-555px;}
.main_pro_slider .slick-arrow.slick-next { margin-left:480px; background-image:url(../images/main_arrow_right.png); }

/* sec02 */
.sec_02 { height:350px; }
.sec_02>div {display:inline-block;vertical-align:top; width:50%; height:100%; background:url(../images/main_over_bg.jpg)left top no-repeat; background-size:cover; }
.sec_02 .overview { text-align:right; }
.sec_02 .contact_us { background-image:url(../images/main_cont_bg.jpg)}
.sec_02>div>div {display:inline-block; }
.sec_02 div.overview_box { text-align:left; width:600px; padding-top:100px; }
.sec_02 h4 { color:#fff; font-size:35px; position:relative; padding-left:26px; }
.sec_02 h4:before { content:""; position:absolute; width:5px; height:20px; background:#c42122; transform:skewX(30deg); left:6px; }
.sec_02 .contact_us h4:before {background-color:#fff; }
.sec_02 div.contact_us_box { width:600px; padding-top:100px; padding-left:75px; box-sizing:border-box; }
.sec_02 p { color:#fff; font-size:18px;line-height:27px;padding-top:26px; padding-bottom: 62px; letter-spacing:-0.2px; }
.sec_02 a { font-size:18px; color:#fff; }
.sec_02 a:hover span {transform:translateX(5px)}
.sec_02 a span { background:url(../images/main_detail_V.png)right top no-repeat; width:16px; height:12px; display:inline-block; padding-left:18px; transition: all .3s;}
.sec_02 div.contact_us_box p {padding-bottom:24px; }
.sec_02 div.contact_us_box li { font-size:18px; color:#fff; }
.sec_02 div.contact_us_box li:last-child {padding-top:10px;}
.sec_02 div.contact_us_box li:before {content:""; display:inline-block; background:url(../images/main_contact_icon1.png)left top no-repeat; width:18px; height:18px; vertical-align:middle; padding-right:10px; }
.sec_02 div.contact_us_box li:last-child:before {background-image:url(../images/main_contact_icon2.png) }

/* sec03 */
.sec_03 { padding-top:150px; padding-bottom:150px; background:url(../images/main_service_icon.jpg)center top 95px no-repeat; }
.sec_03 .service { max-width:1200px; margin:0 auto; }
.sec_03 .service li {display:inline-block; width:25%; height:130px; box-sizing:border-box; position:relative; transform:translateY(-50px); opacity:0; }
.sec_03 .service li+li:before {content:""; width:1px; height:110px; background:#ddd; position:absolute; top:10px; }
.sec_03 .service li a { display:block; padding-top: 110px; font-size:18px; font-weight:bold; text-align:center; background:url(../images/main_service_icon1.png)center top no-repeat; }
.sec_03 .service li:nth-child(2) a {background-image:url(../images/main_service_icon2.png); }
.sec_03 .service li:nth-child(3) a {background-image:url(../images/main_service_icon3-1.png); }
.sec_03 .service li:nth-child(4) a {background-image:url(../images/main_service_icon4.png); }
.sec_03 .service li:hover a { transform:translateY(-10px); }
.sec_03 .service li.n2 { animation-delay:.2s; }
.sec_03 .service li.n3 { animation-delay:.3s; }
.sec_03 .service li.n4 { animation-delay:.4s; }
.sec_03 .service li.n5 { animation-delay:.5s; }
@keyframes contDown {
    to { transform:translateY(0); opacity:1; }
}
.contDown { animation:contDown .7s linear forwards; }

/* footer */
footer { background:#252525; height:195px; }
.footer { max-width:570px; margin:0 auto; position:relative; font-size:14px; }
.footer img { position:absolute; left:-290px; top:75px;}
.footer_text {padding-top: 45px;}
.footer span.hy { color:#fff; line-height:27px; }
.footer address { color:#9f9f9f; line-height:27px; font-style: normal; }
.footer li { display:inline-block; color:#9f9f9f; line-height:27px; }
.footer li+li:before { content:""; display:inline-block; width:1px; height:12px; background:#9f9f9f; margin:0 7px; }
.footer span.copy { color:#9f9f9f; line-height:27px;}

.scroll_top { width:60px; height:60px; background:url(../images/scroll_top.png)center center no-repeat #c42122; text-indent:-9999px; position:fixed; bottom:20px; right:20px; opacity:0; transition:all .5s; z-index:5; }
.scroll_top.on { opacity:1; }

@media screen and (max-width:1800px){
.visual_txt { padding-left:60px; }
.main_visual .slick-dots { padding-left:60px; }
}
@media screen and (max-width:1600px){
header { text-align:left; }
header h1 {padding-top:25px; position:static; display:inline-block; padding-left:24px; }
.gnb { display:none; }
}
@media screen and (max-width:1350px){
footer { height:auto; }
.footer { max-width:100%; text-align:center; padding-top:50px; }
.footer img { position:static; }
.footer_text { padding-top:24px; padding-bottom:45px; }
}
@media screen and (max-width:1280px){
.sec_02 .overview { text-align:left; }
.sec_02 div.overview_box { width:auto; padding-left:24px; }
.sec_02 div.contact_us_box { width:auto; padding-left:24px; }
}
@media screen and (max-width:1200px){
.main_pro_slider .slick-arrow { left:0; }
.main_pro_slider .slick-arrow.slick-prev { margin-left:0; }
.main_pro_slider .slick-arrow.slick-next { margin-left:0; left:auto; right:0; }
.main_pro_slider .main_pro_slider_item { margin:0 24px; }
.text_box br { display:none; }
}
@media screen and (max-width:1024px){
.main_visual .visual_bg .visual { height:640px; }
.visual_txt { padding-top:350px; }
.visual_txt br { display:block; }
.main_visual .slick-dots { top:280px; }
.main_visual h2 { font-size:72px; line-height: 68px; }
.main_visual strong { font-size:32px; padding-top:30px; }
.sec_01 { padding-top:80px; }
.main_title { font-size:40px; }
}
@media screen and (max-width:940px){
.sec_02 { height:auto; }
.sec_02>div { display:block; width:100%; }
.sec_02 div.overview_box { padding-top:70px; padding-bottom:70px; }
.sec_02 div.contact_us_box { padding-top:70px; padding-bottom:70px; }
.sec_02>div>div { display:block; }
.sec_02 p { padding-bottom:55px; padding-top:20px; }
}
@media screen and (max-width:640px){
header { height:50px; }
header h1 { padding-top:10px; padding-left:12px; width:107px; }
header h1 img { width:100%; }
header .lang { padding-right:20px; right:50px; }
header .lang a { line-height:50px; font-size:12px; }
header .ham { width:50px; }
header .ham > span { width:15px; height:15px; }
header .ham span span { height:2px; }
header .ham span.ham1 { width:15px; }
header .ham span.ham2 { width:12px; margin:3px 0; }
header .ham span.ham3 { width:9px; }

.site_map_box { width:100%; }
.site_map a { font-size:18px; line-height:40px; }
.site_map_2dep a { font-size:12px; padding-left:6px; line-height:1; }
.site_close { background-image:url(../images/site_close_m.png)left top no-repeat; background-size:20px; width:20px; height:20px; }

.main_visual .visual_bg .visual { height:320px; }
.main_visual .slick-dots { top:140px; padding-left:30px; }
.visual_txt { padding-top:175px; padding-left:30px; }
.main_visual h2 { font-size:36px; line-height:34px; }
.main_visual strong { font-size:16px; padding-top:15px; }
.main_visual .slick-dots button { width:6px; height:6px; }
.main_visual .slick-dots li.slick-active button { width:11px; height:11px; border-width:1px; }

.sec_01 { padding-top:40px; padding-bottom:40px; background-image:none; }
.main_title { font-size:24px; }
.main_p { font-size:14px; line-height: 20px; padding-top:18px; padding-bottom:34px; }
.main_pro_slider .slick-arrow { width:36px; height:36px; top:67px; background-image:url(../images/main_arrow_left_m.png); }
.main_pro_slider .slick-arrow.slick-next { background-image:url(../images/main_arrow_right_m.png); }
.main_pro_slider .main_pro_slider_item a span { height:170px; }
.main_pro_slider .main_pro_slider_item .text_box { min-height:auto; padding:20px; }
.main_pro_slider .main_pro_slider_item .text_box h3 { font-size:18px; }
.main_pro_slider .main_pro_slider_item .text_box p { font-size:14px; line-height:22px; font-weight:350; }

.sec_02 div.overview_box { padding-left:24px; padding-top:40px; padding-bottom:40px; }
.sec_02 h4 { font-size:20px; padding-left:12px; }
.sec_02 h4:before { width:2px; height:10px; left:3px; }
.sec_02 p { font-size:14px; line-height:20px; padding-bottom:26px; padding-top:12px; }
.sec_02 a { font-size:14px; }
.sec_02 a span { background-image:url(../images/main_detail_V_m.png); background-size:13px; width:13px; height:10px; padding-left:8px; }
.sec_02 div.contact_us_box { padding-left:24px; padding-top:40px; padding-bottom:40px; }
.sec_02 div.contact_us_box p { padding-bottom:16px; }
.sec_02 div.contact_us_box li { font-size:14px; }
.sec_02 div.contact_us_box li:last-child { padding-top:6px; }
.sec_02 div.contact_us_box li:before { width:12px; height:12px; padding-right:6px; background-image:url(../images/main_contact_icon1_m.png); background-size:12px; }
.sec_02 div.contact_us_box li:last-child:before { background-image:url(../images/main_contact_icon2_m.png); }

.sec_03 { padding-top:65px; padding-bottom:20px; background-size:106px; background-position:center top 30px; }
.sec_03 .service { padding:0 24px; }
.sec_03 .service li { width:50%; height:125px; }
.sec_03 .service li+li:before { content:none; }
.sec_03 .service li a { background-image:url(../images/main_service_icon1_m.png); background-position:center top 30px; font-size:12px; padding-top:84px; background-size:42px; }
.sec_03 .service li:nth-child(2) a { background-image:url(../images/main_service_icon2_m.png); }
.sec_03 .service li:nth-child(3) a { background-image:url(../images/main_service_icon3-1_m.png); }
.sec_03 .service li:nth-child(4) a { background-image:url(../images/main_service_icon4_m.png); }
.sec_03 .service li:first-child { border-bottom:1px solid #ddd; }
.sec_03 .service li:nth-child(2) { border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.sec_03 .service li:last-child { border-left:1px solid #ddd; }
.sec_03 .service li.n2 { animation-delay:0s; }
.sec_03 .service li.n3 { animation-delay:0s; }
.sec_03 .service li.n4 { animation-delay:0s; }

.footer { padding-top:25px; font-size:12px; }
.footer img { width:107px; }
.footer_text { padding-top:12px; padding-bottom:22px; padding-left:20px; padding-right:20px; }
.footer li {line-height:1; }
.footer span.hy { line-height:22px; }
.footer address { line-height:22px; }

.scroll_top { width:30px; height:30px; background-image:url(../images/scroll_top_m.png); background-size:10px; }
}