@charset "utf-8";
/* studiodragon common ----------*/
.blind {overflow: hidden; position: absolute; z-index: 1; width: 1px;height: 1px; font-size:1px; clip: rect(1px, 1px, 1px, 1px);} 
.ent {font-family:"Roboto"; letter-spacing:0;}


.show_768 {display:none;}
.show_1024 {display:none;}
.hide_768 {display:block;}
@media all and (max-width: 1024px) {
    .show_1024 {display:block !important;}
}
@media all and (max-width: 768px) {
    .show_768 {display:block !important;}
    .hide_768 {display:none !important;}
}

/* 모션 */
.overflowHidden{  overflow: hidden; }
.transition {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/*iframe CSS 적용 건*/
.iframeZone{width: 100%; margin: 0 auto;padding: 0px;box-sizing: border-box;}
.iframeZone #iFrameSizer0{width: 100%;}


/* 격자 스타일 공통 */
.right-frame span {box-sizing:border-box; border:1px solid #e5e5e5;border-right:none;}
.right-frame span:before {content:'';display:block;position:absolute;left:-1px;bottom:-1px;width:19px;height:19px;border-left:1px solid #000;border-bottom:1px solid #000;}
.left-frame span {box-sizing:border-box; border:1px solid #e5e5e5;border-left:none;}
.left-frame span:before {content:'';display:block;position:absolute;top:-1px;right:-1px;width:19px;height:19px;border-top:1px solid #000; border-right:1px solid #000;}

@media all and (max-width:767px) {
  .right-frame span:before {width:9.5px;height:9.5px;}
  .left-frame span:before {width:9.5px;height:9.5px;}
}

/* sub title */
.studiodragon-section .sub-tit-txt {width:100% ; max-width:1060px; text-align:center; padding:0 30px 97px; margin:0 auto 0; box-sizing:border-box;}
.studiodragon-section .sub-tit-txt dt, .studiodragon-section .sub-tit-txt p {font-size:30px;font-weight:500;color:#000; line-height:42px}
.studiodragon-section .sub-tit-txt dd {margin-top:30px}
@media all and (max-width:1024px) {
	.studiodragon-section .sub-tit-txt{padding:0 30px 97px;}
	.studiodragon-section .sub-tit-txt.type2 dt br {display:none}
}

@media all and (max-width:767px) {
	.studiodragon-section .sub-tit-txt {padding:0 10% 40px;}
	.studiodragon-section .sub-tit-txt dt, .studiodragon-section .sub-tit-txt p {font-size:16px; color:#000; line-height:23px}
	.studiodragon-section .sub-tit-txt dd {font-size:14px; margin-top:20px}
	.studiodragon-section .sub-tit-txt dt br, .studiodragon-section .sub-tit-txt p br, .studiodragon-section .sub-tit-txt dd br {display:none}
}

@media all and (max-width:640px) {
	.studiodragon-section .sub-tit-txt { padding:0 15px 40px;}
}


/* button */
.studiodragon-section .btn-area {width:100%; text-align:center; margin-top:50px}
.studiodragon-section .btn {display:inline-block; padding:16px 60px 16px; color:#000 !important;font-weight: 700; border:2px solid #000; box-sizing:border-box; line-height:1.5; font-size: 16px; border-radius: 0;}
.studiodragon-section .btn a {color:#000}
.studiodragon-section .btn:hover{background-color:#e5e5e5;}
.studiodragon-section .down {display:inline-block; color:#000 !important; vertical-align:middle}
.studiodragon-section .down .icon {display:inline-block;  width:19px; height:25px; background:url("../images/studiodragon/com/ico_down.png") no-repeat 0 0; margin-right:8px; vertical-align:middle;}

.studiodragon-section .listening {display:inline-block; color:#000 !important;  vertical-align:middle  }
.studiodragon-section .listening  .icon {display:inline-block; width:24px; height:25px; background:url("../images/studiodragon/com/ico_listening.png") no-repeat 0 0; margin-right:8px; vertical-align:middle }
.studiodragon-section .down + .down {margin-left:30px} 
.studiodragon-section a.down span:last-child, a.listening span:last-child {display:inline-block; border-bottom:1px solid transparent }
.studiodragon-section a.down:hover span:last-child, a.listening:hover span:last-child,  a.view:hover span:last-child  { border-bottom:1px solid #666}
.studiodragon-section a.view {display:inline-block; color:#000 !important; vertical-align:middle}
.studiodragon-section a.view .icon{display:inline-block; width:20px; height:25px; background:url("../images/studiodragon/com/ico_view.png") no-repeat 0 0; margin-right:8px; vertical-align:middle}
.studiodragon-section .btn.icodown {position:relative;}
.studiodragon-section .btn.icodown .icon {position:absolute; display:inline-block; width:20px; height:20px;top: 50%;right:22px;transform: translateY(-50%);background:url("../images/studiodragon/about/aboutus_icon_download@2x.png") no-repeat;background-size: 100%;text-indent:-9999px;}
.studiodragon-section .ico-mark {display:inline-block; width:20px; height:20px; background:url("../images/studiodragon/com/ico_mark.png") no-repeat 0 0; margin-right:12px; vertical-align:top; margin-top:2px}
.studiodragon-section .btn.more{position:relative;padding:17px 72px 18px 36px;}
.studiodragon-section .btn.more:before{content:"";position:absolute;right:24px;top:50%;display:inline-block;width:20px;height:11px;margin-top:-5px;background:url("../images/studiodragon/com/ico_more_pc.png") no-repeat center center;background-size:20px 11px;}

@media all and (max-width:900px) {
  .studiodragon-section .down {display:block;}
  .studiodragon-section .down + .down {margin-left:0; margin-top:3px} 
}

@media all and (max-width:767px) {
  .studiodragon-section .down .icon {width:13px; height:17px; background:url("../images/studiodragon/com/ico_down.png") no-repeat 0 0; background-size:100%; margin-right:4px; margin-top:-2px;}
  .studiodragon-section .listening .icon {width:13px; height:17px; background:url("../images/studiodragon/com/ico_listening.png") no-repeat 0 0; background-size:100%; margin-right:4px;}
  .studiodragon-section .down + .down {margin-top:4px} 
  .studiodragon-section a.view .icon{width:13px; height:17px; background:url("../images/studiodragon/com/ico_view.png") no-repeat 0 0; background-size:100%; margin-right:4px; }
  .studiodragon-section .btn-area {width:100%; text-align:center; margin-top:20px}
  .studiodragon-section .btn {display:inline-block; padding:8px 30px 8px; font-size:16px;line-height:24px; }
  .studiodragon-section .btn.icodown .icon {right:24px;}
  .studiodragon-section .ico-mark{width:15px;height:15px;margin-right:5px;margin-top:3px;background-image:url("../images/studiodragon/com/ico_mark_mo.png");background-size:15px 15px;}
  .studiodragon-section .btn.more{padding:8px 55px 8px 16px;}
  .studiodragon-section .btn.more:before{right:16px;width:19.5px;height:10.5px;margin-top:-5px;background-size:19.5px 10.5px;background-image:url("../images/studiodragon/com/ico_more_mo.png");}
}




  

/* 상단 언어선택 */
#ST000029 .header .util-area .util_info-list li { color:#000}

#ST000029 .header .gnb-area .dep1-txt span { font-weight: 700; font-size: 18px;}
#ST000029 .page_title_menu-section .content-panel .page_title-wrap .title span { font-size: 60px; line-height: 80px;}
#ST000029 .content-panel > .panel-header .title-main span { font-size: 50px;}
#ST000029 .notice_view_title-section .content-panel .notitle_title span { font-size: 38px;}
#ST000029 .board_view-section .panel-header .view_title-section .view_title .title-box .title  { font-size: 38px;}


/* ip 모듈 간격수정  23.0129 */
/* #ST000029 .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt,
#ST000029 .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt { width: 120px;} */

@media (max-width: 959px) {
  #ST000029 .header .gnb-area .dep1-txt span { font-weight: 500; font-size: 16px;}
  #ST000029 .page_title_menu-section .content-panel .page_title-wrap .title span { font-size: 28px; line-height: 40px;}
  #ST000029 .content-panel > .panel-header .title-main span { font-size: 23px; line-height: 30px; }
  #ST000029 .notice_view_title-section .content-panel .notitle_title span { font-size: 24px; }
  #ST000029 .board_view-section .panel-header .view_title-section .view_title .title-box .title  { font-size: 24px;}

  /* ip 모듈 간격수정  23.0129 */
  /* #ST000029 .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, 
  #ST000029 .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt  { width: 85px; word-break: break-word; } */
}

/* notice 간격변경 24.0227 */
#ST000029 .board-list_table .table-list > li.table-head .li-inner { padding: 23px 0 24px; }
#ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.num span, 
#ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.title span, 
#ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.writer span, 
#ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.date span, 
#ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.hits span { font-size: 16px;}

#ST000029 .board-list_table .table-list > li .li-inner { padding: 21px 0 18px; }
#ST000029 .board-list_table .table-list > li .li-inner .num span,
#ST000029 .board-list_table .table-list > li .li-inner .title span,
#ST000029 .board-list_table .table-list > li .li-inner .table_item > div.writer span, 
#ST000029 .board-list_table .table-list > li .li-inner .table_item > div.date span, 
#ST000029 .board-list_table .table-list > li .li-inner .table_item > div.hits span { font-size: 16px;}

#ST000029 .ip_list-section .content-panel .list-wrap .typo-area .time span { text-transform: none;} /* ip 리스트 대소문자구분 */

@media (max-width: 959px) {
  #ST000029 .board-list_table .table-list > li.table-head .li-inner { padding: 11px 10px 9px; }
  #ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.num span, 
  #ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.title span, 
  #ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.writer span, 
  #ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.date span, 
  #ST000029 .board-list_table .table-list > li.table-head .li-inner .table_item > div.hits span { font-size: 12px;}

  #ST000029 .board-list_table .table-list > li .li-inner { padding: 10px 10px 8px; }
  #ST000029 .board-list_table .table-list > li .li-inner .num span,
  #ST000029 .board-list_table .table-list > li .li-inner .title span,
  #ST000029 .board-list_table .table-list > li .li-inner .table_item > div.writer span, 
  #ST000029 .board-list_table .table-list > li .li-inner .table_item > div.date span, 
  #ST000029 .board-list_table .table-list > li .li-inner .table_item > div.hits span { font-size: 12px;}
}