@charset "utf-8";


@font-face {
  font-family: 'Carmen Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  src: url('../font/Carmen Sans Thin.otf') format('opentype');
}

@font-face {
  font-family: 'Carmen Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('../font/Carmen Sans Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Carmen Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  src: url('../font/Carmen Sans Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Carmen Sans', sans-serif;
  font-style: bold;
  font-weight: 900;
  src: url('../font/Carmen Sans Bold.otf') format('opentype');
}

body {
  font-family: 'Rajdhani', sans-serif;
}

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


@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');




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

h1, h2, h3{font-family:'Carmen Sans', sans-serif; !important;}
h4, h5, h6{font-family: 'Carmen Sans', sans-serif;}
p{font-family: 'Poppins', sans-serif;_font-family:'Noto Sans KR', sans-serif;}

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

a{
    text-decoration:none;
    color:#373737;
	font-family: 'Poppins', sans-serif;
	_font-family:'Noto Sans KR', sans-serif;
}

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

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

.inner3{
    width:1000px;
    margin:0px auto;
}


.inner4{
    width:800px;
    margin:0px auto;
}

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



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


/*해더*/
#header{
    background:transparent;
    position:absolute;
    z-index:9;
    width:100%;
    _border-bottom:1px solid #666666;
	font-weight: 300;
	transition:all 0.3s;
}
#header h1{
    font-size:18px;
    font-weight:bold;
    padding:10px 0;
	display:inline-block;
    
}
#header h1 img{}
#header h1 a{color:#eeeeee;}
#header .nav_wrap p{display:inline-block;padding-top:48px;}
#header h1 a {
    width:120px;
    height:35px;
    display: block;
    background-image: url(../images/logo2_4.png);}

#header .menu_warp{
    font-size:17px;
    color:#eeeeee;
	display:flex;
	justify-content: center;
	padding:12px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#header .menu_warp>li{
    font-weight:500;
    color:#fff;
    position:relative;
	width:11%;
}

#header .gnb{_height:100px;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;
    top:40px;
    left:0;
    _z-index:999;
}

.kor_eng_wrap{padding-left:60px;display:inline-block;}
.kor_eng_wrap li{float:left;font-size:17px;
    font-weight:bold;
    color:#eeeeee;
    line-height:95px;
    font-size:14px;
}

.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;}





.menu_warp>li::after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#0075CA;
    position:absolute;
    left:0;
    top: 29px;
	opacity:0;
    transition:all 0.3s;
}
.menu_warp>li:hover::after{
    transition:all 0.3s;
	opacity:1;
    
}


#header .gnb_wrap{z-index: 1000;transition:all 0.3s;}
#header .gnb_wrap:hover{background:#ffffff;}
#header .gnb_wrap:hover .gnb .menu>a{color:#373737;}
#header.fix{z-index:999;}
#header.fix .gnb_wrap{position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;transition:all 0.3s;}
#header.fix h1{z-index:-1;}
#header.fix h1 a{background: url(../images/logo2_4.png);}
#header.fix .gnb_wrap .gnb .menu>a{color:#373737;}
#header.fix .menu_warp{border-top:1px solid #e2e2e2;}
#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; text-align: center;}
#header .gnb_wrap .gnb>ul{_background-color: #fff;}
#header .gnb_wrap .gnb .menu{position: relative;font-size: 18px;text-align: center;}
#header .gnb_wrap .gnb .menu li{font-family: 'Poppins', sans-serif;}
#header .gnb_wrap .gnb .menu>a{color: #ffffff;display: block;}
#header .gnb_wrap .gnb .menu>a:hover{color:#006AB6;}
#header .gnb_wrap .gnb .depth2:hover{color:#1D8748;}
#header .gnb_wrap .gnb-bg{display: none;position: absolute;top: 107px; background-color:#F3F3F3; width: 100%;height: 220px;_height:445px;_border-top:1px solid #F3F3F3;}
#header .gnb_wrap .gnb-bg.gnb-bg2{_height:440px;}
#header .gnb_wrap .gnb-bg img{_width:80%;_height:100%;}
#header .gnb_wrap .depth2{width:100%;height: 399px;display:none;font-size:16px;font-weight:normal;line-height:35px;height:215px;padding-top:10px;}
#header .gnb_wrap .depth2 li a{font-size:15px; letter-spacing:-0.5px;_padding-left:20px;font-weight: 500;color:#4f4f4f;}
#header .gnb_wrap .depth2 li:hover a{_background:url(../images/gnb_bg.png)no-repeat center left;}
#header .gnb_wrap .depth2 li a:hover{color:#006AB6;font-weight:600;}
#header .gnb_wrap .depth2:hover{background:;}
#header .gnb_wrap .gnb .menu:hover .depth2{_background:#fafafa;}
#header .gnb_wrap .gnb:hover h1 a{background: url(../images/logo2_4.png);}

