/*======================================
  Selectric v1.13.0
======================================*/
.i-select-wrap{width: 100%;margin-top: 8px;}
.selectric-wrapper {position: relative;cursor: pointer;width: 100%;}
.selectric-responsive {width: 100%;}
.selectric {width: 100%;border: 1px solid #E0E0E0;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}
.selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 30px 0 20px;font-size: 16px;line-height: 50px;color: #aaa; height: 50px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
.selectric-open .selectric{border-radius: 5px 5px 0 0;}
.selectric .button {display: block;position: absolute;right: 0;top: 0;width: 47px;height: 100%;line-height: 50px;background: url("../images/icon_select.png") no-repeat left center/17px;color: #BBB;text-align: center;font: 0/0 a;}
.selectric-focus .selectric {border-color: #E0e0e0;}
.selectric-hover .selectric {border-color: #E0e0e0;}
.selectric-hover .selectric .button {color: #a2a2a2;}
.selectric-hover .selectric .button:after {border-top-color: #E0e0e0;}
.selectric-open {z-index: 9999;}
.selectric-open .selectric {border-color: #E0e0e0;}
.selectric-open .selectric-items {display: block;}
.selectric-disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0;}
.selectric-hide-select select {position: absolute;left: -100%;}
.selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10;}
.selectric-hide-select.selectric-is-native select {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0;}
.selectric-input {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;background: none !important;}
.selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important;}
/* Items box */
.selectric-items {display: none;position: absolute;top: 100%;left: 0;width: 100% !important;margin-top: -1px;background: #fff;border: 1px solid #E0e0e0;border-top: 0;z-index: 0;box-sizing: border-box;/* box-shadow: 0 0 10px -6px; */}
.selectric-items .selectric-scroll {height: 100%;overflow: auto;}
.selectric-above .selectric-items {top: auto;bottom: 100%;}
.selectric-items ul, .selectric-items li {list-style: none;padding: 0;margin: 0;font-size: 16px;line-height: 50px;min-height: 50px;}
.selectric-items li {display: block;padding: 0 20px;color: #aaa;cursor: pointer;}
.selectric-items li.selected {background: #1967D2;color: #fff;}
.selectric-items li.highlighted {background: #1967D2;color: #fff;}
.selectric-items li:hover {background: #1967D2;color: #fff;}
.selectric-items .disabled {display: none;filter: alpha(opacity=50);opacity: 0.5;cursor: default !important;background: none !important;color: #666 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.selectric-items .selectric-group .selectric-group-label {font-weight: bold;padding-left: 10px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: none;color: #aaa;}
.selectric-items .selectric-group.disabled li {filter: alpha(opacity=100);opacity: 1;}
.selectric-items .selectric-group li {padding-left: 25px;}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;font-family: 'Pretendard','NanumSquareNeo',sans-serif;letter-spacing: 0;box-sizing: border-box;color: #333;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size: 16px;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
img,video {max-width: 100%; max-height: 100%;}
img {image-rendering: -webkit-optimize-contrast;vertical-align: middle;}
em {font-style: normal;}
body {position: relative;min-height: 100%;margin: 0;font-weight: normal;font-family: 'Pretendard','NanumSquareNeo',sans-serif;}
button,input,optgroup,select,textarea {font-family: inherit;margin: 0;border: 0;outline: none;}
select {cursor: pointer;-moz-appearance: none;/* Firefox */-webkit-appearance: none;/* Safari and Chrome */appearance: none;}
select::-ms-expand {display: none;}
button,
[type='button'],
[type='reset'],
[type='submit'] {cursor: pointer;-webkit-appearance: button;}
button {padding: 0;line-height: inherit;color: inherit;border-radius: 0;background-color: transparent;background-image: none;}
:-moz-ui-invalid {box-shadow: none;}
input:focus,button:focus,textarea:focus,select:focus {outline: none;}
label {cursor: pointer;}
a {color: inherit;text-decoration: none;}
/* placeholder */
::-webkit-input-placeholder {/* Chrome/Opera/Safari */font-size: 16px;color: #CCCCCC;text-align: left;}
::-moz-placeholder {/* Firefox 19+ */font-size: 16px;color: #ccc;text-align: left;}
input:-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #ccc;text-align: left;}
textarea:-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #ccc;text-align: left;}
::-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #ccc;text-align: left;}
::-ms-clear {display: none;}
::-ms-reveal {display: none;}
input[type='checkbox']{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='checkbox']:checked{-webkit-apprearance: auto; -moz-appearance: auto;appearance: auto; border-radius: 0;}

/* font */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 300;
  font-style: normal;
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.eot');
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.eot?#iefix') format('embedded-opentype'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.woff2') format('woff2'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 400;
  font-style: normal;
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.eot');
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.eot?#iefix') format('embedded-opentype'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.woff2') format('woff2'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 600;
  font-style: normal;
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.eot');
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.eot?#iefix') format('embedded-opentype'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.woff2') format('woff2'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 700;
  font-style: normal;
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.eot');
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.eot?#iefix') format('embedded-opentype'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.woff2') format('woff2'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 800;
  font-style: normal;
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.eot');
  src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.eot?#iefix') format('embedded-opentype'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.woff2') format('woff2'),
       url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.woff') format('woff');
  font-display: swap;
}

/* 공통 */
.i-show-mo{display: none;}
.i-show-pc{display: block;}
.font-nanum{font-family: 'NanumSquareNeo'; letter-spacing: -0.03em;}
.font-pretendard{font-family: 'Pretendard';}
.c-green{color: #328B29 !important;}
.c-orange{color: #FF7700 !important;}
.i-btn{display: inline-block; height: 50px; padding: 0 35px; color: #fff; border-radius: 50px; font-size: 16px; font-family: 'NanumSquareNeo'; letter-spacing: -0.03em; line-height: 50px;}
.i-btn.ty-green{background: #328B29;}
.i-btn.ty-orange{background: #FF7700;}
.i-btn.ty-orange:hover {background: #328B29;}
.i-btn.ty-gray{background: #F0F0F0; color: #212121;}

/* 헤더 */
.i-header{position: fixed; left: 0; top: 0; z-index: 10; width: 100%; background: rgba(255,255,255,0.6); border-bottom: 1px solid #e0e0e0;backdrop-filter: brightness(2) blur(30px);-webkit-backdrop-filter: brightness(2) blur(30px);}
.i-header .inner{display: flex; align-items: center; justify-content: space-between; max-width: 1320px; margin: 0 auto;}
.i-header .logo{font-size: 0;}
.i-header .inner .m-menu{display: none; width: 17.5px; padding-bottom: 17.5px; background: url('../images/icon_menu.svg') no-repeat center/cover; font-size: 0;}
.i-header .inner .m-gnb{display: none;}
.i-header .nav .navbar .depth1{display: flex; }
.i-header .nav .navbar .depth1 > li{position: relative;width: 154px; text-align: center;}
/* .i-header .nav .navbar .depth1 > li:last-child{width: 120px; padding: 0; text-align: right;} */
.i-header .nav .navbar .depth1 > li > a{display: block; font-family: "NanumSquareNeo"; font-size: 18px; padding: 26px 0; letter-spacing: -0.02em;}
.i-header .nav .navbar .depth1 > li > a::after{content: ''; display: block; position: absolute; bottom: -5px; width: 100%; height: 5px;}
.i-header .nav .navbar .depth1 > li:hover > a{color: #328B29; font-weight: 600;}
.i-header .nav .navbar .depth1 > li:hover .depth2{display: block;}
.i-header .nav .navbar .depth1 > li.active > a{color: #328B29; font-weight: 600;}
.i-header .nav .navbar .depth2{display: none; position: absolute; width: 100%; margin-top: 5px; padding-bottom: 5px; border-radius: 10px; background: #328B29;}
.i-header .nav .navbar .depth2 > li{padding: 20px 0;}
.i-header .nav .navbar .depth2 > li a{display: inline-block;font-family: "NanumSquareNeo"; font-size: 16px;color: #E1EEE0; position: relative; letter-spacing: -0.02em;}
.i-header .nav .navbar .depth2 > li a::after{content:''; display: block; position: absolute; bottom: -5px; width: 0; height: 2px; background: #fff; transition: all 0.2s;}
.i-header .nav .navbar .depth2 > li a:hover::after{width: 100%;}
.i-header .nav .navbar .m-gnb-f{display: none;}
/* 푸터 */
.i-footer{background: #242424;}
.i-footer .inner{max-width: 1360px; margin: 0 auto; padding: 45px 0;}
.i-footer .i-f-logo{font-size: 0; line-height: 0;}
.i-footer address{margin-top: 15px; }
.i-footer address span{display: inline-block; color: rgba(255,255,255,0.6); font-size: 14px; font-style: normal; line-height: 1.6;}
.i-footer ul{margin-top: 20px; }
.i-footer ul li{color: #fff; font-size: 14px; line-height: 1.6;}
.i-footer .copyright{margin-top: 30px; color: rgba(255,255,255,0.8); font-size: 14px;}
/* 푸터 메인 */
.i-footer.main {background: #328B29;}
.i-footer.main .inner{padding: 40px 0 100px; border-top: 1px solid #fff;}

/* 메인 */
.i-visual-section{padding: 336px 25px 318px; max-height: 940px; background: url('../images/visual_bg.jpg') no-repeat center/cover; text-align: center;}
.i-visual-section > span{display: inline-block; margin: 0 auto; padding: 10px 36px; border-radius: 25px;background: #328B29; font-size: 20px; color: #fff;font-weight: 500; line-height: 1.42; text-align: center; box-shadow: 0 5px 0 #ffd200; word-break: keep-all; letter-spacing: -0.02em;}
.i-visual-section h2{margin-top: 25px; font-size: 50px; line-height: 1.16; color: #fff; font-weight: 800; letter-spacing: -0.02em;}
.i-visual-section p{margin-top: 16px; color: #fff; font-size: 30px; font-weight: 600; word-break: keep-all; letter-spacing: -0.02em;}
.i-visual-section a{display: inline-block; position: relative; width: 200px; height: 60px; margin-top: 50px; padding: 0 24px; background: #FF7700; border: 3px solid #FF7700; border-radius: 50px; color: #fff; font-size: 16px; line-height: 54px; text-align: left; transition: all 0.2s;}
.i-visual-section a::after{content: ''; display: inline-block;  position: absolute;top: 50%; right: 24px;transform: translate(0, -50%); width: 10px; height: 16px; background: url("../images/icon_arrow_r_w.svg") no-repeat center; transition: all 0.2s;}
.i-visual-section a::before{content: ''; display: inline-block;position: absolute;top: 50%; right: 26px; transform: translate(0, -51%);width: 0; height: 2px; background: #ff7700; border-radius: 0 5px 5px 0;transition: all 0.2s;}
.i-visual-section a:hover{background: #fff; border: 3px solid #FF7700; color: #ff7700; font-weight: 700;}
.i-visual-section a:hover::after{background-image: url("../images/icon_arrow_r_o.svg");}
.i-visual-section a:hover::before{width: 30px;}
.i-pg-list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 1360px; margin: -140px auto 0; padding: 20px;background: #FAF3E6; border-radius: 30px;}
.i-pg-list li{overflow: hidden; width: 24.2%; background: url("../images/main_quick_01.png") no-repeat center/100%; border-radius: 30px; aspect-ratio: 320/380; transition: 0.3s ease;}
.i-pg-list li:nth-child(2){background-image: url("../images/main_quick_02.png");}
.i-pg-list li:nth-child(3){background-image: url("../images/main_quick_03.png");}
.i-pg-list li:nth-child(4){background-image: url("../images/main_quick_04.png");}
.i-pg-list li a{display: flex; justify-content: space-between; align-items: flex-end; height: 100%; padding: 20px;}
.i-pg-list li .txt-wrap{display: flex; justify-content: center; flex-flow: column; width: calc(100% - 65px);height: 65px;}
.i-pg-list li p{font-family: "NanumSquareNeo"; font-weight: 800; color: #fff; font-size: 25px;transform: translateY(0px);transition: 0.2s ease;}
.i-pg-list li span{display: none;font-family: "Pretendard"; font-size: 18px; color:#fff; font-weight: 400; transform: translateY(7px); transition: 0.2s ease;}
.i-pg-list li i{display: block;  width: 65px;height: 65px; background: rgba(255,255,255,0.8) url("../images/icon_main_quick_bk.svg") no-repeat center; border-radius: 50%; transition: 0.2s ease;}
.i-pg-list li:hover{background-size: 110%;}
.i-pg-list li:hover p{transform: translateY(-5px);}
.i-pg-list li:hover span{display: block;}
.i-pg-list li:hover i{background-image: url("../images/icon_main_quick_w.svg");}
.i-pg-list li:nth-child(1):hover i{background-color: #328B29;}
.i-pg-list li:nth-child(2):hover i{background-color: #FF7700;}
.i-pg-list li:nth-child(3):hover i{background-color: #ECC511;}
.i-pg-list li:nth-child(4):hover i{background-color: #269577;}
.i-form.main{padding: 200px 0 150px; background: url("../images/form_main_bg.png") repeat-x center bottom;}
.i-form h2{font-family: "NanumSquareNeo"; font-size: 60px; font-weight: 800; letter-spacing: -0.02em;text-align: center;}
.i-form > p{margin-top: 22px; font-size: 18px; line-height: 1.41; text-align: center; letter-spacing: -0.02em;}
.i-form.main .form-wrap{margin-top: 80px;}
.i-form .form-wrap{max-width: 1360px; margin: 0 auto 0; padding: 20px 40px 36px; background: #fff;border-radius: 30px;}
.i-form .form-wrap .inner{display: flex; justify-content: space-between; flex-wrap: wrap;}
.form-wrap form{width: 100%;}
.i-form .form-wrap .inp-area{width: 48.4%;}
.i-form .form-wrap .inp-area.textarea,.i-form .form-wrap .inp-area.term{width: 100%;}
.inp-area{margin-top: 30px;}
/* 인풋 */
.inp-area .i-tit{font-size: 16px;}
.inp-area .i-tit + .inp-cont,.inp-area .i-tit + .i-select{margin-top: 8px;}
.inp-area .essential::after{content:'*'; display: inline-block; margin-left: 2px; color: #328B29; font-size: 16px;}
.inp-area .i-select{border: 1px solid #E0E0E0;border-radius: 5px;}
.inp-area .i-select select{width: 100%; height: 50px; padding: 0 20px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #aaa;}
.inp-area .i-select select option{padding: 10px;height: 50px;}
.inp-area .inp-cont + .inp-cont{margin-top: 10px;}
.inp-area .i-inp{width: 100%; height: 50px; padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 5px; box-sizing: border-box; font-size: 16px;}
.inp-area .i-inp.h-60{height: 60px; line-height: 60px; border-radius: 0;}
.inp-area .i-inp.h-150{height: 150px; line-height: 1.2; border-radius: 0; padding-top: 10px; padding-bottom: 10px}
.inp-area .i-inp:hover,.inp-area .i-inp:focus,.inp-area .i-textarea:hover,.inp-area .i-textarea:focus{border-color:#666666;}
.inp-area .i-textarea{width: 100%; height: 250px; margin-top: 5px;padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px; resize: none; box-sizing: border-box;}
.inp-area .terms-box{height: 150px; margin-top: 8px; border: 1px solid #E0E0E0; border-radius: 5px;}
.inp-area .terms-box > div{overflow: auto; height: calc(100% - 10px); margin: 5px; padding: 20px 40px 20px 20px;}
.inp-area .terms-box > div::-webkit-scrollbar{width: 4px;margin: 5px;border-radius: 10px;}
.inp-area .terms-box > div::-webkit-scrollbar-thumb{  background: #AAAAAA;border-radius: 10px; }
.inp-area .terms-box > div::-webkit-scrollbar-track{background: #fff;}
.inp-area .terms-box p{color: #888888; font-size: 14px; line-height: 1.14; letter-spacing: -0.02em;}
.inp-area.term > .inp-cont{margin-top: 15px;}
.inp-area .i-chkbox{width: 14px; height: 14px; border: 1px solid #707070; border-radius: 0;}
.inp-area .i-chkbox + span{display: inline-block; margin-left: 8px; font-size: 14px; vertical-align: middle;}
.inp-area .i-btn-wrap{margin-top: 15px; text-align: right;}
.i-form.main .i-btn-wrap{text-align: right;}

/* 서브 */
.sub-visual{position: relative; overflow: hidden; width: 100%;}
.sub-visual .bg-box{position: relative; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub-visual .bg-box img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1920/600;}
.sub-tab{display: flex; align-items: flex-end; position: absolute; left: 50%;bottom: 0; transform: translateX(-50%); z-index: 1; max-width: 1320px;width: 100%;margin: 0 auto;}
.sub-tab::before{content: ''; position: absolute; left: -50%; width: 50%; height: 70px; background: rgba(21,70,38,0.8); }
.sub-tab li{flex: 1;}
.sub-tab li:last-child a{border-radius: 0 10px 0 0;}
.sub-tab li a{position: relative; display: block;width: 100%; height: 70px; background: rgba(21,70,38,0.8); color: #fff; font-size: 18px; font-weight: 400;text-align: center; line-height: 70px; transition: 0.2s ease;}
.sub-tab li + li a::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);width: 1px; height: 40px; background: rgba(255,255,255,0.4);}
.sub-tab li:hover a{height: 90px; background: #F1F9F1; color:#154626; font-weight: 600; line-height: 90px; border-radius: 10px 10px 0 0;}
.sub-tab li.active a{height: 90px; background: #fff; color:#154626; font-weight: 600; line-height: 90px; border-radius: 10px 10px 0 0;}
.sub-visual p{position: absolute; top: 49%; left: 50%; transform: translate(-50%,-50%); font-family: "NanumSquareNeo";  font-size: 30px; line-height: 1.5; font-weight: 300; max-width: 1320px; width: 100%; margin: 0 auto;}
.sub-visual p strong{font-weight: 600;}
.sub-visual p.white{color: #fff;}
.sub-visual p.white strong{color: #fff;}
.swiper-container .swiper-pagination{bottom: auto; top: calc(55% + 50px); left: 50%; transform: translate(-50%,-50%);max-width: 1320px; text-align: left;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{width: 8px ; height: 8px; margin: 0 2.5px; background: #000;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #ff7700;}
.swiper-button-next,.swiper-button-prev{width: 30px; height: 36px;}
.swiper-button-next{right: 8%; background: url('../images/icon_slide_arrow_r.svg') no-repeat center; }
.swiper-button-prev{left: 8%; background: url('../images/icon_slide_arrow_l.svg') no-repeat center; }
/* 서브 컨텐츠 */
.sub-conbody{max-width: 1320px; width: 100%; margin: 0 auto;}
/* 서브 타이틀 */
.sub-title-wrap{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 1320px; width: 100%; margin: 130px auto 50px;}
.sub-title-wrap h2{font-family: "NanumSquareNeo"; font-size: 40px; letter-spacing: -0.05em;}
.sub-title-wrap .i-breadcrumb li{display: inline-block;}
.sub-title-wrap .i-breadcrumb li:first-child::before{content:''; display: inline-block; width: 5px; height: 5px;margin-right: 9px;border-radius: 50%; background: #328B29; vertical-align: middle;}
.sub-title-wrap .i-breadcrumb li + li::before{content:'>'; margin: 0 10px; font-size: 14px;}
.sub-title-wrap .i-breadcrumb li a{font-size: 14px; letter-spacing: -0.02em;}
.sub-title-wrap .i-breadcrumb li.active a{color: #328B29;}
.sub-title-wrap p{width:100%; margin-top: 20px; font-size: 16px;}

/* 인사말 sub01 */
.i-sub01{background: url('../images/sub01_con_bg1.png') no-repeat left bottom/100%;}
.i-sub01 .text-wrap{padding-bottom: 200px;}
.i-sub01 .text-wrap > strong{display: block; margin-top: 80px;font-family: "NanumSquareNeo"; font-size: 50px; font-weight: 800;}
.i-sub01 .text-wrap .dscr{width: 58.5%; margin-top: 60px; margin-left: auto; word-break: keep-all; font-size: 20px; line-height: 1.6; letter-spacing: -0.02em;}
.i-sub01 .text-wrap .dscr strong{font-weight: 700;letter-spacing: -0.02em;}
.i-sub01 .text-wrap .name{width: 58.5%; margin-top: 60px; margin-left: auto; font-size: 16px; letter-spacing: -0.02em;}
.i-sub01 .text-wrap .name span{display: inline-block; margin-left: 10px;font-size: 18px; font-weight: 700; letter-spacing: -0.02em;}
/* 조직도 sub01-1 */
.i-sub01-1 {padding-bottom: 200px; background: url("../images/sub01_1_bg1.png") no-repeat center bottom/auto;}
.i-sub01-1 .sub-title-wrap{margin-bottom: 120px;}
.i-sub01-1 .sub-conbody .img-box{max-width: 900px; width: 100%; margin: 0 auto;}
/* 연혁 sub01-2 */
.i-sub01-2 .sub-conbody{max-width: 100%;}
.i-sub01-2 .sub-conbody .img-box{max-width: 1320px; width: 100%; margin: 0 auto; border-bottom: 5px solid #FF7700;}
.i-sub01-2 .sub-conbody .i-history{padding: 80px 0 130px; background: url("../images/sub01_2_con2.png") no-repeat top right/cover;}
.i-sub01-2 .sub-conbody h3{max-width: 1320px; width: 100%; margin: 0 auto; font-size: 50px; font-weight: 800;}
.i-sub01-2 .sub-conbody .i-history-list{max-width: 1320px; width: 100%; margin: 100px auto 0;}
.i-sub01-2 .sub-conbody .i-history-list > .item{display: flex; align-items: center; justify-content: space-between;}
.i-sub01-2 .sub-conbody .i-history-list > .item + .item{margin-top: 50px;}
.i-sub01-2 .sub-conbody .i-history-list > .item + .item strong::before{content: '';display: block; position: absolute;top: -160%;left: 50%;z-index: -1;transform: translateX(-50%); width: 1px; height: 160%; background: #328B29;}
.i-sub01-2 .sub-conbody .i-history-list > .item > strong{display: inline-block;position: relative; font-family: "NanumSquareNeo"; width: 240px; height: 80px; background: #F5F5F5; border-radius: 50px;border: 1px solid #328B29; font-size: 35px;font-weight: 700;line-height: 80px;letter-spacing: -0.03em;text-align: center;}
.i-sub01-2 .sub-conbody .i-history-list > .item > div{display: flex;align-items: center;position: relative;width: 76.5%;min-height:120px; padding: 23px 40px; background: #fff; border-radius: 10px; border: 1px solid #E0E0E0; }
.i-sub01-2 .sub-conbody .i-history-list > .item > div::before{content: ''; display: block; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); width: 11px; height: 11px; border-radius: 50%; border: 1px solid #E0E0E0; background: #F5F5F5;}
.i-sub01-2 .sub-conbody .i-history-list > .item ul {display: flex;justify-content: center;flex-direction: column;margin-right: 50px;}
.i-sub01-2 .sub-conbody .i-history-list > .item ul li{font-size: 20px; line-height: 2;}
.i-sub01-2 .sub-conbody .i-history-list > .item ul li br {display: none}
.i-sub01-2 .sub-conbody .i-history-list > .item ul li b{display: inline-block; margin-right: 20px; font-weight: 600;}
.i-sub01-2 .sub-conbody .i-history-list > .item .imgbox{width: 150px; height: 65px; overflow: hidden;}

.i-sub01-2 .sub-conbody .i-history-list > .item:hover strong {background: #328B29; color: #fff;}
.i-sub01-2 .sub-conbody .i-history-list > .item:hover > div {border: 1px solid #328B29;}
.i-sub01-2 .sub-conbody .i-history-list > .item:hover > div::before {background: #328B29}

/* 식품첨가물 sub02 */
.i-sub02 .sub-conbody{max-width: 100%;}
.i-sub-tab{display: flex; max-width: 1320px; width: 100%;margin: 0 auto;}
.i-sub-tab li a{display: block; font-family:"NanumSquareNeo"; width: 150px; height: 55px; background: #FAFAFA; border-radius: 10px 10px 0 0; font-size: 18px; line-height: 55px; letter-spacing: -0.02em; text-align: center;}
.i-sub-tab li a:hover{color: #328B29; font-weight: 600;}
.i-sub-tab li.active a{background: #154626; color: #fff; border-bottom: 3px solid #328B29; font-weight: 600;}
.i-sub-tab-bar{background: #F7FCF7;}
.i-sub-tab-bar ul{display: flex; max-width: 1320px; width: 100%; margin: 0 auto;}
.i-sub-tab-bar ul li + li::before{content: ''; display: inline-block; width: 1px; height: 28px; background: #AAAAAA; vertical-align: middle;}
.i-sub-tab-bar ul li a{display: inline-block; font-family: "NanumSquareNeo"; height: 70px; padding: 0 30px; font-size: 18px; line-height: 70px;color: #888888;}
.i-sub-tab-bar ul li span{display: inline-block; font-family: "NanumSquareNeo"; height: 70px; padding: 0 30px; font-size: 18px; line-height: 70px;color: #888888;}
.i-sub-tab-bar ul li:first-child a{padding-left: 38px;}
.i-sub-tab-bar ul li.active a{color: #212121; font-weight: 600;}
.i-sub-tab-bar ul li.active span{color: #212121; font-weight: 600;}
.i-sub02 .info-wrap{display: flex; align-items: flex-start; justify-content: space-between; max-width: 1320px; width: 100%; margin: 90px auto; padding-bottom: 92px;}
.i-sub02 .info-wrap > .left{width: 40.15%;}
.i-sub02 .info-wrap .left .item + .item{margin-top: 30px;}
.i-sub02 .info-wrap .left .item .imgbox{overflow: hidden; border: 1px solid #E0E0E0; border-radius: 10px;}
.i-sub02 .info-wrap .left .item p{margin-top: 10px; font-size: 16px;}
.i-sub02 .info-wrap > .right{width: 54.54%;}
.i-sub02 .info-wrap .right h3{font-family:"NanumSquareNeo"; font-size: 50px; font-weight: 800;}
.i-sub02 .info-wrap .right .dscr{margin: 30px 0 50px; font-size: 16px; line-height: 1.75;}
.i-sub02 .info-wrap .dscr-item + .dscr-item{margin-top: 60px;}
.i-sub02 .info-wrap .dscr-item .title{position: relative;}
.i-sub02 .info-wrap .dscr-item .title::before{content:''; display: block; position: absolute; top: 50%; z-index: -1;margin-top: -0.5px; width: 100%; height: 1px; background: #328B29;}
.i-sub02 .info-wrap .dscr-item .title span{display: inline-block; height: 40px; padding: 0 26px; color: #fff; font-size: 16px; line-height: 40px; background: #328B29; border-radius: 50px;}
.i-sub02 .info-wrap .dscr-item ul{margin: 20px 20px 0 26px;}
.i-sub02 .info-wrap .dscr-item ul li{font-size: 14px; line-height: 2.1;}
.i-sub02 .info-wrap .dscr-item ul.ty-num{margin: 20px 20px 0 38px; list-style: auto;}
.i-sub02 .info-wrap .dscr-item ul.ty-disc li{display: flex; justify-content: flex-start; position: relative; padding-left: 13px;}
.i-sub02 .info-wrap .dscr-item ul.ty-disc li::before{content:''; display: block; position: absolute; left: 0; top: 12px;width: 5px; height: 5px; border-radius: 50%; background: #154626;}
.i-sub02 .info-wrap .dscr-item ul.ty-disc li .left{white-space:nowrap;}
.i-sub02 .info-wrap .dscr-item ul.ty-disc li .right{padding-left: 5px;}
.i-sub02 .btn-wrap{position: relative;max-width: 1320px; width: 100%; margin: 0 auto; padding: 50px 0 150px; border-top: 1px solid #aaa;text-align: center;}
.i-sub02 .btn-wrap .modify{position: absolute;right:0;top: 50px;}

/* 새글작성 */
.i-sub02 .write-form{max-width: 1360px; margin: 0 auto;  padding-bottom: 100px;}
.i-sub02 .write-form .inner{display: flex; justify-content: space-between; align-items: flex-start; }
.i-sub02 .write-form .inner .left{width: 40.15%;}
.inp-area .photo-item{width: 100%;}
.inp-area .photo-item label{display: block; position: relative; width: 100%; height: 391px;border: 1px solid #E0E0E0; background: url("../images/icon_file.svg") no-repeat center/auto; }
.inp-area .photo-item label img{display: none; aspect-ratio: 530/391; width: 100%; height: 100%;object-fit: cover;}
.inp-area .photo-item label > input{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: none;}
.inp-area .photo-item label.active img{display: block;}
.inp-area .photo-item + .inp-cont{margin-top: 10px;}
.inp-area.list-section .inp-cont.tit{margin-bottom: 20px;}
.inp-area.list-section .inp-cont.tit .i-inp {border: 1px solid #999999}
.btn-add-field{display: block; width: 40px; height: 40px; margin: 20px auto 0; background: url("../images/icon_file.svg") no-repeat center/cover; font-size: 0;}
.i-sub02 .write-form .inner .right{width: 54.54%;}

/* 냉동식품소개 */
.i-sub03 .sub-conbody{padding-bottom: 110px}
.i-sub03 .sub-conbody > .dscr{font-size: 16px; line-height: 1.625;}
.i-sub03 .sub-conbody > span{display: block;margin-top: 30px;color: #888888; font-size: 16px;}
.i-sub03 .sub-conbody .list03{display: flex; align-items: flex-start; justify-content: space-between; margin: 50px 0;}
.i-sub03 .sub-conbody .list03 li{display:flex; align-items: center; justify-content: center; flex-direction: column; width: 18.9%; height: 200px; background: #FAFAFA; border-top: 2px solid #328B29; border-radius: 0 0 20px 20px;text-align: center;}
.i-sub03 .sub-conbody .list03 li:nth-child(even){border-top: 2px solid #ff7700;}
.i-sub03 .sub-conbody .list03 li p{margin-top: 15px;font-size: 14px; line-height: 1.4;}
.i-sub03 .i-sub-tab{margin-top: 100px;}
.i-sub03 .board-list{border-top: 1px solid #AAAAAA;}
.i-sub03 .board-list ul{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; width: calc(100% + 30px); margin: 0 -15px;}
.i-sub03 .board-list ul li{width: 31%; margin: 30px 15px;cursor: pointer}
.i-sub03 .board-list ul li .i-thumb{border-radius: 10px; overflow: hidden;}
.i-sub03 .board-list ul li p{margin-top: 20px;font-size: 20px; font-weight: 600;}
.list-pagination{display: flex; align-items: center;justify-content: center; margin: 90px auto 150px;}
.list-pagination li.prev a,.list-pagination li.next a{width: 10px; height: 19px; font-size: 0; line-height: 0;}
.list-pagination li.prev a{margin-right: 64px;}
.list-pagination li.next a{margin-left: 64px;}
.list-pagination li a{display: block; width: 33px; height: 33px; margin: 0 6px; border-radius: 50%; font-size: 18px;text-align: center; line-height: 33px;}
.list-pagination li.active a{background: #328B29; color: #fff;}
/* 팝업 */
.i-popup-wrap{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.5);}
.i-popup-wrap.active{display: block;}
.i-popup-wrap .i-popup-area{overflow: auto; max-width: 1060px; width: 100%; max-height: 70%; height: 100%; background: #fff; border-radius: 10px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.i-popup-wrap .i-popup-close{position: absolute; top: 30px; right: 40px; z-index: 1;}
.i-popup-wrap .i-popup-content{overflow: auto; height: 100%; padding: 50px;}
.i-popup-wrap .i-popup-content .inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap;}
.i-popup-wrap .i-popup-content .inner .name{font-family: "NanumSquareNeo";font-size: 30px; letter-spacing: -0.04em; width: 100%; margin-bottom: 30px;padding-bottom: 20px; border-bottom: 1px solid #333333;}
.i-popup-wrap .i-popup-content .inner .imgbox{width: 41.6%;}
.i-popup-wrap .i-popup-content .inner .info{width: 55.2%;}
.i-popup-wrap .i-popup-content .inner .info li{display: flex; align-items: center; justify-content: flex-start;padding: 0;border-bottom: 1px solid #E0E0E0;background: #fff; line-height: 1.2;}
.i-popup-wrap .i-popup-content .inner .info li:nth-child(even){background: #FAFAFA; font-size: 16px;}
.i-popup-wrap .i-popup-content .inner .info li p{width: 150px; padding: 10px 20px; line-height: 1.3;}
.i-popup-wrap .i-popup-content .inner .info li span{padding: 10px 33px; line-height: 1.3;}
.i-popup-wrap .i-popup-content .btn-wrap{margin: 60px auto 0; text-align: center;}

/* 주요 공급사 고객사 sub04 */
.i-sub04{padding-bottom: 207px;}
.i-sub04 .sub-conbody > div h3{margin-bottom: 20px; padding-left: 10px; border-left: 4px solid #328B29;font-size: 25px;font-weight: 600;}
.i-sub04 .sub-conbody > div ul{display: flex; flex-wrap: wrap; width: calc(100% + 18px); margin: -10px -9px 0;}
.i-sub04 .sub-conbody > div ul li{width: 18.65%; margin: 10px 9px;}
/* .i-sub04 .sub-conbody > div ul li a.imgArea {border: 1px solid #E0E0E0; border-radius: 5px; display: block;} */
.i-sub04 .sub-conbody > div ul li span.imgArea {border: 1px solid #E0E0E0; border-radius: 5px; display: block;}
.i-sub04 .sub-conbody > div:nth-child(even) h3{margin-top: 90px; border-left: 4px solid #ff7700;}
.i-sub04 .sub-conbody > div > p{color: #AAAAAA; font-size: 18px;}
.i-sub04 .btn-wrap{position: relative;max-width: 1320px; width: 100%; margin: 0 auto; padding: 50px 0 150px; border-top: 1px solid #aaa;text-align: center;}
.i-sub04 .btn-wrap .modify{position: absolute;right:0;top: 50px;}

/* 고객문의 sub05 */
.i-sub05 .sub-title-wrap{margin-bottom: 0; padding-bottom: 50px; border-bottom: 1px solid #328B29;}
.i-sub05 .sub-conbody{max-width: 100%; padding-bottom: 150px; background: url("../images/form_sub_bg.png") repeat-x center bottom;}

/* 퀵메뉴 */
.quick-wrap{position: fixed; right: 30px; bottom: 28px;}
.quick-wrap a{display: block; width: 60px; height: 60px; border-radius: 10px; box-shadow: 0 4px 7px rgba(0,0,0,0.2); font-size: 0;}
.quick-wrap .page{background: #076518 url("../images/icon_quick1.svg") no-repeat center;}
.quick-wrap .btn-top{margin-top: 10px; background: #FF7700 url("../images/icon_quick2.svg") no-repeat center;}

@media screen and (max-width: 1700px){
  .swiper-button-prev{left: 11px;}
  .swiper-button-next{right: 11px;}
}
@media screen and (max-width: 1420px){
  /* 메인 */
  .i-pg-list{margin: -140px 25px 0;}
  .i-form.main{padding: 200px 25px 150px;}
  /* 서브 */
  .sub-visual p{padding: 0 50px;}
  .swiper-container .swiper-pagination{padding: 0 50px;}
}
@media screen and (max-width: 1360px){
  /* 헤더 */
  .i-header .inner{padding:0 25px;}
  /* 푸터 */
  .i-footer .inner{padding: 45px 25px;}
  .i-footer.main .inner{margin: 0 25px; padding: 40px 0 100px;}
  /* 메인 */
  .i-pg-list{margin: -140px 25px 0;}
  .i-pg-list li p{font-size: 20px;}
  .i-form.main{padding: 200px 25px 150px;}
  /* 서브 */
  .sub-title-wrap{padding: 0 25px;}
  .sub-conbody{padding: 0 25px;}
  .i-sub01 .sub-conbody,
  .i-sub01-2 .sub-conbody{padding: 0;}
  .i-sub01 .text-wrap{padding: 0 25px 200px;}
  .i-sub01-2 .sub-conbody h3{padding: 0 25px;}
  .i-sub01-2 .sub-conbody .i-history-list{padding: 0 25px;}

  /* 고객문의 sub05 */
  .i-sub05 .sub-title-wrap{max-width: calc(100% - 50px);margin: 130px 25px 0; padding: 0 0 50px;}
}
@media screen and (max-width: 1024px){
  /* 공통 */
  .i-show-mo{display: block;}
  .i-show-pc{display: none;}
  input::placeholder, textarea::placeholder{font-size: 9px;}
  .i-btn{height: 27.5px; padding: 0 16.5px; border-radius: 25px; font-size: 10px;line-height: 27.5px;}

  /* 헤더 */
  .i-header .inner{height: 30px;}
  .i-header .logo{width: 128px;}
  .i-header .inner .m-menu{display: block; position: relative; z-index: 10;}
  .i-header .nav .m-menu.open{background-image: url("../images/icon_m_close.svg");}
  .i-header .nav .m-menu.open + .navbar{display: flex;}
  .i-header .nav .navbar{display: none; flex-direction: column; justify-content: space-between; align-items: flex-end; position: fixed; top: 0; right: 0;background: #fff;width: 188.5px; height: 100dvh; padding: 55px 25px 50px;border-radius: 25px 0 0 25px; border: 3.5px solid #ff7700; border-right: 0;}
  .i-header .nav .navbar .depth1{display: block;}
  .i-header .nav .navbar .depth1 > li{width: auto; margin-top: 25px; text-align: right;}
  .i-header .nav .navbar .depth1 > li > a{padding: 0; color: #333; font-size: 12.5px;}
  .i-header .nav .navbar .depth1 > li > a::after{content: ''; display: inline-block; position: relative; bottom: auto; width: 0; height: 1px; margin-left: 10px; background: 0; vertical-align: middle; transition: all 0.3s;}
  .i-header .nav .navbar .depth1 > li.active > a::after{width: 15px;background: #328B29;}
  .i-header .nav .navbar .depth2{display: none; position: relative; width: auto; margin-top: 15px; border-radius: 0; padding-bottom: 0; background: 0;}
  .i-header .nav .navbar .depth1 > li:hover .depth2{display: none;}
  .i-header .nav .navbar .depth1 > li.active .depth2{display: block;}
  .i-header .nav .navbar .depth2 li{margin-top: 10px; padding: 0;}
  .i-header .nav .navbar .depth2 li a{font-size: 11px; color: #666666;}
  .i-header .nav .navbar .depth2 li a:hover{border-bottom: 0;}
  .i-header .nav .navbar .m-gnb-f{display: block;text-align: right;}
  .i-header .nav .navbar .m-gnb-f p{font-family: "NanumSquareNeo"; font-size: 12.5px;font-weight: 800; color: #333;}
  .i-header .nav .navbar .m-gnb-f ul{margin-top: 10px;}
  .i-header .nav .navbar .m-gnb-f ul li{color: #888; font-size: 8px; line-height: 1.6;}
  .i-header .m-gnb-bg{visibility: hidden; opacity: 0;position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -9999; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); transition: 0.3s ease;}
  .i-header .m-gnb-bg.active{visibility: visible; opacity: 1; z-index: -1;}

  /* 푸터 */
  .i-footer{background: #242424;}
  .i-footer.main .inner{padding: 15px 0 50px;}
  .i-footer .inner{padding: 20px 25px 30px;}
  .i-footer .i-f-logo{width: 128px;}
  .i-footer address{margin-top: 10px; }
  .i-footer address span{display: block;color: rgba(255,255,255,0.6); font-size: 8px; font-style: normal; line-height: 1.6;}
  .i-footer address > p{display: flex; padding-right: 30px;}
  .i-footer address > p span:first-child{white-space: nowrap;}
  .i-footer ul{margin-top: 15px; }
  .i-footer ul li{color: #fff; font-size: 8px; line-height: 1.6;}
  .i-footer .copyright{margin-top: 25px; color: rgba(255,255,255,0.8); font-size: 8px;}

  /* 메인 */
  .i-visual-section{padding: 110px 25px 66px; background-image: url('../images/visual_bg_m.jpg');}
  .i-visual-section > span{padding: 5px 25px; font-size: 12px;}
  .i-visual-section h2{margin-top: 15px; font-size: 30px; line-height: 1.16; }
  .i-visual-section p{margin-top: 10px;font-size: 14px; line-height: 1.42;}
  .i-visual-section a{margin-top: 30px; width: 125px; height: 35px; padding: 0 15px; border-radius: 25px; font-size: 10px; line-height: 31px;}
  .i-visual-section a::after{right: 15px; width: 5px; height: 8px; background-size: cover;}
  .i-visual-section a:hover{border-width: 2px;}
  .i-visual-section a:hover::before{width: 15px;right: 17px; height: 1px;}
  .i-pg-list{margin: 0; padding: 25px; border-radius: 0;}
  .i-pg-list li{width: calc(50% - 7.5px); background-size: cover; aspect-ratio: 310/380; border-radius: 15px;}
  .i-pg-list li.partner,.i-pg-list li.information{margin-top: 15px;}
  .i-pg-list li a{padding: 12.5px 10px;}
  .i-pg-list li .txt-wrap{height: 32.5px;}
  .i-pg-list li p{font-size: 12.5px;}
  .i-pg-list li:hover p{transform: none;}
  .i-pg-list li:hover span{display: none;}
  .i-pg-list li i{width: 32.5px; height: 32.5px; background: #328B29 url("../images/icon_main_quick_w.svg") no-repeat center/9px;}
  .i-pg-list li.product i{background-color: #ff7700;}
  .i-pg-list li.partner i{background-color: #ECC511;}
  .i-pg-list li.information i{background-color: #269577;}
  .i-form.main{position: relative; padding: 60px 25px 50px; background: 0;}
  .i-form h2{font-size: 30px; line-height: 1.16;}
  .i-form > p{margin-top: 15px; font-size: 12px;}
  .i-form.main .form-wrap{margin-top: 30px;}
  .i-form.main::before{content: '';display: block; position: absolute;left: 0;bottom: 0;z-index: -1;width: 100%;height: 59%;background: url(../images/form_sub_bg_m.png) no-repeat center / cover;}

  /* 서브 */
  .sub-visual .bg-box{height: 200px;}
  .sub-visual .bg-box img{aspect-ratio: 750/400;}
  .sub-visual p{padding: 0 25px; font-size: 12.5px;}
  .sub-visual.slide p{top: 44%; }
  .swiper-button-next, .swiper-button-prev{top: 56%;width: 7px;height:12px;background-size: cover;z-index: 1;}
  .swiper-container .swiper-pagination{top: calc(52% + 15px); padding: 0 25px;}
  .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 4px; height: 4px;}
  .sub-tab li a{height: 35px;font-size: 11px; line-height: 35px;}
  .sub-tab li:last-child a{border-radius: 0 5px 0 0;}
  .sub-tab li + li a::before{height: 20px;}
  .sub-tab li:hover a{height: 45px; line-height: 45px; border-radius: 5px 5px 0 0;}
  .sub-tab li.active a{height: 45px; line-height: 45px; border-radius: 5px 5px 0 0;}
  .sub-title-wrap{display: block; text-align: center;margin: 40px auto 25px;}
  .sub-title-wrap h2{font-size: 20px;}
  .sub-title-wrap .i-breadcrumb{margin-top: 15px;}
  .sub-title-wrap .i-breadcrumb li a{font-size: 9px;}
  .sub-title-wrap .i-breadcrumb li:first-child::before{width: 2.5px; height: 2.5px; margin-top: 1.5px; margin-right: 4.5px;}
  .sub-title-wrap .i-breadcrumb li + li::before{margin: 0 5px 0 3px; font-size: 9px;}
  .sub-title-wrap p{margin-top: 21px;  font-size: 12px; line-height: 1.4;}

  /* 인사말 sub01 */
  .i-sub01{background-image:url("../images/sub01_con_bg1_m.png");}
  .i-sub01 .sub-conbody{padding: 0;}
  .i-sub01 .text-wrap{padding: 0 25px 152px;}
  .i-sub01 .text-wrap > strong{margin-top: 30px; font-size: 25px; line-height: 1.1;}
  .i-sub01 .text-wrap .dscr{width: 100%; margin-top: 25px; font-size: 12.5px;}
  .i-sub01 .text-wrap .name{width: 100%; margin-top: 25px; font-size: 11px;}
  .i-sub01 .text-wrap .name span{font-size: 12px;}
  /* 조직도 sub01-1 */
  .i-sub01-1{padding-bottom: 145px;background: url("../images/sub01_1_bg1_m.png") no-repeat center bottom/100%;}
  .i-sub01-1 .sub-title-wrap{margin-bottom: 50px;}
  /* 연혁 sub01-2 */
  .i-sub01-2 .sub-conbody{padding: 0;}
  .i-sub01-2 .sub-conbody h3{font-size: 25px; line-height: 1.3;}
  .i-sub01-2 .sub-conbody .i-history{padding: 30px 0 55px; background: 0;}
  .i-sub01-2 .sub-conbody .i-history-list{position: relative; margin-top: 65px;}
  .i-sub01-2 .sub-conbody .i-history-list::before{content:''; display: block; position: absolute;left: 62px;top: 50%;transform: translateY(-50%);width: 1px;height: 80%;background: #328B29;}
  .i-sub01-2 .sub-conbody .i-history-list::after{content: '';display: block; position: absolute; right: 0;top: -35px; z-index: -1; background: url("../images/sub01_2_con2_m.png") no-repeat top right/contain; width: 62.4%; height: 55px;}
  .i-sub01-2 .sub-conbody .i-history-list > .item + .item{margin-top: 25px;}
  .i-sub01-2 .sub-conbody .i-history-list > .item > strong{width: 75px;height: 40px; line-height: 40px;font-size: 15px;}
  .i-sub01-2 .sub-conbody .i-history-list > .item + .item strong::before{display: none;}
  .i-sub01-2 .sub-conbody .i-history-list > .item > div{flex-direction: column; align-items: flex-start; justify-content: center;width: calc(100% - 90px); padding: 15px 18px; min-height: auto}
  .i-sub01-2 .sub-conbody .i-history-list > .item > div::before{width: 6px; height: 6px; left: -5px; border-color:#076518; background: #076518;}
  .i-sub01-2 .sub-conbody .i-history-list > .item ul{order: 1; margin-right: 0;}
  .i-sub01-2 .sub-conbody .i-history-list > .item ul li{font-size: 12px;line-height: 1.4; letter-spacing: -0.02em}
  .i-sub01-2 .sub-conbody .i-history-list > .item ul li br {display: block;}
  .i-sub01-2 .sub-conbody .i-history-list > .item ul li b{margin-right: 12.5px;}
  .i-sub01-2 .sub-conbody .i-history-list > .item .imgbox{order: 0;width: 75px; height: auto; margin-bottom: 10px;}
  .i-sub01-2 .sub-conbody .i-history-list > .item .imgbox img{aspect-ratio: 150/65;}

  .i-sub01-2 .sub-conbody .i-history-list > .item:hover strong {background: #F5F5F5; color: #333}
  .i-sub01-2 .sub-conbody .i-history-list > .item:nth-child(even) strong {background: #328B29; color: #fff;}
  .i-sub01-2 .sub-conbody .i-history-list > .item > div {border: 1px solid #328B29;}
  .i-sub01-2 .sub-conbody .i-history-list > .item > div::before {background: #328B29}

  /* 식품첨가물 sub02 */
  .i-sub02 .sub-title-wrap{margin-bottom: 40px;}
  .i-sub02 .sub-conbody{padding: 0;}
  .i-sub02 .i-sub-tab li{width: 25%;}
  .i-sub-tab li a{width: 100%; height: 30px;font-size: 11px;line-height: 30px;}
  .i-sub-tab li.active a{border-bottom: 1.5px solid #328B29;}
  .i-sub-tab-bar ul li + li::before{height: 12.5px;}
  .i-sub-tab-bar ul li a{height: 35px; padding: 0 10px; font-size: 10px; line-height: 35px;}
  .i-sub-tab-bar ul li span{height: 35px; padding: 0 10px; font-size: 10px; line-height: 35px;}
  .i-sub-tab-bar ul li:first-child a{padding-left: 25px;}
  .i-sub02 .info-wrap{display: block; min-height: 0; margin: 25px auto 0; padding: 0 25px 75px;}
  .i-sub02 .info-wrap > .left{width: 100%;}
  .i-sub02 .info-wrap .left .item + .item{margin-top: 18px;}
  .i-sub02 .info-wrap .left .item .imgbox{border-radius: 5px;}
  .i-sub02 .info-wrap .left .item .imgbox img{aspect-ratio: 650/515;}
  .i-sub02 .info-wrap .left .item p{margin-top: 5px; font-size: 10px;}
  .i-sub02 .info-wrap > .right{width: 100%; margin-top: 50px;}
  .i-sub02 .info-wrap .right h3{font-size: 25px;}
  .i-sub02 .info-wrap .right .dscr{margin: 15px 0 25px; font-size: 11px;}
  .i-sub02 .info-wrap .dscr-item .title span{height: 25px;padding: 0 12px;font-size: 10px; line-height: 25px;}
  .i-sub02 .info-wrap .dscr-item ul{margin: 10px 10px 0 14px;}
  .i-sub02 .info-wrap .dscr-item ul.ty-num{margin: 10px 10px 0 22px;}
  .i-sub02 .info-wrap .dscr-item ul li{font-size: 10px; line-height: 2;}
  .i-sub02 .info-wrap .dscr-item ul.ty-disc li{padding-left: 7px;}
  .i-sub02 .info-wrap .dscr-item ul.ty-disc li::before{top: 8px; width: 2.5px; height: 2.5px;}
  .i-sub02 .btn-wrap{width: calc(100% - 50px); margin: 0 25px; padding: 25px 0 75px;}
  .i-sub02 .btn-wrap .modify{top: 25px;}

  /* 새 글 작성 */
  .i-sub02 .write-form{padding: 0 25px 75px;}
  .i-sub02 .write-form .inner{display: block;}
  .i-sub02 .write-form .inner .left{width: 100%;}
  .inp-area .photo-item label{min-height: 145px; height: auto; background-size: 30px;}
  .inp-area .photo-item label img{aspect-ratio: 650/391;}
  .i-sub02 .write-form .inner .right{width: 100%; margin-top: 25px;}
  .inp-area .i-inp.h-60{height: 30px; line-height: 30px;}
  .inp-area .i-inp.h-150{height: 80px; line-height: 80px;}
  .btn-add-field{width: 20px;height: 20px;margin-top: 10px;}
  .i-sub02 .btn-wrap.ty2{padding-bottom: 117px;}

  /* 냉동식품소재 sub03 */
  .i-sub03 .sub-conbody {padding-bottom: 40px}
  .i-sub03 .sub-conbody > .dscr{font-size: 12px;}
  .i-sub03 .sub-conbody .list03{flex-wrap: wrap; justify-content: center; margin: 20px 0 25px;}
  .i-sub03 .sub-conbody .list03 li{width: 32.3%; height: 100px; margin: 10px 0.7%;}
  .i-sub03 .sub-conbody .list03 li:nth-child(3){margin-left: 0;}
  .i-sub03 .sub-conbody .list03 li:nth-child(5){margin-right: 0;}
  .i-sub03 .sub-conbody .list03 li span{width: 25px; height: 25px; margin: 0 auto;}
  .i-sub03 .sub-conbody .list03 li p{margin-top: 5px; font-size: 10px;}
  .i-sub03 .sub-conbody > span{margin-top: 10px;font-size: 11px;}
  .i-sub03 .i-sub-tab{margin-top: 75px;}
  .i-sub03 .i-sub-tab li a{width: 81px;}
  .i-sub03 .board-list{width: calc(100% + 50px); margin: 0 -25px; padding: 0 25px;}
  .i-sub03 .board-list ul{margin-top: 11px;}
  .i-sub03 .board-list ul li {width: calc(50% - 20px);margin: 15px 10px;}
  .i-sub03 .board-list ul li .i-thumb img{aspect-ratio: 315/230;}
  .i-sub03 .board-list ul li p{margin-top: 10px; font-size: 12px;}
  .list-pagination{margin: 35px auto 75px;}
  .list-pagination li.prev a{margin-right: 30px;}
  .list-pagination li.next a{margin-left: 30px;}
  .list-pagination li.prev a, .list-pagination li.next a{width: 5px;height: 10px;}
  .list-pagination li a{width: 16.5px; height: 16.5px; margin: 0 4.5px; font-size: 10px; line-height: 17px;}

  /* 공급사 고객사 sub04 */
  .i-sub04{padding-bottom: 109px;}
  .i-sub04 .sub-title-wrap{margin-bottom: 40px; }
  .i-sub04 .sub-conbody > div h3{padding-left: 5px; border-left: 2px solid #328B29;font-size: 14px;}
  .i-sub04 .sub-conbody > div ul{width: calc(100% + 10px); margin: -5px;}
  .i-sub04 .sub-conbody > div ul li{width:calc(50% - 10px); margin: 5px;}
  .i-sub04 .sub-conbody > div:nth-child(even) h3{margin: 50px 0 25px; border-left: 2px solid #ff7700;}
  .i-sub04 .sub-conbody > div > p{font-size: 12px;}
  .i-sub04 .btn-wrap{width: calc(100% - 50px); margin: 0 25px; padding: 25px 0 75px;}
  .i-sub04 .btn-wrap .modify{top: 25px;}

  /* 고객문의 sub05 */
  .i-sub05 .sub-title-wrap{width: 100%; margin-top: 40px; padding-bottom: 25px;}
  .i-sub05 .sub-conbody{position: relative; padding-bottom: 75px;background: 0;}
  .i-sub05 .sub-conbody::before{content: ''; display: block;position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 68%; background: url(../images/form_sub_bg_m.png) no-repeat center/cover;}
  .i-form .form-wrap{padding: 0 10px 15px; border-radius: 15px;}
  .i-form .form-wrap .inner{display: block;}
  .i-form .form-wrap .inp-area{width: 100%;}
  .inp-area{margin-top: 15px;}
  .i-select-wrap{margin-top: 5px;}
  .selectric .label{height: 30px; margin: 0 14px 0 10px; line-height: 30px; font-size: 9px;border-radius: 2.5px;}
  .selectric .button{width: 14px; background-size: 9px;}
  .selectric-items li{min-height: 30px; line-height: 30px; font-size: 9px; padding: 0 10px;}
  .inp-area .i-tit{font-size: 12px;}
  .inp-area .essential::after{font-size: 12px;}
  .inp-area .i-inp{height: 30px; padding: 0 10px; border-radius: 2.5px; font-size: 12px; font-size: 9px;}
  .inp-area .i-tit + .inp-cont, .inp-area .i-tit + .i-select{margin-top: 5px;}
  .inp-area .i-textarea{height: 125px; padding: 10px; border-radius: 2.5px; font-size: 9px;}
  .inp-area .terms-box{height: 100px;margin-top: 5px; }
  .inp-area .terms-box > div{padding: 0 5px;}
  .inp-area .terms-box p{font-size: 7px;}
  .inp-area.term > .inp-cont{margin-top: 10px;}
  .inp-area .i-chkbox{width: 8.5px; height: 8.5px;}
  .inp-area .i-chkbox + span{ margin-left: 5px; font-size: 9px;}
  .inp-area .i-btn-wrap{margin-top: 15px;}

  /* 팝업 */
  .i-popup-wrap .i-popup-area{max-width: calc(100% - 50px); max-height: calc(100% - 196px);}
  .i-popup-wrap .i-popup-close{top: 15px; right: 20px;width: 15px; height: 15px;}
  .i-popup-wrap .i-popup-content{padding: 25px 20px;}
  .i-popup-wrap .i-popup-content .inner{display: block;}
  .i-popup-wrap .i-popup-content .inner .name{font-size: 15px; margin-bottom: 15px; padding-bottom: 10px;}
  .i-popup-wrap .i-popup-content .inner .imgbox{width: 100%;}
  .i-popup-wrap .i-popup-content .inner .imgbox img{aspect-ratio: 570/400;}
  .i-popup-wrap .i-popup-content .inner .info{width: 100%; margin-top: 10px;}
  .i-popup-wrap .i-popup-content .inner .info li p{width: 80px; padding: 7px 10px; font-size: 11px;}
  .i-popup-wrap .i-popup-content .inner .info li span{padding: 7px 10px; font-size: 11px;}
  .i-popup-wrap .i-popup-content .btn-wrap{margin-top: 25px;}

  /* 퀵메뉴 */
  .quick-wrap{right: 0;}
  .quick-wrap a{width: 30px; height: 30px; border-radius: 5px 0 0 5px; box-shadow: 0 2px 3.5px rgba(0,0,0,0.2); background-size: 15px;}
  .quick-wrap .page{background-size: 15px;}
  .quick-wrap .btn-top{margin-top: 5px; background-size: 15px;}
}