@charset "utf-8";

@media (max-width: 1760px) {
	.main-visual {padding:0;}
	.main-visual .visual-btn {left:100px;}
	.main-visual .scrolldown {right:100px;}
	
}

@media (max-width: 1530px) {
	.section04 .map-box {max-width:700px;}
	.recruitment .cnt03 .col {flex-wrap:wrap; max-width:590px; margin-bottom:-20px;}
	.recruitment .cnt03 .col .row {width:33.333333%; margin-bottom:20px;}
	.recruitment .cnt03 .col .row:after {right:-8px;}
}

@media (max-width: 1330px) {
	.section04 .map-box {max-width:450px;}
	.main-visual .visual-btn {left:15px;}
	.main-visual .scrolldown {right:15px;}
	
	.greeting .img-box {padding:20px;}
	.greeting .img-box .img {right:-25px;}
	.greeting .img-box .img img {width:380px;}
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#header .wrap {height:100px;}
	#header.active {transform:translateY(0);}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}	
	/* main-visual */
	.main-visual .item .secting-img {border-radius:0 0 30px 30px;}
	.main-visual .txt-box {text-align:center; padding:0 15px;}
	.main-visual .txt-box p {font-size:24px; margin-bottom:20px;}
	.main-visual .txt-box h2 {font-size:44px;}
	.main-visual .visual-btn {bottom:50px; left:30px;}
	.main-visual .scrolldown {right:30px; bottom:50px;}
	/* section */
	.sec-tit {margin-bottom:60px;}
	.sec-tit p {font-size:20px; margin-bottom:16px;}
	.sec-tit h3 {font-size:40px;}
	.section-common {height:auto !important;}
	.section-common .fp-tableCell {height:auto !important; padding:100px 0 120px;}
	/* section01 */
	.section01 .col {flex-wrap:wrap; margin:0 -10px -60px;}
	.section01 .col .row {width:50%; padding:0 10px; margin-bottom:60px;}
	.section01 .col .row:nth-child(even) {padding-top:0;}
	.section01 .inner {height:auto; background:none !important; max-width:380px; margin:0 auto; width:100%;}
	.section01 .inner .img {display:block;}
	.section01 .inner .tit {display:none;}
	.section01 .inner .over {transform:translateY(0); position:relative; background:rgba(12,77,162,1); padding:40px 15px 30px;}
	.section01 .inner .over h4 {font-size:26px; margin-bottom:16px;}
	.section01 .inner .over p {font-size:16px; margin-bottom:20px;}
	.section01 .inner .over span {width:40px; height:40px;}
	.section01 .inner .over span:after {width:40px; height:40px;}
	/* section02 */
	.section02 .sec-tit {margin-bottom:20px;}
	.section02 .tab-menu {position:relative; top:0; right:0; margin-bottom:40px; justify-content:flex-end;}
	.section02 .tab-menu button {width:100px; line-height:42px; height:42px; font-size:16px;} 
	.section02 .swiper-wrapper {height:315px;}
	.section02 .swiper-slide {padding:0;}
	
	.section02 .tab-content {display:none; position:relative; overflow:hidden;}	
	.section02 .inner {padding:30px 20px;}
	.section02 .inner h4 {font-size:24px; margin-bottom:18px;}
	.section02 .inner p {font-size:16px; margin-bottom:40px;}	
	.section02 .inner .date {font-size:16px;}
	.section02 .inner span {display:none;}
	/* section03 */
	.section03 .swiper-slide {padding-top:0;}
	.section03 .inner {padding:30px 20px;}
	.section03 .img-box {max-width:260px;}
	.section03 .img-box .pic {position:relative; height:0; padding-bottom:141.54%; overflow:hidden; transition:all 0.6s; box-shadow:0 0 10px 5px rgba(219,220,221,0.75);}
	.section03 .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
	 .section03 .inner .over {display:none;}
	/* section04 */
	.section04 .col {display:block;}
	.section04 .tit-box {width:100%; margin-bottom:60px;}
	.section04 .sec-tit {margin-bottom:40px; padding-bottom:40px;}
	.section04 .sec-tit:after {width:30px;}
	.section04 .txt dl {font-size:16px;}
	.section04 .txt dt {max-width:45px;}
	.section04 .txt ul {margin-top:40px;}
	.section04 .txt ul li a {width:220px; padding:0 20px; font-size:16px; line-height:54px;}
	.section04 .txt ul li a:before {width:20px; height:20px; background-size:cover;}
	.section04 .txt ul li a:after {width:54px; height:54px;}
	.section04 .map-box {max-width:none; padding:5px;}
	.section04 .map-box .root_daum_roughmap {height:450px !important;}
	.section04 .map-box .root_daum_roughmap .wrap_map {height:450px !important;}
	/* footer */
	#section5 .fp-tableCell {padding-top:0 !important;}
	#footer {padding:60px 0;}
	.foot-col {display:block;}
	.foot-logo {max-width:none; text-align:center; margin-bottom:60px;}
	.foot-cnt {width:100%;}
	.foot-cnt .info {padding-bottom:24px; margin-bottom:24px;}
	.foot-cnt .info p {font-size:14px; text-align:center;}
	.foot-cnt .cnt {display:block; text-align:center;}
	.foot-cnt .cnt p {font-size:14px; margin-bottom:20px;}
	.foot-cnt .cnt ul {margin:0 -10px; justify-content:center;}
	.foot-cnt .cnt ul li {padding:0 10px;}
	.foot-cnt .cnt ul li:after {height:10px; margin-top:-5px;}
	.foot-cnt .cnt ul li a {font-size:14px;}

	.scrolltop {bottom:60px; right:15px; width:50px; height:50px;}
	
	/* sub-visual  */
	.sub-visual {height:480px; border-radius:0 0 30px 30px;}
	.sub-visual .txt-box {height:calc(100% - 66px); padding-top:100px;}
	.sub-visual .txt-box h2 {font-size:50px;}
	
	.lnb {padding:0 15px;}
	.lnb ul li {height:66px;}
	.lnb ul li a {padding:15px; font-size:18px;}
	/* sub common */
	.real-cont {padding:100px 0 120px;}

	.sub-title {margin-bottom:60px;}
	.sub-title h3 {font-size:42px; padding-right:16px;}
	.sub-title h3:after {width:6px; height:6px; top:14px;}
	/* sub 01 01 */
	.outline {margin-bottom:120px;;}
	.outline .col {margin:0 -10px 60px;}
	.outline .col > div {padding:0 10px;}
	.outline .txt {padding-left:0;}
	.outline .txt .icon {margin-bottom:30px;}
	.outline .txt p {font-size:20px;}

	.history  {position:relative; overflow:hidden;}
	.history .img-box {margin-bottom:80px;}
	.history .col {display:block;}
	.history .col .year {max-width:none; margin-bottom:40px;}
	.history .col .year .tit {position:relative; top:0; padding:0;}
	.history .col .year p {font-size:30px; margin-bottom:0;}
	.history .col .year h4 {display:none;}
	.history .col .cnt {width:100%; padding-bottom:120px; border:0; position:relative;}
	.history .col .cnt:before {content:''; width:1px; height:calc(100% - 15px); top:15px; left:20px; position:absolute; background:#ddd;}
	.history .col .cnt .txt-box {padding:0; border:0; margin-bottom:60px; padding-left:40px;}
	.history .col .cnt .txt-box:last-child {margin-bottom:0;}
	.history .col .cnt .txt-box:before {display:none;}
	.history .col .cnt .txt-box:after {width:14px; height:14px; background-size:cover; top:10px; left:14px;}
	.history .col .cnt .txt-box .m-year {display:block; font-size:26px; color:#0c4da2; line-height:1.4em; font-weight:600; font-family:'Montserrat'; margin-bottom:24px;}
	.history .col .cnt .txt {margin-bottom:10px;}
	.history .col .cnt .txt .month {max-width:60px; font-size:16px;}
	.history .col .cnt .txt ul li {font-size:16px;}
	/* sub 01 02 */
	.greeting .img-box {margin-bottom:90px; height:auto; padding:60px 20px 0; background-size:cover;}
	.greeting .img-box p {font-size:18px;}
	.greeting .img-box h4 {font-size:28px;}
	.greeting .img-box .img {position:relative; top:0; right:0; width:100%; max-width:300px; margin:-60px -30px -40px auto;}
	.greeting .txt-box {padding:0;}
	.greeting .txt-box p {font-size:16px; margin-bottom:30px;}
	.greeting .txt-box p span {font-size:20px;}
	/* sub 02 */
	.product .col {display:block;}
	.product .sub-title {max-width:none; margin-bottom:60px;}
	.product .sub-title p {font-size:16px;}
	.product .txt-box {width:100%; padding-top:0;}
	.product .txt-box .line {padding-bottom:40px; margin-bottom:40px;}
	.product .txt-box .tit p {font-size:20px; margin-bottom:30px;}
	.product .txt-box .txt h4 {font-size:30px; margin-bottom:20px;}
	.product .txt-box .txt li {font-size:16px; padding-left:10px;}
	.product .txt-box .txt li:before {width:3px; height:3px; top:11px;}
	.product .img-box {margin:100px 0 120px;}
	.product .img-box .imgs {margin:0 -5px;}
	.product .img-box .img {padding:0 5px;}
	.product .wrap {padding:100px 0 120px;}
	.product .wrap .col {margin-bottom:100px;}
	
	.product .track {transform:translateX(0);}
	.product .items {flex-wrap:wrap; width:auto; animation:none; margin:0 -10px -20px;}
	.product .item {width:33.33333%; margin:0 0 20px; padding:0 10px;}
	.product .item:nth-child(odd) {animation-name:none;}
	.product .item:nth-child(even) {animation-name:none;}
	.product .item .img p {bottom:30px; left:30px; font-size:20px;}
	.product .mob-item {display:none;}
	
	/* sub 03 */
	.recruitment .cnt {padding:100px 0 120px;}
	.recruitment .wrap {display:block;}
	.recruitment .sub-title {max-width:none; margin-bottom:60px;}
	.recruitment .txt-box {width:100%; padding-top:0;}
	.recruitment .cnt01 .col {margin:0 -5px -30px;}
	.recruitment .cnt01 .col .row {padding:0 5px; margin-bottom:30px;}
	.recruitment .cnt01 .inner p {font-size:16px; margin-top:18px;}
	.recruitment .cnt02 .box {padding-bottom:40px; margin-bottom:40px;}
	.recruitment .cnt02 .tit {margin-bottom:40px;}
	.recruitment .cnt02 .tit h4 {font-size:28px;}
	.recruitment .cnt02 .tit p {font-size:20px;}
	.recruitment .cnt02 .col .row {width:33.333333%;}
	.recruitment .cnt02 .inner {padding:40px 20px;}
	.recruitment .cnt02 .inner .icon {margin-bottom:20px;}
	.recruitment .cnt02 .inner p {font-size:16px;}
	.recruitment .cnt03 .col {max-width:none; justify-content:flex-start;}
	.recruitment .cnt03 .col .row {width:33.3333333%; padding-right:20px;}
	.recruitment .cnt03 .col .row:after {right:-6px;}
	.recruitment .cnt03 .col .row:nth-child(3):after {display:none;}
	.recruitment .cnt03 .inner {width:auto; height:auto; display:block; padding:40px 20px; border-radius:20px;}
	.recruitment .cnt03 .inner p {font-size:15px;}
	.recruitment .cnt03 .inner h4 {font-size:20px;}
	/* sub 05 */
	.directions .maps {margin-bottom:40px;}
	.directions .root_daum_roughmap {height:320px !important;}
	.directions .root_daum_roughmap .wrap_map {height:320px !important;}
	.directions .txt-box {padding-left:0; padding-right:0;}
	.directions .txt-box .btn {position:relative; margin-bottom:20px;}
	.directions .txt-box .btn ul {justify-content:flex-end;}
	.directions .txt-box .btn ul li a {width:140px; line-height:50px; padding:0 20px; font-size:16px;}
	.directions .txt-box .btn ul li a:after {right:20px;}
	.directions .txt-box .btn ul li a:hover:after {right:20px;}
	.directions .txt-box dl {font-size:16px;}
	.directions .txt-box dt {max-width:50px;}
}

@media (max-width: 640px) {
	#header {height:80px;}
	#header .sitelogo a {width:150px;}
	#header .wrap {height:80px;}
	
	.lang {margin-right:16px;}
	.lang ul {width:auto; padding:5px 0;}
	.lang ul li {padding:0 10px;}
	.lang ul li a {font-size:14px; line-height:24px;}
	/* main-visual */
	.main-visual .item .secting-img {border-radius:0 0 20px 20px;}
	.main-visual .txt-box p {font-size:20px; margin-bottom:16px;}
	.main-visual .txt-box h2 {font-size:32px;}
	.main-visual .visual-btn {left:20px;}
	.main-visual .btn-wrap {margin-right:10px;}
	.main-visual .page-wrap {width:80px;}
	.main-visual .paging .count {font-size:16px;}
	.main-visual .paging .num {font-size:12px;}
	.main-visual .scrolldown {right:20px; bottom:64px;}
	/* section */
	.sec-tit {margin-bottom:40px;}
	.sec-tit p {font-size:18px; margin-bottom:10px;}
	.sec-tit h3 {font-size:28px;}
	.section-common .fp-tableCell {padding:80px 0 100px;}
	/* section01 */
	.section01 .col {display:block; margin:0 0 -40px;}
	.section01 .col .row {width:100%; padding:0; margin-bottom:40px;}
	.section01 .inner .over {padding:20px 15px;}
	.section01 .inner .over h4 {font-size:20px; margin-bottom:10px;}
	.section01 .inner .over p {font-size:14px; margin-bottom:12px;}
	.section01 .inner .over span {width:30px; height:30px;}
	.section01 .inner .over span:after {width:30px; height:30px;}
	/* section02 */
	.section02 .tab-menu {margin-bottom:30px;}
	.section02 .tab-menu button {width:80px; line-height:38px; height:38px; font-size:14px;} 
	.section02 .swiper-wrapper {height:240px;}
	.section02 .inner {padding:20px 15px;}
	.section02 .inner h4 {font-size:20px; margin-bottom:10px;}
	.section02 .inner p {font-size:14px; margin-bottom:20px;}	
	.section02 .inner .date {font-size:14px;}
	/* section03 */
	.section03 .inner {padding:20px 15px;}
	/* section04 */
	.section04 .tit-box {margin-bottom:40px;}
	.section04 .sec-tit {margin-bottom:20px; padding-bottom:20px;}
	.section04 .sec-tit:after {width:24px;}
	.section04 .txt dl {font-size:14px;}
	.section04 .txt dt {max-width:40px;}
	.section04 .txt ul {margin-top:30px;}
	.section04 .txt ul li a {width:180px; padding:0 10px; font-size:14px; line-height:44px;}
	.section04 .txt ul li a:after {width:44px; height:44px;}
	.section04 .map-box .root_daum_roughmap {height:250px !important;}
	.section04 .map-box .root_daum_roughmap .wrap_map {height:250px !important;}
	/* footer */
	#footer {padding:30px 0;}
	.foot-logo {margin-bottom:30px;}
	.foot-cnt .info {padding-bottom:18px; margin-bottom:18px;}
	.foot-cnt .info p {font-size:12px;}
	.foot-cnt .info p span {display:none;}
	.foot-cnt .info p br {display:block;}	
	.foot-cnt .cnt p {font-size:12px; margin-bottom:16px;}
	.foot-cnt .cnt ul li a {font-size:12px;}

	.scrolltop {bottom:40px; width:40px; height:40px;}
	
	/* sub-visual  */
	.sub-visual {height:320px; border-radius:0 0 20px 20px;}
	.sub-visual .txt-box {height:calc(100% - 50px); padding-top:80px;}
	.sub-visual .txt-box h2 {font-size:38px;}
	
	.lnb ul li {height:50px;}
	.lnb ul li a {padding:10px; font-size:16px;}
	/* sub common */
	.real-cont {padding:80px 0 100px;}
	
	.sub-title {margin-bottom:40px;}
	.sub-title h3 {font-size:30px; padding-right:14px;}
	.sub-title h3:after {top:10px;}
	/* sub 01 01 */
	.outline {margin-bottom:100px;}
	.outline .col {margin:0 0 40px; display:block;}
	.outline .col:last-child {margin-bottom:0;}
	.outline .col > div {padding:0; width:100%;}
	.outline .col .img-box {margin-bottom:40px;}
	.outline .col .txt-box {text-align:center;}
	.outline .col .txt-box img {width:80px;}	
	.outline .txt {padding-left:0;}
	.outline .txt .icon {margin-bottom:20px;}
	.outline .txt p {font-size:16px;}
	
	.history .img-box {margin-bottom:40px;}
	.history .col .year {margin-bottom:20px;}
	.history .col .year p {font-size:24px;}
	.history .col .cnt {padding-bottom:100px;}
	.history .col .cnt:before {height:calc(100% - 15px); top:15px;}
	.history .col .cnt .txt-box {margin-bottom:40px;}
	.history .col .cnt .txt-box:after {width:12px; height:12px; top:11px; left:14px;}
	.history .col .cnt .txt-box .m-year {font-size:20px; margin-bottom:20px;}
	.history .col .cnt .txt .month {max-width:50px; font-size:14px;}
	.history .col .cnt .txt ul li {font-size:14px;}
	/* sub 01 02 */
	.greeting .img-box {margin-bottom:60px; padding:40px 20px 0;}
	.greeting .img-box p {font-size:16px;}
	.greeting .img-box h4 {font-size:24px;}
	.greeting .img-box .img {position:relative; top:0; right:0; width:100%; max-width:300px; margin:0 -20px -30px auto;}
	.greeting .img-box .img img {width:300px;}
	.greeting .txt-box p {font-size:14px; margin-bottom:20px;}
	.greeting .txt-box p span {font-size:18px;}
	/* sub 02 */
	.product .sub-title {margin-bottom:40px;}
	.product .sub-title p {font-size:14px;}
	.product .txt-box .line {padding-bottom:24px; margin-bottom:24px;}
	.product .txt-box .tit p {font-size:18px; margin-bottom:24px;}
	.product .txt-box .txt h4 {font-size:24px; margin-bottom:16px;}
	.product .txt-box .txt li {font-size:14px;}
	.product .txt-box .txt li:before {top:10px;}
	.product .img-box {margin:80px 0 100px;}
	.product .img-box .imgs {margin:0 0 -20px; display:block;}
	.product .img-box .img {padding:0; width:100%; margin-bottom:20px;}
	.product .wrap {padding:80px 0 100px;}
	.product .wrap .col {margin-bottom:80px;}
	.product .item {width:50%;}
	.product .item .img p {bottom:20px; left:20px; font-size:16px;}
	/* sub 03 */
	.recruitment .cnt {padding:100px 0 120px;}
	.recruitment .wrap {display:block;}
	.recruitment .sub-title {margin-bottom:40px;}
	.recruitment .cnt01 .col .row {width:50%;}
	.recruitment .cnt01 .inner p {font-size:14px; margin-top:12px;}
	.recruitment .cnt02 .box {padding-bottom:30px; margin-bottom:30px;}
	.recruitment .cnt02 .tit {margin-bottom:30px;}
	.recruitment .cnt02 .tit h4 {font-size:24px;}
	.recruitment .cnt02 .tit p {font-size:16px;}
	.recruitment .cnt02 .col .row {width:50%;}
	.recruitment .cnt02 .inner {padding:30px 20px;}
	.recruitment .cnt02 .inner .icon img {width:80px;}
	.recruitment .cnt02 .inner p {font-size:14px;}
	.recruitment .cnt03 .col {margin-right:-20px;}
	.recruitment .cnt03 .col .row {width:50%;}
	.recruitment .cnt03 .col .row:after {display:none;}
	.recruitment .cnt03 .inner {padding:30px 20px;}
	.recruitment .cnt03 .inner p {font-size:14px;}
	.recruitment .cnt03 .inner h4 {font-size:18px;}
	/* sub 05 */
	.directions .maps {margin-bottom:30px;}
	.directions .root_daum_roughmap {height:240px !important;}
	.directions .root_daum_roughmap .wrap_map {height:240px !important;}
	.directions .txt-box .btn ul li a {width:120px; line-height:40px; padding:0 15px; font-size:14px;}
	.directions .txt-box .btn ul li a:after {right:15px;}
	.directions .txt-box .btn ul li a:hover:after {right:15px;}
	.directions .txt-box dl {font-size:14px;}
	.directions .txt-box dt {max-width:40px;}
}

@media (max-width: 500px) {
	.lnb ul li a {font-size:14px; padding:10px 5px;}
}
@media (max-width: 400px) {
	.lnb ul {justify-content:center;}
	.lnb ul li {width:auto;}
	.lnb ul li a {padding:10px;}


	.section04 .txt ul {display:block; margin:0 0 -10px;}
	.section04 .txt ul li {margin-bottom:10px;}
}