.kor_eng_wrap li.on a{color:#2656B6;}

.icon_wrap{float:right;margin-top:22px;}
.icon_wrap li{float:left;margin-right:10px;}
.icon_wrap li:last-child{margin-right:0;}

#header .gnb_wrap .gnb .menu .d1{position:relative;}
#header .menu_warp .menu .sub2{display: none;padding:30px;position: absolute; top: 0;right:-150px;width: 153px; height:110px;opacity: 0; transition: all 0.5s;background:#ffffff;z-index:999;}
#header .menu_warp .menu .sub2 ul{width:100%;height:100%;top:0;border-top:3px solid #0075CA;box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.1);}
#header .menu_warp .d1 .sub2:hover .d1 a{font-weight:bold;color:#0075CA;}
#header .menu_warp .d1:hover .sub2{display: block;opacity: 1; transition: all 0.5s;}
#header .menu_warp .menu .sub2:hover .depth2 .d1_title{color:#006AB6;font-weight:600;}


#header .nav_wrap p{display:inline-block;padding-top:48px;}
#header .logo_wrap{width:1300px;margin:0px auto;position:relative;}
#header .login_menu{display:flex;align-items: center;position:absolute;right:0;top:0;}
#header .login_menu li{font-size:14px;line-height:48px;margin-left:20px;font-weight:400;}
#header .login_menu li a{font-size: 16px;}
#header .login_menu i{font-size:20px;}
#header .login_wrap i{font-size:20px;color:#333333;}
#header .gnb_wrap .gnb:hover .login_menu li a{color:#373737;}

#header .gnb_wrap .gnb .login_menu li a{color:#ffffff;}
#header.fix .gnb_wrap .login_menu li a{color:#373737;}


.long_tit p{line-height:23px;padding: 7px 0;}




/*반응형 햄버거 메뉴*/
#menuToggle
{display: block;
    position: fixed;
    right: 20px;
    top: 18px;
  
  -webkit-user-select: none;
  user-select: none;
}

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

#menuToggle a:hover
{
  color: #0075CA;
}


#menuToggle .line3
{
  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;
}


#header.fix #menuToggle span{background:#666666;}


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

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

#header.sc #menuToggle span{background:#5b5b5b;}


/* 
 * 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: 1000px;
    top: 0px;
    right: -192px;
  position: absolute;
  width: 460px;
  margin: -98px 0 0 -50px;
  _padding: 50px;
  padding-top: 83px;
  _padding-left:64px;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  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(../images/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(../images/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;background:#0081BE;padding-bottom: 14px;}
#menuToggle .box_m a{color:#ffffff !important;}
#menuToggle .box_m li{float:left;}




@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 288px;
  font-family: Raleway, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #006AB6;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid rgba(255,255,255,0.2)	;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #666666;
  background: #ffffff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #afafaf;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #afafaf;
}




.scroll_con {
	display: flex;
    justify-content: center;
  	position: absolute;
    bottom: 5%;
    left:50%;
    transform: translateX(-50%);
    z-index: 999;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}






/*메인슬라이더*/
.mainslider{height:100vh;position: relative;}
.mainslider .main_bottom{position: absolute;left: 50%;transform: translateX(-50%);bottom:0;width:100%;}
.mainslider .main_img{position: absolute;right:5%;bottom:17%;z-index: 1;}
.mainslider .main_bg{position: absolute;right:5%;bottom:30%;z-index: 1;}
.mainslider .main_bg2{position: absolute;left:5%;bottom:-5%;z-index: 1;}
.mainslider .title{position: absolute;top:50%;transform: translateY(-50%);color:#ffffff;}
.mainslider .title h1{font-size:150px;}
.mainslider .title span{font-size:60px;display:block;}
.mainslider .title h2{font-size:36px;margin-top:100px;}



/*메인이미지 애니메이션*/
.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);}

	.mySwiper .swiper-slide .type_b{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_b{opacity: 1;
	transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);}

	.mySwiper .swiper-slide .type_c{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_c{opacity: 1;
	transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);}


