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

	#gnb>ul {gap:60px;} 
	#gnb>ul>li>a {font-size:18px;line-height:80px;}
	#gnb .submenu {width:200px;}
	#gnb .submenu>ul {padding:20px 20px;}
	#gnb .submenu>ul>li{margin-bottom:10px;}
	#gnb .submenu>ul>li>a {font-size:16px;}

	#header .link ul li a{height:36px; padding:0 12px;}
	#header .link ul li a span{padding-left:25px;font-size:14px;}
	#header .link ul li a span:before{top:.05em;height:16px;}

	.quick ul li a{width:50px;height:50px;border-radius:50px;}
	.quick ul li a .ic{width:50px;height:50px;}
	.quick ul li a .ic img{height:20px;}
	.quick ul li a:hover{padding:0 0 0 20px;}
	.quick ul li a:hover p{width:120px;}

	.sec-tit.flex .btns{gap:30px;}
	.doc-arrs{gap:10px;}
	.doc-arrs .slick-arrow{width:36px;height:36px;background-size:6px;}

	.main-notice .slick-list{margin:0 -15px;}
	.main-notice .item{padding:0 15px;}
	.nt-box{flex-direction:column-reverse; }
	.nt-box .tt-wrap{width:100%;padding:20px;}
	.nt-box .tt-wrap .tit{margin-bottom:10px;}
	.nt-box .img{width:100%;}

	.sec3 ul li br{display:none;}

	.main-casting .items{margin:0 -6px -12px;flex-wrap:wrap;}
	.main-casting .item{margin-bottom:12px;width:33.3333%;}
	.main-casting .item .box{padding:20px;}
	.main-casting .item .box .type{margin-bottom:15px;}

	.main-profile .row{margin-bottom:40px;}
	.main-profile .row .txt{width:300px;padding-left:60px;}
	.main-profile .row:nth-child(even) .txt{padding:0 30px 0 0;}

	.pop-pf{padding:30px;}
	.pop-pf .modal-close{right:30px;top:30px;width:32px;height:32px; background-size:12px;}
	.pop-pf .content .sld{width:250px;margin-right:40px;}
	.pop-pf .content .sld .doc-arrs{margin-top:10px;gap:6px;}
	.pop-pf .content .tt-wrap{padding-top:0;}
	.pop-pf .content .tt-wrap .cnt .flex-wrap{height:300px;}
	.pop-pf .content .tt-wrap .cnt .flex-wrap::-webkit-scrollbar{border-radius:3px;width:3px;}
	.pop-pf .content .tt-wrap .cnt .flex-wrap::-webkit-scrollbar-thumb{border-radius:3px;}
	.pop-pf .content .tt-wrap .cnt .flex{margin:0;display:block;}
	.pop-pf .content .tt-wrap .cnt .flex .col{width:100%;padding:0;margin-bottom:30px;}
	.pop-pf .content .tt-wrap .cnt .flex .col:last-child{margin-bottom:0;}
	.pop-pf .content .tt-wrap .cnt .flex .col ul li{font-size:14px;}
	.pop-pf .content .tt-wrap .btns{padding-right:0;}
	.pop-pf .content .tt-wrap .btns ul{gap:6px;}
	.pop-pf .content .tt-wrap .btns ul li .btn{width:30px;height:30px;}
	.pop-pf .content .tt-wrap .btns ul li .btn img{height:14px;}

	.main-port .marquee{height:190px;}
	.main-port .marquee .item{width:300px;}
	.main-port .marquee .item .hover .inner{padding:10px 20px;}
	.main-port .marquee .item .hover .tit{margin-bottom:0;}

	.sec7 .con{padding-left:0;margin-top:-13%;}
	.sec7 .con ul{margin:0 -10px;}
	.sec7 .con ul li{padding:0 10px;}

	.doc-contact .input-wrap{margin-bottom:30px;}
	.doc-contact .input-wrap .row .flex{margin:0 -20px;}
	.doc-contact .input-wrap .row .flex .col{padding:0 20px;}
	.doc-contact .input-wrap .row .col input.input,
	.doc-contact .input-wrap .row .col .chk-wrap{height:50px;}
	.doc-contact .captcha-wrap {height:50px;}
	.btn-send{width:200px;height:50px;border-radius:50px;}
	.btn-send span:after{width:14px;height:14px;}

	/* footer */
	#footer{padding:40px 0;}
	#footer .contain{flex-direction:column;}
	#footer .foot-info{margin-right:0;order:2;width:100%;}
	#footer .foot-info .group .logo{margin-right:40px;}
	#footer .foot-info .group .sns ul{gap:6px;}
	#footer .foot-info .group .sns ul li a{width:36px;height:36px;}
	#footer .foot-info .group .sns ul li a img{height:16px;}
	#footer .foot-info .copy a{margin-left:10px;}
	#footer .foot-right{order:1;margin-bottom:20px;}
	#footer .foot-right .link{margin-bottom:15px;}
	#footer .foot-right .link ul{gap:10px 20px;justify-content:flex-start;}
	#footer .foot-right .menu ul{justify-content:flex-start;}

	/* sub page */
	.sub-visual {height:300px;}
	.sub-visual .tit{padding-top:80px;}
	.lnb ul li{flex:1;}
	.lnb ul li a{height:50px;font-size:16px;width:100%;padding:0 10px;}

	.sub-title{margin-bottom:50px;}

	.greeting{padding:150px 0 var(--size150);}
	.greeting .tt-wrap{margin-right:40px;width:auto;flex:none;}
	.greeting .con{min-width:0;width:1%;flex:1 1 auto;}
	.greeting .con ul{margin:0 -5px -10px;}
	.greeting .con ul li{padding:0 5px;margin-bottom:10px;}
	.greeting .con ul li .box{padding-top:60px;}
	.greeting .con ul li .box .arr{right:15px;top:15px;width:36px;height:36px;background-size:10px;}



	.notice-list ul li .nt-box .tt-wrap{width:100%;padding:20px;}
	.notice-list ul li .nt-box .img{width:100%;}
	
	.cate-menu ul li a{width:150px;height:44px;}

	.profile-list ul{margin:0 -10px -35px;}
	.profile-list ul li{padding:0 10px;margin-bottom:35px;}
	.profile-list ul li .img{margin-bottom:15px;}

	.btm-contact{padding:20px 0;}
	.btm-contact .title{margin-right:20px;}
	.btm-contact .input-wrap{margin-right:20px;}
	.btm-contact .input-wrap .flex{margin:0 -5px;}
	.btm-contact .input-wrap .flex .col{width:33.3333%;padding:0 5px;}
	.btm-contact .input-wrap .flex .col input.input{height:44px;padding:0 15px;}
	.btm-contact .btn-send{height:44px;width:160px;}

	.port-list ul{margin:0 -10px -45px;}
	.port-list ul li{padding:0 10px;margin-bottom:45px;}
	.port-list ul li .tt{margin-top:15px;}
	

}

