@charset "utf-8";
*{margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -0.025em; word-break: keep-all;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #4c7a93;
   color: #fff;
}
::selection {
   background: #4c7a93;
   color: #fff;
}
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
p {line-height: 1.5em; font-size: 14px; font-weight: 500;}
a{text-decoration:none; color: #333;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
img {vertical-align: top; max-width: 100%; height: auto;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; font-family: 'Noto Sans KR', serif; color: #333;}
.sub_wrap table {border-collapse: collapse; border: 1px solid #ddd; width: 100%;}
.sub_wrap table thead {background: #f2f2f2; font-size: 20px;}
.sub_wrap table td,
.sub_wrap table th {padding: 8px; font-size: 12px; text-align: center;}
.sub_wrap table th {background: #f2f2f2;}
.sub_wrap table td {text-align: left;}
.sub_wrap table td small {display: block; font-size: 13px;}
.inner {width: 1400px; margin: 0 auto;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mont {font-family: 'Montserrat', sans-serif;}
.bas {font-family: 'Libre Baskerville', serif;}
.serif,strong.serif, b.serif {font-family: 'Gosanja', serif; font-weight: 100;}
.title, strong.title, b.title {font-family: 'RixYeoljeongdo_Regular'; font-weight: 100;}
.old, strong.old, b.old {font-family: 'kdg_Medium';}
.star, strong.star, b.star {font-family: 'RixYeoljeongdo_Regular'; font-weight: 100 !important;}
.ink {font-family: 'InkLipquid';}
.gs {font-family: 'GmarketSans', sans-serif;}
.red {color: #972327;}
.yellow {color: #f5da0b;}
/*********common end***********/
.topbtn {position: fixed; bottom: 10px; right: 10px; display: block; width: 35px; height:35px; background: #972327; z-index: 999; text-align: center; display: none; border-radius: 50%; border: 3px solid  #fff;}
.topbtn:before {position: absolute; content: ''; width:7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: translate(-50%,-50%) rotate(-45deg); position: absolute; top: 50%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn a {display: block; height: 100%; position: relative;}

/*********header***********/
header {height: 60px; background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; transition:.3s; overflow: hidden; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
header .logo_top {float: left; transition: .2s; margin-top: 15px; margin-left: 15px;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 260px;}
header .menu_btn {position: absolute; right: 12px; top: 15px; width: 35px; height: 28px;}
header .menu_btn div {width: 100%; height: 3px; background: #000; position: absolute; transition: .5s;}
header .menu_btn div:nth-of-type(1) {top: 0;}
header .menu_btn div:nth-of-type(2) {top: 50%; transform: translateY(-50%);}
header .menu_btn div:nth-of-type(3) {bottom: 0;}

header .menu {position: fixed; right: -100%; top: 0; height: 100%; width: 65%; background: #fff; padding: 90px 20px 0 20px; border-left: 1px solid #000; transition:.3s; z-index: 9999;}
header .menu.on {right: -1%;}
header .menu div.sidemenu {position: relative; margin-bottom: 15px; border-bottom: 1px solid  #333;}
header .menu div.sidemenu p {font-size: 18px; padding-bottom: 10px; position: relative;}
header .menu div.sidemenu > a {display: block; font-size: 18px; color: #333; padding-bottom: 15px; position: relative;}
header .menu div.sidemenu p:before {position: absolute; content: ''; top: 30%; right: 10px; transform: translateY(-50%) rotate(-45deg); border-left: 2px solid #000; border-bottom: 2px solid #000; width: 7px; height: 7px; transition:.3s;}
header .menu div.sidemenu p.on:before {transform: rotate(135deg);}
header .menu div.sidemenu ul {padding-bottom: 10px; display: none;}
header .menu div.sidemenu ul li {position: relative;}
header .menu div.sidemenu ul li:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 5px; height: 1px; border-radius: 50%; background: #000; left: 5px;}
header .menu div.sidemenu ul li a {display: block; color: #000; font-size: 16px; padding: 5px 0; transition: .3s; padding-left: 15px;}

header .close_btn {position: absolute; right: 0px; top:10px; width: 30px; height: 30px;}
header .close_btn div {position: absolute; width: 3px; height: 100%; background: #000; transition: .3s; transform-origin: center;}
header .close_btn div:nth-child(1) {transform: rotate(45deg); width: 3px; height: 100%;}
header .close_btn div:nth-child(2) {right: -30px;}
header .close_btn div:nth-child(3) {transform: rotate(-45deg); width: 3px; height: 100%;}

.header_call {background: #6e5d55; height: 50px; border-radius: 30px; padding: 10px; margin-top: 20px;}
.header_call h2 {color: #fff; font-size: 26px; height: 100%; display: flex; align-items: center; justify-content: center; line-height: 1em;}
.header_call span {border-radius: 50%; background: #972327; vertical-align: middle; display: inline-block; width: 35px; height: 35px; margin-right: 5px;}
.header_call span img {width: 20px; vertical-align: middle;}

.fixed_btn {position: fixed; right: 10px; bottom: 45px; z-index: 99;}
.fixed_btn a {padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10px; background: #f4f4f4; border-radius: 10px; text-align: center; color: #333; line-height: 1.5em; font-size: 12px; transition: ease-in-out .3s; border: 1px solid  #ddd;}
.fixed_btn a h3 {font-size: 14px;}
.fixed_btn a img {height: 25px; display: inline-block; margin-bottom: 5px;}
.fixed_btn a:nth-of-type(2) {background: #fbf2ed; color: #c05f56; border-color: #dda29c;}
.fixed_btn a:nth-of-type(3) {background: #40b649; color: #fff; border-color: #fff;}
.fixed_btn a:nth-of-type(4) {background: dodgerblue; color: #fff; border-color: dodgerblue;}
.fixed_btn a:hover {transform: translateX(-10px);}

/*********header end***********/

/***************footer***************/
footer {background: #f7f7f7; padding: 20px 10px; margin-top: 30px;}
footer .wrap {display: flex; justify-content: flex-start; align-items: center; padding-bottom: 10px;}
footer .wrap .footer_txt h2 {font-size: 24px; color: #000;}
footer .wrap .footer_txt h2 small {font-size: 12px; color: #666; font-weight: 400; display: block; margin-top: 5px;}
footer .wrap .footer_txt p { color: #666; font-size: 12px; margin-top: 15px;} 
footer .wrap .footer_txt p span {display: inline-block; margin: 0 5px; font-size: 12px;}
footer .wrap .footer_txt p a {display: inline-block; line-height: 8px; border: 1px solid #999; margin: 5px 0; border-radius: 20px; color: #999; font-size: 10px; padding: 5px; transition:.3s;}
footer .wrap .footer_txt p a:hover {background: #666; color: #fff;}
footer .wrap .footer_btn a {color: #666; display: block; font-size: 14px; text-align: right; margin-bottom: 10px;}
footer .wrap .footer_btn a:last-of-type {color: #333; font-weight: 700; margin-bottom: 0;}

footer .copyright {display: block; margin: 0 auto; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; font-size: 10px;}

/**keyframes**/
@keyframes zoom-bg {
	0% {background-size: 100%;}
	100% {background-size: 120%;}
}
/*.main*/
.container {}
.container section {overflow: hidden;}
.container section:not(.main_visual) {padding: 30px 0;}
.more {display: inline-block; padding-bottom: 5px; font-size: 14px; color: #333; position: relative;}
.more:before {position: absolute; content: ''; width: 0%; height: 1px; background: #333; left: 0; bottom: 0; transition: ease-in-out .5s;}
.more:hover:before {width: 100%;}

.main_visual {width: 100%; position: relative; overflow: hidden; margin-top: 60px;}
.main_visual .visual_slide .swiper-slide img {width: 100%;}
.main_visual .video_btn {position: absolute; right: 5%; bottom: 5%; width: 50%; z-index: 99;} 
.main_visual .video_btn img {width: 100%;}

.main_photo .wrap .main_photo_title {text-align: center; margin-bottom: 20px;}
.main_photo .wrap .main_photo_title h2 {font-size: 32px; color: #333; }
.main_photo .wrap .main_photo_title p {margin-bottom: 15px; }
.main_photo .wrap ul.main_photo_gall li {float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; text-align: center;}
.main_photo .wrap ul.main_photo_gall li:nth-of-type(2n) {margin-right: 0;}
.main_photo .wrap ul.main_photo_gall li a.main_photo_img {display: block; height: 150px; position: relative; overflow: hidden;}
.main_photo .wrap ul.main_photo_gall li a.main_photo_img img {min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition:.3s;}
.main_photo .wrap ul.main_photo_gall li a.main_photo_sub p {font-size: 13px; margin-top: 5px;}
.main_photo .wrap ul.main_photo_gall li:hover a.main_photo_img img {transform: translate(-50%,-50%) scale(1.05);}
.main_photo .wrap ul.main_photo_gall li a {color: #333;}

.main_reward {background: #f2f2f2; display: flex; justify-content: center; align-items: center;}
.main_reward img {width: 100%;}

.main_brand {background: #fff;  /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #aaa, #ddd);  /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #aaa, #ddd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.main_brand .wrap {display: flex; align-items: flex-start; flex-direction: column; padding-left: 30px;}
.main_brand .wrap .main_brand_txt {margin-bottom: 25px;}
.main_brand .wrap .main_brand_txt h2 {font-size: 30px; color: #333; font-weight: 500;}
.main_brand .wrap .main_brand_txt a {color: #000; display: inline-block; margin-bottom: 5px; font-size: 40px; font-weight: 700; position: relative;}
.main_brand .wrap .main_brand_txt a span {position: absolute; background: #000; height: 1px; width: 30px; right: -40px; top: 25px; transition: ease-in-out .3s;}
.main_brand .wrap .main_brand_txt a span:before {position: absolute; content: ''; width: 10px; height: 1px; background: #000; right: -2px; bottom: 3px; transform: rotate(45deg); transition: ease-in-out .3s;}
.main_brand .wrap .main_brand_txt a:hover span {right: -60px; background: #972327;}
.main_brand .wrap .main_brand_txt a:hover span:before {background: #972327;}
.main_brand .wrap .main_brand_txt a:hover {color: #972327;}
.main_brand .wrap > img {width: 90%;}

/**************sub common******************/

.sub {font-family: 'Montserrat', 'Noto Sans KR', serif;}
.sub .wrap {}
.sub .sub_wrap {padding: 30px 0;}
.sub .sub_gall {padding: 30px 0;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: cover; height: 180px; text-align: center; color: #fff; position: relative; margin-top: 60px; display: flex; justify-content: center; align-items: center;}
.subtop h1 {font-size: 34px;}
.subtop01 {background-image: url(../../img/subtop01.jpg);}

.sub .sub_title {text-align: center; margin-bottom: 30px;}
.sub .sub_title h1 {font-size: 34px; color: #333; position: relative; padding-bottom: 6px; margin-bottom: 6px;}
.sub .sub_title h1:before {position: absolute; content: ''; width: 50px; height: 1px; background: #666; left: 50%; transform: translateX(-50%); bottom: 0;}

.sub_cont_title {padding-bottom: 20px; text-align: center;}
.sub_cont_title h4 {font-size: 22px; margin-bottom: 5px;}
.sub_cont_title h2 {font-size: 26px; margin: 5px 0;}

/**************sub ******************/
.sub_slide_wrap {position: relative; text-align: center;}
.sub_slide_wrap .sub_slide {text-align: center; width: 100%; position: relative; overflow: hidden; display: inline-block;}
.sub_slide_wrap h2 {position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub_slide_wrap .sub_slide img { width: 95%;}


.sub_about .sub_about01 {background: url(../../img/sub_about01.png) no-repeat center / cover; height: 250px; position: relative;}
.sub_about .sub_about01 .sub_about01_txt {position: absolute; right: 0; bottom: 0; background: #fff; padding: 14px; font-size: 14px;} 
.sub_about .sub_about02 {padding: 30px 0;}
.sub_about .sub_about02 ul {display: flex; justify-content: center; align-items: center; position: relative;}
.sub_about .sub_about02 ul:before {position: absolute; content: ''; border-top: 1px dotted #ddd; left: 50%; transform: translateX(-50%); width: 75%; bottom: 38.5%;}
.sub_about .sub_about02 ul li {text-align: center; margin: 20px 15px;}
.sub_about .sub_about02 ul li span {display: inline-block; border: 1px solid  #ddd; border-radius: 50%; margin-bottom: 35px; position: relative;}
.sub_about .sub_about02 ul li span:before {position: absolute; content: ''; width: 5px; height: 5px; background: #999; border-radius: 50%; left: 50%; transform: translateX(-50%); bottom: -25px;}
.sub_about .sub_about02 ul li span img {vertical-align: middle;}
.sub_about .sub_about02 ul li p small {display: block; font-size: 12px; color: #666;}
.sub_about .sub_about02 ul li p {display: block; font-size: 15px;}

.sub_about .sub_about03 .sub_slide_txt {padding: 5px 10px; display: flex; justify-content: space-between; align-items: start; margin-bottom: 30px;}
.sub_about .sub_about03 .sub_slide_txt h3 {font-size: 20px;}
.sub_about .sub_about03 .sub_slide_txt p {padding-left: 15px;}
.sub_about .sub_about03 .sub_slide_txt p small {display: block; color: #666;}

.sub_about .sub_about04 {margin-bottom: 30px;}
.sub_about .sub_about04 .wrap {overflow: hidden; background: #ededed; padding: 30px 10px;}
.sub_about .sub_about04 .wrap .sub_slide_three {width: 100%; overflow: hidden;}
.sub_about .sub_about04 .wrap .sub_slide_three img {width: 100%;}
.sub_about .sub_about04 .wrap .sub_slide_three h3 {font-size: 18px; margin: 5px 0 2px 0;}
.sub_about .sub_about04 .wrap .sub_slide_three p {font-size: 12px;}

.sub_about .sub_about05 {text-align: center;}
.sub_about .sub_about05 img {width: 100%;}

.sub_green ul li {background: #f4f4f4; padding: 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.sub_green ul li img {width: 70px; height: 70px;}
.sub_green ul li p { font-size: 12px; width: 70%;}
.sub_green ul li p strong {font-size: 16px; display: block; margin-bottom: 6px;}
.sub_green .sub_green01 .sub_green01_img {text-align: center; margin-bottom: 30px;}
.sub_green .sub_green01 .sub_green01_img img {width: 100%;}
.sub_green .sub_green02 {padding: 30px 10px; background: #f4f4f4; text-align: center;}
.sub_green .sub_green02 .sub_cont_title {padding-bottom: 10px;}
.sub_green .sub_green02 img {width: 100%; display: inline-block; margin-bottom: 20px;}
.sub_green .sub_green02 p {color: #7c7c7c; font-size: 13px;}
.sub_green .sub_green03 {margin: 20px 0;}
.sub_green .sub_green03 .sub_slide_wrap .sub_slide img {filter: none;}
.sub_green .sub_green04 {text-align: center;}

.sub_lx .wrap > img {width: 100%;}
.sub_lx .sub_lx_cont {display: flex; align-items: start; justify-content: center; margin: 30px 0;}
.sub_lx .sub_lx_cont div {width: 32%; text-align: center;}
.sub_lx .sub_lx_cont div img {width: 75%; display: inline-block; margin: 15px 0;}
.sub_lx .sub_lx_cont div h3 {font-size: 16px; letter-spacing: -2px;}
.sub_lx .sub_lx_cont div p {color: #666; font-size: 12px; letter-spacing: -1px;}
.sub_lx .footnote {display: block; background: #eee; padding: 10px; font-size: 11px; margin-bottom: 50px;}
.sub_lx .footnote small {padding-left: 10px; }

.sub_service .sub_service01 img {width: 100%; cursor: pointer;}
.sub_service .sub_service01 iframe {width: 100%; height: 0; transition: ease-in-out .5s;}
.sub_service .sub_service01 iframe.on {height: 200px;}
.sub_service .sub_service02 {text-align: center; margin-bottom: 30px;}
.sub_service .sub_service02 > img {width: 100%;}
.sub_service .sub_service02 small {display: block; margin: 20px 0;}
.sub_service .sub_service02 div {display: inline-block; border: 1px solid  #972327; font-size: 12px; padding: 10px 20px; cursor: pointer; color: #972327; margin: 15px 0;}
.sub_service .sub_service02 .sub_service02_01 {width:100%; height: 0; transition: ease-in-out .5s;}
.sub_service .sub_service02 .sub_service02_01.on {height: auto;}

.sub_service .sub_service03 .sub_service03_cont {display: flex; flex-direction: column; justify-content: center; align-items: start; background: #f4f4f4; padding: 30px 10px;} 
.sub_service .sub_service03 .sub_service03_cont div {text-align: center; margin-bottom: 50px;}
.sub_service .sub_service03 .sub_service03_cont div:last-of-type {margin-bottom: 0;}
.sub_service .sub_service03 .sub_service03_cont div p strong {font-size: 20px;}
.sub_service .sub_service03 .sub_service03_cont div img {display: inline-block; width: 50%; margin-bottom: 20px;}

.sub_service .sub_service04 { border: 1px solid  #666; padding: 15px; margin: 50px auto;}
.sub_service .sub_service04 h3 {font-size: 20px; font-weight: 500; margin-bottom: 8px;}
.sub_service .sub_service04 h3 strong {color: #000; font-weight: 900;}
.sub_service .sub_service04 p small {color: #666;}
.sub_service .sub_service04 .sub_service04_btn {color: #ddd; border: 1px solid  #666; font-size: 10px; padding: 4px; display: inline-block; color: #666; margin: 6px 0;  }
.sub_service .sub_service04 img:first-of-type {width: 100%; display: block; height: 0; transition: ease-in-out .5s;}
.sub_service .sub_service04 img.on{height: inherit; transition: ease-in-out .5s;}
.sub_service .sub_service04 img:last-of-type {width: 100%;}
.sub_service .sub_service05 {}
.sub_service .sub_service05 table {margin: 10px 0;}
.sub_service .sub_service06 {padding: 15px; background: #f4f4f4; margin-top: 30px;}
.sub_service .sub_service06 h3 {font-size: 18px; margin-bottom: 15px;}
.sub_service .sub_service06 p {line-height: 2em; font-size: 12px;}
.sub_service .sub_service06 a {display: inline-block; border: 1px solid  #972327; font-size: 12px; padding: 10px 20px; cursor: pointer; color: #972327; margin: 15px 0;}
.sub_service .sub_service07 {margin-top: 50px;}
.sub_service .sub_service07 .sub_service07_cont div {float: left; width: 49%; margin-right: 2%; text-align: center; background: #f4f4f4; padding-bottom: 30px;}
.sub_service .sub_service07 .sub_service07_cont div img { padding: 5px 0; width: 100%; height: 180px;}
.sub_service .sub_service07 .sub_service07_cont div:last-of-type {margin-right: 0;}
.sub_service .sub_service07 .sub_service07_cont div h3 {background: #a3a3a3; color: #fff; padding: 5px 0; font-size: 16px;}
.sub_service .sub_service07 .sub_service07_cont div h4 {text-align: left; font-size: 14px;}
.sub_service .sub_service07 .sub_service07_cont div p {text-align: left; font-size: 12px;}
.sub_service .sub_service07 .sub_service07_cont div span {display: inline-block;}
.sub_service .sub_service07 .sub_service07_cont > img {width: 100%;}