@charset "utf-8" @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap'); @font-face { font-family: 'JSArirangHON-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal; } /*구글번역 일본어시 수정*/ html[lang="ja"] { word-break: break-word; line-break: anywhere; } /*게시판*/ #bo_v, #bo_w, #bo_list {max-width: 1440px !important;width: 100%; margin: 80px auto 120px;} #bo_v_share{display: none;} /* === sub_page 공통 === */ .sub_bottom {height: 20px; width: 100%;} .sub_head{position: relative; z-index: 1; _padding-top: 80px;} .sub_head .wrap{} .sub_head .box1{width: 100%; height: 450px; padding: 20px; text-align: center; color: #fff; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;} .sub_head .box1.sub01{background: url(/images/sub01_bg.jpg) center no-repeat;} .sub_head .box1.sub02{background: url(/images/sub02_bg.jpg) center no-repeat;} .sub_head .box1.sub03{background: url(/images/sub03_bg.jpg) center no-repeat;} .sub_head .box1.sub04{background: url(/images/sub04_bg.jpg) center no-repeat;} .sub_head .box1.sub05{background: url(/images/sub01_bg.jpg) center no-repeat;} .sub_head .box1.sub06{background: url(/images/sub01_bg.jpg) center no-repeat;} .sub_head .box1 .title_box h2{margin-bottom: 15px; font-size: 32px; word-break:keep-all;} .sub_head .box1 .title_box .tab_ul{width: 100%; max-width: 1440px; margin: 0 auto; display: flex; align-self: center; justify-content: center; gap:15px; margin-top: 10px;} .sub_head .box1 .title_box .tab_ul>li, .sub_head .box1 .title_box .tab_ul>li>a {color: #fff; font-size: 14px; display:flex; align-items:center;} .sub_head .box1 .title_box .tab_ul>li>a:hover { color: #000;} .sub_head .box1 .title_box .tab_ul>li.nav_point { font-weight: 600;} /* ====== sub 01 (회사소개) ====== */ /* sub0101 */ #sub0101{max-width: 1440px; width: 100%; margin: 0 auto; display: flex;padding: 120px 0 120px;} #sub0101 .sbWrap{width: 100%;} #sub0101 .sbWrap .ceo_title h2{width: 120px; margin: 0 auto 50px;font-size: 32px; position: relative; _margin-left: 20px;line-height: 1;margin-bottom: 100px; color: #333; font-weight: 500;} #sub0101 .sbWrap .ceo_title h2::before{content: ''; position: absolute; left: 50%; bottom:-25px; transform:translateX(-50%); width: 50px; height: 2px; background: #999999;font-size: 32px;margin-top: 3px;} #sub0101 .sbWrap .ceo_title p{font-size: 18px; margin-bottom: 80px;text-align: center;} #sub0101 .sbWrap .sb_flex_wrap{display: flex; justify-content: space-between;} #sub0101 .sbWrap .sb_flex_wrap .box{width: calc(100% / 2 - 20px);} #sub0101 .sbWrap .sb_flex_wrap .box1 .b1-wrap{width: 100%; } #sub0101 .sbWrap .sb_flex_wrap .box1 .b1-wrap img{width: 100%; } #sub0101 .sbWrap .sb_flex_wrap .box2{display: flex; align-items: center; } #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap{width: 100%; } #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt1{font-size: 28px; margin-bottom: 50px;font-weight: 500; line-height: 2; color: #333;} #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt2{font-size: 18px; margin-bottom: 50px; line-height: 1.8; color: #333} #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt4{font-size: 20px; } #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt4 p span{font-size: 28px; font-family: 'JSArirangHON-Regular'; } #sub0101 .sbWrap .line1{max-width: 1440px; margin:100px auto; width: 100%; height: 1px; background: #f3f3f3;} #sub0101 .sbWrap .box3{width: 100%;} #sub0101 .sbWrap .box3 .b3-wrap{width: 100%; display: flex; justify-content:space-between; gap:20px;} #sub0101 .sbWrap .box3 .b3-wrap .item{width: calc(100% / 3 - 20px);} #sub0101 .sbWrap .box3 .b3-wrap .item a{width: 100%; display: inline-block;} #sub0101 .sbWrap .box3 .b3-wrap .item figure{width: 100%; margin-bottom: 30px; overflow: hidden; } #sub0101 .sbWrap .box3 .b3-wrap .item figure img{width: 100%; transition: all 0.5s ease;} #sub0101 .sbWrap .box3 .b3-wrap .item:hover figure img{transform: scale(1.03);} #sub0101 .sbWrap .box3 .b3-wrap .item .item_txt{display: flex; justify-content: center;} #sub0101 .sbWrap .box3 .b3-wrap .item .item_txt h3{font-size: 18px; color: #333; position: relative; padding-left: 10px; font-weight: 500;} #sub0101 .sbWrap .box3 .b3-wrap .item .item_txt h3::before{content:''; position: absolute; top: 10px; left: -5px; width: 5px; height: 5px; background: #999; border-radius: 50%; } /* sub0102 */ #daumRoughmapContainer1749463584048{width: 100%;} .root_daum_roughmap .cont{display: none; } #sub0102{max-width: 1440px; width: 100%; margin: 0 auto; display: flex;padding: 120px 0 120px} #sub0102 .sbWrap{width: 100%;} #sub0102 .sbWrap .ceo_title h2{width: 120px; margin: 0 auto 50px;font-size: 32px; position: relative; _margin-left: 20px;line-height: 1;margin-bottom: 100px;} #sub0102 .sbWrap .ceo_title h2::before{content: ''; position: absolute; left: 50%; bottom:-25px; transform:translateX(-50%); width: 50px; height: 2px; background: #999999;font-size: 32px;margin-top: 3px;} #sub0102 .sbWrap .box1{width: 100%;} #sub0102 .sbWrap .box1 .b1-wrap{display:flex; align-items: flex-end;width: 100%;} #sub0102 .sbWrap .box1 .b1-wrap .b1left{width: calc(100% - 580px);} #sub0102 .sbWrap .box1 .b1-wrap .b1left .b1map{width: 100%;} #sub0102 .sbWrap .box1 .b1-wrap .b1right{width: 580px; padding-left: 80px;} #sub0102 .sbWrap .box1 .b1-wrap .b1right .sec-title{margin-bottom: 50px} #sub0102 .sbWrap .box1 .b1-wrap .b1right .sec-title h4{font-size: 28px; font-weight: 600; color: #333;letter-spacing: -0.02;} #sub0102 .sbWrap .box1 .b1-wrap .b1right .dl dl{display: flex;} #sub0102 .sbWrap .box1 .b1-wrap .b1right .dl dl{margin-bottom: 20px;} #sub0102 .sbWrap .box1 .b1-wrap .b1right dl * {font-size: 18px;letter-spacing: -0.02em;line-height: 1.6;} #sub0102 .sbWrap .box1 .b1-wrap .b1right dl dt{width: 70px; display: flex; justify-content: space-between; font-weight: 500; color: #333; text-align: justify;} #sub0102 .sbWrap .box1 .b1-wrap .b1right dl dd{width: calc(100% - 70px);font-weight: 400; color: #666; padding-left: 35px;} #sub0102 .sbWrap .box1 .b1-wrap .b1bt a{display: inline-block; padding: 10px 30px; margin-top: 20px; background: #f29974; border-radius: 50px; color: #fff;margin-bottom: 20px; font-size: 14px; } #sub0102 .box2{width: 100%; margin: 80px 0 0; _padding: 20px 0 0; _background: #f9f9f9; } #sub0102 .box2 .b2-wrap{width: 100%; max-width: 1440px; margin: 0 auto; } #sub0102 .box2 h2 {max-width: 100px; margin:0 auto; margin-bottom:50px; font-size: 28px; position:relative;} #sub0102 .box2 h2::before{content:''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background:#ccc; width:60px; height: 2px;} #sub0102 .box2 p {font-size: 15px; text-align:center; margin-bottom:80px;} #sub0102 .box2 .b2_flex {display: flex; align-items: center; border-bottom: 1px solid #ddd;} #sub0102 .box2 .b2_flex:first-child {border-top: 1px solid #ddd; margin-top: 1px;} #sub0102 .box2 .b2_left {border-right: 1px solid #ddd; width: 30% !important; font-size: 18px; color: #333; font-weight: 500;} #sub0102 .box2 .b2_text{_padding: 0 20px;} #sub0102 .box2 .b2_text > li{_background-color: #fcfcfc; } #sub0102 .box2 .b2_text > li > div {padding: 30px 40px; font-size: 16px; color: #333; _text-align:center;} #sub0102 .box2 .b2_left b{font-weight: 500; max-width: 110px; margin: 0 auto; display: flex; justify-content: space-between;} #sub0102 .box2 .b2_right{letter-spacing: 1.5; line-height: 1.8; width: 100%;} #sub0102 .box2 .b2_flex:nth-child(even) {_background: #eefbf7;} .fa-solid, .fas {display: flex; align-items:center;} /* ====== sub 02 (사업분야) ====== */ /* sub02 sub0201 sub0202 sub0203 sub0204 sub0205 sub0206 */ .sub02{ width: 100%; margin: 0 auto; display: flex;padding: 120px 0 120px;} .sub02 .sbWrap{width: 100%; max-width: 1440px; margin: 0 auto;} .sub02 .sbWrap .ceo_title h2{width: 142px; margin: 0 auto 50px;font-size: 32px;position: relative; _margin-left: 20px;line-height: 1;_margin-bottom:50px;text-align: center; } .sub02 .sbWrap .ceo_title h2::before{content: ''; position: absolute; left: 50%; bottom:-25px; transform:translateX(-50%); width: 50px; height: 2px; background: #999999;font-size: 32px;margin-top: 3px;} .sub02 .sbWrap .ceo_title p{font-size: 18px; margin-bottom: 80px;text-align: center;} .sub02 .sbWrap .box1{width: 100%; margin: 120px auto 0;} .sub02 .sbWrap .box1 .b1Wrap .b1_title h2{font-size: 32px; color:#f29974; } .sub02 .sbWrap .box1 .line1{max-width: 1440px; margin: 25px auto 50px; width: 100%; height: 2px; background: #ddd; } .sub02 .sbWrap .box1 .b1Wrap .b1_flex{width: 100%; display: flex; justify-content: space-between;gap: 40px; } .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_item{width: calc(100% / 2 - 20px);} .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_left img{width: 100%;} .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_right .b1_txt_title h3{font-size: 24px; color: #333;} .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_right .b1_txt_title .line2{max-width: 1440px; margin: 30px auto 50px; width: 100%; height: 1px; background: #ddd; } .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_right .b1_txt p{font-size: 18px; color: #333; margin-bottom: 20px; line-height: 1.8;} .sub02 .sbWrap .box2{width: 100%; margin: 120px auto 0;} .sub02 .sbWrap .box2 .b2Wrap .b2_title h3{font-size: 28px; color: #333;} .sub02 .sbWrap .box2 .b2Wrap .b2_title .line2{max-width: 1440px; margin: 30px auto 50px; width: 100%; height: 1px; background: #ddd; } .sub02 .sbWrap .box2 .b2Wrap .table .bb{margin-bottom: 16px; width: 100%; border-bottom: 1px solid 3ededed !important;} .sub02 .sbWrap .box2 .b2Wrap .table .bb thead {background: #354765; color:#ffffff;} .sub02 .sbWrap .box2 .b2Wrap .table .bb thead th > p {padding: 10px 0; font-size: 1.15rem; font-weight:500;} .sub02 .sbWrap .box2 .b2Wrap .table .bb tbody td > span {padding: 25px 20px; display: block; font-size: 16px;color:#333;} .sub02 .sbWrap .box2 .b2Wrap .table .bb tbody tr td{background: #F5F5F5;} .sub02 .sbWrap .box2 .b2Wrap .table .bb tbody tr td.orange{background: #FFE1D4;} .sub02 .sbWrap .box2 .b2Wrap .table .bb tbody tr td.orange span{font-size: 18px;} .sub02 .sbWrap .box2 .b2Wrap .table .bb tbody tr td.orange span strong{font-weight: 500;} /* ====== sub 03 (사업분야) ====== */ /* sub0301 */ #sub0301{ width: 100%; margin: 0 auto; display: flex;padding: 120px 0 120px;} #sub0301 .sbWrap{width: 100%; max-width: 1440px; margin: 0 auto;} #sub0301 .sbWrap .ceo_title h2{width: 142px; margin: 0 auto 50px;font-size: 32px;position: relative; _margin-left: 20px;line-height: 1;_margin-bottom:50px;text-align: center; } #sub0301 .sbWrap .ceo_title h2::before{content: ''; position: absolute; left: 50%; bottom:-25px; transform:translateX(-50%); width: 50px; height: 2px; background: #999999;font-size: 32px;margin-top: 3px;} #sub0301 .sbWrap .ceo_title p{font-size: 18px; margin-bottom: 80px;text-align: center;} #sub0301 .sbWrap .box1 {width: 100%; margin: 100px auto 120px;} #sub0301 .sbWrap .box1 .b1Wrap{width: 100%;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title{width: 100%; margin-bottom:50px;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title h2{font-size: 28px;font-family: "Noto Sans KR" !important;color: #1F2A44;margin-bottom:50px; position: relative;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title h2 span{font-size: 20px;margin-left: 10px;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title h2::before{content: ''; position: absolute; bottom: -25px; left: 0px; width: 300px; height: 1px; background: #1F2A44;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title p{font-size: 18px;font-family: "Noto Sans KR" !important; margin-bottom: 15px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab{max-width: 1440px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;gap:10px} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li{_width: calc(100 / 5);flex: 1; _background:red; transition: all 0.5s;height: 500px; position: relative;} /* .sb1_tab li:nth-child(even){background-color: aqua;} */ #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li:nth-child(1){background:url(../images/sub0301_img01.png) no-repeat center center; background-size: cover;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li:nth-child(2){background:url(../images/sub0301_img02.png) no-repeat center center; background-size: cover;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li:nth-child(3){background:url(../images/sub0301_img03.png) no-repeat center center; background-size: cover;} #sub0301 .zoom-button { position: absolute; bottom: 20px; right: 20px; background: rgba(255,255,255,0.8); color: #333; padding: 6px 10px; border-radius: 4px; font-size: 14px; z-index: 20; text-decoration: none; } #sub0301 .zoom-button i{color: #333; font-size: 22px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li.on {flex: 3;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .li_title{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .li_title p{width: 100%; font-size: 18px; color: #f9f9f9;display: flex; align-items: end; height: 100%; padding: 40px 30px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab>li.on .li_title{display: none; } #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt{width: 50%; height: 100%; background-color: rgba(0,0,0,0.4);padding: 40px; position: absolute; top:0; left:0;_display: none;opacity:0; transition: 0.5s; display: flex; align-items: end;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div{_height: 120px; } #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div h4{font-size: 28px; margin-bottom: 20px; color: #fff;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div p{font-size: 17px;margin-bottom: 8px; color: #fff;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab>li.on .con_txt{_display: block; opacity:1} #sub0301 .sbWrap .box2 {width: 100%; margin: 100px auto 0px;} #sub0301 .sbWrap .box2 .b2Wrap{width: 100%;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title{width: 100%;margin-bottom:50px;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title h2{font-size: 28px;font-family: "Noto Sans KR" !important;color: #4A2F1D;margin-bottom:50px; position: relative;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title h2 span{font-size: 20px;margin-left: 10px;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title h2::before{content: ''; position: absolute; bottom: -25px; left: 0px; width: 300px; height: 1px; background: #4A2F1D;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title p{font-size: 18px;font-family: "Noto Sans KR" !important; margin-bottom: 15px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab{max-width: 1440px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;gap:10px} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li{_width: calc(100 / 5);flex: 1; _background:red; transition: all 0.5s;height: 500px; position: relative;} /* .sb1_tab li:nth-child(even){background-color: aqua;} */ #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li:nth-child(1){background:url(../images/sub0301_img04.png) no-repeat center center; background-size: cover;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li:nth-child(2){background:url(../images/sub0301_img05.png) no-repeat center center; background-size: cover;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li:nth-child(3){background:url(../images/sub0301_img06.png) no-repeat center center; background-size: cover;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li.on {flex: 3;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .li_title{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .li_title p{width: 100%; font-size: 18px; color: #f9f9f9;display: flex; align-items: end; height: 100%; padding: 30px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab>li.on .li_title{display: none; } #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt{width: 50%; height: 100%; background-color: rgba(0,0,0,0.4);padding: 40px; position: absolute; top:0; left:0;_display: none;opacity:0; transition: 0.5s; display: flex; align-items: end;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt>div{_height: 120px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt>div h4{font-size: 28px; margin-bottom: 20px; color: #fff;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt>div p{font-size: 17px;margin-bottom: 8px; color: #fff;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab>li.on .con_txt{_display: block; opacity:1} /* ====== sub 04 (온라인상담) ====== */ /* sub0401 */ #sub0401{ width: 100%; margin: 0 auto; display: flex;padding: 120px 0 120px; background: #fffbf1;} #sub0401 .sbWrap{width: 100%; max-width: 1180px; margin: 0 auto;} #sub0401 .sbWrap .ceo_title h2{width: 142px; margin: 0 auto 50px;font-size: 32px;position: relative; _margin-left: 20px;line-height: 1;_margin-bottom:50px;text-align: center; } #sub0401 .sbWrap .ceo_title h2::before{content: ''; position: absolute; left: 50%; bottom:-25px; transform:translateX(-50%); width: 50px; height: 2px; background: #999999;font-size: 32px;margin-top: 3px;} #sub0401 .sbWrap .ceo_title p{font-size: 18px; margin-bottom: 80px;text-align: center;} #sub0401 .sbWrap .box1{max-width: 1440px; width: 100%; margin: 0 auto; background: #fcfcfc; border-radius: 5px;} #sub0401 .sbWrap .box1 .form-wrap{max-width: 1000px; width: 100%; margin: 0px auto; padding: 50px 30px 50px; color: #333; font-size: 15px;} #sub0401 .sbWrap .box1 .form-wrap .formitem{ padding: 0 15px 0 10px; position: relative; background: #ffffff; _height: 55px; height: auto; margin-top: 15px; _display: flex; border: 1px solid #ddd; border-radius: 5px;} #sub0401 .sbWrap .box1 .form-wrap .formitem label{width: 100px; line-height: 55px; text-align: center; display: inline-block;font-size: 15px;vertical-align: inherit; font-weight: 500; color: #666;} #sub0401 .fs16{margin-top: 40px; font-size: 15px;} #sub0401 .sbWrap .box1 .form-wrap .inputchbx{margin: 20px 10px; font-size: 14px; display: flex;} #sub0401 input[type="checkbox"].checkbox {display: inline-block; color: #666; background: #fff; border: 2px solid #ddd; width: 20px; height: 20px; margin-right: 5px; cursor: pointer; accent-color: #333;} #sub0401 .sbWrap .box1 .form-wrap .inputchbx .chbx-txt span{line-height: 1.6; color: #333;} #sub0401 input[type="text"] { all: unset; box-shadow: none; border: 2px solid #ddd; border-radius: 5px; padding: 12px 17px; width: 100%; height: 55px; transition: 0.3s; box-sizing: border-box; _background: #fff; } #sub0401 .sbWrap .box1 .form-wrap .formitem input{width: 80%; box-shadow:none; _background: #ffffff; border: none !important; height: 55px; align-content: center;padding: 10px; font-size: 15px;} #sub0401 input[type=file]::file-selector-button { width: 120px; height: 35px; background: #f9f9f9; border: 1px solid rgba(77,77,77,0.5); border-radius: 5px; cursor: pointer; &:hover { background: rgb(77,77,77); color: #fff; }} /* #sub0401 .sbWrap .box1 .form-wrap .formtextarea{padding: 0 15px 0 10px; position: relative; background: #ffffff; height: 260px; border-radius: 30px; margin-top: 15px; _display: flex;} */ #sub0401 textarea {all: unset; box-shadow: none; display: block; border: 2px solid #ddd; border-radius: 5px; padding: 12px 17px; width: 100%; transition: 0.3s; box-sizing: border-box; background: #fff;} #sub0401 .sbWrap .box1 .form-wrap .formtextarea>textarea {padding: 30px; box-shadow:none; background: #ffffff; _border-radius: 0px; height: 260px; margin-top: 15px; color: #666; border: 1px solid #ddd !important;} #sub0401 .sbWrap .box1 .form-wrap .submitbt{text-align: center;} #sub0401 .sbWrap .box1 .form-wrap .submitbt .submit_bu {color: #fff; font-size: 16px; font-weight: 700;background-color: #f39a74; padding: 12px 30px;border-radius: 5px; display: inline-block;margin: 25px 0 20px;border: 0; cursor: pointer; _box-shadow: 1px 1px 1px #ddd;} /*반응형*/ @media screen and (max-width:1680px) { .subtapWrap {padding: 0 20px;} #sub0101 .sbWrap .sb_flex_wrap {padding: 0 20px;} #sub0101 .sbWrap .box3 .b3-wrap {padding: 0 20px;} #sub0102 .sbWrap .box1 {padding: 0 20px;} #sub0102 .sbWrap .box2 {padding: 0 20px;} .sub02 .sbWrap .box1 {margin: 120px auto 0; padding: 0 20px;} #sub0301 .sbWrap .box1 {padding: 0 20px;} #sub0301 .sbWrap .box2 {padding: 0 20px;} #sub0401 .sbWrap {padding: 0 20px;} } @media screen and (max-width:1080px) { .sub_head .box1 .title_box h2 {font-size: 28px;} #sub0101 .sbWrap .ceo_title h2 {font-size: 28px; width: 100px;} #sub0101 .sbWrap .sb_flex_wrap {flex-wrap: wrap;} #sub0101 .sbWrap .sb_flex_wrap .box{width: 100%;} #sub0101 .sbWrap .sb_flex_wrap .box2{margin-top: 50px;} #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt1 {font-size: 20px;} #sub0101 .sbWrap .sb_flex_wrap .box2 .b2-wrap .ceo_txt2 {font-size: 16px;} #sub0102 .sbWrap .ceo_title h2 {font-size: 28px; width: 100px;} #sub0102 .sbWrap .box1 .b1-wrap {flex-direction: column;} #sub0102 .sbWrap .box1 .b1-wrap .b1left {width: 100%; margin-bottom: 50px;} #sub0102 .sbWrap .box1 .b1-wrap .b1right {width: 100%; padding-left: 20px;} .sub02 .sbWrap .ceo_title h2 {font-size: 28px;width: 100px;} .sub02 .sbWrap .box1 .b1Wrap .b1_title h2 {font-size: 28px;} #sub0301 .sbWrap .ceo_title h2 {font-size: 28px;width: 100px;} #sub0301 .sbWrap .box1 .b1Wrap .b1_title h2 {font-size: 24px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab{gap: 20px; flex-wrap: wrap;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li.on {flex: none;width: 100%;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li{flex: none;width: 100%;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab>li .li_title {display: none;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt {width: 100%; position: relative; padding: 30px; display: block; opacity: 1;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div h4 {font-size: 24px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div p {font-size: 16px;} #sub0301 .sbWrap .box2 .b2Wrap .b2_title h2 {font-size: 24px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab{gap: 20px; flex-wrap: wrap;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li.on {flex: none;width: 100%;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li{flex: none;width: 100%;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab>li .li_title {display: none;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt {width: 100%; position: relative; padding: 30px; display: block; opacity: 1;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li .con_txt>div h4 {font-size: 24px;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li .con_txt>div p {font-size: 16px;} #sub0401 .sbWrap .ceo_title h2 {font-size: 28px; width: 123px;} } @media screen and (max-width:980px) { .sub02 .sbWrap .box1 .b1Wrap .b1_flex { flex-direction: column;} .sub02 .sbWrap .box1 .b1Wrap .b1_flex .b1_item {width: 100%;} #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li {height: 400px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li {height: 400px;} } @media screen and (max-width: 768px) { #sub0101 .sbWrap .box3 .b3-wrap {flex-direction: column;} #sub0101 .sbWrap .box3 .b3-wrap .item {width: 100%; margin-bottom: 30px;} #sub0101 .sbWrap .box3 .b3-wrap .item:last-child{margin-bottom: 0px;} #sub0102 .box2 .b2_flex {align-items: flex-start; flex-direction: column;} #sub0102 .box2 .b2_left {border-right: none;padding: 20px 20px 10px !important;} #sub0102 .box2 .b2_right {padding: 10px 20px 20px !important;} .root_daum_roughmap .wrap_map {height: 350px !important;} #sub0201 .table table, #sub0201 .table tbody, #sub0201 .table tr, #sub0201 .table td { display: block; width: 100%; } #sub0201 .table .orange { order: -1; /* 가장 위로 */ } #sub0201 .table td { border: 1px solid #ccc; margin-bottom: 5px; } #sub0301 .sbWrap .box1 .b1Wrap .sb1_tab li {height: 300px;} #sub0301 .sbWrap .box2 .b2Wrap .sb2_tab li {height: 300px;} #sub0401 .sbWrap .box1 .form-wrap {padding: 30px 20px 30px;} #sub0401 .sbWrap .box1 .form-wrap .formitem label{text-align: start; padding: 0 0px 0 10px;} } @media screen and (max-width: 500px) { .subtapWrap {justify-content: center;} .subtapWrap .home {display: none !important;} }