@charset "UTF-8";


/* font styles */
/* headers */
h1{font-size: 3.6rem;}
h2{font-size: 3.2rem;}
h3{font-size: 2.8rem;}
h4{font-size: 2.3rem;}
h5{font-size: 2.0rem;}
h6{font-size: 1.6rem;}

/* icons */
.search_btn, .iBtn.search_btn::before{ 
	background: url(../img/icons/searchIcon.png) no-repeat center / cover;
}
.arrow_line_left, .iBtn.arrow_line_left::before{ background: url('../img/icons/arrow_line_left.png') no-repeat center / cover; }
.arrow_line_right, .iBtn.arrow_line_right::before{ background: url('../img/icons/arrow_line_right.png') no-repeat center / cover; }
.arrow_left, .iBtn.arrow_left::before{ background: url('../img/icons/arrow_left.png') no-repeat center / cover; }
.arrow_right, .iBtn.arrow_right::before{ background: url('../img/icons/arrow_right.png') no-repeat center / cover; }
.arrow_up, .iBtn.arrow_up::before{ background: url('../img/icons/arrow_up.png') no-repeat center / cover; }
.arrow_down, .iBtn.arrow_down::before{ background: url('../img/icons/arrow_down.png') no-repeat center / cover; }
.arrow_fill_dble_left, .iBtn.arrow_fill_dble_left::before{ background: url('../img/icons/arrow_fill_double_left.png') no-repeat center / cover; }
.arrow_fill_dble_right, .iBtn.arrow_fill_dble_right::before{ background: url('../img/icons/arrow_fill_double_right.png') no-repeat center / cover; }
.arrow_fill_left, .iBtn.arrow_fill_left::before{ background: url('../img/icons/arrow_fill_left.png') no-repeat center / cover; background-position: bottom; }
.arrow_fill_right,.iBtn.arrow_fill_right::before{ background: url('../img/icons/arrow_fill_right.png') no-repeat center / cover; background-position: bottom; }
.arrow_fill_down,.iBtn.arrow_fill_down::before{ background: url('../img/icons/arrow_fill_down.png') no-repeat center / cover; }
.arrow_fill_up, .iBtn.arrow_fill_up::before{ background: url('../img/icons/arrow_fill_up.png') no-repeat center / cover; }
.home, .iBtn.home::before{ background: url('../img/icons/home.png') no-repeat center / cover; }
.grid, .iBtn.grid::before{ background: url('../img/icons/grid.png') no-repeat center / cover; }
.info, .iBtn.info::before{ background: url('../img/icons/infoIcon.png') no-repeat center / cover; }
.link, .iBtn.link::before{ background: url('../img/icons/link.png') no-repeat center / cover; }
.print, .iBtn.print::before{ background: url('../img/icons/print.png') no-repeat center / cover; }
.icon_purchasing, .iBtn.icon_purchasing::before { background: url('../img/ico/ico_purchasing_requisition_2.png') no-repeat center / cover; }
a.aBtn.iBtn.icon_purchasing::before { width: 24px; height: 16px; }
.embed, .iBtn.embed::before{ background: url('../img/icons/htmlTag.png') no-repeat center / cover; }
.email, .iBtn.email::before{ background: url('../img/icons/email.png') no-repeat center / cover; }
.facebook, .iBtn.facebook::before{ background: url('../img/icons/f_logo_RGB-Blue_58.png') no-repeat center / cover; }
.youtube, .iBtn.youtube::before{ background: url('../img/icons/youtube.png') no-repeat center / cover; }
.blog, .iBtn.blog::before{ background: url('../img/icons/blog.png') no-repeat center / cover; }
.twitter, .iBtn.twitter::before{ background: url('../img/icons/twitter.png') no-repeat center / cover; }
.download, .iBtn.download::before{ background: url('../img/icons/download.png') no-repeat center / cover; }
.keyboard, .iBtn.keyboard::before{ background: url('../img/icons/keyboard.png') no-repeat center / cover; }
.resetIcon, .iBtn.resetIcon::before{ background: url('../img/icons/reset.png') no-repeat center / cover; }
.closeIcon, .iBtn.closeIcon::before{ background: url('../img/icons/X.png') no-repeat center / cover; }
.closeIconX2, .iBtn.closeIconX2::before{ background: url('../img/icons/X.png') no-repeat center / cover; }
.kakaoIcon, .iBtn.kakaoIcon::before{ background: url('../img/icons/kakaoIcon.png') no-repeat center / cover; }
.naverIcon, .iBtn.naverIcon::before{ background: url('../img/icons/naverIcon.png') no-repeat center / cover; }
.goolgeIcon, .iBtn.goolgeIcon::before{ background: url('../img/icons/goolgeIcon.png') no-repeat center / cover; }
.plus, .iBtn.plus::before{ background: url('../img/icons/plus.png') no-repeat center / cover; }
.minus, .iBtn.minus::before{ background: url('../img/icons/minus.png') no-repeat center / cover; }
.inforIcon, .iBtn.inforIcon::before{ background: url('../img/icons/inforIcon.png') no-repeat center / cover; }
.imgIcon, .iBtn.imgIcon::before{ background: url('../img/icons/imageIcon@2x.png') no-repeat center / cover; }
.imgIcon_w, .iBtn.imgIcon_w::before{ background: url('../img/icons/imgIcon_w.png') no-repeat center / cover; }
.imgIcon_r, .iBtn.imgIcon_r::before{ background: url('../img/icons/imgIcon_r.png') no-repeat center / cover; }
.cardIcon, .iBtn.cardIcon::before{ background: url('../img/icons/cardIcon.png') no-repeat center / cover; }
.likeIcon, .iBtn.likeIcon::before{ background: url('../img/icons/likeIcon.png') no-repeat center / cover; }