@media (max-width: 1024px) {
	#gnb{display:none;}
	.btn-m-menu{display:block;}
	#header .link{right:90px;}
}

@media (max-width: 768px) {
	/* header */
	#header .contain{height:60px;}
	#header .sitelogo {top:15px;left:15px;}
	#header .sitelogo img{height:30px;}
	#header .sitelogo.st2 {top:5px;}
	#header .sitelogo.st2 img{height:50px;}

	#gnb>ul {gap:60px;} 
	#gnb>ul>li>a {font-size:18px;line-height:80px;}
	#gnb .submenu {width:200px;}
	#gnb .submenu>ul {padding:20px 20px;}
	#gnb .submenu>ul>li{margin-bottom:10px;}
	#gnb .submenu>ul>li>a {font-size:16px;}

	#header .link{right:60px; display:none;}
	#header .link ul{gap:6px;}
	#header .link ul li a{width:auto;height:28px;display:inline-flex;padding:0 10px;}
	#header .link ul li a span{padding-left:23px;font-size:12px;}
	#header .link ul li a span:before{top:.05em;height:14px;}

	.main-visual .bg{background-position:78% 50%;}
	.main-visual .tt-wrap{padding:0 15px;}
	.main-visual .tt-wrap .tit{margin-bottom:15px;}
	.main-visual .tt-wrap .tt{margin-bottom:20px;}
	.main-visual .tt-wrap .btn{padding-right:25px;}
	.main-visual .tt-wrap .btn:after{height:12px;}
	
	.quick{right:15px;}
	.quick ul li{margin-bottom:6px;}
	.quick ul li a{width:36px;height:36px;border-radius:36px;}
	.quick ul li a .ic{width:36px;height:36px;}
	.quick ul li a .ic img{height:16px;}
	.quick ul li a:hover{padding:0;}
	.quick ul li a:hover p{display:none !important;}

	.sec-tit.flex{display:block;margin-bottom:20px;}
	.sec-tit.flex .wrap{margin-right:0;width:100%;}
	.sec-tit.flex .btns{margin-top:10px;gap:20px;justify-content:space-between;;}
	.doc-arrs{gap:6px;}
	.doc-arrs .slick-arrow{width:30px;height:30px;background-size:6px;}

	.main-notice .slick-list{margin:0 -10px;}
	.main-notice .item{padding:0 10px;}
	.nt-box .tt-wrap .tit{margin-bottom:10px;font-size:15px;}

	.sec3 ul{margin:0 -20px -30px;flex-wrap:wrap;}
	.sec3 ul li{width:50%;margin-bottom:30px;}

	.main-casting {margin:0 -15px;}
    .main-casting .slick-list{padding:0 15px;}
    .main-casting .items{margin:0 -5px -10px;}
	.main-casting .item{padding:0 5px;margin-bottom:10px;width:50%;}
	.main-casting .item .box{min-height:200px;}
	.main-casting .item .box .type{margin-bottom:10px;min-width:70px;height:28px;font-size:12px;padding-top:1px;}
	.main-casting .item .box .tit{margin-bottom:5px;}
	.main-casting .item .box .tt{font-size:13px;}

	.main-profile .row{display:block;margin-bottom:40px;}
	.main-profile .row .txt{width:100%;padding-left:0;}
	.main-profile .row .txt .inner{display:flex;align-items:center;justify-content:space-between;width:100%;}
	.main-profile .row .txt .tit{margin-bottom:0;}
	.main-profile .row .sld{width:100%;margin-bottom:20px;}
	.main-profile .row .sld .slick-list{margin:0 -5px;}
	.main-profile .row .sld .item{padding:0 5px;}
	.main-profile .row:nth-child(even) .txt{padding:0;}

	.pop-pf{padding:50px 20px 20px;}
	.pop-pf .modal-close{right:20px;top:10px;width:30px;height:30px; background-size:12px;}
	.pop-pf .content{display:block;}
	.pop-pf .content .sld{width:100%;margin-right:0;margin-bottom:20px;}
	.pop-pf .content .sld .doc-arrs{margin-top:10px;gap:6px;}
	.pop-pf .content .tt-wrap{width:100%;}
	.pop-pf .content .tt-wrap .tit-wrap .type{margin-bottom:10px;}
	.pop-pf .content .tt-wrap .tit-wrap .cate dt{margin-right:10px;}
	.pop-pf .content .tt-wrap .cnt .flex-wrap{height:200px;}
	.pop-pf .content .tt-wrap .cnt .flex .col{margin-bottom:20px;}
	.pop-pf .content .tt-wrap .cnt .flex .col .col-tit{margin-bottom:5px;}
	.pop-pf .content .tt-wrap .cnt .flex .col ul li{font-size:13px;}

	.main-port .marquee{margin-bottom:6px;height:158.33px;}
	.main-port .marquee .items{gap:6px;}
	.main-port .marquee .item{width:250px;}
	.main-port .marquee .item .hover .tit{font-size:14px;}
	.main-port .marquee .item .hover .tt{font-size:13px;}
	.js-marquee{margin-right:6px !important;}

	.sec7 .con{margin-top:30px;}
	.sec7 .con ul{margin:0 -5px -10px;justify-content:center;flex-wrap:wrap;}
	.sec7 .con ul li{padding:0 5px;margin-bottom:10px;width:50%;}
	.sec7 .con ul li:last-child{margin-bottom:0;}
	.sec7 .con ul li a .tit-wrap{padding:20px;}
	.sec7 .con ul li a .hover .tit{margin-bottom:10px;}
	.sec7 .con ul li a .hover .tt{font-size:14px;}

	.sec7 .con ul li:nth-child(1){padding-top:0;}
	.sec7 .con ul li:nth-child(2){padding-top:0;}

	.sec8 .sec-tit{flex-direction:column-reverse;margin-bottom:30px;}
	.sec8 .sec-tit .eng{margin-bottom:20px;}
	.sec8 .sec-tit .tit{font-size:20px;}
	.sec8 .sec-tit .tit br{display:none;}

	.doc-contact .input-wrap{margin-bottom:30px;}
	.doc-contact .input-wrap .row .flex{display:block;margin:0;}
	.doc-contact .input-wrap .row .flex .col{width:100%;padding:0;margin-bottom:20px;}
	.doc-contact .input-wrap .row .flex .col:last-child{margin-bottom:0;}
	.doc-contact .input-wrap .row .col input.input{padding:0 10px;}
	.doc-contact .input-wrap .row .col textarea.input{display:block;padding:10px 10px;}
	.doc-contact .input-wrap .row .col input.input{height:38px;}
	.doc-contact .input-wrap .row .col .chk-wrap{height:auto;}
	.btn-send{width:160px;height:44px;border-radius:44px;margin:0 auto;}
	.btn-send span{padding-right:30px;}
	.btn-send span:after{width:12px;height:12px;}

	/* footer */
	#footer{padding:35px 0;text-align:center;}
	#footer .foot-info .group{display:block;text-align:center;margin-bottom:15px;}
	#footer .foot-info .group .logo{margin-right:0;margin-bottom:15px;}
	#footer .foot-info .group .logo img{height:40px;}
	#footer .foot-info .group .logo.st2 img{height:58px;}
	#footer .foot-info .group .sns ul{gap:6px;justify-content:center;}
	#footer .foot-info .group .sns ul li a{width:30px;height:30px;}
	#footer .foot-info .group .sns ul li a img{height:14px;}
	#footer .foot-info address{margin:0;max-width:100%;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{margin-top:15px;line-height:1.5em;}
	#footer .foot-info .copy a{margin-left:0;}
	#footer .foot-right .link ul{justify-content:center;}
	#footer .foot-right .menu ul{justify-content:center;}

	/* sub page */
	.sub-visual {height:250px;}
	.sub-visual .tit{padding-top:60px;font-size:28px;}
	.lnb ul li a{height:44px;font-size:15px;text-align:center;}
	.lnb.type2 ul{justify-content:flex-start;}
	.lnb.type2 ul li{flex:none;}
	.lnb.type2 ul li a{padding:0 20px;}

	.sub-title h1{font-size:24px;}

	.greeting{padding:120px 0 var(--size150);}
	.greeting .contain{display:block;}
	.greeting .tt-wrap{margin-right:0;margin-bottom:30px;width:100%;}
	.greeting .tt-wrap .tit{margin-bottom:15px;}
	.greeting .tt-wrap .wrap p{margin-bottom:10px;}
	.greeting .con{width:100%;}
	.greeting .con ul li .box{padding:20px;min-height:107px;}
	.greeting .con ul li .box .arr{right:10px;top:10px;width:24px;height:24px;background-size:8px;}
	.greeting .con ul li .box .txt .tt{font-size:13px;}

	.notice-list ul{grid-template-columns: repeat(1, 1fr); gap:20px;}

	.cate-menu{margin-bottom:30px;}
	.cate-menu ul{gap:6px;}
	.cate-menu ul li a{width:120px;height:36px;}

	.profile-list ul li{width:50%;}
	.profile-list ul li .cate{margin-bottom:5px;}

	.btm-contact {padding:40px 0;}
	.btm-contact .contain{display:block;}
	.btm-contact .title{margin-right:0;margin-bottom:15px;text-align:center;}
	.btm-contact .input-wrap{margin-right:0;width:100%;margin-bottom:20px;}
	.btm-contact .input-wrap .flex{margin:0;display:block;}
	.btm-contact .input-wrap .flex .col{width:100%;padding:0;margin-bottom:6px;}
	.btm-contact .input-wrap .flex .col:last-child{margin-bottom:0;}
	.btm-contact .input-wrap .flex .col input.input{height:44px;padding:0 10px;}
    .btm-contact .input-wrap .flex .col.check {padding:15px 0 0 0;}
	.btm-contact .btn-send{height:44px;width:160px;}
	.btm-contact .btn-send span{padding-right:20px;font-size:15px;}
	.btm-contact .btn-send span:after{width:10px;height:10px;margin-top:1px;}

	.port-list ul{margin:0 -10px -35px;}
	.port-list ul li{width:50%;margin-bottom:35px;}

	.contact-pg .top-tt{font-size:17px;margin-bottom:30px;}

}