#main .inner, #notice-bar .inner, #footer .inner{max-width:132rem; margin:0 auto;}
#main .sec-title{text-align: center; font-family: 'Poppins', sans-serif;font-size:2.4rem; letter-spacing: -0.02em; color:#111; font-weight:900; margin-bottom:1em; position: relative;}
#main .sec-title:after{content:""; display:block; width:4rem; height:2px; background:#156b48; margin:2rem auto;}
#main .sub-title{text-align: center; font-size:1.5rem; opacity: 0.73;}

#main .sec-01{height:80vh; min-height:65rem; max-height:80rem; position: relative; background:#f8f9fa url('../img/main/mv.jpg') no-repeat center; background-size:cover;}
#main .sec-01 .title-box{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
#main .sec-01 .eng-title{font-family: 'Poppins', sans-serif;font-size:2.4rem; letter-spacing: -0.02em; font-weight:500; margin-bottom:1em; color:#fff; opacity:0.8}
#main .sec-01 .kor-title{font-size:5rem; letter-spacing: -0.04em; color:#fff; font-weight:900; margin-bottom:0.7em;}
#main .sec-01 .sub-title{font-size:1.6rem; letter-spacing: -0.02em; color:#fff; font-weight:500; margin-bottom:3em;}
#main .sec-01 a{background:#01a450; border:none; border-radius:9999px 9999px; color:#fff; font-size:1.8rem; font-weight:700; display:inline-block; padding:0 3em; line-height:6rem; height:6rem; box-sizing:border-box; cursor:pointer; transition:all 0.2s;}


#main .sec-02{margin-top:-4rem; margin-bottom:8rem; position: relative; z-index: 1;}
#main .sec-02 .inner{ background:#156b48; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
#main .sec-02 .quick-list{display:flex; align-items: center; justify-content: space-between; padding:0 16rem; height:8rem;}
#main .sec-02 .quick-list a{display:block; padding:0 2em; font-size:1.6rem; font-weight:500; color:#fff; line-height:4rem; border-radius:9999px 9999px; transition:background 0.2s}

#main .sec-03{padding:5rem 0;}
#main .sec-03 .inner{position: relative;}
#main .sec-03 .slide-container{padding:8rem 0;}
#main .sec-03 .swiper-slide{text-align: center;}
#main .sec-03 .swiper-slide .product-img{height:31.5rem; overflow: hidden; border:1px solid #eee; display:flex; align-items:center; justify-content:center; position:relative;}
#main .sec-03 .swiper-slide .product-img:after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:box-shadow 0.2s; box-shadow: inset 0 0 0 0 #01a450;}
#main .sec-03 .swiper-slide .product-img.on:after{box-shadow: inset 0 0 0 1rem #01a450;}
#main .sec-03 .swiper-slide .product-img img{width:100%; max-width:40rem; height:auto;}
#main .sec-03 .swiper-slide .product-name{font-family: 'Poppins', sans-serif; font-size:1.5rem; font-weight:700; letter-spacing: -0.04em; color:#111; text-align: center; padding:2em 0;}
#main .sec-03 .swiper-slide a{background:#01a450; border:none; border-radius:9999px 9999px; color:#fff; font-size:1.5rem; font-weight:700; display:inline-block; padding:0 2em; line-height:4.5rem; height:4.5rem; box-sizing:border-box; cursor:pointer; transition:all 0.2s;}

#main .sec-03 .control{}
#main .sec-03 .control .arrow{width:6rem; height:6rem; text-indent: -9999px; position: absolute; top:28rem; display:flex; align-items: center; justify-content: center;}
#main .sec-03 .control .arrow img{width:1.5rem; height:auto; opacity: 0.2; transition: opacity 0.2s;}
#main .sec-03 .control .prev{left:-10rem;}
#main .sec-03 .control .next{right:-10rem;}