/*  form items */
input{ border: 1px solid #ddd; padding:0 10px; height: 30px; border-radius: 3px; }
input[type="checkbox"]{ width: 18px;height: 18px; border: 1px solid #ddd; margin-right: 5px; cursor: pointer; }
input[type="radio"]{ width: 18px;height: 18px; margin-right: 10px; cursor: pointer; }
input[type="file"]{border: 1px solid #ddd; background: #eee; position: relative; padding: 0 10px 0 0 ;}
input[type="file"]::file-selector-button{
  background: #2D477A;
  color:#fff;
  border:0;
  border-radius: 3px 0 0 3px;
  padding:0 10px;
  font-size: 80%;
  height: 100%;
}
input[type="file"]::file-selector-button:hover{
  background: #365491;
  cursor: pointer;
}
textarea{ border: 1px solid #ddd; border-radius: 3px; padding: 10px 20px;}

select{ border: 1px solid #ddd; padding:0 10px; height: 30px; border-radius: 3px; min-width: 170px;}

/* clicker */
a:hover{ cursor: pointer; color: #365491; font-weight: bold; }
.aBtn, button{
  display:inline-block;
  background-color: #2D477A;
  border-radius: 3px;
  color:#fff;
  height:30px;
  padding: 0 10px;
}
.aBtn:hover,button:hover{ cursor: pointer; background-color: #365491; color:#fff; font-weight: normal; }


/* iconButtons  */
.aBtn{ line-height: 30px; }

.iBtn{text-align: center; padding: 0 10px; background-image: none; }
.iBtn::before{
    content: "";
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    vertical-align: middle;
    margin-right: 5px;
    background-position: center;
    background-size: cover;
}

/* target */
.active_bg{
  background: #64779b;
  color: #fff;
  border: none;
}
.active_border{background: #fff; color: #D02829; border: 1px solid #D02829;}

/* 백세빈추가 */
/* =====================================
   button style
===================================== */
.btn.reg-btn { width: 178px; padding: 12px 0;     
    padding: 12px 12px;
    background: #d95050;
    border: none;
    color: #fff;
    text-decoration: none;}
.btn.radius-btn { border-radius: 5px;}

	/* modal_window */
	.modal-wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 9999; background: rgba(0,0,0,0.7);}
	.modal-wrap:after { content: ''; display: inline-block; width: 0; height: 100%; margin-left: -5px; background: red; font-size: 0; line-height: 0; vertical-align: middle;}
	.modal-wrap .modal-inner { display: inline-block; position: relative; margin: 0 auto; padding: 30px 25px 25px; vertical-align: middle; text-align: left; border: 3px solid #919191; border-radius: 3px; box-shadow: 14px 17px 50px #000; background: #fff;}
	.modal-wrap .modal-inner .modal-header { padding: 30px 25px 20px; border-bottom: none;}
	.modal-wrap .modal-inner .modal-header h1 { margin: 0 0 0 0; font-family: NanumMyeongjo; font-weight: bold;}
	.modal-wrap .modal-inner .modal-header p { margin: 10px 0 0 0;}
	.modal-wrap .modal-container { }
	.modal-wrap .modal-inner .embed-share { width: 458px;}
	.modal-wrap .modal-inner .embed-share h1:first-child { margin: 0 0 10px 0;}
	.modal-wrap .modal-inner .embed-share .contents-title { margin: 0 0 10px 0; padding-left: 30px; font-size: 1.1em; font-weight: bold; color: #565656; background: url('../img/ico/ico_content_share.png') 0 3px no-repeat;}
	.modal-wrap .modal-inner .embed-share p { color: #757575; }
	.modal-wrap .modal-inner .embed-share textarea { padding: 12px 20px; width: 416px; height: 130px; color: #434343; font-size : 1.3rem; text-align: left; }
	.modal-wrap .modal-inner .embed-share input { padding: 0 10px; width: 434px; height: 40px; font-size : 1.3rem;}

/* 	.modal-wrap.share-mail .modal-inner { padding: 38px;} */
	.modal-wrap .modal-inner .email-share { width: 608px;}
	.modal-wrap .modal-inner .email-share h1:first-child { margin: 0 0 10px 0;}
	.modal-wrap .modal-inner .email-share .contents-title { padding-left: 30px; font-size: 1.4em; font-weight: bold; color: #565656; background: url('../img/ico/ico_email_share.gif') 0 3px no-repeat;}
	.modal-wrap .modal-inner .email-share p { color: #757575; }
	.modal-wrap .modal-inner .email-share textarea { padding: 12px 20px; width: 472px; height: 73px; color: #434343;}
	.modal-wrap .modal-inner .email-share textarea#txt { height: 126px; margin-top: 20px;}
	.modal-wrap .modal-inner .email-share .table-default { padding-bottom: 30px; border-bottom: 1px solid #c9c9c9;}
	.modal-wrap .modal-inner .email-share .email-share-contents { overflow: hidden; margin: 30px 0 0 0; padding: 20px; border: 1px solid #dbdbdb;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-img { float: left; width: 220px; height: 160px;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-img img { width: 100%; height: 100%;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt { float: left; width: 320px; margin: 0 0 0 20px;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt .part { margin: 20px 0 0 0; font-family:NotoSansL; font-size: 1.2em; color: #636363;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt .tit { margin: 0 0 0 0; font-family:NotoSansL; font-size: 1.7em; color: #636363;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt a { display: inline-block; margin: 25px 0 0 0; font-size: 0.9em;}

	.modal-wrap .table-default table{ width: 100%;}
	.modal-wrap .table-default table th { padding-top: 16px; font-family:NotoSansKr; font-size: 1.1em; vertical-align: top; text-align: left;}
	.modal-wrap .table-default table th.ver-mid { vertical-align: middle;}
	.modal-wrap .table-default table th.two-line label { margin-top: 0; line-height: 1.2em;}
	.modal-wrap .table-default table th.two-line .necessariness { top: 18px;}
	.modal-wrap .table-default table td { padding: 9px 0; }
	.modal-wrap .table-default table td input[type=text] { width: 472px; height:38px; border: 1px solid #acacac; text-indent: 14px; }
	.modal-wrap .table-default table td input[type=password] { width: 472px; height:38px; border: 1px solid #acacac; text-indent: 14px; }
	.modal-wrap .table-default table td input:read-only { background: #e1e1e1;}
	.modal-wrap .table-default table td textarea { border: 1px solid #c9c9c9; padding: 9px 14px; box-sizing: border-box;}

	.photo-buy-list { position: relative; width: 790px; padding: 32px 0 32px 28px; font-size: 1em; background: #f3f3f3; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;}
	.photo-buy-list .select-remove { position: absolute; right: 0; top: 0; z-index: 300;}
	.photo-buy-list .buy-list-inner { width: 100%; max-height: 600px; overflow-y: auto;}
	.photo-buy-list .all-select { height: 30px; padding: 12px 0 0 0; }
	.photo-buy-list .all-select input { margin: 0 0 0 10px !important; }
	.photo-buy-list .all-select label { margin: 0 0 0 5px; }
	.photo-buy-list .buy-list-inner > ul { margin: 0 0 0 0; padding: 0 0 0 0; }
	.photo-buy-list .buy-list-inner > ul > li { padding: 20px 0; border-top: 1px solid #b5b5b5; }
	.photo-buy-list .buy-list-inner > ul > li > div { display: table-cell; vertical-align: middle;}
	.photo-buy-list .buy-list-inner > ul > li > .buy-list-select { width: 40px; text-align: center;}
	.photo-buy-list .buy-list-inner > ul > li > .buy-list-img { width: 30%; text-align: center; }
	.photo-buy-list .buy-list-inner > ul > li > .buy-list-img a { display: inline-block; position: relative; overflow: hidden; width: 200px; height: 137px; line-height: 137px;}
	.photo-buy-list .buy-list-inner > ul > li > .buy-list-img a img { width: 110%; max-width: 110%; height: auto; min-height: 100%; margin: -100% -5%; vertical-align: middle !important;}
	.photo-buy-list .buy-list-inner > ul > li > .buy-photo-info {}
	.buy-photo-info { line-height: 1.6em; color: #656565;}
	.buy-photo-info strong { font-family:NotoSansKr; font-weight: bold;}
	.buy-photo-info ul { clear: both; overflow: hidden; width: 100%; margin: 0 0 5px 0;}
	.buy-photo-info ul li { float: left; width: 33%;}

	.buy-photo-info p { clear: both; width: 570px; margin: 0 0 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
	.manage-wrap .photo-buy-list { width: 812px; padding: 0 0 0 0; background: #fff; border-top: none; border-bottom: none;}

	.modal-wrap .modal-container .modal-contents {}
	.modal-wrap .modal-container .modal-contents .modal-table { margin: 0 29px;}
	.modal-wrap .modal-container .modal-contents .modal-table .table-default { padding: 0 0 50px; border-bottom: 4px solid #c2c2c2;}
	.modal-wrap .modal-container .modal-contents .modal-table .necessariness { top: 21px;}
	.modal-wrap .modal-container .modal-contents .modal-table th { padding: 8px 0 0 0;}
	.modal-wrap .modal-container .modal-contents .modal-table td input[type=text] { height: 32px;}
	.modal-wrap .modal-container .modal-contents .modal-table .inp-text { font-family:NotoSansRg; font-size: 0.9em; font-weight: bold; color: #818181;}
	.modal-wrap .modal-container .modal-contents .modal-table button { margin-left: 5px;}
	.modal-wrap .modal-footer { overflow: hidden; padding: 0 0 0 0;}
	.modal-wrap .modal-inner .btn-modal-close { position: absolute; right: -60px; top: -25px;}
	.modal-btn-02 { width: 100%; margin-top: 30px; padding-top: 20px; border-top: 2px solid #919191;}
	.modal-btn-02 ul { overflow: hidden; width: 100%;}
	.modal-btn-02 li { float: left; width: 49%;}
	.modal-btn-02 li + li { margin-left: 2%;}
	.modal-btn-02 li a{ width: 100%; padding: 16px 0;}

	.modal-dimed { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; background: #000; opacity: 0.7;  filter: alpha(opacity=0);}
	.dimed { position: absolute; left: 0; top: 0; width: 100%; height:100%; background: rgba( 0, 0, 0, 0.7); z-index:1000;}

/* 퍼가기 모달 */
/* 	.modal-wrap { overflow-y: auto;} */
/* 	.modal-wrap .modal-inner { top: 50%; width: 100%; margin: -240px auto 0; box-sizing: border-box;} */
	.modal-wrap .modal-inner .embed-share,
/* 	.modal-wrap .modal-inner .email-share { width: 100%;} */
	.modal-wrap .modal-inner .embed-share textarea,
	.modal-wrap .modal-inner .embed-share input,
	.modal-wrap .table-default table td input[type=text],
	.modal-wrap .modal-inner .email-share textarea { /* width: 100%; */ box-sizing: border-box;}
	.modal-wrap .modal-inner .email-share .table-default { padding-bottom: 15px;}
	.modal-wrap .modal-inner .email-share .email-share-contents { margin: 15px 0 0 0;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-img { float: inherit; width: 290px; height: 211px;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-img img { width: 100%; height: 100%;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt { float: inherit; width: 100%; margin: 0 0 0 0;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt .part { margin: 15px 0 0 0; font-size: 1em;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt .tit { font-size: 1.2em;}
	.modal-wrap .modal-inner .email-share .email-share-contents .share-txt a { margin: 10px 0 0 0;}

/* =====================================
   loading_bar style
===================================== */
.loadingBar { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=70); z-index: 15000;}

/* detail-img */
	.detail-img .btn-transcription { position: absolute; right: -1px; top: 30px;}
	.viewImg .btn-trans-go { position: absolute; right: 84px; bottom: 114px;}
	.detail-img.trans-on { width: 730px;}
	.detail-img.trans-on .image-gallery { text-align: left;}
	.detail-page .detail-img.trans-on { width: 316px; height: 567px;}
	
/* transcription-text */	
	.transcription-text { display: none; float: left; overflow: hidden; width: 300px; height: 780px; padding: 30px 25px; border-top: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
	.transcription-text p { line-height: 1.8em; font-family:NotoSansL; color: #8d8d8d; }
	.transcription-text div { line-height: 1.3em; font-size: 50%;}
	.transcription-wrap .detail-content .transcription-text { display: block; max-height: 842px; padding: 0 0 0 0; overflow: auto; box-sizing: border-box;}
	.transcription-wrap .detail-content .transcription-text .transcription-textarea-title { padding: 23px 20px; background: #383838;}
	.transcription-wrap .detail-content .transcription-text .transcription-textarea-title h4 { font-family:NotoSansRg; font-size: 1.4em; font-weight: normal; margin: 0 0 0 0; color: #fff;}
	.transcription-wrap .detail-content .transcription-text .transcription-textarea { padding: 10px;}
	.transcription-wrap .detail-content .transcription-text .transcription-textarea textarea { width: 100%; height: 750px; padding: 20px; box-sizing: border-box; line-height: 1.8em;}
	.transcription-text { overflow: auto; height: 689px; box-sizing: border-box; }
	
	
	.full-size-img .img-text .btn-close { display: block; position: absolute; right: 20px; top: 20px; width: 25px; height: 69px;}
	.full-size-img .img-text .btn-close img { width: 100%;}
	.full-size-img .img-text .btn-close { right: 10px; top: 10px;}
	
	.full-size-img { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #dadada; z-index: 3000;}
	.full-size-img.on { display: block;}
	.full-size-img .img-area { float: left; display: table; table-layout: fixed; width: 100%; height: 100%;}
	.full-size-img .img-area div { display: table-cell; overflow: hidden; width: 100%; height: 100%; line-height: 100%; text-align: center; vertical-align: middle;}
	.full-size-img .img-area img { max-width: 100%; max-height: 100%;}
	.full-size-img .img-text { float: right; position: relative; width: 200px; height: 100%; min-height: 440px; background: #000;}
	.full-size-img .img-text .img-info { position: absolute; left: 20px; right: 20px; bottom: 170px;}
	.full-size-img .img-text .img-info .title { font-size: 1.4em; line-height: 1.6em; color: #b3b3b3;}
	.full-size-img .img-text .img-info .title:after { content: ""; display: block; width:40px; height: 3px; margin-top: 30px; background: #d2d2d2;}
	.full-size-img .img-text .img-info .sub-title { margin-top: 50px; font-size: 1.3em; line-height: 1.7em; color: #fff;}
	.full-size-img .img-text .img-info .txt { margin-top: 30px; font-size: 1em; font-family:NotoSansTh; color: #e1e1e1;}
	.full-size-img .img-text .full-img-paging { position: absolute; right: 20px; bottom: 20px;}
	.full-size-img .img-text .full-img-paging p { font-family:NotoSansTh; color: #e1e1e1;}
	.full-size-img .img-text .full-img-paging ul { margin: 15px 0 0 0;}
	.full-size-img .img-text .full-img-paging ul li { float: left;}
	.full-size-img .img-text .full-img-paging ul li + li { margin-left: 1px;}
	.full-size-img .img-text .btn-close { display: block; position: absolute; right: 20px; top: 20px; width: 25px; height: 69px;}
	.full-size-img .img-text .btn-close img { width: 100%;}
	
	/* 모바일 갤러리보기 */
	.full-size-img {}
	.full-size-img .img-area { float: inherit; display: block; height: 70%;}
	.full-size-img .img-area > div { display: block;}
	.full-size-img .img-area > div:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; line-height:0;}
	.full-size-img .img-area > div img { vertical-align: middle !important; }
	.full-size-img .img-text { float: inherit; width: 100%; height: 30%; min-height: 0;}
	.full-size-img .img-text .img-info { position: relative; left: inherit; right: inherit; bottom: inherit; margin-left: 10px;}
	.full-size-img .img-text .img-info .title { width: 160px; margin: 0 0 0 0; padding: 10px 0 0 0; font-size: 1.2em; line-height: 1.4em;}
	.full-size-img .img-text .img-info .title:after { margin-top: 15px;}
	.full-size-img .img-text .img-info .sub-title { overflow: hidden; width: 240px; height: 40px; margin-top: 20px; font-size: 1.1em; line-height: 1.3em;}
	.full-size-img .img-text .img-info .txt { width: 160px; margin-top: 10px;}
	.detail-img .image-gallery .img-area > div > img { max-width: 100%; max-height: 100%;}

	.full-size-img .img-text .full-img-paging { right: 10px; bottom: 10px;}
	.full-size-img .img-text .btn-close { right: 10px; top: 10px;}	
	.full-img-prev { padding: 6px 30px 6px 20px;}
	.full-img-next { padding: 6px 20px 6px 30px;}
	
	.sub-detail-wrap .snb-wrap .snb .depth-02 > li.current > a { font-weight: bold; text-decoration: none; color: #db504a; background: url('../img/ico/snb_depth_off.png') right 20px bottom 50% no-repeat;}
	.sub-detail-wrap .snb-wrap .snb .depth-02 > li.current > ul { display: block;}
	.sub-detail-wrap .snb-wrap .snb .depth-03 > li.current > a { font-weight: bold; text-decoration: none; color: #db504a; background: url('../img/ico/snb_depth_off.png') right 20px bottom 50% no-repeat;}	
	.sub-detail-wrap .snb-wrap .snb .depth-03 > li.current > ul { display: block;}	
	.sub-detail-wrap .snb-wrap .snb .depth-04 > li.current {  background: #db504a;}
	.sub-detail-wrap .snb-wrap .snb .depth-04 > li.current > a { text-decoration:none; color: #fff; }
	.sub-detail-wrap .search-snb-wrap .search-snb .snb-menu > li.current > a { font-family:NotoSansKr; font-weight: bold; text-decoration: none; color: #202020;}
	.not-current { background: url('../img/bg/bg_transcription_impossible.png') 0 0 no-repeat;}
	.transcription-select-btn ul li.current a { color: #fff; background: #db504a;}
	
	#photo-paging .btn.btn-light-gray { padding: 6px 10px !important;}
	#photo-paging span { font-size: 1em !important;}
	#photo-paging .first { margin-right: 12px !important;}
	#photo-paging .last { margin-left: 12px !important;}
	#photo-paging span.devide-line { margin: 0 0 0 0;}
	#photo-paging span.devide-line img { width: 50%;}
	
	#photo-paging {
    clear: both;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 2%;
    bottom: 6px;
    background-color: #ffffffc4;
    border: 1px solid #2D477A;
    border-radius: 4px;
    padding: 0px 3px 0 3px;
    margin-bottom: 5px;
	}
	#photo-paging .btn.btn-light-gray { color: #303030; border: 1px solid #aaa !important; font-family:NotoSansRg;}
	#photo-paging span { font-size: 1.1em; color: #2d477a; }
	#photo-paging span.devide-line { display: inline-block; height: 31px; margin: 0 3px;}
	#photo-paging span strong { color: #2d477a; }
	#photo-paging .first { margin-right: 27px;}
	#photo-paging .last { margin-left: 27px;}
	#photo-paging a:hover { color: #fff !important; background: #dd5953 !important;}
	#nowPageNo { color: #2d477a !important; }
	
	ul.detail-gallery-btn { position: absolute; right: 10px; bottom: 10px; margin: 0 0 0 0;}
	ul.detail-gallery-btn li { float: left;}
	ul.detail-gallery-btn li:last-child { margin-left: 20px;}

	.mainSchBtn {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 50px;
	    height: 50px;
	    padding: 0;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	
	/* =====================================
	   default popup
	 ===================================== */
	.popup-default { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; text-align: center; background: rgba(0,0,0,0.6);}
	.popup-default:after { content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
	.popup-default .popup-wrap { position: relative; display: inline-block; width: 530px; height: 400px; background: #fff; box-shadow: 3px 3px 3px #333; border: 1px solid #dbdbdb; border-radius: 5px; box-sizing: border-box; vertical-align: middle;}
	.popup-default .popup-wrap .popup-contents { width: 100%; height: 355px; padding: 65px 34px 0; box-sizing: border-box; letter-spacing: -1px; overflow: auto;}
	.popup-default .popup-wrap .popup-contents .popup-title { font-weight: bold; font-size: 1.7em; color: #555;}
	.popup-default .popup-wrap .popup-contents .popup-txt { margin: 40px 0 0 0; font-size: 1em; line-height: 2em;}
	.popup-default .popup-wrap .popup-contents .btn.large-btn { margin-top: 45px; width: 270px !important; padding: 17px 0 !important; letter-spacing: 0;}
	.popup-default .popup-wrap .popup-footer { position: relative; width: 100%; height: 45px; line-height: 45px; background: #ebebeb; border-top: 1px solid #dbdbdb; border-radius: 0 0 5px 5px; box-sizing: border-box; text-align: left;}
	.popup-default .popup-wrap .popup-footer .input-checkbox { margin-left: 20px;}
	.popup-default .popup-wrap .popup-footer .input-checkbox input[type=checkbox] { margin: 0 5px 0 0 !important;}
	.popup-default .popup-wrap .popup-footer .input-checkbox label { display: inline;}
	.popup-close-btn { position: absolute; right: 20px; top: 15px; display: inline-block; width: 15px; height: 15px; font-size: 0; text-indent: -5000px; background: url('../img/btn/btn_popup_close.png') 0 0 no-repeat;}
		
	/* =====================================
	   editor title
	 ===================================== */

    /*             */
	.editor-txt h2 { position: relative; width: 100%; margin: 40px auto 20px !important; padding: 0 0 0 11px; font-size:1.2em; color: #353535; letter-spacing: -1px;}
	.editor-txt h2:before { position: absolute; left: 0; top: 0px; content: ''; display: block; width: 3px; height: 100%; background: #db504a;}
	.editor-txt h4 { width: 705px; padding-top: 40px; margin: 0 auto; border-top: 1px dashed #c2c2c2; font-size: 1.3em;  }
	.editor-txt {width: 705px; margin: 30px auto !important;  font-size: 1.2em; line-height: 1.8em; color: #5e5e5e;}
	.editor-txt p { width: 100% !important;}
	.editor-txt span { line-height: 1.5em;}

	blockquote {
		padding: 9.5px 19px;
	    margin: 0 0 19px;
	    font-size: 16.25px;
	    border-left: 5px solid #eeeeee;
	}
	
	pre {
		display: block;
	    padding: 9px;
	    margin: 0 0 9.5px;
	    font-size: 12px;
	    line-height: 1.49;
	    word-break: break-all;
	    word-wrap: break-word;
	    color: #333333;
	    background-color: #eaeef0;
	    border: 1px solid #cbd6d6;
	    border-radius: 1px;
	}

	
	.mobile_search_btn {
		display : none;
/* 	    display: block; */
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    top: 50%;
	    right: 10%;
	    transform: translateY(-50%);
	    cursor: pointer;
	}

	.mobile_search_btn::before {
	    content: "";
	    display: inline-block;
	    width: 2.7rem;
	    height: 2.7rem;
	    vertical-align: middle;
	    background-position: center;
	    background-size: cover;
	    background: url(../img/icons/searchIcon.png) no-repeat center / cover;
	    background-position : bottom;
	    top: 26%;
	    position: absolute;
	   	transform: translate(-50%, 0%);
    	left: 50%;
	}


	.go_top_btn {
		padding: 7px;
	    color: #404040;
	    background-color: #fcfcfc;
	    position: fixed;
	    bottom: 2%;
	    right: 1.2%;
	    cursor: pointer;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    opacity: 70%;
	    background: url(../img/icons/arrow_line_right.png) no-repeat center / cover;
	    transform: rotate( -90deg );
	    background-position-y: -28px;
	    z-index: 99999;
	}
	
	.go_top_btn:hover {
		opacity: 100%;
	}
	
	.text_btn_wrap {
	    color: #ffffff;
	    position: fixed;
	    bottom: 4%;
	    right: 4%;
	    cursor: pointer;
	    width: 140px;
	    height: 40px;
	    float:left;
	    z-index:10000;
	    transition: 1s;
	}
	
	.text_btn_wrap p {
	margin-left: 10px;
	color: #000;
	}
	
	.text_size_1, .text_size_2, .text_size_3 {
		background-color: #888888;
		width: 40px;
		height: 40px;
		line-height:40px;
	}
	
	.text_size_1 { font-size: 18px; text-align: center; }
	.text_size_2 { font-size: 22px; text-align: center; }
	.text_size_3 { font-size: 24px; text-align: center; }
	
	.text_size_1:hover, .text_size_2:hover, .text_size_3:hover {
		background-color: #999999;
		color: #d32f31;
	}
	
	
	.go_top_btn span { font-size : 1.5rem; }
	
	
	.download-box {  width: 450px; height: 100px; margin: 20px auto; background: url('../img/ico/ico_file_box.gif') 0 0 no-repeat;}
	.download-box .download-box-inner { height: 100px; margin: 0 0 0 119px; padding: 0 10px; border: 1px solid #dbdbdb;}
	.download-box .download-box-inner p { margin: 0 0 0 0; }
	.download-box .download-box-inner .video-tit { overflow: hidden; margin-top: 15px; font-size: 1em; line-height: 1em; color: #636363; }
	.download-box .download-box-inner .video-file { overflow: hidden; margin-top: 5px; font-size: 0.8em; line-height: 1em; color: #929292; }
	.download-box .download-box-inner .file-volume { margin-top: 3px; font-size: 0.8em; color: #929292; }
	.download-box .download-box-inner .download-btn { margin: 5px 0 0 0;}
	.download-box .download-box-inner .download-btn .btn { padding: 5px 20px 5px !important; font-size: 0.8em !important; line-height: 1.1em; color:#636363; border: 1px solid #dbdbdb;}
	.download-box .download-box-inner .download-btn .btn:hover { color:#636363;}
	
	.prevPg:before {
	    width: 2.2rem !important;
	    height: 2.2rem !important;
	}