@charset "utf-8";
/* @import url("https://www.arte.or.kr/css/default.css"); */
/* @import url("https://www.arte.or.kr/css/board.css"); */
/* @import url("https://www.arte.or.kr/css/popup.css"); */

@import url("./default.css");
@import url("./board.css");
@import url("./popup.css");



/* layout */
#wrap {
	width:100%;
	height:100%;
	display:block;
}
#header {
	position:fixed;
	width:330px;
	height:100%;
	/* background:url('https://www.arte.or.kr/images/comm/2depth.png') no-repeat #1b1b1b; */
	background-image: linear-gradient(to right, #1b1b1b 180px, #2C3036 180px);
	text-align:left;
	background-position:right bottom;
	z-index:1;
}
#container {
	display:block;
	width:930px;
	margin-left:330px;
	height:auto;
	min-height:768px;
	padding:60px 65px 100px;
	box-sizing:border-box;
	background-color:#FFF;
	outline: none;
}
#footer {
	display:block;
	width:930px;
	margin-left:330px;
	background:#f4f5f7;
}
#bgimg {
	position:fixed;
	margin-left:1260px;
	top:0;
	z-index:1;
	background-color:#eff0f3;
	background-image:url(https://www.arte.or.kr/images/comm/wrap_bg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	font-size:0px;
}

/* ci */
h1 {
	width:180px;
	height:75px;
	padding:50px 0;
}
h1 a {
	display:block;
	text-indent:-9999px;
	background:url('https://www.arte.or.kr/images/comm/topci.png') no-repeat center;
	width:180px;
	height:79px;
}

