@charset "utf-8"; /*나눔고딕*/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*나눔바른고딕*/ @import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /*NotoSnasKr : 사용법 font-family: 'Noto Sans KR', sans-serif; */ @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css"); /*나눔명조 Nanum Myeongjo*/ @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*프리텐다드*/ @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'),url(../fonts/Pretendard-Regular.woff) format('woff'),url(../fonts/Pretendard-Regular.otf) format('opentype'); font-weight: 400; font-style: normal; } @font-face {font-family: 'Pretendard-Bold';src:url(../fonts/Pretendard-Bold.woff) format('woff')} /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;overflow-x:hidden;font-size:0.75em;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;background:#fff;letter-spacing:-1px} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;font-size:1em} input[type="submit"] {cursor:pointer} button {cursor:pointer;background:transparent;} textarea, select {font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } /*input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; }*/ .placeholdersjs {color:#aaa !important} /* 레이아웃 크기 지정 */ #hd, #wrapper, #ft {min-width:1200px} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ #hd {background:#212020} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb {border-bottom:1px solid #383838;margin:0 auto} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb .inner {margin:0 auto} #hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} .hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_sch {border-radius:30px;overflow:hidden} #hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff} #hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px} #hd_qnb {float:right;text-align:right} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a {display:inline-block;color:#919191} #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px} .hd_login {position:absolute;right:0;top:60px} .hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px} .hd_login li:first-child {border-left:0} .hd_login a {color:#fff} /* 메인메뉴 */ #gnb {position:relative;background:#fff} #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap {margin:0 auto;position:relative} #gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3} #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} #gnb .gnb_1dli:hover > a {color:#3a8afd; -webkit-transition:background-color 2s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} .gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none} .gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} .gnb_2dli:first-child {border:0} .gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px} .gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} .gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none} a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808} .gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555} #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} #gnb .gnb_mnal {float:right;padding:0} #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2)} #gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} #gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef} #gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd} #gnb_all .gnb_al_li li {line-height:2em} #gnb_all .gnb_al_li li a {color:#555} #gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} /* 중간 레이아웃 */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {margin:0 auto;height:100%;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {font-size:1.333em;margin:0 auto;font-weight:bold} #container_title span {margin:0 auto 10px;display:block;line-height:30px} .lt_wr {width:32%} .lt_wr:nth-child(3n+1) {clear:both} .latest_wr {margin-bottom:20px} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} .latest_top_wr {margin:0 -10px 20px} .latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""} /* 하단 레이아웃 */ #ft {background:#212020;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;color:#e3e3e3;line-height:2em} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:14px; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#2A2424;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent;border:1px solid #bababa} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#2A2424;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#2A2424;border:1px solid #2a2424;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#2A2424} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px;font-size:14px;} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {font-size:14px;color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {display:block;text-align:center;margin-top:50px;} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#0d0d0d;font-size:20px;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px; cursor:pointer;} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/page_left.png') no-repeat 50% 50% ;padding:0;border:0px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/page_left.png') no-repeat 50% 50% ;padding:0;border:0px solid #eee; display:none;} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/page_right.png') no-repeat 50% 50% ;padding:0;border:0px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/page_right.png') no-repeat 50% 50% ;padding:0;border:0px solid #eee; display:none;} .pg_current {display:inline-block;color:#50A390;font-weight:bold;height:30px;line-height:28px;padding:0 10px;min-width:30px;border-radius:3px; font-size:20px;} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /*박세진작업*/ #bo_list_total {display:none !important;} * { margin:0; padding:0 } li {list-style:none;} .inner {width:1300px;margin:0 auto; position:relative;} .inner_x { width: 100%; } .inner2 {width:1200px;/*margin:0 auto; position:relative;*/} .inner3 {width:100%;margin:0 auto; position:relative;} .clearfix::after {content:'';display:block;clear:both;} .overflowdiv {overflow:hidden;} /*res 폼*/ .tbl001 {width:100%;border-collapse:collapse;font-size:13px;margin-top:20px;padding:0 10px;} .tbl001 li {overflow:hidden; border-bottom: 1px solid #dbdbdb; padding-top: 30px;} .tbl001 li:last-child{border: 0;} .tbl001 li p {padding:10px 0;text-align:left;font-weight:400;float:left;box-sizing:border-box;width:49%;} .tbl001 li:last-child p {float: none; width: 100%; padding-top: 20px;} .tbl001 .sol_li p{float:left;width:80%; height: 50px; padding: 0;} .tbl001 .sol_lzi p{float:left;width:80%; height: 170px; padding: 0;} .tbl001 input[type="text"] {padding:0 10px;border:0;box-sizing: border-box;width:100%;height:50px;font-size:18px; font-weight: 300;} .tbl001 input[type="file"] {padding:0 10px;border:0;box-sizing: border-box;width:100%;height:50px;line-height:50px;font-size:15px; font-weight: 300;} .tbl001 select {border:1px solid #e0e3ea;box-sizing: border-box;width:100%;height:35px;} .tbl001 textarea {padding:10px;border:1px solid #e0e3ea;box-sizing: border-box;width:100%;height:170px; border: 0; font-size:18px; font-weight: 300;resize:none;} .sol_li:last-child label {font-size: 18px; font-weight: 600; padding-right: 10px;} .sol_li:last-child label span{color: #50a390;} .sol_li:last-child a{ color: #50a390; font-size: 14px; font-weight: 300; vertical-align: bottom; cursor:pointer;} .sol_li_radio {display:inline-block;vertical-align:middle;margin-right:15px;font-size:17px;line-height:50px;} .sol_li_radio:last-child {margin-right:0;} .sol_li_radio label {cursor:pointer;} .tbl001 .board_sol_li p {padding-top:0 !important;} .tbl001 .board_sol_li p a {line-height:50px;} .form_div {width: 805px; overflow:hidden; color:#333; margin:0 auto;} .form_div label {display:inline-block;} .form_div h5 {font-size:18px;line-height:50px;float:left;width:20%;} .form_div h5 span{color: #50a390;} .form_div .yak_p {background:#fdfdfd;padding:10px !important;box-sizing:border-box;border:1px solid #E5E8EE;overflow-y:auto;text-align:left;color:#777;height:100px;font-size:13px;line-height:20px;border-radius:5px;margin-top:10px;} .form_div .chart_btn {text-align:center;width:190px;height:70px;line-height:70px;background:#8392a4;font-size:17px;} .form_div .chart_btn a {display:block;width:100%;height:70px;line-height:70px;background:#8392a4;color:#fff;} .form_div .def_btn {text-align:center;width:186px;height:61px;line-height:61px;background:#8392a4;font-size:18px;font-weight:800;color:#fff;border:0px;font-family:'Noto Sans KR', '나눔고딕', NanumGothic, 'fontng', 'Nanum Gothic', sans-serif; border-radius: 40px;} .form_div .bluest {background:#50a390} .form_div input[type="checkbox"] { display: none; } .form_div input[type="checkbox"] + label { display:inline-block;position:relative;cursor:pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;padding-left:32px;color:#616161} .form_div input[type="checkbox"] + label::before {content:'';display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(../img/sub_chk_off.png) no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%);background-size:cover;} .form_div input[type="checkbox"]:checked + label::before {background:url(../img/sub_chk_on.png) no-repeat;background-size:cover;} .res_map {padding:0;width:805px;margin:0 auto;} /*//res 폼*/ /*해더*/ a:hover {text-decoration:none;} .hd_gnb {position:fixed;width:100%;height:80px;top:0;left:0;background:#fff;z-index:10000} .hd_gnb .hd_wrap {width:1300px;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} .hd_gnb .logo_div {} .hd_gnb .logo_div img {width:100%;} .hd_gnb .gnb_ul1 {} .hd_gnb .gnb_ul1 .gnb_li1 {padding:0px 20px;float:left;line-height:80px} .hd_gnb .gnb_ul1 .gnb_li1:hover .gnb_sub {display:block;} .hd_gnb .gnb_ul1 .gnb_li1:last-child {padding-right:0} .hd_gnb .gnb_ul1 .gnb_li1 .gnb_a1 {color:#000;font-size:16px;cursor:pointer; transform:skew(-0.1deg); display: inline-block; } .hd_gnb .gnb_ul1 .gnb_li1 .gnb_a1:hover {} .hd_gnb .gnb_sub {position:fixed;top:77px;background:rgba(0,0,0,0.6);width:100%;min-height:30px;left:0;overflow:hidden;border-top:1px solid #292929;display:none} .hd_gnb .gnb_sub ul {overflow:hidden;float:right;} .hd_gnb .gnb_sub ul li {float:left;padding-right:40px;line-height:40px;} .hd_gnb .gnb_sub ul li:last-child {padding-right:0;} .hd_gnb .gnb_sub ul li a {color:#fff;font-size:14px; transform:skew(-0.1deg); display: inline-block; } .hd_gnb .gnb_sub ul li a:hover {color:#dfdfdf} .hd_gnb .gnb_sub .gnb_ul2_1 {margin-right:205px} .hd_gnb .gnb_sub .gnb_ul2_2 {margin-right:95px} .hd_gnb .gnb_sub .gnb_ul2_3 {margin-right:187px;} #ham_btn {cursor:pointer;position:absolute;top:50%; right:30px;z-index:100;display:none; transform:translateY(-50%); } #black {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);z-index:10001;display:none;} #ham_mn {position:fixed;top:0;right:-30%;width:30%;height:100%;background:#fff;transition:all 0.3s;display:none;z-index:10002;} .ham_mn {right:0 !important;width:80% !important;max-width:320px;} #x_btn {cursor:pointer;z-index:100;height:50px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;border-bottom:1px solid #dcdcdc;} #x_btn img {width:12px;} .ham_gnb {padding:15px 20px;} .ham_gnb .gnb_li1 {border-bottom:1px solid #dcdcdc;} .ham_gnb .gnb_li1 .gnb_a1 {font-size: 18px;display: flex;align-items: center;justify-content: space-between;line-height: 60px;padding: 0 6px;} .ham_gnb .gnb_li1 .gnb_a1 i {font-size:11px;color:#666} .index_bg {width:100%;height:100vh;position:relative;} .index_bg .inner{} .index_bg ul li {width:100%;height:937px;} .index_bg .bg_txt {padding-top:195px;} .index_bg .bg_txt.mb {display:none;} .index_bg .bg_txt .p_tit00 {font-size:24px;line-height:30px;color:#ffffff;padding-right:20px;font-family: 'Montserrat', sans-serif;} .index_bg .bg_txt .p_tit01 {font-size:42px;line-height:55px;color:#ffffff;padding-right:20px;margin-top:25px;font-weight:700;} .index_bg .bg_txt .p_tit02 {font-size:18px;color:#ffffff;line-height:30px;margin-top:35px;font-weight:300} .index_bg .bg_txt .link {transition:all .2s;display:block;margin-top:80px;width:280px;height:70px;padding-left:70px;display:flex;align-items:center;border: 1px solid #ffffff;} .index_bg .bg_txt .link:hover {border:1px solid #fff;background:#fff;color:#50a390;} .index_bg .bg_txt .link:nth-child(2){margin-left:10px;} .index_bg .bg_txt .link p {font-size:16px;color:#ffffff;margin-right:30px;font-weight:500;font-family: 'Montserrat', sans-serif;} .index_bg .bg_txt .link span {position:relative;width:38px;height:1px;display:block;background:#ffffff;} .index_bg .bg_txt .link span::before {position:absolute;display:block;right:4px;top:-11px;content:'';width:1px;height:13px;background:#ffffff;transform:rotate(-45deg)} .index_bg .bg_txt .link:hover p {color:#50a390;} .index_bg .bg_txt .link:hover span {background:#50a390;} .index_bg .bg_txt .link:hover span::before {background:#50a390;} .bxslider li.main_bnr_1 {background:url(../img/slider_bg01.png) no-repeat 50% 50%;} .bxslider li { background-size:cover !important; } .index_cont2 {width:100%;background:#fff;padding:150px 0px 70px} section .cont_tit {font-size:18px;color:#aaaaaa;text-align:center;position:relative;} /*section .cont_tit:after {position:absolute;content:"";width:3px;height:27px;background:#cccccc;left:50%;margin-left:-1.5px;top:-40px}*/ section .cont_desc {font-size:32px;color:#2d2929;text-align:center;line-height:25px;padding-top:15px; transform:skew(-0.1deg);margin-bottom:50px} section .cont_desc span{font-weight:600;color:#50a390} section .cont_desc.mb { display:none; } .index_cont2 .icon_ul {overflow:hidden;width:100%;margin-top:130px;transform:skew(-0.1deg); } .index_cont2 .icon_ul li {float:left;text-align:Center;width:16.6666%} .index_cont2 .icon_ul li dd:nth-child(2) {font-size:16px;padding:30px 0px 10px;font-weight:600; font-size: 16px;} .index_cont2 .icon_ul li dd:nth-child(3) {font-size:14px; line-height:14px;} .index_cont2 .icon_ul li dd:nth-child(4) {padding-top:25px;height:64px;} .index_cont2 .icon_ul li dd:nth-child(4) a {position:relative;display:inline-block;width:36px;height:36px} .index_cont2 .icon_ul li dd:nth-child(4) a .go {} .index_cont2 .icon_ul li dd:nth-child(4) a .go_hover {position:absolute;left:0;top:0;display:none;} .index_cont2 .icon_ul li dd:nth-child(4) a:hover .go {display:none} .index_cont2 .icon_ul li dd:nth-child(4) a:hover .go_hover {display:block;} .index_cont3 {width:100%;padding:210px 0px 180px} .index_cont3 .ov_img_div {overflow:hidden;width:1200px;margin:auto;position:relative;margin-top:55px} .index_cont3 .ov_img_div .aca_div {float:left;} .index_cont3 .ov_img_div .aca_div1 {height:436px;overflow:hidden;margin-right:4px;position:relative;} .index_cont3 .ov_img_div .aca_div2 {height:216px;overflow:hidden;width:598px;margin-bottom:4px;position:relative;} .index_cont3 .ov_img_div .aca_div3 {height:216px;overflow:hidden;width:297px;margin-right:4px;position:relative;} .index_cont3 .ov_img_div .aca_div4 {height:436px;overflow:hidden;width:297px;position:relative;} .index_cont3 .ov_img_div .aca_div5 {height:216px;overflow:hidden;position:absolute;bottom:0;left:0;} .index_cont3 .ov_img_div .aca_div1:hover .hover {display:block;cursor:pointer} .index_cont3 .ov_img_div .aca_div2:hover .hover {display:block;cursor:pointer} .index_cont3 .ov_img_div .aca_div3:hover .hover {display:block;cursor:pointer} .index_cont3 .ov_img_div .aca_div4:hover .hover {display:block;cursor:pointer} .index_cont3 .ov_img_div .aca_div5:hover .hover {display:block;cursor:pointer} .index_cont3 .ov_img_div .rel_div {position:relative;} .index_cont3 .ov_img_div .rel_div dl {color:#fff;position:absolute;left:30px;bottom:30px} .index_cont3 .ov_img_div .rel_div dl dt {font-size:22px;} .index_cont3 .ov_img_div .rel_div dl dd {font-size:16px;padding-top:20px;font-weight:100;transform:skew(-0.1deg); } .index_cont3 .ov_img_div .hover1{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;} .index_cont3 .ov_img_div .hover1 .color_box {background:#FF7941;position:absolute;width:100%;height:50%;bottom:0;} .index_cont3 .ov_img_div .hover1 .plus_box {text-align:center;line-height:216px;} .index_cont3 .ov_img_div .hover2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;} .index_cont3 .ov_img_div .hover2 .color_box {background:#FF7941;position:absolute;width:50%;height:100%;bottom:0;} .index_cont3 .ov_img_div .hover2 .plus_box {text-align:center;line-height:216px;width:50%;float:right;} .index_cont3 .ov_img_div .hover3{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;} .index_cont3 .ov_img_div .hover3 .color_box {background:#FF7941;position:absolute;width:100%;height:100%;bottom:0;} .index_cont3 .ov_img_div .hover3 .plus_box {text-align:center;width:50%;position:absolute;right:0;bottom:30px;} .index_cont3 .ov_img_div .hover4{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;} .index_cont3 .ov_img_div .hover4 .color_box {background:#FF7941;position:absolute;width:100%;height:50%;bottom:0;} .index_cont3 .ov_img_div .hover4 .plus_box {text-align:center;line-height:216px;} .index_cont3 .ov_img_div .hover5{width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;} .index_cont3 .ov_img_div .hover5 .color_box {background:#FF7941;position:absolute;width:33.33333%;height:100%;bottom:0;} .index_cont3 .ov_img_div .hover5 .plus_box {text-align:center;line-height:216px;width:66.66666%;float:right;} .index_cont3 .hover {display:none;} .index_cont3_mb_ul { display:none; } .index_cont3_mb_ul { width: 100%; overflow:hidden; padding: 50px 10px 0; } .index_cont3_mb_ul .index_cont3_mb_li { float: left; width: 33%; margin-right: 0.5%; margin-bottom:0.5%; position:relative;} .index_cont3_mb_ul .index_cont3_mb_li:nth-child(3n) { margin-right:0; } .index_cont3_mb_ul .index_cont3_mb_li:last-child { width:66.5%; margin-right:0; } .index_cont3_mb_ul .index_cont3_mb_li img { max-width: 100%; } .index_cont3_mb_ul .index_cont3_mb_li:hover .hover3 { width: 100%; height: 100%; background:rgba(0,0,0,0.6); display:block; cursor:pointer; position:absolute;} .index_cont3_mb_ul .index_cont3_mb_li .hover3 .color_box { background:#ff7941; position:absolute; width:100%; height: 100%; bottom:0; } .index_cont3_mb_ul .index_cont3_mb_li .hover3 .plus_box { text-align:center; position:absolute; right:20px; bottom: 30px; } .index_cont3_mb_ul .index_cont3_mb_li dl { color:#fff; position:absolute; left: 30px; bottom: 30px; } .index_cont3_mb_ul .index_cont3_mb_li dl dt { font-size: 22px; } .index_cont3_mb_ul .index_cont3_mb_li dl dd { font-size: 16px; padding-top: 20px; font-weight:100; transform:skew(-0.1deg); } .index_cont4 {width:100%;padding:45px 0px 45px;min-height:270px;background:url(../img/main_background_img.png) no-repeat 50% 50%; } .index_cont4 .cont_title {font-size:30px; line-height:1; color : #ffffff;padding-left:20px;margin-top:50px;position:relative;} .index_cont4 .cont_title:after {position:absolute;content:"";width:7px;height:100%;background:#50a390;left:0%;margin-left:0px;top:0} .index_cont4 .cont_desc {color : #ffffff; font-size:18px;font-weight:400;text-align:left;} .index_cont4 .cont_txt {color : #ffffff; font-size:16px;font-weight:400;margin-top:20px} .index_cont4 .cont_title.mb {display:none;} .index_cont4 .cont_desc.mb {display:none;} .index_cont4 .cont_txt.mb {display:none;} .index_cont4 ul {width:100%;overflow:hidden;color:#fff;margin-top:100px;} .index_cont4 ul li {float:left;width:33.3333%;text-align:center;border-right:1px solid #655A54} .index_cont4 ul li:last-child {border-right:0;} .index_cont4 ul li dt {font-size:29px;font-weight:600;padding:20px 0px;font-style:italic;} .index_cont4 ul li dd {font-size:16px;transform:skew(-0.1deg); } .index_cont5 {padding:50px 0px;background-color:#f2f2f2} .index_cont5 .left_div {float:left;width:1200px;transform:skew(-0.1deg); } .index_cont5 .left_div .contactusul {overflow:hidden;} .index_cont5 .left_div .contactusul li {float:left;width:50%;margin-right:40px;border-bottom:1px solid #000;width:325px;padding:15px 0px} .index_cont5 .left_div .contactusul li span {font-size:16px;font-weight:600;display:inline-block;width:114px; text-align:left;} .index_cont5 .left_div .contactusul li input[type="text"] {border:0px;background:none;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);font-size:15px;} .index_cont5 .left_div .contactusul li:nth-child(2n) {margin-right:250px;} .index_cont5 .left_div .contactusul li:nth-child(5) {width:690px} .index_cont5 .left_div .contactusul2 {overflow:hidden;} .index_cont5 .left_div .contactusul2 li {float:left;margin-right:40px;width:325px;padding:15px 0px;font-size:14px} .index_cont5 .left_div .contactusul2 li button {width:100%;height:65px;border:1px solid #000;font-size:16px;background:none;font-weight:600} .index_cont5 .left_div .contactusul2 li:nth-child(2n) {margin-right:0;} /*check style*/ .contactusul2 input[type="checkbox"] { display: none; } .contactusul2 input[type="checkbox"] + label { display:inline-block;position:relative;cursor:pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;padding-left:20px;color:#616161} .contactusul2 input[type="checkbox"] + label::before {content:'';display:inline-block;width:12px;height:12px;vertical-align:middle;background:url(../img/main_chk_off.png) no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:1px;} .contactusul2 input[type="checkbox"]:checked + label::before {background:url(../img/main_chk_on.png) no-repeat;} /*check style end*/ .index_cont5 .right_div {float:right;width:350px;padding-left:35px;transform:skew(-0.1deg); } .index_cont5 .right_div .p_tit {font-size:16px;color:#2d2929;margin-top:20px} .index_cont5 .right_div .p_desc {font-size:16px;color:#2d2929;font-weight:600;padding-top:10px;line-height:20px} .ft_div {width:100%;background:#333333;padding:20px 0px} .ft_div > .inner {} .ft_div > .inner.pc {} .ft_div > .inner.mb {display:none;} .ft_div .logo_p {font-size:16px;color:#EADFD6;font-weight:600} .ft_div .p_data {font-size:14px;color:#999999;padding-top:20px;line-height:26px;transform:skew(-0.1deg); text-align:left;padding-bottom:20px;} .ft_div .p_data a {color:#fff;} .bx-controls-direction {display:none;} .index_bg .bx-wrapper .bx-pager {width:auto;left:50%;margin-left:-650px;bottom:40px !important} .bx-wrapper .bx-pager.bx-default-pager a {width:40px !important;height:3px !important;border-radius:0 !important} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:url("../img/bx_pager_btn.jpg") no-repeat center center !important} /*article02*/ #article04 { position: relative; width: 100%; height: 500px; background:#50a390 url("../img/article04.png")center top no-repeat;background-size:100% auto;;margin-bottom:200px} #article04 .article04-cont { width: 1200px; height: 500px; margin: 0 auto;} #article04 .article04__tit-area { padding-top: 180px; width:445px;} #article04 .article04__tit-area .article04__stit { font-weight: 800; font-size: 15px; color: #52bab9; font-family: "Poppins", sans-serif;} #article04 .article04__tit-area .article04__tit {font-family: 'Montserrat', sans-serif;margin-bottom:10px; font-size: 30px; color: #fff;font-weight:600;} #article04 .article04__tit-area .article04__tit span {font-weight:700} #article04 .article04__tit-area .article04__txt { font-size: 17px; line-height:1.5; color: #fff; font-family: 'Noto Sans KR', dotum, sans-serif; font-weight:400; margin-bottom:20px;} #article04 .article04__tit-area .article04__more {display:block;width:150px;height:35px;background-color:#ecf0f1;font-size:18px;text-align:center;line-height:35px;font-family: "notokr-bold";transition:0.2s} #article04 .article04__tit-area .article04__more:hover {background-color:rgb(74,141,86); color:white;} #article04 .article04-cont .gallery-thumbs { width: 444px; height: 196px; margin: 18px 0 0 0;} #article04 .article04-cont .gallery-thumbs .row { overflow: hidden; width: 444px;} #article04 .article04-cont .gallery-thumbs .row .thumb-item { position: relative; float: left; width: 139px !important; height: 85px; margin: 13px 13px 0 0; cursor: pointer; -webkit-filter: grayscale(100%); filter: gray;} #article04 .article04-cont .gallery-thumbs .row .thumb-item:nth-child(3n) { margin-right: 0;} #article04 .article04-cont .gallery-thumbs .row .swiper-slide-thumb-active {-webkit-filter: grayscale(0%); filter: none;} #article04 .article04-cont .gallery-thumbs .row .swiper-slide-thumb-active:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";border: 3px solid #60c0bf;} #article04 .swiper-slide {width: 627px;height: 493px;} #article04 .gallery-top-wrapper {position: absolute;top: 70px;right: 0;width: 1028px;} @media screen and (max-width: 1750px) {#article02 .gallery-top-wrapper {width: 900px;}} @media screen and (max-width: 1500px) {#article02 .gallery-top-wrapper {width: 800px;}} @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} #hd_pop {z-index:10001} /*sub css*/ #sub_div .inner {padding:100px 0;} /*about*/ #aboutus_company{width: 100%; padding: 100px 0; overflow: hidden; } .center_img img { width: 100%; } .company_left{float: left; width: 49%; margin-right: 2%;} .company_left img{margin-left: 50px;} .company_right{float: left; width: 49%;} .cr_title{margin-bottom: 25px;} .cr_article{/*font-family: 'Noto Sans KR';*/ font-size: 16px; line-height: 27px;transform: skew(-0.1deg);} .cr_article span{font-size: 20px; line-height: 36px;font-weight:600} .cr_article img {margin: 20px 0 25px;} .cr_article.mb { display:none; } .cr_article.mb2 { display:none; } #aboutus_business{width: 100%; padding: 100px 0 230px 0; } .business_title{text-align: center; margin-bottom: 110px;} .bt_titletext{font-size: 34px;line-height:1.5;} .bt_titletext span{font-weight: 600; color: #948686;} .bt_line{width: 36px; height: 2px; margin: 20px auto; background: #635b5b;} .bt_desc{margin: 0 auto; font-size: 16px; word-break: keep-all;transform:skew(-0.1deg);} .business_contents{width: 1000px; overflow: hidden; margin: 0 auto;} .bc_element{float: left; width: 48.5%; height: 380px; text-align: center; color: #2d2929; background: #f9f9f9;position:relative;} .bce_img{margin-top: 45px;} .bce_title_eng{font-size: 14px; margin-top: 16px;transform:skew(-0.1deg);color:#d85023; margin-bottom:16px;} .bce_title{font-size: 16px; margin-top: 4px;transform:skew(-0.1deg);} .bce_link{display: inline-block; width: 36px; height: 36px;position:absolute;bottom:17.5px;left: calc(50% - 18px);} .sub_go_hover{position: absolute; top: 0; left: 0; display: none;} .bce_link:hover .sub_go_hover{display: inline-block;} #bce_1, #bce_3, #bce_5{margin-right: 3%;} #bce_1, #bce_3, #bce_5{margin-bottom: 36px;} #aboutus_path{width: 100%; padding: 100px 0 110px 0;} .path_title{font-size: 38px; margin-left: 50px; margin-bottom: 50px;text-align:center;line-height:1.5;word-break:keep-all;} .path_title span{font-weight: 600; color: #948686;} .sub_googlemap{width: 1200px; height: 400px; margin-left: 50px; margin-bottom: 15px;} .path_info{font-size: 15px; text-align: left; line-height: 25px; margin-left: 50px;word-break:keep-all;} .path_info th{width: 100px; text-indent: 18px; text-align: left;} /*service 공통*/ .service_title{text-align: center;} .service_title_eng{font-size: 16px; color: #999; transform:skew(-0.1deg);} .service_title_main{font-size: 38px; color: #222; font-weight: 600; word-break: keep-all;} .service_title_desc{font-size: 18px; color: #333; margin-top: 10px; word-break: keep-all;line-height:1.5;} .service_title_bar{width: 850px; height: 53px; margin: 50px auto 0 auto; position: relative; border-radius: 50px; background: rgba(216,80,35,0.5)} .stb_texts{width: 100%; overflow: hidden; text-align: center; color: #fff;} .stbt_text{width: 33.33%; height: 53px; line-height: 53px; float: left; font-size: 16px; transform:skew(-0.1deg);} .stb_plus:nth-child(1){position: absolute; top: 0; left: 33.33%; margin-left: -26.5px;} .stb_plus:nth-child(2){position: absolute; top: 0; right: 33.33%; margin-right: -26.5px;} .service_contents_title{font-size: 22px; color: #d85023; text-align: center;word-break:keep-all;} .service_contents_line{width: 36px; height: 2px; margin: 23px auto; background: #d6441c;} .service_contents_desc{font-size: 16px; line-height: 24px; text-align: center; transform:skew(-0.1deg); word-break: keep-all;} .service_contents_desc.mb {display:none; } .contents_text_leftalign{position: absolute;} .ctl_maintext{font-size: 22px; color: #d85023; word-break: keep-all;} .ctl_desc{font-size: 15px; line-height: 24px; transform:skew(-0.1deg); word-break: keep-all;} .ctl_line{width: 36px; height: 2px; margin: 23px 0; background: #d6441c;} #service_brand{width: 100%; padding: 100px 0 160px 0;} #brand_contents{text-align: center; margin-top: 50px;} #brand_contents > .service_contents_line{margin: 45px auto;} .brand_img{margin: 100px 0;} .brand_article{margin: 0 auto; font-size: 16px; line-height: 30px; transform:skew(-0.1deg);} .brand_article.mb { display:none; } .brand_article_strong{font-size: 20px; font-weight: 600; margin-top: 30px;} #service_viral{width: 100%; padding: 120px 0 280px 0;} #viral_1{width: 100%; height: 800px; position: relative; background: url("../img/sub_phone1.png") no-repeat 39% 80%;} #viral_1 .contents_text_leftalign{top: 25%; left: 53%; text-align: left;} #viral_2{width: 100%; height: 860px; position: relative; margin-bottom: 160px; background: url("../img/sub_phone2.png") no-repeat 75% 80% #f7f7f7;} #viral_2 .contents_text_leftalign{top: 28%; left: 25%; text-align: left;} #viral_contents{text-align: center;} .viral_graph{margin-top: 100px;} .viral_text{margin-top: 40px; font-size: 18px;} #service_sns{width: 100%; padding: 100px 0 240px 0;} .snsc_mid{width: 100%; overflow: hidden; margin: 90px 0;} .snsc_mid > .contents_text_leftalign{position: static; width: 41%; margin: 70px auto 0;} .snsc_mid > .contents_text_leftalign.mb { display:none; } .snsc_mid > .snscm_img {width:565px;margin:25px auto 0;} .snsc_img{float: left; width: 50%;} .snsc_text{text-align: center; font-size: 20px; line-height: 30px; word-break: keep-all;padding:0 10px;width:80%;margin:0 auto;} #service_ppl{width: 100%; padding: 100px 0 150px 0;} #ppl_contents{text-align: center; margin-top: 90px;padding:0 10px;} .ppl_elements{width: 1100px; margin: 70px auto; overflow: hidden;} .pe_content{float: left; width: 16.8%; height: 201px; text-align: center;} .pec_title{font-size: 18px; color: #d85023; margin-top: 30px;} .pec_article{font-size: 15px; line-height: 24px; margin-top: 20px; transform:skew(-0.1deg);} .pe_plus{float: left; width: 4%; height: 201px; text-align: center; position: relative;} .pe_plus img{position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px;} .pe_arrow{float: left; width: 4%; height: 115px; text-align: center; position: relative;} .pe_arrow img{position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px;} .ppl_text{text-align:center; font-size: 15px; line-height: 30px; transform:skew(-0.1deg);} #service_seo{width: 100%; padding: 100px 0 180px 0;} #seo_contents{text-align: center; margin-top: 90px;padding:0 10px;} .seo_img{margin-top: 65px;} .seo_text{font-size: 20px; line-height: 30px; transform:skew(-0.1deg);color:#000} .seo_text span{color: #FE3802;} #service_video{width: 100%; padding: 100px 0 70px 0;} .video_title_bar{width: 1100px; height: 53px; margin: 50px auto 0 auto; position: relative; border-radius: 50px; background: rgba(216,80,35,0.5)} .vtb_texts{width: 100%; overflow: hidden; text-align: center; color: #fff;} .vtbt_text{width: 25%; height: 53px; line-height: 53px; float: left; font-size: 16px; transform:skew(-0.1deg); position:relative} .vtbt_text::before { content:''; display: block; width: 53px; height: 53px; background:url(../img/bar_plusonly.png) no-repeat center center; background-size:cover; position:absolute; top:0; right:0; margin-right:-26px;} .vtbt_text:last-child::before { display:none; } .vtb_plus:nth-child(1){position: absolute; top: 0; left: 25%; margin-left: -26.5px;} .vtb_plus:nth-child(2){position: absolute; top: 0; left: 50%; margin-left: -26.5px;} .vtb_plus:nth-child(3){position: absolute; top: 0; left: 75%; margin-left: -26.5px;} #video_contents{width: 1100px; margin: 60px auto 0 auto; overflow: hidden;} .vc_left{width: 50%;margin:0 auto 20px;} .vc_left > .contents_text_leftalign{position: static; margin-top: 30px;} .vc_left > .contents_text_leftalign > .ctl_desc{width: 75%;} .vcl_sns{margin: 90px 0;} .vcl_sns a{display: inline-block; margin-right: 30px;} .vcl_sns a:last-child{margin-right: 0;} .vcl_text{font-size: 15px; line-height: 30px; transform:skew(-0.1deg);} .vcl_text.mb {display:none;} .vc_right{ width: 50%; text-align: center;margin:30px auto 0;} .vc_right img{max-width:100%;} /*portfolio*/ #portfolio{width: 100%;} .pf_content{width: 100%; padding: 230px 0;} #pf_1{background: #f7f7f7;} #pf_1 .pfc_inside{border-right: 3px solid #248b9c;} #pf_2{background: #fffaf8;} #pf_2 .pfc_inside{border-left: 3px solid #e14e12;} #pf_3{background: #f8fff8;} #pf_3 .pfc_inside{border-right: 3px solid #2ea940;} #pf_4{background: #f9f9f9;} #pf_4 .pfc_inside{border-left: 3px solid #c7c7c7;} #pf_5{background: #f8fff8;} #pf_5 .pfc_inside{border-right: 3px solid #2ea940;} #pf_6{background: #f3f7ff;} #pf_6 .pfc_inside{border-left: 3px solid #2f62cb;} #pf_7{background: #fff9fc;} #pf_7 .pfc_inside{border-right: 3px solid #e8007a;} #pf_8{background: #f8fff8;} #pf_8 .pfc_inside{border-left: 3px solid #2ea940;} #pf_9{background: #f9f9f9;} #pf_9 .pfc_inside{border-right: 3px solid #c7c7c7;} #pf_10{background: #f5fffe;} #pf_10 .pfc_inside{border-left: 3px solid #42c5b5;} #pf_11{background: #f9f9f9;} #pf_11 .pfc_inside{border-right: 3px solid #c7c7c7;} #pf_12{background: #fffcfc;} #pf_12 .pfc_inside{border-left: 3px solid #fe4b75;} #pf_13{background: #f7f8ff;} #pf_13 .pfc_inside{border-right: 3px solid #222d86;} #pf_14{background: #f9f9f9;} #pf_14 .pfc_inside{border-left: 3px solid #c7c7c7;} #pf_15{background: #f3f3f3;} #pf_15 .pfc_inside{border-right: 3px solid #494949;} #pf_16{background: #f9f9f9;} #pf_16 .pfc_inside{border-left: 3px solid #c7c7c7;} #pf_17{background: #f8fff8;} #pf_17 .pfc_inside{border-right: 3px solid #b22c37;} .pfc_inside{width: 1300px; height: 500px; margin: 0 auto; background: #fff;} .pfci_img{width: 50%; height: 500px; margin-top: -50px;} .pfci_info{width: 40%; height: 500px; margin: 0 5%; position: relative;} .pfcii_num{width: 92px; height: 92px; line-height: 92px; font-size: 48px; text-align: center; color: #fff; border-radius: 0 0 50px 50px; background: #c7c7c7; position: absolute; top: 0;} .pfcii_title{margin-top: 172px; font-size: 38px; font-weight: 600;} .pfcii_article{margin-top: 40px; font-size: 18px; line-height: 36px;} .pf_left .pfci_img{float: left;} .pf_left .pfci_info{float: right;} .pf_left .pfcii_num{left: 0;} .pf_right .pfci_img{float: right;} .pf_right .pfci_info{float: left;} .pf_right .pfcii_num{right: 0;} .pfcii_article.mb { display:none; } .sub_top_bg {width: 100%; height: 330px; background:url(../img/sub_top_bg.jpg) no-repeat center center; background-size:cover; position:relative; text-align:center; padding-top: 150px; } .sub_txt_box {display:flex;flex-direction:column;align-items:center;justify-content:center;} .sub_top_tit { font-size:30px; color:#fff; line-height:24px; padding-bottom: 20px; } .sub_top_txt { font-size:35px; color:#fff; font-weight:600; padding-bottom:75px; line-height:45px; } .sub_top_txt span {padding-left: 15px; } .sub_top_ul { text-align:center; } .sub_top_ul .sub_top_li { display: inline-block; margin:0 40px; } .sub_top_ul .sub_top_li a{width:100%; height: 100%; display: block; color:#fff; font-size: 18px; transform:skew(-0.1deg); position:relative; font-weight:500} .sub_top_ul .sub_top_li.active a{background: #d6441c; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .sub_top_ul .sub_top_li.active a::before { content:''; display: block; width:61px; height: 3px; background:url(../img/selected_category.png) no-repeat center center; background-size:cover; position:absolute; bottom:-33px; left: 50%; margin-left: -30px;} .sub_top_ul .sub_top_li.active.extend_bar a::before {width:80px; margin-left: -40px;} _:-ms-input-placeholder, :root .sub_top_ul .sub_top_li.active a {background:none;color:#EFCAA3;} #page_line {width:1px;height:100%;background:rgba(148,134,134,0.4);position:fixed;top:0;right:33px;z-index:2000;transition:all 0.2s;} #page_ul {position:fixed;right:28px;top:15%;margin-top:-47px;z-index:2001;height:95px;transition:all 0.2s;} #page_ul li {position:relative;color:#fff;color:#fff;text-align:right;cursor:pointer;margin-bottom:25px;transition:all 0.4s;} #page_ul li:last-child {margin-bottom:0;} #page_ul li p {display:inline-block;vertical-align:middle;} #page_ul .txt_p {font-size:13px;margin-right:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.3);} #page_ul .circle_p {width:11px;height:11px;background:#fff;border-radius:50%;position:relative;top:1px;box-shadow:1px 1px 1px rgba(0,0,0,0.3);transition:all 0.4s;} #page_ul li.active {color:#948686;} #page_ul li.active .circle_p {background:#948686; box-shadow: none;} #poll_bg {width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);z-index:10001;display:none;} #poll_popup {width:600px;height:600px;padding:30px;border-radius:10px;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-300px;background:#fff;z-index:10002;display:none;} .poll_x {position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;} .poll_cont {width:100%;height:100%;border:1px solid #dfdfdf;border-radius:10px;padding:15px;background:#fff;font-family:"Malgun Gothic", sans-serif;font-size:13px;line-height:20px;overflow-y:auto;} #bo_list { margin:0; } #bo_w { margin:0; } .sub0202_box1 { margin: 120px 0 30px; } .sub0202_wrap1 { width:1100px; margin: 0 auto; } .sub0202_box1_ul { overflow:hidden; width: 100%; } .sub0202_box1_li1 { float: left; width: 50%; } .sub0202_box1_li1_2 { float: left; width: 50%; } .sub0202_txtbox { padding-top: 50px; text-align:left; } .sub0202_txt { font-size: 15px; color:#000000; line-height: 22px; transform:skew(-0.1deg); } .sub0202_txt01 { font-size: 15px; color:#000000; line-height: 22px; transform:skew(-0.1deg); margin-top:25px;} .sub0202_bar { width: 36px; height: 2px; background:#665B5B; margin: 25px 0; } .sub0202_tit { font-size: 22px; color:#be9c6e; line-height: 34px; } .sub0202_box2 { width: 100%; background:#F7F7F7; padding: 120px 0 0; margin-bottom: 120px; } .sub0202_wrap2 { width: 1100px; margin: 0 auto; } .sub0202_box1_ul2 { width: 100%; overflow:hidden; } .sub0202_box1_li2 { float:right; width: 50%; } .sub0202_box1_li2_1 { float: left; width: 50%; padding-left: 30px; } .sub0202_box1_imgbox2 { position:relative; left: -200px; } /*플로팅 메뉴*/ .fix_menu:hover{right: -50px;} .fix_menu{position: fixed;bottom: 20px;right: -60px;background-color: #fff;width: 355px;height: 120px;border-radius:84px;display: flex; align-items:center;box-shadow: 4px 6px 15px 0px rgba(0, 0, 0, 0.15);z-index: 500;transition:0.2s ease-in;} .fix_menu .thum{margin: 0 10px;} .fix_menu .num{} .fix_menu .num p{font-size: 15px;transform:skew(-0.1deg);line-height: 1;margin-bottom: 10px;font-weight: 300;} .service_title_main01{font-size: 30px; color: #222; font-weight: 500; word-break: keep-all;margin-top:80px;text-align:center;line-height:1.5;} .service_title_main02{font-size: 20px; color: #222; font-weight: 400; word-break: keep-all;margin-top:50px;text-align:center;} /*도담애드 메인 MID*/ .main5_ul{overflow: hidden;margin-bottom: 28px;} .main5_ul > li{float: left;width: 31.33%;margin-right: 2%;height: 130px;transition: all 0.1s ease-in; padding-top: 30px;padding-left: 34px;border-radius:10px;box-shadow: 0px 0px 10px #efefef;} .main5_ul > li:last-child{margin-right: 0;} .main5_ul > li:nth-child(3n) {margin-bottom:50px} .main5_ul > li .desc{margin-left: 80px;margin-top:-68px;} .main5_ul > li .desc .tit{padding-top:25px;font-size: 16px;font-weight: 600;color: #808080;line-height: 1;margin-bottom: 8px;margin-left:28px;transform:skew(-0.1deg);font-family: 'Montserrat', sans-serif;} .main5_ul > li .desc .tit.mb {display:none;} .main5_ul > li .desc .cont{font-size: 14px; color: #808080; margin-top: 20px;display: block; width: 138px;height: 28px;line-height:28px;background-color: #f2f2f2;border-radius:10px; text-align: center;transform:skew(-0.1deg); font-weight: 300;transition: all 0.2s ease-in;margin-left:28px;} .main5_ul {overflow: hidden;padding-top:10px;padding-right:10px;padding-left:10px} .div2_img {position:relative;top:-35px;left:280px} /*도담애드 서브페이지 공통 .page_title{text-align:center;margin-bottom:0px;margin-top:20px;} .page_title ._tit{font-size:30px;color:#000000;margin-top:10px;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;} .page_title ._txt{font-size:45px;color:#000000;margin-bottom:68px;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;} .page_title ._txt01{font-size:18px;font-weight:300;color:#000000;margin-top:20px;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Barun Gothic', dotum, sans-serif;letter-spacing:-0.3px;} */ /*서브0101*/ .sub0101 {padding:0;} .sub0101_li { width:100%; overflow:hidden; height:360px;margin-bottom:110px} .sub0101_li + .sub0204_li {margin-top:50px;} .sub0101_li .div_table { display:table; width:100%; height:100%;} .sub0101_li .div_cell { display:table-cell; vertical-align:middle; } .sub0101_li:last-child {margin-bottom:0;} .sub0101_li_img { float:left; width:55%; } .sub0101_li_img.right { float:right; } .sub0101_li_txtbox { float:left; width:45%; height:100%; padding-left:35px; } .sub0101_li_txt1 { font-size:24px; line-height:42px; padding-bottom:13px; text-align:left;letter-spacing:-0.4px;font-family: 'Pretendard-Bold';color:#000; letter-spacing:-0.2px;font-weight:800;} .sub0101_li_txt2 { font-weight:300;letter-spacing:-1.9px;font-size:18px; line-height:1.75; text-align:left; color:#000;font-family:'Noto Sans KR', dotum, sans-serif;-webkit-text-stroke: 0.2px;} .sub0101_li_txt2.mb {display:none;} .sub0101_li_txtbox01 { float:left; width:45%; height:100%; padding-right:35px; } .sub0101_li_txt01 { font-size:24px; line-height:42px; padding-bottom:13px; text-align:left;letter-spacing:-0.4px;font-family: 'Pretendard-Bold';color:#000; letter-spacing:-0.2px;font-weight:800;} .sub0101_li_txt02 { font-weight:300;letter-spacing:-1.9px;font-size:18px; line-height:1.75; text-align:left; color:#000;font-family:'Noto Sans KR', dotum, sans-serif;-webkit-text-stroke: 0.2px;} .sub0101_li_txt02 span {color:#50a390;} .sub0101_li_txt22.mb {display:none;} .sub0101_li_left {} .sub0101_li_left .sub0204_li_txtbox {padding-left:81px;} /*서브0201*/ .reason_wrap {display:flex;flex-wrap:wrap;} .reason_wrap li {border:solid 1px #e6e6e6;transition:all .2s;transition-timing-function: linear;padding:40px;padding-top:61px;width:49%;min-height:492px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;margin-bottom:10px;} .reason_wrap li:hover {box-shadow: 0px 0px 8px 2px rgba(51, 51, 51, 0.1);} .reason_wrap li:nth-child(2) {margin:0 0.8% 10px; } .reason_wrap li:nth-child(4) {margin:0 0.8% 10px;} .reason_wrap li:nth-child(6) {margin:0 0.8% 10px;} .reason_wrap li:nth-child(8) {margin:0 0.8% 10px;} /*.reason_wrap li:nth-child(8) {margin:0 0.8%;}*/ .reason_wrap li .txt {font-size:17px;font-weight:400;letter-spacing:-1.2px;display: flex;flex-direction: column;align-items: center;} .reason_wrap li .tit {font-size:28px;font-weight:600;letter-spacing:-1.2px;display: flex;flex-direction: column;align-items: center;text-align:left} .reason_wrap li .hash {font-size:17px;font-weight:500;letter-spacing:-1.2px;display: flex;flex-direction: column;align-items: center;color:#d91e35;margin-top:20px;text-align:left;} .reason_wrap li .tit::after {content:'';display:block;width:70px;height:2px;background:#dcdcdc;transition:all .2s linear;margin:44px 0 42px} .reason_wrap li:hover .tit::after {background:#d91e35} /*.reason_wrap li:last-child .tit::after {display:none} .reason_wrap li:last-child .tit {margin-bottom:16px;}*/ .reason_wrap li p {font-size:16px;color:#333;line-height:1.65;letter-spacing:-0.7px;text-align:left} @media screen and (max-width:1330px) { .main7 > .inner {width:100%;} } @media screen and (max-width:1320px) { .inner { width: 100%; } .index_bg .bx-wrapper .bx-pager { margin-left:0; transform:translateX(-50%); } .index_bg { height:700px; } .index_bg ul li { height: 700px; } .bxslider li.main_bnr_1 {background: url(../img/slider_bg01.png) no-repeat 32% 50%;} .index_bg .bg_txt { padding-top:200px; padding-left:10%; } .bx-wrapper img { width: 250px; } .hd_gnb {} .hd_gnb .gnb_sub .gnb_ul2_2 {margin-right:50px;} .hd_gnb .gnb_sub .gnb_ul2_3 {margin-right:147px;} .hd_gnb .gnb_sub .gnb_ul2_1 {margin-right:155px;} .snsc_mid { overflow:hidden; padding: 0 10px; } .snsc_mid > .contents_text_leftalign { position:relative; margin:70px auto 0; width: 48%; } .snscm_img {width: 48%; } .snscm_img img { max-width: 100%; } .path_title { margin-left: 0; } #aboutus_path { padding: 70px 10px; } .sub_googlemap { margin-left:0; width: 100%; } .path_info { margin-left: 0; } .pfc_inside { width: 100%; } #portfolio { padding: 0 10px; } .pfci_img img { width: 100%; } #bo_list { padding: 0 10px; } #bo_v { padding: 0 10px !important; } #bo_w { padding: 0 10px !important; } .hd_gnb .hd_wrap {width:100%;padding:0 20px;} /*메인*/ .index_bg .inner{width:100%;} .index_bg .bg_txt .p_tit01 {font-size:28px;} .index_bg .bg_txt .p_tit02 {font-size:24px;margin-top:25px;} .index_bg .bg_txt .link {margin-top:60px;} /*회사소개*/ .sub0101_li {height:auto;display:flex;align-items:center;} .sub0101_li:nth-child(2) .sub0101_li_txtbox {order:-1;} .sub0101_li_txtbox {padding-left:60px;} .sub0101_li_img img {max-width:100%;} .sub0101_li_txt1 {word-break:keep-all;line-height:1.3;} .sub0101_li_txt2 {word-break:keep-all;} .sub0101_li_img {height:100%;width:50%;display:flex;align-items:center;} } @media screen and (max-width:1250px) { .index_bg .bg_txt {padding-left:7.5%;} } @media screen and (max-width:1220px) { .inner2 { width: 100%; } .index_cont3 .ov_img_div { width: 100%; display:none; } .index_cont3_mb_ul { display: block; } .index_cont5 .left_div { width: 70%; background:#E9DFD6; padding-left: 10px; height: 330px; padding-top: 20px; } .index_cont5 .right_div { width: 30%; background:#E2CDBC; padding-right: 10px; height:330px; padding-top: 10px; } .index_cont5 { background:none; padding: 0; } .ft_div { padding-left: 20px; } #service_sns { padding: 70px 0 100px 0; } #service_brand { padding: 70px 0 100px 0; } #service_viral { padding: 70px 0 100px 0; } #service_ppl { padding: 70px 0 100px 0; } #service_video { padding: 70px 10px 100px; } #service_seo { padding: 70px 0 100px 0; } .service_title_main { font-size: 30px; line-height: 30px; padding-top: 10px; } .service_title_desc { font-size: 16px; } .service_title_bar { margin-top: 40px; } .service_contents_title { font-size: 20px; } .ctl_maintext { font-size: 20px; } #brand_contents > .service_contents_line { margin: 25px auto; } #aboutus_company { padding: 70px 10px; } #aboutus_business { padding: 70px 10px; } .pf_content { padding: 150px 0; } #page_line { right: 15px; } #page_ul { right: 10px; } .pfci_info { margin: 0 3%; width: 44%; } #bo_w { margin: 70px 0; } } @media (max-width:1180px) { .index_bg .bg_txt {padding-left:3.5%;} } @media screen and (max-width:1120px) { .ppl_elements {width: 100%; padding: 0 10px; } .video_title_bar { width: 100%; } #video_contents { padding: 0 10px; width: 100%; } .pfc_inside { height: 400px; } .pfci_img { height: 400px; margin-top: -30px;} .pfci_info { height: 400px; } .pfcii_article { font-size: 16px; line-height: 28px; } .pfcii_title { font-size: 33px; margin-top: 150px; } .pfcii_num { width: 75px; height: 75px; font-size: 40px; line-height: 75px;} .sub0202_wrap1 { width: 100%; } .sub0202_wrap2 { width: 100%; } } @media (max-width:1040px) { .main5_ul > li {padding-left:2.25%;} .main5_ul > li .desc .tit {margin-left:7%;} .main5_ul > li .desc .cont {margin-left:7%;width:calc(100% - 18%);} .sub0101_li_txtbox {width:50%;} .sub0101_li_txt1 {font-size:22px;} .sub0101_li_txt2 {font-size:17px;} .sub0101_li:nth-child(2) .sub0101_li_txtbox {padding-left:30px;} } @media screen and (max-width:1024px) { .index_cont5 .left_div { width: 100%; float: none; text-align:center; padding-top: 40px; } .index_cont5 .right_div { width: 100%; float:none; text-align:center; padding-top: 20px; } .left_mb { display: inline-block; width:690px;} .right_mb { display: inline-block; } .sub_top_txt { font-size:28px; line-height: 30px; padding-bottom: 60px; } .sub_top_txt img { width: 120px; } .sub_top_bg { height: 310px; padding-top: 150px; } .sub_top_tit { font-size: 23px; line-height: 20px; padding-bottom: 15px; } .sub_top_ul .sub_top_li.active a::before { bottom:-15px; } .sub_top_ul .sub_top_li { margin: 0 30px; } .sub_top_ul .sub_top_li a { font-size: 14px; } .snsc_mid > .contents_text_leftalign { margin:0; width: 100%; float:none; } .snscm_img { width: 100%; float: none; text-align:center; margin-top: 30px;} .snsc_mid > .contents_text_leftalign.mb { display: block; text-align:center; width:50%;margin:0 auto;} .ctl_line { margin: 23px auto; } .contents_text_leftalign.pc { display:none; } #brand_contents { padding: 0 10px; } .ppl_elements { margin: 70px 0; } .vc_right { float:none; width: 100%; text-align:center; } .vc_left { float: none; width: 100%; } .vc_left > .contents_text_leftalign { text-align:center; } .vc_left > .contents_text_leftalign > .ctl_desc { width: 100%; } .vcl_sns { text-align:center; margin: 70px 0; } .vcl_text { text-align:center; } .vc_right img { margin-right:0; } .pfcii_article { font-size: 14px; line-height: 20px; } .sub0202_box1_imgbox img { width: 600px; } .sub0202_box1_imgbox2 img { width: 600px; } .sub0202_box1_imgbox2 { left: -130px; } .sub0202_tit { font-size: 20px; line-height: 29px; } .bc_element {padding:0 35px;} .bce_title {word-break:keep-all;} .pec_title {font-size:16px;} .index_cont4 .cont_title {font-size:28px;} .index_cont4 .cont_desc {} } @media screen and (max-width:900px) { .index_cont3_mb_ul .index_cont3_mb_li dl { left: 20px; top: 20px; } .index_cont3_mb_ul .index_cont3_mb_li dl dt { font-size: 18px; } .index_cont3_mb_ul .index_cont3_mb_li dl dd { font-size: 14px; padding-top: 15px; } .index_cont3_mb_ul .index_cont3_mb_li .hover3 .plus_box { bottom: 20px; } .service_title { padding: 0 10px; } .service_title_bar { width: 100%; } .company_left img { margin-left:0; max-width: 100%; } .center_img { margin-bottom: 60px !important; } .company_left { float:none; width: 100%; text-align:center; } .company_right { text-align:center; float:none; width: 100%; margin-top: 50px; } .cr_article.mb { display:block; line-height:22px; word-break:keep-all;} .cr_article.pc { display:none; } #service_sns { padding: 50px 0;} #service_brand { padding: 50px 0;} #service_viral { padding: 50px 0;} #service_ppl { padding: 50px 0;} #service_video { padding: 50px 0;} #service_seo { padding: 50px 0; } .snsc_mid { margin: 50px 0; } #ppl_contents { margin-top: 50px; } .pe_content img { height: 65px; } .pec_title { font-size: 16px; margin-top: 20px;word-break:keep-all; } .pec_article { font-size: 13px; line-height: 20px; word-break:keep-all; margin-top: 10px; } .pe_content { height: 170px; } .pe_plus { height: 170px; } .pe_plus img { width: 30px; height: 30px; margin-top:-15px; margin-left: -15px; } .vcl_text { font-size: 15px; line-height: 20px; } .pfcii_article.pc { display:none; } .pfcii_article { word-break:keep-all; } .pfcii_article.mb { display: block; } .pfcii_title { font-size: 28px; margin-top: 120px; } .pfci_info { height: 300px; } .pfci_img { height: 300px; } .pfc_inside { height: 300px; } .pf_content { padding: 130px 0 50px; } .pfcii_num { width: 65px; height: 65px; line-height:65px; font-size: 32px; } .pfcii_title { font-size: 27px; margin-top: 120px; } .pfcii_article { margin-top: 30px; } .sub0202_box1_li1 { float:none; width: 100%; text-align:center; } .sub0202_box1_li1_2 { float: none; width: 100%; text-align:center; } .sub0202_txtbox { padding-top:0; text-align:center; } .sub0202_bar { margin: 20px auto; } .sub0202_box1_li2 { float: none; width: 100%; text-align:center; } .sub0202_box1_imgbox2 { left:0 ;} .sub0202_box1_li2_1 { float: none; width: 100%; text-align:center; padding-left:0; } .sub0202_box1 { margin: 70px 0; } .sub0202_box2 { padding: 70px 0; } .hd_gnb {} .hd_gnb .gnb_sub .gnb_ul2_2 {margin-right:27px;} .hd_gnb .gnb_sub .gnb_ul2_3 {margin-right:119px;} .hd_gnb .gnb_sub .gnb_ul2_1 {margin-right:125px;} #ham_btn { right: 20px; } .pe_arrow img {height:30px;top:calc(50% - 15px);} } @media screen and (max-width:820px) { .hd_gnb .logo_div img { width: 170px; } .hd_gnb .gnb_ul1 .gnb_li1 { line-height:67px; } .index_bg .bg_txt { padding-left: 50px; padding-top: 170px; } .bx-wrapper img { width: 170px; } .index_bg .bg_txt .p_tit02 { font-size: 16px; line-height:25px; padding-top: 50px; } .index_bg { height:500px; } .index_bg ul li { height: 500px; } .hd_gnb .gnb_sub { top: 69px; } .gnb_ul1 {display:none; } #ham_btn { display: block; } #ham_mn { display: block; } .index_cont2 { padding: 100px 10px 60px; } .index_cont2 .icon_ul { margin-top: 60px; } .index_cont2 .icon_ul li { width: 33.3333%; margin-bottom: 20px; } section .cont_tit { font-size: 30px; word-break:keep-all;} section .cont_desc {line-height: 22px; padding-top: 20px; } .index_cont2 .icon_ul li .main_img img { height: 75px; } .index_cont2 .icon_ul li dd:nth-child(4) { padding-top: 15px; height:51px;} .index_cont2 .icon_ul li dd:nth-child(2) { padding: 20px 0 10px;} /*.index_cont4 { padding: 100px 10px 60px; }*/ .index_cont4 ul { margin-top: 60px; } .index_cont4 ul li dd img{ height:75px; } .index_cont4 ul li dt { font-size: 18px; padding: 15px 0; } .index_cont4 ul li dd { font-size: 12px; line-height:17px; } .index_cont3 { padding: 100px 0 70px; } .left_mb { padding: 0 10px; width:100%;} .index_cont5 .left_div { padding-left:0; height: auto; padding: 20px 0; } .index_cont5 .left_div .contactusul li { width: 49%; margin-right:2%; } .index_cont5 .left_div .contactusul li:nth-child(2n) { margin-right:0; } .index_cont5 .left_div .contactusul li:nth-child(5) { width: 100%; } .index_cont5 .left_div .contactusul2 li { float:none; width: 100%; } .index_cont5 .right_div { padding: 20px 10px; height: auto ;} .index_cont5 .left_div .contactusul2 li button { width: auto; height: 40px; padding: 0 30px;} .sub_top_txt { font-size: 22px; line-height: 22px; } .sub_top_txt img { width: 90px; } .sub_top_ul .sub_top_li a { font-size: 12px; } .sub_top_ul .sub_top_li.active.extend_bar a::before { width:60px; margin-left: -30px; } .sub_top_ul .sub_top_li { margin: 0 15px; } .stb_plus:nth-child(2) img{ width: 30px; height: 30px; } .stb_plus:nth-child(2) { margin-right: -15px; margin-top: 5px; } .stb_plus:nth-child(1) img{ width: 30px; height: 30px; } .stb_plus:nth-child(1) { margin-left: -15px; margin-top: 5px; } .service_title_bar { height: 40px; } .stbt_text { height: 40px; line-height: 40px; font-size: 11px; } .bt_titletext { font-size: 30px;word-break:keep-all; } .path_title { font-size: 30px; margin-bottom: 30px; } .business_contents { width: 100%; } .business_title { margin-bottom: 60px; } .bce_img { height: 70px; } #bce_1, #bce_2, #bce_3 { margin-bottom: 20px; } .brand_img { margin: 50px 0; } .ppl_elements { margin: 50px 0; } .pec_article { font-size: 12px; line-height:15px; } .pec_title { font-size: 15px; margin-top: 15px; } .ppl_text { font-size: 13px; line-height: 20px; } .pe_plus { display: none; } .pe_content { width:33%; } .ppl_elements { position:relative; } .ppl_elements::before { content:''; display: none; width: 30px; height: 30px; background:url(../img/sub_ppl_plus.png) no-repeat center center; background-size:cover; position:absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } .vtbt_text { height: 40px; line-height: 40px; font-size:11px; } .video_title_bar { height: 40px; } .vtbt_text::before { height: 30px; width: 30px; margin-right: -15px; top:5px;} .vc_right img { width: 250px; } .seo_img { width: 100%; margin-top: 40px; padding: 0 10px; } .pfci_info { height: 270px; } .pfci_img { height: 270px; } .pfc_inside { height: 270px; } .pfcii_title { margin-top:90px; font-size: 23px; } .form_div { width: 100%; padding: 0 10px; margin: 70px auto;} .form_div h5 { width: 25%; font-size: 16px; line-height: 40px;word-break:keep-all;display:flex;align-items:center;height:45px;line-height:1.3;word-break:keep-all;} .tbl001 .sol_li p { width: 75%; height: 40px; } .tbl001 input[type="text"] { font-size: 16px; height: 40px; } .tbl001 .sol_lzi p { width:75%; } .tbl001 textarea { font-size: 16px; } .tbl001 li:last-child p { padding-top:0; } .sol_li:last-child label { font-size: 16px; } a.btn, .btn { font-size: 12px; } a.btn, .btn { font-size: 12px !important; } .tbl_head01 thead th { padding: 12px 0; } #bo_list { margin: 70px 0; } .pe_arrow {width:auto;} .ppl_elements > div:nth-child(6) {margin-left:130px;margin-right:-10px;} .index_bg .bg_txt {padding-top:150px;padding-left:20px;} .index_bg .bg_txt .p_tit00 {font-size:18px;line-height:1.5;} .index_bg .bg_txt .p_tit01{font-size:25px;line-height:1.5;} .index_bg .bg_txt .p_tit02{padding:0;margin-top:10px;} .index_bg .bg_txt .link{height:55px;margin-top:30px;} .index_bg .bg_txt .link p {font-size:16px;} .index_bg .bg_txt .link span {width:25px;} .index_bg .bg_txt .link span::before {height:6px;right:2px;top:-5px;} .main5_ul > li {padding:0;} .main5_ul > li a {padding:15px 10px;display:flex;justify-content:space-between;height:100%;align-items:center;} .main5_ul > li .thum img {width:37px;} .main5_ul > li .desc {margin-left:0px;margin-top:0px;width:calc(100% - 37px)} .main5_ul > li .desc .tit {word-break:keep-all;line-height:1.3;} .main5_ul > li .desc .cont {margin-top:10px;width:calc(90%)} .sub0101_li_txtbox {padding-left:30px;} .sub0101_li_txt1 {font-size:20px;} .sub0101_li_txt2 {font-size:16px;line-height:1.65;} .sub0101_li_txt2.mb {display:block;} .sub0101_li_txt2.pc {display:none;} .sub0101_li:nth-child(2) .sub0101_li_txtbox {padding-left:20px;padding-right:20px;} .reason_wrap li {padding:25px;padding-top:30px;padding-bottom:30px;} .reason_wrap li .tit {font-size:24px;} .res_map {width:100%;} } @media (max-width:700px) { .reason_wrap li {width:100%;margin:0;margin-bottom:20px;min-height:auto;} .reason_wrap li:nth-child(2n) {margin:0;margin-bottom:10px;} .reason_wrap li .hash {font-size:15px;text-align:center;} .reason_wrap li p {text-align:center;word-break:keep-all;} } @media (max-width:560px) { .sub0101_li {flex-direction:column;} .sub0101_li_img {width:100%;height:175px;overflow:hidden;} .sub0101_li_img img {position:relative;top:35px;} .sub0101_li_txtbox {padding-left:0px;width:100%;padding:13px 5px 0;} .sub0101_li_txt1 {} .sub0101_li:nth-child(2) .sub0101_li_txtbox {order:2;padding:13px 5px 0;} .sub0101_li_txt2.mb {width:85%;} } @media screen and (max-width:720px) { .main5_ul > li:nth-child(3n) {margin-bottom:0px;} .main5_ul > li {width:49%;margin-right:0px;margin-bottom:2%;} .main5_ul > li:nth-child(2n-1) {margin-right:2%} .main5_ul > li a {justify-content:center;} .main5_ul > li .desc {width:165px;} .main5_ul > li .desc .cont {max-width:130px;} .index_cont4 {} .index_cont4 .cont_desc.pc {display:none;} .index_cont4 .cont_title.pc {display:none;} .index_cont4 .cont_txt.pc {display:none;} .index_cont4 .cont_desc.mb {display:block;padding-top:15px;margin-bottom:20px;} .index_cont4 .cont_title.mb {display:block;;font-size:24px;} .index_cont4 .cont_txt.mb {display:block;} } @media screen and (max-width:700px) { .brand_img { width: 100%; } .service_title_main { font-size: 24px; line-height: 24px; } .service_title_main01 { font-size: 24px; } .service_title_desc { font-size: 15px} .pfci_info { height: 230px; } .pfci_img { height: 230px; } .pfc_inside { height: 230px; } .form_div .def_btn { width: 150px; height: 50px; line-height:50px; font-size: 15px; } #chart { padding: 20px 0 !important; } .sub0202_box1_imgbox img { width: 450px; } .sub0202_box1_imgbox2 img { width: 450px; } .viral_graph { margin-top: 70px; width: 100%; } .sub0202_box1 { padding: 0 10px; } .sub0202_box2 { padding: 70px 10px; margin-bottom: 70px; } .sub0202_box3 { padding: 0 10px; } .viral_text { font-size: 16px; margin-top: 30px; } #bo_sch { float:none; width: 100%; margin-top: 10px; } #bo_sch .sch_btn { float:right !important; } } @media (min-width:621px) and (max-width:639px) { .path_title {font-size:21px;} } @media screen and (max-width:620px) { .index_cont3_mb_ul .index_cont3_mb_li dl { left: 10px; top: 10px; } .index_cont3_mb_ul .index_cont3_mb_li dl dt { font-size: 17px; } .index_cont3_mb_ul .index_cont3_mb_li dl dd { font-size: 12px; padding-top: 15px; } .index_cont3_mb_ul .index_cont3_mb_li .hover3 .plus_box { bottom: 10px; right: 10px;} .index_cont3_mb_ul .index_cont3_mb_li .hover3 .plus_box img { width: 20px; } .index_cont5 .left_div .contactusul li { width: 100%; padding: 12px 0; } .index_cont5 .left_div .contactusul2 li button { font-size: 13px; } .index_cont5 .left_div .contactusul li span { font-size: 13px; } .index_cont5 .left_div .contactusul li input[type="text"] { font-size: 12px; } .hd_gnb .logo_div img { width: 140px; } .right_mb img { width: 120px; } .index_cont5 .right_div .p_tit { font-size: 13px; } .index_cont5 .right_div .p_desc { font-size: 13px; } .cr_article.mb { display:none; } .cr_article.mb2 { display: block; line-height:22px; word-break:keep-all; } .company_left img { width: 300px; } .company_right img { Width: 170px; } .bt_titletext { font-size: 25px; } .bt_desc { font-size: 13px; } .bce_title_eng { font-size: 12px; } .bce_img { height: 55px; margin-top: 35px; } .bc_element { height:330px; } .bce_title { font-size: 14px; } .sub_go img { width: 28px; } .path_title { font-size: 21px;word-break:keep-all;} .sub_googlemap { height: 300px; } .path_info { font-size: 13px; } .service_contents_title { font-size: 18px; } .ctl_maintext { font-size: 18px; } .service_contents_desc { font-size: 14px; line-height: 18px; } .ctl_desc { font-size: 14px; line-height: 18px; word-break:keep-all; } .service_contents_desc.mb { display: block; word-break:keep-all;} .service_contents_desc.pc { display:none; } .brand_article.mb { display:block; word-break:keep-all;} .brand_article.pc { display:none; } .brand_article { font-size: 14px; line-height: 22px; } .snsc_text { font-size :14px; line-height: 22px; } .brand_article_strong { font-size :16px; margin-top: 20px; word-break:keep-all;} .stb_plus:nth-child(2) img { width: 14px; height: 14px; } .stb_plus:nth-child(2) { margin-right: -7px; margin-top: 10px; } .stb_plus:nth-child(1) img { width: 14px; height: 14px; } .stb_plus:nth-child(1) { margin-left: -7px; margin-top: 10px; } .stbt_text { font-size: 10px; } .snscm_img img { max-width: 80%; } .vtbt_text::before { width: 14px; height:14px; margin-right:-7px; top:50%; margin-top: -7px; } .vtbt_text { font-size: 10px; } .vcl_sns { margin: 40px 0; } .vcl_sns a:first-child img { width:110px; } .vcl_sns a:nth-child(2) img { width:90px; } .vcl_sns a:last-child img { width:90px; } .vcl_text { font-size: 14px; line-height: 16px; } .vc_right img { width: 200px; } .seo_text { font-size:14px; line-height: 22px} .pf_left .pfci_img { width: 100%; float:none; height: auto; } .pfc_inside { height: auto; border-right:0; } .pf_left .pfci_info { width: 100%; float:none; margin: 0; padding-left: 10px; } .pfcii_title { margin-top:0; padding-top: 90px; } #pf_1 .pfc_inside { border:0; } #pf_2 .pfc_inside { border:0; } #pf_3 .pfc_inside { border:0; } #pf_4 .pfc_inside { border:0; } #pf_5 .pfc_inside { border:0; } #pf_6 .pfc_inside { border:0; } #pf_7 .pfc_inside { border:0; } #pf_8 .pfc_inside { border:0; } #pf_9 .pfc_inside { border:0; } #pf_10 .pfc_inside { border:0; } #pf_11 .pfc_inside { border:0; } #pf_12 .pfc_inside { border:0; } #pf_13 .pfc_inside { border:0; } #pf_14 .pfc_inside { border:0; } #pf_15 .pfc_inside { border:0; } #pf_16 .pfc_inside { border:0; } #pf_17 .pfc_inside { border:0; } .pf_right .pfci_img { float:none; width: 100%; height: auto ;} .pf_right .pfci_info { float:none; width: 100%; margin: 0; padding-left: 10px;} .pf_right .pfcii_num { right: auto; left:0; } .form_div input[type="checkbox"] + label::before { width: 16px; height:16px; } .form_div .def_btn { width: 130px; height: 40px; line-height: 40px; font-weight:400; } #poll_popup { height: 450px; width: 450px; padding: 20px; margin-left: -225px; margin-top: -225px; } .poll_x { top:-3px; right:7px; } .sol_li:last-child a { font-size: 12px; } .sub0202_txt { font-size: 14px; line-height: 18px; } .sub0202_tit { font-size: 18px; } a.btn, .btn { font-size: 11px; } #bo_list .td_num2 { width: 40px !important; } #bo_list .td_name { width: 60px !important; text-align:center !important; } #bo_list .td_num { width: 38px !important; } #bo_list .td_datetime { width: 50px !important; } .snsc_mid > .snscm_img {width:90%;} .index_bg .bg_txt {} .index_bg .bg_txt .p_tit00 {font-size:16px;} .index_bg .bg_txt .p_tit01 {font-size:22px;} .index_bg .bg_txt .p_tit02 {} .index_bg .bg_txt .link {width:300px;padding-left:0;display:flex;align-items:center;justify-content:center;} } @media screen and (max-width:520px) { .hd_gnb .logo_div img { width: 60px; } .bx-wrapper img { width: 155px; } section .cont_tit { font-size: 26px; line-height:26px;} .index_cont2 .icon_ul li .main_img img { height: 55px; } .index_cont2 .icon_ul { margin-top: 45px; } .ft_div { padding-left:0; text-align:center; } .sub_top_bg { height: 290px; } .sub_top_txt { font-size: 17px; line-height:17px; } .sub_top_txt img { width: 75px; } .sub_top_ul .sub_top_li a { font-size: 10px;} .sub_top_ul .sub_top_li { margin: 0 10px; } .sub_top_ul .sub_top_li.active.extend_bar a::before { width: 50px; margin-left: -25px; } .sub_top_txt { padding-bottom:0; } .sub_top_ul { padding-top: 60px; overflow:visible; padding: 60px 10px 0;} .sub_top_ul .sub_top_li { float: left; width:33.333%; margin:0; } .sub_top_ul2 { padding-top: 40px; } .sub_top_ul2 .sub_top_li { margin-bottom: 20px; } .sub_top_ul .sub_top_li.active a::before { bottom:-5px; } .bc_element { width:48%;box-sizing:border-box;margin:0 1% 20px;} #bce_1, #bce_3, #bce_5 {margin-right:1%;} .sub_top_txt { font-size: 15px; line-height: 15px; } .sub_top_txt img { width: 65px; } .service_contents_title { font-size: 14px; } .ctl_maintext { font-size: 15px; } .ctl_desc { font-size: 12px; } .vcl_text {font-size:12px;} .vcl_text.pc {display:none;} .vcl_text.mb {display:block;width:80%;margin:0 auto;word-break:keep-all;} .service_contents_desc { font-size :12px; } #brand_contents > .service_contents_line { margin: 20px auto; } .brand_article { font-size: 12px; line-height: 18px; } .snsc_text { font-size: 12px; line-height: 18px;width:70%;margin:0 auto; } .brand_article_strong { font-size: 13px;} .ppl_text { font-size: 12px; line-height: 17px; } .pe_content img { height: 50px; } .pec_title { font-size: 14px; } .pec_article { font-size :11px; } .ppl_elements { margin-bottom:10px; } .pfcii_num { height: 55px; width: 55px; line-height: 55px; font-size: 25px; } .pfcii_title { padding-top:75px; font-size: 21px; } .pfcii_article { margin-top: 20px; } .pfci_info { height: 200px; } .pf_content { padding-top: 120px; } .form_div h5 { } .tbl001 input[type="text"] {} .tbl001 textarea { height: 150px; } .tbl001 .sol_lzi p { height: 150px; } .sol_li:last-child label { font-size: 14px; } #poll_popup { height: 350px; width: 350px; padding: 20px; margin-left: -175px; margin-top: -175px; } .sub0202_txt { font-size: 12px; } .sub0202_tit { font-size: 15px; line-height: 20px; } .sub0202_box1_imgbox img { width: 350px; } .sub0202_box1_imgbox2 img { width: 350px; } .sub0202_box1 { padding: 0 10px; margin: 50px 0; } .sub0202_box2 { padding: 50px 10px; margin-bottom: 50px; } .sub0202_box3 { padding: 0 10px; } .viral_graph { margin-top: 50px; } .hd_gnb .logo_div img { width: 115px; } .pe_content {height:135px;} .pe_arrow img {height:22px;top:calc(50% - 20px)} .ppl_elements > div:nth-child(6) {margin-left:80px;margin-right:-8px;} .index_cont4 {background:url(../img/main_background_img.png) no-repeat 60% 50%;} .index_cont4 .cont_title.mb {font-size:20px;} .index_cont4 .cont_desc.mb {font-size:15px;} .index_cont4 .cont_txt.mb {font-size:14px;} .ft_div > .inner.mb {display:block;} .ft_div > .inner.pc {display:none;} .ft_div .p_data {text-align:center;} .sub0101_li_txt1 {font-size:18px;} .reason_wrap li {padding:30px 15px;} .reason_wrap li .tit {font-size:20px;} .reason_wrap li .txt {font-size:16px;} .reason_wrap li .tit::after {margin: 35px 0 30px;} .form_div {padding:0;} .sub_res .tbl001 {padding:0;} .sub_res .tbl001 li {padding-top:15px;} .sub_res .tbl001 li h5 {display:flex;align-items:center;height:45px;line-height:1.3;word-break:keep-all;width:25%;justify-content:space-between;} .sub_res .tbl001 .sol_li p {width:75%;} .sub_res .tbl001 .sol_li p.chk_p {width:100%;} .sub_res .tbl001 input[type="text"] {letter-spacing:-0.7px} } @media screen and (max-width:480px) { .hd_gnb .logo_div img { width: 60px; } .index_bg{margin-top:80px;height:450px;} .index_bg ul li {height:450px;} .bxslider li.main_bnr_1 {background: url(../img/slider_bg01.png) no-repeat 25% 50%;} .index_bg .bg_txt.mb {display:block;padding-top:95px;} .index_bg .bg_txt.pc {display:none;} .index_bg .bg_txt {padding-left:20px;} .index_bg .bg_txt .p_tit00 {font-size:14px;} .index_bg .bg_txt .p_tit01 {font-size:18px;} .bx-wrapper img { width: 120px; } .index_bg .bg_txt .p_tit02 { font-size: 13px; line-height: 20px; padding-top: 34px; } section .cont_tit { font-size: 23px; line-height:23px;} section .cont_desc.mb { display:block; word-break:keep-all; } .index_cont2 .icon_ul li .main_img img { height: 40px; } .index_cont2 .icon_ul li dd:nth-child(2) { padding: 13px 0 7px; font-size: 14px; } .index_cont2 .icon_ul li dd:nth-child(3) { font-size: 12px; line-height: 12px; } .index_cont2 .icon_ul li dd:nth-child(4) a { width: 30px; height: 30px; } .index_cont2 .icon_ul li dd:nth-child(4) a img { width: 100%; } .index_cont2 { padding: 80px 10px 50px; } .index_cont3 { padding: 80px 0 50px; } .index_cont4 ul li dd img { height:55px; } .index_cont4 ul li dt { font-size:13px; padding: 13px 0; } .index_cont4 ul li dd { font-size: 10px; line-height:14px; } .index_cont4 ul { margin-top: 40px; } .index_cont5 .left_div .contactusul2 li button { font-size: 11px; height: 35px; padding: 0 20px; } .index_cont5 .left_div .contactusul2 li:last-child { padding: 0; } .cr_article.mb2 { font-size: 13px; } .bt_titletext { font-size: 21px;} .bt_desc { font-size: 12px; } .bce_title_eng { font-size: 10px; margin-top: 10px; } .bce_title { font-size: 12px; } .bc_element { height: 280px;padding:0 20px} .sub_go img { width: 24px; } .form_div h5 { font-size: 15px; } .tbl001 input[type="text"] { font-size: 14px; } .tbl001 textarea { font-size: 14px; } .poll_cont { font-size: 10px; line-height: 15px;} .form_div h5 { width: 30%; } .tbl001 .sol_li p { width: 70%; } .tbl001 .sol_lzi p { width: 100%; } .sub_top_txt { font-size: 15px; line-height:13px;} .index_bg .bg_txt .p_tit02 {font-size:14px;margin-top:0px;padding-top:20px;} .bce_img { margin-top: 30px; } .service_title_bar {height:120px;} .stb_plus:nth-child(1) {left:calc(50% - 3.5px);margin-left:0;top: 20px;} .stb_plus:nth-child(2) {left:calc(50% - 3.5px);margin-right:0;right:auto;top:59px;} .stb_texts {display:flex;flex-direction:column;align-items:center;} .stbt_text {width:100%;float:none;} .bce_link {bottom:0px;} .pe_arrow img {margin-left:-10px;} .ppl_elements > div:nth-child(6) {margin-left:60px;margin-right:10px;} .service_title_main01 {width:80%;margin:80px auto 0;} .index_bg .bg_txt .link {height:45px;} .index_bg .bg_txt .link p{font-size:15px;} .index_cont2 .inner {padding:0px;} .main5_ul > li .desc .tit {font-size:15px;font-weight:500;} .main5_ul > li .desc .tit.mb {display:block;} .main5_ul > li .desc .tit.pc {display:none;} .main5_ul > li .desc .cont {position:relative;text-align:left;padding-left:10px;font-size:12px;} .main5_ul > li .desc .cont::before {display:block;content:'';width:5px;height:1px;background:#808080;transform:rotate(45deg);position:absolute;right:10px;top:calc(50% - 1px)} .main5_ul > li .desc .cont::after {display:block;content:'';width:5px;height:1px;background:#808080;transform:rotate(315deg);position:absolute;right:10px;top:calc(50% + 2px)} .main5_ul > li .desc .cont img{display:none;} } @media screen and (max-width:420px) { .pec_title {font-size:12px;} .index_bg .bg_txt .link {width:255px;} } @media screen and (max-width:386px) { .pe_arrow img { margin-left: -8px;} .ppl_elements > div:nth-child(6) {margin-right:6px;} } /*포트폴리오*/ #mid02 {width:100%;padding:40px 0;background:#000;text-align:center;color:#fff;} #mid02 .main_tit {margin-bottom:15px;color:#fff;} .mid02_desc {font-size:20px;line-height:20px;margin-bottom:40px;} .portfolio {overflow:hidden;width:100%;/*background:#E8E8E8;*/} .portfolio li {float:left;width:25%;vertical-align:top;overflow:hidden;position:relative;transition:all 0.4s;} .portfolio li:nth-child(4n+1) {clear:both;float:left;} .portfolio li img {width:100%;height:auto;transition:all 0.5s;} .portfolio li .event_box {width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;left:0;top:0;transition:all 0.4s;color:#fff;opacity:0;} .portfolio li .event_tb {width:100%;height:100%;display:table;} .portfolio li .txt_wrap {display:table-cell;vertical-align:middle;padding:0 5px;} .portfolio li .txt_wrap .p01 {font-size:25px;line-height:25px;position:relative;top:20px;opacity:0;transition:all 0.3s;} .portfolio li .txt_wrap .p01::after {content:'';display:block;width:25px;height:2px;background:#fff;margin:10px auto 15px;} .portfolio li .txt_wrap .p02 {font-size:13px;line-height:19px;position:relative;top:20px;opacity:0;transition:all 0.3s;transition-delay: 0.2s;word-break:keep-all;} .portfolio li:hover img {transform:scale(1.1);} .portfolio li:hover .event_box {opacity:1;} .portfolio li .txt_wrap .p01.on {top:0;opacity:1;} .portfolio li .txt_wrap .p02.on {top:0;opacity:1;} .port_more {margin-top:40px;} .port_more a {display:inline-block;font-size:20px;line-height:20px;padding:16px 70px 15px;border:1px solid #fff;color:#fff;transition:all 0.3s;} .port_more a:hover {background:#fff;color:#111;} .mid01 .cont_tit {font-size:36px;color:#2d2929;text-align:center;position:relative;} .mid01 .cont_tit:after {position:absolute;content:"";width:3px;height:27px;background:#2d2929;left:50%;margin-left:-1.5px;top:-40px} .mid01 .cont_desc {font-size:16px;color:#2d2929;text-align:center;line-height:25px;padding-top:30px; transform:skew(-0.1deg); } .mid01 .cont_desc.mb { display:none; } .mid01 .mid01_ul {} #cate_box {width:100%;height:57px;position:relative;} .bo_cate {font-family:'NanumSquare';position:absolute;top:0;left:50%;margin-left:-600px;} .bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_cate ul {zoom:1;overflow:hidden;width:1200px;height:57px;margin:0 auto;} .bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} .bo_cate li {float:left;width:20%;text-align:center;} /*.bo_cate li:first-child {display:none;}*/ .bo_cate a {display:block;line-height:54px;font-size:17px;border-top:1px solid #D1D1D1;border-bottom:2px solid #000;font-weight:600;} .bo_cate li:first-child a {border-left:1px solid #d1d1d1;} .bo_cate li:last-child a {border-right:1px solid #d1d1d1;} /*.bo_cate a:focus, .bo_cate a:hover, .bo_cate a:active {text-decoration:none;background:#d2d6dc;}*/ .bo_cate #bo_cate_on {z-index:2;border:2px solid #000;border-bottom-color:transparent;} #bo_btn_top {overflow:hidden;} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .sub_cate_ul {font-family:'NanumSquare';overflow:hidden;display:table;text-align:center;margin:30px auto 45px;} .sub_cate_ul li {float:left;} .sub_cate_ul li a {display:block;font-size:18px;color:#000;height:30px;line-height:30px;position:relative;padding:0 30px 0 30px;} .sub_cate_ul li a::after {content:'';display:block;width:1px;height:16px;background:#CBCBCB;position:absolute;right:0;top:50%;margin-top:-8px;} .sub_cate_ul li:last-child a::after {display:none;} .sub_cate_ul li a i {display:none;position:absolute;top:0;right:15px;line-height:28px;} .sub_cate_ul .on a {font-weight:600;padding-right:40px;} .sub_cate_ul .on a i {display:block;} /*포트폴리오*/ /*mid01*/ .title_box {width:100%;text-align:center; padding-top:120px;} .mid01_title {font-size:60px; line-height:1.2; font-weight:bold; text-align:center; position:relative; display:inline-block;font-family: 'Roboto', sans-serif;} .mid01_title::before {content:''; display:block; width:22px; height:22px; background:url(../img/index_icon.png) no-repeat; position:absolute; top:30px; left:-52px;} .mid01_title::after {content:''; display:block; width:22px; height:22px; background:url(../img/index_icon.png) no-repeat; position:absolute; top:30px; right:-52px;} .mid01_ul {overflow:hidden; padding-top:105px;width:1245px;margin:0 auto;} .mid01_ul > li {position:relative; float:left; margin-right:15px; margin-top:15px; width:300px; height:360px;} .mid01_ul > li:nth-child(4n) {margin-right:0;} .mid01_ul > li a:hover .mid01_hover {opacity:1;} .mid01_ul > li a {display:block;} .mid01_hover {opacity:0;color:#fff; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; width:300px; height:360px;padding: 15px; text-align:center;display:flex;flex-flow:column;justify-content:center;transition: all 0.3s; } .mid01_hover_tit {font-size:24px; font-weight:bold; padding-bottom:45px;} .mid01_hover_txt {font-size:20px;word-break:keep-all; } .mid01_btn {width:100%; text-align:center; padding:60px 0;} .mid01_more {display:inline-block;width:240px; height:60px; background:#000; font-size:20px; color:#fff; font-weight:bold; line-height:60px;transition: all 0.3s;border-radius:300px} .mid01_more:hover{background-color: #d6441c;} /*문의 폼*/ .main7{padding: 130px 00px;} .main7 > .inner{display: flex; } .main7 .left{width: 60%;border: 1px solid #DDDDDD;} .main7 .right{width: 40%;background-color: #f7f7f7;} .main77 .right{width: 100%;background-color: #F3F3F3;} .main7_tab{display: flex; } .main7_tab > li.main7_btn{flex:1;height: 70px;display: flex; align-items:center;justify-content:center; color: #b0b0b0;font-size: 18px;letter-spacing: 0.4em;border-bottom: 5px solid #b0b0b0;font-weight: 600;cursor: pointer;transition: all 0.1s; } .main7_tab > li:first-child{border-right: 1px solid #d0d0d0;} .main7_tab > li.main7_btn.active{border-bottom: 5px solid #000;color: #000;} .main7_tab > li.main7_btn:hover{color: #000;} .map{height: 0;overflow: hidden;} .map.active{height: auto;overflow: visible;} .map_wrap .map > div{width: 100%;} .map_wrap .map .root_daum_roughmap .wrap_controllers{display: none !important;} .map_wrap .map .root_daum_roughmap .wrap_map{height: 400px !important;} .right{} .right .main7_tit{font-size: 24px;font-weight: 700;color: #50a390;margin: 40px 28px 0px;text-align: center;font-family: 'Montserrat', sans-serif;} .right .main7_txt{font-size: 16px;font-weight: 500;color: #000;margin-left:30px;margin-bottom:15px;text-align: center;} .main7_ul{display: flex;justify-content:center;flex-wrap:wrap;} .main7_ul > li{width: calc(50% - 35px);margin: 0 5px 10px;} .main7_ul > li:last-child{width: calc(100% - 60px);} @media (min-width:1265px) and (max-width:1257px) { .main7_ul > li {width:48%;} .main7_ul > li:last-child{ } } .map_wrap {width:100%;} .map_wrap iframe {width:100%;} .res_co{background: none ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;} .res_co{width: 100%;border : 1px solid #dcdcdc;font-size: 16px;font-weight: 300;background-color: #f7f7f7;} .res_in{height: 48px;padding: 0 0px;padding-left:15px} .res_ta{height: 140px;padding: 0px;padding-left:15px;padding-top:15px;} .ckbox{display: flex; align-items:center;font-size: 16px;font-weight: 300;color: #6e6e6e;margin-bottom: 15px;margin-left:31px} .ckbox input[type="checkbox"]{display: none;} .ckbox input[type="checkbox"] + label{cursor: pointer;} .ckbox input[type="checkbox"] + label::before{content: '';display: inline-block;width: 10px;height: 10px;border: 1px solid #6e6e6e;margin-right: 5px;} .ckbox input[type="checkbox"]:checked + label::before{background-color: #6e6e6e;} button.smbtn{background: none ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} button.smbtn{margin:auto;width: 88%;height: 45px;background-color: #50a390;color: #fff;display: flex; align-items:center; justify-content:center;font-size: 18px;font-weight: 600;color: #fff;border-radius:10px ;transition: all 0.2s; margin-top:30px;margin-left:30px} button.smbtn:hover{background-color: #333333;} @media (max-width:1300px) { .inner {width:100%;padding:0 10px;} } @media (max-width:1280px) { .mid01 .mid01_ul {width:100%;padding:105px 20px 0;} .mid01_ul > li {width:calc(25% - 15px);height:calc(25vw * 5 / 6 );} .mid01_ul > li > a {width:100%;height:100%;} .mid01_ul > li img {width:100%;height:100%;} .mid01_ul > li:nth-child(4n) {margin-right:7.5px;} .mid01_ul > li:nth-child(4n-3) {margin-left:7.5px;} .mid01_hover {width:100%;height:100%;} } @media ( max-width: 1250px ) { .main7{padding: 50px 0;} .main7 > .inner{display: flex; flex-direction:column;padding:0 20px; } .main7 .left{width: 100%;max-width: 768px;margin: 0 auto 40px;border: 1px solid #DDDDDD;} .main7 .right{width: 100%;max-width: 768px;padding: 30px 0;margin: 0 auto;background-color: #F3F3F3;} .res_co {background:#f3f3f3;} .right .main7_tit{margin-top: 0;} } @media (max-width:1024px) { .business_contents {width:100%;} } @media (max-width:1025px) { .mid01_more {width:200px;height:55px;line-height:55px;} .mid01_hover_tit {font-size:20px;} } @media (max-width:820px){ .mid01_more {height:45px;line-height:45px;font-size:16.5px;} } @media (max-width:520px) { .mid01 .cont_tit {font-size:28px;} .mid01 .mid01_ul {padding-top:55px;} .map_wrap iframe {height:300px;} } @media ( max-width: 768px ) { .right .main7_tit {margin-left:10px;} .right .main7_txt {margin-left:10px;} .main7_tab > li.main7_btn{height: 50px;font-size: 14px;border-bottom: 3px solid #b0b0b0;} .main7_tab > li.main7_btn.active{border-bottom: 3px solid #d6441c;} .map_wrap .map .root_daum_roughmap .wrap_map{height: 56vw !important;} .main7_ul > li{width: 100%;margin: 0 0 10px;padding: 0 10px;} .main7_ul > li:last-child{width: 100%;} .ckbox{font-size: 14px;margin-left:10px;} button.smbtn{width: 150px;height:40px;font-size: 16px;margin-left:10px;} .mid01_ul > li {width:calc(33.3% - 15px);height: calc(33.3vw * 5 / 6);} .mid01_ul > li:nth-child(4n) {margin-right:15px;} .mid01_ul > li:nth-child(4n-3) {margin-left:0;} .mid01_ul > li:nth-child(3n) {margin-right:7.5px;} .mid01_ul > li:nth-child(3n-2) {margin-left:7.5px;} .mid01_hover_tit {font-size:20px;} .mid01_hover_txt{font-size:18px;} } @media (max-width:688px){ .seo_text {font-size:14px;line-height:22px;} } @media (max-width:620px) { } @media (max-width:560px) { .mid01_hover_tit {word-break:keep-all;padding-bottom:20px;} } @media (max-width:520px) { .seo_text { font-size:12px; line-height: 17px} } @media (min-width: 481px) and (max-width: 522px) { .index_bg .bg_txt .p_tit02 {width:354px;} } @media ( max-width: 500px ) { .main7_tab > li.main7_btn{height: 35px;font-size: 12px;border-bottom: 3px solid #b0b0b0;} .main7_ul > li{;margin: 0 0 5px;} .res_co{width: 100%;font-size: 13px;} .res_in{height: 35px;padding: 0 10px;} .res_ta{height: 130px;padding: 10px;} .mid01_hover_tit {font-size:16px;} .mid01_hover_txt {font-size:12px;} .mid01_more {height:40px;line-height:40px;font-size:14px;width:150px;} } @media (max-width:480px) { .seo_text {font-size:12px;line-height:17px;} } @media (max-width:420px) { .index_bg .bg_txt .p_tit01,.index_bg .bg_txt .p_tit02 {word-break:keep-all;} section .cont_tit {word-break : keep-all;line-height: 1.2;} .mid01_hover_tit {font-size:14px;} .mid01_hover_txt {font-size:12px;} } .sub0801_con {padding-top:20px;} .sub0801_con p.notice_p {font-size:16px;width:1400px;margin:0 auto;position:relative;bottom:-20px;} @media (max-width:1400px){ .sub0801_con p.notice_p {font-size:16px;width:100%;margin:0 auto;padding:0 15px;bottom:5px;} } .con_ul {width:100%; overflow:hidden;} .con_ul li {width:32%; height:300px; margin-left:2%; background:#d5d5d5; margin-top:30px; float:left; position:relative;} .con_ul li:nth-child(3n-2) {margin-left:0;} .con_ul li a {display:block; cursor:pointer; color:#fff;width:100%; height:100%; text-align:center; font-size:20px;line-height:30px;font-weight:bold; letter-spacing:-1.2px;} .con_ul li { font-size:20px;line-height:30px;font-weight:bold; letter-spacing:-1.2px; color:#fff; text-align:center;} .con_hover {width:100%; height:100%; background:rgba(0,0,0,0.4);display:none; position:absolute; top:0; left:0; z-index:1; } .con_ul li:hover .con_hover {display:block;} .con_ul_vd li { height: auto; background:none;} /*sub0802*/ .sub0802_1 {width: 100%;height: 400px;background: url(../img/sub0802_bg.png) no-repeat 50% 50%; background-size: cover;} .sub0802 .nav_ul li {width:16%;} @media (max-width:700px) {.sub0802 .nav_ul li {width:33%;}} /*sub0803*/ .sub0803_1 {width: 100%;height: 400px;background: url(../img/sub0803_bg.jpg) no-repeat 50% 50%; background-size: cover;} .nav_ul2 li {width:10%;} .sub0803_top {padding-top:140px; text-align:center;} .top_img {display:flex;justify-content:center; width:100%; padding-bottom:80px; margin-bottom:50px; position:relative;} @media (max-width:660px) {.top_img {padding-bottom:100px;}} @media (max-width:347px) {.top_img {padding-bottom:120px;}} .sub0803_top p.notice_p {word-break:keep-all;font-size:16px;position:absolute;bottom:10px;} .top_img::before {content:''; display:block; width:70%; height:1px; background:url(../img/sub04_before.png) no-repeat; position:absolute; bottom:0; left:15%;} .top_img a {display:block;} .top_p {font-size:20px; letter-spacing:-1.2px; line-height:30px;} .top_p_1 {padding-top:25px;} .p_wrap .addr_woo { float:left; width:80% !important; border:1px solid #ccc;} .p_wrap .addr_btn { float:left; width:20% !important; background:#C27F4A !important; color:#fff !important; font-weight:600; cursor:pointer; border: 0 !important; padding-left:0; font-family:'NanumSquare', dotum, sans-serif; font-size:16px; transform:skew(-0.1deg);}