@charset "utf-8"; .con_wrap{max-width:1201px !important;} /* SUBVISUAL */ .svisualBx {display:block;position:relative;width:100%;height:269px;} .svisualBx>div {position:relative;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;} .svisualBx .svisual_bg1 {background-image:url('/img/sub/svisual1.jpg');} .svisualBx .svisual_bg2 {background-image:url('/img/sub/svisual2.jpg');} .svisualBx .svisual_bg3 {background-image:url('/img/sub/svisual3.jpg');} .svisualBx .svisual_bg4 {background-image:url('/img/sub/svisual4.jpg');} .svisualBx .svisual_bg5 {background-image:url('/img/sub/svisual5.jpg');} .svisualBx .svisual_bg6 {background-image:url('/img/sub/svisual6.jpg');} .svisualBx .svisual_bg7 {background-image:url('/img/sub/svisual7.jpg');} .svisualBx .con_title {padding-top:47px;} .svisualBx .con_title>p {padding-bottom:33px;width:80%;} .svisualBx .con_title .stitle {font-size:var(--font-size-nor);} .svisualBx .con_title .title {font-size:50px;font-weight:var(--font-weight600);} /*비주얼_마이페이지*/ .svisual_bg7 .con_title {padding-top:37px;} .mypage_members .member_title{margin-top:-15px;margin-bottom:18px;} .mypage_members .member_title span {font-size:var(--font-size-nor);} /*LOCATION #location { display: block;position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,.53);padding: 15px 0;} #location .location {float:right;} #location .location li {position:relative;float:left;padding:0 15px;font-weight:100;color:#fff;opacity:.5;letter-spacing:0;font-family:'Poppins', 'Noto Sans KR', sans-serif} #location .location li::after {position:absolute;right:0;top:8px;content:'';background:#fff;width:1px;height:13px;} #location .location li:last-child {opacity:1;padding-right:0;font-weight:400;} #location .location li:last-child::after {display:none;}*/ /*share .share {float:left;} .share .shareoff{display:block;width:22px;height:22px;background:url('/img/sub/ic_share.png') no-repeat center;opacity:.6;-webkit-transition:.3s all;transition:.3s all;} .share .shareoff:hover{background:url('/img/sub/ic_share_hover.png') no-repeat center;opacity:1} .shareOn .popCon {display:block;overflow:hidden;width:100%;border-radius: 0 100px 0 100px !important;text-align:center !important;} .shareOn .popCon .share_tit {font-size:30px;font-weight:600;color:#31153f} .shareOn .popCon li { display:inline-block;width:calc(100/5);margin:0 10px 10px;} .shareOn .popCon li a { display:block;position:relative;padding-top:80px;text-align:center;font-size:17px;} .shareOn .popCon li a::after {position:absolute;left:0;bottom:-30px;background:#31153f;content:'';width:0;height:0;transition:.3s ease-in-out;} .shareOn .popCon li:hover a {color:#31153f;font-weight:600;} .shareOn .popCon li:hover a::after {position:absolute;left:0;bottom:-30px;background:#31153f;content:'';width:64px;height:1px;} .shareOn .popCon li.copy a {width:64px;height:64px;background:url('/img/sub/share_copy.png') no-repeat center top;} .shareOn .popCon li.twt a {width:64px;height:64px;background:url('/img/sub/share_twt.png') no-repeat center top;} .shareOn .popCon li.fcb a {width:64px;height:64px;background:url('/img/sub/share_fcb.png') no-repeat center top;} .shareOn .popCon li.blg a {width:64px;height:64px;background:url('/img/sub/share_blg.png') no-repeat center top;} .shareOn .popCon li.ccot a {width:64px;height:64px;background:url('/img/sub/share_ccot.png') no-repeat center top;} .shareOn .popCon .btnclose {display:inline-block !important;position:relative !important;width:auto !important;text-align:center !important;padding:5px 50px !important;border-radius:25px;transition:.3s all !important;box-sizing:border-box !important;border:1px solid #121212 !important;cursor:pointer !important;} .shareOn .popCon .btnclose:hover {background:#fff;color:#121212;}*/ /*shareSNS*/ .share_sns {display:block;margin:70px auto 0;} .share_sns>ul {display:flex;justify-content:center;align-content:center;} .share_sns>ul>li {margin:0 1px;} .share_sns>ul>li>a {display:block;width:61px;height:61px;} .share_sns>ul>li>a span {display:block;overflow:hidden;position:relative;font-size:0;margin:0;padding:0;width:100%;height:100%;} .share_sns>ul>li>a span::before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';background-repeat:no-repeat;background-position:center;} .share_sns>ul>li>a .ic_kakao::before {background-image:url('/img/sub/ic_kakao.png');} .share_sns>ul>li>a .ic_naver::before {background-image:url('/img/sub/ic_naver.png');} .share_sns>ul>li>a .ic_X::before {background-image:url('/img/sub/ic_x.png');} .share_sns>ul>li>a .ic_facebook::before {background-image:url('/img/sub/ic_facebook.png');} .share_sns>ul>li>a .ic_copy::before {background-image:url('/img/sub/ic_sharecopy.png');} /*lmenu*/ #lmenuBox { display: block;overflow: hidden;position:relative;width:100%;} /*TAB*/ .tab {display:block;position:relative;margin:0 auto;width:100%;} .tab>ul {display:flex;position:relative;width:99.9%;margin-left:1px;} .tab>ul>li {width:15rem;padding:0 !important;margin:0 0 0 -1px !important;border-bottom:0 !important;} .tab>ul>li button {display:block;width:100% !important;height:100% !important;border:1px solid var(--big-lightgrey-color) !important;color:var(--lightgrey-color);transition:.34s all;text-align:center;} .tab>ul>li button:hover, .tab>ul>li .active {border-color:var(--main-color) !important;color:var(--white-color) !important;background:var(--main-color) !important;} .tabmenu>ul {display:flex;position:relative;margin-bottom:35px;width:100%;border-top:1px solid var(--big-lightgrey-color);border-bottom:1px solid var(--big-lightgrey-color);} .tabmenu>ul>li { width:calc(100% / 6);} .tabmenu>ul>li>a {display:block;position:relative;padding:20px 0;text-align:center;font-size:var(--font-size-nor);transition:.34s all;} .tabmenu>ul>li>a:hover {color:var(--white-color);} .tabmenu>ul>li>a::before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:var(--black-color);transition:transform .34s;z-index:-1;transform:scaleX(0);transform-origin:right;} .tabmenu>ul>li>a:hover::before {transform:scaleX(1);transform-origin:left;} .tabmenu>ul>li>a.active {background:var(--black-color);color:var(--white-color);} .conTabWrap{display:block;width:100%; .conTab{display:flex;width:100%; .nav{display:block;width:100%; a{position: relative;display:block;transition:.4s;font-family:var(--font-family-atm);font-size:var(--font-size-snor);font-weight:600;color:var(--black-color);text-align:center;border-bottom: 1px solid #ebe5da;padding-bottom: 15px;text-decoration: none; &:after{content:"";transition:.4s;width:0px;}} &.on{a{color:var(--main-color); &:after{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:3px;content:"";background-color: var(--main-color);margin:0 auto;}} } } } .tab-con{padding:100px 0;.con-box{display:none;}} } /*CONTANER*/ #container { display: block;position:relative;width: 100%;height: 100%;min-height:450px;margin:71px auto;} section .contTitle {display:block;position:relative;width:100%;font-size:var(--font-size-sub-title);padding-bottom:20px;margin-bottom:18px;} section .contTitle>p {font-size:var(--font-size-sub-title);} section .contTitle>p>a {position:absolute;right:0;} section .contTitle>p .subcomm {margin-left:15px;font-size:var(--font-size-sm);font-weight:var(--font-weight300);color:var(--lightgrey-color);} section .contTitle .txtlink {position:absolute;right:0 !important;top:0 !important;} section .contTitle .txtlink>a {position:relative;font-weight:var(--font-weight300);padding-left:13px;} section .contTitle .txtlink>a::before {position:absolute;left:5px;top:3px;width:1px;height:15px;background:var(--big-lightgrey-color);content:'';} section .contTitle .txtlink>a:first-child::before {display:none;} section.subListMainSection {padding-bottom:15px;} section.subListMainSection:last-child {border-bottom:0;} section .fixpopup img{position:relative;width:auto;} /*Sub Navigation*/ .horizontal-menu {overflow:hidden; .horizontal-menu-items {overflow-x:auto;overflow-y:hidden;appearance:none;-webkit-overflow-scrolling:touch;width:100%;white-space:nowrap;padding-bottom:0; & > .horizontal-menu-item { display:inline-block;line-height:1;padding:0 5px; } } .horizontal-menu-link { display:block;color:var(--black-color);text-decoration:none;padding:10px 5px; } } .subNav {display:block;position:relative;left:0;bottom:0;} .subNav>ul {display:flex;} .subNav>ul>li>a {display:block;position:relative;height:67px;line-height:72px;margin-right:35px;padding:0 3px;font-size:var(--font-size-nor);} .subNav>ul>li>a:hover, .subNav>ul>li>a.active {font-weight:var(--font-weight600);} .subNav>ul>li>a::before {position:absolute;left:0;bottom:0;width:0;height:3px;content:'';background:var(--black-color);transition:.34s all;} .subNav>ul>li>a:hover::before, .subNav>ul>li>a.active::before {width:100%;} /*공통contents*/ h3 { position: relative;font-size: 36px;color: #632a7e;font-weight: 700;margin:70px 0 30px;text-align:center;} h3 span { position: relative;} h3 span::after { position: absolute;right: -20px;top: 0;width: 10px;height: 10px;content: '';background: linear-gradient(45deg,#51309d,#d659b6);border-radius: 50%;} h4 {display:inline-flex;} h4>span {position:relative;padding-bottom:15px;margin-bottom:15px;font-size:var(--font-size-medium);font-weight:500;color:var(--main-color);} h4>span::before {position:absolute;content:'';left:0;bottom:0;width:100%;height:3px;background:var(--main-color);} .sblet {display:block;position:relative;font-size:24px;margin-left:22px;margin-bottom:15px;padding-left:22px;color:#311144;font-weight:500;} .sblet::before {position:absolute;left:0;top:17px;content:'';width:10px;height:10px;background:#311144;border-radius:100%;} .ssblet {display:block;position:relative;font-size:1.17em;margin-left:30px;padding-left:12px;font-weight:300;line-height:32px;} .ssblet::before {position:absolute;left:0;top:15px;content:'';width:5px;height:5px;background:#525252;} .sssblet {display:block;position:relative;font-size:1.05em;margin-left:20px;padding-left:12px;font-weight:300;line-height:24px;color:#7a7a7a;} .sssblet::before {position:absolute;left:0;top:13px;content:'';width:7px;height:2px;background:#525252;} .tbox {position:relative;width:100%;max-width:98%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.11);padding:81px 55px 40px;line-height:32px;margin:10px auto;font-size:1.17em;} .tbox .sblet, .tbox .ssblet {margin-left:0 !important;} .tbox::before {position:absolute;top:40px;left:45%;background:#d6d6d6;width:50px;height:2px;content:'';} .ic_comm { display: inline-block;margin: 0 5px;width: 16px;height: 16px;background: url('/img/sub/ic_cmt.png') no-repeat left center;} .comm { font-size: 20px;font-weight: 500;} .ing {display:block;overflow:hidden;position:relative;text-align:center;padding:300px 70px 50px;margin:50px auto;background:url('/img/sub/ing_bg.png') no-repeat center 30px;} .ing p {text-align:center;} .ing .tit {display:block;position:relative;font-weight:600;font-size:44px;line-height:70px;margin-bottom:30px;color:#000;background:#f3f3f3;} .ing .tit span {display:inline-block;position:relative;background:#f3f3f3;} .ing .tit span::before {position:absolute;left:-40px;top:29px;content:'';width:8px;height:8px;background:#000;border-radius:100%;} .ing .tit span::after {position:absolute;right:-40px;top:29px;content:'';width:8px;height:8px;background:#000;border-radius:100%;} .ing .stxt {font-size:20px;} /*datatable*/ table.data {overflow:hidden;margin-top:20px;width:100%;border-top:2px solid var(--main-color);background:#f7f7f7;border-radius:10px;} table.data th, table.data td {text-align:center;padding:12px 1.3%;} table.data thead {background:var(--main-color);} table.data thead th {border-right:1px rgba(255,255,255,.23) !important;color:#fff;font-size:16px;font-weight:500;} table.data tbody { border-top:1px solid #000;} table.data tbody td {border:1px solid #ddd;border-bottom:0;} table.data thead th:first-child, table.data tbody td:first-child {border-left:0;} table.data thead th:last-child, table.data tbody td:last-child {border-right:0;} .tableScroll {display:none;} /*step*/ .step {display:block;overflow:hidden;width:100%;margin:20px 0;} .step ol {width:100%;text-align:center;margin:0 auto;} .step ol li {position:relative;display:inline-block;margin:0 20px 30px;background:#fff;height:100%;color:#121212;min-height:196px;vertical-align:middle;text-align:center;} .step ol li>div { padding:20px;} .step ol li::after {position:absolute;right:-30px;top:45%;content:'';background:url('/img/sub/ic_step.png') no-repeat;width:20px;height:34px;} .step ol li:first-child {background:#632a7e;margin-left:0;} .step ol li:first-child p {color:#fff} .step ol li:last-child {background:#503a90;margin-right:0;} .step ol li:last-child::after {display:none;} .step ol li:last-child p {color:#fff;} .step ol li .num {position:relative;font-size:14px;line-height:40px;padding-bottom:25px;font-weight:700;} .step ol li .num>span {opacity:.5;} .step ol li .txt {font-size:17px;line-height:26px;color:#121212;} .step ol li .txt.long {font-size:17px;line-height:24px;margin-top:-10px;} .step ol.col3 li {width:29.3%;} .step ol.col4 li {width:25%;} .step ol.col5 li {width:20%;} .step ol.col6 li {width:18%;} /*PROGRAM*/ form {display:block;position:relative;} .formBox {position:relative;margin-top:30px;} .formBox .field_write {font-size:16px;} /*search*/ .search {position:relative;text-align:center;background:#fff;border:2px solid #dadada;width:100%;max-width:100%;margin:0 auto;margin-bottom:30px;height:70px;line-height:70px;} .search input[type=text] {width:100%;border:0;font-size:17px;line-height:17px;padding:20px;background:none;color:#121212;font-weight:300;} .search input.imgbutton {position:absolute;right:20px;top:15px;margin:0;padding:0;text-align:center;width:37px;height:36px;line-height:36px;background:url('/img/sub/searchBtn.png') no-repeat center;border:0;font-size:0;text-indent:-5000px;} /*boardList*/ .boardList {display:block;width:100%;margin:0 auto 0;} .boardList>table {width:100%;border-top:2px solid #000;} .boardList>table thead {background:var(--main-color)} .boardList>table thead th { border-bottom: 1px solid #121212;font-size:18px;margin:0;padding:15px 0;text-align:center;color:#fff;font-weight:500;font-family:var(--font-family-ibm);} .boardList>table thead th:last-child {background-image:none;} .boardList>table thead th.bgn { background-image:none;} .boardList>table tbody tr td{transition:.3s all;font-size:16px;color:#636363} .boardList>table tbody tr:hover td{background-color:var(--big-lightgrey-color);} .boardList>table tbody td { border-bottom: 1px solid #7a7a7a;padding:15px 10px;text-align:center;background-color:transparent;} .boardList>table tbody td.title {text-align:left;} .boardList>table tbody td.title a {display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width:80%;color:#323232;} .boardList>table tbody td.title a:hover { color:#31153f !important;font-weight:500;} .boardList tbody tr.bg_grey td { background-color:rgba(80,58,144,.13);font-weight:600;} .boardList tbody tr.bg_grey td>a {color:#503a90;} .boardList .ic_notice {display:block;overflow:hidden;font-size:0;text-indent:-5000px;height:23px;background:url('/img/sub/ic_notice.png') no-repeat center;} .boardList .ic_reply {margin-left:5px;padding-left:20px;background:url('/img/sub/ic_comment.png') no-repeat left center;} .boardList .ic_secret {padding-left:25px;background:url('/img/sub/ic_secret.png') no-repeat left center;} /*paging*/ .paging {text-align:center;margin:40px auto 120px;} .paging a {display:inline-block;margin:0 3px;width:32px;height:32px;line-height:32px;border:1px solid var(--white-color);vertical-align:middle;text-align:center;font-size:16px;border-radius:100%;} .paging a.on {border-color: var(--black-color);background:var(--black-color);color:#fff;border-color:var(--black-color);} .paging a:hover {border-color: var(--black-color);transition:.4s all;} .paging .ir {text-indent:-500000px;display:inline-block;width:40px;height:40px;font-size:0;margin:0;padding:0;border:1px solid var(--black-color);} .paging .pageFirst {background-image: url('/img/sub/ic_first.png');background-position: center;background-repeat: no-repeat;} .paging .pageBefore {background-image: url('/img/sub/ic_prev.png');background-position: center;background-repeat: no-repeat;} .paging .pageNext {background-image: url('/img/sub/ic_next.png');background-position: center;background-repeat: no-repeat;} .paging .pageLast {background-image: url('/img/sub/ic_last.png');background-position: center;background-repeat: no-repeat;} .paging .pageFirst, .paging .pageBefore, .paging .pageNext, .paging .pageLast {border:1px solid var(--big-lightgrey-color);} .paging .pageFirst:hover, .paging .pageBefore:hover, .paging .pageNext:hover, .paging .pageLast:hover {border-color:var(--black-color);} .paging_mb { text-align: center;margin: 30px 0px;letter-spacing: -2px;} .paging_mb a {border-radius:0;} .paging_mb .input { text-align: center;width:40px;height:40px;margin-left:3px;background:#f5f5f5;} .paging_mb a.page_btn { border: 1px solid #ddd;height: 40px;line-height: 40px;letter-spacing: 0px;box-sizing: border-box;} .paging_mb a.page_btn.pageNext, .paging_mb a.page_btn.pageBefore {background-size:auto;width:40px;} .paging_mb a.page_btn.pageFirst, .paging_mb a.page_btn.pageLast { text-indent: 0px;color: #666;min-width: 60px;} .paging_mb a.page_btn.pageFirst { text-align: center;padding-right: 7px;background-position: right 5px center;background-size:auto;} .paging_mb a.page_btn.pageLast { text-align: center;padding-left: 10px;background-position: left 5px center;background-size: auto;} .paging_mb .conbtn { padding:0 15px !important;} /*boardView*/ .boardView {display:block;width:100%;margin:0 auto 60px;} .boardView>.title {display:block;padding:20px 0;border-top:2px solid #343848;border-bottom:1px solid #e0e0e0;background:#fff;} .boardView>.title>p {padding:10px 0;font-size:24px;font-weight:bold;} .boardView>.title .stitle {display:table;overflow:hidden;} .boardView>.title .stitle li { float:left;margin:0 30px;} .boardView>.title .stitle li dl { display:table;width:100%;} .boardView>.title .stitle li dl dt { display:table-cell;width:90px;} .boardView>.title .stitle dt, .boardView>.title .stitle dd { font-size:17px !important;padding:7px 0 !important;font-weight:300 !important;color:#777;} .boardView .viewTxt {display:block;overflow:hidden;position:relative;padding:30px;border-bottom:1px solid #000} .boardView .viewTxt p { font-size:17px;line-height:30px;padding:15px 0;} .boardView .viewTxt .sourcetxt a {position:absolute;right:30px;bottom:10px;color:#888;font-size:14px;} .boardView .moreFile { border-bottom:1px solid #444;} .boardView .moreFile dl { display:block;overflow:hidden;float:none;width:100%;position:relative;background:#eeebf1 } .boardView .moreFile dl dt { width:100px;} .boardView .moreFile dl dt, .boardView .moreFile dl dd{display:inline-block;padding:5px 0;padding-left:20px;background:none;font-size:17px;} .boardView .moreFile dl dd .adfile { padding-left: 30px;text-decoration: underline;background: url('/img/sub/file.png') no-repeat left center;} .boardView .context {display:block;width:100%;background:#fff;padding:20px;border-bottom:1px solid #444;line-height:24px;} .boardView .bdListName {display:block;position:relative;width:100%;height:100%;margin:30px auto;text-align:center;} .boardView .bdListName a {display:inline-block;position:relative;font-size:17px;color:#111;transition:.3s;} .boardView .bdListName a span {display:inline;transition:.3s;} .boardView .bdListName a.bdList {padding-top:40px;color:#111;font-weight:600;font-size:20px;} .boardView .bdListName a.bdList span {padding-top:30px;background:url('/img/sub/ic_list.png') no-repeat center top;} .boardView .bdListName a.bdList:hover span {color:#5223b0 !important} .boardView .bdListName .bdPrev, .boardView .bdListName .bdNext { opacity:.5;margin-top:-30px;} .boardView .bdListName a:hover, .boardView .bdListName a:hover { opacity:1;} .boardView .bdListName .bdPrev {position:absolute;left:0;top:0;padding:30px 0 30px 70px;text-align:left;background:url('/img/sub/bdPrev.png') no-repeat left center;} .boardView .bdListName .bdNext {position:absolute;right:0;top:0;padding:30px 70px 30px 0;text-align:right;background:url('/img/sub/bdNext.png') no-repeat right center;} /*boardWrite*/ .boardForm {position:relative;width:100%;} .boardForm .title>p { font-size:24px;padding:10px 0;font-weight:600;} .boardWrite {border-top:2px solid #333;margin-top:-1px;} .boardWrite>ul>li { border-bottom:1px dotted #d6d6d6;} .boardWrite>ul>li:last-child { border-bottom:1px solid #444;} .boardWrite > ul> li> dl {display:table;width:100%;} .boardWrite> ul> li> dl> dt { display: table-cell;position:relative;width: 150px;background:#fafafa;padding:20px 10px 20px 20px;vertical-align:middle;} .boardWrite >ul >li >dl >dt label { color: #444;font-size: 18px;font-weight:500;} .boardWrite >ul >li >dl >dt .es {font-size:13px;color:#e13939;margin-left:5px;} .boardWrite >ul> li> dl> dd {display:table-cell;padding:20px 0px 20px 30px;} .boardWrite input[type=text], .boardWrite input[type=password] {margin:1px;padding:15px 5px;height:50px;font-size:16px;line-height:50px;border:1px solid #ddd;vertical-align:middle;background-color:#fff;box-sizing:border-box;} .boardWrite select {font-size:16px;padding:5px;height:50px;line-height:50px;} .boardWrite .write_stxt {position:relative;display:block;} .boardWrite .write_stxt span {display:inline;font-size:13px;color:#e13939;text-decoration:underline;} select {vertical-align:middle;margin:2px 0;padding:4px;} input[type=radio], .boardWrite input[type=checkbox] {margin-right:5px;vertical-align:middle;width:15px;height:15px;cursor:pointer;} textarea { margin:15px 0;padding:15px;font-size:16px;line-height:34px;resize:vertical;} .selectBox {display:block;overflow-y:scroll;width:100%;height:200px;margin-top:25px;background:#fff;border:1px solid #ddd;padding:5px 15px;} .selectBox .tit p {font-size:17px;font-weight:600;padding:5px 0 10px 0;margin-bottom:15px;border-bottom:1px dotted #ddd;} .selectBox> ul {display:table;width:100%;} .selectBox> ul>li {float:left;width:25%;line-height:32px;font-size:16px;} .pwcertify{text-align:center;margin:15px 0;} .pwcertify .tit {font-size:24px;font-weight:600;} .pwcertify .stit {font-size:17px;font-weight:300;color:#888;} .pwcertify .pwbox {display:block;background:#fafafa;padding:3% 5%;margin:25px 0;} .pwcertify .pwbox input[type=password] {padding:10px;margin-right:3px;} /*newsList*/ .newsList {display:block;overflow:hidden;position:relative;width:100%;text-align:center;} .newsList>li {display:inline-block;width:24%;height:100%;max-height:450px;background:#fff;margin:5px;box-shadow:0 0 13px rgba(0,0,0,.08);} .newsList>li .thumb {overflow:hidden;width:100%;height:auto;max-height:236px;} .newsList>li .thumb img {width:100%;height:100%;min-height:235px;} .newsList>li .txt {min-height:220px;} .newsList>li .txt .tit {display:block;overflow:hidden;width:100%;font-size:20px;text-align:center;padding:15px 30px;font-weight:600;line-height:30px;white-space:nowrap;text-overflow:ellipsis;background:#f4f4f4;} .newsList>li .txt .date {display:block;color:#999;font-size:14px;font-weight:300;} .newsList>li .txt .subtxt {overflow:hidden;padding:13px 23px;text-align:left;color:#555;line-height:24px;font-weight:300;height:119px;} .newsList>li .imghvr-shutter-out-diag-2 {background:#fff;} .newsList>li .imghvr-shutter-out-diag-2 h3 {position:relative;font-size:1.5em;padding-top:170px;background:url('/img/sub/ic_newsmore.png') no-repeat center 70px;} .newsList [class^='imghvr-'] figcaption, .newsList [class*=' imghvr-'] figcaption {background:rgba(0,0,0,.5);-webkit-backdrop-filter: blue(2px);backdrop-filter: blur(2px);} .newsList [class^='imghvr-shutter-out-']:before, .newsList [class*=' imghvr-shutter-out-']:before {background:rgba(0,0,0,.5);-webkit-backdrop-filter: blue(2px);backdrop-filter: blur(2px);} /*subMainNewsList*/ .subNewsList {display:block;position:relative;} .subNewsList>ul>li{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--big-lightgrey-color);} .subNewsList>ul>li:last-child {border-bottom:0;} .subNewsList .listCon {display:flex;} .subNewsList .listCon>.photo>.img {width:100%;} .subNewsList .listCon .photo {margin-right:35px;width:197px;height:140px;} .subNewsList .listCon .photo img {width:100%;height:140px;} .subNewsList .listCon .listText {position:relative;margin-right:0;width:calc(100% - 197px);} .subNewsList .listCon .listText>p {margin-bottom:10px;} .subNewsList .listCon .listText .title {padding-top:15px;font-size:var(--font-size-nor);font-family:var(--font-family-ibm);line-height:150%;} .subNewsList .listCon .listText .uploadtime {color:var(--lightgrey-color);} .subNewsList .listCon .listText .con { padding-right:20px;color:var(--lightgrey-color);} .subNewsList.submain .listCon .photo{width:299px;height:167px;} .subNewsList.submain .listCon .photo a{position:relative;} .subNewsList.submain .listCon .photo img{height:167px;} .subNewsList.submain .listText .title{ font-size:var(--font-size-snor);} .subNewsList.submain .listCon .listText {width:60%;} .subNewsList.submain .listCon .listText .con a {color:var(--lightgrey-color);} .subNewsList.submain .listCon .listText .con a:hover {color:var(--black-color);} .subNewsList.submain .icon_date {display:flex;position:absolute;bottom:0;width:450px; align-items:center;} .subNewsList.submain .icon_date .date{color:var(--lightgrey-color);} .subNewsList.submain .icon_date .reply{display:flex;margin-left:25px;width:250px;} .subNewsList.submain .icon_date .reply>p{position:relative;padding-left:19px;margin-right:16px;height:20px;line-height:20px;} .subNewsList.submain .icon_date .reply>p>a {color:var(--main-color);} .subNewsList.submain .icon_date .reply .ic_pick{ background:url('/img/sub/ic_pick.png') no-repeat left center;} .subNewsList.submain .icon_date .reply .ic_reply{ background:url('/img/sub/ic_reply.png') no-repeat left center;} /*로그인/회원가입/idpw찾기/가입여부확인*/ #agreeBody {display:block;background:var(--white-color);width:100%;} #agreeBody #agreeContainer {display:block;width:100%;max-width:480px;height:100%;margin:0 auto;padding:40px 15px 0 15px;} #agreeBody h1 {display:block;width:100%;height:105px;border-bottom:1px solid var(--big-lightgrey-color);} #agreeBody h1>a {display:block;position:relative;top:25px;width:100%;height:75px;line-height:75px;text-align:center;background:url('/img/inc/logo.png') no-repeat center top;background-size:125px;} #agreeBody .h2tit {text-align:center;width:100%;font-size:var(--font-size-main-title);} #agreeBody .h3tit {text-align:left;color:var(--black-color);font-size:var(--font-size-nor);} #agreeBody footer {width:480px;margin:0 auto;} /*login*/ .sns_login a {position:relative;display:block;width:100%;height:50px;box-sizing:border-box;margin-bottom:10px;border-radius:3px;text-align:center;} .sns_login a::before {position:absolute;left:22px;top:12px;width:20px;height:20px;content:'';background-repeat:no-repeat;background-position:center;} .sns_login .btn_naver {background:#03c75a;} .sns_login .btn_naver::before {background-image:url('/img/sub/sns_login_naver.png');} .sns_login .btn_facebook {background:#4267b2;} .sns_login .btn_facebook .facebook {background:#4267b2;} .sns_login .btn_twitter {background:#070707;} .sns_login .btn_kakaotalk {background:#fee500;} .sns_login .btn_kakaotalk::before {background-image:url('/img/sub/sns_login_kakao.png');} .sns_login .btn_kakaotalk .kakaotalk {color:#191919;} .sns_login .btn_google {border:1px solid #1a73e8;} .sns_login .btn_google::before {left:20px;background-image:url('/img/sub/sns_login_google.png');} .sns_login .btn_google .google {color:#1a73e8;} .sns_login .btn_x {border:1px solid #CCCCCC;} .sns_login .btn_x .x {color:#121212;} .sns_login .btn_email {border:1px solid #121212;} .sns_login .btn_email .email {color:#121212;} .sns_login .btn_apple {background:#121212;} .sns_login .btn_other {background:#F3F3F3;} .sns_login .btn_other .other {color:#121212;} .sns_login a span {display:inline-block;height:50px;line-height:50px;text-align:center;color:#fff;font-size:14px;font-weight:500;} .login_box .tit {margin-bottom:11px;font-size:15px;color:#121212;} .login_box .error_msg {margin-top:5px;font-size:12px;color:#e03723 !important;} .login_info {margin-bottom:10px;} .login_info .input_box {position:relative;display:block;border:1px solid #CCCCCC;border-radius:3px;} .login_info .input_box.sel label {display:none;} .login_info label {display:none;} .login_info input {width:100%;height:45px;padding:0 15px;border:0;border-radius:3px;box-sizing:border-box;font-size:14px;color:#121212;} .login_info input:focus {outline:1px solid #121212;} .login_info .find_info {margin-top:25px;padding-bottom:51px;} .find_info {padding:5px 0 50px;text-align:center;} .find_info a {display:inline-block;color:#111;font-size:12px;letter-spacing:-1px;} .find_info a:before {content:"";display:inline-block;width:1px;height:11px;margin:4px 9px 0;background:#D4D4D4;vertical-align:top;} .find_info a:first-child:before {display:none;} .login_box .tit_txt {padding:0 0 40px 0;color: #111;font-size: 36px;font-style: normal;font-weight: 700;line-height: 150%;text-align:center;} .login_box .btn_next {width:100%;} .person_info {padding:23px 0 44px 0;text-align:center;font-size:12px;color:#111;} .person_info a {display:inline-block;} .person_info a:before {content:"";display:inline-block;width:1px;height:11px;margin:3px 9px 0;background:#D4D4D4;vertical-align:top;} .person_info a:first-child:before {display:none;} .person_info a.term02 {font-weight:bold;} .person_info .copyright {margin-top:5px;color:#5a5a5a;} /* 가입정보 입력 및 약관동의 */ #agreeBody .join_inp {padding-bottom:76px;} .join_inp h2 {padding-bottom:30px;font-size:36px;color:#191919;text-align:center;} .join_inp h3 {margin-top:0;margin-bottom:10px;font-size:15px;color:#121212;text-align:left;font-weight:bold;} .join_inp .email_box {margin-top:15px;} .join_inp .email_box .email {font-size:15px;color:#999999;} .join_inp .inp_box {margin-top:20px;} .join_inp .inp_box .input_info label {display:block;} .join_inp .inp_box .txt_msg01 {margin-top:5px;font-size:13px;color:#111 !important;} .join_inp .inp_box .txt_msg02 {margin-top:5px;font-size:13px;color:#5a5a5a !important;} .join_inp .nickname {margin-top:30px;} .nickname_con {position:relative;} .nickname_con .nickname_reset {display:block;position:absolute;top:14px;right:13px;width:20px;height:20px;background:url("/img/sub/icon_nick_reset.png") no-repeat center 5px;background-size:10px 10px;text-indent:-9999px;} .join_inp .input_box {position:relative;display:block;border:1px solid #CCCCCC;border-radius:3px;} .join_inp .input_box input {width:100%;height:45px;padding:0 40px 0 15px;border:0;border-radius:3px;box-sizing:border-box;font-size:14px;color:#121212;} .join_inp .input_box input:focus {outline:1px solid #121212;} .btn_next {display:block;height:49px;line-height:49px;background:#e5e5e5;margin:29px 0 15px;text-align:center;font-size:16px;color:#5a5a5a;font-weight:bold;border-radius:3px;} .btn_next.on {display:block;height:49px;line-height:49px;background:#121212;margin:29px 0 15px;text-align:center;font-size:16px;color:#fff;font-weight:bold;border-radius:3px;} /* 비밀번호 보이기/숨기기 */ .input_box input[password]::-ms-reveal {display:none;} .input_box .btn_toggle_pw{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:block;width:24px;height:24px;z-index:1;background:url('')no-repeat center/24px 24px;} .input_box .btn_toggle_pw.is_active{background:url('')no-repeat center/24px 24px;} .join_inp .nick_info {margin-top:7px;padding:9px 8px 13px 19px;background:#F3F3F3;} .join_inp .nick_info li {margin-top:3px;font-size:11px;color:#999999;text-indent:-11px;} .join_inp .term_box {margin-top:28px;} .join_inp .term_box .chk_all label {display:block;height:55px;line-height:55px;padding-left:28px;border-bottom:1px solid #CCCCCC;box-sizing:border-box;color:#111;font-weight:400;background:url("/img/sub/icon_chk01_off.png") no-repeat 0 center;background-size:19px 19px;cursor:pointer;} .join_inp .term_box .chk_all.on label {display:block;box-sizing:border-box;background:url("/img/sub/icon_chk01_on.png") no-repeat 0 center;background-size:19px 19px;} .join_inp .term_box .chk_all .chk {display:none;} /*.join_inp .term_box .chk_list li {margin-top:10px;}*/ .join_inp .term_box .chk_list li:first-child {margin-top:15px;} .join_inp .term_box .chk_list li input {margin-top:5px;} .join_inp .term_box .chk_list li label {margin-top:-5px;margin-left:6px;font-weight:500;vertical-align:top;} .join_inp .term_box .chk_list li label em {color:#999999;font-weight:400;} .join_inp .term_box .chk_list li a {display:inline-block;margin-top:-7px;width:20px;height:12px;font-size:0;color:transparent;vertical-align:middle;} .join_inp .term_box .chk_list li a:after {content:"";display:inline-block;width:20px;height:12px;font-size:0;color:transparent;background:url("/img/sub/ic_next.png") no-repeat center 0;background-size:6px 11px;vertical-align:top;} .join_inp .btn_next.on {width:100%; border:0;} /* 이메일 회원가입, 인증메일 발송, 이메일 인증 */ .text_wrap {text-align:center;} .text_wrap h2 {font-size:36px;color:#111;font-weight: 700;} .text_wrap .txt {margin-top:15px;font-size:14px;color:#5a5a5a;line-height:24px;font-weight: 400;} .text_wrap .txt em {color:#121212;font-weight:bold;} .text_wrap .txt span {color:#121212;} .btn_next {display:block;height:49px;line-height:49px;background:#121212;margin:29px 0 15px;text-align:center;font-size:16px;color:#fff;font-weight:bold;border-radius:3px;} .btn_next02 {display:block;height:45px;line-height:45px;overflow:hidden;margin-top:10px;border:1px solid #ccc;box-sizing:border-box;text-align:center;font-size:14px;color:#999;border-radius:3px;} .btn_next03 {margin-top:35px;} .text_wrap .info {margin-left:6px;font-size:13px;color:#5a5a5a;text-indent:-6px;font-weight: 400;} .text_wrap .info a {color:#111;text-decoration:underline;font-weight:700;} .text_wrap .btn_password {display:inline-block;padding-bottom:1px;border-bottom:1px solid #121212;font-size:12px;color:#121212;} /* 가입여부 확인 */ .join_status h2 {text-align:center;font-size:36px;color:#191919;} .join_status .txt {margin:15px 0 0;font-size:14px;line-height:20px;color:#999;} .join_status .find_type {display:flex;width:100%;margin:40px 0 30px;} .join_status .find_type .type {position:relative;width:50%;text-align:center;cursor:pointer;} .join_status .find_type .type .inp_radio {display:none;position:absolute;top:0;left:0;width:19px;height:19px;background:url("../images/icon_radio_off.png") no-repeat 0 0;background-size:cover;} .join_status .find_type .type .inp_radio:checked {background:url("../images/icon_radio_on.png") no-repeat 0 0;background-size:cover;} .join_status .find_type .type .inp_radio:checked + .lb_rd {background:var(--main-color);border:1px solid var(--main-color);color:var(--white-color);font-weight:500;} .join_status .find_type .type .lb_rd {display:block;height:40px;border:1px solid #e5e5e5;font-size:14px;color:#5a5a5a;cursor:pointer;line-height:40px;} .join_status .find_con .input_box {display:block;margin-bottom:5px;border:1px solid #ccc;border-radius:3px;} .join_status .find_con .input_box legend {overflow:hidden;margin:0;padding:0;font-size:0;} .join_status .find_con .input_box .int {width:100%;height:45px;padding:0 15px;border:0;border-radius:3px;box-sizing:border-box;font-size:14px;color:#121212;} .join_status .find_con .input_box .int:focus {outline:1px solid #121212;} .join_status .info {background: #f5f5f5;margin-top:12px;padding:16px 20px;} .join_status .info li {position:relative;padding:0 0 0 10px;font-size:13px;color:#5a5a5a;line-height:150%;} .join_status .info li:before {content:'';position:absolute;top:7px;left:0;display:block;width:4px;height:4px;background:#5a5a5a;border-radius:25px;} .join_status .info li a {color:#111;text-decoration:underline;font-weight:700;} /* 회원정보수정 */ .member_info #content.join_form {padding:0;} .member_info h2 {margin-bottom:6px;font-size:20px;color:#121212;} .member_info h2.tit {margin:0 15px;padding:80px 0 25px 0;border-bottom:1px solid #E9E9E9;font-size:36px;text-align:center;letter-spacing:-1px;} .member_info .join_form form {margin-top:-10px;} .member_info .join_form .group_wrap {margin:10px 0 0;padding:21px 15px 20px;background:#fff;} .member_info .join_form .group_wrap .inp_group {margin:0;} .member_info .join_form .group_wrap .inp_group .join_row {position:relative;padding:12px 0;border-top:1px solid #E9E9E9;border-bottom:0;} .member_info .join_form .group_wrap .inp_group .join_row .desc {margin-left:5px;} .member_info .join_form .group_wrap .inp_group .join_row input::-moz-placeholder {padding-left:5px;font-weight:100; color:var(--lightgrey-color)} .member_info .join_form .group_wrap .inp_group .join_row input:-ms-input-placeholder {padding-left:5px;font-weight:100; color:var(--lightgrey-color)} .member_info .join_form .group_wrap .inp_group .join_row input:-moz-placeholder {padding-left:5px;font-weight:100; color:var(--lightgrey-color)} .member_info .join_form .group_wrap .inp_group .join_row input::placeholder {padding-left:5px;font-weight:100; color:var(--lightgrey-color)} .member_info .join_form .group_wrap .inp_group #idDiv {border-top:0;border-bottom:1px solid #E9E9E9;} .member_info .join_form .group_wrap .inp_group #certifyDiv {border-top:0;} .member_info .join_form .group_wrap .inp_group #nickDiv .overlap span, .member_info .join_form .group_wrap .inp_group #emailDiv .overlap span, .member_info .join_form .group_wrap .inp_group #email_div .overlap span {color:#121212;} .member_info .join_form .group_wrap .inp_group .overlap {display:block;position:absolute;top:11px;right:0;height:25px;line-height:23px;padding:0 12px;border:1px solid #CCCCCC;box-sizing:border-box;text-align:center;border-radius:3px;background:#F7F7F7;} .member_info .join_form .group_wrap .inp_group .overlap span {font-size:13px;color:#999999;} .member_info .join_form .group_wrap .inp_group .email_txt {font-size:11px;color:#999999;} .member_info .join_form .sel_info {padding-bottom:60px;} .member_info .join_form .sel_info .btn_area {border-top:1px solid #CCCCCC;padding-top:25px;text-align:right;} .member_info .join_form .sel_info .btn_area .btn_withdraw {display:inline-block;width:71px;height:25px;line-height:23px;border:1px solid #CCCCCC;border-radius:3px;box-sizing:border-box;font-size:13px;color:#999999;text-align:center;} .member_info .join_form .sns_login02 li {position:relative;margin-top:20px;} .member_info .join_form .sns_login02 li .sns {font-size:14px;color:#121212;font-weight:500;vertical-align:middle;} .member_info .join_form .sns_login02 li .naver:before {content:"";display:inline-block;width:18px;height:20px;margin-right:11px;background:url("/img/sub/sns_login_naver_col.png") no-repeat 0 2px;background-size:14px 13px;vertical-align:middle;} .member_info .join_form .sns_login02 li .kakaotalk:before {content:"";display:inline-block;width:18px;height:20px;margin-right:11px;background:url("/img/sub/sns_login_kakao.png") no-repeat 0 2px;background-size:16px 15px;vertical-align:middle;} .member_info .join_form .sns_login02 li .google:before {content:"";display:inline-block;width:18px;height:20px;margin-right:11px;background:url("/img/sub/sns_login_google.png") no-repeat 0 4px;background-size:14px 13px;vertical-align:middle;} .member_info .join_form .sns_login02 .inp_group .overlap {top:0;} .member_info .join_form .email_login {padding-bottom:0;} .member_info .join_form .overlap02 {display:block;position:absolute;top:0;right:0;height:25px;line-height:23px;padding:0 12px;border:1px solid #121212;box-sizing:border-box;text-align:center;border-radius:3px;background:#fff;} .member_info .join_form .overlap02 span {font-size:13px;color:#121212;font-weight:500;} .member_info footer {background:#fff;} .member_info #marketDiv .lbl {width:140px;} .member_info #marketDiv .lbl a {display:inline-block;margin-top:10px;font-size:12px;font-weight:400;color:#5A5A5A;text-decoration:underline;} .member_info #marketDiv input {display:none;} .member_info #marketDiv label {display:block;position:absolute;top:11px;right:0;height:25px;line-height:23px;padding:0 12px;border:1px solid #121212;box-sizing:border-box;text-align:center;border-radius:3px;background:#fff;font-size:13px;font-weight: 500;} .member_info #marketDiv .check_info01 label {border: 1px solid #ccc;background:#F7F7F7;} .member_info .withdraw{display:block; position:relative;} .member_info .withdraw .withdrawTxt{display:block;text-align:center;} .member_info .withdraw .withdrawTxt>p{font-size:var(--font-size-nor); font-family:var(--font-family-ibm-regular); margin-bottom:34px;} .member_info .withdraw .withdrawTxt>p{font-size:var(--font-size-nor); font-family:var(--font-family-ibm-regular); margin-bottom:34px;} .member_info .withdraw .btn_withdraw{display:flex;flex-flow:row;gap:1.2rem;} .member_info .withdraw .btn_withdraw>a, .member_info .withdraw .btn_withdraw>input{flex-wrap:wrap;padding:7px; width:calc((100% - 1rem) / 2); text-align:center; border:1px solid var(--black-color); border-radius:3px;color:var(--white-color);transition:.34s all;} .member_info .withdraw .btn_withdraw>a:hover{opacity:.7;} .member_info .withdraw .btn_withdraw .btn_with_no{background:var(--black-color);font-family:var(--font-family-ibm-bold)} .member_info .withdraw .btn_withdraw .btn_with_ok{background:var(--sub1-dark-color); border-color:var(--sub1-dark-color); } .join_form>.txt {margin-top:15px;font-size:14px;line-height:20px;color:#999999;} .join_form .inp_group {margin:20px 0 25px;} .join_form .inp_group .join_row {display:table;position:relative;width:100%;padding:16px 0;line-height:1;border-bottom:1px solid #CCCCCC;} .join_form .inp_group .join_row:last-child {border-bottom:0;} .join_form .inp_group .join_row .lbl {display:table-cell;width:100px;font-size:14px;color:#121212;font-weight:bold;} .join_form .inp_group .join_row .desc {font-size:14px;color:#121212;} .join_form .inp_group .join_row .overlap {display:block;position:absolute;top:12px;right:0;height:25px;line-height:23px;padding:0 12px;border:1px solid #121212;box-sizing:border-box;text-align:center;border-radius:3px;} .join_form .inp_group .join_row .overlap span {font-size:13px;color:#121212;} /*popupzone*/ /*layer_pop*/ /*popup style*/ .layer_pop {position:fixed;-webkit-position:fixed;overflow-x:visible;overflow-y:auto;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.62);z-index:9999;} .layer_pop .popCon {position:absolute;left:50%;top:50%;width:80%;max-width:500px;height:auto;padding:20px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 30px rgba(0,0,0,.4);-webkit-box-shadow:0 0 30px rgba(0,0,0,.4);text-align:left;} .layer_pop .popCon .tit{font-size:26px;font-weight:600;width:100%;margin:0 auto 20px;padding-top:163px;color:#000;text-align:center;} .layer_pop .popCon ul {margin:70px 0 10px;padding-bottom:60px;} .layer_pop .popCon .btnclose{display:block;position:absolute;left:0;bottom:0;width:100%;background:#111;color:#fff;border:0;padding:10px 0;text-align:center;} /*SubMain-Rolling Popup*/ .rollingPzone .swiper{height:280px;padding-top:45px;} .rollingPzone .swiper-slide {height:222px;} /*Q&A*/ .qnainfo {display:block;overflow:hidden;width:100%;margin-bottom:50px;background:#eff1f2 url('/img/sub/qnatxtimg.png') no-repeat right center;} .qnainfo>.txt {text-align:left;padding:2.5% 5% 0;} .qnainfo p.tit {font-size:24px;font-weight:600;} .qnainfo .subtxt {padding-bottom:3%;} .qnainfo .subtxt span {display:block;font-size:17px;line-height:24px;margin:15px 0;}} .qnainfo .conbtn {margin-top:25px;} /*swiper-container*/ /*Main-contents*/ .mainNewsBx {display:flex;position:relative;justify-content:start;align-items:start;width:100%;padding-bottom:54px;margin-bottom:54px;border-bottom:1px solid var(--big-lightgrey-color);} .mainNewsBx:last-child {border-bottom:0;} .mainNewsBx .gridL{width:70%;border-right:1px solid var(--big-lightgrey-color);} .mainNewsBx .gridR{width:calc(100% - 70%);} .mainphotoNews {position:relative;} .mainphotoNews>a {display:flex;width:100%;gap:2rem;} .mainphotoNews .photo {width:100%;} .mainphotoNews .photo .img {overflow:hidden;width:400px;height:302px;} .mainphotoNews .photo .img img {width:100%;height:100%;} .mainphotoNews .text {position:relative;right:0;margin-right:0;width:80%;} .mainphotoNews .text .title {font-size:var(--font-size-medium);margin-bottom:24px;line-height:160%;} .mainphotoNews .text .txt {color:var(--lightgrey-color);} .mainphotoNews .hashtag {overflow-y:auto;position:absolute;bottom:0;left:450px;height:38px;} .mainphotoNews .hashtag>a {display:inline;padding:3px 15px;margin:0 2px;background:#fff;border:1px solid #e1e1e1;border-radius:5px;line-height:36px;} .mainphotoNews .hashtag>a:hover {background:#000;border:1px solid #000;color:#fff;} .subphotoNews {position:relative;} .subphotoNews>ul>li{margin-bottom:18px;} .subphotoNews>ul>li>a{display:flex;} .subphotoNews>ul>li>a:last-child {margin-bottom:0;} .subphotoNews>ul>li>a .photo {margin-right:15px;width:180px;height:88px;} .subphotoNews>ul>li>a .photo .img {overflow:hidden;} .subphotoNews>ul>li>a .photo .img img {width:100%;height:88px;} .subphotoNews>ul>li>a .text {width:calc(100% - 190px);padding-top:20px;} .subphotoNews>ul>li>a .text>p {font-size:var(--font-size-nor);font-weight:var(--font-weight300);} .monthNews li {display:block;} .monthNews a {display:flex;justify-content:flex-start;align-content:start;max-height:74px;padding-bottom:22px;margin-bottom:22px;} .monthNews a .cont {width:70%;margin-right:35px;} .monthNews a .cont .nametag{padding-bottom:7px;} .monthNews a .photo{overflow:hidden;width:88px;height:68px;} .monthNews a .photo img {width:100%; height:100%;/*width:150px;height:200%;*/} .monthNews a .photo.noimg {border-radius:0;} section.subListMainSection .monthNews li {margin-bottom:25px;border-bottom:1px solid var(--big-lightgrey-color);} section.subListMainSection .monthNews a .photo {width:78px;height:74px;border-radius:100%;} .reportNews {display:flex;position:relative;width:100%;margin:0 15px 0 0;} .reportNews>div {position:relative;width:50%;padding:0 25px 0 0;} .reportNews>div:last-child {padding:0;} .reportNews .title {margin-bottom:15px;color:var(--main-color);font-size:var(--font-size-nor);} .reportNews .imgCont {background:#fafafa;box-shadow:0 0 15px rgba(0,0,0,.13);text-align:center;} .reportNews .imgCont img {position:relative; width:100%;height:212px;} .reportNews .imgCont .contxt {position:relative;background:#fafafa;margin-top:-45px;width:80%;margin:-45px auto 0;padding:19px 25px;} .reportNews .imgCont .contxt .linkList {} .reportNews .imgCont .contxt .linkList>a {font-size:var(--font-size-nor);line-height:180%;} .reportNews .imgCont .contxt .linkList>a:hover {color:var(--main-color);text-decoration:underline;} .reportNews .imgCont .contxt .btn_link {margin:25px auto 15px;} .reportNews .imgCont .contxt .btn_link>a {font-size:var(--font-size-nor);font-weight:bold;text-decoration:underline;} .officeInfo {display:block;position:relative;width:100%;} /*subNewsDetail*/ .newsDetail {width:100%;min-height:450px;margin:0 auto;padding:25px 0 75px;} .newsDetail .sidebar {position: sticky;position: -webkit-sticky;top: 4%;width: 24%;height:100%;min-height: 200px;} .newsDetail .main {display: flex;flex-direction: column;width: 50%;height: 100%;min-height: 1000px;} .newsDetail .newsDetailContents {display: flex;justify-content: space-between;margin-top:5%;} /*.newsDetail {overflow:hidden;position:relative;width:100%;min-height:450px;margin:0 auto;padding:25px 0 75px;} .newsDetail .detailContents {overflow:hidden;position:relative;width:100%;min-height:450px;margin:0 auto;padding:25px 0 75px;} .newsDetail .newsDetail .gridC {display:flex;flex-direction:column;position: relative;width: 50%;height:100%;min-height:1000px;padding: 0 36px;} .newsDetail .gridC img {width:100%;height:auto;} .newsDetail .gridR{overflow: auto;position:sticky;position:-webkit-sticky;top: 0;height:110vh;width: 20%;min-height: 200px;}*/ .detailTitleBx {display:block;position:relative;margin-bottom:25px;padding-bottom:25px;width:100%;text-align:center;border-bottom:1px solid var(--big-lightgrey-color);} .detailTitleBx .title{width:90%; margin:0 auto 26px;font-size:var(--font-size-main-title);} .detailTitleBx .location{display:flex;justify-content:center;align-content:center;margin-bottom:56px;} .detailTitleBx .location>li>a {display:block;position:relative;padding:0 15px;font-size:var(--font-size-snor);font-weight:var(--font-weight100);color:var(--lightgrey-color);} .detailTitleBx .location>li>a::before, .detailTitleBx .location>li>a::after {position: absolute;right: 0;width:1px;height:8px;background:#000;content:'';} .detailTitleBx .location>li>a::before {top:8px;transform:rotate(-45deg);} .detailTitleBx .location>li>a::after {top:14px;transform:rotate(45deg);} .detailTitleBx .location>li:last-child>a {font-weight:var(--font-weight600);color:var(--main-color);} .detailTitleBx .location>li:last-child>a::before, .detailTitleBx .location>li:last-child>a::after {display:none;} .detailTitleBx .newsdateBx {display:flex;width:100%;justify-content:center;align-content:center;align-items:center;} .detailTitleBx .newsdateBx p {font-size:var(--font-size-nor);} .detailTitleBx .newsdateBx>div {width:calc(100% / 3);text-align:center;} .detailTitleBx .newsdateBx .datetime {display:flex;padding-right:25px;} .detailTitleBx .newsdateBx .datetime>p {position:relative;padding-right:15px;color:var(--lightgrey-color);} .detailTitleBx .newsdateBx .writer>p {font-weight:var(--font-weight600);} .detailTitleBx .iconBx>ul {display:flex;justify-content:right;} .detailTitleBx .iconBx>ul>li a {overflow:hidden;display:block;margin:0 7px;width:24px;height:24px;line-height:24px;background-repeat:no-repeat;background-position:left center;} .detailTitleBx .iconBx>ul>li a>span {display:block;width:24px;height:24px;line-height:24px;} .detailTitleBx .iconBx>ul>li .bookmark {background-image:url('/img/sub/ic_bookmark.png');} .detailTitleBx .iconBx>ul>li .share {background-image:url('/img/sub/ic_share.png');} .detailTitleBx .iconBx>ul>li .newsreply {width:auto;background-image:url('/img/sub/ic_newsreply.png');} .detailTitleBx .iconBx>ul>li .newsreply .replycount {margin-left:24px;font-size:var(--font-size-sm);color:var(--main-dark-color);} .detailTitleBx .iconBx>ul>li .fontsize {width:29px; height:25px; background-image:url('/img/sub/ic_fontsize2.png');} .detailTitleBx .iconBx>ul>li .print {background-image:url('/img/sub/ic_print.png');} .dailyNews {position:relative;width:100%;} .dailyNews .newscaption {position:relative;margin-bottom:45px;padding-left:13px;font-size:var(--font-size-snor);line-height:170%;font-weight:var(--font-weight600);} .dailyNews .newscaption::before {position:absolute;left:0;top:0;width:3px;height:100%;content:'';background:var(--black-color);} .dailyNews .newscaption::before {position:absolute;left:0;top:0;width:3px;height:100%;content:'';background:var(--black-color);} .innerword {display:block;position:relative;overflow:hidden;width:100%;height:100%;} .innerword p {font-size:var(--font-size-nor); font-family:var(--font-family-defualt);} .innerword figure {width:auto !important; margin:1rem 0;} .innerword img {width:100%;height:auto;} .innerword .photo {display:block;position:relative;margin-bottom:0;} .innerword .photo .comment {display:block;position:relative;width:100%;padding:0;margin:0;border:0;color:var(--lightgrey-color);font-size:var(--font-size-bsm);margin-top:10px;padding-left:24px;} .innerword .photo .comment::before {position:absolute;left:0;top:0;width:100%;height:100%;font-size:var(--font-size-bsm);content:'▲';} .innerword .txt {word-break:break-all;font-size:var(--font-size-nor);} .innerword .writer .title {margin-top:14px; font-style:italic; font-size:var(--font-size-sm); font-family:var(--font-family-ibm-light); color:var(--mediumgrey-color)} .innerword .writer .writerNote {display:block; position:relative; margin-top:43px; padding:15px 0; text-align:center; font-size:var(--font-size-sm); line-height:160%;} .innerword .writer .writerNote::before {position:absolute; left:0; top:0; width:100%; height:1px; background:var(--big-lightgrey-color); content:'';} .innerword .writer .writerNote::after {position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--big-lightgrey-color); content:'';} .review {display:block;position:relative;margin:75px auto 50px;} .review>ul {display:flex;margin:0 auto;padding:28px 0;width:100%;border-top:1px solid var(--big-lightgrey-color);border-bottom:1px solid var(--black-color);} .review>ul>li {display:block;position:relative;width:44px;margin:0 auto;vertical-align:text-bottom;} .review>ul>li>a {display:block;width:44px;height:auto;} .review>ul>li>a span {display:block;position:relative;text-align:center;} .review>ul>li>a span::before {position:absolute;left:0;top:0;width:44px;height:44px;content:'';} .review>ul>li>a .tit {padding-top:50px;line-height:180%;} .review>ul>li>a .ic_good::before {background:url('/img/sub/ic_good.png') no-repeat center top;} .review>ul>li>a .ic_sad::before {background:url('/img/sub/ic_sad.png') no-repeat center top;} .review>ul>li>a .ic_interest::before {background:url('/img/sub/ic_interest.png') no-repeat center top;} .review>ul>li>a .ic_bad::before {background:url('/img/sub/ic_bad.png') no-repeat center top;} .review>ul>li>a .ic_recomm::before {background:url('/img/sub/ic_recomm.png') no-repeat center top;} .review>ul>li>a .count {font-weight:600;} .comment_input {display:block;position:relative;width:100%;} .comment_input .commcount{margin-bottom:15px;font-size:var(--font-size-snor);} .comment_input .commcount>span {color:var(--main-color);font-weight:600;} .comment_input .comment_text {position:relative;padding:0 15px;width:100%;height:180px;border:1px solid var(--big-lightgrey-color);} .comment_input .comment_text textarea {width:100%;height:90px;resize:none;font-weight:300;border:1px solid var(--big-lightgrey-color);background:#fafafa;} .comment_input .comment_text .writecount {position:absolute;left:15px;bottom:15px;font-size:var(--font-size-bsm);} .comment_input .comment_text .btn {position:absolute;right:15px;bottom:15px;width:90px;height:40px;border:0;background:linear-gradient(45deg, var(--gracolor-in), var(--gracolor-out));} .all_comment {display:block;overflow:hidden;margin-top:30px;width:100%;border-top:1px solid var(--black-color);} .all_comment>div>ul>li {display:block;padding:25px 0;border-bottom:1px solid var(--big-lightgrey-color);} .all_comment>div>ul>li:last-child {border-bottom:0;} .all_comment .comm_head {display:flex;position:relative;font-size:var(--font-size-nor);font-weight:600;line-height:100%;} .all_comment .comm_head .datetime {position:relative;padding-left:15px;font-size:var(--font-size-bsm);color:var(--lightgrey-color);line-height:130%;} .all_comment .comm_head .datetime::before {position:absolute;left:7px;top:2px;width:1px;height:12px;content:'';background:var(--lightgrey-color);} .all_comment .comm_body {margin:15px 0;padding:25px;background:#fafafa;} .all_comment .comm_btm {display:flex;justify-content:right;align-content:flex-end;text-align:right;} .all_comment .comm_btm>p {position:relative;min-width:35px;padding-left:23px;margin-left:20px;} .all_comment .comm_btm>p a::before {position:absolute;left:0;top:0;width:22px;height:21px;content:'';background-position:left top;background-repeat:no-repeat;} .all_comment .comm_btm .ic_up::before {background-image:url('/img/sub/ic_up.png');} .all_comment .comm_btm .ic_down::before {background-image:url('/img/sub/ic_down.png');} .all_comment .comment_more {display:block;width:100%;margin:2rem auto;text-align:center;} .all_comment .comment_more>a {display:block;position:relative;padding:1.2rem;color:var(--main-color);background:var(--white-color);border:1px solid var(--main-color);transition:.34s all;} .all_comment .comment_more>a:hover {color:var(--white-color);font-weight:600;background:var(--main-color);border-color:var(--main-dark-color);box-shadow:0 7px 15px rgba(0,0,0,.22);} .all_comment .comment_more>a i {position:relative;margin-left:18px;} .all_comment .comment_more>a i::before {position:absolute;left:0;top:5px;content:'';width:2px;height:12px;background:var(--main-color);transform:rotate(-45deg);transition:.34s all;} .all_comment .comment_more>a i::after {position:absolute;left:8px;top:4px;content:'';width:2px;height:13px;background:var(--main-color);transform:rotate(45deg);transition:.34s all;} .all_comment .comment_more>a:hover i::before, .all_comment .comment_more>a:hover i::after {background:var(--white-color);} .all_comment .modifyBTN {display:flex;flex-grow:inherit;flex-wrap:wrap;justify-items:right;justify-content:right;text-align:right;margin-left:7px;margin-top:-3px;} .all_comment .modifyBTN button {color:var(--lightgrey-color);font-size:var(--font-size-bsm);width:45px;height:15px;font-weight:bold;cursor:pointer;} .all_comment .modifyBTN button>span {display:block;position:relative;padding-right:15px;} .all_comment .modifyBTN button>span i {overflow:hidden;display:block;position:absolute;right:0;width:15px;height:15px;background-position:left top;background-repeat:no-repeat;} .all_comment .modifyBTN button.btn_modify .ic {top:3px;background-image:url('/img/sub/ic_modify.png');} .all_comment .modifyBTN button.btn_delete .ic {top:5px;background-image:url('/img/sub/ic_delete.png');} .myNewsList {margin-top:45px;} .myNewsList .newsListPhoto {display:block;position:relative;} .myNewsList .newsListPhoto>ul {border-top:1px solid var(--black-color);border-bottom:1px solid var(--black-color);} .myNewsList .newsListPhoto>ul>li {border-bottom:1px solid rgba(0,0,0,.13);} .myNewsList .newsListPhoto>ul>li:last-child {border-bottom:0} .myNewsList .newsListPhoto>ul .news {display:flex;width:100%;height:104px;justify-content:left;align-content:center;align-items:center;} .myNewsList .newsListPhoto>ul .news .photo {position:relative;width:154px;height:104px;background:#000;} .myNewsList .newsListPhoto>ul .news .photo img {width:100%;height:104px;opacity:.45;} .myNewsList .newsListPhoto>ul a:hover .news .photo img {opacity:1;} .myNewsList .newsListPhoto>ul .news .photo .fieldTag {position:absolute;left:35%;top:50%;z-index:var(--z-index);color:var(--white-color);font-weight:600;transform:translate(50%,-50%);opacity:1;transition:.34s all;} .myNewsList .newsListPhoto>ul a:hover .news .photo .fieldTag {opacity:0;} .myNewsList .newsListPhoto>ul .news .txt {padding:0 25px;width:calc(100% - 180px);} .myNewsList .newsListPhoto>ul .news .icon{text-align:center;width:28px;padding-top:45px;background:url('/img/sub/ic_icon.png') no-repeat center top;} .gotoBack {display:block;text-align:center;margin:105px auto 0;} .gotoBack a {font-size:var(--font-size-sub-title);font-weight:var(--font-weight600);} .gotoBack a>span {padding:25px 0 25px 54px;height:45px;line-height:45px;background:url('/img/sub/ic_big_back.png') no-repeat left center;} /*LeftNewsPhoto*/ .conbody_LNews ul {margin-bottom:40px;} .conbody_LNews ul>li {margin:10px 0;padding:20px 0;border-bottom:1px solid var(--big-lightgrey-color);} .conbody_LNews ul>li>a {display:flex;overflow:hidden;height:82px;justify-content:center;align-items:center;} .conbody_LNews ul>li>a .photo {width:100%;height:90px;} .conbody_LNews ul>li>a .photo img {width:100%;height:100%;object-fit:cover;} .conbody_LNews ul>li>a .txt {width:100%;margin-left:7px;margin-top:0;} .conbody_LNews ul>li>a .txt>p {display:block;line-height:130%;} .conbody_LNews ul>li>a:hover .txt>p:last-child {font-family:var(--font-family-ibm-bold)} .conbody_LNews ul>li>a .tag {padding:3px 0;width:35px;height:20px;line-height:20px;margin-bottom:5px;} .conbody_LNews .w3-container, .conbody_LNews .w3-panel {padding:0} .conbody_LNews .w3-container, .conbody_LNews .w3-panel {padding:0} /*RightNewsList*/ .conbody_LNews, .conbody_RNews {display:block;position:relative;width:100%;margin-bottom:25px;} .conbody_RNews>ul>li>a {margin:5px 0;padding:12px;width:100%;border:1px solid var(--black-color);color:var(--black-color);transition:.34s all;} .conbody_RNews>ul>li>a:hover {border:1px solid var(--main-dark-color);color:var(--white-color);background:var(--main-color);} .btnmoreBx>a {display:block;padding:12px 0;width:100%;text-align:center;border:1px solid var(--main-color);font-size:var(--font-size-nor);color:var(--main-color);font-weight:var(--font-weight600);transition:.34s all;} .btnmoreBx>a:hover {border:1px solid var(--main-color);color:var(--white-color);background:var(--main-color);} .fixpopup img {display:block;width:100% !important;height:auto;} /*subContents*/ .greeting {display:block;position:relative;min-height:806px;background:url('/img/sub/greeting_bbgg.png') no-repeat center top;} .greeting>div {display:flex;position:relative;} .greeting .greetingBg {margin-top:163px;} .greeting .txt {margin-right:0;width:48%;} .greeting .txt .title {font-size:var(--font-size-main-title);line-height:150%;margin-bottom:45px;} .greeting .txt .title span {font-family:var(--font-family-atm);color:var(--main-color);} .greeting .txt .subtxt>p {font-size:var(--font-size-nor);margin-bottom:24px;line-height:160%;} .greeting .txt .subtxt span {font-weight:600;} .greeting .txt .sign {text-align:right;} .greeting .txt .sign>p {font-size:var(--font-size-nor);font-weight:600;} .greeting .txt .sign .name {font-size:var(--font-size-medium);color:var(--main-color);} .vision {display:block;position:relative;width:100%;text-align:center;} .vision .title{margin:0 auto 71px;} .vision .title .sub_title {margin-bottom:25px;font-size:var(--font-size-nor);color:var(--lightgrey-color);} .vision .title .main_title {margin:0 auto;width:65%;font-family:var(--font-family-atm);font-size:var(--font-size-main-title);} .vision .title .main_title>span {font-weight:600;font-family:var(--font-family-atm);} .vision .title .main_title .col1 {color:#7d96d4;} .vision .title .main_title .col2 {color:var(--main-color);} .vision .title .main_title .col3 {color:#e75454;} .vision .img_vision {width:100%;margin:0 auto;text-align:center;} .vision .img_vision img {margin:0 auto;text-align:center;} .objective {display:block; margin-top:3rem;} .objective .title {font-size:var(--font-size-medium); color:var(--black-color)} .objective ol {background:var(--big-lightgrey-color); padding:4rem; text-align:left;} .objective ol>li {font-size:var(--font-size-nor); padding:.52rem 0;} .group {display:block;position:relative;width:100%;} .group>ul {display:flex;width:100%;margin:0;justify-content:center;align-content:center;} .group>ul>li {display:block;margin:23px 32px;width:calc(100% / 3);max-height:410px;background:var(--white-color);text-align:center;vertical-align:top;border-radius:13px;} .group .logoBx {display:block;overflow:hidden;width:100%;height:192px;line-height:192px;} .group .logoBx.bg_sam {background-color:#13335c;} .group .logoBx.bg_tesd {background-color:#004098;} .group .logoBx.bg_smart {background-color:#a13e97;} .group .logoBx.bg_ark {background-color:#90c31f;} .group .cont {box-shadow:0 0 20px rgba(0,0,0,.12);} .group .cont .txtBx {padding:20px;border-bottom:1px solid var(--big-lightgrey-color)} .group .cont .txtBx .title {font-size:var(--font-size-sub-title);font-weight:600;} .group .cont .txtBx .site {margin-bottom:24px;} .group .cont .linkBx {height:62px;line-height:62px;text-align:center;margin:0 auto;} .group .cont .linkBx .btnlink {display:inline;padding:5px 25px;background:#f3f3f3;color:var(--lightgrey-color);border-radius:25px;transition:.34s all;} .group .cont .linkBx .btnlink:hover {color:var(--white-color);background-color:#000;} .map {position:relative;} .map .mapAPI {display:block;position:relative;overflow:hidden;width:100%;height:663px;margin:30px auto 0;text-align:center;background:#f3f3f3 url('/img/sub/location_map.jpg') no-repeat center bottom;} .map .map_txt {display:table;position:relative;left:0;top:0;width:100%;margin:0 auto;padding:100px 40px;text-align:center;} .map .map_txt li {display:table-cell;position:relative;width:33.3%;padding:0 50px;text-align:center;} .map .map_txt li::after {position:absolute;right:0;top:0;width:1px;height:100%;content:'';background:rgba(0,0,0,.13);} .map .map_txt li:last-child::after {display:none;} .map .map_txt span {display:block;position:relative;width:85%;font-size:var(--font-size-nor); line-height:180%;} .map .map_txt span.t {padding-top:150px;margin-bottom:15px;font-size:var(--font-size-sub-title);color:var(--main-color);} .map .map_txt span.t::before {position:absolute;left:26%;top:0;width:120px;height:120px;background:#f5f5f5;content:'';border-radius:100%;z-index:-3;} .map .map_txt span.t::after {position:absolute;left:26%;top:30px;width:120px;height:120px;content:'';} .map .map_txt .ic_add span.t::after {top:28px;background:url('/img/sub/ic_add.png') no-repeat center top;} .map .map_txt .ic_phone span.t::after {background:url('/img/sub/ic_phone.png') no-repeat center top;} .map .map_txt .ic_fax span.t::after {top:32px;background:url('/img/sub/ic_fax.png') no-repeat center top;} .privacy {display:block;max-width:85%;margin:0 auto;} .privacy>h4 {display:block;margin-bottom:45px;text-align:center;} .privacy p {margin-bottom:25px;font-size:var(--font-size-nor);} .partnershipBx {display:block; position:relative; margin:-71px auto;} .partnershipBx .partnership {display:block; overflow:hidden; position:relative; width:100vw; height:761px; background-attachment:fixed; background-repeat:no-repeat; background-position:center top; background-size:cover;} .partnershipBx .partnership.tbg {background-image:url('/img/sub/partnershipTBg.jpg');} .partnershipBx .partnerTitle {display:block; position:relative; width:100%; padding:10rem 0 20rem; text-align:center;} .partnershipBx .partnerTitle .subtxtTitle>p {margin:0 auto 2rem; font-size:var(--font-size-sub-title); font-family:var(--font-family-ibm-light); color:var(--white-color);} .partnershipBx .partnerTitle .subtxtTitle>p>span {font-family:var(--font-family-ibm-bold);} .partnershipBx .partnerTitle .subtxtTitle .txt1{width:80%;} .partnershipBx .partnerTitle .subtxtTitle .txt2{width:70%;} .partnershipBx .txtWITH{display:block; position:relative; margin:5rem auto; padding-bottom:10rem;} .partnershipBx .txtWITH::before {position:absolute; left:50%; bottom:0; width:2px; height:60px; background:var(--white-color); transform:translateX(50%, -50%); content:'';} .partnershipBx .txtWITH>ul{display:flex; flex-wrap:nowrap; justify-content:center; align-content:center;} .partnershipBx .txtWITH>ul>li{flex-wrap:nowrap; gap:2rem; width:calc((100% - 4rem) / 4);} .partnershipBx .txtWITH>ul>li .txt{margin:0 1rem; padding:5rem .5rem; min-height:16rem; background:rgba(0,0,0,.75);} .partnershipBx .txtWITH>ul>li .txt>p{margin-bottom:15px; color:var(--white-color);} .partnershipBx .txtWITH>ul>li .txt>p:first-child span{font-size:var(--font-size-medium); opacity:.5;} .partnershipBx .txtWITH>ul>li .txt>p .firsttxt{font-size:44px !important; opacity:1 !important;} .partnershipBx .txtWITH>ul>li .txt>p.subtxt {font-size:var(--font-size-sub-title); font-family:var(--font-family-atm-bold);} .partnershipBx .partnerNetwork {display:block; position:relative; padding:9rem 0; background:linear-gradient(0deg, var(--gracolor2-in), var(--gracolor2-out));} .partnershipBx .partnerNetwork::after {position:absolute; left:50%; top:0; width:2px; height:60px; background:var(--black-color); transform:translateX(50%, -50%); content:'';} .partnershipBx .partnerNetwork .selectpartner {display:block; margin-bottom:2rem;} .partnershipBx .partnerNetwork .selectpartner select {padding:8px 30px; border:2px solid var(--black-color); border-radius:30px; font-size:var(--font-size-sub-title); line-height:150%;} .partnershipBx .partnerNetwork .linkcon{height:450px;} .mypage .memberBx {background:#f9fefd;border-bottom:1px solid #43d9b3;padding:35px 0;margin-bottom:65px;margin-top:-71px;} .mypage .member_info {display:flex;align-content:center;width:100%;} .mypage .member_info>div {flex-wrap:wrap;position:relative;gap:4rem;margin:1.3rem 0;width:calc(100% / 2);} .mypage .member_info .membership {justify-content:left;} .mypage .member_info .membership>p {margin-bottom:5px;font-size:var(--font-size-sub-title);color:var(--mediumgrey-color);font-family:var(--font-family-ibm-regular)} .mypage .member_info .membership .title {color:var(--main-dark-color);font-size:42px;font-family:var(--font-family-ibm-bold)} .mypage .member_info .membership .joindate {display:block;margin-top:23px;font-family:var(--font-family-ibm-bold);font-size:var(--font-size-nor)} .mypage .member_info .membership .memberlink {position:absolute;bottom:15px;font-size:var(--font-size-nor);} .mypage .member_info .membership .memberlink>a{padding:.71rem 4.3rem;margin:.51rem;background:rgba(255,255,255,.43);border:1px solid #b9b9b9;border-radius:3px;text-align:center;} .mypage .member_info .membership .memberlink>a:hover {background:var(--white-color);font-family:var(--font-family-ibm-bold);color:var(--main-color);border-color:var(--main-color)} .mypage .member_info .subscount {justify-content:right;} .mypage .member_info .subscount .contents{display:block;width:100%;background:var(--white-color);border:1px solid #b4e6db} .mypage .member_info .subscount .contents>p {padding:24px;font-size:var(--font-size-snor);background:#e1f9f3;border-bottom:1px solid #b4e6db;} .mypage .member_info .subscount .contents>ul {display:flex;justify-content:center;align-content:center;} .mypage .member_info .subscount .contents>ul>li {position:relative;margin:34px 0;width:calc((100% - 6.5rem) / 2);text-align:center;} .mypage .member_info .subscount .contents>ul>li::before {position:absolute;right:0;top:0;width:1px;height:100%;content:'';background:#b4e6db} .mypage .member_info .subscount .contents>ul>li:last-child::before {display:none;} .mypage .member_info .subscount .contents>ul>li p.num {margin-top:15px;font-size:55px;color:var(--main-color);} /*C/S center*/ .cs_info{display:block; position:relative; margin:1rem 0 8rem;} .cs_info h2{margin-bottom:23px; padding-bottom:23px; border-bottom:2px solid var(--black-color); font-size:var(--font-size-main-title); font-family:var(--font-family-atm-bold)} .cs_info .title {display:flex; align-content:center; align-items:center; justify-content:space-between; margin-bottom:23px;} .cs_info .title .txt_tit{font-size:1.45rem; line-height:1.5; font-weight:bold;} .cs_info .comm{font-size:1rem; font-family:var(--font-family-ibm-medium); color:var(--lightgrey-color)} .cs_info .cslist{display:black;margin-top:23px; padding-top:23px; border-top:1px solid var(--big-lightgrey-color); } .cs_info .cslist>li{display:flex; justify-content:flex-start; align-items:flex-start; gap:3.2rem;margin-bottom:23px; padding-bottom:23px; border-bottom:1px solid var(--big-lightgrey-color)} .cs_info .cslist .tit{display:block; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-all; font-size:1.83rem; font-family:var(--font-family-ibm-bold); line-height:1.8; color:var(--black-color); width:100%; max-width:40rem;} .cs_info .cslist .cstxt>p, .cs_info .cslist .cstxt>p a{font-size:1.23rem; font-family:var(--font-family-ibm-medium); line-height:1.8; color:var(--mediumgrey-color);} @keyframes contentsOverlay { 0% { opacity: 0;transform: translateX(-50px);transition-delay:.3s;} 100% { opacity: 1;transform: translateX(0);transition-delay: .3s;} } @-webkit-keyframes contentsOverlay { 0% { opacity: 0;-webkit-transform: translateX(-50px);transition-delay: .3s;} 100% { opacity: 1;-webkit-transform: translateX(0);transition-delay: .3s;} } #footer .groupBox .w3-button {border:1px solid rgba(255,255,255,.23) !important;} /*only PC ver.*/ @media screen and (max-width:1900px) and (min-width:1601px) { #tab > ul { max-width: 50%;} .ing .tit::before {background:#000;position:absolute;left:0;top:32px;content:'';width:350px;height:1px;} .ing .tit::after {background:#000;position:absolute;right:0;top:32px;content:'';width:350px;height:1px;} } @media screen and (max-width:1600px) { .step ol.col3 li, .step ol.col4 li, .step ol.col5 li, .step ol.col6 li { width: 40%;margin: 0 20px 30px !important;} .step ol li.mg_l0 { margin-left: 20px !important;} #container .bxtab {display:block;position:static;width:70%;margin:0 auto 50px;} #container .bxtab button { display: inline-block;position:relative;width:30%;color: black;padding:10px 0;margin:0 7px;border: none;text-align: center;cursor: pointer;transition: 0.3s;} #container .bxtab button span {display: block;position:relative;padding:15px 0;text-decoration: none;font-size:17px;line-height:17px;color: #7a7a7a;font-weight: 400;text-transform: uppercase;} #container .bxtab button span::after { position: absolute;bottom: 0;left: 0;width: 0%;content: '';color: transparent;background:#121212;height:2px;} #container .bxtab button:hover span::after, #container .bxtab button.active span::after {width: 100%;} #container .bxtab button span, #container .bxtab button span::after, #container .bxtab button span::before { transition: all .5s;} #container .bxtab button.active span{ position: relative;color:#121212;font-weight:600;} #container .bxtab button.active::before { display:none;} #container .tabcontent {float:none;width:100%;} #container .tabcontent .contents {padding:20px 0;} .newsList>li {width:45%;} /*subContents*/ .map .mapAPI {background-position:center;} .map .map_txt li {width:30.3%;padding:0 50px;} .map .map_txt span.t::before, .map .map_txt span.t::after {left:10%;} } @media screen and (max-width:1100px) { .dropbtn>li>a {width:90px;font-size:1.1rem;} .boardView .bdListName a {max-width:300px;} .detailTitleBx .newsdateBx {margin-bottom:34px;} .detailTitleBx .newsdateBx .datetime {display:block;} .mainNewsBx {display:block;width:90%;padding-bottom:24px;margin:0 auto 54px;} .mainNewsBx .gridL {width:100%;border-right:0; padding-right:0;} .mainNewsBx .gridR {width:100%;padding:45px 0 0;} .newsDetail .detailContents {width:95%;} .newsDetail .detailContents .gridL {padding-right:0;} } @media screen and (min-width:901px) { #lmenuBox { position: sticky !important;position: -webkit-sticky !important;top: 0;z-index: 800;} #container.solutionBg {background:url('/img/sub/solutionBg.png') no-repeat left top;} #container.companyBg {background:url('/img/sub/companyBg.png') no-repeat left top;} #container.communityBg {background:url('/img/sub/communityBg.png') no-repeat left top;} .search {max-width:50% !important;} .boardView>.title {text-align:center;} .boardView>.title .stitle {display:table;overflow:hidden;margin:0 auto;text-align:center;} .boardView>.title .stitle li { float:left;margin:0 30px;} .boardView>.title .stitle li dl { display:table;width:100%;} .boardView>.title .stitle li dl dt { display:table-cell;width:90px;} } /*only MOBILE ver.*/ @media screen and (max-width:900px) { #headBox {height:144px} #header {height:82px;line-height:82px;} #header>nav {display:none;} #header #logo{left:20px;} #header #logo a span{background-size:80%;} #tab>ul {width:100%;max-width:100%;} #tab>ul>li {width:25%;} #container .bxtab { display: block;width: 100%;} #container .bxtab button {display:block;width:100%;margin:5px auto;padding:0;} #container .bxtab button:hover span, #container .bxtab button.active span {color:#fff;} #container .bxtab button span::after {background:#121212;height:100%;z-index:-1;} #container .bxtab button.active::before { display:none;} .svisual_bg1 {background-position-x:60% !important;} .svisual_bg2 {background-position-x:55% !important;} .svisual_bg3 {background-position-x:65% !important;} .svisual_bg4 {background-position-x:75% !important;} .svisual_bg5 {background-position-x:65% !important;} .svisual_bg6 {background-position-x:55% !important;} .svisual_bg7 {background-position-x:75% !important;} h3 {font-size:1.7rem;} h3 span::after {top:8px;} h4 {font-size:1.3rem;} .sblet {font-size:1.3rem;} .ssblet, .tbox {font-size:1rem;} .step ol.col3 li, .step ol.col4 li, .step ol.col5 li, .step ol.col6 li { width: 100%;max-height: 100%;min-height: 100%;padding-bottom: 20px;margin: 0 auto 40px !important;} .step ol.col3 li::after, .step ol.col4 li::after, .step ol.col5 li::after, .step ol.col6 li::after{transform:rotate(90deg);left:48%;top:auto;bottom:-40px !important;background-size:80%;} .box100, .tLbox100, .tRbox100, .bLbox100, .bRbox100, .tLRbox100, .bLRbox100, .box50, .tLbox50, .tRbox50, .bLbox50, .bRbox50, .tLRbox50, .bLRbox50, .box30, .tLbox30, .tRbox30, .bLbox30, .bRbox30, .tLRbox30, .bLRbox30, .box13, .tLbox13, .tRbox13, .bLbox13, .bRbox13, .tLRbox13, .bLRbox13 { border-radius: 0;} /*PROGRAM*/ .search {position:relative;width:100%;} .search input[type=text]{width:95%;padding:20px 0;} .tableBox {position:relative;overflow:auto;} .tableBox .tableScroll {display:block;position:absolute;left:50%;top:25%;text-align:center;padding-top:70px;width:110px;height:110px;background:rgba(0,0,0,.8) url('../Img/sub/ic_scroll.png') no-repeat center 20px/35%;border-radius:100%;font-size:14px;color:#fff;z-index:1;box-sizing:border-box;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);} .tableBox table {width:200%;} .boardList>table tbody td {padding:10px;} .boardList .ic_notice {width:41px;} .boardView>.title>p {font-size:1.3rem;} .boardView>.title .stitle li {float:none;width:100%;margin-left:0;} .boardView>.title .stitle dt, .boardView>.title .stitle dd {padding-bottom:0 !important;font-size:1rem !important;line-height:20px;} .boardView .bdListName a {width:140px;font-size:1rem;line-height:20px;} .boardView .bdListName .bdPrev, .boardView .bdListName .bdNext {margin-top:-5px;padding:70px 0 0;text-align:center;background-position:center top;opacity:1;} .boardView .bdListName .bdPrev span, .boardView .bdListName .bdNext span {display:block;overflow:hidden;width:100%;white-space: nowrap;text-overflow: ellipsis;text-align:center;} .newsList>li {width:100%;} /*swiper-container*/ /*subContents*/ .mainphotoNews .text {margin-left:25px;} .mainphotoNews .photo {width:100%;} .mainphotoNews .photo .img {width:100%;height:100%;} .mainphotoNews .photo .img img {width:auto;height:100%;} .mainphotoNews .hashtag {left:400px;} .vision .img_vision img {width:100%;max-width:95%;} .map .map_txt li {display:block;margin-left:0;margin-bottom:25px;padding:0 0 25px 0;width:100%;text-align:left;border-bottom:1px dashed #eee;} .map .map_txt li:last-child {border-bottom:0;} .map .map_txt li::after {display:none;} .map .map_txt span.t {padding-top:0;padding-bottom:15px;margin-bottom:0;} .map .map_txt span.t, .map .map_txt span.s {padding-left:180px;} .map .map_txt span.t::before, .map .map_txt span.t::after {left:0;} .conbody_LNews ul>li>a {display:block;height:100%;} .conbody_LNews ul>li>a .txt {margin-left:0} .conbody_LNews ul>li>a .photo {height:auto;} .conbody_LNews ul>li>a .photo img {width:100%;} .conbody_LNews ul>li>a .photo, .conbody_LNews ul>li>a .txt {width:100%;} .innerword .photo img {width:100%;} .newsDetail {margin-top:-40px;} .newsDetail .newsDetailContents {width:95%;margin:5% auto 0;} .newsDetail .sidebar {width:25%;height:100%;} .newsDetail .sidebar .w3-bar {overflow:visible;} .detailTitleBx {padding:0 55px;} .subNewsList .listCon .photo img {width:250px;} .monthNews a .cont {width:calc(100% - 78px)} .greeting>div {display:block;} .greeting .greetingBg {margin:0;} .greeting .txt {width:90%;margin:0 auto;} .mypage .member_info {display:block;} .mypage .member_info>div {width:90%;margin:0 auto;} .mypage .member_info .membership {position:relative;margin-bottom:54px;} .mypage .member_info .membership p{display:block;} .mypage .member_info .membership .joindate {display:block;} .mypage .member_info .membership .memberlink {display:flex;position:relative;left:0;bottom:0;width:100%;margin:35px 0 0;} .mypage .member_info .membership .memberlink>a {width:calc((100% - 2.4rem) / 2);padding:.45rem;} .mypage .member_info .subscount .contents>ul>li p.num {font-size:var(--font-size-main-title)} .cs_info{display:block; position:relative; margin:1rem 0 8rem;} .cs_info h2{margin-bottom:23px; padding-bottom:23px; border-bottom:2px solid var(--black-color); font-size:var(--font-size-main-title); font-family:var(--font-family-atm-bold)} .cs_info .title {display:flex; align-content:center; align-items:center; justify-content:space-between; margin-bottom:23px;} .cs_info .title .txt_tit{font-size:1.45rem; line-height:1.5; font-weight:bold;} .cs_info .comm{font-size:1rem; font-family:var(--font-family-ibm-medium); color:var(--lightgrey-color)} .cs_info .cslist{display:black;margin-top:23px; padding-top:23px; border-top:1px solid var(--big-lightgrey-color); } .cs_info .cslist>li{display:flex; justify-content:flex-start; align-items:flex-start; gap:3.2rem;margin-bottom:23px; padding-bottom:23px; border-bottom:1px solid var(--big-lightgrey-color)} .cs_info .cslist .tit{display:block; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-all; font-size:1.83rem; font-family:var(--font-family-ibm-bold); line-height:1.8; color:var(--black-color); width:100%; max-width:40rem;} .cs_info .cslist .cstxt>p, .cs_info .cslist .cstxt>p a{font-size:1.23rem; font-family:var(--font-family-ibm-medium); line-height:1.8; color:var(--mediumgrey-color);} } @media screen and (max-width:640px) { h3 span::after {display:none;} .shareOn .popCon li {width:25%;margin-top:50px;} .shareOn .popCon li:nth-child(1), .shareOn .popCon li:nth-child(2), .shareOn .popCon li:nth-child(3) {margin-top:0;} #container{margin-bottom:0;} #container .con_wrap {width:90%; margin:0 auto;} #container .tabcontent{margin-bottom:0;} #tab > ul > li>a {padding:15px;font-size:1em;} .tabmenu>ul {display:block;} .tabmenu>ul>li {display:inline-block; width:100%;} .svisualBx .con_title>p {padding-bottom:24px;} .svisualBx .con_title .title {font-size:44px;} section .contTitle>p .subcomm {display:block;margin-left:0;margin-top:5px;} /*#tab > ul > li { width: 50%;}*/ .step ol.col3 li, .step ol.col4 li, .step ol.col5 li, .step ol.col6 li { float: none;width: 100%;height: 100%;max-height: 100%;min-height: 100%;} .photo>li {margin:5px auto;} .boardList>table thead th {font-size:1.2rem;} .boardList>table tbody td {padding:10px 0;} .boardView .bdListName a {width:120px;} .boardView .bdListName .bdPrev, .boardView .bdListName .bdNext {padding-top:50px;background-size:40%;} .boardWrite>ul>li>dl>dt {padding:10px 20px;width:100px;} .boardWrite>ul>li>dl>dd {padding:10px;} .boardWrite>ul>li>dl>dt label {font-size:17px;} .boardWrite input[type=text], .boardWrite input[type=password] { height: 32px;padding: 0;line-height:32px;} /*swiper-container*/ /*subContents*/ .detailTitleBx {padding:0 17px} .detailTitleBx .location {margin-bottom:25px;} .detailTitleBx .title {line-height:180%;} .detailTitleBx .newsdateBx {display:block;} .detailTitleBx .newsdateBx>div {width:100%;} .detailTitleBx .newsdateBx .datetime {margin-bottom:25px;} .detailTitleBx .newsdateBx .datetime>p {width:100%;padding-right:0;} .mainphotoNews>a {display:block;} .mainphotoNews .photo .img img {width:100%;} .mainphotoNews .text {width:100%;margin:10px 0 0;} .mainphotoNews .hashtag {position:relative;left:0;margin-top:25px;width:100%;} .reportNews {display:block;width:100%;} .reportNews>div {width:100%;padding:0;margin-bottom:25px;} .reportNews .title {text-align:center;} .reportNews .imgCont img {width:100%;height:auto;margin-left:0;} .subNewsList .listCon {display:block;} .subNewsList .listCon .photo {width:100%;} .subNewsList .listCon .photo img {width:100%;height:auto;} .subNewsList .listCon .listText {width:100%;} .newsDetail {padding-bottom:0;} .newsDetail .newsDetailContents {display:block;width:100%;} .newsDetail .sidebar {width:90%;margin:23px auto 0;} .newsDetail .sidebar:last-child, .newsDetail .sidebar .fixpopup {display:none;} .newsDetail .gridL {padding-right:0;} .newsDetail .main {display:block;width:100%;} .newsDetail .main .dailyNews {padding:45px 35px;background:var(--white-color);box-shadow:0 0 15px rgba(0,0,0,.23);z-index:var(--z-index-absolute);} .detailTitleBx .title {font-size:var(--font-size-medium);} .detailTitleBx .iconBx>ul {justify-content:center;margin-top:20px;} .all_comment .comm_head {display:block;} .all_comment .comm_head .datetime {margin-top:5px;padding-left:0;} .all_comment .comm_head .datetime::before {display:none;} .all_comment .modifyBTN {display:block;text-align:left;margin-left:-5px;margin-top:0;} .conbody_LNews, .conbody_RNews {display:block;position:relative;width:100%;} .conbody_LNews .tab>ul>li {width:50%;} .conbody_LNews ul>li>a {display:flex;justify-content:left;} .conbody_LNews ul>li>a .photo {margin-right:25px;width:120px;} .myNewsList .newsListPhoto>ul .news .icon {padding-top:25px;} .subNewsList.submain .listCon .photo {width:100%;height:100%;} .subNewsList.submain .listCon .photo img {height:100%;} .subNewsList.submain .listCon .listText {width:100%;} .subNewsList.submain .icon_date {position:relative;} .gotoBack {margin-bottom:34px;} .group>ul {display:block;} .group>ul>li {width:90%;} .map .map_txt li {margin-bottom:45px;padding-bottom:45px;} .map .map_txt span.t, .map .map_txt span.s {display:block;text-align:center;padding-left:0;width:100%;} .map .map_txt span.t {padding-top:150px;} .map .map_txt span.t::before, .map .map_txt span.t::after {left:38%;} }