/* gnb */
/* KACES-CSR-4704, 통합검색 메뉴 위치 조정 , 20210105, 김현중  */
.gnbwrap {
	display:inline-block;
	/* width:100%;
	height:100%; */
}
.gnb li a.lnb {
	float:left;
	display:block;
	width:180px;
	height:44px;
	line-height:44px;
	font-size:1.1em;
	padding:0 30px;
	box-sizing:border-box;
	color:#ffffff;
}
/*.gnb li a.lnb:hover,.gnb li a.lnb:active,.gnb li a.on {
	color:#e61749;
	background-color:#000000;
}*/
/* KACES-CSR-3142, 청렴신고센터 메뉴 위치 변경 , 20210728, 김현중  */
/* .gnb > ul > li:last-child > a {color: #4985d5 !important;} */
.gnb > ul > li > a.online {color: #4985d5 !important;}
.lnblayer {
	position:absolute;
	right:29px;
	width:120px;
	font-size:14px;
	display:none;
	word-break:keep-all;
}
.lnblayer ul {
	padding:12px 0 0 25px;
	position:relative;
	z-index: 1;
}
.lnblayer li {
	margin-bottom:25px;
}
.lnblayer li a {
	color:#93989d;
	letter-spacing:-0.06em
}
.lnblayer li a:hover,.lnblayer li a:active {
	color:#ffffff;
}
.curlnb .lnblayer {
	display:block;
}
.curlnb .active {
	color:#ffffff;
}
.gnb li:nth-child(2) .lnblayer ul {
	top:44px;
}
.gnb li:nth-child(3) .lnblayer ul {
	top:88px;
}
.gnb li:nth-child(4) .lnblayer ul {
	top:132px;
}
.gnb li:nth-child(5) .lnblayer ul {
	top:176px;
}
.gnb li:nth-child(6) .lnblayer ul {
	top:220px;
}
.gnb li:nth-child(7) .lnblayer ul {
	top:264px;
}
.gnb li:nth-child(8) .lnblayer ul {
	top:308px;
}
.phide {
	display: none
}

/* 사이트맵 */
.layer {
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	z-index:998;
}
.menulayer {
	position:fixed;
	top:0;
	/*left:0;*/
	box-sizing:border-box;
	height:100%;
	display:inline-block;
	z-index:999;
	width:970px;
	height:100%;
	color:#ffffff;
	background:#1b1b1b;
	padding:0 70px;
	box-sizing:border-box;
	overflow-y:scroll;
}
.menulayer .top {
	background:none;
	border-bottom:0;
	line-height:normal;
	padding:90px 0 60px 3%;
}
.menulayer .top .menulayer_tit {
	font-size:40px;
	padding:0;
	letter-spacing:-0.05em;
}
.menulayer .top .menulayer_tit .menu_login {
	display:none;
}
.menulayer .top .menulayer_close {
	background:url('https://www.arte.or.kr/images/comm/icon/btn_menu_close.png') no-repeat;
	width:38px;
	height:38px;
	background-size:100%;
	top:102px;
	position:absolute;
	right:100px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
}
.menulayer .menulist {
	background:#242526;
}
/*KACES-CSR-6404, 웹 접근성 보완 조치, 20221226, 김현중*/
.menulayer_closebtn{
	float: right;
    margin-right: 10px;
    margin-top: 100px;
    padding: 8px;
    font-size: 22px;
    font-weight: bold;
}

.depth1 .font_m {
	font-size:23px;
	display:block;
	padding-bottom:12px;
	box-sizing:border-box;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:25px;
	cursor:default;
}
.depth1>li {
	float:left;
	width:33%;
	min-height:100px;
	padding: 0 3% 30px;
	box-sizing: border-box;
}
.depth1>li:first-child {
	padding-bottom:0;
	margin-left:0;
}
.depth2 {
	min-height:230px;
}
.depth2 li {
	letter-spacing:-0.035em;
	word-break:keep-all;
}
.depth2>li>a {
	line-height:35px;
}
.depth3 {
	margin-bottom:20px;
}
.depth3>li>a {
	font-size:13px;
	line-height:30px;
	color:#cccccc;
	background:url('https://www.arte.or.kr/images/comm/icon/bull_dash3.gif') no-repeat 1px 12px;
	padding-left:13px;
	display:inline-block;
}
.depth3>li>a>p {
	line-height:normal;
}
.depth3>li>a:hover {
	background-image:url('https://www.arte.or.kr/images/comm/icon/bull_dash2.gif');
	color:#ff1851;
}
.depth1>li:last-child {
	padding-bottom: 0;
}

/* search */
.btn_hsrch span {
	font-size: 1.1em;
	color: #fff;
	background:url('/images/comm/icon/ic_hsearch.png') no-repeat right center;
	padding-right: 35px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
}
/* KACES-CSR-4330, 인재상 안내 화면 추가 , 20211126, 김현중  */
/* KACES-CSR-3142, 청렴신고센터 메뉴 위치 변경 , 20210728, 김현중 */ 
/* KACES-CSR-4704, 통합검색 메뉴 위치 조정 , 20210105, 김현중  */

/* 24.10.23 변경된 디자인에 맞춰서 수정, 주석처리 */
.srchhwrap {
	/* position:absolute; */
	/* position:relative; */
	/* top:560px; */
	/* top:600px; */
	/* top:620px; */
	/* z-index:50;
	width: 100%;
	max-width: 180px; */
	/* padding: 0 30px; */
	/* padding: 10px 30px;
	box-sizing: border-box; */
}

/* utilMenu */
.utilMenuArea {
	position:absolute;
	bottom:0;
	width:100%;
	max-width:180px;
	font-size:13px;
	line-height:28px;
	color: #d9d9d9;
}
.utilMenuArea .login {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .sitemap {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .eng {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .artebank {
	background:url('https://www.arte.or.kr/images/comm/icon/bult_rbow.png') no-repeat 130px 50% #343434;
	display:inline-block;
	width:100%;
	height:62px;
	padding-top:17px;
	box-sizing:border-box;
	margin-top:18px;
	padding-left:30px;
}
.utilMenuArea a:hover,.utilMenuArea a:focus,.utilMenuArea a:active {
	color: #ffffff;
}

/*서브타이틀*/
.titArea {
	clear:both;
	width:100%;
	text-align:left;
	margin-bottom:40px;

    margin-top:24px;                /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.titArea h2 {
	display:block;
	font-size:32px;
	color:#121212;
	line-height:1em;
}
.txt_info {
	margin-top:20px;
	word-break:keep-all;
	line-height: 26px;
	font-size:17px;
	color: #555555;
}

/*footer*/
.fnb {
	max-width:600px;
	margin:0 auto;
	text-align: center;
}
.fnb li {
	float:left;
	position:relative;
	width:50.00%;
	font-size:15px;
	padding:15px 10px;
	box-sizing:border-box;
	word-break:keep-all;
	word-wrap: break-word;
}
.fnb li:hover,.fnb li:active {
	color:#f4184e
}
.fotcopy {
	clear:both;
	border-top:1px solid #e2e2e4;
	font-size:13px;
	padding:30px 0 54px;
	word-break: keep-all;
	text-align: center;
}
.fotcopy p {
	line-height:23px;
	color:#888888;
}
.marklist {margin: 0 auto;}
.marklist > a {
	display: inline-block;
	margin-left:22px;
	vertical-align: middle;
}
.marklist a:first-child, .marklist > span:first-child {margin-left: 0;}
.marklist > span {
	display: table-cell;
	padding-left: 22px;
	vertical-align: middle;
}
.fot_address {
	letter-spacing:-0.045em
}
.fot_contact {
	letter-spacing:-0.006em
}
.fot_contact > span {display: inline-block; padding-right: 13px;}
.fot_contact > span > span {
	color:#ff1851;
	padding-left: 5px;
}
.fot_copy {
	font-size:12px;
}
.fot_site_wrap {margin: 20px 0 30px; text-align: center;}
.fot_site_wrap > li {margin: 5px 0; display: inline-block;}
/* KACES-CSR-3514, 웹접근성 관련 수정 ,20210909 김현중 */
/* .fot_site {float: left; width:205px; height:40px; color:#999; letter-spacing:-0.053em; font-weight:400; padding-left:13px;	border:1px #e0e0e1 solid; margin: 0 5px;} */
.fot_site {float: left; width:205px; height:40px; color:#767676; letter-spacing:-0.053em; font-weight:400; padding-left:13px;	border:1px #e0e0e1 solid; margin: 0 5px;}
.fot_site_wrap .btn_gray {float: left; width: 60px; height: 40px; margin: 0 5px; outline-offset: 2px;}
.totop {
	background:url("../../images/comm/icon/totop.gif");
	width:42px;
	height:42px;
	text-indent:-9999px;
	display:inline-block;
	position:fixed;
	margin-left:930px;
	bottom:0;
	z-index: 989
}

.fnb > li:first-child  > a {font-weight:bolder;color:#ff1851;}

/******컨텐츠*******/
.contents {
	padding-bottom:280px;
	clear: both;
}
	/* 페이지정보 */
	.pageNavi {
		float:right;
		margin-bottom:70px;
	}
	.pageNavi ul li {
		float:left;
		line-height:28px;
		height:28px;
		margin-left:9px;
		padding-left:13px;
		background:url('https://www.arte.or.kr/images/comm/icon/bull_page.gif') no-repeat 0 center;
		/* KACES-CSR-6404, 웹 접근성 보완 조치, 20221226, 김현중 */
		/* color:#999999; */
		color:#757575;
	}
	.pageNavi ul li:first-child {
		width:16px;
		padding:0;
		background:url(https://www.arte.or.kr/images/comm/icon/ic_home.gif) no-repeat 0 center;
		text-indent:-9999px;
	}
	.pageNavi ul li.active {
		color: #444444
	}

	/* 콘텐츠 실명제 */
	.InfoArea {
		border:3px solid #ebebeb;
		text-align:center;
		padding:22px 20px;
		margin-top:30px;
		word-break: keep-all;
	}
	.InfoArea img {
		margin-right:20px;
		vertical-align:middle;
		height:37px;
	}

	/* 만족도 조사*/
	.evaluArea {
		border:1px solid #e3e4e7;
		background:#eff0f3;
		margin-top:200px;               /* 24.10.22 변경된 디자인에 맞춰서 수정 */   
		padding:5px 19px 19px;
		text-align:left;
        
	}
	.evalu_header {
		overflow:hidden;
		padding:13px 0 14px;
		font-size:var(--krds-fz-body-sm);		/* 24.10.04 리디자인된 홈페이지에 맞춰 수정 */ 
	}
	.evalu_header .survey > span {
		float:left;
	}
	.evalu_header strong {
		float:left;
		font-size:15px;
		color:#555555;
		text-indent:10px;
	}
	.evalu_header .survey {
		float:right
	}
	.evalu_header .survey label {
		padding:0 15px 0 6px;
	}
	.evalu_content textarea {
		border:1px solid #d7d7d7;
		height:40px;
		line-height:38px;
		padding:0 18px;
		width:89%;
		float:left;
		font-size:var(--krds-fz-body-sm);		/* 24.10.04 리디자인된 홈페이지에 맞춰 수정 */ 
	}
	.evalu_content .btn_ok {
		background:#333333;
		color:#ffffff;
		width:11%;
		padding:9px 0;
		font-size:var(--krds-fz-label-sm);		/* 24.10.04 리디자인된 홈페이지에 맞춰 수정 */ 
	}
	.evalu_footer {
		border:1px solid #d7d7d7;
		background:url('https://www.arte.or.kr/images/comm/icon/ic_info.png') no-repeat 33px center #ffffff;
		padding:23px 0;
	}
	.evalu_footer .page_info {
		border-left:1px solid #d7d7d7;
		margin-left:105px;
		padding:0 23px;
		word-break:keep-all;
	}
	.evalu_footer .page_info p {
		color:#555555;
		margin-bottom:5px;
	}
	.evalu_footer .page_info ul {
		display:inline-block;
	}
	.evalu_footer .page_info li {
		font-size:13px;
		float:left;
		padding-left:8px;
		background:url('https://www.arte.or.kr/images/comm/icon/bull_disc.gif') no-repeat 0 center;
		margin-right:20px;
		letter-spacing: 0
	}

	/* fnc */
	.fncArea {
		position:fixed;
		margin-left:865px;
		top:0;
		text-indent:-9999px;
		z-index:900;
	}
	.fncArea li a {
		display:block;
		width:40px;
		height:40px;
		cursor:pointer;
		background-color: #515869;
		background-position: center;
		background-repeat: no-repeat;
	}
	.fncArea li:hover a, .fnc_share.on > a {
		background-color: #f4184e;
	}
	.fncArea .fnc_mail {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_mail.png');
	}
	.fncArea .fnc_print {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_print.png');
	}
	.fncArea .fnc_scrap {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_scrap.png');
	}
	.fncArea .fnc_link {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_link3.png');
	}
	.fncArea .fnc_share a {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_share.png');
	}
	.fncArea .fnc_facebook a {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_facebook.png');
		background-color: #3a589b !important;
	}
	.fncArea .fnc_twitter a {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_twitter.png');
		background-color: #598dca !important;
	}
	.fnc_share_extends {
		display: none;
		float: left;
		position: relative;
		width: 80px;
		left: 40px;
		top: -40px;
	}
	.fnc_share_extends li {float: left;}

	/* 서브 페이지 공통 */
		/*탭*/
		/* .tabArea {
			font-size:16px;
			margin-bottom:40px;
			overflow: hidden;
		}
		.tabArea ul {
			overflow: hidden;
			position: relative;
		}
		.tabArea li {
			float:left;
			text-align:center;
			width:50%;
			border:1px solid #e1e1e1;
			border-left: 0;
			box-sizing: border-box;
			padding:11px 0;
		}
		.tabArea li a {
			display:block;
		}
		.tabArea li.choice, .tabArea li:hover {
			background:#f4184e;
			color:#ffffff;
			border-color: #f4184e !important;
			position:relative;
			z-index:1;
		}
		.tabArea li:first-child, .tabArea li:nth-child(3n+1) {
			border-left:1px solid #e1e1e1;
		}
		.tabArea li.mbhi:hover {
			background: #ffffff;
			border-color: #e1e1e1 !important;
			text-indent: -9999px;
		} */                    /* 24.10.22 변경된 디자인에 맞춰서 수정 */
		.tab_contents > div {
			display: none;
		}
		.tab_contents > div:first-child {
			display: block;
		}
		.tab_contents .subtit {margin-bottom: 20px;}

		/* 탭타입*/
		.tabtype1 > ul > li {
			width: 50% !important;
		}
		/* .tabtype2 > ul > li {
			width: 33.33% !important;
		} */                    /* 24.10.22 변경된 디자인에 맞춰서 수정 */
		.tabtype3 > ul > li {
			width: 25% !important;
		}

	/* 모바일 탭 셀렉트*/
	.tabArea .tab_m_title {display: none;}

	@media only all and (max-width:1024px) {
		.tabArea {margin-bottom: 25px; font-size: 14px;}
		.tabArea .tab_m_title {display:none; /* 241204 웹접근성 보완 조치 */ margin-bottom:12px; /* 24.10.22 변경된 디자인에 맞춰서 수정 */ }
		.tabArea .tab_m_title a {display: block; padding: 10px 40px 10px 15px; line-height: 22px; color: #ffffff; background: #f4184e; position: relative;}
		.tabArea .tab_m_title a:after {content: ""; display: block; width: 9px; height: 9px; background: url('https://www.arte.or.kr/images/comm/icon/steparr.png') no-repeat 50%; position: absolute; right: 15px; top: 50%; margin-top: -3px; transform: rotate(90deg); transition: all .3s ease;}
		.tabArea .tab_m_title.on a:after {transform: rotate(270deg);}
		/* .tabArea ul {display: none; border: 1px solid #e1e1e1; border-top: 0;}
		.tabArea li, .tabtype1 > ul > li, .tabtype2 > ul > li, .tabtype3 > ul > li {width: 100% !important;}
		.tabArea li.choice, .tabArea li:hover {background: #f9f9f9; color: #666666; border-color: #e1e1e1 !important;}                  
		.tabArea li {border: 0 !important; border-top: 1px solid #e1e1e1 !important; text-align: left; padding:10px 50px 10px 15px !important;} */              /* 24.10.22 변경된 디자인에 맞춰서 수정 */
		.tabArea li:first-child a {border-top: 0 !important;}
	}

	/*셀렉트박스*/
	.sel_wrap .sel_title a {display: block; padding: 10px 40px 10px 15px; font-size: 15px; line-height: 22px; background: #f9f9f9; border: 1px solid #e1e1e1; position: relative;}
	.sel_wrap .sel_title a:after {content: ""; display: block; width: 15px; height: 10px; background: url('https://www.arte.or.kr/images/comm/icon/ic_nxt.png') no-repeat 50%; position: absolute; right: 15px; top: 50%; margin-top: -3px; transform: rotate(0deg); transition: all .2s ease;}
	/*.sel_wrap .sel_title.on a:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}*/
	.sel_wrap ul {display: none; border: 1px solid #e1e1e1; border-top: 0; background-color:#fff;		/* 24.10.04 리디자인된 홈페이지에 맞춰 수정 */ }
	.sel_wrap li {width: 100% !important;}
	.sel_wrap li.choice, .sel_wrap li:hover {background: #f9f9f9;}
	.sel_wrap li {border-top: 1px solid #e1e1e1; text-align: left; background: #ffffff;}
	.sel_wrap li:first-child {border-top: 0;}
	.sel_wrap li a {display: block;}

	/*문화예술교육사업 사업목록 셀렉트박스*/
	.artEduList_sel {margin-bottom: 20px; height: 42px; line-height: 42px; letter-spacing: -0.04em; color: #222; font-size: 15px; position: relative;}
	.artEduList_sel .sel_wrap {position: absolute; right: 0; z-index: 1; min-width: 343px;}
	.artEduList_sel .sel_wrap ul {height: 171px; overflow-y: auto;}
	
	/* KACES-CSR-5304, 문화예술교육사업 현행화, 20220531, 김현중 */
	.artEduList_sel .sel_wrap .edulist_ul_3 {height: 129px; overflow-y: auto;}
	.artEduList_sel .sel_wrap .edulist_ul_2 {height: 43px; overflow-y: auto;}
	
	.artEduList_sel .sel_wrap li {font-size: 14px; padding: 10px; line-height: 22px; box-sizing: border-box;}
	@media all and (max-width:599px) {
		.artEduList_sel .sel_wrap {width: 100%; min-width: 100%;}
	}

	/*박스타입*/
	.box_type1 {
		border-top:2px solid #1b1b1b;
		border-bottom:1px solid #e1e1e1;
		word-break: keep-all;
	}
	.box_type2 {
		border:1px solid #e6e7e9;
		background:#ffffff;
		word-break: keep-all;
		padding: 40px;
	}
	.box_type3 {
		border:1px solid #e1e1e1;
		background:#ffffff;
		word-break: keep-all;
	}
	.box_type4 {
		border:1px solid #c6768a;
		background:#fefbfc;
		color:#800825;
		padding: 40px;
		line-height: 24px;
		box-sizing: border-box;
		word-break: keep-all;
		letter-spacing: -0.04em;
	}
	.box_type5 {
		border:1px solid #dadadd;
		background: #f8f9fb;
		word-break: keep-all;
		padding: 40px;
	}
	/*리스트타입*/
	.list_disc>li {
		background:url('https://www.arte.or.kr/images/comm/icon/bull_disc2.gif') no-repeat 1px 11px;
		padding-left: 13px;
		word-break: keep-all;
	}

	/*예술꽃 씨앗학교 지원 사업기간 적용 2018.07.12*/
	.list_disc .box {position:relative; padding-bottom:20px; line-height:160%; overflow:hidden;}
	.list_disc .box h3 {width:250px; padding:10px 20px; padding-right:0; box-sizing:border-box; background:#ef80b2; border-radius:0 10px 10px 0; color:#fff; font-size:16px; font-weight:bold; z-index:2;}
	.list_disc .box h3 > small {color:#fff; font-weight:normal;}
	.list_disc .box h3 > small:before {content:'｜ ';}
	.list_disc .box p {float:left; width:50%; padding:20px; box-sizing:border-box; color:#f4184e; font-size:14px; font-weight:bold;}
	.list_disc .box ul {float:left; width:50%; padding:20px 10px; box-sizing:border-box;}
	.list_disc .box li {padding-left:13px; background:url('https://www.arte.or.kr/images/diagram/bullet.gif') 0 10px no-repeat;}
	.list_disc .box .line {position:absolute; top:20px; right:10px; width:320px; border-top:1px solid #555; z-index:1;}

	/* black */
	.list_disc2>li {
		background:url('https://www.arte.or.kr/images/comm/icon/bull_disc.gif') no-repeat 1px 11px;
		padding-left: 13px;
		word-break: keep-all;
	}
	/* gray */
	.list_disc3>li {
		background:url('https://www.arte.or.kr/images/comm/icon/bull_disc_red.gif') no-repeat 1px 11px;
		padding-left: 13px;
		word-break: keep-all;
	}
	/* red*/
	.list_dash>li {
		/* KACES-CSR-5304, 문화예술교육사업 현행화, 20220531, 김현중 */
		background:url('https://www.arte.or.kr/images/comm/icon/bull_dash.gif') no-repeat 1px 10px;
		/* background:url('https://www.arte.or.kr/images/comm/icon/bull_dash.gif') no-repeat 1px 14px; */
		padding-left: 10px;
		color: #777777;
		word-break: keep-all;
		font-size:15px;
	}

	/* 서브타이틀*/
	.subtit {
		color:#262626;
		font-size:20px;
		background:url('https://www.arte.or.kr/images/comm/icon/ic_arr.gif') no-repeat left 5px;
		padding-left:30px;
		letter-spacing:-0.1em;
		display:block;
		margin-bottom:8px;
		font-weight: normal
	}

	.impt {
		background:url('https://www.arte.or.kr/images/comm/icon/ic_star.gif') no-repeat right center;
		padding-right:12px;
	}
	.impt2 {
		background:url('https://www.arte.or.kr/images/comm/icon/ic_star.gif') no-repeat left center;
		padding-left:12px;
		margin-bottom:10px;
	}
	.middash {
		background:url('https://www.arte.or.kr/images/comm/icon/middash.gif') no-repeat center;
		display:inline-block;
		text-indent:-9999px;
		width:8px;
		height:100%;
		margin: 0 5px;
	}

	/*아코디언메뉴*/
	.accolsit .item .heading {
		background:url('https://www.arte.or.kr/images/comm/icon/ic_pulldown.png') no-repeat right center;
	}
	.accolsit .item.open .heading {
		background-image:url('https://www.arte.or.kr/images/comm/icon/ic_pullup.png');
	}
	.accolsit .content {
		display: none;
	}

/* 문화예술교육사업 사업목록 */
.artEduList {border-top: 2px solid #1b1b1b; border-bottom: 1px solid #e1e1e1;}
.artEduList>ul>li {
	border-bottom:1px solid #e1e1e1;
}
.artEduList>ul>li:last-child {
	border-bottom:0;
}
.artEdu_info {
	box-sizing:border-box;
	padding:40px 0 40px 10px;
	min-height:243px;
}
.artEdu_info li {
	letter-spacing:-0.04em;
	line-height:24px;
	color:#888888;
	word-break:keep-all;
	margin-top:5px;
}
.artEdu_info_t {
	display:inline-block;
	width: calc(100% - 200px);
	padding-right: 50px;
	box-sizing: border-box;
}
.artEdu_info_btn {
	position: relative;
	width: 200px;
	height: 140px;
	float: right;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 20px 0;
}
.artEdu_info_btn > a {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 200px;
	padding: 10px 0;
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	background: url('https://www.arte.or.kr/images/comm/icon/transp_bg.png');
}
.artEdu_info_btn > a > span {
	background: url('https://www.arte.or.kr/images/comm/icon/steparr.png') no-repeat right center;
	padding-right: 15px;
}
.artEdu_info_t>ul {
	padding-left:13px
}

/******문화예술교육 사업소개*******/
/*탭*/
.artEdu .tabArea {
	margin-bottom: 50px;
	clear: both;
	font-family: 'NotoSans-Regular';
}
.artEdu .tabArea li {
	width: 33.33%;
}

/*사업소개 리스트*/
.artEdu_list_wrap > ul > li {
	margin-top: 80px;
}
.artEdu_list_wrap > ul > li:first-child {
	margin-top: 0;
}
.artEdu_list {
	border-top: 2px solid #1b1b1b;
}
.artEdu_list a:hover {
	text-decoration: underline;
}
.artEdu_list img {
	margin: 10px 0;
}
.artEdu_list>li {
	padding:48px 0;
	border-bottom:1px solid #e1e1e1;
	display:inline-block;
	width:100%;
	vertical-align:middle;
	box-sizing:border-box;
}
.artEdu_list>li>h3 {
	float:left;
	color:#121212;
	font-size:20px;
	width:22.5%;
	display:inline-block;
	font-weight: bold;
}
.artEdu_list>li>h3>span {
	display:inline-block;
	width:100px;
	word-break:keep-all;

	width:auto;
	margin-right:20px;				/* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.artEdu_list>li>ul>li>h4 {
	font-weight: bold;
}
.artEdu_list>li>ul {
	float:left;
	width:77.5%;
}
.artEdu_list>li>ul>li {
	line-height:24px;
	/* font-size:15px; */
	letter-spacing:-0.04em;
	color:#555555;
	word-break:keep-all;
	word-wrap:break-word;
	margin-bottom:8px;
}
.artEdu_list>li>ul>li>ul.list_dash {
	font-size:14px;
	margin-top: 3px;
	padding-bottom: 10px;
}
/* KACES-CSR-2144, 사업 현행화(추가), 20210430, 김현중  */
.artEdu_list>li>ul>li.list_modify>ul.list_dash {
	font-size:14px;
	margin-top: 3px;
	padding-bottom: 0px !important;
}

.artEdu_list>li>ul>li .t13.nolignh {
	padding-right:100px;
}
.artEdu_list .horizontbl .htbl_td>ul>li {
	margin-top:5px;
}
.artEdu_list .horizontbl .htbl_td>ul>li:first-child {
	margin-top: 0;
}

/* div로 만든 가로형 테이블*/
.horizontbl {
	border-top:1px solid #e1e1e1;
}
.horizontbl>li {
	vertical-align:middle;
	display:table-row;
	width:100%;
}
.horizontbl .htbl_th,.horizontbl .htbl_td {
	display:table-cell;
	box-sizing:border-box;
	font-size:14px;
	border-bottom:1px solid #e1e1e1;
	padding:18px 20px;
}
.horizontbl .htbl_th {
	text-align:center;
	width:32.4%;
	margin-right:20px;
	line-height:20px;
	vertical-align:middle;
	background:#f2f3f6;
}
.horizontbl .htbl_td {
	width:67.6%;
	background:#ffffff;
	line-height: 24px;
}

/* 현황 테이블 */
.curtbl {
	text-align:center;
	border-top:1px solid #e1e1e1;
	font-size: 14px;
	margin: 15px 0;
	width: 100%;
}
.curtbl.cultbl_out {
	width: 100%;                /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.curtbl thead th, .curtbl tfoot td {
	background-color:#f2f3f6;
	padding:12px 0;
}
.curtbl tbody td {
	padding:12px 10px;
	word-break:keep-all;
	vertical-align:middle;
	word-wrap: break-word;
}
/*redmine 8759 의 꿈에오케스트라 사업소개 페이지 테이블 관련하여 수정
.curtbl112 tbody td {
	padding:8px;
}
*/
/* KACES-CSR-5304, 문화예술교육사업 현행화 교육연계팀, 20220531, 김현중 */
.curtbl .tbody_sm td{
	padding:12px 4px;
	word-break:keep-all;
	vertical-align:middle;
	word-wrap: break-word;
}
.curtbl tbody th {
	background-color:#fafafa;
	padding: 10px;
}
.curtbl tfoot {
	background-color:#f2f3f6;
}
.curtbl th,.curtbl td {
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1
}
.curtbl th:last-child,.curtbl td:last-child {
	border-right: none;
}
.curtbl .nosum {
	text-indent:-9999px;
	background-color: #ffffff;
}
.curtbl .tbl_line {background: url('https://www.arte.or.kr/images/comm/icon/tbl_line.png') 0 0 #f2f3f6 no-repeat; padding: 6px 0;}
.curtbl .opt_right {text-align: right; padding-right: 13px;}
.curtbl .opt_left {text-align: left; padding-left: 13px;}

/*로드맵*/
.roadmap {
	border-top:1px solid #e1e1e1;
	margin: 20px 0;
}
.roadmap dl {
	display:inline-block;
	padding:47px 0;
	border-bottom:1px solid #e1e1e1;
}
.roadmap dt,.roadmap dd {
	float:left;
}
.roadmap dt {
	width:25%;
	height:145px;
	text-align:center;
	line-height:20px;
	color:#666666;
	text-indent:-9999px;
}
.roadmap dd {
	width:75%;
	font-size:14px;
	padding-left:50px;
	box-sizing:border-box;
	line-height:24px;
}
.roadmap dd>div {
	float:left;
	box-sizing:border-box;
	word-wrap:break-word;
	word-break:keep-all;
}
.roadmapInfo {
	width:40%;
}
.roadmapDetail {
	width:60%;
	padding-left:15px;
}
.roadmap .rdmap01 {
	background:url('https://www.arte.or.kr/images/sub/roadmap01.png') 0 47px no-repeat;
}
.roadmap .rdmap02 {
	background:url('https://www.arte.or.kr/images/sub/roadmap02.png') 0 47px no-repeat;
}
.roadmap .rdmap03 {
	background: url('https://www.arte.or.kr/images/sub/roadmap03.png') 0 47px no-repeat;
}

/*특성*/
.charBox {
	padding:40px;
	background: #f9f9fa;
}

/*사업 안내 타이틀*/
.artEdu_tit {
	text-align:center;
	height: 180px;
	display: table;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 50px;
}
.artEdu_tit > div {
	font-size:17px;
	color:#ffffff;
	display:table-cell;
	vertical-align: middle;
	word-break: keep-all;
	padding: 0 70px;
	box-sizing: border-box;
	background: url('https://www.arte.or.kr/images/comm/icon/transp_bg.png');
}
.dept_info {
	float: right; margin-bottom: 20px;
}
.dept_info .dept_name {
	color: #333333;
	background: url("../../images/comm/icon/bull_disc2.gif") no-repeat 0 center;
	padding-left: 10px;
	height: 29px;
	line-height: 29px;
	letter-spacing: -0.04em;
	box-sizing: border-box;
}
.dept_info .dept_name span {
	color: #888888;
}
.snsbtn {
	float: right;
	margin-left: 10px;
}
.snsbtn a {
	display: block;
	width: 29px;
	height: 29px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin-left: 7px;
	position: relative;
	transition: all 0.3s ease;
	bottom: 0;
}
.snsbtn a:hover, .snsbtn a:active {
	bottom: 8px;
}
.snsbtn a.btn_home {
	background-image: url("../../images/comm/btn/btn_home.png");
}
.snsbtn a.btn_fb {
	background-image: url("../../images/comm/btn/btn_fb.png");
}
.snsbtn a.btn_twt {
	background-image: url("../../images/comm/btn/btn_twt.png");
}
.snsbtn a.btn_blog {
	background-image: url("../../images/comm/btn/btn_blog.png");
}
.snsbtn a.btn_insta {
	background-image: url("../../images/comm/btn/btn_insta.png");
}
.snsbtn a.btn_youtb {
	background-image: url("../../images/comm/btn/btn_youtube.png");
}
.snsbtn a.btn_vimeo {
	background-image: url("../../images/comm/btn/btn_vimeo.png");
}
.snsbtn a.btn_issuu {
	background-image: url("../../images/comm/btn/btn_issuu.png");
}
.snsbtn a.btn_flickr {
	background-image: url("../../images/comm/btn/btn_flickr.png");
}
.snsbtn a.btn_tistory {
	background-image: url("../../images/comm/btn/btn_tstory.png");
}
/*학교문화예술교육 이미지*/
.artEdu_sch_01 {
	background-image: url('https://www.arte.or.kr/images/sub/img_sch01.gif');
}
.artEdu_sch_02 {
	background-image: url('https://www.arte.or.kr/images/sub/img_sch02.gif');
}
.artEdu_sch_03 {
	background-image: url('https://www.arte.or.kr/images/sub/img_sch03.gif');
}
.artEdu_sch_04 {
	background-image: url('https://www.arte.or.kr/images/sub/img_sch04.gif');
}
/* KACES-CSR-5304, 문화예술교육사업 현행화 미래교육팀, 20220531, 김현중
.artEdu_sch_05 {
	background-image: url('../images/sub/img_sch05.png');
}
*/
.artEdu_sch_05 {
	background-image: url('../../images/sub/img_sch05_1.png');
}
.artEdu_sch_06 {
	background-image: url('../../images/sub/img_sch06.jpg');
}
/*사회문화예술교육 이미지*/
.artEdu_com_01 {
	background-image: url('../../images/sub/img_com01_1.jpg');
}
.artEdu_com_02 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com02.gif');
}
.artEdu_com_03 {
	background: url('https://www.arte.or.kr/images/sub/img_com03.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_03 {
	background: url('https://www.arte.or.kr/images/sub/img_com03.gif') no-repeat left 22% bottom 38%
}
.artEdu_com_04 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com04.gif');
}
.artEdu_com_05 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com05.gif');
}
.artEdu_com_06 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com06.gif');
}
.artEdu_com_07 {
	background: url('https://www.arte.or.kr/images/sub/img_com07.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_07 {
	background: url('https://www.arte.or.kr/images/sub/img_com07.gif') no-repeat left 45% bottom;
}
.artEdu_com_08 {
	background: url('https://www.arte.or.kr/images/sub/img_com08.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_08 {
	background: url('https://www.arte.or.kr/images/sub/img_com08.gif') no-repeat left 43%  bottom 50%;
}
.artEdu_com_09 {
	background: url('https://www.arte.or.kr/images/sub/img_com09.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_09 {
	background: url('https://www.arte.or.kr/images/sub/img_com09.gif') no-repeat left 45% bottom 37%
}
.artEdu_com_10 {
	background: url('https://www.arte.or.kr/images/sub/img_com10.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_10 {
	background: url('https://www.arte.or.kr/images/sub/img_com10.gif') no-repeat left 67% bottom 48%;
}
.artEdu_com_11 {
	background: url('https://www.arte.or.kr/images/sub/img_com11.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_11 {
	background: url('https://www.arte.or.kr/images/sub/img_com11.gif') no-repeat right 30% bottom 67%;
}
.artEdu_com_12 {
	background: url('https://www.arte.or.kr/images/sub/img_com12.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_12 {
	background: url('https://www.arte.or.kr/images/sub/img_com12.gif') no-repeat left 30% bottom 45%
}
.artEdu_com_13 {
	background: url('https://www.arte.or.kr/images/sub/img_com13.gif') no-repeat center bottom;
}
.artEdu_info .artEdu_com_13 {
	background: url('https://www.arte.or.kr/images/sub/img_com13.gif') no-repeat right 53% bottom 5%;
}
.artEdu_com_14 {
	background : url('https://www.arte.or.kr/images/sub/img_com14.gif') no-repeat center top 46%;
    background-color:#ECEDED;                   /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.artEdu_info .artEdu_com_14 {
	background-size: 250%;
}
.artEdu_com_15 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com15.gif');
}
.artEdu_com_16 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com16.gif');
}
.artEdu_info .artEdu_com_16 {
	background-size: 220%;
}
.artEdu_com_17 {
	/* KACES-CSR-2469, 사업 현행화 추가 요청사항, 20210524 김현중  
	background-image: url('https://www.arte.or.kr/images/sub/img_com17.gif');
	*/
	background-image: url('../../images/sub/img_com17_1.gif');
}
.artEdu_com_18 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com18.gif');
}
.artEdu_com_19 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com19.gif');
}
.artEdu_com_20 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com20.gif');
}
.artEdu_com_21 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com21.gif');
}
.artEdu_com_22 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com22.gif');
}
.artEdu_com_23 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com23.jpg');
}
.artEdu_com_24 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com24.jpg');
}
.artEdu_com_25 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com25.jpg');
}
.artEdu_com_26 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com26.jpg');
}
.artEdu_com_27 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com27.gif');
}
.artEdu_com_28 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com28.jpg');
}
.artEdu_com_29 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com29.jpg');
}
.artEdu_com_30 {
	background-image: url('https://www.arte.or.kr/images/sub/img_com30.jpg');
}
/* KACES-CSR-5304, 문화예술교육사업 현행화 시민교육팀, 20220531, 김현중 */
.artEdu_com_31 {
	background-image: url('../../images/sub/img_com31.jpg');
}
.artEdu_com_32{
	background-image: url('../../images/sub/img_com32_1.JPG');
}
/* 사각지대 문화취약계층 문화예술교육 지원 */
.artEdu_com_33{
	background-image: url('../../images/sub/img_com33.png');
}
/* 예술로 어울림 */
.artEdu_com_34{
	background-image: url('../../images/sub/img_com34.png');
}
/* 꿈의극단 */
.artEdu_com_35{
	background-image: url('../../images/sub/img_com35.jpg');
}
/* 예술누림(운영시설형) */
.artEdu_com_36{
	background-image: url('../../images/sub/img_com36.png');
}
/* 예술누림(예술단체형) */
.artEdu_com_37{
	/* background-image: url('../images/sub/img_com37.jpg'); */
	background: url('https://www.arte.or.kr/images/sub/img_com03.gif') no-repeat left 22% bottom 38%;
    background-size:cover;                          /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
/*문화예술교육 전문인력양성 이미지*/
.artEdu_pro_01 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro01.gif');
}
.artEdu_pro_02 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro02.gif');
}
.artEdu_pro_03 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro03.gif');
}
.artEdu_pro_04 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro04.gif');
}
.artEdu_pro_05 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro05.gif');
}
.artEdu_pro_06 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro06.gif');
}
.artEdu_pro_07 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro07.gif');
}
.artEdu_pro_08 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro08.gif');
}
.artEdu_pro_09 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro09.gif');
}
.artEdu_pro_10 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro10.gif');
}
.artEdu_pro_11 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro11.gif');
}
.artEdu_pro_12 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro12.gif');
}
.artEdu_pro_13 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro13.gif');
}
.artEdu_pro_14 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro07.gif');
}
.artEdu_pro_15 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro10.gif');
}
.artEdu_pro_15 {
	background-image: url('https://www.arte.or.kr/images/sub/img_pro06.gif');
}
.artEdu_pro_17{
	background-image: url('https://www.arte.or.kr/images/sub/img_com24.jpg');
}

/*문화예술교육 프로그램 개발 및 정책연구 이미지*/
.artEdu_edu_01 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu01.png');
}
.artEdu_edu_02 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu02.png');
}
.artEdu_edu_03 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu03.gif');
}
.artEdu_edu_04 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu04.gif');
}
.artEdu_edu_05 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu05.gif');
}
.artEdu_edu_06 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu06.gif');
}
.artEdu_edu_07 {
	background-image: url('https://www.arte.or.kr/images/sub/img_edu07.gif');
}

