@charset "utf-8";
@import url("reset.css");
/*@import url("../../css/normalize.css");*/
@import url("../../css/font_style.css");
@import url("../../css/font-awesome.min.css");

/* 
    html, body root font-size
    - 1024px ~ : 16px
    - 640px ~ 1024px : 14px
    - ~ 640px : 12px
    z-index: 5단위로, Max : 1000
*/

html, body { 
    width:100%; 
    height:100%;
    padding: 0; 
    margin: 0 auto;
    font-size:100%;
    font-family: 'notokr-regular'; 
    color: #333; 
    -webkit-overflow-scrolling: touch;
}

/*	display  */
.bl-in {display:block;}
.in-bl {display:inline;}

.view_w, .view_t, .view_m {display:none;}

/*	hidden  */
.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden;}

/*	float  */
.clear_area::after {display:block; content:''; clear:both;}
.fl_left {float:left;}
.fl_right {float:right;}

/*	text-align  */
.ta_left {text-align:left;}
.ta_right {text-align:right;}
.ta_center {text-align:center;}

/*	col-colnum  */
.col-2 {width:50%;}
.col-3 {width:33.33333%;}
.col-4 {width:25%;}
.col-5 {width:20%;}
.col-6 {width:16.66666%;}
.col-7 {width:14.285714%;}
.col-8 {width:12.5%;}

@media screen and (min-width:1024px) {
	.view_w {display:block !important;}
}

@media screen and (max-width:1024px) {
	.search_area {padding:1.25rem 3.3%;}
}

@media screen and (min-width:640px) and (max-width:1023px) {
	.view_t {display:block !important;}
}

@media screen and (max-width:640px) {
	.bl-in {display:inline;}
	.in-bl {display:block;}

    .view_m {display:block !important;}
}

/* 접근성 숨김추가 */
.access_hidden {
    text-indent: -99999em;
    line-height: 0;
    height: 0;
    position:absolute;
    left:-9999em;
}

/* Button Style */
.button_group { clear:both; padding: 3rem 0; position: relative;}
.btn {     
    background: transparent; 
    border: 0; 
    white-space: nowrap; 
    vertical-align: middle; 
    touch-action: manipulation; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    line-height: 1.42857143;
    display: inline-block;
    font-weight:400;
    transition: all .3s;   
    -webkit-transition:all .2s cubic-bezier(.25, .46, .45, 1); 
    -moz-transition:all .2s cubic-bezier(.25, .46, .45, 1); 
    -o-transition:all .2s cubic-bezier(.25, .46, .45, 1); 
    transition:all .2s cubic-bezier(.25, .46, .45, 1);
}
.button_group.t_center { text-align: center;}
.btn.f_width { width: 100%;}

.btn-lg {font-size:1.1rem; line-height: 1.3333333; padding: 1.2rem 5rem; text-align: center;}
.btn-nm {font-size:0.9rem; line-height: 1.42857143; padding: .5rem 1rem; min-width: 100px; text-align: center;}
.btn-sm {font-size:0.8rem; line-height: 1.5; padding: 0.6rem 1rem; text-align: center;}

