#content {padding:0 !important} .smarGuideTit {padding:10px 0 0 10px; font-size:18px; font-weight:bold; height:35px; } .tab {margin-bottom:0; } #sliderWrap {position:relative; padding-top:15px; margin:0 auto; height:500px;width: 1200px; } #sliderWrap ul.slideTab {width:100%; height:20px; position:absolute; z-index:10; top:8px; text-align:center;} #sliderWrap ul.slideTab li {display:inline; } #sliderWrap ul.slideTab li a{display:inline-block; margin:0 2px; width:10px; height:10px; border-radius:5px; background:#b4b4b4; } #sliderWrap ul.slideTab li.on a{background:#de690a;} #sliderWrap ul.box { position:relative; width:820px; margin:0 auto; } #sliderWrap ul.box li {width:100%; text-align:center; border-bottom:1px solid #ddd; padding-bottom:35px; } #sliderWrap ul.box li div {background:#fff; text-align:center; font-size:18px; padding:35px 0 0px 0px; height:35px; text-align:left; } #sliderWrap ul.box.mobile li div {text-indent:-2000px; overflow:hidden; height:10px; } #sliderWrap ul.box li:first-child {} #sliderWrap ul.box li img {border:1px solid #ddd;} #sliderWrap ul.box li.last { } #sliderWrap ul.box li.last div {} #sliderWrap ul.box li.last div.sns {padding-top:10%; text-align:center; } #sliderWrap ul.box li.last div.sns img {width:35px;} #sliderWrap ul.box li.last div.sns a {border:0; display:inline-block; background:none; } #sliderWrap ul.box li p.txt {display:none;} #sliderWrap ul.box.mobile li {width:50%; float:left; text-align:center; } #sliderWrap ul.box.mobile li div {background:#fff; text-align:center; font-size:14px; padding:35px 0 0px 0px; height:35px; text-align:left; } #sliderWrap ul.box.mobile li p {height:520px} #sliderWrap ul.box.mobile li:first-child {} #sliderWrap ul.box.mobile li img {width:300px; border:1px solid #ddd;} #sliderWrap ul.box.web li {clear:both; } #sliderWrap ul.box.web li div {background:#fff; border:0; } #sliderWrap ul.box.web li div.stit {font-size:15px; padding:10px 0 0;} #sliderWrap ul.box.web li div.stit ~div.stit {padding:35px 0 0;} #sliderWrap ul.box.web li p.img {border:0; } #sliderWrap ul.box.web li p.img img {border:0; } #sliderWrap ul.box.web li p.txt {display:block;text-align:left; padding-top:15px; line-hieght:22px; } #sliderWrap ul.box.web li p.txt span {display:block; overflow:hidden; } #sliderWrap ul.box.web li p.txt em {float:left; height:23px; color:#477dba; padding-right:5px; } #sliderWrap ul.box li.mobile {width:50%; float:left; text-align:center; clear:none; } #sliderWrap ul.box li.mobile div {background:#fff; text-align:center; font-size:14px; padding:35px 0 0px 0px; height:35px; text-align:left; } #sliderWrap ul.box li.mobile p {height:400px} #sliderWrap ul.box li.mobile:first-child {} #sliderWrap ul.box li.mobile img {width:300px; border:1px solid #ddd;} #sliderWrap ul.box li.mobile p.txt {display:block; height:60px; } #sliderWrap ul.box li.mobile p.txt.line3 {height:80px; } #sliderWrap ul.box li.mobile p.txt.line3 em {height:80px; } #sliderWrap ul.box.mobile2 li {width:50%; float:left; text-align:center; } #sliderWrap ul.box.mobile2 li div {background:#fff; width:323px; margin:0 auto; text-align:center; font-size:18px; padding:35px 0 0px 0px; height:35px; text-align:left; } #sliderWrap ul.box.mobile2 li:first-child {} #sliderWrap ul.box.mobile2 li img { border:1px solid #ddd;} #sliderWrap ul.box.mobile2 li p.img {height:400px; } #sliderWrap ul.box.mobile2 li p.img img {border:0; } #sliderWrap ul.box.mobile2 li p.txt {display:block; width:323px; min-height:46px; margin:0 auto; text-align:left; padding-top:15px; line-hieght:22px; } #sliderWrap ul.box.mobile2 li p.txt.line3 {height:60px; } #sliderWrap ul.box.mobile2 li p.txt.line3 em {float:left; height:60px; } #sliderWrap ul.box.mobile2 li p.txt.line3.no em {height:23px; } #sliderWrap ul.box.mobile2 li p.txt.line5 {height:100px; } #sliderWrap ul.box.mobile2 li p.txt.line5 em {float:left; height:100px; } #sliderWrap ul.box.mobile2 li p.txt span {display:block; overflow:hidden; } #sliderWrap ul.box.mobile2 li p.txt em {float:left; min-height:23px; color:#477dba; padding-right:5px; } .arrowBox a {position:absolute; top:45%; display:block; width:46px; height:46px; text-align:center; } .arrowBox a img{width:21px; height:35px; } .arrowBox a:last-child {left:0; } .arrowBox a:first-child {right:0; } .smartGuideTab {position:relative; width:100%;} .smartGuideTab div {overflow:hidden; width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:0; } .smartGuideTab div a {display:inline-block; height:40px; padding: 0 15px; color:#808080; font-size:14px; line-height:41px;} .smartGuideTab.group-tab div a {color: #000;} .smartGuideTab.item-tab .scrollmenu a {border: 1px solid #808080;} .smartGuideTab div a.on {padding-bottom: 0;border-bottom:3px solid #de690a;color: #de690a;} .smartGuideTab div a.on2 {padding-bottom: 0;border:1px solid #de690a !important;color: #de690a;} .smartGuideTab div a.on:hover, .smartGuideTab div a.on2:hover {text-decoration: none;} .smartGuideTab a.btn {position: absolute;top: 0;display: inline-block;width: 30px;line-height: 45px;text-align: center;font-size: 28px;color: #aeaeae;font-family: serif;background: #fff;} .smartGuideTab a.btn:hover {text-decoration: none;} .smartGuideTab a.btnL {left: 0;} .smartGuideTab a.btnR {right:0;} .group-tab > .scrollmenu {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;} .scrollmenu > a {margin-left: 20px;} /* 2018.07.30 추가 */ #sliderWrap ul.box.web .title01 {font-size: 26px; margin-top: 3px; margin-bottom: 28px;} #sliderWrap ul.box.web li p.txt_n {display:block; text-align:center; padding-top:15px;} #sliderWrap ul.no01 li {border:0px; padding-bottom:0px;} .tabCont * {font-family: 'Nanum Barun Gothic';} .tabCont a, .tabCont a:hover {text-decoration: none;} .contentSide {float: left;position: relative;} .t_homepage .contentSide{width: 760px;padding-right: 50px;box-sizing: border-box;} .t_homepage .descSide{width: 440px;} .t_mobile .contentSide{width: 680px;} .t_mobile .descSide {width: 520px;} .descSide {float: left;padding-top: 30px;} .stepWrap {width: 370px;overflow: hidden;height: 100px;margin: 35px auto;} .stepList {font-size: 0;position: absolute;} .stepList > li {float:left;font-size: 14px; color: #777;width: 54px;margin-left: 25px;text-align: center;word-break: keep-all;} .stepList > li:first-child {margin-left: 0;} .captureList > li {display: none;text-align: center;} .t_homepage .captureList img {width: 82%;margin-right: 25px;} .t_mobile .captureList img {width: 291px;} .stepList .stepNumber {display: block;width: 32px;height: 32px;border: 1px solid #ddd;text-align: center;line-height: 32px; border-radius: 17px; margin: 0 auto 8px;background: #fff;color: #454545;} .stepList > li.on .stepNumber {background: #41454e;color: #fff;border: 1px solid #41454e;} .stepList .stepTitle {color: #777;} .stepList > li.on .stepTitle {color:#41454e;} .stepBar {position: absolute;top: 17px;left: 14px;width: 90%;height: 1px;background: #ddd;} .stepBar.on {background: #41454e;width: 25%;} .tabTitle {margin-top: 130px;font-size: 45px;font-weight: normal;} .tabDesc {font-size: 20px;padding-bottom: 20px; margin-bottom: 35px;border-bottom: 2px solid #515163;} .descSide .stepTitle {font-size: 30px;color: #31548c;font-weight: normal;margin-bottom: 10px;} .stepTitle .stepNumber {font-weight: bold;margin-right: 5px;} .stepDesc {font-size: 15px;min-height: 205px;border-bottom: 1px solid #515163;word-break: keep-all;} .stepDesc li {list-style: decimal;margin-left: 20px;} .stepDesc .info {margin-left: 17px;display: block;} .stepCapture {position: relative;} .moveBtn {position: absolute;font-family: 'Gulim';font-weight: bold;text-align: center;} .moveBtn.moveStep {top: 240px;background: #fff;border: 1px solid #dde2ef;color: #3f3f4d !important;line-height: 45px;width: 45px;height: 45px;border-radius: 30px;} .moveStep.prevBtn {left: -30px;} .t_mobile .moveStep.prevBtn {left: 40px;} .moveStep.nextBtn {right: 0;} .t_mobile .moveStep.nextBtn {right: 48px;} .moveBtn.movePage {color: #ddd;top: 42px;} .movePage.prevBtn {left: 146px;} .movePage.nextBtn {left: 558px;} .t_mobile .movePage.prevBtn {left: 122px;} .t_mobile .movePage.nextBtn {left: 537px;} .icon-btn-list {float: right;} .icon-btn-list > li {float: left;width: 50px;text-align: center;margin-left: 20px;} .icon-btn-list > li > a {padding-top: 45px;display: block;} .icon-btn {background-position: center 0; background-repeat: no-repeat;} .icon-btn.copy {background-image: url('/static/smartguide/icons/PC_icon_link01_normal.png');} .icon-btn.mail {background-image: url('/static/smartguide/icons/PC_icon_link02_normal.png');} .icon-btn.print {background-image: url('/static/smartguide/icons/PC_icon_link03_normal.png');} .icon-btn.copy:hover {background-image: url('/static/smartguide/icons/PC_icon_link01_mouseover.png');} .icon-btn.mail:hover {background-image: url('/static/smartguide/icons/PC_icon_link02_mouseover.png');} .icon-btn.print:hover {background-image: url('/static/smartguide/icons/PC_icon_link03_mouseover.png');}