@charset "utf-8";

@media (max-width: 1600px) {
	/* header */
	#gnb {margin-right: 60px;}

	.scrolldown {bottom:60px; right:60px;}

	/* footer */
	.scrolltop {right: 30px;}
}

@media (max-width: 1400px) {
	/* header */
	#header .sitelogo a {margin-top: -16px;}
	#header .sitelogo img {width: 260px;}
	#gnb {margin-left: 280px; margin-right: 40px;}
	#gnb>ul>li>a {padding: 0 40px;}
	#gnb .submenu {min-width: 200px;}
	/* section03 */
	.section03 .time {padding: 45px 20px 45px 55px;}
	.section03 .time .inner:nth-child(1) {width: 230px;}
	.section03 .time .inner:last-child {width: calc(100% - 230px); border-right:0;} 
	.section03 .time .inner .txt {width: 200px; font-size: 18px;}
	.section03 .time .inner ul {padding-left: 30px;}
}

@media (max-width: 1200px) {
	/* header */
	#header .sitelogo a {margin-top: -15px;}
	#header .sitelogo img {width: 230px;}
	#gnb {margin-left: 260px; margin-right: 40px;}
	#gnb>ul>li>a {padding: 0 24px;}
	/* main-visual */
	.scrolldown {bottom:60px; right:30px;}
	/* section03 */
	.section03 .box {padding:40px 30px;}
	.section03 .box .txt ul li .tt {margin-bottom: 5px;}
	.section03 .box .txt ul li a {width:100%; flex:auto;}
	.section03 .box .more {padding-left:30px;}
	.section03 .box .more a {width:100px;}
	.section03 .time {padding:45px 30px;}
	.section03 .time .inner .txt {width:200px; line-height:50px; font-size:18px;}
	.section03 .time .inner ul {padding-left:30px;}
	.section03 .time .inner ul li {display:block; margin-bottom: 8px;}
	.section03 .time .inner ul li:last-child {margin-bottom: 0;}
	.section03 .time .inner ul li p {width:100%; flex:auto; padding-left:0;}
}

@media (max-width: 1024px) {
	/* header */
	#header {height: 80px;}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	/* main-visual */
	#main {margin-top:80px;}
	.main-visual {height:calc(100vh - 80px);}
	.main-visual .origin .item {height: calc(100vh - 80px);}
	.main-visual .thumb .items {margin-bottom:70px;}
	.main-visual h2 {font-size:50px; margin-bottom:20px;}
	.main-visual p {font-size:18px;}
	/* section */
	.section {padding:100px 0 120px;}
	.sec-tit {margin-bottom:50px;}
	.sec-tit span {font-size:16px; margin-bottom:4px;}
	.sec-tit h3 {font-size:45px;}
	.sec-tit p {font-size:18px; margin-top:25px;}
	/* section01 */
	.section01 {padding-top: 100px;}
	.section01 .inner {padding:40px 20px 60px;}
	.section01 .inner .icon {width:120px; height:120px; margin:0 auto 20px; background-size:120px auto;}
	.section01 .inner h4 {font-size:22px; margin-bottom:30px;}
	.section01 .inner .more {width:120px; line-height:46px; font-size:14px;}
	/* section02 */
	.section02 {padding-top: 100px;}
	.section02 .col .row {padding:40px 30px; height:280px;}
	.section02 .col .row h4 {font-size:22px; margin-bottom:15px;}
	.section02 .col .row p {font-size:16px;}
	.section02 .col .row .more {width:50px; height:50px;}
	.section02 .col .row:after {width:250px; height:67px; background-size:250px auto; bottom:-80px;}
	/* section03 */
	.section03 .box {padding:30px 25px; display:flex; flex-wrap: wrap; margin-bottom:20px;}
	.section03 .box .icon {max-width:40px;}
	.section03 .box .icon img {width: 40px;}
	.section03 .box .tit {font-size:22px; padding-left:15px;}
	.section03 .box .txt {width:100%; flex:auto; margin-top: 20px;}
	.section03 .box .txt ul li {margin-bottom:10px;}
	.section03 .box .txt ul li .tt {max-width:54px; font-size:16px; margin-bottom: 0;}
	.section03 .box .txt ul li a {padding-left:15px; font-size:18px;}
	.section03 .box .more {height:50px; padding-left:30px;}
	.section03 .box .more .typing-container {font-size:18px; line-height:50px;}
	.section03 .box .more a {width:100px; font-size:16px; line-height:50px;}
	.section03 .time {padding:30px 25px; display:block;}
	.section03 .time .inner {border-right:0;}
	.section03 .time .inner:nth-child(1) {display: flex; justify-content: space-between;width: auto;}
	.section03 .time .inner:last-child {width: 100%; border-right:0;} 
	.section03 .time .inner .tit {margin-bottom: 0;}
	.section03 .time .inner .tit .icon {max-width:40px;}
	.section03 .time .inner .tit .icon img {width: 40px;}
	.section03 .time .inner .tit p {font-size:22px; padding-left:15px;}
	.section03 .time .inner .txt {width:170px; line-height:40px; font-size:16px;}
	.section03 .time .inner ul {padding-left:0; margin-top: 20px;}
	.section03 .time .inner ul li {display:flex; align-items:center;}
	.section03 .time .inner ul li .tt {font-size:16px; max-width:53px;}
	.section03 .time .inner ul li p {width:1%; flex:1 1 auto; padding-left:15px; font-size:18px;}

	/* footer */
	#footer {padding:50px 0;}
	.foot-logo {max-width:200px;}
	.foot-info .info {padding-bottom:20px; margin-bottom:20px;}
	.foot-info p {font-size:15px;}
	.foot-info .copy {flex-wrap:wrap;}
	.foot-info ul li a {font-size:15px;}
	.scrolltop {right:30px; bottom:100px;}
}

