@charset "utf-8";

/* 인사말 */
.greeting_top {position:relative; word-break:keep-all;}
.greeting_top .greet_txt1 {margin-top:10px; font-size:26px; color:#17335a;}
.greeting_top .greet_txt1 span {display:block; color:#081e3e;}
.greeting_box p {margin-top:30px; font-size:15px; word-break:keep-all; }
.greeting_box p b { font-size:18px;}
.greeting_box p b span {color:#039;}
.greeting_box p strong {font-size:20px; letter-spacing:5px; color:#000; font-weight:normal;}

/* 연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:15px; color:#fff; text-align:center; background:url('/images/web/clac/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:28px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:90px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:left;}

/* 오시는길 아이콘 박스 */
.info-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px;}
.info-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/web/clac/sub/infobox_ico.png') no-repeat -90px 0}
.info-box.ico01:before { background-position:0 0}
.info-box.ico03:before { background-position:-180px 0}
.info-box.ico04:before { background-position:-270px 0}

/* 0405_매거진*/
ul.magazine {display:inline-block; width:100%;}
ul.magazine li {width:20%; padding:10px 0; text-align:center; float:left;}
ul.magazine li img {width:140px; height:200px; border:1px solid #D0D0D0;}
ul.magazine li p {font-size:15px; text-align:center; padding:5px 0; color:#036;}

/* 공통 타이틀옆 버튼 */
.tit_btn {position:relative;}
.btn_rt{position:absolute; bottom:0px; right:0;}

/* 프로그램 게시판 */
.program_box {position:relative; }
.program_box .util {position:absolute; top:0; right:0; line-height:30px; font-size:14px; color:#555;}
.program_box .util span {color:#266ed4;  font-family:"NotoM";}
.program_tbl {position:relative; width:100%; margin-top:10px; font-family:"NotoR"; font-size:14px; border-top:2px solid #000;}
.program_tbl table{position:relative; width:100%; border-collapse:collapse; text-align:center;}
.program_tbl table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.program_tbl thead th {padding:13px 10px; color:#000; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f3f3f3;}
.program_tbl thead th:first-child {border-left:none;}
.program_tbl tbody th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#fafbfb;}
.program_tbl td {padding:10px 15px; color:#555; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.program_tbl td:first-child {border-left:none;}




/* PDF뷰어 */
.excha_box {position:relative; padding:20px 20px; font-family:"NotoR"; line-height:1.4; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.excha_box .btn {position:absolute; right:20px; top:10px;}
.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
.excha_box .excha_pdf object {width:100%; height:100%;}
.excha_box .excha_pdf object embed {width:100%; height:100%;}

/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	/* 0405_매거진*/
	ul.magazine li {width:25%;}

	/* 프로그램 게시판 */
	.program_box .util {position:relative; top:auto; right:auto; margin:10px 0 0; text-align:center; background:#f3f3f3; border:1px solid #dbdbdb; }
	.program_box .util span {color:#266ed4;  font-family:"NotoM";}
	.program_tbl.tb_scroll {overflow-x:auto;}
	.program_tbl.tb_scroll table {width:900px;}

	
	

}

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

	
	/* 오시는길 아이콘 박스 */
	.info-box {margin-bottom:20px}


}

@media screen and (max-width:768px) {
	
	/* 인사말 */
	.greeting_top .greet_txt1 span {display:inline;}

	/* 0405_매거진*/
	ul.magazine li {width:33.3%;}


}

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

	/* 오시는길 아이콘 박스 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}

}

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

	/* 인사말 */
	.greeting_top {padding-left:0;}
	.greeting_top .greet_txt1 {font-size:20px;}

	/* 연혁 */
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}

	/* 0405_매거진*/
	ul.magazine li {width:50%;}

	/* 공통 타이틀옆 버튼 */
	.btn_rt{position:relative; left:0; margin:10px 0;}
	
	
	
	/* PDF뷰어 */
	.excha_box .btn {position:relative; right:auto; top:auto; margin-top:10px; text-align:center;}
	.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
	.excha_box .excha_pdf object {width:100%; height:100%;}
	.excha_box .excha_pdf object embed {width:100%; height:100%;}

}

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


	
}

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

	/* 0405_매거진*/
	ul.magazine li {width:100%;}



}