@charset "utf-8";
@import url('default.css');
@import url('aos.css');
@import url('swiper.min.css');
@import url('fullpage.css');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/NotoSansKR-Light-Hestia.eot),
    url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black-Hestia.eot),
    url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/NanumSquareL.eot'); 
  src: local('※'), url('../fonts/NanumSquareL.woff') format('woff'), url('../fonts/NanumSquareL.ttf') format('truetype'); 
}  
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumSquareR.eot'); 
  src: local('※'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NanumSquareB.eot'); 
  src: local('※'), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NanumSquareEB.eot'); 
  src: local('※'), url('../fonts/NanumSquareEB.woff') format('woff'), url('../fonts/NanumSquareEB.ttf') format('truetype'); 
} 

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

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }
.clear:after { display: block; content: ''; clear: both; }
.fl { float:left; }
.fr { float:right; }

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#404040;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Roboto', 'noto', sans-serif; font-size:13px; color: #000;}
h1,h2,h3,h4,h5,h6 { font-family:'Roboto', 'nq', sans-serif !important; color: #000; }
body,textarea,input,select { font-family:'Roboto', 'noto', sans-serif !important; font-size:13px; color: #333; text-decoration: none; } 
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
ul:after { display: block; content: ''; clear: both; }
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
.inner { width:982px; margin: 0 auto; }
.inner1200 { max-width:1230px; margin:0 auto; padding:0 15px; }
.inner1444 { max-width:1444px; margin:0 auto; padding:0 15px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
}
.modal-content {
  position: relative;
  background-color: #fff;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
	overflow: hidden; padding:15px 15px 0 0;
}
.modal-header .close {
  float:right; width:35px; height:36px; background: url(../img/common/modal_close.png) no-repeat 0 0; text-align:left ; text-indent: -9999px 
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.dropdown button { display: block; width:100%; height:45px; background: #fff url(../img/common/ico_dropdown.png) no-repeat 95% 50%; background-size:auto 10px; font-size:14px; color: #222; padding-left: 15px; line-height: 42px; border-bottom: 1px solid #643811 ; text-align: left; }
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: -10000px;
  left: 0;
	right:0; 
  z-index: 1000;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc; border-left: 0; border-right:0; box-shadow:0 5px 5px rgba(0,0,0,0.1);
	transition: opacity .6s,top 0s .6s,transform .6s,-webkit-transform .6s;
	transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);
	opacity:0;
  
}
.open > .dropdown-menu { top:42px; opacity:1; transition:opacity .6s,top 0s,transform .6s,-webkit-transform .6s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 7px 15px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}


/* Form */
.select { height: 39px; border: 1px solid #e2e2e2; padding:0 30px 0 10px; font-size:17px; color: #222; background: #fff url(../img/common/bu_select.png) no-repeat 90% 50%;}

/* Button */
.btn { display: inline-block; vertical-align: middle; padding:0 50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #3f7ad2; font-size:20px; color: #3f7ad2; border-radius:3px; }
.btn.btn-blue { background: #3f7ad2; color: #fff; }

.btn_go { display: inline-block; vertical-align: middle; padding:0 50px; height: 50px; line-height: 48px; text-align: center; font-size:20px; }
.btn_go.beige { border: 1px solid #cfad94; color: #cfad94; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.btn_go.beige:hover { background-color:#cfad94; color: #fff; }

.select { vertical-align:middle; padding:0 35px 0 15px; height:48px; background:#f8f8f8 url(../img/common/bu_select.png) no-repeat 100% 50%; border:1px solid #ddd; font-size:17px; color:#444; }
.inp { vertical-align:middle; padding:0 0 0 15px; height:48px; background:#f8f8f8; border:1px solid #ddd; font-size:17px; color:#444; }
#wr_content { padding:15px 10px; height:300px; background:#f8f8f8; border:1px solid #ddd; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.w100 { width:100%; }
.btn-type0 { display:inline-block; vertical-align:middle; border:0; width:211px; height:60px; line-height:59px; background:#643811 url(../img/common/bg_ico_button.png) no-repeat 0 50%; background-size:auto 60px;  font-size:20px; color:#fff; }
.btn-type2 { display:inline-block; vertical-align:middle; border:0; width:211px; height:60px; line-height:59px; background:#aaaaaa; font-size:20px; color:#fff; }
.btn-type1 { display:inline-block; vertical-align:middle; border:0; padding:0 40px; height:48px; line-height:48px; background:#643811;  font-size:17px; color:#fff; }

::-webkit-input-placeholder { color: #aaa;}
:-moz-placeholder { color: #aaa;}
:-ms-input-placeholder {  color: #aaa;}
:-moz-placeholder {  color: #aaa;}

a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all; }
img { max-width:100%; }



/*********************************************************************************************************************************************************************
	Common
*********************************************************************************************************************************************************************/
#s-header { position: absolute; left: 0; right:0; top:0; height:120px; z-index:1000; font-family: 'nq'; }
#s-header .bg-menu { position: absolute; left: 0; right:0; top:120px; height:150px; display:none; background: rgba(40,22,7,0.7);  }
#s-header .header-inner { width:100%; max-width:1730px; padding:0 15px; margin:0 auto; position: relative; }
#s-header h1 { position: absolute; left: 15px; top:15px; }
#s-header h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 0; width:300px; height:85px; text-indent: -9999px;}
#s-header .etc { position: absolute; right:15px; top: 44px; }
#s-header .etc .btn-link { float:left;  font-size:18px; color: #000000; font-family: 'nq', sans-serif; line-height: 18px; margin-top:8px; }
#s-header .etc .btn-link + .btn-link { margin-left: 20px; padding-left: 21px; position: relative;}
#s-header .etc .btn-link + .btn-link:before { content: ''; position: absolute; left: 0; top:0; width:1px; height: 8px; background: #a3a3a3; }
#s-header .etc .lang { float:left;  width:138px; background: url(../img/common/bu_arr_lang.png) no-repeat 105px 18px; vertical-align: middle; padding: 0 25px; border:1px solid #000; border-radius:16px; position: relative; margin:0 30px; }
#s-header .etc .lang .btn-lang { height:40px; line-height: 40px; font-size:12px; color: #000; }
#s-header .etc .lang ul { display: none;padding:11px 0; line-height: 17px; }
#s-header .etc .lang ul li a { font-size:12px; color: #000; }
#s-header .etc .lang:hover .btn-lang { display: none; }
#s-header .etc .lang:hover ul { display: block; }
#s-header .etc .btn-all { float:left; font-size:0; margin-top:0px;text-align: right; margin-left:30px;}
#s-header .etc .btn-all span { display:block; height:2px; background: #000; width:47px; }
#s-header .etc .btn-all span:nth-child(2) { margin:13px 0; }
#s-gnb{  margin:0 300px 0 345px; } 
#s-gnb > ul:after { display: block; content: ''; clear: both; }
#s-gnb > ul > li {float:left; position: relative; padding:0 35px; }
#s-gnb .btn-dep1 { display: block; height:120px; line-height: 125px; font-size:20px; color: #000; padding: 0 8px; position: relative;}
#s-gnb .btn-dep1:before { content:''; position: absolute; left: 0; right:0; bottom:0; height:0; background: #643811; opacity:0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#s-gnb > ul > li:hover .btn-dep1 {color:#643811;}
#s-gnb > ul > li:hover .btn-dep1:before {  height:5px; opacity:1; }
#s-gnb .dep2 { display: none; position: absolute; left: 0; right:0; top:120px; height: 225px; padding-top:15px; z-index:10; padding-left: 40px; }
#s-gnb .btn-dep2 { display: block; font-size:16px; line-height: 26px; color: #fff; font-family: 'noto'; font-weight: 200; white-space: nowrap; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#s-gnb .btn-dep2:hover { color: #cfad94; }

.main #s-header { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.main #s-header h1 a { /*background-image:url(../img/common/logo_main.png);*/}
.main #s-header .etc .lang { border-color:#fff; background-image:url(../img/common/bu_arr_lang_main.png);  }
.main #s-header.active h1 a { background-image:url(../img/common/logo.png); background-image:url(../data/hih_images/last/logo_kimsatgat_bk.png) !important; }
.main #s-gnb .btn-dep1,
.main #s-header .etc .btn-link,
.main #s-header .etc .lang .btn-lang,
.main #s-header .etc .lang ul li a { color:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.main #s-header .etc .btn-all span { background:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.main #s-header.active { background:#fff; }
.main #s-header.active #s-gnb .btn-dep1 { color:#000000; }
.main #s-header.active #s-gnb > ul > li:hover .btn-dep1 {color:#643811;}
.main #s-header.active .etc .btn-link,
.main #s-header.active .etc .lang .btn-lang,
.main #s-header.active .etc .lang ul li a { color:#000; }
.main #s-header.active .etc .lang { border-color:#000; background-image:url(../img/common/bu_arr_lang.png) }
.main #s-header.active .etc .btn-all span { background-color:#000; }

.all-menu { display: none;position:fixed; left:0; right:0; bottom:0; top:0; /*background:url(../img/common/bg_menu_all.jpg) no-repeat 50% 50% ;*/ z-index:1100; background-size:cover; } 
.all-menu .head { max-width:1730px; padding:0 15px; margin:0 auto; position:relative; }
.all-menu .head .logo { position: absolute; left: 15px; top:15px; }
.all-menu .head .logo a { display: block; /*background: url(../img/common/logo_on.png) no-repeat 0 0;*/ width:300px; height:85px; text-indent: -9999px;}
.all-menu .head .btn-close { position:absolute; right:15px; top:49px; background: url(../img/common/btn_all_close.png) no-repeat 0 0; width:34px; height:34px; }
.all-menu .body { height:100%; padding-top:110px; }
.all-menu .body .menu {  padding:0 15px; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.all-menu .body .menu > ul { display:table; width:100%; max-width:1200px; margin:0 auto; }
.all-menu .body .menu > ul > li { display:table-cell; width:25%; vertical-align:top; }
.all-menu .body .menu .btn-dep1 {display:block; font-family: 'nq'; font-size:30px; color:#fff; font-weight:600; padding-bottom:20px; margin-bottom:60px; font-weight:400; position:relative; }
.all-menu .body .menu .btn-dep1:before { content:''; position:absolute; left:0; bottom:0; width:62px; height:3px; background:#cfad94; }
.all-menu .body .menu .dep2 .btn-dep2 { display:block; font-size:23px; line-height:1.7; color:#fff;  font-weight:300; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;  white-space:nowrap; }
.all-menu .body .menu .dep2 .btn-dep2:hover { color:#cfad94; }





/*********************************************************************************************************************************************************************
	Main
*********************************************************************************************************************************************************************/
.hidden { overflow: hidden; } /* 애니메이션 하단 잘리는 효과 적용 */
.main-inner { max-width:1446px; padding:0 15px; margin:0 auto; }
.mega_container { padding-bottom:100px; }
.mega_container.full { max-width:100% !important; }

#section1 { /*background: url(../img/main/bg1.jpg) no-repeat 50% 0;*/ background-size:cover;   }
#section1 .swiper-container { height:100%; }
#section1 .swiper-container .swiper-slide { height:100%; /*background: url(../img/main/visual1.jpg) no-repeat 50% 50%; background-size:cover;*/}
#section1 .swiper-container .swiper-slide.visual1 {  /*background: url(../img/main/visual1.jpg) no-repeat 50% 50%; background-size:cover;*/}
#section1 .swiper-container .swiper-slide.visual2 {  /*background: url(../img/main/visual2.jpg) no-repeat 50% 50%; background-size:cover;*/}
#section1 .swiper-container .swiper-slide.visual3 {  /*background: url(../img/main/visual3.jpg) no-repeat 50% 50%; background-size:cover;*/}
#section1 .swiper-container .swiper-slide.visual4 {  /*background: url(../img/main/visual4.jpg) no-repeat 50% 50%; background-size:cover;*/}
#section1 .swiper-container .btn-box { position: absolute; left: 50%; bottom:200px; text-align: center; z-index:20; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#section1 .swiper-container .btn-box > div { position: static; display: inline-block; vertical-align: middle; width:24px; height:45px; background: url(../img/main/btn_visual_prev.png) no-repeat 0 0; background-size:24px auto; margin:0 25px; }
#section1 .swiper-container .btn-box .swiper-button-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#section1 .scroll { position: absolute; left: 50%; bottom:50px; background: url(../img/main/ico_scroll.png) no-repeat 0 0; width:36px; height: 82px; margin-left: -18px; z-index:20;}
.section1-box { position: absolute; left: 0; right:0; top:50%;  z-index:10; text-align: center; color: #fff; text-shadow: 0 0 15px #000; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.section1-box .title { font-family: 'nq'; font-size:75px; font-weight: 600; color: #fff; line-height:1.2; padding-bottom: 100px; position: relative; }
.section1-box .title:before { content: ''; position: absolute; left: 50%; bottom:40px; width:1px; height:38px; background: #fff;}
.section1-box div { font-size:25px; color: #fff; font-weight: 600; margin-bottom: 40px; }
.section1-box div p { font-size:17px; line-height: 1.4; font-weight:400;}

.section .tit { font-family: 'nq'; font-size:50px; padding-bottom:35px; margin-bottom:55px; position:relative; text-align:center; color:#fff; font-weight:600; }
.section .tit:before { content:''; position:absolute; left:50%; width:110px; bottom:0; margin-left:-55px; height:1px; background:#fff;  }
.section .txt { font-size:20px; line-height:1.5; margin-bottom:90px; text-align:center; color:#fff; }
#section2 .tit,
#section2 .txt { text-shadow: 0 0 10px #000; }
#section2 { /*background:url(../img/main/bg2.jpg) no-repeat 50% 50%; background-size:cover;*/ }
#section2 .list ul:after { display:block; content:''; clear:both; }
#section2 .list ul li { float:left; width:25%;padding:3px; font-family:'noto' }
#section2 .list ul li a { display:block;  min-height:408px; border:1px solid transparent; background-color:rgba(255,255,255,0.9); text-align:center; padding-top:212px; background-repeat:no-repeat; background-position:50% 65px; font-family:'noto'; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#section2 .list ul li.m1 a { /*background-image:url(../img/main/section2_ico1.png);*/ }
#section2 .list ul li.m2 a { /*background-image:url(../img/main/section2_ico2.png);*/ }
#section2 .list ul li.m3 a { /* background-image:url(../img/main/section2_ico3.png); */ }
#section2 .list ul li.m4 a {/*  background-image:url(../img/main/section2_ico4.png); */ }
#section2 .list ul li.m5 a {/*  background-image:url(../img/main/section2_ico5.png); */ }
#section2 .list ul li a strong { display:block; font-family: 'nq'; font-size:27px; font-weight:600; margin-bottom:34px; color:#cfad94; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#section2 .list ul li a p { font-size:15px; line-height:1.5; color:#666; padding:0 20px; font-weight:200; word-break:keep-all; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#section2 .list ul li a:hover { background-color:rgba(255,255,255,1); }
#section2 .list ul li a:hover strong { color:#643811; }
#section2 .list ul li a:hover p { color:#000; }
#section2 .list ul li.m1 a:hover { background-image:url(../img/main/section2_ico1_on.png); }
#section2 .list ul li.m2 a:hover { background-image:url(../img/main/section2_ico2_on.png); }
#section2 .list ul li.m3 a:hover { background-image:url(../img/main/section2_ico3_on.png); } 
#section2 .list ul li.m4 a:hover { background-image:url(../img/main/section2_ico4_on.png); }
#section2 .list ul li.m5 a:hover { background-image:url(../img/main/section2_ico5_on.png); }

#section3 {/*  background:url(../img/main/bg3.jpg) no-repeat 50% 50%; background-size:cover;  */} 
#section3 .main-inner { display:flex; align-items:center; justify-content:space-between; }
#section3 .main-inner > div { width:45%; }
#section3 .section3 { background:rgba(40,22,7,0.7); /*padding-top:80px*/ padding:80px 15px;}
#section3 .tit:before { background:#cfad94; }
#section3 .tit,
#section3 .txt { color:#fff; }
#section3 .movie { /*background:url(../img/main/section3_img.jpg) no-repeat 50% 50%; background-size:cover;*/ margin-bottom:50px; }
#section3 .movie .mv { width:100%; position:relative; padding-bottom:56.25%; }
#section3 .movie .mv .video { position:absolute; width:100%; height:100%; }
#section3 .movie .mv .video iframe { width:100%; height:100%; }
/* 
#section3 .movie .mv { width:100%; }
#section3 .movie .mv video {display:block; margin:0 auto; width:100%; }
 */
#section3 .movie .mv a { display:block; height:100%; }
#section3 .movie .mv a div { display:table; width:100%; height:100%; text-align:center; font-size:45px; line-height:1.3; }
#section3 .movie .mv a div p { display:table-cell; vertical-align:middle; color:#fff; font-weight:200; }
#section3 .movie .mv a div p span { color:#cfa075; display:block;  }
#section3 .movie .mv a div p span:after { content:''; display:block; margin:50px auto 0; width:138px; height:138px; background:url(../img/main/section3_play.png) no-repeat 50% 50%;}


#section4 .main-inner { max-width:1228px; }
#section4 .tit:before { background:#643811; }
#section4 .tit,
#section4 .txt { color:#222; }
#section4 .col-box .fl { width:64.02337228715%; }
#section4 .col-box .fr { width:34.7245409015%;   }
#section4 .fl .tit2 { font-family: 'nq'; font-size:30px; line-height:62px; color:#643811; position:relative; }
#section4 .fl .tit2 a { position:absolute; right:0; top:0; background:url(../img/main/ico_more.png) no-repeat 50% 50%; width:45px; height:45px; }
#section4 .fl ul:after { display:block; content:''; clear:both; }
#section4 .fl ul li { float:left; width:50%; }
#section4 .fl ul li a { display:block; font-family:'noto'; }
#section4 .fl ul li:first-child { padding-right:5px; }
#section4 .fl ul li:last-child { padding-left:5px; }
#section4 .fl ul li .img { } 
#section4 .fl ul li .info { padding: 20px; min-height:140px; background: #fff; border: 1px solid #643811; border-top: none; box-sizing: border-box; }
#section4 .fl ul li .info em { font-style:normal; font-size:16px; color:#000; font-weight:200; }
#section4 .fl ul li .info strong { display:block; font-size:20px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 8px 0; font-weight:500; }
#section4 .fl ul li .info p { font-size:15px; color:#444; line-height:20px; height:40px; overflow:hidden; }
#section4 .fr a { display:block;  height:416px; background:#643811; text-align:center; color:#fff; font-family:'noto'; transition:background-color 0.3s ease; -webkit-transition:background-color 0.3s ease; }
#section4 .fr a strong { display:block; padding: 70px 0 20px; font-family: 'nq'; font-weight:600; font-size:35px; }
#section4 .fr a p { font-size:16px; line-height:1.7; padding-top:120px; background:url(../img/main/ico_notice.png) no-repeat 50% 0;  font-weight:200; }
#section4 .fr a:hover {background-color:#cfad94;}


/*
#fp-nav ul li:nth-child(1) .active .fp-sr-only + span { background:no-repeat 50% 50%; background-color: #00514b; background-image: url(../img/main/ico_scroll1.png); }
#fp-nav ul li:nth-child(2) .active .fp-sr-only + span { background:no-repeat 50% 50%; background-color: #cfa075; background-image: url(../img/main/ico_scroll2.png); }
#fp-nav ul li:nth-child(3) .active .fp-sr-only + span { background:no-repeat 50% 50%; background-color: #00514b; background-image: url(../img/main/ico_scroll3.png); }
#fp-nav ul li:nth-child(4) .active .fp-sr-only + span { background:no-repeat 50% 50%; background-color: #00514b; background-image: url(../img/main/ico_scroll4.png); }
*/
/*
#fp-nav ul li:nth-child(1) .fp-sr-only + span:before { content: '1'}
#fp-nav ul li:nth-child(2) .fp-sr-only + span:before { content: '2'}
#fp-nav ul li:nth-child(3) .fp-sr-only + span:before { content: '3'}
#fp-nav ul li:nth-child(4) .fp-sr-only + span:before { content: '4'}
#fp-nav ul li:nth-child(5) .fp-sr-only + span:before { content: '5'}
#fp-nav ul li:nth-child(6) .fp-sr-only + span:before { content: '6'}
*/
#fp-nav ul li a.active .fp-sr-only + span:before { display: block; }

/*#fp-nav ul li a.active:before { content: ''; position: absolute; left: 8px; top:7px; width:25px; height: 1px; background: #000; }*/
#fp-nav ul li a span { width:12px; height: 12px; background: #867f80; box-shadow: 0 3px 9px rgba(0,0,0,0.25); }
#fp-nav ul li a.active span { width:14px; height: 14px; background: #FFF; }
#fp-nav ul li .fp-tooltip { font-size:12px; white-space: nowrap;  color:#fff; font-family: 'noto'; font-weight: 200;}
body.fp-viewing-page5 #fp-nav ul li .fp-tooltip { color:#000; }

#s-footer { padding:40px 15px 50px;  background:#bbb; }
#s-footer .foot-inner { max-width:1300px; position:relative;  font-family:'noto'; margin:0 auto;  }
#s-footer .logo { position:absolute; left:0; top:0; }
#s-footer .info { margin-left:345px; font-size:16px;  }
#s-footer .info .menu { margin-bottom:24px; }
#s-footer .info .menu a { display:inline-block; vertical-align:middle; color:#222; line-height:16px; position:relative; }
#s-footer .info .menu a:hover {color:#643811}
#s-footer .info .menu a + a { margin-left:20px; padding-left:21px; }
#s-footer .info .menu a + a:before { content:''; position:absolute; left:0; top:3px; width:1px; height:10px; background:#666; }

#s-footer .info .info1 {  }
#s-footer .info .info1 span { display:inline-block; vertical-align:middle; color:#222; line-height:16px; position:relative; }
/*
#s-footer .info .info1 span + span { margin-left:20px; padding-left:21px; }
#s-footer .info .info1 span + span:before { content:''; position:absolute; left:0; top:3px; width:1px; height:10px; background:#a3aaa8; }
*/
#s-footer .info .addr { color:#666; }
#s-footer .info .addr .inline-block { display:inline-block; vertical-align:middle; line-height:16px; position:relative; }
#s-footer .info .addr .inline-block + .inline-block { margin-left:20px; padding-left:21px; }
#s-footer .info .addr .inline-block + .inline-block:before { content:''; position:absolute; left:0; top:3px; width:1px; height:10px; background:#666; }
#s-footer .info .addr a:hover { color:#643811 }
#s-footer .info .copy { font-size:14px; color:#666; padding-top:25px; }
#topBtn { position:fixed; right:50px; bottom:50px; width:60px; height:60px; border-radius:100%; background:#643811 url(../img/common/ico_scroll_top.png) no-repeat 50% 50%; z-index:20; }

/*********************************************************************************************************************************************************************
	Sub
*********************************************************************************************************************************************************************/
.sub-head { margin-top:120px; height:420px; /*background: #643811 url(../img/common/bg_sub.png) no-repeat 100% 50%;*/ background-size:cover;  }
.sub-head .tb { display: table; width:100%; height: 100%; }
.sub-head .tb div { display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 40px; }
.sub-head .tb div .t1 { font-size:20px; color: rgba(255,255,255,0.4);}
.sub-head .tb div .t2 { font-family:'nq'; font-size:80px; color: #fff; line-height: 1; padding: 30px 0 45px; font-weight: 200; letter-spacing:-1px; }
.sub-head .tb div .t3 { font-size:25px; color: #cd9e72; font-weight: 200;}

.snb { background: #aaa; margin-bottom: 100px; }
.snb .nav { max-width:1200px; margin: 0 auto; }
.snb .nav:after { display: block; content: ''; clear: both; }
.snb .nav a { float:left; line-height: 58px; height: 59px; text-align: center; font-size:20px; color: #fff; border-bottom: 3px solid transparent;  font-family: 'noto'; font-weight: 300; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.snb .nav a.active,
.snb .nav a:hover { border-color:#643811; color: #643811; font-weight: 600;}
.snb .nav.col7 a { width:14.28571428571429%; }
.snb .nav.col6 a { width:16.66666666666667%; }
.snb .nav.col5 a { width:20%; }
.snb .nav.col4 a { width:25%; }
.snb .nav.col3 a { width:33.33333333333334%; }
.snb .nav.col2 a { width:50%; }
.snb .nav.col1 { text-align: center; }
.snb .nav.col1 a { display: inline-block; float:none; padding:0 30px;}

#s-container h2 { text-align: center; font-family:'nq'; font-size:50px; color: #333; padding-bottom: 30px; margin-bottom: 90px; position: relative; font-weight: 400; letter-spacing:-0.5px; }
#s-container h2:before { content: ''; position: absolute; left: 50%; bottom:0; width:54px; height:3px; margin-left: -27px; background: #cfa074; }

.padding { padding:0 15px; }
.about1-1:after { display: block; content: ''; clear: both; }
.about1-1 > div:after { display: block; content: ''; clear: both; }
.about1-1 { position: relative; margin-bottom: 120px; }
.about1-1 .fl { width:50%; }
.about1-1 .fl .in { float:right; width:600px; }
.about1-1 .fl:before { content: ''; position: absolute; left: 0; right:50%; bottom:0; height: 50%; background: #eeeeee; z-index:-1; }
.about1-1 .fl .t1 { font-family:'nq'; font-size:50px; color: #333; line-height: 1.3; font-weight: 600; padding:160px 0 40px;  }
.about1-1 .fl .t2 { font-size:17px; color: #444; line-height: 1.5;  padding:60px 30px 0 0; }
.about1-1 .fr { width:50%; }
.about1-1 .fr .in { width:600px; }
.about1-2 { text-align:center; font-size:0; margin:0 auto 90px; display: flex;align-items: center;justify-content: center;gap: 20px;max-width: 1100px;padding: 0 20px;}
.about1-2 .box { display: inline-block; vertical-align: middle;width:calc((100% - 40px) / 3); background: #cfad94; }
.about1-2 .box a {display:block;padding:30px 10px;}
.about1-2 .box em { display: block; width:80px; height:77px; margin: 0 auto 35px; /*background: url(../img/about/ico1_1.png) no-repeat 0 0;*/ position: relative; }
.about1-2 .box p { font-size:24px; font-weight: 600; color: #fff;  position: relative; }
.about1-2 .box em:before { content: ''; position: absolute; left: 50%; bottom:-14px; width:26px; height: 1px; background: #643811; margin-left: -13px; }
.about1-2 .box.b1 em { /*background-image: url(../img/about/ico1_1.png)*/}
.about1-2 .box.b2 em { /* background-image: url(../img/about/ico1_2.png) */}
.about1-2 .box.b3 em { /* background-image: url(../img/about/ico1_3.png) */}
.about1-2 .box.b4 em { /* background-image: url(../img/about/ico1_4.png) */}
.about1-2 .box.b4 p { margin-top:-5px; }
.about1-3 { padding:180px 15px; /*background: url(../img/about/bg1_1.png) no-repeat 50% 50%; background-size:cover; */}
.about1-3 div p { font-size:35px; line-height: 1.6; color: #fff; font-weight: 400; text-align: center;}

.about2-1 { } 
.about2-1 .t1 { text-align:center ; font-size:35px; line-height:1.4; color:#333; margin-bottom:100px; }
.about2-1 .img { text-align:center; margin-bottom:100px;  }
.about2-1 .img .mobile { }
.about2-1 .img .mobile ul { text-align:left;  }
.about2-1 .img .mobile ul li { font-size:14px; line-height:1.7; margin-bottom:7px; }
.about2-1 .img .mobile ul li strong { font-size:16px; color:#222; display:block;  }

.about3-1 { max-width:1430px; margin: 0 auto; padding:0 15px; }
.about3-1 .head { padding: 160px 20px 70px;/*background: url(../img/about/bg3.jpg) no-repeat 50% 50%; background-size:cover;*/ overflow: hidden; margin:0 -15px; }
.about3-1 .head div { float:right; width:50%; font-size:48px; color: #fff;  }
.about3-1 .body { position: relative; padding-bottom:100px;  }
.about3-1 .body:before { content: ''; position: absolute; left: 50%; top:0; bottom:0; width:1px; background: #cd9e72; }
.about3-1 .body .article:after { display: block; content: ''; clear: both; }
.about3-1 .body .article > div { position: relative; width:50%; margin-top:75px; }
.about3-1 .body .article > div:after { content: ''; position: absolute; left: 0; top:23px; width:62px; height:1px; background: #cd9e72; }
.about3-1 .body .article .span_before { content: ''; position: absolute; top:10px; left:-13px; /* background: url(../img/about/ico_history.png) no-repeat 0 0;*/ width:27px; height: 26px; z-index:2; }
.about3-1 .body .fr { padding:0 10px 0 80px; }
.about3-1 .body h3 { font-size:50px; color: #643811; font-weight: 400; margin-bottom: 15px;}
.about3-1 .body dl:after  { display: block; content: ''; clear: both; }
.about3-1 .body dl { font-size:20px; line-height: 1.4; margin-bottom: 15px; color: #444; }
.about3-1 .body dl dt { float:left; margin-right:15px; }
.about3-1 .body dl dd { overflow: hidden; }
.about3-1 .body .fl { text-align: right; padding-right:80px; }
.about3-1 .body .fl dt { float:right; margin:0 0 0 15px; }
.about3-1 .body .article .fl:before { left: inherit; right:-14px; }
.about3-1 .body .article .fl:after { left: inherit; right:0; }

.about4-1 { text-align: center; margin-bottom: 100px; padding:0 15px; }

.about5-1 .t1 { text-align: center; font-size:35px; color: #333; }
.about5-1 .t2 { text-align: center; font-size:17px; line-height: 1.5; color: #444; font-family: 'noto'; margin:80px 0; }
.about5-1 .bi1 { margin-bottom: 65px; }
.about5-1 .bi2 { margin-bottom: 90px; }
.about5-1 .t3 { font-size:17px; line-height: 1.5; color: #444; margin-bottom: 45px; }
.about5-1 .bi2 .color:after { display: block; content: ''; clear: both; }
.about5-1 .bi2 .color h4 { font-size:25px; color: #444; font-weight: 400; margin-bottom: 30px; }
.about5-1 .bi2 .color div { font-size:0; }
.about5-1 .bi2 .color .fr { padding-left: 20px; }
.about5-1 .bi2 .color .c { display: inline-block; vertical-align: top; }
.about5-1 .bi2 .color .c + .c { margin-left: 30px; }
.about5-1 h3 { margin-bottom: 40px; }
.about5-1 h3:after { display: block; content: ''; clear: both; }
.about5-1 h3 p { font-size:35px;display: inline-block; padding-left: 40px; /*background: url(../img/about/ico_tit.png) no-repeat 0 50%;*/ font-weight: 400; color: #643811; }
.about5-1 h3 .fr .btn-down { display: inline-block; vertical-align: middle; padding: 0 35px; height:52px; line-height: 52px; background: #643811; font-size:20px; color: #fff; font-weight: 400; }
.about5-1 h3 .fr .btn-down:after { content:''; display: inline-block; vertical-align: middle; background: url(../img/about/ico_down.png) no-repeat 0 0; width:28px; height: 31px; margin:-5px 0 0 10px; }
.signature { background: url(../img/about/bg_grid.png) no-repeat 0 0; height: 340px; }
.signature:after { display: block; content: ''; clear: both; }
.signature div { padding:27px 15px 38px; text-align: center; }
.signature div strong { display: block; font-size:25px; color: #444; font-weight: 400; }
.signature div p { padding-top:40px; }
.signature .fl { width:50%; }
.signature .fr { width:50%; }
.signature .fr p { padding-top:110px; }
.about5-1 .bi3 { margin-bottom: 100px; }
.about5-1 .bi3 h3 { font-size:30px; color: #643811; font-weight: 400; padding-left: 35px; /*background: url(../img/about/ico_tit2.png) no-repeat 0 50%;*/ }
.about5-1 .bi3 h3 span { font-size:15px; color: #cd9e72; margin-left: 7px; }
.about5-1 .bi3 .clear div { width:50%; }

.conf-list ul { margin:0 -12px; }
.conf-list ul:after { display: block; content: ''; clear: both; }
.conf-list ul li {float:left; width:25%; padding:0 12px 60px; }
.conf-list ul li a { display: block; position: relative; border: 1px solid #ccc; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.conf-list ul li a span { position: absolute; right:0; bottom:0; background: url(../img/about/btn_view.png ) no-repeat 0 0; width:50px; height: 47px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.conf-list ul li a img { width:100%; }
.conf-list ul li > p { padding-top:17px; text-align: center; font-size:20px; color: #333; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conf-list ul li a:hover { border-color:#643811; }
.conf-list ul li a:hover span { background-image: url(../img/about/btn_view_over.png); }


.biz-box { margin-bottom: 100px; }
.biz-box .biz1 .fl { width:50%; padding-left:100px; }
.biz-box .biz1 .fl h3 { font-size:50px; line-height: 1.2; color: #643811; font-weight: 200; position: relative; padding-bottom: 28px; margin-bottom: 35px; letter-spacing:-0.5px; }
.biz-box .biz1 .fl h3 strong { display: block; }
.biz-box .biz1 .fl h3:before { content: ''; position: absolute; left: 0; bottom:0; height: 3px; width:160px; background: #cd9e72; }
.biz-box .biz1 .fl p { font-size:17px; line-height: 1.7; color: #444; width:80%;  }
.biz-box .biz1 .fl ul li { font-size:17px; line-height:1.4; margin-bottom:8px; color:#666; padding-left:20px; position:relative; font-family:'noto'; font-weight:300;}
.biz-box .biz1 .fl ul li:before { content:''; position:absolute ;left:0;top:10px; width:5px; height:5px; border-radius:100%; background:#cfa074; }
.biz-box .biz1 .fr { width:50%;  }
.biz-box .biz2 { /*background: url(../img/biz/bg.jpg) no-repeat 50% 50%; background-size:cover;*/ margin:100px 0 60px; }
.biz-box .biz2 p { font-size:45px; line-height:1.3; color: #fff; font-weight: 200; padding: 180px 15px; text-align: center;}
.txt-box .fl { width:25%; font-family:'nq'; font-size:35px; color: #643811; font-weight: 400; }
.txt-box .fr { width:75%;  }
.txt-box .fr dl { color: #444; font-size:17px; line-height:1.5; font-family: 'noto'; font-weight: 300;}
.txt-box .fr dl + dl { margin-top:50px; }
.txt-box .fr dl dt { font-size:25px; color: #444; margin-bottom: 15px; }
.txt-box .fr dl dd ul li { padding-left: 0.5em; }
.txt-box .fr dl dd ul li strong { color: #643811; font-weight: 600;}
.txt-box .fr dl dd ul li:before { content: '-'; margin-left: -0.5em; padding-right: 0.25em; }

/*********************************************************************************************************************************************************************
	Board
*********************************************************************************************************************************************************************/
.board-box { }
.board-box .head { margin-bottom:60px; }
.board-box .head:after { display:block; content:''; clear:both; }
.board-box .head .fl { }
.board-box .head .fl h3 { font-size:17px; color:#444; font-family:'noto'; font-weight:400; }
.board-box .head .fr .inp { margin:0 4px; }
.board-box .head .fr.srch-type { float:none; text-align:center; }
.notice-list ul:after { display:block; content:''; clear:both; }
.notice-list ul { margin:0 -14px; }
.notice-list ul li { float:left; width:33.3333333333333%; padding:0 14px 28px; }
.notice-list ul li .box { position:relative; }
.notice-list ul li .box .checkbox-select { position:absolute; left:10px; top:10px; }
.notice-list ul li .box a { display:block; height:405px; border:1px solid #bbb; color:#000; font-family:'noto'; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.notice-list ul li .box a:hover { border-color:#cd9e72; }  
.notice-list ul li .box a .img img { width:100%; }
.notice-list ul li .box a .info { padding:25px; }
.notice-list ul li .box a .info em { font-size:16px; }
.notice-list ul li .box a .info strong { display:block; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:17px 0; font-weight:400; }
.notice-list ul li .box a .info div { font-size:15px; color:#444; line-height:25px; height:50px; overflow:hidden; word-break:break-all;  }
.notice-list ul li .box a .info div p {word-break:break-all;  } 

.board-view { font-family:'noto'; font-weight:400;  margin-bottom:70px; }
.board-view .subject { text-align:center; padding:22px 15px; border-top:1px solid #643811; border-bottom:1px solid #d9d9d9; }
.board-view .subject div { font-size:24px; color:#444; margin-bottom:12px; line-height:1.4; word-break:break-all; }
.board-view .subject p { font-size:18px; color:#aaa; font-weight:200; }
.board-view .text-area { padding:50px 60px; font-size:17px; line-height:1.7; color:#444; border-bottom:1px solid #d9d9d9; }
.board-view .files { border-bottom:1px solid #d9d9d9;  }
.board-view .files dl { padding:20px 15px 20px 160px; position:relative; font-size:17px; color:#444; line-height:1.7; } 
.board-view .files dl:after { display:block; content:''; clear:both; }
.board-view .files dl dt { position:absolute; left:15px; top:20px;  padding:0 26px; background:url(../img/common/ico_file.png) no-repeat 100% 50%; }
.board-view .files dl dd { }
.board-view .files dl dd a { color:#444; }

.board-write { border-top:1px solid #643811;  }
.board-write dl:after { display:block; content:''; clear:both; }
.board-write dl { padding:20px 60px; border-bottom:1px solid #d9d9d9; }
.board-write dl dt { float:left; width:22%; font-size:20px; color:#444; line-height:48px; }
.board-write dl dt em { color:#dd0f0a; }
.board-write dl dd { float:left; width:78%; }

.btn-bottom { text-align:center; margin:70px 0 150px; }

.online-desc { margin-bottom:50px;  }
.online-desc .t1 { text-align:center; font-size:20px; color:#333;  }
.online-desc .t2 { padding:40px 35px; background:#f8f8f8; border:1px solid #ddd; font-size:17px; line-height:1.5; color:#444; font-family:'noto'; overflow:auto; height:310px; margin:43px 0 15px; }
.online-desc .t2 em { font-size:20px; display:block; margin-bottom:24px; }
.online-desc .agree { text-align:right; }
.online-desc .agree label { font-size:15px; color:#444;font-family:'noto'; }

.online-inp-box { }
.online-inp-box.hp > div { float:left; }
.online-inp-box.hp > div:nth-child(1) { width:33%; }
.online-inp-box.hp > div:nth-child(2){ width:34%; padding:0 18px; }
.online-inp-box.hp > div:nth-child(3) { width:33%; }

.movie-list { }
.movie-list ul li { margin-bottom:34px; border:1px solid #d9d9d9; padding-left:430px; position:relative;  }
.movie-list ul li .mv { position:absolute; left:0; top:0; }
.movie-list ul li .info { padding:35px 20px 15px; min-height:220px; font-family:'noto' }
.movie-list ul li .info strong { display:block; font-size:20px; color:#444; margin-bottom:37px; line-height:1.4; font-weight:500; }
.movie-list ul li .info div { font-size:17px; color:#444; line-height:1.4; } 

.faq-list { }
.faq-list li { margin-bottom:23px; border:1px solid #d9d9d9; font-family:'noto'; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.faq-list li .q { display:block; position:relative; padding:30px 150px 30px 170px; }
.faq-list li .q:before { content:''; position:absolute; left:135px; top:17px; bottom:17px; width:1px; background:#cfa074; }
.faq-list li .q em { position:absolute; left:0; top:0;bottom:0; width:110px; background:url(../img/common/ico_faq.png) no-repeat 50% 50%; }
.faq-list li .q span { position:absolute; right:45px; top:50%; margin-top:-8px;  width:74px; height:16px; width:110px; background:url(../img/common/ico_faq_flip_off.png) no-repeat 50% 50%; }
.faq-list li .q strong { display:block ;font-size:20px; color:#444; font-weight:400; }
.faq-list li.active { background:#f8f8f8; }
.faq-list li.active .q span { background-image:url(../img/common/ico_faq_flip_on.png); }
.faq-list li .a { display: none;padding:28px 50px; font-size:15px; line-height:1.7; color:#444; border-top:1px solid #d9d9d9; }

.contact { margin-bottom: 150px; } 
.contact .map { border: 1px solid #d9d9d9; height: 530px; margin-bottom: 40px; }
.contact > ul:after { display: block; content: ''; clear: both; }
.contact > ul { margin:0 -13px; }
.contact > ul li { float:left; width:25%; padding: 0 13px; font-family: 'noto'; }
.contact > ul li div { height:220px; border: 1px solid #d9d9d9; text-align: center; padding:20px 10px; display:flex; flex-direction:column; align-items:center; /*justify-content:space-around;*/ }
.contact > ul li div strong{ display: block; font-size:17px; color: #cfa074; /*padding-top:88px;*/ background-repeat: no-repeat; background-position: 50% 32px; font-weight: 300;}
.contact > ul li div strong i { font-size:3em; }
.contact > ul li div p { font-size:17px; line-height: 24px; color: #444444; padding-top:20px; word-break:keep-all; }
.contact > ul li:nth-child(1) div { background: #eeeeee; }
/* .contact > ul li:nth-child(1) p { padding-top:16px;} */
/*
.contact > ul li:nth-child(1) div strong {background-image:url(../img/common/ico_map1.png)}
.contact > ul li:nth-child(2) div strong {background-image:url(../img/common/ico_map2.png)}
.contact > ul li:nth-child(3) div strong {background-image:url(../img/common/ico_map3.png)}
.contact > ul li:nth-child(4) div strong {background-image:url(../img/common/ico_map4.png)}
*/

.terms { margin-bottom: 150px;}
.terms div { font-family: 'noto'; font-size:17px; line-height:1.7; font-weight: 300;}
.emailmsg { font-family: 'noto'; font-size:17px; line-height:1.7; font-weight: 300; text-align: center; margin-bottom: 200px}

.product-list { }
.product-list ul { margin:0 -13px; }
.product-list ul:after { display: block; content: ''; clear: both; }
.product-list ul li { float:left; width:33.3333%; padding:0 13px 26px; }
.product-list ul li a { display: block; text-align: center; position: relative; }
.product-list ul li a img { width:100%; }
.product-list ul li a .info { opacity:0; position: absolute; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.73); text-align: center; border: 1px solid #cd9e72; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.product-list ul li a .info > div { display: table; width:100%; height: 100%; }
.product-list ul li a .info > div > div { display: table-cell; vertical-align: middle; color: #fff;  font-family: 'noto'; padding:0 15px; }
.product-list ul li a .info > div > div em { font-size:16px; font-weight: 200; display: block; margin-bottom: 25px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transform: translateY(-20px); -webkit-transform: translateY(-20px)}
.product-list ul li a .info > div > div div{ display: block; font-size:25px; font-weight: 500;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition-delay: 0.05s; -webkit-transition-delay: 0.05s; opacity:0; }
.product-list ul li a:hover .info { opacity:1; }
.product-list ul li a:hover .info > div > div em { transform: translateY(0); -webkit-transform: translateY(0);}
.product-list ul li a:hover .info > div > div div { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}

/* 제품소개 */
.product { }
.product .head { margin-bottom:120px; }
.product .head .fl { width:50%; padding-left:110px; } 
.product .head .fl h3 { font-size:50px; line-height: 1.2; color: #643811; font-weight: 200; position: relative; padding-bottom: 25px; margin-bottom: 40px; background-repeat:no-repeat; background-position:93% 60%; letter-spacing:-1px; }
.product .head .fl h3 strong { display: block; } 
.product .head .fl h3:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 3px; background: #cd9e72; }
.product.prd1 .head .fl h3 { /* background-image:url(../img/product/ico_top1.png); */ }
.product.prd2 .head .fl h3 { /* background-image:url(../img/product/ico_top2.png); */ background-position:93% 40%; }
.product.prd3 .head .fl h3 { /* background-image:url(../img/product/ico_top3.png); */ }
.product.prd4 .head .fl h3 { /* background-image:url(../img/product/ico_top4.png); */ }
.product.prd5 .head .fl h3 {/*  background-image:url(../img/product/ico_top5.png); */ }
.product .head .fl p { font-size:25px; line-height: 1.4; color: #444; margin-bottom:30px; font-family:'noto' }
.product .head .fl ul li { font-size:17px; line-height:1.6; margin-bottom:8px; color:#666; padding-left:20px; position:relative; font-family:'noto'; font-weight:300;}
.product .head .fl ul li:before { content:''; position:absolute ;left:0;top:10px; width:5px; height:5px; border-radius:100%; background:#cfa074; }
.product .head .fr { width:50%; text-align:right; }
.product .head .fr img { width:100%; }
.product .feature1 { position:relative; margin-bottom:100px; } 
.product .feature1:before { content:''; position:absolute ;left:0; right:0; bottom:0; height:32%; background:#d9e3e1; }
.product .feature1 .bg { padding:100px 15px;/*  background:url(../img/product/bg1.png) no-repeat 50% 50%; background-size:cover; */ text-align:center; position:relative; z-index:2; }
.product .feature1 .bg div { padding:120px 0 96px; position:relative; } 
.product .feature1 .bg .bg_before { content:''; position:absolute ;left:50%; top:0; margin-left:-23px; width:47px; height:42px;/*  background:url(../img/product/ico_msg_head.png) no-repeat 50% 50%; */ }
.product .feature1 .bg .bg_after { content:''; position:absolute ;left:50%; bottom:0; margin-left:-23px; width:47px; height:42px; /* background:url(../img/product/ico_msg_foot.png) no-repeat 50% 50%; */ }
.product .feature1 .bg div dl + dl { margin-top:38px; }
.product .feature1 .bg div dl {font-size:25px; line-height:1.5; color:#fff; font-weight:200; }
.product .feature1 .bg div dl dd { color:#cfa074; }
.product h4 { margin-bottom: 40px; font-family:'nq'; font-size:35px;display: inline-block; /*padding-left: 40px;*/ /*background: url(../img/about/ico_tit.png)*/ no-repeat 0 50%; font-weight: 400; color: #643811;  }
.product .t1 { font-size:17px; line-height:1.6; color:#444; margin-bottom:90px; font-family:'noto';font-weight:300; } 
.product .goods { margin-bottom:60px; }
.product .goods ul:after { display:block; content:''; clear:both; }
.product .goods ul { margin:0 -40px; }
.product .goods ul li { float:left; width:33.3333333333%; padding:0 40px 20px;  }
.product .goods ul li div { /*height:340px;*/ /* background:url(../img/product/bg2.png) no-repeat 50% 50%; background-size:cover; */ text-align:center; } 
.product .goods ul li div strong { display:block; font-size:60px; color:#643811; font-weight:200; padding-top:190px; background-repeat:no-repeat ;background-position:50% 60px; }
/* .product .goods ul li div.ic1 strong { background-image: url(../img/product/ico1_1.png); }
.product .goods ul li div.ic2 strong { background-image: url(../img/product/ico1_2.png); }
.product .goods ul li div.ic3 strong { background-image: url(../img/product/ico1_3.png); }
.product .goods ul li div.ic4 strong { background-image: url(../img/product/ico2_1.png); }
.product .goods ul li div.ic5 strong { background-image: url(../img/product/ico2_2.png); }
.product .goods ul li div.ic6 strong { background-image: url(../img/product/ico2_3.png); }
.product .goods ul li div.ic7 strong { background-image: url(../img/product/ico3_1.png); }
.product .goods ul li div.ic8 strong { background-image: url(../img/product/ico3_2.png); }
.product .goods ul li div.ic9 strong { background-image: url(../img/product/ico3_3.png); } */
.product .goods ul li p { text-align:center; /* padding-top:30px; */ font-size:17px; line-height:1.6; height:150px; color:#444; font-family:'noto'; word-break:keep-all; }
.product .install ol { list-style:none; margin:0 -23px; } 
.product .install ol:after { display:block; content:''; clear:both; }
.product .install ol li { float:left; width:33.33333333% ;padding:0 23px 31px; }
.product .install ol li .box { } 
.product .install ol li .box .img { position:relative; } 
.product .install ol li .box .img img { width:100%; }
.product .install ol li .box .img span { position:absolute ;left:0; top:0; width:93px; height:82px; line-height:81px; background: url(../img/product/label_install.png) no-repeat 0 0; text-align:center; font-size:35px; color:#fff; text-indent:-11px; }
.product .install ol li .box p { height:100px; padding-top:15px; font-size:16px; line-height:1.4; color:#444; text-align:center; font-family:'noto'; font-weight:300; }
.product .manual { padding:140px 20px; /* background:url(../img/product/bg_movie1.png) no-repeat 50% 50%; background-size:cover; */ text-align:center; color:#fff;  font-weight:300 }
.product.prd2 .manual { background-image:url(../img/product/bg_movie2.png); }
.product .manual div { font-size:53px; margin-bottom:15px;  }
.product .manual p { font-size:25px; margin-bottom:75px;  }
.product .manual .btn-view { display:inline-block; background:url(../img/product/ico_play.png) no-repeat 50% 50%; width:152px; height:152px; }
.product .level-step { text-align:center; margin-bottom:230px; }
.product .level-step div { display:inline-block; vertical-align:top; margin:0 20px; }
.product .level-step div span { display:block; font-size:17px; color:#444; font-family:'noto'; }
.product .prd3-1 { padding:25px 20px; background:#eee; text-align:center; margin-bottom:80px;  }
.product .prd3-2 { overflow:hidden; margin:80px 0 120px; }
.product .prd3-2 div { float:left; width:50%; }
.product .prd3-2 div img { width:100%; }

.table {width:100%; border-collapse: collapse; border-top:2px solid #8C4A0F;}
.table th {background:#efefef; border-bottom: 1px solid #dedede; height:50px; padding:5px 10px; text-align:center; font-size:16px; font-weight:500; color: #222; }
.table td {border-bottom: 1px solid #dedede; font-size: 16px; padding:5px 10px; font-weight:300; text-align:center; }
.table thead th, .table thead td { background:#BFA38A !important; border:1px solid #fff; text-align:center; font-size:16px; font-weight:500; color: #fff; width:auto; }
.table td em { color:#8C4A0F; }
.table tr:last-child th, .feature1 tr:last-child td {border-bottom: 1px solid #ddd;}












.pg_wrap { margin-bottom: 100px; }
.pg_page { width:44px; height:44px; background:#fff; border:1px solid #eee; line-height:42px; font-size:20px; color:#643811; margin:0 2px; border-radius:0;}
.pg_page:hover { background-color:transparent; border-color:#643811; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.pg_current { width:44px; height:44px; background:#643811; border:1px solid #643811; line-height:42px; font-size:20px; color:#fff; margin:0 2px; border-radius:0; font-weight:600; box-shadow:none;}
.pg_start { border:0; background:url(../img/common/page_first.png) no-repeat 50% 50%; }
.pg_prev{ border:0; background:url(../img/common/page_prev.png) no-repeat 50% 50%; }
.pg_next { border:0; background:url(../img/common/page_next.png) no-repeat 50% 50%; }
.pg_end { border:0; background:url(../img/common/page_last.png) no-repeat 50% 50%; }
#bo_cate {display:none; }
.auth-img img { max-width:550px; width:100%;}




/* GNU */
.bo_fx { float:none; margin-bottom:40px;  }
.btn_bo_user li { margin-bottom:5px; }
.write_div { margin:30px 0; text-align:center;}


.mobile { display: none; }
@media all and (max-width:1600px) {
	#s-gnb > ul > li { padding:0 15px; }
	#s-gnb .dep2 { padding-left: 25px;}
}

@media all and (max-width:1370px) {
	#s-gnb { display:none; }
}


@media all and (max-width:1280px) {
	#section2 .list ul li a p { padding:0 10px; font-size:13px;  }
	#section4 .fr a strong { font-size:28px; }
	.about1-1 { text-align: center; }
	.about1-1 .fl { float:none; width:100%; }
	.about1-1 .fr { float:none; width:100%; }
	.about1-1 .fl .in,
	.about1-1 .fr .in { width:auto; }
	.about1-1 .fl:before { display: none; }
	.about1-1 .fl .t1 { padding-top:20px; }
	.about1-1 .fl .t2 {  margin-bottom: 40px; }
}
	
@media all and (max-width:1180px) {
	.about5-1 .bi2 .color div { float:none; text-align: center;}
	.about5-1 .bi2 .color .fr { padding:50px 0 0 0;}
	.biz-box .biz1 .fl { padding-left:0; }
	.biz-box .biz1 .fl p { width:95%; }
	.product .head .fl { padding-left:0; }
	.feature1 .inner1444 { padding:0; }
	
}
@media all and (max-width:960px) {
	.product .head .fl h3 { font-size:35px; background-size:auto 50px; padding-bottom:18px; margin-bottom:25px; }
	.product .head .fl p { font-size:18px; margin-bottom:20px; }
	.product .head .fl ul li { font-size:14px; padding-left:10px; }
	.product .head .fl ul li:before { top:7px; width:4px; height:4px; }
	.biz-box .biz1 .fl ul li { font-size:14px; padding-left:10px; }
	.biz-box .biz1 .fl ul li:before { top:7px; width:4px; height:4px; }

	#section2 .list  { text-align:center; font-size:0; }
	#section2 .list ul li { float:none; display:inline-block; vertical-align: top; width:33.3333%; }
	#section2 .list ul li a { min-height:250px; padding-top:120px; background-position: 50% 20px; background-size:100px auto;  }
	#section2 .list ul li a strong { font-size:20px; margin-bottom: 20px; }
	.section .txt { font-size:15px; margin-bottom: 60px; }
	#section3 .main-inner { display:block; }
	#section3 .main-inner > div { width:100%; }
	#section3 .half_bg { display:none; }
	/*
	#section3 .movie { height:300px; }
	#section3 .movie .mv a div { font-size:30px; }
	#section3 .movie .mv a div p span:after{  margin:25px auto; width:80px; height:80px; background-size:80px auto; }
	*/
	#section4 .col-box .fl { float:none; width:100%; }
	#section4 .col-box .fr { float:none; width:100%;  margin-top:15px;  }
	#section4 .fr a { height:210px; }
	#section4 .fr a strong { padding:20px 0 0; }
	#section4 .fr a p { font-size:13px; padding-top:120px; }
	#section4 .fr a p br { display:none; }

	.gall_row .col-gn-4{width:33.33333% !important;}
}

@media all and (max-width:768px) {
	#fullpage { overflow-x:hidden; }
	.pc { display: none; }
	.mobile { display: inherit; }
	.sub-head{ padding-top:45px; margin-top:0; height:auto; /*background-image:url(../img/common/bg_sub_alpha.png);*/ }
	.sub-head .tb div { padding: 30px 15px; }
	.sub-head .tb div .t1 { font-size:13px; }
	.sub-head .tb div .t2 { font-size:40px; padding:15px 0 20px; }
	.sub-head .tb div .t3 { font-size:14px; }
	#s-container h2 { font-size:35px; padding-bottom: 15px; margin-bottom: 30px; }
	.snb { margin-bottom: 40px; }
	.mega_container { padding-bottom:40px; }
	
	.all-menu { display: block; left:inherit; width:300px; right:-300px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-image:url(../img/common/bg_menu_all_mobile.jpg); }	
	.all-menu .head  { z-index:20;}
	.all-menu .head .logo { display:none; }
	.all-menu .head .btn-close { right:15px; top:15px; width:27px; height: 27px; background-size:27px auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
	body.mobile .all-menu .head .btn-close { transform: rotate(180deg)}
	.all-menu .body { position: absolute; left: 0; right:0; top:0; bottom:0; overflow: auto; padding-top:60px; }
	.all-menu .body .menu { position: static; transform: translateY(0); -webkit-transform: translateY(0)}
	.all-menu .body .menu > ul { display: block; }
	.all-menu .body .menu > ul > li { display: block; width:auto; }
	.all-menu .body .menu .dep2 { display: none; margin:0 -15px; padding:015px; background:rgba(255,255,255,0.1); }
	.all-menu .body .menu .btn-dep1 { font-size:20px; padding-bottom: 0; margin-bottom: 0; padding:20px 0;  }
	.all-menu .body .menu .btn-dep1:before { width:40px; height:2px; bottom:10px; }
	.all-menu .body .menu .dep2 .btn-dep2 { font-size:14px; }
	body.mobile .all-menu { right:0; opacity:1;}
	body.mobile #s-wrap:before { content: ''; position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:1050;}
	
	
	#s-header { height:45px; background: rgba(0,0,0,0.6); z-index:1000; position: fixed; }
	#s-header h1 { position: static; text-align: center; padding-top:10px; }
	#s-header h1 a { width:156px; height:30px; background-size:156px auto; margin:0 auto; }
	#s-header .etc { position: static;}
	#s-header .etc .btn-link { display: none; }
	#s-header .etc .lang { position: absolute; left: 10px; top:10px;  margin: 0; float:none; width:90px; padding:0 7px; border-radius:10px; background-position: 69px 10px;  }
	#s-header .etc .lang .btn-lang { height: 25px; line-height: 26px; font-size:11px;  }
	#s-header .etc .lang ul li a { font-size:11px; }
	#s-header .etc .lang ul { padding:2px 0; line-height: 20px; }
	#s-header .etc .btn-all { position: absolute; right:10px; top:10px; margin-top:0; padding:3px 4px 0 5px; }
	#s-header .etc .btn-all span { width:27px; }
	#s-header .etc .btn-all span:nth-child(2) { margin:6px 0;}
	
	#s-header { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
	#s-header h1 a { /*background-image:url(../img/common/logo_main.png);*/ background-image:url(../data/hih_images/last/logo_kimsatgat_wh_mo.png) !important; }
	#s-header .etc .lang { border-color:#fff; background-image:url(../img/common/bu_arr_lang_main.png);  }
	#s-header.active h1 a { background-image:url(../img/common/logo.png); }
	#s-gnb .btn-dep1,
	#s-header .etc .btn-link,
	#s-header .etc .lang .btn-lang,
	#s-header .etc .lang ul li a { color:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
	#s-header .etc .btn-all span { background:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
	#s-header.active { background:#fff; }
	#s-header.active #s-gnb .btn-dep1 { color:#00514b; }
	#s-header.active .etc .btn-link,
	#s-header.active .etc .lang .btn-lang,
	#s-header.active .etc .lang ul li a { color:#000; }
	#s-header.active .etc .lang { border-color:#000; background-image:url(../img/common/bu_arr_lang.png) }
	#s-header.active .etc .btn-all span { background-color:#000; }


	#s-footer { padding:20px 10px 30px; text-align: center; }
	#s-footer .logo { position:static; }
	#s-footer .logo img { width:90px; }
	#s-footer .info { margin: 0; font-size:11px; }
	#s-footer .info .menu { margin: 10px 0; }
	#s-footer .info .copy { font-size:11px; padding-top:10px; }
	
	.section1-box { padding:0 20px;}
	.section1-box .title { font-size:40px; }
	.section1-box div { font-size:17px; }
	.section1-box div p { font-size:13px; }
	.section .tit { font-size:40px; margin-bottom:30px; padding-bottom:20px;}

	.about1-1 { margin-bottom: 60px;}
	.about1-1 .fl .t1 { font-size:30px; padding:0 0 15px; }
	.about1-1 .fl .t2 { font-size:14px; padding:0;}
	.about1-2 { margin:0 auto 40px; padding:0 15px; overflow: hidden;flex-direction:column; }
	.about1-2 .box { width:100%; }
	.about1-2 .box p { font-size:15px; }
	.about1-3 { padding:50px 15px; }
	.about1-3 div p { font-size:18px; }

	.about2-1 .t1 { font-size:16px; margin-bottom:40px; word-break:keep-all; }
	.about2-1 .img p img { width:90%; }

	.contact { margin-bottom: 50px; }
	.contact .map { height: 250px; }
	.contact > ul li { width:50%; margin-bottom: 26px; }
	.product-list ul li { width:50%; }
	.product-list ul li a .info > div > div em { font-size:12px; margin-bottom: 10px; transform: translateY(0); -webkit-transform: translateY(0);}
	.product-list ul li a .info > div > div div { font-size:19px; transform: translateY(0); -webkit-transform: translateY(0); opacity:1; }
	.faq-list li .q { padding:15px 70px 15px 90px; }
	.faq-list li .q:before { left: 75px; }
	.faq-list li .q em { width:70px; background-size:20px auto; }
	.faq-list li .q span { right:20px; width:40px; height: 9px; margin-top:-4px; background-size:40px auto;  }
	.faq-list li .q strong { font-size:16px; }
	.faq-list li .a { padding:15px 20px; font-size:13px; }
	.movie-list ul li { height: 152px; padding-left:250px; }
	.movie-list ul li .mv iframe { width:250px; height:150px; }
	.movie-list ul li .info { padding:20px 15px 20px; min-height: 150px; }
	.movie-list ul li .info strong { font-size:17px; margin-bottom: 20px;  }
	.movie-list ul li .info div { font-size:14px; }
	.notice-list ul li { width:50%; }
	.board-write dl { padding:10px 30px 10px 15px; }
	.board-write dl dt { font-size:14px; line-height: 35px; }
	
	.online-desc { margin-bottom: 25px; }
	.online-desc .t1 { font-size:15px; }
	.online-desc .t2 { padding:20px 15px; font-size:12px; height: 150px; margin:20px 0 5px; }
	.online-desc .t2 em { font-size:14px; margin-bottom: 10px; }
	.online-desc .agree label { font-size:12px; }
	
	.btn-bottom { margin:30px 0 90px; }
	.select { height: 35px; font-size:13px; padding:0 25px 0 10px; background-size:auto 25px; }
	.inp { height: 35px; font-size:13px; padding-left: 10px;  }
	.btn-type0 { height: 35px; line-height: 35px; font-size:13px; padding:0 25px; width:120px }
	.btn-type1 { height: 35px; line-height: 35px; font-size:13px; padding:0 25px;}
	.btn-type2 { height: 35px; line-height: 35px; font-size:13px; padding:0 25px; width:120px; }

	#topBtn { right:10px; bottom:10px; width:40px; height:40px; background-size:20px auto; }
	
	.about3-1 .head { padding:60px 10px; }
	.about3-1 .head div { float:none; width:auto; font-size:24px; text-align: center;}
	.about3-1 .body:before { left:20px; top:-30px; }
	.about3-1 .body .article .fl:before { left:-13px; right:inherit; }
	.about3-1 .body .article .fl:after { right:inherit; left:-1px;}
	.about3-1 .body { padding:0 20px;}
	.about3-1 .body .article > div { float:none; width:auto; text-align: left; padding:0 0 0 50px; margin-top:30px; }
	.about3-1 .body .article > div:after { width:40px; }
	.about3-1 .body h3 { font-size:30px; padding-top:8px; }
	.about3-1 .body dl { font-size:13px; margin-bottom: 10px; }
	.about3-1 .body .fl dt { float:left; margin:0 15px 0 0; }
	.about3-1 .body .fl dd { float:none; }
	.about3-1 .body .article:last-child dl:last-child { margin-bottom:0; padding-bottom: 60px; }
	
	.about5-1 .t1 { font-size:20px; }
	.about5-1 .t2 { font-size:13px; margin:40px 0; }
	.about5-1 h3 p { font-size:25px; padding-left: 25px; background-size:20px auto; }
	.about5-1 h3 .fr .btn-down { font-size:11px; height: 30px; line-height: 30px; padding:0 8px;  }
	.about5-1 h3 .fr .btn-down:after { width:15px; height:20px; background-size:15px auto; margin-top:-2px; }
	.about5-1 .bi3 h3 { font-size:22px; padding-left: 22px; background-size:13px auto;}
	.about5-1 .bi3 h3 span { font-size:12px; }
	.about5-1 .t3 { font-size:13px; margin-bottom: 25px; }
	.signature div strong { font-size:15px; }
	.signature .fr p { padding-top:60px; }
	.about5-1 .bi2 .color .c + .c { margin:30px 0 0 0;}
	.conf-list ul li { width:50%; }
	

	.biz-box .biz1 .fl { float:none; width:auto; /*text-align:center;*/ margin-bottom:40px;  }
	.biz-box .biz1 .fl h3 { font-size:30px; padding-bottom:18px; margin-bottom:20px; text-align:center; }
	.biz-box .biz1 .fl h3:before { left: 50%; width:60px; margin-left:-30px; height:2px; }
	.biz-box .biz1 .fl p { font-size:14px; }
	.biz-box .biz1 .fr { float:none; width:auto; /*margin:0 -15px;*/ }
	.biz-box .biz2 { margin:0 0 30px; }
	.biz-box .biz2 p { padding:50px 20px; font-size:18px; }
	.txt-box .fl { float:none; width:auto; font-size:25px; padding-bottom:10px; margin-bottom:25px; position:relative; }
	.txt-box .fl:before { content:''; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#643811; }
	.txt-box .fr { float:none; width:auto; }
	.txt-box .fr dl dt{ font-size:19px; margin-bottom:7px; }
	.txt-box .fr dl dd{ font-size:14px; }
	.txt-box .fr dl + dl { margin-top:20px; }
	.product .head { margin-bottom:0; }
	.product .head .fl { float:none; width:auto; margin-bottom:20px; }
	.product .head .fr { float:none; width:auto; margin:0 -15px; }
	.product .feature1 { margin-bottom:40px; }
	.product .feature1 .bg { padding:50px 15px; }
	.product .feature1 .bg div { padding:50px 0; }
	.product .feature1 .bg div dl { font-size:15px; }
	.product .feature1 .bg div dl + dl { margin-top:18px; }
	.product .feature1 .bg div:before { width:30px; height:27px; background-size:30px auto; margin-left:-15px;  }
	.product .feature1 .bg div:after{ width:30px; height:27px; background-size:30px auto; margin-left:-15px;  }
	.product h4 { /*padding-left:25px;*/ font-size:23px; letter-spacing:-1px; background-size:20px auto; margin-bottom:20px;  }
	.product .t1 { font-size:14px; margin-bottom:45px; }
	.product .goods {margin-bottom:25px; }
	.product .goods ul { margin:0 -5px; }
	.product .goods ul li { padding:0 5px 10px; }
	.product .goods ul li div { /*height:130px;*/ }
	.product .goods ul li div strong { font-size:15px; padding-top:85px; background-position:50% 20px; background-size:50px auto; }
	.product .goods ul li p { padding-top:10px; font-size:12px; height:140px; }
	.product .install ol { margin:0 -5px; }
	.product .install ol li { padding:0 5px 20px; }
	.product .install ol li .box .img span { width:40px; height:35px; background-size:40px auto; text-indent:-5px; line-height:35px; font-size:18px;  }
	.product .install ol li .box p { height:90px; font-size:12px;padding-top:10px; }
	.product .manual { padding:70px 20px; }
	.product .manual div { font-size:30px; }
	.product .manual p { font-size:18px; margin-bottom:30px; }
	.product .manual .btn-view { width:80px;height:80px; background-size:80px auto; }
	.product .level-step  { font-size:0; margin-bottom:70px; }
	.product .level-step div { margin:0; padding:0 5px 20px; }
	.product .level-step div img { height:110px; }
	.product .level-step div span {font-size:12px; }
	.product .prd3-1 { margin-bottom:30px; }
	.product .prd3-2 { margin:40px 0; }

	.table th, .table td { font-size:14px; }
	.table thead th, .table thead td { font-size:14px; }
	.table td {padding:5px 5px;}

}


@media all and (max-width:640px) {
	
	
	#section1 .swiper-container .btn-box { display:none; }
	.section1-box .title { font-size:30px; line-height: 1.2; padding-bottom: 70px; }
	.section1-box .title:before { bottom:30px; height:20px; }
	.section1-box div { font-size:14px; }
	.section1-box div p { font-size:12px; }
	.section1-box div p  br{  display: none; }
	#section1 .scroll { display: none; }
	.section .tit { padding-top:20px; font-size:30px; margin-bottom:20px; padding-bottom: 15px; }
	.section .txt { font-size:13px; margin-bottom: 30px; }
	#section2 { padding-bottom: 30px;}
	#section2 .list ul li { width:50%; }
	#section2 .list ul li a {min-height: 310px; }
	#section3 .movie .mv a div { font-size:22px; }
	#section3 .movie .mv a div { font-size:18px; }
	/*
	#section3 .movie { height:220px; }
	*/
	#section4 { padding-bottom: 40px; }
	#section4 .fl .tit2 { font-size:20px; line-height: 40px; }
	#section4 .fl .tit2 a { width:30px; height: 30px; background-size:30px auto; }
	#section4 .fl ul li { float:none; width:100%; padding: 0; margin-bottom: 10px; }
	#section4 .fl ul li:first-child,
	#section4 .fl ul li:last-child {padding:0;}
	#section4 .fl ul li .info strong { font-size:16px; }
	#section4 .fl ul li .info em { font-size:13px; 	}
	#section4 .fl ul li .info p { font-size:12px; line-height: 16px; height:32px; }
	#section4 .fr a { height:170px; }
	#section4 .fr a strong{ font-size:24px; }
	#section4 .fr a p { font-size:12px; padding-top:80px; background-size:80px auto !important; }
	#section4 .fl ul li .img img { width:100%; }
	.contact > ul { margin:0 -7px; }
	.contact > ul li { padding:0 7px; margin-bottom: 14px;}
	.contact > ul li div p { font-size:13px; line-height:16px; padding:0 15px; padding-top:40px; }
	.emailmsg,
	.terms div { font-size:13px; margin-bottom: 100px; }
	.product-list ul { margin: 0 ;}
	.product-list ul li { width:100%; padding:0; margin-bottom: 15px; }
	.product-list ul li a .info { top:70%; opacity:1; border: 0;  }
	
	.movie-list ul li { height: auto; padding:0; margin-bottom: 20px; }
	.movie-list ul li .mv { position: static;}
	.movie-list ul li .mv iframe { width:100%; height:220px; }
	.movie-list ul li .info { padding:15px 15px 30px; min-height:inherit; }
	.movie-list ul li .info strong { margin-bottom: 10px; }
	.notice-list ul { margin: 0; }
	.notice-list ul li { width:100%; padding:0; margin-bottom: 20px; }
	.notice-list ul li .box a { height: auto; }
	.notice-list ul li .box a .info { padding:15px; }
	.notice-list ul li .box a .info em { font-size:13px; }
	.notice-list ul li .box a .info strong { font-size:18px; margin:10px 0; }
	.notice-list ul li .box a .info div { font-size:13px; }
	
	.board-view  { margin-bottom: 40px; }
	.board-view .subject { padding:15px 10px; }
	.board-view .subject div { font-size:18px; margin-bottom: 7px; }
	.board-view .subject p { font-size:13px; }
	.board-view .text-area { padding:25px; font-size:14px; }
	.board-view .files dl { padding:15px 10px 15px 90px; font-size:14px;  }
	.board-view .files dl dt { left:10px; top:15px; padding:0 15px 0 5px; background-size:auto 12px; }
	
	.board-box .head .fl { float:none; margin-bottom:10px; }
	.board-box .head .fl h3 { font-size:14px; }
	.board-box .head .fr { float:none; }
	.board-box .head .fr .inp { width:140px; }
	.board-box .head .fr .btn-type1 { width:50px; padding:0; }
	.btn-bottom a,
	.btn-bottom button,
	.btn-bottom input { margin-bottom:5px; }
	#gall_allchk { margin-bottom:10px; }
	.board-box .head { margin-bottom:30px; }
	.online-inp-box.hp > div:nth-child(2) { padding:0 2px; }
	.signature { height:213px; }
	.signature .fl img { height: 100px; }
	.about5-1 .bi3 .clear div { float:none; width:100% !important}
	.conf-list ul li { width:100%; }

	.mb30 { margin-bottom:15px !important; }
	.mb60 { margin-bottom:30px !important; }
	.mb90 { margin-bottom:45px !important }

	.gall_row .col-gn-4{width:50% !important;}
}

span.kor {font-family:'SangSangRock','nq',sans-serif; font-weight:normal; font-size:1.2em; vertical-align:-0.1em;}