@charset "utf-8";

#footer {background-color: #fafafa;}

/* 서브비주얼 */
.sub_visual_wrap {position: relative; width: 100%; height: 500px; overflow: hidden;}
.sub_visual_wrap .sub_visual_img {position: absolute; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.1,1.1) rotate(0.0001deg); transform: scale(1.1,1.1) rotate(0.0001deg); -webkit-transition: transform 5s ease-in-out; transition: transform 5s ease-in-out; }
/* .sub_visual_wrap.active .sub_visual_img {  -webkit-transform: scale(1.0,1.0) rotate(0.0001deg); transform: scale(1.0,1.0) rotate(0.0001deg); } */

.sub_visual_wrap .sub_visual_text {position: absolute; top: 50%; width: 100%; color: #fff; text-align: center;}
.sub_visual_wrap .sub_visual_text p {font-size: 18px; font-weight: 300;}
.sub_visual_wrap .sub_visual_text h2 {margin-top: 25px; font-size: 50px; font-weight: 700;}

.sub_visual_wrap.sub01 .sub_visual_img {background: url(../img/sub01_visual.jpg) no-repeat center center; }
.sub_visual_wrap .sub_visual_img {background: url(../img/sub02_visual.jpg) no-repeat center center; }
.sub_visual_wrap.sub03 .sub_visual_img {background: url(../img/sub03_visual.jpg) no-repeat center center; }
.sub_visual_wrap.sub04 .sub_visual_img {background: url(../img/sub04_visual.jpg) no-repeat center center; }

/* lnb */
#lnb {height: 68px; text-align: center; background-color: #fafafa; border-bottom: 1px solid #ebebeb; font-size: 18px; color: #666; font-weight: 500;}
#lnb .home {float: left; width: 80px; height: 68px; border: 1px solid #ebebeb; line-height: 68px;}
#lnb ul {float: left;}
#lnb ul li {float: left; border-right: 1px solid #ebebeb;}
#lnb ul li a {display: block; width: 100%; height: 68px; line-height: 68px;}
#lnb ul li.select a {color: #f5933b; border-bottom: 3px solid #f5933b;}
#lnb.fixed {position: fixed; left: 0; top: 0; right: 0; z-index: 9999;}


/* 서브 공통 */
.cont_wrap {padding: 135px 0; line-height: 160%;}
.title_wrap .main_tit {display: inline-block; padding-right: 30px; color: #333; font-size: 30px; font-weight: 900; vertical-align: middle;}
.title_wrap .sub_tit {position: relative; display: inline-block; font-size: 18px; color: #b3b3b3; font-weight: 500; vertical-align: middle;}
.title_wrap .sub_tit::before {position: absolute; left: -16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: 1px; content: ''; display: block; width: 2px; height: 13px; background-color: #b3b3b3;}
.s_tit {margin-bottom: 10px; font-size: 24px; line-height: 120%;  font-weight: 300;}
.b_tit {font-size: 30px; line-height: 130%; font-weight: 500;}
.download_btn {display: block; width: 240px; padding: 20px 25px; border: 1px solid #c0c0c0; color: #828282; font-size: 18px; font-weight: 500; background: url(../img/download_btn_bg.png) no-repeat center;}
.download_btn:hover {background: url(../img/download_btn_bg_hover.jpg) no-repeat center; color: #fff; border: 1px solid transparent;}
.cont_btm_form { margin-top: 135px; }

/* sub0101 */
.sub0101 .about_wrap, .sub0101 .vision_wrap, .sub0101 .busi_wrap, .sub0101 .org_wrap {margin-bottom: 130px;}
.sub0101 .about_wrap {position: relative;}
.sub0101 .about_wrap .title_wrap, .sub0101 .about_wrap .cont {float: left;}
.sub0101 .about_wrap .tit .s_tit {color: #f5933b;}
.sub0101 .about_wrap .tit .b_tit {color: #333; font-weight: 700;}
.sub0101 .about_wrap .download_btn {position: absolute; bottom: 135px;}
.sub0101 .about_wrap .cont {margin-left: 100px; font-size: 19px; line-height: 150%;}
.sub0101 .about_wrap .cont .text {margin-top: 50px;}

.sub0101 .vision_wrap .cont .tit, .sub0101 .vision_wrap .cont .text {font-size: 18px; line-height: 160%; color: #fff;}
.sub0101 .vision_wrap .title_wrap .main_tit, .sub0101 .vision_wrap .title_wrap .sub_tit {color: #fff;}
.sub0101 .vision_wrap .vision_01 {padding: 100px 0; background: url(../img/sub0101_vision01.jpg) no-repeat center;}
.sub0101 .vision_wrap .vision_01 .title_wrap {float: left; padding-top: 100px;}
.sub0101 .vision_wrap .vision_01 ul {float: right; text-align: center;}
.sub0101 .vision_wrap .vision_01 ul li {float: left; width: 238px; height: 238px; padding-top: 70px; margin-left: -25px; background-color: rgba(0,0,0,0.2); border: 1px solid #acacac; border-radius: 50%; line-height: 200%;}
.sub0101 .vision_wrap .vision_01 ul li:first-child {margin-left: 0;}

.sub0101 .vision_wrap .vision_02 .guide {margin-top: 50px;}
.sub0101 .vision_wrap .vision_02 .cont {position: relative; float: right; width: 933px; height: 441px;  padding: 95px 50px 0 80px; background: url(../img/sub0101_vision07.png) no-repeat center;}
.sub0101 .vision_wrap .vision_02 .cont::before {position: absolute; top: 75px; left: -285px; content: ''; display: block; width: 282px; height: 277px; background: url(../img/sub0101_vision06.png) no-repeat center;}
.sub0101 .vision_wrap .vision_02 .cont .text {margin-top: 50px;}
.sub0101 .vision_wrap .vision_02 .cont .text span { float: right; font-weight: 500; text-align: right;}

.sub0101 .busi_wrap .title_wrap {margin-bottom: 50px;}
.sub0101 .busi_wrap .cont li {float: left; margin-left: 20px; text-align: center;}
.sub0101 .busi_wrap .cont li:first-child {margin-left: 0;}
.sub0101 .busi_wrap .cont li img {padding: 10px; border-radius: 50%; border: 1px dashed #e7e7e7;}
.sub0101 .busi_wrap .cont li .tit .s_tit {margin-top: 15px; color: #333; font-weight: 700;}
.sub0101 .busi_wrap .cont li .tit span {font-size: 16px; color: #acacac; font-weight: 400;}

.sub0101 .org_wrap {background: url(../img/sub0101_org01.jpg) no-repeat top center;}
.sub0101 .org_wrap .title_wrap {padding-top: 126px;}
.sub0101 .org_wrap .title_wrap .main_tit, .sub0101 .org_wrap .title_wrap .sub_tit {color: #fff;}

.sub0101 .org_wrap .cont {text-align: center;}
.sub0101 .org_wrap .cont .ceo {width: 138px; height: 138px; margin: 60px auto 0 auto; background: url(../img/sub0101_org02.png) no-repeat; color: #fff; font-size: 23px; font-weight: 500;  line-height: 138px;}
.sub0101 .org_wrap .cont .org_01 {position: relative; margin: 0 164px 67px 164px; padding-bottom: 50px; border-bottom: 1px solid #f5933b;}
.sub0101 .org_wrap .cont .org_01::before {position: absolute; top: 0; left: 50%; margin-left: -0.5px; content: ''; display: block; width: 1px; height: 100%; background-color: #f5933b;}
.sub0101 .org_wrap .cont .org_01 li {position: relative; width: 100%; height: 53px; margin-bottom: 18px;}
.sub0101 .org_wrap .cont .org_01 li p {position: absolute; width: 139px; height: 53px; background-color: #fafafa; border: 3px solid #e7e7e7; border-radius: 18px; line-height: 46px; font-size: 19px;}
.sub0101 .org_wrap .cont .org_01 li:nth-child(2n+1) p {left: 86px;}
.sub0101 .org_wrap .cont .org_01 li:nth-child(2n) p {right: 87px;}
.sub0101 .org_wrap .cont .org_01 li p::before {position: absolute; content: ''; top: 50%; margin-top: -3.5px; display: block; width: 219px; height: 7px; background: url(../img/sub0101_org03.png) no-repeat;}
.sub0101 .org_wrap .cont .org_01 li:nth-child(2n+1) p::before {left: 131px;}
.sub0101 .org_wrap .cont .org_01 li:nth-child(2n) p::before {right: 131px;}

.sub0101 .org_wrap .cont .org_02 {margin-top: 10px;}
.sub0101 .org_wrap .cont .org_02 li {position: relative; float: left; width: 258px; height: 258px; margin-left: 33.6px; border-radius: 50%; border: 5px solid #f5933b;}
.sub0101 .org_wrap .cont .org_02 li::before {position: absolute; top: -76px; left: 50%; margin-left: -9.5px; content: ''; display: block; width: 19px; height: 83px; background: url(../img/sub0101_org04.png) no-repeat center;}
.sub0101 .org_wrap .cont .org_02 li .tit {margin: 45px 0 20px 0;}
.sub0101 .org_wrap .cont .org_02 li .tit .s_tit {color: #333; font-weight: 600;}
.sub0101 .org_wrap .cont .org_02 li .text {color: #666; font-size: 16px; line-height: 150%;}



/* sub0104 */
.sub0104 .cont {font-size: 18px; line-height: 120%;}
.sub0104 .info {font-size: 18px; line-height: 120%; color: #333;}
.sub0104 .info img { vertical-align: middle;}
.sub0104 .info span {vertical-align: middle;}
.sub0104 .green {color: #77c371;}

.sub0104 .tell_wrap {margin-bottom: 25px;}
.sub0104 .tell_wrap .title_wrap {float: left; margin-top: 10px;}
.sub0104 .tell_wrap .cont {float: right; padding: 24px; font-size: 20px; font-weight: 700; background-color: #fafafa; border-radius: 15px;}
.sub0104 .tell_wrap .cont .info {float: left;}
.sub0104 .tell_wrap .cont .info img {margin-right: 15px;}
.sub0104 .tell_wrap .cont .tell {padding-right: 30px; border-right: 1px solid #e1e1e1;}
.sub0104 .tell_wrap .cont .fax {padding-left: 30px;}

.sub0104 .map_wrap {margin-bottom: 50px; border: 1px solid #ebebeb;}
.sub0104 .map_wrap .cont {padding: 30px 40px; border-top: 1px solid #ebebeb;}
.sub0104 .map_wrap .cont .company {float: left; font-size: 16px; line-height: 160%;}
.sub0104 .map_wrap .cont .company span {font-weight: 500;}
.sub0104 .map_wrap .cont .address {float: right; font-weight: 500;}
.sub0104 .map_wrap .cont .address img {margin-right: 20px;}

.sub0104 .traffic_wrap .title_wrap {padding-bottom: 25px; }
.sub0104 .traffic_wrap ul {border-top: 2px solid #666;}
.sub0104 .traffic_wrap ul li {padding: 35px 50px; border-bottom: 1px solid #ebebeb;}
.sub0104 .traffic_wrap ul li .info {float: left; font-weight: 500; width: 290px;}
.sub0104 .traffic_wrap ul li .info img {margin-right: 25px;}
.sub0104 .traffic_wrap ul li .cont {float: left; font-weight: 500;}
.sub0104 .traffic_wrap ul li .cont.sub {margin-top: 12px;}
.sub0104 .traffic_wrap ul li .cont p {float: left;}
.sub0104 .traffic_wrap ul li .cont p.name {width: 330px;}
.sub0104 .traffic_wrap ul li .cont .bus {margin-bottom: 25px;}
.sub0104 .traffic_wrap ul li .cont .line {padding: 0 10px; border: 2px solid #77c371; border-radius: 20px;}
.sub0104 .traffic_wrap ul li .cont .num {font-weight: 300; color: #b2b2b2; line-height: 140%;}



/* sub02 */
.sub02 .sub_top_wrap {position: relative; margin-bottom: 100px;}
.sub02 .sub_top_wrap .title_wrap {padding: 124px 65px;}
.sub02 .sub_top_wrap .title_wrap .main_tit, .sub02 .sub_top_wrap .title_wrap .sub_tit {color: #fff;}
.sub02 .des {float: right; margin-top: -75px; width: 680px; box-sizing: border-box;}
.sub02 .sub_top_wrap .des .s_tit {padding: 35px 50px; font-weight: 500; line-height: 130%; color: #fff; background: url(../img/sub02_top.jpg) no-repeat center center;}
.sub02 .des .cont {padding: 15px 28px;  font-weight: 300; line-height: 170%;}

.sub02 h4.s_tit {margin-bottom: 20px; font-weight: 700; color: #27d095;}
.sub02 .about_wrap, .sub02 .vision_wrap, .sub02 .busi_wrap, .sub02 .org_wrap {margin-bottom: 130px;}
.sub02 .about_wrap {position: relative;}
.sub02 .about_wrap .title_wrap, .sub02 .about_wrap .cont {float: left;}
.sub02 .about_wrap .tit .s_tit {color: #27d095;}
.sub02 .about_wrap .tit .b_tit {color: #333; font-weight: 700;}
.sub02 .about_wrap .download_btn {position: absolute; bottom: 135px;}
.sub02 .about_wrap .cont {margin-left: 100px; font-size: 19px; line-height: 150%;}
.sub02 .about_wrap .cont .text {margin-top: 50px;}


/* sub0201, sub0202, sub0204 컨텐츠 */
.sub02 .sub_cont .left {float: left; width: calc((100% - 90px)/2);}
.sub02 .sub_cont .right {float: right; width: calc((100% - 90px)/2);}
.sub02 .sub_cont .left img, .sub02 .sub_cont .left .text {float: right;}
.sub02 .sub_cont .right img, .sub02 .sub_cont .right .text {float: left;}

/* sub0202, sub0203 고지사항  */
.sub02 .notice_wrap {height: 465px; padding: 50px; margin-top: 110px; background-color: #fafafa; color: #999898; overflow-y: scroll; box-sizing: border-box;}
.sub02 .notice_wrap .tit {padding-bottom: 50px; font-size: 30px; color: #333; font-weight: 700; text-align: center;}
/* .sub02 .notice_wrap .scroll {height: 275px; } */


/* sub0201 */
.sub0201 .title_wrap {background: url(../img/sub0201_top.jpg) no-repeat center; }
.sub0201 .sub_cont .t_01 {padding: 115px 0  140px 0;}
.sub0201 .sub_cont .t_02  {padding: 93px 0 100px 0;}
.sub0201 .sub_cont .t_03 {padding: 190px 0 165px 0;}

/* sub0202 */
.sub0202 .bold {font-weight: 500;}
.sub0202 .title_wrap {background: url(../img/sub0202_top.jpg) no-repeat center; }
.sub0202 .sub_top_wrap .des .s_tit {padding: 50px 35px;}
.sub0202 .sub_top_wrap .des .cont {display: inline-block; margin-top: 35px; color: #fff; font-size: 17px;  line-height: 170%; padding: 0;}
.sub0202 .sub_cont .t_01 {padding: 70px 0  60px 0;}
.sub0202 .sub_cont .t_02  {padding: 50px 0 78px 0;}

/* sub0203 */
.sub0203 .title_wrap {background: url(../img/sub0203_top.jpg) no-repeat center; }
.sub0203 .job_cont .left {float: left; margin-right: 70px;}
.sub0203 .job_cont .right {float: left;}
.sub0203 .right .cont {border-top: 2px solid #666;}
.sub0203 .right .cont li {padding: 15px 0; border-bottom: 1px solid #ebebeb;}
.sub0203 .right .cont li p {float: left;}
.sub0203 p.bold {font-weight: 500; width: 70px;}
.sub0203 p.list {width: calc(100% - 70px);}

/* sub0204 */
.sub0204 .bold {font-weight: 500;}
.sub0204 .title_wrap {background: url(../img/sub0204_top.jpg) no-repeat center; }

.sub0204 .sub_cont .t_01 {padding: 115px 0  150px 0;}
.sub0204 .sub_cont .t_02  {padding: 35px 0 58px 0;}
.sub0204 .sub_cont .t_03 {padding: 140px 0 80px 0;}



/* end */