@charset "utf-8";


/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 400;*/
/* src: url(/common/css/Font/NanumSquareR.eot);*/
/* src: url(/common/css/Font/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareR.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareR.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 700;*/
/* src: url(/common/css/Font/NanumSquareB.eot);*/
/* src: url(/common/css/Font/NanumSquareB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 800;*/
/* src: url(/common/css/Font/NanumSquareEB.eot);*/
/* src: url(/common/css/Font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareEB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareEB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 300;*/
/* src: url(/common/css/Font/NanumSquareL.eot);*/
/* src: url(/common/css/Font/NanumSquareL.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareL.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareL.ttf) format('truetype');*/
/*}*/


/* reset */
/*@font-face {
  font-family: 'Noto Sans KR Thin';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Medium';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Bold';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
	@font-face {
   font-family: 'Noto Sans KR Black';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }*/

/*@font-face {*/
/*  font-family: 'Nanum Pen Script';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');*/
/*}*/
/**/
/**/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}/*font-size:100%*/
body { line-height:1; font-family:'Nanum Gothic', 돋움, Dotum, sans-serif; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family:'Nanum Gothic', 돋움, Dotum, sans-serif !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#333; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;} /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}

/* 공통 - 컨덴츠 폰트페밀리 고정 */
/*html * {font-family: 'NanumSquare' !important; font-weight:400;}*/
/*html * select{font-family: 'NanumSquare' !important; font-weight:400;}*/



/** 시작 **/
.content {width:1010px; margin:0 auto;}

/* 아래는 꽉찬 이미지용 */

#wrap {width: 100%; min-width: 1200px; overflow: hidden;}
.content {  position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; text-align: center;}



footer { height:123px;}
.top_header { border-bottom:1px solid #ccc;}
.top_header .content {text-align:right; width:1200px; margin:0 auto; position:static; }
.top_header ul {display: inline-block;}
.top_header ul li {display: inline-block; vertical-align: top; border-right:1px solid #ccc; }
.top_header ul li a {font-size:12px; line-height:30px; padding:0 15px; }
.top_header ul li:first-child {border-left:1px solid #ccc;}

#menu {width:100%; background-color: #333;}
#menu .content {position:static; width:1200px; margin:0 auto; text-align:left; }
#menu .logo {display:inline-block; vertical-align: top; width:20%; margin-top:5px; margin-left:10px;}
#menu ul {display:inline-block; font-size:0;  vertical-align: top;margin-left:130px;}
#menu ul li { display: inline-block; vertical-align: top; text-align:center; position:relative; vertical-align: top;}

#menu ul li:last-child:after {content:none;}
#menu ul li:first-child {}
#menu ul li:first-child:after {content:none;}
#menu ul li a {font-size:16px; font-weight:bold; display: inline-block; text-align: center; padding:0 39px; color:#fff; vertical-align: top; line-height:100px;}
/*#menu ul li a.on {background:#a90633; color:#fff; border-radius:50px 50px 0 0;}*/


#box_content {margin:0 auto;}


.content {}
.content .con1 {text-align:center; position:relative;}
.content .con2 {position:relative;}



/* 시작 */

.slide_img {width:100%; position: relative;}

.swiper-container {overflow:visible;}
.swiper-container .swiper-pagination-bullets {bottom:30px; font-size:0; padding-right:50px; width:200px; left:50%; margin-left:50px;}
.swiper-pagination-bullet {font-size:20px; width:33.33333%; display:inline-block; vertical-align:top; border-radius:0; margin:0 !important; background:none; border:1px solid #fff; background:none; color:#000; padding:0; text-align:left; opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {font-weight:bold; background:#fff;}
.swiper-pagination-bullet:hover {opacity:1;}


.swiper-container .swiper-slide1 {background:url("./sw01.png") no-repeat top center;}
.swiper-container .swiper-slide2 {background:url("./sw02.png") no-repeat top center;}

.swiper-container .swiper-slide {height:610px;}
.swiper-slide .txt {color:#fff; width:540px; background:rgba(0, 0,0,0.5); height:100%; position:absolute; left:50%; top:0; margin-left:-600px; text-align:left; padding:60px 20px 0;}
.swiper-slide .t1 {font-size:40px; transition:2s; position:relative; right:-100px; opacity:0; font-weight:bold; line-height:1.2;}
.swiper-slide .t2 {font-size:30px; transition:2s; position:relative; right:-100px; opacity:0; transition-delay:0.4s; margin-top:40px; line-height:1.7;}
.swiper-slide.swiper-slide-active .txt .t1,  .swiper-slide.swiper-slide-active .txt .t2 {right:0; opacity:1;}
.contxt {max-width:720px; float:right;}
.right_bg .contxt {max-width:480px; float:left; padding-left:60px;}

.sub_txt {margin-top:220px;      width: 680px;   background: rgba(33, 33, 33, 0.38);}
.sub_txt .t1 {font-size:24px; color:#000; font-weight: bold;  padding-top: 15px;
padding-left: 15px;}
.sub_txt ul {font-size:0; vertical-align:top; margin-top:30px; margin-left: 15px;}
.sub_txt ul li {display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:15px;}
.sub_txt ul li a {display:inline-block; border-radius:15px; background: #64bacd; border:2px solid #000; padding:10px 50px 10px 10px; font-size:14px; color:#000; position:relative;}
.sub_txt ul li a:after {content:">"; position:absolute; right:10px; top:10px; font-size:14px; color:#000;}
.sub_txt ul li a:hover {background:#2D9E8A; color:#000;}
.sub_txt ul li a:hover:after {color:#000;}

.main_box {position: absolute; width:1170px; height: 251px; background-color: #000; left:50%;  bottom:0;z-index:9999; margin-left:-585px;}
.main_box .mb {display: inline-block; float:left; vertical-align: top; width:50%;}

.form_box {position: absolute; left:880px; top:25px;}
.form_text input{width:190px; height: 20px; margin-bottom: 9.5px; border-radius:15px; padding :0 20px;}
.form_text4 input {height: 60px;}
.form_button input{width: 160px; height: 35px; margin-left:70px; border-radius: 15px; background-color: #FF5500; color:white; font-size:14px;  cursor:pointer;}

.ul_a {font-size:0px; width:1170px; margin:0 auto; text-align:left; margin-top:20px;}
.ul_a li {display:inline-block; margin-right:23.7px;} 
/* .ul_a li:first-child {} */
.ul_a li:last-child {margin-right:0;}

.bot{margin: 20px 0;}
.bot ul  {text-align: left; display:block; position: absolute; z-index:999; top: 960px; left:1000px;}
.bot ul li div {margin-bottom: 30px;}
.bot .bot_first_text {width: 350px; display: inline-block; margin-right: 50px; font-weight: 800;}
.bot .bot_last_text {display: inline-block; margin-left: 10px;}

.map_wrap { position: relative;}
.g_map {position: absolute; left:640px; bottom:250px; margin-right: 320px;}

.publicTransit {line-height: 20px;}
.publicTransit .left {font-size:18px; font-weight: 800;}
.publicTransit_1 {margin-top:500px;}
.publicTransit .right{margin-bottom:30px;}

.scontents .eng {padding:20px; font-size:24px; font-weight: 800;}

.index_alert {
    width: 170px;
    height: 43px;
    position: absolute;
    top: 181px;
    left: 55px;
}


.sub6_alert {
    width: 681px;
    height: 260px;
    position: absolute;
    left: 749px;
    top: 300px;
	cursor:pointer;
}

.sub6_alert2 {
    width: 101px;
    height: 35px;
    position: absolute;
    left: 1329px;
    top: 577px;
    cursor: pointer;
}

.sub-visual { margin:0 auto;}