b{font-weight:500;} /* 공통 CSS */ .sub_tab{margin:0 0 0px;} .sub_tab ul{overflow:hidden;} .sub_tab ul li{float:left; text-align:center; background:white; height:50px; line-height:46px; font-size:18px; color:#666; cursor:pointer; transition:all 0.5s; border:1px solid #cdcdcd; border-width:1px 0 1px 1px; box-sizing:border-box;} .sub_tab ul li:last-child{border-right:1px solid #cdcdcd;} .sub_tab ul li.tab_on{background:#5fa224; font-weight:400; cursor:default; box-sizing:border-box; color:white;} .sub_tab.tab_2 ul li{width:440px;} .sub_tab.tab_3 ul li{width:33.3%;} .sub_tab.tab_4 ul li{width:215px;} .sub_tab.tab_5 ul li{width:174px;} .sub_tab.tab_6 ul li{width:145px;} .sub_page_tab_wrap .sub_contents{display:none;} .sub_contents .contents_tab, .sub_contents .contents_tab_copy{margin:0 0 30px;} .sub_contents .contents_tab ul, .sub_contents .contents_tab_copy ul{overflow:hidden;} .sub_contents .contents_tab ul li, .sub_contents .contents_tab_copy ul li{font-size:14px; color:#9e9e9e; float:left; cursor:pointer; padding:0 10px; border-right:1px solid #cecece; transition:all 0.5s; line-height:23px;} .sub_contents .contents_tab ul li:last-child, .sub_contents .contents_tab_copy ul li:last-child{border-right:0;} .sub_contents .contents_tab ul li:first-child, .sub_contents .contents_tab_copy ul li:first-child{padding-left:0;} .sub_contents .contents_tab ul li.contents_on, .sub_contents .contents_tab_copy ul li.contents_on{color:#2540a2; cursor:default;} .sub_contents .contents_in, .sub_contents .contents_in_copy{display:none;} .sub_TT{font-size:43px; color:#121212; font-weight:700;} .sub_ST{font-size:18px; color:#666; font-weight:300;} @media screen and (max-width:620px){ .sub_TT{font-size:28px; color:#121212; font-weight:700;} .sub_ST{font-size:16px; color:#666; font-weight:300;} .sub_tab ul li{height:40px; line-height:40px; font-size:14px;} } @media screen and (max-width:320px){ .sub_ST{font-size:14px; color:#666; font-weight:300;} } /* ABOUT */ #sub_about{margin:70px 0 0;} #sub_about .cont_text{font-size:18px; color:#666; line-height:25px; margin:30px 0 100px; text-align:center;} #sub_about .title_box{text-align:center; font-size:0px; margin-bottom:60px;} #sub_about .title_box .TT{font-size:43px; line-height:43px;} #sub_about .title_box .NT{font-size:18px; color:#777; font-weight:300;} #sub_about .title_box img{margin-bottom:40px;} #sub_about .cont_box{overflow:hidden; margin-bottom:40px;} #sub_about .cont_box .bg_box_01{background:url('/images/sub/about_bg_make.jpg') no-repeat 0 0;} #sub_about .cont_box .bg_box_02{background:url('/images/sub/about_bg_take.jpg') no-repeat 0 0;} #sub_about .cont_box .bg_box_03{background:url('/images/sub/about_bg_marketing.jpg') no-repeat 0 0;} #sub_about .cont_box .text_box{width:100%; height:350px; padding:55px 0 0 455px; box-sizing:border-box;} #sub_about .cont_box .text_box img{vertical-align:top; line-height:30px; margin-right:10px;} #sub_about .cont_box .text_box .RT{font-size:26px; color:#5fa224; font-weight:400; line-height:30px; margin-bottom:15px;} #sub_about .cont_box .text_box .BT{font-size:20px; color:#121212; font-weight:400; line-height:20px; margin-bottom:15px;} #sub_about .cont_box .text_box .NT{font-size:16px; color:#777777; font-weight:300; line-height:28px;} #sub_about .over_btn:hover{background:#5fa224;} #sub_about .foot_banner{position:relative; left:50%; width:1920px; height:350px; margin-left:-960px; background:url('/images/about_171127_01_27.jpg'); text-align:center; } #sub_about .box_inner{display:table-cell; width:1920px; vertical-align:middle; height:350px; } #sub_about .foot_banner .TT{font-size:35px; color:white; line-height:35px; font-weight:400; letter-spacing:-0.75px;} #sub_about .foot_banner .NT{font-size:16px; color:white; line-height:22px; font-weight:300; margin-top:20px; letter-spacing:-0.75px;} @media screen and (min-width:621px) and (max-width:1000px){ .-fdDescription img{width:auto;} #sub_about .cont_box{overflow:hidden; margin-bottom:40px; background:white;} #sub_about .cont_box .bg_box_01{background:url('/images/sub/m_about_bg_make.jpg') no-repeat 0 0;} #sub_about .cont_box .bg_box_02{background:url('/images/sub/m_about_bg_take.jpg') no-repeat 0 0;} #sub_about .cont_box .bg_box_03{background:url('/images/sub/m_about_bg_marketing.jpg') no-repeat 0 0;} #sub_about .cont_box .text_box{display:table-cell; vertical-align:middle; width:100%; height:350px; padding:3.5% 3.5% 3.5% 35%; box-sizing:border-box;} } @media screen and (max-width:620px){ .-fdDescription img{width:auto;} #sub_about{margin:60px 0 0;} #sub_about .cont_text{font-size:15px; line-height:23px; margin:20px 0 60px; letter-spacing:-0.5px;} #sub_about .title_box{margin-bottom:30px;} #sub_about .title_box img{margin-bottom:30px;} #sub_about .title_box .NT{font-size:15px; letter-spacing:-0.5px;} #sub_about .title_box .TT{font-size:28px; line-height:28px;} #sub_about .cont_box{overflow:hidden; margin-bottom:40px; background:white;} #sub_about .cont_box .bg_box_01{background:url('/images/sub/m_about_bg_make.jpg') no-repeat 0 0; background-size: 100%; background-position-y:50%;} #sub_about .cont_box .bg_box_01 .NT{line-height:17px !important;} #sub_about .cont_box .bg_box_02{background:url('/images/sub/m_about_bg_take.jpg') no-repeat 0 0; background-size: 100%; background-position-y:50%;} #sub_about .cont_box .bg_box_03{background:url('/images/sub/m_about_bg_marketing.jpg') no-repeat 0 0; background-size: 100%; background-position-y:50%;} #sub_about .cont_box .text_box{display:table-cell; vertical-align:middle; width:1000px; height:200px; padding:3.5% 3.5% 3.5% 35%; box-sizing:border-box;} #sub_about .cont_box .text_box img{height:18px; width:auto;} #sub_about .cont_box .text_box .RT{font-size:16px; color:#5fa224; font-weight:400; line-height:18px; margin-bottom:7.5px; letter-spacing:-1px;} #sub_about .cont_box .text_box .BT{font-size:14px; color:#121212; font-weight:400; line-height:14px; margin-bottom:5px; letter-spacing:-1px;} #sub_about .cont_box .text_box .NT{font-size:12px; color:#777777; font-weight:300; line-height:18px; letter-spacing:-1px;} #sub_about .foot_banner .TT{font-size:25px; line-height:25px; letter-spacing:-1px;} #sub_about .foot_banner .NT{font-size:14px; line-height:18px; margin-top:10px;} } @media screen and (max-width:320px){ #sub_about .foot_banner .TT {font-size:20px;} #sub_about .foot_banner .NT {font-size:13px;} } /* SERVICE - OUR SERVICE */ #sub_service #sub_OS{} #sub_service #sub_OS .TB_01{text-align:center; font-size:0; margin:100px 0 60px;} #sub_service #sub_OS .TB_01 img{margin-bottom:40px;} #sub_service #sub_OS .TB_01 .TT{font-size:43px; color:#121212; line-height:43px;} #sub_service #sub_OS .TB_01 .NT{font-size:18px; color:#666; line-height:18px; margin-top:20px;} #sub_service #sub_OS .TB_02{text-align:center; font-size:0; margin:100px 0 60px;} #sub_service #sub_OS .TB_02 .WB{display:inline-block; vertical-align:top; width:25%;} #sub_service #sub_OS .TB_02 .WB .TT{font-size:23px; font-weight:500; color:#5fa224; line-height:23px; margin:20px 0 0;} #sub_service #sub_OS .TB_02 .WB .ST{font-size:18px; font-weight:300; color:#5fa224; line-height:18px; margin:10px 0 30px;} #sub_service #sub_OS .TB_02 .WB .NT{font-size:15px; font-weight:300; color:#777; line-height:25px;} #sub_service #sub_OS .TB_03{overflow:hidden;} #sub_service #sub_OS .TB_03 .IB{float:left;} #sub_service #sub_OS .TB_03 .WB{display:table-cell; vertical-align:middle; width:600px; height:320px; padding:0 0 0 50px; box-sizing:border-box; background:white;} #sub_service #sub_OS .TB_03 .WB .TB{display:inline-block; vertical-align:top; font-size:16px; color:#777; line-height:35px;} #sub_service #sub_OS .TB_03 .WB .TB:last-child{margin-left:35px;} #sub_service #sub_OS .PM{overflow:hidden;} #sub_service #sub_OS .PM .IB{float:left; width:64px;} #sub_service #sub_OS .PM .PS{float:left; width:250px;} #sub_service #sub_OS .PM .PS .TB{text-align:center; padding:20px 0 60px;} #sub_service #sub_OS .PM .PS .TB .ST{font-size:15px; color:#5fa224; font-weight:500; line-height:15px;} #sub_service #sub_OS .PM .PS .TB .NT{font-size:18px; color:#777; font-weight:200; line-height:18px; margin-top:10px;} #sub_service #sub_OS .M_PM{display:none;} @media screen and (min-width:621px) and (max-width:1000px){ .-fdDescription img{width:auto;} #sub_service #sub_OS .TB_01 .TT{line-height:50px;} #sub_service #sub_OS .TB_01 .NT{line-height:23px;} #sub_service #sub_OS .TB_02 .WB{width:50%; margin-bottom:30px;} #sub_service #sub_OS .TB_02 .WB:nth-child(3){margin-bottom:0;} #sub_service #sub_OS .TB_02 .WB:last-child{margin-bottom:0;} #sub_service #sub_OS .TB_03 .WB{padding:20px; width:100%; height:auto; display:inline-block;} #sub_service #sub_OS .TB_03 .IB{width:100%;} #sub_service #sub_OS .PM{overflow:hidden; width:100%; display:none;} #sub_service #sub_OS .PM .IB{float:left; width:47.5%;} #sub_service #sub_OS .PM .IB{float:left; width:5%;} #sub_service #sub_OS .PM .IB:nth-child(3){display:none;} #sub_service #sub_OS .M_PM{display:block;} } @media screen and (max-width:620px){ .-fdDescription img{width:auto;} #sub_service #sub_OS .TB_01{margin:60px 0 20px;} #sub_service #sub_OS .TB_01 img{margin-bottom:20px;} #sub_service #sub_OS .TB_01 .TT{font-size:28px; line-height:35px;} #sub_service #sub_OS .TB_01 .NT{font-size:15px; line-height:20px; letter-spacing:-0.5px; margin-top:15px;} #sub_service #sub_OS .TB_02{margin:40px 0 60px;} #sub_service #sub_OS .TB_02 .WB{width:50%; margin-bottom:30px;} #sub_service #sub_OS .TB_02 .WB:nth-child(3){margin-bottom:0;} #sub_service #sub_OS .TB_02 .WB:last-child{margin-bottom:0;} #sub_service #sub_OS .TB_02 .WB .TT{font-size:18px; line-height:18px; margin:10px 0 0;} #sub_service #sub_OS .TB_02 .WB .ST{font-size:14px; line-height:14px; margin:5px 0 20px;} #sub_service #sub_OS .TB_02 .WB .NT{font-size:14px; line-height:20px;} #sub_service #sub_OS .TB_03 .WB{padding:20px; width:100%; height:auto; display:inline-block;} #sub_service #sub_OS .TB_03 .IB{width:100%;} #sub_service #sub_OS .TB_03 .WB .TB{font-size:15px; line-height:23px;} #sub_service #sub_OS .TB_03 .WB .TB:last-child{margin-left:0;} #sub_service #sub_OS .PM{overflow:hidden; width:100%; display:none;} #sub_service #sub_OS .PM .IB{float:left; width:47.5%;} #sub_service #sub_OS .PM .IB{float:left; width:5%;} #sub_service #sub_OS .PM .IB:nth-child(3){display:none;} #sub_service #sub_OS .M_PM{display:block;} } /* SERVICE - 호스팅/도메인 */ #sub_service #sub_HD{} #sub_service #sub_HD .TB_01{font-size:23px; color:#121212; margin:80px 0 20px;} #sub_service #sub_HD .wrap_table_01{width:100%; border-top:3px solid #5fa224;} #sub_service #sub_HD .wrap_table_01 tr td{text-align:center; width:20%; height:50px; font-size:16px; color:#666; border:1px solid #d2d2d2; border-width:0 1px 1px 0;} #sub_service #sub_HD .wrap_table_01 tr td b{font-weight:700;} #sub_service #sub_HD .wrap_table_01 tr:first-child td{color:#5fa224; font-weight:500;} #sub_service #sub_HD .wrap_table_01 tr td:first-child{background:#e6e6e6; font-weight:500;} #sub_service #sub_HD .wrap_table_01 tr td:last-child{border-right:0;} #sub_service #sub_HD .wrap_table_02{width:100%; border-top:3px solid #5fa224;} #sub_service #sub_HD .wrap_table_02 tr td{text-align:center; width:20%; height:50px; font-size:16px; color:#666; border:1px solid #d2d2d2; border-width:0 1px 1px 0;} #sub_service #sub_HD .wrap_table_02 tr td b{font-weight:700;} #sub_service #sub_HD .wrap_table_02 tr:first-child td{color:#5fa224; font-weight:500;} #sub_service #sub_HD .wrap_table_02 tr td:last-child{border-right:0;} #sub_service #sub_HD .GB{overflow:hidden; margin-top:30px;} #sub_service #sub_HD .GB .IB{float:left;} #sub_service #sub_HD .GB .WB{display:table-cell; vertical-align:middle; width:1920px;; height:140px; padding:0 0 0 290px; box-sizing:border-box; background:url('/images/service_gray_bg_03.jpg') no-repeat 0 0;} #sub_service #sub_HD .GB .WB .TB{font-size:15px; color:#121212; line-height:28px;} #sub_service #sub_HD .GB .WB .TB b{font-weight:500;} @media screen and (min-width:621px) and (max-width:1000px){ .-fdDescription img{width:auto;} #sub_service #sub_HD .wrap_table_01 tr td{padding:10px;} #sub_service #sub_HD .wrap_table_02 tr td{padding:10px;} #sub_service #sub_HD .GB .GB_BG{background:#e6e6e6; padding:10px 0;} #sub_service #sub_HD .GB .WB{padding:0 10px 0 290px;} } @media screen and (max-width:620px){ .-fdDescription img{width:auto;} #sub_service #sub_HD .TB_01{font-size:18px; line-height:18px; margin:60px 0 20px;} #sub_service #sub_HD .wrap_table_01 tr td{padding:10px; font-size:13px; height:auto;} #sub_service #sub_HD .wrap_table_02 tr td{padding:10px; font-size:13px; height:auto;} #sub_service #sub_HD .GB{margin-top:20px;} #sub_service #sub_HD .GB .GB_BG{background:#e6e6e6; padding:10px 0;} #sub_service #sub_HD .GB .WB{height:auto; width:100%; background:url('/images/m_service_geay_bg_03.jpg') no-repeat 0 50%; background-size:100%; padding:0 10px 0 45%;} #sub_service #sub_HD .GB .WB .TB{font-size:13px; line-height:20px;} } /* SERVICE - 호스팅/도메인 */ #sub_service #sub_MT{} #sub_service #sub_MT .TB_01{font-size:23px; color:#121212; margin:80px 0 20px;} #sub_service #sub_MT .wrap_table_01{width:100%; border-top:3px solid #5fa224;} #sub_service #sub_MT .wrap_table_01 tr td{text-align:center; width:20%; height:70px; font-size:16px; color:#666; border:1px solid #d2d2d2; border-width:0 1px 1px 0;} #sub_service #sub_MT .wrap_table_01 tr td b{font-weight:700;} #sub_service #sub_MT .wrap_table_01 tr:first-child td{height:50px; color:#5fa224; font-weight:500;} #sub_service #sub_MT .wrap_table_01 tr td:first-child{width:240px; background:#e6e6e6; font-weight:500;} #sub_service #sub_MT .wrap_table_01 tr td:nth-child(2){width:720px;} #sub_service #sub_MT .wrap_table_01 tr td:last-child{width:240px; border-right:0;} @media screen and (min-width:621px) and (max-width:1000px){ .-fdDescription img{width:auto;} #sub_service #sub_MT .wrap_table_01 tr td{padding:10px;} #sub_service #sub_MT .wrap_table_02 tr td{padding:10px;} #sub_service #sub_MT .GB .WB{padding:0 10px 0 290px;} } @media screen and (max-width:620px){ .-fdDescription img{width:auto;} #sub_service #sub_MT .TB_01{font-size:18px; line-height:18px; margin:60px 0 20px;} #sub_service #sub_MT .wrap_table_01 tr td{padding:10px; font-size:13px; height:auto;} #sub_service #sub_MT .wrap_table_01 tr:first-child td{height:auto;} #sub_about .foot_banner{height:250px !important;} } /* CONTACT US */ #sub_contact_us .info_box{display:inline-block; vertical-align:top; width:550px; border-bottom:1px solid #d3d3d3;} #sub_contact_us .info_box .cont_box{border-top:1px solid #d3d3d3; width:100%; padding:7.5px 0;} #sub_contact_us .info_box .cont_box .img_box{display:inline-block; vertical-align:top;} #sub_contact_us .info_box .cont_box:nth-child(3) .img_box {height:120px;} #sub_contact_us .info_box .cont_box .text_box{display:inline-block; vertical-align:top; line-height:25px;} #sub_contact_us .info_box .cont_box .text_box .ST{font-size:20px; color:#121212; margin-top:30px;} #sub_contact_us .info_box .cont_box .text_box .NT{font-size:15px; color:#666; margin-top:3px;} #sub_contact_us .form_sec{display:inline-block; vertical-align:top; width:600px; margin-left:50px;} #sub_contact_us .form_sec input{width:100%; height:50px; box-sizing:border-box; line-height:50px; font-size:16px; padding-left:30px; border:1px solid #d3d3d3; margin-bottom:10px;} #sub_contact_us .form_sec textarea{width:100%; height:120px; box-sizing:border-box; line-height:20px; font-size:16px; font-weight:300; padding:20px 30px; border:1px solid #d3d3d3; margin-bottom:10px; font-family:"Noto Sans KR", sans-serif;} #sub_contact_us .form_sec .phone_select{width:30% !important; vertical-align:top; height:50px; box-sizing:border-box; line-height:50px; font-size:16px; padding-left:30px; border:1px solid #d3d3d3; margin-bottom:10px;} #sub_contact_us .form_sec .phone_input{width:33% !important;; height:50px; box-sizing:border-box; line-height:50px; font-size:16px; padding-left:30px; border:1px solid #d3d3d3; margin-bottom:10px;} #sub_contact_us .form_sec .spam_text{display:inline-block; vertical-align:top; line-height:30px;} #sub_contact_us .form_sec .agree_sec{vertical-align:top;} #sub_contact_us .form_sec .chk_sec .spam_num{width:20%; height:30px; vertical-align:top; margin-left:3%; box-sizing:border-box; border:1px solid #d3d3d3;} #sub_contact_us .form_sec .chk_sec input{width:30%; height:30px; margin-left:3%; padding-left:20px} #sub_contact_us .form_sec .radio_btn{width:18px !important;; height:30px; box-sizing:border-box; font-size:16px; border:1px solid #d3d3d3; margin-bottom:0;} #sub_contact_us .form_sec .radio_btn a{margin-right:10px;} #sub_contact_us .info_box .cont_box:nth-child(3) .img_box {} @media screen and (max-width:1000px){ .-fdDescription img{width:auto;} .formobilemargin{margin-bottom:50px !important;} #TCBOARD_BD47215_WRITE_index198{width:100%} #sub_about .foot_banner{background:url('/images/about_171127_01_27.jpg'); height:275px; } #sub_about .foot_banner .box_inner{display:inline-block; padding:3.15% 0; width:100%; height:auto; text-align:center; } #sub_about .foot_banner .for-m_margin{margin-top:20px !important;} #sub_about .foot_banner .over_btn{width:135px !important; height:35px !important; line-height:35px !important; font-size:15px !important; } #sub_contact_us{padding:20px 3.125%;} #sub_contact_us .info_box{display:inline-block; vertical-align:top; width:100%; border-bottom:1px solid #d3d3d3; margin-bottom:30px;} #sub_contact_us .info_box .cont_box{border-top:1px solid #d3d3d3; width:100%;} #sub_contact_us .info_box .cont_box .text_box .ST{font-size:18px; letter-spacing:-1px;} #sub_contact_us .info_box .cont_box .text_box .NT{font-size:14px; letter-spacing:-1px;} #sub_contact_us .form_sec{display:inline-block; vertical-align:top; width:100%; margin-left:0px;} #sub_contact_us .form_sec .spam_text{width:100%;} #sub_contact_us .form_sec .chk_sec .spam_num{width:30%; margin-left:0;} #sub_contact_us .form_sec .chk_sec input{width:40%;} #sub_contact_us .info_box .cont_box .img_box { width:120px; text-align: center; } #sub_contact_us .info_box .cont_box .img_box img { width:70%; } #sub_contact_us .info_box .cont_box:nth-child(3) .img_box img { width:46%; } #sub_contact_us .info_box .cont_box .text_box { width:calc(100% - 136px); } #sub_contact_us .info_box .cont_box .text_box .ST { margin-top:0; } #sub_contact_us .info_box .cont_box:nth-child(2) .text_box .ST { margin-top:16px; } #sub_contact_us .info_box .cont_box:nth-child(3) .text_box .ST { margin-top:16px; } #sub_contact_us .info_box .cont_box:nth-child(3) .img_box {height:auto;} } @media screen and (max-width:1000px){ .-fdDescription img{width:auto;} #TCBOARD_BD47215_WRITE_index198{width:100%} #sub_contact_us{padding:20px 3.125%;} #sub_contact_us .info_box{display:inline-block; vertical-align:top; width:100%; border-bottom:1px solid #d3d3d3; margin-bottom:30px;} #sub_contact_us .info_box .cont_box{border-top:1px solid #d3d3d3; width:100%; padding:0;} #sub_contact_us .info_box .cont_box .text_box .ST{font-size:18px; letter-spacing:-1px;} #sub_contact_us .info_box .cont_box .text_box .NT{font-size:13px; letter-spacing:-1px;} #sub_contact_us .form_sec{display:inline-block; vertical-align:top; width:100%; margin-left:0px;} #sub_contact_us .form_sec .spam_text{width:100%;} #sub_contact_us .form_sec .chk_sec .spam_num{width:30%; margin-left:0;} #sub_contact_us .form_sec .chk_sec input{width:40%;} }