@charset "utf-8"; /* 251209 폰트 삭제 */ /* noto sans*/ @font-face { font-family: "noto"; font-style: normal; font-weight: 400; src: local(※), url('../font/notokr-regular.woff') format('woff'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.ttf') format('truetype'); } @font-face { font-family: "noto"; font-style: normal; font-weight: 700; src: local(※), url('../font/notokr-medium.woff') format('woff'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.ttf') format('truetype'); } @font-face { font-family: "noto"; font-style: normal; font-weight: 800; src: local(※), url('../font/notokr-bold.woff') format('woff'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.ttf') format('truetype'); } html, body {width:100%;font-family: "NovaR", "noto"; font-style: normal;font-weight: 400; font-size:12px; } body.noScroll {position:fixed; overflow-y:scroll; width:100%; } .wrapDiv {width:100%; margin:0 auto; position:relative; height: 100dvh; /*min-width:1560px;*/ } .wrapDiv .header {position:relative; max-height: 100dvh !important; } .wrapDiv .header.introduce {padding-bottom:505px; background:#fff; } .wrapDiv .header.introduce .layer {max-width:1200px; width:100%; margin:0 auto; z-index:999; } .wrapDiv .header.introduce .layer li {float:left; width:50%; position:relative; height:auto; z-index:999; } .wrapDiv .header.introduce .layer li:first-child {margin-top:-289px; } .wrapDiv .header.introduce .layer li:last-child {margin-top:-95px; background-color:#d31526; } .wrapDiv .header.introduce .layer li img {width:100%; } .wrapDiv .header.introduce .layer li img.mobile {display:none; } .wrapDiv .header.introduce .layer li .tit1 {font-size:26px; line-height:42px; font-weight:bold; margin-bottom:50px; color:#fff; padding-top:90px; position:relative; } .wrapDiv .header.introduce .layer li .tit2 {font-size:16px; line-height:32px; margin-top:50px; font-weight:normal; position:relative; padding:0 10px 91px; } .wrapDiv .header.introduce .layer li .line {width:42px; height:1px; margin:0 auto; display:block; background-color:#e8828b; position:relative; top:0; left:0; } .wrapDiv .header .logo {position:absolute; top:37px; left:50%; margin-left:-79px; display:block; z-index:999; } .wrapDiv .header .topMenu {overflow:hidden; position:absolute; top:48px; right:10px; z-index:999; } .wrapDiv .header .topMenu li {float:left; margin-right:28px; font-size:14px; color:#9e9e9e; } .wrapDiv .header .topMenu li a {color:#9e9e9e; } .wrapDiv .header .scroll {position:absolute; bottom:40px; left:50%; width:83px; height:83px; margin-left:-42px; z-index:999; } .wrapDiv .header .gnb {position:absolute; width:274px; height:100px; left:0; top:30%; margin-top:-50px; z-index:9999999999999; background:#f9f9f9; opacity:0.92; filter:alpha(opacity=92); } .wrapDiv .header .gnb.fix {top:50px; left:0; position:fixed; } /* 20160905 추가 */ .wrapDiv .header .gnb .menu {float:left; } .wrapDiv .header .gnb .menu a {display:block; width:94px; height:100px; background:#d31526 url("../img/btn_menu.png") no-repeat center center; text-indent:-9999px; } .wrapDiv .header .gnb .desc {float:left; width:160px; height:70px; font-size:14px; line-height:22px; color:#222; font-weight:bold; margin:15px 0 0 20px; } .wrapDiv .header .gnb .desc.mobile {display:none; } .wrapDiv .header .gnb .desc.pc {display:block; } .wrapDiv .header .gnb .desc a {color:#222; display:inline-block; width:100%; height:100%; } .wrapDiv .header .paging {position:absolute; right:40px; top:50%; width:30px; height:136px; margin-top:-68px; text-align:center; z-index:9999; } .wrapDiv .header .paging a {width:30px; height:7px; background:url("../img/bg_paging.png") no-repeat 50% 0; margin-bottom:20px; display:block; text-indent:-9999px; } .wrapDiv .header .paging a.on {width:30px; height:40px; background:url("../img/bg_paging_on.png") no-repeat 50% 0; } /* .wrapDiv .header .bx-pager {position:absolute; right:40px; top:50%; width:30px; height:136px; margin-top:-68px; text-align:center; z-index:9999; } .wrapDiv .header .bx-pager .bx-pager.bx-default-pager a {width:30px; height:7px; background:url("../img/bg_paging.png") no-repeat 50% 0; margin-bottom:20px; display:block; text-indent:-9999px; } .wrapDiv .header .bx-pager .bx-pager.bx-default-pager a.active {width:30px; height:40px; background:url("../img/bg_paging_on.png") no-repeat 50% 0; } */ .wrapDiv .header .paging .page {margin-top:10px; font-size:11px; color:#fff; text-align:center; } .video-container {position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:100%; height:100%; margin:0; padding:0; overflow:hidden; /*z-index:-1;*/ border-image:0; } .video-container iframe, .video-container video {vertical-align:baseline; overflow:hidden; position:absolute; left:0; margin:0 auto; top:0; width:100%; } *, ::after, ::before {box-sizing:border-box;} #ambient-video-background {border-image:none; object-fit:cover; min-width:100%; min-height:100%; } /* main slider */ .wrapDiv .mainSlider {position:relative; overflow:hidden; width:100%; height: 100dvh !important; } .wrapDiv .mainSlider .bg {/*position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.35; filter:alpha(opacity=35); z-index:9; */} .wrapDiv .mainSlider .bg a{display:block;} /* 2017-09-08 추가 */ .wrapDiv .mainSlider .image {position:relative; z-index:1; height:100%; margin:0; overflow:hidden; } .wrapDiv .mainSlider .image .bx-viewport {height:auto !important; } .wrapDiv .mainSlider .image .slide {float:left; position:relative; overflow:hidden; } .wrapDiv .mainSlider .image .slide div.slidesub {position:relative; overflow:hidden; } .wrapDiv .mainSlider .image div img {width:100% !important; } .wrapDiv .mainSlider .container {width:100%; height:100%; } .wrapDiv .mainSlider .container video {width:100%; } .wrapDiv .mainSlider .bannerTxt {position:absolute; top:37%; width:85%; left:10%; color:#fff; text-align:center; float:none !important; z-index:999; } .wrapDiv .mainSlider .bannerTxt p.tit {font-size:54px; line-height:67px; letter-spacing:-1px; margin-bottom:25px; font-weight:bold; } .wrapDiv .mainSlider .bannerTxt p.desc {font-size:18px; line-height:32px; margin-bottom:28px; } .wrapDiv .mainSlider .bannerTxt span.date {font-size:18px;padding:10px 50px;} /* 2017-09-07 수정 */ .wrapDiv .mainSlider .bannerTxt span.date span.subLine {height:1px; display:none; margin:0 auto; background:none; padding:0; } /* 2017-09-07 수정 */ .wrapDiv .mainSlider .bannerTxt.bannerMov {position:absolute; top:77%; width:80%; left:10%; color:#fff; text-align:center; float:none !important; z-index:999; } /* 2017-09-08 추가 : 영상배경 일때 버튼 위치 변경 */ .wrapDiv .mainSlider .bannerTxt.forW{display:block;}/* 2017-09-09 웹일 경우 버튼 노출 */ .wrapDiv .mainSlider .bannerTxt.forM{display:none;}/* 2017-09-09 모바일 경우 버튼 노출 */ .wrapDiv .mainSlider .bx-wrapper .bx-pager.bx-default-pager {display:none; } .contents {z-index:999999999; } .wrapDiv .titleDiv {width:100%; height:245px; text-align:center; font-size:18px; color:#666; padding-top:91px; line-height:32px; z-index:999999999; position:relative; background:#fff url("../img/img_subLogo.png") no-repeat 50% 50%; } .wrapDiv div.hid {display:none; } .wrapDiv .mainBanner01 {width:100%; position:relative; overflow:hidden; z-index:999999999; } .wrapDiv .mainBanner01.subMenuHid {margin-bottom:-352px; } .wrapDiv .mainBanner01 .tileLayer {display:block; width:100%; } .wrapDiv .mainBanner01 .tileLayer img {width:100%; } .wrapDiv .mainBanner01 ul.subMenu {width:100%; overflow:hidden; margin-top:858px; } .wrapDiv .mainBanner01 ul.subMenu.hid {display:none; margin-bottom:-352px; } .wrapDiv .mainBanner01 ul.subMenu li {width:50%; float:left; height:352px; } .wrapDiv .mainBanner01 ul.subMenu li:first-child {background-color:#111; text-align:center; color:#fff; } .wrapDiv .mainBanner01 ul.subMenu li img {width:100%; height:100%; } .wrapDiv .mainBanner01 ul.subMenu li h2 {font-size:32px; line-height:44px; letter-spacing:-1px; margin:73px 0 29px; } .wrapDiv .mainBanner01 ul.subMenu li p.desc {font-size:18px; letter-spacing:-1px; line-height:32px; margin-bottom:31px; } .wrapDiv .mainBanner01 ul.subMenu li a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_01.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; } .wrapDiv .mainBanner01 ul.subMenu li a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } .wrapDiv .mainBanner01 .slider01Layer {position:absolute; left:50%; bottom:243px; width:600px; height:760px; background:url("../img/bg_slider01_layer.gif") no-repeat 0 0; background-size:100% 100%; } .wrapDiv .mainBanner01 .slider01Layer .tit1 {position:absolute; width:100%; height:auto; left:0; top:22%; text-align:center; font-size:16px; color:#fc8585; line-height:26px; } .wrapDiv .mainBanner01 .slider01Layer .tit2 {position:absolute; width:100%; height:auto; left:0; top:34.5%; text-align:center; font-size:40px; color:#fff; line-height:60px; font-weight:bold; } .wrapDiv .mainBanner01 .slider01Layer .tit3 {position:absolute; width:100%; height:auto; left:0; top:60%; text-align:center; font-size:18px; color:#fff; line-height:32px; } .wrapDiv .mainBanner01 .slider01Layer .line {position:absolute; width:42px; height:1px; top:55.5%; left:50%; margin-left:-13px; background-color:#e8828b; } .tit1 {position:absolute; width:100%; height:auto; left:0; top:22%; text-align:center; font-size:10px; color:#fc8585; line-height:16px; } .tit2 {position:absolute; width:100%; height:auto; left:0; top:36%; text-align:center; font-size:24px; color:#fff; line-height:38px; font-weight:bold; } .tit3 {position:absolute; width:100%; height:auto; left:0; top:57%; text-align:center; font-size:11px; color:#fff; line-height:19px; } .line {position:absolute; width:26px; height:1px; top:54.35%; left:50%; margin-left:-13px; background-color:#e8828b; } .wrapDiv .mainBanner01 .slider01Layer .btnArea {position:absolute; left:0; bottom:0; width:100%; height:110px; z-index:9999; overflow:hidden; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li {float:left; font-size:22px; color:#fff; line-height:110px; width:50%; text-align:center; border-top:1px solid #e44856; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li:first-child {border-right:1px solid #e44856; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li a {display:block; width:100%; height:100%; color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li a:hover {background-color:#b21220; } .wrapDiv .subMenuWrap {width:100%; height:100%; background-color:#1d1e23; z-index:9999999; display:none; position:absolute; top:0; left:0; } .wrapDiv .subMenuWrap .subMenuDiv {position:relative; height: 100vh;} .wrapDiv .subMenuWrap .menuLine {position:absolute; left:0; top:50%; width:100%; border:1px solid #2d2d30; } .wrapDiv .subMenuWrap .btnClose {position:absolute; left:0; top:50%; margin-top:-50px; width:94px; height:100px; background:#232429 url("../img/btn_menu_close.png") no-repeat 50% 50%; } .wrapDiv .subMenuWrap .btnArea {position:absolute; right:0; top:50%; margin-top:-50px; width:94px; height:100px; background:#c50000; } .wrapDiv .subMenuWrap .btnArea a.prev {display:block; width:100%; height:50px; background:url("../img/btn_menu_prev.png") no-repeat 50% 50%; text-indent:-999999px; } .wrapDiv .subMenuWrap .btnArea a.next {display:block; width:100%; height:50px; background:url("../img/btn_menu_next.png") no-repeat 50% 50%; text-indent:-999999px; } .wrapDiv .subMenuWrap.on {display:block; } .wrapDiv .gnbView {position:relative; width:748px; margin:0 auto; overflow:hidden; } .wrapDiv .gnbView.on {display:block; height:100%; z-index:99999999; position:absolute; top:0; left:50%; margin-left:-374px; } .wrapDiv .gnbView .gnbBg {position:absolute; top:0; left:0; width:100%; height:214px; background:url("../img/bg_menu_slider.png") no-repeat 0 0; z-index:0; } .wrapDiv .gnbView .gnbSlider {margin:0 auto; z-index:999999999; } .wrapDiv .gnbView .bx-wrapper {z-index:9;} .wrapDiv .gnbView .gnbSlider li {width:748px !important; height:214px; padding-top:47px; } .wrapDiv .gnbView .gnbSlider li a {font-size:24px; color:#51515b; letter-spacing:-1px; text-align:center; display:block; line-height:56px; } .wrapDiv .gnbView .gnbSlider li a span {font-size:20px; letter-spacing:0; } /*.wrapDiv .gnbView .gnbSlider li.on {background:url("../img/bg_menu_slider.png") no-repeat 0 0; }*/ .wrapDiv .gnbView .gnbSlider li.on a {font-size:36px; color:#fff; } .wrapDiv .gnbView .gnbSlider li a span {font-size:32px; letter-spacing:0; } .wrapDiv .mainBanner02 {background:#f2f2f2; width:100%; position:relative; overflow:hidden; padding-bottom:120px; } .wrapDiv .mainBanner02 h3 {font-size:32px; line-height:46px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:110px; } .wrapDiv .mainBanner02 .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:34px auto 100px; } .wrapDiv .mainBanner02 .slider02Div {width:100%; height:100%; position:relative; } .wrapDiv .mainBanner02 .slider02Wrap {max-width:1560px; width:100%; margin:0 auto; overflow:hidden; } .wrapDiv .mainBanner02 .slider02 .subList li {float:left; /*width:24.1%; margin-right:1.2%; */position:relative; } .wrapDiv .mainBanner02 .slider02 .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin:34px 0; } .wrapDiv .mainBanner02 .slider02 .subList li .link {width:100% !important; height:68px !important; position:absolute; left:0; bottom:100px; /*background-color:#060910; opacity:0.60; filter:alpha(opacity=60);*/ width:100%; height:100%; } /* 2017-03-09 수정 */ /* .wrapDiv .mainBanner02 .slider02 .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } 2017-03-09 삭제 */ .wrapDiv .mainBanner02 .slider02 .subList li .link li {width:50%; display:block; float:left; color:#fff; font-size:16px; line-height:68px; text-align:center; margin:0; background-color:#000;opacity:0.60; filter:alpha(opacity=60);border-top:1px solid #5a5e6a;} /* 2017-03-09 수정 */ .wrapDiv .mainBanner02 .slider02 .subList li .link li:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } /* 2017-03-09 추가 */ .wrapDiv .mainBanner02 .slider02 .subList li .link li a {color:#fff; } .wrapDiv .mainBanner02 .slider02 .subList li .link li:last-child {border-left:1px solid #5a5e6a; } /* .wrapDiv .mainBanner02 .slider02 .subList li .link li:last-child a {background:url("../img/bg_myBag.png") no-repeat 100% 4px; padding-right:17px;} */ .wrapDiv .mainBanner02 .slider02 .subList li .link:hover li:last-child {border-left:1px solid #ec6c78; } .wrapDiv .mainBanner02 .slider02 .subList li .link:hover li:hover a {display:inline; border-bottom:1px solid #fff; padding-bottom:3px; } .wrapDiv .mainBanner02 .bx-wrapper {position:static; } .wrapDiv .mainBanner02 .bx-viewport {position:static; height:auto !important; } .wrapDiv .mainBanner02 .bx-has-controls-direction {display:hidden; } .wrapDiv .mainBanner02 .bx-has-controls-direction .bx-prev {left:0; top:191px; background:url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; } .wrapDiv .mainBanner02 .bx-has-controls-direction .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner02 .bx-has-controls-direction .bx-next {right:0; top:191px; background:url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; } .wrapDiv .mainBanner02 .bx-has-controls-direction .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner03 {background:url("../img/bg_banner03.gif") no-repeat center center; width:100%; height:408px; text-align:center; color:#fff; background-size:100% 100%; } .wrapDiv .mainBanner03 h3 {font-size:32px; line-height:46px; letter-spacing:-1px; padding:100px 0 28px; } .wrapDiv .mainBanner03 p.desc {font-size:18px; line-height:31px; margin-bottom:32px; } .wrapDiv .mainBanner03 a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_01.png") no-repeat 50% 100%; padding-bottom:13px; display:block; } .wrapDiv .mainBanner03 a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } /* 2017-02-21 추가 */ .wrapDiv .mainBanner033 {background:url("../img/bg_banner033.gif") no-repeat center center; width:100%; height:400px; text-align:center; color:#fff; background-size:100% 100%; } .wrapDiv .mainBanner033 h3 {font-size:32px; line-height:46px; letter-spacing:-1px; padding:100px 0 28px; } .wrapDiv .mainBanner033 p.desc {font-size:18px; line-height:31px; margin-bottom:32px; } .wrapDiv .mainBanner033 a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_013.png") no-repeat 50% 100%; padding-bottom:13px; display:block; } .wrapDiv .mainBanner033 a.go:hover {color:#d31526; background:url("../img/bg_delimeter_013_over.png") no-repeat 50% 100%; } .wrapDiv .mainBanner04 {width:100%; height:100%; } .wrapDiv .mainBanner04 > div {float:left; width:50%; } .wrapDiv .mainBanner04 .mainBanner04_01 {background:url("../img/bg_banner04.gif") no-repeat center center; background-size:100% 100%; color:#333333; text-align:center; } .wrapDiv .mainBanner04 .mainBanner04_01 h3 {font-size:32px; line-height:48px; padding-top:26.5%; } .wrapDiv .mainBanner04 .mainBanner04_01 p.desc {font-size:18px; line-height:31px; padding:28px 0 51px; } .wrapDiv .mainBanner04 .mainBanner04_01 a.go {font-size:18px; color:#333333; background:url("../img/bg_delimeter_01_2.png") no-repeat 50% 100%; padding-bottom:13px; display:block; } .wrapDiv .mainBanner04 .mainBanner04_01 a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } .wrapDiv .mainBanner04 .mainBanner04_02 ul li {float:left; width:50%; height:50%; } .wrapDiv .mainBanner04 .mainBanner04_02 img {width:100%; } .wrapDiv .mainBanner05 {height:755px; width:100%; position:relative; overflow:hidden; } .wrapDiv .mainBanner05 h3 {font-size:32px; line-height:46px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:106px; } .wrapDiv .mainBanner05 .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:25px auto 80px; } .wrapDiv .mainBanner05 .slider05Div {width:100%; height:100%; position:relative; } .wrapDiv .mainBanner05 .slider05Wrap {max-width:1200px; width:100%; height:490px; margin:0 auto; overflow:hidden; background:#fbfbfb; border-bottom:1px solid #d9d9d9; } .wrapDiv .mainBanner05 .slider05 .subList li {float:left; width:50%; position:relative; } .wrapDiv .mainBanner05 .slider05 .subList li:nth-child(4n) {margin-right:0; } .wrapDiv .mainBanner05 .slider05 .subList li .movieBg.on {background:url("../img/icn_movie.png") no-repeat 50% 50%; width:82px; height:82px; position:absolute; top:124px; left:50%; margin-left:-41px; } .wrapDiv .mainBanner05 .slider05 .subList li p.tit {font-size:16px; line-height:36px; color:#333333; font-weight:bold; margin:29px 30px 13px; } .wrapDiv .mainBanner05 .slider05 .subList li p.desc {font-size:14px; line-height:28px; color:#666666; margin:0 30px; } .wrapDiv .mainBanner05 .bx-wrapper {position:static; } .wrapDiv .mainBanner05 .bx-viewport {position:static; } .wrapDiv .mainBanner05 .bx-has-controls-direction {display:block; } .wrapDiv .mainBanner05 .bx-has-controls-direction .bx-prev {left:0; top:103px; background:url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; } .wrapDiv .mainBanner05 .bx-has-controls-direction .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner05 .bx-has-controls-direction .bx-next {right:0; top:103px; background:url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; } .wrapDiv .mainBanner05 .bx-has-controls-direction .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner06 {height:805px; width:100%; position:relative; overflow:hidden; margin-bottom:120px; } .wrapDiv .mainBanner06 h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:103px; } .wrapDiv .mainBanner06 .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 80px; } .wrapDiv .mainBanner06 .slider06Div {width:100%; height:100%; position:relative; } .wrapDiv .mainBanner06 .slider06Wrap {max-width:1200px; width:100%; height:490px; margin:0 auto; overflow:hidden; background:#fbfbfb; border-bottom:1px solid #d9d9d9; } .wrapDiv .mainBanner06 .slider06 .subList li {float:left; width:50%; position:relative; } .wrapDiv .mainBanner06 .slider06 .subList li:nth-child(4n) {margin-right:0; } .wrapDiv .mainBanner06 .slider06 .subList li .movieBg.on {background:url("../img/icn_movie.png") no-repeat 50% 50%; width:82px; height:82px; position:absolute; top:124px; left:50%; margin-left:-41px; } .wrapDiv .mainBanner06 .slider06 .subList li p.tit {font-size:16px; line-height:36px; color:#333333; font-weight:bold; margin:29px 30px 13px; } .wrapDiv .mainBanner06 .slider06 .subList li p.desc {font-size:14px; line-height:28px; color:#666666; margin:0 30px; } .wrapDiv .mainBanner06 .bx-wrapper {position:static; } .wrapDiv .mainBanner06 .bx-viewport {position:static; } .wrapDiv .mainBanner06 .bx-has-controls-direction {display:block; } .wrapDiv .mainBanner06 .bx-has-controls-direction .bx-prev {left:0; top:103px; background:url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; } .wrapDiv .mainBanner06 .bx-has-controls-direction .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner06 .bx-has-controls-direction .bx-next {right:0; top:103px; background:url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; } .wrapDiv .mainBanner06 .bx-has-controls-direction .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} .wrapDiv .parallaxArea {background:url("../img/bg_slider_08_01.png") no-repeat center 0; background-size:1920px auto; background-attachment:fixed; } .wrapDiv .mainBanner07 {width:100%; position:relative; /*overflow:hidden;*/ } .wrapDiv .mainBanner07 .slider07 li div {float:left; position:relative; width:100%; } .wrapDiv .mainBanner07 .slider07 li div .movieBg.on {background:url("../img/icn_movie.png") no-repeat 50% 50%; width:82px !important; height:82px; position:absolute; top:25.5%; left:50%; margin-left:-41px; } .wrapDiv .mainBanner07 .slider07 li div div.tit {font-size:22px; line-height:36px; color:#fff; position:absolute; width:100% !important; top:46.6%; left:0; text-align:center; margin:0 auto; } .wrapDiv .mainBanner07 .slider07 li div div.tit span {display:inline; padding-bottom:16px; font-weight:bold; } .wrapDiv .mainBanner07 .slider07 li div div.tit span.subLine {height:1px; display:block; margin:0 auto; background:none; padding:0; } .wrapDiv .mainBanner07 .slider07 li img {width:100%; } .wrapDiv .mainBanner07 ul.subMenu {width:100%; height:350px; border-top:1px solid #f2f2f2; } .wrapDiv .mainBanner07 ul.subMenu li {width:50%; float:left; height:352px; text-align:center; position:relative; } .wrapDiv .mainBanner07 ul.subMenu li:first-child {background:#fafafa url("../img/bg_slider07.gif") no-repeat 0 center; text-align:center; color:#333333; background-size:959px 352px; border-right:1px solid #f2f2f2; } .wrapDiv .mainBanner07 ul.subMenu li:last-child {/*background:url("../img/bg_slider07_2.gif") no-repeat center center; background-size:100% 100%; */} .wrapDiv .mainBanner07 ul.subMenu li h2 {font-size:32px; line-height:46px; letter-spacing:-1px; margin:104px 0 29px; } .wrapDiv .mainBanner07 ul.subMenu li .bg {display:block; position:absolute; width:35px; height:18px; left:50%; margin-left:-17px; bottom:-18px; background:url("../img/bg_delimeter_02.png") no-repeat 0 0; z-index:999; } .wrapDiv .mainBanner07 ul.subMenu li p.desc {font-size:14px; line-height:24px; color:#737882; letter-spacing:2px; margin:140px 0 22px; background:url("../img/bg_delimeter_13.png") no-repeat center 0; padding-top:30px; } .wrapDiv .mainBanner07 .slider07Layer {position:absolute; left:50%; bottom:243px; width:370px; height:471px; background:url("../img/bg_slider07_layer.gif") no-repeat 0 0; background-size:370px auto; } .wrapDiv .mainBanner07 .slider07Layer .btnArea {position:absolute; left:0; bottom:0; width:100%; height:110px; z-index:9999; overflow:hidden; } .wrapDiv .mainBanner07 .slider07Layer .btnArea li {float:left; font-size:22px; color:#fff; line-height:110px; width:50%; text-align:center; border-top:1px solid #e44856; } .wrapDiv .mainBanner07 .slider07Layer .btnArea li:first-child {border-right:1px solid #e44856; } .wrapDiv .mainBanner07 .slider07Layer .btnArea li a {display:block; width:100%; height:100%; color:#fff; background-color:#d31526; } .wrapDiv .mainBanner07 .slider07Layer .btnArea li a:hover {background-color:#b21220; } .wrapDiv .mainBanner07 .paging {width:252px; height:86px; background:#d31526; position:absolute; left:50%; margin-left:228px; bottom:-43px; z-index:9999; } .wrapDiv .mainBanner07 .paging li.page {float:left; width:50%; line-height:86px; font-size:21px; color:#fff; font-weight:bold; text-align:center; } .wrapDiv .mainBanner07 .paging li.prev {float:left; width:25%; height:100%; background:#b21220 url("../img/bg_slider_prev_2.png") no-repeat center center; text-indent:-9999999px; cursor:pointer; } .wrapDiv .mainBanner07 .paging li.next {float:left; width:25%; height:100%; background:#b21220 url("../img/bg_slider_next_2.png") no-repeat center center; text-indent:-9999999px; cursor:pointer; } .wrapDiv .mainBanner08 {width:100%; /*height:1769px;*/ position:relative; padding-bottom:200px; background:url("../img/bg_slider_08_02.png") no-repeat center 100%; background-size:1920px auto; background-attachment:fixed; } .wrapDiv .mainBanner08 .list {max-width:1200px; width:100%; margin:0 auto; padding-top:160px; overflow:hidden; } .wrapDiv .mainBanner08 .list li {width:32%; height:auto; margin:0 2% 24px 0; float:left; position:relative; overflow:hidden; } .wrapDiv .mainBanner08 .list li img {width:100%; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; } .wrapDiv .mainBanner08 .list li:hover img {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transition:2.0s; -moz-transition:2.0s; -ms-transition:2.0s; } .wrapDiv .mainBanner08 .list li:nth-child(1):hover img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; } .wrapDiv .mainBanner08 .list.type2 li:nth-child(1):hover img {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transition:2.0s; -moz-transition:2.0s; -ms-transition:2.0s; } .wrapDiv .mainBanner08 .list li:nth-child(1) p.t1 {position:absolute; top:51.3%; left:0; text-align:center; padding:0; width:100%; font-weight:bold; } .wrapDiv .mainBanner08 .list li:nth-child(2) {margin-right:32%; } /* .wrapDiv .mainBanner08 .list li:nth-child(4) {background:url("../img/bg_delimeter_03.png") no-repeat 50% 32%; border:1px solid #e7e7e7; } .wrapDiv .mainBanner08 .list li:nth-child(4):hover {background:#b51b1b url("../img/bg_delimeter_03_on.png") no-repeat 50% 32%; } .wrapDiv .mainBanner08 .list li:nth-child(4):hover p {color:#fff; } */ .wrapDiv .mainBanner08 .list li:nth-child(5), .wrapDiv .mainBanner08 .list li:nth-child(7) {margin-right:0; } /* .wrapDiv .mainBanner08 .list li:nth-child(6) {margin-left:34%; } */ .wrapDiv .mainBanner08 .list li .inline1 {display:table; width:100%; height:auto; position:absolute; } .wrapDiv .mainBanner08 .list li .inline2 {position:absolute; top:50%; left:0; width:100%; display:table-cell; vertical-align:middle; text-align:center; } .wrapDiv .mainBanner08 .list li .inline3 {position:relative; top:-50%; left:0; margin-top:-75px; } .wrapDiv .mainBanner08 .list li p.t1 {font-size:30px; line-height:42px; letter-spacing:-1px; color:#fff; text-align:center; padding-top:181px; } .wrapDiv .mainBanner08 .list li p.t2 {color:#fff; font-size:20px; line-height:36px; letter-spacing:-1px; height:150px; display:table-cell; vertical-align:middle; width:10%; } .wrapDiv .mainBanner08 .list li p.t2 span {/*border-bottom:1px solid #fff; */padding-bottom:9px; display:inline-block; } .wrapDiv .mainBanner08 .list li p.t3 {font-size:22px; line-height:32px; letter-spacing:-1px; color:#333; text-align:center; padding-top:46%; } .wrapDiv .mainBanner08 .list li p.bk {color:#000; } .wrapDiv .mainBanner08 .list li p.bk span {/*border-bottom:1px solid #000; */} .wrapDiv .mainBanner08 .list li p span.subLine {height:1px; display:block; margin:0 auto; background:none; padding:0; } .wrapDiv .mainBanner08 .list.type2 {padding-top:0; } .wrapDiv .mainBanner08 .list.type2 li {margin-right:2%; margin-left:0; } .wrapDiv .mainBanner08 .list.type2 li:nth-child(3n) {margin-right:0; } .wrapDiv .mainBanner08 .moreBtn a {display:block; width:236px; height:63px; background:#d31526; line-height:63px; color:#fff; font-size:22px; margin:36px auto 60px; text-align:center; } .wrapDiv .mainBanner08 .moreBtn.hid {display:none; } .wrapDiv .snsArea {clear:both; width:100%; height:440px; background:#f9f9f9; text-align:center; } .wrapDiv .snsArea h3 {font-size:36px; line-height:46px; letter-spacing:-1px; color:#333333; padding:111px 0 21px 0; } .wrapDiv .snsArea .subLine {width:30px; height:1px; background:#000; margin:0 auto; display:block; } .wrapDiv .snsArea a {display:inline-block; margin:0 10px; padding-top:80px; } .wrapDiv .footer {width:100%; height:330px; background:#000; } .wrapDiv .footer .footerMenu {display:block; width:100%; height:80px; line-height:80px; text-align:center; margin:0 auto; overflow:hidden; text-align:center; } .wrapDiv .footer .footerMenu li {display:inline-block; padding:0 25px; background:url("../img/bg_delimeter_04.png") no-repeat 100% center; } .wrapDiv .footer .footerMenu li:last-child {background:none; } .wrapDiv .footer .footerMenu li a {display:inline-block; font-size:14px; color:#b8b8b8; } .wrapDiv .footer .footerLine {width:100%; border-bottom:1px solid #232323; } .wrapDiv .footer .logoArea {display:block; text-align:center; max-width:805px; margin:43px auto 47px; overflow:hidden; } .wrapDiv .footer .logoArea a {display:inline-block; margin:0 2%; width:20.5%; } .wrapDiv .footer .logoArea a img {width:100%;} .wrapDiv .footer .copyright {font-size:13px; color:#fff; line-height:28px; letter-spacing:1px; text-align:center; } .wrapDiv .footer .info {font-size:13px; color:#fff; line-height:28px; text-align:center; } /* 20160905 추가 */ .wrapDiv .subBanner {width:100%; height:378px; background:url("../img/bg_sub_contents.jpg") no-repeat center center; background-size:100% 100%; position:relative; z-index:99; } .wrapDiv .subBanner.style2 {background:url("../img/bg_sub_contents_type2.jpg") no-repeat center center; background-size:100% 100%; } .wrapDiv .subBanner.style3 {background:url("../img/bg_sub_contents_type3.jpg") no-repeat center center; background-size:100% 100%; } .wrapDiv .subBanner.style4{position:relative;height:430px;background:url('../img/bg_sub_contents.jpg') no-repeat center;background-size:cover;} .wrapDiv .subBanner p.tit {font-size:46px; line-height:62px; letter-spacing:-1px; color:#fff; text-align:center; padding-top:142px; z-index:99; } .wrapDiv .subBanner.style4 .subBannerWrap{overflow:hidden;position:absolute;top:calc(50% + 50px);left:0;transform:translateY(-50%);width:100%;} .wrapDiv .subBanner.style4 p.tit{padding:20px 0 0;font-size:54px;line-height:67px;letter-spacing:-1px;font-weight:bold;} .wrapDiv .subBanner.style4 .desc{padding-bottom:18px;font-size:18px;line-height:32px;text-align:center;color:#fff;} .wrapDiv .subBanner .prev {position:absolute; top:50%; left:14.5%; width:150px; height:65px; margin-top:-23px; background:url("../img/bg_subSlider_prev.png") no-repeat 0 0; } .wrapDiv .subBanner .prev.hover {background:url("../img/bg_subSlider_prev_on.png") no-repeat 0 0; } .wrapDiv .subBanner .next {position:absolute; top:50%; right:14.5%; width:150px; height:65px; margin-top:-23px; background:url("../img/bg_subSlider_next.png") no-repeat 100% 0; } .wrapDiv .subBanner .next.hover {background:url("../img/bg_subSlider_next_on.png") no-repeat 100% 0; } .wrapDiv .subBanner .prev span {font-size:14px; line-height:64px; color:#ffffff; display:none; padding-left:57px; } .wrapDiv .subBanner .next span {font-size:14px; line-height:64px; color:#ffffff; display:none; text-align:right; padding-right:57px; } .wrapDiv .subBanner .prev.hover span, .wrapDiv .subBanner .next.hover span {display:block; } .wrapDiv .subBannerBg {width:100%; height:100%; background:#959599; opacity:0.30; filter:alpha(opacity=30); z-index:9; position:absolute; top:0; left:0; } .wrapDiv .subBanner.introduce {position:relative; background:url("../img/bg_sub_contents_introduce.jpg") no-repeat center center; background-size:cover; width:100%; } .wrapDiv .subBanner.introduce .bannerTxt {position:absolute; top:25%; width:80%; left:10%; color:#fff; text-align:center; float:none !important; z-index:999; } .wrapDiv .subBanner .bannerTxt p.tit {font-size:54px; line-height:67px; margin-bottom:28px; padding:0; } .wrapDiv .subBanner .bannerTxt p.desc {font-size:18px; line-height:32px; margin-bottom:27px; } .wrapDiv .subBanner .bannerTxt p.date {font-size:18px; line-height:70px; font-weight:bold; } .wrapDiv .contents.bt1 {border-top:1px solid #d7d7d7; } .wrapDiv .contents .detailDiv {text-align:center; max-width:1200px; margin:0 auto; } .wrapDiv .contents .detailDiv p.date {font-size:16px; line-height:130px; letter-spacing:-1px; color:#767676; padding:0 80px; } .wrapDiv .contents .detailDiv .detail {margin-bottom:136px; } .wrapDiv .contents .detailDiv .detail img {width:100%; } .wrapDiv .contents .detailDiv .detail p.tit {font-size:18px; line-height:180px; letter-spacing:-1px; color:#333333; font-weight:bold; padding:0 80px; } .wrapDiv .contents .detailDiv .detail p.desc {font-size:18px; line-height:42px; letter-spacing:-1px; color:#333333; padding:0 80px; } .wrapDiv .contents .commentArea {text-align:left; font-size:18px; color:#000000; } .wrapDiv .contents .commentArea .commentBtn {display:none; } .wrapDiv .contents table {border-top:1px solid #000; width:100%; margin-top:17px; margin-bottom:120px; } .wrapDiv .contents table caption {display:none; } .wrapDiv .contents table td {padding:35px 0; font-size:14px; color:#555; line-height:25px; } .wrapDiv .contents table tr.last td {border-bottom:1px solid #000; } .wrapDiv .contents table tr.mobile {display:block; } .wrapDiv .contents table td a {color:#555; } .wrapDiv .contents table tr.ready td {color:#b2b2b2; } .wrapDiv .contents table tr.ready td a {color:#b2b2b2; } .wrapDiv .contents table td.id {padding-left:2.5%; background:url("../img/bg_delimeter_05.gif") no-repeat 100% 50%; } .wrapDiv .contents table td.tit {padding-left:7.25%; padding-right:3%; } .wrapDiv .contents table td.date {text-align:center; } .wrapDiv .contents table tr.input {background:#fbfbfb; } .wrapDiv .contents table tr.input td {padding-top:20px; padding-bottom:20px; } .wrapDiv .contents table tr.input td .input {width:308px; height:43px; border:1px solid #ebebeb; margin-right:10px; padding:0 19px; } .wrapDiv .contents table tr.input td .input.comment {width:100%; } .wrapDiv .contents table tr.input td a.loginBtn {width:73px; height:31px; background:#d8d7db; font-size:14px; font-weight:bold; color:#fff; border-radius:15px; display:inline-block; text-align:center; line-height:31px; } .wrapDiv .contents table tr.input td a.commentInputBtn {width:146px; height:45px; background:#000000 url("../img/bg_delimeter_06.png") no-repeat 106px center; padding-right:25px; font-size:16px; font-weight:bold; color:#fff; border-radius:30px; text-align:center; display:block; line-height:45px; } .wrapDiv .detailQuickArea {position:fixed; right:0; bottom:0; z-index:9999; display:none; } .wrapDiv .detailQuickArea .snsWrap {display:none; } .wrapDiv .detailQuickArea .snsWrap.on {width:94px; display:block; z-index:9999999;} .wrapDiv .detailQuickArea .snsWrap.on ul li {width:94px; height:94px; background-color:#d31526; text-indent:-999999px; } .wrapDiv .detailQuickArea .snsWrap.on ul li:hover {background-color:#e3192b; } .wrapDiv .detailQuickArea .snsWrap ul li.fb {background:#d31526 url("../img/bg_sns_fb.png") no-repeat 50% 50%; } .wrapDiv .detailQuickArea .snsWrap ul li.tw {background:#d31526 url("../img/bg_sns_tw.png") no-repeat 50% 50%; } .wrapDiv .detailQuickArea .snsWrap ul li.insta {background:#d31526 url("../img/bg_sns_insta.png") no-repeat 50% 50%; } .wrapDiv .detailQuickArea .snsWrap ul li.url {background:#d31526 url("../img/bg_sns_url.png") no-repeat 50% 50%; } .wrapDiv .detailQuickArea .share {width:94px; height:94px; background:#d31526 url("../img/bg_share.png") no-repeat 50% 50%; display:block; text-indent:-999999px; cursor:pointer; } .wrapDiv .detailQuickArea .share.off {display:none; } .wrapDiv .detailQuickArea .back {width:94px; height:94px; background:#000 url("../img/bg_back.png") no-repeat 50% 50%; display:block; text-indent:-999999px; cursor:pointer; } .wrapDiv .applicationWrap {max-width:1200px; position:relative; margin:0 auto; } .wrapDiv .competitionTab {margin:80px auto; border:1px solid #000; overflow:hidden; max-width:720px; } .wrapDiv .competitionTab li {float:left; width:33.3%; height:66px; line-height:66px; font-size:24px; letter-spacing:-1px; color:#000000; font-weight:bold; text-align:center; border-right:1px solid #000; } .wrapDiv .competitionTab.tab2 {max-width:480px; } .wrapDiv .competitionTab.tab2 li {width:50%; } .wrapDiv .competitionTab li:last-child {border-right:0; } .wrapDiv .competitionTab li.on {width:33.4%; background:#000000; color:#fff; } .wrapDiv .competitionTab.tab2 li.on {width:50%; } .wrapDiv .competitionTab.tab3 {max-width:720px; } .wrapDiv .competitionTab.tab3 li {width:33%; } .wrapDiv .competitionTab.tab3 li:last-child {width:34%; } .wrapDiv .competitionTab.tab4 {max-width:960px; } .wrapDiv .competitionTab.tab4 li {width:25%; } .wrapDiv .competitionTab li a {color:#000; display:block; } .wrapDiv .competitionTab li.on a {color:#fff; } .wrapDiv .applicationWrap .info {overflow:hidden; width:100%; background:url("../img/bg_application_info.jpg") no-repeat center center; background-size:100% 100%; margin-bottom:120px; } .wrapDiv .applicationWrap .info li {width:25%; float:left; font-size:16px; color:#fff; letter-spacing:-1px; line-height:25px; margin:80px 0 75px; padding-top:58px;text-align:center; background-position:50% 0; background-repeat:no-repeat; } .wrapDiv .applicationWrap .info li:nth-child(1) {background-image:url("../img/bg_application_info_01.png");} .wrapDiv .applicationWrap .info li:nth-child(2) {background-image:url("../img/bg_application_info_02.png");} .wrapDiv .applicationWrap .info li:nth-child(3) {background-image:url("../img/bg_application_info_03.png");} .wrapDiv .applicationWrap .info li:nth-child(4) {background-image:url("../img/bg_application_info_04.png");} .wrapDiv .applicationWrap .info li .subLine {width:24px; height:1px; background:#d31526; margin:0 auto 30px; } .wrapDiv .applicationWrap .info li p.txt1 {margin-bottom:9px; } .wrapDiv .applicationWrap .info li a.btn {width:90px; height:30px; display:block; background:url("../img/bg_btnArea.png") no-repeat 0 0; margin:0 auto; font-size:14px; color:#fff; line-height:30px; margin-top:17px; } .wrapDiv .applicationWrap .info li a.btn span {margin-left:-10px; } .wrapDiv .applicationWrap .applicationDiv {position:relative; } .wrapDiv .applicationWrap .applicationDiv .applicationEnd {display:none; } .wrapDiv .applicationWrap .applicationDiv .applicationEnd.on {display:block; background:#4c4c4c; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:0; left:0; width:100%; height:100%; } .wrapDiv .applicationWrap .applicationDiv .info {position:relative;display:none; } /* .wrapDiv .applicationWrap .applicationDiv .info.on {display:block; margin-top:-40px; position:absolute; top:50%; left:0; width:100%; background:none; } */ .wrapDiv .applicationWrap .applicationDiv .info.on {display:block; margin-top:-40px; position:absolute; top:139px; left:50%; width:900px;height:600px;margin-left:-450px;background:url("../img/bg_application_info_170914.jpg") no-repeat center center; background-size:100% 100%; } /* 2017-09-14 수정 : 2017-09-19 수정 : top:50% */ .wrapDiv .applicationWrap .applicationDiv .info.on p.title{position:relative;margin-top:208px;font-size:45px;font-weight:bold;} .wrapDiv .applicationWrap .applicationDiv .info.on p.title span{color:#e60000;} .wrapDiv .applicationWrap .applicationDiv .info.on p.txt1{position:relative;padding:30px 0 40px 0;color:#888888;font-size:20px;} .wrapDiv .applicationWrap .applicationDiv .info.on div.txt2{position:relative;padding:40px 0 0 0;font-size:22px;color:#fff;line-height:40px;text-align:center;} .wrapDiv .applicationWrap .applicationDiv .info.on div.txt2 .line2 {position:absolute; width:42px; height:1px; top:0; left:50%; margin-left:-13px; background-color:#fff; } .wrapDiv .applicationWrap .applicationDiv .info p {font-size:24px; line-height:40px; color:#fff; text-align:center; } .wrapDiv .applicationWrap .applicationDiv .info a.btn {width:235px; height:63px; line-height:63px; text-align:center; margin:50px auto 0; font-size:20px; color:#fff; font-weight:bold; background:#d31526 url("../img/bg_delimeter_11.png") no-repeat 205px center; display:block; } .wrapDiv .applicationWrap .applicationForm {border-top:1px solid #000; border-bottom:1px solid #000; overflow:hidden; width:100%; margin-bottom:60px; } .wrapDiv .applicationWrap .applicationForm tr.last td {border-bottom:0; } .wrapDiv .applicationWrap .applicationForm td {font-size:15px; color:#333333; letter-spacing:-1px; line-height:20px; padding:30px 0; position:relative; } .wrapDiv .applicationWrap .applicationForm td.th {font-size:18px; color:#333333; letter-spacing:-1px; background:url("../img/bg_delimeter_07_2.png") no-repeat 19px 40px; padding:40px 0 40px 110px; vertical-align:top; padding-top:54px; } .wrapDiv .applicationWrap .applicationForm td.th.type2 {background:url("../img/bg_delimeter_07.png") no-repeat 19px 40px; } .wrapDiv .applicationWrap .applicationForm td.none {border-bottom:0; } .wrapDiv .applicationWrap .applicationForm td .file {width:100%; height:68px; } .wrapDiv .applicationWrap .applicationForm td .attachTxt {width:84%; height:68px; background:#f4f4f4; border:0; padding-left:10px; } .wrapDiv .applicationWrap .applicationForm td .fileDiv {position:absolute; right:0; top:0; width:15%; height:68px; cursor:pointer; overflow:hidden; background:url('../img/bg_btn_file.png') no-repeat 0 0; } .wrapDiv .applicationWrap .applicationForm td .file {width:100%; height:68px; opacity:0; filter:alpha(opacity=0); } .wrapDiv .applicationWrap .applicationForm td .desc {line-height:34px; margin-top:18px; clear:both; } .wrapDiv .applicationWrap .applicationForm td .inputTxt {width:100%; height:68px; background:#f4f4f4; border:0; padding-left:10px; overflow:auto; } .wrapDiv .applicationWrap .applicationForm td .inputTxt.type2 {width:84%; height:68px; background:#f4f4f4; border:0; padding-left:10px; } .wrapDiv .applicationWrap .applicationForm td .inputTxt.w20p {width:20%; } .wrapDiv .applicationWrap .applicationForm td input[type=radio] {background:#fff url('../img/bg_checkbox.gif') no-repeat 50% 50%; width:36px; height:36px; border:0; -webkit-background-size:contain; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer; } .wrapDiv .applicationWrap .applicationForm td input[type=radio]:checked {background:#fff url('../img/bg_checkbox_on.gif') no-repeat 50% 50%; width:36px; height:36px; border:0; -webkit-background-size:contain; -webkit-appearance:none; -webkit-border-radius:0; } .wrapDiv .applicationWrap .applicationForm td label {font-size:18px; line-height:36px; color:#333333; letter-spacing:-1px; vertical-align:top; margin:0 60px 0 0; } .wrapDiv .applicationWrap .applicationForm td .fileWrap {position:relative; width:100%; height:100%; } .wrapDiv .applicationWrap .applicationForm td .txtArea {width:100%; height:270px; background:#f4f4f4; border:0; padding:10px; resize:none; } .wrapDiv .applicationWrap .applicationForm td .txtCnt {width:100%; height:50px; background:#f4f4f4; text-align:right; padding-right:20px; font-size:15px; color:#999999; line-height:50px; } .wrapDiv .applicationWrap .applicationForm td a.zipcode {width:15%; height:68px; position:absolute; right:0; top:0; display:block; font-size:18px; line-height:68px; text-align:center; background-color:#bdbec5; color:#fff; letter-spacing:-1px; } .wrapDiv .applicationWrap .applicationForm td .delimeter {width:14px; height:1px; background:url("../img/bg_delimeter_08.gif") no-repeat 0 0; margin:0 20px; display:inline-block; } .wrapDiv .applicationWrap .applicationForm td .selectBox {width:20%; height:68px; background:#f4f4f4 url("../img/bg_delimeter_09.png") no-repeat 85% 50%; border:0; padding-left:10px; } .wrapDiv .applicationWrap .applicationForm td select {-webkit-appearance:none; -webkit-border-radius:0; } .wrapDiv .applicationWrap .applicationForm td table {width:100%; text-align:center; margin:0; } .wrapDiv .applicationWrap .applicationForm td table th {height:55px; background:#000; font-size:14px; color:#fff; letter-spacing:-1px; } .wrapDiv .applicationWrap .applicationForm td table td {background:#f9f9f9; height:65px; padding:0; font-size:14px; color:#333333; letter-spacing:-1px; border-bottom:0; } .wrapDiv .applicationWrap .applicationForm td table td a.btn {width:53px; height:24px; border:1px solid #bdbec5; text-align:center; font-size:14px; line-height:22px; color:#999999; letter-spacing:-1px; display:inline-block; background:#fff; } .wrapDiv .applicationWrap .applicationForm td a.addRegistBtn {width:135px; height:38px; line-height:38px; background:#bdbec5; color:#fff; text-align:center; display:block; position:absolute; bottom:50px; right:0; font-weight:bold; } .wrapDiv .applicationWrap .agreeDiv {width:100%; height:230px; background:#f9f9f9; margin-bottom:60px; text-align:center; } .wrapDiv .applicationWrap .agreeDiv .confirmBtn {padding-top:60px; margin-bottom:30px; } .wrapDiv .applicationWrap .agreeDiv .confirmBtn a {width:355px; height:54px; line-height:54px; background:#000; color:#fff; font-weight:bold; text-align:center; border-radius:15px; display:block; margin:0 auto; font-size:18px; color:#fff; display:block; } .wrapDiv .applicationWrap .agreeDiv label {font-size:18px; line-height:36px; color:#333333; letter-spacing:-1px; vertical-align:top; } .wrapDiv .applicationWrap .competitionTitle {overflow:hidden; width:100%; background:#d31526 url("../img/bg_competition_title.gif") no-repeat center center; background-size:100% auto; color:#fff; text-align:center; } .wrapDiv .applicationWrap .competitionTitle h3 {font-size:16px; color:#fc8585; line-height:28px; letter-spacing:-1px; padding:120px 0 60px 0; } .wrapDiv .applicationWrap .competitionTitle h2 {font-size:40px; line-height:60px; letter-spacing:-2px; } .wrapDiv .applicationWrap .competitionTitle p.desc {font-size:18px; line-height:31px; margin-bottom:116px; } .wrapDiv .applicationWrap .competitionTitle .subLine {display:block; width:42px; height:1px; background-color:#fff; margin:40px auto 43px; } .wrapDiv .applicationWrap a.registerBtn {width:236px; height:63px; line-height:63px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:22px; margin:0 auto 60px; } .wrapDiv .applicationWrap .infoTable {border-top:1px solid #000; border-bottom:1px solid #000; overflow:hidden; width:100%; margin-bottom:60px; } .wrapDiv .applicationWrap .infoTable tr.last td {border-bottom:0; } .wrapDiv .applicationWrap .infoTable td {font-size:18px; color:#333333; letter-spacing:-1px; line-height:42px; padding:30px 0; position:relative; } .wrapDiv .applicationWrap .infoTable td.th {font-size:18px; color:#333333; letter-spacing:-1px; padding:40px 0 40px 110px; vertical-align:top; line-height:20px; background-position:19px 38px; background-repeat:no-repeat; font-weight:bold; } .wrapDiv .applicationWrap .infoTable td.no1 {background-image:url("../img/bg_no_1.png");} .wrapDiv .applicationWrap .infoTable td.no2 {background-image:url("../img/bg_no_2.png");} .wrapDiv .applicationWrap .infoTable td.no3 {background-image:url("../img/bg_no_3.png");} .wrapDiv .applicationWrap .infoTable td.no4 {background-image:url("../img/bg_no_4.png");} .wrapDiv .applicationWrap .infoTable td.no5 {background-image:url("../img/bg_no_5.png");} .wrapDiv .applicationWrap .infoTable td.no6 {background-image:url("../img/bg_no_6.png");} .wrapDiv .applicationWrap .infoTable td.no7 {background-image:url("../img/bg_no_7.png");} .wrapDiv .applicationWrap .infoTable td.th.type2 {background:url("../img/bg_delimeter_07.png") no-repeat 19px 40px; } .wrapDiv .applicationWrap .infoTable td.none {border-bottom:0; } .wrapDiv .applicationWrap .infoTable td a.btn {padding:0 30px; line-height:31px; background:#acacb1; font-size:14px; color:#fff; font-weight:bold; display:inline-block; border-radius:15px; margin-left:32px; } .wrapDiv .applicationWrap .infoTable td .bold {font-weight:bold; line-height:42px; } .wrapDiv .applicationWrap .infoTable td ul li {line-height:42px; } .wrapDiv .applicationWrap .infoTable td ul.dotted li {position:relative;padding-left:15px;} .wrapDiv .applicationWrap .infoTable td ul.dotted li:before {content:'';position:absolute;top:18px;left:0;width:6px;height:6px;background:#333;border-radius:100%;} .wrapDiv .applicationWrap .infoTable td .red{color:#c20819;} .wrapDiv .applicationWrap .attentionTable {width:100%; height:200px; background:#f9f9f9; border:0; margin-bottom:60px; } .wrapDiv .applicationWrap .attentionTable td {font-size:14px; line-height:34px; letter-spacing:-1px; color:#666666; border:0; } .wrapDiv .applicationWrap .attentionTable td.th {font-size:18px; color:#333333; vertical-align:top; line-height:20px; text-align:center; font-weight:bold; padding-top:58px; background:url("../img/bg_delimeter_10.png") no-repeat 50% 97px; } .wrapDiv .applicationWrap .bannerDiv {background:url("../img/bg_attention_banner.gif") no-repeat center center; width:100%; height:284px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:120px; } .wrapDiv .applicationWrap .bannerDiv h3 {font-size:18px; line-height:36px; padding:83px 0 26px; font-weight:normal; } .wrapDiv .applicationWrap .bannerDiv a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_01.png") no-repeat 50% 100%; padding-bottom:13px; display:block; } .wrapDiv .applicationWrap .bannerDiv a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } .wrapDiv .storyList {max-width:1200px; margin:0 auto; } .wrapDiv .storyList h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:103px; } .wrapDiv .storyList .totCnt {text-align:center; font-size:20px; color:#666666; font-weight:bold; margin-bottom:48px; } .wrapDiv .storyList .totCnt span {color:#d31526; } .wrapDiv .storyList .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 48px; } .wrapDiv .storyList .list {width:100%; overflow:hidden; } .wrapDiv .storyList .list li {width:32%; height:auto; margin-right:2%; float:left; color:#333; letter-spacing:-1px; border-bottom:1px solid #000; margin-bottom:80px; } .wrapDiv .storyList .list li.on {border-bottom:1px solid #d31526; } .wrapDiv .storyList .list li:nth-child(3n) {margin-right:0; } .wrapDiv .storyList .list li img {width:100%; } .wrapDiv .storyList .list li.on img {border:6px solid #d31526; } .wrapDiv .storyList .list li p.tit {font-size:18px; line-height:42px; font-weight:bold; margin:17px 0 2px; } .wrapDiv .storyList .list li p.desc {font-size:14px; line-height:28px; height:56px; margin-bottom:4px; } .wrapDiv .storyList .list li a {color:#333; } .wrapDiv .storyList .list li p.date {font-size:14px; line-height:28px; margin-bottom:21px; } .wrapDiv .storyList .moreBtn a {display:block; width:236px; height:63px; background:#d31526; line-height:63px; color:#fff; font-size:22px; margin:-20px auto 60px; text-align:center; } /* 20160908 추가 */ .wrapDiv .resultDiv {padding-top:80px; max-width:1200px; margin:0 auto; } .wrapDiv .resultDiv.profile{padding-top:50px} .wrapDiv .resultDiv .profileDiv {border:1px solid #e7e7e7; background:url("../img/bg_result_profile.jpg") no-repeat 50% 50%; width:100%; height:100%; text-align:center; background-size:100% 100%; } /* 2017-09-14 수정 */ .wrapDiv .resultDiv .profileDiv h2 {font-size:32px; line-height:64px; color:#333333; letter-spacing:-1px; padding:60px 0 0 0; } .wrapDiv .resultDiv .profileDiv p.date {font-size:16px; line-height:27px; color:#767676; letter-spacing:-1px; } .wrapDiv .resultDiv .profileDiv .imgArea {position:relative; border:6px solid #d31526; width:372px; height:372px; margin:32px auto 80px; background-color:#fff; } /* 2017-09-14 수정 */ .wrapDiv .resultDiv .profileDiv .imgArea img {width:100%; } .wrapDiv .resultDiv .profileDiv .imgArea .btn {position:absolute; width:100%; height:68px; bottom:0; left:0; font-size:16px; line-height:68px; color:#fff; text-align:center; background-color:#646464; opacity:0.60; filter:alpha(opacity=60); } .wrapDiv .resultDiv .profileDiv .imgArea .btn:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100) } .wrapDiv .resultDiv .profileDiv .imgArea .btn a {color:#fff; background:url("../img/bg_delimeter_11.png") no-repeat right center; padding-right:11px; } .wrapDiv .resultDiv .qArea {text-align:center; margin-top:80px; padding-top:50px; } .wrapDiv .resultDiv .qArea.q1 {background:url("../img/bg_q1.png") no-repeat 50% 0; } .wrapDiv .resultDiv .qArea.q2 {background:url("../img/bg_q2.png") no-repeat 50% 0; } .wrapDiv .resultDiv .qArea.q3 {background:url("../img/bg_q3.png") no-repeat 50% 0; } .wrapDiv .resultDiv .qArea .q {font-size:18px; line-height:36px; color:#666666; letter-spacing:-1px; margin-bottom:11px; } .wrapDiv .resultDiv .qArea p {min-height:50px; } .wrapDiv .resultDiv .qArea p .a {font-size:40px; color:#333333; letter-spacing:-1px; font-weight:bold; padding:0 4px 6px; border-bottom:1px solid #000; word-break: break-all;line-height:1.5;} .wrapDiv .resultDiv .qArea .a3Div {/*background:url("../img/bg_a3_area_2.gif") no-repeat center center; */ background-color:#313434; background-size:100% 100%; } .wrapDiv .resultDiv .qArea .a3Div p {font-size:20px; color:#fff; line-height:38px; letter-spacing:-1px; padding:110px 40px 80px; text-align:center; background:url("../img/bg_delimeter_12.png") no-repeat center 70px; } .wrapDiv .resultDiv .qArea.last {padding-bottom:120px; } .wrapDiv .resultDiv h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:30px; } .wrapDiv .resultDiv .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 80px; } .wrapDiv .resultDiv .imgArea img {width:100%; margin-bottom:20px; } .wrapDiv .resultDiv .btnArea a {display:block; width:236px; height:63px; background:#d31526; line-height:63px; color:#fff; font-size:22px; margin:50px auto 60px; font-weight:bold; text-align:center; } /* 20160908 추가 끝 */ .wrapDiv .logoDiv {width:100%; height:237px; background:url("../img/img_subLogo2.png") no-repeat 50% 50%; } .wrapDiv .introduceDiv {width:100%; background:url("../img/bg_parallax_introduce.jpg") no-repeat center 50%; background-size:1920px 729px; background-attachment:fixed; } .wrapDiv .introduceDiv .info {position:relative; } .wrapDiv .introduceDiv .info.type2 {padding:95px 0 150px; } .wrapDiv .introduceDiv .info.type3 {width:100%; background:#fff; } .wrapDiv .introduceDiv .info.pt120 {padding-top:120px; } .wrapDiv .introduceDiv .info.pt60 {padding-top:60px; } .wrapDiv .introduceDiv .info.pb0 {padding-bottom:0; } .wrapDiv .introduceDiv .info.pb60 {padding-bottom:60px; } .wrapDiv .introduceDiv .info01 {max-width:840px; width:100%; overflow:hidden; margin:0 auto; padding:155px 0; position:relative; } .wrapDiv .introduceDiv .info01 li {float:left; width:50%; background:#fff; padding:77px 0 78px; letter-spacing:-1px; color:#333333; text-align:center; border:1px solid #000; } .wrapDiv .introduceDiv .info01 li:first-child {border-right:0; } .wrapDiv .introduceDiv .info01 li .t1 {font-size:30px; line-height:38px; font-weight:bold; margin-bottom:24px; } .wrapDiv .introduceDiv .info01 li .t2 {font-size:16px; line-height:38px; margin-bottom:29px; } .wrapDiv .introduceDiv .info01 li .t3 {font-size:16px; line-height:32px; color:#888888; margin-top:31px; } .wrapDiv .introduceDiv .info01 li .subLine {width:40px; height:1px; background-color:#000; text-align:center; display:block; margin:0 auto; } .wrapDiv .introduceDiv .arrow01 {background:url("../img/bg_delimeter_14.png") no-repeat 0 0; width:17px; height:9px; position:absolute; left:50%; bottom:75px; margin-left:-9px; } .wrapDiv .introduceDiv .info02 {padding:75px 0 75px; width:425px; margin:0 auto; background:#000; color:#fff; letter-spacing:-1px; text-align:center; } .wrapDiv .introduceDiv .info02 .t1 {font-size:30px; line-height:38px; font-weight:bold; margin-bottom:24px; } .wrapDiv .introduceDiv .info02 .t2 {font-size:16px; line-height:38px; margin-bottom:29px; } .wrapDiv .introduceDiv .info02 .t3 {font-size:16px; line-height:32px; margin-top:31px; } .wrapDiv .introduceDiv .info02 .subLine {width:40px; height:1px; background-color:#fff; text-align:center; display:block; margin:0 auto; } .wrapDiv .introduceDiv .info03 {width:383px; height:383px; margin:0 auto; color:#fff; letter-spacing:-1px; text-align:center; background:url("../img/bg_delimeter_15.png") no-repeat 0 0; background-size:100%; } .wrapDiv .introduceDiv .info03 .t1 {font-size:30px; line-height:38px; font-weight:bold; padding:106px 0 24px; } .wrapDiv .introduceDiv .info03 .t2 {font-size:16px; line-height:38px; } .wrapDiv .introduceDiv .info04 {max-width:1200px; width:100%; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000; } .wrapDiv .introduceDiv .info04 li {width:100%; text-align:center; letter-spacing:-1px; border-bottom:1px solid #eaeaea; padding:0 10px; } .wrapDiv .introduceDiv .info04 li:nth-child(2n) {background-color:#fbfbfb; } .wrapDiv .introduceDiv .info04 li:last-child {border-bottom:0; } .wrapDiv .introduceDiv .info04 li .t1 {font-size:18px; line-height:38px; color:#d31526; font-weight:bold; padding:50px 0 10px; } .wrapDiv .introduceDiv .info04 li .t2 {font-size:24px; line-height:38px; color:#333333; font-weight:bold; padding-bottom:25px; } .wrapDiv .introduceDiv .info04 li .t3 {font-size:16px; line-height:32px; color:#666666; padding-bottom:52px; } .wrapDiv .introduceDiv .info05 {max-width:1200px; width:100%; text-align:center; margin:0 auto 177px; } .wrapDiv .introduceDiv .info05 p {font-size:18px; line-height:36px; height:300px; letter-spacing:-1px; color:#000000; padding-top:120px; background:url("../img/bg_delimeter_03.png") no-repeat center 80px; } .wrapDiv .introduceDiv .info05 .movie {width:100%; height:600px; } .wrapDiv .introduceDiv .info05 .movie span {font-size:18px; line-height:46px; text-align:center; padding-top:25px; display:block; } .wrapDiv .entrantList {max-width:1200px; margin:0 auto; } .wrapDiv .entrantList h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; } .wrapDiv .entrantList .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 48px; } .wrapDiv .entrantList .searchDiv {max-width:585px; margin:0 auto 50px; } .wrapDiv .entrantList .searchDiv .inputDiv {width:78%; float:left; } .wrapDiv .entrantList .searchDiv .inputDiv .inputTxt {width:100%; height:68px; background:#f4f4f4; line-height:68px; font-size:18px; color:#999999; padding-left:30px; border:0; } .wrapDiv .entrantList .searchDiv a.btn {width:22%; font-size:18px; color:#fff; background:#bdbec5; line-height:68px; display:inline-block; text-align:center; font-weight:bold; } .wrapDiv .entrantList .list {width:100%; overflow:hidden; } .wrapDiv .entrantList .list li {width:23.5%; height:auto; margin-right:2%; float:left; color:#333; letter-spacing:-1px; margin-bottom:50px; text-align:center; } .wrapDiv .entrantList .list li.on {border-bottom:1px solid #d31526; } .wrapDiv .entrantList .list li:nth-child(4n) {margin-right:0; } .wrapDiv .entrantList .list li img {width:100%; max-width:282px; object-fit: cover;} .wrapDiv .entrantList .list li p.name {font-size:18px; line-height:32px; font-weight:bold; margin:21px 0 3px; } .wrapDiv .entrantList .list li p.desc {font-size:16px; line-height:25px; margin-bottom:25px; height:50px; color:#666; } .wrapDiv .entrantList .list li a {color:#333; } .wrapDiv .entrantList .list li .btnArea {text-align:center; width:100%; } .wrapDiv .entrantList .list li .btnArea a {display:inline-block; width:calc(50% - 2px); text-align:center; font-size:16px; text-align:center; color:#999; border:1px solid #bdbec5; line-height:33px; } .wrapDiv .entrantList .list li .btnArea a:nth-child(2) {margin-left:-3px; } /* 2017-09-14 수정 : -1 */ .wrapDiv .entrantList .list li .btnArea a:hover {background:#d31526; color:#fff; } .wrapDiv .entrantList .list li .btnArea a:nth-child(1):hover {background:#000; color:#fff; } /* 2017-09-14 추가 */ .wrapDiv .entrantList .paging {margin:50px 0 50px; text-align:center; } /* 2017-09-19 수정 */ .wrapDiv .entrantList .paging a {display:inline-block; width:58px; height:58px; line-height:58px; font-size:18px; color:#b2b2b2; font-weight:bold; border:1px solid #acacac; margin:0 8px; } .wrapDiv .entrantList .paging a.on {border:1px solid #000; background:#000; color:#fff; } .wrapDiv .conditionWrap .bannerDiv {background:url("../img/bg_condition_banner.gif") no-repeat center center; height:284px; text-align:center; color:#fff; background-size:cover; max-width:1200px; margin:0 auto;} .wrapDiv .conditionWrap .bannerDiv.n02 {background:url("../img/bg_condition_banner_02.jpg") no-repeat center center; height:284px; text-align:center; color:#fff; background-size:cover; margin:0 auto 120px; } .wrapDiv .conditionWrap .bannerDiv h3.pc {font-size:18px; line-height:36px; padding:83px 0 26px; font-weight:normal; } .wrapDiv .conditionWrap .bannerDiv h3.mobile {display:none; font-size:18px; line-height:36px; padding:83px 0 13px; font-weight:normal; } .wrapDiv .conditionWrap .bannerDiv a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_01.png") no-repeat 50% 100%; padding-bottom:13px; display:block; } .wrapDiv .conditionWrap .bannerDiv a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } .wrapDiv .conditionWrap .bannerDivTop {background:url("../img/bg_condition_banner_top.jpg") no-repeat center center; height:284px; text-align:center; color:#fff; background-size:cover; max-width:1200px; margin:0 auto;} .wrapDiv .conditionWrap .bannerDivBottom {background:url("../img/bg_condition_banner_bottom.jpg") no-repeat center center; height:284px; text-align:center; color:#fff; background-size:cover; max-width:1200px; margin:0 auto;} .wrapDiv .conditionBanner {width:100%; position:relative; overflow:hidden; } .wrapDiv .conditionBanner h3 {font-size:32px; line-height:46px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:110px; } .wrapDiv .conditionBanner .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:34px auto 80px; } .wrapDiv .conditionBanner .cSlider01Div {width:100%; position:relative; } .wrapDiv .conditionBanner .cSlider01Wrap {max-width:1200px; width:100%; margin:0 auto; }/* overflow:hidden; */ .wrapDiv .conditionBanner .cSlider01 .subList li {float:left; /*width:24.1%; margin-right:1.2%; */position:relative; } .wrapDiv .conditionBanner .cSlider01 .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin:34px 0; } .wrapDiv .conditionBanner .cSlider01 .subList li .link {width:100% !important; height:60px !important; position:absolute; left:0; bottom:0; background-color:#060910; opacity:0.60; filter:alpha(opacity=60); width:100%; height:100%; border-top:1px solid #5a5e6a; } .wrapDiv .conditionBanner .cSlider01 .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } .wrapDiv .conditionBanner .cSlider01 .subList li .link li {width:100%; display:block; float:left; color:#fff; font-size:16px; line-height:60px; text-align:center; margin:0; /* background:url("../img/bg_delimeter_11.png") no-repeat calc(100% - (100% - 190px)/2), center; 20231103 화살표 삭제*/} .wrapDiv .conditionBanner .cSlider01 .subList li .link li a {color:#fff; } .wrapDiv .conditionBanner .bx-wrapper {position:static; } .wrapDiv .conditionBanner .bx-viewport {position:static; /*height:auto !important; 2016-12-20 */} .wrapDiv .conditionBanner .bx-has-controls-direction {display:hidden; } .wrapDiv .conditionBanner .bx-has-controls-direction .bx-prev {left:0; top:191px; background:#fff url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; } /* 20231103 버튼 컬러 추가 */ .wrapDiv .conditionBanner .bx-has-controls-direction .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .wrapDiv .conditionBanner .bx-has-controls-direction .bx-next {right:0; top:191px; background:#fff url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; } /* 20231103 버튼 컬러 추가 */ .wrapDiv .conditionBanner .bx-has-controls-direction .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} .wrapDiv .leaderBoardWrap {} .wrapDiv .leaderBoardWrap h3 {font-size:32px; line-height:46px; letter-spacing:-1px; color:#333333; text-align:center; padding-top:110px; } .wrapDiv .leaderBoardWrap .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:34px auto 80px; } .wrapDiv .leaderBoardWrap .sub1 {max-width:1200px; overflow-x:auto; margin:0 auto; } .wrapDiv .leaderBoardWrap table {margin:0; width:1200px; } .wrapDiv .leaderBoardWrap table tr th {height:68px; background:#000; color:#fff; font-size:18px; text-align:center; } .wrapDiv .leaderBoardWrap table tr td {font-size:16px; line-height:23px; border-bottom:1px solid #e7e7e7; padding:23px 0; text-align:center; } .wrapDiv .leaderBoardWrap table tr:nth-child(2n+1) td {background:#f9f9f9; } .wrapDiv .leaderBoardWrap .moreBtn a {display:block; width:236px; height:63px; background:#d31526; line-height:63px; color:#fff; font-size:22px; margin:60px auto 120px; text-align:center; } .dim-open .gnb.fix {z-index:100;} .dim-open:before{content:'';position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:999999999;} .blind {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);} .wrapDiv .ly-open{background-color:inherit;border:none;text-decoration:underline;color:#006ac3;font-family: noto;font-size:15px;cursor:pointer;} .wrapDiv .open-popup{overflow:hidden;position:fixed;top:30%;left:50%;display:none;margin-top:0;background-color:#fff;transform:translateX(-50%);z-index:999999999;} .wrapDiv .open-popup{transition:bottom .4s ease-in-out;} .wrapDiv .open-popup.on{display:block;} .wrapDiv .open-popup .pop-inner {width:100%;overflow-y: scroll;max-height:calc(100vh - 140px);} .wrapDiv .open-popup img {width:100%;} .wrapDiv .open-popup .pop-close{position:absolute;top:34px;right:30px;width:32px;height:32px;} .wrapDiv .open-popup .pop-close:before, .wrapDiv .open-popup .pop-close:after{content:' ';position:absolute;left:13px;width:2px;height:30px;background-color:#000;} .wrapDiv .open-popup .pop-close:before{transform:rotate(45deg);} .wrapDiv .open-popup .pop-close:after{transform:rotate(-45deg);} .wrapDiv .open-popup.layerpop-pc{width:1200px;max-height:calc(100vh - 200px);top:110px;border-bottom:2px solid #000;} .wrapDiv .open-popup.layerpop-pc .pop-inner {max-height:calc(100vh - 210px);padding:0 10px;} .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:#0a0a0d; opacity:0.70; filter:alpha(opacity=70); z-index:999999999999; display:none; } .dim.on {display:block; } .layerWrap {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999999999; display:none; } .layerWrap.on {display:block; } .layerWrap .layerDiv {position:absolute; top:50%; left:50%; width:400px; height:620px; margin:-310px 0 0 -236px; background:#fff; padding:0 35px; } .layerWrap .layerDiv h2 {font-size:34px; line-height:70px; color:#000000; text-align:center; margin-top:36px; } .layerWrap .layerDiv .footerLogo{margin-top:40px;text-align:center;} /* 2018-09-04 수정 */ .layerWrap .layerDiv .footerLogo img{margin:0 auto;display:block;} /* 2018-09-04 수정 */ .layerWrap .layerDiv .loginForm .loginText{margin-top:10px;color:#c20819;} /* 2018-09-04 수정 */ .layerWrap .layerDiv .loginForm {margin:40px 0 0 0; width:100%; } .layerWrap .layerDiv .loginForm dl {border-bottom:1px solid #000000; overflow:hidden; } .layerWrap .layerDiv .loginForm dl dt {float:left; width:80px; font-size:18px; line-height:42px; letter-spacing:-1px; color:#000; font-weight:bold; padding-bottom:8px; } .layerWrap .layerDiv .loginForm dl dd {margin-left:80px; width:100%; } .layerWrap .layerDiv .loginForm dl dd .inputTxt {border:0; width:100%; height:45px; width:250px; } .layerWrap .layerDiv .loginForm .checks label {font-size:18px; letter-spacing:-1px; color:#666666; text-align:right; } .layerWrap .layerDiv .loginForm .btnArea a {width:100%; height:63px; line-height:63px; color:#fff; font-size:22px; font-weight:bold; margin-bottom:10px; text-align:center; } .layerWrap .layerDiv .loginForm .btnArea a.ok {background:#000; display:block; } .layerWrap .layerDiv .loginForm .btnArea a.cancel {background:#929399; display:block; } .layerWrap .layerDiv a.layerClose {position:absolute; width:64px; height:64px; top:0; right:-64px; display:block; background:#141313 url("../img/btn_layerClose.png") no-repeat 50% 50%; text-indent:-9999px; } /* 2017-03-07 수정 : -9999999px 갤7 줄 생김 */ .mt10 {margin-top:10px; } .mt50 {margin-top:50px;} .mb20 {margin-bottom:20px; } .checks {position: relative;} .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 36px; /* 체크박스의 너비를 지정 */ height: 36px; /* 체크박스의 높이를 지정 */ line-height: 36px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 18px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #d9d9d9; border-radius : 0; } .checks.type2 {text-align:right; margin:20px 0 60px; } .checks.type2 input[type="checkbox"] + label:before { width:22px; height:22px; margin: -2px 10px 0 0; } .checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { } .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ background:#fff url('../img/bg_checkbox_on.gif') no-repeat 50% 50%; } /*2023-09-15 추가*/ .wrapDiv .entrantList h4{ text-align: center; font-size: 28px; margin-bottom: 32px; } .wrapDiv .player-list{ border-left:1px solid #eee; border-bottom:2px solid #000; display: flex; flex-wrap: wrap; margin-bottom: 80px; } .wrapDiv .player-list li{ flex:0 1 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap:2px; padding:12px 16px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; height: 72px; } .wrapDiv .player-list li.champion{ padding:16px; background-color: #fafafa; height: 88px; border-color:#ddd; } .wrapDiv .player-list li.champion .year{ font-size: 16px; line-height: 20px; font-weight: normal; color: #666; } .wrapDiv .player-list li.normal{ padding: 16px; background-color: #fff; height: 88px; border-color: #ddd; } .wrapDiv .player-list li .name{ font-size: 18px; line-height: 28px; font-weight: bold; } .wrapDiv .player-list li .nickname{ font-size: 16px; line-height: 25px; font-weight: normal; color: #666; } /* 20160910 추가 */ /* 아이패드 */ @media all and (max-width:769px) { .wrapDiv .entrantList h4 { font-size: 16px; line-height: 23px; padding-top: 26px; } .wrapDiv .entrantList .decoLine{ height:4px; width:90%; margin:0 auto; } .wrapDiv .player-list{ width: 90%; margin:0 auto; } .wrapDiv .player-list li{ flex:0 1 50%; height: 64px; } .wrapDiv .player-list li .name{ font-size: 13px; line-height: 21px; } .wrapDiv .player-list li .nickname{ font-size: 11px; line-height: 17px; } } /* 스마트폰 */ @media all and (max-width:749px) { /* 2017-09-14 추가 */ .wrapDiv .applicationWrap .applicationDiv .info.on {display:block; margin-top:-40px; position:absolute; top:125px; left:0; width:90%;height:500px;margin-left:5%;background:url("../img/bg_application_info_170914_m.jpg") no-repeat center top; background-size:100% auto; } /* 2017-09-20 수정 : top:50% */ .wrapDiv .applicationWrap .applicationDiv .info.on p.title{position:relative;margin-top:170px;font-size:25px;line-height:35px;font-weight:bold;} .wrapDiv .applicationWrap .applicationDiv .info.on p.title span{display:block;} /* 2017-09-20 추가 */ .wrapDiv .applicationWrap .applicationDiv .info.on p.title strong{color:#e60000;} /* 2017-09-20 수정 */ .wrapDiv .applicationWrap .applicationDiv .info.on p.txt1{position:relative;padding:10px 0 20px 0;color:#888888;font-size:14px;} .wrapDiv .applicationWrap .applicationDiv .info.on p.txt1 span{display:block;} /* 2017-09-20 추가 */ .wrapDiv .applicationWrap .applicationDiv .info.on div.txt2{position:relative;padding:20px 0 0 0;font-size:14px;color:#fff;line-height:30px;text-align:center;} .wrapDiv .applicationWrap .applicationDiv .info.on div.txt2 .line2 {position:absolute; width:42px; height:1px; top:0; left:50%; margin-left:-13px; background-color:#fff; } .video-container{display:none;} /* 2017-09-08 추가 */ .video-container iframe {display:none;} /* 2017-09-08 추가 */ .wrapDiv .mainSlider .bannerTxt.forW{display:none;}/* 2017-09-09 웹일 경우 버튼 노출 */ .wrapDiv .mainSlider .bannerTxt.forM{display:block;}/* 2017-09-09 모바일 경우 버튼 노출 */ body { -webkit-text-size-adjust: none; } .wrapDiv .header .logo {top:17px; margin-left:-65px; } .wrapDiv .header .logo img {width:130px; } .wrapDiv .header .topMenu {display:none; } .wrapDiv .header .gnb {width:100%; height:60px; line-height:60px; background:none; overflow:hidden; } .wrapDiv .header .gnb.main {top:auto; bottom:0; } /*.wrapDiv .header .gnb.main.fix {background:#fff; color:#000; } .wrapDiv .header .gnb.main.fix .menuBg {display:none; } .wrapDiv .header .gnb.main.fix .desc a {color:#000; }*/ .wrapDiv .header .gnb .menu {z-index:99999999; position:relative; } .wrapDiv .header .gnb .menu a {width:60px; height:60px; background-size:20px 17px; z-index:99999999; } .wrapDiv .header .gnb .desc {font-size:16px; color:#fff; z-index:99999999; margin:0; position:relative; height:60px; width:auto; line-height:60px; padding-top:0; text-align:center; } .wrapDiv .header .gnb .desc.mobile {display:block; width:calc(100% - 60px); } .wrapDiv .header .gnb .desc.pc {display:none; } .wrapDiv .header .gnb .desc a {font-size:15px; color:#fff; z-index:99999999; text-align:center; display:block; } .wrapDiv .header .gnb .menuBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#0a0a0b; opacity:0.52; filter:alpha(opacity=52); z-index:0; } .wrapDiv .header .paging {top:auto; bottom:13%; width:100%; right:0; height:auto; } .wrapDiv .header .paging a {display:inline-block; background-size:5px 5px; margin-bottom:0; } .wrapDiv .header .paging a.on {display:inline-block; background:url("../img/bg_paging_m_on.png") no-repeat 50% 2px; background-size:30px 1px; width:30px; height:3px; } .wrapDiv .header .paging .page {display:none; } .wrapDiv .mainSlider { } /* .wrapDiv .mainSlider .bannerTxt {top:22%; } */ .wrapDiv .mainSlider .bannerTxt {top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 20231123 메인 비주얼 텍스트 위치 중앙으로 수정 */ .wrapDiv .mainSlider .bannerTxt.bannerMov {position:absolute; top:35%; width:80%; left:10%; color:#fff; text-align:center; float:none !important; z-index:999; } /* 2017-09-08 추가 : 영상배경 일때 버튼 위치 변경 */ /* .wrapDiv .mainSlider .bannerTxt p.tit {font-size:28px; line-height:40px; margin-bottom:15px; letter-spacing:0; } .wrapDiv .mainSlider .bannerTxt p.desc {font-size:13px; line-height:25px; margin-bottom:15px; } .wrapDiv .mainSlider .bannerTxt span.date {font-size:11px; }*/ .wrapDiv .mainSlider .bannerTxt p.tit {font-size:20px !important; line-height:30px; margin-bottom:15px; letter-spacing:0;} .wrapDiv .mainSlider .bannerTxt p.desc {font-size:12px !important; line-height:20px; margin-bottom:15px;} .wrapDiv .mainSlider .bannerTxt span.date {font-size:11px !important; display:inline-block;} .wrapDiv .header .scroll {width:42px; height:42px; margin-left:-21px; bottom:20%; } .wrapDiv .header .scroll.scrollMov {width:42px; height:42px; margin-left:-21px; bottom:10%; } /* 2017-09-08 수정 : */ .wrapDiv .header .scroll img {width:42px; } .wrapDiv .titleDiv {font-size:9px; line-height:16px; height:72px; padding-top:21px; background-size:84px 23px; } .wrapDiv .mainBanner01 {height:719px; } .wrapDiv .mainBanner01.subMenuHid {height:513px !important; margin-bottom:0; } .wrapDiv .mainBanner01 .tileLayer {height:428px; margin-bottom:85px; top:0; left:0; width:100%; } .wrapDiv .mainBanner01 .tileLayer img {height:428px; width:auto; } .wrapDiv .mainBanner01 ul.subMenu {margin-top:513px; } .wrapDiv .mainBanner01 ul.subMenu li {width:100%; } .wrapDiv .mainBanner01 ul.subMenu li:nth-child(2) {display:none; } .wrapDiv .mainBanner01 ul.subMenu li h2 {font-size:16px; line-height:22px; margin:36px 0 7px; } .wrapDiv .mainBanner01 ul.subMenu li p.desc {font-size:13px; line-height:21px; margin:0 10px 19px; } .wrapDiv .mainBanner01 ul.subMenu li a.go {font-size:9px; background-size:33px auto; padding-bottom:7px; } .wrapDiv .mainBanner01 .slider01Layer {width:300px; left:0; margin:0 auto; height:382px; top:102px; text-align:center; } .wrapDiv .mainBanner01 .slider01Layer .tit1 {font-size:11px; line-height:20px; top:58px; } .wrapDiv .mainBanner01 .slider01Layer .tit2 {font-size:24px; line-height:34px; top:122px; } .wrapDiv .mainBanner01 .slider01Layer .tit3 {font-size:13px; line-height:21px; top:227px; } .wrapDiv .mainBanner01 .slider01Layer .btnArea {height:54px; line-height:54px; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li {height:54px; line-height:54px; border-top:0; } .wrapDiv .mainBanner01 .slider01Layer .btnArea li a {font-size:13px; line-height:54px; } .wrapDiv .mainBanner01 .slider01Layer .line {width:21px; margin-left:-10px; top:205px; } .wrapDiv .mainBanner02 {height:auto; padding-bottom:40px; background:none;} .wrapDiv .mainBanner02 .slider02Wrap {height:auto; } .wrapDiv .mainBanner02 h3 {font-size:16px; line-height:23px; padding-top:58px; } .wrapDiv .mainBanner02 .subLine {margin:15px auto 40px; width:15px; } .wrapDiv .mainBanner02 .slider02 > li {width:188px !important; } .wrapDiv .mainBanner02 .slider02 .subList li .link {bottom:56px; height:34px !important; } .wrapDiv .mainBanner02 .slider02 .subList li .link li:last-child a {background-size:6px 6px;} .wrapDiv .mainBanner02 .bx-wrapper {max-width:100% !important; } .wrapDiv .mainBanner03 {height:187px; } .wrapDiv .mainBanner03 h3 {font-size:16px; line-height:23px; padding:40px 0 12px; } .wrapDiv .mainBanner03 p.desc {font-size:13px; line-height:21px; margin-bottom:25px; } .wrapDiv .mainBanner03 a.go {font-size:9px; background-size:33px auto; padding-bottom:7px; } .wrapDiv .mainBanner04 .mainBanner04_01 {float:none; width:100%; height:320px !important; } .wrapDiv .mainBanner04 .mainBanner04_01 a.go {font-size:9px; background-size:33px auto; padding-bottom:7px; } .wrapDiv .mainBanner04 .mainBanner04_01 h3 {font-size:16px; line-height:23px; } .wrapDiv .mainBanner04 .mainBanner04_01 p.desc {font-size:13px; line-height:21px; padding:14px 0 25px; } .wrapDiv .mainBanner04 .mainBanner04_02 {width:100%; } .wrapDiv .mainBanner05 {height:auto; } .wrapDiv .mainBanner05 h3 {font-size:16px; line-height:23px; padding-top:55px; } .wrapDiv .mainBanner05 .subLine {width:15px; margin:15px auto 40px; } .wrapDiv .mainBanner05 .slider05Wrap {height:auto; background:none; border-bottom:0; } .wrapDiv .mainBanner05 .slider05 .subList li {float:none; width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; background:#f9f9f9; } .wrapDiv .mainBanner05 .slider05 .subList li img {width:50%; float:left; } .wrapDiv .mainBanner05 .slider05 .subList li a {float:left; width:50%; } .wrapDiv .mainBanner05 .slider05 .subList li p.tit {font-size:12px; line-height:17px; margin:25px 20px 25px; height:34px; } .wrapDiv .mainBanner05 .slider05 .subList li p.desc {display:none; font-size:11px; line-height:16px; margin:0 20px; height:32px; overflow:hidden; } .wrapDiv .mainBanner05 .slider05 .subList li .movieBg.on {width:41px; height:41px; left:25%; top:50%; margin-top:-20px; background-size:41px 41px; } .wrapDiv .mainBanner05 .bx-has-controls-direction .bx-controls-direction {display:none; } .wrapDiv .mainBanner05 .bx-wrapper .bx-pager, .wrapDiv .mainBanner06 .bx-wrapper .bx-pager {bottom:30px; } .wrapDiv .mainBanner06 {height:auto; margin-bottom:30px; } .wrapDiv .mainBanner06 h3 {font-size:16px; line-height:23px; padding-top:35px; } .wrapDiv .mainBanner06 .subLine {width:15px; margin:15px auto 40px; } .wrapDiv .mainBanner06 .slider06Wrap {height:auto; background:none; border-bottom:0; } .wrapDiv .mainBanner06 .slider06 .subList li {float:none; width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; background:#f9f9f9; } .wrapDiv .mainBanner06 .slider06 .subList li img {width:50%; float:left; } .wrapDiv .mainBanner06 .slider06 .subList li a {float:left; width:50%; } .wrapDiv .mainBanner06 .slider06 .subList li p.tit {font-size:12px; line-height:17px; margin:15px 20px 10px; height:34px; } /* 2016-10-28 수정 */ .wrapDiv .mainBanner06 .slider06 .subList li p.desc {display:none; font-size:11px; line-height:16px; margin:0 20px; height:32px; overflow:hidden; } /* 20161028 글 내용이 모바일사이즈에서 나오게 변경 */ .wrapDiv .mainBanner06 .slider06 .subList li p.desc {display:block; font-size:11px; line-height:16px; margin:0 20px; height:32px; overflow:hidden; } .wrapDiv .mainBanner06 .slider06 .subList li .movieBg.on {width:41px; height:41px; left:25%; top:50%; margin-top:-20px; background-size:41px 41px; } .wrapDiv .mainBanner06 .bx-has-controls-direction .bx-controls-direction {display:none; } .wrapDiv .mainBanner06 .bx-wrapper .bx-pager, .wrapDiv .mainBanner06 .bx-wrapper .bx-pager {bottom:30px; } .wrapDiv .mainBanner07 ul.subMenu {height:auto; } .wrapDiv .mainBanner07 ul.subMenu li h2 {font-size:16px; line-height:22px; padding-top:68px; margin:0; } .wrapDiv .mainBanner07 ul.subMenu li .bg {background-size:18px 9px; margin-left:-9px;} .wrapDiv .mainBanner07 ul.subMenu li:last-child {display:none; } .wrapDiv .mainBanner07 ul.subMenu li {float:none; width:100%; } .wrapDiv .mainBanner07 ul.subMenu li:first-child {height:175px; background-size:100% 175px; } .wrapDiv .mainBanner07 .paging {width:125px; height:43px; line-height:43px; left:auto; margin-left:0; right:10px; bottom:-22px; } .wrapDiv .mainBanner07 .paging li.page {font-size:10px; line-height:43px; } .wrapDiv .mainBanner07 .bx-wrapper {max-width:100% !important; } .wrapDiv .mainBanner07 .slider07 li div div.tit span {font-size:12px; line-height:18px; padding-bottom:8px; } .wrapDiv .mainBanner07 .slider07 li div .movieBg.on {background-size:41px 41px; width:41px !important; height:41px; margin-left:-20px; } .wrapDiv .mainBanner08 {background:none; margin-bottom:0; height:auto; padding-bottom:22px; } .wrapDiv .mainBanner08 .list {padding-top:80px; } .wrapDiv .mainBanner08 .list li {float:none; padding:0; width:100%; margin:0 0 10px 0 !important; } .wrapDiv .mainBanner08 .list li img {padding:0 10px; } .wrapDiv .mainBanner08 .list li:nth-child(1) p.t1 {font-size:24px; } /*.wrapDiv .mainBanner08 .list li:nth-child(4) {background-size:9px 7px; margin:0 10px 10px 10px !important; width:auto; }*/ .wrapDiv .mainBanner08 .moreBtn a {font-size:14px; line-height:37px; height:37px; width:138px; margin:20px auto 30px; } .wrapDiv .mainBanner08 .list li p.t3 {font-size:24px; line-height:35px; } .wrapDiv .mainBanner08 .list li p.t2 {font-size:18px; } /* 텍스트 크기 수정 20231123 */ .wrapDiv .subBanner {height:225px; background:url("../img/bg_sub_contents_m.jpg") no-repeat center center; background-size:100% 100%; } .wrapDiv .subBanner.style2 {background:url("../img/bg_sub_contents_style2_m.jpg") no-repeat center center; background-size:100% 100%; } .wrapDiv .subBanner p.tit {font-size:20px; line-height:32px; padding-top:111px; } .wrapDiv .subBanner.style4{height:260px;background:url('../img/bg_sub_contents_m.jpg');background-size:100% 100%;} .wrapDiv .subBanner.style4 .subBannerWrap{top: calc(50% + 30px);} .wrapDiv .subBanner.style4 p.tit{padding:0 10px 10px;font-size:20px;line-height:30px;letter-spacing:-.6px;} .wrapDiv .subBanner.style4 .desc{padding:0 0 10px;font-size:12px;line-height:20px;} .wrapDiv .subBanner .next {display:block; background-size:17px 33px; margin-top:0; top:126px; right:20px; } .wrapDiv .subBanner .next.hover {background:url("../img/bg_subSlider_next.png") no-repeat 100% 0; background-size:17px 33px; margin-top:0; top:126px; right:20px; } .wrapDiv .subBanner .prev {display:block; background-size:17px 33px; margin-top:0; top:126px; left:20px; } .wrapDiv .subBanner .prev.hover {background:url("../img/bg_subSlider_prev.png") no-repeat 100% 0; background-size:17px 33px; margin-top:0; top:126px; right:20px; } .wrapDiv .subBanner .prev a {display:block; z-index:9999; width:100%; height:100%; } .wrapDiv .subBanner .next a {display:block; z-index:9999; width:100%; height:100%; } .wrapDiv .contents .detailDiv p.date {font-size:10px; line-height:57px; } .wrapDiv .contents .detailDiv .detail {padding:0 10px; border-bottom:1px solid #d9d9d9; margin-bottom:40px; } .wrapDiv .contents .detailDiv .detail p.tit {font-size:13px; line-height:32px; padding:20px; } .wrapDiv .contents .detailDiv .detail p.desc {font-size:13px; line-height:30px; padding:0 10px 32px; } .wrapDiv .contents .detailDiv .photo_detail p.desc{padding-bottom: 10px;} .wrapDiv .mainBanner02 .bx-has-controls-direction {display:none; } .wrapDiv .mainBanner02 .slider02 .subList li .link li {font-size:8px; height:34px; line-height:34px; } .wrapDiv .mainBanner02 .slider02 .subList li p.name {font-size:10px; line-height:16px; margin:20px 0; } .wrapDiv .detailQuickArea .share {width:47px; height:47px; background-size:14px 20px; } .wrapDiv .detailQuickArea .back {width:47px; height:47px; background-size:10px 20px; } .wrapDiv .resultDiv .profileDiv .imgArea img {width:160px; height:160px; } .topLayer {width:100%; height:70px; } .menuLayer {position:absolute; width:100%; height:62px; line-height:62px; left:0; bottom:0; background:#2a2c31; z-index:99999; } .menuLayer li {float:left; width:33.3%; font-size:14px; color:#9e9e9e; text-align:center; } .menuLayer li a {color:#9e9e9e; display:block; } .menuLayer li.on a {color:#fff; } .layerWrap .layerDiv {top:0; left:0; width:100%; height:100%; padding:0; margin:0; } .layerWrap .layerDiv h2 {font-size:24px; } .layerWrap .layerDiv .footerLogo{margin-top:0;} .layerWrap .layerDiv h2{margin-top:20px;} .layerWrap .layerDiv .loginForm {width:287px; margin:0 auto; position:absolute; height:435px; top:50%; left:50%; margin-left:-143px; margin-top:-250px; } .layerWrap .layerDiv .loginForm dl {margin:25px 0; } .layerWrap .layerDiv .loginForm dl dt {font-size:13px; line-height:21px; width:70px; } .layerWrap .layerDiv .loginForm dl dd {margin-left:70px; } .layerWrap .layerDiv .loginForm dl dd .inputTxt {height:27px; width:237px; } .layerWrap .layerDiv .loginForm .checks label {font-size:13px; } .layerWrap .layerDiv .loginForm .btnArea a {font-size:15px; height:47px; line-height:47px; } .layerWrap .layerDiv a.layerClose {background-size:18px 18px; width:70px; height:70px; top:0; right:0; } .wrapDiv .gnbView {margin:-70px 30px 62px; width:auto; } .wrapDiv .gnbView .bx-viewport {max-height:480px !important;} .wrapDiv .gnbView .gnbSlider li.on a {font-size:21px; } .wrapDiv .gnbView .gnbSlider li a {line-height:23px; margin-top:50px; } .wrapDiv .gnbView .gnbSlider li a span {font-size:20px; } .wrapDiv .gnbView .gnbBg {height:160px; background-size:100% 160px; top:160px; } .wrapDiv .subMenuWrap .btnClose {right:0; top:0; margin-top:0; left:auto; width:70px; height:70px; background:url("../img/btn_menu_close2.png") no-repeat 50% 50%; background-size:18px 18px; z-index:99999; } .wrapDiv .subMenuWrap .btnArea {display:none; } .wrapDiv .gnbView .gnbSlider li {width:100% !important; height:160px; padding:10px 0; margin-bottom:0 !important; } .wrapDiv .contents .commentArea {font-size:11px; line-height:32px; padding:0 10px; position:relative; } .wrapDiv .contents .commentArea .commentBtn {display:block; position:absolute; top:3px; right:10px; font-size:10px; line-height:27px; color:#000; border:1px solid #000; border-radius:15px; padding:0 18px; font-weight:bold; } .wrapDiv .contents table {margin:10px 0 30px; } /* .wrapDiv .contents table colgroup{display:block;} 20231103 테이블 깨지는 이슈로 삭제 */ .wrapDiv .contents table td {background-color:#f9f9f9 !important; font-size:10px; line-height:35px; padding:0 15px; } .wrapDiv .contents table td.id {width:50%; padding-left:15px; } .wrapDiv .contents table td.tit {display:none; } .wrapDiv .contents table td.date {width:50%; text-align:right; padding:0 15px 0 0; } .wrapDiv .contents table tr.login td.id {display:none; } .wrapDiv .contents table tr.login td.tit {display:none; } .wrapDiv .contents table tr.login td.date {display:none; } .wrapDiv .contents table tr.input td.id {display:none; } .wrapDiv .contents table tr.input td.tit {display:none; } .wrapDiv .contents table tr.input td.date {display:none; } .wrapDiv .contents table tr.input td span.id {font-size:10px; color:#555555; font-weight:bold; text-align:left; display:block; line-height:10px; margin-bottom:9px; } .wrapDiv .contents table tr td.mobile.tit2 {width:100%; background:none !important; font-size:12px; line-height:21px; padding:15px 0 15px 15px; position:relative; font-weight:normal; text-align:left; } .wrapDiv .contents table tr.ready td {} .wrapDiv .contents table tr.ready td.mobile.tit {color:#b2b2b2; } .wrapDiv .contents table tr.input td {text-align:center; font-size:10px; color:#b2b2b2; padding-bottom:9px; } .wrapDiv .contents table tr.input td .input {height:50px; } .wrapDiv .contents a.commentInputBtn {width:106px; height:37px; background:#000000 url("../img/bg_delimeter_06_m.png") no-repeat 76px center; background-size:14px 14px; padding-right:14px; font-size:13px; font-weight:bold; color:#fff; border-radius:20px; text-align:center; display:block; line-height:37px; display:block; margin:0 auto 30px; } .wrapDiv .snsArea {height:auto; padding-bottom:30px; overflow:hidden; } .wrapDiv .snsArea h3 {font-size:18px; padding:50px 0 15px; } .wrapDiv .snsArea .subLine {width:15px; } .wrapDiv .snsArea a {margin:0 4px; padding-top:25px; } .wrapDiv .snsArea a>img {width:35px !important; } .wrapDiv .footer {height:auto; padding-bottom:25px; } .wrapDiv .footer .footerMenu {padding:15px 10px; width:auto; height:auto; line-height:11px; display:block; text-align:center; } .wrapDiv .footer .footerMenu li {float:none; padding:10px 18px; display:inline-block; } /*.wrapDiv .footer .footerMenu li:nth-child(3n) {background:none; }*/ .wrapDiv .footer .footerMenu li a {font-size:11px; display:inline-block; } .wrapDiv .footer .logoArea {margin:20px 10px 25px; } .wrapDiv .footer .logoArea a {margin:0 2%; width:20%; } .wrapDiv .footer .logoArea a img {width:100%; } .wrapDiv .footer .copyright {font-size:9px; line-height:18px; } .wrapDiv .footer .info {font-size:9px; line-height:18px; } .wrapDiv .competitionTab {margin:25px 10px; } .wrapDiv .competitionTab li {font-size:12px; height:35px; line-height:35px; } .wrapDiv .applicationWrap .competitionTitle h3 {font-size:11px; line-height:20px; padding:56px 0 24px; } .wrapDiv .applicationWrap .competitionTitle h2 {font-size:24px; line-height:34px; } .wrapDiv .applicationWrap .competitionTitle p.desc {font-size:13px; line-height:21px; margin-bottom:56px; } .wrapDiv .applicationWrap .competitionTitle .subLine {margin:20px auto 17px; } .wrapDiv .applicationWrap .info {margin-bottom:30px; } .wrapDiv .applicationWrap .info li {background-size:auto 15px; font-size:8px; line-height:11px; padding:0 10px; margin:30px 0 30px; } .wrapDiv .applicationWrap .info li .subLine {width:15px; margin:24px auto 16px; } .wrapDiv .applicationWrap .infoTable {padding:0 10px; margin-bottom:10px; } .wrapDiv .applicationWrap .infoTable td.th {font-size:13px; padding:21px 0 7px 34px; line-height:19px; background-size:auto 13px; background-position:0 25px;} .wrapDiv .applicationWrap .infoTable td {background-color:#fff !important; font-size:13px; border-bottom:0; width:100%; display:block; line-height:20px; } .wrapDiv .applicationWrap .infoTable td:nth-child(2), .wrapDiv .applicationWrap .infoTable td:nth-child(3) {display:none; } .wrapDiv .applicationWrap .infoTable tr.mobile td {border-bottom:1px solid #e7e7e7; padding:0 0 25px 34px; } .wrapDiv .applicationWrap .infoTable td a.btn {margin-left:4px; margin-top:13px; } .wrapDiv .applicationWrap .infoTable td ul li {line-height:21px; } .wrapDiv .applicationWrap .attentionTable {height:auto; padding-bottom:9px; margin-bottom:30px; } .wrapDiv .applicationWrap .attentionTable td:nth-child(2), .wrapDiv .applicationWrap .attentionTable td:nth-child(3) {display:none; } .wrapDiv .applicationWrap .attentionTable td.th {font-size:11px; line-height:21px; background-size:auto 17px; background-position:15px 17px; text-align:left; padding-top:15px; padding-left:40px; height:21px; padding-bottom:8px; } .wrapDiv .applicationWrap .attentionTable td ul li {font-size:11px; line-height:23px; } .wrapDiv .applicationWrap a.registerBtn {margin-bottom:30px; font-size:13px; height:37px; line-height:37px; width:138px; } .wrapDiv .applicationWrap .bannerDiv {margin: 0 10px 30px; width:auto; background-size:auto 150px; height:152px; } .wrapDiv .applicationWrap .bannerDiv h3 {font-size:13px; line-height:21px; padding-top:40px; } .wrapDiv .applicationWrap .bannerDiv a.go {font-size:9px; background-size:33px auto; padding-bottom:7px; } .wrapDiv .detailQuickArea .snsWrap.on {width:47px; } .wrapDiv .detailQuickArea .snsWrap.on ul li {width:47px; height:47px; background-size:15px auto; } .wrapDiv .resultDiv {padding-top:25px; } .wrapDiv .resultDiv.profile{padding-top:60px;} .wrapDiv .resultDiv .profileDiv h2 {font-size:16px; line-height:32px; padding-top:17px; } .wrapDiv .resultDiv .profileDiv p.date {font-size:10px; line-height:14px; } .wrapDiv .resultDiv .profileDiv .imgArea {margin:17px auto 25px; width:166px; height:166px; border:3px solid #d31526; } .wrapDiv .resultDiv .profileDiv .imgArea .btn {font-size:11px; height:34px; line-height:34px; } .wrapDiv .resultDiv .qArea {background-size:auto 10px; margin-top:30px; padding-top:30px; } .wrapDiv .resultDiv .qArea .q {font-size:13px; line-height:23px; margin-bottom:0; } .wrapDiv .resultDiv .qArea p {min-height:29px; } .wrapDiv .resultDiv .qArea p .a {font-size:25px; padding-bottom:3px; line-height:1.4;} .wrapDiv .resultDiv .qArea p .a.style2 {font-size:23px; } .wrapDiv .resultDiv .qArea .a3Div {margin-top:15px; /*background-size:auto 201px;*/ background-size:cover; } .wrapDiv .resultDiv .qArea .a3Div p {font-size:13px; line-height:23px; padding:65px 40px 45px; background-size:12px auto; background-position:center 35px; } .wrapDiv .resultDiv .qArea.last {padding-bottom:0; } .wrapDiv .contents.bt1 {border-top:0; } .wrapDiv .resultDiv h3 {font-size:16px; line-height:23px; } .wrapDiv .resultDiv .subLine {width:15px; margin-top:11px; margin-bottom:40px; } .wrapDiv .resultDiv .imgArea {margin:0 10px; } .wrapDiv .resultDiv .imgArea img {margin-bottom:10px; } .wrapDiv .resultDiv .btnArea a {margin:20px auto 30px; font-size:13px; height:37px; line-height:37px; width:138px; } .wrapDiv .applicationWrap .applicationDiv .info p {font-size:16px; line-height:30px; width:80%; margin:0 auto; } .wrapDiv .applicationWrap .applicationDiv .info a.btn {width:150px; height:35px; line-height:35px; margin:25px auto 0; font-size:13px; background:#d31526 url("../img/bg_delimeter_11.png") no-repeat 135px center; background-size:2px 4px; } .wrapDiv .applicationWrap .applicationForm {margin:0 10px; width:auto; } .wrapDiv .applicationWrap .applicationForm td.th {display:none; } .wrapDiv .applicationWrap .applicationForm > tbody > tr > td:nth-child(2) {display:none; } .wrapDiv .applicationWrap .applicationForm td {width:100%; background:#fff !important; padding:20px 0 16px; } .wrapDiv .applicationWrap .applicationForm td h3 {font-size:13px; line-height:24px; color:#333333; font-weight:bold; background:url("../img/bg_delimeter_07.png") no-repeat 0 center; background-size:24px 24px; padding-left:34px; margin-bottom:8px; } .wrapDiv .applicationWrap .applicationForm td .attachTxt {height:34px; font-size:11px; margin-left:34px; width:75%; } .wrapDiv .applicationWrap .applicationForm td .fileDiv {height:34px; background-size:auto 41px; padding-left:34px; background-position:center center; } .wrapDiv .applicationWrap .applicationForm td .file {height:34px; } .wrapDiv .applicationWrap .applicationForm td .desc {font-size:11px; line-height:19px; margin-top:6px; } .wrapDiv .applicationWrap .applicationForm td .inputTxt {height:34px; margin-left:34px; font-size:11px; } .wrapDiv .applicationWrap .applicationForm td .desc {margin-left:34px; } .wrapDiv .applicationWrap .applicationForm td label {font-size:13px; line-height:21px; margin-right:30px; } .wrapDiv .applicationWrap .applicationForm td .txtArea {height:122px; margin-left:34px; } .wrapDiv .applicationWrap .applicationForm td .txtCnt {margin-left:34px; font-size:10px; line-height:17px; padding-right:44px; height:22px; } .wrapDiv .applicationWrap .applicationForm td .selectBox {height:34px; background-size:9px 5px; margin-left:35px; } .wrapDiv .applicationWrap .applicationForm td .delimeter {background-size:7px 1px; width:7px; margin:0 13px; } .wrapDiv .applicationWrap .applicationForm td .inputTxt.w20p {margin-left:0; } .wrapDiv .applicationWrap .applicationForm td .inputTxt.w20p.ml35 {margin-left:35px; } .wrapDiv .applicationWrap .applicationForm td .inputTxt.type2 {height:34px; width:75%; } .wrapDiv .applicationWrap .applicationForm td a.zipcode {height:34px; line-height:34px; font-size:11px; } .wrapDiv .applicationWrap .applicationForm tr th {display:none; } .wrapDiv .applicationWrap .applicationForm tr.pc {display:none; } .wrapDiv .applicationWrap .applicationForm td table {text-align:left; border-top:0; background:#f9f9f9; } .wrapDiv .applicationWrap .applicationForm td table td {width:100%; display:block; height:auto; } .wrapDiv .applicationWrap .applicationForm td table td table {margin-left:34px; width:100%; } .wrapDiv .applicationWrap .applicationForm tr.mobile td tr td.th2 {width:100%; background:#000 !important; color:#fff; } .wrapDiv .applicationWrap .applicationForm tr.mobile td tr td.th2 span {margin-left:10px; } .wrapDiv .applicationWrap .applicationForm tr.mobile td tr td {width:50%; padding-left:15px; font-size:10px; line-height:30px; height:30px; background:#f9f9f9 !important; display:inline-block; } .wrapDiv .applicationWrap .applicationForm tr.mobile td tr td:nth-child(2) {margin-left:-30px; } .wrapDiv .applicationWrap .applicationForm td table td a.btn {font-size:10px; height:16px; line-height:16px; width:38px; } .wrapDiv .applicationWrap .applicationForm td a.addRegistBtn {width:85px; height:34px; font-size:11px; font-weight:bold; bottom:auto; top:15px; line-height:34px; } .wrapDiv .applicationWrap .agreeDiv {height:auto; margin-bottom:30px; } .wrapDiv .applicationWrap .agreeDiv .confirmBtn {margin-top:10px; padding-top:40px; margin-bottom:10px; } .wrapDiv .applicationWrap .agreeDiv .confirmBtn a {font-size:11px; width:220px; height:34px; line-height:34px; } .wrapDiv .applicationWrap .agreeDiv label {font-size:13px; padding-bottom:28px; } .wrapDiv .storyList h3 {font-size:16px; line-height:23px; padding-top:26px; } .wrapDiv .storyList .subLine {width:15px; margin-top:11px; margin-bottom:20px; } .wrapDiv .storyList .list {padding:0 10px; } .wrapDiv .storyList .list li {float:none; width:100%; margin-bottom:10px; } .wrapDiv .storyList .list li p.tit {font-size:16px; line-height:21px; margin-top:22px; margin-bottom:13px; } .wrapDiv .storyList .list li p.desc {font-size:13px; line-height:19px; margin-bottom:14px; } .wrapDiv .storyList .list li p.date {font-size:13px; line-height:14px; } .wrapDiv .storyList .moreBtn a {margin-top:20px; margin-bottom:30px; font-size:14px; width:138px; height:37px; line-height:37px; } .wrapDiv .entrantList h3 {font-size:20px; line-height:28px; padding-top:26px; } .wrapDiv .entrantList .subLine {width:15px; margin-top:11px; margin-bottom:20px; } .wrapDiv .entrantList .searchDiv {margin:0 10px 20px; } .wrapDiv .entrantList .searchDiv .inputDiv .inputTxt {font-size:13px; height:40px; line-height:40px; border-radius:0; padding-left:10px; } .wrapDiv .entrantList .searchDiv a.btn {font-size:13px; height:40px; line-height:40px; } .wrapDiv .entrantList .list {padding:0 10px; margin-bottom: 80px;} .wrapDiv .entrantList .list li {float:left; width:49%; margin-bottom:25px; } .wrapDiv .entrantList .list li:nth-child(2n) {margin-right:0; } .wrapDiv .entrantList .list li p.name {font-size:13px; line-height:21px; margin-top:10px; margin-bottom:2px; } .wrapDiv .entrantList .list li p.desc {font-size:11px; line-height:17px; margin-bottom:12px; height:34px; } .wrapDiv .entrantList .list li .btnArea a {font-size:10px; line-height:22px; } .wrapDiv .entrantList .paging {margin:20px 0 60px; } .wrapDiv .entrantList .paging a {width:37px; height:37px; line-height:37px; margin:0 1px; font-size:13px; } .wrapDiv .subBanner.introduce .bannerTxt {top:15%; } .wrapDiv .header.introduce .layer li img.mobile {display:block; } .wrapDiv .header.introduce .layer li img.pc {display:none; } .wrapDiv .subBanner .bannerTxt p.tit {font-size:28px; line-height:40px; } .wrapDiv .subBanner .bannerTxt p.desc {font-size:13px; line-height:25px; } .wrapDiv .subBanner .bannerTxt p.date {font-size:11px; line-height:35px; } .wrapDiv .header.introduce {padding-bottom:0; } .wrapDiv .header.introduce .layer {width:100%; padding:0 35px; float:none; margin-top:-135px; } .wrapDiv .header.introduce .layer ul {overflow:hidden; } .wrapDiv .header.introduce .layer li {width:100%; } .wrapDiv .header.introduce .layer li:first-child {margin-top:0; } .wrapDiv .header.introduce .layer li:last-child {background:#d31526; height:auto; margin-top:0; padding-left:10px; padding-right:10px; } .wrapDiv .header.introduce .layer li .tit1 {font-size:14px; line-height:24px; position:relative; padding-top:50px; margin-bottom:25px; } .wrapDiv .header.introduce .layer li .line {top:35%; } .wrapDiv .header.introduce .layer li .tit2 {font-size:13px; line-height:21px; margin-top:25px; padding-bottom:50px; } .wrapDiv .logoDiv {height:80px; } .wrapDiv .introduceDiv {background:none; } .wrapDiv .introduceDiv .info {padding-bottom:70px; } .wrapDiv .introduceDiv .info.type2 {padding:0 35px 70px; } .wrapDiv .introduceDiv .info.type2.pb50 {padding-bottom:50px; } .wrapDiv .introduceDiv .info01 {padding:0 35px; } .wrapDiv .introduceDiv .info01 li {float:none; width:100%; padding:35px 0; } .wrapDiv .introduceDiv .info01 li:first-child {border-right:1px solid #000; border-bottom:0; } .wrapDiv .introduceDiv .info01 li .t1 {font-size:14px; line-height:19px; margin-bottom:14px; } .wrapDiv .introduceDiv .info01 li .t2 {font-size:13px; line-height:21px; margin-bottom:17px; } .wrapDiv .introduceDiv .info01 li .t3 {font-size:13px; line-height:21px; margin-top:15px; } .wrapDiv .introduceDiv .info02 {padding:35px; width:100%; } .wrapDiv .introduceDiv .info02 .t1 {font-size:14px; line-height:19px; margin-bottom:13px; } .wrapDiv .introduceDiv .info02 .t2 {font-size:13px; line-height:21px; margin-bottom:16px; } .wrapDiv .introduceDiv .info02 .t3 {font-size:13px; line-height:21px; margin-top:15px; } .wrapDiv .introduceDiv .arrow01 {bottom:35px; } .wrapDiv .introduceDiv .info03 {width:100%; height:100%; } .wrapDiv .introduceDiv .info03 .t1 {font-size:15px; line-height:19px; padding:35% 0 13px; } .wrapDiv .introduceDiv .info03 .t2 {font-size:13px; line-height:21px; padding-bottom:40%; } .wrapDiv .introduceDiv .info04 li .t1 {font-size:13px; line-height:19px; padding:16px 0 13px; } .wrapDiv .introduceDiv .info04 li .t2 {font-size:15px; line-height:21px; padding-bottom:13px; } .wrapDiv .introduceDiv .info04 li .t3 {font-size:13px; line-height:21px; padding-bottom:26px; } .wrapDiv .introduceDiv .info.type3.pb0 {padding-bottom:0; } .wrapDiv .introduceDiv .info05 {margin-bottom:0; } .wrapDiv .introduceDiv .info05 p {font-size:13px; line-height:21px; background-size:9px 7px; padding:55px 10px 36px; background-position:center 30px; height:auto; } .wrapDiv .introduceDiv .info05 .movie {height:188px; } .wrapDiv .introduceDiv .info05 .movie span {font-size:13px; line-height:21px; } .wrapDiv .applicationWrap .info li a.btn {width:60px; height:20px; background-size:60px 20px; font-size:8px; line-height:20px; } .wrapDiv .storyList .totCnt {font-size:13px; margin-bottom:20px; } .wrapDiv .conditionBanner {height:auto; background:none;} .wrapDiv .conditionBanner .cSlider01Wrap {height:auto; } .wrapDiv .conditionBanner h3 {font-size:20px; line-height:28px; padding-top:58px; } .wrapDiv .conditionBanner .subLine {margin:15px auto 40px; width:15px; } .wrapDiv .conditionBanner .cSlider01 > li {width:188px !important; } .wrapDiv .conditionBanner .cSlider01 .subList li .link {bottom:0; height:34px !important; } .wrapDiv .conditionBanner .cSlider01 .subList li .link li {line-height:34px; color:#fff; font-size:11px; background:url("../img/bg_delimeter_11.png") no-repeat calc(100% - (100% - 125px)/2), center; background-size:2px 4px; } .wrapDiv .conditionBanner .bx-wrapper {max-width:100% !important; } .wrapDiv .conditionBanner .bx-has-controls-direction {display:none; } .wrapDiv .leaderBoardWrap {margin:0 10px; } .wrapDiv .leaderBoardWrap h3 {font-size:16px; line-height:23px; padding-top:58px; } .wrapDiv .leaderBoardWrap .subLine {margin:15px auto 40px; width:15px; } .wrapDiv .leaderBoardWrap .sub1 {max-width:600px; } .wrapDiv .leaderBoardWrap table {width:950px; margin:0; } .wrapDiv .leaderBoardWrap table tr th {font-size:11px; height:40px; } .wrapDiv .leaderBoardWrap table tr td {font-size:11px; line-height:18px; padding:11px 0; width: 4.2%; } .wrapDiv .leaderBoardWrap table tr td:first-child { width: 10.2%; } .wrapDiv .leaderBoardWrap table tr td:last-child { width: 10%; } .wrapDiv .leaderBoardWrap table tr:nth-child(2n) td {background:#fff !important; } .wrapDiv .leaderBoardWrap .moreBtn a {margin-top:20px; margin-bottom:30px; font-size:14px; width:138px; height:37px; line-height:37px; } .wrapDiv .conditionWrap .bannerDiv {background:url("../img/mBg_condition_banner.gif") no-repeat center center; margin:0 10px; height:150px; text-align:center; color:#fff; background-size:cover; } .wrapDiv .conditionWrap .bannerDiv.n02 {background:url("../img/mBg_condition_banner_02.jpg") no-repeat center center; background-size:cover; height:150px; margin-bottom:60px; } .wrapDiv .conditionWrap .bannerDiv h3.mobile {font-size:13px; line-height:21px; padding-top:30px; display:block; } .wrapDiv .conditionWrap .bannerDiv h3.pc {display:none; } .wrapDiv .conditionWrap .bannerDiv a.go {font-size:9px; background-size:33px auto; padding-bottom:7px; } .wrapDiv .conditionWrap .bannerDivTop {background:url("../img/mBg_condition_bannerTop.jpg") no-repeat center center; margin:0 10px; height:150px; text-align:center; color:#fff; background-size:cover; } .wrapDiv .conditionWrap .bannerDivBottom {background:url("../img/mBg_condition_banner_bottom.jpg") no-repeat center center; margin:0 10px; height:150px; text-align:center; color:#fff; background-size:cover; } .checks {margin-left:34px; } .checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ width:20px; height:20px; line-height:20px; margin-right:10px; } .mt10 {margin-top:5px; } /* 20231110 수정 */ .wrapDiv .contentsWrap .infoTable colgroup{display: none;} /* 모바일 대회 안내 테이블 수정 */ } /* 윈도우 */ @media all and (min-width:750px) { .wrapDiv .contents table tr td.mobile {display:none; } .wrapDiv .contents table tr td.mobile.tit2 {display:none; } .wrapDiv .contents table tr.login td.mobile {display:none; } .wrapDiv .contents a.commentInputBtn {display:none; } .wrapDiv .applicationWrap .infoTable tr.mobile td {display:none; } .wrapDiv .applicationWrap .attentionTable tr.mobile {display:none; } .wrapDiv .applicationWrap .applicationForm td h3 {display:none; } .wrapDiv .applicationWrap .applicationForm td table tr.mobile {display:none; } .wrapDiv .mainBanner05 .slider05Div .bx-wrapper .bx-pager {display:none; } .wrapDiv .mainBanner06 .slider06Div .bx-wrapper .bx-pager {display:none; } .topLayer {display:none; } .menuLayer {display:none; } .wrapDiv .mainBanner08 .frame1 {width:100%; max-width:1200px; margin:0 auto; height:100%; overflow:hidden; position:relative; } .wrapDiv .mainBanner08 .frame2 {width:105%; height:100%; overflow-y:scroll; position:absolute; top:0; left:0; } .wrapDiv .mainBanner08 .frame3 {display:block; width:100%; margin:0 auto; height:100%; position:absolute; } .wrapDiv .header.introduce .layer li img.mobile {display:none; } } @media all and (max-width:1160px) and (min-width:751px) { .wrapDiv .snsArea a img {width:80%; } .wrapDiv .snsArea a { margin:0; width: 10%; } } @media all and (max-width:1120px) and (min-width:751px) { .wrapDiv .mainBanner07 .paging {margin-left:100px;} .wrapDiv .mainBanner04 .mainBanner04_01 h3 {font-size:28px; padding-top:18%; } .wrapDiv .mainBanner04 .mainBanner04_01 p.desc {font-size:14px; padding-bottom:20px; } .wrapDiv .mainBanner04 .mainBanner04_01 a.go {font-size:14px; } .wrapDiv .mainBanner02 .slider02 .subList li .link li {font-size:14px; } } @media all and (max-width:1330px) and (min-width:751px) { .wrapDiv .mainBanner01 ul.subMenu li h2 {font-size:28px; } .wrapDiv .mainBanner01 ul.subMenu li p.desc {font-size:14px; } .wrapDiv .mainBanner01 ul.subMenu li a.go {font-size:14px; } } @media all and (max-width:1500px) and (min-width:751px) { .wrapDiv .mainBanner01 .slider01Layer {width:400px; height:507px; } .wrapDiv .mainBanner01 .slider01Layer .tit1 {font-size:12px; line-height:20px; top:15%; } .wrapDiv .mainBanner01 .slider01Layer .tit2 {font-size:30px; line-height:40px; top:28%; } .wrapDiv .mainBanner01 .slider01Layer .tit3 {font-size:14px; top:56%; line-height:20px; } .wrapDiv .mainBanner01 .slider01Layer .line {top:50%; } } @media all and (max-width:930px) and (min-width:751px) { .wrapDiv .mainBanner08 .list li:nth-child(1) p.t1 {font-size:22px; line-height:26px; } .wrapDiv .mainBanner08 .list li p.t2 {font-size:20px; } .wrapDiv .header.introduce .layer li .tit1 {font-size:23px; line-height:30px; } .wrapDiv .header.introduce .layer li .tit2 {font-size:13px; line-height:20px; } } @media all and (max-width:950px) and (min-width:751px) { .wrapDiv .entrantList .list li .btnArea a {font-size:13px;} } @media all and (min-width:1921px) { .wrapDiv .parallaxArea {background-size:100% auto; } .wrapDiv .mainBanner08 {background-size:100% auto; } .wrapDiv .introduceDiv {background-size:100% auto; } } /* 20160910 추가 끝 */ /* 2016-10-27 추가 */ .wrapDiv .conditionWrap .bannerDiv a.btn {display:inline-block;width:220px; height:40px;background:url("../img/bg_btnArea.png") no-repeat 0 0; margin:0 auto; font-size:16px; color:#fff; line-height:40px; margin-top:17px; margin-right:5px;} .wrapDiv .conditionWrap .bannerDiv a.btn span {margin-left:-10px; } .wrapDiv .conditionWrap .bannerDiv a.btn i { font-style: normal; } @media all and (max-width:750px) { .wrapDiv .conditionWrap .bannerDiv a.btn {display:inline-block;width:220px; height:30px;background:url("../img/bg_btnArea.png") no-repeat 0 50%; margin:0 auto; font-size:14px; color:#fff; line-height:30px; margin-top:-5px; margin-right:5px;} } @media all and (max-width:539px) { .wrapDiv .conditionWrap .bannerDiv a.btn { width: 90px; background:url("../img/bg_btnArea.png") no-repeat right 50%; } .wrapDiv .conditionWrap .bannerDiv a.btn i { display: none; } } /* 20161125 추가 #김지영 */ .wrapDiv .conditionBanner .cSlider01 .subListRanking { clear: both; text-align: center; padding: 10px 0 0 0; font-size: 16px; } @media all and (max-width:750px) { .wrapDiv .conditionBanner .cSlider01 .subListRanking { font-size: 11px; } } /* 20161125 추가 #김지영 */ /* 2016-12-20 추가 */ .wrapDiv .titleDiv.challenge {background-image:url('../img/img_subLogo_challenge.png');} .challenge .layerNotice {position:absolute; left:50%; bottom:394px; width:712px; height:586px; margin-left:-356px; background:#222222 url("../img/bg_notice_black.gif") no-repeat 0 0; text-align:center; z-index:50;} /* 2017-02-21 수정 : bottom:394px : 2017-05-18 수정 : 794px, 654px */ .challenge .layerNotice .logo {margin:70px 0 40px;} /* 2017-03-06 수정 : 2017-05-18 수정 */ .challenge .layerNotice .logo img {width:128px;} .challenge .layerNotice .title {display:block; position:relative; margin-bottom:25px; padding-bottom:25px; font-size:36px;color:#ff0000;} /* 2017-03-06 수정 */ /* .challenge .layerNotice .title:after {content:''; display:block; position:absolute; left:50%; bottom:0; width:40px; height:1px; margin-left:-20px; background:#000;} */ .challenge .layerNotice .title .text {margin-top:10px;} /* 2017-03-06 추가 */ .challenge .layerNotice .title strong{padding:0 0 26px 0;} /* 2017-03-06 추가 */ .challenge .layerNotice .text {padding-bottom:6px;font-size:28px; line-height:40px;color:#fff;} /* 2017-05-18 수정 */ .challenge .layerNotice .coming {display:block; margin-top:120px; font-size:30px; color:#d31526;} .challenge .layerNotice .btnGuide {display:block; position:absolute; bottom:0; left:0; width:100%; height:110px; line-height:110px; border-top:1px solid #393939; background:#222222; font-weight:700; font-size:22px; color:#fff;} /* 2017-03-06 추가 : 2017-05-18 수정 */ .challenge .layerNotice .btnGuide:hover {color:#d31526;} /* 2017-03-06 추가 */ .wrapDiv .mainBanner01.challenge .tileLayer {display:block; width:100%; height:1036px; position:relative;} /* 2017-05-18 수정 : height:858px */ .wrapDiv .mainBanner01.challenge .tileLayer img {width:auto; height:100%; position:absolute; top:0; left:50%; margin-left:-960px;} .wrapDiv .mainBanner01.challenge ul.subMenu {clear:both;margin-top:0;} /* 2017-02-21 수정 */ .wrapDiv .mainBanner01.challenge ul.subMenu li {position:relative; height:394px; background-color:#d31526; text-align:center; color:#fff;} .wrapDiv .mainBanner01.challenge ul.subMenu li img {width:auto; position:absolute; left:50%; top:0; margin-left:-480px;} .wrapDiv .mainBanner01.challenge ul.subMenu li h2 {font-weight:normal; font-family:'noto';} .wrapDiv .mainBanner01.challenge ul.subMenu li p.desc {margin-bottom:70px;} .wrapDiv .mainBanner01.challenge ul.subMenu li a.go:hover {color:#000; background-image:url("../img/bg_delimeter_01_black.png");} .wrapDiv .mainBanner02.challenge {background:#fff;} .wrapDiv .mainBanner02.champion {background:#fff;} /* 2016-12-23 추가 */ .wrapDiv .mainBanner02.challenge .slide02Type2 .subList li img {max-width:100%;} .wrapDiv .mainBanner02.challenge .slide02Type2 .subList li .link li {width:50%;} /* 2017-03-09 수정 */ .wrapDiv .mainBanner02.champion .slide02Type2 .subList li img {max-width:100%;} /* 2016-12-23 추가 */ .wrapDiv .mainBanner02.champion .slide02Type2 .subList li .link li {width:50%;} /* 2016-12-23 추가 : 2017-03-09 수정 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li img {max-width:100%;} /* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li {width:100%;} /* 2016-12-23 추가 */ .wrapDiv .mainBanner02 .slide02Type2 .subList li {float:left; /*width:24.1%; margin-right:1.2%; */position:relative; } .wrapDiv .mainBanner02 .slide02Type2 .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin:34px 0; } .wrapDiv .mainBanner02 .slide02Type2 .subList li .link {width:100% !important; height:68px !important; position:absolute; left:0; bottom:100px; /*background-color:#060910; opacity:0.60; filter:alpha(opacity=60);*/ width:100%; height:100%; } /* 2017-03-13 수정 */ /* .wrapDiv .mainBanner02 .slide02Type2 .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } 2017-03-13 삭제 */ .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li {width:50%; display:block; float:left; color:#fff; font-size:16px; line-height:68px; text-align:center; margin:0; background-color:#000;opacity:0.60; filter:alpha(opacity=60);border-top:1px solid #5a5e6a;} /* 2017-03-13 수정 */ .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } /* 2017-03-13 추가 */ .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li a {color:#fff; } .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li:last-child {border-left:1px solid #5a5e6a; } .wrapDiv .mainBanner02.champion .slide02Type2 .subList li .link li:last-child {/*border-left:none;*/ } /* 2016-12-23 추가 : 2017-03-09 수정 */ .wrapDiv .mainBanner02 .slide02Type2 .subList li .link:hover li:last-child {border-left:1px solid #ec6c78; } .wrapDiv .mainBanner02 .slide02Type2 .subList li .link:hover li:hover a {display:inline; border-bottom:1px solid #fff; padding-bottom:3px;} /* 2016-12-23 추가 : 대회결과 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li {float:left; /*width:24.1%; margin-right:1.2%; */position:relative; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin:34px 0; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link {width:100% !important; height:68px !important; position:absolute; left:0; bottom:100px; background-color:#060910; opacity:0.60; filter:alpha(opacity=60); width:100%; height:100%; border-top:1px solid #5a5e6a; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li {width:100%; display:block; float:left; color:#fff; font-size:16px; line-height:68px; text-align:center; margin:0; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li a {color:#fff; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li:last-child {border-left:none; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link:hover li:last-child {border-left:1px solid #ec6c78; } .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link:hover li:hover a {display:inline; border-bottom:1px solid #fff; padding-bottom:3px;} .wrapDiv .mainBanner02.challenge .swiper-container {display:none;} .wrapDiv .mainBanner02.champion .swiper-container {display:none;} /* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .swiper-container {display:none;} /* 2016-12-23 추가 */ /* 2017-01-04 수정 : 2017-03-09 수정 */ .wrapDiv .mainBanner02.challenge .slider02 .subList li .link li {width:50%; /*border-left:none !important;*/} .wrapDiv .titleDiv.gray {background-color:#f2f2f2;} /* 2017-03-06 추가 */ .interChamp .applicationWrap .competitionTitle {border-bottom:1px solid #666; background:url("../img/bg_inter_title.jpg") no-repeat center top;} .interChamp .applicationWrap .competitionTitle .logo {margin:90px 0 75px -10px;} .interChamp .applicationWrap .competitionTitle .subLine {margin:30px auto 33px;} .interChamp .applicationWrap .competitionTitle p.desc {margin-bottom:100px;} .interChamp .applicationWrap .info {border-bottom:5px solid #d31526;} .interChamp .applicationWrap .info .txt2 {font-weight:700; font-family:"noto";} .interChamp .applicationWrap .bannerDiv {background:url("../img/bg_inter_banner.jpg") no-repeat center center;} .interChamp .entrantList .text {margin-bottom:80px; font-size:22px; color:#333; text-align:center;} .profileList {overflow:hidden; width:100%;} .profileList > ul {overflow:hidden; margin:-60px -12px 120px;} .profileList li {float:left; width:25%; margin-top:60px; padding:0 12px; box-sizing:border-box;} .profileList li > div {position:relative;} .profileList li img {width:100%} .profileList .btnMore {display:block; position:absolute; left:0; bottom:0; width:50%; height:59px; border-top:1px solid rgba(255, 255, 255, .3); background:#000; background:rgba(0, 0, 0, .6); line-height:59px; font-size:16px; color:#fff; text-align:center;} /* 2017-03-09 수정 */ .profileList .btnMore:hover {border-color:#e05c68; background:#d31526; text-decoration:underline;} .profileList .btnMore2 {display:block; position:absolute; right:0; bottom:0; width:50%; height:59px; border-top:1px solid rgba(255, 255, 255, .3); background:#000; background:rgba(0, 0, 0, .6); line-height:59px; font-size:16px; color:#fff; text-align:center;border-left:1px solid #5a5e6a;} /* 2017-03-09 추가 */ .profileList .btnMore2:hover {border-color:#e05c68; background:#d31526; text-decoration:underline;} /* 2017-03-09 추가 */ .profileList .player {margin-top:30px; font-size:18px; color:#333; text-align:center;} /* 2017-03-13 수정 */ .profileList .name {font-weight:700;} .profileList .border {margin:0 7px} .cheerup {height:121px; margin-bottom:130px; background:url('../img/txt_cheerup.gif') no-repeat center top;} .cheerup > div {opacity:0; filter:alpha(opacity:0);} .interChamp .notice {height:700px; margin-bottom:130px; padding-top:107px; background:url('../img/bg_result.gif') no-repeat center top; text-align:center;} .interChamp .notice .logo {margin:0 0 39px;} .interChamp .notice .logo img {width:128px;} .interChamp .notice .title {display:block; position:relative; margin-bottom:40px; padding-bottom:40px; font-size:40px; font-weight:700;} .interChamp .notice .title:after {content:''; display:block; position:absolute; left:50%; bottom:0; width:42px; height:1px; margin-left:-21px; background:#000;} .interChamp .notice .title .text {margin-top:10px; font-weight:400;} .interChamp .notice .text {font-size:18px; line-height:1.6;} .interChamp .notice .text + .text {margin-top:40px;} .interChamp .notice .coming {display:block; margin-top:81px; font-weight:bold; font-size:35px; font-family:'NovaM'; color:#dd0808;} @media all and (max-width:750px) { .challenge .layerNotice {bottom:0; left:10.0887%; right:10.0887%; width:79.8226%; height:380px; margin-left:0; padding:0 25px 60px; background:#222222 url("../img/bg_notice_m_black.gif") no-repeat center 0; background-size:auto 379.5px;} /* 2017-05-18 수정 */ .challenge .layerNotice .logo {margin:55px 0 20px;} .challenge .layerNotice .logo img {width:64px;} .challenge .layerNotice .title {margin-bottom:15px; padding-bottom:15px; font-size:16px;} /* 2017-05-18 수정 */ .challenge .layerNotice .title:after {width:21px; margin-left:-11px;} .challenge .layerNotice .text {font-size:14px;line-height:20px;} /* 2017-05-18 수정 */ .challenge .layerNotice .coming {margin-top:55px; font-size:20px;} .challenge .layerNotice .btnGuide {height:55px; line-height:55px; font-size:11px;} /* 2017-03-06 추가 */ .wrapDiv .mainBanner01.challenge {height:auto !important;} .wrapDiv .mainBanner01.challenge .box {position:relative; padding-bottom:210px; background:#f2f2f2;} .wrapDiv .mainBanner01.challenge .tileLayer {height:515px; margin-bottom:0; background:url('../img/bg_challenge_170518.jpg') no-repeat center top;} /* 2017-05-18 수정 */ .wrapDiv .mainBanner01.challenge .tileLayer img {display:none;} .wrapDiv .mainBanner01.challenge ul.subMenu li {display:block; float:none; height:auto; padding:35px 20px;} .wrapDiv .mainBanner01.challenge ul.subMenu li.none {display:none;} .wrapDiv .mainBanner01.challenge ul.subMenu li h2 {margin:0 0 20px;} .wrapDiv .mainBanner01.challenge ul.subMenu li p.desc {margin-bottom:30px;} .wrapDiv .mainBanner01.challenge ul.subMenu li a.go {margin:0;} .wrapDiv .mainBanner02.challenge {margin-bottom:70px;} .wrapDiv .mainBanner02.champion {margin-bottom:70px;} /* 2016-12-23 추가 */ /*.wrapDiv .mainBanner02.challenge .slider02 .subListRanking {padding-top:25px; font-size:12px;}*/ .wrapDiv .mainBanner02 .slide02Type2 > li {width:188px !important; } .wrapDiv .mainBanner02 .slide02Type2 .subList li .link {bottom:56px; height:34px !important; } .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li:last-child a {background-size:6px 6px;} .wrapDiv .mainBanner02 .slide02Type2 .subList li .link li {font-size:8px; height:34px; line-height:34px; } .wrapDiv .mainBanner02 .slide02Type2 .subList li p.name {font-size:10px; line-height:16px; margin:20px 0; } /* 대회 결과 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 > li {width:188px !important; }/* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link {bottom:56px; height:34px !important; }/* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li:last-child a {background-size:6px 6px;}/* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li .link li {font-size:8px; height:34px; line-height:34px; }/* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .slide02Type2 .subList li p.name {font-size:10px; line-height:16px; margin:20px 0; } /* 2016-12-23 추가 */ .wrapDiv .mainBanner02.challenge .slider02Wrap {display:none;} .wrapDiv .mainBanner02.challenge .slider02Wrap.swiper-container {display:block;} .wrapDiv .mainBanner02.champion .slider02Wrap {display:none;} /* 2016-12-23 추가 */ .wrapDiv .mainBanner02.champion .slider02Wrap.swiper-container {display:block;} /* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .cSlider01Wrap {display:none;} /* 2016-12-23 추가 */ .wrapDiv .conditionBanner .cSlider01Div .swiper-container {display:block;} /* 2016-12-23 추가 */ /* 2017-03-06 추가 */ .interChamp .applicationWrap .competitionTitle .logo {margin:45px 0 37px -5px;} .interChamp .applicationWrap .competitionTitle .logo img {width:136px;} .interChamp .applicationWrap .competitionTitle .subLine {width:21px; margin:15px auto 17px;} .interChamp .applicationWrap .competitionTitle p.desc {margin-bottom:50px;} .interChamp .applicationWrap .info {border-bottom:2px solid #d31526;} .interChamp .applicationWrap .bannerDiv {background-size:auto 150px;} .interChamp .entrantList .text {margin-bottom:12px; font-size:11px;} .profileList {padding:0 10px;} .profileList > ul {margin:-25px -5px 45px;} .profileList li {width:50%; margin-top:25px; padding:0 5px;} .profileList .btnMore {height:35px; line-height:35px; font-size:10px;} .profileList .btnMore2 {height:35px; line-height:35px; font-size:10px;} .profileList .player {margin-top:15px; font-size:12px;} .profileList .border {margin:0 3px} .cheerup {overflow:hidden; position:relative; height:60px; margin:0 10px 60px; background:url('../img/txt_cheerup_m.gif') no-repeat center top; background-size:auto 61px} .cheerup:before {content:''; display:block; position:absolute; left:-105px; top:50%; width:50%; height:1px; margin-top:-1px; border-top:1px solid #555;} .cheerup:after {content:''; display:block; position:absolute; right:-108px; top:50%; width:50%; height:1px; margin-top:-1px; border-top:1px solid #555;} .interChamp .notice {height:350px; margin:0 10px 30px; padding-top:53px; background:#fafafa url('../img/bg_result_m.gif') no-repeat right top; background-size:auto 100%;} .interChamp .notice .logo {margin:0 0 19px;} .interChamp .notice .logo img {width:64px;} .interChamp .notice .title {margin-bottom:20px; padding-bottom:20px; font-size:20px;} .interChamp .notice .title:after {width:21px; margin-left:-10px;} .interChamp .notice .title .text {margin-top:5px;} .interChamp .notice .text {font-size:9px;} .interChamp .notice .text + .text {margin-top:20px;} .interChamp .notice .coming {margin-top:40px; font-size:18px;} } /* 2017-03-15 추가 */ .wrapDiv .photoList {max-width:1200px; margin:0 auto; } .wrapDiv .photoList h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; } .wrapDiv .photoList h3 span{display:inline;} .wrapDiv .photoList .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 48px; } .wrapDiv .photoList .text {margin-bottom:80px; font-size:22px;line-height:36px; color:#333; text-align:center;letter-spacing:-1px;} .wrapDiv .photoList .text span{display:inline;} .wrapDiv .photoList ul.pList {width:100%; overflow:hidden;margin-bottom:120px;} .wrapDiv .photoList ul.pList li {width:100%;height:400px; text-align:center;background:#d41527 url("../img/bg_photo_01.jpg") no-repeat right top;color:#fff;} .wrapDiv .photoList ul.pList li div.img{float:left;width:50%;height:100%;background:url("../img/img_photo_01.jpg") no-repeat 50% 100%;} .wrapDiv .photoList ul.pList li div.bg{float:right;width:50%;height:100%;} .wrapDiv .photoList ul.pList li div.bg h2 {font-size:36px; line-height:44px; letter-spacing:-1px; margin:73px 0 29px; } .wrapDiv .photoList ul.pList li div.bg p.desc {font-size:22px; letter-spacing:-1px; line-height:32px; margin-bottom:31px; } .wrapDiv .photoList ul.pList li div.bg a.go {font-size:18px; color:#ff9ea7; background:url("../img/bg_delimeter_05.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; font-weight:bold;} .wrapDiv .photoList ul.pList li div.bg a.go:hover {color:#fff; background:url("../img/bg_delimeter_05_over.png") no-repeat 50% 100%; } .wrapDiv .photoList ul.pList li.p2 {width:100%;height:400px; text-align:center;background:#f4f4f4 url("../img/bg_photo_02.jpg") no-repeat left top;color:#000;} .wrapDiv .photoList ul.pList li.p2 div.img{float:right;width:50%;height:100%;background:url("../img/img_photo_02.jpg") no-repeat 50% 100%;} .wrapDiv .photoList ul.pList li.p2 div.bg{float:left;width:50%;height:100%;} .wrapDiv .photoList ul.pList li.p2 div.bg a.go {font-size:18px; color:#000; background:url("../img/bg_delimeter_08.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; font-weight:bold;} .wrapDiv .photoList ul.pList li.p2 div.bg a.go:hover {color:#d41527; background:url("../img/bg_delimeter_08_over.png") no-repeat 50% 100%; } .wrapDiv .photoList ul.pList li.p3 {width:100%;height:400px; text-align:center;background:#222222;color:#fff;} .wrapDiv .photoList ul.pList li.p3 div.img{float:left;width:50%;height:100%;background:url("../img/img_photo_03.jpg") no-repeat 50% 100%;} .wrapDiv .photoList ul.pList li.p3 div.bg{float:right;width:50%;height:100%;} .wrapDiv .photoList ul.pList li.p3 div.bg a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_05_over.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; font-weight:bold;} .wrapDiv .photoList ul.pList li.p3 div.bg a.go:hover {color:#d41527; background:url("../img/bg_delimeter_08_over.png") no-repeat 50% 100%; } @media all and (max-width:830px) { .wrapDiv .photoList h3 span{display:block;} .wrapDiv .photoList .text span{display:block;} } /* 스마트폰 */ @media all and (max-width:750px) { .wrapDiv .photoList {max-width:100%; margin:0 10px;} .wrapDiv .photoList h3 span{display:block;} .wrapDiv .photoList .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 30px; } .wrapDiv .photoList .text {margin-bottom:20px; font-size:22px;line-height:36px; color:#333; text-align:center;letter-spacing:-1px;} .wrapDiv .photoList .text span{display:block;} .wrapDiv .photoList ul.pList {width:100%; overflow:hidden;margin-bottom:70px;} .wrapDiv .photoList ul.pList li {width:100%;height:900px; text-align:center;background:#d41527 url("../img/bg_photo_01_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#fff;} .wrapDiv .photoList ul.pList li div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_01_m.jpg") no-repeat 50% 100%;background-size:100% 100%;} .wrapDiv .photoList ul.pList li div.bg{clear:both;width:100%;height:50%;} .wrapDiv .photoList ul.pList li div.bg h2 {font-size:42px; line-height:54px; letter-spacing:-1px; margin:87px 0 40px; } .wrapDiv .photoList ul.pList li div.bg p.desc {font-size:25px; letter-spacing:-1px; line-height:32px; margin-bottom:80px; } .wrapDiv .photoList ul.pList li.p2 {width:100%;height:900px; text-align:center;background:#f4f4f4 url("../img/bg_photo_02_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#000;} .wrapDiv .photoList ul.pList li.p2 div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_02_m.jpg") no-repeat 50% 100%;} .wrapDiv .photoList ul.pList li.p2 div.bg{clear:both;width:100%;height:50%;} .wrapDiv .photoList ul.pList li.p2 div.bg a.go {font-size:18px; color:#000; background:url("../img/bg_delimeter_08.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; font-weight:bold;} .wrapDiv .photoList ul.pList li.p2 div.bg a.go:hover {color:#d41527; background:url("../img/bg_delimeter_08_over.png") no-repeat 50% 100%; } .wrapDiv .photoList ul.pList li.p3 {width:100%;height:900px; text-align:center;background:#222222 url("../img/bg_photo_03_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#fff;} .wrapDiv .photoList ul.pList li.p3 div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_03_m.jpg") no-repeat 50% 100%;} .wrapDiv .photoList ul.pList li.p3 div.bg{clear:both;width:100%;height:50%;} .wrapDiv .photoList ul.pList li.p3 div.bg a.go {font-size:18px; color:#fff; background:url("../img/bg_delimeter_05_over.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-bottom:80px; font-weight:bold;} .wrapDiv .photoList ul.pList li.p3 div.bg a.go:hover {color:#d41527; background:url("../img/bg_delimeter_08_over.png") no-repeat 50% 100%; } } @media all and (max-width:480px) { .wrapDiv .photoList h3 {font-size:22px; line-height:34px; letter-spacing:-1px; color:#333333; text-align:center; } .wrapDiv .photoList h3 span{display:block;} .wrapDiv .photoList .subLine {display:block; width:30px; height:1px; background-color:#000000; margin:24px auto 30px; } .wrapDiv .photoList .text {margin-bottom:20px; font-size:13px;line-height:26px; color:#333; text-align:center;letter-spacing:-2px;} .wrapDiv .photoList .text span{display:block;} .wrapDiv .photoList ul.pList li {width:100%;height:450px; text-align:center;background:#d41527 url("../img/bg_photo_01_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#fff;} .wrapDiv .photoList ul.pList li div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_01_m.jpg") no-repeat 50% 100%;background-size:100% 100%;} .wrapDiv .photoList ul.pList li div.bg h2 {font-size:26px; line-height:34px; letter-spacing:-1px; margin:43px 0 19px; } .wrapDiv .photoList ul.pList li div.bg p.desc {font-size:18px; letter-spacing:-1px; line-height:22px; margin-bottom:20px; } .wrapDiv .photoList ul.pList li.p2 {width:100%;height:450px; text-align:center;background:#f4f4f4 url("../img/bg_photo_02_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#000;} .wrapDiv .photoList ul.pList li.p2 div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_02_m.jpg") no-repeat 50% 100%;background-size:100% 100%;} .wrapDiv .photoList ul.pList li.p2 div.bg h2 {font-size:26px; line-height:34px; letter-spacing:-1px; margin:43px 0 19px; } .wrapDiv .photoList ul.pList li.p2 div.bg p.desc {font-size:18px; letter-spacing:-1px; line-height:22px; margin-bottom:20px; } .wrapDiv .photoList ul.pList li.p3 {width:100%;height:450px; text-align:center;background:#222222 url("../img/bg_photo_03_m.jpg") no-repeat left bottom;background-size:100% 50%;color:#fff;} .wrapDiv .photoList ul.pList li.p3 div.img{clear:both;width:100%;height:50%;background:url("../img/img_photo_03_m.jpg") no-repeat 50% 100%;background-size:100% 100%;} .wrapDiv .photoList ul.pList li.p3 div.bg h2 {font-size:26px; line-height:34px; letter-spacing:-1px; margin:43px 0 19px; } .wrapDiv .photoList ul.pList li.p3 div.bg p.desc {font-size:18px; letter-spacing:-1px; line-height:22px; margin-bottom:20px; } } /* #################### 2016 대회결과 2017-05-08 #################### */ .hidden {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);} .challenge2016_result {padding:0 0 100px; background:#0b0b0e url("../img/challenge_2016_result/bg_challenge_2016.jpg") no-repeat center top;} .challenge2016_result .head {font-size:32px; color:#fff; font-weight:bold;} .challenge2016_result .head.big {font-size:38px;} .challenge2016_result .head small {display:block; margin-bottom:11px; font-size:78.125%; color:#777; font-weight:normal;} .challenge2016_result .text {font-size:20px; line-height:1.7; color:#fff;} .challenge2016_result .red {display:block; color:#e01212; font-weight:bold; font-style:normal;} .challenge2016_result .btnRed {display:block; position:absolute; right:0; top:75px; padding:13px 20px 12px; background:#cd0000; font-size:16px; color:#fff;} .challenge2016_result .intro {position:relative; max-width:1200px; margin:0 auto;} .challenge2016_result .intro.first {padding:130px 0 50px;} /* 2017-05-17 수정 */ .challenge2016_result .intro:after {display:block; content:''; clear:both;} .challenge2016_result .intro .head {margin-bottom:15px;} .challenge2016_result .intro .left {float:left; width:36.754%; margin-right:5.83%;} .challenge2016_result .intro .right {float:right; width:57.416%;} .challenge2016_result .intro .youtube {position:relative; height:0; padding-top:56.16%;} .challenge2016_result .intro .youtube iframe {position:absolute; left:0; top:0;} .challenge2016_result .intro .coming {margin-top:18px; font-size:40px; color:#fff;} .challenge2016_result .intro .coming small {display:block; margin-bottom:6px; font-size:80%;} .challenge2016_result .intro.white {width:100%; max-width:100%; padding:100px 0; background:#fff;} .challenge2016_result .intro.white .cont {max-width:1200px; margin:0 auto;} .challenge2016_result .intro.white .head {color:#d31526;} .challenge2016_result .intro.white .text {color:#000;} .challenge2016_result .icoHead {display:inline-block; position:relative; margin-bottom:15px; padding:10px 35px 10px 15px; font-size:22px; color:#fff; background:#cd0000;} .challenge2016_result .icoHead:after {display:block; position:absolute; right:16px; top:50%; width:; margin-top:-9px; width:0; height:0; border: 9px solid #fff; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent; content:'';} .challenge2016_result .update {margin-top:25px; font-size:18px; color:#333;} .challenge2016_result .shareSNS {display:none; position:absolute; left:0; top:427px; overflow:hidden; padding-left:95px; background:url("../img/challenge_2016_result/bg_sns.png") no-repeat left center;} .challenge2016_result .shareSNS a {display:block; float:left; width:100px; height:100px; margin-left:20px;} .challenge2016_result .shareSNS a.sns1 {margin-left:0; background:url("../img/challenge_2016_result/img_sns_1.gif") no-repeat left top;} .challenge2016_result .shareSNS a.sns2 {background:url("../img/challenge_2016_result/img_sns_2.gif") no-repeat left top;} .challenge2016_result .shareSNS a.sns3 {background:url("../img/challenge_2016_result/img_sns_3.gif") no-repeat left top;} .challenge2016_result .event {max-width:1200px; margin:100px auto 0; overflow:hidden;} .challenge2016_result .event .head {margin-bottom:30px;} .challenge2016_result .event .tip {position:relative; margin-top:8px; padding-left:44px; font-size:16px; line-height:1.5; color:#7c7c7c;} .challenge2016_result .event .tip strong {position:absolute; left:0; top:3px; display:inline-block; width:34px; height:21px; margin-right:10px; background:#d31526; line-height:21px; font-weight:normal; color:#fff; text-align:center;} .challenge2016_result .date {margin-top:55px; font-size:17px; color:#bbb;} .challenge2016_result .date span {position:relative; display:inline-block; padding-right:15px; margin-right:6px;} .challenge2016_result .date span.first:after {display:block; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#555; content:'';} .challenge2016_result .date em {font-weight:bold; font-style:normal;} .challenge2016_result .event .desc {/*float:left; width:61%; margin-right:1%;*/}/* 2017-05-23 수정 */ .challenge2016_result .event .giftWrap {overflow:hidden; width:75.83%; margin:55px auto 0; text-align:center; /*float:right; width:38%; text-align:right;*/}/* 2017-05-23 수정 */ .challenge2016_result .event .gift {display:block; width:48.35%; padding-top:29.67%; background-repeat:no-repeat; background-position:center top; background-size:cover;} .challenge2016_result .event .gift1 {float:left; background-image:url("../img/challenge_2016_result/img_gift_1.jpg");} .challenge2016_result .event .gift2 {float:right; background-image:url("../img/challenge_2016_result/img_gift_2.jpg");} .challenge2016_result .event .gift strong {display:block; background:#333; font-size:18px; line-height:55px; color:#fff; text-align:center; font-weight:normal;} .challenge2016_result .footLogo {width:203px; height:47px; margin:80px auto 0; background:url("../img/challenge_2016_result/logo.png") no-repeat left top; opacity:.2;} /* */ .challenge2016_result .videoWrap {position:relative; padding:100px 0; background:#222; text-align:center;overflow:hidden;} .challenge2016_result .videoWrap a {display:block;} .challenge2016_result .videoWrap .head {margin-bottom:30px;} .challenge2016_result .videoWrap .img {display:block; position:relative;} .challenge2016_result .videoWrap .videoCard.blank .img {display:block; position:relative; background:#fff;} .challenge2016_result .videoWrap .img .coming {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .6);} .challenge2016_result .videoWrap .img .coming em {display:block; position:absolute; left:0; top:50%; width:100%; font-size:26px; color:#f60016; font-weight:bold; font-style:normal; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);} .challenge2016_result .videoWrap .img .coming em small { font-size:69%; color:#fff; font-weight:normal;} .challenge2016_result .videoWrap .thumbVideo {max-width:100%;width:100%;} .challenge2016_result .videoWrap .icoPlay {position:absolute; left:50%; top:50%; margin:-17px 0 0 -24px;} .challenge2016_result .videoWrap .desc {display:block; width:100%; height:77px; padding:15px 0 20px; background:#fff; box-sizing:border-box;} .challenge2016_result .videoWrap .desc .tit {display:block; margin-bottom:5px; font-weight:bold; font-size:16px; color:#333;} .challenge2016_result .videoWrap .desc span {font-size:15px; color:#333;} .challenge2016_result .videoWrap .desc span.bgRed {display:inline-block; margin-top:-1px; padding:1px 8px; background:#d31526; color:#fff;} .challenge2016_result .videoWrap .videoList {max-width:1200px; margin:0 auto;} .challenge2016_result .videoWrap ul {overflow:hidden;} .challenge2016_result .videoWrap li {float:left; width:47.16%;} .challenge2016_result .videoWrap li:first-child {margin-left:0;} .challenge2016_result .videoWrap li:last-child {margin-right:0;} .challenge2016_result .videoWrap .videoCard {width:48.23%; float:left;} .challenge2016_result .videoWrap .videoCard.blank {border:solid 1px #ccc;text-align:center;} .challenge2016_result .videoWrap .videoCard .blankimg{width:80%;margin:10px 0;} .challenge2016_result .videoWrap .videoCard.blank {} .challenge2016_result .videoWrap .videoCard:first-child {margin-right:3.54%;} .challenge2016_result .videoWrap .slide-prev {z-index:9; display:block; position:absolute; left:0; top:50%; width:49px; height:125px; background:url("../img/challenge_2016_result/btn_slide_prev.png") no-repeat left top; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);} .challenge2016_result .videoWrap .slide-next {z-index:9; display:block; position:absolute; right:0; top:50%; width:49px; height:125px; background:url("../img/challenge_2016_result/btn_slide_next.png") no-repeat left top; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);} .challenge2016_result .videoWrap .s-pading {display:none;} .challenge2016_result .snsWrap {max-width:1200px; margin:0 auto; padding:100px 0 40px;} .challenge2016_result .snsBtns {overflow:hidden; margin-bottom:20px;} .challenge2016_result .snsBtns li {float:left; margin-left:4px;} .challenge2016_result .snsBtns li:first-child {margin-left:0;} .challenge2016_result .snsBtns a {display:block; width:46px; height:46px; background-image:url("../img/challenge_2016_result/ico_sns.png"); background-repeat:no-repeat;} .challenge2016_result .snsBtns li.s1 a {background-position:0 0;} .challenge2016_result .snsBtns li.s2 a {background-position:-50px 0;} .challenge2016_result .snsBtns li.s3 a {background-position:-100px 0;} .challenge2016_result .snsBtns li.s4 a {background-position:-150px 0;} .challenge2016_result .snsBtns li.s5 a {background-position:-200px 0;} .challenge2016_result .snsBtns li.s6 a {background-position:-250px 0;} .challenge2016_result .snsBtns li.s7 a {background-position:-300px 0;} .challenge2016_result .snsWrap textarea {width:100%; height:170px; padding:30px; box-sizing:border-box; font-size:16px; color:#000; font-family: "NovaR", "noto";} .challenge2016_result .guide {margin-top:20px;} .challenge2016_result .guide strong {color:#fff; font-weight:bold; font-size:17px;} .challenge2016_result .guide p {margin-top:4px; font-size:17px; color:#7c7c7c;} .challenge2016_result .userReplyWrap {max-width:1200px; margin:0 auto; padding:30px; background:#fff; box-sizing:border-box;} .challenge2016_result .userReply {position:relative; min-height:50px; padding:22px 0 22px 265px; border-bottom:1px solid #ccc; box-sizing:border-box;} .challenge2016_result .userReply:last-child {border-bottom:none;} .challenge2016_result .userReply .user {position:absolute; left:0; top:10px;} .challenge2016_result .userReply .user strong {display:inline-block; margin-left:17px; font-weight:bold; font-size:18px; line-height:50px; color:#000;} .challenge2016_result .userReply p {font-size:16px; color:#000; line-height:1.6;} .challenge2016_result .paging {margin-top:70px; text-align:center;} .challenge2016_result .paging span, .challenge2016_result .paging a {display:inline-block; width:48px; height:48px; margin:0 3px; border:1px solid #fff; font-size:18px; text-align:center; line-height:48px; color:#fff;} .challenge2016_result .paging a {transition:all linear .1s; -webkit-transition:all linear .1s;} .challenge2016_result .paging span, .challenge2016_result .paging a:hover {background:#fff; color:#000;} .challenge2016_result .dimmed {display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:200;} .challenge2016_result .popWrap {display:block; width:100%; max-width:1200px; position:absolute; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); z-index:300;} .challenge2016_result .popWrap2 {display:block; width:100%; max-width:1200px; position:absolute; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); z-index:300;} /* 2017-05-25 추가 */ .challenge2016_result .popUpdate {position:relative; width:83%; padding:50px 30px; background:#fff; box-sizing:border-box;} .challenge2016_result .popUpdate .pHead {margin-bottom:30px; font-size:28px; color:#000; text-align:center;} .challenge2016_result .popUpdate .btnClose {position:absolute; right:-64px; top:0; width:64px; height:64px; background:url("../img/challenge_2016_result/btn_close_pop.gif") no-repeat left top;} .challenge2016_result .popUpdate .btnClose span {opacity:0;} .challenge2016_result .popUpdate .btnPopClose {position:absolute; right:-64px; top:0; width:64px; height:64px; background:url("../img/challenge_2016_result/btn_close_pop.gif") no-repeat left top;} /* 2017-05-17 .추가 */ .challenge2016_result .popUpdate .btnPopClose span {opacity:0;} /* 2017-05-17 .추가 */ .challenge2016_result .udList {display:table; width:100%;} .challenge2016_result .udList li {display:table-row;} .challenge2016_result .udList li:nth-child(odd) {background:#f9f9f9;} .challenge2016_result .udList li > * {display:table-cell; min-height:70px; padding:25px 0; border-bottom:1px solid #e7e7e7; box-sizing:border-box; font-size:17px; color:#666;} .challenge2016_result .udList li:nth-child(2) > *, .challenge2016_result .udList li:nth-child(3) > *, .challenge2016_result .udList li:nth-child(4) > *, .challenge2016_result .udList li:nth-child(6) > *, .challenge2016_result .udList li:last-child > * {border-bottom-color:#000;} .challenge2016_result .udList li span {width:170px; text-align:center;} .challenge2016_result .udList li p {padding:0 0 0 20px;} .challenge2016_result .udList li p strong {font-weight:bold; color:#333;} .challenge2016_result .udList li:first-child > * {background:#000; font-size:20px; color:#fff;} .challenge2016_result .udList li:first-child p {text-align:center;} @media all and (max-width:1000px) { .challenge2016_result .head {font-size:30px;} .challenge2016_result .head.big {font-size:38px;} .challenge2016_result .update {font-size:16px;} .challenge2016_result .text {font-size:18px;} .challenge2016_result .date {font-size:15px;} .challenge2016_result .intro .coming {font-size:38px;} .challenge2016_result .event .gift strong {font-size:16px; line-height:50px;} .challenge2016_result .event .tip {font-size:14px;} .challenge2016_result .event .tip strong {width:34px; height:19px; line-height:19px;} } @media all and (max-width:880px) { .challenge2016_result .event .gift strong {font-size:14px; line-height:45px; word-spacing:-1px;} } @media all and (max-width:850px) { .challenge2016_result .head {font-size:26px;} .challenge2016_result .head.big {font-size:32px;} .challenge2016_result .update {font-size:14px;} .challenge2016_result .text {font-size:16px;} .challenge2016_result .date {font-size:13px;} .challenge2016_result .intro .coming {font-size:34px;} .challenge2016_result .event .tip {font-size:13px;} .challenge2016_result .event .tip strong {top:2px; height:17px; line-height:17px;} } .challenge2016_result .userReply .user img {width:50px;height: 50px;} @media all and (max-width:750px) { .challenge2016_result {padding:0 0 35px; background:#0b0b0e;} .challenge2016_result .intro.first {padding:40px 0 47px; background:url("../img/challenge_2016_result/bg_challenge_2016_m.jpg") no-repeat center top; background-size:cover;} .challenge2016_result .intro .left {float:none; width:100%; padding:0 10px; box-sizing:border-box;} .challenge2016_result .intro .right {float:none; width:100%; margin-top:70px; padding:0 10px; box-sizing:border-box;} /* 2017-05-18 수정 */ .challenge2016_result .intro.white {padding:35px 0;} .challenge2016_result .intro.white .left {margin-top:20px;} .challenge2016_result .intro.white .right {margin-top:0;} .challenge2016_result .intro .coming {margin-top:13px; font-size:20px;} .challenge2016_result .intro .coming small {display:inline-block; margin-right:7px; margin-bottom:0; font-size:100%;} .challenge2016_result .shareSNS {width:218px; margin:20px auto 0; left:50%; top:auto; bottom:-25px; overflow:hidden; margin-left:-109px; padding-left:48px; background:url("../img/challenge_2016_result/bg_sns_m.png") no-repeat left center; background-size:22px auto;} .challenge2016_result .shareSNS a {width:50px; height:50px; margin-left:10px; background-size:50px !important;} .challenge2016_result .btnRed {float:right;display:inline-block; position:static; margin-top:12px; margin-right:10px;margin-left:10px; padding:13px 10px 12px; font-size:11px;} /* 2017-05-18 수정 */ .challenge2016_result .event {margin:30px 10px 0;} .challenge2016_result .event .desc {float:none; width:100%; margin-right:0%;} .challenge2016_result .event .tip {padding-left:22px; font-size:9px;} .challenge2016_result .event .tip strong {width:17px; height:11px; line-height:11px; font-size:8px;} .challenge2016_result .event .giftWrap {float:none; width:100%; text-align:center;} .challenge2016_result .event .head {margin-bottom:13px;} .challenge2016_result .head {font-size:20px;} .challenge2016_result .head.big {font-size:20px;} .challenge2016_result .text {font-size:12px;} .challenge2016_result .icoHead {margin:0 10px 15px; padding:5px 19px 5px 7px; font-size:13px;} .challenge2016_result .icoHead:after {right:8px; margin-top:-5px; border-width: 5px; border-right-width: 0;} .challenge2016_result .date {margin-top:15px; font-size:9px;} .challenge2016_result .date span.first:after {height:8px; margin-top:-4px;} .challenge2016_result .event .giftWrap {margin-top:25px;} .challenge2016_result .event .gift strong {padding:5px 0; font-size:10px; line-height:1.4;} .challenge2016_result .footLogo {width:122px; height:28px; margin:35px auto 0; background:url("../img/challenge_2016_result/logo_m.png") no-repeat left top; background-size:122px auto;} .challenge2016_result .videoWrap {padding:37px 10px; text-align:left;} .challenge2016_result .videoWrap .head {margin-bottom:15px;} .challenge2016_result .videoWrap .img .coming em {font-size:13px;} .challenge2016_result .videoWrap .icoPlay {position:absolute; left:50%; top:50%; width:24px; margin:-9px 0 0 -12px;} .challenge2016_result .videoWrap .desc {height:39px; padding:8px 0 10px;} .challenge2016_result .videoWrap .desc .tit {margin-bottom:3px; font-size:10px;} .challenge2016_result .videoWrap .desc span {font-size:8px;} .challenge2016_result .videoWrap .desc span.bgRed {padding:1px 4px;} .challenge2016_result .videoList {overflow:hidden;} .challenge2016_result .videoWrap ul {} .challenge2016_result .videoWrap li {width:auto;} .challenge2016_result .videoWrap .videoCard {width:48.23%; text-align:center;} .challenge2016_result .videoWrap .videoCard:first-child {margin-right:10px;} .challenge2016_result .videoWrap .slide-prev, .challenge2016_result .videoWrap .slide-next {display:none;} .challenge2016_result .videoWrap .s-pading {display:block; margin-top:15px; text-align:center;} .challenge2016_result .videoWrap .s-pading span {display:inline-block; width:8px; height:8px; margin:0 1px; border-radius:50%; background:#666;} .challenge2016_result .videoWrap .s-pading span.swiper-pagination-bullet-active {background:#d31526;} .challenge2016_result .snsWrap {padding:35px 10px 20px;} .challenge2016_result .snsBtns {margin-bottom:10px;} .challenge2016_result .snsBtns li {margin-left:2px;} .challenge2016_result .snsBtns a {width:23px; height:23px; background-size:173px 23px;} .challenge2016_result .snsBtns li.s1 a {background-position:0 0;} .challenge2016_result .snsBtns li.s2 a {background-position:-25px 0;} .challenge2016_result .snsBtns li.s3 a {background-position:-50px 0;} .challenge2016_result .snsBtns li.s4 a {background-position:-75px 0;} .challenge2016_result .snsBtns li.s5 a {background-position:-100px 0;} .challenge2016_result .snsBtns li.s6 a {background-position:-125px 0;} .challenge2016_result .snsBtns li.s7 a {background-position:-150px 0;} .challenge2016_result .snsWrap textarea {height:85px; padding:15px; font-size:10px;} .challenge2016_result .guide {margin-top:10px;} .challenge2016_result .guide strong {font-size:10px;} .challenge2016_result .guide p {margin-top:2px; font-size:10px;} .challenge2016_result .userReplyWrap {padding:15px;} .challenge2016_result .userReply {min-height:25px; padding:11px 0 11px 140px;} .challenge2016_result .userReply .user {top:5px;} .challenge2016_result .userReply .user img {width:25px;height: 25px;} .challenge2016_result .userReply .user strong {margin-left:8px; font-size:10px; line-height:25px;} .challenge2016_result .userReply p {font-size:10px;} .challenge2016_result .paging {margin-top:35px;} .challenge2016_result .paging span, .challenge2016_result .paging a {width:24px; height:24px; margin:0 1px; font-size:10px;line-height:24px;} .challenge2016_result .popUpdate {width:94.8%; margin:0 auto; padding:25px 15px;} .challenge2016_result .popUpdate .pHead {margin-bottom:15px; font-size:14px;} .challenge2016_result .popUpdate .btnClose {display:block; position:static; width:100px; height:35px; line-height:35px; margin:15px auto 0; background:#cd0000; font-size:11px; color:#fff; text-align:center;} .challenge2016_result .popUpdate .btnClose span {opacity:1;} .challenge2016_result .popUpdate .btnPopClose {display:block; position:static; width:100px; height:35px; line-height:35px; margin:15px auto 0; background:#cd0000; font-size:11px; color:#fff; text-align:center;} /* 2017-05-18 추가 */ .challenge2016_result .popUpdate .btnPopClose span {opacity:1;} /* 2017-05-18 추가 */ .challenge2016_result .scBox {border:1px solid #aaa; overflow-y:auto; max-height:240px;} .challenge2016_result .udList li > * {min-height:35px; padding:10px 0; font-size:10px;} .challenge2016_result .udList li span {width:60px;} .challenge2016_result .udList li p {padding:10px;} .challenge2016_result .udList li:first-child > * {font-size:11px;} .challenge2016_result .udList li:last-child > * {border-bottom:none;} .brXS {display:block;} } /* 2017-05-23 이벤트 오픈 */ .userSnsWrap {max-width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden;} .userSnsWrap ul {overflow:hidden; margin:-50px -12px 0;} .userSnsWrap li {float:left; width:33.3333%; margin-top:50px; padding:0 12px; box-sizing:border-box; line-height:0;} .userSnsWrap a {display:block;} .commentWrap .thumb {position:relative; padding-top:56.23%; overflow:hidden;} .commentWrap .thumb img {min-width:100%st; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); vertical-align:top;}/* 2017-05-24 수정 */ .commentWrap .caption {height:100px; padding:15px 30px; background:#fff; color:#333; word-spacing:-1px;} .commentWrap .caption .comment {height:70px; overflow:hidden;} .commentWrap .comment .name {display:block; margin-bottom:3px; font-size:20px; font-weight:bold; line-height:1.2;} .commentWrap .comment p {font-size:16px; line-height:22px;} .popSNS {position:relative; width:500px; max-width:98.4%; margin:0 auto; padding:40px 30px; background:#fff;} .popSNS .commentWrap .caption {height:auto; padding:15px 0 0;} .popSNS .commentWrap .caption .comment {height:auto;} .popSNS .btnPopClose {position:absolute; right:-64px; top:0; width:64px; height:64px; background:url("../img/challenge_2016_result/btn_close_pop.gif") no-repeat left top;} .popSNS .btnPopClose span {opacity:0;} @media all and (max-width:750px) { .userSnsWrap ul {margin:0 -5px;} .userSnsWrap li {width:50%; margin-top:20px; padding:0 5px;} .commentWrap .thumb img {width:100%;} .commentWrap .caption {height:52px; padding:8px 10px 10px;} .commentWrap .caption .comment {height:36px;} .commentWrap .comment .name {margin-bottom:2px; font-size:10px;} .commentWrap .comment p {font-size:8px; line-height:11px;} .popSNS {padding:25px 15px;} .popSNS .btnPopClose {right:0; top:-32px; width:32px; height:32px; background-size:32px;} } /* 2017-05-25 수정 */ #liverePlugIn {padding:0 !important;} #liverePlugIn .livereWriteForm {margin-bottom:0 !important;} /* 2017-07-25 */ .wrapDiv .header .logo{margin-left:-82px;} .wrapDiv .header .logo img{width:164px;} .wrapDiv .mainBanner01, .wrapDiv .mainBanner02, .wrapDiv .mainBanner03, .wrapDiv .mainBanner04 {display:none;} .forM {display:none !important;} /* 2017-09-08 수정 */ .wrapDiv .mainBanner08 {background-image:url("../img/bg_slider_08_people.png"), url("../img/bg_slider_08_tsr.png");background-position:left top, right bottom; background-repeat:no-repeat; background-size:920px auto, 463px auto;background-attachment: initial;} /* 2019-02-14 수정 */ .band {padding:88px 0; text-align:center; font-size:18px;} .band p {margin-top:20px;} .band strong {display:block;} .contBox {max-width:1200px; margin:0 auto; } .contBox img {max-width:100%;} .infoWr {position:relative; overflow:hidden; margin-top:-60px; padding-top:60px;} .infoWr .title {margin-bottom:50px; font-size:45px; line-height:1; color:#fff;} .infoWr .text {font-size:20px; line-height:1.5; color:#c5c6d3;} .infoWr .text + .text {margin-top:15px;} .infoWr .bgGolfer {position:absolute; right:0; bottom:-370px;}/* 2017-08-02 :: 위치 수정 */ .infoWr .top {position:relative; padding:90px 0 250px; background:url("../img/bg_info.jpg") no-repeat center top;} .infoWr .top .contBox {position:relative;} .infoWr .bottom {background-color:#e4e4e4;} .infoWr .steps {position:relative; -webkit-transform:translateY(-43.5%); transform:translateY(-43.5%);} .sketch .introArea {height:500px; padding-top:160px; background:url("../img/bg_sketch_title.jpg") no-repeat center top; color:#fff; text-align:center; box-sizing:border-box;} .sketch .introArea h2 {font-size:55px;} .sketch .introArea p {margin-top:20px; font-size:22px;} .wrapDiv .mainBanner07 .slider07 li {padding:100px 0 140px; background-position:center top; background-repeat:no-repeat; background-size:cover;} .wrapDiv .mainBanner07 .slider07 li div {float:none; position:relative; width:100%;} .wrapDiv .mainBanner07 .slider07 li div div.tit {position:static;height:auto !important;min-height:128px;margin-top:45px; top:0; left:0; text-align:center; color:#fff;} .wrapDiv .mainBanner07 .slider07 li div div.tit strong {font-size:30px; line-height:1;} .wrapDiv .mainBanner07 .slider07 li div div.tit p {margin-top:20px; font-size:22px; line-height:1.8;} .wrapDiv .mainBanner07 .slider07 li img {width:100%; } .wrapDiv .mainBanner07 .bx-viewport {height:auto !important;} @media all and (max-width:1200px) { /*.wrapDiv .mainBanner07 .slider07 li div div.tit {height:240px;}*/ .wrapDiv .open-popup.layerpop-pc{width:100%;} } @media all and (max-width:750px) { /* 2017-08-02 로고 변경 */ .wrapDiv .header .logo {margin-left: -46px;} .wrapDiv .header .logo img{width:93px;} /* 2017-07-31 동영상 일 때 조절 */ .wrapDiv .header { padding-bottom:60px } .wrapDiv .mainSlider .image1 .slide div.slidesub {padding-top:56.3%;} .wrapDiv .header .paging {display:none;} .forM {display:block !important;} /* 2017-09-08 수정 */ .forPC {display:none;} .wrapDiv .mainBanner08 {background:#fff;} .band {padding:25px 0; font-size:12px;} .band:first-of-type{padding:20px 0 52px;}/* 2017-09-09 추가 */ .band img {width:93px;} .band p {margin-top:13px;} .brXS {display:block;} .contBox {padding:0 20px;} .infoWr {position:relative;} .infoWr .title {margin-bottom:13px; font-size:30px;} .infoWr .title .number {font-size:35px;} .infoWr .text {font-size:13px;} .infoWr .text + .text {margin-top:10px;} .infoWr .bgGolfer {width:329.5px; bottom:0;}/* 2017-09-09 수정 */ .infoWr .bgGolfer img {width:100%;} .infoWr .top {position:relative; padding:40px 0 50px; background:url("../img/m/bg_info.jpg") no-repeat center top;}/* 2017-09-09 수정 */ .infoWr .bottom {background-color:#e4e4e4;} .infoWr .steps {padding:0; -webkit-transform:translateY(0); transform:translateY(0);} .sketch .introArea {height:auto; padding:55px 0 60px; background:url("../img/m/bg_sketch_title.jpg") no-repeat center top; background-size:cover;} .sketch .introArea h2 {font-size:28px;} .sketch .introArea h2 .number {font-size:30px;} .sketch .introArea p {margin-top:10px; font-size:11px;} .wrapDiv .mainBanner07 .slider07 li {padding:50px 0 70px;} .wrapDiv .mainBanner07 .slider07 li div div.tit {margin-top:25px; /*height:150px;*/} .wrapDiv .mainBanner07 .slider07 li div div.tit strong {font-size:16px; line-height:1.2;} .wrapDiv .mainBanner07 .slider07 li div div.tit p {margin-top:10px; font-size:13px; line-height:1.6;} .wrapDiv .mainBanner07 .paging{right:0;} } /* 2017-08-24 추가 */ .wrapDiv .mainBanner011 {width:100%; position:relative; overflow:hidden; z-index:999999999; margin-top:-188px;} .wrapDiv .mainBanner011.sed {width:100%; position:relative; overflow:hidden; z-index:999999999; margin-top:0px;} .wrapDiv .mainBanner011.subMenuHid {margin-bottom:-352px; } .wrapDiv .mainBanner011 .subBox{position:absolute;left:50%;top:0;margin-left:-600px;width:1200px;height:100%;} .wrapDiv .mainBanner011 .subBox2{position:absolute;left:0;top:0;width: 100%; height:100%;} .wrapDiv .mainBanner011 .tileLayer {display:block; width:100%;} .wrapDiv .mainBanner011 .tileLayer img {width:100%; } .wrapDiv .mainBanner011 .web {display:block;} .wrapDiv .mainBanner011 .mobile {display:none;} .wrapDiv .mainBanner011 .slider01Layer {position:absolute; left:42.5%; bottom:0; width:50%; height:69.41%; background:url("../img/bg_slider01_layer_1.jpg") no-repeat 0 0; background-size:100% 100%; } .wrapDiv .mainBanner011 .slider01Layer .tit11 {position:absolute; width:100%; height:auto; left:0; bottom:78.03%; text-align:center; font-size:1.2em; color:#fc8585; line-height:150%; } .wrapDiv .mainBanner011 .slider01Layer .tit12 {position:absolute; width:100%; height:auto; left:0; bottom:56.06%; text-align:center; font-size:2.5em; color:#fff; line-height:150%; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit13 {position:absolute; width:100%; height:auto; left:0; bottom:26.94%; text-align:left; font-size:1.5em; color:#fff; line-height:150%;} /* 2017-08-28 수정 */ .wrapDiv .mainBanner011 .slider01Layer .tit13 span{display:block;position:relative; text-align: center; } .wrapDiv .mainBanner011 .slider01Layer .line2 {position:absolute; width:42px; height:1px; bottom:48.48%; left:50%; margin-left:-13px; background-color:#e8828b; } .wrapDiv .mainBanner011 .btnArea {position:absolute; left:42.5%; top:0; width:50%; height:33.33%; z-index:9999; overflow:hidden; } .wrapDiv .mainBanner011 .btnArea li {height:100%; font-size:22px; color:#fff; line-height:100%; width:50%; text-align:center; border-top:1px solid #e44856; vertical-align:middle;} .wrapDiv .mainBanner011 .btnArea li:first-child {border-top:1px solid #e44856; } .wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:80%;padding-top:5%;color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner011 .btnArea li a:hover {background-color:#b21220; } /* 20171103 add */ .wrapDiv .mainBanner011 .btnArea2 {position:absolute; left:0; bottom:0; width:100%; z-index:9999; overflow:hidden; } .wrapDiv .mainBanner011 .btnArea2 li {height:100%; font-size:22px; color:#fff; width:50%; text-align:center; border-top:1px solid #e44856; vertical-align:middle;} .wrapDiv .mainBanner011 .btnArea2 li:first-child {border-top:1px solid #e44856; } .wrapDiv .mainBanner011 .btnArea2 li a {display:block; padding: 5% 0;width:100%; color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner011 .btnArea2 li a:hover {background-color:#b21220; } .wrapDiv .mainBanner011 ul.subMenu {position:absolute;bottom: 6%; left: 59%; width: 40%; overflow:hidden; margin-top:0; } .wrapDiv .mainBanner011 ul.subMenu.hid {display:none; margin-bottom:0; } .wrapDiv .mainBanner011 ul.subMenu li {width:100%;height:42.42%;margin-bottom:10%;} .wrapDiv .mainBanner011 ul.subMenu li:first-child {background:none; text-align: center; color:#fff; } .wrapDiv .mainBanner011 ul.subMenu li img {width:100%; height:100%; } .wrapDiv .mainBanner011 ul.subMenu li h2 {font-size:1.5em; line-height:150%; letter-spacing:-1px; margin:0; font-weight:normal;} .wrapDiv .mainBanner011 ul.subMenu li p.desc {font-size:18px; letter-spacing:-1px; line-height:32px; margin-bottom:31px; } .wrapDiv .mainBanner011 ul.subMenu li a.go { margin: 0 auto; width:66px;height:30px;font-size:18px; color:#fff; background:url("../img/bg_delimeter_01.png") no-repeat 50% 100%; padding-bottom:13px; display:block; margin-top:20px; text-align:center;} .wrapDiv .mainBanner011 ul.subMenu li a.go:hover {color:#d31526; background:url("../img/bg_delimeter_01_over.png") no-repeat 50% 100%; } /* 중간 사이즈 */ @media all and (max-width:1550px) { /* .wrapDiv .mainBanner011 ul.subMenu {bottom: 6%;left: 64%; } */ } @media all and (max-width:1330px) { .wrapDiv .mainBanner011 ul.subMenu li {width:100%;height:32.42%;margin-bottom:3%;} .wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:80%;padding-top:3%;color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit13 {position:absolute; width:100%; height:auto; left:0; bottom:29%; text-align:left;font-size:1.5em; color:#fff; line-height:150%;} /* 2017-08-28 수정 */ .wrapDiv .mainBanner011 ul.subMenu {bottom: 17%;} } @media all and (max-width:1200px) { .wrapDiv .mainBanner011 { margin-top: -130px; } .wrapDiv .mainBanner011 .subBox{position:absolute;left:0;top:0;margin-left:0;width:100%;} .wrapDiv .mainBanner011 .slider01Layer .tit12 { bottom: 53.06%; line-height: 1.3; } .wrapDiv .mainBanner011 .slider01Layer .tit13 { font-size: 1.3em; } .wrapDiv .mainBanner011 ul.subMenu li h2 { font-size: 1.3em; } } @media all and (max-width:1040px) { .wrapDiv .mainBanner011 { margin-top: -120px; } .wrapDiv .mainBanner011 ul.subMenu li {width:100%;height:22.42%;margin-bottom:3%;} .wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:80%;padding-top:3%;color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit11 { bottom: 81.03%; } .wrapDiv .mainBanner011 .slider01Layer .tit12 {position:absolute; width:100%; height:auto; left:0; bottom:56.06%; text-align:center; font-size:2em; color:#fff; line-height:1.3; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit13 {position:absolute; width:100%; height:auto; left:0; bottom:27%; text-align:left;font-size:1em; color:#fff; line-height:150%;} /* 2017-08-28 수정 */ .wrapDiv .mainBanner011 .btnArea2 li { font-size: 18px; } .wrapDiv .mainBanner011 .btnArea2 li a { padding: 4% 0; } .wrapDiv .mainBanner011 ul.subMenu li h2 { font-size: 1.2em; } } @media all and (max-width:860px) { .wrapDiv .mainBanner011 ul.subMenu li {width:100%;height:22.42%;margin-bottom:3%;} .wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:80%;padding-top:2%;color:#fff; background-color:#d31526; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit12 {position:absolute; width:100%; height:auto; left:0; bottom:58.06%; text-align:center; font-size:1.5em; color:#fff; line-height:150%; font-weight:bold; } .wrapDiv .mainBanner011 .slider01Layer .tit13 {position:absolute; width:100%; height:auto; left:0; bottom:22%; text-align:left;font-size:1em; color:#fff; line-height:150%;} /* 2017-08-28 수정 */ .wrapDiv .mainBanner011 ul.subMenu li h2 {font-size:1.2em; line-height:150%; letter-spacing:-1px; margin:0; font-weight:normal;} .wrapDiv .mainBanner011 .btnArea2 li { font-size: 14px; } .wrapDiv .mainBanner011 .btnArea2 li a { padding: 3% 0; } .wrapDiv .mainBanner011 ul.subMenu li h2 { font-size: 1.1em; } } @media all and (max-width:750px) { .wrapDiv .mainBanner011 .btnArea2 li a { padding: 5% 0; } } @media all and (max-width:530px) { .wrapDiv .mainBanner011 .slider01Layer .tit13 {position:absolute; width:90%; height:auto; left:5%; bottom:25%; text-align:left;font-size:1em; color:#fff; line-height:150%;} /* 2017-08-28 수정 */ .wrapDiv .mainBanner011 .btnArea2 li { font-size: 14px; } .wrapDiv .mainBanner011 .btnArea2 li a { padding: 5% 0; } .wrapDiv .mainBanner011 ul.subMenu {bottom:11%; } } @media all and (max-width:392px) { .wrapDiv .mainBanner011 .slider01Layer .tit13 { font-size: .95em; line-height: 1.45; } .wrapDiv .mainBanner011 .slider01Layer .line2 { bottom: 53.48%; } } /* @media all and (max-width:1190px) { .wrapDiv .mainBanner011 .slider01Layer{height:400px;} .wrapDiv .mainBanner011 ul.subMenu{width:550px;} .wrapDiv .mainBanner011 ul.subMenu li{height:150px;} .wrapDiv .mainBanner011 ul.subMenu li h2{line-height:40px;} .wrapDiv .mainBanner011 ul.subMenu li a.go{margin-top:10px;} } @media all and (max-width:1080px) { .wrapDiv .mainBanner011 .slider01Layer{height:350px;} .wrapDiv .mainBanner011 ul.subMenu{width:500px;} .wrapDiv .mainBanner011 ul.subMenu li{height:150px;} .wrapDiv .mainBanner011 ul.subMenu li h2{line-height:40px;} .wrapDiv .mainBanner011 ul.subMenu li a.go{margin-top:10px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea{height:80px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea li{line-height:80px;} } @media all and (max-width:960px) { .wrapDiv .mainBanner011 .slider01Layer{height:350px;top:0;} .wrapDiv .mainBanner011 ul.subMenu{width:400px;} .wrapDiv .mainBanner011 ul.subMenu li{height:100px;} .wrapDiv .mainBanner011 ul.subMenu li h2{line-height:40px;font-size:15px !important;} .wrapDiv .mainBanner011 ul.subMenu li a.go{margin-top:10px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea{height:50px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea li{line-height:50px;font-size:15px;} } @media all and (max-width:800px) { .wrapDiv .mainBanner011 .slider01Layer{height:300px;top:0;} .wrapDiv .mainBanner011 ul.subMenu{width:400px;} .wrapDiv .mainBanner011 ul.subMenu li{height:50px;} .wrapDiv .mainBanner011 ul.subMenu li h2{line-height:20px;font-size:15px !important;} .wrapDiv .mainBanner011 ul.subMenu li a.go{margin-top:0px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea{height:50px;} .wrapDiv .mainBanner011 .slider01Layer .btnArea li{line-height:50px;font-size:15px;} } */ /* 스마트폰 */ @media all and (max-width:750px) { .wrapDiv .mainBanner011 {height:auto; margin-top:0px;} .wrapDiv .mainBanner011.subMenuHid {height:513px !important; margin-bottom:0; } .wrapDiv .mainBanner011 .tileLayer {/*height:428px;*/ margin-bottom:0px; top:0; left:0; width:100%; /* margin-top:-24%; */}/* 2017-09-09 수정 */ .wrapDiv .mainBanner011 .tileLayer img {/*height:428px;*/ width:100%; } .wrapDiv .mainBanner011 .web {display:none;} .wrapDiv .mainBanner011 .mobile {display:block;} .wrapDiv .mainBanner011 ul.subMenu {position:absolute;bottom:23%;left:0;width:100%; overflow:hidden; margin-top:0;} .wrapDiv .mainBanner011 ul.subMenu li {width:100%; } .wrapDiv .mainBanner011 ul.subMenu li:nth-child(2) {display:none; } .wrapDiv .mainBanner011 ul.subMenu li h2 {font-size:16px; line-height:22px; margin:36px 0 7px; } .wrapDiv .mainBanner011 ul.subMenu li h2 span{display:block;} .wrapDiv .mainBanner011 ul.subMenu li p.desc {font-size:13px; line-height:21px; margin:0 10px 19px; } .wrapDiv .mainBanner011 ul.subMenu li a.go {width:8.6%;font-size:9px; background-size:33px auto; padding-bottom:7px;} .wrapDiv .mainBanner011 .slider01Layer {width:80%; left:10%; margin:0 auto; height:76.16%; bottom:7.5%; text-align:center; } .wrapDiv .mainBanner011 .slider01Layer .tit1 {font-size:11px; line-height:20px; top:17%; } .wrapDiv .mainBanner011 .slider01Layer .tit2 {font-size:24px; line-height:34px; top:33%; } .wrapDiv .mainBanner011 .slider01Layer .tit3 {font-size:13px; line-height:21px; top:58.5%; } .wrapDiv .mainBanner011 .slider01Layer .btnArea {height:14.3%; line-height:100%; } .wrapDiv .mainBanner011 .slider01Layer .btnArea li {height:100%; line-height:100%; border-top:0; } .wrapDiv .mainBanner011 .slider01Layer .btnArea li a {font-size:13px; line-height:54px; } .wrapDiv .mainBanner011 .slider01Layer .line {width:21px; margin-left:-10px; top:52.8%; } .wrapDiv .mainBanner011 .btnArea {position:absolute; left:10%; top:0; width:80%; height:21.69%; z-index:9999; overflow:inherit; }/* 2017-09-09 수정 */ /*.wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:80%;padding-top:5%;color:#fff; background-color:#d31526; font-weight:bold; }*/ .wrapDiv .mainBanner011 .btnArea li a {display:block; width:100%;height:auto;padding:5% 0;color:#fff; background-color:#d31526; font-weight:bold; font-size:18px;} .wrapDiv .mainBanner011 .subBox{position:absolute;left:0;top:0;margin-left:0;width:100%;height:100%;} } @media all and (max-width:530px) { .wrapDiv .mainBanner011 ul.subMenu {bottom:9%; } .wrapDiv .mainBanner011 ul.subMenu li h2 { font-size: 13px; line-height: 1.4; } } @media all and (max-width:1330px) and (min-width:751px) { .wrapDiv .mainBanner011 ul.subMenu li h2 {/*font-size:28px;*/ } .wrapDiv .mainBanner011 ul.subMenu li p.desc {font-size:14px; } .wrapDiv .mainBanner011 ul.subMenu li a.go {font-size:14px; } } @media all and (max-width:1500px) and (min-width:751px) { /*.wrapDiv .mainBanner011 .slider01Layer {width:400px; height:407px; }*/ .wrapDiv .mainBanner011 .slider01Layer .tit1 {font-size:12px; line-height:20px; top:15%; } .wrapDiv .mainBanner011 .slider01Layer .tit2 {font-size:30px; line-height:40px; top:28%; } .wrapDiv .mainBanner011 .slider01Layer .tit3 {font-size:14px; top:56%; line-height:20px; } .wrapDiv .mainBanner011 .slider01Layer .line {top:50%; } } .wrapDiv .mainBanner011.challenge .tileLayer {display:block; width:100%; height:1036px; position:relative;} .wrapDiv .mainBanner011.challenge .tileLayer img {width:auto; height:100%; position:absolute; top:0; left:50%; margin-left:-960px;} .wrapDiv .mainBanner011.challenge ul.subMenu {clear:both;margin-top:0;} .wrapDiv .mainBanner011.challenge ul.subMenu li {position:relative; height:394px; background-color:#d31526; text-align:center; color:#fff;} .wrapDiv .mainBanner011.challenge ul.subMenu li img {width:auto; position:absolute; left:50%; top:0; margin-left:-480px;} .wrapDiv .mainBanner011.challenge ul.subMenu li h2 {font-weight:normal; font-family:'noto';} .wrapDiv .mainBanner011.challenge ul.subMenu li p.desc {margin-bottom:70px;} .wrapDiv .mainBanner011.challenge ul.subMenu li a.go:hover {color:#000; background-image:url("../img/bg_delimeter_01_black.png");} @media all and (max-width:750px) { .wrapDiv .mainBanner011.challenge {height:auto !important;} .wrapDiv .mainBanner011.challenge .box {position:relative; padding-bottom:210px; background:#f2f2f2;} .wrapDiv .mainBanner011.challenge .tileLayer {height:515px; margin-bottom:0; background:url('../img/bg_challenge_170518.jpg') no-repeat center top;} .wrapDiv .mainBanner011.challenge .tileLayer img {display:none;} .wrapDiv .mainBanner011.challenge ul.subMenu li {display:block; float:none; height:auto; padding:35px 20px;} .wrapDiv .mainBanner011.challenge ul.subMenu li.none {display:none;} .wrapDiv .mainBanner011.challenge ul.subMenu li h2 {margin:0 0 20px;} .wrapDiv .mainBanner011.challenge ul.subMenu li p.desc {margin-bottom:30px;} .wrapDiv .mainBanner011.challenge ul.subMenu li a.go {margin:0;} } .appTopImg{position:relative;text-align:center;} .appTopImg .txt1 {position:absolute;top:33.12%;left:0;width:100%;font-size:40px;color:#fff; line-height:60px;font-weight:bold;} /* 2017-09-08 수정 : top:38.8%; */ .appTopImg .txt2 {position:absolute;top:63.63%;left:0;width:100%;font-size:18px;color:#fff; line-height:32px; } /* 2017-09-08 수정 : top:69%; */ .appTopImg .line {width:42px; margin-left:-21px; top:55.77%;background-color:#fff; } /* 2017-09-08 수정 : top:62%; */ .appTopImg a.movBtn {position:absolute;bottom:9%;left:50%;margin-left:-158px;width:316px; height:63px; line-height:63px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:22px; } /* 2017-09-08 추가 : 2017-09-20 수정 */ .appTopImg .web{display:block;} .appTopImg .mobile{display:none;} .appTopMov{position:relative; height:649px; padding-top:56.16%;} /* 2017-09-08 추가 */ .appTopMov iframe {position:absolute; left:0; top:0;} /* 2017-09-08 추가 */ .wrapDiv .applicationWrap .info.bg2 {overflow:hidden; width:100%; background:url("../img/bg_application_info_170824.jpg") no-repeat center center; background-size:100% 100%; margin-bottom:120px; border-bottom:5px solid #d31526;} .wrapDiv .applicationWrap .info.bg2 .txt2{line-height:22px;} .wrapDiv .applicationWrap .applicationForm.new td.th{font-weight:bold;} /*.wrapDiv .applicationWrap .applicationForm.new td input{font-size:18px;}*/ .wrapDiv .applicationWrap .applicationForm.new td .desc a{color:#0082c5;text-decoration:underline;} .wrapDiv .header.introduce {padding-bottom:0px !important;background:#fff;} .wrapDiv .applicationWrap .infoTable td.no2{padding:30px 0 40px 110px;line-height:42px;} .wrapDiv .applicationWrap .bannerDiv.bg1 {background:url("../img/bg_attention_banner_01.jpg") no-repeat center center; width:100%; height:284px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:100px; } .wrapDiv .applicationWrap .bannerDiv.bg2 {background:url("../img/bg_attention_banner_02.jpg") no-repeat center center; width:100%; height:284px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:100px; } @media all and (max-width:1200px) { .appTopImg{position:relative;text-align:center;} .appTopImg img{width:100%;} .appTopImg .txt1 {position:absolute;top:28.8%;left:0;width:100%;font-size:30px;color:#fff; line-height:40px;font-weight:bold;} /* 2017-09-20 수정 */ .appTopImg .txt2 {position:absolute;top:60%;left:0;width:100%;font-size:16px;color:#fff; line-height:32px; } /* 2017-09-20 수정 */ .appTopImg a.movBtn {position:absolute;bottom:5.36%;left:50%;margin-left:-110px;width:220px; height:42px; line-height:42px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:16px; } /* 2017-09-08 추가 */ .appTopImg .line {width:42px; margin-left:-21px; top:55%;background-color:#fff; } /* 2017-09-20 수정 */ .wrapDiv .applicationWrap .bannerDiv.bg1 {background:url("../img/bg_attention_banner_01.jpg") no-repeat center center; width:100%; height:184px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:50px; } .wrapDiv .applicationWrap .bannerDiv.bg2 {background:url("../img/bg_attention_banner_02.jpg") no-repeat center center; width:100%; height:184px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:50px; } } @media all and (max-width:750px) { .appTopImg{position:relative;text-align:center;} .appTopImg img{width:100%;} .appTopImg .web{display:none;} .appTopImg .mobile{display:block;} .appTopImg .txt1 {position:absolute;top:28.05%;left:0;width:100%;font-size:30px;color:#fff; line-height:40px;font-weight:bold;} /* 2017-09-08 수정 : top:28.8% */ .appTopImg .txt2 {position:absolute;top:57.36%;left:0;width:100%;font-size:16px;color:#fff; line-height:32px; } /* 2017-09-08 수정 : top:69%; */ .appTopImg .txt2 span{display:block;} .appTopImg a.movBtn {position:absolute;bottom:11.36%;left:50%;margin-left:-89px;width:178px; height:37px; line-height:37px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:13px; } /* 2017-09-08 추가 */ .appTopImg .line {width:42px; margin-left:-21px; top:51.19%;background-color:#fff; } /* 2017-09-08 수정 : top:62%; */ .wrapDiv .applicationWrap .infoTable td.no2{padding:12px 0 10px 30px;line-height:32px;} .wrapDiv .applicationWrap .bannerDiv.bg1 {background:url("../img/bg_attention_banner_01.jpg") no-repeat center center; width:94.5%; height:164px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:50px; } .wrapDiv .applicationWrap .bannerDiv.bg2 {background:url("../img/bg_attention_banner_02.jpg") no-repeat center center; width:94.5%; height:164px; text-align:center; color:#fff; background-size:100% 100%; margin-bottom:50px; } .wrapDiv .applicationWrap .info.bg2 {overflow:hidden; width:100%; background:url("../img/bg_application_info_170824_m.jpg") no-repeat center center; background-size:100% 100%; margin-bottom:120px; border-bottom:5px solid #d31526;} .wrapDiv .applicationWrap .info.bg2 .txt2{line-height:16px;} .appTopMov{position:relative; height:349px; padding-top:56.16%;} /* 2017-09-08 추가 */ .appTopMov iframe {position:absolute; left:0; top:0;} /* 2017-09-08 추가 */ } @media all and (max-width:480px) { .appTopImg .txt1 {position:absolute;top:28.8%;left:0;width:100%;font-size:20px;color:#fff; line-height:30px;font-weight:bold;} .appTopImg .txt2 {position:absolute;top:59%;left:0;width:100%;font-size:12px;color:#fff; line-height:22px; } .appTopImg a.movBtn {position:absolute;bottom:9.36%;left:50%;margin-left:-89px;width:178px; height:37px; line-height:37px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:13px; } /* 2017-09-08 추가 */ } /* 2017-09-19 추가 */ .entrantNotice{margin-bottom:50px;font-size:16px;line-height:20px;} @media (max-width: 749px) { .entrantNotice{margin-bottom:50px;padding:0 10px;font-size:11px;line-height:16px;} .wrapDiv .conditionBanner .cSlider01Div{height: 244px;} .tt-challenge-noti{padding: 30px 20px 10px} } /* 2017-09-20 추가 */ @media (max-width:460px) { .wrapDiv .applicationWrap .applicationDiv .info.on p.title{position:relative;margin-top:120px;font-size:25px;line-height:35px;font-weight:bold;} } @media (max-width:390px) { .wrapDiv .applicationWrap .applicationDiv .info.on p.title{position:relative;margin-top:100px;font-size:25px;line-height:35px;font-weight:bold;} .wrapDiv .applicationWrap .applicationDiv .info.on p.txt1{position:relative;padding:10px 0 20px 0;color:#888888;font-size:12px;letter-spacing:-1px;} .wrapDiv .applicationWrap .applicationDiv .info.on div.txt2{position:relative;padding:20px 0 0 0;font-size:12px;color:#fff;line-height:30px;text-align:center;} } /* 2017-10-20 추가 */ .wrapDiv .leaderBoardWrap table tr td button { padding:0; word-wrap:normal; word-break:break-all; white-space:normal; text-align: left;} .wrapDiv .leaderBoardWrap table tr td .nameLink{background-color: transparent; border:none;font-size:16px;color:#555; text-align:center; white-space: nowrap; cursor: pointer;} .wrapDiv .leaderBoardWrap table tr td .nameLink .icon{width:17px; height:17px; margin-left:5px; background:#fff url('/resources/challenge/2019-20/tt-challenge/img/bg_lederName.gif') no-repeat center top;border:1px solid #cccccc; display:inline-block; vertical-align: middle; box-sizing: border-box; position: relative;} .wrapDiv .leaderBoardWrap table tr td .nameLink.active .icon{background-position: left -17px;} .lederTable .lederTwInArea{background-color: #f9f9f9 !important; padding:30px 3.125% 35px; text-align: left;} .lederTable .lederTwInArea .closeScore{padding:14px; background-color: #333; font-size:0; line-height:0; text-align: right; display:none;} .lederTable .lederTwIn{width:100%; display:table;} .lederTable .lederTwIn .profile{position:relative;min-width:200px;height:200px; font-size:0; line-height:0;/* display:table-cell;*/ vertical-align: top;} .lederTable .lederTwIn .profile .photo{width:200px; height:200px;overflow:hidden;} /* .lederTable .lederTwIn .profile .name{padding:5px 0 10px; font-weight: 600; font-size:15px; line-height:1.2; color: #111; text-align: center;} .lederTable .lederTwIn .profile .link{} .lederTable .lederTwIn .profile .link>a{margin-top:1px; background-color: #555; font-weight: 600; font-size:13px; line-height:28px; color: #fff; text-align: center; display:block;} */ .lederTable .lederTwIn .profile .link {width:100% !important; height:50px !important; position:absolute; left:0; bottom:0; background-color:#060910; opacity:0.60; filter:alpha(opacity=60); width:100%; height:100%; border-top:1px solid #5a5e6a; } .lederTable .lederTwIn .profile .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } .lederTable .lederTwIn .profile .link li {width:100%; display:block; float:left; color:#fff; font-size:16px; line-height:50px; text-align:center; margin:0; background:url("../img/bg_delimeter_11.png") no-repeat calc(100% - (100% - 100px)/2), center; } .lederTable .lederTwIn .profile .link li a {color:#fff; } .lederTable .lederTwIn .scoreCard{padding-left:30px; display:table-cell; vertical-align: top;} .lederTable .lederTwIn .scoreCard>table{width:100%; border-spacing:0; box-sizing: border-box;border-top:none;} .lederTable .lederTwIn .scoreCard>table th, .lederTable .lederTwIn .scoreCard>table td{height:40px;padding:0; border-top:1px solid #fff; border-left:1px solid #fff;border-bottom:1px solid #fff; color:#000;font-size:13px; line-height:1.2; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; vertical-align: middle;} .lederTable .lederTwIn .scoreCard>table th{background-color: #d31526; font-weight:600; color:#ffffff;} .lederTable .lederTwIn .scoreCard>table tr.hole_score th{background-color: #555555; font-weight:600; color:#ffffff;} .lederTable .lederTwIn .scoreCard>table tr.hole_score td{background-color: #eeeeee;} .lederTable .lederTwIn .scoreCard>table tr.hole_score td:nth-child(even){background-color: #e3e3e3;} .lederTable .lederTwIn .scoreCard>table tr.data_score th{background-color: #555555; font-weight:600; color:#ffffff;} .lederTable .lederTwIn .scoreCard>table tr.total_score th{background-color: #555555; font-weight:600; color:#ffffff;} .lederTable .lederTwIn .scoreCard>table tr.total_score td{background-color: #eeeeee;} .lederTable .lederTwIn .scoreCard>table tr.total_score td:nth-child(even){background-color: #e3e3e3;} .lederTable .lederTwIn .scoreCard>table td{background-color: #fff; color:#222;} .lederTable .lederTwIn .scoreCard>table tr>th:first-child{width:75px; border-left:none;} .lederTable .lederTwIn .scoreCard>table .wScore{width:40px;} .lederTable .lederTwIn .scoreCard>table .wTotal{width:85px; position: relative;} .lederTable .lederTwIn .scoreCard>table .wTotal span{display:inline-block;} .lederTable .lederTwIn .scoreCard>table .wTotal .btnScore{background-color: transparent; border:none; cursor: pointer; display:none;} .psScore{padding-top:7px; text-align: right; } .psScore>p{padding-right:8px; font-size:14px; line-height:1; color: #222; display:inline-block; vertical-align: top;} .psScore>p>.bg{width:12px; height:12px; margin-right:3px; font-size:0; line-height:0; display:inline-block; vertical-align: middle; white-space: nowrap; } .nTable>table td.hole, .lederTable .lederTwIn .scoreCard>table td.hole, .psScore>p.hole>.bg{background-color: #950000 !important; color:#fff;} /*가장붉은색*/ .nTable>table td.aces, .lederTable .lederTwIn .scoreCard>table td.aces, .psScore>p.aces>.bg{background-color: #d50000 !important; color:#fff;} .nTable>table td.eagles, .lederTable .lederTwIn .scoreCard>table td.eagles, .psScore>p.eagles>.bg{background-color: #db5602 !important; color:#fff;} /*주황색*/ .nTable>table td.birdies, .lederTable .lederTwIn .scoreCard>table td.birdies, .psScore>p.birdies>.bg{background-color: #d49100 !important; color:#fff;} /*진한노란색*/ .nTable>table td.par, .lederTable .lederTwIn .scoreCard>table td.par, .psScore>p.par>.bg{background-color: #fff !important; } /* 회색배경 */ .nTable>table td.bogeys, .lederTable .lederTwIn .scoreCard>table td.bogeys, .psScore>p.bogeys>.bg{background-color: #3289ea !important; color:#fff;} /*진한하늘색*/ .nTable>table td.dbogeys, .lederTable .lederTwIn .scoreCard>table td.dbogeys, .psScore>p.dbogeys>.bg{background-color: #1151d2 !important; color:#fff;} /*파란색*/ .nTable>table td.tbogeys, .lederTable .lederTwIn .scoreCard>table td.tbogeys, .psScore>p.tbogeys>.bg{background-color: #201cbc !important; color:#fff;} /*진한파란색*/ .lederTable .lederTwInArea.hide{padding:0; border-bottom:none;display:none;} .lederTable .lederTwInArea.hide .lederTwIn{position: absolute; left:-9999px; top:0;} .lederTable .lederTwInArea.hide .closeScore{display:none;} .lederTable .lederTw{border-top:none !important;} .sub1 a.movBtn {width:236px; height:63px; margin:0 auto;margin-top:60px;margin-bottom:120px;line-height:63px; font-weight:bold; display:block; background:#d31526; color:#fff; text-align:center; font-size:22px; } /* 2018-02-06 추가 */ .wrapDiv .mainBanner09 .logo { text-align: center; padding-bottom: 20px; } /* 2018-10-31 수정 */ .wrapDiv .mainBanner09 .logo img{width:auto !important;} /* 2018-10-31 수정 */ .wrapDiv .mainBanner09 h3 {font-size:32px; line-height:48px; letter-spacing:-1px; color:#333333; text-align:center; padding-bottom: 20px;position:relative;margin-bottom:48px;} /* 2018-10-31 수정 */ .wrapDiv .mainBanner09 h3:after{content:'';position:absolute;bottom:0;left:50%;border-bottom:1px solid #000;width:30px;} /* 2018-10-31 추가 */ .wrapDiv .mainBanner09 .subLine { text-align: center; position: relative; margin-bottom: 80px; } .wrapDiv .mainBanner09 .subLine::before { content: ""; width: 100%; height: 1px; background-color: #d9d9d9; position: absolute; bottom: 50%; left: 0; right: 0; z-index: 0; } .wrapDiv .mainBanner09 .subLine p { position: relative; z-index: 1; display: inline; padding: 3px 27px; font-weight: bold; background-color: #d31526; color: #fff; font-size: 34px; font-family: "NovaB", "noto"; } .wrapDiv .mainBanner09 .slider09Div {width:100%; height:100%; position:relative; margin-bottom: 80px; } .wrapDiv .mainBanner09 .slider09Wrap {max-width:1200px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .wrapDiv .mainBanner09 .slider09 .subList li {/*width:24.1%; margin-right:1.2%; */position:relative;width:100%;} /* .wrapDiv .mainBanner09 .slider09 .subList li .slide_visual{position:relative;overflow:hidden;padding-top: 100%;} .wrapDiv .mainBanner09 .slider09 .subList li img {width:100%;position: absolute;top: 0%;left: 0;display: block;} */ .wrapDiv .mainBanner09 .slider09 .subList li .slide_visual {height:0;padding-bottom:100%; position:relative; width:100%; } .wrapDiv .mainBanner09 .slider09 .subList li .slide_visual img {position:absolute; width:100%; height:100%;} .wrapDiv .mainBanner09 .slider09 .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin:34px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; vertical-align: middle;} .wrapDiv .mainBanner09 .slider09 .subList li p.name span {font-weight:normal;} .wrapDiv .mainBanner09 .slider09 .subList li p.name span em {color:#aaaaaa; font-style:normal;} .wrapDiv .mainBanner09 .slider09 .subList li .link {width:100% !important; height:60px !important; position:absolute; left:0; bottom:100px; background-color:#060910; opacity:0.60; filter:alpha(opacity=60); width:100%; height:100%; border-top:1px solid #5a5e6a; } .wrapDiv .mainBanner09 .slider09 .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } .wrapDiv .mainBanner09 .slider09 .subList li .link li {width:50%; display:block; float:left; color:#fff; font-size:16px; line-height:59px; text-align:center; margin:0; } .wrapDiv .mainBanner09 .slider09 .subList li .link.one li {width:100%;} .wrapDiv .mainBanner09 .slider09 .subList li .link li a {color:#fff; display:block;} .wrapDiv .mainBanner09 .slider09 .subList li .link li:last-child {border-left:1px solid #5a5e6a; } .wrapDiv .mainBanner09 .slider09 .subList li .link:hover li:last-child {border-left:1px solid #ec6c78; } .wrapDiv .mainBanner09 .slider09 .subList li .link:hover li:hover a { } .wrapDiv .mainBanner09 .swiper_button {display:hidden;} .wrapDiv .mainBanner09 .swiper_button .bx-prev {position:absolute; left:0; top:50%; margin-top:-61px; background:url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; z-index:2;} .wrapDiv .mainBanner09 .swiper_button .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .wrapDiv .mainBanner09 .swiper_button .bx-next {position:absolute; right:0; top:50%; margin-top:-61px; background:url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; z-index:2;} .wrapDiv .mainBanner09 .swiper_button .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} @media all and (max-width:749px) { .wrapDiv .mainBanner09 {height:auto; padding-bottom:40px; background:none;} .wrapDiv .mainBanner09 .logo { padding-top:50px; } .wrapDiv .mainBanner09 .logo img { width: 93px; } .wrapDiv .mainBanner09 .slider02Wrap {height:auto; } .wrapDiv .mainBanner09 h3 {font-size: 19px; line-height:23px;margin-bottom:20px;} /* 2018-10-31 수정 */ .wrapDiv .mainBanner09 h3:after{content:'';position:absolute;bottom:0;left:50%;border-bottom:0;width:0;} /* 2018-10-31 추가 */ .wrapDiv .mainBanner09 h3 span { display: block; } .wrapDiv .mainBanner09 .subLine { margin-bottom: 40px; } .wrapDiv .mainBanner09 .subLine p { font-size: 17px; } .wrapDiv .mainBanner09 .slider09Div { margin-bottom: 0; } .wrapDiv .mainBanner09 .slider09 .subList li .link {bottom:56px; height:34px !important; } .wrapDiv .mainBanner09 .slider09 .subList li .link li:last-child a {background-size:6px 6px;} .wrapDiv .mainBanner09 .slider09 .subList > li {width:100%;} .wrapDiv .mainBanner09 .slider09 .subList li .slide_visual {height:0;padding-bottom:100%; position:relative; width:100%; } .wrapDiv .mainBanner09 .slider09 .subList li .slide_visual img {position:absolute; width:100%; height:100%;} .wrapDiv .mainBanner09 .swiper_button {display:none; } .wrapDiv .mainBanner09 .slider09 .subList li .link li {font-size:8px; height:34px; line-height:34px; } .wrapDiv .mainBanner09 .slider09 .subList li p.name {font-size:10px; line-height:16px; margin:20px 0; } } .championshipSketch { width: 100%; min-height: 500px; background: url("../img/championshipSketch.png") no-repeat center 0; background-size: cover; text-align: center; display: table; width: 100%; table-layout: fixed; } .championshipSketch div { display: table-cell; vertical-align: middle; } .championshipSketch h3 { color: #333; font-size: 45px; line-height: 1.3; font-family: "NovaB", "noto"; padding-bottom: 30px; } .championshipSketch h3 mark { background: none; } .championshipSketch h3 mark.pc { display: block; } .championshipSketch h3 span { color: #c70517; } .championshipSketch p { font-size: 22px; color: #333; line-height: 1.6; padding-bottom: 50px; } .championshipSketch p span { display: block; } .championshipSketch a { display: inline-block; width: 76px; height: 34px; background: url("../img/goBtn.png") no-repeat center 0; background-size: 76px 34px; text-indent: -9999em; } .championshipSketch a:hover, .championshipSketch a:focus { background: url("../img/goBtn_on.png") no-repeat center 0; background-size: 76px 34px; } @media all and (max-width:1170px) { .championshipSketch h3 { font-size: 32px; } .championshipSketch p { font-size: 20px; } } @media all and (max-width:1024px) { .championshipSketch { min-height: 450px; } .championshipSketch h3 { font-size: 26px; } .championshipSketch p { font-size: 16px; } } @media all and (max-width:749px) { .championshipSketch { min-height: 400px; } .championshipSketch h3 { font-size: 23px; } .championshipSketch h3 mark.mobile { display: block; } .championshipSketch p { font-size: 11px; } } @media all and (max-width:359px) { .championshipSketch p { font-size: 10px; word-spacing: -1px; } } /* //2018-02-06 추가 */ /* 2018-07-19 추가 :: 시작 */ .aisaPacific{position:relative;width:100%;text-align:center;} .aisaPacific h3{color:#fff;font-size:65px;} .aisaPacific p{margin:45px 0;color:#fff;font-size:22px;} .aisaPacific p br{display:none;} .aisaPacific .aisaPacificLink{margin-top:18%;position:relative;} .aisaPacific .aisaPacificContents h3{padding-top:10%;} .aisaPacific .aisaPacificLink img{width:100%;} .aisaPacific .aisaPacificLink .btnRound01{position:absolute;top: 69%;left: 18.5%;text-indent:-99999px;display:block;width: 13%;height: 18%;} .aisaPacific .aisaPacificLink .btnRound02{position:absolute;top:69%;left:68.5%;text-indent:-99999px;display:block;width: 13%;height: 18%;} .aisaPacific .watching{ display: inline-block; width: 250px; height:75px; color: #000; font-size:25px; line-height:75px; background-color: #fff; font-weight: bold; } .aisaPacific .videoArea{position:absolute;width:100%;top:0;left:0;z-index:-1;} .aisaPacific .videoArea video{width:100%;height:100%;} .aisaPacific .videoArea .inner{overflow:hidden;position:relative;height:100%;} .aisaPacific .videoArea .inner:before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.3);} @media all and (max-width:1920px) { .aisaPacific .aisaPacificLink{margin-top:14%;} } @media all and (max-width:1700px) { .aisaPacific h3{color:#fff;font-size:60px;} .aisaPacific .aisaPacificLink{margin-top:11%;} .aisaPacific .aisaPacificContents h3{padding-top:9%;} } @media all and (max-width:1500px) { .aisaPacific h3{color:#fff;font-size:55px;} .aisaPacific .aisaPacificLink{margin-top:10%;} .aisaPacific .aisaPacificContents h3{padding-top:8%;} } @media all and (max-width:1300px) { .aisaPacific h3{color:#fff;font-size:50px;} .aisaPacific .aisaPacificLink{margin-top:9%;} .aisaPacific .aisaPacificContents h3{padding-top:7%;} } @media all and (max-width:1200px) { .aisaPacific h3{color:#fff;font-size:45px;} .aisaPacific .aisaPacificLink{margin-top:8%;} .aisaPacific .aisaPacificContents h3{padding-top:6%;} .aisaPacific p{font-size:18px;} .aisaPacific .watching{ display: inline-block; width: 150px; height:60px; color: #000; font-size:20px; line-height:60px; background-color: #fff; font-weight: bold; } } @media all and (max-width:1000px) { .aisaPacific h3{color:#fff;font-size:35px;} .aisaPacific .aisaPacificLink{margin-top:7%;} .aisaPacific .aisaPacificContents h3{padding-top:5%;} .aisaPacific p{font-size:18px;margin:25px 0;} .aisaPacific .watching{ display: inline-block; width: 130px; height:50px; color: #000; font-size:15px; line-height:50px; background-color: #fff; font-weight: bold; } } @media all and (max-width:750px) { .aisaPacific .aisaPacificContents h3{padding:20% 3% 0;font-size:25px;} .aisaPacific p{padding:0 3%;font-size:13px;line-height:22px;} .aisaPacific p br{display:block;} .aisaPacific .watching{height:35px;line-height:35px;font-size:13px;} .aisaPacific .aisaPacificLink{margin-top: 50%;} .aisaPacific .aisaPacificLink .btnRound01{left:4.5%;width:32%;height:20%;} .aisaPacific .aisaPacificLink .btnRound02{left:62.5%;width:34%;height:21%;} } @media all and (max-width:650px) { .aisaPacific .aisaPacificLink{margin-top: 46%;} } @media all and (max-width:570px) { .aisaPacific .aisaPacificLink{margin-top: 42%;} } @media all and (max-width:540px) { .aisaPacific .aisaPacificLink{margin-top: 35%;} } @media all and (max-width:470px) { .aisaPacific .aisaPacificLink{margin-top: 30%;} } @media all and (max-width:414px) { .aisaPacific .aisaPacificLink{margin-top: 25%;} } @media all and (max-width:375px) { .aisaPacific .aisaPacificLink{margin-top: 20%;} } @media all and (max-width:360px) { .aisaPacific .aisaPacificLink{margin-top: 17%;} } @media all and (max-width:320px) { .aisaPacific .aisaPacificLink{margin-top: 9%;} } /* 2018-07-19 추가 :: 끝 */ /* 2018-07-20 :: Asia Pacific Championship 상세페이지 */ .forMobile{display:none;} .pacificTab{padding:80px 0;text-align:center;background:#fff;} .pacificTab .tabArea{max-width:1200px;margin:0 auto;padding:0 10px;background-image:url(../img/pacificTab_logo.png);background-size:180px auto;background-repeat:no-repeat;background-position:center center;} .pacificTab .tabArea span{display:inline-block;width:19.6%;height:70px;background-repeat:no-repeat;background-position:left top;background-size: 100% auto;vertical-align:middle;} .pacificTab .tabArea span a{display:block;width:100%;height:100%;text-indent:-9999px;} .pacificTab .tabArea .logo{display:inline-block;width:22%;padding:0 20px;vertical-align:middle;} .pacificTab .tabArea span.logo img{max-width:100%;} .pacificTab .tabArea span.tab1{margin:0 -1.6% 0 0;background-image:url("../img/btn_jejuTab_1.png");} .pacificTab .tabArea span.tab2{margin-right:220px;background-image:url("../img/btn_jejuTab_2.png");} .pacificTab .tabArea span.tab3{margin:0 -1.6% 0 0;background-image:url("../img/btn_jejuTab_3.png");} .pacificTab .tabArea span.tab4{background-image:url("../img/btn_jejuTab_4.png");} .pacificTab .tabArea span.tab1.on{background-image:url("../img/btn_jejuTab_1_on.png");} .pacificTab .tabArea span.tab2.on{background-image:url("../img/btn_jejuTab_2_on.png");} .pacificTab .tabArea span.tab3.on{background-image:url("../img/btn_jejuTab_3_on.png");} .pacificTab .tabArea span.tab4.on{background-image:url("../img/btn_jejuTab_4_on.png");} .pacificTab .tabArea span.tab1:hover{background-image:url("../img/btn_jejuTab_1_on.png");} .pacificTab .tabArea span.tab2:hover{background-image:url("../img/btn_jejuTab_2_on.png");} .pacificTab .tabArea span.tab3:hover{background-image:url("../img/btn_jejuTab_3_on.png");} .pacificTab .tabArea span.tab4:hover{background-image:url("../img/btn_jejuTab_4_on.png");} .pacificMovie{width:100%;height:1140px;padding-top:115px;background:url("../img/bg_jeju_youtube.jpg") no-repeat center top;background-size:cover;} .pacificMovie .movieArea{max-width:1200px;height:505px;margin:0 auto 50px;padding:0 10px;} .pacificMovie .movieCont{overflow:hidden;width:100%;height:100%;} .pacificMovie .movieCont .movie{float:left;width: calc(100% - 300px);height:100%;} .pacificMovie .movieCont .movie .inner{position:relative;width:100%;height:100%;} .pacificMovie .movieCont .movie iframe{position:absolute;left:0;top:0;width:100%;height:100%;} .pacificMovie .movieCont .txtArea{float:left;width:300px;height:100%;background:#c20819;} .pacificMovie .movieCont .txtArea .tit{display:block;padding:35px 25px 25px;border-bottom:1px solid #e73142;font-size:28px;font-weight:bold;color:#fff;} .pacificMovie .movieCont .txtArea .tit span{display:block;margin:10px 0 0;font-size:35px;font-weight:bold;color:#ff7878;} .pacificMovie .movieCont .txtArea .tit.prologue{padding:35px 30px 25px;font-size:35px;} .pacificMovie .movieCont .txtArea .examTxt{position:relative;padding:20px;color:#ffe6e8;;font-size:18px;line-height:1.4;} .pacificMovie .movieCont .txtArea .examTxt:before{content:'';position:absolute;top:0;left:25px;width:25px;height:1px;background:#fff;} .pacificMovie .movieCont .txtArea .examTxt:first-of-type:before{display:none;} .pacificMovie .movieCont .txtArea .examTxt em{display:block;margin:15px 0;color:#fff;font-style:normal;font-size:22px;font-weight:bold;} .pacificMovie .movieCont .txtArea .examTxt em:first-of-type{margin-top:0;} .pacificMovie .movieCont .txtArea .examTxt.ty01 em{margin-top:15px;} .pacificMovie .movieBtn{position:relative;max-width:1200px;margin:0 auto;} .pacificMovie .movieBtn img{width:100%;} .pacificMovie .movieBtn li:nth-child(1){position:absolute;top:0;left:0;width:33.33%;height:100%;} .pacificMovie .movieBtn li:nth-child(2){position:absolute;top:0;left:33%;;width:33.33%;height:100%;} .pacificMovie .movieBtn li:nth-child(3){position:absolute;top:0;left:66%;width:33.33%;height:100%;} .pacificMovie .movieBtn li a{display:block;width:100%;height:100%;text-indent:-9999px;} .pacificWrap{padding:90px 0;} .pacificWrap .tit{display:block;margin:0 0 15px;font-size:36px;text-align:center;} .pacificWrap .tit + .sub{margin:0 0 45px;font-family:'Charlemagne std';font-size:14px;color:#bbb;text-align:center;text-transform: uppercase;} .pacificWrap .pacificCont{max-width:1200px;margin:0 auto;padding:0 10px;} .pacificWrap .signAisa img{width:100%;} .pacificTable{position:relative;padding:12px 0;} .pacificTable:before{content:'';position:absolute;top:0;left:0;width:300px;height:12px;background:url('../img/bg_table_top_bar.png') no-repeat right top;} .pacificTable:after{content:'';position:absolute;bottom:2px;right:2px;width:810px;height:12px;background:url('../img/bg_table_bottom_bar.png') left top;} .wrapDiv .contents .pacificTable table{margin:0;} .wrapDiv .contents .pacificTable table td{font-size:18px;line-height:32px;} .wrapDiv .contents .pacificTable table td.number{padding-left:20px;font-size:36px;font-family: 'NovaB';color:#ddd;} .wrapDiv .contents .pacificTable table td.title{font-weight:bold;} .wrapDiv .contents .pacificTable table td.brb{border-bottom:0;} .pacificTable table td .mTit{display:none;} .pacificTable table td strong{display:block;margin:30px 0 0;} .pacificTable table td strong.mt0{margin:0;} .pacificTable table td strong.red{color:#d31526;} .photoPacific {padding:100px 0 60px;background:url('../img/bg_aisa_photo_skatch.jpg') no-repeat center top;background-size:cover;font-size:50px;line-height:65px;color:#fff;text-align:center;} .photoPacific .gotham{font-family: 'NovaM';} .photoPacific .aisaPacificLink{position:relative;margin:50px 0 0;} .photoPacific .aisaPacificLink img{width:100%;} .photoPacific .aisaPacificLink .btnRound01 {position: absolute;top: 65%;left: 18.7%;text-indent: -99999px;display: block;width: 12.5%;height: 19%;} .photoPacific .aisaPacificLink .btnRound02 {position: absolute;top: 65%;left: 68.7%;text-indent: -99999px;display: block;width: 12.5%;height: 19%;} .pacificTop{position:fixed;bottom:0;right:0;width:94px;height:94px;background:url('../img/pacific_btn_top.gif') no-repeat left top;text-indent:-9999px;} @media all and (max-width:1050px) { .pacificTab {padding: 50px 0;} } @media all and (max-width:970px) { .pacificTab .tabArea{background-size:100px auto;} .pacificTab .tabArea span{height:55px;} .pacificTab .tabArea span.tab2{margin-right:130px;} } @media all and (max-width:890px) { .pacificTab {padding-bottom:30px ;} .pacificTable:after{width:650px;} } @media all and (max-width:768px) { .forWeb{display:none;} .forMobile{display:block;} .pacificMovie{height:auto;padding:25px 20px;} .pacificMovie .movieArea{height:auto;margin-bottom:15px;padding:0;} .pacificMovie .movieCont .movie{width:100%;height:auto;} .pacificMovie .movieCont .movie .inner{height:0;padding-top:56.25%;} .pacificMovie .movieCont .txtArea{width:100%;} .pacificMovie .movieCont .txtArea .tit{padding:15px;font-size:16px;} .pacificMovie .movieCont .txtArea .tit span{display:inline-block;margin:-3px 0 0 10px;font-size:18px;vertical-align:middle;} .pacificMovie .movieCont .txtArea .tit.prologue{padding:15px;font-size:18px;} .pacificWrap{padding:35px 0;} .pacificMovie .movieCont .txtArea .examTxt{padding:15px;font-size:14px;} .pacificMovie .movieCont .txtArea .examTxt em{margin:10px 0;font-size:16px;} .pacificMovie .movieCont .txtArea .examTxt.ty01 em{margin:10px 0;margin-top:10px;margin-bottom:0px;font-size:16px;} .pacificMovie .movieCont .txtArea .examTxt:before{display:none;} .pacificMovie .movieCont .txtArea .examTxt br{display:none;} .wrapDiv .contents .pacificTable table td{padding:25px 0;background-color:#fff !important;font-size:13px;line-height:18px;} .pacificTable:before{width:150px;} .pacificTable:after{width:200px;} .pacificTable table td strong{margin:10px 0 0;} .pacificTable table td .mTit{display:block;margin:0 0 15px;font-style:normal;font-weight:bold;} .wrapDiv .contents .pacificTable table .col1{width:40px !important;} .wrapDiv .contents .pacificTable table td:nth-child(2), .wrapDiv .contents .pacificTable table td:nth-child(3){display:none;} .wrapDiv .contents .pacificTable table td.number{padding-left:0;font-size:18px;} .wrapDiv .contents .infoTable td .txt-cont ~ .txt-cont {padding-top:30px;} /* popup */ .wrapDiv .open-popup.layerpop-m{width:calc(100% - 20px);height:calc(100vh - 20px);top:10px;border-bottom:2px solid #000;transform:translate(-50%);left:50%;} .wrapDiv .open-popup .pop-inner{max-height: calc(100vh - 32px);} .wrapDiv .open-popup .pop-close{top:25px;right:20px;width:30px;height:30px;} .wrapDiv .open-popup .pop-close:before, .wrapDiv .open-popup .pop-close:after{content:' ';top:3px;left:15px;width:1px;height:22px;} .signAisa{padding:105px 10px;background:url("../img/bg_pacific_asia_player.jpg");background-size:cover;} .signAisa .slidePlayer .swiper-slide{padding:0 20px;} .signAisa .swiper-button-next, .signAisa .swiper-button-prev{width:13px;height:23px;margin-top:-12px;background-size:13px 23px;} .signAisa .swiper-button-next{right:0;background-image:url("../img/asia_player_slide_next.png");} .signAisa .swiper-button-prev{left:0;background-image:url("../img/asia_player_slide_prev.png");} .signAisa .chinaTeam {margin-top:38%;} #pacific4{padding-bottom:170px;} .photoPacific{height:320px;padding:35px 0 0;font-size:25px;line-height:36px;} .photoPacific strong{display:block;padding:0 10px;} .photoPacific .aisaPacificLink{margin:26px 0 0;} .photoPacific .aisaPacificLink .btnRound01{top:69%;left:3.7%;width:32.7%;height:21%;} .photoPacific .aisaPacificLink .btnRound02{top:69%;left:62.7%;width:33.7%;height:21%;} .pacificBtn{text-align:center;} .pacificTop{position:static;display:inline-block;width:40px;height:40px;background-size:40px 40px;} } @media all and (max-width:750px) { .pacificTab{position:relative;margin-top: -60px;padding:15px 0;z-index:1;} .pacificTab .tabArea{background-image:none;} .pacificTab .tabArea span{display:inline-block;width:25%;height:82px;} .pacificTab .tabArea span.logo{display:none;} .pacificTab .tabArea span.tab1{margin:0;background-image: url(../img/btn_pacificTab_m_1.png);} .pacificTab .tabArea span.tab2{width:27.5%;margin:0 -5.3%;background-image: url(../img/btn_pacificTab_m_2.png);} .pacificTab .tabArea span.tab3{width:27.6%;background-image: url(../img/btn_pacificTab_m_3.png);} .pacificTab .tabArea span.tab4{width:25.3%;margin:0 0 0 -3.9%;background-image: url(../img/btn_pacificTab_m_4.png);} .pacificTab .tabArea span.tab1.on{background-image:url("../img/btn_pacificTab_m_1_on.png");} .pacificTab .tabArea span.tab2.on{background-image:url("../img/btn_pacificTab_m_2_on.png");} .pacificTab .tabArea span.tab3.on{background-image:url("../img/btn_pacificTab_m_3_on.png");} .pacificTab .tabArea span.tab4.on{background-image:url("../img/btn_pacificTab_m_4_on.png");} .pacificTab .tabArea span.tab1:hover{background-image:url("../img/btn_pacificTab_m_1_on.png");} .pacificTab .tabArea span.tab2:hover{background-image:url("../img/btn_pacificTab_m_2_on.png");} .pacificTab .tabArea span.tab3:hover{background-image:url("../img/btn_pacificTab_m_3_on.png");} .pacificTab .tabArea span.tab4:hover{background-image:url("../img/btn_pacificTab_m_4_on.png");} .pacificWrap .tit{margin:0 0 8px;font-size:22px;} .pacificWrap .tit + .sub{margin:0 0 20px;font-size:10px;} .signAisa{padding:85px 10px;} .photoPacific .aisaPacificLink{margin:34px 0 0;} } @media all and (max-width:630px) { .pacificTab .tabArea span{height:68px;} } @media all and (max-width:510px) { .pacificTab .tabArea span{height:56px;} } @media all and (max-width:414px) { .pacificTab .tabArea span{height:47px;} .pacificTab .tabArea span.tab2 {margin: 0 -5.5%;} .signAisa{padding:60px 10px;} #pacific4{padding-bottom:130px;} .photoPacific{height:295px;} } @media all and (max-width:375px) { .pacificTab .tabArea span{height:42px;} .pacificTab .tabArea span.tab2 {width:27.8%;margin: 0 -5.8%;} .pacificTab .tabArea span.tab4 { margin: 0 0 0 -4.1%;} #pacific4{padding-bottom:100px;} .photoPacific{height:285px;} } @media all and (max-width:360px) { .pacificTab .tabArea span{height:40px;} .photoPacific{height:280px;} } @media all and (max-width:330px) { .pacificTab .tabArea span {height: 36px;} .pacificTab .tabArea span.tab2 {width:27%;} #pacific4{padding-bottom:80px;} .photoPacific{height:275px;} } /* 2018-08-31 추가 */ .bgGray{background:#f9f9f9;} /* 2018-10-04 수정 */ /* 2018-10-04 추가 */ .contents.bgGray .dimmed{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .2); z-index:200;} .contents.bgGray .dimmed .finishBox{display:table;width:100%;height:100%;} .contents.bgGray .dimmed .finishBox .finishBoxWrap{display:table-cell;padding:0 7%;vertical-align:middle;text-align:center;} .contents.bgGray .dimmed .finishBox .forPC{max-width:899px;margin:auto;} .contents.bgGray .dimmed .finishBox img{width:100%;} /* //2018-10-04 추가 */ .contentsWrap{max-width:1200px;position:relative;margin:0 auto;} /* 사이즈 공통으로 추가 */ .fixedTop{position:fixed;top:50%;right:0;} .fixedTop a{display:block;} .wrapDiv .visualWrap {max-width:1920px; position:relative; margin:0 auto; } .wrapDiv .visualWrap .appTopImg img{width:100%;} .wrapDiv .visualWrap .visualText1{position:absolute;width:100%;font-size:24px;color:#fff;top:8.2%;line-height:30px;} .wrapDiv .visualWrap .visualText2{position:absolute;width:100%;font-size:62px;color:#fff;top:23.5%;font-weight:700;} .wrapDiv .visualWrap .visualText3 {position:absolute;width:100%;font-size:20px;color:#ccc;top:40.15%;} /* 2018-10-05 수정 */ .wrapDiv .visualWrap .visualText3 span{border-left:1px solid #555;padding-left:27px;} .wrapDiv .visualWrap .visualText3 span:first-child{border-left:0;padding-right:27px;padding-left:0;} .wrapDiv .visualWrap .visualText3 span strong{color:#fff;font-weight:700;margin-right:12px;} .wrapDiv .visualWrap .timeOut{width: 440px;margin: 0 auto;left: 0;right: 0;position:absolute;font-size: 20px;color:#fff;top:47.5%;overflow:hidden;clear:both;} .wrapDiv .visualWrap .timeOut p{font-size: 18px;color:#222;background:#fff;height: 35px;line-height: 35px;font-weight:700;} .wrapDiv .visualWrap .timeOut .bdl{border-left:4px solid #fff;} .wrapDiv .visualWrap .timeOut .bdr{border-right:4px solid #fff;} .wrapDiv .visualWrap .timeOut div{float:left;width: 110px;box-sizing:border-box;border-bottom:4px solid #fff;position:relative;} .wrapDiv .visualWrap .timeOut div:before {content: "";position:absolute;top: 22px;right:0;height: 50px;width:1px;background: rgba(255, 255, 255, 0.4);} .wrapDiv .visualWrap .timeOut div span{display:block;font-size: 14px;color:#ccc;padding-bottom: 20px;} .wrapDiv .visualWrap .timeOut div span:first-child{font-size: 32px;color:#fff;font-weight:700;padding: 14px 0 10px 0;} /* .wrapDiv .visualWrap .timeOut{width: 520px;margin: 0 auto;left: 0;right: 0;position:absolute;font-size:24px;color:#fff;top:37.3%;overflow:hidden;clear:both;} .wrapDiv .visualWrap .timeOut p{font-size:22px;color:#222;background:#fff;height:50px;line-height:50px;font-weight:700;} .wrapDiv .visualWrap .timeOut .bdl{border-left:4px solid #fff;} .wrapDiv .visualWrap .timeOut .bdr{border-right:4px solid #fff;} .wrapDiv .visualWrap .timeOut div{float:left;width:130px;box-sizing:border-box;border-bottom:4px solid #fff;position:relative;} .wrapDiv .visualWrap .timeOut div:before {content: "";position:absolute;top: 30px;right:0;height: 74px;width:1px;background: rgba(255, 255, 255, 0.4);} .wrapDiv .visualWrap .timeOut div span{display:block;font-size:16px;color:#ccc;padding-bottom:26px;} .wrapDiv .visualWrap .timeOut div span:first-child{font-size:50px;color:#fff;font-weight:700;padding:21px 0 17px 0;} */ .wrapDiv .contentsWrap{padding-top:90px;} .wrapDiv .contentsWrap.noPd{padding:0;} /* 2018-10-04 추가 */ .wrapDiv h3 {font-size:36px; line-height:48px; letter-spacing:-1px; color:#222; text-align:center;font-weight:700;} .wrapDiv h3.h3Title {margin-bottom:50px;} .wrapDiv .txt-01{padding:20px 0 0;color:#ccc;font-size:14px;text-align:center;font-weight:700;letter-spacing:1px;line-height:1.4;margin-bottom:50px;} .wrapDiv .contentsWrap img{width:100%;} .wrapDiv .contentsWrap .subTitImg{max-width:372px;margin:0 auto;margin-top:10px;margin-bottom:40px;} .wrapDiv .decoLine{background-color:#000;height:10px;position:relative;overflow:hidden;} .wrapDiv .decoLine::before {content: "";background-color:#c20819;transform: skew(-45deg);width:195px;height:100%;position:absolute;top:0;left:-5px;overflow:hidden;} .wrapDiv .contentsWrap .infoWrap{margin-bottom:70px;display:flex;align-items:center;justify-content:space-around;background-color:#fff;border-bottom:2px solid #000;width:100%;} .wrapDiv .contentsWrap .infoWrap .txtWrap{position:relative;padding:38px 0;width:50%;display:flex;align-items:center;justify-content:center;flex:none} .wrapDiv .contentsWrap .infoWrap .txtWrap .subject{color:#333;font-size:18px;line-height:1;letter-spacing:-.9px} .wrapDiv .contentsWrap .infoWrap .txtWrap .cont{padding-left:28px;color:#333;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1.2px} .wrapDiv .contentsWrap .infoWrap .txtWrap ~ .txtWrap:before{content:"";display:block;width:1px;height:23px;background-color:#cccccc;position:absolute;top:50%;left:0;transform:translateY(-50%)} .wrapDiv .contentsWrap .infoTable {border-top:none; overflow:hidden; width:100%; margin-bottom:0; border-bottom:2px solid #000;} .wrapDiv .contentsWrap .infoTable tr.last td {border-bottom:0; } .wrapDiv .contentsWrap .infoTable tr:nth-child(4n+1){background-color:#fff;} .wrapDiv .contentsWrap .infoTable tr.bg-fa{background-color:#fafafa;} .wrapDiv .contentsWrap .infoTable tr.catuion-area td {border-top:1px solid #ccc;} .wrapDiv .contentsWrap .infoTable td {font-size:18px; color:#333333; letter-spacing:-1px; line-height:28px; padding:35px 0 35px 74px; position:relative; } .wrapDiv .contentsWrap .infoTable td.th {font-size:18px; color:#333333; letter-spacing:-1px; padding:35px 0 35px 50px; vertical-align:top; line-height:28px;} .wrapDiv .contentsWrap .infoTable td .txt-cont ~ .txt-cont {padding-top:33px;} .wrapDiv .contentsWrap .infoTable td .txt-cont .time {color:#000;width:50px;display:inline-block;} .wrapDiv .contentsWrap .infoTable td .txt-cont li {padding-top:5px;} .wrapDiv .contentsWrap .infoTable td.no1 {background-image:url("../img/bg_no_1.png");} .wrapDiv .contentsWrap .infoTable td.no2 {background-image:url("../img/bg_no_2.png");} .wrapDiv .contentsWrap .infoTable td.no3 {background-image:url("../img/bg_no_3.png");} .wrapDiv .contentsWrap .infoTable td.no4 {background-image:url("../img/bg_no_4.png");} .wrapDiv .contentsWrap .infoTable td.no5 {background-image:url("../img/bg_no_5.png");} .wrapDiv .contentsWrap .infoTable td.no6 {background-image:url("../img/bg_no_6.png");} .wrapDiv .contentsWrap .infoTable td.no7 {background-image:url("../img/bg_no_7.png");} .wrapDiv .contentsWrap .infoTable td.th.type2 {background:url("../img/bg_delimeter_07.png") no-repeat 19px 40px; } .wrapDiv .contentsWrap .infoTable td.none {border-bottom:0; } .wrapDiv .contentsWrap .infoTable td a.btn {padding:0 30px; line-height:31px; background:#acacb1; font-size:14px; color:#fff; font-weight:bold; display:inline-block; border-radius:15px; margin-left:32px; } .wrapDiv .contentsWrap .infoTable td strong {font-weight:bold; line-height:42px;color:#333;} .wrapDiv .contentsWrap .infoTable td ul li {line-height:28px;} .wrapDiv .contentsWrap .infoTable td .dotted li {position:relative;padding-left:15px;} .wrapDiv .contentsWrap .infoTable td .dotted li ~ li {margin-top:12px;} .wrapDiv .contentsWrap .infoTable td .dotted li:before {content:'';position:absolute;top:13px;left:0;width:3px;height:3px;background:#333;border-radius:100%;} .wrapDiv .contentsWrap .infoTable td strong.red{color:#c20819;} .wrapDiv .contentsWrap .infoTable td span{color:#999;} .wrapDiv .contentsWrap .infoTable td span.red{color:#c20819;} .decoLine + table, .decoLine + div{margin-top:0 !important;} .wrapDiv .contentsWrap .cautionTable {width:100%; height:200px;border:0; margin-bottom:60px; } .wrapDiv .contentsWrap .cautionTable td {font-size:14px; line-height:34px; letter-spacing:-1px; color:#666666; border:0; } .wrapDiv .contentsWrap .cautionTable td.th {font-size:18px; color:#333333; vertical-align:top; line-height:20px; text-align:center; font-weight:bold; padding-top:58px; background:url("../img/bg_delimeter_10.png") no-repeat 50% 97px; } .wrapDiv .contentsWrap .cautionTable td ul li {line-height:42px;color:#777;font-size:16px;} .wrapDiv .contentsWrap .cautionTable td .dotted li {position:relative;padding-left:15px;} .wrapDiv .contentsWrap .cautionTable td .dotted li:before {content:'';position:absolute;top:18px;left:0;width:6px;height:6px;background:#777;border-radius:100%;} .btnChampionJoin{width:270px;height:70px;margin:50px auto;line-height:70px;font-weight:700;display:block;background:#c20819;color:#fff;text-align:center;font-size:24px;} .wrapDiv .contentsWrap .defendingChampionBox{position:relative;margin-top:70px;margin-bottom:100px;} .wrapDiv .contentsWrap .btnDefending{text-indent:-99999px;width: 23.8%;height: 13.2%;display:block;position:absolute;bottom: 14.1%;left: 6.7%;} .wrapDiv .contentsWrap .applicationDiv {position:relative; } .wrapDiv .contentsWrap .applicationDiv .applicationEnd {display:none; } .wrapDiv .contentsWrap .applicationDiv .applicationEnd.on {/* display:block; */background:#4c4c4c;opacity:0.7;filter:alpha(opacity=70);position:absolute;top:0;left:0;width:100%;height:100%;} .wrapDiv .contentsWrap .applicationDiv .info {position:relative;display:none; } /* .wrapDiv .contentsWrap .applicationDiv .info.on {display:block; margin-top:-40px; position:absolute; top:50%; left:0; width:100%; background:none; } */ .wrapDiv .contentsWrap .applicationDiv .info.on {/* display:block; */margin-top:-40px;position:absolute;top:139px;left:50%;width:900px;height:600px;margin-left:-450px;background:url("../img/bg_application_info_170914.jpg") no-repeat center center;background-size:100% 100%;} /* 2017-09-14 수정 : 2017-09-19 수정 : top:50% */ .wrapDiv .contentsWrap .applicationDiv .info.on p.title{position:relative;margin-top:208px;font-size:45px;font-weight:bold;} .wrapDiv .contentsWrap .applicationDiv .info.on p.title span{color:#e60000;} .wrapDiv .contentsWrap .applicationDiv .info.on p.txt1{position:relative;padding:30px 0 40px 0;color:#888888;font-size:20px;} .wrapDiv .contentsWrap .applicationDiv .info.on div.txt2{position:relative;padding:40px 0 0 0;font-size:22px;color:#fff;line-height:40px;text-align:center;} .wrapDiv .contentsWrap .applicationDiv .info.on div.txt2 .line2 {position:absolute; width:42px; height:1px; top:0; left:50%; margin-left:-13px; background-color:#fff; } .wrapDiv .contentsWrap .applicationDiv .info p {font-size:24px; line-height:40px; color:#fff; text-align:center; } .wrapDiv .contentsWrap .applicationDiv .info a.btn {width:235px; height:63px; line-height:63px; text-align:center; margin:50px auto 0; font-size:20px; color:#fff; font-weight:bold; background:#d31526 url("../img/bg_delimeter_11.png") no-repeat 205px center; display:block; } .wrapDiv .contentsWrap .applicationForm {border-top:1px solid #000; border-bottom:1px solid #000; overflow:hidden; width:100%; margin-bottom:60px; } .wrapDiv .contentsWrap .championJoinForm {border-top:1px solid #000; border-bottom:1px solid #000; overflow:hidden; width:100%; margin-bottom:60px; } .wrapDiv .contentsWrap .championJoinForm tr.last td {border-bottom:0; } .wrapDiv .contentsWrap .championJoinForm td {font-size:15px; color:#333333; letter-spacing:-1px; line-height:20px; padding:30px 0; position:relative; } .wrapDiv .contentsWrap .championJoinForm td.th {font-size:18px; color:#333333; letter-spacing:-1px; background:url("../img/bg_delimeter_07_2.png") no-repeat 19px 40px; padding:40px 0 40px 110px; vertical-align:top; padding-top:54px; } .wrapDiv .contentsWrap .championJoinForm td.th.type2 {background:url("../img/bg_delimeter_07.png") no-repeat 19px 40px; } .wrapDiv .contentsWrap .championJoinForm td.none {border-bottom:0; } .wrapDiv .contentsWrap .championJoinForm td .file {width:100%; height:68px; } .wrapDiv .contentsWrap .championJoinForm td .attachTxt {width:84%; height:68px; background:#f4f4f4; border:0; padding-left:10px; font-size:16px;} .wrapDiv .contentsWrap .championJoinForm td .fileDiv {position:absolute; right:0; top:0; width:15%; height:68px; cursor:pointer; overflow:hidden; background:url('../img/bg_btn_file.png') no-repeat 0 0; } .wrapDiv .contentsWrap .championJoinForm td .file {width:100%; height:68px; opacity:0; filter:alpha(opacity=0); } .wrapDiv .contentsWrap .championJoinForm td .desc {line-height:34px;text-indent: -18px;margin-top:18px;clear:both;padding-left: 18px;} .wrapDiv .contentsWrap .championJoinForm td .desc + .desc {margin-top:0;} .wrapDiv .contentsWrap .championJoinForm td .desc a{text-decoration:underline;color:#006ac3;} .wrapDiv .contentsWrap .championJoinForm td .desc.mt10{margin-top:10px;} .wrapDiv .contentsWrap .championJoinForm td .red{color:#c20819;} .wrapDiv .contentsWrap .championJoinForm td .inputTxt {width:100%; height:68px; background:#f4f4f4; border:0; padding-left:10px; overflow:auto; font-size:16px;} .wrapDiv .contentsWrap .championJoinForm td .inputTxt.type2 {width:84%; height:68px; background:#f4f4f4; border:0; padding-left:10px; } .wrapDiv .contentsWrap .championJoinForm td .inputTxt.w20p {width:20%; } .wrapDiv .contentsWrap .championJoinForm.new td.th{font-weight:bold;} .wrapDiv .contentsWrap .championJoinForm td input[type=radio] {background:#fff url('../img/bg_checkbox.gif') no-repeat 50% 50%; width:36px; height:36px; border:0; -webkit-background-size:contain; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer; } .wrapDiv .contentsWrap .championJoinForm td input[type=radio]:checked {background:#fff url('../img/bg_checkbox_on.gif') no-repeat 50% 50%; width:36px; height:36px; border:0; -webkit-background-size:contain; -webkit-appearance:none; -webkit-border-radius:0; } .wrapDiv .contentsWrap .championJoinForm td label {font-size:18px; line-height:36px; color:#333333; letter-spacing:-1px; vertical-align:top; margin:0 60px 0 0; } .wrapDiv .contentsWrap .championJoinForm td .fileWrap {position:relative; width:100%; height:100%; } .wrapDiv .contentsWrap .championJoinForm td .txtArea {width:100%; height:270px; background:#f4f4f4; border:0; padding:10px; resize:none; font-size:16px;} .wrapDiv .contentsWrap .championJoinForm td .txtCnt {width:100%; height:50px; background:#f4f4f4; text-align:right; padding-right:20px; font-size:15px; color:#999999; line-height:50px; } .wrapDiv .contentsWrap .championJoinForm td a.zipcode {width:15%; height:68px; position:absolute; right:0; top:0; display:block; font-size:18px; line-height:68px; text-align:center; background-color:#bdbec5; color:#fff; letter-spacing:-1px; } .wrapDiv .contentsWrap .championJoinForm td .delimeter {width:14px; height:1px; background:url("../img/bg_delimeter_08.gif") no-repeat 0 0; margin:0 20px; display:inline-block; } .wrapDiv .contentsWrap .championJoinForm td .selectBox {width:20%; height:68px; background:#f4f4f4 url("../img/bg_delimeter_09.png") no-repeat 85% 50%; border:0; padding-left:10px; } .wrapDiv .contentsWrap .championJoinForm td select {-webkit-appearance:none; -webkit-border-radius:0; } .wrapDiv .contentsWrap .championJoinForm td table {width:100%; text-align:center; margin:0; } .wrapDiv .contentsWrap .championJoinForm td table th {height:55px; background:#000; font-size:14px; color:#fff; letter-spacing:-1px; } .wrapDiv .contentsWrap .championJoinForm td table td {background:#f9f9f9; height:65px; padding:0; font-size:14px; color:#333333; letter-spacing:-1px; border-bottom:0; } .wrapDiv .contentsWrap .championJoinForm td table td a.btn {width:53px; height:24px; border:1px solid #bdbec5; text-align:center; font-size:14px; line-height:22px; color:#999999; letter-spacing:-1px; display:inline-block; background:#fff; } .wrapDiv .contentsWrap .championJoinForm td a.addRegistBtn {width:135px; height:38px; line-height:38px; background:#bdbec5; color:#fff; text-align:center; display:block; font-weight:bold; float:right;margin-top:10px;} .wrapDiv .contentsWrap .agreeDiv {width:100%; height:230px; background:#f9f9f9; margin-bottom:60px; text-align:center; } .wrapDiv .contentsWrap .agreeDiv .confirmBtn {padding-top:60px; margin-bottom:30px; } .wrapDiv .contentsWrap .agreeDiv .confirmBtn a {width:355px; height:54px; line-height:54px; background:#000; color:#fff; font-weight:bold; text-align:center; border-radius:30px; display:block; margin:0 auto; font-size:18px; color:#fff; display:block; } .wrapDiv .contentsWrap .agreeDiv label {font-size:18px; line-height:36px; color:#333333; letter-spacing:-1px; vertical-align:top; } .wrapDiv .contentsWrap .competitionTitle {overflow:hidden; width:100%; background:#d31526 url("../img/bg_competition_title.gif") no-repeat center center; background-size:100% auto; color:#fff; text-align:center; } .wrapDiv .contentsWrap .competitionTitle h3 {font-size:16px; color:#fc8585; line-height:28px; letter-spacing:-1px; padding:120px 0 60px 0; } .wrapDiv .contentsWrap .competitionTitle h2 {font-size:40px; line-height:60px; letter-spacing:-2px; } .wrapDiv .contentsWrap .competitionTitle p.desc {font-size:18px; line-height:31px; margin-bottom:116px; } .wrapDiv .contentsWrap .competitionTitle .subLine {display:block; width:42px; height:1px; background-color:#fff; margin:40px auto 43px; } .wrapDiv .contentsWrap .championJoinForm td table td img{width:auto;} .btnChampionJoin{width:270px;height:70px;margin:50px auto;line-height:70px;font-weight:700;display:block;background:#c20819;color:#fff;text-align:center;font-size:24px;} .mtb50{margin-bottom:50px;} .mb100{margin-bottom:100px;} /* 2018-10-04 추가 */ .mt100{margin-top:100px;} /* 2019-09-09 추가 */ .pb100{padding-bottom:100px;} /* 2019-09-09 추가 */ .w100{width:100%;} /* 2019-09-09 추가 */ .pt100{padding-top:100px;} .fixedBtn{position:fixed;bottom:0;width:100%;height:100px;background-color: rgba(255, 255, 255, 0.8);padding-top:15px;display:none;} @media all and (max-width:1200px) { .wrapDiv .visualWrap .visualText1{font-size:18px;top:5%;line-height:22px;} .wrapDiv .visualWrap .visualText2{font-size:32px;top: 15%;} .wrapDiv .visualWrap .visualText3{} .wrapDiv .visualWrap .timeOut{width: 440px;margin: 0 auto;left: 0;right: 0;position:absolute;font-size: 20px;color:#fff;top:33.5%;overflow:hidden;clear:both;} .wrapDiv .visualWrap .timeOut p{font-size: 18px;color:#222;background:#fff;height: 35px;line-height: 35px;font-weight:700;} .wrapDiv .visualWrap .timeOut .bdl{border-left:4px solid #fff;} .wrapDiv .visualWrap .timeOut .bdr{border-right:4px solid #fff;} .wrapDiv .visualWrap .timeOut div{float:left;width: 110px;box-sizing:border-box;border-bottom:4px solid #fff;position:relative;} .wrapDiv .visualWrap .timeOut div:before {content: "";position:absolute;top: 22px;right:0;height: 50px;width:1px;background: rgba(255, 255, 255, 0.4);} .wrapDiv .visualWrap .timeOut div span{display:block;font-size: 14px;color:#ccc;padding-bottom: 20px;} .wrapDiv .visualWrap .timeOut div span:first-child{font-size: 32px;color:#fff;font-weight:700;padding: 14px 0 10px 0;} .wrapDiv .visualWrap .visualText3 {position:absolute;width:100%;font-size: 16px;color:#ccc;top: 26.15%;} /* 2018-10-05 수정 */ .wrapDiv .contentsWrap .infoWrap .txtWrap .cont{font-size:18px;} .wrapDiv .contentsWrap .infoWrap .txtWrap ~ .txtWrap {width:40%;} } @media all and (min-width:750px) { .wrapDiv .contentsWrap .infoTable tr.mobile td {display:none; } .wrapDiv .contentsWrap .cautionTable tr.mobile {display:none; } .wrapDiv .contentsWrap .championJoinForm td h3{display:none;} .wrapDiv .contentsWrap .championJoinForm td table tr.mobile{display:none;} } @media all and (max-width:749px) { .band img{width:105px;} .band:first-of-type{padding:25px 0 25px} .fixedTop a img{width:60px;} .fixedBtn{position:fixed;bottom:0;width:100%;height:50px;background-color: rgba(255, 255, 255, 0.8);padding-top:5px;} .wrapDiv .visualWrap .visualText1{font-size:12px;line-height:18px;top:4%;} .wrapDiv .visualWrap .visualText2{font-size:31px;top: 17%;font-weight:700;} .wrapDiv .visualWrap .timeOut{width: 224px;margin: 0 auto;left: 0;right: 0;position:absolute;font-size: 20px;color:#fff;top:43.5%;overflow:hidden;clear:both;} .wrapDiv .visualWrap .timeOut p{font-size: 12px;color:#222;background:#fff;height: 25px;line-height: 25px;font-weight:700;} .wrapDiv .visualWrap .timeOut .bdl{border-left:4px solid #fff;} .wrapDiv .visualWrap .timeOut .bdr{border-right:4px solid #fff;} .wrapDiv .visualWrap .timeOut div{float:left;width: 56px;box-sizing:border-box;border-bottom:4px solid #fff;position:relative;} .wrapDiv .visualWrap .timeOut div:before {content: "";position:absolute;top: 15px;right:0;height: 35px;width:1px;background: rgba(255, 255, 255, 0.4);} .wrapDiv .visualWrap .timeOut div span{display:block;font-size: 10px;color:#ccc;padding-bottom: 10px;} .wrapDiv .visualWrap .timeOut div span:first-child{font-size: 20px;color:#fff;font-weight:700;padding: 10px 0 5px 0;} .wrapDiv .visualWrap .visualText3 {position:absolute;width:100%;font-size: 12px;color:#ccc;top: 34.15%;} /* 2018-10-05 수정 */ .wrapDiv .visualWrap .visualText3 span{border-left:0;padding-left:0;display:block;} .wrapDiv .visualWrap .visualText3 span:first-child{border-left:0;padding-right:0;padding-left:0;margin-bottom:10px;} .wrapDiv .visualWrap .visualText3 span strong{color:#fff;font-weight:700;margin-right:6px;} .wrapDiv .contentsWrap{padding: 40px 10px 30px;} .wrapDiv .contentsWrap.contentsTop {padding: 40px 10px 0;} .wrapDiv h3{font-size:21px;line-height:23px;} .wrapDiv .contentsWrap .subTitImg{width:215px;margin-bottom:20px;} .wrapDiv .contentsWrap .decoLine{} .wrapDiv .contentsWrap .decoLine::before {content: "";width:97px;left:-5px;} .wrapDiv .contentsWrap .infoWrap{margin-bottom:40px;flex-direction:column;justify-content:flex-start;} .wrapDiv .contentsWrap .infoWrap .txtWrap{position:relative;padding:25px 0;width:100%;display:flex;align-items:center;justify-content:center;flex:none} .wrapDiv .contentsWrap .infoWrap .txtWrap .subject{font-size:13px;letter-spacing:-.5px} .wrapDiv .contentsWrap .infoWrap .txtWrap .cont{padding-left:13px;color:#333;font-size:14px;letter-spacing:-.5px;} .wrapDiv .contentsWrap .infoWrap .txtWrap ~ .txtWrap{width:100%;} .wrapDiv .contentsWrap .infoWrap .txtWrap ~ .txtWrap:before{content:"";display:block;width:50px;height:1px;background-color:#cccccc;position:absolute;top:0;left:50%;transform:translate(-50%, 0);} .wrapDiv .contentsWrap .infoTable td.th {font-size:13px; padding:21px 15px 7px 15px; line-height:19px; background-size:auto 13px; background-position:0 25px;} .wrapDiv .contentsWrap .infoTable td {background-color:#fff !important; font-size:13px; border-bottom:0; width:100%; display:block; line-height:20px; } .wrapDiv .contentsWrap .infoTable tr.bg-fa .th, .wrapDiv .contentsWrap .infoTable tr.bg-fa>td {background-color:#fafafa !important;} .wrapDiv .contentsWrap .infoTable td:nth-child(2), .wrapDiv .contentsWrap .infoTable td:nth-child(3) {display:none; } .wrapDiv .contentsWrap .infoTable tr.mobile td {padding:0 15px 25px 15px; } .wrapDiv .contentsWrap .infoTable td a.btn {margin-left:4px; margin-top:13px; } .wrapDiv .contentsWrap .infoTable td ul li {line-height:21px; } .wrapDiv .contentsWrap .infoTable td .dotted li{padding-left:10px;line-height:20px;} .wrapDiv .contentsWrap .infoTable td .dotted li ~ li {margin-top:6px;} .wrapDiv .contentsWrap .infoTable td .dotted li:before{top: 8px;width:2px;height:2px;} .w100{width:100%;} .bgGray{padding-bottom:0;} .contents.mb100{margin-bottom:0;} .btnChampionJoin{width:160px;height:40px;font-size:14px;line-height:40px;} .wrapDiv h3.h3Title {margin-bottom:20px;} .wrapDiv .contentsWrap .cautionTable {height:auto; padding-bottom:9px; margin-bottom:0;} .decoLine + .cautionTable{margin-top:30px !important;} .wrapDiv .contentsWrap .cautionTable td:nth-child(2), .wrapDiv .contentsWrap .cautionTable td:nth-child(3) {display:none; } .wrapDiv .contentsWrap .cautionTable td.th {font-size:11px; line-height:21px; background-size:auto 17px; background-position:15px 17px; text-align:left; padding-top:15px; padding-left:40px; height:21px; padding-bottom:8px; } .wrapDiv .contentsWrap .cautionTable td ul li {font-size:11px; line-height:23px; } .wrapDiv .contentsWrap .cautionTable td .dotted li{padding-left:10px;} .wrapDiv .contentsWrap .cautionTable td .dotted li:before{top: 10px;width:3px;height:3px;} .wrapDiv .contentsWrap .infoTable td strong{line-height:20px;} .wrapDiv .header{padding-bottom:0;} .wrapDiv .contents table td{background-color:#fff !important;} .wrapDiv .contentsWrap.noPd{padding:40px 0 30px;} .wrapDiv .contentsWrap .defendingChampionBox{margin-top:35px;margin-bottom:50px;} .wrapDiv .contentsWrap .btnDefending{text-indent:-99999px;width: 40%;height: 13.8%;display:block;position:absolute;bottom: 10%;left: 6.7%;} .wrapDiv .contentsWrap .infoTable td .txt-cont .time {width:34px;} .wrapDiv .contentsWrap .championJoinForm {margin:0 10px; width:auto; } .wrapDiv .contentsWrap .championJoinForm td.th {display:none; } .wrapDiv .contentsWrap .championJoinForm > tbody > tr > td:nth-child(2) {display:none; } .wrapDiv .contentsWrap .championJoinForm td {width:100%; background:#fff !important; padding:20px 0 16px; } .wrapDiv .contentsWrap .championJoinForm td h3 {font-size:13px; line-height:24px; color:#333333; font-weight:bold; background:url("../img/bg_delimeter_07.png") no-repeat 0 center; background-size:24px 24px; padding-left:34px; margin-bottom:8px; text-align:left;} .wrapDiv .contentsWrap .championJoinForm td .attachTxt {height:34px; font-size:11px; margin-left:34px; width:75%; } .wrapDiv .contentsWrap .championJoinForm td .fileDiv {height:34px; background-size:auto 41px; background-position:center center; } .wrapDiv .contentsWrap .championJoinForm td .file {height:34px; } .wrapDiv .contentsWrap .championJoinForm td .desc {font-size:11px; line-height:19px; margin-top:6px; } .wrapDiv .contentsWrap .championJoinForm td .ly-open{ font-size:11px; } .wrapDiv .contentsWrap .championJoinForm td .inputTxt {height:34px; margin-left:34px; font-size:11px; } .wrapDiv .contentsWrap .championJoinForm td .desc {margin-left:34px;text-indent:-13px;padding-left:13px;} .wrapDiv .contentsWrap .championJoinForm td label {font-size:13px; line-height:21px; margin-right:30px; } .wrapDiv .contentsWrap .championJoinForm td .txtArea {height:122px; margin-left:34px; font-size:11px;} .wrapDiv .contentsWrap .championJoinForm td .txtCnt {margin-left:34px; font-size:10px; line-height:17px; padding-right:44px; height:22px; } .wrapDiv .contentsWrap .championJoinForm td .selectBox {height:34px; background-size:9px 5px; margin-left:35px; } .wrapDiv .contentsWrap .championJoinForm td .delimeter {background-size:7px 1px; width:7px; margin:0 13px; } .wrapDiv .contentsWrap .championJoinForm td .inputTxt.w20p {margin-left:0; } .wrapDiv .contentsWrap .championJoinForm td .inputTxt.w20p.ml35 {margin-left:35px; } .wrapDiv .contentsWrap .championJoinForm td .inputTxt.type2 {height:34px; width:75%; } .wrapDiv .contentsWrap .championJoinForm td a.zipcode {height:34px; line-height:34px; font-size:11px; } .wrapDiv .contentsWrap .championJoinForm tr th {display:none; } .wrapDiv .contentsWrap .championJoinForm tr.pc {display:none; } .wrapDiv .contentsWrap .championJoinForm td table {text-align:left; border-top:0; background:#f9f9f9; } .wrapDiv .contentsWrap .championJoinForm td table td {width:100%; display:block; height:auto; } .wrapDiv .contentsWrap .championJoinForm td table td table {margin-left:34px; width:100%; } .wrapDiv .contentsWrap .championJoinForm tr.mobile td tr td.th2 {width:100%; background:#000 !important; color:#fff; } .wrapDiv .contentsWrap .championJoinForm tr.mobile td tr td.th2 span {margin-left:10px; } .wrapDiv .contentsWrap .championJoinForm tr.mobile td tr td {width:50%; padding-left:15px; font-size:10px; line-height:30px; height:30px; background:#f9f9f9 !important; display:inline-block; } .wrapDiv .contentsWrap .championJoinForm tr.mobile td tr td:nth-child(2) {margin-left:-30px; } .wrapDiv .contentsWrap .championJoinForm td table td a.btn {font-size:10px; height:16px; line-height:16px; width:38px; } .wrapDiv .contentsWrap .championJoinForm td a.addRegistBtn {width:85px; height:34px; font-size:11px; font-weight:bold; bottom:auto; top:15px; line-height:34px; float:none;position:absolute;right:0;margin-top:0;} .wrapDiv .contentsWrap .applicationDiv .info.on {display:block; margin-top:-40px; position:absolute; top:125px; left:0; width:90%;height:500px;margin-left:5%;background:url("../img/bg_application_info_170914_m.jpg") no-repeat center top; background-size:100% auto; } /* 2017-09-20 수정 : top:50% */ .wrapDiv .contentsWrap .applicationDiv .info.on p.title{position:relative;margin-top:170px;font-size:25px;line-height:35px;font-weight:bold;} .wrapDiv .contentsWrap .applicationDiv .info.on p.title span{display:block;} /* 2017-09-20 추가 */ .wrapDiv .contentsWrap .applicationDiv .info.on p.title strong{color:#e60000;} /* 2017-09-20 수정 */ .wrapDiv .contentsWrap .applicationDiv .info.on p.txt1{position:relative;padding:10px 0 20px 0;color:#888888;font-size:14px;} .wrapDiv .contentsWrap .applicationDiv .info.on p.txt1 span{display:block;} /* 2017-09-20 추가 */ .wrapDiv .contentsWrap .applicationDiv .info.on div.txt2{position:relative;padding:20px 0 0 0;font-size:14px;color:#fff;line-height:30px;text-align:center;} .wrapDiv .contentsWrap .applicationDiv .info.on div.txt2 .line2 {position:absolute; width:42px; height:1px; top:0; left:50%; margin-left:-13px; background-color:#fff; } .wrapDiv .contentsWrap .agreeDiv {height:auto; margin-bottom:0;} .wrapDiv .contentsWrap .registerBtn{margin-top:30px;} .wrapDiv .contentsWrap .agreeDiv .confirmBtn {margin-top:10px; padding-top:40px; margin-bottom:10px; } .wrapDiv .contentsWrap .agreeDiv .confirmBtn a {font-size:11px; width:220px; height:34px; line-height:34px; } .wrapDiv .contentsWrap .agreeDiv label {font-size:13px; padding-bottom:28px; } } @media all and (max-width:360px) { .wrapDiv .visualWrap .visualText1{padding:0 5px;} .wrapDiv .visualWrap .visualText2{top:20%;font-size:26px;} .wrapDiv .visualWrap .visualText3{top:38.15%;} /* 2018-10-05 수정 */ .wrapDiv .visualWrap .visualText3 span:first-child{margin-bottom:4px;} } .wrapDiv .challenge18{display:block;} .wrapDiv .challenge18 .band{padding:100px 0;color:#555;} .wrapDiv .challenge18 .band.text{padding:88px 0 60px;} .wrapDiv .challenge18 .band strong{color:#333;margin-top:10px;} .wrapDiv .challenge18 .content01 img{width:100%;} .wrapDiv .challenge18 .logo img{margin:0 auto;} .wrapDiv .tableChampion2022{position:relative;padding:12px 0;} .wrapDiv .tableChampion2022 table{margin:0;table-layout:fixed;border-collapse: collapse;} .wrapDiv .tableChampion2022:before{content:'';position:absolute;top:0;left:0;width:300px;height:12px;background:url("../img/img_2019_champion_table_top.png") no-repeat right top;} .wrapDiv .tableChampion2022:after{content:'';position:absolute;bottom:0;right:0;width:840px;height:12px;background:url("../img/img_2019_champion_table_bottom.png") no-repeat left top;} .wrapDiv .introChampion2022 .contentsTop .infoWrap {margin-bottom:0;} .wrapDiv .introChampion2022 .tableChampion2022{margin:45px 0 0;} .wrapDiv .introChampion2022 .tableChampion2022 td{font-size:18px;color:#666;background:#fff;border-bottom:1px solid #333;} .wrapDiv .introChampion2022 .tableChampion2022 td:first-child{position:relative;} .wrapDiv .introChampion2022 .tableChampion2022 td:first-child:after{content:'';position:absolute;top:50%;right:0;width:1px;height:60px;margin-top:-30px;background:#ddd;} .wrapDiv .introChampion2022 .tableChampion2022 td strong{display:inline-block;margin-right:45px;font-size:20px;color:#333;vertical-align:middle;} .wrapDiv .challenge18 .content02{/* background:#f3f3f3; */} .wrapDiv .challenge18 .content02 img{width:100%;} .wrapDiv .challenge18 .content02 .band{padding:100px 0;color:#555;} .wrapDiv .challenge18 .content02 .band img{width:auto;max-width:100%;} .wrapDiv .championSlider2022{max-width:1200px;margin:0 auto;} .wrapDiv .championSlider2022 img{width:auto !important;max-width:100%;} .wrapDiv .championSlider2022 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:40px;} .wrapDiv .championSlider2022 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:50px;height:7px;margin:0 7px;background:#fff;border-radius:0;opacity:1;} .wrapDiv .championSlider2022 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#cb0719;} .wrapDiv .introChampion2022{padding:70px 0 0;text-align:center;} .wrapDiv .introChampion2022 p{font-size:28px;} .wrapDiv .introChampion2022 p > strong{display:block;margin-top:15px;font-size:55px;} .wrapDiv .challenge18 .content03{position:relative;padding:100px 0 120px;background:#f7f7f7;} .wrapDiv .challenge18 .content03 .contentBox{} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"]{margin-top:100px;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"]:first-of-type{margin-top:0;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] img{max-width:100%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"]:after{content:'';display:block;clear:both;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .wrapLeft{float:left;width:50%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .wrapRight{float:right;width:50%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .txt{margin-bottom:5.4%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .img{margin-top:13.6%;} .wrapDiv .challenge18 .content03 .contentBox .wrap2019 .wrapLeft{padding-left:18.5%;padding-right:2.6%;} .wrapDiv .challenge18 .content03 .contentBox .wrap2018 .wrapRight{padding-left:2.6%;padding-right:18.5%;} @media all and (max-width:749px) { .wrapDiv .challenge18 .content02 .band{padding:25px 0;} .wrapDiv .challenge18 .content02 .band img{width:105px;} .wrapDiv .challenge18 .band {padding:25px 0 25px;} .wrapDiv .tableChampion2022{padding:6px 0 5px;} .wrapDiv .tableChampion2022:before{width:30%;height:6px;} .wrapDiv .tableChampion2022:after{width:50%;height:6px;} .wrapDiv .introChampion2022{margin:0;padding:25px 0 0;} .wrapDiv .introChampion2022 .tableChampion2022{margin:25px 0;} .wrapDiv .introChampion2022 .tableChampion2022 table tr{display:block;} .wrapDiv .introChampion2022 .tableChampion2022 table td{display:block;padding:20px 0;font-size:12px;} .wrapDiv .introChampion2022 .tableChampion2022 td:first-child{border-bottom:1px solid #ddd;} .wrapDiv .introChampion2022 .tableChampion2022 td:first-child:after{display:none;} .wrapDiv .introChampion2022 .tableChampion2022 td strong{margin-right:20px;font-size:12px;} .wrapDiv .introChampion2022 a img{width:150px !important;height:auto;} .wrapDiv .championSlider2022{padding:0 10px;} .wrapDiv .championSlider2022 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px;} .wrapDiv .championSlider2022 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:25px;height:4px;margin:0 4px;} .wrapDiv .introChampion2022 p{font-size:15px;} .wrapDiv .introChampion2022 p > strong{font-size:27px;} .wrapDiv .challenge18 .content03{padding:30px 25px;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"]{margin-top:30px;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .wrapLeft{float:none;width:100%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .wrapRight{float:none;width:100%;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] .img{display:none;} .wrapDiv .challenge18 .content03 .contentBox [class*="wrap201"] > div:first-of-type{margin-bottom:20px;} .wrapDiv .challenge18 .content03 .contentBox .wrap2019 .wrapLeft, .wrapDiv .challenge18 .content03 .contentBox .wrap2018 .wrapRight{padding:0;} } @media all and (max-width:630px) { .contents.bgGray .dimmed .finishBox .finishBoxWrap{display:block;margin-top:25%;}/* 2018-10-04 추가 */ } /* s : 2019-02-14 추가 */ .wrapDiv .challenge18 .ivSection.band.text{padding:100px 0 63.5px;} .ivSection.band p{font-size:32px;line-height:45px;color:#222;font-family: 'noto';font-weight:700;margin-top:24.5px;} .ivSection.band p strong{color:#c10808 !important;margin-top:0 !important;} .ivSection.band p span{font-family: 'NovaM';display:inline-block;} .interviewPlayer{background-image:url("../img/bg_interview_player.jpg");background-position:center bottom;background-repeat:no-repeat;background-size:cover;padding-bottom:150px;} .interviewPlayer .ivPlayerBox {width:100%; height:100%; position:relative; margin-bottom: 80px; } .interviewPlayer .ivPlayerWrap {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .interviewPlayer .ivPlayer .subList li {position:relative;width:100%;font-family: 'noto';} .interviewPlayer .ivPlayer .subList li img {width:100%;} .interviewPlayer .ivPlayer .subList li p.name {font-size:20px; line-height:32px; color:#333333; font-weight:bold; text-align:center; margin-top:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; vertical-align: middle;} .interviewPlayer .ivPlayer .subList li p.name span {font-weight:normal;} .interviewPlayer .ivPlayer .subList li p.name span em {color:#aaaaaa; font-style:normal;} .interviewPlayer .ivPlayer .subList li .link {width:100% !important; height:60px !important; position:absolute; left:0; bottom:56px; background-color:#060910; opacity:0.60; filter:alpha(opacity=60); width:100%; height:100%; border-top:1px solid #5a5e6a; } .interviewPlayer .ivPlayer .subList li .link:hover {background-color:#d31526; opacity:1; filter:alpha(opacity=100); border-top:1px solid #ec6c78; } .interviewPlayer .ivPlayer .subList li .link li {width:50%; display:block; float:left; color:#fff; font-size:16px; line-height:59px; text-align:center; margin:0; } .interviewPlayer .ivPlayer .subList li .link.one li {width:100%;} .interviewPlayer .ivPlayer .subList li .link li a {color:#fff; display:block;} .interviewPlayer .swiper_button .bx-prev {position:absolute; left:0; top:50%; margin-top:-61px; background:#fff url("../img/bg_slider_prev.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-left:0; z-index:2;} .interviewPlayer .swiper_button .bx-prev:hover {background:#000 url("../img/bg_slider_prev_on.png") no-repeat 50% 50%;} .interviewPlayer .swiper_button .bx-next {position:absolute; right:0; top:50%; margin-top:-61px; background:#fff url("../img/bg_slider_next.png") no-repeat 50% 50%; width:49px; height:123px; border:1px solid #000; border-right:0; z-index:2;} .interviewPlayer .swiper_button .bx-next:hover {background:#000 url("../img/bg_slider_next_on.png") no-repeat 50% 50%;} .interviewPlayer .ivSketch .tit{font-size:50px;line-height:52px;color:#222;font-family: 'noto';text-align:center;font-weight:700;padding-bottom:71px;position:relative;} .interviewPlayer .ivSketch .tit span{font-family: 'NovaM';display:inline-block;font-weight:500;} .interviewPlayer .ivSketch .tit:after{content:'';position:absolute;background:#222;width:30px;height:1px;left:50%;margin-left:-15px;bottom:35px;} .interviewPlayer .ivSketch .txt{font-size:30px;line-height:48px;font-family: 'noto';text-align:center;color:#000;font-weight:700;} .interviewPlayer .ivSketch .txt strong{color:#c10808;font-weight:700;} .interviewPlayer .ivSketch .txt span{font-family: 'NovaM';display:inline-block;font-weight:500;} .interviewPlayer .ivSketch .txt small{font-size:24px;font-weight:500;} .interviewPlayer .ivSketchImg{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;clear:both;margin-top:68px;} .interviewPlayer .ivSketchImg .imgBox{overflow:hidden;clear:both;} .interviewPlayer .ivSketchImg .imgBox ul{float:left;width:32%;margin-left:2%;} .interviewPlayer .ivSketchImg .imgBox ul:first-child{margin-left:0;} .interviewPlayer .ivSketchImg .imgBox ul li{margin-top:6.25%;} .interviewPlayer .ivSketchImg .imgBox ul li img{width:100%;} .interviewPlayer .ivSketchImg .imgBox ul li:first-child{margin-top:0;} .interviewPlayer .ivSketchImg .imgBox ul li a{display:block;} @media all and (max-width:749px) { .wrapDiv .challenge18 .ivSection.band.text{padding:40px 0 22px;} .ivSection.band p{font-size:16px;line-height:22.5px;margin-top:12px;} .interviewPlayer{padding-bottom:50px;} .interviewPlayer .ivPlayerBox{margin-bottom:43.5px;} .interviewPlayer .ivPlayer .subList li .link {bottom:56px; height:34px !important; } .interviewPlayer .ivPlayer .subList li .link li:last-child a {background-size:6px 6px;} .interviewPlayer .ivPlayer .subList > li {width:100%;} .interviewPlayer .ivPlayer .subList li .slide_visual {height:0;padding-bottom:100%; position:relative; width:100%; } .interviewPlayer .ivPlayer .subList li .slide_visual img {position:absolute; width:100%; height:100%;} .interviewPlayer .ivPlayer .subList li .link li {font-size:8px; height:34px; line-height:34px; } .interviewPlayer .ivPlayer .subList li p.name {font-size:10px; line-height:16px; margin:20px 0; } .interviewPlayer .swiper_button{display:none;} .interviewPlayer .ivSketch .tit{font-size:25px;line-height:30px; padding-bottom:23.5px;} .interviewPlayer .ivSketch .tit:after{content:'';position:absolute;background:#222;width:15px;height:1px;left:50%;margin-left:-15px;bottom:11px;} .interviewPlayer .ivSketch .txt{font-size:17px;line-height:25px;} .interviewPlayer .ivSketch .txt small{font-size:14px;line-height:22px;margin-top:7px;display:inline-block;} .interviewPlayer .ivSketchImg{margin-top:21px;padding:0 10px;} .interviewPlayer .ivSketchImg .imgBox ul{width:49%;margin-left:2%;} .interviewPlayer .ivSketchImg .imgBox ul:first-child{margin-left:0;} .interviewPlayer .btnIv{margin-top:2%;} .interviewPlayer .btnIv a{overflow:hidden;clear:both;width:100%;background:#d31526;height:50px;font-family: 'noto';font-weight:700;display:block;} .interviewPlayer .btnIv div{float:left;font-size:15px;line-height:50px;background:#d31526;width:calc(100% - 50px);height:50px;text-align:center;color:#fff;} .interviewPlayer .btnIv span{display:block;float:left;width:50px;height:50px;background:#c00011 url("../img/btn_iv_arrow.png") no-repeat center;background-size:11.5px 22.5px;text-indent:-999999px;} } /* e : 2019-02-14 추가 */ /* s : 2019-03-26 추가 */ /* 2019-03-27 :: 2019 tt challenge in jeju 상세페이지 */ .forMobile{display:none;} /* #jeju1{display:none;} 2019-04-26 Tab1 영상 오픈 */ .jejuTab{padding-top:100px;text-align:center;background:#fff;} .jejuTab .tabArea{max-width:1200px;margin:0 auto;overflow:hidden; } .jejuTab .tabArea span{float:left; display:block;width:25%;height:120px; background-repeat:repeat-x;background-position:left top;background-size: 100% auto;} .jejuTab .tabArea span a{display:block;width:100%;height:100%;text-indent:-9999px; font-size:0;} .jejuTab .tabArea .logo{display:inline-block;width:22%;padding:0 20px;vertical-align:middle;} .jejuTab .tabArea span.logo img{max-width:100%;} .jejuTab .tabArea span.tab1{background-image:url("../img/btn_jejuTab_1.png");} .jejuTab .tabArea span.tab2{background-image:url("../img/btn_jejuTab_2.png");} .jejuTab .tabArea span.tab3{background-image:url("../img/btn_jejuTab_3.png");} .jejuTab .tabArea span.tab4{background-image:url("../img/btn_jejuTab_4.png");} .jejuTab .tabArea span.tab1.on{background-image:url("../img/btn_jejuTab_1_on.png");} .jejuTab .tabArea span.tab2.on{background-image:url("../img/btn_jejuTab_2_on.png");} .jejuTab .tabArea span.tab3.on{background-image:url("../img/btn_jejuTab_3_on.png");} .jejuTab .tabArea span.tab4.on{background-image:url("../img/btn_jejuTab_4_on.png");} .jejuTab .tabArea span.tab1:hover{background-image:url("../img/btn_jejuTab_1_on.png");} .jejuTab .tabArea span.tab2:hover{background-image:url("../img/btn_jejuTab_2_on.png");} .jejuTab .tabArea span.tab3:hover{background-image:url("../img/btn_jejuTab_3_on.png");} .jejuTab .tabArea span.tab4:hover{background-image:url("../img/btn_jejuTab_4_on.png");} .jejuMovie{width:100%; height:1130px; padding-top:115px; margin:-60px 0 0 0;background:url("../img/bg_jeju_youtube.jpg") no-repeat center top;background-size:cover;} .jejuMovie .movieArea{max-width:1200px;height:675px;margin:0 auto;} .jejuMovie .movieCont{overflow:hidden;width:100%;height:100%;} .jejuMovie .movieCont .movie{width:100%;height:100%;} .jejuMovie .movieCont .movie .inner{position:relative;width:100%;height:100%;} .jejuMovie .movieCont .movie iframe{position:absolute;left:0;top:0;width:100%;height:100%;} .movieTitle{margin-bottom:35px;} .movieTitle .titleArea{text-align:center;} .movieTitle .titleArea p{display:block;margin:15px 0;color:#fff;font-style:normal;font-size:18px;line-height:1.2;} .movieText{max-width:1200px; margin:0 auto; position:relative;} .movieText .txtArea{background:#fff;} .movieText .txtArea .tit{display:block;padding:35px 25px 25px;border-bottom:1px solid #e73142;font-size:28px;font-weight:bold;color:#000;} .movieText .tit span{display:block;margin:10px 0 0;font-size:35px;font-weight:bold;color:#000;} .movieText .tit.prologue{padding:35px 30px 25px;font-size:35px;} .movieText .examTxt{position:relative; text-align:center; padding:40px 0 30px 0;color:#000;line-height:1.4;} .movieText .examTxt p{font-weight:bold; font-family: "noto"; font-size:20px;} .movieText .examTxt em{display:block;margin:15px 0;color:#000;font-style:normal;font-size:18px;line-height:1.4;} .movieText .examTxt.ty01 em{margin-top:10px;} .jejuMovie .movieBtn{position:relative;max-width:1200px;margin:0 auto;} .jejuMovie .movieBtn img{width:100%;} /* .jejuMovie .movieBtn li:nth-child(1){position:absolute;top:0;left:0;width:33.33%;height:100%;} .jejuMovie .movieBtn li:nth-child(2){position:absolute;top:0;left:33%;;width:33.33%;height:100%;} .jejuMovie .movieBtn li:nth-child(3){position:absolute;top:0;left:66%;width:33.33%;height:100%;} 탭 세개일때 */ .jejuMovie .movieBtn li a{display:block;width:100%;height:100%;text-indent:-9999px;cursor:pointer;} .jejuMovie .movieBtn li:nth-child(1){position:absolute;top:0;left:0;width:50%;height:100%;} .jejuMovie .movieBtn li:nth-child(2){position:absolute;top:0;left:50%;;width:50%;height:100%;} /* 탭 두개일때 */ .jejuWrap.firstWrap{background:#f5f5f5; padding:190px 0 90px 0;} .jeju2Area{position:relative; top:-90px;} /* .jejuWrap.firstWrap{background:#f5f5f5; padding:140px 0 90px 0; margin-top:-60px;} .jeju2Area{position:relative; top:-80px;} 19-04-26 영상수급전 스타일은 주석처리 */ .jejuWrap{padding:90px 0 10px 0;} #jeju4.jejuWrap{padding-bottom:90px;} .jejuWrap .tit{display:block;margin:0 0 15px;font-size:36px;text-align:center;} .jejuWrap .tit + .sub{margin:0 0 45px; text-align:center;} .jejuWrap .jejuCont{max-width:1200px;margin:0 auto;padding:0 10px;} .jejuWrap .signAisaJeju img{width:100%;} .jejuWrap .signAisaJeju.type2{margin-top:-80px;} .jejuTable{position:relative;padding:12px 0 0 0; margin:0 auto; max-width:1200px;} .jejuTable:before{content:'';position:absolute;top:0;left:0; width:100%;height:10px;background: -moz-linear-gradient(left, #c00819 0%, #8f0222 51%, #8f0222 51%, #000000 100%); background: -webkit-linear-gradient(left, #c00819 0%,#8f0222 51%,#8f0222 51%,#000000 100%); background: linear-gradient(to right, #c00819 0%,#8f0222 51%,#8f0222 51%,#000000 100%);} .jejuTable:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background: -moz-linear-gradient(left, #c00819 0%, #8f0222 51%, #8f0222 51%, #000000 100%); background: -webkit-linear-gradient(left, #c00819 0%,#8f0222 51%,#8f0222 51%,#000000 100%); background: linear-gradient(to right, #c00819 0%,#8f0222 51%,#8f0222 51%,#000000 100%);} .wrapDiv .contents .jejuTable table{margin:0; border-top:none; border-spacing:0;} .wrapDiv .contents .jejuTable table td{font-size:18px;line-height:32px; border-bottom:1px solid #d5d5d5; color:#333; vertical-align:top;} .wrapDiv .contents .jejuTable table td.number{padding-left:20px;font-size:36px;font-family: 'NovaB';color:#ddd;} .wrapDiv .contents .jejuTable table td.title{font-weight:bold;} .wrapDiv .contents .jejuTable table td.brb{border-bottom:0;} .jejuTable table td .mTit{display:none;} .jejuTable table td p{margin-top:20px;} .jejuTable table td strong{display:inline-block; margin-bottom:5px;} .jejuTable table td strong.red{color:#c00000; display:block; margin:15px 0 0 0;} .photojeju .slidePlayer{overflow:hidden; background:#111;} .photojeju .swiper-container{width:50%;} .photojeju .swiper-container img{width:100%;} .photojeju .photo1{float:left;} .photojeju .photo2{float:right;} .photojeju .photoText span{display:block; height:308px; margin:0 auto; max-width:523px;} .photojeju .photo1 .photoText span{background: url("../img/btn_photojeju_1.png") no-repeat center 60px; background-size:100%;} .photojeju .photo2 .photoText span{background: url("../img/btn_photojeju_2.png") no-repeat center 60px; background-size:100%;} .photojeju .photo1 .photoText span:hover{background: url("../img/btn_photojeju_1_on.png") no-repeat center 60px; background-size:100%;} .photojeju .photo2 .photoText span:hover{background: url("../img/btn_photojeju_2_on.png") no-repeat center 60px; background-size:100%;} .photojeju .photoText span a{display:block; width:100%; height:100%; text-indent:-9999px; font-size:0;} .jejuTop{position:fixed;bottom:0;right:0; z-index:9; width:94px;height:94px;background:url('../img/pacific_btn_top.gif') no-repeat left top;text-indent:-9999px;} @media all and (max-width:1040px) { .photojeju .photoText span{margin:0 10px; max-height:260px;} } @media all and (max-width:768px) { .forWeb{display:none;} .forMobile{display:block;} .jejuTab{padding:23px 0 0 0;text-align:center;background:#fff; margin:0 auto;} .jejuTab .tabArea{max-width:inherit; margin:0 10px;} .jejuTab .tabArea span{display:block; width:25%; box-sizing:border-box; height: inherit;} .jejuTab .tabArea span a{text-indent:inherit;} .jejuTab .tabArea span a img{width:100%;} .jejuTab .tabArea span.tab1, .jejuTab .tabArea span.tab2, .jejuTab .tabArea span.tab3, .jejuTab .tabArea span.tab4{background-image:none;} .jejuTab .tabArea span.tab1.on, .jejuTab .tabArea span.tab2.on, .jejuTab .tabArea span.tab3.on, .jejuTab .tabArea span.tab4.on{background-image:none;} .jejuTab .tabArea span.tab1:hover, .jejuTab .tabArea span.tab2:hover, .jejuTab .tabArea span.tab3:hover, .jejuTab .tabArea span.tab4:hover{background-image:none;} .movieText .examTxt{padding:20px 0 10px 0;} .movieTitle{margin-bottom:20px;} .movieTitle .titleArea{text-align:center;} .movieTitle .titleArea strong{width:150px; height:37px; display:block; margin:0 auto;} .movieTitle .titleArea strong img{width:100%;} .movieTitle .titleArea p{display:block;margin:15px 0;color:#fff;font-style:normal;font-size:14px;line-height:1.4;} .jejuMovie{height:auto;padding:90px 10px 0 10px; margin:-60px 0 -70px 0;} .jejuMovie .movieArea{height:auto; padding:0;} .jejuMovie .movieCont .movie{width:100%;height:auto;} .jejuMovie .movieCont .movie .inner{height:0;padding-top:56.25%;} .jejuMovie .movieCont .txtArea{width:100%;} .jejuMovie .movieCont .txtArea .tit{padding:15px;font-size:16px;} .jejuMovie .movieCont .txtArea .tit span{display:inline-block;margin:-3px 0 0 10px;font-size:18px;vertical-align:middle;} .jejuMovie .movieCont .txtArea .tit.prologue{padding:15px;font-size:18px;} .jejuWrap{padding:35px 0;} #jeju4.jejuWrap{padding:35px 0;} .jejuWrap.firstWrap{padding:90px 0 35px 0;} .jejuWrap .tit{font-size:22px;} .jejuWrap .tit + .sub{margin:0 auto 30px auto; width:240px;} .jejuWrap .tit + .sub img{width:100%;} .jejuMovie .movieCont .txtArea .examTxt{padding:15px;font-size:14px;} .jejuMovie .movieCont .txtArea .examTxt em{margin:10px 0;font-size:16px;} .jejuMovie .movieCont .txtArea .examTxt.ty01 em{margin:10px 0;margin-top:10px;margin-bottom:0px;font-size:16px;} .jejuMovie .movieCont .txtArea .examTxt:before{display:none;} .jejuMovie .movieCont .txtArea .examTxt br{display:none;} .movieText .examTxt p{font-weight:bold; font-family: "noto"; font-size:16px;} .movieText .examTxt em{display:block;margin:15px 0;color:#000;font-style:normal;font-size:14px;line-height:1.2;} .wrapDiv .contents .jejuTable table td{padding:20px 0;background-color:#f5f5f5 !important;font-size:13px;line-height:18px;} .jejuTable table td strong{display:block; margin:10px 0 0;} .jejuTable table td .mTit{display:block;margin:0 0 5px;font-style:normal;font-weight:bold;} .wrapDiv .contents .jejuTable table .col1{width:40px !important;} .wrapDiv .contents .jejuTable table td:nth-child(2), .wrapDiv .contents .jejuTable table td:nth-child(3){display:none;} .wrapDiv .contents .jejuTable table td.number{padding-left:0;font-size:18px;} .jeju2Area{position:relative; top:-30px;} .jejuContCont{margin:0 10px;} .jejuWrap .signAisaJeju img{width:100%;} .jejuWrap .signAisaJeju.type2{margin-top:-80px;} .signAisaJeju{padding:0 0 35px 0;background:url("../img/bg_jeju_player.jpg");background-size:cover;} .signAisaJeju .slidePlayer .swiper-slide{} .signAisaJeju .swiper-button-next, .signAisaJeju .swiper-button-prev{width:20px;height:40px;margin-top:-40px;background-size:100%;} .signAisaJeju .swiper-button-next{right:10px;background-image:url("../img/jeju_player_slide_next.png");} .signAisaJeju .swiper-button-prev{left:10px;background-image:url("../img/jeju_player_slide_prev.png");} .signAisaJeju .Team2 {margin-top:38%;} .photojeju .photoText span{display:block; background-size:100%; margin:0 auto;} .photojeju .photo1 .photoText span{background: url("../img/btn_photojeju_m_1.png") no-repeat 0 center; background-size:100%;} .photojeju .photo2 .photoText span{background: url("../img/btn_photojeju_m_2.png") no-repeat 0 center; background-size:100%;} .photojeju .photo1 .photoText span:hover{background: url("../img/btn_photojeju_m_1.png") no-repeat 0 center; background-size:100%;} .photojeju .photo2 .photoText span:hover{background: url("../img/btn_photojeju_m_2.png") no-repeat 0 center; background-size:100%;} .photojeju .swiper-container{width:100%;} .photojeju .swiper-container img{width:100%;} .photojeju .photo1{float:inherit;} .photojeju .photo2{float:inherit;} .jejuBtn{text-align:center;} .jejuTop{position:static;display:inline-block;width:40px;height:40px;background-size:40px 40px;} } @media all and (max-width:470px) { .photojeju .photoText span{max-height:200px;} } @media all and (max-width:360px) { .wrapDiv .header .gnb .desc a {font-size:13px;} } /* e : 2019-03-26 추가 */