@font-face {
font-family: 'MaruBuri-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}


#bowrap .wrap{border-top:0px solid #eee; min-height:300px;}
.swrap{display: inline-block;width:1280px;}
.swrap .scon.mb{margin-bottom: 150px;}

.scon{min-height: 300px;}
.scon.mb{margin-bottom:150px;}
.stitle{padding: 100px 0; font-size: 34px; color: #222; font-weight: 600; line-height: 1.2;}


.svisual{position: relative; width:100%; height: 450px;background-size: cover;background-position: center;background-repeat: no-repeat; color: #fff; transition: height .5s;}
.svisual1{background-image: url(../images/sv1.jpg);}
.svisual2{background-image: url(../images/sv2.jpg);}
.svisual3{background-image: url(../images/sv6.jpg);}
.svisual4{background-image: url(../images/sv4.jpg);}
.svisual5{background-image: url(../images/sv5.jpg);}
.svisual .text{position: absolute; top:52%; left: 0; width: 100%; text-align: center; transform: translateY(-50%) translateY(20px); }
.svisual .title{font-size: 42px; font-weight: 600;text-shadow: 5px 3px 30px rgb(0 0 0 / 70%); opacity:0; transform: translateY(40px); transition:all 1s; }
.svisual .sub{font-size: 16px;font-weight: 200; margin-top: 10px; text-shadow: 3px 0 20px rgb(0 0 0 / 70%); opacity:0;  transform: translateY(30px); transition:all 1s 0.5s; }


.svisual.view .title{opacity:1;  transform: translateY(0px); }
.svisual.view .sub{opacity:1;  transform: translateY(0px); }

.snav{position:relative; width:100%; height:75px; background:#fff; color:#333;border-bottom: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;z-index: 6;}
.snav .snavin{width: 1480px; display: inline-block; padding:10px 0;}
.snav .snavin a{color:#333; font-size:16px;line-height:50px; height: 50px;}
.snav .snavin .home{width:120px; float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.2);   border-right: 1px solid #eee;}
.snav .snavin .home p{font-size: 16px; line-height: 50px;}
.snav .snavin .home .fa{vertical-align: baseline; margin-right:5px;line-height: 50px;}
.snav_list1_open, .snav_list2_open{position:absolute; right:30px; top:20px; cursor:pointer; font-size: 16px;}
.snav_list1_close, .snav_list2_close{position:absolute; right:30px; top:20px; display:none; cursor:pointer;font-size: 16px;}
.snav_list_title{line-height:50px; font-size: 18px; text-align: left; padding-left:20px;border-right: 1px solid #eee;}
.snav_list2w .snav_list_title{color: #003471; font-weight: 500;}
.snav_list1w, .snav_list2w{position: relative; width:315px; float:left; cursor:pointer; }
.snav_list2w{margin-left:2px;}
.snav_list1, .snav_list2{position:relative;overflow:hidden; text-align:left; max-height: 0; background:#eee; transition:all 0.2s 0s;margin-top: 14px;}
.snav_list1 li, .snav_list2 li{line-height: 40px; font-size: 16px; display: block; padding-left: 20px;border-bottom: 1px solid #ddd; _margin: 10px;}
.snav_list1 li:last-child, .snav_list2 li:last-child{border-bottom: none;}
.snav_list1.on, .snav_list2.on{max-height:1000px;}
.snav_list2 li.on{display:none;}



.s11_box1 .wrap{position: relative; height:380px; background-image: url(../images/s11_i1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;  transition: all .5s;}
.s11_box1 .wrap p{position: absolute; top: 50%; transform: translateY(-50%); left: 80px; font-size: 30px; text-align: left; color: #fff;}
.s11_box1 .wrap p span{font-weight: 600;}
.s11_box1 .wrap p .s1{color: #74d526}


.s11_box2{display:inline-grid; grid-template-columns:300px 1fr; width: 1200px; text-align: center; grid-gap: 20px; margin-top: 100px;text-align: left;}
.s11_box2 .text{text-align: left; font-size: 16px; color:#555; line-height: 1.6;}
.s11_box2 .text .s2{font-size: 30px; color: #28a306; font-weight: 500;}
.s11_box2 .text .name{margin-top: 60px; font-size: 16px; }
.s11_box2 .text .name span{ margin-left: 20px; font-size: 30px; font-family: 'MaruBuri-Regular'; vertical-align: bottom;}


.s11_box3{margin-top: 180px; padding:0 20px 150px; background:url(../images/s11_box3_bg.jpg)no-repeat center/cover;}
.s11_box3 .stitle{padding: 100px 0 60px;}
.s11_box3 .list{width:1200px; height: 360px; background: rgba(255,255,255,0.6); border:3px solid #446cae; border-radius: 200px; display: inline-grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; padding: 40px 60px;}
.s11_box3 .list li{text-align: center;  transition: all .5s;}
.s11_box3 .list li .won{display: inline-block; width:200px; height: 200px; border-radius: 50%; padding:30px 0;}
.s11_box3 .list li:nth-child(1) .won{background:#3e6ec6; }
.s11_box3 .list li:nth-child(2) .won{background:#af208f; }
.s11_box3 .list li:nth-child(3) .won{background:#357a13; }
.s11_box3 .list li .won p{margin-top: 10px; font-size: 24px;color: #fff;}
.s11_box3 .list li .won p span{display: block;font-size: 18px;font-weight: 100;}
.s11_box3 .list li .con{margin-top: 20px; font-size: 16px;}


.s12_box1{}
.s12_box1 .hlist{ display:grid; grid-template-columns:1fr 1fr;}
.s12_box1 .hlist + .hlist{ margin-top: 180px;}
.s12_box1 .hlist img{transform: translateX(-100px); opacity:0; transition:all 1.2s;}
.s12_box1 .hlist.view img{transform: translateX(0px); opacity:1;}

.s12_box1 .hlist .text{position: relative;text-align: left;}
.s12_box1 .hlist .text dl{padding: 90px 0 0 195px; vertical-align: top;}
.s12_box1 .hlist .text dl::before{ content: ''; width: 1px; position: absolute; top: 0; bottom: -400px; left: 108px; background-color: #dbdbdb;}
.s12_box1 .hlist .text dl dt{font-size: 50px; font-weight: 600; color: #000; font-family: 'Montserrat', 'Noto Sans KR'; margin-bottom: 50px;}
.s12_box1 .hlist .text dl dt::before{ content: ''; position: absolute; top:114px; left:99px; background-color: #fff; display: block; width: 17px; height: 17px; border: #ff2929 1px solid; border-radius: 50%; display: block;}
.s12_box1 .hlist .text dl dt::after{ content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color:#ff2929; position: absolute; top: 120px; left: 105px;}
.s12_box1 .hlist .text dl dd{font-size: 18px; margin-bottom: 30px;}
.s12_box1 .hlist .text dl dd p{font-size: 18px; margin-bottom: 5px;}
.s12_box1 .hlist .text dl dd strong{font-size: 18px; color: #000; font-family: 'Montserrat', 'Noto Sans KR';}
.s12_box1 .hlist:last-child dl::before{ bottom: 0; }
.s12_box1 .hlist:last-child dl::after{ content: ''; position: absolute; bottom: 0; left: 105px; width: 7px; height: 7px; background-color: #dbdbdb; display: block; border-radius: 50%;}

.s12_box2{margin-top: 150px; height: auto; background:url(../images/s12_box2_bg.jpg)no-repeat center/cover; padding-bottom: 100px;}
.s12_box2 .wrap{}
.s12_box2 .wrap ul{text-align: center;}
.s12_box2 .wrap ul li{display:inline-block; width:320px; height: 280px; background: #fff;  padding:40px; margin:0 20px 40px;}
.s12_box2 .wrap ul li img{}
.s12_box2 .wrap ul li .text{margin-top:20px;}
.s12_box2 .wrap ul li .text strong{font-size: 19px;color: #000;}
.s12_box2 .wrap ul li .text p{font-size: 17px; color: #494949;margin-top: 10px;}


.s13_box{}
.s13_box .wrap{}
.s13_box .wrap .listw{display:grid; grid-template-columns:1fr 1fr; grid-gap: 40px;border-bottom: 1px solid #eee; padding-bottom: 50px;}
.s13_box .wrap .listw + .listw{margin-top:50px;}
.s13_box .wrap .listw .list{display:grid; grid-template-columns:220px 1fr; grid-gap:40px;}
.s13_box .wrap .listw .list img{}
.s13_box .wrap .listw .list .text{text-align: left;}
.s13_box .wrap .listw .list .text .no{font-size: 18px; color: #004a80;}
.s13_box .wrap .listw .list .text .title{height: 100px; font-size: 28px; color: #222; font-weight: 600;line-height: 1.2; margin-top:10px;}
.s13_box .wrap .listw .list .text .con{}
.s13_box .wrap .listw .list .text .con li{display: block;font-size: 18px; margin-bottom: 10px;}
.s13_box .wrap .listw .list .text .con li span:nth-child(1){display: inline-block; width: 120px; color: #222;}
.s13_box .wrap .listw .list .text .con li span:nth-child(2){display: inline-block;}



.table {
    margin-bottom: 10px;
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
	border-spacing: 0;
    table-layout: fixed;
    display: table;
	word-wrap: break-word;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

caption, legend {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.table thead th {
    background-color: #23408e;
    color: #fff;
	padding: 15px 10px;
    font-size: 18px;
    border-bottom: 1px solid #dbdbdb;
    font-weight: 400;
	margin-left: -1px;
    word-wrap: break-word;
	word-break: keep-all;
	vertical-align: middle;
}
.table td{
	font-size: 16px;
    letter-spacing: -0.02em;
    margin-left: -1px;
    padding: 15px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    word-wrap: break-word;
    word-break: break-all;
    word-break: keep-all;
    color: #555;
	vertical-align: middle;
}

.table td span{display:none; margin-right:10px; font-weight:500; padding-right: 10px; border-right: 1px solid #ccc; color:#222;}

.table td.text-left{text-align:left;}
.table td:last-child{border-right: none;}
.table[data-rwdb=yes] tbody td {border-left: none;}





.s14_box1{padding:0 20px 150px;}
.s14_box1 .pci{display:inline-block;}
.s14_box1 .tab{display:none;}
.s14_box1 .mo{display:none;}


.s15_box1{}
.s15_box1 .wrap{}
.s15_box1 .wrap .mapbox{background: #222; height: 540px;}
.s15_box1 .wrap .mapbox_text{position:relative; margin-top:-80px;width:1180px; _height: 200px; display: inline-block;display:inline-grid; grid-template-columns:384px 1fr; z-index:90;}
.s15_box1 .wrap .mapbox_text .box1{padding:80px 0px;background: #2b7810;}
.s15_box1 .wrap .mapbox_text .box2{display:grid; grid-template-columns:310px 1fr 1fr; background: #298b22; padding:80px 40px; color: #fff;text-align: left; }
.s15_box1 .wrap .mapbox_text .box2 .title{font-weight: 200; text-transform: uppercase; font-size: 18px; }
.s15_box1 .wrap .mapbox_text .box2 .con{font-size: 18px; margin-top: 10px;}
.s15_box1 .wrap .root_daum_roughmap{width:100%!important;}

.s21_box1{display:grid; grid-template-columns:970px 1fr;}
.s21_box1 img{}
.s21_box1 .text{position: relative; width: 600px; padding-left: 60px; padding-top:130px; text-align: left;}
.s21_box1 .text dl{}
.s21_box1 .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.s21_box1 .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px);left: -200px; width:800px; height: 2px; background: #52ae25;}
.s21_box1 .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 20px;}
.s21_box1 .text dl dd{font-size: 18px; margin-bottom: 30px; color: #666;}
.s21_box1 .text dl dd strong{color: #222; line-height: 2;}


.s21_box2{}
.s21_box2 ul{padding:150px 0;}
.s21_box2 ul li{width: 350px; height: 350px; border: 1px solid #cecece; border-radius: 50%; margin:0 40px; padding: 60px 0;}
.s21_box2 ul li img{}
.s21_box2 ul li .text{margin-top: 30px;}
.s21_box2 ul li .text .title{font-size: 24px;color: #333; }
.s21_box2 ul li .text .sub{font-size: 18px;color: #666; }

.s21_box3{background: #f7f7f7; padding-bottom:150px;}
.s21_box3 .wrap{width:1280px;}
.s21_box3 .list{overflow: hidden; }
.s21_box3 .list + .list{margin-top: 120px;}
.s21_box3 .list1 .img{width: 590px; float: left;}
.s21_box3 .list2 .img{width: 590px; float: right;}
.s21_box3 .list1 .text{padding-left:100px; text-align:left; float: left;}
.s21_box3 .list2 .text{padding-right:100px; text-align:right; float: right;}
.s21_box3 .list .text{padding-top: 20px;}
.s21_box3 .list .text .no{font-size: 56px;color: #014099;}
.s21_box3 .list .text .title{font-size: 36px; font-weight: 600; margin-top:10px;}
.s21_box3 .list .text .sub{font-size: 18px; margin-top: 40px;}


.s22_box1{}
.s22_box1 .img{position: relative;}
.s22_box1 .img .title{position: absolute; top:50px; left:0;width: 100%; text-align: center;}
.s22_box1 .img .title span{font-size: 22px; margin:20px;}
.s22_box1 .img .title span .fas{font-size: 50px; margin-left:30px;vertical-align: middle;}
.s22_box1 .img .title span:nth-child(1) .fas{color: red}
.s22_box1 .img .title span:nth-child(2) .fas{color: blue}
.s22_box1 .text{margin-top: 100px;}
.s22_box1 .text .box{position: relative; height: 150px; display: inline-block;}
.s22_box1 .text .box:before{content: "";position: absolute; top:50%; left:0px; width:98%; height: 2px; background: #ddd;z-index: -1;}
.s22_box1 .text .box span{display:none;}
.s22_box1 .text .box:nth-child(1){width: 345px;}
.s22_box1 .text .box:nth-child(2){width: 345px;}
.s22_box1 .text .box:nth-child(3){width: 345px;}
.s22_box1 .text .box:nth-child(4){width: 345px;}
.s22_box1 .text .box .won{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 140px; border-radius: 50%; }
.s22_box1 .text .box .won p{color: #fff; font-size: 16px; position: absolute; top: 50%; left: 0%; width:100%; transform: translateY(-50%);}
.s22_box1 .text .box:nth-child(1) .won{background-color: #e8ad68;}
.s22_box1 .text .box:nth-child(2) .won{background-color: #c58c4f;}
.s22_box1 .text .box:nth-child(3) .won{background-color: #99530f;}
.s22_box1 .text .box:nth-child(4) .won{background-color: #63370c;}

.s22_box2{margin-top: 100px;}
.s22_box2 ul{display:inline-grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap: 20px;}
.s22_box2 ul li{position: relative; border:1px solid #ddd; border-radius: 30px; padding:10px; padding-left: 30px;}
.s22_box2 ul li .no{position: absolute; top:5px;left: 5px; width: 30px; height: 30px; background: #666; color: #fff; border-radius: 50%; font-size: 14px; line-height: 30px;}
.s22_box2 ul li p{font-size: 16px;}

.s22_box3{margin-top: 180px; background:url(../images/s22_box3_bg.jpg)no-repeat center/cover; padding-bottom: 150px;}
.s22_box3 .stitle{color: #fff;}
.s22_box3 ul{display:inline-grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
.s22_box3 ul li{position: relative; padding:60px 80px; padding-left: 200px; background: #fff; border-radius: 10px;}
.s22_box3 ul li img{position: absolute; top: 60px; left:60px;}
.s22_box3 ul li .text{text-align: left;}
.s22_box3 ul li .text .title{font-size: 20px; color: #333; font-weight: 500;}
.s22_box3 ul li .text .sub{font-size: 15px; margin-top: 20px; line-height: 1.6; text-align: justify;}


.s23_box1{}
.s23_box1 .img{margin-bottom: 50px;}

/* 추가 시작 */
.s23_box4 .img{margin-bottom: 50px;}
.s23_box4{display:inline-grid; grid-template-columns:300px 1fr; width: 1200px; text-align: center; grid-gap: 20px; margin-top: 10px;text-align: left;}
.s23_box4 .text{text-align: center; font-size: 18px; color:#555; line-height: 1.9;}
.s23_box4 .text .s2{font-size: 32px; color: #232323; font-weight: 600;}
.s23_box4 .text .name{margin-top: 60px; font-size: 16px; }
.s23_box4 .text .name span{ margin-left: 20px; font-size: 30px; font-family: 'MaruBuri-Regular'; vertical-align: bottom;}
/* 추가 끝 */

.s23_box1 ul{margin-top: 10px;display:inline-block; }
.s23_box1 ul li{width: 220px; height: 220px; border-radius: 50%; padding-top:50px; margin:0 10px;}
.s23_box1 ul li:nth-child(1){background-color: #73cb44;}
.s23_box1 ul li:nth-child(2){background-color: #46a525;}
.s23_box1 ul li:nth-child(3){background-color: #36960b;}
.s23_box1 ul li:nth-child(4){background-color: #38760e;}
.s23_box1 ul li:nth-child(5){background-color: #256605;}
.s23_box1 ul li .title{font-size: 30px; font-weight: 600; color: #fff;}
.s23_box1 ul li .sub{font-size: 18px; margin-top: 20px;color: #fff;}

.s23_box2{margin-top: 130px;}
.s23_box2 .img{}
.s23_box2 ul{margin-top: 100px;display:inline-block; }
.s23_box2 ul li{width: 220px; height: 220px; border-radius: 50%; padding-top:50px; margin:0 10px;}
.s23_box2 ul li .sub{font-size: 18px; margin-top: 20px;color: #fff;}
.s23_box2 .title{font-size: 20px; color: #333;}

.s23_box3{margin-top:150px; background: #eee;padding-bottom: 150px;}
.s23_box3 .list{display:inline-grid; grid-template-columns:1fr 1fr 1fr; grid-gap:50px;}
.s23_box3 .list li{background: #fff;border-radius: 10px; overflow: hidden;}
.s23_box3 .list li .img{}
.s23_box3 .list li .text{padding:30px 40px; text-align: left;}
.s23_box3 .list li .text .title{font-size: 20px; color: #333;}
.s23_box3 .list li .text .sub{font-size: 15px; margin-top: 10px; line-height: 1.6;}

.s24_box2{padding:150px 0 80px;;}
.s24_box2 .pci{display: inline-block;}
.s24_box2 .mo{display: none;}

.s24_box3{}
.s24_box3 .img{}
.s24_box3 .text{position: relative; height:100px;  margin-top:100px;}
.s24_box3 .text .list{position: absolute; top:0; height:60px; line-height: 60px;  border-radius: 30px; color: #fff; font-size: 18px;}
.s24_box3 .text .list:nth-child(1){width:420px; left:0; background: #68c5e8; z-index: 2;}
.s24_box3 .text .list:nth-child(2){width:250px; left:380px; background: #1d8be0; z-index: 3;}
.s24_box3 .text .list:nth-child(3){width:440px; left:570px; background: #1d66e0; z-index: 4;}
.s24_box3 .text .list:nth-child(4){width:440px; left:960px;; background: #1d39e0; z-index: 5;}

.s24_box4{margin-top: 180px; background:url(../images/s24_box4_bg.jpg)no-repeat center/cover; padding:100px 0;}
.s24_box4 ul{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:30px; justify-content:space-between; justify-content: stretch; }
.s24_box4 ul li{}
.s24_box4 ul li .img{}
.s24_box4 ul li .text{color: #fff;}
.s24_box4 ul li .text .title{font-size: 60px; font-weight: 600;}
.s24_box4 ul li .text .title span{font-size:16px; vertical-align: baseline; font-weight: 200; margin-left: 5px;}
.s24_box4 ul li .text .sub{font-size:16px;}



/* 수정 시작 */
.s31_box1{}
.s31_box1 .img{}
.s31_box1 .img_line{position: relative; margin-top: 80px; margin-bottom: 70px;}

.s31_box2{margin-top: 90px;}
.s31_box2 .img{}
.s31_box2 .img_btn{margin-top: 90px; padding-bottom: 100px;}
.s31_box2 ul{margin-top: 100px;display:inline-block; }
.s31_box2 ul li{width: 220px; height: 220px; border-radius: 50%; padding-top:50px; margin:0 10px;}
.s31_box2 ul li .sub{font-size: 18px; margin-top: 20px;color: #fff;}
.s31_box2 .title{font-size: 20px; color: #333;}

.s31_box3{margin-top:150px; background: #eee;padding-bottom: 150px;}
.s31_box3 .list{display:inline-grid; grid-template-columns:1fr 1fr 1fr; grid-gap:50px;}
.s31_box3 .list li{background: #fff;border-radius: 10px; overflow: hidden;}
.s31_box3 .list li .img{}
.s31_box3 .list li .text{padding:30px 40px; text-align: left;}
.s31_box3 .list li .text .title{font-size: 21px; color: #333; font-weight: 500; text-align: center;}
.s31_box3 .list li .text .sub{font-size: 15px; margin-top: 10px; line-height: 1.6;}
/* 수정 끝 */

/* 추가 시작 */
.s31_box4 .img{position: relative;}
.s31_box4{display:inline-grid; grid-template-columns:360px 1fr; width: 1300px; text-align: center; grid-gap: 20px; margin-top: 10px;text-align: left;}
.s31_box4 .text{text-align: left; font-size: 17px; color:#555; line-height: 1.8;}
.s31_box4 .text .s2{font-size: 18px; color: #e60012; font-weight: 500;}
.s31_box4 .text .name{margin-top: 60px; font-size: 16px; }
.s31_box4 .text .name span{ margin-left: 20px; font-size: 30px; font-family: 'MaruBuri-Regular'; vertical-align: bottom;}
/* 추가 끝 */


/* 수정 시작 */
.s32_box1{}
.s32_box1 .img{position: relative;}
.s32_box1 .text{margin-top: 70px;}
.s32_box1 .text .sub{font-size: 17px; color: #333; margin-top: 10px; line-height: 1.7; margin-bottom: 40px;}

.s32_box2{margin-top:150px; background: #eee; padding-bottom: 150px;}
.s32_box2 .info .img{position: relative;}
.s32_box2 .info{padding-top: 100px; display:inline-grid; grid-template-columns:360px 1fr; width: 1300px; text-align: center; grid-gap: 20px; margin-top: 10px;text-align: left;}
.s32_box2 .info .text{text-align: left; font-size: 16px; color:#555; line-height: 1.8;}
.s32_box2 .info .text .s1{font-size: 28px; color: #286c0d; font-weight: 600;}
.s32_box2 .info .text .s2{font-size: 18px; color: #408200; font-weight: 500;}
.s32_box2 .info .text .name{margin-top: 60px; font-size: 16px; }
.s32_box2 .info .text .name span{ margin-left: 20px; font-size: 30px; font-family: 'MaruBuri-Regular'; vertical-align: bottom;}

.s32_box3{background:url(../images/s31_box3_bg.jpg)no-repeat center/cover; padding-bottom: 150px;}
.s32_box3 .stitle{color: #fff;}
.s32_box3 .list{display:inline-grid; grid-template-columns:1fr 1fr 1fr; grid-gap:50px;}
.s32_box3 .list li{background: #fff;border-radius: 10px; overflow: hidden;}
.s32_box3 .list li .img{}
.s32_box3 .list li .text{padding:30px 40px; text-align: left;}
.s32_box3 .list li .text .title{font-size: 22px; color: #333; font-weight: 600; line-height: 1.2; text-align: center;}
.s32_box3 .list li .text .sub1{font-size: 17px; color: #16a008; font-weight: 400; margin-top: 10px; line-height: 1.5; text-align: center;}
.s32_box3 .list li .text .sub2{font-size: 15px; margin-top: 10px; text-align: center;}

.s32_box4{}
.s32_box4 .img{position: relative; margin-top:130px; margin-bottom: 130px;}

.s32_box5{background: #eee; padding-bottom: 150px;}
.s32_box5 .open .img{margin-top:100px; position: relative; margin-bottom:10px; }
.s32_box5 .open .text{font-size: 16px; color:#555; line-height: 1.8;}
.s32_box5 .open .text .s1{font-size: 35px; color: #000; font-weight: 600; text-align: center;}
.s32_box5 .open .text .s2{font-size: 18px; color: #408200; font-weight: 500;}

.s32_box6{}
.s32_box6 .img{position: relative; margin-top:80px; margin-bottom: 80px;}
/* 수정 끝 */

.s33_box{background: #f7f7f7; padding:100px 0 150px;}
.s33_box .list{overflow: hidden; }
.s33_box .list + .list{margin-top: 40px;}
.s33_box .list1 .img{width: 590px; float: left;}
.s33_box .list2 .img{width: 590px; float: right;}
.s33_box .list1 .text{padding-left:100px; text-align:left; float: left;}
.s33_box .list2 .text{padding-right:100px; text-align:right; float: right;}
.s33_box .list .text{width:50%; padding-top: 130px;}
.s33_box .list .text .no{color:#d1d1d1; font-size: 18px; margin-bottom: 20px;}
.s33_box .list .text .title{font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.s33_box .list .text .sub{font-size: 18px;  color: #666;  line-height: 1.6;}



.s41_box1{background: #f7f7f7; padding:100px 20px;}
.s41_box1 .wrap{display:inline-grid; grid-template-columns:1fr 1fr; grid-gap:50px;}
.s41_box1 .wrap .con{position: relative; background:#e6e8eb; border:1px solid #cad0d8; border-radius: 20px; padding: 40px;}
.s41_box1 .wrap .con .title{position: absolute; top:-30px; left: 50%; transform: translateX(-50%); display:inline-block; font-size: 18px;  color: #fff; background: #0089d0; border-radius: 30px; padding: 10px 50px; }
.s41_box1 .wrap .con.con2 .title{background: #2359a6;}
.s41_box1 .wrap .con .list{}
.s41_box1 .wrap .con .list ul{}
.s41_box1 .wrap .con .list ul li{display: block;}
.s41_box1 .wrap .con .list ul li + li{margin-top:15px;}
.s41_box1 .wrap .con .list ul li span{display:inline-block; background: #fff;border:1px solid #cad0d8; border-radius:10px;font-size: 16px; padding:20px; height:60px;}
.s41_box1 .wrap .con .list ul li .s1{width:70%; margin-right:2%;}
.s41_box1 .wrap .con .list ul li .s2{width:28%;}


.s41_box2{}
.s41_box2 .wrap{padding:0 20px;}
.s41_box2 .wrap ul{border-top:2px solid #a3a3a3;text-align: left;}
.s41_box2 .wrap ul > li{border-bottom:2px solid #f4f4f4;display:grid; grid-template-columns:230px 1fr; grid-gap:50px;text-align: left; padding:40px 0;}
.s41_box2 .wrap ul > li .img{}
.s41_box2 .wrap ul > li .text{}
.s41_box2 .wrap ul > li .text .title{font-size:24px;  color: #333; margin-bottom: 20px;}
.s41_box2 .wrap ul > li .text .title span{color:#2359a7;font-weight: 600;}
.s41_box2 .wrap ul li .text .con{}
.s41_box2 .wrap ul li .text .con ol{}
.s41_box2 .wrap ul li .text .con ol li{position: relative; padding-left:15px; font-size: 16px;  color: #828282; display: block;margin-bottom: 10px;}
.s41_box2 .wrap ul li .text .con ol li:after{content: "•"; display: block; position: absolute; left: 0; top:0;  color:#2359a7;}



.s53_boxw{background:#f3f3f3; padding:100px 0 0;}
.s53_boxw .s53_box{margin-bottom:80px;}
.s53_boxw .s53_box:last-child{margin-bottom:0;}
.s53_boxw .s53_box .title{font-size: 24px; color:#262626;}
.s53_boxw .s53_box ul{ margin-top:40px; }
.s53_boxw .s53_box ul li{ width: calc(25% - 20px); margin:0 10px 70px;}
.s53_boxw .s53_box ul li .box{position: relative; display:inline-block; width:250px; height:250px; background: #fff;  border-radius: 50%; border:1px solid #cfcfcf;}
.s53_boxw .s53_box ul li .box img{position: absolute; max-width: 150px; top:50%; left: 50%; transform: translate(-50%, -50%);}
.s53_boxw .s53_box ul li span{ display: block;  height:80px;  font-size: 20px; color: #222222; font-weight: 500; padding:30px 10px;  }
.s53_boxw .s53_box ul li span::after { display: block; content: ""; width: 120px; margin: 30px auto; border-bottom: 1px solid #D37F5E; }



/* contactus */
legend, caption { display: none;}
#sub.contactus .tb-type01 {border-top:1px solid #333;}
#sub.contactus .tb-type01 table{table-layout: fixed;width:100%;}
#sub.contactus .tb-type01 table .asterix{color:#c90000;vertical-align: middle;margin-left:4px;}
#sub.contactus .tb-type01 table tbody tr{border-bottom:1px solid #ddd;font-size: 0;}
#sub.contactus .tb-type01 table tbody tr th{font-size:18px;font-weight:500;color:#333;padding:35px 30px;background:#f7f7f7;text-align: left;}
#sub.contactus .tb-type01 table tbody tr td{padding:20px 22px; text-align: left;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(2) td input + input{margin-left:10px;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(4) td select{margin-left:10px;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(5) td select + select{margin-left:10px;}
#sub.contactus .tb-type01 .dash, #sub.contactus .tb-type01 .at{margin:0 10px;font-size:16px;}
#sub.contactus .tb-type01 input::placeholder{font-weight:350;color:#aaa;}
#sub.contactus .tb-type01 input,select{font-size:16px;color:#666;border:1px solid #ddd;height:50px;padding-left:18px;}
#sub.contactus .tb-type01 select::-ms-expand {display: none;}
#sub.contactus .tb-type01 input.ipt-w-100p{width:100%;}
#sub.contactus .tb-type01 input.ipt-w-380{width:100%;}
#sub.contactus .tb-type01 input.ipt-w-200{width:280px;}
#sub.contactus .tb-type01 input.ipt-w-230{width:230px;}
#sub.contactus .tb-type01 input.ipt-w-180{width:180px;}
#sub.contactus .tb-type01 select{background:url('/images/sel-down.png')#fff no-repeat center right 5.5%;-webkit-appearance: none; appearance: none;}
#sub.contactus .tb-type01 select.sel-w-230{width:230px;}
#sub.contactus .tb-type01 select.sel-w-280{width:280px;}
#sub.contactus .tb-type01 select.sel-w-345{width:345px;}
#sub.contactus .tb-type01 textarea{width:100%;color:#666;border:1px solid #ddd;}
#sub.contactus .tb-type01 textarea.txt-cont{width:100%;height:200px;padding:20px;}
#sub.contactus textarea.txt-rd{width:100%;height:250px;padding:30px; font-weight: 300;}
#sub.contactus .agree-paragraph{text-align: center;margin:25px 0 75px;}
#sub.contactus .agree-paragraph .chk-wrapper > *{display: inline-block;vertical-align: middle;}
#sub.contactus .agree-paragraph .chk-wrapper label{font-size:18px;color:#333;}
#sub.contactus h3{font-size:24px;font-weight: 500;color:#333;margin:54px 0 14px;}
#sub.contactus h6{font-size:16px;font-weight: 400;color:#333;margin-bottom: 10px; margin-left: 10px;}
#sub .btn-default-01{font-size:18px;font-weight:500;display:block;width:250px;height:60px;background:#014099;color:#fff;margin:0 auto;}
button {border: 0;cursor: pointer;width: auto;overflow: visible;}



#pageNavi { clear:both; margin:0 auto; width:100%; text-align:center; padding:10px 0 10px 0; }
.pagination {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 15px; }
.page-link { position: relative; display: inline-block; padding: .5rem .95rem; margin-left: -1px; line-height: 1.13; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #F9F9F9; color: #333333; line-height: 1.13; font-weight: 700; }

.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}

.list-paging {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38px 0;
  gap: 6px;
}

.list-paging a {
  display: block;
  width: 25px;
  padding: 8px;
  font-size: 13px;
  text-align: center;
  border: 1px solid var(--color-stroke);
  border-radius: 4px;	
}

.list-paging a:hover {
  border-color: var(--color-gray);
}

.list-paging a.active {
  border-color: var(--color-gray);
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%)
}

.list-paging a.paging-btn {
  text-indent: -9999px;
  border-width: 0;
}

.list-paging a.paging-btn.first {
  background: url('../images/icon/ico-page-first.svg') 50% no-repeat;
}

.list-paging a.paging-btn.prev {
  background: url('../images/icon/ico-page-prev.svg') 50% no-repeat;
  margin-right: 12px;
}

.list-paging a.paging-btn.last {
  background: url('../images/icon/ico-page-last.svg') 50% no-repeat;
}

.list-paging a.paging-btn.next {
  background: url('../images/icon/ico-page-next.svg') 50% no-repeat;
  margin-left: 12px;
}

.list-paging a.paging-btn:hover {
  background-color: #F1F1F1;
}


.login_form_wrap{ width:450px; margin:0 auto; border: 1px solid #DEDEDE; padding:30px; overflow:hidden;}
.login_form_wrap .login_formList{ float:left; display:inline-block; width:calc(100% - 160px); border:0px solid #ddd; padding:0px 0px 10px 0px; margin-top:-1px;}
.login_form_wrap .login_formSubmit{ display:inline-block; width:150px; border:0px solid #ddd; margin:40px 0px 10px 0px;  }

.login_form .s1{display:inline-block; width:100%; margin-top:10px; margin-bottom:5px; margin-left:13px; color:#000000; font-size:16px; font-weight:400; text-align:left; }

.login_form .s2{display:block;width:95%;}
.login_form .s2 input{ border:1px solid #dddddd; padding:10px; width:calc(100% - 20px); color:#000000; font-size:14px; margin-bottom:5px; border-radius:0px; background:#FFFFFF; }


span.loginBtn { padding:0; }
span.loginBtn button {	font-size:20px;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 1px solid #274591; border-radius:4px;	background:#274591; margin:0em;	padding: 44px 40px;	cursor: pointer;}

span.postBtn, span.postSmsBtn, span.overLapBtn { padding:0; }
span.postBtn button, span.postSmsBtn button, span.overLapBtn button {	font-size: 15px;	color: #FFFFFF;	letter-spacing: 0px;	border: 1px solid #31364A; border-radius:4px;	background: #31364A; margin:1px 2px 0 2px; padding:12px 10px 12px 10px; cursor: pointer;}

.goods-search-wrap { clear:both; margin:0 auto; width:100%; margin-bottom:30px; padding:20px 0; border:1px solid #E6E6E6; background:#F9F9F9; overflow:hidden; }
.goods-search-wrap > select { width: 20%; }
.goods-search-wrap .search_key {
  padding: 13px 12px;
  border: 1px solid #BFBFBF;
  width: 30%;
	height: calc(100% - 14px);
  font-size: 15px;
  border-radius: 4px;
  transition: all .1s ease;
  appearance: none;
}
.goods-search-wrap > button {
  position: absolute;  
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  background: url('../images/icon/ico-search.svg') 50% no-repeat;
	margin-left: -32px;
	margin-top: 10px;
}

.goods-wrap { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-gap: 20px 28px;
}
.goods-wrap .list { 
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	border:0px solid #FF0000;
}
.goods-wrap .list .thumbnail {	
	padding: 0;
}
.goods-wrap .list .thumbnail img {
	border: 0; 
	width: auto; 
	height: 100%; max-height: 100%; 
	transition: transform 0.3s;
	transform: scale(1, 1);
	/* position: absolute; */
	z-index: 1;	
}
.goods-wrap .list .thumbnail:hover img {transform: scale(1.1, 1.1);}
.goods-wrap .list .title { margin-top: 30px; font-size: 17px; }
.goods-wrap .list .title h4 { font-size: 22px; font-weight: 400; color: #444; margin-bottom: 10px; }
.goods-wrap .list .title h6 { font-size: 15px; font-weight: 400; color: #804000; }

.goods-info-wrap { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr; 
	grid-gap: 20px 28px;
}
.goods-info-wrap .goods-info {
	position: relative;
	width: 100%;
	text-align: left;
}
.goods-info-wrap .goods-info .g-name { font-size: 38px; font-weight: 600; color: #000000;  }
.goods-info-wrap .goods-info .g-sub-name { font-size: 19px; color: #FF0000;  font-weight: 300;  margin-top: 5px;}

/* .goods-info-wrap .goods-info .g-btn { width: 100%; margin-top: 50px; } */
.goods-info-wrap .goods-info .g-btn-group { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 48% 50%; 
	grid-gap: 2px;
	margin-top:50px;
}

.goods-info-wrap .goods-info .g-btn { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 100%; 
	grid-gap: 0px;
	margin-top:50px;
}
.goods-info-wrap .goods-info .g-btn > span > button {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.goods-info-wrap .goods-info .g-btn2 { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr; 
	grid-gap: 2px;
	margin-top:50px;
}
.goods-info-wrap .goods-info .g-btn2 > span > button {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.goods-info-wrap .goods-info .g-btn span.sample_btn { padding:0; }
.goods-info-wrap .goods-info .g-btn span.sample_btn button {	text-align: left; font-size: 17px; font-weight: 300; color: #000000;	letter-spacing: -1px;	line-height:15px; border: 1px solid #F2F2F2; border-radius:0px;	background-color: #F2F2F2;	margin:0 1px 0 0;	padding: 20px 3px 20px 30px;	cursor: pointer;}

.goods-info-wrap .goods-info .g-btn2 span.order_btn { padding:0; }
.goods-info-wrap .goods-info .g-btn2 span.order_btn button {	text-align: left; font-size: 17px; font-weight: 300;	color: #FFFFFF;	letter-spacing: -1px;	line-height:15px; border: 1px solid #61B8EC; border-radius:0px;	background-color: #61B8EC;	margin:0 1px 0 0;	padding: 20px 3px 20px 30px;	cursor: pointer;}

.goods-info-wrap .goods-info .g-btn2 span.boxorder_btn { padding:0; }
.goods-info-wrap .goods-info .g-btn2 span.boxorder_btn button {	text-align: left; font-size: 17px; font-weight: 300;	color: #FFFFFF;	letter-spacing: -1px;	line-height:15px; border: 1px solid #1D5271; border-radius:0px;	background-color: #1D5271;	margin:0 1px 0 0;	padding: 20px 3px 20px 30px;	cursor: pointer;}
.goods-info-wrap .goods-info .g-btn > span > button > i, .goods-info-wrap .goods-info .g-btn2 > span > button > i { padding-left: 5px; }

.g-icon { 
	position: relative;
	width: 100%;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-gap: 10px;
	margin-top:30px;
}
.g-icon .iconList {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*
.g-icon .iconList .icon1 { width: 140px; height: 140px; }
.g-icon .iconList .icon2 { width: 140px; height: 140px; }
.g-icon .iconList .icon3 { width: 140px; height: 140px; }
.g-icon .iconList .icon4 { width: 140px; height: 140px; }
*/
.g-icon .iconList .icon { width: 140px; height: 140px; margin: 0 auto;  }
.g-icon .iconList img { margin-top:25%; }

.g-use-info { font-size: 20px; font-weight: 400; padding: 20px 30px 20px 30px; }

.g-title { font-size: 29px; font-weight: 500; color: #000000; padding: 30px 30px 30px 30px; }
.g-title-image { width: 100%; margin: 0 auto; text-align: center; padding: 20px 30px; }

.g-detail-info { width: calc(100% - 200px); margin: 0 auto; background: #FAF3ED; padding: 30px 100px; }

table.g-sinfo-tbl { width:100%; text-align: left; border-spacing:0px; padding:0px; }/* dfe0e6 */
table.g-sinfo-tbl > colgroup > col:first-child { width: 200px; }
table.g-sinfo-tbl th { letter-spacing: -1px; color: #3F3F3F; border-top:1px solid #E6E6E6;  padding: 17px 7px; }
table.g-sinfo-tbl td { border-top:1px solid #E6E6E6; padding: 17px 7px; }

.g-nutrient-info { width:100%; margin:0 auto; text-align: left; overflow: hidden; }
.g-nutrient-mobile-info { width:100%; margin:0 auto; text-align: left; overflow: hidden; display: none; }
table.g-nutrient-tbl { width:100%; margin:0 auto; text-align: left; border-spacing:0px; padding:0px; border-top:2px solid #4C4C4C; border-bottom:2px solid #4C4C4C; }/* dfe0e6 */
table.g-nutrient-tbl th { letter-spacing: -1px; color: #3F3F3F; border-bottom:1px solid #E6E6E6;  padding: 12px 7px; }
table.g-nutrient-tbl th.bg { background: #F7F7F7; }
table.g-nutrient-tbl td { border-bottom:1px solid #E6E6E6; padding: 12px 7px; }

.g-nutrient-txt { width:100%; margin:0 auto; text-align: left; margin-top: 10px; line-height:25px; }

table.g-info-tbl { width:100%; text-align: left; border-spacing:0px; padding:0px; }/* dfe0e6 */
table.g-info-tbl > colgroup > col:first-child { width: 200px; }
table.g-info-tbl th { letter-spacing: -1px; color: #3F3F3F; border-bottom:1px solid #E6E6E6;  padding: 16px 7px; }
table.g-info-tbl td { border-bottom:1px solid #E6E6E6; padding: 16px 7px; }

.partner_boxw{background:#f3f3f3; padding:100px 0 0;}
.partner_boxw .s_box{margin-bottom:80px;}
.partner_boxw .s_box:last-child{margin-bottom:0;}
.partner_boxw .s_box .title{font-size: 24px; color:#262626;}
.partner_boxw .s_box ul{ width: 100%; }
.partner_boxw .s_box ul li{ width: calc(25% - 20px); margin:40px 10px 70px;}
.partner_boxw .s_box ul li .box{position: relative; display:inline-block; width:250px; height:250px; background: #fff;  border-radius: 50%; border:1px solid #cfcfcf;}
.partner_boxw .s_box ul li .box img{position: absolute; max-width: 150px; top:50%; left: 50%; transform: translate(-50%, -50%);}
.partner_boxw .s_box ul li span{ display: block;  height:80px;  font-size: 20px; color: #222222; font-weight: 500; padding:30px 10px;  }
.partner_boxw .s_box ul li span::after { display: block; content: ""; width: 120px; margin: 30px auto; border-bottom: 1px solid #D37F5E; }

@media (max-width:1600px) {

.s21_box1{grid-template-columns: 60% 1fr;}
.s21_box1 .text{width: auto;  padding-top: 30px; padding-right: 20px;}

}


@media (max-width:1460px) {

.s13_box .wrap .listw .list .text .title{font-size: 24px;}
.s13_box .wrap .listw .list .text .con li{font-size: 16px;}

.s24_box3{padding:60px 20px;}
.s24_box3 .text .list{position: relative; top: auto; width: 30%; float: left;}
.s24_box3 .text .list:nth-child(1){width:30%;left: auto; }
.s24_box3 .text .list:nth-child(2){width:18%;left: auto; }
.s24_box3 .text .list:nth-child(3){width:28%;left: auto; }
.s24_box3 .text .list:nth-child(4){width: 30%;left: auto; }
.s24_box3 .text .list + .list{margin-left: -30px;}

.s31_box1 .text .box:nth-child(1){width: 28%;}
.s31_box1 .text .box:nth-child(2){width: 18%;}
.s31_box1 .text .box:nth-child(3){width: 26%;}
.s31_box1 .text .box:nth-child(4){width: 26%;}	

.s32_box1{padding:0 20px;}

}


@media (max-width:1300px) {

.s21_box3 .wrap{width:100%;}
.swrap{width:100%;}

}


@media (max-width:1200px) {
.svisual{height: 350px;}	
.svisual .title {font-size: 34px;}
.stitle, .s11_box3 .stitle {padding:80px 0; font-size: 28px;}

.s11_box1{padding:0 40px;}
.s11_box1 .wrap{height: 250px;}	
.s11_box1 .wrap p{font-size: 24px;}
.s11_box2{display: inline-grid; grid-template-columns:1fr;padding:0 40px;}
.s11_box2{width: 100%;  padding: 40px;}
.s11_box3 .list{width: 100%;   padding: 40px 20px;}

.s12_box1 .hlist .text dl {padding: 90px 0 0 100px;}	
.s12_box1 .hlist .text dl::before{left: 50px;}	
.s12_box1 .hlist .text dl dt::before{left: 41px;}
.s12_box1 .hlist .text dl dt::after, 
.s12_box1 .hlist:last-child dl::after{left: 47px;}	

.s15_box1 .wrap .mapbox_text{width: 100%; grid-template-columns: 40% 1fr; margin-top: 0;}	
.s15_box1 .wrap .mapbox_text .box1{padding:80px 20px;}

.s22_box2{padding: 0 20px;}
.s22_box2 ul{grid-template-columns: 1fr 1fr 1fr;}
.s22_box3 ul{padding: 0 20px;}
.s22_box3 ul li {position: relative;padding: 40px; padding-left: 160px;}	
.s22_box3 ul li img{left: 40px;}

.s23_box3{padding: 0 20px 100px; margin-top:40px;}
.s23_box3 .list{grid-gap: 20px;}
.s23_box3 .list li .text{padding: 20px;}	
.s23_box3 .list li .text .title{font-size: 16px;}
.s23_box3 .list li .text .sub{font-size: 14px;}	
.s23_box4{display: inline-grid; grid-template-columns:1fr;padding:0 40px;}
.s23_box4{width: 100%;  padding: 40px;}

.s24_box3 .text .list{font-size: 16px;}
.s24_box4{margin-top: 80px;}
.s24_box4 ul{grid-gap:40px}
.s24_box4 ul li .text .title{font-size: 36px; margin-top: 10px;}
.s24_box4 ul li .text .sub{font-size: 14px; margin-top: 10px;}	

.s31_box2{padding: 0 20px;}
.s31_box2 ul{grid-template-columns: 1fr 1fr 1fr;}
.s31_box3{padding: 0 20px 100px; margin-top:40px;}
.s31_box3 .list{grid-gap: 20px;}
.s31_box3 .list li .text{padding: 20px;}	
.s31_box3 .list li .text .title{font-size: 16px;}
.s31_box3 .list li .text .sub{font-size: 14px;}
.s31_box4{display: inline-grid; grid-template-columns:1fr;padding:0 40px;}
.s31_box4{width: 100%;  padding: 40px;}

.s32_box1 ul li{margin-bottom: 20px; width: 200px; height: 200px;}
.s32_box1 ul li .title {font-size: 26px;}
.s32_box1 ul li .sub {font-size: 16px;}



.s32_box3{padding: 0 20px 100px; margin-top:40px;}

.s32_box3 .list{grid-gap: 20px;}
.s32_box3 .list li .text{padding: 20px;}	
.s32_box3 .list li .text .title{font-size: 16px;}
.s32_box3 .list li .text .sub{font-size: 14px;}	

.s33_box{padding:60px 20px 100px; }
.s33_box .list + .list{margin-top:0px;}
.s33_box .list1 .img, .s33_box .list2 .img{width: 50%;}
.s33_box .list .text{padding:40px 20px 40px 40px;}
.s33_box .list .text .title{font-size: 30px; margin-bottom: 20px;}
.s33_box .list .text .sub{font-size: 15px;}

}


@media (max-width:1024px) {

.svisual .sub{padding: 0 40px;}
.s11_box2{margin-top:60px;}

.s11_box3 .list{display:block;height:auto;_border-radius: 50px;}
.s11_box3 .list li{margin:20px; margin-bottom:40px;}

.s12_box1 .hlist .text dl dt{font-size: 34px; margin-bottom: 30px;}
.s12_box1 .hlist .text dl dd p{font-size: 16px;}

.s13_box .wrap .listw{grid-template-columns: 1fr;}	
.s13_box .wrap .listw{border-bottom: none; padding-bottom: 0;}
.s13_box .wrap .listw .list{border-bottom: 1px solid #eee;     padding-bottom: 50px;}
.s13_box .wrap .listw .list .text .title{height: auto; margin-bottom: 30px;}
.s13_box .wrap .listw .list .text .con li span:nth-child(1){width: 95px;}	



.s14_box1 .pci{display:none;}
.s14_box1 .tab{display:inline-block; }
.s14_box1 .mo{display:none;}



.s15_box1 .wrap .mapbox_text .box2{grid-template-columns: 1fr;}
.s15_box1 .wrap .mapbox_text .box2 div{margin-bottom: 20px;}	

.s21_box1 {grid-template-columns: 1fr;}
.s21_box1 .text{padding:60px 40px;}
.s21_box1 .text dl dt::after{left: 0; width: 100%;}
.s21_box2 ul {padding:20px 0 100px;}
.s21_box2 ul li{width: 42%;height: 300px;border-radius: 20px; margin:0 2%;padding: 30px 0;}
.s21_box2 ul li .text .title{font-size: 20px;}
.s21_box2 ul li .text .sub{font-size: 16px;}

.s21_box3 .list + .list {margin-top: 80px;}
.s21_box3 .list .img{width:60%;}
.s21_box3 .list .text{width:40%;}
.s21_box3 .list1 .text{padding-left: 40px;}	
.s21_box3 .list2 .text{padding-right: 40px;}	
.s21_box3 .list .text .no{font-size: 22px;}
.s21_box3 .list .text .title {font-size: 26px;}
.s21_box3 .list .text .sub{margin-top: 20px; font-size: 16px;}
.s21_box1 .text dl dt{font-size: 32px;}
.s21_box2 ul li .text .title{font-size: 20px;}
.s21_box2 ul li .text .sub{font-size: 16px;}	

.s22_box1 .img .title{top:0px;}
.s22_box1 .img .title span{font-size: 16px;}
.s22_box1 .img .title span .fas{font-size: 30px; margin-left:10px;}
.s22_box2 ul{grid-template-columns: 1fr 1fr;}
.s22_box2 ul li p{font-size: 14px;}

.s23_box4{margin-top:60px;}

.s24_box2{padding:60px 20px 80px;}
.s24_box2 .pci{display: none;}
.s24_box2 .mo{display: inline-block;}		

.s31_box1 .img .title{top:0px;}
.s31_box1 .img .title span{font-size: 16px;}
.s31_box1 .img .title span .fas{font-size: 30px; margin-left:10px;}
.s31_box2 ul{grid-template-columns: 1fr 1fr;}
.s31_box2 ul li p{font-size: 14px;}
.s31_box4{margin-top:60px;}


.s32_box2 .info{display: inline-grid; grid-template-columns:1fr;padding:0 40px; }
.s32_box2 .info{width: 100%;  padding: 40px;}
.s32_box2 .info .img { text-align: center; }
.s32_box2 .info .text { margin-top:60px; }

.s41_box1 .wrap{grid-template-columns:1fr; grid-gap:80px;}	


.partner_boxw .s_box ul li{ width: calc(50% - 20px); }
	
		
		.g-detail-info { width: calc(100% - 100px); margin: 0 auto; background: #FAF3ED; padding: 30px 50px; }


}



@media (max-width:768px) {

.s11_box1 .wrap{padding:0px 20px;}
.s11_box1 .wrap p{left:0; width:100%;font-size: 20px; text-align:center;}

.s11_box3{margin-top:100px; padding: 0 20px 50px;}
.s11_box3 .list li .won p{font-size: 18px;}
.s11_box3 .list li .con{font-size: 14px;}



.s12_box2 .wrap ul li{width: 44%; margin: 0 2% 2%; padding:30px 20px;}
.s12_box2 .wrap ul li .text p {font-size: 14px;}

.s12_box1 .hlist .text dl{padding: 20px 0 0 100px;}
.s12_box1 .hlist{grid-template-columns: 1fr;}
.s12_box1 .hlist .text dl::before{z-index: -1;}
.s12_box1 .hlist .text dl dt::before{top:34px;}
.s12_box1 .hlist .text dl dt::after{top:40px;}
.s12_box1 .hlist + .hlist {margin-top: 80px;}

.s22_box3 ul{grid-template-columns: 1fr;}
.s22_box2 ul li{border-radius: 5px;}

.s23_box1 ul li {margin-bottom: 20px;width: 170px;height: 170px;}
.s23_box1 ul li .sub{margin-top: 10px;}
.s23_box3 .list{grid-template-columns:1fr 1fr;}

.s24_box3 .text{margin-top: 60px;}
.s24_box3 .text .list{font-size: 14px;}
.s24_box3 .text .list + .list{margin-left:-5px;}
.s24_box3 .text .list:nth-child(3){width:24%;}

.s32_box1 ul li {margin-bottom: 20px;width: 170px;height: 170px;}
.s32_box1 ul li .sub{margin-top: 10px;}
.s31_box3 .list{grid-template-columns:1fr 1fr;}
.s31_box2 ul li{border-radius: 5px;}
.s32_box3 .list{grid-template-columns:1fr 1fr;}

.s33_box .list1 .img, .s33_box .list2 .img, .s33_box .list .text{width: 100%;float:none; text-align: left;}
.s33_box .list .text{padding:40px 0;}	
.s33_box .list .text .no {font-size: 14px;margin-bottom:10px;}
.s33_box .list .text .title {font-size: 24px;margin-bottom: 15px;}	


.snav .snavin .home span{display:none;}
.snav .snavin{width: 100%;}
.snav .snavin .home .fa{font-size: 22px;margin-right: 0;}
.snav .snavin .home{width:45px;}
.snav_list1w{width: 40%;}
.snav_list2w{width: 45%;}
.snav .snavin .home .fa {font-size: 18px;}
.snav_list2w .snav_list_title{border-right: none;}

.s41_box2 .wrap ul > li {grid-template-columns: 150px 1fr;}


#tectblbox{padding:0 20px;}
.table{border-top: 4px solid #23408e;}

.table[data-rwdb=yes] tbody td { border-left: none;}

.table td {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: none;
    text-align: left;
    box-sizing: border-box;
    word-break: keep-all;
    word-wrap: break-word;
    border-bottom: 1px dashed #ccc;
}

.table tr{display: block; width:100%;   padding: 10px;    border-bottom: 1px solid #d9d9d9;}
.table tr:nth-child(odd) {background: #f8f8f8;}
.table colgroup{display: none;}
.table thead{display:none;}
.no-more-tables .table-default [data-cell-header]:before {
    content: attr(data-cell-header);
    display: inline-block;
    min-width: 15%;
    margin-right: 15px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    border-right: 1px solid #ccc;
}
.table tr td:last-child {
    border-bottom: none;
}
.table td span{display:inline-block; }
		

		.goods-search-wrap > select { width: 30%; }
		.goods-search-wrap .search_key { width: 35%; }
		.goods-wrap { grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px 28px; }

		.goods-info-wrap .goods-info .g-name { text-align: center; margin-top: 50px; }
		.goods-info-wrap .goods-info .g-sub-name { text-align: center; }

		.g-icon .iconList .icon { width: 120px; height: 120px; }
		.g-icon .iconList img { margin-top:25%; }

		.goods-info-wrap { grid-template-columns: 1fr; grid-gap: 20px 28px; padding: 20px; }

		table.g-nutrient-tbl { width:calc(100% - 40px); }
		.g-nutrient-txt { width:calc(100% - 40px); }

		.g-detail-info { width: calc(100% - 60px); margin: 0 auto; background: #FAF3ED; padding: 30px 30px; }
		table.g-sinfo-tbl > colgroup > col:first-child { width: 100px; }
		table.g-info-tbl > colgroup > col:first-child { width: 100px; }
		

}



@media (max-width:600px) {

.svisual .title {font-size: 26px;}

.s11_box1 {padding: 0 20px;}
.s11_box1 .wrap {height: 180px;}
.s11_box1 .wrap p{font-size: 17px; line-height:1.6;}

.s11_box3 .list{border:none;  background:none; padding:0;}
.s11_box3 .list li .con{background: rgba(255,255,255,0.6); margin:0; padding:30px 20px;}
.s11_box3 .list li{display:block; border-radius: 10px;  overflow: hidden;}
.s11_box3 .list li .won{width:100%; height:auto;     border-radius: 0%;}


.s14_box1 .pci{display:none;}
.s14_box1 .tab{display:none; }
.s14_box1 .mo{display:inline-block;}


.stitle, .s11_box3 .stitle{ padding: 60px 0 40px; font-size: 20px;}
.s13_box .wrap .listw .list .text .title {font-size: 20px;}
.s15_box1 .wrap .mapbox_text{grid-template-columns:1fr;}
.s15_box1 .wrap .mapbox_text .box1{padding:40px; text-align: left;}

.s21_box3 .list .img{width: auto;  float:none;}
.s21_box3 .list .text{float:none; width: 100%; text-align: left; padding:20px;}
.s21_box1 .text dl dt {font-size: 26px;}
.s21_box1 .text dl dt span{font-size: 16px;}

.s22_box1 .text {margin:40px 20px;    display: grid; grid-template-columns: 1fr 1fr;    grid-gap: 10px;}
.s22_box1 .text .box{height: auto;}
.s22_box1 .text .box span{display:inline-block; color:#fff; margin-bottom:5px;}
.s22_box1 .text .box .won{width:100%; height:100%; border-radius: 10px; padding:15px;}
.s22_box1 .text .box .won, .s31_box1 .text .box .won p{position:relative; top:auto; left:auto; transform:none;font-size: 14px; }
.s22_box1 .text .box:before{display:none;}
.s22_box1 .text .box:nth-child(1){width: 100%;}
.s22_box1 .text .box:nth-child(2){width: 100%;}
.s22_box1 .text .box:nth-child(3){width: 100%;}
.s22_box1 .text .box:nth-child(4){width: 100%;}	
.s22_box2{margin-top:20px; padding:0px 20px 60px; }
.s22_box2 ul li{background:#fff;}
.s22_box3{margin-top:0;}

.s31_box1 .text {margin:40px 20px;    display: grid; grid-template-columns: 1fr 1fr;    grid-gap: 10px;}
.s31_box1 .text .box{height: auto;}
.s31_box1 .text .box span{display:inline-block; color:#fff; margin-bottom:5px;}
.s31_box1 .text .box .won{width:100%; height:100%; border-radius: 10px; padding:15px;}
.s31_box1 .text .box .won, .s31_box1 .text .box .won p{position:relative; top:auto; left:auto; transform:none;font-size: 14px; }
.s31_box1 .text .box:before{display:none;}
.s31_box1 .text .box:nth-child(1){width: 100%;}
.s31_box1 .text .box:nth-child(2){width: 100%;}
.s31_box1 .text .box:nth-child(3){width: 100%;}
.s31_box1 .text .box:nth-child(4){width: 100%;}	
.s31_box2{margin-top:20px; padding:0px 20px 60px; }
.s31_box2 ul li{background:#fff;}
.s31_box3{margin-top:0;}

.s41_box1 .wrap .con .title{width:80%;}
.s53_boxw{padding:60px 20px;}
.s53_boxw .s53_box .title {font-size: 20px;}
.s41_box1 {padding: 80px 20px;}
.s21_box1 .text dl dd {		font-size: 16px;}
.s21_box1 .text {    padding: 30px 20px;}	
.s21_box3{padding-bottom: 100px;}
.s21_box3 .list .text .title {font-size: 22px;}
.s24_box4 {margin-top: 20px;}
.s24_box2 {padding:20px;}
.s24_box4{padding: 60px 0;}
.s15_box1 .wrap .mapbox_text .box2{padding: 40px;}
#sub.contactus .tb-type01 table tbody tr th{font-size: 15px;}
#sub.contactus .tb-type01 input.ipt-w-180 { width: 27%;}
#sub.contactus .tb-type01 input.ipt-w-230{ width: 61%;}
#sub.contactus .tb-type01 select.sel-w-230{ width: 100%; margin-top:10px;}
	


.partner_boxw .s_box ul li .box{ width:170px; height:170px; }
.partner_boxw .s_box ul li .box img{ max-width: 120px; }

		.goods-search-wrap > select { width: 45%; }
		.goods-search-wrap .search_key { width: 90%; margin-top: 10px; }
		.goods-search-wrap > button {	margin-top: 20px; }
		.goods-wrap { grid-template-columns: 1fr 1fr; grid-gap: 20px 28px; }

		.g-icon .iconList .icon { width: 100px; height: 100px; }
		.g-icon .iconList img { margin-top:20%; }		

		.g-nutrient-info { display: none; }
		.g-nutrient-mobile-info { display: block; }

	
}



@media (max-width:500px) {
.svisual .sub, .s11_box1 .wrap p, .s11_box2 .text .name{font-size: 13px;}
.s11_box2 .text{font-size: 14px; }
.s11_box2 .text .name span{display:block; margin-top:20px; margin-left:-5px;}

.snav_list_title{font-size: 14px; padding-left: 10px;}
.snav_list1_open, .snav_list2_open{right:10px;}
.s12_box2 .wrap ul li{display: block; width:auto; height: auto; margin: 0 10px 20px;}	
.s21_box2 ul li{width: auto; height: auto; margin-bottom: 20px; display: block;}

.s23_box3 .list {grid-template-columns: 1fr;}
.s23_box4 .text{font-size: 14px; }
.s23_box4 .text .name span{display:block; margin-top:20px; margin-left:-5px;}

.s24_box4 ul{display: inline-grid;grid-template-columns: 1fr 1fr;grid-gap:40px 80px;}
.s24_box3 .text .list{padding:15px 5px; line-height: 1.4; height:70px;}
.s24_box3 .text .list + .list{margin-left:-5px;}
.s24_box3 .text .list:nth-child(3){width:24%;}

.s31_box3 .list {grid-template-columns: 1fr;}
.s31_box4 .text{font-size: 14px; }
.s31_box4 .text .name span{display:block; margin-top:20px; margin-left:-5px;}

.s32_box2 .text{font-size: 14px; }
.s32_box2 .text .name span{display:block; margin-top:20px; margin-left:-5px;}
.s32_box3 .list {grid-template-columns: 1fr;}

.s41_box1 .wrap .con .list ul li span{font-size: 14px; padding:20px 5px;}	
.s41_box2 .wrap ul > li {grid-template-columns:1fr;grid-gap:30px;}
.s41_box2 .wrap ul > li .img{text-align: center;}
.s41_box2 .wrap ul > li .text .title {font-size: 22px; color: #333; margin-bottom: 10px;}

.s53_boxw .s53_box ul li{width: 43%; margin: 0 10px 10px;}
.s53_boxw .s53_box ul li .box {width: 140px; height: 140px;}
	.s53_boxw .s53_box ul li .box img{max-width: 100px;}
.s53_boxw .s53_box ul li span {height: 70px; font-size: 15px; }

	
.snav{height:65px;}
.snav .snavin a{line-height:40px; height: 40px; font-size:13px;}
.snav .snavin .home p, .snav .snavin .home .fa, .snav_list_title{line-height: 40px;}
.snav_list1 li, .snav_list2 li{line-height: 40px;}	
.snav_list1_open, .snav_list2_open{top: 14px;}

.s32_box1 ul li .title {font-size: 22px;}
.s21_box1 .text dl dd, .s32_box1 ul li .sub {font-size: 14px;}

.s22_box1 .img .title span {    font-size: 14px;    margin: 10px;}
.s22_box2 ul li{padding-left:33px;}
.s22_box2 ul li p{text-align:left; }
.s22_box2 ul{grid-gap: 10px;}
.s22_box2 ul li .no {top: 8px;width: 25px;height: 25px;font-size: 12px;line-height: 25px;}

.s23_box1 ul li .title {font-size: 22px;}

.s31_box1 .img .title span {    font-size: 14px;    margin: 10px;}
.s31_box2 ul li{padding-left:33px;}
.s31_box2 ul li p{text-align:left; }
.s31_box2 ul{grid-gap: 10px;}
.s31_box2 ul li .no {top: 8px;width: 25px;height: 25px;font-size: 12px;line-height: 25px;}

		.g-icon { grid-template-columns: 1fr 1fr; }
		.g-icon .iconList .icon { width: 140px; height: 140px; }
		.g-icon .iconList img { margin-top:25%; }

		.goods-info-wrap .goods-info .g-btn-group { grid-template-columns: 1fr; }
		.goods-info-wrap .goods-info .g-btn-group .g-btn2 { margin-top:10px; }

		.g-title-image { width: 60%; }
}



@media (max-width:350px) {


.s23_box1 ul li {margin-bottom: 10px;width: 100%;height: auto;padding:0; padding: 10px 0 15px; border-radius:10px;}

.s32_box1 ul li {margin-bottom: 10px;width: 100%;height: auto;padding:0; padding: 10px 0 15px; border-radius:10px;}

		.goods-wrap { grid-template-columns: 1fr; grid-gap: 10px 18px; }

}