@charset "utf-8";

.desktop {display:block;}
.tablet {display:none;}
.mobile {display:none;}

/*지현이 수정부분*/
.content_img {text-align:center;}
.content_img img {max-width:100%;height:auto;text-align:center;}
h5,.h5,.navmenu-default .navmenu-nav>li>a span,.navbar-default .navbar-offcanvas .navmenu-nav>li>a span{font-size:20px;line-height:20px}
@media(min-width:768px){.nav-inline-stackable>li+li>a{border-left:1px solid #dbdad4}
}
.nav-switch{padding-left:0;list-style:none}
.nav-switch>li{display:inline-block}
.nav-switch>li>a{padding-left:12px;padding-right:12px}
@media(min-width:768px){.nav-switch>li>a{padding-left:24px;padding-right:24px}
}
.nav-switch>li>a svg{vertical-align:bottom}
.nav-switch>li>a:hover>span{border-bottom:4px solid #000}
.nav-switch>li.active>a>span{border-bottom:4px solid #d31145}
.nav-switch>li:first-child>a{padding-left:0}
.nav-switch>li:last-child>a{padding-right:0}
.nav-switch>li+li{border-left:solid 1px #b3b1a8}

.nav-switch>li{border-style:solid;border-color:#b3b1a8;border-width:0 1px 0 0}
.nav-switch>li+li{border-style:solid;border-color:#b3b1a8;border-width:0 1px 0 0}
.nav-switch li:last-child{border:0}
@media(max-width:768px){.nav-switch>li:first-child>a{padding-left:24px}
}
@media(max-width:767px){.nav-switch>li:first-child>a{padding-left:12px}
.nav-switch .h5{line-height:26px}
}



.w100 {width: 100% !important;}
table.t1{clear:both;border:0;border-collapse:collapse;border-top:3px solid #909090;border-bottom:1px solid #909090;border-right:/* [~IE7] */1px solid #fff;background:#fff; margin:20px 0;}
table.t1_s {margin:5px 0 20px 0;}
table.t1 tr,
table.t1 thead+tbody tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t1 tr:first-child{border-right:1px hidden #fff;}
table.t1 th,
table.t1 td{border:1px solid #e7e7e7;border-width:1px 1px 0 0;padding:10px 10px;line-height:1.5;}
table.t1 td img{padding:15px 0;}
table.t1 td.v_line_top,table.t1 th.v_line_top {vertical-align:top;}
table.t1 th {background:#fff;font-weight:bold;line-height:1.5;background:#f9f9f9;}
table.t1 th b{color:000; font-size:20px;}
table.t1 thead th{border-width:0 1px 1px 0;border-color:#efefef;background:#000;color:#fff;text-align:center;}
table.t1 tr.foot {border-width:0 1px 1px 0;border-color:#efefef;background:#efefef;color:#333;border-right:2px solid #fff;}
table.t1 thead tr,
table.t1 tbody tr{text-align:left;}
table.t1 tbody.tdtac tr{ text-align:center;}
table.t1 tbody.tdtar tr{ text-align:right;}
table.t1 tbody tr td { height:60px;}
table.t1 .b_color {background:#f4f4f4;}
table.t1 .red {color:red; font-weight:bold;}
.text_center {text-align:center;}
.fpqpf {font-size:14px;}
.fpqpf span {font-size:18px; font-weight:600;line-height:20px;}

table.t2{clear:both;border:0;border-collapse:collapse;border-top:3px solid #000;border-bottom:1px solid #000;border-right:/* [~IE7] */1px solid #fff;background:#fff; margin:20px 0;}
table.t2_s {margin:5px 0 20px 0;}
table.t2 tr,
table.t2 thead+tbody tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t2 tr:first-child{border-right:1px hidden #fff;}
table.t2 th,
table.t2 td{border-top:1px solid #e7e7e7;border-width:1px 1px 0 0;padding:10px 10px;line-height:1.5;}
table.t2 td img{padding:15px 0;}
table.t2 td.v_line_top,table.t2 th.v_line_top {vertical-align:top;}
table.t2 th {background:#fff;font-weight:bold;line-height:1.5;background:#f9f9f9;}
table.t2 thead th{border-width:0 1px 1px 0;border-color:#efefef;background:#000;color:#fff;text-align:center;}
table.t2 tr.foot {border-width:0 1px 1px 0;border-color:#efefef;background:#efefef;color:#333;border-right:2px solid #fff;}
table.t2 thead tr,
table.t2 tbody tr{text-align:left;}
table.t2 tbody.tdtac tr{ text-align:center;}
table.t2 tbody.tdtar tr{ text-align:right;}
table.t2 tbody tr td { height:60px; font-size:15px;}
table.t2 tbody tr td img {margin:0 10px;}
table.t2 tbody tr td strong { font-size:18px;}
table.t2 .b_color {background:#f4f4f4;}
table.t2 .red {color:red; font-weight:bold;}

h2 {font-size:25px; line-height:40px;}
.con_1 {margin-bottom:40px;}
.con_1 b {border-top:3px solid #000; padding-top:5px;}
.con_1 p {margin:10px 0 0 10px; font-size:15px; line-height:30px;}


/* 지현이 수정부분 */

@media (max-width: 2600px){
	#junballet_Map {margin: 0 auto; width:800px; height:500px;}
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}
	
	.main_title {width:600px;height:100px;position:absolute;top:200px;;left:50%;margin:0 0 0 -310px;text-align:center;}
	.main_title h2 {font-size:50px;margin-bottom:20px;color:#111}
	.main_title div {color:#ccc}

}

@media (max-width: 1920px){
	#junballet_Map {margin: 0 auto; width:800px; height:500px;}
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}
	
	.main_title {width:600px;height:100px;position:absolute;top:200px;;left:50%;margin:0 0 0 -310px;text-align:center;}
	.main_title h2 {font-size:50px;margin-bottom:20px;color:#111}
	.main_title div {color:#ccc}

}
@media (max-width: 1500px){
	#header {padding:0 30px;}
	#junballet_Map {margin: 0 auto; width:800px; height:500px;}
	#footer {padding:0 30px;}
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}
}
/* landscape tablet and desktop */
@media (max-width: 1024px){
	.desktop {display:none;}
	.tablet {display:block;}
	.mobile {display:none;}
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}

	
	.container {width:100%; margin:0;}

	#header {padding:0 15px; background-position:0 80px;}
	#gnb > ul > li > a {font-size:16px;}
	#header .logo {margin:0 0 0 -83px; width:166px; height:70px;}
	#header .logo a {width:166px; height:70px; background-position:0 8px; background-size:166px auto;}
	#gnb {top:42px;}
	#gnb > ul > li {height:42px; margin-right:40px;}
	#gnb > ul > li > a {font-size:16px; font-weight:700; line-height:37px;}
	.top-search {top:0;}
	.top-search input {width:240px; height:42px;}

	#mainSlider .flex-control-thumbs {bottom:30px; right:50px; width:220px;}
	#mainSlider .caption {bottom:76px; right:50px; width:220px;}
	#mainSlider .caption h2 {font-size:16px;}
	#mainSlider .caption p {font-size:11px;}

	.project-section ul {*zoom:1; padding:0 5px;}
	.project-section ul li {padding:0 5px;}
	.project-section .txt {bottom:5%; left:5%; right:5%;}
	.project-section .txt h2 {font-size:16px;}
	.project-section .txt p {font-size:13px;}

	.about-txt1 img {width:540px}
	.about-txt2 img {width:750px}
	.about-txt3 img {width:600px}

	#section3 {padding:50px 0;}
	#section3 .container {padding:50px 20px;}
	.square-article {padding:0 20px; margin:-30px 0 0 0;}
	.square-article .wrap {
		padding:0 20px;
		height:385px;
		border-top-left-radius:25px;
		border-bottom-right-radius:25px;
	}
	.square-article .head {padding:12px 0 8px; text-align:center; border-bottom:1px solid #dbe1e5;}
	.square-article .head .icon {height:50px; background-size:auto 50px;}
	.square-article .head h2 {font-size:20px;}
	.square-article .body .first {height:174px; padding:10px 0;}
	.square-article .body .first .tit {font-size:18px; line-height:1.3em;}
	.square-article .body .first .tit a {color:#86abc6;}
	.square-article .body .first .txt {padding:5px 0; font-size:14px; line-height:1.3em;}
	.square-article .body .first .dat {font-size:14px;}
	.square-article .body ul li a {padding:4px 0 4px 10px; width:95%; font-size:13px; line-height:1.3em;}

	.main #footer {position:relative; bottom:inherit; left:inherit; width:100%;}
	#footer {padding-left:15px; padding-right:15px;}
	#footer .container {padding:20px 0;}

	.project-list {margin:0;}
	.project-list .grid-item {padding:15px;}	
	.grid-sizer,
	.grid-item {width:33.3333333%;}

	.project-visual .txt h3 {font-size:36px;}
	.project-visual .txt p {font-size:21px;}

	.product-view {padding:0 10px;}
	.product-view .summary-wrap {margin:30px 0;} 
	.product-view .summary-wrap .txt-box .info li {font-size:14px;}
	.product-view .img-four {margin-top:12px;}
	.product-view .img-four ul {margin:0 -8px;}
	.product-view .img-four li {padding:8px;}
	.product-view .sns-area {padding:10px 7px 20px;}

	.sns-area .fa {margin:0 2px; width:30px; height:30px; line-height:31px; font-size:16px;}

	.project-related {margin:0 10px; padding:40px 0 30px;}
	.project-related h2 {margin:0 0 20px; font-size:38px;}
	.project-related .related-list {max-width:100%; padding:0;}
	.project-related .custom-navigation {position:absolute; top:-63px; right:0; width:84px; height:43px;}
	.project-related .related-list .custom-navigation a {top:0; width:22px; height:43px; margin:0; background-size:22px 43px;}
	.project-related .related-list .custom-navigation .flex-prev {left:0;}
	.project-related .related-list .custom-navigation .flex-next {right:0;}
	.project-related .related-list .custom-navigation .flex-prev:hover {background-image:url('../images/bbs/slide_prev.png');}
	.project-related .related-list .custom-navigation .flex-next:hover {background-image:url('../images/bbs/slide_next.png');}

	.real-cont {padding:0 16px;}

	.app-down {font-size:24px;}
	.app-down img {margin:0 0 0 5px; width:31px;}

	.leadership-list {margin:0 8px;}
	.leadership-list .grid2-item {padding:8px;}
	.grid2-sizer,
	.grid2-item {width:20%;}

	.contact-wrap .info {padding:20px 0 0 0;}
	.contact-wrap .fl {float:none;}
	.contact-wrap .fr {float:none;}
	.contact-wrap .addr,
	.contact-wrap .tel,
	.contact-wrap .fax,
	.contact-wrap .email {float:left; height:80px; margin:0;}
	.contact-wrap .addr,
	.contact-wrap .fax {width:54%;}
	.contact-wrap .tel,
	.contact-wrap .email {width:46%;}

	.news-list {padding:0 16px;}
	.news-list ul li {*zoom:1; padding:25px 0;}
	.news-list .info {width:62%; margin-left:3%;}
	.news-list .info .head {padding:0 0 10px 0; border-bottom:1px solid #c0c0c0; font-size:20px;}
	.news-list .info .head h3 {font-size:20px;}
	.news-list .info .head .date {position:static; top:inherit; right:inherit; text-align:right; font-weight:normal;}
	.news-list .info .body {position:relative; padding:40px 0 0 0;}
	.news-list .info .body .txt {padding:10px 0 0 0;}
	.news-list .info .body .sns-area {position:absolute; top:10px; right:0;}

	#storyContainer > .story-list > ul {margin:0;}
	.story-list {padding:0 16px;}
	.story-list .head-wrap {padding:20px 0;}
	.story-list .head-wrap .thumb {width:35%;}
	.story-list .head-wrap .info {width:62%; margin-left:3%;}
	.story-list .head-wrap .info .head {position:relative; padding:0; font-size:20px;}
	.story-list .head-wrap .info .head h3 {font-size:20px;}
	.story-list .head-wrap .info .head .date {position:static; top:inherit; right:inherit; text-align:right; font-weight:normal;}
	.story-list .head-wrap .info .body .txt {padding:10px 0 0 0;}
	.story-list .body-wrap {padding:0 20px 20px;}
	.story-list .body-wrap .sns-area {padding:20px 0 10px;}
	.story-list .body-wrap .cont {font-size:14px;}

	#qaContainer > .qa-list > ul {margin:0;}
	.qa-list {padding:0 16px;}
	.qa-list .body {padding:20px;}

	.result-title {padding:0 15px; margin:0 0 20px;}
	.result-title h2 {font-size:25px;}
	.result-content {padding:15px; border-top:1px solid #ddd;}
	.result-content .project-list .grid-sizer,
	.result-content .project-list .grid-item {width:33.3333333%;}
	.result-content .leadership-list .grid2-sizer,
	.result-content .leadership-list .grid2-item {width:33.3333333%;}
	.result-content .project-list .grid-item,
	.result-content .leadership-list .grid2-item {padding:10px;}
}   

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#junballet_Map {margin: 0 auto; width:500px; height:300px;}
	.project-list .grid-item .txt {min-height:130px;}
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}
}

@media (max-width: 800px) {
	.sub-title_pc {display:block;width:500px;margin:0 auto;text-align:center;padding-top:70px;}
	.sub-title_pc h2{font-size:40px;margin-bottom:20px;}
	.sub-title_pc div.path {font-size:12px;color:#ccc;}
	#header {position:relative; padding:0 10px; height:auto; background:#fff;}
	#header .container {height:60px;}
	#header .logo {top:0px;}
	#header .logo a {background-image:url('/img/logo_black_m.png') !important;}
	#gnb {display:none;}
	.top-search {display:none;}

	#menu {display:block;}
	.btn-menu {display:block;}
	.btn-search {display:block;}

	.fp-section, .fp-tableCell {height:auto !important;}

	#mainSlider .slides li {height:auto !important;}
	#mainSlider .slides li {background:none !important;}
	#mainSlider .slides li img {display:block;}

	.about-txt1 img {width:90%}
	.about-txt2 img {width:98%}
	.about-txt3 img {width:98%}

	#section3 .container {padding:0 5px;}
	.square-article {padding:0 5px; margin:0;}
	.square-article .body .first .tit {font-size:16px;}
	.square-article .body .first .txt {font-size:13px;}
	.square-article .body .first .dat {font-size:13px;}

} 

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#junballet_Map {margin: 0 auto; width:500px; height:300px;}
	.sec_sub {width:auto;height:80px !important;}
	#section2 {display:none !important}
	

	.main_title {display:none !important}
	.main_title h2 {display:none !important}
	.main_title div {display:none !important}

	.sec2_bt {display:none !important}

	.desktop {display:none !important;}
	.tablet {display:none !important;}
	.mobile {display:block !important;}

	.visual-cover {height:40px; background-size:1px 50%;}
	#mainSlider .flex-control-thumbs {display:none !important;position:static; bottom:inherit; right:inherit; width:100%; margin:0;}
	#mainSlider .caption {position:absolute; bottom:30px; right:0; width:100%; text-align:center;}
	#mainSlider .caption h2 {font-size:27px;margin-bottom:12px;}
	#mainSlider .caption p {font-size:16px;}

	#section1 {padding:25px 0;}
	.project-section {width:100%; overflow:hidden;}
	.project-section ul {padding:0; margin:0 -5px;}
	.project-section ul li {float:left; width:50%; padding:5px;}

	#section2 {padding:25px 0;}

	#section3 {padding:30px 0 0 0; background:#fff;}
	#section3 .container {padding:20px 0; background:#f2f2f2;}
	.square-article {float:none; width:100%; padding:0; margin:0;}
	.square-article .wrap {padding:0 30px; height:auto; background:none; border-top-left-radius:0; border-bottom-right-radius:0; box-shadow:none;}
	.square-article .head .icon {display:none;}
	.square-article .head h2 {font-size:21px;}
	.square-article .body .first {height:auto;}
	.square-article .body ul {display:none;}

	#footer {padding:0; border-top:0;}
	#footer .container {padding:0;}	
	.foot-links {display:block;}
	.foot-logo {display:none;}
	.foot-menu {padding:10px 0; margin:0; text-align:center;}
	.foot-menu li {float:none; display:inline; padding:0; margin:0 2px; background:none;}
	.foot-menu li a {display:inline-block; padding:3px 13px; border:1px solid #b6b9be; border-radius:2px;}
	.foot-info {padding:10px 5px 20px; text-align:center;}
	.foot-info address {display:none;}

	body.sub #container {padding:0 0 20px;}
	.sub-title {display:block;text-align:center;margin-top:20px;}
	.sub-title_pc {display:none;}
	.real-cont {padding:0 5px;}

	.project-list {margin:0;}
	.project-list .grid-item {padding:5px;}
	.project-list .grid-item .txt {min-height:120px; padding:10px 5px;}
	.project-list .grid-item .txt h3 {font-size:13px;}
	.project-list .grid-item .txt p {font-size:11px;}
	.grid-sizer,
	.grid-item {width:50%;}

	.project-more,.leadership-more,.news-more,.story-more,.qa-more {margin:15px 0 0;}
	.project-more img,.leadership-more img,.news-more img,.story-more img,.qa-more img {width:80px;}

	.project-visual {margin:0 5px;}
	.project-visual .txt h3 {font-size:18px;}
	.project-visual .txt p {font-size:14px;}
	
	.product-view .summary-wrap {margin:20px 0; padding:10px;} 
	.product-view .summary-wrap .img-box {float:none; width:100%;}
	.product-view .summary-wrap .txt-box {float:none; width:100%; padding:10px 0;}
	.product-view .summary-wrap .txt-box .info li {float:none; width:100%; font-size:14px;}
	.product-view .img-four ul {margin:0;}
	.product-view .img-four li {float:none; width:100%; padding:5px 0;}

	.project-related {margin:0 10px; padding:30px 0 20px;}
	.project-related h2 {margin:0 0 13px; font-size:18px;}
	.project-related .txt {min-height:90px; padding:10px 5px;}
	.project-related .txt h3 {font-size:13px;}
	.project-related .txt p {font-size:11px;}
	.project-related .custom-navigation {position:absolute; top:-36px; right:0; width:38px; height:24px;}
	.project-related .related-list .custom-navigation a {top:0; width:13px; height:24px; margin:0; background-size:13px 24px;}
	.project-related .related-list .custom-navigation .flex-prev {left:0;}
	.project-related .related-list .custom-navigation .flex-next {right:0;}

	.app-down {display:block; text-align:center; font-size:16px;}
	.app-down img {margin:0 0 0 5px; width:25px;}

	.leadership-list {margin:0 5px;}
	.leadership-list .grid2-item {padding:5px 13px;}
	.leadership-list .grid2-item .txt {min-height:80px; padding:7px 0;}
	.leadership-list .grid2-item .txt h3 {font-size:14px;}
	.leadership-list .grid2-item .txt p {font-size:13px;}
	.grid2-sizer,
	.grid2-item {width:50%;}

	.contact-wrap #map {height:250px;}
	.contact-wrap .addr,
	.contact-wrap .tel,
	.contact-wrap .fax,
	.contact-wrap .email {float:none; width:100%; margin:0; background-size:60px 60px;}
	.contact-wrap .addr dd {font-size:14px;}
	.contact-wrap .addr dd {display:none;}

	.news-list {padding:0 5px;}
	.news-list ul li {padding:20px 0;}
	.news-list .thumb {float:none; width:100%;}
	.news-list .info {float:none; width:100%; margin-left:0;}
	.news-list .info .head {padding:8px 0; font-size:16px;}
	.news-list .info .head h3 {font-size:16px;}
	.news-list .info .body {padding:0;}
	.news-list .info .body .txt {padding:15px 0; font-size:14px; line-height:1.5em;}
	.news-list .info .body .sns-area {position:static; top:inherit; right:inherit; text-align:center;}

	#storyContainer > .story-list > ul li:first-child .head-wrap {padding-top:0;}
	.story-list {padding:0 5px;}
	.story-list .head-wrap .thumb {float:none; width:100%;}
	.story-list .head-wrap .info {float:none; width:100%; margin-left:0;}
	.story-list .head-wrap .info .head {padding:8px 0; font-size:16px;}
	.story-list .head-wrap .info .head h3 {font-size:16px;}
	.story-list .head-wrap .info .body .txt {font-size:14px; line-height:1.5em;}
	.story-list .body-wrap {padding:0 10px 20px;}
	.story-list .body-wrap .sns-area {padding:20px 10px; text-align:center;}

	.qa-list {padding:0 5px;}
	.qa-list .head {padding:8px 0;}
	.qa-list .head .num {display:none;}
	.qa-list .head .tit {float:none; width:100%;}
	.qa-list .head .tit a {display:block;}
	.qa-list .head .date {float:none; width:100%; text-align:right;}
	.qa-list .body {padding:15px 10px; font-size:14px; line-height:1.5em;}

	.result-title {padding:15px 10px 0; margin:0 0 20px;}
	.result-title h3 {font-size:20px;}
	.result-content {padding:15px 10px;}
	.result-content .project-list {margin:-3px -3px;}
	.result-content .leadership-list {margin:-3px -3px;}
	.result-content .project-list .grid-sizer,
	.result-content .project-list .grid-item {width:50%;}
	.result-content .leadership-list .grid2-sizer,
	.result-content .leadership-list .grid2-item {width:50%;}
	.result-content .project-list .grid-item,
	.result-content .leadership-list .grid2-item {padding:3px;}
	
	
} 

/* Landscape phones and down */
@media (max-width: 480px) {
table.t1 {font-size:7px;}
table.t1 th,
table.t1 td{border:1px solid #e7e7e7;border-width:1px 1px 0 0;padding:10px 0px;line-height:1.5;}
table.t1 th {background:#fff;font-weight:bold;line-height:1;background:#f9f9f9;}
table.t1 th b{color:000; font-size:12px;}
h2 {font-size:18px; line-height:30px;}
table.t2 tbody tr td { font-size:10px;}
table.t2 tbody tr td img { width:100%;max-width:100px;margin:0 10px;}
table.t2 tbody tr td strong { font-size:10px;}


.menu-container {display:none;}
	
}