/* 와이드 pc */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* @import url('https://fonts.googleapis.com/css?family=Roboto'); */ .bx-controls-direction a { display: none; } .bx-wrapper { height:100%; } .bx-wrapper .bx-viewport{ height:100%; } .direct_list .on { background: url('/img/main/dot_over.png');} .oemodm_img_on { -webkit-transition: all 3s cubic-bezier(.19,1,.22,1); -o-transition: all 3s cubic-bezier(.19,1,.22,1); transition: all 3s cubic-bezier(.19,1,.22,1); } .oemodm_img_on:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .main_banner_div { position: relative; overflow: hidden; } .main_pc_navi { position:absolute; top:94px; z-index:100; background:#fff url(/img/bar.jpg) repeat-x 0px 3px ; width: 100%; display:none; left:0px;} .main_pc_navi .main_pc_navi_child { max-width: 1200px; height: 67px; margin: 15px auto; position: relative; } .main_pc_navi .main_pc_navi_child .main_pc_navi_child_2 { margin-left: 27%; width: 73%; } .main_pc_navi .main_pc_navi_child .main_pc_navi_child_2 ul{ float:left; width:16.666%; } .main_pc_navi .main_pc_navi_child .main_pc_navi_child_2 ul li{ text-align:center; padding-bottom:15px; } .main_pc_navi .main_pc_navi_child .main_pc_navi_child_2 ul li a .engTopFont { font-size: 14px; } #wrap { width: 100%; } #section0 { } #section0 #header { width: 100%; max-width: 1200px; margin: 0 auto; height:100px; } #section0 #header .header_full_size { display: block; position:absolute; top:0; left:0; width:100%; background:#fff url(/img/bar.jpg) repeat-x 0 97px ; z-index:100; } #section0 #header .header_wrap { max-width: 1200px; height: 67px; margin: 15px auto; position: relative; } #section0 #header .header_wrap h1 { position: absolute; top: 24px; } #section0 #header .header_wrap h1 a img.mobile_logo { display: none; } #section0 #header .header_wrap .fa-bars { display: none; } #section0 #header .header_wrap #nav { margin-left: 27%; width: 73%; position: absolute; top:40px; } #section0 #header .header_wrap #nav .btn img { display: none; } #section0 #header .header_wrap #nav .menu_wrap { overflow: hidden; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu { position: absolute; top: -40px; right: 25px; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul { overflow: hidden; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li { float: left; margin-right: 20px; border-bottom: 1px solid #999; padding-bottom: 2px; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li:nth-child(3) { margin-right: 0; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li a { font-size: 14px; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li a:hover { font-size: 14px; color:#01593b; } #section0 #header .header_wrap #nav .menu_wrap .menu { float: left; width: 16.6666%; text-align: center; } #section0 #header .header_wrap #nav .menu_wrap .menu h3 { margin-bottom: 18px; } #section0 #header .header_wrap #nav .menu_wrap .menu h3 a { font-size: 18px; font-weight: 400; color: #333333; } #section0 #header .header_wrap #nav .menu_wrap .menu h3 a:hover { color:#0f573e; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 { display: block; padding: 25px 0; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 li { margin-bottom: 15px; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 li a { font-size: 14px; color: #666; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 li a:hover { color:#999; } /* 수정 전 코딩 영역 */ /* #header { width: 100%; } #header .header_full_size { display: block; position:absolute; top:0; left:0; width:100%; height:350px; background:#fff url(/img/bar.jpg) repeat-x 0 120px ; z-index:10; } #header .header_wrap { max-width: 1200px; height: 80px; margin: auto; position: relative; padding:20px ; } #header .header_wrap h1 { position: absolute; top: 45px; } #header .header_wrap h1 a img.mobile_logo { display: none; } #header .header_wrap .fa-bars { display: none; } #header .header_wrap #nav { margin-left: 27%; width: 73%; position: absolute; top:58px; } #header .header_wrap #nav .btn img { display: none; } #header .header_wrap #nav .menu_wrap { overflow: hidden; } #header .header_wrap #nav .menu_wrap .lang_menu { position: absolute; top: -40px; right: 45px; display: block; } #header .header_wrap #nav .menu_wrap .lang_menu ul { overflow: hidden; } #header .header_wrap #nav .menu_wrap .lang_menu ul li { float: left; margin-right: 20px; border-bottom: 1px solid #999; padding-bottom: 2px; } #header .header_wrap #nav .menu_wrap .lang_menu ul li:nth-child(3) { margin-right: 0; } #header .header_wrap #nav .menu_wrap .lang_menu ul li a { font-size: 14px; } #header .header_wrap #nav .menu_wrap .lang_menu ul li a:hover { font-size: 14px; color:#01593b; } #header .header_wrap #nav .menu_wrap .menu { float: left; width: 16.6666%; text-align: center; } #header .header_wrap #nav .menu_wrap .menu h3 { padding-bottom: 38px; } #header .header_wrap #nav .menu_wrap .menu h3 a { font-size: 18px; font-weight: 400; color: #333333; } #header .header_wrap #nav .menu_wrap .menu h3 a:hover { color:#0f573e; } #header .header_wrap #nav .menu_wrap .menu .depth2 { display: none; padding-top: 30px; } #header .header_wrap #nav .menu_wrap .menu .depth2 li { margin-bottom: 15px; } #header .header_wrap #nav .menu_wrap .menu .depth2 li a { font-size: 15px; color: #666; } #header .header_wrap #nav .menu_wrap .menu .depth2 li a:hover { color:#999; } */ #content_wrap { } #content_wrap .visual .bxslider .slide .slider_wrap { max-width: 1200px; margin: 280px auto; position: relative; text-align: center; } #content_wrap .visual .bxslider .slide .slider_wrap .text { color: #fff; } #content_wrap .visual .bxslider .slide .slider_wrap .text0 { font-family: 'Roboto', sans-serif; font-size: 65px; font-weight: 500; padding-bottom: 45px; display: block; } #content_wrap .visual .bxslider .slide .slider_wrap .text1 { font-size: 30px; font-weight: 400; padding-bottom: 20px; display: block; } #content_wrap .visual .bxslider .slide .slider_wrap .text2 { font-size: 18px; font-weight: 300; line-height: 1.5em; display: none; } #content_wrap .visual .bxslider .slide1 { background: url(/img/main/main1.jpg) no-repeat center; height:830px; background-size:cover; } #content_wrap .visual .bxslider .slide2 { background: url(/img/main/main2.jpg) no-repeat center; height:830px; background-size:cover; } #content_wrap .visual .bxslider .slide3 { background: url(/img/main/main3.jpg) no-repeat center; height:830px; background-size:cover; } #content_wrap .visual .bxslider .slide4 { background: url(/img/main/main4.jpg) no-repeat center; height:830px; background-size:cover; } #content_wrap .visual .arrow_down { position: absolute; bottom: 50px; left: 50%; margin-left: -12.5px; } #content_wrap #content1 { background:#f4f3ec; height:950px; position:relative; } #content_wrap #content1 .arrow_down { position: absolute; bottom: 50px; left: 50%; margin-left: -12.5px; } #content_wrap #content1 .content_wrap { max-width: 1200px; margin:0 auto; } #content_wrap #content1 .content_wrap h3 { font-family: 'Roboto', sans-serif; text-align: center; font-size:36px; font-weight:500; padding:100px 0 70px 0; color: #333333; } #content_wrap #content1 .content_wrap .oemodm { width:30%; float:left; margin-right:5%; } #content_wrap #content1 .content_wrap .rd { width:30%; float:left; margin-right:5%; } #content_wrap #content1 .content_wrap .qa { width:30%; float:left; margin-right:0; } #content_wrap #content1 .content_wrap h4 { text-align: center; font-size: 24px; font-weight: 500; margin: 40px 0 20px 0; color: #484848; } #content_wrap #content1 .content_wrap p { padding: 0 10px 0 20px; font-size:18px; font-weight: 300; color: #484848; } #content_wrap #content1 .content_wrap .more { text-align: center; margin-top: 20%; } #content_wrap #content1 .content_wrap .more .btn { border: 1px solid #999; border-color: rgba(153,153,153,.5); border-radius: 50px; line-height: 20px; font-size: 15px; padding: 10px 20px; color: #666; font-weight: 300; } #content_wrap #content1 .content_wrap .more a.btn:hover { background: #07442f; color:#fff; text-decoration:none; } #content_wrap #content1 .content_wrap .more .btn .fa-angle-right { padding: 2px; } #content_wrap #content2 { } #content_wrap #content2 .brand { background: url(/img/main/brand.jpg) no-repeat center; background-size:cover; height:490px; padding:80px 0; } #content_wrap #content2 .brand .brand_wrap { max-width:1200px; margin:0 auto; height:490px; border: 1px solid #fff; } #content_wrap #content2 .brand .brand_wrap .brand_text { color:#fff; text-align: center; } #content_wrap #content2 .brand .brand_wrap .brand_text h3 { font-family: 'Roboto', sans-serif; text-align: center; padding:60px 0 20px 0; color:#fff; font-size:36px; font-weight:500; margin-left:0; } #content_wrap #content2 .brand .brand_wrap .brand_text .border { width:189px; border:2px solid #fff; margin: 0 auto 40px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap { max-width: 1200px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text1 { font-size:20px; margin-bottom:20px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text2 { font-size:18px; margin-bottom:10px; font-weight:300; } #content_wrap #content2 .brand .brand_wrap .more_brand { text-align: center; margin:60px auto 0; } #content_wrap #content2 .brand .brand_wrap .more_brand .btn { border: 1px solid #999; border-color:#fff; border-radius: 50px; line-height:20px; font-size:15px; padding:10px 20px; color:#fff; } #content_wrap #content2 .brand .brand_wrap .more_brand .btn:hover { background: #fff; color:#666; } #content_wrap #content2 .brand .brand_wrap .more_brand .btn .fa-angle-right { display: inline-block; vertical-align: 5px; padding: 2px; } #content_wrap .direct { position: fixed; top: 40%; right: 50px; z-index: 100; } #content_wrap .direct .direct_list { } #content_wrap .direct .direct_list li { margin-bottom: 30px; } #content_wrap .direct .direct_list li:nth-child(3) { margin-bottom: 0; } #footer { width: 100%; border-top: 1px solid #ccc; } #footer .footer_box { max-width:1200px; margin:40px auto 0; position:relative; } #footer .footer_box p.ft_logo { text-align:center; margin-bottom: 30px; } #footer .footer_box .footer_wrap { text-align: center; color: #999; font-size: 14px; font-weight: 300; padding: 0 20px; } #footer .footer_box .footer_wrap .info_list { } #footer .footer_box .footer_wrap .info_list .info { } #footer .footer_box .footer_wrap .info_list .line { margin: 0 10px; } #footer .footer_box .footer_wrap .info_list .line img { vertical-align: middle; } #footer .footer_box .footer_wrap .copyright { margin-top: 20px; } #footer .family_site { position: absolute; left: 50%; margin: 40px 0 40px -60px; } #footer .family_site .family_wrap { position: relative; cursor: pointer; border: 1px solid #eaeaea; width: 120px; height: 40px; } /* #footer .family_site .family_wrap .site_btn { color: #999; font-size: 14px; text-align: center; line-height: 40px; } #footer .family_site .family_wrap .site_btn:hover { background: #07442f; color: #fff; } */ #footer .family_site .family_wrap .site_btn { background: #07442f; color: #fff; font-size: 14px; text-align: center; line-height: 40px; } #footer .family_site .family_wrap .site_btn:hover { background: #07442f; color: #999; } #footer .family_site .family_wrap .site_hover { background: #07442f; color: #fff; } #footer .family_site .family_wrap .site_btn .fa-angle-up { font-size: 20px; line-height: 40px; padding-left: 5px; } #footer .family_site .family_wrap .family_list { display: none; position: absolute; bottom: 100%; width:100%; z-index: 99; } #footer .family_site .family_wrap .family_list li { border-bottom: 1px solid #fff; } #footer .family_site .family_wrap .family_list li a { display: block; padding: 12px 20px; font-size: 14px; background: #eaeaea; color: #666; } /* 일반 pc */ @media screen and (max-width: 1280px) { #section0 #header .header_wrap h1 { padding-left: 4%; } /* #header .header_wrap h1 { padding-left: 4%; } */ #content_wrap #content1 .content_wrap { padding: 0 5%; } #content_wrap #content2 .brand { padding:80px 33px; } #content_wrap .direct { right: 40px; } } /* 테블릿 */ @media screen and (max-width: 1024px) { .main_pc_navi {display:none;} #section0 #header { padding: 0; height: 60px; } #section0 #header .header_full_size { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: none; } #section0 #header .header_wrap { max-width: 1200px; height: 60px; margin: 0; position: relative; padding:0; } #section0 #header .header_wrap .box{ width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; left: 0; top: 0; z-index: 10; display: none; } #section0 #header .header_wrap h1 { top: 0; padding-left: 5%; padding-top: 7px; } #section0 #header .header_wrap .fa-bars { display: block; position: absolute; z-index: 10; right: 33px; top: 12px; color: #01593b; font-size: 32px; padding:3px; } #section0 #header .header_wrap #nav { width: 300px; height: 100%; position: fixed; right: 0; top: 0; background: #fff; opacity: 1; z-index: 10; padding-top: 30px; display:none; } #section0 #header .header_wrap #nav .btn img { display: block; position: absolute; top: 23px; right:22px; font-size: 35px; color: #01593b; z-index: 20; width: 25px; height: 25px; } #section0 #header .header_wrap #nav .menu_wrap { padding: 80px 30px 0 30px; height: 485px; overflow:scroll; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu { position: absolute; top: 25px; right: 57%; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li a { font-size: 16px; } #section0 #header .header_wrap #nav .menu_wrap .lang_menu ul li a:hover { font-size: 16px; color:#01593b; } #section0 #header .header_wrap #nav .menu_wrap .menu { float: none; width: auto; text-align: left; border-bottom:1px solid #ccc; margin-bottom: 30px; } #section0 #header .header_wrap #nav .menu_wrap .menu h3 { margin-bottom: 30px; padding-left: 20px; } #section0 #header .header_wrap #nav .menu_wrap .menu h3 a { font-size: 20px; font-weight: 400; color: #484848; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 { display: block; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 li { margin-bottom: 25px; padding-left: 30px; } #section0 #header .header_wrap #nav .menu_wrap .menu .depth2 li a { font-size: 16px; font-weight: 300; color: #666; padding: 5px 0; } /* 수정 전 코딩 영역 */ /* #header .header_wrap { max-width: 1200px; height: auto; margin: 13px 0 20px 0 ; position: relative; padding: 20px 0; } #header .header_wrap .box{ width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; left: 0; top: 0; z-index: 10; display: none; } #header .header_wrap h1 { top: 0; padding-left: 5%; } #header .header_wrap .fa-bars { display: block; position: absolute; z-index: 10; right: 33px; top: 7px; color: #01593b; font-size: 32px; padding:3px; } #header .header_wrap #nav { width: 300px; height: 100%; position: fixed; right: 0; top: 0; background: #fff; opacity: 1; z-index: 10; padding-top: 30px; display:none; } #header .header_wrap #nav .btn img { display: block; position: absolute; top: 23px; right:22px; font-size: 35px; color: #01593b; z-index: 20; width: 25px; height: 25px; } #header .header_wrap #nav .menu_wrap { padding: 80px 30px 0 30px; } #header .header_wrap #nav .menu_wrap .lang_menu { position: absolute; top: 25px; right: 50%; display: none; } #header .header_wrap #nav .menu_wrap .lang_menu ul li a { font-size: 16px; } #header .header_wrap #nav .menu_wrap .lang_menu ul li a:hover { font-size: 16px; color:#01593b; } #header .header_wrap #nav .menu_wrap .menu { float: none; width: auto; text-align: left; border-bottom:1px solid #ccc; margin-bottom: 30px; } #header .header_wrap #nav .menu_wrap .menu h3 { margin-bottom: 0; padding-left: 20px; } #header .header_wrap #nav .menu_wrap .menu h3 a { font-size: 20px; font-weight: 400; color: #484848; } #header .header_wrap #nav .menu_wrap .menu .depth2 { display: none; padding-top: 0; } #header .header_wrap #nav .menu_wrap .menu .depth2 li { margin-bottom: 25px; padding-left: 30px; } #header .header_wrap #nav .menu_wrap .menu .depth2 li a { font-size: 16px; font-weight: 300; color: #666; padding: 5px 0; } */ #content_wrap .visual .bxslider .slide .slider_wrap { max-width: 1024px; margin: 200px auto; } #content_wrap .visual .bxslider .slide .slider_wrap .text0 { font-size: 50px; font-weight: 500; padding-bottom: 40px; } #content_wrap .visual .bxslider .slide .slider_wrap .text1 { font-size: 30px; } #content_wrap .visual .bxslider .slide1 { background: url(/img/main/main1_t.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide2 { background: url(/img/main/main2_t.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide3 { background: url(/img/main/main3_t.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide4 { background: url(/img/main/main4_t.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .arrow_down { display: none; } #content_wrap #content1 { height:700px; } #content_wrap #content1 .content_wrap h3 { font-size:30px; padding: 40px 0 ; } #content_wrap #content1 .content_wrap .oemodm { width:30%; float:left; margin-right:5%; } #content_wrap #content1 .content_wrap .rd { width:30%; float:left; margin-right:5%; } #content_wrap #content1 .content_wrap .qa { width:30%; float:left; margin-right:0; } #content_wrap #content1 .content_wrap h4 { font-size: 22px; margin: 25px 0; } #content_wrap #content1 .content_wrap p { padding: 0 10px 0 20px; font-size:16px; } #content_wrap #content1 .content_wrap .more .btn { font-size: 14px; padding: 10px 20px; } #content_wrap #content1 .content_wrap .more .btn .fa-angle-right { padding: 2px; } #content_wrap #content2 .brand { height: auto; padding:40px 33px; } #content_wrap #content2 .brand .brand_wrap { height: auto; padding: 0 20px; } #content_wrap #content2 .brand .brand_wrap .brand_text h3 { padding:40px 0 20px 0; font-size:30px; } #content_wrap #content2 .brand .brand_wrap .more_brand { margin:60px auto 40px; } #content_wrap .direct { display: none; } } /* 소형 테블릿 */ @media screen and (max-width:768px) { .main_pc_navi {display:none;} #section0 #header .header_wrap h1 { padding-top: 19px; } #section0 #header .header_wrap h1 a img.pc_logo { display: none; } #section0 #header .header_wrap h1 a img.mobile_logo { display: block; } /* 수정 전 코딩 영역 */ /* #header .header_wrap h1 { top: 13px; } #header .header_wrap h1 a img.pc_logo { display: none; } #header .header_wrap h1 a img.mobile_logo { display: block; } */ #content_wrap #content1 { height: auto; } #content_wrap #content1 .content_wrap { padding: 5% 5% 8% 5%; } #content_wrap #content1 .content_wrap h3 { font-size: 24px; font-weight: 500; padding: 0 0 30px 0; } #content_wrap #content1 .content_wrap .oemodm { width:100%; float:none; position:relative; padding:30px 0; overflow: hidden; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; display: inline-block; } #content_wrap #content1 .content_wrap .oemodm .oemodm_wrap { overflow: hidden; } #content_wrap #content1 .content_wrap .oemodm .oemodm_wrap .main_banner_div { position: relative; overflow: hidden; width: 30%; float: right; } #content_wrap #content1 .content_wrap .oemodm .oemodm_wrap .oemodm_img_on { width: 100%; height: 100%; } #content_wrap #content1 .content_wrap .oemodm .more { margin-top: 1%; } #content_wrap #content1 .content_wrap .oemodm .more .btn { } #content_wrap #content1 .content_wrap .rd { width:100%; float:none; overflow: hidden; position:relative; padding :30px 0; border-bottom: 1px solid #ccc; display: inline-block; } #content_wrap #content1 .content_wrap .rd .rd_wrap { overflow: hidden; } #content_wrap #content1 .content_wrap .rd .rd_wrap .main_banner_div { position: relative; overflow: hidden; width: 30%; float: right; } #content_wrap #content1 .content_wrap .rd .rd_img_on { width: 100%; height: 100%; } #content_wrap #content1 .content_wrap .rd .more { margin-top: 1%; } #content_wrap #content1 .content_wrap .rd .more .btn { } #content_wrap #content1 .content_wrap .qa { width:100%; float:none; position:relative; padding: 30px 0; border-bottom: 1px solid #ccc; display: inline-block; } #content_wrap #content1 .content_wrap .qa .qa_wrap { overflow: hidden; } #content_wrap #content1 .content_wrap .qa .qa_wrap .main_banner_div { position: relative; overflow: hidden; width: 30%; float: right; } #content_wrap #content1 .content_wrap .qa .qa_img_on { width: 100%; height: 100%; } #content_wrap #content1 .content_wrap .qa .more { margin-top: 1%; } #content_wrap #content1 .content_wrap .qa .more .btn { } #content_wrap #content1 .content_wrap h4 { font-size:20px; margin-bottom:25px; margin-top:0; text-align: left; } #content_wrap #content1 .content_wrap p { padding: 0; font-size:16px; width:55%; } #content_wrap #content2 .brand .brand_wrap .brand_text h3 { padding:40px 0 20px 0; font-size:24px; } #content_wrap #content2 .brand .brand_wrap .brand_text .border { width:150px; border:1px solid #fff; margin: 0 auto 40px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text2 { font-size:16px; font-weight:300; margin-bottom:5px; } } /* 모바일 */ @media screen and (max-width:640px) { .main_pc_navi {display:none;} #content_wrap .visual .bxslider .slide .slider_wrap { max-width: 640px; margin: 180px auto; padding: 0 4%; } #content_wrap .visual .bxslider .slide .slider_wrap .text0 { font-size: 50px; font-weight: 500; padding-bottom: 40px; } #content_wrap .visual .bxslider .slide .slider_wrap .text1 { font-size: 25px; line-height: 1.5em; } #content_wrap .visual .bxslider .slide1 { background: url(/img/main/main1_m.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide2 { background: url(/img/main/main2_m.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide3 { background: url(/img/main/main3_m.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap .visual .bxslider .slide4 { background: url(/img/main/main4_m.jpg) no-repeat center; height:530px; background-size:cover; } #content_wrap #content1 .content_wrap h3 { font-size: 24px; } #content_wrap #content1 .content_wrap h4 { font-size: 18px; margin-bottom:10px; margin-top:0; text-align: left; } #content_wrap #content1 .content_wrap .oemodm .more { margin-top: 5%; } #content_wrap #content1 .content_wrap .rd .more { margin-top: 5%; } #content_wrap #content1 .content_wrap .qa .more { margin-top: 5%; } #content_wrap #content1 .content_wrap p { padding: 0 0 10px 0; font-size:15px; width:60%; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text1 { font-size:18px; } #footer .footer_box .footer_wrap { font-size: 12px; } #footer .footer_box .family_site { margin: 20px 0 40px -60px; } } /* 최소 사이즈 처리 */ @media screen and (max-width:480px) { #wrap { min-width:260px; } #section0 #header .header_wrap .fa-bars { right: 15px; color: #01593b; font-size: 30px; padding:5px; } /* #header .header_wrap .fa-bars { top: 6px; right: 15px; color: #01593b; font-size: 30px; padding:5px; } */ #content_wrap .visual .bxslider .slide .slider_wrap { max-width: 480px; margin: 180px auto; } #content_wrap .visual .bxslider .slide .slider_wrap .text0 { font-size: 40px; font-weight: 500; padding-bottom: 40px; } #content_wrap .visual .bxslider .slide .slider_wrap .text1 { font-size: 20px; } #content_wrap .visual .bxslider .slide .slider_wrap .text2 { font-size: 16px; } #content_wrap #content1 .content_wrap { padding: 12% 5% 12% 5%; } #content_wrap #content1 .content_wrap h3 { padding: 0 0 40px 0 ; } #content_wrap #content1 .content_wrap h4 { font-weight: 400; } #content_wrap #content1 .content_wrap .more .btn { font-size: 12px; padding: 8px 12px; bottom: 20px; } #content_wrap #content1 .content_wrap .more .btn .fa-angle-right { padding: 4px; } #content_wrap #content1 .content_wrap p { padding: 0 0 10px 0; font-size:15px; width:60%; } #content_wrap #content2 .brand .brand_wrap .brand_text h3 { padding: 30px 0 10px 0 ; font-size: 22px; } #content_wrap #content2 .brand .brand_wrap .brand_text .border { width:150px; border:1px solid #fff; margin: 0 auto 40px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text1 { font-size:18px; margin-bottom: 20px; } #content_wrap #content2 .brand .brand_wrap .brand_text .text_wrap .text2 { font-size:15px; margin-bottom: 10px; } #content_wrap #content2 .brand .brand_wrap .more_brand { margin: 40px auto 40px; } #content_wrap #content2 .brand .brand_wrap .more_brand .btn { font-size:12px; padding:8px 12px; } #content_wrap #content2 .brand .brand_wrap .more_brand .btn .fa-angle-right { font-size: 12px; padding: 4px; } }