/*메인*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap');

.jtext a:after, .brochure_wrap a, .banner_wrap a:after, .map_add a, .map_way a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.brochure_wrap ul li span, .brochure_wrap ul li div{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ************************************ 서브 ************************************ */
.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.first_top{padding-top: 50px;}

/* parallax */
.parallax_wrap{padding: 100px 0; margin: 70px 0 0; overflow: hidden;}
.parallax_wrap .layText{margin: 0;}
.parallax_wrap h3, .parallax_wrap p{color: rgba(255, 255, 255, 0.9) !important;}
.parallax_wrap.noContent{height: 100px; margin: 0; box-sizing: content-box;}



/* 인사말 */
.ceo_wrap{position: relative; width: 100%;}
.ceo_wrap .parallax_cover{position: relative;}
.ceo_wrap .parallax_cover:after{content: ''; position: absolute; width: 2px; height: 80px; top: -50px; left: 50%; margin-left: -1px; background: #6DB429; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.ceo_wrap .text_layout p{color: #000;}
.ceo_wrap .ceo_inner{width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 50px;}
.ceo_wrap .ceo_inner .typo_layout{margin: 0 0 50px;}
.ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 30px 0 0;}
.ceo_wrap .parallax_wrap.parallax_ceo{position: relative; margin-top: 0; padding: 130px 0;}
.ceo_wrap .parallax_ceo ul{width: 100%; max-width: 1200px; margin: 0 auto;}
.ceo_wrap .parallax_ceo .signature{height: 45px;}
.ceo_wrap .parallax_ceo .layText.hafe_type > li{width: 59%;}
.ceo_wrap .parallax_ceo .layText.hafe_type > li:first-child{width: 41%;}
.ceo_wrap .parallax_ceo .layText h3{font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.ceo_wrap .parallax_ceo p{margin-bottom: 50px;}
.ceo_wrap .parallax_ceo p.signature{text-align: right; margin-bottom: 0;}

/* 비전 */
.vision_wrap{}
.parallax_cover{position: relative;}
.parallax_cover:after{content: ''; position: absolute; width: 2px; height: 80px; top: -50px; left: 50%; margin-left: -1px; background: #6DB429; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.parallax_vision > div{width: 100%; max-width: 1200px; margin: 0 auto; text-align: center;}
.parallax_vision p.b_text{text-align: center; font-size: 40px; font-weight: 700;}
.parallax_vision p.m_text{text-align: center; font-size: 30px; font-weight: 700;}
.icon_cover{margin-top: 70px; display: inline-block;}
.icon_cover:after{content: ''; display: block; clear: both;}
.icon_cover li{position: relative; float: left; margin-left: 100px;}
.icon_cover li:first-child{margin-left: 0;}
.icon_cover li span, .icon_cover li b{display: block;}
.icon_cover li b{width: 200px; height: 200px;}
.icon_cover li span{position: relative; display: inline-block; width: 200px; height: 200px; border: 2px dotted #ccc; border-radius: 170px; text-align: center;}
.icon_cover li b{display: inline-block; width: 170px; height: 170px; border-radius: 170px; margin-top: 14px; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: center;  background-size: 70px !important;}
.icon_cover.icon_cover_vision li:nth-child(1) b{background-image: url("../imgs/sub/s01/icon_01_01.png");}
.icon_cover.icon_cover_vision li:nth-child(2) b{background-image: url("../imgs/sub/s01/icon_01_02.png");}
.icon_cover.icon_cover_vision li:nth-child(3) b{background-image: url("../imgs/sub/s01/icon_01_03.png");}
.icon_cover.icon_cover_introduce li:nth-child(1) b{background-image: url("../imgs/sub/s02/icon_01_01.png");}
.icon_cover.icon_cover_introduce li:nth-child(2) b{background-image: url("../imgs/sub/s02/icon_01_02.png");}
.icon_cover.icon_cover_introduce li:nth-child(3) b{background-image: url("../imgs/sub/s02/icon_01_03.png");}
.icon_cover li span:after{content: ''; width: 8px; height: 8px; background: #fff; position: absolute; left: -5px; top: 50%; margin-top: -4px; border-radius: 10px;}
.icon_cover li span:before{content: ''; width: 100px; height: 1px; border-top: 2px dotted #ccc; position: absolute; left: -100px; top: 50%;}
.icon_cover li:nth-child(1) span:after{content: ''; left: inherit; right: -5px;}
.icon_cover li:nth-child(1) span:before{content: ''; left: inherit; right: -100px;}
.icon_cover li p{text-align: center; font-size: 17px; margin-top: 30px;}
.icon_cover li:nth-child(2) span:before{content: ''; width: 8px; height: 8px; background: #fff; position: absolute; left: inherit; right: -5px; top: 50%; margin-top: -4px; border-radius: 10px;}

.goal_wrap{margin-bottom: 150px;}
.goal_wrap .goal_bg{width: 100%; max-width: 1200px; margin: 0 auto; background: url("../imgs/sub/s01/vision_bg.png") no-repeat center 30px; background-size: 80%;}
.goal_wrap .goal_bg.vision{background-image: url("../imgs/sub/s01/vision_bg2.png")}
.goal_wrap .goal_bg h3{text-align: center;}
.goal_wrap .goal_bg h3 img{width: 290px;}
.goal_wrap .goal_bg .goal_text{text-align: center; font-size: 25px; line-height: 35px; font-weight: 700; margin-top: 50px; margin-bottom: 50px; color: #355D0E;}
.goal_wrap .goal_bg h4{text-align: center; font-size: 19px; font-weight: 700; margin-top: 20px; margin-bottom: 20px;}
.goal_list span{font-size: 15px;}
.goal_wrap .goal_bg ul{margin-top: 120px;}
.goal_wrap .goal_bg ul:after{content:""; display:block; clear:both;}
.goal_wrap .goal_bg li{float: left; width: 26%; margin-right: 5.5%; text-align: center;}
.goal_wrap .goal_bg li:first-child{margin-left: 5.5%;}
.goal_wrap .goal_bg li .circle_01{display: inline-block; width: 170px; height: 170px; border: 2px dotted #ccc; border-radius: 100px; text-align: center;}
.goal_wrap .goal_bg li .circle_02{display: inline-block; width: 150px; height: 150px; border: 4px solid #355D0E; border-radius: 100px; margin-top: 9px; vertical-align: middle; background-size: 70px !important;}
.goal_wrap .goal_bg li.goal_1 .circle_02{background: url("../imgs/sub/s01/icon_02_01.png") no-repeat center #FBFBFB;}
.goal_wrap .goal_bg li.goal_2 .circle_02{background: url("../imgs/sub/s01/icon_02_02.png") no-repeat center #FBFBFB;}
.goal_wrap .goal_bg li.goal_3 .circle_02{background: url("../imgs/sub/s01/icon_02_03.png") no-repeat center #FBFBFB;}
.goal_wrap .goal_bg li h5{margin-top: 20px; margin-bottom: 30px; font-size: 21px; line-height: 35px; padding-bottom: 20px; font-weight: 700;}
.goal_wrap .goal_bg li .goal_bottom{position: relative; border: 4px solid #355D0E; padding: 25px 10px; box-sizing: border-box; margin-top: 100px; background: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}
.goal_wrap .goal_bg li .goal_bottom:after{content: ''; position: absolute; top: -80px; left: 50%; width: 1px; height: 50px; background: #ccc;}
.goal_wrap .goal_bg li .goal_bottom span{display: block; font-size: 15px; line-height: 20px;}
.goal_wrap .goal_bg li .goal_bottom b{display: block; font-size: 19px; line-height: 30px; margin-top: 5px;}


/* 조직도 */
.org_wrap{position: relative; width: 100%; background: url("../imgs/line.jpg") repeat-y center; margin-top: 70px; margin-bottom: 100px;}
.org_wrap > ul:after{content:""; display:block; clear:both;}
.org_wrap > ul{position: relative; text-align: center; margin-top: 70px;}
.org_wrap > ul li{position: relative; float: left; width: 19.2%; margin-left: 1%;}
.org_wrap > ul li:first-child{margin-left: 0;}
.org_wrap > ul.org_depth1 li{float: inherit;  display: inline-block;}
.org_wrap > ul.org_depth1 li span{width: 200px; height: 200px; border-radius: 200px; display: inline-block; padding-top: 70px; background: #0E6386 no-repeat center; background-size: cover; font-weight: 700;}

.org_wrap > ul.org_depth2{background: url("../imgs/line.jpg") repeat-x center 40px;}
.org_wrap > ul.org_depth2 li{width: 30%;}
.org_wrap > ul.org_depth2 li:nth-child(2){float: right;}
.org_wrap > ul li span{display: block; width: 100%; line-height: 30px; color: #fff; font-size: 22px; font-weight: 350;}
.org_wrap > ul.org_depth2 li span{background: #266CB9; color: #fff; line-height: 30px; padding: 20px 0;}
.org_wrap > ul.org_depth2 li span:nth-child(2){background: #767676;}
.org_wrap > ul.org_depth2 li strong{display: block; background: #eee; padding: 20px 0; font-size: 15px;}
.org_wrap{background: url("../imgs/line.jpg") repeat-y center;}

.org_wrap > .org_depth_div > ul:after{content:""; display:block; clear:both;}
.org_wrap > .org_depth_div > ul{position: relative; text-align: center; margin-top: 70px;}
.org_wrap > .org_depth_div > ul li{position: relative; float: left;}
.org_wrap > .org_depth_div > ul li:first-child{margin-left: 0;}
.org_wrap > .org_depth_div > ul.org_depth2-1{background: url("../imgs/line.jpg") repeat-x center 35px; margin-top: 0;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li{width: 30%;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li:nth-child(2){float: right;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li span{display: block; width: 100%; line-height: 30px; color: #fff; font-size: 22px; font-weight: 350;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li span{background: #189EE6; color: #fff; line-height: 30px; padding: 20px 0;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li span:nth-child(2){background: #767676;}
.org_wrap > .org_depth_div > ul.org_depth2-1 li strong{display: block; background: #eee; padding: 20px 0; font-size: 15px;}
.org_wrap.promotion_group > .org_depth_div {background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 70px; margin-top: 0;}

.org_wrap > ul.org_depth3 li span{background: #19A3A9; font-size: 19px; line-height: 30px; padding: 20px 0;}
.org_wrap > ul.org_depth3{margin-top: 60px; padding-top: 60px;}
.org_wrap > ul.org_depth3:before{content: ''; position: absolute; top: 0; left: 50%; margin-left: -40.4%; width: 80.8%; height: 1px; background: #ccc;}
.org_wrap > ul.org_depth3 li:after{content: ''; position: absolute; top: -60px; left: 50%; width: 1px; height: 60px; background: #ccc;}

.org_wrap.promotion_group{text-align: center; background: none;}
.org_wrap.promotion_group > ul.org_depth1{background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 70px; margin-top: 0;}
.org_wrap.promotion_group > ul.org_depth2{background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 70px; margin-top: 0;}
.org_wrap.promotion_group > ul.org_depth2{width: 30%; display: inline-block;}
.org_wrap.promotion_group > ul.org_depth2 li{width: 100%; float: inherit; margin-left: 0;}
.org_wrap.promotion_group > ul.org_depth2 li:first-child{margin-bottom: 50px;}
.org_wrap.promotion_group > ul.org_depth3{margin-top: 0;}

.org_wrap.action_group{background: none;}
.org_wrap.action_group > ul.org_depth1{background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 70px; margin-top: 0;}
.org_wrap.action_group > ul.org_depth1 li span{width: 200px; height: 200px; border-radius: 200px; display: inline-block; padding-top: 70px; background: #355D0E no-repeat center; background-size: cover; font-weight: 700;}
.org_wrap.action_group > ul.org_depth3{margin-top: 0;}
.org_wrap.action_group > ul.org_depth3:before{content: ''; width: 70%; margin-left: -35%;}
.org_wrap.action_group > ul.org_depth3 li{width: 30%;}
.org_wrap.action_group > ul.org_depth3 li:nth-child(2){float: right; margin-left: 0;}
.org_wrap.action_group > ul.org_depth3 li span{border: 1px solid #ccc; background: #fff; color: #333;}


/* 오시는 길 */
.map_wrap{position: relative; max-width: 1200px; width: 100% !important;}
.map_wrap .map_add{position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.8); height: 150px; padding: 60px; line-height: 30px; box-sizing: border-box;}
.map_wrap .map_add span{display: inline-block; color: #fff; font-weight: 300; font-size: 17px; font-family: 'NotoSans', "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
.map_wrap .map_add b{display: inline-block; color: #b29d77; font-weight: 400; font-size: 19px; font-family: 'NotoSans', "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
.map_wrap .map_add span.old_add{margin-left: 30px;}
.map_wrap .map_add a{display: block; width: 150px; height: 150px; background: url("../imgs/pin.png") no-repeat center #93805d; background-size: 60px; position: absolute; right: 0; top: 0; z-index: 2;}
.map_wrap .map_add a:hover{background-color: #6c5c3e;}
.map_wrap .wrap_controllers{display: none !important;}
.map_way{position: relative; border-bottom: 1px solid #ccc; padding: 50px 220px 50px 0;}
.map_way h5{margin: 0;}
.map_way p{margin-left: 14px; margin-top: 5px;}
.map_way a{display: inline-block; background: #219a2d; width: 200px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; color: #fff; font-size: 15px; position: absolute; right: 0; top: 50%; margin-top: -25px;}
.map_way a:hover{background: #15661d;}
.map_help{margin: 20px 0; color: #666;}


/* 사업소개 */
.purpose_wrap .talent_bg{background: url("../imgs/sub/s02/purpose_bg.png") repeat-y center; background-size: contain; text-align: center;}
.purpose_wrap .talent_bg.nobg{background: none;}

.color_area{position: relative; padding: 70px 0;}
.color_area:after{content: ''; position: absolute; width: 2px; height: 80px; top: -40px; left: 50%; margin-left: -1px; background: #6DB429; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.color_area.gray_area{background: #F1F1F1;}
.color_area p{text-align: center; font-size: 17px; margin-top: 20px;}
.color_area .img_layout{margin: 0;}

.condition_area{position: relative; z-index: 2;}
.color_area.condition_wrap:after{content: '';  display: none;}
.condition_wrap{margin-top: -118px; padding-top: 200px;}
.condition_wrap li{background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.condition_wrap li div{padding: 20px;}
.condition_wrap li div p.bullet_title{text-align: left; font-size: 14px; margin: 0 0 5px; background-position: 0 9px; color: #666;}
.condition_wrap li:nth-child(n+4){margin-top: 40px;}
.condition_wrap li:nth-child(4){margin-left: 17% !important;}

.title_top{margin-top: 80px;}

.mbs_wrap{text-align: center;}

/* 주요사업 */
.parallax_bussiness .scTitle{margin-bottom: 60px;}
.direction_wrap{}
.direction_wrap ul:after{content:""; display:block; clear:both;}
.direction_wrap ul{position: relative; width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; min-height: 260px; background: url("../imgs/sub/s02/bussiness_line.png") no-repeat center;}
.direction_wrap ul li{position: absolute;}
.direction_wrap ul li:first-child{float: none; position: relative;}
.direction_wrap ul li:nth-child(1){width: 260px; height: 260px; border: 2px dashed #ccc; border-radius: 300px; left: 50%; margin-left: -130px;}
.direction_wrap ul li:nth-child(1) h4{position: relative; width: 230px; height: 230px; background: url("../imgs/sub/s02/bussiness_circle.png") no-repeat center; background-size: contain; margin: 15px auto;}
.direction_wrap ul li div{position: relative;}
.direction_wrap ul li div:after{content: ''; width: 14px; height: 14px; background: #6DB429; position: absolute; left: -7px; top: 50%; margin-top: -10px; border-radius: 20px;}
.direction_wrap ul li div:before{content: ''; width: 14px; height: 14px; background: #6DB429; position: absolute; right: -7px; top: 50%; margin-top: -10px; border-radius: 20px;}
.direction_wrap ul li h4 strong{display: block; text-align: center; color: #fff; font-size: 27px; line-height: 35px; padding-top: 80px;}
.direction_wrap ul li div.only_one h4 strong{padding-top: 98px;}
.direction_wrap ul li span{display: block; font-size: 15px; color: #fff; font-weight: 300;}
.direction_wrap ul li b{display: block; font-size: 17px; color: #fff; font-weight: 400;}
.direction_wrap ul li:nth-child(2){text-align: right; right: 50%; margin-right: 160px; bottom: 50%; margin-bottom: 20px;}
.direction_wrap ul li:nth-child(3){text-align: left; left: 50%; margin-left: 160px; bottom: 50%; margin-bottom: 20px;}
.direction_wrap ul li:nth-child(4){text-align: right; right: 50%; margin-right: 160px; top: 50%; margin-top: 20px;}
.direction_wrap ul li:nth-child(5){text-align: left; left: 50%; margin-left: 160px; top: 50%; margin-top: 20px;}

.direction_wrap ul.no_line{background: none;}
.direction_wrap ul.no_line li div:before{content: ''; display: none;}
.direction_wrap ul.no_line li div:after{content: ''; display: none;}
.direction_wrap ul.no_line li:nth-child(2){margin-bottom: 10px;}
.direction_wrap ul.no_line li:nth-child(3){margin-bottom: 10px;}
.direction_wrap ul.no_line li:nth-child(4){position: relative; text-align: center; right: inherit; margin-right: 0; top: inherit; margin-top: 25px;}
.direction_wrap ul.no_line.num2 li:nth-child(2){margin-bottom: -24px;}
.direction_wrap ul.no_line.num2 li:nth-child(3){margin-bottom: -24px;}


/* 주요사업 조직도 */
.group_wrap{position: relative; width: 100%; max-width: 1200px; padding-bottom: 70px; margin: 0 auto;}
.group_wrap > ul:after{content:""; display:block; clear:both;}
.group_wrap > ul{position: relative; text-align: center; margin-top: 70px;}
.group_wrap > ul li{position: relative; float: left;}
.group_wrap > ul li:first-child{margin-left: 0;}
.group_wrap > ul li span{position: relative; display: block; width: 100%; line-height: 30px; color: #fff; font-size: 22px; font-weight: 300;}
.group_wrap > ul.group_depth1 li{width: 32%; margin-left: 2%; display: block;}
.group_wrap > ul.group_depth1 li:first-child{position: relative; margin-left: 0; text-align: right;}
.group_wrap > ul.group_depth1 li span{width: 100%; padding: 20px 5px; display: inline-block; background: url("../imgs/box_rectangle.jpg") no-repeat center; background-size: cover; font-weight: 700;}
.group_wrap > ul.group_depth1 li:first-child span{background: #F1F1F1; border: 1px solid #ccc; color: #666; font-size: 17px; width: 70%; text-align: center;}
.group_wrap > ul.group_depth1 li:nth-child(2) span:after{content: ''; position: absolute; bottom: -102px; left: 50%; width: 1px; height: 102px; background: #ccc;}

.group_wrap > ul.group_depth1_5 li{width: 32%; display: inline-block; margin-left: inherit; float: none;}
.group_wrap > ul.group_depth1_5 li span{display: inline-block; width: 100%; padding: 20px 10px; background: #F1F1F1; border: 1px solid #A4A4A4; box-sizing: border-box; font-size: 17px; color: #5A5A5A; line-height: 20px;}
.group_wrap > ul.group_depth1_5 li span:after{content: ''; position: absolute; bottom: -102px; left: 50%; width: 1px; height: 102px; background: #ccc;}

.group_wrap > ul.group_depth2.num2 li{width: 48%; margin-left: 4%;}
.group_wrap > ul.group_depth2.num4 li{width: 23.5%; margin-left: 2%;}
.group_wrap > ul.group_depth2.num6 li{width: 15%; margin-left: 2%;}
.group_wrap > ul.group_depth2 li:first-child{margin-left: 0 !important;}
.group_wrap > ul.group_depth2 li span{display: inline-block; width: 100%; padding: 20px 5px; background: #F6FEF5; border: 1px solid #47850B; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px;}
.group_wrap > ul.group_depth2 li span b{display: block; font-size: 19px; color: #355D0E; margin-bottom: 40px;}
.group_wrap > ul.group_depth2{margin-top: 100px; padding-top: 60px;}
.group_wrap > ul.group_depth2:before{content: ''; position: absolute; top: 0; left: 50%; height: 1px; background: #ccc;}
.group_wrap > ul.group_depth2.num2:before{content: ''; margin-left: -26%; width: 52%;}
.group_wrap > ul.group_depth2.num4:before{content: ''; margin-left: -38.25%; width: 76.5%;}
.group_wrap > ul.group_depth2.num6:before{content: ''; margin-left: -42.5%; width: 85%;}
.group_wrap > ul.group_depth2 li:after{content: ''; position: absolute; top: -60px; left: 50%; width: 1px; height: 60px; background: #ccc;}

.group_wrap > ul.group_depth3{width: 100%; text-align: center; margin-top: 60px; padding-top: 60px;}
.group_wrap > ul.group_depth3:before{content: ''; position: absolute; top: 0; left: 50%; height: 1px; background: #ccc;}
.group_wrap > ul.group_depth3.num2:before{content: ''; margin-left: -26%; width: 52%;}
.group_wrap > ul.group_depth3.num4:before{content: ''; margin-left: -38.25%; width: 76.5%;}
.group_wrap > ul.group_depth3.num6:before{content: ''; margin-left: -42.5%; width: 85%;}
.group_wrap > ul.group_depth3 li:after{content: ''; position: absolute; top: -60px; left: 50%; width: 1px; height: 60px; background: #ccc;}
.group_wrap > ul.group_depth3 li{width: 32%; display: inline-block; margin-left: inherit; float: none;}
.group_wrap > ul.group_depth3 li span{display: inline-block; width: 100%; padding: 20px 10px; background: #F6FEF5; border: 1px solid #A4A4A4; box-sizing: border-box; font-size: 17px; color: #47850B; line-height: 20px;}

.group_wrap > ul.group_depth4.num6 li{width: 15%; margin-left: 2%;}
.group_wrap > ul.group_depth4 li:first-child{margin-left: 0 !important;}
.group_wrap > ul.group_depth4 li:nth-child(1){margin-left: 17% !important;}
.group_wrap > ul.group_depth4 li:nth-child(3){width: 32%;}
.group_wrap > ul.group_depth4 li span{display: inline-block; width: 100%; padding: 20px 10px; background: #F1F1F1; border: 1px solid #A4A4A4; box-sizing: border-box; font-size: 15px; color: #666; line-height: 20px;}
.group_wrap > ul.group_depth4 li span b{display: block; font-size: 19px; color: #355D0E; margin-bottom: 40px;}
.group_wrap > ul.group_depth4{margin-top: 60px;}

.group_wrap.type2 > ul.group_depth1 li:nth-child(1) span{line-height: 20px;}
.group_wrap.type2 > ul.group_depth1 li:nth-child(2) span{line-height: 40px;}
.group_wrap.type2 > ul.group_depth2 li span{color: #355D0E; font-weight: 400;}
.group_wrap.type2 > ul.group_depth2 li:before{content: ''; position: absolute; bottom: -60px; left: 50%; width: 1px; height: 60px; background: #ccc;}

.group_wrap.type3 > ul.group_depth1 li:nth-child(1) span{line-height: 20px; padding: 30px 0;}
.group_wrap.type3 > ul.group_depth1 li:nth-child(2) span{line-height: 30px;}
.group_wrap.type3 > ul.group_depth1 li:nth-child(2) span:after{content: ''; bottom: -72px; height: 72px;}
.group_wrap.type3 > ul.group_depth2 li span{color: #355D0E; font-weight: 400;}
.group_wrap.type3 > ul.group_depth2 li:before{content: ''; position: absolute; bottom: -120px; left: 50%; width: 1px; height: 120px; background: #ccc;}
.group_wrap.type3 > ul.group_depth2 li:nth-child(1):before{content: ''; display: none;}
.group_wrap.type3 > ul.group_depth4{width: 100%; text-align: center; margin-top: 60px; padding-top: 60px;}
.group_wrap.type3 > ul.group_depth4:before{content: ''; position: absolute; top: 0; left: 75.5%; height: 1px; background: #ccc; width: 17%;}
.group_wrap.type3 strong{display: none;}

.group_wrap.type4 > ul.group_depth1 li:first-child{float: none; display: inline-block;}
.group_wrap.type4 > ul.group_depth1 li:first-child span{color: #fff; font-size: 19px; font-weight: 300;}
.group_wrap.type4 > ul.group_depth1 li span{width: 100%; padding: 20px 5px; display: inline-block; background: url("../imgs/box_rectangle.jpg") no-repeat center; background-size: cover; font-weight: 700;}
.group_wrap.type4 > ul.group_depth1 li:nth-child(1) span:after{content: ''; position: absolute; bottom: -102px; left: 50%; width: 1px; height: 102px; background: #ccc;}
.group_wrap.type4 > ul.group_depth2 li:before{content: ''; position: absolute; bottom: -60px; left: 50%; width: 1px; height: 60px; background: #ccc;}
.group_wrap.type4 > ul.group_depth2 li span{color: #355D0E; font-weight: 400;}


.img_pm_wrap{position: relative; width: 100%; max-width: 1200px; padding-top: 50px; padding-bottom: 70px; margin: 0 auto; text-align: center;}
.img_pm_wrap img{width: 100%;}


.group_step_wrap{}
.group_step_wrap ul:after{content:""; display:block; clear:both;}
.group_step_wrap ul li{float: left;}
.group_step_wrap ul li{width: 23.5%; margin-left: 2%;}
.group_step_wrap ul li:first-child{margin-left: 0;}
.group_step_wrap ul li{border: 1px solid #ccc; padding: 30px 20px;}
.group_step_wrap ul li h5{margin-bottom: 10px;}
.group_step_wrap ul li b{position: relative; display: block; font-weight: 400; margin-top: 10px; padding-top: 5px;}
.group_step_wrap ul li b:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #355D0E;}
.group_step_wrap ul li .bullet_title{background-position: 0 10px; padding-left: 10px;}


/* 연혁 */
.history_wrap{position: relative; max-width: 1200px; margin: 50px auto 0; background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 100px;}
.history_wrap:after{content: ''; position: absolute; width: 16px; height: 16px; background: #ccc; border-radius: 20px; bottom: 0; left: 50%; margin-left: -8px;}
.history_wrap h4{width: 450px; height: 378px; background: url("../imgs/sub/s01/history_01.png") no-repeat center #fff; background-size: cover; padding: 130px 0 0 70px; font-size: 46px; line-height: 60px; color: #fff; box-sizing: border-box; margin: 0 auto;}
.history_wrap h4 b{display: block; text-align: center;}
.history_wrap h4 span{}
.history_wrap ul:after{content:""; display:block; clear:both;}
.history_wrap > div{position: relative; margin: 0 auto; }
.history_wrap > div:after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 40px; top: 8px; left: 50%; margin-left: -8px; z-index: 3; background: #fff; border: 3px solid #0f50a4; box-sizing: border-box;}
.history_wrap > div.first_history:after{content: ''; top: 0;}
/*.history_wrap > div:before{content: ''; position: absolute; width: 32px; height: 32px; background: #fff; border: 1px solid #eee; border-radius: 40px; top: 0; left: 50%; margin-left: -16px; box-sizing: border-box; z-index: 2}*/
.history_wrap > div > ul{margin-top: 70px;}
.history_wrap > div.first_history > ul{margin-top: 100px;}
.history_wrap > div.first_history > ul > li{margin-top: -8px;}
.history_wrap > div > ul > li{float: left; width: 50%; box-sizing: border-box; min-height: 1px;}
.history_wrap > div > ul > li:nth-child(1){text-align: right; padding-right: 50px;}
.history_wrap > div > ul > li:nth-child(2){text-align: left; padding-left: 50px;}
.history_wrap > div.history_r > ul > li:nth-child(2){padding-left: 35px;}
.history_wrap > div.history_l > ul > li:nth-child(1){padding-right: 35px;}
.history_wrap .history_r li li{float: left;}
.history_wrap .history_l li li{float: right;}
.history_wrap li li:nth-child(1){position: absolute; font-size: 32px; font-weight: 700; line-height: 30px; letter-spacing: -2px; padding: 0 2px; right: -100px;}
/*.history_wrap li li:nth-child(1):after{content: ''; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 4px; background: #f7941c;}*/
.history_wrap .history_r li li:nth-child(1){margin-right: 15px; left: -100px; right: initial;}
.history_wrap .history_l li li:nth-child(1){margin-left: 15px;}
.history_wrap p{font-size: 17px; line-height: 30px; margin-bottom: 5px;}
.history_wrap p.in_child{margin-bottom: 0;}
.history_wrap p.h_2depth{font-size: 15px; color: #999; line-height: 25px; margin-bottom: 0;}
.history_wrap p.h_2depth.h_2depth_last{margin-bottom: 10px;}
.history_wrap p span{display: inline-block; width: 40px;}
.history_wrap .history_l p span{float: right; margin-left: 12px;}
.history_wrap .history_r p span{margin-right: 12px;}
.history_wrap .history_l p.h_2depth{margin-right: 52px;}
.history_wrap .history_r p.h_2depth{margin-left: 52px;}
.history_wrap .history_l p.noMonth{margin-right: 52px;}
.history_wrap .history_r p.noMonth{margin-left: 52px;}

.history_parallax{position: relative; width: 100%; height: 400px; margin-top: 60px; overflow: hidden;}
.history_parallax span{position: absolute; display: inline-block; left: 50%; top: 50%; margin-left: -179px; margin-top: -84px;}

/* 수상실적 */
.award_wrap{width: 100%; margin-top: 80px;}
.award_wrap ul{display: table; border-top: 1px solid #ccc; width: 100%; padding: 35px; box-sizing: border-box;}
.award_wrap ul:first-child{border-top: 3px solid #333;}
.award_wrap ul:last-child{border-bottom: 3px solid #333;}
.award_wrap ul li{display: table-cell; width: 80%; vertical-align: top;}
.award_wrap ul li:first-child{width: 20%; font-size: 45px; font-weight: 500; line-height: 60px; color: #12507b;}
.award_wrap ul li p{margin-bottom: 10px;}



/* 윤리경영 */
.ethical_wrap{}
.ethical_wrap .img_layout {margin: 0;}
.ethical_wrap h4{position: relative; display: block; font-size: 22px; font-weight: 500; color: #000; margin-bottom: 10px; padding-top: 10px;}
.ethical_wrap h4:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #129de2;}
.ethical_wrap .img_layout.colm2 li{position: relative; display: table; margin-top: 100px;}
.ethical_wrap li p{margin-top: 10px; color: #000; padding: 0 5px; font-size: 17px;}

/* 경영이념 */
.coreValue_wrap:after{content: ''; display: block; clear: both;}
.coreValue_wrap li{float: left; width: 25%; text-align: center;}
.coreValue_wrap li span{display: inline-block; width: 150px; height: 150px; background: no-repeat center; background-size: 80px; border: 1px solid #707070; border-radius: 100px;}
.coreValue_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s01/management_01.png");}
.coreValue_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s01/management_02.png");}
.coreValue_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s01/management_03.png");}
.coreValue_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s01/management_04.png");}
.coreValue_wrap li p{font-size: 20px; font-weight: 500; margin-top: 30px;}

.img_layout.overseas_img img{max-width: 400px;}
    

.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic {max-width:1240px; margin:100px auto 0; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}

/* 생산설비 */
.production_wrap h4{position: relative; display: block; font-size: 22px; font-weight: 500; color: #000; margin-bottom: 10px; padding-top: 10px;}
.production_wrap h4:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #129de2;}
.production_wrap p{font-size: 15px; color: #666; margin-top: 10px; line-height: 25px; min-height: 75px;}
.production_wrap li{margin-bottom: 30px;}

/* 신뢰성센터 */
.frame_wrap{position: relative;}
.frame_wrap:after{content: ''; position: absolute; width: 2px; height: 100px; top: -50px; left: 50%; margin-left: -1px; background: #10b8ff;}
.frame_wrap img{width: 100%;}
.frame_wrap p{position: absolute; color: #fff; width: 100%; text-align: center; top: 40%; font-size: 2.5vh; font-weight: 500;}

/* 글로벌연구개발센터 */
.grc_wrap{position: relative; width: 100%; max-width: 1200px; margin: 150px auto 0;}
.grc_wrap > img{width: 100%;}
.grc_wrap ul{position: absolute; width: 100%; top: -50px; z-index: 2;}
.grc_wrap ul:after{content: ''; display: block; clear: both;}
.grc_wrap ul li{position: relative; float: left; width: 23.5%; margin-left: 2%; background-color: rgba(0, 0, 0, 0.8);}
.grc_wrap ul li:nth-child(4n+1){margin-left: 0;}
.grc_wrap ul li img{width: 100%;}
.grc_wrap ul li p{position: absolute; width: 100%; text-align: center; bottom: 25px; color: #fff; font-size: 17px;}

/* 브로셔 */
.brochure_wrap{text-align: center; margin-bottom: 50px;}
.brochure_wrap ul:after{content: ''; display: block; clear: both;}
.brochure_wrap ul{display: inline-block;}
.brochure_wrap ul li{width: 400px; float: left; margin-left: 120px;}
.brochure_wrap ul li:first-child{margin-left: 0;}
.brochure_wrap ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.brochure_wrap ul li p{font-size: 21px; margin-bottom: 20px;}
.brochure_wrap ul li div:hover{/*transform: translateY(-5px) translateX(1px); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); background-color: #fff;*/}
.brochure_wrap ul li div{position: relative; overflow: hidden;}
.brochure_wrap ul li span{position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 102, 204, 0.9); opacity: 0;}
.brochure_wrap ul li span a{position: absolute; top: 50%; left: 50%; margin-left: -125px; margin-top: -35px; display: block; width: 250px; height: 70px; line-height: 68px; text-align: left; border: 1px solid rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7); box-sizing: border-box; padding: 0 20px;}
.brochure_wrap ul li span a:after{content: ''; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url("../imgs/down_w.png") no-repeat center; background-size: 22px;}
.brochure_wrap ul li div:hover span{top: 0; opacity: 1;}
.brochure_wrap ul li div:hover span a{background: #000; color: #fff; border-color: #000;}


/* 인재상 */
.talent_wrap{padding-top: 30px;}
.talent_wrap .talent_bg{width: 100%; text-align: center; margin-top: 60px;}
.talent_wrap .talent_text:after{content: ''; display: block; clear: both;}
.talent_wrap .talent_text{width: 100%; margin-top: 100px;}
.talent_wrap .talent_text li{float: left; width: 33.33%; text-align: center;}
.talent_wrap .talent_text li h4{font-size: 30px; color: #23313b; line-height: 40px;}
.talent_wrap .talent_text li span{display: block; font-size: 20px; color: #ccc; line-height: 30px;}
.talent_wrap .talent_text li p{font-size: 17px; line-height: 30px; margin-top: 20px;}

/* 평가/승진 */
.rank_wrap{margin-top: 40px;}
.rank_wrap ul:after{content: ''; display: block; clear: both;}
.rank_wrap li{float: left; width: 25%; text-align: center; padding-top: 120px; background-repeat: no-repeat; background-position: center 30px; background-size: 72px 68px;}
.rank_wrap li:nth-child(1){background-image: url("../imgs/sub/s04/evaluation_01.png");}
.rank_wrap li:nth-child(2){background-image: url("../imgs/sub/s04/evaluation_02.png");}
.rank_wrap li:nth-child(3){background-image: url("../imgs/sub/s04/evaluation_03.png");}
.rank_wrap li:nth-child(4){background-image: url("../imgs/sub/s04/evaluation_04.png");}
.rank_wrap p{font-size: 23px; line-height: 30px;}
.rank_wrap span{display: block; font-size: 15px; color: #666; line-height: 25px;}


/* 복리후생 */
.benefits_wrap ul:after{content: ''; display: block; clear: both;}
.benefits_wrap li{position: relative; float: left; width: 24.25%; height: 350px; margin-left: 1%; margin-top: 15px; padding: 30px; box-sizing: border-box; border: 1px solid #707070;}
.benefits_wrap li:nth-child(4n+1){margin-left: 0;}
.benefits_wrap li h4{font-size: 27px; font-weight: 700; margin-bottom: 20px;}
.benefits_wrap li p{font-size: 15px; line-height: 25px; background: url(../imgs/bullet_04.png) no-repeat 5px 12px; background-size: 3px; padding-left: 15px; margin-bottom: 10px;}
.benefits_wrap li p.assistant{background: none;}
.benefits_wrap li p.noMargin{margin-bottom: 3px;}
.benefits_wrap li:after{content: ''; position: absolute; right: 20px; bottom: 20px; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: 80px;}
.benefits_wrap li.bf01:after{content: ''; background-image: url("../imgs/sub/s04/benefits_01.png");}
.benefits_wrap li.bf02:after{content: ''; background-image: url("../imgs/sub/s04/benefits_02.png");}
.benefits_wrap li.bf03:after{content: ''; background-image: url("../imgs/sub/s04/benefits_03.png");}
.benefits_wrap li.bf04:after{content: ''; background-image: url("../imgs/sub/s04/benefits_04.png");}
.benefits_wrap li.bf05:after{content: ''; background-image: url("../imgs/sub/s04/benefits_05.png");}
.benefits_wrap li.bf06:after{content: ''; background-image: url("../imgs/sub/s04/benefits_06.png");}
.benefits_wrap li.bf07:after{content: ''; background-image: url("../imgs/sub/s04/benefits_07.png");}
.benefits_wrap li.bf08:after{content: ''; background-image: url("../imgs/sub/s04/benefits_08.png");}
.benefits_wrap li.bf09:after{content: ''; background-image: url("../imgs/sub/s04/benefits_09.png");}
.benefits_wrap li.bf10:after{content: ''; background-image: url("../imgs/sub/s04/benefits_10.png");}
.benefits_wrap li.bf11:after{content: ''; background-image: url("../imgs/sub/s04/benefits_11.png");}
.benefits_wrap li.bf12:after{content: ''; background-image: url("../imgs/sub/s04/benefits_12.png");}
.benefits_wrap li.bf13:after{content: ''; background-image: url("../imgs/sub/s04/benefits_13.png");}
.benefits_wrap li.bf14:after{content: ''; background-image: url("../imgs/sub/s04/benefits_14.png");}
.benefits_wrap li.bf15:after{content: ''; background-image: url("../imgs/sub/s04/benefits_15.png");}
.benefits_wrap li.bf16:after{content: ''; background-image: url("../imgs/sub/s04/benefits_16.png");}

/* 채용절차 */
.recruit_wrap{margin-top: 60px;}
.recruit_wrap:after{content: ''; display: block; clear: both;}
.recruit_wrap li{float: none; width: 100%; padding-left: 180px; box-sizing: border-box;}
.recruit_wrap li:first-child{width: 100px; padding-left: 0; float: left;}
.recruit_wrap li span{font-size: 15px; color: #aaa;}
.recruit_wrap li h4{font-size: 23px; margin-bottom: 10px;}
.recruit_wrap li p{font-size: 17px; padding-left: 3px;}
.recruit_wrap li b{display: block; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: 80px;}
.recruit_wrap li.ret_01 b{background-image: url("../imgs/sub/s04/recruitment_03.png");}
.recruit_wrap li.ret_02 b{background-image: url("../imgs/sub/s04/recruitment_04.png");}
.recruit_wrap li.ret_03 b{background-image: url("../imgs/sub/s04/recruitment_05.png");}
.recruit_wrap li.ret_04 b{background-image: url("../imgs/sub/s04/recruitment_06.png");}


/*오시는 길*/
.map_wrap{width: 100%; height: 500px;}
.map_area{position: relative;}
.map_area .txt{position: absolute; bottom: -90px; left: 50%; transform: translateX(-50%); width: 1000px; z-index: 100;}
.map_area .txt .txt_wrap {background-color: #0198f0; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); padding: 45px 0;}
.map_area .txt .logo{position: absolute; top: 34px; left: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); text-align: center; width: 300px; line-height: 90px; height: 90px; margin-left: 30px;}
.map_area .txt .contact{display: block; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: -1px; line-height: 1.6; padding: 0 0 0 405px;}
.map_area .txt .tx .tel{font-weight: 300;}
.map_area .txt .bt{position: absolute; top: 50%; right: 40px; margin-top: -35px; display: block; border-radius: 65px; border: 3px solid #fff; color: #fff; font-size: 20px; text-align: center; min-width: 220px; line-height: 60px; height: 65px;}


@media (max-width: 1300px){
    /* 인사말 */
    .ceo_wrap .ceo_inner{width: 96%;}
}
@media (max-width: 1200px){
    
    .ceo_wrap .parallax_ceo ul{width: 96%;}
    
    /*오시는 길*/
	.map_area .txt {width: 100%;}
    .map_area .txt .logo{width:250px;}
    
	/* 조직도 */
	.org_wrap > ul li span{font-size: 20px;}
	.org_wrap > ul.org_depth1 li span{font-size: 24px;}
    
    /* 주요사업 조직도 */
    .group_wrap{width: 96%; margin: 0 auto;}
    
    .img_pm_wrap{width: 96%; margin: 0 auto;}

    
    
    /* 사업소개 */
    .color_area.gray_area.condition_wrap{background: #fff;}
}

@media (max-width: 1023px){
    /* 인사말 */
    .ceo_wrap .ceo_inner .typo_layout{margin: 0 0 30px;}
    .ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 30px 0 0;}
    .ceo_wrap .ceo_bg .ceo_bg_inner b{font-size: 45px;}
    
	/* 조직도 */
	.org_wrap > ul.org_depth1 li{width: 40%;}
	.org_wrap > ul.org_depth2 li{width: 40%;}
	.org_wrap.promotion_group > ul.org_depth2{width: 40%;}
	.org_wrap > .org_depth_div > ul.org_depth2-1 li{width: 40%;}
    .org_wrap > ul.org_depth3 li span{font-size: 15px;}
	.org_wrap.action_group > ul.org_depth3 li{width: 40%;}
	.org_wrap.action_group > ul.org_depth3:before{content: ''; width: 60%; margin-left: -30%;}

    
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 500px !important;}
	.map_wrap .map_add{height: 100px; padding: 35px;}
	.map_wrap .map_add span.old_add{display: none;}
	.map_wrap .map_add a{width: 100px; height: 100px; background-size: 50px;}
    
    /* 사업소개 */
    .color_area p{font-size: 15px; margin-top: 20px;}
    
    /* 브로셔 */
    .brochure_wrap ul li{width: 48%; margin-left: 4%;}
    .brochure_wrap ul li:first-child{margin-left: 0;}
    .brochure_wrap ul li div{overflow: inherit;}
    .brochure_wrap ul li span{position: relative; top: inherit; margin-top: 20px;}
    .brochure_wrap ul li span a{position: relative; width: 100%; left: inherit; margin-left: 0; margin-top: 0; background: #666; color: #fff; border-color: #000; border: 1px solid #666;}
    .brochure_wrap ul li span{top: 0; opacity: 1; background-color: transparent;}
    
    /* 신뢰성센터 */
    .frame_wrap p{font-size: 2.3vh;}
    
    /* 글로벌연구개발센터 */
    .grc_wrap ul li p{font-size: 1.5vw;}
    
    /* 경영이념 */
    .coreValue_wrap li{width: 50%; margin-top: 20px;}
    .coreValue_wrap li:nth-child(3){margin-top: 30px;}
    .coreValue_wrap li:nth-child(4){margin-top: 30px;}
    .coreValue_wrap li span{width: 120px; height: 120px; background-size: 60px;}
    .coreValue_wrap li p{margin-top: 5px; font-size: 17px;}
    
    /* 인재상 */
    .talent_wrap{padding-top: 1px;}
    .talent_wrap .talent_text{margin-top: 50px;}
    .talent_wrap .talent_text li{width: 50%; margin-top: 50px;}
    
    /* 복리후생 */
    .benefits_wrap li{width: 49%; height: 350px; margin-left: 2%; margin-top: 15px; padding: 30px;}
    .benefits_wrap li:nth-child(2n+1){margin-left: 0;}
    
    /*오시는 길*/
    .map_wrap{height: 300px;}
	.map_area .txt {position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: 30px; width: auto;}
	.map_area .txt .contact {font-size: 15px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px; margin: 0; padding: 30px 0;}
	.map_area .txt .bt {position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 36px; height: 40px;}
	.map_area .txt .logo {position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; height: auto;}
    .map_area .txt .logo img { eight: 50px}
    
    .contact_traffic {margin:40px auto 0; padding: 0;}
    #map{height: 300px;}
}

@media (max-width: 900px){
    /* 비전 */
    .parallax_vision p.b_text{font-size: 30px;}
    .parallax_vision p.m_text{font-size: 25px;}
    .icon_cover{margin-top: 50px;}
    .icon_cover li span{width: 180px; height: 180px; border: 2px dotted #ccc;}
    .icon_cover li b{width: 150px; height: 150px; margin-top: 14px; background-size: 50px !important;}
}


@media screen and (max-width: 767px) {
    .first_top{padding-top: 30px;}
    
    .parallax_wrap{box-sizing: border-box; padding-left: 2%; padding-right: 2%;}
    
    /* 인사말 */
    .ceo_wrap .ceo_inner .typo_layout{margin: 0 0 10px;}
    .ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 20px 0 0;}
    .ceo_wrap .ceo_bg{padding: 80px 0; word-break: keep-all;}
    .ceo_wrap .ceo_bg:after{content: ''; height: 60px; top: -30px;}
    .ceo_wrap .parallax_wrap.parallax_ceo{padding: 90px 0;}
    .ceo_wrap .parallax_ceo .layText.hafe_type > li{width: 100% !important;}
    
    /* 비전 */
    .parallax_vision p.b_text{font-size: 20px; line-height: 30px;}
    .parallax_vision p.m_text{font-size: 20px;}

    .icon_cover li{float: inherit; width: 100%; margin-left: 0; margin-top: 38px;}
    .icon_cover li:first-child{margin-top: 0;}
    .icon_cover li p{margin-top: 0; padding-top: 20px;}
    
    .icon_cover li span:before{content: ''; display: none;}
    .icon_cover li span:after{content: ''; display: none;}
    
    .goal_wrap{margin-bottom: 100px;}
    .goal_wrap .goal_bg{background-position: center 150px; width: 96%; margin: 0 auto; background-size: contain;}
    .goal_wrap .goal_bg h3 img{width: 250px;}
    .goal_wrap .goal_bg .goal_text{font-size: 17px; line-height: 30px; margin-top: 30px; margin-bottom: 30px;}
    .goal_wrap .goal_bg h4{font-size: 22px; line-height: 30px; margin-top: 25px; margin-bottom: 15px;}
    .goal_wrap .goal_bg ul{margin-top: 70px;}
    .goal_wrap .goal_bg li{float: inherit; width: 100%; margin-right: 0; margin-top: 70px;}
    .goal_wrap .goal_bg li:first-child{margin-left: 0; margin-top: 0;}
    .goal_wrap .goal_bg li .circle_01{display: inline-block; width: 180px; height: 180px;}
    .goal_wrap .goal_bg li .circle_02{display: inline-block; width: 150px; height: 150px; margin-top: 14px; background-size: 70px !important;}
    .goal_wrap .goal_bg li h5{margin-top: 15px; margin-bottom: 25px; font-size: 17px; line-height: 25px; padding-bottom: 15px;}
    .goal_wrap .goal_bg li .goal_bottom{padding: 20px 0; box-sizing: border-box; margin-top: 60px;}
    .goal_wrap .goal_bg li .goal_bottom:after{content: ''; position: absolute; top: -47px; height: 30px;}
    .goal_wrap .goal_bg li .goal_bottom span{font-size: 15px; line-height: 25px;}
    .goal_wrap .goal_bg .last_br{display: none;}
    
	/* 조직도 */
	.org_wrap > ul{margin-top: 40px; padding-top: 0 !important;}
	.org_wrap > ul.org_depth1 li{width: 50%;}
	.org_wrap > ul.org_depth2 li{width: 100%; margin-top: 10px;}
	.org_wrap > ul.org_depth2 li:first-child{margin-top: 0;}
	.org_wrap > ul.org_depth3 li{width: 100%; margin-left: 0 !important; margin-top: 10px !important;}
	.org_wrap > ul.org_depth3 li:first-child{margin-top: 0 !important;}
	.org_wrap > ul.org_depth1 li span{font-size: 20px;}
	.org_wrap > ul.org_depth2 li span{font-size: 17px; line-height: 20px;}
	.org_wrap > ul.org_depth3 li span{font-size: 15px; line-height: 20px;}
	.org_wrap > ul.org_depth2{background: none;}
	
	.org_wrap > .org_depth_div > ul.org_depth2-1 li span{font-size: 17px; line-height: 20px;}
	.org_wrap > .org_depth_div > ul.org_depth2-1 li{width: 100%;}
	.org_wrap > .org_depth_div > ul.org_depth2-1 li:first-child{margin-bottom: 50px;}
	
	.org_wrap > ul.org_depth3:before{content: ''; display: none;}
	.org_wrap > ul.org_depth3 li:after{content: ''; display: none;}
    
    .org_wrap.promotion_group{background: url("../imgs/line.jpg") repeat-y center;}
    .org_wrap.promotion_group > ul.org_depth1{background: none; padding-bottom: 50px;}
    .org_wrap.promotion_group > ul.org_depth2{width: 100%; background: none; padding-bottom: 50px;}
    .org_wrap.promotion_group > ul.org_depth2 li{margin-bottom: 0 !important;}
    
	.org_wrap.action_group{margin-bottom: 30px;}
    .org_wrap.action_group{background: url("../imgs/line.jpg") repeat-y center;}
    .org_wrap.action_group > ul.org_depth1{background: none;}
    .org_wrap.action_group > ul.org_depth3 li.new_group{width: 100%;}
	.org_wrap.action_group > ul.org_depth3 li{width: 100%;}
	.org_wrap.action_group > ul.org_depth3 li:nth-child(2){margin-top: 30px !important;}
    
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 400px !important;}
	.map_wrap .map_add{height: 80px; padding: 25px;}
	.map_wrap .map_add span{font-size: 14px;}
	.map_wrap .map_add b{font-size: 15px;}
	.map_wrap .map_add span.old_add{display: none;}
	.map_wrap .map_add a{width: 80px; height: 80px; background-size: 40px;}
	.map_way{padding: 30px 0;}
	.map_way a{position: relative; right: inherit; top: inherit; margin-top: 10px; margin-left: 14px; width: 150px; height: 40px; line-height: 40px;}
    
     /* 사업소개 */
    .color_area p{font-size: 15px; margin-top: 10px; margin-bottom: 20px;}
    
    .condition_wrap li:nth-child(4){margin-left: 0% !important;}
    
    .title_top{margin-top: 40px;}
    
    /* 주요사업 조직도 */
    .group_wrap{padding-bottom: 50px;}
    .group_wrap > ul li span{font-size: 17px;}
    .group_wrap > ul.group_depth1 li:first-child span{font-size: 15px; width: 100%;}
    .group_wrap > ul.group_depth1 li:nth-child(2) span:after{content: ''; display: none;}
    .group_wrap > ul.group_depth1_5 li{width: 100%;}
    .group_wrap > ul.group_depth1_5 li br{display: none;}
    .group_wrap > ul.group_depth1_5 li span:after{content: ''; bottom: -60px; height: 60px;}
    .group_wrap > ul.group_depth2 li{width: 100% !important; margin-left: 0 !important; margin-top: 40px;}
    .group_wrap > ul.group_depth2{margin-top: 0;  padding-top: 18px;}
    .group_wrap > ul.group_depth2:before{content: ''; background: none !important;}
    .group_wrap > ul.group_depth2 li:after{content: ''; top: -40px; height: 40px;}
    .group_wrap > ul.group_depth2 li:first-child:after{content: ''; top: -60px; height: 60px;}
    .group_wrap > ul.group_depth2 li span{font-size: 13px;}
    .group_wrap > ul.group_depth2 li span b{margin-bottom: 10px; font-size: 17px;}
    .group_wrap > ul.group_depth2 li br{display: none;}
    
    .group_wrap > ul.group_depth3{margin-top: 0; padding-top: 50px;}
    .group_wrap > ul.group_depth3:before{content: ''; display: none;}
    .group_wrap > ul.group_depth3 li:after{content: ''; top: -50px; height: 50px;}
    .group_wrap > ul.group_depth3 li{width: 100%;}
    
    .group_wrap > ul.group_depth4.num6 li{width: 100% !important; margin-left: 0 !important; margin-top: 30px;}
    .group_wrap.type3 > ul.group_depth1 li:nth-child(1) span{line-height: 20px; padding: 25px 0;}
    .group_wrap.type3 > ul.group_depth1 li:nth-child(2) span{line-height: 25px;}
    .group_wrap.type3 > ul.group_depth1 li:nth-child(2) span:after{content: ''; display: block; position: absolute; bottom: -90px; left: 50%; width: 1px; height: 90px; background: #ccc;}
    .group_wrap.type3 > ul.group_depth2 li:before{content: ''; position: absolute; bottom: -40px; left: 50%; width: 1px; height: 40px; background: #ccc;}
    .group_wrap.type3 > ul.group_depth2 li:last-child:before{content: ''; display: none;}
    .group_wrap.type3 > ul.group_depth4{margin-top: 0; padding-top: 30px;}
    .group_wrap.type3 > ul.group_depth4:before{content: ''; display: none;}
    .group_wrap.type3 strong{display: inline;}
    
    .group_wrap.type4 > ul.group_depth1 li{width: 100% !important; margin-left: 0 !important;}
    .group_wrap.type4 > ul.group_depth1{margin-top: 50px;}
    .group_wrap.type4 > ul.group_depth1_5{margin-top: 50px;}
    .group_wrap.type4 > ul.group_depth2{margin-top: 0; padding-top: 0;}
    .group_wrap.type4 > ul.group_depth2 li:first-child:after{content: ''; top: -40px; height: 40px;}
    
    .group_step_wrap ul li{width: 100%; margin-left: 0; margin-bottom: 20px;}
    
    .img_pm_wrap{padding-top: 30px; padding-bottom: 50px;}
    
    /* 연혁 */
    .history_wrap h4{width: 320px; height: 268px; padding: 80px 0 0 40px; font-size: 42px; line-height: 50px;}
	.history_wrap > div > ul > li{float: inherit; width: 100%; text-align: center !important;  padding: 0 !important;}
	.history_wrap .history_year li li{margin-right: 0 !important; margin-left: 0 !important;}
	.history_wrap .history_year li li{float: inherit;}
	.history_wrap > div > ul{margin-top: 50px; padding-top: 50px;}
	.history_wrap > div > ul ul{background: #fff; padding: 10px 0;}
	.history_wrap .history_year li li:nth-child(1) b{position: relative; z-index: 2; margin-bottom: 20px; display: inline-block;}
    .history_wrap li li:nth-child(1){position: relative; right: initial !important; left: initial !important;}
	/*.history_wrap li li:nth-child(1):after{content: ''; position: absolute; z-index: 1; bottom: 0; left: 50%; margin-left: -35px; width: 70px; height: 5px; background: #f7941c;}*/
	.history_wrap .history_year p span{float: inherit; margin-left: 0 !important; margin-right: 12px !important;}
	.history_wrap .history_year p{margin-right: 0 !important; margin-left: 0 !important;}
    
    .history_parallax span{margin-left: -140px; margin-top: -66px;}
    .history_parallax span img{width: 280px;}
    
    /* 수상실적 */
    .award_wrap{margin-top: 50px;}
    .award_wrap ul{padding: 35px 10px;}
    .award_wrap ul li{width: 90%; padding-left: 15px; box-sizing: border-box;}
    .award_wrap ul li:first-child{width: 10%; font-size: 30px; line-height: 40px; padding-left: 0;}
    .award_wrap ul li p{margin-bottom: 10px;}
    
    /* 윤리경영 */
    .ethical_wrap{padding: 40px 0;}
    .ethical_wrap .img_layout li:nth-child(n){margin-top: 50px !important;}
    .ethical_wrap .img_layout li:nth-child(1){margin-top: 0 !important;}
    
    /* 브로셔 */
    .brochure_wrap ul li{width: 100%; margin-left: 0;}
    .brochure_wrap ul li:first-child{margin-bottom: 50px;}
    .brochure_wrap ul li span a{height: 60px; line-height: 58px;}
    .brochure_wrap ul li span a:after{content: ''; top:  15px;}
    
    /* 생산설비 */
    .production_wrap h4{font-size: 18px; padding-top: 8px;}
    .production_wrap p{font-size: 14px;}
    
    /* 신뢰성센터 */
    .frame_wrap p{top: 35%; font-size: 1.7vh;}
    .frame_wrap:after{content: ''; height: 60px; top: -30px;}
    
    /* 글로벌연구개발센터 */
    .grc_wrap{margin-top: 30px;}
    .grc_wrap ul{position: relative;}
    .grc_wrap ul{top: 0;}
    .grc_wrap ul li{width: 48%; margin-left: 4%; margin-top: 20px;}
    .grc_wrap ul li:nth-child(2n+1){margin-left: 0;}
    .grc_wrap ul li p{font-size: 1.7vw;}
    
    
    /* 인재상 */
    .talent_wrap .talent_text li{width: 100%; margin-top: 40px;}
    .talent_wrap .talent_text li br{display: none;}
    .talent_wrap .talent_text li h4{font-size: 25px; line-height: 30px;}
    .talent_wrap .talent_text li span{font-size: 18px; line-height: 23px;}
    .talent_wrap .talent_text li p{font-size: 15px; line-height: 25px; margin-top: 15px;}
    
    /* 평가/승진 */
    .rank_wrap li{width: 50%; padding-top: 90px; background-position: center 10px; background-size: 60px 57px;}
    .rank_wrap p{font-size: 19px; line-height: 25px;}
    .rank_wrap span{font-size: 13px; line-height: 20px;}
    .rank_wrap li:nth-child(3), .rank_wrap li:nth-child(4){margin-top: 30px;}
    
    /* 복리후생 */
    .benefits_wrap li{width: 100%; height: auto; margin-left: 0 !important; margin-top: 30px; padding: 20px;}
    .benefits_wrap li:first-child{margin-top: 0;}
    .benefits_wrap li:after{content: ''; width: 60px; height: 60px; background-size: 60px;}
    .benefits_wrap li h4{font-size: 19px; margin-bottom: 20px;}
    .benefits_wrap li p{font-size: 14px; line-height: 20px; background-position: 0 10px; padding-left: 10px; margin-bottom: 10px;}
    
    
    /* 채용절차 */
    .recruit_wrap{margin-top: 30px;}
    .recruit_wrap li{padding-left: 80px;}
    .recruit_wrap li:first-child{width: 60px; padding-left: 0;}
    .recruit_wrap li span{font-size: 12px; color: #aaa;}
    .recruit_wrap li h4{font-size: 19px; margin-bottom: 10px;}
    .recruit_wrap li p{font-size: 14px; padding-left: 3px;}
    .recruit_wrap li b{width: 60px; height: 70px; background-size: 60px; background-position: center 10px;}
    
    /* 주요사업 */
    .direction_wrap ul{min-height: 160px; background-image: url("../imgs/sub/s02/bussiness_line_mobile.png");}
    .direction_wrap ul li:nth-child(1){width: 160px; height: 160px; margin-left: -80px;}
    .direction_wrap ul li:nth-child(1) h4{width: 130px; height: 130px;}
    .direction_wrap ul li h4 strong{font-size: 19px; line-height: 25px; padding-top: 40px;}
    .direction_wrap ul li div.only_one h4 strong{padding-top: 52px;}
    .direction_wrap ul li span{font-size: 13px;}
    .direction_wrap ul li b{font-size: 15px;}
    .direction_wrap ul li:nth-child(2){margin-right: 100px; margin-bottom: 10px;}
    .direction_wrap ul li:nth-child(3){margin-left: 100px; margin-bottom: 10px;}
    .direction_wrap ul li:nth-child(4){margin-right: 100px; margin-top: 10px;}
    .direction_wrap ul li:nth-child(5){margin-left: 100px; margin-top: 10px;}
}

@media (max-width: 580px){
    /* 주요사업 */
    .parallax_bussiness{padding: 70px 2%; box-sizing: border-box;}
    .direction_wrap ul{background-image: none;}
    .direction_wrap ul li{position: relative;}
    .direction_wrap ul li:nth-child(n+2){float: left; left: inherit; right: inherit; margin: inherit; margin-top: 30px; width: 50%; box-sizing: border-box;}
    .direction_wrap ul li:nth-child(2){padding-right: 20px;}
    .direction_wrap ul li:nth-child(3){padding-left: 20px;}
    .direction_wrap ul li:nth-child(4){padding-right: 20px;}
    .direction_wrap ul li:nth-child(5){padding-left: 20px;}
    .direction_wrap ul li div:after, .direction_wrap ul li div:before{content: ''; display: none;}
    .direction_wrap ul li span{font-size: 14px; display: inline;}
    .direction_wrap ul li b{font-size: 14px; display: inline; font-weight: 300;}
}


@media screen and (max-width: 480px) {
    /* 인사말 */
    .ceo_wrap .ceo_bg .ceo_bg_inner b{font-size: 35px; line-height: 40px;}
    
    /* 비전 */
    .goal_wrap .goal_bg h4{font-size: 21px; margin-top: 30px; margin-bottom: 30px;}
    .goal_wrap .goal_bg li .goal_bottom{width: 80%; margin: 50px auto 0;}
    .goal_wrap .goal_bg li .goal_bottom:after{content: ''; top: -50px; height: 30px;}
    
	/* 조직도 */
	.org_wrap > ul.org_depth1 li{width: 60%;}
    
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 300px !important;}
	.map_wrap .map_add{height: 80px; padding: 20px; line-height: 20px;}
	.map_wrap .map_add b{display: block; width: 100%;}
	.map_wrap .map_add a{display: none;}
    
    /* 신뢰성센터 */
    .frame_wrap:after{content: ''; height: 40px; top: -20px; width: 1px;}
}
/*아카이브 추가 20241025*/
.archive_wrap {width:100%; max-width:1200px; height:400px; margin:0 auto; padding:100px 170px 0 0; position:relative;}
.archive_wrap div {float:left; height:50px; line-height:50px; box-shadow:8px 8px 20px rgba(1,1,1,.1);}
.archive_wrap div select {display:block; width:100%; height:50px; font-size:16px; padding:0 10px; border:none;}
.archive_wrap div input[type="text"] {display:block; width:100%; height:50px; font-size:16px; padding:0 10px; border:none;}
.archive_wrap div.sel-year {width:200px; margin-right:5px;}
.archive_wrap div.sel-part {width:200px; margin-right:5px;}
.archive_wrap div.keyword {width:calc(100% - 410px);}
.archive_wrap div.cheklist {clear:both; height:auto; width:100%; line-height:30px; margin-top:5px;}
.archive_wrap div.cheklist ul {overflow:hidden; font-size:0; background-color:rgba(255,255,255,.5); padding:10px 20px;}
.archive_wrap div.cheklist ul li {width:16.666666%; display:inline-block;}
.archive_wrap div.cheklist input[type="checkbox"] {display:inline-block; width:18px; height:18px; margin:0 10px;}
.archive_wrap div.cheklist label {line-height:30px; display:inline-block; font-size:16px;}
.archive_wrap div.btn-submit {float:none; position:absolute; right:0; top:100px; width:165px; height:165px;}
.archive_wrap div.btn-submit a, .archive_wrap div.btn-submit button {width:100%; height:100%; line-height:165px; text-align:center; display:block; background:#032f65; color:#fff !important; text-decoration:none; border:1px solid #032f65; vertical-align:middle; font-size:17px;}
.archive_wrap div.btn-submit a:hover, .archive_wrap div.btn-submit button:hover {background:#000; border-color:#000;}
.archive-txt {text-align:center; font-size:18px;}
.archive_result-warp .archive_wrap {padding-top:0; padding-bottom:0; height:170px;}
.archive_result-warp .archive_wrap div.btn-submit {top:0;}
.archive_result-warp .archive-txt {margin-bottom:50px;}
.archive_result {width:100%; max-width:1200px; position:relative; margin:100px auto;}
.archive_result-txt {font-size:20px; margin-bottom:20px;}
.archive_result-txt b {color:#165ac4;}
.archive_result-txt br {display:none;}
.archive_result .tbl_head01 {border-top: 2px solid #333; border-bottom: 1px solid #333;}

@media (max-width: 1280px){
	.archive_wrap {width:calc(100% - 80px);}
	.archive_result {width:calc(100% - 80px);}	
}
@media (max-width: 1024px){
	.archive_wrap {padding-right:0;}
	.archive_wrap div.btn-submit {position:relative; top:auto; right:auto; width:100%; height:60px; clear:both; padding-top:30px; height:90px;}
	.archive_wrap div.btn-submit a, .archive_wrap div.btn-submit button {margin:0 auto; line-height:60px;}
	.archive_result-warp .archive_wrap {height:240px;}
	.archive_result {margin:50px auto;}
	
}
@media (max-width: 900px){
	.archive_wrap div.cheklist ul li {width:25%;}
	.archive_result-warp .archive_wrap {height:260px;}
}
@media (max-width: 767px){
	.archive_wrap {height:440px; width:calc(100% - 40px); padding-top:60px;}
	.archive_wrap div.sel-year {width:calc(50% - 5px);}
	.archive_wrap div.sel-part  {width:50%; margin-right:0;}
	.archive_wrap div.keyword {width:100%; margin-top:5px;}
	.archive_wrap div.cheklist ul li {width:33.333333%;}
	.archive-txt {font-size:16px;}
	.archive_result-warp .archive_wrap {height:350px;}	
	.archive_result {margin:30px auto; width:calc(100% - 40px);}
	.archive_result-txt {font-size:18px;}
	
	
	.archive_result table, .archive_result thead, .archive_result tbody, .archive_result th, .archive_result td, .archive_result tr {display: block;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.archive_result thead tr {position:absolute; top:-9999px; left:-9999px;}
	
	.archive_result tr {border-top:1px solid #ccc;  padding:5px 0;}	
	.archive_result tr:first-child {border-top:none;}
	.archive_result .tbl_head01 td {border:none; position:relative; padding:0 10px; height:30px; line-height:30px; text-align:left;}
	
	.archive_result td:before {font-weight:bold; padding-right:10px;}
	.archive_result td:nth-of-type(1):before {content:"번호 :";}
	.archive_result td:nth-of-type(2):before {content:"연도 :";}
	.archive_result td:nth-of-type(3):before {content:"단체명 :";}
	.archive_result td:nth-of-type(4):before {content:"사업명 :";}
	.archive_result td:nth-of-type(5):before {content:"사업계획서 :";}
	.archive_result td:nth-of-type(6):before {content:"다운로드 수 :";}	
	.archive_result .tbl_head01 td.empty_table {padding:0 !important; height:100px; line-height:100px; text-align:center;}
	.archive_result td.empty_table:before {display:none;}
}
	
	
}
@media (max-width: 480px){
	.archive_wrap div {height:40px; line-height:40px;}
	.archive_wrap div select {height:40px; font-size:15px;}
	.archive_wrap div input[type="text"]  {height:40px; font-size:15px;}
	.archive_wrap div.cheklist ul li {width:50%;}
	.archive_wrap div.cheklist input[type="checkbox"] {margin:0 5px 0 0;}
	.archive_wrap div.cheklist label {font-size:15px;}	
	.archive_result-txt {font-size:16px;}
	.archive_result-txt br {display:block;}
}
/*대관*/
.search_wrap {position: relative; width:100%; text-align: center; background: #f8f8f8; border: 1px solid #e3e3e3; overflow: hidden; padding:20px 30px; margin: 0 0 50px;}
.search_wrap label {font-size: 17px; display:inline-block; margin-right:15px;}
.search_wrap select {background: url(../imgs/select_arrow.png) no-repeat right 18px #fff; background-size: 20px; border: 1px solid #ccc; font-size: 16px; padding: 7px 30px 7px 10px; width: 180px; height: 50px; -webkit-appearance: none; 
appearance: none; -moz-appearance: none; margin: 0; display:inline-block;}
.search_wrap input {border: 1px solid #ccc; font-size: 16px; padding: 7px 10px; width: 180px; height: 50px;}
.search_wrap input:read-only {background-color:#eee;}
.search_wrap .ml {margin-left:30px;}
.search_wrap p {margin-bottom:5px; color:#ff0000;}
.search_wrap p:before {content:"※ ";}
.search_wrap .btn {height:50px; line-height:46px; padding:0 25px;}
.tac {text-align:center !important;}
.btn-tac {margin-top:60px; text-align:center;}
h4.re-tit {font-size:20px; color:#121212;}
ul#time_slots {border:1px solid #e3e3e3; overflow:hidden; padding:20px 30px; margin-top:15px;}
ul#time_slots li {float:left; padding:2px 0px; width:10%;}
ul#time_slots li label {margin-left:5px;}
label.time-sel {display:inline-block; min-width:70px; margin:2px 0;}
label.time-sel input[type="checkbox"] {width:16px; height:16px;}
.resv-p-info {margin-top: 50px; border:1px solid #e3e3e3; overflow:hidden; padding:20px 0;}
.resv-p-info p {float:left; width:50%; padding:0 30px;}
.resv-p-info label {display:inline-block; width:120px; font-size:17px;}
.resv-p-info input {border: 1px solid #ccc; font-size: 16px; padding: 7px 10px; width:calc(100% - 170px); height: 50px;}
.btn-top {position:relative;}
.btn-top .btn_r {text-align:right; position:absolute; right:0; bottom:0;}
.bo_wr_wrap input[type=date] {border: 1px solid #ccc; height: 45px; line-height: 45px; outline: none; border-radius: 0; vertical-align: middle; font-size: 15px; padding:0 10px; box-sizing: border-box; width:150px;}
.f-condition {line-height:130%;}
.bo_search_wrap.resv {height:auto;}
.bo_search_wrap.resv p {margin-bottom:10px; color:#666;}
.bo_search_wrap.resv input[type=text] {width:200px; height:50px; border:1px solid #ccc; background:#fff; padding:0 10px; font-size:16px;}
.bo_search_wrap.resv label {display:inline-block; margin-right:15px;}
.bo_search_wrap.resv button {display:inline-block; width:80px; height:50px; text-align:center; background-color:#666; color:#fff; vertical-align:middle;}
.bo_search_wrap.resv button:hover {background-color:#000;}
.txt-guide {margin-bottom:10px; text-align:right;}
.pil {font-weight:bold; color:#ff0000; display:inline-block; vertical-align:middle; font-size:19px;}
.fc .fc-daygrid-event-harness a { cursor:pointer;}