@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
.row02{max-width: 1200px; margin: 0 auto;}
/* 서브페이지 공통 CSS */
.sub_wrap {margin:0 auto;}
.row_bottom{margin-bottom: 120px;}

/*전체 상단 공통*/

.godo{text-align: center;}
.godo span{display: block; padding-top: 125px;font-size: 20px;opacity: 0.6; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; padding-bottom: 20px;}
.godo h1{display: block;font-size: 50px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800;}

.godo_name{width: 100%;margin: 0 auto;border-bottom: 1px solid #c4c4c4; background: #f2f2f2;}
.godo_menu{width: 100%; margin: 0 auto; height: 55px;  }
.godo_menu > ul{display: flex; text-align: center; align-items: center;}
.godo_menu > ul > li:nth-child(1){width: 55px; height: 55px; line-height: 55px; background: #0d0f64; text-align: center; border-right: none;}
.godo_menu > ul > li:nth-child(1) a{display: block;}
.godo_menu > ul > li{width: 220px; height: 55px; line-height: 55px; display: block; text-align: left; border-right:1px solid #c4c4c4;cursor: pointer; z-index: 9;}
.godo_list{display: flex; justify-content: space-around;}
.godo_list > p{display: block;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #7e7e7e;}
.godo_list > span{display: inline-block; line-height: 55px; color: #7e7e7e;}

.godo_menu ul li:nth-child(2) div.godo_list > p{width: 85%; text-align: left;}

.godo_menu > ul ul{border: 1px solid #c4c4c4; box-sizing: border-box; display: none; z-index: 15;}
.godo_menu > ul ul li{text-align: left; border-bottom: 1px solid #c4c4c4; z-index: 15;}
.godo_menu > ul ul li:last-child{border: none;}
.godo_menu > ul ul li a{color: #7e7e7e; background: #f2f2f2; display: block; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-indent:30px;height: 50px; line-height: 50px; z-index: 15;}
.godo_menu > ul ul li:hover a{color: #202020; background: #ebebeb;}
.godo_menu > ul ul li.on a{color: #202020;}

/*cate01*/

/*page01*/

.about_main{background:  url(../images/sub/godo_about.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; margin: 0 auto; min-height: 282px; height: auto;}

.cate01_p01{ padding: 0 10px;}
.about_p01{width: 100%; text-align: center;}
.about_p01 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out;}
.about_p01 > h1.on{opacity: 1; transform: translateY(0px);}

.about_p01 > h3{font-family: 'Montserrat', sans-serif; font-weight: 800; color: #202020 ;font-size: 24px; display: block; padding: 42px 0; }

.about_p01 > h3.title_animate01{ opacity: 0; transform: translateY(30px); transition: all 0.9s ease-out; transition-delay: 0.7s;}
.about_p01 > h3.title_animate02{ opacity: 0; transform: translateY(-30px); transition: all 0.8s ease-out;}
.about_p01 > h3.title_animate03{ opacity: 0; transform: translateY(-30px); transition: all 0.8s ease-out;}


.about_p01 > h3.title_animate01.on{transform: translateY(0); opacity: 1;}
.about_p01 > h3.title_animate02.on{transform: translateY(0); opacity: 1;}

.about_p01 > h3.title_animate03.on{transform: translateY(0); opacity: 1;}


.companys{text-align: center; display: flex; justify-content: center; width: 100%; margin: 0 auto; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.4s;}

.companys.on{opacity: 1; transform: translateY(0px);}

.comp_img{width: 100%;margin: 0 auto; display: flex; text-align: center; position: relative;}
/*.comp_img img{max-width:601px; margin: 0 auto; }*/

.compimg01{background: url(../images/sub/godo_company01.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%;min-height: 207px; height: auto; display: block; max-width: 600px;}
.compimg02{background: url(../images/sub/godo_company02.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%;min-height: 207px; height: auto; display: block;max-width: 600px;}

.comp_text{text-align: left; display: block;padding: 55px 0 0 85px;}
.comp_text > p{ font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 26px; color: #fff; padding-bottom: 10px;}
.comp_text span{display: block; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 23px; color: #fff;}

.com_cont > p{display: block;color: #202020; font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.7em; padding-bottom: 50px; text-align: center;  transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out;}
.com_cont span{display: block; vertical-align: baseline;}
.com_cont > p:last-child{padding-bottom: 20px;}

.pc_comcont p:nth-child(1).on{transition-delay: 0.8s; transform: translateY(0px); opacity: 1;}
.pc_comcont p:nth-child(2).on{transform: translateY(0px); opacity: 1;}
.pc_comcont p:nth-child(3).on{transform: translateY(0px); opacity: 1;}


/*201217*/

.animate01{ top: -80px; }
.animate02{ top: 50px; }
.animate03{ top: -200px; }
.animate04{ top: -650px;}
.animate05{ top: -520px;}
.animate06{opacity: 0; display: none;}


.m_comcont{display: none;}

.m_comcont p:nth-child(1).on{transition-delay: 0.9s; transform: translateY(0px); opacity: 1;}
.m_comcont p:nth-child(2).on{transform: translateY(0px); opacity: 1;}
.m_comcont p:nth-child(3).on{transform: translateY(0px); transition-delay: 0.6s; opacity: 1;}


.corpo_cont{width: 100%; margin: 0 auto; padding-top: 30px; transform: translateY(40px); opacity: 0; transition: all 0.8s ease-out;}
.corpo_cont.on{transform: translateY(0px); opacity: 1;}


.corpo_cont ul{display: flex; justify-content: center; align-items: center;  flex-wrap: wrap; box-sizing: border-box;}
.corpo_cont ul li{display: inline-block; width: 390px; height: 235px; border: 3px solid #f0f0f0; box-sizing: border-box; margin: 0 5px 70px; border-radius: 50px; position: relative; transform: translateY(-35px) opacity: 0; transition: all 0.7s ease-out;}

.corpos h5{display: block; color: #202020; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 800; padding-bottom: 15px; line-height: 1.5em;}

.corpo_cont ul li:nth-child(1) .corpos h5,.corpo_cont ul li:nth-child(2) .corpos h5,.corpo_cont ul li:nth-child(3) .corpos h5{padding-top: 60px;}
.corpo_cont ul li:nth-child(4) .corpos h5,.corpo_cont ul li:nth-child(5) .corpos h5{padding-top: 30px;}
.corpo_cont ul li:nth-child(4),.corpo_cont ul li:nth-child(5){margin-bottom: 40px;}





.corpos h5 > span{display: block;}
.corpos > p { font-family: 'Noto Sans KR', sans-serif; font-weight: 500;color: #202020; font-size: 15px; line-height: 1.8em;} 
.corpos > p span{display: block;} 
.corpo_img{position: absolute; top: -25px; left: 0; right: 0; text-align: center; margin: 0 auto;width: 100%;}

.comp_last_cont{width: 100%; transform: translateY(40px); opacity: 0; transition: all 0.9s ease-out;}
.comp_last_cont.on{transform: translateY(0); opacity: 1;}

.comp_last_cont ul{width: 100%;margin: 0 auto; padding-bottom: 115px;}
.comp_last_cont ul li{display: inline-block; text-align: center; margin: 0 15px; position: relative; z-index: 3;cursor: pointer; margin-bottom: 20px;}

.comp_last_cont ul li:nth-child(1){background: url(../images/sub/godo_about_43.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}
.comp_last_cont ul li:nth-child(2){background: url(../images/sub/godo_about_44.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}
.comp_last_cont ul li:nth-child(3){background: url(../images/sub/godo_about_45.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}

.comp_last_cont ul li:hover:nth-child(1){background: url(../images/sub/godo_about_33.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}
.comp_last_cont ul li:hover:nth-child(2){background: url(../images/sub/godo_about_36.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}
.comp_last_cont ul li:hover:nth-child(3){background: url(../images/sub/godo_about_38.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 300px; height: 300px;}

.comp_last_cont ul li p{font-family: 'Noto Sans KR', sans-serif; font-weight: 900; color: #fff; font-size: 23px; line-height: 300px; z-index: 3; position: relative;}
.comp_last_cont ul li p::after{content: ''; background: #fff;width: 93px; height: 2px; line-height: 2px; display: block; position: absolute; top: 56%; z-index: 3; left: 0 ; right: 0; margin: 0 auto; transform: rotateY(-56%);} 

.cont_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0 ; z-index: -1;}

/*page02*/

.about_p02{width: 100%;margin: 0 auto;text-align: center;}
.about_p02 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px; transition: all 0.7s ease-out; opacity: 0; transform: translateY(40px);}

.about_p02 > h1.on{transform: translateY(0); opacity: 1;}

.ceo_title{max-width: 1050px; border: 1px solid #003399;display: block; margin: 0 auto; box-sizing: border-box; margin-bottom: 115px; width: 100%; padding: 60px; clear: both; overflow: hidden;}
.ceo_text{text-align: left; padding: 35px 0px 0px;}
.ceo_text p{display: block; color: #202020; font-size: 19px; line-height: 1.5em; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; padding-bottom: 45px;}
.ceo_text span{display: block; vertical-align: baseline;}
.ceo_text strong{display: inline-block; vertical-align: baseline;}

.ceo_text > p:nth-child(1) strong{ color: #0d0f64; font-weight: 600;}
.ceo_text p:last-child{padding-bottom: 0;}

.m_ceotext{display: none;}




/*page03*/

.cate01_p03{padding: 0 10px;}

.about_p03{width: 100%;margin: 0 auto;text-align: center;}
.about_p03 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px;}

.new_about_title01{transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; }
.new_about_title02{transform: translateY(40px); opacity: 0; transition: all 0.7s ease-out; }

.new_about_title01.on{transform: translateY(0px); opacity: 1; }
.new_about_title02.on{transform: translateY(0px); opacity: 1; }

.perfor_img{width: 100%; margin: 0 auto; text-align: center; overflow-x: auto; transform: translateY(40px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.4s;}
.perfor_img.on{transform: translateY(0px); opacity: 1; }
.perfor_img img{max-width: 1071px; margin: 0 auto; width: 100%;}

.part_wrap{width: 100%; margin: 0 auto; padding-bottom: 135px; transform: translateY(50px); opacity: 0; transition: all 0.8s ease-out;}
.part_wrap.on{transform: translateY(0px); opacity: 1; }

.part{width: 100%;}
.part ul{width: 100%; border: 1px solid #0d0f64; box-sizing: border-box;}
.part ul li{display: inline-block; text-align: center; width: 19%; padding: 20px 0;}
.part ul li img{max-width: 239px;margin: 0 auto;}


/*201215 추가개발*/

.cate01_p02{padding: 0 10px;}

.new_ceoing{margin: 0 auto;}
.new_ceoing > img{width: 100%; margin: 0 auto;max-width: 927px; text-align: center; padding: 0px 0px 0px;}

.ceo_title > p.new_ceos{color: #989797; font-size: 16px; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; display: inline-block; vertical-align: baseline; padding-bottom: 10px; padding-top: 50px; overflow: hidden; height: 64px; line-height: 42px; float: right;}
.ceo_title > p.new_ceos img{display: inline-block; vertical-align: bottom; width: 420px; }

.ceo_cont{transform: translateY(50px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.3s;}
.ceo_cont.on{transform: translateY(0px);  opacity: 1;}


.new_scrolls01{width: 100%; height: 1px; position: relative; display: block; top: -30px;}

/*cate02*/

/*page01*/

.products_main{background:  url(../images/sub/godo_products.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; margin: 0 auto; min-height: 282px; height: auto;}

.products_p01{text-align: center;width: 100%; margin: 0 auto;}
.products_p01 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; }
.products_p01 > h1.on{transform: translateY(0px); opacity: 1;}

.page_tab{width: 100%; margin: 0 auto; padding: 40px 0 50px; text-align: center; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.3s;}
.page_tab.on{transform: translateY(0px); opacity: 1;}

.page_tab li.page_tablist{display: inline-block; width: 295px; /*width: 24.5%;*/ margin: 0 auto;}
.page_tab li.page_tablist a{display: block; color: #fff; text-align: center;width: 100%; height: 50px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 21px; border: 1px solid #eee; box-sizing: border-box; background: #989898; }
.page_tab li.page_tablist a:hover{ background: #1e2874;}
.page_tab li.page_tablist.on a{background: #1e2874;}

.new_op{opacity: 0;}


.cont_tablist{text-align: center;}
.cont_tablist li{display: inline-block; width: 295px;margin: 0 auto; text-align: center; margin-bottom: 10px;  /*width: 24.5%; */}
.cont_tablist li a{display: block; color: #fff; text-align: center;width: 100%; height: 50px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 20px; border: 1px solid #eee; box-sizing: border-box; background: #989898; }
.cont_tablist li a:hover{ background: #1e2874;}
.cont_tablist li.on a{background: #1e2874;}

/*.cont_tablist li.cont_op01 a:hover{background: #989898;}*/
.cont_tablist li.cont_op01{opacity: 0; }
/*.cont_tablist li.cont_op01 a{display: none;}*/




.pro_tablist{padding: 80px 0 80px;}
.pro_tablist ul{display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px;}
.pro_tablist ul li p{color: #366092; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 32px;}
.pro_tablist ul li p > span{display: inline-block; vertical-align: baseline;}
.pro_tablist ul li p > storog{display: inline-block; vertical-align: baseline;}
.pro_tablist ul li a{width: 140px; height: 45px; line-height: 37px; color: #fff; display: block; border: 3px solid #fff; box-sizing: border-box; background: #4f81bd; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; border-radius: 10px; box-shadow: 5px 5px 8px rgba(0,0,0,0.5);}
.pro_tablist > p{color: #2165a7; display: block; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 22px; padding-bottom: 40px;}
.pro_tablist ul li:hover a{border-color: #4f81bd; background: #fff; color: #4f81bd;}

.table_wrapper{border-top: 5px solid #4f81bd; box-sizing: border-box; width: 100%; margin: 0 auto;}

.table_wrap{border: 1px solid #b7b7b7; box-sizing: border-box; width: 100%; margin: 0 auto;}

.table_wrap .table_head tr th{height: 50px; line-height: 50px; text-align: center; background: #f2f2f2; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; box-sizing: border-box; color: #5a5a5a; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; text-align: center;}
.table_wrap .table_head tr th:nth-child(1){ width: 535px; }
.table_wrap .table_head tr th:nth-child(2){width: 175px;}
.table_wrap .table_head tr th:nth-child(3){width: 355px;}
.table_wrap .table_head tr th:nth-child(4){width: 355px;}

.table_wrap .table_body tr td{height: 50px; line-height: 50px; text-align: center; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; box-sizing: border-box; color: #5a5a5a; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 18px;line-height: 1.5em; text-align: left; text-indent: 20px;}
.table_wrap .table_body tr td > span{display: block; vertical-align: baseline; text-align: left;}
.table_wrap .table_body tr td:nth-child(1){ width: 535px; background: #f2f2f2; }
.table_wrap .table_body tr td:nth-child(2){width: 175px;}
.table_wrap .table_body tr td:nth-child(3){width: 325px; }
.table_wrap .table_body tr td:nth-child(4){width: 375px;}

.tab_cont{display: none;}
.tab_cont.on{display: block;}


/*201217*/





/*201217end*/

.table_wrap02{border: 1px solid #b7b7b7; box-sizing: border-box; width: 100%; margin: 0 auto;}
.table_wrap02 .thead02 tr th{height: 50px; line-height: 50px; text-align: center; background: #f2f2f2; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; box-sizing: border-box; color: #5a5a5a; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px;}
.table_wrap .thead02 tr th:nth-child(1){text-align: left; width: 535px; text-indent: 20px;}
.table_wrap02 .thead02 tr th:nth-child(2){width: 175px;}
.table_wrap02 .thead02 tr th:nth-child(3){width: 355px;}

.table_wrap02 .tbody02 tr td{height: 50px; line-height: 50px; text-align: center; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; box-sizing: border-box; color: #5a5a5a; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 18px;}
.table_wrap02 .tbody02 tr td:nth-child(1){ width: 535px; background: #f2f2f2; text-indent: 20px;}
.table_wrap02 .tbody02 tr td:nth-child(2){width: 535px;}
.table_wrap02 .tbody02 tr td:nth-child(3){width: 535px;}
/*page01,02,03 전체 공통*/

.armoas_main > ul{text-align: center;}
.armoas_main > ul > li{display: inline-block;}
/*.armoas_main > ul > li img{padding-right: 5px; vertical-align: inherit;}*/
.armoas_main > ul > li:nth-child(1){color: #202020; font-size: 30px;font-family: 'Montserrat', sans-serif; font-weight: 800; position: relative;/* padding-left: 12px;*/ padding-bottom: 40px;}

/*201217*/

.armoas_main > ul > li:nth-child(1).on{transform: translateY(-30px);}



/*201217end*/

/*.armoas_main > ul > li:nth-child(1)::after{content: ''; background: #191da9;width: 8px; height: 22px; line-height: 22px;display: block; position: absolute;top: 0;left: 0 ;}*/

/*.armoas_main > ul > li:nth-child(2){width: 204px; height: 40px; line-height: 40px;border: 1px solid #c4c4c4; background: #f2f2f2; border-radius: 10px; box-sizing: border-box;}
.armoas_main > ul > li:nth-child(2) a{width: 204px; height: 40px; line-height: 40px; display: block; color: #797979; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}*/

/*.aromatics{ border-bottom: 1px solid #c4c4c4; padding-bottom: 50px; margin-bottom: 60px;}
.aromatics:last-child{border-bottom: none;}
.aromatics > ul {display: flex; justify-content: space-between; padding: 40px 0; align-items: center;}
.aromatics > ul > li{display: inline-block; text-align: left;}
.aromatics > ul > li > span{display: block; vertical-align: baseline;}

.aromatics > ul > li img{padding-right: 5px; vertical-align: baseline;}

.aromatics > ul > li:nth-child(1){text-align: left; width: 312px; font-weight: 500; font-size: 20px;}
.aromatics > ul > li:nth-child(2){text-align: left; width: 594px; line-height: 1.5em; color: #5e5e5e;}
.aromatics > ul > li:nth-child(3){ text-align: right;width: 296px; text-align: -webkit-right;}
.aromatics > ul > li:nth-child(3) a{width: 204px; height: 40px; line-height: 40px; display: block; color: #fff; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; width: 204px; height: 40px;background: #0d0f64; border-radius: 10px; text-align: center; float: right;}*/


p.table02_wrpatext{color: #2165a7; display: block; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 22px; padding-bottom: 40px;}



/*cate04*/


.careers_main{background:  url(../images/sub/godo_hr.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; margin: 0 auto; min-height: 282px; height: auto;}

.cate03_page01{}

.hr_p01{padding: 0 10px 120px; text-align: center;}
.hr_p01 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out;}
.hr_p01 > h1.on{transform: translateY(0); opacity: 1;}

.hr_p01 > p{display: block; font-size: 22px; color: #202020; line-height: 1.5em;}
.hr_p01 > p > span{display: block; vertical-align: baseline; padding-bottom: 50px;}

.hr_p01 > p.pc_hr{transform: translateY(30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.3s;} 
.hr_p01 > p.pc_hr.on{transform: translateY(0px); opacity: 1;}


.hr_p01 > p.m_hr{display: none; padding-bottom: 50px; transform: translateY(30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.3s;}
.hr_p01 > p.m_hr.on{transform: translateY(0px); opacity: 1;}
.hr_p01 > p.m_hr span{padding-bottom: 0;}


.new_hr01{transform: translateY(40px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.7s;}
.new_hr02{transform: translateY(40px); opacity: 0; transition: all 0.8s ease-out; }
.new_hr03{transform: translateY(40px); opacity: 0; transition: all 0.8s ease-out; }
.new_hr04{transform: translateY(40px); opacity: 0; transition: all 0.8s ease-out;}

.new_hr01.on{transform: translateY(0px); opacity: 1;}
.new_hr02.on{transform: translateY(0px); opacity: 1;}
.new_hr03.on{transform: translateY(0px); opacity: 1;}
.new_hr04.on{transform: translateY(0px); opacity: 1;}

.newsroll{width: 100%; height: 1px; position: relative; }
.new_scrolls02{top: 100px;}
.new_scrolls03{top: 300px;}
.new_scrolls04{top: 500px;}



.hr01,.hr02{display: flex; align-items: center}

.hr01_title,.hr02_title,.hr03_title,.hr04_title{position: relative;}

.hr01_title h3,.hr02_title h3,.hr03_title h3,.hr04_title h3{text-align: left; font-size: 20px;   font-family: 'Noto Sans KR', sans-serif; font-weight: 700; padding-bottom: 25px;}

.hr03_title h3 span{display: inline-block; vertical-align: baseline;}

.hr01_title h3{color: #0d0f64;}
.hr02_title h3{color: #252790;}
.hr03_title h3{color: #0e3464;}
.hr04_title h3{color: #32177f;}

.hr01_title h3::after{content: ''; background:  url(../images/sub/godo_hr01_1.png) center center no-repeat; width: 42px; height: 34px; -webkit-background-size: cover; background-size: cover; position: absolute; top: -23px; left: 0;}
.hr02_title h3::after{content: ''; background:  url(../images/sub/godo_hr02_1.png) center center no-repeat; width: 53px; height: 34px; -webkit-background-size: cover; background-size: cover; position: absolute; top: -23px; left: 0;}
.hr03_title h3::after{content: ''; background:  url(../images/sub/godo_hr03_1.png) center center no-repeat; width: 54px; height: 35px; -webkit-background-size: cover; background-size: cover; position: absolute; top: -23px; left: 0;}
.hr04_title h3::after{content: ''; background:  url(../images/sub/godo_hr04_1.png) center center no-repeat; width: 58px; height: 35px; -webkit-background-size: cover; background-size: cover; position: absolute; top: -23px; left: 0;}

.hr01_img,.hr02_img{max-width: 600px;}
.hr01_img img,.hr02_img img{max-width: 600px; margin: 0 auto;}
.hr01_text,.hr02_text{width: 600px; padding: 0 25px}

.hr01_text p,.hr02_text p{display: block; text-align: left; line-height: 1.7em; color: #202020; font-size: 17.5px;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.hr01_text p span,.hr02_text p span{display: block;}


/*page02*/

.business_wrap{padding-bottom: 40px; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.4s;}
.business_wrap.on{transform: translateY(0px); opacity: 1;}

.business_wrap ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.business_wrap ul li{width: 24%; margin-bottom: 20px; margin: 0 auto 20px; }
.business_wrap ul li:nth-child(1) p{background: #0034a6;}
.business_wrap ul li:nth-child(2) p{background: #223c73;}
.business_wrap ul li:nth-child(3) p{background: #3256a6;}
.business_wrap ul li:nth-child(4) p{background: #004df2;}
.business_wrap ul li:nth-child(4) p{line-height: 3.2em;}
.business_wrap ul li p{color: #fff; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.7em; padding-top: 15px; display: block; width: 290px; height: 80px; border-radius: 45px;}
.business_wrap ul li p span{display: block; vertical-align: baseline;}

.business_img{padding-bottom: 70px; border-bottom: 1px solid #c4c4c4; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.7s;}
.business_img.on{transform: translateY(0px); opacity: 1;}


.business_img ul{display: flex; justify-content: space-between; align-items: center; }
.business_img ul li{display:inline-block; padding: 0 5px; }
.business_img ul li img{max-width: 386px; width: 100%; margin: 0 auto;}

.godo_gift h1{font-size: 40px; color: #202020; font-family: 'Noto Sans KR', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px;}

.godo_gift ul{display: flex; justify-content: space-around; align-items: center; position: relative;}
.godo_gift ul li{display: inline-block; text-align: center;width: 24%; height: 220px;}
.godo_gift ul li p{display: block; line-height: 1.5em; padding-top: 20px; padding-bottom: 45px;}
.godo_gift ul li span{display: block;}
.m_car02{display: none; padding: 0 10px;}
.m_car02 img{max-width: 582px; margin: 0 auto; width: 100%;}

.godo_g{width: 127px; height: 127px; line-height: 127px; border-radius: 50%; margin: 0 auto;}

.gift01 li:nth-child(1) .godo_g{background: #a65511;}
.gift01 li:nth-child(2) .godo_g{background: #592b04;}
.gift01 li:nth-child(3) .godo_g{background: #a69711;}
.gift01 li:nth-child(4) .godo_g{background: #0034a6;}
.gift01::after{display: block; content: ''; height: 16px; max-width: 852px; line-height: 16px; margin: 0 auto;background: #ececec; position: absolute; top: 28%; z-index: -1; width: 100%; left: 0; right: 0; }

.gift02 li:nth-child(1) .godo_g{background: #0034a6;}
.gift02 li:nth-child(2) .godo_g{background: #1140a6;}
.gift02 li:nth-child(3) .godo_g{background: #a67400;}
.gift02 li:nth-child(4) .godo_g{background: #4f4f4f;}

.gift02::after{display: block; content: ''; height: 16px; max-width: 852px; line-height: 16px; margin: 0 auto;background: #ececec; position: absolute; top: 28%; z-index: -1; width: 100%; left: 0; right: 0; }

.culture{background:  url(../images/sub/godo_culture.png) center center no-repeat;min-height: 348px; -webkit-background-size: cover;
background-size: cover; width: 100%; margin: 0 auto; height: auto; margin-top: 30px;}

.new_scrolls05{top: -550px;}
.new_scrolls06{top: -400px;}


/*201216*/

.gift01 li:nth-child(1) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 0.7s ease-out;}
.gift01 li:nth-child(1) p{transform: translateY(20px); opacity: 0; transition: all 0.7s ease-out;}
.gift01 li:nth-child(1).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift01 li:nth-child(1).on p{transform: translateY(0px); opacity: 1;}

.gift01 li:nth-child(2) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.2s;}
.gift01 li:nth-child(2) p{transform: translateY(20px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.2s;}
.gift01 li:nth-child(2).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift01 li:nth-child(2).on p{transform: translateY(0px); opacity: 1;}

.gift01 li:nth-child(3) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.4s;}
.gift01 li:nth-child(3) p{transform: translateY(20px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.5s;}
.gift01 li:nth-child(3).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift01 li:nth-child(3).on p{transform: translateY(0px); opacity: 1;}

.gift01 li:nth-child(4) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 1.3s ease-out; transition-delay: 0.6s;}
.gift01 li:nth-child(4) p{transform: translateY(20px); opacity: 0; transition: all 1.2s ease-out; transition-delay: 0.7s;}
.gift01 li:nth-child(4).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift01 li:nth-child(4).on p{transform: translateY(0px); opacity: 1;}

/*////////////////////////////////*/


.gift02 li:nth-child(1) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 0.7s ease-out;}
.gift02 li:nth-child(1) p{transform: translateY(20px); opacity: 0; transition: all 0.7s ease-out;}
.gift02 li:nth-child(1).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift02 li:nth-child(1).on p{transform: translateY(0px); opacity: 1;}

.gift02 li:nth-child(2) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.2s;}
.gift02 li:nth-child(2) p{transform: translateY(20px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.2s;}
.gift02 li:nth-child(2).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift02 li:nth-child(2).on p{transform: translateY(0px); opacity: 1;}

.gift02 li:nth-child(3) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.4s;}
.gift02 li:nth-child(3) p{transform: translateY(20px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.5s;}
.gift02 li:nth-child(3).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift02 li:nth-child(3).on p{transform: translateY(0px); opacity: 1;}

.gift02 li:nth-child(4) .godo_g{transform: translateY(-30px); opacity: 0; transition: all 1.3s ease-out; transition-delay: 0.6s;}
.gift02 li:nth-child(4) p{transform: translateY(20px); opacity: 0; transition: all 1.2s ease-out; transition-delay: 0.7s;}
.gift02 li:nth-child(4).on .godo_g{transform: translateY(0px); opacity: 1;}
.gift02 li:nth-child(4).on p{transform: translateY(0px); opacity: 1;}



/*201216*/




.hr_p02{width: 100%;margin: 0 auto;text-align: center;}
.hr_p02 > h1{font-size: 40px; color: #202020; font-family: 'Noto Sans KR', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px; transform: translateY(30px); opacity: 0; transition: all 0.7s ease-out;}
.hr_p02 > h1.on{transform: translateY(0); opacity: 1;}

.caree01{padding-bottom: 100px; border-bottom: 1px solid #c4c4c4;}
.caree01 ul{display: flex; justify-content: space-around; align-items: center;}
.caree01 ul li{width: 173px; height: 173px; border: 8px solid #e3e3e3; box-sizing: border-box; border-radius: 50%; position: relative;}
.caree01 ul li img{padding-top: 40px;}
.caree01 ul li >  p{font-size: 18px; color: #202020; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-top: 10px;}
.caree01 ul li::after{background: url(../images/sub/godo_process05.png) center center no-repeat; -webkit-background-size: cover;
background-size: cover;width: 17px; height: 21px;line-height: 21px;content: ''; display: block; position: absolute; top: 50%; left: 220px ; transform: translateY(-50%)}
.caree01 ul li:last-child::after{display: none;}

.m_godo_caree01{display: none; transform: translateY(45px); opacity: 0; transition: all 0.7s ease-out; transition-delay: 0.4s;}
.m_godo_caree01.on{transform: translateY(0px); opacity: 1;}
.m_godo_caree01 img{max-width: 580px; width: 100%; margin: 0 auto;}




/*201216*/

.caree01 ul li:nth-child(1){transform: translateX(-30px); opacity: 0; transition: all 0.7s ease-out;}
.caree01 ul li:nth-child(1).on{transform: translateX(0); opacity: 1; }
.caree01 ul li:nth-child(1)::after{transform: translateX(-30px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.1s;}
.caree01 ul li:nth-child(1).on::after{transform: translateX(0px); opacity: 1;}

.caree01 ul li:nth-child(2){transform: translateX(-30px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.2s;}
.caree01 ul li:nth-child(2).on{transform: translateX(0); opacity: 1; }
.caree01 ul li:nth-child(2)::after{transform: translateX(-30px); opacity: 0; transition: all 0.9s ease-out; transition-delay: 0.2s;}
.caree01 ul li:nth-child(2).on::after{transform: translateX(0px); opacity: 1;}

.caree01 ul li:nth-child(3){transform: translateX(-30px); opacity: 0; transition: all 0.9s ease-out; transition-delay: 0.3s;}
.caree01 ul li:nth-child(3).on{transform: translateX(0); opacity: 1; }
.caree01 ul li:nth-child(3)::after{transform: translateX(-30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.3s;}
.caree01 ul li:nth-child(3).on::after{transform: translateX(0px); opacity: 1;}

.caree01 ul li:nth-child(4){transform: translateX(-30px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.4s;}
.caree01 ul li:nth-child(4).on{transform: translateX(0); opacity: 1; }
.caree01 ul li:nth-child(4)::after{transform: translateX(-30px); opacity: 0; transition: all 1.1s ease-out; transition-delay: 0.4s;}
.caree01 ul li:nth-child(4).on::after{transform: translateX(0px); opacity: 1;}




.sub_car01{position: absolute; bottom: -35px;left: 0 ;right: 0;}
.sub_car01 p{font-size: 15px; color: #7f7f7f; display: block; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.sub_car01 p span{display: inline-block; vertical-align: baseline;}

.caree02{padding: 70px 0 115px;}
.caree02 ul{display: flex;justify-content: center; align-items: center; flex-wrap: wrap;}
.caree02 ul li{width: 300px; height: 500px; border: 1px solid #cbcbcb; box-sizing: border-box;}

.caree02 ul li h3{font-size: 28px; font-weight: 700; color: #202020; font-family: 'Noto Sans KR', sans-serif; padding-top: 30px; padding-bottom: 25px;}
.caree02 ul li p{display: block; font-size: 21px; color: #202020; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.3em;}
.caree02 ul li p strong{display: inline-block; vertical-align: baseline; font-size: 21px;}
.caree02 ul li p span{display: block; vertical-align: baseline; font-size: 19px; font-weight: 400;}

.caree02 ul li:nth-child(1) p{padding-top: 70px; position: relative;}
.caree02 ul li:nth-child(1) p::before{content: ''; width: 28px; height: 2px; line-height: 2px; display: block; background: #3256a6; position: absolute; top: 10px; left: 0 ; right: 0;margin: 0 auto;}
.caree02 ul li:nth-child(2) p{padding-top: 25px; position: relative;}
.caree02 ul li:nth-child(2) p::before{content: ''; width: 28px; height: 2px; line-height: 2px; display: block; background: #3256a6; position: absolute; top: 10px; left: 0 ; right: 0;margin: 0 auto;}
.caree02 ul li:nth-child(2) p:last-child::before{display: none;}
.caree02 ul li:nth-child(3) p{padding-top: 50px; position: relative;}
.caree02 ul li:nth-child(3) p::before{content: ''; width: 28px; height: 2px; line-height: 2px; display: block; background: #3256a6; position: absolute; top: 10px; left: 0 ; right: 0;margin: 0 auto;}
.caree02 ul li:nth-child(4) p{position: relative;padding-top: 60px;}
.caree02 ul li:nth-child(4) p::before{content: ''; width: 28px; height: 2px; line-height: 2px; display: block; background: #3256a6; position: absolute; top: 10px; left: 0 ; right: 0;margin: 0 auto;}

.car_sub img{max-width: 300px; margin: 0 auto;width: 100%;}


/*201216*/

.new_scrolls07{top: -320px; }

.caree02 ul li:nth-child(1){transform: translateY(-40px); opacity: 0; transition: all 0.7s ease-out;}
.caree02 ul li:nth-child(1).on{transform: translateY(0px); opacity: 1;}

.caree02 ul li:nth-child(2){transform: translateY(-40px); opacity: 0; transition: all 0.8s ease-out; transition-delay: 0.3s;}
.caree02 ul li:nth-child(2).on{transform: translateY(0px); opacity: 1;}

.caree02 ul li:nth-child(3){transform: translateY(-40px); opacity: 0; transition: all 0.9s ease-out; transition-delay: 0.5s;}
.caree02 ul li:nth-child(3).on{transform: translateY(0px); opacity: 1;}

.caree02 ul li:nth-child(4){transform: translateY(-40px); opacity: 0; transition: all 1s ease-out; transition-delay: 0.6s;}
.caree02 ul li:nth-child(4).on{transform: translateY(0px); opacity: 1;}

/*page05*/

.cate04_page01{background:  url(../images/sub/godo_contact_main.png) center center no-repeat; -webkit-background-size: cover;background-size: cover; min-height: 680px; height: auto;}

.contact_main{background:  url(../images/sub/godo_contactus.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; margin: 0 auto; min-height: 282px; height: auto;}
.contactus_p01{text-align: center; }
.contactus_p01 > h1{font-size: 40px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; padding: 60px 0 50px;}


.name_wrap{max-width: 430px; width: 100%; margin: 0 auto;}
.name{padding-bottom: 10px;}
.name input{width: 430px; height: 40px; line-height: 40px; outline: none;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-indent: 10px; color: #202020; border: 1px solid #ccc;}
.mall{padding-bottom: 10px;}
.mall input{width: 430px; height: 40px; line-height: 40px; outline: none;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-indent: 10px; color: #202020; border: 1px solid #ccc;}
.contus_text{padding-bottom: 10px;}
.contus_text textarea{width: 430px; height: 190px; outline: none;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-indent: 10px; color: #202020; border: 1px solid #ccc;}

.check{display: flex; text-align: right; justify-content: flex-end; padding: 10px 0 20px;}
.check input{background-color: #0d0f64; display: block; width: 15px; height: 15px; border-color: #c4c4c4;}
.check p{color: #202020; font-size: 16px;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}

.contact_btn input{text-align: center; width: 430px; height: 55px; line-height: 55px; display: block; background: #0d0f64; color: #fff; border: 0; outline: none; border-radius: 5px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 18px; cursor: pointer;}
.contact_btn p{padding-top: 20px; padding-bottom: 110px; display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; color: #6e6e6e;}





/*반응*/

@media screen and (max-width:1220px){
    .hr01,.hr02{flex-direction: column; padding: 0 10px;}
    .hr02_text{order: 2}
    .hr01_text, .hr02_text{padding: 50px 0 30px;}
    .caree02 ul li{margin-bottom: 20px;}
    .cate02_page01{padding: 0 10px;}
    
    
    
    /*201207추가개발*/
    .page_tab li.page_tablist{width: 245px; margin-bottom: 10px;}
    .page_tab li.page_tablist a{font-size: 18px;}
    .cont_tablist li{width: 245px;}
    .cont_tablist li a{font-size: 18px;}
    
    
    .table_wrap .table_head tr th{font-size: 17px;}
    .table_wrap .table_body tr td{font-size: 17px;}
    .table_wrap02 .thead02 tr th{font-size: 17px;}
    .table_wrap02 .tbody02 tr td{font-size: 17px;}
 
 /*201215추가*/   
    
    .part ul li img{max-width: 210px;}
    .business_wrap ul li p{width: 250px; font-size: 16px; height: 70px;}
    .business_wrap ul li:nth-child(4) p{line-height: 3.4em;}
    
    .caree02 ul li{width: 250px; height: 450px;}
    .car_sub img{width: 250px;}
    .caree02 ul li h3{font-size: 25px;}
    .caree02 ul li p{font-size: 18px;}
    .caree02 ul li p strong{font-size: 17px;}
    .caree02 ul li p span{font-size: 16px;}
    
    .caree01 ul li{width: 150px; height: 150px;}
    .caree01 ul li img{padding-top: 30px;}
    .caree01 ul li > p{font-size: 16px;}
    .sub_car01{bottom: -50px;}
    .sub_car01 p{font-size: 14px;}
    
    
    /*201216*/
    .new_scrolls02{top: 180px;}
.new_scrolls03{top: 730px;}
.new_scrolls04{top: 1400px;}
    
    
}
@media screen and (max-width:1210px){
    .caree01 ul li::after{left: 205px;}
    
}

@media screen and (max-width:1100px){
    .caree01 ul li::after{left: 185px;}
}


@media screen and (max-width:1070px){
    .com_cont > p{font-size: 17.68px;}
}

@media screen and (max-width:1060px){
    .ceo_text p{font-size: 17.5px;}
    
    /*201215추가*/
    .about_p02 > h1{font-size: 35px;}
    .about_p01 > h1{font-size: 35px;}
    .about_p03 > h1{font-size: 35px;}
    .com_cont > p{font-size: 15.58px;}
    .hr_p01 > h1{font-size: 35px;}
    .hr_p02 > h1{font-size: 35px;}
    .godo_gift h1{font-size: 35px;}
    
     /*201215추가*/   
    
    .part ul li img{max-width: 190px;}
       .business_wrap ul li p{width: 220px; height: 70px; font-size: 15px; padding-top: 20px;}
    .business_wrap ul li:nth-child(4) p{line-height: 3.4em}
}


@media screen and (max-width:1024px){
    
     /*201207추가개발*/
    .products_p01 > h1{font-size: 35px;}
    .pro_tablist ul li a{width: 140px; height: 40px; line-height: 32px;}
    .gift01::after{display: none;}
    .gift02::after{display: none;}

    
    /*201215*/
      .caree02 ul li{width: 220px; height: 395px;}
    .car_sub img{width: 220px;}
    .caree02 ul li h3{font-size: 22px;}
    .caree02 ul li p{font-size: 16px;}
    .caree02 ul li p strong{font-size: 15px;}
    .caree02 ul li p span{font-size: 14px;}
    .caree02 ul li h3{padding-bottom: 15px;}
    
    .culture {
        background: url(../images/sub/godo_culture.png) 30% 50% no-repeat; min-height: 300px;}
    
    
        /*201216*/
    
    .new_scrolls02{top: 180px;}
    .new_scrolls03{top: 730px;}
    .new_scrolls04{top: 1100px;}
    
    
    .new_scrolls01{top: -180px;}
    
    .new_scrolls05{top: -825px;}
    .new_scrolls06{top: -780px;}
    .new_scrolls07{top: -700px;}
    
    
    /*201217*/
    
    .animate04{top: -880px;}
    .animate05{top: -780px;}
    
}

@media screen and (max-width:990px){
    
      /*201215추가*/   
    
    .part ul li img{max-width: 160px;}
    
}

@media screen and (max-width:975px){
    /*201207추가개발*/
    .page_tab li.page_tablist a{font-size: 17px;}
    .cont_tablist li a{font-size: 17px;}
    .pro_tablist > p{font-size: 18px;}
    
    .table_wrap .table_head tr th{font-size: 15px; height: 45px; ;line-height: 45px;}
    .table_wrap .table_body tr td{font-size: 15px; height: 45px; ;line-height: 45px;}
    .table_wrap02 .thead02 tr th{font-size: 15px; height: 45px; ;line-height: 45px;}
    .table_wrap02 .tbody02 tr td{font-size: 15px; height: 45px; ;line-height: 45px;}
    
    /*201215 추가개발*/
    
    .ceo_text p{font-size: 15px;}
    .about_p02 > h1{font-size: 30px;}
    .about_p01 > h1{font-size: 30px;}
    .about_p03 > h1{font-size: 30px;}
    .hr_p01 > h1{font-size: 30px;}
    .hr_p02 > h1{font-size: 30px;}
    .godo_gift h1{font-size: 30px;}
    
    .caree01 ul li::after{left: 165px;}
}


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

/*    .godo_gift ul{display: none;}
    .m_car02{display: block;}*/
    
    .business_wrap ul li{width: 49%;}
    .business_wrap ul li p{width: 280px; height: 70px; font-size: 16px; padding-top: 20px; margin: 0 auto;}
    .business_wrap ul li:nth-child(4) p{line-height: 3.4em}
    
}

@media screen and (max-width:900px){
    .m_godo_caree01{display: block;}
    .caree01 ul{display: none;}
    .aromatics > ul{display: block;}
    .aromatics > ul > li:nth-child(1){width: 100%; font-size: 20px; padding-bottom: 25px;}
    .aromatics > ul > li:nth-child(2){width: 100%; color: #5e5e5e; padding-bottom: 25px; line-height: 1.5em;}
    .aromatics > ul > li:nth-child(3){width: 100%;}
    .aromatics > ul > li:nth-child(3) a{float: left;}
    .aromatics > ul > li{display: block;}
    
}

@media screen and (max-width:870px){
     .companys{display: block;}
    .products_p01 > h1{font-size: 30px;}
    .armoas_main > ul > li:nth-child(1){font-size: 25px;}
    .pro_tablist ul li p{font-size: 25px;}
    
      /*201215 추가개발*/
    .ceo_title {padding: 40px;} 
    .ceo_text p{font-size: 17px;}
    .m_ceotext{display: block;}   
    .m_ceotext p span{display: block;}
     .pc_ceotext{display: none;}   
    
    .pc_comcont{display: none;}
    .m_comcont{display: block;}
    
}

@media screen and (max-width:840px){
    
          /*201215추가*/   
    
    .part ul li img{max-width: 135px;}
    
    .godo_g{width: 115px; height: 115px; line-height: 115px;}
    .godo_gift ul li p{font-size: 14px;}
    
    
    .ceo_title > p.new_ceos img{width: 330px; line-height: 32px;}
    
}

@media screen and (max-width:800px){
  /*  .business_img ul{display: block; margin: 0 auto;}
    .business_img ul li{display: block; margin: 0 auto 20px;}*/
}

@media screen and (max-width:769px){
    .new_scrolls05{top: -700px;}
    .new_scrolls06{top: -500px;}
    
    .animate01{ top: 320px; }
    .animate02{ top: 470px; }
    .animate04{ top: -550px; }
    .animate05{ top: -380px; }
    
}
@media screen and (max-width:762px){
    .new_op{opacity: 1;display: none!important;}
    .pro_tablist ul li a{width: 110px; height: 35px; line-height: 29px; font-size: 13px;}
    
    .table_wrap .table_head tr th{font-size: 13px;}
    .table_wrap .table_body tr td{font-size: 13px;}
    .table_wrap02 .thead02 tr th{font-size: 13px;}
   .table_wrap02 .tbody02 tr td{font-size: 13px;}
    
       /*201215 추가개발*/
    .ceo_text p{font-size: 15px;}
    .m_ceotext{display: block;}   
    .m_ceotext p span{display: block;}
     .pc_ceotext{display: none;}
    
    .ceo_title > p.new_ceos{font-size: 11px; line-height: 1.5em;}
    .ceo_title > p.new_ceos img{width: 230px;}
    
    
    .new_scrolls07{top: -350px;}
    
    
}

@media screen and (max-width:720px){
    .cont_tablist li.cont_none01{display: none!important;}
    
              /*201215추가*/   
    
    .part ul li img{max-width: 155px;}
    .part ul li{width: 32%;}
    
    
}

@media screen and (max-width:670px){
 
    .caree02 ul{justify-content: space-around;}
    
}


@media screen and (max-width:650px){
    .hr01_text, .hr02_text{width: 100%;}
    .hr01_img, .hr02_img{max-width: none;}
    .hr01_text p, .hr02_text p{font-size: 15px;}
    .hr03_title h3{line-height: 1.5em;}
    .hr03_title h3 span{display: block;}
    .hr_p01 > p.pc_hr{display: none;}
    .hr_p01 > p.m_hr{display: block;}
    .armoas_main > ul > li:nth-child(2){width: 150px; height: 35px; line-height: 35px;}
    .armoas_main > ul > li:nth-child(2) a{width: 150px; height: 35px; line-height: 35px; font-size: 12px;}
    .armoas_main > ul > li:nth-child(1){font-size: 23px;}
    .aromatics > ul > li:nth-child(3) a{width: 150px; height: 35px; line-height: 35px; font-size: 12px;}
    
    /*201207추가개발*/
     .products_p01 > h1{font-size: 28px;}
    .pro_tablist ul li p{font-size: 23px;}
    .pro_tablist ul li p > span{font-size: 15px;}
    
    
    /*201215*/
    .business_wrap ul li p{width: 240px; font-size: 14px; height: 60px; padding-top: 10px;}
    
    .godo_g{width: 100px; height: 100px; line-height: 100px;}
    
    .gift01 li:nth-child(1) .godo_g img{width: 43px;}
    .gift01 li:nth-child(2) .godo_g img{width: 45px;}
    .gift01 li:nth-child(3) .godo_g img{width: 55px;}
    .gift01 li:nth-child(4) .godo_g img{width: 42px;}

    .gift02 li:nth-child(1) .godo_g img{width: 42px;}
    .gift02 li:nth-child(2) .godo_g img{width: 35px;}
    .gift02 li:nth-child(3) .godo_g img{width: 47px;}
    .gift02 li:nth-child(4) .godo_g img{width: 48px;}
    .godo_gift ul li p{font-size: 12px;}
    
    
}


@media screen and (max-width:600px){
    .about_p02 > h1{font-size: 25px;}
    .about_p01 > h1{font-size: 25px;}
    .about_p03 > h1{font-size: 25px;}
    .godo h1{font-size: 35px;}
    .godo span{font-size: 15px;}
    .godo_list p{font-size: 11.5px;}
    .godo_menu ul li{width: 120px;}
    .godo_menu ul li:last-child{width: 210px;}
    .hr01_img img, .hr02_img img{width: 100%;}
    .godo_menu > ul ul li a{font-size: 11px;}
    .godo_menu > ul .sub_titlemenu li{max-width: 210px; width: 100%;}
    .godo_menu > ul .main_titlemenu li{max-width: 121px; width: 100%;}
    
    /*201207추가개발*/
    .table_wrap .table_head tr th{font-size: 11px;}
    .table_wrap .table_body tr td{font-size: 11px; text-indent: 10px;}
    .table_wrap02 .thead02 tr th{font-size: 11px;}
    .table_wrap02 .tbody02 tr td{font-size: 11px;}
    
    /*201215추가*/
    
    .ceo_text p{font-size: 15px;}
   
}

@media screen and (max-width:568px){
     /*201207추가개발*/
    .page_tab li.page_tablist{width: 200px; margin-bottom: 10px;}
    .page_tab li.page_tablist a{font-size: 16px;}
    .cont_tablist li{width: 200px;}
    .cont_tablist li a{font-size: 16px;}
    
    /*201215추가*/
    .comp_last_cont ul li:nth-child(1){width: 250px; height: 250px;}
    .comp_last_cont ul li:nth-child(2){width: 250px; height: 250px;}
    .comp_last_cont ul li:nth-child(3){width: 250px; height: 250px;}
     .comp_last_cont ul li:nth-child(1):hover{width: 250px; height: 250px;}
    .comp_last_cont ul li:nth-child(2):hover{width: 250px; height: 250px;}
    .comp_last_cont ul li:nth-child(3):hover{width: 250px; height: 250px;}
    .comp_last_cont ul li p{font-size: 17px; line-height: 250px;}
}

@media screen and (max-width:550px){
    .comp_text{padding: 55px 0 0 50px;}
    
    /*201215 추가개발*/
    
    .ceo_title > p.new_ceos img{display: block; padding-top: 5px; width: 190px;}
    .ceo_title{padding: 20px;}
    .ceo_text p{font-size: 13px;}
}

@media screen and (max-width:536px){
    
    /*201215*/
    
  /*  .business_wrap ul li{width: 100%;}*/
    .business_img ul{display: block;}
    .business_img ul li{display: block; margin-bottom: 20px;}
    .business_img ul li img{max-width: 250px;}
    
    .godo_gift ul{flex-wrap: wrap;}
    .godo_gift ul li{width: 49%;}
    .godo_g {width: 120px; height: 120px; line-height: 120px;}
    .godo_gift ul li p{font-size: 13px;}
    .gift01{border-bottom: 1px solid #d7d7d7; box-sizing: border-box; margin-bottom: 35px;}
    
    .caree02 ul li{width: 180px; height: 335px;}
    .car_sub img{width: 180px;}
    .caree02 ul li h3{font-size: 17px;}
    .caree02 ul li p{font-size: 14px;}
    .caree02 ul li p strong{font-size: 13px;}
    .caree02 ul li p span{font-size: 12px;}
    
    /*201216*/
    
     .new_scrolls05{top: -400px;}
    .new_scrolls06{top: -100px;}
    
}


@media screen and (max-width:500px){
    .comp_text{padding: 55px 0 0 37px;}
    .comp_last_cont ul li{margin: 0 0 20px;}
    .com_cont > p{font-size: 14px;}
    .hr_p01 > p{font-size: 18px;}
    .name input{width: 300px;}
    .mall input{width: 300px;}
    .contus_text textarea{width: 300px;}
    .contact_btn input{width: 300px; margin: 0 auto;}
    .check p{padding-right: 10px;}
    
    /*201207추가개발*/
    .table_scroll{display: block;white-space: nowrap; overflow-x: scroll;}
    .table_wrapper{width: 496px;}
    .table_wrap{width: 496px;}
    .table_wrap02 .tbody02 tr td:nth-child(1){text-indent: 0;}
    
    
                  /*201215추가*/   
    
    .part ul li img{max-width: 120px;}
    .part ul li{width: 32%;}
     /*201215*/
    .business_wrap ul li p{width: 200px; font-size: 12px; height: 50px; padding-top: 13px;}
    
}

@media screen and (max-width:450px){
    .corpos h5{font-size: 12px;}
    .corpos > p{font-size: 10.5px;}
    .corpo_cont ul li{height: 180px;}
    .corpo_cont ul li:nth-child(1) .corpos h5, .corpo_cont ul li:nth-child(2) .corpos h5, .corpo_cont ul li:nth-child(3) .corpos h5{padding-top: 45px;}
    .about_p01 > h3{font-size: 17px;}
    .comp_text > p{font-size: 16px;}
    .comp_text  span{font-size: 13px;}
    .comp_text{padding: 55px 0 0 30px;}
    .com_cont > p{font-size: 11px;}
    .about_p03 > h1{font-size: 30px;}
    .hr01_text p, .hr02_text p{font-size: 10px;}
    .products_p01 > h1{font-size: 30px;}
    .hr_p01 > p{font-size: 14px;}
    .contactus_p01 > h1{font-size: 30px;}
    .aromatics > ul > li:nth-child(1){font-size: 17px;}
    .aromatics > ul > li:nth-child(2){font-size: 12px;}
    .armoas_main > ul > li:nth-child(1){text-align: left;}
    
     /*201207추가개발*/
    
     .page_tab li.page_tablist{width: 147px; margin-bottom: 10px;}
    .page_tab li.page_tablist a{font-size: 14px;}
    .cont_tablist li{width: 147px;}
    .cont_tablist li a{font-size: 14px;}
    
    .pro_tablist ul li p > span{display: block;}
    .pro_tablist ul li p > strong{display: block;}
    .pro_tablist ul li p{text-align: left;}
    
    
@media screen and (max-width:430px){

    .ceo_title{padding: 10px;}
    .ceo_text p{font-size: 10px;}
    .ceo_title > p.new_ceos{font-size: 10px;}
    .ceo_title > p.new_ceos img{width: 150px;}
    
                     /*201215추가*/   
    
       .part ul li{width: 49%;}
     .part ul li img{max-width: 110px;}
    
        .caree02 ul li{width: 145px; height: 290px;}
    .car_sub img{width: 145px;}
    .caree02 ul li h3{font-size: 15px;}
    .caree02 ul li p{font-size: 12px;}
    .caree02 ul li p strong{font-size: 11px;}
    .caree02 ul li p span{font-size: 10px;}
    
     .new_scrolls01{top: -120px;}
    
    .business_wrap ul li p{width: 180px; font-size: 11px; height: 50px; padding-top: 15px;}
    
    
}
    
@media screen and (max-width:390px){
    
    .business_wrap ul li p{width: 145px; font-size: 10px; height: 50px; padding-top: 15px;}
    
}