@charset "UTF-8"; /* common */ #container{clear:both; display:inline-block; position:relative; width:100%; height:auto; min-height:550px; margin:0 auto; background:#fcfcfc url('../images/sub/01/bg_sub01_02.gif') repeat center center; overflow:hidden; z-index:4;} #container:after{content:''; display:block; clear:both;} #container > .wrapper > div{display:block;} /* contents */ #subcontents{position:relative; width:100%; height:100%; min-height:700px; padding:0; background:#fff; box-sizing:border-box;} #subcontents:after{content:''; display:block; clear:both;} #subcontents .ready{color:#595757; text-align:center;} #subcontents h2{display:block; position:relative; margin:85px auto 45px; padding:18px; color:#e61d63; font-size:1.5rem; font-weight:400; line-height:140%; text-align:center;word-break:keep-all;} #subcontents h2 strong{font-weight:700;} #subcontents h2:before{content:''; display:block; position:absolute; width:28px; height:1px; top:0; left:50%; margin-left:-14px; background:#e61d63;} .listCon,.workCon,.newsCon{clear:both; text-align:center;} .listCon h2,.workCon h2,.newsCon h2{display:inline-block; position:relative; margin:85px auto -5px; padding:18px; color:#595858; font-size:1.5rem;; font-weight:400; text-align:center; line-height:140%; word-break:keep-all;} .listCon h2 strong,.workCon h2 strong,.newsCon h2 strong{font-weight:700; color:#e61d63;} .listCon h2:before,.workCon h2:before,.newsCon h2:before{content:''; display:block; position:absolute; width:28px; height:1px; top:0; left:50%; margin-left:-14px; background:#e61d63;} #subcontents h3{display:block; position:relative; margin:0 auto 20px; color:#333; font-size:1.375rem; font-weight:400;line-height:140%;text-align:left;word-break:keep-all;} #subcontents h3 strong{font-weight:700;} #subcontents h4{display:block; position:relative; margin:0px auto 8px;color:#095b9d; font-size:1.25rem; font-weight:600;line-height:140%;text-align:left;word-break:keep-all;} #subcontents h4 span.number{color:#5f94bf;} #subcontents.sub01, #subcontents.sub02, #subcontents.sub03, #subcontents.sub04, #subcontents.sub98, #subcontents.sub99{clear:both; display:inline-block; width:100%;} #subcontents .con{clear:both; display:inline-block; width:100%;} #subcontents.sub01 .con.about01{text-align:center;} #subcontents.sub01 .con.about01 .imgArea{position:relative; width:100%; height:639px; background:url('../images/sub/01/sub01_01.jpg') no-repeat center top; background-size:cover;} #subcontents.sub01 .con.about01 .imgArea .txt{display:block; position:absolute; width:100%; height:120px; bottom:0; padding:25px 0; background:url('../images/sub/01/bg_sub01_01.png') repeat center center; box-sizing:border-box;} #subcontents.sub01 .con.about01 .imgArea .txt span{display:block; margin-bottom:10px; color:#fff; font-size:1.438rem; font-weight:500;} #subcontents.sub01 .con.about01 .imgArea .txt span strong{color:#e61d63; font-size:1.688rem; font-weight:700;} #subcontents.sub01 .con.about01 .txtArea{padding:90px 0 0;} #subcontents.sub01 .con.about01 .txtArea span{display:block; margin-bottom:50px; line-height:180%; color:#595757; font-size:1.188rem; font-weight:500;} #subcontents.sub01 .con.about02{text-align:center;} #subcontents.sub01 .con.about02 .imgArea{position:relative; width:100%; height:700px; background:url('../images/sub/01/sub01_02.jpg') no-repeat center top; background-size:cover;} #subcontents.sub01 .con.about02 .txtArea{padding:90px 0 100px; background:url('../images/sub/01/bg_sub01_02.gif') repeat center center;} #subcontents.sub01 .con.about02 .txtArea span{display:block; margin-bottom:90px; line-height:180%; color:#595757; font-size:1.188rem; font-weight:500;} #subcontents.sub01 .con.about02 .txtArea ul{display:inline-block; width:100%;} #subcontents.sub01 .con.about02 .txtArea ul li{display:inline-block; float:left; width:555px; height:220px; margin:0 30px 30px 0; padding:65px 55px; background:#fff; border-left:5px solid #e61f63; text-align:left; box-sizing:border-box;} #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(1), #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(2){padding:50px 55px;} #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(even){margin-right:0;} #subcontents.sub01 .con.about02 .txtArea ul li p{display:block; margin-bottom:25px; font-size:1.813rem; font-weight:700; color:#595757;} #subcontents.sub01 .con.about02 .txtArea ul li p strong{font-size:1.813rem; font-weight:700; color:#e61f63;} #subcontents.sub01 .con.about02 .txtArea ul li span{padding-left:40px; font-size:1.188rem; color:#595757; line-height:180%;} #subcontents.sub01 .con.process{padding-bottom:150px; background:#fcf6f8 url('../images/sub/01/bg_sub01_03.jpg') repeat-x center bottom; text-align:center;} #subcontents.sub01 .con.process ol{display:inline-block; width:100%;} #subcontents.sub01 .con.process ol li{display:inline-block; position:relative; width:142px; min-height:142px; margin-right:32px; padding-top:160px; box-sizing:border-box; font-size:1.063rem; font-weight:500;} #subcontents.sub01 .con.process ol li.step1{background:url('../images/sub/01/process_01.png') no-repeat center top; } #subcontents.sub01 .con.process ol li.step2{background:url('../images/sub/01/process_02.png') no-repeat center top; } #subcontents.sub01 .con.process ol li.step3{background:url('../images/sub/01/process_03.png') no-repeat center top; } #subcontents.sub01 .con.process ol li.step4{background:url('../images/sub/01/process_04.png') no-repeat center top; } #subcontents.sub01 .con.process ol li.step5{background:url('../images/sub/01/process_05.png') no-repeat center top; } #subcontents.sub01 .con.process ol li.step6{background:url('../images/sub/01/process_06.png') no-repeat center top; margin-right:0;} #subcontents.sub01 .con.process ol li:nth-child(odd):after{content:''; display:block; position:absolute; width:42px; height:2px; top:71px; left:142px; background:#e61f63; -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(25deg) translate(0, 0); -webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 25deg) translate(0, 0); -o-transform: rotate(0deg) scale(1, 1) skew(0deg, 25deg) translate(0, 0); -ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 25deg) translate(0, 0); transform: rotate(0deg) scale(1, 1) skew(0deg, 25deg) translate(0, 0);} #subcontents.sub01 .con.process ol li:nth-child(even):after{content:''; display:block; position:absolute; width:42px; height:2px; top:71px; left:142px; background:#e61f63; -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(-25deg) translate(0, 0); -webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, -25deg) translate(0, 0); -o-transform: rotate(0deg) scale(1, 1) skew(0deg, -25deg) translate(0, 0); -ms-transform: rotate(0deg) scale(1, 1) skew(0deg, -25deg) translate(0, 0); transform: rotate(0deg) scale(1, 1) skew(0deg, -25deg) translate(0, 0);} #subcontents.sub01 .con.process ol li:last-child:after{content:''; display:none;} #subcontents.sub02 .con.product1{padding:0 0 80px;} #subcontents.sub02 .con.product2{padding:80px 0 0;} #subcontents.sub02 .con .imgList{margin:25px 0 0;} #subcontents.sub02 .con .imgList:after{content:'';display:block;clear:both;} #subcontents.sub02 .tabWrap{display: inline-block;position: relative;width: 100%;text-align: left;background:#fcf6f8;} #subcontents.sub02 .tabWrap:after{content:'';display:block;clear:both;} #subcontents.sub02 .tab{position:relative; display:inline-block; float:left; width:31.3%; min-height:auto; margin:12px 1%; padding:20px 15px; box-sizing:border-box;} #subcontents.sub02 .tab p.tit{position:relative; display:block; min-height:auto; line-height:180%; padding:12px; border-bottom:1px solid #333; color:#333; font-size:1.188rem; font-weight:500;} #subcontents.sub02 .tab p.tit.active{border-bottom-color:#e61d63; color:#e61d63;font-weight:600;} #subcontents.sub02 .tab > ul{position: relative;width: 100%;margin-top: 15px;} #subcontents.sub02 .tab > ul li{position: relative;display: block; width: 100%;line-height: 1;margin: 0;padding: 0;list-style: circle;} #subcontents.sub02 .tab > ul li .tabLink{position: relative;width:100%;text-align:left;min-height: auto;padding: 4px 8px 2px 20px;border: none;background:none;color: #444;font-size: 1rem;font-weight: normal;} #subcontents.sub02 .tab > ul li .tabLink:focus, #mainContents .tab > ul li .tabLink:hover{color:#333;} #subcontents.sub02 .tab > ul li .tabLink:before{content:'-'; display:inline-block; position:absolute; top:3px; left:8px;} #subcontents.sub02 .tab > ul li .tabLink.active{color:#222;font-weight:600;} #subcontents.sub02 .tabCon{display:block; margin:0 auto;} #subcontents.sub02 .tabCon .tabItem{display:none;} #subcontents.sub02 .tabCon .tabItem.active{display:block;} #subcontents.sub02_01 .con{margin-bottom:100px;} #subcontents.sub02_01 .con.gray{padding: 90px 0 100px;background: url(../images/sub/01/bg_sub01_02.gif) repeat center center;} #subcontents.sub02_01 .con .txtArea{text-align:center;} #subcontents.sub02_01 .con .txtArea span{display:block; margin-bottom:20px; line-height:180%; color:#595757; font-size:1.188rem;} #subcontents.sub02_01 .con .txtArea span:last-child{margin-bottom:0;} #subcontents.sub02_01 .con .imgList {margin:25px 0;} #subcontents.sub02_01 .con .imgList ul li{float: left;width: 555px;box-sizing: border-box;margin-right:30px;border:1px solid #ccc;} #subcontents.sub02_01 .con .imgList ul li:last-child{margin-right:0;} #subcontents.sub02_01 .con .imgList ul li img{width:100%;} #subcontents.sub02_01 .con .imgList ul li p{background:#444;color:#fff;padding:20px 10px;text-align:center;font-size:1.25rem;} #subcontents.sub02_01 .con .list li{position:relative;padding: 0 0 0 20px;font-size:1.125rem;line-height:180%;margin-bottom:8px;text-align:left;word-break:keep-all;} #subcontents.sub02_01 .con .list li:last-child{margin-bottom:0;} #subcontents.sub02_01 .con .list li:before{content: '';display: inline-block;position: absolute;width:10px;height: 2px;top: 14.5px;left: 0;background:#e61d63;} #subcontents.sub02_01 .con .imgBox{margin-top:25px;border:1px solid #ccc;} #subcontents.sub02_01 .con .imgBox img{width:100%;} #subcontents.sub02_02{padding-bottom:50px;} #subcontents.sub02_02 .con{margin-bottom:50px;} #subcontents.sub02_02 .tabCon p{line-height:180%;font-size:1.125rem;word-break:keep-all;text-align:left;} #subcontents.sub02_02 .tabCon .imgList ul li{width:100%;margin-bottom:50px;} #subcontents.sub02_02 .tabCon .imgList ul li img{width:100%;} #subcontents.sub02_03{padding-bottom:40px;} #subcontents.sub02_03 .con{margin-bottom:50px;} #subcontents.sub02_03 .con .con:last-child{margin-bottom:0;} #subcontents.sub02_03 .con p{font-size:1.125rem;line-height:180%;text-align:left;word-break:keep-all;} #subcontents.sub02_03 .tab{width:48%;} #subcontents.sub02_03 .tabCon .list{padding:28px;border:2px dashed #bbb;border-radius:20px;text-align:left;} #subcontents.sub02_03 .tabCon .list li{position:relative;font-size:1.125rem;line-height:180%;margin-bottom:8px;word-break:keep-all;} #subcontents.sub02_03 .tabCon .list li:last-child{margin-bottom:0;} #subcontents.sub02_03 .tabCon .list li:before{content: '';display: inline-block;width:10px;height: 2px;vertical-align:middle;background:#e61d63;margin-right:20px;} #subcontents.sub02_03 .tabCon .imgBox{margin-top:25px;} #subcontents.sub02_03 .tabCon .imgBox img{width:100%;} #subcontents.sub02_03 .tabCon .layoutLeft{float:left;width:550px;margin-right:30px;margin-top:25px;} #subcontents.sub02_03 .tabCon .layoutLeft:after{content:'';display:block;clear:both;} #subcontents.sub02_03 .tabCon .layoutRight{float:right;width:550px;margin-top:25px;} #subcontents.sub02_03 .tabCon .layoutRight:after{content:'';display:block;clear:both;} #subcontents.sub02_03 .tabCon .title{display:block;background:#444;padding:20px 10px;color:#fff;font-size:1.25rem;text-align:center;margin-bottom:12px;line-height:1;} #subcontents.sub02_03 .tabCon .colors{display:flex;margin:57.5px 0;justify-content: space-between;} #subcontents.sub02_03 .tabCon .colors li{width:25%;margin-right:10px;text-align:center;} #subcontents.sub02_03 .tabCon .colors li:last-child{margin-right:0;} #subcontents.sub02_03 .tabCon .colors li span{display:inline-block;width:125px;line-height:123px;border-radius:50%;font-size:1.25rem;font-weight:700;} #subcontents.sub02_03 .tabCon .colors li.c_w span{background:#fff;border:1px solid #ddd;color:#444;} #subcontents.sub02_03 .tabCon .colors li.c_s span{background:#ccc;border:1px solid #ccc;color:#444;} #subcontents.sub02_03 .tabCon .colors li.c_bl span{background:#0049cf;border:1px solid #0049cf;color:#fff;} #subcontents.sub02_03 .tabCon .colors li.c_bk span{background:#000;border:1px solid #000;color:#fff;} #subcontents.sub02_03 .tabCon p.point{color:#e61d63;} #subcontents.sub02_03 .tabCon .material{display:flex;flex-wrap: wrap;} #subcontents.sub02_03 .tabCon .material li{position:relative;width:50%;height:149px;} #subcontents.sub02_03 .tabCon .material li.m_1{background: url('../images/sub/02/sub0203_m_1.jpg') repeat center center;background-size:cover;} #subcontents.sub02_03 .tabCon .material li.m_2{background: url('../images/sub/02/sub0203_m_2.jpg') repeat center center;background-size:cover;} #subcontents.sub02_03 .tabCon .material li.m_3{background: url('../images/sub/02/sub0203_m_3.jpg') repeat center center;background-size:cover;} #subcontents.sub02_03 .tabCon .material li.m_4{background: url('../images/sub/02/sub0203_m_4.jpg') repeat center center;background-size:cover;} #subcontents.sub02_03 .tabCon .material li span{position:absolute;bottom:10px;right:10px;color:#333;font-size:1.125rem;font-weight:700;background:rgba(255,255,255,.8);padding:10px 12px;} #subcontents.sub02_03 .tabCon .design{display:flex;flex-wrap:wrap;border-top:1px solid #ddd;border-left:1px solid #ddd;} #subcontents.sub02_03 .tabCon .design li{width:33.3%;padding:70px 10px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} #subcontents.sub02_03 .tabCon .design li .imgBox{width:230px;margin:0 auto 38px;} #subcontents.sub02_03 .tabCon .design li span{font-size:1.063rem;line-height:180%;word-break:keep-all;font-weight:500;} #subcontents.sub02_03 .tabCon .imgList{margin:25px 0 0;} #subcontents.sub02_03 .tabCon .imgList ul li{width:100%;margin-bottom:25px;} #subcontents.sub02_03 .tabCon .imgList ul li:last-child{margin-bottom:0;} #subcontents.sub02_03 .tabCon .imgList ul li img{width:100%;} #subcontents.sub04 .con.history{clear:both; text-align:center; padding-bottom:50px;} #subcontents.sub04_01 .con.greeting .box{padding: 32px;background: #fcf6f8;border-radius: 40px 0;} #subcontents.sub04_01 .con.greeting p{line-height:1.8; margin-bottom:20px; color:#595757; font-size:1rem; font-weight:500; text-align:center; word-break:keep-all;} #subcontents.sub04_01 .con.greeting p:last-child{margin:0 auto;} #subcontents.sub04_01 .con.greeting p.ti{line-height:1.6; margin-bottom:32px; color:#333; font-size:1.313rem;} #subcontents.sub04_01 .con.greeting p.ti strong{} /* timeline S */ .cd-container{width:90%; max-width:1200px; margin:0 auto;} .cd-container::after{content:''; display:table; clear:both;} #cd-timeline{position:relative; text-align:left;} #cd-timeline::before{/* this is the vertical line */content:''; position:absolute; top:0; left:2px; height:100%; width:2px; background:#cbcbcb;} @media only screen and (min-width:1200px){ #cd-timeline{margin-top:3em; margin-bottom:3em;} #cd-timeline::before{left:50%; margin-left:-2px;} } @media only screen and (min-width:1024px){ #cd-timeline{margin-top:3em; margin-bottom:3em;} #cd-timeline::before{left:50%; margin-left:-2px;} } .cd-timeline-block{position:relative; margin:25px 0;} .cd-timeline-block:after{content:""; display:table; clear:both;} .cd-timeline-block:first-child{margin-top:0;} .cd-timeline-block:last-child{margin-bottom:0;} @media only screen and (min-width:1200px){ .cd-timeline-block{margin:25px 0;} .cd-timeline-block:first-child{margin-top:0;} .cd-timeline-block:last-child{margin-bottom:0;} } @media only screen and (min-width:1024px){ .cd-timeline-block{margin:25px 0;} .cd-timeline-block:first-child{margin-top:0;} .cd-timeline-block:last-child{margin-bottom:0;} } .cd-timeline-img{position:absolute; top:0; left:0; width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px #ff4d6a, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 7px #fff;} .cd-gray{box-shadow:0 0 0 4px #cbcbcb, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 7px #fff;} @media only screen and (min-width:1200px){ .cd-timeline-img{width:8px; height:8px; left:50%; margin-left:-5px; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;} .cssanimations .cd-timeline-img.is-hidden{visibility:hidden;} .cssanimations .cd-timeline-img.bounce-in{visibility:visible; -webkit-animation:cd-bounce-1 0.6s; -moz-animation:cd-bounce-1 0.6s; animation:cd-bounce-1 0.6s;} } @media only screen and (min-width:1024px){ .cd-timeline-img{width:8px; height:8px; left:50%; margin-left:-5px; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;} .cssanimations .cd-timeline-img.is-hidden{visibility:hidden;} .cssanimations .cd-timeline-img.bounce-in{visibility:visible; -webkit-animation:cd-bounce-1 0.6s; -moz-animation:cd-bounce-1 0.6s; animation:cd-bounce-1 0.6s;} } @-webkit-keyframes cd-bounce-1{ 0%{opacity:0; -webkit-transform:scale(0.5);} 60%{opacity:1; -webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes cd-bounce-1{ 0%{opacity:0; -moz-transform:scale(0.5);} 60%{opacity:1; -moz-transform:scale(1.2);} 100%{-moz-transform:scale(1);} } @keyframes cd-bounce-1{ 0%{opacity:0; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5);} 60%{opacity:1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);} 100%{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);} } .cd-timeline-content{position:relative; right:0px;} .cd-timeline-content:after{content:""; display:table; clear:both;} .cd-timeline-content p{font-size:1.2rem; line-height:1.6;} .cd-timeline-content .cd-date{display:inline-block; font-size:14px; font-size:1.8rem;} .cd-timeline-content p.text-right{text-align:left;} .cd-timeline-content p strong{color:#131313; font-weight:500;} .cd-timeline-content .cd-date{float:left;} .cd-timeline-content::before{display:none;} @media only screen and (min-width:768px){ .cd-timeline-content p{position:relative; width:auto; top:-8px; margin-left:164px; font-size:.938rem; color:#555;} .cd-timeline-content p.text-right{text-align:left;} .cd-timeline-content .cd-month{position:absolute; top:-3px; left:126px; right:0px; display:inline-block; font-weight:400; font-size:.938rem; color:#ff4d6a;} .cd-timeline-content .cd-line{position:absolute; top:4px; left:96px; right:0px; display:inline-block; width:20px; height:1px; background-color:#ff4d6a;} .cd-timeline-content .cd-date{position:absolute; top:-10px; left:20px; font-size:14px; font-size:2rem;} } @media only screen and (max-width:767px){ .cd-timeline-content p{position:relative; width:auto; top:-8px; margin-left:125px; font-size:.938rem; color:#555;} .cd-timeline-content p.text-right{text-align:left;} .cd-timeline-content .cd-month{position:absolute; top:-3px; left:90px; right:0px; display:inline-block; font-weight:400; font-size:.938rem;} .cd-timeline-content .cd-line{position:absolute; top:4px; left:70px; right:0px; display:inline-block; width:15px; height:1px; background-color:#ff4d6a;} .cd-timeline-content .cd-date{position:absolute; top:-6px; left:20px; font-size:14px; font-size:1.3rem;} } @media only screen and (min-width:1200px){ .cd-timeline-content p{position:relative; top:-8px; right:23%; font-size:.938rem; color:#555;/*text-align:right;text-align:right 삭제하면됩니다.*/} .cd-timeline-content p.text-right{text-align:right;/*text-align:right 으로 변경*/} .cd-timeline-content .cd-month{position:absolute; top:-3px; left:auto; left:initial; right:92px; display:inline-block; font-size:.938rem; color:#ff4d6a;} .cd-timeline-content .cd-line{position:absolute; right:65px; top:4px; left:auto; left:initial; display:inline-block; width:20px; height:1px; background-color:#ff4d6a;} .cd-timeline-content{margin-left:0;width:55%;} .cd-timeline-content::before{display:none;/*top:24px;left:100%;border-color:transparent;border-left-color:white;*/} .cd-timeline-content .cd-date{position:absolute;width:100%;left:95%;top:-13px;font-size:23px;font-size:2rem;} .cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;} .cd-timeline-block:nth-child(even) .cd-timeline-content p{position:relative; top:-9px; left:-6.5%; font-size:.938rem;; color:#555;} .cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px; left:auto; right:100%; border-color:transparent; border-right-color:white;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-month{left:90px; right:0px; color:#ff4d6a;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-line{left:64px; right:0px;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto; right:95%; text-align:right;} .cssanimations .cd-timeline-content.is-hidden{visibility:hidden;} .cssanimations .cd-timeline-content.bounce-in{visibility:visible; -webkit-animation:cd-bounce-2 0.6s; -moz-animation:cd-bounce-2 0.6s; animation:cd-bounce-2 0.6s;} } @media only screen and (min-width:1200px){ /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s; -moz-animation:cd-bounce-2-inverse 0.6s; animation:cd-bounce-2-inverse 0.6s;} } @media only screen and (min-width:1024px){ .cd-timeline-content p{position:relative; top:-8px; right:28%; font-size:.938rem; color:#555;/*text-align:right;text-align:right 삭제하면됩니다.*/} .cd-timeline-content p.text-right{margin-left:100px; text-align:right;/*text-align:right 으로 변경*/} .cd-timeline-content .cd-month{position:absolute; top:-3px; left:auto; left:initial; right:92px; display:inline-block; font-size:.938rem; color:#ff4d6a;} .cd-timeline-content .cd-line{position:absolute; right:65px; top:4px; left:auto; left:initial; display:inline-block; width:20px; height:1px; background-color:#ff4d6a;} .cd-timeline-content{margin-left:0;width:55%;} .cd-timeline-content::before{display:none;/*top:24px;left:100%;border-color:transparent;border-left-color:white;*/} .cd-timeline-content .cd-date{position:absolute;width:100%;left:95%;top:-13px;font-size:23px;font-size:2rem;} .cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;} .cd-timeline-block:nth-child(even) .cd-timeline-content p{position:relative; top:-9px; left:-6.5%; font-size:.938rem; color:#555;} .cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px; left:auto; right:100%; border-color:transparent; border-right-color:white;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-month{left:90px; right:0px; color:#ff4d6a;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-line{left:64px; right:0px;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto; right:95%; text-align:right;} .cssanimations .cd-timeline-content.is-hidden{visibility:hidden;} .cssanimations .cd-timeline-content.bounce-in{visibility:visible; -webkit-animation:cd-bounce-2 0.6s; -moz-animation:cd-bounce-2 0.6s; animation:cd-bounce-2 0.6s;} } @media only screen and (min-width:1024px){ /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s; -moz-animation:cd-bounce-2-inverse 0.6s; animation:cd-bounce-2-inverse 0.6s;} } @-webkit-keyframes cd-bounce-2{ 0%{opacity:0; -webkit-transform:translateX(-100px);} 60%{opacity:1; -webkit-transform:translateX(20px);} 100%{-webkit-transform:translateX(0);} } @-moz-keyframes cd-bounce-2{ 0%{opacity:0; -moz-transform:translateX(-100px);} 60%{opacity:1; -moz-transform:translateX(20px);} 100%{-moz-transform:translateX(0);} } @keyframes cd-bounce-2{ 0%{opacity:0; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); -o-transform:translateX(-100px); transform:translateX(-100px);} 60%{opacity:1; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px);} 100%{-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);} } @-webkit-keyframes cd-bounce-2-inverse{ 0%{opacity:0; -webkit-transform:translateX(100px);} 60%{opacity:1; -webkit-transform:translateX(-20px);} 100%{-webkit-transform:translateX(0);} } @-moz-keyframes cd-bounce-2-inverse{ 0%{opacity:0; -moz-transform:translateX(100px);} 60%{opacity:1; -moz-transform:translateX(-20px);} 100%{-moz-transform:translateX(0);} } @keyframes cd-bounce-2-inverse{ 0%{opacity:0; -webkit-transform:translateX(100px);-moz-transform:translateX(100px); -ms-transform:translateX(100px); -o-transform:translateX(100px); transform:translateX(100px);} 60%{opacity:1; -webkit-transform:translateX(-20px);-moz-transform:translateX(-20px); -ms-transform:translateX(-20px); -o-transform:translateX(-20px); transform:translateX(-20px);} 100%{-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);} } .cd-container .btn-primary{position:relative; display:block; width:35px; height:35px; background:url('../images/ico_morewhite2.gif') center no-repeat; margin:0 auto; left:-1px; border:none; background-color:#cdcdcd; border-radius:50%} .cd-container .btn-primary:hover, .cd-container .btn-primary:active{background-color:#ff4d6a;} .cd-container #ajaxloader{position:relative; display:block; margin:0 auto; text-align:center;} @media only screen and (max-width:1200px){ .cd-container .btn-primary{display:inline-block; left:50%; margin:0; margin-left:-18px;} .cd-container #ajaxloader{display:inline-block; left:-5px;} } @media only screen and (max-width:1024px){ .cd-container .btn-primary{display:inline-block; left:50%; margin:0; margin-left:-18px;} .cd-container #ajaxloader{display:inline-block; left:-5px;} } @media only screen and (max-width:1023px){ .cd-container .btn-primary{display:inline-block; left:3px;} .cd-container #ajaxloader{display:inline-block; left:-5px;} } /* timeline E */ #subcontents.sub04 .con.certificate{padding-bottom:110px; background:#f5f5f5; text-align:center;} #subcontents.sub04 .con.certificate .owl-carousel{width:930px; margin:0 auto;} #subcontents.sub04 .con.certificate .owl-carousel .item{display:block; position:relative; width:200px; /*height:280px;*/ box-sizing:border-box;} #subcontents.sub04 .con.certificate .owl-carousel .item div{display:inline-block; position:relative; width:100%; height:280px; border:1px solid #dcdcdc;} #subcontents.sub04 .con.certificate .owl-carousel .item div img{width:100%; cursor:zoom-in;} #subcontents.sub04 .con.certificate .owl-carousel .item span.certificateName{display:block; width:100%; min-height:75px; line-height:150%; padding:15px; color:#595858; font-size:.938rem; font-weight:normal; box-sizing:border-box; word-break:keep-all;} #subcontents.sub04 .con.certificate .certificateModal{display:none; position:fixed; z-index:9999; padding:15px 0; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); box-sizing:border-box; cursor:zoom-out;} #subcontents.sub04 .con.certificate .modalContents{background-color:#fefefe; margin:0 auto; padding:0; border:1px solid #888; width:100%; max-width:600px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); box-sizing:border-box;} #subcontents.sub04 .con.certificate .modalContents .zoomClose{position:absolute; width:50px; height:50px; line-height:50px; text-align:center; top:0; right:0; color:#aaaaaa; font-size:1.75rem; font-weight:bold; cursor:pointer; background:#ddd;} #subcontents.sub04 .con.certificate .modalContents .zoomClose:hover, .modalContents .zoomClose:focus{color:#000;} #subcontents.sub04 .con.certificate .modalContents img{display:block; position:relative; box-sizing:border-box;} #subcontents.sub04 .con.location{background:#f5f5f5 url('../images/sub/01/bg_sub01_02.gif') repeat center center;} #subcontents.sub04 .con.location .con.title{text-align:center;} #subcontents.sub04 .con.location .con.map1{display:block; margin-bottom:50px; text-align:center;} #subcontents.sub04 .con.location .con.map1 h3{display:block; margin:0 auto; padding:8px 10px; font-size:1.125rem; font-weight:500; color:#fff; background:#595858;} #subcontents.sub04 .con.location .con.map1 .conMap{clear:both; display:block; position:relative; float:left; width:50%; box-sizing:border-box;} #subcontents.sub04 .con.location .con.map1 .conMap .root_daum_roughmap{width:100%; padding:0; border:none; border-radius:0;} #subcontents.sub04 .con.location .con.map1 .conMap .root_daum_roughmap .wrap_map{height:350px;} #subcontents.sub04 .con.location .con.map1 .conMap .root_daum_roughmap .map{width:100%; height:100%;} #subcontents.sub04 .con.location .con.map1 .txtBox{display:block; position:relative; float:right; width:50%; height:382px; padding:25px; background:#fff; border:1px solid #ddd; border-left:none; box-sizing:border-box;} #subcontents.sub04 .con.location .con.map1 .txtBox ul{width:100%;} #subcontents.sub04 .con.location .con.map1 .txtBox ul li{display:block; text-align:left;} #subcontents.sub04 .con.location .con.map1 .txtBox ul li p{display:block; margin-bottom:7px; font-size:1.313rem; font-weight:bold; color:#333;} #subcontents.sub04 .con.location .con.map1 .txtBox ul li span{display:block; margin-bottom:24px; font-size:1.063rem; color:#595757; line-height:160%;} #subcontents.sub04 .con.location .con.map1:after{content:''; display:block; clear:both;} #subcontents.sub04 .con.location .con.map2{display:block; margin-bottom:150px; text-align:center;} #subcontents.sub04 .con.location .con.map2 h3{display:block; margin:0 auto; padding:8px 10px; font-size:1.125rem; font-weight:500; color:#fff; background:#595858;} #subcontents.sub04 .con.location .con.map2 .conMap{clear:both; display:block; position:relative; float:left; width:50%; box-sizing:border-box;} #subcontents.sub04 .con.location .con.map2 .conMap .root_daum_roughmap{width:100%; padding:0; border:none; border-radius:0;} #subcontents.sub04 .con.location .con.map2 .conMap .root_daum_roughmap .wrap_map{height:350px;} #subcontents.sub04 .con.location .con.map2 .conMap .root_daum_roughmap .map{width:100%; height:100%;} #subcontents.sub04 .con.location .con.map2 .txtBox{display:block; position:relative; float:right; width:50%; height:382px; padding:25px; background:#fff; border:1px solid #ddd; border-left:none; box-sizing:border-box;} #subcontents.sub04 .con.location .con.map2 .txtBox ul{width:100%;} #subcontents.sub04 .con.location .con.map2 .txtBox ul li{display:block; text-align:left;} #subcontents.sub04 .con.location .con.map2 .txtBox ul li p{display:block; margin-bottom:7px; font-size:1.313rem; font-weight:bold; color:#333;} #subcontents.sub04 .con.location .con.map2 .txtBox ul li span{display:block; margin-bottom:15px; font-size:1.063rem;; color:#595757; line-height:160%;} #subcontents.sub04 .con.location .con.map2:after{content:''; display:block; clear:both;} #subcontents.sub98 .con1{clear:both; text-align:center; margin-bottom:100px;} #subcontents.sub98 .con1 ul{display:inline-block; position:relative; width:100%; text-align:left;} #subcontents.sub98 .con1 ul li{position:relative; display:inline-block; float:left; width:23%; min-height:auto; margin:12px 1%; padding:20px 15px; box-sizing:border-box;} #subcontents.sub98 .con1 ul li a{position:relative; display:block; min-height:auto; line-height:1.6; padding:12px; border-bottom:1px solid #333; color:#333; font-size:1.188rem;; font-weight:500;} #subcontents.sub98 .con1 ul li a:hover{border-bottom-color:#e61d63; color:#e61d63;} #subcontents.sub98 .con1 ul li ul{position:relative; width:100%; margin-top:15px;} #subcontents.sub98 .con1 ul li ul li{position:relative; display:block; width:100%; line-height:1; margin:0; padding:0; list-style:circle;} #subcontents.sub98 .con1 ul li ul li a{position:relative; min-height:auto; padding:2px 8px 2px 20px; border-bottom:none; color:#595858; font-size:0.875rem;font-weight:normal;} #subcontents.sub98 .con1 ul li ul li a:before{content:'-'; display:inline-block; position:absolute; top:0; left:8px;} #subcontents.sub98 .con1 ul li ul li a:hover{background:#f7f7f7; border-radius:5px;} #subcontents.sub99 .con1{clear:both; text-align:center;} #subcontents.sub99 .con1 .txtArea{padding:40px 0 90px;} #subcontents.sub99 .con1 .txtArea span{display:block; margin-bottom:50px; line-height:180%; color:#595757; font-size:1.188rem;} #subcontents.sub99 .con2{clear:both; text-align:center; background:url('../images/sub/01/bg_sub01_02.gif') repeat center center;} #subcontents.sub99 .con2 .txtArea{padding:40px 0 90px; text-align:left;} #subcontents.sub99 .con2 .txtArea p{display:block; margin-bottom:25px; line-height:160%; color:#333; font-size:1.188rem; font-weight:bold; text-align:left;} #subcontents.sub99 .con2 .txtArea span{display:block; margin-bottom:50px; line-height:180%; color:#595757; font-size:1.188rem; text-align:left;} .owl-theme .owl-nav{} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{display:block; position:absolute; top:50%; margin-top:-10.5px; width:11px; height:21px; box-sizing:border-box;} .owl-carousel .owl-nav button.owl-next{right:-82px; text-indent:-99999999px; background:url('../images/btn_next.png') no-repeat center center;} .owl-carousel .owl-nav button.owl-prev{left:-82px; text-indent:-99999999px; background:url('../images/btn_prev.png') no-repeat center center;} .owl-theme .owl-nav .disabled{opacity:0;} @media screen and (max-width:1199px) and (min-width:1024px){ #wrap{width:100%;min-width:1007px;} #wrap .wrapper{width:940px;} #subcontents h2{margin:55px auto 25px;} .listCon h2,.workCon h2,.newsCon h2{margin:55px auto -25px;} #subcontents.sub01 .con.about01 .imgArea{height:520px;} #subcontents.sub01 .con.about01 .txtArea{padding:60px 0 0;} #subcontents.sub01 .con.about01 .txtArea span{margin-bottom:30px;} #subcontents.sub01 .con.about02 .imgArea{height:520px;} #subcontents.sub01 .con.about02 .txtArea{padding:60px 0 70px} #subcontents.sub01 .con.about02 .txtArea span{margin-bottom:50px;} #subcontents.sub01 .con.about02 .txtArea ul li{width:455px; height:200px; padding:48px 55px;} #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(1), #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(2){padding:34px 55px;} #subcontents.sub01 .con.process ol li{margin-right:14px;} #subcontents.sub02 .con .imgList ul li{width: 455px;} #subcontents.sub02_03 .tabCon .layoutLeft,#subcontents.sub02_03 .tabCon .layoutRight{width: 455px;} #subcontents.sub02_03 .tabCon .colors li span{width:100px;line-height:100px;} #subcontents.sub04 .con.certificate .owl-carousel{width:836px;} .owl-carousel .owl-nav button.owl-next{right:-30px;} .owl-carousel .owl-nav button.owl-prev{left:-30px;} #subcontents.sub98 .con1 ul li{padding:20px 4px;} } @media screen and (max-width:1023px) and (min-width:768px){ #wrap{width:100%;min-width:751px;} #wrap .wrapper{width:100%;} #subcontents h2{margin:50px auto 22px;} .listCon h2,.workCon h2,.newsCon h2{margin:50px auto -28px;} #subcontents.sub01 .con.about01 .imgArea{height:350px;} #subcontents.sub01 .con.about01 .imgArea .txt{height:100px; padding:15px 0;} #subcontents.sub01 .con.about01 .imgArea .txt span{margin-bottom:7px; font-size:1.188rem;} #subcontents.sub01 .con.about01 .txtArea{padding:50px 0 0;} #subcontents.sub01 .con.about02 .imgArea{height:350px;} #subcontents.sub01 .con.about02 .txtArea{padding:50px 0 65px} #subcontents.sub01 .con.about02 .txtArea span{margin-bottom:50px;} #subcontents.sub01 .con.about02 .txtArea ul li{width:355px; height:165px; margin:0 10px 10px 0; padding:45px 30px;} #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(1), #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(2){padding:35px 30px;} #subcontents.sub01 .con.about02 .txtArea ul li p{margin-bottom:12px; font-size:1.625rem;} #subcontents.sub01 .con.about02 .txtArea ul li p strong{font-size:1.625rem;} #subcontents.sub01 .con.about02 .txtArea ul li span{padding-left:35px; line-height:160%;} #subcontents.sub01 .con.process{padding-bottom:40px;} #subcontents.sub01 .con.process ol li{margin-bottom:35px;} #subcontents.sub02 .tab{padding:20px 6px;} #subcontents.sub02_01 .con .imgList ul li{width: 355px;margin-right:10px;} #subcontents.sub02_03 .tabCon .layoutLeft,#subcontents.sub02_03 .tabCon .layoutRight{width: 355px;} #subcontents.sub02_03 .tabCon .layoutLeft{margin-right:10px;} #subcontents.sub02_03 .tabCon .colors{margin:15px 0;justify-content: center;flex-wrap: wrap;} #subcontents.sub02_03 .tabCon .colors li{width:40%;margin-right:0;margin-bottom:20px;} #subcontents.sub02_03 .tabCon .colors li:nth-child(n + 3){margin-bottom:0;} #subcontents.sub02_03 .tabCon .colors li span{width:100px;line-height:98px;} #subcontents.sub02_03 .tabCon .material li span{width:90%;right: 50%;transform: translateX(50%);} #subcontents.sub02_03 .tabCon .design li {width:50%;} #subcontents.sub04 .con.certificate{padding-bottom:75px;} #subcontents.sub04 .con.certificate .owl-carousel{width:630px;} .owl-carousel .owl-nav button.owl-next{right:-30px;} .owl-carousel .owl-nav button.owl-prev{left:-30px;} #subcontents.sub98 .con1 ul li{width:31.333%; padding:20px 4px;} #subcontents.sub98 .con1 ul li:nth-child(3n+1){clear:both; float:left;} #subcontents.sub99 .con1 .txtArea{padding:50px 0 65px} #subcontents.sub99 .con1 .txtArea span{margin-bottom:50px; word-break:keep-all;} #subcontents.sub99 .con2 .txtArea{padding:50px 0 65px} #subcontents.sub99 .con2 .txtArea span{margin-bottom:50px; word-break:keep-all;} } @media screen and (max-width:767px){ #wrap{width:100%;min-width:320px;} #wrap .wrapper{width:100%;} #subcontents h2{margin:50px auto 12px;font-size:1.438rem;} .listCon h2,.workCon h2,.newsCon h2{margin:50px auto -38px;font-size:1.438rem;} #subcontents h3{margin:0 auto 12px;font-size:1.313rem;} #subcontents h4{margin:0 auto 6px;font-size:1.188rem;} #subcontents.sub01 .con.about01 .imgArea{height:185px; margin-bottom:70px;} #subcontents.sub01 .con.about01 .imgArea .txt{height:70px; padding:10px 0; top:185px;} #subcontents.sub01 .con.about01 .imgArea .txt span{margin-bottom:5px; font-size:.938rem;} #subcontents.sub01 .con.about01 .imgArea .txt span strong{font-size:1.25rem;} #subcontents.sub01 .con.about01 .txtArea{padding:30px 5% 0;} #subcontents.sub01 .con.about01 .txtArea span{margin-bottom:15px; line-height:160%; word-break:keep-all;} #subcontents.sub01 .con.about01 .txtArea span br{display: none;} #subcontents.sub01 .con.about02 .imgArea{height:185px;} #subcontents.sub01 .con.about02 .txtArea{padding:30px 5% 50px} #subcontents.sub01 .con.about02 .txtArea span{margin-bottom:20px; line-height:160%; word-break:keep-all;} #subcontents.sub01 .con.about02 .txtArea span br{display:none;} #subcontents.sub01 .con.about02 .txtArea ul li{width:100%; height:auto; margin:0 10px 10px 0; padding:25px 30px 15px;} #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(1), #subcontents.sub01 .con.about02 .txtArea ul li:nth-child(2){padding:25px 30px 15px;} #subcontents.sub01 .con.about02 .txtArea ul li p{margin-bottom:12px; font-size:1.375rem;} #subcontents.sub01 .con.about02 .txtArea ul li p strong{font-size:1.375rem;} #subcontents.sub01 .con.about02 .txtArea ul li span{padding-left:24px; line-height:160%; font-size:1rem;} #subcontents.sub01 .con.about02 .txtArea ul li span br{display: inline-block;} #subcontents.sub01 .con.process{padding-bottom:70px;} #subcontents.sub01 .con.process ol{padding:0 3%; box-sizing:border-box;} #subcontents.sub01 .con.process ol li{clear:both; display:block; margin:0 auto 35px;} #subcontents.sub01 .con.process ol li.step6{margin:0 auto 35px;} #subcontents.sub01 .con.process ol li:nth-child(odd):after, #subcontents.sub01 .con.process ol li:nth-child(even):after{width:2px; height:10px; top:190px; left:50%; transform:none;} #subcontents.sub02 .con .imgList{margin:18px 0 0;} #subcontents.sub02 .con .imgList ul li{width:100%;margin-right:0;margin-bottom:10px;} #subcontents.sub02 .con .imgList ul li:last-child{margin-bottom:0;} #subcontents.sub02 .con .imgList ul li p{padding:16px 10px;font-size:1.063rem;} #subcontents.sub02 .con .wrapper{padding:0 5%;} #subcontents.sub02_01 .con{margin-bottom:50px;} #subcontents.sub02_01 .con.gray{padding:30px 0 50px;} #subcontents.sub02_01 .con .imgList{margin:18px 0;} #subcontents.sub02_01 .con .list li{font-size:1rem;padding:0 0 0 16px;line-height:160%;} #subcontents.sub02_01 .con .list li:before{width:8px;top:11.5px;} #subcontents.sub02_01 .con .imgBox{margin-top:18px;} #subcontents.sub02_01 .con .txtArea span {margin-bottom: 15px;line-height: 160%;font-size:1rem;word-break: keep-all;} #subcontents.sub02 .tab{width: 100%;margin: 0 auto;padding: 20px 12px 10px;} #subcontents.sub02 .tab:last-child{padding-bottom:30px;} #subcontents.sub02 .tab p.tit{font-size:1.125rem;line-height:160%;} #subcontents.sub02 .tab > ul{margin-top:10px;} #subcontents.sub02 .tab > ul li .tabLink{font-size:.938rem;;} #subcontents.sub02_02{padding-bottom:20px;} #subcontents.sub02_02 .con{margin-bottom:30px;} #subcontents.sub02_02 .tabCon p{font-size:1rem;line-height:160%;} #subcontents.sub02_03{padding-bottom:20px;} #subcontents.sub02_03 .con{margin-bottom:30px;} #subcontents.sub02_03 .tab{width:100%;} #subcontents.sub02_03 .con p{font-size:1rem;} #subcontents.sub02_03 .tabCon .list{padding:20px;} #subcontents.sub02_03 .tabCon .list li{font-size:1rem;padding:0 0 0 16px;text-align:left;} #subcontents.sub02_03 .tabCon .list li:before{position:absolute;top: 11.5px;left: 0;width:8px;} #subcontents.sub02_03 .tabCon .imgBox,#subcontents.sub02_03 .tabCon .imgList{margin:18px 0 0;} #subcontents.sub02_03 .tabCon .layoutLeft,#subcontents.sub02_03 .tabCon .layoutRight{width:100%;margin-right:0;margin-top:18px;} #subcontents.sub02_03 .tabCon .title{padding:14px 10px;font-size:1.063rem;} #subcontents.sub02_03 .tabCon .colors{margin:18px 0;justify-content: center;flex-wrap: wrap;} #subcontents.sub02_03 .tabCon .colors li{width:45%;margin-right:0;margin-bottom:25px;} #subcontents.sub02_03 .tabCon .colors li:nth-child(n + 3){margin-bottom:0;} #subcontents.sub02_03 .tabCon .colors li span{width:110px;line-height:108px;font-size:1.125rem;} #subcontents.sub02_03 .tabCon .material li{width:100%;height:185px;margin-bottom:10px;} #subcontents.sub02_03 .tabCon .material li:last-child{margin-bottom:0;} #subcontents.sub02_03 .tabCon .material li span{width:90%;right: 50%;transform: translateX(50%);font-size:1rem;} #subcontents.sub02_03 .tabCon .design li{width:100%;padding:30px 10px;} #subcontents.sub02_03 .tabCon .design li .imgBox{width:80%;margin:0 auto 28px;} #subcontents.sub02_03 .tabCon .design li .imgBox img{max-width:380px;} #subcontents.sub02_03 .tabCon .design li span{font-size:1rem;} #subcontents.sub04_01 .con.greeting p{margin-bottom:12px;} #subcontents.sub04_01 .con.greeting .box{padding: 24px;border-radius: 28px 0;} #subcontents.sub04_01 .con.greeting .box p br{display:none;} #subcontents.sub04 .con.certificate{padding-bottom:75px;} #subcontents.sub04 .con.certificate .owl-carousel{width:200px;} #subcontents.sub04 .con.certificate .modalContents{width:94%; margin:25% auto;} #subcontents.sub04 .con.certificate .modalContents img{width:100%;} .owl-carousel .owl-nav button.owl-next{right:-30px;} .owl-carousel .owl-nav button.owl-prev{left:-30px;} #subcontents.sub04 .con.location .con.map1 .conMap{float:none; width:100%; margin:0 auto;} #subcontents.sub04 .con.location .con.map1 .conMap .root_daum_roughmap .wrap_map{height:280px;} #subcontents.sub04 .con.location .con.map1 .conMap .root_daum_roughmap .map{width:100%; height:100%;} #subcontents.sub04 .con.location .con.map1 .txtBox{float:none; width:100%; height:auto; margin:0 auto; padding:20px 15px; border:none;} #subcontents.sub04 .con.location .con.map2 .conMap{float:none; width:100%; margin:0 auto;} #subcontents.sub04 .con.location .con.map2 .conMap .root_daum_roughmap .wrap_map{height:280px;} #subcontents.sub04 .con.location .con.map2 .conMap .root_daum_roughmap .map{width:100%; height:100%;} #subcontents.sub04 .con.location .con.map2 .txtBox{float:none; width:100%; height:auto; margin:0 auto; padding:20px 15px; border:none;} #subcontents.sub98 .con1 ul li{width:100%; margin:0 auto; padding:20px 12px;} #subcontents.sub98 .con1 ul li a{font-size:1.063rem;} #subcontents.sub98 .con1 ul li ul li a{font-size:0.813rem;} #subcontents.sub99 .con2 .txtArea{padding:30px 5% 50px;} #subcontents.sub99 .con2 .txtArea p{font-size:1.063rem; word-break:keep-all;} #subcontents.sub99 .con2 .txtArea span{margin-bottom:40px; line-height:160%; font-size:1rem; word-break:keep-all;} }