G@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix')
	format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff')
	format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf')
	format('truetype'); } @font-face { font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix')
	format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff')
	format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf')
	format('truetype') } @font-face { font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix')
	format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff')
	format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf')
	format('truetype');
	}
@font-face {
    font-family: 'BookkMyungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'BookkMyungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Lt.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.noto {
  font-family: "BookkMyungjo", serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

b {font-weight:800}

#toolbar {display:none  !important}

.font-20 {font-size:20px !important; line-height:130%  !important}
.font-30 {font-size:30px !important; line-height:130%  !important}

.center {text-align:Center !important; margin:0 auto} 
.center img{text-align:Center !important; margin:0 auto}
.pt_20 {padding-top:20px !important}
.pb_20 {padding-bottom:20px !important}	
.pb_50 {padding-bottom:50px !important}
.point {color:#b0ccff  !important}
.point03 {color:#ded3c0 !important}
.point02 {color:#efc598 !important;}
.white  {color:#fff  !important}


#section_3 .work ul {display:flex; padding:10px 0px; align-items: center; flex-wrap: wrap; justify-content: center;}
#section_3 .work ul li{width:20%; padding:20px 0px}
#section_3 .work ul:last-child {width:100%; max-width:800px; margin: 0 auto;}
#section_3 .work ul:last-child li{width:20%}
#in_s3 img {width:100%; max-width:150px; margin:0 auto}
#in_s3 {
    width: 100%;
	max-width:1000px;
    overflow: hidden;
	margin:0 auto;
}
.go_btn  {text-align:center; margin-top:50px;}
.go_btn a{color:#fff  !important; padding:10px 50px; background:#3d4b67; font-size:20px; text-align:center; border-radius:50px}
.swiper-3d {perspective: 1500px;}
.swiper_02 .swiper-pagination-bullet{border: 1px solid #1da1f2;}.swiper-pagination-bullet-active{background:#1da1f2}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
.swiper_02 .swiper-button-next {background: url('/img/main_arrow_right2.png') no-repeat; width:27px; height:27px; right:0px}
.swiper_02 .swiper-button-prev {background: url('/img/main_arrow_left2.png') no-repeat; width:27px; height:27px; left:0px;}
.swiper_02 .swiper-button-next:after, .swiper_02 .swiper-button-prev:after {font-size:0}
.swiper_02 .swiper-pagination .swiper-pagination-bullet-active{background:#383e4a}
.swiper_02.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}



.swiper_02 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}


.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper_02 .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}


.swiper_02.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}



.swiper_02.swiper-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*.swiper_02 .swiper-slide:first-child {display:none}

.swiper_02 .swiper-slide{
  width: 300px;
}*/


#sidebar {
    float: left;
    width: 95px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 200;
}

#sidebar li:first-child {
    padding-top: 130px;
}

#sidebar li {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

#sidebar li img {
    margin: 0 auto;
    width: 30px;
    float: none;
    padding-bottom: 10px;
}

#sidebar li a {
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
}

#sidebar:hover {
    background-color: #181818;
}

#sidebar1 {
	left:50%;
	transform: translateX(-50%);
    position: fixed;
    bottom: 0; 
    margin: auto;
    z-index: 200;
	width:100%;
	max-width: 1700px;

}
#sidebar1 li {display:flex; }
#sidebar1 li a {
    font-size: 16px;
    font-weight: 300;
    color: #46423b;
	width:33.33333%;
	text-align:center;
	height:50px;
	line-height:50px;
    letter-spacing: -0.5px;
}
#sidebar1 li a div.tel{background:#f6f5f4}

#sidebar1 li a div {background:#c2bda4; }
#sidebar1 li a div span {font-size:18px; }
#sidebar1 svg {width:24px}
#sidebar1 li a:last-child div b{display:flex; align-items: center;  justify-content: center;}
#sidebar1 li a:last-child div b span {margin-left:5px}
#in_s1 {
    float: left;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
	object-fit: cover;
}

