/* -------------------------------------------------------------------------------------------- sub bg ansimateion_css --------------------------------------------------------------------------------------------------*/ .animove { opacity:0; position: relative; -webkit-animation-name: animove; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */ animation-name: animove; animation-duration: 1.0s; animation-delay: 0.5s; } @keyframes animove { /* 0% { transform:scale(0.2); opacity:0;} 100% { transform:scale(1); opacity:1;} */ 0% { left:0px; top:-50px; opacity:0;} 100% { left:0px; top:0px; opacity:1;} } /* -------------------------------------------------------------------------------------------- sub bg ansimateion_css --------------------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------- swiper style_css --------------------------------------------------------------------------------------------------*/ @keyframes bgimg2 { from { transform: scale(1.2); } to { transform: scale(1) } } .Sub_animation { width: 100%; height: 100%; position: relative; animation: bgimg2 10s ease-in-out alternate infinite; /* background: url(../img/bg_invest.png); */ background-size: cover!important; animation-iteration-count: 1; background-position: center!important; overflow: hidden; position: absolute; top: 0; left: 0; } /* -------------------------------------------------------------------------------------------- swiper style_css --------------------------------------------------------------------------------------------------*/ .width1100 { width:1100px; margin:0 auto; } .nds { display:none!important; } .Content10 { padding: 80px 0 150px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .conhd_in { font-size: 40px; color: #212121; text-align: center; font-weight: 800; line-height: 40px; margin-bottom: 80px; } .no_conhd { padding-left: 0px!important; } @media only screen and (max-width: 1024px) { .Content10 { padding: 60px 15px 130px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 0; } .conhd_in { width:100%; margin: 0 auto; font-size: 28px; color: #212121; text-align: left; display: block; font-weight: 800; line-height: 36px; margin-bottom: 25px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .Content10 { padding: 40px 15px 160px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 0; } .conhd_in { width:100%; margin: 0 auto; font-size: 28px; color: #212121; text-align: left; display: block; font-weight: 800; line-height: 36px; margin-bottom: 25px; margin-left: 0px; } } /* sub visual */ .contvisual { width:100%; position:relative; /*background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;*/ } .contvisual .cover { height: 550px; overflow:hidden; margin: 0 auto; max-width:4000px; text-align: center; position: relative; /* background-repeat: no-repeat; */ background-size: cover; background-position: center top; } .contvisual .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual .bgimg2 { height: 430px; overflow:hidden; margin:0 auto; max-width:4000px; text-align: center; position: relative; /* background-repeat: no-repeat; */ background-size: cover; background-position: center top; } .contvisual .bgimg2_01 { height: 650px; overflow:hidden; margin:0 auto; max-width:4000px; text-align: center; position: relative; /* background-repeat: no-repeat; */ background-size: cover; background-position: center top; } .contvisual .bgimg3 { height: 840px; overflow:hidden; margin:0 auto; max-width:4000px; text-align: center; position: relative; /* background-repeat: no-repeat; */ background-size: cover; background-position: center top; } .contvisual .bgimg_none { height: 90px; overflow:hidden; margin:0 auto; max-width:4000px; text-align: center; position: relative; /* background-repeat: no-repeat; */ background-size: cover; background-position: center top; } .contvisual2 { width:100%; position:relative; /*background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;*/ } .contvisual2 .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .bgimg2 { height: 650px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .bgimg3 { height: 840px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .cover { height: 650px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .bgimg_none { height: 90px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual .fullbgimg { height: 100vh; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual2 { display:none; } @media (max-width: 1024px) { .contvisual { width:100%; position:relative; } .contvisual2 .cover { height: 650px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual .bgimg2 { height: 350px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual .bgimg2_01 { height: 650px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual .bgimg3 { height: 840px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual .cover { height: 500px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual .bgimg_none { height: 90px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual2 { width:100%; position:relative; } .contvisual2 .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .bgimg2 { height: 390px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual2 .bgimg3 { height: 840px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; } .contvisual2 .bgimg_none { height: 90px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .video_wrap2 { display:none; } .contvisual2 { display:block; } } @media only screen and (max-width: 767px) { .contvisual { width:100%; position:relative; } .contvisual .cover { height: 250px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: 35% top; background-size:cover; } .contvisual .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual .bgimg2 { height: 250px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size:cover; } .contvisual .bgimg2_01 { height: 250px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: 0 0; background-size:cover; } .contvisual .bgimg3 { height: 840px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size:cover; } .contvisual .bgimg_none { height: 50px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 { width:100%; position:relative; } .contvisual2 .bgimg { height: 360px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .contvisual2 .bgimg2 { height: 250px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size:cover; } .contvisual2 .bgimg3 { height: 840px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size:cover; } .contvisual2 .bgimg4 { height: 250px; overflow:hidden; margin: auto; max-width:767px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; background-size:cover; } .contvisual2 .bgimg_none { height: 50px; overflow:hidden; margin: auto; max-width:2000px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center top; } .video_wrap2 { display:none; } .contvisual2 { display:block; } } /* visual_bg ========================================================= */ .cover { background:url(../img/bg_cover.png); } .business01 { background:url(../img/bg_about.png); } .business01_01 { background:url(../img/bg_about1.png); } .business01_02 { background:url(../img/bg_about2.png); } .business01_03 { background:url(../img/bg_about3.png); } .business01_04 { background:url(../img/bg_about4.png); } .business01_05 { background:url(../img/bg_about5.png); } .business01_06 { background:url(../img/bg_about6.png); } .business02 { background:url(../img/bg_business.png); } .business02_01 { background:url(../img/bg_business1.png); } .business02_02 { background:url(../img/bg_business2.png); } .business02_03 { background:url(../img/bg_business3.png); } .business03 { background:url(../img/bg_invest.png); } .business03_01 { background:url(../img/bg_invest01.png); } .business03_02 { background:url(../img/bg_invest03.png); } .business04 { background:url(../img/bg_customer.png); } .business04_01 { background:url(../img/bg_customer1.png); } .business04_02{ background:url(../img/bg_customer2.png); } .business04_03{ background:url(../img/bg_customer3.png); } .business_none { background:url(); } .business05 { background:url(../img/recruit.png); } .business06 { background:url(../img/b5.png); } .business06_01 { background:url(../img/b5_01.png); } .business06_02 { background:url(../img/b5_02.png); } .business06_03 { background:url(../img/b5_02.png); } .fullbgimg01 { background:url(../img/bg_full01.png); } /* visual_bg ========================================================= */ /* div pop ========================================================= */ .Pop_Wp { display: none; position: absolute; top: 120px; left: 20%; /* top: 50%; left: 50%; transform: translate(-50%,-50%); */ width: 450px; height: auto; background-color: #fff; border:0px solid #3571B5; z-index: 10; padding: 15px 15px; display: inline-block; } .Divpop { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .Divpop .DivBG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; filter: alpha(opacity=50);} .Pop_Co { color: #666; line-height: 26px; padding: 15px 10px 25px; font-size: 16px; } .Cl_wp { width: 100%; margin: 10px 0 15px; padding-top: 20px; border-top: 1px solid #DDD; } .Cl_wp a:first-child { float: left; font-size: 14px; } .Close { display: inline-block; padding: 0px 7px 0px 18px; border: 1px solid #a0a0a0; font-size: 13px; line-height: 25px; float: right; position:relative; } .Close:before { content:"x"; position: absolute; left: 7px; } .Cl_wp input { display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; } .Cl_wp label { display: inline-block; vertical-align: middle; font-size: 14px; } @media only screen and (max-width: 760px) { .Pop_Wp { width: 90%; top: 30%; left: 50%; transform: translate(-50%,-50%); } } /* div pop ========================================================= */ .bg_top_patton { position:absolute; left:0; bottom:0; width:100%; height:128px; z-index:; background-repeat: no-repeat; background:url(../img/common/sub_bg.png); background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } .visual_in_txt { width:1100px; margin:0 auto; position:relative; z-index:3; } /* sub txt hidden */ .sub_center_txt { text-align:center; font-size:44px; font-weight:bold; padding-top:90px; color:#fff } /* sub txt hidden */ /* sub visual */ #item1 { padding:50px 0 0px; } #item2 { padding:120px 0 0px;} #item3 { padding:120px 0 0px;} #item4 { padding:120px 0 0px; } #item5 { padding:120px 0 0px; } /* sub copy */ .sub_copy h3 { text-transform:uppercase; color:white; line-height:40px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -1px;} .sub_copy .eng2 { /* font-family: arial !important;*/ letter-spacing: -2px; font-size: 40px; } .sub_copy .subtxt2 { display: block; font-size: 17px; margin-top: 3px; line-height: 28px; font-weight: 600; } .fontsh { text-shadow: 0.5px 0.5px #9C9C9C; } /* sub copy02 */ .sub_copy { width:1100px; margin:0 auto; position:relative; text-align:center; bottom:-110px; } .sub_copy .eng { font-family: arial !important; letter-spacing: -1.2px; font-weight: bold; font-size: 42px; color:#fff; text-transform: uppercase; } .sub_copy .subtxt { display: block; font-size: 15px; font-weight: 400; line-height: 35px; font-weight: 500; color:#fff; } .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ } .sub_copy2 { width:1100px; margin:0 auto; position:relative; text-align:right; bottom:-110px; } /* sub copy vision */ .sub_copy2 h3 { color:white; line-height:40px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -0.2px;} .sub_copy2 h3 .eng2 { font-family: 'Coda' !important; font-weight: bold; font-size: 25px; margin-right:60px; } .sub_copy2 h3 .subtxt2 { display: block; font-size: 14px; font-weight: 400; margin-top: 3px; line-height: 32px; font-weight: 600; } .sub_copy4 { width:1100px; margin:0 auto; position:relative; text-align:center; bottom:-330px; } .sub_copy4 .eng2 { font-family: arial !important; letter-spacing: -1.2px; font-weight: bold; font-size: 42px; color:#fff; text-transform: uppercase; } .sub_copy4 .subtxt2 { display: block; font-size: 15px; font-weight: 400; line-height: 35px; font-weight: 500; color:#fff; } .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ } .sub_copy5 { width:1100px; margin:0 auto; position:relative; text-align:center; padding-top:200px; z-index: 3; } .sub_copy5 .eng2 { letter-spacing: -1.2px; font-weight: 500; font-size: 42px; color:#fff; text-transform: uppercase; } .sub_copy5 .subtxt2 { display: block; font-size: 16.5px; font-weight: 400; line-height: 35px; color:#fff; } .sub_copy5 .eng2:after { display: block; width: 1px; height: 44px; margin: 0 auto; background: #fff; content: ""; margin-top: 22px;} .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ } .sub_copy6 { width:1100px; margin:0 auto; position:relative; text-align:center; bottom:-260px; } .sub_copy6 .eng6 { font-family: arial !important; letter-spacing: -1.2px; font-weight: bold; font-size: 42px; color:#fff; text-transform: uppercase; } .sub_copy6 .subtxt6 { display: block; font-size: 15px; font-weight: 400; line-height: 35px; font-weight: 500; color:#fff; } .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ font-family: 'GmarketSans'; } @media only screen and (max-width: 1024px) { /* sub copy */ .sub_copy h3 { text-transform:uppercase; color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: 0; text-align: left;} .sub_copy .eng2 { font-family: 'NotoSans', sans-serif; letter-spacing: -2px; font-size: 28px; padding-left: 15px; text-align: left; font-weight: 900; } .sub_copy .subtxt2 { display: block; font-size: 12px; font-weight: 400; margin-top: 3px; line-height: 23px; font-weight: 600; padding: 0px 0 0 15px; text-align: left; letter-spacing:-1px; width: 90%; line-height: 18px; } .fontsh { text-shadow: 0.5px 0.5px #9C9C9C; } /* sub copy02 */ .sub_copy { width:100%; margin:0 auto; position:relative; text-align:center; bottom:-270px; } .sub_copy .eng { font-family: arial !important; letter-spacing: -1.2px; font-weight: bold; font-size: 37px; color:#fff; text-transform: uppercase; } .sub_copy .subtxt { display: block; font-size: 15px; font-weight: 400; line-height: 35px; font-weight: 500; color:#fff; } .sub_copy .subtxt br { display: none; } .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ } .sub_copy2 {width: 100%; margin:0 auto; position:relative; text-align:right; bottom:-70px; } /* sub copy vision */ .sub_copy2 h3 { color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -0.2px;} .sub_copy2 h3 .eng2 { font-family: 'Coda' !important; font-weight: bold; font-size: 16px; margin-right:15px; } .sub_copy2 h3 .subtxt2 { display: block; font-size: 14px; font-weight: 400; margin-top: 3px; line-height: 32px; font-weight: 600; } .sub_copy5 {width: 100%; margin:0 auto; position:relative; text-align:center; padding-top:140px; } /* sub copy vision */ .sub_copy5 h3 { color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -0.2px;} .sub_copy5 h3 .eng2 { !important; font-weight: bold; font-size:32px; margin-right:15px; } .sub_copy5 h3 .subtxt2 { display: block; font-size: 14px; font-weight: 400; margin-top: 3px; line-height: 32px; font-weight: 600; } .sub_copy6 { width: 100%; margin: 0 auto; position: relative; text-align: left; bottom: -173px; } .sub_copy6 .eng6 { font-family: 'NotoSans', sans-serif; letter-spacing: -2px; font-size: 28px; padding-left: 15px; text-align: left; font-weight: 900; } .sub_copy6 .subtxt6 { display: block; font-size: 12px; font-weight: 400; margin-top: 3px; line-height: 23px; font-weight: 600; padding: 0px 0 0 15px; text-align: center; letter-spacing:-1px; width: 90%; line-height: 18px; } .fontsh { text-shadow: 0.5px 0.5px #9C9C9C; } /*.sticky { position: fixed; top:-60px; width: 100%; } .sticky + .content { padding-top: 0px; } */ } @media only screen and (max-width: 767px) { /* sub copy */ .sub_copy h3 { text-transform:uppercase; color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: 0; text-align: left;} .sub_copy .eng2 { font-family: 'NotoSans', sans-serif; letter-spacing: -2px; font-size: 28px; padding-left: 15px; text-align: left; font-weight: 900; } .sub_copy .subtxt2 { display: block; font-size: 12px; font-weight: 400; margin-top: 3px; line-height: 23px; font-weight: 600; padding: 0px 0 0 15px; text-align: left; letter-spacing:-1px; width: 90%; line-height: 18px; } .fontsh { text-shadow: 0.5px 0.5px #9C9C9C; } /* sub copy02 */ .sub_copy { width:100%; margin:0 auto; position:relative; text-align:center; bottom: -125px; text-align: center;} .sub_copy .eng { font-family: arial !important; letter-spacing: -1.2px; font-weight: bold; font-size: 37px; color:#fff; text-transform: uppercase; } .sub_copy .subtxt { display: block; font-size: 15px; font-weight: 400; line-height: 35px; font-weight: 500; color:#fff; } .sub_copy .subtxt br { display: none; } .font_shodow { /* text-shadow: 3px 2px 30px #000; color:#fff; */ } .sub_copy2 {width: 100%; margin:0 auto; position:relative; text-align:right; bottom:-70px; } /* sub copy vision */ .sub_copy2 h3 { color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -0.2px;} .sub_copy2 h3 .eng2 { font-weight: bold; font-size: 16px; margin-right:15px; } .sub_copy2 h3 .subtxt2 { display: block; font-size: 14px; font-weight: 400; margin-top: 3px; line-height: 32px; font-weight: 600; } .sub_copy5 {width: 100%; margin:0 auto; position:relative; text-align:left; padding-top: 120px; text-align: center; } /* sub copy vision */ .sub_copy5 h3 { color:white; line-height:24px; bottom:200px; width:100%; letter-spacing: 0px; word-spacing: -0.2px;} .sub_copy5 h3 .eng2 { font-weight: 700; font-size:22px; margin-right:0px;} .sub_copy5 h3 .subtxt2 { display: block; font-size: 12px; margin-top: 3px; line-height: 32px; font-weight: 600; margin-left:15px; } .sub_copy6 { width: 100%; margin: 0 auto; position: relative; text-align: left; bottom: -120px; text-align: center; } .sub_copy6 .eng6 { font-family: 'NotoSans', sans-serif; letter-spacing: -2px; font-size: 28px; padding-left: 0px; text-align: center; font-weight: 900; } .sub_copy6 .subtxt6 { display: block; font-size: 13px; font-weight: 400; margin-top: 6px; line-height: 23px; font-weight: 400; padding: 0px 0 0 15px; text-align: left; letter-spacing:-1px; width: 100%; line-height: 18px; text-align: center; } .fontsh { text-shadow: 0.5px 0.5px #9C9C9C; } .sub_copy5 .eng2:after { display: block; width: 1px; height: 30px; margin: 0 auto; background: #fff; content: ""; margin-top: 15px; } /*.sticky { position: fixed; top:-60px; width: 100%; } .sticky + .content { padding-top: 0px; } */ } /* sub_menu */ .sub_tap { background:none; margin:0 auto; max- width:1100px; position:relative; padding:0px 0 15px; } .sub_menu { display:table; text-align:center; margin:0 auto; overflow:hidden; } .sub_menu li { float:left; border-left:1px solid #aaa; } .sub_menu li:first-child { border-left:none; } .sub_menu li a { width:120px; display:block; line-height:34px; font-size:14px; text-align:center; padding:0 10px; background:none; font-weight:700; } .sub_menu li a:hover { background:#004a80; color:#fff; } .sub_menu li a.active { background:#004a80; color:#fff; } /* sub_menu icon */ .title_area { width:100%; border-bottom:0px solid #bebebe; padding: 0 15px; } /* .title_visual01 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .title_visual02 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .title_visual03 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .title_visual04 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .title_visual05 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .title_visual06 { background:url(http://www.ps.co.kr/images/kor5/common/visual/visual3.gif)no-repeat right bottom; height:113px; } .subtit01 { font-size:35px; padding-top:34px; margin:0; font-family: 'NotoSans'; font-weight:700; } */ /* content_wrap ---------------------------------------*/ /* left_top_con01_li_icon */ .list_ul { margin-top:0px; } .list_ul > li { ; padding-bottom:4px; } .list_ul li { padding:0 0 7px 10px; background:url(../img/common/bul.png)no-repeat 0 12px; color:black; } /* content_type01_bordertop */ .consam { margin-top:12px; } .consam > li { overflow:hidden; } .consam .space01 { margin-top:50px; } .consam .space03 { margin-top:50px; } .consam .space05 { margin-top:50px; } .consam .tit { float:left; width:17%; padding-top:14px; border-top:1px solid #BCBCBC; font-size:18px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; } .consam .tit2 { float:left; width:17%; padding-top:14px; border-top:1px solid #BCBCBC; font-size:18px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; } .consam .tit3 { float:left; width:17%; padding-top:14px; border-top:1px solid #BCBCBC; font-size:18px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; } .consam .right_area { float:right; width:80%; vertical-align:top; } .consam .eng { margin-bottom:15px; font-weight:700; font-size:18px; } .tit_sub { line-height: 22px; position: absolute; font-size: 12px; margin-top: -0px; font-weight: normal; } .consam dd { color:black; } @media only screen and (max-width: 767px) { /* content_type01_bordertop */ .consam { margin-top:12px; } .consam > li { overflow:hidden; } .consam .space01 { margin-top:0px; } .consam .space03 { margin-top:30px; } .consam .space05 { margin-top:50px; } .consam .tit { float:left; width:100%; padding-top:0px; border-top:0px solid #BCBCBC; font-size:18px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; } .consam .tit2 { float:left; width:100%; padding-top:30px; border-top:1px solid #BCBCBC; font-size:18px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; } .consam .tit3 { float:left; width:100%; padding-top:30px; border-top:1px solid #f1f1f1; font-size:20px; font-weight:700; display:inline-block; color:black; letter-spacing:-0.3px; padding-bottom: 10px; } .consam .right_area { float:right; width:100%; vertical-align:top; } .consam .eng { margin-bottom:15px; font-weight:700; font-size:18px; line-height:22px; } .tit_sub { line-height: 22px; position: absolute; font-size: 8px; margin-top: -0px; font-weight: normal; } .consam dd { color:black; font-size: 16px; line-height: 26px; } .consam .right_area br { display: none; } } /* ------------------------------------------------------------------------------------- product_view01 ------------------------------------------------------------------------------------- */ .View_Left { width: 100%; float: right; margin-bottom:30px; text-align:left; float:right; padding: 20px 80px 0 80px; } .View_Left dt { font-size:17px; font-weight:700; color:#212121; margin-bottom: 10px; position: relative; } .View_Left dt:before { content: ""; width: 12px; height: 2px; background: #606060; position: absolute; left: -22px; top: 11px; } .View_Left dd { font-size:17px; color:black; } .View_Left li { margin-bottom:30px; padding-left: 10px; } .Pimg_left { width: 440px; text-align: center; float: left; } .View_Right { width: 630px; float: left; margin-bottom:30px; text-align:center; float:left; padding: 70px 0px 0 80px; } .View_Right dt { font-size:28px; font-weight:900; color:#2aa5e8; margin-bottom: 10px;} .View_Right dd { font-size:17px; color:black; } .View_Right li { margin-bottom:30px; } .Pimg_right { width: 440px; text-align: center; float: left; } @media only screen and (max-width: 1200px) { .View_Left { width: 100%; margin-bottom:30px; text-align:center; float:right; padding: 40px 0px 0 0;} .View_Left dt { font-size:24px; font-weight:900; color:#2b2b2b; margin-bottom: 7px;} .View_Left dt:before { content: unset; } .View_Left dd { font-size:16px; color:black; } .View_Left li { margin-bottom:25px; padding-left: 10px; } .Pimg_left { width: 100%; text-align: center; float: left; } .View_Right { width: 100%; margin-bottom:30px; text-align:center; float:left; padding: 40px 0px 0 0;} .View_Right dt { font-size:24px; font-weight:900; color:#2aa5e8; margin-bottom: 7px;} .View_Right dd { font-size:16px; color:black; } .View_Right li { margin-bottom:25px; } .Pimg_right { width: 100%; text-align: center; float: left; } .imgsize1 img { width:40%; } } @media only screen and (max-width: 767px) { .View_Left { width: 100%; margin-bottom:20px; text-align: center; float:right; padding: 20px 0px 0 0;} .View_Left dt { font-size:16px; font-weight:900; color:#2b2b2b; margin-bottom: 0px;} .View_Left dt:before { content: unset; } .View_Left dd { font-size:13px; color:black; line-height: 18px; } .View_Left li { margin-bottom:10px; padding-left: 0px; } .Pimg_left { width: 100%; text-align: center; float: left; } .View_Right { width: 100%; margin-bottom:20px; text-align:center; float:left; padding: 20px 0px 0 0;} .View_Right dt { font-size:16px; font-weight:900; color:#2aa5e8; margin-bottom: 0px;} .View_Right dd { font-size:13px; color:black; line-height: 18px; } .View_Right li { margin-bottom:10px; } .Pimg_right { width: 100%; text-align: center; float: left; } .imgsize1 img { width:70%; } } /* ------------------------------------------------------------------------------------- product_view_size ------------------------------------------------------------------------------------- */ .Spc_100 { display: inline-block; width: 100%; text-align: center; } .sizeFull { width: 100%!important; } .size500 { width: 500px!important; } .size570 { width: 570px!important; } .size1070 { width: 1070px!important; } .size710 { width: 710px!important; } .size360 { width: 360px!important; } @media only screen and (max-width: 1200px) { .sizeFull { width: 100%!important; } .size500 { width:100%!important;; } .size570 { width:100%!important;; } .size1070 { width:100%!important;; } .size710 { width:100%!important;; } .size360 { width:100%!important;; } } @media only screen and (max-width: 767px) { .sizeFull { width: 100%!important; } .size500 { width:100%!important;; } .size570 { width:100%!important;; } .size1070 { width:100%!important;; } .size710 { width:100%!important;; } .size360 { width:100%!important;; } } /* ------------------------------------------------------------------------------------- Specifications02 ------------------------------------------------------------------------------------- */ .myspec { width:100%; } .Spc_Left { float:left; width:360px; text-align:center; } .Spc_Right { float:right; width:710px; text-align:center; } .sName { font-size: 18px; margin-bottom: 20px; display: block; text-align: center; color: #2aa5e8;; } .spc_img img { text-align:center; } .myspc2 p { float:left; text-align:center; width:356px; } @media (max-width: 1200px) { .myspc { width:100%; } .Spc_Left { float: none; width: 100%; text-align: center; margin-bottom: 50px; } .Spc_Right { float:left; width: 100%; text-align: center; } .Sname { font-size: 16px; margin-bottom: 0px; display: block; text-align: center; color: #2aa5e8;; } .spc_img img { text-align:center; } .imgsize { width:80%; } .myspc2 p { float:none; text-align:center; width:100%; } .myspc2 .Spc1 { margin-bottom: 20px; } .myspc2 .Spc2 { margin-bottom: 20px; } } @media (max-width: 767px) { .myspc { width:100%; } .Spc_Left { float: none; width: 100%; text-align: center; margin-bottom: 25px; } .Spc_Right { float:left; width: 100%; text-align: center; } .sName { font-size: 14px; margin-bottom: 0px; display: block; text-align: center; color: #2aa5e8; } .spc_img img { text-align:center; } .imgsize { width:60%; } .myspc2 p { float:none; text-align:center; width:100%; } .myspc2 .Spc1 { width: ; } .myspc2 .Spc1 { margin-bottom: 20px; } .myspc2 .Spc2 { margin-bottom: 20px; } .imgsize img { width:70%; } } /* ------------------------------------------------------------------------------------- product02 ------------------------------------------------------------------------------------- */ .medium { position: relative; max-width: 1100px; margin: 0 auto; background: none; max-height: 400px; overflow: hidden; margin-bottom: 45px;} .medium img { display: block; margin: 0 auto; max-width: 100%;} .thumbs { position: absolute; text-align: center; max-width: 860px; margin: 0 auto; width: 110px; top: 0; left: -50px; top: 40%; } .thumbs img { width: 85%; margin: .5%;} .thumbs img:hover { cursor: pointer;} .active1 { box-shadow: 0px 0px 0px 0.7px #1eb85e; border: 0px solid red;} #back { border: 0px solid #e2e2e2; opacity: 0.4; position: absolute; right: 5px; z-index: 1500; cursor: pointer; /* opacity: .8; */ top: 30%; text-decoration: none; font-size: 1.5em; background: white url(../samjs/images/prev.png) center center no-repeat; width: 50px; height: 50px; text-indent: -9999px; } #next2 { border: 0px solid #e2e2e2; opacity: 0.4; position: absolute; right: 5px; z-index: 1500; cursor: pointer; /* opacity: .8; */ top: 45%; text-decoration: none; font-size: 1.5em; background: white url(../samjs/images/next.png) center center no-repeat; width: 50px; height: 50px; text-indent: -9999px; } .FixIn { width: 100%; z-index: 3; text-align: center; margin-bottom: 25px; color: #3e3e3e; } .Fx_left { font-size:30px; font-weight:700; margin-bottom: 8px; display: inline-block; } .Fx_ca { font-size: 13px; display: inline-block; width: 100%; } .Fx_right { float:right; } .Fx_right a { padding:7px 15px; background:#d00000; color:#fff; font-size:14px; } . pn01 { position: absolute; font-size: 50px; top: 20px; font-weight: 700;} .Content { padding: 90px 0 60px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; position: relative; } .Content_area { padding-top: 100px; position: relative; } .conLi { margin-bottom: 45px;} .conLi > li { overflow: hidden;} .conLi .conT { float: left; width: 17%; padding-top: 14px; border-top: 1px solid #BCBCBC; font-size: 22px; font-weight: 900; display: inline-block; color: black; letter-spacing: -0.3px; } .conLi .Right_Area { float: right; width: 80%; vertical-align: top; } /* 03 제품사진 */ .Imgv { margin-bottom: 30px; width: 100%; text-align: center; } .Conful01 { background: #ffffff; border-top: 1px solid #f3f3f3; overflow: hidden; } .ConIn01 { padding: 70px 0 50px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; overflow: hidden; } .Conful02 { background: #fbfbfb; overflow: hidden; } .ConIn02 { padding: 50px 0 50px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; overflow: hidden;} .Sub_t0 { text-align: center; font-size: 35px; word-break: keep-all; font-weight: 900; color: black; margin-bottom:20px; } .Sub_t1 { text-align: center; font-size: 18px; word-break: keep-all; font-weight: 300; color: black; } /* ------------------------------------------------------------------------------------- product02 ------------------------------------------------------------------------------------- */ @media (max-width: 940px) { .medium img { display: block; margin: 0 auto; max-width: 80%; max-height: 400px; } .thumbs { position: relative; text-align: center; max-width: 860px; margin: 0 auto; width: 95%; t top: 0; right: 0px; left: 0; } .thumbs img { width: 17%; margin: .5%; } #back, #next2 { display: none; } .FixIn { width: 100%; z-index: 3; text-align: center; margin-bottom: 25px; } .Fx_left { font-size:35px; font-weight:700; margin-bottom: 8px; display: inline-block; } .Fx_ca { font-size: 13px; display: inline-block; width: 100%; } .conLi .conT { float: left; width: 100%; padding-top: 20px; border-top: 0px solid #BCBCBC; font-size: 22px; font-weight: 800; display: inline-block; color: black; letter-spacing: -0.3px; } /* 03 제품사진 */ .Imgv img { width: 70%; } .Conful01 { background: #ffffff; border-top: 1px solid #f3f3f3; } .ConIn01 { padding: 35px 15px 35px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .Conful02 { background: #fbfbfb; } .ConIn02 { padding: 20px 15px 35px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .Sub_t0 { text-align: center; font-size: 20px; word-break: keep-all; font-weight: 700; color: black; margin-bottom:10px; } .Sub_t1 { text-align: center; font-size: 16px; word-break: keep-all; font-weight: 300; color: black; } .Sub_t1 br { display:none; } } @media only screen and (max-width: 767px) { .medium { max-height: 250px; margin-bottom: 15px; } .medium img { max-height: 250px; } .thumbs { position: relative; text-align: center; max-width: 860px; margin: 0 auto; width: 95%; t top: 0; right: 0px; left: 0; } .thumbs img { width: 23%; margin: .5%; } .active1 { box-shadow: 0px 0px 0px 0.7px #e4e4e4; border: 0px solid red;} .FixIn { width: 100%; z-index: 3; text-align: center; margin-bottom: 10px; } .Fx_left { font-size:20px; font-weight:600; margin-bottom: 0px; display: inline-block; } .Fx_ca { font-size: 13px; display: inline-block; width: 100%; } .Fx_right { float:right; } .Fx_right a { padding:6px 12px; background:#d00000; color:#fff; font-size:13px; } .pn01 { position: absolute; font-size: 32px; top: 5px; } .Content { padding: 50px 15px 20px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .Content_area { padding-top: 10px; } .conLi { margin-bottom: 30px;} .conLi > li { overflow: hidden; } .conLi .conT { float: left; width: 100%; padding-top: 0px; border-top: 0px solid #BCBCBC; font-size: 18px; font-weight: 800; display: inline-block; color: black; letter-spacing: -0.3px; } .conLi .conT br { display:none; } .conLi .Right_Area { float: right; width: 100%; vertical-align: top; } /* 03 제품사진 */ .Imgv img { width: 70%; } .Conful01 { background: #ffffff; border-top: 1px solid #f3f3f3; } .ConIn01 { padding: 35px 15px 35px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .Conful02 { background: #fbfbfb; } .ConIn02 { padding: 20px 15px 35px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .Sub_t0 { text-align: center; font-size: 20px; word-break: keep-all; font-weight: 700; color: black; margin-bottom:10px; } .Sub_t1 { text-align: center; font-size: 16px; word-break: keep-all; font-weight: 300; color: black; } .Sub_t1 br { display:none; } } /* ------------------------------------------------------------------------------------- overview01 ------------------------------------------------------------------------------------- */ .consam3 { padding: 80px 0; max-width: 1100px; margin: 0 auto; position: relative; display: block; } .consam3 > li { overflow:hidden; } .consam3 .space01 { margin-top:50px; } .consam3 .tit { float: none; width: 15%; font-size: 24px; font-weight: 800; display: inline-block; color: black; letter-spacing: -0.3px; margin-bottom: 30px; } .consam3 .tit2 { float:left; width:100%; padding-top:14px; border-top:0px solid #BCBCBC; font-size:22px; font-weight:800; display:inline-block; color:black; letter-spacing:-0.3px; margin-bottom: 10px;} .consam3 .right_area { float: none; width: 100%; vertical-align: top; } .consam3 .eng { margin-bottom:15px; font-weight:700; font-size:18px; line-height: 26px; } .overviewlist .listArea:first-child { float:left; width:50%; border-top:2px solid #464646; } .overviewlist .listArea { float:right; width:50%; border-top:2px solid #464646; } .overviewlist .listArea dt { float:left; width:20%; padding:23px 0 23px 30px; border-bottom:1px solid #EAEAEA; font-weight:700; color:black; } .overviewlist .listArea dd { float:left; width:80%; padding:23px 0 23px 70px; border-bottom:1px solid #EAEAEA; font-weight:500; color:black; position: relative; } .overviewlist .listArea dd:before { content: ""; width: 1px; height: 14px; background: #dedede; position: absolute; left: 28px; top: 29px; } .tnone { font-size:0; } .overviewlist .listArea dt.dtno { height:49px; } .overviewlist .listArea dd.ddno { height:49px; } .overview { margin-bottom:70px; margin-top:20px; } .mtb35 { margin-bottom:55px; } .license { width:100%; /* background-color:#285DBF; */ background:url(../img/cbg.png) no-repeat; background-size:cover; height: 470px; position: relative; margin-bottom:0px; } .license_in { width:1100px; margin:0 auto; position: relative; } .license_bx { float:right; width:616px; margin-right:125px; } .license_list01 { float:left; width:273px; margin-top: 70px; } .license_list01 .no1 { font-size:16px; text-align:center; line-height:42px; color:#fff; border-top: 2px solid white; } .license_list02 { float:right; width:273px; margin-top: 70px; } .license_list02 .no2 { font-size:16px; text-align:center; line-height:42px; color:#fff; border-top: 2px solid white; } .li_year { padding:20px 40px; background-color:#F0F0F0; width:616px; position:absolute; bottom:-620px; text-align: center; font-size:18px; font-weight:700; color:#615903; } .license_list dt { height:36px; border-top:3px solid #fff; } .lice_tit { float: left; font-weight: 700; color: #fff; margin-top: 70px; font-size: 24px; position: relative; display: inline-block; } .license_list03 { float:left; width:273px; margin-top: 70px; } .license_list03 .no1 { font-size:16px; text-align:center; line-height:42px; color:#fff; border-top: 2px solid white; } /* ------------------------------------------------------------------------------------- overview01 ------------------------------------------------------------------------------------- */ @media only screen and (max-width:1024px) { .consam3 { margin-top:0px; padding: 40px 15px 80px; max-width: 1100px; margin: 0 auto; position: relative; display: block; } .consam3 > li { overflow:hidden; } .consam3 .space01 { margin-top:50px; } .consam3 .tit { float: none; width: 100%; padding-top: 0px; border-top: 0px solid #BCBCBC; font-size: 20px; font-weight: 700; display: inline-block; color: black; letter-spacing: -0.3px; margin-bottom: 30px; } .consam3 .tit2 { float:left; width:100%; padding-top:14px; border-top:0px solid #BCBCBC; font-size:22px; font-weight:800; display:inline-block; color:black; letter-spacing:-0.3px; margin-bottom: 10px;} .consam3 .right_area { float: none; width: 100%; vertical-align: top; } .consam3 .eng { margin-bottom:15px; font-weight:700; font-size:18px; line-height: 26px; } .overviewlist .listArea:first-child { float:left; width:100%; border-top:2px solid #0A2061; } .overviewlist .listArea { float:right; width:100%; border-top:0px solid #0A2061; } .overviewlist .listArea dt { float:left; width:24%; padding:16px 0 16px 2px; border-bottom:1px solid #EAEAEA; font-weight:800; letter-spacing: -1px; font-size: 12px; } .overviewlist .listArea dd { float:left; width:76%; padding:16px 0 16px 10px; border-bottom:1px solid #EAEAEA; letter-spacing: -1px; font-size: 12px;} .overviewlist .listArea dt.dtno { display:none; } .overviewlist .listArea dd.ddno { display:none; } .overviewlist .listArea dd:before { content: ""; width: 1px; height: 14px; background: #dedede; position: absolute; left: -80px; top: 21px; } .tnone { font-size:0; } .tit_sub { line-height: 16px; position: absolute; font-size: 10px; font-weight: normal; } .overview { margin-bottom:70px; margin-top:20px; font-size:14px; line-height: 23px;} .mtb35 { margin-bottom:55px; } .license { width:100%; /* background-color:#285DBF; */ background:url(../img/cbg.png) no-repeat; background-size:cover; height: 420px; position: relative; margin-bottom:0px; margin-top:0px; } .license_in { width: 100%; margin:0 auto; position: relative; } .license_bx { float:right; width:100%; margin-right:0px; padding: 0 15px; position: relative; height: 100%; } .license_list01 { float:left; width: 100%; margin-top: 60px; } .license_list01 dd { text-align:center; } .license_list01 .no1 { font-size:13px; text-align:center; line-height: 40px; color:#fff; border-top: 1px solid #2660B4; } .license_list02 { float:right; width: 100%; margin-top: 60px; } .license_list02 dd { text-align:center; } .license_list02 .no2 { font-size:13px; text-align:center; line-height:40px; color:#fff; border-top: 1px solid #2660B4; } .li_year { padding:15px 20px; background-color:#F0F0F0; width: 92%; position:absolute; bottom:-80px; text-align: center; font-size:16px; color:#776e03;` } .license_list dt { height:36px; border-top:3px solid #fff; } .lice_tit { float: left; margin-top: 40px; font-size: 20px; margin-left: 15px; } } /* ------------------------------------------------------------------------------------- overview01 ------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { .consam3 { margin-top:0px; padding: 0px 15px 40px; max-width: 100%; margin: 0 auto; position: relative; display: block; display: inline-block; } .consam3 > li { overflow:hidden; } .consam3 .space01 { margin-top:50px; } .consam3 .tit { float: none; width: 100%; padding-top: 0px; border-top: 0px solid #BCBCBC; font-size: 20px; font-weight: 700; display: inline-block; color: black; letter-spacing: -0.3px; margin-bottom: 30px; } .consam3 .tit2 { float:left; width:100%; padding-top:14px; border-top:0px solid #BCBCBC; font-size:22px; font-weight:800; display:inline-block; color:black; letter-spacing:-0.3px; margin-bottom: 10px;} .consam3 .right_area { float: none; width: 100%; vertical-align: top; } .consam3 .eng { margin-bottom:15px; font-weight:700; font-size:18px; line-height: 26px; } .overviewlist .listArea:first-child { float:left; width:100%; border-top:2px solid #464646; } .overviewlist .listArea { float:right; width:100%; border-top:0px solid #0A2061; } .overviewlist .listArea dt { float:left; width:24%; padding:8px 0 8px 16px; border-bottom:1px solid #EAEAEA; font-weight:800; letter-spacing: -1px; font-size: 12px; } .overviewlist .listArea dd { float:left; width:76%; padding:8px 0 8px 40px; border-bottom:1px solid #EAEAEA; letter-spacing: -1px; font-size: 12px;} .overviewlist .listArea dt.dtno { display:none; } .overviewlist .listArea dd.ddno { display:none; } .tnone { font-size:0; } .overviewlist .listArea dd:before { content: ""; width: 1px; height: 14px; background: #dedede; position: absolute; left: 0px; top: 15px; } .tit_sub { line-height: 16px; position: absolute; font-size: 10px; margin-top: -0px; font-weight: normal; } .overview { margin-bottom:70px; margin-top:20px; font-size:14px; line-height: 23px;} .mtb35 { margin-bottom:55px; } .license { width:100%; /* background-color:#285DBF; */ background:url(../img/cbg.png) no-repeat; background-size:cover; height: 320px; position: relative; margin-bottom:0px; margin-top:0px; } .license_in { width: 100%; margin:0 auto; position: relative; } .license_bx { float:right; width:100%; margin-right:0px; padding: 0 15px; position: relative; height: 100%; } .license_list01 { float:left; width: 100%; margin-top: 60px; } .license_list01 dd { text-align:center; } .license_list01 .no1 { font-size:13px; text-align:center; line-height: 40px; color:#fff; border-top: 1px solid #2660B4; } .license_list02 { float:right; width: 100%; margin-top: 60px; } .license_list02 dd { text-align:center; } .license_list02 .no2 { font-size:13px; text-align:center; line-height:40px; color:#fff; border-top: 1px solid #2660B4; } .li_year { padding:15px 20px; background-color:#F0F0F0; width: 92%; position:absolute; bottom:-80px; text-align: center; font-size:16px; color:#776e03;` } .license_list dt { height:36px; border-top:3px solid #fff; } .lice_tit { float: none; margin-top: 30px; font-size: 20px; } } /* ------------------------------------------------------------------------------------- 02_ceo인사말 ---------------------------------------------------------------------------------- */ .sub_t5 { word-break: keep-all; line-height: 35px; } .ceo_sign { position: relative; text-align: right; padding-right: 11px; margin-top:50px; } .sign { height: 36px; right: 130px; position: absolute; font-size: 16px; font-weight: 700; line-height: 36px; top: 13px; padding-right: 30px; } .img_pad6 { padding: 20px 0 25px 0; word-break: keep-all; line-height: 30px; } .cmb15 { margin-bottom: 25px !important; } @media only screen and (max-width: 1024px) { .sub_t5 { font-size: 14px; word-break: keep-all; line-height: 23px; } .ceo_sign { position: relative; text-align: right; padding-right: 11px; margin-top: 40px; } .sign { height: 36px; right: 120px; position: absolute; font-size: 15px; font-weight: bold; line-height: 36px;} .img_pad6 { padding: 15px 0 25px 0; font-size: 14px; word-break: keep-all; line-height: 23px;} .cmb15 { margin-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .sub_t5 { font-size: 14px; word-break: keep-all; line-height: 23px; } .ceo_sign { position: relative; text-align: right; padding-right: 0px; margin-top: 10px; } .sign { height: 36px; right: 0; position: relative; font-size: 13px; font-weight: 600; text-align: right; display: inline-block; float: left; line-height: 20px; margin-bottom: 5px; } .img_pad6 { padding: 0px 0 25px 0; font-size: 14px; word-break: keep-all; line-height: 23px;} .cmb15 { margin-bottom: 20px !important; } } /* ------------------------------------------------------------------------------------- 03_history ------------------------------------------------------------------------------------- */ .htab { border-top:4px solid #E5E5E5; height:50px; width:100%; position:relative; } .htab em { text-align:center; width:100%; display:table; font-size: 18px; font-weight:700; } .htab li { float: left; width:50%; cursor: pointer; line-height:60px; } .htab li.active { height:60px; color:#1A56A0; font-weight:bold; } .htab li.active:before { content:""; width:50%; height:4px; background:#1A56A0; position:absolute; top:-4px; } .con_view { display: none; width:100%; } @media only screen and (max-width: 767px) { .htab { border-top:2px solid #E5E5E5; height:50px; width:100%; position:relative; } .htab em { text-align:center; width:100%; display:table; font-size: 14px; } .htab li { float: left; width:50%; cursor: pointer; line-height:50px; } .htab li.active { height:40px; color:#1A56A0; } .htab li.active:before { content:""; width:50%; height:2px; background:#1A56A0; position:absolute; top:-2px; } .con_view { display: none; width:100%; } } /* ------------------------------------------------------------------------------------- vision ------------------------------------------------------------------------------------- */ .img_effect { /* background:url(../img/10_1.png) no-repeat; */ width:100%; height:590px; } .img_effect { text-align:center; display:table; top: -50px; position: absolute; } .img_effect span { display:block; } .img_copy{ font-size:34px; font-weight:800; letter-spacing:-2px; line-height:45px; margin-top: 140px; color:#1E4273; } .img_title { margin-left: 80px; float:left; font-size:17px; text-transform:uppercase; letter-spacing:0px; color:white; border-top:2px solid #C7D4E4; padding-top:14px; width:10%; text-align:left; top:40px; margin-top:-80px; line-height: 20px; } .vision2010 { margin-top:12px; } .vision2010 > li { overflow:hidden; } .vision2010 .tit { float:left; width:11%; padding-top:14px; border-top:2px solid #567194; font-size:17px; font-weight:800; display:inline-block; color:#567194; text-transform:uppercase; letter-spacing:-0.3px; margin-left: 80px; } .vision2010 .tit02 { float:left; width:11%; padding-top:14px; border-top:2px solid #567194; font-size:17px; font-weight:800; display:inline-block; color:#567194; text-transform:uppercase; letter-spacing:-0.3px; margin-left: 80px; } .vision2010 .right_area { float:left; width:65%; vertical-align:top; margin-left: 50px; } .vision2010 dt { margin-bottom:6px; font-weight:800; } .vision2010 dd { line-height:24px; } .list_ul1 { float:left; width:45%; border-top:3px solid #C2CFDB; line-height:32px; font-size:17px; font-weight:900; color:#5D5D5D; letter-spacing:-1.2px; } .list_ul2 { float:right; width:45%;border-top:3px solid #C2CFDB; line-height:32px; font-size:17px; font-weight:900; color:#5D5D5D; letter-spacing:-1.2px; } { float:right; width:45%;border-top:3px solid black; line-height:32px; } .right_area3 { clear:both; width:100%; margin-top:70px; margin-left:80px; } .vmt70 { margin-top:70px; } .gmt30 { margin-top:30px; } .gmt301 { margin-top:30px; } .goal_tx { font-size:30px; text-align:center; background:#1758A1; border-radius:5px; line-height:60px; color:#fff; margin-bottom:30px; } .vision_tx { text-align:center; font-size:33px; color: #1E4273; line-height: 50px; } .vision_icon { text-align:center; } /* ------------------------------------------------------------------------------------- vision ------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { .img_effect { /* background:url(../img/10_1.png) no-repeat; */ width:100%; height:590px; } .img_effect { text-align:center; display:table; top: -50px; position: absolute; } .img_effect span { display:block; } .img_copy{ font-size:18px; font-weight:800; letter-spacing:-2px; line-height:28px; margin-top: 110px; color:#1E4273; margin-left: 50px; } .img_title { margin-left: -35px; float:left; font-size:11px; text-transform:uppercase; letter-spacing:0px; color:white; border-top:2px solid #C7D4E4; padding-top:7px; width:60px; text-align:left; top:40px; margin-top:-49px; line-height: 20px; } .vision2010 { margin-top:12px; } .vision2010 > li { overflow:hidden; } .vision2010 .tit { float:left; width:42px; padding-top:7px; border-top:2px solid #567194; font-size:11px; font-weight:800; display:inline-block; color:#567194; text-transform:uppercase; letter-spacing:-0.3px; margin-left: 0px; } .vision2010 .tit02 { float:left; width: 80px;; padding-top:7px; border-top:2px solid #567194; font-size:11px; font-weight:800; display:inline-block; color:#567194; text-transform:uppercase; letter-spacing:-0.3px; margin-left: 0px; } .vision2010 .right_area { float:right; width:75%; vertical-align:top; margin-left: 30px; } .vision2010 dt { margin-bottom:6px; font-weight:800; } .vision2010 dd { line-height:24px; width: 32px; margin: 0 auto; } .list_ul1 { float:none; width:100%; border-top:3px solid #C2CFDB; line-height:26px; font-size:12px; } .list_ul2 { float:none; width:100%;border-top:0px solid #C2CFDB; line-height:26px; font-size:12px; } { float:right; width:45%;border-top:3px solid black; line-height:32px; } .right_area3 { clear:both; width:100%; margin-top:50px; margin-left:0px; } .vmt70 { margin-top:50px; } .gmt30 { margin-top:20px; } .gmt301 { margin-top:0px; } .goal_tx { font-size:18px; text-align:center; background:#1758A1; border-radius:5px; line-height:36px; color:#fff; margin-bottom:20px; } .vision_tx { text-align:center; font-size:16px; color: #1E4273; line-height: 23px; } .vision_icon { text-align:center; } /* left_top_con01_li_icon */ .list_ul { margin-top:5px; } .list_ul > li { ; padding-bottom:4px; } .list_ul li { font-size: 15px; line-height: 26px; padding: 0 0 2px 10px; background: url(../img/common/bul.png)no-repeat 0 12px; } } /* ------------------------------------------------------------------------------------- 04_사업장 현황 ---------------------------------------------------------------------------------- */ th, td { border: 0px solid black; display: table-cell; vertical-align: inherit; } table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .grouplist { border-top:3px solid #0A2061; width: 100%; font-size: 15px; } .grouplist tr th { border-bottom:1px solid #EAEAEA; padding: 13px 0 15px 55px; font-weight:700; background-color:#F3F3F3;; color:#000000; font-size:16px; } .grouplist tr th:first-child { text-align:left; } .grouplist tr td { border-bottom: 1px solid #EAEAEA; padding: 13px 0 15px 40px; color:black; font-size:16px; } .iconmap {background:url(http://www.hdec.kr/KR/images/common/icon_map_off.png)no-repeat 0 4px; padding-left:16px;} .subTit02 { height:36px; font-size:18px; font-weight:800; color:#252525; } .table_in { padding: 0 36px; } .img_pad03 { padding: 15px 0 0px 0; text-align:center; } @media only screen and (max-width: 767px) { .grouplist { border-top:2px solid #0A2061; width: 100%; font-size: 13px; } .grouplist tr th { border-bottom:1px solid #EAEAEA; padding: 5px 5px 5px 5px; font-weight:700; background-color:#F3F3F3;; color:#000000; line-height: 18px; font-size:10px; letter-spacing: -0.7px; } .grouplist tr th:first-child { text-align:left; } .grouplist tr td { border-bottom: 1px solid #EAEAEA; padding: 10px 0 10px 5px; line-height: 18px; font-size: 10px; color: #000000;} .iconmap {background:url(http://www.hdec.kr/KR/images/common/icon_map_off.png)no-repeat 0 4px; padding-left:16px;} .subTit02 { height:36px; font-size:18px; font-weight:800; color:#252525; } .table_in { padding: 0 0px; } .img_pad03 { padding: 15px 0 30px 0;} .grouplist col:last-child { display:none; } .grouplist td:last-child { display:none; } } /* ------------------------------------------------------------------------------------- 06_그룹사 ---------------------------------------------------------------------------------- */ .aaa { background-color:black} .groupList { overflow:hidden; margin-top:40px; } .groupList li { float:left; width:325px; height: 580px; margin-left:47px; } .groupList li:nth-child(3n+1) { margin-left:0px; } .groupList li:last-child { margin-left:47px; } .groupList img { margin-bottom:20px; } .groupList dt { margin-bottom:10px; font-weight:800; font-size:17px; } .groupList dd { margin-bottom:20px; height:110px; color:black; font-size: 16px; } .list_Area { overflow:hidden; width:100%; } .list_Area li { line-height:32px; height:32px; margin-left:0px; } .list_Area em:first-child { padding-right:15px; font-weight:700; font-size:15px; } .list_Area li:last-child { margin-left:0px; } .list_Area em { display: inline-block; font-size:15px; } .groupUrl { } /* ------------------------------------------------------------------------------------- 06_그룹사 ---------------------------------------------------------------------------------- */ @media (max-width: 979px) and (min-width: 651px) { .groupList { overflow:hidden; margin-top:30px; } .groupList li { float:left; width:48%; height: 100%; margin: 1%; } .groupList li:nth-child(3n+1) { margin: 1%; } .groupList li:last-child { margin: 1%; } .groupList img { margin-bottom:5px; } .groupList dt { margin-bottom:10px; font-weight:800; font-size:17px; } .groupList dd { margin-bottom:0px; height: 70px; font-size: 13px; line-height: 18px; } .list_Area { overflow:hidden; width:100%; margin-bottom: 33px; } .list_Area li { line-height:20px; height:20px; width:100%; } .list_Area em:first-child { padding-right:15px; font-weight:700; font-size:12px; } .list_Area li:last-child { margin-left:0px; } .list_Area em { display: inline-block; font-size:12px; } .groupUrl { } } @media only screen and (max-width: 651px) { .groupList { overflow:hidden; margin-top:20px; } .groupList li { float:left; width:48%; height: 100%; margin: 1%; } .groupList li:nth-child(3n+1) { margin: 1%; } .groupList li:last-child { margin: 1%; } .groupList img { margin-bottom:5px; } .groupList dt { margin-bottom:10px; font-weight:800; font-size:17px; letter-spacing: -0.7px; } .groupList dd { margin-bottom:0px; height: 110px; font-size: 12px; line-height: 18px; letter-spacing: -0.5px; } .list_Area { overflow:hidden; width:100%; margin-bottom: 33px; } .list_Area li { line-height:20px; height:20px; width:100%; margin-left:0px; } .list_Area li:first-child { margin-left:0px; } .list_Area em:first-child { padding-right:15px; font-weight:700; font-size:11px; } .list_Area li:last-child { margin-left:0px; } .list_Area em { display: inline-block; font-size:10px; line-height: 14px; letter-spacing: 0px; } .groupUrl { } .list_Area em.Post { letter-spacing:-1px; } .list_Area em.First { display:none; } } /* ------------------------------------------------------------------------------------- 07_location ------------------------------------------------------------------------------------- */ th, td { border: 0px solid black; display: table-cell; vertical-align: inherit; } table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .Map_area { } .maplist { border-top:2px solid #3f3f3f; width: 100%; } .maplist tr th { border-bottom:1px solid #EAEAEA; padding: 24px 0 25px 47px; font-weight:700; background-color:none;; color:#333; font-size: 18px; } .maplist tr th:first-child { text-align:left; } .maplist tr td { border-bottom: 1px solid #EAEAEA; padding: 24px 0 25px 10px; font-size: 18px;} .subTit { font-weight: 800; color: #252525; margin-bottom: 20px; font-size: 22px; } .maplist dl { padding:33px 0; } .maplist dt { font-weight:800;; } .maplist dd { margin-bottom:20px; } .btnRight { float:right; margin:-10px 0 -36px; } .btnCom { height:36px; padding:13px; background-color:#3478C1; font-size:16px; text-align:center; cursor:pointer; color:#fff; font-weight:800; } .iconMap { background:url(../img/common/mapicon.png)no-repeat 17px 45%; padding:0 17px 0 37px; } .mapmt40 { margin-bottom:50px; } .img_pad2 { padding: 15px 0;} /* ------------------------------------------------------------------------------------- 07_location ------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { th, td { border: 0px solid black; display: table-cell; vertical-align: inherit; } table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .Map_area {margin-bottom: 10px; } .maplist { border-top:1px solid #0A2061; width: 100%; font-size: 15px; } .maplist tr th { border-bottom:1px solid #EAEAEA; padding: 2px 0 2px 5px; font-weight:700; color:#000000; font-size:12px; line-height:14px; } .maplist tr th:first-child { text-align:left; } .maplist tr td { border-bottom: 1px solid #EAEAEA; padding: 8px 0 8px 5px; line-height: 14px; font-size: 12px; } .subTit { height:42px; font-size:18px; font-weight:800; color:#252525; letter-spacing:-0.7px; margin-bottom: 0px; } .maplist dl { padding:20px 0; } .maplist dt { font-weight:800;; } .maplist dd { margin-bottom:20px; } .btnRight { float:right; margin:0px 0 0px; } .btnCom { height:20px; padding:6px; background-color:#3478C1; font-size:12px; text-align:center; cursor:pointer; color:#fff; font-weight:800; } .iconMap { background:url(../img/common/mapicon.png)no-repeat 5px 45%; padding:0 5px 0 25px; } .mapmt40 { margin-bottom:30px; } .img_pad2 { padding: 0px 0;} } /* ------------------------------------------------------------------------------------- 07_location ------------------------------------------------------------------------------------- */ .content_blog { padding: 60px 0 130px; background:#F4F4F4; display:block; z-index:11; width:100%; } .content2 { padding: 80px 0 130px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content4 { padding: 0px 0 130px; max-width:1200px; margin:0 auto; background:none; display:block; z-index:11; } .content4 h4 { height:40px; line-height:40px; margin-bottom:40px; position: relative; font-size:37px; text-align:center; letter-spacing: -3px; color: #152F5A; z-index:-1; } .content5 { padding: 50px 0 130px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content6 { padding: 80px 0 40px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content6 h4 { height:40px; line-height:40px; margin-bottom:40px; position: relative; font-size:37px; text-align:center; letter-spacing: -0.3px; color: #1c1c1c; z-index:-1; } .content_pd8060 { padding: 80px 0 60px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content_pd8080 { padding: 80px 0 80px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content-full { background:#fbfbfb; } .content-full2 { border-top: 1px solid #e6e6e6; } @media only screen and (max-width: 1024px) { .content_blog { padding: 60px 15px 40px; background:#F4F4F4; display:block; z-index:11; width:100%; } .content2 { padding: 60px 15px 40px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content4 { padding: 0px 15px 40px; max-width:1200px; margin:0 auto; background:none; display:block; z-index:11; } .content4 h4 { height:40px; line-height:40px; margin-bottom:25px; position: relative; font-size:26px; text-align:left; letter-spacing: -3px; color: #152F5A; z-index:-1; } .content5 { padding: 0px 15px 40px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content6 { padding: 30px 15px 0px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content6 h4 { height:40px; line-height:40px; margin-bottom:20px; position: relative; font-size:26px; text-align:left; letter-spacing: -0.5px; z-index:-1; padding-left:0px; } .content_pd8060 { padding: 80px 15px 60px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content_pd8080 { padding: 0px 15px 0px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content-full { background:#fbfbfb; } .content-full2 { border-top: 0px solid #e6e6e6; } } @media only screen and (max-width: 767px) { .content_blog { padding: 60px 15px 40px; background:#F4F4F4; display:block; z-index:11; width:100%; } .content2 { padding: 40px 15px 140px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content4 { padding: 60px 15px 40px; max-width:1200px; margin:0 auto; background:none; display:block; z-index:11; } .content4 h4 { height:40px; line-height:40px; margin-bottom:25px; position: relative; font-size:26px; text-align:left; letter-spacing: -3px; color: #152F5A; z-index:-1; } .content5 { padding: 20px 15px 40px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content6 { padding: 40px 15px 0px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } /* .content6 h4 { height:40px; line-height:40px; margin-bottom:10px; position: relative; font-size:26px; text-align:left; letter-spacing: -3px; z-index:-1; padding-left:15px; } */ .content_pd8060 { padding: 40px 15px 40px; max-width:100%; margin:0 auto; background:none; display:block; z-index:11; } .content_pd8080 { padding: 0px 15px 40px; max-width:100%; margin:0 auto; background:none; display:block; z-index:11; } .content-full { background:#fbfbfb; } .content-full2 { border-top: 0px solid #e6e6e6; } } /* -----------------------------------------------------------------------------------* 02 설비현황 -----------------------------------------------------------------------------------*/ /* content_wrap */ .content { padding: 80px 0 130px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content_area { padding-top:0px; } .content_area2 { margin-top:-60px; } .content h4 { font-family: arial !important; height:24px; line-height:17px; margin-bottom:40px; position: relative; font-size:37px; text-align:center; letter-spacing: -3px; color: #152F5A; z-index:-1; } .sub_head1 { font-size:22px; font-weight:700; padding:20px 0 10px 0; } .sub_head2 { font-size:22px; font-weight:700; padding:20px 0 30px 0; margin-top:50px; background:url(https://www.hdec.kr:1443/KR/images/common/blt_bar03.gif)no-repeat left 4px; padding-left:0px; } .biz_hdtit { text-align:center; font-size:32px; font-weight:800; margin-bottom:30px; } .content .txtmyeongjo { font-size: 28px; margin-bottom:70px; line-height: 1.8;} .txtmyeongjo { font-weight: 700; letter-spacing: -1px; text-align: center; line-height: 46px; font-size: 32px; margin-bottom: 70px; color: #141414; } /* 03 설비현황 */ .group_energy { overflow:hidden; padding-bottom: 30px; margin-top: 25px; } .group_energy li { float:left; width:519px; margin-left:32px; } .group_energy li:first-child { float:left; width:519px; margin-left:0px; } .sub_t1 { font-size:17px; word-break:keep-all; line-height: 36px; } .mb15 { margin-bottom: 50px !important; } .mb20 { margin-bottom: 20px !important; } .img_pad { padding:15px 0; } .img_mission { background:url(../img/10.png) no-repeat; width:100%; height:400px; } .img_mission { text-align:center; display:table; } .img_mission span { display:block; } .img_mission .mis_txt { font-size:34px; font-family: 'Nanum Gothic'; font-weight:700; letter-spacing:-2px; line-height:36px; margin-top:52px; color:#1E4273; } .mi_title { float:left; font-size:18px; text-transform:uppercase; letter-spacing:0px; color:white; border-top:1px solid white; padding-top:14px; width:10%; text-align:left; top:40px; margin-top:-70px; } /* 설비현황; */ .facility { width:100%; overflow:hidden; margin-bottom:70px; position:relative; } .facility_img { float:left; width: 378px; margin-top:0px; } .facility_list { float:left; width: 600px; margin-left:30px; margin-top:50px; } .facility_hd { border-bottom: 1px solid #ccd0da; position: absolute; right: 0; margin-right: 61px; top: 0; width: 600px; background: #f5f7fb; text-align: center; font-size: 17px; border-top: 2px solid #002b5c; line-height: 50px; font-weight: 700; color: #002b5c; } /* 03 설비현황 */ .table { border-collapse: collapse; border:0; border-spacing:0; table-layout:fixed; word-break:break-all; } .ac_power { width:100%; border-top:1px solid #E5E9F1; margin-top: 2px; font-size:15px; } .ac_power { border-bottom:1px solid #E5E9F1; } .ac_power td { border-top:1px solid #E5E9F1; padding:5px 0; text-align:center; color:black; } .line_type { border-right:1px solid #E5E9F1; } .dtxt { height: 42px; line-height: 42px; /* padding: 5px 0; */ border-bottom: 1px solid #ccd0da; font-size: 15px; background: #f8f9fb; font-weight: 600; } .meddle_line:after { content: ""; margin-top: 13px; width: 1px; height: 15px; position: absolute; background: #c6ccd6; margin-left: 42px; } .boiler { float:left; width: 200px; font-weight:500; text-align:center; margin-top:36px; margin-top: 4px; } .turbin { float:left; width: 200px; font-weight:500; text-align:center; margin-left:0px; margin-top:36px; margin-top: 4px; } /* .turbin:before { content: ""; margin-top: 13px; width: 1px; height: 15px; position: absolute; background: #c6ccd6; margin-left: 0px; } .passing:before { content: ""; margin-top: 13px; width: 1px; height: 15px; position: absolute; background: #c6ccd6; margin-left: -90px; }*/ .passing { float:left; width: 200px; font-weight:500; text-align:center; margin-left:0px; margin-top:36px; margin-top: 4px; } .core_facility { text-align:center; margin-top:4px; } .boiler_list , .turbin_list, .passing_list { font-size:15px; color:black; } .boiler li { line-hegith:34px; border-bottom:1px solid #E5E9F1;padding:5px 0; } .turbin li { line-hegith:34px; border-bottom:1px solid #E5E9F1; padding:5px 0; } .passing li { line-hegith:34px; border-bottom:1px solid #E5E9F1; padding:5px 0; } .core_facility li { line-hegith:34px; border-bottom:1px solid #E5E9F1;padding:5px 0; } .font700 { font-weight:600; } .mtb40 { margin-bottom:50px; } /* -----------------------------------------------------------------------------------* 02 설비현황 -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 1100px) { .group_energy { overflow: hidden; padding-bottom: 20px; margin-top: 0px; } .group_energy li { float: none; width: 100%; margin-left: 0px; text-align:center; } .group_energy li:first-child { float: none; width: 100%; margin-left: 0px; } } @media only screen and (max-width: 1024px) { .content { padding: 60px 15px 50px; max-width: 1100px; margin: 0 auto; background: none; display: block; z-index: 11; } .content .txtmyeongjo { font-weight: 700; letter-spacing: -0.3px; text-align: center; line-height: 28px; font-size: 18px; margin-bottom: 20px; color:#141414 } .txtmyeongjo { text-align: center; font-style: normal; line-height:28px; letter-spacing:-0.5px; word-spacing:-1px; font-size: 18px; } } @media only screen and (max-width: 767px) { .content { padding: 40px 15px 40px; max-width:1100px; margin:0 auto; background:none; display:block; z-index:11; } .content_area { padding-top:0px; } .content_area2 { margin-top:-60px; } .content h4 { font-family: arial !important; height:24px; line-height:17px; margin-bottom:40px; position: relative; font-size:37px; text-align:center; letter-spacing: -3px; color: #152F5A; z-index:-1; } .sub_head1 { font-size:22px; font-weight:700; padding:20px 0 10px 0; } .sub_head2 { font-size:22px; font-weight:700; padding:20px 0 30px 0; margin-top:50px; background:url(https://www.hdec.kr:1443/KR/images/common/blt_bar03.gif)no-repeat left 4px; padding-left:0px; } .biz_hdtit { text-align: left; font-size: 30px; font-weight: 800; margin-bottom: 30px; font-family: 나눔바른고딕, "Nanum Barun Gothic", 돋움, Dotum; } .content .txtmyeongjo { letter-spacing: -1px; text-align: left; line-height: 26px; font-size: 16px; margin-bottom: 20px; color:#141414; font-weight: 400; } .txtmyeongjo { text-align: left; font-style: normal; line-height: 26px; letter-spacing: -1px; word-spacing: -0.3px; font-size: 16px; font-weight: 400; margin-bottom: 20px;} /* .txtmyeongjo br { display:none; }*/ /* 03 설비현황 */ .group_energy { overflow: hidden; padding-bottom: 20px; margin-top: 0px; } .group_energy li { float: none; width: 100%; margin-left: 0px; text-align:center; margin-bottom: 10px; } .group_energy li:first-child { float: none; width: 100%; margin-left: 0px; } .sub_t1 { font-size:14px; word-break:keep-all; line-height:23px; } .mb15 { margin-bottom: 20px !important; } .mb20 { margin-bottom: 20px !important; } .img_pad { padding:15px 0; } .img_mission { background:url(../img/10.png) no-repeat; width:100%; height:400px; } .img_mission { text-align:center; display:table; } .img_mission span { display:block; } .img_mission .mis_txt { font-size:34px; font-family: 'Nanum Gothic'; font-weight:700; letter-spacing:-2px; line-height:36px; margin-top:52px; color:#1E4273; } .mi_title { float:left; font-size:18px; text-transform:uppercase; letter-spacing:0px; color:white; border-top:1px solid white; padding-top:14px; width:10%; text-align:left; top:40px; margin-top:-70px; } /* 설비현황; */ .facility { width:100%; overflow:hidden; margin-bottom:40px; position:relative; } .facility_img { text-align: center; float: none; width: 100%; margin-top: 50px; } .facility_list { float: left; width: 100%; margin-left: 0px; margin-top: 10px; } .facility_hd { border-bottom: 0px solid #ccd0da; position: absolute; right: 0; margin-right: 0px; top: 0; width: 100%; background: none; text-align: left; font-size: 17px; border-top: 0px solid #002b5c; line-height: 40px; font-weight: 700; color: #002b5c; } .facility_hd:before { content:""; width:33px; height:1px; position:absolute; top:0px; background-color:#002b5c; left:0; } /* 03 설비현황 */ .table { border-collapse: collapse; border:0; border-spacing:0; table-layout:fixed; word-break:break-all; } .ac_power { width:100%; border-top:1px solid #E5E9F1; margin-top: 2px; font-size:14px; } .ac_power { border-bottom:1px solid #E5E9F1; } .ac_power td { line-height: 20px; border-top:1px solid #E5E9F1; padding:5px 0; text-align:center; } .line_type { border-right:1px solid #E5E9F1; } .dtxt { height: 36px; line-height: 36px; /* padding: 5px 0; */ border-bottom: 1px solid #ccd0da; font-size: 15px; background: #f8f9fb; font-weight: 800; } .boiler { float: left; width: 100%; font-weight: 500; text-align: center; margin-top: 4px; } .turbin { float:left; width: 100%; font-weight:500; text-align:center; margin-left:0px; margin-top:36px; margin-top: 4px; } .turbin:before { content: ""; margin-top: 13px; width: 0px; height: 15px; position: absolute; background: #c6ccd6; margin-left: -100px; } .passing:before { content: ""; margin-top: 13px; width: 0px; height: 15px; position: absolute; background: #c6ccd6; margin-left: -90px; } .passing { float:left; width: 100%; font-weight:500; text-align:center; margin-left:0px; margin-top:36px; margin-top: 4px; } .core_facility { text-align:center; margin-top:4px; } .boiler_list , .turbin_list, .passing_list { font-size:14px; } .boiler li { line-hegith:34px; border-bottom:1px solid #E5E9F1;padding:5px 0; } .turbin li { line-hegith:34px; border-bottom:1px solid #E5E9F1; padding:5px 0; } .passing li { line-hegith:34px; border-bottom:1px solid #E5E9F1; padding:5px 0; } .core_facility li { line-hegith:34px; border-bottom:1px solid #E5E9F1;padding:5px 0; } .font700 { font-weight:600; } .mtb40 { margin-bottom:20px; } } /* -----------------------------------------------------------------------------------* 03 개요 -----------------------------------------------------------------------------------*/ .g_energy { padding:20px 0 100px 0;} .gr_tx { margin-bottom:70px; } .gr_hd { font-size:20px; font-weight:900; } @media only screen and (max-width: 767px) { .g_energy { padding:20px 0 30px 0;} .gr_tx { margin-bottom:70px; } .gr_hd { font-size:18px; font-weight:700; } } /* -----------------------------------------------------------------------------------* 채용정보 -----------------------------------------------------------------------------------*/ .recruit_subtxt { } .mtb40 { margin-bottom:40px; } .dec { font-size:18px; } .proimg { margin:5px 0 0 1px; } .recruit_tit { font-size:18px; line-height:32px; text-align: center; width: 100%; display: inline-block;} .recruit_txt { color:black; margin-bottom:20px; } .recruit_list { overflow:hidden; } .recruit_list dl { float:left; width:520px; min-height:170px; margin-top:20px; padding: 27px 0 24px 30px; background-color: #f5f5f5 !important; } .recruit_list dt { margin-bottom:7px; font-size:20px; font-weight:700; color:black; line-height:32px; } .recruit_list dd { color:black; line-height: 26px; } .recruit_list dl.space { margin-left:20px; } .recruit_list .r_icon1 { background:url(../img/05_recruit/im1.png) no-repeat 90% 25%; } .recruit_list .r_icon2 { background:url(../img/05_recruit/im2.png) no-repeat 90% 25%; } .recruit_list .r_icon3 { background:url(../img/05_recruit/im3.png) no-repeat 90% 25%; } .recruit_list .r_icon4 { background:url(../img/05_recruit/im4.png) no-repeat 90% 25%; } .recruit_list .r_icon5 { background:url(../img/05_recruit/im5.png) no-repeat 90% 25%; } .recruit_list .r_icon6 { background:url(../img/05_recruit/im6.png) no-repeat 90% 25%; } .recruit_list .r_icon7 { background:url(../img/05_recruit/im7.png) no-repeat 90% 25%; } .recruit_list .r_icon8 { background:url(../img/05_recruit/im8.png) no-repeat 90% 25%; } .recruit_list .r_icon9 { background:url(../img/05_recruit/im9.png) no-repeat 90% 25%; } .recruit_list .r_icon10 { background:url(../img/05_recruit/im10.png) no-repeat 90% 25%; } .recruit_list .r_icon11 { background:url(../img/05_recruit/im11.png) no-repeat 90% 25%; } .recruit_list .r_icon12 { background:url(../img/05_recruit/im12.png) no-repeat 90% 25%; } .recruit_list .r_icon13 { background:url(../img/05_recruit/im13.png) no-repeat 90% 25%; } .recruit_list .r_icon14 { background:url(../img/05_recruit/im14.png) no-repeat 90% 25%; } .recruit_list .ect { width:99%; } /* -----------------------------------------------------------------------------------* 채용정보 @media only screen and (max-width: 767px) { -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 1078px) { .recruit_subtxt { } .mtb40 { margin-bottom:40px; } .dec { font-size:16px; line-height: 26px; margin-bottom:10px; } .proimg { margin:5px 0 0 1px; } .recruit_tit { font-size:18px; line-height:26px; margin-bottom:10px; } .recruit_txt { font-size:16px; line-height:26px; margin-bottom: 20px; } .recruit_list { overflow:hidden; } .recruit_list dl { float:left; width:100%; min-height:130px; margin-top:7px; padding: 14px 0 15px 90px; background-color: #f5f5f5 !important; } .recruit_list dt { margin-bottom: 0px; font-size: 16px; font-weight: 700; color: black; line-height: 32px; } .recruit_list dd { line-height:22px; padding-right: 15px; } .recruit_list dd br { display:none; } .recruit_list dl.space { margin-left:0px; } .recruit_list .r_icon1 { background:url(../img/05_recruit/im1.png) no-repeat 20px 18px; } .recruit_list .r_icon2 { background:url(../img/05_recruit/im2.png) no-repeat 20px 18px; } .recruit_list .r_icon3 { background:url(../img/05_recruit/im3.png) no-repeat 20px 18px; } .recruit_list .r_icon4 { background:url(../img/05_recruit/im4.png) no-repeat 20px 18px; } .recruit_list .r_icon5 { background:url(../img/05_recruit/im5.png) no-repeat 20px 18px; } .recruit_list .r_icon6 { background:url(../img/05_recruit/im6.png) no-repeat 20px 18px; } .recruit_list .r_icon7 { background:url(../img/05_recruit/im7.png) no-repeat 20px 18px; } .recruit_list .r_icon8 { background:url(../img/05_recruit/im8.png) no-repeat 20px 18px; } .recruit_list .r_icon9 { background:url(../img/05_recruit/im9.png) no-repeat 20px 18px; } .recruit_list .r_icon10 { background:url(../img/05_recruit/im10.png) no-repeat 20px 18px; } .recruit_list .r_icon11 { background:url(../img/05_recruit/im11.png) no-repeat 20px 18px; } .recruit_list .r_icon12 { background:url(../img/05_recruit/im12.png) no-repeat 20px 18px; } .recruit_list .r_icon13 { background:url(../img/05_recruit/im13.png) no-repeat 20px 18px; } .recruit_list .r_icon14 { background:url(../img/05_recruit/im14.png) no-repeat 20px 18px; } .recruit_list .ect { width:100%; } } /* -----------------------------------------------------------------------------------* 채용프로세스 -----------------------------------------------------------------------------------*/ .steplist { margin-top:30px; } .steplist li { overflow:hidden; margin-top:20px; } .steplist .num { float:left; overflow:hidden; text-align:right; width:250px; min-height:38px; background-color: #e7e7e7; padding: 30px 30px 30px 25px} .steplist em { font-size:16px; font-weight:700; color:black; } .steplist .futura { float:left; font-size:14px; font-weight:600; text-transform: uppercase; } .steplist .subtxt { float:left; padding:0 30px 0; width: 70%; color:black; } .steplist .subtxt2 { float:left; padding:0 30px 0; width: 70%; color:black; font-size:15px; } .interview { margin-top:70px; } .interview .tit { font-size:20px; color:black; } .interview .right_area { width:100%; } .list_ul3 { float:none; width:100%;border-top:2px solid #4d4d4d; line-height:32px; font-size:18px; margin-top: 20px; color:black; } .interview .list_ul3 li { padding:15px 0; border-bottom:1px solid #eee; position:relative; } .interview .list_ul3 li>span { line-height:18px; display:inline-block; padding-left:80px; } .list_ul3 li:before { position: absolute; top: 20px; left: 4px; display: inline-block; width: 16px; content: ''; background-position:left top; } .list_ul3 li.mail a { color:#333; } .list_ul3 .btnrec { margin-left:20px; padding: 7px 13px; font-size:16px; font-weight:700; cursor:pointer; border: 1px solid black; } .list_ul3 .btnrec em { color:#333; font-size:13px; } .list_ul3 .icon_down { background:url(../img/common/icon_down.png) no-repeat 97% 50%; padding: 0 30px 0 9px; } .list_ul3 li.adress:before { width:15px; left: 24px; height:18px; background-image:url(../img/common/sprite.png); background-position: 0 0px; } .list_ul3 li.mail:before { width:15px; left: 24px;height:11px; background-image:url(../img/common/sprite.png); background-position: 0 -24px; top: 24px; } .list_ul3 li.phone:before { width:16px; left: 24px;height:16px; background-image:url(../img/common/sprite.png); background-position: 0 -43px; } .list_ul3 li.fax:before { width:16px; left: 24px; height:15px; background-image:url(../img/common/sprite.png); background-position: 0 -67px; top: 23px } /* -----------------------------------------------------------------------------------* 채용프로세스 -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { .steplist { margin-top:30px; } .steplist li { overflow:hidden; margin-top:36px; } .steplist .num { display: block; float: none; overflow: hidden; text-align: right; width: 100%; min-height: 40px; background-color: #e7e7e7; padding: 5px 15px 5px 15px; position: relative;} .steplist em { font-size:14px; font-weight:700; color:black; top: 0; position: absolute; width: 120px; right: 0; text-align: center; color: #fff; letter-spacing: -1px; line-height: 40px; background: #0964C2; } .steplist .futura { float:left; font-size:14px; font-weight:600; text-transform: uppercase; font-weight: normal; } .steplist .subtxt { float:left; padding:0 0px 0; margin-top: 10px; line-height: 26px; width:100%; } .steplist .subtxt2 { float:left; padding:0 0px 0; width: 100%; color:black; font-size:14px; letter-spacing:-0.5px; } .interview { margin-top:40px; } .interview .tit { font-size:20px; color:black; } .interview .right_area { width:100%; } .list_ul3 { float:none; width:100%;border-top:2px solid #4d4d4d; line-height:32px; font-size:16px; margin-top: 15px; } .interview .list_ul3 li { padding:5px 0; border-bottom:1px solid #eee; position:relative; } .interview .list_ul3 li>span { line-height:24px; display:inline-block; padding-left:28px; font-size:14px; letter-spacing:-0.2px; } .list_ul3 li:before { position: absolute; top: 12px; left: 1px; display: inline-block; width: 16px; content: ''; background-position:left top; } .list_ul3 li.mail a { } .list_ul3 .btnrec { margin-left: 0px; padding: 0px 6px; cursor: pointer; text-align: center; display: inline-block; position: absolute; right: 0; line-height: 26px; } .list_ul3 .btnrec em { color: #333; font-size: 12px; text-align: center; letter-spacing: -0.2px;} .list_ul3 .icon_down { background:url(../img/common/icon_down.png) no-repeat 97% 49%; padding: 0 30px 0 2px; } .list_ul3 li.adress:before { width:15px; left: 5px; height:18px; background-image:url(../img/common/sprite.png); background-position: 0 0px; } .list_ul3 li.mail:before { width:15px; left: 5px; height:11px; background-image:url(../img/common/sprite.png); background-position: 0 -24px; top: 18px; } .list_ul3 li.phone:before { width:16px; left: 5px; height:16px; background-image:url(../img/common/sprite.png); background-position: 0 -43px; } .list_ul3 li.fax:before { width:16px; left: 5px; height:15px; background-image:url(../img/common/sprite.png); background-position: 0 -67px; top: 15px } } /* -----------------------------------------------------------------------------------* 채용정보 end -----------------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------* 공지사항 -----------------------------------------------------------------------------------*/ input::-webkit-input-placeholder { font-size: 12px; line-height:4; } textarea::-webkit-input-placeholder { font-size: 10px; line-height: 3;} input[type="text"] {box-sizing:border-box;-webkit-appearance:none;} .notice-list { width:100%; position:relative; } .Search { position:absolute; top:0; right:0; height:44px; border:1px solid #ccc; } .Search button { cursor: pointer; right: -1px; position: absolute; display: inline-block; width: 42px; height: 44px; top: -1px; background:#dd1112 url(../img/common/search.jpg)no-repeat center 50%; text-indent: -9999px; box-sizing: border-box; border: none; } .Search input { display: inline-block; width: 250px; height: 42px; font-size: 16px; color: #4c4c4c; padding-left: 15px; vertical-align: top; border: 0; background: #fff; } .Search button:before { content:''; width:1px; height:44px; background:#dd1112; position:absolute; right:0; margin-right:42px; top:0;} .pagetotal { font-size:15px; color:#666; padding:21px 0 16px; position:relative; width:30%; } .pagetotal strong { color:black; padding:0 2px; font-weight: 800; } .pagetotal em { display:inline-block; padding-left:20px; margin-left:0px; background: url(../img/common/bul01.gif)no-repeat 7px 13px; } .pagetotal em:before { content:""; position:absolute; width:0px; height:0px; background:#ABABAB; top:53%; display:block; left:0; margin-left:55px; } .noticelist { border-top:2px solid #646464; border-bottom:1px solid #999; margin-bottom:50px; } .noticelist .Notice .Num { display:inline-block; width:100px; font-size:14px; color:#808080; vertical-align:middle; margin-right:20px; text-align:center; font-weight:500; } .noticelist .Notice .Notxt { display:inline; width:69%; font-size:18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; vertical-align:middle; font-weight:600; } .noticelist .Notice .Date { display:inline-block; position:absolute; width:15%; font-size:14px; text-align:center; right:0; font-weight:bold; color:#95959C; } .noticelist .Notice .going { display:inline-block; font-size:12px; text-align:center; right:2%; font-weight:bold; color:#95959C; padding: 1px 20px; text-align:center; color: #565656; border: 1px solid; } .noticelist a { position:relative; display:block; width:100%; padding:18px 0 20px 0; box-sizing:border-box; } .Notice:first-child { border-top:0; } .Notice { position:relative; width:100%; border-top:1px solid #d9d9d9; } .noticelist .new { border: 1px solid #e98c2c; background:#e98c2c; color:#fff; margin-left:8px; font-size: 9px; display: inline-block; text-align: center; text-indent: 0px; padding: 5px 5px; line-height: 8px; border-radius: 2px; } .Paging { text-align:center; width:100%; position: relative; } .Paging .Prev { background:url(../img/common/p_prev.png)no-repeat; width:18px; height:11px; margin-right:25px; text-indent:-9999px; vertical-align:middle; border:none; } .Paging .Next { background:url(../img/common/p_next.png)no-repeat; width:18px; height:11px; margin-left:25px; text-indent:-9999px; vertical-align:middle; border:none; } .Paging .Prev:hover { background:url(../img/common/p_prev02.png)no-repeat; } .Paging .Next:hover { background:url(../img/common/p_next02.png)no-repeat; } .noticelist .Notice:hover {background: #F4F6F8;} .Paging .on { border: 1px solid #db0000; color: #ffffff; background: #db0000; } .Paging a { border:0px solid #D9D9D9; display:inline-block; width:34px; height:34px; line-height:34px; font-size:12px; color:#666; text-align:center; margin-left:4px; background: #fff; } .ipageing { display:inline-block; } .mpaging { padding:0 30px; display:none; } .paging_web { display: inline-block; } .paging_mo { display:none; } .btn-list { position:absolute; right:0; top:0; } .btn-list a { color: #666; height: 40px; line-height: 40px; width: 90px; margin-left: 5px; border: 1px solid black; color:black; } /* -----------------------------------------------------------------------------------* 공지사항 -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 1024px) { input::-webkit-input-placeholder { font-size: 14px; line-height: 20px;} textarea::-webkit-input-placeholder { font-size: 10px; line-height: 3;} input[type="text"] {box-sizing:border-box;-webkit-appearance:none;} .notice-list { width:100%; position:relative; } .Search { position:relative; top:0; right:0; height:44px; border:1px solid #ccc; } .Search button { cursor: pointer; right: -1px; position: absolute; display: inline-block; width: 42px; height: 44px; top: -1px; background:#dd1112 url(../img/common/search.jpg)no-repeat center 50%; text-indent: -9999px; box-sizing: border-box; border: none; } .Search input { display: inline-block; width: 100%; height: 42px; font-size: 16px; color: #4c4c4c; padding-left: 15px; vertical-align: top; border: 0; background: #fff; } .Search button:before { content:''; width:1px; height:44px; background:#dd1112; position:absolute; right:0; margin-right:42px; top:0;} .pagetotal { display: none; font-size: 15px; color: #666; padding: 21px 0 16px; position: relative; width: 30%; } .pagetotal strong { color:black; padding:0 2px; } .pagetotal em { display:inline-block; padding-left:0px; margin-left:20px; } .pagetotal em:before { content:""; position:absolute; width:3px; height:3px; background:#ABABAB; top:53%; display:block; left:0; margin-left:55px; } .noticelist { border-top: 2px solid black; border-bottom: 1px solid #999; margin-bottom: 50px; margin-top: 20px; } .noticelist .Notice .Num { display:none; width:100px; font-size:14px; color:#808080; vertical-align:middle; margin-right:20px; text-align:center; font-weight:500; } .noticelist .Notice .Notxt { color:black; display: inline-block; width: 92%; font-size: 14px; text-overflow: ellipsis; white-space: normal; word-wrap: normal; overflow: hidden; vertical-align: middle; line-height: 22px; font-weight: 300; letter-spacing:-0.4px; } .noticelist .Notice .Date { display: block; position: relative; width: 100%; font-size: 12px; text-align: left; left: 0; font-weight: normal; color: #95959C; } .noticelist .Notice .going { display:inline-block; font-size:11px; text-align:center; right:2%; font-weight:normal; color:#95959C; background:#FFAE51; padding: 0px 15px; text-align:center; color:#fff; } .noticelist a { position: relative; display: block; width: 100%; padding: 10px 5px 10px 5px; box-sizing: border-box; } .Notice:first-child { border-top:0; } .Notice { position:relative; width:100%; border-top:1px solid #d9d9d9; } .noticelist .new { border: 1px solid #e98c2c; background: #e98c2c; color: #fff; margin-left: 5px; font-size: 9px; display: inline-block; text-align: center; text-indent: 0px; padding: 3px 3px; line-height: 8px; border-radius: 2px; position: absolute; right: 0; margin-right: 5px; top: 13px; } .Paging { text-align:center; width:100%; position: relative; } .Paging .Prev { background:url(../img/common/p_prev.png)no-repeat; width:18px; height:11px; margin-right:25px; text-indent:-9999px; vertical-align:middle; border:none; } .Paging .Next { background:url(../img/common/p_next.png)no-repeat; width:18px; height:11px; margin-left:25px; text-indent:-9999px; vertical-align:middle; border:none; } .Paging .Prev:hover { background:url(../img/common/p_prev02.png)no-repeat; } .Paging .Next:hover { background:url(../img/common/p_next02.png)no-repeat; } .noticelist .Notice:hover {background: #F4F6F8;} .Paging .on { border: 1px solid #db0000; color:#db0000; } .Paging a { border:1px solid #D9D9D9; display:inline-block; width:40px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; margin-left:4px; } .ipageing { display: none; } .mpaging { padding:0 30px; display: inline-block; } .paging_web { display:none; } .paging_mo { display: inline-block; } .btn-list { position:absolute; right:0; top:0; } .btn-list a { color: #666; height: 40px; line-height: 40px; width: 90px; margin-left: 5px; border: 1px solid black; color:black; } } /* -----------------------------------------------------------------------------------* 공지사항 view -----------------------------------------------------------------------------------*/ .view_wrap { width:100%; margin-top:105px; } .view_borardlist { border-top: 2px solid black; border-bottom: 1px solid #999; margin-bottom: 50px; } .unit { position: relative; display: table; width: 100%; padding: 18px 0 20px 0; box-sizing: border-box; position: relative; width: 100%; border-top: 1px solid #d9d9d9; } .unit:first-child { border-top: 0;} .unit .Notxt { display: inline-block; width: 69%; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 20px; font-weight:800; color:black; } .unit .Notxt2 { display: inline-block; width: 69%; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 20px; font-weight:700; } .unit .Notxt3 { display: inline-block; width: 78px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 20px; font-weight:700; } .unit .Notxt4 { display: inline-block; width: 150px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 20px; font-weight:400; } .unit .Notxt2 a { } .unit .Date { display: inline-block; position: absolute; width: 15%; font-size: 14px; text-align: center; right: 2%; font-weight: bold; color: #95959C;e; } .unit .Add { background:url(../img/common/icon4.jpg) no-repeat 3px 5px; width:22px; height:15px; padding-left:32px; } .unit .emr { padding: 0 20px 0 32px; font-size: 16px; width: 100%; display: table-cell; } .unit .Contx { display: inline-block; position: absolute; font-size: 17px; text-align: left; right: 2%; font-weight: bold; color: #95959C; left: 150px; } .unit .adhalf li { float:left; width:50%; position: relative; } .notice-con { border-top: 1px solid #d9d9d9; background:#FCFCFC; position:relative; overflow:hidden; padding:34px 22px 150px; } .notice-con .photo-area { float:left; width:500px; } .notice-con .con-area { float:right; width:500px; font-size:16px; line-height:36px; padding-right:15px; } .notice-con .Align { text-align:left; padding: 33px 22px; line-height: 36px;} .notice-con-view { text-align:center; } .notice-con-view img { text-align:center; } .bt-area { position:relative; text-align:center; width:100%; clear:both; } .view-btn-list a { display:inline-block; border:1px solid black; margin-left:5px; height: 40px; line-height: 40px; width: 90px; font-size:14px; } .bt-Prev { position:absolute; left:0;; background:url(../img/common/arr_prev.jpg)no-repeat left 0; height:31px; font-size:15px; line-height:31px; padding-left:30px; } .bt-Next { position:absolute; right:0; background:url(../img/common/arr_next.jpg)no-repeat right 0; height:31px; font-size:15px; line-height:31px; padding-right:30px; } .view-btn-list em { display:inline-block; padding-left:22px; background:url(../img/common/list_icon.jpg)no-repeat 0; } .rec { width: 100%; display: inline-block; color: red; margin: 30px 0 10px; } /* -----------------------------------------------------------------------------------* 공지사항 view -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 1024px) { .view_wrap { width:100%; margin-top:0px; } .view_borardlist { border-top: 2px solid black; border-bottom: 1px solid #999; margin-bottom: 50px; } .unit { position: relative; display: table; width: 100%; padding: 10px 0 10px 5px; box-sizing: border-box; position: relative; width: 100%; border-top: 1px solid #d9d9d9; } .unit:first-child { border-top: 0;} .unit .Notxt { display: inline-block; width: 100%; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 0px; font-weight:700; letter-spacing: -1.2px; } .unit .Notxt2 { display: inline-block; width: 69%; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 0px; } .unit .Notxt3 { display: inline-block; width: 78px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 0px; font-weight:700; } .unit .Notxt4 { display: inline-block; width: 100px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 0px; font-weight: 400; } .unit .Notxt2 a { } .unit .Date { display: block; position: relative; width: 100%; font-size: 12px; text-align: left; right: 0; font-weight: normal; color: #95959C; padding-left: 0px; } .unit .Add { background:url(../img/common/icon4.jpg) no-repeat 6px 2px; width:22px; height:15px; padding-left:32px; font-size:13px; } .unit .emr { padding: 0 0px 0 0px; font-size: 13px; width: 100%; display: block; } .unit .Contx { display: inline-block; position: absolute; font-size: 14px; text-align: left; right: 2%; font-weight: bold; color: #95959C; left: 100px; } .unit .adhalf li { float:left; width:100%; position: relative; } .notice-con { border-top: 1px solid #d9d9d9; background:#FCFCFC; position:relative; overflow:hidden; padding: 30px 0px 70px; } .notice-con .photo-area { padding-bottom: 15px; text-align: center; float: none; width: 100%;} .notice-con .con-area { float: none; width: 100%; font-size: 14px; line-height: 26px; padding-right: 14px; } .notice-con .Align { text-align:left; font-size: 16px; line-height: 26px; padding: 0px; } .notice-con-view { text-align:center; margin-bottom: 10px; } .notice-con-view img { text-align:center; } .bt-area { position:relative; text-align:center; width:100%; clear:both; } .view-btn-list a { display:inline-block; border:1px solid black; margin-left:5px; height: 40px; line-height: 40px; width: 90px; font-size:14px; } .bt-Prev { position:absolute; left:0;; background:url(../img/common/arr_prev.jpg)no-repeat left 0; height:31px; font-size:15px; line-height:31px; padding-left:30px; } .bt-Next { position:absolute; right:0; background:url(../img/common/arr_next.jpg)no-repeat right 0; height:31px; font-size:15px; line-height:31px; padding-right:30px; } .view-btn-list em { display:inline-block; padding-left:22px; background:url(../img/common/list_icon.jpg)no-repeat 0; } } /* -----------------------------------------------------------------------------------* 제품리스트 -----------------------------------------------------------------------------------*/ .Product-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; } .Product-list li { float:left; width:23.6%; margin-right: 17px; overflow:hidden; position:relative; } .Product-list li:nth-child(4n+0) { margin:0 0px 33px 0; } .Add_sub { margin-bottom: 0px; position: relative; display: inline-block; width: 100%; } .Add_sub li { display: inline-block; width: 33%; text-align: center; position: relative; height: 120px; /* border: 1px solid red; */ line-height: 150px; } .Add_sub li a { height: 100%; text-align: center; border: 0px solid #E7E7E7; display: inline-block; width: 90%; } .Add_sub li.on a { color: #d40000; } .Add_sub i { font-size: 11px; margin-left: 12px; position: relative; }.Add_sub i:after { content: ""; width: 1px; height: 10px; background: #dedede; position: absolute; top: 0px; left: -8px;} .Add_sub2 { background:white; height:50px; margin-bottom:30px; position:relative; display:none; } .Add_sub2 li { float:left; width:50%; text-align:center; } .Add_sub2 li a { line-height:50px; text-align:center; font-size:16px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/} .Add_sub2 li.on a { border-bottom:11px solid #d80101; } .Add_sub2 li.on { background:#d40000; transition: all 0.4s ease; } .Add_sub .em1 { background: url(../img/02_business/T01.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em2 { background: url(../img/02_business/T02.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em3 { background: url(../img/02_business/T03.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em4 { background: url(../img/02_business/T04.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em1 { background: url(../img/02_business/T01_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em2 { background: url(../img/02_business/T02_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em3 { background: url(../img/02_business/T03_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em4 { background: url(../img/02_business/T04_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em1 i:after, .Add_sub li.on .em2 i:after, .Add_sub li.on .em3 i:after { background:#d40000; } .Hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #FF5400; transition: all 0.45s ease; opacity: 0;} .Hover_line2 { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #FF5400; transition: all 0.45s ease; opacity:1; } .Pimg-wp { width: 261px; height: 235px; position:relative; } .Picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:24px; font-size:10px; font-weight: 700; font-family: 'Titillium Web', sans-serif; z-index: 33; } .Pimg { display:inline-block; overflow: hidden; width:100%; height:100%; } .Pimg > img { /*width:100%; height:100%;*/ } .Txt-box { position:relative; overflow:hidden; padding:25px 0px; background:none; } .Ptitle { overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; font-size: 17px; height: 20px; font-weight: 400; white-space: nowrap; width: 98%; text-align: center; } .Pdate { position:absolute; top:68%; left:20px; font-size:13px; } /* -----------------------------------------------------------------------------------* 제품리스트 -----------------------------------------------------------------------------------*/ @media (max-width: 980px) { .Product-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; margin-top: 20px; } .Product-list li { float:left; width: 32.6%; margin-left: 1.1%; overflow:hidden; margin-right: 0%; } .Product-list li:first-child { margin-left: 0%; } .Product-list li:nth-child(4n+0) { margin: 0%; } .Product-list li:nth-child(7) { margin: 0%; } .Product-list li:last-child { margin-left: 1%; } .Add_sub { margin-bottom: 15px; position: relative; display: inline-block; width: 100%; } .Add_sub li { display: inline-block; width: 33%; text-align: center; position: relative; height: 120px; /* border: 1px solid red; */ line-height: 150px; } .Add_sub li a { height: 100%; text-align: center; border: 0px solid #E7E7E7; display: inline-block; width: 90%; } .Add_sub li.on a { color: #d40000; } .Add_sub i { font-size: 11px; margin-left: 12px; position: relative; }.Add_sub i:after { content: ""; width: 1px; height: 10px; background: #dedede; position: absolute; top: 0px; left: -8px;} .Add_sub2 { background:white; height:32px; margin-bottom:0px; position:relative; padding:0 15px; display:none; } .Add_sub2 li { float:left; width:33%; text-align:center; } .Add_sub2 li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .Add_sub2 li.on a { border-bottom:1px solid #3E3E3E; } .Add_sub .em1 { background: url(../img/02_business/T01.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em2 { background: url(../img/02_business/T02.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em3 { background: url(../img/02_business/T03.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; font-weight: 600; } .Add_sub .em4 { background: url(../img/02_business/T04.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em1 { background: url(../img/02_business/T01_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em2 { background: url(../img/02_business/T02_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em3 { background: url(../img/02_business/T03_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Add_sub li.on .em4 { background: url(../img/02_business/T04_1.png)50% 15px no-repeat; padding-top: 20px; display:inline-block; height: 70px; } .Hover_line { display:none; position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity: 0;} .Hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity:1; } .Pimg-wp { width:100%; height:100%; position:relative; } .Picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:20px; font-size:8px; } .Pimg { display:inline-block; width:100%; height:100%; } .Pimg > img { width:100%; height:100%; } .Txt-box { position:relative; overflow:hidden; padding:10px 20px 40px; background:none; } .Ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 14px; font-weight:700; color:black; height: 20px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .Pdate { position:absolute; top:60%; left:10px; font-size:12px; } .transition { -webkit-transition:.4s all; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*.Pimg { overflow: hidden; width: 261px; height: 235px; }*/ } /* -----------------------------------------------------------------------------------* 제품리스트 -----------------------------------------------------------------------------------*/ @media (max-width: 767px) { .Product-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; margin-top: 20px; } .Product-list li { float:left; width: 49%; margin-left: 1.1%; overflow:hidden; } .Product-list li:nth-child(3n+0) { margin: 0%; } .Product-list li:nth-child(2n+0) { margin-left: 2%; } .Product-list li:nth-child(5n+0) { margin: 0%; } .Product-list li:nth-child(7) { margin: 0%; } .Add_sub { margin-bottom: 0px; position: relative; display:none; width: 100%; padding: 0 15px; } .Add_sub li { display: inline-block; width: 52%; text-align: center; position: relative; height: 120px; line-height: 85px; } .Add_sub li a { height: 100%; text-align: center; border: 0px solid #E7E7E7; display: inline-block; width: 90%; } .Add_sub li.on a { color: #d40000; } .Add_sub i { font-size: 11px; margin-left: 0px; position: absolute; width: 100%; left: 0; top: 42px; height: 22px; text-align: center; } .Add_sub i:after { content: none; width: 1px; height: 10px; background: #dedede; position: absolute; top: 0px; left: -8px;} .Add_sub2 { background:white; height:32px; margin-bottom:1px; position:relative; padding:0 15px; display:block; } .Add_sub2 li { float:left; width:33%; text-align:center; } .Add_sub2 li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .Add_sub2 li.on { background:none; transition: all 0.4s ease; } .Add_sub2 li.on a { border-bottom:1px solid #d80101; } .Add_sub .em1 { background: url(../img/02_business/T01.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-weight: 600; font-size: 14px; background-size: 80%; } .Add_sub .em2 { background: url(../img/02_business/T02.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-weight: 600; font-size: 14px; background-size: 80%; } .Add_sub .em3 { background: url(../img/02_business/T03.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-weight: 600; font-size: 14px; background-size: 80%; } .Add_sub .em4 { background: url(../img/02_business/T04.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; } .Add_sub li.on .em1 { background: url(../img/02_business/T01_1.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-size: 14px; background-size: 80%; } .Add_sub li.on .em2 { background: url(../img/02_business/T02_1.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-size: 14px; background-size: 80%; } .Add_sub li.on .em3 { background: url(../img/02_business/T03_1.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-size: 14px; background-size: 80%; } .Add_sub li.on .em4 { background: url(../img/02_business/T04_1.png)50% 10px no-repeat; padding-top: 27px; display:inline-block; height: 70px; font-size: 14px; } .Hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity: 0;} .Hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity:1; } .Pimg-wp { width:100%; height:100%; position:relative; } .Picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:20px; font-size:8px; } .Pimg { display:inline-block; width:100%; height:100%; } .Pimg img { width:100%; height:100%; } .Txt-box { position:relative; overflow:hidden; padding:10px 20px 22px; background:none; } .Ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 13px; color:black; height: 20px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .Pdate { position:absolute; top:60%; left:10px; font-size:12px; } } @media (max-width: 470px) { } /* -----------------------------------------------------------------------------------* 포토리스트 -----------------------------------------------------------------------------------*/ .photo-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; } .photo-list li { float:left; width:24%; margin-right: 1.33%; overflow:hidden; position:relative; } .photo-list li:nth-child(4n+0) { margin:0 0px 24px 0; } .add_sub { background:white; height:50px; margin-bottom:30px; position:relative; } .add_sub li { float:left; width:33.3%; text-align:center; } .add_sub li a { line-height:50px; text-align:center; font-size:16px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/} .add_sub li.on a { border-bottom:1px solid #3E3E3E; } .add_sub2 { background:white; height:50px; margin-bottom:80px; position:relative; } .add_sub2 li { float:left; width:50%; text-align:center; } .add_sub2 li a { line-height:50px; text-align:center; font-size:17px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/} .add_sub2 li.on a { border-bottom:1px solid #3E3E3E; font-weight: 700; } .hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #FF5400; transition: all 0.45s ease; opacity: 0;} .hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #FF5400; transition: all 0.45s ease; opacity:1; } .pimg-wp { width:100%; height:100%; position:relative; } .picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:24px; font-size:10px; } .pimg { display:inline-block; width:100%; height:100%; } .pimg > img { width:257px; height:159px; overflow:hidden; } .txt-box { position:relative; overflow:hidden; padding:20px 20px 70px; background:#fff; } .ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 14px; height: 40px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .pdate { position:absolute; top:68%; left:20px; font-size:13px; } /* -----------------------------------------------------------------------------------* 포토리스트 -----------------------------------------------------------------------------------*/ @media (max-width: 1024px) { .photo-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; margin-top: 20px; } .photo-list li { float:left; width: 32.6%; margin-left: 1.1%; overflow:hidden; margin-right: 0%; } .photo-list li:first-child { margin-left: 0%; } .photo-list li:nth-child(4n+0) { margin: 0%; } .photo-list li:nth-child(7) { margin: 0%; } .photo-list li:last-child { margin-left: 1%; } .add_sub { background:white; height:40px; margin-bottom:0px; position:relative; padding:0 15px; } .add_sub li { float:left; width:33.3%; text-align:center; } .add_sub li a { line-height:40px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub li.on a { border-bottom:1px solid #3E3E3E; } .add_sub2 { background:white; height:32px; margin-bottom:50px; position:relative; padding:0 15px; } .add_sub2 li { float:left; width:50%; text-align:center; } .add_sub2 li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub2 li.on a { border-bottom:1px solid #3E3E3E; } .hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity: 0;} .hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity:1; } .pimg-wp { width:100%; height:100%; position:relative; } .picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:20px; font-size:8px; } .pimg { display:inline-block; width:100%; height:100%; } .pimg > img { width:257px; height:159px; overflow:hidden; } .txt-box { position:relative; overflow:hidden; padding:10px 10px 50px; background:#fff; } .ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 14px; color:black; height: 40px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .pdate { position:absolute; top:60%; left:10px; font-size:12px; } } /* -----------------------------------------------------------------------------------* 포토리스트 -----------------------------------------------------------------------------------*/ @media (max-width: 767px) and (min-width:430px) { .photo-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; margin-top: 20px; } .photo-list li { float:left; width: 49%; margin-left: 1.1%; overflow:hidden; } .photo-list li:nth-child(3n+0) { margin: 0%; } .photo-list li:nth-child(2n+0) { margin-left: 2%; } .photo-list li:nth-child(5n+0) { margin: 0%; } .photo-list li:nth-child(7) { margin: 0%; } .add_sub { background:white; height:32px; margin-bottom:0px; position:relative; padding:0 15px; } .add_sub li { float:left; width:33.3%; text-align:center; } .add_sub li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub li.on a { border-bottom:1px solid #3E3E3E; } .add_sub2 { background:white; height:32px; margin-bottom:40px; position:relative; padding:0 15px; } .add_sub2 li { float:left; width:50%; text-align:center; } .add_sub2 li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub2 li.on a { border-bottom:1px solid #3E3E3E; } .hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity: 0;} .hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity:1; } .pimg-wp { width:100%; height:100%; position:relative; } .picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:20px; font-size:8px; } .pimg { display:inline-block; width:100%; height:100%; overflow:hidden; } .pimg > img { width:100%; height: 140px; } .txt-box { position:relative; overflow:hidden; padding:10px 10px 50px; background:#fff; } .ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 14px; color:black; height: 40px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .pdate { position:absolute; top:60%; left:10px; font-size:12px; } } /* -----------------------------------------------------------------------------------* 포토리스트 -----------------------------------------------------------------------------------*/ @media (max-width: 430px) { .photo-list { position:relative; border-top: 0px solid black; border-bottom: 0px solid #999; margin-bottom: 50px; overflow:hidden; margin-top: 20px; } .photo-list li { float:left; width: 49%; margin-left: 1.1%; overflow:hidden; } .photo-list li:nth-child(3n+0) { margin: 0%; } .photo-list li:nth-child(2n+0) { margin-left: 2%; } .photo-list li:nth-child(5n+0) { margin: 0%; } .photo-list li:nth-child(7) { margin: 0%; } .add_sub { background:white; height:32px; margin-bottom:0px; position:relative; padding:0 15px; } .add_sub li { float:left; width:33.3%; text-align:center; } .add_sub li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub li.on a { border-bottom:1px solid #3E3E3E; } .add_sub2 { background:white; height:32px; margin-bottom:0px; position:relative; padding:0 15px; } .add_sub2 li { float:left; width:50%; text-align:center; } .add_sub2 li a { line-height:32px; text-align:center; font-size:11px; border:1px solid #E7E7E7; display:block; margin-left:-1px; /* li: margin-left:-1px 적용*/ letter-spacing:-0.7px; } .add_sub2 li.on a { border-bottom:1px solid #3E3E3E; } .hover_line { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity: 0;} .hover_line2 { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; border: none; transition: all 0.45s ease; opacity:1; } .pimg-wp { width:100%; height:100%; position:relative; } .picon { position:absolute; left:0; top:0; background:#FFAE51; color:#fff; padding:7px; padding: 0px 5px; line-height:20px; font-size:8px; } .pimg { display:inline-block; width:100%; height:100%; overflow:hidden; } .pimg > img { width:100%; height: 95px; } .txt-box { position:relative; overflow:hidden; padding:10px 10px 50px; background:#fff; } .ptitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; font-size: 14px; color:black; height: 40px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .pdate { position:absolute; top:60%; left:10px; font-size:12px; } } /* -----------------------------------------------------------------------------------* 홍보자료 -----------------------------------------------------------------------------------*/ .vi_wp { margin-top:50px; } .vtxt { line-height:50px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:900; padding-left:12px; } .vcont { line-height:80px; border-bottom:1px solid #e2e2e2; color:black; padding:0 0 80px 12px } .slideshow-container { max-width: 1100px; position: relative; margin: auto; padding-top: 100px; } .pre01 { position: absolute; left: -90px; background: url(../img/common/arr_prev.jpg)no-repeat left 0; height: 31px; font-size: 15px; line-height: 31px; padding-left: 30px; top: 55%;} .Nex01 { position: absolute; right: -90px; background: url(../img/common/arr_next.jpg)no-repeat right 0; height: 31px; font-size: 15px; line-height: 31px; padding-right: 30px; top: 55%; } .text { color: black; position: absolute; top: 18px; width: 100%; text-align: center; } .pr_cont { font-size:28px; font-weight:800; } .pr_cont2 { font-size:15px; } .numbertext { color: #f2f2f2; font-size: 12px; padding: 10px 12px; position: absolute; top: 0;} /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;} @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1}} @keyframes fade { from {opacity: .4} to {opacity: 1}} /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } @media only screen and (max-width: 767px) { .vi_wp { margin-top:20px; } .vtxt { font-size: 12px; line-height:32px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:900; padding-left:12px; } .vcont { font-size: 12px; line-height:16px; border-bottom:1px solid #e2e2e2; color:black; padding: 10px 10px 50px 12px; } .video iframe { height:200px; } .slideshow-container { max-width: 100%; position: relative; margin: auto; padding-top: 100px; } .pre01 { position: absolute; left: 0px; top: 6%; background: url(../img/common/arr_prev.jpg)no-repeat left 0; height: 31px; font-size: 15px; line-height: 31px; padding-left: 30px; } .Nex01 { position: absolute; right: 0px; top: 6%; background: url(../img/common/arr_next.jpg)no-repeat right 0; height: 31px; font-size: 15px; line-height: 31px; padding-right: 30px; } .text { color: black; position: absolute; top: 18px; width: 100%; text-align: center; height:44px; } .pr_cont { font-size:14px; font-weight:800; } .pr_cont2 { font-size:11px; letter-spacing:-0.5px; line-height:16px; } .numbertext { color: #f2f2f2; font-size: 12px; padding: 10px 12px; position: absolute; top: 0;} } /* -----------------------------------------------------------------------------------* 공지사항 글쓰기 -----------------------------------------------------------------------------------*/ .bt-area { position:relative; text-align:center; width:100%; } .view-btn-list2 a { display:inline-block; border:1px solid black; margin-left:5px; height: 40px; line-height: 40px; width: 90px; font-size:14px; font-weight:700; } .bt-Prev { position:absolute; left:0;; background:url(../img/common/arr_prev.jpg)no-repeat left 0; height:31px; font-size:15px; line-height:31px; padding-left:30px; } .bt-Next { position:absolute; right:0; background:url(../img/common/arr_next.jpg)no-repeat right 0; height:31px; font-size:15px; line-height:31px; padding-right:30px; } .view-btn-list em { display:inline-block; padding-left:22px; background:url(../img/common/list_icon.jpg)no-repeat 0; } .write_wrap { width:100%; margin-top:70px; } .write_borard { border-top: 2px solid black; border-bottom: 1px solid #999; margin-bottom: 50px; } .unit02 { position: relative; display: block; width: 100%; padding: 28px 0 30px 0; box-sizing: border-box; position: relative; width: 100%; border-top: 1px solid #d9d9d9; } .unit02:first-child { border-top: 0;} .unit02 .write_user { display: inline-block; width: 15%; font-size: 16px; font-weight:700; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 33px; } .unit02 .write_in { display: inline-block; font-size: 14px; text-align: left; width: 80%; right: 2%; font-weight: normal; color: #95959C;e; } .unit02 { border-top: 1px solid #d9d9d9; } .unit02 .write_in2 { display: inline-block; font-size: 14px; text-align: left; width: 60%; right: 2%; font-weight: normal; color: #95959C;} .txttype { width:60%; } .txttype2 { width:100%; } .txttype3 { width: 100%; height: 320px; } .txttype4 { width:40%; } .txttype5 { width: 30%; width: 30%; height: 40px; border: 1px solid #e6e6e6; font-size: 14px; font-family: 'NotoSans', sans-serif; font-weight: 500; padding-left: 11px;} input.upload_text {/*읽기전용 인풋텍스트*/ float:left; width:230px;/* 버튼 포함 전체 가로 길이*/ height:40px; line-height:40px; padding:0 3px; border:1px solid #bbb; } div.upload-btn_wrap input.input_file {/*파일찾기 폼*/ position:absolute; top:0; right:0; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} div.upload-btn_wrap {/*버튼테두리 감싼 div*/ display: inline-block; position:relative; padding-left:3px; } div.upload-btn_wrap button { width:70px; height:40px; line-height:40px; font-weight:bold; background:#333; border:1px solid #333; color:#fff;} /* -----------------------------------------------------------------------------------* 공지사항 글쓰기 -----------------------------------------------------------------------------------*/ @media only screen and (max-width: 1024px) { .bt-area { position:relative; text-align:center; width:100%; } .view-btn-list2 a { display:inline-block; border:1px solid black; margin-left:5px; height: 36px; line-height: 36px; width: 60px; font-size:13px; font-weight:700; font-size:13px; } .bt-Prev { position:absolute; left:0;; background:url(../img/common/arr_prev.jpg)no-repeat left 0; height:31px; font-size:15px; line-height:31px; padding-left:30px; } .bt-Next { position:absolute; right:0; background:url(../img/common/arr_next.jpg)no-repeat right 0; height:31px; font-size:15px; line-height:31px; padding-right:30px; } .view-btn-list em { display:inline-block; padding-left:22px; background:url(../img/common/list_icon.jpg)no-repeat 0; } .write_wrap { width:100%; margin-top:20px; } .write_borard { border-top: 2px solid black; border-bottom: 1px solid #999; margin-bottom: 30px; } .unit02 { position: relative; display: block; width: 100%; padding: 10px 0 10px 0; box-sizing: border-box; position: relative; width: 100%; border-top: 1px solid #d9d9d9; } .unit02:first-child { border-top: 0;} .unit02 .write_user { display: inline-block; width:25%; font-size: 12px; font-weight:700; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; padding-left: 2px; letter-spacing: -0.5px;} .unit02 .write_in { display: inline-block; font-size: 12px; text-align: left; width: 70%; right: 2%; font-weight: normal; color: #95959C;e; } .unit02 { border-top: 1px solid #d9d9d9; } .txttype { width:100%; } .txttype2 { width:100%; } .txttype3 { width: 100%; height: 150px; } .txttype4 { width:43.5%; } input.upload_text {/*읽기전용 인풋텍스트*/ float:left; width:60%;/* 버튼 포함 전체 가로 길이*/ height:32px; line-height:32px; padding:0 3px; border:1px solid #bbb; } div.upload-btn_wrap input.input_file {/*파일찾기 폼*/ position:absolute; top:0; right:0; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} div.upload-btn_wrap {/*버튼테두리 감싼 div*/ display: inline-block; position:relative; padding-left:3px; } div.upload-btn_wrap button { width:70px; height:32px; line-height:32px; font-weight:bold; background:#333; border:1px solid #333; color:#fff; font-size: 10px; } } /* -----------------------------------------------------------------------------------* 공지사항 글쓰기 -----------------------------------------------------------------------------------*/ /* content_type02_photo_cont */ .img_txt li { overflow:hidden; } .img_txt .type1 .img_area { float:left; margin-bottom:40px; } .img_txt .type1 dl { float:right; width:67%;} .img_txt .type1 dd { margin-top:11px; line-height:24px;} .img_txt .type1 dt .eng { display:block; margin:1 0 9px; font-size:18px; } .img_txt .type1 dt .tit { font-size:24px; font-weight:600; color:black; } .img_txt .type1 dt .part { margin-left:14px; } .img_txt .type2 .img_area { float:right; } .img_txt .type2 dl { float:left; width:67%;} .img_txt .type2 dd { margin-top:11px; line-height:24px;} .img_txt .type2 dt .eng { display:block; margin:1 0 9px; font-size:18px; } .img_txt .type2 dt .tit { font-size:24px; font-weight:600; color:black; } .img_txt .type2 dt .part { margin-left:14px; } /* admin ---------------------------------------*/ .adm_hd { width:100%; margin-left:160px; } .adm_wrap { width:100%; margin-left:160px; } .adm_navi { width:160px; height:100%; background:red; position:fixed; top:0px; color:#fff; background: #454b52; z-index: 11; } .adm_navi li { line-height:40px; border-bottom:solid 1px #333B43; } .adm_navi li { line-height:40px; font-size:12px; color:#fff; display:block; padding-left:12px; background:url(../img/common/adm_arrow.png) no-repeat 143px center; } .adm_navi li.on, .adm_navi li:hover { background: #2475d0 url(../img/common/adm_arrow2.png) no-repeat 143px center; transition: all 0.3s ease-in-out; color:#fff !important; } .adm_navi li.on a { color:#fff !important; font-weight:700; } .adm_navi li a { font-weight:700; color:#B2B2B2; display:block; } .adm_navi li a:hover { font-weight:700; color:#fff; display:block; } .adcopy { height:60px; line-height:60px; text-align:center;background: #E75935; position:relative; font-size:15px; } .adm_top { background:#707580; height:30px; color:#fff; } .btnout { margin-right: 20px; top: -1px; right: 0; position: absolute;} .btnout a { padding: 4px 10px; font-size:12px; color:#fff; background:#E75935; } .wellcom { padding-left:200px; font-size:13px; font-weight:700; } .ad_wp { padding: 20px 0 0px; max-width: 1100px; margin: 0 auto; display: block; position: relative; } .ad_wp2 { padding: 20px 0 0px; max-width: 1200px; margin: 0 auto; display: block; } .bbstitle { font-size:20x; font-weight:800; text-align:left; position: absolute; left: 0; } .newsf { width:150px; display:inline-block; font-size:16px; font-weight:700; } .neighbor { font-size:16px; font-weight:700; display: inline-block; width: 160px; } input[type=radio] {width: 20px; height: 20px; vertical-align: middle; cursor:pointer; margin-right:9px; } .login_box { position:absolute; top:40%; left:50%; width:400px; height:300px; margin:-200px 0 0 -150px; background:#2475d0; border-top: 3px solid #114784; } .login_hd { font-size: 18px; color: #fff; text-align: center; margin-bottom: 20px; padding: 40px 0 0px 0; font-weight:900; } .login_list li { padding-left:60px; height:46px; } .id { width:80%;} .pass{ width: 80%;} .login_list li a { text-align:right; padding:4px 21px; color:#fff; margin-top:30px; display:inline-block; font-weight:700; background:#E75935;} .login_bg { width:100%; height:350px; background:#F2F2F2 url("../img/common/adm_bg.png") right 0px no-repeat; } .adm_tap { display:inline-block; margin-left:330px; } .adm_tap a { margin:0 2px; font-size:12px; border:1px solid #E75935; padding:5px 25px; font-weight:900; color:#E75935; } .admenu { display:inline-block; font-size:16px; text-align: center; width: 100%; } .admenu a { margin: 0 2px; font-size: 12px; border: 1px solid #E75935; padding: 10px 25px; font-weight: 900; color: #E75935; } /* -----------------------------------------------------------------------------------* 제품소개_view -----------------------------------------------------------------------------------*/ .ok { bottom:128px; } .vbtn_wp { width:100%; bottom:0; position:fixed; overflow:hidden; opacity:0; background:#272727; z-index: 99; } .vbtn { color:blue; width:100%; max-width: 1100px; margin: 0 auto; position:relative; bottom:0px; background:#272727; height:100px; padding: 18px 0; } .vbtn_in { display:block; margin-bottom:10px; } .vbtn_in a { margin-right:6px; padding:10px 36px; border:0px solid #ee4848; font-size:13px; color: #ffffff; background: #ee4848; font-weight: 900; } .vbtn_left { float:left; color:#fff; font-size:15px; color:#8e8e8e; } .vbtn_right { position: absolute; right: 0px; font-size: 22px; color: #fff; top: 40px; color:#afafaf; } @media (max-width: 940px) { .vbtn_wp { width: 100%; bottom: 0; position: fixed; overflow: hidden; opacity: 0; background: #272727; z-index: 99;} .vbtn { color: blue; width: 100%; max-width: 1100px; margin: 0 auto; position: relative; bottom: 0px; background: #272727; height: 100px; padding: 12px 15px;} .vbtn_in { display: block; margin-bottom: 10px;} .vbtn_in a { margin-right: 2px; padding: 5px 22px; border: 0px solid #ee4848; font-size: 12px; color: #ffffff; background: #ee4848;} .vbtn_left { float: left; color: #fff; font-size: 11px; color: #8e8e8e; line-height: 16px; border-top: 1px solid #3c3c3c; padding-top: 7px; width: 100%;} .vbtn_right { position: absolute; right: 15px; font-size: 18px; color: #fff; top: 15px; color: #afafaf; } } @media only screen and (max-width: 767px) { .vbtn_wp { width: 100%; bottom: 0; position: fixed; overflow: hidden; opacity: 0; background: #272727; z-index: 99;} .vbtn { color: blue; width: 100%; max-width: 1100px; margin: 0 auto; position: relative; bottom: 0px; background: #272727; height: 100px; padding: 12px 15px;} .vbtn_in { display: block; margin-bottom: 10px;} .vbtn_in a { margin-right: 1px; padding: 5px 14px; border: 0px solid #ee4848; font-size: 12px; color: #ffffff; background: #ee4848;} .vbtn_left { float: left; color: #fff; font-size: 11px; color: #8e8e8e; line-height: 16px; border-top: 1px solid #3c3c3c; padding-top: 7px; width: 100%;} .vbtn_right { position: absolute; right: 15px; font-size: 14px; color: #fff; top: 15px; color: #afafaf; } }