@charset "utf-8";
@media (max-width: 1230px) {
	/* header */
	#header .contain{height:80px;}
	#header .sitelogo {top:17px;}
	#header .sitelogo img{height:46px;}

	#gnb>ul {margin:0 -30px;} 
	#gnb>ul>li {padding:0 30px;}
	#gnb>ul>li>a {line-height:80px;}
	#gnb>ul>li>a:after {bottom:13px;}
	#gnb .submenu {width:240px;border-radius:25px;}
	#gnb .submenu>ul {gap:20px;height:50px;}

	#header .sns{right:90px;}
	#header .sns ul{gap:20px;}
	#header .sns ul li a img{height:22px;}

	.fix-nav{right:15px;bottom:40px;}
	.fix-nav ul{padding-right:20px;}
	.fix-nav ul:after{width:3px;}
	.fix-nav ul li{margin-bottom:15px;}
	.fix-nav ul li a{font-size:14px;}
	.fix-nav ul li a:after{width:3px;right:-20px;}

	.quick {width: 90px;}
	.quick .tit {margin-bottom: 0;}
	.quick hr {display: none;}
	.quick .txt {display: none;}

	/* main */ 
	.main-visual .slick-arrow{width:50px;height:50px;}
	.main-visual .slick-prev{left:30px;}
	.main-visual .slick-next{right:30px;}

	.main-visual .slick-dots{left:30px;bottom:40px;}

	.sec-tit .tt br{display:none;}

	.sec1 .row .tt-wrap .sec-tit{padding-right:0;padding-bottom:30px;}
	.sec1 .row:nth-child(even) .tt-wrap .sec-tit{padding-right:30px;padding-left:var(--size80);}
	.sec-tit .top{margin-bottom:5px;}

	.sec3 .contain{display:block;}
	.sec3 .sec-tit{margin-right:0;margin-bottom:40px;}
	.sec3 .sec-tit .arrs .slick-arrow{width:28px;height:28px;}
	.sec3 .con{margin-right:0;width:100%;}
	.port-sld .item .hover .inner{padding:25px 30px;}

	.sec3 .progress {margin-top:20px;height:4px;}

	.inquiry .input-area{margin-bottom:20px;}
	.inquiry .input-area .row .flex .col{padding:0 15px;}
	
	.sec5 .maps .root_daum_roughmap {height:300px !important;}
	.sec5 .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.sec5 .con .bd-img{width:350px;margin-right:20px;}
	.sec5 .con .info-box{padding:20px;}
	.sec5 .con .info-box:after{height:140px;right:20px;bottom:-20px;}
	.sec5 .con .info-box .tit{margin-bottom:5px;font-size:17px;}
	.sec5 .con .info-box .adr{margin-bottom:10px;font-size:15px;}
	.sec5 .con .info-box .info p{padding-left:26px;margin-bottom:5px;font-size:14px;}
	.sec5 .con .info-box .info p:before{top:.3em;width:16px;height:16px;}

	/* footer */
	#footer {padding:40px 0;}
	#footer .contain{flex-direction:column;}
	#footer .foot-info{width:100%;margin-right:0;order:2;font-size:14px;}
	#footer .foot-info .tit{margin-bottom:15px;}
	#footer .foot-info address {margin:0 -10px -5px;max-width:100%;}
	#footer .foot-info address p{padding:0 10px;}
	#footer .foot-info .copy{font-size:12px;}
	#footer .foot-info .copy a{margin-left:10px;}
	#footer .foot-right{order:1;margin-bottom:20px;display:block;}
	#footer .foot-right .logo{margin-right:0;margin-bottom:20px;}
	#footer .foot-right .logo img{height:50px;}
	#footer .foot-right .foot-menu ul{margin:0 -15px;}
	#footer .foot-right .foot-menu ul li{padding:0 15px;}

	/* sub page */
	.sub-visual {height:300px;}
	.sub-visual .tit{padding-top:80px;}

	.lnb ul{gap:40px;}
	
	.doc-pr .con{gap:100px;}
	.doc-pr .con .col .ic{margin:0 auto 30px;}
	.doc-pr .con .col .tit{margin-bottom:15px;}
	.doc-pr .con .col .hypen-list li span{margin-right:0;}

	.port-list ul{margin:0 -10px -35px;}
	.port-list ul li{width:25%;padding:0 10px;margin-bottom:35px;}
	.port-list ul li .date{margin-top:15px;}
	.port-list ul li .tit{font-size:15px;}

}

@media (max-width: 1024px) {
	#gnb{display:none;}
}

