@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');






.bold-type{font-family: 'NanumGothic'!important; font-weight: 700 !important; font-size: 21px; color: #666666 !important ;}
.sing-area{position: relative; top: -30px;}
.pos-title{position: relative; top: -80px; left: 40px;}
.sing-box{ display: flex; padding-left: 40px;}
.sing-box>p{font-family: 'NanumGothic'; font-size: 16px; padding-top: 5px; color: #666666; font-weight: bold; padding-right: 15px}
.sing-box>p>span{color: #202020}
.greetings-txt-area{position: relative; padding-top: 30px}
.greeting-pos{position: absolute; right: 0; bottom:-5px;}
.greeting-area{max-width: 780px; position: relative}
.content-introduce-greetings{padding:80px 0 130px 0;}
.c1{color:#f97800 !important; font-size: 44px !important;}
.greetings-header .greetings-txt-area > strong{color:#202020; padding-left: 40px; display: block; font-size:42px; font-family: 'NanumSquare'; font-weight:normal; line-height: 56px}
.greetings-header .greetings-txt-area > strong .txt-bold{font-weight:600; font-size:48px; }
.greetings-header .greetings-txt-area .greetings-txt {background-color: #f1f2f4; height: 220px; box-sizing: border-box;}
.greeting-contents{ font-family: 'NanumGothic';  font-size: 18px; line-height: 32px; color: #666666; font-weight: bold;}
.greetings-header .greetings-txt-area .greetings-txt .txt-first{font-size:22px; color:#202020;font-family: 'NanumSquare'; font-weight:600 }
.greetings-header .greetings-txt-area .greetings-txt .txt-last{margin-top:10px; font-size:22px; color:#f97800;font-family: 'NanumSquare'; font-weight:600; }
.greetings-cont > strong{display:block; color:#202020; font-size:24px; font-family: 'NanumSquare'; font-weight:normal;}
.greetings-cont p{line-height:32px; font-size:18px; margin-top:20px; color:#666; letter-spacing: -1.5px; word-break: keep-all;}
.greetings-cont p > span{font-weight:600}
.greetings-cont p > strong{font-size:24px; color:#202020; font-weight:normal;}
.m-greetings-header{display:none;}
.m-greetings-txt{display:none;}

/*history 시작*/
.history_title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; margin-bottom:30px; }
.history_title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}

.new-title{font-family: 'NanumSquare'; display: block; padding-bottom: 10px; font-size: 48px; color: #f97800; font-weight: 800}
.new-title2{font-family: 'NanumSquare'; font-weight: 400; font-size: 40px; color: #202020; line-height: 52px;}
.tab-content .tab-item{display:none;}
.tab-content .tab-item:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-menu{width:100%; }
.tab-menu ul li{position:relative; float:left; width:33.3%; height:60px; list-style:none; line-height:58px; font-size:22px;}
ul.list_right li + li{margin-top:10px;}
.tab-menu ul li + li a{border-left:none;}
.tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-menu ul li a{display:block; height:100%; text-align:center; font-weight:bold; color:#888; background:#fff; border:1px solid #d1d1d1; box-sizing:border-box;font-family: 'NanumSquare';}

.tab-menu ul li.on a{color:#fff; font-weight:bold; background-color: #f97800; transition:all 0.3s;}
.tab_list_wrap{position:relative;  margin-top:5px; box-sizing:border-box; }
.tab_list_wrap li{font-size:18px; color:#666; line-height:32px; word-break: keep-all;}
.tab_list_wrap > li + li{margin-top:30px;}
.tab_list_wrap:before{position:absolute; content:""; width:1px; height:100%; background:#ddd; left:69px; z-index:-1;}
.tab-item ul li:first-child{padding-top:10px;}


.tab-content{clear:both; position:relative; /*overflow:hidden; margin-top:40px; min-height:400px;*/}

.history_littletitle{position:relative; float:left; width: 400px; margin-right:80px; font-size:48px;font-family: 'NanumSquare'; color:#202020;}
.content-introduce-history .introduce_wrap.en .history_littletitle {font-size: 37px;}
.content-introduce-history .introduce_wrap.en .history_littletitle p.history_title_ov {margin-left: 20px;}
.history_littletitle p.history_title_ov{margin-left:30px;}
#tab-item0 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img.jpg) center no-repeat; z-index:-1; background-size:cover; height:300px; margin-top:-30px;}
#tab-item1 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img3.jpg) center no-repeat; z-index:-1; background-size:cover;height:300px; margin-top:-30px}
#tab-item2 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img4.jpg) center no-repeat; z-index:-1; background-size:cover; height:300px; margin-top:-30px}
#tab-item3 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img.jpg) center no-repeat; z-index:-1; background-size:cover; height:300px; margin-top:-30px;}
#tab-item4 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img3.jpg) center no-repeat; z-index:-1; background-size:cover;height:300px; margin-top:-30px}
#tab-item5 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img4.jpg) center no-repeat; z-index:-1; background-size:cover; height:300px; margin-top:-30px}

.tab-item{padding-top:20px; transition:all 0.3s;}
.tab-item > ul{float:left; width:calc(100% - 480px); }
.tab-item ul li{list-style:none;}

.tab-content ul{}
.tab-content > ul > li{position:relative;}

.list_left{position:relative; display:table-cell; width:95px; font-size:20px; color:#202020; line-height:33px;font-family: 'NanumSquare'; padding-top:10px; }
.list_left:before{position:absolute; content:""; right:19px; top:20px; width:11px; height:11px; border:1px solid #f97800; background:#fff; border-radius:50px;}
.list_right{display:table-cell; vertical-align:middle; letter-spacing: -0.5px}


.contents02{margin-top:80px;}
.contents02 h4{margin-bottom:55px;}
.mission_box{position:relative; padding:40px 10px 35px 40px; box-sizing:border-box; background:#f1f2f4; margin-top:50px}
.mission_box h5{position:absolute; top:-25px; font-family: 'NanumSquare'; color:#202020; font-size:48px; line-height:1;}
.mission_title{font-family: 'Roboto'; font-style:oblique; color:#202020; font-size:60px; line-height:1;}
.mission_box p{font-family: 'NanumSquare'; margin-top:30px; font-size:20px; line-height:24px; color:#202020; letter-spacing:-0.5px; word-break: keep-all;}
.mission{margin-top:30px;}
.mission p:nth-child(3) strong{color:#202020;}
.mission > p{font-size:18px; color:#666; line-height:32px; word-break: keep-all;}
.mission p + p{margin-top:30px;}
.mission_list{display:table;}
.mission_list_left{display:table-cell; width:55px;}
.mission_list span{display:table-cell; vertical-align:middle;}
.content-introduce-history .introduce_wrap.en .mission_list_left {width: 80px;}

.vision_box{position:relative; margin-top:70px; padding:35px 10px 35px 40px;box-sizing:border-box; background:#f1f2f4;}
.vision_box h5{position:absolute; top:-25px; font-family: 'NanumSquare'; color:#202020; font-size:48px; line-height:1;}
.vision_box p:nth-of-type(1){font-family: 'NanumSquare'; font-size:20px; color:#202020; margin-top:20px;}
.vision_box p:nth-of-type(2){font-family: 'NanumSquare'; font-size:20px; color:#202020; margin-top:20px;}
.vision_box span.font_point{color:#0a66c3;}
.vision{margin-top:30px; letter-spacing:-0.5px;}
.vision p{font-size:18px; color:#666; line-height:32px; margin-top:30px; word-break: keep-all;}
.vision p + p{margin-top:30px;}
strong.font_point2{color:#0a66c3; font-size:24px;}

.mission_txt{font-style:oblique; font-size:66px; font-family:'Roboto'; color:#202020; margin-left:-10px; line-height:1; font-weight:300}
.mission_txt b{font-weight:400}
.vision_txt{font-size:66px; font-family:'Roboto'; color:#202020; line-height:1; font-weight:300}
.vision_txt b{font-weight:400}
.content-introduce-history .tab-item{padding-top:60px;}
/*history끝*/


/*organization 시작*/
#organization{}
#organization_wrap{margin-top:80px; overflow:hidden; background: url(/images/introduce/organization_line3.png) center no-repeat; background-position:136px 44px;}
.organization_top{width:300px; margin:0 auto; color:#fff; font-size:20px; font-family: 'NanumSquare'; text-align:center; margin-bottom:90px; font-weight:bold;}
.organization_top p{font-size:32px; line-height:1;}
.organization_top_1{width:300px; height:100px; background:#f7a400; box-sizing:border-box; padding-top:34px;}
.organization_top_2{width:300px; height:100px; background:#f7a400; box-sizing:border-box; margin-top:50px; padding-top:34px;}
.section_title{text-align:center; width:270px; height:70px; background:#f97800; color:#fff; font-weight:bold; font-size:20px; box-sizing:border-box; padding-top:24px; font-family: 'NanumSquare';}
.section_title.typ2 {background:#f7a400;}

#organization_wrap div > ul > li{margin-top:10px;}
#organization_wrap div > ul > li > strong{line-height:1;}
.organization_section1 > ul > li, .organization_section2 > ul > li, .organization_section4 > ul > li{display:block; width:270px; height:68px; padding-top:23px; background:#f8f8f8; border:1px solid #ccc; font-size:18px; color:#666; box-sizing:border-box; text-align:center; list-style:none; font-family: 'NanumSquare';}
.organization_section3 > ul > li > strong{display:block; width:270px; height:68px; padding-top:25px; background:#f8f8f8; border:1px solid #ccc; font-size:18px; color:#666; box-sizing:border-box; text-align:center; list-style:none; font-family: 'NanumSquare';}
#organization_wrap ul li{list-style:none;}
.section_inner{width:270px; padding:20px; background:#fff; border-bottom: 1px solid #ccc; box-sizing:border-box;}
.organization_section1{float:left;}
.organization_section2{float:left; margin-left:30px;}

.organization_section3{float:left; margin-left:30px;}
.organization_section3 ul{}
.organization_section3 > ul > li{}
.organization_section3 > ul > li > ul{width:270px; background:#fff; border:1px solid #ccc; border-top:none;  box-sizing:border-box;}
.organization_section3 > ul > li > ul > li{position:relative; line-height:1; padding-left:8px;}
.organization_section3 > ul > li > ul > li + li{margin-top:15px;}
.organization_section3 > ul > li > ul > li:before{position:absolute; content:""; top:6px; left:0; width:3px; height:3px; background:#666;}

.organization_section4{float:left; margin-left:30px;}
.organization_title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; margin-top:80px; margin-bottom:30px;}
.organization_title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}

#organization_table_wrap table{margin-top:30px;}
#organization_table_wrap table thead tr th{font-family: 'NanumSquare'; font-size:18px; height:57px; border-bottom:1px solid #202020; background:#f8f8f8; color:#202020; border-top:2px solid #202020;}
#organization_table_wrap table tbody tr td{font-family: 'NanumSquare'; font-size:16px; height:80px; border-bottom:1px solid #ccc; background:#fff; color:#666; text-align:center; line-height:28px;}

.table_inner_wrap span{display:none;}
.organization_tableimg1{display:none;}
.organization_tableimg2{display:none;}
.m_organization_wrap img{width:100%;}

#organization_wrap.en div > ul > li {padding-top: 0;}
#organization_wrap.en div > ul.en-org > li {display: flex; justify-content: center; align-items: center;}
#organization_wrap.en div > ul > li > strong {display: flex; justify-content: center; align-items: center; padding-top: 0; font-size: 16px; transform: skew(-0.03deg); }
/* 찾아오시는길 */
.type1{}
.content-introduction-location{border-top:3px solid #fff}
div.map-box{position:relative;}
div.map-box img{width:100%; display:block; vertical-align: middle}
div.map-box img.m-map{display:none;}
div.map-box .english-btn{width:86px; height:36px; display:block; background-color:#081a3f;position:absolute;top:20px; right:20px; text-align:center; border-radius: 2px}
div.map-box .english-btn a{display:block; color:#FFF; font-size:15px ; line-height:34px}
div.location-map {padding-bottom:28px;  border-bottom:1px solid #ccc; }
div.location-map > img { vertical-align:top; }
div.map-info { color:#fff; }
div.map-info:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.map-info div.title { float:left; width:230px; height:81px; padding:26px 0 0; font-weight:400; font-size:24px; text-align:center; line-height:28px; background:#4176b0; }
div.map-info div.address { float:left; width:442px; height:75px; padding:32px 0 0 28px; font-weight:bold; font-size:14px; line-height:21px; color:#474747; background:#e1edf3; }

/* 교통안내 및 주차장이용안내 */
div.location {  }
div.location div.location-title {padding-left:0; margin:0; color:#222222; font-weight:bold; font-size:24px; line-height:30px;
background:url(/images/intro/sub_title_bar.gif) no-repeat; background-position:left center; }
div.location ul {list-style-type:none; margin-top:40px; *zoom:1; }
div.location ul li { float:none; width:auto; height:auto; padding:0; margin:0; border-top-width:0;word-break: keep-all; }
div.location ul li.location_h { height:auto; }
div.location ul li dl {font-size:0; position:relative; padding:0; margin:0; }
div.location ul li dl dt { padding:0; font-size:24px; color:#222222; font-family: 'NanumSquare'; line-height:1;}
div.location ul li dl dt span { position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:left top; }
div.location ul li dl dt span.line { width:90px; height:90px; padding:0; display:inline-block; }
div.location ul li dl dd {font-size:18px; color:#666; padding:0; margin:0; width:auto; line-height:1; margin-top:15px;}

/* 지하철 이용 */
div.location.location-subway {position:relative; border-bottom:1px dashed #e6e6e6; background:url(/images/intro/bg_subway.gif) no-repeat right top; padding-bottom:60px; box-sizing:border-box;}
div.location.location-subway .location-title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; margin-top:80px; }
div.location.location-subway .location-title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}

div.location.location-subway ul li {}
div.location.location-subway ul li + li{margin-top:30px;}
div.location.location-subway ul li:first-child { margin-top:0; }
div.location.location-subway ul li dl {min-height:50px; padding:17px 110px; }
div.location.location-subway ul li dl:nth-child(3){padding-top:0;}
div.location.location-subway ul li dl:nth-child(4){padding-top:0;}
div.location.location-subway ul li.double-line dl { padding-left:210px; }
div.location.location-subway ul li dl dt span.line1 { background:url(/images/introduce/location01.jpg) center no-repeat; }
div.location.location-subway ul li dl dt span.line2 { background:url(/images/introduce/location02.jpg) center no-repeat; }
div.location.location-subway ul li dl dt span.line3 { background:url(/images/introduce/location03.jpg) center no-repeat; }
div.location.location-subway ul li dl dt span.line4 { background:url(/images/introduce/location04.jpg) center no-repeat;}
div.location.location-subway ul li dl dt span.line5 { background:url(/images/introduce/location05.jpg) center no-repeat; }
div.location.location-subway ul li dl dt span.line6 { margin-left:100px; background:url(/images/introduce/location06.jpg) center no-repeat; }
div.location.location-subway ul li dl dt span.line10 {background:url(/images/introduce/location10.jpg) center no-repeat; }
div.location.location-subway ul li dl dd.pl span.point { margin:0; }

/* 버스 이용 */
div.location.location-bus {position:relative;  border-bottom:1px dashed #e6e6e6; padding-top:60px;  padding-bottom:60px; box-sizing:border-box;}
div.location.location-bus .location-title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; }
div.location.location-bus .location-title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}
div.location.location-bus ul li { float:none; width:100%; }
div.location.location-bus ul > li:first-child{margin-bottom:25px}
div.location.location-bus ul li dl { padding:17px 0 0 110px; }
div.location.location-bus ul li dl dt span.bus1 { background-image:url('/images/introduce/bus01.jpg'); }
div.location.location-bus ul li dl dt span.bus2 { background-image:url('/images/introduce/bus02.jpg'); }
div.location.location-bus ul li dl dd span.keypoint {font-size:18px;}
div.location.location-bus ul li dl dd span.desc{padding-left:10px;}
div.location.location-bus ul li dl.green-bus dd span.keypoint { color:#50a232; font-weight:bold }
div.location.location-bus ul li dl.blue-bus dd span.keypoint { color:#395cb3;  font-weight:bold}
em{font-style:normal !important}


/* 자차 이용 */
div.location.location-car {position:relative;  padding-top:60px;  padding-bottom:60px; box-sizing:border-box;}
div.location.location-car .location-title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; }
div.location.location-car .location-title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}
div.location.location-car ul{}
div.location.location-car ul li {padding:17px 110px; background:url(/images/introduce/car_load.png) no-repeat left top; }
div.location.location-car ul li dl { min-height:66px; padding-left: 0;}
div.location.location-car ul li:first-child dl {}
div.location.location-car ul li + li{margin-top:30px;}

@media all and (max-width:1135px){
    .new-title2>br{display: none}
}

/*조직도*/
@media all and (min-width:992px) and (max-width:1220px) {

.section_title{width:22.13vw; height:5.73vw; font-size:1.639vw; line-height:5.73vw;}
.organization_section1 > ul > li, .organization_section2 > ul > li, .organization_section4 > ul > li{width:22.13vw; padding-top:1.63vw; padding-bottom:1.63vw; font-size:1.47vw;}
.organization_section3 > ul > li > strong{width:22.13vw; padding-top:1.63vw; padding-bottom:1.63vw;font-size:1.47vw;}
.organization_section3 > ul > li > ul{width:22.13vw;}
.organization_section3 > ul > li > ul > li{padding-left:0.655vw;}
.organization_section3 > ul > li > ul > li + li{margin-top:2.04vw;}
.organization_top{width:24.59vw; margin-bottom:7.37vw;}
.organization_top_1{width:24.59vw; height:8.19vw; padding-top:1.63vw;}
.organization_top_2{width:24.59vw; height:8.19vw; padding-top:1.63vw;}
#organization{}
#organization_wrap{display:none; margin:80px auto;}

.organization_section3 > ul > li > ul > li + li{margin-top:2.04vw;}
.organization_top{width:24.59vw; margin-bottom:7.37vw; font-size:1.63vw;}
.organization_top_2{width:24.59vw; height:8.19vw; padding-top:1.63vw; margin-top:4.91vw;}
.organization_section2{margin-left:2.213vw;}
.organization_section3{margin-left:2.213vw;}
.organization_section4{margin-left:2.213vw;}
#organization{}
#organization_wrap{margin:6.55vw auto; background-size:73.85vw 85.9vw; background-position:center 4.09vw;}
.organization_top p{font-size:2.62vw; margin-bottom:0.409vw}
.table_inner_wrap span{display:none;}
.m_organization_wrap{margin-top:80px;}
.organization_tableimg1{display:block;}
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px) {
section.type3{padding:0 15px;}

.greeting-area {max-width: 65vw;}
.greeting-contents{font-size: 16px}
    .greeting-pos{max-width: 300px}

/*history*/

.history_title{line-height:1; padding-left:0.83vw; font-size:2.33vw; font-family: 'NanumSquare'; color:#202020; position:relative; margin-bottom:2.5vw; }
.history_title:before{position:absolute; content:""; width:0.25vw; height:2.25vw; background:#f97800; left:0;}

.tab-content .tab-item{display:none;}
.tab-menu ul li{width:33.3%;list-style:none; }
.tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-menu ul li a{display:block; height:100%; text-align:center; font-weight:bold; color:#888; background:#fff; border:1px solid #d1d1d1; }

.tab-menu ul li.on a{color:#fff; font-weight:bold; background-color: #f97800; transition:all 0.3s;}
.tab_list_wrap{position:relative;  margin-top:0.41vw; box-sizing:border-box; }
.tab_list_wrap li{color:#666; font-size:17px}
.tab_list_wrap > li + li{margin-top:4.17vw;}
.tab_list_wrap:before{position:absolute; content:""; width:1px; height:100%; background:#ddd; left:5.75vw; z-index:-1;}
.tab-item ul li:first-child{padding-top:0.83vw;}
.tab-item ul li:last-child{padding-bottom:0.83vw;}
.tab-item{padding-top:1.66vw;}
.tab-item > ul{right:0;}

.list_left{width:7.92vw; font-size:18px; padding-top:0.83vw; }
.list_left:before{position:absolute; content:""; right:1.58vw; top:18px; width:0.91vw; height:0.91vw; border-radius:4.17vw;}

.contents02{margin-top:6.67vw}

strong.font_point2{font-size:2vw}
.table_inner_wrap span{display:none;}

/*organization*/

.history_littletitle{margin-right:40px;}
.tab-item > ul{width: calc(100% - 440px);}


}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
section.type3{padding:0 30px;}

div.map-box img.m-map{display:block;}
div.map-box img.map{display:none}

.greetings-header{display:none;}
.m-greetings-header{display:block; width:100%; position: relative}
    .m-greetings-header>h4{font-family: 'NanumSquare'; font-size: 56px; color: #f97800; padding-left: 30px; position: relative; top: 30px;}
    .m-content{background-color: #f1f2f4; padding:55px 0 20px 30px; box-sizing: border-box;}
    .m-content>p{font-family: 'NanumSquare'; font-weight: 400; color: #202020; font-size: 36px;}
    .m-sing-box{display: flex;}
    .m-greetings-header>img{position: absolute; right: 0; bottom:0;}
    .m-sing-box{padding-top: 36px;}
    .m-sing-box>p{font-family: 'NanumGothic'; font-weight: 400; font-size: 26px; color: #202020; padding-right: 20px; position: relative; top:2px}
    .m-sing-box>p>span{font-weight: bold; color: #202020; font-size: 32px; }
    .type3 {margin-top: 30px;}
    .m-greetings-header>img{width: 270px;}

.m-greetings-txt{display:block;}
.m-greetings-txt {margin-top:130px;}
.m-greetings-txt p{font-size:2.62vw; line-height:4.64vw;}
.m-greetings-txt .txt-first{font-size:2.82vw; color:#202020;font-weight:600; margin-bottom:2.01vw;  font-family: 'NanumSquare';}
.m-greetings-txt .txt-last{margin-top:2.01vw; font-size:2.82vw; color:#f97800; font-weight:600; font-family: 'NanumSquare';}


.greetings-cont > strong{font-size:3.22vw;display:block;}
.greetings-cont p > span{font-weight:600}
.greetings-cont p{line-height:4.64vw; font-size:2.62vw;}
.greetings-cont p > strong{font-size:3.22vw;}
.greetings-cont-txtst{margin-top:7.06vw!important; }


/*history*/
.history_title{line-height:1; padding-left:24px; font-size:36px; font-family: 'NanumSquare'; color:#202020; position:relative; margin-bottom:60px; }
.history_title:before{position:absolute; content:""; width:6px; height:35px; background:#f97800; left:0;}
.contents01{position:relative;}
.history_littletitle{position:relative; float:none; width:100%; font-size:60px; font-family: 'NanumSquare'; color:#202020; margin-top:40px}


.tab-item{padding-top:20px !important; transition:all 0.3s;}
.tab-item > ul{float:none; width:100%; margin-left:0;}
.tab_list_wrap li{font-size:28px;}
.tab_list_wrap:before{left:124px; top:0;}
.tab_list_wrap > li + li{margin-top:35px;}
.list_left{position:relative; display:table-cell; width:150px; font-size:32px; padding-top:10px; padding-left:25px; box-sizing:border-box; line-height:46px;}
.tab-menu ul li{font-size:32px; height:100px; line-height:100px;}

.contents02{margin-top:80px;}
.contents02 h4{margin-bottom:70px;}
.mission_box{position:relative;  padding-top:35px; padding-left:40px; box-sizing:border-box; margin-top:80px}
.mission_box h5{font-size:60px;}
.mission_title{font-size:72px;}
.mission_box p{ margin-top:35px; font-size:30px;line-height:42px;}
.mission{margin-top:30px; letter-spacing:none;}
.mission p:nth-child(3) strong{color:#202020;}
.mission > p{font-size:28px; color:#666; line-height:46px;}
.mission p + p{margin-top:30px;}
.mission_list{display:table;}
.mission_list span{display:table-cell; vertical-align:middle;}

.vision_box{position:relative; margin-top:70px;padding-top:25px; padding:20px 20px 20px 20px; box-sizing:border-box;}
.vision_box h5{font-size:60px;}
.vision_box p:nth-of-type(1){ bottom:90px;font-size:26px; line-height:42px; margin-top:38px;}
.vision_box p:nth-of-type(2){font-size:26px; line-height:42px; margin-top:38px;}
.vision_box span.font_point{}
.vision{margin-top:30px; letter-spacing:-1px;}
.vision p{font-size:30px;line-height:42px; margin-top:30px;}
.vision p + p{margin-top:30px;}
strong.font_point2{font-size:32px;}

.mission_txt{font-size:72px;margin-top:40px;}
.vision_txt{ font-size:72px;}
.tab-item > ul{margin-top:0}
.contents02{margin-top:40px;}


.list_left:before{top:26px;}
.tab_list_wrap li{line-height:42px;}

/*history끝*/
.organization_title{font-size:36px; margin-top:70px; margin-bottom:40px; padding-left:15px;}
.organization_title:before{width:6px; height:35px;}
#organization{position:relative;}
.organization_top{font-size:2.82vw; width: 42.38vw; padding-left:9.08vw; margin-left:0; margin-bottom:10.09vw;}
.organization_top p{font-size:4.23vw; margin-bottom:2.01vw;}
.organization_top_1{width:42.38vw; height:14.12vw; padding-top:2.01vw;}
.organization_top_2{width:42.38vw; height:14.12vw; padding-top:2.01vw;}
#organization_wrap{display:none; background:url(/images/introduce/m_organization_line.png) center no-repeat; background-position:14.17vw 5.3vw;background-size:37.63vw 356.30vw; padding-left:20.18vw;}
.section_title{width:60.54vw; height:10.09vw; font-size:3.63vw; line-height:10.09vw;}
.organization_section1 > ul > li, .organization_section2 > ul > li, .organization_section4 > ul > li{width:60.54vw; height:8.07vw;}
#organization_wrap div > ul > li{font-size:2.82vw;}
.organization_section1{}
.organization_section2{margin-left:0; margin-top:8.07vw;}
.organization_section4{margin-left:0; margin-top:8.07vw;}
.organization_section3{float:left; margin-left:0; width:60.54vw; margin-top:8.07vw;}
.organization_section3 > ul > li > strong{width:60.54vw; height:8.07vw; font-size:2.82vw;}
.organization_section3 ul{}
.organization_section3 > ul > li{}
.organization_section3 > ul > li > ul{width:60.54vw; padding:29px;}
.organization_section3 > ul > li > ul > li + li{margin-top:30px;}
.organization_section3 > ul > li > ul > li:before{top:12px;}
#organization_wrap div > ul > li{margin-top:2.01vw;}

#organization_table_wrap table thead tr th{font-size:28px; height:95px;}
#organization_table_wrap table tbody tr td{font-size:26px; height:100px; line-heighT:40px;}
.table_inner_wrap{ width:100%; overflow-x:scroll;}
#organization_table_wrap table{position:relative; width:1700px;}
.table_inner_wrap span{display:block; position:fixed; width:160px; height:160px; margin-left:-80px; margin-top:-80px; top:50%; left:50%; background:url(/images/introduce/m_scroll.png) center no-repeat; z-index:1;}
.organization_tableimg1{display:block;}



}



/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
div.location div.location-title{font-size:36px !important; }
div.location ul li dl dt{font-size:32px; padding:15px 0 10px}
div.location ul li dl dd{clear:both; font-size:26px; line-height:40px; margin-top:0;}
div.location ul li dl dt span.line{width:110px; height:110px; background-size:110px 110px}
div.location.location-subway ul li{margin-top:40px;}
div.location.location-subway ul li dl{padding-left:130px; min-height:110px;}
div.location.location-subway ul li dl dt span.line6{margin-left:120px;}
div.location.location-subway ul li.double-line dl{padding-left:250px;}
div.location .location-title:before{height:36px !important}

div.location.location-bus ul li dl dt{font-size:32px; width:calc(100% - 130px); line-height:48px; padding-bottom:0;}
div.location.location-bus ul li dl dd{width:calc(100% - 130px); line-height:48px;}
div.location.location-bus ul li dl dd span.keypoint{font-size:26px; width:110px;}
div.location.location-bus ul li dl dd span.desc{font-size:26px; width:calc(100% - 110px);}
div.location.location-car ul li{background-size:110px 110px; margin-top:40px;}
div.location.location-car ul li dl{padding-left:20px; min-height:110px;}
div.location.location-car ul li dl dt{padding:10px 0 5px;}

div.location.location-bus ul li dl{padding:0}
div.location.location-bus ul li dl dt{font-size:32px; padding:15px 0 10px;float:right}
div.location.location-bus ul li dl dd{clear:both; font-size:26px; line-height:40px; margin-top:0;    width: calc(100% - 130px); float:right}
div.location.location-bus ul li dl:after{clear:both; display:block; overflow:hidden; content:""; height:0}

.mission_list_left{width:80px}
.content-introduce-history .introduce_wrap.en .mission_list_left {width: 140px;}

#tab-item0 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:53.2vw; margin-top:-40px;}
#tab-item1 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img3.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:53.2vw; margin-top:-40px;}
#tab-item2 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img4.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:53.2vw; margin-top:-40px;}

}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
section.type3{padding:0 15px;}
.content-introduce-greetings{padding:40px 0;}

.greetings-header{display:none;}
    .m-sing-box>img{width: 80px}
.m-greetings-header>h4{ font-size: 28px;  padding-left: 15px; position: relative; top: 15px;}
.m-content{padding:27px 0 10px 15px; box-sizing: border-box;}
.m-content>p{ font-size: 18px;}
.m-sing-box{padding-top: 18px;}
.m-sing-box>p{ font-size: 13px; padding-right: 10px;  top:2px}
.m-sing-box>p>span{font-size: 16px; }
.type3 {margin-top: 15px;}
.m-greetings-header>img{width: 200px;}
    .m-content>p{width: 62vw;}
    .m-content>p>br{display: none}

.sign_left{position:absolute; top:17px; right: 110px; font-size:14px; }
.sign_left strong{font-size:17px; font-family: 'NanumSquare';}
.sign_right{top:10px; right:0;}
.sign_right img{width:94px;}
.m-greetings-txt p{font-size:14px; line-height:25px;}
.m-greetings-txt .txt-first{font-size:17px;}
.m-greetings-txt .txt-last{font-size:17px;}

.greetings-cont > strong{font-size:17px;}
.greetings-cont p{line-height:25px; font-size:14px;font-weight:normal;}
.greetings-cont p > strong{font-size:17px;}
.greetings-cont-txtst{margin-top:7.06vw!important; }


.tab-item > ul{padding-top:0; margin-top:0}
.tab-content{margin-top:20px;}
.contents02 h4{margin-bottom:35px;}
.history_title{font-size:18px; padding-left:12px; margin-bottom:30px;}
.list_left{width:80px;}
.list_left:before{right:8px; top:16px;}
.list_left{padding-left:12px;}
.tab_list_wrap:before{left:65px; top:0;}
.list_left{font-size:16px; line-height:27px;}
.tab_list_wrap li{font-size:14px;}

.tab-menu ul li{font-size:16px; height:50px; line-height:50px;}
.mission_box{padding:25px 20px; margin-top:40px;}
.mission_box h5{font-size:30px; top:-14px}
.mission_box p{font-size:15px; line-height:24px; margin-top:20px;}
.vision_box h5{font-size:30px; top:-14px}
.vision_box{margin-top:35px;}
.vision_box p:nth-of-type(1){font-size:15px; margin-top:10px; line-height:24px;}
.vision_box p:nth-of-type(2){font-size:17px; margin-top:10px; line-height:22px;}
.mission_txt{font-size:36px;margin-top:0;}
.vision_txt{ font-size:36px;}
.mission > p{font-size:14px; line-height:24px; margin-top:15px;}
.vision p{font-size:14px; line-height:24px; margin-top:15px;}
strong.font_point2{font-size:16px;}
.mission p + p{margin-top:15px;}
.vision p + p{margin-top:15px;}
ul.list_right li + li{margin-top:0;}
.tab_list_wrap li{line-height:26px;}
.history_littletitle{font-size:7.8vw;}

.history_title{font-size:18px; padding-left:12px; margin-bottom:30px; margin-top:40px;}
.history_title:before{width:3px; height:18px;}

/*organization*/

.organization_title{font-size:18px; padding-left:12px; margin-bottom:30px; margin-top:40px;}
.organization_title:before{width:3px; height:18px;}
.organization_littletitle{font-size:30px;}

#organization_wrap{margin-top:0; padding-left:28.03vw; background-size:28.63vw 282.3vw; background-position:22.5vw 3.5vw;}
.organization_top{width:26.07vw;font-size:14px; margin-bottom:6.51vw;}
.section_title{width:39.11vw; height:6.51vw;}
.organization_top p{margin-bottom:5px; font-size:24px;}
.organization_top_1{width:26.07vw; height:68px; padding-top:13px;}
.organization_top_2{width:26.07vw; height:68px; padding-top:13px; margin-top:3.91vw}
#organization_wrap div > ul > li{margin-top:1.30vw; line-height:1; padding:15px 0;}

.organization_section1 > ul > li, .organization_section2 > ul > li, .organization_section4 > ul > li{width:39.11vw; height:50px; font-size:14px!important; line-height:50px; padding:0;}
.section_title{font-size:18px; line-heighT:50px; width:39.11vw; height:50px;}

.organization_section3{ width:39.11vw;}
.organization_section3 > ul > li > strong{width:39.11vw; height:50px; font-size:14px}

.organization_section3 > ul > li > ul{width:39.11vw; padding:20px;}
.organization_section3 > ul > li > ul > li + li{margin-top:0;}
.organization_section3 > ul > li > ul > li{font-size:14px; line-height:24px;}
.organization_section3 > ul > li > ul > li:before{top:11px;}
#organization_table_wrap table thead tr th{font-size:17px; height:48px}
#organization_table_wrap table tbody tr td{font-size:14px; line-height:24px; height:50px;}
#organization_table_wrap table{width:950px;}
.organization_tableimg1{display:none; }
.organization_tableimg2{display:block; }


.table_inner_wrap span{display:block; position:fixed; width:80px; height:80px; margin-left:-40px; margin-top:-40px; top:50%; left:50%; background:url(/images/introduce/m_scroll.png) center no-repeat; background-size:80px}

div.location{margin-top:40px; padding-bottom:40px !important; padding-top:0 !important}
div.location div.location-title{padding-bottom:0 !important; font-size:20px !important; margin-top:40px !important}
div.location ul li dl dt{font-size:18px; padding:7px 0 5px;}
div.location ul li dl dd{font-size:14px; line-height:20px; margin-top:0}
div.location ul li dl dt span.line{width:55px; height:55px; background-size:55px 55px !important;}
div.location.location-subway ul li{margin-top:20px;}
div.location.location-subway ul li dl{padding-left:65px; min-height:55px;padding:0 0 0 70px}
div.location.location-subway ul li dl dt span.line6{margin-left:60px;}
div.location.location-subway ul li.double-line dl{padding-left:125px;}

div.location.location-bus ul li dl{padding:0 0 0 70px}
div.location.location-bus ul li dl dt{font-size:18px; width:auto; line-height:26px; padding:7px 0 0;}
div.location.location-bus ul li dl dd{width:auto; line-height:26px;}
div.location.location-bus ul li dl dd span.keypoint{font-size:14px; width:55px;}
div.location.location-bus ul li dl dd span.desc{font-size:14px; width:calc(100% - 55px);}
div.location.location-car ul li{background-size:55px 55px; margin-top:20px; padding:5px 0 0 0 }
div.location.location-car ul li dl{padding-left:65px; min-height:55px;}
div.location.location-car ul li dl dt{padding:5px 0 0px;}

div.location .location-title:before{height:20px !important;}
div.location > ul{margin-top:20px}

.mission_list_left{width:40px}
.content-introduce-history .introduce_wrap.en .mission_list_left {width: 70px;}

.tab-item{padding-top:10px !important}
#tab-item0 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:69vw; margin-top:-5vw;}
#tab-item1 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img3.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:69vw; margin-top:-5vw;}
#tab-item2 .history_littletitle .history_littletitle_img{background:url(/images/introduce/history_img4.jpg) center no-repeat; z-index:-1; 
background-size:cover;height:532px; height:69vw; margin-top:-5vw;}
.history_littletitle{margin-top:0}
.history_littletitle p.history_title_ov{font-size:60px; font-size:7.8vw; margin-left:3.91vw;}
}

@media all and (max-width:550px){
    .m-greetings-header>h4{font-size: 20px}
    .m-content>p {font-size: 14px;}
    .m-content>p{width: auto;}
    .m-content>p>br{display: block}
    .m-greetings-header>img {width: 150px;}
    .m-sing-box>img {width: 50px;}
    .m-sing-box>p>span{font-size: 14px}
}