@charset "utf-8";

/************************************* 
Global AR Style Sheet (MAIN, BBS, CONTENT)
Version : 1.0
Author : uracle(sejong) - sk.k
Create date : 2025. 06.
*************************************/
html[lang="ar"]{
	direction: rtl;
	text-align: right;
}
html[lang="ar"] body{
	line-height: 1.6;
	font-family: 'Noto Sans Arabic', 'Noto Sans', 'Roboto', 'Noto Sans KR', "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
}
select{
	padding-left: 3rem;
	padding-right: var(--number-8);
	background-position: center left 1rem;
}

/* LAYOUT START *****************************************************************/
#header .gnbWrap .logo img,
.footer-logo img{
	margin: 0 0 0 1rem;
}
#header .gnbWrap .logo .nation span + span,
#allgnb .nation span + span,
.footer-logo .nation span + span{
	margin: 0 1rem 0 0 ;
	padding: 0 1rem 0 0;
}
#header .gnbWrap .logo .nation span + span:before,
.footer-logo .nation span + span:before{
	left: inherit;
	right: 0;
}
#allgnb .lang > li{
	margin: 0 0 0 1rem;
	padding: 0 0 0 1rem;
}
#allgnb .lang > li:after{
	left: 0;
	right: inherit;
}
#allgnb .lang > li:last-child{
	margin: 0;
	padding: 0;
}
#header .searchwrap .search-texts{
	padding: var(--number-5) var(--number-8);
	padding-left: 5rem;
}
#header .searchwrap .btn-search{
	left: 0;
	right: inherit;
}
#allgnb .nation{
	padding: 0 1.5rem 0 8rem;
}
.allmenu-close{
	left: 2.15rem;
	right: auto;
}
.search-btn{
	margin: 0 2rem 0 0;
}

.footer-hd .internal-link .news-subscribe .icon{
	margin: 0 0 0 0.8rem;
}
.footer-md .kocc-select .kocc-tit{
	text-align: right;
}
.footer-md .kocc-select .kocc-list{
	direction: ltr; /* ar일때 강제 왼쪽정렬 */
}
.related .related-tit{
	padding: 0 1.3rem 0 3.5rem;
}
.related .related-tit:after{
	right: inherit;
	left: 1.2rem;
}

#breadcrumb > ol > li{
	border-left: 1px #ccc solid;
	border-right: 0;
}
#breadcrumb .depth-stats{
	padding: 0 2rem 0 5rem;
	text-align: right;
}
#breadcrumb .depth-stats:after{
	left: 1.8rem;
	right: inherit;
}
#quick .quick{
	left: auto;
	right: calc(100% + 2rem);
}
.quick .quick-list .social-media .social-media-list > li a{
	padding: 1.6rem 5rem 1.6rem 1.6rem;
}
.quick .quick-list .social-media .social-media-list .icon{
	left: inherit;
	right: 1.6rem;
}
/* LAYOUT END ******************************************************************/
/******************************************************************************/
/* MAIN START ******************************************************************/
.banner-close{
	right: auto;
	left: 3rem;
}

#activity .slider-controller .slider-btn-prev i,
#activity .slider-controller .slider-btn-next i{
	transform: scaleX(-1);
	line-height: 1;
}
.visual-banner .slider-controller,
.popup-kocis .slider-controller,
.schedule-area .sc-header{
	flex-direction: row-reverse;
}

.popup-kocis .slider-controller .icon{
	line-height: 0;	
}
.visual-banner-wrap{
	right: auto;
	left: 0;
}
.visual-banner{
	border-radius: 0 4rem 0 0;
	box-shadow: 20px 20px 30px rgba(60,70,80,0.4);
}
.visual-banner .img{
	border-radius: 0 4rem 0 0;
}
.visual-banner .slider-controller{
	right: auto;
	left: 1.5rem;
}
.visual-banner .slider-controller .slide-num{
	line-height: 1;
}
.visual-banner-wrap .btn-contract{
	left: auto;
	right: -4rem;
	border-radius: 0 10px 10px 0;
	box-shadow: 20px 20px 30px rgba(60,70,80,0.4);
}
.visual-banner-wrap.active{
	right: auto;
	left: -48rem;
}
#visual .weather-box{
	left: auto;
	right: 0;
}
.quick-box{
	left: -10rem;
	right: auto;
}
.quick .quick-list .social-media .social-media-list{
	left: 8rem;
	right: auto;
	padding-left: 1rem;
	padding-right: inherit;
}