.video_wrap_background-video {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.video-cover {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -101px;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: url(../video/videoposter.jpg) top center no-repeat;*/
    background-size: cover;
    z-index: 3;
}

#fplay {
	object-fit: cover;
    margin-left: 0px;
	width:100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


#logo9 {
    float: left;
    display: inline-block;
    height: 300px;
    position: absolute;
    overflow: visible;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: block;
    margin: -185px 0 0 -91px;
}

.cover,
.cover1,
.cover2,
.cover3 {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.cover3 {
    opacity: 0.2;
    background-color: #1b1919;
}

header {
    float: left;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
}

.logo {
    float: left;
    width: 100px;
    overflow: hidden;
    margin: 50px 0 0 130px;
}

.logo > a > img {
    width: 100%;
}

#nav {
    float: left;
    width: 1030px;
    overflow: hidden;
    margin: 85px 0 0 13%;
    list-style: none;
}

#nav li {
    float: left;
    display: inline-block;
    text-align: center;
    list-style: none;
    margin-right: 11%;
}

#nav li:last-child {
    margin-right: 0;
}

#nav li a {
    font-size: 18px;
    font-weight: 400;
    color: #ded3c0;
    line-height: 18px;
}

#nav li a:hover {
    color: #e3aa0c;
}

#out_nav {
    float: left;
    width: 1000px;
    overflow: hidden;
    position: absolute;
    top: 150px;
    left: 24%;
    display: none;
}

.out_in_nav {
    float: left;
    width: 12%;
    margin-right: 6%;
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 8px solid #e3aa0c;
    box-sizing: border-box;
    opacity: 0;
}

.out_in_nav:nth-child(3) {
    margin-right: 8.5%;
}

.out_in_nav:last-child {
    margin-right: 0;
}

.out_in_nav li {
    float: left;
    width: 82%;
    overflow: hidden;
    padding: 9%;
    font-size: 13px;
    font-weight: 400;
    color: #4b4b4b;
}

.out_in_nav li a {
    font-size: 13px;
    font-weight: 400;
    color: #4b4b4b;
}

#s_box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 80;
    opacity: 1;
	transform: translate(-50%, -50%);
}

#s1_title {
    margin: 0 auto;
    overflow: hidden;
    font-size: 30px;
    font-weight: 100;
    color: #ffffff;
    text-align: center;    line-height:120%;
}

#s1_title2 {
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    font-size: 58px;
    
    color: #ffffff;    line-height: 130%;
}

#s1_title2 b{font-weight:700;}
/*
#s1_line3 {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 25px;
    margin: 43px 0 30px 0;
}

#in_line {
    margin: 0 auto;
    width: 30%;
    height: 8px;
    background-color: #e3aa0c;
}
*/
#s1_title3 {
    margin: 0 auto;
    overflow: hidden;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: #ffffff;    line-height: 130%;
}

#s_btn {
    margin: 0 auto;
    width: 51%;
    height: 53px;
    background-color: #e3aa0c;
    text-align: center;
    color: #342929;
    font-size: 20px;
    font-weight: 500;
    line-height: 53px;
    cursor: pointer;
}
      section#section_1_5 {
   /* background-image: url(/img/section1_5_back.png);
          background-position:top;
          background-size: cover;*/
}
          #s1_5_txt_box {
    margin: 0 auto;
    overflow: hidden;
	background-image: url(/img/section1_5_back.png);
	background-position:top;
	background-size: cover;	
	padding:60px 0px 50px;

}
#section_1_5 .in_wrap {height:100vh;

	background-image: url(/img/section1_5_back01.png);
	background-position:top;
	background-size: cover;	
}
#s1_5_wrap {height:50vh; display: flex;   align-items: center;}
          .s_title.color_yello {
    color: #ffc934;
}
.swiper_01 .swiper-button-next {background: url('/img/main_arrow_right.png') no-repeat; width:36px; height:36px; right:-20px}
.swiper_01 .swiper-button-prev {background: url('/img/main_arrow_left.png') no-repeat; width:36px; height:36px; left:-20px;}
.swiper_01 .swiper-button-next:after, .swiper_01 .swiper-button-prev:after {font-size:0}

