@charset "utf-8"; .pageTitle-section{text-align:center;} .pageTitle-section h1{font-size:42px;color:#3b3b3b; font-weight:300; line-height:130%;} .pageTitle-section h1 strong{font-weight:700;} .pageTitle-section p{margin-top:30px; padding:0 10px; font-size:20px;color:#333; font-weight:300; line-height:150%; word-break:keep-all; word-wrap:break-word;} .pageTitle-section p span{color:#f95da3; font-weight:500;} @media screen and (max-width:960px){ .pageTitle-section h1{font-size:35px;} .pageTitle-section h2{font-size:20px; line-height:150%;} .pageTitle-section p{margin-top:15px; font-size:18px;} } @media screen and (max-width:780px){ .pageTitle-section h1{font-size:33px;} .pageTitle-section h2{font-size:18px;} .pageTitle-section p{font-size:16px;} } @media screen and (max-width:680px){ .pageTitle-section h1{font-size:30px;} .pageTitle-section h1 span{font-weight:600;} .pageTitle-section h2{font-size:17px;} .pageTitle-section p{margin-top:10px; font-size:15px;} } @media screen and (max-width:580px){ .pageTitle-section h1{font-size:28px;} .pageTitle-section h1 span{font-weight:500;} .pageTitle-section h2{font-size:16px;} .pageTitle-section br{display:none;} } @media screen and (max-width:480px){ .pageTitle-section h1{font-size:25px;} .pageTitle-section h2{font-size:15px;} } #success-section{width:100%; background:url('../img/competitiveness1_top_bg.jpg?v2212') no-repeat center; background-size:cover;} #success-section02{width:100%; background:url('../img/competitiveness1_bg02.jpg') no-repeat center; background-size:cover;} #success-section02 .cont-area{height:665px; position:relative;} #success-section02 .cont-area .sub-tit{width:50%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #success-section02 .cont-area .sub-tit h1{font-size:44px; color:#1d1d1d; font-weight:700;} #success-section02 .cont-area .sub-tit h2{font-size:24px; color:#212121; font-weight:700; margin:50px 0 20px;} #success-section02 .cont-area .sub-tit p{font-size:18px; color:#212121; line-height:150%;} #success-section02 .cont-area .img{top:50%; right:100px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #success-section03{width:100%; background:#f8f8f8; padding:110px 0 120px;} #success-section03 .cont-area .sub-tit h1{font-size:44px; color:#1d1d1d; font-weight:700;} #success-section03 .cont-area .sub-tit p{font-size:18px; color:#313131; line-height:150%; margin-top:20px;} #success-section03 .success-slider{position:relative; margin-top:30px;} #success-section03 #success-banner{width:100%; height:520px;} #success-section03 #success-banner li{height:520px; background-size:cover; text-align:center; position:relative;} #success-section03 #success-banner li.img01{background:url('../img/success-banner01.jpg') no-repeat center;} #success-section03 #success-banner li.img02{background:url('../img/success-banner02.jpg') no-repeat center;} #success-section03 #success-banner li.img03{background:url('../img/success-banner03.jpg') no-repeat center;} #success-section03 #success-banner li.img04{background:url('../img/success-banner04.jpg') no-repeat center;} #success-section03 #success-banner li.img05{background:url('../img/success-banner05.jpg') no-repeat center;} #success-section03 #success-banner li.img06{background:url('../img/success-banner06.jpg') no-repeat center;} #success-section03 #success-banner li .txt{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; color:#fff;} #success-section03 #success-banner li .txt h2{font-size:52px; font-weight:700;} #success-section03 #success-banner li .txt p{font-size:18px; font-weight:400; margin-top:10px;} #success-section03 #success-banner li .txt p span{display:block;} #success-section03 .success-pager{position:absolute; top:40px; left:50px; border-bottom:1px solid rgba(255,255,255,.4);} #success-section03 .success-pager:after{clear:both; display:block; content:"";} #success-section03 .success-pager li{float:left; margin-right:40px;} #success-section03 .success-pager li:last-child{margin-right:0;} #success-section03 .success-pager li a{display:inline-block; padding-bottom:10px;} #success-section03 .success-pager li a p{font-size:12px; font-weight:700; color:rgba(255,255,255,.4);} #success-section03 .success-pager li a h1{font-size:18px; font-weight:300; color:#fff;} #success-section03 .success-pager li a.active{border-bottom:2px solid #fff;} #success-section03 .success-pager li a.active p{color:#fff;} #success-section03 .success-pager li a.active h1{font-weight:700; color:#fff;} @media screen and (max-width:960px){ #success-section02 .cont-area .sub-tit h1{font-size:35px;} #success-section02 .cont-area .sub-tit h2{font-size:20px;} #success-section02 .cont-area .sub-tit p{font-size:18px;} #success-section02 .cont-area .sub-tit p br{display:none;} #success-section02 .cont-area .img{right:0;} #success-section03{padding:80px 0 100px;} #success-section03 .cont-area .sub-tit h1{font-size:35px;} #success-section03 .cont-area .sub-tit p{font-size:18px;} #success-section03 .cont-area .sub-tit p br{display:none;} } @media screen and (max-width:780px){ #success-section02 .cont-area{height:500px;} #success-section02 .cont-area .sub-tit{} #success-section02 .cont-area .sub-tit h1{font-size:30px;} #success-section02 .cont-area .sub-tit h2{font-size:18px; margin:30px 0 20px;} #success-section02 .cont-area .sub-tit p{font-size:16px;} #success-section02 .cont-area .img{right:30px; text-align:right;} #success-section02 .cont-area .img img{width:80%;} #success-section03{padding:80px 0 80px;} #success-section03 .cont-area .sub-tit h1{font-size:30px;} #success-section03 .cont-area .sub-tit p{font-size:16px;} #success-section03 #success-banner li .txt h2{font-size:44px;} #success-section03 .success-pager{top:30px; left:30px;} #success-section03 .success-pager li{float:left; margin-right:30px;} } @media screen and (max-width:680px){ #success-section02 .cont-area{height:auto; padding:50px 10px;} #success-section02 .cont-area .sub-tit{width:100%; position:relative; top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);} #success-section02 .cont-area .img{width:100%; text-align:center; position:relative; top:0; right:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); margin:30px auto 0;} #success-section02 .cont-area .img img{width:80%;} #success-section03{padding:60px 0 80px;} #success-section03 #success-banner li .txt h2{font-size:36px;} #success-section03 #success-banner li .txt p{font-size:16px;} #success-section03 .success-pager{top:30px; left:10px;} #success-section03 .success-pager li{margin-right:20px;} #success-section03 .success-pager li a h1{font-size:16px;} } @media screen and (max-width:580px){ #success-section03 #success-banner li .txt h2{font-size:30px;} #success-section03 #success-banner li .txt p{font-size:14px; font-weight:400;} #success-section03 .success-pager{top:10px; border-bottom:none;} #success-section03 .success-pager li a{padding-top:10px; padding-bottom:12px;} #success-section03 .success-pager li a.active{padding-bottom:10px; border-bottom:2px solid #fff;} } @media screen and (max-width:480px){ #success-section02 .cont-area{height:auto; padding:40px 10px;} #success-section02 .cont-area .sub-tit h1{font-size:26px;} #success-section02 .cont-area .sub-tit h2{font-size:16px; margin:30px 0 20px;} #success-section02 .cont-area .sub-tit p{font-size:14px;} #success-section03{padding:50px 0 60px;} #success-section03 .cont-area .sub-tit h1{font-size:26px;} #success-section03 .cont-area .sub-tit p{font-size:14px;} } /*마케팅*/ #marketing-section{width:100%; background:url('../img/competitiveness2_top_bg.jpg?v2212') no-repeat center; background-size:cover;} #marketing-section .pageTitle-section h1 strong{color:#383471;} #marketing-section .pageTitle-section p{font-weight:400;} #marketing-section .pageTitle-section p span{font-weight:400;} #marketing-section .pageTitle-section p span:first-child{color:#39bfd7;} #marketing-section .pageTitle-section p span:last-child{color:#ed61a0;} #marketing-section02{background:url('../img/marketing_bg.jpg') no-repeat center; background-size:cover; margin-top:0;} #marketing-section02 .bg{height:620px; position:relative;} #marketing-section02 .keyword{max-width:570px; top:50%; left:48%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding-right:20px; position:absolute;} #marketing-section02 .keyword .title{margin-bottom:35px;} #marketing-section02 .keyword .title p{font-size:13px; letter-spacing:24px; color:#03cf5d; margin-bottom:15px;} #marketing-section02 .keyword .title h1{font-size:40px; width:530px; font-weight:900; color:#070707; background:#fff; border:8px solid #00c53d; display:inline-block; padding:7px 0 10px 20px;} #marketing-section02 .keyword h2{font-size:18px; color:#00c53d; font-weight:700; line-height:150%; word-break:keep-all; word-wrap:break-word;} #marketing-section02 .keyword p{font-size:18px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all; word-wrap:break-word;} #marketing-section03{background:url('../img/marketing_bg02.jpg') no-repeat center; background-size:cover;} #marketing-section03 .blog{max-width:1200px; padding:0 10px; margin:0 auto; height:690px; position:relative;} #marketing-section03 .bg{height:690px; position:relative;} #marketing-section03 .blog .txt{top:50%; left:10px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #marketing-section03 .blog .txt .title{margin-bottom:35px;} #marketing-section03 .blog .txt .title p{font-size:13px; letter-spacing:32px; color:#4e4588; margin-bottom:15px;} #marketing-section03 .blog .txt .title h1{font-size:40px; width:530px; font-weight:900; color:#4e4588; background:#fff; border:8px solid #4e4588; display:inline-block; padding:7px 0 10px 20px;} #marketing-section03 .blog .txt p{font-size:18px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all; word-wrap:break-word;} #marketing-section03 .blog .txt p span{font-weight:700; color:#4e4588;} #marketing-section04{width:100%; max-width:1180px; margin:90px auto 0;} #marketing-section04 .pageTitle-section h1{padding-bottom:70px; background:url('../img/pop_bar.gif') no-repeat center bottom;} #marketing-section04 #pop{margin-top:40px; padding-bottom:100px; position:relative; -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s;} #marketing-section04 #pop .owl-carousel{width:100%;} #marketing-section04 #pop .owl-carousel .item{border:1px solid #dedede;} #marketing-section04 #pop .owl-carousel .item:before{-webkit-backface-visibility:hidden;} #marketing-section04 #pop .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;} #marketing-section04 #pop .owl-carousel .owl-dots{width:100%; bottom:-40px; z-index:10000; text-align:center; position:absolute; display:none;} #marketing-section04 #pop .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block; z-index:1000; position:relative;} #marketing-section04 #pop .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off2.png") no-repeat; display:block; vertical-align:bottom;} #marketing-section04 #pop .owl-carousel .owl-dots .active span{background:url("../img/slider_on2.png") no-repeat;} #marketing-section04 #pop .owl-carousel .owl-nav{display:block;} #marketing-section04 #pop .owl-carousel .owl-prev{width:23px; height:45px; top:50%; left:-40px; margin-top:-22.5px; text-indent:-9000px; background:url("../img/pop_prev.gif") no-repeat; display:block; position:absolute;} #marketing-section04 #pop .owl-carousel .owl-next{width:23px; height:45px; top:50%; right:-40px; margin-top:-22.5px; text-indent:-9000px; background:url("../img/pop_next.gif") no-repeat; display:block; position:absolute;} @media screen and (max-width:1280px){ #marketing-section04 #pop .owl-carousel .owl-nav{display:none;} #marketing-section04 #pop .owl-carousel .owl-dots{display:block;} } @media screen and (max-width:1080px){ #marketing-section02 .keyword{left:40%;} } @media screen and (max-width:920px){ #marketing-section02 .bg{height:520px;} #marketing-section02 .keyword .title h1{font-size:34px; width:430px;} #marketing-section02 .keyword .title p{letter-spacing:18px;} #marketing-section02 .keyword p{font-size:16px;} #marketing-section03 .blog{height:520px;} #marketing-section03 .bg{height:520px;} #marketing-section03 .blog .txt .title h1{font-size:34px; width:430px;} #marketing-section03 .blog .txt .title p{letter-spacing:18px;} #marketing-section03 .blog .txt p{font-size:16px;} #marketing-section03 .blog .txt p span{font-weight:600;} #marketing-section04{margin:80px auto 0;} #marketing-section04 .pageTitle-section h1{padding-bottom:50px; background-size:1px 40px;} } @media screen and (max-width:860px){ #marketing-section04{margin:70px auto 0;} } @media screen and (max-width:820px){ #marketing-section02 .bg{height:420px;} #marketing-section02 .keyword .title h1{width:400px; font-weight:500; font-size:30px;} #marketing-section02 .keyword .title p{letter-spacing:15px;} #marketing-section02 .keyword h2{font-weight:600; font-size:16px;} #marketing-section02 .keyword p{font-size:15px;} #marketing-section03 .blog{height:420px;} #marketing-section03 .bg{height:420px;} #marketing-section03 .blog .txt .title h1{width:400px; font-weight:500; font-size:30px;} #marketing-section03 .blog .txt .title p{letter-spacing:15px;} #marketing-section03 .blog .txt p{font-size:16px;} #marketing-section03 .blog .txt p span{font-weight:500;} } @media screen and (max-width:770px){ #marketing-section02 .keyword p br{display:none;} } @media screen and (max-width:760px){ #marketing-section04{margin:60px auto 0;} } @media screen and (max-width:720px){ #marketing-section02 .keyword p{margin-top:15px; font-size:14px;} #marketing-section03 .blog .txt p{margin-top:15px; font-size:14px;} } @media screen and (max-width:710px){ #marketing-section02{background:url('../img/marketing_bg.jpg') no-repeat right center;} #marketing-section02 .bg{height:auto; padding:20px 20px 40px;} #marketing-section02 .keyword{max-width:100%; top:auto; left:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; padding-right:0; position:relative;} #marketing-section02 .keyword .title h1{width:100%;} #marketing-section02 .keyword .title p{letter-spacing:5px;} #marketing-section03{background:url('../img/marketing_bg02.jpg') no-repeat left center;} #marketing-section03 .blog{height:auto; padding:0;} #marketing-section03 .bg{height:auto; padding:20px 20px 40px;} #marketing-section03 .blog .txt{max-width:100%; top:auto; left:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; padding-right:0; position:relative;} #marketing-section03 .blog .txt .title h1{width:100%;} #marketing-section03 .blog .txt p br{display:none;} } @media screen and (max-width:660px){ #marketing-section04{margin:50px auto 20px;} } @media screen and (max-width:600px){ #marketing-section04 .pageTitle-section h1{padding-bottom:30px; background-size:1px 20px;} } @media screen and (max-width:540px){ #marketing-section02 .keyword h2 br{display:none;} #marketing-section04{margin:40px auto 20px;} #marketing-section04 .pageTitle-section h1{padding-bottom:25px; background-size:1px 17px;} #marketing-section04 #pop{margin-top:30px;} } @media screen and (max-width:480px){ #marketing-section02 .keyword .title h1{font-size:30px; border:5px solid #00c53d;} #marketing-section03 .blog .txt .title h1{font-size:30px; border:5px solid #4e4588;} #marketing-section04 #pop{margin-top:20px;} } /*차별화전략*/ #differentiation-section{width:100%; background:url('../img/competitiveness3_top_bg.jpg?v2212') no-repeat center; background-size:cover;} #differentiation-section01{width:100%; padding:0 10px;} #differentiation-section01:after{clear:both; display:block; content:"";} #differentiation-section01 .leftBox{float:left; width:50%; height:530px; background:url('../img/differentiation_img01.jpg') no-repeat; background-size:cover;} #differentiation-section01 .rightBox{float:right; width:50%; height:530px; position:relative;} #differentiation-section01 .rightBox .txt{float:left; width:100%; max-width:585px; top:50%; left:40px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #differentiation-section01 .rightBox .txt h3{color:#a0a0a0; font-size:36px; font-weight:300;} #differentiation-section01 .rightBox .txt h1{color:#1d1d1d; font-size:44px; font-weight:700; margin:10px 0 40px;} #differentiation-section01 .rightBox .txt h1 span{font-size:36px; font-weight:400;} #differentiation-section01 .rightBox .txt p{font-size:18px; color:#212121; line-height:150%;} @media screen and (max-width:1070px){ #differentiation-section01 .rightBox .txt{max-width:460px; left:20px;} #differentiation-section01 .rightBox .txt h3{font-size:30px;} #differentiation-section01 .rightBox .txt h1{font-size:40px; margin:10px 0 40px;} #differentiation-section01 .rightBox .txt h1 span{font-size:30px;} #differentiation-section01 .rightBox .txt p br{display:none;} } @media screen and (max-width:950px){ #differentiation-section01 .leftBox{display:none;} #differentiation-section01 .rightBox{width:100%; height:400px; position:relative; z-index:1;} #differentiation-section01 .rightBox:after{background:url('../img/differentiation_img01.jpg') no-repeat;width:100%; height:400px; background-size:cover; top:0; left:0; position:absolute; opacity:0.5!important; filter:alpha(opacity=50); z-index:-1; content:"";} #differentiation-section01 .rightBox .txt{max-width:100%; left:10px;} } @media screen and (max-width:640px){ #differentiation-section01 .rightBox{height:350px;} #differentiation-section01 .rightBox:after{height:350px;} #differentiation-section01 .rightBox .txt h3{font-size:24px;} #differentiation-section01 .rightBox .txt h1{font-size:30px; margin:10px 0 30px;} #differentiation-section01 .rightBox .txt h1 span{font-size:24px;} #differentiation-section01 .rightBox .txt p{font-size:16px;} } @media screen and (max-width:480px){ #differentiation-section01 .rightBox{height:300px;} #differentiation-section01 .rightBox:after{height:300px;} #differentiation-section01 .rightBox .txt h3{font-size:20px;} #differentiation-section01 .rightBox .txt h1{font-size:24px; margin:10px 0 20px;} #differentiation-section01 .rightBox .txt h1 span{font-size:20px;} } #differentiation-section02{background:#f6f6f6; padding:80px 0;} #differentiation-section02 .txt h3{color:#a0a0a0; font-size:36px; font-weight:300;} #differentiation-section02 .txt h1{color:#1d1d1d; font-size:44px; margin:10px 0 40px;} #differentiation-section02 ul.process{} #differentiation-section02 ul.process:after{clear:both; display:block; content:"";} #differentiation-section02 ul.process li{width:21%; height:auto; float:left; margin:0 0 2%; text-align:center; position:relative;} #differentiation-section02 ul.process li img{max-width:100%; height:auto;} #differentiation-section02 ul.process li.process-arrow{width:5%; height:250px; background:url('../img/differentiation_process_arrow.png') no-repeat center; background-size:16px 28px; border:0;} #differentiation-section02 ul.process li p{position:absolute; bottom:-20px; left:0; color:#fff; font-weight:400; font-size:20px; background:#68bfde; border-radius:50px; text-align:center; width:100%; line-height:50px;} #differentiation-section02 table{width:100%; margin-top:40px;} #differentiation-section02 table tr td{border:1px solid #dedede; background:#fff; width:50%; text-align:center; padding:40px 20px;} #differentiation-section02 table tr td h1{font-size:24px; font-weight:700; color:#68bfde; margin:30px 0 20px;} #differentiation-section02 table tr td p{font-size:18px; color:#212121;} @media screen and (max-width:1070px){ #differentiation-section02 .txt h3{font-size:30px;} #differentiation-section02 .txt h1{font-size:40px;} } @media screen and (max-width:980px){ #differentiation-section02{padding:60px 0;} #differentiation-section02 .txt h3{font-size:26px;} #differentiation-section02 .txt h1{font-size:36px;} #differentiation-section02 ul.process li.process-arrow{height:200px;} #differentiation-section02 ul.process li p{font-size:18px; line-height:42px;} } @media screen and (max-width:780px){ #differentiation-section02 .txt h3{font-size:26px;} #differentiation-section02 .txt h1{font-size:32px;} #differentiation-section02 ul.process li{width:45%; height:auto; float:left; margin:0 0 2%; text-align:center; position:relative;} #differentiation-section02 ul.process li.process-arrow:nth-child(4){display:none;} #differentiation-section02 ul.process li:nth-child(5), #differentiation-section02 ul.process li:nth-child(6), #differentiation-section02 ul.process li:nth-child(7){margin-top:40px;} #differentiation-section02 table tr td{padding:25px 15px;} #differentiation-section02 table tr td h2 img{height:85px; width:auto;} #differentiation-section02 table tr td h1{font-size:20px;} #differentiation-section02 table tr td p{font-size:16px;} #differentiation-section02 table tr td p br{display:none;} } @media screen and (max-width:640px){ #differentiation-section02{padding:40px 0;} #differentiation-section02 .txt h3{font-size:24px;} #differentiation-section02 .txt h1{font-size:30px;} #differentiation-section02 ul.process li p{font-size:16px; line-height:40px;} #differentiation-section02 table tr td{padding:20px 10px;} #differentiation-section02 table tr td h2 img{height:70px; width:auto;} #differentiation-section02 table tr td h1{font-size:18px; margin:20px 0 10px;} #differentiation-section02 table tr td p{font-size:14px;} #differentiation-section02 table tr td p br{display:none;} } @media screen and (max-width:480px){ #differentiation-section02{padding:30px 0;} #differentiation-section02 .txt h3{font-size:20px;} #differentiation-section02 .txt h1{font-size:24px;} #differentiation-section02 ul.process li{margin:0 2.5% 2%;} #differentiation-section02 ul.process li.process-arrow{background-size:10px 16px; display:none;} #differentiation-section02 ul.process li p{font-size:14px; line-height:38px;} } #differentiation-section03{padding:0 0 100px;} #differentiation-section03 .differentiation-box{margin-top:70px; padding-bottom:80px; border-bottom:1px solid #dedede;} #differentiation-section03 .differentiation-box:last-child{padding-bottom:0; border-bottom:none;} #differentiation-section03 .differentiation-box:after{clear:both; content:""; display:block;} #differentiation-section03 .differentiation-box .txt{width:45%; max-width:585px;float:left;} #differentiation-section03 .differentiation-box .img{width:50%; max-width:585px;float:left;} #differentiation-section03 .differentiation-box .img img{width:100%;} #differentiation-section03 .differentiation-box.img-right .img{float:right; margin-right:17px;} #differentiation-section03 .differentiation-box.img-left .txt{float:right;} #differentiation-section03 .differentiation-box .txt{padding-top:10px;} #differentiation-section03 .differentiation-box .txt p{font-size:36px; font-weight:300; color:#a0a0a0;} #differentiation-section03 .differentiation-box .txt h1{font-size:44px; font-weight:700; color:#68bfde; margin:10px 0 40px; position:relative; padding-bottom:20px;} #differentiation-section03 .differentiation-box .txt h1 span{font-size:36px; font-weight:400; color:#575757;} #differentiation-section03 .differentiation-box .txt h1:after{width:40px; height:2px; bottom:0; left:0px; background:#68bfde; content:""; display:block; position:absolute;} #differentiation-section03 .differentiation-box .txt ul{} #differentiation-section03 .differentiation-box .txt ul li{font-size:18px; color:#212121; margin:5px 0; position:relative; padding-left:10px;} #differentiation-section03 .differentiation-box .txt ul li:after{width:2px; height:2px; top:13px; left:0px; background:#212121; border-radius:50px; content:""; display:block; position:absolute;} #differentiation-section03 .differentiation-box .img{box-shadow :10px 10px 20px 0px #c1c1c1; display:inline-block;} @media screen and (max-width:1150px){ #differentiation-section03{width:100%; max-width:1100px; margin:0 auto; padding:0 10px 100px;} } @media screen and (max-width:1070px){ #differentiation-section03 .differentiation-box .txt p{font-size:30px;} #differentiation-section03 .differentiation-box .txt h1{font-size:40px; margin:10px 0 30px;} #differentiation-section03 .differentiation-box .txt h1 span{font-size:30px;} } @media screen and (max-width:980px){ #differentiation-section03{padding:0 0 80px;} #differentiation-section03 .differentiation-box{margin-top:60px; padding-bottom:60px;} #differentiation-section03 .differentiation-box .txt{padding-top:0;} #differentiation-section03 .differentiation-box .txt p{font-size:26px;} #differentiation-section03 .differentiation-box .txt h1{font-size:36px; margin:10px 0 30px;} #differentiation-section03 .differentiation-box .txt h1 span{font-size:26px;} } @media screen and (max-width:780px){ #differentiation-section03 .differentiation-box{margin-top:40px; padding-bottom:50px;} #differentiation-section03 .differentiation-box .txt{width:100%; max-width:100%; margin-top:20px; float:none;} #differentiation-section03 .differentiation-box .img{width:100%; max-width:100%; float:none;} #differentiation-section03 .differentiation-box.img-right .img{float:none; margin-right:0;} #differentiation-section03 .differentiation-box.img-left .txt{float:none;} #differentiation-section03 .differentiation-box .img img{width:100%; max-width:auto;} #differentiation-section03 .differentiation-box .img{box-shadow:none;} } @media screen and (max-width:640px){ #differentiation-section03{padding:0 0 60px;} #differentiation-section03 .differentiation-box{margin-top:30px; padding-bottom:40px;} #differentiation-section03 .differentiation-box .txt{padding-top:0;} #differentiation-section03 .differentiation-box .txt p{font-size:24px;} #differentiation-section03 .differentiation-box .txt h1{font-size:30px; margin:10px 0 30px;} #differentiation-section03 .differentiation-box .txt h1 span{font-size:24px;} #differentiation-section03 .differentiation-box .txt ul li{font-size:16px;} } @media screen and (max-width:480px){ #differentiation-section03 .differentiation-box .txt p{font-size:20px;} #differentiation-section03 .differentiation-box .txt h1{font-size:24px; margin:0 0 20px;} #differentiation-section03 .differentiation-box .txt h1 span{font-size:20px;} #differentiation-section03 .differentiation-box .txt ul li{font-size:14px;} } /*대형할인마트*/ #mart-section{width:100%; background:url('../img/competitiveness4_top_bg.jpg?v2212') no-repeat center; background-size:cover;} #mart-section01{width:100%; max-width:1200px; margin:0 auto 0; padding:0 10px;} #mart-section01 .pageTitle-section h1{background:url('../img/title_bar.gif') no-repeat center bottom; padding-bottom:20px;} #mart-section01 .pageTitle-section h1 strong{color:#383471;} #mart-section01 .pageTitle-section h2{color:#333; font-weight:400; margin-top:35px;} #mart-section01 .pageTitle-section h2 span{color:#329fd2; font-weight:700;} #mart-section01 .pageTitle-section p{color:#333; font-weight:300; margin-top:20px;} .mart-box{margin:60px auto 0; padding:0 10px;} .mart-box .cont-area{padding:0;} .mart-box h1{font-weight:500; font-size:22px; line-height:55px; text-align:center; color:#fff;} .mart-box ul:after{clear:both; display:block; content:"";} .mart-box ul li{width:33.333%; text-align:center; padding:40px 0; float:left; border-left:1px solid #dedede; border-top:1px solid #dedede;} .mart-box ul li:nth-child(3n+1){border-left:none;} .mart-box ul li h2{padding-bottom:13px; background:url('../img/mart_bar.gif') no-repeat center bottom;} .mart-box ul li h3{margin:20px 0 15px; font-weight:500; font-size:20px;} .mart-box ul li p{font-weight:400; font-size:18px;} #mart-section02 .cont-area{border:1px solid #383471;} #mart-section02 h1{background:#383471;} #mart-section02 h3{color:#383471;} #mart-section03 .cont-area{border:1px solid #1382b5;} #mart-section03 h1{background:#1382b5;} #mart-section03 h3{color:#1382b5;} #mart-section04 .cont-area{border:1px solid #ed61a0;} #mart-section04 h1{background:#ed61a0;} #mart-section04 h3{color:#ed61a0;} #mart-section05 .cont-area{border:1px solid #1d5cb2;} #mart-section05 h1{background:#1d5cb2;} #mart-section05 h3{color:#1d5cb2;} #mart-section06 .cont-area{border:1px solid #383471;} #mart-section06 h1{background:#383471;} #mart-section06 h3{color:#383471;} #mart-section07{margin-bottom:100px;} #mart-section07 .cont-area{border:1px solid #009a8a;} #mart-section07 h1{background:#009a8a;} #mart-section07 h3{color:#009a8a;} @media screen and (max-width:980px){ .mart-box h1{font-size:20px; line-height:50px;} .mart-box ul li h3{font-weight:400; font-size:18px;} .mart-box ul li p{font-weight:300; font-size:16px;} } @media screen and (max-width:880px){ .mart-box h1{font-size:18px; line-height:45px;} .mart-box ul li h3{font-weight:400; font-size:16px;} .mart-box ul li p{font-weight:300; font-size:14px;} } @media screen and (max-width:540px){ .mart-box ul li{padding:20px 10px;} .mart-box ul li h2 img{width:60%;} .mart-box ul li p br{display:none;} } .title-box{} .title-box h2{padding:0 10px; font-weight:500; font-size:46px; line-height:180%; text-align:center; color:#252525;} .title-box h3{padding:0 10px; font-weight:300; font-size:18px; line-height:140%; text-align:center; color:#525252;} @media screen and (max-width:1000px){ .title-box h2{font-size:43px;} .title-box h3{font-size:17px;} } @media screen and (max-width:900px){ .title-box h2{font-size:41px;} } @media screen and (max-width:800px){ .title-box h2{font-size:38px;} .title-box h3{font-size:16px;} } @media screen and (max-width:700px){ .title-box h2{font-size:35px;} } @media screen and (max-width:600px){ .title-box h2{font-size:30px;} } #mcont5-section{padding:40px 0; position:relative;} #mcont5-section:after{width:100%; height:65%; top:0; left:0; z-index:-1; background:#f5f5f5; content:""; display:block; position:absolute;} #mcont5-section .box{width:100%; max-width:1180px; margin:35px auto 0; padding:0 10px;} #mcont5-section .owl-carousel{width:100%;} #mcont5-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;} #mcont5-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;} #mcont5-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;} #mcont5-section .owl-carousel .ratio_slider{cursor:pointer;} #mcont5-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:254px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition: padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;} #mcont5-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;} #mcont5-section .owl-carousel .owl-dots{width:100%; bottom:-40px; z-index:10000; text-align:center; position:absolute; display:none;} #mcont5-section .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block; z-index:1000; position:relative;} #mcont5-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off2.png") no-repeat; display:block; vertical-align:bottom;} #mcont5-section .owl-carousel .owl-dots .active span{background:url("../img/slider_on2.png") no-repeat;} #mcont5-section .owl-carousel .owl-nav{} #mcont5-section .owl-carousel .owl-prev{width:46px; height:46px; top:50%; left:-60px; margin-top:-23px; text-indent:-9000px; background:url("../img/slider_left.png") no-repeat; display:block; position:absolute;} #mcont5-section .owl-carousel .owl-next{width:46px; height:46px; top:50%; right:-60px; margin-top:-23px; text-indent:-9000px; background:url("../img/slider_right.png") no-repeat; display:block; position:absolute;} @media screen and (max-width:1300px){ #mcont5-section .owl-carousel .owl-nav{display:none;} #mcont5-section .owl-carousel .owl-dots{display:block;} } @media screen and (max-width:1000px){ #mcont5-section{padding:30px 0 130px;} } @media screen and (max-width:900px){ #mcont5-section{padding:30px 0 110px;} } @media screen and (max-width:800px){ #mcont5-section{padding:30px 0 90px;} } @media screen and (max-width:700px){ #mcont5-section{padding:30px 0 70px;} }