@charset "utf-8"; /* MAIN */ #mainContainer {position:relative; z-index:1; min-height:100%;} #mainContents {max-width:100%; min-height:1000px; margin:100px 0 0 0;} /* 통합메인 */ #tMain .mainInner {position:relative; z-index:2; max-width:1280px; margin:0 auto;} #tMain .latestArea_new {position:relative; z-index:2; max-width:1280px; margin:0 auto 20px auto; padding:0 20px;} #tMain .latestArea_new .titBox h2 {margin-top:-10px; color:#111; text-align:left; font-size:22px; font-family:ns; font-weight:800; /*padding-bottom:25px;*/ padding-bottom: 15px;} #tMain .latestArea_new ul.inner .titBox h2 {color:#111; font-weight:300; font-size:22px; font-family:ns; letter-spacing:-1px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-align:left;} #tMain .titBox {position:relative;} #tMain .titBox h2 {color:#111; font-weight:300; font-size:22px; font-family:ns; letter-spacing:-1px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tMain .more {position:absolute; top:2px; right:0; z-index:2; width:32px; height:32px; border:1px solid #111; background:transparent url(/images/btn/btn_more_11.png) no-repeat 50% 50%; text-indent:-99999px;} @media all and (max-width:960px){ #tMain .titBox {padding-bottom:8px;} #tMain .more {top:3px;} } @media all and (max-width:720px){ #tMain .mainInner {} #tMain .titBox h2 {font-size:20px;} #tMain .more {top:4px; right:0; width:28px; height:28px;} } #tMain .firstArea {padding:60px 0;} #tMain .firstArea .bnArea { max-height:305px; font-size:0;overflow:hidden;margin-top:20px;} #tMain .firstArea .bnArea .visual {position:relative;float:left;display:inline-block; width:64.11%;} #tMain .firstArea .bnArea .visual a {display:block;} #tMain .firstArea .bnArea .visual img {display:block; width:100%; max-width:820px;} #tMain .firstArea .bnArea .visual .btnPlay {display:inline-block; position:absolute; right:100px; bottom:20px; left:auto; width:20px; height:20px; background:url(/images/btn/btn_visual_stop.png) no-repeat 50% 50%; vertical-align:middle; text-indent:-99999px; outline:0; z-index:5;} #tMain .firstArea .bnArea .visual .btnPlay.on {background-image:url(/images/btn/btn_visual_play.png);} #tMain .firstArea .bnArea .visual .pag {position:absolute; right:20px; bottom:20px; width:auto; margin-left:18px; color:rgba(0,0,0,.4); font-size:16px; font-weight:300; line-height:20px; vertical-align:middle;} #tMain .firstArea .bnArea .visual .pag li {display:none;} #tMain .firstArea .bnArea .visual .pag li.slick-active {display:inline-block; width:100px;} #tMain .firstArea .bnArea .visual .pag .pagination-current {color:rgba(0,0,0,1);} #tMain .firstArea .bnArea #mainVisual {overflow:hidden; position:relative; max-width:820px;} #tMain .firstArea .bnArea #mainVisual .slick-arrow {position:absolute; top:50%; left:0; width:35px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.5); background-repeat:no-repeat; background-position:50% 50%; font-size:0; text-indent:-99999px; outline:0; z-index:2;} #tMain .firstArea .bnArea #mainVisual .slick-prev {left:0; background-image:url(/images/btn/btn_prev_02.png);} #tMain .firstArea .bnArea #mainVisual .slick-next {left:100%; margin-left:-35px; background-image:url(/images/btn/btn_next_02.png);} #tMain .firstArea .bnArea .banner {position:relative;float:right;width:34.38%;max-width:440px;display:inline-block;text-align:right;} #tMain .firstArea .bnArea .banner #mainIssue {overflow:hidden; max-width:440px;} #tMain .firstArea .bnArea .banner a {/*display:inline-block;*/} #tMain .firstArea .bnArea .banner a img {display:inline-block; width:100%;} @media all and (max-width:1280px){ #tMain .firstArea .bnArea .visual {width:66%;} #tMain .firstArea .bnArea .banner {display:block;width:33%;padding-left:10px;} } @media all and (max-width:960px){ #tMain .firstArea {padding:40px 0;} #tMain .firstArea .bnArea {max-height:none;} #tMain .firstArea .bnArea #mainVisual {max-width:none;} #tMain .firstArea .bnArea #mainVisual .slick-next {left:auto; right:0;} #tMain .firstArea .bnArea .visual {float:none; width:100%; padding-right:0;margin-top:0;} #tMain .firstArea .bnArea .visual img {max-width:100%;} #tMain .firstArea .bnArea .banner {display:none;} } @media all and (max-width:720px){ #tMain .firstArea {padding:0; background:none;} #tMain .firstArea .mainInner {padding:0;} #tMain .firstArea .bnArea .visual .btnPlay {display:none; bottom:10px;} #tMain .firstArea .bnArea .visual .pag {right:15px; bottom:10px; font-size:12px;} } #tMain .firstArea .latestArea {overflow:hidden; margin-top:20px;} #tMain .firstArea .latestArea section {float:left;} #tMain .firstArea .latestArea section .inner {position:relative; height:297px; padding:17px 30px 30px; background:#fff;} #tMain .firstArea .latestArea .lastest1 {width:50%; padding-right:10px;} #tMain .firstArea .latestArea .lastest1 .slideNews {position:relative;} #tMain .firstArea .latestArea .lastest1 .slideNews .slick-list {z-index:1;} #tMain .firstArea .latestArea .lastest1 .slick-arrow {position:absolute; top:50%; left:0; width:32px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.4); background-repeat:no-repeat; background-position:50% 50%; font-size:0; text-indent:-99999px; outline:0; z-index:2;} #tMain .firstArea .latestArea .lastest1 .slick-prev {left:0; background-image:url(/images/btn/btn_prev_04.png);} #tMain .firstArea .latestArea .lastest1 .slick-next {left:290px; margin-left:-32px; background-image:url(/images/btn/btn_next_04.png);} #tMain .firstArea .latestArea .lastest1 .thumbType {position:relative; padding-left:310px; background:#fff;} #tMain .firstArea .latestArea .lastest1 .thumbType .thumb {display:block; position:absolute; top:0; left:0;} #tMain .firstArea .latestArea .lastest1 .thumbType .thumb img {width:290px; max-width:100%; height:190px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl {position:relative; height:190px; overflow:hidden;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dt a {display:block; overflow:hidden; max-height:60px; color:#111; font-weight:300; font-size:18px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd p {margin-top:9px; font-size:14px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd p.date {color:#999; font-weight:300;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd p.txt {margin-top:17px; color:#333; line-height:1.9;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.date {margin-top:10px; color:#666; font-size:14px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.btn {position:absolute; bottom:0;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.btn a {display:block; width:160px; border:1px solid #666; color:#333; text-align:center; font-weight:300; font-size:16px; line-height:40px;} #tMain .firstArea .latestArea .lastest2 {width:50%; padding-left:10px;} #tMain .firstArea .latestArea .lastest2 ul li {position:relative; margin-top:15px; padding-right:100px;} #tMain .firstArea .latestArea .lastest2 ul li:first-child {margin-top:0;} #tMain .firstArea .latestArea .lastest2 ul li .sbj {display:inline-block; overflow:hidden; max-width:100%; ;color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;} #tMain .firstArea .latestArea .lastest2 ul li .date {position:absolute; top:0; right:0; color:#999; font-size:15px;} #tMain .firstArea {overflow:hidden; padding:0px;} #tMain .latestArea_new {overflow:hidden; padding:20px 0 0 0;} #tMain .latestArea_new ul {float:left;} #tMain .latestArea_new ul li.inner {position:relative; height:297px; padding:30px 30px 30px; background:#fff;} #tMain .latestArea_new ul.w100 li.inner {height:297px;} #tMain .latestArea_new .lastest1 {width:50%; padding-right:1px;} #tMain .latestArea_new .tab {background-color:#53657d; height:45px; width:25%; float:left; text-color:white; line-height:45px; font-size:18px; font-weight:300; border-left:1px solid #e9edf5;} #tMain .latestArea_new .tab >br {display:none;} #tMain .latestArea_new .tab:hover {background-color:#fff; color:#293e5b;} #tMain .latestArea_new .tab:nth-child(1) {border-bottom:0px;border-left:0px;} #tMain .latestArea_new .active {background-color:#fff; color:#293e5b;} #tMain .latestArea_new .tab li {width:400%; height:297px;} @media all and (max-width:768px){ #tMain .latestArea_new .tab {height:50px;line-height:120%; font-size:1em;white-space:pre-line;line-height:1.2em;text-align:center;word-break:break-all;} #tMain .latestArea_new {margin:0 auto;} } @media all and (max-width:600px){ #tMain .latestArea_new .tab {height:60px;line-height:1.2em;} #tMain .latestArea_new .tab >br{display:block;} #tMain .latestArea_new ul.lastest1 {width:100%;border-bottom:solid 2px #e5e5e5;} #tMain .latestArea_new ul.lastest2 {width:100%;} } @media all and (max-width:540px){ #tMain .latestArea_new .tab {height:62px;line-height:1.2em; font-size:13px;letter-spacing:-0.1em;} #tMain .latestArea_new ul li.inner {padding:20px 20px;} } @media all and (max-width:500px){ #tMain .latestArea_new ul li.inner {padding:20px 20px;} } @media all and (max-width:320px){ #tMain .latestArea_new .tab {line-height:1.2em;font-size:13px;} } #tMain .latestArea_new ul.lastest2 {display:none;} #tMain .latestArea_new ul.lastest1 {display:none;} #tMain .latestArea_new ul.lastest2.active {display:block;background:#fff;border-left:solid 1px #cecfd1;} #tMain .latestArea_new ul.lastest1.active {display:block;background:#fff;border-right:none;} #tMain .latestArea_new #tab3_1.active {display:block;background:#fff;border-right:solid 1px #fff;} #tMain .latestArea_new #tab4_1.active {display:block;background:#fff;border-left:solid 1px #cecfd1;} #tMain .latestArea_new #tab5.w100 {width:100%;} #tMain .latestArea_new #tab5.w100 div.thumbType {width:24.4%;margin:0 0.3% 0 0.3%;} #tMain .latestArea_new #tab5.w100 div.thumbType:first-child {margin:0 0.3% 0 0;} #tMain .latestArea_new #tab5.w100 div.thumbType:last-child {margin:0 0.3% 0 0.3%;} #tMain .latestArea_new .lastest1 .slideNews {position:relative;} #tMain .latestArea_new .lastest1 .slideNews .slick-list {z-index:1;} #tMain .latestArea_new .lastest1 .slick-arrow {position:absolute; top:50%; left:0; width:32px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.4); background-repeat:no-repeat; background-position:50% 50%; font-size:0; text-indent:-99999px; outline:0; z-index:2;} #tMain .latestArea_new .lastest1 .slick-prev {left:0; background-image:url(/images/btn/btn_prev_04.png);} #tMain .latestArea_new .lastest1 .slick-next {left:290px; margin-left:-32px; background-image:url(/images/btn/btn_next_04.png);} #tMain .latestArea_new .lastest1 .thumbType {position:relative; padding-left:310px; background:#fff;} #tMain .latestArea_new .lastest1 .thumbType .thumb {display:block; position:absolute; top:0; left:0;} #tMain .latestArea_new .lastest1 .thumbType .thumb img {width:290px; max-width:100%; height:190px;} #tMain .latestArea_new .lastest1 .thumbType dl {position:relative; height:190px; overflow:hidden; text-align:left;} #tMain .latestArea_new .lastest1 .thumbType dl dt a {display:block; overflow:hidden; max-height:60px; color:#111; font-weight:300; font-size:17.8px; line-height: 23px; text-align:left; } #tMain .latestArea_new .lastest1 .thumbType dl dd p {margin-top:9px; font-size:14px;} #tMain .latestArea_new .lastest1 .thumbType dl dd p.date {color:#999; font-weight:300;} #tMain .latestArea_new .lastest1 .thumbType dl dd p.txt {margin-top:10px; color:#333; line-height:1.7;} #tMain .latestArea_new .lastest1 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} #tMain .latestArea_new .lastest1 .thumbType dl dd.date {margin-top:10px; color:#666; font-size:14px;} #tMain .latestArea_new .lastest1 .thumbType dl dd.btn {position:absolute; bottom:0;} #tMain .latestArea_new .lastest1 .thumbType dl dd.btn a {display:block; width:160px; border:1px solid #666; color:#333; text-align:center; font-weight:300; font-size:16px; line-height:40px;} #tMain .latestArea_new .lastest2 .slideNews {position:relative;} #tMain .latestArea_new .lastest2 .slideNews .slick-list {z-index:1;} #tMain .latestArea_new .lastest2 .slick-arrow {position:absolute; top:50%; left:0; width:32px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.4); background-repeat:no-repeat; background-position:50% 50%; font-size:0; text-indent:-99999px; outline:0; z-index:2;} #tMain .latestArea_new .lastest2 .slick-prev {left:0; background-image:url(/images/btn/btn_prev_04.png);} #tMain .latestArea_new .lastest2 .slick-next {left:290px; margin-left:-32px; background-image:url(/images/btn/btn_next_04.png);} #tMain .latestArea_new .lastest2 .thumbType {position:relative; padding-left:310px; background:#fff;min-height:190px;max-height:190px;overflow:hidden;} #tMain .latestArea_new .lastest2.w100 .thumbType {float:left;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(1) {position:absolute; right:0px;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(2) {position:absolute; right:0px;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(1) dl dt a {color:white;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(1) dl dd p.date {color:white;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(2) dl dt a {color:white;} #tMain .latestArea_new #tab4_1 .thumbType:nth-child(2) dl dd p.date {color:white;} #tMain .latestArea_new .lastest2 .thumbType .thumb {display:block; position:absolute; top:0; left:0;} #tMain .latestArea_new .lastest2 .thumbType .thumb img {width:290px; max-width:100%; height:190px;} #tMain .latestArea_new .lastest2 #articleTongsang .thumbType a img{height:140px} #tMain .latestArea_new .lastest2 .thumbType dl dt a {display:block; overflow:hidden; max-height:60px; color:#111; font-weight:300; font-size:18px; text-align:left;white-space:nowrap;text-overflow:ellipsis;} #tMain .latestArea_new .lastest2 .thumbType dl dd p {margin-top:9px; font-size:14px;} #tMain .latestArea_new .lastest2 .thumbType dl dd p.date {color:#999; font-weight:300; text-align:left;} #tMain .latestArea_new .lastest2 .thumbType dl dd p.txt {margin-top:17px; color:#333; line-height:1.9; text-align:left;} #tMain .latestArea_new .lastest2 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} #tMain .latestArea_new .lastest2 .thumbType dl dd.date {margin-top:10px; color:#666; font-size:14px;} #tMain .latestArea_new .lastest2 .thumbType dl dd.btn {position:absolute; bottom:0;} #tMain .latestArea_new .lastest2 .thumbType dl dd.btn a {display:block; width:160px; border:1px solid #666; color:#333; text-align:center; font-weight:300; font-size:16px; line-height:40px;} #tMain .latestArea_new #tab3_1 div.thumbType {width:49%;padding:0;display:inline-block;margin:0 0.3%; } #tMain .latestArea_new #tab2_1 div.thumbType {width:48%;padding:0;float:left} #tMain .latestArea_new #tab3_1 div.thumbType .thumb, #tMain .latestArea_new #tab2_1 div.thumbType .thumb {width:100%;} #tMain .latestArea_new #tab3_1 div.thumbType .thumb img, #tMain .latestArea_new #tab2_1 div.thumbType .thumb img {width:100%;} #tMain .latestArea_new #tab3_1 div.thumbType:nth-child(3) {display:none;} #tMain .latestArea_new #tab3_1 div.thumbType:nth-child(4) {display:none;} #tMain .latestArea_new #tab2_1 div.thumbType:nth-child(1) {margin-right: 2%;} #tMain .latestArea_new #tab2_1 div.thumbType:nth-child(2) {margin-left: 2%;} #tMain .latestArea_new #tab3_1 div.thumbType dl, #tMain .latestArea_new #tab2_1 div.thumbType dl {position:absolute;bottom:0;width:100%;height:50%;padding:14% 6% 0 6%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.78) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);} #tMain .latestArea_new #tab3_1 div.thumbType dl dt a, #tMain .latestArea_new #tab2_1 div.thumbType dl dt a {color:#fff;line-height:100%;font-weight:600;} #tMain .latestArea_new #tab3_1 div.thumbType dl dd p.date, #tMain .latestArea_new #tab2_1 div.thumbType dl dd p.date {color:#fff; font-weight:300; text-align:left;margin-top:1%;font-size:14px;} #tMain .latestArea_new #articleTongsang {font-size: 0;} #tMain .latestArea_new .lastest2#tab2_1 .thumbType { overflow:visible;} #tMain .latestArea_new .lastest2#tab2_1 .thumbType .thumb {position: relative; height: 140px; background-repeat: no-repeat; background-position: center center; background-size: cover;} #tMain .latestArea_new .lastest2#tab2_1 .thumbType .thumb .category {position: absolute; left: 10px; top: 10px; padding: 1px 10px; color: #fff; border: 1px solid #fff; border-radius:20px; font-size:14px;} #tMain .latestArea_new #tab2_1 div.thumbType dl { position: static; } #tMain .latestArea_new #tab2_1 div.thumbType dl {background:none; color:#333333; padding: 3% 0 0;min-height:56.17px} #tMain .latestArea_new #tab2_1 div.thumbType dl dt a {color:#333333; font-size:14px; font-weight:300; white-space: normal; line-height: 24px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #tMain .latestArea_new #tab2_1 div.thumbType dl dt a strong { font-weight:600;} @media all and (max-width:768px){ #tMain .latestArea_new #tab2_1 div.thumbType + #tMain .latestArea_new #tab2_1 div.thumbType {display:none} } #tMain .latestArea_new .lastest1 {width:50%; padding-left:1px;} #tMain .latestArea_new .lastest1 ul {width:100%;text-align:left;} #tMain .latestArea_new .lastest1 ul li {position:relative; /* margin-top:15px; */ margin-top: 5px; padding-right:198px; white-space:nowrap;} #tMain .latestArea_new .lastest1 ul li:first-child {margin-top:0;} #tMain .latestArea_new .lastest1 ul {text-align:left;} #tMain .latestArea_new .lastest1 ul li .sbj {display:inline-block; overflow:hidden; max-width:100%; ;color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;/*line-height:24px*/} #tMain .latestArea_new .lastest1 ul li .group {display:inline-block;width:88px;text-align:center;margin-right:3px;vertical-align:middle;text-overflow:ellipsis; line-height:24px;white-space:nowrap;overflow:hidden;height:24px; border-radius:24px; padding:1px 5px 0 5px; background:#6f91ce; color:#fff; font-size:11px;} #tMain .latestArea_new .lastest1 ul li .date {position:absolute; top:0; right:0; color:#999; font-size:15px;} #tMain .latestArea_new .lastest2 {width:50%; padding-left:1px;} #tMain .latestArea_new .lastest2 ul {width:100%;text-align:left;} #tMain .latestArea_new .lastest2 ul li {position:relative; /*margin-top:15px;*/ margin-top: 5px; padding-right:178px; white-space:nowrap;} #tMain .latestArea_new .lastest2 ul li:first-child {margin-top:0;} #tMain .latestArea_new .lastest2 ul {text-align:left;} #tMain .latestArea_new .lastest2 ul li .sbj {display:inline-block; overflow:hidden; max-width:100%; ;color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;line-height:24px;} #tMain .latestArea_new .lastest2 ul li .group {display:inline-block;width:88px;text-align:center;margin-right:3px;vertical-align:middle;text-overflow:ellipsis; line-height:24px;white-space:nowrap;overflow:hidden;height:24px; border-radius:24px; padding:1px 5px 0 5px; background:#6f91ce; color:#fff; font-size:11px;} #tMain .latestArea_new .lastest2 ul li .date {position:absolute; top:0; right:0; color:#999; font-size:15px;} #articelTongsang .tsBox{width:49%;padding:0; display:inline-block; margin:0 0.3%;min-height:190px;max-height:190px;overflow:hidden; background-size:cover; position:relative; background-position:center center;} #articelTongsang .tsBox .bgOverlay{padding:0;position:relative;width:100%;min-height:190px;max-height:190px;background-color:rgba(0,0,0,0.4);} #articelTongsang .tsBox p{display:-webkit-box; overflow:hidden; max-height:60px; font-size: 18px; font-weight:600; white-space:normal; text-align:left; text-overflow: ellipsis; color:#fff; position:absolute; bottom:10px; left:12px; width:90%; line-height:28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media all and (max-width:1280px){ #tMain .firstArea .latestArea .lastest1 {width:60%;} #tMain .firstArea .latestArea .lastest2 {width:40%;} } @media all and (max-width:960px){ #tMain .firstArea .latestArea .lastest1 {width:285px; padding-right:0;} #tMain .firstArea .latestArea .lastest1 .slick-arrow {top:80px;} #tMain .firstArea .latestArea .lastest1 .slick-next {left:225px;} #tMain .firstArea .latestArea .lastest1 .thumbType {padding-left:0;} #tMain .firstArea .latestArea .lastest1 .thumbType .thumb {position:relative;} #tMain .firstArea .latestArea .lastest1 .thumbType .thumb img {width:225px; height:160px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl {height:auto; margin-top:13px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dt a {font-size:15px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.date {margin-top:0; line-height:1.4;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.btn {display:none;} #tMain .firstArea .latestArea .lastest2 {float:none; width:auto; margin-left:285px; padding-left:20px;} #articelTongsang a:last-child{display:none} #articelTongsang .tsBox{width:100%} #articelTongsang .tsBox p{max-height:} } @media all and (max-width:720px){ #tMain .firstArea .latestArea_new li {float:none;} #tMain .firstArea .latestArea_new li.inner {height:auto; padding:14px;} #tMain .firstArea .latestArea {margin-top:0;} #tMain .firstArea .latestArea section {float:none;} #tMain .firstArea .latestArea section .inner {height:auto; padding:14px;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd p.txt {max-height:80px;} #tMain .firstArea .latestArea .lastest1 {width:auto;} #tMain .firstArea .latestArea .lastest1 .slick-arrow {top:45%; top:24vw;} #tMain .firstArea .latestArea .lastest1 .slick-next {left:auto; right:0;} #tMain .firstArea .latestArea .lastest1 .thumbType .thumb img {width:100%; height:auto;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dt a {max-height:42px; white-space:normal; line-height:1.4;} #tMain .firstArea .latestArea .lastest1 .thumbType dl dd.date {margin-top:5px; font-size:12px;} #tMain .firstArea .latestArea .lastest2 {width:auto; margin-left:0; padding-left:0;} #tMain .firstArea .latestArea .lastest2 ul {overflow:hidden; max-height:128px;} #tMain .firstArea .latestArea .lastest2 ul li {margin-top:7px; padding-right:0;} #tMain .firstArea .latestArea .lastest2 ul li .sbj {font-size:14px; line-height:1.4;} #tMain .firstArea .latestArea .lastest2 ul li .date {display:block; position:relative; font-size:12px; line-height:1.4;} #tMain .latestArea_new .lastest1 .thumbType dl dt a,#tMain .latestArea_new .lastest2 .thumbType dl dt a {font-size:16px;} } @media all and (max-width:720px){ #tMain .latestArea_new #tab3_1.active {border-bottom:solid 2px #e5e5e5} #tMain .latestArea_new .lastest1 ul li .sbj,#tMain .latestArea_new .lastest2 ul li .sbj { font-size:14px;} } @media all and (max-width:600px){ #tMain .latestArea_new ul.lastest2.active,#tMain .latestArea_new #tab4_1.active {border-left:0;} } @media all and (max-width:425px){ } #tMain .scheduleArea {padding:20px 0; background:#f5f7f8;overflow:hidden;} #tMain .linkArea {padding:20px 0; background:#f5f7f8;} #tMain .linkArea2 {padding:20px 0; background:#f5f7f8;} #tMain .linkArea3 {padding:0;overflow:hidden;} #tMain .scheduleArea .more {top:10px; right:0;display:none;} #tMain .scheduleArea .titBox h2 {margin-top:-10px; color:#111; text-align:center; font-size:30px; font-family:ns;} #tMain .scheduleArea .titBox .btn {margin-top:5px; text-align:center; font-size:0;} #tMain .scheduleArea .titBox .btn a {display:inline-block; width:160px; margin:0 5px; padding:0 20px; background:#8b8bc2; color:#fff; text-align:left; font-size:14px; line-height:32px;} #tMain .linkArea h2.titBox {margin:0 0 15px 0; color:#111; text-align:center; font-size:30px; font-family:ns; font-weight:800;} #tMain .latestArea_new h2.titBox {margin-top:-10px; color:#111; text-align:center; font-size:30px; font-family:ns; font-weight:800;} #tMain .latestArea_new .active {display: block;} #tMain .latestArea_new ul li.active {display: block;} #tMain .scheduleArea {} #tMain .scheduleArea h2.titBox {color:#111; text-align:center; font-size:30px; font-family:ns; font-weight:800;} #tMain .scheduleArea .btn {width:100%; position:absolute; right:0px; top:8px; text-align:right; font-size:0; } #tMain .scheduleArea .btn a {display:inline-block; margin-left:7px; width:160px; padding:0 20px; background:#8b8bc2; color:#fff; text-align:left; font-size:14px; line-height:32px;} #tMain .scheduleArea .btn a:nth-child(1) {background:#008bc2;} #tMain .scheduleArea .btn a:nth-child(2) {background:#5e5bc2;} #tMain .scheduleArea .btn a:nth-child(3) {position:absolute;display:block;width:220px;left:-5px;top:0;} #tMain .scheduleArea .btn a span {display:block; background:url(/images/btn/btn_more_06.png) no-repeat 100% 50%;} #tMain .linkArea .titBox h2 {margin-top:-10px; color:#111; text-align:center; font-size:30px; font-family:ns; font-weight:800;} #tMain .linkArea2 .titBox h2 {margin-top:-10px; color:#111; text-align:center; font-size:25px; font-family:ns; font-weight:800;} #tMain .linkArea3 .inner {width:10.66%;max-width:164px;float:left;height:100px;background:url(/images/common/titBox2_dot.gif) no-repeat right;background-color:#fff;} /* #tMain .linkArea3 li.ea7 .inner {width:11.7%;} #tMain .linkArea3 li.ea7 .inner:nth-child(1) {max-width:252px;width:17.69%;background:none;} 아이콘 7개일 경우*/ #tMain .linkArea3 .inner div {float:left;width:98.78%;font-family:ns; font-family:ns; height:100px;margin-right:2px;} #tMain .linkArea3 .inner div h2 {font-weight:300; font-size:15px; font-family:ng; padding-top:65px;letter-spacing:-0.04em;} #tMain .linkArea3 .inner h2 >br {display:none;} #tMain .linkArea3 .inner:nth-child(1) {max-width:252px;width:14.69%;background:none;} /* #tMain .linkArea3 .inner:nth-child(1) {max-width:252px;width:17.69%;background:none;} 아이콘 7개일경우*/ #tMain .linkArea3 .inner:nth-child(2) {background:#486aff;} #tMain .linkArea3 .inner:nth-child(2) div h2{color:#fff;} #tMain .linkArea3 .inner:last-child {background:none;} #tMain .linkArea3 .inner:nth-child(1) div {padding-right:15px; width:100%;font-weight:300; box-sizing:border-box;background-image:url(/images/common/titBox1_arr.gif);background-position:right;background-color:#6f91ce;} #tMain .linkArea3 .inner:nth-child(1) div h2 {font-size:26px;padding:0px; margin:0 auto; line-height:100px; font-weight:300;color:#fff;} #tMain .linkArea3 .inner:nth-child(1) div p {font-size:20px; padding:0px; margin:0 auto; line-height:110px;} #tMain .linkArea3 .mainInner {padding:0px 0 20px;} #tMain .linkArea3 .mainInner .bx-wrapper {background:#fff;} #tMain .linkArea3 .mainInner ul li {width:100%;} #tMain .linkArea3 .inner_new:nth-child(1) div h2 {padding-top:30px; color:#323232; font-size:26px;} #tMain .linkArea3 .inner_new div {width:3.4%; background-color:white; float:right; position:relative; bottom:300px; height:100px;} #tMain .linkArea3 .inner_new .titBox8 a.bx_prev:hover{background:url(/images/btn/btn_search_02_on.png)no-repeat center center;} #tMain .linkArea3 .inner_new .titBox8 a.bx_next:hover{background:url(/images/btn/btn_search_02_off.png)no-repeat center center;} #tMain .linkArea3 .inner_new .titBox8 a.bx_prev {background:url(/images/btn/btn_search_02_on.png)no-repeat center center; height:50px; display:block; border:1px solid #e6ecf4;} #tMain .linkArea3 .inner_new .titBox8 a.bx_next {background:url(/images/btn/btn_search_02_off.png)no-repeat center center; height:50px; display:block; border:1px solid #e6ecf4; border-top:0px;} #tMain .scheduleArea .titBox .btn {margin-top:5px; text-align:right; font-size:0;} #tMain .scheduleArea .titBox .btn a:nth-child(1) {display:inline-block; width:160px; margin:0 5px; padding:0 20px; background:#008BC2; color:#fff; text-align:left; font-size:14px; line-height:32px;} #tMain .scheduleArea .titBox .btn a:nth-child(2) {display:inline-block; width:160px; padding:0 20px; background:#5E5BC2; color:#fff; text-align:left; font-size:14px; line-height:32px;} #tMain .scheduleArea .titBox .btn a span {display:block; background:url(/images/btn/btn_more_06.png) no-repeat 100% 50%;} #tMain .scheduleArea .calendarWrap {margin-top:10px;} #tMain .scheduleArea .slideArea {overflow:hidden; margin:0 -10px;} #tMain .scheduleArea .slide-wrap {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} #tMain .scheduleArea .cardView {overflow:hidden; width:100%;height:440px;} #tMain .scheduleArea .cardView .box {float:left;display:inline-block; width:24.05%; margin:0 0 10px 10px; border:1px solid #7b94ab;} #tMain .scheduleArea .cardView dl {position:relative;height:210px; padding:30px; background:#fff;} #tMain .scheduleArea .cardView dl dt {font-size:0; text-align:left;padding:16px 0 0 0;} #tMain .scheduleArea .cardView dl dt .dDay {position:absolute;bottom:20px;right:30px;display:inline-block; padding:0 5px; border:2px solid #96a7bc; color:#5c738f; font-weight:300; font-size:12px; line-height:22px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;margin-right:2px;} #tMain .scheduleArea .cardView dl dt .dDay.highlight {font-weight:800;color:#f94e3f;border:solid 2px #f94e3f;background-color:#fff;} #tMain .scheduleArea .cardView dl dt .dDay * {vertical-align:middle;} #tMain .scheduleArea .cardView dl dt .dDay strong {margin-left:10px; font-size:13px;} #tMain .scheduleArea .cardView dl dt .sbj {display:block; overflow:hidden; height:48px; margin-top:5px; color:#111; font-size:16px; line-height:1.5;} #tMain .scheduleArea .cardView dl dt .sbj a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #tMain .scheduleArea .cardView dl dt .sbj a span.ctg {position:absolute;top:20px;display:inline-block; margin-right:0px; vertical-align:top;} #tMain .scheduleArea .cardView dl dt .sbj a span.ctg * {display:inline-block; margin-left:0; padding:0 10px; border:1px solid #ff4e50; color:#ff4e50; font-weight:300; font-size:13px; line-height:20px; border-radius:20px;} #tMain .scheduleArea .cardView dl dt .sbj a span.ctg strong {margin-left:10px; font-size:13px;} #tMain .scheduleArea .cardView dl dd {margin-top:0; text-align:left;} #tMain .scheduleArea .cardView dl dd p { /*margin-top:5px;*/ } #tMain .scheduleArea .cardView dl dd p * {vertical-align:middle;} #tMain .scheduleArea .cardView dl dd p em {display:inline-block; height:19px; /*padding:1px 5px 0;*/ padding:0 5px 1px; background:#6f91ce; color:#fff; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #tMain .scheduleArea .cardView dl dd p span {margin-left:9px; color:gray; font-size: 14px;} .calendarWrap .btnBox {position:absolute; top:260px; width:calc(100% + 1px);height:0px;} .calendarWrap .btnBox .btnPrev, .calendarWrap .btnBox .btnNext {width:32px; height:32px; border:1px solid #111; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;} .calendarWrap .btnBox .btnPrev {background-image:url(/images/btn/btn_prev_04.png); postition:absolute; left:0px; top:220px; float:left; border:1px solid #7b94ab;} .calendarWrap .btnBox .btnNext {background-image:url(/images/btn/btn_next_04.png); postition:absolute; right:0px; top:220px; float:right; border:1px solid #7b94ab;} .calendarWrap .slideArea .slick-dots {display:inline-block;margin-top:15px; text-align:center; font-size:0;} .calendarWrap .slideArea .slick-dots li {display:inline-block;} .calendarWrap .slideArea .slick-dots li.slick-active button {background:#005bbb;} .calendarWrap .slideArea .slick-dots button {display:inline-block; width:8px; height:8px; margin:0 4px; background:#ddd; text-indent:-9999px; border-radius:100%; opacity:1;} .calendarWrap .slideArea .slick-dots .swiper-pagination-bullet-active {background:#005bbb;} @media all and (max-width:1280px){ #tMain .linkArea3 {background:#f5f7f8;} #tMain .scheduleArea .slideArea {margin:0 -1.2%;} #tMain .scheduleArea .calendarWrap {padding:0 2%} #tMain .scheduleArea .btn {padding:0 1.5% 20px 1.5%;} .calendarWrap .btnBox {top:10px;left:1.7%;width:auto;} .calendarWrap .btnBox .btnNext {float:left;margin-left:10px;} #tMain .scheduleArea .btn a:nth-child(3) {left:100px;} } @media all and (max-width:1200px){ #tMain .scheduleArea .calendarWrap {padding:0 2.7%} #tMain .scheduleArea .more {top:11px;} #tMain .scheduleArea .slideArea {overflow:hidden;} #tMain .scheduleArea .cardView {width:auto;height:auto;max-height:435px;} #tMain .scheduleArea .cardView .box {width:49.4%; margin:0 0.3% 0.8% 0.3%;} #tMain .scheduleArea .cardView dl dd p.txt {height:auto; text-overflow:ellipsis; white-space:nowrap;} } @media all and (max-width:1024px){ /* #tMain .linkArea3 .inner {width:11.7%} 아이콘 7개인 경우 */ /* #tMain .linkArea3 .inner:nth-child(1) {width:16.69%;} 아이콘 7개인 경우 */ #tMain .linkArea3 .inner {width:10.78%} #tMain .linkArea3 .inner:nth-child(1) {width:13.69%;} #tMain .linkArea3 .inner:nth-child(1) div h2 {font-size:20px;background-image:none;} } @media all and (max-width:960px){ .calendarWrap .btnBox {top:10px;left:2.4%} #tMain .scheduleArea .btn {padding:0 2.4% 20px 1.5%;} #tMain .scheduleArea .btn a:nth-child(2) {display:none;} #tMain .scheduleArea .calendarWrap {padding: 0 3.4%;} /* #tMain .linkArea3 .inner {width:14.2%} 아이콘 7개인 경우 */ #tMain .linkArea3 .inner {width:12.5%} #tMain .linkArea3 .inner:nth-child(1){width:100%;max-width:100%;height:45px;} #tMain .linkArea3 .inner:nth-child(1) div:hover {height:45px;padding-right:0;} #tMain .linkArea3 .inner:nth-child(1) div{background-color:#6f91ce;background:#6f91ce;height:45px;padding-right:0;} #tMain .linkArea3 .inner:nth-child(1) div h2 {line-height:45px;} #tMain .scheduleArea .btn a:nth-child(3) {display:none;} } @media all and (max-width:940px){ #tMain .scheduleArea .calendarWrap {padding:0 3.4%} #tMain .linkArea2 .titBox h2 {font-size:26px;} #tMain .scheduleArea .btn {padding:0 2.5% 20px 2.5%;} #tMain .scheduleArea .btn a:nth-child(3) {display:none;} } @media all and (max-width:768px){ .calendarWrap .btnBox {top:10px;right:2.4%} #tMain .scheduleArea .calendarWrap {padding:0 2.7%} #tMain .scheduleArea .titBox {overflow:hidden; margin-bottom:4px;} #tMain .scheduleArea .titBox h2 {float:left; margin-top:0; color:#111; text-align:left; font-weight:300; font-size:20px;} #tMain .scheduleArea .titBox .btn {float:right; margin:3px 38px 0 0;} #tMain .scheduleArea .titBox .btn a {width:110px; margin:0; padding:0; text-align:center; line-height:28px;} #tMain .scheduleArea .titBox .btn a span {background:none;} #tMain .scheduleArea .cardView {width:auto;height:auto;} #tMain .scheduleArea .cardView .box {width:49.1%;margin: 0 0.45% 1.2% 0.45%;} #tMain .scheduleArea .cardView .box:first-child {margin-top:0;} #tMain .scheduleArea .more {top:3px; right:0;} #tMain .scheduleArea .calendarWrap {margin-top:0;} #tMain .scheduleArea .slideArea {margin:0;} #tMain .scheduleArea .btn {position:relative;width:100%;padding:0 2.7% 20px 2.7%;} #tMain .scheduleArea .btn a:nth-child(1) {width:100%;margin-left:0;} #tMain .scheduleArea .cardView dl dt .dDay {padding:0 5px;} } @media all and (max-width:720px){ .calendarWrap .btnBox {display:none;} #tMain .scheduleArea h2.titBox,#tMain .linkArea h2.titBox {font-size:20px;} } @media all and (max-width:640px){ #tMain .scheduleArea .calendarWrap {padding:0 4.2%} #tMain .scheduleArea .cardView {max-height:465px;} #tMain .scheduleArea .cardView dl {height:225px;padding:10% 10%;} #tMain .scheduleArea .cardView dl dt .dDay {padding:0 5px;margin-bottom:2px;} #tMain .scheduleArea .cardView dl dt .sbj {height:50px; font-size:15px;margin-top:15px;} #tMain .scheduleArea .cardView dl dd p span {display:inline-block;margin-left:0;} #tMain .scheduleArea .btn {padding:0 4.2% 20px 4.2%;} } @media all and (max-width:580px){ #tMain .scheduleArea .cardView dl {padding:10% 5%;} #tMain .scheduleArea .cardView dl dt .dDay {margin-right:0;} } @media all and (max-width:500px){ #tMain .scheduleArea .cardView {max-height:550px;} #tMain .scheduleArea .cardView dl {height:270px;} #tMain .scheduleArea .cardView dl dt .dDay {margin-right:2px;} #tMain .scheduleArea .slideArea .slick-list {max-height:550px;} #tMain .scheduleArea .slideArea .slick-track {max-height:550px;} } @media all and (max-width:425px){ #tMain .scheduleArea .calendarWrap {padding:0 4.8%} #tMain .scheduleArea .cardView {width:100%; margin:0;max-height:740px;margin:0 1% 0 0;} #tMain .scheduleArea .cardView .box {float:none;display:block; width:auto; padding:0; margin:0 0 1% 1%;background:blue;} #tMain .scheduleArea .cardView .box:nth-child(1), #tMain .scheduleArea .cardView .box:nth-child(2), #tMain .scheduleArea .cardView .box:nth-child(3), #tMain .scheduleArea .cardView .box:nth-child(4) {margin:0 0 0.8% 0.8%;} #tMain .scheduleArea .cardView dl {height:180px; padding:20px; background:#fff;} #tMain .scheduleArea .cardView dl dd { /*margin-top:10px;*/ } #tMain .scheduleArea .btn {padding:0 4.8% 10px 4.8%;} #tMain .scheduleArea .slideArea .slick-list {max-height:740px;height:740px;} #tMain .scheduleArea .slideArea .slick-track {max-height:740px;height:740px;} } @media all and (max-width:380px){ #tMain .scheduleArea .cardView{max-height:800px;height:800px;} #tMain .scheduleArea .slideArea .slick-list {max-height:800px;height:800px;} #tMain .scheduleArea .slideArea .slick-track {max-height:800px;height:800px;} #tMain .scheduleArea .cardView .box:nth-child(1), #tMain .scheduleArea .cardView .box:nth-child(2), #tMain .scheduleArea .cardView .box:nth-child(3), #tMain .scheduleArea .cardView .box:nth-child(4) {margin:0 0 0.7% 0.7%;} #tMain .scheduleArea .cardView dl {height:196px;padding:10px 15px;} #tMain .scheduleArea .cardView dl dt {padding:20px 0 0 0;} #tMain .scheduleArea .cardView dl dd {margin-top:0;} #tMain .scheduleArea .cardView dl dt .sbj {top:10px;} #tMain .scheduleArea .cardView dl dt .dDay {bottom:10px;right:10px} } #tMain .latestArea2 {max-width:1280px; margin:0 auto; padding:60px 20px;} #tMain .latestArea2 .mainInner {padding-left:420px;} #tMain .latestArea2 .mainInner section {padding:17px 30px 30px; border:1px solid #ddd; background:#fff; -webkit-transition:padding .5s; -moz-transition:padding .5s; -ms-transition:all .5s; -o-transition:padding .5s; transition:padding .5s;} #tMain .latestArea2 .mainInner section .thumbTypeWrap {position:absolute; top:13px; right:30px; bottom:30px; left:30px; overflow:hidden;} #tMain .latestArea2 .secWrap {position:absolute; top:0; left:0; width:400px; height:474px;} #tMain .latestArea2 .secWrap2 {overflow:hidden; height:474px;} #tMain .latestArea2 .lastest1 {width:100%; max-width:400px; min-width:314px; height:233px;} #tMain .latestArea2 .mainInner section.lastest1 {overflow:hidden; padding:0px;} /* #tMain .latestArea2 .lastest1 .inner {position:relative; height:100%;} #tMain .latestArea2 .lastest1 .inner .titBox {position:absolute; padding:17px 30px; z-index:10;} #tMain .latestArea2 .lastest1 .inner .titBox h2 {color:#fff;} #tMain .latestArea2 .lastest1 .cover {position:absolute; height:100%; width:100%; z-index:2; padding:4% 8%; background:rgba(0,0,0,.3); color:#fff; font-weight:300;} #tMain .latestArea2 .lastest1 .thumb img {display:block; width:100%; height:231px;} #tMain .latestArea2 .lastest1 .cover .sbj {position:absolute; bottom:0; display:block; overflow:hidden; font-size:16px; margin-bottom:12%; text-overflow:ellipsis; white-space:nowrap; max-width:85%;} #tMain .latestArea2 .lastest1 .cover .info {position:absolute; bottom:0; margin-bottom:5%} #tMain .latestArea2 .lastest1 .thumbType .thumb {display:block; overflow:hidden; height:0; padding-bottom:59.11764705882353%;} #tMain .latestArea2 .lastest1 .slick-arrow {position:absolute; top:50%; left:0; width:32px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.4); background-repeat:no-repeat; background-position:50% 50%; font-size:0; text-indent:-99999px; outline:0; z-index:2;} #tMain .latestArea2 .lastest1 .slick-prev {left:0; background-image:url(/images/btn/btn_prev_04.png);} #tMain .latestArea2 .lastest1 .slick-next {left:398px; margin-left:-32px; background-image:url(/images/btn/btn_next_04.png);} #tMain .latestArea2 .lastest1 .thumbType .thumb img {width:100%; max-width:100%;} #tMain .latestArea2 .lastest1 .thumbType dl {margin-top:23px;} #tMain .latestArea2 .lastest1 .thumbType dl dt a {display:block; overflow:hidden; color:#111; font-weight:300; font-size:18px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;} #tMain .latestArea2 .lastest1 .thumbType dl dd {font-size:14px} #tMain .latestArea2 .lastest1 .thumbType dl dd p {margin-top:9px;} #tMain .latestArea2 .lastest1 .thumbType dl dd .date {color:#999; font-weight:300;} #tMain .latestArea2 .lastest1 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} */ #tMain .scheduleArea.mainInner section.lastest1_2 {overflow:hidden; padding:0px; width:25%; float:left;} #tMain .linkArea2 .lastest1_2 .inner:first-child {padding:0px;} #tMain .linkArea2 .lastest1_2 .inner {padding-left:10px; position:relative; height:220px; width:25%; display:inline-block;} #tMain .linkArea2 .lastest1_2 .inner.blSt .titBox h2 {color:#00062b;} #tMain .linkArea2 .lastest1_2 .inner.blSt .cover {color:#00062b;} #tMain .linkArea2 .lastest1_2 .inner .titBox {position:absolute; padding:20px 20px; z-index:10;} #tMain .linkArea2 .lastest1_2 .inner .titBox h2 {color:#fff;text-align:left;} #tMain .linkArea2 .lastest1_2 .cover {position:absolute; height:220px; width:100%; z-index:2; padding:10px 20px; color:#fff; font-weight:300;} /* #tMain .linkArea2 .lastest1_2 .thumb img {display:block; width:100%; height:220px; border-radius:10px;} */ #tMain .linkArea2 .lastest1_2 .inner .thumb {overflow:hidden;border-radius:10px;} #tMain .linkArea2 .lastest1_2 .inner .thumb img { display:block;float:right; width:auto; height:220px;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(1) .thumb {background-color:#22243b;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(2) .thumb {background-color:#d0ccc1;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(3) .thumb {background-color:#566471;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(4) .thumb {background-color:#7f7f7d;} /* #tMain .linkArea2 .lastest1_2 .inner:nth-child(5) .thumb {background-color:#3782a9;} */ #tMain .linkArea2 .lastest1_2 .inner:nth-child(5) .thumb {background-color:#3d4c53;} #tMain .linkArea2 .lastest1_2 .cover .seminar {position:absolute; bottom:0; display:block; font-size:15px; margin-bottom:64px; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-size:15px;line-height:160%; } #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox {position:absolute;width:88%;height:50%;box-sizing:border-box;display:inline-block;left:0;padding:20px 0;margin:0 20px;top:0;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox:last-child {top:50%;bottom:0;border-top:solid 1px #fff;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.titBox {position:absolute; padding:20px 0; z-index:10;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.titBox h2 {color:#fff;text-align:left;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.btn {bottom:20px;right:0;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox p {position:absolute;font-size:12px;bottom:20px;line-height:14px;} #tMain .linkArea2 .lastest1_2 .cover .seminar h3 {font-weight:500;color:#1cffc7;margin-bottom:4px} #tMain .linkArea2 .lastest1_2 .cover .seminar ul.noticeUpadte {display:block;margin-bottom:4px;overflow:visible;} #tMain .linkArea2 .lastest1_2 .cover .seminar ul.noticeUpadte li {display:block;width:100%;padding-left:0;color:#fff;font-size:14px;line-height:140%;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {position:absolute;top:-65px;width:130px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {position:absolute;top:-23px;width:130px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList03 {position:absolute;top:16px;width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn {position:absolute; bottom:20px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 {position:absolute; bottom:20px;left:20px;}/* tradeKorea */ #tMain .linkArea2 .lastest1_2 .cover .btn3 {position:absolute; bottom:20px;right:30px;}/* Kmall 24 */ #tMain .linkArea2 .lastest1_2 .cover .btn4 {position:absolute; bottom:60px;right:30px;}/* 전문무역상사 */ #tMain .linkArea2 .lastest1_2 .cover .btn5 {position:absolute; bottom:100px;right:30px;}/*해외마케팅일정*/ #tMain .linkArea2 .lastest1_2 .cover .btn6 {position:absolute;bottom: 100px;right: 30px;}/*해외마케팅일정*/ #tMain .linkArea2 .lastest1_2 .cover .btn a , .btn2 a , .btn3 a, .btn4 a, .btn5 a, .btn6 a {display:block; width:130px; border:1px solid; text-align:center; font-weight:300; font-size:14px; line-height:28px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width: 130px;border: solid 1px #fff;height: 110px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn h5 a{border:none;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn ul{} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn ul li {display:inline;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn ul li a{border:none;text-align:left;font-size:11px;height:24px;line-height:24px;letter-spacing:-0.05em;list-style-type:circle;padding-left:8px} #tMain .linkArea2 .lastest1_2 .cover .info {position:absolute; bottom:0; margin-bottom:5%} #tMain .linkArea2 .lastest1_2 .thumbType .thumb {display:block; overflow:hidden; height:0; padding-bottom:59.11764705882353%;} /* 201/340*100 */ #tMain .linkArea2 .lastest1_2 .thumbType .thumb img {width:100%; max-width:100%;} #tMain .linkArea2 .lastest1_2 .thumbType dl {margin-top:23px;} #tMain .linkArea2 .lastest1_2 .thumbType dl dt a {display:block; overflow:hidden; color:#111; font-weight:300; font-size:18px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;} #tMain .linkArea2 .lastest1_2 .thumbType dl dd {font-size:14px} #tMain .linkArea2 .lastest1_2 .thumbType dl dd p {margin-top:9px;} #tMain .linkArea2 .lastest1_2 .thumbType dl dd .date {color:#999; font-weight:300;} #tMain .linkArea2 .lastest1_2 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} @media all and (max-width:1280px){ #tMain .linkArea2 .lastest1_2 .cover .btn2 a,.cover .btn3 a,.cover .btn4 a, .cover .btn5 a{width: 100%;max-width:180px;min-width: 125px;} } @media all and (max-width:1240px){ #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,.lastest1_2 .cover .btn6 {right:15px;} #tMain .linkArea2 .lastest1_2 .cover .btn2,#tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,#tMain .linkArea2 .lastest1_2 .cover .btn6 {width:115px;min-width:115px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a,#tMain .linkArea2 .lastest1_2 .cover .btn6 a {min-width:115px;width:115px;letter-spacing:-0.07em;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn a {width:130px;} } @media all and (max-width:1120px){ #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {right:20px;} #tMain .linkArea2 .lastest1_2 .cover .btn2,#tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,#tMain .linkArea2 .lastest1_2 .cover .btn6 {width:100px;min-width:100px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a,#tMain .linkArea2 .lastest1_2 .cover .btn6 a {width:100px;min-width:100px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn a {width:130px;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.btn a {width:70px;font-size:11px;} } @media all and (max-width:1080px){ #tMain .linkArea2 .lastest1_2 .cover .btn2, #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {min-width:75px;width:75px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a, #tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a {min-width:75px;width:75px;font-size:11px;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox {width:84%;} } @media all and (max-width:1024px){ #tMain .linkArea2 .lastest1_2 .inner .titBox {position:absolute; padding:30px 20px;} #tMain .linkArea2 .lastest1_2 .cover .seminar {margin-bottom:70px; } #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:25px;left:15px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:25px;right:25px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:65px;right:25px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:105px;right:25px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:105px;right:25px;} } @media all and (max-width:980px){ #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn a {width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2, #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {min-width:75px;width:75px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a, #tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a {min-width:75px;width:75px;font-size:11px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {right:15px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {right:15px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {right:15px;} } @media all and (max-width:960px){ #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:120px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn a {width:120px;} #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {left:140px;min-width:75px;width:75px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a {min-width:75px;width:75px;} } @media all and (max-width:940px){ #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {left:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a {} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn ul li a {padding-left:2px;} } @media all and (max-width:900px){ #tMain .linkArea2 .lastest1_2 .inner {padding-left:0px; height:220px; width:49%;margin-bottom:2%;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(3),#tMain .linkArea2 .lastest1_2 .inner:nth-child(5) {padding-left:2%;} #tMain .linkArea2 .titBox h2 {font-size:22px;} #tMain .linkArea2 .lastest1_2 .inner .titBox {padding:10% 8%;} #tMain .linkArea2 .lastest1_2 .cover {padding:4% 8%;} #tMain .linkArea2 .lastest1_2 .cover .seminar {font-size:15px;} #tMain .linkArea2 .lastest1_2 .cover .btn {bottom:30px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:30px;left:30px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:30px;left:170px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:65px;left:170px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:105px;left:170px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:105px;left:170px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:130px;height:105px;} #tMain .linkArea2 .lastest1_2 .cover .btn,#tMain .linkArea2 .lastest1_2 .cover .btn2,#tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,#tMain .linkArea2 .lastest1_2 .cover .btn6 {width:130px;min-width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a,#tMain .linkArea2 .lastest1_2 .cover .btn6 a {display:block; width:130px; min-width:100%;border:1px solid; text-align:center; font-weight:300; font-size:14px; line-height:28px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {top:-58px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {top:-22px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList03 {top:12px;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox {width:90%;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.btn a {width:130px;} } @media all and (max-width:768px){ #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:30px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:30px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:64px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:98px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:104px;left:150px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a,#tMain .linkArea2 .lastest1_2 .cover .btn6 a{width:130px;min-width:130px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:130px;height:98px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn h5 a{line-height:24px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {top:-58px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {top:-22px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList03 {top:12px;} } @media all and (max-width:700px){ } @media all and (max-width:640px){ #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:30px;left:8%;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:30px;left:145px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:64px;left:145px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:98px;left:145px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:104px;left:145px;} #tMain .linkArea2 .lastest1_2 .cover .btn2,#tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,#tMain .linkArea2 .lastest1_2 .cover .btn6 {width:118px;min-width:118px} #tMain .linkArea2 .lastest1_2 .cover .btn2 a, #tMain .linkArea2 .lastest1_2 .cover .btn3 a, #tMain .linkArea2 .lastest1_2 .cover .btn4 a, #tMain .linkArea2 .lastest1_2 .cover .btn5 a, #tMain .linkArea2 .lastest1_2 .cover .btn6 a{width:118px;min-width:118px;} #tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5 {width:98px;min-width:98px} #tMain .linkArea2 .lastest1_2 .cover .btn3 a, #tMain .linkArea2 .lastest1_2 .cover .btn4 a, #tMain .linkArea2 .lastest1_2 .cover .btn5 a {width:98px;min-width:98px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:118px;height:98px;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox {width:87%;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.btn {min-width:95px;width:95px;} #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.btn a {width:95px;} } @media all and (max-width:540px){ #tMain .linkArea2 .lastest1_2 .cover .btn3, #tMain .linkArea2 .lastest1_2 .cover .btn4, #tMain .linkArea2 .lastest1_2 .cover .btn5 {width:85px;min-width:85px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 a, #tMain .linkArea2 .lastest1_2 .cover .btn4 a, #tMain .linkArea2 .lastest1_2 .cover .btn5 a {width:85px;min-width:85px;font-size:11px;} } @media all and (max-width:520px){ #tMain .linkArea2 .lastest1_2 .cover .btn3, #tMain .linkArea2 .lastest1_2 .cover .btn4, #tMain .linkArea2 .lastest1_2 .cover .btn5 {width:85px;min-width:85px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 a, #tMain .linkArea2 .lastest1_2 .cover .btn4 a, #tMain .linkArea2 .lastest1_2 .cover .btn5 a {width:85px;min-width:85px;font-size:11px;} } @media all and (max-width:500px){ #tMain .linkArea2 .lastest1_2 .inner {overflow:hidden;padding-left:0px; height:180px; width:100%;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(3),#tMain .linkArea2 .lastest1_2 .inner:nth-child(5) {padding-left:0;} #tMain .linkArea2 .lastest1_2 .inner .titBox {padding:40px 8%;} #tMain .linkArea2 .titBox h2 {font-size:22px;} #tMain .linkArea2 .lastest1_2 .cover {height:180px; width:100%; z-index:2; padding:2% 8%; color:#fff; font-weight:300;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(1) .seminar h3{margin-bottom:1px;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(1) .seminar ul.noticeUpadte {margin-bottom:-14px;} #tMain .linkArea2 .lastest1_2 .cover .seminar {bottom:0;margin-bottom:70px;font-size:14px;line-height:140%;} #tMain .linkArea2 .lastest1_2 .cover .seminar br:nth-child(1){display:none;} #tMain .linkArea2 .lastest1_2 div.inner:nth-child(5) .cover .seminar {margin-bottom:60px;} #tMain .linkArea2 .lastest1_2 div.inner:nth-child(5) .cover .seminar br {display:block;} #tMain .linkArea2 .lastest1_2 .cover .btn {bottom:24px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:20px;left:8%;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:20px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:50px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:80px;left:165px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:80px;left:135px;} #tMain .linkArea2 .lastest1_2 .cover .btn a{font-size:12px; line-height:24px;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn {width:125px;height:86px;padding:3px 0;} #tMain .linkArea2 .lastest1_2 .cover .btn2.tkBtn ul li a {line-height:16px;height:16px;} #tMain .linkArea2 .lastest1_2 .cover .btn2,#tMain .linkArea2 .lastest1_2 .cover .btn3,#tMain .linkArea2 .lastest1_2 .cover .btn4,#tMain .linkArea2 .lastest1_2 .cover .btn5,#tMain .linkArea2 .lastest1_2 .cover .btn6 {width:125px;min-width:125px;font-size:12px; line-height:24px;} #tMain .linkArea2 .lastest1_2 .cover .btn2 a,#tMain .linkArea2 .lastest1_2 .cover .btn3 a,#tMain .linkArea2 .lastest1_2 .cover .btn4 a,#tMain .linkArea2 .lastest1_2 .cover .btn5 a,#tMain .linkArea2 .lastest1_2 .cover .btn6 a {width:125px;min-width:125px;font-size:12px; line-height:24px;} #tMain .linkArea2 .lastest1_2 .inner .thumb {width:auto; height:180px; border-radius:10px;background-size:auto 100%;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(1) .thumb {background:url(/images/contents/kita_service_01_1903_m.jpg) no-repeat right;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(2) .thumb {background:url(/images/contents/kita_service_05_2002_m.jpg) no-repeat right;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(3) .thumb {background:url(/images/contents/kita_service_02_1903_m.jpg) no-repeat right;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(4) .thumb {background:url(/images/contents/kita_service_03_1903_m.jpg) no-repeat right;} /* #tMain .linkArea2 .lastest1_2 .inner:nth-child(5) .thumb {background:url(/images/contents/kita_service_04_1903_m.jpg) no-repeat right;} */ #tMain .linkArea2 .lastest1_2 .inner:nth-child(5) .thumb {background:url(/images/contents/kita_service_05_2007_m.jpg) no-repeat right;} #tMain .linkArea2 .lastest1_2 .inner .thumb img {display:none;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {top:-28px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {top:-2px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList03 {top:26px;} } @media all and (max-width:380px){ #tMain .linkArea2 .lastest1_2 .cover .seminar.areaBox div.titBox {top:5px;} #tMain .linkArea2 .lastest1_2 .cover .seminar {margin-bottom:65px;} #tMain .linkArea2 .lastest1_2 .cover .seminar br:nth-child(1){display:block;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {top:-36px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {top:-4px;} #tMain .linkArea2 .lastest1_2 .inner .titBox {padding:30px 8%;} #tMain .linkArea2 .lastest1_2 .cover .btn {bottom:25px;} #tMain .linkArea2 .lastest1_2 .inner:nth-child(1) .seminar ul.noticeUpadte {margin-bottom:-2px;} #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:20px;left:150px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {bottom:50px;left:150px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {bottom:80px;left:150px;} #tMain .linkArea2 .lastest1_2 .cover .btn6 {bottom:80px;left:150px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList01 {top:-34px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList02 {top:-4px;} #tMain .linkArea2 .lastest1_2 .cover .seminar p.seminarList03 {top:22px;} /* #tMain .linkArea2 .lastest1_2 .cover .btn2 {bottom:25px;} */ /* #tMain .linkArea2 .lastest1_2 .cover .btn3 {bottom:25px;left:150px;} */ /* #tMain .linkArea2 .lastest1_2 .cover .btn a , .btn2 a , .btn3 a {width:100px; font-size:16px; line-height:28px;} */ } @media all and (max-width:375px){ #tMain .linkArea2 .lastest1_2 .cover .btn3 {left:160px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {left:160px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {left:160px;} } @media all and (max-width:360px){ #tMain .linkArea2 .lastest1_2 .cover .btn3 {left:160px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {left:160px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {left:160px;} } @media all and (max-width:320px){ #tMain .linkArea2 .lastest1_2 .cover .btn3 {left:155px;} #tMain .linkArea2 .lastest1_2 .cover .btn4 {left:155px;} #tMain .linkArea2 .lastest1_2 .cover .btn5 {left:155px;} } #tMain .latestArea2 .lastest1_3 {height:233px;} #tMain .latestArea2 .lastest1_3 ul {overflow:hidden; position:relative; margin:-3px -25px 0;} #tMain .latestArea2 .lastest1_3 ul li {float:left; position:relative; width:100%; margin-top:20px; padding:0 25px;} #tMain .latestArea2 .lastest1_3 ul li:first-child {margin-top:10px;} #tMain .latestArea2 .lastest1_3 ul li .sbj {display:block; overflow:hidden; color:#333; font-size:16px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;} #tMain .latestArea2 .lastest1_3 ul li .date {color:#999; font-size:14px;} #tMain .latestArea2 .lastest2 {height:233px;} #tMain .latestArea2 .lastest2.twbox {margin-top: 20px; height: 278px;} #tMain .latestArea2 .lastest2 ul {margin-top:-3px;} #tMain .latestArea2 .lastest2 ul li {position:relative; margin-top:10px; padding:0 100px 0 125px;} #tMain .latestArea2 .lastest2 ul li:first-child {margin-top:0;} #tMain .latestArea2 .lastest2 ul li .ctg {overflow:hidden; position:absolute; top:3px; left:0; width:105px; height:21px; padding:0 7px; background:#3073ce; color:#fff; text-align:center; font-size:12px; text-overflow:ellipsis; white-space:nowrap;} #tMain .latestArea2 .lastest2 ul li .date {position:absolute; top:0; right:0; color:#999; font-size:15px;} #tMain .latestArea2 .lastest2 ul li .sbj {display:inline-block; overflow:hidden; max-width:100%; ;color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;} #tMain .latestArea2 .lastest3 {height:221px; margin-top:20px;} #tMain .latestArea2 .lastest3 ul {overflow:hidden; position:relative; margin:-3px -25px 0;} #tMain .latestArea2 .lastest3 ul:after {position:absolute; top:16px; left:50%; width:1px; height:114px; background:#ebebeb; content:'';} #tMain .latestArea2 .lastest3 ul li {float:left; position:relative; width:50%; margin-top:10px; padding:0 25px;} #tMain .latestArea2 .lastest3 ul li .sbj {display:block; overflow:hidden; color:#333; font-size:16px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;} #tMain .latestArea2 .lastest3 ul li .date {color:#999; font-size:14px;} @media all and (max-width:1280px){ #tMain .latestArea2 {padding:40px 20px;} #tMain .latestArea2 .mainInner {} #tMain .latestArea2 .lastest1 {max-width:100%; min-width:0; height:231px;} } @media all and (max-width:960px){ #tMain .latestArea2 .lastest1 .slick-next {left:auto; right:0;} #tMain .latestArea2 .mainInner {padding-left:395px;} #tMain .latestArea2 .secWrap {width:375px;} #tMain .latestArea2 .lastest1 {height:auto;} } @media all and (max-width:800px){ #tMain .latestArea2 .mainInner {padding:0;} #tMain .latestArea2 .mainInner section .thumbTypeWrap {position:static;} #tMain .latestArea2 .secWrap {position:relative; top:auto; left:auto; width:100%; min-width:0; padding-right:0; height:auto;} #tMain .latestArea2 .secWrap2 {overflow:visible; height:auto; margin-top:20px;} #tMain .latestArea2 .lastest1 .cover {padding:4%;} #tMain .latestArea2 .lastest1 .thumbType {overflow:hidden; position:relative;} #tMain .latestArea2 .lastest1 .thumbType .thumb {float:left; width:100%; height:100%; padding-bottom:0;} #tMain .latestArea2 .lastest1 .thumbType dl {padding-left:335px; margin-top:-6px;} #tMain .latestArea2 .lastest1 .thumbType dl dd .txt {max-height:125px;} #tMain .latestArea2 .lastest1_2 {display:none;} #tMain .latestArea2 .lastest2 {height:auto;} #tMain .latestArea2 .lastest3 {height:auto;} } @media all and (max-width:720px){ #tMain .latestArea2 {padding:0;} #tMain .latestArea2 .mainInner section {padding:15px 14px 14px; border:0;} #tMain .latestArea2 .secWrap2 {margin-top:0;} #tMain .latestArea2 .secWrap3 {overflow:visible; margin:0;} #tMain .latestArea2 .lastest1 {max-width:100%; min-width:0; height:auto;} #tMain .latestArea2 .lastest1 .thumbType {padding-left:0;} #tMain .latestArea2 .lastest1 .thumbType .thumb {float:none; width:100%; height:auto;} #tMain .latestArea2 .lastest1 .thumbType dl {margin-top:11px; padding-left:0;} #tMain .latestArea2 .lastest1 .thumbType dl dt a {font-size:15px;} #tMain .latestArea2 .lastest1 .thumbType dl dd {font-size:13px;} #tMain .latestArea2 .lastest1 .thumbType dl dd p {margin-top:4px;} #tMain .latestArea2 .lastest1 .thumbType dl dd .date {font-size:12px;} #tMain .latestArea2 .lastest1 .thumbType dl dd .txt {max-height:70px;} #tMain .latestArea2 .lastest1_3 {height:auto;} #tMain .latestArea2 .lastest1_3 ul {margin:0;} #tMain .latestArea2 .lastest1_3 ul li {float:none; width:100%; margin-top:3px; padding:0;} #tMain .latestArea2 .lastest1_3 ul li:first-child {margin-top:0;} #tMain .latestArea2 .lastest1_3 ul li .sbj {font-size:14px;} #tMain .latestArea2 .lastest1_3 ul li .date {font-size:12px;} #tMain .latestArea2 .lastest2 {height:auto;} #tMain .latestArea2 .lastest2 ul {margin-top:15px;} #tMain .latestArea2 .lastest2 ul li {margin-top:5px; padding:0; font-size:0;} #tMain .latestArea2 .lastest2 ul li .ctg {position:relative; top:auto; left:auto; width:auto; height:auto; padding:0; text-align:left; background:none; color:#0050a5; text-align:left; font-weight:300;} #tMain .latestArea2 .lastest2 ul li .date {position:relative; top:auto; right:auto; margin-left:20px; font-size:12px;} #tMain .latestArea2 .lastest2 ul li .date:after {position:absolute; top:3px; left:-10px; width:1px; height:9px; background:#ddd; content:'';} #tMain .latestArea2 .lastest2 ul li .sbj {display:block; font-size:14px;} #tMain .latestArea2 .lastest3 {height:auto;} #tMain .latestArea2 .lastest3 ul {/*max-height:140px;*/ margin:0;} #tMain .latestArea2 .lastest3 ul:after {} #tMain .latestArea2 .lastest3 ul li {float:none; width:100%; margin-top:3px; padding:0;} #tMain .latestArea2 .lastest3 ul li:first-child {margin-top:0;} #tMain .latestArea2 .lastest3 ul li .sbj {font-size:14px;} #tMain .latestArea2 .lastest3 ul li .date {font-size:12px;} } #tMain {-webkit-background-size:cover; color:#fff; text-align:center; background-color:#f5f7f8;background-image:url(/images/contents/bg_tmain_02.png);background-position:center -15px;background-size:2000px;background-repeat:no-repeat;} #tMain .mainInner ul {overflow:hidden; font-size:0;margin:0 -0.2%;} #tMain .mainInner ul li {display:inline-block; width:16.6%; padding-left:10px; vertical-align:top; } #tMain .mainInner .box ul li {width:100%; } #tMain .mainInner .box ul li:nth-child(1) {/*padding-left:10px;*/} #tMain .mainInner ul li:nth-child(1) {padding-left:0px;} #tMain .mainInner ul li .box {z-index:9;border:6px solid #e2e2e2; position:relative; /* height:295px; */ height:250px; /*padding-top:20px; */background-repeat:no-repeat; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;/* -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -ms-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; */cursor:pointer; display: block;} #tMain .mainInner ul li .box:active,#tMain .mainInner ul li .box:hover {border:6px solid #008bc2;} #tMain .mainInner ul li .box a.goLinkBtn {display:none;} #tMain .mainInner ul li .box.st1 {background-color:#fff; background-image:url(/images/contents/img_tmain_01_off_2012.png);background-size:40%;background-position:50% 40%;} #tMain .mainInner ul li .box.st2 {background-color:#fff; background-image:url(/images/contents/img_tmain_02_off_2012.png);background-size:40%;background-position:50% 50%;} #tMain .mainInner ul li .box.st3 {background-color:#fff; background-image:url(/images/contents/img_tmain_03_off_2012.png);background-size:40%;background-position:50% 40%;} #tMain .mainInner ul li .box.st4 {background-color:#fff; background-image:url(/images/contents/img_tmain_04_off_2012.png);background-size:40%;background-position:50% 40%;} #tMain .mainInner ul li .box.st5 {background-color:#fff; background-image:url(/images/contents/img_tmain_05_off_2012.png);background-size:40%;background-position:50% 50%;} #tMain .mainInner ul li .box.st6 {background-color:#fff; background-image:url(/images/contents/img_tmain_06_off_2012.png);background-size:40%;background-position:50% 40%;} #tMain .mainInner ul li .box dl{ position: relative; display: table; width:100%; height:100%;} #tMain .mainInner ul li dl dt { /*position:absolute;*/display:talble-row;/*top:20px;*/font-weight:300;width:100%; height: 150px; padding-top: 20px; font-size:18px; font-family:ns; color:#000;line-height:140%;} #tMain .mainInner ul li dl dt span{ display: block;} #tMain .mainInner ul li dl dt br {display:none;} #tMain .mainInner ul li dl dd {/*position:absolute;*/display:talble-row;width:100%;top:162px; font-size:14px; color:#000; } #tMain .mainInner ul li dl a {font-size:14px; color:#000; text-align:left; position:relative; top:225px; width:55px; display:inline-block; cursor:pointer; background-image:url("/images/contents/btn_more_1903.png"); background-repeat:no-repeat; background-position:100% 60%;} #tMain .mainInner ul li .box_sub.on ul {display:none;z-index:5;position: absolute; /*top:55px;*/ bottom:1%; left:2%; width:96%; height:80%; padding: 7px 6px; background-color: #fcfcfc; border:2px solid #1c7bbb; border-radius: 10px; box-shadow: 1px 1px 5px #ccc; text-align: left; color:black; font-size:14px; line-height: 2.0; overflow-y:auto} #tMain .mainInner ul li .box_sub.on ul li {letter-spacing:-0.07em; padding:0 0 0 7px; line-height: 1.2} #tMain .mainInner ul li .box_sub.on ul li:first-child(1) {padding-left:0;} #tMain .mainInner ul li .box_sub.on ul li a::before {position:absolute; content: ""; display:inline-block;width:3px;height:3px;background: #1c7bbb; margin:9px 0 2px -5px;} #tMain .mainInner ul li .box_sub.on ul li:hover {text-decoration:underline;} @media all and (max-width:1280px){ #tMain {background:#e5e5e5;} #tMain .latestArea_new .tab {border-left:1px solid #e5e5e5} } @media all and (max-width:1200px){ #tMain .mainInner ul li .box_sub.on ul {top:55px;height: 80%; padding: 7px 6px; overflow:hidden;overflow-y:scroll;} #tMain .mainInner ul li .box_sub.on ul li a::before {margin:9px 0 2px -5px;} #tMain .mainInner ul li .box_sub.on ul li {letter-spacing:-0.1em;padding-left:5px;} #tMain .mainInner ul li dl dd {letter-spacing:-0.04em;} } #tMain .linkArea3 .mainInner ul li {padding:0;background:#fff;} #tMain .linkArea3 .inner div {} #tMain .linkArea3 .inner .titBox1 {} #tMain .linkArea3 .inner .titBox2 {background-image:url(/images/contents/img_service_01_off_1909.png);background-size:45%; background-position:50% 20%; } #tMain .linkArea3 .inner .titBox3 {background-image:url(/images/contents/img_service_06_off_2007.png);background-size:40%; background-position:50% 28%; } #tMain .linkArea3 .inner .titBox4 {background-image:url(/images/contents/img_service_03_off_1909.png);background-size:43%; background-position:50% 20%;} #tMain .linkArea3 .inner .titBox5 {background-image:url(/images/contents/img_service_04_off_1909.png);background-size:40%; background-position:50% 26%;} #tMain .linkArea3 .inner .titBox6 {background-image:url(/images/contents/img_service_05_off_1909.png);background-size:45%; background-position:50% 23%;} #tMain .linkArea3 .inner .titBox7 {background-image:url(/images/contents/img_service_06_off_2006.png);background-size:37%; background-position:50% 28%;} #tMain .linkArea3 .inner .titBox8 {background-image:url(/images/contents/img_service_07_off_1909.png);background-size:44%; background-position:50% 20%;} #tMain .linkArea3 .inner .titBox9 {background-image:url(/images/contents/img_service_08_off_1909.png);background-size:54%; background-position:50% 8%;} #tMain .linkArea3 .inner div { background-repeat:no-repeat;} #tMain .linkArea3 .inner div:hover {background-repeat:no-repeat;} #tMain .linkArea3 .inner .titBox2:hover {background-image:url(/images/contents/img_service_01_on_1909.png);background-size:45%; background-position:50% 20%; } #tMain .linkArea3 .inner .titBox3:hover {background-image:url(/images/contents/img_service_06_on_2007.png);background-size:40%; background-position:50% 28%; } #tMain .linkArea3 .inner .titBox4:hover {background-image:url(/images/contents/img_service_03_on_1909.png);background-size:43%; background-position:50% 20%;} #tMain .linkArea3 .inner .titBox5:hover {background-image:url(/images/contents/img_service_04_on_1909.png);background-size:40%; background-position:50% 26%;} #tMain .linkArea3 .inner .titBox6:hover {background-image:url(/images/contents/img_service_05_on_1909.png);background-size:45%; background-position:50% 23%;} #tMain .linkArea3 .inner .titBox7:hover {background-image:url(/images/contents/img_service_06_on_2006.png);background-size:37%; background-position:50% 28%;} #tMain .linkArea3 .inner .titBox8:hover {background-image:url(/images/contents/img_service_07_on_1909.png);background-size:44%; background-position:50% 20%;} #tMain .linkArea3 .inner .titBox9:hover {background-image:url(/images/contents/img_service_08_on_1909.png);background-size:54%; background-position:50% 8%;} #tMain .mainInner ul li .box_sub.on ul {display:block;} #tMain .linkArea3 .inner div:hover {background-color:none;} #tMain .linkArea3 .inner:nth-child(1) div:hover {background-color:#6f91ce;} @media only screen and (min-width:720px){ #tMain .linkArea .mainInner ul li .box {box-shadow:10px 10px 10px rgba(0,0,0,0);} #tMain .linkArea .mainInner ul li .box:hover {background-color:#fff; color:#152945;} #tMain .linkArea .mainInner ul li .box.st1:hover {background-image:url(/images/contents/img_tmain_01_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st2:hover {background-image:url(/images/contents/img_tmain_02_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st3:hover {background-image:url(/images/contents/img_tmain_03_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st4:hover {background-image:url(/images/contents/img_tmain_04_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st5:hover {background-image:url(/images/contents/img_tmain_05_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st6:hover {background-image:url(/images/contents/img_tmain_06_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st7:hover {background-image:url(/images/contents/img_tmain_07_on_2012.png);} #tMain .linkArea .mainInner ul li .box.st8:hover {background-image:url(/images/contents/img_tmain_07_on_2012.png);} } @media all and (max-width:1280px){ #tMain .linkArea {padding:38px 0 60px;} #tMain .linkArea .tTit {margin-bottom:35px;} #tMain .linkArea3 .inner div h2 {font-size:14px;} #tMain .linkArea .mainInner ul li .box.st5 dl dd >br {display:none;} } @media all and (max-width:1080px){ #tMain .linkArea .mainInner ul li .box.st2 dl dd br:nth-child(2), #tMain .linkArea .mainInner ul li .box.st3 dl dd br:nth-child(2), #tMain .linkArea .mainInner ul li .box.st4 dl dd br:nth-child(2), #tMain .linkArea .mainInner ul li .box.st5 dl dd br:nth-child(2) {display:none;} #tMain .linkArea .mainInner ul li .box.st2 ul li dl dt br, #tMain .linkArea .mainInner ul li .box.st3 ul li dl dt br, #tMain .linkArea .mainInner ul li .box.st4 ul li dl dt br, #tMain .linkArea .mainInner ul li .box.st5 ul li dl dt br {display:block;} #tMain .mainInner ul li dl dt, #tMain .linkArea .mainInner ul li .box dl dd {padding:0 6%;} #tMain .linkArea .mainInner ul li .box.st4 dl dd >br, #tMain .linkArea .mainInner ul li .box.st5 dl dd >br, #tMain .linkArea .mainInner ul li .box.st6 dl dd >br {display:none;} #tMain .mainInner ul li .box.st1 {background-position:50% 36%;} #tMain .mainInner ul li .box.st2 {background-position:50% 34%;} #tMain .mainInner ul li .box.st3 {background-position:50% 38%;} #tMain .mainInner ul li .box.st4 {background-position:50% 38%;} #tMain .mainInner ul li .box.st5 {background-position:50% 38%;} #tMain .mainInner ul li .box.st6 {background-position:50% 36%;background-size:54%;} #tMain .mainInner ul li .box.st7 {background-position:50% 38%;} #tMain .mainInner ul li .box.st8 {background-position:50% 38%;} #tMain .mainInner ul li .box.st9 {background-position:50% 38%;} #tMain .mainInner ul li .box.st1:hover {background-position:50% 36%;} #tMain .mainInner ul li .box.st2:hover {background-position:50% 34%;} #tMain .mainInner ul li .box.st3:hover {background-position:50% 38%;} #tMain .mainInner ul li .box.st4:hover {background-position:50% 38%;} #tMain .mainInner ul li .box.st5:hover {background-position:50% 38%;} #tMain .mainInner ul li .box.st6:hover {background-position:50% 36%;background-size:54%;} #tMain .mainInner ul li .box.st7:hover {background-position:50% 38%;} #tMain .mainInner ul li .box.st8:hover {background-position:50% 38%;} #tMain .mainInner ul li .box.st9:hover {background-position:50% 38%;} } @media all and (max-width:1024px){ #tMain .linkArea .tTit {font-size:30px;} #tMain .linkArea .mainInner ul li {padding-left:0.4%;} #tMain .linkArea .mainInner ul li:first-child {padding-left:0;} #tMain .mainInner ul li dl dt {line-height:-0.06em;} #tMain .mainInner ul li dl dt br {display:block;} #tMain .mainInner ul li dl dd {letter-spacing:-0.09em;} #tMain .linkArea .mainInner ul li .box.st1 {background-size:50%;background-position:50% 38%;} #tMain .linkArea .mainInner ul li .box.st2 {background-size:50%;background-position:50% 38%;} #tMain .linkArea .mainInner ul li .box.st3 {background-size:50%;background-position:50% 38%;} #tMain .linkArea .mainInner ul li .box.st4 {background-size:50%;background-position:50% 38%;} #tMain .linkArea .mainInner ul li .box.st5 {background-size:50%;background-position:50% 38%;} #tMain .linkArea .mainInner ul li .box.st6 {background-size:50%;background-position:50% 38%;} } @media all and (max-width:960px){ #tMain .linkArea {padding:30px 0 40px;} #tMain .linkArea .tTit {margin-bottom:28px;} #tMain .linkArea .mainInner ul li {width:32.9%;} #tMain .linkArea .mainInner ul li:nth-child(1) .box,#tMain .linkArea .mainInner ul li:nth-child(4) .box {margin-left:0;} #tMain .linkArea .mainInner ul li .box {margin-bottom:5%;margin-left:5%;height:200px; padding-top:128px; background-position:50% 23px;-webkit-background-size:120px auto; background-size:120px auto;} #tMain .mainInner ul li {padding-left:0;} #tMain .mainInner ul li .box_sub ul {display:none;} #tMain .mainInner ul li dl dt {top:70%;font-size:22px;} #tMain .mainInner ul li dl dt br,#tMain .mainInner ul li dl a,#tMain .mainInner ul li dl dd {display:none;} #tMain .linkArea .mainInner ul li .box a.goLinkBtn {display:block;position:absolute;width:100%;height:100%;left:0;top:0;} #tMain .linkArea .mainInner ul li .box.st1 {background-image:url(/images/contents/img_tmain_01_on_2012.png);background-size:95px;background-position:50% 25px;} #tMain .linkArea .mainInner ul li .box.st2 {background-image:url(/images/contents/img_tmain_02_on_2012.png);background-size:95px;background-position:50% 25px;} #tMain .linkArea .mainInner ul li .box.st3 {background-image:url(/images/contents/img_tmain_03_on_2012.png);background-size:100px;background-position:50% 25px;} #tMain .linkArea .mainInner ul li .box.st4 {background-image:url(/images/contents/img_tmain_04_on_2012.png);background-size:100px;background-position:50% 18px;} #tMain .linkArea .mainInner ul li .box.st5 {background-image:url(/images/contents/img_tmain_05_on_2012.png);background-size:95px;background-position:50% 15px;} #tMain .linkArea .mainInner ul li .box.st6 {background-image:url(/images/contents/img_tmain_06_on_2012.png);background-size:100px;background-position:50% 18px;} } @media all and (max-width:768px){ #tMain .linkArea3 .inner {width:24%;max-width:100%;height:160px;} #tMain .linkArea3 .inner div {height:160px;} #tMain .linkArea3 .inner div h2 {font-size:20px;padding-top:100px} #tMain .linkArea3 .inner:nth-child(2),#tMain .linkArea3 .inner:nth-child(6) {margin-left:2%;} #tMain .linkArea3 .inner:nth-child(5) {margin-right:2%;} #tMain .linkArea3 .inner:nth-child(5) {background:none} #tMain .linkArea3 .inner .titBox2 {background-size:45%; background-position:50% 22%; } #tMain .linkArea3 .inner .titBox3 {background-size:42%; background-position:50% 22%; } #tMain .linkArea3 .inner .titBox4 {background-size:44%; background-position:50% 23%;} #tMain .linkArea3 .inner .titBox5 {background-size:44%; background-position:50% 25%;} #tMain .linkArea3 .inner .titBox6 {background-size:46%; background-position:50% 25%;} #tMain .linkArea3 .inner .titBox7 {background-size:36%; background-position:50% 27%;} #tMain .linkArea3 .inner .titBox8 {background-size:48%; background-position:50% 22%;} #tMain .linkArea3 .inner .titBox9 {background-size:54%; background-position:50% 14%;} #tMain .linkArea3 .inner .titBox2:hover {background-size:45%; background-position:50% 22%; } #tMain .linkArea3 .inner .titBox3:hover {background-size:42%; background-position:50% 22%; } #tMain .linkArea3 .inner .titBox4:hover {background-size:44%; background-position:50% 23%;} #tMain .linkArea3 .inner .titBox5:hover {background-size:44%; background-position:50% 25%;} #tMain .linkArea3 .inner .titBox6:hover {background-size:46%; background-position:50% 25%;} #tMain .linkArea3 .inner .titBox7:hover {background-size:36%; background-position:50% 27%;} #tMain .linkArea3 .inner .titBox8:hover {background-size:48%; background-position:50% 22%;} #tMain .linkArea3 .inner .titBox9:hover {background-size:54%; background-position:50% 14%;} } @media all and (max-width:720px){ #tMain .linkArea {padding:13px 0 0;} #tMain .linkArea .tTit {margin-bottom:12px; font-size:20px;} #tMain .linkArea .mainInner {padding:0;} #tMain .linkArea .mainInner ul {overflow:hidden; margin:0 0 0 -1px; font-size:0;} #tMain .linkArea .mainInner ul li {background-repeat:no-repeat; background-position:50% 70px; } #tMain .linkArea .mainInner ul li .box {height:125px; padding-top:85px; border:0; background-position:50% 19px; -webkit-background-size:70px auto; background-size:70px auto;border:6px solid #e2e2e2;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -ms-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s;} #tMain .linkArea .mainInner ul li dl dt {font-size:15px; font-family:ng;line-height:120%;} #tMain .linkArea .mainInner ul li dl dd {display:none;} #tMain .linkArea .mainInner ul li .box.st1 {background-size:55px;background-position:50% 20px;} #tMain .linkArea .mainInner ul li .box.st2 {background-size:55px;background-position:50% 17px;} #tMain .linkArea .mainInner ul li .box.st3 {background-size:60px;background-position:50% 18px;} #tMain .linkArea .mainInner ul li .box.st4 {background-size:60px;background-position:50% 15px;} #tMain .linkArea .mainInner ul li .box.st5 {background-size:75px;background-position:50% 8px;} #tMain .linkArea .mainInner ul li .box.st6 {background-size:70px;background-position:50% 9px;} #tMain .linkArea3 .inner .titBox2 {background-size:68px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox3 {background-size:70px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox4 {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox5 {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox6 {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox7 {background-size:58px; background-position:50% 35px;} #tMain .linkArea3 .inner .titBox8 {background-size:74px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox9 {background-size:82px; background-position:50% 26px;} #tMain .linkArea3 .inner .titBox2:hover {background-size:68px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox3:hover {background-size:70px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox4:hover {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox5:hover {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox6:hover {background-size:70px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox7:hover {background-size:58px; background-position:50% 35px;} #tMain .linkArea3 .inner .titBox8:hover {background-size:74px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox9:hover {background-size:82px; background-position:50% 26px;} #tMain .linkArea3 .inner div h2 {font-size:15px;font-weight:300;font-family:ng;} } @media all and (max-width:500px){ #tMain .linkArea3 .inner div h2 {font-size:13px;letter-spacing:-0.07em;} #tMain .linkArea .mainInner ul li dl dt {font-size:13px;letter-spacing:-0.09em;} } @media all and (max-width:425px){ #tMain .linkArea .mainInner ul li dl dt br {display:block} #tMain .mainInner ul li dl dt {top:68%} #tMain .mainInner ul li .st2 dl dt, #tMain .mainInner ul li .st3 dl dt, #tMain .mainInner ul li .st4 dl dt, #tMain .mainInner ul li .st5 dl dt {top:65%;} #tMain .linkArea3 .inner div.titBox2 h2 {padding:76px 7% 0 7%;line-height:1.2em} #tMain .linkArea3 .inner div.titBox5 h2 {padding:76px 7% 0 7%;line-height:1.2em} #tMain .linkArea3 .inner div.titBox7 h2 {padding:76px 7% 0 7%;line-height:1.2em} /* #tMain .linkArea3 .inner div.titBox9 h2 {padding:76px 7% 0 7%;line-height:1.2em} */ #tMain .linkArea3 .inner div.titBox2 h2 >br, #tMain .linkArea3 .inner div.titBox5 h2 >br, #tMain .linkArea3 .inner div.titBox7 h2 >br, #tMain .linkArea3 .inner div.titBox9 h2 >br {display:block;} #tMain .linkArea3 .inner {height:120px;} #tMain .linkArea3 .inner div {height:120px;} #tMain .linkArea3 .inner div h2 {padding:80px 6% 0 6%;font-size:13px;line-height:-0.1em;} #tMain .linkArea .mainInner ul li .box {height:120px; padding-top:75px;background-position:50% 12px;border:2px solid #e2e2e2; } #tMain .linkArea .mainInner ul li .box.st1 {background-size:45px;background-position:50% 28px;} #tMain .linkArea .mainInner ul li .box.st2 {background-size:48px;background-position:50% 22px;} #tMain .linkArea .mainInner ul li .box.st3 {background-size:50px;background-position:50% 21px;} #tMain .linkArea .mainInner ul li .box.st4 {background-size:50px;background-position:50% 21px;} #tMain .linkArea .mainInner ul li .box.st5 {background-size:60px;background-position:50% 15px;} #tMain .linkArea .mainInner ul li .box.st6 {background-size:60px;background-position:50% 15px;} #tMain .linkArea3 .inner .titBox2 {background-size:55px; background-position:50% 26px; } #tMain .linkArea3 .inner .titBox3 {background-size:50px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox4 {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox5 {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox6 {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox7 {background-size:44px; background-position:48% 30px;} #tMain .linkArea3 .inner .titBox8 {background-size:54px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox9 {background-size:62px; background-position:50% 24px;} #tMain .linkArea3 .inner .titBox2:hover {background-size:55px; background-position:50% 26px; } #tMain .linkArea3 .inner .titBox3:hover {background-size:50px; background-position:50% 30px; } #tMain .linkArea3 .inner .titBox4:hover {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox5:hover {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox6:hover {background-size:50px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox7:hover {background-size:44px; background-position:48% 30px;} #tMain .linkArea3 .inner .titBox8:hover {background-size:54px; background-position:50% 30px;} #tMain .linkArea3 .inner .titBox9:hover {background-size:62px; background-position:50% 24px;} } @media all and (max-width:380px){ #tMain .linkArea3 .inner h2 >br {display:block;} #tMain .linkArea3 .inner div.titBox3 h2,#tMain .linkArea3 .inner div.titBox4 h2,#tMain .linkArea3 .inner div.titBox5 h2,#tMain .linkArea3 .inner div.titBox6 h2,#tMain .linkArea3 .inner div.titBox7 h2,#tMain .linkArea3 .inner div.titBox8 h2 {padding:76px 7% 0 7%;line-height:1.2em} #tMain .mainInner ul li dl dt {top:66%} #tMain .mainInner ul li .st2 dl dt, #tMain .mainInner ul li .st3 dl dt, #tMain .mainInner ul li .st4 dl dt, #tMain .mainInner ul li .st5 dl dt {top:60%;} #tMain .linkArea .mainInner ul li .box {height:95px;padding-top:85px;} #tMain .linkArea .mainInner ul li .box.st1 {background-size:35px;background-position:50% 18px;} #tMain .linkArea .mainInner ul li .box.st2 {background-size:38px;background-position:50% 15px;} #tMain .linkArea .mainInner ul li .box.st3 {background-size:40px;background-position:50% 14px;} #tMain .linkArea .mainInner ul li .box.st4 {background-size:46px;background-position:50% 11px;} #tMain .linkArea .mainInner ul li .box.st5 {background-size:50px;background-position:50% 9px;} #tMain .linkArea .mainInner ul li .box.st6 {background-size:50px;background-position:50% 11px;} #tMain .linkArea3 .inner .titBox2 {background-size:55px; background-position:50% 20px; } #tMain .linkArea3 .inner .titBox3 {background-size:50px; background-position:50% 25px; } #tMain .linkArea3 .inner .titBox4 {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox5 {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox6 {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox7 {background-size:44px; background-position:50% 28px;} #tMain .linkArea3 .inner .titBox8 {background-size:52px; background-position:50% 26px;} #tMain .linkArea3 .inner .titBox9 {background-size:64px; background-position:50% 22px;} #tMain .linkArea3 .inner .titBox2:hover {background-size:55px; background-position:50% 26px; } #tMain .linkArea3 .inner .titBox3:hover {background-size:50px; background-position:50% 25px; } #tMain .linkArea3 .inner .titBox4:hover {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox5:hover {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox6:hover {background-size:50px; background-position:50% 25px;} #tMain .linkArea3 .inner .titBox7:hover {background-size:44px; background-position:50% 28px;} #tMain .linkArea3 .inner .titBox8:hover {background-size:52px; background-position:50% 26px;} #tMain .linkArea3 .inner .titBox9:hover {background-size:64px; background-position:50% 22px;} } @media all and (max-width:375px){ } #tMain .linkArea2 {margin:0 auto; background:#f5f7f8; color:#fff; border-bottom:2px solid #e2e2e2;} #tMain .linkArea2 .mainInner {overflow:hidden; margin:0 auto; padding:0; text-align:center; font-size:0;} #tMain .linkArea2 .mainInner section {display:block; vertical-align:top; clear:both;} #tMain .linkArea2 .mainInner section .box {height:502px; background:#5881cb; text-align:left;} #tMain .linkArea2 .mainInner section .box dl {position:relative; height:267px; padding:20px 30px; background-repeat:no-repeat;} #tMain .linkArea2 .mainInner section .box dl dt {font-weight:300; font-size:28px; font-family:ns;} #tMain .linkArea2 .mainInner section .box dl dd.txt {margin-top:8px; font-size:15px;} #tMain .linkArea2 .mainInner section .box dl dd.btn {position:absolute; bottom:30px; left:30px;} #tMain .linkArea2 .mainInner section .box dl dd.btn a {display:block; width:160px; border:2px solid; text-align:center;f ont-weight:300; font-size:16px; line-height:38px;} #tMain .linkArea2 .mainInner section .box ul {padding:25px 30px; color:#fff; font-size:14px;} #tMain .linkArea2 .mainInner section .box ul li {position:relative; padding-left:10px;} #tMain .linkArea2 .mainInner section .box ul li:before {position:absolute; top:9px; left:0; width:4px; height:4px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; content:'';} #tMain .linkArea2 .mainInner section .box.st1 dl {background-image:url(/images/contents/bg_tmain_link_02_01.png);} #tMain .linkArea2 .mainInner section .box.st2 {background:#8b8bc2;} #tMain .linkArea2 .mainInner section .box.st2 dl {background-image:url(/images/contents/bg_tmain_link_02_02.png);} #tMain .linkArea2 .mainInner section .box.st3 dl {background-image:url(/images/contents/bg_tmain_link_02_03.png);} @media all and (max-width:1280px){ #tMain .linkArea2, #tMain .linkArea {padding:20px 16px;} } @media all and (max-width:1024px){ #tMain .linkArea2 .mainInner section {display:block; width:100%; margin-top:20px;} #tMain .linkArea2 .mainInner section:first-child {margin-top:0;} #tMain .linkArea2 .mainInner section .box {overflow:hidden; height:auto;} #tMain .linkArea2 .mainInner section .box dl {float:left; width:400px;} #tMain .linkArea2 .mainInner section .box ul {float:none; margin-left:400px;} #tMain .linkArea2 .mainInner section .box ul {padding:15px 20px;} } @media all and (max-width:720px){ #tMain .linkArea2 {padding:14px;} #tMain .linkArea2 .mainInner section {margin-top:10px;} #tMain .linkArea2 .mainInner section .box dl {float:none; width:auto; height:auto; padding:15px 20px; background-image:none !important;} #tMain .linkArea2 .mainInner section .box dl dt {font-size:19px; font-family:ng;} #tMain .linkArea2 .mainInner section .box dl dd.txt {margin-top:5px; font-size:12px;} #tMain .linkArea2 .mainInner section .box dl dd.btn {right:20px; bottom:20px; left:auto;} #tMain .linkArea2 .mainInner section .box dl dd.btn a {width:90px; border:1px solid; font-size:12px; line-height:28px;} #tMain .linkArea2 .mainInner section .box ul {display:none;} } #tMain .linkArea3 .mainInner {overflow:hidden;} #tMain .linkArea3 section dl dt {position:relative; padding-bottom:15px; border-bottom:1px solid #cfd6df; color:#344f6f; font-weight:300; font-size:18px;} #tMain .linkArea3 section dl dt button {display:none; position:absolute; top:15px; right:14px; width:28px; height:28px; border:1px solid #344f6f; background:url(/images/btn/btn_arr_10.png) 0 0 no-repeat; background-size:auto 52px; text-indent:-99999px; overflow:visible;} #tMain .linkArea3 section.on dl dt button {background-position:0 100%;} #tMain .linkArea3 section dl dd {overflow:hidden; font-size:0;} #tMain .linkArea3 section dl dd .listWrap {overflow:hidden; position:relative; margin:20px -5px 0;} #tMain .linkArea3 section dl dd ul {display:inline-block; width:135px; margin:0 5px ; vertical-align:top;} #tMain .linkArea3 section dl dd ul li {margin:5px 0;} #tMain .linkArea3 section dl dd ul li:first-child {margin-top:0;} #tMain .linkArea3 section dl dd ul li a {display:block; border:1px solid #bac0c9; color:#596b7e; text-align:center; font-size:13px; line-height:33px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;} #tMain .linkArea3 section dl dd ul li a:hover {border-color:#354f70; background:#354f70; color:#fff; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tMain .linkArea3 section.box1 {float:left; width:860px;} #tMain .linkArea3 section.box2 {float:right; width:280px;} #tMain .linkArea3.w960 section.box1 .sec6, #tMain .linkArea3.w780 section.box1 .sec5, #tMain .linkArea3.w780 section.box1 .sec6 {position:absolute; left:0;} #tMain .linkArea3.w780 section.box1 .sec6 {left:145px;} #tMain .linkArea3.w720 section.box1 .sec6 {position:absolute; left:50%; padding-right:14px;} @media all and (max-width:1280px){ #tMain .linkArea3 section.box1 {float:none; width:auto;} #tMain .linkArea3 section.box2 {float:none; width:auto; margin-top:20px;} #tMain .linkArea3 section.box2 dl dd .listWrap {} #tMain .linkArea3 section.box2 dl dd ul {display:inline; margin:0;} #tMain .linkArea3 section.box2 dl dd ul li {display:inline-block; width:135px; margin:5px;} } @media all and (max-width:720px){ #tMain .linkArea3 .mainInner {padding:0;} #tMain .linkArea3 section dl dt {height:58px; padding:0 14px; border-bottom:0; line-height:58px;} #tMain .linkArea3 section dl dt button {display:block;} #tMain .linkArea3 section dl dd .listWrap {height:0; margin-top:0;} #tMain .linkArea3 section.on dl dd .listWrap {height:auto; padding:0 9px 20px;} #tMain .linkArea3 section dl dd ul {display:inline-block; width:50%; margin:0; padding:0 5px;} #tMain .linkArea3 section dl dd ul li {display:block; width:auto;} #tMain .linkArea3 section dl dd ul li a {display:block; border:1px solid #bac0c9; color:#596b7e; text-align:center; font-size:13px; line-height:33px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;} #tMain .linkArea3 section dl dd ul li a:hover {border-color:#354f70; background:#354f70; color:#fff; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tMain .linkArea3 section.box2 {margin-top:0; border-top:1px solid #b4bdca;} #tMain .linkArea3 section.box2 dl dd ul {display:inline-block; margin:0;} #tMain .linkArea3 section.box2 dl dd ul li {display:block; width:auto;} } @media all and (max-width:720px){ #tMain .firstArea .latestArea .lastest1, #tMain .firstArea .latestArea .lastest2, #tMain .scheduleArea, #tMain .latestArea2 .secWrap, #tMain .latestArea2 .lastest2, #tMain .latestArea2 .lastest3, #tMain .linkArea, #tMain .linkArea2, #tMain .linkArea3 {position:relative; margin-top:6px;} #tMain .visual:after, #tMain .firstArea .latestArea .lastest1:after, #tMain .firstArea .latestArea .lastest2:after, #tMain .scheduleArea:after, #tMain .secWrap:after, #tMain .latestArea2 .lastest2:after, #tMain .latestArea2 .lastest3:after, #tMain .linkArea:after, #tMain .linkArea2:after, #tMain .linkArea3:after {position:absolute; top:-7px; right:0; left:0; z-index:10; height:6px; border-width:1px 0; border-style:solid; border-color:#bbb transparent #ddd; content:'';} #tMain .scheduleArea:after {border-color:#ddd transparent #bbb;} } /* 무역통상정보 */ #tradeguideMain {position:relative;} #tradeguideMain:before {position:absolute; top:0; right:0; left:0; height:505px; background:url(/images/contents/bg_sub_main.png) no-repeat 50% 0; -webkit-background-size:cover; background-size:cover; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; content:'';} #tradeguideMain .mainInner {position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 20px;} #tradeguideMain .titBox {position:relative; padding-bottom:13px; border-bottom:1px solid #ddd;} #tradeguideMain .titBox h2 {color:#111; font-weight:300; font-size:22px; font-family:ns; letter-spacing:-1px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tradeguideMain .more {position:absolute; top:6px; right:0; z-index:2; width:25px; height:25px; border:1px solid #ddd; background:#fff url(/images/btn/btn_more.png) no-repeat 50% 50%; text-indent:-99999px;} #tradeguideMain .more.st2 {width:36px; height:36px; background-image:url(/images/btn/btn_more_03.png);} @media all and (max-width:1280px){ #tradeguideMain:before {height:388px;} } @media all and (max-width:960px){ #tradeguideMain .more {top:2px;} #tradeguideMain .titBox h2 {font-size:18px;} } @media all and (max-width:720px){ #mainContents {margin:54px 0 0 0;} #tradeguideMain {background-color:#e5e5e5;} #tradeguideMain:before {height:250px;} #tradeguideMain .mainInner {padding:0 14px;} #tradeguideMain .titBox {padding-bottom:9px;} #tradeguideMain .titBox h2 {font-size:20px;} #tradeguideMain .more.st2 {width:24px; height:24px; background-image:url(/images/btn/btn_more_03_m.png); -webkit-background-size:15px 15px; background-size:15px 15px;} } #tradeguideMain .searchArea {padding:98px 0 80px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tradeguideMain .searchArea .titSt {color:#fff; text-align:center; font-family:ns;} #tradeguideMain .searchArea .titSt dl dt {font-weight:300; font-size:50px; line-height:60px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tradeguideMain .searchArea .titSt dl dd {margin-top:10px; font-size:20px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tradeguideMain .searchArea .schWrap {overflow:hidden; margin-top:35px; font-size:0;} #tradeguideMain .searchArea .schWrap select {height:57px; padding-left:20px; border:0; background:#fff url(/images/btn/btn_select_02.png) no-repeat 100% 50%; font-weight:300; font-size:18px; line-height:57px;} #tradeguideMain .searchArea .schWrap select option {font-weight:100;} #tradeguideMain .searchArea .schWrap .inner {float:left; position:relative;} #tradeguideMain .searchArea .schWrap .inner.st1 {width:63%;} #tradeguideMain .searchArea .schWrap .inner.st1 .selBox {float:left; width:50%; padding-right:10px;} #tradeguideMain .searchArea .schWrap .inner.st2 {width:37%; padding-right:80px;} #tradeguideMain .searchArea .schWrap .inner.st2 .btnSch2 {position:absolute; top:0; right:0;} @media all and (max-width:1280px){ #tradeguideMain .searchArea {padding:65px 0 60px;} #tradeguideMain .searchArea .titSt dl dt {font-size:40px; line-height:50px;} #tradeguideMain .searchArea .titSt dl dd {font-size:18px;} #tradeguideMain .searchArea .schWrap {margin-top:30px;} } @media all and (max-width:720px){ #tradeguideMain .searchArea {height:250px; padding:38px 0 30px;} #tradeguideMain .searchArea .titSt dl dt {font-size:25px; line-height:30px;} #tradeguideMain .searchArea .titSt dl dd {margin-top:14px; font-size:14px; line-height:1.4;} #tradeguideMain .searchArea .titSt dl dd span {display:block;} #tradeguideMain .searchArea .schWrap {margin-top:20px;} #tradeguideMain .searchArea .schWrap select {height:35px; padding-left:10px; background-image:url(/images/btn/btn_select_02_m.png); -webkit-background-size:auto 7px; background-size:auto 7px; font-size:12px; line-height:35px;} #tradeguideMain .searchArea .schWrap .inner {overflow:hidden; float:none;} #tradeguideMain .searchArea .schWrap .inner.st1 {width:auto; margin:0 -5px;} #tradeguideMain .searchArea .schWrap .inner.st1 .selBox {padding:0 5px;} #tradeguideMain .searchArea .schWrap .inner.st2 {width:100%; margin-top:10px; padding-right:53px;} } #tradeguideMain .lastestArea {max-width:1280px; margin:0 auto; padding:0 20px;} #tradeguideMain .lastestArea .mainInner {padding:0 0 0 34%;} #tradeguideMain .lastestArea .mainInner section {padding:13px 30px 30px; border:1px solid #ddd; background:#fff; -webkit-transition:padding .5s; -moz-transition:padding .5s; -ms-transition:all .5s; -o-transition:padding .5s; transition:padding .5s;} #tradeguideMain .lastestArea .secWrap {position:absolute; top:0; left:0; width:34%; min-width:314px; padding-right:20px;} #tradeguideMain .lastestArea .secWrap2 {overflow:hidden; height:450px;} #tradeguideMain .lastestArea .secWrap3 {overflow:hidden; margin:20px -10px 0;} #tradeguideMain .lastestArea .lastest1 .thumbTypeWrap {position:absolute; top:13px; right:30px; bottom:30px; left:30px; overflow:hidden;} #tradeguideMain .lastestArea .lastest1 {position:relative; width:100%; max-width:420px; min-width:314px; height:450px;} #tradeguideMain .lastestArea .lastest1 .titBox {border-bottom:0;} #tradeguideMain .lastestArea .lastest1 .thumbType .thumb {display:block; overflow:hidden; height:0; padding-bottom:58.82%;} #tradeguideMain .lastestArea .lastest1 .thumbType .thumb img {width:100%; ;max-width:100%;} #tradeguideMain .lastestArea .lastest1 .thumbType dl {margin-top:16px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dt a {color:#111; font-weight:300; font-size:16px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd {font-size:14px} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd p {margin-top:9px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd .date {color:#999; font-weight:300;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd .txt {overflow:hidden; color:#333; line-height:1.8;} #tradeguideMain .lastestArea .lastest2 {height:240px;} #tradeguideMain .lastestArea .lastest2 ul {margin-top:17px;} #tradeguideMain .lastestArea .lastest2 ul li {position:relative; margin-top:10px; padding:0 100px 0 125px;} #tradeguideMain .lastestArea .lastest2 ul li:first-child {margin-top:0;} #tradeguideMain .lastestArea .lastest2 ul li .ctg {overflow:hidden; position:absolute; top:3px; left:0; width:105px; height:21px; padding:0 7px; background:#3073ce; color:#fff; text-align:center; font-size:12px; text-overflow:ellipsis; white-space:nowrap;} #tradeguideMain .lastestArea .lastest2 ul li .date {position:absolute; top:0; right:0; color:#999; font-size:15px;} #tradeguideMain .lastestArea .lastest2 ul li .sbj {display:inline-block; overflow:hidden; max-width:100%; ;color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;} #tradeguideMain .lastestArea .lastest3 {float:left; width:50%; padding:0 10px;} #tradeguideMain .lastestArea .lastest3 section {height:190px;} #tradeguideMain .lastestArea .lastest3 dl {margin-top:15px;} #tradeguideMain .lastestArea .lastest3 dl dt {color:#3781dd; font-weight:300; font-size:16px;} #tradeguideMain .lastestArea .lastest3 dl dd .sbj {overflow:hidden; max-height:46px; color:#333; font-size:14px;} #tradeguideMain .lastestArea .lastest3 dl dd .date {color:#999; font-size:12px;} @media all and (max-width:1040px){ #tradeguideMain .lastestArea .mainInner {padding:0 0 0 334px;} } @media all and (max-width:960px){ #tradeguideMain .lastestArea .mainInner section {padding:14px 20px 20px;} #tradeguideMain .lastestArea .lastest2 ul li {padding-left:115px;} } @media all and (max-width:800px){ #tradeguideMain .lastestArea .mainInner {padding:0;} #tradeguideMain .lastestArea .secWrap {position:relative; top:auto; left:auto; width:100%; min-width:0; padding-right:0;} #tradeguideMain .lastestArea .secWrap2 {overflow:visible; height:auto; margin-top:20px;} #tradeguideMain .lastestArea .lastest1 {max-width:100%; min-width:0; height:auto;} #tradeguideMain .lastestArea .lastest1 .thumbTypeWrap {position:static; top:auto; right:auto; bottom:auto; left:auto; padding:0;} #tradeguideMain .lastestArea .lastest1 .thumbType {overflow:hidden; position:relative; padding-left:272px;} #tradeguideMain .lastestArea .lastest1 .thumbType .thumb {position:absolute; top:0; left:0; width:252px; height:150px; padding-bottom:0;} #tradeguideMain .lastestArea .lastest1 .thumbType dl {min-height:149px; margin-top:-6px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd .txt {max-height:75px;} } @media all and (max-width:720px){ #tradeguideMain .lastestArea {padding:0;} #tradeguideMain .lastestArea .mainInner section {padding:15px 14px 14px; border:0;} #tradeguideMain .lastestArea .secWrap2 {margin-top:0;} #tradeguideMain .lastestArea .secWrap3 {overflow:visible; margin:0;} #tradeguideMain .lastestArea .lastest1 {max-width:100%; min-width:0; height:auto;} #tradeguideMain .lastestArea .lastest1 .thumbType {padding-left:0;} #tradeguideMain .lastestArea .lastest1 .thumbType .thumb {position:relative; top:auto; left:auto; width:100%; height:0; padding-bottom:59.15%;} #tradeguideMain .lastestArea .lastest1 .thumbType dl {min-height:0; margin-top:11px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dt a {font-size:15px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd {font-size:13px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd p {margin-top:4px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd .date {font-size:12px;} #tradeguideMain .lastestArea .lastest1 .thumbType dl dd .txt {max-height:70px;} #tradeguideMain .lastestArea .lastest2 {height:auto;} #tradeguideMain .lastestArea .lastest2 ul {margin-top:15px;} #tradeguideMain .lastestArea .lastest2 ul li {margin-top:5px; padding:0; font-size:0;} #tradeguideMain .lastestArea .lastest2 ul li .ctg {position:relative; top:auto; left:auto; width:auto; height:auto; padding:0; text-align:left; background:none; color:#0050a5; text-align:left; font-weight:300;} #tradeguideMain .lastestArea .lastest2 ul li .date {position:relative; top:auto; right:auto; margin-left:20px; font-size:12px;} #tradeguideMain .lastestArea .lastest2 ul li .date:after {position:absolute; top:3px; left:-10px; width:1px; height:9px; background:#ddd; content:'';} #tradeguideMain .lastestArea .lastest2 ul li .sbj {display:block; font-size:14px;} #tradeguideMain .lastestArea .lastest3 {float:none; width:100%; padding:0;} #tradeguideMain .lastestArea .lastest3 section {height:auto;} #tradeguideMain .lastestArea .lastest3 dl {margin-top:10px;} #tradeguideMain .lastestArea .lastest3 dl dt {color:#0050a5; font-size:12px;} #tradeguideMain .lastestArea .lastest3 dl dd .sbj {max-height:inherit;} } #tMain .latestArea_new #tab5_1 div.thumbType dl dt a {display:block; overflow:hidden; max-height:60px; color:#111; font-weight:300; font-size:18px; text-align:left;white-space:normal;text-overflow:clip;} #tMain .latestArea_new #tab4_1 .thumbType dl {overflow:hidden; text-align:left; position:absolute; left:20px; top:100px;} #tMain .latestArea_new #tab4_1 ul li {padding-right: 128px;} #tradeguideMain .newsArea {overflow:hidden; padding:30px 0 80px; background:#fff;} #tradeguideMain .newsArea .more {top:50%; margin-top:-12px;} #tradeguideMain .newsArea .tabMenu {position:relative;} #tradeguideMain .newsArea .tabMenu:after {position:absolute; bottom:0; left:0; z-index:1; width:100%; border-bottom:1px solid #ddd; content:'';} #tradeguideMain .newsArea .tabMenu ul {position:relative; z-index:2; font-size:0;} #tradeguideMain .newsArea .tabMenu ul li {display:inline-block; position:relative;} #tradeguideMain .newsArea .tabMenu ul li a {display:block; position:relative; z-index:5; padding:24px 40px 21px; color:#111; font-weight:300; font-size:18px; font-family:ns;} #tradeguideMain .newsArea .tabMenu ul li.on a {color:#ffb81d;} #tradeguideMain .newsArea .tabMenu ul li.on:after {position:absolute; top:0; right:0; bottom:-20px; left:0; z-index:2; background:#333; content:'';} #tradeguideMain .newsArea .tabMenu .swiper-slide {width:auto !important;} #tradeguideMain .newsArea .hiddenArea {margin-top:40px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #tradeguideMain .newsArea .newsList {overflow:hidden; margin:0 -10px;} #tradeguideMain .newsArea .newsList > li {float:left; width:190px; margin:0 10px;} #tradeguideMain .newsArea .newsList > li .box {border:1px solid #dedede; padding:20px;} #tradeguideMain .newsArea .newsList li .box .more2 {display:inline-block; padding:0 12px; background:#81878b; color:#fff; line-height:28px; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px;} #tradeguideMain .newsArea .newsList li .box .more2 span {display:block; padding-right:16px; background:url(/images/btn/btn_more_02.png) no-repeat 100% 50%;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li {padding-top:16px;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li.pcVer {margin-top:16px; background:url(/images/common/line_dot.png) repeat-x;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li a {display:block; overflow:hidden; height:45px; color:#111; font-size:14px;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li .date {color:#999; font-size:12px;} @media all and (max-width:1280px){ #tradeguideMain .newsArea {padding-bottom:60px;} #tradeguideMain .newsArea .tabMenu ul li a {padding:15px 25px 13px;} #tradeguideMain .newsArea .tabMenu ul li.on:after {bottom:-10px;} #tradeguideMain .newsArea .hiddenArea {margin-top:30px;} #tradeguideMain .newsArea .newsList {margin:-10px;} #tradeguideMain .newsArea .newsList > li {width:33.33%; margin:0; padding:10px;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li a {height:auto; text-overflow:ellipsis; white-space:nowrap;} } @media all and (max-width:980px){ #tMain .latestArea_new .lastest1 .thumbType {padding-left:64%;} #tMain .latestArea_new #tab1 div.thumbType .thumb {width:60%;height:190px;overflow:hidden;} #tMain .latestArea_new #tab1 div.thumbType .thumb img {width:auto;max-width:none;height:100%;} #tMain .latestArea_new #tab5_1 div.thumbType {overflow:hidden;padding-left:64%} #tMain .latestArea_new #tab5_1 div.thumbType .thumb {width:60%;overflow:hidden;} #tMain .latestArea_new .lastest1 .thumbType .thumb {width:60%;overflow:hidden;} #tMain .latestArea_new #tab5_1 div.thumbType .thumb img {height:100%;max-width:none;height:190px;} #tMain .latestArea_new .lastest2 .slick-next {left:60%} } @media all and (max-width:960px){ #tradeguideMain .newsArea .tabMenu ul li a {padding:15px 15px 13px; font-size:17px;} } @media all and (max-width:800px){ #tradeguideMain .newsArea {padding-top:34px; padding-bottom:40px;} #tradeguideMain .newsArea .tabMenu ul li a {padding:15px 10px 13px;} } @media all and (max-width:768px){ #tMain .latestArea_new #tab3_1 .thumbType:nth-child(3) {display:none;} #tMain .titBox {padding-bottom:0;} #tMain .latestArea_new .titBox h2 {padding-bottom:20px;} #tMain .latestArea_new #tab1 div.thumbType {width:100%;max-width:320px;padding-left:0;display:inline-block;heihgt:190px;overflow:hidden;} #tMain .latestArea_new #tab1 div.thumbType .thumb {width:100%;position:relative;} #tMain .latestArea_new #tab1 div.thumbType .thumb img {width:100%;height:190px;} #tMain .latestArea_new #tab1 div.thumbType dl {position:absolute;bottom:0;width:100%;height:50%;padding:14% 6% 0 6%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.78) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);} #tMain .latestArea_new #tab1 div.thumbType dl dt a{color:#fff;line-height:100%;font-weight:600;} #tMain .latestArea_new #tab1 div.thumbType dl dd p.date{color:#fff; font-weight:300; text-align:left;margin-top:1%;font-size:14px;} #tMain .latestArea_new #tab5_1 div.thumbType .thumb img {width:100%;} #tMain .latestArea_new #tab5_1 div.thumbType .thumb {width:100%;} #tMain .latestArea_new #tab5.w100 div.thumbType {width:49.55%;} #tMain .latestArea_new #tab5.w100 div.thumbType:first-child {float:left;margin:0 0 0 0;} #tMain .latestArea_new #tab5.w100 div.thumbType:nth-child(2) {float:right;} #tMain .latestArea_new #tab5_1 div.thumbType dl {position:absolute;left:0;bottom:0;width:100%;height:50%;padding:14% 6% 0 6%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.78) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);} #tMain .latestArea_new #tab5_1 div.thumbType dl dt a{color:#fff;line-height:100%;font-weight:600;white-space:nowrap;text-overflow:ellipsis;} #tMain .latestArea_new #tab5_1 div.thumbType dl dd p.date{color:#fff; font-weight:300; text-align:left;margin-top:1%;font-size:14px;} #tMain .latestArea_new #tab3_1 div.thumbType, #tMain .latestArea_new #tab2_1 div.thumbType {width:100%;max-width:320px;overflow: hidden;margin: 0 auto;float: none;} #tMain .latestArea_new #tab2_1 div.thumbType:nth-child(2) {display:none} #tMain .latestArea_new #tab3_1 div.thumbType .thumb img, #tMain .latestArea_new #tab2_1 div.thumbType .thumb img {height:190px;width:auto;} #tMain .latestArea_new #tab2_1 div.thumbType .thumb img {width: 100%;} #tMain .latestArea_new #tab2_1 div.thumbType dl {position:absolute;left:0;bottom:0;width:100%;height:50%;padding:14% 6% 5px 6%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.78) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);} #tMain .latestArea_new #tab2_1 div.thumbType dl dt a {color: #fff; bottom: 5px; position: relative;} #tMain .latestArea_new .lastest2 .slick-next {left:100%} #tMain .latestArea_new #tab1 div.thumbType dl dt a {white-space:nowrap;text-overflow:ellipsis;} #tMain .latestArea_new .lastest1 .thumbType {padding-left:0; width:100%;height:190px;overflow: hidden;} #tMain .latestArea_new .lastest1 .thumbType .thumb {width:100%;} #tMain .latestArea_new .lastest1 .thumbType .thumb img {width:100%;} #tMain .latestArea_new .lastest1 .thumbType dl {position:absolute;left:0;bottom:0;width:100%;height:50%;padding:14% 6% 0 6%;background:-moz-linear-gradient(top, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.78) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 15%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.78) 100%);} #tMain .latestArea_new .lastest1 .thumbType dl dt a {color:#fff; line-height:100%; font-weight:600; white-space:nowrap;text-overflow:ellipsis;} #tMain .latestArea_new .lastest1 .thumbType dl dd p {margin-top:0;} #tMain .latestArea_new .lastest1 .thumbType dl dd p.date {color:#fff; font-weight:300;text-align:left;margin-top:1%;font-size:14px;} #tMain .latestArea_new .lastest1 .thumbType dl dd p.txt {display:none;} #tMain .latestArea_new #tab2_1 div.thumbType:nth-child(1) {margin-right: auto;} #articleData5 {height:190px;overflow:hidden;} } @media all and (max-width:768px){ #tMain .latestArea_new #tab2_1 div.thumbType dl {position: static;background: none;padding:10px 5px;} #tMain .latestArea_new #tab2_1 div.thumbType dl dt a {color: #333;} } @media all and (max-width:720px){ #tMain .latestArea_new .titBox h2 {font-size:20px;} #tradeguideMain .newsArea {padding:0;} #tradeguideMain .newsArea .more {right:14px; z-index:3;} #tradeguideMain .newsArea .mainInner {padding:0;} #tradeguideMain .newsArea .tabMenu {/*padding-right:60px;*/} #tradeguideMain .newsArea .tabMenu ul {padding:0 4px; text-overflow:ellipsis; white-space:nowrap;} #tradeguideMain .newsArea .tabMenu:before {position:absolute; top:1px; right:0; bottom:0; z-index:3; width:65px; background:url(/images/common/bg_gradient.png) repeat-y; content:'';} #tradeguideMain .newsArea .tabMenu:after {z-index:4; border-color:#bbb;} #tradeguideMain .newsArea .tabMenu ul li {margin:0 5px;} #tradeguideMain .newsArea .tabMenu ul li a {padding:11px 8px 7px; color:#333; font-size:16px;} #tradeguideMain .newsArea .tabMenu ul li.on a {color:#0050a5;} #tradeguideMain .newsArea .tabMenu ul li.on:after {top:auto; bottom:0; height:3px; background:#005bbb;} #tradeguideMain .newsArea .hiddenArea {margin-top:0; border-top:3px solid #e5e5e5;} #tradeguideMain .newsArea .newsList {margin:-1px 0 0 -1px;} #tradeguideMain .newsArea .newsList > li {width:50%; padding:0;} #tradeguideMain .newsArea .newsList > li .box {height:140px; border-width:1px 0 0 1px; padding:20px 14px 15px;} #tradeguideMain .newsArea .newsList li .box .more2 {display:block; text-align:center;} #tradeguideMain .newsArea .newsList li .box .more2 span {padding-right:0; background:none;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li {padding-top:10px; line-height:1.6;} #tradeguideMain .newsArea .newsList li .box .newsInner ul li a {max-height:46px; white-space:normal;} } @media all and (max-width:600px){ #tMain .latestArea_new #tab5_1 div.thumbType {wdith:100%;max-width:320px;padding-left:0;} #tMain .latestArea_new #tab5_1 .slick-slider{wdith:100%;max-width:320px;margin:0 auto;} #tMain .latestArea_new #tab5.w100 div.thumbType {float:none!important;width:100%;max-width:320px;overflow: hidden;margin: 0 auto;float: none;} #tMain .latestArea_new #tab5.w100 div.thumbType:nth-child(2) {width:100%;} /* #tMain .latestArea_new ul.lastest1 {height:340px;} */ #tMain .latestArea_new .lastest1 .thumbType {padding-left:0; max-width:100%; height:190px; width:320px; margin:0 auto;} #tMain .latestArea_new .lastest1 .thumbType .thumb {width:320px;max-width:100%;height:190px;overflow:hidden;} /* #tMain .latestArea_new .lastest1 .thumbType dl {height:auto;top:200px;} */ #tMain .latestArea_new .lastest2#tab2_1 .thumbType .thumb {height: 190px;} #tMain .latestArea_new .lastest2#tab2_1 .inner { height: 340px;} } @media all and (max-width:425px){ #tMain .latestArea_new #tab1 div.thumbType,#tMain .latestArea_new #tab5_1 div.thumbType,#tMain .latestArea_new #tab5 div.thumbType,#tMain .latestArea_new #tab2_1 div.thumbType,#tMain .latestArea_new #tab5_1 .slick-slider {max-width:425px;} #tMain .latestArea_new #tab1 div.thumbType dl,#tMain .latestArea_new #tab5_1 div.thumbType dl,#tMain .latestArea_new #tab5 div.thumbType dl,#tMain .latestArea_new #tab2_1 div.thumbType dl {height:60%;} #tMain .latestArea_new #tab3_1 div.thumbType .thumb img, #tMain .latestArea_new #tab2_1 div.thumbType .thumb img {height:240px;} #tMain .latestArea_new .lastest1 .thumbType {width:100%;} #tMain .latestArea_new .lastest1 .thumbType .thumb {width:100%;} #tMain .latestArea_new .lastest1 .thumbType .thumb img { max-width:425px; width:100%;height: auto;} #tMain .latestArea_new .lastest1 .thumbType dl {height:60%;} #tMain .latestArea_new .lastest1 .thumbType dl dd p {margin-top:0;} } @media all and (max-width:375px){ #tMain .latestArea_new #tab1 div.thumbType dl,#tMain .latestArea_new #tab5_1 div.thumbType dl,#tMain .latestArea_new #tab5 div.thumbType dl,#tMain .latestArea_new #tab2_1 div.thumbType dl {height:55%;} /* #tMain .latestArea_new ul.lastest1 {height:340px;} #tMain .latestArea_new .lastest1 .thumbType .thumb img {width:375px;height:200px;} #tMain .latestArea_new .lastest1 .thumbType dl {top:210px;} */ #tMain .latestArea_new .lastest1 .thumbType dl {height:55%;} } #tradeguideMain .calendarArea {padding:80px 0; background:#f5f7f8;} #tradeguideMain .calendarArea .more {top:13px;} #tradeguideMain .calendarArea .titBox {padding-bottom:0; border-bottom:0;} #tradeguideMain .calendarArea .titBox h2 {margin-top:-13px; color:#212121; text-align:center; font-weight:100; font-size:38px; font-family:ns;} #tradeguideMain .calendarArea .calendarWrap {overflow:hidden; margin-top:35px;} #tradeguideMain .calendarArea .slideArea {overflow:hidden; margin:0 -10px;} #tradeguideMain .calendarArea .slideArea .navi {display:none; margin-top:20px; text-align:center; font-size:0;} #tradeguideMain .calendarArea .slideArea .navi .swiper-pagination-bullet {background:#ddd; opacity:1;} #tradeguideMain .calendarArea .slideArea .navi .swiper-pagination-bullet-active {background:#005bbb;} #tradeguideMain .calendarArea .slideArea .btnBox {position:absolute; top:13px; left:20px; font-size:0;} #tradeguideMain .calendarArea .slideArea .btnBox .btnPrev, #tradeguideMain .calendarArea .slideArea .btnBox .btnNext {width:36px; height:36px; border:1px solid #ddd; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;} #tradeguideMain .calendarArea .slideArea .btnBox .btnPrev {background-image:url(/images/btn/btn_prev_02.png);} #tradeguideMain .calendarArea .slideArea .btnBox .btnNext {margin-left:7px; background-image:url(/images/btn/btn_next_02.png);} #tradeguideMain .calendarArea .swiper-slide {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;} #tradeguideMain .calendarArea .cardView {overflow:hidden; width:100%;} #tradeguideMain .calendarArea .cardView .box {float:left; width:25%; padding:0 10px;} #tradeguideMain .calendarArea .cardView dl {height:195px; padding:30px; border:1px solid #ddd; background:#fff;} #tradeguideMain .calendarArea .cardView dl dt {font-size:0;} #tradeguideMain .calendarArea .cardView dl dt span {display:inline-block; margin-left:5px; padding:0 10px; color:#fff; font-size:12px; line-height:22px;} #tradeguideMain .calendarArea .cardView dl dt span:first-child {margin-left:0;} #tradeguideMain .calendarArea .cardView dl dd {margin-top:16px;} #tradeguideMain .calendarArea .cardView dl dd p.txt {overflow:hidden; height:44px; color:#111; font-size:15px; line-height:1.5;} #tradeguideMain .calendarArea .cardView dl dd p.date {margin-top:13px;} #tradeguideMain .calendarArea .cardView dl dd p.date span {display:block; color:#999; font-size:13px;} @media all and (max-width:1280px){ #tradeguideMain .calendarArea {padding:60px 0;} #tradeguideMain .calendarArea .calendarWrap {margin-top:33px;} #tradeguideMain .calendarArea .cardView {margin:-10px 0;} #tradeguideMain .calendarArea .cardView .box {width:50%; padding:10px;} #tradeguideMain .calendarArea .cardView dl {height:175px;} #tradeguideMain .calendarArea .cardView dl dd p.txt {height:auto; text-overflow:ellipsis; white-space:nowrap;} } @media all and (max-width:1280px){ #tradeguideMain .calendarArea {padding:40px 0;} #tradeguideMain .calendarArea .more {top:11px;} #tradeguideMain .calendarArea .calendarWrap {margin-top:23px;} #tradeguideMain .calendarArea .slideArea .btnBox {top:11px;} } @media all and (max-width:720px){ #tradeguideMain .calendarArea {padding:23px 0; background:#fff;} #tradeguideMain .calendarArea .titBox h2 {margin-top:-5px; color:#111; text-align:left; font-weight:300; font-size:20px;} #tradeguideMain .calendarArea .more {right:0;} #tradeguideMain .calendarArea .calendarWrap {margin-top:8px;} #tradeguideMain .calendarArea .slideArea {margin:0;} #tradeguideMain .calendarArea .slideArea .navi {display:block;} #tradeguideMain .calendarArea .slideArea .btnBox {display:none;} #tradeguideMain .calendarArea .cardView {width:100%; margin:0; border:1px solid #bbb;} #tradeguideMain .calendarArea .cardView .box {float:none; width:100%; padding:0; margin-top:-4px;} #tradeguideMain .calendarArea .cardView .box:first-child {margin-top:0;} #tradeguideMain .calendarArea .cardView dl {height:auto; padding:20px; border:4px solid #e5e5e5; background:#fff;} #tradeguideMain .calendarArea .cardView dl dd p.txt {height:44px; white-space:normal;} } #tradeguideMain .linkArea {position:relative; height:363px; background:#fff;} #tradeguideMain .linkArea:after {position:absolute; top:0; right:50%; width:50%; height:100%; background:#5482d5 url(/images/contents/bg_main_tradenavi.png) no-repeat 50% 0; content:'';} #tradeguideMain .linkArea .box {float:left; width:33.33%; height:363px;} #tradeguideMain .linkArea .tradeNavi {position:relative; padding-top:45px;} #tradeguideMain .linkArea .tradeNavi h2 {color:#fff; font-weight:100; font-size:22px; line-height:1.4;} #tradeguideMain .linkArea .tradeNavi h2 span {display:block;} #tradeguideMain .linkArea .tradeNavi ul {position:absolute; top:50px; right:30px; text-align:left;} #tradeguideMain .linkArea .tradeNavi ul li {width:238px; margin-top:5px;} #tradeguideMain .linkArea .tradeNavi ul li:first-child {margin-top:0;} #tradeguideMain .linkArea .tradeNavi ul li a {display:block; padding:0 20px; background:#0f53cf; border-radius:40px;} #tradeguideMain .linkArea .tradeNavi ul li a span {display:block; padding-right:10px; background:url(/images/icon/arr_tradenavi.png) no-repeat 100% 50%; color:#fff; font-size:15px; line-height:40px;} @media all and (max-width:1280px){ #tradeguideMain .linkArea {height:auto; text-align:center; font-size:0;} #tradeguideMain .linkArea:after {top:auto; bottom:0; background:#35bdd0;} #tradeguideMain .linkArea .mainInner {padding:0;/* max-width:1024px; */} #tradeguideMain .linkArea .box {display:inline-block; float:none; width:50%; max-width:512px; vertical-align:top;} #tradeguideMain .linkArea .tradeNavi {width:100%; max-width:100%; height:290px; background:url(/images/contents/bg_main_tradenavi_t.png) no-repeat 50% 0; -webkit-background-size:100% 290px; background-size:100% 290px; text-align:center;} #tradeguideMain .linkArea .tradeNavi h2 span {display:inline;} #tradeguideMain .linkArea .tradeNavi ul {display:inline-block; position:relative; top:auto; right:auto; width:516px; margin-top:24px;} #tradeguideMain .linkArea .tradeNavi ul li {float:left; margin:5px 10px 0;} #tradeguideMain .linkArea .tradeNavi ul li:first-child {margin-top:5px;} } @media all and (max-width:720px){ #tradeguideMain .linkArea {height:auto; background:none;} #tradeguideMain .linkArea:after {display:none;} #tradeguideMain .linkArea .box {float:none; width:100%; max-width:100%; height:auto;} #tradeguideMain .linkArea .tradeNavi {height:auto; padding:25px 14px 30px; background:#0f53cf;} #tradeguideMain .linkArea .tradeNavi h2 {font-weight:300; font-size:20px;} #tradeguideMain .linkArea .tradeNavi ul {width:auto; margin-top:17px;} #tradeguideMain .linkArea .tradeNavi ul li {float:none; margin:10px 0 0; width:292px;} #tradeguideMain .linkArea .tradeNavi ul li:first-child {margin-top:0;} #tradeguideMain .linkArea .tradeNavi ul li a {border:1px solid #8ab0f4; font-weight:300;} #tradeguideMain .linkArea .tradeNavi ul li a span {background-image:url(/images/icon/arr_tradenavi_m.png); -webkit-background-size:8px auto; background-size:8px auto; line-height:38px;} } #tradeguideMain .linkArea .category {background:#35bdd0; padding-top:30px; text-align:center;} #tradeguideMain .linkArea .category ul {display:inline-block; width:320px; font-size:0;} #tradeguideMain .linkArea .category ul li {display:inline-block; width:160px; padding:10px 0;} #tradeguideMain .linkArea .category ul li a {display:block; padding-top:110px; background-repeat:no-repeat; background-position:50% 0; color:#fff; font-size:15px;} #tradeguideMain .linkArea .category ul li.ctg1 a {background-image:url(/images/contents/img_main_ctg_01.png);} #tradeguideMain .linkArea .category ul li.ctg2 a {background-image:url(/images/contents/img_main_ctg_02.png);} #tradeguideMain .linkArea .category ul li.ctg3 a {background-image:url(/images/contents/img_main_ctg_03.png);} #tradeguideMain .linkArea .category ul li.ctg4 a {background-image:url(/images/contents/img_main_ctg_04.png);} @media all and (max-width:1280px){ #tradeguideMain .linkArea .category {padding-top:25px;} } @media all and (max-width:720px){ #tradeguideMain .linkArea .category {height:auto; padding:20px 0;} #tradeguideMain .linkArea .category ul li a {padding-top:105px; -webkit-background-size:95px auto; background-size:95px auto;} #tradeguideMain .linkArea .category ul li.ctg1 a {background-image:url(/images/contents/img_main_ctg_01_m.png);} #tradeguideMain .linkArea .category ul li.ctg2 a {background-image:url(/images/contents/img_main_ctg_02_m.png);} #tradeguideMain .linkArea .category ul li.ctg3 a {background-image:url(/images/contents/img_main_ctg_03_m.png);} #tradeguideMain .linkArea .category ul li.ctg4 a {background-image:url(/images/contents/img_main_ctg_04_m.png);} } #tradeguideMain .linkArea .exchange {position:relative; padding:23px 0 0 40px; background:#fff; text-align:left;} #tradeguideMain .linkArea .exchange .more {top:7px;} #tradeguideMain .linkArea .exchange .titBox {padding-bottom:22px;} #tradeguideMain .linkArea .exchange .titBox h2 {font-size:22px;} #tradeguideMain .linkArea .exchange ul {color:#333; font-size:15px;} #tradeguideMain .linkArea .exchange ul li {padding:13px 0 12px; background:url(/images/common/line_dot.png) repeat-x;} #tradeguideMain .linkArea .exchange ul li:first-child {background:none;} #tradeguideMain .linkArea .exchange ul li dl {overflow:hidden;} #tradeguideMain .linkArea .exchange ul li dl dt {float:left; padding-left:10px; width:48%;} #tradeguideMain .linkArea .exchange ul li dl dd {float:left; width:52%;} #tradeguideMain .linkArea .exchange ul li dl dd span {float:left;} #tradeguideMain .linkArea .exchange ul li dl dd span.st1 {width:69%;} #tradeguideMain .linkArea .exchange ul li dl dd span.st2 {width:31%;} #tradeguideMain .linkArea .exchange ul li dl dd .up:before, #tradeguideMain .linkArea .exchange ul li dl dd .down:before {margin-right:3px; font-size:.75em;} #tradeguideMain .linkArea .exchange ul li dl dd .up {color:#f11919;} #tradeguideMain .linkArea .exchange ul li dl dd .up:before {content:'▲';} #tradeguideMain .linkArea .exchange ul li dl dd .down{color:#4159d2;} #tradeguideMain .linkArea .exchange ul li dl dd .down:before {content:'▼';} @media all and (max-width:1280px){ #tradeguideMain .linkArea .exchange {padding-right:40px;} } @media all and (max-width:720px){ #tradeguideMain .linkArea .exchange {padding:18px 14px 30px;} #tradeguideMain .linkArea .exchange .titBox {border-color:#666;} #tradeguideMain .linkArea .exchange ul li {border-top:1px dotted #bbb; background:none;} #tradeguideMain .linkArea .exchange ul li:first-child {border-top:0;} #tradeguideMain .linkArea .exchange ul li dl dd {text-align:right;} #tradeguideMain .linkArea .exchange ul li dl dd span.st1 {width:63%;} #tradeguideMain .linkArea .exchange ul li dl dd span.st2 {width:37%;} } @media all and (max-width:720px){ #tradeguideMain .secWrap2 .lastest2, #tradeguideMain .secWrap3 .lastest3, #tradeguideMain .newsArea, #tradeguideMain .calendarArea {position:relative; margin-top:6px;} #tradeguideMain .secWrap2 .lastest2:after, #tradeguideMain .secWrap3 .lastest3:after, #tradeguideMain .newsArea:after, #tradeguideMain .calendarArea:after {position:absolute; top:-7px; right:0; left:0; height:6px; border-width:1px 0; border-style:solid; border-color:#bbb transparent #ddd; content:'';} } /* SUPPORT RENEW */ /* SUPPORT */ #supportMain .mainInner {max-width:1240px; margin:0 auto; padding:0 20px;} #supportMain .supportTopArea .visualWrap {position:relative;} #supportMain .supportTopArea .visual {height:695px;} #supportMain .supportTopArea .visual .slick-list, #supportMain .supportTopArea .visual .slick-track {height:inherit;} #supportMain .supportTopArea .visual [class*=box] {height:inherit; color:#fff;} #supportMain .supportTopArea .visual .box1 {background-image:url(/images/contents/bg_support_main_01.jpg); background-position:50%; background-size:cover;} #supportMain .supportTopArea .visual .box1 .txtBox {text-shadow:0 0 5px #2170a5;} #supportMain .supportTopArea .visual .box2 {background-image:url(/images/contents/bg_support_main_02.jpg); background-position:50%; background-size:cover;} #supportMain .supportTopArea .visual .box3 {background-image:url(/images/contents/bg_support_main_03.jpg); background-position:50%; background-size:cover;} #supportMain .supportTopArea .visual .txtBox {padding-top:200px; font-family:'ns'; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #supportMain .supportTopArea .visual .txtBox>* {opacity:0; transition:all .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px);} #supportMain .supportTopArea .visual .txtBox .txt1 {margin-bottom:2px; padding-left:.4em; font-size:20px; font-weight:300; transition-delay:.5s;} #supportMain .supportTopArea .visual .txtBox .txt2 {font-size:56px; line-height:74px; font-weight:500; transition-delay:.7s;} #supportMain .supportTopArea .visual [class*=box][class*=active] .txtBox>* {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);} #supportMain .supportTopArea .arrowWrap {position:absolute; bottom:140px; left:0; z-index:1; width:100%; font-size:0;} #supportMain .supportTopArea .slick-arrow {width:36px; height:36px; border:1px solid rgba(255,255,255,.6); background-color:rgba(255,255,255,.2); background-position:50%; background-repeat:no-repeat; text-indent:-9999px; border-radius:5px;} #supportMain .supportTopArea .slick-prev {background-image:url(/images/icon/arr_slide_prev.png);} #supportMain .supportTopArea .slick-next {margin-left:5px; background-image:url(/images/icon/arr_slide_next.png);} #supportMain .supportTopArea .slick-dots {position:absolute; top:412px; left:50%; margin-left:-600px; font-size:0; -webkit-transition:top .5s; -moz-transition:top .5s; -ms-transition:top .5s; -o-transition:top .5s; transition:top .5s;} #supportMain .supportTopArea .slick-dots li {display:inline-block; width:6px; height:6px; background:#fff; border-radius:3px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .supportTopArea .slick-dots li+li {margin-left:10px;} #supportMain .supportTopArea .slick-dots li[class*=active] {width:30px; background:#e13134;} #supportMain .supportTopArea .slick-dots li button {text-indent:-9999px;} #supportMain .supportMenuArea {position:absolute; top:0; left:50%; width:428px; margin-top:93px; margin-left:172px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .supportMenuArea ul:after {display:block; clear:both; content:'';} #supportMain .supportMenuArea>ul>li {float:left; width:50%; height:214px; background:#fff; border-radius:5px; color:#444; -webkit-transition:height .5s; -moz-transition:height .5s; -ms-transition:height .5s; -o-transition:height .5s; transition:height .5s;} #supportMain .supportMenuArea>ul>li:nth-child(1) {background:#0082fa; color:#fff;} #supportMain .supportMenuArea>ul>li:nth-child(4) {background:#7a49eb; color:#fff;} #supportMain .supportMenuArea>ul>li:nth-child(5) {background:#39bfeb; color:#fff;} #supportMain .supportMenuArea>ul>li .btnSubOpen {display:block; width:100%; height:inherit; background:transparent; color:inherit; font-size:15px; font-weight:300; text-align:center; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .supportMenuArea>ul>li .btnSubOpen:before {display:block; height:60px; margin:0 auto 14px; background:url(/images/contents/img_support_menu.png) no-repeat; content:'';} #supportMain .supportMenuArea>ul>li:nth-child(1) .btnSubOpen:before {width:48px; background-position:0 0;} #supportMain .supportMenuArea>ul>li:nth-child(2) .btnSubOpen:before {width:49px; background-position:-60px 0;} #supportMain .supportMenuArea>ul>li:nth-child(3) .btnSubOpen:before {width:50px; background-position:-120px 0;} #supportMain .supportMenuArea>ul>li:nth-child(4) .btnSubOpen:before {width:54px; background-position:-180px 0;} #supportMain .supportMenuArea>ul>li:nth-child(5) .btnSubOpen:before {width:51px; background-position:-240px 0;} #supportMain .supportMenuArea>ul>li:nth-child(6) .btnSubOpen:before {width:53px; background-position:-300px 0;} #supportMain .supportMenuArea>ul>li.on .supportMenuSub {display:block; -webkit-animation:slideInLeft .35s forwards; -moz-animation:slideInLeft .35s forwards; -ms-animation:slideInLeft .35s forwards; -o-animation:slideInLeft .35s forwards; animation:slideInLeft .35s forwards;} #supportMain .supportMenuArea>ul>li .supportMenuSub {display:none; position:absolute; top:0; right:100%; width:310px; padding:30px 24px; background:rgba(0,28,54,.6); border-radius:5px; -webkit-transition:padding .3s, opacity .3s; -moz-transition:transform .3s, opacity .3s; -ms-transition:transform .3s, opacity .3s; -o-transition:transform .3s, opacity .3s; transition:transform .3s, opacity .3s;} #supportMain .supportMenuArea>ul>li .supportMenuSub.on {display:block;} #supportMain .supportMenuArea>ul>li .supportMenuSub strong {display:block; margin:0 16px 15px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; font-size:26px;} #supportMain .supportMenuArea>ul>li .supportMenuSub li {overflow:hidden; margin:3px 0; border-radius:17px;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a {display:block; padding:5px 15px 4px; color:#fff; font-size:15px; letter-spacing:-.05em; -webkit-transition:background .2s; -moz-transition:background .2s; -ms-transition:background .2s; -o-transition:background .2s; transition:background .2s;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a:focus, #supportMain .supportMenuArea>ul>li .supportMenuSub li a:hover {background:#0082fa;} #supportMain .supportMenuArea>ul>li .supportMenuSub .btnCloseMenu {position:absolute; bottom:100%; right:0; width:36px; height:36px; margin-bottom:20px; background:#444 url(/images/btn/btn_close_04.png) 50% no-repeat; text-indent:-9999px; border-radius:50%; -webkit-animation:flipRightBounce .7s .3s ease-in-out; -moz-animation:flipRightBounce .7s .3s ease-in-out; -ms-animation:flipRightBounce .7s .3s ease-in-out; -o-animation:flipRightBounce .7s .3s ease-in-out; animation:flipRightBounce .7s .3s ease-in-out; animation-fill-mode:forwards; opacity:0; visibility:visible !important;} @media all and (max-width:1260px){ #supportMain .supportMenuArea {left:auto; right:20px;} #supportMain .supportTopArea .slick-dots {left:0; margin-left:20px;} } @media all and (max-width:1024px){ #supportMain .supportTopArea .visual {height:600px;} #supportMain .supportTopArea .visual .txtBox {padding-top:180px;} #supportMain .supportTopArea .visual .txtBox .txt1 {font-size:18px; font-weight:300;} #supportMain .supportTopArea .visual .txtBox .txt2 {font-size:48px; line-height:1.3;} #supportMain .supportTopArea .visual .txtBox>* {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);} #supportMain .supportTopArea .slick-dots {top:352px;} #supportMain .supportMenuArea {width:360px;} #supportMain .supportMenuArea>ul>li {height:180px;} #supportMain .supportMenuArea>ul>li .btnSubOpen:before {height:50px; margin-bottom:15px; background-size:300px auto;} #supportMain .supportMenuArea>ul>li:nth-child(1) .btnSubOpen:before {width:43px; background-position:0 -50px;} #supportMain .supportMenuArea>ul>li:nth-child(2) .btnSubOpen:before {width:46px; background-position:-50px -50px;} #supportMain .supportMenuArea>ul>li:nth-child(3) .btnSubOpen:before {width:48px; background-position:-100px -50px;} #supportMain .supportMenuArea>ul>li:nth-child(4) .btnSubOpen:before {width:47px; background-position:-150px -50px;} #supportMain .supportMenuArea>ul>li:nth-child(5) .btnSubOpen:before {width:47px; background-position:-200px -50px;} #supportMain .supportMenuArea>ul>li:nth-child(6) .btnSubOpen:before {width:47px; background-position:-250px -50px;} #supportMain .supportMenuArea>ul>li .supportMenuSub {width:280px; padding:20px 15px; background:rgba(0,28,54,.85);} #supportMain .supportMenuArea>ul>li .supportMenuSub strong {margin:0 16px 10px; padding-bottom:6px; font-size:22px;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a {font-size:14px;} #supportMain .supportMenuArea>ul>li .supportMenuSub .btnCloseMenu {margin-bottom:10px;} } @media all and (max-width:720px){ #mainContainer.fixed {z-index:5;} #supportMain .supportTopArea .visual {height:711px;} #supportMain .supportTopArea .visual .txtBox {padding-top:45px; text-align:center;} #supportMain .supportTopArea .visual .txtBox .txt1 {display:none;} #supportMain .supportTopArea .visual .txtBox .txt2 {font-size:25px; line-height:32px; transition-delay:initial;} #supportMain .supportTopArea .arrowWrap {display:none;} #supportMain .supportMenuArea {left:20px; width:auto; margin-top:130px; margin-left:0;} #supportMain .supportMenuArea>ul {position:relative; max-width:354px; margin:auto;} #supportMain .supportMenuArea>ul>li {height:177px;} #supportMain .supportMenuArea>ul>li .btnSubOpen {font-size:16px;} #supportMain .supportMenuArea>ul>li .supportMenuSub {position:fixed; top:50%; right:auto; left:50%; z-index:100; width:354px; height:445px; margin-top:-261px; margin-left:-177px; padding:42px 20px 33px; background:#005bbb; border-radius:0;} #supportMain .supportMenuArea>ul>li .dimd {display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,.6);} #supportMain .supportMenuArea>ul>li.on .supportMenuSub {-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none;} #supportMain .supportMenuArea>ul>li.on .dimd {display:block;} #supportMain .supportMenuArea>ul>li .supportMenuSub strong {margin:0 auto 13px; padding:0 10px 22px; font-size:20px;} #supportMain .supportMenuArea>ul>li .supportMenuSub .scrollWrap {overflow-y:auto; max-height:calc(100% - 80px);} #supportMain .supportMenuArea>ul>li .supportMenuSub li {margin:0;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a {padding:13px 10px;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a:focus, #supportMain .supportMenuArea>ul>li .supportMenuSub li a:hover {background-color:transparent;} #supportMain .supportMenuArea>ul>li .supportMenuSub .btnCloseMenu {margin-bottom:0; top:41px; right:20px; bottom:auto; width:37px; height:37px; background-color:transparent; animation-delay:initial;} #supportMain .supportMenuArea>ul>li .supportMenuSub .mCSB_inside>.mCSB_container {margin-right:10px;} } @media all and (max-width:375px){ #supportMain .supportMenuArea>ul {max-width:100%;} #supportMain .supportMenuArea>ul>li {height:167px;} #supportMain .supportMenuArea>ul>li .btnSubOpen {font-size:14px;} #supportMain .supportMenuArea>ul>li .supportMenuSub {left:20px; right:20px; width:auto; margin-top:-222px; margin-left:0;} } @media all and (max-width:360px){ #supportMain .supportTopArea .visual {height:670px;} #supportMain .supportMenuArea>ul>li {height:160px;} } @media all and (max-width:320px){ #supportMain .mainInner {padding:0 15px;} #supportMain .supportTopArea .visual {height:600px;} #supportMain .supportMenuArea>ul>li {height:140px;} #supportMain .supportMenuArea>ul>li>a {padding-top:30px; font-size:13px;} #supportMain .supportMenuArea>ul>li>a:before {margin-bottom:10px;} #supportMain .supportMenuArea>ul>li .supportMenuSub {height:380px; margin-top:calc(-380px / 2); padding:25px 20px;} #supportMain .supportMenuArea>ul>li .supportMenuSub .scrollWrap {max-height:calc(100% - 58px)} #supportMain .supportMenuArea>ul>li .supportMenuSub strong {padding-bottom:10px;} #supportMain .supportMenuArea>ul>li .supportMenuSub li a {padding:8px; font-size:13px;} #supportMain .supportMenuArea>ul>li .supportMenuSub .btnCloseMenu {top:23px;} } #supportMain .titBox h2 {color:#444; font-size:34px; line-height:1.6; font-weight:400; text-align:center;} #supportMain .titBox p {color:#666; font-size:16px; font-weight:300; text-align:center;} #supportMain .scheduleArea {padding:90px 0 80px; background:url(/images/contents/bg_schedule_area.jpg) 50% no-repeat; background-size:cover;} #supportMain .scheduleArea .mainInner {position:relative;} #supportMain .scheduleArea .slideArea {margin:36px -10px 0; padding-bottom:36px;} #supportMain .scheduleArea .cardView:after {display:block; clear:both; content:'';} #supportMain .scheduleArea .cardView .box {float:left; width:25%; padding:0 10px;} #supportMain .scheduleArea .cardView .box:focus .dDay, #supportMain .scheduleArea .cardView .box:hover .dDay {border-color:currentColor; background:#fff; color:#e13134;} #supportMain .scheduleArea .cardView .box dl {padding:0 30px 30px; border:1px solid #ddd; background:#fff; border-radius:5px;} #supportMain .scheduleArea .cardView .box dt {padding-bottom:15px;} #supportMain .scheduleArea .cardView .box dt .dDay {display:block; margin:-1px -31px 24px; padding:11px 28px; border:1px solid #95aec4; background:#95aec4; color:#fff; font-size:15px; border-radius:5px 5px 0 0;} #supportMain .scheduleArea .cardView .box dt .ctg {display:inline-block; margin-bottom:5px; padding:0 10px; border:1px solid currentColor; color:#e13134; font-size:14px; line-height:26px; font-weight:400; border-radius:14px;} #supportMain .scheduleArea .cardView .box dt .sbj {display:block; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3em; font-size:16px; line-height:1.5em; font-weight:300; text-overflow:ellipsis;} #supportMain .scheduleArea .cardView .box dd {padding-top:10px; border-top:1px dashed #444;} #supportMain .scheduleArea .cardView .box dd p {margin-top:10px; white-space:nowrap;} #supportMain .scheduleArea .cardView .box dd em {display:inline-block; margin-right:10px; padding:1px 5px; background:#95aec4; color:#fff; font-size:13px; border-radius:5px;} #supportMain .scheduleArea .cardView .box dd em~*{font-size:14px; font-weight:300;} #supportMain .scheduleArea .slideArea .slick-arrow {position:absolute; top:50%; z-index:1; width:70px; height:70px; margin-top:-53px; border:1px solid #666; background-color:transparent; background-position:50%; background-repeat:no-repeat; text-indent:-9999px; border-radius:6px; -webkit-transition:margin .2s; -moz-transition:margin .2s; -ms-transition:margin .2s; -o-transition:margin .2s; transition:margin .2s;} #supportMain .scheduleArea .slideArea .slick-prev {right:100%; margin-right:2.604166666666667vw; background-image:url(/images/icon/arr_slide_prev_02.png); } #supportMain .scheduleArea .slideArea .slick-next {left:100%; margin-left:2.604166666666667vw; background-image:url(/images/icon/arr_slide_next_02.png); } #supportMain .scheduleArea .slideArea .slick-dots {position:absolute; left:0; bottom:0; width:100%; font-size:0; text-align:center;} #supportMain .scheduleArea .slideArea .slick-dots li {display:inline-block; width:6px; height:6px; margin:0 5px; background:#aeaeae; border-radius:4px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .scheduleArea .slideArea .slick-dots li.slick-active {width:30px; background:#e13134;} #supportMain .scheduleArea .slideArea .slick-dots li button {background:transparent; text-indent:-9999px;} #supportMain .scheduleArea .btn_more {position:absolute; top:36px; right:20px; width:40px; height:40px; border:1px solid #333; background:#fff; text-indent:-9999px; border-radius:5px;} #supportMain .scheduleArea .btn_more:before {position:absolute; top:50%; left:50%; width:16px; height:16px; margin-top:-8px; margin-left:-8px; background:url(/images/btn/btn_more_b.png) 50% no-repeat; content:'';} @media all and (max-width:1460px){ #supportMain .scheduleArea .slideArea .slick-prev {margin-right:10px;} #supportMain .scheduleArea .slideArea .slick-next {margin-left:10px;} } @media all and (max-width:1400px){ #supportMain .scheduleArea .slideArea .slick-arrow {display:none !important;} } @media all and (max-width:1240px){ #supportMain .scheduleArea .cardView .box {width:50%;} #supportMain .scheduleArea .cardView .box:nth-child(n+3) {margin-top:20px;} } @media all and (max-width:1024px){ #supportMain .titBox h2 {font-size:23px; text-align:left;} #supportMain .titBox p {display:none;} #supportMain .scheduleArea {padding:70px 0 50px;} #supportMain .scheduleArea .slideArea {margin:20px -5px 0; padding-bottom:25px;} #supportMain .scheduleArea .cardView .box {padding:0 5px;} #supportMain .scheduleArea .cardView .box:nth-child(n+3) {margin-top:10px;} #supportMain .scheduleArea .cardView .box dl {padding:0 25px 25px;} #supportMain .scheduleArea .cardView .box dt .dDay {margin:-1px -26px 15px; padding:6px 25px; font-size:12px;} #supportMain .scheduleArea .cardView .box dt .ctg {font-size:12px; line-height:22px;} #supportMain .scheduleArea .cardView .box dt .sbj {font-size:14px;} #supportMain .scheduleArea .cardView .box dd em {font-size:12px;} #supportMain .scheduleArea .cardView .box dd em~* {font-size:13px;} #supportMain .scheduleArea .btn_more {top:1px; width:35px; height:35px; background:transparent;} } @media all and (max-width:720px){ #supportMain .scheduleArea {padding:35px 0;} #supportMain .scheduleArea .slideArea {padding-bottom:43px;} #supportMain .scheduleArea .cardView .box dl {padding:0 15px 12px;} #supportMain .scheduleArea .cardView .box dt {padding-bottom:0;} #supportMain .scheduleArea .cardView .box dt .dDay {margin-left:-16px; margin-right:-16px; padding-left:15px; padding-right:15px;} #supportMain .scheduleArea .cardView .box dt .ctg {margin-bottom:3px; padding-top:4px; padding-bottom:4px; font-size:11px; line-height:1;} #supportMain .scheduleArea .cardView .box dd {padding-top:12px; border-top-width:0;} #supportMain .scheduleArea .cardView .box dd p {margin-top:0;} #supportMain .scheduleArea .cardView .box dd em {display:block; max-width:55px; font-size:11px; text-align:center;} #supportMain .scheduleArea .cardView .box dd em~* {font-size:11px;} #supportMain .scheduleArea .slideArea .slick-dots li {width:8px; height:8px;} } @media all and (max-width:320px){ #supportMain .scheduleArea .cardView .box dl {padding-left:10px; padding-right:10px;} #supportMain .scheduleArea .cardView .box dt .sbj {font-size:13px;} #supportMain .scheduleArea .cardView .box dt .dDay {margin:-1px -11px 10px;} } #supportMain .linkArea {padding:60px 0 120px;} #supportMain .linkArea .link_list {position:relative; margin:-0.5208333333333333vw;} #supportMain .linkArea .link_list:after {display:block; clear:both; content:'';} #supportMain .linkArea .link_list>li {float:left; width:25%; height:305px; padding:0.5208333333333333vw; color:#fff;} #supportMain .linkArea .link_list>li:first-child {position:absolute; top:0; left:0; width:50%; height:610px;} #supportMain .linkArea .link_list>li:nth-child(2), #supportMain .linkArea .link_list>li:nth-child(4) {margin-left:50%;} #supportMain .linkArea .link_list>li .box {position:relative; height:100%; padding:36px 30px 0 38px; background-position:50%; background-repeat:no-repeat; background-size:cover; border-radius:5px;} #supportMain .linkArea .link_list>li:nth-child(1) .box {background-image:url(/images/contents/bg_support_main_link_01.jpg);} #supportMain .linkArea .link_list>li:nth-child(2) .box {background:#5fccf0;} #supportMain .linkArea .link_list>li:nth-child(3) .box {background:#5797c0;} #supportMain .linkArea .link_list>li:nth-child(4) .box {background-image:url(/images/contents/bg_support_main_link_04.jpg);} #supportMain .linkArea .link_list>li:nth-child(5) .box {background-image:url(/images/contents/bg_support_main_link_05.jpg);} #supportMain .linkArea .link_list>li:nth-child(6) .box {background:#fff;} #supportMain .linkArea .link_list>li:nth-child(7) .box {background-image:url(/images/contents/bg_support_main_link_07.jpg);} #supportMain .linkArea .link_list>li:nth-child(8) .box {background-image:url(/images/contents/bg_support_main_link_08.jpg);} #supportMain .linkArea .link_list>li:nth-child(9) .box {background:#82afd6;} #supportMain .linkArea .link_list>li .box.st2-1 {border:1px solid #ddd;} #supportMain .linkArea .link_list>li .box.st3 {padding-top:70px; text-shadow:0 0 5px rgba(50,63,63,.7);} #supportMain .linkArea .link_list>li .box.st3 .link_tit {font-size:52px; font-weight:500;} #supportMain .linkArea .link_list>li .box.st3 .desc {margin-top:25px; font-size:24px;} #supportMain .linkArea .link_list>li .box[class*=st2] .link_tit {color:#444;} #supportMain .linkArea .link_list>li .box[class*=st2] .desc {color:#7d7d7d;} #supportMain .linkArea .link_list>li .box[class*=st2] .btn_more {color:#444;} #supportMain .linkArea .link_list>li .box[class*=st2] .btn_more:after {background:url(/images/icon/arr_7x10_g.png) 50% no-repeat;} #supportMain .linkArea .link_list>li .box .link_tit {display:inline-block; font-family:'ns'; font-size:25px; font-weight:300; line-height:34px; word-break:keep-all;} #supportMain .linkArea .link_list>li .box .link_tit.st2 {display:table-cell; height:68px; vertical-align:top;} #supportMain .linkArea .link_list>li .box .link_tit.st2 span {word-break:keep-all;} #supportMain .linkArea .link_list>li .box .desc {margin-top:11px; color:#fff; font-size:15px; font-weight:300; line-height:24px; word-break:keep-all;} #supportMain .linkArea .link_list>li .box .sub_menu_list {margin-top:22px;} #supportMain .linkArea .link_list>li .box .sub_menu_list li+li {margin-top:5px;} #supportMain .linkArea .link_list>li .box .sub_menu_list a {display:block; position:relative; padding-left:.75em; font-size:15px; font-weight:300; word-break:keep-all;} #supportMain .linkArea .link_list>li .box .sub_menu_list a:before {position:absolute; left:0; margin-right:4px; content:'-';} #supportMain .linkArea .link_list>li .box .sub_menu_list a:after {display:inline-block; width:7px; height:10px; margin-left:6px; background:url(/images/icon/arr_7x10.png) 50% no-repeat; content:'';} #supportMain .linkArea .link_list>li .box .btn_more {position:absolute; left:40px; bottom:34px; font-size:15px; font-weight:300;} #supportMain .linkArea .link_list>li .box .btn_more:after {display:inline-block; width:7px; height:10px; margin-left:8px; background:url(/images/icon/arr_7x10.png) 50% no-repeat; content:'';} #supportMain .linkArea .link_list>li.type_icon .box:after {display:block; position:absolute; right:34px; bottom:36px; background:url(/images/contents/img_support_main_link.png) no-repeat; -webkit-transition:right .5s, bottom .5s; -moz-transition:right .5s, bottom .5s; -ms-transition:right .5s, bottom .5s; -o-transition:right .5s, bottom .5s; transition:right .5s, bottom .5s; content:'';} #supportMain .linkArea .link_list>li:nth-child(3).type_icon .box:after {width:53px; height:56px; background-position:0 0;} #supportMain .linkArea .link_list>li:nth-child(5).type_icon .box:after {width:63px; height:55px; background-position:-70px 0;} #supportMain .linkArea .link_list>li:nth-child(6).type_icon .box:after {width:64px; height:64px; background-position:-140px 0;} #supportMain .linkArea .link_list>li:nth-child(9).type_icon .box:after {width:62px; height:72px; background-position:-210px 0;} @media all and (max-width:1200px){ #supportMain .linkArea .link_list>li.type_icon .box:after {right:24px; bottom:26px;} } @media all and (max-width:1024px){ #supportMain .linkArea {padding:50px 0;} #supportMain .linkArea .link_list {margin:-5px;} #supportMain .linkArea .link_list>li {width:50%; height:182px; padding:5px;} #supportMain .linkArea .link_list>li.pcOnly {display:none;} #supportMain .linkArea .link_list>li:nth-child(2), #supportMain .linkArea .link_list>li:nth-child(4) {margin-left:0;} #supportMain .linkArea .link_list>li:nth-child(5) {float:right;} #supportMain .linkArea .link_list>li:nth-child(2) .box {background-image:url(/images/contents/bg_support_main_link_02.png); background-position:50%; background-repeat:no-repeat; background-size:cover;} #supportMain .linkArea .link_list>li:nth-child(9).type_icon .box:after {display:none;} #supportMain .linkArea .link_list>li .box {padding:14px 19px;} #supportMain .linkArea .link_list>li:nth-child(4) .box {background-image:url(/images/contents/bg_support_main_link_04_m.jpg);} #supportMain .linkArea .link_list>li:nth-child(5) .box {background-image:url(/images/contents/bg_support_main_link_05_m.jpg);} #supportMain .linkArea .link_list>li:nth-child(7) .box {background-image:url(/images/contents/bg_support_main_link_07_m.png);} #supportMain .linkArea .link_list>li:nth-child(8) .box {background-image:url(/images/contents/bg_support_main_link_08_m.jpg);} #supportMain .linkArea .link_list>li .box[class*=st2] .btn_more:after {background:url(/images/icon/arr_gr_m.png) 50% no-repeat; background-size:5px auto;} #supportMain .linkArea .link_list>li .box .link_tit {font-size:17px; line-height:24px;} #supportMain .linkArea .link_list>li .box .link_tit.st2 {height:auto;} #supportMain .linkArea .link_list>li .box .desc {display:none;} #supportMain .linkArea .link_list>li .box .sub_menu_list {position:absolute; left:0; bottom:0; width:100%; margin-top:0; padding:0 19px 14px;} #supportMain .linkArea .link_list>li .box .sub_menu_list li {border-bottom:1px dotted rgba(255,255,255,.6);} #supportMain .linkArea .link_list>li .box .sub_menu_list a {padding:7px 0 7px 7px; font-size:11px; line-height:1;} #supportMain .linkArea .link_list>li .box .sub_menu_list a:after {position:absolute; top:50%; right:0; width:5px; height:9px; margin-top:-4px; background:url(/images/icon/arr_wh_m.png) 50% no-repeat; background-size:5px auto;} #supportMain .linkArea .link_list>li .box .btn_more {left:20px; bottom:15px; font-size:11px;} #supportMain .linkArea .link_list>li .box .btn_more:after {width:5px; height:9px; margin-left:3px; background:url(/images/icon/arr_wh_m.png) 50% no-repeat; background-size:5px auto; vertical-align:middle;} #supportMain .linkArea .link_list>li.mo_type2 {width:100%;} #supportMain .linkArea .link_list>li.mo_type2 .box {padding-right:176px;} #supportMain .linkArea .link_list>li:nth-child(2).mo_type2 {height:165px;} #supportMain .linkArea .link_list>li:nth-child(7).mo_type2 {height:205px;} #supportMain .linkArea .link_list>li.mo_type2 .sub_menu_list {top:20px; right:20px; bottom:auto; left:auto; width:157px; padding:0;} #supportMain .linkArea .link_list>li.mo_type2 .sub_menu_list li {border:1px solid } #supportMain .linkArea .link_list>li.mo_type2 .box .sub_menu_list a {padding:0; line-height:33px; text-align:center; text-shadow:0 0 4px #3b9ebf;} #supportMain .linkArea .link_list>li.mo_type2 .box .sub_menu_list a:before {display:none;} #supportMain .linkArea .link_list>li.mo_type2 .box .sub_menu_list a:after {display:none;} #supportMain .linkArea .link_list>li.type_icon .box:after {right:20px; bottom:15px; background-size:250px auto;} #supportMain .linkArea .link_list>li:nth-child(3).type_icon .box:after {width:40px; height:40px; background-position:0 -50px;} #supportMain .linkArea .link_list>li:nth-child(4).type_icon .box:after {width:47px; height:38px; background-position:-50px -50px;} #supportMain .linkArea .link_list>li:nth-child(5).type_icon .box:after {width:42px; height:40px; background-position:-100px -50px;} #supportMain .linkArea .link_list>li:nth-child(6).type_icon .box:after {width:45px; height:45px; background-position:-150px -50px;} #supportMain .linkArea .link_list>li:nth-child(8).type_icon .box:after {width:38px; height:46px; background-position:-200px -50px;} } @media all and (max-width:360px){ #supportMain .linkArea .link_list>li {height:175px;} #supportMain .linkArea .link_list>li.type_icon .box:after {right:15px;} } @media all and (max-width:320px){ #supportMain .linkArea .link_list>li {height:145px;} #supportMain .linkArea .link_list>li .box .link_tit {font-family:ng, sans-serif; font-size:15px;} #supportMain .linkArea .link_list>li.mo_type2 .box {padding-right:160px;} #supportMain .linkArea .link_list>li.mo_type2 .sub_menu_list {right:15px; width:140px;} #supportMain .linkArea .link_list>li.type_icon .box:after {display:none;} } /* SUPPORT #supportMain section[class^='box'] {overflow:hidden; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.3); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;} #supportMain .mainInner {position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 20px;} #supportMain .titBox {position:relative; -webkit-transition:padding .5s; -moz-transition:padding .5s; -ms-transition:padding .5s; -o-transition:padding .5s; transition:padding .5s;} #supportMain .titBox h2 {color:#111; font-weight:300; font-size:24px; font-family:ns; letter-spacing:-1px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .titBox p {color:#333; font-size:14px;} #supportMain .boxWrap {position:relative; padding-left:32%;} #supportMain .secWrap {position:absolute; top:0; left:0; width:32%; min-width:0;} #supportMain .linkArea {padding:80px 0; background-repeat:no-repeat; background-position:50% 0; font-size:0; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #supportMain .linkArea ul li a {color:#333; font-size:16px; vertical-align:middle;} #supportMain .linkArea .inner {display:inline-block; width:50%; padding-left:20px;} #supportMain .linkArea .secWrap3 {margin-top:20px;} #supportMain .linkArea.type1 {background-image:url(/images/contents/bg_support_main_01.png);} #supportMain .linkArea.type1 .secWrap2 {padding-left:20px;} #supportMain .linkArea.type1 .secWrap3 section {height:245px;} #supportMain .linkArea.type1 .titBox {height:130px; padding:20px 30px;} #supportMain .linkArea.type1 .titBox h2 {color:#fff;} #supportMain .linkArea.type1 .titBox p {color:#fff;} #supportMain .linkArea.type1 ul {padding:10px 30px; -webkit-transition:padding .5s; -moz-transition:padding .5s; -ms-transition:padding .5s; -o-transition:padding .5s; transition:padding .5s;} #supportMain .linkArea.type1 ul li {border-top:1px solid #ccc;} #supportMain .linkArea.type1 ul li:first-child {border-top:0;} #supportMain .linkArea.type1 ul li a {display:block; padding:10px 0; background:url(/images/btn/btn_arr_02.png) no-repeat 100% 50%;} #supportMain .linkArea.type1 .box1 .titBox {background:#1c5aa7;} #supportMain .linkArea.type1 .box2 .titBox {width:274px; height:auto;} #supportMain .linkArea.type1 .box2 .titBox h2 {color:#111;} #supportMain .linkArea.type1 .box2 .titBox p {color:#333;} #supportMain .linkArea.type1 .box3 .titBox {background:#7f9ec3;} #supportMain .linkArea.type1 .box4 .titBox {background:#bdb3a8;} #supportMain .linkArea.type1 .box1 {height:490px;} #supportMain .linkArea.type1 .box1 ul {position:absolute; right:0; bottom:0; left:0;} #supportMain .linkArea.type1 .box2 {position:relative; height:225px; background:#fff url(/images/contents/bg_money.png) no-repeat 0 100%;} #supportMain .linkArea.type1 .box2 ul {position:absolute; top:7px; right:0; width:50%; padding-left:40px;} @media all and (max-width:1280px){ #supportMain .linkArea {padding:50px 0;} } @media all and (max-width:1024px){ #supportMain .linkArea.type1 .titBox {padding:20px 25px;} #supportMain .linkArea.type1 .titBox p {font-size:13px;} #supportMain .linkArea.type1 ul {padding:10px 25px;} #supportMain .linkArea.type1 .box2 ul {top:10px; padding-left:35px;} #supportMain .linkArea.type1 .box2 ul li a {font-size:15px;} } @media all and (max-width:960px){ #supportMain .linkArea {padding:40px 0;} #supportMain .linkArea.type1 .boxWrap {padding-bottom:245px; padding-left:50%;} #supportMain .linkArea.type1 .secWrap {width:50%;} #supportMain .linkArea.type1 .secWrap {padding-right:10px;} #supportMain .linkArea.type1 .secWrap2 {position:absolute; right:0; bottom:0; left:0; padding-left:0;} #supportMain .linkArea.type1 .secWrap3 {margin-top:0; padding-left:10px;} #supportMain .linkArea.type1 .secWrap3 .inner {width:100%; padding:0;} #supportMain .linkArea.type1 .box1 {height:510px;} #supportMain .linkArea.type1 .box4 {margin-top:20px;} } @media all and (max-width:720px){ #supportMain .mainInner {padding:0 14px;} #supportMain .titBox {text-align:center;} #supportMain .titBox h2 {font-size:20px;} #supportMain .titBox p {font-size:13px;} #supportMain .linkArea ul li a {font-size:15px;} #supportMain .linkArea.type1 {padding:20px 0 25px; background:#d7dce3;} #supportMain .linkArea.type1 .titBox {height:auto; padding:18px 10px 20px;} #supportMain .linkArea.type1 .boxWrap {padding:0;} #supportMain .linkArea.type1 .secWrap {position:relative; top:auto; left:auto; width:100%; padding:0;} #supportMain .linkArea.type1 .secWrap2 {position:relative; right:auto; bottom:auto; left:auto; margin-top:10px;} #supportMain .linkArea.type1 .secWrap3 {margin-top:10px; padding-left:0;} #supportMain .linkArea.type1 .secWrap3 section {height:auto;} #supportMain .linkArea.type1 ul {padding:8px 16px;} #supportMain .linkArea.type1 ul li a {padding:12px 0;} #supportMain .linkArea.type1 .box1 {height:auto;} #supportMain .linkArea.type1 .box1 ul {position:relative; right:auto; bottom:auto; left:auto;} #supportMain .linkArea.type1 .box2 {height:auto; background:#fff;} #supportMain .linkArea.type1 .box2 .titBox {width:100%;} #supportMain .linkArea.type1 .box2 .titBox {background:#8d95a0;} #supportMain .linkArea.type1 .box2 .titBox h2, #supportMain .linkArea.type1 .box2 .titBox p {color:#fff;} #supportMain .linkArea.type1 .box2 ul {position:relative; top:auto; right:auto; width:100%; padding:10px 25px;} #supportMain .linkArea.type1 .box4 {margin-top:10px;} } #supportMain .linkArea.type2 {background-image:url(/images/contents/bg_support_main_02.png);} #supportMain .linkArea.type2 section {position:relative; padding:22px 30px 30px;} #supportMain .linkArea.type2 .inner {display:inline-block; width:50%; padding-left:20px;} #supportMain .linkArea.type2 .secWrap section {height:459px;} #supportMain .linkArea.type2 .secWrap ul {position:absolute; right:30px; bottom:30px; left:30px;} #supportMain .linkArea.type2 .secWrap ul li {position:relative; margin-top:8px;} #supportMain .linkArea.type2 .secWrap ul li:first-child {margin-top:0;} #supportMain .linkArea.type2 .secWrap ul li a {display:block; padding:12px 0; background:#eae3d9; text-align:center; font-weight:300; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #supportMain .linkArea.type2 .secWrap2 a {position:absolute; bottom:29px; left:30px; padding-right:15px; background:url(/images/icon/arr_scut.png) no-repeat 100% 3px; color:#ff5c08; font-weight:300; font-size:14px; line-height:16px;} #supportMain .linkArea.type2 .secWrap2 section {height:190px;} #supportMain .linkArea.type2 .secWrap2 section:after {position:absolute; right:30px; bottom:30px; width:85px; height:85px; background-repeat:no-repeat; background-position:100% 100%; content:'';} #supportMain .linkArea.type2 .secWrap2 .box2:after {background-image:url(/images/contents/img_support_main_01.png);} #supportMain .linkArea.type2 .secWrap2 .box3:after {background-image:url(/images/contents/img_support_main_02.png);} #supportMain .linkArea.type2 .secWrap3 {margin-top:20px;} #supportMain .linkArea.type2 .secWrap3 section {height:249px;} #supportMain .linkArea.type2 .secWrap3 ul {overflow:hidden; position:absolute; bottom:30px; left:30px; height:97px;} #supportMain .linkArea.type2 .secWrap3 ul li {margin-top:8px; padding-left:29px; background:url(/images/icon/icon_plus.png) no-repeat 0 4px;} #supportMain .linkArea.type2 .secWrap3 ul li:first-child {margin-top:0;} #supportMain .linkArea.type2 .box1 .badge {position:absolute; top:0; left:0; margin-top:-4px;} #supportMain .linkArea.type2 .box4 .badge {margin-top:0;} @media all and (max-width:1024px){ #supportMain .linkArea.type2 section {padding:17px 25px 25px;} #supportMain .linkArea.type2 .secWrap ul {right:25px; bottom:25px; left:25px;} #supportMain .linkArea.type2 .secWrap2 a {bottom:20px; left:25px;} #supportMain .linkArea.type2 .secWrap2 section:after {right:20px; bottom:25px;} #supportMain .linkArea.type2 .secWrap3 ul {bottom:24px; left:25px;} } @media all and (max-width:960px){ #supportMain .linkArea.type2 .inner {padding:0 10px;} #supportMain .linkArea.type2 .boxWrap {padding-left:0;} #supportMain .linkArea.type2 .secWrap {position:relative; top:auto; left:auto; width:100%; max-width:100%;} #supportMain .linkArea.type2 .secWrap section {height:160px;} #supportMain .linkArea.type2 .secWrap ul {top:17px; right:18px; bottom:auto; left:auto; width:60%; padding-right:5px;} #supportMain .linkArea.type2 .secWrap ul li {float:left; width:50%; margin:0; padding:8px 0 0 8px;} #supportMain .linkArea.type2 .secWrap2, #supportMain .linkArea.type2 .secWrap3 {margin:20px -10px 0;} #supportMain .linkArea.type2 .secWrap2 section {height:185px;} #supportMain .linkArea.type2 .secWrap3 section {height:244px;} #supportMain .linkArea.type2 .box1 .badge {left:8px; margin-top:0;} } @media all and (max-width:720px){ #supportMain .linkArea.type2 {padding:20px 0; background:#bdb3a8;} #supportMain .linkArea.type2 section {margin-top:10px; padding:20px 16px 20px;} #supportMain .linkArea.type2 .inner {display:block; width:100%; padding:0;} #supportMain .linkArea.type2 .secWrap section {height:auto;} #supportMain .linkArea.type2 .secWrap ul {position:relative; top:auto; right:auto; bottom:auto; left:auto; width:100%; margin-top:20px; padding:0;} #supportMain .linkArea.type2 .secWrap ul li {float:none; width:100%; margin-top:10px; padding:0;} #supportMain .linkArea.type2 .secWrap ul li:first-child {margin-top:0;} #supportMain .linkArea.type2 .secWrap ul li a {padding:8px 0 9px;} #supportMain .linkArea.type2 .secWrap2, #supportMain .linkArea.type2 .secWrap3 {margin:0 0 0;} #supportMain .linkArea.type2 .secWrap2 section {height:auto; padding-top:113px;} #supportMain .linkArea.type2 .secWrap2 section:after {top:20px; right:auto; bottom:auto; left:50%;margin-left:-42px; background-position:50% 0;} #supportMain .linkArea.type2 .secWrap2 .box2:after {background-image:url(/images/contents/img_support_main_01_m.png); -webkit-background-size:65px auto; background-size:65px auto;} #supportMain .linkArea.type2 .secWrap2 .box3:after {background-image:url(/images/contents/img_support_main_02_m.png); -webkit-background-size:84px auto; background-size:84px auto;} #supportMain .linkArea.type2 .secWrap2 a {display:block; position:relative; bottom:auto; left:auto; margin-top:20px; padding-right:0; border:1px solid #ff5c08; background:#fff; text-align:center; font-weight:300; line-height:42px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;} #supportMain .linkArea.type2 .secWrap3 section {height:auto; padding-bottom:15px;} #supportMain .linkArea.type2 .secWrap3 ul {position:relative; bottom:auto; left:auto; height:auto; margin-top:20px; padding:12px 10px 13px; background:#f6f2ed; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #supportMain .linkArea.type2 .secWrap3 ul li {margin-top:10px; background-image:url(/images/icon/icon_plus_m.png); background-position:0 3px; -webkit-background-size:20px 20px; background-size:20px 20px;} } #supportMain .rewardArea {padding:67px 0 66px; text-align:center;} #supportMain .rewardArea .titBox h2 {color:#333; font-size:36px;} #supportMain .rewardArea .titBox p {margin-top:15px; color:#666; font-size:16px;} #supportMain .rewardArea .listWrap {overflow:hidden; margin:9px -17px 0 -18px; font-size:0;} #supportMain .rewardArea .listWrap dl {display:inline-block; width:33.33%; margin-top:45px; padding:0 17px 0 18px; vertical-align:top;} #supportMain .rewardArea .listWrap dl dt a {display:block; position:relative; padding:0 50px 0 30px; background:#7f9ec3; color:#fff; font-weight:300; font-size:18px; line-height:49px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;} #supportMain .rewardArea .listWrap dl dt a:after {position:absolute; top:17px; right:20px; width:14px; height:14px; background:url(/images/btn/btn_more_05.png) no-repeat; content:'';} #supportMain .rewardArea .listWrap dl dd {padding:24px 30px 0; text-align:left;} #supportMain .rewardArea .listWrap dl dd ul li {position:relative; margin-top:9px; padding-left:13px; background:url(/images/icon/bu_dot_03.png) no-repeat 0 10px;} #supportMain .rewardArea .listWrap dl dd ul li:first-child {margin-top:0;} #supportMain .rewardArea .listWrap dl dd ul li a {padding-bottom:1px; color:#333; font-size:15px;} #supportMain .rewardArea .listWrap dl dd ul li a:hover {color:#005bbb; border-bottom:1px solid;} #supportMain .rewardArea .badge {margin-top:-10px;} @media all and (max-width:1280px){ #supportMain .rewardArea {padding:47px 0 46px;} } @media all and (max-width:1024px){ #supportMain .rewardArea .listWrap {margin:4px -10px 0;} #supportMain .rewardArea .listWrap dl {padding:0 6px;} #supportMain .rewardArea .listWrap dl dt a {font-size:16px;} } @media all and (max-width:960px){ #supportMain .rewardArea {padding:39px 0 45px;} #supportMain .rewardArea .titBox h2 {font-size:34px;} #supportMain .rewardArea .listWrap {margin-top:-1px;} #supportMain .rewardArea .listWrap dl dt a {padding:0 45px 0 20px; font-size:18px;} #supportMain .rewardArea .listWrap dl dd {padding:24px 0 0 10px;} } @media all and (max-width:720px){ #supportMain .rewardArea {padding:20px 0;} #supportMain .rewardArea .titBox h2 {font-size:20px;} #supportMain .rewardArea .titBox p {margin-top:2px; color:#333; font-size:13px;} #supportMain .rewardArea .listWrap {margin:-5px 0 0; font-size:0;} #supportMain .rewardArea .listWrap dl {display:block; width:100%; margin-top:25px; padding:0;} #supportMain .rewardArea .listWrap dl dt a {font-size:16px; line-height:44px;} #supportMain .rewardArea .listWrap dl dt a:after {top:15px; width:13px; height:13px; background:url(/images/btn/btn_more_05_m.png); -webkit-background-size:13px; background-size:13px;} #supportMain .rewardArea .listWrap dl dd {padding:19px 16px 0; text-align:left;} } #supportMain .serviceArea {height:330px; padding-top:48px; background:url(/images/contents/bg_support_main_03.png) no-repeat 50% 0; text-align:center;} #supportMain .serviceArea h2 {color:#fff; font-weight:300; font-size:36px;} #supportMain .serviceArea .txt1 {margin-top:19px; color:#fff; font-weight:300; font-size:20px;} #supportMain .serviceArea .txt2 {margin-top:2px; color:#aac7ff; font-size:15px;} #supportMain .serviceArea .btnBox {margin-top:35px;} #supportMain .serviceArea .btnBox button {width:200px; height:48px; border:2px solid #fff; background-color:transparent; color:#fff; font-weight:300; font-size:20px;} @media all and (max-width:960px){ #supportMain .serviceArea {height:auto; padding:29px 0 40px;} #supportMain .serviceArea h2 {font-size:34px;} #supportMain .serviceArea .txt1 {margin-top:10px; font-size:18px;} #supportMain .serviceArea .btnBox button {font-size:18px;} } @media all and (max-width:720px){ #supportMain .serviceArea {height:auto; padding:23px 0 30px;} #supportMain .serviceArea h2 {font-size:22px;} #supportMain .serviceArea .txt1 {margin-top:6px; font-size:15px;} #supportMain .serviceArea .txt2 {margin-top:0; font-size:12px;} #supportMain .serviceArea .btnBox {margin-top:21px;} #supportMain .serviceArea .btnBox button {height:44px; font-size:16px;} } */ /* ASSOINFO */ #assoinfoMain {position:relative; background:#ebf0f3;} #assoinfoMain section {position:relative;} #assoinfoMain .mainInner {position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:0 20px;} #assoinfoMain .titBox {position:relative;} #assoinfoMain .titBox h2 {height:38px; padding-top:1px; color:#fff; font-weight:300; font-size:22px; font-family:ns; letter-spacing:-1px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .titBox .more {position:absolute; top:0; right:-10px; z-index:2; width:38px; height:38px; border:1px solid #fff; background:transparent url(/images/btn/btn_more_06.png) no-repeat 50% 50%; text-indent:-99999px;} #assoinfoMain .titBox.st2 h2 {color:#111;} #assoinfoMain .titBox.st2 .more {border-color:#111; background-image:url(/images/btn/btn_more_07.png);} @media all and (max-width:720px){ #assoinfoMain {background:#e5e5e5;} #assoinfoMain .titBox h2 {height:26px; padding-top:0; font-size:20px; line-height:1.3;} #assoinfoMain .titBox .more {right:0; width:26px; height:26px; background-image:url(/images/btn/btn_more_06.png); -webkit-background-size:12px 12px; background-size:12px 12px;} #assoinfoMain .titBox.st2 .more {border-color:#111; background-image:url(/images/btn/btn_more_07.png);} } #assoinfoMain .visual {overflow:hidden; position:relative; height:718px; z-index:1;} #assoinfoMain .visual .mainInner {-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .visual .slideArea .sCut {display:none;} #assoinfoMain .visual .slideArea .slide-box {height:718px; background-repeat:no-repeat; background-position:50% 0; -webkit-background-size:cover; background-size:cover;} #assoinfoMain .visual .slideArea .box1 {background-image:url(/images/contents/img_main_asso_01.jpg);} #assoinfoMain .visual .slideArea .box2 {background-image:url(/images/contents/img_main_asso_02.jpg);} #assoinfoMain .visual .slideArea .txtBox {position:relative; height:auto; margin-top:95px; color:#fff;} #assoinfoMain .visual .slideArea .txtBox * {position:absolute; left:0; opacity:0; transition:all 0.01s .5s;} #assoinfoMain .visual .slideArea .txtBox .txt1 {font-size:52px; font-family:ns; line-height:1.3;} #assoinfoMain .visual .slideArea .txtBox .txt1.st1 {top:100px;} #assoinfoMain .visual .slideArea .txtBox .txt1.st2 {top:150px;} #assoinfoMain .visual .slideArea .txtBox .txt2 {top:200px; font-size:16px;} #assoinfoMain .visual .slideArea .txtBox a {top:275px; width:40px; height:40px; border:1px solid #fff; background:url(/images/btn/btn_arr_03.png) no-repeat 50% 50%; text-indent:-99999px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt1 {} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt1.st1 {top:0; opacity:1; transition:all .5s .5s;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt1.st2 {top:70px; opacity:1; transition:all .5s .7s;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt2 {top:160px; opacity:1; transition:all .5s .9s;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox a {top:225px; opacity:1; transition:all .5s 1.2s;} #assoinfoMain .visual .btnBox {position:relative; top:-155px; z-index:1000; width:100%; height:30px; max-width:1280px; margin:0 auto; padding:0 20px; font-size:0; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .visual .btnBox .slick-arrow {width:40px; height:14px; background-color:transparent; background-repeat:no-repeat; outline:0; text-indent:-99999px;} #assoinfoMain .visual .btnBox .btnPrev {background-image:url(/images/btn/btn_prev_03.png); background-position:0 0;} #assoinfoMain .visual .btnBox .btnNext {border-left:1px solid #fff; background-image:url(/images/btn/btn_next_03.png); background-position:100% 0;} #assoinfoMain .visual .pag {position:absolute; bottom:155px; width:100%; height:30px; max-width:1280px; margin:0 auto; display:inline-block; width:auto; margin-left:55px; color:rgba(255,255,255,.4); vertical-align:middle; font-weight:300; font-size:18px; font-family:ns;} #assoinfoMain .visual .pag li {display:none;} #assoinfoMain .visual .pag .pagination-current {color:rgba(255,255,255,1);} @media all and (max-width:1280px){ #assoinfoMain .visual .mainInner {padding-left:50px;} #assoinfoMain .visual .slideArea .txtBox {margin-top:50px;} #assoinfoMain .visual .slideArea .txtBox .txt1 {font-size:48px;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt1.st2 {top:60px;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt2 {top:150px;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox a {top:215px;} #assoinfoMain .visual .btnBox {padding:0 50px;} } @media all and (max-width:960px){ #assoinfoMain .visual {height:460px;} #assoinfoMain .visual .slideArea .slide-box {height:460px;} #assoinfoMain .visual .btnBox {position:absolute; top:auto; right:60px; bottom:32px; width:auto; padding:0;} } @media all and (max-width:720px){ #assoinfoMain .visual {height:180px;} #assoinfoMain .visual .mainInner {padding-left:20px;} #assoinfoMain .visual .slideArea .sCut {display:block;} #assoinfoMain .visual .slideArea .swiper-slide {height:180px;} #assoinfoMain .visual .slideArea .txtBox {margin-top:20px;} #assoinfoMain .visual .slideArea .txtBox .txt1 {font-size:22px;} #assoinfoMain .visual .slideArea .txtBox .txt1.st1 {top:40px;} #assoinfoMain .visual .slideArea .txtBox .txt1.st2 {top:60px;} #assoinfoMain .visual .slideArea .txtBox .txt2 {top:90px; font-size:12px;} #assoinfoMain .visual .slideArea .txtBox a {display:none;} #assoinfoMain .visual .slideArea {height:inherit;} #assoinfoMain .visual .slideArea .slide-wrap, #assoinfoMain .visual .slideArea .slick-list, #assoinfoMain .visual .slideArea .slick-track, #assoinfoMain .visual .slideArea .slide-box {height:inherit;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt1.st2 {top:30px;} #assoinfoMain .visual .slideArea .slide-box.slick-active .txtBox .txt2 {top:65px;} #assoinfoMain .visual .opt {right:20px; bottom:5px;} #assoinfoMain .visual .pag {font-size:14px;} #assoinfoMain .visual .btnBox {display:none;} } #assoinfoMain .linkArea {position:absolute; top:60px; left:50%; margin-left:305px; z-index:102;} #assoinfoMain .linkArea section {position:relative; width:295px; height:265px; padding:32px 40px;} #assoinfoMain .linkArea h2 {color:inherit; font-weight:300; font-size:24px; font-family:ns;} #assoinfoMain .linkArea p {margin-top:35px; font-size:16px;} #assoinfoMain .linkArea .sCut2 {position:absolute; top:30px; right:40px; width:40px; height:40px; border:1px solid #fff; background:url(/images/btn/btn_arr_03.png) no-repeat 50% 50%; text-indent:-99999px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} #assoinfoMain .linkArea .box1 {background:#9c9ccc; color:#fff;} #assoinfoMain .linkArea .box2 {background:#f6f8ff url(/images/contents/bg_asso_ceo.png) no-repeat 100% 100%; color:#111;} #assoinfoMain .linkArea .box2 .sCut2 {border-color:#111; background-image:url(/images/btn/btn_arr_04.png);} @media all and (max-width:1300px){ #assoinfoMain .linkArea {top:60px; right:0; left:auto; margin-left:0;} } @media all and (max-width:960px){ #assoinfoMain .linkArea {position:relative; top:auto; right:auto; left:auto; margin:20px 0 0;} #assoinfoMain .linkArea section {float:left; position:relative; width:50%; height:175px; padding:25px 30px;} #assoinfoMain .linkArea h2 span {display:inline-block; padding-right:28px; background-repeat:no-repeat; background-position:100% 50%;} #assoinfoMain .linkArea p {margin-top:15px;} #assoinfoMain .linkArea br.st2 {display:none;} #assoinfoMain .linkArea .mainInner {overflow:hidden;} #assoinfoMain .linkArea .box1 h2 span {background-image:url(/images/btn/btn_arr_06.png);} #assoinfoMain .linkArea .box2 h2 span {background-image:url(/images/btn/btn_arr_07.png);} #assoinfoMain .linkArea .sCut2 {position:absolute; top:0; right:0; bottom:0; left:0; border:0; width:auto; height:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:none !important;} } @media all and (max-width:720px){ #assoinfoMain .linkArea {margin-top:0; border-top:7px solid #fff;} #assoinfoMain .linkArea section {height:160px; padding:18px 20px 20px;} #assoinfoMain .linkArea h2 {font-size:20px;} #assoinfoMain .linkArea h2 span {padding-right:20px;} #assoinfoMain .linkArea p {margin-top:7px; font-size:12px;} #assoinfoMain .linkArea br.st2 {display:block;} #assoinfoMain .linkArea .mainInner {padding:0;} #assoinfoMain .linkArea .box2 {-webkit-background-size:auto 140px; background-size:auto 140px;} } #assoinfoMain .lastestArea {margin-top:-60px; padding-bottom:60px;} #assoinfoMain .lastestArea section {overflow:hidden; height:235px; margin-top:20px;} #assoinfoMain .lastestArea section:first-child {margin-top:0;} #assoinfoMain .lastestArea .mainInner {overflow:hidden;} #assoinfoMain .lastestArea .boxWrap, #assoinfoMain .lastestArea .boxWrap2 {float:left; width:50%;} #assoinfoMain .lastestArea .boxWrap {padding-right:10px; color:#fff;} #assoinfoMain .lastestArea .boxWrap a {color:#fff; font-size:16px;} #assoinfoMain .lastestArea .boxWrap .date {display:block; font-size:13px;} #assoinfoMain .lastestArea .boxWrap .inner {position:relative; width:50%; height:235px; padding:20px 30px;} #assoinfoMain .lastestArea .boxWrap .thumb {position:absolute; top:0; width:305px; height:235px;} #assoinfoMain .lastestArea .boxWrap .thumb img {display:block; width:100%; max-width:100%; height:100%;} #assoinfoMain .lastestArea .boxWrap .box1 {background:#6f91ce;} #assoinfoMain .lastestArea .boxWrap .box1 .titBox {position:absolute; top:0; left:0; width:50%; padding:20px 30px;} #assoinfoMain .lastestArea .boxWrap .box1 .titBox a {top:20px; right:20px;} #assoinfoMain .lastestArea .boxWrap .box1 .thumb {right:0;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox {position:absolute; right:30px; bottom:27px; left:30px; height:90px;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox a {display:block; overflow:hidden; max-height:48px; line-height:1.5;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox .date {position:absolute; bottom:0; left:0;} #assoinfoMain .lastestArea .boxWrap .box1 .slick-prev, #assoinfoMain .lastestArea .boxWrap .box1 .slick-next {position:absolute; top:50%; width:32px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,.4); background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px; z-index:100;} #assoinfoMain .lastestArea .boxWrap .box1 .slick-prev {left:50%; background-image:url(/images/btn/btn_prev_04.png);} #assoinfoMain .lastestArea .boxWrap .box1 .slick-next {right:0; background-image:url(/images/btn/btn_next_04.png);} #assoinfoMain .lastestArea .boxWrap .box2 {background:#9c9ccc;} #assoinfoMain .lastestArea .boxWrap .box2 .thumb {left:0;} #assoinfoMain .lastestArea .boxWrap .box2 .inner {float:right;} #assoinfoMain .lastestArea .boxWrap .box2 ul {position:absolute; right:30px; bottom:27px; left:30px;} #assoinfoMain .lastestArea .boxWrap .box2 ul li {margin-top:13px; padding-top:13px; border-top:1px solid rgba(255,255,255,.4); font-size:0;} #assoinfoMain .lastestArea .boxWrap .box2 ul li:first-child {margin-top:0; padding-top:0; border-top:0;} #assoinfoMain .lastestArea .boxWrap .box2 ul li a {display:inline-block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; line-height:1.5;} #assoinfoMain .lastestArea .boxWrap .box2 ul li .date {display:block; margin-top:3px;} #assoinfoMain .lastestArea .boxWrap2 {padding-left:10px;} #assoinfoMain .lastestArea .boxWrap2 .inner {height:235px; padding:20px 30px; background:#fff;} #assoinfoMain .lastestArea .boxWrap2 ul {margin-top:21px;} #assoinfoMain .lastestArea .boxWrap2 ul li {position:relative; margin-top:7px; padding-right:85px; font-size:0;} #assoinfoMain .lastestArea .boxWrap2 ul.ctgSt li {padding-left:90px;} #assoinfoMain .lastestArea .boxWrap2 ul li:first-child {margin-top:0;} #assoinfoMain .lastestArea .boxWrap2 ul li a {display:block; overflow:hidden; color:#333; vertical-align:middle; font-size:16px; text-overflow:ellipsis; white-space:nowrap;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg {position:absolute; top:1px; left:0; width:76px; height:24px; border:1px solid #7492c8; color:#7492c8; vertical-align:middle; text-align:center; font-weight:300; font-size:13px; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;} #assoinfoMain .lastestArea .boxWrap2 ul li .date {position:absolute; top:2px; right:0; font-size:14px;} @media all and (max-width:1280px){ #assoinfoMain .lastestArea section {margin-top:0;} #assoinfoMain .lastestArea .boxWrap, #assoinfoMain .lastestArea .boxWrap2 {overflow:hidden; float:none; width:auto;} #assoinfoMain .lastestArea .boxWrap {padding-right:0;} #assoinfoMain .lastestArea .boxWrap .box1 {float:left; width:610px;} #assoinfoMain .lastestArea .boxWrap .box2 {float:none; margin-left:630px;} #assoinfoMain .lastestArea .boxWrap .box2 .inner {width:100%;} #assoinfoMain .lastestArea .boxWrap .box2 .thumb {display:none;} #assoinfoMain .lastestArea .boxWrap2 {margin:20px -10px 0; padding-left:0;} #assoinfoMain .lastestArea .boxWrap2 section {float:left; width:50%; padding:0 10px;} } @media all and (max-width:960px){ #assoinfoMain .lastestArea {margin-top:20px; padding-bottom:20px;} #assoinfoMain .lastestArea section {height:auto;} #assoinfoMain .lastestArea br.st2 {display:none;} #assoinfoMain .lastestArea .boxWrap .inner {width:100%; height:auto; padding-bottom:33px;} #assoinfoMain .lastestArea .boxWrap .thumb {overflow:hidden; position:relative; top:auto; right:auto; width:100%; height:275px;} #assoinfoMain .lastestArea .boxWrap .thumb img {height:auto;} #assoinfoMain .lastestArea .boxWrap .box1 {float:none; width:100%;} #assoinfoMain .lastestArea .boxWrap .box1 .titBox {position:static; width:100%;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox {position:relative; right:auto; bottom:auto; left:auto; height:auto;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox a {max-height:none; white-space:nowrap; text-overflow:ellipsis;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox .date {display:block; position:relative; bottom:auto; left:auto; margin-top:10px;} #assoinfoMain .lastestArea .boxWrap .box1 .slick-prev, #assoinfoMain .lastestArea .boxWrap .box1 .slick-next {top:36%} #assoinfoMain .lastestArea .boxWrap .box1 .slick-prev {left:0;} #assoinfoMain .lastestArea .boxWrap .box2 {margin:20px 0 0;} #assoinfoMain .lastestArea .boxWrap .box2 ul {position:relative; right:auto; bottom:auto; left:auto; margin-top:15px;} #assoinfoMain .lastestArea .boxWrap2 .inner {height:343px;} #assoinfoMain .lastestArea .boxWrap2 ul {margin-top:18px;} #assoinfoMain .lastestArea .boxWrap2 ul li {margin-top:8px; padding-right:0;} #assoinfoMain .lastestArea .boxWrap2 ul.ctgSt li {padding-left:62px;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg {top:6px; width:48px; height:40px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; line-height:1.2;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg span {display:table-cell; width:46px; height:38px; vertical-align:middle;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg .moVer {display:block;} #assoinfoMain .lastestArea .boxWrap2 ul li .date {display:block; position:relative; top:auto; right:auto; margin-top:2px; color:#999;} } @media all and (max-width:720px){ #assoinfoMain .lastestArea {margin-top:7px; padding:0;} #assoinfoMain .lastestArea .mainInner {padding:0;} #assoinfoMain .lastestArea .boxWrap a {font-size:14px;} #assoinfoMain .lastestArea .boxWrap .date {font-size:12px;} #assoinfoMain .lastestArea .boxWrap .inner {padding:16px 20px 20px;} #assoinfoMain .lastestArea .boxWrap .thumb {height:auto;} #assoinfoMain .lastestArea .boxWrap .thumb img {margin-top:0;} #assoinfoMain .lastestArea .boxWrap .box1 {padding:16px 20px 20px; border-bottom:1px solid #5f81be;} #assoinfoMain .lastestArea .boxWrap .box1 .inner {padding:0;} #assoinfoMain .lastestArea .boxWrap .box1 .titBox {margin-bottom:15px; padding:0;} #assoinfoMain .lastestArea .boxWrap .box1 .titBox a {top:16px;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox {margin-top:12px;} #assoinfoMain .lastestArea .boxWrap .box1 .txtBox .date {margin-top:4px;} #assoinfoMain .lastestArea .boxWrap .box1 .slick-prev, #assoinfoMain .lastestArea .boxWrap .box1 .slick-next {top:26vw;} #assoinfoMain .lastestArea .boxWrap .box2 {margin-top:7px; border-width:1px 0; border-style:solid; border-color:#8888c2;} #assoinfoMain .lastestArea .boxWrap .box2 ul li {margin-top:10px; padding-top:11px;} #assoinfoMain .lastestArea .boxWrap .box2 ul li .date {margin-top:0;} #assoinfoMain .lastestArea .boxWrap2 {margin:0;} #assoinfoMain .lastestArea .boxWrap2 section {float:none; width:auto; margin-top:7px; padding:0; border-width:1px 0; border-style:solid; border-color:#bbb;} #assoinfoMain .lastestArea .boxWrap2 .inner {height:auto; padding:17px 20px 22px;} #assoinfoMain .lastestArea .boxWrap2 ul {margin-top:16px;} #assoinfoMain .lastestArea .boxWrap2 ul li a {font-size:14px;} #assoinfoMain .lastestArea .boxWrap2 ul.ctgSt li {padding-left:43px;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg {top:5px; width:33px; height:33px; font-size:11px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #assoinfoMain .lastestArea .boxWrap2 ul li .ctg span {display:table-cell; width:33px; height:33px; padding:0 2px; vertical-align:middle;} #assoinfoMain .lastestArea .boxWrap2 ul li .date {margin-top:0; font-size:12px; line-height:1.5;} } #assoinfoMain .linkArea2 {background:#fff; padding:80px 0;} #assoinfoMain .linkArea2 section {height:295px; padding:20px 30px;} #assoinfoMain .linkArea2 section .txt {margin-top:20px; color:#fffefe; font-size:14px;} #assoinfoMain .linkArea2 ul li {border-top:1px solid rgba(255,255,255,.4);} #assoinfoMain .linkArea2 ul li:first-child {border-top:0;} #assoinfoMain .linkArea2 ul li a {display:block; background:url(/images/btn/btn_arr_05.png) no-repeat 100% 50%; color:#fffefe; font-size:16px; line-height:39px;} #assoinfoMain .linkArea2 .boxWrap {overflow:hidden;} #assoinfoMain .linkArea2 .secWrap {float:left; width:25%; padding-right:10px;} #assoinfoMain .linkArea2 .secWrap2 {float:left; width:50%; padding:0 10px;} #assoinfoMain .linkArea2 .secWrap3 {float:left; width:25%; padding-left:10px;} #assoinfoMain .linkArea2 .listWrap {overflow:hidden; position:absolute; right:30px; bottom:18px; left:30px;} #assoinfoMain .linkArea2 .box1 {background:#90aed1;} #assoinfoMain .linkArea2 .box2 {background:#b8b8d5;} #assoinfoMain .linkArea2 .box2 .listWrap {margin:0 -15px;} #assoinfoMain .linkArea2 .box2 ul {float:left; width:50%; padding:0 15px;} #assoinfoMain .linkArea2 .box3 {background:#98b2d4 url(/images/contents/bg_asso_link_02.png) no-repeat 100% 0; -webkit-background-size:auto 100%; background-size:auto 100%;} #assoinfoMain .linkArea2 .box3 p {letter-spacing: -.75px;} @media all and (max-width:1024px){ #assoinfoMain .linkArea2 {padding:40px 0;} #assoinfoMain .linkArea2 section {height:260px;} #assoinfoMain .linkArea2 .boxWrap {position:relative;} #assoinfoMain .linkArea2 .secWrap {float:none; width:50%;} #assoinfoMain .linkArea2 .secWrap2 {float:none; width:100%; margin-top:20px; padding:0;} #assoinfoMain .linkArea2 .secWrap3 {float:none; position:absolute; top:0; right:0; width:50%;} } @media all and (max-width:720px){ #assoinfoMain .linkArea2 {margin-top:7px; padding:0; background:transparent;} #assoinfoMain .linkArea2 section {height:auto; padding:17px 20px 11px; border-width:1px 0; border-style:solid; border-color:#87a3c0;} #assoinfoMain .linkArea2 section .txt {margin-top:11px; color:#fff; font-size:12px;} #assoinfoMain .linkArea2 ul {margin-top:1px;} #assoinfoMain .linkArea2 ul li a {background-image:url(/images/btn/btn_arr_05_m.png); -webkit-background-size:5px auto; background-size:5px auto; font-size:15px; line-height:43px;} #assoinfoMain .linkArea2 .mainInner {padding:0;} #assoinfoMain .linkArea2 .secWrap {width:100%; padding:0;} #assoinfoMain .linkArea2 .secWrap2 {width:100%; margin-top:7px; padding:0;} #assoinfoMain .linkArea2 .secWrap3 {position:relative; top:auto; right:auto; width:100%; margin-top:7px;padding:0;} #assoinfoMain .linkArea2 .listWrap {position:relative; right:auto; bottom:auto; left:auto;} #assoinfoMain .linkArea2 .box2 {border-color:#afafcd;} #assoinfoMain .linkArea2 .box2 .listWrap {margin:0;} #assoinfoMain .linkArea2 .box2 ul {float:none; width:100%; padding:0; border-top:1px solid rgba(255,255,255,.4);} #assoinfoMain .linkArea2 .box2 ul:first-child {border-top:0;} #assoinfoMain .linkArea2 .box3 {background-image:none;} } #assoinfoMain .scheduleArea {min-height:636px; padding:56px 0 80px; background:#496280 url(/images/contents/bg_main_schedule.png) no-repeat 50% 0;} #assoinfoMain .scheduleArea .mainInner {max-width:1240px; padding:0;} #assoinfoMain .scheduleArea .titBox {margin-bottom:49px;} #assoinfoMain .scheduleArea .titBox h2 {height:auto; text-align:center; font-size:36px; line-height:40px;} #assoinfoMain .scheduleArea .titBox .more {top:3px; right:0;} #assoinfoMain .scheduleArea .inner {overflow:hidden; position:relative;} #assoinfoMain .scheduleArea .inner:before {position:absolute; top:0; bottom:0; left:420px; width:1px; background:rgba(255,255,255,.1); content:'';} #assoinfoMain .scheduleArea .calendarArea {float:left; width:380px; margin:0 0 -8px 12px;} #assoinfoMain .scheduleArea .noSchedule {position:absolute; top:0; right:0; bottom:0; left:460px; background:rgba(80,109,145,.5); border:1px solid rgba(115,141,171,.5);} #assoinfoMain .scheduleArea .noSchedule span {position:absolute; top:50%; left:0; width:100%; margin-top:-13px; color:#fff; text-align:center; font-size:16px;} #assoinfoMain .scheduleArea .scheduleList {overflow:hidden; float:none; max-height:410px; margin-left:460px;} #assoinfoMain .scheduleArea .scheduleList ul {overflow:hidden; margin:-5px;} #assoinfoMain .scheduleArea .scheduleList ul li {float:left; width:50%; padding:5px;} #assoinfoMain .scheduleArea .scheduleList ul li .box {position:relative; height:130px; padding:20px 110px 20px 29px; background:#fff;} #assoinfoMain .scheduleArea .scheduleList ul li .box:after {position:absolute; top:0; bottom:0; left:0; width:4px; background:#e2e6ea; content:''; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay {position:absolute; top:0; right:0; bottom:0; width:90px; background:#e2e6ea; color:#77828f; line-height:1.4; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay p {display:table-cell; width:90px; height:130px; text-align:center; vertical-align:middle;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay span {font-size:16px;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay strong {display:block; font-size:28px;} #assoinfoMain .scheduleArea .scheduleList ul li dl {color:#333;} #assoinfoMain .scheduleArea .scheduleList ul li dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd {margin-top:9px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd p {margin-top:3px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd p:first-child {margin-top:0;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd p em {display:inline-block; height:19px; margin-right:7px; padding:1px 5px 0; background:#e2e6ea; color:#5f6d7e; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} #assoinfoMain .scheduleArea .scheduleList ul li:hover .box:after {background-color:#6f91ce;} #assoinfoMain .scheduleArea .scheduleList ul li:hover .dDay {background:#6f91ce; color:#fff;} #assoinfoMain .scheduleArea .scheduleList ul li:hover dl dt {color:#0050a5;} #assoinfoMain .scheduleArea .scheduleList ul li:hover dl dd p em {background:#6f91ce; color:#fff;} @media all and (max-width:1280px){ #assoinfoMain .scheduleArea {min-height:607px; padding:47px 0 60px;} #assoinfoMain .scheduleArea .mainInner {max-width:980px;} #assoinfoMain .scheduleArea .titBox .more {top:1px; right:20px;} #assoinfoMain .scheduleArea .inner {padding:0 20px;} #assoinfoMain .scheduleArea .inner:before {left:50%;} #assoinfoMain .scheduleArea .calendarArea {width:50%; margin-left:0; padding-right:20px;} #assoinfoMain .scheduleArea .noSchedule {left:50%; margin:0 20px;} #assoinfoMain .scheduleArea .scheduleList {float:right; width:50%; margin-left:0; padding-left:21px;} #assoinfoMain .scheduleArea .scheduleList ul {margin:-5px 0;} #assoinfoMain .scheduleArea .scheduleList ul li {float:none; width:100%; padding:5px 0;} } @media all and (max-width:800px){ #assoinfoMain .scheduleArea {min-height:188px; margin-top:7px; padding:22px 20px 25px; background:#4d6583;} #assoinfoMain .scheduleArea .titBox {margin-bottom:21px;} #assoinfoMain .scheduleArea .titBox h2 {height:26px; text-align:left; font-size:20px; line-height:1.3;} #assoinfoMain .scheduleArea .titBox .more {right:0;} #assoinfoMain .scheduleArea .inner {padding:0;} #assoinfoMain .scheduleArea .inner:before {display:none;} #assoinfoMain .scheduleArea .noSchedule {position:relative; top:auto; right:auto; bottom:auto; left:auto; height:94px; margin:0;} #assoinfoMain .scheduleArea .noSchedule span {font-size:14px;} #assoinfoMain .scheduleArea .calendarArea {display:none;} #assoinfoMain .scheduleArea .scheduleList {float:none; width:100%; max-height:302px; padding:0;} #assoinfoMain .scheduleArea .scheduleList ul li .box {height:94px; padding:10px 70px 15px 19px;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay {width:60px;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay p {width:60px; height:94px;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay span {font-size:12px;} #assoinfoMain .scheduleArea .scheduleList ul li .dDay strong {font-size:15px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dt {font-size:14px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd {margin-top:5px; font-size:12px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd p {margin-top:2px;} #assoinfoMain .scheduleArea .scheduleList ul li dl dd p em {height:17px; padding-top:0; margin-right:7px;} } .bgGray {background:#555f62;} .bgBlue {background:#3073ce;} .bgOrg {background:#f60;} .bgPk {background:#f25871;} .bgPp {background:#925fc0;} .bgGr {background:#27b2a5;} .badge {display:inline-block; height:23px; margin:-2px 0 0 10px; padding:1px 9px; background:#005bbb; color:#fff; vertical-align:middle; font-weight:300; font-size:12px;} .badge.org {background-color:#ff5c08;} .badge.pc {display:none; background-color:#9a8b7b;} .badge + .badge {margin-left:4px;} @media all and (max-width:720px){ .badge {height:19px; font-size:11px;} .badge.pc {display:inline-block;} } /* DatePicker */ .ui-datepicker {width:100%; height:auto; margin:0; padding:0; border:0;} .ui-datepicker a {text-decoration:none;} .ui-datepicker .ui-datepicker-header {overflow:hidden; padding:0; background-color:transparent;} .ui-datepicker .ui-datepicker-title {height:44px; margin-top:-2px; color:#fff; text-align:center; font-weight:100; font-size:26px; font-family:ns; line-height:30px;} .ui-datepicker-prev, .ui-datepicker-next {width:26px; height:26px; border:1px solid #fff; background-repeat:no-repeat; background-position:50% 50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {top:0; left:30px; background-image:url('/images/btn/btn_prev_cal_02.png');} .ui-datepicker .ui-datepicker-next {top:0; right:30px; background-image:url('/images/btn/btn_next_cal_02.png');} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;} .ui-datepicker table {width:100%; margin:0; border-collapse: inherit; border-spacing:0 8px; background-color:transparent;} .ui-datepicker table th {height:40px; padding:0; color:#fff; font-weight:300; font-size:16px; font-family:ng;} .ui-datepicker table td {position:relative; padding:0;} .ui-datepicker table td span, .ui-datepicker table td a {display:block; position:relative; z-index:2; width:100%; color:#fff; text-align:center; font-weight:300; font-size:16px; font-family:ng; line-height:56px;} .ui-datepicker table td:before {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:url(/images/contents/bg_calendar.png) no-repeat 50% 0; opacity:.4; content:'';} .ui-datepicker table td:first-child:before {background-position:0 0;} .ui-datepicker table td.sunday:before {background-position:100% 0;} .ui-datepicker table td.ui-datepicker-today a {border:0;} .ui-datepicker table td a:hover {background-color:transparent;} .ui-datepicker table td a.ui-state-active:before {position:absolute; top:9px; left:50%; width:6px; height:6px; margin-left:-3px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; content:'';} .ui-datepicker table tr.on td:before {opacity:1;} .ui-widget-content {background-color:transparent;} .ui-datepicker-unselectable .ui-state-default {color:rgba(255,255,255,.4);} /* animation */ @-webkit-keyframes slideInLeft { 0% {opacity:0; -webkit-transform:translateX(-20px);} 100% {opacity:1; -webkit-transform:translateX(0);} } @-moz-keyframes slideInLeft { 0% {opacity:0; -moz-transform:translateX(-20px);} 100% {opacity:1; -moz-transform:translateX(0);} } @-ms-keyframes slideInLeft { 0% {opacity:0; -ms-transform:translateX(-20px);} 100% {opacity:1; -ms-transform:translateX(0);} } @-o-keyframes slideInLeft { 0% {opacity:0; -o-transform:translateX(-20px);} 100% {opacity:1; -o-transform:translateX(0);} } @keyframes slideInLeft { 0% {opacity:0; transform:translateX(-20px);} 100% {opacity:1; transform:translateX(0);} } @-webkit-keyframes flipRightBounce { 0% {opacity:0; -webkit-transform:rotateY(-70deg);} 50% {opacity:1; -webkit-transform:rotateY(5deg);} 80% {transform:rotateY(-20deg);} 100% {transform:rotateY(0deg); opacity:1;} } @-moz-keyframes flipRightBounce { 0% {opacity:0; -webkit-transform:rotateY(-70deg);} 50% {opacity:1; -webkit-transform:rotateY(5deg);} 80% {-moz-transform:rotateY(-20deg);} 100% {-moz-transform:rotateY(0deg); opacity:1;} } @-ms-keyframes flipRightBounce { 0% {opacity:0; -webkit-transform:rotateY(-70deg);} 50% {opacity:1; -webkit-transform:rotateY(5deg);} 80% {-ms-transform:rotateY(-20deg);} 100% {-ms-transform:rotateY(0deg); opacity:1;} } @-o-keyframes flipRightBounce { 0% {opacity:0; -webkit-transform:rotateY(-70deg);} 50% {opacity:1; -webkit-transform:rotateY(5deg);} 80% {-o-transform:rotateY(-20deg);} 100% {-o-transform:rotateY(0deg); opacity:1;} } @keyframes flipRightBounce { 0% {opacity:0; -webkit-transform:rotateY(-70deg);} 50% {opacity:1; -webkit-transform:rotateY(5deg);} 80% {transform:rotateY(-20deg);} 100% {transform:rotateY(0deg); opacity:1;} } /* 20200820 main issue banner */ .banner div.btnBox {position:absolute;width:100%;top:50%;margin-top:-32px;} .banner div.btnBox button {position:absolute;display:inline-block;width:32px;height:32px;border:solid 1px #fff;text-indent:-9999em;} .banner div.btnBox button.btnPrev {left:0;background:url(/images/btn/btn_prev_03.png) no-repeat center;} .banner div.btnBox button.btnNext {right:0;background:url(/images/btn/btn_next_03.png) no-repeat center;}