@charset "utf-8";
/*@import "http://fonts.googleapis.com/earlyaccess/nanumgothic.css";*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/noto-sans-kr-v7-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500&display=swap');

/* Font-Face */
/*
@font-face {font-family:"Nanum Gothic"; src:url('../fonts/NanumGothic.eot');src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumGothic.woff') format('woff'),url('../fonts/NanumGothic.ttf') format('truetype');url('../fonts/NanumGothic.svg#NanumGothic') format('svg')src:local(※), url('../fonts/NanumGothic.woff') format('woff');}
*/
/************************************************************************
 * 파일명      :style.css
 * 설명        :kbaduk.or.kr_desktop
 * 작성자      :sejin
 * 작성일      :2018.04.23
 ************************************************************************/
/*basic*/
html {width:100%; height:100%; scroll-behavior:smooth;font-size:62.5%; }
body,textarea,input,select, button {font-family:'Noto Sans KR', sans-serif, Nanum Gothic,"나눔고딕",NanumGothic,"돋움",dotum,"굴림",Gulim; color:#3f4047; font-size: 1.5rem; font-weight: 400; line-height:26px;-webkit-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;/* 뷰표트 변환시 폰트크기 자동확대 방지. */}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li {
  list-style: none;}
img, fieldset {padding:0; border:none; margin:0;}
legend,caption{width:1px; overflow:hidden; font-size:0; text-indent:-9999px; line-height:0; line-height:0;}
button {margin:0; padding:0; border:0; background:none; color:#555; cursor:pointer;}
input {border:0; background:#fff; vertical-align:middle; box-sizing: border-box;color:#555;}
input[disabled] {background-color:#eeeeee; cursor:not-allowed;}
select {padding:0; border:1px solid #ddd; background:#fff; vertical-align: middle}
select {
  background: #fff url(/landing-static/default/images/bg_select_arrow.png) no-repeat right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    box-sizing: border-box;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

textarea {border:0; background:#fff; color:#000; font-size:1.5rem; vertical-align:top;font-weight: 400}
a{ text-decoration:none; color:#3f4047;}
a:hover {text-decoration:none; color:#3299ff}
a:focus, a:active {text-decoration:none;}
table {border-collapse:collapse;}
table td,table th {vertical-align:top;}
em {font-style:normal;font-weight:600;}

.none {display:none}
.fl_left {float:left}
.fl_right {float:right}
.clb {clear:both}
.more {position:absolute; top:0px; right:0px; padding:14px; border:1px solid #d8dfe6; border-top:0; border-right:0; background:url(/landing-static/default/images/bl_ico.png) no-repeat}
.more span {display:none}
.ws-n{white-space:nowrap;}
.block,iframe {display:block}
.t_black {color:#3a536d !important}
.t_gray {color:#969696}
.t_gray2 {color:#c7c7c7}
.t_point {color:#3299ff}
.t_red {color: #ff0000;}
figure {margin:0; padding:0}
.text-muted {font-weight: normal;}

/* layout */
html {_overflow:hidden;height:100%}
@media all and (max-width: 768px) {
  html { font-size: 62.5%;}
}
body {width:100%;margin: 0;}
#wrap {width: 100%; height:100%; margin:0 auto; position:relative}
#container, #contentsWrap {position:relative;margin:0 auto;}
#header .toplogoWrap {display:block; position:relative; left:0; clear:both; width: 100%; height:100%; margin:0 auto; top:0}
#header .toplogoWrap .logoimg {position:absolute; top:10px; left:0; z-index:999}
#contentsWrap {overflow:hidden; margin-bottom:30px}
#sectionWrap {float:left; width:660px; overflow:hidden; margin-bottom:50px}
#asideSection {position:relative; top:0; left:0; float:right; width:320px; overflow:hidden; border-top:0}

#container {position:relative;min-height: calc(100vh - 464px);}
#container.membershipWrap { background-color: #F2F4F7; margin-top: 80px; min-height: calc(100vh - 264px);}
#container:after {display:block; clear:both; content:''; *zoom:1;}
#container .sectionWrap {position:relative; width:100%; overflow:hidden;padding-top:15px;}
#container .sectionWrap:after {display:block; clear:both; content:''; _zoom:1;}
#container .mainSection {width:660px; position:relative}
#footer {height: 100%; border-top: 1px solid #e3e3e3; -webkit-box-shadow: 0 1px 10px 1px rgba(69,65,78,.05); -moz-box-shadow: 0 1px 10px 1px rgba(69,65,78,.05); box-shadow: 0 1px 10px 1px rgba(69,65,78,.05);}
#footer, #footer a, #footer select {background-color: #404853; color: #fff;}
.content_wrap {position: relative;}
.content_wrap.main_wrap {margin:30px 0; padding:0; overflow:hidden}
.content_wrap.sub_wrap {background-color: #F2F4F7; min-height: calc(100vh - 464px);}

/*브랜드 이미*/
@keyframes opacity {
    from {opacity:0;}
    to {opacity:1;}
}
.spot_brand_wrap { position: relative; text-align: center; overflow: hidden;width: 100%; height: auto; overflow: hidden;  }
.spot_brand_wrap .video_wrap:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0, 0.7);}
.spot_brand_wrap .video_wrap video {position: absolute; left: 0; width: 100%; object-fit: cover;}
.spot_brand_wrap.sub {height: 300px;margin-top: 80px; }
.spot_brand_wrap .title_spot_brand {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.spot_brand_wrap .title_spot_brand h2 {text-align: center; letter-spacing: -4px; font-weight: 500; vertical-align: middle; color: #fff; z-index: 1}
.spot_brand_wrap.main .title_spot_brand h2 {font-size: 8.2rem; line-height: 9.6rem; }
.spot_brand_wrap.sub .title_spot_brand h2 {font-size: 6.2rem; line-height: 9.6rem; }
.spot_brand_wrap.sub p.cnt_spot_brand {font-size: 2.4rem; color: #fff;}
.spot_brand_wrap .more_wrap {text-align: center; width: 100%; margin-top: 50px; }
.spot_brand_wrap .more_wrap .more_btn {border:1px solid #fff }
.spot_brand_wrap .more_wrap .more_btn span {color: #fff; }

.spot_brand_wrap [class^="figure_"] { background-size: cover; background-repeat: no-repeat;}
.spot_brand_wrap [class^="figure_img_"] {opacity: 0; animation-name: opacity;animation-fill-mode: forwards; animation-duration: .5s;}
.spot_brand_wrap .figure_box_biggo [class^="figure_img_"] {position: absolute; top: -30px; left: -20px; width:calc(256px * 2.6); height: calc(170px * 2.6); }
.spot_brand_wrap .figure_img_biggo1 { background-image: url(/landing-static/default/images/img_brand_biggo1.svg); animation-delay: .5s;}
.spot_brand_wrap .figure_img_biggo2 { background-image: url(/landing-static/default/images/img_brand_biggo2.svg); animation-delay: 1s;}
.spot_brand_wrap .figure_img_biggo3 { background-image: url(/landing-static/default/images/img_brand_biggo3.svg); animation-delay: 1.5s;}
.spot_brand_wrap .figure_img_biggo4 { background-image: url(/landing-static/default/images/img_brand_biggo4.svg); animation-delay: 2s;}
.spot_brand_wrap .figure_img_biggo5 { background-image: url(/landing-static/default/images/img_brand_biggo5.svg); animation-delay: 2.5s;}

.spot_brand_wrap .figure_box_smallgo [class^="figure_img_"] {position: absolute; top: 50px; right: -20px; width:calc(290px * 2.6); height: calc(172px * 2.6); }
.spot_brand_wrap .figure_img_smallgo1 { background-image: url(/landing-static/default/images/img_brand_smallgo1.svg); animation-delay: 1.5s;}
.spot_brand_wrap .figure_img_smallgo2 { background-image: url(/landing-static/default/images/img_brand_smallgo2.svg); animation-delay: 2s;}
.spot_brand_wrap .figure_img_smallgo3 { background-image: url(/landing-static/default/images/img_brand_smallgo3.svg); animation-delay: 2.5s;}
.spot_brand_wrap .figure_img_smallgo4 { background-image: url(/landing-static/default/images/img_brand_smallgo4.svg); animation-delay: 3s;}
.spot_brand_wrap .figure_img_smallgo5 { background-image: url(/landing-static/default/images/img_brand_smallgo5.svg); animation-delay: 3.5s;}

.spot_brand_wrap .figure_box_circle [class^="figure_img_"] {position: absolute;}
.spot_brand_wrap .figure_img_circle1 { background-image: url(/landing-static/default/images/img_circle_full.svg); animation-duration: 4s;}
.spot_brand_wrap .figure_img_circle2 { background-image: url(/landing-static/default/images/img_circle_full.svg); animation-duration: 2s;}
.spot_brand_wrap .figure_img_circle3 { background-image: url(/landing-static/default/images/img_circle_line.svg); animation-duration: 3s;}
.spot_brand_wrap .figure_img_circle4 { background-image: url(/landing-static/default/images/img_circle_line.svg); animation-duration: 4s;}

.spot_brand_wrap .figure_img_circle1 {left: -257px; top: 21px; width:calc(557px * 0.9); height: calc(557px * 0.9);}
.spot_brand_wrap .figure_img_circle2 {right: -108px; top: -130px; width:calc(557px * 0.6); height: calc(557px * 0.6);}
.spot_brand_wrap .figure_img_circle3 {left: 20px; top: -199px; width:calc(557px * 0.7); height: calc(557px * 0.7);}
.spot_brand_wrap .figure_img_circle4 {right: -59px; top: 100px; width:calc(557px * 0.8); height: calc(557px * 0.8);}

@media all and (max-width: 768px) {
  @keyframes opacity {
    from {opacity:0;}
    to {opacity:.7;}

}
/* .spot_brand_wrap {margin-top: 116px} */
.spot_brand_wrap.main {height: 100%; }
.spot_brand_wrap.sub {height: 200px; margin-top: 60px; }
.spot_brand_wrap.main h2.title_spot_brand {font-size: 4.2rem}
.spot_brand_wrap.main .title_spot_brand h2 {font-size: 3.8rem; line-height: 4.6rem; font-weight: 400;}
.spot_brand_wrap.sub .title_spot_brand h2 {font-size: 3.2rem; line-height: 4.6rem;}
.spot_brand_wrap.sub p.cnt_spot_brand {font-size: 1.6rem;}
.spot_brand_wrap .more_wrap {margin-top: 25px;}
.spot_brand_wrap .more_wrap .more_btn {font-size: 1.4rem; padding: 8px 30px; }
}

/*대메뉴*/
#wrap, .wrap {position:relative; width:100%; margin:auto;}
.wrap_wide {position: relative; width: 100%; padding: 25px 60px;}
 @media all and (max-width: 768px) {
  .wrap_wide {padding: 30px 20px;}
  #header .wrap_wide {padding: 15px 20px 15px;}
  }
#header {position: absolute; top: 0; width: 100%; z-index:999; background:transparent;}
#header:after {display:block; clear:both; content:''; *zoom:1;}
/* gnb */
/*#header .gnbWrap {position:absolute; top:25px; left:300px; width:600px; z-index:999}*/
#header .gnbWrap { position:relative; top:0; left:0; z-index:999; float:left;}
#header .gnb {position:relative; width:100%; margin:0 auto;}
#header .gnb:after {display:block; clear:both; content:''; *zoom:1;}
#header .gnb li {position:relative;float:left;}
#header .gnb li .gnbLink {display:block; height:auto;}
#header .gnb li .gnbLink.on {color: #00bfbf}
#header .gnb li .gnbLink span {display:block; position:relative; z-index:-1;}
.gnb li a {display:block; text-align: center; line-height:16px;padding:8px 25px;}
.gnb li a span {font-size:1.6rem; font-weight:600;}

/* 서브 헤더 */
#header.subHeader {border-bottom: 1px solid #414852;}
#header.subHeader .topMenuBar > h1 a {color: #1C2128;}
#header.subHeader .topMenuBar .util .service ul li a {color: #1C2128;}

@media all and (max-width: 768px) {
  #header .gnbWrap {width: 100%; margin-top: 25px;}
  #header .gnb {width: 100%; clear: both; overflow-y: scroll;float: none;display: block;white-space: nowrap;}
  /*#header .gnb:before { content: ""; display: inline-block; vertical-align: middle; border-style: solid; border-color: transparent #D34147;border-width: 7px 0 7px 7px;}*/
  #header .gnb li {display: inline-block;float: none;white-space: nowrap;}
  .gnb li a  {padding: 8px 20px 8px 0; }
  .gnb li a span {font-weight:500;font-size:1.5rem;}
  }

[id*='anchor']:target:before {content: ''; display: block; height: 80px; margin-top: -80px; visibility: hidden;}
/*#anchor-verbal:target:before {content: ''; display: block; height: 80px; margin-top: -80px; visibility: hidden;}*/

.bd_gnb_sub {position:absolute; z-index:999; top:152px; width:100%; height:285px; border-bottom:1px solid #30599d; background:#f6f7f9; border-top:1px solid #e3e3e3}
.bd_gnb_sub .gnbWrap_title {position:absolute; top:30px; left:150px; z-index:999}
.bd_gnb_sub .gnbWrap_title h3 {color:#30599d; font-size:28px; font-weight:bold; margin-bottom:20px}
.bd_gnb_sub .gnbWrap_title p {color:#9d9d9d; font-size:1.4rem; line-height:22px}
.bd_gnb_sub .gnb_subWrap {padding-left:0}
.bd_gnb_sub .gnb_subWrap .gnb_sub:first-child {border-left:1px solid #ebebeb;}
.bd_gnb_sub .gnb_subWrap .gnb_sub {float:left;height:285px; border-right:1px solid #ebebeb;}

/*ie8*/
/*
#header .gnb li.li_1 {width: 161px}
#header .gnb li.li_2 {width: 161px}
#header .gnb li.li_3 {width: 161px}
#header .gnb li.li_4 {width: 161px}
#header .gnb li.li_5 {width: 145px}
#header .gnb li.li_6 {width: 199px}
*/
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_1 {width: 161px}
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_2 {width: 161px}
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_3 {width: 161px}
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_4 {width: 161px}
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_5 {width: 145px}
.bd_gnb_sub .gnb_subWrap .gnb_sub.gnb_sub_6 {width: 199px}

.bd_gnb_sub .gnb_subWrap .gnb_sub li {float:none;}
.bd_gnb_sub .gnb_subWrap .gnb_sub li a {display:block; padding:3px 12px 15px 15px; line-height:16px;}
.bd_gnb_sub .gnb_subWrap .gnb_sub li:first-child a {padding:13px 12px 15px 15px}

#header .location {border-top:1px solid #e3e3e3; border-bottom:1px solid #074691; background:#f6f7f9; margin-top:-1px}
#header .location > ul.locationSub {position:relative; width: 100%; margin:0 auto; z-index:3}
#header .location > ul.locationSub:after {display:block; clear:both; content:''; *zoom:1;}
#header .location > ul.locationSub li {position:relative; float:left; padding:11px 90px 10px 20px; border-right:1px solid #e3e3e3; cursor:pointer}
#header .location > ul.locationSub li:first-child {padding:11px 20px 10px 20px; border-left:1px solid #e3e3e3}
#header .location > ul.locationSub li:last-child {background:#fff}
#header .location > ul.locationSub li a {font-size:1.5rem}
#header .location > ul.locationSub li > ul.locationDepth {position:absolute; top:47px; left:-1px; padding:10px 0 6px; border:1px solid #e3e3e3; background:#fff; width:100%}
#header .location > ul.locationSub li > ul.locationDepth li {float:inherit; padding:8px 0px 12px 20px; border:0; cursor:pointer}

#quickNav {position:relative; background:#30599d; margin-bottom:30px}
#quickNav:after, #quickNav .quickNav_group:after {display:block; clear:both; content:''; *zoom:1;}
#quickNav .quickNav_group ul {padding:20px 50px; overflow:hidden}
#quickNav .quickNav_group li {position:relative; float:left; width:120px; height:110px; margin:0 15px; background:url(/landing-static/default/images/bg_ico_quicknav.png) no-repeat;}
#quickNav .quickNav_group li.qn01 {background-position:0px -20px}
#quickNav .quickNav_group li.qn02 {background-position:-120px -20px}
#quickNav .quickNav_group li.qn03 {background-position:-240px -20px}
#quickNav .quickNav_group li.qn04 {background-position:-360px -20px}
#quickNav .quickNav_group li.qn05 {background-position:-480px -20px}
#quickNav .quickNav_group li.qn06 {background-position:-600px -20px}
#quickNav .quickNav_group li a {display:block; width:120px; height:110px}
#quickNav .quickNav_group li span {display:block; margin:0 auto; margin:0 auto; color:#fff; text-align:center; padding-top:88px}

/*.map_info .cs_address > dl {margin-left:20px; padding-left:70px; background:url(/landing-static/default/images/bl_ico.png) no-repeat top left;}
*/

.map-import { z-index:1;
  overflow: hidden;}
.map-import p, .map-academy p {margin-bottom: 5px}
.map-import.map-federation {position:absolute; top:30px; right:0; width:415px;}
.map-import.map-federation .map-img-bg {background: #f9f9fb;border: 1px solid #dadada;width: 413px;height: 550px;position: relative}
.map-import.map-federation .map-img-area {position: absolute;left: 58px;top: 38px;}

.map_infor {padding:30px 0; overflow:hidden;float:left;width:380px;margin-right:50px;}
.map_infor .titleBox {padding:10px 0px 30px}
.map_infor .titleBox h3 {display:inline-block; font-size:36px; line-height: 48px; letter-spacing: -1px;}

.map_infor li {padding: 7px 0}
.map_infor li a { font-weight: 500; font-size: 1.7rem;}
.map_infor .mp-circle {width: 15px; height: 15px; background-color: #000; border-radius: 50%; display: inline-block;}
.map_infor .mp-count {margin: 0 20px 0 10px;}
.map_infor .map-name .mp-comp-ing {background-color: #F2F4F7; border-radius: 50px; padding: 10px 25px; margin: 8px 0 0; font-size:1.4rem;display: inline-block;}
.map_infor .map-name .mp-comp-ing a {font-size:1.4rem}
.map_infor .map-name .mp-comp-ing a .blx {margin-right: 10px; font-size:1.5rem; font-weight: 500}

.map_infor .mp-color-green .mp-circle {background-color: #49B05D; color: #49B05D}
.map_infor .mp-color-green .mp-count {color: #49B05D}
.map_infor .mp-color-red .mp-circle {background-color: #B52C87; color: #B52C87}
.map_infor .mp-color-red .mp-count {color: #B52C87}
.map_infor .mp-color-blue .mp-circle {background-color: #2964AE; color: #2964AE}
.map_infor .mp-color-blue .mp-count {color: #2964AE}
.map_infor .mp-color-cyan .mp-circle {background-color: #00bfbf; color: #00bfbf}
.map_infor .mp-color-cyan .mp-count {color: #00bfbf}

@media all and (max-width: 768px) {
  .map_infor {padding: 0; overflow-x: scroll;}
  .map_infor li a {font-size: 1.6rem;}
  .map_infor .titleBox {padding: 10px 0 20px;}
  .map_infor .titleBox h3  {font-size: 3.0rem; line-height: 3.8rem;}
  .map_infor .map-name .mp-comp-ing {padding: 10px 15px}
  .map_infor .map-name .mp-comp-ing a {white-space: nowrap;}
}

.map-area {position: relative; width: 650px; height: 1050px; margin: 0 auto;}
.map-area .map-img {position: absolute;}
/* .map-area .map-img .m-tooltip {position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); width: 50%; height: 30%; background-color: #fff; border: 1px solid #000; border-radius: 10px; z-index: 999;} */
/* .map-area .map-img .m-tooltip::after {content: ''; display: block; overflow: hidden;} */
.map-area .map-img a {display: block;position: relative;cursor: pointer;}
.map-area .map-img a {display: block;position: relative;cursor: pointer;}
.map-area .map-img a.disabled {pointer-events: none; cursor: default;}
.map-area .map-img a.disabled .map-tooltip {color: #9ECAEC; border-color: #9ECAEC;}
.map-area .map-img .map-tooltip { color: #0260d8; font-weight: 500; white-space: nowrap; background-color: #fff; border:1px solid #0260d8; padding: 2px 15px; border-radius: 50px;display: block; position: absolute; z-index: 997}
.map-area .map-img .map-tooltip:after {content: ''; display: none; height: 1px; left: -80px; width: 80px; background-color: #0260d8; position: absolute; top: 15px; z-index: -1;}
.map-area .map-img a:hover .map-tooltip:after {display:block;}
.map-area .map-img a:hover .map-tooltip {background-color: #1C2128; color: #fff;}

/* .map-area .map-img a:hover .map-tooltip {display: block;} */
.map-area .map-img a.select .map-tooltip {display: block;}
/* 서브 시설 */
.map-area .map-img a ul {display: table; position: relative;}
.map-area .map-img a ul li {display: list-item; position: relative; background-color: #1C2128; color: #80d7ff; padding: 3px 15px; border-radius: 50px; margin: 10px 0;}
.map-area .map-img a ul.details_left {float: left;}
.map-area .map-img a ul.details_right {float: right;}
.map-area .map-img a ul.details_left li:after {content: ''; display: block; height: 1px; right: -30px; width: 30px; background-color: #0260d8; position: absolute; top: 15px; z-index: -1;}
.map-area .map-img a ul.details_left li:before {content: ''; display: block; height: 42px; right: -30px; width: 1px; background-color: #0260d8; position: absolute; top: 15px; z-index: -1;}
.map-area .map-img a ul.details_right li:after {content: ''; display: block; height: 1px; left: -30px; width: 30px; background-color: #0260d8; position: absolute; top: 15px; z-index: -1;}
.map-area .map-img a ul.details_right li:before {content: ''; display: block; height: 42px; left: -30px; width: 1px; background-color: #0260d8; position: absolute; top: 15px; z-index: -1;}
.map-area .map-img a ul li:last-child:before {display: none;}
.map-area .map-img a ul .details_bar {display: block; height: 1px; width: 300px; top: 25px; left: 0; background-color: #0260d8; position: absolute;  z-index: -1;}

.map-area .map-img .tooltipBox {display: none; position: absolute; width: 500px; height: auto;}
.map-area .map-img a:hover .tooltipBox {display: block;}
.map-area .map-img .tooltipBox:after {display:block; clear:both; content:"";}

@media all and (max-width: 768px) {
  .map-area .map-img a.on .tooltipBox {display: block; z-index: 999;}
  .map-area .map-img a.on .map-tooltip {background-color: #1C2128; color: #fff;}
  .map-area .map-img a ul.details_left {float: none;}
  .map-area .map-img a ul.details_right {float: none;}
  .map-area .map-img a:hover .map-tooltip:after {display:none;}
  .map-area .map-img .tooltipBox {width: auto; z-index: 998;}
  .map-area .map-img .map-tooltip {font-size: 1.2rem; padding:0 10px}
  .map-area .map-img a ul li {font-size: 1.2rem; padding:0 10px; margin: 2px 0;}
  .map-area .map-img a ul.details_left li:after, .map-area .map-img a ul.details_left li:before, .map-area .map-img a ul.details_right li:after, .map-area .map-img a ul.details_right li:before, .map-area .map-img a ul .details_bar {display: none;}
}
/*
.map-area .map-img .map-tooltip.mp-color-green {border-color: #49B05D; color: #49B05D}
.map-area .map-img .map-tooltip.mp-color-red {border-color: #B52C87; color: #B52C87}
.map-area .map-img .map-tooltip.mp-color-blue {border-color: #2964AE; color: #2964AE}
.map-area .map-img .map-tooltip.mp-color-cyan {border-color: #00bfbf; color: #00bfbf}
*/

:root {
  --map-img-common-left: 65px;

  --map-img-kangwon-top: 0;
  --map-img-gyungi-top: 62px;
  --map-img-seoul-top: 164px;
  --map-img-incheon-top: 138px;
  --map-img-choongnam-top: 308px;
  --map-img-kyungbook-top: 278px;
  --map-img-choongbook-top: 263px;
  --map-img-sejong-top: 350px;
  --map-img-daejeon-top: 428px;
  --map-img-jeonbook-top: 494px;
  --map-img-daegoo-top: 512px;
  --map-img-kyungnam-top: 549px;
  --map-img-woolsan-top: 585px;
  --map-img-boosan-top: 653px;
  --map-img-jeonnam-top: 637px;
  --map-img-kwangjoo-top: 678px;
  --map-img-jeju-top: 934px;
}

/* 강원도 */
.map-area .map-img-kangwon {top:var(--map-img-kangwon-top); left:calc( 300px - var(--map-img-common-left) );}
.map-area .map-img-kangwon a {background-image: url(/landing-static/default/images/map/img_map_kangwon_off.svg); width: 360px; height: 300px}
/* .map-area .map-img-kangwon a:hover,
.map-area .map-img-kangwon a.select {background-image: url(/landing-static/default/images/map/img_map_kangwon_on.svg);} */
.map-area .map-img-kangwon .map-tooltip {left: 182px; top: 136px;}
.map-area .map-img-kangwon .map-tooltip:after {left: 71px; width: 220px;}
.map-area .map-img-kangwon .tooltipBox {right: -270px; top: 127px;}

/* 경기도 */
.map-area .map-img-gyungi {top: var(--map-img-gyungi-top); left: calc( 195px - var(--map-img-common-left) );}
.map-area .map-img-gyungi a {background-image: url(/landing-static/default/images/map/img_map_gyungi_off.svg); width: 211px; height: 277px}
/* .map-area .map-img-gyungi a:hover,
.map-area .map-img-gyungi a.select {background-image: url(/landing-static/default/images/map/img_map_gyungi_on.svg);} */
.map-area .map-img-gyungi .map-tooltip {left: 77px; top: 50px;}
.map-area .map-img-gyungi .map-tooltip:after {left: -150px; width: 150px;}
.map-area .map-img-gyungi .tooltipBox {left: -345px; top: 41px;}

/* 서울특별시 */
.map-area .map-img-seoul {top: var(--map-img-seoul-top); left: calc( 235px - var(--map-img-common-left) );}
.map-area .map-img-seoul a {background-image: url(/landing-static/default/images/map/img_map_seoul_off.svg); width: 68px; height: 63px;}
/* .map-area .map-img-seoul a:hover,
.map-area .map-img-seoul a.select {background-image: url(/landing-static/default/images/map/img_map_seoul_on.svg);} */
.map-area .map-img-seoul .map-tooltip { top: 18px; left: 42px;}
.map-area .map-img-seoul .map-tooltip:after {left: -150px; width: 150px;}
.map-area .map-img-seoul .tooltipBox {left: -385px; top: 9px;}

/* 인천광역시 */
.map-area .map-img-incheon {top: var(--map-img-incheon-top); left: calc( 137px - var(--map-img-common-left) );}
.map-area .map-img-incheon a {background-image: url(/landing-static/default/images/map/img_map_incheon_off.svg); width: 101px;height: 100px;}
/* .map-area .map-img-incheon a:hover,
.map-area .map-img-incheon a.select {background-image: url(/landing-static/default/images/map/img_map_incheon_on.svg);} */
.map-area .map-img-incheon .map-tooltip { top: 77px; left: -36px; }
.map-area .map-img-incheon .tooltipBox {left: -287px; top: 68px;}

/* 충청남도 */
.map-area .map-img-choongnam {top: var(--map-img-choongnam-top);left: calc( 124px - var(--map-img-common-left) );}
.map-area .map-img-choongnam a {background-image: url(/landing-static/default/images/map/img_map_choongnam_off.svg);width: 257px;height: 221px;}
/* .map-area .map-img-choongnam a:hover,
.map-area .map-img-choongnam a.select {background-image: url(/landing-static/default/images/map/img_map_choongnam_on.svg);} */
.map-area .map-img-choongnam .map-tooltip { top: 120px; left: -10px;}
.map-area .map-img-choongnam .map-tooltip:after {left: -45px; width: 45px;}
.map-area .map-img-choongnam .tooltipBox {left: -274px; top: 111px;}

/* 경상북도 */
.map-area .map-img-kyungbook {top: var(--map-img-kyungbook-top);left: calc( 412px - var(--map-img-common-left) );}
.map-area .map-img-kyungbook a {background-image: url(/landing-static/default/images/map/img_map_kyungbook_off.svg);width: 292px;height: 338px;}
/* .map-area .map-img-kyungbook a:hover,
.map-area .map-img-kyungbook a.select {background-image: url(/landing-static/default/images/map/img_map_kyungbook_on.svg);} */
.map-area .map-img-kyungbook .map-tooltip { top: 41px; left: 150px;}
.map-area .map-img-kyungbook .map-tooltip:after {left: 85px; width: 50px;}
.map-area .map-img-kyungbook .tooltipBox {right: -226px; top: 32px;}

/* 충청북도 */
.map-area .map-img-choongbook {top: var(--map-img-choongbook-top);left: calc( 323px - var(--map-img-common-left) );}
.map-area .map-img-choongbook a {background-image: url(/landing-static/default/images/map/img_map_choongbook_off.svg);width: 213px;height: 264px;}
/* .map-area .map-img-choongbook a:hover,
.map-area .map-img-choongbook a.select {background-image: url(/landing-static/default/images/map/img_map_choongbook_on.svg);} */
.map-area .map-img-choongbook .map-tooltip { top: 60px; left: 40px;}
.map-area .map-img-choongbook .map-tooltip:after {left: -240px; width: 240px;}
.map-area .map-img-choongbook .tooltipBox {left: -473px; top: 51px;}

/* 세종특별자치사 */
.map-area .map-img-sejong {top: var(--map-img-sejong-top);left: calc( 281px - var(--map-img-common-left) );}
.map-area .map-img-sejong a {background-image: url(/landing-static/default/images/map/img_map_sejong_off.svg);width: 54px;height: 92px;}
/* .map-area .map-img-sejong a:hover,
.map-area .map-img-sejong a.select {background-image: url(/landing-static/default/images/map/img_map_sejong_on.svg);} */
.map-area .map-img-sejong .map-tooltip { top: 21px; left: -100px; }
.map-area .map-img-sejong .map-tooltip:after {left: -45px; width: 45px;}
.map-area .map-img-sejong .tooltipBox {left: -431px; top: 12px;}

/* 대전광역시 */
.map-area .map-img-daejeon {top: var(--map-img-daejeon-top);left: calc( 320px - var(--map-img-common-left) );}
.map-area .map-img-daejeon a {background-image: url(/landing-static/default/images/map/img_map_daejeon_off.svg);width: 44px;height: 54px;}
/* .map-area .map-img-daejeon a:hover,
.map-area .map-img-daejeon a.select {background-image: url(/landing-static/default/images/map/img_map_daejeon_on.svg);} */
.map-area .map-img-daejeon .map-tooltip { top: 21px; left: -84px;}
.map-area .map-img-daejeon .tooltipBox {left: -470px; top: 12px;}
.map-area .map-img-daejeon .map-tooltip:after {left: -140px; width: 140px;}

/* 전라북도 */
.map-area .map-img-jeonbook {top: var(--map-img-jeonbook-top);left: calc( 181px - var(--map-img-common-left) );}
.map-area .map-img-jeonbook a {background-image: url(/landing-static/default/images/map/img_map_jeonbook_off.svg);width: 237px;height: 176px;}
/* .map-area .map-img-jeonbook a:hover,
.map-area .map-img-jeonbook a.select {background-image: url(/landing-static/default/images/map/img_map_jeonbook_on.svg);} */
.map-area .map-img-jeonbook .map-tooltip { top: 69px; left: 83px;}
.map-area .map-img-jeonbook .map-tooltip:after {left: -145px; width: 145px;}
.map-area .map-img-jeonbook .tooltipBox {left: -331px; top: 60px;}

/* 대구광역시 */
.map-area .map-img-daegoo {top: var(--map-img-daegoo-top);left: calc( 499px - var(--map-img-common-left) );}
.map-area .map-img-daegoo a {background-image: url(/landing-static/default/images/map/img_map_daegoo_off.svg);width: 80px;height: 88px;}
/* .map-area .map-img-daegoo a:hover,
.map-area .map-img-daegoo a.select {background-image: url(/landing-static/default/images/map/img_map_daegoo_on.svg);} */
.map-area .map-img-daegoo .map-tooltip { top: 0px; left: 52px; }
.map-area .map-img-daegoo .map-tooltip:after {left: 100px; width: 140px;}
.map-area .map-img-daegoo .tooltipBox {right: -351px; top: -9px;}

/* 경상남도 */
.map-area .map-img-kyungnam {top: var(--map-img-kyungnam-top);left: calc( 371px - var(--map-img-common-left) );}
.map-area .map-img-kyungnam a {background-image: url(/landing-static/default/images/map/img_map_kyungnam_off.svg);width: 271px;height: 242px;}
/* .map-area .map-img-kyungnam a:hover,
.map-area .map-img-kyungnam a.select {background-image: url(/landing-static/default/images/map/img_map_kyungnam_on.svg);} */
.map-area .map-img-kyungnam .map-tooltip { top: 83px; left: 42px;}
.map-area .map-img-kyungnam .map-tooltip:after {left: 86px; width: 240px;}
.map-area .map-img-kyungnam .tooltipBox {right: -288px; top: 74px;}

/* 울산광역시 */
.map-area .map-img-woolsan {top: var(--map-img-woolsan-top);left: calc( 604px - var(--map-img-common-left) );}
.map-area .map-img-woolsan a {background-image: url(/landing-static/default/images/map/img_map_woolsan_off.svg);width: 82px;height: 75px;}
/* .map-area .map-img-woolsan a:hover,
.map-area .map-img-woolsan a.select {background-image: url(/landing-static/default/images/map/img_map_woolsan_on.svg);} */
.map-area .map-img-woolsan .map-tooltip { top: 20px; left: 45px; }
.map-area .map-img-woolsan .map-tooltip:after {left: 100px; width: 40px;}
.map-area .map-img.map-img-woolsan .tooltipBox {right: -244px; top: 11px;}

/* 부산광역시 */
.map-area .map-img-boosan {top: var(--map-img-boosan-top);left: calc( 524px - var(--map-img-common-left) );}
.map-area .map-img-boosan a {background-image: url(/landing-static/default/images/map/img_map_boosan_off.svg);width: 128px;height: 90px;}
/* .map-area .map-img-boosan a:hover,
.map-area .map-img-boosan a.select {background-image: url(/landing-static/default/images/map/img_map_boosan_on.svg);} */
.map-area .map-img-boosan .map-tooltip { top: 4px; left: 8px; }
.map-area .map-img-boosan .map-tooltip:after {left: 100px; width: 100px;}
.map-area .map-img.map-img-boosan .tooltipBox {right: -278px; top: -5px;}

/* 전라남도 */
.map-area .map-img-jeonnam {top: var(--map-img-jeonnam-top);left: calc( 83px - var(--map-img-common-left) );}
.map-area .map-img-jeonnam a {background-image: url(/landing-static/default/images/map/img_map_jeonnam_off.svg);width: 331px;height: 263px;}
/* .map-area .map-img-jeonnam a:hover,
.map-area .map-img-jeonnam a.select {background-image: url(/landing-static/default/images/map/img_map_jeonnam_on.svg);} */
.map-area .map-img-jeonnam .map-tooltip { top: 125px; left: 129px;}
.map-area .map-img-jeonnam .map-tooltip:after {left: -120px; width: 120px;}
.map-area .map-img-jeonnam .tooltipBox {left: -233px; top: 116px;}

/* 광주광역시 */
.map-area .map-img-kwangjoo {top: var(--map-img-kwangjoo-top);left: calc( 205px - var(--map-img-common-left) );}
.map-area .map-img-kwangjoo a {background-image: url(/landing-static/default/images/map/img_map_kwangjoo_off.svg);width: 76px;height: 54px;}
/* .map-area .map-img-kwangjoo a:hover,
.map-area .map-img-kwangjoo a.select {background-image: url(/landing-static/default/images/map/img_map_kwangjoo_on.svg);} */
.map-area .map-img-kwangjoo .map-tooltip { top: 9px; left: 41px; }
.map-area .map-img-kwangjoo .map-tooltip:after {left: -120px; width: 120px;}
.map-area .map-img-kwangjoo .tooltipBox {left: -355px; top: 0px;}

/* 제주도 */
.map-area .map-img-jeju {top: var(--map-img-jeju-top);left: calc( 158px - var(--map-img-common-left) );}
.map-area .map-img-jeju a {background-image: url(/landing-static/default/images/map/img_map_jeju_off.svg);width: 139px;height: 79px;}
/* .map-area .map-img-jeju a:hover,
.map-area .map-img-jeju a.select {background-image: url(/landing-static/default/images/map/img_map_jeju_on.svg);} */
.map-area .map-img-jeju .map-tooltip { top: 1px; left: 33px;}

/* 모바일 지도 */
@media all and (max-width: 768px) {
.map_infor, .map-area {width: 335px; max-height: 560px; float: none; background-image: url(/landing-static/default/images/map/img_map_all.svg); background-repeat: no-repeat; }
.map-area [class*='map-img-'] {width: 100%; height: 100%; left: 0 !important; top: 0 !important;}
.map-area [class*='map-img-'] a {width: 100%; height: 100%; background-image:none; background-size: 50%; background-repeat: no-repeat;}

:root {
  --m-map-img-common-left: 150px;
  --m-map-img-tooltipBox-top: 30px;
}

/* 강원도 */
.map-area .map-img-kangwon {top:calc(var(--map-img-kangwon-top)/2); left:calc( 300px - var(--map-img-common-left)*2.4);}
.map-area .map-img-kangwon .map-tooltip {left: 172px; top: 36px;}
.map-area .map-img-kangwon .map-tooltip:after {left: 71px; width: 220px;}
.map-area .map-img-kangwon .tooltipBox {left: 172px; top: calc(36px + var(--m-map-img-tooltipBox-top));}

/* 경기도 */
.map-area .map-img-gyungi {top: calc(var(--map-img-gyungi-top)/2); left: calc( 195px - var(--map-img-common-left)*1.60 );}
.map-area .map-img-gyungi .map-tooltip {top: 49px; left: 74px;}
.map-area .map-img-gyungi .map-tooltip:after {left: -150px; width: 150px;}
.map-area .map-img-gyungi .tooltipBox {left: 74px; top: calc(49px + var(--m-map-img-tooltipBox-top));}

/* 서울특별시 */
.map-area .map-img-seoul {top: calc(var(--map-img-seoul-top)/2); left: calc( 235px - var(--map-img-common-left)*1.91 );}
.map-area .map-img-seoul .map-tooltip { top: 98px; left: 104px; }
.map-area .map-img-seoul .map-tooltip:after {left: -150px; width: 150px;}
.map-area .map-img-seoul .tooltipBox {left: 104px; top: calc(98px + var(--m-map-img-tooltipBox-top));}

/* 인천광역시 */
.map-area .map-img-incheon {top: calc(var(--map-img-incheon-top)/2); left: calc( 137px - var(--map-img-common-left)*1.16 );}
.map-area .map-img-incheon .map-tooltip { top: 113px; left: 0;}
.map-area .map-img-incheon .tooltipBox {left: 0px; top: calc(113px + var(--m-map-img-tooltipBox-top));}

/* 충청남도 */
.map-area .map-img-choongnam {top: calc(var(--map-img-choongnam-top)/2);left: calc( 124px - var(--map-img-common-left)*1.06 );}
.map-area .map-img-choongnam .map-tooltip { top: 215px; left: 0}
.map-area .map-img-choongnam .map-tooltip:after {left: -45px; width: 45px;}
.map-area .map-img-choongnam .tooltipBox {left: 0; top: calc(215px + var(--m-map-img-tooltipBox-top));}

/* 세종특별자치사 */
.map-area .map-img-sejong {top: calc(var(--map-img-sejong-top)/2);left: calc( 281px - var(--map-img-common-left)*2.26 );}
.map-area .map-img-sejong .map-tooltip { top: 204px; left: 121px; }
.map-area .map-img-sejong .map-tooltip:after {left: -45px; width: 45px;}
.map-area .map-img-sejong .tooltipBox {left: 121px; top: calc(204px + var(--m-map-img-tooltipBox-top));}

/* 대전광역시 */
.map-area .map-img-daejeon {top: calc(var(--map-img-daejeon-top)/2);left: calc( 320px - var(--map-img-common-left)*2.55 );}
.map-area .map-img-daejeon .map-tooltip { top: 247px; left: 63px;}
.map-area .map-img-daejeon .tooltipBox {left: 63px; top: calc(247px + var(--m-map-img-tooltipBox-top));}
.map-area .map-img-daejeon .map-tooltip:after {left: -140px; width: 140px;}

/* 충청북도 */
.map-area .map-img-choongbook {top: calc(var(--map-img-choongbook-top)/2 - 1px);left: calc( 323px - var(--map-img-common-left)*2.58 );}
.map-area .map-img-choongbook .map-tooltip {top: 164px; left: 137px;}
.map-area .map-img-choongbook .map-tooltip:after {left: -240px; width: 240px;}
.map-area .map-img-choongbook .tooltipBox {left: 137px; top: calc(164px + var(--m-map-img-tooltipBox-top));}

/* 전라북도 */
.map-area .map-img-jeonbook {top: calc(var(--map-img-jeonbook-top)/2);left: calc( 181px - var(--map-img-common-left)*1.49 );}
.map-area .map-img-jeonbook .map-tooltip {top: 309px; left: 83px;}
.map-area .map-img-jeonbook .map-tooltip:after {left: -145px; width: 145px;}
.map-area .map-img-jeonbook .tooltipBox {left: 83px; top: calc(309px + var(--m-map-img-tooltipBox-top));}

/* 전라남도 */
.map-area .map-img-jeonnam {top: calc(var(--map-img-jeonnam-top)/2);left: calc( 83px - var(--map-img-common-left)*0.74 );}
.map-area .map-img-jeonnam .map-tooltip { top: 420px; left: 61px;}
.map-area .map-img-jeonnam .map-tooltip:after {left: -120px; width: 120px;}
.map-area .map-img-jeonnam .tooltipBox {top: calc(420px + var(--m-map-img-tooltipBox-top)); left: 61px;}

/* 광주광역시 */
.map-area .map-img-kwangjoo {top: calc(var(--map-img-kwangjoo-top)/2 + 1px);left: calc( 205px - var(--map-img-common-left)*1.68 );}
.map-area .map-img-kwangjoo .map-tooltip { top: 376px; left: 91px;}
.map-area .map-img-kwangjoo .map-tooltip:after {left: -120px; width: 120px;}
.map-area .map-img-kwangjoo .tooltipBox {top: calc(376px + var(--m-map-img-tooltipBox-top)); left: 91px;}

/* 경상북도 */
.map-area .map-img-kyungbook {top: calc(var(--map-img-kyungbook-top)/2); left: calc( 412px - var(--map-img-common-left)*3.26 );}
.map-area .map-img-kyungbook .map-tooltip { top: 184px; left: 269px;}
.map-area .map-img-kyungbook .map-tooltip:after {left: 85px; width: 50px;}
.map-area .map-img-kyungbook .tooltipBox {right: 0px; top: calc(184px + var(--m-map-img-tooltipBox-top));}

/* 경상남도 */
.map-area .map-img-kyungnam {top: calc(var(--map-img-kyungnam-top)/2);left: calc( 371px - var(--map-img-common-left)*2.94 );}
.map-area .map-img-kyungnam .map-tooltip { top: 340px; left: 168px;}
.map-area .map-img-kyungnam .map-tooltip:after {left: 86px; width: 240px;}
.map-area .map-img-kyungnam .tooltipBox {left: 168px; top: calc(340px + var(--m-map-img-tooltipBox-top));}

/* 울산광역시 */
.map-area .map-img-woolsan {top: calc(var(--map-img-woolsan-top)/2 - 1px);left: calc( 604px - var(--map-img-common-left)*4.72 );}
.map-area .map-img-woolsan .map-tooltip { top: 310px; left: 258px;}
.map-area .map-img-woolsan .map-tooltip:after {left: 100px; width: 40px;}
.map-area .map-img.map-img-woolsan .tooltipBox {right: 0px; top: calc(310px + var(--m-map-img-tooltipBox-top));}

/* 부산광역시 */
.map-area .map-img-boosan {top: calc(var(--map-img-boosan-top)/2); left: calc( 524px - var(--map-img-common-left)*4.11 );}
.map-area .map-img-boosan .map-tooltip { top: 360px; left: 258px; }
.map-area .map-img-boosan .map-tooltip:after {left: 100px; width: 100px;}
.map-area .map-img.map-img-boosan .tooltipBox {right: 0px; top: calc(360px + var(--m-map-img-tooltipBox-top));}

/* 대구광역시 */
.map-area .map-img-daegoo {top: calc(var(--map-img-daegoo-top)/2);left: calc( 499px - var(--map-img-common-left)*3.94 );}
.map-area .map-img-daegoo .map-tooltip {top: 268px; left: 180px; }
.map-area .map-img-daegoo .map-tooltip:after {left: 100px; width: 140px;}
.map-area .map-img-daegoo .tooltipBox {left: 180px; top: calc(268px + var(--m-map-img-tooltipBox-top));}

/* 제주도 */
.map-area .map-img-jeju {top: calc(var(--map-img-jeju-top)/2);left: calc( 158px - var(--map-img-common-left)*1.4 );}
.map-area .map-img-jeju .map-tooltip { top: 490px; left: 40px;}
.map-area .map-img-jeju .tooltipBox {left: -351px; top: calc(41px + var(--m-map-img-tooltipBox-top));}

}

/*도움말 공통*/
.cs-help {clear: both;position: relative;overflow: hidden}
.cs-help dl, .cs-help i {float:left}
.cs-help dl {width: 97%}
.cs-help dt {font-size:1.6rem; font-weight:500; padding:0 10px; }
.cs-help dd {padding:5px 10px 0}

.affi-import {overflow: hidden;z-index:777}
.affi-import.affi-federation .affi-img-area {position:absolute; top:50px; right:0; width: 420px;}
.affi-import.affi-federation .affi-img-area ul li {float: left;background: url(/landing-static/default/images/bg_affi_img.png) no-repeat;background-position: 0 -199px;margin: 10px;}
.affi-import.affi-federation .affi-img-area ul li.active {background-position:0 0 }
.affi-import.affi-federation .affi-img-area ul li.active a {color: #fff}
.affi-import.affi-federation .affi-img-area ul li a {width: 188px;height: 188px;display:table;font-size:1.8rem;font-weight: bold;}
.affi-import.affi-federation .affi-img-area ul li a span {display: table-cell;vertical-align: middle;text-align: center}

h4.traffic {margin:0 0 20px 0; font-size:1.8rem;}
.traffic_infor {width:100%; height:auto; overflow:hidden; border-top:1px solid #dadada; padding:30px 0}
.traffic_infor:after {display:block; clear:both; content:"";}
.traffic_infor > li {position:relative; float:left; margin-left:38px;}
.traffic_infor li:first-child {padding-left:0; border-left:0; margin-left:0}
.traffic_infor li ul {width:auto; margin:15px 0 20px 0;}
.traffic_infor li ul li {position:relative; float:none; width:auto; margin-top:5px; border:0;}
.traffic_infor li ul li:first-child {width:auto;}
.traffic_infor li ul li span {display:inline-block; padding:0; color:#2c2c2c; font-size:1em; font-weight:normal; vertical-align:top;}
.traffic_infor li ul li span.subject {margin-right:5px; padding:1px 8px; background:#f5f5f5; text-align:left;}
.traffic_car .subject {width:139px;}
.traffic_subway .subject {width:145px;}
.traffic_bus .subject {width:93px;}

.exec_infor {margin:10px 0 50px; overflow:hidden}

/*박스형태 변형*/
.expect {border:1px solid #ddd; border-left:0; border-top:0}
.expect h3.title {border-top:0; background:#efefef; border-bottom:1px solid #ddd}
.expect li {padding:10px 0; overflow:hidden; border-bottom:1px solid #e7e7e7; text-overflow:ellipsis; white-space:nowrap;}

.articleBox_vert {margin-bottom:30px; overflow:hidden; position:relative}
.articleBox_vert {padding:0;}
.articleBox_vert .img {display:block; width:300px; height:150px; margin:15px 0 7px; overflow:hidden;}
.articleBox_vert .img img {width:300px;}
.articleBox_vert .tit {display:block; margin:5px 0 8px; font-size:1.5rem; font-weight:bold; line-height:22px;}
.articleBox_vert .relation {padding:0 0 0 20px}
.articleBox_vert .relation li {overflow:hidden; border-bottom:1px dashed #d6d6d6}
.articleBox_vert .txt {margin-bottom:25px; color:#aaa; display:inline-block}

.articleBox_vert .sectionA {position:relative; float:left; width:310px; padding:0 20px 0 0; border-right:1px solid #dddddd}
.articleBox_vert .sectionB {position:relative; float:right; width:310px; padding:0 0 0 15px;}

.newsListWrap .articleBox_vert .img {display:block; width:310px; height:150px; margin:15px 0 7px; overflow:hidden;}
.newsListWrap .articleBox_vert .img img {width:300px;}

.articleBox_horiz {overflow:hidden;}
.articleBox_horiz .img {display:block; float:left; width:100px !important; height:65px !important; margin:0 !important; overflow:hidden;}
.articleBox_horiz .img img {width:100px !important;}
.articleBox_horiz .tit {display:block; float:right; width:200px; margin:0px !important;}
.asideNews .articleBox_horiz .tit {width:190px;}
.articleBox_horiz li {padding:10px 0}
.articleBox_horiz .section .more {top:18px; right:0;}

.articleBox_list {margin-bottom:30px; overflow:hidden; position:relative}
.articleBox_list {padding:0;}
.articleBox_list .img {display:block; width:207px !important; height:105px; overflow:hidden !important;}
.articleBox_list .img img {width:207px !important;}
.articleBox_list .tit {display:block; font-size:1.5rem; font-weight:bold;}
.articleBox_list .relation {padding:0 0 0 20px}
.articleBox_list .relation li {overflow:hidden; border-bottom:1px dashed #d6d6d6}
.articleBox_list .txt {margin-bottom:25px; color:#888; display:inline-block}

.util .sns {position:absolute; top:30px; right:10px; overflow:hidden;}
.util .sns li {float:left; margin-left:5px; line-height:30px;}
.util .sns li a {display:inline-block; height:38px; padding-left:38px; background:url("/landing-static/default/images/bl_ico.png") no-repeat; line-height:29px}
.util .sns li a em {display:none}
.util .sns li.youtube a {background-position:-5px -30px;}
.util .sns li.band a {background-position:-48px -30px;}
.util .log {float:left; margin-left:20px; padding:5px 0 6px;}
.util .log a.btnLog{display:inline-block; display:inline; padding-right:2px; background:url("/landing-static/default/images/btns.gif") no-repeat right 0; vertical-align:top; *zoom:1;}
.util .log a:hover {text-decoration:none;}
.util .log a.btnLog span {display:block; padding:0 6px 0 8px; background:url("/landing-static/default/images/btns.gif") no-repeat 0 0; line-height:21px;}

/* top메뉴바 sejin add 170402*/
.topMenuBar {position:relative; width:100%;box-sizing: border-box;}
.topMenuBar:after {display:block; clear:both; content:''; *zoom:1;}
.topMenuBar > h1 {font-size:2.8rem; font-weight: 500;float: left;padding: 3px 25px 0 0;}
.topMenuBar > h1 a {color: #fff;}
.topMenuBar > h1 > select{ display: inline-block; vertical-align: middle; width: 180px; height: 40px; padding: 0 10px; margin-left: 20px; margin-top: -3px; border: 1px solid #dddddd; }
.topMenuBar .util {position:absolute; right: 0px;}
.topMenuBar .util .service {position: relative;}
.topMenuBar .util .service .user {font-size:1.4rem; float: left;line-height:30px;}
.topMenuBar .util .service ul {overflow:hidden;float: left;}
.topMenuBar .util .service ul li {float:left; height:33px;line-height:30px;}
.topMenuBar .util .service ul li a {color: #fff; margin:0 0 0 25px;font-size:1.6rem;}
.topMenuBar .util .service ul li a em {font-weight: 600;}
.topMenuBar .util .service ul li:first-child a {border: 0}
.topMenuBar .util .service ul li.all a {padding-right:20px;}
.subMenuBar {position: relative; width: 1080px;box-sizing: border-box;margin: 0 auto;}

@media all and (max-width: 768px) {
  .topMenuBar > h1 {font-size:2.0rem; }
  .topMenuBar .util .service ul li a {margin:0 0 0 15px;font-size:1.5rem; }
  .topMenuBar .util .service ul li a em {font-weight: 500 }
  .subMenuBar {width: 100%; padding: 0 20px;}
}

.subMenuBar .lnb {position:relative; margin:0 auto;width:100%;}
.subMenuBar .lnb:after {display:block; clear:both; content:''; *zoom:1;}
.subMenuBar .lnb li {position:relative; float:left;}
.subMenuBar .lnb li .gnbLink {display:block; height:auto;}
.subMenuBar .lnb li .gnbLink span {display:block; position:relative; z-index:-1;}
.lnb li a {display:block; text-align: center; line-height:16px; padding:30px 25px;}
.lnb li a span {font-size:1.6rem;}

@media all and (max-width: 768px) {
  #header .gnbWrap {width: 100%; margin-top: 25px;}
  .subMenuBar .lnb {width: 100%; clear: both; overflow-y: scroll;float: none;display: block;white-space: nowrap;}
  /*#header .gnb:before { content: ""; display: inline-block; vertical-align: middle; border-style: solid; border-color: transparent #D34147;border-width: 7px 0 7px 7px;}*/
  .subMenuBar .lnb li {display: inline-block;float: none;white-space: nowrap;}
  .lnb li a  {padding: 20px 8px; }
  .lnb li a span {font-weight:500;font-size:1.5rem;}
 }

/* 공통 클래스 */
.txt16 p {font-size:1.6rem !important; line-height:26px !important; margin-top:-3px}
.txt18 p {font-size:1.8rem !important; line-height:26px !important; margin-top:-3px}
.txt24 p {font-size:24px !important; line-height:32px !important; margin-top:-5px}
.strong {font-weight:bold}
.blind {display:none}
.mt-10 {margin-top: 10px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important;}
.ml-10 {margin-left: 10px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.mr-10 {margin-right: 10px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.ico { background:url(/landing-static/default/images/bl_ico.png) no-repeat; vertical-align:text-top; display:inline-block;}
.ico-global {width:15px; height:15px; margin:0 7px 0 0; background-position:-5px -5px;}
.ico-home {width:15px; height:15px; margin:1px 7px 0 0; background-position:-30px -5px;}
.ico-caret-sm {position:absolute; right:20px; width:12px; height:6px; background-position:-5px -80px; top:17px}
.ico-file {width:26px; height:26px; background-position:-5px -200px;}
.ico-more {width:20px; height:20px; background-position:-122px -137px;}
.ico-toggle-on {width:20px; height:20px; background-position:-55px -246px;}
.ico-toggle-off {width:20px; height:20px; background-position:8px -246px;}
.ico-notice {width:36px; height:24px; background-position:-68px -200px; margin:2px 5px 0 0}
.ico-rally {width:36px; height:24px; background-position:-136px -200px; margin:2px 5px 0 0}
.ico-news {width:36px; height:24px; background-position:-204px -200px; margin:2px 0px 0 0}
.ico-adr {width:50px; height:36px; background-position:-5px -320px; margin:2px 0px 0 0}
.ico-phone {width:42px; height:40px; background-position:-102px -320px; margin:2px 0px 0 0}
.ico-fax {width:35px; height:36px; background-position:-204px -320px; margin:2px 0px 0 0}
.ico-homepage {width:41px; height:37px; background-position:-5px -450px; margin:2px 0px 0 3px}
.ico-outlink {width:18px; height:18px; background-position:-68px -450px; float: right !important;margin: 5px 0 0 10px}
.ico-video {width:31px; height:31px; background-position:-136px -265px;}
.ico-clip {width:21px; height:21px; background-position:-5px -390px; margin:0 10px 0 0}
.ico-cal {width:30px; height:30px; background-position:-68px -390px; margin:0 10px 0 0}
.ico-cbox-reply {width:10px; height:10px; background-position:-136px -510px;}
.ico-cbox-more {width:22px; height:12px; background-position:-5px -265px;margin: 5px 0 0 10px}
.ico-link {width:20px; height:22px; background-size: 73px auto; background-position:-1px -32px; margin:10px 0px 0 15px}
.ico-link_s {width:20px; height:22px; background-size: 73px auto; background-position:-38px -32px; margin: 0 0px 0 15px;vertical-align:sub;}
.ico-close {width:25px; height:25px; background-size: 146px auto;background-position:-100px -130px;}

.ico_more {display:inline-block;}
.ico_more p {display:block; margin-right:15px; font-size:11px; font-family:"돋움", Dotum; color:#00bfbf}
.ico_best {display:inline-block; float:left; width:35px; height:13px; margin-left:4px; background:url(/landing-static/default/images/ico_best.gif) no-repeat; text-indent:-9999px; margin-top:1px}
.ico_hit {display:inline-block; width:21px; height:11px; margin-left:5px; background:url(/landing-static/default/images/ico_hit.gif) no-repeat; text-indent:-9999px; vertical-align:text-top; margin-top:-1px}
.ico-help {width:22px; height:22px; background-position:-204px -510px; margin:2px 0px 0 0}
.ico-help-white-lg {width:30px; height:30px; background-position:-5px -588px; margin:2px 0px 0 0;display: inline-block !important}
.ico-sort {display: inline-block; margin-top: -2px; margin-left: 10px; border-bottom: 5px dashed #d6d6d6; border-bottom: 4px solid #d6d6d6; border-right: 5px solid transparent; border-left: 5px solid transparent; vertical-align: middle;}
.table thead th.ascending .ico-sort { border-bottom: none; border-top: 5px dashed #d6d6d6; border-top: 4px solid #d6d6d6; border-right: 5px solid transparent; border-left: 5px solid transparent; vertical-align: middle;}
.table thead th.sort {cursor: pointer}

.univ-lineTop2 {border-top:2px solid #074691;}
.univ-lineBottom2 {border-bottom:2px solid #074691;}

.bg-color-info-light {background-color:#a2d7ff !important;}
.bg-color-info-dark {background-color:#004a8b !important;}

@media all and (max-width: 768px) {
  .ico-link_s {margin:0 0 0 10px;}
}
/*버튼*/
.btn {display:inline-block; margin-bottom:0; padding:6px 20px; border:1px solid transparent; background-image:none; font-size:1.4rem; font-weight:400; text-align:center; line-height:26px; vertical-align:middle; white-space:nowrap; cursor:pointer; touch-action:manipulation; user-select:none;-webkit-user-select:none; -moz-user-select:none; -ms-touch-action:manipulation; -ms-user-select:none;box-sizing: border-box}
.btn-pill { -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;}

.btn-default, .btn-default a {border-color:#dadde0; background-color:transparent; color:#212529;}
.btn-grayline, .btn-grayline a {border-color:#8e9ba9; background-color:#fff; color:#8e9ba9;}
.btn-grayline2, .btn-grayline2 a {border-color:#dadada; background-color:#fff; color:#3a4153;}
.btn-brand, .btn-brand a {border-color:#00bfbf; background-color:#00bfbf; color:#fff;}
.btn-primary, .btn-primary a {border-color:#3e4854; background-color:#3e4854; color:#fff;}
.btn-point, .btn-point a {border-color:#29b0d0; background-color:#29b0d0; color:#fff;}
.btn-danger, .btn-danger a {border-color:#e10029; background-color:#e10029; color:#fff;}
.btn-danger2, .btn-danger2 a {border-color:#f4516c; background-color:#f4516c; color:#fff;}
.btn-info, .btn-info a {border-color:#36a3f7; background-color:#36a3f7; color:#fff;} a.btn-info:hover {color: #fff}
.btn-info-light, .btn-info-light a {border-color:#a2d7ff; background-color:#a2d7ff; color:#fff;}
.btn-info-dark, .btn-info-dark a {border-color:#004a8b; background-color:#004a8b; color:#fff;}
.btn-success, .btn-success a {border-color:#34bfa3; background-color:#34bfa3; color:#fff;} a.btn-success:hover {color: #fff}
.btn-metal, .btn-metal a {border-color:#adafc6; background-color:#adafc6; color:#fff;}
.btn-accent, .btn-accent a {border-color:#00c5dc; background-color:#00c5dc; color:#fff;}

.btn-outline-default, .btn-outline-default a {border-color:#dadde0; background-color:transparent; color:#212529;}
.btn-outline-grayline, .btn-outline-grayline a {border-color:#8e9ba9; background-color:transparent; color:#8e9ba9;}
.btn-outline-grayline2, .btn-outline-grayline2 a {border-color:#dadada; background-color:transparent; color:#3a4153;}
.btn-outline-primary, .btn-outline-primary a {border-color:#3e4854; background-color:transparent; color:#3e4854;}
.btn-outline-point, .btn-outline-point a {border-color:#29b0d0; background-color:transparent; color:#29b0d0;}
.btn-outline-danger, .btn-outline-danger a {border-color:#f4516c; background-color:transparent; color:#f4516c;}
.btn-outline-info, .btn-outline-info a {border-color:#36a3f7; background-color:transparent; color:#36a3f7;}
.btn-outline-success, .btn-outline-success a {border-color:#34bfa3; background-color:transparent; color:#34bfa3;}
.btn-outline-metal, .btn-outline-metal a {border-color:#adafc6; background-color:transparent; color:#adafc6;}
.btn-outline-accent, .btn-outline-accent a {border-color:#00c5dc; background-color:transparent; color:#00c5dc;}

.btn-lx {padding:20px 40px; font-size:24px;}
.btn-lg {padding:6px 30px; font-size:1.6rem;}
.btn-md {padding:5px 25px; font-size:1.5rem;}
.btn-sm {padding:3px 20px !important; font-size:13px !important;}
.btn-sx {padding:3px 15px; font-size:13px !important;}
.btn-block {display: block; width: auto;}
.btn-wide {display: block;width: 50%;float: left;}
.table-form .btn-md {padding:7px 20px !important; font-size:13px !important;}

.btn-group, .btn-group-vertical, .btn-group-horizontal {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}
.btn-group-horizontal {display: block;}
.btn-group-horizontal >.btn {margin-left: 3px}

.btn-group-vertical>.btn, .btn-group>.btn {
  position: relative;
  flex: 0 1 auto;
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
  z-index: 1
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
  z-index: 1
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical>.btn {margin-top: 5px}
.btn-group-vertical>.btn:first-child {margin-top: 0px}
.btn-group-state {width: 100%;font-size:1.4rem;margin-top: 5px}
.btn-group-state .btn-sx {font-size: 12px !important; padding: 1px 8px 2px; line-height: 20px;}
.book_order_state_change {background-color: #fff;position: absolute;border: 1px solid #3e4854;padding:10px 15px;z-index: 999;margin-top: 3px;}
.book_order_state_change .m-radio-list {padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #e6e6e6}
.book_order_state_change .m-radio-list .m-radio {margin:0 12px 0 0;}

.sectionTitle h3 {padding:0}
.listTitle h3 {width:100%; margin:10px 0px 0 0px !important; padding:5px 0 20px 0; font-size:22px; font-family:"맑은 고딕",Malgun Gothic,"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif;}
.borderBox {clear:both; overflow:hidden; border-top:3px solid #d0dce2; border-bottom:3px solid #d0dce2;}
.borderBox_notop {clear:both; overflow:hidden; border-bottom:3px solid #d0dce2;}
.borderBox_ad {clear:both; overflow:hidden; border:1px solid #d0dce2; padding:15px 0}
.borderBox_conts {clear:both; overflow:hidden; border-top:1px solid #d0dce2; border-bottom:1px solid #d0dce2; margin:0 20px}
.contsBox {width:620px; overflow:hidden; padding:15px 0}
.sideContsBox1 {position:relative; width:380px; margin:0 0 5px 0; padding:0; overflow:hidden;}
.sideContsBox2 {position:relative; width:380px; margin:0px 0 10px; padding:0; overflow:hidden;}
.sideContsBox3 {position:relative; width:380px; margin:0 0 15px 0; padding:0; overflow:hidden;}
.sideContsBox4 {position:relative; width:380px; margin:0px 0 20px 0; padding:0; overflow:hidden;}
.sideContsBox5 {position:relative; width:380px; margin:0; padding:0; overflow:hidden;}
.sectionContsBox1 {position:relative; width:100%; margin:20px 0 10px 0; padding:0; overflow:hidden;}
.listContsBox {padding:0; overflow:hidden;}
.sideContsBox ul, .sideContsBox2 ul, .sideContsBox2_1 ul .sideContsBox3 ul, .listContsBox ul {clear:both; overflow:hidden}
.sideContsBox li, .sideContsBox2 li, .sideContsBox2_1 li, .sideContsBox3 li, .listContsBox li {line-height:16px;}
.box_gray {border-top:3px solid #d0dce2; background:#f5f7f9; position:relative}
.box_white {position:relative; border-top:3px solid #d0dce2; background:#fff;}
.sideContsBox_book {padding:0 15px 20px 0; overflow:hidden;}
.sideContsBox_book  .sidebarTitle {padding:0 15px}
.list_dot li {background:url(/landing-static/default/images/bullet_dot.gif) 0 6px no-repeat; line-height:20px;}
.list_dot li p, .list_dot2 li p {margin-left:10px; display:inline-block}
.list_dot li p a, .list_dot2 li p a {color:#8d8d8d;}
.list_dot li p a:hover, .list_dot2 li p a:hover {color:#00bfbf}
.page_navi {position:absolute; right:15px; top:7px}
.page_navi button {display:inline-block; display:inline; height:20px; background:url("/landing-static/default/images/btns.png") no-repeat; text-indent:-9999px; *zoom:1;}
.page_navi button.btnPrv {width:21px; background-position:0px 0px;}
.page_navi button.btnNxt {width:21px; background-position:-20px 0px; margin-left:-6px}
.rolling_paging {margin-right:5px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#999}
.rolling_paging strong {color:#00bfbf}

.titleBox {position:relative;padding:0 0 30px;}
.titleBox p {text-align: center; font-size:2.0rem;padding: 30px 0;}
.tit_box1 {width:350px; margin:0px 5px 0 15px}
.tit_box1 a {display:block; float:left; clear:both; padding:10px 0}
.tit_box1 a:hover {color:#00bfbf}

@media all and (max-width: 768px) {
  .titleBox {padding: 0 0 10px}
  .titleBox p {padding: 5px 0; font-size: 1.5rem;word-break: keep-all;}
}

/*메인*/
.flex_box1, .flex_box2 {width:100%; margin:0px 0px 0 0px; overflow:hidden; clear:both}
.flex_box1 li {padding:8px 0}
.flex_box2 li {float:left; width:280px; margin-right:20px}
.mainContsBox {width:100%; padding:10px 0 0;}
.mainList {overflow:hidden;}
.mainList .title {font-size:19px; font-weight:700; line-height:24px; letter-spacing:-1px;margin-bottom:5px}
.mainList .date {padding:2px 0 5px; font:11px Verdana, Helvetica, Arial, Gulim, sans-serif; color:#93b6ca}
.mainList .count {color:#00bfbf; font:0.85em verdana; font-weight:normal; vertical-align:top}
.mainList .summary {padding:5px 0 0 0 !important; font-size:12px; line-height:18px}
.mainList .line_dot {padding:15px 0 20px 0}
.mainList .tagTrail {margin-top:3px;}
.flex_thumbnail {float:left; width:186px; height:100%; min-height:100px; overflow:hidden; color:#aaa; font-size:1.6rem; text-align:center; line-height:100px; margin-right:15px}
.flex_thumbnail img {max-width:186px}

.t_title, .t_title a {font-size:5.2rem; font-weight:500; letter-spacing:-2px;text-align:center;line-height:40px;word-break:keep-all;}
.t_title2, .t_title2 a { font-weight:400; text-align:left; font-size:2.0rem;}
.t_title a:hover, .t_title2 a:hover {color:#00bfbf}
.t_sum {color:#a6a6a6; font-size:11px; line-height:16px; overflow:hidden}

@media all and (max-width: 768px) {
  .t_title, .t_title a {font-size: 2.6rem; font-weight: 600;}
  .t_title2, .t_title2 a {font-size: 1.8rem}
}
.line_dot {background:url(/landing-static/default/images/line_dot.gif) repeat-x 0 bottom; padding:0 0 10px 0}
.line_dot2 {background:url(/landing-static/default/images/line_dot.gif) repeat-x 0 top; padding:6px 0 4px 0}
.line_dot3 {background:url(/landing-static/default/images/line_dot.gif) repeat-x 0 bottom; padding:2px 0 6px 0}
.line_solid {border-bottom:1px solid #d0dce2}
.line_solid2 {border-top:2px solid #d0dce2}
.line_dot_list {margin-top:-1px}
.line_dot_list li {background:url(/landing-static/default/images/line_dot.gif) repeat-x 0 top; padding:9px 0 7px 0}
.w167 {width:167px; height:94px; overflow:hidden}
.w167 img {max-width:170px}
.w113 {width:113px; height:77px; overflow:hidden}
.w113 img {max-width:150px}
.w1132 {width:113px; height:200px; overflow:hidden}
.w1132 img {max-width:150px}
.w350 {width:350px; height:235px; padding:3px; overflow:hidden;}
.w350 img {max-width:350px}
.w190 {width:190px; height:235px; overflow:hidden;}
.w190 img {max-width:190px}
.w210 {width:210px; height:235px; overflow:hidden;}
.w210 img {max-width:210px}
.w287 {width:287px; height:auto; overflow:hidden;}
.w287 img {max-width:287px}
.w300 {width:300px; height:auto;}
.w300 img {max-width:300px}
.t_center {text-align:center}

/* ***** content ***** */
#content .nonEntry h3 {border-bottom:2px solid #d0dce2;}

/* entry */
.entry {position:relative; *zoom:1; width: 1080px; margin: 0 auto;}
.entry:after {display:block; clear:both; content:''; *zoom:1;}
@media all and (max-width: 768px) {
.entry {width: 100%; padding: 20px;}
}
.entry p.article {font-size:1.5rem; line-height:28px; margin-bottom:25px}
.entry .entry-header {font-size:38px; line-height:55px; padding:50px 40px 30px}
.entry .entry-body {padding:0 40px}
.entry .entry-body p {margin-bottom:30px}
.entry .entry-img {position:absolute; top:0; right:0; z-index:-1}
.entry .entry-view {position: relative;}
.entry .entry-view p {margin-bottom: 40px;}
.entry .entry-view img {max-width: 1080px;}
@media all and (max-width: 768px) {
.entry .entry-view img {max-width: 100%;}
}
.titleWrap {padding:10px 0 10px; border-bottom:1px solid #cbd4d8;}
.entry-inner {position: relative; padding: 100px 0 120px;}
.entry-inner:after {display:block; clear:both; content:''; *zoom:1;}
.entry-inner .m-portlet .m-portlet__body {padding: 0}
.entry-list {position: relative; padding: 40px 0;}
.entry-board {position: relative; padding: 40px 0;}
.entry-board .more_wrap {margin:60px 0}
.entry-color-gray {background-color:#F2F4F7;}
.entry-color-gray2 {background-color:#F9F9F9;}
.entry-color-dark {background-color:#1b2129;}
.entry-color-dark .t_title {color: #fff;}
.entry-box-map {padding: 120px 0}

@media all and (max-width: 768px) {
.entry-inner {padding: 2rem 0;}
.entry-list {padding: 0 0 40px;}
.entry-board {padding:0 0 40px;}
.entry-board .more_wrap {margin:20px 0}
/* .entry-color-gray {padding:10px 0;} */
/* .entry-box-map {padding: 10px 0} */

}
/*메인 대회 타이틀 박스*/
.entry-box-comp .entry {padding: 50px 0; text-align: center;border-top: 1px solid #e2e2e2;}
.entry-box-comp .entry p {font-size:1.8rem; text-align: center;line-height: 32px;}
.entry-box-comp-title .entry {padding: 30px 0; background-color: #00bfbf; border-radius: 7px; text-align: center;}
.entry-box-comp-title .entry .t_title {font-size: 4.2rem; font-weight: 500;  color: #fff}
.entry-box-comp-title .entry p {font-size:2.4rem; font-weight: 500; color: #BBF6F6;padding: 20px 0 40px;}

@media all and (max-width: 768px) {
    .entry-box-comp .entry {padding: 30px 20px;}
    .entry-box-comp .entry p {font-size: 1.5rem;word-break: keep-all;}
    .entry-box-comp-title .entry {padding: 10px 0; border-radius: 0 }
    .entry-box-comp-title .entry p {padding: 10px 0 15px; font-size: 1.8rem}
    .entry-box-comp-title .entry .t_title {font-size: 3.2rem}
}

.entry-box-comp-nav .entry {padding: 25px 40px; background-color: #00bfbf; border-radius: 7px; text-align: center;}
.entry-box-comp-nav .entry:after {display:block; clear:both; content:''; *zoom:1;}
.entry-box-comp-nav .entry .t_title { font-weight: 500;  color: #fff; font-size:2.4rem; float: left;}
.entry-box-comp-nav .entry p {font-size:2.4rem; font-weight: 500; color: #BBF6F6;padding: 20px 0 40px;}
.entry-box-comp-nav .titleBox {float: left;padding: 0;}
.entry-box-comp-nav .titleBox a {display:block; clear:both; content:''; *zoom:1;}
.entry-box-comp-nav .titleBox i{float: left;padding: 0;}
.entry-box-comp-nav .selectWrap {float: right;}

@media all and (max-width: 768px) {
  .entry-box-comp-nav .entry {padding: 15px 0; border-radius: 0}
  .entry-box-comp-nav .titleBox {clear: both; float: none;display: block;}
  .entry-box-comp-nav .titleBox a {clear: both; display: inline-block; overflow: hidden;}
  .entry-box-comp-nav .selectWrap {float: none; display: block;clear: both;}
}

.entry-box-policy {position:relative; border-top: 1px solid #e2e2e2}
.entry-box-policy .entry .t_title {font-size: 4.2rem; font-weight: 500; padding: 60px 0 20px;}
.policy-content {text-align: left; margin-bottom: 80px; padding: 40px; background-color: #F2F4F7;}
.policy-content.locations {text-align: left; margin-bottom: 80px; padding: 40px; background-color: transparent; font-size: 1.8rem}
.policy-content.locations h3 {font-size: 3.2rem; font-weight: 500; text-align: center; margin: 30px 0;line-height: 3.6rem;}
.policy-content.locations h4 {font-size: 2.4rem; font-weight: 400; margin-bottom: 20px;}
.policy-content.locations .locations-info {background-color: #F2F4F7; padding: 15px 40px;margin-bottom: 40px;}
.policy-content.locations .locations-info li {margin: 20px 0}
.policy-content.locations .locations-info em {padding:3px 20px 4px; border-radius: 50px; color: #fff; font-size: 1.6rem; font-weight: 400;margin-right:15px;}

.policy-content.locations .locations-info ul {padding: 0 0 0 180px;}
.policy-content.locations .locations-info.bg-ico {background-repeat: no-repeat; background-size: 100px auto; background-position: 40px 20px;}
.policy-content.locations .locations-info.subway {background-image: url(/landing-static/default/images/ico_subway.svg);}
.policy-content.locations .locations-info.bus {background-image: url(/landing-static/default/images/ico_bus.svg);}
.policy-content.locations .locations-info.car {background-image: url(/landing-static/default/images/ico_car.svg);}
.policy-content.locations .locations-info.company {background-image: url(/landing-static/default/images/ico_company.svg);}

@media all and (max-width: 768px) {
  .entry-box-policy .entry .t_title {padding: 20px 0}
  .policy-content.locations {font-size: 1.5rem}
  .policy-content.locations .locations-info li {margin: 10px 0}
  .policy-content.locations .locations-info em {font-size: 1.3rem; margin-right: 5px}
  .policy-content.locations h4 {text-align: center;}
.policy-content.locations {padding: 0}
.policy-content.locations .locations-info {padding: 10px 20px}
.policy-content.locations .locations-info ul {padding: 110px 0 0 0}
.policy-content.locations .locations-info.bg-ico {background-position: 50% 15px}
}
.badge-normal {background-color: #969FAB}
.badge-subway-5 {background-color: #703e8c}
.badge-subway-9 {background-color: #b39627}
.badge-bus-green {background-color: #5BC571}
.badge-bus-blue {background-color: #3C83E3}
.badge-bus-red {background-color: #EE5236}
.badge-bus-yellow {background-color: #F8C945}


/*대회 검색*/
.entry-box-comp-search {position: relative;padding: 30px 0;}
.entry-box-comp-search .formWrap label {float: none;}
.entry-box-comp-search .m-portlet .m-portlet__head {padding: 0; border: 0}
.entry-box-comp-search .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {margin: 0 auto;}
.entry-box-comp-search .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {font-size: 28px; font-weight: 500}
.entry-box-comp-search .m-portlet .m-portlet__body {padding: 0}
.entry-box-comp-search .btn-wide { float: none; width: 100%;}
.entry-box-comp-search .entry {width: calc(1080px - 0%);}
.entry-box-comp-search .formWrap label {width: calc(100% - 85%);}
.entry-box-comp-search .formWrap .formBox > label {color: #555}
.entry-box-comp-search .m-portlet .m-portlet__foot .m-form__actions {background-color: transparent;padding: 20px 0;}
.entry-box-comp-search .formWrap .formBox select {min-width: calc(50%); margin:0;}
.entry-box-comp-search .formWrap .formBox select:last-child {min-width: calc(50% - .8rem); margin-left: .8rem;}
.entry-box-comp-search .formWrap .formBox .m-checkbox-inline, .formWrap .formBox .m-radio-inline {min-width: calc(50% - .8rem);}
.entry-box-comp-search .m-checkbox-inline .m-checkbox, .entry-box-comp-search .m-checkbox-inline .m-radio, .entry-box-comp-search .m-radio-inline .m-checkbox, .entry-box-comp-search .m-radio-inline .m-radio {width: calc(100% - 80%);}

@media all and (max-width: 768px) {
  .entry-box-comp-search {padding: 10px 0}
  .entry-box-comp-search .entry {width: 100%}
  .entry-box-comp-search .m-checkbox-inline .m-checkbox, .entry-box-comp-search .m-checkbox-inline .m-radio, .entry-box-comp-search .m-radio-inline .m-checkbox, .entry-box-comp-search .m-radio-inline .m-radio {width: calc(100% - 60%);}
}


/*서브 대회 타이틀 박스*/
.entry-box-comps .entry {padding: 50px 0; border-bottom: 1px solid #e2e2e2; text-align: center;}
.entry-box-comps .entry p {font-size:1.8rem; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.entry-box-comps-title .entry {padding: 30px 0; border-radius: 7px; text-align: center;}
.entry-box-comps-title .entry .t_title {font-size: 42px; font-weight: 500;}
.entry-box-comps-title .entry p {display: inline-block; font-size:2.4rem; font-weight: 500; color: #00bfbf; padding: 12px 120px; background-color: #F2F4F7; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-bottom: 40px;}

@media all and (max-width: 768px) {
  .entry-box-comps-title .entry {padding: 30px 20px}
  .entry-box-comps-title .entry p {font-size: 1.8rem; margin-bottom: 20px; padding: 8px 50px}
  .entry-box-comps-title .entry .t_title {font-size: 3.2rem}
}
/*
.titleWrap h1 {padding:20px 0 0; font-size:24px; font-family:"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; line-height:1.2em; letter-spacing:-3px;}
*/
.titleWrap h1 {padding:20px 0 0; color:#111; font-size:26px; font-family:Nanum Gothic, "나눔고딕", NanumGothic, "돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; line-height:1.25em; letter-spacing:-2px;font-weight:700}
.titleWrap h2 {padding:10px 0 0; color:#8f8f8f; font-size:1.6rem; line-height:1.2em;}
.titleWrap .author, .titleWrap .author a {color:#00bfbf; font-weight:bold;}
.titleWrap .author a:hover {color:#000}
.titleWrap .date, .titleWrap em {color:#959595; font:12px;}
.titleWrap em {padding:0 8px; font-size:10px; font-weight:normal; vertical-align:top}
.titleWrap .infoBox {margin-top:20px;}
/*
.article {width:600px; margin:0px 0 0 0; padding:0; overflow:hidden; color:#333; font-size:1.6rem; font-family:"맑은 고딕",Malgun Gothic,"돋움", dotum; line-height:28px; letter-spacing:-1px;margin-top:-1px}
*/
/*연혁*/
.entry-history {background:url("/landing-static/default/images/bg_history.gif") repeat-y; margin:30px 0 0 0; }
.history_detail h4 {text-align:center; position:relative}
.history_detail h4 span {width:110px; height:110px; margin:0 auto; background:url("/landing-static/default/images/bl_ico_history.png") no-repeat; background-position:0px -12px; display:inline-block}
.history_dual h4 span {background-repeat:repeat-x; width:220px}
.history_dual h4 em {margin:0 5px; color:#fcc13c; }
.history_detail .history_line {display:inline-block; position:absolute; bottom:-5px; width:1px; height:20px; background:#dadada; margin:0 auto}
.history_detail h4 span {display:block; color:#fff; font-size:30px; padding:32px 0 0 0}
.history_detail ul {overflow:hidden}
.history_detail li {height:54px; vertical-align:middle; position:relative}
.history_detail li:last-child {height:100px}
.history_detail li.item_left {float:left; width:479px; text-align:right; border-right:1px solid #dadada}
.history_detail li.item_left p {float:right}
.history_detail li.item_right {float:right; width:480px; border-left:1px solid #dadada}
.history_detail li.item_right p {float:left}
.history_detail li.item_left p, .history_detail li.item_right p {margin-bottom:0; vertical-align:middle}
.history_detail li.item_left .tit_date {float:right; margin-right:-7px; padding-right:30px; background-position:-83px -96px}
.history_detail li.item_right .tit_date {float:left; margin-left:-7px; padding-left:30px;}
.tit_date {width:80px; background:url("/landing-static/default/images/bl_ico.png") no-repeat; background-position:-5px -96px; font-size:1.5rem; }
.history_dual .tit_date {width:135px}
.history_dual li.item_left .tit_date {background-position:-28px -98px}

.major_law {border-bottom:1px solid #eaeaea; padding:25px 0}
.major_law dt {width:153px; background:url(/landing-static/default/images/bg_major_img.png) no-repeat 0 0; font-size:1.6rem; font-weight:bold; text-align:center; line-height:24px;}
.major_law dt, .major_law dd {display:table-cell; height:153px; min-height:153px; vertical-align:middle;}
.major_law dd {padding-left:50px;}
.major_law.type1 dt {background-position:0px 0; color:#fff}
.major_law.type2 dt {background-position:0px -203px; color:#29b0d0}
.major_law.type3 dt {background-position:0px -406px; color:#fff}

.article, .article span, .article p {margin:0; margin-bottom:20px; overflow:hidden; color:#000; font-size:17px; line-height:28px;}
/*
.article {width:600px; margin:0; margin-bottom:20px; overflow:hidden; color:#000; font-size:17px; font-family:"굴림",Gulim, "맑은 고딕",Malgun Gothic,"돋움",dotum; line-height:28px;}
*/
.article a {color:#00bfbf !important}
.article a:link {color:#00bfbf; text-decoration:none;}
.article a:visited {color:#666; text-decoration:none;}
.article a:hover {color:#00bfbf; text-decoration:underline;}
.article a:active {color:#666; text-decoration:none;}

/*기사본문 링크값 변경*/
.article p a:link {color:#00bfbf; text-decoration:none; border-bottom:1px dashed #00bfbf}
.article p a:visited {color:#00bfbf; text-decoration:none;}
.article p a:hover {color:#666; text-decoration:none; border-bottom:1px dashed #666}
.article p a:active {color:#666; text-decoration:none;}
.article p {margin-bottom:15px;}

.articlePanel {width:660px}
.articlePanel, .news_image {margin-bottom:15px; margin-top:-1px}
.articlePanel .panelArea {height:100%; margin:10px 0; overflow:hidden; text-align:center}
.articlePanel .panelArea img {max-width:600px !important; text-align:center}
.articlePanel .panelArea .panelAlt, .caption, .photoAlt {color:#00bfbf !important; font-size:13px !important; text-align:center; line-height:16px !important; margin-top:5px !important}
.photoAlt {display:none}
.actPhoto {margin-bottom:5px}
.actPhoto img {border:0 !important}
.actPhoto .photo {max-width:600px !important}
.photo img {max-width:600px !important}
.news_image img {float:none !important}

/*페이징*/
.paging {text-align:center; padding:30px 0 40px; }
.paging a {display:inline-block; margin:2px; padding:8px; font-weight:700; border-radius: 50px; height:42px;line-height:26px;min-width:43px;}
.paging a.disabled {cursor: default; opacity: 0.5;}
.paging .current {background-color: #52A1F0; color:#fff; font-weight:700;}
.paging .current:hover {background-color: #52A1F0; color:#fff; font-weight:700;}
.paging a:hover {background-color: #F2F4F7; font-weight:700;}
.paging a span {text-indent:-9999px !important;display:inline-block;}
.paging .prevPage, .paging .nextPage, .paging .prevPageMore, .paging .nextPageMore {font-family: tahoma; color: #a7afb9; padding:8px 0;text-align: center;}

/* ***** footer ***** */
.copyright {width: 100%; margin:0 auto; overflow:hidden; position:relative;box-sizing: border-box;}
.copyright h3 {float:left; height:71px; margin-right:30px; margin-top:10px}
.copyright p a {font-size:11px;}
.copyright p a:hover {color:#00bfbf;}
.copyright .txtinfo {margin-top:5px; line-height:24px}
.copyright em {padding:0 7px; font-size:12px; color:#e2e2e2}
.copyright .corp_info {margin-bottom:2px;}
.copyright .links a {color:#00bfbf}
.copytxt {color: #a7afb9;}

.companyInfo {overflow:hidden; position:relative}
.companyInfo ul {float:none; padding:0 0 15px 0; overflow:hidden; margin-bottom:10px;border-bottom:1px solid #4d5764;}
.companyInfo ul li {float:left;}
.companyInfo ul li a {color:#555;padding:0 15px 0 0;}
.companyInfo ul li a:after {content: ''; background-color: #e2e2e2; width: 1px; height: 15px; display: inline-block; margin-left: 15px; vertical-align: middle; }
.companyInfo ul li:last-child a:after {display: none; }
.SiteLink {position:absolute; top:11px; right:0; padding:4px 10px; border:1px solid #4d5764;color:#fff; width:180px}

@media all and (max-width: 768px) {
  .copyright .corp_info, .copytxt {font-size: 1.3rem; line-height: 2.0rem}
}

/* 검색 */
.formWrap {position: relative;overflow: hidden}
.formWrap label {float: left; font-size:1.6rem; width: calc(100% - 88%);line-height: 52px;}
.formWrap label strong {font-size: 1.15rem;font-weight: 500;}
.formWrap, .topbtnWrap {position:absolute; top:30px; right:0;z-index: 998}
.entry .topbtnWrap {top:30px; right:0}
.topbtnWrap {width:auto}
.topbtnWrap .ico {vertical-align:middle}
.formWrap fieldset legend {display:none;}
.formWrap .formBox {margin-top: 15px;}
.formWrap .formBox:after {display:block; clear:both; content:''; *zoom:1;}
.formWrap .formBox select { padding:20px 15px; border:1px solid #00bfbf;min-width:170px;margin-right:.8rem; line-height:16px; width:auto; float:left; }
@media screen\0 {
   .formWrap .formBox select {padding: 9px; }
}
.formWrap .formBox .m-checkbox-inline, .formWrap .formBox .m-radio-inline {margin:0;}
.formWrap .formBox .inputForm-group {position: relative; width: calc(100% - 12%); float: left; }
.formWrap .formBox .inputForm-group .btn {position: absolute; right: 0;z-index: 1; }
.formWrap .formBox .inputForm { line-height: 16px; float:left; border:1px solid #00bfbf; width: 100%; padding: 20px 15px; }
.formWrap .formBox em {float: left; padding: 6px 10px; font-size:1.5rem; font-weight: 500;line-height: 24px}
.formWrap .formBox h3 {padding: 6px 10px;}
.formWrap .formBox-btn-footer {margin-left: calc(100% - 88%); margin-top: 15px;}

.m-portlet__body .formWrap {position: relative; top: 0;overflow: hidden; margin-top: 30px;}
.m-portlet__body .formWrap:first-child {margin-top: 0}

.formWrap .btn {height: 100%; cursor:pointer;padding: 7px 20px !important;}
@media screen\0 {
   .formWrap .btn {padding: 6px 20px 7px !important;}
}
.richTermSrch {position: relative; top: 0; overflow: hidden}
.richTermSrch .btn-group {margin-left: 10px;display: inline-flex}
.richTermSrch .m-content-top {top: 0}

.searchWrap_wide .btn {position:relative; top:0px; right:5px; cursor:pointer;}
.searchWrap_wide {position:relative; top:0; left:0; width:100%; margin:0;}
.searchWrap_wide .searchBox .btnTopSrch {top:20px}
.searchWrap_wide .searchBox select {min-width:280px}
.searchWrap_wide .searchBox.searchBox-lg select {min-width:120px}
.searchWrap_wide .searchBox.searchBox-lg .inputSrch {width:605px;}
.searchWrap_wide .searchBox.searchBox-sm select {min-width:40px}
.searchWrap_wide .searchBox.searchBox-sm .inputSrch {width:210px; border-left:0}
.searchWrap_wide .searchBox.searchBox-mid select {min-width:150px}
.searchWrap_wide .searchBox.searchBox-mid .inputSrch {width:210px; border-left:0}
.searchWrap_wide .searchBox.searchBox-center {margin: 0 auto; width:450px; border-left:0;margin-top: 20px}
.searchWrap_wide h4 {float: left;line-height:36px;margin-right: 10px}
.searchWrap_wide .table-bordered>tbody>tr>td, .searchWrap_wide .table-bordered>tbody>tr>th, .searchWrap_wide .table-bordered>tfoot>tr>td, .searchWrap_wide .table-bordered>tfoot>tr>th, .searchWrap_wide .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {padding:15px;}
.searchWrap_wide .table-bordered>tbody>tr>th, .searchWrap_wide .table-bordered>tfoot>tr>th {font-size:1.5rem;font-weight: 500}
.searchWrap_normal {border: 0;margin: 0 0 20px}
.searchWrap_normal .btn {height: inherit}
.searchWrap_box {background: #fff;}
.searchWrap_box tr {margin: 10px 0;border:1px solid #ececec;background: #f6f7f9;margin-top: -1px}
.searchWrap_box tr>td {position: relative}
.searchWrap_box>tbody>tr>th {background: none !important}
.searchWrap_box>tbody>tr>td {border: 0 !important}
.searchWrap_box .btn {position: relative;left:0;top: 0px;padding: 0 30px;font-size:1.6rem;}
.searchWrap_box .input-lg {width: 350px !important;}
.searchWrap_box tbody tr em {float:left;padding: 6px 10px;font-size:1.8rem;font-weight: bold}
.searchWrap_box .table>tbody>tr>td, .searchWrap_box .table>tbody>tr>th, .searchWrap_box .table>tfoot>tr>td, .searchWrap_box .table>tfoot>tr>th, .searchWrap_box .table>thead>tr>td, .table>thead>tr>th {border-bottom: 0}

/*검색결과*/
#noResult {padding:30px 0 20px 0; display:block}
#noResult .t_title {margin-bottom:15px; display:block}

/*셀렉트 박스 custom add 180423*/
.selectWrap {position:relative; top:0; left:0;}
.selectWrap .btn {position:relative; top:0px; right:5px; height:38px; cursor:pointer;}
.selectWrap .selectBox {display: inline-block;}
.selectWrap .selectBox .btnTopSrch {top:20px}
.selectWrap .selectBox .inputSrch {float:left; width:220px; height:16px; padding:10px; border:1px solid #ccc; font-size:13px;line-height: 0}
.selectWrap .selectBox select {width:auto; min-width:115px; border:1px solid #ccc;padding:5px 20px 5px 6px;height:38px;}
.selectWrap .selectBox.selectBox-sm select {min-width:80px}
.selectWrap .selectBox.selectBox-sm .inputSrch {width:210px; border-left:0}
.selectWrap .selectBox.selectBox-mid select {min-width:150px}
.selectWrap .selectBox.selectBox-mid .inputSrch {width:210px; border-left:0}
.selectWrap .selectBox.selectBox-lg select {min-width:210px}
.selectWrap .selectBox.selectBox-lg .inputSrch {width:150px; border-left:0}
.selectWrap .selectBox.selectBox-center {margin: 0 auto; width:450px; border-left:0;margin-top: 20px}
.selectWrap .selectBox.selectBox-design-trans select {background:url(/landing-static/default/images/bg_select_arrow_w.png) no-repeat right center; background-size: 15px auto; background-color: transparent; color: #fff; border: 0; font-size:1.6rem; font-weight: 500}

/* 메인 기사 템플릿 */
#copyright {padding:10px 0;}
#copyright > p {font-size:13px; font-family:"맑은 고딕",Malgun Gothic,"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; line-height:20px;}
#copyright a {color:#00bfbf}
#copyright a:hover {color:#000}

/*메인 본문 박스*/
.atcBox {position:relative; float:left; padding:22px 30px; overflow:hidden; border:1px solid #d8dfe6; background:#fff}
.atcBox h3 {margin-bottom:30px; font-size:24px; font-weight:bold}
.atcBox ul {margin-top:20px}
.atcBox ul li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:33px}
.atcBox ul li a {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.atcBox ul li.first {margin-bottom:12px; padding:0 0 11px 0; overflow:hidden; text-overflow:clip; white-space:normal;}
.atcBox ul li.first .img {display:block; float:left; width:100px; height:80px; overflow:hidden; margin-right:10px}
.atcBox ul li.first .img img {width:100px}
.atcBox ul li.first .desc {margin:0; padding:0; overflow:hidden;}
.atcBox ul li.first .desc .tit {display:inline; margin-bottom:3px; font-size:20px; line-height:26px}
.atcBox ul li.first .desc span {display:inline-block; width:540px; height:38px; overflow:hidden; color:#888; font-size:1.4rem; line-height:20px; margin-top:10px}
.atcBox ul li span.date {color:#9ba5b2; font-size:13px; vertical-align:top; float:right}

.atcBox-notice, .atcBox-rally {float:left}
.atcBox-news {float:right}
.atcBox-notice {width:600px; margin-right:12px}
.atcBox-notice ul li a {width:460px;}
.atcBox-rally ul li a, .atcBox-news ul li a {width:305px;}
.atcBox-rally, .atcBox-news {width:432px; margin-top:12px}
.atcBox-rally {margin-right:12px}
.atcBox-group {float:left}
.atcBox-ranking, .atcBox-banner {width:323px; padding:0}
.atcBox-banner {position:absolute; top:160px; margin-top:12px;}
.atcBox-banner ul {margin-top:0}
.atcBox-banner ul li {padding:1px 0}

/*메인 상단 박스*/
.shadow {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background:url(http://images.joins.com/ui_joongang/news/pc/common/k_mask_03.png) 0 bottom repeat-x;}
.topb-bb{-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.topb {display: table;margin: 0 -20px 0 -20px;word-break: keep-all;}
.topb-blank{display: table-cell; width: 38px; }

.topb-col-three .topb-box {position: relative; vertical-align: top; width: 335px; height: 100%; box-sizing: border-box; border: 1px solid #EAECEF; border-radius: 10px; margin: 0 19px 38px;float: left;display: table-cell; overflow: hidden;}
.topb-col-three .topb-box:hover {color: inherit; box-shadow: 0 10px 10px 1px rgba(69,65,78,.1);}
.topb-col-three .topb-box > a{position: relative; display: block; width: 100%; overflow: hidden;height: 100%; }
.topb-col-three .topb-box > a:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; filter: alpha(opacity=40);right: 0; }
.topb-col-three .topb-box > a > img{position: absolute; left: 50%; top: 0; width: 440px; margin-left: -220px; }
.topb-col-three .topb-img {width: 335px; height: 250px; overflow: hidden;position: relative;}
.topb-col-three .topb-img .icon_video {background-image:url(/landing-static/default/images/bl_ico.png); background-repeat:no-repeat; width: 50px; height: 50px; background-position: 0 -356px; background-size:140px auto; display: block; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px;z-index:990;}
.topb-col-three .topb-img .photo_tmb {position: relative; height: 250px;transform: scale(1);transition: all 0.3s ease-in-out;}
.topb-col-three a.topb-bb:hover .topb-img .photo_tmb {transform: scale(1.05);}

@media all and (max-width: 768px) {
.topb {overflow-y: scroll;display: block;margin: 0;width: 100%; /*white-space: nowrap;*/}
.topb-col-three .topb-box {float: none; clear: both;display: inline-block;}
.topb-col-three .topb-box { box-sizing: border-box; margin: 10px 0; width: 100%; display: inline-block; white-space: nowrap; }
.topb-col-three .topb-img {width: 100%;}
}

.topb-col-four .topb-box {position: relative; vertical-align: top; width: 250px; background-color: #fff; border: 1px solid #d8dfe6;height: 100%;margin: 0 15px 38px; box-sizing: border-box;display: table-cell;float: left; }
.topb-col-four .topb-box > a{position: relative; display: block; width: 100%; overflow: hidden;height: 100%; }
.topb-col-four .topb-box > a:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; filter: alpha(opacity=40);right: 0; }
.topb-col-four .topb-box > a > img{position: absolute; left: 50%; top: 0; width: 440px; margin-left: -220px; }
.topb-col-four .topb-img {width: 248px; height: 157px; overflow: hidden;position: relative;}
.topb-col-four .topb-img .icon_video {background-image:url(/landing-static/default/images/bl_ico.png); background-repeat:no-repeat; background-position: 0 -356px; background-size:140px auto; display: block; position: absolute; margin: -25px 0 0 -25px;z-index:990;width:50px;height:50px;left:50%;top:50%;}
.topb-col-four .topb-img .photo_tmb {position: relative;height: 157px;}

@media all and (max-width: 768px) {
  .topb-col-four .topb-box {width: 47%; margin: 0 5px 15px;}
  .topb-col-four .topb-img {width: 100%}
  .topb-col-four .topb-img .photo_tmb {height: 100%;}
}

.topb-col-three .topb-title {position: relative; z-index: 1; display: table;height: auto; text-align: left;width: 100%;min-height: 115px; }
.topb-col-three .topb-title .area, .topb-title .date {display: block; width: 100%; margin-bottom: 15px; color: #00BFBF; }
.topb-col-three .topb-title .area {font-size:1.8rem; font-weight: 600;}
.topb-col-three .topb-title .date {font-size:1.5rem; font-weight: 500; margin-bottom: 10px}
.topb-col-three .topb-title > h4 { font-size: 2.4rem; font-weight: 500; display: -webkit-box; word-wrap: break-word; overflow: hidden; min-height: 60px; text-align: left; line-height: 3.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; vertical-align: middle;}

.topb-col-four .topb-title {position: relative; z-index: 1; display: table;width: 100%;height: auto; text-align: left; }
.topb-col-four .topb-title .area, .topb-title .date {display: block; width: 100%; margin-bottom: 15px; color: #00BFBF; }
.topb-col-four .topb-title .area {font-size:1.8rem; font-weight: 600;}
.topb-col-four .topb-title .date {font-size: 13px; font-weight: 500; margin-bottom: 5px;color: #aaa;}
.topb-col-four .topb-title > h4 { vertical-align: middle; font-size:1.5rem; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; display: -webkit-box; word-wrap: break-word; overflow: hidden; text-align: left; min-height: 40px; line-height: 22px;}

.topb-text {padding: 0;}
.topb-text h5 { margin-top: 15px; font-weight: 500; font-size: 1.5rem; }
.topb-text p { color: #888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.topb-box .txt-more {position: absolute; left: 0; right: 0; bottom: 25px; }
.topb-box .txt-more span {display:block; width:120px; margin:0 auto; border-bottom:3px solid #30599d; font-size:1.8rem; font-weight:bold; text-align:center; line-height:32px; color:#30599d}
.topb-band {position: absolute; z-index: 1; top: 1px; right: -190px; }

.topb-solid .topb-title {padding: 20px 20px 0}
.topb-solid .topb-text {padding: 0 20px 20px}
.topb-gallery .topb-title {padding: 20px 20px 30px; background-color: #fff;}

@media all and (max-width: 768px) {
  .topb-col-three .topb-title .area {font-size: 1.5rem; margin-bottom: 5px;font-weight: 500;}
  .topb-gallery-mobile {white-space: normal; padding: 0; margin: 0;}
  .topb-gallery .topb-title {padding: 20px 25px;min-height: auto;}
  .topb-col-three .topb-title > h4 {font-size: 1.8rem; line-height: 2.6rem; min-height: auto;}
}

.photo_tmb {overflow: hidden; display: block; background-size: cover; background-position: center top;}
.photo_tmb:after {position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; content: '';background-color: rgba(0,0,0, 0.4);}
a:hover .photo_tmb:after {background-color: rgba(0,0,0, 0.2);}

/*랭킹*/
.ranking_tab {position:absolute; top:0; left:79px; width:200px; height:48px; border-bottom:1px solid #d8dfe6;}
.ranking_tab a {display:inline-block; float:left; width:54px; padding:11px 5px 7px; font-weight:bold; text-align:center}
.ranking_tab a:hover, .ranking_tab a.current {border-bottom:4px solid #fdb91f}
.ranking-panel {position:absolute; z-index:888; top:48px; left:-1px; width:283px; padding:3px 20px 5px 20px; background:#fff; border:1px solid #d8dfe6}
.ranking-panel ul.ranking-group {margin-top:0}
.ranking-panel .ranking-group li.ranking_l {padding:2px 0 3px; border-top:1px solid #f0f0f0; font-size:1.4rem; line-height:28px}
.ranking-panel .ranking-group li.ranking_l:first-child {border-top:0}
.ranking-panel .ranking-group li.ranking_l .rakx {color:#9ba5b2; width: 100px;display: inline-block;text-align: center}
.ranking-panel .ranking-group li.ranking_l .spot {float:right;margin-right: 55px}
.ranking-panel .ranking-group li.ranking_l .spot .rakx {color:#9ba5b2;width: 15px;display: inline-block;text-align: right}
.ranking-panel .ranking-group li.ranking_l .number {color:#30599d; font-style:italic; font-weight:bold; margin-right:15px; display: inline-block; width: 20px; }
.ico-rakup, .ico-rakdown, .ico-rakhold {text-indent: -9999px;}
.ico-rakup {width:17px; height:7px; background-position:-102px -5px; margin:5px 0 0}
.ico-rakdown {width:17px; height:7px; background-position:-136px -5px; margin:5px 0 0}
.ico-rakhold {width:17px; height:2px; background-position:-169px -5px; margin:8px 0 0}

.atcBox-ranking {overflow:visible}
.atcBox-ranking h3 {margin:10px 0 0 15px; color:#fff; font-size:1.8rem}
.ranking-title {display:inline-block; width:81px; height:48px; border-bottom:1px solid #d8dfe6; background:url(/landing-static/default/images/bl_ico.png) no-repeat; background-position:-136px -30px;}

/*소셜아이콘*/
.sosialBox {padding:12px 0 12px; overflow:hidden;}
.sosialBox li {float:left; margin-right:5px;}
.sosialBox li a {display:block}
.sosialBox.default {float:none; width:100%; margin:0 0 15px 0; overflow:hidden; border:1px solid #d0dce2; border-right:0; border-left:0; padding:10px 0}

#newsViewBottom {overflow:hidden; margin-top:20px}

/*링크박스*/
.side_linkBox .box1, .side_linkBox .box2, .side_linkBox .box3 {float:left; width:115px;}
.side_linkBox li a {color:#00bfbf; font-size:11px; letter-spacing:-1px}
.side_linkBox li a:hover {color:#000}

/* 리스트 썸네일 */
.list_box {overflow:hidden;}
.list_box li {display:inline-block; display:inline; position:relative; width:660px; vertical-align:top; *zoom:1;*}
.list_box li {background:url(/landing-static/default/images/line_dot.gif) repeat-x 0 bottom; padding:15px 0}
.list_box .date {padding:2px 0 5px; font:11px Verdana, Helvetica, Arial, Gulim, sans-serif; color:#93b6ca}
.list_box .count {color:#00bfbf; font:0.85em verdana; font-weight:normal; vertical-align:top}
.list_box .summary {padding:5px 0 0 0 !important}
.list_thumbnail {float:left; width:186px; height:100%; min-height:100px; overflow:hidden; color:#aaa; font-size:1.6rem; text-align:center; line-height:100px; margin-right:15px}
.list_thumbnail img {max-width:186px}

/*포토슬라이드*/
.photoSlide {position:relative; font-family:"굴림", Gulim}
.slideGallery {position:relative; width:598px; height:615px; border:1px solid #e4e4e4;}
.slideGallery .photoTitle {padding:9px 15px 8px; overflow:hidden; background:#434d52; border:1px solid #2d363a}
.slideGallery .photoTitle h4 {float:left; color:#fff; font-size:1.6rem;}
.slideGallery .photoTitle .page {float:right; margin:0; color:#778891; font-weight:bold}
.slideGallery .photoTitle .page em {color:#fff;}
.slideGallery .imgView {width:480px; height:100%; margin:0 auto; overflow:hidden; text-align:center; vertical-align:middle}
.slideGallery .imgView img {max-width:480px; max-height:500px; text-align:center}
.slideGallery button {position:absolute; background:url("/landing-static/default/images/slide_btn.png") no-repeat; text-indent:-9999px;}
.slideGallery button.btnPrev {top:130px; left:12px; width:26px; height:52px; background-position:5px 50%; padding:180px 20px}
.slideGallery button.btnPrev:hover {background-position:-82px 50%;}
.slideGallery button.btnNext {top:130px; right:9px; width:26px; height:52px; background-position:-36px 50%; padding:180px 20px}
.slideGallery button.btnNext:hover {background-position:-123px 50%;}
.slideGallery .slidethumList {position:absolute; left:0; bottom:0; width:528px; padding:0px 35px 0; overflow:hidden; border-top:1px solid #e4e4e4; background:#fff}
.slideGallery .slidethumList .mask {position:relative; left:-1px; width:532px; height:70px; overflow:hidden;}
.slideGallery .slidethumList .mask ul {position:absolute; top:0px; height:60px;}
.slideGallery .slidethumList .mask ul:after {display:block; clear:both; content:''; *zoom:1;}
.slideGallery .slidethumList .mask ul li {float:left; width:75px; height:70px; margin-right:1px; overflow:hidden; *zoom:1;}
.slideGallery .slidethumList .mask ul li img {width:100px; max-width:100px; min-height:56px; opacity:1; filter:Alpha(opacity=100);}
.slideGallery .slidethumList .mask ul li.select {border:2px solid #d70c19;}
.slideGallery .slidethumList .mask ul li.select img {opacity:1; filter:Alpha(opacity=100);}
.slideGallery .slidethumList .mask ul li img:hover {opacity:1; filter:Alpha(opacity=100);}

.slideGallery button.btnListPrev {left:0; bottom:0px; width:32px; height:70px; border-right:1px solid #e4e4e4; background-position:-217px 15px; background-color:#f6f6f6}
.slideGallery button.btnListPrev:hover {background-position:-299px 15px;}
.slideGallery button.btnListNext {right:0; bottom:0px; width:31px; height:70px; border-left:1px solid #e4e4e4; background-position:-177px 15px; ;background-color:#f6f6f6}
.slideGallery button.btnListNext:hover {background-position:-259px 15px;}

.photoDesc {position:relative; width:578px; border-bottom:1px solid #e7e7e7; background:#fff; padding:12px 10px 10px}
.photoDesc h5 {font-size:1.6rem; text-align:center}
.photoDesc h5 a:link {color:#000}
.photoDesc h5 a:hover {color:#00bfbf}

.input-textarea {height:auto; padding:2px 4px 3px 4px; border:1px solid #ccc; font-size:13px; line-height:22px}

/*테이블*/
/*
.article table {display:inline-block; overflow:hidden; border-collapse:collapse;}
.article table, .article table th, .article table td {width:auto; border:0; display:inline-block}
.article table th, .article table td {border-top:1px solid #d0dce2;}
.article table {border-bottom:1px solid #d0dce2; border-left:1px solid #d0dce2;}
.article table th {padding:2px 10px 6px; border-right:1px solid #d0dce2; background:#f8f8f8; font-size:1.5rem;}
.article table td {padding:2px 10px 6px; padding-left:20px; border-right:1px solid #d0dce2; font-size:1.5rem;}
.article table a {text-decoration:none; color:#fb61a2}
.article table a:hover {color:#000}
.article table ol li > ol li {margin-left:10px}
*/

.article table {border-collapse:collapse; border-spacing:0; border-style:none;}
.article table, .article table td, .article table tr {border-color:#d0dce2}
.article table td {padding:2px 10px 6px; padding-left:20px; font-size:1.4rem;}

caption {display:none}
th, td {text-align: inherit; box-sizing: border-box;}
/*.table .btn {margin-left:5px;}*/
.table .noticeLine>th, .table .noticeLine>td {background:#eaf7fc; font-weight:500; color: #00bfbf}
.table {width:100%; max-width:100%;}
.table>thead {border-bottom: 4px solid #dbdbdb}
.table>thead>tr>th, .table>tbody>tr>th {border-bottom:1px solid #dadada; vertical-align:bottom; background:#f6f7f9;font-weight: 700}
.table>tbody>tr>th {font-weight: 500 !important}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 15px; border-bottom:1px solid #dbdbdb; vertical-align:middle;}
.table>tbody.tbody-space:before {content: ''; display: block; margin-top: 20px}

@media all and (max-width: 768px) {
  /* .table {min-width: 768px} */
  .memberBox .table {min-width: 100%}
}

.table-responsive {overflow-x: auto; width: 100%;}
.table-column {float: left; width: 30%; margin:0 1.2%}
.swiper1 h3,
.table-column h3 {font-size: 2.0rem; text-align: center; font-weight: 600; margin-bottom: 1.5rem;}
.table-custom .ico_more_arr {display: none;}
.table-custom table tr td {color: #666;}
.table-custom table tr td:last-child {color: #333; font-weight: 500;}

.table-bordered>thead {border-top: 2px solid #000; border-bottom: 1px solid #000;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-left:0}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom:1px solid #000;}

.table-bordered>tbody>tr>td:first-child, .table-bordered>tbody>tr>th:first-child, .table-bordered>tfoot>tr>td:first-child, .table-bordered>tfoot>tr>th:first-child, .table-bordered>thead>tr>td:first-child, .table-bordered>thead>tr>th:first-child {border-left:0}

.table-wide>tbody>tr>td, .table-wide>tbody>tr>th, .table-wide>tfoot>tr>td, .table-wide>tfoot>tr>th, .table-wide>thead>tr>td, .table-wide>thead>tr>th {padding:15px 10px;font-weight: 400}
.table-wide>thead>tr>td, .table-wide>thead>tr>th {padding:8px 10px;font-weight: 700}
/*.table-wide>thead>tr>th {display:none}*/
.table-wide>tbody>tr>td.category {color:#8a8c8e}
.table-wide>tbody>tr>td.subject {font-size:1.6rem;text-align:left;font-weight:500;}
.table-wide>tbody>tr>td.subject .m-badge {vertical-align: text-bottom;margin-left: 5px; font-size: 11px;}
.table-wide>tbody>tr>td.subject .m-link {color: inherit}

@media all and (max-width: 768px) {
  .table-column {width: 100%;}
  .table-column .table {display: none; margin-bottom: 30px;}
  .table-column h3.link_title {cursor: pointer; font-weight: 500; border-bottom: 1px solid #dbdbdb; padding: 1.5rem 0; margin-bottom: 0;}
  .table-column:last-child h3.link_title {border: 0;}
  .table-column .ico_more_arr {margin-left: 10px; display: inline-block;}
  .table-wide>tbody>tr>td.subject {font-size:1.5rem;}
}

.table-vertical>tbody>tr>th {background:#f6f7f9}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;}

.table-center>tbody>tr>td, .table-center>tfoot>tr>td, .table-center>thead>tr>td, .table-center>thead>tr>th {text-align:center}
.table-left>tbody>tr>th, .table-left>tfoot>tr>th, .table-left>thead>tr>th, .table-left>tbody>tr>td, .table-left>tfoot>tr>td, .table-left>thead>tr>td {text-align:left !important;}

.table-hover tbody tr:hover {background-color: #f7f8fa}
.table-sm td, .table-sm th {padding:10px 5px !important; font-size: 1.4rem;}
.table-sm>tbody>tr>td.subject .m-badge {margin-left: 5px; font-size: 11px;}
.table-sm>tbody>tr>td.subject .m-link {color: inherit}

.table-form {position: relative}
.table-form>tbody>tr>th, .table-form>tfoot>tr>th, .table-form>thead>tr>th {background:#f6f7f9; text-align:center}

.table-form .input-default {float:left; width:250px; padding:12px; margin-right: -1px; border:1px solid #dbdde2; background-color: #f3f6f9; font-size:1.3rem;line-height: 1.6rem; }
.table-form .input-default.input-color-point {background-color: #36a3f7; color: #fff; border:1px solid #36a3f7; font-size:13px;line-height: 16px; }
@media screen\0 {
   .table-form .input-default {padding: 9px; }
}
.table-form em {float:left; padding: 6px; font-size:1.4rem;}
.table-form select {float:left; width:auto; width: 100%; padding:12px; border:1px solid #dbdde2;line-height: 16px;font-size:1.3rem;}
@media screen\0 {
   .table-form select {padding: 9px; }
}
.table-form .input-textarea {float:left; width:210px; height:auto; padding:2px 4px 3px 4px; border:1px solid #ccc; font-size:13px; line-height:22px}

/*sejin add 160331*/
.memberBox .table-form {border-top:0}
.memberBox .table-form>tbody>tr>th, .memberBox .table-form>tfoot>tr>th, .memberBox .table-form>thead>tr>th {background:#fff; text-align:left;font-weight: 500}
.memberBox .table>tbody>tr>td, .memberBox .table>tbody>tr>th, .memberBox .table>tfoot>tr>td, .memberBox .table>tfoot>tr>th, .memberBox .table>thead>tr>td, .memberBox .table>thead>tr>th {padding:12px 15px; border: 0; border-bottom:1px solid #f0f0f0; vertical-align:middle;text-align: left}

.memberBox .table-border2 tr>td,
.memberBox .table-border2 tr>th{border-right: 1px solid #dadada !important; vertical-align: top !important; }
.memberBox .table-border2 tr>th{background-color: #f9f9f9 !important; }

.memberBox .input-lg {width:280px !important}

.input-mg {margin-top:10px}
.input-block {width:100% !important}
.input-lx {width:650px !important}
.input-lg {width:450px !important}
.input-md {width:210px !important}
.input-sm {width:200px !important}
.input-sx {width:120px !important}

@media all and (max-width: 768px) {
  .table-form .input-default {width: 100%}
  .input-sx {width:27% !important}
  .input-sm {width:35% !important}
  .memberBox .input-lg {width:calc(100% - 93px) !important}
}

.label {display:inline; padding: .5rem 2rem; border-radius:10rem; color:#fff; font-size:13px; font-weight:bold; text-align:center; line-height:1; vertical-align:baseline; white-space:nowrap;}
.label-default {background-color:#29b0d0;}
.label-info {background-color:#36a3f7;}
.label-success {background-color:#99C177;}
.label-danger {background-color:#f4516c;}
.label-disable {background-color:#aaa;}

/*게시판 글보기*/
.viewForm1 {position: relative;}
.viewForm1 .titleInfo {border-bottom:1px solid #dadada; padding:20px 0 40px}
.viewForm1 .titleInfo .tit h3 {font-size:4.2rem; font-weight: 600;line-height:4.2rem; text-align: center;}
.viewForm1 .titleInfo .post {padding:0 0 10px; color:#888; text-align: center;}
.viewForm1 .titleInfo .post .name {color: #3f4047; padding-right: 9px; font-weight: 500;}
.viewForm1 .titleInfo .post span {padding:0 7px 0 0}
.viewForm1 .titleInfo .attach_file {padding-top:15px; border-top:1px solid #dadada; margin-top:20px}
.viewForm1 .titleInfo .attach_file:after{content:""; display: block; clear: both; }
.viewForm1 .titleInfo .attach_file dt {float:left; width: 125px; vertical-align:middle; text-align: center; }
.viewForm1 .titleInfo .attach_file dt i {vertical-align:text-top}
.viewForm1 .titleInfo .attach_file dd{margin-left: 125px; border-left:1px solid #e3e3e3; }
.viewForm1 .titleInfo .attach_file dd a{margin-left: 20px; }

.viewForm1 .boardView {padding:20px 0; line-height:28px;}
.viewForm1 .boardView .editorBox,
.viewForm1 .boardView p {margin-bottom: 10px; font-size: 1.8rem;}
.viewForm1 .boardView embed, .viewForm1 .boardView img {display: block; max-width:100% !important; margin:0 auto; margin-bottom: 30px;}
.viewForm1 .bottomSns ul {overflow:hidden;}
.viewForm1 .bottomSns ul li {float:left; padding-right:5px;}
.viewForm1 .titleInfo .btnArea {top: 20px;right: 20px; margin: 0}

/*sejin add 170402*/
.writeForm1 .titleInfo {border-bottom:1px solid #dadada; padding:0}
.writeForm1 .boardView {padding:20px 10px;}
.writeForm1 .table-form select {min-width:250px;}

.btnArea {position:absolute; top:0px; right:0px; margin:0;}
.btnArea-left {text-align:left;margin: 15px 0 0 0}
.btnArea-right {text-align:right;margin: 15px 0 0 0}
.btnArea-center {text-align:center; padding:30px 0;overflow: hidden}

.rally-infor .btnArea-center {margin-top:0}
/*포토갤러리*/
.photoAtcList {margin-top:30px;}
.pList {padding-top:0px; overflow:hidden; margin-left:-13px}
.pList li {float:left; width:230px; height:230px; margin-bottom:30px; margin-left:13px; overflow:hidden}
.pList-b li {height:190px;}
.pList li .img {display:block; position:relative; width:230px; height:150px; min-height:150px; overflow:hidden;}
.pList li .img .mark {position:absolute; top:110px; left:10px;}
.pList li .img span {display:block;}
.pList li .img img {max-width:230px; min-height:150px;}
.pList li .desc {padding-top:8px;}
.pList li .desc .tit {display:block; margin-bottom:5px; line-height:20px}
.pList li .desc em {padding:0 8px; font-size:11px; color:#8e9ba9}
.pList li .desc .date, .pList li .desc .hit {color:#8e9ba9; font-size:13px;}

/**tab base*/
/*
.tab_type_a {position:relative; z-index:1; background:#fff}
.tab_type_a > .tab-selector {width:100%; height:50px; background:url(/landing-static/default/images/bg_tab_a.gif) repeat-x 0 100%; *zoom:1;}
.tab_type_a > .tab-selector:after {display:block; clear:both; content:"";}
.tab_type_a > .tab-selector > li {float:left;}
.tab_type_a > .tab-selector > li:first-child a {min-width:160px; border-left:1px solid #c3c3c3;}
.tab_type_a > .tab-selector li a {display:block; min-width:161px; height:47px; padding:0 15px !important; border-top:1px solid #d8dfe6; border-right:1px solid #d8dfe6; background:#fff; color:#a0aab6; font-size:17px; text-align:center; line-height:47px;}
.tab_type_a > .tab-selector li a {display:block; min-width:161px; height:47px; padding:0 15px !important; border-top:1px solid #074691; border-right:1px solid #074691; background:#074691; color:#fff; font-size:17px; text-align:center; line-height:47px;}
.tab_type_a > .tab-selector li.active a {min-width:158px; height:48px; padding:0 15px !important; border-top:2px solid #074691; border-right:2px solid #074691; border-left:2px solid #074691; background:#fff; color:#074691; line-height:48px; font-weight:bold}
.tab_type_a > .tab-selector li.active:after {position:absolute !important; left:-10000px; content:"탭 선택됨";}
*/
.tab_type_a {position:relative; z-index:888; background:#fff}
.tab_type_a > .tab-selector {width:100%; height:50px; background:url(/landing-static/default/images/bg_tab_a.gif) repeat-x 0 100%; *zoom:1;}
.tab_type_a > .tab-selector:after {display:block; clear:both; content:"";}
.tab_type_a > .tab-selector > li {float:left;}
.tab_type_a > .tab-selector > li:first-child a {min-width:160px; border-left:1px solid #c3c3c3;}
.tab_type_a > .tab-selector li a {display:block; min-width:161px; height:47px; padding:0 15px !important; border-top:1px solid #d8dfe6; border-right:1px solid #d8dfe6; background:#fff; color:#a0aab6; font-size:17px; text-align:center; line-height:47px;}
.tab_type_a > .tab-selector li.active a {min-width:158px; height:48px; padding:0 15px !important; border-top:2px solid #074691; border-right:2px solid #074691; border-left:2px solid #074691; background:#fff; color:#074691; line-height:48px; font-weight:bold}
.tab_type_a > .tab-selector li.active:after {position:absolute !important; left:-10000px; content:"탭 선택됨";}
/*
.tab_type_line {position:relative; z-index:888; margin:-10px 0 20px}
.tab_type_line > .tab-selector {width:100%; height:50px; *zoom:1; border-bottom: 1px solid #ebedf2}
.tab_type_line > .tab-selector:after {display:block; clear:both; content:"";}
.tab_type_line > .tab-selector > li {float:left;}
.tab_type_line > .tab-selector li a {display:block; padding:0 20px !important; background:#fff; text-align:center; line-height:47px; font-size:1.6rem;font-weight:500; }
.tab_type_line > .tab-selector li.active a, .tab_type_line > .tab-selector li a:hover {border-bottom:2px solid #00bfbf;  background:#fff; color:#00bfbf; }
.tab_type_line > .tab-selector li.active:after {position:absolute !important; left:-10000px; content:"탭 선택됨";}
*/
/* tab 디자인 변경 : 190718 sejin */
.tab_type_line {position:relative; z-index:888; margin:-10px 0 20px}
.tab_type_line > .tab-selector {width:100%; *zoom:1; margin-bottom: 5px;background-color:#f2f4f7;}
.tab_type_line > .tab-selector:after {display:block; clear:both; content:"";}
.tab_type_line > .tab-selector > li {display: table-cell; width: 1%; float:none;}
.tab_type_line > .tab-selector li a {display:block; padding:13px 25px; text-align:center; font-weight:500; color: #9FAAB7;font-size:1.8rem;}
.tab_type_line > .tab-selector li a:hover {color: #000}
.tab_type_line > .tab-selector li.active a {background:#00bfbf; color:#fff;}
.tab_type_line > .tab-selector li.active:after {position:absolute !important; left:-10000px; content:"탭 선택됨";}

@media all and (max-width: 768px) {
  .tab_type_line {margin:10px 0 20px}
  .tab_type_line > .tab-selector li a {font-size: 1.6rem; padding:10px 15px;}
}
.tab_type_head {position:relative; z-index:888; margin:-10px 0 20px}
.tab_type_head > .tab-selector {width:100%; height:100%; *zoom:1;}
.tab_type_head > .tab-selector:after {display:block; clear:both; content:"";}
.tab_type_head > .tab-selector > li {float:left;}
.tab_type_head > .tab-selector li a {display:block; padding:0 20px !important; background:#fff; text-align:center; line-height:60px; font-size:1.8rem;font-weight:500; }
.tab_type_head > .tab-selector li.active a, .tab_type_head > .tab-selector li a:hover {border-bottom:4px solid #00bfbf;  background:#fff; color:#00bfbf; }
.tab_type_head > .tab-selector li.active:after {position:absolute !important; left:-10000px; content:"탭 선택됨";}

.rally-infor {position:relative; overflow:hidden}
.rally-infor .rallyHeadLine {overflow:hidden; margin:20px 0 50px}
.rally-infor h3 {font-size:26px; font-weight:bold; margin:40px 0 50px 0}
.rally-infor .rallyHeadLine h3 {font-size:30px; font-weight:normal; margin:20px 0 25px 0}
.rally-infor .rally_img {position:absolute; right:0; width:180px; height:120px; overflow:hidden; top:20px}
.rally-infor .rally_img img {max-width:180px;}
.rally-infor p.rally_date {display:inline-block; padding:5px 25px; border:1px solid #fcc13c; border-radius:50px; background:#fcc13c; color:#fff; font-weight:bold; font-size:1.6rem}

.rally-infor .rally_list {overflow:hidden;}
.rally-infor .rally_list li {float:left; width:210px; height:110px; padding:0 15px;}
.rally-infor .rally_list .title {display:block; height:30px; padding-bottom:9px; border-bottom:1px solid #e6e6e6; color:#a0aab6; font-size:22px;}
.rally-infor .rally_list .desc {padding-top:8px; color:#1e1e1e; font-size:1.6rem; line-height:26px;}
.rally-infor .rally_cont {margin:30px 0; border:1px solid #dadada; padding:30px}

/*후원사*/
.sponsor_area {position:relative; clear:both; height:78px; overflow:hidden; border-top:1px solid #d8dfe6; background-color:#fff;}
.sponsor_area h3 {float:left; width:120px; height:52px; margin-top:13px; margin-right:25px; border-right:1px solid #d8dfe6;}
.sponsor_area h3 em {width: 75px; display:inline-block; margin-left:28px; overflow:hidden; vertical-align:top;font-size:1.6rem;margin-bottom: 5px;text-align: center}
.sponsor_area .sponsor_list li {float:left; margin-top:22px; margin-right: 35px; text-align:left;}
.sponsor_area .sponsor_page {display:block; position:absolute; top:42px; left:0; width:128px; height:21px; text-align:center;}
.sponsor_area .sponsor_page .count {color:#8e9ba9; font-size:12px; font-weight:bold; line-height:21px;}
.sponsor_area .sponsor_page .btn_pre {display:block; position:absolute; top:0; left:27px; width:21px; height:21px; overflow:hidden; background-position:-136px -390px; line-height:9999px; vertical-align:top;}
.sponsor_area .sponsor_page .btn_next {display:block; position:absolute; top:0; right:27px; width:21px; height:21px; overflow:hidden; background-position:-189px -390px; line-height:9999px; vertical-align:top;}
.sponsor_area .sponsor_page .btn_pre, .sponsor_area .sponsor_page .btn_next {background-image:url(/landing-static/default/images/bl_ico.png); background-repeat:no-repeat;}

/*팝업*/
.popup_wrap {background: #fff;border-top: 6px solid #074691;}
.popup_wrap .pop_header {margin-bottom: 20px;}
.popup_wrap .popup_infor {margin-bottom: 20px;text-align: center}

.popup_wrap h1 {height: 69px;line-height: 69px;border-bottom: 1px solid #dadada;font-size: 26px;padding: 0 26px;}
.popup_wrap.win_pop .pop_con {padding: 0 26px 0;}
.popup_searchWrap {margin: 0 auto;max-width: 400px;position: relative}
.popup_searchWrap .input_area{position: relative;width: 100%}
.input_area .input-default { width: 100%;padding: 10px;border: 1px solid #dbdde2; background-color: #F2F4F7; font-size: 1.5rem; line-height: 1.6rem}
.popup_searchWrap .input_area .input-default {width: 378px;}
.popup_searchWrap .btnArea-center {margin: 10px 0 30px;border-top: 0;text-align: center;  padding: 0;}
.pop_cont {padding: 20px 20px 0}
.pop_cont .input-lg {width: 340px !important;}

/*
____ vision tmp ______________________________________________________
______________________________________________________________________
*/
.vision{padding-top: 10px; }
.vision table{table-layout: fixed; width: 100%; border-collapse: separate ; border-spacing: 6px 2px; text-align: center; }
.vision table th,
.vision table td {padding: 10px 15px; border:1px solid #dadada; }
.vision table td span {text-decoration: underline }
.vision table th{font-size:1.6rem; background-color: #f6f7f9; }
.vision table th:first-child{width: 100px; }
.vision-arrow{display: block; width: 100px; margin: 10px auto; }
.vision-bold{font-weight: bold; font-size:1.6rem; }
/*
____ plugin __________________________________________________________
______________________________________________________________________
*/
/* dialogs */
@-webkit-keyframes enoch-dialogs-show {
  from {opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes enoch-dialogs-show {
  from {opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes enoch-dialogs-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
}
@keyframes enoch-dialogs-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
}
.enoch-dialogs-show{-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-dialogs-show; animation-name: enoch-dialogs-show; }
.enoch-dialogs-hide {-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-dialogs-hide; animation-name: enoch-dialogs-hide; }
.enoch-dialogs{position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 100%; line-height: 1.45; overflow-y: auto; color: #444; text-align: center; }
.enoch-dialogs-contents-wrap{position: relative; top: 100px; display: block; width: 500px; margin: 0 auto; padding: 15px; background-color: rgba(0,0,0,.6); }
.enoch-dialogs-contents-wrap-mobile{top: 0; width: 100%; padding-top: 0; padding-left: 0; padding-right: 0; }
.enoch-dialogs-contents{padding: 20px; background-color: #fff; }
.enoch-dialogs-input{display: none; width: 100%; height: 40px; line-height: 40px; margin-top: 15px; padding: 0 10px; text-align: center; border: 1px solid #ccc; color: gray; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.enoch-dialogs-input:focus{box-shadow: 0 0 10px rgb(66, 139, 202); border-color: #357ebd; outline: none; }
.enoch-dialogs-btns{display: block; margin-top: 15px; }
.enoch-dialogs-btn{margin: 0 4px; padding: 9px 20px; border:0; font-size: 100%; color: #fff; outline: none; cursor: pointer; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.enoch-dialogs-btn:focus,
.enoch-dialogs-btn:hover{box-shadow: 0 0 10px rgb(66, 139, 202); }
.enoch-dialogs-btn-cancel{background-color: #e57373; }
.enoch-dialogs-btn-cancel:focus,
.enoch-dialogs-btn-cancel:hover{background-color: #ef5350; }
.enoch-dialogs-btn-success{background-color: #81c784; }
.enoch-dialogs-btn-success:focus,
.enoch-dialogs-btn-success:hover{background-color: #66bb6a; }
/* adv */
@-webkit-keyframes enoch-advertising-show {
  from {opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes enoch-advertising-show {
  from {opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes enoch-advertising-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@keyframes enoch-advertising-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
.enoch-advertising-show{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-advertising-show; animation-name: enoch-advertising-show; }
.enoch-advertising-hide {-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-advertising-hide; animation-name: enoch-advertising-hide; }
#enoch-adv-tooltip{position: absolute; display: none; vertical-align: middle; background-color: #111111; color: #fff; border-radius: 4px; padding:3px 10px; font-size: 12px; font-weight: bold; line-height: 1.6em; word-break: keep-all; }
#enoch-adv-tooltip > .e-arrow {position: absolute; top:-7px; left:16px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #111111; }
.enoch-adv{position: absolute; display: inline-block; color: #333; }
.enoch-adv:hover .e-btn-wrap {display: block; }
.enoch-adv *{font-size: 12px; line-height: 1.4em; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; word-break: keep-all; }
.enoch-adv button{display: inline-block; vertical-align: middle; border:0; background-color: transparent; cursor: pointer; }
.enoch-adv > .e-close-image{position: absolute; right:7px; top:7px; padding:0; }
.enoch-adv > .e-close-image > img{width:32px;}
.enoch-adv > .e-btn-wrap{position: absolute; display: none; width:100%; height:0; text-align:center; }
.enoch-adv > .e-btn-wrap > button{position: relative; vertical-align: top; background-color: #111111; color:#fff; padding:7px 20px; border-radius: 4px; overflow: visible; letter-spacing: -1px; font-weight: bold; border-top:1px solid #f1f1f1;}
.enoch-adv > .e-btn-wrap > button > .e-arrow-border{position: absolute; top:-11px; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f1f1f1; }
.enoch-adv > .e-btn-wrap > button > .e-arrow{position: absolute; top:-9px; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #111111; }
.enoch-adv > .e-contents{display: inline-block; vertical-align: middle; }
.enoch-adv > .e-contents > img{vertical-align: middle; }
/* modal */
@-webkit-keyframes enoch-modal-toggleArrow {
  50% {border-color:transparent; background-color: transparent; }
}
@keyframes enoch-modal-toggleArrow {
  50% {border-color:transparent; background-color: transparent; }
}
@-webkit-keyframes enoch-modal-show {
  from {opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes enoch-modal-show {
  from {opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes enoch-modal-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@keyframes enoch-modal-hide {
  from {opacity: 1; }
  to {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
.enoch-modal-toggleArrow{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-modal-toggleArrow; animation-name: enoch-modal-toggleArrow; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.enoch-modal-show{-webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-modal-show; animation-name: enoch-modal-show; }
.enoch-modal-hide {-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: enoch-modal-hide; animation-name: enoch-modal-hide; }
.enoch-modal{display: none; z-index: 800; position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: #333; background-color: rgba(0,0,0,.1); overflow-y: scroll; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.4em; }
.enoch-modal *{font-size: 12px; line-height: 1.4em; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; word-break: keep-all; }
.enoch-modal button{cursor: pointer; }
.enoch-modal img{display: inline-block; vertical-align: middle; }
.enoch-modal > .e-close-btn{position: fixed; right: 20px; bottom: 10px; text-align: right; border:0; background-color: #111111; border:1px solid #ccc; color:#fff; padding:5px 15px; font-size: 12px; border-radius: 3px; font-weight: bold; overflow: visible; }
.enoch-modal > .e-close-btn > .e-arrow-border{position: absolute; bottom:-11px; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f1f1f1; }
.enoch-modal > .e-close-btn > .e-arrow{position: absolute; bottom:-9px; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111111; }
.enoch-modal > .e-contents{position: relative; display:table; vertical-align: middle; text-align: center; width:100%; height:100%; }
.enoch-modal > .e-contents > *{text-align: left; }
.academy-p{position: relative; display: inline-block; vertical-align: middle; margin: 130px 20px; }
.academy-p > div {width: 800px; height: 450px; background-color: #fff; border: 1px solid #bbb; }
.academy-p > button{display: none; }
area{outline: none; }
canvas {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.dynamic_blank{padding-top: 60px; }
.table-annual {font-size: 13px; letter-spacing: -1px; }
.table-annual td, .table-annual th{padding: 7px 10px !important; }
.table-certificate{letter-spacing: -1px; word-break: keep-all;}

/* add sejin 170331*/
/* memberWrap */
.membershipWrap .titleBox {text-align: center;padding: 60px 0 0}
.membershipWrap .titleBox p {font-size:1.8rem; padding: 3px 0;}
.membershipWrap .titleBox .t_title {margin-bottom: 30px;font-size: 3.8rem}
.memberBox, .memberBox_ref, .memberBox_nmg {width: 60%; margin: 40px auto;}
.memberBox_ref, .memberBox_nmg {width: 60%}
.memberBox_ref {background: none !important; padding:0; border: 0}
.memberBox_nmg, .memberBox_nmg .joinWrap {padding: 0 !important}
.memberBox .logWrap, .memberBox .joinWrap, .memberBox .joinWrap .txtBox {overflow:hidden;background: #fff; border: 1px solid #d8dfe6; padding:40px 38px;}
.memberBox_ref .joinWrap {overflow:hidden;background: none; padding:0;border: 0}
.memberBox .logWrap .tit_register {font-size: 20px;margin-bottom: 30px}
.memberBox .input_area .input-default {width: 560px;padding: 20px 15px}
.memberBox .input_area {margin-bottom: 10px}
.memberBox .input_area .inp_wrap {margin-bottom: 10px}
.memberBox .input_area .inp_wrap label {display: block; margin-bottom: 5px}
.memberBox .input_area .img_phone {width: 90px; margin: 0 auto}
.memberBox .list_info li {margin-top: 20px;}
.memberBox .list_info li .link_info {font-weight: 500;margin-right: 20px}
.memberBox .list_info.list_info_center {text-align: center;}
.memberBox .list_info.member-info-out {padding: 30px 0; background-color: #f1f3f5}
.memberBox .list_info.member-info-out li {margin-top: 0; font-size: 1.6rem}

@media all and (max-width: 768px) {
  .membershipWrap .titleBox p {font-size:1.5rem;padding: 0}
  .memberBox, .memberBox_ref, .memberBox_nmg {width: 100%; margin: 20px auto}
}
.joinStep {padding:0px 0 50px;}
.joinStep ol {width:361px; margin:0 auto; overflow:hidden;}
.joinStep li {float:left; height:70px; background:url("/landing-static/default/images/img_membership.png") no-repeat;}
.joinStep li.s1 {width:97px; background-position:0 -70px;}
.joinStep li.s2 {width:97px; background-position:-97px -70px;}
.joinStep li.s3 {width:97px; background-position:-194px -70px;}
.joinStep li.s4 {width:70px; background-position:-291px -70px;}
.joinStep li.s1.on {width:97px; background-position:0 0px;}
.joinStep li.s2.on {width:97px; background-position:-97px 0px;}
.joinStep li.s3.on {width:97px; background-position:-194px 0px;}
.joinStep li.s4.on {width:70px; background-position:-291px 0px;}

.chk {position: relative;margin: 15px 0}
.ico_chk {display: inline-block;overflow: hidden;background-image: url(/landing-static/default/images/bl_ico.png); background-repeat: no-repeat; background-size: 126px auto; font-size: 0;line-height: 0;text-indent: -9999px;cursor: pointer}

.memberBox .ico_chk, .memberBox .checkbox {position: absolute;top: 0px;left: 0px;width: 30px;height: 30px; background-position: 0 -422px;}
.memberBox .chk_on .ico_chk {background-position: -50px -422px}
.memberBox .checkbox {opacity: .01;}
.txt_required {margin-left: 35px}

.joinWrap fieldset.terms{margin-bottom:35px;}
.joinWrap fieldset.terms legend{width:auto; text-indent:0; font-size:1.8rem; line-height:24px; font-weight:bold; padding:0;margin-bottom: 10px}
.joinWrap fieldset.terms .txtBox {height: 250px;overflow-y: scroll; padding: 25px 32px; font-size: 1.4rem; line-height: 2.4rem; color: #666}
.joinWrap fieldset.terms .txtBox .rules .first {margin-bottom: 10px}
.joinWrap .joinInfoArea{width:448px; margin:0 auto;}
.joinWrap .joinInfoArea p, .logWrap .loginArea .logInput p {margin:5px 0 15px;}
.joinWrap .txt {text-align: center;font-weight: bold;font-size:1.8rem;line-height: 32px}
.joinWrap .help {font-weight: 400; margin-top: 30px;color: #999}
.joinWrap .txt-info {font-weight: normal;}
.joinWrap .img {text-align: center;margin: 30px 0 10px}
.mypageWrap .joinInfoArea p  {margin:5px 0 15px; display:block; clear:both; margin-left:160px}
.memberBox .mypageWrap {padding:30px 48px 55px;}
.txtBox .joinGuide {margin-bottom:33px;}
.txtBox .joinGuide h4 {font-size:1.6rem; margin-bottom:10px;}
.txtBox .joinGuide p {margin-bottom: 5px}

.logSelect {position: relative; overflow: hidden}
.logSelect .chk { float: left; margin: 0 40px 30px 0;}

/*comment*/
.commentArea {position: relative}
.commentArea .comTop{overflow:hidden; padding:12px 0 10px;}
.commentArea .comTop h4{font-size:1.8rem; font-weight: bold}
.commentArea .comTop p{ float:left;}
.commentArea .comTop p em{color:#d70c19;}
.commentArea .btnArea-center {margin-top: -20px;font-size:1.8rem;padding: 10px 0;}

.u_cbox_area {padding: 25px;}
.cbox_writeBox {position: relative;margin-bottom: 8px }
.cbox_writeBox .btnRegis{border:1px solid #36a3f7; width:120px; height:82px; font-size:1.8rem; font-weight:500; cursor:pointer; background: #36a3f7;color: #fff;position: absolute;right: -120px;top:0px;}

.commentArea .commentList ul li {padding:25px; border-bottom:1px solid #f0f3f9;}
.commentArea .commentList ul li:last-child {border: 0;}
.commentList {position:relative;}
.commentList ul li {position:relative}
.commentList ul li.cmt_admin {background-color: #eaf7fc; padding:25px 25px 25px 70px;}
.commentList ul li .info{padding-bottom:6px;}
.commentList ul li .info .name {color:#3f4047;  padding-right:9px;font-weight: 500}
.commentList ul li .info .date{color:#bbbbbb; padding-left:5px;}
.commentArea .commentList .action {display: inline-block;margin-left: 10px}
.commentArea .commentList .action em {color:transparent;padding:0 5px; font-weight:normal;}
.commentArea .commentList .comment {line-height:26px; font-size:1.4rem}
.commentArea .commentList .comment .btn-group {margin-top: 8px}

.u_cbox_reply_list {position: relative; background: #f9f9f9;padding:0px 40px 5px;border-top:1px solid #e7e7e7;margin: 20px 0 0}
.u_cbox_reply_list li:last-child {border-bottom: 0}
.u_cbox_reply_list .ico-cbox-reply {position: absolute;left: -20px;top: 22px}

.u_cbox_reply_list .u_cbox_reply_area {padding:20px 0px 20px 20px;overflow: hidden;*zoom:1}
.u_cbox_reply_list .u_cbox_reply_area .ico-cbox-reply {position: absolute;left: 0px;top: 22px}
.u_cbox_reply_list > li .u_cbox_reply_list {padding: 0 0 0 20px;}
.u_cbox_reply_list > li .u_cbox_reply_list li:last-child {padding-bottom: 0}
/*u_cbox_reply_area*/
.u_cbox_reply_area {position: relative; background: #f9f9f9;padding:0px 40px 5px;border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;margin: 20px 0 -21px 0;padding: 20px 40px}
.u_cbox_reply_area .ico-cbox-reply {position: absolute;left: 20px;top: 22px}
.u_cbox_reply_area .cbox_writeBox {border:1px solid #ddd;}
.u_cbox_reply_area .cbox_writeBox textarea {width:100%; height:40px; padding:10px;line-height: 20px}
.u_cbox_reply_area .cbox_writeBox .btnRegis{border:1px solid #ddd; height:62px; font-size:1.5rem; font-weight:bold; cursor:pointer;background: #fff;color: #29b0d0}

.m-content-top {position: absolute; right: 0; top: 23px}
.m-content-footer {padding:0 0 40px 0; width:100%}
.m-content-top .btn, .m-content-footer .btn {margin-left: 5px}
.m-align-left {text-align: left}
.m-align-right {text-align: right}
.m-form__help {clear: both; display: block; font-size: 13px}
.m-radio-inline .m-radio {margin-right: 30px}
.m-radio-inline.m-radio-horizontal {line-height: 36px}
.m-checkbox-inline .m-checkbox {margin-right: 30px}

.book_delivery_wrap {position: relative;margin-bottom: 20px}
.book_delivery_wrap .titleBox {float: left; width: 10%; font-size:2.4rem; padding: 5px 0 0}
.book_delivery_info {overflow:hidden}
.book_delivery_info .titleBox {padding:10px 0px 30px}
.book_delivery_info .titleBox h3 {display:inline-block; padding:10px 35px; border:1px solid #fcc13c; border-radius:30px; background:#fcc13c; color:#fff; font-size:1.8rem}
.book_delivery_info dt {font-size:1.6rem; font-weight:500; float: left }
.book_delivery_info dd {font-weight:400; margin-left: 10%;}
.book_delivery_info .cs_location, .book_delivery_info .cs_address {margin-bottom: 5px}
.book_delivery_info .cs_buyer dt, .book_delivery_info .cs_buyer dd {font-size: 22px}

.m-portlet__seperator {
  display: block;
  height: 0
}
.m-portlet__seperator--gray {
  border-top: 1px solid #ebedf2
}
.m-portlet__seperator--deep {
  border-top: 1px solid #4d5764
}
.m-portlet__seperator.m-portlet__seperator--dashed {
  border-top: 1px dashed #ebedf2
}
.m-portlet__seperator.m-portlet__seperator--space {
  margin: 20px 0
}
.m-portlet__seperator.m-portlet__seperator--space-2x {
  margin: 30px 0
}
.m-portlet__seperator.m-portlet__seperator--space-3x {
  margin: 40px 0
}
/*faq*/
.bbs_faq_public {
  position: relative;
}
.bbs_faq_public .tit_public {
  font-size: 32px;
  margin: 47px 0 45px
}
/*
.bbs_faq_public .wrap_cont {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000
}
*/
.bbs_faq_public .wrap_keyword+.wrap_cont {
  border-top: 1px solid #000
}
.bbs_faq_public .wrap_cont>.item_info {
  padding: 18px 0;
  border-top: 1px solid #ebedf2;
  overflow: hidden
}
.bbs_faq_public .wrap_cont>.item_info:first-child {
  border-top: 0 none
}
.bbs_faq_public .info_tit {
  overflow: hidden
}
.bbs_faq_public .wrap_cont .link_cont {
  float: left;
}
.bbs_faq_public .wrap_cont .link_cont:hover, .bbs_faq_public .wrap_cont .link_cont:focus {
  text-decoration: none
}
.bbs_faq_public .wrap_cont .tit_info {
  float: left;
  font-size:1.6rem;
  font-weight: normal;
}
.bbs_faq_public .wrap_cont .num_info {
  float: left;
  width: 5%;
  font-size:1.5rem
}
.bbs_faq_public .wrap_cont .cate_info {
  float: left;
  width: 15%;
  font-size:1.5rem
}
.bbs_faq_public .wrap_cont .txt_date {
  float: left;
  width: 85px;
  color: #878787
}
.bbs_faq_public .wrap_cont .btn_arr {
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 15px
}
.bbs_faq_public .wrap_cont .ico_arr {
  display: block;
  width: 16px;
  height: 10px;
  margin-top: 3px;
  background-position: -28px -52px
}
.bbs_faq_public .wrap_cont .on .ico_arr {
  background-position: -28px -40px
}
.bbs_faq_public .wrap_btn {
  clear: both;
  overflow: hidden
}
.bbs_faq_public .btn_cs {
  float: right;
  margin-top: 50px;
  font-weight: bold
}
.bbs_faq_public .wrap_cont>.item_info .info_cont {
  display: block;
  overflow: hidden;
  text-align: left;
  margin: 15px 0 0 20%;
  font-size:1.5rem;
  line-height: 27px
}
.bbs_faq_public .wrap_cont .on .info_cont {
  display: block
}
.bbs_faq_public .wrap_cont .on .info_cont .content {
  margin-bottom: 20px
}
.bbs_faq_public .wrap_cont .on .tit_info {
  font-size: 21px;
  line-height: 27px;
  font-weight: bold
}
.bbs_faq_public .wrap_cont .txt_detail, .bbs_faq_public .wrap_cont .tit_detail, .bbs_faq_public .wrap_cont .list_detail, .bbs_faq_public .wrap_cont .thumb_img {
  display: block;
  margin-top: 30px
}
.bbs_faq_public .wrap_sort {
  position: absolute;
  top: 61px;
  right: 0
}
.bbs_faq_public .wrap_tip, .bbs_faq_public .wrap_notice {
  margin-top: 42px;
  padding-bottom: 30px;
  border-top: 2px solid #212121
}
.bbs_faq_public .wrap_tip .link_cont:hover, .wrap_tip .link_cont:focus {
  text-decoration: underline
}
.bbs_faq_public .wrap_tip .num_info {
  color: #2c91ef;
  font-size:1.8rem
}
.bbs_faq_public .wrap_tip .tit_info {
  width: 630px;
  font-size:1.8rem
}
.bbs_faq_public .wrap_notice .tit_info {
  width: 510px
}
/*180601 add*/
.info_calendar_color {display: table}
.info_calendar_color li {margin: 2px 0; width: 50%; display: table-cell; float: left}
.info_calendar_color li span {display: inline-block; width: 50px; height: 20px;vertical-align: text-bottom; margin-right: 8px}
.info_calendar_color li span.success {background: #34bfa3; }
.info_calendar_color li span.success-dark {background: #146d5b; }
.info_calendar_color li span.info {background: #36a3f7; }
.info_calendar_color li span.info-light {background: #a2d7ff; }
.info_calendar_color li span.info-dark {background: #004a8b; }
.info_calendar_color li span.metal {background: #c4c5d6; }
.info_calendar_color li span.danger {background: #f4516c; }


/* enoch */
.attach{margin: 15px 0 5px; }
.attach > span{float: left; width: 130px; }
#attachList{position: relative; margin-left: 130px; border-left: 1px solid #ccc; padding-left: 15px; }
#attachList > span{position: absolute; }
#attachList > div{position: relative; background-color: #F6F7F9; }
#attachList button{padding: 0 10px !important; margin: -5px 3px 0 0; height: 18px; line-height: 8px; font-size: 11px; }
.el-select{
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  width: 180px;
  height: 45px;
  border: 1px solid #ddd;
}

/*지역별 대회수*/
.info_rally_count {position: relative; clear: both; overflow-x: hidden; padding: 120px 0}
.info_rally_count .cont {width: 25%; float: left; text-align: center; color: #fff;}
.info_rally_count .cont h4.t_title2 {margin-bottom: 10px; text-align: center; opacity: 0.5;}
.info_rally_count .cont h4.t_title2 em {display: block; font-size: 1.6rem; font-weight: 400; opacity: 0.5;}
.info_rally_count .cont .customerNum {position: relative;}
.info_rally_count .cont .customerNum .num {font-family: 'Open Sans', sans-serif; font-size: 8.6rem; font-weight: 600; line-height: 10.6rem; letter-spacing: -3px; }
.info_rally_count .cont .customerNum .text {font-size: 2.6rem; margin-left: 10px;}

@media all and (max-width: 768px) {
  .info_rally_count {padding: 2rem 0}
  .info_rally_count .cont {width: 50%; margin-bottom: 25px;}
  .info_rally_count .cont h4.t_title2 {margin-bottom: 5px;font-size: 1.6rem;font-weight: 400;}
  .info_rally_count .cont .customerNum .num {font-size: 4.8rem;line-height: 6.2rem; font-weight: 500;}
  .info_rally_count .cont .customerNum .text {font-size: 1.8rem;}

}

/*이미지 숫자*/
.color_num span { height: 142px; display: inline-block;  background-image:url(/landing-static/default/images/img_color_num.png);  background-repeat: no-repeat; background-position: left top; background-size: 905px auto; text-indent: -9999px; margin: 0 6px; width: 90px;}
.color_num span.img_num-1 {background-position:0 0;}
.color_num span.img_num-2 {background-position:-91px 0;}
.color_num span.img_num-3 {background-position:-181px 0;}
.color_num span.img_num-4 {background-position:-272px 0;}
.color_num span.img_num-5 {background-position:-362px 0;}
.color_num span.img_num-6 {background-position:-453px 0;}
.color_num span.img_num-7 {background-position:-543px 0;}
.color_num span.img_num-8 {background-position:-634px 0;}
.color_num span.img_num-9 {background-position:-724px 0;}
.color_num span.img_num-0 {background-position:-815px 0;}
.color_num span.text {background-image:none; text-indent: 0; font-size:2.4rem; font-weight: 500; width: 30px; height: 30px; vertical-align: bottom;}

@media all and (max-width: 768px) {
  .color_num span {margin:0 3px; background-size: calc(905px - (905px * 40 / 100)) auto; width: calc(90px - (90px * 40 / 100)); height: calc(142px - (142px * 40 / 100));}
  .color_num span.img_num-1 {background-position:0 0;}
  .color_num span.img_num-2 {background-position:calc(-91px - (-91px * 40 / 100)) 0;}
  .color_num span.img_num-3 {background-position:calc(-181px - (-181px * 40 / 100)) 0;}
  .color_num span.img_num-4 {background-position:calc(-272px - (-272px * 40 / 100)) 0;}
  .color_num span.img_num-5 {background-position:calc(-362px - (-362px * 40 / 100)) 0;}
  .color_num span.img_num-6 {background-position:calc(-453px - (-453px * 40 / 100)) 0;}
  .color_num span.img_num-7 {background-position:calc(-543px - (-543px * 40 / 100)) 0;}
  .color_num span.img_num-8 {background-position:calc(-634px - (-634px * 40 / 100)) 0;}
  .color_num span.img_num-9 {background-position:calc(-724px - (-724px * 40 / 100)) 0;}
  .color_num span.img_num-0 {background-position:calc(-815px - (-815px * 40 / 100)) 0;}
}

.pg3b {text-align:center;position:relative;left:0;top:0;}
.pg3b_btn {overflow:hidden;padding:10px;text-decoration:none;vertical-align:top;-webkit-appearance:none;box-shadow:rgba(255,255,255,0.7) 0 1px 1px inset;display:inline-block;position:absolute;}
@media all and (max-width: 768px) {
  .pg3b_btn {display: none;}
}
.pg3b_btn.pg3b_btn_prev {top:calc(50% - 40px);left:calc(50% - 640px);}
.pg3b_btn.pg3b_btn_next {top:calc(50% - 40px);right:calc(50% - 640px);}
.pg3b_prev,.pg3b_next{display:inline-block;overflow:hidden; width:60px;height:60px;background:url(/landing-static/default/images/bl_ico.png) no-repeat; background-size:172px auto; text-indent:-99em;}
.pg3b_prev {background-position:0 0;}
.pg3b_next {background-position:-80px 0;}
.pg3b_pg{display:inline-block;height:23px;font-size:.93em;line-height:21px;color:#999;letter-spacing:2px;vertical-align:middle;padding:0 1em}
.pg3b_pg .pgn {display:inline-block;overflow:hidden;width:10px;height:10px;background:#dddddd;color:transparent;vertical-align:middle;border-radius:6px;margin:0 2px;}
.pg3b_pg .pgn.on {width:20px;height:10px;background:#00bfbf; border-radius:6px}

/* 연도별 횟수*/
.yearly_box {position: relative; text-align: center; overflow: hidden;}
.yearly_box ul {display: inline-block; *display:inline; zoom:1;}
.yearly_box ul:after {display: block; clear: both; content: '';}
.yearly_box li { z-index:1; height: 160px; margin: 0 30px 0 0; float:left; display:table; }
.yearly_box li a {position: relative; display: table-cell;  vertical-align: middle;}
.yearly_box li a:after {content: ""; position: absolute; width: 30px; height: 3px; margin-top: -1px; background-color: #F2F4F7;top: 50%;left: -30px;}
.yearly_box li:first-child a:after {display: none;}
.yearly_box li span {display: table-cell;border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;width: 100px;height: 100px;vertical-align: middle;border: 3px solid #F2F4F7; }
.yearly_box li span {font-size:2.4rem; color: #6B6F75; font-weight: 600;}
.yearly_box li span:hover {color: #00bfbf;}

.yearly_box li.first span, .yearly_box li.last span {width:160px; height: 160px;  border-radius: 80px; -moz-border-radius: 80px;border-radius:80px; border: 0}
.yearly_box li.first span, .yearly_box li.last span {color: #fff; font-size: 4.0rem;}
.yearly_box li.first span em, .yearly_box li.last span em {color: #fff; font-weight: 400; font-size:1.5rem;display: inline-block;margin-top: 10px;}
.yearly_box li.first span {background-color: #00BFBF;}
.yearly_box li.last span {background-color: #7A13BF}

@media all and (max-width: 768px) {
  .yearly_box {padding:0 50px}
  .yearly_box ul {display: table}
  .yearly_box li { float: none;display: inline-table; width: 100%; height: 100%; margin: 0 0 15px;}
  .yearly_box li a:after {width: 3px; height: 15px;left: 50%;top: inherit;bottom: -15px;}
  .yearly_box li span { font-size: 2.0rem; width: 100%; display: block; padding: 15px 0; height: 100%;}
  .yearly_box li.first span, .yearly_box li.last span {width: 100%; font-size: 3.6rem;height: 100%;padding: 20px 0;}
  .yearly_box li.first span em, .yearly_box li.last span em {vertical-align: middle; margin-top: -10px; margin-left: 10px;}
}

/* 대회 일시 */
.date_box {position: relative; text-align: center; overflow: hidden;margin-bottom: -60px}
.date_box ul {display: inline-block; *display:inline; zoom:1;}
.date_box ul:after {display: block; clear: both; content: '';}
.date_box li {position: relative; z-index:1; margin: 0 -25px 60px 0;height: 100px;width: auto;display: table;float: left; }
.date_box li:first {margin: 0 0 0 0;}
.date_box li:after {content: ""; position: absolute; top: 49%; left: 50%; width: 100%; height: 3px; margin-top: -1px; background-color: #F2F4F7;z-index: -1;}
.date_box li span {font-size:1.5rem; vertical-align: top; display: table-cell;}
.date_box li:nth-child(even) span {vertical-align: bottom;}
.date_box li span:after {content: ''; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 15px;height: 15px;vertical-align: middle; background-color: #00BFBF;display: table-cell; position: absolute; left: 50%; transform:translate(-50%, 0);top: 42px; }
.date_box li:nth-child(even) span:after {background-color: #2964AE;}

@media all and (max-width: 768px) {
  .date_box {margin-bottom: 0;margin-left: 20px; }
  .date_box li {float: none; width: 100%; height: 100%; margin: 0 0 15px 0;text-align: left;}
  .date_box li:after {display: none;}
  .date_box li span:after {left: -20px;top: 8px;width: 12px;height: 12px;}
}

.video_wrap {position: relative; text-align: center; padding-bottom: 56.25%; height: 0;}
.video_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_wrap.video_wrap_comp {position: relative; margin-top: 40px}

.bg_img_wrap {position: relative; text-align: center; }
.bg_img_wrap .photo_tmb {height: 300px; }
.bg_img_wrap .photo_tmb:after {height: 300px; }

.modal-pop {position:fixed; top:0;left:0;width:100%;height:100%;z-index: 999}
.modal-pop .modal-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.modal-pop .modal-content {position:absolute;top:120px;width:850px;height:auto;margin:0 0 0 -425px;background:#fff;padding:20px;left:50%;}

@media all and (max-width: 768px) {
  .video_wrap {padding-bottom: 100%;}
  .spot_brand_wrap.main .video_wrap video {width: 180%; left: -45%;}
  .modal-pop .modal-content {width: 86%; left: 14%; margin: 0 0 0 -7%;top: 5%; padding: 0}
}

.sponsor_box {position: relative; text-align: center;}
.sponsor_box li {float: left; display: table}
.sponsor_box li span {display: table-cell;}


.sponsor_box {position: relative; text-align: center; overflow: hidden;}
.sponsor_box ul {display: inline-block; *display:inline; zoom:1;}
.sponsor_box ul:after {display: block; clear: both; content: '';}
.sponsor_box li {float: left; z-index:1; display: table; margin:8px; }
.sponsor_box li span {display: table-cell; font-size:1.8rem; background-color: #F2F4F7; padding: 10px 50px; border-radius: 50px;}

@media all and (max-width: 768px) {
  .sponsor_box {padding:5px 20px}
  .sponsor_box li {width: 47%; margin: 5px}
  .sponsor_box li span {font-size: 1.5rem; padding: 10px 0px;}
}

/* 더보기 */
.more_wrap {position: relative; text-align: center; margin-top: 40px;}
.more_wrap .more_btn {font-size: 1.8rem; color: #999; border:1px solid #999; padding:15px 100px}
.more_wrap .more_btn:hover {background-color: #52A1F0; color: #fff; border:1px solid #52A1F0;}
.ico_more_arr {display: inline-block; background:url(/landing-static/default/images/bg_select_arrow.png) no-repeat right center; background-size: 100% auto; background-color: transparent; border: 0; width: 25px; height: 20px; vertical-align: middle;}

@media all and (max-width: 768px) {
   .more_wrap .more_btn {font-size: 1.4rem; padding:8px 30px}
}

/* 인포그래픽 디자인 */
.infogp-box {position: relative; margin: 0 0 80px;}
.infogp-box h3 {color: #D98235; margin: 20px 0;}
.infogp-box span {display: inline-block; }
.infogp-box .t_brown {color: #D98235;}
.infogp-box .t_point {color: #00bfbf;}
.infogp-box .txt {vertical-align: -webkit-baseline-middle; }

.infogp-box.infogp-box-1 .value1 {font-size: 3.6rem; font-weight: 500;margin: 0 0.5rem;}
.infogp-box.infogp-box-1 .value2 {font-size: 2.4rem; font-weight: 500;}

.infogp-box.infogp-box-2 .value1 {font-size: 3.2rem; margin: 0 20px;}
.infogp-box.infogp-box-2 .value2 {display: block;margin-top: 5px;}

/* 인포그래픽 디자인 아이콘 */
.infogp {display: inline-block; background-repeat: no-repeat; text-indent: -9999px; }
.infogp-group {background-image: url(/landing-static/default/images/infogp_group.svg); width: 80px; height: 45px;}
.infogp-p1 {background-image: url(/landing-static/default/images/infogp_p1.svg); width: 20px; height: 45px;}
.infogp-p2 {background-image: url(/landing-static/default/images/infogp_p2.svg); width: 30px; height: 45px;}
.infogp-p3 {background-image: url(/landing-static/default/images/infogp_p3.svg); width: 80px; height: 45px;}
.infogp-p4 {background-image: url(/landing-static/default/images/infogp_p4.svg); width: 80px; height: 45px;}

/* .infogp-box .res-area .label {display: inline-block;} */
.map-korea-area, .map-world-area {position: relative; margin: 0 0 60px;}
.map-korea-area .infogp, .map-world-area .infogp {margin-bottom: 30px;}
.map-korea-area .infogp em, .map-world-area .infogp em {width: 100%; font-size: 1.4rem; color: #00bfbf; text-indent: 0; display: block; position: absolute; bottom: -30px; left: 50%;transform:translate(-50%, 0); }
.map-korea-area .infogp.map-img-korea em {color: #D98235;}
.map-korea-area .infogp.map-img-seoul em {color: #A73883;}
.map-korea-area .infogp.map-img-incheon em, .map-korea-area .infogp.map-img-daejeon em, .map-korea-area .infogp.map-img-daegoo em, .map-korea-area .infogp.map-img-woolsan em, .map-korea-area .infogp.map-img-boosan em, .map-korea-area .infogp.map-img-kwangjoo em {color: #3E7CAE;}
.map-world-area .infogp em {color: inherit;}
.map-korea-area .infogp.map-img-sejong em, .map-korea-area .infogp.map-img-jeju em {color: #9AC277;}
.map-korea-area [class*="map-img-"] {position: relative; width: 80px; height: 50px !important; background-position: center;}
.map-korea-area .map-img-korea {background-image: url(/landing-static/default/images/map_sm/korea/korea.svg);} /*전국*/
.map-korea-area .map-img-kangwon {background-image: url(/landing-static/default/images/map_sm/korea/kangwon.svg);} /*강원*/
.map-korea-area .map-img-gyungi {background-image: url(/landing-static/default/images/map_sm/korea/gyungi.svg);} /*경기*/
.map-korea-area .map-img-seoul {background-image: url(/landing-static/default/images/map_sm/korea/seoul.svg);} /*서울*/
.map-korea-area .map-img-incheon {background-image: url(/landing-static/default/images/map_sm/korea/incheon.svg);} /*인천*/
.map-korea-area .map-img-choongnam {background-image: url(/landing-static/default/images/map_sm/korea/choongnam.svg);} /*충남*/
.map-korea-area .map-img-kyungbook {background-image: url(/landing-static/default/images/map_sm/korea/kyungbook.svg);} /*경북*/
.map-korea-area .map-img-choongbook {background-image: url(/landing-static/default/images/map_sm/korea/choongbook.svg);} /*충북*/
.map-korea-area .map-img-sejong {background-image: url(/landing-static/default/images/map_sm/korea/sejong.svg);} /*세종*/
.map-korea-area .map-img-daejeon {background-image: url(/landing-static/default/images/map_sm/korea/daejeon.svg);} /*대전*/
.map-korea-area .map-img-jeonbook {background-image: url(/landing-static/default/images/map_sm/korea/jeonbook.svg);} /*전북*/
.map-korea-area .map-img-daegoo {background-image: url(/landing-static/default/images/map_sm/korea/daegoo.svg);} /*대구*/
.map-korea-area .map-img-kyungnam{ background-image: url(/landing-static/default/images/map_sm/korea/kyungnam.svg);} /*경남*/
.map-korea-area .map-img-woolsan {background-image: url(/landing-static/default/images/map_sm/korea/woolsan.svg);} /*울산*/
.map-korea-area .map-img-boosan {background-image: url(/landing-static/default/images/map_sm/korea/boosan.svg);} /*부산*/
.map-korea-area .map-img-jeonnam {background-image: url(/landing-static/default/images/map_sm/korea/jeonnam.svg);} /*전남*/
.map-korea-area .map-img-kwangjoo {background-image: url(/landing-static/default/images/map_sm/korea/kwangjoo.svg); background-size: 60px;} /*광주*/
.map-korea-area .map-img-jeju {background-image: url(/landing-static/default/images/map_sm/korea/jeju.svg); background-size: 55px;} /*제주*/

.img-map-area {margin: 20px 0 0;}

/* 세계국기 */
/* TODO:세계국기 만들기 */
.map-world-area [class*="map-img-"] {position: relative; width: 70px; height: 45px !important; background-position: center;}
.map-world-area .map-img-argentina {background-image: url(/landing-static/default/images/map_sm/world/argentina.svg);}/* 아르헨티나 */
.map-world-area .map-img-austria {background-image: url(/landing-static/default/images/map_sm/world/australia.svg);}/* 호주 */
.map-world-area .map-img-australia {background-image: url(/landing-static/default/images/map_sm/world/austria.svg);}/* 오스트리아 */
.map-world-area .map-img-belarus {background-image: url(/landing-static/default/images/map_sm/world/belarus.svg);}/* 벨라루스 */
.map-world-area .map-img-belgium {background-image: url(/landing-static/default/images/map_sm/world/belgium.svg);}/* 벨기에 */
.map-world-area .map-img-brazil {background-image: url(/landing-static/default/images/map_sm/world/brazil.svg);}/* 브라질 */
.map-world-area .map-img-brunei {background-image: url(/landing-static/default/images/map_sm/world/brunei.svg);}/* 브루나이 */
.map-world-area .map-img-canada {background-image: url(/landing-static/default/images/map_sm/world/canada.svg);}/* 캐나다 */
.map-world-area .map-img-chile {background-image: url(/landing-static/default/images/map_sm/world/chile.svg);}/* 칠레 */
.map-world-area .map-img-china {background-image: url(/landing-static/default/images/map_sm/world/china.svg);}/* 중국 */
.map-world-area .map-img-colombia {background-image: url(/landing-static/default/images/map_sm/world/colombia.svg);}/* 대만 */
.map-world-area .map-img-costarica {background-image: url(/landing-static/default/images/map_sm/world/costarica.svg);}/* 콜롬비아 */
.map-world-area .map-img-croatia {background-image: url(/landing-static/default/images/map_sm/world/croatia.svg);}/* 코스타리카 */
.map-world-area .map-img-cyprus {background-image: url(/landing-static/default/images/map_sm/world/cyprus.svg);}/* 크로아티아 */
.map-world-area .map-img-czechrepublic {background-image: url(/landing-static/default/images/map_sm/world/czechrepublic.svg);}/* 사이프러스 */
.map-world-area .map-img-denmark {background-image: url(/landing-static/default/images/map_sm/world/denmark.svg);}/* 체코 */
.map-world-area .map-img-ecuador {background-image: url(/landing-static/default/images/map_sm/world/ecuador.svg);}/* 덴마크 */
.map-world-area .map-img-finland {background-image: url(/landing-static/default/images/map_sm/world/finland.svg);}/* 에콰도르 */
.map-world-area .map-img-france {background-image: url(/landing-static/default/images/map_sm/world/france.svg);}/* 핀란드 */
.map-world-area .map-img-germany {background-image: url(/landing-static/default/images/map_sm/world/germany.svg);}/* 프랑스 */
.map-world-area .map-img-guatemala {background-image: url(/landing-static/default/images/map_sm/world/guatemala.svg);}/* 독일 */
.map-world-area .map-img-hongkong {background-image: url(/landing-static/default/images/map_sm/world/hongkong.svg);}/* 과테말라 */
.map-world-area .map-img-hungary {background-image: url(/landing-static/default/images/map_sm/world/hungary.svg);}/* 홍콩 */
.map-world-area .map-img-iceland {background-image: url(/landing-static/default/images/map_sm/world/iceland.svg);}/* 헝가리 */
.map-world-area .map-img-india {background-image: url(/landing-static/default/images/map_sm/world/india.svg);}/* 아이슬란드 */
.map-world-area .map-img-indonesia {background-image: url(/landing-static/default/images/map_sm/world/indonesia.svg);}/* 인도 */
.map-world-area .map-img-iran {background-image: url(/landing-static/default/images/map_sm/world/iran.svg);}/* 인도네시아 */
.map-world-area .map-img-ireland {background-image: url(/landing-static/default/images/map_sm/world/ireland.svg);}/* 이란 */
.map-world-area .map-img-israel {background-image: url(/landing-static/default/images/map_sm/world/israel.svg);}/* 아일랜드 */
.map-world-area .map-img-italy {background-image: url(/landing-static/default/images/map_sm/world/italy.svg);}/* 이스라엘 */
.map-world-area .map-img-japan {background-image: url(/landing-static/default/images/map_sm/world/japan.svg);}/* 이탈리아 */
.map-world-area .map-img-korea {background-image: url(/landing-static/default/images/map_sm/world/korea.svg);}/* 일본 */
.map-world-area .map-img-laos {background-image: url(/landing-static/default/images/map_sm/world/laos.svg);}/* 라오스 */
.map-world-area .map-img-lithuania {background-image: url(/landing-static/default/images/map_sm/world/lithuania.svg);}/* 리투아니아 */
.map-world-area .map-img-luxembourg {background-image: url(/landing-static/default/images/map_sm/world/luxembourg.svg);}/* 룩셈부르크 */
.map-world-area .map-img-macao {background-image: url(/landing-static/default/images/map_sm/world/macao.svg);}/* 마카오 */
.map-world-area .map-img-madagascar {background-image: url(/landing-static/default/images/map_sm/world/madagascar.svg);}/* 마다가스카 */
.map-world-area .map-img-malaysia {background-image: url(/landing-static/default/images/map_sm/world/malaysia.svg);}/* 말레이시아 */
.map-world-area .map-img-mexico {background-image: url(/landing-static/default/images/map_sm/world/mexico.svg);}/* 멕시코 */
.map-world-area .map-img-mongolia {background-image: url(/landing-static/default/images/map_sm/world/mongolia.svg);}/* 몽골 */
.map-world-area .map-img-morocco {background-image: url(/landing-static/default/images/map_sm/world/morocco.svg);}/* 모로코 */
.map-world-area .map-img-netherlands {background-image: url(/landing-static/default/images/map_sm/world/netherlands.svg);}/* 네덜란드 */
.map-world-area .map-img-newzealand {background-image: url(/landing-static/default/images/map_sm/world/newzealand.svg);}/* 뉴질랜드 */
.map-world-area .map-img-norway {background-image: url(/landing-static/default/images/map_sm/world/norway.svg);}/* 노르웨이 */
.map-world-area .map-img-panama {background-image: url(/landing-static/default/images/map_sm/world/panama.svg);}/* 파나마 */
.map-world-area .map-img-peru {background-image: url(/landing-static/default/images/map_sm/world/peru.svg);}/* 페루 */
.map-world-area .map-img-philippines {background-image: url(/landing-static/default/images/map_sm/world/philippines.svg);}/* 필리핀 */
.map-world-area .map-img-poland {background-image: url(/landing-static/default/images/map_sm/world/poland.svg);}/* 폴란드 */
.map-world-area .map-img-portugal {background-image: url(/landing-static/default/images/map_sm/world/portugal.svg);}/* 포르투갈 */
.map-world-area .map-img-romania {background-image: url(/landing-static/default/images/map_sm/world/romania.svg);}/* 한국 */
.map-world-area .map-img-russia {background-image: url(/landing-static/default/images/map_sm/world/russia.svg);}/* 루마니아 */
.map-world-area .map-img-serbia {background-image: url(/landing-static/default/images/map_sm/world/serbia.svg);}/* 러시아 */
.map-world-area .map-img-singapore {background-image: url(/landing-static/default/images/map_sm/world/singapore.svg);}/* 세르비아 */
.map-world-area .map-img-slovakia {background-image: url(/landing-static/default/images/map_sm/world/slovakia.svg);}/* 싱가폴 */
.map-world-area .map-img-slovenia {background-image: url(/landing-static/default/images/map_sm/world/slovenia.svg);}/* 슬로바키아 */
.map-world-area .map-img-southafrica {background-image: url(/landing-static/default/images/map_sm/world/southafrica.svg);}/* 남아공 */
.map-world-area .map-img-spain {background-image: url(/landing-static/default/images/map_sm/world/spain.svg);}/* 스페인 */
.map-world-area .map-img-sweden {background-image: url(/landing-static/default/images/map_sm/world/sweden.svg);}/* 스웨덴 */
.map-world-area .map-img-switzerland {background-image: url(/landing-static/default/images/map_sm/world/switzerland.svg);}/* 스위스 */
.map-world-area .map-img-taiwan {background-image: url(/landing-static/default/images/map_sm/world/taiwan.svg);}/* 타이완 */
.map-world-area .map-img-thailand {background-image: url(/landing-static/default/images/map_sm/world/thailand.svg);}/* 태국 */
.map-world-area .map-img-turkey {background-image: url(/landing-static/default/images/map_sm/world/turkey.svg);}/* 터키 */
.map-world-area .map-img-ukraine {background-image: url(/landing-static/default/images/map_sm/world/ukraine.svg);}/* 미국 */
.map-world-area .map-img-unitedkingdom {background-image: url(/landing-static/default/images/map_sm/world/unitedkingdom.svg);}/* 우크라이나 */
.map-world-area .map-img-unitedstates {background-image: url(/landing-static/default/images/map_sm/world/unitedstates.svg);}/* 영국 */
.map-world-area .map-img-uruguay {background-image: url(/landing-static/default/images/map_sm/world/uruguay.svg);}/* 우루과이 */
.map-world-area .map-img-venezuela {background-image: url(/landing-static/default/images/map_sm/world/venezuela.svg);}/* 베네수엘라 */
.map-world-area .map-img-vietnam {background-image: url(/landing-static/default/images/map_sm/world/vietnam.svg);}/* 베트남 */


.swiper1{ position: relative; }
.swiper1 .swiper-button-prev{ left: -70px; }
.swiper1 .swiper-button-next{ right: -70px; }
@media (max-width: 1024px) {
	.swiper1{ margin: 0 -20px; padding: 0 20px; overflow: hidden; box-sizing: border-box;}
	.swiper1 .swiper { overflow: visible; }
	.swiper1 .swiper-slide { width: 95%; }
	.swiper1 .swiper-button-prev,
	.swiper1 .swiper-button-next{ display: none; }
}