.activity-slide-wrap .slide{
	float: right;
}
#news .tab-nav .title-tab{
	padding-right: 0;
	padding-left: 3.5rem;	
}
#news .tab-nav .title-tab a:after{
	left: 0;
	right: inherit;
	transform: scaleX(-1);
}
#news .tab-nav .title-tab a:hover:after,
#news .tab-nav .title-tab a:focus:after{
	transform: translateX(-1rem) scaleX(-1);
}
#news .tab-nav > li .more{
	left: inherit;
	right: 0;
}
#news .tab-cont .news-list{
	text-align: right;
}
#info .info-area{
	padding: 2rem;
	padding-left: 25rem;
}
#info .info-area:before{
	right: inherit;
	left: 0;
}
#info .info-area:after{
	left: inherit;
	right: 0;
	background: linear-gradient(-90deg, #4466a5 60%, #4466a5 80%, transparent);
}
#info .info-area .dt{
	margin: 0 0 0 1.4rem;
	padding: 0 2.4rem 0 0;
}
#info .info-area .dd{
	direction: ltr; /* ar일때 강제 왼쪽정렬 */
}
#info .info-area .dt i{
	left: inherit;
	right: 0;
}
.popup-kocis .slider-controller .slide-num{
	direction: ltr; /* ar일때 강제 왼쪽정렬 */
}
.schedule-area .wkd-cont .day-date{
	margin: 0 0 0 1.6rem;
}
.schedule-area .wk-day-header .wk-day-list .num, .schedule-area .wk-day-header .more{
	line-height: 1;
}

/* MAIN END ********************************************************************/
/*****************************************************************************/
/* BBS START *******************************************************************/
.search-box .btn-search{
	line-height: inherit;
}
.articles .total,
.photo-list .date em, 
.photo-list .event-date em,
.board-view .info li,
.download-list .section-tit,
.report-info span{
	margin: 0 0 0 0.5rem;
	padding: 0 0 0 0.8rem;
}
.articles .total::after,
.photo-list .date em:after, 
.photo-list .event-date em:after,
.board-view .info li:not(:last-child)::after,
.download-list .section-tit:after,
.report-info span:after{
	right: inherit;
	left: 0;
}
[class*="pagination"] .page-navi.prev::before, 
[class*="pagination"] .page-navi.next::after, 
[class*="pagination"] .page-navi.first::after, 
[class*="pagination"] .page-navi.last::after,
.bbs-type-cal .calendar-header .arrow-btn{
	transform: scaleX(-1);
}
[class^="tstyle-list"] td.subject{
	text-align: right;
}
.icon-file{
	margin-left: 0.5rem;
	margin-right: 0;
}
.bx-event .hot-issue .issue{
	left: inherit;
	right: calc(4rem + 10px);
}
.bbs-type-cal .eventlist{
	padding-right: 7rem;
	padding-left: inherit;
}
.bbs-type-cal .eventlist i{
	left: inherit;
	right: 3rem;
	margin: 0 0 0 1rem;
}
.bbs-type-cal .date{
	margin: 0 0 0 1rem;
}
.thumb-type .hot-list .tit{
	padding-left: 0;
	padding-right: 3.5rem;
}
.thumb-type .hot-list .tit:before{
	left: auto;
	right: 0;
	/* transform: scale(-1); */
}
.thumb-type .hot-list:before,
.thumb-type .hot-list:after{
	right: auto;
	left: 3rem;
}
.faq-list .txt-qa{
	left: auto;
	right: 1.6rem;
}
.faq-list>li .question::after {
	right: auto;
	left: 3rem;
}
.faq-list .book-info ul li strong:before{
	right: auto;
	left: -1rem;
}
.view-content-slide .slider-controller .slider-btn-prev{
	left: inherit;
	right: 0;
}
.view-content-slide .slider-controller .slider-btn-next{
	right: inherit;
	left: 0;
}

/* BBS END *********************************************************************/
/*****************************************************************************/
/* CONTENT START ***************************************************************/
[class*="depth1-title"], 
[class*="depth2-title"], 
[class*="depth3-title"]{
	padding-left: 0;
	padding-right: 	3rem;
}
[class*="depth1-title"]:before{
	left: inherit;
	right: -0.2rem;
	transform: rotate(225deg);
}
[class*="depth2-title"]:before,
[class*="depth3-title"]:before{
	left: inherit;
	right: 0;
}
[class^="lstyle-"] li:before, 
p.lstyle-dot:before, 
p.lstyle-line-before{
	left: inherit;
	right: 0;
}
[class^="lstyle-"] li,
p.lstyle-dot, 
p.lstyle-line{
	padding-left: inherit;
	padding-right: 1.1rem;
}
.lstyle-number > li{
	margin-left: 0;
	margin-right: 2.6rem;
}
.lstyle-number.round > li, 
.lstyle-number.square > li{
	margin-right: 0;
	padding-left: inherit;
	padding-right: 2.7rem;
}
.related-site .dep1 ol li a{
	margin: 0 1.5rem 0 0;
}
/* CONTENT END *****************************************************************/
/*****************************************************************************/
/* SEARCH START ****************************************************************/
.input-datepicker input{
	height: var(--number-14);
	padding: var(--number-5) var(--number-8);
	padding-left: var(--number-14);
}

.input-datepicker .ui-datepicker-trigger{
	right: inherit;
	left: 0;
}
.myKeyword .konan-recent li{
	padding-left: 0;
	padding-right: 1.5rem;
}
.myKeyword .konan-recent li:before{
	left: auto;
	right: 0;
}
.searchList .date + .nav{
	margin-left: 0;
	margin-right: 1rem;
	padding-left: 0;
	padding-right: 1rem;
}
.searchList .date + .nav:before{
	left: auto;
	right: 0;
}
/* SEARCH START ****************************************************************/