#main .sec-04{background:#f8f9fa; padding:8rem 0;}
#main .sec-04 .inner{}
#main .sec-04 .contact-wrapper{max-width: 860px; margin:4rem auto 2rem; font-size:1.4rem;}
#main .sec-04 .contact-wrapper .select-item{border:1px solid #ddd; width:100%; height:5rem; border-radius: 4px; margin-bottom:0.8rem; background:#fff; position: relative;}
#main .sec-04 .contact-wrapper .select-item select{width:100%; height:100%; font-size:inherit; font-family: inherit; border:none;  padding: 0 1.5em; box-sizing: border-box;}
#main .sec-04 .contact-wrapper .input-item{border:1px solid #ddd; width:100%; height:5rem; border-radius: 4px; margin-bottom:0.8rem; background:#fff; overflow: hidden;}
#main .sec-04 .contact-wrapper .input-item input{width:100%; height:100%; line-height:5rem; background:transparent; padding:0 1.5em;}
#main .sec-04 .contact-wrapper .textarea-item{width:100%; height:20rem; background:#fff; border-radius: 4px; border:1px solid #ddd; overflow: hidden; margin-bottom:0.8rem; }
#main .sec-04 .contact-wrapper .textarea-item textarea{width:100%; height:100%;resize:none; font-size:inherit; font-family: inherit; border:none; background:transparent; padding: 1.5em; }
#main .sec-04 .contact-wrapper button{border-radius: 4px; background:#01a450; color:#fff; font-weight:500; color:#fff; text-align:center; width:100%; height:5rem; line-height: 5rem;}

@media only screen and (min-width:1200px){
	#main .sec-01 a:hover{background: #06C663; box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
	#main .sec-02 .quick-list a:hover{background:#01a450}
	#main .sec-03 .swiper-slide a:hover{background:#06C663; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
	#main .sec-03 .control .arrow:hover img{opacity: 1;}
}

@media only screen and (max-width:1480px){
	#main .sec-03 .inner{padding:0 6rem;}
	#main .sec-03 .control .prev{left:0;}
	#main .sec-03 .control .next{right:0;}
}

@media only screen and (max-width:1024px){
	#main .sec-02 .quick-list{padding:0 4rem;}
	
}
@media only screen and (max-width:768px){
	#main .sec-01 .title-box{word-break:keep-all; padding:0 4rem;}
	#main .sec-01 .eng-title{font-size:2rem;}
	#main .sec-01 .kor-title{font-size:3rem; line-height:1.5em;}
	#main .sec-01 .sub-title{font-size:1.5rem; line-height:1.5em;}
	#main .sec-01 a{font-size:1.5rem; line-height:5rem; height:5rem;}

	#main .sec-02{margin-bottom:4rem;}
	#main .sec-02 .quick-list{flex-wrap:wrap;  height:auto; padding:0;}
	#main .sec-02 .quick-list li{width:50%; text-align:center; padding:1rem 0; border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);}
	#main .sec-02 .quick-list li:nth-child(2n){border-right:none;}
	#main .sec-02 .quick-list li:nth-child(3), #main .sec-02 .quick-list li:nth-child(3){border-bottom:none;}
	#main .sec-02 .quick-list li a{ font-size:1.4rem;}

	#main .sec-04{padding:6rem 1.6rem;}
}