.swiper_01.swiper {position: static;}
#s1_5_wrap img {height:300px}
          .s1_5_box {
    display:inline-block; *display:inline; zoom:1;
    width: 12.5%;
    overflow: hidden;
}



#s1_5_wrap {
    text-align: center;
    max-width: 1500px;
    min-width: 1200px;
    margin: 0 auto ;
	position: relative;
}
div#line1_5 {
    margin: 0 auto 30px;
    width: 39px;
    height: 2px;
    background-color: #ffffff;
    opacity: 1;
        overflow: hidden;

}
          #s1_5_wrap img {
              float: none;    display: inline;
          }

.st0 {
    fill: rgba(255, 255, 255, 0);
    animation: move1 1s 2.3s 1 ease-in alternate forwards;
}

@keyframes move1 {
    0% {
        fill: rgba(255, 255, 255, 0);
    }

    100% {
        fill: rgba(255, 255, 255, 1);
    }
}

.mouse_s > img {
    width: 100%;
}

#section_2 {
    overflow: hidden;
}

.video_wrap background-video {
    width: 100%;
    padding-bottom: 56.25%;
    margin-left: 0;
    position: relative;
}

#fplay_2 {
    position: absolute;
    top: 0;
    left: 0;
}

#in_s2 {
    margin: 0 auto;
	width:100%;
    max-width: 1500px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    padding-top: 80px;
}

#s2_txt_box {
    margin: 0 auto;
    overflow: hidden;
    opacity: 0;
}

.sec_line {
    margin: 0 auto;
    width: 1px;
    height: 3px;
    background-color: #ffffff;
    opacity: 0;
}
.s4_title_new {
    background-color: #262626;
    /* float: left; */
    width: 100%;
    padding-top: 425px;
    height: 360px;
}
.s_title {
    width: 100%;
    overflow: hidden;
    padding: 15px 0px 50px;
    font-size: 54px;
    line-height: 130%;
    text-align: center;

}

.ss_title {
    width: 100%;
    overflow: hidden;
    padding: 15px 0px 50px;
    font-size: 44px;
    line-height: 130%;
    text-align: center;

}
.sub_tit {font-size:20px; text-align:center}
.s2_txt {
    width: 100%;
    font-size: 17px;
    font-weight: 100;
    text-align: center;
    line-height: 130%;
}

#s2_test img {
    padding-bottom: 30px;
    max-width: 100%;
}

#s2_wrap {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 85px;
    opacity: 0;
    position: relative;
    top: 30px;
    cursor: pointer;
}

.s2_box {
    float: left;
    width: 30%;
    overflow: hidden;
    margin-right: 5%;
}

.s2_box:last-child {
    margin-right: 0;
}

.s2_img_box {
    float: left;
    width: 100%;
    overflow: hidden;
}

.s2_img_box {
    cursor: pointer;
}

.s2_img_box > img {
    filter: grayscale(1);
    width: 100%;
}

.s2_img_box:hover img {
    filter: grayscale(0);
}

#s2_test {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
}



#s2_test img {
    padding-bottom: 30px;
    max-width: 93%;float: none; display: inline-block;
}

#s2_wrap {
   /* float: left;
    width: 100%;
    height: auto;
    margin-top: 85px;
    opacity: 0;
    position: relative;
    top: 30px;
    cursor: pointer;*/
}
#s2_wrap {
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 0px;
    opacity: 0;
    position: relative;
    top: 30px;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}
.s2_box {
    float: left;
    width: 30%;
    overflow: hidden;
    margin-right: 5%;
}

.s2_box:last-child {
    margin-right: 0;
}

.s2_img_box {
    float: left;
    width: 100%;
    overflow: hidden;
}

.s2_img_box {
    cursor: pointer;
}

.s2_img_box > img {
    filter: grayscale(1);
    width: 100%;
}

.s2_img_box:hover img {
    filter: grayscale(0);
}

#s2_test {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 50px;    text-align: center;
}


#section_3 {
    background:#60656e;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}



.s3_title {
    padding-top:50px;
    z-index: 150;
    opacity: 0;
}



