@font-face {
    font-family: 'GmarketSansMedium';
    src: url('./GmarketSansTTFBold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('./GmarketSansTTFLight.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.block {display:block !important}
.center {text-align:center !important}

b {font-weight:700 !important;}
.weight-100 {font-weight:100 !important;} .weight-200 {font-weight:200 !important;} .weight-300 {font-weight:300 !important;}
.weight-400 {font-weight:400 !important;} .weight-500 {font-weight:500 !important;} .weight-600 {font-weight:600 !important;}
.weight-700 {font-weight:700 !important;} .weight-800 {font-weight:800 !important;} .weight-900 {font-weight:900 !important;}

.font-100 {font-size:100px !important;; line-height:120%}
.font-80 {font-size:80px !important;; line-height:120%}
.font-70 {font-size:70px !important;; line-height:120%}
.font-60 {font-size:60px !important;; line-height:120%}
.font-55 {font-size:55px !important;; line-height:120%}
.font-50 {font-size:50px !important;; line-height:120%}
.font-45 {font-size:45px !important;; line-height:120%}
.font-44 {font-size:44px !important;; line-height:140%}
.font-40 {font-size:40px !important;; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px !important;; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px !important;; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px !important;; line-height:140%; word-break: keep-all;}
.font-28 {font-size:28px !important;; line-height:140%; word-break: keep-all;}
.font-25 {font-size:25px !important;; line-height:140%; word-break: keep-all;}
.font-24 {font-size:24px !important;; line-height:140%; word-break: keep-all;}
.font-22 {font-size:22px !important;; line-height:160%; word-break: keep-all;}
.font-20 {font-size:20px !important;; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px !important;; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px !important;; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px !important;; line-height:180%; word-break: keep-all;}
.font-15 {font-size:15px !important;; line-height:180%; word-break: keep-all;}
.font-14 {font-size:14px  !important;; line-height:180%; word-break: keep-all;}
.font-13 {font-size:13px  !important;; line-height:180%; word-break: keep-all;}

@media screen and (max-width: 1400px) {
    .font-100 {font-size:80px !important;}
    .font-80 {font-size:60px !important;}
    .font-70 {font-size:55px !important;}
    .font-60 {font-size:50px !important;}
    .font-55 {font-size:45px !important;}
    .font-50 {font-size:40px !important;}
    .font-45 {font-size:38px !important;}
    .font-44 {font-size:35px !important;}
    .font-40 {font-size:30px !important;}
    .font-38 {font-size:29px !important;}
    .font-35 {font-size:28px !important;}
    .font-30 {font-size:26px !important;}
    .font-28 {font-size:25px !important;}
    .font-25 {font-size:24px !important;}
    .font-24 {font-size:20px !important;}
    .font-22 {font-size:19px !important;}
    .font-20 {font-size:19px !important;}
    .font-18 {font-size:17px !important;}
    .font-17 {font-size:16px !important;}
    .font-16 {font-size:15px !important;}
    .font-15 {font-size:14px !important;}
    .font-14 {font-size:13px !important;}
    .font-13 {font-size:12px !important;}
}
@media screen and (max-width: 768px) {
    .font-100 {font-size:60px !important;}
    .font-80 {font-size:50px !important;}
    .font-70 {font-size:45px !important;}
    .font-60 {font-size:40px !important;}
    .font-55 {font-size:35px !important;}
    .font-50 {font-size:30px !important;}
    .font-45 {font-size:28px !important;}
    .font-44 {font-size:27px !important;}
    .font-40 {font-size:26px !important;}
    .font-38 {font-size:25px !important;}
    .font-35 {font-size:24px !important;}
    .font-30 {font-size:22px !important;}
    .font-28 {font-size:21px !important;}
    .font-25 {font-size:20px !important;}
    .font-24 {font-size:18px !important;}
    .font-22 {font-size:17px !important;}
    .font-20 {font-size:16px !important;}
    .font-18 {font-size:15px !important;}
    .font-17 {font-size:15px !important;}
    .font-16 {font-size:14px !important;}
	.font-15 {font-size:13px !important;}
    .font-14 {font-size:12px !important;}
    .font-13 {font-size:11px !important;}
}
@media screen and (max-width: 400px) {
    .font-100 {font-size:45px !important;}
    .font-80 {font-size:40px !important;}
    .font-70 {font-size:35px !important;}
    .font-60 {font-size:30px !important;}
    .font-55 {font-size:28px !important;}
    .font-50 {font-size:26px !important;}
    .font-45 {font-size:25px !important;}
    .font-44 {font-size:24px !important;}
    .font-40 {font-size:22px !important;}
    .font-38 {font-size:21px !important;}
    .font-35 {font-size:20px !important;}
    .font-30 {font-size:19px !important;}
    .font-28 {font-size:18px !important;}
    .font-25 {font-size:18px !important;}
    .font-24 {font-size:17px !important;}
    .font-22 {font-size:16px !important;}
    .font-20 {font-size:15px !important;}
    .font-18 {font-size:14px !important;}
    .font-17 {font-size:13px !important;}
    .font-16 {font-size:12px !important;}
	.font-15 {font-size:12px !important;}
    .font-14 {font-size:11px !important;}
    .font-13 {font-size:11px !important;}
}

.p_color {color:#0D3563 !important}


/************ �����޴�  *************/
#nav-trigger {position: absolute;     background: transparent;  z-index: 10;   top: 35px;   right:0px;   bottom: 0;   width:40px; height:10px;   border: none;   padding: 0;   margin: 0;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-in-out;  transition-timing-function: ease-in-out;}
#nav-trigger>span:before {top: 0; left: 0;}
#nav-trigger>span:before, #nav-trigger>span:after { content: "";  display: block;  height: 2px;  position: absolute;  right: 0;  background-color: #eeeae5;  transition: .3s all;}
#nav-trigger>span:after {top: 10px;  left: 0px;}
i {line-height: inherit;}
#nav-trigger:hover>span{-webkit-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-moz-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-ms-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-o-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);transform:scale3d(1.15, 1.15, 1) rotate(0.001deg)}
#nav-trigger.mouseout->span:after {animation-iteration-count: 1; animation-fill-mode: forwards; animation-name: nav-trigger-out; animation-duration: .3s;}
html.nav-opened #nav-trigger>span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
html.nav-opened #nav-trigger>span:before, html.nav-opened #nav-trigger>span:after { top: 5px;  left: 5px;  right: 5px;  animation: none !important;}
html.nav-opened #nav-trigger>span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
html.nav-opened  #hd_wrapper {background: rgba(255,255,255,0) !important; backdrop-filter: saturate(180%) blur(0px) !important;}
#hd.scrollBg #logo{top:13px;}
#hd.scrollBg #nav-trigger{top: 40px;}

#hd.scrollBg {background:rgba(0,0,0,0.5)}

#aside {display:none; position: fixed; top: 50%; left:50%; transform:translate(-50%,-50%);margin: 0px;border-top: 0;z-index: 1005;overflow-y: auto; border: 0;}
.close_menu {cursor:pointer; position: fixed;z-index: 1100; top:0px; right: -100%; width: 45px; height: 45px; background:#fff}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#9a6c41; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity:1;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #d9d9d9;}
.mb-sub-ul li a {display: block;}
.mobile-list {position: relative;}
.mobile-list a {padding:0px 0px; color: #fff; /*text-transform: uppercase;*/ font-size: 36px; cursor: pointer; width: 100%; text-align: center;  animation-duration: .3s;}    
.mobile-list a span{position: relative;}
.mobile-list a span:after{content: ""; display:block; position: absolute; left: 0; bottom:0px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.1s ease-in-out; transition-duration: 0.5s; opacity: 0; background-color: #000;}
.mobile-list a span:hover:after{width: 100%; opacity: 1;}
.mb-sub-ul>li:hover a{color: #9a6c41;}
.ico1{float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.ico2{display: none;float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.bg_blank {background:#000}
.mobile-list.on .ico1 {display: none;}
.mobile-list.on .ico2 {display: block;}

#hd_wrapper .lang {font-size:16px; background:transparent; color:#fff; border:0}
#hd_wrapper .lang option {background:transparent; color:#fff; }


.custom-select-wrapper {position: relative; background:#fff;}
.custom-select-wrapper a { padding:5px 10px; display:block}
.custom-select-wrapper a b {}


.bot_1 {border-bottom:1px solid #bfbfbf;}


/* �����̵� { */
.slide_bn {width: 100% !important; height: 100% !important; overflow:hidden}
.slide_bn img {box-sizing: border-box;}
.slide_bn_border {border:1px solid rgba(0,0,0,0.2);}

.swiper-slide-slide_bn {
    display: -webkit-inherit !important;
    display: -ms-inherit !important;
    display: -webkit-inherit !important;
    display: inherit !important;
        
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.swiper-slide-slide_bn img {width:100%; max-height:100vh}
.custom-swiper-controls {
  position: absolute;
  bottom:50px;
  left:150px;
  background: rgba(0, 0, 0, 0.2);
  color: white;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 15px;
  border-radius: 30px;
  font-size: 14px;
  z-index:1;
  border:1px solid #fff
}

.custom-swiper-controls div {
  cursor: pointer;
  user-select: none;
}
.white {color:#Fff}
.text-right {text-align:right}

/*************** ����  *******************/
section {width:100%; max-width:1600px; margin:0 auto}
section.main_01 {padding:100px 0px 200px;}
section.main_01 .flex {display:flex; align-items: flex-end;   justify-content: space-between; padding-bottom:50px}

section.main_01 ul {display:flex; justify-content: center; color:#fff;  align-items: center; padding:20px 0px ; background: url('../img/main/bg_0.png') no-repeat;  background-size: contain; }
section.main_01 ul li {padding:20px 50px}
section.main_01 ul li:nth-child(1) {padding:20px 100px; }
section.main_01 ul li:nth-child(1):after {content:"|"; color:#fff; display:inline-block; margin-left:100px}


section.main_02 {position: relative; padding-bottom:100px}
section.main_02 .tit {text-align: center; }

section.main_02 ul.dc {padding-top:50px; display: flex;     align-items: center; position: relative; z-index: 1;}
section.main_02 ul.dc li {width: 16.66%; border-right: 1px solid #B4B4B4; padding: 20px 10px;  position: relative; text-align:center}
section.main_02 ul.dc li:nth-child(1) {border-left: 1px solid #B4B4B4;}
section.main_02 ul.dc li div {padding-top:30px}

section.main_02 ul.banner {padding-top:50px; display: flex; align-items: center; color:#fff; justify-content: space-between;}
section.main_02 ul.banner li {width:calc(33.3%); padding:0px 50px; border-right: 1px solid #B4B4B4;}
section.main_02 ul.banner li:nth-child(1)  {border-left: 1px solid #B4B4B4;}
section.main_02 ul.banner li div {padding:80px 20px; border-radius: 10px;}
section.main_02 ul.banner li:nth-child(1) div{background: url('../img/main/img_01.png') no-repeat;  background-size: cover; }
section.main_02 ul.banner li:nth-child(2) div{background: url('../img/main/img_02.png') no-repeat;  background-size: cover;}
section.main_02 ul.banner li:nth-child(3) div{background: url('../img/main/img_03.png') no-repeat;  background-size: cover;}


section.main_03  { padding:100px 0px; max-width:100%; background: url('../img/main/bg_01.png') no-repeat;  background-size: cover;}
section.main_03 .tit {text-align: center; color:#fff}

section.main_03 ul {width:100%; max-width:1600px; margin:0 auto; display: flex; justify-content: space-between; align-items: flex-start; padding-top:50px}
section.main_03 ul.banner li {width:calc(33.3%); padding:0px 50px; }
section.main_03 ul li .bg {background: url('../img/main/bg_02.png') no-repeat;  background-size: contain; padding:40px; border-radius:10px}
section.main_03 ul li .bg .img {padding-bottom:50px}
section.main_03 ul li .bg .p_color {padding-top:30px}
section.main_03 ul li .pd {padding:30px 0px;}

section.main_04  {padding:200px 0px; max-width:100%; background: url('../img/main/bg_03.png') no-repeat;  background-size: cover;}
section.main_04 ul.total {width:100%; max-width:1600px; margin:0 auto; display: flex;}
section.main_04 ul.total > li {width:50%; position: relative; }
section.main_04 .img {padding-left:100px}
section.main_04 .txt {position:absolute; bottom:50px; left:250px}
section.main_04 .bg {position:absolute; width:100%; background:#0D3563; border-radius:0px 20px 20px 0px; padding:20px 100px 20px 20px; color:#fff; text-align:right; left:-20%}

section.main_04 ul.table {display:flex} 
section.main_04 ul.table li:first-child {width:120px}
section.main_04 ul.table li p {padding-bottom:5px}
section.main_04 ul.table li p:before {content:""; width:5px; height:5px; background:#000; display:inline-block; margin-right:10px; border-radius:50%}
section.main_04 ul.table.pd_b {padding:50px 0px}
section.main_04 ul.table.pd_b.pd_bt {padding:50px 0px 0px}

section.main_05 {max-width:100%; } 
section.main_05 ul.total {display: flex;}
section.main_05 ul.total > li {width:50%;}
section.main_05 ul.total > li:last-child {background:#0D3563 url('../img/main/img_06.png') no-repeat; background-position:550px 150px; padding:50px 100px}
section.main_05 img {width:100%}  
section.main_05 ul.table {display: flex; flex-wrap: wrap; padding:30px 0px}
section.main_05 ul.table li {width:50%; }
section.main_05 ul.table li div {margin-bottom:20px}
section.main_05 ul.table li span {background:#fff; border-radius:10px;; padding:5px 10px; text-align:center; width:100px; display:inline-block; margin-right:10px; vertical-align: middle;}



section.main_06{max-width:100%; } 
section.main_06 ul.total {display: flex;}
section.main_06 ul.total > li {width:50%}
section.main_06 ul.total > li:first-child {padding:100px}
section.main_06 ul.total > li:first-child div:nth-child(2) {padding-top:50px}
section.main_06 ul.sns {display: flex; flex-wrap: wrap; gap:10px; padding-top:30px}
section.main_06 ul.sns li {width:calc(50% - 10px); background:#0D3563; border-radius:10px; text-align:center;}
section.main_06 ul.sns li img {margin-right:10px}
section.main_06 ul.sns li a {padding:10px; color:#fff}
section.main_06 ul.sns li:nth-child(1) {background:#FFE600;}
section.main_06 ul.sns li:nth-child(1) a {color:#000}
section.main_06 ul.sns li:nth-child(2) {background:#00C300; color:#000}
section.main_06 ul.sns li:nth-child(2) a {color:#000}
section.main_06 ul.total li .pd_b {padding-bottom:20px; border-bottom:1px solid #B4B4B4; padding-top:20px}
section.main_06 ul.total li .pd_b span {background:#EDEDED; border-radius:10px;; padding:10px; margin-right: 15px;}



section.main_07  {padding:100px 0px; max-width:100%; background: url('../img/main/bg_03.png') no-repeat;  background-size: contain; background-position:bottom;}
section.main_07 ul.total {width:100%; max-width:1600px; margin:0 auto; display: flex; gap:20px; flex-wrap: wrap;}
section.main_07 .tit {width:100%; max-width:1600px; margin:0 auto; padding-bottom:50px}
section.main_07 .txt02 {padding-top:30px}
section.main_07 .txt02.txt03 {padding-bottom:34px}
section.main_07 ul.total > li {width:calc(50% - 20px); position: relative; padding-bottom:50px}
section.main_07 .img {padding-left:100px}
section.main_07 .txt {}
section.main_07 .bg {width:100%; background:#636363; border-radius:20px; padding:20px; color:#fff;}
section.main_07 .bg .right {text-align:right}

section.main_07 ul.table {display:flex} 
section.main_07 ul.table li:first-child {min-width: 160px;}
section.main_07 ul.table li p {padding-bottom:5px}
section.main_07 ul.table li p:before {content:""; width:5px; height:5px; background:#000; display:inline-block; margin-right:10px; border-radius:50%}
section.main_07 ul.table.pd_b {padding:50px 0px}
section.main_07 ul.table.pd_b:nth-child(3) {padding:50px 0px 0px;}	
section.main_07  .flex {display: flex;  align-items: center;  justify-content: space-between;}
@media screen and (min-width:2000px){
section.main_04 .bg {position:absolute; width:130%; background:#0D3563; border-radius:0px 20px 20px 0px; padding:20px 100px 20px 20px; color:#fff; text-align:right; left:-60%}
}
/*************** ���� ��� *******************/

.main_banner_text {position:absolute; top: 50%; left:0%; transform:translateY(-50%); color:#fff; width: 100%;}
.main_banner_text .bn_text {max-width:1600px; margin:0 auto; }
.main_banner_text .bn_text1 {max-width:1600px; margin:0 auto;  font-size:40px; font-weight:300; padding-top:50px}
.main_banner_text .bn_text1 b{font-size:96px; font-weight:800}

.main_banner_text .bn_text1 b {position: relative;}
.main_banner_text .bn_text1 b:before {content:""; width:5px; height:5px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:-10px; left:30px}
.main_banner_text .bn_text1 b.dot_01:before {left:20px}

.main_banner_img   {position:absolute; top: 50%; right:0%; transform:translateY(-50%); color:#fff; width: 100%;}
.main_banner_img .img { max-width:1600px; margin:0 auto;     text-align: right;}
.main_banner_img  img {width:auto; height:100%;}

/*************** �ϴ� ����û *******************/
.foot-inq{}
.foot-inq .contain{padding:0px 160px}
.foot-inq .pop-inq-wrap{position:relative;margin-top:-108px;}
.foot-inq .pop-inq-wrap ul{display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li{width:33.3333%;height:108px;display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li a{width:100%;height:70px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:22px;color: #e7e7e7;/* background-color: #a8a8a8; */background-color: #d5d4d1;line-height:1em;padding-top:10px;}
.foot-inq .pop-inq-wrap ul li.type1 a{border-radius:22px 0 0 0;}
.foot-inq .pop-inq-wrap ul li.type2 a{border-radius:22px 22px 0 0;font-size: 32px;background-color: #dfdfdf;height:108px;}
.foot-inq .pop-inq-wrap ul li.type3 a{border-radius:0 22px 0 0;}
.foot-inq .pop-inq-wrap ul li.active a{border-radius:22px 22px 0 0;font-size: 28px;background-color: #dfdfdf;height:90px;}
.foot-inq .pop-inq-wrap ul li a:hover{border-radius:22px 22px 0 0;font-size: 28px;background-color: #fff;height:90px;color: #282828;}
.btm-inq{background-color:#d5d4d1;padding:15px 0;position:fixed;left:0;bottom:0;right:0;z-index:100;}
.foot-inq .btm-inq .contain{display:flex;align-items:center;}
.foot-inq .btm-inq .tel{margin-right:40px}
.foot-inq .btm-inq .tit{font-size:20px; font-weight:600; margin-right:50px}
.foot-inq .btm-inq .tel .num{font-size:50px;line-height:1em;font-weight:700;}
.foot-inq .btm-inq .input-area{min-width:0;width:1%;flex:1 1 auto;display:flex;}
.foot-inq .btm-inq .input-area .input-wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;margin-right:-10px;}
.foot-inq .btm-inq .input-area .input-wrap .input{width:calc(20% - 10px); background:#d5d4d1; margin-right:10px;height:50px;font-size:15px; border:0px; border-bottom:1px solid #959595}
.foot-inq .btm-inq .input-area .input-wrap .input::placeholder{color: #5a5a5a;}
.foot-inq .btm-inq .input-area .btns{width:273px;margin-left:15px;}
.foot-inq .btm-inq .input-area .btns .btn{width:100%;display:block;background-color:#000;color: #fff;border-radius:5px;border:none;margin-bottom:0px;height:38px;}
.foot-inq .btm-inq .input-area .btns .check{font-size:13px;color:#E8E8E8;display:flex;justify-content:space-between;align-items:center;}
.foot-inq .btm-inq .input-area .btns .checkbox {padding-top:4px;}
.foot-inq .btm-inq .input-area .btns .checkbox label:before{border-radius:3px;}
.foot-inq .btm-inq .input-area .btns .checkbox input:checked + label:before {background-color:#19843b; border-color:#19843b;}
.foot-inq .btm-inq .input-area .btns .check a{color: #fff;}

.inq-pop .fancybox-skin {background:transparent;}
.inq-pop .pop-wrap {width:90vw; max-width:720px; background:#fff; overflow:hidden;position:relative;}
.inq-pop .pop-wrap .head{background-color: #9c5f07;color: #fff;font-size:28px;font-weight:700;line-height:1.2em;padding:0 40px;height:85px;display:flex;align-items:center;}
.inq-pop .fancybox-close {right:40px;top:32px;width:20px;height:20px;background:url('../images/close.png')no-repeat 50% 50%/contain;}
.inq-pop .pop-wrap .content{padding:40px;}
.inq-pop .pop-wrap .content .input-wrap{margin-bottom:30px;}
.inq-pop .pop-wrap .content .input-wrap .row{margin-bottom:25px;}
.inq-pop .pop-wrap .content .input-wrap .row:last-child{margin-bottom:0;}
.inq-pop .pop-wrap .content .input-wrap .row label{font-size:20px;color: #2c2c2c;font-weight:500;line-height:1.2em;margin-bottom:15px;display:inline-block;}
.inq-pop .pop-wrap .content .input-wrap .row .input{border-radius:5px;}
.inq-pop .pop-wrap .content .input-wrap .row .input::placeholder{color: #a8a8a8;}
.inq-pop .pop-wrap .content .input-wrap .row .input{height:56px;font-size:17px;}
.inq-pop .pop-wrap .content .check{display:flex;justify-content:space-between;align-items:center;}
.inq-pop .pop-wrap .content .check .checkbox {font-size:15px;}
.inq-pop .pop-wrap .content .check .checkbox label:before{border-radius:50%;background:#ccc url('../images/randing/pop_chk.png')no-repeat 50% 50%/11px;}
.inq-pop .pop-wrap .content .check .checkbox input:checked + label:before {background-color:#9c5f07; border-color:#9c5f07;}
.inq-pop .pop-wrap .content .check a{width:108px;height:44px;border-radius:5px;background-color: #a8a8a8;color: #fff;font-size:15px;font-weight:500;display:flex;justify-content:center;align-items:center;}
.inq-pop .pop-wrap .content .btn{width:184px;height:54px;border-radius:27px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #033914;font-size:20px;font-weight:700;border:none;margin:50px auto 0;}



@media screen and (max-width:1640px){
#hd_wrapper {padding:0px 20px}
section {padding:0px 20px}
section.main_03 ul li .bg {background-size:cover;}
section.main_05 ul.total > li:last-child {padding:50px}
section.main_01 {padding:150px 20px}
section.main_07 {padding:50px 0px 100px 20px}
#ft {padding:0 20px}
#ft_copy {padding-left:20px}
section.main_04 ul.total .logo {padding-left:20px}
section.main_04 ul.total > li:last-child  {padding-right:20px}
.hd_login {right:20px}
}


@media screen and (max-width:1400px){
.main_banner_img .img img {max-width:400px; width:70%}
.main_banner_text .bn_text1 {font-size:31px}
.main_banner_text .bn_text1 b{font-size:80px}
section.main_01 ul li {padding: 20px 30px;}
section.main_01 ul li:nth-child(1) {padding: 20px 80px;}
}


@media screen and (max-width:1300px){
section.main_05 ul.total  {flex-wrap: wrap;}
section.main_05 ul.total > li {width:100%}

section.main_01 ul {background:#0D3563 !important }
}

@media screen and (max-width:1200px){
section.main_01 ul li:nth-child(1) {padding:20px 10px}
section.main_01 ul li {padding:20px 10px}
section.main_01 ul li:nth-child(1):after {margin-left:20px}


section.main_07 ul.total > li {width:calc(100% - 20px); position: relative; padding-bottom:50px}
}

@media screen and (max-width:1000px){
#gnb {display:none}
.swiper-slide-slide_bn img {height:95vh}
.main_banner_img .img img  {height:100%}
.main_banner_text .bn_text1 {font-size:26px}
.main_banner_text .bn_text1 b{font-size:60px}
.main_banner_text {top:220px; left:20px}
.main_banner_img  {top:520px;}

section.main_01 ul {padding:0px 20px}
section.main_01 .flex  {flex-wrap: wrap;}
section.main_01 .flex li {width:100%}
section.main_01 .flex .text-right {text-align:left !important}
 
section.main_01 ul  {flex-wrap: wrap;}
section.main_01 ul li:nth-child(1) {width:100%; border-bottom: 1px solid #B4B4B4;}
section.main_01 ul li:nth-child(1):after {display:none;}
 
section.main_02 ul.dc {flex-wrap: wrap;}
section.main_02 ul.dc li {width:33.3%}
section.main_02 ul.dc li:nth-child(4) {border-left: 1px solid #B4B4B4;}
section.main_02 ul.banner {flex-wrap: wrap;}
section.main_02 ul.banner li:nth-child(1) {border-left:0}
section.main_02 ul.banner li {width:100%; padding:20px 0px; border-right:0; border-bottom:1px solid #B4B4B4;}

section.main_03 ul {flex-wrap: wrap;}
section.main_03 ul.banner li {width:100%; padding:20px}
section.main_03 ul li .bg {background-size: contain;}

section.main_04 ul.total  {flex-wrap: wrap;}
section.main_04 .img { padding-left:0px; text-align: center;}

section.main_04 ul.total > li {width:100%}
section.main_04 .txt {left:50%; transform: translateX(-50%); }
section.main_04 .bg {position: relative; left:0px; width:80%}

section.main_06 ul.total  {flex-wrap: wrap;}
section.main_06 ul.total > li  {width:100%;}
section.main_06 ul.total > li:first-child { padding:20px 0px}
section.main_04 ul.total > li:last-child {padding:100px 20px}

section.main_04 ul.table.pd_b {padding:50px 0px}

#ft_wr {flex-wrap: wrap; justify-content: center}
#ft_copy {padding-left:0px; padding:30px 0px 20px}
#ft_wr .img img{width:190px}

section.main_04 {padding:100px 0px 50px}
section.main_04 ul.table li p {text-indent: -16px;  margin-left: -10px;         word-break: keep-all;}

section.main_07 ul.table li:first-child {min-width:110px}
}


@media screen and (max-width:768px){
section.main_07 .flex {flex-direction: column;}
section.main_07 ul.table {flex-direction: column;}
.main_banner_text .bn_text1 {font-size:20px}
.main_banner_text .bn_text1 b{font-size:40px}
.main_banner_img .img {text-align:center}
section.main_07 ul.table li:first-child {padding-bottom:20px}
section.main_02 ul.dc li {width:50%}
section.main_02 ul.dc li img {width:60px}
section.main_02 ul.dc li:nth-child(3) {border-left: 1px solid #B4B4B4;}
section.main_02 ul.dc li:nth-child(4) {border-left: 0px solid #B4B4B4;}
section.main_02 ul.dc li:nth-child(5) {border-left: 1px solid #B4B4B4;}

section.main_05 ul.table  {flex-wrap: wrap;}
section.main_05 ul.table  li  {width:100%;} 
section.main_05 ul.total > li:last-child {padding:50px 20px}
section.main_06 ul.sns  {flex-wrap: wrap;}
section.main_06 ul.sns li  {width:100%;} 
section.main_04 .bg {position: relative; left:0px; width:90%;     padding: 20px 50px 20px 20px;}
section.main_04 .img img{width:90% }

section.main_04 ul.table li:first-child {width:auto; margin-bottom:20px}
section.main_04 ul.table li:last-child {}

    section.main_04 ul.table li p {
        text-indent: 14px;
        margin-left: -10px;
        word-break: keep-all;
    }
	
    section.main_04 ul.table.pd_b:nth-child(3) {padding:0px 0px 50px;}	
section.main_04 ul.table {    flex-direction: column;}
}


@media screen and (max-width:450px){
section.main_03 ul li .bg {background-size:cover;}

.main_banner_img .img img{width:70%}

}