@charset "utf-8";

@media (max-width: 1400px) {
	
	#gnb {margin-left:70px;}
	#gnb>ul>li {padding:0 25px;}
	#gnb>ul>li>a {font-size:20px;}	
	
	#gnb .submenu {width:180px; margin-left:-90px;}
	#gnb .submenu ul li a {font-size:18px;}
	
	#header .lang {right:90px;}
	
}

@media (max-width: 1024px) {

	#header {position:absolute;}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	
	/* main-visual */
	.main-visual .thumb h2 {font-size:40px; margin-bottom:24px;}
	.main-visual .thumb h2 strong {font-size:44px;}
	.main-visual .thumb p {font-size:20px;}
	.main-visual .thumb .btns {margin-top:50px; height:30px; max-width:200px;}
	.main-visual .thumb .btns .slick-arrow {width:30px; height:30px;}
	.main-visual .thumb .btns .paging ul li button {width:8px; height:8px;}
	.main-visual .thumb .btns .paging ul li.slick-active button {width:50px;}
	.main-visual .scrolldown {padding-bottom:50px;}
	.main-visual .scrolldown .bar {height:40px;}
	.main-visual .scrolldown .bar span {height:10px;}
	/* section01 */
	.section01 {height:auto; padding:120px 0 180px;}
	.section01 .tit-box {margin-bottom:30px;}
	.section01 .tit-box p {font-size:20px; margin-bottom:18px;}
	.section01 .tit-box h3 {font-size:36px;}
	.section01 .txt-box p {font-size:20px; margin-bottom:40px;}
	.section01 .txt-box a {width:200px; line-height:48px; font-size:18px;}
	.section01 .txt-box a:after {width:30px; height:30px;}
	.section01 .img {width:40%; top:auto; bottom:-30%;}
	/* section02 */
	.section02 {padding:120px 0;}
	.section02 .tit-box {margin-bottom:80px;}
	.section02 .tit-box p {font-size:20px; margin-bottom:18px;}
	.section02 .tit-box h3  {font-size:36px;}
	.section02 .items.top {margin-bottom:30px;}
	.section02 .items .item {margin-right:30px; flex:0 0 auto; width:220px;}
	/* section03 */
	.section03 .contain {padding:0;}
	.section03:before,
	.section03:after {display:none;}
	.section03 .col {display:block; margin:0;}
	.section03 .row {width:100%; height:100%; padding:60px 15px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
	.section03 .row:first-child {background-image:url('../img/main/sec0301bg.jpg');}
	.section03 .row:last-child {background-image:url('../img/main/sec0302bg.jpg');}
	.section03 .row h4 {font-size:28px; margin-bottom:20px;}
	.section03 .row .more a {font-size:20px; padding-right:40px;}
	.section03 .row .more a:after {width:30px; height:30px; margin-top:-15px;}
	/* section04 */
	.section04 {padding:120px 0;}
	.section04 .col {display:block; margin:0 0 -60px;}
	.section04 .col .row {width:100%; padding:0; margin-bottom:60px;}
	.section04 .tit-box {padding-right:100px;}
	.section04 .tit-box h3 {font-size:28px;}
	.section04 .tit-box .more a {font-size:16px; padding-right:28px; transition:all 0.4s;}
	.section04 .txt-box li {padding:15px 0;}
	.section04 .txt-box li a {font-size:20px;}
	.section04 .txt-box li p {max-width:60px; font-size:16px;}
	/* footer */
	#footer {padding:60px 0;}
	.foot {display:block;}
	.foot-info {display:block; text-align: center; margin-bottom:60px;}
	.foot-info .foot-logo {padding-right:0; margin-bottom:20px;}
	.foot-info .info > div {display:flex; justify-content:center;}
	.foot-info .info dl {display:flex; font-size:14px; margin-bottom:8px; margin-right:20px;}
	.foot-info .info dd {padding-left:10px;}
	.foot-info .info p {margin-top:10px; font-size:14px;}
	.foot-btns ul {margin:0 -15px; justify-content:center;}
	.foot-btns ul li {padding:0 15px;}
	.foot-btns ul li:after {height:16px; margin-top:-8px;}
	.foot-btns ul li a {font-size:14px;}
	
	
}

@media (max-width: 640px) {
	
	#header {height:80px;}
	#header .sitelogo a {height:50px; margin-top:-25px;}
	#header .sitelogo a img {height:100%;}
	
	#header .lang {right:80px;}
	#header .lang ul {margin:0 -8px;}
	#header .lang ul li {padding:0 8px;}
	#header .lang ul li a {font-size:14px;}
	
	/* main-visual */
	.main-visual .thumb h2 {font-size:32px; margin-bottom:20px;}
	.main-visual .thumb h2 strong {font-size:36px;}
	.main-visual .thumb h2  br{display: none;}
	.main-visual .thumb p {font-size:16px;}
	.main-visual .thumb .btns {margin-top:40px; height:26px; max-width:160px;}
	.main-visual .thumb .btns .slick-arrow {width:26px; height:26px;}
	.main-visual .thumb .btns .paging ul li button {width:6px; height:6px;}
	.main-visual .thumb .btns .paging ul li.slick-active button {width:30px;}
	.main-visual .scrolldown {padding-bottom:30px; margin-left:-40px;}
	.main-visual .scrolldown img {width:80px;}
	/* section01 */
	.section01 {padding:80px 0 160px;}
	.section01 .tit-box {margin-bottom:20px;}
	.section01 .tit-box p {font-size:18px; margin-bottom:14px;}
	.section01 .tit-box h3 {font-size:28px;}
	.section01 .txt-box p {font-size:18px; margin-bottom:30px;}
	.section01 .txt-box p br{display: none;}
	.section01 .txt-box a {width:160px; line-height:40px; font-size:16px;}
	.section01 .txt-box a:after {width:20px; height:20px;}
	.section01 .img {width:40%; top:auto; bottom:-40%;}
	/* section02 */
	.section02 {padding:80px 0;}
	.section02 .tit-box {margin-bottom:60px;}
	.section02 .tit-box p {font-size:18px; margin-bottom:14px;}
	.section02 .tit-box h3  {font-size:28px;}
	.section02 .items.top {margin-bottom:20px;}
	.section02 .items .item {margin-right:20px; flex:0 0 auto; width:160px;}
	/* section03 */
	.section03 .row {padding:50px 15px;}
	.section03 .row h4 {font-size:24px; margin-bottom:16px;}
	.section03 .row .more a {font-size:18px; padding-right:30px;}
	.section03 .row .more a:after {width:20px; height:20px; margin-top:-10px;}
	/* section04 */
	.section04 {padding:80px 0;}
	.section04 .col {margin:0 0 -40px;}
	.section04 .col .row {margin-bottom:40px;}
	.section04 .tit-box {padding-right:80px;}
	.section04 .tit-box h3 {font-size:24px; }
	.section04 .tit-box h3 br{display: block;}
	.section04 .tit-box .more a {font-size:14px; padding-right:24px;}
	.section04 .tit-box .more a:after {width:16px; height:16px; margin-top:-8px;}
	.section04 .txt-box li {padding:10px 0;}
	.section04 .txt-box li a {font-size:16px;}
	.section04 .txt-box li p {max-width:60px; font-size:14px;}
	/* footer */
	#footer {padding:30px 0;}
	.foot-info {margin-bottom:30px;}
	.foot-info .info dl {font-size:12px; margin-bottom:6px; margin-right:15px;}
	.foot-info .info p {font-size:12px;}
	.foot-btns ul {margin:0 -10px;}
	.foot-btns ul li {padding:0 10px;}
	.foot-btns ul li:after {height:10px; margin-top:-5px;}
	.foot-btns ul li a {font-size:12px;}

}

@media (max-width: 400px) {

	.section01 .txt-box p br {display:none;}
	
	.section03 .row h4 br {display:none;}
	
}