@media (max-width: 768px) {
	.btn-m-menu{display:block;}
	/* header */
	#header .contain{height:60px;}
	#header .sitelogo {top:10px;left:15px;}
	#header .sitelogo img{height:40px;}

	#header .sns{right:70px;}
	#header .sns ul{gap:15px;}
	#header .sns ul li a img{height:18px;}

	.sec-tit .tt1{margin:15px 0 0;font-size:15px;}

	.fix-nav{right:10px;bottom:30px;}
	.fix-nav ul{padding-right:10px;}
	.fix-nav ul:after{width:2px;}
	.fix-nav ul li{margin-bottom:5px;}
	.fix-nav ul li a{font-size:11px;}
	.fix-nav ul li a:after{width:2px;right:-10px;}

	/* main */ 
	.main-visual .caption{padding:0 15px;}
	.main-visual .caption .tt{margin-bottom:10px;font-size:14px;}
	.main-visual .slick-arrow{width:36px;height:36px;}
	.main-visual .slick-prev{left:15px;}
	.main-visual .slick-next{right:15px;}

	.main-visual .slick-dots{gap:15px;left:15px;bottom:30px;}
	.main-visual .slick-dots li button:after{font-size:14px;}

	.sec1 .row{display:block;margin-bottom:70px;}
	.sec1 .row:last-child{margin-bottom:0;}
	.sec1 .row .bd-img{width:100%;margin-bottom:25px;}
	.sec1 .row .tt-wrap{width:100%;}
	.sec1 .row .tt-wrap .sec-tit{padding:0;}
	.sec1 .row:nth-child(even) .tt-wrap .sec-tit{padding:0;}
	.sec-tit .top{margin-bottom:5px;}

	.sec2 .con ul{margin:0 -5px;}
	.sec2 .con ul li{padding:0 5px;}
	.sec2 .con ul li .tit{margin-top:10px;}

	.sec3 .sec-tit{margin-bottom:20px;}
	.sec3 .sec-tit .arrs{margin-top:10px;gap:10px;}
	.sec3 .sec-tit .arrs .slick-arrow{width:24px;height:24px;}
	.port-sld .slick-list{margin:0 -5px;}
	.port-sld .item{padding:0 5px;}
	.port-sld .item .hover .inner{padding:15px 20px;}
	.port-sld .item .hover .sub-tit{margin-bottom:5px;font:12px;}
	.port-sld .item .hover .tit{font-size:14px;}

	.sec3 .progress {margin-top:15px;height:3px;}
	
	.sec4 .contain{display:block;}
	.sec4 .sec-tit{margin-right:0;margin-bottom:30px;}
	.sec4 .inquiry{width:100%;}
	.inquiry .input-area .row{margin-bottom:20px;}
	.inquiry .input-area .row input.input,
	.inquiry .input-area .row select.input{height:38px;}
	.inquiry .input-area .row .flex{margin:0;display:block;}
	.inquiry .input-area .row .flex .col{padding:0;width:100%;margin-bottom:20px;}
	.inquiry .input-area .row .flex .col:last-child{margin-bottom:0;}
	.inquiry .input-area .row .input{border-radius:4px;}
	.inquiry .btn-send{font-size:16px;}

	.sec5 .maps .root_daum_roughmap {height:200px !important;}
	.sec5 .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.sec5 .con{display:block;margin-top:10px;}
	.sec5 .con .bd-img{width:100%;margin-right:0;margin-bottom:10px;}
	.sec5 .con .info-box{width:100%;}
	.sec5 .con .info-box:after{height:120px;right:20px;bottom:-10px;}
	.sec5 .con .info-box .tit{margin-bottom:10px;font-size:18px;}

	/* footer */
	#footer {padding:35px 0;text-align:center;}
	#footer .foot-info{font-size:13px;}
	#footer .foot-info .tit{margin-bottom:15px;}
	#footer .foot-info address {margin:0;display:block;}
	#footer .foot-info address p{padding:0;margin-bottom:0;}
	#footer .foot-info address p:last-child{margin-bottom:0;}
	#footer .foot-info .copy{font-size:12px;}
	#footer .foot-info .copy a{margin-left:5px;font-size:11px;}
	#footer .foot-right{order:1;margin-bottom:20px;display:block;}
	#footer .foot-right .logo{margin-right:0;margin-bottom:20px;}
	#footer .foot-right .logo img{height:44px;}
	#footer .foot-right .foot-menu ul{margin:0 -13px;justify-content:center;}
	#footer .foot-right .foot-menu ul li{padding:0 13px;}
	#footer .foot-right .foot-menu ul li:after{height:8px;}

	/* sub page */
	.sub-visual {height:250px;}
	.sub-visual .tit{padding-top:60px;}

	.lnb{margin:30px 0 60px;}
	.lnb ul{gap:30px;}
	.lnb ul li a{font-size:16px;}
	
	.doc-pr .tit-wrap .tit{font-size:24px;}
	.doc-pr .tit-wrap .tt{margin-top:10px;line-height:1.6em;}
	.doc-pr .con{flex-wrap:wrap;gap:0;margin:0 -10px;justify-content:flex-start;}
	.doc-pr .con:before{display:none;}
	.doc-pr .con .col{padding:0 10px;margin-bottom:30px;width:50%;}
	.doc-pr .con .col:last-child{margin-bottom:0;}
	.doc-pr .con .col .ic{width:44px;height:44px;margin:0 0 10px;}
	.doc-pr .con .col .tit{margin-bottom:15px;font-size:16px;text-align:left;}
	
	.port-list ul li{width:50%;}
	.port-list ul li .tit{margin-top:5px;font-size:14px;}

	#main .quick {transform: none; bottom: 210px;}
	.quick {width: 60px; bottom: 10px; transform: none;}
	.quick a {padding: 5px;}
	.quick .img {width: 50%; margin: 0 auto;}
	.quick .tit {font-size: 11px;}
	
}