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


/* sub common */
h3 {
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'NotoSans-Regular';
}
.contents img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.subtit {
	background: url('https://www.arte.or.kr/images/img_orchestrakids/sub/ic_arr.gif') no-repeat left 6px;
	padding-left: 27px;
	letter-spacing: -0.06em;
	display: block;
	color: #262626;
}
.txtmain {  color: #e8392c  !important;  }
.bar {display: inline-block; text-indent: -9999px; background: url("https://www.arte.or.kr/images/img_orchestrakids/sub/bar.gif") no-repeat center; width: 1px; padding: 0 11px;}
.linkw {background: url('https://www.arte.or.kr/images/img_orchestrakids/sub/ic_linkw.gif') no-repeat right center; color: #ffffff; font-size: 11px; padding-right: 19px;}


/* sub title */
.titArea {
	clear:both;
	width:100%;
	text-align:center;
}
.titArea hr {
	border: 0;
	background: #ffffff;
	height: 3px;
	width: 36px;
	margin: 0 auto 21px;
}
.titArea h2 {
	display:block;
	font-size:32px;
	line-height:1em;
	font-family: 'NotoSans-Regular';
}
.tit_info {
	display: block;
	margin-top:10px;
	word-break:keep-all;
	font-size: 17px;
	letter-spacing: 0;
	font-family: 'NotoSans-Light';
}

/* tab */
.tabArea {
	font-size:16px;
	margin-bottom:40px;
	overflow: hidden;
}
.tabArea ul {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 50px;
	background-color: #f6f5f6;
	padding: .9rem .9rem;
}
.tabArea li {
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	text-align: center;
	width: 33.33%;
	border: 1px solid #e1e1e1;
	border-left: 0;
	box-sizing: border-box;
	height: 55px;
	border-radius: 25px;
	margin: 0 10px 0 0;
	background: #fff;
}
.tabArea li:last-child {margin-right: 0 !important;}
.tabArea li:nth-child(n+4) { margin-top:-1px; }
.tabArea li a { display:block; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;/*2025.01.24 수정*/ }
.tabArea li.choice, .tabArea li:hover {
	background:#ee1e7a;
	border-color: #ee1e7a !important;
	position:relative;
	z-index:999;
}
.tabArea li.choice a, .tabArea li:hover a {
	color: #fff;
}
.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;
}
.tab_contents > div {
	display: none;
}
.tab_contents > div:first-child {
	display: block;
}
.tab_contents .subtit {margin-bottom: 20px;}
.tabArea .tab_m_title {display: none;}

/* tab type */
.tabtype1 > ul > li {
	width: calc(100% / 2 - 5px) !important;
}
.tabtype2 > ul > li {
	width: 25% !important;
}

/* box */
.box {
	padding: 50px 60px;
	word-break: keep-all;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 155%;
}
.box_type1 {
	border-top:2px solid #1b1b1b;
	border-bottom:1px solid #e1e1e1;
}
.box_type2 {
	border:1px solid #e6e7e9;
	background:#ffffff;
}
.box_type3 {
	border:1px solid #e1e1e1;
	background:#ffffff;
}
.box_type4 {
	border:1px solid #c6768a;
	background:#fefbfc;
	color:#800825;
	line-height: 24px;
}
.box_type5 {
	border:1px solid #dadadd;
	background: #f8f9fb;
}
.box_type6 {
	border:1px solid #e1e1e1;
	background: #f7f7f7;
}
.picbox {
	border: 1px solid #e1e1e1;
	background: #f7f7f7;
	text-align: center;
	word-break: keep-all;
	padding: 35px 115px 60px;
	line-height: 26px;
}

/* list */
.list_disc>li {
	background:url('https://www.arte.or.kr/images/img_orchestrakids/sub/bull_disc2.gif') no-repeat 1px 11px;
	padding-left: 13px;
	word-break: keep-all;
	line-height: 25px;
}
/* black */
.list_disc2>li {
	background:url('https://www.arte.or.kr/images/img_orchestrakids/sub/bull_disc.gif') no-repeat 1px 11px;
	padding-left: 13px;
	word-break: keep-all;
	line-height: 25px;
}
/* gray */
.list_disc3>li {
	background:url('https://www.arte.or.kr/images/img_orchestrakids/sub/bull_disc_red.gif') no-repeat 1px 11px;
	padding-left: 13px;
	word-break: keep-all;
	line-height: 25px;
}
/* red*/
.list_dash>li {
	background:url('https://www.arte.or.kr/images/img_orchestrakids/sub/bull_dash.gif') no-repeat 1px 14px;
	padding-left: 10px;
	color: #777777;
	word-break: keep-all;
	line-height: 25px;
}

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

/* table */
.tbl {
	text-align:center;
	border-top:1px solid #e1e1e1;
	font-size: 14px;
	margin: 15px 0;
	width: 100%;
}
.tbl thead th, .tbl tfoot td {
	background-color:#f2f3f6;
	padding:12px 0;
	color: #ffffff;
}
.tbl tbody td {
	padding:12px 10px;
	word-break:keep-all;
	vertical-align:middle;
	word-wrap: break-word;
}
.tbl tbody th {
	background-color:#fafafa;
	padding: 10px;
}
.tbl tfoot {
	background-color:#f2f3f6;
}
.tbl th,.tbl td {
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1
}
.tbl th:last-child,.tbl td:last-child {
	border-right: none;
}
.tbl .nosum {
	text-indent:-9999px;
	background-color: #ffffff;
}
.tbl .tbl_line {background: url('https://www.arte.or.kr/images/img_orchestrakids/comm/icon/tbl_line.png') 0 0 #f2f3f6 no-repeat; padding: 6px 0;}
.tbl .opt_right {text-align: right; padding-right: 13px;}
.tbl .opt_left {text-align: left; padding-left: 13px;}
.tbl tbody .btnmini {background: #EE84B4; color: #ffffff;}

/* button */
.btnArea {
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}
.btnArea .btn {
	padding: 10px 25px;
	margin-left: 8px;
	min-width: 100px;
}
.btnArea .btn:first-child {
	margin-left: 0;
}
.btnArea button.btn {min-height: 40px;}

/* 꿈의 오케스트라 공통*/
.businessIntro b {text-decoration: underline}
.businessIntro h4 {font-weight: bold;}
.businessInfo .list_dash>li {background-position: 1px 12px;}
.inner-tab {margin-bottom: 30px;}
.inner-tab h2 {padding-left: 20px; background: #717586; border: solid 1px #535760; border-top-color: #565a64; border-bottom-color: #40434b; font-size: 1.15em; color: #ffffff; line-height: 2;}
.inner-tab ul {padding: 13px 0; border: solid 1px #dddedf; overflow: hidden;}
.inner-tab ul li {float: left; width: 14.28%; text-align: center; line-height: 1.4;}

/* 거점기관 소개*/
.usemap {position: relative; border: 1px solid #e1e1e1; background: #f7f7f7;}
.usemap .tip {position: absolute; right: 0; bottom: 14px; word-break: keep-all; width: 130px; font-size: 12px; font-family: 'dotum'; color: #121212;}
.sc_info_box {position: relative; overflow: hidden; border: 1px solid #e1e1e1; padding: 15px; min-height: 195px; box-sizing: border-box; margin: 20px 0;}
.sc_info_box .ph {border: 1px solid #e1e1e1; width: 184px; float: left; box-sizing: border-box;}
.sc_info_box .tx {float: left; width: calc(100% - 184px); padding-left: 20px; box-sizing: border-box;}
.sc_info_box .tx em {display: inline-block; padding: 8px 12px; background: #d64b74; color: #ffffff; letter-spacing: 0;}
.sc_info_box .tx span {font-size: 17px; margin-left: 20px;}
.sc_info_box .tx > ul {margin-top: 20px;}
.businessInfo .tab_contents .tbl {border-top: 2px solid #5a4f4a;}
.businessInfo .tab_contents .tbl tbody td {text-align: left; padding-left: 25px;}


/* 거점기관 회원등록 */
.formw input {min-height: 35px; padding: 5px 9px; width: 200px;}
.formw select {min-height: 35px; min-width: 200px;}
.formw .btn {vertical-align: middle;}
.formw .addr_wrap #addr2 {width: 60%;}

/* responsive */

@media only all and (min-width:1025px) {

}

@media only all and (max-width:1024px) {
	/* layout */
	body.layer_open {overflow: hidden;}

	/* main contents */
	.main_content {left: 0; background-position: center;}
	.main_content .content_wrap {padding: 0 25px;}
	.main_txt {width: 100%; font-size: 20px;}
	.main_content .content_wrap img {max-width: 100%;}
	/* KACES-CSR-5396, 꿈의 오케스트라 BI 변경, 220610, 김현중 */
	.orchestrakids_ci{position:absolute; right:35px; bottom: 40px; width:170px;}

	/* sub title */
	.titArea h2 {font-size: 28px;}

	/* sub contents */
	.contents {padding: 60px 25px 150px; min-height: 700px;}

	/* tab */
	.tabArea .tab_m_title {display: block; background: #ee1e7a; height: 50px; border-radius: 25px;}
	.tabArea .tab_m_title a {position: relative; display: block; padding: 12px 10px; color: #fff; text-indent: 12px;}
	.tabArea .tab_m_title a:after {content: ''; position: absolute; right: 15px; top: 50%; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; transform: rotate(0deg);}
	.tabArea .tab_m_title.on a:after {transform: rotate(180deg);}

	.tabArea {font-size: 15px;}
	.tabArea ul {display: none; border-radius: 15px; margin-top: 5px; padding: .5rem .5rem;}
	.tabArea li {width: 100%; border: 0; height: 48px; text-align: left; margin: 0 0 10px 0; justify-content: left; text-indent: 15px;}
	.tabArea li:first-child {border-top: 0; border-left: 0;}
	.tabArea li.choice, .tabArea li:hover {background: #ee1e7a; color: #666;}
	/*.tabArea li a {display: block;}*/
	.tabArea li.choice a, .tabArea li:hover a {color: #fff;}
	/* KACES-CSR-5130, 예비지원 거점기관 비활성화, 20220429, 김현중 */
	.tabtype1 > ul > li {width: 100% !important;}

	/* 거점기관 소개*/
	.usemap {overflow-x: auto;}
	.usemap img {max-width: none;}
	.usemap .tip {top: 14px; left: 14px;}
	.inner-tab h2 {font-size: 15px; padding: 5px 0 5px 20px;}
	.inner-tab ul {font-size: 14px;}

	/* 거점기관 회원등록*/
	.formw .mobile_wrap {white-space: nowrap; text-align: left;}
	.formw .mobile_wrap input {width: 32%;}
	.formw .addr_wrap #zipcode {width: calc(50% - 2px);}
	.formw .addr_wrap #addr1, .formw .addr_wrap #addr2 {width: calc((100% - 5px) /2);}
}

@media only all and (max-width:736px) {
	/* common */
	.xscroll {overflow-x: auto;}
	.xscroll table {width: 736px;}

	/* main contents */
	.main_txt {font-size: 17px;}
	.main_txt hr {margin: 15px auto 30px;}
	/* KACES-CSR-5396, 꿈의 오케스트라 BI 변경, 220610, 김현중 */
	/* .main_content .content_wrap img {max-height: 100px;} */

	/* sub title */
	.titArea h2 {font-size: 24px;}
	.tit_info {font-size: 15px;}

	/* 거점기관 소개*/
	.sc_info_box .ph {width: 100%;}
	.sc_info_box .tx {padding-left: 0; padding-top: 20px; width: 100%; text-align: center;}
	.sc_info_box .tx span {display: block; margin-top: 15px; margin-left: 0;}
	.sc_info_box .tx > ul {text-align: left;}
	.businessInfo .tab_contents .tbl, .businessInfo .tab_contents tbody, .businessInfo .tab_contents .tbl tr, .businessInfo .tab_contents .tbl th, .businessInfo .tab_contents .tbl td {display: block; width: 100%; box-sizing: border-box;}
	.businessInfo .tab_contents .tbl th {border-right: 0;}
	.businessInfo .tab_contents .tbl th span {display: inline;}
	.businessInfo .tab_contents .tbl tbody td {padding-left: 10px;}

	/* 거점기관 회원등록 */
	.formw input {width: 100%;}
	.formw select {min-width: auto; width: 100%;}
	.formw .mobile_wrap {text-align: center;}
	.formw .mobile_wrap input {width: 30%;}
}




/* 20200624 css 추가 */
/* 사업소개 */
.list_review{text-align:center;}
.list_review li{margin-bottom:20px; font-size:14px; line-height:1.3; word-break:keep-all;}
.list_review li:last-child{margin-bottom:0;}
.list_review li > p:before{content:''; display:inline-block; width:9px; height:8px; margin-right:3px; padding-bottom:10px; background:url('../../../images/img_orchestrakids/icon_review01.gif') left top no-repeat;}
.list_review li > p:after{content:''; display:inline-block; width:9px; height:8px; margin-left:3px; padding-bottom:10px; background:url('../../../images/img_orchestrakids/icon_review02.gif') right top no-repeat;}
.list_review li > span{display:block; margin-top:5px; font-size:13px;}
.intro_cont{float:left; width:50%;}

/* 예비 거점기관 */
.list_pre{width:100%; letter-spacing:-0.08em; line-height:1.5;}
.list_pre:nth-child(odd) dt{background:#ee7f4e}
.list_pre:nth-child(even) dt{background:#b79c7f}
.list_pre:nth-child(odd) dd{background:#fad8ca}
.list_pre:nth-child(even) dd{background:#dbcdbf}
.list_pre > dt{width:100%; padding:10px 0; box-sizing:border-box; color:#fff; text-align:center; font-size:17px; font-weight:bold;}
.list_pre > dd{width:100%; margin:3px 0 20px; padding:20px 40px; box-sizing:border-box; color:#212121; text-align:left; font-size:15px;}
.list_pre > dd > ol{list-style:decimal;}
.list_pre > dd > ol > li{margin-bottom:5px;}
.list_pre > dd > ol > li > span{display:block; font-size:13px;}

/* 거점기관 소개 */
.organ_map {position:relative; width:930px; height:1330px; background:url('../../../images/img_orchestrakids/img_organ06.jpg') no-repeat;}
.organ_map .area{position:absolute; width:210px; padding:10px; background:#fff; border:2px solid #ec7b3f; color:#e3783f; box-sizing:border-box;}
.organ_map .area1{left:132px; top:479px;} /* 서울 */
.organ_map .area2{right:79px; top:95px;} /* 경기 */
.organ_map .area3{right:79px; top:420px;} /* 강원 */
.organ_map .area4{left:132px; top:650px;} /* 세종 */
.organ_map .area5{left:132px; top:755px;} /* 충북 */
.organ_map .area6{left:132px; top:885px;} /* 충남 */
.organ_map .area7{left:132px; top:1035px;} /* 전북 */
.organ_map .area8{left:387px; top:1058px;} /* 전남 */
.organ_map .area9{right:79px; top:654px;} /* 경북 */
.organ_map .area10{right:79px; top:1058px;} /* 경남 */
.organ_map .area11{right:79px; top:828px;} /* 부산 */
.organ_map .area12{right:79px; top:929px;} /* 대구 */
.organ_map .area > dl > dt{margin-bottom:5px; font-weight:bold; font-size:15px;}
.organ_map .area > dl > dd{padding-left:10px; background:url('../../../images/img_orchestrakids/bull_disc_orange.gif') no-repeat 1px 11px; word-break: keep-all; font-size:14px; letter-spacing:-0.08em; line-height:1.5;}

/* english */
.btnArea{margin-top:40px; text-align:center;}
.btn_down{background:#ee7c40; color:#fff; text-align:center; color:#fff;}
.btn_down:visited, .btn_down:focus{color:#fff;}

@media only all and (max-width:1024px) {
	.organ_wrap {overflow-x: auto;}
}
@media only all and (max-width:736px) {
	.intro_cont{float:none; width:100%;}
	.mbox{padding:30px 20px;}
}

/* KACES-CSR-2713, 거점기관소개 지도 기능 변경 및 데이터 현행화, 20210608, 유승열 */
/* 거점기관 현황 페이지*/
.mapWrap > *{box-sizing:border-box;}
.mapWrap{position:relative; width:100%; min-width:320px; height:1200px; padding:20px; box-sizing:border-box; background:#d0c0a9}
.mapWrap .mapTit{ font-size:20px; color:#fff; top:95px; left:8%; transform:translateX(-5.7%); position: absolute;}
.mapWrap .areaStatus {position:absolute; left:60%; top:250px; font-size:21px; color:#fff;}
.mapWrap .areaStatus > div{margin-bottom:10px; padding:5px 15px; background:#fff; border-radius:50px; color:#ee784f; font-weight:700; letter-spacing:-0.5px}
.mapWrap .areaStatus a {font-size:17px; color:#fff; font-weight: 400;}
.mapLi > li {list-style: disc; font-size:17px; margin-left: 30px; margin-bottom:5px;}
.map {position:relative; left:2%; top:30%; transform:translate(-2%, -10%);width: 100%; max-width:482px; height:100%; max-height:689px;  background: url('../../../images/img_orchestrakids/custom_map.png') no-repeat center top; font-family: 'NotoSans-Regular';}
.map p {font-weight: 400; font-size:20px;  color:#fff; width:100%; max-width: 63px; height: 80px;  position: absolute;background: url('../../../images/img_orchestrakids/ic_picker_off.png') no-repeat; background-size: 100%; z-index: 1;text-align: left;}
/* KACES-CSR-5233, 지역 거점기관 현행화 , 20220511, 김현중 */
/* .map span {inline-size: -10px; display: inline-block; width: 100%; margin-left: 10px; margin-top: 13px; font-size: 20px;} */
.map span {inline-size: -10px; display: inline-block; width: 100%; margin-left: 8px; margin-top: 13px; font-size: 20px;}
.map p:hover, .map p:focus, .map p.on {color:#000000; font-weight: 400; font-size:24px; z-index: 2; background-image: url('../../../images/img_orchestrakids/ic_picker_on.png');}

/* 지도 위치값 */
.map_seoul{ top:8.58%; left:27.17%;}/*서울특별시*/
.map_gyeonggi{ top:15.72%; left:36.72%; }/*경기도*/
.map_gangwon{ top:11.35%; left:58.5%; }/*강원*/
.map_chungnam{ top:33%; left:19.29%; }/*충청남도*/
.map_chungbuk{ top:25.9%; left:43.36%; }/*충청북도*/
/* KACES-CSR-5233, 지역 거점기관 현행화 , 20220511, 김현중 */
/* .map_sejong{ top:33.47%; left:32.36%; } 세종특별자치시 */
.map_sejong{ top:27%; left:29%; } /*세종특별자치시*/
.map_daejeon{top:34%; left:33%;} /* 대전 */
.map_gyeongnam{ top:57.78%; left:49.79%; }/*경상남도*/
.map_busan{ top:57.78%; left:69.29%; }/*부산광역시*/
.map_gyeongbuk{ top:34.64%; left:67%; }/*경상북도*/
.map_daegu{ top:44.68%; left:58.5% }/*대구광역시*/
.map_jeonbuk{ top:49.34%; left:27.17%; }/*전라북도*/
.map_jeonnam{ top:66%; left:16.18%; }/*전라남도*/
.map_gwangju{ top:56%; left:16.18%; }/*광주*/

@media only all and (max-width:736px) {
	.mapWrap .mapTit{top:60px;}
	.map{width:280px; height:399px; margin:0 auto; top:22%; background-size:contain}
	.mapWrap .areaStatus{left:50%; transform:translateX(-50%); top:680px; width:100%; padding:0 20px;}
	.map p{background-size:60%}
	.map span{margin-left:2px;  margin-top:8px; font-size:14px;}
	.map p:hover, .map p:focus, .map p.on {font-size:14px;}
}


/* KACES-CSR-2715, 꿈의 오케스트라 발자취 이미지 변경 및 데이터 현행화, 20210618, 김현중 */

.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;
}
.history-tab ul {
	padding:15px 0;
	border:solid 1px #dddedf;
	overflow:hidden;
}
.history-tab ul li {
	float:left;
	width:98px;
	text-align:center;
	line-height:1.4;
	font-size:1.125em;
}
.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:#ee784f;
	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 {
	width:100%;
	padding-bottom:12px;
	color:#9d277f;
	font-weight:bold;
	font-size:1.25em;
}
.history .history_list dd {
	position:relative;
	padding-bottom:12px;
	overflow:hidden;
	word-break: keep-all;
}
.history .history_list dd > ul{padding:6px 0 0 12px;}
.history .history_list dd > ul > li{padding-bottom:5px;}

.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;
}

/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 start */
.pick_collection_list *{box-sizing: border-box;}
.pick_collection_list > ul > li {padding: 4% 0;border-top:1px solid #dedede;}
.pick_collection_list .thumb_area {display: table-cell; vertical-align: top; position: relative;}
.pick_collection_list .thumb {position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 180px; height: 230px; cursor: pointer;}
.pick_collection_list .thumb:after {content:""; position:absolute; bottom:0; right:0; top:0; left:0; z-index: -1;}
.pick_collection_list .info_area {display: table-cell; vertical-align: middle; max-width: 750px; min-width: 750px; padding-left: 30px; word-break: keep-all; word-wrap: break-word;}
.pick_collection_list .info_box {position: relative;}
.pick_collection_list .tit_box .tit {display: block; margin-bottom: 10px; padding-right: 100px; font-size: 24px; color: #000; font-weight: 500;}
.pick_collection_list .tit_box .tit a:hover, .pick_collection_list .tit_box .tit a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}
.pick_collection_list .dsc_box {position: absolute; top: 2px; right: 0}
.pick_collection_list .dsc_box .dsc_tit {font-size: 13px; font-weight: 300; letter-spacing: 0; color:#666; margin-right: 5px;}
.pick_collection_list .dsc_box .dsc_txt {font-size: 13px; font-weight: 300; letter-spacing: 0; color:#121212;}
.pick_collection_list .txt_box {font-size: 15px; font-weight: 300; line-height: 22px; letter-spacing: 0; margin-bottom: 2px; max-height: 45px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; }
.pick_collection_list .txt2_box {font-size: 15px;font-weight: 300;line-height: 22px;letter-spacing: 0;margin-bottom: 2px;max-height: 200px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 4;overflow: hidden;}
.pick_collection_list .collection_data ul:after{content:''; display:block; clear:both;}
/* .pick_collection_list .collection_data .item {float: left; margin-top: 11px; margin-right: 11px; width: calc(20% - 11px); height: 127px; position: relative; display: table; table-layout: fixed; border: 1px solid #ddd; } */
.pick_collection_list .collection_data .item {float: left;margin-top: 11px;margin-right: 11px; width: 100%; height: 127px;position: relative;display: table;table-layout: fixed;border: 1px solid #ddd;}
.pick_collection_list .collection_data .data_thumb {position: relative;color:#fff;display: table-cell;vertical-align: bottom;width: 100%;height: 100%;text-align: right;padding: 16px 6px 0;font-weight: 300;}
.pick_collection_list .collection_data .type {display: inline-block; color: #0078d7; font-size: 13px; font-weight: 400; vertical-align: top; margin-bottom: 6px;}
.pick_collection_list .collection_data .data_thumb .data_tit {color:#f00;font-size: 14px; letter-spacing: -0.02em; color: #333; word-break: keep-all; word-wrap: break-word; max-height:75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical}
.pick_collection_list .collection_data .data_thumb .data_tit span {display: block; line-height: 130%}
.pick_collection_list .collection_data .data_thumb .time {position: absolute;top: 105px;left: 100px;}
.pick_collection_list .collection_data .data_thumb .data_tit2 {color:#333; font-weight: bold;font-size: 14px; letter-spacing: -0.02em; color: #333; word-break: keep-all; word-wrap: break-word; max-height:75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical}
.pick_collection_list .collection_data .data_thumb .data_tit2 span {display: block; line-height: 130%}

.pick_collection_list .collection_data .data_thumb2 {position: relative;color:#fff;vertical-align: bottom;width: 100%;height: 100%;text-align: right;font-weight: 300;}
.pick_collection_list .collection_data .data_thumb2 .data_tit {color:#f00;font-size: 14px; letter-spacing: -0.02em; color: #333; word-break: keep-all; word-wrap: break-word; max-height:75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical}
.pick_collection_list .collection_data .data_thumb2 .data_tit span {display: block; line-height: 130%}
.pick_collection_list .collection_data .data_thumb2 .time {position: absolute;top: 105px;left: 100px;}
.pick_collection_list .collection_data .data_thumb2 .data_tit2 {color:#333; font-weight: bold;font-size: 14px; letter-spacing: -0.02em; color: #333; word-break: keep-all; word-wrap: break-word; max-height:75px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical}
.pick_collection_list .collection_data .data_thumb2 .data_tit2 span {display: block; line-height: 130%}

.pick_collection_view {position: relative}
.pick_collection_view .collection_conts {position: relative; border-bottom: 1px solid #dedede;}
.pick_collection_view .collection_conts .subject {display: block; margin-bottom: 30px; font-size: 26px; font-weight: 500; color: #000}
.pick_collection_view .collection_conts .intro {background: #f8f8f8; border: 1px solid #dedede; padding: 20px; color: #222; line-height: 180%; font-weight: 300; word-break: keep-all; word-wrap: break-word}
.pick_collection_view .collection_conts .txt_box {padding: 30px 0; min-height: 0; line-height:1.8;}
.series_list {position: relative; overflow: hidden; border: 1px solid #dadada; max-height: 900px; background-color: #fff}
.series_list ul {padding: 30px 25px 0}
.series_list .list {position: relative; z-index: 1; display: block; width: 130px; height: 170px; margin-bottom: 30px}
.series_list .list .num {min-width: 75px; position: absolute; left: -9px; top: 0px; z-index: 1; background: #333; padding: 4px 5px 6px; color: #fff; font-size: 12px; font-style: italic; text-align: center; box-sizing:border-box;}
.series_list .thumb {position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; cursor: pointer; text-indent: -9999px}
.series_list .thumb:after {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('noImage.png') no-repeat center #fafafa; z-index: -1;}
.series_list .list:hover:before, .series_list .list:focus:before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 5px solid #0078d7; box-sizing: border-box}
.series_list .list:hover .num, .series_list .list:focus .num {background-color: #0078d7}

.series_list .list2 {position: relative; z-index: 1; display: block; width: 130px; height: 170px; margin-bottom: 30px}
.series_list .list2 .num {min-width: 75px; position: absolute; left: -9px; top: 0px; z-index: 1; background: #333; padding: 4px 5px 6px; color: #fff; font-size: 12px; font-style: italic; text-align: center; box-sizing:border-box;}
.series_list .thumb {position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; cursor: pointer; text-indent: -9999px}
.series_list .thumb:after {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('noImage.png') no-repeat center #fafafa; z-index: -1;}
.series_list .list2 .file_down:hover:before, .series_list .list2 .file_down:focus:before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 3px solid #0078d7; box-sizing: border-box}
.series_list .list2 .file_down:hover .num, .series_list .list2 .file_down:focus .num {background-color: #0078d7}

.series_list .list2 .file_view:hover:before, .series_list .list2 .file_view:focus:before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 3px solid #f5184e; box-sizing: border-box}
.series_list .list2 .file_view:hover .num, .series_list .list2 .file_view:focus .num {background-color: #f5184e}

.series_list .list .etcTime {position: absolute;top: 140px;left: 60px;z-index: 1;color: #fafafa;font-size: 20px;font-weight: bold;}

.series_list .attach_list {float: left !important;width: 100% !important;box-sizing: border-box !important;max-height: 785px !important;overflow: hidden !important;}

.pick_collection_view .video_area {margin-top: 5px;}
.pick_collection_view .video_area .relationContent {display: block; margin-bottom: 15px; font-size: 20px;font-weight: 500;color: #000;margin-top: 25px;/* text-align: center; */border-bottom: 2px solid #000;}
.board_view_video .video_box {float: left; position: relative; width:100% !important;}
.board_view_video .video_box2 .vedeo_tit .tit_box {display: block; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #000}
.board_view_video .video_box {float: left; position: relative;}

.pick_collection_view .addfileArea3 {position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fdfdfd; padding: 18px 30px; box-sizing: border-box; display: table; table-layout: fixed; width: 100%; margin-top: 0px; min-height: 60px;}
.pick_collection_view .addfileArea3 .file_opt{float: right;margin-left: 10px;}
.pick_collection_view .addfileArea4 {position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fdfdfd; padding: 18px 30px; box-sizing: border-box; display: table; table-layout: fixed; width: 100%; margin-top: 40px; min-height: 60px;}
.pick_collection_view .addfileArea4 .file_opt{float: right;margin-left: 10px;}
.pick_collection_view .addfileArea4 {position: relative;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;background: #fdfdfd;padding: 18px 30px;box-sizing: border-box;display: table;table-layout: fixed;width: 100%;margin-top: 40px;min-height: 60px;}


@media screen and (min-width:1025px){
	.pick_collection_view > .board_view {padding-right: 230px; border-bottom:0;}
	.pick_collection_view .video_area {margin-top: 5px;padding-right: 230px;padding-right: 260px;}
	.series_quick_menu {position: absolute; right: 0; top: 0; z-index: 5; width: 188px}
	/*.board_view {border-bottom: 0px !important;}*/
	.pick_collection_list .collection_data .item {width:100%;heigth:100%;}
}

@media screen and (min-height:768px) and (max-height:1024px) {
	.series_list {position: relative; overflow: hidden; border: 1px solid #dadada; max-height: 900px; background-color: #fff}
}

@media screen and (max-height:768px){
	.series_list {position: relative; overflow: hidden; border: 1px solid #dadada; max-height: 600px; background-color: #fff}
}


/* ================================
	TABLET
=============================== */
@media screen and (max-width: 1024px) {

	.pick_collection_list .collection_data .item {width:100%;heigth:100%;}
	.pick_collection_list > ul > li {position: relative; overflow: hidden; padding: 20px 0;}
	.pick_collection_list .thumb_area {display: block; float: left; background-color: #fff;}
	.pick_collection_list .thumb {width: 150px; height: 195px; background-size: cover;}
	.pick_collection_list .info_area {display: block; float: left; width: calc(100% - 150px); padding-left: 15px;}
	.pick_collection_list .tit_box .tit {font-size: 17px; margin-bottom:4px; line-height: 130%; padding-right: 0}
	.pick_collection_list .dsc_box {display: none}
	.pick_collection_list .txt_box {margin-bottom: 0; font-size: 13px; line-height: 140%; max-height: 72px; -webkit-line-clamp: 4}
	.pick_collection_list .txt2_box {width:150x; margin-bottom: 0; font-size: 13px; line-height: 140%; max-height: 190px; -webkit-line-clamp: 4}
	.pick_collection_list .collection_data {clear: both; height: auto}
	.pick_collection_list .collection_data button {display: none}
	.pick_collection_list .collection_data > ul {position: relative; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.pick_collection_list .collection_data > ul::-webkit-scrollbar {display: none;}
	.pick_collection_list .collection_data .item {float: none;display: inline-block;width: 95%;vertical-align: middle;margin-top: 9px;margin-right: 8px;}
	.pick_collection_list .collection_data .item:nth-child(5n+5) {margin-right: 8px;}
	.pick_collection_list .collection_data .item:last-child {margin-right: 0;}
	.pick_collection_list .collection_data .type:after {margin: 3px auto 12px;}
	.pick_collection_list .collection_data .data_thumb {display: block; padding: 12px 8px 0;}
	.pick_collection_list .collection_data .data_thumb2 {display: block;}
	.pick_collection_list .collection_data .type {font-size: 12px}
	.pick_collection_list .data_thumb .data_tit {white-space: normal; font-size: 12px; max-height: 62px}
	.pick_collection_list .data_thumb .data_tit2 {white-space: normal; font-size: 12px; max-height: 62px}
	.pick_collection_list .data_thumb2 .data_tit {white-space: normal; font-size: 12px; max-height: 62px}
	.pick_collection_list .data_thumb2 .data_tit2 {white-space: normal; font-size: 12px; max-height: 62px}

	.pick_collection_view .collection_conts {text-align: center; margin-bottom: 25px}
	.pick_collection_view .collection_conts .subject {font-size: 18px; margin-bottom: 13px}
	.pick_collection_view .collection_conts .intro {padding: 10px; font-size: 13px}
	.pick_collection_view .collection_conts .txt_box {padding-top: 22px; line-height: 24px;}
	.series_quick_menu {margin-top: 35px}
	.series_quick_menu .series_list {left: -15px; width: calc(100% + 30px); margin-bottom: 0; border: 0}
	.series_quick_menu .series_list ul {white-space: nowrap; padding: 25px 15px 35px; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.series_quick_menu .series_list li {display: inline-block; margin-right: 15px}

	.board_view {border-bottom: 0px !important;}

	.video_area .relationContent{font-size: 26px; font-weight: 500;}
	.board_view_video .video_box2 .vedeo_tit .tit_box{text-align: center; margin-top: 15px;}
}

/* ================================
	MOBILE
=============================== */
@media screen and (max-width: 768px) {

	.pick_collection_list .collection_data .item {width:40%;heigth:100%;}

	.pick_collection_list .thumb {width: 50%; height: 50%;}
	.pick_collection_list .info_area {width: calc(100% - 10px);}
	.pick_collection_list .collection_data .item {float: none;display: inline-block; width: 90%;vertical-align: middle;margin-top: 9px;margin-right: 8px;}
	.board_view {border-bottom: 0px !important;}
}

@media screen and (max-width: 480px) {

	.pick_collection_list .collection_data .item {width:100%;heigth:100%;}

	.pick_collection_list .info_area {float: none; width: 100%; padding-left: 0;}
	.pick_collection_list .info_box {float: left; width: calc(100% - 10px); padding-left: 15px;}
	.board_view {border-bottom: 0px !important;}
}

.pick_collection_list .info_area .collection_data .owl-carousel .owl-dots {display: none;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav {text-align: center; margin-top: 15px; position: relative; left: 8px; display: inline-block;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav button {outline: none; vertical-align: middle;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav button span {display: none; text-indent: -9999px;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav .pageNum {display: inline-block; padding: 5px 0 6px; letter-spacing: 4px; margin-left: 6px; line-height: 100%;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav .owl-next {background: url('/images/main/ico_next3.png') no-repeat center; margin-left: 5px;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-nav .owl-prev {background: url('/images/main/ico_prev3.png') no-repeat center; margin-right: 5px;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-controls {display: inline-block; position: relative; vertical-align: middle; left: 20px;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-controls .owl-stop {display: inline-block; width: 15px; height: 25px; text-indent: -9999px; background: url('../../../images/main/ico_stop3.png') no-repeat center; position: relative;}
.pick_collection_list .info_area .collection_data .owl-carousel .owl-controls .owl-play {display: none; width: 15px; height: 25px; text-indent: -9999px; background: url('../../../images/main/ico_play3.png') no-repeat center; position: relative;}

/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 end*/