@charset "euc-kr";
@import url("jquery.mCustomScrollbar.css");
@import url("jquery-ui.css");
/*@import url("swiper.min.css");*/

.t_line_b {border-top:1px solid #e9e9e9}
.t_line_s {border-top:1px solid #e9e9e9}
.b_line_b {border-bottom:1px solid #e9e9e9}
.b_line_s {border-bottom:1px solid #e9e9e9}

/* scroll */
.fn_scroll_tab {height: 51px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; position: relative; overflow: hidden; padding: 0 40px}
.fn_scroll_tab > span {position: absolute; top: -3px; z-index: 35}
.fn_scroll_tab > span a {display: block; width: 31px; height: 31px}
.fn_scroll_tab > span.nav_left {left:0}
.fn_scroll_tab > span.nav_right {right:0}
.fn_scroll_tab .tab_line_gray {zoom: 1; display: block; border: 0; overflow: hidden}
.fn_scroll_tab .tab_line_gray:after {
    display: block;
    clear: both;
    content: '';
}    
.fn_scroll_tab .tab_line_gray li {float: left; margin:0 5px}
.fn_scroll_tab .tab_line_gray li:first-child {margin-left: 45px}
.fn_scroll_tab .tab_line_gray li a {display: block; position: relative; outline: 0;}
.fn_scroll_tab .tab_line_gray li a:before {
    content: '';
    width: 1px;
    height: 14px;
    top: 18px;
    right: -4px;
    background: #ddd;
    position: absolute;
    z-index: 1;
}
.fn_scroll_tab .tab_line_gray li:last-child a:before {background: none}
.fn_scroll_tab .tab_line_gray li a .txt {
    height: 51px;
    padding: 0 5px;
    font-size: 1.4rem;
    line-height: 49px;
    color: #24282b;
    position: relative; 
    display: block; 
    transition: all 0.5s; 
}
.fn_scroll_tab .tab_line_gray li.mg0 {margin: 0}
.fn_scroll_tab .tab_line_gray li a .txt.smtxt {font-size: 1.3rem; letter-spacing: -0.3px}
.fn_scroll_tab .tab_line_gray li.slick-current a .txt {color:#e70e1f}
.fn_scroll_tab .tab_line_gray li.slick-current a .txt:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    background: #e70e1f;
    content: '';
}
.fn_scroll_tab .tab_line_gray li.on a .linebox {color:#e70e1f; border: 1px solid #ddd}

.fn_scroll_tab_bg{position:relative;padding:0 48px;background:#5b5b5b}
.fn_scroll_tab_bg > span {position: absolute; top: 0}
.fn_scroll_tab_bg > span a {display: block; width: 48px; height: 58px}
.fn_scroll_tab_bg > span.nav_left {left:0}
.fn_scroll_tab_bg > span.nav_right {right:0}
.fn_scroll_tab_bg .btnImg:after{width:48px;height:58px}
.fn_scroll_tab_bg .btnImg.btn-slide-left:after{background-position:-755px -531px}
.fn_scroll_tab_bg .btnImg.btn-slide-right:after{background-position:-807px -531px}
.tab_bg_gray:after{display:block;clear:both;content:''}
.tab_bg_gray .tab_inner{float:left}
.tab_bg_gray .tab_inner a{display:block;position:relative;font-size:15px;color:#b9b9b9;line-height:58px}
.tab_bg_gray .slick-current a{background:#e70e1f;color:#fff}
.tab_bg_gray .slick-current a:after{position:absolute;top:100%;left:50%;width:9px;height:5px;margin-left:-5px;background:red;content:''}

/* �ë????¨ë“¯ï¿½ï¿½ �� */
.tab_btn_con:after {
    display: table;
    clear: both;
    table-layout: fixed;
    content: "";
}
.tab_btn_con .tab_line_gray li {float: left; margin:0 5px}
.tab_btn_con .tab_line_gray li a {display: block; position: relative; padding: 0 5px}
.tab_btn_con .tab_line_gray li:first-child {margin-left:0}
.tab_btn_con .tab_line_gray li:first-child a {padding-left: 0}
.tab_btn_con .tab_line_gray li a:before {
    content: '';
    width: 1px;
    height: 14px;
    top: 18px;
    right: -4px;
    background: #ddd;
    position: absolute;
    z-index: 1;
}
.tab_btn_con .tab_line_gray li:last-child a:before {background: none}
.tab_btn_con .tab_line_gray li a .txt {
    height: 51px;   
    font-size: 1.4rem;
    line-height: 49px;
    color: #24282b;
    position: relative; 
    display: block; 
    transition: all 0.5s; 
}
.tab_btn_con .tab_line_gray li.on .txt {color: #e70e1f}
.tab_btn_con .tab_line_gray li.on .txt:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    display: block;
    height: 1px;
    background: #e70e1f;
    content: '';
}

.recent_news_scroll_wp {position: relative; padding-bottom: 5px}
.recent_news_scroll {max-width: 300px; position: relative; padding-top: 17px; border-bottom:1px solid #e9e9e9}
.recent_news_scroll ul {overflow: auto; position: relative; height: 400px}
.recent_news_scroll ul li {border-top: 1px solid #e9e9e9; overflow: hidden; position: relative}
.recent_news_scroll ul li:first-child {border-top:0}
.recent_news_scroll ul li a {color: #888!important; display: block; position: relative; padding: 8px 0; outline: 0;}
.recent_news_scroll ul li:first-child a {padding: 0 0 8px}
.recent_news_scroll ul li .thumimg {position: relative; float: right; width: 63px; margin-left: 28px; height: 63px; overflow: hidden}
.recent_news_scroll ul li .thumimg img {position: absolute; left:-50%; min-height:63px; margin-left:-12px} /*width: 100%;  max-width: 100%;*/
.recent_news_scroll ul li .databox {position:relative;padding-left: 28px; display: table; width:100%; box-sizing:border-box}
.recent_news_scroll ul li .databox .data_txt {display:table-cell;overflow:hidden;height:63px;vertical-align:middle;letter-spacing:-0.3px;white-space:normal;word-wrap:break-word}
.recent_news_scroll ul li .databox .data_txt strong {display:block;overflow:hidden;max-height:60px;font-weight: 300; font-size: 1.3rem; color: #24282b}
.recent_news_scroll ul li .databox .data_txt strong em {font-style: normal; display: block; font-weight: 500; padding-bottom: 5px; font-size: 1.4rem}

.recent_news_scroll ul li .data_info {   
    font-size: 1.6rem; 
    display: block; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top:-11px;
    color: #24282b;
}
.recent_news_scroll ul li:first-child .data_info {color: #e60012}
.recent_news_scroll_wp:before {
    content: '';
    width: 100%;
    height: 30px;
    background: url(../images/layout/scroll_wh_bg.png) repeat-x 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 2;
}
/*.recent_news_scroll_wp:after {
    content: '';
    width: 100%;
    height: 30px;
    background: url(../images/layout/scroll_top_wh_bg.png) repeat-x 0 0;
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    z-index: 22;
}*/

.recent_news_scroll ul li.moviein .thumimg {position: relative; float: left; width: 250px; margin-left: 0; height: 145px; overflow: hidden}
.recent_news_scroll ul li.moviein .thumimg:before {
    content: '';
    width: 38px;
    height: 38px;
    position: absolute;
    background: url(../images/icon/default_icon.png) no-repeat;
    background-position: -622px -19px;
    display: inline-block;
    left: 10px;
    bottom: 15px;
    z-index: 33;
}
.recent_news_scroll ul li.moviein .databox {display: block !important; height: 145px !important; overflow: hidden !important; position: relative}
.recent_news_scroll ul li.moviein .data_txt {position: absolute; left: 0; bottom: 15px; z-index: 33; padding-left: 100px; padding-right: 12px; display: block}
.recent_news_scroll ul li.moviein .thumimg {position: relative}
.recent_news_scroll ul li.moviein .thumimg img {width: 100%; position: absolute; max-width: 100%}
.recent_news_scroll ul li.moviein .databox .data_txt strong {color: #fff}
.recent_news_scroll ul li.moviein .databox .thumimg:after {
    content: '';
    background: url(../images/layout/movie_thum_bg.png) no-repeat 0 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.recent_news_column > ul {overflow: hidden; width: 100%; padding: 0 15px}
.recent_news_column > ul > li {border-top: 1px solid #e9e9e9; overflow: hidden; position: relative}
.recent_news_column > ul > li a {color: #888!important; display: block; position: relative; margin: 0 -15px; padding: 8px 15px}
.recent_news_column > ul > li .thumimg {position: relative; float: right; width: 63px; margin-left: 10px}
.recent_news_column > ul > li .thummovie {position: relative; float: right; width: 109px; margin-left: 10px}
.recent_news_column > ul > li img {width: 100%}
.recent_news_column > ul > li .databox {display: table; width: 100%; position: relative}
.recent_news_column > ul > li .databox .data_txt {white-space: normal; word-wrap: break-word; vertical-align: middle; overflow: hidden; letter-spacing: -0.3px; display: table-cell}
.recent_news_column > ul > li .databox .data_txt strong {font-weight: 300; font-size: 1.4rem; color: #24282b}
.recent_news_column > ul > li .databox .data_txt strong .cate {color: #917247; font-style: normal; display: inline-block; margin-right: 5px}
.recent_news_column > ul > li .data_info {   
    font-size: 1.6rem; 
    display: block; 
    width: 35px;
    text-align: center; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;  
    color: #24282b;
    padding-right: 10px;
}
.issue_scroll_wp .mCSB_inside > .mCSB_container{margin-right:0}
.issue_scroll_wp .databox{display:block}
.issue_scroll_wp .data_txt{position:absolute;right:30px;bottom:30px;left:30px;font-size:36px;font-weight:normal;color:#fff;line-height:42px}
.issue_scroll_wp .data_txt .time{font-size:14px;font-weight:normal;color:#a7a7a7}
.issue_scroll_wp .data_txt .time:before{display:inline-block;width:14px;height:14px;margin:-1px 8px 1px 0;background:url(../images/icon/default_icon.png) no-repeat;background-position:-657px -574px;vertical-align:middle;content:''}
.issue_scroll_wp .thumimg{height:430px}
.issue_scroll_wp .thumimg:before{content: ''; background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; background-size:100% 100%; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.issue_scroll_wp .thumimg img{width:100%}
.issue_scroll_wp .gal_label{position:absolute;top:30px;left:30px}
.issue_scroll_wp .gal_label.label_wh{
    padding:10px 15px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}

/* list_nm_line */
.list_nm_line {padding:10px 0}
.list_nm_line>li>a {display:block; padding:5px 0; font-size:1.3rem; font-weight:300; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.list_nm_line>li>a .nm_tit {float: left; width: 65px; padding-right: 10px; color: #000; font-weight: 500}
.list_nm_line>li>a .nm_txt {display: block;
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;
    letter-spacing: -0.1px;  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ������ �щ�?±ï¿½?€ï¿½ï¿½ ���� */
.gal_wide_movie {width: 100%}
.arti_box_con .slide_con_wp {padding: 20px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow: hidden}
.gal_wide_movie a {display: block; position: relative}
.slide_con .thumimg {display: block; width: 300px; height: 141px; position: relative}
.slide_con .thumimg:after {
    content: '';
    background: url(../images/layout/movie_thum_bgx.png) repeat-x left bottom;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.slide_con .thummovie {display: block;height: 141px; position: relative}
.slide_con .thummovie:after {
    content: '';
    background: url(../images/layout/movie_thum_bgx.png) repeat-x left bottom;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.slide_con .thummovie:before {
    content: '';
    width: 38px;
    height: 38px;
    position: absolute;
    background: url(../images/icon/default_icon.png) no-repeat;
    background-position: -622px -19px;
    display: inline-block;
    left: 8px;
    bottom: 15px;
    z-index: 33;
}
.slide_con .thumimg img {width: 100%; position: absolute; max-width: 100%}
.slide_con .thummovie img {width: 100%; position: absolute; max-width: 100%}
.thumico {position: absolute; left: 5px; top: 5px; z-index: 22; color: transparent}
.slide_con .movie_tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    z-index: 33;
    padding-left: 53px;
    padding-right: 10px;
    display: block;
    color: #fff;
}
.slide_con .movie_tit.oneline {bottom: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.slide_con_wp .slick-dots {position: absolute; left: -99999em}
.tab_contents .slick-dots {position: absolute; left: -99999em}

.ui_btm_nav_cnt {position: relative; height: 30px}
.ui_btm_nav_cnt .right_utils {position: absolute; right: 0; top: -1px}
.ui_btm_nav_cnt .right_utils a {display: inline-block; width: 31px; height: 31px; float: right; /* overflow: hidden;*/ position: relative}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .ui_btm_nav_cnt .right_utils a {display: inline-block; width: 31px; height: 31px; float: right;overflow: hidden;position: relative}
}



.ui_btm_nav_cnt .right_utils a:last-child {margin-left: -1px}
.ui_btm_nav_cnt .right_utils .infonum {height: 31px; line-height: 31px; font-size: 1.4rem; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; white-space: normal}
.ui_btm_nav_cnt .right_utils .infonum strong {color: #bbbbbb; font-weight: 300; display: inline-block}
.ui_btm_nav_cnt .right_utils .infonum strong.current {color: #000; padding-right: 3px}
.ui_btm_nav_cnt .right_utils .infonum strong.total {margin-left: 3px; margin-right: 5px} 
.ui_btm_nav_cnt.ui_btm_none{height:auto}
.ui_btm_nav_cnt.ui_btm_none .right_utils .infonum{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}

/* gallery Square slide */
.slide_con_wp ul.slide_con.gal_sqaure_thum li a {position: relative; display: block}
.slide_con_wp ul.slide_con.gal_sqaure_thum li .thumimg {display: block; width: 145px; height: 145px; position: relative; overflow: hidden}
.slide_con_wp ul.slide_con li .vnews_tit {
    display: block;
    position: absolute;
    left: 0;
    padding: 0 20px 0 15px;
    bottom: 10px;
    z-index: 21;   
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 26px;
    height: 26px;
    color: #fff;
    font-weight: 300;
}

.fn_slide_mystock .mystock_info {min-height: 150px}
.fn_slide_mystock .loginprev {text-align: center; font-size: 1.3rem; /* padding-top: 5px */}
.fn_slide_mystock .loginprev .txt {display: block; padding: 15px 0}
.fn_slide_mystock .loginprev .logtxt {display: inline-block; border-bottom: 1px solid #e82633; color: #e82633; margin-bottom: 5px}
.fn_slide_mystock .loginprev .btnin {display: block; font-size: 1.3rem; margin-top: 10px; margin-bottom: 20px}
.fn_slide_mystock .loginprev .btnin .btn-gray-round {color:#24282b; padding: 10px 0; background: #eeeeee; border-radius: 6px; text-align: center; display: block}
.fn_slide_mystock .loginprev .btnin .btn-gray-round em {width: 14px; height: 16px; position: relative; display: inline-block; margin-right: 4px}
.fn_slide_mystock .loginprev .btnin .btn-gray-round em:after {margin-top: 4px}



.stock_flick_data.api_data {min-height: 150px; text-align: center; border-bottom:1px solid #e9e9e9}
.stock_flick_data.api_data span {padding-top: 65px; display: inline-block}

.arti_tit_wp .go_btn {position: absolute; right: 0; top: 0}

.id_gallery_news .gal_wrap {position: relative; padding:20px 0 20px 162px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd}
.id_gallery_news .gal_wrap .gal_lt_sec {position: absolute; left: 0; top: 0; width: 160px}
.id_gallery_news .gal_wrap .gal_lt_sec ul li {height:90px; border-top: 1px solid #ddd; padding-right: 20px}
.id_gallery_news .gal_wrap .gal_lt_sec ul li:first-child {border-top:0}
.id_gallery_news .gal_wrap .gal_lt_sec ul li a {display: block;  position: relative; padding: 17px 0 15px; padding-right: 20px}
.id_gallery_news .gal_wrap .gal_lt_sec ul li.on a:after {
    content: '';
    width: 4px;
    height: 60px; 
    background: #e70e1f;
    position: absolute;
    right: 0;
    top:16px;   
}
.id_gallery_news .gal_wrap .gal_lt_sec ul li dl dt {color: #24282b; font-size: 15px; font-weight: bold; padding-bottom: 8px}
.id_gallery_news .gal_wrap .gal_lt_sec ul li dl dd {height:38px;font-size: 13px}
.id_gallery_news .gal_wrap .gal_lt_sec ul li.on dl dd {color: #e70e1f}
.id_gallery_news .gal_wrap .gal_rt_sec {background: #292929; position: relative}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con {position: relative; width: 578px}
.id_gallery_news .gal_wrap .gal_rt_sec > span {
    display:block;
    position: absolute; 
    top: 50%; 
    margin-top: -35px; 
    background: url(../images/icon/default_icon.png) no-repeat;
    z-index: 21;
}
.id_gallery_news .gal_wrap .gal_rt_sec > span a {display: block; text-indent: -9999em; width: 31px; height: 31px}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_nav_left {left: 0; background-position:-142px -270px}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_nav_right {right: 0; background-position:-173px -270px}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .slick-dots {position: absolute; left: -99999em}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide a {display:block; width: 578px; height: 336px; position: relative}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide dl {padding: 0 22px 20px; position: absolute; left: 0; bottom: 0; z-index: 99}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide dl dt {font-size: 14px; letter-spacing: -0.1px; color: #fff; font-weight: 300; margin-bottom: 5px}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide dl dt strong {font-weight: 400; margin-right: 5px}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide dl dd {font-size: 14px; letter-spacing: -0.1px; color: #fff; font-weight: 300}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide .view_bg {
    display:block; 
    width: 578px; 
    height: 336px; 
    background: url(../images/layout/gal_news_view_bg.png) repeat-x 0 bottom;
    position: absolute;
    left: 0;
    top: 0;
}
.id_gallery_news .gal_wrap .gal_rt_sec .gal_view_con .gal_slide .viewimg {width: 578px; height: 336px; overflow: hidden}

.gal_thumb_con {padding: 15px 40px 20px; position: relative}  
.gal_thumb_con > span {position: absolute; top: 23px}
.gal_thumb_con > span > a {display: block; width: 28px; height: 47px; position: relative; text-indent: -9999em; color:transparent}
.gal_thumb_con > span > a:before {
    content: '';
    width: 7px;
    height: 12px;
    position: absolute;
    left: 9px;
    top: 18px;
}
.gal_thumb_con > span.thumb_nav_left {left: 11px}
.gal_thumb_con > span.thumb_nav_right {right: 10px}
.gal_thumb_con > span.thumb_nav_left > a:before {
    background: url(../images/icon/default_icon.png) no-repeat -93px -276px;
}
.gal_thumb_con > span.thumb_nav_right > a:before {
    background: url(../images/icon/default_icon.png) no-repeat -122px -276px;
}    
.gal_thumb_con ul li {margin-right: 5px; position: relative}
.gal_thumb_con ul li a {display: block;  width: 79px; height: 56px; position: relative; padding-top: 9px}
.gal_thumb_con ul li .count {
    position: absolute; 
    left: 0; 
    top: 22px; 
    color: #fff; 
    z-index: 22; 
    width: 100%; 
    text-align: center; 
    font-size: 13px;
    letter-spacing: 1px;
    opacity: 0;
    font-weight: 300;
    font-family: verdana, sans-serif;
}    
.gal_thumb_con ul li.slick-current a:before {
    content: '';
    width:100%;
    height: 4px;
    position: absolute;
    background: #e70e1f;
    top: 0;
    left:0;
}
.gal_thumb_con ul li .count .currunt {font-style: normal}
.gal_thumb_con ul li .count .total {font-style: normal}
.gal_thumb_con ul li .count .total:before {
    content: '/';
    font-size: 12px;
    display: inline-block;                
}
.gal_thumb_con ul li .thumb_bg {
    background:url(../images/layout/gal_hover_bg.png) repeat; 
    display: block; 
    position: absolute;
    left: 0;
    top: 9px;
    width: 79px;
    height: 47px;
    opacity: 0;
    z-index: 21;
}
.gal_thumb_con ul li .thumimg {width: 79px; height: 47px; position: absolute; overflow: hidden; display:flex; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start; justify-content: center;-webkit-justify-content:center}

.ul_photo_slide.gal_wrap {position: relative; background: #292929; width: 1080px}     
.ul_photo_slide.gal_wrap .gal_view_con {position: relative; width: 1080px}
.ul_photo_slide.gal_wrap > span {
    display:block;
    position: absolute; 
    top: 50%; 
    margin-top: -35px; 
    background: url(../images/icon/default_icon.png) no-repeat;
    z-index: 21;
}
.ul_photo_slide.gal_wrap > span > a {display: block; text-indent: -9999em; width: 31px; height: 31px}
.ul_photo_slide.gal_wrap > span.gal_nav_left {left: 0; background-position:-142px -270px}
.ul_photo_slide.gal_wrap > span.gal_nav_right {right: 0; background-position:-173px -270px}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide .label {
    min-width: 20px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    background-color:#fff;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:20px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:20px;
    border-top-left-radius:5px;
    border-top-right-radius:20px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:20px;
    color: #24282b;
    position: absolute;
    left: -50px;
    top: 20px;
    z-index: 23;
    font-style: normal;
    display: block;
    text-align: center;
    padding: 0 10px 0 9px;
    opacity: 0;       
}
.ul_photo_slide.gal_wrap .gal_view_con .slick-dots {position: absolute; left: -99999em}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide a {display:block; width: 836px; height: 485px; position: relative; overflow: hidden}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide dl {padding: 0 22px 20px; position: absolute; left: 0; bottom: -100px; z-index: 23; opacity: 0}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide.slick-current dl {opacity: 1; bottom: 0}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide.slick-current .label {opacity: 1; left: 20px}    
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide dl dt {margin-bottom: 15px}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide dl dt .imgicon {
    display: inline-block; 
    width:38px; 
    height:34px; 
    background: url(../images/icon/default_icon.png) no-repeat -15px -553px;
    font-size: 0;
    text-indent: -9999em;
    color: transparent;
}    
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide dl dd {font-size: 14px; letter-spacing: -0.1px; color: #fff; font-weight: 300}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide .view_bg {
    display:block; 
    width: 836px; 
    height: 485px; 
    background: url(../images/layout/gal_news_view_bg.png) repeat-x 0 bottom;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 21;
}    
.ul_photo_slide.gal_wrap .gal_thumb_con ul li.slick-current .thumb_bg {opacity: 1}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide .view_bg.on {background: rgba(0,0,0,.6)}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide .viewimg {width: 836px; height: 485px; overflow: hidden}
.ul_photo_slide.gal_wrap .gal_view_con .gal_slide .viewimg img {position: absolute; left: 0; top: 0; width: 100%}

.gongsicontent table {border:1px solid #000}
.gongsicontent table.nb {border:none}
.gongsicontent td {padding:5px 10px; border-bottom:1px solid #000; border-left:1px solid #000; font-family: dotum}
.gongsicontent.gongsipop table {width:100%;margin-bottom:20px;border:0;table-layout:auto}
.gongsicontent.gongsipop table td{padding:0;border:0}

#popwrap {padding:30px 20px}
#popwrap h1 {font-size:12px;color:#d61d00;font-weight:bold;letter-spacing:-1px;position:relative;border-bottom:2px solid #847b70;padding-bottom:7px;margin-bottom:15px}
#popwrap .popcont {border:1px solid #d2c5b5;background-color:#fff;padding:10px}
#popwrap .popcont2 {border:1px solid #d2c5b5;background-color:#fff;padding:20px}
#popwrap .popbar {height:20px;padding:5px;overflow:hidden;background-color:#f4f0e9}
#popwrap .popbox {background-color:#f8f4ee;padding:15px 0}
#popwrap .popbox2 {background-color:#f8f4ee;padding:15px}
#popwrap .pop_btn {margin-top:15px;text-align:center}

#pop_viewarea {padding:28px 20px 0}
#pop_viewarea h2.newstitle {font-family:dotum;font-size:24px;font-weight:bold;letter-spacing:-2px;line-height:29px}
#pop_viewarea h3.subtitle {font-size:16px;font-weight:bold;letter-spacing:-1px;line-height:32px;margin-top:23px}
#pop_viewarea .newsdate {font-size:12px;color:#aa464f;margin-top:15px;border-bottom:1px solid #d2c5b5;padding-bottom:26px}
#pop_viewarea .othernews {position:absolute;top:0px;right:0px}
#pop_viewarea .othernews , #viewarea .othernews a {color:#6e6e6e;letter-spacing:-1px;font-size:11px}
#pop_viewarea #viewcontent {text-align:justify;font-size:16px;line-height:22px;padding-top:18px;border-bottom:1px solid #d2c5b5;padding-bottom:25px}
#pop_viewarea .byline {color:#828282;line-height:20px;letter-spacing:-1px;padding-top:27px; font-family: dotum; font-size: 12px}

.popbar {text-align: right; padding: 10px 20px; border: 1px solid #e5e5e5;background-color: #faf9f6; margin: 0 20px}
.popbar:after {display:block;clear:both;content:''}
.popbar .btn_print {  
    width: 120px;
    height: 46px;
    border: none;
    background-color: #e60012;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
}
.popbar .btn_print .ico {margin-right: 5px; display: inline-block; width: 20px; height: 20px}
.popbar .btn_print .ico:before { 
    width: 17px;
    height: 17px;
    background: url(../images/icon/default_icon.png) no-repeat -694px -389px;
    position: absolute;
    left: 0;
    top: 6px;
}
.popbar .p_micon {vertical-align:top;margin-top:6px}
.popbar input {width:300px;height:46px;vertical-align:top}
.popbar input.rd {vertical-align:top;border:none}
.popbar label.txt {line-height:22px;vertical-align:top;color:#645a50;letter-spacing:-1px;font-size:11px;margin-right:5px}

@media print {
.btnprintcon.popbar {display:none} 
}