html {}
body {  color:#676057;   line-height: 1.3;}
a { text-decoration: none; }
input:focus{ outline: none; }
textarea:focus{ outline: none; }
b { font-weight: 500; }
strong { font-weight: 500; }

.highlight {background-color:yellow;} 
#header .search-area1 img { width: 15px !important; }
#header .search-area1 { position: absolute; right: 165px; top: 27px; line-height: normal;cursor: pointer; }
.search-area2 { position: absolute; right: 183px; top: 18px; line-height: normal; cursor: pointer; z-index: 100; background-color: #fff; height: 37px; width: 219px; }
.sInput{ height: 28px !important; width: 83%; }

input[type=text], 
input[type=password], 
input[type=number] { border:solid 1px #847C76; height:56px; line-height: 56px; font-size:16px; text-indent: 20px; vertical-align: middle; width:100%; }
input[type=text]::placeholder,
input[type=number]::placeholder { color:#B0ADA7 }

.iScrollLoneScrollbar { background:#E4E4E4 !important; border-radius: 3px; /*display:none*/; }
.iScrollIndicator { background:#676057 !important; border-width:0px !important; }

/*.iscroll:hover .iScrollLoneScrollbar { display:block; }*/

#wrap {/*	height:100%;*/ min-width:320px; position: relative; z-index: 999; overflow: hidden; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; } 

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }

.pwd-btn { content:''; position:absolute; margin-left:-35px; margin-top:20px; background:url( "../images/common/bullet_eye2.png" ) no-repeat ; width:30px; height:30px; }
.pwd-btn.active { background:url( "../images/common/bullet_eye.png" ) no-repeat ;  }

.p-left39 { padding-left: 39px; }
.reset { float:none !important; padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { font-family: 'Roboto Mono', 'Noto Sans KR'; width: 100%; outline: none; position: relative; height:60px; border:solid 1px #676057; padding:16px 12px; font-size:16px; color:#333; -webkit-appearance: none; appearance: none; background:url('../images/selectbox_arrow.svg') no-repeat #fff right 20px center; }
textarea { border:solid 1px #847C76; font-family: 'Roboto Mono', 'Noto Sans KR'; font-size:16px; line-height: 1.4; width:100%; padding:20px; }
textarea::placeholder { color:#B0ADA7 }

.loading-container { position: fixed; width:100%; height:100%; background:url(/admin/asset/images/bg-pop-mask.png); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

.popup-container { position: absolute; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; margin:-300px 0 0 -250px; background:#fff; border:solid 5px #000; border-radius: 5px; }

.popup-body { background:none; }
#popup-wrap { padding:20px 15px 70px 15px; }
#popup-wrap h3 { color:#333; font-size:16px; margin-bottom:10px; }
#popup-wrap .form-style01 { padding:0px; border:none; }
#popup-wrap .form-style01 th { font-size:12px; }
#popup-wrap .form-style01 td { font-size:12px; }
#popup-wrap .list-style01 { padding:0px; border:none; }
#popup-wrap .list-style01 th { font-size:12px; }
#popup-wrap .list-style01 td { font-size:12px; }
#popup-wrap .search-container { padding:8px 10px; border-radius: 2px; }
#popup-wrap > .btn-container { position: fixed; left:0px; bottom:0px; padding:7px 0; width:100%; background:#eee; border-top:solid 1px #ddd; }

a.rollover img.rollover { display:none; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:inline; }

input.disabled { border:none;  }

.btn { min-width: 120px; text-align: center; color:#fff; opacity: 0.8;  display:inline-block; vertical-align: middle; font-size:16px; margin:0px; line-height: 58px; height: 58px; border:solid 1px #847C76; background:#676057; white-space: nowrap; }
.btn span { font-size:inherit; color:inherit; }
.btn.big { font-size:20px;  line-height: 70px; height:70px; min-width: 408px; background:#847C76; }
.btn.big:hover { background:#676057; }
.btn.gray { background:#f0f0ef; color: #676057; }
.btn.gray2 { background:#b0ada7; }


/*a.btn:hover { text-decoration: underline; }*/

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 
.ellipsis4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;
} 

@property --num {
  syntax: '<integer>';
  initial-value: 30;
  inherits: false;
}

.ani-count.active {
  animation: counter 1s alternate ease-out;
  counter-reset: num var(--num);
}
.ani-count.active::after {
  content: counter(num);
}
@keyframes counter {
  from {
    --num: 99;
  }
  to {
    --num: 30;
  }
}

@keyframes bounce {
   0%{transform:translate(-5px,-10px);}
   100%{transform:translate(5px,50px);}
}  
@keyframes animationFade {
    0% {
        opacity: 0.2;    
        transform: scale(1.1);
    } 
    10% {
        opacity: 1;    
    }
    15% {
        transform: scale(1.06);
    }
    30% {
        transform: scale(1.03);
    }
    50% {
        transform: scale(1.01);
    }
    75% {
        transform: scale(1.005);
    }  
    100% {
        transform: scale(1);
    }
}

@keyframes animationFade2 {
    0% {
        opacity: 1;    
        transform: scale(1.1);
    } 
    15% {
        transform: scale(1.06);
    }
    30% {
        transform: scale(1.03);
    }
    50% {
        transform: scale(1.01);
    }
    75% {
        transform: scale(1.005);
    }  
    100% {
        transform: scale(1);
    }
}

@keyframes animationFade3 {
    0% {
        opacity: 1;    
        transform: scale(2.2);
    }
    15% {
        transform: scale(2.0);
    }
    30% {
        transform: scale(1.7);
    }
    50% {
        transform: scale(1.4);
    }
    75% {
        transform: scale(1.2);
    }  
    100% {
        transform: scale(1);
    }
}

@keyframes animationVisualBG {
    0%   { background-size: 140% auto; }
    /*50% { background-size: 140% auto; }*/
    100% { background-size: 100% auto; }
}
.bg_circle { position: absolute; background:#c6c4c0; width:700px; height:700px; border-radius: 50%; z-index: 0; animation:bounce 2s infinite ease-in-out alternate;  }
.bg_circle2 { position: absolute; background:#efefed; width:960px; height:960px; border-radius: 50%; z-index: 0; animation:bounce 2.5s infinite ease-in-out alternate;  }
.bg_circle_big { position: absolute; background:#d3d3cf; width:1840px; height:1840px; border-radius: 50%; z-index: 0; animation:bounce 2.5s infinite ease-in-out alternate;  }
.bg_circle_big2 { position: absolute; background:#f5f5f4; width:1840px; height:1840px; border-radius: 50%; z-index: 0; animation:bounce 2.5s infinite ease-in-out alternate;  }
.bg_circle_big3 { position: absolute; background:#f5f5f4; width:2200px; height:2200px; border-radius: 50%; z-index: 0; animation:bounce 2.5s infinite ease-in-out alternate;  }
.bg_circle_big4 { position: absolute; background:#efefed; width:1600px; height:1600px; border-radius: 50%; z-index: 0; animation:bounce 2.5s infinite ease-in-out alternate;  }

.paging-container { font-family: 'Noto Sans KR'; clear:both; text-align: center;  font-size:0px; padding:25px 0 15px 0; position: relative; }
.paging-container > a { font-weight: 400; display:inline-block; vertical-align: top; height:20px; line-height: 20px; width:31px; text-align: center; margin:0 0 1px 0; font-size:11px; }
.paging-container > a.bic { width:40px; }
.paging-container > a:hover { text-decoration: underline;}
.paging-container > a img {  margin-top:5px; height: 9px; }
.paging-container > ul { display:inline; margin:0 5px; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:13px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 4px; line-height:20px; height:20px; color:#5d5d5d; font-weight:400;  }
.paging-container > ul li.selected a { font-weight: bold; color:#000; text-decoration: underline; }
.paging-container > ul li:hover a { text-decoration: underline; }

.sono { font-family: 'Sono'; font-size:1.4em; }
.sono > span { font-size:1.2em; }

#footer { position: relative; height:140px; z-index: 999; background: #fff; }
#footer .inner { position: relative; padding:60px 0px 0 140px; }
#footer .logo { float: left;    }
#footer .logo > img { float:left; margin-right:45px; width: 82px height: 24px;}
#footer .copyright { float: left; font-size: 14px; color: #676057; margin-top:7px;}
#footer .footermenu { float: left; margin-left: 90px; margin-top:0px;  }
#footer .footermenu ul { white-space: nowrap; }
#footer .footermenu li { display:inline-block; }
#footer .footermenu li a { display:block; padding-right:40px; font-size: 20px; }
#footer .familysite { position: absolute; right: 40px; top: 40px; width:370px; height:60px; font-size:16px; color:#676057 }
#footer .familysite > a { border:solid 1px #676057;  display: block; background:url(../images/dropdown_arrow_up.svg) no-repeat 93% center ; }
#footer .familysite > a.selected { background:url(../images/dropdown_arrow_down.svg) no-repeat 93% center ;  }
#footer .familysite > a span { display:block; padding:20px; }
#footer .familysite .list { border: solid 1px #676057; position: absolute; width: 368px; bottom:100%; margin-bottom: -1px; background:#fff; display:none; }
#footer .familysite .list li { border-bottom:solid 1px #B0ADA7; }
#footer .familysite .list li:hover { background:#676057; color:#fff; }
#footer .familysite .list li a { display:block; padding:18px; font-size:16px; }
#footer .familysite .list li:hover a { color:#fff; }
#footer .familysite .list li:last-child { border-bottom:none; }

#header { position: fixed; top:0px; z-index: 999; }
#header > a { display: inline-block; margin-left:45px;  margin-top:30px; }
#header > a img {}
#header > h1 { display:inline-block; vertical-align: middle; margin-left:73px; }
#header > h1.logo img { width:244px; height:30px; }

#subheader { position: fixed; top:0px; left:0px; width: 100%; z-index: 999; padding-top: 30px; height:50px; background:rgba(255,255,255,0.8); z-index: 998; }
#subheader .inner { margin-left:460px; }
#subheader h2 { display:inline-block; color:#AB9673; font-size:24px; }
#subheader ul { vertical-align: bottom; display:inline-block; padding-left: 90px; }
#subheader ul li { float:left;}
#subheader ul li a { font-size:18px; display:block; margin:0 20px; color:#B0ADA7 }
#subheader ul li a.selected { color:#676057; text-decoration: underline; }

#contents {  }

#contents.about-container {margin-left:360px;}

#about { margin-top:250px; position: relative; max-width:1200px; }
#about .about_title { font-size:84px; font-weight: 100; margin-bottom:100px; }
#about .desc { z-index: 5; position: relative;}
#about .desc .text1 { font-size:56px; display:block; line-height: 1.2; font-weight: 500; margin-bottom:70px; }
#about .desc p { font-size:24px; margin-bottom:150px; line-height: 1.5; max-width:700px; }
#about .photo { position: absolute; right: 0px; top: 700px; width:80%; max-width:500px; z-index: 1; border-radius: 50%; overflow:hidden; }
#about .photo img { width:100%; }

#mainmenu { position: fixed; top: 0px; left: 0px; width:100%; height:100%; background:#eeeeed; z-index: 9999; display:none; }
#mainmenu a.close { position: absolute; top:25px; left:45px; }

#mainmenu .inner { position:absolute; min-width: auto; top:50%; left:50%; transform: translate(-50%,-50%); }
#mainmenu dl { clear:both; position: relative; min-height:64px; margin-bottom:90px; }
#mainmenu dl dt { font-size:64px; font-weight: 300; position: absolute; }
#mainmenu dl dd { margin-left:360px; }
#mainmenu dl dd ul { padding-top:40px; font-size:0px; white-space: nowrap; }
#mainmenu dl dd li { display: inline-block; font-size: 20px; font-weight: 400; color:#847C76; background:url(../images/bullet_dot.svg) no-repeat right center; padding-right:30px; margin-right:20px; }
#mainmenu dl dd li:last-child { background:none; padding-right:0px; margin-right:0px; }
#mainmenu dl dd li a:hover { border-bottom:solid 1px #676057 }
#mainmenu .bottom { clear:both; padding-top:20px; }
#mainmenu .bottom li { float:left; font-size:16px; font-weight:400; color:#676057; margin-right:80px; }
#mainmenu .bottom li a:hover {border-bottom:solid 1px #676057}





#mission_group { margin-top:250px; position: relative; z-index: 5;  }
#mission_group .about_title { font-size:84px; font-weight: 100; margin-bottom:150px; }
#mission_group .desc .ctg1 { display:block; font-size:48px; font-weight: 100; margin-bottom:20px; }
#mission_group .desc .text1 { font-size:64px; display:block; line-height: 1.2; font-weight: 500; margin-bottom:10px; }
#mission_group .desc p { font-size:20px; line-height: 1.5; max-width:700px; }
#mission_group #mission {max-width: 580px; float:right; }
#mission_group .photo { margin-top:40px; }
#mission_group #vision { margin-top:150px; }
#mission_group .photo2 { margin-top:70px; }
#mission_group .photo2 img { width:100%; object-fit: cover;}

#core { margin-top:250px; position: relative; z-index: 5; margin-right: 45px; max-width: 1200px;}
#core .about_title { font-size:84px; font-weight: 100; margin-bottom:100px; }
#core .img img { width:100%; max-width:1160px; }
#core .img img.m { display:none; }


#story { margin-top:250px; position: relative; z-index: 5;}
#story .img { margin-bottom:100px; }
#story .img img { width:100%; object-fit: cover; }
#story .about_title { font-size:84px; font-weight: 100; margin-bottom:100px; }
#story .desc { max-width:1200px; margin-right:45px; }
#story .desc .text1 { font-size:56px; display:block; line-height: 1.2; font-weight: 500; margin-top: 100px; margin-bottom:40px; }
#story .desc p { font-size:20px; margin-bottom:40px; line-height: 1.5; max-width:940px; }
#story .desc p b { display:block; font-size:24px; }
#story .photo { position: absolute; left: 700px; top: 700px; }

#ci { margin-top:250px; position: relative; max-width:1200px;z-index: 5; margin-right:45px; }
#ci .about_title { font-size:84px; font-weight: 100; margin-bottom:100px; }
#ci > ul {  }
#ci > ul li { border-top:solid 1px #676057; padding:80px 0; }
#ci > ul li a { margin-top:70px; float:left; font-size:28px; font-weight: 500; display:block; background:url('../images/download.svg') no-repeat right center; width:220px; }
#ci > ul li .preview { float:right; width:460px; }
#ci > a {  padding: 43px 45px;  display:block; background: ; font-size:30px; color:#fff; background:url(../images/plus_w.svg) #847C76 no-repeat 96% center; }
#ci > a span { margin-right:70px; display:block; }
#ci > a.selected { background:url(../images/minus_w.svg) #847C76 no-repeat 96% center;  }
#ci .group_list { background:#fff; display:none; }
#ci .group_list ul { padding:0 70px; }
#ci .group_list li { width:50%; float:left; margin-top:60px; position: relative; }
#ci .group_list li img { margin:20px 0; }
#ci .group_list li > div { margin:0 70px; border-bottom:solid 1px #676057;  }
#ci .group_list li .desc { padding:20px 0; min-height:90px; }
#ci .group_list li .desc > span { display:block; font-size:20px;  }

#color { margin-top:250px; position: relative; z-index: 5; max-width: 1200; margin-right: 45px; }
#color .about_title { font-size:84px; font-weight: 100; margin-bottom:100px; }
#color ul {  height:330px; max-width:1200px; }
#color ul li { display:block; width:64%; height:100%; float: left; color: #fff; position: relative; font-family: 'Sono';}
#color ul li .per { position: absolute; left:20px; bottom:10px; font-size:30px; }
#color ul li:nth-child(1) { background:#686158; width:64%; z-index: 4; }
#color ul li:nth-child(1) .per { left:auto; right:40px; }
#color ul li:nth-child(1) .text b { font-size:45px; margin-bottom:20px; display: block;}
#color ul li:nth-child(1) .text { padding:40px; display: block; font-size:36px; line-height: 1.2; }
#color ul li:nth-child(1) .textp { display:block }
#color ul li:nth-child(2) { background:#847e77; width:12%; z-index: 3; }
#color ul li:nth-child(3) { background:#b0aba6; width:12%; z-index: 2; }
#color ul li:nth-child(4) { background:#dedcdb; width:12%; z-index: 1; color:#686158 }

#typeface { margin-top:250px; position: relative; margin-bottom:150px; z-index: 5;max-width: 1200; margin-right: 45px;}
#typeface .about_title { font-size:84px; font-weight: 100; margin-bottom:100px;  }
#typeface .about_title a { background:url(../images/download.svg) no-repeat 96% center; padding-right:100px; }
#typeface .desc .text1 { font-size:16px; color: #676058; display:block; line-height: 1.2; font-weight: 500; margin-bottom:30px; }
#typeface .desc .img { margin-bottom:80px; }
#typeface .desc .img img { width:100%; }

#contents .sidemenu { position: relative; z-index: 999; }

.business-container {}
.business-container .sidemenu { width:120px; position: absolute; }
.business-container .sidemenu .title { position: fixed; margin-top: 200px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.business-container .contents { margin-left:120px; }
.business-container .photo { margin-left:240px; margin-bottom:200px; }
.business-container .photo img { width:100%; object-fit: cover; }
.business-container .visual { height: 100%; background-size: cover; margin-bottom:200px; position: relative; overflow: hidden; z-index: 5;  }
.business-container .visual p { position: absolute; color:#fff; font-size:20px; font-weight: 200; line-height: 1.5; }
.business-container .visual .bg { position: absolute; top:0px; left:0px; width:100%; height:100%; background-size: cover; animation: animationFade2 50s linear ;position: relative;}

.business-container .section1 { margin-bottom:200px; margin-left:240px; position: relative; max-width:1200px; z-index: 5;margin-right:45px; }
.business-container .section1 dl { position: relative; z-index: 5; }
.business-container .section1 dl.w560 { max-width:560px; }
.business-container .section1 dt { font-size:40px; margin-bottom: 30px;}
.business-container .section1 dt.ko { font-size:28px; }
.business-container .section1 dd { font-size:16px; margin-bottom:100px; line-height: 1.5; }
.business-container .section1 .photo2 { position: absolute; top:0px; right: 0px; z-index: 1; }
.business-container .section1 dt.section_logo {}

.business-container .section2 { clear: both; margin-bottom:100px; margin-left:240px; position: relative; max-width:1200px; margin-right: 45px; z-index: 5;}
.business-container .section2 dl.w560 { max-width:560px; }
.business-container .section2 dt { font-size:40px; margin-bottom: 30px;}
.business-container .section2 dd { font-size:20px; margin-bottom:100px; line-height: 1.5; }
.business-container .section2 dd img { margin-top:50px; }
.business-container .section2 .photo2 { position: absolute; top:0px; left:650px; }
.business-container .section2 .ctg { font-weight: 100; font-size:40px; margin-bottom:5px; }
.business-container .section2 .ctg2 { font-weight: 100; font-size:40px; margin-bottom:60px; }
.business-container .section2 .list li { float:left; width:33.3%; margin-bottom:100px; }
.business-container .section2 .list li:nth-child(3n+1) { clear:both; }
.business-container .section2 .list li > div { margin-right:84px; }
.business-container .section2 .list li .img { margin: 0 auto; margin-bottom:65px; cursor: pointer; position: relative; max-width:344px; }
.business-container .section2 .list li .img img { width:100%;  }
.business-container .section2 .list li .img .cover { background: rgba(0,0,0,0.5); position: absolute; width:100%; height:100%; top:0px; left:0px; border-radius: 50%; opacity: 0;}
.business-container .section2 .list li .img .cover img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:240px; }
.business-container .section2 .list li .info .tit { padding-right: 40px; cursor: pointer; min-height: 70px; font-size:28px; font-weight: 500; background:url(../images/btn_arrow_right.svg) no-repeat right 0px; background-size: 40px 40px;  border-bottom:solid 1px #676057; margin-bottom:40px; }
.business-container .section2 .list li .info .tit span { font-size:20px; font-weight: 300; margin-left: 10px;}
.business-container .section2 .list li .info .slo { font-size:20px; padding:20px 0 60px 0; text-align: center; }
.business-container .section2 .list li .info .subject { background:#676057; color:#fff; font-size:16px; padding:10px 10px 8px 10px; margin-bottom:40px; }
.business-container .section2 .list li .info p { font-size:16px; }
.business-container .section2 .list li .info p b { display:block; margin-bottom: 10px; margin-top:10px; }
.business-container .section2 .list li .info .desc { font-size:16px; }
.business-container .section2 .list li .info .desc b { display:block; margin-bottom: 10px; margin-top:10px; }
.business-container .section2 .list li .info .desc ul { margin-top:10px; margin-bottom:30px; }
.business-container .section2 .list li .info .desc ul li { float:none; width:auto; margin-bottom:0px; background:url(../images/bullet_circle.svg) no-repeat left 2px; padding-left:22px; margin-bottom:5px; }
.business-container .section2 .list li .info .desc .logo img { width:155px; margin-bottom: 20px;}
.business-container .section2 .list li:hover {}
.business-container .section2 .list li:hover .info .tit { background:url(../images/btn_arrow_right_over.svg) no-repeat right 0px; background-size: 40px 40px; }
.business-container .section2 .list li:hover .img .cover {
    opacity: 1;
    transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out; 
}

.business-container .section2 .list2 li {  margin-bottom:140px; clear: both; }
.business-container .section2 .list2 li:nth-child(3n+1) { clear:both; }
.business-container .section2 .list2 li > div { /*margin-right:84px;*/ }
.business-container .section2 .list2 li .img { margin-bottom:45px; cursor: pointer; position: relative; }
.business-container .section2 .list2 li .img .cover { background: rgba(0,0,0,0.5); position: absolute; width:100%; height:100%; top:0px; left:0px; border-radius: 50%; opacity: 0;}
.business-container .section2 .list2 li .img .cover img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.business-container .section2 .list2 li .info .logo { margin-bottom:50px; }
.business-container .section2 .list2 li .info .tit { cursor: pointer; padding-top: 20px; min-height: 80px; font-size:40px; font-weight: 300; background:url(../images/btn_arrow_right.svg) no-repeat right 0px; background-size: 100px 100px; margin-bottom:40px; padding-right:84px; }
.business-container .section2 .list2 li .info .tit span {  display: block; font-weight: 400; font-size: 24px; }
.business-container .section2 .list2 li .info .tit:hover { background:url(../images/btn_arrow_right_over.svg) no-repeat right 0px; background-size: 100px 100px; }
.business-container .section2 .list2 li .info .desc .en { float:left; width:48% }
.business-container .section2 .list2 li .info .desc .ko { float:right; width:48% }
.business-container .section2 .list2 li .info .desc ul { margin-top:10px; margin-bottom:30px; }
.business-container .section2 .list2 li .info .desc ul li { float:none; width:auto; margin-bottom:0px; background:url(../images/bullet_circle.svg) no-repeat left 2px; padding-left:22px; margin-bottom:5px; }


.business-container .section2 .list3 li {  margin-bottom:140px; clear: both; }
.business-container .section2 .list3 li .img { margin-bottom:45px; cursor: pointer; position: relative; }
.business-container .section2 .list3 li .img img { width:100%; }
.business-container .section2 .list3 li .info { max-width:1200px; }
.business-container .section2 .list3 li .info .logo { margin-bottom:50px; }
.business-container .section2 .list3 li .info .tit { cursor: pointer; padding-top: 0px; font-size:40px; font-weight: 500;margin-bottom:20px; color:#847C76 }
.business-container .section2 .list3 li .info .tit span { font-weight: 400; margin-left: 10px;}
.business-container .section2 .list3 li .info .subject { background:url(../images/business_busi_bar.png) no-repeat; background-size: 100% 100%; color:#fff; font-size:24px; padding:7px 10px 5px 10px; margin-bottom:20px; }
.business-container .section2 .list3 li .info .desc { font-size:20px; }
.business-container .section2 .list3 li .info .desc ul { margin-top:10px; margin-bottom:30px; }
.business-container .section2 .list3 li .info .desc ul li { float:none; width:auto; margin-bottom:0px; background:url(../images/bullet_circle.svg) no-repeat left 4px; padding-left:22px; margin-bottom:5px; }


.business-container .section3 { clear: both; margin-bottom:200px; margin-left:240px; background:#676057; color:#fff; font-size:40px; font-weight: 300; line-height: 1.2; cursor: pointer;z-index: 5; position: relative; }
.business-container .section3 p { font-size:20px; margin-top:15px; }
.business-container .section3 .inner { max-width:1000px; margin-right: 45px; padding:120px 165px 100px 100px; background:url(../images/btn_arrow_right_big.svg) no-repeat right center;   }
.business-container .section3 .inner:hover { background:url(../images/btn_arrow_right_big_over.svg) no-repeat right center;    }


/* .business-container .section4 { clear: both; margin-bottom:200px; margin-left:240px; background:url(../images/business_enter_banner.jpg) no-repeat center center; background-size: cover; color:#fff; font-size:40px; font-weight: 300; line-height: 1.2; cursor: pointer; z-index: 5; position: relative; } */
.business-container .section4 { clear: both; margin-bottom:200px; margin-left:240px; background:url(../images/business_enter_banner_skygunners.jpg) no-repeat center center; background-size: cover; color:#fff; font-size:40px; font-weight: 300; line-height: 1.2; cursor: pointer; z-index: 5; position: relative; }
.business-container .section4 img { max-width:1000px; padding:120px 100px; }

.business-container .section5 { margin-bottom:200px; margin-left:240px; position: relative; max-width:1200px;z-index: 5; margin-right:45px; }
.business-container .section5 dt { font-size:40px; font-weight: 100; margin-bottom: 30px;}
.business-container .section5 dt b { font-weight: 400; }
.business-container .section5 dd { font-size:24px; margin-bottom:100px; line-height: 1.5; }
.business-container .section5 .photo2 { margin-bottom:80px;text-align: right;  }


.business-container .section6 { margin-bottom:200px; margin-left:240px; position: relative; max-width:1200px;z-index: 5; margin-right:45px; }
.business-container .section6 img.m { display:none; }
.business-container .section6 .tit { position: absolute; }
.business-container .section6 dl { margin-left:420px; border-bottom:solid 1px #676057; padding-bottom:60px; margin-bottom:60px; }
.business-container .section6 dl dt { font-size:40px; font-weight: 300; margin-bottom:20px; }
.business-container .section6 dl dd { font-size:28px; font-weight: 400; color:#847C76 }



.business-container .hotels .visual .bg { background:url(../images/business_hotels_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .hotels .visual p { top:25%; left:58%;  }

.business-container .enter .visual .bg { background:url(../images/business_enter_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .enter .visual p { top:40%; left:45%;  }

.business-container .airways .visual .bg { background:url(../images/business_airways_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .airways .visual p { top:40%; left:45%;  }
.business-container .sidemenu.airways .title { margin-top:50px; }

.business-container .golf .visual .bg { background:url(../images/business_golf_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .golf .visual p { top:40%; left:45%;  }
.business-container .sidemenu.golf .title { margin-top:50px; }


.business-container .pet .visual .bg { background:url(../images/business_pet_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .pet .visual p { top:60%; left:45%;  }
.business-container .sidemenu.pet .title { margin-top:40px; }

.business-container .lifestyle .visual .bg { background:url(../images/business_life_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .lifestyle .visual p { top:50%; left:20%;  }
.business-container .sidemenu.lifestyle .title { margin-top:100px; }

.business-container .business .visual .bg { background:url(../images/business_busi_visual1.jpg) no-repeat center center; background-size: cover; }
.business-container .business .visual p { top:60%; left:20%;  }
.business-container .sidemenu.business .title { margin-top:170px; }

.business-container  img.life_logo { width:280px; height:120px; }

.business-container  img.enc_logo { width:279px; height:60px; }

.sononow-container { padding-top:200px; }
.sononow-container .sidemenu { width:120px; position: absolute; }
.sononow-container .sidemenu .title { position: fixed; margin-top: 150px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.sononow-container .contents { margin-left:120px; }

.sononow-container .contents { margin-left:360px; }

.sononow-container .sidemenu.csr .title { margin-top:50px; }
.sononow-container .sidemenu.pr .title { margin-top:35px; }

.board-list1 { margin-bottom:150px; position: relative; z-index: 5; }
.board-list1 ul { border-top:solid 1px #676057; }
.board-list1 li { padding:59px 0; border-bottom:solid 1px #676057; position: relative; cursor: pointer; }
.board-list1 li > div { max-width:1200px; }
.board-list1 li > a { display: block; max-width:1250px; }
.board-list1 li .thumb { position: absolute; width:400px; height:240px; }
.board-list1 li .thumb img { object-fit: cover; width:100%; height:100%; }
.board-list1 li .thumb2 { position: absolute; width:480px; height:270px; }
.board-list1 li .thumb2 img { object-fit: cover; width:100%; height:100%; }
.board-list1 li .info { margin-left:440px; min-height:240px; }
.board-list1 li .info > span { display:block; }
.board-list1 li .info > span.ctg { font-size:20px; font-weight: 500; color:#B0ADA7; margin-bottom:55px; }
.board-list1 li .info > span.tit { font-size:28px; font-weight: 500; color:#676057; margin-bottom: 30px; }
.board-list1 li .info > span.desc { height: 93px; font-size:16px; font-weight: 300; color:#676057; line-height: 1.5;  }
.board-list1 li .info2 { margin-left:520px; min-height:270px; }
.board-list1 li .info2 > span { display:block; }
.board-list1 li .info2 > span.ctg { font-size:20px; font-weight: 500; color:#B0ADA7; margin-bottom:75px; }
.board-list1 li .info2 > span.tit { font-size:56px; font-weight: 500; color:#676057; margin-bottom: 10px; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ }
.board-list1 li .info2 > span.sub { font-size:16px; font-weight: 300; color:#676057;  }
.board-list1 .more { text-align: center; padding-top:60px; }
.board-list1 .more a { display:inline-block; background:url(../images/list_more_80.svg) no-repeat left center; padding-left:90px; height:80px; line-height: 80px; }

.board-list1 .noresult { text-align: center; padding:160px 0; }

.board-list1 .search { text-align: center; margin-top:80px; }
.board-list1 .search .inner { display:inline-block; position: relative; min-width:720px;  }
.board-list1 .search .submit { position: absolute; top:0px; right:-2px; z-index: 10; opacity: 1; }

.board-view { margin-bottom:150px; z-index: 5; position: relative;  }
.board-view .info { max-width:1200px; }
.board-view .info > span { display:block; }
.board-view .info > span.ctg { font-size:20px; color:#B0ADA7; margin-bottom:20px; }
.board-view .info > span.dtm { font-size:16px; color:#676057; margin-bottom:20px; }
.board-view .info > span.tit { font-size:40px; color:#676057; margin-bottom:20px; }
.board-view .article { border-top:solid 1px  #676057 ; border-bottom:solid 1px  #676057 ; padding:100px 0; line-height: 1.5; }
.board-view .article .inner { max-width:1200px; }
.board-view .btns { max-width:1200px; position: relative; text-align: center; font-size:20px; margin-top:60px;  }
.board-view .btns .list { display: inline-block; margin-top:40px; }
.board-view .btns .prev { position: absolute; left:0px; top:0px; }
.board-view .btns .next { position: absolute; right:0px; top:0px; }
.board-view .btns a.disabled { opacity: 0.4; }

.sononow-container .contents.csr { max-width:1200px; margin-right:45px; }
.sononow-container .csr .tab-container { border-bottom:solid 1px #676057; padding-bottom: 90px; margin-bottom: 100px;}
.sononow-container .csr .tab-container { font-size:28px;   }
.sononow-container .csr .tab-container li { float:left; font-weight: 400; color:#B0ADA7; margin-right: 60px; }
.sononow-container .csr .tab-container li a.selected { color:#676057; border-bottom:solid 1px #676057; }
.sononow-container .csr .tab-group {}
 
.sononow-container .csr .tab-group .tab-item { display:none; }
.sononow-container .csr .tab-group .tab-item:first-child { display:block; }
.sononow-container .csr .tab-group .img { margin-bottom:45px; cursor: pointer; position: relative; }
.sononow-container .csr .tab-group .img img { width:100%; }
.sononow-container .csr .tab-group .img .cover { background: rgba(0,0,0,0.5); position: absolute; width:100%; height:100%; top:0px; left:0px; border-radius: 50%; opacity: 0;}
.sononow-container .csr .tab-group .img .cover img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.sononow-container .csr .tab-group .info {  margin-bottom: 80px; }
.sononow-container .csr .tab-group .info .logo { margin-bottom:40px; }
.sononow-container .csr .tab-group .info .tit { cursor: pointer; padding-top: 20px; min-height: 80px; font-size:40px; font-weight: 300; background:url(../images/btn_arrow_right.svg) no-repeat right 0px; background-size: 100px 100px; margin-bottom:40px; padding-right:100px; word-break: break-all; }
.sononow-container .csr .tab-group .info .tit span { display: block; font-weight: 400; font-size:24px; }
.sononow-container .csr .tab-group .info .tit:hover { background:url(../images/btn_arrow_right_over.svg) no-repeat right 0px; background-size: 100px 100px; }
.sononow-container .csr .tab-group .info .desc { font-size:16px; }
.sononow-container .csr .tab-group .info .desc .en { float:left; width:48% }
.sononow-container .csr .tab-group .info .desc .ko { float:right; width:48% }
.sononow-container .csr .tab-group .info .desc b{ display:block; margin-bottom:0px; }

.sononow-container .csr .tab-group .list { font-size:20px; border-top:solid 1px #676057; padding-top:90px; }
.sononow-container .csr .tab-group .list > ul > li { position: relative; margin-bottom:90px; }
.sononow-container .csr .tab-group .list > ul > li .tit { position: absolute; background:url(../images/bullet_circle2.svg) no-repeat left 4px; padding-left:30px; }
.sononow-container .csr .tab-group .list > ul > li .desc { display: block; margin-left:256px; font-weight: 300; line-height: 1.4; }
.sononow-container .csr .tab-group .list > ul > li table { width:100%; }
.sononow-container .csr .tab-group .list > ul > li table th { font-weight: 500; width:140px; }
.sononow-container .csr .tab-group .list > ul > li table td { padding-bottom:10px; }
.sononow-container .csr .tab-group .list > ul > li li { float:left; width:33.3%; margin-bottom:90px; }
.sononow-container .csr .tab-group .list > ul > li li img { width:95%; max-width:264px; }
.sononow-container .csr .tab-group .list > ul > li li:nth-child(3n+1) { clear:both; }
.sononow-container .csr .tab-group .list > ul > li li > span { display:block; margin-top:20px; padding: 0 20px;}

.location-container { padding-bottom:90px; }
.location-container .sidemenu { width:120px; position: absolute; }
.location-container .sidemenu .title { position: fixed; margin-top: 105px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.location-container .contents { margin-left:120px; }
.location-container .visual { height: 700px; background-size: cover; margin-bottom:45px; position: relative; }
.location-container .visual { background:url(../images/loc_visual1.jpg) no-repeat center center; background-size: cover;  }
.location-container .section1 li { float: left; font-size:20px; margin-right:130px; margin-bottom:10px; }
.location-container .section1 li:nth-child(2) { clear:both; }

.legal-container { padding-bottom:90px; }
.legal-container .sidemenu { width:120px; position: absolute; }
.legal-container .sidemenu .title { position: fixed; margin-top: 105px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.legal-container .contents { margin-left:120px; margin-top:240px; max-width:1200px; }
.legal-container .section1 {position: relative;margin-left:240px; }
.legal-container .section1 .tit { float: left; width: 48%; font-size:58px; font-weight: 500; text-align: right; }
.legal-container .section1 dl { float: right; width: 48%; }
.legal-container .section1 dl dt { font-size:32px; font-weight: 400; margin-bottom:10px; }
.legal-container .section1 dl dd { font-size:16px; font-weight: 300; margin-bottom:120px; line-height: 1.5; }
.legal-container .section1 dl dd.tit2 { font-size:22px; font-weight: 500; padding-top:95px; }


.timeline-container { padding-bottom:0px; }
.timeline-container .sidemenu { width:120px; position: absolute; }
.timeline-container .sidemenu .title { position: fixed; margin-top: 165px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.timeline-container .sidemenu .title2 { opacity: 0; position: fixed; margin-top: 267px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; white-space: nowrap; }
.timeline-container .sidemenu .title2 ul { display:inline-block; vertical-align: middle; }
.timeline-container .sidemenu .title2 li { float: left; font-size: 20px; margin-right:20px; }
.timeline-container .sidemenu .title2 li a.selected { border-bottom:solid 1px #676057; }
.timeline-container .sidemenu .title2 li:last-child { margin-right:40px; }
.timeline-container .contents { margin-left:120px; margin-top:240px;  }


.timeline-container .goforit { max-width:1440px; margin-left:160px; margin-right:45px; position: relative; z-index: 5; }
.timeline-container .goforit > .item { font-size:100px; font-weight: 100; line-height: 1; margin-bottom:80px; }
.timeline-container .goforit > .item .desc { display: block; font-size:32px; font-weight: 400; padding-top: 20px; }
.timeline-container .goforit > .item:first-child { text-align: right; }
.timeline-container .goforit > .item:first-child .desc { text-align: right; }
.timeline-container .goforit > .item:last-child { text-align: right; }
.timeline-container .goforit > .item:last-child .desc { text-align: right; }

.history-wrap { color:#fff; position: relative; z-index: 5; }
.history-wrap > section:nth-child(odd) { background:#847c76; }
.history-wrap > section:nth-child(even) { background:#676057; }
.history-wrap > section .inner { padding:100px 0 100px 160px; }

.history-wrap .info { margin-bottom:20px; margin-right:45px; }
.history-wrap .info h4 { background:linear-gradient(90deg, rgba(255, 255, 255, 0.2) 14.27%, rgba(255, 255, 255, 0) 100%); font-size:20px; font-weight: 400; height:40px; line-height: 40px; text-indent: 10px; margin-bottom:40px; }
.history-wrap .info p { font-size:60px; font-weight: 200; }
.history-wrap .info p:last-child { font-size:20px; font-weight: 300; }

.history-wrap .year-wrap .year { width:100px; height:100px; border-radius: 50%; background:#676057; margin-top: 90px; margin-bottom:40px; }
.history-wrap > section:nth-child(even) .year-wrap .year { width:100px; height:100px; border-radius: 50%; background:#847c76; margin-top: 90px; margin-bottom:40px; }

.history-wrap .year-wrap .month li dl { display:flex; justify-content:flex-start; align-items: flex-start; font-size:20px; font-weight: 300; margin-bottom:40px; margin-right:45px; }
.history-wrap .year-wrap .month li img { width:100%; height:280px; object-fit: cover; margin-bottom:40px; }
.history-wrap .year-wrap .month li h5 { color:#DCDCDA;  font-size:20px; font-weight: 500; max-width:120px; width:100%; }
.history-wrap .year-wrap .month li dt { max-width:45%;width:100%; padding-right:40px; }
.history-wrap .year-wrap .month li dd { max-width:45%;width:100%; padding-right:40px;}

.history-wrap .btn-circle { display: block; width:100px; height:100px; border-radius: 50%; background:; margin-top: 90px; margin-bottom:40px; background:url('../images/unmore2.svg') #676057 no-repeat center center; border:solid 1px #676057; }
.history-wrap .btn-circle:hover { background:url('../images/unmore2.svg') #8d8881 no-repeat center center;  border:solid 1px #dcdcda;}
.history-wrap .btn-circle::after { content:'More'; position: relative; font-size: 30px; font-weight: 500; padding-left:125px; line-height: 100px; color:#DCDCDA }
.history-wrap .btn-circle.selected { background:url('../images/unmore.svg') #8d8881 no-repeat center center; }
.history-wrap .btn-circle.selected::after { content:'Close'; }

.history-wrap > section:nth-child(even) .btn-circle { width:100px; height:100px; border-radius: 50%; background:#; margin-top: 90px; margin-bottom:40px; background:url('../images/unmore2.svg') #847c76 no-repeat center center; border:solid 1px #676057;  }
.history-wrap > section:nth-child(even) .btn-circle:hover { background:url('../images/unmore2.svg') #8d8881 no-repeat center center;  border:solid 1px #dcdcda;}
.history-wrap > section:nth-child(even) .btn-circle.selected { background:url('../images/unmore.svg') #8d8881 no-repeat center center;  }
.history-wrap > section:nth-child(even) .btn-circle.selected::after { content:'Close'; }

.history-wrap .hidden_items { display:none; }

.ethical-container { padding-bottom:90px; }
.ethical-container .sidemenu { width:120px; position: absolute; }
.ethical-container .sidemenu .title { position: fixed; margin-top: 250px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.ethical-container .contents { margin-left:360px; margin-top:240px; max-width:1200px; }
.ethical-container .section1 {position: relative; max-width: 1200px; margin-right:45px; }

.ethical-container .ethical .tab-container {  margin-bottom: 100px;}
.ethical-container .ethical .tab-container { font-size:28px;   }
.ethical-container .ethical .tab-container li { float:left; font-weight: 400; color:#B0ADA7; margin-right: 60px; }
.ethical-container .ethical .tab-container li a.selected { color:#676057; border-bottom:solid 1px #676057; }

.ethical-container .box { border:solid 1px #AB9673; padding:40px; position: relative; }
.ethical-container .box .desc { position: absolute; width: 35%; right:40px; top:40%; font-size:20px; line-height: 1.5; }

.ethical-container .box2 { background:#eeeeed; font-size:16px; position: relative; padding:30px; }
/* .ethical-container .box2 .subject { position: relative; width:auto; text-align: left; margin-bottom: 10px;  margin-top: 0px !important;} */
.ethical-container .box2 .subject { position: absolute; font-size:20px; text-align: center; width:300px; top:50%;  }
.ethical-container .box2 ul { margin-left: 330px; }
.ethical-container .box2 ul li { padding:10px 0; position: relative; }
.ethical-container .box2 ul li > span { display:block; }
.ethical-container .box2 ul li .num { color:#B0ADA7; font-weight: 500; position: absolute; }
.ethical-container .box2 ul li .desc { margin-left:30px; }

.ethical-container .box3 { background:#eeeeed; font-size:16px; position: relative; padding:30px;  margin-bottom: 20px; }
.ethical-container .box3 ul li { float:left; width:33.3%; text-align: center; }
.ethical-container .box3 ul li img { max-width:260px; width:90%; }
.ethical-container .box3 ul li span { display:block; text-align: center; font-size: 16px; margin-top: 15px;}
.ethical-container .box4 { background:#eee; padding:20px;  font-weight: 500; margin-bottom: 20px; }
.ethical-container .box5 { background:#eeeeed; font-size:16px; position: relative; padding:30px;  margin-bottom: 40px; text-align: center; }
.ethical-container .box6 { background:#847C76; color: #fff; padding: 10px 20px 8px 20px;  font-weight: 500; margin-bottom: 20px; }





.ethical-container .tip { margin-top:10px; font-size:16px;  }
.ethical-container .tip a { display:inline-block; min-height: 40px; line-height: 40px; height: 40px; margin-left:30px; background:url(../images/btn_arrow_right.svg) no-repeat right center; background-size: 30px; padding-right:40px; }


.ethical-container .btns {}

.ethical-container .list2 { font-size:16px;  }
.ethical-container .list2 li { padding-bottom:10px; }
.ethical-container .list2 li .subject { position: absolute; font-weight: 500; background:url(../images/bullet_circle.svg) no-repeat left center; padding-left:30px; }
.ethical-container .list2 li .desc { margin-left:105px; }

.ethical-container .list3 { font-size:16px;  }
.ethical-container .list3 li { padding-bottom:10px; }
.ethical-container .list3 li .subject { position: absolute; font-weight: 500; color: #B0ADA7}
.ethical-container .list3 li .desc { margin-left:30px; }

.ethical-container .list4 { font-size:16px;  }
.ethical-container .list4 li { padding-bottom:10px; }
.ethical-container .list4 li .desc { background:url(../images/bullet_circle.svg) no-repeat left center; padding-left:30px;}


.ethical-container .list5 { font-size:16px;  }
.ethical-container .list5 li { padding-bottom:10px; }
.ethical-container .list5 li .subject { position: absolute; font-weight: 500; background:url(../images/bullet_circle.svg) no-repeat left center; padding-left:30px; }
.ethical-container .list5 li .desc { margin-left:190px; }

.ethical-container .section1 {}
.ethical-container .section1 .tit { font-size:56px; font-weight: 500; margin-bottom:30px; }
.ethical-container .section1 p { font-size: 24px; line-height: 1.5; margin-bottom:25px; }

.ethical-container .agree { padding-top:15px; }
.ethical-container .agree label { font-size:16px; display:block; margin-bottom:7px; }
.ethical-container .agree input { width:30px; height:30px; vertical-align: middle; }

.ethical-container .cau { font-size:16px; color:#AB9673; margin-bottom:40px; font-weight: 500; }

.ethical-container .section2 { margin-top:140px; max-width: 1200px; margin-right:45px; }
.ethical-container .section2 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }
.ethical-container .section2 ul { }
.ethical-container .section2 ul li { display:table; }
.ethical-container .section2 ul li > div { display:table-cell; padding:20px 0; vertical-align: middle; font-size:24px; }
.ethical-container .section2 ul li > div.img { width:140px; }
.ethical-container .section2 ul li > div.desc { padding:0 40px;  }
.ethical-container .section2 ul li > div.desc span { display: block; font-size:20px; color:#AB9673; margin-top:5px; }
.ethical-container .section2 ul.col2 li { width:50%; float:left; }
.ethical-container .section2 ul.col2 li > div.img { width:130px; }
.ethical-container .section2 ul.col2 li > div { font-size:20px; }
.ethical-container .section2 ul.col2 li > div.desc span { font-size:16px; color:#AB9673; margin-right:20px;  }
.ethical-container .section2 .box2 { margin-top:20px; }


.ethical-container .section3 { margin-top:140px; max-width: 1200px; margin-right:45px;}
.ethical-container .section3 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }


.ethical-container .section4 { margin-top:140px; max-width: 1200px; margin-right:45px;}
.ethical-container .section4 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }
.ethical-container .section4 li { display:table; font-size:16px; }
.ethical-container .section4 li > div { display:table-cell; padding-bottom:20px; }
.ethical-container .section4 li > div.subject { width:100px; color:#847C76; font-weight: 500; padding-bottom:20px; }
.ethical-container .section4 .btns { margin-top:50px; }
.ethical-container .section4 .btns .btn { margin-right:30px; }
.ethical-container .section4 .btns .btn span { background:url(../images/bullet_download.svg) no-repeat right center; padding-right: 40px; }


.ethical-container .section5 { margin-top:140px; max-width: 1200px; margin-right:45px; }
.ethical-container .section5 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }

.ethical-container .section6 { margin-top:140px; max-width: 1200px; margin-right:45px; }
.ethical-container .section6 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }
.ethical-container .section6 img.m { display:none; }

.ethical-container .section7 { margin-top:140px; max-width: 1200px; margin-right:45px; }
.ethical-container .section7 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }

.ethical-container .section8 { margin-top:140px; max-width: 1200px; margin-right:45px; }
.ethical-container .section8 .tit { font-size:32px; font-weight: 500; margin-bottom:30px; }
.ethical-container .section8 .btns { text-align: center; }


.ethical-container .input_frm li { position: relative; clear:both; margin-bottom:40px; }
.ethical-container .input_frm li .subject { width:240px; position: absolute; font-size:20px; font-weight: 400; padding-top:10px; }
.ethical-container .input_frm li .desc { margin-left:240px;  }
.ethical-container .input_frm li .msg { margin-top:15px; font-size:16px; }
.ethical-container .input_frm li .desc .frmitem { display:flex; justify-content: flex-start; align-items:center;  }
.ethical-container .input_frm li .desc.email { display:flex; justify-content: flex-start; align-items:center; }
.ethical-container .input_frm li .desc.email span { padding:0 10px; }
.ethical-container .input_frm li .desc.email select { margin-left:30px; }
.ethical-container .input_frm li .desc.phone { display:flex; justify-content: flex-start; align-items:center; }
.ethical-container .input_frm li .desc.phone span { padding:0 10px; }
.ethical-container .input_frm li .desc .attachfile { }
.ethical-container .input_frm li .desc .attachfile a { margin-left:20px; }
.ethical-container .input_frm li .desc .textarea textarea { height:240px; }
.ethical-container .input_frm li  .example { background:#f0f0ef; }
.ethical-container .input_frm li  .example a { display:block; height:54px; line-height: 54px; border:solid 1px #676057; text-align: center; font-size:16px; margin-top:10px; }
.ethical-container .input_frm li  .example a span { background:block; background:url(../images/dropdown_arrow_down_s.svg) no-repeat right center; padding-right:30px; }
.ethical-container .input_frm li  .example a.selected span{ background:url(../images/dropdown_arrow_up.svg) no-repeat right center; background-size: 16px 12px;  }
.ethical-container .input_frm li  .example .conts { padding:40px; line-height: 1.5; font-size: 14px; display:none; }
.ethical-container .input_frm li  .example .conts dt { font-weight: 500; margin-bottom:5px; }
.ethical-container .input_frm li  .example .conts dd { font-weight: 300; margin-bottom: 30px; }
.ethical-container .input_frm li .select-msg { display:none; line-height: 1.5; }

.ethical-container .hotline_list table { width:100%; }
.ethical-container .hotline_list table thead th { font-weight: 500; background:#eee; padding:20px 5px; text-align: center; }
.ethical-container .hotline_list table tbody td { font-weight: 300; padding:20px 5px; text-align: center; border-bottom:solid 1px #eee; }
.ethical-container .hotline_list table tbody td a { display:block; font-weight: 400; }

.ethical-container .hotline_view { border-bottom: solid 1px #676057; padding-bottom:30px; }
.ethical-container .hotline_view li { position: relative; margin-bottom:35px; }
.ethical-container .hotline_view li .subject { position: absolute; font-size:20px; font-weight: 400; }
.ethical-container .hotline_view li .desc { margin-left:240px; }
.ethical-container .hotline_view li .attachfile a { margin-right:30px; }

.ethical-container .hotline_answar { background:#eee; padding:40px; }



.main-container { background: #dcdcda; }
.main-container .sidemenu { width:120px; position: absolute; z-index: 999; }
.main-container .sidemenu .title { display: none; position: fixed; margin-top: 250px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; }
.main-container .sidemenu .title2 { position: fixed; margin-top: 282px; height: 120px; line-height: 120px; top: 50%; left: 0px; transform: rotate( -90deg );transform-origin : 0 0;  font-size: 56px; font-weight: 100; white-space: nowrap; text-align: center; white-space: nowrap; }
.main-container .sidemenu .title2 ul { display:inline-block; vertical-align: middle; }
.main-container .sidemenu .title2 li { float: left; font-size: 20px; margin:0 30px; font-weight: 400; }
.main-container .sidemenu .title2 li a.selected { border-bottom:solid 1px #676057; }
.main-container .sidemenu .title2 li:last-child { margin-right:40px; }
.main-container .contents { margin-left:120px;  }

.main-container .visual { position: relative; margin-bottom:120px; overflow: hidden; margin-bottom:105px; }
.main-container .visual .text { position: absolute; font-size:120px; line-height: 1.2; font-weight: 100; color:#fff; bottom:15%; margin-left:240px;   }
.main-container .visual .slider { height:100%; width:100%; }
.main-container .visual .slider ul { height:100%; width:100%; }
.main-container .visual .slider ul li { height:100%; width:100%;  background:no-repeat center center; background-size: cover; }
.main-container .visual .bx-wrapper,
.main-container .visual .bx-viewport{ height:100%; }

.main-container .photo {  margin-bottom:150px; position: relative; color:#fff; overflow:hidden; z-index: 5; min-height: 713px; display: table; width:100%; }
.main-container .photo .img { position: absolute; top:0px; width:100%; height:100%; }
.main-container .photo .img img { width:100%; height: 100%; object-fit: cover; }
.main-container .photo .img span { display:block; margin-left:420px; height:100%; }

.main-container .photo .inner { display: table-cell; vertical-align: middle; padding-right: 45px; }
.main-container .photo .text { position: relative; font-size:120px; font-weight: 100; max-width: 1440px; line-height: 1.2;  margin-left: 240px;  /*top: 50%; left:50%; transform: translate(-50%, -50%);*/ }
.main-container .photo .text a { position: absolute; right:0px; bottom:0px; }

.main-container .goforit { max-width:1440px; margin-left:240px; position: relative; margin-bottom:120px; margin-right:45px; }
.main-container .goforit > a { position: absolute; right:0px; top:0px; }
.main-container .goforit .group > .item { font-size:100px; font-weight: 100; line-height: 1; margin-bottom:80px; text-align: right; }
.main-container .goforit .group > .item .desc { display: block; font-size:32px; font-weight: 400; padding-top: 20px; text-align: right;}
.main-container .goforit .group > .item:first-child { text-align: left; }
.main-container .goforit .group > .item:first-child .desc { text-align: left; }
.main-container .goforit .group > .item:last-child { text-align: left; }
.main-container .goforit .group > .item:last-child .desc { text-align: left; }

.main-container .business { margin-left:240px; position: relative; padding-bottom:220px;}
.main-container .business .list { overflow: hidden; position: relative; }
.main-container .business ul { font-size:0px; display: table; white-space: nowrap; font-size:0px; overflow:hidden; position: relative;  }
.main-container .business li { display:table-cell; font-size:40px; font-weight: 100; position: relative; padding-right:20px; }
.main-container .business li .inner { position:relative; }
.main-container .business li .inner > img { object-fit: cover; }
.main-container .business li .info { position: absolute; bottom:10px; width:100%; left:0px; }
.main-container .business li .info a { display:block; color:#fff; padding:0 30px; }
.main-container .business li .info a span { display:block; border-top:solid 1px #fff; padding:20px 0 50px 0; background:url(../images/btn_main_arrow.svg) no-repeat right 17px; background-size: 60px; }
.main-container .business li:hover .info a span { background:url(../images/btn_main_arrow_over.svg) no-repeat right 17px; background-size: 60px; }


.pop_gallery { display: none; position: fixed; width:100%; height:100%; z-index: 9999; background:#847c76; color:#fff; }
.pop_gallery .inner { padding-top:5%; position: absolute; top: 50%; width:100%; transform: translateY(-50%); }
.pop_gallery .close { position: absolute; top:20px; right:20px; z-index: 100; }
.pop_gallery .tit { position: absolute; top: 40px; left: 40px; font-size:40px; margin-bottom:0px;; }
.pop_gallery .list { overflow: hidden;  }
.pop_gallery .list ul { display:table; white-space: nowrap; overflow: hidden; }
.pop_gallery .list li { display: inline-block; margin-right: 40px; position: relative; vertical-align: middle; }
.pop_gallery .list li:first-child { padding-left:140px; }
.pop_gallery .list li:last-child { padding-right:140px; }
.pop_gallery .list li img { width:100%; filter: grayscale(1); opacity: 0.5; width: 400px; height: 400px; margin: 140px 0; transition:  all 0.2s linear; cursor:pointer;  }
.pop_gallery .list li:hover { }
.pop_gallery .list li:hover img { opacity: 1; filter: grayscale(0); width: 540px; height: 540px; margin: 0px;  transition:  all 0.2s linear; }
.pop_gallery .btns { margin-top:0px; padding:0 120px; }
.pop_gallery .btns .prev { float:left; }
.pop_gallery .btns .next { float:right; }
.pop_gallery .preview { display: none; position: fixed; top:0px; left:0px; width:100%; height:100%; z-index: 200; }
.pop_gallery .preview > img { width:100%; height:100%; object-fit: cover; }
.pop_gallery .preview .back { position: absolute; top:20px; left:20px; }


.pop_gallery2 { display: none; position: fixed; width:100%; height:100%; z-index: 9999; background:#847c76; color:#fff; }
.pop_gallery2 .bx-wrapper, 
.pop_gallery2  .bx-viewport { height:100% !important; }
.pop_gallery2 .inner { padding-top:0; position: relative; }
.pop_gallery2 .close { position: absolute; top:20px; right:20px; z-index: 100; }
.pop_gallery2 .page { position: absolute; font-size:40px; top: 40px; left: 40px; font-size:24px; z-index: 999; }
.pop_gallery2 .list { overflow: hidden; position: fixed; height: 100%; width:100%;}
.pop_gallery2 .list ul { height:100%; }
.pop_gallery2 .list li { display: block; height: 100%; text-align: center; }
.pop_gallery2 .list li img {  height: 100%; width: 100%; margin:0 auto; object-fit: contain; }
.pop_gallery2 .btns {  }
.pop_gallery2 .prev { position: fixed; top:50%; left:10%; z-index: 999; }
.pop_gallery2 .next { position: fixed; top:50%; right:10%; z-index: 999; }
.pop_gallery2 .bx-controls { display:none; }


.pop_pet { display: none; position: fixed; width:100%; height:100%; z-index: 9999; background:#847c76; color:#fff; }
.pop_pet .bx-wrapper, 
.pop_pet  .bx-viewport { height:100% !important; }
.pop_pet .inner { padding-top:0; position: relative; }
.pop_pet .close { position: absolute; top:20px; right:20px; z-index: 100; }
.pop_pet .page { position: absolute; font-size:40px; top: 40px; left: 40px; font-size:24px; z-index: 999; }
.pop_pet .list { overflow: hidden; position: fixed; height: 100%; width:100%; }
.pop_pet .list ul { height:100%; }
.pop_pet .list li { display: block; height: 100%; text-align: center; }
.pop_pet .list li img {  height: 100%; width: 100%; margin:0 auto; object-fit: contain; }
.pop_pet .btns {  }
.pop_pet .prev { position: fixed; top:50%; left:10%; z-index: 999; }
.pop_pet .next { position: fixed; top:50%; right:10%; z-index: 999; }
.pop_pet .bx-controls { display:none; }