@charset "utf-8";


/*기본 셋팅 css*/
*{box-sizing:border-box;}
html{overflow-x: hidden;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}
body{
    _min-width:1920px;
    color:#373737;
    font-family:'Noto Sans KR', sans-serif !important;
    letter-spacing:-1px;
	font-size:1em;
	font-weight:normal;
	overflow-x: hidden;
}

h1, h2, h3{font-family:"Montserrat", sans-serif !important;}
h4, h5, h6{font-family: "S-CoreDream", sans-serif;}
p{font-family:'Noto Sans KR', sans-serif;}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

a{
    text-decoration:none;
    color:#373737;
}

.inner{
    width:1300px;
    margin:0px auto;
}


.cf::after{
    content:"";
    display:block;
    clear:both;
}



#container{float:none !important; width:auto !important;margin:0!important;}



@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.googleapis.com/css2?family=Montserrat');
}


@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); 
	font-weight: 100; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); 
	font-weight: 200; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); 
	font-weight: 300; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); 
	font-weight: 400; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); 
	font-weight: 500; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); 
	font-weight: 600; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); 
	font-weight: 700; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); 
	font-weight: 800; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); 
	font-weight: 900; 
	font-style: normal; 
}




/* gnb */

/*해더*/
#header{
    position: absolute;
    color:#ffffff;
    z-index:9;
    width:100%;
	font-weight: 300;
	transition: all 0.3s;
}

#header:hover{_background: #ffffff;_border-bottom:1px solid #373737;}
#header:hover .gnb_wrap .gnb .menu>a{color:#373737;}



#header h1{
    font-size:18px;
    font-weight:bold;
    float:left;
    z-index:99;
    
}
#header h1 img{}
#header h1 a{color:#eeeeee;}
#header .nav_wrap p{display:inline-block;padding-top:48px;}
#header h1 a {
    width:259px;
    height:45px;
    display: block;
    background: url(../images3/logo_w2.png)no-repeat;
    margin-top:12px;
}

#header:hover h1 a{background:url(../images3/logo_b.png)no-repeat;}
#header:hover .kor_eng_wrap{background:url(../images3/world_black.png)no-repeat 20px;}
#header:hover .kor_eng_wrap a{color:#373737;}


#header .menu_warp{
    font-size:17px;
    color:#eeeeee;
    _padding-left: 415px;
    line-height:70px;
    float:left;
}

#header .menu_warp>li{
    float:left;
    _padding:0 8px;
    font-weight:bold;
    color:#373737;
    position:relative;
}

#header .gnb{z-index:0;}

#header .gnb_btn{padding-top:42px;display: inline-block;padding-left:27px;cursor:pointer;}



#header .menu_warp li a{
    color: #373737;
    _line-height:162px;
}


#header .menu_warp ul{
    position: absolute;
    margin:0;
    padding:0;
    left:0;
    z-index:999;
}

.kor_eng_wrap{padding-left:60px;display:inline-block;background: url(../images3/world.png) no-repeat 20px;}
.kor_eng_wrap li{float:left;font-size:17px;
    font-weight:bold;
    color:#eeeeee;
    line-height:70px;
    font-size:14px;
}

.kor_eng_wrap li a{color:#ffffff;}

.kor_eng_wrap li:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #b5b5b5;
    margin: 0 10px;
}
.kor_eng_wrap li:last-child::after{display:none;}
.kor_eng_wrap li:last-child a{_color:#2A57B5;}



#header .gnb .gnb-bg{
    display: none;
    position: absolute;
    top: 51px;
    _background:#ffffff;
    background-color: rgba(245, 245, 245, 0.9);
    width: 100%;
    height: 310px;
}

