@charset "utf-8";



/* 공통 표 스타일 색상변경 */
.tbl_st {border-top:2px solid #222;}



/* 타이틀 및 블릿 스타일 변경 */
.tit01 {
    font-size: 25px; font-family: 'NotoB'; color: #222;
    background: #97ca4e24; border: 1px solid #97ca4e;  box-sizing: border-box;
    margin-bottom: 15px; padding: 10px;
}
.tit1 {
    margin-bottom: 15px;
    background:url("/images/web/cdstc/common/bu_tit1.png") no-repeat left center;
}
.tit02 {
    font-family:"NotoM"; font-size:18px; line-height:1.6;
    padding-left:25px; margin-bottom: 10px; color:#111;
    background:url("/images/web/cdstc/common/bu_tit2.png") no-repeat left 4px top 7px;
}

.tit3 {
    font-size: 18px;
}
.tit1.none {
    background: none; padding: 0;
}
.tit2.none {
    background: none; padding: 0;
}



.depth-02 {
    margin-left: 1.2rem;
}
.depth-03 {
    margin-left: 1rem;
}
.box-area {
    background: #f9f9f9;
    border: 1px solid #dbdbdb; box-sizing: border-box;
    padding: 25px;
}



.mgt60 {margin-top: 60px !important}
.mgb60 {margin-bottom: 60px !important;}



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

    .tit01{font-size: 22px; padding: 5px 10px;}
    .tit1{font-size: 20px;}

    .depth-02{margin-left: .5rem;}

}






