@charset "utf-8";
@import url('layout.css');
@import url('common.css');

/* form */
select{cursor: pointer;outline:none;height:44px;padding-left:18px;border:1px solid #a6a6a6;background:url(../images/ic/ic_select.svg) no-repeat right 20px center #fff;background-size:12px auto;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]){outline:none;height:44px;padding:0 18px;border:1px solid #a6a6a6;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;line-height: normal !important;}
textarea{outline:none;padding:20px;border:1px solid #a6a6a6;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #136fc4;}
select:disabled,input:disabled,textarea:disabled{background-color:#f5f5f5;}
select:invalid{color:#999}
input[type=file]{height:36px ! important;}

.datepic{width:160px;margin-right:-23px;}
.datepic + button{position:relative;left:-14px;width:23px;height:23px}

.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:20px;}
.chk_box label{display:inline-block;padding-left:32px;font-size:18px;}
.chk_box input[type="checkbox"]{position:absolute;top:5px;left:0;}
.chk_box label:before{content:"";position:absolute;top:5px;left:0;width:20px;height:20px;background:url(../images/ic/ic_chk.svg) no-repeat 0 0/contain;cursor:pointer;}
.chk_box input[type="checkbox"]:disabled + label:before{background:url(../images/ic/ic_chk_disabled.svg) no-repeat 0 0/contain}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/ic/ic_chk_on.svg) no-repeat 0 0/contain}
.chk_box.type label{width:24px;height:22px;padding-left:0;font-size:0}
.chk_box~.chk_box{margin-left:20px}
.chk_box input[type="checkbox"]:focus-visible + label:before{outline-offset:max(2px, 0.1em) ! important;outline:max(2px, 0.1em) dotted #666 ! important;}

.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:24px;}
.radio_box label{display:inline-block;padding-left:30px;font-size:18px;cursor:pointer;}
.radio_box input[type="radio"]{position:absolute;top:4px;left:0;}
.radio_box label:before{content:"";position:absolute;top:4px;left:0;width:24px;height:24px;background:url(../images/ic/ic_radio.svg) no-repeat 0 0/contain}
.radio_box input[type="radio"]:checked + label::before{background:url(../images/ic/ic_radio_on.svg) no-repeat 0 0/contain}
.radio_box~.radio_box{margin-left:20px}
.radio_box input[type="radio"]:focus-visible + label:before{outline-offset: max(2px, 0.1em) ! important;outline: max(2px, 0.1em) dotted #666 ! important;}

/* button */
.btnD1,.btnD2,.btnD3,.btnD4,.btnD5{display:inline-block;min-width:104px;height:44px;line-height:44px ! important;padding:0 16px;color:#fff ! important;font-weight:500 ! important;font-size:18px ! important;text-align:center;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.btnD1{background:#444}
.btnD1:hover{background:#000}
.btnD2{background:#136fc4}
.btnD2:hover{background:#0e4e88}
.btnD3{background:#c40000}
.btnD3:hover{background:#830101}
.btnD4{color:#444 ! important;background:#dfdfdf}
.btnD4:hover{background:#b5b3b3}
.btnD5{color:#444 ! important;border:1px solid #a6a6a6;vertical-align:top;}

.btnD1 i{position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;font-size:0;}
.btnD1 .ic_wr{width:18px;height:18px;background:url(../images/ic/ic_wr.svg) no-repeat 0 0/contain}
.btnD1 .ic_down{background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}
.btnD1 .ic_apply{background:url(../images/ic/ic_apply.svg) no-repeat 0 0/contain}
.btnD1 .ic_map{background:url(../images/ic/ic_map.svg) no-repeat 0 0/contain}

.btnM1,.btnM2,.btnM3,.btnM4,.btnM5,.btnM6,.btnM7{display:inline-block;height:44px;line-height:42px ! important;padding:0 16px;font-weight:500;font-size:18px ! important;border:1px solid #bababa;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.btnM1{border:1px solid #bababa;}
.btnM1:hover{text-decoration:none ! important;border-color:#136fc4}
.btnM1 .ic_down{position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_down_b.svg) no-repeat 0 0/contain}
.btnM1 .ic_print{position:relative;top:-2px;display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_print_s.svg) no-repeat 0 0/contain}
.btnM1 .ic_xls{position:relative;top:-2px;display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_xls.svg) no-repeat 0 0/contain}
.btnM2{color:#fff ! important;border:1px solid #666;background:#666}
.btnM2:hover{text-decoration:none ! important;background:#000}
.btnM3{color:#fff ! important;border:1px solid #136FC4;background:#136FC4;cursor:pointer;}
.btnM3:hover{text-decoration:none ! important;background:#0e4e88}
.btnM3.arrow{position:relative;padding-right:34px;}
.btnM3.arrow:before, .btnM3.arrow:after{content:'';position:absolute;top:50%;right:16px;margin:auto 0;width:10px;height:2px;background:#fff}
.btnM3.arrow:before{margin-top:-3px;transform:rotate(45deg);}
.btnM3.arrow:after{margin-top:3px;transform:rotate(-45deg);}
.btnM3 .ic_down{position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}
.btnM4{color:#fff ! important;border:1px solid #444;background:#444}
.btnM4:hover{text-decoration:none ! important;background:#000}
.btnM5{border:1px solid #dfdfdf;background:#dfdfdf}
.btnM5:hover{text-decoration:none ! important;background:#b5b3b3}

.btnM6{color:#fff ! important;border:1px solid #136FC4;background:#136FC4;}
.btnM6:hover{text-decoration:none ! important;background:#0e4e88}
.btnM6.arrow{position:relative;padding-right:90px;}
.btnM6.arrow:before, .btnM6.arrow:after{content:'';position:absolute;top:50%;right:16px;margin:auto 0;width:10px;height:2px;background:#fff}
.btnM6.arrow:before{margin-top:-3px;transform:rotate(45deg);}
.btnM6.arrow:after{margin-top:3px;transform:rotate(-45deg);}
.btnM6 .ic_down{position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}

.btnM7{color:#fff ! important;border:1px solid #666;background:#666;}
.btnM7:hover{text-decoration:none ! important;background:#4a4a4a}
.btnM7.arrow{position:relative;padding-right:90px;}
.btnM7.arrow:before, .btnM7.arrow:after{content:'';position:absolute;top:50%;right:16px;margin:auto 0;width:10px;height:2px;background:#fff}
.btnM7.arrow:before{margin-top:-3px;transform:rotate(45deg);}
.btnM7.arrow:after{margin-top:3px;transform:rotate(-45deg);}
.btnM7 .ic_down{position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}

.btnS1,.btnS2,.btnS3,.btnS4{display:inline-block;min-width:106px;height:40px;line-height:38px ! important;padding:0 14px;text-align:center;font-size:18px ! important;border:1px solid #bababa;border-radius:4px;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.btnWrap.tc .btnS2{height:30px;line-height:28px ! important;font-size:15px ! important;}
.btnS1:hover{text-decoration:none ! important;color:#136fc4;border-color:#136fc4}
.btnS1.manual:before,.btnS1.brochure:before,.btnS1.down:before,.btnS1.dtcollect:before{content:"";position:relative;top:-2px;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px;}
.btnS1.manual:before{background:url(../images/ic/ic_menual.svg) no-repeat 0 0/contain ! important}
.btnS1.brochure:before{background:url(../images/ic/ic_brochure.svg) no-repeat 0 0/contain ! important}
.btnS1.dtcollect:before{background:url(../images/ic/ic_dtcollect.svg) no-repeat 0 0/contain ! important}
.btnS1.down:before{background:url(../images/ic/ic_down_b.svg) no-repeat 0 0/contain ! important}
.btnS1.ml_10 {margin-left:10px;}

.btnS2{color:#fff ! important;border:1px solid #666;background:#666}
.btnS2:hover{text-decoration:none ! important;background:#000}
.btnS2.target:after,.btnS2.toggle:after{content:"";position:relative;display:inline-block;vertical-align:middle}
.btnS2.target:after{top:-4px;width:18px;height:18px;;margin-left:4px;background:url(../images/ic/ic_target.svg) no-repeat 0 0/contain ! important}
.btnS2.toggle:after{top:2px;width:12px;height:12px;;margin-left:8px;background:url(../images/ic/ic_down_w.svg) no-repeat 0 0/contain ! important}
.btnS2.toggle.up:after{top:-3px;transform:rotate(180deg);}
.btnS3{color:#fff ! important;border:1px solid #c40000;background:#c40000}
.btnS3:hover{text-decoration:none ! important;background:#830101}
.btnS4{color:#fff ! important;border:1px solid #136fc4;background:#136fc4}
.btnS4:hover{text-decoration:none ! important;border:1px solid #0f5495;background:#0f5495}
.btnS4.off{color:#444 ! important;border:1px solid #dfdfdf ! important;background:#dfdfdf ! important;}

.btnxS1{display:inline-block;height:32px;line-height:32px ! important;padding:0 14px;text-indent:0;font-size:18px ! important;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.btnxS1{color:#fff ! important;background:#136fc4}
.btnxS1 .ic_down{position:relative;top:-2px;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:10px;font-size:0;background:url(../images/ic/ic_down.svg) no-repeat 0 0/contain}

.btn_adobe{width:332px;height:50px;font-size:0;background:url(../images/btn/btn_adobe.svg) no-repeat 0 0/contain}
.btn_app{display:inline-block;width:96px;height:32px;vertical-align:middle;font-size:0 ! important;background:url(../images/btn/btn_appsore.png) no-repeat 0 0/contain}
.btn_gplay{display:inline-block;width:108px;height:32px;vertical-align:middle;font-size:0 ! important;background:url(../images/btn/btn_gplay.png) no-repeat 0 0/contain}

.btn_listMore{height:50px;text-align:center;background:#e5e5e5}
.btn_listMore button{width:100%;height:50px;font-size:16px;}
.btn_listMore button:hover{font-weight:500;}
.btn_listMore button:after{content:"";display:inline-block;width:12px;height:8px;margin-left:10px;background:url(../images/ic/ic_arrow4.svg) no-repeat 50% 50%/contain;}
.btn_listMore button.on:after{content:"";display:inline-block;width:12px;height:8px;margin-left:10px;background:url(../images/ic/ic_arrow6.svg) no-repeat 50% 50%/contain;}
.btn_like{width:24px;height:24px;font-size:0;background:url(../images/ic/ic_like.svg) no-repeat 0 0/contain}
.btn_like.chk{background:url(../images/ic/ic_like_chk.svg) no-repeat 0 0/contain}

.btn_alarm{position:relative;width:70px;height:26px;line-height:22px;padding:0 17px;color:#fff;font-size:14px;border-radius:20px;}
.btn_alarm span{position:relative;top:-1px}
.btn_alarm:before{content:"";position:absolute;top:0;bottom:0;margin:auto 0;width:20px;height:20px;border-radius:100%;background:#fff;transition:all 0.3s ease-in-out;}
.btn_alarm.on{text-align:left;background:#136fc4}
.btn_alarm.on:before{right:3px;}
.btn_alarm.off:before{right:46px;}
.btn_alarm.off{text-align:right;background:#929292;}

.btn_board{position:relative;margin-top:20px;text-align:right;font-size:0;display:flex;gap:7px;flex-wrap: wrap;}
.btn_board.between {justify-content:space-between;}
.btn_board.end {justify-content:end;}
/*.btn_board a, .btn_board button{margin-left:7px;}*/
/*.btn_board .posi{position:absolute;top:0;left:0}*/

/* icon */
.ic_file,.ic_hwp,.ic_pdf,.ic_doc,.ic_etc,.ic_img,.ic_more,.ic_ppt,.ic_xls,.ic_doc2, .ic_org
, .ic_orgd, .ic_org2, .ic_item20, .ic_ocr, .ic_help, .ic_spot, .ic_down
, .ic_pdf10, .ic_pdf11, .ic_pdf12, .ic_pdf13, .ic_pdf14, .ic_pdf15, .ic_pdf16, .ic_pdf17
, .ic_item1, .ic_item2, .ic_item3, .ic_item4, .ic_item5, .ic_item6, .ic_item7, .ic_item8, .ic_item9, .ic_item10
, .ic_item11, .ic_item12, .ic_item13, .ic_item14, .ic_item15, .ic_item16, .ic_item17, .ic_item18, .ic_item19, .ic_item20
, .ic_ebook, .ic_ebook.gray, .ic_audio, .ic_audio.gray, .ic_video, .ic_video.gray
{display:inline-block;width:21px;height:21px;vertical-align:middle;font-size:0 ! important;}
.ic_file{width:22px;height:23px;background:url(../images/ic/ic_file.svg) no-repeat 0 0/contain}
.ic_hwp{background:url(../images/ic/ic_hwp.svg) no-repeat 0 0/contain}
.ic_pdf{background:url(../images/ic/ic_pdf.svg) no-repeat 0 0/contain}
.ic_org{background:url(../images/ic/ic_org.svg) no-repeat 0 0/contain}
.ic_orgd{background:url(../images/ic/ic_orgd.svg) no-repeat 0 0/contain}
.ic_org2{background:url(../images/ic/ic_org2.svg) no-repeat 0 0/contain}
.ic_doc{background:url(../images/ic/ic_doc.png) no-repeat 0 0/contain}
.ic_etc{background:url(../images/ic/ic_etc.gif) no-repeat 0 0/contain}
.ic_img{background:url(../images/ic/ic_img.gif) no-repeat 0 0/contain}
.ic_more{background:url(../images/ic/ic_more.png) no-repeat 0 0/contain}
.ic_ppt{background:url(../images/ic/ic_ppt.png) no-repeat 0 0/contain}
.ic_xls{background:url(../images/ic/ic_xls.gif) no-repeat 0 0/contain}
.ic_doc2{background:url(../images/ic/ic_doc2.svg) no-repeat 0 0/contain}
.ic_down_1{position:relative;top:3px;display:inline-block;margin-right:5px;width:21px;height:21px;font-size:0 ! important;background:url(../images/ic/ic_down_1.svg) no-repeat 0 0/contain}
.ic_ocr{background:url(../images/ic/ic_ocr.png) no-repeat 0 0/contain}
	/*** 아이콘 임시 추가 시작(khj 20241110)*/
	.ic_pdf{background:url(../images/ic/ic_pdf.svg) no-repeat 0 0/contain}
	.ic_org{background:url(../images/ic/ic_org.svg) no-repeat 0 0/contain}
	.ic_orgd{background:url(../images/ic/ic_orgd.svg) no-repeat 0 0/contain}
	.ic_org2{background:url(../images/ic/ic_org2.svg) no-repeat 0 0/contain}
	.ic_summary{background:url(../images/ic/ic_item20.png) no-repeat 0 0/contain}
	.ic_help{background:url(../images/ic/ic_help.svg) no-repeat 0 0/contain; rotate: 180deg;}
	.ic_spot{background:url(../images/ic/ic_spot.png) no-repeat 0 0/contain}
	.ic_down{background:url(../images/ic/ic_down_b.svg) no-repeat 0 0/contain}
	.ic_pdf10{background:url(../images/ic/ic_pdf10.png) no-repeat 0 0/contain}
	.ic_pdf12{background:url(../images/ic/ic_pdf12.png) no-repeat 0 0/contain}
	.ic_pdf13{background:url(../images/ic/ic_pdf13.png) no-repeat 0 0/contain}
	.ic_pdf14{background:url(../images/ic/ic_pdf14.png) no-repeat 0 0/contain}
	.ic_pdf15{background:url(../images/ic/ic_pdf15.png) no-repeat 0 0/contain}
	.ic_pdf16{background:url(../images/ic/ic_pdf16.png) no-repeat 0 0/contain}
	.ic_pdf17{background:url(../images/ic/ic_pdf17.png) no-repeat 0 0/contain}
	.ic_item1{background:url(../images/ic/ic_item1.png) no-repeat 0 0/contain}
	.ic_item2{background:url(../images/ic/ic_item2.png) no-repeat 0 0/contain}
	.ic_item3{background:url(../images/ic/ic_item3.png) no-repeat 0 0/contain}
	.ic_item4{background:url(../images/ic/ic_item4.png) no-repeat 0 0/contain}
	.ic_item5{background:url(../images/ic/ic_item5.png) no-repeat 0 0/contain}
	.ic_item6{background:url(../images/ic/ic_item6.png) no-repeat 0 0/contain}
	.ic_item7{background:url(../images/ic/ic_item7.png) no-repeat 0 0/contain}
	.ic_item8{background:url(../images/ic/ic_item8.png) no-repeat 0 0/contain}
	.ic_item9{background:url(../images/ic/ic_item9.png) no-repeat 0 0/contain}
	.ic_item10{background:url(../images/ic/ic_item10.png) no-repeat 0 0/contain}
	.ic_item11{background:url(../images/ic/ic_item11.png) no-repeat 0 0/contain}
	.ic_item12{background:url(../images/ic/ic_item12.png) no-repeat 0 0/contain}
	.ic_item13{background:url(../images/ic/ic_item13.png) no-repeat 0 0/contain}
	.ic_item14{background:url(../images/ic/ic_item14.png) no-repeat 0 0/contain}
	.ic_item15{background:url(../images/ic/ic_item15.png) no-repeat 0 0/contain}
	.ic_item16{background:url(../images/ic/ic_item16.png) no-repeat 0 0/contain}
	.ic_item17{background:url(../images/ic/ic_item17.png) no-repeat 0 0/contain}
	.ic_item18{background:url(../images/ic/ic_item18.png) no-repeat 0 0/contain}
	.ic_item19{background:url(../images/ic/ic_item19.png) no-repeat 0 0/contain}
	.ic_item20{background:url(../images/ic/ic_item20.png) no-repeat 0 0/contain}
	.ic_ebook{background:url(../images/ic/ic_ebook.png) no-repeat 0 0/contain}
	.ic_ebook.gray{background:url(../images/ic/ic_ebook_gray.png) no-repeat 0 0/contain}
	.ic_audio{background:url(../images/ic/ic_audio.png) no-repeat 0 0/contain}
	.ic_audio.gray{background:url(../images/ic/ic_audio_gray.png) no-repeat 0 0/contain}
	.ic_video{background:url(../images/ic/ic_video.png) no-repeat 0 0/contain}
	.ic_video.gray{background:url(../images/ic/ic_video_gray.png) no-repeat 0 0/contain}
	/*** 아이콘 임시 추가 끝(khj 20241110)*/
/* board  */
/*.boardSearch_g{position:relative;min-height:50px;text-align:right;margin:15px 0;font-size:0;}*/
.boardSearch_g{position:relative;min-height:50px;text-align:right;font-size:0;display:flex;align-items:center;}
.boardSearch_g label{font-size:0;position:absolute;left:-10000px;}
.boardSearch_g .label{position:static;margin:0 20px;font-size:22px;font-weight:700}
.boardSearch_g select{width:144px;height:44px;margin-right:7px;font-size:18px;border:1px solid #a6a6a6}
.boardSearch_g input:not([type=checkbox]){width:240px;height:44px;font-size:18px;border:1px solid #a6a6a6}
.boardSearch_g .btn{width:70px;height:44px;margin-left:7px;vertical-align:top;font-size:18px;color:#fff;font-weight:500;background:#666;transition:all 0.2s ease-in-out}
.mySearch_g.both .btnM2 {width:70px;height:44px;margin-left:7px;vertical-align:top;font-size:18px;color:#fff;font-weight:500;background:#666;transition:all 0.2s ease-in-out}
.mySearch_g.mob_col .btnM2 {width:70px;height:44px;margin-left:7px;vertical-align:top;font-size:18px;color:#fff;font-weight:500;background:#666;transition:all 0.2s ease-in-out}
.boardSearch_g .btn:hover{background:#333}
.boardSearch_g .chk_box label{position:static;font-size:14px}
.boardSearch_g .chk_box label:before{top:2px;}
/*.boardSearch_g .selectg,.boardSearch_g .selectg2{position:absolute;top:0;left:0;}*/
.boardSearch_g .selectg select{width:180px;}
.boardSearch_g .selectg2 .btnM1{margin:0 60px 0 210px;vertical-align:middle;}
.boardSearch_g .selectg2 .chk_box{margin-left:10px}
.boardSearch_g .datepic{width:160px ! important;}
.boardSearch_g .part{margin:0 10px;vertical-align:middle;font-size:16px;}
.boardSearch_g.type{text-align:right;}
.boardSearch_g.type select{width:200px}
.boardSearch_g .col{display:inline-block;}
.boardSearch_g .col span{margin:0 8px;vertical-align:middle;font-size:18px}
.boardSearch_g .col select{margin-left:7px}
.boardSearch_g.curation {display:flex;align-items:center;justify-content:space-between;margin: 50px 0 10px;}
.boardSearch_g.curation .left {display:flex;align-items:center;}
.headtxt + .boardSearch_g{margin-top:74px;}
.radioTopic_search + .boardSearch_g{margin-top:50px;}
.h1Tit_box + .boardSearch_g{margin-top:20px}
.boardSearch_g.item_ml {margin-left:auto;}

.titSearch_g{position:relative;}
.titSearch_g .boardSearch_g{position:absolute;top:0;right:0}

.board_list{border-top:1px solid #000;border-bottom:1px solid #cacaca;}
.board_list table{table-layout:fixed}
.board_list thead th{height:70px;vertical-align:middle;font-size:18px;font-weight:500;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9;word-break:normal;}
.board_list .orderCol {height:70px;vertical-align:middle;font-size:18px;font-weight:500;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9;word-break:normal; cursor: pointer; font-weight: bold;}
.board_list tr~tr th{border-top:1px solid #cacaca}
.board_list tbody th,.board_list td{line-height:24px;padding:25px 6px;vertical-align:middle;font-size:18px;text-align:center;border-top:1px solid #cacaca;word-break:normal;}
.board_list a:hover{color:#136FC4;font-weight:400;text-decoration:underline;text-underline-position:under;}
.board_list .cell a{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(98% - 21px);word-wrap:break-word;}
.board_list.mylibDetailList .cell a{white-space: normal;}
.board_list .cell,.board_list .cell2{padding-left:12px;text-align:left;font-size:18px;}
.board_list .cell2 a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.board_list .notice td{background:#fafafa}
.board_list span.tit{display:none}
.board_list .infor{margin-top:13px}
.board_list .infor span{position:relative;display:inline-block;font-size:20px;color:#5b5b5b;}
.board_list.mylibDetailList .infor span{font-size:16px;}
.board_list .infor span~span{margin-left:30px;padding-left:30px}
.board_list.mylibDetailList .infor span~span{margin-left:7px;padding-left:7px}
.board_list .infor span~span:before{content:"";position:absolute;top:8px;left:0;width:1px;height:16px;background:#666;}
.board_list.mylibDetailList .infor span~span:before{top:6px;height:14px;}
.board_list .explan{text-align:left}
.board_list .thumg{padding:30px;text-align:left;}
.board_list .thumg div{display:flex;align-items:center;}
.board_list .thumg img{width:60px;height:87px;}
.board_list .thumg span{margin-left:40px}
.board_list .likenum{margin-left:30px}
.board_list .btns{margin-top:4px}
.board_list .thum_cell{text-align:left}
.board_list .thum_cell a{position:relative;display:block;min-height:147px;padding-left:263px;}
.board_list .thum_cell a:hover{text-decoration:none}
.board_list .thum_cell .thum{position:absolute;top:0;left:0;}
.board_list .thum_cell .thum img{width:229px;height:147px;}
.board_list .thum_cell .subject{font-size:26px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.board_list .thum_cell .period{margin-top:8px;font-size:20px}
.board_list .thum_cell .place{position:absolute;bottom:0;font-size:20px}
.tbl_row+.board_list{margin-top:40px;}

.video_list{border-top:1px solid #a9a9a9;padding:30px 0;border-bottom:1px solid #a9a9a9}
.video_list .item a{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.video_list .item~.item{margin-top:30px;padding-top:30px;border-top:1px solid #e1e1e1}
.video_list .item .thum{max-width:750px;max-height:454px;margin-right:40px;border:1px solid #cdcdcd}
.video_list .item .thum img{width:100%}
.video_list .item .tit{font-size:40px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.video_list .item .memo{margin-top:14px;font-size:30px;color:#9f9f9f;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.video_list .item .data{margin-top:40px;font-size:24px}
.video_list .item .data span{position:relative;display:inline-block;}
.video_list .item .data span~span{margin-left:30px;padding-left:30px}
.video_list .item .data span~span:before{content:"";position:absolute;top:12px;left:0;width:1px;height:16px;background:#666}

.faq_list{border-top:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9}
.faq_list div~div{border-top:1px solid #e1e1e1}
.faq_list dt{position:relative;padding:20px 40px 20px 92px;min-height:42px;font-size:24px;font-weight:500;}
.faq_list dt:before{content:"";position:absolute;top:20px;left:20px;width:42px;height:42px;background:url(../images/ic/ic_q.svg) no-repeat 0 0/contain}
.faq_list dt:after{content:"";position:absolute;top:0;bottom:0;right:20px;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_arrow4.svg) no-repeat 0 0/contain}
.faq_list dd{display:none;padding:0 82px 20px 92px;line-height:38px;font-size:20px;}
.faq_list .open dd{display:block;}
.faq_list .open dt:after{transform:rotate(180deg);}

.bookList_typeA{border-bottom:1px solid #cacaca}
.bookList_typeA .item{position:relative;padding:30px 0;border-top:1px solid #cacaca}
.bookList_typeA .cola{position:relative;width:780px;min-height:298px;padding-left:234px;box-sizing:border-box;}
.bookList_typeA .colb{position:absolute;top:30px;right:0;width:470px;}
.bookList_typeA .thum{position:absolute;top:0;left:0;}
.bookList_typeA .thum img{width:200px;height:298px;border:1px solid #cfcfcf;box-sizing:border-box;}
.bookList_typeA .tit{line-height:38px;font-size:26px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.bookList_typeA .reviewer{margin-top:6px;color:#777}
.bookList_typeA .infor{position:absolute;bottom:0;line-height:34px;font-size:20px;}
.bookList_typeA .infor li{text-indent:-9px;padding-left:9px;}
.bookList_typeA dt{text-decoration:underline;text-underline-position:under;font-size:24px;font-weight:700;}
.bookList_typeA dd{margin-top:18px;font-size:20px;line-height:36px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;word-wrap:break-word;}
.bookList_typeA .more{display:none}

.bookList_typeB{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;gap:0 95px}
.bookList_typeB:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#a9a9a9}
.bookList_typeB .item{position:relative;padding:30px 0;width:200px;}
.bookList_typeB .item:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#cacaca}
.bookList_typeB .thum img{width:200px;height:298px;border:1px solid #cfcfcf;box-sizing:border-box;}
.bookList_typeB .tit{height:53px;line-height:28px;margin-top:15px;font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.bookList_typeB .ahor{margin-top:13px;font-size:18px;color:#777}
.bookList_typeB .year{margin-top:11px;color:#136fc4;font-weight:500;font-size:20px;text-align:center;}
.bookList_typeB .tit2{margin-top:0;font-size:20px;font-weight:500;text-align:center;}
.tit_h2+.bookList_typeB{margin-top:-30px}

.bookList_typeC{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;}
.bookList_typeC:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#a9a9a9}
.bookList_typeC .item{position:relative;width:50%;min-height:298px;padding:30px 0 30px 240px;box-sizing:border-box;}
.bookList_typeC .item:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#cacaca}
.bookList_typeC .item .thum{position:absolute;left:0;top:30px;}
.bookList_typeC .item .thum img{width:200px;height:298px;border:1px solid #cfcfcf;box-sizing:border-box;}
.bookList_typeC .item .infor{line-height:28px;padding-top:13px;}
.bookList_typeC .item .infor li{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.bookList_typeC .item .infor li~li{margin-top:14px}
.bookList_typeC .item .infor strong{font-weight:700}
.bookList_typeC .item .btng{margin-top:30px;font-size:0}
.bookList_typeC .item .btng img{vertical-align:top;}
.bookList_typeC .item .btng a{margin-right:7px;height:58px;line-height:58px}

.article_list{border-top:1px solid #cacaca;border-bottom:1px solid #a9a9a9;}
.article_list thead th{height:70px;vertical-align:middle;font-size:20px;font-weight:500;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9;word-break:normal;}
.article_list td{vertical-align:middle;font-size:24px;text-align:left;border-top:1px solid #a9a9a9;word-break:normal;}
.article_list a:hover{text-decoration:underline;text-underline-position:under;color:#136fc4}
.article_list .thumtxt{width:280px;text-align:left}
.article_list .thumtxt div{width:230px;}
.article_list .thumtxt .thum img{width:230px;height:314px;}
.article_list .thumtxt .txt{line-height:26px;margin-top:12px;text-align:center;font-size:18px;font-weight:500}
.article_list .txtg{text-align:left}
.article_list .txtg div{overflow-y:auto;height:434px;}
.article_list .txtg li~li{border-top:1px solid #e1e1e1}
.article_list .txtg a{display:block;height:86px;line-height:86px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.article_list .txtg a:before{position:relative;top:-1px;content:"";display:inline-block;width:16px;height:12px;vertical-align:middle;margin-right:12px;background:url(../images/ic/ic_arrow5.svg) no-repeat 0 0/contain;box-sizing:border-box;}
.article_list .txtg a:hover:before{background:url(../images/ic/ic_arrow5_b.svg) no-repeat 0 0/contain}

.monthly{display:flex;gap:50px;padding-top:30px;margin:30px 0 30px 0;border-top:1px solid #cacaca}
.monthly .thum {width:150px; height: 207px;}
.monthly .thum img{width:100%;height:100%;}
.monthly .cont .infor {font-size: 34px; font-style: normal; font-weight: 700; letter-spacing: -1.7px;margin-top: 25px;}
.monthly .cont .btng {margin-top:25px;}
.txtPara_box._monthly {margin-top:0px;}
.txtPara_box._monthly .txt_list li {display: flex ;justify-content: space-between ;align-items: center;}
.txtPara_box._monthly .tit_h2~.tit_h2 {margin-top: 80px;}
.txtPara_box._monthly .txt_list li a:hover {text-decoration: underline;text-underline-position: under;color: #136fc4;}

.board_list._monthly .cell a {text-overflow: unset; white-space: unset;}
.board_list._monthly tbody th, .board_list td {padding: 15px 6px;}
.board_top._monthly {display: flex ;justify-content: space-between ;align-items: center;}

.monthly_list{display:flex;gap:0 60px;padding-top:30px;margin:30px 0 50px 0;border-top:1px solid #cacaca}
.monthly_list .item{width:25%;border:1px solid #d1d1d1;background:#f7f7f7;box-sizing:border-box;}
.monthly_list .item.type img{height:414px;}
.monthly_list img{width:100%;height:328px;}
.monthly_list .txtg{padding:12px 20px 0}
.monthly_list .tit{font-size:20px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.monthly_list .txt{font-size:18px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}

.topic_list h2{position:relative;padding:19px 0 19px 72px;margin-top:50px;font-size:20px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f9f9f9}
.topic_list h2:before{content:"";position:absolute;top:26px;left:42px;width:22px;height:22px;background:url(../images/ic/ic_arrow3.svg) no-repeat 50% 50%/contain;}
.topic_list h2 strong{text-decoration:underline;text-underline-position:under;font-weight:700}
.topic_list .item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:26px 20px;font-size:24px;border-bottom:1px solid #e1e1e1}
.topic_list .item .nums{width:180px;}
.topic_list .item .tit{width:calc(100% - 360px)}
.topic_list .item .author{width:180px;text-align:right}
.topic_list .item a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.topic_list .item a:hover{text-decoration:underline;text-underline-position:under;color:#136fc4}
.topic_list .item .datag{width:calc(100% - 180px)}
.topic_list .item .datag li{display:flex;flex-wrap:wrap;justify-content:space-between;}
.topic_list .item .datag li~li{margin-top:6px}
.topic_list .item .datag .tit{width:calc(100% - 180px)}

.recomBook_list{display:flex;gap:0 60px}
.recomBook_list .item{width:100%;padding:30px 64px;border:1px solid #e0e0e0;background:#fafafa;box-sizing:border-box;}
.recomBook_list .photo{text-align:center}
.recomBook_list .photo img{width:120px;height:120px;border-radius:100%;border:1px solid #e0e0e0}
.recomBook_list .name{margin-top:12px;text-align:center;font-size:18px}
.recomBook_list .btn{margin-top:12px;}
.recomBook_list .btn a{display:block;height:40px;line-height:40px;text-align:center;color:#fff;font-size:18px;font-weight:500;background:#444;transition:all 0.3s ease-in-out;}
.recomBook_list .btn a:before{position:relative;top:-2px;content:"";display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:middle;background:url(../images/ic/ic_books.svg) no-repeat 50% 50%/contain;}
.recomBook_list .btn a:hover{background:#136fc4}
.recomBook_list .thum{margin-top:30px;}
.recomBook_list .thum img{width:100%;border:1px solid #e0e0e0}
.recomBook_list .tit{line-height:26px;margin-top:6px;font-size:18px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.curatBook_list{display:grid;grid-template-columns:repeat(3, 1fr);gap:50px 42px;padding-top:30px;padding-bottom:50px;border-top:1px solid #cacaca;border-bottom:1px solid #a9a9a9}
.curatBook_list .item{position:relative;}
.curatBook_list .item .chk_box{position:absolute;top:10px;left:10px;z-index:1;}
.curatBook_list .item a{display:block;}
.curatBook_list .thum{position:relative;font-size:0;}
.curatBook_list .thum:before{opacity:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7);transition:all 0.3s ease-in-out;}
.curatBook_list .thum img{width:calc(100%/3);}
.curatBook_list .thum img.single{width:100%;}
.curatBook_list .tit{margin-top:14px;font-weight:500}
.curatBook_list .date{margin-top:12px;font-size:18px;color:#888}
.curatBook_list .dec{opacity:0;position:absolute;top:55%;left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:20px;transform:translate(0,-50%);transition:all 0.3s ease-in-out;}
.curatBook_list .item a:hover .thum:before{opacity:1;}
.curatBook_list .item a:hover .dec{opacity:1;top:50%;}

.thum_list{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;gap:0 21px;border-top:1px solid #e1e1e1}
.thum_list:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#a9a9a9}
.thum_list a:hover{text-decoration:underline}
.thum_list .item{position:relative;padding:30px 0;width:259px;}
.thum_list .item:after{content:"";position:absolute;left:0;bottom:0;width:100vw;height:1px;background:#cacaca}
.thum_list .thum img{width:259px;height:164px;border:1px solid #cfcfcf;box-sizing:border-box;}
.thum_list .tit{height:32px;margin-top:14px;font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-wrap:break-word;}
.thum_list .date{margin-top:6px;font-size:18px;color:#777}

.board_view{position:relative;margin-top:80px;}
.board_view h2{display:none}
.board_view table{border-top:1px solid #cacaca}
.board_view table th,.board_view table td{border-bottom:1px solid #cacaca}
.board_view table th{font-weight:700;color:#444;background:#f9f9f9}
.board_view table td{padding:24px 30px;font-size:24px;}
.board_view .memo{padding:50px 56px;line-height:40px;border-bottom:1px solid #a9a9a9}
.board_view .memo img{max-width:100%}
.board_view .answer{margin-top:81px;}
.board_view .answer .tit{margin-bottom:16px;text-decoration:underline;text-underline-position:under;font-weight:700}
.board_view .files p~p{margin-top:4px}
.board_view .files i{position:relative;top:-2px;margin-right:14px;vertical-align:middle;}
.board_view .files a:hover{text-decoration:underline;text-underline-position:under;}
.board_view .subtit_box{position:relative;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #a9a9a9}
.board_view .subtit_box .cola{width:926px;height:463px;}
.board_view .subtit_box .colb{position:absolute;top:0;right:0;width:400px;}
.board_view .subtit_box .colb .box{height:463px;overflow-y:auto}
.board_view .subtit_box .colb .box .tit{margin-bottom:70px;font-size:28px;font-weight:700;text-decoration:underline}
.board_view .subtit_box .colb .box .dec{line-height:32px;font-size:20px;color:#555}
.board_view .subtit_box.type .cola{width:926px;height:493px;}
.board_view .subtit_box.type .cola img{width:926px;height:493px;}
.board_view .subtit_box.type .colb .box{height:493px;}
.tit_h2 + .board_view{margin-top:0}

.headtxt+.book_view{margin-top:34px}
.book_view{padding-bottom:30px;border-bottom:1px solid #a9a9a9}
.book_view table{border-top:1px solid #cacaca}
.book_view table th,.book_view table td{border-bottom:1px solid #cacaca}
.book_view table th{font-weight:700;color:#444;background:#f9f9f9}
.book_view table td{padding:24px 30px;font-size:24px;}
.book_view .book{position:relative;margin-top:30px;min-height:298px;padding-left:240px;}
.book_view .book .thum{position:absolute;left:0;top:0;}
.book_view .book .thum img{width:200px;height:298px;border:1px solid #cfcfcf;box-sizing:border-box;}
.book_view .book .infor{line-height:28px;padding-top:13px;}
.book_view .book .infor li~li{margin-top:14px}
.book_view .book .infor strong{font-weight:700}
.book_view .book .btng{margin-top:30px;font-size:0}
.book_view .book .btng img{vertical-align:top;}
.book_view .book .btng a{margin-right:7px;height:58px;line-height:58px}
.book_view .tab{padding-top:50px;margin-top:30px;border-top:1px solid #e1e1e1}
.book_view .tab ul{display:flex;}
.book_view .tab a{display:block;width:148px;height:50px;line-height:50px;margin:0 -.5px;font-size:18px;text-align:center;border:1px solid #cdcdcd;}
.book_view .tab .current a{color:#fff;background:#136fc4;border:1px solid #136fc4;}
.book_view .views{text-align:center}
.book_view .views img{max-width:100%}
.book_view .txtg{padding-top:41px;margin-top:41px;border-top:1px solid #e1e1e1;}

.recomBook_view{display:flex;flex-wrap:wrap;margin-top:80px;}
.recomBook_view .cola{width:300px;padding-right:40px;box-sizing:border-box;}
.recomBook_view .colb{width:calc(100% - 300px);padding-left:40px;border-left:1px solid #e3e3e3;box-sizing:border-box;}
.recomBook_view .photo img{width:220px;height:290px;border:1px solid #e4e4e4}
.recomBook_view .name{margin-top:34px;font-size:26px;font-weight:500}
.recomBook_view .name span{display:block;font-size:20px;font-weight:400}
.recomBook_view .btn{margin-top:24px}
.recomBook_view .btn a{display:block;width:220px;height:56px;line-height:56px;text-align:center;font-size:21px;color:#fff;font-weight:500;background:#444;transition:all 0.3s ease-in-out;}
.recomBook_view .btn a:hover{background:#136fc4}
.recomBook_view .dec{margin-top:24px;font-size:18px;line-height:28px}
.recomBook_view .para + h2{margin-top:62px}
.recomBook_view .books + h2{margin-top:71px}
.recomBook_view .books{display:flex;flex-wrap:wrap;align-items:center;margin-top:24px;}
.recomBook_view .books .thum{width:220px}
.recomBook_view .books .thum img{width:220px;height:326px;border:1px solid #e4e4e4}
.recomBook_view .books .memo{width:calc(100% - 220px);line-height:38px;padding-left:46px;box-sizing:border-box;}
.recomBook_view .books .memo span{display:block;margin-top:12px;text-align:right;font-size:18px;}
.recomBook_view .list{display:flex;gap:0 60px;padding-left:33px;margin-top:23px;box-sizing:border-box;}
.recomBook_view .list img{width:294px;height:436px;border:1px solid #e4e4e4}
.recomBook_view .list .tit{margin-top:14px;font-size:20px;font-weight:500}
.recomBook_view .list .author{margin-top:10px;font-size:20px;color:#777}
.recomPreNxt_box{position:relative;margin:50px 0 0 300px;text-align:center;font-size:20px;color:#707070}
.recomPreNxt_box .prev{position:absolute;top:0;left:0;}
.recomPreNxt_box .next{position:absolute;top:0;right:0;}
.recomPreNxt_box .prev:before,.recomPreNxt_box .next:after{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;width:25px;height:25px;background:url(../images/ic/ic_arrow2.svg) no-repeat 50% 50%/contain;}
.recomPreNxt_box .prev:before{margin-right:12px;transform:rotate(180deg);}
.recomPreNxt_box .next:after{margin-left:12px;transform:rotate(0);}

.curatBook_view{margin-top:80px}
.curatBook_view .mainimg .thum img{width:100%}
.curatBook_view .mainimg .tit{margin-top:21px;text-align:center;font-size:26px;font-weight:500}
.curatBook_view .hTit_g{margin-top:65px}
.curatBook_view .btn_listMore{position:relative;margin-top:-1px;}
.curatBook_view .btn_board + .tit_h2{margin-top:69px}
.curatBook_view .hash_g{display:flex;justify-content:space-between;margin:23px 0 50px 0;padding:20px 60px;text-align:center;border:1px solid #c1c1c1;}
.curatBook_view .hash_g .on{text-decoration:underline;text-underline-position:under;font-weight:700;color:#0a6fce}
.curatBook_view .list{display:flex;flex-wrap:wrap;gap:0 40px}
.curatBook_view .list .item{width:calc(100%/3 - 32px)}
.curatBook_view .list .thum{position:relative;}
.curatBook_view .list .thum span{position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);text-align:center;color:#fff}
.curatBook_view .list img{width:100%;}
.curatBook_view .list .tit{margin-top:12px;font-weight:500}
.curatBook_view .list .date{margin-top:8px;font-size:18px;color:#888}

.bookData_view .book{position:relative;margin-top:30px;min-height:298px;padding-left:240px;padding-bottom:25px;margin-bottom:41px;border-bottom:1px solid #e1e1e1}
.bookData_view .book .thum{position:absolute;left:0;top:0;}
.bookData_view .book .thum img{width:200px;height:298px;border:1px solid #cfcfcf;box-sizing:border-box;}
.bookData_view .book .infor h3{padding-bottom:25px;margin-bottom:22px;font-weight:500;border-bottom:1px solid #e1e1e1}
.bookData_view .book .infor .list{display:flex;justify-content:space-between;padding:0 20px;font-size:20px;}
.bookData_view .book .infor .list ul{width:100%}
.bookData_view .book .infor .list li~li{margin-top:7px;}
.bookData_view .book .infor .list ul ul{margin:7px 0 0 23px}
.bookData_view .book .infor .list a:hover{text-decoration:underline;text-underline-position:under;}

.prevnext_ui{margin-top:120px;border-top:1px solid #000;border-bottom:1px solid #000}
.prevnext_ui li{position:relative;height:86px;line-height:86px;padding-left:230px;}
.prevnext_ui li~li{border-top:1px solid #e5e5e5}
.prevnext_ui li span{position:absolute;top:0;left:0;width:200px;height:86px;line-height:86px;padding-left:36px;color:#444;font-weight:500;background:#f9f9f9;box-sizing:border-box;}
.prevnext_ui li a{display:block;font-size:24px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.prevnext_ui li a:hover{text-decoration:underline;text-underline-position:under;}
.prevnext_ui span:before{content:"";position:relative;top:-1px;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:26px;background:url(../images/ic/ic_prevnext.svg) no-repeat 50% 50%/contain;}
.prevnext_ui .next span:before{transform:rotate(180deg);}

.total_pg{position:relative;margin:30px 0 16px 0;}
.total_pg strong{font-weight:700;color:#136fc4}
.total_pg .txt{position:absolute;top:0;right:0}
.boardSearch_g + .total_pg{margin-top:-30px;}

.paging{position:relative;text-align:center;margin:40px auto 0;font-size:0;color:#707070}
.paging ul{display:inline-block;margin:0 44px;vertical-align:middle;}
.paging li{display:inline-block;vertical-align:middle;}
.paging li~li{margin-left:30px}
.paging li a,.paging li strong{position:relative;display:inline-block;font-size:18px;text-align:center;box-sizing:border-box}
.paging li strong a,.paging li strong{font-weight:700;color:#222;text-decoration:underline;text-underline-position:under;}
.paging .prev,.paging .next,.paging .first,.paging .last{position:relative;top:2px;display:inline-block;width:16px;height:16px;vertical-align:middle;font-size:0;text-indent:-5000px;transition:all 0.2s ease-in-out;}
.paging .first,.paging .last{background:url(../images/ic/ic_first.svg) no-repeat 50% 50%/contain;}
.paging .prev,.paging .next{background:url(../images/ic/ic_pre.svg) no-repeat 50% 50%/contain;}
.paging .first:hover,.paging .last:hover{background:url(../images/ic/ic_first_ov.svg) no-repeat 50% 50%/contain;}
.paging .prev:hover,.paging .next:hover{background:url(../images/ic/ic_pre_ov.svg) no-repeat 50% 50%/contain;}
.paging .prev{margin-left:21px;}
.paging .next{transform:rotate(180deg);}
.paging .last{margin-left:21px;transform:rotate(180deg);}

.form table{border-top:1px solid #cacaca}
.form th{font-size:18px;padding:18px;font-weight:700;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9}
.form th strong{margin-right:4px;color:#c40000}
.form th label{font-size:18px}
.form td{font-size:18px;padding:12px 15px;border-bottom:1px solid #cacaca;word-break: break-word;}
.form input:not([type="checkbox"]):not([type="radio"]),.form select,.form textarea{font-size:18px;}
.form input+input{margin-left:20px}
.form select+input,.form input+select{margin-left:20px}
.form textarea{width:100%;height:530px;}
.form input[type="file"]{border:0}
.form .chkg{margin-bottom:-16px;}
.form .chk_box,.form .radio_box{margin-left:0 ! important;margin-right:60px;margin-bottom:16px;}
.form .chk_box:last-child,.form .radio_box:last-child{margin-right:0}
.form .form .col3{font-size:0}
.form .inputg{display:flex;gap:0 60px;font-size:0;}
.form .inputg div{display:flex;align-items:center;}
.form .inputg dt{margin-right:30px;font-size:18px;font-weight:700}
.form .part{display:inline-block;vertical-align:middle;width:21px;margin:0 6px;text-align:center;font-size:24px}
.form span{font-size:24px}
.form .txt{margin-top:12px;font-size:18px;}/* block text */
.form .txt2{vertical-align:middle;margin-left:20px;font-size:18px;}/* inline text */
.form .txt2 label{font-size:18px}
.form .data{font-weight:700;text-decoration:underline;text-underline-position:under;}
.form p.txt + textarea{margin-top:8px}
.form .wide{width:100%;}
.form .size1{width:400px !important;}
.form .size2{width:250px}
.form .size3{width:217px}
.form .size4{width:163px}
.form .size5{width:100px}
.form .hsize1{height:370px}
.form .hsize2{height:140px}
.form .datepicg{display:flex;gap:0 40px;font-size:0;}
.form .datepicg div{width:100%}
.form .datepicg span{display:inline-block;width:90px;vertical-align:middle;font-size:22px;font-weight:500}
.form .datepicg .datepic{width:calc(100% - 90px)}
.form .file_box{position:relative;padding-right:60px;height:50px;}
.form .file_box input{position:relative;top:6px;}
.form .file_box~.file_box{margin-top:5px}
.form .file_box .btnM2{position:absolute;top:0;right:0;}
.form .msg{margin-top:6px;font-size:18px;color:#246beb}

.headtxt+.searchTbl_box{margin-top:71px}
.radioTopic_search+.searchTbl_box{margin-top:50px}
.searchTbl_box{margin-bottom:62px}
.searchTbl_box table{border-top:1px solid #cacaca}
.searchTbl_box th{width:164px;padding:18px;font-weight:700;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9}
.searchTbl_box td{padding:18px 30px 18px 30px;font-size:0;border-bottom:1px solid #cacaca;}
.searchTbl_box select, .searchTbl_box input:not([type="checkbox"]):not([type="radio"]){width:100%;}
.searchTbl_box input:not([type="checkbox"]):not([type="radio"]),.searchTbl_box select,.searchTbl_box textarea{font-size:20px;}
.searchTbl_box .box select{width:200px}
.searchTbl_box .box input{width:calc(100% - 284px) ! important;margin-left:7px;}
.searchTbl_box .box .btn{width:70px;height:50px;margin-left:7px;color:#fff;font-size:20px;font-weight:500;background:#666}
.searchTbl_box .box2 input{width:calc(100% - 77px) ! important;margin-left:0;}
.searchTbl_box .box2 .btn{width:70px;height:50px;margin-left:7px;color:#fff;font-size:20px;font-weight:500;background:#666}
.searchTbl_box .sel3{display:flex;}
.searchTbl_box .sel3 select~select{margin-left:10px}
.searchTbl_box .dateg{display:flex;align-items:center;}
.searchTbl_box .dateg .datepic{width:100% ! important}
.searchTbl_box .dateg span{margin-left:12px;font-size:20px;}
.searchTbl_box .dateg .datepic~.datepic{margin-left:10px}
.searchTbl_box .dateg.type{width:50%}

.tbl_row table{border-top:1px solid #cacaca}
.tbl_row .col_w1{width:200px;}
.tbl_row .col_w2,.tbl_row .col_w3{width:250px;}
.tbl_row .col_w4{width:300px;}
.tbl_row th{padding:18px;font-weight:700;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9}
.tbl_row td{padding:12px 15px;line-height:34px;font-size:18px;border-bottom:1px solid #cacaca;}
.tbl_row th.cell{padding-left:40px;text-align:left}
.tbl_row th strong{font-weight:500;color:#c40000}
.tbl_row strong{font-weight:500}
.tbl_row .em{font-weight:500;color:#c40000}
.tbl_row .fix{position:relative;}
.tbl_row .fixed.btnS1{position:absolute;right:0;top:0;bottom:0;margin:auto 0;}
.tbl_row .fix .posi{position:absolute;right:0;top:0;}
.tbl_row .qr_box{position:relative;min-height:87px}
.tbl_row .qr_box .qr{position:absolute;right:0;top:0;padding-left:30px;border-left:1px solid #ddd}
.tbl_row .img_map{margin-top:35px;}
.tbl_row .img_map img{width:100%}
.tbl_row a:hover{text-decoration:underline;text-underline-position:under;color:#136fc4}
.tbl_row .link_list li{position:relative;padding-right:100px}
.tbl_row .link_list li~li{margin-top:12px}
.tbl_row .link_list li span{position:absolute;top:0;right:0}
.tbl_row .colg_cell > div{display:flex;align-items:center;justify-content:space-between;}
.tbl_row .colg_cell img{display:block;}
.tbl_row .colg_cell img~img{margin-top:12px}
.tbl_row .colg_cell .flex{font-size:0}
.tbl_row .colg_cell .flex img{display:inline-block;}
.tbl_row .colg_cell .flex img~img{margin:2px}
.headtxt+.tbl_row, .txt_list+.tbl_row{margin-top:50px;}
.txt_para+.tbl_row{margin-top:35px}
/* .h1Tit_box+.tbl_row{margin-top:80px} */
.radioTopic_search+.tbl_row{margin-top:80px}
.sms_msg{font-size:18px;}

.tbl_col{border-top:1px solid #000;border-bottom:1px solid #cacaca;}
.tbl_col table{table-layout:fixed;background:#fff;}
.tbl_col thead th{height:60px;vertical-align:middle;font-size:18px;font-weight:500;color:#444;border-bottom:1px solid #cacaca;background:#f9f9f9;word-break:normal;}
.tbl_col tr~tr th{border-top:1px solid #cacaca}
.tbl_col tbody th,.tbl_col td{/*display:table-cell;*//*line-height:32px;*/padding:10px;vertical-align:middle;font-size:18px;text-align:center;border-top:1px solid #cacaca;word-break:normal;}
.tbl_col .cell{text-align:left}
.tbl_col .cell2{padding-right:30px;text-align:right}
.tbl_col .cell3{padding-left:40px;text-align:left}
.tbl_col .em{color:#c40000;}
.tbl_col .em a{position:relative;text-decoration:underline;text-underline-position:under;}
.tbl_col .em a:before{content:"";position:absolute;bottom:2px;left:0;width:3px;height:3px;background:#fff}
.tbl_col .em a:after{content:"";position:absolute;bottom:2px;right:0;width:3px;height:3px;background:#fff}
.tbl_col a:hover{text-decoration:underline;text-underline-position:under;color:#136fc4}
.tbl_col .total{font-weight:500;background:#f9f9f9}
.tbl_col .unique_txt{line-height:34px;}
.tbl_col .unique_txt .tit{margin-top:10px}
.tbl_col .unique_txt .tit span{color:#0047ff;font-weight:500;}
.tbl_col .unique_txt .tit span:before{position:relative;top:-1px;content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:8px;border-radius:100%;background:#0047ff}
.tbl_col .unique_txt .txt{margin-left:16px;}
.tbl_col .unique_txt a{text-decoration:underline}
.tbl_col .unique_txt ul{margin-left:16px;}
.tbl_col .unique_txt li:before{position:relative;top:-1px;content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:8px;border-radius:100%;background:#333}
.tbl_col .part_cell{background:#f9f9f9}
.tbl_col .li{padding:0 10px}
.tbl_col .li li{display:flex;justify-content:space-between;}
.tbl_col .li li~li{margin-top:30px}
.tbl_col .views{position:relative;margin:-1px 0;background:#f7f7f7}
.tbl_col .views > td{padding:0;border:0}
.tbl_col .views > td table th{padding:0;font-size:18px;border:0;background:#dbdbdb;display: table-cell;}
.tbl_col .views > td table td{border:0}
.tbl_col .views > td table tr~tr{border-top:1px solid #e1e1e1}
.tbl_col .txtb{margin-bottom:7px;font-weight:700}
.tbl_col .btng a{margin:2px}
.tbl_col .logosize{width:160px;}
.tbl_col .imgphoto{max-width:100%}
.tbl_col .link{color:#c40000}
.tbl_col .emcolor{color:#136fc4}
.txt_list+.tbl_col,.txt_list2+.tbl_col,.txt_para3+.tbl_col{margin-top:74px}
.radioTopic_search+.tbl_col{margin-top:80px}
.tbl_col+.tbl_col{margin-top:50px}

/* contents */
/* .space{margin-top:71px} */
.space2{margin-top:80px}

.invisible{position:absolute;left:-5000px;height:0;line-height:0;overflow:hidden}

.hTit_g{position:relative;}
.hTit_g .btng{position:absolute;top:0;right:0}
.hTit_g .txt{position:absolute;top:4px;right:0;font-size:18px}
.hTit_g .txt strong{color:#c40000}

.headtxt{line-height:30px;font-size:18px;color:#555;margin-bottom: 20px;}
.headtxt strong{color:#c40000}
.headtxt em{font-weight:700}
.headtxt .em{color:#136fc4}
.headtxt.type{padding-bottom:71px;margin-bottom:71px;border-bottom:1px solid #e1e1e1}
.tabs+.headtxt.type1{margin-top:-40px;}

.headtxt_list{line-height:44px;font-size:26px;color:#555}
.headtxt_list strong{color:#c40000}
.headtxt_list > li{position:relative;padding-left:32px;background:url(../images/ic/ic_arrow3.svg) no-repeat 0 15px;}
.headtxt_list .btns{margin-top:12px}
.headtxt_list ul li{text-indent:-12px;padding-left:12px}

.headtxt_list2{line-height:44px;font-size:26px;color:#555}
.headtxt_list2 strong{color:#c40000}
.headtxt_list2 > li{text-indent:-12px;padding-left:12px}
.tit_h2+.headtxt_list2{margin-left:30px;}

.mark_txt{line-height:44px;text-indent:-32px;padding-left:32px;font-size:20px;color:#555}
.page_ui .mark_txt.sub{font-size:16px;}
.page_ui .mark_txt.sub + .tbl_row{margin-top:20px;}
.page_ui .mark_txt + .container.text-center{margin-top:20px;}
.page_ui .mark_txt + .tbl_col.space{margin-top:20px;}

.notes_box{line-height:38px;margin-bottom:20px;font-size:20px;color:#555}
.notes_box p{position:relative;padding-left:32px;}
.notes_box p:before{content:"";position:absolute;top:14px;left:0;width:20px;height:20px;background:url(../images/ic/ic_refer.svg) no-repeat 50% 50%/contain;}
.notes_box .btn{position:relative;top:-2px;display:inline-block;width:46px;height:26px;line-height:26px;vertical-align:middle;margin-left:12px;text-align:center;border-radius:3px;font-size:16px;color:#fff;background:#136fc4}

.mini_pop{display:none;z-index:99;position:absolute;right:0;width:520px;height:320px;line-height:32px;padding:30px;border-radius:16px;font-size:16px;border:1px solid #cacaca;background:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, .2);box-sizing:border-box;}
.mini_pop .close{position:absolute;top:16px;right:16px;width:32px;height:32px;font-size:0;}
.mini_pop .close:before,.mini_pop .close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:24px;height:2px;background:#333;transform:rotate(45deg);}
.mini_pop .close:after{transform:rotate(-45deg);}

.headtxt + .tabs,.headtxt_list + .tabs{margin-top:34px;}
.h1Tit_box + .tabs{margin-top:-20px;}
/*.tabs{margin-bottom:80px}*/
.tabs ul{display:flex;justify-content:space-between;border-bottom:2px solid #E8E8E8}
.tabs li{width:100%;padding:0 34px;text-align:center;box-sizing:border-box;}
.tabs a{position:relative;display:inline-block;line-height:70px;height:70px;padding:0 13px;font-weight:500;font-size:22px;color:#555;}
.tabs a:hover{font-weight:700;}
.tabs .current a{font-weight:700;color:#136fc4}
.tabs .current a:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:6px;background:#136fc4}
.tabs.type li, .tabs.type a{padding:0;}
.tabs.type02 li{width:auto}

.infographic + .tit_h2{margin-top:100px}
.tit_h2~.tit_h2{margin-top:50px}
.headtxt+.tit_h2{margin-top:62px}
.txt_para3+.tit_h2{margin-top:63px}
.txt_para3+.tit_h2{margin-top:63px}
.h1Tit_box+.tit_h2{margin-top:20px}
.tbl_row+.tit_h2,.tbl_col+.tit_h2{margin-top:20px}
.tit_h2{position:relative;line-height:44px;padding-left:32px;margin:20px 0;font-size:30px;font-weight:700;background:url(../images/ic/ic_arrow3.svg) no-repeat 0 12px;}
.tit_h2 em{position:absolute;margin:10px 0 0 30px;line-height:24px;font-size:18px;color:#c40000}
.titType_h2{position:relative;padding:19px 0 19px 62px;font-size:24px;font-weight:700;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f9f9f9}
.titType_h2:before{content:"";position:absolute;top:30px;left:42px;width:20px;height:14px;background:url(../images/ic/ic_arrow5.svg) no-repeat 50% 50%/contain;}
.titType_h2 strong{color:#136fc4}
.titType_h3{font-size:22px;font-weight:700;letter-spacing:-1.1px;margin:30px 0 26px 33px;}
.titType_h3+.txt_list, .titType_h3+.txt_list2{margin:-8px 0 0 33px;}

.titH2_g{position:relative;}
.titH2_g .posi{position:absolute;top:0;right:0}
.titH2_g > .box {margin-top:20px;}
.titH2_g .box h2{display:inline-block;vertical-align:middle;}
.titH2_g .box .btn_alarm{top:0px;margin-left:20px}
.titH2_g .posi{position:absolute;top:0;right:0}
.titH2_g .posi .txt{vertical-align:middle;font-size:18px;}
.titH2_g .posi .txt+button{margin-left:16px}
.titH2_g select{width:163px;font-size:18px;}

.tit_h3{margin:72px 0  17px 0;font-size:26px;font-weight:700}
.tit_h3 + .txt{position:relative;margin-bottom:27px;font-size:24px;line-height:34px;}
.tit_h3 + .txt .posi{position:absolute;top:0;right:0}

.tit_h2 + .txt_list,.tit_h2 + .txt_list2,.tit_h2 + .para{margin:-8px 0 0 33px}
.txt_list{line-height:34px;}
.txt_list li~li{margin-top:6px;}
.txt_list li{text-indent:-12px;padding-left:12px}
.txt_list strong{font-weight:700;color:#333 ! important}
.txt_list .type{font-weight:500}
.txt_list em{color:#c40000;}
.txt_list ol li{text-indent:-24px;padding-left:24px}
.txt_list .tit{margin:10px 0 6px;font-weight:500;}
.txt_list .txt{margin-left:12px;}
.txt_list > li > ul > li{text-indent:-22px;padding-left:12px;letter-spacing:-1.1px;}
.txt_list .ex{text-indent:-55px;padding-left:55px;}
.txt_list .gap{margin-top:30px;}
.txt_list .refer{padding-left:24px;text-indent:-24px;color:#c40000;}
.txt_list2{line-height:34px;}
.txt_list2 li~li{margin-top:6px;}
.txt_list2 li{position:relative;padding-left:20px}
.txt_list2 li:before{content:"";position:absolute;top:13px;left:0;width:6px;height:6px;background:#333;border-radius:100%;}
.txt_list2 strong{color:#de1818}
.txt_list2 em{font-weight:700}
.txt_list2 .txt_list{margin-left:12px;margin-top:6px}
.txt_list2 .txt_list li{padding-left:0}
.txt_list2 .txt_list li:before{display:none}
.txt_list2 .txt_list strong{font-weight:500}
.txt_list2.gap{margin:32px 0 0 34px}
.txt_list3{line-height:34px;}
.txt_list3 li~li{margin-top:6px;}
.txt_list3 li{text-indent:-25px;padding-left:25px}
.txt_list3 strong{font-weight:700}
.txt_list3 .txt_list{margin-top:6px}
.txt_list3 .txt_list strong{font-weight:500}
.tbl_col+.txt_list3{margin-top:12px;}

.txt_dli{line-height:34px;margin:0 0 0 30px}
.txt_dli dt{margin:6px 0}

.para{font-size:20px;line-height:38px;}
.para strong{font-weight:700;}

.txb_para{margin:18px 0 0 33px}
.txb_para p{margin-top:16px}

.radioTopic_search + .txt_para{margin-top:31px;}
.txt_para{padding-left:32px;line-height:36px;background:url(../images/ic/ic_arrow3.svg) no-repeat 0 9px;}
.txt_para2{line-height:36px;margin:31px 30px;}
.txt_para3{line-height:42px;font-size:26px;color:#555}
.tabs+.txt_para3{margin-top:-50px}

.num_list > li{text-indent:-20px;padding-left:20px}
.num_list > li~li{margin-top:6px;}
.num_list .txt_list2{margin-top:12px;}
.num_list .txt_list2 li{text-indent:0;}

.txtPara_box{padding-top:71px;margin-top:71px;border-top:1px solid #e1e1e1}

.infographic{position:relative;margin-top:50px;text-align:center;font-size:0;}
.infographic img{max-width:100%}
.infographic .longdesc{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;}

.btn_bigView{display:none}

.txt_tbl{margin-top:22px;}
.txt_tbl strong{color:#c40000}
.txt_tbl2{position:relative;margin-bottom:22px;text-align:right;}
.txt_tbl2 .tit_h3{position:absolute;top:0;left:0;margin-top:0}
.txt_para3 + .txt_tbl2{margin-top:64px}

.txt_required{margin-bottom:20px;text-align:right;font-size:18px;}
.txt_required strong{color:#c40000}
.txt_required2{margin:42px 0 75px 70px;}
.txt_required2 strong{color:#246beb}

.radioTopic_search{padding:20px 70px 8px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;background:#f9f9f9}
.radioTopic_search .radio_box,.radioTopic_search .chk_box{margin-left:0 ! important;margin-right:100px;margin-bottom:12px;}
.radioTopic_search .radio_box:last-child,.radioTopic_search .chk_box:last-child{margin-right:0 ! important}
.radioTopic_search.gap{display:flex;flex-wrap:wrap;gap:10px 60px;justify-content:space-between;}
.radioTopic_search.gap .radio_box{margin-right:0}
.radioTopic_search.gap2 .radio_box{margin-right:90px}
.radioTopic_search.alltype{position:relative;}
.radioTopic_search.alltype .cola{position:absolute;}
.radioTopic_search.alltype .colb{padding-left:134px}
.radioTopic_search.alltype .colb ul{display:flex;flex-wrap:wrap;}
.radioTopic_search.alltype .colb li{width:20%}
.tabs+.radioTopic_search{margin-top:-40px;}
.headtxt+.radioTopic_search{margin-top:74px;}

.detailBtn_search{margin:40px 0 80px 0;padding-left:70px}
.detailBtn_search div~div{margin-top:20px;}
.detailBtn_search div{display:flex;flex-wrap:wrap;position:relative;padding-left:145px;}
.detailBtn_search dt{position:absolute;top:4px;left:0;font-weight:700}
.detailBtn_search dd{position:relative;padding-right:11px;margin-right:11px;}
.detailBtn_search dd:after{content:"";position:absolute;top:12px;right:0;width:1px;height:18px;background:#333}
.detailBtn_search dd:last-child{padding-right:0;margin-right:0;}
.detailBtn_search dd:last-child:after{display:none}
.detailBtn_search .on{color:#136fc4;text-decoration:underline;text-underline-position:under;}
.detailBtn_search.notit{margin-bottom:37px}
.detailBtn_search.notit dt{display:none}
.detailBtn_search.notit div{padding-left:0}
.detailBtn_search + .txt{margin:0 0 75px 67px;color:#555}

.abcList_search{margin:34px 0 52px 0;}
.abcList_search ul{display:inline-block;margin:0 -6px;font-size:0}
.abcList_search ul~ul{margin-top:8px;}
.abcList_search li{display:inline-block;margin:6px;}
.abcList_search button{width:40px;height:40px;font-weight:500;font-size:22px;border-radius:3px;border:1px solid #bcbcbc}
.abcList_search .type{width:94px;}
.abcList_search .on{color:#fff;border-color:#136fc4;background:#136fc4}

/* Unique contens */
.icTxt_cons{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:79px}
.icTxt_cons > div{padding:40px;border:1px solid #cecece;border-radius:6px;box-sizing:border-box;}
.icTxt_cons dt{display:flex;align-items:center;font-size:30px;font-weight:700}
.icTxt_cons i{position:relative;width:130px;height:130px;margin-right:40px;font-size:0;}
.icTxt_cons dd{line-height:38px;margin-top:28px;}
.icTxt_cons li{line-height:34px;text-indent:-12px;padding-left:12px}
.icTxt_cons .wide{grid-column: 1 / -1;}
.icTxt_cons i.ic1{background:url(../images/ic/ic_icTxtXCons1.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic2{background:url(../images/ic/ic_icTxtXCons2.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic3{background:url(../images/ic/ic_icTxtXCons3.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic4{background:url(../images/ic/ic_icTxtXCons4.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic5{background:url(../images/ic/ic_icTxtXCons5.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic6{background:url(../images/ic/ic_icTxtXCons6.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic7{background:url(../images/ic/ic_icTxtXCons7.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic8{background:url(../images/ic/ic_icTxtXCons8.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic9{background:url(../images/ic/ic_icTxtXCons9.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic10{background:url(../images/ic/ic_icTxtXCons10.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic11{background:url(../images/ic/ic_icTxtXCons11.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic12{background:url(../images/ic/ic_icTxtXCons12.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic13{background:url(../images/ic/ic_icTxtXCons13.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic14{background:url(../images/ic/ic_icTxtXCons14.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic15{background:url(../images/ic/ic_icTxtXCons15.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic16{background:url(../images/ic/ic_icTxtXCons16.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic17{background:url(../images/ic/ic_icTxtXCons17.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic18{background:url(../images/ic/ic_icTxtXCons18.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic19{background:url(../images/ic/ic_icTxtXCons19.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic20{background:url(../images/ic/ic_icTxtXCons20.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic21{background:url(../images/ic/ic_icTxtXCons21.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic22{background:url(../images/ic/ic_icTxtXCons22.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic23{background:url(../images/ic/ic_icTxtXCons23.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic24{background:url(../images/ic/ic_icTxtXCons24.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic25{background:url(../images/ic/ic_icTxtXCons25.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic26{background:url(../images/ic/ic_icTxtXCons26.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic27{background:url(../images/ic/ic_icTxtXCons27.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic28{background:url(../images/ic/ic_icTxtXCons28.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic29{background:url(../images/ic/ic_icTxtXCons29.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic30{background:url(../images/ic/ic_icTxtXCons30.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic31{background:url(../images/ic/ic_icTxtXCons31.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic32{background:url(../images/ic/ic_icTxtXCons32.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic33{background:url(../images/ic/ic_icTxtXCons33.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic34{background:url(../images/ic/ic_icTxtXCons34.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic35{background:url(../images/ic/ic_icTxtXCons35.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic36{background:url(../images/ic/ic_icTxtXCons36.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic37{background:url(../images/ic/ic_icTxtXCons37.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic38{background:url(../images/ic/ic_icTxtXCons38.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic39{background:url(../images/ic/ic_icTxtXCons39.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.ic40{background:url(../images/ic/ic_icTxtXCons40.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.icV1{background:url(../images/ic/ic_icTxtXConsV1.svg) no-repeat 50% 50%/contain;}
.icTxt_cons i.icV2{background:url(../images/ic/ic_icTxtXConsV2.svg) no-repeat 50% 50%/contain;}

.argos_banner{margin-top:80px;padding:40px;color:#fff;border-radius:6px;background:#223757}
.argos_banner dt{font-size:43px;font-weight:200}
.argos_banner dt:before{content:"";display:inline-block;width:128px;height:65px;vertical-align:middle;margin-right:16px;background:url(../images/lowcontent/logo_argos.png) no-repeat 50% 50%/contain;}
.argos_banner dt:after{content:"";display:inline-block;width:42px;height:42px;vertical-align:middle;margin-left:16px;background:url(../images/lowcontent/img_eyes.png) no-repeat 50% 50%/contain;}
.argos_banner dt span{font-size:34px}
.argos_banner dd{line-height:38px;min-height:112px;padding:12px 0 0 340px;margin-top:20px;background:url(../images/lowcontent/img_argos.png) no-repeat 0 50%;box-sizing:border-box;}

.applyCha_ui{display:flex;gap:0 60px;max-width:1164px;margin:0 auto 71px}
.applyCha_ui .col{width:100%}
.applyCha_ui .cha{padding:49px 70px 40px;border:1px solid #dcdcdc}
.applyCha_ui .cha .year{position:relative;padding-bottom:25px;margin-bottom:14px;border-bottom:1px solid #e6e6e6}
.applyCha_ui .cha .year p{font-size:28px;font-weight:500}
.applyCha_ui .cha .year .btng{position:absolute;top:12px;right:0;}
.applyCha_ui .cha .year .btn{width:20px;height:20px;font-size:0;background:url(../images/ic/ic_arrow4.svg) no-repeat 50% 50%/12px auto;transform:rotate(-90deg);}
.applyCha_ui .cha .year .prev{margin-right:4px;transform:rotate(90deg);}
.applyCha_ui .cha table th{width:calc(100%/7);height:60px;text-align:center;font-weight:500;font-size:24px;}
.applyCha_ui .cha table td{height:60px;text-align:center;font-weight:500;font-size:24px;color:#666}
.applyCha_ui .cha table button{width:38px;height:38px;border-radius:100%;color:#fff;background:#ee7644}
.applyCha_ui .chkg{padding:48px 70px 62px;border:1px solid #d3d3d3;background:#f8f8f8}
.applyCha_ui .chkg p{font-size:26px;}
.applyCha_ui .chkg p~p{margin-top:44px}
.applyCha_ui .chkg p span{margin-left:8px;text-decoration:underline;font-weight:500}
.applyCha_ui .chkg li{height:70px;line-height:68px;padding-left:50px;margin-top:30px;border:1px solid #dedede;background:#fff;box-sizing:border-box;}
.applyCha_ui .chkg li span{display:inline-block;line-height:68px;vertical-align:top;font-size:26px;}
.applyCha_ui .chkg .txt{font-weight:500;}
.applyCha_ui .chkg .chk{margin-left:80px;color:#c40000;font-weight:700}
.applyCha_ui .chkg .chk button{line-height:68px;vertical-align:top;color:#246beb}

.openapi{position:relative;padding-top:40.508%;margin-top:71px;font-size:0;background:url(../images/usermadang/img_openapi.png) no-repeat 50% 50%/contain;}
.openapi a{position:absolute;top:0;left:0;width:100%;height:100%;}

.reviewtxt_g .tit{font-size:20px;text-align:center;font-weight:700;margin-bottom:35px;}
.reviewtxt_g .txt{line-height:38px;font-size:20px;}
.reviewtxt_g .txt~.txt{margin-top:20px;}
.reviewtxt_g .txt strong{color:#3a65bd}

.ceo_ui{display:flex;}
.ceo_ui .cola{width:370px;}
.ceo_ui .colb{width:calc(100% - 370px);padding-left:80px;box-sizing:border-box;}
.ceo_ui .cola .photo{margin-bottom:63px}
.ceo_ui .cola .photo:before{content:"";display:block;height:331px;margin-bottom:18px;background:url(../images/libintroduce/img_ceo.png) no-repeat 50% 50%/contain;}
.ceo_ui .cola .photo span{font-weight:500}
.ceo_ui .cola .photo strong{margin-left:12px;font-size:32px;}
.ceo_ui .cola .txt{margin-left:32px;margin-top:-7px;font-size:20px;line-height:32px;}
.ceo_ui .colb .txt1{font-size:30px;line-height:40px;}
.ceo_ui .colb .txt2{margin-top:63px;font-size:36px;font-weight:700;color:#136fc4}
.ceo_ui .colb .txt3{margin-top:12px;font-size:30px;font-weight:700;}
.ceo_ui .colb .txt4{margin-top:63px;line-height:36px;}

.vision_ui ul{max-width:1076px;min-height:250px;margin:80px auto 0;padding:26px 0 0 360px;font-size:24px;line-height:36px;background:url(../images/libintroduce/img_vision.png) no-repeat 0 50%/contain;box-sizing:border-box;}
.vision_ui li~li{margin-top:4px}

.history_ui .txt{position:relative;margin:0 30px 40px;}
.history_ui .txt span{position:absolute;top:0;right:0}
.history_ui ol{margin-top:80px;}
.history_ui ol > li{min-height:150px;}
.history_ui ol > li~li{margin-top:4px}
.history_ui ol div{position:relative;padding-left:190px;}
.history_ui ol .year{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:0;width:136px;height:136px;border:8px solid #49aab6;border-radius:100%;box-sizing:border-box;}
.history_ui ol .year span{display:inline-block;padding:10px 0;line-height:30px;font-size:30px;font-weight:700;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.history_ui ol .year:after{position:absolute;right:-26px;top:0;bottom:0;margin:auto 0;content:"";display:inline-block;width:0;height:0;vertical-align:middle;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #49aab6;transform:rotate(-90deg);}
.history_ui ol ul{display:flex;align-items:center;flex-wrap:wrap;position:relative;min-height:150px;padding:21px 0 23px 36px;border-left:8px solid #49aab6;box-sizing:border-box;}
.history_ui ol ul li{width:100%}
.history_ui ol ul li~li{margin-top:12px}
.history_ui ol ul:before{content:"";position:absolute;left:-18px;top:62px;width:26px;height:26px;border:4px solid #49aab6;border-radius:100%;background:#fff;box-sizing:border-box;}
.history_ui ol ul span{display:inline-block;min-width:60px;margin-right:10px;font-weight:700}
.history_ui ol > li:nth-child(2) .year,.history_ui ol > li:nth-child(2) ul:before,
.history_ui ol > li:nth-child(10) .year,.history_ui ol > li:nth-child(10) ul:before,
.history_ui ol > li:nth-child(18) .year,.history_ui ol > li:nth-child(18) ul:before
{border-color:#3b7bb6;}
.history_ui ol > li:nth-child(2) .year:after,
.history_ui ol > li:nth-child(10) .year:after,
.history_ui ol > li:nth-child(18) .year:after
{border-top-color:#3b7bb6;}
.history_ui ol > li:nth-child(2) ul,
.history_ui ol > li:nth-child(10) ul,
.history_ui ol > li:nth-child(18) ul
{border-left-color:#3b7bb6}
.history_ui ol > li:nth-child(3) .year,.history_ui ol > li:nth-child(3) ul:before,
.history_ui ol > li:nth-child(11) .year,.history_ui ol > li:nth-child(11) ul:before,
.history_ui ol > li:nth-child(19) .year,.history_ui ol > li:nth-child(19) ul:before
{border-color:#8649b6;}
.history_ui ol > li:nth-child(3) .year:after,
.history_ui ol > li:nth-child(11) .year:after,
.history_ui ol > li:nth-child(19) .year:after
{border-top-color:#8649b6;}
.history_ui ol > li:nth-child(3) ul,
.history_ui ol > li:nth-child(11) ul,
.history_ui ol > li:nth-child(19) ul
{border-left-color:#8649b6}
.history_ui ol > li:nth-child(4) .year,.history_ui ol > li:nth-child(4) ul:before,
.history_ui ol > li:nth-child(12) .year,.history_ui ol > li:nth-child(12) ul:before,
.history_ui ol > li:nth-child(20) .year,.history_ui ol > li:nth-child(20) ul:before
{border-color:#dd5083;}
.history_ui ol > li:nth-child(4) .year:after,
.history_ui ol > li:nth-child(12) .year:after,
.history_ui ol > li:nth-child(20) .year:after
{border-top-color:#dd5083;}
.history_ui ol > li:nth-child(4) ul,
.history_ui ol > li:nth-child(12) ul,
.history_ui ol > li:nth-child(20) ul
{border-left-color:#dd5083}
.history_ui ol > li:nth-child(5) .year,.history_ui ol > li:nth-child(5) ul:before,
.history_ui ol > li:nth-child(13) .year,.history_ui ol > li:nth-child(13) ul:before,
.history_ui ol > li:nth-child(21) .year,.history_ui ol > li:nth-child(21) ul:before
{border-color:#f66717;}
.history_ui ol > li:nth-child(5) .year:after,
.history_ui ol > li:nth-child(13) .year:after,
.history_ui ol > li:nth-child(21) .year:after
{border-top-color:#f66717;}
.history_ui ol > li:nth-child(5) ul,
.history_ui ol > li:nth-child(13) ul,
.history_ui ol > li:nth-child(21) ul
{border-left-color:#f66717}
.history_ui ol > li:nth-child(6) .year,.history_ui ol > li:nth-child(6) ul:before,
.history_ui ol > li:nth-child(14) .year,.history_ui ol > li:nth-child(14) ul:before,
.history_ui ol > li:nth-child(22) .year,.history_ui ol > li:nth-child(22) ul:before
{border-color:#ffba09;}
.history_ui ol > li:nth-child(6) .year:after,
.history_ui ol > li:nth-child(14) .year:after,
.history_ui ol > li:nth-child(22) .year:after
{border-top-color:#ffba09;}
.history_ui ol > li:nth-child(6) ul,
.history_ui ol > li:nth-child(14) ul,
.history_ui ol > li:nth-child(22) ul
{border-left-color:#ffba09}
.history_ui ol > li:nth-child(7) .year,.history_ui ol > li:nth-child(7) ul:before,
.history_ui ol > li:nth-child(15) .year,.history_ui ol > li:nth-child(15) ul:before,
.history_ui ol > li:nth-child(23) .year,.history_ui ol > li:nth-child(23) ul:before
{border-color:#a5ba22;}
.history_ui ol > li:nth-child(7) .year:after,
.history_ui ol > li:nth-child(15) .year:after,
.history_ui ol > li:nth-child(23) .year:after
{border-top-color:#a5ba22;}
.history_ui ol > li:nth-child(7) ul,
.history_ui ol > li:nth-child(15) ul,
.history_ui ol > li:nth-child(23) ul
{border-left-color:#a5ba22}
.history_ui ol > li:nth-child(8) .year,.history_ui ol > li:nth-child(8) ul:before,
.history_ui ol > li:nth-child(16) .year,.history_ui ol > li:nth-child(16) ul:before,
.history_ui ol > li:nth-child(24) .year,.history_ui ol > li:nth-child(24) ul:before
{border-color:#50bf29;}
.history_ui ol > li:nth-child(8) .year:after,
.history_ui ol > li:nth-child(16) .year:after,
.history_ui ol > li:nth-child(24) .year:after
{border-top-color:#50bf29;}
.history_ui ol > li:nth-child(8) ul,
.history_ui ol > li:nth-child(16) ul,
.history_ui ol > li:nth-child(24) ul
{border-left-color:#50bf29}

.nodata_txt{margin-top:32px;text-align:center}

.ci_ui .logo_box{position:relative;padding-left:528px;}
.ci_ui .logo_box:before{content:"";position:absolute;top:0;left:0;width:448px;height:128px;background:url(../images/libintroduce/ci_logo.png) no-repeat 0 50%/contain;}
.ci_ui .logo_box .txt{font-size:24px;line-height:36px;}
.ci_ui .logo_box .btns{margin-top:64px}
.ci_ui .symbol_box{display:flex;margin-top:90px;}
.ci_ui .symbol_box .col{width:100%}
.ci_ui .symbol_box .col~.col{padding-left:50px;border-left:1px solid #ddd}
.ci_ui .symbol_box .img1{width:547px;height:138px;margin-left:36px;font-size:0;background:url(../images/libintroduce/ci_mark.png) no-repeat 0 50%/contain;}
.ci_ui .symbol_box .img2{width:437px;height:120px;margin-left:36px;font-size:0;background:url(../images/libintroduce/ci_logo2.png) no-repeat 0 50%/contain;}
.ci_ui .img3{margin:88px 0 91px 0;padding-top:19.638%;font-size:0;background:url(../images/libintroduce/ci_color.png) no-repeat 0 50%/contain;}
.ci_ui .imgTxt1_box,.ci_ui .imgTxt2_box,.ci_ui .imgTxt3_box{position:relative;padding:20px 0 0 380px;line-height:40px;box-sizing:border-box;}
.ci_ui .imgTxt1_box:before,.ci_ui .imgTxt2_box:before,.ci_ui .imgTxt3_box:before{content:"";position:absolute;left:0;top:0;}
.ci_ui .imgTxt1_box{min-height:201px}
.ci_ui .imgTxt1_box:before{width:312px;height:201px;background:url(../images/libintroduce/ci_70.png) no-repeat 0 50%/contain;}
.ci_ui .imgTxt2_box{min-height:338px}
.ci_ui .imgTxt2_box:before{width:418px;height:338px;background:url(../images/libintroduce/ci_60.png) no-repeat 0 50%/contain;}
.ci_ui .imgTxt3_box{min-height:217px}
.ci_ui .imgTxt3_box:before{width:254px;height:217px;background:url(../images/libintroduce/ci_50.png) no-repeat 0 50%/contain;}

.orgChart_ui{margin-top:50px}
.orgChart_ui .had{position:relative;display:flex;align-items:center;justify-content:center;width:166px;height:166px;margin:0 auto;font-size:24px;font-weight:700;color:#fff;border-radius:100%;background:#0066A6}
.orgChart_ui .had span{display:block;}
.orgChart_ui .had span:before{content:"";display:block;width:50px;height:50px;margin:0 auto 6px;background:url(../images/ic/ic_logoimg.svg) no-repeat 0 50%/contain;}
.orgChart_ui .had:after{content:"";position:absolute;bottom:-100px;left:0;right:0;margin:0 auto;width:1px;height:100px;background:#c8d3db}
.orgChart_ui .list{position:relative;display:flex;gap:0 24px;margin-top:100px;background:#fff}
.orgChart_ui .list:after{content:"";position:absolute;top:-45px;left:0;right:0;width:100%;height:1px;background:#c8d3db}
.orgChart_ui .list > li{position:relative;width:100%;padding:16px;text-align:center;border:1px solid #c8d3db;font-size:18px;border-radius:6px;box-sizing:border-box;}
.orgChart_ui .list > li:after{z-index:2;content:"";position:absolute;top:-46px;left:0;right:0;margin:0 auto;width:1px;height:45px;background:#c8d3db}
.orgChart_ui .list > li:first-child:before,.orgChart_ui .list > li:last-child:before{z-index:1;content:"";position:absolute;top:-50px;width:50%;height:20px;background:#fff}
.orgChart_ui .list > li:last-child:before{left:50%;}
.orgChart_ui .list > li:first-child:before{right:50%}
.orgChart_ui .list a{display:block;line-height:50px;}
.orgChart_ui .list p{margin-bottom:8px}
.orgChart_ui .list p a{color:#fff;font-weight:500;border-radius:30px;background:#8b979f}
.orgChart_ui .list > li li{border-bottom:1px solid #8b979f}
.orgChart_ui .list > li li~li{margin-top:8px;}
.orgChart_ui .list p .current{background:#aeb6bc}
.orgChart_ui .list ul .current{background:#e6f0f7}
.orgChart_ui .views{display:none;opacity:0;margin-top:30px;transition:all 0.3s ease-in-out;}
.orgChart_ui .views.open{display:block;}
.orgChart_ui .views.open.fade{opacity:1;}
.orgChart_ui .views h2{margin-bottom:23px;font-size:30px;font-weight:700}
.orgChart_ui .views .tbl_col{border-top:0}
.orgChart_ui .views .tbl_col thead th{border-bottom:0}
.orgChart_ui .views .tbl_col tr:nth-child(1) td{border-top:0}
.orgChart_ui .views .box{padding:32px 30px;border:1px solid #c8d3db;border-radius:8px;}
.orgChart_ui .views .box h2{margin-bottom:10px;font-size:28px;color:#0066a6}
.orgChart_ui .views .box dl{padding-left:4px}
.orgChart_ui .views .box dt{position:relative;font-weight:500;font-size:26px;}
.orgChart_ui .views .box dt:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto 0;width:100%;height:1px;background:#0066a6}
.orgChart_ui .views .box dt span{z-index:1;position:relative;display:inline-block;padding-right:10px;background:#fff}
.orgChart_ui .views .box dt span:before{content:"";display:inline-block;width:14px;height:18px;margin-right:10px;background:url(../images/ic/ic_doc.svg) no-repeat 0 50%/contain;}
.orgChart_ui .views .box dd{margin-top:11px;line-height:32px;color:#555}
.orgChart_ui .views h3{margin:30px 0 23px 0;font-size:30px;font-weight:700}

.imgGroup_ui{margin-top:30px;padding-bottom:30px;border-bottom:1px solid #a9a9a9;}
.imgGroup_ui a{display:block;}
.imgGroup_ui a:hover img{border-color:#3a65bd}
.imgGroup_ui img{width:258px;height:164px;border:2px solid transparent;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.imgGroup_ui .slick-slide{padding:0 11px;}
.imgGroup_ui .slick-arrow{z-index:1;position:absolute;top:0;bottom:0;margin:auto 0;width:40px;height:40px;font-size:0;background:url(../images/ic/ic_sArrow.svg) no-repeat 0 50%/contain;}
.imgGroup_ui .slick-prev{left:-50px;}
.imgGroup_ui .slick-next{right:-60px;transform:rotate(180deg);}

.txtgBtn_box{position:relative;padding-bottom:75px;margin-bottom:71px;border-bottom:1px solid #e1e1e1}
.txtgBtn_box span{font-weight:700}
.txtgBtn_box li~li{margin-top:13px}
.txtgBtn_box em{text-decoration:underline;text-underline-position:under;}
.txtgBtn_box div{position:absolute;top:0;right:0;font-size:0}
.txtgBtn_box div a~a{margin-left:10px}

.eventThum_ui{padding-top:30px;border-top:1px solid #e1e1e1}
.eventThum_ui #mainImg{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e1e1e1;text-align:center}
.eventThum_ui #mainImg img{max-width:100%;width:1140px;}
.eventThum_ui .thumbnail{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:16px}
.eventThum_ui .thumbnail img{width:100%}

.txtCment_box{margin:0 0 72px 30px;padding-bottom:77px;font-size:24px;border-bottom:1px solid #e1e1e1}
.txtCment_box p{margin-bottom:12px;font-weight:700}

.agreProc_box{margin-bottom:70px;}
.agreProc_box h2{padding-left:30px;font-size:30px;font-weight:700;background:url(../images/ic/ic_pay.svg) no-repeat 0 50%/24px auto;}
.agreProc_box h3{margin:15px 0 12px 30px;font-weight:500;color:#136fc4}
.agreProc_box h3:before{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;margin-right:8px;width:6px;height:6px;border-radius:100%;background:#136fc4}
.agreProc_box .dig1,.agreProc_box .dig2{height:60px;font-size:0;}
.agreProc_box .dig1{margin-bottom:13px;background:url(../images/libintroduce/agreProc_dig1.png) no-repeat 0 50%/contain;}
.agreProc_box .dig2{background:url(../images/libintroduce/agreProc_dig2.png) no-repeat 0 50%/contain;}
.btnAgp_box{margin:22px 0 72px 30px;}
.btnAgp_box a~a{margin-left:12px}

.councilHis_box .box{display:grid;grid-template-columns:440px 1fr;gap:0 40px}
.councilHis_box .box~.box{margin-top:20px;}
.councilHis_box .tit{margin-left:30px;border-right:1px solid #e1e1e1}
.councilHis_box .tit span{font-weight:400}
.councilHis_box h3{margin-bottom:14px;font-size:24px;font-weight:700;}
.councilHis_box ul{line-height:38px}
.councilHis_box .list+.list{margin-top:31px}
.councilHis_box .list{font-weight:500}
.councilHis_box .list > li{text-indent:-12px;padding-left:12px;}
.councilHis_box .list ul li{text-indent:-19px;padding-left:19px;font-weight:400}
.councilHis_box .list2 li{text-indent:-19px;padding-left:19px;}
.councilHis_box h4{margin-top:31px;}
.councilHis_box h5{margin-left:8px}

.conferImg_ui .had{margin-bottom:30px}
.conferImg_ui  img{width:100% ! important}
.conferImg_ui .thumg{display:grid;grid-template-columns:1fr 1fr;}
.conferImg_ui .thumg .box{margin-top:30px;padding-bottom:30px;border-bottom:1px solid #e1e1e1}
.conferImg_ui .thumg .box:nth-child(odd){padding-right:8px;}
.conferImg_ui .thumg .box:nth-child(even){padding-left:8px;}
.conferImg_ui .thumg ul{margin:19px 0 0 16px}
.conferImg_ui .thumg .txt1{font-size:40px;font-weight:700}
.conferImg_ui .thumg .txt2{margin-top:22px;font-size:30px;color:#9f9f9f}
.conferImg_ui .thumg .txt3{margin-top:45px;font-size:16px;color:#444}
.conferImg_ui .tit_h2{margin-top:71px;}
.conferImg_ui .thumg2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.conferImg_ui .thumg2.col2{grid-template-columns:1fr 1fr;justify-self:center;}
.conferImg_ui .thumg2 .tit{margin-top:22px;text-align:center;font-size:30px;font-weight:700}

.cfVideo_box{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:30px 0;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca}
.cfVideo_box .video{width:926px;height:493px;}
.cfVideo_box .veiwInfoTxt{height:493px;overflow-y:auto}
.cfVideo_box .veiwInfoTxt h3{margin-bottom:60px;font-size:28px;font-weight:700;text-decoration:underline;text-underline-position:under;}
.cfVideo_box .veiwInfoTxt div{line-height:32px;font-size:20px;color:#555}

.cfTraffic_box{margin-top:80px}
.cfTraffic_box .tit{line-height:70px;text-align:center;font-size:20px;font-weight:700;border-bottom:1px solid #cacaca;background:#f9f9f9}
.cfTraffic_box .box{padding:30px}
.cfTraffic_box .infor dt{margin-bottom:12px;font-size:24px;font-weight:700}
.cfTraffic_box .infor dd~dd{margin-top:11px}
.cfTraffic_box .img{margin-top:80px}
.cfTraffic_box .img img{max-width:100%}
.cfTraffic_box .refer{margin:80px 0 0  40px}
.cfTraffic_box .refer li~li{margin-top:11px}
.cfTraffic_box + .txtCment_box{margin-top:72px}

/* 도서관이용 */
.mobileImg_box{text-align:center;margin-top:50px;}
.mobileImg_box img, .leafletImg_box img{max-width:100%;}
.leafletImg_box{width:100%;margin-top:50px;background:#f4f4f4;padding:60px 20px;text-align:center;box-sizing:border-box;}
.dataRoom_link .dl_list{display:flex;flex-wrap: wrap;border-top:1px solid #CACACA;margin-bottom:50px;}
.dataRoom_link .dl_list dt, .dataRoom_link .dl_list dd{padding:25px;border-bottom:1px solid #CACACA;box-sizing:border-box;}
.dataRoom_link .dl_list dt{color:#444;font-weight:700;background:#F9F9F9;width:200px;text-align:center;}
.dataRoom_link .dl_list dd{width:calc(100% - 200px);color:#707070;}
.dataRoom_link .dl_list dd a{position:relative;color:#333;font-weight:500;font-size:24px;}
.dataRoom_link .dl_list dd a~a{padding-left:20px;margin-left:20px;}
.dataRoom_link .dl_list dd a~a:before{content:'';position:absolute;left:0;top:6px;width:1px;height:24px;background:#111;}
.dataRoom_link .dl_list dd a.current{color:#136FC4;font-weight:700;}
.dataRoom_view .img{margin:50px 0;text-align:center}
.dataRoom_view .img img{max-width:100%;}
.dataRoom_view .tit_h2 .btnxS1{margin-left:17px}
.dataRoom_view .img.col3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px;}
.dataRoom_view .tit_h2 .btnxS1{font-weight:400 !important;position:relative;top:-5px;}
.dataRoom_view .txt_list > li > ul{margin:6px 0;}
.dataRoom_view .icTxt_cons i.ic101{background:url(../images/ic/ic_icTxtXCons101.svg) no-repeat 50% 50%/contain;}
.dataRoom_view .txt_list .icTxt_cons{margin:20px 0 20px -45px;}
.contact_ui{margin-top:80px}
.contact_ui .img{margin-top:34px}
.contact_ui .img img{width:100%;}
.reference_go{margin-top:80px;display:flex;height:240px;}
.reference_go div{width:calc(100%/3 - (2px/3));color:#fff;}
.reference_go > div ~div{margin-left:1px;}
.reference_go div:nth-child(1){display:flex;flex-wrap:wrap;}
.reference_go div:nth-child(2){background:url(../images/libintroduce/reference_09_02_02.svg) no-repeat 20px 30px #0066A6;padding:150px 20px 0;}
.reference_go div:nth-child(3){background:#0084C4;}
.reference_go div p{font-size:30px;font-weight:600;letter-spacing:-1px;}
.reference_go div .p_go{position:relative;}
.reference_go div .p_go:before, .reference_go div .p_go:after{content:'';position:absolute;top:50%;right:20px;margin:auto 0;width:10px;height:2px;background:#fff}
.reference_go div .p_go:before{margin-top:-3px;transform:rotate(45deg);}
.reference_go div .p_go:after{margin-top:3px;transform:rotate(-45deg);}
.reference_go div:nth-child(1) p{width:100%;background:url(../images/libintroduce/reference_09_02_01.svg) no-repeat 20px 30px #003764;line-height:117px;height:117px;border-bottom:1px solid #fff;padding-left:165px;}
.reference_go div:nth-child(3) p{background:url(../images/libintroduce/reference_09_02_03.svg) no-repeat 20px 30px;height:117px;border-bottom:1px solid #fff;padding:35px 0 0 165px;box-sizing:border-box;letter-spacing:-3px;}
.reference_go div a{font-size:26px;display:block;padding:20px;color:rgb(255,255,255,0.9);box-sizing:border-box;font-weight:400;height:123px;}
.reference_go div a~a{margin-left:1px;}
.reference_go div:nth-child(1) a{width:calc(50% - 0.5px);background:#003764;}

/* popup */
.pop_container{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;}
.pop_container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7)}
.pop_container .popup{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));padding:24px;border-radius:10px;background:#fff;box-sizing:border-box;}
.pop_container .had{position:relative;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e1e1e1}
.pop_container .had h1{line-height:36px;font-size:26px;font-weight:700}
.pop_container .had .close{position:absolute;top:0;right:0;width:36px;height:36px;font-size:0;border-radius:2px;border:1px solid #cfcfcf}
.pop_container .had .close:before,.pop_container .had .close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:14px;height:2px;background:#333;transform:rotate(45deg);}
.pop_container .had .close:after{transform:rotate(-45deg);}
.pop_container.full .popup{height:calc(100% - 40px)}
.pop_container.full .body{height:calc(100% - 95px)}
.pop_container .pop_tit{padding:9px 16px;margin-bottom:20px;text-align:center;color:#fff;font-weight:700;font-size:20px;background:#020b3d}
.pop_container #stepLongdesc{font-size:0}
.pop_container .step_box{height:calc(100% - 60px);overflow-y:scroll}
.pop_container .step_box img{width:100%}
.pop_container .ticket_box ol{display:flex;text-align:center}
.pop_container .ticket_box li{display:flex;align-items:center;justify-content:center;position:relative;width:176px;height:260px;font-size:24px;font-weight:500;border:1px solid #cacaca;background:#f9f9f9}
.pop_container .ticket_box li~li{margin-left:46px;}
.pop_container .ticket_box li~li:before{content:"";position:absolute;left:-38px;width:30px;height:30px;background:url(../images/ic/ic_stepArr.svg) no-repeat 50% 50%/contain;}
.pop_container .ticket_box li strong{display:block;margin-bottom:12px;text-decoration:underline;color:#000}
.pop_container .ticket_box .txt1{position:relative;margin:33px 0 0 12px;padding-left:21px;font-size:22px;}
.pop_container .ticket_box .txt1:before{content:"";position:absolute;top:16px;left:0;width:5px;height:5px;border-radius:100%;background:#000}
.pop_container .ticket_box .txt1 strong{font-weight:700}
.pop_container .ticket_box .txt2{margin-left:33px;text-indent:-26px;padding-left:26px;font-size:22px;}
.pop_container .ticket_box .txt2 strong{font-weight:700}
.pop_container .ticket_box img{width:314px;}
.pop_container .pay_tbl{overflow:hidden;;width:1072px;height:100%}
.pop_container .pay_tbl h2{padding:9px 16px;text-align:center;color:#fff;font-weight:700;font-size:20px;background:#020b3d}
.pop_container .pay_tbl span{display:block;text-align:right;font-size:16px;font-weight:400}
.pop_container .pay_tbl .tbl{height:calc(100% - 104px);overflow-x:hidden;overflow-y:scroll}
.pop_container .pay_tbl .tbl .col_size{width:200px;}
.pop_container .pay_tbl table{width:calc(100% + 2px);margin-left:-1px;}
.pop_container .pay_tbl table thead th{height:70px;vertical-align:middle;font-size:20px;font-weight:500;color:#444;border:1px solid #e1e1e1;background:#f9f9f9;word-break:normal;}
.pop_container .pay_tbl table tbody th,.pop_container .pay_tbl table td{line-height:32px;padding:25px 20px;vertical-align:middle;font-size:24px;text-align:center;border:1px solid #e1e1e1;word-break:normal;}
.pop_container .pay_tbl .txt{margin-top:12px}
.pop_container .txt_refer{margin-top:12px;font-size:24px;color:#C40000;}
.pop_container .pay_tbl.appli h2{padding:20px 16px;}
.pop_container .pay_tbl.appli table tbody th{font-weight:700;color:#444;background:#f9f9f9;}
.pop_container .pay_tbl.appli td.cell{text-align:left;}

.mt_50 {margin-top:50px;}
.flex_type1 {display:flex;flex-direction:row;align-items:center;}

.date_range_separator{ display: inline-block; flex-shrink: 0; margin: 0 5px; font-size: 16px;}
.mySearch_g.mobile_custom .boardSearch_g{ gap: 10px; align-items: flex-end}
.mySearch_g.mobile_custom .total{ display: flex; align-items: center; flex-shrink: 0; min-height: 38px}
.mySearch_g.mobile_custom .boardSearch_g .wrap { display: flex; align-items: center; justify-content: flex-end}

.btn_close_wrapper {width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin-top:6px;}
.btn_close_wrapper .btn.close {padding:20px;display:flex;position:relative;align-items:center;justify-content:center;background:#fff !important;margin-left:0 !important;}
.btn_close_wrapper .btn.close:before, .btn.close:after {content: "";position: absolute;top: 0;bottom: 0;margin: auto 0;width: 10px;height: 2px;right: 50%;background: #333;}
.btn_close_wrapper .btn.close:before {transform: rotate(45deg);}
.btn_close_wrapper .btn.close:after {transform: rotate(-45deg);right: calc(50% - 6px);}
.btn_close_wrapper.active .btn.close:before{transform:rotate(-45deg);}
.btn_close_wrapper.active .btn.close:after{transform:rotate(45deg);}
.btn_close_wrapper.mobile {display:none;}

.only_pc {display:flex !important;}

.pc_tab_line {display: grid !important; grid-template-columns: repeat( 6,1fr)}

@media (max-width: 1400px) {
	/* Default font : 18px, font scope : 16px ~ 20px */
/* 	.only_mobile {display:flex !important;} */
	.only_pc {display:none !important;}

	.chk_box,.radio_box{line-height:18px;}
	.chk_box label,.radio_box label{padding-left:26px;font-size:18px;cursor:pointer;}
	.chk_box label:before,.radio_box label:before{top:4px;width:18px;height:18px;}

	.btnD1, .btnD2, .btnD3, .btnD4{font-size:18px ! important;}

	/* board */
	.boardSearch_g select,.boardSearch_g input,.boardSearch_g .btn,.boardSearch_g .label{font-size:16px}
	.boardSearch_g .selectg2 .chk_box{margin-left:0}
	.boardSearch_g .selectg2 .btnM1{margin:0 10px}
	.boardSearch_g .selectg2 select{width:110px}
	.boardSearch_g .col{display:block;margin-bottom:7px}
	.boardSearch_g .col select{margin-right:0}

	.video_list .item .tit{font-size:20px;}
	.video_list .item .data{font-size:16px}
	.video_list .item .data span~span:before{top:6px}

	.faq_list dt{line-height:42px;font-size:20px}
	.faq_list dd{line-height:32px;font-size:18px}

	.bookList_typeA .colb{position:static;width:auto;margin-top:30px;}
	.bookList_typeA .tit{line-height:34px;font-size:20px;}
	.bookList_typeA .infor{line-height:32px;font-size:18px;}
	.bookList_typeA .infor li{text-indent:-6px;padding-left:6px;}
	.bookList_typeA dt{font-size:20px;}
	.bookList_typeA dd{line-height:32px;font-size:18px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
	.bookList_typeA dd.more{display:block;text-align:center}
	.bookList_typeA dd.more button{text-decoration:underline;text-underline-position:under;}
	.bookList_typeA dd.more button:after{position:relative;top:-2px;content:"";display:inline-block;width:12px;height:12px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_arrow4.svg) no-repeat 50% 50%/contain;}
	.bookList_typeA dl.open dd{-webkit-line-clamp:10;}
	.bookList_typeA dl.open dd.more button:after{transform:rotate(180deg);}

	.bookList_typeB{gap:0 40px}
	.bookList_typeB .item{width:calc(20% - 32px)}
	.bookList_typeB .thum img{width:100%;height:auto;}

	.bookList_typeC .item{width:100%}

	.article_list td{font-size:20px}

	.monthly_list{gap:0 20px}
	.monthly_list img{height:auto ! important;}
	.monthly_list .txtg{padding:12px}
	.monthly_list .tit{font-size:18px;}
	.monthly_list .txt{font-size:16px}

	.topic_list .item{font-size:20px}

	.recomBook_list{gap:0 20px}
	.recomBook_list .item{padding:20px}
	.recomBook_list .btn a{font-size:16px}
	.recomPreNxt_box{margin-left:0}

	/*.curatBook_list .item{width:calc(100%/3 - 28px);}*/
	.curatBook_list .thum img{height:auto}
	.curatBook_list .dec{font-size:16px}

	.thum_list .item{width:calc(20% - 17px)}
	.thum_list .thum img{width:100%;height:auto;}

	.paging li a, .paging li strong{font-size:16px}

	.board_view .memo{line-height:32px;}
	.board_view .subtit_box .cola{margin:0 auto}
	.board_view .subtit_box .colb{position:relative;width:auto;margin-top:30px;}
	.board_view .subtit_box .colb .box{height:300px ! important}

	.book_view table td{font-size:18px}

	.recomBook_view{display:block;}
	.recomBook_view .cola{display:flex;width:100%;padding:0;margin-bottom:60px}
	.recomBook_view .cola .box{margin-left:30px}
	.recomBook_view .name{margin-top:0;font-size:22px;}
	.recomBook_view .name span{font-size:16px;}
	.recomBook_view .dec{line-height:24px;font-size:16px;}
	.recomBook_view .colb{width:100%;padding:0;border:0}
	.recomBook_view .list{gap:0 30px}
	.recomBook_view .list .item{width:256px}
	.recomBook_view .list img{width:256px;height:375px;}

	.curatBook_view .mainimg .tit{font-size:20px}
	.curatBook_view .list{gap:0 20px}
	.curatBook_view .list .item{width: calc(100% / 3 - 14px);}
	.curatBook_view .list .date{font-size:14px}

	.bookData_view .book .infor .list{flex-wrap:wrap;padding:0;font-size:18px;}
	.bookData_view .book .infor .list ul{width:50%}
	.bookData_view .book .infor .list ul~ul{margin-top:8px}

	.form th label{font-size:18px}
	.form .cell{font-size:18px}
	.form input:not([type="checkbox"]):not([type="radio"]), .form select, .form textarea{width:100%;font-size:18px;}
	.form select+input, .form input+select{margin-left:0;}
	.form .col3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
	.form .part{display:none}
	.form #fNum{width:100px ! important}
	.form #fGender1{width:100px ! important}
	.form #fGender2{width:100px ! important}
	.form .inputg{flex-wrap:wrap;gap:20px}
	.form .inputg div{width:clac(50% - 10px)}
	.form .inputg .size5{width:100px ! important}
	.form .txt2.res{display:block;margin-top:12px;margin-left:0}
	.form .datepicg{display:block;}
	.form .datepicg div{display:flex;align-items:center;}
	.form .datepicg div~div{margin-top:8px}
	.form .datepicg span{font-size:18px;}

	.searchTbl_box th{width:100px ! important;padding-left:12px;padding-right:12px;}

	.tbl_col thead th,.tbl_col .cell,.tbl_col td,.tbl_row th,.tbl_row td{font-size:18px;}
	.tbl_row .col_w1,.tbl_row .col_w2{width:160px}

	/* contents */
	.headtxt{line-height:32px;font-size:20px;}
	.headtxt_list{line-height:32px;font-size:20px;}
	.headtxt_list > li{background-size:20px auto;background-position:0 8px}
	.headtxt_list2{line-height:32px;font-size:20px;}
	.headtxt_list2 > li{text-indent:-9px;padding-left:9px;}
	.notes_box{line-height:32px;font-size:20px;}
	.notes_box p:before{top:6px}
	.mark_txt{line-height:32px;text-indent:-22px;padding-left:22px;font-size:20px;}

	.tabs a{position:static;display:flex;align-items:center;justify-content:center;line-height:24px;padding:0;font-size:20px}
	.tabs li{position:relative;padding:0;}
	.tabs.type a{padding:12px 0}

	.tit_h2{line-height:34px;margin-bottom:12px;font-size:20px;padding-left:28px;background-size:20px auto;background-position:0 8px}
	.tit_h2 em{position:static;display:block;margin:6px 0 0 0;line-height:22px;font-size:14px;}
	.titType_h2{font-size:20px;}

	.titH2_g .posi .chk_box label:before{top:4px}
	.titH2_g .box .btn_alarm{top:1px}
	.titH2_g .posi{position:relative;margin-bottom:12px;text-align:right}

	.tit_h3{font-size:20px;}
	.tit_h3 + .txt{font-size:18px;line-height:28px;}

	.para{line-height:28px;font-size:18px;}

	.txt_para3{line-height:32px;font-size:20px;}

	.txt_list{line-height:28px;}
	.txt_list li{text-indent:-9px;padding-left:9px}

	.radioTopic_search.alltype .cola{position:static;}
	.radioTopic_search.alltype .colb{padding-left:0}
	.radioTopic_search.alltype .colb ul{gap:0 30px}
	.radioTopic_search.alltype .colb li{width:auto}
	.radioTopic_search.gap{display:block;}
	.radioTopic_search.gap .radio_box{margin-right:50px}

	/* Unique contens */
	.icTxt_cons dt{font-size:20px}
	.icTxt_cons dd{line-height:32px;}
	.icTxt_cons i{width:100px;height:100px;margin-right:20px}
	.txt_list .icTxt_cons{margin-left:-42px;}

	.applyCha_ui{gap:0 20px}
	.applyCha_ui .cha{padding:20px}
	.applyCha_ui .cha .year p{font-size:20px}
	.applyCha_ui .cha table th,.applyCha_ui .cha table td{font-size:18px}
	.applyCha_ui .chkg{padding:20px 20px 44px}
	.applyCha_ui .chkg p{font-size:20px}
	.applyCha_ui .chkg li span{font-size:18px}

	.reviewtxt_g .tit{font-size:18px;}
	.reviewtxt_g .txt{font-size:18px;}

	.ceo_ui .cola .photo strong{font-size:26px}
	.ceo_ui .cola .txt{font-size:18px}
	.ceo_ui .colb{padding-left:40px}
	.ceo_ui .colb .txt1{font-size:26px}
	.ceo_ui .colb .txt2{font-size:30px}
	.ceo_ui .colb .txt3{font-size:26px}

	.vision_ui ul{font-size:20px;}

	.ci_ui .logo_box .txt{font-size:20px;}
	.ci_ui .symbol_box{display:block;}
	.ci_ui .symbol_box .col~.col{margin-top:60px;padding-left:0;border:0;}

	.orgChart_ui .had{font-size:20px}
	.orgChart_ui .list{gap:0 6px}
	.orgChart_ui .list > li{padding:10px 6px;font-size:16px}
	.orgChart_ui .views .box h2,.orgChart_ui .views h3{font-size:20px}
	.orgChart_ui .views .box dt{font-size:18px}

	.imgGroup_ui .slick-prev{left:-10px;}
	.imgGroup_ui .slick-next{right:-10px;}

	.councilHis_box .box{grid-template-columns:320px 1fr;}

	.conferImg_ui .thumg .txt1{font-size:30px}
	.conferImg_ui .thumg .txt2,.conferImg_ui .thumg2 .tit{font-size:20px}
	.conferImg_ui .thumg .txt3{font-size:14px}

	.cfVideo_box{display:block;}
	.cfVideo_box .video{width:auto;height:auto;}
	.cfVideo_box .veiwInfoTxt{margin-top:30px;}

	/* 도서관 이용안내 */
	.reference_go div:nth-child(3) p{background-size:80px auto;padding-left:110px;background-position:20px 43px;font-size:26px}
	.reference_go div a{font-size:22px;}

	/* popup */
	.pop_container.full .popup{width:96%;}
	.pop_container .ticket_box li{width:108px;height:150px;font-size:18px}
	.pop_container .ticket_box .txt1,.pop_container .ticket_box .txt2{font-size:18px;}
	.pop_container .ticket_box .txt1:before{top:12px}
	.pop_container .pay_tbl{width:auto}
	#appliPop .popup{width:96%;}

	.titH2_g.mob_col_rev {display:flex;flex-direction:column-reverse;}
}

/* @media (max-width: 1000px) {
	.boardSearch_g.curation {flex-direction:column;align-items:end;width:100%;max-width:100%;gap:6px;}
}
 */
@media (max-width: 840px) {
	.space,.space2{margin-top:10px;flex-direction: column;align-items: end;gap: 10px;}

	.flex_type1 {flex-direction:column-reverse; width: 100%; gap:4px;}
	.flex_type1 > .mobile_100p select {width: calc(30% - 5px);}
	.flex_type1 > .mobile_100p input {flex:1;}
	.search_el.mobile {display:flex;width:100%;}
	.search_el.hide.mobile {display:none !important;}
	.btn_close_wrapper.mobile {width:100%;position:relative;display:flex !important;align-items:center;justify-content:center;margin-top:6px;}
	.mobile_100p {width:100% !important;margin:0 !important;}
	.mobile_flex {display:flex;}
	.boardSearch_g .selectg2 {margin-bottom:8px !important;}
	.boardSearch_g.curation {flex-direction:column;align-items:end;width:100%;max-width:100%;margin:20px 0 10px;}

	#curation_tab_list{position:relative;width:960px;margin:40px auto 0}
	#curation_tab_list .slick-arrow{position:absolute;top:0;bottom:0;margin:auto 0;width:34px;height:24px;font-size:0;background:url(../images/ic/ic_sArr.svg) no-repeat 50% 50%/contain}
	#curation_tab_list .slick-prev{left:0}
	#curation_tab_list .slick-next{right:0;transform:rotate(180deg);}
	#curation_tab_list{width:100%;}
 	/* #curation_tab_list .slick-slide {margin: 0 20px;} */
	#curation_tab_list .slick-list {margin: 0 40px;}

	.only_pc {display:none !important;;}
}

/* mobile */
@media (max-width: 767px) {
	/* Default font : 14px, font scope : 12px ~ 16px */
	body{font-size:14px;}

	/* form */
	select{height:38px;padding-left:10px;font-size:14px ! important;background-position:right 10px center}
	input:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {height:38px !important;padding:0 10px;font-size:14px ! important;}
	input[type=file]{height:26px ! important;}
	textarea{padding:12px;font-size:14px ! important}
	.datepic{margin-right:-20px;}
	.datepic + button{top:0;left:-10px;}
	.datepic + button img{width:20px;height:20px;}

	.radio_box,.chk_box{line-height:16px;}
	.radio_box label:before,.chk_box label:before{top:4px;width:16px;height:16px}
	.chk_box label:before{top:5px;}
	.radio_box label,.chk_box label{padding-left:20px;font-size:14px;}

	/* button */
	.btnD1, .btnD2, .btnD3, .btnD4, .btnD5{min-width:50px;height:38px;line-height:38px ! important;padding:0 8px;font-size:12px ! important;font-weight:500 ! important}
	.btnD1 i{width:18px;height:18px}
	.btnD1 .ic_wr{width:12px;height:12px}

	.btnM1,.btnM2,.btnM3,.btnM4,.btnM5{height:38px;line-height:36px ! important;padding:0 8px;font-size:12px ! important}
	.btnM1 .ic_down,.btnM1 .ic_print,.btnM1 .ic_xls{width:14px;height:14px;margin-right:4px}
	.btnM3.arrow{padding-right:24px;}
	.btnM3.arrow:before, .btnM3.arrow:after{right:12px;width:6px;height:2px;}
	.btnM3.arrow:before{margin-top:-3px;}
	.btnM3.arrow:after{margin-top:1px;}
	.btnM3 .ic_down{width:14px;height:14px;margin-right:4px}

	.btnS1,.btnS2,.btnS3,.btnS4{min-width:82px;height:34px;padding:0 6px;line-height:32px ! important;font-size:12px ! important}
	.btnS1:before{top:0;width:14px;height:14px;}
	.btnS2.target:after{width:14px;height:14px;}
	.btnS2.toggle:after{top:0;width:8px;height:8px}

	.btnxS1{height:28px;line-height:28px ! important;padding:0 6px;font-size:12px ! important;}
	.btnxS1 .ic_down{width:14px;height:14px;margin-right:4px}

	.btn_adobe{width:166px;height:25px}
	.btn_app{width:72px;height:24px;}
	.btn_gplay{width:76px;height:24px;}

	.btn_listMore,.btn_listMore button{height:38px;font-size:14px}
	.btn_listMore button:after{position:relative;top:-2px;width:10px;height:6px;margin-left:4px;}
	.btn_listMore button.on:after{position:relative;top:-2px;width:10px;height:6px;margin-left:4px;}
	.btn_like{width:18px;height:18px;}

	.btn_alarm{width:56px;height:22px;padding:0 10px;font-size:12px}
	.btn_alarm span{top:0}
	.btn_alarm:before{width:18px;height:18px;}
	.btn_alarm.off:before{right:35px;}
	button.wd_full {width:100%;}
	a.wd_full {width:100%;}

	/* icon */
	.ic_file, .ic_hwp, .ic_pdf, .ic_doc, .ic_etc, .ic_img, .ic_more, .ic_ppt, .ic_xls{width:18px;height:18px;}
	.ic_file{width:12px;height:14px;}

	/* board */
	.boardSearch_g{display:flex;align-items:center;width:auto;max-width:480px;min-height:auto;text-align:left}
	.boardSearch_g .label{margin-left:0;margin-right:4px;font-size:12px;}
	.boardSearch_g .chk_box label{font-size:12px;}
	.boardSearch_g .chk_box label:before{top:1px}
	.boardSearch_g .btn{width:50px;height:38px;margin-left:4px;font-size:12px;}
	.mySearch_g.both .btnM2{width:50px;height:38px;margin-left:4px;font-size:12px;}
	.mySearch_g.mob_col .btnM2{width:50px;height:38px;margin-left:4px;font-size:12px;}
	.boardSearch_g select{height:38px;width:110px;margin-right:4px;font-size:12px;}
	.boardSearch_g input[type=text]{width:136px;font-size:12px;}
	.boardSearch_g .selectg{position:static;display:flex;gap:4px;align-items:center;margin-bottom:4px;}
	.boardSearch_g .selectg select{width:100%;margin:0}
	.boardSearch_g .selectg.type{justify-content:flex-end}
	.boardSearch_g .selectg.type select{width:120px;}
	.boardSearch_g .selectg2{position:static;margin-bottom:4px;text-align:right}
	.boardSearch_g .datepic{width:118px !important}
	.boardSearch_g .part{margin:0 4px}
	.boardSearch_g .col span{margin:0 4px 0 0;font-size:12px}
	.boardSearch_g .col select{width:calc(100% - 232px);margin-left:4px;margin-right:0}
	.boardSearch_g .col.only{text-align:right}
	.headtxt + .boardSearch_g,.radioTopic_search + .boardSearch_g,.h1Tit_box + .boardSearch_g{margin-top:20px}
	.boardSearch_g.curation {gap:0;}
	.curatBook_list {grid-template-columns: repeat(2, 1fr);}

	.mySearch_g.mobile_custom{ align-items: flex-end}
	.mySearch_g.mobile_custom .boardSearch_g{ flex-flow: column}
	.mySearch_g.mobile_custom .boardSearch_g .txt{ margin-bottom: 0; font-size: 12px}
	.mySearch_g.mobile_custom .boardSearch_g .datepic{ width: 90px !important; padding: 0 5px; font-size: 12px !important; margin-right: -13px}
	.mySearch_g.mobile_custom .boardSearch_g .datepic + button{ width: 13px; height: 13px; left: -5px}
	.mySearch_g.mobile_custom .boardSearch_g .datepic + button img{ width: 100%; height: auto}
	.mySearch_g.mobile_custom .boardSearch_g select{ font-size: 12px !important;}
	.date_range_separator{ font-size: 12px; margin: 0 3px}
	
	.titSearch_g .boardSearch_g{position:relative;}

	.board_list table thead th,.board_list table tbody th, .board_list table td{height:auto;line-height:12px;}
	.board_list colgroup{display:none}
	.board_list thead{display:none}
	.board_list .notice{background:#f9f9f9}
	.board_list .notice td{background:none}
	.board_list .notice td.num:before{display:none}
	.board_list .num{display:none ! important}
	.board_list .notice .num{position:relative;top:-3px;display:inline-block ! important;margin-right:5px;}
	.board_list .notice .num span{display:none}
	.board_list .cell{background:none}
	.board_list .cell span.tit,.board_list .cell2 span.tit{display:none}
	.board_list .cell:before,.board_list .cell2:before{display:none;}
	.board_list tr{overflow:hidden;display:block;padding:14px 0;border-bottom:1px dashed #ddd}
	.board_list tr:last-child{border-bottom:0}
	.board_list td{position:relative;display:block;height:auto;padding:0 0 0 12px;margin-right:12px;border:0;font-size:12px;text-align:left;box-sizing:border-box;color:#333}
	.board_list td:before{content:none;}
	.board_list td~td{margin-top:6px}
	.board_list .cell,.board_list .cell2{width:100%;margin-bottom:8px;font-weight:500;line-height:18px;font-size:14px;}
	.board_list .cell a{text-decoration:underline;line-height:18px;font-size:14px;}
	.board_list.mylibList .cell a{text-decoration:none;}
	.board_list.mylibList .cell a:hover{text-decoration:underline;font-weight: 500;}
	.board_list .cell2 a{text-decoration:underline;line-height:18px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-wrap:break-word;}
/*	.board_list span.tit{position:relative;display:inline-block;min-width:48px;padding-right:10px;margin-right:10px;font-size:12px;color:#666;font-weight:400;margin-bottom:6px;}*/
	.board_list span.tit:after{content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background:#999}
	.board_list .part span{display:none}
	.board_list .part:before{display:none;}
	.board_list .part{display:inline-block;height:auto;padding:2px 4px 2px 2px;margin:0 0 4px 12px;font-size:11px;border:1px solid #cacaca;background:#f9f9f9}
	.board_list .file,.board_list .hit{display:none}
	.board_list .file i{width:18px;height:18px;}
	.board_list .files{border-top:0}
	.board_list .files:before,.board_list .files span{display:none}
	.board_list td.type{display:block;}
	.board_list i{vertical-align:middle;}
	.board_list .nodata{text-align:center}
	.board_list .nodata:before{display:none}
	.board_list .nodata span{display:none}
	.board_list .infor span{font-size:12px}
	.board_list.mylibDetailList .infor span{font-size:12px;}
	.board_list.mylibDetailList .infor span~span:before{top:5px;height:10px;}
	.board_list .infor span~span{padding-left:12px;margin-left:12px}
	.board_list .infor span~span:before{top:4px;height:10px}
	.board_list .date + .cell2{margin-top:8px}
	.board_list .thumg{padding:0;margin-bottom:12px;}
	.board_list .thumg .tit,.board_list .thumg:before{display:none}
	.board_list .thumg span{margin-left:20px;line-height:22px;font-size:14px;font-weight:500}
	.board_list .explan{line-height:22px;font-size:14px;}
	.board_list .explan .tit, .board_list .explan:before,.board_list td.btns .tit,.board_list td.btns:before,.board_list td.chk .tit,.board_list td.chk:before,.board_list .thum_cell .tit,.board_list .thum_cell:before{display:none;}
	.board_list .btns{margin-top:12px;text-align:center;display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:column;}
	.board_list.mo_line{border-top:0}
	.board_list .likenum{margin-left:10px}
	.board_list .thum_cell{margin-bottom:12px}
	.board_list .thum_cell a{padding-left:220px;min-height:129px}
	.board_list .thum_cell .thum img{width:200px;height:129px}
	.board_list .thum_cell .subject{line-height:20px;font-size:16px}
	.board_list .thum_cell .period,.board_list .thum_cell .place{font-size:12px;}
	.board_list .button_wrapper {display:flex;gap:4px;}
	.board_list .like {text-align: end;}
	.tbl_row+.board_list{margin-top:20px;}
	.tbl_col{overflow-y:auto}
	.tbl_col.scroll{overflow-y:auto;max-height:70vh;}

	.video_list .item a{display:block;}
	.video_list .item .thum{max-width:100%;margin-right:0;margin-bottom:16px;}
	.video_list .item .tit{font-size:16px;}
	.video_list .item .memo{font-size:14px}
	.video_list .item .data{margin-top:20px;font-size:12px}
	.video_list .item .data span~span{margin-left:12px;padding-left:12px}
	.video_list .item .data span~span:before{top:6px;height:8px}

	.faq_list dt{min-height:auto;padding:12px 12px 12px 32px;line-height:22px;font-size:14px;}
	.faq_list dt:before{top:12px;left:4px;width:21px;height:21px;}
	.faq_list dt:after{right:12px;width:8px;height:8px;}
	.faq_list dd{padding:0 12px 12px;line-height:22px;font-size:14px;}

	.bookList_typeA .item{padding:12px 0}
	.bookList_typeA .cola{width:auto;min-height:106px;padding-left:80px;}
	.bookList_typeA .colb{margin-top:20px}
	.bookList_typeA .thum img{width:72px;height:106px}
	.bookList_typeA .infor{position:static;}
	.bookList_typeA .tit{height:58px;line-height:24px;padding-top:12px;font-size:16px;box-sizing:border-box;}
	.bookList_typeA .infor{margin-left:-80px;margin-top:32px;line-height:22px;font-size:14px;}
	.bookList_typeA .infor li{text-indent:-6px;padding-left:6px;}
	.bookList_typeA dt{font-size:16px;}
	.bookList_typeA dd{margin-top:6px;line-height:22px;font-size:14px;}
	.bookList_typeA dd.more button:after{top:0;width:10px;height:10px;}

	.bookList_typeB{gap:0 20px}
	.bookList_typeB .item{width:calc(100%/3 - 14px)}
	.bookList_typeB .thum img{height:auto;}
	.bookList_typeB .tit{line-height:22px;height:48px;margin-top:6px;font-size:14px}
	.bookList_typeB .ahor{margin-top:6px;font-size:12px}
	.bookList_typeB .year{margin-top:6px;font-size:12px}
	.bookList_typeB .tit2{line-height:22px;font-size:14px}

	.bookList_typeC .item{min-height:106px;padding-left:84px;}
	.bookList_typeC .item .thum img{width:72px;height:106px}
	.bookList_typeC .item .infor{padding-top:0;line-height:22px;}
	.bookList_typeC .item .infor li{text-indent:-7px;padding-left:7px;}
	.bookList_typeC .item .infor li~li{margin-top:4px;}
	.bookList_typeC .item .btng{margin:20px 0 0 -80px;text-align:center}
	.bookList_typeC .item .btng a{height:32px;line-height:32px}
	.bookList_typeC .item .btng img{height:32px;}

	.article_list thead th{display:none}
	.article_list tr{display:block;}
	.article_list tbody,.article_list tr,.article_list td{display:block;width:100% ! important}
	.article_list td{border:0;}
	.article_list .thumtxt{padding-top:20px;text-align:center}
	.article_list .thumtxt div{width:auto}
	.article_list .thumtxt .txt{font-size:12px}
	.article_list .txtg div{height:194px}
	.article_list .txtg a{line-height:38px;height:38px;font-size:14px;}
	.article_list .txtg a:before{width:8px;height:8px;margin-right:4px;}

	.monthly_list{flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:30px;padding-top:20px}
	.monthly_list .item{width:calc(50% - 5px);}

	.topic_list h2{padding:12px 12px 12px 42px;font-size:16px;}
	.topic_list h2:before{left:16px;top:16px;width:18px;height:18px}
	.topic_list .item{padding:12px 0;font-size:14px;}
	.topic_list .item .nums{width:70px;font-size:12px;}
	.topic_list .item .author{width:100%;font-size:12px;color:#777}
	.topic_list .item .tit{width:calc(100% - 70px);}
	.topic_list .item .datag{width:calc(100% - 70px);}
	.topic_list .item .datag li~li{margin-top:4px}
	.topic_list .item .datag .tit{width:100%;}

	.recomBook_list{flex-wrap:wrap;gap:20px}
	.recomBook_list .item{width:calc(100%/2 - 10px)}
	.recomBook_list .photo,.recomBook_list .name{display:inline-block;margin:0}
	.recomBook_list .name{margin-left:6px;font-weight:500}
	.recomBook_list .photo img{width:96px;height:96px}
	.recomBook_list .tit{line-height:24px;font-size:14px;}
	.recomBook_list .thum{display:inline-block;}
	.recomBook_list .thum img{width:120px;height:182px}
	.recomBook_list .tit{display:inline-block;width:calc(100% - 132px);margin:0 0 0 6px;-webkit-line-clamp:4;}
	.recomBook_list .btn a{font-size:14px;}

	.curatBook_list{gap:20px}
	.curatBook_list .item{width:100%;}
	.curatBook_list .date{margin-top:4px;font-size:12px}
	.curatBook_list .dec{font-size:14px}

	.thum_list{gap:0 20px}
	.thum_list .item{width:calc(100%/3 - 14px)}
	.thum_list .thum img{height:auto;}
	.thum_list .tit{height:22px;margin-top:6px;font-size:14px}
	.thum_list .date{margin-top:6px;font-size:12px}

	.board_view{margin-top:30px}
	.board_view h2{display:block;padding-bottom:16px;text-align:center;font-size:16px;font-weight:500}
	.board_view colgroup{display:none}
	.board_view tr:first-child{display:none}
	.board_view table td{padding:12px 6px;font-size:12px;}
	.board_view table th{width:66px;padding:2px;font-size:12px;}
	.board_view .files i{width:12px;height:12px;margin-right:4px}
	.board_view .memo{padding:20px 4px;line-height:24px;}
	.board_view .answer{margin-top:40px}

	.book_view table td{padding:12px 6px;font-size:12px;}
	.book_view table th{width:66px;padding:2px;font-size:12px;}
	.book_view .book{min-height:106px;padding-left:84px;}
	.book_view .book .thum img{width:72px;height:106px}
	.book_view .book .infor{padding-top:0;line-height:22px;}
	.book_view .book .infor li{text-indent:-7px;padding-left:7px;}
	.book_view .book .infor li~li{margin-top:4px;}
	.book_view .book .btng{margin:20px 0 0 -80px;text-align:center}
	.book_view .book .btng a{height:32px;line-height:32px ! important}
	.book_view .book .btng img{height:32px;}
	.book_view .tab{padding-top:30px}
	.book_view .tab li{width:100%}
	.book_view .tab a{width:auto;height:32px;line-height:32px;font-size:12px;}
	.book_view .views{margin-top:12px}
	.book_view .txtg{padding-top:20px;margin-top:20px}
	.board_view .subtit_box{margin-top:0}
	.board_view .subtit_box .cola{width:auto;height:auto;}
	.board_view .subtit_box .colb .box{height:200px ! important;}
	.board_view .subtit_box .colb .box .tit{margin-bottom:12px;font-size:16px;}
	.board_view .subtit_box .colb .box .dec{line-height:24px;font-size:14px;}
	.board_view .subtit_box.type .cola{width:auto;height:auto}
	.board_view .subtit_box.type .cola img{width:100%;height:auto}

	.recomBook_view{margin-top:30px}
	.recomBook_view .photo{width:96px}
	.recomBook_view .photo img{width:96px;height:134px}
	.recomBook_view .cola{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #cacaca}
	.recomBook_view .cola .box{width:calc(100% - 96px);margin-left:0;padding-left:12px;box-sizing:border-box;}
	.recomBook_view .name{height:52px;padding-top:20px;font-size:16px;}
	.recomBook_view .name span{font-size:12px;}
	.recomBook_view .btn a{width:100%;height:38px;line-height:38px;font-size:14px;}
	.recomBook_view .dec{margin-top:12px;margin-left:-108px;line-height:22px;font-size:14px;}
	.recomBook_view .para + h2,.recomBook_view .books + h2{margin-top:20px}
	.recomBook_view .books{align-items:flex-start;margin-top:12px}
	.recomBook_view .books .thum{width:96px;}
	.recomBook_view .books .thum img{width:96px;height:146px;}
	.recomBook_view .books .memo{width: calc(100% - 106px);padding-left:10px;line-height:22px}
	.recomBook_view .books .memo span{font-size:12px}
	.recomBook_view .list{gap:0 10px;padding-left:0;margin-top:12px}
	.recomBook_view .list .item{width:98px;}
	.recomBook_view .list img{width:98px;height:148px;height:auto}
	.recomBook_view .list .tit{font-size:12px}
	.recomBook_view .list .author{font-size:12px}
	.recomPreNxt_box{font-size:14px}
	.recomPreNxt_box .prev,.recomPreNxt_box .next{top:6px;}
	.recomPreNxt_box .prev:before, .recomPreNxt_box .next:after{width:16px;height:16px;}
	.recomPreNxt_box .prev:before{margin-right:4px;}
	.recomPreNxt_box .next:after{margin-left:4px;}

	.curatBook_view{margin-top:0}
	.curatBook_view .mainimg .tit{margin-top:12px;font-size:14px}
	.curatBook_view .hash_g{display:block;margin:12px 0 20px;padding:12px;}
	.curatBook_view .hash_g a{display:inline-block;margin:4px 20px}
	.curatBook_view .list .thum span{font-size:12px}

	.bookData_view .book{padding-left:90px}
	.bookData_view .book .thum img{width:72px;height:106px}
	.bookData_view .book .tit_h2{position:relative;top:30px;height:110px;box-sizing:border-box;}
	.bookData_view .book .infor h3{padding-bottom:16px;margin:0 0 12px -90px;}
	.bookData_view .book .infor{padding-top:0;line-height:22px;}
	.bookData_view .book .infor .list{margin-left:-90px;font-size:14px;}
	.bookData_view .book .infor .list li~li{margin-top:2px}
	.bookData_view .book .infor .list ul ul{margin:2px 0 0 12px}

	.prevnext_ui{margin-top:40px}
	.prevnext_ui li{padding-left:76px;height:42px;line-height:42px;}
	.prevnext_ui li span{width:68px;height:42px;line-height:42px;padding-left:6px;}
	.prevnext_ui span:before{width:10px;height:10px;margin-right:4px}
	.prevnext_ui li a{font-size:14px}

	.paging{margin-top:24px}
	.paging ul{margin:0 20px}
	.paging li~li{margin-left:20px}
	.paging li a,.paging li strong{font-size:12px;}
	.paging .prev,.paging .next,.paging .first,.paging .last{width:12px;height:12px;}
	.paging .prev,.paging .last{margin-left:10px}

	.total_pg{margin-top:16px}
	.total_pg .txt{font-size:11px}
	.boardSearch_g + .total_pg{margin-top:16px;}

	.form{padding-bottom:16px;border-bottom:1px solid #cacaca}
	.form table{border:0;}
	.form tbody{display:block;}
	.form tr{display:block;}
	.form tr~tr{margin-top:10px}
	.form th{display:block;padding:0 0 12px 0;text-align:left;font-size:14px;border:0;background:none}
	.form th label{font-size:14px;}
	.form td{display:block;height:auto;padding:0 0 14px 0;}
	.form tr:last-child td{border:0}
	.form .cell{font-size:14px}
	.form .col3{gap:4px;}
	.form .chkg{margin-bottom:-6px}
	.form .chk_box,.form .radio_box{margin-right:20px;margin-bottom:6px;}
	.form .inputg dt{min-width:60px;font-size:14px;}
	.form textarea{height:280px;}
	.form .hsize1{height:220px;}
	.form .txt{font-size:12px}
	.form .txt2 label{font-size:12px}
	.form .data{font-size:14px}
	.form .txt2{margin-left:6px;font-size:12px}
	.form .txt2.res{margin-top:6px;}
	.form .datepicg div~div{margin-top:4px}
	.form .datepicg span{font-size:14px}
	.form .file_box{height:38px;}
	.form .msg{font-size:12px}

	div+.searchTbl_box{margin-top:30px ! important}
	.searchTbl_box{margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid #cacaca}
	.searchTbl_box colgroup{display:none}
	.searchTbl_box table{border:0;}
	.searchTbl_box label{font-size:14px;}
	.searchTbl_box tbody{display:block;}
	.searchTbl_box tr{display:block;}
	.searchTbl_box tr~tr{margin-top:10px}
	.searchTbl_box th{display:block;padding:0 0 12px 0;text-align:left;font-size:14px;border:0;background:none}
	.searchTbl_box td{display:block;padding:0 0 16px 0;border-color:#eee}
	.searchTbl_box tr:last-child td{border:0}
	.searchTbl_box .box select{width:120px}
	.searchTbl_box .box input{width:calc(100% - 127px) ! important}
	.searchTbl_box .box .btn,.searchTbl_box .box2 .btn{display:block;width:100%;height:38px;margin:12px 0 0 0;font-size:14px;}
	.searchTbl_box .box2 input{width:100% ! important;margin-left:0}
	.searchTbl_box .dateg span{margin-left:12px}
	.searchTbl_box .dateg.type{width:auto}

	.tbl_col table{min-width:720px}
	.tbl_col table.size{min-width:767px}
	.tbl_col thead th{height:42px;font-size:14px;}
	.tbl_col tbody th, .tbl_col td{padding:12px;line-height:18px;font-size:14px;}
	.tbl_col .cell{font-size:14px}
	.tbl_col .cell2{padding-right:12px;}
	.tbl_col .cell3{padding-left:12px;}
	.tbl_col .unique_txt{line-height:22px}
	.tbl_col .unique_txt .tit span:before{width:4px;height:4px;margin-right:4px}
	.tbl_col .unique_txt li:before{width:4px;height:4px;margin-right:4px;}
	.tbl_col .li{padding:0}
	.tbl_col .li li~li{margin-top:4px}
	.tbl_col.noscroll table{min-width:100%}
	.tbl_col.responce table{min-width:100%}
	.tbl_col.responce thead{display:block}
	.tbl_col.responce tr{display:block}
	.tbl_col.responce td{display:block;padding:6px 12px}
	.tbl_col.responce th{display:flex;align-items:center;justify-content:center;}
	.tbl_col .logosize{width:100px;}
	.txt_list+.tbl_col,.txt_list2+.tbl_col,.txt_para3+.tbl_col{margin-top:20px}
	.radioTopic_search+.tbl_col,.tbl_col+.tbl_col{margin-top:30px}

	.tbl_row.scroll{overflow-y:auto}
	.tbl_row.scroll table{min-width:720px}
	.tbl_row .col_w1,.tbl_row .col_w2,.tbl_row .col_w4{width:100px}
	.tbl_row .col_w3{width:120px}
	.tbl_row th{padding:12px 6px;}
	.tbl_row th, .tbl_row td{padding:12px;line-height:24px;font-size:14px;}
	.tbl_row .em{font-size:12px}
	.tbl_col .em a:before{content:"";position:absolute;bottom:1px;left:0;width:2px;height:2px;background:#fff}
	.tbl_col .em a:after{content:"";position:absolute;bottom:1px;right:0;width:2px;height:2px;background:#fff}
	.tbl_row.responce table{border:0;}
	.tbl_row.responce tbody{display:block;}
	.tbl_row.responce tr{display:block;}
	.tbl_row.responce tr~tr{margin-top:10px}
	.tbl_row.responce th{position:relative;display:block;padding:0 0 6px 0;text-align:left;font-size:14px;border:0;background:none}
	.tbl_row.responce td{display:block;padding:0 0 16px 0;border-color:#eee}
	.tbl_row .fix .btnS1{position:static;margin-top:6px;}
	.tbl_row .fix .posi{position:static;top:6px;}
	.tbl_row .qr_box .qr{position:relative;padding:0;margin-top:12px;border:0;}
	.tbl_row .qr_box .qr br{display:none}
	.tbl_row .qr_box .qr img{width:40px;height:auto}
	.tbl_row .img_map{margin-top:12px}
	.tbl_row th.cell{padding-left:20px}
	.tbl_col .views > td table th{font-size:12px}
	.tbl_row .colg_cell{text-align:center}
	.tbl_row .colg_cell > div{display:block;}
	.tbl_row .colg_cell p{text-align:left;text-indent:-7px;padding-left:7px;}
	.tbl_row .colg_cell div > div{margin-top:4px;}
	.tbl_row .colg_cell img{width:183px;margin:0 auto}
	.radioTopic_search+.tbl_row,.headtxt+.tbl_row, .txt_list+.tbl_row{margin-top:30px}
	.txt_para+.tbl_row{margin-top:12px}
	.h1Tit_box+.tbl_row{margin-top:20px}
	.page_ui .mark_txt.sub{font-size:14px;}

	/* contents */
	.headtxt{line-height:24px;font-size:14px;}
	.tabs+.headtxt.type1{margin-top:0;}
	.headtxt_list{line-height:24px;font-size:14px;}
	.headtxt_list > li{padding-left:18px;background-size:14px auto;background-position:0 6px;}
	.headtxt_list ul li{padding-left:6px;text-indent:-6px;}
	.headtxt.type{padding-bottom:30px;margin-bottom:31px}
	.headtxt_list2{line-height:24px;font-size:14px;}
	.headtxt_list2 > li{text-indent:-7px;padding-left:7px;}
	.tit_h2+.headtxt_list2{margin-left:20px}

	.mark_txt{line-height:24px;text-indent:-16px;padding-left:16px;font-size:14px;}

	.notes_box{line-height:24px;margin-bottom:40px;font-size:14px;}
	.notes_box p{padding-left:16px;}
	.notes_box p:before{top:8px;width:12px;height:12px;}
	.notes_box .btn{width:32px;height:22px;line-height:22px;font-size:12px;}
	.mini_pop{width:340px;height:260px;right:12px;padding:22px 32px;line-height:22px;font-size:12px;}
	.mini_pop .close{top:6px;right:6px}

	.headtxt + .tabs{margin-top:20px}
	.tabs{margin-bottom:10px}
	.tabs li{display:flex;align-items:center;justify-content:center;padding:0}
	.tabs a{height:auto;line-height:19px;padding:12px 2px;font-size:14px;}
	.tabs .current a:before{height:2px}

	.hTit_g .txt{font-size:12px}

	.tit_h2{line-height:22px;padding-left:22px;font-size:16px;background-size:16px auto;background-position: 0 4px;margin:10px 0;}
	.tit_h2 em{line-height:18px;font-size:12px;}
	.tit_h2~.tit_h2,.headtxt~.tit_h2,.infographic + .tit_h2,.tbl_row+.tit_h2,.tbl_col+.tit_h2,.txt_para3+.tit_h2,.h1Tit_box+.tit_h2
	{margin-top:32px}
	.titType_h3{font-size:16px;font-weight:500;margin:15px 0 10px 0;}
	.titType_h3+.txt_list, .titType_h3+.txt_list2{margin:-6px 0 0 0}

	.titH2_g{margin-top:10px}
	.titH2_g .posi .txt{display:block;margin-bottom:4px;font-size:12px}

	.titType_h2{padding:12px 12px 12px 32px;font-size:16px;}
	.titType_h2:before{left:16px;top:20px;width:16px;height:8px}

	.tit_h3{margin:30px 0 6px 0;font-size:16px;}
	.tit_h3 + .txt{margin-bottom:20px;font-size:14px;line-height:24px;}
	.tit_h3 + .txt br{display:none}
	.tit_h3 + .txt .posi{position:static;display:block;margin-top:6px;text-align:right}

	.tit_h2 + .txt_list,.tit_h2 + .txt_list2,.tit_h2 + .para{margin:-6px 0 0 0;}
	.txt_list{line-height:24px;}
	.txt_list li{text-indent:-6px;padding-left:6px;}
	.txt_list li~li{margin-top:4px;}
	.txt_list ol li{text-indent:0;padding-left:0;}
	.txt_list .tit{margin:6px 0 4px}
	.txt_list .txt{margin-left:6px}
	.txt_list > li > ul{margin-top:0}
	.txt_list > li > ul > li{text-indent:-12px;padding-left:6px;}
	.txt_list .ex{text-indent:0;padding-left:0}
	.txt_list .gap{margin-top:20px;}
	.txt_list .refer{padding-left:15px;text-indent:-15px;}
	.txt_list2{line-height:24px;}
	.txt_list2 li~li{margin-top:4px;}
	.txt_list2 li{padding-left:10px;}
	.txt_list2 li:before{top:10px;width:4px;height:4px;}
	.txt_list2 .txt_list{margin-left:0}
	.txt_list2.gap{margin:12px 0 0 0}
	.txt_list3{line-height:24px;}
	.txt_list3 li~li{margin-top:4px;}
	.txt_list3 li{text-indent:-16px;padding-left:16px}
	.para{line-height:24px;font-size:14px}
	.txb_para{margin:12px 0 0 0}
	.txb_para p{margin-top:6px}

	.txt_dli{line-height:24px;margin-left:0}
	.txt_dli dt{margin:4px 0}

	.radioTopic_search + .txt_para{margin-top:20px}
	.txt_para{padding-left:18px;background-size:14px auto;background-position:0 12px;}
	.txt_para2{line-height:24px;margin:12px 0 20px;}
	.txt_para3{line-height:24px;font-size:14px;}
	.tabs+.txt_para3{margin-top:0}

	.num_list > li{text-indent:-12px;padding-left:12}
	.num_list > li~li{margin-top:6px;}
	.num_list .txt_list2{margin-top:6px;}
	.num_list .txt_list2 li{text-indent:0;}

	.txtPara_box{padding-top:30px;margin-top:30px}

	.infographic{margin-top:20px;padding-bottom:0}

	.btn_bigView{display:block;position:absolute;bottom:0;right:0;width:40px;height:40px;font-size: 0 ! important;background: url(../images/ic/ic_expansion.svg) no-repeat 50% 50% #d6d6d6;background-size:24px auto;}

	.txt_tbl{margin-top:12px}
	.txt_tbl2{margin-bottom:12px;}
	.txt_para3 + .txt_tbl2{margin-top:30px}

	.txt_required{padding-bottom:12px;font-size:12px;border-bottom:1px solid #cacaca}
	.txt_required2{margin:16px 16px 16px 0;text-indent:-16px;padding-left:16px;}

	.radioTopic_search{display:flex;flex-wrap:wrap;padding:16px 12px 4px;height:auto;}
	.radioTopic_search .radio_box{margin-right:24px;margin-bottom:12px;}
	.radioTopic_search.gap .radio_box,.radioTopic_search.gap2 .radio_box{margin-right:24px}
	.tabs+.radioTopic_search{margin-top:0;}
	.headtxt+.radioTopic_search{margin-top:20px}

	.detailBtn_search{margin:20px 0;padding:0;}
	.detailBtn_search div{padding:0}
	.detailBtn_search dt{position:static;display:block;width:100%;margin-bottom:6px;}
	.detailBtn_search dd:after{height:10px;top:8px;}
	.detailBtn_search.notit{margin-bottom:20px}
	.detailBtn_search + .txt{margin:12px 0 30px 0}

	.abcList_search{margin:20px 0}
	.abcList_search ul{margin:0 -3px;}
	.abcList_search ul~ul{margin-top:10px}
	.abcList_search li{margin:3px}
	.abcList_search button{width:30px;height:30px;font-size:14px}
	.abcList_search .type{width:66px;}

	/* Unique contenes */
	.icTxt_cons{display:block;margin-top:30px;}
	.icTxt_cons > div{padding:20px}
	.icTxt_cons > div~div{margin-top:20px}
	.icTxt_cons i{width:50px;height:50px;}
	.icTxt_cons dt{font-size:16px;}
	.icTxt_cons dd{line-height:24px;margin-top:12px;}

	.argos_banner{margin-top:30px;padding:16px;}
	.argos_banner dt{font-size:20px}
	.argos_banner dt span{font-size:14px}
	.argos_banner dt:before{width:64px;height:32px}
	.argos_banner dt:after{width:21px;height:21px}
	.argos_banner dd{min-height:auto;padding:130px 0 0 0;line-height:22px;background-position:50% 0}

	.applyCha_ui{display:block;margin-bottom:30px}
	.applyCha_ui .col~.col{margin-top:20px}
	.applyCha_ui .cha{padding:16px}
	.applyCha_ui .cha .year{padding-bottom:16px}
	.applyCha_ui .cha .year p{font-size:16px}
	.applyCha_ui .cha .year .btng{top:6px;}
	.applyCha_ui .cha table th,.applyCha_ui .cha table td{height:32px;font-size:14px}
	.applyCha_ui .cha table button{width:28px;height:28px;}
	.applyCha_ui .chkg{padding:16px}
	.applyCha_ui .chkg p{font-size:16px}
	.applyCha_ui .chkg p~p{margin-top:16px}
	.applyCha_ui .chkg li{height:38px;padding-left:20px}
	.applyCha_ui .chkg li span{line-height:36px;font-size:14px}
	.applyCha_ui .chkg .chk button{line-height:36px;}

	.openapi{margin-top:40px}

	.reviewtxt_g .tit{margin-bottom:20px;font-size:16px;}
	.reviewtxt_g .txt{line-height:24px;font-size:14px;}

	.ceo_ui{display:block;}
	.ceo_ui .cola{width:auto;padding-bottom:25px;margin-bottom:23px;border-bottom:1px solid #cacaca}
	.ceo_ui .cola .photo{margin-bottom:40px;text-align:center;}
	.ceo_ui .cola .photo:before{height:auto;margin-bottom:8px;padding-top:88%}
	.ceo_ui .cola .photo strong{font-size:16px}
	.ceo_ui .cola .txt{margin-left:23px;font-size:14px;line-height:24px}
	.ceo_ui .colb{width:auto;padding-left:0;}
	.ceo_ui .colb .txt1{line-height:30px;font-size:18px;}
	.ceo_ui .colb .txt2{margin-top:20px;font-size:16px;}
	.ceo_ui .colb .txt3{margin-top:4px;font-size:14px;}
	.ceo_ui .colb .txt4{margin-top:20px;line-height:24px;font-size:14px;}

	.vision_ui ul{margin-top:20px;padding:0;line-height:24px;font-size:14px;background:none}
	.vision_ui li{text-indent:-7px;padding-left:7px}

	.history_ui .txt{margin:0 0 12px}
	.history_ui .txt span{position:relative;display:block;text-align:right;font-size:12px;}
	.history_ui ol{margin-top:40px;}
	.history_ui ol > li{min-height:80px;}
	.history_ui ol .year{width:60px;height:60px;border-width:2px;}
	.history_ui ol .year span{padding:2px 0;line-height:14px;font-size:14px;}
	.history_ui ol .year:after{right:-16px;transform:scale(.5) rotate(-90deg);}
	.history_ui ol div{padding-left:76px}
	.history_ui ol ul{min-height:80px;padding:12px 0 12px 12px;border-width:2px;}
	.history_ui ol ul:before{left:-8px;top:34px;width:14px;height:14px;border-width:2px;}
	.history_ui ol ul span{display:block;}
	.history_ui ol ul li~li{margin-top:6px}

	.ci_ui .logo_box{padding-left:0}
	.ci_ui .logo_box:before{position:relative;display:block;width:auto;height:60px;margin-bottom:12px;background-position:50% 50%}
	.ci_ui .logo_box .txt{line-height:24px;font-size:14px;}
	.ci_ui .logo_box .btns{margin-top:30px;text-align:center}
	.ci_ui .symbol_box{margin-top:30px;}
	.ci_ui .symbol_box .img1{margin-left:0;width:auto;height:64px;background-position:50% 50%}
	.ci_ui .symbol_box .img2{margin-left:0;width:auto;height:60px;background-position:50% 50%}
	.ci_ui .img3{margin:20px 0;}
	.ci_ui .imgTxt1_box, .ci_ui .imgTxt2_box, .ci_ui .imgTxt3_box{padding:0;line-height:24px;}
	.ci_ui .imgTxt1_box:before, .ci_ui .imgTxt2_box:before, .ci_ui .imgTxt3_box:before{position:relative;display:block;width:auto ! important}
	.ci_ui .imgTxt1_box:before{height:100px;background-position:50% 50%}
	.ci_ui .imgTxt2_box:before{height:164px;background-position:50% 50%}
	.ci_ui .imgTxt3_box:before{height:108px;background-position:50% 50%}

	.orgChart_ui{margin-top:30px}
	.orgChart_ui .list:after,.orgChart_ui .list > li:after,.orgChart_ui .list > li:first-child:before,.orgChart_ui .list > li:last-child:before{display:none}
	.orgChart_ui .had{width:110px;height:110px;font-size:14px}
	.orgChart_ui .had span:before{width:38px;height:38px;}
	.orgChart_ui .list{display:block;margin-top:30px;}
	.orgChart_ui .list p{margin-bottom:4px;}
	.orgChart_ui .list p a{line-height:30px;font-size:13px}
	.orgChart_ui .list > li{padding:10px 0 10px 114px;min-height:30px;}
	.orgChart_ui .list > li~li{margin-top:4px}
	.orgChart_ui .list > li p{position:absolute;top:2px;bottom:0;left:4px;margin:auto 0;width:100px;height:32px}
	.orgChart_ui .list ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}
	.orgChart_ui .list ul li{margin:0 ! important;border:0;}
	.orgChart_ui .list ul li a{line-height:16px;font-size:13px}
	.orgChart_ui .views .box{padding:16px;}
	.orgChart_ui .views h2,.orgChart_ui .views .box h2, .orgChart_ui .views h3{font-size:16px}
	.orgChart_ui .views .box dt span{position:relative;top:-2px;line-height:18px;font-size:14px}
	.orgChart_ui .views .box dt span:before{position:relative;top:4px}
	.orgChart_ui .views .box dd{line-height:22px}
	.orgChart_ui .views h2{margin-bottom:12px;}
	.orgChart_ui .views h3{margin:12px 0 6px 0}
	.orgChart_ui .list ul .current{font-weight:700;color:#0066a6;background:none}

	.imgGroup_ui .slick-slide{padding:0 4px}

	.txtgBtn_box{padding-bottom:30px;margin-bottom:30px}
	.txtgBtn_box div{position:static;margin-top:12px;text-align:center}

	.eventThum_ui{padding-top:0;border-top:0}
	.eventThum_ui #mainImg{padding-bottom:20px;margin-bottom:20px;}
	.eventThum_ui .thumbnail{grid-template-columns: 1fr 1fr 1fr 1fr;gap:6px}

	.txtCment_box{margin:0 0 30px 0;padding-bottom:30px;font-size:14px;}

	.agreProc_box{margin-bottom:30px}
	.agreProc_box h2{padding-left:22px;font-size:16px;background-size:16px auto}
	.agreProc_box h3{margin:12px 0 6px 22px;}
	.agreProc_box h3:before{width:4px;height:4px}
	.agreProc_box .dig1,.agreProc_box .dig2{height:30px}
	.btnAgp_box{margin:20px 0;text-align:center}
	.btnAgp_box a~a{margin-left:8px}

	.councilHis_box .box{display:block;}
	.councilHis_box .box~.box{margin-top:30px}
	.councilHis_box h3{margin-bottom:6px;font-size:16px}
	.councilHis_box .tit{margin-left:0;margin-bottom:20px;border:0;}
	.councilHis_box ul{line-height:24px}
	.councilHis_box .list+.list,.councilHis_box h4{margin-top:16px}
	.councilHis_box .list > li{padding-left:9px;text-indent:-9px}
	.councilHis_box .list ul li{padding-left:12px;text-indent:-12px}
	.councilHis_box .list2 li{padding-left:12px;text-indent:-12px}
	.councilHis_box h5{margin-left:4px}

	.conferImg_ui .had{margin-bottom:0}
	.conferImg_ui .thumg .box{margin-top:20px;padding-bottom:16px}
	.conferImg_ui .thumg .box:nth-child(odd){padding-right:2px;}
	.conferImg_ui .thumg .box:nth-child(even){padding-left:2px;}
	.conferImg_ui .thumg ul{margin:6px 0 0 0}
	.conferImg_ui .thumg .txt1{text-align:center;font-size:14px}
	.conferImg_ui .thumg .txt2,.conferImg_ui .thumg2 .tit{margin-top:6px;font-size:12px}
	.conferImg_ui .thumg .txt3{margin-top:6px;font-size:11px}
	.conferImg_ui .thumg2{gap:4px;}

	.cfVideo_box .veiwInfoTxt{height:200px}
	.cfVideo_box .veiwInfoTxt h3{margin-bottom:20px;font-size:14px;}
	.cfVideo_box .veiwInfoTxt div{line-height:24px;font-size:14px;}

	.cfTraffic.tbl_col td{padding-left:2px;padding-right:2px}
	.cfTraffic_box{margin-top:30px}
	.cfTraffic_box .tit{line-height:42px;font-size:14px}
	.cfTraffic_box .box{padding:12px}
	.cfTraffic_box .infor dt{font-size:14px}
	.cfTraffic_box .infor dd{text-indent:-9px;padding-left:9px}
	.cfTraffic_box .img{margin-top:30px}
	.cfTraffic_box .refer{margin:20px 0 0 0}
	.cfTraffic_box .refer li{text-indent:-16px;padding-left:16px}
	.cfTraffic_box + .txtCment_box{margin-top:30px}

	/* 도서관 이용안내 */
	.mobileImg_box{margin-top:30px;}
	.leafletImg_box{margin-top:30px;padding:30px 20px;}
	.dataRoom_link .dl_list{margin-bottom:30px;}
	.dataRoom_link .dl_list dt, .dataRoom_link .dl_list dd{padding:15px;;}
	.dataRoom_link .dl_list dt{width:90px;}
	.dataRoom_link .dl_list dd{width:calc(100% - 90px);}
	.dataRoom_link .dl_list dd a{font-size:14px;}
	.dataRoom_link .dl_list dd a~a{padding-left:10px;margin-left:10px;}
	.dataRoom_link .dl_list dd a~a:before{top:6px;height:10px;}
	.dataRoom_view .img{margin:30px 0}
	.dataRoom_view .img.col3{gap:6px;margin-top:20px;}
	.dataRoom_view .tit_h2 .btnxS1{position:relative;top:0;margin-left:12px}
	.dataRoom_view .txt_list .icTxt_cons{margin-left:-6px;}
	.contact_ui{margin-top:30px}
	.contact_ui .img{margin-top:20px}
	.reference_go{margin-top:50px;display:block;height:auto;}
	.reference_go div{width:100%;box-sizing:border-box;}
	.reference_go > div ~div{margin:1px 0 0 0;}
	.reference_go div p{font-size:25px;background-size:auto 40px !important;background-position:20px 25px !important;height:90px !important;line-height:90px !important;}
	.reference_go div:nth-child(2){padding:110px 0 20px 20px;}
	.reference_go div:nth-child(1) p{padding-left:130px !important;font-size:20px;}
	.reference_go div:nth-child(2) p{height:auto !important;line-height:normal !important;font-size:16px;}
	.reference_go div:nth-child(3) p{padding-left:110px;background-size:85px auto !important;font-size:16px !important;height:90px !important;line-height:normal !important;padding-top:28px;letter-spacing:-1px;}
	.reference_go div a{font-size:16px;height:90px;}
	.reference_go div:nth-child(3) a{height:auto;}

	/* popup */
	.pop_container .popup{padding:20px 12px}
	.pop_container .had {padding-bottom:8px;margin-bottom:12px;}
	.pop_container .had h1{line-height:30px;font-size:16px;}
	.pop_container .had .close{width:30px;height:30px}
	.pop_container .pop_tit{margin-bottom:12px;font-size:16px;}
	.pop_container .pay_tbl h2{font-size:16px;}
	.pop_container .pay_tbl span{font-size:12px;}
	.pop_container .pay_tbl .tbl{overflow-x:scroll}
	.pop_container .pay_tbl .tbl table{width:auto;min-width:640px}
	.pop_container .pay_tbl table thead th{height:38px;font-size:14px;}
	.pop_container .pay_tbl table tbody th, .pop_container .pay_tbl table td{padding:6px;line-height:19px;font-size:12px}
	.pop_container .pay_tbl .txt{line-height:14px;font-size:11px}
	.pop_container .txt_refer{margin-top:4px;font-size:14px;}
	.pop_container .ticket_box img{width:240px;}
	.pop_container .ticket_box ol{display:block;width:300px;}
	.pop_container .ticket_box li{width:auto;height:auto;padding:6px;font-size:14px;}
	.pop_container .ticket_box li strong{margin-bottom:4px;}
	.pop_container .ticket_box li br{display:none}
	.pop_container .ticket_box li~li{margin:24px 0 0 0}
	.pop_container .ticket_box li~li:before{top:-21px;left:0;right:0;margin:0 auto;width:16px;height:16px;transform:rotate(90deg);}
	.pop_container .ticket_box li .btnS2{margin-left:6px;}
	.pop_container .ticket_box .txt1, .pop_container .ticket_box .txt2{font-size:12px}
	.pop_container .ticket_box .txt1{margin:12px 0 0 0;padding-left:9px;}
	.pop_container .ticket_box .txt1:before{top:9px;width:3px;height:3px;}
	.pop_container .ticket_box .txt2{margin:0 0 0 9px;text-indent:-14px;padding-left:14px}
	.pop_container .pay_tbl.appli h2{padding:16px;}
	.pop_container .pay_tbl.appli .tbl{overflow:visible}
	.pop_container .pay_tbl.appli .tbl .col_size{width:90px;}
	.pop_container .pay_tbl.appli .tbl table{width:100%;min-width:100%}

	.board_top._monthly {display: block;}
	.sms_msg{font-size:14px;}
	.titH2_g > .box {margin-top:0;}
	.flex_type2 {display:flex;flex-direction:column-reverse !important;width:100%;}
}

@media (max-width: 480px) {
	.board_list .thum_cell .thum{position:static;margin-bottom:8px;}
	.board_list .thum_cell .thum img{width:100%;height:auto}
	.board_list .thum_cell a{padding:0;}
	.board_list .thum_cell .place{position:static;margin-top:8px}

	.bookList_typeB{gap:0 10px}
	.bookList_typeB .item{width:calc(100%/2 - 5px)}
	.bookList_typeB .thum img{height:228px;}

	.monthly_list .item,.recomBook_list .item,.curatBook_list .item{width:100%}

	.curatBook_view .list{display:block;}
	.curatBook_view .list .item{width:100%}
	.curatBook_view .list .item~.item{margin-top:20px}
	.curatBook_list {grid-template-columns: repeat(1, 1fr);}

	.thum_list{gap:0 10px}
	.thum_list .item{width:calc(100%/2 - 5px)}
	.thum_list .thum img{height:100px;}

	.total_pg .txt{position:static;display:block;margin-top:6px;text-align:right;}

	.agreProc_box .dig1,.agreProc_box .dig2{height:20px}

	/* 도서관이용 */
	.dataRoom_view .img.col3{gap:5px;margin-top:10px;}

	.form .size1{width:100% !important}
}

@media (max-width: 480px) {
	.login_area .chk_box~.chk_box{margin-left:10px}
}

.svg { display : inline-block; width : 20px; height : 20px; background-color: #000; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; } 

.svg_right { mask-image : url('/style/ko/svg_right.svg'); } 

.disclosure_wrap { border : 1px solid #D8E4EE; border-radius : 15px; overflow : hidden } 
.disclosure_wrap + .disclosure_wrap { margin-top : 20px } 

.toggle_title { position : relative; display:flex; width:100%; padding : 20px 50px; background-color: #fff; font-size : 23px; font-weight: bold; gap : 15px; align-items: center; text-align: left; letter-spacing: -2px; color : #111 } 
.toggle_title i { position : absolute; top : 50%; right : 20px; transform : translateY(-50%) rotate(90deg) } 
.toggle_title.active i { transform: translateY(-50%) rotate(-90deg); } 

.toggle_content { max-height:0; overflow:hidden; transition:max-height 0.4s ease; background-color: #fff; } 
.toggle_content .padding { padding : 0 50px 50px 50px } 
.toggle_content .padding img { display : block; max-width : 100%; height : auto } 
.toggle_content dl { display : flex; gap : 50px } 
.toggle_content dl dt { width : 50%; flex-shrink: 0; } 
.toggle_content dl dd { flex-grow: 1; } 
.toggle_content li { position : relative; padding-left : 30px; font-size : 20px; text-align: left; color : #111 } 
.toggle_content li + li { margin-top : 15px } 
.toggle_content li span { position : absolute; top : 0; left : 0; color : #0074CC; font-weight: bold; } 
.toggle_content .inner_txt { border : 1px solid #D8E4EE; background-color: #F8F8F8; padding : 25px; font-size : 18px; text-align: left; border-radius : 10px; overflow : hidden; margin-top : 30px; color : #111 } 
.toggle_content .inner_txt a { display : inline-block; color : #005596; margin-top : 20px; padding-bottom : 3px; border-bottom : 1px solid #005596; width : auto } 
.toggle_content .flex { display : flex; gap : 50px } 


.list_title { font-size : 30px; color : #111; margin-bottom : 20px } 

.list_tab { border-bottom : 1px solid #E8E8E8; display : flex; align-items: center; justify-content: space-between;} 
.list_tab a { width : 50%; color : #6b5050; font-size : 23px; line-height : 70px; border-bottom : 6px solid transparent; text-align: center;} 
.list_tab a.active { color : #136FC4; border-bottom-color : #136FC4; font-weight: bold; } 

.list_txt { margin : 70px 0; border : 1px solid #DFDFDF; border-radius : 20px; padding : 30px 20px } 
.list_txt li { position : relative; font-size : 18px; color : #333333; padding-left : 20px } 
.list_txt li b { color : #136FC4 } 
.list_txt li span { position : absolute; top : 0; left : 0; } 
.list_txt li + li { margin-top : 15px } 

.list_table { border-top : 2px solid #010B3E; margin : 70px 0 10px 0 } 
.list_table table { width : 100%; table-layout: fixed; border-collapse: collapse; } 
.list_table th,
.list_table td { border-bottom : 1px solid #DFDFDF; padding : 25px; font-size : 19px; color : #111 } 
.list_table th { background-color: #F8F8F8; text-align: center; } 
.new_check_wrap { display : flex; align-items: center; } 
.new_check_wrap + input { border : 1px solid #ccc; width : 300px; margin-top : 10px; height : 50px } 
.new_check_wrap label { font-size : 19px; margin-right : 10px } 
.new_check_wrap input { display : block; width : 20px; height : 20px } 
.notice_txt { margin-top : 20px; font-size : 19px; color : #333333 } 
.notice_txt span { color : #136FC4; font-weight: bold; } 


.list_notice_txt { display : flex; align-items: center; margin : 60px 0 20px 0; font-size : 24px; font-weight: bold; color : #111; letter-spacing: -2px;} 
.list_notice_txt img { margin-right : 10px } 
.list_notice_txt span { color : #850000; display : inline-block; padding : 0 5px } 
.list_notice_txt + .list_disclosure { margin-top : 50px }
.list_notice_table { border-radius : 10px 10px 0 0; overflow : hidden; margin-bottom : 70px } 
.list_notice_table table { width : 100%; table-layout: fixed; border-collapse: collapse; } 
.list_notice_table table thead { background-color: #333333; color : #fff; font-size : 20px; padding : 15px 0; } 
.list_notice_table thead th { position : relative; border : none; height : 70px; font-weight: bold; } 
.list_notice_table thead th:first-child:after { content : ''; width : 1px; height : 20px; background-color: #595959; position : absolute; top : 50%; right : 0; transform : translateY(-50%) } 
.list_notice_table tbody th,
.list_notice_table tbody td { border : 1px solid #CCCCCC; font-size : 19px; padding : 25px; color : #111; font-weight: bold; } 
.list_notice_table tbody td { font-weight: normal; } 
.list_notice_table tbody p { margin-top : 10px } 
.list_notice_table tbody p span { display : inline-block; border : 1px solid #850000; background-color: #FFF3F3; padding : 10px 20px; border-radius : 15px } 
.list_notice_table tbody p span b { color : #850000 } 




.table th,
.table td { padding : .75rem; font-size : .8rem } 
.table_border th,
.table_border td { border : 1px solid #e9e9e9 } 

.progress { position : relative; height : 7px; background-color: var(--lightgray); } 
.progress .progress_bar { position : absolute; top : 0; left : 0; height : 7px } 


.table.table_head_fix thead th { position : sticky; top : 0; z-index : 10 } 

.expand_body { display : none !important; } 
.expand_body.active { display : table-row !important } 

.list_disclosure { border : none; } 
.list_toggle_title { display : flex; align-items : center; gap : 10px; padding : 0; cursor: pointer; color : #111 } 

.list_disclosure .toggle_title.active .list_toggle_title img { transform : rotate(90deg) } 
.list_toggle_btm { display : flex; justify-content: space-between; align-items: center; } 
.list_toggle_btm div {display : flex;align-items: center;gap: 10px;justify-content: space-between;} 
.list_toggle_btm div button { display : inline-flex; align-items: center; justify-content: center; font-size : 19px; gap : 10px; height : 52px; padding : 0 20px; border-radius : 5px; color : #707070; background-color: #f0f0f0; font-weight: 400;} 
.list_toggle_btm div button + button { color : #fff; background-color: #004E97; } 

.list_table_fixed { max-height : 1100px; border-radius : 10px 10px 0 0; overflow : auto; margin-top : 20px } 
.list_table_fixed table { width : 100%; table-layout: fixed; border-collapse: collapse } 
.list_table_fixed input { display : block; width : auto; height : auto; margin : 0 auto } 
.list_table_fixed th,
.list_table_fixed td { font-size : 19px } 
.list_table_fixed thead th { position : relative; background-color: #F8F8F8; height : 70px; text-align: center; color : #111 } 
.list_table_fixed thead th:after { content : ''; width : 1px; height : 20px; background-color: #ccc; position : absolute; top : 50%; right : 0; transform : translateY(-50%) } 
.list_table_fixed thead th:last-child:after { display: none;} 
.list_table_fixed tbody { border-top : 2px solid #111 } 
.list_table_fixed td { text-align: center; border : 1px solid #DFDFDF; font-weight: 500; color : #111; padding : 25px 35px } 
.list_table_fixed td:last-child { text-align: left; }
.list_table_fixed td.td_chk_box { padding: 25px 15px !important;} 
.list_table_fixed p { display : flex; align-items: center; font-size : 20px; margin-bottom : 20px; font-weight: bold; gap :10px } 
.list_table_fixed p span { display : inline-block; line-height : 30px; font-size : 14px; border-radius : 5px } 
.list_table_fixed p span.use_blue { color : #246BEB; border : 1px solid #246BEB; padding : 0 10px; background-color: #246beb0d; } 
.list_table_fixed p span.use_red { color : #850000; border : 1px solid #850000; padding : 0 10px; background-color: #85000014; } 

.list_table_fixed div {display : flex; gap: 20px; flex-wrap: wrap; row-gap: 10px;} 
.list_table_fixed dl { display : inline-flex; gap : 20px; width : auto }
.list_table_fixed dt,
.list_table_fixed dd { position : Relative; font-size : 16px; width : inherit !important; flex-grow: 0 !important; } 
.list_table_fixed dt:after { content : ''; width : 1px; height : 15px; position : absolute; top : 5px; right : -11px; background-color: #ccc; } 

.mobile_colgroup { display : none } 
.pc_colgroup { display : table-column-group } 




.check_reserve_wrap { border-radius : 15px 15px 0 0; overflow : hidden; border : 1px solid #ccc; margin : 70px 0 } 
.check_reserve_wrap .list_table_fixed { border-radius : 0; margin : 0 } 
.check_disclosure { position : relative } 
.check_reserve_wrap .disclosure_wrap { border : none; border-bottom : 1px solid #ccc } 
.check_reserve_wrap h2 { text-align: center; background-color: #333333; color : #fff; line-height : 70px; font-size : 20px; font-weight: bold; letter-spacing: -1.5px; } 

.check_reserve_wrap .list_table_fixed td:first-child { border-left : none }
.check_reserve_wrap .list_table_fixed td:last-child { border-right : none }


.check_disclosure .title_left { padding : 30px } 
.check_disclosure .title_left .title_wrap{ display: flex; align-items: center; gap: 10px;}
.check_disclosure .title_left .title_wrap span{ flex-shrink: 0}
.check_disclosure .toggle_title_wrap { position : absolute; top : 50px; right : 20px; display : flex; align-items: center; gap : 10px} 
.check_disclosure .toggle_title { position : relative; top : 0; right : 0; width : auto; font-weight: normal; } 
.check_disclosure .button_delete { border : 1px solid #850000; color : #850000; font-size : 16px; background-color: #85000014; }
.check_disclosure .title_left h3 { font-size : 20px; color : #111; font-weight: bold; } 
.check_disclosure .title_left b { color : #246BEB } 
.check_disclosure .title_left p { display : flex; align-items: center; font-size : 16px; margin-top : 10px; gap : 10px; font-weight: 500; } 
.check_disclosure .title_left span { display : inline-block; line-height : 30px; font-size : 14px; border-radius : 5px } 
.check_disclosure .check_blue { color : #246BEB; border : 1px solid #246BEB; padding : 0 10px; background-color: #246beb0d; } 
.check_disclosure .check_red { color : #850000; border : 1px solid #850000; padding : 0 10px; background-color: #85000014; } 
.check_disclosure button { border : 1px solid #DFDFDF; background-color: #F8F8F8; border-radius : 5px; font-size : 16px; display : flex; gap : 5px; align-items: center; height : 40px; padding : 0 10px } 
.check_disclosure button i { position : static; width : 15px; height : 10px; transform : rotate(90deg) } 
.check_disclosure .toggle_title.active i { transform: rotate(-90deg); } 

.table_notice_txt { color: #ff0000; margin: 1.5rem 0 1rem}
 
 
.mt30 { margin-top : 30px !important }

.dataPopup_ui h1{ background-position: 0 10px !important } 
.finish_txt { position : Relative; padding : 1rem 0; font-size : 16px; border-bottom : 3px solid #4f4f4f; margin : 0 0 1rem 0; }

@media ( max-width : 1200px ){
 .search_tab_wrap a { line-height : 50px; font-size : 17px } 
 .search_sorting div a { padding : 0 15px } 
 .toggle_content li { font-size : 18px } 
 .toggle_content .inner_txt,
 .toggle_content .inner_txt a { font-size : 17px } 


 .total_search_link_wrap,
 .search_all_page { gap : 20px } 
 .search_all_page .inner { grid-template-columns: repeat(2, calc(50% - 10px)); } 

 
 .gallery-top a p { font-size : 16px } 
 .gallery-top a dl { font-size : 15px } 
 .gallery-top a dl { flex-wrap : wrap } 
 .gallery-top a dl dt,
 .gallery-top a dl dd { padding : 0; margin : 2px 0 } 
 .gallery-top a dl dt { width : 80px } 
 .gallery-top a dl dd { width : calc(100% - 80px ) } 

 .gallery-thumbs .swiper-slide { font-size : 16px } 
 .search_all_page .inner .more_btn { height : 60px; line-height :60px } 

 .search_all_page .inner h2 { font-size : 24px } 
 .total_search_link_wrap a { width : calc(50% - 10px); height : calc(50% - 10px); padding : 110px 20px 20px 20px } 
 .total_search_link_wrap a p { font-size : 16px } 
}

 @media ( max-width : 1000px ){
 .toggle_content dl { flex-direction: column; } 
 .toggle_content dl dt { width : 100% } 
 .toggle_title { font-size : 20px } 

 .search_all_page { display : block } 
 .search_all_page .inner { margin : 20px 0 } 

 .list_tab { padding : 0 20px } 
 .list_tab a { margin-left : 40px; font-size : 20px; line-height : 55px } 
 .list_txt { margin : 40px 0; padding : 20px } 
 .list_txt li { font-size : 17px } 
 .list_txt li + li { margin-top : 10px } 
 .list_table colgroup,
 .list_notice_table colgroup { display : none } 
.list_table th,
.list_table td { padding : 15px; font-size : 17px } 
.new_check_wrap label { font-size : 17px } 
.list_table th { width : 200px !important } 
.list_notice_txt { font-size : 20px } 

.list_notice_table th { width : 200px !important } 
.list_notice_table th,
.list_notice_table td { font-size : 17px; padding : 15px } 

.pc_colgroup { display : none } 
.mobile_colgroup { display : table-column-group } 


#listTable01 colgroup { display : none }
#listTable01 th:first-child, 
#listTable01 td:first-child { width : 10px !important }

#listTable01 th:nth-child(2), 
#listTable01 td:nth-child(2) { width : 100px !important }


.list_table_fixed th,
.list_table_fixed td { padding : 15px; font-size : 17px; word-break: break-all}
.list_table_fixed td label { word-break: break-all}
.list_table_fixed dl { flex-direction: row; flex-wrap : wrap; width : 100%; gap : 10px } 
.list_table_fixed dt { width : 60px !important } 
.list_table_fixed dt:after { right : 0px } 
.list_table_fixed dd { width : calc(100% - 80px) !important } 
.list_table_fixed p { font-size : 16px } 
}

@media ( max-width : 768px ){
 .list_area_content a, .list_sort_abc a { width : 33% } 
 .new_db_wrap .tab_content.active { flex-direction: column; } 
 .new_db_wrap .list_area_btn { width : 100%; white-space: nowrap; overflow : auto hidden; } 
 .new_db_wrap .list_area_btn li { display : inline-block; width : 130px } 
 .list_area_content a { margin-bottom : 20px } 

.db_content_wrap { grid-template-columns: repeat(1, 1fr); } 
.search_title { font-size : 26px } 
.search_title a { font-size : 16px } 
.total_search_wrap aside h2 { font-size : 22px } 
.total_search_wrap aside { width : 210px } 
.total_search_wrap aside a { font-size : 16px; padding : 10px 0 } 

.total_search_wrap.active { display : block } 
.total_search_wrap aside { width : 100%; margin-bottom : 30px } 
#loadingWrap .top img { display : block; max-width : 120px } 
#loadingWrap .loading_inner { height : 200px } 
#loadingWrap .loading_inner h2 { font-size : 20px; margin-bottom : 30px } 
.flag_modal_top { flex-direction: column; } 
.flag_modal_top img { margin : 0 auto } 
.guide_notice_tab a { font-size : 20px } 
.guide_notice_content.active { padding : 70px 0 } 
.guide_notice_content .guide_mini_title { font-size : 20px } 
.guide_notice_content .mini_txt { font-size : 16px } 

.toggle_title { padding : 20px 50px 20px 30px; font-size : 18px } 
.toggle_content .padding { padding : 0 30px 30px 30px } 
.toggle_content li,
.toggle_content .inner_txt, .toggle_content .inner_txt a { font-size : 16px } 

.toggle_content .flex { flex-direction: column; } 

.list_table tr { display : flex; flex-wrap: wrap; } 
.list_table th { display : flex; width : 150px !important; align-items: center; justify-content: center; padding : 15px 0; font-weight: bold;} 
.list_table td { width : calc(100% - 180px);  } 
.check_disclosure .toggle_title_wrap { position : relative; width : 100%; top : 0; padding : 10px; right : 0; justify-content: space-between; background-color: #F8F8F8; border-top : 1px solid #ccc; border-bottom : 1px solid #ccc; box-sizing: border-box; }  

.check_disclosure .title_left { padding : 20px }  
.check_disclosure button { border : none; width : 100%; border : none; border-top : 1px solid #ccc; border-bottom : 1px solid #ccc; border-radius : 0; height : 50px; padding : 0 20px } 
.check_disclosure .toggle_title_wrap button { border : 1px solid #ccc; padding : 10px; font-size : 14px !important; height : 40px !important; background-color: #fff; border-radius: 5px;}
.check_disclosure .button_delete { border : 1px solid #850000 !important; color : #850000; font-size : 16px; background-color: #85000014 !important; width : auto }
.check_reserve_wrap .disclosure_wrap { border-bottom : none; margin : 0 !important } 

.mobile_reverse { display : flex; flex-direction: column; } 
.check_reserve_wrap .list_table_fixed { border-bottom: 1px solid #e1e1e1;}
.dataPopup_ui h1{background-position: 0 7px !important;} 
.finish_txt { font-size : 14px }
 }

@media ( max-width : 600px ){
 .list_area_content a, .list_sort_abc a { width : 50% } 
 .search_tab_wrap a { font-size : 15px; line-height : 120%; height : auto; padding : 5px } 
 .search_tab_wrap a b { display : block; } 
.search_title { font-size : 24px } 
.guide_notice_tab img { display : none !important } 

.search_all_page .inner h2 { font-size : 20px } 
.list_notice_table { margin-bottom : 40px }
.list_notice_table thead th, 
.list_notice_table tbody th, .list_notice_table tbody td { padding : 15px; width : auto !important; font-size : 16px }
.list_notice_table tbody p span { font-size : 15px }
.list_notice_txt { display : block }
.list_toggle_btm {flex-direction: column;justify-content: space-between;align-items: start;}
.list_table_fixed th, .list_table_fixed td { padding : 10px; font-size : 15px }
.list_table_fixed p { flex-direction: column; align-items: start; gap : 5px; margin-bottom : 10px }
.list_table_fixed dl { gap : 5px }
.list_txt li { font-size : 16px }
.new_check_wrap + input { width : 100% }
.list_notice_table thead th { height : 50px }
.check_reserve_wrap h2 { line-height : 50px; font-size : 18px }
.check_disclosure .title_left { padding : 15px }
.check_disclosure .title_left h3{ font-size : 18px }
.check_disclosure .title_left span { margin-bottom : 5px }
.check_disclosure .title_left p { font-size : 15px }
.list_table_fixed thead th { height : 50px; }

.list_tab a { font-size : 18px  }
.list_table th,
.list_table td,
.new_check_wrap label { font-size : 15px }
.list_table th{ width : 90px !important }
.list_table td { width : calc(100% - 120px) }
.list_toggle_btm div { width : 100% }
.list_toggle_btm div button { font-size : 14px; padding : 0 10px; width : 50%; gap : 5px }
.list_toggle_btm div button img { width : 15px; }


.popup #listTable01 colgroup { display : none !important }
.popup #listTable01 colgroup col { width : auto !important }
.popup #listTable01 th:nth-child(1),
.popup #listTable01 td:nth-child(1), 
#listTable01 th:nth-child(2), 
#listTable01 td:nth-child(2) { width : 30px !important }
.popup #listTable01 th:nth-child(2),
.popup #listTable01 td:nth-child(2) { width : auto !important }
.list_notice_txt { font-size : 18px }


.list_notice_table colgroup { display : none }

.list_notice_table th:first-child { width : 30px !important }
 }
 
 
@media (max-width: 500px){
 .paging ul li label { width:23px; font-size:12px } 
.paging ul li.on label { width:23px; height:23px; } 
.table-top { flex-direction: column; align-items: start; } 
 .circle-arrow-prev { background: url(https://lnp.nanet.go.kr/assets/images/icon/circle-chevron-left.svg) no-repeat; background-size: cover; width:24px; height:24px; margin-right:5px; min-width:24px; } 
 .circle-arrow-next { background: url(https://lnp.nanet.go.kr/assets/images/icon/circle-chevron-right.svg) no-repeat; background-size: cover; width:24px; height:24px; margin-left:5px; min-width:24px; } 
 .circle-arrowdouble-prev { background: url(https://lnp.nanet.go.kr/assets/images/icon/circle-chevrondouble-left.svg) no-repeat; background-size: cover; width:24px; height:24px; margin-right:5px; min-width:24px; } 
 .circle-arrowdouble-next { background: url(https://lnp.nanet.go.kr/assets/images/icon/circle-chevrondouble-right.svg) no-repeat; background-size: cover; width:24px; height:24px; margin-left:5px; min-width:24px; } 
}