.main_slider {
    position: relative;
    height: 100vh;
}
.type_a{
  background:url(../images/main_visual_1.png)no-repeat;
  background-size: cover;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.type_b{
  background:url(../images/main_visual_2.jpg)no-repeat;
  background-size: cover;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.type_c{
  background:url(../images/navy_main_21.jpg)no-repeat;
  background-size: cover;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}


.type_d{
  background:url(../images/main_visual_1_mo.jpg)no-repeat;
  background-size: cover;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.type_e{
  background:url(../images/main_visual_2_mo.jpg)no-repeat;
  background-size: 100% 100%;
  background-position:center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

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

.left_bg3{
  background:url(../images/main3.jpg)no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; 
}

/*.main_title{position: absolute;top:45%;left:50%;transform: translate(-50%,-50%);z-index: 2;color:#ffffff;_display:flex;align-items: flex-end;}*/
.main_title{position: absolute;top: 46%;left: 50%;transform: translate(-50%,-50%);z-index: 2;color:#ffffff;_display:flex;align-items: flex-end;}
.main_title h5{font-size:23px;color:rgba(255,255,255,0.6);}
.main_title h1{font-size:97px;}
.main_title h3{font-size:48px;margin:50px 0;}
.main_title p{font-size:24px;}

.main_title2{left:auto;right: 0;top: 32%;}



.main_text{_margin-bottom:80px;_margin-right:80px;}

.main_logo{display:flex;}
.main_logo .main_big_logo2{margin-left:60px;}
.main_logo2{margin-left:60px;}
.main_text1{margin-bottom:20px;}

.main_t_wrap{_margin-left:40px;margin-top: 50px;text-align:center;}



.white_line{position:absolute; background:url(../images/m_line.png);background-size:cover;width:100%;height:126px;bottom:-15px;z-index:1;}


.main_btn{position:fixed;bottom:30%;right:0;z-index:3;background:#f7f7f7;border-radius:15px;text-align: center;}
.main_btn a{color:#373737;display:block;font-size:12px;}
.main_btn h5{display:inline-block;background:#006AB6;width:45px;height:45px;border-radius:50px;padding-top: 13px;margin: 5px 0;} 
.main_btn img{_width:20px;_height:20px;}
.main_btn p{font-size:12px;font-weight: 600;}
.main_btn li{padding:10px;}
.main_btn i{font-size:17px;color:#ffffff;}

/* 메인이미지 바로가기 슬라이더*/
.go_btn{width:20%;position:absolute;top:50%;right:0;}
.mySwiper3{background:#1D8748;color:#ffffff;text-align:center;padding:40px;}
.mySwiper3 h4{font-size:20px;margin-bottom:30px;}


/* con01 History */
.con01{text-align: center;margin: 50px 0;}
.con01 h3{font-size:26px;margin:30px 0;margin-right:50px;}
.con01 .num{display:flex;align-items: baseline;justify-content: center;}
.con01 h4{font-size:42px;color:#1D8748;margin:20px 0 10px 0;}
.con01 span{font-size:42px;font-weight: bold;color:#006AB6;padding-left:5px;}
.con01 p{font-size:18px;color:#373737;_color:#7C7C7C;font-family: 'Carmen Sans', sans-serif;}
.con01 ul{display:flex;justify-content: center;align-items: flex-start;}
.con01 ul li{width:14%;_margin:0 60px;}
.countdown{margin-bottom:50px;}
.countdown ul{display:flex;justify-content: center;}
.countdown h3{font-size:38px;}
.countdown .count-text {font-size: 3.8rem;font-weight:bold;}
.countdown span { font-size: 1.8rem;}
.con01 ul.key_list{display:flex;flex-wrap: wrap; margin-left: 50px;}
.con01 .key_list li{padding-left:20px;background:url(../images/im_line.png) no-repeat;background-position:left 5px;margin-bottom:50px;text-align:left;width:auto;width:25%;}
.con01 .key_list li:nth-child(5){margin-bottom:0;}
.con01 .key_list li:nth-child(6){margin-bottom:0;}
.con01 .key_list li:nth-child(7){margin-bottom:0;}
.con01 .key_list li:nth-child(8){margin-bottom:0;}
.con01 .key_list li h5{font-size:24px;color:#009fff;font-family:'Noto Sans KR', sans-serif; }
.con01 .key_list li p{font-size:18px;margin-bottom:25px;font-family: 'Carmen Sans', sans-serif;color:#ffffff;}
.con01 .keyDate{position:relative;color:#ffffff;background:url(../images/main_slide_date.jpg) no-repeat;background-size:cover;height: 579px;margin-bottom:30px;display:flex;align-items: center;}
.con01 .keyDate .inner2{display:flex;justify-content: space-between;}
.con01 .keyDate h3{text-align:left;font-size:30px;margin:0;}
.con01 .keyDate .im_top{position: absolute;background-size: cover;width: 100%;height: 96px;top: -50px;z-index: 1;}
.con01 .keyDate .im_bottom{position: absolute;background-size: cover;width: 100%;height: 96px;bottom: -65px;z-index: 1;}



/* con02 소개 컨텐츠 */
.con02 .s_con{display:flex;margin:60px 0;justify-content: space-around;}
.con02 .s_con2{justify-content: flex-end;}
.con02 .s_con>div{margin-top:150px;}
.con02 .s_con2>div{margin-right:70px;text-align: right;}
.con02 .s_con h3{font-size:36px;margin-bottom: 5px;}
.con02 .s_con p{font-size:18px;margin-top:44px;margin-bottom:30px;}
.more_btn{display:inline-block;padding:5px 25px;background:#1D8748;border-radius:10px;}
.more_btn a{display:block;width:100%;height: 100%;color:#ffffff;font-size:16px;}



/* con03 Speakers*/
.con03{text-align: center;}
.con03 h3{font-size:36px;}
.con03 img{margin-top:20px;}
.con03 .speakers_wrap{display:flex;margin-top:50px;}
.con03 .speakers_wrap>div{text-align: left;margin-top:150px;margin-left:40px;}
.con03 h5{font-size:36px;color:#1D8748;}
.con03 h6{font-size:22px;margin:40px 0;}
.con03 .swiper{position: relative;}
.btn_wrap{position: absolute;top:150px;right:0;width:88px;height: 40px;background: #1D8748;border-radius:10px;z-index: 1;}
.left_btn, .right_btn{width:13px;height: 22px;position: absolute;cursor: pointer;}
.left_btn{width:13px;height: 22px;left: 17px;top: 9px;background: url(../images/left_arrow.png) no-repeat;}
.right_btn{width:13px;height: 22px;right: 17px;top: 9px;background: url(../images/right_arrow.png) no-repeat;}




/* con04 Program*/
.con04{text-align: center;padding:50px 0;}
.con04 h3{font-size:36px;}
.con04 img{margin-top:20px;}
.con04 ul{display:flex;justify-content: center;margin-top:60px;}
.con04 ul li div{border-right:1px solid #e1e1e1;padding:0 80px;}
.con04 ul li:last-child div{border-right:none;}
.con04 ul li div img{margin-top:0;}
.con04 ul li h5{font-size:18px;margin-top:25px;margin-bottom:20px;}
.con04 ul a{display:block;width:100%;height: 100%;}
.con04 ul li p{}



/* con05 동영상 */
.con05{_padding:60px 0;}
.con05 .inner{display:flex;justify-content: space-around;position: relative;}
.con05 .inner div{margin-top:80px;}
.con05 h3{font-size:36px;color:#006AB6;}
.con05{position: relative;}
.con05 .white_box{position: absolute;top:-20px;right:50px;z-index: 1;}
.con05 .green_line{margin-top:80px;}
.con05 p{margin-top:20px;}
.con05 .vod{position: relative;}
.con05 .white_box1{position: absolute;left:-20px;}
.con05 .white_box2{position: absolute;top:-20px;left:0;}
.con05 .white_box3{position: absolute;right:-33px;top: 0;}
.con05 .white_box4{position: absolute;bottom:-35px;left:0;}



/* con06 뉴스레터*/
.con06{text-align: center;padding:80px 0;}
.con06 .inner{display:flex;justify-content: space-around;}
.con06 h3{font-size:36px;}
.con06 p{font-size:19px;margin:30px 0;}
.con06 .news_letter .check{margin:30px 0;}
.con06 .news_letter img{padding-left:20px;}
.con06 .red_btn{padding:10px 30px;background: #006AB6;display:inline-block;border-radius:10px;}
.con06 .red_btn a{color:#ffffff;font-weight: bold;}
.con06 input{background:#efefef;border-radius:5px;padding:10px 20px;margin-left:20px;margin-bottom: 15px;
    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;}



/* con07 Hosted */
.con07{background: url(../images/navy_bottom_1.jpg)no-repeat;background-attachment: fixed;background-size: cover;position: relative;padding:80px 0;text-align: center;}
.con07 h3{font-size:30px;font-weight: 600; color:#ffffff;margin-bottom:30px;}
.con07 div>img{width:160px;height: auto;margin:0 10px;border-radius: 10px;}
.con07 div a img{width:160px;height: auto;margin:0 10px;border-radius: 10px;}
.con07 .white_line2{position:absolute; background:url(../images/m_line2.png);background-size:cover;width:100%;height:126px;top:-2px;z-index:1;}
.con07 .hosted{padding:80px 0;padding-bottom:60px;}
.con07 .hosted.org{padding:0;padding-bottom:60px;}
.con07 .org p{font-size:24px;color:#ffffff;margin-top: 10px;}




input[type="checkbox"]:checked + label:before {
    content: "";
    text-align: center;
    line-height: 15px;
    color: #ffffff;
    background-color: #008AC0;
    border-color: #008AC0;
    background-image: url(../images/check_arrow.png);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 5px;
    margin-bottom: 3px;
    transition: 0.2s;
}



/* IUGG 로고 */
.con08{padding:100px 0;height: 1000px;}
/*
.big_cicle_wrap{width:300px;height: 300px;border-radius:100%;overflow: hidden;position: relative;}
.big_cicle{}
.circle_g{position: absolute;top:-100px;left:-150px;width:300px;height: 300px;border-radius:100%;background: #8F82BC;}
.squre_g{top:-100px;right:-150px;width:150px;height: 150px;background: #168D49;}
.circle_b{width:150px;height: 150px;border-radius:100%;background: #26266B;}
.squre_b{width:150px;height: 150px;background: #26266B;}
*/

.Container{
  position:fixed;
  width:250px;
  height:300px;
  overflow:hidden;
}
.Box1{
  right:100px;
  width:100px;
  height:200px;
  position:relative;
  background-color:#8F82BC;
}
.Box2{
  left:70px;
  position:relative;
  top:100px;
  width:100px;
  height:200px;
  background-color: #168D49;
}
.Box3{
  bottom:350px;
  left:250px;
  position:relative;
  width:100px;
  height:200px;
  background-color:#26266B;
}

.Box4{
  bottom:350px;
  left:250px;
  position:relative;
  width:100px;
  height:200px;
  background-color:#26266B;
}


.gray_font{color: #a5a5a5;font-size: 14px;}

.click_none{cursor: auto;}



/*팝업*/
.swiper-pagination-bullet-active{background:#ffffff;}






/* footer */
#footer{background:#181818;position: relative;color:#ffffff;padding:80px 0;}
#footer a{color:#ffffff;}
#footer .f_address{float:right;text-align: end;}
#footer .f_logo{width:120px;height: auto;}
#footer .sns_list{display:flex;justify-content: flex-end;}
#footer .sns_list li{float:left;margin-left:10px;}
#footer .sns_list li:first-child{margin-left:0;}
#footer .f_info{}
#footer .f_info p{margin:5px 0;}
#footer .f_s_info li{float:left;}
#footer .f_s_info li::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #b5b5b5;
    margin: 0 10px;
}
#footer .tel_list li{float:left;margin-left:30px;}
#footer .tel_list li a{color:#ffffff;}
#footer .tel_list li:first-child{margin-left:0;}




#header h1.mo_logo{display:none;}
.gnb-bg, #open-menu, .open-menu, #side-menu{display:none;}
#menuToggle{display:none;}
.mo_icon_wrap{display:none;}
.mo_br{display:none;}



/* --- 반응형 --- */


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

}

@media screen and (max-width:1300px) {
	#header .gnb_wrap{border:none;height:70px;display:none;}
	.inner{width:auto;}    
    .pc_logo{display:none;}
	#header h1{display:none;}
	#header h1.mo_logo{display:block;}
    
    /*해더*/
    #header{position: fixed;height:50px;}
    #header.fix .gnb_wrap{display:none;}
    #header nav{display:block;z-index:1000;}
    #header .gnb{height:70px;}
	#header.fix{background:#ffffff;}
    #header h1 img{}
    #header .gnb_wrap .gnb-bg{background:transparent;border:none;}
    .mo_logo{display:block;position:absolute;top:-11px;left:0;}
    .gnb .menu_warp{display:none;}
    .gnb-bg, #open-menu, .open-menu, #side-menu{display:block;}
    #header h1 a {background-repeat: no-repeat;background-size: 100%;}
    #header h1{padding-left:20px;width:100px !important;}
    #header h1 img{width:100%;}
    #header.sc {background-color: #fff;border-bottom: 1px solid #ccc;}

    .main-slide .mo-bg{display: block;}
	#side-menu{display: none;}
	.pc_br{display: none;}
	#header .pc-gnb{display: none;}
    #header.sc{height:70px;border-bottom:0;}
	#header.sc .open-menu .hambergerIcon{background-color:#333;}
	#header.sc .open-menu .hambergerIcon.open{background-color:#fff;}
    #header.sc h1 a{background: url(../images/f_logo.png);}
	
	.kor_eng_wrap{display:none;}
	.icon_wrap{display:none;}
	.icon_wrap img{width:30px;}
	.mo_icon_wrap{position:fixed;top:9px;right:66px;display:block;}
	.mo_icon_wrap img{width:90%;}
	.mo_icon_wrap li{float:left;margin-right:10px;}
	.mo_icon_wrap li:last-child{margin-right:0;}

    /* 햄버거메뉴 */
	#menuToggle{display:block;}
	#open-menu{display: block;position: fixed;top: 0;right: 0;height: 70px;width: 70px;z-index: 1000;}
	.open-menu{display: block;position: absolute;top: 0;left: 0; right: 0;bottom: 0; margin: auto;height: 70px;width: 70px;}
	.open-menu .menu {height: 70px;width: 70px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.open-menu .menu:hover {cursor: pointer;}
	.open-menu .hambergerIcon {height: 3px;width: 33px;position: absolute;top: 50%;left: 50%;
	  border-radius: 50px;
	  background-color: #333;
	  transform: translate(-50%, -50%) rotate(0deg);
	  transition: transform ease 0.5s;
	}
	.open-menu .hambergerIcon::before, .open-menu .hambergerIcon::after {content: "";position: absolute; height: inherit;border-radius: inherit;background-color: inherit;margin: auto;width: 50%;transition: all ease 0.5s;}
	.open-menu .hambergerIcon::before {top: -10px;left: 0;transform-origin: left;}
	.open-menu .hambergerIcon::after {bottom: -10px;right: 0;transform-origin: right;}
	.open-menu .hambergerIcon.open {transform: translate(-50%, -50%) rotate(135deg);}
	.open-menu .hambergerIcon.open::before {top: 0;transform: translateX(100%) rotate(-90deg);}
	.open-menu .hambergerIcon.open::after {bottom: 0;transform: translateX(-100%) rotate(-90deg);}
	#cssmenu ul ul li a{transition:all 0.2s;}
	#cssmenu ul ul li a:hover{color:#006AB6 !important;font-weight:bold;transition:all 0.2s;}
	#menuToggle .login_wrap{display:flex;margin-bottom: 15px;}
	#menuToggle .login_wrap li{margin:10px;margin-left:20px;font-size:16px;}
	#menuToggle .login_wrap a{font-weight:600;}

	/*사이드메뉴*/
	#side-menu{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0; background-color: #006AB6; z-index: 900;overflow-y: scroll;}
	#side-menu .mo-gnb{position: absolute; width: 100%;top: 70px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
	#side-menu .mo-gnb .d1{text-align: center;}
	#side-menu .mo-gnb .d1 .m{display: block;padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;font-size: 20px;}
    #side-menu .mo-gnb .d1 .m2{display: block;padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;font-size: 20px;}
	#side-menu .mo-gnb .d1{}
	#side-menu .mo-gnb .d1 .m.active{/*background-color: #059b04;color:#fff; border-bottom: 1px solid #059b04;배경초록색*/color: #373737;}
	#side-menu .mo-gnb .d1 .sub{display:none;background-color: #eee;padding: 8px 0;}
	#side-menu .mo-gnb .d1 .sub li{border-bottom:1px solid #ddd;}
	#side-menu .mo-gnb .d1 .sub li:last-child{border-bottom:0;}
	#side-menu .mo-gnb .d1 .sub li a{display: block;font-size: 16px;color: #555;padding: 10px 0;/*font-family: 'GmarketSansMedium';*/font-weight:500;}
	.main_title h1{font-size:70px;}
	.main_title h3{font-size:36px;}
	.inner{width:auto;}
	.con01 h4{font-size:32px;}
	.con01 p{font-size:16px;}

	
}

@media screen and (max-width:1200px) {
	
	.s_con{padding:20px 0 !important;}
	.con02 .s_con{margin:0;align-items: center;}
	.con02 .s_con > img{width:50%;height:auto;}
	.con02 .s_con > div{margin-top:50px;margin-left: 20px;}
	.con02 .s_con2 > div{margin-right:30px;}
	.con02 .s_con h3{font-size:30px;}
	.con02 .s_con p{font-size:16px;}

	.con03 h3{font-size:30px;}
	.con03 h5{font-size:30px;}
	.con03 h6{font-size:20px;}
	.con03 p br{display:none;}
	.con03 .speakers_wrap{align-items: center;margin-top: 30px;}
	.con03 .speakers_wrap>div{margin-left:15px;}
	.btn_wrap{right:20px;}
	
	.con04 h3{font-size:30px;}

	.con05 .inner{flex-direction: column-reverse;align-items: center;text-align:center;}
	.con05 h3{font-size:30px;}
	.con05 .green_line{margin-top:30px;}

	.con06{padding:20px 0;}
	.con06 h3{font-size:30px;}
	.con06 p{font-size:16px;}

	#footer{padding:80px 20px;}

}

@media(max-width:1024px){
    
   #header{position: relative;position: fixed;width: 100%;top: 0;left: 0;}
   #header .menu_btn{display:block;top:50%;transform: translateY(-50%)}
    #header .menu_btn.lijo{top: 30%}
   #header .nav ul.gnb{position: absolute;top: 65px;transform: translateX(100%);left: 0;transition:.8s ease;width:100%; height: calc(100vh);background: #fff;overflow-y: auto;display: block}
   #header .nav ul.gnb li a{text-align: left}
   #header .nav ul.gnb.surya {transform: translateX(0%);}
   #header .nav ul.gnb li ul.sub{opacity: 1;visibility: visible;display:none;position:relative;padding-top:0px;width:100%;transition:0s;transform: translateY(0px);}
   #header .nav ul.gnb li ul.sub:after{display:none;}
   .hd_bg{display: none !important;}
   .main_title{width:100%;padding:0 20px;flex-direction: column;text-align:center;top: 40%;left: 50%;}
	.main_title img{width:auto;}
	.main_text{margin-left:0;margin:40px 0;}
   .con01 ul{justify-content: space-evenly;}
	.con04 ul li div{padding:0 50px;}
	.con03{padding:30px 0;}
	.con03 .speakers_wrap{justify-content: flex-end;}
	.con06 .inner{flex-direction: column;}
	.con06 .inner .info{margin-bottom:20px;}
	.con06 .news_letter img{padding-left:0;}

}


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

	.con02 .s_con{display:block;}
	.main_title{}
    .main_title h1{font-size:26px;}
    .main_title h3{font-size:26px;margin:20px 0;}
    .main_title h5{font-size:17px;}
    .white_line{width:100%;}
	.main_title{width:100%;padding:0 20px;flex-direction: column;}
	.main_logo{justify-content: space-between;}
	.main_logo .main_big_logo2{margin-left:5%;}
	.main_title img{_width:45%;width:100%;}
	.main_title.main_title2 img{_width:45%;width:50%;}
	.main_title.main_title2{top:70%;}
	.main_text{margin:30px 0;}
	.main_t_wrap{margin-top:30px;margin-left:0;}
	.main_t_wrap img{width:100%;}
	.main_btn{top:auto;position:fixed;width:100%;bottom:0;border-radius:0;}
    .main_btn ul{display:flex;justify-content: space-evenly;}
	.main_btn p{font-size:11px;}
	.mySwiper .swiper-slide .type_a{background-position: 60% 50%;}
	.mySwiper .swiper-slide .type_b{background-position: 60% 50%;}
	.mySwiper .swiper-slide .type_c{background-position: 60% 50%;}

	.con01{margin:0;}
    .con01 ul{justify-content: space-evenly;}
    .con01 h4{font-size:24px;}
    .con01 span{font-size:24px;}
    .con01 h3{font-size:24px;margin-bottom: 35px;}
    .con01 ul{display:flex;}
    .con01 ul li{width:50%;margin-bottom:30px;}
    .con01 ul li img{}
	.con01 .keyDate{display:block;margin-bottom:0;height:200px;background-position: right;}
	.con01 .keyDate h3{margin-top:0;text-align:center;font-size:22px;padding:30px 0;} 
	.con01 .keyDate .im_top{width:auto;left:0;}
	.con01 .keyDate .im_bottom{width:auto;left:0;}
	.con01 .keyDate .inner2{display:block; padding: 40px 0;}
	.con01 .key_list li{width:auto;margin-bottom:20px;}
	.con01 .key_list li h5{font-size:20px;}
	.con01 .key_list li:nth-child(5){margin-bottom:30px;}
	.con01 .key_list li:nth-child(6){margin-bottom:30px;}
	.con01 .key_list li:nth-child(7){margin-bottom:30px;}
	.con01 .key_list li:nth-child(8){margin-bottom:30px;}
	.con01 ul.key_list{display:block;margin-left: 20px;flex-direction: column;}
	.con01 .inner3{width:auto;}
    .con01 p{font-size:16px;}
	.con01 h3{margin-bottom:25px;margin-right:0;}
	.con01 span{font-size:18px;}
	.con01 .countdown{margin-bottom:20px;}
    .con01 .countdown .count-text{font-size:2rem;}
	.con01 .key_list br{display:none;}
	.con01 .key_list li{margin-bottom: 30px;}
	.con01 .key_list li p{margin-bottom:10px;}




    .con02{text-align: center;}
    .con02 .s_con{display:block;}
    .con02 .s_con p{font-size:16px;}
	.con02 br{display: none;}
    .con02 .s_con img{width:100%;padding:0 20px;}
    .con02 .s_con > div{margin:0 auto;text-align: center;padding:0 20px;}
    .con02 .s_con h3{font-size:22px;}
    .con02 .s_con2{display:flex;flex-direction: column-reverse;}
    .con02 .s_con .green_line{width:auto;}
    
    .con03 h3{font-size:22px;}
    .con03 p br{display: none;}
    .con03 .speakers_wrap{display:block;margin-top:0;}
    .con03 .speakers_wrap>div{margin:20px;text-align: center;}
    .con03 .btn_wrap{top:37%;right:20px;}
    .con03 img{width:100%;}
    .con03 .green_line{width:auto;}
    .con03 h5{font-size:22px;}
    .con03 h6{font-size:18px;margin:20px 0;}
    
    .con04 h3{font-size:22px;}
    .con04 ul{flex-wrap: wrap;}
    .con04 ul li{width: 50%;padding-bottom:30px;}
    .con04 ul li div{padding:0;}
    .con04 ul li h5{font-size:16px;margin-top:20px;}
    .con04 ul li p{font-size:14px;}

    .con05{padding:0 20px;z-index:1;padding-top:50px;text-align: center;}
    .con05 p br{display:none;}
    .con05 .inner{flex-direction: column-reverse;}
    .con05 .vod {position: relative;padding-top: 56%;width: 100%;height: 0;}
	.con05 .vod video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    .con05 img{_display:none;}
    .con05 .inner div{margin-top:0;}
    .con05 h3{font-size:22px;margin-top: 20px;}
    
    .con06{padding:50px 0;}
    .con06 .inner{display:block;}
    .con06 h3{font-size:22px;}
    .con06 p{font-size:16px;}
    .con06 a{width:100%;height: 100%;display:block;}
    .con06 a img{width:100%;}
    .con06 .news_letter{padding:30px 0;}
    .con06 p{font-size:14px;padding:0 20px;}
    .con06 p br{display:none;}
    .con06 .red_btn{padding:10px 26px;}
    .con06 .news_letter img{vertical-align: text-bottom;}
    
    .con07{padding:30px 0;background-attachment:inherit;}
    .con07 .white_line2{width:100%;top:-70px;}
    .con07 .hosted{padding:30px 0;}
    .con07 h3{font-size:22px;}
    .con07 div>img{width:40%;margin:10px;}
	.con07 .org p{font-size:18px;}
    
    
    /*반응형 햄버거*/
    #header .nav ul.gnb li a{padding-left:50px;}
    #header .nav ul.gnb li:hover .m{color:#006AB6;font-weight: bold;}
    #header .nav .active:hover:after{display:none;}
    #header .nav ul.gnb li ul.sub{height: auto;}
    #header .nav ul.gnb li a{font-size:20px;}
    #header .nav ul.gnb li ul.sub li a{text-align: left;margin-left:70px;font-size:16px;}
    #cssmenu ul ul li a:hover{color:#006AB6 !important;}



    /*푸터*/
    #footer{padding:40px 20px;text-align: center;padding-bottom:120px;}
    #footer .f_logo{width:auto;}
    #footer .f_address{float:none;text-align: center;margin-top:20px;}
    #footer p{font-size:14px;color:#949494;}
    #footer .tel_list{margin-top:20px;}
    #footer .tel_list li{float:none;margin-left:0;}
	.mo_br{display:block;}
    
}


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

}

@media screen and (max-width:480px) {
	.con02 .s_con .con02_text{width:90% !important;}

}

@media screen and (max-width:360px) {
	.main_logo img{width:100% !important;}

}

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

#header .gnb_wrap .gnb .menu>a {font-family: 'GmarketSansMedium', sans-serif;}
#header .gnb_wrap .depth2 li a {font-family: 'GmarketSansMedium', sans-serif;}
.f_address p {font-family: 'GmarketSansMedium', sans-serif !important; }
body{font-family:'GmarketSansMedium', sans-serif;}
select{font-family:'GmarketSansMedium', sans-serif !important}