h3.main-title:before {display:block;content:'';background:url(/skin/C00001/img/main/main-title.png) no-repeat left;height:14px;width:100%;margin-bottom:15px;}
h3.main-title{font-size:32px;font-weight:600;color:#00185f;margin-bottom:30px;display: flex;justify-content: center;align-items: center;flex-direction: column;}

.main-title-box{display: flex;justify-content: space-between;align-items: center;}

a.main-more.m-btn{display:none;}
a.main-more{border:1px solid #3f3f3f;height:50px;border-radius:50px;width:190px;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;}
a.main-more > span{display:inline-block;background:url(/skin/C00001/img/main/main-more.png) no-repeat center right;padding-right:60px;color:#2c2c2a;font-size:20px;font-weight:500;}
a.main-more:after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: scale(0, 1);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
a.main-more:hover:after{transform: scale(1, 1);transform-origin: left center;background:#00185f;z-index:-1;}
a.main-more:hover > span{color:#fff;background: url(/skin/C00001/img/main/main-more-on.png) no-repeat center right;}


h3.main-title02{color:#2c2c2a;display:inline-block;margin-top:15px;border-bottom:6px solid #fcc800;}
h3.main-title02:before{display:none;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}


.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next{width:27px;height:53px;font-size:0;}
.swiper-button .swiper-button-prev:after, .swiper-button .swiper-button-next:after{display:none;}
.swiper-button > .swiper-button-prev{background:url(/skin/C00001/img/main/swiper-button-prev.png) no-repeat;background-size:100%;left:10%;}
.swiper-button > .swiper-button-next{background:url(/skin/C00001/img/main/swiper-button-next.png) no-repeat;background-size:100%;right:10%;}

.rowgroup1 .swiper-slide{overflow: hidden;}
.rowgroup1 .swiper-slide > a{display: flex;justify-content: center;align-items: center;width:100%;}

.rowgroup1 .swiper-slide img.m-img{display:none;}

.rowgroup2{z-index: 1;position: relative;background:#f5f5f5;overflow:hidden;}
.rowgroup2 > .width-auto{display: flex;align-items: center;justify-content: space-between;}
.rowgroup2 > .width-auto > .main-title > a.m-btn{display:none;}
.rowgroup2 > .width-auto > ul{display: flex;width:80%;padding:25px 20px;}
.rowgroup2 > .width-auto > ul > li{flex:1;display: flex;justify-content: center;}
.rowgroup2 > .width-auto > ul > li > a{color:#1b243f;font-size:15px;border-radius:250px;height:135px;width:135px;padding-top:80px;font-weight:600;position: relative;overflow: hidden;text-align:center;letter-spacing:-1px;}
.rowgroup2 > .width-auto > ul > li > a::before{background-color: #fcc800;}
.rowgroup2 > .width-auto > ul > li > a.icon01{background:url(/skin/C00001/img/main/rowgroup4-bg1.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon02{background:url(/skin/C00001/img/main/rowgroup4-bg2.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon03{background:url(/skin/C00001/img/main/rowgroup4-bg3.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon04{background:url(/skin/C00001/img/main/rowgroup4-bg4.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon05{background:url(/skin/C00001/img/main/rowgroup4-bg5.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon06{background:url(/skin/C00001/img/main/rowgroup4-bg6.png) no-repeat center 35px #fff;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a:hover{font-weight:600;color:#fff;transform:translateY(-10px);}
.rowgroup2 > .width-auto > ul > li > a.icon01:hover{background:url(/skin/C00001/img/main/rowgroup4-bg1-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon02:hover{background:url(/skin/C00001/img/main/rowgroup4-bg2-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon03:hover{background:url(/skin/C00001/img/main/rowgroup4-bg3-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon04:hover{background:url(/skin/C00001/img/main/rowgroup4-bg4-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon05:hover{background:url(/skin/C00001/img/main/rowgroup4-bg5-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}
.rowgroup2 > .width-auto > ul > li > a.icon06:hover{background:url(/skin/C00001/img/main/rowgroup4-bg6-on.png) no-repeat center 35px #fcc800;background-size:auto 33px;}


/*
.rowgroup2 > .width-auto > ul > li > a:hover > span{transform: scale(1.1);transition: all 0.2s ease;font-weight:700;}
.rowgroup2 > .width-auto > ul > li > a:after {display:block;content:'';position: absolute;text-align: center;width: 140%;height: 100%;background-color: #ffdb73;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: translate(-250px, 0px) skewX(-30deg);-webkit-transform: translate(-250px, 0px) skewX(-30deg);-moz-transform: translate(-250px, 0px) skewX(-30deg);}
.rowgroup2 > .width-auto > ul > li > a:hover:after {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transform: translate(-15px, 0px) skewX(-30deg);-webkit-transform: translate(-15px, 0px) skewX(-30deg);-moz-transform: translate(-15px, 0px) skewX(-30deg);}

.rowgroup2 > .width-auto > ul > li:nth-child(2) > a:after{background:#996c33}
.rowgroup2 > .width-auto > ul > li:nth-child(3) > a:after{background:#009345}
.rowgroup2 > .width-auto > ul > li:nth-child(4) > a:after{background:#002f76}
.rowgroup2 > .width-auto > ul > li:nth-child(5) > a:after{background:#f24353;}
*/



.rowgroup3{background:#f9d145;}
.rowgroup3 > .width-auto{display: flex;align-items: center;padding:75px 20px 35px 20px;justify-content: space-between;}
.rowgroup3 ul.my-page-list{display: flex;width:80%;}
.rowgroup3 ul.my-page-list > li{flex:1;}
.rowgroup3 ul.my-page-list > li > a{width:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.rowgroup3 ul.my-page-list > li > a > i{width:100%;height:85px;display:block;font-size:0;}
.rowgroup3 ul.my-page-list > li > a > span{font-size:22px;color:#2c2715;font-weight:500;display:block;margin-top:30px;font-weight:600;}
.rowgroup3 ul.my-page-list > li > a > span > b{font-size:15px;color:#f24353;font-weight:600;}
.rowgroup3 ul.my-page-list > li > a > i.icon01{background:url(/skin/C00001/img/main/my-page-icon01.png) no-repeat center center;background-size:auto 100%;}
.rowgroup3 ul.my-page-list > li > a > i.icon02{background:url(/skin/C00001/img/main/my-page-icon02.png) no-repeat center center;background-size:auto 100%;}
.rowgroup3 ul.my-page-list > li > a > i.icon03{background:url(/skin/C00001/img/main/my-page-icon03.png) no-repeat center center;background-size:auto 100%;}
.rowgroup3 ul.my-page-list > li > a > i.icon04{background:url(/skin/C00001/img/main/my-page-icon04.png) no-repeat center center;background-size:auto 100%;}
.rowgroup3 ul.my-page-list > li > a > i.icon05{background:url(/skin/C00001/img/main/my-page-icon05.png) no-repeat center center;background-size:auto 100%;}
.rowgroup3 ul.my-page-list > li > a:hover{transition: all .35s linear;transform: scale(1.1);}
.rowgroup3 ul.my-page-list > li > a:hover > span{font-weight:600;}
.rowgroup3 ul.my-page-list > li > a:hover > span > b{font-weight:700;}

.rowgroup4{margin-top:80px;align-items: center;justify-content: space-between;text-align:center;}
.rowgroup4 h4.main-title{font-size:22px;font-weight:600;color:#2c2c2a;margin-bottom:30px;}
.rowgroup4 > .reorder-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.rowgroup4 > .reorder-list > li{flex:1;margin:25px;min-width: 260px;max-width:375px;}
.rowgroup4 > .reorder-list > li > a{display:block;transition: transform 500ms ease-in-out;text-align:center;}
.rowgroup4 > .reorder-list > li > a > .img{border-radius:6px;overflow: hidden;height:160px;}
.rowgroup4 > .reorder-list > li > a > .img > img{transition: all 0.4s linear;}
.rowgroup4 > .reorder-list > li > a > h3{padding-top:20px;font-size:22px;color:#2c2c2a;font-weight:600;transition: all 0.4s linear;}
.rowgroup4 > .reorder-list > li > a:hover > .img > img{transform: scale(1.3);}
.rowgroup4 > .reorder-list > li > a:hover > h3{padding-top:10px;}


.rowgroup5{margin-top:150px;background:url(/skin/C00001/img/main/rowgroup5-bg.gif) no-repeat left center;background-size:auto 100%;}
.rowgroup5 > .width-auto02{max-width: 1550px;margin:0 auto;display: flex;align-items: center;padding:0 20px;justify-content: space-between;}
.rowgroup5 > .width-auto02 > *{flex:1;}
.rowgroup5 > * + h3.main-title{margin-top:120px;}
.rowgroup5 .mySwiper05-2{height:445px;margin-left:85px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a{display: flex;width:100%;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > i{width:366px;height:445px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > i > img{width:100%;height:100%;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box{text-align:left;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box > h3{margin-top:15px;font-size:45px;color:#333333;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box > p{margin-top:10px;font-size:22px;color:#333333;}
.rowgroup5 .mySwiper05-2 .swiper-button-prev, .rowgroup5 .mySwiper05-2 .swiper-button-next{display:none;}
.rowgroup5 .mySwiper05{padding:0 85px;}
.rowgroup5 .mySwiper05 .swiper-button-prev, .rowgroup5 .mySwiper05 .swiper-button-next{width:80px;height:100%;top:0;margin-top:0;}
.rowgroup5 .mySwiper05 .swiper-button-prev{background:url(/skin/C00001/img/main/rowgroup5-prev.png) no-repeat center left #fff;left:0;}
.rowgroup5 .mySwiper05 .swiper-button-next{background:url(/skin/C00001/img/main/rowgroup5-next.png) no-repeat center right #fff;right:0;}
.rowgroup5 > a.more-btn{margin-top:40px;height:50px;width:190px;border:1px solid #ffd84d;text-align:center;line-height:20px;padding:14px;color:#1e1e1e;font-size:19px;font-weight:500;background:#fff;border-radius:50px;overflow: hidden;position: relative;}
.rowgroup5 > a.more-btn:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #185a62;position: absolute;bottom: 0;left: 0;}
.rowgroup5 > a.more-btn:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #185a62 transparent transparent;position: absolute;top: 0;right: 0;}
.rowgroup5 > a.more-btn:hover{color:#fff;}
.rowgroup5 > a.more-btn:hover:after{transform: scale(1, 1);transform-origin: left center;background:#00185f;z-index:-1;}


.rowgroup5-2{margin-top:105px;background:#f9f9f9;padding:95px 0 80px;}
.rowgroup5-2 .m-btn{display:none;}
.rowgroup5-2 .width-auto02{max-width:1540px;padding:0 20px;margin:0 auto;}
.rowgroup5-2 .rowgroup5-02{margin-top:100px;padding:0 80px;}
.rowgroup5-2 .rowgroup5-02 .swiper-slide > a > i{display:flex;padding:40px 15px;height:310px;width: 100%;align-items: center;justify-content: center;background:#fff;border-radius:15px;}
.rowgroup5-2 .rowgroup5-02 .swiper-slide > a > i > img{max-height:100%;}
.rowgroup5-2 .rowgroup5-02 .swiper-slide > a > h3.title{font-size:20px;color:#212121;font-weight:600;margin-top:30px;text-align:center;}
.rowgroup5-2 .swiper-button-prev, .rowgroup5-2 .swiper-button-next{width:80px;height:100%;top:0;margin-top:0;}
.rowgroup5-2 .swiper-button-prev{background:url(/skin/C00001/img/main/rowgroup5-prev.png) no-repeat top 132px left #f9f9f9;left:0;}
.rowgroup5-2 .swiper-button-next{background:url(/skin/C00001/img/main/rowgroup5-next.png) no-repeat top 132px right #f9f9f9;right:0;}
.rowgroup5-2 .swiper-pagination{margin-top:65px;position: initial;}
.rowgroup5-2 .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 8px;background:#e4e4e4;opacity:1;}
.rowgroup5-2 .swiper-pagination .swiper-pagination-bullet-active{background:#111111;}


.rowgroup6{margin-top:120px;}
.rowgroup6 > .portfolio-list{margin-top:60px;}
.rowgroup6 > .portfolio-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.rowgroup6 > .portfolio-list > li{flex:1;display: flex;}
.rowgroup6 > .portfolio-list > li > p.img{width:180px;height:205px;overflow: hidden;}
.rowgroup6 > .portfolio-list > li > .txt{padding:25px 15px;}
.rowgroup6 > .portfolio-list > li > .txt > h3.title1{font-size:26px;color:#1f1f1e;font-weight:500;}
.rowgroup6 > .portfolio-list > li > .txt > h3.title2{font-size:16px;color:#5c5c5b;margin-top:10px;height:90px;font-weight:500;}
.rowgroup6 > .portfolio-list > li > .txt > a.more-btn{padding-right:40px;background:url(/skin/C00001/img/main/rowgroup6-more.gif) no-repeat right center;color:#5c5c5b;font-size:16px;line-height:28px;font-weight:500;}

.rowgroup7{margin-top:95px;padding:80px 0;background:#fbfbfb;}
.rowgroup7 > .width-auto{display: flex;flex-wrap: wrap;justify-content: space-between;}
.rowgroup7 > .width-auto > div > h3.title{padding-bottom:15px;font-size:22px;font-weight:600;color:#2c2c2a;}
.rowgroup7 > .width-auto > div.notice{width:37%;}
.rowgroup7 > .width-auto > div.notice > h3.title{display: flex;justify-content: space-between;border-bottom:3px solid #000000;}
.rowgroup7 > .width-auto > div.notice > h3.title > a{height:20px;background:url(/skin/C00001/img/main/notice-more.gif) no-repeat right center;padding-right:10px;font-size:14px;color:#5c5c5b;line-height:20px;font-family: 'Arial';font-weight:500;}
.rowgroup7 > .width-auto > div > .notice-box > ul > li > a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:flex;height:70px;width:100%;align-items: center;border-bottom:1px solid #f2f2f2;font-size:18px;color:#1f1f1e;}
.rowgroup7 > .width-auto > div.customer-service > h3.title > span{font-size:22px;font-weight:600;color:#2c2c2a;background:url(/skin/C00001/img/main/customer-service-img.gif) no-repeat right center;padding-right:40px;}
.rowgroup7 > .width-auto > div.customer-service > .box{height:210px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.rowgroup7 > .width-auto > div.customer-service > .box > .tel > a{font-size:44px;color:#1f1f1e;font-weight:600;font-family: 'Arial';}
.rowgroup7 > .width-auto > div.customer-service > .box > .customer-service-day > li{line-height:28px;font-size:17px;font-weight:500;color:#555555;}
.rowgroup7 > .width-auto > div.customer-service > .box > a.next-btn{height:48px;border:1px solid #151515;border-radius:5px;display: flex;align-items: center;width:170px;font-size:18px;color:#1f1f1e;font-weight:500;justify-content: center;}
.rowgroup7 > .width-auto > div.file > .file-box{height: 210px;display: flex;flex-direction: column;justify-content: flex-end;}
.rowgroup7 > .width-auto > div.file > .file-box > dl{width:225px;}
.rowgroup7 > .width-auto > div.file > .file-box > dl + dl{margin-top:25px;}
.rowgroup7 > .width-auto > div.file > .file-box > dl > dt{color:#1f1f1e;font-size:17px;margin-bottom:15px;font-weight:500;}
.rowgroup7 > .width-auto > div.file > .file-box > dl > dd > a{color:#ffffff;display: flex;width:100%;height:50px;align-items: center;font-size:17px;border-radius:3px;font-weight:500;}
.rowgroup7 > .width-auto > div.file > .file-box > dl.naver > dd > a{background:url(/skin/C00001/img/main/naver-mail.png) no-repeat left 23px center #03c95b;padding-left:84px;}
.rowgroup7 > .width-auto > div.file > .file-box > dl.webhard > dd > a{background:url(/skin/C00001/img/main/webhard.png) no-repeat left 23px center #373791;padding-left:62px;}


@media screen and (min-width:1910px) {
	.rowgroup1 .swiper-slide img{width:100%;height:500px;}
}

@media screen and (max-width:1600px) {
.rowgroup5 .mySwiper05-2{width:365px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a{flex-direction: column;position: relative;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box{position: absolute;bottom: 0;background: rgba(0, 0, 0, .5);width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding:10px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box > *{color:#fff !important;margin:0 !important;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box > h3{font-size:30px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box > p{font-size:18px;margin-top:10px;}
.rowgroup5 .swiper-button-prev, .rowgroup5 .swiper-button-next, .rowgroup5 .swiper-button-prev2, .rowgroup5 .swiper-button-next2{width:80px;}
.rowgroup5 > .width-auto02 > *{flex:none;}
.rowgroup5 > .width-auto02 > .mySwiper05{width:calc(100% - 550px);}
}


@media screen and (max-width:1300px) {
.rowgroup5 .mySwiper05-2{height:350px;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > i{height:350px;background:#eee;}
.rowgroup5 .mySwiper05-2 .swiper-slide > a > i > img{width:auto;height:100%;}
.rowgroup5 > .width-auto02 > .mySwiper05{width:calc(100% - 500px);}
.rowgroup5 .mySwiper05 .swiper-button-prev, .rowgroup5 .mySwiper05 .swiper-button-next{background-position-y:center !important}
.rowgroup5 .swiper-button-prev, .rowgroup5 .swiper-button-next, .rowgroup5 .swiper-button-prev2, .rowgroup5 .swiper-button-next2{width:80px;}

.rowgroup7 > .width-auto > div.customer-service > .box > .tel > a{font-size:28px;}
}

@media screen and (max-width:1200px) {
	.rowgroup5 .mySwiper05-2{height:280px;}
	.rowgroup5 .mySwiper05-2 .swiper-slide > a > i{height:280px;}
	
	.rowgroup6 > .portfolio-list > li{flex-direction: column;width: auto;}
	.rowgroup6 > .portfolio-list > li > .txt{padding:0;margin-top:10px;}
	.rowgroup6 > .portfolio-list > li > .txt > h3.title2{height:auto;}
	.rowgroup6 > .portfolio-list > li > .txt > h3.title1{font-size:18px;}
	.rowgroup6 > .portfolio-list > li > .txt > h3.title2{font-size:14px;}


	.rowgroup7 > .width-auto > div{padding:20px;}
	.rowgroup7 > .width-auto > div.naver-mail > .box > .hard-id-pw{padding:10px;}
	.rowgroup7 > .width-auto > div > .box > .customer-service-text{margin-top:0;}
}
@media screen and (max-width:1024px) {
	h3.main-title:before{background:#00185f;height:3px;width:30px;margin-bottom:7px;}
	h3.main-title{width:100%;font-size:18px;margin-bottom:20px;}
	h3.main-title > br{display:none;}
	h3.main-title02{border-bottom:0;margin-top:0;color: #00185f;display: flex;}
	h3.main-title02:before{display: inline-block;content: '';background:#00185f;height:3px;width:30px;margin-bottom:7px;}
	h3.main-title.main-title02{margin-bottom:0;}
	h4.main-title{font-size:14px !important;margin-top:10px;}
	a.main-more.pc-btn{display:none;}
	a.main-more.m-btn{display:flex;margin: 0 auto;margin-top:20px;}

	.rowgroup1 .swiper-slide img.pc-img{display:none;}
	.rowgroup1 .swiper-slide img.m-img{display:block;}
	
	.rowgroup2{box-shadow:0 0 0;}
	.rowgroup2 > .width-auto{height:auto;padding:20px;align-items:flex-start;justify-content: space-between;flex-direction: column;}
	.rowgroup2 > .width-auto > ul{display:none;flex-wrap: wrap;margin:0 auto;width:auto;max-width:600px;}
	.rowgroup2 > .width-auto > ul > li{margin:5px;flex:auto;}
	.rowgroup2 > .width-auto > .main-title > a.m-btn{display:flex;}
	.rowgroup2 > .width-auto > .main-title > a.m-btn > .on{display:none;}
	.rowgroup2 > .width-auto > .main-title > a.m-btn.on > .on{display:flex;}
	.rowgroup2 > .width-auto > .main-title > a.m-btn.on > .off{display:none;}
	
	.rowgroup3 > .width-auto{padding:20px;flex-direction: column;}
	.rowgroup3 ul.my-page-list{flex-wrap: wrap;}
	.rowgroup3 ul.my-page-list > li{margin:5px;}
	.rowgroup3 ul.my-page-list > li > a > i{width:100px;height:100px;background-size:auto 55% !important;}
	.rowgroup3 ul.my-page-list > li > a > span{font-size:18px;margin-top:0;}
	
	.rowgroup4{margin-top:50px;}
	.rowgroup4 > .reorder-list{justify-content: center;}
	.rowgroup4 > .reorder-list > li{margin:10px 25px;}
	.rowgroup4 > .reorder-list > li > a{height:190px;background-size:auto 80px !important;background-position:bottom 10px center !important;}
	.rowgroup4 > .reorder-list > li h3.order-title{font-size:16px;height:30px;padding-top:10px;}

	.rowgroup5{background:none;padding:50px 0;margin-top:0;}
	.rowgroup5 .swiper{width:100%;}
	.rowgroup5 .mySwiper05-2{height:auto;width:calc(100% + 40px);padding:20px 40px;margin:0 -20px;margin-top:20px;background:#f9d145;}
	.rowgroup5 .mySwiper05-2 .swiper-slide > a{align-items: stretch;flex-direction: row;justify-content: center;}
	.rowgroup5 .mySwiper05-2 .swiper-slide > a > i{height:500px;background:#eee;}
	.rowgroup5 .mySwiper05-2 .swiper-slide > a > .txt-box{position: static;width:auto;background:none;flex-direction: column;}
	.rowgroup5 > .width-auto02 > .mySwiper05{width:100%;margin:0;margin-top:30px;padding:0 40px;}
	.rowgroup5 .tab-theme > li > a{font-size:16px;height:40px;}
	.rowgroup5 > .width-auto02{flex-wrap: wrap;}
	.rowgroup5 .swiper-button-prev, .rowgroup5 .swiper-button-next, .rowgroup5 .swiper-button-prev2, .rowgroup5 .swiper-button-next2{background-size:30px auto !important;width:50px;background-position-x: center;}
	.rowgroup5 .mySwiper05 .swiper-button-prev, .rowgroup5 .mySwiper05 .swiper-button-next{width:40px;}

	.rowgroup5-2{margin-top:0;padding:50px 0;text-align:center;}
	.rowgroup5-2 .rowgroup5-02{margin-top:20px;padding:0 50px;}
	.rowgroup5-2 .rowgroup5-02 .swiper-slide > a > i{height:250px;}
	.rowgroup5-2 .rowgroup5-02 .swiper-slide > a > h3.title{font-size:16px;margin-top:10px;}
	.rowgroup5-2 .swiper-pagination{margin-top:10px;}
	.rowgroup5-2 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 2px;}
	.rowgroup5-2 .swiper-button-prev, .rowgroup5-2 .swiper-button-next{width:50px;background-position-y:90px;background-size:40px !important;}


	.rowgroup6{margin-top:50px;}
	.rowgroup6 > .portfolio-list{margin-top:20px;justify-content: center;}
	.rowgroup6 > .portfolio-list > li{flex:none;margin:10px;flex-direction: row;}
	.rowgroup6 > .portfolio-list > li > .txt{padding:20px 10px;}

	.rowgroup7{margin-top:50px;}
	.rowgroup7 > .width-auto > div.notice{width:100%;}
	.rowgroup7 > .width-auto > div{width:50%;}
	.rowgroup7 > .width-auto > div > h3.title{border-bottom: 3px solid #000000;font-size:18px;padding-bottom:10px;}
	.rowgroup7 > .width-auto > div.customer-service > .box{height:auto;}

	
}

@media screen and (max-width:768px) {
	.rowgroup5 .mySwiper05-2 .swiper-slide > a > i{height:400px;background:none;}

	.rowgroup6 > .portfolio-list > li{flex-direction: column;}
	
	.rowgroup7 > .width-auto > div{width:100%;background-size:auto 40% !important}
	.rowgroup7 > .width-auto > div > .box > .tel{font-size:25px;margin-top:10px;}
	.rowgroup7 > .width-auto > div.customer-service > .box > .customer-service-day > li{font-size:13px;}
	.rowgroup7 > .width-auto > div.customer-service > .box > a.next-btn{height:38px;font-size:14px;width:140px;}
	.rowgroup7 > .width-auto > div > .file-box{justify-content: center;}
	.rowgroup7 > .width-auto > div > .file-box > dl{margin:0 10px;}
	

}

@media screen and (max-width:680px) {
	.rowgroup3 ul.my-page-list > li > a > i{width:80px;height:60px;}
	.rowgroup3 ul.my-page-list > li > a > i > img{width:90%;}

	.rowgroup4 > .reorder-list > li{width:calc((100% - 20px) / 2);}
	.rowgroup4 > .reorder-list > li:last-child{width:100%;}
	.rowgroup4 > .reorder-list > li h3.order-title{font-size:18px;}

	.rowgroup5 > .width-auto02 > .mySwiper05{display:none;}

	.rowgroup7 > .width-auto > div > .box > .customer-service-text > dl, .rowgroup7 > .width-auto > div.naver-mail > .box > .hard-id-pw{flex-direction: column;align-items: flex-start;}
	.rowgroup7 > .width-auto > div > .box > .customer-service-text > dl > dd, .rowgroup7 > .width-auto > div.naver-mail > .box > .hard-id-pw > dd{margin-top:10px;}
	.rowgroup7 > .width-auto > div > .box > .hard-id-pw > dl{flex-direction: row;}
	

}


@media screen and (max-width:500px) {

}
@media screen and (max-width:460px) {

	.rowgroup7 > .width-auto > div > .file-box > dl{justify-content: center;flex-direction: column;width:100%;}
	.rowgroup7 > .width-auto > div > .file-box > dl > dt{width:auto;}
	.rowgroup7 > .width-auto > div > .file-box > dl > dd{margin-top:10px;width:100%;}
	.rowgroup7 > .width-auto > div > .file-box > dl.webhard > dd > h3.tit{margin-left:0;width:100%;}

}