/*연혁 */
.historyList{ overflow:hidden; text-align:center; margin-top:30px;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/sjstc/sub/bg_history_line.png') repeat-y center; padding:30px 0 0;}
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/images/web/sjstc/sub/history_right_bg.png') no-repeat left 20px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/images/web/sjstc/sub/history_left_bg.png') no-repeat right 20px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:75%; padding:20px 30px; background:#fff; border:1px solid #ddd;}
.historyList .list ul li{line-height:30px;}
.historyList .list ul li.tit{font-size:24px; font-weight:bold; color:#014aaf; margin-bottom:10px;}
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#015ac1;}
.historyList .list .y2010 ul{background:#eff6ff; border:1px solid #b6cbe2;}


/* 관리소장 인사말 */
.greeting_box {position:relative; padding:10px 0 0; overflow:hidden;}
.greeting_top {position:relative; background:url('/images/web/cdstc/contents/greeting_top_pt.png') repeat-x left bottom; padding:60px 0 70px;}
.greeting_top .r_txt {position:relative; width:100%; }
.greeting_top .r_txt:before {content:''; display:block; position:absolute; top:-50px; left:0; width:40px; height:28px; background:url('/images/web/cdstc/contents/greeting_icon.png') no-repeat;}
.greeting_top .r_txt .top_txt1 {font-family:'NotoM'; font-size:38px; color:#222; line-height:1.4; letter-spacing:-0.5px; padding-left:20px;}
.greeting_top .r_txt .top_txt2 {font-family:'NotoR'; font-size:38px; color:#555; line-height:1.3; letter-spacing:-0.5px; padding-left:20px;}
.greeting_top .l_img {position:absolute; right:0; top:-16px; width:350px; height:297px;}
.greeting_txt {word-break:keep-all; margin:50px 0 0;}
.greeting_txt p {font-family:'NotoR'; font-size:15px; color:#333; line-height:1.3; letter-spacing:-0.5px;}
.greeting_txt .greeting_sign {font-family:'NotoR'; font-size:18px; color:#333; line-height:1.3; letter-spacing:-0.5px;}
.ft_c_org {color:#faa634 !important;}
.ft_c_green {color:#98cb4f !important;}
.ft_c_blue {color:#0072bb !important;}



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

    /* 관리소장 인사말 */
    .greeting_top {padding:60px 0;}
    .greeting_top .r_txt {width:100%;}
    .greeting_top .r_txt .top_txt1 {font-size:34px;}
    .greeting_top .r_txt .top_txt2 {font-size:25px;}

}


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

	/* 연혁 */
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}
	
	
}

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

	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}

	
}



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

	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
    /* 관리소장 인사말 */
    .greeting_top {padding: 40px 0; }
    .greeting_top .r_txt:before {width:35px; height:25px; background-size:cover ;}
    .greeting_top .r_txt .top_txt2 {font-size:22px;}

}

@media screen and (max-width:580px) {
		
	
	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
}


/* 시설안내-이용안내 */
.term .term_tit {
    font-family: 'NotoB'; font-size: 30px; color: #222; line-height: 130%;
}
.term .term_tit_sub {
    font-size: 14px;
}
.term_name {
    font-family: 'NotoM';
}
.term .con-tit {
    font-family: 'NotoM'; font-size: 24px; color: #222;
    margin: 40px 0 0 0;
}
.term .con-txt {
    margin: 10px 0 0 0; word-break: keep-all; color: #222;
}
.term .list_ol1 {
    margin: 10px 0 0 0; word-break: keep-all;
}
.term .list_ol1 > li {
    position: relative;
    padding: 3px 0 2px 20px;
}
.term .list_ol1 > li::before {
    display: block;
    position: absolute;
    left: 0; top: 3px;
}

.term .list_ol1 > li:nth-of-type(1)::before {content: '①';}
.term .list_ol1 > li:nth-of-type(2)::before {content: '②';}
.term .list_ol1 > li:nth-of-type(3)::before {content: '③';}
.term .list_ol1 > li:nth-of-type(4)::before {content: '④';}
.term .list_ol1 > li:nth-of-type(5)::before {content: '⑤';}
.term .list_ol1 > li:nth-of-type(6)::before {content: '⑥';}
.term .list_ol1 > li:nth-of-type(7)::before {content: '⑦';}
.term .list_ol1 > li:nth-of-type(8)::before {content: '⑧';}
.term .list_ol1 > li:nth-of-type(9)::before {content: '⑨';}
.term .list_ol1 > li:nth-of-type(10)::before {content: '⑩';}

.term .number-list {
    margin: 10px 0 0 0; padding: 0 0 0 10px;
}
.term .number-list li {
    padding: 3px 0 2px 0px;
    list-style: decimal;
}

.term .download-list {

}
.term .download-list .item {
    padding: 20px;
    background: #f9f9f9;
    border:1px solid #dbdbdb; box-sizing: border-box;
    margin-bottom: 10px;
}
.term .download-list .item p {
    display: inline-block;
    width: calc( 100% - 125px );
    font-family: 'NotoM';
}
.term .download-list .item span {
    display: inline-block;
    width: 120px;
}
.term .download-list .item span a {
    display: block; width: 120px;
    text-align: center; padding: 10px 0;
    color: #fff; background: #222;
}
.term .download-list .item span a:hover,
.term .download-list .item span a:focus{text-decoration: underline;}
.term .manager_info {padding:14px 33px 19px;  border-bottom:1px solid #d3d3d3;  border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3;}
.term .manager_info ul li {float:left; margin:5px 0px 0 0;  padding-left:0px; font-size:0; width: 25%;}/* 191219 jhk 불필요이미지 제거*/
.term .manager_info ul li span, #container .colgroup .satisfaction .manager_info ul li time {display:inline-block; vertical-align:middle;}
.term .manager_info ul li .title {margin-right:12px; padding-right:14px; background:url("/images/web/cdstc/contents/line_manager_tit.gif")no-repeat right 3px; color:#333; font-size:13px; line-height:15px;}
.term .manager_info ul li .text {color:#333; font-size:13px; line-height:15px;}

@media screen and (max-width:800px){
    .term .manager_info ul li{width: 40%;}/* 191127 jhk 수정 */
    .term .manager_info ul li .title {font-size:11px;}/* 191215 jhk 글자폰트 수정 */
    .term .manager_info ul li .text {ont-size:11px;}/* 191215 jhk 글자폰트 수정 */

    /* 진학지원센터 만족도 조사 191215 jhk */
	.term .manager_info ul .jinhak{width: 100%;}
	.term .manager_info ul .jinhak .title {font-size:11px;}
	.term .manager_info ul .jinhak .text {font-size:11px;}
}

@media screen and (max-width:760px) {
    .term .term_tit{font-size: 24px;}
    .term .term_tit_sub{font-size: 13px;}
    .term .con-tit{font-size: 20px;}
}
@media screen and (max-width:640px) {
    .term .download-list .item{padding: 10px;}
    .term .download-list .item p{width: calc( 100% - 85px ); vertical-align: middle;}
    .term .download-list .item span{width: 80px; vertical-align: middle;}
    .term .download-list .item span a{width: 80px;}
}
@media screen and (max-width:600px) {
    .term .manager_info ul li{width: 100%;}/* 191127 jhk 수정 */
}






/* gngnet ldh */
.design{background-color: rgb(55, 216, 135); padding: 20px;}
.mgt60{margin-top: 60px !important;}
.roman{display: inline-block; background-color: #074093; color: #fff; text-align: center; line-height: 30px; width: 30px; font-size: 20px; margin-right: 3px;}
.bg_yellow{background-color: #fff7cc;}
.bg_pink2{background-color: #f9edf5 !important;}
.pc_red2{color: #e33d65 ;}
.b{font-family: NotoB;}
.note{font-size: 14px; margin: 5px 0 0;}
.tdu{text-decoration: underline;}
.b{font-family: 'NotoB';}
.link_url{color: #97ca4e; font-family: 'NotoM';}
.link_url:hover,
.link_url:focus{text-decoration: underline;}

.list_stx{margin: 3px 0 0; font-size: 14px;}
.list_stx > li{position: relative; padding: 0 0 0 20px;}
.list_stx > li:before{content: "※"; position: absolute; top: 0; left: 0;}

.list_basic{}
.list_basic > li{padding: 3px 0 3px 0; font-size: 14px;}

.list_st5{}
.list_st5 > li{position: relative; padding: 0 0 0 10px;}
.list_st5 > li:before{content: ""; position: absolute; top: 8px; left: 0; display: block; width: 3px; height: 3px; border: 1px solid #666;}

.list_st6 > li{font-weight: 600; margin: 10px 0;}
.list_st6 > li > ul{padding-left: 20px;}
.list_st6 > li > ul > li{font-weight: 400; font-size: 15px; margin: 5px 0;}
.list_st6 > li > ul > li > ul{padding-left: 20px;}
.list_st6 > li > ul > li > ul > li{font-size: 14px;}

.list_cn{}
.list_cn > li{position: relative; padding: 5px 0 5px 20px; text-indent: -18px; font-size: 14px; line-height: 1.4; color: #444;}

.list_arr{margin: 10px 0 0; font-size: 14px;}
.list_arr > li{position: relative; padding: 0 0 0 16px;}
.list_arr > li:before{content: ""; position: absolute; top: 6px; left: 0; display: block; width: 0; height: 0; border-left: 7px solid #027313; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}

.chk_list{margin: 10px 0 0 20px;}
.chk_list > li{font-size: 14px; text-indent: -20px; padding-left: 20px; margin: 6px 0;}
.chk_list > li *{vertical-align: middle;}
.chk_list > li input{margin: 1px 0 0 0;}

.bd_box{background-color: #f3f3f3; padding: 15px 20px; margin: 15px 0;}
.bd_box .title{font-size: 15px; font-family: NotoB; margin: 0 0 10px;}

.box_st3 .txt{font-size: 14px;}

.scroll_img .unit{font-size: 13px;}

.img_wrap{}
.img_wrap img{max-width: 100%;}

.btn_wrap{text-align: center; margin: 20px 0;}
.btn_wrap .btn_link{display: inline-block; padding: 10px 15px; color: #fff; background-color: #222;}

.list_tit{display: block; margin: 0 0 3px;}

.facility_list{}
.facility_list:after{content: ""; display: block; clear: both;}
.facility_list > li{float: left; width: 23.875%; margin-right:1.5%;}
.facility_list > li:nth-child(4n){margin-right: 0;}
.facility_list > li .img{text-align: center;}
.facility_list > li .img img{max-width: 100%;}
.facility_list > li .txt{text-align: center; font-family: 'NotoM'; padding: 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.photo_list{}
.photo_list:after{content: ""; display: block; clear: both;}
.photo_list > li{float: left; width: 23.875%; margin-right:1.5%;}
.photo_list > li:nth-child(4n){margin-right: 0;}
.photo_list > li .img{position: relative; padding: 73.094% 0 0; text-align: center;}
.photo_list > li .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.photo_list > li .txt{text-align: center; font-family: 'NotoM'; padding: 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.photo_list.outdoor > li{float: left; width: 23%; margin: 0 2.666% 30px 0 !important;}
.photo_list.outdoor > li:nth-child(4n){margin-right: 0 !important;}
.photo_list.outdoor > li .img{padding: 107.339% 0 0;}
.photo_list.outdoor > li{float: left; width: 23%; margin: 0 2.666% 30px 0 !important;}
.photo_list.outdoor > li:nth-child(4n){margin-right: 0 !important;}
.photo_list.outdoor > li .img{padding: 107.339% 0 0;}

.photo_list.program > li {float: left; width:49%; margin: 0 2% 0 0;}
.photo_list.program > li:nth-child(2n) {margin: 0;}

.tbl_st .merge{height: 100px;}

@media all and (max-width: 1399px){
    .scroll_img{background: url(/images/web/cdstc/common/img_scroll.png) no-repeat right top;}
}
@media all and (max-width: 640px){
    #cntntsView{font-size: 14px;}

    .box-area{padding: 15px;}

    .facility_list > li .txt{font-size: 14px;}
    .facility_list > li{width: 48.5%; margin-right: 3%;}
    .facility_list > li:nth-child(even){margin-right: 0;}

    .photo_list > li{float: left; width: 48.5%; margin: 0 3% 30px 0;}
    .photo_list > li:nth-child(3n){margin: 0 3% 30px 0;}
    .photo_list > li:nth-child(2n){margin-right: 0;}
    .photo_list > li .txt{font-size: 14px;}

    .photo_list.outdoor > li{float: left; width: 48.5%; margin: 0 3% 30px 0 !important;}
    .photo_list.outdoor > li:nth-child(even){margin-right: 0% !important;}
}



.rsp_img {

}
.rsp_img .txt {
    position: absolute;
    top: 50%; left: 50%;
    transform:translate(-50%, -50%);
    color: #fff; font-size:28px; font-family: 'NotoM';
}
@media all and (max-width: 640px) {
    .rsp_img .txt {
        font-size: 20px;
    }
}