@charset "utf-8";

/*
font-family: 'Noto Sans', sans-serif;
*/


/* 리스트 상단 */
#board .list_top {margin-bottom: 10px;}
#board .list_top .searh_bx {margin: 0 0 0 auto; max-width: 414px; position: relative; box-sizing: border-box; width: 100%; position: relative; padding-left: 144px;}
#board .list_top .searh_bx select {width: 140px; height: 56px; position: absolute; left: 0; top: 0; padding: 0 40px 0 20px; box-sizing: border-box; border: 1px solid #92aaac; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow4.png) no-repeat right 19px center; font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; outline: none;}
#board .list_top .searh_bx input {width: 100%; height: 56px; border: 1px solid #92aaac; padding: 0 55px 0 20px; font-size: 16px; color: #333333; font-weight: 350; letter-spacing: -0.05em; word-break: keep-all; outline: none;}
#board .list_top .searh_bx input::placeholder {color: #a1a1a1;}
#board .list_top .searh_bx .btn {position: absolute; right: 0; top: 0; width: 55px; height: 56px; font-size: 0; background: url(../images/icon/search.png) no-repeat center;}



/* 리스트 */
#board .list01 ul {border-top: 2px solid #0097c0;}
#board .list01 ul li {border-bottom: 1px solid #dedede;}
#board .list01 ul li a {height: 114px; display:flex; justify-content:left; align-items:center; table-layout:fixed; padding: 0 72px 0 24px; box-sizing: border-box; position: relative;}
#board .list01 ul li a::before {content: ''; width: 24px; height: 24px; border-radius: 50%; right: 25px; top: 50%; margin-top: -12px; border: 1px solid #0368c1; position: absolute; background: url(../images/icon/arrow5.png) no-repeat center;}
#board .list01 .txt_bx {width: 100%;}
#board .list01 .txt_bx p {font-family: 'Noto Sans', sans-serif; font-size: 13px; color: #666666; word-break: keep-all; margin-bottom: 16px;}
#board .list01 .txt_bx strong {display: block; font-size: 18px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 350; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 900px; border-bottom: 1px solid transparent;}
#board .list01 .txt_bx strong span {color: #333333; border-bottom: 1px solid transparent; position: relative; line-height: 21px;}
#board .list01 .txt_bx strong span::before {content: ''; width: 100%; height: 1px; background-color: #0368c1; position: absolute; bottom: 0; left: 0; opacity: 0;}

#board .no_data {text-align: center; padding: 100px 0; letter-spacing: -0.05em; font-size: 18px; color: #e7e7e7;}



/* 상세 */
#board .view_bx .txt_w {max-width: 1452px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1; background-color: #fff;}
#board .view_bx .subject_bx {padding: 0 23px; position: relative;}
#board .view_bx .subject_bx::before {content: ''; width: 50%; height: 215px; background-color: #006fc0; position: absolute; left: 0; top: 0;}
#board .view_bx .subject_bx::after {content: ''; width: 50%; height: 215px; background-color: #006fc0; position: absolute; right: 0; bottom: 0;}
#board .view_bx .subject_bx .txt_w {padding: 49px 0 85px;}
#board .view_bx .subject_bx .txt_w::before {content: ''; width: 234px; height: 215px; background: url(../images/sub/view_bg1.jpg) no-repeat center; position: absolute; top: 0; left: -234px; background-size: 100% 100%;}
#board .view_bx .subject_bx .txt_w::after {content: ''; width: 234px; height: 215px; background: url(../images/sub/view_bg2.jpg) no-repeat center; position: absolute; bottom: 0; right: -234px; background-size: 100% 100%;}
#board .view_bx .subject_bx .txt_w strong {display: block; font-size: 36px; color: #333333; line-height: 52px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
#board .view_bx .subject_bx .txt_w ul {font-size: 0; margin-top: 26px;}
#board .view_bx .subject_bx .txt_w ul li {display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; word-break: keep-all; margin-right: 35px; position: relative;}
#board .view_bx .subject_bx .txt_w ul li::before {content: ''; width: 1px; height: 16px; background-color: #ddd; position: absolute; right: -17px; top: 50%; margin-top: -8px;}
#board .view_bx .subject_bx .txt_w ul li:last-child {margin-right: 0;}
#board .view_bx .subject_bx .txt_w ul li:last-child::before {display: none;}
#board .view_bx .subject_bx .txt_w ul li.en {font-family: 'Noto Sans', sans-serif;}
/*#board .view_bx .con_bx {padding: 0 234px;}*/
#board .view_bx .con_bx .txt_w {border-bottom: 1px solid #dedede; font-size: 16px; color: #666666; padding: 10px 0 80px;}
#board .view_bx .con_bx .txt_w img {max-width: 100%;}
#board .view_bx .con_bx .btm_btn {padding-right: 15px; padding-left: 15px;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center; padding-top: 40px;}
#board .btm_btn a {display: inline-block; width: 420px; border-radius: 10px; border: 1px solid #92aaac; background-color: #fff; font-size: 18px; color: #526366; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; text-align: center; margin-right: 10px; box-sizing: border-box; padding: 0 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.14);}
#board .btm_btn a:last-child {margin-right: 0;}
#board .btm_btn a span {display:flex; justify-content:center; align-items:center; table-layout:fixed; height: 88px; position: relative;}
#board .btm_btn a span::before {content: ''; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #92aaac; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -13px; background: url(../images/icon/arrow2.png) no-repeat center; background-size: 6px 9px;}


