/* =================================== 테이블 =================================== */
/* 리스트 */
.gu_table {position:relative;}
.gu_table table {width:100%; text-align:center;border-top:2px solid #444;border-bottom:1px solid #444;}
.gu_table thead {background:#fafafa;}
.gu_table thead th {font-size:16px; line-height:24px; font-weight:700; vertical-align:middle; padding: 16px 12px;color:#222;}
.gu_table thead th:first-child {padding-left: 24px;}
.gu_table thead th:last-child {padding-right: 24px;}
.gu_table tbody tr {border-top:1px solid #e1e1e1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.gu_table tbody td {font-size: 16px;line-height: 28px;vertical-align: middle;padding: 20px 12px;color: #444;}
.gu_table tbody td:first-child {padding-left: 24px;}
.gu_table tbody td:last-child {padding-right:15px;}
.gu_table tbody td.left {text-align:left;}
.gu_table tbody td.title {font-size:18px;text-align:left;}
.gu_table tbody td.title a {display:inline-block; width:100%;}
.no-mobile .gu_table tbody tr:hover {background:#eef8f8;}

.gu_table tbody td a{display:inline-block;}
.gu_table tbody td span.down_icon{position:relative; display:inline-block; padding-right:10px;}
.gu_table tbody td span.down_icon:before{content:''; position:absolute; width:18px; height:18px; top:50%; right:-20px;
    transform:translateY(-50%); background:url('../../img/common/ico_download.png') no-repeat center center / contain;}
.gu_table tbody td span.down_icon:hover:before{background:url('../../img/common/ico_download_hov.png') no-repeat center center / contain; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.gu_table .noti {font-size: 16px;line-height: 28px;vertical-align: middle;padding: 20px 0 0 80px;color: #444;}
.gu_table .noti a:hover {opacity: .6;border-bottom: 1px solid #a5a5a5;}

/* 페이징 */
.gu_paging {text-align:center; font-size:0;font-family:"Plain", sans-serif;font-weight: 400; margin-top:56px;}
.gu_paging .btn_arrow {display:inline-block; width:8px; vertical-align:middle; margin-top:-10px; position:relative;}
.gu_paging .btn_arrow:before {content:'';background:url(../../img/common/ico_arrow_black_right.png) no-repeat 0 0 / contain;width:10px;height:16px; display:inline-block;}
.gu_paging .btn_arrow.prev {margin-right:35px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);}
.gu_paging .btn_arrow.next {margin-left:35px;}
.gu_paging .btn_arrow.disabled {opacity:0.42;}
.gu_paging a {margin:0 12px; display:inline-block;}
.gu_paging a.paging_ellipsis {font-size:16px;color:#000;margin:0 11px;}
.gu_paging a>span {position:relative;display:inline-block; padding:0 2px 9px; font-size:16px;color:rgba(0,0,0,0.57);}
.gu_paging a>span:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0;background: #000;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;}
.no-mobile .gu_paging a:hover>span {color:#222;}

.gu_paging a.on>span {color:rgba(0,0,0,1);}
.gu_paging a.on>span:before {height:2px;}

.gu_table.sort_table {display:none;}
.gu_table.sort_table.on {display:block;}

.gu_caption_area {width:100%;margin-top:25px;*zoom:1; text-align:right;color:#999; font-size:16px;}
.gu_caption_area:after {display:block;content:"";clear:both;}
.gu_caption_area .right_caption {display:inline-block;}

.gu_ico_drag {display:none;}

/* =================================== 셀렉트박스 =================================== */
/* 셀렉트박스 */
.fclear .gu_sort_area {float:right;margin-bottom:40px;}
.gu_sort_area {font-size: 0; position:relative;}
.gu_sort_area>div {display: inline-block;vertical-align: bottom;position: relative;}
.gu_sort_area .gu_sort_name {width: 184px;height: 100%; position:relative;}

.gu_sort_area .gu_sort_name:before {content: '';position: absolute;width: 16px;height: 16px;right: 0;bottom:20px;background: url("../../img/common/ico_arrow_black_bottom.png") no-repeat 0 0 / contain;}
.gu_sort_area .gu_sort_name a {display: block;font-size: 18px;position: relative;max-width:100%;height: 40px;color:#222;font-weight:500;white-space: nowrap; padding:3px 25px 17px 0;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gu_sort_area .gu_sort_name a:before {content:''; position:absolute;width:100%;height:2px;left:0;bottom:0;background:rgba(0,0,0,.15);}
.gu_sort_area .gu_sort_name a:after {content:''; position:absolute;width:0;height:2px;left:0;bottom:0;background:#222222;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;}
.no-mobile .gu_sort_area .gu_sort_name a:hover:after {width:100%;}

.gu_sort_area .gu_selectbox {position:absolute;top:0;left:0;z-index:2;min-width:100%;width:auto; height:280px; max-height:280px; background-color:#222;color:#fff; visibility: hidden; opacity:0;}
.gu_sort_area .gu_selectbox.on {visibility: visible; opacity:1;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner {position:relative; width:100%; height:100%;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a {font-size:16px; display: block; width:100%; height:40px; line-height:40px; padding-left:17px; font-weight:500;white-space:nowrap;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.no-mobile .gu_sort_area .gu_selectbox .gu_selectbox_inner a:hover {background:#393939;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a span {position:relative;display:inline-block;line-height:1;white-space:nowrap}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a.on span:before {content:''; position:absolute; left:0;bottom:-6px;width:100%;height:1px;background:#fff;}

/* 스크롤 + 검색란 */
.gu_search_box .gu_sort_area .gu_selectbox {min-width:184px;}
.gu_sort_area .gu_inputbox .gu_inputbox_inner {border-bottom:2px solid #d9d9d9; margin-left:16px; width:200px; height:56px;display:inline-block; vertical-align:bottom; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gu_sort_area .gu_inputbox .gu_inputbox_inner input {width:100%; height:100%; font-size:16px;}
.gu_sort_area .gu_inputbox a.btn_search {width:48px; height:48px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background:#333; display:inline-block; margin-left:24px;}
.gu_sort_area .gu_inputbox a.btn_search img {width:18px;height:18px; vertical-align:middle; padding:15px;}


#DOWNLOAD_CENTER {padding-bottom:160px;}
#DOWNLOAD_CENTER .gu_detail_top {text-align:left;background:#fafafa;border-top:2px solid #444;border-bottom:1px solid #e1e1e1;padding:50px 40px;}
#DOWNLOAD_CENTER .gu_detail_top * {text-align:left;}
#DOWNLOAD_CENTER .gu_detail_top span {color:#999;}
#DOWNLOAD_CENTER .gu_detail_middle {padding:60px 40px 60px;}
#DOWNLOAD_CENTER .gu_detail_middle .gu_text p {padding-bottom:30px;}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #DOWNLOAD_CENTER {margin-bottom:100px;}
    #DOWNLOAD_CENTER .gu_detail_top {padding:25px 20px;}
    #DOWNLOAD_CENTER .gu_detail_middle {padding:40px 10px;}
    #DOWNLOAD_CENTER .gu_detail_middle .gu_text p {padding-bottom:25px;}
    #DOWNLOAD_CENTER .gu_detail_file { padding:25px 10px 5px;}
    #DOWNLOAD_CENTER .gu_detail_file > span {margin-right:25px;}
    #DOWNLOAD_CENTER .gu_detail_file > .gu_btn_down {width:calc(100% - 77px);}
    #DOWNLOAD_CENTER .gu_detail_file > .gu_btn_down a span {padding-left:23px;}

	.gu_sort_area .gu_sort_name{width:140px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #DOWNLOAD_CENTER .gu_detail_top span { font-size:13px;}
}

@media all and (max-width: 475px) {
    .gu_sort_area .gu_sort_name{width:106px;}
    .gu_search_box .gu_sort_area .gu_selectbox{min-width:106px;}
    .gu_sort_area .gu_inputbox .gu_inputbox_inner {width:150px;}
    .gu_table tbody td:last-child {padding-right: 25px;}
}

@media all and (max-width: 375px) {
    .gu_sort_area .gu_sort_name{width:86px;}
    .gu_search_box .gu_sort_area .gu_selectbox{min-width:86px;}
}