/*문화예술교육 국제교류 및 대외홍보*/
.artEdu_int_01 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int01.gif');
}
.artEdu_int_02 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int02.gif');
}
.artEdu_int_03 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int03.gif');
}
.artEdu_int_04 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int04.jpg');
}
.artEdu_int_05 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int05.jpg');
}
.artEdu_int_06 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int06.jpg');
}
.artEdu_int_07 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int07.gif');
}
.artEdu_int_08 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int08.gif');
}
.artEdu_int_09 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int09.gif');
}
.artEdu_int_10 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int10.gif');
}
.artEdu_int_11 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int11.gif');
}
.artEdu_int_12 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int12.gif');
}
.artEdu_int_13 {
	background-image: url('https://www.arte.or.kr/images/sub/img_int13.gif');
}
/* KACES-CSR-5304, 문화예술교육사업 현행화 홍보국제협력팀, 20220617, 김현중 */
.artEdu_int_14 {
	background-image: url('../../images/sub/img_int14.jpg');
}
.artEdu_int_15 {
	background-image: url('../../images/sub/img_int15.jpg');
}
.artEdu_int_16 {
	background-image: url('../../images/sub/img_int16.jpg');
}
/* 온라인 문화예술교육 지원사업 */
.artEdu_onl_01 {
	background-image: url('https://www.arte.or.kr/images/sub/img_onl01.png');
	background-size: 100%;
}
/*추가 및 변경되는 내용*/
.artEdu_pluesd_01 {
	background-image: url('../../images/sub/img_onl01.png');
	background-size: 100%;
}

/* 전체 사업안내 리스트*/
.all_artEduInfo {
	padding: 40px;
	box-sizing: border-box;
	font-size: 15px;
	letter-spacing: -0.02em;
	background: #fcfcfd;
	border: 1px solid #d8d9db;
	margin-bottom: 60px;
	word-break: keep-all;
}
.all_artEduInfo > ul > li {
	margin-top: 10px;
}
.all_artEduInfo > ul > li:first-child {
	margin-top: 0;
}
.all_artEduInfo > ul > li:hover {
	color: #f4184e;
}
.all_artEduInfo > ul > li > a {
	background: url('https://www.arte.or.kr/images/comm/icon/bult_rbow2.png') no-repeat right center;
	padding: 1px 30px 1px 0;
	cursor: pointer;
}
/*절차*/
.artEduInfo .step {position: relative; overflow: hidden;}
.artEduInfo .step li {
	float:left;
	display:table;
	color:#ffffff;
	width:140px;
	height:140px;
	box-sizing:border-box;
	margin-left:-24px;
	margin-top:0;
	text-align:center;
	line-height:normal;
	border-radius:100%;
	position:relative;
}
.artEduInfo .step li:first-child {
	margin-left:0;
}
.artEduInfo .step li.step1 {
	background-color:#800825;
	z-index:10;
}
.artEduInfo .step li.step2 {
	background-color:#B90531;
	z-index:9;
}
.artEduInfo .step li.step3 {
	background-color:#F4184E;
	z-index:8;
}
.artEduInfo .step li.step4 {
	background-color:#F1567C;
	z-index:7;
}
.artEduInfo .step li.step5 {
	background-color:#FD8CA8;
	z-index:6;
}
.artEduInfo .step>li>span {
	word-break:keep-all;
	display:table-cell;
	vertical-align:middle;
	padding:0 30px;
	line-height: 18px;
}
.artEduInfo .step>li>span.steparr {
	padding:0;
	position:absolute;
	background:url('https://www.arte.or.kr/images/comm/icon/steparr.png') no-repeat;
	right:14px;
	top:65px;
	text-indent:-9999px;
	width:6px;
	height:9px;
}
/* 문화예술교육사업 > 사회문화예술교육 > 복지기관 문화예술교육지원 > 사업추진체계, 2018.07.19 */
.artEduInfo .new_step {position: relative; overflow: hidden;}
.artEduInfo .new_step li {
float:left;
display:table;
color:#ffffff;
width:140px;
height:140px;
box-sizing:border-box;
margin-left:-44px;
margin-top:0;
text-align:center;
line-height:normal;
border-radius:100%;
position:relative;
font-size:8.5pt;
}
.artEduInfo .new_step li:first-child {
margin-left:0;
}
.artEduInfo .new_step li.step1 {
background-color:#800825;
z-index:10;
}
.artEduInfo .new_step li.step2 {
background-color:#B90531;
z-index:9;
}
.artEduInfo .new_step li.step3 {
background-color:#F4184E;
z-index:8;
}
.artEduInfo .new_step li.step4 {
background-color:#ed2c62;	/* 25.02.13 웹접근성 반영 수정 */
z-index:7;
}
.artEduInfo .new_step li.step5 {
background-color:#ff3f72;	/* 25.02.13 웹접근성 반영 수정 */
z-index:6;
}
.artEduInfo .new_step li.step6 {
background-color:#ff5882; /* FCA2B8  FCA9BE  FABACA */ /* 25.02.13 웹접근성 반영 수정 */
z-index:5;
}
.artEduInfo .new_step>li>span {
word-break:keep-all;
display:table-cell;
vertical-align:middle;
padding:0 30px;
line-height: 18px;
}
.artEduInfo .new_step>li>span.steparr {
padding:0;
position:absolute;
background:url('https://www.arte.or.kr/images/comm/icon/steparr.png') no-repeat;
right:14px;
top:65px;
text-indent:-9999px;
width:6px;
height:9px;
}
.artEduInfo .step_caption {
	position:absolute;
	font-size:12px;
	width:100%;
	top:90px;
	left: 0;
}