.top_wrap{width: 100% !important;height: 40px;line-height: 55px;border-bottom: 1px solid #e1e1e1;}
#header .info{float:right;}
.info li {
    float: left;
    margin-right: 40px;
    font-size: 12px;
    line-height: 40px;
    font-weight:bold;}
.info li a{color:#939393;}


/*
.menu_warp>li::after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#3052B6;
    position:absolute;
    left:0;
    top: 87px;
    transform:scale(0,1);
    transition:transform 0.5s;
}
.menu_warp>li:hover::after{
    transform:scale(1);
    
}*/


#header .gnb_wrap{z-index: 1000;transition: all 0.3s;}
#header.fix .gnb_wrap{position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;transition: all 0.3s;box-shadow: 0px -36px 25px 22px rgba(0,0,0,0.4);}
#header.fix h1{_z-index:99999;}
#header.fix h1 a{background:url(../images3/logo_b.png)no-repeat;}
#header.fix .gnb_wrap .gnb .menu>a{color: #373737;}
#header .gnb_wrap .home{position:absolute;top:0;left:50%;margin-left:-600px;z-index:10;background-color:#5580ce;opacity:0;transition:opacity 0.2s;}
#header .gnb_wrap .gnb{position:relative;}
#header .gnb_wrap .gnb>ul{}
#header .gnb_wrap .gnb .menu{width:167px;position: relative;float: left; font-size: 17px;text-align: center;font-family:'NanumSquare', sans-serif !important;}
#header .gnb_wrap .gnb .menu>a{color: #ffffff;display: inline-block;position: relative;}
#header .gnb_wrap .gnb .menu>a:hover{color:#3052B6;font-weight: bold;}
#header .gnb_wrap .gnb .menu>a:before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3052B6;
    position: absolute;
    left:0;
    bottom: 10px;
    transform: scaleX(0);
    transition: all .3s;
}
#header .gnb_wrap .gnb .menu>a:hover:before{transform: scaleX(1);}
#header .gnb_wrap .gnb .depth2:hover .m{border-bottom:2px solid #006DB5;}
#header .gnb_wrap .gnb-bg{display: none;position: absolute;left:0;top: 0; box-shadow: 0px -36px 25px 22px rgba(0,0,0,0.4);background-color:#ffffff; width: 100%;height:280px;z-index:-1;
}
#header .gnb_wrap .gnb-bg img{_width:80%;_height:100%;}
#header .gnb_wrap .depth2{width:100%;height:200px;display:none;font-size:16px;font-weight:normal;line-height:35px;font-family:'Noto Sans KR', sans-serif !important;}
#header .gnb_wrap .depth2 li a{font-size:14px; letter-spacing:-0.5px;_padding:0 5px;border-radius:5px;transition:0.1s;}
#header .gnb_wrap .depth2 li:hover a{_background:url(../images3/gnb_bg.png)no-repeat center left;}
#header .gnb_wrap .depth2 li a:hover{color:#3052B6;transition:0.1s;font-weight:bold;}
#header .gnb_wrap .depth2:hover{background:;}
#header .gnb_wrap .gnb .menu:hover .depth2{_background:#fafafa;}
#header .gnb_wrap .gnb .menu{transition:all 0.3s;}
#header .gnb_wrap .gnb .menu:hover .m{background:url(../images3/blue_circle.png)no-repeat left; transition:all 0.3s;font-weight: bold;}
#header .gnb_wrap .gnb .menu:hover .m2{background:none;}
#header .gnb_wrap .gnb .menu2:hover{background:url(../images3/blue_circle.png)no-repeat left; transition:all 0.3s;}

#header.fix .kor_eng_wrap{background:url(../images3/world_black.png) no-repeat 20px;}
#header.fix .kor_eng_wrap li a{color:#373737;}
.kor_eng_wrap li.on a{color:#2656B6;}


#header.sc{background-color: #fff;border-bottom: 1px solid #ccc;}
#header.ms{background-color: #fff;border-bottom: 1px solid #ccc;}
#header.sc .gnb .menu .m{position: relative;color: #222;}
#header.ms .gnb .menu .m{position: relative;color: #222;}
#header.ms h1 a{background-image: url(../images3/logo_b.png);}
#header.sc h1 a{background-image: url(../images3/logo_b.png);}


#menuToggle
{z-index: 9999999;
  display: block;
  position: absolute;
  top: 67px;
  right: 177px;
  float:right;
  
  -webkit-user-select: none;
  user-select: none;
}

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

#menuToggle a:hover
{
  color: #006DB5;
    font-weight: bold;
    
}


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

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 24px;
  height: 2px;
  margin-bottom: 4px;
  position: relative;
  
  background: #ffffff;
  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: #5b5b5b;
}