.arrow {
    float: left;
    display: inline-block;
    overflow: hidden;
    font-size: 25px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 300;
    margin-left: -15px;
}

.s3_box {
    float: left;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.s3_box:hover .cover1 {
    opacity: 0.2;
}

.s3_s_title {
    float: left;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 40px;
    /*font-family: 'NanumSquareRound';*/
    font-size: 30px;
    color: #ffffff;line-height: 1em;
}

.s3_text {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
}

.s3_txt_box {
    float: left;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    bottom: 90px;
    left: 25px;
    z-index: 200;
    opacity: 0;
}

.more {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 40px 0 0 5px;
}

.more a {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
}

#section_4 {
    background-image: url(../img/bg04.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#in_s4 {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 60;
    height: 100vh;
    margin: 0;
}

.s4_title {
    width: 100%;
    position: absolute;
    top: 50%;
	left:50%;
    transform: translate(-50%, -50%);
    z-index: 300;
}

#s4_wrap {
    float: left;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;    position: relative;
    height: 100%;
}
div#s4_wrap_top {
    position: absolute;
    top: 0px;
}
div#s4_wrap_btm {
    position: absolute;
    bottom: 0px;
}
#section_4 .s4_box {
        height: 36vh;
    }
.s4_title_new {
    padding-top: 42vh;
}
.s4_box {
    float: left;
    width: 33.333%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.s4_img {
    transform: scale(1);
    transition-duration: 0.8s;
}

.s4_box:hover .s4_img {
    transform: scale(1.2);
}

.s4_box:hover .cover3 {
    opacity: 0.45;
}

.txt_4 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    z-index: 300;
    transition-duration: 0.5s;
}

#section_5 {
    background-image: url(../img/bg06.png);
    background-size: cover;
    background-repeat: no-repeat;
	background-position:bottom center;
}

#in_s5 {
    margin: 0 auto;
    width: 80%;
    overflow: hidden;
}
.form_main {display: flex;  justify-content: center;}


#s5_title {
    margin: 0 auto;
    width: 50%;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    z-index: 100;
    opacity: 0;
}

#s5_title > img {
    width: 100%;
}

#s5_box {

    width: 100%;
    overflow: hidden;
    padding-top: 80px;
    position: relative;
    z-index: 100;
}
		#s5_out_box {
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center;
}
			   p.last_p {
    font-size: 45px;
    line-height:130%;
    color: #fff;
    font-weight: bold;
}
				   p.last_p span {
    color: #ffba08;
}
#s5_out_box {
    margin: 0 auto;
	padding-bottom:100px;
}

#s5_nav {
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 15px 0;
}

.s5_in_nav {
	display:flex;
    width: 100%;
    overflow: hidden;
    align-items: center;
}

.s5_in_nav li {
    width: 10%;
	padding:0px 10px;
    height: auto;
}

#s5_in_nav1 {
    margin: 0 auto;
    width: 65%;
    float: none;
    padding-bottom: 25px;
}

#s5_in_nav1 li {
    width: 50%;
}

#s5_nav li img {
    width: 100px;
    margin: 0 auto;
    float: none;
}

#s5_nav li:nth-child(3) {
    margin-right: 0;
}

.s5_texts {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 10px;
    font-weight: 300;
    color: #ffffff;
}

#s5_in_box {
    margin: 0 auto;
    width: 68%;
    overflow: hidden;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

#s5_right_box {
    overflow: hidden;
    margin-top: 50px;
    position: relative;
    z-index: 100;
}

.s5_txt_box {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 5px;
}

.text1 {
    float: left;
    width: calc(50% - 25px);
    height: 55px;
    border-radius: 5px;
    padding-left: 13px;
    outline-width: thin;
    outline: none;
	margin:0px 3px;
}

#s5_btn_wrap {
        display: table;
    margin: 0px auto;
}


