@charset "euc-kr"; /******************************************************************************************************************************** * 실무해설 ********************************************************************************************************************************/ /*------ 서브메인 -----------------------------------------*/ .submain-Banner.haesul {height: 420px; !important;} .submain-Banner.haesul .gallery-top {height: 420px !important;} /*----- 실무해설 banner background color SET -----*/ .submain-Banner.haesul .gallery-top .swiper-slide.bg1 {background-color: #1d3e71 !important;} .submain-Banner.haesul .gallery-top .swiper-slide.bg2 {background-color: #e05555 !important;} .submain-Banner.haesul .gallery-top .swiper-slide { background-position: -50% 50% !important; background-repeat: no-repeat; /* background-size: cover; */ background-size: 100% auto; filter: blur(0); } .submain-Banner.haesul .gallery-top .swiper-slide::before { content: ''; position: absolute; top: -30px; left: 0; right: 0; bottom: 0; background: inherit; z-index: -1; filter: blur(5px); } .submain-Banner.haesul .gallery-top .swiper-slide::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.5) url('/images/main_visual_dot.png') repeat; z-index: 1; } .submain-Banner.haesul .swiper-wrapper h1 { visibility: hidden; display: block; position: relative; width: 1200px; margin: 0px auto 15px auto; font-family: 'Noto Sans KR', 'Noto Sans','맑은 고딕', 'Malgun Gothic'; font-size: 46px; color: #fff; letter-spacing: -2px; line-height: 120%; font-weight: 700; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0, 0.4); z-index: 10; } .submain-Banner.haesul .swiper-wrapper h1.two {margin-top: 70px; margin-bottom: 25px; line-height: 1.2em;} .submain-Banner.haesul .swiper-wrapper h2 { visibility: hidden; display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0 6em; font-family: 'Noto Sans KR', 'Noto Sans','맑은 고딕', 'Malgun Gothic'; font-size: 16px; color: #fff; letter-spacing: -0.2px; line-height: 150%; font-weight: 200; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0, 0.2); z-index: 10; } .submain-Banner.haesul .swiper-wrapper .btn-slide { visibility: hidden; position: relative; display: inline-block; margin: 2.5em auto 0 auto; padding: 0.7em 2em 0.8em 2em; font-size: 1em; color: #fff; font-weight: 600; text-decoration: none; background: #fa4b2a; z-index: 10; } .submain-Banner.haesul .swiper-wrapper .btn-slide:hover {background: #1153b9;} .submain-Banner.haesul .swiper-slide-active .wow.animated-item-1 {animation: fadeInUp 0.3s linear 0.3s both;} .submain-Banner.haesul .swiper-slide-active .wow.animated-item-2 {animation: fadeInUp 0.3s linear 0.6s both;} .submain-Banner.haesul .swiper-slide-active .wow.animated-item-3 {animation: fadeInUp 0.3s linear 0.9s both;} .submain-Banner.haesul .swiper-slide-active .wow.animated-item-4 {animation: fadeInUp 0.3s linear 1.2s both;} .submain-Banner.haesul .swiper-pagination-bullet-active {background: #ff5529 !important;} .media-category-wp.haesul {margin-bottom: 30px;} /*---- search ----*/ .haesul-search { clear: both; position: relative; height: 90px; border-bottom: 1px solid #dadada; background: url('/images/pattern3(gray).png'); overflow: hidden; } .haesul-search .container-n {padding: 22px 0 0 0; text-align: center;} .haesul-search span.stit { display: inline-block; position: relative; margin: 0 15px 5px 0; font-size: 140%; letter-spacing: -1.2px; font-weight: bold; vertical-align: middle; text-shadow: 0 0 1px rgba(255,255,255, 0.5); } .haesul-search span.stit::after { content: ""; position: absolute; bottom: -16px; left: 0; width: 80px; height: 1px; background: #666; } .haesul-search .selt-1 { width: 100px; height: 45px; margin: 0 -9px 0 0; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; border: 3px solid #222; border-radius: 0; } .haesul-search input { width: 560px; height: 45px; padding: 0 0 2px 12px; font-size: 15px; line-height: auto !important; text-transform: none; vertical-align: middle; border: 3px solid #222; } .haesul-search input:focus {outline: none;} .haesul-search input::-moz-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px; opacity: 1;} .haesul-search input:-ms-input-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px;} .haesul-search input::-webkit-input-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px;} .haesul-search button { width: 70px; height: 45px; margin: 0 0 0 -7px; padding: 0 0 5px 0; font-size: 150%; line-height: 30px; border-color: #222; background-color: #222; transition: all 0.3s; } .haesul-search button:hover {border-color: #222; background-color: #111;} .haesul-search button:active {bottom: 0;} .haesul-search .back {margin-left: 5px;} /*---- 최신 실무해설, 최신 포스트 ----*/ .submain-haesul-List { clear: both; position: relative; margin: 0 0 50px 0; } .submain-haesul-List .Lt {position: relative; width: 816px;} .submain-haesul-List .swiper-container.new-haesul-top .comm-cardList-wp {margin: 0 !important;} .submain-haesul-List .swiper-container.new-haesul-top .comm-cardList-wp li {width: 383px; margin: 0 !important;} .submain-haesul-List .swiper-container.new-haesul-top .comm-cardList-wp li a.link-block {width: 383px;} .submain-haesul-List .swiper-container.new-haesul-top .comm-cardList-wp li .expert-corner {right: 18px !important;} .submain-haesul-List .Lt .btns { position: absolute; top: 30px; right: 15px; width: 95px; /* background: red; */ z-index: 1; } .submain-haesul-List .Lt .btns div { position: absolute; top: 0px; width: 35px; height: 28px; color: #000; border: 1px solid transparent; border-radius: 3px; background-color: #e5e5e5; background-size: auto 15px; transition: all 0.2s; } .submain-haesul-List .btns div:hover {background-color: #ff643c !important;} /*---- BEST 실무해설 ----*/ .submain-haesul-List .Rt { position: absolute; top: 0; right: 0; width: 400px; height: 405px; padding: 0 0 0 20px; background: #fff; overflow: hidden; z-index: 10; } .submain-haesul-List .Rt .box { width: 380px; height: 350px; padding: 1px 20px 0 20px; border: 1px solid #ddd; } .submain-haesul-List .Rt .box li { position: relative; margin: 17px 0; padding: 0 0 17px 0; border-bottom: 1px dotted #aeaeae; } .submain-haesul-List .Rt .box li:last-child {margin-bottom: 0; border-bottom: none;} .submain-haesul-List .Rt .box a { display: block; font-size: 100%; letter-spacing: -0.2px; line-height: 1.2em; text-decoration: none !important; } .submain-haesul-List .Rt .box span.thumb { display: block; float: left; margin: 0 16px 0 0; width: 140px; height: 80px; align-items: center; -webkit-align-items: center; overflow: hidden; } .submain-haesul-List .Rt .box span.thumb img { display: block; width: auto; height: 100%; margin: 0 auto; } .submain-haesul-List .Rt .box span.subj { display: block; display: -webkit-box; max-height: 55px; font-size: 100%; color: #333; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .submain-haesul-List .Rt .box span.etc { display: block; position: absolute; top: 61px; left: 157px; font-size: 13px; color: #999; } .submain-haesul-List .Rt .box li .expert-corner { position: absolute; top: 61px; right: 5px; font-size: 13px; } /*------ 해설 List ------*/ .haesul-list-wp {clear: both; position: relative; padding: 15px 0 0 0;} /*------ 해설 View -----------------------------------------*/ .haesul-view-wp { clear: both; margin: 0 0 35px 0; padding: 55px 60px 0 60px; border: 1px solid #ddd; } .haesul-view-wp .top { position: relative; padding: 0 0 30px 0; border-bottom: 1px dotted #777; } .haesul-view-wp .top .title { display: block; position: relative; margin: 0 0 35px 0; padding: 0 0 0 18px; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 33px; letter-spacing: -1px; line-height: 130%; font-weight: bold; } .haesul-view-wp .top .title::before { content: ""; display: block; position: absolute; top: 20px; left: 0; width: 3px; height: 30px; margin: -12px 0 0 0; background: #2f2e2e; } .haesul-view-wp .top .etc { position: relative; font-size: 15px; color: #888; font-weight: normal; } .haesul-view-wp .top .etc .origin {color: #666;} .haesul-view-wp .top .etc h6 { display: block; position: relative; margin: 0 0 10px 0; font-weight: normal; } .haesul-view-wp .top .etc.press h6 {margin-bottom: 0px;} .haesul-view-wp .top .etc h6 span.ps { vertical-align: top;} .haesul-view-wp .top .etc .count strong {color: #444;} .haesul-view-wp .top .etc .count i {margin: 0 6px 2px 0; color: #db4545; vertical-align: text-bottom;} /*----- 첨부파일 -----*/ .haesul-view-wp .top .etc .in-File { display: block; margin: 6px 0 0 0; vertical-align: middle; } .haesul-view-wp .top .etc .in-File .form-file {margin: 0 0 0 2px; vertical-align: middle;} .haesul-view-wp .top .etc .in-File .form-file .ficon {margin-right: 5px !important;} .haesul-view-wp .top .etc .in-File .form-preview {margin: 3px 0 0 0px; vertical-align: middle;} /*----- 버튼 set -----*/ .haesul-view-wp .top .etc .comm-cnt-Btns {position: absolute; margin: 0 !important; bottom: 0px; right: 0;} /*----- etc 신규(2019-01-16) -----*/ .haesul-view-wp .top .etc ul.info li.in { position: relative; margin: 0 0 8px 0; font-size: 15px; font-weight: normal; } .haesul-view-wp .top .etc ul.info li.in:last-child {margin-bottom: 0;} .haesul-view-wp .top .etc ul.info li.in .stit { display: inline-block; margin: 0 10px 0 0; font-size: 15px; color: #888; vertical-align: bottom; } .haesul-view-wp .top .etc ul.info li.in .date {color: #888;} /*----- 콘텐츠 레벨 -----*/ .comm-cnt-level-field { display: block; position: absolute; top: -12px; left: 280px; width: 198px; height: 33px; background-repeat: no-repeat; background-position: 0 0; } .comm-cnt-level-field.lev1 {background-image: url('/images/comm_cntLevel_01.png');} .comm-cnt-level-field.lev2 {background-image: url('/images/comm_cntLevel_02.png');} .comm-cnt-level-field.lev3 {background-image: url('/images/comm_cntLevel_03.png');} .comm-cnt-level-field.lev4 {background-image: url('/images/comm_cntLevel_04.png');} .comm-cnt-level-field.lev5 {background-image: url('/images/comm_cntLevel_05.png');} /*----- 예판 주제어 -----*/ .haesul-view-wp .top .yp-keyword { clear: both; position: relative; height: 30px; margin: 25px 0 -5px 0; font-size: 14px; line-height: 1.4em; vertical-align: middle; } .haesul-view-wp .top .yp-keyword .stit { display: inline-block; height: 22px; margin: 0 10px 0 0; padding: 0 8px 0 9px; font-size: 12px; color: #fff; line-height: 20px; text-align: center; border-radius: 4px; background: #444; } .haesul-view-wp .top .yp-keyword .ypKeyword-pop { display: inline-block; margin: 0 0 0 6px; line-height: 17px; text-align: center; vertical-align: middle; } .haesul-view-wp .top .yp-keyword .keyword-interest-alarm-pop { height: 22px; margin-left: 2px; padding: 0 10px; font-size: 11px; letter-spacing: -0.5px; line-height: 18px; border-radius: 4px; } /*----- Tag -----*/ .haesul-view-wp .top .tag {margin: 25px 0 0 0;} .haesul-view-wp .top .tag span, .haesul-view-wp .top .tag a.word { display: inline-block; position: relative; height: 26px; margin: 0 6px 6px 0; padding: 0 15px; font-size: 12px; color: #fff; line-height: 26px; text-align: center; text-decoration: none !important; border-radius: 40px; background: #91979e; } /*----- 내용 -----*/ .haesul-view-wp .cnt-field { position: relative; min-height: 300px; padding: 60px 15px 80px 15px; font-size: 100%; line-height: 1.7em; } .haesul-view-wp .cnt-field p { margin: 0 0 1.5em 0; font-size: 100%; text-align: left; line-height: 1.6em; vertical-align: middle; } .haesul-view-wp .cnt-field2 { position: relative; min-height: 300px; padding: 60px 15px 80px 15px; font-size: 100%; line-height: 1.7em; } .haesul-view-wp .cnt-field2 p { margin: 0 0 0 0; font-size: 100%; text-align: left; line-height: 1.6em; vertical-align: middle; } /* CK Editor 처리 */ .haesul-view-wp .cnt-field.ck-editor div { margin: 0 0 8px 0; font-size: 100%; text-align: left; line-height: 160%; vertical-align: middle; } /*----- 관련 실무해설 -----*/ .haesul-series-wp {clear: both; margin: 0 0 0 0;} .haesul-series-wp .tbl-wp td {font-size: 13px !important;} .haesul-series-wp .tbl-wp table.List td.subj {padding-top: 10px !important; padding-bottom: 10px !important;} .haesul-series-wp .tbl-wp td.date {font-size: 12px !important;} /*------ 하단 최신 실무해설 -----*/ .haesul-view-newList { clear: both; position: relative; width: 1200px; margin: 0 0 -30px 0; overflow: hidden; } .haesul-view-newList .mask {margin: 0 -25px 0 0; padding: 0 0 0 1px; overflow: hidden;} .haesul-view-newList .swiper-container.new-haesul-top .comm-cardList-wp {margin: 0 !important;} .haesul-view-newList .swiper-container.new-haesul-top .comm-cardList-wp li {width: 383px; margin: 0 !important;} .haesul-view-newList .swiper-container.new-haesul-top .comm-cardList-wp li a.link-block {width: 383px; margin: 0 !important;} .haesul-view-newList .swiper-container.new-haesul-top .comm-cardList-wp li .expert-corner {right: 18px !important;} .haesul-view-newList .btns { position: absolute; top: 30px; right: -10px; width: 95px; /* background: red; */ z-index: 1; } .haesul-view-newList .btns div { position: absolute; top: 0px; width: 35px; height: 28px; color: #000; border: 1px solid transparent; border-radius: 3px; background-color: #e5e5e5; background-size: auto 15px; transition: all 0.2s; } .haesul-view-newList .btns div:hover {background-color: #ff643c !important;} /******************************************************************************************************************************** * 신고실무 ********************************************************************************************************************************/ /*------ 신고특집 -----------------------------------------*/ .singo-special-wp {clear: both; position: relative;} /*------ 타이틀 ------*/ .singo-special-wp .sg-title-field { position: relative; padding: 15px 0 55px 0; text-align: center; } .singo-special-wp .sg-title-field .bubin { display: block; position: absolute; top: -20px; right: 150px; width: 132px; height: 98px; background: url('/images/singo_bubin.png') no-repeat 0 0; } .singo-special-wp .sg-title-field .tit { display: inline-block; position: relative; margin: 0 0 30px 0; padding: 0 120px; font-size: 100%; line-height: 150%; text-align: center; } .singo-special-wp .sg-title-field .tit.small {padding: 0 90px;} .singo-special-wp .sg-title-field .tit::before { content: "["; position: absolute; top: 25px; left: 0; font-size: 700%; color: #ff643c; } .singo-special-wp .sg-title-field .tit::after { content: "]"; position: absolute; top: 25px; right: 0; font-size: 700%; color: #ff643c; } .singo-special-wp .sg-title-field .tit strong { display: block; margin: 0 0 6px 0; font-size: 45px; letter-spacing: -1px; line-height: 150%; } .singo-special-wp .sg-title-field .tit u {color: #e54e27;} .singo-special-wp .sg-title-field .etc { display: inline-block; position: relative; padding: 0 0 0 55px; font-size: 12px; color: #666; line-height: 150%; text-align: left; } .singo-special-wp .sg-title-field .etc .box { display: inline-block; position: absolute; top: 3px; left: 0; height: 32px; padding: 0 10px; font-size: 120%; color: #fff; letter-spacing: 0; line-height: 30px; text-align: center; border-radius: 4px; background: #444; } .singo-special-wp .sg-title-field .etc.normal { margin-top: -50px; padding-left: 0; font-size: 13px; color: #777; } /*------ Flow ------*/ .singo-special-wp .sg-flow-field { clear: both; position: relative; margin: 0 -10px 55px -10px; overflow: hidden; } .singo-special-wp .sg-flow-field .row { float: left; width: 33.33333333333333%; padding: 0 10px; } .singo-special-wp .sg-flow-field .row .box {text-decoration: none !important;} .singo-special-wp .sg-flow-field .tit { display: block; position: relative; height: 80px; margin: 0 0 10px 0; padding: 0 25px 1px 25px; font-size: 125%; color: #fff; line-height: 1.3em; font-weight: bold; border-radius: 4px; background: #444 url('/images/singo_visual_boxBg2.png') repeat; transition: all 0.3s; overflow: hidden; z-index: 2; } .singo-special-wp .sg-flow-field .tit.color {background-color: #282864;} .singo-special-wp .sg-flow-field .tit .ribbon { display: block; position: absolute; top: 6px; right: -15px; width: 60px; height: 18px; padding: 3px 0 0 0; font-size: 10px; color: #fff; line-height: 100%; text-align: center; transform: rotate(45deg); background: #ff643c; box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.3); z-index: 3; } .singo-special-wp .sg-flow-field .line { display: block; position: relative; height: 130px; padding: 16px 15px 0 15px; border: 2px solid #e5e5e5; border-radius: 4px; transition: all 0.3s; } .singo-special-wp .sg-flow-field.jongbu .line {height: 100px;} .singo-special-wp .sg-flow-field .line:after { content: ""; display: block; position: absolute; top: -12px; left: 50%; width: 2px; height: 10px; margin: 0 0 0 -1px; background: #e5e5e5; } .singo-special-wp .sg-flow-field .line li { margin: 0 0 6px 0; padding: 0 0 0 10px; font-size: 14px; line-height: 1.4em; background: url('/images/ic_gray.gif') no-repeat 0 9px; } .singo-special-wp .sg-flow-field .line li:last-child {margin-bottom: 0;} .singo-special-wp .sg-flow-field .line li.stit { font-size: 15px; color: #cb0a0a; font-weight: bold; background: url('/images/ic_dot1_org.gif') no-repeat 0 10px; } .singo-special-wp .sg-flow-field .line li a:hover {color: red; text-decoration: underline;} /* hover */ .singo-special-wp .sg-flow-field .row:hover .tit {background-color: #ff643c !important;} .singo-special-wp .sg-flow-field .row:hover .tit .ribbon {background-color: #333;} .singo-special-wp .sg-flow-field .row:hover .line {border-color: #f5c8b9;} .singo-special-wp .sg-flow-field .row:hover .line:after {background-color: #f5c8b9;} /*------ 신고안내 ------*/ .singo-special-wp .flow-field { clear: both; position: relative; height: 81px; margin: 0 0 55px 0; background: #444 url('/images/flow_field_bg.png') no-repeat 0 0; overflow: hidden; } .singo-special-wp .flow-field ul {float: left;} .singo-special-wp .flow-field li { float: left; width: 240px; } .singo-special-wp .flow-field li a { display: block; height: 81px; padding: 0 20px 0 0; font-size: 110%; color: #444; line-height: 79px; font-weight: bold; text-decoration: none !important; text-align: center; } .singo-special-wp .flow-field li.white a {color: #fff;} /*------ News, 보도자료, 상담사례 ------*/ .singo-special-wp .board-field { clear: both; margin: 0 0 55px 0; overflow: hidden; } .singo-special-wp .board-field .row {float: left; width: 50%;} .singo-special-wp .board-field .row.r100 {float: left; width: 100%;} .singo-special-wp .board-field .row.lt .mTitle, .singo-special-wp .board-field .row.lt .tbl-list {margin-right: 25px;} .singo-special-wp .board-field .row.rt .mTitle, .singo-special-wp .board-field .row.rt .tbl-list {margin-left: 25px;} .singo-special-wp .board-field .row .tbl-list { border-top: 1px solid #777; border-bottom: 1px solid #ccc; } .singo-special-wp .board-field .row .tbl-list .list li { position: relative; height: 54px; border-bottom: 1px solid #e9e9e9; } .singo-special-wp .board-field .row .tbl-list .list li:last-child {border-bottom: none;} .singo-special-wp .board-field .row .tbl-list .list.small li {height: 47px;} .singo-special-wp .board-field .row .tbl-list .list li span.kind-ic { display: inline-block; position: absolute; top: 50%; left: 5px; width: 36px; height: 18px; margin: -8px 0 0 0; padding: 0; font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 17px; text-align: center; vertical-align: text-bottom; border-radius: 3px; background-color: #32818a; } .singo-special-wp .board-field .row .tbl-list .list li span.kind-ic.data {letter-spacing: 0; background-color: #666699;} .singo-special-wp .board-field .row .tbl-list .list li a.subj { display: inline-block; max-width: 420px; padding: 0 0 0 10px; font-size: 15px; line-height: 54px; text-decoration: none !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .singo-special-wp .board-field .row .tbl-list .list.small li a.subj {line-height: 47px;} .singo-special-wp .board-field .row .tbl-list .list li a.subj.long {max-width: 470px !important;} .singo-special-wp .board-field .row .tbl-list .list li a.subj.short {max-width: 350px !important;} .singo-special-wp .board-field .row .tbl-list .list li a.subj.short2 {max-width: 300px !important;} .singo-special-wp .board-field .row.news .tbl-list .list li a.subj.short {max-width: 350px !important;} .singo-special-wp .board-field .row .tbl-list .list li span.date { display: inline-block; position: absolute; top: 50%; right: 5px; height: 30px; margin: -15px 0 0 0; font-size: 13px; color: #888; line-height: 28px; } .singo-special-wp .board-field .row .tbl-list .list li span.name { display: inline-block; position: absolute; top: 50%; right: 80px; height: 30px; margin: -15px 0 0 0; font-size: 13px; color: #666; line-height: 28px; } .singo-special-wp .board-field .row .tbl-list .list li span.name.end {right: 5px;} .singo-special-wp .board-field .row .tbl-list .list li span.consult-Ic { display: inline-block; position: absolute; top: 50%; right: 5px; height: 24px; margin: -12px 0 0 0; padding: 0 8px; font-size: 13px; color: #fff; line-height: 22px; background-color: #bbb; } .singo-special-wp .board-field .row .tbl-list .list li span.consult-Ic.ing {background-color: #6c63b2;} /*----- news, 보도자료 경우 -----*/ .singo-special-wp .board-field .row.news .tbl-list .list li a.subj {max-width: 400px !important; padding-left: 50px;} /*----- 실무강좌 경우 -----*/ .singo-special-wp .board-field .row.media .tbl-list .list li a.subj {max-width: 500px !important;} /*------ 예규판례 ------*/ .singo-special-wp .yepan-circle-field { clear: both; margin: 0 0 50px 0; padding: 10px 0 0 0; text-align: center; overflow: hidden; } .singo-special-wp .yepan-circle-field .item { display: inline-block; position: relative; width: 180px; height: 180px; margin: 0 100px 0 0; padding: 35px 0 0 0; font-size: 100%; line-height: 1.6em; border: 3px solid #888; border-radius: 100%; background: url('/images/yepan_circle_bg.gif') repeat; transition: all 0.3s; z-index: 2 !important; } .singo-special-wp .yepan-circle-field .item.small {margin-right: 80px;} .singo-special-wp .yepan-circle-field .item::before { content: ""; display: block; position: absolute; top: 50%; left: -107px; width: 103px; height: 1px; background: #eee; z-index: 0; } .singo-special-wp .yepan-circle-field .item.small::before {left: -87px; width: 83px;} .singo-special-wp .yepan-circle-field .item:last-child {margin-right: 0;} .singo-special-wp .yepan-circle-field .item:first-child::before {display: none;} .singo-special-wp .yepan-circle-field .item strong { display: block; margin: 10px 0 0 0; font-size: 130%; color: line-height: 1.6em; } .singo-special-wp .yepan-circle-field .item strong .small-txt { display: block; margin: 2px 0 0 0; font-size: 12px; line-height: 1.2em; } .singo-special-wp .yepan-circle-field .item a { display: block; position: absolute; bottom: 30px; left: 50%; width: 80px; height: 22px; margin: 0 0 0 -40px; padding: 0; font-size: 12px !important; color: #fff; letter-spacing: -1px; line-height: 20px; text-align: center; text-decoration: none; border-radius: 3px; } .singo-special-wp .yepan-circle-field .item a:hover {animation: yepan-btn 0.3s both;} @keyframes yepan-btn { from { transform: translate(0, 3px); } to { transform: translate(0, 0); } } .singo-special-wp .yepan-circle-field .item:hover {border-color: #ff643c; transition: all 0.3s;} /* 법인세 */ .singo-special-wp .yepan-circle-field ul.bubin {float: left; width: 100%; padding: 0 50px;} .singo-special-wp .yepan-circle-field .bubin li {float: left; position: relative; margin: 0 0 25px 0;} .singo-special-wp .yepan-circle-field .bubin li::before { content: ""; display: block; position: absolute; top: 50%; right: -50px; width: 100px; height: 1px; background: #eee; z-index: 1; } .singo-special-wp .yepan-circle-field .bubin li.hide::before {display: none;} .singo-special-wp .yepan-circle-field .bubin li a { display: block; position: relative; width: 160px; height: 160px; margin: 0 auto; padding: 0 0 8px 0; font-size: 100%; color: #333; line-height: 140%; text-decoration: none; text-align: center; border: 1px solid #999; border-radius: 100%; background: url('/images/yepan_circle_bg.gif') repeat; overflow: hidden; z-index: 2; } .singo-special-wp .yepan-circle-field .bubin li a .num { display: block; position: absolute; top: 50%; left: 0; right: 0; height: 26px; margin: -80px 0 0 0; font-size: 100%; color: #fff; line-height: 26px; font-weight: bold; background-color: #777; transition: all 0.2s; } .singo-special-wp .yepan-circle-field .bubin li a .txt-valign {font-size: 105%; font-weight: bold; text-shadow: 0 3px 3px rgba(255,255,255, 1);} .singo-special-wp .yepan-circle-field .bubin li a .btn { display: block; position: absolute; bottom: 18px; left: 50%; width: 44px; height: 18px; margin: 0 0 0 -22px; padding: 0; font-size: 11px !important; color: #fff; letter-spacing: 0; line-height: 15px; font-weight: normal; text-align: center; border-radius: 3px; background-color: #f66039; transition: all 0.2s; } .singo-special-wp .yepan-circle-field .bubin li a:hover {bottom: -2px; border-width: 2px; border-color: #ff643c; box-shadow: 4px 4px 2px 0 rgba(0,0,0, 0.15);} .singo-special-wp .yepan-circle-field .bubin li a:hover .num {background-color: #ff643c;} .singo-special-wp .yepan-circle-field .bubin li a:hover .btn {background-color: #333;} /*------ 관련서식 ------*/ .singo-special-wp .form-field { clear: both; position: relative; min-height: 100px; margin: 0 0 55px 0; padding: 0 0 0 140px; overflow: hidden; } .singo-special-wp .form-field.year {padding-left: 170px;} .singo-special-wp .form-field .title-box { position: absolute; top: 0; left: 0; width: 140px; height: 100px; padding: 20px 0 0 0; font-size: 140%; color: #444; text-align: center; vertical-align: top; font-weight: bold; border: 1px solid #ccc; border-radius: 3px; background: url('/images/pattern3(gray).png') repeat; } .singo-special-wp .form-field .title-box a { display: block; position: absolute; bottom: 22px; left: 50%; width: 80px; height: 22px; margin: 0 0 0 -40px; padding: 3px 0 0 0; font-size: 12px; color: #fff; letter-spacing: -0.8px; line-height: 100%; text-align: center; text-decoration: none; font-weight: normal; border-radius: 3px; } .singo-special-wp .form-field .info-txt { display: block; position: absolute; top: 115px; left: 5px; width: 130px; padding: 0 0 0 14px; font-size: 12px; color: #999; line-height: 140%; text-indent: -14px; } .singo-special-wp .form-field .list {float: left; width: 100%;} .singo-special-wp .form-field .list li { float: left; position: relative; width: 50%; height: 32px; margin: 0 0 0 0; padding: 0 0 0 30px; transition: all 0.3s; } .singo-special-wp .form-field .list li.mrg-lt0 {margin-right: 0;} .singo-special-wp .form-field .list li .subj { display: inline-block; max-width: 420px; height: 32px; padding: 0 0 0 10px; font-size: 100%; line-height: 28px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; background: url('/images/ic_gray.gif') no-repeat 0 13px; transition: all 0.3s; overflow: hidden; } .singo-special-wp .form-field .list li:hover .subj {font-weight: bold;} .singo-special-wp .form-field .list li .form-file { position: absolute; top: 50%; right: 5px; margin: -17px 0 0 0; } /*--- 연말정산용 ---*/ .form-field.year .yearForm-List-wp .tab { float: left; width: 100%; margin: 0 0 10px 0; overflow: hidden; } .form-field.year .yearForm-List-wp .tab li { float: left; position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #777; border-right: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; } .form-field.year .yearForm-List-wp .tab li:first-child {border-left: 1px solid #b9d7da;} .form-field.year .yearForm-List-wp .tab li.active { border: 1px solid #777; border-bottom: 1px solid #fff; } .form-field.year .yearForm-List-wp .tab li.active:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: -7px; width: 6px; background: url('/images/tab_shadow.png') no-repeat 0 0; background-size: 100% 100%; z-index: 2; } .form-field.year .yearForm-List-wp .tab li.active:last-child::after {display: none;} .form-field.year .yearForm-List-wp .tab li a { display: block; height: 34px; font-size: 14px; color: #999; line-height: 33px; text-align: center; vertical-align: middle; text-decoration: none; background: #fafafa; cursor: pointer; } .form-field.year .yearForm-List-wp .tab li.active a { font-size: 15px; color: #333; line-height: 35px; font-weight: bold; background: #fff; } .form-field.year .yearForm-List-wp .form-list table {width: 100%; table-layout: fixed;} .form-field.year .yearForm-List-wp .form-list td { padding: 0 0 2px 0; font-size: 14px; line-height: 100%; text-align: left; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .form-field.year .yearForm-List-wp .form-list tr:last-child td {border-color: #ccc;} .form-field.year .yearForm-List-wp .form-list td.law {padding-left: 10px; font-size: 13px; color: #666;} .form-field.year .yearForm-List-wp .form-list td a { display: block; position: relative; padding: 11px 20px 13px 30px; max-width: 100%; text-decoration: none !important; white-space: nowrap; text-overflow: ellipsis; background: url('/images/file_hwp.png') no-repeat 0 11px; background-size: 20px 20px; overflow: hidden; } .form-field.year .yearForm-List-wp .form-list td a::before { content: "\f019"; position: absolute; top: 50%; right: 10px; margin: -5px 0 0 0; font-family:'FontAwesome'; font-size: 11px; color: #e7e7e7; transition: all 0.3s; } .form-field.year .yearForm-List-wp .form-list td a:hover::before {color: #ff643c;} /*------ 이자율 ------*/ .singo-special-wp .rate-field { clear: both; margin: 0 0 55px 0; padding: 10px 0 0 0; } .singo-special-wp .rate-field .box { position: relative; height: 68px; padding: 20px 0 0 25px; font-size: 140%; color: #444; letter-spacing: -0.5px; vertical-align: top; font-weight: bold; border-color: #cfcfcf !important; } .singo-special-wp .rate-field .box .number { position: absolute; top: 50%; right: 210px; margin: -17px 0 0 0; font-size: 130%; letter-spacing: 1px; line-height: 100%; } .singo-special-wp .rate-field .box .number span.num { display: inline-block; position: relative; height: 34px; margin: 0 3px 0 0; padding: 1px 8px 5px 9px; color: #fff; text-align: center; font-weight: bold; border-radius: 3px; background: #054d5a; } .singo-special-wp .rate-field .box .number span.num:last-child {margin-right: 0; padding-left: 5px; padding-right: 4px;} .singo-special-wp .rate-field .box .number span.num:before { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; width: 100%; height: 1px; background: rgba(255,255,255, 0.18); } .singo-special-wp .rate-field .box .download { display: inline-block; position: absolute; top: 50%; right: 20px; height: 34px; margin: -17px 0 0 0; padding: 0 15px; font-size: 13px; line-height: 32px; font-weight: normal; text-align: center; border-radius: 3px; } /*------ 테이블(저옵) ------*/ .singo-special-wp .info-tbl-field { clear: both; margin: 0 0 55px 0; padding: 20px 25px 20px 25px; border-color: #cfcfcf !important; } .singo-special-wp .info-tbl-field table {width: 100%; table-layout: fixed; border-bottom: 1px solid #d9d9d9;} .singo-special-wp .info-tbl-field tr:last-child td {border-bottom: none;} .singo-special-wp .info-tbl-field th { height: 34px; padding: 0 0 0px 0; font-size: 13px; color: rgba(255,255,255, 0.8); line-height: 100%; text-align: center; vertical-align: middle; border-right: 1px solid rgba(255,255,255, 0.5); background: #666; } .singo-special-wp .info-tbl-field th:last-child {border-right: none;} .singo-special-wp .info-tbl-field tr:last-child th {border-bottom: none;} .singo-special-wp .info-tbl-field th.f11 { height: 23px; padding: 0 0 0px 0; font-size: 11px; border-bottom: 1px solid rgba(255,255,255, 0.4); background: #74747a; } .singo-special-wp .info-tbl-field th.bg {color: #fff; background: #436e79;} .singo-special-wp .info-tbl-field th.bottomLine {border-bottom: 1px solid rgba(255,255,255, 0.5);} .singo-special-wp .info-tbl-field td { height: 32px; padding: 0 0 0px 0; font-size: 14px; line-height: 140%; text-align: center; vertical-align: middle; border-bottom: 1px dotted #ccc; border-right: 1px solid #dfdfdf; background: #fff; } .singo-special-wp .info-tbl-field td:last-child {border-right: none;} .singo-special-wp .info-tbl-field td.kind {background: #fbf1ee;} .singo-special-wp .info-tbl-field td.Left {padding-left: 18px; padding-right: 18px; text-align: left;} .singo-special-wp .info-tbl-field th.ltLine, .singo-special-wp .info-tbl-field td.ltLine {border-left: 2px solid #1c747e;} .singo-special-wp .info-tbl-field th.rtLine, .singo-special-wp .info-tbl-field td.rtLine {border-right: 2px solid #1c747e;} .singo-special-wp .info-tbl-field th.tpLine {border-top: 2px solid #1c747e;} .singo-special-wp .info-tbl-field td.btLine {border-bottom: 2px solid #1c747e !important;} /*------ 기준환율 ------*/ .singo-special-wp .bubin-rate-field { clear: both; position: relative; margin: 0 0 55px 0; padding: 10px 0 0 0; overflow: hidden; } .singo-special-wp .bubin-rate-field .exchange { position: relative; width: 575px; padding: 15px 20px 15px 20px; border: 1px solid #ddd; background: #f5f5f5; } .singo-special-wp .bubin-rate-field .exchange .box { height: 110px; padding: 10px 0 0 140px; background: #fff url('/images/singoNew_1_exchangeBg.png') no-repeat 26px 18px; } .singo-special-wp .bubin-rate-field .exchange .list li { width: 100%; height: 22px; padding: 0 0 0 24px; line-height: 150%; background: url('/images/exchange_img.png') no-repeat; } .singo-special-wp .bubin-rate-field .exchange .list li.usd {background-position: 0 7px;} .singo-special-wp .bubin-rate-field .exchange .list li.cny {background-position: 0 -14px;} .singo-special-wp .bubin-rate-field .exchange .list li.jpy {background-position: 0 -38px;} .singo-special-wp .bubin-rate-field .exchange .list li.eur {background-position: 0 -61px;} .singo-special-wp .bubin-rate-field .exchange .list li.aud {background-position: 0 -85px;} .singo-special-wp .bubin-rate-field .exchange .list li.hkd {background-position: 0 -108px;} .singo-special-wp .bubin-rate-field .exchange .list li p { display: inline-block; font-size: 14px; line-height: 120%; vertical-align: text-bottom; } .singo-special-wp .bubin-rate-field .exchange .list li p.contry {width: 100px;} .singo-special-wp .bubin-rate-field .exchange .list li p.pay {width: 140px; font-size: 14px; color: #888;} .singo-special-wp .bubin-rate-field .exchange .list li p.money {width: 80px; font: 14px 'verdana'; font-weight: bold;} .singo-special-wp .bubin-rate-field .exchange .list .blue {color: #005de4;} .singo-special-wp .bubin-rate-field .exchange .list .red {color: #e00400;} .singo-special-wp .bubin-rate-field .exchTxt { position: absolute; top: 10px; right: 0; width: 575px; height: 187px; padding: 20px 20px 0 20px; border: 1px solid #dfdfdf; } .singo-special-wp .bubin-rate-field .exchTxt .tit { position: relative; margin: 0 0 15px 0; font-size: 17px; text-align: center; } .singo-special-wp .bubin-rate-field .exchTxt .tit strong { display: block; margin: 0 auto 8px auto; font-size: 25px; } .singo-special-wp .bubin-rate-field .exchTxt .tit .number { margin: 12px 0 0 0; font-size: 220%; letter-spacing: 1px; line-height: 100%; } .singo-special-wp .bubin-rate-field .exchTxt .tit .number span.num { display: inline-block; position: relative; margin: 0 3px 0 0; padding: 2px 8px 5px 9px; color: #fff; text-align: center; font-weight: bold; border-radius: 2px; background: #054d5a; } .singo-special-wp .bubin-rate-field .exchTxt .tit .number span.num:last-child {margin-right: 0; padding-left: 5px; padding-right: 4px;} .singo-special-wp .bubin-rate-field .exchTxt .tit .number span.num:before { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; width: 100%; height: 1px; background: rgba(255,255,255, 0.15); } .singo-special-wp .bubin-rate-field .exchTxt .etc {font-size: 12px; color: #777; line-height: 130%;} /*------ 관련자료 Link ------*/ .singo-special-wp .etc-data-field { clear: both; overflow: hidden; padding: 25px 0 0 0; border-top: 1px solid #cfcfcf; overflow: hidden; } .singo-special-wp .etc-data-field .row { float: left; position: relative; width: 50%; } .singo-special-wp .etc-data-field .link-wrap {text-decoration: none;} .singo-special-wp .etc-data-field .link-wrap .photo { float: left; display: inline-block; width: auto; height: 130px; margin: 0 25px 0 0; } .singo-special-wp .etc-data-field .link-wrap .photo.book {margin: 0 34px 0 28px;} .singo-special-wp .etc-data-field .media {padding-right: 15px;} .singo-special-wp .etc-data-field .media .link-wrap .photo {width: 230px; margin: 0 25px 0 0;} .singo-special-wp .etc-data-field .link-wrap .info {display: block; padding: 0 10px 0 0;} .singo-special-wp .etc-data-field .link-wrap .info p.tit { margin: 5px 0 8px 0; font-size: 100%; color: #eb5731; font-weight: bold; } .singo-special-wp .etc-data-field .link-wrap .info p.subj { margin: 0 0 8px 0; font-size: 110%; line-height: 1.25em; font-weight: bold; transition: all 0.3s; } .singo-special-wp .etc-data-field .link-wrap:hover .info p.subj {color: #ff5529 !important; text-decoration: underline;} .singo-special-wp .etc-data-field .link-wrap .info p.stit { margin: 0 0 10px 0; font-size: 12px; color: #999; line-height: 135%; } .singo-special-wp .etc-data-field .link-wrap .info p.txt { font-size: 13px; color: #777; } .singo-special-wp .etc-data-field .link-wrap .info p.txt span.tab { position: relative; display: inline-block; margin: 0 8px 0 0; padding: 2px 4px 4px 4px; font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 100%; border-radius: 3px; background: rgba(224,85,58, 0.9); } .singo-special-wp .etc-data-field .link-wrap .info p.txt span.tab:after { content: ""; position: absolute; top: 50%; right: -7px; width: 0px; height: 0px; margin: -4px 0 0 0; border: 4px solid; border-color: transparent transparent transparent rgba(224,85,58, 0.9); } .singo-special-wp .etc-data-field .row .view { position: absolute; top: 0px; right: 5px; padding: 1px 5px 3px 5px; font-size: 12px; color: #e05555; letter-spacing: -1px; text-decoration: none; border: 1px solid rgba(224,85,58, 0.6); border-radius: 3px; z-index: 10; } .singo-special-wp .etc-data-field .row .view:hover {color: #fff !important; background: #e05555;} .singo-special-wp .etc-data-field .book-field { margin: 25px 0 0 0; padding: 25px 0 0 0; border-top: 1px dotted #d3d3d3; } /*----- 원클릭이슈(개정세법) ---------------*/ /* top header */ .lawIng-header-wp { clear: both; position: relative; height: 290px; margin: 0 0 55px 0; padding: 30px 0 0 45px; border: 4px solid #555; border-top: none; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background: url('/images/issue_law_visual.png') no-repeat 550px 0; } .lawIng-header-wp span.txt {display: block; position: relative; font-size: 100%; line-height: 140%;} .lawIng-header-wp span.txt.t1 {margin: 0 0 15px 0; font-size: 310%; letter-spacing: -2px; font-weight: bold;} .lawIng-header-wp span.txt.t2 {margin: 0 0 -6px 0; font-size: 160%; color: #23a0d8; letter-spacing: -1px; font-weight: bold;} .lawIng-header-wp span.txt.t3 {margin: 0 0 15px 0; font-size: 125%; color: #e54e27; letter-spacing: -0.5px;} .lawIng-header-wp span.txt.t4 {color: #777;} .lawIng-header-wp span.txt .talk-bubble { position: absolute; top: -40px; left: 375px; width: 70px; height: 70px; padding: 20px 0 0 0; font-size: 11px; color: #fff; letter-spacing: -1px; line-height: 130%; font-weight: normal; text-align: center; border-radius: 100%; background-color: #ff643c; } .lawIng-header-wp span.txt .talk-bubble:before { content: ""; position: absolute; top: 55px; right: 80%; width: 0; height: 0; border-top: 6px solid transparent; border-right: 16px solid #ff643c; border-bottom: 6px solid transparent; transform: rotate(-35deg); } .lawIng-header-wp span.txt .talk-bubble.End {left: 310px !important;} .lawIng-header-wp .update {position: absolute; top: 50px; right: 45px; width: 310px;} .lawIng-header-wp .update .stit { display: block; position: relative; width: 120px; height: 24px; margin: 0 0 15px 0; padding: 0 0 0 12px; font-size: 14px; color: #fff; line-height: 22px; font-weight: bold; background-color: #f47d31; } .lawIng-header-wp .update .stit:after { content: ""; position: absolute; top: 0; right: -24px; width: 0px; height: 0px; margin: 0px 0 0 0; border: 12px solid; border-color: transparent transparent transparent #f47d31; } .lawIng-header-wp .update li { margin: 0 0 4px 0; padding: 0 0 0 10px; font-size: 14px; line-height: 140%; background: url('/images/ic_gray2.gif') no-repeat 0 9px; } .lawIng-header-wp .update li a { display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 세법개정안 board reset */ .singo-special-wp .board-field .row.lawIng .tbl-list { padding: 3px 15px 1px 15px; border: 1px solid #d9d9d9; background-color: #fafafa; } .singo-special-wp .board-field .row.lawIng .tbl-list .list li a.subj { max-width: 700px !important; padding: 0 0 0 28px; background: url('/images/newLaw_ic3.png') no-repeat 10px 50%; } .singo-special-wp .board-field .row.lawIng .tbl-list .list li span.date {right: 15px;} .singo-special-wp .board-field .row.lawIng .tbl-list .list li span.name {display: inline-block; right: 120px !important; width: 100px; text-align: center;} .singo-special-wp .board-field .row.lawIng .tbl-list .list li .form-file {position: absolute; top: 50%; right: 265px; margin: -20px 0 0 0;} /* 개정세법 board reset */ .singo-special-wp .board-field .row.lawGaejung .tbl-list {float: left; width: 100%; padding-left: 5px;} .singo-special-wp .board-field .row.lawGaejung .tbl-list .list li { float: left; width: 585px; margin: 0 20px 0 0; } .singo-special-wp .board-field .row.lawGaejung .tbl-list .list li:nth-child(2n) {margin-right: 0 !important;} .singo-special-wp .board-field .row.lawGaejung .tbl-list .list li:nth-child(13) {border-bottom: none !important;} .singo-special-wp .board-field .row.lawGaejung .tbl-list .list li a.subj { padding: 0 0 0 28px; background: url('/images/newLaw_ic4.png') no-repeat 10px 50%; } .singo-special-wp .board-field .row.lawGaejung .tbl-list .list li a span.num-ho {font-size: 13px !important; color: #888;} /*----- 연말정산 신고특집 -----------------------------------------*/ /* reset */ .singo-special-wp .board-field.dan3 { margin-left: -20px; margin-right: -20px; } .singo-special-wp .board-field.dan3 .row {width: 33.33333333333333% !important; padding-left: 20px; padding-right: 20px;} .singo-special-wp .board-field .row .tbl-list .list.check li { padding-left: 14px; background: url('/images/board_ic.gif') no-repeat 5px 50%; } .singo-special-wp .form-download-icon { display: inline-block; height: 18px; margin: 0 0 0 12px; padding: 0 4px; font-size: 12px; color: #fff; letter-spacing: -0.5px; line-height: 16px; text-align: center; vertical-align: middle; border-radius: 2px; background-color: #5f56ab; } /* eBook Viewer */ .singo-year-ebook { clear: both; position: relative; margin: 5px 0 55px 0; padding: 15px 25px 7px 25px; border: 1px solid #e5e5e5; background-color: #f5f5f5; overflow: hidden; } .singo-year-ebook .ebtn { display: block; position: relative; width: 565px; height: 50px; margin: 0 0 8px 0; padding: 16px 0 0 0; font-size: 16px; color: #555; line-height: 0; font-weight: bold; text-align: center; text-decoration: none !important; border-radius: 6px; border: 1px solid #d0d0d0; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); transition: all 0.3s; } .singo-year-ebook .ebtn:hover {bottom: -2px; color: #bf3434 !important; border-color: #e47587; box-shadow: 0 3px 1px 0 rgba(0,0,0, 0.1);} .singo-year-ebook .ebtn.lt {float: left;} .singo-year-ebook .ebtn.rt {float: right;} .singo-year-ebook .ebtn .ic { display: inline-block; height: 18px; margin: 0 0 1px 12px; padding: 0 8px; font-size: 9px; color: #fff; line-height: 17px; font-weight: normal; vertical-align: middle; border-radius: 3px; background-color: #c3485c; } .singo-year-ebook .ebtn.one {width: 100%; height: 45px; padding: 13px 0 0 20px; line-height: 100% !important; text-align: left;} .singo-year-ebook .ebtn.one .ic {position: absolute; top: 50%; right: 20px; margin: -9px 0 0 0;} .singo-year-ebook .ebtn.txt {padding-top: 0; line-height: 48px;} /* 과정별 */ .singo-special-wp .year-process-field { float: left; position: relative; width: 100%; min-height: 40px; margin: 0 0 55px 0; } .singo-special-wp .year-process-field::before { content: ""; position: absolute; top: 0px; left: 0; right: 0; height: 25px; border-radius: 6px; background-color: #f47d31; z-index: 1; } .singo-special-wp .year-process-field li { float: left; position: relative; width: 20%; text-align: center; z-index: 2; } .singo-special-wp .year-process-field li a.mapPin { display: inline-block; padding: 0 10px; font-size: 100%; line-height: 130%; text-decoration: none !important; } .singo-special-wp .year-process-field li span.subj {display: block; margin: 0 auto; padding: 18px 0 0 0;} .singo-special-wp .year-process-field li.active span.subj {font-size: 105%; color: #111; font-weight: bold;} .singo-special-wp .year-process-field li .circle { display: block; width: 50px; height: 50px; margin: -13px auto 0 auto; padding: 5px 0 0 0; text-align: center; border-radius: 100%; background-color: #fff; } .singo-special-wp .year-process-field li .circle i { display: inline-block; position: relative; top: 0; font-size: 380%; color: #e94e1b; transition: top 0.2s; } .singo-special-wp .year-process-field li.active .circle i {color: #00a0d4;} .singo-special-wp .year-process-field li:hover .circle i {top: 2px; color: #d43400;} /* 관련 동영상 */ .etc-media-field { clear: both; overflow: hidden; margin: 0 -25px 50px 0; padding: 0px 0 5px 0; overflow: hidden; } .etc-media-field ul {float: left; width: 100%;} .etc-media-field li { float: left; position: relative; margin: 0 0 0 0; padding: 0 25px 0 0; transition: all 0.3s; } .etc-media-field li .box { display: block; position: relative; text-decoration: none !important; border: 1px solid #d2d2d2; overflow: hidden; } .etc-media-field li .contents {z-index: 1;} .etc-media-field li .contents .photo { display: block; position: relative; height: 140px; margin: 0 auto; text-align: center; align-items: center; -webkit-align-items: center; background: #fff url('/images/no_image.png') no-repeat center center; transition: all 0.3s; overflow: hidden; } .etc-media-field li .contents .photo::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.1); transition: all 0.3s; z-index: 2; } .etc-media-field li .contents .photo::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; background: url('/images/media_playBtn.png') no-repeat 0 0; background-size: 60px auto; transition: all 0.3s; z-index: 3; } .etc-media-field li .contents .photo img { display: block; width: auto; height: 140px; margin: 0 auto; transition: all 0.3s; } .etc-media-field li .contents .subj { display: block; display: -webkit-box; position: relative; height: 56px; margin: 0 0 4px 0; padding: 14px 15px 0 15px; font-size: 105%; letter-spacing: -0.2px; line-height: 130%; font-weight: normal; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .etc-media-field li .contents .name { display: block; padding: 2px 0 14px 15px; font-size: 13px; color: #777; line-height: 130%; } .etc-media-field li .contents .name .icon { display: inline-block; height: 16px; margin: 0 0 0 3px; padding: 0 4px; font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 14px; text-align: center; vertical-align: middle; border-radius: 3px; background-color: #e05555; } .etc-media-field li .contents .name i { margin: 0 5px 1px 0; font-size: 16px; color: red; vertical-align: text-bottom; } /* box hover */ .etc-media-field li:hover .contents .photo::before {opacity: 0;} .etc-media-field li:hover .contents .photo::after {transform: scale(1.05);} .etc-media-field li:hover .contents .photo img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .etc-media-field li:hover .box { border-color: #111; box-shadow: 4px 4px 1px 0 rgba(0,0,0, 0.15); } /*----- 종합부동산세 신고 -----------------------------------------*/ .singo-special-wp .jongbu-haesul-wp {margin-bottom: 40px; overflow: hidden;} .singo-special-wp .jongbu-haesul-wp .haesul-silder {margin: 0 -20px 0 0;} .sg-title-field .jongbu-info { position: relative; width: 73%; margin: 15px auto -10px auto; font-size: 14px; line-height: 150%; text-align: left; } .sg-title-field .jongbu-info .subj {display: block; margin: 1px 0 8px 0; font-size: 20px; font-weight: 500; vertical-align: text-bottom;} .sg-title-field .jongbu-info .tbl {margin: 15px auto 0 auto; border-bottom: 1px solid #d9d9d9;} .sg-title-field .jongbu-info .tbl tr:last-child td {border-bottom: none;} .sg-title-field .jongbu-info .tbl table {width: 100%; table-layout: fixed;} .sg-title-field .jongbu-info .tbl th { height: 32px; padding: 0 0 0px 0; font-size: 13px; color: rgba(255,255,255, 0.8); line-height: 32px; text-align: center; vertical-align: middle; border-right: 1px solid rgba(255,255,255, 0.5); background: #666; } .sg-title-field .jongbu-info .tbl th:last-child {border-right: none;} .sg-title-field .jongbu-info .tbl td { height: 32px; padding: 0 0 0px 0; font-size: 14px; line-height: 140%; text-align: center; vertical-align: middle; border-bottom: 1px dotted #ccc; border-right: 1px solid #dfdfdf; background: #fff; } .sg-title-field .jongbu-info .tbl td:last-child {border-right: none;} .sg-title-field .sup-ntxt {display: block; margin: 8px 0 0 40px; font-size: 11px; color: #00a8e7; line-height: 140%; vertical-align: top;} .sg-title-field .jongbu-info .btn-type {position: absolute; top: -15px; right: -10px; border-radius: 4px;} /*------ 신고실무 -----------------------------------------*/ .list-summary {margin: -5px 0 40px 0; font-size: 100%; line-height: 160%;} .list-summary i {margin: 0 5px 2px 0; font-size: 90%; color: #ff5529; vertical-align: middle;} .singo-cnt-wp { clear: both; position: relative; width: 100%; margin: 0 auto; overflow: hidden; } .singo-cnt-wp.top-pdd {padding-top: 10px;} .singo-cnt-wp .mTitle2.singo { height: 58px; padding: 0 0 0 25px !important; font-size: 140%; line-height: 52px; border: 1px solid #ddd; border-bottom-color: #ccc; border-radius: 4px; background: #f5f5f6; } .singo-cnt-wp .mTitle2.singo::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid rgba(255,255,255, 0.8); border-radius: 4px; } .singo-cnt-wp .mTitle2.singo::after { content: ""; position: absolute; top: 50%; right: 25px; width: 16px; height: 8px; margin: -3px 0 0 0; background: url('/images/ic_arrow3.png') no-repeat 0 0; } .singo-cnt-wp .mTitle2.singo a.more { position: relative; display: inline-block; margin: 0 0 0 18px; font-size: 13px; color: #ff643c; font-weight: normal; text-decoration: none !important; z-index: 10; } .singo-cnt-wp .mTitle2.singo a.more::before { content: "..."; display: inline-block; position: absolute; bottom: -3px; left: -18px; font-size: 12px; color: rgba(0,0,0, 0.5); letter-spacing: 2px; z-index: 10; } .singo-cnt-wp ul.ju-list {margin: 0 25px 50px 25px;} .singo-cnt-wp ul.ju-list:last-child {margin-bottom: 0;} .singo-cnt-wp .ju-list li { clear: both; position: relative; margin: 0 0 12px 0; background: ; } .singo-cnt-wp .ju-list li:last-child {margin-bottom: 0;} .singo-cnt-wp .ju-list li a, .singo-cnt-wp .ju-list li .stit { clear: both; display: block; font-size: 100%; line-height: 1.6em; text-decoration: none; background: url('/images/singo_subjBg.png') no-repeat right 10px; } .singo-cnt-wp .ju-list li a::before, .singo-cnt-wp .ju-list li .stit::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 4px 4px 0; vertical-align: middle; border-radius: 100%; background: #f49e1c; } .singo-cnt-wp .ju-list li:hover a::before, .singo-cnt-wp .ju-list li:hover .stit::before {background: #ff3710;} .singo-cnt-wp .ju-list li:hover a, .singo-cnt-wp .ju-list li:hover .stit {background-image: url('/images/singo_subjBg_hover.png');} .singo-cnt-wp .ju-list li span.subj { /* display: inline-block */ max-width: 890px; padding: 0 20px 0 0; /* vertical-align: middle; */ white-space: nowrap; text-overflow: ellipsis; background: #fff; overflow: hidden; } .singo-cnt-wp .ju-list li span.name { display: inline-block; position: absolute; top: 0; right: 130px; padding: 0 10px; font-size: 14px; color: #666; text-align: center; background: #fff; } .singo-cnt-wp .ju-list li span.name.End {right: 25px;} .singo-cnt-wp .ju-list li span.date { display: inline-block; position: absolute; top: 0; right: 25px; padding: 0 6px; font-size: 14px; color: #aaa; text-align: center; background: #fff; } .singo-cnt-wp .ju-list li:hover span.date {color: #666;} .singo-cnt-wp .ju-list li.sub-stit {margin: 28px 0 15px 0; font-size: 17px; font-weight: bold;} .singo-cnt-wp .ju-list li.inner {margin-left: 22px; margin-bottom: 10px;} /* file */ .singo-cnt-wp .ju-list li.None a::before, .singo-cnt-wp .ju-list li.None .stit::before {display: none !important;} .singo-cnt-wp .ju-list li.None {padding: 0 0 0 28px;} .singo-cnt-wp .ju-list li.None .ssub {margin-left: 0;} .singo-cnt-wp .ju-list li.hwp { background: url('/images/file_hwp.png') no-repeat 0 5px; background-size: 17px auto; } .singo-cnt-wp .ju-list li.xls { background: url('/images/file_xls.png') no-repeat 0 5px; background-size: 17px auto; } .singo-cnt-wp .ju-list li.pdf { background: url('/images/file_pdf.png') no-repeat 0 5px; background-size: 17px auto; } .singo-cnt-wp .ju-list li.zip { background: url('/images/file_zip.png') no-repeat 0 5px; background-size: 17px auto; } .singo-cnt-wp .ju-list li .ssub { display: block; margin: 3px 0 12px 20px; font-size: 14px; color: #666; } .singo-cnt-wp .ju-list li .ssub a {color: #666; line-height: 185%; background: none !important;} .singo-cnt-wp .ju-list li .ssub a:hover {text-decoration: underline;} .singo-cnt-wp .ju-list li .ssub a::before {display: none;} .singo-cnt-wp .ju-list li .kind-Icon.square {width: 28px !important; height: 18px !important; font-size: 10px !important; letter-spacing: -0.5px; line-height: 18px !important;} /* box type */ .singo-cnt-wp .ju-box-wp { clear: both; margin: 0 5px 55px 5px; padding: 20px 25px 22px 25px; font-size: 13px; line-height: 1.4em; border: 1px solid #e3e3e3; background: #f8f8f8; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } .singo-cnt-wp .ju-box-wp.bottomNone {margin-bottom: 25px;} .singo-cnt-wp .ju-box-wp span.subj {display: block; font-size: 105%; line-height: 160%; font-weight: bold;} .singo-cnt-wp .ju-box-wp .box { display: block; margin: 12px 0 12px 0; padding: 11px 0 13px 0; font-size: 15px; color: #cb0a0a; font-weight: bold; text-align: center; border: 1px solid #dadada; border-radius: 4px; background: #fff; } .singo-cnt-wp .ju-box-wp li { position: relative; margin: 0 0 5px 0; padding: 0 0 0 15px; font-size: 13px; line-height: 140%; vertical-align: top; } .singo-cnt-wp .ju-box-wp li:last-child {margin-bottom: 0;} .singo-cnt-wp .ju-box-wp span.num {position: absolute; top: 0; left: 0;} .singo-cnt-wp .ju-box-wp ul.None li {padding: 0 !important;} /******************************************************************************************************************************** * 조견표 ********************************************************************************************************************************/ .comm-pTabmenu.taxtable-tab {padding-left: 105px !important;} .comm-pTabmenu.taxtable-tab .selt-1 { position: absolute; top: 4px; left: 0; width: 90px; height: 50px; font-size: 100%; color: #fff; letter-spacing: -1px !important; vertical-align: middle; text-shadow: 0 1px 0 rgba(0,0,0, 0.05); border: 1px solid #666; background: #777 !important; } .taxtable-cntBtn-wp {margin: -35px 0 20px 0;} .taxtable-cntBtn-wp2 {margin: 50px 0 -35px 0;} .tab-content { display: none; font-size: 13px; line-height: 1.6em; } .tab-content .lh15 {display: block; margin-top: -15px; font-size: 13px; line-height: 1.6em;} .comm-subTabmenu.taxtable.t1 {padding-right: 170px !important;} .comm-subTabmenu.taxtable .cal-btn {position: absolute; top: 0; right: 5px;} .comm-subTabmenu.taxtable .cal-btn .btn-type { height: 40px; padding: 0 20px; font-size: 14px; letter-spacing: -0.5px; line-height: 38px; font-weight: bold; border-radius: 5px; border-top-right-radius: 0; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .comm-subTabmenu.taxtable .cal-btn .btn-type.org::after { content: ""; position: absolute; top: -4px; right: -4px; width: 0; height: 0; border: 6px solid; border-color: #851b00 transparent transparent transparent; transform:rotate(225deg); } .comm-subTabmenu.taxtable .cal-btn .btn-type.Nor {font-weight: normal !important;} .comm-subTabmenu.taxtable .cal-btn .info-stxt { position: absolute; top: 45px; right: 0; width: 420px; font-size: 11px; letter-spacing: -0.6px; text-align: right; } /******************************************************************************************************************************** * 실무강의 ********************************************************************************************************************************/ /*------ 서브메인 -----------------------------------------*/ /*---- swiper banner ----*/ .submain-Banner { clear: both; position: relative; height: 420px; overflow: hidden; } .submain-Banner .gallery-top { position: relative; width: 100%; height: 420px; } .submain-Banner .gallery-top .swiper-slide { text-align: center; background-repeat: no-repeat !important; background-position: center 0 !important; } .submain-Banner .gallery-top .swiper-slide img { display: block; width: 1200px; height: 420px; margin: 0 auto; } .submain-Banner .gallery-top .swiper-pagination {padding-bottom: 10px;} .submain-Banner .gallery-top .swiper-pagination .swiper-pagination-bullet {width: 15px; height: 15px;} /*----- 실무강의 banner background color SET -----*/ .submain-Banner.media .gallery-top .swiper-slide.bg1 {background-color: #9190e7 !important;} .submain-Banner.media .gallery-top .swiper-slide.bg2 {background-color: #30405a !important;} .submain-Banner.media .swiper-pagination-bullet-active {background: #ff5529 !important;} .swiper-pagination-bullet-active {background: #222 !important;} /*---- search ----*/ .media-search { clear: both; position: relative; height: 90px; border-bottom: 1px solid #dadada; background: url('/images/pattern3(gray).png'); overflow: hidden; } .media-search .container-n {padding: 22px 0 0 0; text-align: center;} .media-search span.stit { display: inline-block; position: relative; margin: 0 15px 5px 0; font-size: 140%; letter-spacing: -1.2px; font-weight: bold; vertical-align: middle; } .media-search span.stit::after { content: ""; position: absolute; bottom: -16px; left: 0; width: 80px; height: 1px; background: #666; } .media-search input { width: 600px; height: 45px; padding: 0 0 2px 12px; font-size: 15px; line-height: auto !important; text-transform: none; vertical-align: middle; border: 3px solid #222; } .media-search input:focus {border-color: #222;} .media-search input::-moz-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px; opacity: 1;} .media-search input:-ms-input-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px;} .media-search input::-webkit-input-placeholder {font-size: 15px; color: #aaa; letter-spacing: -0.5px;} .media-search button { width: 70px; height: 45px; margin: 0 0 0 -6px; padding: 0 0 5px 0; font-size: 150%; line-height: 30px; border-color: #222; background-color: #222; transition: all 0.3s; } .media-search button:hover {border-color: #222; background-color: #111;} .media-search button:active {bottom: 0;} .media-search .back {margin-left: 5px;} /*---- category tab ----*/ .media-category-wp { clear: both; position: relative; margin: 50px -2px 0 0; padding: 0 0 25px 0; overflow: hidden; } .media-category-wp.List {margin-top: 0; margin-bottom: 40px;} .media-category-wp .tabs { float: left; width: 100%; background: #eaeaea; } .media-category-wp .tabs.c2 li {width: 50%;} .media-category-wp .tabs.c3 li {width: 33.333333%;} .media-category-wp .tabs.c4 li {width: 25%;} .media-category-wp .tabs.c5 li {width: 20%;} .media-category-wp .tabs.c6 li {width: 16.666666%;} .media-category-wp .tabs.c7 li {width: 14.285714%;} .media-category-wp .tabs.c8 li {width: 12.5%;} .media-category-wp .tabs.c9 li {width: 11.111111%;} .media-category-wp .tabs.c10 li {width: 10%;} .media-category-wp .tabs li { float: left; padding: 0 2px 0 0; background: #fff; } .media-category-wp .tabs li:last-child {padding: 0;} .media-category-wp .tabs li a { display: block; position: relative; height: 52px; font-size: 110%; color: #666; line-height: 47px; font-weight: bold; text-decoration: none !important; text-align: center; border: 2px solid transparent; background: #e5e5e5; } .media-category-wp .tabs li a:hover { color: #333; border-color: #222; background: #fff; animation: item_Ani 0.2s ease-out; } @keyframes item_Ani { from { transform: translate(0, 8%); } to { transform: translate(0, 0); } } /*----- active일 경우 -----*/ .media-category-wp .tabs li.active a, .media-category-wp .tabs li:hover a { font-size: 115%; color: #333; line-height: 46px; border-color: #222; background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); } .media-category-wp .tabs li.active a:after { content: ""; position: absolute; bottom: -17px; left: 50%; width: 0; height: 0; margin: 0 0 0 -8px; border: 8px solid; border-color: #222 transparent transparent transparent; animation: item_Ani 0.2s ease-out; } .media-category-wp .tag { clear: both; display: none; margin: 30px -25px 0 0; padding: 0 0 0 0; text-align: center; overflow: hidden; } .media-category-wp .tag a { position: relative; display: inline-block; height: 40px; margin: 0 25px 12px 0; padding: 0 35px; font-size: 100%; color: #fff; line-height: 37px; text-align: center; text-decoration: none !important; border-radius: 40px; background: #5c6a7c; } .media-category-wp .tag a:hover {background: #ff643c;} .media-category-wp .tag a.active { bottom: -2px; font-weight: bold; background: #ff643c; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); } .media-category-wp .tag a.active::after { content: "+"; position: absolute; top: 50%; right: -1px; width: 12px; height: 12px; margin: -6px 0 0 0; padding: 0 0 0 1px; font-size: 10px; color: #fff; line-height: 8px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #222; } /*------ 강의 LIST -----------------------------------------*/ .List-field {display: none; padding: 15px 0 0 0;} .media-cardList-wp { clear: both; position: relative; margin: 0 -25px 0 0; padding: 0 0 5px 0; overflow: hidden; } .media-cardList-wp ul {float: left; width: 100%;} .media-cardList-wp li { float: left; position: relative; width: 33.33333333333%; margin: 0 0 50px 0; padding: 0 25px 0 0; transition: all 0.3s; } .media-cardList-wp.submain:last-child li {margin-bottom: 0;} .media-cardList-wp li .box { display: block; position: relative; height: 328px; border: 1px solid #d2d2d2; overflow: hidden; } .media-cardList-wp li .box:hover {text-decoration: none !important;} .media-cardList-wp li .lock { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 25px; /* background: rgba(0,0,0, 0.08) url('/pds/images/comm/visual_dot4.png'); */ background: url('/images/visual_dot.png'); z-index: 15; } .media-cardList-wp li:hover .lock {background-color: rgba(0,0,0, 0);} .media-cardList-wp li .lock::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: url('/images/media_lock.png') no-repeat 0 0; } .media-cardList-wp .contents {z-index: 1;} /* photo */ .media-cardList-wp .contents .photo { display: block; position: relative; width: 381px; height: 218px; margin: 0 auto; /* background: #fff url('/pds/images/comm/no_image.png') no-repeat center center; */ background: #fff url('/images/media_No.jpg') no-repeat center center; transition: all 0.3s; overflow: hidden; } .media-cardList-wp .contents .photo::before { content: ""; display: block; position: absolute; top: 0; bottom: 0px; left: 0; right: 0; background: rgba(0,0,0, 0.1); transition: all 0.3s; z-index: 2; } /*----- 실무기초 -----*/ .media-cardList-wp.basic .contents .photo::before {bottom: 0;} .media-cardList-wp .contents .photo::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; background: url('/images/media_playBtn.png') no-repeat 0 0; background-size: 60px auto; transition: all 0.3s; z-index: 3; } .media-cardList-wp .contents .photo img { display: block; width: 385px; height: 218px; /* object-fit: cover; */ transition: all 0.4s; } .media-cardList-wp .contents .photo .tag { display: block; position: absolute; bottom: -40px; left: 0; right: 0; height: 40px; padding: 0 15px; font-size: 14px; color: #fff; letter-spacing: -0.5px; line-height: 37px; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0, 0.6); opacity: 0; transition: all 0.3s; overflow: hidden; } /* title */ .media-cardList-wp .contents .subj { display: block; display: -webkit-box; position: relative; height: 88px; padding: 18px 18px 0 18px; font-size: 110%; letter-spacing: -0.2px; line-height: 1.4em; font-weight: normal; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*----- 실무기초 -----*/ .media-cardList-wp.basic .contents .subj { font-size: 115%; } .media-cardList-wp .contents .subj span.lecturer { display: block; margin: 10px 0 0 0; font-size: 14px; color: #777; } /* box hover */ .media-cardList-wp li:hover .contents .photo::before {opacity: 0;} .media-cardList-wp li:hover .contents .photo::after {transform: scale(1.05);} .media-cardList-wp li:hover .contents .photo img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .media-cardList-wp li:hover .box { border-color: #111; box-shadow: 4px 4px 1px 0 rgba(0,0,0, 0.15); } .media-cardList-wp li:hover .contents .photo .tag {bottom: 0; opacity: 1;} /*----- more -----*/ .lec-cardList-more { display: block; position: relative; margin: 5px 0 0 0; height: 70px; font-size: 135%; color: #fff !important; letter-spacing: -1px; line-height: 66px; text-align: center; text-decoration: none !important; border-radius: 5px; border: 1px solid #909090; background: #999; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.1); } .lec-cardList-more:hover {border-color: #193663; background: #1d3e71;} .lec-cardList-more:active {bottom: -2px;} .lec-cardList-more i {margin: 0 0 3px 10px; font-size: 170%;} /*------ 검색결과 -----------------------------------------*/ .media-search-word { clear: both; position: relative; margin: 0 0 15px 0; font-size: 150%; letter-spacing: -0.5px; line-height: 1.2em; font-weight: bold; overflow: hidden; } .media-search-word .word { display: inline-block; font-size: 105%; color: #fa4b2a; vertical-align: text-top; } .media-search-word .number {color: #1153b9;} /*----- 검색조건 -----*/ .comm-search-wp.media {padding: 15px 30px 15px 30px;} /******************************************************************************************************************************** * 세무일정 ********************************************************************************************************************************/ .tax-calendar-top { clear: both; position: relative; margin: 0 0 50px 0; padding: 0 0 10px 0; vertical-align: top; background: url('/images/calendar_thumb.png') no-repeat 465px 50px; background-size: auto 220px; overflow: hidden; } .tax-calendar-top .title { float: left; margin: 15px 0 0 0; font-size: 18px; letter-spacing: -0.5px; } .tax-calendar-top .title strong { display: block; font-size: 310%; letter-spacing: -1px; line-height: 1.1em; font-weight: normal; margin: 0 0 4px 0; } /* google */ .tax-calendar-top .google { position: absolute; top: 140px; left: 0; width: 400px; padding: 0 0 2px 20px; font-size: 14px; color: #999; line-height: 150%; border-left: 1px solid #ddd; } .tax-calendar-top .google strong {display: block; margin: 0 0 6px 0; font-size: 16px; color: #333;} .tax-calendar-top .google .alert {font-size: 13px; letter-spacing: -1px;} .tax-calendar-top .google a.btn-type { display: inline-block; height: 42px; margin-top: 20px; font-size: 14px; letter-spacing: -0.5px; line-height: 40px !important; font-weight: normal; } .tax-calendar-top .google .finish { display: block; height: 50px; margin-top: 12px; padding: 0 20px 0 20px; font-size: 16px; color: #fff !important; line-height: 46px; text-decoration: none !important; font-weight: bold; text-align: center; vertical-align: middle; border: 1px solid ##3c4b5c; background-color: #435366; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); } /*----- 캘린더 -----*/ .tax-calendar-top .calendar-field { float: right; width: 380px; padding: 15px 18px 14px 14px; border-radius: 4px; background: #f0f2f8; } .tax-calendar-top .calendar-field .month { position: relative; margin: 0 0 10px 0; font-size: 150%; text-align: center; } .tax-calendar-top .calendar-field .month strong {display: inline-block; vertical-align: middle;} .tax-calendar-top .calendar-field .month a { display: inline-block; width: 40px; height: 24px; margin: 0 4px 0px 4px; font-size: 19px; color: #999; line-height: 15px; vertical-align: middle; border: 1px solid #e7e8ee; border-radius: 6px; background: #fff; } .tax-calendar-top .calendar-field .month a.pre {margin-right: 6px;} .tax-calendar-top .calendar-field .month a:hover {color: #ff5529; border-color: #cfd2e1;} .tax-calendar-top .calendar-field ul {float: left; width: 100%;} .tax-calendar-top .calendar-field li { float: left; width: 14.285714%; position: relative; margin: 0 0 4px 0; padding: 0 0 0 4px; font-size: 14px; text-align: center; } .tax-calendar-top .calendar-field li span { display: block; position: relative; height: 28px; line-height: 25px; border: 1px solid #e2e3e8; border-radius: 4px; background: #fff; } .tax-calendar-top .calendar-field li.week span { margin-bottom: 2px; font-size: 12px; color: #fff !important; line-height: 26px; border: none; background: #435366; } .tax-calendar-top .calendar-field li.week.sun span {background: #bf3434;} .tax-calendar-top .calendar-field li.week.sat span {background: #36609a;} .tax-calendar-top .calendar-field li.sun span {color: #de1111;} .tax-calendar-top .calendar-field li.active span { font-weight: bold; border-color: #f47d31; background: #fde7d9; } .tax-calendar-top .calendar-field li.today span {color: blue; font-weight: bold;} .tax-calendar-top .calendar-field li.today span::after { content: "Today"; display: none; position: absolute; bottom: -15px; left: 50%; width: 34px; height: 16px; margin: 0 0 0 -17px; font-size: 8px; color: #fff; line-height: 16px; text-align: center; border-radius: 4px; background: blue; box-shadow: 2px 3px 0 0 rgba(0,0,0, 0.2); animation: modal_Ani 0.2s ease-out; z-indeX: 10; } .tax-calendar-top .calendar-field li.today span::before { content: ""; display: none; position: absolute; bottom: 0px; left: 50%; width: 0; height: 0; margin: 0 0 0 -5px; border: 5px solid; border-color: transparent transparent blue transparent; animation: modal_Ani 0.2s ease-out; z-index: 11; } .tax-calendar-top .calendar-field:hover li.today span::before, .tax-calendar-top .calendar-field:hover li.today span::after {display: block;} /* month Tab */ .tax-calendar-month { clear: both; position: relative; margin: 0 -4px 30px 0; padding: 0 0 5px 0; overflow: hidden; } .tax-calendar-month ul {float: left; width: 100%;} .tax-calendar-month ul.c2 li {width: 50%;} .tax-calendar-month ul.c3 li {width: 33.333333%;} .tax-calendar-month ul.c4 li {width: 25%;} .tax-calendar-month ul.c5 li {width: 20%;} .tax-calendar-month ul.c6 li {width: 16.666666%;} .tax-calendar-month ul.c7 li {width: 14.285714%;} .tax-calendar-month ul.c8 li {width: 12.5%;} .tax-calendar-month ul.c9 li {width: 11.111111%;} .tax-calendar-month ul.c10 li {width: 10%;} .tax-calendar-month ul.c11 li {width: 9.090909090909091%;} .tax-calendar-month ul.c12 li {width: 8.333333333333333%;} .tax-calendar-month li { float: left; position: relative; padding: 0 4px 0 0; } .tax-calendar-month li a { display: block; position: relative; height: 40px; font-size: 14px; color: #888; letter-spacing: -0.5px; line-height: 36px; text-decoration: none; text-align: center; border: 1px solid #cfcfcf; border-radius: 4px; background: #f9f9f9; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.02), 0 20px 10px 0 rgba(255,255,255, 0.9) inset; transition: all 0.2s; } .tax-calendar-month li a:hover {color: #222;} .tax-calendar-month li a:active {bottom: -2px;} .tax-calendar-month li a.active { color: #fff; font-weight: bold; border-color: #ff643c; background: #ff643c; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .tax-calendar-month li a.active::after { content: ""; position: absolute; bottom: -11px; left: 50%; width: 0; height: 0; margin: 0 0 0 -5px; border: 5px solid; border-color: #ff643c transparent transparent transparent; } .google-calendar-add { display: block; width: 50px; height: 22px; margin: 4px auto 0 auto; padding: 0 0 0 15px; font-size: 11px; color: #888; letter-spacing: -0.5px; line-height: 16px; text-decoration: none !important; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff url('/images/google_calendar.png') no-repeat 4px 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } .google-calendar-add:hover { color: #3866cf; border-color: #4680e9; } /* 캘린더 사용법 안내 */ .tax-calendar-guide { clear: both; position: relative; margin: 80px 0 -40px 0; padding: 30px 25px 22px 25px; } .tax-calendar-guide .tab { display: inline-block; position: absolute; top: -15px; left: 25px; height: 28px; padding: 0 14px; font-size: 15px; color: #fff; line-height: 26px; font-weight: bold; text-align: center; background: #28334e; } .tax-calendar-guide li { position: relative; margin: 0 0 8px 0; padding: 0 0 0 20px; font-size: 14px; color: #555; line-height: 160%; } .tax-calendar-guide li strong {color: #333;} .tax-calendar-guide li:last-child {margin-bottom: 0;} .tax-calendar-guide li .num {position: absolute; top: -1px; left: 0;} .tax-calendar-guide .photo {position: absolute; top: -30px; right: -40px;} /* 세무일정 달력 다운로드 */ .tax-calendar-download {font-size: 14px; line-height: 160%;} .tax-calendar-download .box { position: relative; margin: 12px 0 40px 0; padding: 40px 0; text-align: center; border: 1px solid #ddd; } .tax-calendar-download .box::after { content: "무료다운"; display: block; position: absolute; top: -40px; right: -40px; width: 100px; height: 100px; padding: 24px 18px 0 18px; font-family: 'Noto Sans KR'; font-size: 24px; color: #fff; line-height: 110%; font-weight: 500; text-align: center; border-radius: 100%; background: #03c75a; } .tax-calendar-download .box.None::after {display: none;} .tax-calendar-download .box img {display: inline-block !important; margin: 0 25px; border: 1px solid #eee;} .tax-calendar-download .box.notice img {width: 510px; height: auto; margin: 0 15px !important;} .tax-calendar-download .box.None img {border: none;} .tax-calendar-download .btn-type {width: 350px; height: 70px; font-size: 21px; letter-spacing: -0.5px; line-height: 68px; font-weight: 500; border-radius: 70px;} .tax-calendar-download .btn-type .type {display: inline-block; margin: 0 0 0 6px; font-size: 16px; font-weight: 400;} /******************************************************************************************************************************** * 세금계산 ********************************************************************************************************************************/ .cal-endPopup { position: absolute; top: 150px; left: 50%; width: 750px; margin: 0 0 0 -375px; box-shadow: 0 2px 5px 4px rgba(0,0,0, 0.1); z-index: 100; } .cal-endPopup .popClose { position: absolute; top: -20px; right: -20px; width: 38px; height: 38px; border-radius: 100%; background: #333 url('/images/comm_Toggle_close.png') no-repeat center center; } .calculation-wp { clear: both; position: relative; padding: 0px 0 0 0; overflow: hidden; } .calculation-wp .cal-top-info { margin: 0 0 35px 0; padding: 15px 20px 13px 20px; font-size: 105%; line-height: 1.2em; } .calculation-wp .cal-top-info i {margin: 0 8px 2px 0; font-size: 120%; vertical-align: middle;} .calculation-wp .form-file.download {margin: 0 0 0 8px; vertical-align: middle;} .calculation-wp .form-file.download .ficon {margin: 0 6px 0 0;} /*----- 간편계산 추가(2021-03-04) -----*/ /* 주택임대소득 */ .jutaeg-result-wp {clear: both; position: relative; margin: 0 -20px;} .jutaeg-result-wp .rows { float: left; position: relative; width: 50%; padding: 0 20px; } .jutaeg-result-wp .fa { display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -29px; font-size: 50px; color: #ff643c; text-align: center; } .jutaeg-tax {cursor: help !important;} .jutaeg-tax:hover .chat-box {display: block;} .jutaeg-tax .chat-box { display: none; position: absolute; top: 41px; right: -5px; width: 450px; padding: 5px; background: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.1); } .jutaeg-tax .chat-box table {width: 100%;} .jutaeg-tax .chat-box th { height: 24px !important; padding: 0 0 0 0 !important; font-size: 12px !important; color: #111; text-align: center !important; vertical-align: middle; border: 1px solid #555 !important; background: #f9f9f9 !important; } .jutaeg-tax .chat-box td { padding: 4px 0 4px 0 !important; font-size: 12px !important; color: #111; text-align: center !important; vertical-align: middle; border: 1px solid #555 !important; } .jutaeg-tax .chat-box td.Left {padding-left: 14px !important; text-align: left !important;} /*----- 계산결과 -----*/ .cal-result-hide {display: none;} .calculation-wp .box { margin: 6px 0 20px 0; padding: 15px 20px; font-size: 100%; line-height: 1.6em; border-radius: 3px; } /*----- 건문기준시가(2021-04-19) -----*/ .gijunsiga-sider-wp {position: relative; min-width: 100%; padding: 0 0 30px 0; overflow: hidden;} .gijunsiga-sider-wp .gijunsiga-sider {position: relative; width: 100%;} .gijunsiga-sider-wp .swiper-pagination {left: 50%; width: 200px; margin-left: -100px;} .gijunsiga-sider-wp .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 20px; margin-right: 5px;} .gijunsiga-sider-wp .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;} .gijunsiga-sider-wp .swiper-pagination-bullet-active {background: #007aff !important;} .gijunsiga-sider-wp .gijunsiga-sider .swiper-slide:first-child .tbl-wp {margin-top: 135px;} .gijunsiga-sider-wp .gijunsiga-sider .swiper-slide .swiper-button-next {background-color: rgba(0,0,0, 0.2);} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp {margin-bottom: 15px; max-height: 500px; padding: 30px 60px; overflow-y: auto; overflow-x: hidden;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert {border-top: 1px solid #ddd; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert th {border-bottom: 1px solid #e5e5e5 !important;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td {border-bottom: 1px solid #e9e9e9 !important;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td.gijunsiga-bg {padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #e6eaee; background: #f7f8fa;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert th .th-label {display: block; height: 40px; line-height: 40px;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td .th-label {display: block;} /* .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr:hover th:first-child {position: relative;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr:hover th:first-child::after { content: ""; position: absolute; top: -1px; bottom: -1px; left: 0; width: 1119px; border: 1px solid #f47d31; transition: all 0.3s; z-index: 1; } */ .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr:hover td, .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr:hover th {background-image: url('/images/pattern_org.png') !important; transition: all 0.3s;} .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr.None:hover td, .gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert tr.None:hover th {background-image: none !important;} .gijunsiga-sider-wp .gijunsiga-sider .radio-field-new {margin: 4px auto 0 auto;} .gijunsiga-sider-wp .gijunsiga-sider .radio-field-new.m1 {margin-left: 70px;} .gijunsiga-sider-wp .gijunsiga-sider .radio-field-new.m2 {margin-left: 40px;} /*----- 일사천리 -----*/ .calculation-wp .comm-guide-wp {margin: 70px 0 0 0;} .calculation-wp .ilsa-feild {display: none;} .ilsacheolli-box { margin: 30px 0 40px 0; padding: 26px 35px 22px 175px; font-size: 14px; line-height: 150%; background: url('/images/ilsacheolli_thumb.png') no-repeat 35px center; } .ilsacheolli-box strong { display: block; margin: 0 0 10px 0; font-size: 145%; letter-spacing: -1px; } .ilsacheolli-box span.link { display: block; margin: 8px 0 0 0; font-size: 13px; color: #777; } .ilsacheolli-box span.link a { height: 22px; margin: 0 0 2px 5px; font-size: 11px; letter-spacing: -1px; line-height: 20px; vertical-align: middle; border-color: #1a3865; border-radius: 4px; background: #1d3e71; } .ilsacheolli-box span.link a i {margin: 0 0 2px 5px; font-size: 15px; vertical-align: middle;} /*----- 양도마스터 ---------------*/ .ydMaster-wrap .topVisual-wp { clear: both; position: relative; height: 450px; margin-top: 0px; background: #1e1e1e url('/images/yd_master_visual(2).jpg') no-repeat center -30px; overflow: hidden; } .ydMaster-wrap .topVisual-wp .info {position: relative; margin: 92px 0 0 30px;} .ydMaster-wrap .topVisual-wp .info h4 { display: block; font-size: 100%; color: #fff; letter-spacing: -0.5px; line-height: 1em; visibility: hidden; } .ydMaster-wrap .topVisual-wp .info h4 .color {color: #2a91bf; font-weight: bold;} .ydMaster-wrap .topVisual-wp .info h3 { display: inline-block; margin: 18px 0 35px 0; padding: 16px 0 16px 0; font-size: 53px; color: #fff; letter-spacing: -3px; line-height: 1em; border-top: 3px solid #fff; border-bottom: 3px solid #fff; visibility: hidden; } .ydMaster-wrap .topVisual-wp .info h5 { display: block; font-size: 17px; color: #fff; letter-spacing: -1px; line-height: 150%; visibility: hidden; } .ydMaster-wrap .topVisual-wp .info h5 .bottom { display: block; margin: 15px 0 0 0; } .ydMaster-wrap span.subj { display: inline-block; margin: 0 0 40px 0; padding: 0 10px 8px 0; font-size: 29px; letter-spacing: -1.5px; line-height: 40px; font-weight: bold; border-bottom: 2px solid #333; } /* 양도마스터 2020특징 */ .ydMaster-wrap .info-wp { clear: both; position: relative; padding: 70px 0 70px 0; background: url('/images/yd_master_infoBg1.png') no-repeat right 0, url('/images/yd_master_infoBg2.png') no-repeat 0 bottom; } .ydMaster-wrap .info-wp .container-n {padding: 0 0 0 820px;} .ydMaster-wrap .info-wp ul {margin: -12px 0 0 0;} .ydMaster-wrap .info-wp li { margin: 0 0 6px 0; padding: 0 0 0 12px; font-size: 17px; line-height: 150%; background: url('/images/common_toggle_ic3.png') no-repeat 0 11px; } .ydMaster-wrap .info-wp li:last-child {margin-bottom: 0;} .ydMaster-wrap .info-wp .thumbs { position: absolute; top: 50%; left: 0; margin: -180px 0 0 0; } /* 설치 안내 */ .ydMaster-wrap .setup-wp { clear: both; position: relative; padding: 65px 0 65px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: #f7f7f7; } .ydMaster-wrap .setup-wp .icon {display: inline-block; float: left; width: 200px; margin: 0 80px 0 0;} .ydMaster-wrap .setup-wp .icon strong { display: block; padding: 10px 0 0 0; font-size: 15px; text-align: center; font-weight: normal; } .ydMaster-wrap .setup-wp .txt { display: inline-block; float: left; font-size: 17px; letter-spacing: -0.3px; line-height: 160%; } .ydMaster-wrap .setup-wp .txt .first {display: block; margin: 0 0 8px 0; font-size: 110%;} .ydMaster-wrap .setup-wp .txt .phone {display: block; margin: 8px 0 0 0;} .ydMaster-wrap .setup-wp .txt .phone strong {display: inline-block; font-size: 32px; letter-spacing: -1px; vertical-align: text-bottom;} .ydMaster-wrap .setup-wp .txt .btn-type {margin: 22px 0 0 0;} /* 설치방법 안내 */ .ydMaster-wrap .setGuide-wp { clear: both; position: relative; padding: 70px 0 120px 0; } .ydMaster-wrap .setGuide-wp .number { display: inline-block; width: 25px; height: 25px; margin: 0 8px 2px 0; font-size: 15px; color: #fff; line-height: 24px; font-weight: bold; text-align: center; vertical-align: middle; border-radius: 100%; background: #333; } .ydMaster-wrap .setGuide-wp .stit {margin: 0 0 25px 0; font-size: 21px; font-weight: bold;} .ydMaster-wrap .setGuide-wp .thumb {margin: 0 0 60px 0; padding: 0 0 0 25px;} .ydMaster-wrap .setGuide-wp .thumb.End {margin-bottom: 0;} .ydMaster-wrap .setGuide-wp .btn { padding: 50px 0 0 0; font-size: 21px; letter-spacing: -0.5px; font-weight: bold; } .ydMaster-wrap .setGuide-wp .btn img { display: inline-block; height: 30px; margin: 0 2px 0 0; vertical-align: text-bottom; } .ydMaster-wrap .setGuide-wp .btn .btn-type {margin: 0 0 4px 15px; vertical-align: middle;} /******************************************************************************************************************************** * 4대보험 ********************************************************************************************************************************/ .insure-cntBtn-wp {margin: -45px 0 25px 0;} .Guide-area {position: relative;} .Guide-area .insure { position: absolute; top: -10px; right: 0; height: 35px !important; padding: 0 20px !important; font-size: 14px; letter-spacing: -0.5px; line-height: 32px !important; font-weight: bold; border-radius: 5px; border-top-right-radius: 0; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .Guide-area .insure::after { content: ""; position: absolute; top: -4px; right: -4px; width: 0; height: 0; border: 6px solid; border-color: #851b00 transparent transparent transparent; transform:rotate(225deg); } /* ssub tab */ .insure-ssubTab { clear: both; margin: -15px 0 45px 0; padding: 5px 20px 7px 20px; border-color: #fff !important; outline: 1px solid #e0e0e0; overflow: hidden; } .insure-ssubTab ul {float: left;} .insure-ssubTab li { float: left; margin: 0 50px 0 0; } .insure-ssubTab li a { display: inline-block; padding: 10px 0; font-size: 100%; color: #555; text-decoration: none; } .insure-ssubTab li:hover a {color: #ff5529;} .insure-ssubTab li i {margin: 0 5px 1px 0; vertical-align: middle;} .insure-ssubTab li.active a, .insure-ssubTab li a.active {color: #555; font-weight: bold;} .stab-content {display: none;} /******************************************************************************************************************************** * 용어사전 ********************************************************************************************************************************/ .comm-search-wp.dic li span.subj {width: 120px;} .comm-search-wp.dic td .checkbox-field {margin: 0 20px 0 0;} .comm-search-wp.dic .btn-type.all { height: 42px; margin: 0 0 0 5px; font-size: 14px; line-height: 39px; } .comm-search-wp.dic dl dd { float: left; margin: 0 8px 8px 0; vertical-align: middle; } .comm-search-wp.dic dl dd a { clear: both; display: block; position: relative; width: 40px; height: 40px; font-size: 120%; color: #fff; line-height: 38px; text-align: center; text-decoration: none; border-radius: 3px; background: #435366; } .comm-search-wp.dic dl.free dd a { width: auto; padding: 0 15px; font-size: 100%; background: #59697c; } .comm-search-wp.dic dl dd a:hover { bottom: -2px; background: #ff643c !important; box-shadow: 0 20px 0 0 rgba(255,255,255, 0.1) inset; } .comm-search-wp.dic dl.kor dd a {background: #345b99;} .comm-search-wp.dic dl dd a.active {background: #ff643c !important; box-shadow: 0 20px 0 0 rgba(255,255,255, 0.1) inset;} /*----- 찾기 결과 -----*/ .dic-List-wp { clear: both; display: none; margin: -10px 0 0 0; overflow: hidden; } .dic-List-wp .word {margin: 0 0 15px 0; font-size: 110%;} .dic-List-wp .word i {margin: 0 6px 3px 0; color: #e05555; vertical-align: middle;} .dic-List-wp dl { width: 100%; margin: 0 0 40px 0; border-top: 1px solid #777; border-bottom: 1px solid #ccc; } .dic-List-wp dt { padding: 25px 15px 0 15px; font-size: 110%; color: #333; line-height: 1.6em; font-weight: bold; } .dic-List-wp dl.eng dt { padding-top: 20px; padding-bottom: 20px; color: #222; font-weight: normal; border-bottom: 1px solid #e9e9e9; } .dic-List-wp dl.eng dt:last-child {border-bottom: none;} .dic-List-wp dt .class-ic { display: inline-block; height: 22px; margin: 0 5px 0 0; padding: 0 6px; font-size: 12px; color: #fff; letter-spacing: -0.5px; line-height: 20px; font-weight: normal; text-align: center; vertical-align: middle; } .dic-List-wp dt .class-ic.state {background: #357b49;} .dic-List-wp dt .class-ic.kind {margin-right: 15px; background: #1a6889;} .dic-List-wp dd { position: relative; padding: 8px 100px 25px 15px; font-size: 100%; color: #555; line-height: 150%; text-align: left; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .dic-List-wp dd:last-child {border-bottom: none;} .dic-List-wp dd .btn-type { position: absolute; top: -16px; right: 15px; height: 40px; padding: 0 10px 0 15px; font-size: 180%; line-height: 34px; text-align: center; border-radius: 4px; border-color: #e5e5e5; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), 0 20px 0px 0 rgba(255,255,255, 0.9) inset; } .dic-List-wp dd .btn-type i:before {content: "\f107";} .dic-List-wp dd .btn-type.active {line-height: 30px;} .dic-List-wp dd .btn-type.active i:before {color: #ccc; content: "\f106";} .dic-List-wp dd span.txt { display: block; height: 25px; padding: 0 0 5px 0; white-space: nowrap; text-overflow: ellipsis; transition: height linear 0.2s; overflow: hidden; } .dic-List-wp dd .btn-type.active ~ span.txt {height: 100% !important; white-space: normal;} .dic-List-wp dd .btn-type.active ~ span.txt.Pre {white-space: pre-line !important;} /* DB상 데이터 줄바꿈(개행문자)처리 경우 */ .dic-List-wp dd .btn-type.active ~ span.txt.Pre.related-law .lawname { margin: 15px 0 0 0; } /*--- 2019-10-29 이갑연 대표 DB(세무회계용어사전)에 DIV 심어서 추가 수정 ---*/ .dic-List-wp dd span.txt > div {font-size: 100%; color: #555; line-height: 150%; text-align: left; vertical-align: middle;} .dic-List-wp dd span.txt > div:first-child { height: 25px; white-space: nowrap; text-overflow: ellipsis; transition: height linear 0.2s; overflow: hidden; } .dic-List-wp dd .btn-type.active ~ span.txt > div:first-child { height: 100% !important; white-space: normal !important; } /* .dic-List-wp dd span.txt > div:nth-child(2) {margin: 12px 0 0 0; color: #666699;} */ /******************************************************************************************************************************** * 환율정보 ********************************************************************************************************************************/ .rate-chart-wp {padding: 50px 40px 0 40px; min-height: 400px; background: transparent !important;} .rate-chart-wp img {margin: 0 auto;} .rate-chart-wp .today-rate-value {margin: 0 0 25px 0; font-size: 130%; color: #777; line-height: 1.2em;} .rate-chart-wp .today-rate-value .big { display: inline-block; margin: 0 5px 0 0; font-size: 200%; letter-spacing: -2px; vertical-align: sub; } .rate-chart-wp .today-rate-value .info {display: inline-block; margin: 0 0 0 10px; color: #333; letter-spacing: -0.5px;} .rate-chart-wp .today-rate-value .info .up {color: red;} .rate-chart-wp .today-rate-value .info .down {color: blue;} /*----- 콘텐츠 버튼 -----*/ .mTitle.exchangRate-cnt-Btn {overflow: visible !important;} .mTitle.exchangRate-cnt-Btn .comm-cnt-Btns {position: absolute; bottom: 0px; right: 0; margin: 0;} /* 환율 테이블 하이라이트 */ .common-Board.ExchangRate table.list tr.rate-tr:first-child {background: rgba(255,0,0, 0.04);} .common-Board.ExchangRate table.list tr.rate-tr:first-child td {color: #ff0000 !important; font-weight: bold;} /******************************************************************************************************************************** * 각종서식 ********************************************************************************************************************************/ /*------ 세무서식 -----------------------------------------*/ .form-icon { display: inline-block; width: 30px; height: 18px; margin: 0 0 1px 7px; font-size: 11px; letter-spacing: -0.5px; line-height: 13px; text-align: center; vertical-align: middle; border: 1px solid; border-radius: 3px; } .form-icon.update {color: #2a7fc8; border-color: #69a5d8; background: rgba(42,127,200, 0.02);} .form-icon.new {color: #e05555; border-color: #e98888; background: rgba(224,85,85, 0.02);} .form-icon.del {color: #999; border-color: #b9b9b9; background: rgba(153,153,153, 0.02);} /*----- 버튼, 파일 -----*/ .form-preview { display: inline-block; width: 28px; height: 28px; margin: 4px 0 0 0; border: 1px solid #ccc; border-radius: 3px; background: #fff url('/images/preview.png') no-repeat center center; } .form-preview:hover {border-color: #999;} .form-old {display: inline-block; margin: 7px 0 0 0;} /*----- flie 아이콘 -----*/ .form-file {clear: both; position: relative; display: inline-block;} .form-file .ficon { display: inline-block; width: 24px; height: 24px; margin: 5px 4px 0 0; } .form-file .ficon.mg0 {margin-right: 0;} .form-file .ficon:last-child {margin-right: 0;} .form-file .ficon.hwp, .form-file .ficon.hwpx { background: url('/images/file_hwp.png') no-repeat center center; background-size: 24px; } .form-file .ficon.doc { background: url('/images/file_doc.png') no-repeat center center; background-size: 24px; } .form-file .ficon.docx { background: url('/images/file_doc.png') no-repeat center center; background-size: 24px; } .form-file .ficon.xls { background: url('/images/file_xls.png') no-repeat center center; background-size: 24px; } .form-file .ficon.ppt { background: url('/images/file_ppt.png') no-repeat center center; background-size: 24px; } .form-file .ficon.pdf { background: url('/images/file_pdf.png') no-repeat center center; background-size: 24px; } .form-file .ficon.zip { background: url('/images/file_zip.png') no-repeat center center; background-size: 24px; } .form-file .ficon.etc { background: url('/images/file_etc.png') no-repeat center center; background-size: 24px; } /* PDF Viewer 출력 */ .form-file:hover .ficon.pdf ~ .comm-pdf-viewer, .form-file.press .ficon.pdf:hover .comm-pdf-viewer {display: block;} .form-file.press .ficon.pdf {position: relative;} .comm-pdf-viewer { display: none; position: absolute; top: -25px; right: -16px; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 3px; background: #fff url('/images/preview.png') no-repeat center center; box-shadow: 0 3px 3px 0 rgba(0,0,0, 0.1); z-index: 100; } .comm-pdf-viewer:hover {border-color: #999; box-shadow: 0 3px 3px 0 rgba(0,0,0, 0.2);} /*----- 프로그램 다운로드 -----*/ .form-viewer-down { clear: both; margin: 90px -25px -50px 0; padding: 0 0 5px 0; overflow: hidden; } .form-viewer-down ul {float: left; width: 100%;} .form-viewer-down li { float: left; width: 25%; padding: 0 25px 0 0; transition: all 0.3s; } .form-viewer-down li a { display: block; position: relative; height: 90px; padding: 19px 0 0 80px; font-size: 11px; color: #888; line-height: 1.3em; text-decoration: none; border: 1px solid #ddd; background-color: #fafafa !important; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); } .form-viewer-down li a strong { display: block; margin: 0 0 6px 0; font-size: 16px; color: #333; letter-spacing: -0.5px; } .form-viewer-down li a i { position: absolute; top: 27px; right: 15px; font-size: 250%; color: #aaa; transition: all 0.3s; } .form-viewer-down li.hwp a { background: url('/images/file_hwp.png') no-repeat 16px center; background-size: 47px; } .form-viewer-down li.doc a { background: url('/images/file_doc.png') no-repeat 16px center; background-size: 47px; } .form-viewer-down li.xls a { background: url('/images/file_xls.png') no-repeat 16px center; background-size: 47px; } .form-viewer-down li.pdf a { background: url('/images/file_pdf.png') no-repeat 16px center; background-size: 47px; } .form-viewer-down li a:hover {border-color: #888; box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.15);} .form-viewer-down li.hwp a:hover i {color: #222;} /* #cf1e03 */ .form-viewer-down li.doc a:hover i {color: #2a5696;} .form-viewer-down li.xls a:hover i {color: #02723b;} .form-viewer-down li.pdf a:hover i {color: #c11e07;} /*------ 훈령고시 ------*/ .comm-subTab-new.hunryungGosi .ssub {margin-top: 0 !important;} /* Icon */ .hg-icon { display: inline-block; width: 34px; height: 20px; margin: 0 4px 1px -5px; padding: 0; font-size: 12px; color: #fff; letter-spacing: -1px; line-height: 20px; text-align: center; vertical-align: middle; border-radius: 2px; } .hg-icon.red {background: #e05555;} .hg-icon.blue {background: #6d9bd0;} .hg-icon.rt-mrg {margin-right: 10px;} /* category */ .hunryungGosi-category { position: relative; margin: 0 0 40px 0; padding: 15px 20px 15px 45px; font-size: 100%; font-weight: bold; background: url('/images/ic_check2.png') no-repeat 20px center; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } .hunryungGosi-category .selt-1 {height: 40px; vertical-align: middle;} .hunryungGosi-category .btn {position: absolute; top: 50%; right: 20px; margin-top: -13px;} /*------ 회계서식 -----------------------------------------*/ .form-acc-class { position: relative; margin: 0 0 40px 0; padding: 20px 30px 20px 200px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.06); } .form-acc-class .class {position: absolute; top: 20px; left: 25px;} .form-acc-class .class span { display: block; width: 150px; height: 45px; margin: 0 0 5px 0; font-size: 100%; color: #666; line-height: 41px; text-decoration: none !important; text-align: center; vertical-align: middle; border: 1px solid #d5d5d5; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); cursor: pointer; } .form-acc-class .class span.active { color: #fff; border-color: #272727; background-color: #333; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .form-acc-class .detail { display: ; height: 158px; padding: 10px 20px 15px 20px; font-size: 100%; line-height: 1.2em; border: 1px solid #ccc; border-radius: 4px; background: #fff; overflow-x: hidden; overflow-y: scroll; } .form-acc-class .detail a { display: block; margin: 0 0 6px 0; padding: 0 0 0 10px; background: url('/images/ic_dot1.gif') no-repeat 0 8px; } .form-acc-class .detail a:last-child {margin-bottom: 12px;} .form-acc-class .detail a.active {color: #ff5529; font-weight: bold; text-decoration: underline;} /******************************************************************************************************************************** * 각종조회 ********************************************************************************************************************************/ .etcLink-img-wp { clear: both; position: relative; height: 200px; margin: -30px 0 10px 0; padding: 40px 440px 0 0; font-size: 110%; color: #444; line-height: 1.6em; background: url('/images/etcLink_visual.png') no-repeat right bottom; overflow: hidden; } .etcLink-img-wp .stit {display: block; margin: 0 0 14px 0; font-size: 230%; color: #333; letter-spacing: -2.5px; line-height: 120%;} .tax-etcLink-wp {clear: both; position: relative; margin: 0 0px; padding: 30px 20px 30px 20px; border: 1px solid #e5e5e5;} .tax-etcLink-wp ul {float: left;} .tax-etcLink-wp li {float: left; width: 33.33333333333%; margin: 0 0 16px 0; padding: 0 10px;} .tax-etcLink-wp li a { display: block; position: relative; height: 200px; padding: 15px 15px 15px 15px; font-size: 13px; color: #808080; letter-spacing: -0.2px; line-height: 1.3em; text-align: center; text-decoration: none; border: 1px solid #d2e3e5; border-right-color: #a6c9cd; border-bottom-color: #a6c9cd; background: #f3f8f8; cursor: pointer; transition: all 0.2s; } .tax-etcLink-wp li:hover a {border-color: #3c9099; box-shadow: 0 2px 3px 1px rgba(0,0,0, 0.11), 0 80px 50px 0 rgba(255,255,255, 0.8) inset;} .tax-etcLink-wp li a span.icon {display: block; width: 120px; height: 70px; margin: 12px auto 18px auto; background-size: auto 70px;} .tax-etcLink-wp li a span.icon.ic1 {background: url('/images/etclink2.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic2 {background: url('/images/etclink4.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic3 {background: url('/images/etclink6.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic4 {background: url('/images/etclink7.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic5 {background: url('/images/etclink9.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic6 {background: url('/images/etclink5.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic7 {background: url('/images/etclink8.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic8 {background: url('/images/etclink1.png') no-repeat center;} .tax-etcLink-wp li a span.icon.ic9 {background: url('/images/etclink3.png') no-repeat center;} .tax-etcLink-wp li a span.text {display: block;} .tax-etcLink-wp li a span.text strong {display: block; margin: 0 0 8px 0; font-size: 17px; color: #4d5d5f; font-weight: bold;} .tax-etcLink-wp li:hover a span.text strong {color: #007989;} .tax-etcLink-wp li a i {display: none; position: absolute; top: -6px; left: 5px; font-size: 200%; color: #e05555; z-index: 2;} .tax-etcLink-wp li:hover a i {display: block;} .etcLink-menu {float: left; width: 300px; border: 1px solid #ddd;} .etcLink-menu dt {padding: 12px 0 11px 15px; line-height: 100%; font-weight: bold; border-bottom: 1px solid #d7d7d7; background: #dae8f3;} .etcLink-menu dd { font-size: 14px; line-height: 100%; background: url('/images/ic_dot2.gif') no-repeat 15px 13px; } .etcLink-menu dd.k2 {background-image: url('/images/ic_dot2_org.gif');} .etcLink-menu dd.top {margin-top: 10px;} .etcLink-menu dd.bottom {margin-bottom: 10px;} .etcLink-menu dd.active {font-weight: bold; background-color: #12538c; background-image: url('/images/ic_dot2_white.gif');} .etcLink-menu dd.active a {color: #fff; transition: all 0.1s;} .etcLink-menu dd a {display: block; padding: 7px 0 8px 25px; text-decoration: none !important;} .etcLink-contents {float: right; width: 850px; padding: 2px 0 0 0;} .etcLink-contents .mTitle.line {font-size: 20.5px; letter-spacing: -0.5px; padding-bottom: 12px; margin-bottom: 30px; border-bottom: 1px solid #ccc;} .etcLink-contents .tbl {margin-bottom: 10px; border-top: 1px solid #b9cfd7; border-bottom: 1px solid #ccc;} .etcLink-contents .tbl table {width: 100%; table-layout: fixed; } .etcLink-contents .tbl tr:last-child td {border-bottom: none;} .etcLink-contents .tbl th { padding: 12px 10px 13px 10px; font-size: 13px; color: #12538c; line-height: 120%; font-weight: bold; text-align: center; border-right: 1px solid #cfe0e6; border-bottom: 1px solid #b9cfd7; background: #f2f7f9; } .etcLink-contents .tbl th:last-child {border-right: none;} .etcLink-contents .tbl td { padding: 8px 10px 9px 10px; font-size: 14px; line-height: 140%; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #ddd; } .etcLink-contents .tbl td:last-child {border-right: none;} .etcLink-contents .tbl td.Left {text-align: left;} .etcLink-contents .tbl td.Left2 {padding: 12px 15px 11px 15px; text-align: left;} .etcLink-contents .tbl td.Valign {vertical-align: top;} .etcLink-contents .tbl td.leftLine {border-left: 1px solid #eee;} .etcLink-contents .tbl td .in-txt {display: block; line-height: 160%;} .etcLink-contents .text {font-size: 14px; color: #444; line-height: 150%;} .etcLink-contents .stxt {font-size: 12px; color: #444; line-height: 140%;} .etcLink-contents sup { display: inline-block; position: relative; bottom: 0.5ex; height: 0; margin: 0 2px; line-height: 1; font-size: 11px; color: #0000ff; text-indent: 0 !important; font-weight: bold; vertical-align: baseline;} .etcLink-contents .sup-txt {display: block; margin: 1px 0 1px 0; margin-left: 10px; text-indent: -10px; font-size: 11px; color: #00a8e7; line-height: 140%; vertical-align: top;} .etcLink-contents .box {padding: 15px 15px 15px 15px; font-size: 13px; line-height: 140%; background: #f3f3f3;}