/*머리*/
/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */
.txtArea1 h1:first-child{margin-right: 19px;}
.txtArea1 h1:last-child{margin-right: -13px;}
#header{z-index: 999999999999;position: relative}
.sub .logo {  left: auto; }

 .header_new2 {
    width: 100%;
    height: 74px;
    background-color:transparent !important;
    position: fixed;
    box-shadow: 0px 0px 0px;
    z-index: 1;
}

#moveTo{position: fixed;right:30px;bottom: 30px;z-index:999;width:60px; height: 60px; border-radius: 50%;display: block;border:1px solid white;opacity: 0.8;
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.4);background-color:#ffbc3a;}
#moveTo i{color:white}
#moveTo:hover{opacity: 1}

.sub #moveTo{display: none}
.main #moveTo2{display: none}

#moveTo2{position: fixed;right:30px;bottom: 30px;z-index:999;width:60px; height: 60px; border-radius: 50%;display: block;border:1px solid white;opacity: 0.8;
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.4);background-color:#ffbc3a;}
#moveTo2 i{color:white}
#moveTo2:hover{opacity: 1}








.thead{position: absolute;top: 40px;}
.thead li{margin-right: 10px;}
#menu{position:relative}
#menu .sns{position: absolute;bottom: 30px; right: 30px;}
#menu .sns li{margin-left: 10px;}
.logo{position: fixed;left: 35px;top:5px;z-index: 1;_width: 80px}
.logo img{width: 100%}
.menu_in{display: none;padding-top: 10px}
#menuToggle
{
  display: block;
  position: fixed;
  top: 25px;
  right: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 36px;
  height: 5px;
  margin-bottom: 5px;
  position: relative;
  
  background: #373737;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{height: 103vh;
    top: 60px;
    right: -50px;
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
background:#fff url(../images/b_logo.png) no-repeat left 109px bottom 120px/342px
}

#menu>li
{
  padding: 10px 0;
  font-size: 22px;
}

/*sns*/
.s1_sns li{ float: left !important; margin-right: 10px}
.s1_sns { position: absolute; right:40px; bottom:66px;}