#s5_btn {
     padding:10px 100px; background:#ffba08 !important; font-size:16px; text-align:center; border-radius:50px;
    margin: 30px auto;
    cursor: pointer;
	display: block;
}
/*#s5_btn > img {
    width: 25px;
    margin: 10px 10px 0 25px;
}
*/
#s5_texts {
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    color:#000  !important;
    text-align: center;
}
/*
#s5_btn {
    float: left;
    width: 160px;
    height: 45px;
    background-color: #e6a467;
    border-radius: 3px;
    margin-right: 20px;
    cursor: pointer;
}


#s5_btn > img {
    float: left;
    width: 25px;
    margin: 10px 10px 0 25px;
}

#s5_texts {
    float: left;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    text-align: center;
    line-height: 45px;
}*/

#s5_close {
    float: left;
    width: 100px;
    height: 45px;
    background-color: #efefef;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Nanum Gothic', sans-serif;
    line-height: 45px;
    border-radius: 3px;
}

#s5_texts_box {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

#s5_texts_box li {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 3px;
    text-align: center;
    color: #ffffff;
}

#counter_wrap {
    float: left;
    width: 38%;
    overflow: hidden;
    padding: 40px 0;
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -19%;
    z-index: 500;
}

.counter_box,
.counter {
    float: left;
    display: inline-block;
    overflow: hidden;
}

.counter_box {
    margin-right: 5.2%;
}

.counter {
    font-weight: 500;
    color: #ffffff;
    text-align: center;
}

.counter_box:last-child {
    margin-right: 0;
}

.counter_txt {
    margin: 0 auto;
    width: 150px;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 52px;
    line-height: 52px;
}

.fs {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

.s5_texis {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}


#section_6 {
    background-image: url(../img/bg05.png);
    background-size: cover;
    background-position:top left;	
    background-repeat: no-repeat;
}

#in_s6 {
    margin: 0 auto;
    width: 63.5%;
    overflow: hidden;
    position: relative;
    z-index: 150;
    padding: 0 2% 25px 2%;
}

.s6_title {
    float: left;
    width: 100%;
    overflow: hidden;
}

.s6_box {
    float: left;
    width: 30.5%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    margin: 80px 4% 0 0;
    transition-duration: 0.8s;
    transform: scale(1);
}



.s6_box:hover {
   /* box-shadow: 15px 15px 5px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    background-color: rgba(255, 255, 255, 0.12);
	*/
}

.s6_box:last-child {
    margin-right: 0;
}

.s6_img_box {
    position: relative;
}

.s6_box:hover .cover2 {
    display: block;
}

.s6_box:hover .co_more {
    display: block;
}

.s6_img_box img {
    height:80px;
}

.co_more {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 46px 0 45px 0;
}

.co_more a {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}

#co_more3 {
    padding-top: 25px;
}

.s6_txt_box {
	padding-top:50px;
    width: 100%;
}

.s6_txt {
    width: 100%;
    font-size:40px;
    font-weight: 700;
    color: #ffffff;
    /*font-family: 'NanumSquareRound';*/
    padding:0px 0px 25px;
}

.s6_in_txt {
    width: 100%;
    overflow: hidden;
    font-size:20px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 15px;
	line-height:130%
}

.right_line {width:1px; background:#fff; height:350px; position: absolute; right:50px; top:0px}

.s6_arrow {
    float: left;
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 40px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    bottom: 0;
}

.slick-slide {
    outline: none;
}

footer {
    float: left;
    width: 100%;
    overflow: hidden;
    background-color: #1c1c1c;
}

#in_f {
    margin: 0 auto;
    width: 85%;
    overflow: hidden;
    padding: 50px 0px 140px;
}

#f_logo {
    float: left;
    width: 70px;
    height: auto;
    margin-left: 3%;    margin-top: 30px;
}

#f_logo img {
    width: 100%;
}

#f_nav {
    float: left;
    width: 45%;
    overflow: hidden;
    margin: 45px 5% 0 7%;
}

#f_nav li {
    float: left;
    display: inline-block;
    height: auto;
    font-size: 16px;
    font-weight: 300;
    margin-right: 7%;
    color: #ffffff;
}

#f_nav li:last-child {
    margin-right: 0;
}