.about p{font-size:1.9rem; line-height:1.8em;}
.about .group-title{font-size:2.4rem; margin-bottom:1.4em; color:#01a450}
.about h4{font-size:2.4rem; margin-bottom:1.4em; color:#01a450}
.about .group + .group{margin-top:10rem;}

.about-01 span{color:#01a450}

.about-02{text-align:center}
.about-02 .vision-info{display:flex; align-items: center; justify-content: space-between; margin-bottom:10rem;}
.about-02 .vision-info li{width:25%; height:0;  padding:0 5rem 25% 5rem; position: relative;}
.about-02 .vision-info li span{display:flex; align-items: center; justify-content: center; width:80%; height:80%; color:#01a450; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 50% 50%; border:8px solid #01a450 ;font-size:2.4rem; font-weight:700; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }

.about-03 .group-title{margin-bottom:8rem; color:#01a450; text-align:center;}
.about-03 .banner{display:flex; flex-wrap: wrap; align-items: center; width:100%;}
.about-03 .banner li{width:20%; margin-bottom:5rem; text-align: center;}

.about-04{text-align: center;}

.product ul{}
.product ul:after{content:""; display: block; clear: both;}
.product ul li{float:left; width:calc(50% - 1.5rem); margin-right:3rem; margin-bottom:8rem; text-align: center;}
.product ul li:nth-child(2n){margin-right:0;}
.product ul li .product-img{overflow: hidden; border:1px solid #eee;}
.product ul li .product-img img{width:100%; max-width:40rem; height:auto;}
.product ul li .product-name{font-family: 'Poppins', sans-serif; font-size:1.5rem; font-weight:700; letter-spacing: -0.04em; color:#111; text-align: center; padding:2em 0;}
.product ul li a{background:#01a450; border:none; border-radius:9999px 9999px; color:#fff; font-size:1.5rem; font-weight:700; display:inline-block; padding:0 2em; line-height:4.5rem; height:4.5rem; box-sizing:border-box; cursor:pointer; transition:all 0.2s;}
.product ul li a:hover{background:#06C663; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.product ul.single li{float:none; margin:0 auto;}

.product-view{text-align:center;}
.product-view .go-back{font-size:1.4rem; color:#333; border:1px solid #eee; padding:0.6em 1.5em; border-radius:9999px 9999px; margin-bottom:0rem;}
.product-view img{max-width:100%; height:auto;}

.consult-01{text-align: center;}
.consult-01 .group-title{font-size:2.4rem; margin-bottom:1.4em; color:#01a450}
.consult-01 .process-info{}
.consult-01 .process-info{display:flex; align-items: center; justify-content: space-between; margin-bottom:10rem;}
.consult-01 .process-info li{width:25%; height:0;  padding:0 5rem 25% 5rem; position: relative;}
.consult-01 .process-info li span{display:flex; align-items: center; justify-content: center; flex-direction: column; width:80%; height:80%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 50% 50%; border:8px solid #01a450 ;font-size:2.4rem; font-weight:700; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.consult-01 .process-info li span i{display: block; margin-bottom:1em; color:#01a450;}
.consult-01 p span{display: block; font-weight:700; color:#01a450; margin-bottom:1.5em;}
.consult-01 p{margin-bottom: 10rem;}

.cs-02{}
.cs-02 .fold-list{border-top:2px solid #333; font-size:1.8rem;}
.cs-02 .fold-list .fold-item{display:block; padding:3em; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.cs-02 .fold-list .fold-item span{font-weight:700; color:#01a450; padding-right:1em;}
.cs-02 .fold-list .fold-item:nth-child(1){border-top:none;}
.cs-02 .fold-list .answer{background:#f8f9fa; padding:3em; display:none;}

.consult-form{}
.consult-form .col-group{margin-bottom: 5rem;}
.consult-form .col-group:after{content:""; display: block; clear: both;}
.consult-form .col{width:calc(50% - 1.5rem); float:left;}
.consult-form .col:nth-child(1){margin-right:3rem;}
.consult-form h3{font-weight:700; color:#01a450; margin-bottom:2em;}
.consult-form table{table-layout: fixed; width:100%; margin-bottom:3em; border-top:2px solid #222;}
.consult-form table tr{border-bottom:1px solid #eee;}
.consult-form table th{vertical-align: middle;}
.consult-form table th, .consult-form table td{padding:1em 1em; text-align: left; position: relative;}
.consult-form table th:after{content:""; width:1px; height:20%; background:#ddd; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.consult-form input[type=text]{width:100%; height:3em; line-height: 3em; padding: 0 1.5em; border:1px solid #ddd; border-radius: 4px;}
.consult-form select{width:100px; height:3em;  border-radius: 4px; padding: 0 1.5em; border:1px solid #ddd; margin-right:0.2em; margin-left:1em;}
.consult-form select:first-child{margin-left:0}
.consult-form .nec{position:relative;}
.consult-form .nec:after{content:""; display:block; width:5px; height:5px; background:#01a450; border-radius:50% 50%; position:absolute; top:5px; right:-8px;}
.consult-form .long-select{width:100%; margin-right:0;}
.consult-form .radio label{display:inline-flex; justify-content:center; align-items:center;margin:0.3em 1em 0.3em 0; padding:0.3em 0; }
.consult-form .radio input[type=radio]{ margin-right:0.5em;}
.consult-form .privacy-policy .title{color:#01a450; margin-bottom:2em;font-weight:700;}
.consult-form .privacy-policy .content-wrapper{background:#f8f9fa; border:1px solid #eee; overflow-y:scroll; height:30rem; margin-bottom: 4rem;}
.consult-form .privacy-policy .content-wrapper .content{padding:3em;}
.consult-form .privacy-policy .content-wrapper .content h5{margin-bottom:1em;}
.consult-form .privacy-policy .content-wrapper .content .sub-group{margin-bottom:3em;}
.consult-form .privacy-policy .agree-box{}
.consult-form .privacy-policy .agree-box label{display:flex; align-items:center; justify-content: center;}
.consult-form .privacy-policy .agree-box label input{margin-right:0.5em;}
.consult-form .consult-btn{background:#01a450; border:none; border-radius:9999px 9999px; color:#fff; font-size:1.8rem; font-weight:700; display:block; padding:0 3em; line-height:6rem; height:6rem; box-sizing:border-box; cursor:pointer; margin:2em auto;}

.consult-03.consult-form select{width:200px;}
.consult-03 textarea{width:100%; height:40rem; font-family: inherit; font-size:inherit; color:inherit; resize:none; border:1px solid #ddd; border-radius:4px; padding:2em;}

#sub.dashboard .sub-visual{height:40rem;}
.dashboard{}
.dashboard table{margin-top:4rem; border-top:2px solid #222;}
.dashboard table tr{border-bottom:1px solid #eee;}
.dashboard table th{height:8rem; text-align:center; vertical-align:middle; background:#f8f8f8;}
.dashboard table td{padding:2em 1em; word-break:keep-all; line-height:1.5em; text-align:center;}
.dashboard table .t_left{text-align:left;}

.dashboard .qna-list{max-width:960px; margin:5rem auto;}
.dashboard .qna-list li{border:1px solid #ddd; border-radius:4px; margin-bottom:2rem; padding:2em; box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
.dashboard .qna-list li .info{display:flex; flex-wrap:wrap;}
.dashboard .qna-list li .info .item{width:33.333%; display:flex; margin-bottom:2em;}
.dashboard .qna-list li .info .item .label{margin-right:1em; font-weight:700;}
.dashboard .qna-list li .content{line-height:1.5em;}
.dashboard .pager{display:flex; justify-content:center; align-items:center;}
.dashboard .pager li {margin:0 2rem;}
.dashboard .pager li a{display:flex; padding:0 1.5em; border:1px solid #eee; line-height:5rem; height:5rem; border-radius:9999px 9999px;}
.dashboard .pager li a i{line-height:inherit; padding:0 0.8em;}
.dashboard .dashboard_tab{max-width:960px; margin:0 auto;}
.dashboard .dashboard_tab ul{display:flex; padding-top:1em; border-bottom:1px solid #eee;}
.dashboard .dashboard_tab ul li{width:33.333%; flex:0 0 33.333%; text-align:center; }
.dashboard .dashboard_tab ul li.on{border-bottom:2px solid #01a450; color:#01a450; font-weight:500;}
.dashboard .dashboard_tab ul li a{display:block; width:100%; line-height:4em; color:inherit;}
.dashboard .control{padding-top:2rem; margin-top:3rem; border-top:1px solid #eee;}
.dashboard .control:after{content:""; display:block; clear:both;}
.dashboard .control a{display:block; float:left; padding:0 1.2rem; line-height:2.4em; background:#01a450; color:#fff; font-size:1.4rem; margin-right:0.5rem; border-radius:4px;}
.dashboard .control .done{background:#f8b122}
.dashboard .control .delete{background:#222}

@media only screen and (max-width:1024px){
	.about p{font-size:1.5rem; line-height:1.5em;}
	.about .group-title{font-size:1.8rem; margin-bottom:1.4em; color:#01a450}
	.about h4{font-size:2rem; margin-bottom:1.4em; color:#01a450}
	.about .group + .group{margin-top:6rem;}

	.about-02 .vision-info li span{font-size:1.2rem; border:3px solid #01a450; box-shadow:0 10px 30px rgba(0,0,0,0.1)}

	.about-03 .banner{padding-top:3rem;}
	.about-03 .banner li{width:33.333%;}

	.consult-01 .group-title{line-height:1.5em; word-break:keep-all;}
	.consult-01 .process-info li span{font-size:1.2rem; border:3px solid #01a450; box-shadow:0 10px 30px rgba(0,0,0,0.1)}

	.consult-form .col{float:none; width:100%;}
	.consult-form .col:nth-child(1){margin-right:0;}
	.consult-form table{font-size:1.3rem;}
	.consult-form table colgroup{display:none;}
	.consult-form table th{width:100px;}
	.consult-form select{max-width:70px; margin-right:0; margin-left:0.2em}

	.consult-form .long-select{max-width:unset;}
	.consult-form .privacy-policy .content-wrapper .content{padding:1.5em; font-size:1.3rem;}
	.consult-form .consult-btn{font-size:1.5rem;}

	.cs-02 .fold-list .fold-item{padding:1.5em 1em; font-size:1.5rem;}
	.cs-02 .fold-list .answer{ font-size:1.5rem;}

	.dashboard .qna-list{margin:0; font-size:1.4rem;}
	.dashboard .qna-list li .info .item{width:100%}
	#sub.dashboard{padding-top:10.5rem;}

	.dashboard .dashboard_tab ul{padding-top:0; margin-bottom:2em;}
}

@media only screen and (max-width:480px){
	.dashboard .pager li a i{display:none;}
}