@charset "utf-8"; /* 2017. New Main CSS */ .blind {position:absolute; left:-9999px; width:0.01em; height:0.01em; font-size:0.1em; line-height:0.01em; overflow:hidden;} .mask {width: 100%;} .main-contents {width:100%;height: auto} .main-contents .visual-section {width:100%;height: 424px;} .main-contents .visual-section .visual-inner {width:100%;height: 424px;margin:0 auto;position: relative;overflow: hidden;} .visual-section .visual-inner .visual-top-list {position:absolute;top:30px;left:50%;margin-left:-500px;overflow: hidden;z-index: 10} .visual-inner .visual-top-list li {float:left;margin-right:10px} .visual-inner .visual-top-list a {width:130px;height: 40px;display:block;line-height: 40px;font-size: 1.2em;color:#fff;font-weight: bold;text-align: center;} .visual-inner .visual-top-list a.auth-center {background: #0f53a8} .visual-inner .visual-top-list a.banking {background: #f67b1e} .visual-inner .slider-wrap {width:100%;height:424px;position: relative;background:#fffbf1;} .visual-inner .visual-slider {width:100%;height:424px;position:absolute;left:0;top:0;overflow: hidden;} .visual-inner .visual-slider li {display:none;width:100%;height:424px;position:absolute !important;left:0;top:0;background:#a7dcf4 url('../../img/common/new/thumb/thumb_visual01_pc.png') center center no-repeat;} .visual-inner .visual-slider li.item02 {background:#cfd9e2 url('../../img/common/new/thumb/thumb_visual03_pc.png') center center no-repeat; } .visual-inner .visual-slider li:first-child {display: block;} .visual-inner .visual-slider li p {display:none;position:absolute;top:140px;left:49%;margin-left:-415px;} .visual-inner .visual-slider li p + p {top:135px;} .visual-inner .visual-slider li.item02 p {top:140px;} .visual-inner .visual-slider li.item02 p + p {top:233px;} .visual-inner .visual-slider li a{display:none;position:absolute;top:260px;left:51%;margin-left:-438px;} .visual-inner .visual-slider li.item02 a {display:none;position:absolute;top:300px;left:48%;margin-left:-390px;} .visual-inner .visual-slider-controller .slider-arrow {width:21px;height:36px;display:inline-block;position: absolute;top: 50%;margin-top:-18px;background: url('../../img/common/new/icon/icon_slider_arrow_big_spr.png') no-repeat;} .visual-inner .visual-slider-controller .slider-arrow.slider-prev {background-position: 0 0;left:50%;margin-left:-500px;} .visual-inner .visual-slider-controller .slider-arrow.slider-next {background-position: 0 -36px;right:50%;margin-right:-500px;} .visual-inner .visual-slider-controller .slider-behavior {width: 9px;height: 11px;display:inline-block;position:absolute;top:45px; margin-right:-500px;right:50%;background: url('../../img/common/new/icon/icon_slider_func_spr.png') no-repeat;} .visual-inner .visual-slider-controller .slider-behavior.slider-stop {background-position: 0 -11px} .visual-inner .visual-slider-controller .slider-behavior.slider-start {background-position: 0 0} .visual-inner .visual-slider-nav {position: absolute;top:46px;right:50%;margin-right:-483px;} .visual-inner .visual-slider-nav a {width:9px;height:9px;display: inline-block;margin-left:7px;background: url('../../img/common/new/icon/icon_slider_dot_type01_spr.png') 0 -9px no-repeat;} .visual-inner .visual-slider-nav a.on {background-position: 0 0;} /* quick */ .main-contents .quick-nav-section {width:1000px;height: 74px;position: relative;margin:-37px auto 0 auto;} .main-contents .quick-nav-section .quick-nav-inner {width:100%;height:74px;position:absolute;top:0;left:0;background:url('../../img/common/new/bg/bg_quick_ptn.jpg');z-index: 10} .main-contents .quick-nav-section li {width:12.5%;height:74px;float:left;text-align: center;background:url('../../img/common/new/bg/bg_quick_line.png') left center no-repeat} .quick-nav-section li:first-child {background: none;} .quick-nav-section li a {height: 59px;padding-top:15px;display: block;text-align: center;color:#fff;background: url('../../img/common/new/icon/icon_quick01.png') center 15px no-repeat} .quick-nav-section a span {display: block;padding-top: 30px;} .quick-nav-section a.quick-item01 {background-image: url('../../img/common/new/icon/icon_quick01.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item02 {background-image: url('../../img/common/new/icon/icon_quick02.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item03 {background-image: url('../../img/common/new/icon/icon_quick03.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item04 {background-image: url('../../img/common/new/icon/icon_quick04.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item05 {background-image: url('../../img/common/new/icon/icon_quick05.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item06 {background-image: url('../../img/common/new/icon/icon_quick06.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item07 {background-image: url('../../img/common/new/icon/icon_quick07.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a.quick-item08 {background-image: url('../../img/common/new/icon/icon_quick08.png');background-position: center 15px background-repeat:no-repeat} .quick-nav-section a:hover, .quick-nav-section a:focus {background-color:#4791d8;} /* middle conts */ .main-contents .md-conts-section {width:1000px;height: auto;margin: 0 auto;} .main-contents .md-conts-section:after {display:block;clear:both;content: "";} .main-contents .md-conts-section .sub-visual-slider-box {width: 750px;height:220px;float: left;border-bottom: 1px solid #e5e5e5;position: relative;} .md-conts-section .sub-visual-slider-box li {width: 750px;height:220px;display: none;position: absolute!important;top:0;left:0;} .md-conts-section .sub-visual-slider-box li:first-child{display: block;} .md-conts-section .sub-visual-slider-box li a {height:220px;display: block;} .md-conts-section .sub-visual-slider-box li a img {width: 100%;} .sub-visual-slider-box .slider-arrow {width:18px;height:29px;display:inline-block;position: absolute;top: 50%;margin-top:-15px;background: url('../../img/common/new/icon/icon_slider_arrow_small_spr.png') no-repeat;} .sub-visual-slider-box .visual-slider-controller .slider-arrow.slider-prev {background-position: 0 -29px;left:0; z-index:999;} .sub-visual-slider-box .visual-slider-controller .slider-arrow.slider-next {background-position: 0 0;right:30px; z-index:999;} .sub-visual-slider-box .visual-slider-controller .slider-behavior {width: 9px;height: 11px;display:inline-block;position:absolute;top:20px; right:30px;background: url('../../img/common/new/icon/icon_slider_func_spr.png') no-repeat;} .sub-visual-slider-box .visual-slider-controller .slider-behavior.slider-stop {background-position: 0 -11px; z-index:999;} .sub-visual-slider-box .visual-slider-controller .slider-behavior.slider-start {background-position: 0 0; z-index:999;} .sub-visual-slider-box .visual-slider-nav {position: absolute;top:21px;right:47px;z-index:999;} .sub-visual-slider-box .visual-slider-nav a {width:9px;height:9px;display: inline-block;margin-left:7px;background: url('../../img/common/new/icon/icon_slider_dot_type01_spr.png') 0 -9px no-repeat;} .sub-visual-slider-box .visual-slider-nav a.on {background-position: 0 0;} .main-contents .md-conts-section .md-conts-right-box {width:250px;height:110px;float: left;position: relative;border-bottom: 1px solid #e5e5e5;} .md-conts-section .md-conts-right-box.notify-slider{border:0;} .md-conts-section .md-conts-right-box li {display:none;position: absolute !important;left:0;top:0;} .md-conts-section .md-conts-right-box li:first-child {display: block;} .md-conts-section .md-conts-right-box img {width:100%;} .md-conts-section .md-conts-right-box h2 {position:absolute;top:15px;left:20px;font-size: 1.0em;color: #114287;font-weight: normal;z-index: 10;} .md-conts-right-box .sub-slider-nav {position: absolute;top:20px;right:20px;} .md-conts-right-box .sub-slider-nav a {width:7px;height:7px;display: inline-block;margin-left:5px;background: url('../../img/common/new/icon/icon_slider_dot_type02_spr.png') 0 -7px no-repeat;} .md-conts-right-box .sub-slider-nav a.on {background-position: 0 0;} .main-contents .md-conts-section .etc-bn {width: 250px;height: 210px;float: left;margin-bottom: 70px} .md-conts-section .etc-bn a {display: block;} .md-conts-section .etc-bn a img {width: 100%;} .md-conts-section .etc-bn a h2 {padding:27px 0 0 30px;} .md-conts-section .etc-bn a p {width:78px;padding:10px 0 0 30px; color: #575757} .main-contents .md-conts-section .board-list {width:324px;float:left;padding:0 20px 0 10px;margin:25px 0 0 20px;position: relative;overflow: hidden;background: url('../../img/common/new/bg/bg_board_list_line.png') center right no-repeat;} .main-contents .md-conts-section .board-list.notifiy-list {background: none !important;} .md-conts-section .board-list h2 {margin-bottom: 15px} .md-conts-section .board-list ul {overflow: hidden;} .md-conts-section .board-list li {width:100%;position:relative;float: left;} .board-list li a {width:70%;display: block;line-height:21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #575757} .board-list span {position: absolute;right:0;top:1px;color: #575757} .board-list a.more {padding-right:23px;position: absolute;top:2px; right:20px; color: #575757;background: url('../../img/common/new/btn/btn_more.png') center right no-repeat;} .main-contents .md-conts-section .etc-link {width: 730px;height:48px;margin:19px 0 0 20px;float:left;border:1px solid #e5e5e5; border-left:0; border-right:0;background: url('../../img/common/new/bg/bg_etc_link.png') center bottom repeat-x;} .md-conts-section .etc-link ul {overflow: hidden;} .md-conts-section .etc-link li {float:left;padding:14px 0;text-align: center;} .md-conts-section .etc-link a {line-height: 20px;padding:0 15px;display: block; text-align: center;border-left: 1px solid #e5e5e5;} .md-conts-section .etc-link li:first-child a {border-left:0;} /*시작 - 메인상단동영상 설날편 - pc 20160128*/ .main-contents .open_banner_sul{position:absolute;top:390px;left:50%;margin-left:-470px;} .main-contents .open_banner_sul .sbnn {position:absolute; left:0; bottom:0;} .main-contents .open_banner_sul .sbnn .only_mo_chu{display:none;} .main-contents .open_banner_sul .wbnn {position:absolute; left:70px; top:-290px; bottom:0;width:750px;height:330px;background:url('/img/main/bg_dindin_pc.png') no-repeat; z-index:9999;} .main-contents .open_banner_sul .wbnn .sul_title{float:right;margin:50px 65px 0 0;} .main-contents .open_banner_sul .wbnn .sul_movie{float:left;position:relative;z-index:9;width:395px;height:222px;margin:80px 0 0 30px;} .main-contents .open_banner_sul .wbnn .sul_banner{float:right;width:266px;margin:0 37px 0 0;} .main-contents .open_banner_sul .wbnn .sul_banner .sul_scrollbox{width:260px;height:173px;overflow:hidden;margin-top:15px;line-height:20px;border-bottom:1px solid #8ed1ee;background:url('/img/main/chuseock_line.png') no-repeat top right;} .main-contents .open_banner_sul .wbnn .sul_banner .sul_scrollbox p{width:260px;height:171px;overflow-y:auto;margin:1px 0;} .main-contents .open_banner_sul .wbnn .sul_banner .sul_scrollbox p span{display:inline-block;padding:14px 0;} .main-contents .open_banner_sul button {position:absolute; top:12px; right:12px; z-index:5; width:21px; height:21px; background:url('/img/btn/btn_close2.gif') no-repeat; overflow:hidden; text-indent:100%; white-space:nowrap;} /* 끝 - 메인상단동영상 설날편 - pc 20160128*/ /* notify layer pop */ #wrapper.fixed {position: fixed;} .notify-layer-pop {display:none;width:750px;height: 330px;margin-left:126px;margin-top:-330px;position: absolute;top:0;left:0;z-index: 9990;background: #fff url('../../img/common/new/thumb/thumb_notify_banner01_pc.png') no-repeat} .notify-layer-pop a.pop-close {width: 21px;height: 21px;display: block;position:absolute;top:12px;right:12px;display:inline-block !important;} .notify-layer-pop a.link {display:inline-block;padding-top:10px;margin:277px 0 0 32px;font-weight: bold;font-size: 1.4em;color:#575757;border-top:1px solid #7f7f7f;display:inline-block !important;} .notify-mask {width:100%; height:100%; position:absolute; top:0; left:0; z-index: 9900; background:url('../../img/common/new/bg/bg_mask.png') repeat;} /* notify layer pop2 */ #wrapper.fixed2 {position: fixed;} .notify-layer-pop2 {display:none;width:750px;height: 330px;margin-left:126px;margin-top:-330px;position: absolute;top:0;left:0;z-index: 9990;background: #fff url('../../img/common/new/thumb/thumb_notify_banner02_pc.png') no-repeat} .notify-layer-pop2 a.pop-close {width: 21px;height: 21px;display: block;position:absolute;top:12px;right:12px;display:inline-block !important;} .notify-layer-pop2 a.link {display:inline-block;padding-top:10px;margin:277px 0 0 32px;font-weight: bold;font-size: 1.4em;color:#575757;border-top:1px solid #7f7f7f;display:inline-block !important;} .notify-mask2 {width:100%; height:100%; position:absolute; top:0; left:0; z-index: 9900; background:url('../../img/common/new/bg/bg_mask.png') repeat;} /* top noti */ .top-noti-wrap {height: 127px;background: #eff9ff;border-bottom: 1px solid #ccddef;display: none;} .top-noti-wrap .top-noti-inner {height:100%;max-width: 1000px;margin:0 auto;position: relative;} .top-noti-wrap dl dt, .top-noti-wrap dl dd {position: absolute;left:81px;top:27px;} .top-noti-wrap .top-noti-inner > span {width:67px;height:67px;display:block;position:absolute;top:20px;left:50%;background: url('../../img/common/new/icon/icon_noti_spr.png') 0 -67px no-repeat;} .top-noti-wrap .top-noti-inner > span.item01 {left:0; background: url('../../img/common/new/icon/icon_noti_spr.png') 0 0 no-repeat } .top-noti-wrap dl dd {top:53px;line-height:140%;color: #606060} .top-noti-wrap dl dd span {display:block;} .top-noti-wrap dl dt.item02, .top-noti-wrap dl dd.item02 {left:50%;margin-left: 82px;} .top-noti-wrap dl dd a {display:inline-block;margin:5px 0 0 0;padding-right:12px;font-size:11px;color:#0055af;background: url('../../img/common/new/icon/icon_arrow_small.png') right 3px no-repeat;} .top-noti-wrap .top-noti-close {height:13px;position: absolute;right: 0;bottom:13px;} .top-noti-wrap .top-noti-close a, .top-noti-wrap .top-noti-close label {color: #606060;vertical-align: middle;} .top-noti-wrap .top-noti-close a {display: inline-block;} .top-noti-wrap.item01-case {height: 117px;} /* media Queries */ @media screen and (max-width: 1000px){ .visual-section .visual-inner .visual-top-list {left:50%;margin:0 0 0 -346px;} .visual-inner .visual-slider {width:100%;left:0;margin:0;} .visual-inner .visual-slider li {background:#a7dcf4 url('../../img/common/new/thumb/thumb_visual01_tablet.png') center center no-repeat;} .visual-inner .visual-slider li.item02 {background:#cfd9e2 url('../../img/common/new/thumb/thumb_visual03_tablet.png') center center no-repeat; } .visual-inner .visual-slider li p, .visual-inner .visual-slider li a {left: 50%;margin:0 0 0 -267px;} .visual-inner .visual-slider li p {top:120px; margin-left:-290px;} .visual-inner .visual-slider li p + p {top:162px;} .visual-inner .visual-slider li a {top:225px;left:48%;} .visual-inner .visual-slider li.item02 a {top:264px; left:540px;} .visual-inner .visual-slider-nav {right:0; margin:0;} .visual-inner .visual-slider-controller .slider-arrow.slider-prev {left:50%;margin-left:-335px;} .visual-inner .visual-slider-controller .slider-arrow.slider-next {right:50%;margin-right:-335px;} .visual-inner .visual-slider-controller .slider-behavior {right:50%;margin-right: -335px} .visual-inner .visual-slider-nav {right:50%;margin-right: -318px} /*시작 - 메인상단배너 설날편 - tablet 20160128*/ .main-contents .open_banner_sul {top:401px; margin-left: -345px;} .main-contents .open_banner_sul .sbnn .only_mo_chu{display:none;} .main-contents .open_banner_sul .wbnn {left:90px;top:-250px;width:516px;height:341px;background:url('/img/main/bg_dindin_tablet.png') no-repeat;} .main-contents .open_banner_sul .wbnn .sul_title{float:none;text-align:center;margin:50px 0 0 0;} .main-contents .open_banner_sul .wbnn .sul_movie{float:left;position:relative;z-index:9;width:284px;height:160px;margin:35px 0 0 25px;} .main-contents .open_banner_sul .sul_banner{float:right;width:160px !important;margin:0 25px 0 0 !important;} .main-contents .open_banner_sul .sul_banner .sul_scrollbox{width:160px !important;height:160px !important;margin-top:35px !important;background:url('/img/main/chuseock_line_t.png') no-repeat top right !important;} .main-contents .open_banner_sul .sul_banner .sul_scrollbox p{width:160px !important;height:160px;overflow-y:auto;margin:1px 0;} .main-contents .open_banner_sul .sul_banner .sul_scrollbox p span{display:inline-block;padding:14px 0;} /*끝 - 메인상단배너 설날편 - tablet 20160128*/ .main-contents .quick-nav-section {width:690px;height: 150px;} .main-contents .quick-nav-section li {width:25%;} .main-contents .quick-nav-section .quick-nav-inner {height: 150px} .main-contents .md-conts-section {width:690px;} .main-contents .md-conts-section .sub-visual-slider-box {width: 440px;} .md-conts-section .sub-visual-slider-box li {width: 440px;} .md-conts-section .sub-visual-slider-box li a {height: auto;} .main-contents .md-conts-section .etc-bn {height: 260px;margin:0;} .md-conts-section .etc-bn a {height: 130px;} .main-contents .md-conts-section .board-list {width:390px;padding:0 0 15px 0; margin:20px 20px 0 30px;background: none;border-bottom: 1px solid #e5e5e5} .md-conts-section .board-list.notifiy-list {border-bottom:0;} .md-conts-section .board-list li.last {display: none;} .board-list a.more {right: 0} .main-contents .md-conts-section .etc-link {width:690px;height: auto;margin: 0 0 60px 0} .md-conts-section .etc-link a {padding:0 19px;height: 20px;line-height: 20px;margin:10px 0;} .md-conts-section .etc-link li.item01 a, .md-conts-section .etc-link li.item02 a {line-height: 15px} .notify-layer-pop {display:none;width:516px;height: 341px;margin-left:-353px;margin-top:-433px;background: #fff url('../../img/common/new/thumb/thumb_notify_banner01_tablet.png') no-repeat} .notify-layer-pop a.pop-close {width: 21px;height: 21px;display: block;position:absolute;top:12px;right:12px} .notify-layer-pop a.link {display:inline-block;padding-top:10px;margin:277px 0 0 32px;font-weight: bold;font-size: 1.4em;color:#575757;border-top:1px solid #7f7f7f;} .notify-mask {width:100%; height:100%; position:absolute; top:0; left:0; z-index: 9900; background:url('../../img/common/new/bg/bg_mask.png') repeat;} /* top noti */ .top-noti-wrap .top-noti-close {right: 20px} } @media screen and (max-width: 767px){ .visual-section .visual-inner .visual-top-list {left:15px;margin:0;} .visual-inner .visual-top-list a {width: 100px;height: 30px;font-size: 1.2em;line-height: 30px;} .main-contents .visual-section, .main-contents .visual-section .visual-inner, .visual-inner .slider-wrap {height: 330px;} .visual-inner .visual-slider {height: 330px;} .visual-inner .visual-slider li {height:330px;background:#a7dcf4 url('../../img/common/new/thumb/thumb_visual01_phone_big.png') 70% center no-repeat;} .visual-inner .visual-slider li.item02 {background:#cfd9e2 url('../../img/common/new/thumb/thumb_visual03_phone_big.png') 70% center no-repeat; } .visual-inner .visual-slider li p {top:100px;} .visual-inner .visual-slider li p, .visual-inner .visual-slider li a {margin:0;left:10%;} .visual-inner .visual-slider li p + p {top:127px;} .visual-inner .visual-slider li a {top:180px;left:10%;} .visual-inner .visual-slider li.item02 p {top:100px;} .visual-inner .visual-slider li.item02 p + p {top:195px;} .visual-inner .visual-slider li.item02 a {top:200px; left:465px;} .visual-inner .visual-slider-controller .slider-arrow.slider-prev {left:2%;margin-left:0;} .visual-inner .visual-slider-controller .slider-arrow.slider-next {right:2%;margin-right:0} .visual-inner .visual-slider-controller .slider-behavior {right:21px;margin:0;top:39px;} .visual-inner .visual-slider-nav {right:38px;top:40px;margin:0;} .main-contents .quick-nav-section, .main-contents .md-conts-section {width: 96%;} .main-contents .md-conts-section .sub-visual-slider-box { width: 100%;height: auto; margin:2% 0;border: 1px solid #e5e5e5;box-sizing: border-box;} .md-conts-section .sub-visual-slider-box li {width: 100%;height: auto} .sub-visual-slider-box .visual-slider-controller .slider-arrow.slider-prev {left:21px;} .sub-visual-slider-box .visual-slider-controller .slider-arrow.slider-next {right:21px;} .sub-visual-slider-box .visual-slider-nav {right: 47px;} .main-contents .md-conts-section .md-conts-right-box {margin-left:2%;width: 49%;height: auto;} .main-contents .md-conts-section .md-conts-right-box.notify-slider {margin-left:0;} .md-conts-section .md-conts-right-box li {width: 100%;height: auto;} .main-contents .md-conts-section .etc-bn {width:100%;margin-top:2%;height: auto;} .md-conts-section .etc-bn a {width:49%;height: auto;float:left;margin-left:2%;} .md-conts-section .etc-bn a.bn-cpn {margin:0;} .main-contents .md-conts-section .board-list {width:100%;margin:2% 0 0 0;padding:0 0 20px 0;box-sizing: border-box;border:1px solid #e5e5e5;} .md-conts-section .board-list h2 {padding:25px 0 0 30px;} .md-conts-section .board-list ul {padding:0 30px;} .board-list a.more {top:25px;right:30px;} .board-list li a {font-size:1.2em;} .board-list span {font-size: 0.9em} .main-contents .md-conts-section .etc-link {width: 100%;margin:2% 0 40px 0;box-sizing: border-box;border:1px solid #e5e5e5;} .md-conts-section .etc-link li {width:25%;} .md-conts-section .etc-link li.item01, .md-conts-section .etc-link li.item02, .md-conts-section .etc-link li.item03 {width:33%;padding-bottom:0;} .md-conts-section .etc-link li a {padding:0 10px;margin:0;} /*시작 20160128 설날편*/ .main-contents .open_banner_sul {display:none;} .main-contents .open_banner_sul .sbnn{display:none;} /*끝 20160128 설날편*/ /* top noti */ .top-noti-wrap {height: 250px;padding-left:50%;margin-left:-200px;} .top-noti-wrap dl {margin-left:-300px;} .top-noti-wrap dl dt.item02 {top:133px;left:0;} .top-noti-wrap dl dd.item02 {top:159px;left: 0} .top-noti-wrap .top-noti-inner > span.item02 {left:0;top:126px;} .top-noti-wrap .top-noti-close {left:0;margin-left:260px;right: auto;} .top-noti-wrap.item01-case {padding: 0;margin:0;} .top-noti-wrap.item01-case .top-noti-close {width:auto;margin:0;left:auto;right:20px;} } @media screen and (max-width: 499px){ .visual-section .visual-inner .visual-top-list {width:100%;top:20px;left:2%;margin: 0} .visual-inner .visual-top-list li {width:47%; margin-right: 2%} .visual-inner .visual-top-list a {width: 100%} .main-contents .visual-section, .main-contents .visual-section .visual-inner, .visual-inner .slider-wrap {height: 320px;} .visual-inner .visual-slider {height: 320px;} .visual-inner .visual-slider li {height:320px;background:#a7dcf4 url('../../img/common/new/thumb/thumb_visual01_phone_small.png') center center no-repeat;} .visual-inner .visual-slider li.item02 {background:#cfd9e2 url('../../img/common/new/thumb/thumb_visual03_phone_small.png') center right no-repeat; } .visual-inner .visual-slider li p {top:90px;left:12%;} .visual-inner .visual-slider li p + p {top:117px;left:10%} .visual-inner .visual-slider li a {top:145px;left:12%} .visual-inner .visual-slider li.item02 p {top:105px;left:10%;} .visual-inner .visual-slider li.item02 p + p {top:175px;left:10%;} .visual-inner .visual-slider li.item02 a {top:213px;left:108%} .visual-inner .visual-slider-controller .slider-arrow.slider-prev {left:2%;} .visual-inner .visual-slider-controller .slider-arrow.slider-next {right: 2%} .visual-inner .visual-slider-controller .slider-behavior {top:250px;right:50%;margin-right:-33px;} .visual-inner .visual-slider-nav {width:50px;top:251px;left:50%;margin-left:-25px;text-align: center;} .main-contents .sub-visual-slider-box .visual-slider-nav {top:auto;bottom:21px;right: auto;left:50%;margin-left:-57px;} .sub-visual-slider-box .visual-slider-controller .slider-behavior {top:auto;bottom:20px;right: 50%;margin-right:-41px;} .main-contents .quick-nav-section, .main-contents .quick-nav-section .quick-nav-inner {height: 164px;} .main-contents .quick-nav-section ul {padding:10px 0;overflow: hidden;} .main-contents .quick-nav-section li {width: 50%;height: 36px;} .quick-nav-section li a {height: 16px;padding:10px 0 10px 42px;line-height:16px;text-align:left;background: url('../../img/common/new/icon/icon_quick01.png') 15px center no-repeat;background-size: auto 50%;} .quick-nav-section a span {padding:0;} .quick-nav-section a:hover, .quick-nav-section a:focus {background-color:#4791d8; } .main-contents .md-conts-section .etc-link {background: none} .md-conts-section .etc-link ul {padding:10px 0;} .md-conts-section .etc-link li, .md-conts-section .etc-link li.item01, .md-conts-section .etc-link li.item02, .md-conts-section .etc-link li.item03 {width:47%;padding:5px 0;} .md-conts-section .etc-link li.item01 a, .md-conts-section .etc-link li.item03 a, .md-conts-section .etc-link li.item05 a, .md-conts-section .etc-link li.item07 a {border-left:0;} .md-conts-section .etc-link a {text-align: left;padding:0 15px !important} .md-conts-right-box .sub-slider-nav {width:100%;text-align:center;top:auto;right:auto;bottom:20px;} } @media screen and (max-width: 400px){ .visual-inner .visual-slider li.item02 p img {width: 170px} .visual-inner .visual-slider li.item02 p + p img {width: 178px} .visual-inner .visual-slider li.item02 p {top:68px;} .visual-inner .visual-slider li.item02 p + p {top:145px;} .visual-inner .visual-slider li.item02 a {top:145px; left:425px} /* top noti */ .top-noti-wrap {margin:0;padding:0;} .top-noti-wrap .top-noti-inner > span {left:5px !important;} .top-noti-wrap dl dt img {width: 90%} .top-noti-wrap dl dd span {display: inline} .top-noti-wrap dl dd a {display: block;width: 43px;} .top-noti-wrap .top-noti-close {width:auto;margin:0;left:auto;right:10px;text-align: right;} .top-noti-wrap.item01-case {height: 140px;} }