#f_right {
    float: left;
    width: 32%;
    overflow: hidden;
    margin-top: 25px;
}

.f_s_nav {
    float: left;
    width: 46.5%;
    overflow: hidden;
    margin-right: 7%;
}

.f_s_nav li {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    line-height: 18px;
}

.f_s_nav:last-child {
    margin-right: 0;
}

#copy {
    float: right;
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    position: relative;
    bottom: -35px;
}

#pop{
    float: left;
    width: 540px;
    height: 595px;
    position: absolute;
    top: 220px;
    left: 585px;
    z-index: 9999;
    opacity: 0;
    animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -webkit-animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -ms-animation: move1 0.3s 1s 1 ease-in alternate forwards;
}
#pop2{
    float: left;
    width: 540px;
    height: 595px;
    position: absolute;
    top: 250px;
    left: 615px;
    z-index: 9999;
    opacity: 0;
    animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -webkit-animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -ms-animation: move1 0.3s 1s 1 ease-in alternate forwards;
}
#pop3{
    float: left;
    width: 540px;
    height: 595px;
    position: absolute;
    top: 280px;
    left: 645px;
    z-index: 9999;
    opacity: 0;
    animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -webkit-animation: move1 0.3s 1s 1 ease-in alternate forwards;
    -ms-animation: move1 0.3s 1s 1 ease-in alternate forwards;
}
@keyframes move1{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1
    }
}

-webkit-@keyframes move1{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1
    }
}

-ms-@keyframes move1{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1
    }
}

#pop_in{
    float: left;
    width: 100%;
    height: 594px;
    position: relative;
}

#pop_in img{
    /*transform: scale(1.2); */width:540px;
}

#pop_out {
    float: right;
    width: 65px;
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    padding: 6px;
}

#pop2_in{
    float: left;
    width: 100%;
    height: 500px;
    position: relative;
}

#pop2_in img{
    /*transform: scale(1.2); */width:540px;
}

#pop2_out {
    /*float: right;
    width: 65px;
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    text-align: right;
    position: absolute;
    bottom: -100px;
    right: 7px;
    cursor: pointer;
    text-align: center;
    padding: 10px;*/
}
#pop3_in{
    float: left;
    width: 100%;
    height: 500px;
    position: relative;
}

#pop3_in img{
    /*transform: scale(1.2); */width:540px;
}

#pop3_out {
    float: right;
    width: 65px;
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    text-align: right;
    position: absolute;
    bottom: -100px;
    right: 7px;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}
@media screen and (max-width:1537px){
.swiper_01 .swiper-button-next {background: url('/img/main_arrow_right.png') no-repeat; width:36px; height:36px; right:20px}
.swiper_01 .swiper-button-prev {background: url('/img/main_arrow_left.png') no-repeat; width:36px; height:36px; left:20px;}
}

@media all and (max-width:1600px) and (min-width:1537px) {

    header {
        position: absolute;
    }

    #s_box {
        top: 47%;
    }

    #counter_wrap {
        width: 45%;
        margin-left: -23%;
    }

    #nav {
        margin-left: 7%;
    }

    .s3_text {
        font-size: 12px;
    }

    #s2_wrap {
        margin-top: 80px;
    }

    .s6_in_txt {
        font-size: 14px;
    }

    #s5_in_box {
        font-size: 15px;
    }

    #out_nav {
        left: 20%;
    }

    #s5_nav {
        width: 90%;
    }

    #s5_box {
        padding-top: 50px;
    }

    #s5_right_box {
        margin-top: 53px;
    }

    #in_s5 {
        width: 62%;
    }

    #s5_title {
        padding-bottom: 40px;
    }

    #in_s2{
        padding-top: 0;
    }

    .s3_title{
        top: 95px;
    }
}

