@charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(http://fonts.googleapis.com/css?family=Exo+2:400,500,600,700); /* Default Setting */ * {margin: 0; padding: 0;} body {visibility: hidden; line-height: 1.5; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 22px; color: #7f7f7f; letter-spacing: -0.5px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); *letter-spacing: -1px;} header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;} li {list-style: none;} a {display: inline-block; color: #7f7f7f; text-decoration: none; cursor: pointer; *display: inline; *zoom: 1;} a:hover {text-decoration: underline;} img {border: 0; vertical-align: top;} em {font-style: normal; font-weight: bold;} input, select, textarea, button {font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;} /* Default Setting (Mobile) */ body.mobile {min-width: 720px; font-size: 29px;} /* Shortcuts */ ul.float {*zoom: 1;} ul.float:after {content: ""; display: block; clear: both;} ul.float > li {float: left;} ul.float > li:first-child {padding-left: 0 !important; background: none !important;} div.float {*zoom: 1;} div.float:after {content: ""; display: block; clear: both;} div.float > .left {float: left;} div.float > .right {float: right;} .select {display: inline-block; position: relative; vertical-align: middle; *display: inline; *zoom: 1;} .select a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;} .select ul {display: none; position: absolute; top: 0; left: 0; z-index: 10;} .select.on {z-index: 10;} .select.on ul {display: block;} /* Common Styles */ .wrap {position: relative; width: 1280px; margin: 0 auto;} .wrap.w1600{width:1600px;} /* Common Styles (Low Resolution) */ body.low .wrap {width: 1000px;} /* Common Styles (Mobile) */ body.mobile .wrap, body.mobile .wrap.w1600 {width: 720px;margin: 0 auto;text-align: center;} /* Fonts */ .myeongjo {font-family: 'Nanum Myeongjo', serif;} .exo2 {font-family: 'Exo 2', sans-serif; letter-spacing: 0;} /* Skip Navigation */ .skip {position: absolute; top: 0; left: 0; width: 100%; height: 0; padding: 0; background: #000; z-index: 200; overflow: hidden; text-align: center;} .skip.on {height: auto; overflow: auto;} .skip a {display: block; line-height: 2; color: #fff; white-space: nowrap;} /* Header */ header {position: relative; background: url(/inc_img/bgHeader.png) no-repeat 50% 0; z-index: 100;} /*header .wrap {height: 124px;}*/ header .wrap {height: 266px;} header .logo {position: absolute; top: 36px; left: 0; line-height: 0; font-size: 0;} header .logo a {width: 179px; height: 55px; background: url(/inc_img/imgLogo.png) no-repeat 50% 0;} header .logo a, header .logo span {vertical-align: middle;} header .logo span {margin-left: 10px; line-height: 1; font-size: 19px; font-weight: 500; color: #fff;} header .logo span em{font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-weight:normal;} header .nav {position: absolute; top: 38px; right: 260px; font-size: 19px; text-transform: uppercase; letter-spacing: -0.6px;} header .nav li {padding-left: 15px;} header .nav li a {padding: 10px; color: #fff; text-decoration: none;} header .nav li a:hover {color: #2f99ff;} header .search {position: absolute; top: 16px; right: 0; border-bottom: solid 2px #999; line-height: 0; font-size: 0;} header .search input {border: 0; vertical-align: middle;} header .search input[type="text"] {width: 178px; height: 40px; padding: 0 2px; background: url(/inc_img/txtSearch.png) no-repeat 2px 15px; font-size: 15px; color: #aaa;} header .search input[type="text"].on {background: none;} header .search input[type="submit"] {width: 30px; height: 40px; background: url(/inc_img/btnSearch.png) no-repeat 50%; line-height: 0; font-size: 0; cursor: pointer;} .header_icon{ position: absolute; right: 0; top: 67px;} .header_icon ul {display: flex; width: 212px; justify-content: space-between; align-items: center;} body.mobile .header_icon{display: none;} body.mobile nav .header_icon{display: block;position: unset; padding-top: 25px; margin-left: 25px; width: 60%; text-align: center;} body.mobile nav .header_icon ul{display: flex; padding: 0;justify-content: space-between; width: 100%;} body.mobile nav .header_icon ul li img{ min-width: 60px;} header .btn {display: none;} header .title {position: absolute; top: 169px; left: 0; width: 100%; text-align: center; line-height: 1; font-size: 53px; color: #2f9bff;} header.main {position: absolute; top: 0; left: 0; width: 100%; background: none;} header.main .wrap {height: 124px;} /* Header (Low Resolution) */ body.low header .logo {top: 24px;} body.low header .logo span {display: block; margin-top: 5px; margin-left: 0;} /* Header (Mobile) */ body.mobile header {background: #514d4a;} body.mobile header .wrap {height: 97px;position:fixed;left:0;top:0;width:100%;background: #514d4a;} body.mobile header .logo {position: static; padding-top: 25px; text-align: center;} body.mobile header .logo span {display: none;} body.mobile header .nav {display: none;} body.mobile header .search {top: auto; bottom: -94px; right: 20px; width: 676px; height: 91px; border: 0; border-left: solid 2px #c8c8c8; border-right: solid 2px #c8c8c8; border-bottom: solid 2px #c8c8c8; background: #fff;} body.mobile header .search1{display:none;} body.mobile header .search1.on{display:block;} body.mobile header .search input[type="text"] {width: 526px; height: 90px; padding: 0 30px; background: url(/inc_img/mobile/txtSearch.png) no-repeat 30px 33px; font-size: 40px;} body.mobile header .search input[type="text"].on {background: none;} body.mobile header .search input[type="submit"] {width: 90px; height: 90px; background-image: url(/inc_img/mobile/btnSearch.png);} body.mobile header .btn {display: block; line-height: 0; font-size: 0;} body.mobile header .btn a {position: absolute; top: 0; width: 97px; height: 97px; background-repeat: no-repeat; background-position: 50%;} body.mobile header .btn a.menu {left: 0; background-image: url(/inc_img/mobile/btnMenu.png);} body.mobile header .btn a.bookmark {right: 0; background-image: url(/inc_img/mobile/btnBookmark.png);} body.mobile header .btn a.btnSearch {right: 0; background-image: url(/inc_img/mobile/btnSearch_big.png);} body.mobile header .title {display: none;} body.mobile header.main {position: relative;} body.mobile header.main .search {left:50%;margin-left:-340px;width: 680px; border: 0;} body.mobile header.main .search input[type="text"] {width: 530px;} /* Side Navigation */ nav.side {display: none; position: fixed; top: 97px; left: 0; width: 590px; background: #514d4a; z-index: 150; overflow-x: hidden; overflow-y: auto; line-height: 1.2; -webkit-overflow-scrolling: touch;} nav.side a {display: block; color: #fff; text-decoration: none;} nav.side.on {display: none;} nav.side > ul {border-bottom: solid 1px #74716e;} nav.side > ul > li {border-top: solid 1px #74716e;} nav.side > ul > li > a {padding: 30px; background: url(/inc_img/mobile/objPointNav.png) no-repeat 544px 50%; line-height: 1; font-size: 28px; letter-spacing: -1.5px;} nav.side > ul > li.on > a {background-image: url(/inc_img/mobile/objPointNavOn.png);} nav.side > ul > li.on ul {display: block; border-top: solid 1px #74716e;} nav.side > ul > li.single > a {background: none;} nav.side > ul ul {display: none; padding: 29px 0; background: #443f3d;} nav.side > ul ul a {padding: 7px 30px; font-size: 29px; color: #b2b0b0; letter-spacing: -1px;} nav.side > ul ul li:hover a, nav.side > ul ul li.on a{color: #2f99ff;} /* Side Navigation (Mobile) */ body.mobile nav.side.on {display: block;} /* Footer */ footer {background: #2c2c2c;} footer .issue {position: relative; padding: 40px 0; *zoom: 1;} footer .issue:after {content: ""; display: block; clear: both;} footer .issue dt {float: left; line-height: 50px; font-size: 40px; font-weight: 300; color: #fff;} footer .issue dt em {display: block; font-weight: normal; color: #2f99ff;} footer .issue dd {float: right; padding-right: 29px; *zoom: 1;} footer .issue dd:after {content: ""; display: block; clear: both;} footer .issue dd ul {float: left; padding-left: 23px; line-height: 30px; font-size: 13px;} footer .issue dd ul:first-child {padding-left: 0;} footer .issue dd li {padding-left: 5px; background: url(/inc_img/objBulletFooter.png) no-repeat 0 50%;} footer .issue dd li a {color: #fff;} footer .info {padding: 27px; background: #1b1b1b;} footer .info .text {padding: 1px 0 0 13px; font-size: 13px; color: #a8a8a8; letter-spacing: -0.3px;} footer .info .text address {display: inline; margin-right: 7px; font-style: normal;} footer .info .sns {float:right;line-height: 0; font-size: 0;} footer .info .sns li {padding-left: 8px;} footer .info .sns li a {width: 23px; height: 23px; background: url(/inc_img/icnSns.png) no-repeat;} footer .info .sns li a.i01 {background-position: 0 0;} footer .info .sns li a.i02 {background-position: -31px 0;} footer .info .sns li a.i03 {background-position: -63px 0;} footer .info .sns li a.i04 {background-position: -94px 0;} footer .info .sns li a.i05 {background-position: -124px 0;} footer .info .sns li a.i06 {background-position: -154px 0;} footer .info .sns_1 li a {background: url(/inc_img/icnSns01.png) no-repeat;} footer .info .sns_1 li a.i01 {background-position: 0 0;} footer .info .sns_1 li a.i02 {background-position: -31px 0;} footer .info .sns_1 li a.i03 {background-position: -62px 0;} footer .info .sns_1 li a.i04 {background-position: -93px 0;} footer .info .sns_1 li a.i05 {background-position: -124px 0;} footer .info .select {display: none;} footer .info .select {display: block; position: absolute; top: 17px; right: 22px; margin-top:15px;width: 224px; font-size: 18px;} footer .info .select a.view {height: 33px; padding: 6px 40px 0 15px; border: solid 2px #4f4f4f; background: url(/inc_img/mobile/objSelectIssue.png) no-repeat 100% 50%;} footer .info .select ul {top: auto; bottom: 43px; width: 190px; padding: 10px 15px 8px; border: solid 2px #aaa; background: #fff; line-height: 2;} /* Footer (Mobile) */ body.mobile footer {background: #2b2927;} body.mobile footer .issue {display: none;} body.mobile footer .info {padding: 25px 20px; background: none;} body.mobile footer .info .text {position:relative;float:none;padding: 0; font-size: 18px; color: #ababab;} body.mobile footer .info .text address {display: none;} body.mobile footer .info .sns {position:absolute;right:20px;bottom:30px;float:none;} body.mobile footer .info .sns li {padding-left: 10px;} body.mobile footer .info .sns li a {width: 28px; height: 28px; background: url(/inc_img/icnSns_mo.png) no-repeat;} body.mobile footer .info .sns li a.i01 {background-position: 0 0;} body.mobile footer .info .sns li a.i02 {background-position: -37px 0;} body.mobile footer .info .sns li a.i03 {background-position: -75px 0;} body.mobile footer .info .sns li a.i04 {background-position: -112px 0;} body.mobile footer .info .sns li a.i05 {background-position: -148px 0;} body.mobile footer .info .sns li a.i06 {background-position: -187px 0;} body.mobile footer .info .sns_1 li a {background: url(/inc_img/icnSns01_mo.png) no-repeat;} body.mobile footer .info .sns_1 li a.i01 {background-position: 0 0;} body.mobile footer .info .sns_1 li a.i02 {background-position: -38px 0;} body.mobile footer .info .sns_1 li a.i03 {background-position: -75px 0;} body.mobile footer .info .sns_1 li a.i04 {background-position: -113px 0;} body.mobile footer .info .sns_1 li a.i05 {width:29px;background-position: -149px 0;} body.mobile footer .info .select {display: block; /*position: absolute; top: 17px; right: 22px; */margin-top:15px;width: 224px; font-size: 18px;} body.mobile footer .info .select a.view {height: 33px; padding: 6px 40px 0 15px; border: solid 2px #4f4f4f; background: url(/inc_img/mobile/objSelectIssue.png) no-repeat 100% 50%;} body.mobile footer .info .select ul {top: auto; bottom: 43px; width: 190px; padding: 10px 15px 8px; border: solid 2px #aaa; background: #fff; line-height: 2;} /* Main I */ #content.main .visual {position: relative;} #content.main .visual, #content.main .visual .slide, #content.main .visual .slide > div {width: 100%; height: 600px;} #content.main .visual .slide > div {background-repeat: no-repeat; background-position: 50% 50%; cursor: move;} #content.main .visual .slide > div .wrap {padding-top: 190px;} #content.main .visual .slide .issue {display: none;} #content.main .visual .slide .subject {line-height: 1; font-size: 96px; color: #fff; text-indent: -5px; letter-spacing: -1px;} #content.main .visual .slide .subject em {font-weight: normal; color: #16abf7;} #content.main .visual .slide .body {margin-top: 13px; line-height: 1.2; font-size: 34px; color: #fff; letter-spacing: -1.5px;} #content.main .visual .slide .link {margin-top: 30px; padding: 5px 20px; border: solid 2px #fff; font-size: 24px; color: #fff; text-decoration: none;} #content.main .visual .slide .link:hover {border-color: #16abf7; color: #16abf7;} #content.main .visual .prev, #content.main .visual .next {display: none;} #content.main .visual .ctrl {position: absolute; top: 496px; left: 30px; z-index: 50; line-height: 0; font-size: 0;} #content.main .visual .ctrl a {width: 32px; height: 32px; margin-left: 5px;} #content.main .visual .ctrl a:first-child {margin-left: 0;} #content.main .visual .ctrl a.resume {background: url(/inc_img/btnSlideResume.png) no-repeat;} #content.main .visual .ctrl a.pause {background: url(/inc_img/btnSlidePause.png) no-repeat;} #content.main .visual .pager {position: absolute; bottom: 60px; left: 0; z-index: 50; line-height: 0; font-size: 0;} #content.main .visual .pager a {display: block; width: 9px; height: 9px; margin-top: 15px; background: url(/inc_img/objSlidePager.png) no-repeat 50%;} #content.main .visual .pager a:first-child {margin-top: 0;} #content.main .visual .pager a.activeSlide {background-image: url(/inc_img/objSlidePagerOn.png);} /* Main I (Mobile) */ body.mobile #content.main .visual, body.mobile #content.main .visual .slide, body.mobile #content.main .visual .slide > div {height: 495px;padding-top: 96px;} body.mobile #content.main .visual .slide > div {background-size: cover;} body.mobile #content.main .visual .slide > div .wrap {width: 600px; padding-top: 140px; text-align: center;} body.mobile #content.main .visual .slide .issue {display: block; font-size: 21px; color: #fff;} body.mobile #content.main .visual .slide .subject {margin-top: 20px; font-size: 67px;} body.mobile #content.main .visual .slide .body {margin-top: 25px; font-size: 29px; color: #fff;} body.mobile #content.main .visual .slide .link {margin-top: 30px; font-size: 20px;} body.mobile #content.main .visual .prev, body.mobile #content.main .visual .next {display: block; position: absolute; top: 0; width: 60px; height: 495px;text-indent:-9999px; z-index: 50; background-repeat: no-repeat; background-position: 50%;} body.mobile #content.main .visual .prev {left: 0; background-image: url(/inc_img/mobile/btnSlidePrev.png);} body.mobile #content.main .visual .next {right: 0; background-image: url(/inc_img/mobile/btnSlideNext.png);} body.mobile #content.main .visual .ctrl {display: none;} body.mobile #content.main .visual .pager {bottom: 35px; width: 100%; text-align: center;} body.mobile #content.main .visual .pager a {display: inline-block; margin-top: 0; margin-left: 15px; *display: inline; *zoom: 1;} body.mobile #content.main .visual .pager a:first-child {margin-left: 0;} /* Main II */ #content.main section .wrap > .title {font-size: 31px; font-weight: bold; color: #000;} #content.main section .wrap > .title em {font-weight: bold;} #content.main section.combi {position:relative;background: #f5f6f8;} #content.main section.combi .wrap {padding: 60px 0 30px 0;} #content.main section.combi .tab{display:none;} #content.main section.combi .wrap > .title{font-size:51px;color:#524b44;font-weight:600;} #content.main section.combi .wrap > .title_sub{font-size: 18px;color:#b8b9ba;font-weight:500;letter-spacing:-0.5px;} #content.main section.combi .list {padding:45px 0 30px;} #content.main section.combi .list li {margin-bottom:20px;padding-left:25px;width:410px;} #content.main section.combi .list li a {position: relative; display: block; background:#fff; text-decoration: none;} #content.main section.combi .list li a:hover .subject {color: #2f9bff;} #content.main section.combi .list li a > div{height:261px;} #content.main section.combi .list li a > div img {width: 100%;height: 100%;} #content.main section.combi .list li a > div.text{padding: 23px 10px 0 10px;height: 238px;} #content.main section.combi .list li.double a > div{height: 241px;padding-top:19px;border-top:1px solid #776c61;} #content.main section.combi .list li.full a{position:relative;} #content.main section.combi .list li.full a > div{height: 522px;overflow: hidden;} #content.main section.combi .list li.full a > div.text{position:absolute;top:0;left:0;padding:0;width:100%;height:100%;} #content.main section.combi .list li.full a > div.text > .txtW{position:absolute;bottom:0;left:0;padding:30px 25px;} #content.main section.combi .list .date{display:none;line-height:28px;font-size: 18px;color:#a6a6a6;background:url(/inc_img/icn01.png) right center no-repeat;} #content.main section.combi .list .date em{display:inline-block;margin-right:15px;width:65px;height:28px;line-height:28px;font-size:16px;color:#fff;font-weight:bold;background-color:#333;text-align:center;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow:hidden;vertical-align:top;} #content.main section.combi .list .cate {margin:22px 0 15px;line-height:1em;font-size:23px;color:#2f9bff;font-weight:bold;} #content.main section.combi .list .subject, #content.main section.combi .list .body {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word;} #content.main section.combi .list .subject {margin-bottom: 15px;height:2.8em;line-height: 1.4em;-webkit-line-clamp: 2;font-size: 24px;color: #333;font-weight:500;letter-spacing: -1px;} #content.main section.combi .list .subject em{font-weight:500;} #content.main section.combi .list .body{height:2.8em;line-height: 1.4em;-webkit-line-clamp: 2;font-size: 18px;color:#a6a6a6;font-weight:400;letter-spacing: -0.5px;} #content.main section.combi .list .double .date, #content.main section.combi .list .full .date{background:0;} #content.main section.combi .list .full .subject{font-size:23px;color:#fff;} #content.main section.combi .list .full .body{height:4.2em;-webkit-line-clamp: 3;color:#fff;opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} #content.main section.combi .listBtn{display:block;margin:0 auto;width:64px;height:64px;background:url(/inc_img/icn02.png) 0 0 no-repeat;line-height:0;font-size:0;} #content.main section.combi .more {display: none;} #content.main section.combi .theme{position:absolute;top:-153.5px;right:103px;width:307px;height:307px;z-index:5;} #content.main section.combi .theme > div{padding: 35px 30px;width:420px;height:350px;background-position:right bottom;background-repeat:no-repeat;} #content.main section.combi .theme .issue{line-height:1em;font-size:104px;color:#fff;} #content.main section.combi .theme .subject{margin:40px 0 10px 0;line-height:1em;font-size:34px;color:#fff;font-weight:200;} #content.main section.combi .theme .body{line-height:1.4em;font-size: 18px;color:#fff;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} #content.main section.combi .theme1 > div{width:470px;height:290px;} #content.main section.sense {padding-top:71px;background: #fff;border-top:2px solid #2f9bff;} #content.main section.sense .wrap {padding-bottom: 80px;} #content.main section.sense .title{position:absolute;margin-top:-20px;width:100%;font-size:26px;color:#555;text-align:center;} #content.main section.sense .title em {padding:0 60px;font-weight:normal;background-color:#FFF;} #content.main section.sense .list {padding:50px 0;border-top:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;} #content.main section.sense .list li {width: 318.5px;border-left:2px solid #f0f0f0;} #content.main section.sense .list li:first-child {border-left:0;} #content.main section.sense .list li > div{position:relative;display: block;padding:0 18.25px; background: #fff; text-decoration: none;} #content.main section.sense .list li > div:hover .subject {color: #2f9aff;} #content.main section.sense .list li > div > a:hover{text-decoration:none;} #content.main section.sense .list .thumb{width: 282px; height: 180px;} #content.main section.sense .list .thumb img {width: 100%; height: 100%;} #content.main section.sense .list .text{text-align:center;} #content.main section.sense .list .cate {position:absolute;top:0;left:18.25px;padding-left:17px;width:67px;height:33px;line-height:33px;font-size:13px;color:#fff;font-weight:500;background-color:#2f9aff;text-align:left;border-radius: 0 30px 30px 0;-moz-border-radius: 0 30px 30px 0;-webkit-border-radius: 0 30px 30px 0;overflow:hidden;} #content.main section.sense .list .subject, #content.main section.sense .list .body {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word;} #content.main section.sense .list .subject {margin-top: 25px; height: 2.4em; line-height: 1.2em; -webkit-line-clamp: 2;font-size: 23px; color:#3b3b3b; font-weight: bold; letter-spacing:-1px;overflow: hidden; } #content.main section.sense .list .body {margin-top: 19px;height: 2.8em;line-height: 1.4em;-webkit-line-clamp: 2;font-size: 18px;color: #949494;overflow: hidden;} #content.main section.sense .list .link{display:inline-block;margin-top:15px;width:111px;height:31px;line-height:31px;font-size:12px;color:#c6c6c6;border:1px solid #d1d1d1;text-align:center;font-style:italic;text-decoration:none;} #content.main .tmp {display: none;} /* Main II (Mobile) */ body.mobile #content.main section.combi .wrap, body.mobile #content.main section.sense .wrap {width:680px;padding-bottom: 10px;margin:0 auto;} body.mobile #content.main section.combi > .wrap{width:720px;padding-top:0;} body.mobile #content.main section.combi .tab{display:none;margin-bottom:10px;} body.mobile #content.main section.combi .tab ul{background-color:#fff;box-shadow: 0px 5px 10px #cbcccf;} body.mobile #content.main section.combi .tab ul li{position:relative;margin:-1px;width:50%;background-position:20px center;background-repeat:no-repeat;border:1px solid #ececec;} body.mobile #content.main section.combi .tab ul li a{position:relative;display:block;padding-left:97px;height:100px;line-height:100px;font-size:26px;color:#666;text-decoration:none;} body.mobile #content.main section.combi .tab ul li.i01{background:url(/inc_img/icnTab01_01.png) 20px center no-repeat !important;} body.mobile #content.main section.combi .tab ul li.i02{background:url(/inc_img/icnTab01_02.png) 20px center no-repeat !important;} body.mobile #content.main section.combi .tab ul li.i03{background-image:url(/inc_img/icnTab01_03.png);} body.mobile #content.main section.combi .tab ul li.i04{background-image:url(/inc_img/icnTab01_04.png);} body.mobile #content.main section.combi .tab ul li.i05{background-image:url(/inc_img/icnTab01_05.png);} body.mobile #content.main section.combi .tab ul li.i06{background-image:url(/inc_img/icnTab01_06.png);} body.mobile #content.main section.combi .tab ul li:hover a, body.mobile #content.main section.combi .tab ul li.on a{height:94px;line-height:88px;color:#16abf7;border-top:6px solid #16abf7;} body.mobile #content.main section.combi .tab ul li.i01:hover, body.mobile #content.main section.combi .tab ul li.i01.on{background:url(/inc_img/icnTab01_01on.png) 20px center no-repeat !important} body.mobile #content.main section.combi .tab ul li.i02:hover, body.mobile #content.main section.combi .tab ul li.i02.on{background:url(/inc_img/icnTab01_02on.png) 20px center no-repeat !important} body.mobile #content.main section.combi .tab ul li.i03:hover, body.mobile #content.main section.combi .tab ul li.i03.on{background-image:url(/inc_img/icnTab01_03on.png);} body.mobile #content.main section.combi .tab ul li.i04:hover, body.mobile #content.main section.combi .tab ul li.i04.on{background-image:url(/inc_img/icnTab01_04on.png);} body.mobile #content.main section.combi .tab ul li.i05:hover, body.mobile #content.main section.combi .tab ul li.i05.on{background-image:url(/inc_img/icnTab01_05on.png);} body.mobile #content.main section.combi .tab ul li.i06:hover, body.mobile #content.main section.combi .tab ul li.i06.on{background-image:url(/inc_img/icnTab01_06on.png);} body.mobile #content.main section.combi .wrap > .title{margin-top:-20px;font-size:35px;font-weight:500;} body.mobile #content.main section.combi .wrap > .title_sub{margin-bottom: 25px;font-size:22px;} /*body.mobile #content.main section.combi .list{padding: 0;box-shadow: 0px 5px 10px #cbcccf;} body.mobile #content.main section.combi .list li{float:none;padding:0;width:100%;margin-bottom: 0;background-color:#fff;} body.mobile #content.main section.combi .list li + li + li{display:none;} body.mobile #content.main section.combi .list li + li + li + li + li + li{display:block;} body.mobile #content.main section.combi .list a:after{content: ""; display: block; clear: both;} body.mobile #content.main section.combi .list .thumb{float:left;width:271px;height:200px;text-align:center;overflow:hidden;} body.mobile #content.main section.combi .list .thumb img{width:100%;height:100%;} body.mobile #content.main section.combi .list .text{float:left;padding: 0 0 0 20px;width: 389px;height: 198px;border-bottom: solid 2px #ececec;}*/ body.mobile #content.main section.combi .list{position:relative;margin-bottom:40px;padding: 0 0 746px 0;} body.mobile #content.main section.combi .list li{padding: 0;width:48.7%;} body.mobile #content.main section.combi .list li + li{padding-left:2.6%;} body.mobile #content.main section.combi .list li.double, body.mobile #content.main section.combi .list li.full{padding-left:0;width:100%;} body.mobile #content.main section.combi .list li.full{position:absolute;bottom:0;} body.mobile #content.main section.combi .list li + li + li + li + li + li + li{padding-left:2.6%;} body.mobile #content.main section.combi .list li > a{padding:20px;box-shadow: 0px 5px 10px #cbcccf;} body.mobile #content.main section.combi .list li.double > a + a{margin-top:20px;} body.mobile #content.main section.combi .list li.full > a{padding:0;} body.mobile #content.main section.combi .list li a > div.thumb{width:100%;height:180px !important;} body.mobile #content.main section.combi .list li a > div.text{padding:0;height:270px;} body.mobile #content.main section.combi .list li.double a > div{border-top:0;height:203px;} body.mobile #content.main section.combi .list li.full > a > div{height:726px;} body.mobile #content.main section.combi .list li.full a > div.text > .txtW{padding:0px 20px;} body.mobile #content.main section.combi .list .date{position:absolute;bottom: 30px;font-size:20px;color:#999;font-weight:300;background:0;} body.mobile #content.main section.combi .list .cate{margin-top: 25px;font-size:20px;font-weight:500;} body.mobile #content.main section.combi .list .subject{height: 2.4em;line-height: 1.2em;font-size:30px;font-weight:300;} body.mobile #content.main section.combi .list .body{height:5.6em;font-size:20px;-webkit-line-clamp:4;} body.mobile #content.main section.combi .list li.double .body, body.mobile #content.main section.combi .list li.full .body{height:2.8em;-webkit-line-clamp:2;} body.mobile #content.main section.combi .list .date em, body.mobile #content.main section.combi .list .cate em, body.mobile #content.main section.combi .list .subject em{display:none;} body.mobile #content.main section.combi .listBtn {display: none;} body.mobile #content.main section.combi .more {display: block;background: #fafafa;box-shadow: 0px 5px 10px #cbcccf;text-align: center;line-height: 3;font-size: 30px;} body.mobile #content.main section.combi .theme{display:none;} body.mobile #content.main section.sense .list{margin-bottom:50px;padding:50px 0 30px 0;} body.mobile #content.main section.sense .list li{width:339px;border:0;} body.mobile #content.main section.sense .list li + li + li{margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0;} body.mobile #content.main section.sense .list li + li > div{border-left:2px solid #f0f0f0} body.mobile #content.main section.sense .list li + li + li > div{border-left:0;} body.mobile #content.main section.sense .list li + li + li + li > div{border-left:2px solid #f0f0f0} body.mobile #content.main section.sense .list li > div{padding:0 5px;} body.mobile #content.main section.sense .list .thumb{margin:0 auto;width:287px;} body.mobile #content.main section.sense .list .cate{left:26px;font-size:20px;} body.mobile #content.main section.sense .list .subject{height:2.5em;font-size:30px;font-weight:300;} body.mobile #content.main section.sense .list .body{font-size:20px;} body.mobile #content.main .tmp {display: block; padding-bottom: 40px;background: #f5f6f8; text-align: center; line-height: 0; font-size: 0;} /* Sub Page */ #content.sub nav.inner {border-bottom: solid 1px #c8c8c8; line-height: 0; font-size: 0; margin-top: ;} /*#content.sub nav.inner {border-bottom: solid 1px #c8c8c8; line-height: 0; font-size: 0; margin-top: 74px;}*/ #content.sub nav.inner .home {width: 74px; height: 50px; border-left: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; background: #fff url(/inc_img/icnHome.png) no-repeat 50%; vertical-align: middle;} #content.sub nav.inner .select {width: 224px; font-size: 16px;} #content.sub nav.inner .select a.view {padding: 0 47px 0 20px; border-right: solid 1px #c8c8c8; background: #fff url(/inc_img/objSelectNav.png) no-repeat 100% 50%; line-height: 50px;} #content.sub nav.inner .select ul {top: 51px; left: -1px; width: 183px; padding: 10px 20px; border: solid 1px #c8c8c8; border-top: 0; background: #fff; line-height: 2.2;} /* Sub Page (Mobile) */ body.mobile #content.sub {padding-top: 90px;} body.mobile #content.sub nav.inner {border-top: solid 2px #c8c8c8; border-bottom-width: 2px; background: #e6e7eb; height: 96px; margin-top: 0px;} body.mobile #content.sub nav.inner .wrap {width: 680px;} body.mobile #content.sub nav.inner .home {height: 96px; border-left-width: 2px; border-right-width: 2px;} body.mobile #content.sub nav.inner .select {width: 301px; font-size: 20px;} body.mobile #content.sub nav.inner .select a.view {border-right-width: 2px; line-height: 60px;} body.mobile #content.sub nav.inner .select ul {top: 62px; left: -2px; width: 259px; border-width: 2px;} /* Post */ #content.sub .post .head {padding-top: 115px; background: url(/inc_img/icnQuot.png) no-repeat 50% 55px; text-align: center;} #content.sub .post .sss {padding-top: 0px; background: url(/inc_img/icnQuot2.png) no-repeat 50% 10px; text-align: center;} #content.sub .post .head .title {line-height: 1.2; font-size: 51px; font-weight: 300; color: #333; letter-spacing: -3px;} #content.sub .post .head .body {margin-top: 35px; line-height: 1.4; color: #6e6e6e; letter-spacing: 1px;} #content.sub .post .head .author {margin-top: 12px; font-size: 22px;} #content.sub .post .head + .pack {margin-top: 68px; padding-top: 0;} #content.sub .post .pack {position:relative;padding: 75px 0; text-align: center;} #content.sub .post .pack img {max-width: 100%; margin-top: 50px;} #content.sub .post .pack h2 {margin-top: 50px; font-size: 32px; font-weight: 500; color: #4a4a4a; letter-spacing: -1.5px;} #content.sub .post .pack h2, #content.sub .post .pack p {text-align: left;} #content.sub .post .pack p a {color: #2f99ff; text-decoration: underline;} #content.sub .post .pack p em {font-size: 22px; color: #333;} #content.sub .post .pack p {margin-top: 50px; line-height: 1.8; letter-spacing: -1px;} #content.sub .post .pack p + p {margin-top: 30px;} #content.sub .post .pack h2:first-child, #content.sub .post .pack p:first-child, #content.sub .post .pack img:first-child {margin-top: 0;} #content.sub .post .pack + .pack {border-top: solid 1px #dcd9d7;} #content.sub .post .pack img + .wrap {margin-top: 30px;} #content.sub .post .pack .icnPointMark{position:absolute;top:0;left:0;margin:-35px 0 0 -85px;display:block;width:219px;height:219px;background: url(/inc_img/icnPointMark.png) 0 0 no-repeat;z-index:1;} #content.sub .post .bg {background: #efefef;} #content.sub .post .caption {margin-top: 20px; color: #000;} #content.sub .post .pack h2.question {position: relative;padding-left: 87px;line-height: 34px;width: calc(100% - 87px);} #content.sub .post .pack h2.question > span {display: block; position: absolute; top: 0; left: 0; background: #2f9bff; width: 67px; text-align: center; line-height: 67px; font-size: 30px; color: #fff;} #content.sub .post .pack h2.question.single {line-height: 67px;} #content.sub .post .pack ul.people {text-align: left;} #content.sub .post .pack ul.people li {position: relative; padding: 50px 0; border-top: solid 1px #dcd9d7;} #content.sub .post .pack ul.people li:first-child {border-top: 0;} #content.sub .post .pack ul.people dt {display: inline-block; padding-bottom: 10px; border-bottom: solid 5px #2f9bff; line-height: 1; font-size: 24px; font-weight: 500; color: #333; *display: inline; *zoom: 1;} #content.sub .post .pack ul.people dd {margin-top: 20px;} #content.sub .post .pack ul.people li.portrait {padding-left: 315px; min-height: 275px;} #content.sub .post .pack ul.people li.portrait img {position: absolute; top: 50px; left: 0; max-width: 275px;} #content.sub .post .pack ul.people + h2, #content.sub .post .pack ul.people + p, #content.sub .post .pack ul.people + img {margin-top: 0;} #content.sub .post .pack ul.people.extend li {padding-top: 0; border-top: 0;} #content.sub .post .pack ul.people.extend dt {display: block; height: 36px; padding-bottom: 0; border-bottom: solid 1px #333;; line-height: 1.2; font-size: 36px; font-weight: bold;} #content.sub .post .pack ul.people.extend dt span {display: inline-block; background: #fff; *display: inline; *zoom: 1;} #content.sub .post .pack ul.people.extend dt.blue {border-color: #2f9bff; color: #2f9bff;} #content.sub .post .pack ul.people.extend dt.yellow {border-color: #ffcf13; color: #ffcf13;} #content.sub .post .pack ul.people.extend li.portrait {padding-left: 345px; min-height: 340px;} #content.sub .post .pack ul.people.extend li.portrait img {top: 0; max-width: 305px;} #content.sub .post .pack ul.people.extend li.portrait.reverse {padding-left: 0; padding-right: 345px;} #content.sub .post .pack ul.people.extend li.portrait.reverse img {left: auto; right: 0;} #content.sub .post .pack ul.people.extend dt.blue1 {background:url(/inc_img/icnPLineBlue.png) right bottom repeat-x;border:0;} #content.sub .post .pack ul.people.extend dt.yellow1 {background:url(/inc_img/icnPLineYellow.png) right bottom repeat-x;border:0;} #content.sub .post .pack ul.people.extend dt.blue2 {background:url(/inc_img/icnPLineBlue_01.png) right bottom no-repeat;border:0;} #content.sub .post .pack ul.people.extend dt.yellow2 {background:url(/inc_img/icnPLineYellow_01.png) right bottom no-repeat;border:0;} #content.sub .post .pack dl.tip {margin-top: 50px; padding: 55px; border: solid 4px #dfdfdf; background: #f9f9f9 url(/inc_img/icnTip.png) no-repeat 50% 20px;} #content.sub .post .pack dl.tip dt {height: 19px; border-bottom: solid 1px #333; font-size: 24px; font-weight: bold; color: #333;} #content.sub .post .pack dl.tip dt > span {display: inline-block; padding: 0 20px; background: #f9f9f9; *display: inline; *zoom: 1;} #content.sub .post .pack dl.tip dt + dd {margin-top: 40px;} #content.sub .post .pack dl.tip dd {margin-top: 30px; text-align: left;} #content.sub .post .pack dl.tip dd img {margin-top: 0;} #content.sub .post .pack dl.tip dd.center {text-align: center;} #content.sub .post .pack.double{*zoom:1;} #content.sub .post .pack.double:after{display:block;content:"";clear:both;} #content.sub .post .pack.double > div{float:left;width: 47.5%; margin-left: 5%;} #content.sub .post .pack.double > div:first-child{margin-left:0;} #content.sub .post .pack .info_box{margin-top:40px;padding:20px;background-color:#FFF;border:2px solid #cfcfcf;text-align:left;} #content.sub .post .pack .info_box.w30{width:30%;} #content.sub .post .pack .info_box h2{margin-bottom:15px;padding:0 0 15px;line-height:1em;font-size:22px;color:#4a4a4a;font-weight:bold;border-bottom:1px solid #cfcfcf;} #content.sub .post .pack .info_box span{font-size:12px;color:#7f7f7f;font-weight:500;} #content.sub .post .pack .info_box .blue{color:#084fa7} #content.sub .post .pack .info_box dl.float {*zoom: 1;line-height:1.6em;} #content.sub .post .pack .info_box dl.float:after {content: ""; display: block; clear: both;} #content.sub .post .pack .info_box dl.float dt{float:left;width:14.5%;;text-align:left;} #content.sub .post .pack .info_box dl.float dd{float:left;padding-left:2%;width:83.5%;text-align:left;} #content.sub .post .pack .info_box dl.float.icn dt{padding-left:7%;width:20.5%} #content.sub .post .pack .info_box dl.float.icn dd{width:70.5%} #content.sub .post .pack .info_box dl dt{font-size:15px;color:#4a4a4a;} #content.sub .post .pack .info_box dl dt em{display:inline-block;width:85%;} #content.sub .post .pack .info_box dl dd{font-size:15px;color:#7f7f7f;} #content.sub .post .pack .info_box dl dd a{color:#084fa7;font-weight:500;} #content.sub .post .pack .info_box dl dd span{font-size:13px;} #content.sub .post .pack .info_box dl.icn dt{font-size:18px} #content.sub .post .pack .info_box dl.icn dt em{width:93%;} #content.sub .post .pack .info_box dl.icn dd{font-size:18px;} #content.sub .post .pack .info_box dl dt.i01{background:url(/inc_img/icnLife01_01.png) 0 center no-repeat;} #content.sub .post .pack .info_box dl dt.i02{background:url(/inc_img/icnLife01_02.png) 0 center no-repeat;} #content.sub .post .pack .info_box dl dt.i03{background:url(/inc_img/icnLife01_03.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap{} #content.sub .post .pack .info_wrap.right{float:right;margin:0;padding-left:13.6%;border-left:1px solid #dcd9d7} #content.sub .post .pack .info_wrap p{margin-top:20px;font-size:18px;} #content.sub .post .pack .info_wrap .pdf{margin-top:25px;width:291px;} #content.sub .post .pack .info_wrap .pdf a{margin-top:10px;padding:10px 47px;line-height:1em;font-size:12px;color:#fff;font-weight:500;background:#2f9bff url(/inc_img/icnDownload.png) 95% center no-repeat;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-align:center;vertical-align:top;} #content.sub .post .pack .info_wrap .pdf a.btn{padding:10px 30px;height:1em;font-size:14px;background-image:none;} #content.sub .post .pack .info_wrap .pdf a.btn em{padding-right:20px;font-weight:500;background:url(/inc_img/icnDownload.png) right center no-repeat;} #content.sub .post .pack .info_wrap .info_box{margin-top:20px;padding:0;background-color:transparent;border:0;} #content.sub .post .pack .info_wrap .info_box dl.float.icn dt{padding-left:5%;width:9.5%;} #content.sub .post .pack .info_wrap .info_box dl.float.icn dt em{width:85%;} #content.sub .post .pack .info_wrap .info_box dl.float.icn dd{width:83.5%;} #content.sub .post .pack .info_wrap .info_box dl dt.i01{background:url(/inc_img/icnLife02_01.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i02{background:url(/inc_img/icnLife02_02.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i03{background:url(/inc_img/icnLife02_03.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i04{background:url(/inc_img/icnLife02_04.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i05{background:url(/inc_img/icnLife02_05.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i06{background:url(/inc_img/icnLife02_06.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box.float > div{float:left;width:50%;} #content.sub .post .pack ul.meat{margin-top:75px;} #content.sub .post .pack ul.meat li{width:33.333333%;} #content.sub .post .pack ul.meat li h2{padding-top:165px;line-height:1em;font-size:28px;} #content.sub .post .pack ul.meat li p{margin-top:20px;font-size:20px;text-align:center;letter-spacing: -2px} #content.sub .post .pack h2.color_blue{line-height:33px;font-size:23px;text-align:center;} #content.sub .post .pack h2.color_blue em{color:#2f9bff;} #content.sub .post .pack h2.color_blue span{display:inline-block;width:33px;height:33px;vertical-align:top;} #content.sub .post .pack h2.color_blue span.left{margin-right:10px;background:url(/inc_img/icnBlueLabel01_01.png) 0 0 no-repeat;} #content.sub .post .pack h2.color_blue span.right{margin-left:10px;background:url(/inc_img/icnBlueLabel01_02.png) 0 0 no-repeat;} #content.sub .post .pack .center_box{margin:0 auto;padding:30px;width:584px;border:2px solid #cfcfcf} #content.sub .post .pack .center_box p{margin-top:20px;} #content.sub .post .pack .center_box p, #content.sub .post .pack .center_box p em{font-size:18px;} /* Post (Mobile) */ body.mobile #content.sub .post .head .author {margin-top: 12px; font-size: 29px;} body.mobile #content.sub .post .wrap {width: 680px;} body.mobile #content.sub .post .pack p em {font-size: 27px;} body.mobile #content.sub .post .pack .icnPointMark{display:none;} body.mobile #content.sub .post .pack ul.people dt {font-size: 32px;} body.mobile #content.sub .post .pack ul.people li.portrait {padding-left: 0;} body.mobile #content.sub .post .pack ul.people li.portrait img {position: static;} body.mobile #content.sub .post .pack ul.people li.portrait dl {margin-top: 20px;} body.mobile #content.sub .post .pack.float > .left, body.mobile #content.sub .post .pack.float > .right {float: none; width: 100% !important;} body.mobile #content.sub .post .pack.float > .right {margin-top: 50px;} body.mobile #content.sub .post .pack ul.people.extend dt {border-bottom: 0;} body.mobile #content.sub .post .pack ul.people.extend li.portrait.reverse {padding-right: 0;} body.mobile #content.sub .post .pack dl.tip dt {height: 23px; font-size: 30px;} body.mobile #content.sub .post .pack dl.tip dd img {margin-top: 30px; margin-left: 0 !important;} body.mobile #content.sub .post .pack.double > div{float: none !important; width: 100% !important; margin-left: 0 !important; text-align: center;} body.mobile #content.sub .post .pack.double > div + div{padding-top: 50px; } body.mobile #content.sub .post .pack.double > div h2{text-align:center;} body.mobile #content.sub .post .pack .info_box.w30{width:636px !important;} body.mobile #content.sub .post .pack .info_box span{font-size:24px;} body.mobile #content.sub .post .pack .info_box dl dt, body.mobile #content.sub .post .pack .info_box dl dd{font-size:29px;} body.mobile #content.sub .post .pack .info_box dl dd span{font-size:18px;} body.mobile #content.sub .post .pack .info_wrap{float:none;padding:0;width:100%;border:0;} body.mobile #content.sub .post .pack .info_wrap.right{margin-top:75px;padding-left:0 !important;border-top:1px solid #dcd9d7;} body.mobile #content.sub .post .pack .info_wrap p{font-size:26px;text-align:center;} body.mobile #content.sub .post .pack .info_wrap .pdf{width:100%;} body.mobile #content.sub .post .pack .info_wrap .pdf a{margin-top:25px;font-size:26px;} body.mobile #content.sub .post .pack .info_wrap .info_box.float > div{float:none;width:100%;border-top:1px solid #efefef} body.mobile #content.sub .post .pack .info_wrap .info_box.float > div:first-child{border-top:0;} body.mobile #content.sub .post .pack ul.meat li{width:50%;} body.mobile #content.sub .post .pack ul.meat li:first-child{margin-bottom:20px;width:100%;} body.mobile #content.sub .post .pack ul.meat li h2{font-size:28px;} body.mobile #content.sub .post .pack ul.meat li p{font-size:24px;} body.mobile #content.sub .post .pack h2.color_blue{font-size:30px;} body.mobile #content.sub .post .pack .center_box p, body.mobile #content.sub .post .pack .center_box p em{font-size:26px;} /* Event */ #content.sub .post .pack.event .ev_num{} #content.sub .post .pack.event .ev_num em{display:block;} #content.sub .post .pack.event h2{text-align:center;} #content.sub .post .pack.event h2 img{margin:10px 10px 0 10px;} #content.sub .post .pack.event p{margin-top:20px;font-size:20px;text-align:center;} #content.sub .post .pack.event p em{font-size:20px;color:#2f9bff;font-weight:normal;} #content.sub .post .pack.event .app{display:inline-block;margin-top:40px;padding:20px 160px;border-top:2px solid #efefef;border-bottom:2px solid #efefef;} #content.sub .post .pack.event .app > div{display:inline-block;min-height:83px;line-height:83px;background-position:0 center;background-repeat:no-repeat;} #content.sub .post .pack.event .app > div > div{display:inline-block;padding-left:105px;line-height:1.2em;vertical-align:middle;} #content.sub .post .pack.event .app h2{font-size:25px;font-weight:bold;text-align:left;} #content.sub .post .pack.event .app h2 em{color:#2f9bff;} #content.sub .post .pack.event .app p{margin-top:5px;font-size:18px;text-align:left;} #content.sub .post .pack.event .tip{display:inline-block;margin:30px 0 35px 0;padding:0 60px;line-height:2em;font-size:20px;color:#898888;background-color:#f5f5f5;border:2px solid #c2c2c2;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;overflow:hidden;} #content.sub .post .pack.event .box{margin:0 auto;width:928px;} #content.sub .post .pack.event .box > div{padding:60px 40px 40px 40px;background-color:#fff;border:1px solid #d2d2d2;} #content.sub .post .pack.event .box .prize{} #content.sub .post .pack.event .box .prize ul{margin:20px 0 50px 0;text-align:left;} #content.sub .post .pack.event .box .prize ul li{padding-left:15%;width: 35%;font-size: 16px;color: #474747;font-weight: bold;} #content.sub .post .pack.event .box .prize ul li:first-child{padding-left:15% !important;} #content.sub .post .pack.event .box .prize ul li.two{padding-left:7%;width:43%;} #content.sub .post .pack.event .box .txt{display:inline-block;} #content.sub .post .pack.event .box .txt p{margin-top:10px;font-size:18px;color:#999;text-align:left;} #content.sub .post .pack.event .box .txt p em{display:inline-block;margin-right:15px;width:89px;height:28px;line-height:28px;font-size:14px;color:#fff;font-weight:bold;background-color:#333;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:center;} #content.sub .post .pack.event .event_notice{margin-top:50px;border:2px solid #d5d5d5;} #content.sub .post .pack.event .event_notice > div{padding:38px;} #content.sub .post .pack.event .event_notice h3{padding-left:30px;font-size:16px;color:#333;font-weight:bold;background:url(../img/event/icn01.png) 0 center no-repeat;text-align:left;} #content.sub .post .pack.event .event_notice p{font-size:20px;color:#999;text-align:left;} #content.sub .post .ev_pop{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;} #content.sub .post .ev_pop .evpop_back{position:fixed;width: 100%;height: 100%;background-color: #000;opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} #content.sub .post .ev_pop .panel{position:absolute;top:311px;left:50%;margin-left:-400px;width:800px;background-color:#fff;text-align:center;} #content.sub .post .ev_pop .panel .popclose{position: absolute;right: -57px;top: 0;width: 57px;height: 57px;text-indent: -9999px;background: url(../img/event/btnEvPopClose.png) 0 0 no-repeat;} #content.sub .post .ev_pop .panel .comm{margin-bottom:50px;line-height:1.6em;font-size:20px;color:#4a4a4a;} #content.sub .post .ev_pop .panel .comm em{display:block;font-size:17px;color:#2f9bff;font-weight:500;} #content.sub .post .ev_pop .panel .bg{padding:50px 60px 60px 60px;} #content.sub .post .ev_pop .panel .email_input{} #content.sub .post .ev_pop .panel .email_input > span{position:relative;} #content.sub .post .ev_pop .panel .email_input label{position:absolute;left:25px;top:8px;padding:0 15px 0 30px;font-size:16px;color:#a5a5a5;font-weight:500;background:url(../img/event/icnEmail.png) 0 center no-repeat;border-right:1px solid #c6c6c6;} #content.sub .post .ev_pop .panel .email_input input{padding:0 25px 0 130px;width:416px;height:40px;line-height:40px;border:1px solid #c6c6c6;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;overflow:hidden;vertical-align:top;} #content.sub .post .ev_pop .panel .btn{margin-top:30px;font-size:0;} #content.sub .post .ev_pop .panel .btn button, #content.sub .post .ev_pop .panel .btn a{margin:0 8px;width:160px;height:59px;line-height:59px;font-size:16px;color:#fff;font-weight:bold;background-color:#b3b3b3;border:0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;vertical-align:top;text-decoration:none;} #content.sub .post .ev_pop .panel .btn button{background-color:#2f9bff;cursor: pointer} #content.sub .post .ev_pop .panel .box{margin-top:45px;padding:30px;background-color:#fff;border:2px solid #d2d2d2;} #content.sub .post .ev_pop .panel .box p{margin-bottom:15px;} #content.sub .post .ev_pop .panel .box p em{color:#383838;} #content.sub .post .ev_pop .panel .box a{width:156px;height:35px;line-height:35px;font-size:16px;color:#fff;background-color:#cecece;border:2px solid #c2c2c2;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration:none;} /* Event (Mobile) */ body.mobile #content.sub .post .pack.event .box{width:100%;} body.mobile #content.sub .post .pack.event .app{padding:20px;} body.mobile #content.sub .post .pack.event .box .prize ul li, body.mobile #content.sub .post .pack.event .box .txt p{font-size:20px;} body.mobile #content.sub .post .pack.event .box .prize ul li{padding-left:0 !important;width:50%;} body.mobile #content.sub .post .pack.event .event_notice h3{font-size:20px;} body.mobile #content.sub .post .pack.event .event_notice p{font-size:20px;} body.mobile #content.sub .post .ev_pop .panel{margin-left:-340px;width:680px;} body.mobile #content.sub .post .ev_pop .panel .popclose{right:0;} body.mobile #content.sub .post .ev_pop .panel .head .title{font-size:42px;} body.mobile #content.sub .post .ev_pop .panel .bg{padding:50px 40px 60px 40px;} body.mobile #content.sub .post .ev_pop .panel .box p{font-size:20px;} /* 170421 MAIN */ .pcShow{display:block;} .pcShow_ib{display:inline-block;} .mShow, .mShow_ib{display:none;width:100%;} #content.main section.combi > .wrap + .wrap{padding-top:0;} #content.main section.combi > .wrap + .wrap > .wrap{padding:0;} #content.main section.combi .wrap > .title em{font-weight:500;} #content.main section.combi .list_1, #content.main section.combi .list_1_1{padding-bottom:25px;} #content.main section.combi .list_1 li{padding-left:22px;width:629px;} #content.main section.combi .list_1_1 li{padding-left:17.5px;width:415px;} #content.main section.combi .list_1 li.single{width:100%;} #content.main section.combi .list_1_1 li.doub{padding-left:22px;width:629px;} #content.main section.combi .list_1 li > a, #content.main section.combi .list_1_1 li > a{padding-top:30px;background:0;border-top:1px solid #776c61;border-bottom:1px solid #776c61;} #content.main section.combi .list_1 li > a > div, #content.main section.combi .list_1_1 li > a > div{background:#fff;} #content.main section.combi .list_1 li .thumb, #content.main section.combi .list_1_1 li .thumb{height:317px;} #content.main section.combi .list_1 li.single .thumb{height:475px;} #content.main section.combi .list_1 li > a > div.text, #content.main section.combi .list_1_1 li > a > div.text{padding-top:25px;height:184px;} #content.main section.combi .list_1 li .cate, #content.main section.combi .list_1_1 li .cate{margin:0 0 15px;font-weight:bold;} #content.main section.combi .list_1 li .subject, #content.main section.combi .list_1_1 li .subject{margin-bottom:20px;height:1.4em;} #content.main section.combi .list_1 li .body, #content.main section.combi .list_1_1 li .body{font-size:20px;} #content.main section.combi .list_2, #content.main section.combi .list_2_1{padding-bottom:25px;} #content.main section.combi .list_2 li{padding-left:16px;width:308px;} #content.main section.combi .list_2_1 li{padding-left:17.5px;width:415px;} #content.main section.combi .list_2 li .thumb, #content.main section.combi .list_2_1 li .thumb{height:237px;} #content.main section.combi .list_2 li > a > div.text, #content.main section.combi .list_2_1 li > a > div.text{padding-top:25px;height:217px;} #content.main section.combi .list_2 li .cate, #content.main section.combi .list_2_1 li .cate{margin:0 0 15px;} #content.main section.combi .list_2 li .body, #content.main section.combi .list_2_1 li .body{font-size:20px;} #content.main section.combi .list_3{padding-bottom:25px;} #content.main section.combi .list_3 li{padding-left:22px;width:629px;} #content.main section.combi .list_3 li.full.pdn{padding-left:0;} #content.main section.combi .list_3 li.full a > div{height:686px;} #content.main section.combi .list_3 li.full a > div.text > .txtW{padding-bottom:60px;} #content.main section.combi .list_3 li.full .cate{margin-bottom:5px;font-size:24px;color:#fff;font-weight:500;} #content.main section.combi .list_3 li.full .subject{height:1.4em;font-size:27px} #content.main section.combi .list_3 li.full .subject em{display:none;} #content.main section.combi .list_3 li.full .body{font-size:20px;} #content.main section.combi .list_4, #content.main section.combi .list_4_1{padding-bottom:25px;} #content.main section.combi .list_4 li{padding-left:16px;width:308px;} #content.main section.combi .list_4_1 li{padding-left:17.5px;width:631px;} #content.main section.combi .list_4 li .thumb, #content.main section.combi .list_4_1 li .thumb{height:237px;} #content.main section.combi .list_4 li > a > div.text, #content.main section.combi .list_4_1 li > a > div.text{padding-top:25px;height:217px;} #content.main section.combi .list_4 li .cate, #content.main section.combi .list_4_1 li .cate{margin:0 0 15px;} #content.main section.combi .list_4 li .body, #content.main section.combi .list_4_1 li .body{font-size:20px;} #content.main section.sense div.float{padding:50px 0 10px;border-top: 2px solid #d6d6d6;border-bottom: 2px solid #d6d6d6;} #content.main section.sense div.float .left{padding:0 10px 0 14px;width:939px;border-right:2px solid #f0f0f0;} #content.main section.sense div.float .right{padding-left:7px;width:308px;} #content.main section.sense .list_1{padding:0;border:0;} #content.main section.sense .list_1 li{width:100%;background:url(/inc_img/icnMainNewDot.png) 0px 27px no-repeat;border:0;} #content.main section.sense .list_1 li + li{line-height:60px;} #content.main section.sense .list_1 li + li + li{border-top:2px solid #f0f0f0;} #content.main section.sense .list_1 li > a{position:relative;display:block;padding-left:15px;font-size:20px;color:#3b3b3b;font-weight:500;text-decoration:none;} #content.main section.sense .list_1 li:hover a, #content.main section.sense .list_1 li:hover a .subject{color: #2f9bff;} #content.main section.sense .list_1 li.big{margin-bottom:10px;padding:0;background:0;} #content.main section.sense .list_1 li.big > a{padding-left:0;height:180px !important;} #content.main section.sense .list_1 li.big .thumb{float:left;width:282px;height:180px;} #content.main section.sense .list_1 li.big .text{float:right;padding-left:30px;width:627px;text-align:left;} #content.main section.sense .list_1 li.big .cate{left:0;} #content.main section.sense .list_1 li.big .subject{margin:15px 0 20px;height:1.4em;font-size:25px;} #content.main section.sense .list_1 li.big .body{margin-top:0;height:5.6em;font-size:20px;} #content.main section.sense .event a{display:block;text-align:center;text-decoration:none;} #content.main section.sense .event .thumb{position:relative;margin:0 auto;width:282px;height:180px;background-color:#eeedeb;} #content.main section.sense .event .thumb img{padding-top:39px;} #content.main section.sense .event .cate {position:absolute;top:0;left:0;padding-left:17px;width:67px;height:33px;line-height:33px;font-size:13px;color:#fff;font-weight:500;background-color:#2f9aff;text-align:left;border-radius: 0 30px 30px 0;-moz-border-radius: 0 30px 30px 0;-webkit-border-radius: 0 30px 30px 0;overflow:hidden;} #content.main section.sense .event .subject{margin-top: 25px;height: 2.5em;line-height: 1.2em;-webkit-line-clamp: 2;font-size: 25px;color: #3b3b3b;font-weight: bold;letter-spacing: -1px;overflow: hidden;} #content.main section.sense .event .body{margin-top: 19px;height: 4.2em;line-height: 1.4em;-webkit-line-clamp: 3;font-size: 20px;color: #949494;overflow: hidden;} #content.main section.sense .event .link{display:inline-block;margin-top:15px;width:111px;height:31px;line-height:31px;font-size:12px;color:#c6c6c6;border:1px solid #d1d1d1;text-align:center;font-style:italic;text-decoration:none;} #content.main section.sense .event .linkm{display:none;} #content.main section.sense .event a:hover .subject{color: #2f9bff;} #content.main section.combi .status, #content.main section.combi .ctrl, #content.main section.combi .slide{display:none;} /* 170421 MAIN (Mobile) */ body.mobile .mShow{display:block;} body.mobile .mShow_ib{display:inline-block;} body.mobile .pcShow, body.mobile .pcShow_ib{display:none;} body.mobile #content.main section.combi .wrap{padding:30px 0;} body.mobile #content.main section.combi > .wrap + .wrap, body.mobile #content.main section.combi > .wrap > .wrap{padding:0;} body.mobile #content.main section.combi .wrap > .title{position:relative;margin-top:20px;padding-top:40px;border-top:2px solid #d6d6d6;} body.mobile #content.main section.combi .wrap > .title em{position:absolute;top:-30px;padding-right:10px;background-color:#f5f6f8;} body.mobile #content.main section.combi .list_1{margin:0;padding:0;} body.mobile #content.main section.combi .list_1 li{margin-bottom:0;padding-left:18px;width:331px;} body.mobile #content.main section.combi .list_1 li > a{padding:25px;background-color:#FFF;border:0;} body.mobile #content.main section.combi .list_1 li > a > div.text{padding-top:25px;height:127px;} body.mobile #content.main section.combi .list_1 li .cate{margin-top:0;font-weight:bold;} body.mobile #content.main section.combi .list_1 li .subject{margin-bottom:0;height:2.6em;} body.mobile #content.main section.combi .list_1 li .body{display:none;} body.mobile #content.main section.combi .list_1 li.single{width:100%;height:230px;} body.mobile #content.main section.combi .list_1 li.single a{*zoom:1;} body.mobile #content.main section.combi .list_1 li.single a:after{display:block;clear:both;content:"";} body.mobile #content.main section.combi .list_1 li.single .thumb{float:left;width:287px;height:180px;} body.mobile #content.main section.combi .list_1 li.single .text{float:left;padding-left:20px;width:323px;} body.mobile #content.main section.combi .list_1_1{margin:0;padding:0;box-shadow: 0px 5px 10px #cbcccf;} body.mobile #content.main section.combi .list_1_1 li{float:none;margin-bottom:0;padding-left:0 !important;width:100%;} body.mobile #content.main section.combi .list_1_1 li > a{*zoom:1;padding:20px;background-color:#FFF;border-top:1px solid #e6e7eb;border-bottom:0;box-shadow:0 0 0;} body.mobile #content.main section.combi .list_1_1 li:first-child > a{border-top:0;} body.mobile #content.main section.combi .list_1_1 li > a:after{display:block;content:"";clear:both;} body.mobile #content.main section.combi .list_1_1 li > a > div.thumb{float:left;margin-right:20px;width:287px;} body.mobile #content.main section.combi .list_1_1 li > a > div.text{float:left;width:333px;height:180px;} body.mobile #content.main section.combi .list_1_1 li .cate{font-weight:bold;} body.mobile #content.main section.combi .list_1_1 li .subject{margin-bottom:0;height:2.8em;} body.mobile #content.main section.combi .list_1_1 li .body{display:none;} body.mobile #content.main section.combi .list_2, body.mobile #content.main section.combi .list_2_1{display:none;} ody.mobile #content.main section.combi .list_4, body.mobile #content.main section.combi .list_4_1{display:none;} body.mobile #content.main section.combi .story {position: relative;width: 680px;} body.mobile #content.main section.combi .story .status, body.mobile #content.main section.combi .story .ctrl {display:block;position: absolute; height: 25px; z-index: 10;} body.mobile #content.main section.combi .story .ctrl {bottom: 25px; right:20px; width: 90px; z-index: 10; line-height: 0; font-size: 0;} body.mobile #content.main section.combi .story .ctrl a {position: absolute; top: 0; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 50%;} body.mobile #content.main section.combi .story .ctrl a.prev {left: 0; background-image: url(/inc_img/btnStoryPrev.png);} body.mobile #content.main section.combi .story .ctrl a.next {right: 0; background-image: url(/inc_img/btnStoryNext.png);} body.mobile #content.main section.combi .story .slide{margin-bottom:50px;} body.mobile #content.main section.combi .story .slide, body.mobile #content.main section.combi .story .slide > div {display:block;width: 100%; height: 491px;} body.mobile #content.main section.combi .story .slide > div > a{display:block;padding-top:251px;height: 240px;background-color:#fff;background-position:center 0;background-repeat:no-repeat;box-shadow: 0px 5px 10px #cbcccf;/*cursor: move;*/} body.mobile #content.main section.combi .story .slide > div > a:hover{text-decoration:none} body.mobile #content.main section.combi .story .slide .text{padding:20px 25px;} body.mobile #content.main section.combi .story .slide .cate{margin:0 0 15px;line-height:1em;font-size:20px;color:#2f9bff;font-weight:bold;} body.mobile #content.main section.combi .story .slide .subject, body.mobile #content.main section.combi .story .slide .body {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word;} body.mobile #content.main section.combi .story .slide .subject{margin-bottom: -3px;height:2.8em;line-height: 1.2em;-webkit-line-clamp: 2;font-size:30px;color: #333;font-weight:300;letter-spacing: -1px;} body.mobile #content.main section.combi .story .slide .body{height:3.6em;line-height: 1.2em;-webkit-line-clamp: 3;font-size: 22px;color:#514d4a;font-weight:300;letter-spacing: -1.8px;} body.mobile #content.main section.combi .story .slide > div > a:hover .subject{color:#2f9bff;} body.mobile #content.main section.combi .story .status {bottom: 25px; right: 38px; width: 55px; font-size:17px; color:#7e7e7e; font-weight:bold;text-align: center;} body.mobile #content.main section.combi .story .status a {display: none;text-decoration: none;} body.mobile #content.main section.combi .story .status a.activeSlide {display: inline; font-size:17px; color: #333;font-weight:bold;} body.mobile #content.main section.combi .list_3{margin-bottom:0;padding:0 0 40px;} body.mobile #content.main section.combi .list_3 li.full{position:relative;padding-left:18px;width:331px;} body.mobile #content.main section.combi .list_3 li.full.pdn{padding-left:0;} body.mobile #content.main section.combi .list_3 li.full > a > div{height:382px !important;} body.mobile #content.main section.combi .list_3 li.full .cate{font-size:20px;} body.mobile #content.main section.combi .list_3 li.full .subject{margin:15px 0 -18px;height:3.6em;font-size:30px;font-weight:300;opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} body.mobile #content.main section.combi .list_3 li.full .subject em{display:inline;font-weight:300;} body.mobile #content.main section.combi .list_3 li.full .body{display:none;} body.mobile #content.main section.combi .list_3 li.full a:hover .subject{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} body.mobile #content.main section.sense .title{margin-top:-28px;font-size:35px;} body.mobile #content.main section.sense div.float{padding-bottom:50px;border-bottom:0;} body.mobile #content.main section.sense div.float > div{float:none;padding:0;width:100%;border:0;} body.mobile #content.main section.sense .list_1{margin-bottom:0;padding-top:0;} body.mobile #content.main section.sense .list_1 li{width:100%;background-position:19px center;} body.mobile #content.main section.sense .list_1 li + li{border-bottom:2px solid #d6d6d6;} body.mobile #content.main section.sense .list_1 li + li + li{margin-top:0;padding-top:0;border-top:0;} body.mobile #content.main section.sense .list_1 li > a{padding-left:35px;font-size:22px;font-weight:300;height: 60px;overflow: hidden;} body.mobile #content.main section.sense .list_1 li.big{margin-bottom:20px;} body.mobile #content.main section.sense .list_1 li.big > a{padding-left:0;} body.mobile #content.main section.sense .list_1 li.big .thumb{padding-left:19px;width:301px;} body.mobile #content.main section.sense .list_1 li.big .text{padding-left:15px;width:345px;} body.mobile #content.main section.sense .list_1 li.big .cate{left:19px;font-size:18px;} body.mobile #content.main section.sense .list_1 li.big .subject{margin:10px 0;height:2.8em;font-size:30px;font-weight:300;} body.mobile #content.main section.sense .list_1 li.big .body{height:3.6em;line-height: 1.2em;-webkit-line-clamp: 3;font-size: 22px;color:#3b3b3b;font-weight:400} body.mobile #content.main section.sense .event{background-color:#eeedeb;} body.mobile #content.main section.sense .event > a{padding:40px 20px;height:122px;*zoom:1;} body.mobile #content.main section.sense .event > a:after{content: ""; display: block; clear: both;} body.mobile #content.main section.sense .event .thumb{float:left;width:160px;height:auto;} body.mobile #content.main section.sense .event .thumb img{padding-top:0;} body.mobile #content.main section.sense .event .text{position:relative;float:right;padding-left:30px;width:450px;text-align:left;} body.mobile #content.main section.sense .event .cate{display:none;} body.mobile #content.main section.sense .event .subject{margin-top:5px;} body.mobile #content.main section.sense .event .body{height:2.4em;line-height:1.2em;font-size:18px;letter-spacing:-1px} body.mobile #content.main section.sense .event .link{display:none;} body.mobile #content.main section.sense .event .linkm{position:absolute;right:0;top:50%;margin-top:-51px;display:block;width:102px;height:102px;text-indent:-9999px;} /*body.mobile #content.main section.sense .event .linkm{position:absolute;right:0;top:50%;margin-top:-51px;display:block;width:102px;height:102px;text-indent:-9999px;background:url(/inc_img/imgEvent01_02.png) 0 0 no-repeat;}*/ /* Resize for Low Resolution */ body.low #content.main section.combi .list_1 li {width: 489px;} body.low #content.main section.combi .list_1_1 li {width: 321px;} body.low #content.main section.combi .list_1 li .thumb, body.low #content.main section.combi .list_1_1 li .thumb {height: 245px;} body.low #content.main section.combi .list_2 li {width: 238px;} body.low #content.main section.combi .list_2_1 li {width: 321px;} body.low #content.main section.combi .list_2 li .thumb, body.low #content.main section.combi .list_2_1 li .thumb {height: 183px;} body.low #content.main section.combi .list_3 li {width: 489px;} body.low #content.main section.combi .list_3 li.full a > div {height: 532px;} body.low #content.main section.combi .list_3 li.full2 a > div {height: 532px;} body.low #content.main section.combi .list_4 li {width: 238px;} body.low #content.main section.combi .list_4_1 li {width: 491px;} body.low #content.main section.combi .list_4 li .thumb, body.low #content.main section.combi .list_4_1 li .thumb {height: 183px;} body.low #content.main section.sense div.float .left {width: 659px;} body.low #content.main section.sense .list_1 li.big .text {width: 347px;} .boBtn { font-size: 0; padding-top: 20px; text-align: center; } .boBtn a, .boBtn button { border-radius: 5px; height: 38px; line-height: 38px; text-align: center; vertical-align: top; } .boBtn a span, .boBtn button span { color: #fff; font-size: 15px; vertical-align: middle; } .boBtn a.btnRequest, .boBtn a.btnRegister { background-color: #16abf7; width: 289px; } .boBtn a.btnMap { background-color: #16abf7; width: 102px; } .boBtn a.btnProvide { background-color: #16abf7; width: 102px; } .boBtn a.btnHandle { background-color: #6a6a6a; margin-left: 10px; width: 102px; } .commentArea{/*161227*/padding-top:10px;} .comWrite{} .comWrite .top{padding-bottom:17px;border-bottom:1px solid #454545;} .comWrite .top h4{float:left;padding-top:15px;font-size:14px;color:#333;font-weight:bold;} .comWrite .top h4 span{padding-left:3px;font-size:14px;color:#2f99ff;font-weight:bold;} .comWrite .top .snsWrap{float:right;} .comWrite .top .snsWrap a{margin-left:3px;width:33px;height:33px;font-size:0;text-indent:-9999px;vertical-align:middle;} .comWrite .top .snsWrap a.i01{background:#ffee1a url(../img/comment/icnSns01.png) center center no-repeat;} .comWrite .top .snsWrap a.i02{background:#f8d000 url(../img/comment/icnSns02.png) center center no-repeat;} .comWrite .top .snsWrap a.i03{background:#ffee1a url(../img/comment/icnSns03.png) center center no-repeat;} .comWrite .top .snsWrap a.i04{background:#00aced url(../img/comment/icnSns04.png) center center no-repeat;} .comWrite .com{text-align:right;padding-bottom:10px;} .comWrite .com > div{padding:20px 0 10px 0;} .comWrite .com div.write{padding:20px 0 10px 0;} .comWrite .com textarea{/*161227 padding:20px 10px 10px 20px;width:608px;*/padding:20px 1.9% 10px 1.9%;width:96%; height:74px;font-size:14px;color:#999;background-color:#f6f6f6;border:1px solid #d6d6d6;text-align:left;} .comWrite button.btnCom{width:102px;height:35px;line-height:35px;font-size:14px;color:#fff;background-color:#37ab58;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;z-index:1;} .comWrite.full .com{text-align:right;padding-bottom:10px;} .comWrite.full .com > div{padding:20px 0 10px 0;} .comWrite.full .com div.write{padding:20px 0 10px 0;} .comWrite.full .com textarea{padding:20px 10px 10px 20px;width:970px;height:74px;font-size:14px;color:#999;background-color:#f6f6f6;border:1px solid #d6d6d6;text-align:left;} .comWrite button.btnCom{width:102px;height:35px;line-height:35px;font-size:14px;color:#fff;background-color:#2f99ff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;z-index:1; border:none; cursor:pointer} /*161227 .mobile .comWrite .com textarea{width:588px;}*/ .comList{} .sortby{margin-top:-35px;padding-bottom:20px;} .sortby a{margin-right:3px;padding-left:18px;background:url(../img/comment/icnCheck02.png) 0 5px no-repeat;} .sortby a span{display:block;font-size:14px;color:#999;font-weight:bold;} .sortby a.on{background:url(../img/comment/icnCheck01.png) 0 5px no-repeat;} .sortby a.on span{color:#333;} .comment{} .comment ul{} .comment ul li{padding:25px 0 25px 20px;border-top:1px solid #dadada;} .comment ul li > div{position:relative;} .comment ul li > div .left{width:520px;} .comment ul li > div .left a.name{margin-right:5px;} .comment ul li > div .left a.name span{font-size:14px;color:#2f99ff;font-weight:bold;} .comment ul li > div .left span.ago{font-size:14px;color:#999;} .comment ul li > div .left p{padding:10px 18px 5px 0;font-size:14px;color:#333;} .comment ul li > div .right{position:absolute;bottom:0;right:0;} .comment ul li > div .right a{margin-left:15px;padding-left:21px;height:19px;font-size:0;} .comment ul li > div .right a.like{background:url(../img/comment/icnLike.png) 0 0 no-repeat;} .comment ul li > div .right a.hate{background:url(../img/comment/icnHate.png) 0 0 no-repeat;} .comment ul li > div .right a span{/*font-weight:bold;*/font-size:12px;color:#333;} .comment ul li > div .right a.like span{color:#37ab58;} .comment ul li > div .right .btn{padding-bottom:10px;} .comment ul li > div .right .btn a{margin-left:5px;padding:0;width:51px;height:23px;line-height:23px;border:1px solid #d0d0d0;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-align:center;} .comment ul li > div .right .btn a.btnCmModify{background:#fff url(../img/comment/icnModify.png) 7px center no-repeat;} .comment ul li > div .right .btn a.btnCmDelete{background:#fff url(../img/comment/icnDelete.png) 7px center no-repeat;} .comment ul li > div .right .btn a span{padding-left:13px;font-size:11px;vertical-align:middle;} .viewBot{border-bottom:1px solid #d0d0d0;} .viewBot dl{height:64px;line-height:64px;background-color:#f3f3f3;border-top:1px solid #d0d0d0;} .viewBot dl dt{/*161227 padding-left:30px;width:65px;*/padding-left:3%;width:10%;font-size:14px;color:#333;font-weight:bold;} .viewBot dl dd{/*161227 width:545px;*/width:87%;} .viewBot dl dd a{display:block;height:64px;line-height:64px;} .viewBot dl dd a span{/*161227 max-width:460px;*/max-width:90%;font-size:14px;color:#333;vertical-align:middle;overflow: hidden; text-overflow: ellipsis; word-wrap:normal; white-space:nowrap;} .viewBot dl dd a.boPrev{background:url(/inc_img/btnPrev03.png) 95% center no-repeat;} .viewBot dl dd a.boNext{background:url(/inc_img/btnNext03.png) 95% center no-repeat;} /* */ .blind{position: static;margin: 0;padding: 0;width: 0;height: 0;line-height: 0;font-size: 0;text-indent: -9999px;visibility: hidden;overflow: hidden;} .float:after{display:block;clear:both;content:""} .float > .left {float:left;} .float > .right {float:right;} label{height:28px;height:28px;line-height:28px;} input{padding:0 15px;height:28px;height:28px;line-height:28px;border:1px solid #dedede;outline:0;} input:focus{} input.cmt div{float:left} /* 170613 */ /* event popup */ #content.sub .post .ev_pop2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;} #content.sub .post .ev_pop2 .evpop2_back{position:fixed;width: 100%;height: 100%;background-color: #000;opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} #content.sub .post .ev_pop2 .panel{position:fixed;top:0px;left:50%;margin-left:-320px;width:640px;background-color:#fff;text-align:center;} #content.sub .post .ev_pop2 .panel h1{padding:25px 0;line-height:1em;font-size:35px;color:#333;font-weight:300;text-align:center;border-bottom:1px solid #c8c8c8;} #content.sub .post .ev_pop2 .panel h1 em{font-weight:500;} #content.sub .post .ev_pop2 .panel h1 img{margin-bottom:10px;} #content.sub .post .ev_pop2 .panel .evClose{position:absolute;top:10px;right:10px;display:block;width:32px;height:32px;text-indent:-9999px;background:url(/inc_img/btnEvPopClose01.png) 0 0 no-repeat;} #content.sub .post .ev_pop2 .panel > div{padding:0 40px 40px;} #content.sub .post .ev_pop2 .panel h2{margin-top:30px;line-height:1em;font-size:18px;color:#3098f9;font-weight:500;text-align:left;} #content.sub .post .ev_pop2 .panel ul{margin-top:15px;} #content.sub .post .ev_pop2 .panel ul li{position:relative;margin:-1px 0 0 -1px;width:111px;font-size:12px;color:#989898;font-weight:500;height:45px;line-height:45px;border:1px solid #bcbcbc;text-align:center;letter-spacing: -1px;} /* samstagram */ #content.sub .post .samsta_list{padding-top:50px;} #content.sub .post .samsta_list ul{} #content.sub .post .samsta_list ul li{margin-bottom:20px;padding-left:20px;width:630px;} #content.sub .post .samsta_list ul li.full{padding-left:0;width:100%;} #content.sub .post .samsta_list ul li.pdn{padding-left:0;} #content.sub .post .samsta_list ul li > div{height:738px;border:1px solid #dcd9d7;} #content.sub .post .samsta_list ul li.full > div{height:661px;} #content.sub .post .samsta_list ul li h2{margin:0;font-size:18px;color:#333;font-weight:500;} #content.sub .post .samsta_list ul li p{margin-top:10px;font-size:18px;color:#848484;font-weight:400;} #content.sub .post .samsta_list ul li p.blue{margin-top:20px;color:#176fae;} #content.sub .post .samsta_list ul li .samstaH{height:62px;line-height:62px;background-color:#176fae;} #content.sub .post .samsta_list ul li .samstaH img{vertical-align:middle;} #content.sub .post .samsta_list ul li .top{position:relative;padding:19px 10px 19px 98px;} #content.sub .post .samsta_list ul li .top .thumb{position:absolute;top:19px;left:17px;width:72px;height:73px;} #content.sub .post .samsta_list ul li .top h2{line-height:73px;} #content.sub .post .samsta_list ul li .photo{padding:10px;height:267px;text-align:center;} #content.sub .post .samsta_list ul li.full .photo{height:437px;} #content.sub .post .samsta_list ul li .text{padding:10px;} #content.sub .post .samsta_list ul li .text h2{padding:0 10px 10px;background:url(/inc_img/icnSamstagram.png) right 0 no-repeat;border-bottom:1px solid #edeceb;} #content.sub .post .samsta_list ul li .text p{;padding:0 10px;} #content.sub .post .samsta_list ul li .text p.like{margin-top:15px;padding-left:30px;color:#f95a53;background:url(/inc_img/icnSamstagram_01.png) 10px center no-repeat;} #content.sub .post .samsta_list ul li .float{padding:6px 35px 0;} #content.sub .post .samsta_list ul li .float .photo{float:left;padding:0;width:545px;} #content.sub .post .samsta_list ul li .float .text{float:left;margin-left:13px;padding:0 21px;width:608px;} /* samstagram (Mobile) */ body.mobile #content.sub .post .samsta_list ul li{float:none;margin:0 auto 20px;padding-left:0;width:630px;} body.mobile #content.sub .post .samsta_list ul li > div{padding-bottom:100px;height:100%;} body.mobile #content.sub .post .samsta_list ul li.full > div{} body.mobile #content.sub .post .samsta_list ul li h2{font-size:30px;} body.mobile #content.sub .post .samsta_list ul li p{font-size:28px;} body.mobile #content.sub .post .samsta_list ul li.full .photo{height:100%;} body.mobile #content.sub .post .samsta_list ul li .text h2{background-position:right 10px;} body.mobile #content.sub .post .samsta_list ul li .float{padding:0;} body.mobile #content.sub .post .samsta_list ul li .float > div{float:none;margin:0;padding:10px;width:auto;} /**/ #content.sub .post .video{width:1280px;height:720px} /* (Mobile) */ body.mobile #content.sub .post .video{width:680px;height:450px} /* 170704 */ .icnLineBlue{padding-top: 5px;background: url(/inc_img/icnLinePost_blue.png) 0 0 no-repeat;} .icnLineGreen{padding-top: 5px;background: url(/inc_img/icnLinePost_Green.png) 0 0 no-repeat;} .postSlide{position:relative;margin-top:50px;} #slideDiv{background-color:#FFF;border:2px solid #cfcfcf;} #slideDiv > div{width:100%;height:431px;} #slideDiv > div > div{position:relative;padding:63px 115px 90px;} #slideDiv .thumb{position:absolute;left:115px;top:63px;width:280px;height:198px;} #slideDiv .thumb .icnAnswer{position:absolute;left:-20px;top:-20px;width:70px;height:70px;font-size:0;background:url(/inc_img/icnQnA_A.png) 0 0 no-repeat;} #slideDiv .text{} #slideDiv .subject{margin-top:75px;font-size:30px;color:#4a4a4a;font-weight:500;} #slideDiv .body{} #slideDiv .btn{margin-top:25px;padding:20px 63px;font-size:20px;color:#fff;font-weight:500;background-color:#43a5ff;} #slideDiv .answer .text{padding-left:293px;line-height:198px;} #slideDiv .answer .text .body{display:inline-block;line-height:1.6em;text-align:left;vertical-align:middle;} #slideDiv .portrait{position:relative;} #slideDiv .portrait > div{padding:42px 93px;} #slideDiv .portrait img{position:absolute;left:93px;top:42px;} #slideDiv .portrait dl{padding-left:365px;text-align:left;} #slideDiv .portrait dt{display: inline-block;padding-bottom: 10px;border-bottom: solid 5px #2f9bff;line-height: 1.5;font-size: 24px;font-weight: 500;color: #333;*display: inline;*zoom: 1;} #slideDiv .portrait dd{margin-top:20px;} #prevDiv, #nextDiv{position:absolute;top:50%;margin-top:-33.5px;width:67px;height:67px;font-size:0;z-index:10;} #prevDiv{left:0;background:url(/inc_img/btnCtrlPost_prev.png) 0 0 no-repeat;} #nextDiv{right:0;background:url(/inc_img/btnCtrlPost_next.png) 0 0 no-repeat;} #pagerDiv{position:absolute;margin-top:-60px;width:100%;z-index:10;} #pagerDiv a{margin:0 9px;width:11px;height:11px;font-size:0;background:url(/inc_img/btnPagerPost.png) -29px 0 no-repeat;} #pagerDiv a.activeSlide{background-position:0 0;} /* (Mobile) */ body.mobile #slideDiv > div{height:500px} body.mobile #slideDiv > div > div{position:relative;padding:63px 95px 90px;background-position:center 85px !important;} body.mobile #slideDiv .thumb{position:relative;left:0;top:0;margin:0 auto;} body.mobile #slideDiv .subject{margin-top:135px;} body.mobile #slideDiv .answer .text{padding-left:0;} body.mobile #slideDiv .portrait{height:800px;} body.mobile #slideDiv .portrait > div{padding:42px 30px} body.mobile #slideDiv .portrait img{position:static;} body.mobile #slideDiv .portrait dl{margin-top:35px;padding-left:0;text-align:center;line-height:32px;} body.mobile #slideDiv .portrait dt{font-size:32px;} /*20250801*/ #slideDiv222{background-color:#FFF;border:2px solid #cfcfcf;} #slideDiv222 > div{width:100%;height:431px;} #slideDiv222 > div > div{position:relative;padding:63px 115px 90px;} #slideDiv222 .thumb{position:absolute;left:115px;top:63px;width:280px;height:198px;} #slideDiv222 .thumb .icnAnswer{position:absolute;left:-20px;top:-20px;width:70px;height:70px;font-size:0;background:url(/inc_img/icnQnA_A.png) 0 0 no-repeat;} #slideDiv222 .text{} #slideDiv222 .subject{margin-top:75px;font-size:30px;color:#4a4a4a;font-weight:500;} #slideDiv222 .body{} #slideDiv222 .btn{margin-top:25px;padding:20px 63px;font-size:20px;color:#fff;font-weight:500;background-color:#43a5ff;} #slideDiv222 .answer .text{padding-left:293px;line-height:198px;} #slideDiv222 .answer .text .body{display:inline-block;line-height:1.6em;text-align:left;vertical-align:middle;} #slideDiv222 .portrait{position:relative;} #slideDiv222 .portrait > div{padding:42px 93px;} #slideDiv222 .portrait img{position:absolute;left:93px;top:42px;} #slideDiv222 .portrait dl{padding-left:365px;text-align:left;} #slideDiv222 .portrait dt{display: inline-block;padding-bottom: 10px;border-bottom: solid 5px #2f9bff;line-height: 1.5;font-size: 24px;font-weight: 500;color: #333;*display: inline;*zoom: 1;} #slideDiv222 .portrait dd{margin-top:20px;} #prevDiv222, #nextDiv222{position:absolute;top:50%;margin-top:-33.5px;width:67px;height:67px;font-size:0;z-index:10;} #prevDiv222{left:0;background:url(/inc_img/btnCtrlPost_prev.png) 0 0 no-repeat;} #nextDiv222{right:0;background:url(/inc_img/btnCtrlPost_next.png) 0 0 no-repeat;} #pagerDiv222{position:absolute;margin-top:-60px;width:100%;z-index:10;} #pagerDiv222 a{margin:0 9px;width:11px;height:11px;font-size:0;background:url(/inc_img/btnPagerPost.png) -29px 0 no-repeat;} #pagerDiv222 a.activeSlide{background-position:0 0;} /* (Mobile) */ body.mobile #slideDiv222 > div{height:500px} body.mobile #slideDiv222 > div > div{position:relative;padding:63px 95px 90px;background-position:center 85px !important;} body.mobile #slideDiv222 .thumb{position:relative;left:0;top:0;margin:0 auto;} body.mobile #slideDiv222 .subject{margin-top:135px;} body.mobile #slideDiv222 .answer .text{padding-left:0;} body.mobile #slideDiv222 .portrait{height:800px;} body.mobile #slideDiv222 .portrait > div{padding:42px 30px} body.mobile #slideDiv222 .portrait img{position:static;} body.mobile #slideDiv222 .portrait dl{margin-top:35px;padding-left:0;text-align:center;line-height:32px;} body.mobile #slideDiv222 .portrait dt{font-size:32px;} /**/ #content.sub .post .imgTxt{margin-top:36px;overflow:hidden;} #content.sub .post .imgTxt > .float{width:1294px;} #content.sub .post .imgTxt > .float > div{float:left;margin:14px 14px 0 0;width:633px;} /* (Mobile) */ body.mobile #content.sub .post .imgTxt > .float{width:680px;} body.mobile #content.sub .post .imgTxt > .float > div{float:none;margin:14px 0 0;width:100%;} /* 170829 + 171010 */ #content.sub .post .pack .iw1{} #content.sub .post .pack .iw1 .title_box{position: relative;padding-top: 70px;text-align: center;z-index: 1;} #content.sub .post .pack .iw1 .title_box h2{display: inline-block;padding: 0 20px;color: #fff;background-color: #000;border-radius: 30px;vertical-align: top;} #content.sub .post .pack .iw1 .title_box.tb1{background: url(/inc_img/imgLife02_titleTop_1.png) center 0 no-repeat;} #content.sub .post .pack .iw1 .title_box.tb2{background: url(/inc_img/imgLife02_titleTop_2.png) center 0 no-repeat;} #content.sub .post .pack .iw1 .title_box.tb3{background: url(/inc_img/imgLife02_titleTop_3.png) center 0 no-repeat;} #content.sub .post .pack .iw1 div.float{position:relative;margin-top:-20px;border: 1px solid #000;} #content.sub .post .pack .iw1 div.float p{padding:0 20px 0 70px;} #content.sub .post .pack .iw1 .edgeMark{position:absolute;width:41px;height:41px;font-size:0;} #content.sub .post .pack .iw1 .edgeMark.em1{top:-1px;left:-1px;background:url(/inc_img/imgLife02_markLeft.png) 0 0 no-repeat;} #content.sub .post .pack .iw1 .edgeMark.em2{top:-1px;right:-1px;background:url(/inc_img/imgLife02_markRight.png) 0 0 no-repeat;} #content.sub .post .pack .iw1 .edgeMark.em3{left:-1px;bottom:-1px;background:url(/inc_img/imgLife02_markLeft2_btm.png) 0 0 no-repeat;} #content.sub .post .pack .iw1 .edgeMark.em4{right:-1px;bottom:-1px;background:url(/inc_img/imgLife02_markRight_btm.png) 0 0 no-repeat;} #content.sub .post .pack .iw2{} #content.sub .post .pack .iw2 .img{position:relative;padding:9px;border:4px solid #000;} #content.sub .post .pack .iw2 .img > div{padding:28px;border:2px solid #000;} #content.sub .post .pack .iw2 .edgeMark{position:absolute;width:32px;height:31px;font-size:0;} #content.sub .post .pack .iw2 .edgeMark.em1{top:-4px;left:-4px;background:url(/inc_img/imgLife02_markLeft_01.png) 0 0 no-repeat;} #content.sub .post .pack .iw2 .edgeMark.em2{top:-4px;right:-5px;background:url(/inc_img/imgLife02_markRight_01.png) 0 0 no-repeat;} #content.sub .post .pack .iw2 .edgeMark.em3{left:-4px;bottom:-4px;background:url(/inc_img/imgLife02_markLeft_btm_01.png) 0 0 no-repeat;} #content.sub .post .pack .iw2 .edgeMark.em4{right:-5px;bottom:-4px;background:url(/inc_img/imgLife02_markRight_btm_01.png) 0 0 no-repeat;} #content.sub .post .pack .iw2 dl{margin-top:50px;border:2px solid #cfcfcf;text-align:left;} #content.sub .post .pack .iw2 dl dt{padding:15px 25px;font-size:18px;color:#4a4a4a;font-weight:bold;} #content.sub .post .pack .iw2 dl dd{padding:15px 25px;font-size:15px;font-weight:500;background-color:#fafafa;} /* (Mobile) */ body.mobile #content.sub .post .pack .iw1 div.float{padding-bottom:20px;} body.mobile #content.sub .post .pack .iw1 div.float > div{float:none;width:100% !important;} body.mobile #content.sub .post .pack .iw1 div.float p{padding:0 10px;} body.mobile #content.sub .post .pack .iw2 p{text-align:left;} body.mobile #content.sub .post .pack .iw2 dl dt{font-size:24px;} body.mobile #content.sub .post .pack .iw2 dl dd{font-size:22px;} /* 170929 */ .chkB{display:inline-block;position:relative;width:100%;height:20px;font-size:16px;color:#000;font-weight:400;vertical-align:top;} .chkB:first-child{margin-left:0;} .chkB input{position: absolute;top:0;left:0;margin:0;padding:0;width:20px;height:20px;border:0;opacity:0;z-index:2;cursor: pointer;} .chkB input + label{display:inline-block;position:relative;top:0;left:0;padding:0 0 0 25px;min-width:30px;height:20px;line-height:20px;font-size:16px;color:#000;letter-spacing:-1px;z-index:1;cursor:pointer} .chkB input[type="checkbox"] + label{background:url(/inc_img/icnSquareChkOff.png) 0 50% no-repeat;} .chkB input[type="checkbox"]:checked + label{background:url(/inc_img/icnSquareChkOn.png) 0 50% no-repeat;} .popup{position:absolute;top:0;left:0;z-index:100;} .popup .panel{position:absolute;top:30px;left:30px;width:406px;background-color:#fff;z-index:1;} .popup .cont{padding:35px 20px;border:3px solid #d7d7d7;border-bottom:1px solid #d7d7d7;} .popup .cont .thumb{text-align:center;} .popup .cont .txt{margin-top:25px;} .popup .cont .txt dl{margin-top:5px;font-size:0;} .popup .cont .txt dl:first-child{margin-top:0;} .popup .cont .txt dl dt{margin-right:2px;padding-left:12px;font-weight:bold;background:url(/inc_img/icnBlueDot.png) 0 center no-repeat;} .popup .cont .txt dl dt, .popup .cont .txt dl dd{display:inline-block;font-size:15px;color:#000;vertical-align:top;} .popup .btn{position:relative;padding:0 19px;height:44px;line-height:44px;background-color:#d7d7d7;} .popup .btn .close{position:absolute;top:0;right:20px;font-size:16px;color:#000;font-weight:bold;} .popup .mask{display:none;} /* (Mobile) */ body.mobile .chkB{height:31px;} body.mobile .chkB input{width:31px;height:31px;} body.mobile .chkB input + label{padding-left:40px;height:31px;line-height:31px;font-size:24px;} body.mobile .chkB input[type="checkbox"] + label{background:url(/inc_img/icnSquareChkOff_m.png) 0 50% no-repeat;} body.mobile .chkB input[type="checkbox"]:checked + label{background:url(/inc_img/icnSquareChkOn_m.png) 0 50% no-repeat;} body.mobile .popup{} body.mobile .popup .panel{left:38px;width:641px;} body.mobile .popup .cont{padding:60px 35px;border:0;} body.mobile .popup .cont .txt dl dt{margin-right:5px;} body.mobile .popup .cont .txt dl dt, body.mobile .popup .cont .txt dl dd{font-size:24px;} body.mobile .btn{height:72px;line-height:72px;} body.mobile .btn .close{font-size:24px;} body.mobile .popup .mask{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} /* 171108 */ #content.sub .post .pack .fz16{font-size:16px !important;} #content.sub .post .pack .fz18{font-size:18px !important;} #content.sub .post .pack .fz20{font-size:20px !important;} #content.sub .post .pack .fz24{font-size:24px !important;} #content.sub .post .pack .mini{margin-top:60px;padding:38px;background-color:#fff;border:1px solid #cfcfcf} #content.sub .post .pack .mini .left{width:297px;height:275px;} #content.sub .post .pack .mini .right{margin-left:40px;width:865px;line-height:275px;} #content.sub .post .pack .mini dl{display:inline-block;width:100%;line-height:1.5em;text-align:left;vertical-align:middle;} #content.sub .post .pack .mini dl dt{display: inline-block;margin-bottom:25px;padding-bottom: 10px;line-height: 1em;font-size:24px;color:#333;font-weight:500;border-bottom: solid 5px #2f9bff;} #content.sub .post .pack .mini dl dd{font-size:18px;} /* (Mobile) */ body.mobile #content.sub .post .pack .fz16{font-size:22px !important;} body.mobile #content.sub .post .pack .fz18{font-size:24px !important;} body.mobile #content.sub .post .pack .fz20{font-size:26px !important;} body.mobile #content.sub .post .pack .fz24{font-size:30px !important;} body.mobile #content.sub .post .pack .mini .left{float:none;width:100%;} body.mobile #content.sub .post .pack .mini .right{float:none;margin-left:0;width:100%;line-height:auto;} body.mobile #content.sub .post .pack .mini dl{display:block;margin-top:30px;text-align:center;} body.mobile #content.sub .post .pack .mini dl dt{display: inline-block;font-size:30px;} body.mobile #content.sub .post .pack .mini dl dd{font-size:24px;text-align:left;} /* 171207 */ #content.sub .post .pack .postSlide.special{padding: 40px 0 90px;background-color: #f5f5f5;border: 1px solid #e2e2e2;} #content.sub .post .pack .postSlide.special p{margin-bottom: 20px;font-size: 18px;text-align: center;} #content.sub .post .pack .postSlide.special p em.color{color: #2f9aff;} #content.sub .post .pack .postSlide.special .slide{background-color: transparent;border: 0;} #content.sub .post .pack .postSlide.special .slide > div{height: 1021px;} #content.sub .post .pack .postSlide.special .slide > div > div{padding: 0 80px;} #content.sub .post .pack .postSlide.special .pager{margin-top: 10px;} /* (Mobile) */ body.mobile #content.sub .post .pack .postSlide.special .slide > div{height: 764px;} /* Mobile Prev, Top Btn */ #content .mobileBtn{display:none;} .mobileBtn{display:none;} /* Mobile Prev, Top Btn (Mobile) */ body.mobile #content .mobileBtn{display:none;} body.mobile #content .mobileBtn.on{display:block;position:absolute;z-index: 999;} body.mobile #content .mobileBtn a{position:fixed;bottom:60px;} body.mobile #content .mobileBtn a.btnMobilePrev{left:20px;} body.mobile #content .mobileBtn a.btnMobileTop{right:20px;} body.mobile .mobileBtn{display:none;} body.mobile .mobileBtn.on{display:block;position:absolute;z-index: 999;} body.mobile .mobileBtn a{position:fixed;bottom:60px;} body.mobile .mobileBtn a.btnMobilePrev{left:20px;} body.mobile .mobileBtn a.btnMobileTop{right:20px;} /* 180105 */ div.float2 {*zoom: 1;} div.float2:after {content: ""; display: block; clear: both;} div.float2 > div{float: left;text-align: left;} div.float2 > .left {float: left;} div.float2 > .right {float: right;} #content.sub .post .pack .info-lst{margin-top: 50px;overflow: hidden;} #content.sub .post .pack .info-lst ul{width: 1296px;} #content.sub .post .pack .info-lst ul li{margin: 0 16px 16px 0;} #content.sub .post .pack .info-lst ul li > div{padding: 0 35px;width: 558px;height: 294px;background-color: #fff;border: 2px solid #d1d1d1;} #content.sub .post .pack .info-lst ul li > div > div{line-height: 294px;} #content.sub .post .pack .info-lst ul li > div > .left{width: 162px;text-align: center;} #content.sub .post .pack .info-lst ul li > div > .right{margin-left: 35px;width: 361px;text-align: left;} #content.sub .post .pack .info-lst ul li > div > div > div{display: inline-block;margin-top: -5px;width: 100%;line-height: 1.4 !important;vertical-align: middle;} #content.sub .post .pack .info-lst ul li .name{display: inline-block;margin-top: 5px;font-size: 22px;color: #333;;} #content.sub .post .pack .info-lst ul li dl{} #content.sub .post .pack .info-lst ul li dl dt{margin-bottom: 5px;padding-bottom: 5px;font-size: 20px;color: #000;border-bottom: 1px solid #989898;letter-spacing:-1.5px} #content.sub .post .pack .info-lst ul li dl dd{font-size: 16px;color: #7f7f7f;} #content.sub .post .pack .info-lst ul li dl dd em{display: inline-block;margin-bottom: 10px;font-size: 18px;color: #3e3e3e;font-weight: 400;} /* (Mobile) */ body.mobile div.float2 > div{float: none !important;margin-left: 0 !important;padding-left: 0 !important;width: 100% !important;} body.mobile div.float2 > div + div{margin-top: 50px;} body.mobile #content.sub .post .pack .info-lst ul li{float: none;margin-right: 0;width: 100%;} body.mobile #content.sub .post .pack .info-lst ul li > div{width: 606px;height: 350px;} body.mobile #content.sub .post .pack .info-lst ul li > div > div{line-height: 350px;} body.mobile #content.sub .post .pack .info-lst ul li > div > .right{width: 409px;} body.mobile #content.sub .post .pack .info-lst ul li .name{font-size: 28px;} body.mobile #content.sub .post .pack .info-lst ul li dl dt{font-size: 26px;letter-spacing:-3px;} body.mobile #content.sub .post .pack .info-lst ul li dl dd{font-size: 22px;} body.mobile #content.sub .post .pack .info-lst ul li dl dd em{font-size: 24px;} /* 180309 */ body.mobile .mobileBtn ul.btnMobileSns{position: fixed;left: 50%;bottom: 67px;margin-left: -250px;padding: 0 42px;width: 412px;height: 81px;background: url(/inc_img/btnMobSNSMask.png) 0 0 repeat;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;} body.mobile .mobileBtn ul.btnMobileSns li{width: 20%;} body.mobile .mobileBtn ul.btnMobileSns li a{display: block;position: static !important;width: 65px;height: 81px;line-height: 81px;text-align: center;} body.mobile .mobileBtn ul.btnMobileSns li a img{margin-top: -10px;vertical-align: middle;} /* 180409 */ .postSlide.special1 #slideDiv {border: none;} .postSlide.special1 #slideDiv > div {height: 970px;} .postSlide.special1 #slideDiv .portrait > div {padding: 0;} .postSlide.special1 #slideDiv .portrait img {position: static;} .postSlide.special1 #pagerDiv {margin-top: 0;} .postSlide.special1 #prevDiv, .postSlide.special1 #nextDiv {display: none;} /* 180502 */ .postSlide.life3 #slideDiv {border: none;} .postSlide.life3 #slideDiv > div {height: 825px;} .postSlide.life3 #slideDiv > div > div{padding: 0;} .postSlide.life3 #slideDiv img {position: static;} .postSlide.life3 #pagerDiv {margin-top: 0;} /* 180604 */ #content.sub .post .pack .info_wrap .info_box dl dt, #content.sub .post .pack .info_wrap .info_box dl dd, #content.sub .post .pack .info_wrap .info_box dl dd a {font-size: 29px;} #content.sub .post .pack .info_wrap .info_box dl dt.i05-2 {background: url(/inc_img/icnLife02_05_2.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box dl dt.i06-2 {background: url(/inc_img/icnLife02_06_2.png) 0 center no-repeat;} #content.sub .post .pack .info_wrap .info_box span {font-size: 18px; font-weight: 400;} #content.sub .post .pack .info_wrap .info_box p.em {font-size: 22px;} #content.sub .post .pack .info_wrap .info_box p {font-size: 18px;} #content.sub .post .pack .info_wrap .pdf a.btn {font-size: 18px;} #content.sub .post .pack .info_wrap .pdf a.btn em {padding-right: 0; background-image: none;} #content.sub .post .pack dl.tbl {margin-top: 2px; font-size: 0;} #content.sub .post .pack dl.tbl dt, #content.sub .post .pack dl.tbl dd {display: inline-block; line-height: 94px; vertical-align: top;} #content.sub .post .pack dl.tbl dt {width: 30%; background-color: #2f9bff;} #content.sub .post .pack dl.tbl dd {width: 70%; background-color: #efefef; text-align: left;} #content.sub .post .pack dl.tbl dt span, #content.sub .post .pack dl.tbl dd span {display: inline-block; line-height: 1.2em; font-size: 22px; vertical-align: middle;} #content.sub .post .pack dl.tbl dt span {color: #fff; font-weight: bold;} #content.sub .post .pack dl.tbl dd span {padding: 0 30px; color: #333; font-weight: 500;} /* mobile */ body.mobile #content.sub .post .pack dl.tbl dt, body.mobile #content.sub .post .pack dl.tbl dd {display: block; width: 100%;} body.mobile #content.sub .post .pack dl.tbl dd {line-height: 1.2em; padding: 20px 0;} body.mobile #content.sub .post .pack dl.tbl dt span, body.mobile #content.sub .post .pack dl.tbl dd span {font-size: 29px;} /* 190304 */ #slideDiv2{background-color:#FFF;border:2px solid #cfcfcf;margin-bottom: 20px;} #slideDiv2 > div{width:100%;height:211px;} #slideDiv2 > div > div{position:relative;padding:63px 115px 90px;} #slideDiv2 .thumb{position:absolute;left:115px;top:63px;width:280px;height:198px;} #slideDiv2 .thumb .icnAnswer{position:absolute;left:-20px;top:-20px;width:70px;height:70px;font-size:0;background:url(/inc_img/icnQnA_A.png) 0 0 no-repeat;} #slideDiv2 .text{} #slideDiv2 .subject{margin-top:75px;font-size:30px;color:#4a4a4a;font-weight:500;} #slideDiv2 .body{} #slideDiv2 .btn{margin-top:25px;padding:20px 63px;font-size:20px;color:#fff;font-weight:500;background-color:#43a5ff;} #slideDiv2 .answer .text{padding-left:293px;line-height:198px;} #slideDiv2 .answer .text .body{display:inline-block;line-height:1.6em;text-align:left;vertical-align:middle;} #slideDiv2 .portrait{position:relative;} #slideDiv2 .portrait > div{padding:28px 56px;} #slideDiv2 .portrait img{position:absolute;left:28px;top:28px;} #slideDiv2 .portrait dl{padding-left:96px;text-align:left;} #slideDiv2 .portrait dt{display: inline-block;padding-bottom: 10px;border-bottom: solid 5px #2f9bff;line-height: 1;font-size: 24px;font-weight: 500;color: #333;*display: inline;*zoom: 1;} #slideDiv2 .portrait dd{margin-top:20px;} #slideDiv2 .portrait2{position:relative;} #slideDiv2 .portrait2 > div{padding:38px 93px;} #slideDiv2 .portrait2 img{position:absolute;left:46px;top:42px;} #slideDiv2 .portrait2 dl{padding-left:96px;text-align:left;} #slideDiv2 .portrait2 dt{display: inline-block;padding-bottom: 10px;border-bottom: solid 5px #2f9bff;line-height: 1;font-size: 24px;font-weight: 500;color: #333;*display: inline;*zoom: 1;} #slideDiv2 .portrait2 dd{margin-top:20px;} /* (Mobile) */ body.mobile #slideDiv2 > div{height:500px} body.mobile #slideDiv2 > div > div{position:relative;padding:63px 95px 90px;background-position:center 85px !important;} body.mobile #slideDiv2 .thumb{position:relative;left:0;top:0;margin:0 auto;} body.mobile #slideDiv2 .subject{margin-top:135px;} body.mobile #slideDiv2 .answer .text{padding-left:0;} body.mobile #slideDiv2 .portrait{height:408px;} body.mobile #slideDiv2 .portrait > div{padding:42px 30px} body.mobile #slideDiv2 .portrait img{position:static;} body.mobile #slideDiv2 .portrait dl{margin-top:35px;padding-left:0;text-align:center;line-height:32px;} body.mobile #slideDiv2 .portrait dt{font-size:32px;} body.mobile #slideDiv2 .portrait2{height:516px;} body.mobile #slideDiv2 .portrait2 > div{padding:42px 30px} body.mobile #slideDiv2 .portrait2 img{position:static;} body.mobile #slideDiv2 .portrait2 dl{margin-top:35px;padding-left:0;text-align:center;line-height:32px;} body.mobile #slideDiv2 .portrait2 dt{font-size:32px;} /**/