/* WRAP */ #wrap {position:relative; width:100%; no-repeat top center fixed;} .wide_wrap {max-width: 1500px;margin: 0 auto;} /* **************************************** * * MAIN * **************************************** */ .contentWrap {position:relative; width:100%; height:auto; overflow:hidden;} .content {position:relative; width:1120px; margin:0 auto;} .content1 {position:relative; width:100%; margin:0 auto;} .mvisual {position:relative; width:1140px; margin:0 auto; height:900px; background:url(../image/mtypo.png) no-repeat center 325px;} p.title_01 {text-align:center; font-family:Nanum Gothic; font-size:50px; line-height:54px; color:#fff; padding-top:16px; background:url(../image/bar.png) no-repeat center top;} p.title_01 span {font-family:Nanum Gothic;} p.title_02 {text-align:center; font-family:Nanum Gothic; font-size:50px; line-height:54px; color:#000; padding-top:16px; background:url(../image/bar2.png) no-repeat center top;} p.title_02 span {font-family:Nanum Gothic;} #area01 {position:relative; width:100%; height:333px; background:url(../image/mbg2.png) no-repeat top center; padding:100px 0;} #area01 p.text {font-size:15px; line-height:26px; color:#fff; text-align:center; margin-top:25px;} #area01 .icons {width:600px; margin:40px auto 0;} #area01 .icons li {float:left; width:200px; text-align:center; padding-top:128px; font-family:Nanum Gothic; font-size:19px; color:#fff; line-height:24px;} #area01 .icons li.icon1 {background:url(../image/who-icon1.png) no-repeat center top;} #area01 .icons li.icon2 {background:url(../image/who-icon2.png) no-repeat center top;} #area01 .icons li.icon3 {background:url(../image/who-icon3.png) no-repeat center top;} #area02 {position:relative; width:100%; height:510px; background:url(../image/opa50.png) repeat; padding:100px 0;} #area02 p.text {font-size:20px; line-height:32px; color:#242424; text-align:center; margin-top:25px;} .main_construction {width:100%; overflow:hidden; position:relative; padding:0;} .const_swiper {max-width:1140px; margin:34px auto 0; position:relative;} .const_swiper .swiper-container { width: 100%; height: 350px; overflow:inherit !important; } .const_swiper .swiper-slide {text-align:center; opacity:1; filter:alpha(opacity=100); -webkit-transition: 1000ms ease-in-out; /* Safari */ -moz-transition: 1000ms ease-in-out; /* Safari */ -o-transition: 1000ms ease-in-out; /* Safari */ -ms-transition: 1000ms ease-in-out; /* Safari */ transition: 1000ms ease-in-out; } .const_swiper .swiper-slide.swiper-slide-active {opacity:1; filter:alpha(opacity=100); -webkit-transition: 1000ms ease-in-out; /* Safari */ -moz-transition: 1000ms ease-in-out; /* Safari */ -o-transition: 1000ms ease-in-out; /* Safari */ -ms-transition: 1000ms ease-in-out; /* Safari */ transition: 1000ms ease-in-out; } .const_swiper .swiper-slide .const_img {width:930px; margin:0 auto; font-size:0; line-height:0; } .const_swiper .swiper-slide .const_text {opacity:1; filter:alpha(opacity=100); -webkit-transition: 1000ms ease-in-out; /* Safari */ -moz-transition: 1000ms ease-in-out; /* Safari */ -o-transition: 1000ms ease-in-out; /* Safari */ -ms-transition: 1000ms ease-in-out; /* Safari */ transition: 1000ms ease-in-out; } .const_swiper .swiper-slide.swiper-slide-active .const_text {opacity:1; filter:alpha(opacity=100); -webkit-transition: 1000ms ease-in-out; /* Safari */ -moz-transition: 1000ms ease-in-out; /* Safari */ -o-transition: 1000ms ease-in-out; /* Safari */ -ms-transition: 1000ms ease-in-out; /* Safari */ transition: 1000ms ease-in-out; } .const_swiper .swiper-slide .const_text {position:absolute; top:0; left:105px; background:url(../image/bk80.png) repeat; width:236px; height:310px; text-align:left; padding:40px 32px 0;} .const_swiper .swiper-slide .const_text dt {font-size:28px; line-height:36px; letter-spacing:-0.04em; color:#fff; font-weight:600;} .const_swiper .swiper-slide .const_text dt.eng {font-family:OpenSans-Regular; font-size:17px; line-height:23px; font-weight:normal; margin-bottom:20px;} .const_swiper .swiper-slide .const_text dd {font-size:15px; line-height:24px; letter-spacing:-0.04em; color:#fff;} .const_swiper .swiper-slide .const_text a p.btn {width:115px; height:38px; border:1px solid #939393; background:url(../image/btn-arrow.png) no-repeat 95px 15px; padding-left:17px; font-size:15px; color:#fff; line-height:38px; margin-top:27px;} .const_swiper .swiper-slide .const_text a:hover p.btn {border:1px solid #000; background:#fff url(../image/btn-arrow2.png) no-repeat 95px 15px; color:#000; -webkit-transition: 500ms ease-in-out; /* Safari */ -moz-transition: 500ms ease-in-out; /* Safari */ -o-transition: 500ms ease-in-out; /* Safari */ -ms-transition: 500ms ease-in-out; /* Safari */ transition: 500ms ease-in-out;} .swiper-next {position:absolute; top:153px; right:0; z-index:2; cursor:pointer; background:url(../image/const_right.png) top left no-repeat; width:46px; height:45px;} .swiper-prev {position:absolute; top:153px; left:0; z-index:2; cursor:pointer; background:url(../image/const_left.png) top left no-repeat; width:46px; height:45px;} #area03 {position:relative; width:100%; height:1000px; background:url(../image/mbg3.png) no-repeat top center fixed; padding:100px 0 0;} #area03 .iconbox {position:relative; width:960px; height:240px; margin:55px auto 100px;} #area03 .iconbox ul {float:left; width:240px; height:150px; margin:0 40px; text-align:center; padding-top:90px;} #area03 .iconbox ul.iconbg1 {background:url(../image/mission-bg1.png) no-repeat center;} #area03 .iconbox ul.iconbg2 {background:url(../image/mission-bg2.png) no-repeat center;} #area03 .iconbox ul.iconbg3 {background:url(../image/mission-bg3.png) no-repeat center;} #area03 .iconbox p.t1 {font-family:OpenSans-SemiboldItalic; font-size:25px; line-height:26px; color:#000000;} #area03 .iconbox li {margin-top:15px; font-size:15px; line-height:20px; color:#262626;} /* **************************************** * * SUB * **************************************** */ #subwrapper {position:relative; width:100%; height:auto; overflow:hidden;} .subbg1 {width:100%; height:230px; background:url(../image/subvis01.png) no-repeat center top fixed;} .subbg2 {width:100%; height:230px; background:url(../image/subvis02.png) no-repeat center top fixed;} .subbg3 {width:100%; height:230px; background:url(../image/subvis03.png) no-repeat center top fixed;} .subbg4 {width:100%; height:230px; background:url(../image/subvis04.png) no-repeat center top fixed;} .subbg5 {width:100%; height:230px; background:url(../image/subvis05.png) no-repeat center top fixed;} .stypo1 {position:relative; width:1140px; height:230px; margin:0 auto; no-repeat center 72px;} .stypo2 {position:relative; width:1140px; height:230px; margin:0 auto; no-repeat center 72px;} .stypo3 {position:relative; width:1140px; height:230px; margin:0 auto; no-repeat center 72px;} .stypo4 {position:relative; width:1140px; height:230px; margin:0 auto; no-repeat center 72px;} .stypo5 {position:relative; width:1140px; height:230px; margin:0 auto; no-repeat center 72px;} /*페이지인식*/ #page01 .sub_menu span.menu01 a, #page02 .sub_menu span.menu02 a, #page03 .sub_menu span.menu03 a, #page04 .sub_menu span.menu04 a, #page05 .sub_menu span.menu05 a, #page06 .sub_menu span.menu06 a, #page07 .sub_menu span.menu07 a, #page08 .sub_menu span.menu08 a {color:#fff;} .snb_wrap {position:relative; width:100%; height:100px; overflow:hidden; background:url(../image/bk80.png) repeat; position:absolute; top:130px; left:0;} .snb_wrap .sub_menu {position:relative; width:1140px; margin:40px auto 0; height:23px;} .snb_wrap .sub_menu ul {} .snb_wrap .sub_menu li {text-align:center;} .snb_wrap .sub_menu span {height:23px; line-height:23px; margin:0 22px;} .snb_wrap .sub_menu span a {font-size:18px; color:#fff; font-weight:normal; padding:12px 0;} .snb_wrap .sub_menu span a:hover, .snb_wrap .sub_menu span a:focus, .snb_wrap .sub_menu span a:active {color:#fff; font-weight:600; repeat-x center bottom;} #divpop {position:absolute; top:0px; left:0; width:100%; height:100px; z-index:9999;} .subcontent {position:relative; width:100%; height:auto; background:#fff;} p.stitle_01 {text-align:center; font-family: NotoKR, sans-serif; font-size:40px; line-height:44px; color:#000; padding-top:16px; background:url(../image/bar2.png) no-repeat center top;} p.stitle_01 span {font-family: NotoKR, sans-serif;} p.stitle_02 {text-align:center; font-family: NotoKR, sans-serif; font-size:30px; line-height:34px; color:#000; padding-top:16px; background:url(../image/bar2.png) no-repeat center top; margin-bottom:30px;} p.stitle_02 span {font-family: NotoKR, sans-serif;} #info-area01 {position:relative; width:100%; overflow:hidden; padding:50px 0;} #info-area01 .whoweare {overflow:hidden;} #info-area01 .whoweare li {font-size:16px; line-height:28px; color:#484848; margin-top:28px; text-align:justify;} #info-area01 .whoweare li:fist-child {margin-top:0;} #info-area01 .whoweare li.text1 {text-align:right; margin:0; margin-top:70px;} #info-area01 .whoweare li.text2 {text-align:right; margin:0; margin-top:5px;} #info-area01 .whoweare li.text2 span {font-family:Nanum Gothic; font-size:22px; color:#111111; margin-left:5px;} #info-area01 .whoweare li.list {padding-left:15px; width:250px; float:left; margin:0; background:url(../image/who-bar1.png) no-repeat left; line-height:35px;} #info-area02 {position:relative; width:100%; overflow:hidden; padding:50px 0; background:#f3f4f6;} #info-area02 .mission {width:698px; margin:40px auto 0; height:240px; background:url(../image/why-missionimg.png) no-repeat;} #info-area02 .mission ul {float:left; width:240px; margin-left:-11px; text-align:center; color:#fff; padding-top:90px;} #info-area02 .mission ul:first-child {margin-left:0;} #info-area02 .mission ul p.tit {font-family:OpenSans-SemiboldItalic; font-size:25px; line-height:26px; margin-bottom:12px;} #info-area02 .mission ul li {font-size:13px; line-height:20px;} #info-area02 .vision {position:relative; width:1140px; height:440px; margin:40px auto 0; background:url(../image/why-visionimg.png) no-repeat center;} #info-area02 .vision p {font-size:15px; line-height:23px; color:#2e2e2e;} #info-area02 .vision p.t1 {position:absolute; top:105px; right:750px; text-align:right;} #info-area02 .vision p.t2 {position:absolute; top:82px; left:775px; text-align:left;} #info-area02 .vision p.t3 {position:absolute; top:138px; left:775px; text-align:left;} #info-area02 .vision p.t4 {position:absolute; top:308px; right:858px; text-align:right;} #info-area02 .vision p.t5 {position:absolute; top:308px; left:858px; text-align:left;} #info-area02 .value {width:698px; margin:40px auto 0; height:120px; background:url(../image/why-valuebg.png) no-repeat;} #info-area02 .value ul {float:left; width:240px; margin-left:-11px; text-align:center; color:#fff; padding-top:33px;} #info-area02 .value ul:first-child {margin-left:0;} #info-area02 .value ul p.tit {font-family:OpenSans-SemiboldItalic; font-size:27px; line-height:28px; margin-bottom:10px;} #info-area02 .value ul li {font-size:15px; line-height:20px;} #info-area03 {position:relative; width:100%; overflow:hidden; padding:50px 0;} #info-area03 .map {float:right; position:relative;} #info-area03 .map p.btn {position:absolute; bottom:0; right:0; width:142px; height:42px; background:url(../image/bk80.png) repeat; font-size:15px; color:#fff; line-height:42px; text-align:center; font-weight:bold;} #info-area03 .mapinfo {float:left; width:530px;} #info-area03 .mapinfo p.tit {font-size:22px; color:#000; line-height:34px; padding-bottom:7px; border-bottom:1px solid #cccccc; font-weight:bold; margin-bottom:18px;} #info-area03 .mapinfo li {padding-left:38px; font-size:16px; line-height:34px; color:#000;} #info-area03 .mapinfo li.name {background:url(../image/map-icon1.png) no-repeat left center;} #info-area03 .mapinfo li.add {background:url(../image/map-icon2.png) no-repeat left center;} #info-area03 .mapinfo li.call {background:url(../image/map-icon3.png) no-repeat left center;} .m-content {position:relative; width:100%; margin:0 auto;} #m-info-area03 {position:relative; width:100%; overflow:hidden; padding:0 0;} #m-info-area03 .map {float:left; width:100%; position:relative;} #m-info-area03 .map p.btn {position:absolute; bottom:0; right:0; width:142px; height:42px; background:url(../image/bk80.png) repeat; font-size:15px; color:#fff; line-height:42px; text-align:center; font-weight:bold;} #m-info-area03 .mapinfo2 {float:left; width:100%;} #m-info-area03 .mapinfo2 p.tit {font-size:22px; color:#000; line-height:34px; padding-bottom:7px; border-bottom:1px solid #cccccc; font-weight:bold; margin-bottom:18px;} #m-info-area03 .mapinfo2 li {padding-left:38px; font-size:16px; line-height:34px; color:#000;} #m-info-area03 .mapinfo2 li.name {background:url(../image/map-icon1.png) no-repeat left center;} #m-info-area03 .mapinfo2 li.add {background:url(../image/map-icon2.png) no-repeat left center;} #m-info-area03 .mapinfo2 li.call {background:url(../image/map-icon3.png) no-repeat left center;} .pf_tab_bo {position:relative; width: 1100px; height:40px; margin:0 auto ; border:0px solid #f00 } .pf_tab_bo ul {float:left; width:1200px; margin:0 0 30px; font-size:12px;} .pf_tab_bo ul li {display:inline-block !important;float:left; width:auto; height: 40px; text-align:center; } .pf_tab_bo ul li a {float:left;text-decoration: none;height:40px;line-height: 40px; /*padding:0 20px 0;*/padding:0 15px 0; background:#fff; font-size: 1.25em;color:#333;margin-left:-1px;border:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} .pf_tab_bo ul li a:hover {background:#ed174b; border:1px solid #f44022; color:#fff; font-weight:bold; } .pf_tab_bo ul li a.on {height:40px; color:#fff; font-weight:bold; background:#ed174b; border:1px solid #ed174b; } .tbst1 {position:relative; width:100%; font-size:0.90em; line-height:1.50em; } .tbst1 th { border-top:3px solid #393939; border-bottom:1px solid #ccc; border-right:1px solid #fff; font-weight:bold; padding:12px 20px;} .tbst1 th:last-child {border-right:0;} .tbst1 td { background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; padding:12px 20px; text-align:center;} .tbst1 td:last-child {border-right:0;} .tbst1 td.last {border-right:1px solid #ddd;} .tbst1 td.result { background:#333; color:#fff; font-family:Nanum Gothic;} .tbst1 th.result { background:#ff3366; color:#fff; font-family:Nanum Gothic;} .tbst1 td.pay { background:#d72731; color:#fff; font-size:1.50em; font-weight:bold; font-family:Nanum Gothic;}