@font-face {font-family: 'NanumSquareNeo-Variable';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');font-weight: normal;font-style: normal;}


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:15px; line-height:2; -webkit-text-size-adjust:none;}
body::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
body::-webkit-scrollbar-thumb{background-color: #00a651;border-radius: 20px; background-clip: padding-box; border: 2px solid transparent;}
body::-webkit-scrollbar-track{background-color: #e6e6e6;box-shadow: inset 0px 0px 1px rgb(211, 211, 211);} 

/*공통*/
.wrap{max-width:1720px; margin: 0 auto;}
.container{max-width:1120px; margin: 0 auto;}
.container-wide{max-width: 1520px; margin: 0 auto;}
.container-ico{max-width: 1520px; margin: 0 auto;}
.container-main02{max-width:1120px; margin: 0 auto;}
.point{color: #fc5000;}
.pdb30{padding-bottom: 30px;}
.mgt10{margin-top: 10px;}
.center{text-align: center;}
.container-bo{max-width: 1320px !important; margin: 0 auto;}
.sub_contents{padding-top:40px;}
.mob{display:none;}
.pc{display:block;}

/*로그인*/
.login{padding:80px 0 100px 0;}
.login h1{font-size: 40px; font-family: 'NanumSquareNeoHeavy'; text-align: center; color: #242424;}

.login .ul01{margin-top: 50px; text-align: center;}
.login .ul01 li{display: inline-block; width: 48%; vertical-align: top;}
.login .ul01 li:last-child{margin-left: 20px;}
.login .ul01 .box{border: 1px solid #ebebeb; background: #f6f6f6; border-radius: 10px; transition: .3s;}
.login .ul01 .box.ico01{background: url(/img/login.png) no-repeat #f6f6f6; background-position: 50% 15%; padding: 70px 0 50px 0;}
.login .ul01 .txt{padding-top: 100px;}
.login .ul01 .txt h1{font-size: 30px; font-family: 'NanumSquareNeoHeavy'; color: #262626; margin-top: 20px;}
.login .ul01 .txt h5{font-size: 18px; line-height: 32px; font-weight: 500; color: #262626; margin-bottom: 20px; text-align: center;}
.login .ul01 .txt h5 .big{font-family: 'NanumSquareNeoHeavy';}
.login .ul01 .btn {background: #00a651;color: #fff;border: 1px solid #00a651; width: 150px; margin: 0px auto; padding: 10px 20px; text-align: center;cursor: pointer;}
.login .ul01 .btn02{color:#484848; text-align:center; border:none; background:none; margin-top:30px;font-family: 'NanumSquareNeoHeavy';cursor: pointer;}
.login .ul01 .btn02:hover{color:#00a651;}
.login .ul01 li .box:hover{border: 1px solid #18b227; box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1);}
.login .ul01 li .box.ico01:hover{background:url(/img/login-cl.png) no-repeat #fff; background-position: 50% 13%; transition: .3;}
.login .ul01 li .box:hover h1{color: #18b227;transition: .3;}
.login .ul01 li .box:hover .main-btn02{color: #18b227;transition: .3;}

.login .join-form-box{overflow: hidden; padding: 40px; border-radius: 10px;}
.login .join-form-box h5{ margin-bottom: 30px; font-family: 'NanumSquareNeoHeavy'; font-size: 13px; color: #535353; margin-top: 0px;}
.login .join-form-box ul li{display: block; width: 90%; vertical-align: top; }
.login .join-form-box ul li:last-child{margin-left: 0px;}
.login .join-form-box ul.md li{vertical-align: bottom;}
.login .join-form-box h2{margin-bottom: 15px; font-size: 16px; font-family: 'NanumSquareNeoExtraBold'; color: #353535;text-align: left;}
.login .join-form-box input{width: 100%; padding: 15px; border: none; background-color: #fff;border: 1px solid #eee;}
.login .join-form-box .bd{ margin-top: 25px; margin-bottom: 35px; width: 100%;}
.login .join-form-box .btn01{width: 80px; height: 45px; line-height: 45px; color: #fff; background: #18b227; font-size: 13px; font-family: 'NanumSquareNeoHeavy'; text-align: center; margin-left: -20px;}
.login .join-form-box h3{text-align: left;font-size: 13px;font-weight: 500;line-height: 21px;margin-left: 2px;}


/*아이디비번찾기*/
.find-table{border-top:2px solid #00a651;margin: 50px auto;    width: 80%;}
.find-table tr td{padding:12px 20px; font-size:15px; font-weight:800; color:#262626;}
.find-table tr td.tit{background:#f8f8f8;text-align:center;  width: 20%; border:1px solid #fff; border-right:none; border-left:none; }
.find-table tr td .txt{color:#ad0000; font-size:13px; font-weight: 500;margin-left: 20px;}
.find-table input{border:none; background:#fafafa; padding: 10px;}
.login-find .btn{padding:15px 20px; background:#00a651; color:#fff; text-align:center; border-radius:20px; font-size:14px;  width: 150px; margin: 0 auto; cursor: pointer;}
.login-find .btn input{border:none; color:#fff; font-size:14px; background: none; cursor: pointer;}
.find-table .input-area select{ font-size: 13px;}
.find-table .input-area ul li{ width: 28% !important;}


/*회원가입*/
.joinTop{background: url(/img/joinTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.join{padding: 80px 0 100px 0;}
.join h1{font-size: 40px; font-family: 'NanumSquareNeoHeavy'; text-align: center; color: #242424;}

.join01 .ul01{margin-top: 50px; text-align: center;}
.join01 .ul01 li{display: inline-block; width: 48%; vertical-align: top;}
.join01 .ul01 li:last-child{margin-left: 20px;}
.join01 .ul01 .box{border: 1px solid #ebebeb; background: #f6f6f6; border-radius: 10px; transition: .3s;}
.join01 .ul01 .box.ico01{background: url(/img/join0101.png) no-repeat #f6f6f6; background-position: 50% 15%; padding: 70px 0 50px 0;}
.join01 .ul01 .box.ico02{background: url(/img/join0102.png) no-repeat #f6f6f6; background-position: 50% 15%; padding: 70px 0 50px 0;}
.join01 .ul01 .txt{padding-top: 100px;}
.join01 .ul01 .txt h1{font-size: 30px; font-family: 'NanumSquareNeoHeavy'; color: #262626; margin-bottom: 20px;}
.join01 .ul01 .txt h5{font-size: 18px; line-height: 32px; font-weight: 500; color: #262626; margin-bottom: 20px; text-align: center;}
.join01 .ul01 .txt h5 .big{font-family: 'NanumSquareNeoHeavy';}
.join01 .ul01 .btn {background: #00a651;color: #fff;border: 1px solid #00a651; width: 150px; margin: 40px auto; padding: 10px 20px; text-align: center;}
.join01 .ul01 li .box:hover{border: 1px solid #18b227; box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1);}
.join01 .ul01 li .box.ico01:hover{background:url(/img/join0101-cl.png) no-repeat #fff; background-position: 50% 13%; transition: .3;}
.join01 .ul01 li .box.ico02:hover{background:url(/img/join0102-cl.png) no-repeat #fff; background-position: 50% 13%; transition: .3;}
.join01 .ul01 li .box:hover h1{color: #18b227;transition: .3;}
.join01 .ul01 li .box:hover .main-btn02{color: #18b227;transition: .3;}


/*회원가입-공통*/
.join-comm .topBox{background: #fff; margin-top: 10px; text-align: center;}
.join-comm .topBox .txt{padding: 50px;}
.join-comm .topBox .txt h2{font-size: 25px; font-family: 'NanumSquareNeoHeavy'; color: #303030;}
.join-comm .topBox .txt h5{font-size: 17px; line-height: 27px; font-weight: 500; color: #565656; margin-top: 20px;}
.join-comm .topBox .txt .color{color: #18b227;}

.join-comm .ul01{margin-top: 50px; text-align: center; max-width: 800px; margin: 0 auto; text-align: center;padding-bottom: 50px;}
.join-comm .ul01 li{display: inline-block; width: 47%; vertical-align: top;}
.join-comm .ul01 li:last-child{margin-left: 30px !important;}
.join-comm .ul01 .box{border: 1px solid #ebebeb; background: #f6f6f6; border-radius: 10px; transition: .3s;}
.join-comm .ul01 .box.on{border: 1px solid #18b227; box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1); background: #fff;}
.join-comm .ul01 .box .txt{padding: 50px 50px 70px 50px;}
.join-comm .ul01 .box .txt .step{border: 1px solid #f6f6f6; background: #ebebeb; width: 100px; margin: 0 auto; padding: 10px; font-size: 13px; font-family: 'NanumSquareNeoHeavy'; border-radius: 20px; color: #969696;}
.join-comm .ul01 .box .txt .step.on{background: #18b227; color: #fff; border: 1px solid #18b227;}
.join-comm .ul01 .box .txt h2{font-size: 30px; font-family: 'NanumSquareNeoHeavy'; margin-top: 15px; color: #ababab;}
.join-comm .ul01 .box .txt h2.on{color: #464646;}

.join-comm .line{height: 1px; width: 100%; background: #dedede;margin-top: 100px;}
.join-comm h4{font-size: 20px; text-align: center; margin-top: 30px; font-family: 'NanumSquareNeoHeavy'; color: #313131;}
.join-comm .btn1{width: 180px; height: 50px; margin: 20px auto; background: #fff; border: 1px solid #18b227; color: #18b227; font-family: 'NanumSquareNeoHeavy'; text-align: center; line-height: 50px; border-radius: 30px; font-size: 15px;}
.join-comm .btn1:hover{color: #fff; background: #18b227; transition: .3s;}
.join-comm01{padding: 20px 0 0px 0;}
.join-comm01 h3{font-size: 21px; font-family: 'NanumSquareNeoHeavy';}
.join-comm01 .term{overflow-y: scroll;height: 300px;border: 1px solid rgb(237, 237, 237);background: #fafafa;  margin-top: 20px;}
.join-comm01 .term.short{height: 200px;}
.join-comm01 .term .txt{padding: 20px;}
.join-comm01 .term .txt h5{font-size: 14px; line-height: 25px;}
.join-comm h3{font-size: 21px; font-family: 'NanumSquareNeoHeavy'; margin-top: 40px; color: #18b227;}

.chk_box {display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 14px;margin-top: 20px; }
.chk_box input[type="checkbox"] {display: none;}
.chk_box .on {width: 20px; height: 20px; background: #ddd; position: absolute; top: 0; left: 0; border-radius: 50%; vertical-align: middle;}
.chk_box input[type="checkbox"]:checked + .on {background: #18b227;}
.chk_box .on:after {content: ""; position: absolute; display: none;}
.chk_box input[type="checkbox"]:checked + .on:after {display: block;}
.chk_box .on:after {width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 7px; top: 3px; }
.chk_box h5{font-size: 14px; font-weight: 500;line-height: 21px; color: #262626;}

/*가입박스 공통*/
label {user-select:none;cursor:pointer;}
.join-form-box form input[type=checkbox] {position:relative;top:2px;}
select {display: inline-block;width: 100%;height: 30px;border: 0;background: inherit;font-size: inherit;}
.blind {position: absolute;left: -9999px;}
.btn-group {display: flex;width: 100%;text-align: center;}
.btn-group .btn-item {width: 50%;height: inherit; }
.btn-group .btn-item:first-child {display: flex;}
.btn-group .btn-item:first-child::after {content: '';width: 1px;background: #e1e1e1;}
.btn-group .btn-item > label {display: inline-block; width: 100%;height: 38px;line-height: 38px;box-sizing: border-box;}
.btn-group .btn-item input[type="radio"] + label {border: 1px solid #e1e1e1;}
.btn-group .btn-item:first-child input[type="radio"] + label {border-right-color: transparent;}
.btn-group .btn-item:nth-child(2) input[type="radio"] + label {border-left-color: transparent;}
.btn-group .btn-item:nth-child(3) input[type="radio"] + label {border-left-color: transparent;}
.btn-group .btn-item:nth-child(4) input[type="radio"] + label {border-left-color: transparent;}
.btn-group .btn-item:nth-child(5) input[type="radio"] + label {border-left-color: transparent;}
.btn-group .btn-item:nth-child(6) input[type="radio"] + label {border-left-color: transparent; }
.btn-group .btn-item input[type="radio"]:checked + label{border: 1px solid rgb(35, 172, 0);color: rgb(35, 172, 0);}
.btn-group .btn-item:hover{border: 1px solid rgb(35, 172, 0);color: rgb(35, 172, 0); transition: .3;}

.input-area ul{width: 100%;}
.input-area ul li{display: inline-block; width: 32% !important;}
.input-area ul li:first-child{margin-right: 0px !important;}
.input-area select{background:#fff; border: 1px solid #eee;height: inherit;padding: 13px; font-size: 15px; color: #555555; font-family: 'NanumSquareNeoHeavy';}
.input-area .pdl30{padding-left: 30px;}

.join-form-box .required{color: #db0000; font-size: 15px;}


/*회원가입-개인,기업*/
.join-01 .join-form-box{margin-top: 40px; overflow: hidden; padding: 50px; border-radius: 10px; background: #f9f9f9;}
.join-01 .join-form-box h5{ margin-bottom: 30px; font-family: 'NanumSquareNeoHeavy'; font-size: 13px; color: #535353; margin-top: 0px;}
.join-01 .join-form-box ul li{display: inline-block; width: 46%; vertical-align: top;}
.join-01 .join-form-box ul li:first-child{margin-right: 60px;}
.join-01 .join-form-box ul.md li{vertical-align: middle;}
.join-01 .join-form-box h2{margin-bottom: 10px;font-size: 16px; font-family: 'NanumSquareNeoExtraBold'; color: #353535;}
.join-01 .join-form-box input{width: 100%; padding: 15px; border: none; background-color: #fff;border: 1px solid #eee;}
.join-01 .join-form-box .bd{ margin-top: 25px; margin-bottom: 35px; width: 100%;}
.join-01 .join-form-box .thrdiv li{display: inline-block; width: 30%;}
.join-01 .join-form-box .thrdiv li span{vertical-align: bottom;}
.join-01 .join-form-box .btn01{width: 80px; height: 45px; line-height: 45px; color: #fff; background: #18b227; font-size: 13px; font-family: 'NanumSquareNeoHeavy'; text-align: center; margin-left: -60px; margin-top: 7px;}
.join-01 .gender li{display: inline-block; width: 18% !important;}
.join-01 .join-form-box ul.thrul li{display: inline-block; width: 9%; vertical-align: bottom;}
.join-01 .join-form-box ul.thrul li:first-child{width: 38%;}
.join-01 .join-form-box ul.thrul li:last-child{width: 45%;}

.join-01 .btns{text-align: center; margin-top: 50px;}
.join-01 .btns li{display: inline-block; width: 14% !important;}
.join-01 .btns li:first-child{margin-right: 0px !important;}
.join-01 .cancel{width: 150px; height: 40px; background: #9d9d9d; color: #e9e9e9; font-family: 'NanumSquareNeoHeavy'; border-radius: 5px; font-size: 16px; cursor: pointer; text-align: center; border: none;}
.join-01 .submit{width: 150px; height: 40px; background: #00a651;border: 1px solid #18b227; color: #fff;border-radius: 5px; font-size: 16px; cursor: pointer;}

.join-01 h5{font-size: 21px; font-family: 'NanumSquareNeoHeavy'; margin-top: 40px; margin-bottom: -20px;}





/*mainB*/
.mainB .swiper .mainB01{background: url(/img/mainB-01.jpg) center center no-repeat; background-size: cover; width: 100%; position: relative;}
.mainB .swiper .mainB02{background: url(/img/mainB-02.jpg) center center no-repeat; background-size: cover; width: 100%; position: relative;}
.mainB .swiper .mainB03{background: url(/img/mainB-03.jpg) center center no-repeat; background-size: cover; width: 100%; position: relative;}
.mainB .swiper .box .txt{width: 100%;text-align: center;  padding-top: 380px;}
.mainB .swiper .box .txt .line{width: 1px; height: 100px; background: #fff; margin: 0 auto;}
.mainB .swiper .box .txt h1{font-size: 60px; line-height: 70px; color: #fff; margin-bottom: 20px;font-family: 'NanumSquareNeoExtraBold'}
.mainB .swiper .box .txt h5{font-size: 25px;font-weight: 500; line-height: 31px; color: #fff; margin-top: 20px;}
.pagBox{position: absolute;width: 100%; bottom: 20%; left: 0%;}
.pagBox .swiper-pagination-bullet{background: #fff; width: 10px; height: 10px; margin: 5px !important;}
.pagBox .swiper-pagination-bullet-active{width: 80px; border-radius: 10px;transition:  all 0.5s ease-in-out;}

.m-tit h1{font-size: 60px; font-family: 'NanumSquareNeoExtraBold'; color: #00a651; margin-bottom: 20px; text-align: center;}
.m-tit h1 span{vertical-align: middle; margin-right: 10px;}
.m-tit h5{font-size: 20px; text-align: center; font-weight: 500;}

.main01 .ul01{text-align: center;margin-top: -150px; z-index: 2; position: relative;}
.main01 .ul01 li{display: inline-block; width: 19%; vertical-align: top; margin-right:-4px;}
.main01 .ul01 li .box{border: 1px solid #ebebeb;height:300px; transition: .3s;}
.main01 .ul01 li .box:last-child{margin-right: 0px;}
.main01 .ul01 li .box.ico01{background:url(/img/main02-01.png) no-repeat #f6f6f6; background-position: 50% 20%;}
.main01 .ul01 li .box.ico02{background:url(/img/main02-02.png) no-repeat #f6f6f6; background-position: 50% 20%;}
.main01 .ul01 li .box.ico03{background:url(/img/main02-03.png) no-repeat #f6f6f6; background-position: 50% 20%;}
.main01 .ul01 li .box.ico04{background:url(/img/main02-04.png) no-repeat #f6f6f6; background-position: 50% 20%;}
.main01 .ul01 li .box.ico05{background:url(/img/main02-05.png) no-repeat #f6f6f6; background-position: 50% 20%;}
.main01 .ul01 li .box .txt{padding:50px 30px 30px 30px;}
.main01 .ul01 li .box h1{font-size: 19px; line-height: 28px; font-family: 'NanumSquareNeoExtraBold';color: #161f31; width: 100%; margin-bottom: 30px;text-align: center; padding-top: 90px;}
.main01 .ul01 li .box h4{font-size: 14px; font-family: 'NanumSquareNeoHeavy'; color: #fc5000;margin-bottom: 10px;text-align: left;}
.main01 .ul01 li .box h5{font-size: 16px; line-height: 24px; font-weight: 400; color: #444444;margin-bottom: 40px;text-align: left; height: 80px;}
.main01 .ul01 li .main-btn02{font-size: 30px;}
.main01 .ul01 li p{margin-top: 50px;}
.main01 .ul01 li .box:hover{border: 1px solid #18b227; box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1);}
.main01 .ul01 li .box.ico01:hover{background:url(/img/main02-01-cl.png) no-repeat #fff; background-position: 50% 13%;}
.main01 .ul01 li .box.ico02:hover{background:url(/img/main02-02-cl.png) no-repeat #fff; background-position: 50% 13%;}
.main01 .ul01 li .box.ico03:hover{background:url(/img/main02-03-cl.png) no-repeat #fff; background-position: 50% 13%;}
.main01 .ul01 li .box.ico04:hover{background:url(/img/main02-04-cl.png) no-repeat #fff; background-position: 50% 13%;}
.main01 .ul01 li .box.ico05:hover{background:url(/img/main02-05-cl.png) no-repeat #fff; background-position: 50% 13%;}
.main01 .ul01 li .box:hover h1{color: #18b227;}
.main01 .ul01 li .box:hover .main-btn02{color: #18b227;}

.main02{background: url(/img/main03-bg.png) no-repeat #fff;padding:100px 0 0 0;background-position:0%; margin-top: -200px;}
.main02 p{overflow:hidden;}
.main02 ul{position: relative; margin-top: 200px;}
.main02 ul li{display: inline-block; width: 48%; vertical-align: top;}
.main02 ul .box{background: #18b227 ;height: 475px;margin-left: -5px;}
.main02 ul .box .txt{padding: 100px 50px;}
.main02 ul .box .txt h1{font-size:40px;font-family: 'NanumSquareNeoExtraBold';margin-bottom: 40px; color: #f5f5f5;}
.main02 ul .box .txt h5{font-size:16px; line-height: 28px; font-weight: 500; color: #f4f4f4;}
.main02 ul .box .txt .btn{font-size: 30px;}
.main02 ul .box .txt p{margin-top: 100px;}


.main03{margin-top: -130px;}
.main03-bg{background-image: url("/img/main04-01.jpg"); background-size: cover;background-attachment: fixed; padding: 150px 0 200px 0; background-position: 30%;}
.main03 .txt{padding: 150px 100px 90px 100px; text-align: center;}
.main03 .txt h1{font-size: 40px; font-family: 'NanumSquareNeoExtraBold'; color: #f4f4f4; margin-top: 30px; margin-bottom: 20px;}
.main03 .txt h5{font-size: 20px;line-height: 28px; font-weight: 500; color: #f0f0f0; margin-bottom: 40px;}
.main03 .txt .btn{padding: 20px 30px; background:#93c900; color: #fff; border-radius: 30px;}
.main03 .txt .btn:hover{background: #fff; color: #93c900; transition: .3s;}

.main04-bg{padding:50px 0 50px 0; background:rgb(219 219 219 / 10%);}
.main04{padding: 50px 0 50px 0;}
.main04 .main04-01{margin-top: 30px;}
.main04 .main04-01 .box{position: relative;}
.main04 .main04-01 .box .img{position: absolute;top: 0; left: 0;}
.main04 .main04-01 .box{background: #f9f9f9; padding: 40px; border-radius: 200px; height: 240px;border: 1px solid #e7e7e7;}
.main04 .main04-01.cl .box{background: #18b227; }
.main04 .main04-01.cl h6{color:#fff;}
.main04 .main04-01.cl h1{color:#fff;}
.main04 .main04-01.cl h5{color:#fff;}
.main04 .main04-01 .txt{padding: 0px 0 50px 0; width: 50%; position: relative; left:50%;}
.main04 .main04-01 h6{font-size: 18px; font-family: 'NanumSquareNeoExtraBold'; margin-bottom: 10px; color:#93c900;}
.main04 .main04-01 h1{font-size: 50px; font-family: 'NanumSquareNeoExtraBold'; margin-bottom: 0px; text-align: left;}
.main04 .main04-01 h5{font-size: 18px; line-height: 28px; font-weight: 500; color:#5a5a5a; text-align: left;}
.main04 .main04-01 .box.right .img{position: absolute;top: 0; right:0; left:auto}
.main04 .main04-01 .box.right .txt{padding: 0px 0 50px 0; width: 50%; position: relative; right: 0%; left: auto;}
.main04 .main04-01 .box.right .txt h6{text-align: right;}
.main04 .main04-01 .box.right .txt h1{text-align: right;}
.main04 .main04-01 .box.right .txt h5{text-align: right;}

.main05{padding: 50px 0 100px 0;}
.main05 .ul01{margin-top: 50px; text-align: center;}
.main05 .ul01 li{width: 32%; display: inline-block; vertical-align: top; margin-right: 10px;}
.main05 .ul01 li:last-child{margin-right: 0px;}
.main05 .ul01 .tag{width: 150px; height: 50px; color: #fff; background: #18b227; border-radius: 50px; text-align: center; line-height: 50px;font-size: 18px; font-family: 'NanumSquareNeoHeavy'; margin: 0 auto;}
.main05 .ul01 .tag.none{background: #efefef; color: #656565;}
.main05 .ul01 .box{border: 1px solid #e4e4e4; background:#fcfcfc; border-radius: 10px; margin-top: 20px; height: 680px;} 
.main05 .ul01 .box.cl{background:#18b227;}
.main05 .ul01 .box.cl h1{color:#fff;}
.main05 .ul01 .box.cl h6{color:#fff;}
.main05 .ul01 .box.cl h5{color:#fff;}
.main05 .ul01 .box .inner{padding: 60px;}
.main05 .ul01 .box p{overflow: hidden;}
.main05 .ul01 .box h1{font-size:30px; font-family: 'NanumSquareNeoExtraBold'; color: #18b227; margin-bottom: 15px;}
.main05 .ul01 .box h6{font-size:16px; font-family: 'NanumSquareNeoExtraBold'; color: #656565; margin-bottom: 30px; text-align: center;}
.main05 .ul01 .box h5{font-size:17px; line-height: 27px; font-weight: 500; color: #5a5a5a;}

.main06{background: #f5f5f5; padding: 80px 0 100px 0;}
.main06 .ul01 li{width: 32%; display: inline-block; vertical-align: top; margin-right: 10px;}
.main06 .ul01 li:last-child{margin-right: 0px;}
.main06 .ul01 li .box{border: 1px solid #dedede; border-top: 3px solid #18b227; padding: 30px; background: #fff;}
.main06 .ul01 li .box .tit li{display: inline-block;width: 47%; vertical-align: top;}
.main06 .ul01 li .box .tit{border-bottom: 1px solid #dedede; padding-bottom: 20px;}
.main06 .ul01 li .box .tit h2{font-size: 18px; font-family: 'NanumSquareNeoExtraBold'; color:#262626; }
.main06 .ul01 li .box .tit h5{font-size: 13px; font-family: 'NanumSquareNeoHeavy'; color:#8a8a8a; text-align: right; }
.main06 .ul01 li .box .cont{padding: 10px 0 10px 0;}
.main06 .ul01 li .box .cont li{display: inline-block;width: 47%; vertical-align: bottom;}
.main06 .ul01 li .box .cont li:first-child{width: 70%;}
.main06 .ul01 li .box .cont li:last-child{margin-right: 0px;width: 20%;}
.main06 .ul01 li .box .cont .tt{font-size:13px; font-family: 'NanumSquareNeoHeavy'; color: #262626;}
.main06 .ul01 li .box .cont .date{font-size:12px; color: #9b9b9b; text-align: right;}

footer{background: #353535; padding: 30px 0 30px 0; text-align: center;}
footer h1{font-size: 50px; font-family: 'NanumSquareNeoExtraBold'; color: #fff; opacity: .3; text-transform: uppercase;}
footer h5{font-size: 13px; line-height: 23px;  color: #dddddd; margin: 0px 0 10px 0;}
footer h6{font-size: 12px; color: #797979;}

/*서브공통*/
.sub-comm.busTop{background: url(/img/business/businessTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.eduTop{background: url(/img/edu/eduTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.consTop{background: url(/img/consulting/consultingTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.evalTop{background: url(/img/evaluation/evaluationTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.cerTop{background: url(/img/certification/certificationTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.comTop{background: url(/img/company/comTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm.materTop{background: url(/img/material/materTop.jpg) center center no-repeat; background-size: cover; width: 100%; padding:230px 0 0px 0;position: relative;}
.sub-comm .top-tit{text-align: center; padding-bottom: 100px;}
.sub-comm .top-tit h1{font-size: 50px; font-family: 'NanumSquareNeoExtraBold';color: #fff; margin-bottom: 20px;}
.sub-comm .top-tit h5{font-size: 18px; font-weight: 500;color: #fff; margin-bottom: 50px;}
.sub-nav{padding: 30px 50px 30px 50px; background: rgba(0, 0, 0, .5);border-radius: 30px 30px 0 0;backdrop-filter: blur(10px);}
.sub-nav .home{margin-right: 10px; vertical-align: middle;}
.sub-nav .now{font-family: 'NanumSquareNeoExtraBold'; color: #18b227;}
.sub-nav li{display: inline-block; width: 48%; vertical-align: middle;}
.sub-nav li:first-child{width: 20%;}
.sub-nav li:last-child{width: 78%;}
.sub-nav .inner li{display: inline-block; width: 30%; color: #fff; font-family: 'NanumSquareNeoHeavy';}
.sub-nav .inner li a{opacity: .3;}
.sub-nav .inner li a.active{opacity: 1;}
.sub-nav .inner li a:hover{opacity: 1; transition: .3s;}
.sub-nav .inner.thr-m{text-align: right;}
.sub-nav .inner.thr-m li{display: inline-block; width: 15% !important; vertical-align: top; text-align: right;}
.sub-nav .inner li:first-child{width: inherit;}
.sub-nav .inner li:last-child{width: inherit;}

.sub-nav .inner.fr-m{text-align: right;}
.sub-nav .inner.fr-m li{display: inline-block; width: 15% !important; vertical-align: top; text-align: center;}
.sub-nav .inner li:first-child{width: inherit;}
.sub-nav .inner li:last-child{width: inherit;}

.sub-tit h1{font-size: 35px; font-family: 'NanumSquareNeoHeavy'; color: #00a651; position: relative; overflow: hidden;}
.sub-tit h5{font-size: 20px; text-align: left; font-weight: 500; margin-top: 10px;}
.sub-tit h1::after{content: ''; width: 80%; height: 1px ;background: #18b227; position: absolute; bottom: 50%; margin-left: 30px;}
.sub-tit h1 span{vertical-align: middle; margin-right: 10px;}
.sub-tit h1 span img{width: 4%;}

.sub-tit02 h1 span{vertical-align: middle; margin-right: 10px;}
.sub-tit02 h1 span img{width: 4%;}
.sub-tit02 h1{font-size: 35px; font-family: 'NanumSquareNeoHeavy'; color: #00a651; position: relative;}
.sub-tit02 h5{font-size: 16px; line-height:26px; font-weight: 500; margin-top: 30px;}
.sub-tit02 h6{font-size: 14px; line-height:25px; font-weight: 500; margin-top: 30px; text-align: left;}



/*ESG경영*/
.bus01-01{padding: 80px 0 100px 0;}
.bus01-01 .ul01{margin-top: 150px; text-align: center;}
.bus01-01 .ul01 li{display: inline-block; width: 32%; vertical-align: top; margin-right: 10px;}
.bus01-01 .ul01 li:last-child{margin-right: 0px;}
.bus01-01 .ul01 p{text-align: center; margin-top: -100px; height: 250px;}
.bus01-01 .ul01 .box{border: 1px solid #e5e5e5; border-radius: 30px; }
.bus01-01 .ul01 .box h1{font-size:25px; font-family: 'NanumSquareNeoHeavy'; color: #18b227; padding: 20px 0 20px 0; text-align: center;}
.bus01-01 .ul01 .box .inner{background: #f3f3f3;border-radius:0 0 30px 30px;}
.bus01-01 .ul01 .box .txt{padding: 50px; height: 230px;}
.bus01-01 .ul01 .box .txt h2{font-size: 16px; line-height: 26px; font-family: 'NanumSquareNeoHeavy'; text-align: center; color: #303030;}
.bus01-01 .ul01 .box .txt h5{font-size: 15px; line-height: 25px; font-weight: 400; text-align: center; color: #575757;}
.bus01-01 .ul01 .box .txt .line{width: 20%; height: 2px; margin: 20px auto; background: #303030;}

.bus01-02{padding: 20px 0 80px 0;}
.bus01-02 .ul01{margin-top: 30px;}
.bus01-02 .ul01 li{display: inline-block; width: 48%; vertical-align: middle;}
.bus01-02 .ul01 li:first-child{width: 30%;}
.bus01-02 .ul01 li:last-child{width: 68%;}
.bus01-02 .ul01 h3{font-size: 25px; font-family: 'NanumSquareNeoHeavy'; color: #262626; margin-bottom: 10px;}
.bus01-02 .ul01 h5{font-size: 16px; font-weight: 400; color: #b5b5b5; margin-bottom: 40px;}
.bus01-02 .ul01 h6{font-size: 18px; font-weight: 950; color: #262626;}

.bus01-03 .ul01 li{display: inline-block; width: 48%; vertical-align: middle;}
.bus01-03 .ul01 .box{background: #f7f7f7;height: 320px;}
.bus01-03 .ul01 .box .txt{padding: 30px;}
.bus01-03 .ul01 .box h5{font-size: 15px; line-height: 24px; color: #262626;}

.bg-bt{background: url(/img/business/business01-bg.png) no-repeat; padding: 50px 0 180px 0;}

.bus02-01{padding: 80px 0 0px 0;}
.bus02-01 .ul01{ border-radius: 20px; margin-top: 10px;}
.bus02-01 .ul01 li{display: inline-block; width: 49%; vertical-align: middle;}
.bus02-01 .ul01 .box01{padding: 50px; text-align: center;}
.bus02-01 .ul01 .box01 .line{width: 7%; height: 3px; border-radius: 20px; background: #303030; margin: 20px auto;}
.bus02-01 .ul01 .box01 h5{font-size:25px; font-family: 'NanumSquareNeoHeavy';}
.bus02-01 .ul01 .box01 h6{font-size:15px; line-height: 21px; font-weight: 200; margin-top: 50px; color: #575757;}
.bus02-01 .ul01 .box02{background: #f7f7f7;padding-bottom: 40px;margin-right: -15px;box-shadow: 2px 2px 10px rgba(175, 175, 175, .5);}
.bus02-01 .ul01 .box02.bg01{background:#18b227;}
.bus02-01 .ul01 .box02.bg02{background:#f18e1d;}
.bus02-01 .ul01 .box02.bg03{background:#7b59a3;}
.bus02-01 .ul01 .box02 .txt{padding: 40px;}
.bus02-01 .ul01 .box02 .txt h1{font-size: 30px; font-family: 'NanumSquareNeoHeavy'; color: #fff; margin-bottom:10px;}
.bus02-01 .ul01 .box02 .txt h3{font-size: 21px; line-height: 31px;font-family: 'NanumSquareNeoHeavy'; color: #fff;    padding-left: 10px;}
.bus02-01 .ul01 .box02 .txt h5{font-size: 15px; line-height: 25px; font-weight: 500; color: #fff; margin-top: 10px;    padding-left: 10px;}
.bus02-01 .ul01 .box02 .txt .inner{margin-top: 30px;}
.bus02-01 .ul01 .box02 .txt .inner p{font-size:20px; color:#fff}
.bus03-01{padding: 120px 0 0px 0;}

/*ESG교육*/
.edu01-01{padding: 80px 0 0px 0;}
.edu02-01{padding: 80px 0 0px 0;}
.edu03-01{padding: 80px 0 0px 0;}
.edu03-01 h3{font-size: 18px; color:#303030; margin-top: 20px; margin-bottom: 30px; text-align: center;}
.edu03-01 .ul01{max-width: 800px; margin: 0 auto; text-align: center;}
.edu03-01 .ul01 li{display: inline-block; width: 48%; vertical-align: top;}
.edu03-01 .ul01 li:first-child{margin-right: 10px;}
.edu03-01 .ul01 .box{border: 1px solid #18b227;box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1); border-radius: 20px; background: #fff;}
.edu03-01 .ul01 .box .txt{padding: 30px;}
.edu03-01 .ul01 .box .txt h4{font-size: 16px; color: #262626; margin-top: 10px; }
.edu03-01 .ul01 .box .txt h5{font-size: 18px; font-family: 'NanumSquareNeoHeavy'; color: #393939; margin-top: 10px;}
.edu03-01 .join-form-box{margin-top: 80px; overflow: hidden;}
.edu03-01 .join-form-box ul li{display: inline-block; width: 47%; vertical-align: top;}
.edu03-01 .join-form-box ul li:first-child{margin-right: 60px;}
.edu03-01 .join-form-box h2{margin-bottom: 10px;font-size: 16px; font-family: 'NanumSquareNeoExtraBold'; color: #353535;}
.edu03-01 .join-form-box input{width: 100%; padding: 15px; border: none; background-color: #f9f9f9;}
.edu03-01 .join-form-box .bd{ margin-top: 25px; margin-bottom: 35px; width: 100%;}
.edu03-01 .join-form-box .thrdiv li{display: inline-block; width: 30%;}
.edu03-01 .join-form-box .thrdiv li span{vertical-align: bottom;}
.edu03-01 .submit{background: #3672bf !important; border: 1px solid #3672bf; color: #fff;  margin-top: 30px; width: 100% !important; border-radius: 5px; float: right; font-size: 21px; cursor: pointer;  padding: 20px;font-family: 'NanumSquareNeoExtraBold'; }
.edu03-01 .submit:hover{background: #fff !important; border: 1px solid #3672bf; color: #3672bf; transition:.3s }
.edu03-01 .edu li:first-child{width: 100%;}

/*ESG컨설팅*/
.inq{width: 530px;border: 1px solid #18b227; background: #fff; margin: 50px auto; border-radius: 5px; box-shadow: 10px 5px 30px 5px rgba(24,178,39, .1); }
.inq h2{font-size: 17px; font-family: 'NanumSquareNeoHeavy'; color: #18b227; margin-bottom: 20px;}
.inq .txt{padding: 40px 80px;}
.inq .txt h3{font-size: 13px; font-family: 'NanumSquareNeoHeavy'; color: #03660d; margin-bottom: 10px;}
.inq .txt h5{font-size: 18px; font-family: 'NanumSquareNeoHeavy'; color: #424242; margin-bottom: 20px;}
.cons{padding: 80px 0 50px 0;}
.cons .img{margin-top: 50px; text-align: center;}
.cons01-01 .btn{background: #3672bf !important; border: 1px solid #3672bf; color: #fff;  margin-top: 30px; width: 100% !important; border-radius: 5px; float: right; font-size: 21px; cursor: pointer;  padding: 15px;font-family: 'NanumSquareNeoExtraBold'; text-align:center;}
.cons01-01 .btn:hover{background: #fff !important; border: 1px solid #3672bf; color: #3672bf; transition:.3s }

/*ESG평가*/
.eval{padding: 80px 0 30px 0;}
.eval01-01 .txt01{padding:70px 0 0px 0;}
.eval01-01 .img{text-align: center; margin-top: 50px;}
.eval01-01 .txt01 h3{font-size: 21px; font-family: 'NanumSquareNeoHeavy'; color: #292929; margin-bottom: 20px;}
.eval01-01 .txt01 h3 span{vertical-align: middle; margin-right: 10px;}
.eval01-01 .txt01 h5{font-size: 16px;  line-height: 25px; font-weight: 500; color: #292929; margin-bottom: 20px;}

.eval01-02{background: #f9f9f9; padding: 70px 0 80px 0;}
.eval01-02 .txt01 h3{font-size: 21px; font-family: 'NanumSquareNeoHeavy'; color: #292929; margin-bottom: 20px;}
.eval01-02 .txt01 h3 span{vertical-align: middle; margin-right: 10px;}
.eval01-02 .ul01{text-align: center;}
.eval01-02 .ul01 li{display: inline-block; width: 18%; vertical-align: top; margin-right: 10px;}
.eval01-02 .ul01 .box{background: #fff; border: 1px solid #18b227; height: 260px; border-radius: 20px;}
.eval01-02 .ul01 .box .top{background: #18b227; border-radius: 20px 20px 0 0;}
.eval01-02 .ul01 .box .top h1{padding: 20px; color: #fff; font-family: 'NanumSquareNeoHeavy'; font-size: 18px;}
.eval01-02 .ul01 .box .bottom .txt{padding: 20px; text-align: center;}
.eval01-02 .ul01 .box .bottom .txt h5{font-size: 15px; line-height: 22px; font-family: 'NanumSquareNeoHeavy'; color: #303030;}

.eval01-03{padding: 80px 0 50px 0;}
.eval01-03 .txt01 h3 span{vertical-align: middle; margin-right: 10px;}
.eval01-03 .txt01 h3{font-size: 21px; font-family: 'NanumSquareNeoHeavy'; color: #292929; margin-bottom: 20px;}
.eval01-03 .txt01 h5{font-size: 16px;  line-height: 25px; font-weight: 500; color: #292929; margin-bottom: 20px;}
.eval01-03 ul li{display: inline-block; width:32%; vertical-align: top; margin-right: 10px; text-align: center;}
.eval01-03 ul table{height: 500px;}
.eval01-03 ul table tr td{padding: 15px; font-size: 15px; line-height: 25px; color: #242424; font-weight: 500; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb;}
.eval01-03 ul table .small{font-size: 14px;}
.eval01-03 ul table .big{font-size: 16px; font-family: 'NanumSquareNeoHeavy';}
.eval01-03 ul .enviro .bg{background: #00a651; color: #fff;font-size: 25px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.eval01-03 ul .enviro .bg02{background: #eef7f2;}
.eval01-03 ul .social .bg{background: #007da6; color: #fff;font-size: 25px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.eval01-03 ul .social .bg02{background: #f2f6f8;}
.eval01-03 ul .gov .bg{background: #a63a00; color: #fff;font-size: 25px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.eval01-03 ul .gov .bg02{background: #fffbf9;}


/*ESG인증*/
.cer{padding: 80px 0 0px 0; overflow: hidden;}
.cer01-01 table{width: 100%; margin-top: 30px;}
.cer01-01 table tr td{padding: 20px; font-size: 15px; line-height: 25px; color: #242424; font-weight: 500; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.cer01-01 table tr td.wtbd{border-right: 3px solid #fff;}
.cer01-01 table h1{font-size: 17px; font-family: 'NanumSquareNeoHeavy'; color: #242424;}
.cer01-01 table h5{font-size: 14px; font-family: 'NanumSquareNeoHeavy'; color: #666666; margin-top: 5px;}
.cer01-01 table .small{font-size: 14px;}
.cer01-01 table .big{font-size: 16px; font-family: 'NanumSquareNeoHeavy';}
.cer01-01 table thead tr th{background: #07193e; color: #fff; font-family: 'NanumSquareNeoHeavy'; padding: 10px; border-radius: 20px 20px 0 0;border-left: 3px solid #fff;}
.cer01-01 .enviro .bg{background: #00a651; color: #fff;font-size: 30px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.cer01-01 .enviro .bg02{background: #d5f2e2;}
.cer01-01 .Sbg{background: #007da6; color: #fff;font-size: 25px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.cer01-01 .Sbg02{background: #e4f6ff;}
.cer01-01 .Gbg{background: #a63a00; color: #fff;font-size: 25px; font-family: 'NanumSquareNeoHeavy';text-align: center; vertical-align: middle;}
.cer01-01 .Gbg02{background: rgb(255, 241, 241);}

.cer03-01 .ul01{margin-top: 30px;}
.cer03-01 .ul01 li{display: inline-block; width: 48%; vertical-align: middle;}
.cer03-01 .ul01 li:first-child{width: 30%; position: relative; z-index: 1;}
.cer03-01 .ul01 li:last-child{width: 68%;}
.cer03-01 .ul01 li img{box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); border-radius: 10px;}
.cer03-01 .ul01 .box{background: #d5f2e2; border-radius: 0 10px 10px 0;}
.cer03-01 .ul01 .box .txt{padding: 50px 50px 50px 220px;}
.cer03-01 .ul01 .box .txt h1{font-size:60px; font-family: 'NanumSquareNeoHeavy'; color: #00d029;}
.cer03-01 .ul01 .box .txt h5{font-size:17px; line-height: 38px; font-weight: 500; color: #313131;}
.cer03-01 .ul01 .box .txt .small{font-size:21px; font-family: 'NanumSquareNeoHeavy';}
.cer03-01 .ul01 .box .txt .big{ font-family: 'NanumSquareNeoHeavy';}
.cer03-01 .ul01 .box .txt .line{height: 3px; width: 5%; background: #00d029; margin-top: 15px; margin-bottom: 15px;}
.cer03-01 .ul01.ul02 li:first-child{width: 54%; position: relative; z-index: 1;}
.cer03-01 .ul01.ul02 li:last-child{width: 30%;}
.cer03-01 .ul01.ul02 .box{background: #e4f6ff; border-radius: 10px 0px 0px 10px;}
.cer03-01 .ul01.ul02 .box .txt{padding: 50px 220px 50px 50px;}
.cer03-01 .ul01.ul02 .box .txt h1{font-size:60px; font-family: 'NanumSquareNeoHeavy'; color: #007da6;}
.cer03-01 .ul01.ul02 .box .txt .line{height: 3px; width: 5%; background: #007da6; margin-top: 15px; margin-bottom: 15px;}
.cer03-01 .ul01.ul03 .box{background: #fff1f1;}
.cer03-01 .ul01.ul03 .box .txt h1{font-size:60px; font-family: 'NanumSquareNeoHeavy'; color: #a63a00;}
.cer03-01 .ul01.ul03 .box .txt .line{height: 3px; width: 5%; background: #a63a00; margin-top: 15px; margin-bottom: 15px;}


.mater{padding:80px 0 0 0; }

/*회사소개*/
.company-bg{background:#f9f9f9; padding-bottom:80px;}
.com{padding:80px 0 0 0; }
.company h2{font-size:37px; line-height:54px; color:#303131; margin-bottom:20px; font-family: 'NanumSquareNeoHeavy'; text-align:center; margin-top:40px;}
.company h5{font-size:15px; line-height:27px; color:#464646; font-weight:300;text-align:center;}
.company .ul01{text-align:center; margin-top:70px;}
.company .ul01 li{display:inline-block; width:56%; vertical-align:top;}
.company .ul01 li:first-child{margin-right:30px;}
.company .ul01 .box{border-top:2px solid #00a54f; width:80%; margin: 0 auto;}
.company .ul01 .box .txt{padding:20px 10px;}
.company .ul01 .box .txt h6{font-size:16px; line-height:30px; color:#464646; font-weight:800;}
.company-bg02{background-image: url("/img/company/company01-01.jpg"); background-size: cover;background-attachment: fixed; padding: 130px 0 130px 0;}
.company-bg02 h2{font-size:37px; line-height:54px; color:#fff; margin-bottom:20px; font-family: 'NanumSquareNeoHeavy'; text-align:center; margin-top:40px;}
.company-bg02 h5{font-size:15px; line-height:27px; color:#fff; font-weight:300;text-align:center;}
.company-bg02 p{text-align:center; margin-bottom:20px;}

.company02-01 .ul01{margin-top:70px;}
.company02-01 .ul01 li{display:inline-block; width:24%; vertical-align:top; border-radius:30px;margin-top:5px;}
.company02-01 .ul01 p{text-align:center;}
.company02-01 .ul01 h3{font-size:15px;  font-family: 'NanumSquareNeoHeavy'; color:#303131; margin-top:20px;text-align:center;}
.company02-01 .ul01 .txt{margin-top:15px;text-align: center;}
.company02-01 .ul01 .inner li{display:inline-block; padding:5px 12px; background:#fff; font-size:12px;font-family: 'NanumSquareNeoExtraBold';text-align:center; color: #262626;
    background: #f5f5f5;  width: auto;}
.company02-02{background:#f9f9f9; padding-bottom:50px;}
.company02-02 h2{font-size: 30px;font-weight: 900;padding: 50px 0 5px 0;color: #18b227;}
.company02-02 .ul02{text-align:center;}
.company02-02 .ul02 li{display:inline-block; width:24%; vertical-align:top;}
.company02-02 .ul02 .line{width:20%; height:3px; background:#18b227; margin:0 auto; margin-bottom: 30px;}
.company02-02 .ul02 .box.bg01{background:url(/img/company/company02-05.jpg) center center no-repeat; width: 100%; height: 500px;}
.company02-02 .ul02 .box.bg02{background:url(/img/company/company02-06.jpg) center center no-repeat; width: 100%; height: 500px;}
.company02-02 .ul02 .box.bg03{background:url(/img/company/company02-07.jpg) center center no-repeat; width: 100%; height: 500px;}
.company02-02 .ul02 .box.bg04{background:url(/img/company/company02-08.jpg) center center no-repeat; width: 100%; height: 500px;}
.company02-02 .ul02 .box .txt{padding:40px; padding-top: 80px;text-align:center;}
.company02-02 .ul02 .box .txt h1{font-size:28px; font-weight:800; color:#fff;}
.company02-02 .ul02 .box .txt h3{font-size:20px; font-weight:800; color:#fff;}
.company02-02 .ul02 .box .txt h5{font-size:14px; font-weight:600; color:#fff;}
.company02-02 .ul02 .box .txt .inner{margin-bottom:20px;}

.company03 h3{font-size:20px; font-weight:900; color:#262626;margin-bottom:10px; font-family: 'NanumSquareNeoHeavy'; margin-top: 30px;position:relative;margin-left: 15px;}
.company03 h3 span{font-size:13px; margin-left:10px; color:#a60000;}
.company03 h3::before{content:''; height:60%; width:5px; background:#00a651;position:absolute;top:9px; left:-10px;}
.company03 .join-form-box{overflow: hidden;}
.company03 .join-form-box ul li{display: inline-block; width: 46%; vertical-align: top;}
.company03 .join-form-box ul li:first-child{margin-right: 60px;}
.company03 .join-form-box h2{margin-bottom: 10px;font-size: 16px; font-family: 'NanumSquareNeoExtraBold'; color: #353535;}
.company03 .join-form-box input{width: 100%; padding: 15px; border: none; background-color: #fff;}
.company03 .join-form-box .bd{ margin-top: 25px; margin-bottom: 35px; width: 100%;}
.company03 .join-form-box .thrdiv li{display: inline-block; width: 30%;}
.company03 .join-form-box .thrdiv li span{vertical-align: bottom;}
.company03 .submit{background: #3672bf !important; border: 1px solid #3672bf; color: #fff;  margin-top: 30px; width: 100% !important; border-radius: 5px; float: right; font-size: 21px; cursor: pointer;  padding: 20px;font-family: 'NanumSquareNeoExtraBold'; }
.company03 .submit:hover{background: #fff !important; border: 1px solid #3672bf; color: #3672bf; transition:.3s }
.company03 .ul01 li:first-child{width: 100%;}
.company03 .join-form-box{overflow: hidden;padding: 50px;border-radius: 10px;background: #f9f9f9;}
.company03 .option li{display: inline-block; width: 23% !important;}
.company03 .option li:first-child{margin-right:0px !important;}
.company03 .option li h5{font-size:15px; font-family: 'NanumSquareNeoExtraBold';}

@media screen and (max-width:1420px){

	.main04-img{width:70%;}
	.main04 .main04-01 h1{ font-size: 33px;}
	.main04 .main04-01 h6{font-size: 13px;}
	.main04 .main04-01 h5{font-size: 15px;line-height: 24px;}
	.main04 .main04-01 .box{height:143px;}
	.main04 .main04-01 .box.right .txt{ width: 43%;}




}

@media screen and (max-width:1350px){


	.main04 .main04-01 .txt{padding:0px; left: 46%;}
    .main04 .main04-01 .box.right .txt{right: 6%;}
	.main05 .ul01 .box{height: auto;}
	.main05 .ul01 .box .inner{padding: 30px;}

}

@media screen and (max-width:991px){

	.container-ico{max-width:100%;}
	.container-main02{max-width:100%;}
	.container-bo{max-width:90%  !important;;}
	.container{max-width:90%;}
	.container-wide{max-width:90%;}
    .res-img{width: 100%;}
	.main01 .ul01 li{width: 20%;}
	.main04-img{width:56%;}
	.main04 .main04-01 .box{padding: 15px; height: 150px;}
	.main04 .main04-01 h6{margin-bottom:0px;}
	.main04-img.fr{float:right;}
	.main04 .main04-01 .box.right .txt{right:0%;  width: 51%;}
	.busimg01{width:auto;}
	.bus01-03 .ul01 li{overflow:hidden;}
	.bus01-03 .ul01 .box{height:auto;}

	.main05 .ul01 .box h1{ font-size: 25px; line-height: 32px;}
	.main05 .ul01 .box h6{ font-size: 14px; line-height: 24px;margin-bottom: 17px;}
	.main05 .ul01 .box h5{ font-size: 15px; line-height: 24px;}

	.company02-02 .ul02 .box .txt{padding: 20px;  padding-top: 60px;}
	.company03 .join-form-box{padding: 30px;}
	.company03 .join-form-box ul li{ width: 100%;margin-top: 10px;}
	.company03 .join-form-box .bd{margin-top: 10px; margin-bottom: 10px;}
	.company03 .join-form-box h2{margin-bottom:10px;}

	








}

@media screen and (max-width:767px){	

    .res-img{width: 100%;}
	.mob{display:block;}
	.pc{display:none;}

	/**/
	.join{padding: 60px 0 0 0;}
	.login{  padding: 80px 0 0px 0;}
	.login .ul01 li{width: 100%;}
	.login .ul01 li:last-child{margin-left:0px;}

	/**/
	.join01 .ul01 li{width: 100%;}
	.join01 .ul01 li:last-child{margin-left:0px; margin-top: 20px;}
	.join01 .ul01{margin-top: 30px;}
	.join01 .ul01 .txt{padding-top: 120px;}
	.join01 .ul01 .box.ico01{padding: 70px 0 0px 0;}
	.join01 .ul01 .box.ico02{padding: 70px 0 0px 0;}
	.join-comm .ul01 li:last-child{margin-left: 10px !important;}
	.join-comm .ul01 .box .txt{padding: 30px;height: 100px;}
	.join-comm .ul01 .box .txt h2{font-size: 23px;}
	.join-comm01{padding:0px;}
	.join-comm .line{ margin-top: 50px;}

	.join-01 .join-form-box{margin-top: 40px;}
	.join-01 .join-form-box ul li{ width: 100%;}
	.join-01 .join-form-box .btn01{margin-left:0px;}
	.join-01 .join-form-box h2{margin-top: 20px;}
	.join-01 .join-form-box .bd{margin-bottom:0px; margin-top:0px;}
	.join-01 .gender li{ width: 16% !important;}
	.join-01 .join-form-box ul.thrul li:first-child{width: 77%;}
	.join-01 .join-form-box ul.thrul li:last-child{width: 100%;}
	.join-01 .btns li{width: 36% !important;}

	.join-comm h3{font-size: 19px;line-height: 28px;}
	.join-comm .ul01{padding-bottom:0px;}
	.join-01 .join-form-box{padding: 30px;}
	.join-01 .join-form-box ul li:first-child{margin-right:0px;}

	.find-table{width: 100%;}
	.find-table .input-area ul li{ width: 100% !important;}
	.find-table input{width:100%;}



  	/**/
	.pagBox{top: 65%; bottom:auto;}
	.mainB .swiper .mainB01{padding:100px 0 100px 0;}
	.mainB .swiper .mainB02{padding:100px 0 100px 0;}
	.mainB .swiper .mainB03{padding:100px 0 100px 0;}
	.mainB .swiper .box .txt{padding-top:80px;}
	.mainB .swiper .box .txt h1{font-size:42px; line-height:60px;}
	.mainB .swiper .box .txt h5{font-size: 21px;}

	.main01 .ul01{margin-top: -50%;}
	.main01 .ul01 li{width: 19%;}
	.main01 .ul01 li .box h1{font-size: 15px; line-height: 25px; padding-top: 100px;}
	.main01 .ul01 li .box .txt{padding: 20px 10px 30px 10px;}
	.main01 .ul01 li .box{ height: 260px;}
	.main01 .ul01 li p{margin-top: 10px;}
	.main01 .ul01 li .box.ico01{ background-size: 50%;}
	.main01 .ul01 li .box.ico02{ background-size: 50%;}
	.main01 .ul01 li .box.ico03{ background-size: 50%;}
	.main01 .ul01 li .box.ico04{ background-size: 50%;}
	.main01 .ul01 li .box.ico05{ background-size: 50%;}

	.main01 .ul01 li .box.ico01:hover{ background-size: 50%;}
	.main01 .ul01 li .box.ico02:hover{ background-size: 50%;}
	.main01 .ul01 li .box.ico03:hover{ background-size: 50%;}
	.main01 .ul01 li .box.ico04:hover{ background-size: 50%;}
	.main01 .ul01 li .box.ico05:hover{ background-size: 50%;}
	.main01 .ul01 li .box h1{font-size: 12px;line-height: 21px;  height: 50px;}
	.main01 .ul01 li .main-btn02{font-size: 17px;}

	.main02 ul{margin-top: 100px;z-index: 1;}
	.main02 ul li:first-child{width:30%}
	.main02 ul li:last-child{width:69%}
	.main02 ul .box .txt{padding: 50px 20px;}
	.main02 ul .box .txt h1{font-size: 35px; line-height: 45px;}
	.main03 .txt h1{font-size: 30px;}
	.main03 .txt h5{font-size: 12px;}
	.main03 .txt .btn{ font-size: 10px;}
	.main03 .txt{padding: 150px 20px 90px 20px;}
	.main03 .txt h5{font-size: 16px;}

	.main04-bg{padding:0px;}
	.main04 {padding: 70px 0 50px 0;}
    .main04 .main04-01 .txt{left: 0%; width:100%;padding: 200px 0 50px 0; }
    .main04 .main04-01 .box{border-radius:200px 200px 50px 50px;height: auto;}
    .main04 .main04-01 .box.right .txt{right:0%; width:100%;padding: 200px 0 50px 0; }
    .main04 .main04-01 .box.right .txt h6{text-align: left;}
    .main04 .main04-01 .box.right .txt h1{text-align: left;}
    .main04 .main04-01 .box.right .txt h5{text-align: left;}
	.main04 .main04-01 h6{font-size: 14px;}
	.main04 .main04-01 h1{ font-size: 30px;margin-bottom: 15px;}
	.main04 .main04-01 h5{font-size: 13px; line-height: 23px;}

	.main05{padding: 30px 0 50px 0;}
	.main05 .ul01{margin-top: 10px;}
	.main05 .ul01 li{ width: 100%;}
	.main05 .ul01 .box .inner{padding: 30px;}
	.main05 .ul01 .box{height: 560px;}
	.main05 .ul01 .box h1{font-size: 25px;}
	.main05 .ul01 .box h6{font-size: 14px;margin-bottom: 20px;}
	.main05 .ul01 .box h5{font-size: 15px;line-height: 26px;}
	.main05 .ul01 .tag{ margin: 0 auto; margin-top: 20px;}

	.main06{ padding: 40px 0 70px 0;}
	.main06 .ul01 li{ width: 100%;margin-top: 10px;}

	.m-tit h1{font-size: 35px;}
	.m-tit h5{ font-size: 13px;}
	.sym-m img{width: 8%;}
	
	/**/
	.sub-comm .top-tit h1{font-size: 35px;}
	.sub-comm .top-tit h5{font-size: 16px;line-height: 26px;}
	.sub-nav{padding: 30px 50px 30px 30px;}
	.sub-nav .now{font-size: 19px;}
	.home img{width: 20%;}
	.sub-nav .home{vertical-align: bottom;}
	.sub-nav li:first-child{ width: 32%;}
	.sub-nav li:last-child{width: 78%;}
	.sub-nav .inner.thr-m{text-align: left;}
	.sub-nav .inner.thr-m li{margin-top: 20px;  width: 32% !important;  text-align: start;}
	.sub-nav .inner li a{font-size: 14px;}
	.sub-nav .inner.thr-m li{width:32% !important;}
	.sub-nav .inner.thr-m li a{font-size: 14px;}
	.sub-nav .inner.fr-m{text-align: left;}
	.sub-nav .inner.fr-m li{display: inline-block; width: 43% !important; text-align: left;  margin-top: 5px;}


	.sub-tit h1{font-size: 30px;  overflow: hidden;}
	.sub-tit h5{font-size: 16px; line-height: 26px;margin-top:10px;}
	.sub-tit h1::after{width: 50%;}

	.bus01-01{padding: 60px 0 0 0;}
	.bus01-01 .ul01{margin-top: 80px;}
	.bus01-01 .ul01 li{ width: 100%;}
	.bus01-01 .ul01 .box .txt{padding: 30px; height: 210px;}
	.bus01-01 .ul01 li{margin-top: 50px;}
	
	.bus01-02 .ul01 h3{font-size: 22px;}
	.bus01-02 .ul01 h5{font-size: 13px;   margin-bottom: 25px;}
	.bus01-02 .ul01 h6{font-size: 16px;line-height: 26px;}
	.bus03-01{padding: 80px 0 0px 0;}
	.bus01-03 .ul01 li{width:100%;}
	.bus01-03 .ul01 .box{height:auto;}
	.bus01-03 .ul01 .box .txt{padding: 30px;}
	.bus01-03 .ul01 .box h5{font-size: 16px;line-height: 26px;}


	.sub-tit02 h1{ font-size: 30px;}
	.bus02-01{padding: 60px 0 0 0;}
	.bus02-01 .ul01{ overflow: hidden;}
	.bus02-01 .ul01 li{ width: 100%;}
	.bus02-01 .ul01 .box01{padding: 0px;}
	.bus02-01 .ul01 .box02 .txt{padding: 20px;}
	.bus02-01 .ul01 .box02 .txt h1{font-size: 27px;  margin-bottom: 20px;}
	.bus02-01 .ul01 .box02 .txt h3{font-size: 18px;}
	.bus02-01 .ul01 .box02 .txt h5{font-size: 14px; line-height: 24px;margin-top: 10px;}
	.bus02-01 .ul01 .box02 .txt .inner{margin-top: 10px;}

	/**/
	.cons{padding: 60px 0 0 0;}

	/**/
	.edu01-01{padding: 60px 0 0px 0;}
	.edu02-01{padding: 60px 0 0px 0;}
	.edu03-01{padding: 60px 0 0px 0;}
	.edu03-01 .ul01 .box .txt{padding: 20px;}
	.edu03-01 .ul01 .box .txt h5{ font-size: 14px;}
	.edu03-01 .ul01 .box .txt h4{font-size: 13px;}
	.edu03-01 .join-form-box ul li:first-child{margin-right: 10px;}
	.input-area .pdl30{padding-left:0px;}
	.btn-group .btn-item > label{font-size: 12px;}
	.edu03-01 .join-form-box ul li{width: 47%;}
	.edu03-01 .edu li{margin-left:10px;}

	/**/
	.inq{width: auto; height:auto;}
	.inq .txt{padding: 40px 30px;}

	/**/
	.con{padding: 60px 0 0 0;}

	/**/
	.eval{padding: 60px 0 0 0;}
	.eval01-01 .txt01{padding: 50px 0 0px 0;}
	.eval01-01 .txt01 h5{font-size: 14px; line-height: 25px;}
	.eval01-02{padding: 40px 0 50px 0;}
	.eval01-02 .ul01 li{ width: 30%;margin-right: 5px;  margin-top: 10px;}
	.eval01-02 .ul01 .box .top h1{ line-height: 21px;  font-size: 15px;  height: 40px;}
	.eval01-02 .ul01 .box .bottom .txt{padding: 10px;}
	.eval01-02 .ul01 .box .bottom .txt h5{ font-size: 13px;line-height: 19px;}
	.eval01-03{padding: 60px 0 0 0;}
	.eval01-03 .txt01 h5{font-size: 14px;}
	.eval01-03 ul li{width:100%; margin-right:0px;}
	.eval01-03 ul table tr td{ font-size: 13px;}
	.eval01-03 ul table{height: 380px;}
	.eval01-03 ul .social .bg{width: 21%;}
	.eval01-03 ul .gov .bg{width: 20%;}
	.eval01-03 ul .enviro .bg{    width: 21%;}

	/**/
	.cer{padding: 60px 0 0 0; }
	.cer01-01{width:100%;}
	.cer01-01 .enviro .bg{font-size: 24px;}
	.cer01-01 table .small{font-size: 11px;}
	.cer01-01 table tr td{font-size: 14px;}
	.cer01-01 table h5{font-size: 12px;}
	.cer01-01 table h1{ font-size: 14px;}
	.horizon-sc{overflow-x:auto;}
	.cer03-01 .ul01 li:first-child{width: 100%;}
	.cer03-01 .ul01 li:last-child{width: 100%;}
	.cer03-01 .ul01 .box .txt{padding: 50px;}
	.cer03-01 .ul01 .box .txt .small{font-size: 18px;}
	.cer03-01 .ul01 .box .txt h5{font-size: 16px;line-height: 30px;}
	.cer03-01 .ul01 .box .txt h1{font-size: 45px;}
	.cer03-01 .ul01.ul02 .box .txt h1
	.cer03-01 .ul01.ul02 li:first-child{width: 100%;}
	.cer03-01 .ul01.ul02 li:last-child{width: 100%;}
	.cer03-01 .ul01.ul02 .box .txt{padding: 50px;}
	.cer03-01 .ul01.ul02 li:first-child{width: 100%;}
	
	/*회사소개*/
	.com{padding:60px 0 0 0; }
	.company h5{font-size: 13px;line-height: 25px;}
	.company-bg{padding-bottom: 40px;}
	.company h2{font-size: 26px;line-height: 38px; margin-top: 20px;}
	.company .ul01{margin-top: 40px;}
	.company .ul01 li{width:100%;}
	.company .ul01 .box{width:100%;}
	.company .ul01 li:first-child{margin-right:0px;}
	.company .ul01 .box .txt h6{font-size: 14px; line-height: 28px;}

	.company-bg02{padding: 80px 0 80px 0;}
	.company-bg02 h2{font-size: 28px;line-height: 41px;margin-top: 30px;}
	.company-bg02 h5{font-size: 14px;line-height: 26px;}

	.company02-01 .ul01{margin-top: 40px;}
	.company02-02 .ul02 li{width: 48%;margin-top:5px;}
	.company02-02 .ul02 .box.bg01{height: 450px;}
	.company02-02 .ul02 .box.bg02{height: 450px;}
	.company02-02 .ul02 .box.bg03{height: 450px;}
	.company02-02 .ul02 .box.bg04{height: 450px;}
	.company02-01 .ul01 li{width: 48%;  margin-top: 30px;}
	.company02-01 .ul01 .inner li{width: auto;  margin-top: 5px;}

	.company03 .option li{width: 24% !important;}
	.company03 .option li h5{font-size: 12px;}
	.company03 .join-form-box h2{font-size: 15px; line-height: 24px;}
	.mater{padding:60px 0 0 0; }

	/**/
	footer{padding: 20px 0 30px 0;}
	footer h1{font-size: 30px;}
	footer h5{font-size: 12px; line-height: 19px;margin: 0px 0 10px 0;}



}

@media screen and (max-width:373px){	


	.main01 .ul01 li{width:17%;}



	.main02 ul li:last-child{width: 68%;}
	.mainB .swiper .box .txt{padding-top:150px;}
	.pagBox{top: 70%;}

}