@charset "utf-8";

/* °øÅë */
/*h4 {margin:40px 0 20px 0; font-size:1.6em; font-weight:500;}*/
.img_box2 {position:relative;background:#eeeeee; height:500px;margin:5px 0; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-around;}

.img_box2 .item{display:flex;flex-direction:column;align-items:center;overflow:hidden;}
.img_box2 .item img{height:500px;width:auto;}
.img_box2 .item .img_caption2{width:100%;background:#15284f; opacity:0.7; position:absolute;bottom:0;left:0;text-align:center;
padding:20px;font-weight:bold;}
.img_box2 .item .img_caption2 span{color:#ffffff;}

@media all and (max-width:768px) {
.img_box2 { height:280px;}
.img_box2 .item img{height:280px;width:auto;}
}

@media all and (max-width:414px) {
.img_box2 { height:160px;}
.img_box2 .item img{height:160px;width:auto;}
.img_box2 .item .img_caption2{padding:10px;font-size:0.95em;}
}
.img_box .img_alt {position:absolute; left:-9999px;}




/* form °øÅë
input[type="text"],
input[type="password"],
input[type="email"],
input[type="phone"],
input[type="submit"],
select {border:1px solid #ddd; height:36px; padding:0 7px;}
textarea {border:1px solid #ddd;}
 */

/* ¹öÆ°°øÅë */
.btnWrap {text-align:center; margin:30px 0; overflow:hidden;}
.btn {display:inline-block; padding:5px 15px; border-radius:6px;}
.btn.type1 {background:#15284f; color:#fff; border:1px solid #15284f;}
.btn.type2 {background:#fff; color:#15284f; border:1px solid #15284f;}
.btn.type3 {float:left; background:#15284f; color:#fff; border:1px solid #15284f;}
.btn.type4 {float:right; background:#15284f; color:#fff; border:1px solid #15284f;}
@media all and (max-width:1023px) {
    .btnWrap {margin:10px 0 30px 0;}
}

/* Ä÷º¼Ç list */
.cle_list > ul > li {overflow:hidden; margin-bottom:40px;}
.cle_list > ul > li a {display:block; transition:all 0.3s;}
.cle_list > ul > li .img_box:before {content:''; position:absolute; bottom:0; right:0; width:77px; height:76px; background:url('/Main/Images/new/section/archive/sub/list_st1_btn1.png')}
.cle_list dl {position:relative; width:calc(100% - 225px); margin-top:-100px; padding:40px 40px 40px 0;  background:#fff; border-radius:0 40px 0 0;}
.cle_list dl dt {position:relative; margin-bottom:15px; padding-left:55px; font-size:1.6em; letter-spacing:-1.5px; font-weight:500; line-height:1.4;}
.cle_list dl dt:before {content:''; position:absolute; top:17px; left:0; width:37px; height:1px; background:#15284f;}
.cle_list dl dd {display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; height:6em; padding-left:58px; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis;}
.cle_list > ul > li:nth-child(even) .img_box:before {right:inherit; left:0; background:url('/Main/Images/new/section/archive/sub/list_st1_btn2.png');}
.cle_list > ul > li:nth-child(even) dl {float:right; border-radius:40px 0 0 0;}
.cle_list > ul > li.num4 .img_box {height:400px}
.cle_list > ul > li.num4 a {float:left; width:47%;}
.cle_list > ul > li.num4 a:nth-of-type(even) {float:right;}
.cle_list > ul > li.num4 a:nth-of-type(odd) {clear:both;}
.cle_list > ul > li.num4 dl {width:100%; margin-top:0; padding:20px 20px 40px 0; border-radius:0;}
.cle_list > ul > li a:hover .img_box {animation:ani_bg 5s linear alternate;}
@keyframes ani_bg {
	0% {background-position:50% 50%}
	50% {background-position:50% 70%;}
	100% {background-position:50% 50%;}
}
@media all and (max-width:1023px) {
    .cle_list > ul > li {margin-bottom:20px;}
    .cle_list > ul > li .img_box:before {width:50px; height:49px; background-size:contain;}
    .cle_list dl {width:100%; margin-top:0; padding:20px 20px 20px 0; border-radius:0;}
    .cle_list dl dt {font-size:1.3em;}
    .cle_list dl dt:before {top:14px;}
    .cle_list > ul > li:nth-child(even) .img_box:before {width:50px; height:49px; background-size:contain;}
    .cle_list > ul > li:nth-child(even) dl {float:none; border-radius:0;}
    .cle_list > ul > li.num4 .img_box {height:250px}
    .cle_list > ul > li.num4 a {width:48%;}
    .cle_list > ul > li.num4 a:nth-of-type(even) {float:right;}
}
@media all and (max-width:768px) {
    .cle_list > ul > li.num4 a {float:none; width:100%;}
    .cle_list > ul > li.num4 a:nth-of-type(even) {float:none;}
}

.cle_list_new li {position:relative; margin-top:40px; height:270px; background:#f6f6f6; /*border-radius:40px 0 0;*/ overflow:hidden;}
/*.cle_list_new li:nth-child(even) {border-radius:0 40px 0 0;}*/
.cle_list_new li:hover {background:#ecf2ff;}
.cle_list_new li:hover dt {font-weight:600;}
.cle_list_new li:first-child {margin-top:0;}
.cle_list_new li a {position:absolute; inset:0; display:block;}
.cle_list_new li .img_box {position:absolute; right:0; top:0; height:100%; max-height:100%; width:30%; background-size:100% !important;}
.cle_list_new li:nth-child(even) .img_box {left:0;}
.cle_list_new li:nth-child(even) dl {margin-left:40%;}
.cle_list_new dl { padding:40px 0;}
.cle_list_new dl dt {position:relative; margin-bottom:15px; padding-left:55px; font-size:1.6em; letter-spacing:-1.5px; font-weight:500; line-height:1.4; color:#15284f;}
.cle_list_new dl dt:before {content:''; position:absolute; top:17px; left:0; width:37px; height:1px; background:#15284f;}
.cle_list_new dl dd {display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; height:6em; padding-left:58px; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis;}
.cle_list_new .img_box_list {pointer-events:none;}

/*.cle_list_new > ul > li a:hover .img_box {animation:ani_bg_new 5s linear alternate;}
@keyframes ani_bg_new {
	0% {background-position:50% 50%}
	50% {background-position:50% 70%;}
	100% {background-position:50% 50%;}
}*/



/* Ä÷º¼Ç view */
.cle_title {overflow:hidden;}
.cle_title > h4 {float:left;}
.cle_title .category_list {float:right; margin-top:23px;}
.cle_title select {border:1px solid #d5d5d5; padding:0 50px 0 10px; display:inline-block; height:40px; border-radius:6px; margin-right:5px;}
@media all and (max-width:768px) {
	.cle_title > h4 {float:none;}
	.cle_title .category_list {float:none; margin-top:10px; text-align:right;}
}

.cle_view h5 {margin-bottom:40px; text-align:center;}
.cle_view > p {margin:40px 0;}
.cle_view .img_box {height:700px; margin-bottom:40px; background-color:#f5f5f5; text-align:center;}
.cle_view .img_box img {display:inline-block; max-width:100%; width:auto; max-height:100%; height:auto;}
.cle_view .img_caption {position:absolute; bottom:0; left:0; width:100%; padding:10px 15px; background:rgba(21,40,79,0.9); text-align:center; color:#fff; font-weight:500;}
@media all and (max-width:1023px) {
    .cle_view h5 {margin-bottom:20px;}
    .cle_view > p {margin-bottom:20px;}
    .cle_view .img_box {margin-bottom:20px; height:auto;}
}

/* ±â·Ï¹° list */
/*.gallery_wrap {float:left; width:calc(100% - 350px);}*/
.gallery_wrap {width:100%; overflow:hidden;}
.board_top {margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #d4d4d4; overflow:hidden;}
.board_top p {float:left; font-weight:700; font-size:1.8em;}
.board_top p em {color:#0964c9;}
.board_top ul {float:right; padding-top:5px; text-align:right;}
.board_top ul select {display:inline-block; height:44px; padding:0 30px 0 10px; border:1px solid #d5d5d5; border-radius:6px; box-sizing:border-box;}
.board_top li {float:left; margin-right:20px;}
.board_top li:last-child {margin-right:0;}
.board_top li span {margin-right:5px; vertical-align:middle;}
.board_top li input {padding:0 5px;}
.board_top li .word {border:1px solid #d5d5d5; border-radius:6px; height:44px; line-height:44px; background:#fff; color:#333; box-sizing:border-box;}
.board_top li .search_btn {display:inline-block; height:44px; padding:0 15px; line-height:44px; border-radius:6px; background:#686868; font-size:17px; color:#fff;}

input[type=checkbox], input[type=radio]{width:20px;height:20px;}


/*»çÁø±â·Ï*/
.gallery_list {overflow:hidden; padding:3px;}
.gallery_list li {float:left; width:22.75%; margin:0 0 50px 3%; }
.gallery_list li:first-child {margin-left:0;}
.gallery_list li:nth-child(4n+1) {margin-left:0;}
.gallery_list li img {width:100%; height:190px;}
.gallery_list li dt {overflow:hidden; margin:20px 0 0 0; font-weight:500; font-size:1.2em; text-indent:2px; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px;}
.gallery_list li dt span {background:#0964c9; color:#fff; padding:0 10px; margin-right:10px; font-size:0.9em;}
.gallery_list li dd {color:#15284f; /*font-weight:500;*/ font-size:1em; letter-spacing:0.1px; text-indent:4px; color:#808080;}
.gallery_list li .BtnW {display:flex; flex-direction:row; justify-content:center;padding:15px 5px;width:100%;}
.gallery_list li .BtnW li{width:auto;}

/*°£Ç๰*/
.gall_list {overflow:hidden;}
.gall_list li {float:left; width:19%; margin:0 0 50px 8%; }
.gall_list li:first-child {margin-left:0;}
.gall_list li:nth-child(4n+1) {margin-left:0;}
.gall_list li img {width:100%; height:300px;border:1px solid #ccc;box-shadow:8px 8px 0 #f6f6f6;padding:10px;}
.gall_list li dt {overflow:hidden; margin:20px 0 5px; font-weight:500; font-size:1.2em; text-indent:2px; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px;}
.gall_list li dt span {background:#0964c9; color:#fff; padding:0 10px; margin-right:10px; font-size:0.9em;}
.gall_list li dd {color:#15284f; font-weight:500; font-size:1em; letter-spacing:0.1px; text-indent:4px; color:#808080;}
.gall_list li .BtnW {display:flex; flex-direction:row; justify-content:center;padding:15px 5px;width:100%;}
.gall_list li .BtnW li{width:auto;margin-bottom:0;}

@media screen and (max-width:1140px){
	.gall_list li {float:left; width:26%; margin-left:11%;}
	.gall_list li:nth-child(4n+1) {margin-left:11%;}
	.gall_list li:nth-child(3n+1) {margin-left:0;}
	.BtnW .btnWrap{margin:5px;}
}


@media screen and (max-width:830px){
	.gall_list li {float:left; width:33%; margin:0 8%;}
	.gall_list li:nth-child(3n+1) {margin-left:8%;}
	.gall_list li:nth-child(2n+1) {margin-left:8%;}
	.gall_list li .BtnW li{margin:0 2px;}
	.BtnW .btnWrap{margin:5px;}
	.gall_list li {margin-bottom:20px;}
}


@media screen and (max-width:640px){
	.gall_list li {float:none; width:42%; margin:0 28%;}
	.gall_list li:nth-child(4n+1) {margin-left:28%;}
	.gall_list li:nth-child(3n+1) {margin-left:28%;}
	.gall_list li:nth-child(2n+1) {margin-left:28%;}
	.gall_list li .BtnW li{margin:0 5px;}
	.BtnW .btnWrap{margin:5px;}
	.gall_list li {margin-bottom:20px;}
}
@media screen and (max-width:530px){
	.gall_list li {float:none; width:62%; margin:0 19%;}
	.gall_list li:nth-child(4n+1) {margin-left:19%;}
	.gall_list li:nth-child(3n+1) {margin-left:19%;}
	.gall_list li:nth-child(2n+1) {margin-left:19%;}
	.gall_list li .BtnW li{margin:0 5px;}
	.BtnW .btnWrap{margin:5px;}
	.gall_list li {margin-bottom:20px;}
}



.search_filter {float:right; width:300px;}
.search_filter .filter_wrap	{box-sizing:border-box; border:1px solid #d4d4d4; padding:15px;}
.search_filter .filter_wrap .search .int_wrap {position:relative; margin-top:10px;}
.search_filter .filter_wrap .search .int_wrap label {position:absolute; left:-9999px;}
.search_filter .filter_wrap .search .int_wrap select,
.search_filter .filter_wrap .search .int_wrap input[type="text"] {display:inline-block; margin-right:1%; height:44px; padding:0 10px; border:1px solid #d5d5d5; border-radius:6px; box-sizing:border-box;}
.search_filter .filter_wrap .search .int_wrap select {width:29%;}
.search_filter .filter_wrap .search .int_wrap #title {width:44%;}
.search_filter .filter_wrap .search .int_wrap .btn_search {float:right; width:22%; height:44px; background:#15286f; color:#fff; border-radius:6px;}
.search_filter .filter_wrap .search p {margin-top:5px; color:#15286f;}
.search_filter .filter_wrap .search p input {margin-right:5px; vertical-align:middle;}
.search_filter .info {margin:5px 0 15px; padding:0 10px; color:#0964b9;}
.search_filter .filter_wrap .filter_cont {margin-top:23px;}
.search_filter .filter_wrap .filter_cont .filter_top p {color:#000;}
.search_filter .filter_wrap .filter_cont .filter_top .btn_filter {display:none}
.search_filter .filter_wrap .filter_cont .filter_list .title {display:block; background:#ecf2ff; color:#15284f; font-weight:600; margin-top:10px; padding:5px 10px;}
.search_filter .filter_wrap .filter_cont .filter_list ul li ul {padding:10px; color:#333;}
.search_filter .filter_wrap .filter_cont .filter_list input {margin-right:5px;}
@media screen and (max-width:1023px){
	/*.gallery_wrap {float:none; width:100%; margin-top:20px;}*/
	.gallery_wrap {margin-top:20px;}
	.gall_wrap {margin-top:20px;}
	.search_filter {float:none; width:100%;}
	.search_filter .filter_wrap	{overflow:hidden; max-height:160px; background:#fff;}
	.search_filter .filter_wrap .search	{position:relative;}
	.search_filter .filter_wrap .search .int_wrap {margin:0;}
	.search_filter .filter_wrap .filter_cont	{margin:15px 0 0 0; padding:0; background:#fff; box-sizing:border-box;}
	.search_filter .filter_wrap .filter_cont .filter_top	{position:relative; padding:5px 10px; background:#dde6f9;}
	.search_filter .filter_wrap .filter_cont .filter_top p	{color:#15284f; text-align:center;}
	.search_filter .filter_wrap .filter_cont .filter_top .btn_filter	{display:block; position:absolute; top:10px; right:10px; width:15px; height:15px; background:url('/Main/Images/new/section/archive/common/search_arrow.png') no-repeat center center; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;  text-indent:-9999px;}
	.search_filter .filter_wrap .filter_cont .filter_list {padding-top:10px;}
	.search_filter .filter_wrap .filter_cont .filter_list li .tit	{padding:0 38px; font-size:1em; line-height:25px}
	.search_filter .filter_wrap .filter_cont .filter_list li .btn_key	{top:11px; right:auto; left:160px; width:23px; height:23px; background:url('/images/content/btn_filter_key_m.png') no-repeat center center; background-size:23px auto}
	.search_filter .filter_wrap .filter_cont .filter_list ul li ul	{margin-top:5px; padding:0}
	.search_filter .filter_wrap .filter_cont .filter_list ul li ul li	{padding-left:9px; color:#303030;}
	.search_filter .filter_wrap.on	{max-height:750px;}
	.search_filter .filter_wrap.on .filter_cont .filter_top .btn_filter	{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
}
@media screen and (max-width:910px){
	.gallery_list li {float:left; width:31.33%; margin-left:3%;}
	.gallery_list li:nth-child(4n+1) {margin-left:3%;}
	.gallery_list li:nth-child(3n+1) {margin-left:0;}
}

@media screen and (max-width:768px){
	.board_top ul li:first-child {display:none;}
	.gallery_list li {float:left; width:48.2%; margin-left:3%;}
	.gallery_list li:nth-child(3n+1) {margin-left:3%;}
	.gallery_list li:nth-child(2n+1) {margin-left:0;}
}

@media screen and (max-width:420px){
	.board_top ul {margin-top:5px;}
	.gallery_list li {float:none; width:100%; margin:0%;}
	.gallery_list li:nth-child(4n+1) {margin-left:0%;}
	.gallery_list li:nth-child(2n+1) {margin-left:0;}
}



/* ±â·Ï¹° view */
.con_tit {position:relative; overflow:hidden;}
.con_tit h4 {padding-right:150px;}
.con_tit span {position:absolute; right:0; top:24px; text-align:right; font-size:1.3em; font-weight:500; color:#666;}

.thmb_view .thmb_view_slide {position:relative; margin-bottom:20px;}
.thmb_view .thmb_view_slide li {height:512px; text-align:center; background:#eee;}
.thmb_view .thmb_view_slide img {display:inline-block; max-width:100%; width:auto; max-height:100%; height:auto;}
/*.thmb_view .thmb_view_slide img {height:780px;}*/
.thmb_view .thmb_view_slide .down {display:block; position:absolute; right:0; top:0; width:60px; height:60px; background:rgba(0,0,0,0.8) url('/Main/Images/new/section/archive/sub/list_st2_btn1.png') no-repeat center; text-indent:-9999px;}
.thmb_view .thmb_view_nav_wrap {position:relative;}
.thmb_view .thmb_view_nav {padding:0 40px;}
.thmb_view .thmb_view_nav .slick-track {margin-left:0}
.thmb_view .thmb_view_nav li span {display:block; position:relative; margin:0 15px; cursor:pointer; height:100px; text-align:center; background:#eee;}
.thmb_view .thmb_view_nav li span img {display:inline-block; max-width:100%; width:auto; max-height:100%; height:auto;}
.thmb_view .thmb_view_nav li span input[type="checkbox"] {position:absolute; right:10px; top:10px;}
.thmb_view .thmb_view_arrow {display:block !important; position:absolute; top:50%; width:17px; height:100%; margin-top:-9px; background:url('/Main/Images/new/section/archive/sub/list_st2_btn2.png') no-repeat; text-indent:-9999px;}
.thmb_view .thmb_view_arrow.prev {left:0; background-position:0 0;}
.thmb_view .thmb_view_arrow.next {right:0; background-position:-17px 0;}
.thmb_view .text {position:relative; padding-bottom:30px; margin-bottom:30px;}
.thmb_view .text:before {content:''; position:absolute; bottom:0; left:50%; width:1920px; height:1px; background:#d5d5d5; margin-left:-960px;}
.thmb_view .text p {margin-bottom:20px;}

@media all and (max-width:1023px) {
    .con_tit span {font-size:1.2em; top:26px;}
	.thmb_view .thmb_view_slide .down {width:40px; height:40px;}
    .thmb_view .thmb_view_nav {padding:0 30px}
    .thmb_view .thmb_view_nav li span {height:90px;}
    .thmb_view .text {position:relative; padding-top:20px;}
}
@media all and (max-width:650px) {
	.con_tit {margin-bottom:20px;}
	.con_tit h4 {margin-bottom:0; padding-right:0;}
	.con_tit span {position:static; text-align:left; font-size:1.15em;}
	.thmb_view .thmb_view_slide li {height:250px;}
}


.thmb_view .heritage {display:flex; justify-content:space-between;}
.thmb_view .heritage .thmb_view_slide {width:calc(100% - 430px);}
.thmb_view .heritage > div {width:400px; margin-bottom:20px; border:1px solid #d5d5d5; border-top:0; border-radius:7px;}
.thmb_view .heritage > div p {padding:15px 20px; color:#fff; font-weight:600; background:#15284f; border-radius:7px 7px 0 0;}
.thmb_view .heritage > div .info {padding:10px 20px;}
.thmb_view .heritage > div dl {display:flex; width:100%; margin-bottom:12px;}
.thmb_view .heritage > div dl:last-child {margin-bottom:0;}
.thmb_view .heritage > div dt {position:relative; width:90px; font-weight:600; padding-left:12px;}
.thmb_view .heritage > div dt::before {content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#15284f;}
.thmb_view .heritage > div dd {position:relative; width:calc(100% - 115px); padding-left:15px; color:#4d4d4d;}
.thmb_view .heritage > div dd::before {content:':'; position:absolute; left:0; top:1px;}
.thmb_view .heritage > div dd strong {color:#15284f;}
@media all and (max-width:1200px) {
	.thmb_view .heritage {display:block;}
	.thmb_view .heritage .thmb_view_slide,
	.thmb_view .heritage > div {width:100%;}
	.thmb_view .heritage > div .info {display:flex; flex-wrap:wrap; padding:20px;}
	.thmb_view .heritage > div dl {width:50%;}
	.thmb_view .heritage > div dl:first-child {width:100%;}
	.thmb_view .heritage > div dl:last-child {margin-bottom:12px;}
}
@media all and (max-width:768px) {
	.thmb_view .heritage > div .info {display:block;}
	.thmb_view .heritage > div dl {width:100%;}
	.thmb_view .heritage > div dl:last-child {margin-bottom:0;}
}


/* ŸÀÓ¶óÀÎ */
.check_wrap	{position:relative; padding:10px 0; background:#f6f6f6; border-radius:5px; text-align:center;}
.check_wrap span {display:inline-block; margin-left:15px;}
.check_wrap span em {font-style:normal; margin-right:10px;}
.check_wrap .chk label {padding-left:5px; /*background:url('/Main/Images/new/section/archive/sub/bg_chk_time.png') no-repeat 0 center; background-size:18px auto;*/}
/*.check_wrap .chk input[type=checkbox] {position:absolute; left:-9999px; visibility:visible;}
.check_wrap .chk input[type=checkbox]:checked + label	{background:url('/Main/Images/new/section/archive/sub/bg_chk_time_checked.png') no-repeat 0 center; background-size:18px auto;}*/

.time_line {position:relative; margin:26px 20px 0 20px;}
.time_line:after {content:""; display:block; position:absolute; top:0; bottom:0; left:50%; margin-left:-1px; width:2px; background:rgba(238,238,238,1);
;}
.time_line ul:after	{content:""; display:block; clear:both;}
.time_line ul li {position:relative; float:left; z-index:1; width:50%; padding:0 5% 0 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.time_line ul li:nth-child(even) {padding:0 0 0 5%; margin-top:150px;}
.time_line ul li:after {content:""; display:block; position:absolute; top:100px; left:-7px; width:76px; height:18px; background:url('/Main/Images/new/section/archive/sub/bg_timeline_right.png') no-repeat center center;}
.time_line ul li:nth-child(odd):after	{left:auto; right:-7px; background:url('/Main/Images/new/section/archive/sub/bg_timeline_left.png') no-repeat center center;}
.time_line ul li .title .date {color:#0964c9;}
.time_line ul li .title .txt {display:block; font-size:1.1em; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:25px; background:url('/Main/Images/new/section/archive/sub/ico_txt.png') no-repeat left 5px; background-size:18px auto;}
.time_line ul li .img {display:block; position:relative; z-index:1; margin-top:11px; width:50%;}
.time_line ul li:nth-child(odd) .img {float:right;}
.time_line ul li .img img {width:100%; height:180px; object-fit:contain;}
.time_line ul li .btn_view {position:relative; display:inline-block; margin-top:15px; padding:5px 30px 5px 15px; border:1px solid #002b5e; border-radius:6px; color:#002b5e; line-height:22px; text-align:center;}
.time_line ul li .btn_view:after {content:''; position:absolute; top:7px; right:10px; width:16px; height:16px; background:url('/Main/Images/new/section/archive/main/icon04.png') no-repeat -64px -16px;}
.time_line ul li .btn_view:hover {background:#002b5e; color:#fff;}
.time_line ul li .btn_view:hover:after {background-position:-64px 0;}

/* ±×·¡ÇÁ */
.graph_wrap {border:1px solid #eee; padding:15px 25px; border-radius:10px; margin:10px 0;}
.graph_wrap .help {padding-left:26px; color:#777; background:url('/images/content/icon_layer_help.png') no-repeat 2px 0; background-size:16px auto;}
.graph_wrap .help .btn {overflow:hidden; display:inline-block; margin:0 5px; width:60px; background:url('/images/content/icon_graph_info.png') no-repeat center 5px; background-size:60px auto; line-height:19px; text-indent:-9999px; vertical-align:top;}
.graph_wrap .indi {position:relative; margin-top:15px; height:25px}
.graph_wrap .indi button {display:block; width:30px; height:25px; position:absolute; top:0;}
.graph_wrap .indi span {position:absolute; text-indent:-9999px;}
.graph_wrap .indi .btn_prev_block {left:28px; background:url('/Main/Images/new/section/archive/sub/graph_first.png') no-repeat center center; background-size:auto 25px;}
.graph_wrap .indi .btn_prev {left:67px; background:url('/Main/Images/new/section/archive/sub/graph_prev.png') no-repeat center center; background-size:auto 25px;}
.graph_wrap .indi .btn_next {right:67px; background:url('/Main/Images/new/section/archive/sub/graph_next.png') no-repeat center center; background-size:auto 25px;}
.graph_wrap .indi .btn_next_block {right:28px; background:url('/Main/Images/new/section/archive/sub/graph_last.png') no-repeat center center; background-size:auto 25px;}

.graph_wrap .graph {overflow:hidden; text-align:right;}
.graph_wrap .graph ul {overflow:hidden; display:inline-flex;flex-direction:row;/*align-items:center; justify-content:flex-end;*/ margin:0; padding:40px 0 65px 0; height:250px;}
.graph_wrap .graph ul:after	{content:""; display:block; clear:both;}
.graph_wrap .graph ul li {float:none ;position:relative; margin:0 25px; width:25px; height:150px;}
.graph_wrap .graph ul li a {display:block; position:absolute; right:0; bottom:0; left:0; padding:14px 0; background:#d9d9d9; border-radius:20px;}
.graph_wrap .graph ul li a:hover {background:url('/Main/Images/new/ko/contents/bg_ptn2.png') repeat #d9394a;}
.graph_wrap .graph ul li.min a {background:#d95b72;}
.graph_wrap .graph ul li.max a {background:url('/Main/Images/new/ko/contents/bg_ptn.png') repeat #15284f;}
.graph_wrap .graph ul li.on a {background:#383838;}
.graph_wrap .graph ul li span {position:absolute; left:50%; font-size:0.8em; line-height:20px; text-align:center;}
.graph_wrap .graph ul li .num {display:block; margin-left:-17px; top:-25px; width:34px;}
.graph_wrap .graph ul li .year {display:block; margin-left:-17px; bottom:-55px; width:34px; font-weight:600;}



@media all and (max-width:1024px) {
	.time_line:after {display:none;}
	.time_line ul li {margin-bottom:40px;}
	.time_line ul li:nth-child(even) {margin-top:0;}
	.time_line ul li:after {display:none;}
	.time_line ul li:nth-child(odd):after {display:none;}
	.time_line ul li .img {width:100%;}
	.time_line ul li:nth-child(odd) .img {float:none;}
	.time_line ul li .btn_view {display:block;}
	.graph_wrap .graph ul li span {font-size:0.75em;}
	.graph_wrap .graph ul li { margin:0 20px; }
	/*.graph_wrap .graph ul li {margin:0 10px; width:7.1428%}
	.graph_wrap .graph ul li a {margin:0 2.3vw}
	.graph_wrap .graph ul li span {font-size:0.85em;}*/
}
@media all and (max-width:768px) {
	 .graph_wrap .graph ul li { margin:0 15px; }
}
@media all and (max-width:768px) {
	.check_wrap span:nth-child(1) {display:block; margin:0 15px 5px 15px; padding-bottom:5px; border-bottom:1px dashed #bbb;}
	.time_line ul li .img img {height:160px;}
	.graph_wrap .graph ul li { margin:0 15px; }
	/*.graph_wrap {padding:15px;}*/
}
@media all and (max-width:500px) {
	.graph_wrap .graph ul li { margin:0 12px; }

	.graph_wrap {padding:11px;}
}
@media all and (max-width:360px) {
	.graph_wrap .graph ul li { margin:0 12px; }

	.graph_wrap {padding:11px;}
}

/* Å×À̺í */
.table_wrap {overflow-x:auto; margin-top:15px;}
.table_style {border-collapse:separate; border-top:2px solid #4b4b4b; margin-left:-1px; width:100%; }
.table_style thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4 !important; border-bottom:1px solid #c4c4c4 !important; text-align:center; font-weight:600; border:none;}
.table_style tbody th {background:#fafafa; font-weight:600;}
.table_style th {font-size:1.05em;}
.table_style tbody td, .table_style tfoot td {background:#fff;}
.table_style tbody th, .table_style tbody td {border-left:1px solid #d4d4d4 !important; border-bottom:1px solid #d4d4d4 !important; text-align:center; padding:12px 1%; word-break:break-all; border:none;}
.scroll_txt {display:none;}
@media all and (max-width:768px){
	.scroll_tb {position:relative;}
	.table_style.scroll {width:768px; position:relative;}
	.scroll_txt {display:block; background:url('/Main/Images/new/ko/contents/scroll_txt.png') no-repeat 5px center; padding-left:30px;}
	.scroll_txt ~ .table_wrap {margin-top:10px;}
}

.ul_dept1 {margin:5px 0;}
.ul_dept1 > li {margin:7px 0; padding-left:18px; background:url('/Main/Images/new/section/archive/sub/dept01.gif') no-repeat left 8px;}

.ul_dept2 {margin:10px 0 15px 5px;}
.ul_dept2 > li {position:relative; margin:5px 0; padding-left:15px;}
.ul_dept2 > li:before {content:''; position:absolute; top:11px; left:0; width:6px; height:2px; background:#9e9e9e;}


/*¼Ò°³*/
.overview {position:relative;}
.overview .img {position:absolute; left:0; top:-100px;}
.overview .txt {margin:100px 0 0 100px; background:#eff1f4; padding:50px 50px 50px 450px;}
.overview .txt p {margin-top:30px; font-size:1.05em;}
.overview .txt p:first-child {margin-top:0; font-size:2em; font-weight:600; color:#15284f;}
@media all and (max-width:1023px){
	.overview .img img {width:80%;}
	.overview .txt {padding-left:350px;}
}
@media all and (max-width:768px){
	.overview .img {display:none;}
	.overview .txt {margin:0; padding:50px;}
}


/*ÀÚ·á±âÁõ*/
.process {overflow:hidden; margin-left:15px; text-align:center;}
.process li {float:left; width:18%; height:250px; margin-top:10px; margin-left:2%; padding:15px; border:2px solid #e3e4e5; overflow:hidden;}
.process li img {width:auto;}
.process li:first-child {margin-left:0;}
.process li strong {display:block; text-align:left;}
.process li dt {font-weight:600; font-size:1.15em; margin-top:5px;}
.process li dd {line-height:20px;}
@media all and (max-width:1023px){
	.process li {width:32%;}
	.process li:nth-child(4) {margin-left:16%;}
}
@media all and (max-width:599px){
	.process li {position:relative; float:none; width:100%; height:130px; margin-left:0 !important; text-align:left;}
	.process li strong {position:absolute; left:15px; top:15px;}
	.process li img {position:absolute; left:35px; top:15px;}
	.process li dl {margin:10px 0; margin-left:135px;}
}


/*ÅëÇÕ°Ë»ö*/
.result {background:#eef0f3; margin-bottom:40px; padding:20px 2%;}
.result label {position:absolute; left:-9999px;}
.result select,
.result input[type="text"] {display:inline-block; margin-right:1%; height:44px; padding:0 10px; background-color:#fff; border:1px solid #d5d5d5; border-radius:6px;}
.result select {width:110px;}
.result #searchWord {width:30%;}
.result #s_date,
.result #e_date, 
.result #productYear  {width:13%; background:url('/Main/Images/new/section/archive/main/icon03.png') no-repeat 95% center #fff;}
/*.result #e_date, 
.result #productYear {margin-left:1%;}*/
.result .bt_sbtn {width:9.5%; height:44px; line-height:44px; display:inline-block; text-align:center; background:#15286f; color:#fff; border-radius:6px;}
.result .bt_sbtn2 {width:9.5%; height:44px; line-height:44px; display:inline-block; text-align:center; background:#15284f; color:#fff; border-radius:6px;}
@media all and (max-width:1200px) {
	.result #searchWord {width:25%;}
	.sortOption {margin-top:10px;}
}
@media all and (max-width:1023px) {
	.result #searchWord {width:calc(100% - 246px); margin-right:0;}
	.result #productYear {width:110px;}
	.result .bt_sbtn, .result .bt_sbtn2 {width:auto; padding:0 20px;}
}
@media all and (max-width:480px){
	.result select, .result #productYear {width:90px;}
	.result #searchWord {width:calc(100% - 206px);}
	.result .bt_sbtn2 {display:none;}
}

.result_count {margin-bottom:40px; text-align:center; color:#111; font-size:1.8em;}
.result_count em {font-weight:700; color:#004c9d;}
.result_count strong {color:#eb4141;}

.result_list {overflow:hidden;}
.result_list li {overflow:hidden; margin-top:40px;}
.result_list li:first-child {margin-top:0;}
.result_list li .img {float:left; width:230px; height:175px; border:1px solid #dedede; padding:7px;}
.result_list li .img p {position:relative; float:left; width:100%; height:100%; background-color:#F5F5F5; background-size:cover;}
.result_list li .img p span {position:absolute; text-indent:-9999px;}
.result_list li dl {float:left; width:calc(100% - 230px); margin-top:2px; padding-left:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.result_list li dt {font-size:1.2em; font-weight:600;}
.result_list li .txt {margin:5px 0 15px 0; padding-left:0;}
.result_list li .txt:before {display:none;}
.result_list li .txt b {color:#004c9d;}
.result_list li dd {position:relative; padding-left:15px;}
.result_list li dd:before {content:''; position:absolute; top:11px; left:0; width:6px; height:6px; background:#15286f; transform: rotate(45deg);}
@media all and (max-width:768px){
	.result_list li .img {width:158px; height:121px; padding:3px;}
	.result_list li dl {width:calc(100% - 158px);}
	.result_list li dt {font-size:1em;}
	.result_list li .year, 
	.result_list li .date {display:none;}
}


.search_detail {margin-bottom:50px; background:#fff;}
.search_detail > .box {border:1px solid #d4d4d4; overflow:hidden;}
.search_detail > .box dl {float:left; width:50%; border-top:1px solid #d4d4d4;}
.search_detail > .box dl:first-child {width:100%; border-top:none;}
.search_detail > .box dt, .search_detail > .box dd {float:left; height:50px; line-height:50px;}
.search_detail > .box dt {width:150px; background:#ecf2ff; text-align:center; font-weight:500;}
.search_detail > .box dd {width:calc(100% - 150px); padding:0 15px; }
.search_detail > .box li {float:left; padding:0 10px;}
.search_detail > .box li:first-child {padding-left:0;}
.search_detail > .box li input {margin-right:5px;}
.search_detail > .box input[type="text"] {display:inline-block; width:100%; height:35px; padding:0 10px; border:1px solid #d5d5d5; border-radius:6px;}
.search_detail > .box li input {margin-right:5px;}
.search_detail > .box #s_date,
.search_detail > .box #e_date {width:30%; background:url('/Main/Images/new/section/archive/main/icon03.png') no-repeat 95% center;}
.search_detail > .box #e_date {margin-left:1%;}
.search_detail p {text-align:center; margin-top:10px;}
.search_detail button {height:44px; line-height:44px; text-align:center; background:#eb4141; font-weight:600; color:#fff; padding:0 50px; border-radius:6px;}
@media all and (max-width:1023px){
	.search_detail > .box #s_date,
	.search_detail > .box #e_date {width:40%;}
}
@media all and (max-width:768px){
	.search_detail > .box dl {width:100%;}
	.search_detail > .box dt {width:30%;}
	.search_detail > .box dd {width:calc(100% - 30%);}
}
@media all and (max-width:480px){
	.search_detail {display:none;}
}


/*.collection {overflow:hidden; border-top:2px solid #222;}
.collection li {float:left; width:48%; box-sizing:border-box; padding:40px 20px; border:1px solid #e2e2e2; border-width:0 1px 1px 0;}
.collection li:nth-child(2n+2) {border-right:0;}
.collection li p {float:left; width:210px; overflow:hidden;}
.collection li p img {width:auto;}
.collection li dl {float:left; width:320px; margin-left:40px;}*/


.collection {overflow:hidden; border-top:2px solid #222;}
.collection li {position:relative; /*float:left; width:48%; height:360px;*/ box-sizing:border-box; padding:30px; border-bottom:1px solid #e2e2e2; overflow:hidden;}
.collection li .img {position:absolute; left:30px;}
.collection li .img a {display:block;}
.collection li .img img {width:auto;}
.collection li dl {margin-left:250px;}
.collection li dt {font-size:1.4em; font-weight:600; margin-bottom:15px;}
.collection li dt span {display:block; font-weight:normal; font-size:0.8em;}
.collection li .txt {margin:5px 0 15px 0;}
.collection li .txt {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.collection li .txt a {display:block;}
.collection li button {height:44px; line-height:44px; margin-top:30px; text-align:center; background:#15286f; font-weight:600; color:#fff; padding:0 30px; border-radius:6px;}
.collection li:hover {background:#f6f6f6;}
@media all and (max-width:768px){
	.collection li {height:auto;}	
	.collection li .img {position:relative; text-align:center; left:0;}
	.collection li dl {margin-left:0; margin-top:20px;}
	.collection li button {margin-top:0;}
}

.frame_wrap {max-width:97%; margin:0 auto; overflow:hidden;}
.frame_h3 {margin:25px 0 15px 0; padding:15px; font-size:2.5em; font-weight:600; color:#fff; text-align:center; background:#15284f;}
.frame_h3 span {color:#fee96a;}
.top_title {overflow:hidden; border:2px solid #e7ebf4; padding:20px; margin-bottom:20px;}
.top_title.archive {background:#f9f9fb url('/Main/Images/new/ko/sub01/top_box_sinmungo.png') 50px 50px no-repeat; border:1px solid #e7ebf4; border-radius:10px; padding:30px 30px 30px 200px;}
.top_title p, .top_title dt {font-size:1.1rem; font-weight:600; color:#15284f; line-height:1.5;}
.top_title span {color:#c83333; text-decoration:underline;}
.top_title dl {background:url('/Main/Images/new/ko/sub01/top_box_sinmungo.png') no-repeat left center; padding-left:120px;}
.top_title dd {line-height:1.4; margin-top:10px;}
@media all and (max-width:1023px){
	.frame_h3 {padding:10px; font-size:1.2em;}
}
@media all and (max-width:768px){
	.frame_h3 {font-size:1em;}
	.top_title dl {background:none; padding-left:0;}
	.top_title.archive {background:#f9f9fb; padding:25px;}
}




/*Ä÷º¼Ç*/


.cle_list_new li:nth-child(1) .img_box_list {position:absolute;top:0;right:0;}
.cle_list_new li:nth-child(2) .img_box_list{position:absolute;top:0;left:0;}
.cle_list_new li:nth-child(3) .img_box_list{position:absolute;top:0;right:0;}
.cle_list_new li:nth-child(4) .img_box_list{position:absolute;top:0;left:0;}
.cle_list_new li:nth-child(5) .img_box_list{position:absolute;top:0;right:0;}
.cle_list_new li:nth-child(6) .img_box_list{position:absolute;top:0;left:0;}
.cle_list_new li:nth-child(7) .img_box_list{position:absolute;top:0;right:0;}
.cle_list_new li:nth-child(8) .img_box_list{position:absolute;top:0;left:0;}
.cle_list_new li:nth-child(9) .img_box_list{position:absolute;top:0;right:0;}
.cle_list_new li:nth-child(10) .img_box_list{position:absolute;top:0;left:0;}

.img_box_list img{height:270px;width:400px;}

@media all and (max-width:1023px) {
	.cle_list_new dl {padding:30px;}
    .cle_list_new dl dt {font-size:1.3em;}
}
@media all and (max-width:768px) {
	.cle_list_new li {height:320px;}
	.cle_list_new li .img_box {position:relative; width:100%; height:300px;}
	.cle_list_new li:nth-child(even) dl {margin-left:0;}
	.cle_list_new dl {width:100%; padding:25px 20px 20px 0; margin-top:10px;}
	.cle_list_new li:nth-child(1) .img_box_list{}
	.cle_list_new li:nth-child(1) .img_box_list{position:absolute;top:120px;right:0;}
	.cle_list_new li:nth-child(2) .img_box_list{position:absolute;top:120px;left:0;}
	.cle_list_new li:nth-child(3) .img_box_list{position:absolute;top:120px;right:0;}
	.cle_list_new li:nth-child(4) .img_box_list{position:absolute;top:120px;left:0;}
	.cle_list_new li:nth-child(5) .img_box_list{position:absolute;top:120px;right:0;}
	.cle_list_new li:nth-child(6) .img_box_list{position:absolute;top:120px;left:0;}
	.cle_list_new li:nth-child(7) .img_box_list{position:absolute;top:120px;right:0;}
	.cle_list_new li:nth-child(8) .img_box_list{position:absolute;top:120px;left:0;}
	.cle_list_new li:nth-child(9) .img_box_list{position:absolute;top:120px;right:0;}
	.cle_list_new li:nth-child(10) .img_box_list{position:absolute;top:120px;left:0;}

	.img_box_list img{height:200px;width:330px;}
}