@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: normal; src: url("../fonts/SpoqaHanSansNeo-Regular.ttf"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.otf") format("opentype"), url("../fonts/SpoqaHanSansNeo-Regular.eot") format("embedded-opentype"); }

@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: bold; src: url("../fonts/SpoqaHanSansNeo-Bold.ttf"), url("../fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Bold.otf") format("opentype"), url("../fonts/SpoqaHanSansNeo-Bold.eot") format("embedded-opentype"); }

@font-face { font-family: '-윤디자인웹돋움'; font-weight: normal; src: url("../fonts/-윤디자인웹돋움.ttf"); }

.clearfix::after { content: ''; display: block; clear: both; }

h2 { font-size: 20px; font-weight: bold; }

a { color: #000; text-decoration: none; }

.inner { width: 1350px; height: 100%; padding: 0 25px; margin: 0 auto; }

/* header { width: 100%; height: 100px; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; top: 0; left: 0; z-index: 99; }

header .inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

header .inner .logo { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .inner .gnb ul { height: 100%; }

header .inner .gnb li { height: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 25px; position: relative; text-align: center; }

header .inner .gnb li a { font-size: 20px; font-weight: bold; }

header .inner .gnb li:hover .gnb__sub { visibility: visible; opacity: 1; }

header .inner .gnb li:hover .gnb__sub a { color: #000; }

header .inner .gnb li:hover a { color: #ff7f12; }

header .inner .gnb__sub { width: 100%; position: absolute; top: 100px; left: 0; background-color: #fff; border: 1px solid #ff7f12; border-top: 3px solid #ff7f12; opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; visibility: hidden; }

header .inner .gnb__sub li { float: none; display: block; height: auto; padding: 15px; text-align: center; }

header .inner .gnb__sub li:hover { border-bottom: none; }

header .inner .gnb__sub li a { font-size: 16px; font-weight: normal; }

header .inner .gnb__sub li a:hover { color: #ff7f12 !important; } */

/* 상단 끝 */

main { font-family: 'SpoqaHanSansNeo', 'Sans-serif'; font-weight: normal; font-size: 16px; }

main .intro, main .products, main .comp { height: calc(100vh - 100px); padding-top: 100px; }

main .mainVisual { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url("../img/main/vMainBg.jpg") no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main/vMainBg.jpg") no-repeat; background-size: cover; color: #fff; }

main .mainVisual .mainVisual__letter { text-align: center; }

main .mainVisual .mainVisual__letter h2 { font-size: 80px; margin-bottom: 45px; line-height: 1.3; }

main .mainVisual .mainVisual__letter h2 span { font-size: 45px; }

main .mainVisual .mainVisual__letter p { font-size: 30px; line-height: 1.3; }

/*
main .pager { position: fixed; left: 50px; top: 50vh; z-index: 98; }

main .pager li a { width: 20px; height: 20px; background-color: #fff; border-radius: 50%; display: block; text-indent: -9999px; margin-top: 20px; }

main .pager li a:hover { background-color: #545454; }

main .pager li a.active { background-color: #333333; }

main .pager li:first-child a { margin-top: 0; }
*/

main .intro { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url("../img/main/iMainBg.jpg") no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main/iMainBg.jpg") no-repeat; background-size: cover; }

main .intro .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

main .intro .inner h2 { font-size: 50px; line-height: 1.5; color: #fff; padding-bottom: 90px; }

main .intro .inner h2 span { color: #f29909; }

main .intro .inner h2 .intro__small { color: #fff; font-size: 30px; font-weight: normal; }

main .intro .inner ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); justify-items: center; }

main .intro .inner ul li { width: 90%; border-radius: 50%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .intro .inner ul li::after { content: ''; display: block; padding-bottom: 100%; }

main .intro .inner ul li:first-child { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../img/main/iMenu1Bg.jpg") no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/main/iMenu1Bg.jpg") no-repeat; }

main .intro .inner ul li:nth-child(2) { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../img/main/iMenu2Bg.jpg") center no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/main/iMenu2Bg.jpg") center no-repeat; }

main .intro .inner ul li:last-child { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../img/main/iMenu3Bg.jpg") no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/main/iMenu3Bg.jpg") no-repeat; }

main .intro .inner ul li .intro__innerBox h3 { font-size: 30px; font-weight: bold; line-height: 1.3; }

main .intro .inner ul li .intro__innerBox p { font-size: 20px; margin: 25px auto 43px; line-height: 1.2; }

main .intro .inner ul li .intro__innerBox a { font-size: 20px; padding: 10px 40px; border: 3px solid #fff; color: #fff; border-radius: 25px; -webkit-transition: all .8s ease; transition: all .8s ease; }

main .intro .inner ul li .intro__innerBox a:hover { background: #fff; color: #333; }

main .products, main .comp { background: url("../img/main/vMainBg2.jpg"); background-size: cover; }

main .products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

main .products h2 { font-size: 45px; text-align: center; padding: 43px 0; }

main .products h3 { color: #fd3038; font-size: 25px; font-weight: bold; }

main .products h4 { color: #ff7f12; font-size: 35px; font-weight: bold; margin-top: 15px; }

main .products li { position: relative; height: 380px; }

main .products li .products__bg { width: 500px; height: 100%; }

main .products li .products__desc { width: 1130px; height: 100%; background-color: rgba(255, 255, 255, 0.5); display: grid; -ms-grid-rows: 1fr[3]; grid-template-rows: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .products li .products__desc ul { display: block; height: auto; }

main .products li .products__desc ul li { font-family: '-윤디자인웹돋움', 'SpoqaHanSansNeo'; font-weight: normal; height: auto; margin-top: 25px; font-size: 23px; }

main .products li .products__desc .products__desc-title { align-self: flex-end; }

main .products li .products__desc .products__desc-btn { text-align: right; }

main .products li .products__desc .products__desc-btn a { font-size: 25px; color: #fff; font-weight: bold; background-color: #ff7f12; margin-top: 40px; padding: 8.5px 43px; border-radius: 50px; }

main .products li:first-child { padding-bottom: 50px; }

main .products li:first-child .products__desc li:first-child { align-self: flex-start; padding-bottom: 0; }

main .products li:first-child .products__desc li:last-child { text-align: left; }

main .products li:first-child .products__desc-title, main .products li:first-child .products__desc-con { margin-left: 290px; }

main .products li:first-child .products__desc-btn { margin-right: 145px; }

main .products li:first-child .products__bg { float: left; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url("../img/main/pGoodsBg1.jpg") no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../img/main/pGoodsBg1.jpg") no-repeat; }

main .products li:first-child .products__img { position: absolute; left: 325px; top: 80px; }

main .products li:first-child .products__desc { float: left; border-top-right-radius: 300px; border-bottom-right-radius: 300px; }

main .products li:last-child { clear: both; text-align: right; -ms-flex-item-align: start; align-self: flex-start; }

main .products li:last-child .products__desc-title, main .products li:last-child .products__desc-con, main .products li:last-child .products__desc-btn { margin-right: 340px; }

main .products li:last-child .products__bg { float: right; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url("../img/main/pGoodsBg2.jpg") bottom right no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../img/main/pGoodsBg2.jpg") bottom right no-repeat; }

main .products li:last-child .products__img { position: absolute; right: 280px; top: 80px; }

main .products li:last-child .products__desc { float: right; border-top-left-radius: 300px; border-bottom-left-radius: 300px; }

main .products li:last-child .products__desc li:first-child { padding-bottom: 0; }

main .comp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .comp .inner { margin: 0 auto; display: -ms-grid; display: grid; width: 1400px; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; }

main .comp .inner h2 { margin-bottom: 20px; font-size: 20px; }

main .comp .comp__promotion { padding: 0 25px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

main .comp .comp__promotion .comp__promotion-innerBox { height: 0; padding: 38% 0; position: relative; }

main .comp .comp__promotion iframe { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

main .comp .comp__notice { display: -ms-grid; display: grid; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-row-gap: 20px; padding: 0 25px; height: 100%; }

main .comp .comp__notice .comp__notice-top h2 { float: left; }

main .comp .comp__notice .comp__notice-top .more { float: right; padding-top: 4px; }

main .comp .comp__notice ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; }

main .comp .comp__notice li { width: 100%; text-align: center; position: relative; cursor: pointer; }

main .comp .comp__notice li::after { display: block; content: ''; padding-bottom: 68.26%; }

main .comp .comp__notice li .comp__innerBox { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .comp .comp__notice li .comp__innerBox a { display: block; width: 100%; }

main .comp .comp__notice li .comp__innerBox a .comp__notice-content { padding: 0 10px; margin: 20px 0; }

main .comp .comp__notice li .comp__innerBox a .comp__notice-post_date { font-size: 18px; font-weight: bold; }

main .comp .comp__notice .comp__pr { align-self: flex-end; }

main .comp .comp__notice .comp__pr li .comp__innerBox a h3, main .comp .comp__notice .comp__pr li .comp__innerBox a p { display: none; }

main .comp .comp__notice .comp__pr li:hover .comp__innerBox a h3, main .comp .comp__notice .comp__pr li:hover .comp__innerBox a p { display: block; color: #fff; }

main .comp .comp__notice .comp__pr li:hover .comp__innerBox a h3 { font-size: 20px; font-weight: bold; }

main .comp .comp__notice .comp__news li { text-align: center; background-color: #eec179; }

main .comp .comp__notice .comp__news li:hover { background-color: #ff7f12; }

main .comp .comp__notice .comp__news li .comp__innerBox a h3 { font-size: 20px; font-weight: bold; }

main .comp .comp__notice .comp__news li .comp__innerBox a:hover h3, main .comp .comp__notice .comp__news li a:hover p { color: #fff; }




.banner{ text-align:center; margin:30px 0;}
.banner .tilte-p { font-family:nanummyeongjo; font-size:30px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-03.png) no-repeat center bottom; margin-bottom:50px; text-align:center; }
.banner span{ padding:0 15px;}
.banner  .chapter06 { max-width:1500px; margin:0 auto; padding:60px 0px;} 






@media all and ( max-width: 1920px ){
    main .intro, main .products, main .comp { height: calc(100vh - 85px); padding-top: 85px; }
	main .products li { height: 330px; }
	main .products li .products__desc ul li { margin-top: 15px; }
    main .products li:first-child .products__img { top: 30px; }
    main .products li:last-child .products__img { top: 40px; }
} /* 1920 * 1080 */

@media all and ( max-width: 1680px ) {
    main .products li { height: 280px; }
	main .products li:first-child .products__bg, main .products li:last-child .products__bg { width: 300px; }
	main .products li:first-child .products__img { left: 140px; top: 40px; }
	main .products li:last-child .products__img { right: 140px; top: 50px; }
	main .products li .products__img img { width: 80%; height: 80%; }
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 1000px; }
    main .products li .products__desc ul li { font-size: 20px; margin-top: 8px; }
	main .products li .products__desc h4 { margin-top: 8px; font-size: 30px; }
    main .products li:first-child .products__desc-title, main .products li:first-child .products__desc-con { margin-left: 180px; }
    main .products li:first-child .products__desc .products__desc-btn { margin-right: 220px; }
    main .products li:last-child .products__desc-title, main .products li:last-child .products__desc-con, main .products li:last-child .products__desc .products__desc-btn { margin-right: 270px; }
    main .products li .products__desc .products__desc-btn a { font-size: 20px; padding: 5px 20px; }
}

@media all and ( max-width: 1600px ) {
    main .products li { height: 250px; }
	main .products li:first-child .products__bg, main .products li:last-child .products__bg { width: 250px; }
	main .products li:first-child .products__img { left: 140px; top: 20px; }
	main .products li:last-child .products__img { right: 140px; top: 30px; }
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 900px; }
    main .products li .products__desc h3 { font-size: 20px; }
    main .products li .products__desc h4 { margin-top: 5px; font-size: 25px; }
    main .products li .products__desc ul li { font-size: 16px; }
}

@media all and ( max-width: 1400px ){
    .inner, main .comp .inner { width: calc(100% - 50px); }
    main .intro .inner ul li { width: 66.67%; }
    main .intro .inner ul li .intro__innerBox h3 { font-size: 25px; }
    main .intro .inner ul li .intro__innerBox p { font-size: 16px; }
    main .intro .inner ul li .intro__innerBox a { font-size: 16px; padding: 5px 20px; }
    main .products li { height: 180px; }
    main .products li:first-child .products__bg, main .products li:last-child .products__bg { width: 180px; }
    main .products li:first-child .products__img { left: 80px; top: 30px; }
	main .products li:last-child .products__img { right: 50px; top: 30px; }
    main .products li .products__img img { width: 50%; height: 50%; } 
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 750px; }
    main .products li .products__desc h3 { font-size: 16px; }
    main .products li .products__desc h4 { font-size: 18px; }
    main .products li .products__desc ul li { font-size: 16px; }
    main .products li:first-child .products__desc-title, main .products li:first-child .products__desc-con { margin-left: 100px; }
    main .products li:first-child .products__desc .products__desc-btn { margin-right: 170px; }
    main .products li:last-child .products__desc-title, main .products li:last-child .products__desc-con, main .products li:last-child .products__desc .products__desc-btn { margin-right: 130px; }
    main .products li .products__desc .products__desc-btn a { font-size: 13px; padding: 3px 10px; }
}/* 1400 */

@media all and ( max-width: 1280px ){
    main .intro, main .products, main .comp { height: calc(100vh - 55.5px); padding-top: 55.5px; }
	main .intro .inner ul li .intro__innerBox h3 { font-size: 25px; }
    main .intro .inner ul li .intro__innerBox p { font-size: 16px; }
    main .intro .inner ul li .intro__innerBox a { font-size: 16px; padding: 5px 20px; }
    main .products h2 { font-size: 35px; }
    main .products li { height: 150px; }
    main .products li:first-child .products__bg, main .products li:last-child .products__bg { width: 150px; }
    main .products li:first-child .products__img { left: 80px; top: 10px; }
	main .products li:last-child .products__img { right: 40px; top: 20px; }
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 600px; }
    main .products li:first-child .products__desc .products__desc-title, main .products li:first-child .products__desc .products__desc-con, main .products li:first-child .products__desc .products__desc-btn { margin-left: 130px; }
    main .products li:first-child .products__desc .products__desc-btn { margin-right: 120px; }
    main .products li:last-child .products__desc .products__desc-title, main .products li:last-child .products__desc .products__desc-con, main .products li:last-child .products__desc .products__desc-btn { margin-right: 140px; }
    main .products li .products__desc h3 { font-size: 14px; }
    main .products li .products__desc h4 { font-size: 16px; margin-top: 3px; }
    main .products li .products__desc ul li { font-size: 13px; margin-top: 3px; }
    main .products li .products__desc .products__desc-btn a { font-size: 11px; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 14px; margin: 10px 0; }
    main .comp .comp__notice .comp__pr li:hover .comp__innerBox a h3 { font-size: 16px; }
    main .comp .comp__notice .comp__news li .comp__innerBox a h3 { font-size: 16px; }
} /* 1280 */

@media all and ( max-width: 1024px ) {
    main .intro .inner h2 { padding-bottom: 45px; }
    main .intro .inner ul li { width: 90%; }
    main .comp .comp__promotion .comp__promotion-innerBox { padding: 54% 0; }
    main .comp .comp__notice li::after { padding-bottom: 100%; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 13px; }
} /* 1024 */

@media all and ( max-width: 960px ) {
    main .intro .inner h2 { font-size: 30px; }
    main .intro .inner h2 .intro__small { font-size: 20px; }
    main .intro .inner ul li .intro__innerBox h3 { font-size: 20px; }
    main .intro .inner ul li .intro__innerBox p { font-size: 14px; }
    main .intro .inner ul li .intro__innerBox a { font-size: 14px; padding: 2.5px 10px; border: 2px solid #fff; }
    main .products h2 { font-size: 30px; padding: 20px 0; }
    main .products li:first-child { padding-bottom: 25px; }
    main .comp .inner h2 { font-size: 18px; margin-bottom: 10px; }
    main .comp .comp__notice li::after { padding-bottom: 95%; }
    main .comp .comp__notice .comp__pr li .comp__innerBox a h3, main .comp .comp__notice .comp__news li .comp__innerBox a h3 { font-size: 13px; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 12px; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-post_date { font-size: 14px; }
} /* 960 */

@media all and ( max-width: 800px ) {
    main .intro .inner ul li .intro__innerBox h3 { font-size: 16px; }
    main .intro .inner ul li .intro__innerBox p { font-size: 12px; margin: 13px auto 22px; }
    main .intro .inner ul li .intro__innerBox a { font-size: 12px; }
    main .comp .inner { grid-column-gap: 25px; }
    main .comp .comp__promotion, main .comp .comp__notice { padding: 0; }
    main .comp .comp__notice li::after { padding-bottom: 100%; }
    main .comp .comp__notice .comp__pr li:hover .comp__innerBox a h3, main .comp .comp__notice .comp__news li .comp__innerBox a h3 { font-size: 11px; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 9px; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-post_date { font-size: 11px; }
} /* 800 */

@media all and ( max-width: 750px ) {
    main .products li:first-child .products__img { top: 20px; }
    main .products li:last-child .products__img { top: 30px; }
    main .products li .products__img img { width: 40%; height: 40%; }
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 490px; }
    main .products li:first-child .products__desc .products__desc-title, main .products li:first-child .products__desc .products__desc-con, main .products li:first-child .products__desc .products__desc-btn { margin-left: 90px; }
    main .products li:first-child .products__desc .products__desc-btn { margin-right: 50px; }
    main .products li:last-child .products__desc .products__desc-title, main .products li:last-child .products__desc .products__desc-con, main .products li:last-child .products__desc .products__desc-btn { margin-right: 90px; }

}

@media all and ( max-width: 640px ){
    main .products, main .comp { height: auto; padding: 50px 0; }
    main .intro .inner, main .comp .inner { width: 100%; padding: 0; }
    main .mainVisual { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url("../img/main/vMainBg.jpg") center right no-repeat; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main/vMainBg.jpg") center right no-repeat; }
    main .mainVisual .mainVisual__letter h2 { font-size: 50px; }
    main .mainVisual .mainVisual__letter h2 span { font-size: 25px; }
    main .mainVisual .mainVisual__letter p { font-size: 16px; }
    main .intro .inner h2 { font-size: 35px; padding-bottom: 45px; line-height: 1.5; }
    main .intro .inner h2 .intro__small { font-size: 20px; line-height: 1.3; display: inline-block; }
    main .intro .inner ul li { width: 100%; border-radius: 0; }
    main .intro .inner ul li .intro__innerBox p { margin: 6.5px auto 11px; }
    main .intro .inner ul li .intro__innerBox a { border: 2px solid #fff; }
    main .products li:last-child { text-align: left; }
    main .products li .products__bg { display: none; }
    main .products li:first-child .products__img, main .products li:last-child .products__img { left: 0; }
    main .products li:last-child .products__img { top: 40px; right: 0; }
    main .products li:first-child .products__img img, main .products li:last-child .products__img img { width: 150px; }
    main .products li:first-child .products__desc, main .products li:last-child .products__desc { width: 100%; float: none; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
    main .products li:first-child .products__desc .products__desc-title, main .products li:first-child .products__desc .products__desc-con, main .products li:first-child .products__desc .products__desc-btn, main .products li:last-child .products__desc .products__desc-title, main .products li:last-child .products__desc .products__desc-con { margin-left: 160px; margin-right: 0; }
    main .products li:first-child .products__desc .products__desc-btn, main .products li:last-child .products__desc .products__desc-btn { margin-right: 2%; }
    main .comp .inner { display: block; grid-column-gap: 0; height: auto; }
    main .comp .comp__promotion, main .comp .comp__notice { width: 80%; margin: 0 auto; }
    main .comp .comp__promotion { display: block; height: auto; align-self: flex-end; }
    main .comp .comp__promotion h2 { margin-bottom: 20px; }
    main .comp .comp__promotion .comp__promotion-innerBox { width: 100%; padding: 10% 0; }
    main .comp .comp__notice { display: block; height: auto; }
    main .comp .comp__notice .comp__pr, .comp__news { margin-top: 20px; }
    main .comp .comp__notice li::after { padding-bottom: 40%; }
    main .comp .comp__notice li:first-child { justify-self: flex-end; }
    main .comp .comp__notice li:last-child { justify-self: flex-start; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 8px; margin: 5px 0; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-post_date { font-size: 10px; }
    main .comp .comp__notice .comp__pr li:hover .comp__innerBox a h3 { font-size: 10px; }
    main .comp .comp__notice .comp__news li .comp__innerBox a h3 { font-size: 10px; }
} /* 640 */

@media(max-width: 480px) {
    main .intro .inner ul li { padding: 20px 0; }
    main .intro .inner ul li .intro__innerBox h3 { font-size: 13px; }
    main .intro .inner ul li .intro__innerBox p, 
    main .intro .inner ul li .intro__innerBox a { font-size: 10px; }
    main .products li .products__desc h3 { font-size: 12px; }
    main .products li .products__desc h4 { font-size: 13px; }
    main .products li:first-child .products__desc ul li, main .products li:last-child .products__desc ul li { font-size: 10px; }
    main .comp .comp__promotion, main .comp .comp__notice { width: 90%; }
    main .comp .comp__promotion h2, main .comp .comp__notice-top h2,
    main .comp .comp__notice-top a { font-size: 13px; margin-bottom: 10px; }
    main .comp .comp__notice li::after { padding-bottom: 70%; }
    main .comp .comp__notice li .comp__innerBox a .comp__notice-content { font-size: 7px; margin: 5px 0; }
} /* 480 */

@media(max-width: 380px) {
    main .comp .comp__promotion .comp__promotion-innerBox { padding: 20% 0; }
    main .comp .comp__notice li::after { padding-bottom: 80%; }
}

/* sub */

/* main .subVisual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 500px; background-color: #333; }

main .subVisual .snb { width: 100%; height: 50px; background-color: rgba(0, 0, 0, 0.8); }

main .subVisual .snb ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .subVisual .snb li { float: left; text-align: center; margin-left: 50px; font-size: 18px; }

main .subVisual .snb li:first-child { margin-left: 0; }

main .subVisual .snb li a { color: #fff; }

main .subVisual .snb li a:hover, main .subVisual .snb li.active a { font-weight: bold; } { font-weight: bold; }

main .sv01 { background: url("../img/sub01/visualBg.jpg") center no-repeat; background-size: cover; }

main .sv03 { background: url("../img/sub03/visualBg.jpg") center no-repeat; background-size: cover; }

main .sv04 { background: url("../img/sub04/visualBg.jpg") center no-repeat; background-size: cover; }

main .page01 .page01__desc { width: 75%; text-align: left; margin: 50px auto 0; }

main .page01 .page01__desc p { line-height: 1.5; font-size: 20px; }

main .page01 .page01__desc span { color: #ff7f12; }

main .page01, main .page02, main .page03, main .page04, main .page05, main .page06, main .page07, main .page08, main .page09, main .page10, main .page11 { padding: 100px 0; background-color: #fff; text-align: center; }

main .page01 h2, main .page02 h2, main .page03 h2, main .page04 h2, main .page05 h2, main .page06 h2, main .page07 h2, main .page08 h2, main .page09 h2, main .page10 h2, main .page11 h2 { font-size: 30px; }

main .page01 hr, main .page02 hr, main .page03 hr, main .page04 hr, main .page05 hr, main .page06 hr, main .page07 hr, main .page08 hr, main .page09 hr, main .page10 hr, main .page11 hr { background-color: #555; height: 1px; border: none; margin: 50px 0 80px 0; }

main .page02 .s01, main .page02 .s02 { display: -ms-grid; display: grid; grid-gap: 50px; }

main .page02 .s01 .page02__img img, main .page02 .s02 .page02__img img { width: 100%; height: 100%; border-radius: 15px; }

main .page02 .s01 .page02__desc p, main .page02 .s02 .page02__desc p { text-align: left; line-height: 1.5; font-size: 20px; }

main .page02 .s01 .page02__desc span, main .page02 .s02 .page02__desc span { color: #ff7f12; }

main .page02 .s01 .page02__desc .HACCP, main .page02 .s02 .page02__desc .HACCP { color: #67de00; }

main .page02 .s01 { -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; }

main .page02 .s02 { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; padding-top: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .page02 .ceo { font-size: 20px; margin-top: 80px; line-height: 1.5; text-align: right; }

main .page02 .ceo strong { font-size: 30px; font-weight: bold; }

main .page03 .s01 { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), url("../img/main/shortcut_icon.png") bottom right no-repeat; background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url("../img/main/shortcut_icon.png") bottom right no-repeat; background-size: 15%; }

main .page03 .history { width: 70%; margin: 0 auto; }

main .page03 .history li { text-align: left; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; margin-top: 50px; }

main .page03 .history li:first-child { margin-top: 0; }

main .page03 .history li h3, main .page03 .history li h4 { font-weight: bold; }

main .page03 .history li h3 { font-size: 30px; color: #ff7f12; }

main .page03 .history li h4 { font-size: 18px; color: #67de00; margin-top: 17px; }

main .page03 .history li p { font-size: 20px; line-height: 1.8; }

main .page03 .history li .nov16 { margin-top: 85px; }

main .page03 .history li .feb13, main .page03 .history li .dec11, main .page03 .history li .oct11 { margin-top: 15px; }

main .page03 .history li .dec10 { margin-top: 13px; }

main .page05 .s01 ol, main .page06 .s01 ol { display: -ms-grid; display: grid; grid-column-gap: 30px; }

main .page05 .s01 li, main .page06 .s01 li { padding: 30px 0; border-radius: 15px; background-color: rgba(0, 0, 0, 0.8); }

main .page05 .s01 li h3, main .page06 .s01 li h3 { font-size: 20px; font-weight: bold; color: #fff; }

main .page05 .s01 li p, main .page06 .s01 li p { font-size: 18px; margin: 30px 0; line-height: 1.5; color: #fff; }

main .page05 .s01 li span, main .page06 .s01 li span { display: block; margin-top: 20px; font-size: 16px; font-weight: bold; }

main .page05 ol { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

main .page05 li:last-child p { margin: 52.5px 0; }

main .page06 ol { width: 70%; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); margin: 0 15%; }

main .page07 .page07__info { float: left; text-align: left; }

main .page07 .page07__info h3 { font-size: 18px; color: #aaa; margin-top: 20px; }

main .page07 .page07__info p { font-size: 23px; color: #333; padding: 20px 10px 10px 0; border-bottom: 2px solid #333; }

main .page07 .page07__info li:last-child { margin-top: 20px; }

main .page07 .page07__info li:last-child img { display: none; }

main .page08 ul, main .page09 ul, main .page10 ul { width: 50%; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }

main .page08 ul li, main .page09 ul li, main .page10 ul li { margin-bottom: 25px; }

main .page08 ul li img, main .page09 ul li img, main .page10 ul li img { margin-bottom: 15px; border: 1px solid #999; }

main .page08 ul li p, main .page09 ul li p, main .page10 ul li p { width: 195px; padding: 10px 0; margin: 0 auto; background-color: rgba(0, 0, 0, 0.8); color: #fff; }

main .page08 h3, main .page09 h3 { width: 50%; margin: 0 auto; text-align: left; font-size: 23px; font-weight: bold; padding: 0 0 30px 15px; color: #333; }

main .page08 .s02, main .page08 .s03, main .page08 .s04, main .page09 .s02, main .page09 .s03, main .page09 .s04 { padding-top: 80px; }

main .page08 .s01 li { margin-bottom: 0; }

main .page08 .s01 p { width: 50%; padding: 10px 0; margin: 0 auto 40px; background-color: rgba(0, 0, 0, 0.8); color: #fff; }

main .page08 .s01 p span { font-size: 5px; vertical-align: top; }

main .page08 .s01 .other { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }

main .page08 .s01 .other li:first-child { justify-self: flex-end; padding-right: 12.5px; }

main .page08 .s01 .other li:last-child { justify-self: flex-start; padding-left: 12.5px; }

main .page08 .s02 p, main .page08 .s03 p { font-size: 15px; line-height: 1.3; }

main .page08 .s04 ul { -ms-grid-rows: (1fr)[5]; grid-template-rows: repeat(5, 1fr); }

main .page09 .s01 ul { -ms-grid-rows: (1fr)[4]; grid-template-rows: repeat(4, 1fr); }

main .page09 .s01 ul p { line-height: 1.3; }

main .page10 ul { -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); }

main .page11 .s01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* 콘텐츠 끝 */

/*footer { height: 280px; padding-bottom: 6px; background-color: #333333; }

footer .bottomMenu { padding: 25px 0; border-bottom: 1px solid #fff; }

footer .bottomMenu .bottomMenu__left { float: left; }

footer .bottomMenu .bottomMenu__left li { float: left; padding: 4.5px 25px 4.5px 0; }

footer .bottomMenu .bottomMenu__left li a { color: #fff; }

footer .bottomMenu .bottomMenu__left li a:hover { font-weight: bold; }

footer .bottomMenu .bottomMenu__right { float: right; }

footer .info { height: calc(100% - 70px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .info .inner .info__bottomLogo { float: left; margin-right: 25px; padding: 25px 0; }

footer .info .inner .info__copyright { float: left; color: #fff; line-height: 1.7; }

footer .info .inner .info__copyright a { color: #fff; }

footer .info .inner .info__copyright strong { font-weight: bold; }

footer .info .inner .info__qualification { float: right; padding: 27px 0; }*/

/* 하단 끝 */