input{font-family:'Pretendard', '돋움', 'dotum', sans-serif; }
option{font-family: 'Pretendard', sans-serif;font-size:16px;}
textarea{font-family: 'Pretendard', sans-serif;font-size:16px;}
a,a:hover, a:visited, a:active, a:link {text-decoration: none; color: rgba(0,0,0,0.4); outline:none;}
html,body{position:relative;width:100%;height:100%;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
input[type=tel]::-ms-clear {display:none;}
button {outline:none; border:none; cursor:pointer; text-indent:-99999px;}
html, body{font-size:10px;background:#f9f9f9; width:100%;height:100%;}
p{color:#fff;}
.wrap{position: relative;max-width: 1920px; min-width:1200px; margin: 0px auto; }
.wrap .main_content { padding-top: 102px; width : 100%;}
/*common*/
* {box-sizing:border-box;}
/*img {width:100%; height:auto;}*/
.slick-slide {outline: none;}
.slick-active {outline: none;}
/*section*/
.section{width: 100%; position: relative;}
.section_inner{width: 1200px; margin: auto;}
.section_inner.sty1{width: 1670px; margin: auto;}
.btn_wrap img { transition: transform 0.3s ease; }
.btn_wrap img:hover { transform: scale(1.05); }

/*gnb*/
header{position: fixed; top: 0; left: 50%; width:1920px;height:104px; overflow: hidden; z-index: 99; transform: translateX(-50%);}
header .gnb_wrap{display: flex; justify-content: space-between; width: 100%; height: 104px; margin: auto;  background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
header .gnb_wrap .logo{padding-top:20px;margin-left:50px;}
header .gnb_wrap .logo a{}
header .gnb_wrap .gnb{display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 10px;}
header .gnb_wrap .gnb li{width: 200px; height: 100%;font-size: 25px; font-weight:900; rgba(0,0,0,0.4);}
header .gnb_wrap .gnb .menu1 a div { background: url(../../images/pc/menu/menu1.png) center center no-repeat; width: 100%; height: 100%; transition: all .5s;}
header .gnb_wrap .gnb .menu1 a div.on { background: url(../../images/pc/menu/menu1_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu1 a div:hover { background: url(../../images/pc/menu/menu1_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu2 a div { background: url(../../images/pc/menu/menu2.png) center center no-repeat; width: 100%; height: 100%;transition: all .5s;}
header .gnb_wrap .gnb .menu2 a div.on { background: url(../../images/pc/menu/menu2_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu2 a div:hover { background: url(../../images/pc/menu/menu2_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu3 { width: 140px; }
header .gnb_wrap .gnb .menu3 a div { background: url(../../images/pc/menu/menu3.png) center center no-repeat; width: 100%; height: 100%;transition: all .5s;}
header .gnb_wrap .gnb .menu3 a div.on { background: url(../../images/pc/menu/menu3_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu3 a div:hover { background: url(../../images/pc/menu/menu3_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu4 a div { background: url(../../images/pc/menu/menu4.png) center center no-repeat; width: 100%; height: 100%;transition: all .5s;}
header .gnb_wrap .gnb .menu4 a div.on { background: url(../../images/pc/menu/menu4_on.png) center center no-repeat;}
header .gnb_wrap .gnb .menu4 a div:hover { background: url(../../images/pc/menu/menu4_on.png) center center no-repeat;}

header .gnb_wrap .btn_ch_wrap{display: flex; align-items: center; min-width: 291px; margin-right: 30px;}
header .gnb_wrap .btn_ch_wrap .btn_ch2{padding-left: 7px;}
header .gnb_wrap .btn_ch_wrap img { transition: transform .3s ease; }
header .gnb_wrap .btn_ch_wrap img:hover { transform: scale(1.05); }

/*footer*/
footer{ background-color: #21242b; padding: 45px 0; }
footer .footer_inner{ width: 1200px; margin: auto; }
.footer { margin: 0px auto; border-right: 1px solid #353535; }