.btn_map {background: #006899; color: #fff !important;}
.btn_map:hover {background: #333;}
.btn_map::before {content: "\f278"; font-family: 'FontAwesome'; margin-right: 5px;}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
/*.slick-slide img {display: block; }*/
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.main_visual .hidden_con span, .main_visual .hidden_con strong, .main_visual .hidden_con pre {font-size:0 !important; text-indent:-9999em !important;}

/*  skip_navi  */
.skip_navi {overflow:hidden; width:0; height:0;}
.skip_navi ul li a {display:block; position:absolute; left:0; top:-1000px; z-index:1000; width:200px; height:35px; text-align:center; line-height:35px; font-size:0.813rem; color:#fff; background: #333;}
.skip_navi ul li a:focus, .skip_navi ul li a:hover {top:0;}

/* Layout */
#wrap {position:relative; width:100%; height:100%;}
#header {width:100%;}

/* Header - 브랜드사이트 메뉴 */
.header_xi {display:none; overflow:hidden; position:relative; z-index:500; width:100%; height:0; /*height:125px;*/ background:#fff;}
.header_xi .header_top {width:100%; height:35px; background:#f1f1f1;}
.header_xi .header_top ul {max-width:1100px; margin:0 auto; text-align:right; transition:all .4s;}
.header_xi .header_top ul li {display:inline-block; position:relative; padding-left:7px; margin-left:7px;}
.header_xi .header_top ul li::after {display:block; content:""; position:absolute; left:-2px; top:50%; width:2px; height:2px; margin-top:-1px; background:#333; border-radius:50%;}
.header_xi .header_top ul li:first-child {padding-left:0; margin-left:0;}
.header_xi .header_top ul li:first-child::after {display:none;}
.header_xi .header_top ul li a {font-size:0.813rem; line-height:35px;}

.header_xi .header_bottom {overflow:hidden; position:absolute; left:0; top:35px; width:100%; /*height:342px;*/ height:90px;}
.header_xi .header_bottom::after {display:block; content:''; position:absolute; left:0; top:90px; width:100%; height:252px; background:#eef3f5;}
.header_xi .header_bottom .header_bottom_in {position:relative; z-index:50; max-width:1100px; margin:0 auto; /*padding-left:141px;*/ transition:all .4s;}
.header_xi .header_bottom h1 {/*position:absolute; left:0; top:26px;*/ width:141px; float:left; overflow:hidden; margin: 0 75px 0 0;}
.header_xi .header_bottom h1 a {display:inline-block; padding-top:22px;}
.header_xi #xi_gnb {}
.header_xi #xi_gnb>ul.depth1 {}
.header_xi #xi_gnb>ul.depth1>li {float:left; width:16.6666%; max-width:147px;}
.header_xi #xi_gnb>ul.depth1>li>a {display:table; position:relative; width:100%; height:90px; font-family: 'notokr-medium'; font-size:1.25rem; color:#444;}
.header_xi #xi_gnb>ul.depth1>li>a strong {display:table-cell; text-align:center; vertical-align:middle;}
.header_xi #xi_gnb>ul.depth1>li>a:hover, .header_xi #xi_gnb>ul.depth1>li>a:focus, .header_xi #xi_gnb>ul.depth1>li.on>a {color:#006899;}
.header_xi #xi_gnb>ul.depth1>li:hover>a::after, 
.header_xi #xi_gnb>ul.depth1>li>a:focus::after, 
.header_xi #xi_gnb>ul.depth1>li.on>a::after {display:block; content:''; position:absolute; left:15%; bottom:20px; width:70%; height:2px; background:#006899;}
.header_xi #xi_gnb>ul.depth1>li .depth2 {margin-top:10px;}
.header_xi #xi_gnb>ul.depth1>li .depth2 li a {display:block; padding:9px 0; font-size:1rem; text-align:center;}
.header_xi #xi_gnb>ul.depth1>li .depth2 li a:hover, .header_xi #xi_gnb>ul.depth1>li .depth2 li a:focus {color:#fff; background:#006899;}

/* Header - CMS 헤더 */
.util_area_regular2 {display:none !important;}

.header_cms {position:relative;}
.header_cms .header_top .btn_mgnb {position:absolute; left:0.833rem; top:1.7rem; transition:all .4s;}
.header_cms .header_top .btn_mgnb button {position:relative; width:2.5rem; height:1.583rem;}
.header_cms .header_top .btn_mgnb button i {display:block; position:absolute; left:0; top:0; width:100%; height:3px; background:#006899; border-radius:3px; transition:all .6s;}
.header_cms .header_top .btn_mgnb button i:nth-child(2) {top:8px;}
.header_cms .header_top .btn_mgnb button i:nth-child(3) {top:16px;}

.header_cms .header_top .btn_mgnb button.open {height:2.0rem;}
.header_cms .header_top .btn_mgnb button.open i:nth-child(1) {top:10px; width:98%; transform:rotate(45deg);}
.header_cms .header_top .btn_mgnb button.open i:nth-child(2) {opacity:0;}
.header_cms .header_top .btn_mgnb button.open i:nth-child(3) {top:10px; width:98%; transform:rotate(-45deg);}


/* 꼴라주 gnb */
#xi_gnb .last_menu {position:absolute; width:100%; text-align:center; left:0; top:35px; z-index:99;}
#xi_gnb .gnb_motion {height:100%; position:relative;}
#xi_gnb .gnb_motion span {position:absolute; display:inline-block;}
#xi_gnb .gnb_motion span.m_obj_1 {top:-15px; opacity:0;}
#xi_gnb .gnb_motion span.m_obj_2 {left:-8px; bottom:0; opacity:0;}
#xi_gnb .gnb_motion span.m_obj_3 {right:0; bottom:0; opacity:0;}
#xi_gnb .gnb_motion span.m_obj_4 {right:-50px; bottom:-30px; opacity:0;}

/* Header - Mobile GNB */
#mgnb {display:none; overflow-y:auto; position:fixed; left:0; top:5rem; z-index:350; width:100%; height:100%;}
#mgnb .depth1>li>a {display:table; width:100%; height:4.167rem; padding:0 1rem; font-size:1.333rem; border-bottom:1px solid #d6d6d6; transition:all .5s;}
#mgnb .depth1>li>a>span {display:table-cell; position:relative; width:100%; height:100%; vertical-align:middle; text-align:left;}
#mgnb .depth1>li>a>span::after {display:inline-block; content:"\f0fe"; position:absolute; right:0; font-family:FontAwesome;}
#mgnb .depth1>li.on>a>span::after {content:"\f146";}
#mgnb .depth2 {display:none; overflow:hidden; width:100%; background:#f1f1f1;}
#mgnb .depth2>li {display:table; float:left; width:50%; height:3.333rem; padding:0 0.833rem; text-align:left;}
#mgnb .depth2>li>a {display:table-cell; font-size:1.167rem; color:#666; vertical-align:middle; transition:all .5s;}

/*  Container  */
#container {overflow:hidden; background:#fff;}
body[data-page="main"] #container {background:#2f3339;}         

/* FOOTER */
.btn_top {}
body[data-page="main"] .btn_top {display:none;}

#footer {overflow:hidden; position:relative; z-index:300; background:#5d6467;}
#footer .footer_in {position:relative; width:100%; max-width:1024px; margin:0 auto;}
.footer_top {height:50px; text-align:right; border-bottom:1px solid #43484a;}
.footer_top .footer_in {padding-right:50px;}
.footer_top .construction_area {overflow:hidden; position:absolute; left:0; top:0;}
.footer_top .construction_area li {overflow:hidden; float:left; font-size:0.813rem; color:#fff; line-height:50px;}
.footer_top .construction_area li dl dt {float:left;}
.footer_top .construction_area li dl dt::before {display:inline-block; content:"|"; margin-right:5px; color:#7f8587;}
.footer_top .construction_area li:first-child dl dt::before {display:none;}
.footer_top .construction_area li dl dt::after {display:inline-block; content:":"; margin:0 5px;}
.footer_top .construction_area li dl dd {float:left; padding-right:5px;}
.footer_top .link_area {display:inline-block; overflow:hidden;}
.footer_top .link_area li {float:left; padding-right:5px;}
.footer_top .link_area li::before {display:inline-block; content:"|"; margin-right:5px; color:#7f8587;}
.footer_top .link_area li:first-child::before {display:none;}
.footer_top .link_area li a {font-size:0.813rem; color:#fff; line-height:50px;}
.footer_top .sns_area {display:inline-block; overflow:hidden; margin-right:15px;}
.footer_top .sns_area li {float:left; height:50px; margin-left:5px;}
.footer_top .sns_area li a {display:block; width:28px; height:100%; margin-left:5px; background-image:url(/Content/img/common/icon_sns.png); background-repeat:no-repeat;}
.footer_top .sns_area li.blog a {background-position:0 center;}
.footer_top .sns_area li.post a {background-position:-38px center;}
.footer_top .sns_area li.facebook a {background-position:-76px center;}
.footer_top .sns_area li.insta a {background-position:-114px center;}
.footer_top .sns_area li.yellow a {background-position:-152px center;}
.footer_top .sns_area li.navertv a {background-position:-190px center;}
.footer_top .sns_area li.youtube a {background-position:-228px center;}
.footer_top .btn_footer {position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; background:#333; transition:all .3s;}
.footer_top .btn_footer::after {display:inline-block; content:"\f107"; font-family:"FontAwesome"; font-size:1.5rem; color:#fff;}
.footer_top .btn_footer.open::after {content:"\f106";}

.footer_bottom {display:none; overflow:hidden; height:0;}
.footer_bottom.open {display:block; height:auto;}
.footer_bottom .footer_in {padding:20px 0 20px 175px; text-align:left;}
.footer_bottom .logo {
    position:absolute; 
    left:0; 
    top:50%; 
    width:121px; 
    height:39px; 
    margin-top:-20px;
    background: url(/content/img/common/bi.svg) -145px center no-repeat;
}

.footer_bottom .info {overflow:hidden;}
.footer_bottom .info li {overflow:hidden; float:left; margin-right:5px; font-size:0.75rem; color:#b3b8ba; line-height:1.5;}
.footer_bottom .info li dl dt {float:left;}
.footer_bottom .info li dl dt::before {display:inline-block; content:"|"; margin-right:5px;}
.footer_bottom .info li dl dt::after {display:inline-block; content:":"; margin:0 5px;}
.footer_bottom .info li:first-child dl dt::before {display:none;}
.footer_bottom .info li dl dd {float:left;}
.footer_bottom .info li dl dd a {color:#f9ff91;}
.footer_bottom p {font-size:0.75rem; color:#b3b8ba; line-height:1.5;}
.footer_bottom p.copyright {margin-top:10px;}

#mask {display:none; position:fixed; left:0; top:0; z-index:1005; width:100%; height:100%; background:#000;}

/* 메인 영상 팝업 */
.movie_layer {display:none; position:fixed; left:50%; top:50%; z-index:1010; width:1024px; height:575px; text-align:center; transform:translate(-50.01%, -50.01%); }
.movie_layer iframe {width:100%; height:100%;}
.movie_layer .btn_movie_close {margin-top:2rem; padding:0.5rem 1.5rem; font-size:0.875rem; color:#fff; border:2px solid #fff;}

body[data-page="sub"] .movie_layer {display:none;}
body[data-page="sub"] .movie_mask {display:none;}

.movie_layer1 {display:none; position:fixed; left:50%; top:50%; z-index:1010; width:1024px; height:575px; text-align:center; transform:translate(-50.01%, -50.01%); }
.movie_layer1 iframe {width:100%; height:100%;}
.movie_layer1 .btn_movie_close1 {margin-top:2rem; padding:0.5rem 1.5rem; font-size:0.875rem; color:#fff; border:2px solid #fff;}

body[data-page="sub"] .movie_layer1 {display:none;}

/* Popup */
.popup_area {
    opacity:0;
    display:none;
    margin: -180px 0 0 -547px; 
    position: fixed; 
    z-index: 1000; 
    top: 50%; 
    left: 50%; 
    background:#fff; 
    color: #fff; 
    padding:4px 2px;
}
.popup_area .popup_list {}
.popup_area .popup_list li * {box-sizing:border-box;}
    .popup_area .popup_list li {
        padding: 0 2px;
        line-height: 0;
        position: relative;
        width: 350px;
        background: #fff;
        padding: 0 2px;
        text-align: center;
    }
.popup_area .popup_list li img {min-width:350px;}
        .popup_area .popup_list li a {
            display: block;
            position: absolute;
            left: 50% !important;
            margin-left: -123.5px;
        }
.popup_area .popup_list li a span.linktxt {
    display:none;
    position:absolute;
    top:0;
    right:4px;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.58) url('../img/popup/polygon.png') no-repeat center center;
    text-align:center;
    opacity:0;
    color:#fff;
    font-size:1.1rem;
}
.popup_area .popup_list li a span.linktxt::before {display:inline-block;height:100%;vertical-align:middle;content:''}
.popup_close {}
.popup_close a::after {
    content: "\f00d";
    font-family: 'FontAwesome';
    margin-left: 10px;
    color: #666;
    display:inline-block;
    vertical-align:top;    
    font-size: 1rem;
}
.popup_close a {
    width: 130px;
    margin-left: -65px;  
    text-align:center;
    height: 30px;
    line-height: 30px;
    bottom: -30px;
    left: 50%;
    border-radius: 0 0 13px 13px;
    font-family: notokr-medium;
    position: absolute;
    background: #fff;
    color: #333;
    font-size: 0.9rem;
    text-transform:uppercase; 
}

.popup_area .slick-arrow {  
  font-size: 0; 
  color: transparent; 
  position: absolute; 
  top: 50%; 
  background: rgba(0,0,0,.6); 
  z-index: 100;
  cursor: pointer;
  margin-top: -20px;
  width: 30px;
  height: 40px;
}
.popup_area .slick-arrow:before {
  content: '';
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem; 
  display: inline-block;
  color: #fff;
}
.popup_area .slick-arrow.slick-prev {left: -2px;}
.popup_area .slick-arrow.slick-prev:before {content:"\f104"; margin-left: -3px;}
.popup_area .slick-arrow.slick-next {right: -2px;}
.popup_area .slick-arrow.slick-next:before {content:"\f105"; margin-left: 3px;}



/* MAIN  */
.main_visual {position:relative;}
.main_visual .visual_list {overflow:hidden;}
.main_visual .visual_list .titletype_01 {text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.main_visual .visual_list .titletype_01 span {display:block; line-height:1.4; word-break:keep-all;}
.main_visual .visual_list .titletype_01 pre.subtit {display:block; font-family:"notokr-regular"; line-height:1.4;}
.main_visual .visual_list .titletype_01 strong {display:block; font-family:"notokr-medium"; line-height:1.4; letter-spacing:0.5rem;}
.main_visual .visual_list .titletype_02 {text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.main_visual .visual_list .titletype_02>p span {display:inline-block; padding:10px; font-family:"notokr-medium";}
.main_visual .visual_list .titletype_02>strong {display:block;}
.main_visual .visual_list .titletype_02>strong pre {font-family:"notokr-medium"; line-height:1.3;}
.main_visual .visual_list .titletype_02>pre.detailtxt {font-family:"notokr-regular"; line-height:1.5;}
.main_visual .visual_list .slick-dots {position:absolute; left:0; bottom:1.875rem; z-index:10; width:100%; text-align:center;}
.main_visual .visual_list .slick-dots li {display:inline-block; position:relative; width:13px; height:13px; margin-left:10px;}
.main_visual .visual_list .slick-dots li:first-child {margin-left:0;}
.main_visual .visual_list .slick-dots li button {width:100%; height:100%; text-indent:-9999em; background:#fff; border-radius:50%;}
.main_visual .visual_list .slick-dots li.slick-active button {background:#006899;}

.mobile_area {display:none; overflow:hidden; width:100%; background:#fff;}
.mobile_area .open_area ul {display:table; width:100%;}
.mobile_area .open_area ul li {display:table-cell; width:50%; height:6.667rem; font-size:1.167rem; color:#fff; text-align:center; vertical-align:middle;}
.mobile_area .open_area ul li:nth-child(1) {background:#1ca696;}
.mobile_area .open_area ul li:nth-child(2) {background:#ff813d;}
.mobile_area .open_area ul li strong {display:block; margin-bottom:0.714rem; font-size:1.5rem;}
.mobile_area .news_area {float:left; padding:2.143rem;}
.mobile_area .news_area dl {position:relative;}
.mobile_area .news_area dl dt {padding-bottom:0.714rem; margin-bottom:0.714rem; font-size:1.143rem; border-bottom:1px solid #d6d6d6;}
.mobile_area .news_area dl dd ul li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.7;}
.mobile_area .news_area dl dd ul li::before {display:inline-block; content:"·"; margin-right:0.714rem;}
.mobile_area .news_area dl dd ul li a {font-size:1rem;}
.mobile_area .news_area dl dd.more a {position:absolute; right:0; top:0; font-size:1.143rem;}
.mobile_area .news_area dl dd.more a::after {display:inline-block; content:"\f18e"; margin-left:0.714rem; font-family:"FontAwesome"; color:#666;}
.mobile_area .tb_box {display:table; float:left;}
.mobile_area .tb_box dl {display:table-cell; width:100%; height:100%; color:#fff; text-align:center; vertical-align:middle;}
.mobile_area .tb_box dl dt {margin-bottom:0.714rem; font-size:1.429rem;}
.mobile_area .tb_box dl dt::before {display:block; content:""; margin-bottom:0.714rem; font-family:"FontAwesome"; font-size:2.857rem; opacity:0.7;}
.mobile_area .tb_box dl dd.txt {font-size:1rem; opacity:0.7;}
.mobile_area .tb_box dl dd.more {margin-top:1.429rem;}
.mobile_area .tb_box dl dd.more a {display:inline-block; padding:0.6rem 2.143em; color:#fff; border:1px solid #fff; border-radius:1.1rem;}
.mobile_area .video_area {background:#559bbd;}
.mobile_area .video_area dl dt::before  {content:"\f16a";}
.mobile_area .location_area {background:#01416d;}
.mobile_area .location_area dl dt::before  {content:"\f279";}

/* tablet */
@media screen and (max-width:1024px) {
    body[data-page="main"] {overflow:auto;}

    .header_cms {overflow:hidden; z-index:1000; height:5rem !important; border-bottom:1px solid #d6d6d6;}
    .header_cms .header_top .header_in {height:5rem !important;}

    body[data-page="main"] #container {height:auto !important;}

    #footer {padding:1.429rem 5% 2.857rem;}
    .footer_top {height:auto; text-align:center; border-bottom:0;}
    .footer_top .construction_area, .footer_top .sns_area, .footer_top .btn_footer {display:none;}
    .footer_top .link_area {width:100%;}
    .footer_top .link_area li {display:table; width:48.5%; height:2rem; margin-bottom:0.714rem;}
    .footer_top .link_area li:nth-child(2n) {margin-left:3%;}
    .footer_top .link_area li::before {display:none;}
    .footer_top .link_area li a {display:table-cell; font-size:1rem; vertical-align:middle; background:#555b5d; border:1px solid #9da1a2;}
    .footer_top .footer_in {padding-right:0;}
    .footer_bottom {display:block; height:auto; margin-top:1.429rem;}
    .footer_bottom .footer_in {padding:0; text-align:center;}
    .footer_bottom .logo, .footer_bottom p {display:none;}
    .footer_bottom .info li, .footer_bottom .info li.address dt {display:none;}
    .footer_bottom .info li.address, .footer_bottom .info li.number {display:inline-block; float:none; font-size:1rem; text-align:center; letter-spacing:-1px;}
    .footer_bottom .info li dl dt::before {display:none;}
    .footer_bottom .copyright {display:block; font-size:0.857rem;}

    .movie_layer {width:90%; height:50.5vw;}
    .movie_layer1 {width:90%; height:50.5vw;}
    .main_visual .visual_list .titletype_01, .main_visual .visual_list .titletype_02 {margin-top:8.571rem !important; padding:0 4%;}
}

@media screen and (min-width:1024px) and (max-width:1100px) {
   .header_xi .header_top ul {max-width:1024px;}
   .header_xi .header_bottom .header_bottom_in {max-width:1024px;}
}

@media screen and (max-width:768px) {
    .mobile_area {display:block;}
    .mobile_area .news_area {width:33.333%; height:16.286em;}
    .mobile_area .video_area {width:33.333%; height:14.286em;}
    .mobile_area .location_area {width:33.333%; height:14.286em;}
}

/* mobile */
@media screen and (max-width:640px) {
    .main_visual {height:37.5rem !important; min-height:inherit !important;}
    .main_visual .visual_list {height:100% !important;}
    .main_visual .visual_list li.slick-slide {height:37.5rem !important;}
    .main_visual .visual_list .titletype_01 {font-size:1.917rem !important;}
    .main_visual .visual_list .titletype_01 pre.subtit {margin-top:1.5rem; font-size:1.5rem !important;}
    .main_visual .visual_list .titletype_01 strong {font-size:2.917rem !important;}
    .main_visual .visual_list .titletype_02>p span {padding:10px; font-size:1.5rem !important;}
    .main_visual .visual_list .titletype_02>strong {margin-top:1.7rem;}
    .main_visual .visual_list .titletype_02>strong pre {font-size:2.083rem !important;}

    .mobile_area .tb_box {height:13.5rem;}
    .mobile_area .tb_box dl dd.more a {font-size:1.2rem;}
    .mobile_area .tb_box dl dd.txt {display:none;}
    .mobile_area .news_area {width:100%;}
    .mobile_area .video_area {width:50%;}
    .mobile_area .location_area {width:50%;}
}

@media screen and (max-width:400px) {
    .footer_top .link_area li {width:100%; margin-left:0 !important;}
}



.btn_top {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 20px;
    text-align: right;
}
.btn_top button {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    background: rgba(255,255,255,0.8);
    border: 1px #9f9f9f solid;
    border-radius: 5px;
}

/* contents layout */
#container .area_content {max-width: 1100px; margin: 0 auto; padding: 7.5rem 0 5rem;}
#container .area_content h2.subtit {font-size: 2.2rem; font-family: notokr-medium; text-align:center; padding-bottom:3rem;}
.img_box.tabcontents ul {overflow:hidden;}
.img_box.tabcontents ul.img_list img {max-width:1100px; width:100%;}
#container .area_content .full_img_con {overflow:hidden;}
#container .area_content .full_img_con img {max-width:1100px; width:100%;}


.img_box.tabcontents .img_thumb_list { margin-top: 10px; font-size: 0; text-align: left; }
.img_box.tabcontents .img_thumb_list li {width: 120px; margin-right: 5px; display: inline-block; position:relative;}
.img_box.tabcontents .img_thumb_list li a {display:block;}
.img_box.tabcontents .img_thumb_list li:last-child { margin-right: 0; }
.img_box.tabcontents .img_thumb_list li img {width: 100%; height:100%; display: block;}
.img_box.tabcontents .img_thumb_list li.on::before {
    content:'';
    border: 4px #006899 solid;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:99;    
}


.col_datatable {width: 100%; border-top: 1px solid #d6d6d6;}
.col_datatable tbody th {background: #f1f1f1; border-bottom: 1px solid #d6d6d6; font-size: .9rem; text-align: center; padding: 1.2rem 1rem;}
.col_datatable tbody td {border-bottom: 1px solid #d6d6d6; font-size: .9rem; text-align: center; padding:1.2rem 1rem; text-align:left; line-height:1.6;}
.summary_box {padding:2rem 0 1rem;}
.summary_box .col_datatable th {width:15%;}


.caution_box {padding: 1rem; border: 1px #c1d4dd solid; background: #e6f1f6; margin:1rem 0;}
.caution_box li {text-align: left; line-height:1.7;}
.caution_box li pre {line-height:1.7; font-size:13px;}

/* 오시는길 */
.location_map {width:100%; display:table; padding-bottom: 2rem;}
.location_map::after {content:""; clear:both;}
.location_map .img_sec {line-height:0; display:table-cell; padding-right:50px; width:50%; vertical-align: top;}
.location_map .img_sec img {width:100%; max-width:500px; min-width: 380px; border: 1px #d6d6d6 solid;}
.location_map .txt_sec {width:50%; display:table-cell; border-top:2px #006899 solid; border-bottom:1px solid #d6d6d6; position:relative;}
.location_map .txt_sec .addr_con {}
.location_map .txt_sec h3 {font-size: 1.7rem; padding:2rem 0 0;}
.location_map .txt_sec .addr_con dl {padding:.5rem 0;}
.location_map .txt_sec .addr_con dl dt {font-size: 1.4rem; color: #006899; font-family: notokr-medium; padding:1rem 0; line-height:1.5;}
.location_map .txt_sec .addr_con dl dd {font-size: 1rem; line-height:1.5;}
.location_map .txt_sec ul.map_list_con { /*position:absolute; left:0; bottom:0; width:100%;*/}
.location_map .txt_sec ul.map_list_con li { border-top:1px solid #d6d6d6; padding:.9rem 0;}
.location_map .txt_sec ul.map_list_con li.full_line {}
.location_map .txt_sec ul.map_list_con li dl { display:table; width:100%;}
.location_map .txt_sec ul.map_list_con li dl dt {
    font-size: 1.1rem; 
    color: #006899; 
    font-family: notokr-medium; 
    display:table-cell; 
    text-align:left;
    vertical-align:middle;
    line-height:1.5;
    padding-right:20px;
}
.location_map .txt_sec ul.map_list_con li dl dd {display:table-cell; text-align:right; vertical-align:middle;}
.location_map .txt_sec ul.map_list_con li dl dd a {}

/* 입지환경 */
.img_box_con {padding-bottom:3rem;}
.img_box_con .imglist {overflow:hidden;}
.img_box_con .imglist li {padding: 0 0 1rem;}
.img_box_con .imglist li:last-child {padding: 0;}
.img_box_con .imglist li img {width:100%;}
.imgtxt_con {padding-left:280px; position:relative;}
.imgtxt_con .con_tit {position:absolute; left:0; top:0; max-width:280px; padding-right:50px;}
.imgtxt_con .con_tit dt {color: #006899; font-size: 2rem; padding:1rem 0; line-height:1.45; letter-spacing:-1px; }
.imgtxt_con .con_tit dd {color: #006899; font-size: 1.2rem; line-height:1.5;}
.con_list_wrap {position:relative; padding-left:20px;}
.con_list_wrap::before {content:''; width:1px; height:100%; position:absolute; left:0; top:0; bottom:0; background:#ddd;}
.con_list_wrap dl {padding-bottom:1.2rem;}
.con_list_wrap dl:last-child, .con_list_wrap dl:last-child dd {padding-bottom:0;}
.con_list_wrap dl dt {font-size: 1.4rem; color: #006899; font-family: notokr-medium; padding:0 0 0.8rem; line-height:1.5;}
.con_list_wrap dl dd {font-size: 1rem; padding:0 0 1rem;}
.con_list_wrap dl dd pre {line-height:1.5;}

.img_thumb_list {padding:0 0 1rem;}
.img_thumb_list ul {margin:0 -5px;}
.img_thumb_list ul::after {content:''; clear:both; display:table;}
.img_thumb_list ul li {padding:5px; width:50%;float:left;}
.img_thumb_list ul li:nth-child(2n+1) {clear:both;}
.img_thumb_list ul li img {width:100%;}

.tab_linetype { width: 100%; height: auto; margin-bottom: 1.8rem; border-top: 1px solid #d7d7d7; position: relative; overflow: hidden; }
.tab_linetype::after { content: ""; width: 100%; border-bottom: 1px solid #d7d7d7; bottom: 0; position: absolute; display: block; }
.tab_linetype li { width: 16.6666%; display: block; float: left; position: relative; border-bottom:0; border-bottom: 1px solid #d7d7d7;}
.tab_linetype li::after { content:""; width: 1px; height: 10px; margin-top: -5px; background: #949494; position: absolute; top: 50%; right: 0; display:none;}
.tab_linetype li a {
  display: block;
  text-align: center;
  background: #fff;  
  color: #666;
  font-size: 1rem;
}

.tab_linetype li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: #949494;
}

.tab_linetype li span { margin: 0.6rem 0; padding: 0.7rem 1.5rem; display: inline-block; }
.tab_linetype li a, .tab_linetype li button { width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.tab_linetype li.on a span { background: #006899; color: #fff; }

.tab_box { display:table; width:100%;}
.tab_box > li {float:left; position: relative; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:block; text-align:center;}
.tab_box.num8 > li {width:12.5%;}
.tab_box.num7 > li {width:14.285714%;}
.tab_box.num6 > li {width:16.66666%;}
.tab_box.num5 > li {width:20%;}
.tab_box.num4 > li {width:25%;}
.tab_box.num3 > li {width:33.3333%;}
.tab_box.num2 > li {width:50%;}


.tab_box > li a {
    padding:13px 1rem 15px; 
    display:block; 
    background: #f3f3f3; 
    border:1px solid #ddd; 
    margin-left:-1px; 
    position:relative;
    font-size:0.94rem;
}
.tab_box > li:first-child a {margin-left:0;}
.tab_box > li.on {position:relative;}
.tab_box > li.on a {background:#fff;}
.tab_box > li.on a::before {content:""; background: #006899; position:absolute; bottom:0; height:3px; width:100%; left:0; right:0;}

.tab_linetype.unit li img { width: 100%;}
.view_box {overflow:hidden;}
.view_box li {}
.view_box li img {width:100%;}
.tab_linetype.unit li:nth-child( 6n + 1 )::before { display: none;}

/* 시스템 */
.view_box.system {}
.view_box.system h3 {margin:4rem 0 3rem; padding:1rem 0; text-align:center; position:relative; font-size:2rem;}
.view_box.system h3::before {
    content: "";
    width: 50px;
    position:absolute;
    left:50%;
    top:0;
    margin-left:-25px;   
    background:#006899;
    display: inline-block;
    height:2px;
}
.view_box.system h3 span {display:block; padding:1rem 0; text-transform: uppercase; color: #006899; font-size:1.5rem;}
.view_box .system_box {overflow:hidden; padding-bottom:1rem;}
.view_box img {width:100%;}
.view_box .system_box > li { text-align:right; display:table; width:100%; padding:2rem 0; border-bottom:1px solid #ddd;}
.view_box .system_box > li > dl { display:table-cell; vertical-align:top;}
.view_box .system_box > li > dl > dt {
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-family: notokr-medium;
    color: #006899;
    text-align:left;
    position:relative;
    line-height:1.5;
}
.view_box .system_box > li > dl > dt::before {
    content: "";
    width: 20px;
    margin-bottom: 1rem;
    border-bottom: 1px #006899 solid;
    display: block;
}
.view_box .system_box > li > dl > dd {text-align:left; font-size:1.1rem; padding:0.5rem 1.2rem 0.5rem 0; line-height:1.6;}
.view_box .system_box > li > dl > dd pre {line-height:1.6;}
.view_box .system_box > li img {max-width:400px; width:100%;}
.view_box.eventcon {padding-top:2.5rem;}


/* table Style
*******************************/
.tbl_comm {width: 100%; margin-bottom: 50px;}
.tbl_comm thead th {
  padding: 1.2rem 0;
  font-size: 1rem;
  background: #f2f5f7;
  border-bottom: 1px solid #d6d6d6;
  color:#333;
  border-top: 1px solid #333;
}
.tbl_comm tbody td {
  padding: 0.8rem 0;
  font-size: 0.9rem;
  word-break: break-all;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
  color: #666;
  line-height: 1.6;
  vertical-align: middle;
}
.tbl_comm tbody td a:hover { text-decoration: underline;}
.tbl_comm tbody td.num {}
.tbl_comm tbody td.title { text-align: left; padding: 0.8rem 2rem;}
.tbl_comm .tb_num {width: 8%;}
.tbl_comm .tb_title {}
.tbl_comm .tb_press {width: 20%;}
.tbl_comm .tb_date {width: 10%;}
.tbl_comm .tb_writer {width: 20%;}

/* paging */
.paging { clear: both; font-family: tahoma,sans-serif,arial; font-size: 12px; text-align: center; line-height: 1.9em; font-weight: 400; margin-top: 50px; }
.paging a { display: inline-block; vertical-align: middle; border: #dfdfdf 1px solid; width: 40px; height: 40px; line-height: 40px; color: #999999; font-size: 12px; text-align: center; padding: 0 !important; background: #fff; margin-left: 2px; }
.paging a.btn { background-color: #fff; }
.paging strong { display: inline-block; vertical-align: middle; width: 40px; height: 40px;  line-height: 40px; padding: 0; background: #036a9a; color: #fff; margin-left: 2px; }
.paging a.prev:before { font-family: 'FontAwesome'; content: "\f104"; font-size: 20px; }
.paging a.next:before { font-family: 'FontAwesome'; content: "\f105"; font-size: 20px; }

/* 홍보영상 */
.video_con {width: 100%; margin-bottom:4.5rem;}
.video_con .movie_sec {
    line-height: 0;
    padding-right: 50px;    
    vertical-align: top;
    float:left;
    width: 50%;
    max-width: 550px;
}
.video_con .movie_sec iframe {width:100%; height:100%;}
.video_con .txt_sec {display: table; min-height:280px;}
.video_con .txt_sec dl {}
.video_con .txt_sec dl dt {font-family:notokr-medium; color: #666; font-size:1.5rem; line-height:1.6;}
.video_con .txt_sec dl dd {font-family:notokr-medium; color: #006899; padding:1rem 0 1.5rem; font-size:1.4rem;}
.video_con .txt_sec dl dd::before {
    content: "";
    width: 60px;
    height: 1px;
    background: #333;
    display: block;
    margin:0 0 15px;
}
.video_con .txt_sec .scr_box {
    height: 250px;    
    padding: 1rem;
    box-sizing: border-box;
    overflow-y: scroll;
    text-align: left;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
.video_con .txt_sec .scr_box pre {line-height:1.5; font-size:0.9rem;}


/* 입주자모집공고 */
.announcement_box {position:relative; padding-right:360px; overflow: hidden;}
.announcement_box .img {}
.announcement_box .img img {min-width:740px; max-width:750px;}
.announcement_box .down_box {position:absolute; right:0; top:0; width:360px; height:100%; background: #e2e0e1;}
.announcement_box .down_box dl {padding:40px;}
.announcement_box .down_box dt {line-height:1.5; font-size:1.1rem; font-family:notokr-medium; text-align:center; padding-bottom:20px; border-bottom:1px solid #aaa;}
.announcement_box .down_box dt strong { display:block; color: #006899; font-size:2.2rem; font-family: 'notokr-bold'; padding-top:10px;}
.announcement_box .down_box dd {padding:30px 0;}
.announcement_box .down_box dd pre { line-height:1.5; font-size:1rem;}
.announcement_box .down_box .btn_set { position:absolute; bottom:0; padding:30px 40px; width:100%;}
.announcement_box .down_box .btn_set a {background: #006899; display:block; text-align:center; padding:15px 0; color:#fff; font-size:1.1rem;}
.announcement_box .down_box .btn_set a::after {content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px; }
.acro_box {text-align: left; background: #f4f4f4; clear:both; padding:25px; position:relative; padding-right:260px;}
.acro_box dl {}
.acro_box dt {font-family: 'notokr-bold'; color: #b31c23; font-size:0.9rem;}
.acro_box dt span { color: #333; }
.acro_box dd { line-height: 1.3; font-size:0.9rem; padding-top:10px;}
.acro_box .btn_set {position:absolute; right:25px; top:30px;}
.acro_box .btn_set a {display: block; width: 218px; height: 44px; background: url('../img/sub/btn_acrobat.jpg') no-repeat; text-indent:-9999rem;}



/* 공사중단지 */
.area_complex_info { width: 100%; position: relative; text-align: left; border-top: 1px #d6d6d6 solid; padding-top: 50px; overflow:hidden; padding-bottom:50px;}
.area_complex_info .complex_img {height: 229px; overflow: hidden; float:left; width:40%; max-width: 346px;}
.area_complex_info .complex_img img {width:100%;}
.area_complex_info .select_more a {border:0;}
.area_complex_info .details {font-size: 1.4rem; color: #000; display:table; table-layout:fixed; padding-left:50px;}
.area_complex_info .details h3 {font-family:notokr-medium; font-size: 1.8rem; padding-bottom:20px; line-height:1.4;}
.area_complex_info .details dl {font-size: .95rem; color: #666; display:table; width:100%; table-layout:fixed;}
.area_complex_info .details dl dt {display:table-cell; width:80px; padding:5px 0; line-height:1.4;}
.area_complex_info .details dl dd {display:table-cell; padding:5px 0; line-height:1.4;}
.area_complex_info .details .btn_set { width: 100%; }
.area_complex_info .details .btn_set li { width: 115px; float: left; text-align: center; outline: 1px #fff solid; }
/*.area_complex_info .details .btn_set li:hover { background: #ccc; }*/
.area_complex_info .details .btn_set li a, .area_complex_info .details .btn_set li button { width: 100%; padding: 1.2rem 0; display: block; color: #000;  background: #dfdfdf; }
.area_complex_info .details .btn_set li button.on { background: #8b7f6e; color: #fff; }
.area_complex_info .details .btn_set li:first-child button, .area_complex_info .details .btn_set li:first-child a { border-radius: 6px 0 0 6px; }
.area_complex_info .details .btn_set li:last-child button, .area_complex_info .details .btn_set li:last-child a { border-radius: 0 6px 6px 0; }
.area_complex_info .details .btn_set.btn1 li a, .area_complex_info .details .btn_set.btn1 li button { border-radius: 6px; }
.area_complex_info .details .btn_set.btn1 li { width: 115px;  background: #dfdfdf; color: #888 }
.area_complex_info .tab_container .tab_content { margin-top: 30px; }

.tab_date { width: 100%; height:50px; background: #434a5d; color: #fff; clear:both; padding-top:3px;}
.tab_date a {text-align:center; display: block; color: #fff; line-height: 47px; word-wrap: break-word;}
.tab_date a.btn_prev, .tab_date a.btn_next {width: 40px; height:100%; color: #fff; font-size:0; text-align:center; position:relative;}
.tab_date a.btn_prev::before, .tab_date a.btn_next::before {font-size:1.4rem; display:inline-block;}
.tab_date a.btn_prev::after { content:''; width:1px; background:#747d96; position:absolute; right:0; height:50px; top:-3px;}
.tab_date a.btn_next::after { content:''; width:1px; background:#747d96; position:absolute; left:0; height:50px; top:-3px;}
.tab_date a.btn_prev {float: left;}
.tab_date a.btn_next {float: right;}
.tab_date .list_container { width:calc(100% - 80px); height: 100%; overflow:hidden; float: left; }
.tab_date .list { height: 100%; position: relative; }
.tab_date .list li a {font-size:1rem; font-family:'arial', sans-serif;}
.tab_date .list li { width: 204px; height: 100%; float: left;}
.tab_date .list li.on a { background: #fff; font-family: 'notokr-medium'; color: #434a5d;}

.percent_box {overflow:hidden;  margin:0 -5px; padding-top:25px;}
.percent_circle svg { transform: rotate(-90deg); transform-origin: center center 0px;}
.percent_box .box.total {max-width:400px; width:35%; background:#fff; float:left; padding:4px;}
.percent_box .box.total h4 {font-size:1.6rem; font-family:'arial', sans-serif; text-align:center; padding:25px 0;}
.percent_box .box.total .percent_circle { width: 280px; height: 280px; margin: 0 auto; font-size: 2rem; color: #333; position: relative; }
.percent_box .box.total .percent_circle > strong { width: 100%; position: absolute; top: 85px; z-index: 2; font-size: 1.6rem; text-align: center; line-height: 50px; font-family: 'notokr-regular'; }
.percent_box .box.total .percent_circle > strong > span { font-size: 3.2rem;  font-family:'arial', sans-serif;}
.percent_box .box_con {padding:4px; float:left; width:50%;}
.percent_box .box.total .box_con {float:none; width:auto; border:1px solid #ddd; padding:70px 0; min-height:538px;}
.box_container { display:table; table-layout:fixed;}
.box_container .box {min-height:265px; text-align: left; font-size: 1rem; position: relative; border: 1px #e8e8e8 solid; padding: 25px;}
.box_container .box h4 { margin-bottom: 15px; font-family: 'notokr-medium'; font-size:1.2rem;}
.box_container .box pre { 
    width: 100%; 
    font-size: 1rem; 
    height: 80px; 
    color: #666; 
    line-height: 20px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    word-wrap: break-word; 
    white-space: pre-wrap;
}
.box_container .box .percent_circle { width: 85px; height: 85px; position: absolute; bottom: 25px; right: 25px; }
.box_container .box .percent_circle > strong { width: 100%; height: 100%; position: absolute; z-index: 2; font-size: 1.4rem; text-align: center; line-height: 85px; color: #666; font-family: 'notokr-medium' }

.gallery_box { padding-top:3.5rem; clear:both;}
.gallery_box .img_view { width: 100%; height: auto; float: left; overflow: hidden; position: relative; }
.gallery_box .img_view li { display: none; }
.gallery_box .img_view img { width: 100%; height: 100%; }
.gallery_box .img_view span.date { 
    padding: 10px 20px; 
    display: block; 
    background: #777;
    position: absolute; 
    z-index: 2; 
    top:0; 
    left:0; 
    color: #fff; 
    font-size: 1rem; 
}
.gallery_box .thum_list {margin-bottom: 10px; position:relative; padding:0 35px;}
.gallery_box .thum_list a {display:inline-block;}
.gallery_box .btn_prev, .gallery_box .btn_next {background: #ccc; font-size:0; height:70px; line-height:70px; position:absolute; top:0; width:35px; text-align:center;}
.gallery_box .btn_prev {left:0;}
.gallery_box .btn_next {right:0;}
.gallery_box .btn_prev::before, .gallery_box .btn_next::before {font-size:1.2rem;}
.gallery_box .thum_list .thum_con {height: 70px; overflow: hidden; }
.gallery_box .thum_list ul {width:100%; white-space:nowrap;}
.gallery_box .thum_list ul li {background: #fff; float:left;}
.gallery_box .thum_list ul li a {display:block; height:70px;}
.gallery_box .thum_list ul li img { width: 100%; height: 100%; opacity: 0.6; padding-right:5px;}
.gallery_box .thum_list ul li:last-child img {padding-right:0;}
.gallery_box .thum_list ul li.on img { opacity: 1;}


@media only screen and (max-width: 1100px) {
    #container .area_content {padding: 5rem 1.2rem 3rem;}
    #container .area_content h2.subtit {font-size:2.5rem;}
    .header_cms .header_bottom {padding:0 1rem;}
    .btn_top {padding: 0 1.2rem;}
    .video_con .movie_sec {padding-right:30px;}
    .location_map .img_sec {padding-right:25px;}
}

@media only screen and (max-width: 960px) {
    .video_con .txt_sec {width:100%; display:block;}
    .video_con .movie_sec {width:100%; float:none; padding-right:0; max-width:inherit; padding-bottom:2rem;}
    .video_con .txt_sec .scr_box {height:150px;}

    .location_map {display:block;}
    .location_map .img_sec {display:block; width:100%; padding:0 0 2rem;}
    .location_map .img_sec img {min-width:inherit; max-width:inherit;}
    .location_map .txt_sec {display:block; width:100%;}
    .location_map .txt_sec ul.map_list_con { position:static;}   
     
    .announcement_box {padding-right:0;}
    .announcement_box .img {width:100%;}
    .announcement_box .img img {min-width:inherit; max-width:inherit; width:100%;}
    .announcement_box .down_box {position:static; width:inherit; height:inherit;}
    .announcement_box .down_box dd {text-align:center; padding-bottom:0;}
    .announcement_box .down_box .btn_set {position:static; padding-top:0}
    .announcement_box .down_box dl {padding:40px 25px;}
    .announcement_box .down_box .btn_set {text-align:center;}
    .announcement_box .down_box .btn_set a {padding:15px 40px; display:inline-block;}
    
    .area_complex_info .complex_img {height:inherit;}
    .area_complex_info .details {padding-left:25px;}
    .percent_box .box.total {width:100%; max-width:inherit; padding:0; float:none;}   
    .percent_box .box.total .box_con {min-height:inherit; padding:15px 0 35px;}
    .percent_box {margin:0;}
    .box_container {display:block; margin:4px -4px;}
    .gallery_box {padding-top: 2rem;}

    .video_con .txt_sec {min-height:inherit;}

}

@media only screen and (max-width:768px) {
    #container .area_content {padding: 3rem 1.2rem 2rem;}
    #container .area_content h2.subtit {font-size:1.8rem; padding-bottom:2rem;}
    .img_box.tabcontents .img_thumb_list li {min-width:70px; width: 20%;}
    .caution_box pre { font-size: 1.3rem; }    

    .img_thumb_list {padding: 1rem 0 0;}
    .imgtxt_con {padding-left:0;}
    .imgtxt_con .con_tit {position: static; padding-right: 0; max-width: inherit; padding-bottom:1rem;}    
    .con_list_wrap::before {background:none;}
    .con_list_wrap {padding-left:0;}
    .con_list_wrap dl dd {font-size:1.1rem;}

    .tab_linetype li {width:33.3333%;}
    .tab_linetype.unit li:nth-child( 3n + 1 )::before { display: none; }

    .acro_box { display:none;}
}

@media only screen and (max-width:640px) {    
    #container .area_content {padding: 2rem 1rem;}
    .summary_box .col_datatable th { width: 30%;}
    #container .area_content h2.subtit {font-size: 1.6rem;}    
    .btn_top button {width: 40px; height: 40px;}

    .view_box.system h3 {margin: 3rem 0 1rem;}
    .view_box .system_box > li > dl {display:block;}
    .view_box .system_box > li img {max-width:inherit; display:block;}
    .view_box .system_box > li > dl > dt {font-size: 1.6rem;}
    .view_box .system_box > li > dl > dd {font-size: 1.2rem; padding-bottom:2rem;}  
    .tab_box > li a {font-size:1.2rem;}          
    .tab_box.num2 > li, .tab_box.num4 > li, .tab_box.num6 > li, .tab_box.num8 > li {width:50%;}
    .tab_box.num3 > li, .tab_box.num6 > li {width:33.3333%;}
    .tab_box.num5 > li {width:50%;}    
    .tab_box.num5 > li a {border-bottom:0;}
    .tab_box.num5 > li:nth-child(2) a, .tab_box.num5 > li:nth-child(4) a {margin-left:0}
    .tab_box.num5 > li:first-child {width:100%;}
    .tab_box.num5 > li:nth-child(4), .tab_box.num5 > li:nth-child(5) a {border-bottom:1px solid #ddd;}

    .paging a, .paging strong  {width: 30px; height: 30px; line-height: 28px;}
    .tbl_comm thead th, .tbl_comm tbody td {font-size:1.1rem;}
    .tbl_comm thead th {white-space:nowrap;}

    .area_complex_info {padding-top: 30px; padding-bottom: 30px;}
    .area_complex_info .complex_img {float:none; width:inherit; max-width: inherit; padding-bottom:20px;}
    .area_complex_info .details {padding-left:0;}
    .area_complex_info .details dl {font-size:1.2rem;}
    .percent_box .box_con {float:none; width:100%;}
    .box_container .box h4 {font-size:1.6rem;}
    .box_container .box pre {font-size: 1.2rem;}
    .tab_date .list li a {font-size:1.2rem;}
    .percent_box .box.total .percent_circle > strong > span {font-size:4rem;}

    
    /*
    .tbl_comm .tb_count {width: 20%;}
    .tbl_comm .tb_date {width: 25%;}
    .tbl_comm .tb_num {width:auto;}
    .tbl_comm td.company {white-space:nowrap;}
    .tbl_comm tbody td.title {padding-left:1rem; padding-right:1rem;}
    .tbl_comm thead th.num, .tbl_comm tbody td.num {display: none;}
    */

}

@media only screen and (max-width:460px) {
    .img_thumb_list ul li {float:none; width:100%;}
    .tab_box > li a {border-top:0; margin-left:0; font-size:1.1rem; padding: 15px 1rem;}
    .tab_box > li:first-child a {border-top:1px solid #ddd;}
    .tab_box > li.on a::before {top:0;}
    .tab_box.num2 > li, .tab_box.num4 > li, .tab_box.num6 > li, .tab_box.num8 > li, .tab_box.num3 > li, .tab_box.num6 > li {width:100%;}
    .tab_box.num5 > li {width:100%;}
    .tab_box.num5 > li a {border-bottom:1px solid #ddd;}
    .popup_area {margin: 0; top:70px;}

    .announcement_box .down_box dl {padding: 25px 20px;}
    .announcement_box .down_box dd {padding:20px 0 0;}

    .popup_area .popup_list li img {min-width:inherit;}
       
}

.footer_top .btn_footer.footopen::after {transform: rotate(180deg);}

/* 20210531 채팅상담 기능 추가 */
#robotChatButton { position: fixed; overflow: hidden; bottom: 68px; right: 10px; min-width: 52px; height:52px; z-index: 990;}
#robotChatButton span,
#robotChatButton div { float: right; }
#robotChatButton span { overflow: hidden; display: block; height: 36px; background: #000; margin: 60px -12px 8px 0; padding: 0 18px; border-radius: 18px 0 0 18px; box-sizing: border-box; line-height: 36px; color: #fff; font-weight: 500; font-size: 12px; z-index: 988; white-space: nowrap; }
#robotChatButton div { position: relative; width: 52px; height: 52px; border-radius: 26px; background : url('/Content/cms/img/robotChat/icon_chatbot.png') no-repeat center #f8d14e; background-size: 38px; z-index: 989; }

/* 20210614 유트브, 우수중개 채널 추가 */
#buttomButtonGroup {
    position: fixed;
    overflow: hidden;
    bottom: 126px;
    right: 10px;
    min-width: 52px;
    height: 52px;
    border-radius: 26px;
    background-color: rgba(38, 91, 178, 1);
    z-index: 990;
    animation-duration: .26s;
    outline: none;
}

#buttomButtonGroup img {
    width: 18px;
    transition: all .26s;
    transform: rotate(0deg);    
}

#buttomButtonGroup.on img {    
    transform: rotate(45deg);    
}

#buttomButtonGroup.on {
    animation-name: globalBottomBgChage;
}

@keyframes globalBottomBgChage {
    0% { background-color: rgba(38, 91, 178, 1); }
    50% { background-color: rgba(23, 61, 173, 1); transform: scale(1.05); }
    100% { background-color: rgba(38, 91, 178, 1); }
}

#youtubeChannelButton,
#kakaoChannelButton {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;    
    right: 14px;
    min-width: 44px;
    height: 44px;
    padding: 3px;
    z-index: 990;
    outline: none;
}

#youtubeChannelButton {
    bottom: 184px;
}

#kakaoChannelButton {
    bottom: 232px;
}

#youtubeChannelButton span,
#kakaoChannelButton span {    
    float: right;
    overflow: hidden;
    display: block;
    height: 26px;
    background: #fff;
    margin: 6px 10px 6px 0;
    padding: 0 12px;
    border-radius: 13px;
    box-sizing: border-box;
    box-shadow: #ccc 0 0 3px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
    font-size: 11px;
    z-index: 988;
    white-space: nowrap;
}

#youtubeChannelButton div,
#kakaoChannelButton div {
    float: right;
    position: relative;
    width: 38px;
    height: 38px;    
    border-radius: 19px;
    box-shadow: #787878 0 0 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    z-index: 989;    
}

#youtubeChannelButton div {
    background-image: url('/Content/cms/img/robotChat/btn_youtube.png');
}

#kakaoChannelButton div {
    background-image: url('/Content/cms/img/robotChat/btn_plus.png');
}


/* 20210701 자이앱연결 기능 추가 */
#xiAppButton { position: fixed; overflow: hidden; bottom: 8px; right: 10px; min-width: 52px; height:52px; z-index: 990;}
#xiAppButton span,
#xiAppButton div { float: right; }
#xiAppButton span { overflow: hidden; display: block; height: 36px; background: #000; margin: 8px -12px 8px 0; padding: 0 18px; border-radius: 18px 0 0 18px; box-sizing: border-box; line-height: 36px; color: #fff; font-weight: 500; font-size: 12px; z-index: 988; white-space: nowrap; }
#xiAppButton div { position: relative; width: 52px; height: 52px; border-radius: 26px; background : url('/Content/cms/img/robotChat/icon_xiapp_only1.png') no-repeat center #efefef; background-size: 38px; z-index: 989; }


/* 20220516 자이게시판 추가 */
/* #container .area_content.board { max-width: 1214px;} */
.tab_boxtype { overflow: hidden; width: 100%; margin-bottom: 2.75rem;}
.tab_boxtype li { float: left; display: table; }
.tab_boxtype li a {  display: table-cell; height: 50px; margin-left: -1px; border:1px solid #d7d7d7; background: #fff; color: #282828; font-size: 1rem; text-align: center; vertical-align: middle; }
.tab_boxtype li + li a { border-left: none; }
.tab_boxtype.tablist_1 li { width: 100%; } /* 20220803 추가 */
.tab_boxtype.tablist_2 li { width: calc(100%/2); } /* 20220803 추가 */
.tab_boxtype.tablist_3 li { width: calc(100%/3); } /* 20220803 추가 */
.tab_boxtype.tablist_4 li { width: calc(100%/4); } /* 20220803 추가 */
.tab_boxtype.tablist_5 li { width: calc(100%/5); } /* 20220803 수정 */
.tab_boxtype.tablist_6 li { width: calc(100%/6); } /* 20220803 추가 */
.tab_boxtype li a.on { position: relative; background: #fff;}
.tab_boxtype li a.on::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height:3px; background:#056997;}
@media screen and (max-width: 770px){
    .tab_boxtype {background: #f3f3f3; border-bottom: 1px solid #d7d7d7;}
    .tab_boxtype li a { height: 40px; border-bottom: none; font-size: 1.3rem; }  /* 20220803 추가 */
    .tab_boxtype.tablist_4 li,
    .tab_boxtype.tablist_5 li:nth-child(n+4) { width: 50% !important; }  /* 20220803 추가 */
    .tab_boxtype.tablist_5 li:nth-child(n-3),
    .tab_boxtype.tablist_6 li { width: calc(100%/3); }  /* 20220803 추가 */
    .tab_boxtype.tablist_5 li:nth-child(4),
    .tab_boxtype.tablist_6 li:nth-child(4) { border-left: 1px solid #d7d7d7; }  /* 20220803 추가 */
    /*
    .tab_boxtype.tablist_5 li {width: 33.33333%;}
    .tab_boxtype.tablist_5 li:first-child { border-left:none;}
    .tab_boxtype.tablist_5 li a { height: 40px; line-height: 40px; border-bottom: none; font-size: 1.3rem;}
    .tab_boxtype.tablist_5 li:nth-child(3n+1) a {margin-left: 0;}
    .tab_boxtype.tablist_5 li:nth-child(3n) a {border-right: none;  border-bottom: 1px solid #d7d7d7;}
    */
}
a.cmsbtn_defualt {display: block; width: 80px; height: 35px; background: #939393; line-height: 35px; font-size: 1.125rem;  color: #fff; text-align: center;}

/*자이게시판 - 리스트 */
.board_list { position: relative;} 
.board_list a.cmsbtn_defualt { position: absolute; bottom: 6px; right: 0;}
@media screen and (max-width: 640px) {
    .board_list a.cmsbtn_defualt { position: static; width: 50%; height: 30px; margin: 50px auto 0; line-height: 30px;}
}

/* 자이게시판 - 상세 */
.board_view .title_box { width: 100%; padding: 30px; box-sizing: border-box; border-top: 2px #000 solid; border-bottom: 1px #d6d6d6 solid; text-align: left; }
.board_view .title_box h3 { margin-bottom: 20px; font-size:2.2rem; color: #333; font-family: 'notokr-medium'; }
.board_view .title_box dl { font-size: 1.4rem; }
.board_view .title_box dt { float:left; }
.board_view .title_box dt::after { content:":"; margin: 0 5px; }
.board_view .title_box dd { margin-right: 15px; float:left; color: #666; }
.board_view .view_box { padding: 60px 30px 60px; box-sizing: border-box; text-align: left; font-size: 1.125rem; color: #6b7274; line-height: 25px; -ms-word-break: keep-all; word-break: keep-all; }
.board_view .view_box img { max-width: 100%; margin: 50px 0;}

.board_view .comment_box { overflow: hidden; width: 100%; padding: 26px 30px; border-top: 2px #000 solid;}
.comment_box .form_box * {font-family: 'notokr-regular'; font-weight: 300;}
.comment_box .form_box { float: left; width:calc(100% - 100px) }
.comment_box .form_box textarea { width:100%; height: 75px; padding: 0 20px; border: 2px solid #c5c5c5; border-radius: 3px; font-size:1.166rem ; color:#000 ; box-sizing: border-box;}
.comment_box .form_box textarea::placeholder { font-size:1.166rem ; line-height:75px; }
.comment_box .form_box label { display: none;}
.comment_box a.submit { display: inline-block; width: 84px; margin-top: 16px; margin-left: 15px; background: #434a5d; line-height:40px; font-size: 1.08rem; color: #fff; text-align: center; }
.comment_list { margin-bottom: 50px;  border-top: 1px solid #d6d6d6;}
.comment_list li { overflow: hidden; position: relative; padding: 22px 0 18px; border-bottom: 1px solid #d6d6d6;}
.comment_list li .user_info { width: calc(100% - 140px); padding: 0 38px; box-sizing: border-box;}
.comment_list li .user_info .info_name { display: inline-block; padding: 0 10px; line-height:23px ; border: 1px solid #bbb; border-radius: 11px; font-family: 'notokr-regular'; font-weight: 300; font-size: 1.16rem; color: #666; text-align: center; box-sizing: border-box; }
.comment_list li .user_info .info_detail { margin: 9px 0;font-size: 1.25rem; word-break: keep-all;}
.comment_list li .user_info .info_sub * { display: inline-block; font-size: 1.16rem; color: #666;}
.comment_list li .user_info .info_sub .sub_num { padding-left: 15px;}
.comment_list li .user_info .info_sub .sub_reply { padding-left: 15px; color: #666;}
.comment_list li .user_comset { position: absolute; top: calc(50% - 7px); right: 0; text-align: center;}
.comment_list li .user_comset > a  { display: inline-block; padding: 0 10px; font-size:1.08rem ; color:#0557ab ; }
.comment_list li .user_comset > a.comset_modify { border-right: 1px solid #666 ;}

.board_view .btn_set, .board_write .btn_set { margin: 0 auto; display: table;}
.board_view .btn_set > a, .board_write .btn_set > a { width: 150px; height: 60px; text-align: center; color: #fff; display: table-cell; vertical-align: middle;font-size: 1.833rem;}
.btn_set a.btn_list, .btn_set a.btn_modify { background: #434a5d;}
.btn_set a.btn_del { background: #9ea2ac;}
.btn_set a.btn_cancel { background: #bfa082}

@media screen and (max-width: 770px){
    .board_view .view_box { padding:100px 60px;}
}
@media screen and (max-width: 640px){
    .board_view .btn_set > a, .board_write .btn_set > a  { width: auto;height: 46px; padding: 0 30px; line-height: 46px; font-size: 1.6rem; }
    .board_view .title_box { padding: 20px 10px;}
    .board_view .view_box { padding:50px 10px;}
    .board_view .view_box img { margin: 20px 0;}
    .board_view .comment_box { padding: 20px 0px;}
    .comment_box .form_box { float: none; width: 100%;}
    .comment_box .form_box textarea { padding: 0 10px; }
    .comment_box a.submit { float: right; width: 60px; line-height: 30px; margin-left: 0;}
    .comment_list li .user_info { width: 100%; padding: 0;}
    .comment_list li .user_comset{top: 25px;}
}

/* 자이게시판 -작성 */
.inbox_write { padding: 16px 0 40px; margin-bottom: 50px; border-top: 2px #000 solid; border-bottom: 2px #000 solid; }
.inbox_write * {font-family: 'notokr-regular'; }
.inbox_write div:not(.add_file, .edit_file) { position: relative; padding-left: 126px; border-bottom: 1px solid #d0d0d0;}
.inbox_write div > label {  position: absolute; top: 0; left: 0; padding: 0 0 0 30px; font-size:1.25rem ; color:#a7a8ac ;}
.inbox_write .select_box, .inbox_write .input_box.title { line-height:70px ;}
.inbox_write .select_box select { width: 235px; height:75px; padding-left: 20px; border: none;font-size: 1.25rem; color: #a7a8ac; box-sizing: border-box;}
.inbox_write .select_box label, .inbox_write .input_box.title label { line-height: 75px;}

.inbox_write .input_box input, .inbox_write div.input_box textarea { width: 100%; padding-left: 20px; border: none;  font-size:1.25rem ; color:#000;}
.inbox_write .input_box input { line-height: 75px;}
.inbox_write .input_box input::placeholder { font-size:1.25rem ;  color:#a7a8ac;}
.inbox_write .input_box.text { padding: 40px 0 40px 126px;}
.inbox_write .input_box.text textarea { height: 140px;}
.inbox_write .input_box.text textarea::placeholder { font-size:1.25rem ;     font-family: 'notokr-regular';color:#a7a8ac;}
.inbox_write .input_box.text label { top: 40px; }

.inbox_write .edit_file { overflow: hidden; width: 100%;max-width: 750px; margin-top: 30px; padding: 0 0 0 30px; line-height: 40px; text-align: center;padding-left:20px;}
.inbox_write .edit_file label.del_file {position: static;width: 83px;height: 40px;padding: 15px;background: #ffffff;font-size: 1rem;color: #666666;cursor: pointer;}
.inbox_write .edit_file span {  float: left; display: block; width: 110px; }
.inbox_write .edit_file span label {font-size:1.1rem ; color:#767676;}
.inbox_write .edit_file input {overflow: hidden; display: block; float: left; width: 420px; color: #ccc;  white-space: nowrap; text-overflow: ellipsis; }
.inbox_write .edit_file input[type="text"] { position: relative;z-index: 2;  height: 100%;  padding-left: 10px; border: none; border-bottom: 1px solid #d0d0d0; background: transparent;font-size:1.1rem ; color:#a7a8ac;  box-sizing: border-box;}


.inbox_write .add_file { overflow: hidden; width: 100%; max-width: 750px; height: 40px; margin-top: 30px; padding: 0 0 0 30px; line-height: 40px; text-align: center;}
.inbox_write .add_file span {  float: left; display: block; width: 110px; }
.inbox_write .add_file span label {font-size:1.1rem ; color:#767676;}
.inbox_write .add_file input {overflow: hidden; display: block; float: left; width: 420px; color: #ccc;  white-space: nowrap; text-overflow: ellipsis; }
.inbox_write .add_file input[type="text"] { position: relative;z-index: 2;  height: 100%;  padding-left: 10px; border: none; border-bottom: 1px solid #d0d0d0; background: transparent;font-size:1.1rem ; color:#a7a8ac;  box-sizing: border-box;}
.inbox_write .add_file label.enter_file {float: right; position: static; width: 83px;height: 40px;padding: 0;background: #a39787;font-size: 1rem;color: #fff;cursor: pointer; }
.inbox_write .add_file input[type="file"] { display: none;}
.inbox_write .add_file label.del_file {float: right; position: static; width: 83px;height: 40px;padding: 0;background: #a7a8ac;font-size: 1rem;color: #fff;cursor: pointer; }

.board_write .btn_set { display: block; text-align: center;}
.board_write .btn_set > a { display: inline-block;  line-height: 60px;}
.board_write .btn_set > a ~ a { margin-left: 26px;}

@media screen and (max-width: 770px){
    .inbox_write .add_file { padding: 0;}
    .inbox_write .add_file input { width: 60%; }
    .inbox_write .add_file label.enter_file { width: 20%;}
    .inbox_write .add_file label.del_file { width: 20%;}

    .inbox_write .edit_file { padding: 0;}
    .inbox_write .edit_file input { width: 60%; }
    .inbox_write .edit_file label.enter_file { width: 20%;}
    .inbox_write .edit_file label.del_file { width: 20%;}
}
@media screen and (max-width: 640px){
    .inbox_write { padding: 0 0 40px;}
    .inbox_write div:not(.add_file) { padding-left: 0; padding-top: 40px;}
    .inbox_write div > label { top: 16px; left: 10px; padding: 0;line-height: inherit;}
    .inbox_write .select_box, .inbox_write .input_box.title { line-height: inherit;}
    .inbox_write .select_box label, .inbox_write .input_box.title label { line-height: 30px;}
    .inbox_write .select_box select { width: 100%; height: 40px; }
    .inbox_write .input_box input { line-height: 40px;}
    .inbox_write .input_box.text { padding: 40px 0; }
    .inbox_write .input_box.text label { top: 20px; padding: 0;}
    .inbox_write .add_file { height: auto; padding: 0;}
    .inbox_write .add_file span { float: none;}
    .inbox_write .add_file input[type="text"] { width: 75%; height: 40px;}

    .inbox_write .edit_file { height: auto; padding: 0;}
    .inbox_write .edit_file span { float: none;}
    .inbox_write .edit_file input[type="text"] { width: 65%; height: 40px;}

    .board_write .btn_set > a { line-height: 46px; padding: 0 30px;}
    .board_write .btn_set > a ~ a { margin-left: 16px;}
}