/* 2020-07-15 칭찬합시다 */
.compliment_box{margin:40px 0 20px; padding:40px 0; border-top:2px solid #1b1b1b; border-bottom:1px solid #e6e7e9; word-break: keep-all}
.compliment_box .btn_down {	border:1px #ccc solid; background:#fff url(https://www.arte.or.kr/images/sub/btn_ic_down.png) no-repeat 30px 50%; padding:10px 30px 10px 55px; text-align:left; display:inline-block; box-sizing:border-box; color:#333; font-weight:600}
.compliment_box .btn_down:hover{border:1px solid #333;}
.compliment_box > p{padding-left:32px; line-height:25px;}
.compliment_box > p > span{display:block; font-size:13px;}
.compliment_box > p > span > em{font-weight:bold;text-decoration:underline;}
.impt3{padding-left:12px; background:url('https://www.arte.or.kr/images/comm/icon/ic_star.gif') left 10px no-repeat;}

/*문화예술교육사업 - 예술 꽃 씨앗학교*/
.artFlower .list_01 li {
	letter-spacing:-0.06em;
}
.artFlower .artEduInfo .artEdu_list li>p {
	margin-top:15px;
}
.artFlower .artEduInfo .artEdu_list li:first-child>p {
	margin-top: 0;
}
/******로그인*******/
.loginArea {
	border:1px solid #e9eaed;
	background:url('/2024_new/images/common/login_ci.png') no-repeat center 92px #f8f9fb;
	box-sizing:border-box;
	padding:178px 20px 110px;
	font-size:15px;
	letter-spacing:-0.06em;
}
.loginArea form {
	max-width:500px;
	margin:0 auto;
}
.login .inptxt {
	height:50px;
	border:1px solid #ceced0;
	font-size:15px;
	width:100%;
	padding:0 17px;
	margin:5px 0;
}
.login input[type="text"] {
	width:28.5%;
}
.login_pw {
	margin-bottom:11px;
}
.login_chk {
	margin-bottom:23px;
}
.login_btn {
	display:inline-block;
	width:100%;
	vertical-align:middle;
	margin-top:30px;
}
.login_btn li {
	float:left;
	display:inline-block;
	border:1px solid #dadbdd;
	background:#ecedee;
	margin-left:2%;
	box-sizing:border-box;
	width:32%;
	text-align:center;
}
.login input[type="checkbox"] {
	width:18px;
	height:18px;
	margin-right:10px;
}
.login_btn li:first-child {
	margin-left:0;
}
.login_ok {
	width:100%;
	background-color:#f5184e;
	border:1px solid #f5183e;
	color:#ffffff;
	padding:11px 0 10px;
	font-size:20px;
	letter-spacing:-0.06em;
}

.login_ok:focus-visible {outline-offset:4px;}

.login_btn li a {
	display:block;
	padding: 11px 0;
}
/******회원가입*******/
.tip {
	font-size:15px;
	letter-spacing:-0.04em;
	line-height:24px;
	word-break: keep-all;
}
.join input,.join select {
	border:1px solid #ceced0;
}
.join .btnArea .btn_m {
	min-width: 120px;
}
/*회원유형*/
.mbtype .tip {
	color:#888888;
}
.mbtypeList {
	text-align:center;
}
.mbtypeList ul {
	display:inline-block;
	vertical-align:middle;
	padding:89px 0;
	box-sizing:border-box;
}
.mbtypeList li {
	float:left;
}
.mbtypeList li a {
	display:block;
	width:243px;
	height:243px;
	margin-left:-26px;
	color:#ffffff;
	font-size:20px;
	letter-spacing:-0.06em;
	line-height:28px;
	padding:92px 0;
	box-sizing:border-box;
}
.mbtypeList li:first-child a {
	margin-left:0;
}
.mbtypeList strong {
	font-size:28px;
}
.mbtypeList .childmb a {
	/*background:url('https://www.arte.or.kr/images/comm/icon/circle240_1.png') no-repeat center;
	background-size:100%;*/
	background: #B90531;
	position: relative;
	z-index: 1;
	border-radius: 100%;
}
.mbtypeList .adultmb a {
	/*background:url('https://www.arte.or.kr/images/comm/icon/circle240_2.png') no-repeat center;
	background-size:100%;*/
	background: #F4184E;
	position: relative;
	border-radius: 100%;
}
.mbtypeInfo {
	padding:40px;
	box-sizing:border-box;
}
.mbtypeInfo strong {
	color:#e9174c;
	font-size:18px;
	display:inline-block;
	margin-bottom:5px;
}
.mbtypeInfo div {
	box-sizing:border-box;
	color:#888888;
	line-height:24px;
	letter-spacing:-0.04em;
	word-wrap:break-word;
	word-break: keep-all;
}
/* 회원가입 step*/
.join .tip {
	color:#666666;
	word-break:keep-all;
}
.mbstep {
	width:68%;
	margin:15px auto 92px;

	width:100%;
	text-align:center;						/* 24.10.23 변경된 디자인에 맞춰서 수정 */
}
.mbstep ul {display:inline-block;}			/* 24.10.23 변경된 디자인에 맞춰서 수정 */
.mbstep li {
	float:left;
	text-align:center;
	margin-left:-27px;
}
.mbstep li:first-child {
	margin-left:0;
}
.mbstep ul:after {
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
}
.mbstep li .stepnum {
	text-indent:-9999px;
	width:156px;
	height:155px;
	margin-bottom:9px;
	background-image:url('https://www.arte.or.kr/images/comm/icon/mbstep.png');
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
}
.mbstep li.on .stepnum {
	background-image:url('https://www.arte.or.kr/images/comm/icon/mbstepon.png');
	z-index:2;
}
.mbstep .steptxt {
	font-size:18px;
	color:#333333;
}
.mbstep li.on .steptxt {
	color:#f5184e;
}
.mbstep_01 .stepnum {
	background-position:0 center;
}
.mbstep_02 .stepnum {
	background-position:-156px center;
}
.mbstep_03 .stepnum {
	background-position:-311px center;
}
.mbstep_04 .stepnum {
	background-position: -467px center;
}
/* 회원가입 이용약관*/
.policy {
	margin-bottom:10px;
}
.policy li {
	margin-top:56px;
}
.policy dt {
	color:#262626;
	font-size:17px;
	margin-bottom:18px;
}
.policy dd div {
	border:1px solid #d7d7d7;
	padding:35px;
	box-sizing:border-box;
	height:194px;
	overflow-x:hidden;
	overflow-y:scroll;
	white-space:pre-line;
	letter-spacing:-0.02em;
	color:#888888;
	margin-bottom:15px;
	word-break:keep-all;
}
.policy input[type="checkbox"] {
	width:18px;
	height:18px;
	margin-right:8px;
}
.policy dd div table {
	border-top:1px solid #e1e1e1;

	width:100%;					/* 24.10.23 변경된 디자인에 맞춰서 수정 */
}
.policy dd div table th,.policy dd div table td {
	border-bottom:1px solid #e1e1e1;
	font-size:13px;
	word-break:keep-all;
}
.policy dd div table th {
	background:#f2f3f6;
	padding:8px 5px;
}
.policy dd div table td {
	padding: 5px;
}
/* 회원가입 실명확인*/
.identi {
	margin-top:50px;
}
.identi>ul {
	display:inline-block;
	vertical-align:middle;
	padding:60px 0;
	box-sizing:border-box;
}
.identi>ul>li {
	float:left;
	width:50%;
	letter-spacing:-0.04em;
	border-left:1px solid #d7d7d7;
	box-sizing:border-box;
}
.identi>ul>li:first-child {
	border-left:0;
}
.identi dt {
	text-align:center;
	font-size:18px;
}
.identi dd {
	padding-bottom:65px;
	line-height:22px;
	word-break:keep-all;
	margin:25px 0;
}
.identi dt a.btn {
	min-width: 200px;
	padding:10px 0 11px;
	box-sizing: border-box;
}
.hpidenti dd {
	padding:0 95px;
}
.ipinidenti dd {
	padding:0 40px 0 57px
}
.ipinidenti a.btn_white {
	color:#6a6a6a;
	padding:8px 0;
	width:33.67%;
	margin:0 auto;
	display:block;
}
.ipinidenti a.btn_white span {
	background:url('https://www.arte.or.kr/images/comm/icon/ic_link.gif') no-repeat right center;
	padding-right: 19px;
}
/*회원가입 14세 미만*/
.child_identi {
	padding:60px 0 63px;
	margin-top:27px;
	overflow:hidden;
}
.child_identi ul {
	max-width:440px;
	margin:0 auto;
	text-align:right;
}
.child_identi li {
	margin-top:10px;
}
.child_identi li:first-child {
	margin-top:0;
}
.child_identi strong {
	color:#444444;
	font-size:18px;
	letter-spacing:0;
	display:inline-block;
	width:20%;
	padding-right:13px;
	box-sizing:border-box;
}
.child_identi .mbgender strong {
	padding-top:10px;
}
.child_identi input[type="text"] {
	height:50px;
	width:80%;
}
.child_identi .mbgender div {
	width:80%;
	float:right;
}
.child_identi .mbgender span {
	display:inline-block;
	float:left;
	width:49%;
	margin-left:2%;
}
.child_identi .mbgender span:first-child {
	margin-left:0;
}
.child_identi .mbgender span input[type="radio"] {
	display:none;
}
.child_identi .mbgender span input[type="radio"]+label {
	border:1px solid #cccccc;
	background:#f8f9fb;
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:15px;
	color:#929191;
}
.mbgender span input[type="radio"]:checked+label {
	border-color:#111111;
	color:#393939;
	background:#ffffff;
}
.child_identi .btn_ok {
	width:80%;
	padding:14px 0;
	margin-top:30px;
	letter-spacing:-0.04em;
}
.child_identibox {
	margin-top: 50px;
}
/*회원정보입력*/
.mbinput .horizontbl {
	margin-top:30px;
}
.join #btn_email_check {margin-left: 4px;}
/*회원가입완료*/
.mbfinishtxt {
	font-size:24px;
	color:#121212;
	margin-bottom:10px;
}
.mbfinish li {
	letter-spacing:-0.04em;
	font-size:15px;
	line-height:24px;
}
.mbfinish {
	padding:56px 85px;
	box-sizing:border-box;
	word-break: keep-all;
}
/******아이디 비밀번호 찾기*******/
/* 회원인증*/
.mbsearch .identi {
	margin-top: 0;
}
.mbsearch .identi > h4 {
	font-weight: bold;
	color: #262626;
	font-size: 18px;
	margin-bottom: 5px;
	letter-spacing: -0.1em;
}
.mbsearch .identi .box_type5 {
	margin-top: 20px;
	text-align: center;
	padding: 30px;
}
.mbsearch .identi .box_type5 label {
	padding-right: 10px;
	color: #121212;
	font-size: 18px;
}
.mbsearch .identi .box_type5 > span > input {
	height: 35px;
}
.mbsearch .identi>ul {
	width:100%;
}
.mbsearch .identi dd {
	padding:0;
	margin:25px auto 0;
}
.mbsearch .hpidenti dd {
	max-width:200px;
	padding: 0 15px;
	box-sizing: border-box;
}
.mbsearch .ipinidenti dd {
	max-width:200px;
	padding: 0 15px;
	box-sizing: border-box;
}
.mbsearch .identi .mbsearchpw {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #e9e9e9;
	padding:19px 35px 20px 38px;
	box-sizing:border-box;
	letter-spacing:-0.04em;
}
.mbsearch .identi .mbsearchpw+ul {
	padding:55px 0;
}
.mbsearch .identi .mbsearchpw label {
	padding: 0 20px 0 6px;
}
/* 결과,회원정보수정*/
.mbsearch_resultid,.mbmodi {
	padding:45px 59px 55px;
}
.mbsearch_resultpw {
	padding:45px 115px 55px;
}
.mbsearch_resultid strong,.mbsearch_resultpw strong,.mbmodi strong {
	font-size:22px;
	color:#121212;
	display:inline-block;
	margin-bottom:8px;
}
.mbsearch_resultid .tip {
	padding-left: 1px;
	word-break:keep-all;
}
.mbsearch_resultid .resultbox,.mbmodi .resultbox {
	background-color:#f4f4f5;
	font-size:18px;
	padding:39px 10px 40px;
	text-align:center;
	margin:40px 0;
	word-break:keep-all;
	letter-spacing:-0.02em;
}
.mbsearch_resultpw .resultbox {
	font-size:18px;
	margin:0 0 40px;
	word-break:keep-all;
	letter-spacing:-0.04em;
}
.mbsearch_resultid .resname {
	color:#121212;
}
.mbsearch_resultid .resmail {
	letter-spacing:0;
	display:inline-block;
	word-break:break-all;
}
.mbsearch_resultid .btnArea,.mbsearch_resultpw .btnArea {
	text-align:center;
}
.mbsearch_result .btnArea .btn_lg {
	min-width:135px;
}
.mbsearch_resultpw .btnArea .btn_lg {
	min-width:220px;
}
.mbmodi .btnArea {
	text-align:center;
}
.mbmodi label, .mbmodi em {
	padding: 0 10px;
	color:#121212;
	vertical-align:middle;
}
.mbmodi .resmail {
	letter-spacing:0;
	color:#f5184e;
	display:inline-block;
	word-break:break-all;
	vertical-align:middle;
	text-align:left;
	width:30%;
	background: none;
	border: 0;
	font-size: 18px;
}
.mbmodi input {
	border:1px solid #ceced0;
	width:30%;
	vertical-align: middle;
}
/******참여공간*******/
/*원장님과의 대화*/
.todirector {
	font-size: 15px;
	letter-spacing: -0.04em;
	word-break: keep-all;
}
.todirector ul {
	overflow: hidden;
	width: 560px;
	margin: 60px auto;
}
.todirector ul > li {
	float: left;
	position: relative;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	word-break: keep-all;
}
.todirector ul > li.todirector1 a {
	z-index: 3;
	background-color: #b90531;
	margin-left: 0;
}
.todirector ul > li.todirector2 a {
	z-index: 2;
	background-color: #f4184e;
}
.todirector ul > li.todirector3 a {
	z-index: 1;
	background-color: #f1567c;
}
.todirector ul > li > a {
	display: inline-block;
	width: 200px;
	padding: 52px 0 85px;
	box-sizing: border-box;
	background: url('https://www.arte.or.kr/images/comm/icon/ic_go.png') no-repeat center 130px;
	border-radius: 100%;
	margin-left: -20px;
	min-height: 195px;
	height: 195px;
}
.todirector ul > li > a > span {
	display: inline-block;
	width: 113px;
}
.todirector .box_type2 {
	padding: 40px 35px;
}
.todirector .box_type2 .txtpink {
	text-decoration: underline;
}
.todirector .box_type2 .btn {
	font-size: 13px;
	padding: 5px 10px;
	margin-left: 6px;
}

.partiw .box_type4 li {
	line-height:26px;
	letter-spacing:-0.04em;
}
.partiw .box_type3 {
	margin-bottom:45px;
}
.partiw .persdata {
	padding:38px;
	word-break:keep-all;
	font-size:15px;
}
.partiw .persdata strong {
	font-size:16px;
	color:#383838;
	display:inline-block;
	margin-bottom:13px;
}
.partiw .persdata ol {
	list-style:decimal;
	list-style-position:inside;
	line-height:24px;
}
.partiw .persdata ol li {
	margin-top:9px;
}
.partiw .persdata ol li:first-child {
	margin-top:0;
}
.partiw .persdata ul {
	line-height:26px;
}
.persdata_info1 {
	margin-bottom:15px;
}
.persdata_agree {
	background:#f7f8fa;
	border-top:1px solid #e1e1e1;
	text-align:right;
	padding:17px 8px 18px;
}
.persdata_agree label {
	padding:0 15px 0 6px;
}
.formw .horizontbl {
	clear:both;
	display:table;
	width:100%;
}
.formw .horizontbl .htbl_th,.formw .horizontbl .htbl_td {
	padding:9px 17px;
	height:auto;
}
.formw .horizontbl .htbl_th {
	width:140px;
	text-align:left;
}
.formw .horizontbl .htbl_td {
	width: auto;
}
.formw .horizontbl .htbl_td li {
	margin-top:12px;
}
.formw .horizontbl .htbl_td li:first-child {
	margin-top:0;
}
.formw .horizontbl .htbl_td li>p {
	line-height:22px;
	font-size:13px;
}
.formw input[type="text"],input[type="password"],input[type="email"] {
	height:35px;
	width: 220px;
}
.formw select {
	height: 35px;
}
.formw input[type="radio"] {
	margin-right:6px;
}
.formw .horizontbl .htbl_td .mbipt_name {
	border:0;
}
.mbipartiwnput .horizontbl .htbl_td .mbipt_hp {
	width:20.96%;
}
.formw .horizontbl .htbl_td .riadiobox {
	margin-right:18px;
}
.formw .horizontbl .htbl_td .mbipt_hp {
	width: 100px;
}
.formw .horizontbl .htbl_td .btn_gray {
	padding:5px 15px 6px;
}
.formw .file {
	margin-top:5px;
}
.formw .calendarbox .dateinput {
	border-color:#ceced0;
	width: 100px;
}
.formw .calendarbox .calendar {
	margin-right:10px;
}
.formw .horizontbl .mbipt_addr_wrap .mbipt_addr1 {width: 100px;}
.formw .horizontbl .mbipt_addr2,.formw .horizontbl .mbipt_addr3 {
	margin-top:7px;
	width: calc((100% - 8px)/2);
}
.formw .horizontbl .mbipt_addr3 {
	margin-left:4px;
}
.formw .horizontbl .rbtn {
	margin-left: 4px;
}

@media all and (max-width:599px) {
	.formw input[type="text"],input[type="password"],input[type="email"] {
		width: 100%;
	}
	.formw .horizontbl .mbipt_addr_wrap .mbipt_addr1 {width: calc(100% - 90px);}
}


/* 묻고답하기*/
.qnalistbox {
	margin-bottom:28px;
	font-size:15px;
	line-height:26px;
	padding: 40px;
}
.qnalistbox strong {
	font-size:16px;
	color:#383838;
	letter-spacing:-0.04em;
	display:block;
	margin-bottom: 10px;
}
/*자주하는 질문*/
/*웹접근성 대체텍스트*/
.faq_section {
	border-bottom:0;
}
.faq_section dl dt {
	position:relative;
	cursor:pointer;
	padding:16px 75px 16px 55px;
	color:#444444;
	font-size:15px;
	box-sizing:border-box;
	border-bottom:1px solid #e1e1e1;
}
.faq_section dl dt > span {
	position:absolute;
	left:18px;
	top:16px;
}
.faq_section dl dd {
	position:relative;
	padding:20px 30px 20px 75px;
	white-space:normal;
	word-break:keep-all;
	word-wrap: break-word;
	margin-right:10px;
	display:none;
	border-bottom:1px solid #e1e1e1;
	width:100%;
	box-sizing:border-box;
	overflow: hidden;

	font-size:1.5rem;				/* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.faq_section dl dd > span {
	position:absolute;
	left:26px;
	top:20px;
}
.faq_section dl dd .file {
	margin-top: 15px;
	padding: 15px 0 0;
}
.faq_section dl dd img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}
.faq_section .bu_open {
	position:absolute;
	right:0;
	top: 11px;
	display:inline-block;
	width:50px;
	border-left:1px solid #e1e1e1;
	box-sizing:border-box;
	padding:5px 0;
	padding-left:20px;
}
.faq_section .item.open .bu_open {
}
/******이용안내******/
/*개인정보처리방침*/
/*링크밑줄제거*/
.infopolicywrap a:hover {text-decoration: none;}
.infopolicywrap .infobox {padding: 25px;}
.infopolicywrap .infobox>div {
	margin-top:20px;
}
.infopolicywrap .infobox>div:first-child {
	margin-top:0;
}
.infopolicywrap .infobox strong {
	font-size:16px;
	display:block;
	margin-bottom:10px;
}
.infopolicywrap .infobox>div>p {
	line-height:26px;
	font-size:15px;
}
.infopolicywrap .infobox>div>ul>li {
	letter-spacing:-0.04em;
	font-size:15px;
	line-height:26px;
}
.infopolicywrap .infobox>div>p.infotip {
	font-size:13px;
	color:#888888;
	letter-spacing:-0.04em;
	margin-top:15px;
}
.infopolicy {
	word-break:keep-all;
}
.infopolicy>dl, .infopolicy>ul>li {
	margin-top:45px;
}
.infopolicy>dl>dd, .infopolicy>ul>li>ul>li {
	line-height:24px;
	color:#888888;
	letter-spacing:-0.07em;
}
.infopolicy .policy_tbl table {
	width: 100%;
}
.infopolicy .listbox>ul>li {
	list-style-type:hangul;
	list-style-position:inside;
	margin-bottom:20px;
}
.infopolicy .listbox>ul>li.policy_list {
	list-style-type: none !important;
}

.infopolicy>dl>dd>ul>li>div.listbox>ol>li {
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:20px;
}
.infopolicy>dl>dd>ol>li {
	list-style-type:decimal;
	list-style-position:inside;
}
.infopolicy>dl>dd>ul>li {
	margin-top:20px;
}
.infopolicy>dl>dd>ul>li:first-child {
	margin-top:0;
}
.infopolicy>dl>dd>ul>li>ol>li {
	list-style-type:decimal;
	list-style-position:inside;
}
.infopolicy>dl>dd>ul>li>ol>li>ul>li {
	list-style-type:hangul;
	list-style-position:inside;
}
.prev_infopolicy .accolsit .item .heading {
	padding:22px;
	background-position:97% center;
	background-color:#fafbfc;
}
.prev_infopolicy .accolsit .item .content {
	padding: 0 22px;
}
.infopolicy2 > ul > li {
	margin-bottom: 20px;
}
.opentype {
	overflow: hidden;
}
.opentype .opentype_txt {
	float: left;
	width: 70%;
}
.opentype .opentype_img {
	float: left;
	width: 20%;
}
/****마이페이지*******/
.mbtypeInfobot {
	margin-top:100px;
}
.mbtypeInfobot .btn {
	/*margin-left:10px;*/
	padding:0 10px;
	font-size:12px;
}
.mbmodipw .mbmodipwinfo {
	padding:28px 110px;
	box-sizing:border-box;
	margin-bottom:50px;
}
.mbmodipw .mbmodipwinfo div {
	background:url('https://www.arte.or.kr/images/comm/icon/ic_modipw.png') no-repeat left 0;
	padding:13px 0 27px 92px;		/* 리뉴얼 후 이미지 깨짐 수정 */
	font-size:16px;
	line-height:28px;
	letter-spacing:-0.02em;
}
.mbmodipw .box_type1 li {
	float:left;
	border-right:1px solid #e1e1e1;
	box-sizing:border-box;
	width:33.33%;
	min-height:308px;
	padding:55px 10px;
	text-align:center;
}
.mbmodipw .box_type1 li:first-child {
	border-left:1px solid #e1e1e1;
}
.mbmodipw .box_type1 ul {
	overflow:hidden;
	position:relative;
}
.mbmodipw .box_type1 li strong, .mbmodipw .box_type1 li label {
	font-size:20px;
	color:#121212;
	display:block;
	margin-bottom:10px;
}
.mbmodipw .box_type1 li div {
	color:#888888;
	/*height:50px;*/
	min-height:50px; /* 리뉴얼 후 이미지 깨짐 수정 */
	line-height:20px;
	margin-bottom:10px
}
.mbmodipw .btn_gray2 {
	padding:8px 10px;
	font-size:13px;
	margin-top:20px;
}
.mbmodipw input {
	width:70%;
}
.mbleave {
	word-break:keep-all;
}
.mbleave .box_type5 {
	text-align:center;
	letter-spacing:-0.04em;
	line-height:26px;
	font-size:16px;
}
.mbleave .box_type5 strong {
	color:#121212;
	font-size:21px;
}
.mbleave .policy2 {
	padding:45px 0;
	border-bottom:1px solid #cccccc;
}
.mbleave .policy2 ol {
	list-style-type:decimal;
	list-style-position:inside;
	color:#555555;
	line-height:28px;
	letter-spacing:-0.04em;
}
.mbleave .policyagree {
	margin:15px 0 80px;
	width:100%;
}
.mbleave .policyagree input[type="checkbox"] {
	width:17px;
	height:17px;
	margin-right:6px;
}
.mbleave .formw select,.mbleave .formw textarea {
	width:100%;
}
.mypagecopy .horizontbl {
	display:table;
	width:100%;
	border-top:0;
}
.mypagecopy .horizontbl li:last-child>div {
	border-bottom:0;
}
.mypagecopy .horizontbl .htbl_th {
	width:14.5%;
	text-align: left;
}
/*** 연간캘린더 ****/
.calendaryear .caly_y {
	background:url('https://www.arte.or.kr/images/comm/icon/calendaryearbg.png') repeat;
	background-size:100%;
	color:#ffffff;
	position:relative;
	/* 241204 웹접근성 보완 조치 */
	/* overflow:hidden; */
	padding:0 40px;
	box-sizing:border-box;
	border-bottom:1px solid #f82373;
	display:flex;  justify-content:space-between;
}
.calendaryear .caly_y>* {
	float:left;
}
.calendaryear .caly_y a {
	width:10%;
	font-size:16px;
	padding:31px 0;
}
.calendaryear .caly_y a span {
	background-repeat:no-repeat;
	box-sizing:border-box;
}
.calendaryear .caly_y a.prev_y span {
	background-image:url('https://www.arte.or.kr/images/comm/icon/btn_arr_prev.png');
	background-position:left center;
	padding-left:32px;
    float:left;             /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.calendaryear .caly_y a.next_y span {
	background-image:url('https://www.arte.or.kr/images/comm/icon/btn_arr_next.png');
	background-position:right center;
	padding-right:32px;
	float:right;
}
.calendaryear .caly_y span:hover {
	opacity:0.35
}
.calendaryear .caly_y h5 {
	width:80%;
	text-align:center;
	font-size:36px;
	line-height:100%;
	padding:25px 0;
}
.caly_m {
	padding:0 13px;
	/* background-color:#4b4d56; */
	background-color: #000000;
	color:#ffffff;
	font-size:15px;
	text-align:center;
}
.caly_m>ul {
	position:relative;
	/* 241204 웹접근성 보완 조치 */
	display:flex;
	flex-wrap:wrap;
	/* overflow:hidden; */
	/* 241206 디자인 수정 */
	width:100%;
}
.caly_m>ul>li {
	float:left;
	width:7.69%;
	letter-spacing:-0.04em;
}
.caly_m>ul>li>a {
	display:block;
	background:url('https://www.arte.or.kr/images/comm/icon/bar.gif') no-repeat left center;
	padding:16px 0;
	box-sizing:border-box;
}
.caly_m>ul>li:first-child>a,.caly_m>ul>li:first-child+li>a {
	background:none;
}
.caly_m>ul>li:hover,.caly_m>ul>li.on {
	background-color:#f5184e;
}
.caly_m>ul>li:hover>a,.caly_m>ul>li:hover+li>a,.caly_m>ul>li.on>a,.caly_m>ul>li.on+li>a {
	background:none;
}
.caly_m>ul>li.all {
	background:none;
}
.caly_m>ul>li.all span {
	border:2px solid #ffffff;
	padding:5px 9px;
	border-radius:20px;
	padding:1px 9px;
}
.caly_m>ul>li.all:hover span,.caly_m>ul>li.all.on span {
	border-color:#ff1f56;
	color:#ff1f56;
}
.caly_mdetail {
	padding:0 35px 0 27px;
	box-sizing:border-box;
	background:#f7f8fa;
}
.caly_mdetail>ul>li {
	overflow:hidden;
}
.caly_mdetail>ul>li>div {
	float:left;
}
.caly_mdetail>ul>li:first-child>div {
	padding-top:49px;
}
.caly_mdetail>ul>li:last-child>div {
	padding-bottom:72px;
}
.caly_mdetail .mdetail_month {
	padding-right:46px;
}
.caly_mdetail .mdetail_month .monthWrap {
	background:#ffffff;
	border-radius:100%;
	width:100px;
	font-size:10px;
	color:#121212;
	letter-spacing:0;
	padding:20px 10px 21px 10px;
	word-break:keep-all;
	box-sizing:border-box;
	text-align:center;
	margin:27px 0;
	display:block;
}
.caly_mdetail .mdetail_month .monthWrap .font_m {
	font-size:44px;
	letter-spacing:-0.054em;
	line-height:100%;
}
.caly_mdetail .mdetail_list {
	border-left:1px solid #dddfe1;
	width:calc(100% - 146px);
	min-height: 290px;
	box-sizing:border-box;
}
.caly_mdetail .mdetail_list.no_mdetail_list {
	display: table;
	padding-bottom: 72px;
	height: 290px;
}
.caly_mdetail .mdetail_list.no_mdetail_list p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.09em;
}
.caly_mdetail .mdetail_list.no_mdetail_list p > span {
	background: url('https://www.arte.or.kr/images/comm/icon/icon_cal.png') left no-repeat;
	padding: 23px 0 23px 80px;
	/* color: #ccc; */
	color: #000;
}
.caly_mdetail .mdetail_list dl {
	margin-bottom:13px;
	overflow:hidden;
}
.caly_mdetail .mdetail_list dt,.caly_mdetail .mdetail_list dd {
	float:left;
	min-height:155px;
}
.caly_mdetail .mdetail_list dt {
	width:47px;
	height:47px;
	text-indent:-9999px;
	position:absolute;
	margin-left:-24px;
}
.caly_mdetail .mdetail_list dd {
	background:#ffffff;
	border:1px solid #c8c9cb;
	padding:30px 40px;
	width:calc(100% - 47px);
	box-sizing:border-box;
	word-break:keep-all;
	line-height:22px;
	float:right;
	position: relative;
}
.caly_mdetail .mdetail_list dd:hover {
	border-color:#575757;
}
.caly_mdetail .mdetail_list dd strong {
	font-size:18px;
	color:#121212;
	letter-spacing:-0.04em;
	display:block;
	margin-bottom:5px;
}
.caly_mdetail .mdetail_list dd:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: -12px;
	top: 70px;
	background: url('https://www.arte.or.kr/images/comm/icon/box_arr.png') no-repeat;
	width: 12px;
	height: 15px;

}
.caly_mdetail .mdetail_list dd:hover:before {
	background-position: -12px 0;
}
.caly_mdetail .mdetail_list p {
	letter-spacing:0;
	color:#777777;
}
.caly_mdetail .mdetail_list dt.caly_type1 {
	background:url('https://www.arte.or.kr/images/comm/icon/ic_caly_type1.gif') no-repeat center;
}
.caly_mdetail .mdetail_list dt.caly_type2 {
	background:url('https://www.arte.or.kr/images/comm/icon/ic_caly_type2.gif') no-repeat center;
}
.caly_mdetail .mdetail_list dt.caly_type3 {
	background:url('https://www.arte.or.kr/images/comm/icon/ic_caly_type3.gif') no-repeat center;
}
.caly_mdetail .mdetail_list dt.caly_type4 {
	background: url('https://www.arte.or.kr/images/comm/icon/ic_caly_type4.gif') no-repeat center;
}
/* 정보공개*/
.public_data {
	padding-left: 130px;
	background: url('https://www.arte.or.kr/images/comm/icon/public_data.png') no-repeat left center;
}
.public_data ul {font-family: 'NotoSans-Regular';}

/*윤리경영*/
.moral_contents .subtit {
	position: relative;
	margin-bottom: 20px;
}
/* KACES-CSR-3141, 정보공개자료 인권영향평가 생성, 20210728, 김현중 */
.moral_contents .movebtn{
	font-family: 'NotoSans-Light';
	position: absolute;
	right: 0;
}

/* KACES-CSR-4530, 인권•윤리경영 화면 수정 및 추가, 20211217, 김현중 */
.humanright_contents .subtit {
	position: relative;
	margin-bottom: 20px;
}
.humanright_contents .movebtn{
	font-family: 'NotoSans-Light';
	position: absolute;
	right: 0;
}
.humanright_contents .subtit_description{
	position: relative;
	margin: 30px 0 20px 0;
}
.humanright_contents .downfile{
	font-family: 'NotoSans-Light';
	position: absolute;
	right: 0;
}

.subtit_bottom_line{
	border-bottom: 2px solid #1b1b1b;
	margin-top: 55px;
	padding-bottom: 20px;
}
.moral_contents .downfile{
	font-family: 'NotoSans-Light';
	position: absolute;
	right: 0;
}
.moral_contents .subtit > span {
	margin-right: 10px;
}
/* 경영공시정보*/
/* KACES-CSR-5400, 정보공개 화면 구조 변경, 20220603, 김현중 */
/* .management_wrap .curtbl tbody td {line-height: 25px;} */
.management_wrap .curtbl tbody td {line-height: 20px;}
.management_wrap .curtbl tbody td .list_dash {padding: 0 5px;}
.management_wrap > div {letter-spacing: -0.04em;}
.management_wrap .curtbl tbody td a:hover {text-decoration: underline;}


/* 태블릿 && 모바일 */
@media only all and (max-width:1024px) {
	/* layout */
	#container {
		width:100%;
		height:100%;
		margin-left: 0;
		margin-top:100px;
		padding:50px 20px;
	}
	#footer {
		width:100%;
		margin-left: 0;
		text-align:center;
	}
	#bgimg {
		display:none
	}
	.pageNavi {
		display: none;
	}

	/*서브타이틀*/
	.titArea {
		margin-bottom:25px;
	}
	.titArea h2 {
		font-size:20px;
		margin-bottom:15px;
	}
	.txt_info {
		margin-top:15px;
	}

	/*버튼*/
	.btnArea.longbtn a.btn {
		padding: 10px 23px;
	}
	/*fnc*/
	.fncArea {
		left:0;
		top:60px;
		width:100%;
		margin-left: 0;
	}
	/* KACES-CSR-4491, 모바일 접속 시 공통 상단메뉴 길이 수정, 20211208 김현중 */ 
	.fncArea ul>li {
		float:left;
		width:25%;
	}
	.fncArea ul>li>a {
		width: 100%;
	}
	.fncArea .fnc_share_extends {
		width: 100%;
		float: none;
		top: auto;
		left: auto;
	}
	.fncArea .fnc_share_extends li {
		float:none;
		width:100%;
	}
	/*footer */
	.totop {
		left:auto;
		right: 0;
		margin-left: 0;
	}
	/******문화예술교육 사업목록*******/
	.curtbl.cultbl_out {
		width: 100%;
	}
	.artEduList>ul>li {
		padding:30px 10px;
		overflow: hidden;
	}
	.artEdu_info li {
		font-size:14px;
	}
	.artEduList strong {
		font-size:18px;
	}
	.artEdu_info {
		min-height:auto;
		padding:0;
	}
	.artEdu_info_t {
		width:100%;
		padding-right: 0;
		position: relative;
	}
	.artEdu_info_btn {
		width: 100%;
		height: 100%;
		float: none;
		padding: 0;
		margin: 20px 0 0;
		background: none !important;
	}
	.artEdu_info_btn > a {
		position: relative;
		background: #202020;
		color: #fff;
		width: 150px;
		display: block;
		float:right;
	}
	.artEdu_info img {
		display:none;
	}
	/******문화예술교육 사업소개*******/
	/*사업소개 리스트*/
	.artEdu_tit {
		margin-bottom: 25px;
	}
	.dept_info {
		margin-bottom: 15px;
	}
	.artEdu_tit > div {
		padding: 20px;
		font-size: 16px;
	}
	.artEdu_list>li {
		padding:25px 10px;
	}
	.artEdu_list>li>h3,.artEdu_list>li>ul {
		width:100%;
		float:none;
	}
	.artEdu_list>li>h3 {
		margin-bottom:15px;
	}
	.artEdu_list>li>h3>span {
		width:100%;
	}
	/*로드맵*/
	.roadmap dl {
		background-position:center 47px !important;
	}
	.roadmap dt,.roadmap dd {
		width:100%;
	}
	.roadmap dd {
		padding-left:0;
		margin-top:20px;
	}
	.roadmap dd>div {
		width:100%;
	}
	.roadmapInfo {
		margin-bottom:10px;
	}
	.roadmapDetail {
		padding-left:0;
	}
	.charBox {
		padding: 20px;
	}
	/* div로 만든 가로형 테이블*/
	.artEdu_list>li>ul.horizontbl {
		padding-left:0;
		margin-top: 10px;
	}
	/*절차*/
	.artEduInfo .step {
		width:140px;
		margin:20px auto 0;
		padding-left:0;
	}
	.artEduInfo .step li {
		float:none;
		width:100%;
		margin:-23px 0 0 0
	}
	.artEduInfo .step li:first-child {
		margin:0;
	}
	.artEduInfo .step>li>span.steparr {
		top:auto;
		right:67px;
		bottom:10px;
		transform:rotate(90deg);
	}
	/*탭*/
	.artEdu .tabArea {
		margin-bottom:30px;
	}
	.artEdu .tabArea li {
		width: 33.33%;
	}
	/*서브타이틀*/
	.subtit {
		font-size: 18px;
		background-position: left 4px;
		background-size: 20px 20px;
		min-height: 27px;
	}
	/*콘텐츠실명제*/
	.InfoArea img {
		display:block;
		margin: 0 auto 10px;
	}
	/*만족도조사*/
	.evalu_header strong, .evalu_header .survey {
		width:100%;
		margin: 5px 0;
	}
	.evalu_header strong {
		text-indent:0;
	}
	.evalu_footer {
		background-image:none;
	}
	.evalu_footer .page_info {
		border-left:0;
		margin-left:0;
	}
	.evalu_footer .page_info li {
		float: none;
	}
	/*로그인*/
	.login input[type="text"] {
		width:26.5%
	}
	.login input[type="text"] {
		width:46%;
	}
	.login input[type="text"]:nth-child(2) {
		float: right;
	}
	/*회원유형선택*/
	.mbtypeList ul {
		display:inline-block;
		overflow:hidden;
	}
	.mbtypeList li a {
		border-radius:100%;
		position:relative;
		width:150px;
		height:auto;
		padding:45px 0 46px;
		font-size:15px;
	}
	/*.mbtypeList .childmb a {
		background:#B90531;
		z-index:1;
	}
	.mbtypeList .adultmb a {
		background:#F4184E;
	}*/
	.mbtypeList strong {
		font-size:20px;
	}
	.mbtypeInfo {
		padding:20px;
	}
	.mbtypeInfo div {
		padding: 0;
	}
	/*회원가입 스텝*/
	.mbstep {
		width:100%;
		margin:15px auto 30px;
	}
	.mbstep li {
		display:none;
		margin-left:0;
	}
	.mbstep li.on {
		display:block;
		background:#F5184E;
		width:100%;
		padding:14px 20px;
		box-sizing:border-box;
	}
	.mbstep li.on .stepnum {
		background:none;
		text-indent:0;
		letter-spacing:0;
		width:auto;
		height:auto;
		margin:0;
		font-size:18px;
		float:right;
		color:#ffffff;
	}
	.mbstep li.on .steptxt {
		float:left;
		color:#ffffff;
	}
	.join .subtit {
		display: none;
	}
	/*회원가입약관*/
	.policy li {
		margin-top:30px
	}
	.policy dd div {
		overflow: scroll;
	}
	/*실명확인*/
	.identi>ul {
		padding: 30px 0;
	}
	.identi>ul>li {
		width:49%;
		border-left:0;
		margin-left: 2%;
	}
	.identi>ul>li:first-child {
		margin-left:0;
	}
	.child_identi {
		padding: 60px 20px
	}
	.identi dt {
		font-size: 16px;
	}
	/*회원정보입력*/
	.mbinput .horizontbl .htbl_td .email_chk .btn_gray {
		margin-top:5px;
	}
	.join #btn_email_check {margin-left: 0; margin-top: 7px;}
	.formw .horizontbl .htbl_td .mbipt_pw {
		width: 100%;
	}
	/*회원가입 14세 미만*/
	.child_identi strong {
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	.child_identi input[type="text"] {
		width:100%;
	}
	.child_identi .mbgender div {
		width:100%;
	}
	.child_identi .btn_ok {
		width: 100%;
	}
	/*가입완료*/
	.mbfinish {
		padding:40px 30px;
	}
	.mbfinishtxt {
		font-size: 20px;
	}
	/*아이디 비밀번호 찾기*/
	.mbsearch .mbtypeList ul {
		padding: 50px 0;
	}
	.mbsearch .hpidenti dd, .mbsearch .ipinidenti dd {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.identi dt a.btn {
		width:100%;
	}
	.ipinidenti dd,.hpidenti dd {
		padding: 0 15px;
		width:100%;
		box-sizing: border-box;
	}
	.ipinidenti a.btn_white {
		width:100%;
	}
	.mbsearch_resultpw {
		padding:45px 30px 75px;
	}
	.mbsearch_resultid strong,.mbsearch_resultpw strong {
		font-size:20px;
	}
	.mbsearch_resultpw .resultbox {
		font-size:15px;
	}
	.mbsearch_resultid,.mbmodi {
		padding:45px 30px 75px;
	}
	.mbsearch .identi .mbsearchpw+ul {
		padding:55px 15px;
	}
	.mbsearch .identi .mbsearchpw {
		padding:20px;
		text-align:left;
	}
	.mbsearch .identi .mbsearchpw p {
		margin:5px 0;
		width:100%;
	}
	.mbsearch .identi .mbsearchpw p>span {
		display:block;
		width:100%;
		margin: 5px;
	}
	/*아이디 비밀번호 찾기결과*/
	.mbsearch_resultid .resmail {
		width: 100%;
	}
	/*회원정보수정*/
	.mbmodi .resultbox {
		padding:39px 20px 40px;
	}
	.mbmodi .resultbox + .btnArea .btn_m {min-width: 107px !important;}
	/*비밀번호변경*/
	.mbmodipw .mbmodipwinfo {
		padding:28px 15px;
	}
	.mbmodipw .mbmodipwinfo div {
		font-size:14px;
		word-break:keep-all;
	}
	.mbmodipw .box_type1 li {
		width:100%;
		border-right:0;
		border-top:1px solid #e1e1e1;
		min-height:100%;
	}
	.mbmodipw .box_type1 li:first-child {
		border-left:0;
		border-top:0;
	}
	.mbmodipw .btn_gray2 {
		display:block;
		width:70%;
		margin: 20px auto 0;
	}
	/*마이페이지*/
	.mypagecopy .horizontbl {
		display:block;
	}
	.mypagecopy .horizontbl>li {
		display:block;
	}
	.mypagecopy .horizontbl .htbl_th,.mypagecopy .horizontbl .htbl_td {
		display:block;
		width:100%;
		padding: 14px 20px;
	}
	/*입력폼*/



	/*** 연간캘린더 ****/
	.caly_mdetail {
		padding:0 35px 14px 27px;
	}
	.calendaryear .caly_y h5 {
		font-size:25px;
		padding:30px 0;
	}
	.caly_m>ul>li {
		width:25%;
	}
	.caly_m>ul>li>a {
		background:none;
		padding:9px 0;
	}
	.caly_mdetail .mdetail_month {
		width:100%;
		padding:0;
	}
	.caly_mdetail .mdetail_month p,
	.caly_mdetail .mdetail_month .monthWrap {
		margin:27px auto;
	}
	.caly_mdetail .mdetail_list {
		width:100%;
		border-left:0;
		min-height: 170px;
	}
	.caly_mdetail>ul>li:first-child>div {
		padding-top:0;
	}
	.caly_mdetail>ul>li:last-child>div {
		padding-bottom:0;
	}
	.caly_mdetail .mdetail_list dt {
		position:static;
		margin: 0;
		padding-right: 10px;
		background-position: left center !important;
		background-color: #f7f8fa !important;
	}
	.caly_mdetail .mdetail_list dd {
		width: calc(100% - 57px);
	}
	.caly_mdetail .mdetail_list dd:before {
		content: none;
	}
	.caly_mdetail .mdetail_list.no_mdetail_list {height: auto;}

	/* 원장님과 대화*/
	.partiw .persdata {padding: 25px;}

	.directorintro {padding: 30px;}
	.directorintro > div {width: 100%;}
	.todirector ul {width: 100%;}
	.todirector ul > li {width: 100%; text-align: center;}
	.todirector ul > li > a {margin-left: 0; margin: 10px 0;}
	.todirector .box_type2 {padding: 30px 25px;}
	.todirector .box_type2 .btn {margin: 5px 0;}

	.partiw #depart_cd, .partiw #team_cd {width: calc((100% - 5px) /2) !important;}
	.partiw #team_cd + .btn_gray {margin-top: 7px;}

	/* 정보공개*/
	.public_data {
		padding-left: 0;
		background: none;
	}
	.public_data ul {font-family: 'NotoSans-Regular';}


	/* new 인사말 */

}


/******* 기관소개 ****/
/* 진흥원소개:연혁 @gseon */
.desc {
	word-break:keep-all;
	padding-bottom:30px;
	display:block;
}
.desc p {
	font-size:17px;
	font-weight:600;
	margin-bottom:15px;
}
.desc li {
	background:url(https://www.arte.or.kr/images/comm/icon/bull_disc2.gif) no-repeat 1px 11px;
	font-size:15px;
	padding-left:13px;
	margin-bottom:10px;
	margin-left:10px;
}
.desc li:last-child {
		margin-bottom:0;
}
.history-tab {
	margin-bottom:50px;
}
.history-tab h2 {
	padding-left:20px;
	background:#717586;
	border:solid 1px #535760;
	border-top-color:#565a64;
	border-bottom-color:#40434b;
	/* font-size:1.24em; */
	font-weight:normal;
	color:#fff;
	line-height:2;
    font-size:1.7rem; /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.history-tab ul {
	padding:15px 5px;           /* 241204 웹접근성 보완 조치 */
	border:solid 1px #dddedf;
	overflow:hidden;
}
.history-tab ul li {
	float:left;
	width:calc(100% / 8);       /* 241204 웹접근성 보완 조치 */
	text-align:center;
	line-height:1.4;
	/* font-size:1.125em; */
	font-size:1.6rem; /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.history-tab ul li a {
	display:block;
	padding: 4px 0;
}
.history_area {
	position:relative;
	width:100%;
	padding-bottom:10px;
	background:url(https://www.arte.or.kr/images/sub/history_bar_bg.gif) repeat-y 110px 0;
	overflow:hidden;
}
.history_area:before,.history_area:after {
	position:absolute;
	left:110px;
	width:7px;
	height:10px;
	content:'';
	z-index:1;
}
.history_area:before {
	top:0;
	background:url(https://www.arte.or.kr/images/sub/history_bar_top.gif) no-repeat 0 0;
}
.history_area:after {
	bottom:0;
	background: url(https://www.arte.or.kr/images/sub/history_bar_bottom.gif) no-repeat 0 0;
}
	.history {
	position:relative;
	padding-top:70px;
	overflow:hidden;
}
.history .txt_title {
	float:left;
	width:100px;
	margin:0 50px 0 10px;
	line-height:0.9;
	font-size:2.0em;
	color:#b90531;
	font-weight:700;
}
.history .txt_title:after {
	position:absolute;
	left:100px;
	width:30px;
	height:30px;
	background:url(https://www.arte.or.kr/images/sub/history_year.png) no-repeat 0 0;
	content:'';
}
.history .history_list {
	position:relative;
	margin-top:5px;
	font-size:15px;
	overflow:hidden;
}
.history .history_list dt {
	float:left;
	width:50px;
	padding-bottom:12px;
	color:#f4184e;
	font-weight:bold;
}
.history .history_list dd {
	position:relative;
	padding-bottom:12px;
	overflow:hidden;
	word-break: keep-all;
}
.history_area .history:first-child {
	padding-top:0;
}
.history_area .history:first-child .txt_title {
	margin-top:15px;
}
.history_area .history:first-child .history_list {
	margin-top:20px;
	padding-top:0;
	background: none;
}
@media all and (max-width:599px) {
	.history-tab ul li {width: 25%;}

	.history_area {background: none;}
	.history_area:before, .history_area:after, .history .txt_title:after {display: none;}
	.history {padding-top: 50px;}
	.history .txt_title {width: 100%; margin: 10px 0 30px; text-align: center;}
	.history .history_list {width: 100%;}
	.history .history_list dt {text-align: center;}
	.history .history_list dd {padding: 0 10px 12px;}
}

/* 기관소개:미션 및 비전 @gseon */
/* 요구사항번호 : KACES-CSR-4415, 요청내역 : 기관소개 미션과 비전 이미지와 css 변경 요청, 작업일자 : 2018.09.12, 작업자 : 전봉주 */
/* KACES-CSR-5067, 미션과 비전 이미지 현행화 , 20220418, 김현중 */
/* KACES-CSR-6960, 미션과 비전 이미지 및 내용 수정, 20230306, 김현중 */
.vision {
	width:100%;
	height:630px;
	/* background:url(https://www.arte.or.kr/images/sub/vision.gif) no-repeat center 0; */
	/* background:url(https://www.arte.or.kr/images/sub/vision_2022.png) no-repeat center 0; */
	/* background:url(/images/sub/vision_2023.png) no-repeat left 0; */
	background:url(/2024_new/images/sub/vision_2025.png) no-repeat left 0;
	text-indent:-9999px;
	overflow: hidden;
	background-size:contain;
}
@media all and (max-width:599px) {
.vision {background:none; text-indent:0; height:auto; }
.vision h3 { background:#800825; color:#FFF; font-weight:600; width:100%; text-align:left; padding-left:20px;  line-height:40px; font-size:18px;}
.vision > p {border:1px solid #dfced2; background:#fefafb; box-sizing: border-box; width:100%; padding:20px; margin-bottom:20px; color:#000; line-height: 20px; word-break: keep-all;}
.vision > ul  {border:1px solid #dfced2; background:#fefafb; box-sizing: border-box; width:100%; padding:20px; margin-bottom:20px; }
.vision > ul > li { position:relative; background:url(https://www.arte.or.kr/images/comm/icon/bull_disc_red.gif) no-repeat 0 10px; padding-left:10px; margin-bottom: 3px; color:#000; word-break: keep-all; line-height: 20px;}
.vision > ul > li > ul {margin: 5px 0 15px;}
.vision > ul > li > ul > li {background: url(https://www.arte.or.kr/images/comm/icon/bull_dash2.gif) no-repeat 0 10px; padding-left: 12px; font-size: 13px; margin-bottom: 3px; line-height: 20px; word-break: keep-all;}
.vision > ul > li:last-child > ul {margin-bottom: 0;}
.vision h3:nth-child(3n+3) {background:#b90531;}
.vision h3:nth-child(3n+2) {background:#f4184e;}
.vision h3:nth-child(3n+4) {background:#f1567c;}
.vision h3:nth-child(3n+6) {background:#fd8ca8;}
}
/* 기관소개:기관CI @gseon */
.box_ci_symbol {
	padding:15px 0;
	overflow:hidden;
	word-break: keep-all;
}
.box_ci_symbol>.img {
	width:45%;
	float:left;
}
.box_ci_symbol>.img>img {
	width:100%;
}
.box_ci_symbol>.txt {
	margin-left:47%;
}
.box_ci_symbol>.txt>p {
	font-size:1.063em;
	color:#343434;
	line-height:160%;
}
.box_ci_symbol>.txt>p.bt {
	margin-bottom:20px;
	font-weight:bold;
}
.box_ci_symbol>.txt>p>span {
	color:#ed174b;
	font-weight:bold;
}
.sybol_type {
	background:#fbfcfd;
	border:1px #e3e3e3 solid;
	padding:30px 0;
	display:table;
	width:100%;
}
.sybol_type li {
	float:left;
	vertical-align:middle;
	width:33%;
	text-align:center;
}
.box_ci_img {
	padding:30px 0;
	overflow:hidden;
	word-break: keep-all;
}
.box_ci_img>.type01 {
	width:47%;
	padding:0;
	float:left;
	text-align:left;
}
.box_ci_img>p {
	font-size:1.063em;
	color:#343434;
	line-height:160%;
	font-weight:bold;
}
.box_ci_img>p.bt {
	margin-bottom:40px;
}
.box_ci_img>.type02>ul>li {
	margin-bottom:15px;
	display:table;
}
.box_ci_img>.type02>ul>li>.img {
	display:table-cell;
}
.box_ci_img>.type02>ul>li>.img>img {
	width:57px;
}
.box_ci_img>.type02>ul>li>.txt {
	padding-left:10px;
	display:table-cell;
	font-size:1.2em;
	color:#343434;
	vertical-align:middle;
	font-weight:bold;
}
.box_ci_img>.img>img {
	width:98%;
}
.btn_area_right	 {
	clear:both;
	display:block;
	margin-top:20px;
	/* overflow:hidden; */		/* 241204 웹접근성 보완 조치 */
	vertical-align:top;
	text-align:right;
}
.btn_area_right .btn_down {
	border:1px #ccc solid;
	background:#fff url(https://www.arte.or.kr/images/sub/btn_ic_down.png) no-repeat 27px 50%;
	width:165px;
	display:inline-block;
	padding-left:55px;
	line-height:44px;
	text-align:left;
	box-sizing: border-box;
    font-size:1.5rem;               /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}

@media all and (max-width:1024px) {
	.box_ci_symbol>.img, .type01 {
		display:none;
	}
	.box_ci_symbol>.txt {
		margin-left:0;
	}
}

@media all and (max-width:599px) {
	.sybol_type li {
		text-align:center;
		vertical-align:middle;
		width:100%;
		line-height:50px;
	}
}

/* 기관소개:사업 BI @gseon */

.BI_list ul {
	position:relative;
	width:100%;
	overflow:hidden;
}
.BI_list ul li {
	float:left;
	position:relative;
	display:block;
	width:calc(33% - 30px);
	padding:30px 24px 26px 24px;
	margin-left:-24px;
    width:calc(100% / 3);                   /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.BI_list ul li a {
	display:block;
	text-decoration:none;
}
.BI_list ul li:nth-child(3n-2) {
	margin-left:0;
	padding-left:20px;
}

.BI_list ul li .thumbs {
	position:relative;
	width:100%;
	background:#fafbfd;
	border:1px #e1e1e1 solid;
	box-sizing:border-box;
	text-align:center;
}
.btnare .btn_down {
	border:1px #ccc solid;
	background:#fff url(https://www.arte.or.kr/images/sub/btn_ic_down.png) no-repeat 50px 50%;
	width:165px;
	padding-left:75px;
	line-height:44px;
	text-align:left;
	display:inline-block;
	box-sizing:border-box;
	color:#333;
	font-weight:600;
    font-size:1.5rem;               /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.BI_list ul li .tit {
	margin-top:17px;
	display:block;
	height:40px;
	overflow:hidden;
	color:#333;
	line-height:20px;
	font-size:16px;
	letter-spacing:-0.05em;
}
.BI_list ul .imgare {
	margin:20px 0 0 0;
	display:inline-block;
	width:100%
}
.BI_list ul .btnare {
	margin:10px 0 36px 0;
	display:inline-block;
	width: 100%
}
@media all and (max-width:1199px) {
	/* 기관소개:사업 BI @gseon */
	.BI_list ul {
		/* width:calc(100% + 28px); */              /* 24.10.22 변경된 디자인에 맞춰서 수정 */
	}
	.BI_list ul li {
		width:calc(50% - 57px);
		padding:30px 19px 26px 19px;
		margin-left:-19px;
        width:calc(100% / 2);                    /* 24.10.22 변경된 디자인에 맞춰서 수정 */
	}
	.BI_list ul li:nth-child(2n-1),.BI_list ul li:nth-child(4n-3) {
		margin-left:0;
		padding-left:24px;
	}
	.BI_list ul li:nth-child(2n),.BI_list ul li:nth-child(4n) {
		margin-left:0;
		padding-right:24px;
	}


}
@media all and (max-width:599px) {
	/* 기관소개:사업 BI @gseon */
	.BI_list ul {
		width:100%;
	}
	.BI_list ul li {
		width:calc(100% - 36px);
		padding:23px 18px 20px 18px !important;
		margin-left:0;
        width:100%;                 /* 24.10.22 변경된 디자인에 맞춰서 수정 */
	}

	.BI_list ul li .tit {
		margin-top:14px;
		height:auto;
		max-height:36px;
		line-height:18px;
		font-size: 14px;
	}
}
/* 기관소개:찾아오시는 길 @gseon */
.location_area {
	position:relative;
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
	padding-top:30px;
	overflow:hidden;
}
.location_list {
	position:relative;
	margin-top:5px;
	font-size:17px;
	overflow:hidden;
}
.location_list dt {
	float:left;
	width:100px;
	padding-bottom:12px;
	color:#000;
	font-weight:bold;
}
.location_list dd {
	position:relative;
	padding-bottom:12px;
	overflow:hidden;
}
.traffic_area {
	font-size: 16px;
}
.traffic_area table th {
	font-weight: 600;
	padding: 10px;
	background-color: #fafafa;
} 
.traffic_area table tbody tr td:first-child {
	text-align: center;
}
.traffic_area table th,
.traffic_area table td {
	padding: 15px 12px;
}
.traffic_area .trac_img {
	float:left;
	display:inline-block;
	text-indent:-9999px;
	margin-top:30px;
	margin-right:50px;
	padding-bottom:30px
}
.traffic_area .img_bus {
	background:url(https://www.arte.or.kr/images/sub/ic_rec_bus.png) no-repeat;
	width:142px;
	height:142px;
}
.traffic_area .img_mtr {
	background:url(https://www.arte.or.kr/images/sub/ic_rec_mtr.png) no-repeat;
	width:142px;
	height:250px;
}
.traffic_area .getoff {
	font-size:16px;
	font-weight:600;
	color:#333;
	display:block;
	width:100%;
	min-height:30px;	 /* 241204 모바일 디자인 깨짐 수정 */
}
.traffic_list {
	position:relative;
	margin-top:5px;
	margin-bottom:15px;
	font-size:16px;
	overflow:hidden;
}
.traffic_area .trac_icon {
	display: inline-block;
}
.traffic_list dt {
	float:left;
	width:100px;
	padding-bottom:12px;
	padding-right: 10px;
	color:#000;
	text-indent:-9999px;
    box-sizing:content-box;                     /* 24.10.22 변경된 디자인에 맞춰서 수정 */
}
.traffic_list dd {
	position:relative;
	padding-bottom:12px;
	overflow:hidden;
}
.traffic_area .ic_bus_blu {
	background:url(https://www.arte.or.kr/images/sub/ic_bus_blu.png) no-repeat;
	width:18px;
	height:21px;
}
.traffic_area .ic_bus_gree {
	background:url(https://www.arte.or.kr/images/sub/ic_bus_gree.png) no-repeat;
	width:18px;
	height:21px;
}
.traffic_area .ic_met_arex {
	background:url(https://www.arte.or.kr/images/sub/ic_met_arex.png) no-repeat;
	width:42px;
	height:42px;
}
.traffic_area .ic_met_no6 {
	background:url(https://www.arte.or.kr/images/sub/ic_met_no6.png) no-repeat;
	width:42px;
	height:42px;
}
.traffic_area .ic_met_Gyeongui {
	background:url(https://www.arte.or.kr/images/sub/ic_met_Gyeongui.png) no-repeat;
	width:42px;
	height:42px;
}
.traffic_area .txt_gree {
	color:#049D00
}
.traffic_area .txt_ble {
	color:#2276de
}
.traffic_area .txt_bro {
	color:#836249
}
.traffic_area .txt_sble {
	color:#4194c2
}
.traffic_area .txt_sble2 {
	color:#499861
}

/* ================================
퀵메뉴
================================ */

.quickArea {position: fixed; margin-left: 885px; top: 240px; z-index: 900;}
.quickArea > ul > li > a {display: block; margin-bottom: 6px; padding: 15px 5px 15px 66px;}
/* KACES-CSR-4674, 웹 접근성 보완조치 추가사항 , 20211229, 김현중 */
.quickArea > ul > li > a > span {display: inline-block; width: 65px; word-break: keep-all; font-size: 11px; line-height: 120%; /* color: #898B8D; */ color: #000000;}
/* .quickArea > ul > li > a > span {display: inline-block; width: 65px; word-break: keep-all; font-size: 11px; line-height: 120%; color: #8d8e8f;} */
.quickArea .quick02 a {padding: 8px 5px 9px 66px;}

.quickArea .quick01 {background: url('https://www.arte.or.kr/images/comm/btn/qk_asch_off.png') left center no-repeat;}
.quickArea .quick02 {background: url('https://www.arte.or.kr/images/comm/btn/qk_sys_off.png') left center no-repeat;}
.quickArea .quick03 {background: url('https://www.arte.or.kr/images/comm/btn/qk_acei_off.png') left center no-repeat;}
.quickArea .quick04 {background: url('https://www.arte.or.kr/images/comm/btn/qk_arte_off.png') left center no-repeat;}
.quickArea .quick05 {background: url('https://www.arte.or.kr/images/comm/btn/qk_365_off.png') left center no-repeat;}
/* .quickArea .quick06 {background: url('https://www.arte.or.kr/images/comm/btn/qk_bank_off.png') left center no-repeat;} */
.quickArea .quick06 {background: url('https://www.arte.or.kr/images/comm/btn/qk_lib_off.png') left center no-repeat;}
.quickArea .quick01:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_asch_on.png') left center no-repeat;}
.quickArea .quick02:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_sys_on.png') left center no-repeat;}
.quickArea .quick03:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_acei_on.png') left center no-repeat;}
.quickArea .quick04:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_arte_on.png') left center no-repeat;}
.quickArea .quick05:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_365_on.png') left center no-repeat;}
/* .quickArea .quick06:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_bank_on.png') left center no-repeat;} */
.quickArea .quick06:hover {background: url('https://www.arte.or.kr/images/comm/btn/qk_lib_on.png') left center no-repeat;}
.quickArea > ul > li:hover span {color: #f5194f;}

/* ================================
사진영상자료
================================ */

.media {font-size: 16px; padding: 60px;}
.media .photo {background: url('https://www.arte.or.kr/images/comm/icon/photo.png') left 0 no-repeat; padding: 20px 0 60px 230px; border-bottom: 1px solid #e6e7e9;}
.media .video {background: url('https://www.arte.or.kr/images/comm/icon/video.png') left 40px no-repeat; padding: 60px 0 20px 230px;}
.media > div > h3 {font-size: 30px; color: #121212; line-height: 1em; margin-bottom: 10px;}
.media > div > a {display: block; border: 1px solid #121212; max-width: 195px; padding: 12px 20px; box-sizing: border-box; text-align: center; color: #121212; margin-top: 30px;}
.media > div > a:hover {background: #202020; color: #fff;}
.media > div > a:hover .linkblack {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}
.ic_flickr {background: url('https://www.arte.or.kr/images/comm/icon/flickr.png') left center no-repeat; display: inline-block; text-indent: -9999px; width: 51px; margin-right: 5px;}
.ic_vimeo {background: url('https://www.arte.or.kr/images/comm/icon/vimeo.png') left center no-repeat; display: inline-block; text-indent: -9999px; width: 60px; margin-right: 5px;}
.linkblack {background: url('https://www.arte.or.kr/images/comm/icon/ic_linkb.gif') no-repeat right center; padding-right: 19px;}
@media all and (max-width:620px) {
	.media .photo {background-position: center 0; background-size: 150px; padding: 190px 0 60px 0; text-align: center;}
	.media .video {background-position: center 60px; background-size: 150px; padding: 250px 0 0 0; text-align: center;}
	.media > div > a {margin: 30px auto 0;}
}

/* ================================
기관장인사말
================================ */
.greeting_wrap {position: relative;}
	.greeting_01 {background: url('../images/sub/ceo_img.png') no-repeat 97% bottom; border-bottom: 4px solid #f1134a; padding: 80px 0 50px 30px; position: relative; overflow: hidden;}
	.greeting_01 h3 {font-size: 29px; font-family: 'NotoSans-Medium'; margin-bottom: 37px; letter-spacing: -0.08em; color: #121212; float: left;}
	.greeting_01 h3 > span {color: #ff1851;}
	.greeting_01 .sign {color: #121212; float: left; clear: both;}
	.greeting_02 {color: #202020; font-size: 15px; padding-top: 20px; word-break: keep-all;}
	.greeting_02 p {margin-top: 38px; line-height: 23px;}
	.link_director {text-align: center; margin-top: 65px;}
	.link_director a {background: url('https://www.arte.or.kr/images/comm/icon/ic_go.png') no-repeat 94% center; background-color: #f9285c; padding: 0 22px; font-weight: 500; font-size: 18px; color: #fff; display: inline-block; width: 300px; box-sizing: border-box;}
	.link_director a:first-child {margin-right: 10px; background-color: #b90531;}
	.link_director span {display: block; padding: 16px 0; text-align: left;}

@media all and (max-width:1024px) {
	.greeting_01 {background-size: contain;}
	.greeting_01 h3 {font-size: 25px;}

	.link_director a {width: 48%;}
	.link_director a:first-child {margin-right: 2%;}
}
@media all and (max-width:620px) {
	.greeting_01 {background-size: 50%;}
	.greeting_01 {padding: 30px 0 25px 15px;}
	.greeting_01 h3 {font-size: 17px; margin-bottom: 26px;}
	.greeting_01 .sign {font-size: 13px;}
	.greeting_01 .sign > img {max-width: 65%;}
	.greeting_02 {font-size: 14px;}
	.greeting_02 p {margin-top: 22px;}

	.link_director a {font-size: 15px;}
}
@media all and (max-width:400px) {
	.greeting_01 {background-size: 60%;}
	.greeting_01 h3 {font-size: 14px;}
	.greeting_01 .sign {font-size: 12px;}
	.greeting_01 .sign > img {max-width: 55%;}
	.link_director {padding: 0 20px; box-sizing: border-box; margin-top: 45px;}
	.link_director a {width: 100%; font-size: 15px;}
	.link_director a:first-child {margin-right: 0; margin-bottom: 10px;}
}

/* ================================
조직도
================================ */
.organization {
	width:100%;
	max-width: 800px;
	height:auto;
	margin:40px auto 30px;
}
.organization li {
	text-align:center;
	position:relative;
}
.organization li strong.principal {
	display:block;
	margin:0 auto;
	width:120px;
	padding:0 0 13px 0;
	position:relative;
	z-index:10;
}
/* 대표홈페이지 기관소개 조직 및 업무에 5대 이사진 추가 */
.organization li strong.principal a {
	margin:0 auto;
	display:block;
	width:120px;
	height:120px;
	background:#800825;
	border-radius:100px;
	color:#fff;
	font-weight:600;
	line-height:120px;
	font-size:17px;
	box-sizing:border-box;
}
.organization li ul li strong.principal_2 {
	display:block;
	margin:0 auto;
	width:120px;
	position:relative;
	z-index:10;
}
.organization li ul li strong.principal_2.self {
	position: absolute;
	top: 0;
	right: 125px;
	transform: translateX(50%);
}
.organization li ul li strong.principal_2.self:after {
	content: "";
	position: absolute;
	bottom: -31px;
	width: 1px;
	height: 31px;
	background: #ccc;
}
.organization li ul li strong.principal_2 a {
	margin:0 auto;
	display:block;
	width:120px;
	height:120px;
	background:#f4184e;
	border-radius:100px;
	color:#fff;
	font-weight:600;
	line-height:120px;
	font-size:17px;
	box-sizing:border-box;
}
/* 요구사항번호 : CSR-2020-1773, 요청내역 : 우리원 홈페이지 내 연혁 및 조직도 추가 요청 건 , 작업일자 : 2020.12.03, 작업자 : 김세훈 */
.organization > li > ul > li.ch_1 > ul {
	padding-top: 132px;
	position: relative;
	overflow: hidden;
/* 	background: url(https://www.arte.or.kr/images/sub/organization_line05.png) no-repeat center top #fff; */
	background: url(/images/sub/organization_line05.png) no-repeat center top #fff;
}

/* 2021.01.05 조직도 수정 */
/* KACES-CSR-2834, 조직도 변경, 20210624, 김현중 */
.organization > li > ul > li > ul > li.ch_1_1 {
	position: absolute;
	right: 0;
	top: 30px;
	width:250px;
}
.organization > li > ul > li > ul > li.ch_1_2 {
	position: absolute;
	right: 0;
	top: 30px;
	width:250px;
}
/* 요구사항번호 : CSR-2020-1773, 요청내역 : 우리원 홈페이지 내 연혁 및 조직도 추가 요청 건 , 작업일자 : 2020.12.03, 작업자 : 김세훈 */
.organization li.box_style2 > a {
	width: 100%;
	height: 44px;
	display: block;
	border: 1px solid #b3b3b3;
	font-size: 14px;
	line-height: 42px;
	color: #b90531;
	background: #fefafb;
	margin: 1px 0 15px;
	border: 1px #b90531 solid;
	box-sizing: border-box;
}
.organization li.box_style3 > a {
	width: 100%;
	height: 47px;
	display: block;
	margin-bottom: 8px;
	border: 1px solid #d2375d;
	font-size: 15px;
	line-height: 45px;
	color: #fff;
	background: #f1567c;
	box-sizing: border-box;
}
/*웹접근성 명도 대비로 인한 변경*/
.organization li.box_style4 > a {
	width: 100%;
	height: 47px;
	display: block;
	border: 1px solid #d2375d;
	font-size: 15px;
	line-height: 45px;
	color: #fff;
	background: #f1567c;
	box-sizing: border-box;
}

.organization li.box_style5 {
	/* KACES-CSR-6423, 조직도 개편 현행화 , 20221222, 김현중 */
	position: relative;
	width: 19.2%;
/* 	width: 24.25%; */
	float: left;
	margin-left: 1%;
	margin-top: 50px;
}

/* KACES-CSR-2834, 조직도 변경, 20210624, 김현중 */
.organization li.box_style5.ch_1_3 {
	margin-left: 0;
}
.organization li.box_style5 > a {
	width: 100%;
	height: 44px;
	display: block;
	border: 1px solid #b3b3b3;
	font-size: 14px;
	line-height: 42px;
	color: #b90531;
	background: #fefafb;
	margin: 10px 0 15px;
	border: 1px #b90531 solid;
	box-sizing: border-box;
}

.organization .box_style6 > li {
	margin-top: 10px;
}
.organization ul.box_style6 > li > a {
	width: 100%;
	height: 44px;
	display: block;
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 42px;
	color: #454545;
	background: #fff;
	box-sizing: border-box;
}

@media only all and (max-width:730px) {
	.organization li strong.principal a {
		font-size:1em;
	}
	.organization li ul li strong.principal_2 a {
		font-size:1em;
	}
	.organization li ul li strong.principal_2.self {
		right: 20%;
/* 		transform: translateX(-40%); */
	}
	.organization li ul li ul li a {
		font-size:0.9em !important;
	}
	
	.organization > li > ul > li > ul > li.ch_1_1, .organization > li > ul > li > ul > li.ch_1_2 {
		width: 40%;
		background: url(https://www.arte.or.kr/images/sub/organization_line01.gif) repeat-x center 25px;
	}

	/* 2021.01.05 조직도 수정 */
	.organization > li > ul > li > ul > li.ch_1_2{
		top:90px;
	}

	.organization li.box_style3 > a, .organization li.box_style4 > a {
		width: 60%;
	}
	.organization > li > ul > li.ch_1 > ul {
		background: url(/images/sub/organization_line03.gif) repeat-y center bottom #fff;
		padding-top: 110px;
	}
	.organization li.box_style5.ch_1_3 {
		padding-top: 0;
		/* margin-top: 50px; */
	}
	.organization li.box_style5 {
		width: 100%;
		margin: 0;
		padding-top: 50px;
		background: #fff;
	}
	.organization li.box_style5 > a {
		margin-top: 0;
	}
	.organization .box_style6 > li {
		width: 49%;
		margin-right: 2%;
		float: left;
	}
	.organization .box_style6 > li:nth-child(2n+2) {
		margin-right: 0;
	}
}

@media only all and (max-width: 500px) {
	.organization li strong.principal a {
		width: 24vw;
		height: 24vw;
		line-height: 24vw;
	}
	.organization li ul li strong.principal_2 a {
		width: 24vw;
		height: 24vw;
		line-height: 24vw;
	}
}

/* ================================
에러페이지
================================ */
.error_wrap {
	position: relative;
}
/*.error_wrap .msg_box {
	background: url('https://www.arte.or.kr/images/sub/error.png') no-repeat center top #fff;
	margin: 70px 20px 75px;
	height: 211px;
}*/
.error_wrap .msg_box  {
	padding: 70px 20px 75px;
	background: #fff;
}
.error_wrap .msg_box img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.error_wrap .link_box {
	border-top: 1px solid #e1e1e1;
	background: #fbfbfd;
	padding: 38px 0;
	text-align: center;
}
.error_wrap .link_box a {
	background: #1b1b1b;
	padding: 10px 25px;
	color: #fff;
}

/* ================================
아이디 찾기 모바일
================================ */
@media only all and (max-width:730px) {
	.identi>ul>li {
		width: 100%;
		margin: 40px 0 0;
	}
	.identi>ul>li:first-child {
		margin-top: 0;
	}
	.ipinidenti dd, .hpidenti dd {
		padding: 0;
	}


	.mbsearch .identi .box_type5 {
		text-align: left;
	}
	.mbsearch .identi .box_type5 > span {
		display: inline-block;
		margin: 5px 0;
		width: 100%;
	}
	.mbsearch .identi .box_type5 label {
		display: inline-block;
		width: 75px;
		box-sizing: border-box;
		text-align: left;
		font-size: 15px;
		padding-right: 0;
	}
	.mbsearch .identi .box_type5 > span > input {
		width: calc(100% - 80px);
	}
	.mbsearch .identi .box_type5 .calendarbox {
		margin-left: 0;
	}
}

/* ================================
휴면계정안내
================================ */
.sleepid .box_type3 {
	padding: 40px;
	font-size: 15px;
	line-height: 26px;
}
.sleepid .box_type3 strong {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	color: #383838;
	letter-spacing: -0.04em;
	font-size: 19px;
}
.sleepid .box_type3 strong > span {}

/* ================================
고객센터 안내
================================ */
.customer_area > ul > li {border-bottom: 1px solid #e6e7e9; box-sizing: border-box;}
.round01 {background-color: #800825; color: #fff; border-radius: 100%;}
.round02 {background-color: #f4184e; color: #fff; border-radius: 100%;}
.round03 {background-color: #f1567c; color: #fff; border-radius: 100%;}
.round04 {background-color: #f7f8fa; border-radius: 100%;}
.customer_area .btn_link {display: inline-block; background: #fff; color: #121212; border: 1px solid #000; box-sizing: border-box; min-width: 190px; margin-top: 25px;}
.customer_area .btn_link:hover, .customer_area .btn_link:focus {background-color: #1b1b1b; color: #fff;}
.customer_area .btn_link:hover .newWindows, .customer_area .btn_link:focus .newWindows {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}

	/* 오프라인 상담소 */
	.cs_offline > li {position: relative; overflow: hidden; padding: 55px 25px 60px;}
	.cs_offline > li > div {float: left;}
	.cs_offline div[class^="round"] {width: 155px; height: 155px; display: table;}
	.cs_offline div[class^="round"] span {display: table-cell; vertical-align: middle; word-break: keep-all; padding-left: 30px; padding-right: 30px; font-size: 30px; text-align: center; line-height: 100%; font-family: 'NotoSans-Light';}
	.cs_offline .info_area {width: calc(100% - 155px); padding-left: 36px; box-sizing: border-box;}
	.cs_offline .info_area h3 {font-size: 24px; color: #121212; font-family: 'NotoSans-Medium'; line-height: 100%; margin-bottom: 15px;}
	.cs_offline .info_area h3 span {font-family: 'NotoSans-Regular'; letter-spacing: 0; position: relative; bottom: 1px; margin-left: 3px;}
	.cs_offline .info_area .info {font-size: 15px; line-height: 23px; word-break: keep-all; display: block;}
	.cs_offline .info_area > ul {color: #121212; font-size: 16px; margin-top: 10px;}
	.cs_offline .info_area > ul > li:before {content: ''; width: 3px; height: 3px; background: #333; display: inline-block; vertical-align: middle; margin-right: 9px;}
	.cs_offline .info_area > ul > li {margin-top: 7px}
	.cs_offline div.round03 span {text-indent: -9999px; font-size: 0; background: url('https://www.arte.or.kr/images/comm/icon/ic_call.png') no-repeat center;}
	.customer_area .cs_offline .btn_link  {padding: 12px 40px 13px;}

	/* 온라인 상담소 */
	.cs_online > li {position: relative; overflow: hidden; padding: 50px 0 60px;}
	.cs_online > li:first-child {padding-top: 40px;}
	.cs_online h3 span {font-family: 'NotoSans-Medium';}
	.cs_online > li > ul {position: relative;overflow: hidden; padding-bottom: 5px;}    /* 241204 웹접근성 보완 조치 */
	.cs_online > li > ul > li {float: left; width: 33.33%; text-align: center; padding: 0 20px; box-sizing: border-box;}
	.cs_online h3 {font-size: 32px; font-family: 'NotoSans-Light'; color: #121212; text-align: center; letter-spacing: -0.08em; margin-bottom: 20px;}
	.cs_online div.round04 {width: 140px; height: 140px; display: table; margin: 0 auto;}
	.cs_online div.round04 span {text-indent: -9999px; font-size: 0; display: table-cell;}
	.cs_online .icon01 {background: url('https://www.arte.or.kr/images/comm/icon/ic_register.png') no-repeat center;}
	.cs_online .icon02 {background: url('https://www.arte.or.kr/images/comm/icon/ic_qna.png') no-repeat center;}
	.cs_online .icon03 {background: url('https://www.arte.or.kr/images/comm/icon/ic_business.png') no-repeat center;}
	.cs_online .icon04 {background: url('https://www.arte.or.kr/images/comm/icon/ic_director.png') no-repeat center;}
	.cs_online .icon05 {background: url('https://www.arte.or.kr/images/comm/icon/ic_faq.png') no-repeat center;}
	.cs_online .info {display: block; word-break: keep-all; font-size: 14px; padding: 20px 15px 5px; min-height: 110px;}
	.customer_area .cs_online .btn_link {display: block; padding: 14px 0; font-size: 15px; margin-top: 0;}


	@media only all and (max-width:768px) {
		.customer_area .btn_link {margin-top: 15px; min-width: 150px;}

		/* 오프라인 상담소 */
		.cs_offline > li {padding: 45px 10px;}
		.cs_offline > li:first-child {padding-top: 20px;}
		.cs_offline div[class^="round"] {display: none;}
		.cs_offline .info_area {padding-left: 0; width: 100%;}
		.cs_offline .info_area h3 {font-size: 20px;}
		.cs_offline .info_area .info, .cs_offline .info_area > ul {font-size: 14px;}
		.customer_area .cs_offline .btn_link {padding: 10px 20px;}


		/* 온라인 상담소 */
		.cs_online > li > ul > li {width: 100%; padding: 45px 0 0;}
		.cs_online > li > ul > li:first-child {padding-top: 20px;}
		.cs_online div.round04 {float: left; margin-right: 25px;}
		.cs_online .info {float: left; width: calc(100% - 165px); text-align: left; box-sizing: border-box; min-height: 70px; padding: 15px 50px 0 0;}
		.customer_area .cs_online .btn_link {float: left; display: inline-block; padding: 10px; margin-top: 15px; font-size: 14px; min-width: 270px;}
		.customer_area .cs_online .btn_link br {display: none;}

	}

	@media only all and (max-width:500px) {
		/* 오프라인 상담소 */
		.cs_offline .info_area h3 span {display: block; margin-left: 0; margin-top: 7px;}

		/* 온라인 상담소 */
		.cs_online div.round04 {float: none; margin: 0 auto;}
		.cs_online > li {padding: 45px 10px;}
		.cs_online > li:first-child {padding-top: 20px;}
		.cs_online > li > ul > li {width: 100%; padding: 40px 0 0;}
		.cs_online > li > ul > li:first-child {padding-top: 0;}
		.cs_online .info {padding: 20px 0; min-height: auto; width: 100%; text-align: center;}
		.customer_area .cs_online .btn_link {max-width: 100%; width: 100%; float: none; margin-top: 0; min-width:auto;}
	}


/* 태블릿 */
@media all and (max-width:700px) {
	/* 이미지, 테이블 스크롤*/
	.xscroll {
		overflow-x: scroll;
	}
	.cultbl_in {
		width:597px;
	}
	.cultbl_out, .curtbl.cultbl_out {
		width: 620px;
	}
	.infopolicy .policy_tbl table {
		width:800px;
	}
}

/* 모바일 */
@media all and (max-width:599px) {
	/*footer*/
	.fnb {
		max-width: 100%;
	}
	.fnb li, .fotcopy, .fot_address{font-size:12px;}

	/* 요구사항번호 : KACES-CSR-4840, 요청내역 : 대표홈페이지 웹어워드 마크 추가 요청, 작업일자 : 2019.01.02작 업자 : 전봉주 */
	.marklist {display: block;}
	.marklist > a, .marklist > span {display: inline-block; padding-left: 0; margin: 5px 7px;}
	.marklist .mark_webaward img {width: 45px;} /* 웹어워드 마크 */

	/*입력폼*/
	.formw .horizontbl,.formw .horizontbl>li {
		display:block;
	}
	.formw .horizontbl .htbl_th,.formw .horizontbl .htbl_td {
		display:block;
		width:100%;
	}
	.formw .horizontbl .htbl_td {
		padding:15px 10px;
	}
	.formw select {
		margin-right:0;
	}
	.formw .horizontbl .htbl_td .mbipt_mail_1,.formw .horizontbl .htbl_td .mbipt_mail_2 {
		width:40%;
		margin-bottom:10px;
	}
	.formw .horizontbl .htbl_td .mbipt_mail_2 {
		margin-right:0;
	}
	.formw .horizontbl .htbl_td .mbipt_mail_sel {
		width:100%;
	}
	.formw .horizontbl .htbl_td .mbipt_hp {
		width:calc((100% - 31px)/3);
	}
	.formw .file ul li a {
		width:auto;
	}
	.formw .file ul li a:first-child {
		width:80%;
	}
	.formw .horizontbl .middash {
		margin:0;
	}
	.formw .horizontbl .calendarbox span:first-child {
		display:block;
		position: relative;
	}
	.formw .calendarbox .dateinput {
		width: calc(100% - 35px);
	}
	.formw .calendarbox .calendar {
		position: absolute;
		right: 0;
	}


	.formw input[type="radio"] {
		width: 14px;
		height: 14px;
		bottom: 1px;
	}
	.formw .horizontbl .htbl_td .riadiobox {
		margin-right: 8px;
	}
	/*버튼*/
	.btnArea .fr {
		width: 100%;
		text-align: right;
	}
	.btnArea .btn {min-width: auto !important; font-size: 13px; padding: 10px 20px !important;}
	/*로그인*/
	.loginArea {
		background-size: 90%;
	}
	.login_btn li {
		width:49%;
		margin: 5px 2% 5px 0;
	}
	.login_btn li:first-child {
		width:100%;
	}
	.login_btn li:last-child {
		margin-right: 0;
	}
	/*비밀번호변경*/
	.mbmodipw .mbmodipwinfo div {
		background-position:top center;
		padding: 100px 20px 0
	}
	/*회원정보수정*/
	.mbmodi .resultbox > span > * {
		display:block;
		text-align:left;
		width:100%;
		margin:5px 0;
		padding: 0;
	}
	/*만족도조사*/
	.evalu_content textarea, .evalu_content .btn_ok {width: 100%; margin: 5px 0;}
	.evalu_content textarea {border-right: 1px solid #d7d7d7 !important;}

	.traffic_area p.trac_img {
		display: none;
	}
	/* 전체 사업안내 리스트*/
	.all_artEduInfo {
		padding: 15px;
	}

	/*저작권정책*/
	.opentype .opentype_img {
		width: 100%;
		margin-top: 20px;
	}

	/*윤리경영*/
	.moral_contents .downfile {
		position: static;
	}
	/* KACES-CSR-3141, 정보공개자료 인권영향평가 생성, 20210728, 김현중 */
	.moral_contents .movebtn{
		position: static;
	}

	/*연간캘린더*/
	.caly_mdetail .mdetail_list.no_mdetail_list p > span {background: none; padding: 0;}
}


/* pc && 노트북 버전 공통 */
@media only all and (min-width:1025px) and (max-height:800px) {
	/* layout */
	#container {width: 930px; margin-left: 0; margin-top: 60px;}
	#bgimg {margin-left: 930px;}
	/*#header {max-width: 930px;}*/		/* 25.03.07 리뉴얼한 디자인에 적용되는 전 디자인 css 제거 */
	#footer {margin-left: 0;}
}

/* 태블릿 && 모바일 && 노트북 버전 공통 */
@media only all and (max-width:1024px), screen and (max-height:800px) {
	/* layout */
	#wrap {
		position:relative;
		margin:0 auto;
		/*background:#000;*/			/* 25.03.07 리뉴얼한 디자인에 적용되는 전 디자인 css 제거 */
	}
	/* 25.03.07 리뉴얼한 디자인에 적용되는 전 디자인 css 제거 */
	/*#header {
		z-index:990;
		width:100%;
		height:60px;
		background:#000;
		color:#fff;
		top: 0;
	}*/

	/* content */
	.contents {
		padding-bottom:150px !important;
	}
	.mhide {
		display:none
	}

	/* ci */
	h1 {
		width:100%;
		height: auto;
		padding:12px 0 0;
		box-sizing:border-box;
	}
	h1 a {
		width:175px;
		height: 37px;
		background:url('https://www.arte.or.kr/images/comm/m_logo.png') no-repeat center;
		margin:0 auto;
	}

	/* gnb */
	.gnb, .gnbwrap {
		display: none;
	}
	.header_bg, .animate, .gnb  {
		display: none;
	}

	/*search*/
	.srchhwrap {
		position: static;
	}
	.btn_hsrch {
		position:absolute;
		top:15px;
		right:20px;
		display:inline-block;
		text-indent:-9999px;
		overflow:hidden;
		background:url("../../images/comm/icon/icon_sch01.png") no-repeat;
		background-position:center 4px;
		width:30px;
		height:30px;
	}

	/*utilMenu*/
	.utilMenuArea {
		position: static;
	}
	.utilMenuArea .login {
		display:none;
	}
	.utilMenuArea .sitemap {
		position:absolute;
		top:15px;
		left:20px;
		text-indent:-9999px;
		overflow:hidden;
		background:url("/images/comm/icon/btn_menu.png") no-repeat;
		background-position:center center;
		height:30px;
		width:30px;
	}
	.utilMenuArea .eng {
		display:none;
	}
	.utilMenuArea .artebank {
		display: none;
	}
	/*사이트맵*/
	.layer {
		top: 0;
		left:0;
	}
	.phide {display: block;}
	.menulayer {
		overflow-y: auto;
		width: 100%;
		padding: 0;
		background: none;
	}
	.menulayer .menuwrap {
		background:#000;
		width:250px;
		height: 100%;
	}
	.menulayer .top {
		position:relative;
		height:60px;
		box-sizing:border-box;
		background:#f4184e;
		padding: 0;
	}
	.menulayer .top .menulayer_tit {
		margin-left:13px;
		padding-top:22px;
		font-size:13px;
	}
	.menulayer .top .menulayer_tit .menu_login {display: block;}
	.menulayer .top .menulayer_tit li {
		float:left;
		box-sizing:border-box;
		display:inline-block;
		border-right:1px solid #f594ac;
		height:13px;
		line-height:100%;
		padding:0 10px;
		text-align:center;
		color:#fff;
		font-weight:400;
	}
	.menulayer .top .menulayer_tit li:nth-last-child(2) {border-right: 0;}
	.menulayer .top .menulayer_tit li:last-child {
		display:none;
	}
	.menulayer .top .menulayer_tit .menu_eng {
		float:left;
		height:50px;
		display:block;
	}
	.sitepopup_wrap .pop_header,.depth3,.menulayer .menulist>ul>li.site_mhidden {
		display:none;
	}
	.menulayer .top .menulayer_close {
		position:absolute;
		z-index:930;
		float:right;
		top:0;
		right:0;
		width:50px;
		height:60px;
		background:url(/images/comm/icon/ic_hclose.png) no-repeat center center;
		display:block;
		text-indent:-9999px;
	}
	.menulayer .menulist {
		background:#000000;
	}
	.menulayer .menulist>ul {
		width:100%;
		height:100%;
		display:block;
		font-size:16px;
		color:#fff;
		letter-spacing:-2px;
		list-style:none;
	}
	.menulayer .menulist>ul>li {
		width:100%;
		box-sizing:border-box;
		display:inline-block;
		border-bottom:1px solid #333;
		padding: 0;
		min-height: 0;
		float: none;
	}
	.menulayer .menulist>ul>li>a {
		padding-left:23px;
		padding-bottom: 0;
		font-weight:400;
		height:50px;
		width:100%;
		display:inline-block;
		font-size:16px;
		line-height:50px;
		background-repeat:no-repeat;
		background-position:92% center;
		background-image:url(/images/comm/icon/ic_m_menu_plus.png);
		border-bottom: 0;
		margin-bottom: 0;
		cursor: pointer;
	}
	.menulayer .menulist>ul>li.on>a {
		background-image:url(/images/comm/icon/ic_m_menu_minus.png);
		background-color:#000000;
		color:#fc1850
	}
	.menulayer .menulist>ul>li.on:nth-last-child(3)>a {color: #4985d5 !important;}
	.menulayer .menulist>ul>li.on {
		background:#245693;
		height:100%;
	}
	.menulayer .menulist>ul>li.off ul {
		display:none;
	}
	.menulayer .menulist>ul>li>ul {
		background:#1b1b1b;
		border-top: 1px solid #333;
		padding: 15px 0;
		list-style:none;
		min-height: auto;
	}
	.menulayer .menulist>ul>li>ul>li {
		width:100%;
		box-sizing:border-box;
		display:inline-block;
		color:#a9a9a9;
		font-weight:normal;
		letter-spacing: -2px;
	}
	.menulayer .menulist>ul>li>ul>li>a {
		padding-left:40px;
		display:block;
		font-size:14px;
		line-height: 33px;
	}
	.menulayer .menulist>ul>li>ul>li>ul {
		line-height:30px;
		list-style:none;
	}
	.menulayer .menulist>ul>li>ul>li>ul>li {
		background:#494441;
		width:100%;
		height:30px !important;
		line-height:30px !important;
		min-height:40px;
		box-sizing:border-box;
		border-top:1px solid #332f2c;
		color:#a9a9a9;
		font-weight:normal;
	}
	.menulayer .menulist>ul>li>ul>li>ul>li>a {
		padding-left:35px;
		height:30px;
		background:url(/images/comm/icon/bull_tri03.gif) no-repeat 20px center !important;
		background-size:5px;
		font-size:13px;
	}
}

/* 2019-02-26 아르떼 자료실 추가 */
	.box_artelib {word-break: keep-all; word-wrap: break-word; text-align: center; border: 1px solid #e6e7e9; background: #fff; padding: 65px 40px 110px;}
	.box_artelib .dis_b {display: block;}
	.box_artelib .txt01 {color: #121212; font-family: 'NotoSans-Medium'; font-weight: 500; font-size: 32px; letter-spacing: -0.08em; line-height: 130%; display: block;}
	.box_artelib .txt01:before {content: ""; display: block; width: 173px; height: 173px; margin: 0 auto 35px; background: url('https://www.arte.or.kr/images/comm/icon/ic_artelib.png') no-repeat;}
	.box_artelib .txt02 {margin: 40px 0 50px; letter-spacing: -0.06em; font-size: 16px; line-height: 150%;}
	.box_artelib .btn_t01 {display: inline-block; border: 1px solid #121212; padding: 0 40px; box-sizing: border-box; text-align: center; color: #121212; height: 47px; line-height: 40px;}
	.box_artelib .btn_t01:hover {background: #202020; color: #fff;}
	.box_artelib .logo_artelib {background: url('https://www.arte.or.kr/images/comm/icon/logo_artelib.png') no-repeat; display: inline-block; vertical-align: middle; text-indent: -9999px; width: 140px; height: 20px; margin-right: 5px;}
	.box_artelib .linkblack {vertical-align: middle;}
	.box_artelib .btn_t01:hover .logo_artelib {background-image: url('https://www.arte.or.kr/images/comm/icon/logo_artelib_w.png');}
	.box_artelib .btn_t01:hover .linkblack {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}

	@media all and (max-width:620px) {
		.box_artelib {padding: 50px 25px 40px;}
		.box_artelib .txt01 {font-size: 23px;}
		.box_artelib .txt01:before {width: 150px; height: 150px; background-size: 150px; margin-bottom: 30px;}
		.box_artelib .txt02 {margin: 25px 0 30px;}
		.box_artelib .btn_t01 {width: 100%; max-width: 260px; padding: 0;}
	}



/* 2020-05-22 고객센터 수정 */
.customer_box > ul > li{position:relative; margin-bottom:15px; background:#fff; box-sizing:border-box; overflow:hidden;}
.customer_box > ul > li div[class^="round"]{width:110px; height:110px; display:table; text-align:center;}
.customer_box > ul > li div[class^="round"] span{display:table-cell;text-indent:-9999px; font-size:0;}
.customer_box .cs_box01 > a{display:block; padding:25px 50px; overflow:hidden;}
.customer_box .cs_box01 > a:focus-visible {border:2px dashed var(--arte-primary-60);}           /* 241204 웹접근성 보완 조치 */
.customer_box .cs_box01 > a > div{float:left;}
.customer_box .cs_box02 > div{float:left;}
.customer_box .icon01{background:url('https://www.arte.or.kr/images/sub/ic_rec_cs01.png') no-repeat center;}
.customer_box .icon02{background:url('https://www.arte.or.kr/images/sub/ic_rec_cs02.png') no-repeat center;}
.customer_box .icon03{background:url('https://www.arte.or.kr/images/sub/ic_rec_cs03.png') no-repeat center;}
.customer_box .icon04{background:url('https://www.arte.or.kr/images/sub/ic_rec_cs04.png') no-repeat center;}
.round01 {background:#800825; color:#fff; border-radius:100%;}
.round02 {background:#f4184e; color:#fff; border-radius:100%;}
.round03 {margin-top:5px; background:#f1567c; color:#fff; border-radius:100%;}
.cs_box01{border:1px solid #ccc;}
.cs_box02{padding:25px 50px;border:1px solid #ccc;}
.customer_box .txt_area{position:relative; width:calc(100% - 110px); padding:20px 0 0 75px; box-sizing:border-box; }
.customer_box .txt_area h3{margin-bottom:25px; font-size:24px; color:#121212; font-family:'NotoSans-Medium'; line-height:100%; }
.customer_box .txt_area .titText{margin-bottom:25px; font-size:24px; color:#121212; font-family:'NotoSans-Medium'; line-height:100%; }
.customer_box .txt_area .info{font-size:15px; line-height:23px; word-break:keep-all;}
.customer_box .txt_area .info > .label{margin-bottom:25px; color:#93989d;}
.customer_box .txt_area .info_btn{margin-top:10px; margin-bottom:25px;}
.customer_box .txt_area .info_btn:last-child{margin-bottom:0}
.customer_box .btn_link {display: inline-block; min-width:232px; padding:12px 30px 13px; background: #fff; color: #f4184e; border: 1px solid #f4184e; box-sizing: border-box; text-align:center;				font-size:1.5rem; /* 24.10.22 변경된 디자인에 맞춰서 수정 */ }
.customer_box .btn_link:hover, .customer_box .btn_link:focus {background-color: #f4184e; color: #fff;}
.customer_box .btn_link:hover .newWindows, .customer_box .btn_link:focus .newWindows {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}
.customer_box .btn_link2 {display: inline-block; padding:6px 24px 7px; background: #fff; color: #121212; border: 1px solid #000; box-sizing: border-box; text-align:center;					font-size:1.5rem; /* 24.10.22 변경된 디자인에 맞춰서 수정 */ }
.customer_box .btn_link2:hover, .customer_box .btn_link:focus {background-color: #1b1b1b; color: #fff;}
.customer_box .btn_link2:hover .newWindows, .customer_box .btn_link:focus .newWindows {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}
.customer_box .box_type2 > p > a{float:right;}
.customer_box .box_type2 > p > .btn_gray2 {margin-left:24px; font-size:1.5rem;}						/* 24.10.23 변경된 디자인에 맞춰서 수정 */
.customer_box .cs_list dt{margin-top:15px; font-weight:700;}
.customer_box .cs_list dt:first-child{margin-top:0;}

@media only all and (min-width:769px) {
	.cs_box02 .txt_area{padding:0 0 0 75px}
	.cs_box02 .txt_area h3{margin-bottom:13px;}
}
@media only all and (max-width:768px) {	
	.customer_box > ul > li{text-align:center;}
	.customer_box > ul > li div[class^="round"]{float:none; width:120px; height:120px; margin:0 auto 10px;}
	.customer_box .txt_area{width:100%; padding-left:0; box-sizing:border-box;}
	.customer_box .btn_link{margin-bottom:10px;}
	.customer_box .cs_box01 > a{padding:45px 10px;}
	.customer_box .cs_box02{padding:45px 10px;}
}
@media only all and (max-width:622px) {
	.customer_box .box_type2{padding:20px;}
	.customer_box .box_type2 > p > a{float:none; display:inline-block; margin-top:10px;					margin-left:0; /* 24.10.23 변경된 디자인에 맞춰서 수정 */ }
}
@media only all and (max-width:254px) {
	.customer_box .btn_link{min-width:1px; padding:12px 10px 13px;}
}


/* 2019-09-03 홈페이지 저작권 정책 수정 */
.right_info {}
	.right_info > div {margin-bottom: 40px; word-break: keep-all; word-wrap: break-word;}
	.right_info > div .txt01 {display: block; font-weight: 500; color: #000; font-size: 20px; margin-bottom: 10px;}
	.right_info > div .txt02 {font-weight: 300; letter-spacing: 0; line-height: 26px;}

	.right_info .kogl_box01 > ul {position: relative; overflow: hidden; margin: 20px 0 40px;}
	.right_info .kogl_box01 > ul > li {float: left; width: 25%; letter-spacing: -0.02em; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; box-sizing: border-box;}
	.right_info .kogl_box01 > ul > li:first-child {border-left: 0;}
	.right_info .kogl_box01 dt {background: #0078d7; color: #fff; font-size: 16px; text-align: center; padding: 15px 0 16px;}
	.right_info .kogl_box01 dd {background: #fff; padding: 35px 20px; text-align: center; box-sizing: border-box;}
	.right_info .kogl_box01 dd p {margin-top: 12px; font-size: 15px; font-weight: 300; letter-spacing: 0; line-height: 160%;}

	.right_info .kogl_box02 {margin-bottom: 70px;}
	.right_info .kogl_box02 .txt02 {margin-bottom: 15px;}
	.right_info .ex_box {border: 1px solid #dedede; margin-bottom: 10px; box-sizing: border-box; padding: 40px 55px; word-break: keep-all; word-wrap: break-word; letter-spacing: 0;}
	.right_info .ex_box strong {font-weight: 500; color: #000; display: block; margin-bottom: 20px;}
	.right_info .ex_box .t01 {font-weight: 300; color: #000; font-size: 15px;}
	.right_info .ex_box .t02 {font-weight: 300; font-size: 14px; margin-top: 12px;}
	.right_info .ex_box .t02:before {content: '*'; display: inline-block; vertical-align: -4px; margin-right: 3px;}

	.right_info .con03 .txt02 b {font-weight: 400; font-size: 16px; color: #121212;}
	.right_info .con03 ul {font-size: 15px; margin-top: 12px;}
	.right_info .con03 ul li {margin-bottom: 10px; font-weight: 300;}

	.right_info .con04 .txt02 {margin-bottom: 10px;}
	.right_info .con04 .txt02 b {font-weight: 400; color: #000;}
	.right_info .con04 .btn01 {display: inline-block; border: 1px solid #0078d7; height: 40px; line-height: 35px; padding: 0 20px; box-sizing: border-box; text-align: center; margin-right: 5px;}
	.right_info .con04 .btn01 span {color: #000; font-size: 14px; position: relative; padding-right: 15px;}
	.right_info .con04 .btn01 span:after {content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; margin-top: -4px; background: url('https://www.arte.or.kr/images/sub/ic_shortcut_bl.png') no-repeat; background-size: 100%;}
	
@media screen and (max-width: 1024px) {
	.right_info > div {margin-bottom: 25px;}
	.right_info > div .txt01 {font-size: 15px; margin-bottom: 3px;}
	.right_info > div .txt02 {font-size: 13px; line-height: 160%;}
	.right_info .kogl_box01 > ul {margin: 20px 0 30px;}
	.right_info .kogl_box01 > ul > li {width: 50%;}
	.right_info .kogl_box01 dt {font-size: 14px; padding: 10px 0 12px;}
	.right_info .kogl_box01 dd {padding: 15px 10px; min-height: 135px;}
	.right_info .kogl_box01 dd p {font-size: 13px; margin-top: 8px;}
	.right_info .kogl_box01 dd p .dis_b {display: inline-block;}
	.right_info .kogl_box01 dd img {display: block; margin: 0 auto; max-width: 100%; max-height: 35px;}

	.right_info .kogl_box02 {margin-bottom: 40px;}
	.right_info .ex_box {padding: 15px 15px;}
	.right_info .ex_box strong {margin-bottom: 5px;}
	.right_info .ex_box .t01 {font-size: 13px;}
	.right_info .ex_box .t02 {font-size: 12px; line-height: 100%;}

	.right_info .con03 .txt02 b {font-size: 14px;}
	.right_info .con03 ul li {font-size: 13px; line-height: 160%;}

	.right_info .con04 .btn01 {height: 37px; line-height: 32px; padding: 0 15px;}
	.right_info .con04 .btn01 span {font-size: 13px;}
}
	
@media screen and (max-width: 768px) {
	.right_info .kogl_box01 > ul > li {width: 100%;  border: 0; margin-bottom: 12px;}
	.right_info .kogl_box01 dd {border: 1px solid #dedede; border-top: 0; min-height: auto;}
}


/* KACES-CSR-2844, 혁신계획 소개, 게시판 화면 추가, 20210625, 김현중 */
.innovation {
	width:100%;
	height:1500px;
	background:url('/images/sub/innovation.png') no-repeat left 0;
	text-indent:-9999px;
	overflow:hidden;
	background-size:contain;
}
.btn_area{text-align:center;}
.btn_area .btn_link {display: inline-block; min-width: 190px; margin-top: 25px; padding: 12px 40px 13px;background: #fff; color: #121212; font-size: 15px; border: 1px solid #000; box-sizing: border-box;  }
.btn_area .btn_link:hover, .btn_area .btn_link:focus {background-color: #1b1b1b; color: #fff;}
.btn_area .btn_link:hover .newWindows, .btn_area .btn_link:focus .newWindows {background-image: url('https://www.arte.or.kr/images/comm/icon/ic_linkw.gif');}
.point{display:inline-block; margin-left:5px; padding:0 8px; background:#f4184e; border-radius:30px; font-weight:700; font-size:12px; color:#fff; text-align:center;}

@media all and (max-width:1024px){

}
@media all and (max-width:991px) {
	.innovation {background:none; text-indent:0; height:auto; }
	.innovation h3 {padding:10px 20px; background:#800825; color:#FFF; font-weight:600; width:100%; text-align:left; font-size:18px; box-sizing:border-box;word-break: keep-all;}
	.innovation h3 > span{display:block; font-size:15px;}
	.innovation > p {border:1px solid #dfced2; background:#fefafb; box-sizing: border-box; width:100%; padding:20px; margin-bottom:20px; color:#000; line-height: 20px; word-break: keep-all;}
	.innovation > ul  {border:1px solid #dfced2; background:#fefafb; box-sizing: border-box; width:100%; padding:20px; margin-bottom:20px; }
	.innovation > ul > li { position:relative; background:url(/images/comm/icon/bull_disc_red.gif) no-repeat 0 10px; padding-left:10px; margin-bottom: 3px; color:#000; word-break: keep-all; line-height: 20px;}
	.innovation > ul > li > ul {margin: 5px 0 15px;}
	.innovation > ul > li > ul > li {background: url(/images/comm/icon/bull_dash2.gif) no-repeat 0 10px; padding-left: 12px; font-size: 13px; margin-bottom: 3px; line-height: 20px; word-break: keep-all;}
	.innovation > ul > li:last-child > ul {margin-bottom: 0;}
	.innovation h3:nth-child(3n+3) {background:#b90531;}
	.innovation h3:nth-child(3n+2) {background:#f4184e;}
	.innovation h3:nth-child(3n+4) {background:#f1567c;}
	.innovation h3:nth-child(3n+6) {background:#fd8ca8;}
}
@media only all and (max-width:768px) {
	.btn_area .btn_link {margin-top: 15px; min-width: 150px;padding: 10px 20px;}
}


/* KACES-CSR-3157, 증명서 발급 안내 화면 추가, 20210730, 김현중 */
.content1{margin-bottom:40px;}
.certificate {width:100%;}

.artEdu_list>li>div{
	float:left;
	width:77.5%;
}
@media only all and (min-width:768px) {
	.certificate ul{display:flex; justify-content: space-between;align-items: center;}
	.certificate li{position:relative; flex-basis:23%; align-self: center;}
	.certificate li:after{content:'▶'; position:absolute; top:50%; right:-21px; transform:translate(-50%, -50%); text-align:center; color:#666; font-size:17px; display:inline-block; }
	.certificate li:last-child:after{content:'';}
	.certificate li > h3{background:#f2f3f6; border:1px solid #e1e1e1; color:#666; width:100%; text-align:center; line-height:40px; font-size:14px; box-sizing:border-box;}
	.certificate li > p{position:relative; border:1px solid #e1e1e1; border-top:0; background:#fff; box-sizing: border-box; width:100%; min-height:90px; padding:15px 3px; margin-bottom:20px; color:#666; line-height: 20px; text-align:center; word-break: keep-all;}
	.certificate li > p > span{display:block; margin-top:3px; font-size:13px; line-height:18px}
}

@media all and (max-width:1024px) {
	.artEdu_list>li>div{width:100%}
}

@media only all and (max-width:767px) {
	.certificate li{position:relative;margin-bottom:15px;}
	.certificate li > h3{ background:#f2f3f6; border:1px solid #e1e1e1; color:#666; width:100%; text-align:center; line-height:40px; font-size:14px; box-sizing:border-box;}
	.certificate li > p{position:relative; border:1px solid #e1e1e1; border-top:0; background:#fff; box-sizing: border-box; width:100%; padding:20px; color:#666; line-height: 20px; text-align:center; word-break: keep-all;}
	.certificate li:after{content:'▼'; display:block; position:absolute; left:50%; bottom:-15px; transform:translateX(-50%); text-align:center; color:#666; font-size:17px;}
	.certificate li:last-child:after{content:'';}
	.certificate li > p > span{display:block; margin-top:3px; font-size:13px; line-height:18px}
}
.underline{text-decoration:underline}

.curtbl th,.curtbl td {
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1
}
.curtbl th:first-child,.curtbl td:first-child {
	border-left: none;
}


.certi_box .icon06{background:url(/images/sub/ic_rec_cs06.png) no-repeat center;}
.certi_box > .txt_area > h3{margin-bottom:25px;  font-size:24px; color:#121212; font-family:'NotoSans-Medium'; line-height:100%;}
.certi_box > .txt_area > .info2{margin-left:68px; text-align:left;}
.certi_box > .txt_area > .info2 > p{margin-bottom:5px; text-indent:-68px;}

.inq_area{display:flex; justify-content: space-between;}
.inq_area > li{flex-basis:33%; padding:0 15px;}
.inq_area > li > div{width:100px; height:100px; margin:0 auto 15px; text-align:center; text-indent:-9999em;}
.inq_area > li > div > .icon07 {display:block; background: url(/images/sub/ic_07.png) no-repeat center;}
.inq_area > li > div > .icon08 {display:block; background: url(/images/sub/ic_08.png) no-repeat center;}
.inq_area > li > div > .icon09 {display:block; background: url(/images/sub/ic_09.png) no-repeat center;}
.inq_area > li > div > .icon10 {display:block; background: url(/images/sub/ic_10.png) no-repeat center;}
.inq_area > li > div > .icon11 {display:block; background: url(/images/sub/ic_11.png) no-repeat center;}
.inq_area > li > div > .icon12 {display:block; background: url(/images/sub/ic_12.png) no-repeat center;}
.inq_area > li > div[class^="round"]{width:100px; height:100px; display:table; text-align:center;}
.inq_area > li > div[class^="round"] span{display:table-cell;text-indent:-9999px; font-size:0;}
.inq_area .inq_list > dt{height:36px; margin-bottom:10px; text-align:center; font-weight:bold; line-height:1.2;}
.inq_area .inq_list > dd{margin-bottom:5px; margin-left:10px; background:url(/images/comm/icon/bull_disc2.gif) no-repeat 1px 11px; padding-left:10px; font-size:14px; word-break: keep-all;}
.inq_area .inq_list > dd > ul > li{font-size:12px; line-height:1.5;}

.tbl_inq{width:100%; margin-bottom:40px;}
.tbl_inq thead th{height:55px; border-bottom:1px solid #515869; text-align:center; font-weight:bold;  line-height:1.4;}
.tbl_inq tbody th{padding:5px; color:#666; border-bottom:1px solid #e1e1e1; background:#f2f3f6; text-align:left; font-size:13px; vertical-align:top; line-height:1.5;}
.tbl_inq tbody td{padding:5px; color:#666; border-bottom:1px solid #e1e1e1; text-align:left; font-size:13px; vertical-align:top; line-height:1.5;}
.tbl_inq tbody td > ul > li{line-height:1.3;}

.btn-down{display:inline-block; padding:0 8px; background:#515869; border-radius:3px; color:#fff !important; font-size:11px; text-align:center;}
.list_disc2 > li > ul > li{line-height:1.5;}

@media only all and (max-width:599px) {
	.inq_area{display:block}
	/*.inq_area > li{ width:100%; padding:20px 15px; border-top:1px dashed #e1e1e1}*/
}





/* KACES-CSR-4330, 인재상 안내 화면 추가 , 20211126, 김현중  */
/* 25.01.24 이미지 width 수정 */
.recruit1{width:100%; height:800px; background: url(/images/sub/img_recruit01.png) left no-repeat; background-size:contain; text-indent: -9999px; overflow: hidden;}
.recruit2 > ul:after{content:''; display:block; clear:both;}
.recruit2 > ul{border-top:1px solid #212121; border-bottom:1px solid #212121}
.recruit2 > ul > li{float:left; width:50%; height:220px; padding:20px 20px 40px; border-bottom:1px dashed #e1e1e1; box-sizing:border-box;                   height:260px; /* 24.10.22 변경된 디자인에 맞춰서 수정 */ }
.recruit2 > ul > li > div{padding:20px 0}
.recruit2 > ul > li > dl > dt{margin:5px 0; font-weight:bold; font-size:18px; color:#212121}

.recruit3{width:100%; min-height:330px; background: url(/images/sub/img_recruit03.png) left no-repeat; background-size:contain; text-indent: -9999px; overflow: hidden;}
.recruit4{width:100%; min-height:350px; background: url(/images/sub/img_recruit04.png) left no-repeat; background-size:contain; text-indent: -9999px; overflow: hidden;}

@media all and (min-width:768px) {
	.recruit1 > div > .list_disc > li{background:none}
	.recruit2 > ul > li:nth-child(odd){border-right:1px dashed #e1e1e1;}
}
@media all and (max-width:767px) {
	.recruit1 {background:none; text-indent:0; height:auto; padding:20px 0;box-sizing:border-box}
	.recruit1 ul.people > li{width:100%; padding:20px 0;box-sizing:border-box}
	.recruit1 ul.people > li:after{content:''; display:block; clear:both;}
	.recruit1 ul.people > li > div{float:left; display:inline-block; padding:10px; border-radius:50%; text-align:center;box-sizing:border-box}
	.recruit1 ul.people > li > div > img{max-width:100%;}
	.recruit1 ul.people > li > div.img1{background:#f4184e;}
	.recruit1 ul.people > li > div.img2{background:#b90531;}
	.recruit1 ul.people > li > div.img3{background:#f1567c;}
	.recruit1 ul.people > li > dl{float:left; width:calc(100% - 90px); padding-left:15px; box-sizing:border-box}
	.recruit1 ul.people > li > dl > dt{margin:5px 0; font-weight:bold; font-size:18px;}
	
	.recruit1 > h3 {background: #800825; color: #FFF; font-weight:700;width: 100%; text-align: left; padding-left: 20px;line-height: 40px;font-size: 18px;}
	.recruit1 > div {border: 1px solid #dfced2; background: #fefafb;box-sizing: border-box; width: 100%; padding: 20px; margin-bottom: 20px;color: #000; line-height: 20px; word-break: keep-all;}


	.recruit2 > ul > li{float:none; width:100%; height:auto; border-bottom:1px solid #e1e1e1;}
	
	.recruit3 {position:relative; background:none; text-indent:0; height:auto; padding:10px 0;box-sizing:border-box;}
	.recruit3:after{content:''; position:absolute; top:40px; left:50%; display:inline-block; width:15px; height:calc(100% - 80px); background:url('/images/sub/pattern.png'); z-index:0}
	.recruit3 li{position:relative; width:100%;padding:15px; text-align:center; box-sizing:border-box;  z-index:1}
	.recruit3 li > h4{padding:10px 20px; color:#fff; font-size:18px; box-sizing:border-box;}
	.recruit3 li:nth-of-type(1) > h4{background:#800825}
	.recruit3 li:nth-of-type(2) > h4{background:#b90531}
	.recruit3 li:nth-of-type(3) > h4{background:#f4184e}
	.recruit3 li:nth-of-type(4) > h4{background:#f1567c}
	.recruit3 li:nth-of-type(5) > h4{background:#6e525a}
	.recruit3 li > p{padding:20px; background:#fefafb; border:1px solid #e3d3d7;}

	.recruit4{position:relative; background:none; text-indent:0; height:auto; padding:20px 0;box-sizing:border-box}
	.recruit4:before{content:''; position:absolute; left:32px; display:block; width:2px; height:calc(100% - 65px); background:#e9e9e9; z-index:0;}
	.recruit4 > ul > li:after{content:''; display:block; clear:both;}
	.recruit4 > ul > li{min-height:80px; background:#fff;}
	.recruit4 > ul > li > div{float:left; position:relative; display:inline-block; width:180px; min-height:65px; padding-left:80px; text-align:left; font-weight:bold; font-size:16px; color:#212121; word-break:keep-all; box-sizing:border-box; z-index:1;}
	.recruit4 > ul > li > div > span{display:block; color:#f4184e; font-size:13px; font-weight:500;}
	.recruit4 > ul > li > div > img{max-width:100%;}
	.recruit4 > ul > li > div:before{content:''; position:absolute; left:0; top:0; display:inline-block; width:65px; height:65px;}
	.recruit4 > ul > li > div.img1:before{background:url('/images/sub/ico_recruit04_1.png') center center no-repeat;}
	.recruit4 > ul > li > div.img2:before{background:url('/images/sub/ico_recruit04_2.png') center center no-repeat;}
	.recruit4 > ul > li > div.img3:before{background:url('/images/sub/ico_recruit04_3.png') center center no-repeat;}
	.recruit4 > ul > li > div.img4:before{background:url('/images/sub/ico_recruit04_4.png') center center no-repeat;}
	.recruit4 > ul > li > div.img5:before{background:url('/images/sub/ico_recruit04_5.png') center center no-repeat;}
	.recruit4 > ul > li > div.img6:before{background:url('/images/sub/ico_recruit04_6.png') center center no-repeat;}
	.recruit4 > ul > li > p{float:left; width:calc(100% - 200px); padding-top:18px; padding-left:20px; box-sizing:border-box;}


}
@media all and (max-width:479px) {
	.recruit1 > ul > li > div{float:none; position:relative; left:50%; transform:translateX(-50%); text-align:center;}
	.recruit1 > ul > li > dl{float:none; width:100%; padding:10px 0 0; text-align:center;box-sizing:border-box}
	
	.recruit4 > ul > li{margin-bottom: 15px;}
	.recruit4 > ul > li > div{width:100%; min-height:0;}
	.recruit4 > ul > li > p{float:none; width:100%; padding:40px 0 0 80px;box-sizing:border-box;}
}