@charset "utf-8";

body {-webkit-text-size-adjust:none; background-size:100% 100%;}

*, body, ul, li, a, button, h1, h2, h3{margin: 0;padding: 0; list-style-type: none; font-style: none; font-family: '나눔스퀘어' 'Roboto',"nanumspuar","나눔고딕" sans-serif, Arial;text-decoration: none;border-style: none; font-weight: normal;}
.clear-fix::after{content:""; clear: both; display:block;}


/*header*/
header{width:100%;}
header .gnb{padding: 20px 20px 10px 20px; position: relative;}
header #hamberger{float: right;}


/*gnb*/
#button { position:absolute;  cursor:pointer; background-image: url(../image/hamberger.png); width: 25px; height: 20px;}
#effect { width: 100%; height: 100%;  background: #fff; position: fixed;  right:-100%; top:0px; text-align: right; z-index: 1000;}
.aa{position: fixed; right: 15px; z-index: 2000; }
#content{}
.gnb_menu li{padding: 20px 20px 10px 20px;}
.gnb_menu li a{color: #aac90c;}


/*text*/
h1{font-size:25px; color:#aac90c; font-weight: bold; letter-spacing: -0.05em;}
h2{font-size:25px; color:#8f8f8f; font-weight: bold; letter-spacing: -0.05em;}
h3{font-size:20px; color:#000000; font-weight: bold; letter-spacing: -0.05em;}
h4{font-size:25px; color:#ffffff; font-weight: bold; letter-spacing: -0.05em;}
h5{font-size:15px; color:#8f8f8f; letter-spacing: -0.05em;}
.white{color: #fff;}
.black{color:#000;}
.display_on{display:  none;}

/*button*/
.index_04 button{width: 190px; height:47px; border-radius: 22px; background: #fff; text-align: left; position: relative; margin-right: 5px}
.index_04 button img{margin: 5px;}
.index_04 button span{font-size:24px; color:#aac90c; font-weight:bold; padding: 0 0 20px 0; position: absolute; top:10px}


/*popup*/
#modal_content_back{background:#000; width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; opacity: 0.5;}
#modal_content{width: 90%;  background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  text-align: center; z-index: 200;}
#modal_content p{font-size:10px; color: #888; margin: 50px 0 10px 0;}
#modal_content label{font-size:10px; color: #888; margin-right: 20px;}
#modal_content input{width: 200px; padding: 1px; border: 1px solid #ccc; color: #ccc; margin: 5px 0; font-size: 20px}
#modal_content .submit{width: 100%; background: #aac90c; font-size: 20px; color: #fff; margin: 20px 0 0 0; padding: 10px 0;}
#modal_content img{position: absolute; right: 10px; top: 10px;width: 30px;}

/*footer*/
footer{font-size:15px; color: #aaa; text-align: left; padding: 50px 30px;}


/*index*/
.banner{text-align: center; margin: 50px 0 80px;}
.banner h2{margin: 10px 0 5px;}
.banner h5{margin-bottom: 20px;}
.banner li button{ width: 190px; height:47px; border-radius: 22px; background: #aac90c; text-align: left; position: relative; margin-right: 5px; z-index:100;}
.banner li button img{margin: 5px; z-index:-1;}
.banner li button span{font-size:24px; color:#fff; font-weight:bold; padding: 0 0 20px 0; position: absolute; top:10px; z-index:100;}
.index_01{width: 100%;}
.index_01 li{text-align:center; margin: 50px 0;}
.index_01 li p{color:#0057b7;}
.index_01 li .t1{font-size:20px; font-weight:700; letter-spacing: -0.05em;}
.index_01 li .t2{font-size:40px; font-weight:900; letter-spacing: -0.05em; padding: 10px; background: #0057b7; color: #fff; border-radius: 50px; width: 170px; margin: 5px auto;}
.index_01 li .t3{font-size:15px; font-weight:; letter-spacing: -0.05em;}


.index_02 {background: #f6fae5; width:100%; padding: 50px 0; text-align:center;}
.index_02 ul {width: 65%; margin:30px auto 0; text-align:left;}
.index_02 ul li{font-size:10px; color: #555; margin: 10px 0; letter-spacing: -0.05em; text-align: center;}
.index_02 ul li div{height: 20px; width: 20px; border: 2px solid #0057b7; display: inline-block; margin-right:10px;}
.index_03{padding: 50px 0; text-align: center;}
.index_03 h5{margin: 10px 0 50px;}
.index_04{background-image: url(../image/main_bg.png); padding: 50px 0; text-align: center;}
.index_04 h4{margin-bottom: 20px;}


/*sub01 회사소개*/
.banner2{text-align: center; margin: 50px 0 100px;}
.banner2 li{margin: 10px 0;}
.sub_01{width: 100%; margin: 60px auto 0; background: #aac90c; padding: 50px 0; text-align: center;}
.sub_01 li{ margin: 40px auto; width:350px; background: #fff; box-shadow: 10px 20px 30px 1px #99b500; padding: 50px 0;}
.sub_01 li p{font-size:18px; color: #aaa;}
.sub_01 li button{width:150px; height:40px;  text-align: center; background: #000; color: #fff; font-size:15px; font-weight:700; border-radius: 20px; margin-top: 10px;}


/*sub02 제품상세*/
.detail{padding: 0 10px; margin: 50px 0 100px;}
.detail h1{margin: 0 0 3px;}
.detail h3{margin: 0 0 5px;}
.detail h5{margin: 0 0 5px;}
.detail img{padding: 30px 0;}

.detail .detail_2 img{padding: 0 0 30px;}