/*main 슬로건*/
.txt1{font-size: 80px !important; text-shadow: 1px 1px 1px #373737; letter-spacing: -3px !important;}
.txt2{font-size: 55px !important; text-shadow: 1px 1px 1px #373737;letter-spacing: -3px !important;}

/*메뉴2*/
.main_triangle_in{margin:-17px 0 22px -5px}
.main_triangle_in2{margin:-31px 0 19px -19px}
.main_triangle_in3{margin:-34px 0 19px -5px}
.hide{display: none;}
.main_triangle_in a{height: 10px !important; color:#373737 !important;}
.main_triangle_in2 a{height: 10px !important; color:#373737 !important;}
.main_triangle_in3 a{height: 10px !important; color:#373737 !important;}



/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#menuToggle .menu_in li{padding:0px;margin-bottom:10px; }
#menuToggle .menu_in li a{display: block;padding-left: 16px;font-size: 16px;opacity: 0.8}


/*동영상*/
.video {
  max-width:1200px;
  _margin: 60px auto;
  border-radius: 5px;
  background-color: #f0f0f0;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: 0px 8px 33px #999;
}
 
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
	z-index: 0;

}
 
iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.wrap_controllers {display: none}
.main .s1{background: url(../images/main_s1_bg.jpg) no-repeat center/cover;}
.main .s2{background: url(../images/main_s2_bg.jpg) no-repeat center / cover;}
.main .s3{background: url(../images/main_s3_bg.jpg) no-repeat center  / cover;}
.main .s4{background: url(../images/main_s4_bg.jpg) no-repeat center  / cover;}
.main .s5{background: url(../images/main_s5_bg.jpg) no-repeat center / cover;}
.main .s1 .s1_title_c1{font-size: 15px;font-weight: bold;padding:10px;_border:1px solid #373737;letter-spacing: 1.5px;display: inline-block; text-align: center!important}
.main .s1_title_c3{ font-size: 19px;_width:497px}
/*.main .s1_c1>div{float: left; }*/


/*.s1_c1_b2{position: absolute;bottom: 0;right: 285px}*/
.main .s1_c1_b2 li{width: 80px; height: 80px;_opacity: 0.4;
  background-color: #dbdbdb;border-radius: 50%;text-align: center;_margin-right: 10px;box-shadow: 2px 2px 5px grey;}
.main .s1_c1_b2 li a{color: #373737;width: 100%; height: 100%;line-height: 80px;font-size: 15px;display: block}

.main .s1_c1_b1{width:330px; height: auto;margin-right: 30px;}

.main_menu{position: fixed !important;left: 25px; top: 160px!important; _margin-top: 90px;letter-spacing: -1px; z-index: 9;}
.main_menu .main_triangle{background:no-repeat left/contain; width: 130px; margin-top: -15px !important;}
.main_menu .main_triangle div{background:no-repeat left/contain; width: 150px; margin-top: -10px !important;}

.main_menu .main_triangle a{width: 110px; height: 80px;display: block;color: white; font-size:16px;padding:17px 30px;opacity: 0.5}
.main_menu a:hover{opacity: 1}
 .main_menu .main_triangle:nth-child(1){background-image:url(../images/main_menu01.png); margin-left: -10px; }
 .main_menu .main_triangle:nth-child(2){background-image:url(../images/main_menu02.png); margin-left: -10px}
 .main_menu .main_triangle:nth-child(2) a{padding:24px 18px; }

 .main_menu .main_triangle:nth-child(3)>div{background-image:url(../images/main_menu03.png);} .main_menu .main_triangle:nth-child(3) a{padding:20px 20px;}

 .main_menu .main_triangle:nth-child(4)>div{background-image:url(../images/main_menu04.png);margin-left: -15px}
 .main_menu .main_triangle:nth-child(4) a{padding:20px 33px;}

 .main_menu .main_triangle:nth-child(5)>div{background-image:url(../images/main_menu05.png); margin-top: -3px; margin-bottom: 10px}
 .main_menu .main_triangle:nth-child(5) a{padding:20px 18px;}
 .main_triangle_c3{padding:30px 18px !important;}

 .main_menu .main_triangle:nth-child(6){background-image:url(../images/main_menu06.png)}
 .main_menu .main_triangle:nth-child(6) a{padding:17px 23px;;}
/*s2*/
.main .main_title{font-size: 45px;text-align: right;_margin-bottom: 30px;}
.main .s2 .s1_title_c2{  font-size: 20px;font-weight: bold;}
.main .s2_c1{position: absolute;right: 0;top:-20px;}
.main .s2_out{_background-color:rgba(255,255,255,0.6);_border: 1px solid #a4a4a4;padding:50px 45px; _text-align: right;}


.main .s2_title_c4{font-family: 'Noto Sans KR';color:#fff !important;_position: absolute;bottom: 40px;font-size: 15px;border:1px solid #a4a4a4;display: inline-block;padding:8px 14px; background-color: #151515;    border-radius: 4px;}


.main .s1_title_c2{color: #555555; font-size: 18px;}
.s1_bottom{position:fixed;bottom:0;width:100%;background-color:white;padding:16px; z-index: 1;}
.s1_bottom h3{font-size: 16px; text-align: center;margin-bottom:10px;}
.s1_bottom ul{width: 900px;margin:0 auto}
.s1_bottom li{width:120px;text-align: center;margin-right: 30px;_display: inline-block;vertical-align: middle}
.s1_bottom li:last-child{margin-right:0px; }
.s1_bottom img{width:100%;}
.main .s1{position: relative}


/*s3*/
.main .s3_ul li{float: left;padding:0 10px;width: 33.3%; text-align: center;}
.main .s3 .s3_li_c1{margin-bottom: 30px;;}
.main .s3 .s3_li_c2{font-size: 18px;font-weight: bold;padding-bottom: 20px; border-bottom:1px solid #a4a4a4;margin-bottom: 20px}
.main .s3 .s3_li_c3{font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.main .s3 .s3_li_c4{ font-size: 16px;color: rgba(85, 85, 85, 0.8);margin-bottom: 30px;}
.main .s3 .s3_li_c5{font-size: 14px;border:1px solid #a4a4a4;padding
:13px}

/*s4*/
.s4_ul03{display:none;} 
.s4_ul04{display:none;} 
.main .s4 .s2_title{left: 25%; top:72% !important;}
.main .s4 .s2_title a{padding: 13px;border: 1px solid #a4a4a4}
.main .s4_ul{margin-bottom: 24px}
.main .s4_ul02 li{float: left;margin-right: 0 !important;_margin-left: 24px;}
.main .s4_ul03{margin-bottom: 0px}
.main .s4_ul li{background:no-repeat center;width: 282px;
  height: 210px;position: relative;text-align: center;margin-right: 24px}
.main .s4_ul li:last-child{margin-right: 0}
/*.main .s4_ul li:before{position: absolute;width: 100%; height: 100%; background-color:rgba(00,00,00,0.6);content: "";left: 0}*/
.main .s4_ul li:before:hover{background-color:rgba(105,9,10,0.6);}
.main .s4_ul01>a:nth-child(1)>li{background-image: url(../images/main_s4_ul_li1.png);cursor: pointer}
.main .s4_ul01>a:nth-child(2)>li{background-image: url(../images/main_s4_ul_li2.png);cursor: pointer}
.main .s4_ul01>a:nth-child(3)>li{background-image: url(../images/main_s4_ul_li3.png);cursor: pointer}
.main .s4_ul01>a:nth-child(4)>li{background-image: url(../images/main_s4_ul_li4.png);cursor: pointer}
.main .s4_ul01>a:nth-child(5)>li{background-image: url(../images/main_s4_ul_li5.png);cursor: pointer}
.main .s4_ul01>a:nth-child(6)>li{background-image: url(../images/main_s4_ul_li6.png);cursor: pointer}
.main .s4_ul02>a:nth-child(1)>li{background-image: url(../images/main_s4_ul_li5.png);cursor: pointer}
.main .s4_ul02>a:nth-child(2)>li{background-image: url(../images/main_s4_ul_li6.png);cursor: pointer}

.main .s4_ul{margin-left:40px; margin-top:70px;}

.main .s4_li_c1{font-size: 18px;font-weight: bold;color: white; margin-top: 16px}
.main .s4_li_c2{width: 30px;
  height: 2px;
  margin: 15px auto;
  opacity: 0.6;
  background-color: #ffffff;}
.main .s4_li_c3{font-size: 14px;color: rgba(255, 255, 255, 0.8);margin-bottom: 20px;}


.hiden_text {display: none; background-color:rgba(00,00,00,0.6); width: 76%; height: 56%; top:39% !important;}
.hiden_text2 {display: none; background-color:rgba(00,00,00,0.6); width: 76%; height: 56%; top:39% !important;}
.hiden_text3 {display: none; background-color:rgba(00,00,00,0.6); width: 76%; height: 56%; top:39% !important;}


/*s5*/
.s5_c1_b1{}
.s5_c1_b1_e2_s1,.s5_c1_b2_e3_s1,.s5_c1_b2_e3_s2{position: relative}
.s5_c1_b1_e2_s1:before{content: "";width: 1px; height: 12px;background-color:rgba(00,00,00,0.3);background-position: center top;display: inline-block;position:absolute;right: 16px;top: 21px;}

/*.s5_c1_b2_e3_s1:before{content: "";width: 1px; height: 12px;background-color:rgba(00,00,00,0.3);display: inline-block;position:absolute;right: 1px;top: 21px;}*/

.s5_c2{float:right; position:  relative; left: -50%}
.s5_c2_b2{position: relative; left: 50%}
.s5_c2_b2:nth-child(1){width: 23%; padding: 10px}
.s5_c2_b2:nth-child(2){width: 23%; padding: 10px}
.s5_c2_b2:nth-child(3){width: 50%}
.main .s5_c1{_width:368px;_padding-right:100px; text-align: center}
.main .s5_c1_b1_e1{font-size: 18px;font-weight: bold;}
.main .s5_c1_b1_e2{border-top: 2px solid #373737;border-bottom:1px solid #b9b9b9}
.main .s5_c1_b1_e2>div{float: left;padding:16px;font-size: 15px;
  font-weight: bold;}
.s5_c1_b1_e3{padding-top: 16px}
.s5_c1_b1_e3 li{font-size: 15px;margin-bottom: 6px;color: #555}
.s5_c1_b1_e4{font-size: 0; margin:50px 1px;width: 9%; display: inline-block}
.s5_c1_b1_e4>a{padding: 9px;font-size: 13px;
  font-weight: bold;background-color: #636363;color: white;display:inline-block;text-align: center}
.s5_c1_b1_e1>div{float: left;font-size: 15px;
  font-weight: bold; }

.s5_c1_b1_e5{}

.s5_c1_b1_e5 li{font-size: 15px; margin-bottom: 10px; color: #555;}

.s5_c2_b1_c1{background: url(../images/main_s5_c2_b1_c1_img01.jpg) no-repeat center/cover}
.s5_c2_b1_c2{background: url(../images/main_s5_c2_b1_c1_img02.jpg) !important;}

.s5 .wrap_in>div{_float: left}


.s5_c2{_width:calc(100% - 368px)}
.s5_c2_b1_c1 ul{padding:20px;padding-top: 161px;}
.s5_c2_b1_c1{position: relative}
.s5_c2_b1_c1 li:nth-child(1){font-size: 18px;font-weight: bold;color: white}
.s5_c2_b1_c1 li:nth-child(2){color: rgba(255, 255, 255, 0.8);font-size: 14px;}
.s5_c2_b1_c1 li:nth-child(3){color: rgba(255, 255, 255, 0.8);font-size: 14px;position: absolute;right: 20px;bottom: 20px}
.s5_c2_b1>div{float: left}

.s5{position: relative}
.s5_c3{display: block;width: 100%;position:absolute;bottom:0}

.s5 .wrap_in{_height: 500px}

/*footer*/

.main .footer{margin-top: 0px; }
.footer{background-color: #373737;padding: 30px;_margin-top: 60px; }
.footer *{color: white }
.f_l_ul_02 li{margin-right: 10px;}
.f_logo{text-align: right}
.f_l_ul_01 a{font-size: 16px;font-weight: bold;}
.f_l_ul_01 li{margin-right: 10px}
.f_l_ul_02 span:nth-child(1){font-size: 16px;margin-right:8px;}
.f_l_ul_02 span:nth-child(2){font-size: 16px;opacity: 0.8;}
.f_l_ul_03 {font-size: 16px;}

.f_r{position: absolute;right: 0;top: 0;}

.footer .sns li{margin-left: 10px;border-radius: 5px ;overflow: hidden}




/****/
#fullpage {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
	padding: 2em;
}
#fullpage::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, Opera*/
}
/****/



/*추가*/
.s1_c1_b2 li{display: inline-block}
.s1_c1_b2 {text-align: center}

.main .s1_c1_b2 a:hover{color:orange}

.txt1 span:first-child{font-size: 100px!important}

.main_sub {position: fixed;
    top: 24px;
    right: 89px;
	z-index: 1;
}
.main_sub li {margin-right: 20px
}
.main_sub2 {
	text-align: center;
    background-color: #fff;
    padding: 3px;
    border-radius: 10px;
    /* margin-top: -9px; */
    position: relative;
    top: -35px;
	display: none
}
.main_sub2 li {margin-right: 20px; display: inline-block
}
.s3_li_c5:hover{background-color: #151515; color: #fff}

.mo_s2_title{display: none}
.mo_pr1{_display:none}