@media (max-width: 768px) {
	/* header */
	#header {height: 60px;}
	#header.hide {transform:translateY(0);}
	#header .sitelogo a {margin-top: -11px;}
	#header .sitelogo img {width: 180px;}
	/* main-visual */
	#main {margin-top:60px;}
	.main-visual {/* height:calc(100vh - 60px); */height: 800px;}
	.main-visual .origin .item {/* height: calc(100vh - 60px); */height: 800px;}
	.main-visual .thumb .items {margin-bottom:60px;}
	.main-visual h2 {font-size:40px; margin-bottom:15px;}
	.main-visual p {font-size:16px;}

	.scrolldown {bottom:40px; right:20px;}
	/* section */
	.section {padding:70px 0 80px;}
	.sec-tit {margin-bottom:40px;}
	.sec-tit span {font-size:15px;}
	.sec-tit h3 {font-size:32px;}
	.sec-tit p {font-size:16px; margin-top:15px;}
	/* section01 */
	.section01 {padding-top: 70px;}
	.section01 .col {flex-wrap: wrap; margin:-5px;}
	.section01 .col .row {width:50%; padding:5px;}
	.section01 .inner {padding:30px 10px 40px;}
	.section01 .inner .icon {width:100px; height:100px; margin:0 auto 15px; background-size:100px auto;}
	.section01 .inner h4 {font-size:20px; margin-bottom:25px;}
	.section01 .inner .more {width:110px; line-height:42px; font-size:14px;}
	.section01 .inner:hover:after {opacity:0; transform:scale(1);}
	.section01 .inner01:hover .icon {background-image:url('../img/main/sec01-icon01-on.png');}
	.section01 .inner02:hover .icon {background-image:url('../img/main/sec01-icon02-on.png');}
	.section01 .inner03:hover .icon {background-image:url('../img/main/sec01-icon03-on.png');}
	.section01 .inner04:hover .icon {background-image:url('../img/main/sec01-icon04-on.png');}
	.section01 .inner:hover h4 {color:#333;}
	.section01 .inner:hover .more {background:#f6f6f6; color:#999;}
	/* section02 */
	.section02 {padding-top: 70px;}
	.section02 .col .row {width: 50%; padding:30px 20px; height:240px;}
	.section02 .col .row h4 {font-size:20px; margin-bottom:10px;}
	.section02 .col .row p {font-size:16px;}
	.section02 .col .row .more {width:45px; height:45px;}
	.section02 .col .row:hover .more {background:rgba(255,255,255,0.3);}
	.section02 .col .row:hover .more:before,
	.section02 .col .row:hover .more:after {background:#fff;}
	.section02 .col .row:hover:before {opacity:0;}
	.section02 .col .row:hover:after {opacity:0;}
	/* section03 */
	.section03 .col {display:flex; flex-wrap: wrap; margin:-5px;}
	.section03 .col .row {width:100%; padding:5px;}
	.section03 .box {padding:25px 20px; display:flex; flex-wrap: wrap; margin-bottom:10px;}
	.section03 .box .icon {max-width:35px;}
	.section03 .box .icon img {width: 35px;}
	.section03 .box .tit {font-size:20px; padding-left:10px;}
	.section03 .box .more {height:45px; padding-left:30px;}
	.section03 .box .more .typing-container {font-size:18px; line-height:45px;}
	.section03 .box .more a {width:100px; font-size:16px; line-height:45px;}
	.section03 .time {padding:25px 20px; display:block;}
	.section03 .time .inner .tit .icon {max-width:35px;}
	.section03 .time .inner .tit .icon img {width: 35px;}
	.section03 .time .inner .tit p {font-size:20px; padding-left:10px;}
	.section03 .time .inner .txt {width: 160px; font-size: 15px;}
	/* footer */
	#footer {padding:40px 0;}
	.foot-cnt {display: block; text-align: center;}
	.foot-logo {max-width:none; margin-bottom: 20px;}
	.foot-logo img {width: 120px;}
	.foot-info {width: 100%; flex: auto;}
	.foot-info .info {padding-bottom:10px; margin-bottom:10px;}
	.foot-info .copy {display: block;}
	.foot-info ul {justify-content: center;}
	.scrolltop {right:20px; bottom:100px;}
}

@media (max-width: 480px) {
	/* main-visual */
	.main-visual h2 br.mob-only {display: block;}
	/* section */
	.sec-tit p {padding: 0 15px;}
	.sec-tit p br {display: none;}
	.section03 .box .txt ul li {align-items: flex-start;}
	.section03 .box .txt ul li a br.mob-only {display: block;}
}