@media all and (max-width:1536px) and (min-width:1367px) {

    header {
        position: absolute;
    }

    #in_s2{
        padding-top: 0;
    }

    #s_box {
        top: 47%;
    }

    #counter_wrap {
        width: 47%;
        margin-left: -24%;
    }

    .s5_texis {
        font-size: 12px;
    }

    .s3_text {
        font-size: 12px;
    }
    .s6_in_txt {
        font-size: 13px;
    }

    #s5_in_box {
        font-size: 14px;
    }

    #s5_texts_box li {
        font-size: 10px;
    }

    #out_nav {
        left: 21%;
    }

    #nav {
        margin-left: 7%;
    }

    #s5_nav {
        width: 85%;
    }

    .s3_title {
        top: 75px;
    }

    #s5_box {
        padding-top: 30px;
    }

    #s5_right_box {
        margin-top: 33px;
    }

    #s5_title {
        padding-bottom: 40px;
    }
	.s_title {font-size:40px}

}

@media all and (min-width:1026px) and (max-width:1366px) {

.s_title {font-size:30px}
    header {
        position: absolute;
    }

    #in_s2{
        padding-top: 0;
    }

    #s2_txt_box {
        padding-bottom: 35px;
    }
#s1_5_txt_box {
      /*  padding-bottom: 35px;*/
    }
    #s_box {
        top: 47%;
    }


    #sidebar {
        display: none;
    }

    #nav {
        margin-left: 7%;
    }

    #nav li {
        margin-right: 9%;
    }

    #counter_wrap {
        width: 53%;
        margin-left: -27%;
        bottom: 50px;
    }

    .mouse_s {
        bottom: -5px;
        margin-left: -3.5%;
    }


    #s2_wrap {
        margin-top: 20px;
    }

    .s4_box {
        height: 385px;
    }
#section_4 .s4_box {
        height: 36vh;
    }
.s4_title_new {
    padding-top: 39vh;
}
    .s6_in_txt {
        font-size: 12px;
    }

    #in_s5 {
        width: 72%;
    }

    #s5_box {
        padding-top: 10px;
    }

    #s5_right_box {
        margin-top: 10px;
    }

    #s5_texts_box li {
        font-size: 10px;
        letter-spacing: -0.5px;
    }

    #s5_in_box {
        font-size: 12px;
    }

    .text1 {
      /*  width: 95%;**/
    }

    #s5_btn_wrap {
        margin-top: 20px;
    }

    #out_nav {
        left: 20%;
    }

    .out_in_nav {
        margin-right: 4.5%;
    }

    #s5_nav {
        width: 75%;
    }

    .s3_title {
        top: 75px;
    }

    #s5_title {
        padding-bottom: 40px;
    }

    .s3_text{
        font-size: 10px;
    }

    .f_nav li{
        font-size: 13px;
    }

}


/*200501 설문조사*/

