@charset "utf-8"; @import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Quicksand'); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @font-face { font-family: 'ROEHOE-CHAN'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face{ font-family:NSL; src:url("../fonts/NanumSquareL.eot"); src:local("※"), url("../fonts/NanumSquareL.woff") format("woff"), url("../fonts/NanumSquareL.ttf") format("truetype") } @font-face { font-family: 'GowunBatang-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* SIR 지운아빠 */ /* 초기화 */ html {overflow-y:scroll;overflow-x:hidden} body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0} body {font-size:12px;font-family:'Noto Sans KR', sans-serif;color:#333;} h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit} ul{list-style:none} a{text-decoration:none} a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none}button{border:0px;background:none;cursor:pointer;font-family:inherit} img{border:0px;vertical-align:top} address{font-style:normal} header, nav, section, article, footer{display:block} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999wem;overflow:hidden} label, input, button, select{vertical-align:middle} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} table{border-spacing:0px;border-collapse:collapse} em{font-style:normal} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;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_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ #hd {z-index:4;position:relative;min-width:970px;background:#fff} .hd_zindex {z-index:10 !important} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:5px 0 0} /* 전체 검색 */ #hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca} #hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em} #hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer} /* 텍스트 크기 조절 */ #text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px} #text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer} .ts_up {font-size:1.167em !important} .ts_up2 {font-size:1.3em !important} /* 상단 회원가입 등 링크 */ #tnb {float:right;margin:0;padding:0;list-style:none;zoom:1} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0 0 0 10px} #tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none} #tnb img {margin-right:3px} /* 메인메뉴 */ #gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1} #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} .gnb_1dli {z-index:10;position:relative;float:left} .gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none} .gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none} .gnb_1dli_air .gnb_1da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_1da {background-color:#333;color:#fff} .gnb_2dul {display:none;position:absolute;top:35px;width:180px} .gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none} .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_2da {background-color:#333;color:#fff} .gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none} .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff} #gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em} #gnb_empty a {text-decoration:underline} /* 중간 레이아웃 */ #wrapper {z-index:5;margin:0 auto;width:970px;border-right:1px solid #dde4e9;border-left:1px solid #dde4e9;zoom:1} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff} #container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold} /* 하단 레이아웃 */ #ft {min-width:970px;border-top:1px solid #dde4e9;background:#f2f5f9} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft p {margin:0;padding:10px 0;line-height:1.8em} #ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center} #ft_company {text-align:center} #ft_copy {background:#414141} #ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:970px;color:#fff} #ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit} #ft_copy #ft_totop {position:absolute;top:10px;right:0} /* 게시물 선택복사 선택이동 */ #copymove {} .copymove_current {float:right;color:#ff3061} .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;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 {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat} #captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat 0 -30px;border-top:1px solid #ccc;text-indent:-999px} #captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;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:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -30px;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/captcha.png') no-repeat; 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%} /* 버튼 */ 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:center} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {line-height:24px} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 댓글 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .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:12px 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_head01 thead a {color:#383838} .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-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:35px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-size: 15px} .tbl_head01 a {} .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} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;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} .tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:22px} .tbl_frm01 textarea {width:98%;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} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ .required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 테이블 항목별 정의 */ .td_board {width:120px;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:100px;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 {} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;margin-left:-1px} .new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"Noto Sans KR";font-weight:bold;text-decoration:none} .new_win .win_desc {padding:20px} .new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */ .new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer} .new_win .win_btn input {padding:0 10px;height:30px;line-height:2em} .new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em} .new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none} /* 검색결과 색상 */ .sch_word {color:#ff3061} /* 자바스크립트 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 {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646} .sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center} .pg {} .pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {background:#e4eaec;text-decoration:none} .pg_start, .pg_prev {/* 이전 */} .pg_end, .pg_next {/* 다음 */} .pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} /* 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} /*메일인증*/ .rg_em{margin-top:5px} .rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden} /*캡챠 모바일에서 피시버젼*/ #captcha.m_captcha audio{display:block;margin:5px 0 10px} #captcha.m_captcha #captcha_key{margin-left:3px } #captcha.m_captcha #captcha_reload span{background:none;display:inline} #captcha.m_captcha #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer} .area{width:1280px;margin:0 auto} .clear:after{display:block;content:"";clear:both} #header{width:100%;height:100px;line-height:100px} #header .area{height:100%;width: 1380px;} #header .area h1.logo{float:left;height:100%} #header .area h1.logo a{display:block;height:100%} #header .area h1.logo a img{padding-top:42px} #header .area #gnb2{float:right;height:100%} #header .area #gnb2 > ul{height:100%} #header .area #gnb2 > ul > li{float:left;margin-left:10px;height:100%} #header .area #gnb2 > ul > li:firvst-child{margin-left:0} #header .area #gnb2 > ul > li > a{display:block;font-size:17px;height:100%} #header .area #gnb2 > ul > li > a span.line{display:block;margin-left:50%;width:0;height:3px;background:#BD645E;margin-top:-3px} #header .area #gnb2 > ul > li > ul{display:none;position:absolute;top:100px;left:50%;margin-left:-850px;width:1700px;height:50px;line-height:50px;background:#467bb0;opacity:0;filter:Alpha(opacity=0);z-index:100;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0} #header .area #gnb2 > ul > li > ul > li{float:left;padding-left:20px} #header .area #gnb2 > ul > li > ul > li:first-child{padding-left:0} #header .area #gnb2 > ul > li.g1 > ul > li:first-child{padding-left:448px} #header .area #gnb2 > ul > li.g2 > ul > li:first-child{padding-left:530px} #header .area #gnb2 > ul > li.g3 > ul > li:first-child{padding-left:613px} #header .area #gnb2 > ul > li.g4 > ul > li:first-child{padding-left:752px} #header .area #gnb2 > ul > li.g5 > ul > li:first-child{padding-left:589px} #header .area #gnb2 > ul > li.g6 > ul > li:first-child{padding-left:555px} #header .area #gnb2 > ul > li.g7 > ul > li:first-child{padding-left:1072px} #header .area #gnb2 > ul > li.g8 > ul > li:first-child{padding-left:1266px} #header .area #gnb2 > ul > li.g9 > ul > li:first-child{padding-left:1274px} #header .area #gnb2 > ul > li.g10 > ul > li:first-child{padding-left:1364px} #header .area #gnb2 > ul > li > ul > li a{color:#fff;font-family:'Noto Sans KR', NSL, sans-serif;font-size:14px;font-weight:lighter} #header .area #gnb2 > ul > li > ul > li:hover a, #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li a:focus{font-weight:bold} #header2{position:absolute;top:0;left:0;width:100%;height:80px;background:url("../img/main/mn_hd_bg.png");z-index:20;} #header2 h1.hd2_logo{position:absolute;top:50%;left:50%;width:225px;height:20px;margin-left:-112.5px;margin-top:-10px} #header2 .menu{width:40px;height:50px;position:relative;z-index:10} #header2 .menu:hover{cursor: pointer} #header2 .menu-3 {position: absolute;top:30px;left:50%;margin-left:-640px;} #header2 .menu-3:hover .menu-item:nth-child(2) {-webkit-transform: translateX(5px);transform: translateX(5px)} #header2 .menu-3.open .menu-item {background:#333 !important} #header2 .menu-3.open .menu-item:first-child {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 10px 50%;transform-origin: 10px 50%} #header2 .menu-3.open .menu-item:nth-child(2) {-webkit-transform: translateX(40px);transform: translateX(40px);opacity: 0} #header2 .menu-3.open .menu-item:nth-child(3) {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 8px 50%;transform-origin: 8px 50%} #header2 .menu-item{-webkit-transition:all 0.2s;transition:all 0.2s;display:block;width:40px;height:3px;margin:0 0 5px;background:#333} #header2 .util{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:600px} #header2 .util ul li{float:left;margin-left:9px} #header2 .full_menu{position:absolute;top:0px;left:-380px;width:380px;height:4480px;background:#fff;z-index:9} #header2 .full_menu > h3{font-size:22px;font-family:'Noto Sans KR', NSL, Noto Sans KR, sans-serif;font-weight:bold;margin:120px 0 74px 32px} #header2 .full_menu > h3 span{display:block;width:208px;height:1px;background:#333;margin-top:3px} #header2 .full_menu > ul{margin-left:32px} #header2 .full_menu > ul > li{width:294px} #header2 .full_menu > ul > li > a{display:block;position:relative;font-size:17px;color:#b3b3b3;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;height:50px;line-height:50px;border-bottom:1px solid #dadada} #header2 .full_menu > ul > li.on{border-bottom:1px solid #333} #header2 .full_menu > ul > li.on > a{color:#333;border-bottom:1px solid #333;font-weight:bold} #header2 .full_menu > ul > li > a span.col{position:absolute;top:16px;left:274px;width:1px;height:17px;background:#b3b3b3} #header2 .full_menu > ul > li > a span.tra{position:absolute;top:24px;left:266px;width:17px;height:1px;background:#b3b3b3} #header2 .full_menu > ul > li > ul{display:none;} #header2 .full_menu > ul > li > ul li a{display:block;margin-left:35px;font-size:17px;color:#b3b3b3;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;height:50px;line-height:50px;border-top:1px solid #dadada} #header2 .full_menu > ul > li > ul li:hover a, #header2 .full_menu > ul > li > ul li a:focus{color:#333;font-weight:bold} #header2 .full_menu > ul > li > ul li:first-child a{border-top:0} #header2 .full_menu #otFooter{margin-left:32px;margin-top:69px} #header2 .full_menu #otFooter ul li{color:#b2b2b2;font-family:'Noto Sans KR', NSL, sans-serif;margin-bottom:12px} #header2 .full_menu #otFooter ul.bt li.cr{line-height:1.5;padding-top:15px} #header2 .full_menu #otFooter span.line{display:block;width:140px;height:1px;background:#e6e6e6;margin:17px 0} #header2 #fmMask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:Alpha(opacity=50);} .mn_q a{position:fixed;bottom:153px;right:-104px;z-index:9998} .mn_q a.st{bottom:248px} .mn_q a.fb{bottom:58px} .mn_q a.top{bottom:0} /*#popup.pop2{right:33.5%;}*/ .main-pop-wrap{position:fixed;top:46%;right:1%;z-index:9999;display: flex; gap:25px;} #popup{width:608px;height:710px;margin-top:-370px;position: relative;} /*#popup{position:fixed;top:46%;right:1%;width:608px;height:710px;margin-top:-370px;z-index:9999}*/ #popup .cnt{width:100%;height:100%;overflow:hidden} #popup .cnt ul{position:relative;width:100%;height:100%} #popup .cnt ul a{display: block; width:100%; height:auto;} #popup .cnt ul li{width:100%;height:auto;position:absolute;top:0px;left:100%} #popup .cnt ul li img{width: 100%; height: 660px;object-fit: cover;} #popup .cnt ul li.pop01{left:0px} #popup .cnt ul li.pop02{left:100%} #popup .cnt ul li.pop03{left:100%} #popup .btn{height:30px;line-height:30px} #popup .btn *{vertical-align:middle} #popup .btn p{position:absolute;top:-30px;left:0;color:#fff;font-size:14px} #popup .btn .close{position:absolute;top:-35px;right:0px} #popup .prev_next a{position:absolute;bottom: 2%;margin-top:-30.5px} #popup .prev_next .prev{left: 0;} #popup .prev_next .next{left: 30px;} #popup .paging{position:absolute;left:14%;bottom:20px} #popup .paging li{float:left;margin-left:10px} #popup .paging li:first-child{margin-left:0} #popup .paging li a{display:block;width:16px;height:2px;background:#fff;text-indent:-9999px;font-size:0;line-height:0;opacity:0.5;filter:Alpha(opacity=50);} #popup .paging li.on a{opacity:1;filter:Alpha(opacity=100);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);background:#f6ca13} #bBox{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.6;filter:Alpha(opacity=60);z-index:5000} #popup #videoModal{display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);} #popup #videoModal .modal-content {position: relative;margin: 6% auto;padding: 0;width: 70%;border-radius: 8px;overflow: hidden;} #popup #videoModal .videoclose {position: absolute;top: 0px; right: 16px;font-size: 28px;cursor: pointer;color:#fff;} #main .cnt11{position:relative;width:100%;overflow:hidden;} #main .cnt11 .wrap{overflow:hidden;} #main .cnt11 .wrap .bg_video{position:relative;width:100%;height:100%;z-index:1} #main .cnt11 .wrap .bg_video .bk_bg{position:absolute;top:0;left:0;background:#000;opacity:0.1;filter:Alpha(opacity=10);width:100%;height:100%;z-index:2} #main .cnt11 .wrap .bg_video .dot_bg{position:absolute;top:0;left:0;background:url("../img/dot2.gif");width:100%;height:100%;z-index:3} #main .cnt11 .tab_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10} #main .cnt11 .tab_wrap .tab_tit{position:absolute;top:50%;left:50%;margin-left:-210px;margin-top:-60px;z-index:20} #main .cnt11 .tab_wrap .tab_tit ul li{float:left;width:140px;height:24px;} #main .cnt11 .tab_wrap .tab_tit ul li a{display:block;width:100%;height:100%;background-image:url("../img/main/mn_video_tit.png");background-repeat:no-repeat} #main .cnt11 .tab_wrap .tab_tit ul li.tab1 a{background-position:0 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab2 a{background-position:-139px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab3 a{background-position:-278px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab4 a{background-position:-278px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab1.on a{background-position:0 -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab2.on a{background-position:-139px -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab3.on a{background-position:-278px -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab4.on a{background-position:-278px -24px} #main .cnt11 .tab_wrap .tab_tit ul li .video-text{display:block;width:100%;height:100%;background-image:url("../img/main/mn_video_tit2.png");background-repeat:no-repeat} #main .cnt11 .tab_wrap .tab_tit ul li.tab1 .video-text{background-position:0 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab2 .video-text{background-position:-139px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab4 .video-text{background-position:-278px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab3 .video-text{background-position:-417px 0} #main .cnt11 .tab_wrap .tab_tit ul li.tab1.on .video-text{background-position:0 -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab2.on .video-text{background-position:-139px -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab4.on .video-text{background-position:-278px -24px} #main .cnt11 .tab_wrap .tab_tit ul li.tab3.on .video-text{background-position:-417px -24px} #main .cnt11 .tab_wrap .tab_tit ul li a p{text-indent:-9999px;font-size:0;line-height:0} #main .cnt11 .tab_wrap .tab_txt{position:absolute;top:0px;left:0;width:100%;height:100%;z-index:9} #main .cnt11 .tab_wrap .tab_txt ul{width:100%;height:100%} #main .cnt11 .tab_wrap .tab_txt ul li{position:absolute;top:0;left:-100%;width:100%;height:100%;} #main .cnt11 .tab_wrap .tab_txt ul li.first{left:0;} #main .cnt11 .tab_wrap .tab_txt ul li .h2_box{position:absolute;top:50%;left:50%;width:530px;height:100px;margin-left:-265px;} #main .cnt11 .tab_wrap .tab_txt ul li .h2_box h2{text-align:center;padding-bottom:24px} #main .cnt11 .tab_wrap .tab_txt ul li .h2_box a{display:block;text-align:center} #main .cnt11 .tab_wrap .tab_txt ul li iframe{position:absolute;top:0;left:0;width:100%;height:100%} #main .cnt11 .tab_wrap button.down{position:absolute;bottom:20px;left:50%;margin-left:-16px;z-index:10} #main .cnt11 .tab_wrap .tab_txt ul li .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999} #main .cnt11 .tab_wrap .tab_txt ul li #mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:Alpha(opacity=80)} #main .cnt11 .tab_wrap .tab_txt ul li .modal .movie_wrap{width:1053px;height:592px;position:absolute;top:50%;left:50%;margin-left:-526.5px;margin-top:-296px} #main .cnt11 .tab_wrap .tab_txt ul li .modal .movie_wrap .close{position:absolute;top:-50px;right:0;width:50px;height:50px;color:#fff;text-align:right;font-size:30px;font-weight:bold;font-family:'Noto Sans KR', sans-serif} #main .cnt2{position:relative;background:url("../img/main/mn_c2_bg.jpg") no-repeat center;height:998px} #main .cnt2 #mnHd{position:absolute;top:0;left:0;width:100%;height:100px;line-height:100px;background:url("../img/main/mn_hd_bg2.png");z-index:10} #main .cnt2 #mnHd .area{height:100%} #main .cnt2 #mnHd .area h1.logo{float:left;height:100%} #main .cnt2 #mnHd .area h1.logo a{display:block;height:100%} #main .cnt2 #mnHd .area h1.logo a img{padding-top:42px} #main .cnt2 #mnHd .area #gnb3{float:right;height:100%} #main .cnt2 #mnHd .area #gnb3 > ul{height:100%} #main .cnt2 #mnHd .area #gnb3 > ul > li{float:left;margin-left:10px;height:100%} #main .cnt2 #mnHd .area #gnb3 > ul > li:firvst-child{margin-left:0} #main .cnt2 #mnHd .area #gnb3 > ul > li > a{display:block;font-size:17px;color:#fff;height:100%} #main .cnt2 #mnHd .area #gnb3 > ul > li > a span.line{display:block;margin-left:50%;width:0;height:3px;background:#BD645E;margin-top:-3px} #main .cnt2 #mnHd .area #gnb3 > ul > li > ul{display:none;position:absolute;top:100px;left:0;width:100%;height:50px;line-height:50px;background:#1E4163;opacity:0;filter:Alpha(opacity=0)} #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li{float:left;padding-left:20px} #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li:first-child{padding-left:0} #main .cnt2 #mnHd .area #gnb3 > ul > li.g1 > ul > li:first-child{padding-left:595px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g2 > ul > li:first-child{padding-left:692px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g3 > ul > li:first-child{padding-left:773px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g4 > ul > li:first-child{padding-left:888px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g5 > ul > li:first-child{padding-left:866px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g6 > ul > li:first-child{padding-left:800px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g7 > ul > li:first-child{padding-left:1215px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g8 > ul > li:first-child{padding-left:1390px} #main .cnt2 #mnHd .area #gnb3 > ul > li.g9 > ul > li:first-child{padding-left:1380px} #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li a{color:#fff;font-family:'Noto Sans KR', NSL, sans-serif;font-size:14px;font-weight:lighter} #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li:hover a, #main .cnt2 #mnHd .area #gnb3 > ul > li > ul > li a:focus{font-weight:bold} #main .cnt2 .c2_txt h3{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-size:50px;color:#fff;text-align:center;padding-top:216px} #main .cnt2 .c2_txt h3 span.s1{letter-spacing:57px} #main .cnt2 .c2_txt h3 strong{display:block;color:#ebfc58;font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;padding-top:15px} #main .cnt2 .c2_txt h3 strong span.s2{letter-spacing:10px} #main .cnt2 .c2_txt .img24{width:305px;margin:0 auto;padding-top:63px} #main .cnt2 .c2_txt span.line{display:block;width:1px;height:100px;background:#aaa;margin:23px auto 0} #main .cnt2 .c2_txt .hos{width:180px;background:#467bb0;color:#fff;position:relative;height:50px;line-height:50px;transition:800ms ease all;margin:20px auto 0} #main .cnt2 .c2_txt .hos a{display:block;width:100%;height:100%;color:#fff;text-align:center;font-size:18px} #main .cnt2 .c2_txt .hos:hover{background:none} #main .cnt2 .c2_txt .hos:hover a{font-weight:bold} #main .cnt2 .c2_txt .hos:before,#main .cnt2 .c2_txt .hos:after{content:'';position:absolute;top:0;right:0;height:3px;width:0;background:#BD645E;transition:400ms ease all} #main .cnt2 .c2_txt .hos:after{right:inherit;top:inherit;left:0;bottom:0} #main .cnt2 .c2_txt .hos:hover:before,#main .cnt2 .c2_txt .hos:hover:after{width:100%;transition:800ms ease all} #main .cnt3{height:248px} #main .cnt3 ul li{float:left;width:25%} #main .cnt3 ul li a{display:block} #main .cnt3 ul li a .icon{text-align:center} #main .cnt3 ul li.qb1 a .icon{margin-top:52px} #main .cnt3 ul li.qb2 a .icon, #main .cnt3 ul li.qb3 a .icon{margin-top:50px} #main .cnt3 ul li.qb4 a .icon{margin-top:72px} #main .cnt3 ul li a p{font-size:20px;text-align:center;font-weight:bold} #main .cnt3 ul li.qb1 a p, #main .cnt3 ul li.qb3 a p{padding-top:27px} #main .cnt3 ul li.qb2 a p{padding-top:22px} #main .cnt3 ul li.qb4 a p{padding-top:43px} #main .cnt3 ul li span{display:block;width:15px;margin:18px auto 0} #main .cnt4{width:100%;height:700px;background:#2b354a} #main .cnt4 h4{font-size:38px;text-align:center;color:#fff;font-weight:bold;padding:88px 0 68px} #main .cnt4 .area{position:relative} #main .cnt4 .area > a{position:absolute;top:310px} #main .cnt4 .area > a.prev{left:0} #main .cnt4 .area > a.next{right:0} #main .cnt4 .ul_wrap{width:1122px;height:422px;overflow:hidden;margin:0 auto} #main .cnt4 .ul_wrap ul{width:2244px} #main .cnt4 .ul_wrap ul li{float:left;width:292px;height:422px;margin:0 41px} #main .cnt4 .ul_wrap ul li a h5{font-size:23px;color:#fff;text-align:center;padding-top:30px;padding-bottom:47px} #main .cnt4 .ul_wrap ul li a span{display:block;width:17px;margin:0 auto} #main .cnt5 .tit{float:left;margin-top:119px} #main .cnt5 .tit p{font-family:'Noto Sans KR', sans-serif;color:#a2af2c;font-size:36px} #main .cnt5 .tit p span.s1{letter-spacing:10px} #main .cnt5 .tit p span.s2{letter-spacing:14.5px} #main .cnt5 .tit > strong{display:block;font-size:28px;font-weight:bold;padding-top:20px} #main .cnt5 .tit > strong span{letter-spacing:5px} #main .cnt5 .tit a.det{display:block;width:120px;height:35px;line-height:35px;border:1px solid #333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;font-weight:bold;margin-top:25px} #main .cnt5 .txt{width:840px;float:left;position:relative;left:100px} #main .cnt5 .txt ul li .left{float:left;margin-top:140px;margin-left:90px} #main .cnt5 .txt ul li.doc3 .left, #main .cnt5 .txt ul li.doc4 .left{margin-left:150px} #main .cnt5 .txt ul li .left h6{font-size:19px;color:#ce8c1c;padding-bottom:19px;text-align:right} #main .cnt5 .txt ul li .left h6 strong{font-size:25px} #main .cnt5 .txt ul li .left > strong{font-size:19px;display:block;text-align:right;padding-bottom:17px} #main .cnt5 .txt ul li .left p{font-family:'Noto Sans KR', NSL, sans-serif;font-size:13px;text-align:right;padding-bottom:8px} #main .cnt5 .txt ul li .right{float:left;padding-top:50px;padding-left:50px} #main .cnt5 .txt .bx-wrapper .bx-controls .bx-controls-direction a{position:absolute;top:240px;width:31px;height:57px;background-repeat:no-repeat;background-position:center;text-indent:-9999px;font-size:0;line-height:0} #main .cnt5 .txt .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{left:0;background-image:url("../img/main/mn_c5_left.png")} #main .cnt5 .txt .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{right:0;background-image:url("../img/main/mn_c5_right.png")} #main .cnt5 .pt img{margin-top:-60px} #main .cnt6{height:470px;background:#e0e0e0;margin-top:-104px} #main .cnt6 .img{display:block;margin:0 auto;width:1280px} #main .cnt6 h3{font-size:25px;text-align:center;font-weight:bold;margin:1em 0} #main .cnt6 .img img{display:block;margin:0 auto;} #main .cnt6 h3 span{letter-spacing:20px} #main .cnt6 h4{font-size:25px;text-align:center;font-weight:bold;padding:170px 0 30px} #main .cnt6 h4 span{letter-spacing:20px} #main .cnt7{margin-bottom:97px} #main .cnt7 .area > div{float:left;width:50%} #main .cnt7 .area > div h4{font-size:27px;text-align:center;font-weight:bold;padding-top:87px;padding-bottom:18px} #main .cnt7 .area > div h4 span{letter-spacing:15px} #main .cnt7 .area > div .box{width:350px;height:200px;border:1px solid #d7d7d7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto} #footer{height:327px;border-top:2px solid #b5b5b5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #footer.mnft{height:276px} #footer .terms{padding-top:38px;padding-bottom:60px} #footer .terms ul{text-align:center} #footer .terms ul li{display:inline-block;padding-left:60px;background:url("../img/main/footer_bar.gif") no-repeat 30px center} #footer .terms ul li:first-child{padding-left:0;background:none} #footer .terms ul li a{font-family:'Noto Sans KR', NSL, sans-serif;font-size:14px;color:#666} #footer h2.ft_logo{width:217px;margin:0 auto 34px} #footer h2.ft_logo a{display:block} #footer address, #footer p.copy{font-family:'Noto Sans KR', NSL, sans-serif;color:#666;text-align:center;font-size:14px} #footer p.copy{padding-top:7px} #footer .client{border-bottom:2px solid #b5b5b5} .sub_com .sub_visual{position:relative;width:1700px;height:200px;background-repeat:no-repeat;background-position:center;margin:0 auto} .sub_com .cnt1{margin-top:160px} #sub0101 .sub_visual{background-image:url("../img/sub/s11_visual.jpg")} #sub0102 .sub_visual{background-image:url("../img/sub/s12_visual.jpg")} #sub0103 .sub_visual{background-image:url("../img/sub/s13_visual.jpg")} #sub0104 .sub_visual{background-image:url("../img/sub/s14_visual.jpg")} #sub0105 .sub_visual{background-image:url("../img/sub/s15_visual.jpg")} #sub0201 .sub_visual{background-image:url("../img/sub/s21_visual.jpg")} #sub0202 .sub_visual{background-image:url("../img/sub/s22_visual.jpg")} #sub0203 .sub_visual{background-image:url("../img/sub/s22_visual.jpg")} #sub0301 .sub_visual{background-image:url("../img/sub/s31_visual.jpg")} #sub0302 .sub_visual{background-image:url("../img/sub/s32_visual.jpg")} #sub0303 .sub_visual{background-image:url("../img/sub/s33_visual.jpg")} #sub0304 .sub_visual{background-image:url("../img/sub/s34_visual.jpg")} #sub0305 .sub_visual{background-image:url("../img/sub/s35_visual.jpg")} #sub0306 .sub_visual{background-image:url("../img/sub/s36_visual.jpg")} #sub0307 .sub_visual{background-image:url("../img/sub/s37_visual.jpg")} #sub0401 .sub_visual{background-image:url("../img/sub/s41_visual.jpg")} #sub0402 .sub_visual{background-image:url("../img/sub/s42_visual.jpg")} #sub0501 .sub_visual{background-image:url("../img/sub/s51_visual.jpg")} #sub0600 .sub_visual{background-image:url("../img/sub/s60_visual.jpg")} #sub0601 .sub_visual{background-image:url("../img/sub/s61_visual.jpg")} #sub0602 .sub_visual{background-image:url("../img/sub/s62_visual.jpg")} #sub0603 .sub_visual{background-image:url("../img/sub/s63_visual.jpg")} #sub0604 .sub_visual{background-image:url("../img/sub/s64_visual.jpg")} #sub0605 .sub_visual{background-image:url("../img/sub/s65_visual.jpg")} #sub0606 .sub_visual{background-image:url("../img/sub/s66_visual.jpg")} #sub0607 .sub_visual{background-image:url("../img/sub/s67_visual.jpg")} #sub0608 .sub_visual{background-image:url("../img/sub/s68_visual.jpg")} #sub0609 .sub_visual{background-image:url("../img/sub/s69_visual.jpg")} #sub0610 .sub_visual{background-image:url("../img/sub/s610_visual.jpg")} #sub0701 .sub_visual{background-image:url("../img/sub/s71_visual.jpg")} #sub0801 .sub_visual{background-image:url("../img/sub/s81_visual.jpg")} #sub0802 .sub_visual{background-image:url("../img/sub/s82_visual.jpg")} #sub0803 .sub_visual{background-image:url("../img/sub/s82_visual.jpg")} #sub0901 .sub_visual, #sub0902 .sub_visual{background-image:url("../img/sub/qna_visual.jpg")} #sub0903 .sub_visual{background-image:url("../img/sub/s93_visual.jpg")} .sub_com .sub_visual .text-js{opacity:0} .sub_com .sub_visual .cursor{display:block;position:absolute;height:100%;top:0;right:-5px;width:2px;background-color:#fff;z-index:1;-webkit-animation:flash 0.5s none infinite alternate;animation:flash 0.5s none infinite alternate} @-webkit-keyframes flash { 0%{opacity:1} 100%{opacity:0} } @keyframes flash { 0%{opacity:1} 100%{opacity:0} } .sub_com .sub_visual .headline{position:absolute;top:27%;left:40%;color:#fff;font-size:40px;text-align:center;font-family:'Noto Sans KR', Noto Sans KR, sans-serif} .sub_com .sub_visual .direction > a{position:absolute;top:50%;margin-top:-15px;width:220px} .sub_com .sub_visual .direction a.left{left:27px} .sub_com .sub_visual .direction a.right{right:27px} .sub_com .sub_visual .direction > a span{display:block} .sub_com .sub_visual .direction > a span.circle{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0.5;filter:Alpha(opacity=50)} .sub_com .sub_visual .direction > a.right span.circle{float:right} .sub_com .sub_visual .direction > a span.line{position:absolute;top:50%;width:50px;height:1px;background:#fff} .sub_com .sub_visual .direction > a.left span.line{left:15px} .sub_com .sub_visual .direction > a.right span.line{right:15px} .sub_com .sub_visual .direction > a p{position:absolute;top:50%;margin-top:-6px;color:#fff;font-weight:bold;opacity:0;filter:Alpha(opacity=0)} .sub_com .sub_visual .direction > a.left p{font-size:14px;left:75px} .sub_com .sub_visual .direction > a.right p{font-size:14px;right:75px} .sub_com .sub_visual .col_line{position:absolute;bottom:-110px;left:50%;width:1px;height:135px;background:#bfbfbf} #sub0101 .cnt1{position:relative;width:1700px;/*height:1770px;*/margin:164px auto 108px;background:#454545;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px} #sub0101 .cnt1 .doc{position:absolute;top:50%;left:50%} #sub0101 .cnt1 .doc1{margin-top:800px;/* margin-top:-500px; *//*margin-top:-220px;*/margin-left:-820px} #sub0101 .cnt1 .doc2{margin-top:800px;/* margin-top:-500px; *//*margin-top:-220px;*/margin-left:350px} #sub0101 .cnt1 .top{position:relative} #sub0101 .cnt1 .top h4{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-size:20px;color:#fff;text-align:center;padding-top:77px;padding-bottom:74px} #sub0101 .cnt1 .top h4 span{display:inline-block;padding:0 20px} #sub0101 .cnt1 .top h3{text-align:center;padding-bottom:48px;color:#ffffff;font-size:34px;line-height:1.6} #sub0101 .cnt1 .top > p{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;color:#8b8b8b;font-size:17px;text-align:center;padding-bottom:20px} #sub0101 .cnt1 .top .top_bar{display:block;width:1px;height:200px;background:#646464;margin:5px auto 37px} #sub0101 .cnt1 .mid h4{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-size:40px;color:#8b8b8b;text-align:center;padding-bottom:90px;font-weight:700; font-family: 'GowunBatang-Regular';} #sub0101 .cnt1 .mid h4 span{letter-spacing:25px} #sub0101 .cnt1 .mid .mid_bar{display:block;width:1px;height:120px;background:#646464;margin:42px auto 53px} #sub0101 .cnt1 .btm{margin-bottom:20%;} #sub0101 .cnt1 .btm p{font-size:18px;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;color:#fff;text-align:center;line-height:2;padding-bottom:50px; font-family: 'GowunBatang-Regular';} #sub0101 .cnt1 .btm p strong{font-family:'Noto Sans KR',NSL, sans-serif;color:#fff; font-family: 'GowunBatang-Regular';} #sub0101 .cnt1 .btm ul{width: fit-content;margin: 0 auto; padding-bottom: 70px;} #sub0101 .cnt1 .btm .motto{margin:40px auto 53px auto; padding-bottom: 0;} #sub0101 .cnt1 .btm ul li{font-size:18px;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;color:#bebebe;line-height:2;padding-bottom:15px;} #sub0101 .cnt1 .btm ul li:first-child{text-align: center;} #sub0101 .cnt1 .btm ul li strong{font-family:'Noto Sans KR',NSL, sans-serif;color:#fff} #sub0101 .cnt1 .sub0101-talk{margin:3% auto;display:block;} /* sub0101 */ #sub0101 .sub0101-inner{width:1500px; margin: 170px auto 100px; display: flex; justify-content: space-between;position: relative; /*align-items: center;*/} #sub0101 .sub0101-inner::before{position: absolute; left: 0; top: 0; width: 85.5%; height: 90%; border: 15px solid #f0f0f0; border-left: 0; content: ""; z-index: -1;} #sub0101 .left{padding-top:5%;} #sub0101 .sub_visual .direction a.right{position:absolute !important; margin-top: -15px !important;} #sub0101 .sub_visual .direction a.left{padding-top:0 !important;} #sub0101 .left .left-tit{display: flex; align-items: center; gap:20px; margin-bottom: 40px;position: relative;} #sub0101 .left .left-tit img{width:30px;} #sub0101 .left .left-tit h4{font-size: 30px;color: #000;text-align: center;font-weight: 700;font-family: 'GowunBatang-Regular';letter-spacing:5px;} #sub0101 .left p{font-size:18px;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;line-height:2;padding-bottom:55px; font-family: 'GowunBatang-Regular';} #sub0101 .left p:last-child{padding-bottom: 0;} #sub0101 .left p.sub0101-padding{padding-bottom:20px;} #sub0101 .left p strong{font-family:'Noto Sans KR',NSL, sans-serif;font-family: 'GowunBatang-Regular'; font-weight: 600;} #sub0101 .left p span{font-weight: 600; text-decoration: underline;} #sub0101 .left .left-txt span{font-size: 19px;} #sub0101 .left .left-txt span strong{margin-left: 15px;font-size: 26px;color: #000;font-weight:300;letter-spacing: 0.159em; font-family: 'ROEHOE-CHAN';} #sub0101 .left .motto{margin:53px auto 53px auto; padding-bottom: 0; width:100%;} #sub0101 .left ul{position: relative; width:fit-content; padding-right: 90px;} #sub0101 .left ul li{font-size:18px;font-family: 'GowunBatang-Regular';line-height:2;} #sub0101 .left ul li span{width:65px;display:inline-block;text-align:right;} #sub0101 .left ul li h3{font-size: 22px; margin-bottom: 5px;font-weight: 600;} #sub0101 .left ul li strong{font-weight: 600;} #sub0101 .left ul li i{font-weight: 700; font-size: 23px;} #sub0101 .left ul::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;content: "";z-index: -1;} #sub0101 .right{margin-top: 180px;position: relative; height:fit-content;} #sub0101 .right::before{content:"";width:100%; height:98%; border: 5px solid #f0f0f0; position: absolute; right:-20px; bottom:-15px; z-index:-1;} #sub0102 .cnt1{margin-bottom:220px; height: 650px;} #sub0102 .cnt1 .doc_wrap{position:relative} #sub0102 .cnt1 .doc_wrap > li{margin-bottom:30px} #sub0102 .cnt1 .doc_wrap > li.new-btn{margin-bottom:20px} #sub0102 .cnt1 .doc_wrap > li.new-btn > a{height:110px;} #sub0102 .cnt1 .doc_wrap > li > a{position:relative;display:block;width:354px;height:116px;} #sub0102 .cnt1 .doc_wrap > li > a .m_img{float:left;padding-right:42px} #sub0102 .cnt1 .doc_wrap > li > a .name h3{font-size:26px;font-weight:bold;letter-spacing:1px;padding-top:25px;color:#999} #sub0102 .cnt1 .doc_wrap > li.on > a .name h3{color:#333} #sub0102 .cnt1 .doc_wrap > li > a .name h3 span{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-weight:normal} #sub0102 .cnt1 .doc_wrap > li > a .name p{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-size:13px;color:#999} #sub0102 .cnt1 .doc_wrap > li.btn1 > a .name p span{letter-spacing:7.4px} #sub0102 .cnt1 .doc_wrap > li.btn2 > a .name p span{letter-spacing:5.9px} #sub0102 .cnt1 .doc_wrap > li.btn3 > a .name p span{letter-spacing:7.4px} #sub0102 .cnt1 .doc_wrap > li.btn4 > a .name p span{letter-spacing:3px} #sub0102 .cnt1 .doc_wrap > li.btn6 > a .name p span{letter-spacing:3px} #sub0102 .cnt1 .doc_wrap > li.btn9 > a .name p span{letter-spacing:2.4px} #sub0102 .cnt1 .doc_wrap > li.btn10 > a .name p span{letter-spacing:3.7px} #sub0102 .cnt1 .doc_wrap > li > a .btm_line{position:absolute;left:0;bottom:1px;width:100%;height:1px;background:#eee} #sub0102 .cnt1 .doc_wrap > li.on > a .btm_line{height:10px;background:url("../img/sub/s12_line_on.png") no-repeat center} #sub0102 .cnt1 .doc_wrap > li .subs{display:none;opacity:0;filter:Alpha(opacity=0)} #sub0102 .cnt1 .doc_wrap > li.on .subs{display:block;opacity:1;filter:Alpha(opacity=100)} #sub0102 .cnt1 .doc_wrap > li .subs{position:absolute;top:0;left:374px;width:906px;z-index:100} #sub0102 .cnt1 .doc_wrap > li .subs > *{float:left} #sub0102 .cnt1 .doc_wrap > li .subs .txt{position:relative;width:390px;height:556px} #sub0102 .cnt1 .doc_wrap > li .subs .txt > h5{font-size:18px;color:#467bb0;padding-left:33px;padding-bottom:10px} #sub0102 .cnt1 .doc_wrap > li .subs .txt > h4{font-size:30px;font-weight:bold;padding-left:33px} #sub0102 .cnt1 .doc_wrap > li .subs .txt > h4 span{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-weight:normal} #sub0102 .cnt1 .doc_wrap > li .subs .txt > h4 img{padding-right:13px;vertical-align:middle} #sub0102 .cnt1 .doc_wrap > li .subs .txt .row_line{position:absolute;top:115px;left:-51px;width:257px;height:1px;background:#bd645e; display: none;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point{margin-top:60px;margin-left:40px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point h6{font-size:19px;font-weight:bold;padding-bottom:20px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point ul li{margin-bottom:11px} #sub0102.new-sub0102 .cnt1 .doc_wrap > li .subs .txt .point ul li{margin-bottom: 10px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point ul li span{display:inline-block;width:6px;height:6px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;background:#a2bdd7;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point ul li p{display:inline-block;font-size:16px;padding-left:10px;font-family:'Noto Sans KR', NSL, sans-serif;color: #121212;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .point ul li p > em{display:block;padding-left:0px} #sub0102 .cnt1 .doc_wrap > li.btn5 .subs .txt .point ul li{margin-bottom:20px} #sub0102 .cnt1 .doc_wrap > li .subs .txt a.view{display:block;width:220px;height:40px;line-height:40px;background:#467bb0;margin-left:50px;margin-top:30px} #sub0102.new-sub0102 .cnt1 .doc_wrap > li .subs .txt a.view{margin-top: 25px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt a.view p{text-align:center;color:#fff;font-size:14px;font-weight:bold} #sub0102 .cnt1 .doc_wrap > li .subs .txt a.close{display:none;position:fixed;top:50px;left:50%;margin-left:400px;width:50px;height:50px;line-height:50px;background:#BD645E;color:#fff;text-align:center;font-size:20px;z-index:101} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal{display:none;position:fixed;top:0px;left:50%;margin-left:-450px;width:900px;height:1000px;background-color:#fff;z-index:101;overflow:auto} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal > div{margin-left:82px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name{margin-top:323px;margin-bottom:128px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name2{margin-bottom:170px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name h4{font-size:44px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name h4 strong{font-family:'Noto Sans KR', NSL, sans-serif;font-weight:bold} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name span{display:block;font-family:'Noto Sans KR', NSL, Noto Sans KR, sans-serif;font-size:18px;font-weight:lighter;letter-spacing:3px;padding:7px 0 7px 3px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name p{font-size:18px;font-weight:bold;color:#467bb0; padding-bottom: 5px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name p:last-child{font-weight: 400;} #sub0102 .cnt1 .doc_wrap > li.btn5 .subs .txt .modal .name{margin-bottom:220px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .img{position:absolute;top:0;right:0;z-index:-1} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal > div{margin-bottom:75px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .img{margin-bottom:0} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal div h5{font-size:19px;font-weight:bold} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal div span.line{display:block;height:1px;background:#dcdcdc;margin:8px 0 18px;width:768px} #sub0102 .cnt1 .doc_wrap > li.btn6 .subs .txt .modal div span.line{display:block;height:1px;background:#dcdcdc;margin:8px 0 18px;width:540px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal div p{font-family:"Noto Sans KR", sans-serif;font-size:13px;line-height:1.5;padding-bottom:15px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .field{margin-right:30px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .field span.line{width:540px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .ach{margin-top:75px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .ach span.line{width:95%} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .ach .wp{float:left;width:50%} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .ach .wp p span{padding-left:8px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch{margin-bottom:75px;padding-bottom:50px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch span.line{width:768px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table{width:768px;font-family:'Noto Sans KR', NSL, sans-serif} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr th{background:#1E4163;height:40px;color:#fff;text-align:center;font-size:14px;font-weight:normal;border-left:1px solid #25517c} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr th.th1{width:19%} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr th.th2{width:15%} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr th.th3{width:11%} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td{background:#eee;height:36px;text-align:center;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:14px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr.last td{border-bottom:0} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td.b0{border:0} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td.night{border-right:1px solid #ddd} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td.b00{border-left:0} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td span.sch_circle{display:block;width:8px;height:8px;background:#f00;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;margin:0 auto} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td span.sch_circle.scb{background:#3300ff} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td span.sch_circle.scr{background:#f00} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td.tbl{color:#3300ff} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch table tr td.tre{color:#f00} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .thesis p.primary{font-weight: bold;color: #467bc2;font-size: 16px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .patent p.primary{font-weight: bold;color: #467bc2;font-size: 16px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .thesis p, #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .docsis p{padding-right:50px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .mask{display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);width:100%;height:100%;z-index:100} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch .cir_info{float:right;font-size:14px;font-weight:bold;padding-top:7px;padding-right:33px} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch .cir_info span{display:inline-block;width:8px;height:8px;background:#f00;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .sch .caution{font-size:13px;padding-top:10px;padding-right:33px;font-weight:bold;font-family:'Noto Sans KR', NSL, sans-serif;color:#f00} #sub0102 .video-btn .sub-modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); } #sub0102 .video-btn .modal-content {position: relative;margin: 6% auto;padding: 0;width: 70%;border-radius: 8px;overflow: hidden;} #sub0102 .video-btn .close {position: absolute;top: 0px; right: 16px;font-size: 28px;cursor: pointer;color:#fff;} #sub0102 .cnt1 .doc_wrap > li .subs .txt .modal .name span.video-span{letter-spacing: 0px; display: inline; font-size: 15px;} #sub0102 .video-btn .cnt-btn a{display: block;font-size: 15px;background: #BD645E;color: #fff;border-radius: 30px;width: 222px;height: 42px;margin-top: 20px; line-height: 42px;text-align: center;margin-bottom: 10px;transition: .7s;} #sub0102 .video-btn .cnt-btn a:hover{background: #467bb0;} #pop1 #videoModal{display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);} #pop1 #videoModal .modal-content {position: relative;margin: 6% auto;padding: 0;width: 70%;border-radius: 8px;overflow: hidden;} #sub0103 .container {max-width: 75rem;height: auto;margin: 0 auto;padding: 0 2rem;} #sub0103 .title {font-family: inherit;font-size: 2rem;font-weight: 600;line-height: inherit;color: #252b46;text-transform: capitalize;} #sub0103 .paragraph {font-family: inherit;font-size: 1rem;font-weight: normal;line-height: inherit;max-width: 100%;margin-top: 0.5rem;color: #9194a1;} #sub0103 .tab {width: 100%;height: auto;padding: 3rem 0;} #sub0103 .tab-menu-link {position: relative;font-family: inherit;font-size: 1.25rem;font-weight: 600;line-height: inherit;cursor: pointer;width: calc(70% / 3);height: auto;padding: 1rem 0;color: #333;border: 1px solid #cecece;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: #fff;} #sub0103 .tab-menu-link::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: auto;z-index: 2;} #sub0103 .tab-menu-link.is-active {bottom: 0px;z-index: 0;border: 1px solid #467bb0;color: #fff;background: #467bb0;} #sub0103 .tab-bar {padding: 2.5rem 0;background: #ffffff;} #sub0103 .tab-bar-content {width: 100%;min-height: 10rem;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} #sub0103 .tab-bar-content .s-tab{padding:2% 0;border-bottom:3px solid #467bb0;text-align:left !important;} #sub0103 .tab-bar-content .s-tab a{color:#467bb0;border:1px solid #467bb0;padding:5px 16px;font-size:15px;} #sub0103 .tab-bar-content .s-tab2 a{padding:5px 24px;} #sub0103 .tab-bar-content .sub0103-flex{display:flex;margin:1% 0;border-bottom:1px solid #cecece;height:410px;} #sub0103 .tab-bar-content .sub0103-flex div{width:50%;} #sub0103 .tab-bar-content .sub0103-flex div h3{color:#467bb0;font-size:24px;text-align: center;margin-top:10%;font-weight:600} #sub0103 .tab-bar-content .sub0103-flex div h5{color:#467bb0;font-size:16px;text-align: center;font-weight:500;} #sub0103 .tab-bar-content .sub0103-flex div span{font-size:13px;text-align: center;display:block;margin:5% auto 3% auto;width:70%;} #sub0103 .tab-bar-content .sub0103-flex div p{font-size:17px;margin:10% auto;width:70%;line-height:1.5;} #sub0103 .tab-bar-content .sub0103-flex div p.s-p{text-align: center;} #sub0103 .tab-bar-content .sub0103-flex div img{display:block;margin:0 auto;} #sub0103 .swiper {width: 100%;height: 100%;} #sub0103 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;width:100% !important;} #sub0104 .cnt1{position: relative;} #sub0104 .cnt1 .slider.active{display: block;} #sub0104 .cnt1 .slider{position:relative;width:1280px;height:693px;margin:0 auto 200px;overflow:hidden;display: none;} #sub0104 .cnt1 .slider .visual{height:100%} #sub0104 .cnt1 .slider .visual li{position:absolute;top:0;left:100%} #sub0104 .cnt1 .slider .visual li.first{left:0} #sub0104 .cnt1 .slider .info .paging{position:absolute;bottom:0;left:20px} #sub0104 .cnt1 .slider .info .paging p{font-size:17px;color:#ccc;font-weight:bold} #sub0104 .cnt1 .slider .info .paging p span{color:#333} #sub0104 .cnt1 .slider .info .row_line{position:absolute;bottom:9px;left:100px;width:940px;height:1px;background:#ddd} #sub0104 .cnt1 .slider .info .row_line span{position:absolute;top:0;left:0;background:#467bb0;width:0;height:100%} #sub0104 .cnt1 .slider .info .btn > a{position:absolute;top:50%;margin-top:-15.5px} #sub0104 .cnt1 .slider .info .btn > a.prev{left:20px} #sub0104 .cnt1 .slider .info .btn > a.next{right:20px} #sub0104 .cnt1 .slider .info .box{position:absolute;bottom:17px;right:20px;width:150px;height:150px;background:#467bb0} #sub0104 .cnt1 .slider .info .box h3{font-size:17px;color:#fff;font-weight:bold;padding-top:24px;padding-left:22px} #sub0104 .cnt1 .slider .info .box p{position:absolute;bottom:-4px;right:-1px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;color:#fff;font-size:14px;font-weight:bold} #sub0104 .cnt1 .tabbtn{position: absolute;top: 0;left: 14.07%;height: 660px;} #sub0104 .cnt1 .tabbtn li{background-color: #fff;height: 20%;padding: 0 10px;border: 1px solid #467bb0;box-sizing: border-box;} #sub0104 .cnt1 .tabbtn li.active{background-color: #467bb0;box-sizing: border-box;} #sub0104 .cnt1 .tabbtn li button{outline: none;color: #467bb0;display: block;width: 100%;height: 100%;} #sub0104 .cnt1 .tabbtn li.active button{color: #ffffff;} #sub0105 .cnt1{margin-bottom:100px} #sub0105 .cnt1 #map{float:left;margin-right:45px} #sub0105 .cnt1 #map .btn{text-align:center;margin-top:15px} #sub0105 .cnt1 #map .btn li{display:inline-block;font-size:17px;width:163px;height:38px;line-height:38px;-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;border:1px solid #bbb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#bbb;margin:0 5px} #sub0105 .cnt1 #map .btn li.on{background:#BD645E;color:#fff;border:0} #sub0105 .cnt1 #map .btn li a{display:block;width:100%;height:100%} #sub0105 .cnt1 #map .tab_cnt > div{display:none} #sub0105 .cnt1 #map .tab_cnt .map1{display:block} #sub0105 .cnt1 .txt{float:left;width:449px} #sub0105 .cnt1 .txt ul li.if1 h4{font-size:26px;color:#2d385e;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;padding-bottom:5px} #sub0105 .cnt1 .txt ul li.if1 strong{display:block;font-size:30px;color:#2d385e;font-weight:bold;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:30px} #sub0105 .cnt1 .txt ul li.if2 p{font-size:18px} #sub0105 .cnt1 .txt ul li.if2 p.first{padding-bottom:5px} #sub0105 .cnt1 .txt ul li.if2 p.last{padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:30px} #sub0105 .cnt1 .txt ul li.if3 h4{font-size:25px;color:#2d385e;font-weight:bold;padding-bottom:20px} #sub0105 .cnt1 .txt ul li.if3 p{font-size:17px;color:#999;padding-bottom:10px} #sub0105 .cnt1 .txt ul li.if3 p.p4{padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:15px} #sub0105 .cnt1 .txt ul li.if3 p em{font-style:normal;padding-right:25px} #sub0105 .cnt1 .txt ul li.if3 p.p1 em span{letter-spacing:4.5px} #sub0105 .cnt1 .txt ul li.if3 p.p2 em span, #sub0105 .cnt1 .txt ul li.if3 p.p3 em span{letter-spacing:1px} #sub0105 .cnt1 .txt ul li.if3 p.p4 em span{letter-spacing:18px} #sub0105 .cnt1 .txt ul li.if3 p > span{color:#333;font-weight:bold} #sub0105 .cnt1 .txt ul li.if3 p.p3 strong{color:#f00;font-weight:bold} #sub0105 .cnt1 .txt ul li.if3 p.p3 strong span{letter-spacing:4px} #sub0105 .cnt1 .txt ul li.if4_1{border-bottom:1px solid #eee;margin-bottom:20px} #sub0105 .cnt1 .txt ul li.if4_1 h4{font-size:25px;color:#2d385e;font-weight:bold;padding-bottom:20px} #sub0105 .cnt1 .txt ul li.if4_1 > div{margin-bottom:5px} #sub0105 .cnt1 .txt ul li.if4_1 > div.btm{margin-bottom:15px} #sub0105 .cnt1 .txt ul li.if4_1 > div > div{float:left} #sub0105 .cnt1 .txt ul li.if4_1 > div .left{width:150px} #sub0105 .cnt1 .txt ul li.if4_1 > div .left h5{font-size:17px;font-weight:bold} #sub0105 .cnt1 .txt ul li.if4_1 > div .left h5 span{display:block;font-family:'Noto Sans KR', NSL, sans-serif;font-size:14px;color:#666;font-weight:normal} #sub0105 .cnt1 .txt ul li.if4_1 > div .right p{color:#999;font-size:17px;color:#999;padding-bottom:10px} #sub0105 .cnt1 .txt ul li.if4 a{float:left;width:50%;height:45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #sub0105 .cnt1 .txt ul li.if4 a.nm{background:url("../img/sub/s15_naver.jpg") no-repeat 40px center;border-right:1px solid #eee} #sub0105 .cnt1 .txt ul li.if4 a.dm{background:url("../img/sub/s15_daum.jpg") no-repeat 40px center} #sub0105 .cnt1 .txt ul li.if4 a p{font-size:17px;text-align:center;line-height:1.4} #sub0105 .cnt1 .txt ul li.if4 a.nm p{padding-left:50px} #sub0105 .cnt1 .txt ul li.if4 a.dm p{padding-left:45px} #sub0201 .cnt1{margin-bottom:90px} #sub0201 .cnt1 .top .left, #sub0201 .cnt1 .top .right{float:left;width:50%} #sub0201 .cnt1 .top{margin-bottom:34px} #sub0201 .cnt1 .top .right{position:relative;height:471px;background:#1d4263;-ms-filter: brightness(1.4); filter: brightness(1.4);} #sub0201 .cnt1 .top .right h3.tel_tit{padding:30px 0 30px 60px;color: #fff;font-size: 26px;font-weight: 500;} #sub0201 .cnt1 .top .right h3.tel_tit span{font-size: 0.8em;} #sub0201 .cnt1 .top .right span.line{display:block;width:350px;height:1px;background:#335b7e;margin:0 0 15px 60px} #sub0201 .cnt1 .top .right .time h3.time_tit{padding:0 0 21px 60px} #sub0201 .cnt1 .top .right .time p{font-size:18px;color:#fff;padding-left:60px;padding-bottom:14px} #sub0201 .cnt1 .top .right .time p.p3{padding-bottom:0} #sub0201 .cnt1 .top .right .time p em{color:#6a7c8f;font-weight:bold;padding-right:25px} #sub0201 .cnt1 .top .right .time p .smtxt{font-size: 0.8em;padding-left: 129px;} #sub0201 .cnt1 .top .right .time p.p1 em span{letter-spacing:31px} #sub0201 .cnt1 .top .right .time p.p2 em span{letter-spacing:28px} #sub0201 .cnt1 .top .right .time p.p3 em span{letter-spacing:13px} #sub0201 .cnt1 .top .right .time p.p4 em span{letter-spacing:0px} #sub0201 .cnt1 .top .right .time strong{display:block;font-size:17px;color:#fff;padding:25px 0 0 60px;font-weight: 400;} #sub0201 .cnt1 .top .right .top_logo{position:absolute;bottom:19px;right:27px} #sub0201 .cnt1 .mid{position:relative;width:100%;height:200px;border:2px solid #f6f6f6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:54px} #sub0201 .cnt1 .mid .lt_edge, #sub0201 .cnt1 .mid .rb_edge, #sub0201 .cnt1 .mid .mid_logo{position:absolute} #sub0201 .cnt1 .mid .lt_edge{top:-2px;left:-2px} #sub0201 .cnt1 .mid .rb_edge{bottom:-2px;right:-2px} #sub0201 .cnt1 .mid .mid_logo{top:-20px;left:50%;margin-left:-19px} #sub0201 .cnt1 .mid .txt p{font-size:17px;text-align:center;font-weight:bold;padding-bottom:20px} #sub0201 .cnt1 .mid .txt p.first{padding-top:35px} #sub0201 .cnt1 .btm table{width:100%} #sub0201 .cnt1 .btm table tr.bgc{background:#f9f9f9} #sub0201 .cnt1 .btm table tr th{background:#447cb0;height:46px;color:#fff;font-size:17px;text-align:center;border-right:1px solid #598dbc} #sub0201 .cnt1 .btm table tr th.th1{width:219px} #sub0201 .cnt1 .btm table tr th.th2{width:99px} #sub0201 .cnt1 .btm table tr th.th3{width:159px} #sub0201 .cnt1 .btm table tr th:last-child{border-right:0} #sub0201 .cnt1 .btm table tr td{height:46px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;text-align:center;font-size:17px} #sub0201 .cnt1 .btm table tr td.bl0{border-left:0} #sub0201 .cnt1 .btm table tr td.txt_r{font-size:15px;color:#f00;font-weight:bold} #sub0201 .cnt1 .btm table tr td.txt_b{font-size:15px} #sub0201 .cnt1 .btm table tr td img{vertical-align:middle} #sub0201 .cnt1 .btm table tr.bb1 td{border-bottom:1px solid #aaa} .text-sky{color: #3a84e4;} #sub0202 .cnt1{margin-bottom:170px} #sub0202 .cnt1 .area table{width:100%;table-layout:fixed;} #sub0202 .cnt1 .area table tr.btb{border-top:2px solid #ddd} #sub0202 .cnt1 .area table tr th{background:#f5f5f5;height:60px;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ddd;font-family: 'Noto Sans KR', NSL, sans-serif;font-size:14px;} #sub0202 .cnt1 .area table tr th.tit{background:#467bb0;height:50px;font-size:17px;border-bottom:1px solid #aaa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ddd;color:#fff;border-left:0;font-family:'Noto Sans KR', NSL, Noto Sans KR, sans-serif;} #sub0202 .cnt1 .area table tr th.field{width:11%;border-left:0} #sub0202 .cnt1 .area table tr th.mig{width:90px} #sub0202 .cnt1 .area table tr th.incl{width:100px} #sub0202 .cnt1 .area table tr th.app{width:250px} #sub0202 .cnt1 .area table tr th.code{width:80px} #sub0202 .cnt1 .area table tr th.divi{width:15%} #sub0202 .cnt1 .area table tr th.pri{width:100px} #sub0202 .cnt1 .area table tr td{height:50px;font-size:14px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-family:"Noto Sans KR", sans-serif;padding: 7px 5px;line-height: 1.4;word-break:auto-phrase;} #sub0202 .cnt1 .area table tr td.bn{border-left:0} #sub0203 li{list-style: none;} #sub0203 .area .cnt .txtbox{background-image: url("../img/sub/s23_bg.jpg");overflow: hidden;background-size: cover;background-repeat: no-repeat;background-color: #f6f6f6;padding: 34px 5%;} #sub0203 .area article h1{font-size: 40px;} #sub0203 .area article h1 span{font-size: 18px;} #sub0203 .area article p{font-size: 18px;} #sub0203 .area .cnt .txtbox{overflow: hidden;margin: 30px 0;position: relative;} #sub0203 .area .cnt .txtbox::after{content: "";display: block;position: absolute;top: -35px;right: 0;background-color: #fff;width: 30px;height: 80px;transform: rotate(-45deg);} #sub0203 .area .cnt .txtbox h4{font-size: 18px;color: #467bb0;margin-top: 10px;font-weight:bold} #sub0203 .area .cnt .txtbox h4::before{color: #467bb0;content: "■";font-size: 17px;display: inline-block;margin-right: 0.5em;} #sub0203 .area .cnt .txtbox p{padding-top: 1em;margin-bottom: 20px;line-height:1.4} #sub0203 .area .cnt .txtbox li{width: 33.3333%;float: left;} #sub0203 .area .cnt2 .txtbox li{width: 50%;} #sub0203 .area .cnt2 .txtbox .box{background-color: #467bb0;color: #ffffff;display: block;font-size: 17px;clear: both;margin: 20px 0;text-align: center;line-height: 3;width: 93%;} #sub0203 .area .cnt2{} #sub0203 .area .cnt3{} #sub0203 .area .cnt3 li{width: 22%;height: 282px;float: left;margin-left: 2%;background-image: url('../img/sub/s23_cnt3_bg.jpg');background-size: cover;background-repeat: no-repeat;padding: 1.5em;box-sizing: border-box;margin: 30px 0 30px 4%;} #sub0203 .area .cnt3 li:first-of-type{margin-left: 0;} #sub0203 .area .cnt3 li img{display: block;margin: 0 auto;} #sub0203 .area .cnt3 li p{font-size: 16px;padding-top: 20px;line-height:1.4} #sub0203 .area .cnt3 li p span{font-size: 14px;display: block;font-weight: bold;padding-top: 5px;} #sub0203 .area .cnt4 .txtbox li p::before{color: #467bb0;content: "■";font-size: 17px;display: inline-block;margin-right: 0.5em;} #sub0203 .area .cnt5 .txtbox li p::before{color: #467bb0;content: "■";font-size: 17px;display: inline-block;margin-right: 0.5em;} #sub0203 .cnt6{width: 100%;} #sub0203 .cnt6 img{margin: 100px auto;display: block;} .info_com .cnt1 .area .top .cnt_tit{float:left;width:50%;height:364px} .info_com .cnt1 .area .top .cnt_tit h3{font-size:40px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;line-height:1.4;padding-top:25px} .info_com .cnt1 .area .top .cnt_tit h3 strong{display:block;font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} .info_com .cnt1 .area .top .cnt_tit .p_wrap{height:48px;border-left:3px solid #BD645E;margin-top:52px} .info_com .cnt1 .area .top .cnt_tit .p_wrap{font-size:17px;color:#666;line-height:1.5;padding-left:20px} .info_com .cnt1 .area .top .cnt_visual{float:left;width:50%;height:364px} .info_com .cnt1 .area .c1_txt{margin-top:82px;margin-bottom:122px} .info_com .cnt1 .area .c1_txt span.line{display:block;width:40px;height:5px;background:#BD645E;float:right} .info_com .cnt1 .area .c1_txt p{text-align:right;font-size:18px;line-height:2;padding:38px 60px 0 0} .info_com .cnt1 .area .c1_txt .cnt-btn{} .info_com .cnt1 .area .c1_txt .cnt-btn a{display: block; font-size: 18px; background: #BD645E; color:#fff; border-radius:30px; width:255px; height:45px; line-height: 45px; text-align: center; margin-bottom: 20px; transition:.7s} .info_com .cnt1 .area .c1_txt .cnt-btn a:hover{background: #467bb0;} .info_com .cnt1 .area .c1_txt .cnt-btn span{font-size: 16px;} .info_com .cnt1 .area .row_line{display:block;width:1px;height:70px;background:#bfbfbf;margin:28px auto 67px} .info_com .cnt2{position:relative;width:100%;background:#f5f5f5} .info_com .cnt2 .area .clip{position:absolute;top:-40px;left:50%;margin-left:-31px} .info_com .cnt2 .area .c2_tit{padding:121px 0 0} .info_com .cnt2 .area .c2_tit h4{font-size:30px;font-weight:bold;color:#BD645E;text-align:center;padding-bottom:23px} .info_com .cnt2 .area .c2_tit h4 span{letter-spacing:30px} .info_com .cnt2 .area .c2_tit .h4_line{display:block;width:700px;height:3px;background:#bd645e;margin:0 auto} .info_com .cnt2 .area .c2_tit p{font-size:17px;text-align:center;line-height:2} .info_com .cnt2 .area .c2_tit p strong{color:#bd645e} #sub0301 .cnt2{height:1067px} #sub0301 .cnt2 .area .c2_tit{padding-bottom:120px} #sub0301 .cnt2 .area .c2_tit .h4_line{margin-bottom:40px} #sub0301 .cnt2 .area .c2_txt .left, #sub0301 .cnt2 .area .c2_txt .right{float:left;width:50%} #sub0301 .cnt2 .area .c2_txt .left .circle{width:300px;height:300px;border:2px solid #dfbdbb;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;margin:0 auto 30px} #sub0301 .cnt2 .area .c2_txt .left .circle p{font-size:20px;font-weight:bold;color:#bd645e;text-align:center;line-height:1.6;padding-top:120px} #sub0301 .cnt2 .area .c2_txt .left > p{font-family:"Noto Sans KR", sans-serif;font-size:14px;color:#666;line-height:2;text-align:center} #sub0301 .cnt2 .area .c2_txt .arrow{position:absolute;top:560px;left:50%;margin-left:-105px} #sub0301 .cnt2 .area .c2_txt .right .circle{width:300px;height:300px;background:url("../img/sub/s31_c2_cc2.jpg") no-repeat center;margin:0 auto 30px} #sub0301 .cnt2 .area .c2_txt .right .circle p{font-size:20px;font-weight:bold;color:#fff;text-align:center;line-height:1.6;padding-top:120px} #sub0301 .cnt2 .area .c2_txt .right > p{font-family:"Noto Sans KR", sans-serif;font-size:14px;color:#666;line-height:2;text-align:center} #sub0301 .cnt2 .area .row_line{display:block;width:1px;height:90px;background:#bfbfbf;margin:50px auto 0} #sub0301 .cnt3{margin-top:101px} #sub0301 .cnt3 .area .c3_tit .b1, #sub0301 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0301 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0301 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0301 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0301 .cnt3 .area .c3_txt{position:relative} #sub0301 .cnt3 .area .c3_txt ul li{float:left;width:50%;margin-top:114px} #sub0301 .cnt3 .area .c3_txt ul li h5.num{text-align:center;padding-bottom:15px} #sub0301 .cnt3 .area .c3_txt ul li .heart{width:525px;margin:0 auto 23px} #sub0301 .cnt3 .area .c3_txt ul li p{font-size:17px;line-height:2;text-align:center} #sub0301 .cnt3 .area .c3_txt .row_line{position:absolute;top:72px;left:50%;width:1px;height:610px;background:#e5e5e5} #sub0301 .cnt3 .area .c3_txt .pic{width:1164px;margin:98px auto 106px} #sub0302 .cnt2{margin-bottom:72px} #sub0302 .cnt2 .area .c2_txt ul li{width:990px;height:430px;background-repeat:no-repeat;margin-top:58px} #sub0302 .cnt2 .area .c2_txt ul li:first-child{margin-top:79px} #sub0302 .cnt2 .area .c2_txt ul li.left{float:left;background-color:#e0f2f1;background-image:url("../img/sub/s32_c2_edge1.jpg");background-position:right top} #sub0302 .cnt2 .area .c2_txt ul li.right{float:right;background-color:#1e4163;background-image:url("../img/sub/s32_c2_edge2.jpg");background-position:left top} #sub0302 .cnt2 .area .c2_txt ul li span.num{display:block;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-size:27px;font-weight:bold;padding:114px 0 20px 119px} #sub0302 .cnt2 .area .c2_txt ul li h5{font-size:27px;padding-left:119px} #sub0302 .cnt2 .area .c2_txt ul li h5 span.line{display:inline-block;width:202px;height:1px;background:#b5d9d7;margin-left:14px;vertical-align:text-bottom} #sub0302 .cnt2 .area .c2_txt ul li p{font-size:17px;color:#666;line-height:2;padding-left:119px;padding-top:25px} #sub0302 .cnt2 .area .c2_txt ul li.right span.num{color:#fff;text-align:right;padding:114px 119px 20px 0} #sub0302 .cnt2 .area .c2_txt ul li.right h5{color:#fff;padding-left:0;padding-right:119px;text-align:right} #sub0302 .cnt2 .area .c2_txt ul li.right h5 span.line{margin-left:0;margin-right:14px;background:#3b5e80} #sub0302 .cnt2 .area .c2_txt ul li.right p{text-align:right;color:#fff;padding-left:0;padding-right:119px} #sub0302 .cnt2 .area .pic{padding:50px 0 60px} #sub0303 .cnt2{margin-bottom:64px} #sub0303 .cnt2 .area .c2_txt{margin-top:102px;padding-bottom:89px} #sub0303 .cnt2 .area .c2_txt > div{float:left} #sub0303 .cnt2 .area .c2_txt .img{margin:0 39px 0 110px} #sub0303 .cnt2 .area .c2_txt .right h5{font-size:26px;color:#000;padding:119px 0 15px 0} #sub0303 .cnt2 .area .c2_txt .right span.h5_line{display:block;width:650px;height:2px;background:#BD645E;margin:0 0 44px -87px} #sub0303 .cnt2 .area .c2_txt .right p{font-size:17px;color:#666;line-height:1.8;padding-bottom:30px} #sub0304 .cnt2{height:730px} #sub0304 .cnt2 .area .c2_tit h4 span{letter-spacing:20px} #sub0304 .cnt2 .area .c2_txt{padding-top:109px} #sub0304 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0304 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding:0 0 11px 53px} #sub0304 .cnt2 .area .c2_txt ul li .box_tit{width:318px;height:94px;line-height:94px;border:2px solid #BD645E;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto} #sub0304 .cnt2 .area .c2_txt ul li .box_tit h5{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;color:#d48984;font-size:24px;text-align:center} #sub0304 .cnt2 .area .c2_txt ul li .box_tit h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;color:#bd645e} #sub0304 .cnt2 .area .c2_txt ul li p{font-size:14px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:1.9;padding-top:30px} #sub0304 .cnt2 .area .row_line{display:block;width:1px;height:90px;background:#bfbfbf;margin:50px auto 0} #sub0304 .cnt3{margin-top:101px;margin-bottom:85px} #sub0304 .cnt3 .area .c3_tit .b1, #sub0304 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0304 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0304 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0304 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0304 .cnt3 .area .c3_txt{position:relative} #sub0304 .cnt3 .area .c3_txt ul li{float:left;width:50%;margin-top:114px} #sub0304 .cnt3 .area .c3_txt ul li h5{font-size:30px;color:#bd645e;font-weight:bold;text-align:center;padding-bottom:15px} #sub0304 .cnt3 .area .c3_txt ul li .heart{width:525px;margin:0 auto 23px} #sub0304 .cnt3 .area .c3_txt ul li p{font-size:17px;line-height:2;text-align:center} #sub0304 .cnt3 .area .c3_txt .row_line{position:absolute;top:72px;left:50%;width:1px;height:430px;background:#e5e5e5} #sub0305 .cnt2{height:756px} #sub0305 .cnt2 .area .c2_tit h4 span{letter-spacing:15px} #sub0305 .cnt2 .area .c2_txt{padding-top:109px} #sub0305 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0305 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding:0 0 11px 53px} #sub0305 .cnt2 .area .c2_txt ul li .box_tit{width:318px;height:94px;line-height:94px;border:2px solid #BD645E;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto} #sub0305 .cnt2 .area .c2_txt ul li .box_tit h5{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;color:#d48984;font-size:24px;text-align:center} #sub0305 .cnt2 .area .c2_txt ul li .box_tit h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;color:#bd645e} #sub0305 .cnt2 .area .c2_txt ul li p{font-size:14px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:1.9;padding-top:30px} #sub0305 .cnt2 .area .row_line{display:block;width:1px;height:90px;background:#bfbfbf;margin:50px auto 0} #sub0305 .cnt3{margin-top:101px;margin-bottom:85px} #sub0305 .cnt3 .area .c3_tit .b1, #sub0305 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0305 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0305 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0305 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0305 .cnt3 .area .c3_txt{margin-top:96px} #sub0305 .cnt3 .area .c3_txt ul li{float:left;width:33.333333%} #sub0305 .cnt3 .area .c3_txt ul li h5{font-size:30px;font-weight:bold;color:#bd645e;text-align:center;padding-bottom:15px} #sub0305 .cnt3 .area .c3_txt ul li .heart{width:406px;margin:0 auto 23px} #sub0305 .cnt3 .area .c3_txt ul li p{font-size:17px;line-height:2;text-align:center} #sub0305 .cnt3 .area .c3_txt .pic{margin:111px auto 135px} #sub0306 .cnt2{height:986px;margin-bottom:78px} #sub0306 .cnt2 .area .c2_tit h4 span{letter-spacing:20px} #sub0306 .cnt2 .area .c2_txt .top{position:relative;margin-top:105px} #sub0306 .cnt2 .area .c2_txt .top .cc{float:left} #sub0306 .cnt2 .area .c2_txt .top .cc1{width:320px;height:320px;background:url("../img/sub/s36_c2_cc1.jpg") no-repeat center} #sub0306 .cnt2 .area .c2_txt .top .cc1 p{font-size:17px;color:#fff;text-align:center;line-height:1.8;padding-top:90px} #sub0306 .cnt2 .area .c2_txt .top .cc2{padding-top:17px} #sub0306 .cnt2 .area .c2_txt .top .cc3{width:260px;height:260px;line-height:260px;border:1px solid #BD645E;-webkit-border-radius:130px;-moz-border-radius:130px; border-radius:130px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:17px} #sub0306 .cnt2 .area .c2_txt .top .cc3 p{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-size:30px;color:#bd645e;text-align:center} #sub0306 .cnt2 .area .c2_txt .top .cc3 p strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0306 .cnt2 .area .c2_txt .top .arrow{position:absolute;top:242px;right:125px} #sub0306 .cnt2 .area .c2_txt .btm{padding-top:115px} #sub0306 .cnt2 .area .c2_txt .btm > *{float:left} #sub0306 .cnt2 .area .c2_txt .btm p{font-size:18px;color:#424242;line-height:2;text-align:right} #sub0306 .cnt2 .area .c2_txt .btm .img{float:right} #sub0307 .cnt2 .area .c2_tit h4 span{letter-spacing:20px} #sub0307 .cnt2 .area .c2_tit p{padding-top:70px} #sub0307 .cnt2 .area .c2_tit .down{width:56px;margin:74px auto 83px} #sub0307 .cnt2 .area .c2_txt .left_tit h5{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-size:36px;line-height:1.3} #sub0307 .cnt2 .area .c2_txt .left_tit h5 strong{display:block;font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0307 .cnt2 .area .c2_txt .list{float:right;text-align:right;margin-right:50px;margin-top:-42px} #sub0307 .cnt2 .area .c2_txt .list ul li{width:686px;margin-bottom:65px} #sub0307 .cnt2 .area .c2_txt .list ul li.last{margin-bottom:138px} #sub0307 .cnt2 .area .c2_txt .list ul li h6{font-size:28px;color:#bd645e;font-weight:bold} #sub0307 .cnt2 .area .c2_txt .list ul li h6 span.num{float:left;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-weight:lighter} #sub0307 .cnt2 .area .c2_txt .list ul li span.h6_line{display:block;width:100%;height:2px;background:#BD645E;margin:15px 0} #sub0307 .cnt2 .area .c2_txt .list ul li p{font-size:17px;color:#424242;line-height:1.6} #sub0307 .cnt2 .area .c2_txt .box{width:1213px;margin:0 auto;padding-bottom:100px} #sub0401 .cnt2{position:relative} #sub0401 .cnt2 .area .c2_txt{margin-top:130px;padding-bottom:100px} #sub0401 .cnt2 .area .c2_txt > div{float:left} #sub0401 .cnt2 .area .c2_txt .img{margin:0 80px 0 110px} #sub0401 .cnt2 .area .c2_txt .right h5{font-size:26px;color:#000;padding:70px 0 15px 0} #sub0401 .cnt2 .area .c2_txt .right span.h5_line{display:block;width:530px;height:2px;background:#BD645E;margin:0 0 44px -92px} #sub0401 .cnt2 .area .c2_txt .right p{font-size:17px;color:#666;line-height:1.8;padding-bottom:30px} #sub0401 .cnt2 .area .row_line{position:absolute;bottom:-62px;left:50%;width:1px;height:124px;background:#e5e5e5;z-index:100} #sub0401 .cnt3{position:relative;width:100%;height:435px;background:url("../img/sub/s41_c3_bg.jpg") no-repeat center} #sub0401 .cnt3 .area .c3_tit h4{font-size:28px;color:#fff;text-align:center;padding-top:92px} #sub0401 .cnt3 .area .c3_tit span.icon{display:block;width:26px;margin:21px auto 59px} #sub0401 .cnt3 .area .c3_txt ul li{float:left;width:25%} #sub0401 .cnt3 .area .c3_txt ul li > *{float:left} #sub0401 .cnt3 .area .c3_txt ul li .icon{margin-right:15px} #sub0401 .cnt3 .area .c3_txt ul li.bn1 .icon{margin-left:44px} #sub0401 .cnt3 .area .c3_txt ul li.bn2 .icon{margin-left:76px} #sub0401 .cnt3 .area .c3_txt ul li.bn3 .icon{margin-left:55px} #sub0401 .cnt3 .area .c3_txt ul li.bn4 .icon{margin-left:74px} #sub0401 .cnt3 .area .c3_txt ul li p{font-size:14px;color:#fff;font-family:"Noto Sans KR", sans-serif;line-height:1.5;padding-top:37px} #sub0401 .cnt3 .area .c3_txt ul li.bn1 p{padding-top:27px} #sub0401 .cnt3 .area .row_line{position:absolute;bottom:-49px;left:50%;width:1px;height:91px;background:#e5e5e5;z-index:100} #sub0401 .cnt4{margin-top:101px;margin-bottom:85px} #sub0401 .cnt4 .area .c4_tit .b1, #sub0401 .cnt4 .area .c4_tit .b2{width:80px;margin:0 auto} #sub0401 .cnt4 .area .c4_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0401 .cnt4 .area .c4_tit h4 span{letter-spacing:5px} #sub0401 .cnt4 .area .c4_tit p{font-size:14px;color:#999;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0401 .cnt4 .area .c4_txt{position:relative;margin-top:51px} #sub0401 .cnt4 .area .c4_txt > div{float:left;width:50%} #sub0401 .cnt4 .area .c4_txt > div h5{width:220px;height:40px;line-height:40px;font-size:17px;background:#447cb0;-webkit-border-radius:20px;-moz-border-radius:20px; border-radius:20px;text-align:center;color:#fff;font-weight:bold;margin:0 auto 36px} #sub0401 .cnt4 .area .c4_txt > div ul{width:600px;height:1103px;background:#f5f5f5;margin:0 auto} #sub0401 .cnt4 .area .c4_txt > div ul li{display:block;content:"";clear:both;padding-bottom:39px} #sub0401 .cnt4 .area .c4_txt > div ul li.lil{float:left} #sub0401 .cnt4 .area .c4_txt > div ul li.lir{float:right} #sub0401 .cnt4 .area .c4_txt > div ul li:first-child{margin-top:45px} #sub0401 .cnt4 .area .c4_txt > div ul li.lil .img{padding-left:58px;padding-right:24px} #sub0401 .cnt4 .area .c4_txt > div ul li.lir .img{padding-right:58px;padding-left:24px} #sub0401 .cnt4 .area .c4_txt .mid_line{position:absolute;top:21px;left:50%;width:1px;height:1159px;background:#e5e5e5} #sub0401 .cnt4 .area .c4_txt > div ul li > *{float:left} #sub0401 .cnt4 .area .c4_txt > div ul li p{font-size:18px;color:#666;line-height:1.5;padding-top:52px} #sub0401 .cnt4 .area .c4_txt > div ul li.fth p{padding-top:40px} #sub0401 .cnt4 .area .c4_txt > div ul li.lir p{text-align:right} #sub0401 .cnt4 .area .c4_txt > div ul li p strong{font-size:22px;color:#bf675e;font-weight:bold} #sub0402 .cnt2{position:relative;padding-bottom:118px} #sub0402 .cnt2 .area .c2_tit p{padding-top:40px} #sub0402 .cnt2 .area .row_line2{display:block;width:1px;height:84px;background:#e5e5e5;margin:33px auto 37px} #sub0402 .cnt2 .area .c2_txt{width:100%;height:340px;background:url("../img/sub/s42_c2_8.jpg") no-repeat center} #sub0402 .cnt2 .area .c2_txt .left{float:left;padding:79px 0 0 140px} #sub0402 .cnt2 .area .c2_txt .right{float:right;text-align:right;padding:91px 140px 0 0} #sub0402 .cnt2 .area .c2_txt div h5{font-size:38px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;padding-bottom:15px} #sub0402 .cnt2 .area .c2_txt div h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0402 .cnt2 .area .c2_txt div p{font-family:"Noto Sans KR", sans-serif;font-size:15px;color:#666;line-height:1.8} #sub0402 .cnt2 .area .row_line{position:absolute;bottom:-46px;left:50%;width:1px;height:93px;background:#e5e5e5;z-index:100} #sub0402 .cnt3{position:relative;width:100%;height:625px;background:url("../img/sub/s42_c3_bg.jpg") no-repeat center} #sub0402 .cnt3 .area .c3_tit h4{font-size:28px;color:#fff;text-align:center;padding-top:92px} #sub0402 .cnt3 .area .c3_tit span.icon{display:block;width:26px;margin:21px auto 59px} #sub0402 .cnt3 .area .c3_txt ul li{float:left;width:50%;height:35px;margin-bottom:37px} #sub0402 .cnt3 .area .c3_txt ul li > *{float:left} #sub0402 .cnt3 .area .c3_txt ul li span.num{width:35px;height:35px;line-height:38px;background:url("../img/sub/s42_c3_num.png") no-repeat top;font-size:14px;color:#fff;font-weight:bold;text-align:center;margin-left:77px} #sub0402 .cnt3 .area .c3_txt ul li p{font-size:14px;color:#fff;line-height:1.5;padding-top:9px;padding-left:15px;letter-spacing:0.5px;font-family:"Noto Sans KR", sans-serif;} #sub0402 .cnt3 .area .c3_txt ul li.prc1 p, #sub0402 .cnt3 .area .c3_txt ul li.prc7 p, #sub0402 .cnt3 .area .c3_txt ul li.prc8 p{padding-top:0} #sub0402 .cnt3 .area .row_line{position:absolute;bottom:-82px;left:50%;width:1px;height:124px;background:#e5e5e5;z-index:100} #sub0402 .cnt4 .area .c4_tit h4{font-size:28px;text-align:center;padding-top:132px;font-weight:bold} #sub0402 .cnt4 .area .c4_tit span.icon{display:block;width:26px;margin:21px auto 59px} #sub0402 .cnt4 .area .c4_txt ul li{position:relative;float:left;width:25%;height:400px} #sub0402 .cnt4 .area .c4_txt ul li .baln{width:301px;height:158px;background:url("../img/sub/s42_c4_q.jpg") no-repeat center;margin:0 auto} #sub0402 .cnt4 .area .c4_txt ul li h5{font-size:18px;color:#fff;text-align:center;line-height:1.7;padding-top:43px} #sub0402 .cnt4 .area .c4_txt ul li p{color:#666;font-size:14px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;padding:15px 20px 0} #sub0402 .cnt4 .area .c4_txt ul li .p_line{position:absolute;bottom:20px;right:0;width:1px;height:200px;background:#eee} #sub0402 .cnt4 .area .c4_txt .box{margin:75px 0} #sub0501 .cnt2 .area .c2_txt{margin-top:78px;margin-bottom:100px} #sub0501 .cnt2 .area .c2_txt .c2_1{padding-bottom:146px} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li{float:left;height:375px;background-repeat:no-repeat;background-position:center} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx1{width:427px;background-image:url("../img/sub/s51_c2_box1.jpg");height:400px;} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2{width:427px;background-image:url("../img/sub/s51_c2_box2.jpg");height:400px;} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx3{width:426px;background-image:url("../img/sub/s51_c2_box3.jpg");height:400px;} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li h5{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-size:18px;color:#bd645e;text-align:center} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx1 h5{padding-top:119px;padding-bottom:43px} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2 h5{padding-top:60px;padding-bottom:40px} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li p{font-size:14px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;color:#666;padding:0 20px } #sub0501 .cnt2 .area .c2_txt .c2_1 ul li > strong{display:block;font-size:17px;text-align:center} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2 p{line-height:1.7} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2 strong.str1, #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2 strong.str3{padding-bottom:5px} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx2 strong.str2{padding:25px 0} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx3 strong.str1{padding-top:130px} #sub0501 .cnt2 .area .c2_txt .c2_1 ul li.bx3 strong{padding:10px 0} #sub0501 .cnt2 .area .c2_txt .c2_2 .left_tit{float:left} #sub0501 .cnt2 .area .c2_txt .c2_2 .left_tit h5{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;font-size:36px;line-height:1.3} #sub0501 .cnt2 .area .c2_txt .c2_2 .left_tit h5 strong{display:block;font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0501 .cnt2 .area .c2_txt .c2_2 .list{float:right;text-align:right;margin-top:60px} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li{width:686px;margin-bottom:50px} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li.last{margin-bottom:138px} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li h6{font-size:28px;color:#bd645e;font-weight:bold} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li h6 span.num{float:left;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-weight:lighter} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li span.h6_line{display:block;width:100%;height:2px;background:#BD645E;margin:15px 0} #sub0501 .cnt2 .area .c2_txt .c2_2 .list ul li p{font-size:17px;color:#424242;line-height:1.6} #sub0501 .cnt2 .area .c2_txt .c2_2 .box{width:1213px;margin:0 auto;padding-bottom:100px} #sub0501 .cnt2 .area .c2_txt .c2_3 .left_tit{float:left} #sub0501 .cnt2 .area .c2_txt .c2_3 .left_tit h5{font-family:'Noto Sans KR', Noto Sans KR, sans-serif;font-size:36px;line-height:1.3} #sub0501 .cnt2 .area .c2_txt .c2_3 .left_tit h5 strong{display:block;font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0501 .cnt2 .area .c2_txt .c2_3 > p{float:right;font-size:18px;text-align:right;line-height:2;padding-top:150px;padding-bottom:130px} #sub0501 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0501 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0501 .cnt3 .area .c3_tit > div{text-align: center;} #sub0501 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0501 .cnt3 .area .c3_txt{position:relative;margin-top:51px} #sub0501 .cnt3 .area .c3_txt > div{width: 50%;float: left;padding-bottom: 130px;} #sub0501 .cnt3 .area .c3_txt .left img{width: 100%;} #sub0501 .cnt3 .area .c3_txt .right{padding-left: 40px;padding-top: 80px;box-sizing:border-box} #sub0501 .cnt3 .area .c3_txt .right h4{font-size: 22px;line-height: 1.6;} #sub0501 .cnt3 .area .c3_txt .right p{font-size: 17px;line-height: 1.6;padding-top: 40px;} #sub0501 .cnt4{position:relative;width:100%;height:550px;background:url("../img/sub/s51_c3_bg.jpg") no-repeat center;margin-bottom: 100px;} #sub0501 .cnt4 .area .c3_tit h4{font-size:28px;color:#fff;text-align:center;padding-top:92px} #sub0501 .cnt4 .area .c3_tit span.icon{display:block;width:26px;margin:21px auto 59px} #sub0501 .cnt4 .area .c3_txt ul li{float:left;width:50%;height:60px;margin-bottom:37px;} #sub0501 .cnt4 .area .c3_txt ul li > *{float:left} #sub0501 .cnt4 .area .c3_txt ul li span.num{width:35px;height:35px;line-height:38px;background:url("../img/sub/s42_c3_num.png") no-repeat top;font-size:14px;color:#fff;font-weight:bold;text-align:center;margin-left:77px} #sub0501 .cnt4 .area .c3_txt ul li p{font-size:17px;color:#fff;line-height:1.5;padding-top:5px;padding-left:15px;letter-spacing:0.5px;font-family:"Noto Sans KR", sans-serif;} #sub0501 .cnt4 .area .c3_txt ul li.prc1 p, #sub0501 .cnt4 .area .c3_txt ul li.prc4 p, #sub0501 .cnt4 .area .c3_txt ul li.prc6 p{padding-top:0px} #sub0501 .tab-container {width: 100%;max-width: 1700px; margin: 140px auto 0;} #sub0501 .tab-buttons {display: flex;flex-wrap: wrap;justify-content: space-around; background-color: #f1f1f1; padding: 10px; border-radius: 10px;} #sub0501 .tab-buttons button {flex: 1;max-width: 180px; padding: 10px 15px;border: none;cursor: pointer;background: #ddd;font-size: 16px;transition: 0.3s; border-radius: 5px;} #sub0501 .tab-buttons button:hover {background: #55718d;} #sub0501 .tab-buttons button.active {background: #467bb0;color: #fff;font-weight: 700;} #sub0501 .tab-content {display: none; padding: 20px;margin-top: 10px;} #sub0501 .tab-content.active {display: block;} #sub0501 .new_cnt3_0501{padding-bottom: 50px; margin-top: 0;} #sub0501 .tab-content .cnt3 .area .c3_txt ul li{float:left;width:50%;margin-top:114px} #sub0501 .tab-content .cnt3 .area .c3_txt ul li h5{font-size:30px;color:#bd645e;font-weight:bold;text-align:center;padding-bottom:15px} #sub0501 .tab-content .cnt3 .area .c3_txt ul li .heart{width:525px;margin:0 auto 23px} #sub0501 .tab-content .cnt3 .area .c3_txt ul li p{font-size:20px;line-height:2;text-align:center;color:#bd645e;} #sub0501 .tab-content .cnt3 .area .c3_txt .row_line{position:absolute;top:72px;left:50%;width:1px;height:100%;background:#e5e5e5} #sub0501 .tab-content .bt-cnt{padding-top: 160px; border-top: 1px solid #e5e5e5;} #sub0501 .tab-content .cnt2 .area .c2_txt .c2_1 ul li.bx2 p{line-height:1.7;position: relative; text-align: left; padding:0 0 0 20px; margin-left: 10px;} #sub0501 .tab-content .cnt2 .area .c2_txt .c2_1 ul li.bx3 strong.str1 {padding-top: 100px;} #sub0501 .tab-content .cnt2 .area .c2_tit h4 span{letter-spacing:20px} #sub0501 .tab-content .cnt2 .area .c2_txt{padding-top:109px} #sub0501 .tab-content .cnt2 .area .c2_txt > ul > li{float:left;width:33.333333%} #sub0501 .tab-content .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding:0 0 11px 53px} #sub0501 .tab-content .cnt2 .area .c2_txt ul li .box_tit{width:318px;height:94px;line-height:94px;border:2px solid #BD645E;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto} #sub0501 .tab-content .cnt2 .area .c2_txt ul li .box_tit h5{font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;color:#d48984;font-size:24px;text-align:center} #sub0501 .tab-content .cnt2 .area .c2_txt ul li .box_tit h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;color:#bd645e} #sub0501 .tab-content .cnt2 .area .c2_txt > ul > li > p{font-size:14px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:1.9;padding-top:30px;width:318px; margin:0 auto;} #sub0501 .tab-content .cnt2 .area .row_line{display:block;width:1px;height:90px;background:#bfbfbf;margin:50px auto 0} #sub0501 .tab-content .cnt3 {margin-top: 101px;} #sub0501 .sub0501-cnt3{background: none;} #sub0501 .sub0501-cnt3 .c2_txt{margin-top:118px} #sub0501 .sub0501-cnt3 .c2_txt ul{display: flex;flex-wrap: wrap;justify-content: center;} #sub0501 .sub0501-cnt3 .c2_txt ul li{float:left;width:50%;margin-bottom:100px} #sub0501 .sub0501-cnt3 .c2_txt ul li .img{position:relative;z-index:10} #sub0501 .sub0501-cnt3 .c2_txt ul li.left .img{margin-left:17px} #sub0501 .sub0501-cnt3 .c2_txt ul li.right{float:right} #sub0501 .sub0501-cnt3 .c2_txt ul li.right .img{text-align:right;margin-right:17px} #sub0501 .sub0501-cnt3 .c2_txt ul li h5{font-size:22px;font-weight:bold;color:#bd645e;} #sub0501 .sub0501-cnt3 .c2_txt ul li h5 span{margin-right: 15px;color: #fff;background: #BD645E; border-radius: 100%;width: 40px;height: 40px;display: inline-block; line-height: 40px;text-align: center;} #sub0501 .sub0501-cnt3 .c2_txt ul li.left .box{position:absolute;top:80px;left:-320px;width:871px;height:267px;background:#f2e9ea} #sub0501 .sub0501-cnt3 .c2_txt ul li.right .box{position:absolute;top:80px;right:-320px;width:871px;height:267px;background:#dbe1e5} #sub0501 .sub0501-cnt3 .c2_txt ul li > span{position:absolute;bottom:-30px;font-size:17px;z-index:100;font-weight:bold;color:#999} #sub0501 .sub0501-cnt3 .c2_txt ul li.left > span.bf{left:120px} #sub0501 .sub0501-cnt3 .c2_txt ul li.left > span.af{right:220px} #sub0501 .sub0501-cnt3 .c2_txt ul li.right > span.bf{left:223px} #sub0501 .sub0501-cnt3 .c2_txt ul li.right > span.af{right:118px} #sub0501 .sub0501-cnt3{position:relative;width:100%;} #sub0501 .sub0501-cnt3 .area .clip{position:absolute;top:-35px;left:50%;margin-left:-31px} #sub0501 .sub0501-cnt3 .area .c2_tit{padding:121px 0 0} #sub0501 .sub0501-cnt3 .area .c2_tit h4{font-size:30px;font-weight:bold;color:#BD645E;text-align:center;padding-bottom:23px} #sub0501 .sub0501-cnt3 .area .c2_tit h4 span{letter-spacing:30px;} #sub0501 .sub0501-cnt3 .area .c2_tit .h4_line{display:block;width:700px;height:3px;background:#bd645e;margin:0 auto} #sub0501 .sub0501-cnt3 .area .c2_tit p{font-size:17px;text-align:center;line-height:2} #sub0501 .sub0501-cnt3 .area .c2_tit p strong{color:#bd645e} #sub0501 .sub0501-n-cnt2{margin-top: 160px; margin-bottom: 70px; height:auto;} #sub0501 .sub0501-n-cnt2 .area{padding-bottom: 70px; width:1380px;} #sub0501 .sub0501-n-cnt2 .xbox{background: none; position: relative; width:100%; height:auto;top: auto;left: auto; margin-top: 80px;} #sub0501 .sub0501-n-cnt2 .xbox h5{font-size: 24px;color: #000; font-weight: 400; text-align: center;} #sub0501 .sub0501-n-cnt2 .xbox h5 span{font-weight: 900;color: #467bb0;} #sub0501 .sub0501-n-cnt2 .xbox hr{display: block;width: 60px;height: 5px;margin: 30px auto;border: 0;background-color: rgba(0, 0, 0, 0.1);} #sub0501 .sub0501-n-cnt2 .xbox ul{text-align: left;text-align: left;display: flex;flex-wrap: wrap; justify-content: space-between;} #sub0501 .sub0501-n-cnt2 .xbox ul li{width: 45%; height:60px;float: left;font-size: 19px;line-height: 30px;padding: 0 0 0 38px;color: #000;font-weight: 400; background:url("../img/sub/sub0501-check.png") no-repeat;background-position: 0 0; margin-bottom: 30px;} #sub0501 .sub0501-n-cnt2 .xbox ul li:nth-of-type(2n + 1){clear:left} #sub0501 #tab1 .sub-modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); } #sub0501 #tab1 .modal-content {position: relative;margin: 6% auto;padding: 0;width: 70%;border-radius: 8px;overflow: hidden;} #sub0501 #tab1 .close {position: absolute;top: 0px; right: 16px;font-size: 28px;cursor: pointer;color:#fff;} #videoModal video{width:1280px; height:720px;} #sub0600 .cnt2{margin-bottom:64px} #sub0600 .cnt2 .area .c2_txt{margin-top:70px;padding-bottom:110px} #sub0600 .cnt2 .area .c2_txt > div{} #sub0600 .cnt2 .area .c2_txt .img{margin:0 auto;text-align: center;} #sub0600 .cnt2 .area .c2_txt .right p{font-size:17px;line-height:1.8;padding-top:30px;text-align: center;} #sub0601 .cnt2{margin-bottom:64px} #sub0601 .cnt2 .area .c2_txt{margin-top:102px;padding-bottom:89px} #sub0601 .cnt2 .area .c2_txt > div{float:left} #sub0601 .cnt2 .area .c2_txt .img{margin:0 39px 0 40px} #sub0601 .cnt2 .area .c2_txt .right h5{font-size:26px;color:#000;padding:100px 0 15px 0} #sub0601 .cnt2 .area .c2_txt .right span.h5_line{display:block;width:770px;height:2px;background:#BD645E;margin:0 0 44px -87px} #sub0601 .cnt2 .area .c2_txt .right p{font-size:17px;color:#666;line-height:1.8;padding-bottom:30px} #sub0602 .cnt2{position:relative} #sub0602 .cnt2 .area .c2_txt{padding-top:81px;padding-bottom:87px} #sub0602 .cnt2 .area .c2_txt ul{width:650px;margin:0 auto} #sub0602 .cnt2 .area .c2_txt ul li{float:left} #sub0602 .cnt2 .area .c2_txt ul li.mid{margin:0 150px} #sub0602 .cnt2 .area .c2_txt ul li h5{padding-bottom:19px;text-align:center} #sub0602 .cnt2 .area .c2_txt ul li .icon{width:92px;margin:0 auto} #sub0602 .cnt2 .area .c2_txt ul li p{font-size:14px;color:#666;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-top:15px} #sub0602 .cnt2 .area .row_line{position:absolute;bottom:-44px;left:50%;width:1px;height:92px;background:#e5e5e5;z-index:100} #sub0602 .cnt3{width:100%;height:435px;background:url("../img/sub/s62_c3_bg.jpg") no-repeat center;margin-bottom:94px} #sub0602 .cnt3 .area ul li{float:left;width:335px;padding-top:85px} #sub0602 .cnt3 .area ul li.mid{margin:0 137px} #sub0602 .cnt3 .area ul li .baln{width:335px;height:76px;background:url("../img/sub/s62_c3_tit.png") no-repeat center;margin-bottom:30px} #sub0602 .cnt3 .area ul li .baln h5{font-size:24px;color:#fff;text-align:center;padding-top:22px} #sub0602 .cnt3 .area ul li p{font-size:14px;color:#fff;text-align:center;line-height:2;font-family:"Noto Sans KR", sans-serif} #sub0602 .cnt3 .area ul li p strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0603 .cnt2 .area .c2_tit p{padding-top:50px} #sub0603 .cnt2 .area .c2_txt{position:relative;margin-top:23px} #sub0603 .cnt2 .area .c2_txt .row_line{position:absolute;top:0;left:50%;width:1px;height:63px;background:#e5e5e5;z-index:100} #sub0603 .cnt2 .area .c2_txt{padding-bottom:67px;margin-bottom:86px} #sub0603 .cnt2 .area .c2_txt .eight{height:414px;background:url("../img/sub/s63_c2_8.jpg") no-repeat bottom;padding-top:63px} #sub0603 .cnt2 .area .c2_txt .eight div h5{font-size:34px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif} #sub0603 .cnt2 .area .c2_txt .eight div p{font-size:13px;color:#666;font-family:"Noto Sans KR", sans-serif;line-height:1.8} #sub0603 .cnt2 .area .c2_txt .eight .left{float:left} #sub0603 .cnt2 .area .c2_txt .eight .left h5{padding:85px 0 13px 159px} #sub0603 .cnt2 .area .c2_txt .eight .left p{padding-left:80px} #sub0603 .cnt2 .area .c2_txt .eight .right{float:right;text-align:right} #sub0603 .cnt2 .area .c2_txt .eight .right h5{padding:58px 166px 13px 0} #sub0603 .cnt2 .area .c2_txt .eight .right p{padding-right:80px} #sub0604 .cnt2{padding-bottom:147px} #sub0604 .cnt2 .area .c2_txt{height:890px;background:url("../img/sub/s64_c2_bg.jpg") no-repeat center;margin-top:79px} #sub0604 .cnt2 .area .c2_txt > div{float:left;width:50%} #sub0604 .cnt2 .area .c2_txt .left span.row_line1{display:block;width:1px;height:64px;background:#959595;margin:0 auto 29px} #sub0604 .cnt2 .area .c2_txt .left h6{font-size:23px;color:#fff;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;text-align:center} #sub0604 .cnt2 .area .c2_txt .left h6 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0604 .cnt2 .area .c2_txt .left span.icon{display:block;width:26px;margin:13px auto} #sub0604 .cnt2 .area .c2_txt .left .img{text-align:center} #sub0604 .cnt2 .area .c2_txt .left span.row_line2{display:block;width:1px;height:55px;background:#959595;margin:31px auto 27px} #sub0604 .cnt2 .area .c2_txt .left span.row_line3{display:block;width:1px;height:55px;background:#959595;margin:16px auto 0} #sub0604 .cnt2 .area .c2_txt .right ul li{padding-top:35px} #sub0604 .cnt2 .area .c2_txt .right ul li:first-child{padding-top:55px} #sub0604 .cnt2 .area .c2_txt .right ul li h6{font-size:25px;color:#fff;font-weight:bold;padding-left:44px;padding-bottom:10px} #sub0604 .cnt2 .area .c2_txt .right ul li p{font-size:14px;color:#fff;padding-left:44px;font-family:"Noto Sans KR", sans-serif;line-height:1.8} #sub0605 .cnt2 .area .c2_txt{margin-top:62px} #sub0605 .cnt2 .area .c2_txt .box{position:relative;height:281px;background:url("../img/sub/s65_c2_box.jpg") no-repeat center} #sub0605 .cnt2 .area .c2_txt .box .img{float:right;margin:31px 83px 0 0} #sub0605 .cnt2 .area .c2_txt .box p{font-size:15px;color:#fff;line-height:2;font-weight:bold;padding:160px 0 0 530px} #sub0605 .cnt2 .area .c2_txt .box .row_line{position:absolute;bottom:-43px;left:50%;width:1px;height:60px;background:#e5e5e5;z-index:100} #sub0605 .cnt2 .area .c2_txt ul{padding-top:82px} #sub0605 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0605 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding-left:53px} #sub0605 .cnt2 .area .c2_txt ul li .h5_box{width:318px;height:94px;line-height:94px;border:2px solid #bd645e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:8px auto 0} #sub0605 .cnt2 .area .c2_txt ul li .h5_box h5{text-align:center;font-size:24px;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;color:#d48984} #sub0605 .cnt2 .area .c2_txt ul li .h5_box h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;color:#bd645e} #sub0605 .cnt2 .area .c2_txt ul li p{font-size:15px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;padding:35px 30px;} #sub0606 .cnt2{position:relative} #sub0606 .cnt2 .area .c2_tit p{padding-top:65px} #sub0606 .cnt2 .area .c2_txt .img{width:636px;margin:46px auto 29px} #sub0606 .cnt2 .area .c2_txt{margin-top:102px;padding-bottom:89px} #sub0606 .cnt2 .area .c2_txt .btm > div{float:left} #sub0606 .cnt2 .area .c2_txt .btm .left{margin:0 39px 0 41px} #sub0606 .cnt2 .area .c2_txt .btm .right h5{font-size:26px;color:#000;padding:90px 0 15px 0} #sub0606 .cnt2 .area .c2_txt .btm .right span.h5_line{display:block;width:350px;height:2px;background:#BD645E;margin:0 0 30px -87px} #sub0606 .cnt2 .area .c2_txt .btm .right p{font-size:17px;color:#666;line-height:2;padding-bottom:30px} #sub0606 .cnt2 .area .row_line{position:absolute;bottom:-65px;left:50%;width:1px;height:91px;background:#e5e5e5;z-index:100} #sub0606 .cnt3{margin-top:101px} #sub0606 .cnt3 .area .c3_tit .b1, #sub0606 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0606 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0606 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0606 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0606 .cnt3 .area .c3_txt{padding-bottom:66px} #sub0606 .cnt3 .area .c3_txt p{font-size:17px;color:#666;line-height:2;text-align:center;padding-top:70px} #sub0606 .cnt3 .area .c3_txt p:first-child{padding-top:50px} #sub0606 .cnt3 .area .c3_txt p strong{color:#447cb0} #sub0607 .cnt2 .area .c2_txt .img{position:relative;width:490px;margin:63px auto 133px} #sub0607 .cnt2 .area .c2_txt .img .row_line{position:absolute;top:300px;left:50%;width:1px;height:60px;background:#e5e5e5;z-index:100} #sub0607 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0607 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding-left:53px} #sub0607 .cnt2 .area .c2_txt ul li .h5_box{width:318px;height:94px;line-height:94px;border:2px solid #bd645e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:8px auto 0} #sub0607 .cnt2 .area .c2_txt ul li .h5_box h5{text-align:center;font-size:24px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;color:#d48984} #sub0607 .cnt2 .area .c2_txt ul li .h5_box h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif;color:#bd645e} #sub0607 .cnt2 .area .c2_txt ul li p{font-size:15px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;padding:35px 30px 75px} #sub0608 .sub_visual .headline h1.text-js{font-size:30px} #sub0608 .cnt2 .area .c2_txt{padding-top:79px;padding-bottom:112px} #sub0608 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0608 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding-left:53px} #sub0608 .cnt2 .area .c2_txt ul li .h5_box{width:318px;height:94px;line-height:94px;border:2px solid #bd645e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:8px auto 0} #sub0608 .cnt2 .area .c2_txt ul li .h5_box h5{text-align:center;font-size:24px;color:#BD645E;font-weight:bold} #sub0608 .cnt2 .area .c2_txt ul li p{font-size:15px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;padding:35px 30px 142px} #sub0608 .cnt2 .area .c2_txt .box{position:relative;height:281px;background:url("../img/sub/s68_c2_bg.jpg") no-repeat center} #sub0608 .cnt2 .area .c2_txt .box .img{float:right;margin:31px 83px 0 0} #sub0608 .cnt2 .area .c2_txt .box p{font-size:15px;color:#fff;line-height:2;font-weight:bold;padding:100px 0 0 530px} #sub0608 .cnt2 .area .c2_txt .box .row_line{position:absolute;top:-72px;left:50%;width:1px;height:109px;background:#e5e5e5;z-index:100} #sub0609 .cnt2 .area .c2_txt .img{position:relative;width:315px;margin:71px auto 141px} #sub0609 .cnt2 .area .c2_txt .img .row_line{position:absolute;bottom:-102px;left:50%;width:1px;height:60px;background:#e5e5e5;z-index:100} #sub0609 .cnt2 .area .c2_txt ul li{float:left;width:33.333333%} #sub0609 .cnt2 .area .c2_txt ul li span.num{display:block;font-size:17px;color:#bd645e;padding-left:53px} #sub0609 .cnt2 .area .c2_txt ul li .h5_box{width:318px;height:94px;line-height:94px;border:2px solid #bd645e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:8px auto 0} #sub0609 .cnt2 .area .c2_txt ul li .h5_box h5{text-align:center;font-size:24px;color:#BD645E;font-weight:bold} #sub0609 .cnt2 .area .c2_txt ul li p{font-size:15px;font-family:"Noto Sans KR", sans-serif;text-align:center;line-height:2;padding:35px 30px 75px} #sub0610 .sub_visual .headline h1.text-js{font-size:30px} #sub0610 .cnt2 .area .c2_txt .content{padding-bottom:184px} #sub0610 .cnt2 .area .c2_txt .content ul{display:none;border-top:2px solid #1d4263;border-bottom:2px solid #1d4263} #sub0610 .cnt2 .area .c2_txt .content #content1{display:block} #sub0610 .cnt2 .area .c2_txt .content ul li a{height:48px;line-height:48px;border-bottom:1px solid #e1e1e1;color:#333;font-size:16px;font-weight:bold} #sub0610 .cnt2 .area .c2_txt .content ul li a p{height:48px;width:1000px;background:url("../img/sub/s610_c2_q.png") no-repeat 20px center;padding-left:88px} #sub0610 .cnt2 .area .c2_txt .content ul li a span{width:192px;text-align:center} #sub0610 .cnt2 .area .c2_txt .content ul li.top a{border-bottom:2px solid #1d4263;font-size:20px;font-weight:bold;color:#1d4263;text-align:center;line-height:48px} #sub0610 .cnt2 .area .c2_txt .content ul li.top a p{background:none} #sub0610 .cnt2 .area .c2_txt .content ul li a{display:block;width:100%} #sub0610 .cnt2 .area .c2_txt .content ul li a > *{float:left} #sub0610 .cnt2 .area .c2_txt .content ul li .answer{display:none;border-bottom:1px solid #e1e1e1;background:url("../img/sub/sub0704_a.png") no-repeat 20px center;padding:15px 0} #sub0610 .cnt2 .area .c2_txt .content ul li .answer p{font-size:15px;color:#555;line-height:1.8;padding-left:88px;font-family: 'Noto Sans KR', NSL, sans-serif;padding-right:50px} #sub0610 .cnt2 .area .c2_txt .btn{width:1200px;margin:96px auto 61px} #sub0610 .cnt2 .area .c2_txt .btn li{float:left;width:200px;box-sizing:border-box;height:50px;border:1px solid #c9c9c9} #sub0610 .cnt2 .area .c2_txt .btn li.on, #sub0610 .c2_txt .btn li:hover, #sub0610 .c2_txt .btn li.on a, #sub0610 .c2_txt .btn li:hover a{background:#BD645E;color:#fff} #sub0610 .cnt2 .area .c2_txt .btn li a{display:block;width:100%;height:100%;font-size:16px;font-weight:bold;color:#e7c4c1;text-align:center;line-height:48px} #sub0701{overflow:hidden} #sub0701 .sub_visual .headline h1.text-js{font-size:30px} #sub0701 .cnt2 .area .c2_txt{margin-top:118px} /* #sub0701 .cnt2 .area .c2_txt ul{padding-bottom:80px} */ #sub0701 .cnt2 .area .c2_txt ul li{position:relative;float:left;width:50%;margin-bottom:130px} #sub0701 .cnt2 .area .c2_txt ul li .img{position:relative;z-index:10} #sub0701 .cnt2 .area .c2_txt ul li.left .img{margin-left:17px} #sub0701 .cnt2. area .c2_txt ul li.right{float:right} #sub0701 .cnt2 .area .c2_txt ul li.right .img{text-align:right;margin-right:17px} #sub0701 .cnt2 .area .c2_txt ul li .exm_tit{position:relative} #sub0701 .cnt2 .area .c2_txt ul li .exm_tit .num{position:absolute;top:-15px} #sub0701 .cnt2 .area .c2_txt ul li.left .exm_tit .num{left:17px} #sub0701 .cnt2 .area .c2_txt ul li.right .exm_tit .num{left:112px} #sub0701 .cnt2 .area .c2_txt ul li .exm_tit h5{font-size:28px;font-weight:bold;color:#bd645e;padding-left:44px;padding-bottom:20px} #sub0701 .cnt2 .area .c2_txt ul li.left .exm_tit h5{margin-left:17px} #sub0701 .cnt2 .area .c2_txt ul li.right .exm_tit h5{margin-left:115px} #sub0701 .cnt2 .area .c2_txt ul li.left .box{position:absolute;top:80px;left:-320px;width:871px;height:267px;background:#f2e9ea} #sub0701 .cnt2 .area .c2_txt ul li.right .box{position:absolute;top:80px;right:-320px;width:871px;height:267px;background:#dbe1e5} #sub0701 .cnt2 .area .c2_txt ul li > span{position:absolute;bottom:-30px;font-size:17px;z-index:100;font-weight:bold;color:#999} #sub0701 .cnt2 .area .c2_txt ul li.left > span.bf{left:120px} #sub0701 .cnt2 .area .c2_txt ul li.left > span.af{right:220px} #sub0701 .cnt2 .area .c2_txt ul li.right > span.bf{left:223px} #sub0701 .cnt2 .area .c2_txt ul li.right > span.af{right:118px} #sub0801 .cnt2 .area .c2_txt{margin-top:70px;padding-bottom:50px} #sub0801 .cnt2 .area .c2_txt .spider{position:relative;width:890px;height:630px;background:url("../img/sub/s81_c2_img.jpg") no-repeat center;margin:0 auto} #sub0801 .cnt2 .area .c2_txt .spider p{position:absolute;font-size:17px;font-weight:bold;line-height:1.5} #sub0801 .cnt2 .area .c2_txt .spider p.sp1{top:15px;left:50%;margin-left:-126.65px} #sub0801 .cnt2 .area .c2_txt .spider p.sp2{top:158px;right:65px} #sub0801 .cnt2 .area .c2_txt .spider p.sp3{top:410px;right:25px} #sub0801 .cnt2 .area .c2_txt .spider p.sp4{bottom:15px;left:50%;margin-left:-108.1px} #sub0801 .cnt2 .area .c2_txt .spider p.sp5{top:425px;left:80px;text-align:right} #sub0801 .cnt2 .area .c2_txt .spider p.sp6{top:150px;left:25px;text-align:right} #sub0801 .cnt2 .area .c2_txt span.col_line{display:block;width:20px;height:2px;background:#467bb0;margin:30px auto 53px} #sub0801 .cnt2 .area .c2_txt .ingre{text-align:center} #sub0801 .cnt2 .area .c2_txt .ingre p{display:inline-block;font-size:18px} #sub0801 .cnt2 .area .c2_txt .ingre p:first-child{padding-right:30px} #sub0801 .cnt2 .area .c2_txt span.row_line{display:block;width:1px;height:60px;background:#bfbfbf;margin:48px auto 46px} #sub0801 .cnt2 .area .c2_txt .graph h5{font-size:30px;color:#bd645e;font-family:'Noto Sans KR', Noto Sans KR, sans-serif;text-align:center;padding-bottom:17px} #sub0801 .cnt2 .area .c2_txt .graph h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0801 .cnt2 .area .c2_txt .graph .box{width:955px;height:400px;background:#dee3b2;margin:0 auto} #sub0801 .cnt2 .area .c2_txt .graph .box ul li{position:relative;padding-top:35px} #sub0801 .cnt2 .area .c2_txt .graph .box ul li h6{font-size:17px;font-weight:bold;color:#bd645e;padding-left:50px;padding-bottom:10px} #sub0801 .cnt2 .area .c2_txt .graph .box ul li .bar{padding-left:50px} #sub0801 .cnt2 .area .c2_txt .graph .box ul li .arrow{position:absolute;top:48px;right:87px} #sub0802 .cnt2 .area .c2_txt{position:relative;margin-top:101px} #sub0802 .cnt2 .area .c2_txt .top{position:relative} #sub0802 .cnt2 .area .c2_txt .top .wrap{height:265px} #sub0802 .cnt2 .area .c2_txt .top .wrap > div{float:left} #sub0802 .cnt2 .area .c2_txt .top .wrap .left{padding-left:226px} #sub0802 .cnt2 .area .c2_txt .top .wrap .right{padding-left:166px} #sub0802 .cnt2 .area .c2_txt .top .wrap > div p{font-family:"Noto Sans KR", sans-serif;font-size:14px;color:#666;line-height:2;text-align:center;padding-top:20px} #sub0802 .cnt2 .area .c2_txt .top span.row_line{position:absolute;top:0;left:50%;width:1px;height:265px;background:#e5e5e5} #sub0802 .cnt2 .area .c2_txt .top span.col_line{display:block;width:1030px;height:2px;background:#e5e5e5;margin:31px auto 34px} #sub0802 .cnt2 .area .c2_txt .top > strong{display:block;font-size:17px;color:#bd645e;text-align:center} #sub0802 .cnt2 .area .c2_txt span.row_line2{display:block;width:1px;height:46px;margin:52px auto 44px;background:#e5e5e5} #sub0802 .cnt2 .area .c2_txt .btm h5{font-size:26px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;;text-align:center;padding-bottom:25px} #sub0802 .cnt2 .area .c2_txt .btm h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0802 .cnt2 .area .c2_txt .btm{position:relative;padding-bottom:185px} #sub0802 .cnt2 .area .c2_txt .btm ul li{float:left;width:50%;margin-top:38px} #sub0802 .cnt2 .area .c2_txt .btm ul li h5.num{text-align:center;padding-bottom:15px} #sub0802 .cnt2 .area .c2_txt .btm ul li .heart{width:525px;margin:0 auto 23px} #sub0802 .cnt2 .area .c2_txt .btm ul li p{font-size:17px;line-height:2;text-align:center} #sub0802 .cnt2 .area .c2_txt .btm span.row_line3{position:absolute;top:50px;left:50%;width:1px;height:425px;background:#e5e5e5} #sub0802 .cnt2 .area .c2_txt span.row_line4{position:absolute;bottom:-68px;left:50%;width:1px;height:91px;background:#bfbfbf} #sub0802 .cnt3{margin-top:101px;margin-bottom:85px} #sub0802 .cnt3 .area .c3_tit .b1, #sub0802 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0802 .cnt3 .area .c3_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0802 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0802 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0802 .cnt3 .area .c3_txt{margin-top:91px} #sub0802 .cnt3 .area .c3_txt .cc > div{float:left} #sub0802 .cnt3 .area .c3_txt .cc .left, #sub0802 .cnt3 .area .c3_txt .cc .right{width:233px} #sub0802 .cnt3 .area .c3_txt .cc > div p{font-size:17px;font-weight:bold;padding-top:22px;line-height:1.6} #sub0802 .cnt3 .area .c3_txt .cc > div p img{vertical-align:text-top;padding-right:10px} #sub0802 .cnt3 .area .c3_txt .cc > div p span{padding-left:26px} #sub0802 .cnt3 .area .c3_txt .cc .right p{text-align:right;padding-left:0} #sub0802 .cnt3 .area .c3_txt .cc .right p:first-child{padding-top:70px} #sub0802 .cnt3 .area .c3_txt .cc .right p img{padding-left:10px;padding-right:0} #sub0802 .cnt3 .area .c3_txt span.row_line{display:block;width:1px;height:144px;background:#bfbfbf;margin:119px auto 0} #sub0802 .cnt4{position:relative;width:100%;background:#f5f5f5} #sub0802 .cnt4 .area .clip{position:absolute;top:-40px;left:50%;margin-left:-31px} #sub0802 .cnt4 .area .c4_tit{padding:121px 0 0} #sub0802 .cnt4 .area .c4_tit h4{font-size:30px;font-weight:bold;color:#BD645E;text-align:center;padding-bottom:23px} #sub0802 .cnt4 .area .c4_tit h4 span{letter-spacing:15px} #sub0802 .cnt4 .area .c4_tit .h4_line{display:block;width:700px;height:3px;background:#bd645e;margin:0 auto} #sub0802 .cnt4 .area .c4_tit p{font-size:17px;text-align:center;line-height:2} #sub0802 .cnt4 .area .c4_tit p strong{color:#bd645e} #sub0802 .cnt4 .area .c4_txt .top > .img{width:281px;margin:95px auto 78px} #sub0802 .cnt4 .area .c4_txt .top ul li{float:left} #sub0802 .cnt4 .area .c4_txt .top ul li.circle{width:202px;height:202px;border:2px solid #BD645E;-webkit-border-radius:101px;-moz-border-radius:101px; border-radius:101px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #sub0802 .cnt4 .area .c4_txt .top ul li.circle strong{display:block;font-size:17px;color:#bd645e;text-align:center;padding-top:72px;padding-bottom:5px} #sub0802 .cnt4 .area .c4_txt .top ul li.circle.c2 strong{padding-top:82px} #sub0802 .cnt4 .area .c4_txt .top ul li.circle.c3 strong{padding-top:93px} #sub0802 .cnt4 .area .c4_txt .top ul li.circle p{font-size:17px;color:#bd645e;text-align:center;line-height:1.5} #sub0802 .cnt4 .area .c4_txt .top ul li.line{width:27px;height:2px;background:#bd645e;margin-top:100px} #sub0802 .cnt4 .area .c4_txt .top ul li.arrow{padding-top:81px;margin-right:13px} #sub0802 .cnt4 .area .c4_txt .top ul li.circle2{width:202px;height:202px;line-height:202px;background:#bd645e;-webkit-border-radius:101px;-moz-border-radius:101px;border-radius:101px} #sub0802 .cnt4 .area .c4_txt .top ul li.circle2 strong{display:block;font-size:17px;color:#fff;text-align:center} #sub0802 .cnt4 .area .c4_txt span.col_line{display:block;width:100%;height:1px;background:#d2d2d2;margin:89px 0 116px} #sub0802 .cnt4 .area .c4_txt .btm{position:relative;padding-bottom:88px} #sub0802 .cnt4 .area .c4_txt .btm ul li{float:left} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle{width:254px;height:254px;border:2px solid #bd645e;-webkit-border-radius:127px;-moz-border-radius:127px;border-radius:127px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:36px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle.c1 .img{text-align:center;padding-top:60px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle.c1 p{font-size:14px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;text-align:center;font-weight:bold;padding-top:16px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle.c2 strong{display:block;font-size:17px;color:#bd645e;text-align:center;line-height:1.5;margin-top:-60px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle.c2 p{font-size:14px;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;padding-top:15px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle.c2 p.first{padding-top:52px} #sub0802 .cnt4 .area .c4_txt .btm ul li.line{width:206px;height:2px;background:#bd645e;margin-top:162px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle2{width:326px;height:326px;background:#bd645e;-webkit-border-radius:163px;-moz-border-radius:163px;border-radius:163px} #sub0802 .cnt4 .area .c4_txt .btm ul li.circle2 .img{text-align:center;padding-top:90px} #sub0802 .cnt4 .area .c4_txt .btm span.row_line2{position:absolute;bottom:-67px;left:50%;width:1px;height:91px;background:#bfbfbf} #sub0802 .cnt5{margin-top:101px;margin-bottom:85px} #sub0802 .cnt5 .area .c5_tit .b1, #sub0802 .cnt5 .area .c5_tit .b2{width:80px;margin:0 auto} #sub0802 .cnt5 .area .c5_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0802 .cnt5 .area .c5_tit h4 span{letter-spacing:5px} #sub0802 .cnt5 .area .c5_tit p{font-size:14px;color:#999;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0802 .cnt5 .area .c5_txt{margin-top:126px;padding-bottom:160px} #sub0802 .cnt5 .area .c5_txt .left, #sub0802 .cnt5 .area .c5_txt .mid{float:left} #sub0802 .cnt5 .area .c5_txt .mid{padding-top:6px} #sub0802 .cnt5 .area .c5_txt .right{float:right;padding-top:50px} #sub0802 .cnt5 .area .c5_txt .left, #sub0802 .cnt5 .area .c5_txt .cc .right{width:412px} #sub0802 .cnt5 .area .c5_txt > div h5{font-size:26px;color:#467bb0;font-weight:bold} #sub0802 .cnt5 .area .c5_txt > div p{font-size:17px;font-weight:bold;padding-top:15px;line-height:1.6} #sub0802 .cnt5 .area .c5_txt > div p img{vertical-align:text-top;padding-right:10px} #sub0802 .cnt5 .area .c5_txt > div p span{padding-left:26px} #sub0802 .cnt5 .area .c5_txt .right{text-align:right} #sub0802 .cnt5 .area .c5_txt .right p{padding-left:0;line-height:2} #sub0802 .cnt5 .area .c5_txt .right p img{padding-left:10px;padding-right:0} #sub0802 .cnt5 .area .c5_txt span.row_line{display:block;width:1px;height:144px;background:#bfbfbf;margin:119px auto 0} #sub0803 .cnt2 .area .c2_txt{position:relative;margin-top:101px} #sub0803 .cnt2 .area .c2_txt .top{position:relative} #sub0803 .cnt2 .area .c2_txt .top .wrap{} #sub0803 .cnt2 .area .c2_txt .top .wrap > div{float:left} #sub0803 .cnt2 .area .c2_txt .top .wrap .left{/* padding-left:226px */} #sub0803 .cnt2 .area .c2_txt .top .wrap .left img{width: 585px;} #sub0803 .cnt2 .area .c2_txt .top .wrap .right{padding-left: 108px;padding-top: 90px;} #sub0803 .cnt2 .area .c2_txt .top .wrap .right h2{color: #BD645E;font-size: 24px;font-weight: bold;} #sub0803 .cnt2 .area .c2_txt .top .wrap .right h5{font-size: 16px;padding-top: 20px;line-height: 1.6;color: #666666;} #sub0803 .cnt2 .area .c2_txt .top .wrap > div p{font-family:"Noto Sans KR", sans-serif;font-size:17px;color:#666;line-height:1.6;padding-top:20px;font-weight: bold;} #sub0803 .cnt2 .area .c2_txt .top span.row_line{position:absolute;top:0;left:50%;width:1px;height:451px;background:#e5e5e5} #sub0803 .cnt2 .area .c2_txt .top span.col_line{display:block;height:2px;background:#e5e5e5;margin:50px auto 34px} #sub0803 .cnt2 .area .c2_txt .top > strong{display:block;font-size:17px;color:#bd645e;text-align:center} #sub0803 .cnt2 .area .c2_txt span.row_line2{display:block;width:1px;height:46px;margin:52px auto 44px;background:#e5e5e5} #sub0803 .cnt2 .area .c2_txt .btm h5{font-size:26px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;;text-align:center;padding-bottom:25px} #sub0803 .cnt2 .area .c2_txt .btm h5 strong{font-family:'Noto Sans KR', Noto Sans KR, NSL, sans-serif} #sub0803 .cnt2 .area .c2_txt .btm{position:relative;padding-bottom:185px} #sub0803 .cnt2 .area .c2_txt .btm ul li{float:left;width:50%;margin-top:38px} #sub0803 .cnt2 .area .c2_txt .btm ul li h5.num{text-align:center;padding-bottom:15px} #sub0803 .cnt2 .area .c2_txt .btm ul li .heart{width:525px;margin:0 auto 23px} #sub0803 .cnt2 .area .c2_txt .btm ul li p{font-size:17px;line-height:2;text-align:center} #sub0803 .cnt2 .area .c2_txt .btm span.row_line3{position:absolute;top:50px;left:50%;width:1px;height:425px;background:#e5e5e5} #sub0803 .cnt2 .area .c2_txt span.row_line4{position:absolute;bottom:-68px;left:50%;width:1px;height:91px;background:#bfbfbf} #sub0803 .cnt3{margin-top:101px;margin-bottom:85px} #sub0803 .cnt3 .area .c3_tit .b1, #sub0802 .cnt3 .area .c3_tit .b2{width:80px;margin:0 auto} #sub0803 .cnt3 .area .c3_tit h4{font-size:30px;text-align:center;padding-top:19px;padding-bottom:8px} #sub0803 .cnt3 .area .c3_tit h4 span{letter-spacing:5px} #sub0803 .cnt3 .area .c3_tit .b2{text-align: center;} #sub0803 .cnt3 .area .c3_tit p{font-size:14px;color:#999;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0803 .cnt3 .area .c3_txt{margin-top:91px} #sub0803 .cnt3 .area .c3_txt .cc li{float: left;width: 30%;margin-left: 5%;} #sub0803 .cnt3 .area .c3_txt .cc li:first-child{margin-left: 0;} #sub0803 .cnt3 .area .c3_txt .cc li .h5_box{background-color: #66a4e2;line-height: 14px;width: 90px;margin: 0 auto;} #sub0803 .cnt3 .area .c3_txt .cc li .h5_box h5{font-size: 50px;font-weight: bold;text-align: center;} #sub0803 .cnt3 .area .c3_txt .cc li p{font-size: 17px;padding-top: 35px;text-align: center;line-height: 1.6;} #sub0803 .cnt3 .area .c3_txt span.row_line{display:block;width:1px;height:144px;background:#bfbfbf;margin:119px auto 0} #sub0803 .cnt33{position:relative;width:100%;height:625px;background:url("../img/sub/s83_c3_bg.jpg") no-repeat center;margin-bottom: 140px;} #sub0803 .cnt33 .area .c3_tit h4{font-size:28px;color:#fff;text-align:center;padding-top:92px} #sub0803 .cnt33 .area .c3_tit span.icon{display:block;width:26px;margin:21px auto 59px} #sub0803 .cnt33 .area .c3_txt ul li{float:left;width:50%;height:60px;margin-bottom:37px} #sub0803 .cnt33 .area .c3_txt ul li > *{float:left} #sub0803 .cnt33 .area .c3_txt ul li span.num{width:35px;height:35px;line-height:38px;background:url("../img/sub/s42_c3_num.png") no-repeat top;font-size:14px;color:#fff;font-weight:bold;text-align:center;margin-left:77px} #sub0803 .cnt33 .area .c3_txt ul li p{font-size:17px;color:#fff;line-height:1.5;padding-top:0px;padding-left:15px;letter-spacing:0.5px;font-family:"Noto Sans KR", sans-serif;} #sub0803 .cnt33 .area .c3_txt ul li.prc6 p{padding-top:8px} #sub0803 .cnt4{position:relative;width:100%;background:#f5f5f5} #sub0803 .cnt4 .area .clip{position:absolute;top:-40px;left:50%;margin-left:-31px} #sub0803 .cnt4 .area .c4_tit{padding:121px 0 0} #sub0803 .cnt4 .area .c4_tit h4{font-size:30px;font-weight:bold;color:#BD645E;text-align:center;padding-bottom:23px} #sub0803 .cnt4 .area .c4_tit h4 span{letter-spacing:15px} #sub0803 .cnt4 .area .c4_tit .h4_line{display:block;width:700px;height:3px;background:#bd645e;margin:0 auto} #sub0803 .cnt4 .area .c4_tit p{font-size:17px;text-align:center;line-height:2} #sub0803 .cnt4 .area .c4_tit p strong{color:#bd645e} #sub0803 .cnt4 .area .c4_txt .top > .img{width:281px;margin:95px auto 78px} #sub0803 .cnt4 .area .c4_txt .top ul li{float:left} #sub0803 .cnt4 .area .c4_txt .top ul li.circle{width:202px;height:202px;border:2px solid #BD645E;-webkit-border-radius:101px;-moz-border-radius:101px; border-radius:101px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #sub0803 .cnt4 .area .c4_txt .top ul li.circle strong{display:block;font-size:17px;color:#bd645e;text-align:center;padding-top:72px;padding-bottom:5px} #sub0803 .cnt4 .area .c4_txt .top ul li.circle.c2 strong{padding-top:82px} #sub0803 .cnt4 .area .c4_txt .top ul li.circle.c3 strong{padding-top:93px} #sub0803 .cnt4 .area .c4_txt .top ul li.circle p{font-size:17px;color:#bd645e;text-align:center;line-height:1.5} #sub0803 .cnt4 .area .c4_txt .top ul li.line{width:27px;height:2px;background:#bd645e;margin-top:100px} #sub0803 .cnt4 .area .c4_txt .top ul li.arrow{padding-top:81px;margin-right:13px} #sub0803 .cnt4 .area .c4_txt .top ul li.circle2{width:202px;height:202px;line-height:202px;background:#bd645e;-webkit-border-radius:101px;-moz-border-radius:101px;border-radius:101px} #sub0803 .cnt4 .area .c4_txt .top ul li.circle2 strong{display:block;font-size:17px;color:#fff;text-align:center} #sub0803 .cnt4 .area .c4_txt span.col_line{display:block;width:100%;height:1px;background:#d2d2d2;margin:89px 0 116px} #sub0803 .cnt4 .area .c4_txt .btm{position:relative;padding-bottom:88px} #sub0803 .cnt4 .area .c4_txt .btm ul li{float:left} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle{width:254px;height:254px;border:2px solid #bd645e;-webkit-border-radius:127px;-moz-border-radius:127px;border-radius:127px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:36px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle.c1 .img{text-align:center;padding-top:60px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle.c1 p{font-size:14px;font-family: 'Noto Sans KR', Noto Sans KR, sans-serif;text-align:center;font-weight:bold;padding-top:16px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle.c2 strong{display:block;font-size:17px;color:#bd645e;text-align:center;line-height:1.5;margin-top:-60px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle.c2 p{font-size:14px;font-family: 'Noto Sans KR', NSL, sans-serif;text-align:center;padding-top:15px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle.c2 p.first{padding-top:52px} #sub0803 .cnt4 .area .c4_txt .btm ul li.line{width:206px;height:2px;background:#bd645e;margin-top:162px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle2{width:326px;height:326px;background:#bd645e;-webkit-border-radius:163px;-moz-border-radius:163px;border-radius:163px} #sub0803 .cnt4 .area .c4_txt .btm ul li.circle2 .img{text-align:center;padding-top:90px} #sub0803 .cnt4 .area .c4_txt .btm span.row_line2{position:absolute;bottom:-67px;left:50%;width:1px;height:91px;background:#bfbfbf} #sub0803 .cnt5{margin-top:101px;margin-bottom:85px} #sub0803 .cnt5 .area .c5_tit .b1, #sub0802 .cnt5 .area .c5_tit .b2{width:80px;margin:0 auto} #sub0803 .cnt5 .area .c5_tit h4{font-size:30px;font-weight:bold;text-align:center;padding-top:19px;padding-bottom:8px} #sub0803 .cnt5 .area .c5_tit h4 span{letter-spacing:5px} #sub0803 .cnt5 .area .c5_tit .b2{text-align: center;} #sub0803 .cnt5 .area .c5_tit p{font-size:14px;color:#999;font-family:'Noto Sans KR', NSL, sans-serif;text-align:center;line-height:1.5;padding-bottom:15px} #sub0803 .cnt5 .area .c5_txt{margin-top:126px;padding-bottom:160px} #sub0803 .cnt5 .area .c5_txt .left, #sub0803 .cnt5 .area .c5_txt .mid{float:left} #sub0803 .cnt5 .area .c5_txt .mid{padding-top:6px} #sub0803 .cnt5 .area .c5_txt .right{float:right;padding-top:50px} #sub0803 .cnt5 .area .c5_txt .left, #sub0803 .cnt5 .area .c5_txt .right{width:412px} #sub0803 .cnt5 .area .c5_txt > div h5{font-size:26px;color:#467bb0;font-weight:bold} #sub0803 .cnt5 .area .c5_txt > div p{font-size:17px;font-weight:bold;padding-top:15px;line-height:1.6} #sub0803 .cnt5 .area .c5_txt > div p img{vertical-align:text-top;padding-right:10px} #sub0803 .cnt5 .area .c5_txt > div p span{padding-left:26px} #sub0803 .cnt5 .area .c5_txt .right{text-align:right} #sub0803 .cnt5 .area .c5_txt .right p{padding-left:0;line-height:2} #sub0803 .cnt5 .area .c5_txt .right p img{padding-left:10px;padding-right:0} #sub0803 .cnt5 .area .c5_txt span.row_line{display:block;width:1px;height:144px;background:#bfbfbf;margin:119px auto 0} #sub0901 p{line-height:2;font-size:16px;font-family: 'Noto Sans KR', NSL, sans-serif;margin-bottom:200px} #sub0902 ul{margin-bottom:200px} #sub0902 ul li{margin-bottom:30px} #sub0902 ul li h3{font-size:20px;font-weight:bold;padding-bottom:5px} #sub0902 ul li p{line-height:2;font-size:16px;font-family:'Noto Sans KR', NSL, sans-serif} /*0903*/ #sub0903 .con1 .area{width: 100%; margin: 0 auto;} #sub0903 .con1 #cont2{display: none;} #sub0903 .con1 #cont3{display: none;} #sub0903 .con1 #cont4{display: none;} #sub0903{font-family:'Noto Sans KR', NSL, sans-serif;} #sub0903 .con1 .tab_btn{display: flex;padding: 0 30%;padding-bottom: 150px;} #sub0903 .con1 .tab_btn li{flex: auto;} #sub0903 .con1 .tab_btn li a{display: block;text-align: center;font-size: 20px;position: relative;width: 40%;margin: 0 auto;} #sub0903 .con1 .tab_btn li.on a{color: #224161;font-weight: bold; border-bottom: 2px solid #224161; padding-bottom: 20px;} #sub0903 .cnt2 .area .c2_txt{margin-top:118px} #sub0903 .cnt2 .area .c2_txt ul li .exm_tit h5{font-size:28px;font-weight:bold;color:#bd645e;padding-left:44px;padding-bottom:20px} #sub0903 .cnt2 .area .c2_txt ul li .wri p{font-size: 18px; line-height: 1.6;padding-top: 40px;color: #bd645e;} #sub0903 .cnt2 .area .c2_txt ul li .wri h3{font-size: 18px; color: #bd645e; font-weight: bold;padding-top: 20px;} #sub0903 .cnt2 .area .c2_txt ul li .exm_tit2 h5{font-size:28px;font-weight:bold;color:#bd645e;padding-left:44px;padding-bottom:20px} #sub0903 .cnt2 .area .c2_txt ul li.right .box{position:absolute;top:80px;right:-320px;width:850px;height:250px;background:#dbe1e5;display: none;} #sub0903 .cnt2 .area .c2_txt ul li.left .box{position:absolute;top:80px;left:-320px;width:940px;height:250px;background:#f2e9ea;display: none;} #sub0903 .cnt2 .area .c2_txt ul{padding-bottom:80px} #sub0903 .cnt2 .area .c2_txt ul li:first-child{width: 50%;position:relative;float:left;padding-top: 50px;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li{padding-top: 0;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child{padding-top: 50px;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child h5{color: #386176;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child h3{color: #386176;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child p{color: #386176;} #sub0903 .cnt2 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child .wri{background-color: #dbe1e5;} #sub0903 .cnt2 .area .c2_txt ul li:last-child{width: 50%;float: right;} #sub0903 .cnt2 .area .c2_txt ul li .img{position:relative;z-index:10; display: flex;} #sub0903 .cnt2 .area .c2_txt ul li .img2{position:relative;z-index:10; float: right;padding-right: 20%;display: flex;} #sub0903 .cnt2 .area .c2_txt ul li .wri{position:relative;z-index:10;} #sub0903 .cnt2 .area .c2_txt ul li .exm_tit{padding-left: 30%;} #sub0903 .cnt2 .area .c2_txt ul li:first-child .wri{padding-left: 34.5%;background: #f2e9ea;width: 55%;padding-bottom: 40px;} #sub0903 .cnt2 .area .c2_txt ul li:last-child .wri{padding-left: 14.5%;background: #f2e9ea;width: 100%;padding-bottom: 40px;} #sub0903 .cnt2 .area .c2_txt ul li .img2 img{padding:0 20px;} #sub0903 .cnt2 .area .c2_txt ul li .img img{padding:0 17px;} #sub0903 .cnt2 .area .c2_txt ul li .exm_tit2{margin-left: 10%;} #sub0903 .cnt2 .area .c2_txt ul .inner{} #sub0903 .cnt2 .area .c2_txt ul .inner{margin: 150px auto;} #sub0903 .cnt2 .area .c2_txt ul li .img:nth-child(2){display: flex;} #sub0903 .c3_tit{padding:121px 0 0} #sub0903 .c3_tit h4{font-size:30px;font-weight:bold;color:#BD645E;text-align:center;padding-bottom:23px} #sub0903 .c3_tit h4 span{letter-spacing:30px} #sub0903 .c3_tit .h4_line{display:block;width:700px;height:3px;background:#bd645e;margin:0 auto} #sub0903 .c3_tit p{font-size:17px;text-align:center;line-height:2} #sub0903 .c3_tit p strong{color:#bd645e} #sub0903 .cnt22 .area .c2_txt{margin-top:118px} #sub0903 .cnt22 .area .c2_txt ul li .exm_tit h5{font-size:28px;font-weight:bold;color:#bd645e;padding-left:44px;padding-bottom:20px} #sub0903 .cnt22 .area .c2_txt ul li .wri p{font-size: 18px; line-height: 1.6;padding-top: 40px;color: #bd645e;} #sub0903 .cnt22 .area .c2_txt ul li .wri h3{font-size: 18px; color: #bd645e; font-weight: bold;padding-top: 20px;} #sub0903 .cnt22 .area .c2_txt ul li .exm_tit2 h5{font-size:28px;font-weight:bold;color:#bd645e;padding-left:44px;padding-bottom:20px} #sub0903 .cnt22 .area .c2_txt ul li.right .box{position:absolute;top:80px;right:-320px;width:850px;height:250px;background:#dbe1e5;display: none;} #sub0903 .cnt22 .area .c2_txt ul li.left .box{position:absolute;top:80px;left:-320px;width:940px;height:250px;background:#f2e9ea;display: none;} #sub0903 .cnt22 .area .c2_txt ul{padding-bottom:80px} #sub0903 .cnt22 .area .c2_txt ul li:first-child{width: 50%;position:relative;float:left;} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li{padding-top: 0;} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child{/* padding-top: 50px; */} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child h5{color: #386176;} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child h3{color: #386176;} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child p{color: #386176;} #sub0903 .cnt22 .area .c2_txt ul .inner:nth-of-type(2n) li:last-child .wri{background-color: #dbe1e5;} #sub0903 .cnt22 .area .c2_txt ul li:last-child{width: 50%;float: right;} #sub0903 .cnt22 .area .c2_txt ul li .img{position:relative;z-index:10; display: flex;} #sub0903 .cnt22 .area .c2_txt ul li .img2{position:relative;z-index:10; float: right;display: flex;} #sub0903 .cnt22 .area .c2_txt ul li .wri{position:relative;z-index:10;} #sub0903 .cnt22 .area .c2_txt ul li .exm_tit{padding-left: 30%;} #sub0903 .cnt22 .area .c2_txt ul li:first-child .wri{padding-left: 34.5%;background: #f2e9ea;width: 50%;padding-bottom: 40px;} #sub0903 .cnt22 .area .c2_txt ul li:last-child .wri{padding-left: 14.5%;background: #f2e9ea;width: 100%;padding-bottom: 40px;} #sub0903 .cnt22 .area .c2_txt ul li .img2 img{padding:0 20px;} #sub0903 .cnt22 .area .c2_txt ul li .img img{padding:0 17px;} #sub0903 .cnt22 .area .c2_txt ul li .exm_tit2{margin-left: 10%;} #sub0903 .cnt22 .area .c2_txt ul .inner{} #sub0903 .cnt22 .area .c2_txt ul .inner{margin: 150px auto;} #sub0903 .cnt22 .area .c2_txt ul li .img:nth-child(2){display: flex;} /* 척추센터 리뉴얼 */ .new_cnt2_0501{ height: 1000px; position: relative; } .xbox{ width: 600px; height: 200px; background-color: #fff; position: absolute; } .xbox01{ top: 30%; left: 17%; } .xbox02{ top: 30%; left: 52%; } .xbox03{ top: 60%; left: 17%; } .xbox04{ top: 60%; left: 52%; } .xbox>h1{ font-size: 28px; color: #bd645e; font-weight: bold; text-align: center; line-height: 1px; margin-top: -13px; } .xbox03>h1{ line-height: 50px; margin-top: -60px; } .xbox>img{ width: 40px; height: 40px; margin-top: 13%; margin-left: 4%; } .new_cnt3_0501{ padding: 100px 0 300px 0; } .fbox_home{ display: flex; } .fbox{ width: 350px; height: 350px; border: 1px solid rgba(0,0,0,.15); margin: 120px 20px 0 15px; } .fbox01{ margin-left: 10.5%; } .fbox>h1{ font-size: 28px; color: #bd645e; font-weight: bold; text-align: center; margin-top: 13%; } .fbox>p{ font-size: 17px; } .fbox>img{ margin-left: 34%; margin-top: 10%; } .fbox>p{ text-align: center; margin-top: 13%; } .fbox03>p{ margin-top: 10%; } .new_cnt1_0501{ position: relative; } .new_cnt1_0501::before{ content: ''; /*display: block;*/ position: absolute; width: 1600px; height: 5px; background-color: #f6ebeb; bottom: 140%; left: 8%; display:none; } .jbox_home{ width: 1200px; height: 700px; position: relative; } .jbox{ position: absolute; } .jbox>h1{ font-size: 38px; color: #bd645e; font-weight: bold; text-align: center; padding: 15px; } .jbox>p{ font-size: 23px; font-weight: bold; text-align: center; line-height: 35px; } .jbox01{ top: 10%; left: 30%; } .jbox02{ top: 10%; left: 63%; } .jbox02>p{ margin-top: 10px; } .jbox03{ top: 55%; left: 30%; } .jbox04{ top: 55%; left: 63%; } .jbox01::before{ content: ''; display: inline-block; width: 720px; height: 1px; background-color: #bd645e; position: absolute; top: 150%; left: -40%; } .jbox03::after{ content: ''; display: inline-block; width: 1px; height: 580px; background-color: #bd645e; position: absolute; top: -230%; left: 165%; } .kbox{ width: 300px; height: 100px; text-align: center; border: 1px solid #333; padding: 30px; margin-top: 130px; margin-left: -100px; display: inline-block; } .kbox>h1{ font-size: 40px; } .kbox>h2{ font-size: 30px; color: #bd645e; font-weight: bold; } .vbox{ display: block; float: right; margin-top: 20px; } .vbox>li>p{ font-size: 23px; font-weight: bold; margin-left: 20px; display: inline-block; } .vbox>li>img{ width: 45px; height: 45px; } .vbox>li{ padding: 30px; } /* 공통레이아웃 */ .sub-info-t{font-size:10px;text-align:right;width:98%;margin-top:1%;}