/*
 * 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: 3000px;
    top: 0px;
    right: -192px;
  position: absolute;
  width: 480px;
  margin: -100px 0 0 -50px;
  _padding: 50px;
  padding-top: 215px;
  _padding-left:64px;
  
  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:#ffffff;
    font-weight:300;
}

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

#menu>li:hover{background:url(../images3/nav_on.png)no-repeat left;
}



/*
 * 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}
.mo_logo{width:30px;height:30px; background:url(../images3/logo_mo2.png)no-repeat !important;background-size:cover !important;}
.mo-gnb{position: absolute; width: 100%;top: 70px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
#menu .d1{}
#menu .d1 .m{display: block;padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-size: 18px;padding-left:35px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
#menu .d1 .m2{display: block;padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-size: 18px;padding-left:35px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
#menu .d1{}
#menu .d1 .m.active{/*background-color: #059b04;color:#fff; border-bottom: 1px solid #059b04;배경초록색*/color: #373737;}
#menu .d1 .sub{display:none;background-color: #eee;}
#menu .d1 .sub li{border-bottom:1px solid #ddd;}
#menu .d1 .sub li:last-child{border-bottom:0;}
#menu .d1 .sub li a{display: block;font-size: 16px;color: #555;padding: 10px 0;/*font-family: 'GmarketSansMedium';*/font-weight:500;padding-left:35px;}
#menu .d1 .m{transition:all 0.2s;}
#menu .d1 .m i{transition:all 0.2s;float:right;}
#menu .d1 .m i.rightico{transform:rotate(180deg);transition:all 0.2s;}

.box_m{padding-top: 90px;padding-bottom: 14px;}
#menuToggle .box_m a{color:#ffffff !important;}
#menuToggle .box_m li{float:left;}

nav{display:none;}



