@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css); 

/* CSS Document */

/************************************* setting *************************************/
*{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff; word-break:keep-all;}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1.5;font-family:'Pretendard',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:#000}  
a {color:#000;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} 
img{max-width:100%}

  

/************************************* layout *************************************/ 
body {padding-top:80px;}
.inner1240{width: 90%; max-width: 1240px; margin: 0 auto;}
.pc_br{display: block;}
.mb_br{display: none;}


/************************************* header *************************************/   
header {position:fixed; top:0; left:0;   z-index:100; width:100%; display: flex; justify-content: center; z-index: 99999; transition: all ease .3s; border-bottom:1px solid #e5e5e5; background:#fff; overflow:hidden; height:80px;}
header:after{content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; top:80px; left:0; z-index:-1;}  
header .gnb > ul > li{position:relative; width:100%; max-width:160px; transition:all ease .3s; }
header .gnb > ul > li > a{display:block; color:#111; font-weight:500; font-size:18px;padding:0 15px;   height: 80px; line-height:1.2; display:flex; align-items:center; justify-content:center; position:relative; text-align:center;}
header .gnb > ul > li > a::after{content:''; width:0; height:2px; background:#e11c2e; position:absolute; left:50%; bottom:-2px; z-index:2; transition:all ease .3s;}
header .gnb > ul > li:hover > a{color:#e11c2e;}
header .gnb > ul > li:hover > a:after{width:100%; left:0; }
header .logo{width:88px; height:62px; display:block;background-image:url('/images/logo.svg'); background-repeat:no-repeat; background-position: center left; margin-top:20px; position:absolute; left:5% ; top:-10px;} 
header .header_inner {width:90%; max-width:1720px;  display:flex; justify-content: space-between; align-items:flex-start; }
header .gnb > ul {display:flex;}
header .lan {margin-top: 28px; }
header .lan .lan_btn{display:flex; align-items:center;  color:#111; }
header .lan .lan_btn a {margin:0 10px;  color:#111; font-size:16px; } 
header .gnb_m{display:none;} 
header .gnb_m_bar{width:30px; height:30px; position:absolute; right:5%; top:22px;display:none; }
header .gnb_m_bar span{width:100%; height:2px; background:#000; display:block; margin:5px 0;  transition:all ease .6s;} 
header .gnb_depth2{ width:160px;  transition:all ease .3s;    padding: 20px 10px ;  opacity:0; border-right: 1px solid #e5e5e5; height:100%;}
header .gnb > ul > li:last-of-type .gnb_depth2{border-right:0;}
header .gnb_depth2.on{opacity:1;}
header .gnb_depth2 > ul{ text-align:center;}
header .gnb_depth2 > ul > li{ }
header .gnb_depth2 > ul > li > a{  font-size:16px;  padding:7px 5px; display: block; transition:all ease .3s}
header .gnb_depth2 > ul > li > a:hover{color:#000;text-decoration:underline; text-underline-position: under; }
header .gnb_depth2 > ul > li > a.on{color:#e11c2e; }   
header .dep_ic1{width:50px; height:50px; position:absolute; z-index:2; right:0; top:0; background:url('/images/ic_gnb_down.png') no-repeat center center ; cursor:pointer;  display:none } 



 
 

/************************************* footer *************************************/
footer{ background-color: #1b1b1b;padding:40px 0;}
.footer_wrap{display: flex;justify-content: space-between;color: #999999; }
footer .img_box{margin-bottom: 30px; width:86px}
 footer .img_box img{width:100%; height:auto;}
footer .right_box .text_box{display: flex;flex-direction: column;}
footer .right_box .text_box strong{font-size: 24px;color: #e71e28;}
footer .right_box .text_box span{margin-top: 5px;font-size: 14px;color: #ffffff;}
footer .right_box .text_box p:nth-child(3){line-height: 1.8;margin-top: 20px}
footer .contact_box{width: 75px; position: fixed;right: 20px;bottom: 155px;display: flex;flex-direction: column;align-items: flex-end;z-index: 2;} 
footer .contact_box .contact_icon{width: 75px; height: 75px;display: flex;justify-content: center;align-items: center;background-color: #e11c2e;border-radius: 50%; cursor:pointer;} 
footer .contact_box .contact_icon a{font-weight:bold;color:white} 
footer .call_box{width: 75px; position: fixed;right: 20px;bottom: 20px;display: flex;flex-direction: column;align-items: flex-end;z-index: 2;} 
footer .call_box .call_icon{width: 75px; height: 75px; display: flex;justify-content: center;align-items: center;background-color: #e11c2e;border-radius: 50%; cursor:pointer;} 
footer .call_box .call_num{width:220px;margin-top:10px; font-weight: 800; border: 1px solid #000;border-radius:10px; background-color: #fff; padding: 10px; text-align:center; transform:translateX(100%); opacity:0; transition:all ease .6s;}
footer .call_box .call_num span{ color: #E22233;margin-right: 10px;} 
footer .call_box:hover .call_num{transform:translateX(0); opacity:1;}
footer #top_btn{position:fixed; bottom:235px; right:20px; width:75px; height:75px; border-radius:50%; background:#a5a5a5; color:#fff; line-height:75px; text-align:center; border:none; font-size:30px; display:none;}


   

@media screen and (max-width:1300px){ 
	body, th, td, input, select, textarea, button{font-size:14px;}
	body{padding-top: 70px;}
    header .header_inner{width: 95%;}
    header .gnb_m_bar{right: 5%;}
	header .gnb_m_bar{display:block;}
	header .scr-none{overflow-y:hidden;} 
	header{height:70px; min-height:70px;}
	header .logo{top:-15px;    width: 70px; background-size: 100%;}
	header .lan{margin-right:50px; margin-top:24px }  
	header .lan .lan_btn{  margin-right:20px; }
	header .gnb{position:fixed;  top:0; right:-100%; width:100%;  padding-top:80px; max-width:400px; height:100%; background:#fff; left:auto; transform:none;  overflow-y:auto; transition:all ease .6s;} 
	header.mobile .gnb{right:0; }  
	header.mobile .gnb_m_bar{position:fixed; z-index:9;  top:30px}
	header.mobile .gnb_m_bar span{ background:#000; transform:rotate(45deg); margin:-2px 0;} 
	header.mobile .gnb_m_bar span:last-child{ transform:rotate(-45deg)}
	header.mobile .gnb_m_bar span:nth-child(2){opacity:0;}
	header .gnb > ul{ flex-wrap:wrap; margin:0 15% 0 5%;}
	header .gnb > ul > li{width:100%;  max-width:100%; border-bottom:1px solid #e8e8e8; transition:none; padding:0 5px}
	header .gnb > ul > li > a{height:50px; line-height:50px; text-align:left; padding:0 50px 0 0; font-size:16px; color:#000; justify-content:start} 
	header .gnb .gnb_depth2{display:none; width:100%; padding:0;  height:auto; border-right:none; opacity:1; transition:none;}
	header .gnb .gnb_depth2 > ul{padding:0 0 20px; text-align:left;}
	header .gnb .gnb_depth2 > ul > li > a{    display: block; padding:5px 25px 5px 7px; font-size:15px}  
	header .gnb > ul > li > a:after{display:none;}
	header .gnb > ul > li:hover > a:after{width:100%; left:0;}
	header .dep_ic1{display:block; right:0;     width: 100%;   background-position: center right 10px;}  
	header .gnb_m{display:block;}  
	header.mobile .gnb > ul{margin:0 10%;}
}
@media screen and (max-width:768px){ 
	/************************************* footer *************************************/ 
	footer #top_btn{width: 40px; height: 40px; line-height: 40px; font-size:20px;   right: 5%;  bottom: 150px;}
    footer .contact_box{right: 5%;bottom:105px;}
    footer .contact_box .contact_icon{width: 40px; height: 40px;font-size: 11px;font-weight:bold;color:white}
    footer .call_box{right: 5%;bottom:10px;}
    footer .call_box .call_icon{width: 40px; height: 40px;}
	footer .call_box .call_icon img{width:20px;}
    footer .call_box .call_num{width: 200px; font-size: 14px;}
	footer{padding:20px 0 40px;}
    footer .left_box .text_box p{font-size: 14px;}
    footer .right_box .text_box strong{font-size: 14px;}
    footer .right_box .text_box span{font-size: 14px;}
    footer .right_box .text_box p{font-size: 14px;}
    .footer_wrap{flex-direction: column;} 
	
}
@media screen and (max-width:480px){ 
	header.mobile .gnb > ul{margin:0 7%;} 
	/************************************* layout *************************************/ 
	.pc_br{display: none;}
	.m_br{display: block;}
}