/* PC */
@media all and (min-width:1025px){
	/* 리스트 */
	#board .list01 ul li a::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list01 ul li a:hover::before {background: url(../images/icon/arrow6.png) no-repeat center #0368c1;}
	#board .list01 .txt_bx strong span{-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list01 ul li a:hover .txt_bx strong span {color: #0368c1;}
	#board .list01 .txt_bx strong span::before{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list01 ul li a:hover .txt_bx strong span::before {opacity: 1;}



	/* 하단 버튼 */
	#board .btm_btn a {-webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;}
	#board .btm_btn a:hover {background-color: #526366; color: #fff;}
	#board .btm_btn a span::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .btm_btn a:hover span::before {background: url(../images/icon/arrow6.png) no-repeat center; background-size: 6px 9px; border-color: #fff;}
}

@media all and (max-width:1500px){
	/* 상세 */
	#board .view_bx .subject_bx::before {display: none;}
	#board .view_bx .subject_bx::after {display: none;}
	#board .view_bx .subject_bx .txt_w::before {background-position: left -39px center; width: 26px; left: -38px; background-size: auto 100%; height: 100px;}
	#board .view_bx .subject_bx .txt_w::after {background-position: right -39px center; width: 26px; right: -38px; background-size: auto 100%; height: 100px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 리스트 상단 */
	#board .list_top .searh_bx {padding-left: 83px; max-width: 324px;}
	#board .list_top .searh_bx select {width: 80px; height: 32px; padding: 0 30px 0 10px; background-size: 9px auto; background-position: right 10px center; font-size: 12px;}
	#board .list_top .searh_bx input {height: 32px; font-size: 12px; padding: 0 32px 0 10px;}
	#board .list_top .searh_bx .btn {width: 32px; height: 32px; background-size: 17px auto;}



	/* 리스트 */
	#board .list01 ul {border-width: 1px;}
	#board .list01 ul li a {padding: 0 40px 0 10px; height: 61px;}
	#board .list01 ul li a::before {width: 17px; height: 17px; margin-top: -8px; right: 10px; background-size: 4px auto;}
	#board .list01 .txt_bx p {margin-bottom: 0; font-size: 10px;}
	#board .list01 .txt_bx strong {font-size: 13px;}
	
	#board .no_data {font-size: 13px; padding: 50px 0;}
	
	
	
	/* 상세 */
	#board .view_bx .subject_bx {padding-right: 0;}
	#board .view_bx .subject_bx::before {display: none;}
	#board .view_bx .subject_bx .txt_w {padding: 0;}
	#board .view_bx .subject_bx .txt_w::before {width: 26px; height: 60px; background: url(../images/sub/view_bg1_m.jpg) no-repeat center; left: -38px;}
	#board .view_bx .subject_bx .txt_w::after {display: none;}
	#board .view_bx .subject_bx .txt_w strong {font-size: 20px; line-height: 27px;}
	#board .view_bx .subject_bx .txt_w ul {margin-top: 10px;}
	#board .view_bx .subject_bx .txt_w ul li {font-size: 13px; margin-right: 25px;}
	#board .view_bx .subject_bx .txt_w ul li::before {height: 10px; margin-top: -5px; right: -14px;}
	#board .view_bx .con_bx .txt_w {padding: 22px 0 40px; font-size: 12px;}



	/* 하단 버튼 */
	#board .btm_btn {padding-top: 20px;}
	#board .btm_btn a {width: 220px; padding: 0 12px; font-size: 13px; border-radius: 5px; margin-right: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.14);}
	#board .btm_btn a span {height: 44px;}
	#board .btm_btn a span::before {width: 18px; height: 18px; margin-top: -9px; background-size: 4px 6px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 상단 */
	#board .list_top .searh_bx {max-width: 100%;}



	/* 하단 버튼 */
	#board .btm_btn a {width: 100%; margin-right: 0; margin-bottom: 5px;}
	#board .btm_btn a:last-child {margin-bottom: 0;}
}