/*사이드메뉴*/
.side_nav{position:fixed;right:20px;top:50%;transform: translateY(-50%);}
.side_menu{text-align: center; width:80px;padding:20px 0;background:#ffffff;border-radius:50px;box-shadow: 5px 5px 30px 1px rgba(0, 0, 0, 0.1);}
.side_menu li{font-size:12px;font-weight:bold;transition:all 0.2s;padding-bottom: 15px;}
.side_menu li:hover a{color:#006DB5;}
.side_menu li a{color:#666666;height: 100%;width: 100%;display: block;}
.side_menu li p{padding-top:50px;text-align:center;}
.side_menu .s1 p{background:url(../images3/nav_icon1.png)no-repeat center 20px;transition: 0.3s;}
.side_menu .s0{display:inline-block;width:40px;height: 40px;border-radius:50px;background:#7C2D7E;color:#ffffff;text-align: center;}
.side_menu .s0 img{width:35px;margin-top:13px;}
.side_menu .s1:hover p{background:url(../images3/nav_icon1_blue.png)no-repeat center 20px;transition: 0.3s;}
.side_menu .s2 p{background:url(../images3/nav_icon2.png)no-repeat center 20px;transition: 0.3s;}
.side_menu .s2:hover p{background:url(../images3/nav_icon2_blue.png)no-repeat center 20px;transition: 0.3s;}
.side_menu .s3 p{background:url(../images3/nav_icon3.png)no-repeat center 20px;transition: 0.3s;line-height: 15px;}
.side_menu .s3:hover p{background:url(../images3/nav_icon3_blue.png)no-repeat center 20px;transition: 0.3s;}



/* 메인슬라이더 */

/*메인이미지 애니메이션*/
.mySwiper{width:100%;}
.mySwiper .swiper-slide{position: relative;height: 100vh;overflow: hidden;}
.mySwiper .swiper-slide .type_a{position: absolute;width: 100%; height: 100vh;top: 0;right: 0;left: 0;bottom: 0;background-position: 50% 50%; background-repeat: no-repeat;background-size: cover;opacity: 1;
    background-color: #000;transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);}

.mySwiper .swiper-slide-active .type_a{opacity: 1;
	transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);}


.main_slider {
    height: 100vh;
}
.left_bg {
  background:url(../images3/22main_img.jpg)no-repeat;
  background-size: cover;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.left_bg2{
  background:url(../images3/22main_img.jpg)no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; 
}

.main_slider{position: relative;overflow: hidden;}

.main_text{position:absolute;top: 25%;transform: translateY(-45%);width:100%;color:#ffffff;text-align:center !important;z-index:2;}
.main_text h1{font-size:72px;font-weight:normal;margin-bottom:40px;}
.main_text p{font-size:32px;color:#e9e9e9;font-family:'Carmen Sans', sans-serif !important;margin-bottom:20px;}
.slider_btn{margin-top:30px;}
.main_left_wrap{display:block;}
.main_slider .main_text .swiper-pagination-bullet {width: 10px!important;height: 10px!important;margin-right:8px!important;background-color: #fff !important;opacity: 1!important;transition:0.3s;}
.main_slider .main_text .swiper-pagination-bullet-active{width: 30px !important;border-radius: 20px;transition:0.3s;background-color: #f8424a !important;}
.swiper-pagination{position:static !important;}
.main_text span{color:#f8424a;font-size: 34px;font-family:'CARMEN SANS', sans-serif !important;font-weight:bold;}


.slider_con{position:absolute;bottom:0;left:50%;transform: translate(-50%,0);background-color:rgb(255,255,255,0.4);display:flex; z-index: 1;width:1300;height: 200px;overflow: hidden;}
.slider_con li{width:433px;height:200px;transition: all 0.2s;border-right:1px solid rgba(255,255,255,0.3);position: relative;}
.slider_con li:last-child{border:none;}
.slider_con li h5{font-size:20px;}
.slider_con li p{margin-top:30px;font-weight: 300;font-size: 0.8em;}
.slider_con li .con_text{padding-left:100px;padding-top:55px;}
.slider_con li a{color:#ffffff;width: 100%;display: block;height: 100%;}
.slider_con li a:hover:after {
    transform: scaleX(1);
}
.slider_con li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 100px;
    width: 50px;
    height: 2px;
    transform-origin: left center;
    transform: scaleX(0);
    background: #fff;
    transition: transform 0.5s ease;
}

.bg_white a:after{
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 30px;
    width: 70px;
    height: 2px;
    transform-origin: left center;
    transform: scaleX(0);
    background: #ffffff;
    transition: transform 0.5s ease;
}
.bg_white a:hover:after{transform: scaleX(1);}

.bg_white{
    width:100%;
    height:100%; 
    padding:30px;
    position: absolute;
    bottom: -230px;
    background:#8F82BC;
    background: linear-gradient(to top, #595175, #8F82BC);
    transition: all 0.3s;
}
.slider_con1:hover .bg_white{bottom: 0px;z-index: -1;}
.slider_con2:hover .bg_white{bottom: 0px;z-index: -1;}
.slider_con3:hover .bg_white{bottom: 0px;z-index: -1;}





.scroll{position: absolute;right: 130px;bottom: 30px;z-index: 2;}
.scroll p{color:#ffffff;margin-top:50px;font-weight: 300;}
.scroll a {
    color:#ffffff;
    cursor: auto;
}

.con01{padding-top:10px;}

.scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.scroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}


@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.swiper-pagination-bullet{
    background:url(../images3/dot.png);
    width:27px;
    height: 27px;
    opacity: 1;
}

.swiper-pagination-bullet-active{
    background:url(../images3/dot_active.png);
    border-radius: initial;
}

.page{position: relative;}

.w_line{
    content:'';
    display:block;
    width:35px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left:50%;
    transform: translate(-50%, 0);
    top:40%;
    z-index: 10;
}





/* program */
/*.con01{padding:100px 0;background: url(../images3/wof_bg.png)no-repeat;}*/
.con01 .list_wrap{color:#ffffff;}
.con01 .list_wrap li{float:left;margin-right:20px;margin-bottom:20px;}
.con01 .list_wrap h2{font-size:36px;font-weight: 600;}
.con01 .list_wrap h4{font-size:24px;font-weight: 500;}
.con01 .list_wrap p{font-size:14px;margin-top:20px;margin-bottom:50px;}
.con01 .list_wrap a{color:#ffffff;}
.con01 .list_wrap li{position: relative;overflow: hidden;border-radius:20px;}
.con01 .list_text{position: absolute;left:15%;top:30%;z-index: 1;}
.con01 .list_wrap .list1 p{font-size:16px;}
.con01 .list_wrap .list1{width:396px;height: 326px;color:#373737;}
.con01 .list_wrap .list2{width:883px;height: 326px; background: url(../images3/con02_img11.jpg)no-repeat;margin-right:0;isolation: isolate;}
.con01 .list_wrap .list2::after {content: '';position: absolute;background: black;z-index: -1;inset: 0;opacity: 0.5;}
.con01 .list_wrap .list3{width:534px;height: 326px;background: url(../images3/con02_img12.jpg)no-repeat;isolation: isolate;}
.con01 .list_wrap .list3::after {content: '';position: absolute;background: black;z-index: -1;inset: 0;opacity: 0.5;}
.con01 .list_wrap .list4{width:414px;height: 326px;background: url(../images3/con02_img13.jpg)no-repeat;isolation: isolate;}
.con01 .list_wrap .list4::after {content: '';position: absolute;background: black;z-index: -1;inset: 0;opacity: 0.5;}
.con01 .list_wrap .list5{width:312px;height: 326px;background: url(../images3/con02_img4.png)no-repeat;margin-right:0;}
.con01 .list_wrap li:hover .bg_blue{
    opacity: 0.46;
    transition: all 0.3s;
}

.con01 .list_wrap li:hover .btn a{
    background:#8F82BC;
    border:1px solid #8F82BC;
    transition: all 0.3s;
}
  
.bg_blue{
    width:100%;height: 100%;
    background:linear-gradient(to top, #183d8a, #9bb0da);
    opacity: 0;
    transition: all 0.3s;
}
.btn a{padding:5px 20px;border:1px solid #999999;border-radius:50px;transition: all 0.3s;font-size: 14px;}
.btn a img{margin-left:5px;}





/* VOD */
.con02{text-align: center;background: url(../images3/con02_bg.png)no-repeat; background-position: center top;background-size: contain;color:#ffffff;position: relative;}
.con02 h3{font-size:36px;font-weight: 500; padding-top: 70px;}
.con02 p{font-size:16px;margin:30px 0 80px 0;}
.wof_bg{position: absolute;top:310px;right:-50px;}




/*photo gallery*/
.con03{text-align: center;padding-bottom:50px;position: relative;background: url(../images3/con03_bg.png)no-repeat bottom;height: 900px;padding-top:100px;}
.con03 h3{font-size:36px;color:#25335c;font-weight: 600;}
.con03 .mini_box{text-align: center; transition:0.2s;border-radius:30px;margin:20px 0;}
.con03 .mini_box img{width:100%;height: auto;}
.con03 .mini_box h4{font-family:"Montserrat", sans-serif;font-weight:500;}
.con03 .mini_box h5{font-size:22px;padding:10px 0;}
.con03 .mini_box p{font-size:16px;margin-bottom:15px;}
.con03 .mini_box span{font-size:14px;}
.swiper-button-prev,
.swiper-button-next {
    content:none;
    width:50px;
    height: 50px;
}
.con03 .swiper-button-prev{background: url(../images3/left_arrow.png) no-repeat; right:365px;left:auto;top:auto!important;}
.con03 .swiper-button-next{background: url(../images3/right_arrow.png) no-repeat;right:300px;top:auto!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:none;}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}
.swiper-scrollbar{width:1200px !important; margin:0 auto;}
.swiper-scrollbar-drag{background:#3088C0;}
.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:-35px;height:3px;}
.speakers_wrap{position: absolute;top: 33%;left: 0;width: 1600px;margin-left: auto;overflow: hidden;}


/* .more_btn{display:flex;justify-content: flex-end;}
.more_btn a{background:#0078C4;color:#ffffff;font-size:14px;padding:5px 20px;border-radius:10px;border:1px solid #0078C4; transition: 0.3s;}
.more_btn a:hover{border:1px solid #0078C4;background: none;color:#0078C4;transition: 0.3s;}*/



/* notice, newsletter */
.con04{background:url(../images3/con04_bg.png)no-repeat center;padding:34px 0;}
.con04 .inner{color:#ffffff;display:flex;justify-content: space-between;}
.con04 .notice_box{text-align: center;}
.con04 .notice_box ul{width:640px;height:350px;background:rgba(255,255,255,0.4);border-radius:30px;padding: 30px 50px;text-align: left;margin-top:30px;position: relative;}
.plus_btn{position: absolute;right:50px;top:30px;}
.con04 h3{font-size:36px;text-align: center;font-weight: 400;}
.notice_box span{font-family: 'Montserrat', sans-serif;font-size:15px;font-weight: bold;color:#000000;}
.notice_box p{font-size:16px;padding-top:10px;cursor: pointer;}
.notice_box ul li{border-bottom: 1px solid rgba(255,255,255,0.3);padding:15px 0;}
.notice_box ul li:last-child{border:none;}
.con04 .news_box{text-align: center;}
.con04 .news_box .s_box{text-align: center;width:640px;height:350px;background:rgba(255,255,255,0.4);border-radius:30px;padding: 30px 50px;margin-top:30px;}
.con04 .news_box .s_box>div{margin-bottom:20px;}
.con04 .news_box p{padding:30px 0;font-size:14px;color:#f9f9f9;}
.con04 .news_box label{font-size:14px;}
.con04 label{font-family: 'Montserrat', sans-serif;font-size:16px;}


input{
    box-sizing: border-box;
    font-size: 1em;
    padding: 10px 15px;
    border-width: 1px;
    border-radius: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    border-color: rgba(17, 17, 17, 0.05);
    color: rgb(17, 17, 17);
    opacity: 1;
    transition:0.2s;
    margin-left: 20px
}
input:focus {border-color:#ffffff ;outline: none;transition: 0.2;}
button {
  height: 50px;
  background: #0078C4;
  border: none;
  color: white;
  font-size: 1.25em;
  font-family: 'Montserrat', sans-serif;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 30px;
  transition: 0.3s;
  margin-top:20px;
  font-weight: bold;
    margin-left:20px;
}

button:hover {
  background: #ffffff;
  transition: 0.3s;
    color:#0078C3;
}


input[type="checkbox"]{
  display:none;
  }

input[type="checkbox"] + label{
  cursor:pointer;
 }


input[type="checkbox"] + label:before{
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  border:1px solid #D3D7E3;
  border-radius: 4px;
  vertical-align:middle;
  margin-right:5px;
  }
  

input[type="checkbox"]:checked + label:before{
  content:"";
  text-align: center;
  line-height:15px; 
  color: #ffffff;
  background-color:#0078C4;
  border-color:#0078C4;
  background-image: url('../images3/check_arrow.png');
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right:5px;
  }






/*venue*/

.con05{padding:100px 0;}
.con05 .con05_wrap{display:flex;justify-content: space-between;}
.con05 .map{width:50%;}
.con05 .map iframe{width:100%;height: 100%;}
.con05 h3{font-size:36px;color:#25335c;}
.con05 p{font-size:14px;margin-top:20px;}
.con05 h3{font-size:36px;}
.con05 .inner.flex_inner{margin-top:20px;}
.con05 .map_info{width:50%;margin-bottom: 10px;}
.con05 .map_info .inner{margin-left:50px;}
.con05 .map_info h4{font-family: 'Montserrat', sans-serif;font-size:30px;margin-bottom:30px;font-weight: 500;margin-top:80px;}
.con05 .map_info>a{padding:10px 30px;border-radius:50px;color:#ffffff;font-size:18px;background-color:#0078C4;float:right;}
.con05 .map_info .map_adress{margin-top:40px;}
.con05 .map_info .map_adress li{font-size:18px;display:flex;align-items: center;margin-bottom:15px;font-weight: 500;}
.con05 .map_info ul li img{margin-right:10px;}
.con05 .map_info2>a{padding: 10px 30px;background: #006DB5;color: #ffffff;border-radius: 50px;border:1px solid #0078C3;transition:all 0.3s;}
.con05 .map_info2>a:hover{background: #ffffff;transition: 0.3s;color: #0078C3;transition:all 0.3s;}
.con05 .public_wrap{background:#f6f6f6;}
.con05 .public{display:flex;font-size:16px;font-weight:400;}
.con05 .public>div{width:120px;height: 130px;}
.con05 .public h5{display:inline-block;vertical-align: top;margin-left:10px;font-size:15px;}
.con05 .public ul{}
.con05 .public ul li{}
.con05 .map iframe{border-top-right-radius: 50px;border-bottom-right-radius: 50px;box-shadow:0px 5px 14px 1px rgb(0,0,0,0.3);}
.con05 .train{margin-top:60px;}
.con05 .bus{margin-top:30px;}
.con05 .gray_bg{position: absolute;bottom:80px;right:0;z-index: -1;}



/* with us */
.con06{text-align:center;}
.con06 .con06_wrap{display: flex;margin-top:30px;}
.con06 .con06_wrap h4{font-size:24px;font-family:"Montserrat", sans-serif;font-weight: 500; color:#ffffff;padding:86px 0;}
.con06 .con06_wrap a{display:block;width:100%;height: 100%;}
.con06 .con06_wrap .box1{width:50%;height:100%;background:url(../images3/banner1.png)no-repeat;background-size:100%;transition: all 0.2s;}
.con06 .con06_wrap .box1:hover{opacity: 0.8; transition: all 0.3s;}
.con06 .con06_wrap .box2{width:50%;height:auto;background:url(../images3/banner2.png)no-repeat;background-size:100%;transition: all 0.2s;}
.con06 h3{font-size:36px;color:#25335c;transition: all 0.2s;}
.con06 .con06_wrap .box2:hover{opacity: 0.8; transition: all 0.3s;}



/* Hosted */
.con07{padding:30px 0;}
.con07 h3{font-size:36px;color:#25335c;text-align: center;margin-bottom:80px;}
.sample-slider{width:100%;text-align: center;}
.sample-slider img{width:auto;}
.sample-slider .swiper-wrapper{transition-timing-function: linear;}



/* 상단진행바 */

.parallax__progress progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    appearance: none;
    width: 100%;
    height: 5px;
    border: none;
    background: transparent;
}
progress::-webkit-progress-bar {
    background: transparent;
}
progress::-webkit-progress-value {
    background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b);
    background-attachment: fixed;
}
progress::-moz-progress-bar {
    background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);
    background-attachment: fixed;
}



/* footer */
#footer{background:#363636;position: relative;color:#ffffff;}
#footer a{color:#ffffff;}
#footer .f_address{background: #252525;padding:20px 0;}
#footer .f_address .inner{display:flex;justify-content: space-between;}
#footer .f_s_info{display:flex;}
#footer .f_s_info li::after{display:inline-block;content:'';width:1px;height: 13px;background:#8f8f8f;margin:0 12px;}
#footer .f_s_info li:last-child::after{display:none;}
#footer .sns_list{display:flex;}
#footer .sns_list li{margin-right:15px;}
#footer .sns_list li:last-child{margin-right:0;}
#footer .f_info{padding:30px 0;}
#footer .f_logo{float:left;margin-bottom:70px;margin-right:100px;}
#footer .tel_list{display:flex;margin-top: 10px;}
#footer .tel_list li{margin-right:30px;}
#footer .f_text{margin-top:30px;font-size:13px;color:#999999;}




/* --- 반응형 --- */
@media screen and (max-width:1560px) {


}
@media screen and (max-width:1024px) {
	#header h1 a{width:170px;}
	.swiper-slide img{width:auto;}
}


@media screen and (max-width:900px) {


}

@media screen and (max-width:800px) {


	
}
@media screen and (max-width:768px) {


    .parallax__progress progress{display:none;}
    .inner{width:auto;}
    nav{display:block;}
    #header.fix{position: fixed;background:#ffffff;height:50px;}
    #header.fix h1 a{position: fixed;background:url(../images3/logo_b.png)no-repeat;background-size:100%;width:80px;}
    #header.fix .gnb_wrap{position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;transition: all 0.3s;}
    #header .info{float:none;margin-left:20px;}
    #header .gnb_wrap .gnb{display:none;}
    #header h1{float:none;margin-left:20px;}
    #header h1 a{width:80px; background-size:100%;margin-top:8px;}
    #header:hover h1 a{background-size:100%;}
    #header .info{float:none;margin-left:20px;}
    #header .gnb_wrap .gnb{display:none;}
    #header .gnb_wrap .gnb-bg{display:none !important;}
    #header h1{float:none;margin-left:20px;}
    .side_nav{display:none;}
    #menuToggle{position: fixed;display:block;right:20px;top:20px;z-index: 999;}
    #menuToggle span{background:#5b5b5b;}
    #menu{width:450px;padding-top:0;}
    #menu .box_m {height: 130px;padding-top: 45px;}
    .main_text img{width:70px;}
    .main_text h1{font-size:36px;}
    .main_text p{font-size:20px;}
    .slider_con{width:100%;transform: none;left:auto;height: 22%;}
    .slider_con li{width:33%;height: auto;text-align: center;}
    .slider_con li .con_text{padding:20px;}
    .slider_con li h5{font-size:16px;}
    .slider_con li p{font-size:13px;margin-top:30px;}
    .scroll{bottom:100px;left:50%;transform: translate(-50%,-50%);bottom: 20%;right:10%;left:auto;}
    .scroll a{font-size: 12px;text-align: center;}
    .scroll a span{width: 25px;height: 40px;left:60%;}
    .scroll p{margin-top:45px;}
    .slider_con li a:after{left:16%;top:26%;display:none;}
    
    .con01{padding:50px 20px;}
    .con01 .list_wrap h2{font-size:26px;margin-top:10px;}
    .con01 .list_wrap h4{font-size:20px;}
    .con01 .list_wrap .list1{width:100%;height: auto;}
    .con01 .list_wrap .list2{width:100%;height: 220px;background-size: cover;}
    .con01 .list_wrap .list3{width:100%;height: 220px;background-size: cover;}
    .con01 .list_wrap .list4{width:100%;height: 220px;background-size: cover;}
    .con01 .list_wrap .list5{width:100%;height: 220px;background-size: cover;}
    .con01 .list_text{top:17%;}
    
    .con02{background-size: cover;}
    .con02 h3{font-size:26px;padding-top:30px;}
    .con02 p{margin:10px 0;font-size:14px;margin-top: 10px;}
	.con02 .vod{position: relative;padding-top: 56%;width: 100%;height:0;}
	.con02 .vod iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .con03{padding-top:50px;}
    .con03 p{font-size:14px;}
    .con03 h3{font-size:26px;}
    .con03 .swiper-button-next{right:40px;}
    .con03 .swiper-button-prev{left:40px;}
    .speakers_wrap{position: static;width:auto;}
    .con03{background: none;height: auto;}
    .con03 .mini_box{padding:20px 40px;}
    
    .con04{background-size:cover;padding:30px 20px;}
    .con04 h3{font-size:26px;}
    .con04 .inner{display:block;}
    .con04 .notice_box ul{width:100%;height: auto;padding: 30px 35px;}
    .con04 .news_box{margin-top:40px;}
    .con04 .notice_box p{font-size:14px;}
    .con04 .news_box .s_box{width:100%;height: auto;padding: 30px 35px;}
    button{font-size:1em;height: 40px; margin-left:0;}
    .con04 .news_box p{font-size:14px;padding-top:0;padding-bottom:10px;}
    input{margin-left:0;}
    .con04 .plus_btn{right:30px;}
    
    .con05{text-align: center;padding-top:60px;padding-bottom:0;}
    .con05 .con05_wrap{display:block;}
    .con05 .map{width:100%;height: 250px; border-radius:0;}
    .con05 .map iframe{border-radius:0;}
    .con05 .map_info{width:100%;padding:0 20px;}
    .con05 .map_info h4{margin-top:80px;}
    .con05 .map_info .inner{margin-left:0;}
    .con05 h3{font-size:26px;}
    .con05 .map_info h4{margin-top:20px;font-size: 22px;}
    .con05 .map_info .inner{margin-top:50px;}
    .con05 .map_info .map_adress li{font-size: 16px;}
    .con05 .map_info>a{float:none;font-size:16px;}
    .con05 .public{text-align: left;display:block;font-size:14px;}
    .con05 .public>div{width:auto;height: auto;}
    .con05 .gray_bg{bottom:-20px;}
    
    .con06{margin-top:50px;}
    .con06 h3{font-size:26px;}
    .con06 .con06_wrap{display:block;}
    .con06 .con06_wrap .box1{width:100%;}
    .con06 .con06_wrap h4{padding:20px 0;font-size:18px;}
    .con06 .con06_wrap .box2{width:100%;}
    
    
    
    
    /*푸터*/
    #footer{}
    #footer a{font-size:14px;}
    #footer p{font-size:14px;color:#949494;}
    #footer .f_address{padding:20px;}
    #footer .f_address .inner{display:block;}
    #footer .f_s_info{margin-bottom:20px;}
    #footer .f_info{padding:20px;}
    #footer .f_logo{float:none;margin-bottom:20px;margin-right:0;}
    #footer .tel_list{display:block;}
    
    
    
}

@media screen and (max-width:767px) {
	
}


@media screen and (max-width:600px) {
    
}


@media screen and (max-width:480px) {
}


@media screen and (max-width:360px) {
	.con04 iframe{height: 200px;}
    
}


@media screen and (max-width:320px) {
		.news-slider__item{width:100%;}
		.con04 h5 br{display:none;}
		.slider_con li h5{font-size:14px;}
}