/* 서브 공통부분*/ .sub_inner{position: relative; display:flex; max-width:1400px; margin: 0 auto;} .tit_right {justify-content: end;} .tit_center {justify-content: center; flex-direction: column;} .tit_bold{font-weight: bold;} .tit_color{color: #258E7C;} .tit_top_right{text-align: end;} .mobile{display: none;} /* page01_01 - COMPANY INTRODUCTION */ #page01_01{} #page01_01 .section_01_wr{background: url(../../basic/img/sub/page01/section_03_bg_img1.png)50% 50% no-repeat; background-size: cover;} #page01_01 .tit_top_right span{ margin: 0 1rem;} #page01_01 .tit_top_right > .tit_bold{margin-right: 0;} #page01_01 .section_01_wr .sub_inner .sub_tit_box {display: flex; flex-direction: column; gap:1rem; text-align: center; color: #fff; margin: 8rem 0;} #page01_01 .section_01_wr .sub_inner .sub_tit_box h2{font-size: 2.5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_top{font-size: 1.8rem; font-weight: 100; color: #166ED7;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_top span{color: #15A093;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr{ display: flex; justify-content: center; flex-direction: row; font-size:1.5rem; padding-top: 1.5rem;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .s_tit_middle{display: flex; gap: 2vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .s_tit_middle div{ flex-grow:1; width: 18vw; padding: 4vw 0; border: 2px solid #BABABA; border-radius: 1vw; gap: 2vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .s_tit_middle div h3{margin-bottom: 2vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .s_tit_middle div h3 img{width: 20%;} #page01_01 .section_01_wr .sub_inner .sub_tit_box h2{margin-top: 5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_middle ul{width: 30%; margin: 0 auto;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_middle ul li{background-color: #00947b; margin:1vw; padding: 2vw; font-size: 1.5vw; border-radius: 0.5vw; } #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_bottom{ font-size:1.5rem; padding-top: 2rem;} #page01_01 .section_02_wr .sub_inner .sub_tit_box {display: flex; flex-direction: column; gap:1rem; text-align: center; margin: 8rem 0;} #page01_01 .section_02_wr .sub_inner .sub_tit_box h2{font-size: 2vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_top{font-size: 1.5rem; font-weight: 100;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle{display: flex; flex-direction: row; justify-content: center; gap:2rem;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle {margin-top: 3rem;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 {background-color: #DEF7FC; border-radius: 1vw; border: 3px solid #38A3B9;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 {background-color: #E5FBF7; border-radius: 1vw; border: 3px solid #2FAA95;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 {background-color: #F1FDE5; border-radius: 1vw; border: 3px solid #78BB30;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle div {flex-basis: 20vw; padding: 3vw 0;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle div li p{font-size: 1rem; color: #3A9788;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle div li{font-size: 1.2rem; font-weight: 100;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle div li img{width: 10%;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul li h3.line:after, .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul li h3.line:after, #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul li h3.line:after { content: ""; display: block; width: 2vw; border-bottom: 1px solid #3A9788; margin: 1.1vw auto;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul li h3, #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul li h3, #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul li h3 {font-size: 2rem; color: #3A9788; } #page01_01 .section_03_wr{background: url(../../basic/img/sub/page01/section_05_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page01_01 .section_03_wr .sub_inner .sub_tit_box {display: flex; justify-content: space-around; flex-direction: row; gap:34vw; margin: 6rem 2rem; color: #fff;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item01{ display: flex; flex-direction: column;align-items: flex-start; margin-top: 12vw;} #page01_01 .section_04_wr{background: url(../../basic/img/sub/page01/section_06_bg.png) 50% 50% no-repeat; background-size: cover;} #page01_01 .section_04_wr .sub_inner h2 {font-size: 2rem; margin: 5rem 0 2rem 0;} #page01_01 .section_04_wr .sub_inner .sub_tit_box {display: flex; flex-direction: row; justify-content: center; color: #383838; margin: 5rem 5rem; } #page01_01 .section_04_wr .sub_inner .sub_tit_box .item1{flex-basis: 25vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .item1 p{margin-bottom: 1vw; font-size: 1.2rem; } #page01_01 .section_04_wr .sub_inner .sub_tit_box .item2 { margin-right: 2vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .item1 p i img{width: 5%; vertical-align: bottom;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item{display: flex; flex-grow:auto;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item .sb_item_img img{ width: 80%;} #page01_01 .section_07_wr{background: url(../../basic/img/sub/page01/section_07_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page01_01 .section_07_wr .sub_inner .sub_tit_box {display: flex; justify-content: center; text-align: center; margin-top: 5rem;} #page01_01 .section_07_wr .sub_inner .sub_tit_box h2{font-size: 2rem;} #page01_01 .section_07_wr .sub_inner .sub_tit_box p{margin:2rem 0 5rem 0;} #page01_01 .section_07_wr .sub_inner .sub_tit_box p img{width: 80%;} @media screen and (max-width:500px){ #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_middle ul li{font-size: 3.5vw;} #page01_01 .section_02_wr{padding: 8vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box{flex-direction: column;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .m_item2{display: flex; flex-direction: row; margin-top: 3vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .item1 p{margin-bottom: 3vw; font-size: 1rem;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item .sb_item_img{text-align: center;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item .sb_item_img img{ width: 80%;} #page01_01 .section_07_wr .sub_inner .sub_tit_box .sub_item01 p{text-align: -webkit-center;} #page01_01 .section_07_wr .sub_inner .sub_tit_box .sub_item01 p img{width: 90%;} } @media screen and (max-width:375px){ } /* page01_02 */ #page01_02{margin-top: 5vw;} #page01_02 .section_01_wr{} #page01_02 .tit_top_right span{ margin: 0 1rem;} #page01_02 .tit_top_right > .tit_bold{margin-right: 0;} #page01_02 .section_01_wr .sub_inner .sub_tit_box{margin: 0 2vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr {display: flex; flex-direction: row; align-items: center; color: #383838; margin: 3rem 0;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1{flex-basis: 20vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ font-size: 1.2vw; line-height: 1.8vw; font-weight: 100;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2 span{font-weight: 400; color: #00947b;} #page01_02 .section_01_wr .sub_inner .sub_tit_box h2{font-size: 4vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box p{font-size: 1.2vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_tit_top{font-size: 1.8rem; font-weight: 100; color: #166ED7;} #page01_02 .section_01_wr .sub_inner .sub_tit_box hr{display: block; border: 5px solid #00947b; width: 16vw; margin: 0;} #page01_02 .section_01_wr .sub_inner .sub_tit_box hr:last-child{border: 1px solid #e6e6e6; width: 100% !important;} #page01_02 .section_02_wr .sub_inner .sub_tit_box{margin:2vw; } #page01_02 .section_02_wr .sub_inner .sub_tit_box div{margin-bottom:2vw;} @media screen and (max-width:1198px){ #page01_02{margin-top: 8vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box h2 {font-size: 7vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box p{font-size: 2vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1{flex-basis: 30vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ font-size: 2vw; line-height: 3vw; font-weight: 100;} } @media screen and (max-width:1024px){ #page01_02{margin-top: 10vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box h2{font-size: 6vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1{flex-basis: 24vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ font-size: 2vw; line-height: 3vw; font-weight: 100;} } @media screen and (max-width:500px){ #page01_02{margin-top: 15vw;} #page01_02 .tit_top_right span{ margin: 0 1vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr{margin: 5vw 0;} #page01_02 .section_01_wr .sub_inner .sub_tit_box h2{font-size: 6vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ font-size: 2.5vw; line-height: 3.5vw; font-weight: 100;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1{flex-basis: 24vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box hr{border: 2px solid #00947b;} #page01_02 .section_02_wr .sub_inner .sub_tit_box{margin:2vw; } #page01_02 .section_02_wr .sub_inner .sub_tit_box div{margin:3vw 0;} } @media screen and (max-width:375px){ #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr{flex-direction: column; align-items: flex-start; } #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1{flex-basis: 15vw;} #page01_02 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ font-size: 3.2vw; line-height: 3.5vw; font-weight: 100;} } /* page01_03 */ #page01_03{margin-top: 5vw;} #page01_03 .section_01_wr{} #page01_03 .section_01_wr .tit_top_right span{ margin: 0 1rem;} #page01_03 .section_01_wr .tit_top_right > .tit_bold{margin-right: 0;} #page01_03 .section_01_wr .sub_inner .sub_tit_box{margin: 0 2vw;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr {display: flex; flex-direction:column; justify-content: center; align-items: center; color: #383838; margin: 3rem 0;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1 h2{font-size: 2vw; margin-bottom: 2vw;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ width: 100%;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item3{ width: 100%; margin: 1.5vw 0 2vw 0;} .map_s{width: 100% !important;margin: 0 auto !important; } @media screen and (max-width:1195px){ #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item1 h2{font-size: 5vw; margin-bottom: 2vw;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ width: 100%; margin: 0 auto;} #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item3{ margin-top: 3vw;} } @media screen and (max-width:500px){ #page01_03 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .sub_item2{ width: 100%; margin: 0 auto;} } /* page02_01 - BRANDING */ #page02_01{} #page02_01 .sub_navi{background: url(../../basic/img/sub/page02/branding_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page02_01 .sub_navi .sub_tit_box{display: flex; flex-direction: column; text-align: center;} #page02_01 .sub_navi .sub_tit_box .s_tit_top{text-align: right; color: #fff; padding-top: 6.5vw;} #page02_01 .sub_navi .sub_tit_box h2{padding-top: 11vw;} #page02_01 .sub_navi .sub_tit_box h2 img{width: 60%;} #page02_01 .sub_navi .sub_tit_box p{ font-size: 1.8rem; color: #fff; padding:2vw 0 17.2vw 0;} #page02_01 .sub_navi span{ margin: 0 1rem;} #page02_01 .sub_navi .sub_inner > .tit_bold{margin-right: 0;} #page02_01 .section_01_wr{background: url(../../basic/img/sub/page02/pape02_sub_bg.png) 50% 50% no-repeat; background-size: cover;} #page02_01 .section_01_wr .sub_tit_box{ font-size:1.6rem; margin: 11vw 0; padding-left: 8vw;} #page02_01 .section_01_wr .sub_tit_box h2{font-size:2rem;} #page02_01 .section_01_wr .sub_tit_box p{ font-weight: 100; padding-top: 1rem;} #page02_01 .section_01_wr .sub_tit_box p:nth-child(3){font-weight: bold; color: #8040EB;} #page02_01 .section_02_wr .sub_inner h2{text-align: center; font-size: 2rem; margin: 5rem 0 3rem 0;} #page02_01 .section_02_wr .sub_inner .sub_tit_box{ text-align: center;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{display: flex; flex-direction: row; justify-content: center; gap:1rem;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr{margin-bottom: 5rem;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item h3 {margin: 1rem 0; font-size: 1.5rem;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(1) h3, #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(4) h3, #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(5) h3 {margin: 2rem 0; } #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p{font-weight: 100; font-size: 1.2rem;} /* page02_02 - DESIGN */ #page02_02{} #page02_02 .sub_navi{background: url(../../basic/img/sub/page02/design_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page02_02 .sub_navi .sub_tit_box{display: flex; flex-direction: column; text-align: center;} #page02_02 .sub_navi .sub_tit_box .s_tit_top{text-align: right; color: #fff; padding-top: 6.5vw;} #page02_02 .sub_navi .sub_tit_box h2{padding-top: 11vw;} #page02_02 .sub_navi .sub_tit_box h2 img{width: 40%;} #page02_02 .sub_navi .sub_tit_box p{ font-size: 1.8rem; color: #fff; padding:2vw 0 17.3vw 0;} #page02_02 .sub_navi span{ margin: 0 1rem;} #page02_02 .sub_navi .sub_inner > .tit_bold{margin-right: 0;} #page02_02 .section_01_wr{background: url(../../basic/img/sub/page02/pape02_sub_bg.png) 50% 50% no-repeat; background-size: cover;} #page02_02 .section_01_wr .sub_tit_box{ font-size:1.6rem; margin: 11vw 0; padding-left: 8vw;} #page02_02 .section_01_wr .sub_tit_box h2{font-size:2rem;} #page02_02 .section_01_wr .sub_tit_box p{ font-weight: 100; padding-top: 1rem;} #page02_02 .section_01_wr .sub_tit_box p:nth-child(3){font-weight: bold; color: #FFB01D;} #page02_02 .section_02_wr .sub_inner h2{font-size: 2rem; margin: 5rem 5rem 3rem 5rem;} /* 글자 옆라인 */ #page02_02 .line{ display: flex; flex-basis: 100%; align-items: center; font-size: 12px; margin: 8px 0px;} #page02_02 .line:after{content: ""; flex-grow: 1; background: rgba(0, 0, 0, 0.35); height: 1px; font-size: 0px; line-height: 0px; margin: 0px 16px;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul {display: flex; justify-content: space-between; margin: 0 5vw 0 4.5vw; } #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul p{font-size: 1.5rem; font-weight: 100; padding-bottom: 5rem;} /* page02_03 - MARKETING */ #page02_03{} #page02_03 .sub_navi{background: url(../../basic/img/sub/page02/marketing_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page02_03 .sub_navi .sub_tit_box{display: flex; flex-direction: column; text-align: center;} #page02_03 .sub_navi .sub_tit_box .s_tit_top{text-align: right; color: #fff; padding-top: 6.5vw;} #page02_03 .sub_navi .sub_tit_box h2{padding-top: 11vw;} #page02_03 .sub_navi .sub_tit_box h2 img{width:60%;} #page02_03 .sub_navi .sub_tit_box p{ font-size: 1.8rem; color: #fff; padding:2vw 0 17.2vw 0;} #page02_03 .sub_navi span{ margin: 0 1rem;} #page02_03 .sub_navi .sub_inner > .tit_bold{margin-right: 0;} #page02_03 .section_01_wr{background: url(../../basic/img/sub/page02/pape02_sub_bg.png) 50% 50% no-repeat; background-size: cover;} #page02_03 .section_01_wr .sub_tit_box{ font-size:1.6rem; margin: 11vw 0; padding-left: 8vw;} #page02_03 .section_01_wr .sub_tit_box h2{font-size:2rem;} #page02_03 .section_01_wr .sub_tit_box p{ font-weight: 100; padding-top: 1rem;} #page02_03 .section_01_wr .sub_tit_box p:nth-child(3){font-weight: bold; color: #FE89AC;} #page02_03 .section_02_wr .sub_inner h2{text-align: center; font-size: 2rem; margin: 5rem 0 3rem 0;} #page02_03 .section_02_wr .sub_inner .sub_tit_box{ text-align: center;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{display: flex; flex-direction: row; justify-content:center; gap:1rem;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr{margin-bottom: 5rem;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item h3 {margin: 1rem 0; font-size: 1.5rem;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p{font-weight: 100; font-size: 1.2rem;} /* page03_01 - NETWORKS */ #page03_01{} #page03_01 .sub_navi{background: url(../../basic/img/sub/page03/efact_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page03_01 .sub_navi .sub_tit_box{display: flex; flex-direction: column; text-align: center;} #page03_01 .sub_navi .sub_tit_box .s_tit_top{text-align: right; color: #fff; padding-top: 6.5vw;} #page03_01 .sub_navi .sub_tit_box h2{padding-top: 12vw;} #page03_01 .sub_navi .sub_tit_box h2 img{width: 40%;} #page03_01 .sub_navi .sub_tit_box p{padding-bottom: 16vw;} #page03_01 .sub_navi .sub_tit_box p img{width:60% ;} #page03_01 .sub_navi span{ margin: 0 1rem;} #page03_01 .sub_navi .sub_inner > .tit_bold{margin-right: 0;} #page03_01 .section_01_wr .sub_tit_box{display: flex; flex-direction: row; justify-content: space-between; margin:3vw 3.3vw 0 3.3vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item_line{ border-top: 1px solid #707070; margin: 10px 0px;} #page03_01 .section_01_wr .sub_tit_box .sub_item02 h2{font-size:2rem; color: #484848; margin-bottom:1vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item02{ flex:1; margin:2vw 2vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item02 .s_tit_top{font-size:1.5rem;} #page03_01 .section_01_wr .sub_tit_box .sub_item02 .s_tit_middle{font-weight:100; font-size:1.2rem;} #page03_01 .section_01_wr .sub_tit_box .sub_item02 a{display: inline-block; margin-top:5vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item02 .sub_but{padding: 1rem 3rem; background-color: #484848; border-radius:0.5rem; color: #fff; } #page03_01 .section_01_wr .sub_tit_box .sub_item02 .sub_but:hover{background-color: #00947b; transition: all 0.5s;} /*공통부분*/ #page03_01 .section_01_wr .sub_item_line_middle{ border-top: 1px solid #dbdbdb; margin: 3vw 0 0 0;} @media screen and (max-width: 1440px){ /* page01_01 - COMPANY INTRODUCTION */ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1200px){ } @media screen and (max-width: 1199px){ .pc-none{ display: none !important;} .mobile{display: block;} /* page01_01 - COMPANY INTRODUCTION */ #page01_01 .section_03_wr .sub_inner .sub_tit_box{gap: 24vw;} /* page02_01 - BRANDING */ #page02_01{margin-top: 5.5rem !important;} #page02_01 .section_01_wr .sub_tit_box{padding-left: 0 !important; text-align: center;} #page02_01 .section_01_wr .sub_tit_box h2{font-size: 3rem !important;} #page02_01 .section_02_wr .sub_inner h2{font-size: 3rem !important;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{flex-wrap: wrap; margin: 0 5rem;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item h3{font-size: 2.5rem !important;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p{font-size: 1.8rem !important;} /* page02_02 - DESIGN */ #page02_02{margin-top: 5.5rem !important;} #page02_02 .section_01_wr .sub_tit_box{padding-left: 0 !important; text-align: center;} #page02_02 .section_01_wr .sub_tit_box h2{font-size: 3rem !important;} #page02_02 .section_02_wr .sub_inner h2{font-size: 3rem !important;} #page02_02 .section_02_wr .sub_inner .sub_tit_box{ margin:0 2.2rem;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{flex-direction: column; justify-content: center;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul li p{font-size: 1.8rem !important;} /* page02_03 - MARKETING */ #page02_03{margin-top: 5.5rem !important;} #page02_03 .section_01_wr .sub_tit_box{padding-left: 0 !important; text-align: center;} #page02_03 .section_01_wr .sub_tit_box h2{font-size: 3rem !important;} #page02_03 .section_02_wr .sub_inner h2{font-size: 3rem !important;} #page02_03 .sub_inner .sub_tit_box .s_item_wr ul li h3{font-size: 2.5rem !important;} #page02_03 .sub_inner .sub_tit_box .s_item_wr ul li p{font-size: 1.8rem !important;} /* page03_01 - NETWORKS */ #page03_01{margin-top: 5.5rem !important;} #page03_01 .section_01_wr .sub_tit_box, #page03_01 .section_02_wr .sub_tit_box, #page03_01 .section_03_wr .sub_tit_box, #page03_01 .section_02_wr .sub_tit_box {background-color: #fff;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 p, #page03_01 .section_02_wr .sub_tit_box .sub_item01 p, #page03_01 .section_03_wr .sub_tit_box .sub_item01 p, #page03_01 .section_02_wr .sub_tit_box .sub_item01 p, #page03_01 .section_01_wr .sub_tit_box .sub_item01 a, #page03_01 .section_02_wr .sub_tit_box .sub_item01 a, #page03_01 .section_03_wr .sub_tit_box .sub_item01 a, #page03_01 .section_02_wr .sub_tit_box .sub_item01 a {font-size: 1.8rem;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_03_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2 {font-size: 3.5rem;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 {padding: 6vw 4vw; background: url(../../basic/img/sub/page03/cnc_logo_01.png) 92% 50% no-repeat; text-align: center;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 {padding: 6vw 4vw; background: url(../../basic/img/sub/page03/md_logo_02.png) 11% 50% no-repeat; text-align: center;} #page03_01 .section_03_wr .sub_tit_box .sub_item01 {padding: 6vw 4vw; background: url(../../basic/img/sub/page03/mi_logo_03.png) 92% 50% no-repeat; text-align: center;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 {padding: 6vw 4vw; background: url(../../basic/img/sub/page03/dr_logo_04.png) 5% 50% no-repeat; text-align: center;} } @media screen and (max-width:1024px){ /* 서브 상단 공통*/ #page01_01 .sub_navi .sub_tit_box .s_tit_top, #page02_01 .sub_navi .sub_tit_box .s_tit_top, #page02_02 .sub_navi .sub_tit_box .s_tit_top, #page02_03 .sub_navi .sub_tit_box .s_tit_top, #page03_01 .sub_navi .sub_tit_box .s_tit_top {font-size: 1.5rem; margin-right: 2rem} /* page01_01 - company introduction */ #page01_01 {} #page01_01 .sub_navi .sub_inner {font-size: 1.5rem;} #page01_01 .section_01_wr{0} #page01_01 .tit_right {justify-content: end; margin-right: 2vw; font-size: 1.5rem;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_top{letter-spacing: 0.15rem;font-size: 1.5rem;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_middle{margin: 2vw 7vw 2vw 7vw;} #page01_01 .section_01_wr .sub_inner .sub_img1 {margin: 2rem 3vw 4rem 3vw;} #page01_01 .section_01_wr .sub_inner .sub_img1 img{max-width: 100%; height: auto;} #page01_01 .section_02_wr .sub_inner .sub_tit_box h2{font-size: 3rem;} #page01_01 .section_03_wr .sub_inner .sub_tit_box h2{font-size:3rem;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_top{font-size: 2.5rem;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_bottom{margin: 0 6rem;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle {flex-direction: column; margin: 0 30vw; padding-top: 5vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul{margin: 10vw 8vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul{margin: 8.5vw 8vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul{margin: 8.5vw 8vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul li {font-size: 2.2vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul li {font-size: 2.2vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul li {font-size: 2.2vw;} #page01_01 .section_07_wr .sub_inner .sub_tit_box .sub_item01 p img{max-width:100%; height:auto} /* page02_01 - BRANDING */ #page02_01 .sub_navi .sub_tit_box .s_tit_top{padding: 5vw 0;} #page02_01 .sub_navi .sub_tit_box p{padding: 5vw 25vw 20vw 25vw;} /* page02_02 - DESIGN */ #page02_02 .sub_navi .sub_tit_box .s_tit_top{padding: 5vw 0;} #page02_02 .sub_navi .sub_tit_box p{padding: 5vw 7vw 20vw 7vw;} /* page02_03 - MARKETING */ #page02_03 .sub_navi .sub_tit_box .s_tit_top{padding: 5vw 0;} #page02_03 .sub_navi .sub_tit_box p{padding: 5vw 7vw 20vw 7vw;} #page02_03 .sub_navi .sub_tit_box h2{padding-top: 9vw;} #page02_03 .sub_navi .sub_tit_box h2 img{width:85vw;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{flex-wrap: wrap; margin: 0 5rem;} /* page03_01 - NETWORKS */ #page03_01 .sub_navi .sub_tit_box .s_tit_top{padding: 5vw 0;} #page03_01 .sub_navi .sub_tit_box h2{padding: 12vw 0 11vw 0;} #page03_01 .sub_navi .sub_tit_box h2 img{width:80vw;} #page03_01 .section_01_wr .sub_tit_box, #page03_01 .section_02_wr .sub_tit_box, #page03_01 .section_03_wr .sub_tit_box, #page03_01 .section_02_wr .sub_tit_box { margin: 5vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_02_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_03_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_02_wr .sub_tit_box .sub_item01 .sub_but {padding: 1rem 5rem;} } @media screen and (max-width:768px){ /* page02_01 - BRANDING */ #page02_01 .sub_navi .sub_tit_box .s_tit_top{padding: 5vw 0;} #page02_01 .sub_navi .sub_tit_box h2 img{width: 85vw;} #page02_01 .sub_navi .sub_tit_box p{padding: 2vw 16vw 14vw 16vw;} /* page02_02 - DESIGN */ #page02_02 .sub_navi .sub_tit_box p{padding: 5vw 4vw 20vw 4vw;} #page02_02 .section_02_wr .sub_inner h2{margin: 5rem 5rem 3rem 4rem;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul li p img{width:83vw;} /* page02_03 - MARKETING */ #page02_03 .sub_navi .sub_tit_box p{padding: 5vw 4vw 20vw 4vw;} #page02_03 .section_02_wr .sub_inner h2{margin: 5rem 5rem 3rem 4rem;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul li p img{width:83vw;} /* page03_01 - NETWORKS*/ #page03_01{margin-top: 9vw !important} } @media screen and (max-width:500px){ /*공통부분*/ #page01_01 .sub_navi .sub_tit_box .s_tit_top, #page02_01 .sub_navi .sub_tit_box .s_tit_top, #page02_02 .sub_navi .sub_tit_box .s_tit_top, #page02_03 .sub_navi .sub_tit_box .s_tit_top, #page03_01 .sub_navi .sub_tit_box .s_tit_top {font-size: 3vw; margin-right: 3vw; margin-top: 3vw; } /* page01_01 - company introduction */ #page01_01{margin-top: 16vw;} #page01_01 .tit_right{margin-right: 3vw;} #page01_01 .sub_navi .sub_inner{font-size: 3vw;} #page01_01 .section_01_wr {margin-top: -5rem;} #page01_01 .section_01_wr .sub_inner .sub_tit_box{margin: 5rem 0;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .tit_top_right{margin-top: 5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box h2{font-size: 5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr{padding-top:0;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_top{margin-top: 3vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_middle{font-size: 3vw; line-height: 5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_tit_bottom{font-size: 4vw; margin: 0 2vw; padding-top: 3vw;} #page01_01 .section_02_wr{padding: 12vw} #page01_01 .section_02_wr .sub_inner .sub_tit_box h2{font-size: 6vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle{font-size:4vw; line-height: 6vw; margin-top: 3vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box{margin: 12vw 0;} #page01_01 .section_03_wr .sub_inner .sub_tit_box h2{font-size:6vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_top{font-size: 5vw;} #page01_01 .section_01_wr .sub_inner .sub_tit_box .s_item_wr .s_tit_middle div{width: 30vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_middle ul{align-items: center; font-size: 6vw; padding-top:0;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_middle ul li:nth-child(1){padding: 10vw 7vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_middle ul li:nth-child(2){font-size: 6vw; padding: 5vw 5vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_middle ul li:nth-child(3){padding: 10vw 10vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .s_tit_bottom{font-size:4vw; padding-top: 5vw; margin: 0 6vw; line-height: 6vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box{margin: 12vw 0;} #page01_01 .section_02_wr .sub_inner .sub_tit_box h2{font-size: 6vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_top {font-size:4vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle{padding-top:3vw; margin:0;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul li h3, #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul li h3, #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul li h3 {font-size: 5vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul{margin: 10.5vw 8vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item01 ul li{font-size:3.5vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item02 ul li{font-size:3.5vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul{margin: 10.5vw 8vw;} #page01_01 .section_02_wr .sub_inner .sub_tit_box .s_tit_middle .sub_item03 ul li{font-size:3.5vw;} #page01_01 .section_03_wr{background: url(../../basic/img/sub/page01/m_section_05_bg_img1.png) 50% 50% no-repeat; background-size: cover;} #page01_01 .section_03_wr .sub_inner .sub_tit_box{flex-direction:column; gap: 38vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item01{margin-top:0;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item01 h2{font-size: 6vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item01 p{font-size: 4vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item02{align-items:flex-start; text-align: left;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item02 h2{font-size: 6vw;} #page01_01 .section_03_wr .sub_inner .sub_tit_box .sub_item02 p{font-size: 4vw;} #page01_01 .section_04_wr .sub_inner h2{font-size: 6vw; margin: 10vw 0 3vw 0;} #page01_01 .section_04_wr .sub_inner .sub_tit_box{margin: 5vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item01{display: flex; flex-direction: column; } #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item01 ul li img{width: 42vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item02{display: flex; flex-direction: column; } #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item02 ul li img{width: 43vw;} #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item01 li:nth-child(2), #page01_01 .section_04_wr .sub_inner .sub_tit_box .sub_item02 li:nth-child(2) {padding: 2vw; font-size: 4vw;} #page01_01 .section_07_wr .sub_inner .sub_tit_box{margin: 10vw 4vw;} #page01_01 .section_07_wr .sub_inner .sub_tit_box h2{font-size:6vw;} #page01_01 .section_07_wr .sub_inner .sub_tit_box p{margin: 6vw 0 5vw 0;} /* page02_01 - BRANDING */ #page02_01{margin-top: 14vw !important;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(1) h3, #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(4) h3, #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item:nth-child(5) h3 {margin: 6vw 0;} #page02_01 .sub_navi .sub_tit_box h2{padding-top: 13vw;} #page02_01 .sub_navi .sub_tit_box h2 img{width: 70vw;} #page02_01 .sub_navi .sub_tit_box p{font-size: 5vw; padding: 6vw 0 25vw 0; margin: 0 6vw;} #page02_01 .section_01_wr .sub_tit_box h2{font-size:6vw !important} #page02_01 .section_01_wr .sub_tit_box p{font-size:4vw !important; line-height: 6vw; padding-top: 4vw;} #page02_01 .section_02_wr .sub_inner h2{font-size: 6vw !important; margin: 15vw 0 5vw 0;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr{margin-bottom:5vw;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{margin: 0;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p{font-size:4vw !important;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item h3{font-size:5vw !important;} #page02_01 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p img{width: 38vw;} /* page02_02 - DESIGN */ #page02_02{margin-top: 14vw !important;} #page02_02 .sub_navi .sub_tit_box h2{padding-top: 13vw;} #page02_02 .sub_navi .sub_tit_box h2 img{width: 70vw;} #page02_02 .sub_navi .sub_tit_box p{font-size: 5vw; padding: 6vw 0 25vw 0; margin: 0 7vw;} #page02_02 .section_01_wr .sub_tit_box h2{font-size:6vw !important} #page02_02 .section_01_wr .sub_tit_box p{font-size:4vw !important; line-height: 6vw; padding-top: 4vw;} #page02_02 .section_02_wr .sub_inner h2{font-size: 6vw !important; margin: 10vw 4vw 3vw 6vw;} #page02_02 .section_02_wr .sub_inner .sub_tit_box{margin: 2vw;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul p{padding-bottom: 5vw;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul li p{font-size: 4vw !important;} #page02_02 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul li p img{width:83vw;} /* page02_03 - MARKETING */ #page02_03 .sub_navi .sub_tit_box h2{padding-top: 13vw;} #page02_03 .sub_navi .sub_tit_box h2 img{width: 70vw;} #page02_03 .sub_navi .sub_tit_box p{font-size: 5vw; padding: 6vw 0 25vw 0; margin: 0 7vw;} #page02_03{margin-top: 14vw !important;} #page02_03 .section_01_wr .sub_tit_box h2{font-size:6vw !important} #page02_03 .section_01_wr .sub_tit_box p{font-size:4vw !important; line-height: 6vw; padding-top: 4vw;} #page02_03 .section_02_wr .sub_inner h2{font-size: 6vw !important; margin: 15vw 0 5vw 0;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr{margin-bottom:5vw;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul{margin: 0 0 15vw 0;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p{font-size:4vw !important;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item h3{font-size:5vw !important;} #page02_03 .section_02_wr .sub_inner .sub_tit_box .s_item_wr ul .s_item p img{width: 38vw;} /* page03_01 - NETWORKS */ #page03_01{margin-top: 14vw !important} #page03_01 .section_01_wr .sub_tit_box .sub_item01 .s_tit_top{font-size:4vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_03_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2 {font-size:8vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 .s_tit_middle{font-size:4vw;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 .s_tit_middle{font-size:4vw;} #page03_01 .section_03_wr .sub_tit_box .sub_item01 .s_tit_middle{font-size:4vw;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 .s_tit_middle{font-size:4vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 p, #page03_01 .section_02_wr .sub_tit_box .sub_item01 p, #page03_01 .section_03_wr .sub_tit_box .sub_item01 p, #page03_01 .section_02_wr .sub_tit_box .sub_item01 p, #page03_01 .section_01_wr .sub_tit_box .sub_item01 a, #page03_01 .section_02_wr .sub_tit_box .sub_item01 a, #page03_01 .section_03_wr .sub_tit_box .sub_item01 a, #page03_01 .section_02_wr .sub_tit_box .sub_item01 a {font-size:4vw !important;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_02_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_03_wr .sub_tit_box .sub_item01 .sub_but, #page03_01 .section_02_wr .sub_tit_box .sub_item01 .sub_but {padding: 3vw 8vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_03_wr .sub_tit_box .sub_item01 h2, #page03_01 .section_02_wr .sub_tit_box .sub_item01 h2 {margin-bottom: 5vw;} #page03_01 .section_01_wr .sub_tit_box .sub_item01 {background: url(../../basic/img/sub/page03/cnc_logo_01.png) 10% 50% no-repeat; background-size: 50vw; padding: 10vw 4vw;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 {background: url(../../basic/img/sub/page03/md_logo_02.png) 95% 50% no-repeat; background-size: 22vw; padding: 10vw 4vw;} #page03_01 .section_03_wr .sub_tit_box .sub_item01 {background: url(../../basic/img/sub/page03/mi_logo_03.png) 10% 50% no-repeat; background-size: 50vw; padding: 10vw 4vw;} #page03_01 .section_02_wr .sub_tit_box .sub_item01 {background: url(../../basic/img/sub/page03/dr_logo_04.png) 113% 50% no-repeat; background-size: 50vw; padding: 10vw 4vw;} } @media screen and (max-width:425px){ /* page02_02 - DESIGN */ #page02_02 .sub_navi .sub_tit_box p{ margin: 0 8vw;} } @media screen and (max-width:375px){ } @media screen and (max-width:320px){ /* page02_02 - DESIGN */ #page02_02 .sub_navi .sub_tit_box p{ margin: 0 8.5vw;} }