@charset "utf-8";

/* accordian box */
.accordian_box{width: 100%;display: block; margin-top:30px; border: 1px solid #e8e8e8; overflow: hidden;border-radius: 20px;}
.sub_title + .accordian_box{margin-top:0;}
.accordian_box .accordian_list_wrap {width: 100%;padding-top: 25px; display: block;border-bottom: 1px solid #e8e8e8;}
.accordian_box .accordian_list_wrap:last-of-type{border-bottom: 0;}
/* accordian title */
.accordian_box .accordian_list_wrap .accordian_title{display: block; padding-bottom:15px;background-image: url(../image/sub/accordian_arrow_close.png); padding:0 40px; background-position: right 40px top 22px;background-repeat: no-repeat;}
.accordian_box .accordian_list_wrap .accordian_title .title{cursor: pointer;display: block;font-size: 1.125rem;font-weight:500;margin-bottom: 15px;}
.accordian_box .accordian_list_wrap .accordian_title ul{width: auto;font-size: 1rem;color: #999999;}
.accordian_box .accordian_list_wrap .accordian_title ul li{display: inline-block;margin-right: 20px;}
.accordian_box .accordian_list_wrap .accordian_title ul li:last-of-type{margin-right: 0px;}
.accordian_box .accordian_list_wrap .accordian_title ul li .box_read_check{width: 80px;line-height: 25px;height: 27px;display: block;color: #fff;text-align: center;border-radius: 28px;font-size: 0.938rem;}
.accordian_box .accordian_list_wrap .accordian_title ul li p{font-size: 1rem;}
.accordian_box .accordian_list_wrap .accordian_title ul li p i{font-style: normal;}
.accordian_box .accordian_list_wrap .accordian_title ul li p i.time{font-size: 0.938rem;color: #bcbcbc;margin-left: 3px;}
.accordian_box .accordian_list_wrap .accordian_title ul li .btn_delete_icon{cursor: pointer;width:auto;line-height: 25px;height: 27px;display: block;color: #999999;background-color: #fff;border: 1px solid #999;text-align: center;border-radius: 28px;font-size: 0.875rem;background-image: url(../image/sub/btn_icon_delete.png);background-position: 10px 50%;background-repeat: no-repeat;padding-left:24px;padding-right: 12px;}

.accordian_box .accordian_list_wrap .accordian_title .title.question{ width:100%; display: flex; flex-direction: column; justify-content: center;   min-height: 50px; /* font-size: 1.125rem;*/ font-size:1.063rem; font-weight: 500; padding-left: 70px;}
.accordian_box .accordian_list_wrap .accordian_title .title.question{background-image: url(../image/sub/icon_q.png);background-position: left 0px top 0px;background-repeat: no-repeat; font-family: 'N-sans', "sans-serif"; margin-top: 0px; background-color:transparent; text-align:left;}
.accordian_box .accordian_list_wrap .accordian_title .title_content{width: 90%}
.accordian_box .accordian_list_wrap .accordian_title .title.question .gray_border_box { display: none; width: fit-content; border: 1px solid #d8d8d8; color: #787878; border-radius: 50px;  font-size: 13px;padding: 0 8px;}


/* accordian con */
.accordian_box .accordian_list_wrap .accordian_con{display: none;padding: 0px 40px 0 110px ;color: #666;font-size: 1.063rem; padding-bottom: 25px;}
.accordian_box .accordian_list_wrap .accordian_answer{display: none;padding: 30px 40px ;color: #666;border-top: 1px solid #e8e8e8;font-size: 1.063rem;}
.accordian_box .accordian_list_wrap .accordian_file{display: none; padding: 20px 30px 20px 40px;color: #666;border-top: 1px solid #e8e8e8;font-size: 1rem;}
/* accordian box - open */
.accordian_box .accordian_list_wrap.on{background-color: #f6f9fd; border-top: 2px solid #d8e6ff;}
.accordian_box li.accordian_list_wrap.on:first-of-type {border-top: none;}
.accordian_box .accordian_list_wrap.on .accordian_title{background-image: url(../image/sub/accordian_arrow_open.png); margin-bottom: 0px; padding-bottom: 0px;}
.accordian_box .accordian_list_wrap.on .accordian_con{display: block;}
.accordian_box .accordian_list_wrap.on .accordian_answer{display: block;}
.accordian_box .accordian_list_wrap.on .accordian_file{display: block;}

/* accordian box answer */
.accordian_box .accordian_list_wrap.on .accordian_answer li .admin_mask {position: relative; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; background-color:#f6f9fd;}
.accordian_box .accordian_list_wrap.on .accordian_answer li .admin_mask img{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 1; }
.accordian_box .accordian_list_wrap.on .accordian_answer li{display: inline-block; vertical-align: top;}
.accordian_box .accordian_list_wrap.on .accordian_answer li.txt{padding-left: 20px; width: calc(100% - 100px);}
.accordian_box .accordian_list_wrap.on .accordian_answer li.txt p{ min-height: 50px;}

/* accordian box file */
.accordian_box .accordian_list_wrap.on .accordian_file{ width:100% ;font-size: 1rem;}
.accordian_box .accordian_list_wrap.on .accordian_file .w100 {width: 100% !important;}
.accordian_box .accordian_list_wrap.on .accordian_file table {width: 100%;}
.accordian_box .accordian_list_wrap.on .accordian_file table tr {border: 0 !important; }
.accordian_box .accordian_list_wrap.on .accordian_file table .txt{vertical-align: top; padding-top: 3px;}
.accordian_box .accordian_list_wrap.on .accordian_file table a{display:block !important;}
.accordian_box .accordian_list_wrap.on .accordian_file span{font-size: 1rem;color: #666;margin-right: 10px;line-height: 36px;}
.accordian_box .accordian_list_wrap.on .accordian_file a{line-height: 36px;display: inline-block;font-size: 1rem;color: #333; margin-right: 20px;padding:2px 0;padding-left: 35px;background-position: 0 50%;background-repeat: no-repeat;}
.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download{display: inline-block !important; margin: 0 !important;   padding: 0 20px;height: 40px;line-height: 38px;color: #666;font-size: 0.875rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 8px;}
.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download img{display: inline-block;margin-right: 4px;}
.accordian_box .accordian_list_wrap.on .accordian_file table .all_down {vertical-align: bottom; text-align: right;}

.accordian_box .accordian_list_wrap.on .accordian_file a.default{background-image: url(../image/sub/icon_office_default.png);}
.accordian_box .accordian_list_wrap.on .accordian_file a.hancom{background-image: url(../image/sub/icon_office_hancom.png);}
.accordian_box .accordian_list_wrap.on .accordian_file a.powerpoint{background-image: url(../image/sub/icon_office_powerpoint.png);}
.accordian_box .accordian_list_wrap.on .accordian_file a.word{background-image: url(../image/sub/icon_office_word.png);}
.accordian_box .accordian_list_wrap.on .accordian_file a.video{background-image: url(../image/sub/icon_video.png);}
.accordian_box .accordian_list_wrap.on .accordian_file a:last-of-type{margin-right: 20px;}
.accordian_box .accordian_list_wrap.on .accordian_file a p i{font-style: normal;color: #999; font-size: 00.875rem; margin-left: 3px;}
.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download{display: block;padding: 0 20px;height: 40px;line-height: 38px;color: #666;font-size: 0.875rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 8px;}
.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download img{display: inline-block;margin-right: 4px;}



/* accordian box - type 2 */
.accordian_box .accordian_list_wrap2 {width: 100%;padding-top: 25px;padding-bottom: 10px; display: block;border-bottom: 1px solid #e8e8e8;}
.accordian_box .accordian_list_wrap2:last-of-type{border-bottom: 0;}

/*****title2 */
.accordian_box .accordian_list_wrap2 .accordian_title2{display: block; padding-bottom:15px;background-image: url(../image/sub/accordian_arrow_close.png); padding-left: 40px; background-position: right 40px top 22px;background-repeat: no-repeat;}
.accordian_box .accordian_list_wrap2 .accordian_title2 .title{ width: 90%; cursor: pointer;display: block;font-size: 1.125rem;font-weight:500;margin-bottom: 15px;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul{width: auto;font-size: 1rem;color: #999999;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li{display: inline-block;margin-right: 5px;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:nth-child(1){margin-right: 20px;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:nth-child(3){ color: #dee0e7; font-weight: 200; font-family: 'Roboto', sans-serif; }
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:last-of-type{margin-right: 0px; margin-left: 20px;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li .box_read_check{width: 80px;line-height: 25px;height: 27px;display: block;color: #fff;text-align: center;border-radius: 28px;font-size: 0.938rem;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p{font-size: 1rem;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p i{font-style: normal;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p i.time{font-size: 0.938rem;color: #bcbcbc;margin-left: 3px;}
.accordian_box .accordian_list_wrap2 .accordian_title2 ul li .btn_delete_icon{cursor: pointer;width:auto;line-height: 25px;height: 27px;display: block;color: #999999;background-color: #fff;border: 1px solid #999;text-align: center;border-radius: 28px;font-size: 0.875rem;background-image: url(../image/sub/btn_icon_delete.png);background-position: 10px 50%;background-repeat: no-repeat;padding-left:24px;padding-right: 12px;}

/****** con */
.accordian_box .accordian_list_wrap2 .accordian_con{display: none; color: #666;font-size: 1rem; line-height:1.56rem; margin: 0 40px; margin-top: 25px; padding:25px 0 ; border-top: 1px solid #e8e8e8}

/******- open */
.accordian_box .accordian_list_wrap2.on{background-color: #f6f9fd; border: 2px solid #d8e6ff;}
.accordian_box li.accordian_list_wrap2.on:first-of-type { border-top-right-radius:20px; border-top-left-radius:20px;}
.accordian_box li.accordian_list_wrap2.on:last-of-type { border-bottom-right-radius:20px; border-bottom-left-radius:20px;}
.accordian_box .accordian_list_wrap2.on .accordian_title2{background-image: url(../image/sub/accordian_arrow_open.png); margin-bottom: 0px; padding-bottom: 0px;}
.accordian_box .accordian_list_wrap2.on .accordian_con{display: block;}


.poa_r{position: absolute; right: 0;}
.pagination.type_01 {margin:40px 0px;}


/* media */
@media screen and (max-width: 800px) {

	.pagination.type_01 {margin:0px 0 50px 0;}
	
	/* accordian box */
	.accordian_box{width: auto;display: block;border: none; overflow: hidden;border-radius: 00px; margin: 0 15px;}
	.accordian_box li {border: 1px solid #e8e8e8; border-radius: 10px;  margin-bottom: 15px;}
	.accordian_box li:last-of-type {margin-bottom: 20px;}
	.accordian_box li ul li {border: none; margin-bottom: 0;}
	.accordian_box .accordian_list_wrap {width: 100%;padding-top: 15px; display: block;border-bottom: 1px solid #e8e8e8;}
	.accordian_box .accordian_list_wrap:last-of-type{border-bottom: 1px solid #e8e8e8;}
	
	/* accordian title */
	.accordian_box .accordian_list_wrap .accordian_title{display: block; padding-bottom:0px;background-image: url(../image/sub/accordian_arrow_close.png); padding-left: 15px; background-position: right 15px top 5px;background-repeat: no-repeat; background-size:20px; }
	.accordian_box .accordian_list_wrap .accordian_title .title{cursor: pointer;display: block;font-size: 1.063rem;font-weight:500;margin-bottom: 15px;}
	.accordian_box .accordian_list_wrap .accordian_title ul{width: auto;font-size: 1rem;color: #999999;}
	.accordian_box .accordian_list_wrap .accordian_title ul li{display: inline-block;margin-right: 20px;}
	.accordian_box .accordian_list_wrap .accordian_title ul li:last-of-type{margin-right: 0px;}
	.accordian_box .accordian_list_wrap .accordian_title ul li .box_read_check{width: 80px;line-height: 25px;height: 27px;display: block;color: #fff;text-align: center;border-radius: 28px;font-size: 0.938rem;}
	.accordian_box .accordian_list_wrap .accordian_title ul li p{font-size: 1rem;}
	.accordian_box .accordian_list_wrap .accordian_title ul li p i{font-style: normal;}
	.accordian_box .accordian_list_wrap .accordian_title ul li p i.time{font-size: 0.938rem;color: #bcbcbc;margin-left: 3px;}
	.accordian_box .accordian_list_wrap .accordian_title ul li .btn_delete_icon{cursor: pointer;width:auto;line-height: 25px;height: 27px;display: block;color: #999999;background-color: #fff;border: 1px solid #999;text-align: center;border-radius: 28px;font-size: 0.875rem;background-image: url(../image/sub/btn_icon_delete.png);background-position: 10px 50%;background-repeat: no-repeat;padding-left:24px;padding-right: 12px;}
	
	.accordian_box .accordian_list_wrap .accordian_title .title.question{ width: 90%; display: flex; flex-direction: column; justify-content: center;   min-height: 50px; font-size: 1.063rem;font-weight: 500; padding-left: 50px;}
	.accordian_box .accordian_list_wrap .accordian_title .title.question{background-image: url(../image/sub/icon_q_mob.png);background-position: left 0px top 0px;background-repeat: no-repeat; font-family: 'N-sans', "sans-serif"; margin-top: 0px; background-size: 40px 40px;}
	.accordian_box .accordian_list_wrap .accordian_title .title.question .gray_border_box {display: block; width: fit-content; border: 1px solid #d8d8d8; color: #a8a8a8; border-radius: 50px;  font-size: 13px;padding: 0 8px; margin-bottom: 3px; background-color: #fff;}
	
	
	/* accordian con */
	.accordian_box .accordian_list_wrap .accordian_con{display: none;padding: 0px 15px 15px 15px;color: #666;font-size: 0.937rem;}
	.accordian_box .accordian_list_wrap .accordian_answer{display: none;padding: 18px 15px ;color: #666;border-top:none;font-size: 0.937rem; background-color: #fff;}
	.accordian_box .accordian_list_wrap .accordian_file{display: none;padding: 18px 15px; color: #666;border-top: 1px solid #e8e8e8;font-size: 1rem;}
	
	/* accordian box answer */
	
	.accordian_box .accordian_list_wrap.on .accordian_answer li {border:none;  margin-bottom: 0px;}
	.accordian_box .accordian_list_wrap.on .accordian_answer li .admin_mask { width: 40px; height: 40px;}
	.accordian_box .accordian_list_wrap.on .accordian_answer li .admin_mask img{width: 100%;}
	.accordian_box .accordian_list_wrap.on .accordian_answer li.txt{padding-left: 15px; width: calc(100% - 50px);}
	
	/* accordian box file */
	.accordian_box .accordian_list_wrap.on .accordian_file{ width:100% ;font-size:  0.686rem;;}
	.accordian_box .accordian_list_wrap.on .accordian_file span{font-size: 0.686rem;color: #666;margin-right: 0px;line-height: 15px;}
	.accordian_box .accordian_list_wrap.on .accordian_file a{font-size: 0.686rem;background-size: 15px 15px; padding-left: 20px; margin-right: 0px; line-height: 15px;} 
	.accordian_box .accordian_list_wrap.on .accordian_file a.default{background-image: url(../image/sub/icon_office_default.png);}
	.accordian_box .accordian_list_wrap.on .accordian_file a.hancom{background-image: url(../image/sub/icon_office_hancom.png);}
	.accordian_box .accordian_list_wrap.on .accordian_file a.powerpoint{background-image: url(../image/sub/icon_office_powerpoint.png);}
	.accordian_box .accordian_list_wrap.on .accordian_file a.word{background-image: url(../image/sub/icon_office_word.png);}
	.accordian_box .accordian_list_wrap.on .accordian_file a.video{background-image: url(../image/sub/icon_video.png);}
	.accordian_box .accordian_list_wrap.on .accordian_file a:last-of-type{margin-right: 20px;}
	.accordian_box .accordian_list_wrap.on .accordian_file a p i{font-style: normal;color: #999; font-size:  0.686rem;; margin-left: 3px;}
	.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download{display: block; min-width: 80px; padding: 0 6px;height: 25px;line-height: 23px;color: #666;font-size: 00.686rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 3px;}
	.accordian_box .accordian_list_wrap.on .accordian_file a.btn_download img{display: inline-block; width: 8px;}
	.accordian_box .accordian_list_wrap.on .accordian_file table .all_down {vertical-align: top; text-align: right;}
	.accordian_box .accordian_file table col:first-child {width: 45px;}
	.accordian_box .accordian_file table col:last-child {width: 100px;}
	
	/* accordian box - open */
	.accordian_box .accordian_list_wrap.on{background-color: #f6f9fd; border: 2px solid #d8e6ff;}
	.accordian_box li.accordian_list_wrap.on:first-of-type {border-top:2px solid #d8e6ff;}
	.accordian_box .accordian_list_wrap.on .accordian_title{background-image: url(../image/sub/accordian_arrow_open_blue.png); margin-bottom: 0px; padding-bottom: 0px;}
	
	/* 추가 */
	/* accordian box - type 2 */
	.accordian_box .accordian_list_wrap2 {position: relative; width: 100%;padding-top: 20px;padding-bottom: 0px; display: block;border-bottom: 1px solid #e8e8e8; }
	.accordian_box .accordian_list_wrap2:last-of-type{ border-bottom: 1px solid #e8e8e8;}
	
	/*****title2 */
	.accordian_box .accordian_list_wrap2 .accordian_title2{display: block; padding-bottom:15px;background-image: url(../image/sub/accordian_arrow_close.png); padding-left: 12px; background-position: right 15px top 5px;background-repeat: no-repeat; background-size: 20px;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 .title{ width: 90%; cursor: pointer;display: block;font-size: 1.063rem;font-weight:500;margin-bottom: 5px; margin-top: 20px;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul{width: auto;font-size: 1rem;color: #999999;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li{display: inline-block;margin-right: 0px;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:nth-child(1){margin-right: 0px; position: absolute; top: 15px; left: 15px;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:nth-child(3){ color: #dee0e7; font-weight: 200; font-family: 'Roboto', sans-serif; }
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li:last-of-type{margin-right: 0px; margin-left: 5px; margin-bottom: 0;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li .box_read_check{width: auto; min-width:60px;height: 22px; line-height: 20px; padding: 0 10px; display: block;color: #fff;text-align: center;border-radius: 28px;font-size: 0.813rem;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p{font-size:  0.813rem;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p i{font-style: normal;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li p i.time{font-size: 0.813rem;color: #bcbcbc;margin-left: 3px;}
	.accordian_box .accordian_list_wrap2 .accordian_title2 ul li .btn_delete_icon{cursor: pointer;width:auto;line-height: 20px;height: 22px;display: block;color: #999999;background-color: #fff;border: 1px solid #999;text-align: center;border-radius: 28px;font-size: 0.813rem;background-image: url(../image/sub/btn_icon_delete.png);background-position: 6px 50%;background-repeat: no-repeat;padding-left:15px;padding-right: 6px; background-size: 7px;}
	
	/****** con */
	.accordian_box .accordian_list_wrap2 .accordian_con{display: none; color: #666;font-size: 0.937rem; line-height:1.56rem; margin: 0 15px; margin-top: 10px; padding:18px 0 ; border-top: 1px solid #e8e8e8}
	
	/******- open */
	.accordian_box .accordian_list_wrap2.on{background-color: #f6f9fd; border: 2px solid #d8e6ff;}
	.accordian_box li.accordian_list_wrap2.on:first-of-type { border-top-right-radius:20px; border-top-left-radius:20px;}
	.accordian_box li.accordian_list_wrap2.on:last-of-type { border-bottom-right-radius:20px; border-bottom-left-radius:20px;}
	.accordian_box .accordian_list_wrap2.on .accordian_title2{background-image: url(../image/sub/accordian_arrow_open.png); margin-bottom: 0px; padding-bottom: 0px;}
	.accordian_box .accordian_list_wrap2.on .accordian_con{display: block;}
}

/* templete_flat 적용 */
.templete_flat .accordian_box{border-radius:0;}