*{margin:0; padding:0; font-family: 'NanumBarunGothic', sans-serif;}
body{line-height:18px; color:#121212;}
a{color:#121212; text-decoration:none;}
input{vertical-align:top;}
​
body{margin:0; padding:0; font-size:1.000em;}
img{border:0; margin:0; padding:0; vertical-align:top;}
ul{list-style:none; padding:0; margin:0;}
ul:after{content:""; display:block; clear:both;}
li{list-style:none; padding:0; margin:0;}
p{margin:0; padding:0;}
​
a{margin:0; padding:0; list-style:none;}
a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;}
a:active {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color:#000;}

.survey_wrap{width:93%; margin:0 auto; padding:4% 0 0 0; border-bottom:25px solid #344243; }
.survey_wrap .top{background:#344243 url(../img/logo.png) no-repeat; background-size:auto 75%; background-position:95% center; padding-left:5%; height:60px; position:relative; }
.survey_wrap .top:after{content:""; display:block; clear:both;}
.survey_wrap .top p{float:left; background:#fff; color:#5e7171; line-height:60px; margin:0; padding:0 2.5%; font-size:1.8rem; font-weight:700;}
.survey_wrap .top span{float:left; color:#fff; margin-left:10px; font-size:0.8rem; margin-top:33px;}
.survey_wrap .mid .text{text-align:center; background:#fbfbfb; width:100%; padding:30px 0; margin:40px 0;}
.survey_wrap .mid .text p{color:#595857; font-size:1.5rem; margin-bottom:20px; font-weight:700;}
.survey_wrap .mid .text p b{color:#344243; font-weight:700;}
.survey_wrap .mid .text span{color:#727071; line-height:1.5; font-size:1.2rem; font-family: 'Nanum Myeongjo', serif; font-weight:400;}
.survey_wrap .mid .survey{width:90%; padding:0 5%; background:url(../img/list_icon.png) no-repeat top left; background-size:auto 20px; margin-bottom:25px;}
.survey_wrap .mid .survey .tit{font-size:1.2rem; font-weight:700; line-height:15px;}
.survey_wrap .mid .survey .tit img{height:18px; margin:0 5px;}
.survey_wrap .mid .survey ul{margin-top:20px;}
.survey_wrap .mid .survey ul:after{content:""; display:block; clear:both;}
.survey_wrap .mid .survey ul li{position: relative; width:50%; float:left; margin-bottom:10px; line-height:22px;}
.survey_wrap .mid .survey ul li:after{content:""; display:block; clear:both;}
.survey_wrap .mid .survey ul li span{display:inline-block; float:left;}
.survey_wrap .mid .survey ul li span font{font-size:15px;}
.survey_wrap .mid .survey ul li .checkbox{opacity:.0; position: absolute; left:0; top:0; width:100%; height:100%; }
.survey_wrap .mid .survey ul li .checkbox + label{display:inline-block; width:20px; height:20px; border:1px solid #888; cursor:pointer; background:#fff; vertical-align:middle;}
.survey_wrap .mid .survey ul li .checkbox:checked + label:before {content: '\2713'; color: #121212;  background: #e9ecee; width:20px; height:20px; display:block; text-align:center; line-height:18px;}
.survey_wrap .mid .survey ul li label{margin-right:10px;  float:left;}
.survey_wrap .mid .survey ul li .text_input{margin-left:5px;}
.survey_wrap .mid .survey ul li .text_input input{border:0; height:22px;}
.survey_wrap .mid .survey ul li.name input{border:1px solid #888; height:30px; padding-left:5px; width:200%;}
.survey_wrap .bot{width:100%;  text-align:center;}
.survey_wrap .bot .text .tit{font-size:1.2rem; font-weight:700; text-align:left; text-align:center; background:url(../img/list_icon.png) no-repeat top left; background-size:auto 20px; width:90%; padding:0 5%; line-height:20px; text-align:left;}
.survey_wrap .bot .text span{ line-height:1.5; font-size:17.5px;  font-weight:400; text-align:center; display:block; margin-top:30px; background:url(../img/bot_bg.png) 100% 100%; padding:40px 0; display:block; width:100%;}
.survey_wrap .bot .text span b{display:block; text-align:right; padding-right:10%; color:#717071; font-weight:700; font-family: 'Nanum Myeongjo', serif;}
.survey_wrap .bot .text span font{display:block; margin-bottom:30px; color:#717071; font-weight:700;     font-family: 'Nanum Myeongjo', serif; }
.survey_wrap .bot div img{height:90px; margin:50px 0;}
.survey_wrap .bot .button{margin-top:50px;}
.survey_wrap .bot .button input{width:302px; height:55px; margin:0 auto; border:0; background:url(../img/survey_btn.jpg); text-indent:-999999px; display:inline-block;}

@media only screen and (max-width:1200px) {
#s1_title {font-size:30px;}
#s1_title2 {font-size:40px;}
#s1_title3 {font-size:20px;}
.s_title {font-size: 30px;}
.s6_txt {font-size: 26px;}
#sidebar1 li a {font-size:20px; height:60px; line-height:60px}
#sidebar1 li a div span {font-size:20px}
#sidebar1 svg {height:23px}
.s2_txt  {font-size: 16px;}
.ss_title {font-size:30px;}
.font-20 {font-size:16px !important;}
.s6_in_txt {font-size:14px;}
.s6_img_box img {height:60px}
.right_line {right:0px;}
p.last_p {font-size:35px;}
.s5_in_nav {    flex-wrap: wrap;}
.s5_in_nav li {width:20%; padding:10px}
}