html, body, header{background:#fff;}
dl,dd{margin-bottom:0;}
/*list_style*/
.list_type01 li{background: url(/img/ico_bullet_line.png) no-repeat 0 13.4px; padding-left: 18px;}
.list_type02 li{background: url(/img/ico_bullet02.jpg) no-repeat 0 11.4px; padding-left: 18px;}

/*?�구?�?�기관*/
#ctt_con .sub_cont ul.logo_link{display: flex; flex-wrap: wrap;}
#ctt_con .sub_cont ul.logo_link li{width: calc((100% / 4) - 10px); margin: 0 13px 20px 0;}
#ctt_con .sub_cont ul.logo_link li .pt_logo{border: 1px solid #bababa; margin-bottom:10px;}
#ctt_con .sub_cont ul.logo_link li .pt_logo a{display: block; width: 100%; height: 100%; text-align: center;}
#ctt_con .sub_cont ul.logo_link li .pt_name{font-weight: bold;}
#ctt_con .sub_cont ul.logo_link li:nth-child(4n){margin-right: 0;}
#ctt_con .contbox h3{margin-bottom:15px;}
#ctt_con .contbox{margin-bottom:30px;}

@media(max-width:768px){
  #ctt_con .sub_cont ul.logo_link li{width:calc((100% / 2) - 7px);}
  #ctt_con .sub_cont ul.logo_link li:nth-child(2n){margin-right: 0;}
}
@media(max-width:365px){
  #ctt_con .sub_cont ul.logo_link li{width:100%; margin-right: 0;}
}
/*sub_visual*/
.sub_visual{height:200px; background: url('/img/img_sub_bg.png') no-repeat; background-size: cover;}
.sub_visual .container{height: 100%; display: flex; align-items: center; justify-content: center;}
.sub_visual .container h3{color:#fff; font-size:35px; letter-spacing: -2px;}

/*breadcrumb*/
.breadcrumb_wrap{position:relative; background-color: #244788; padding:10px 0;}
.breadcrumb_wrap .container{display: flex; justify-content: space-between;}
.breadcrumb_wrap .sub_menu ul{display: flex;}
.breadcrumb_wrap .sub_menu ul li{position: relative; border-right:1px solid #667fac;}
.breadcrumb_wrap .sub_menu ul li.third_menu_wrap{width: 232px;}
.breadcrumb_wrap .sub_menu ul li a{display: flex; align-items: center; height:46px; color:#fff; padding:0 70px 0 20px; background: url('/img/ico_down_arrow.png') no-repeat center right 20px;}
.breadcrumb_wrap .sub_menu ul li.home{border-left:1px solid #667fac;}
.breadcrumb_wrap .sub_menu ul li.home a{display: flex; align-items: center; justify-content: center; min-width:70px; padding:0; background:none;}

.breadcrumb_wrap .sub_menu ul li ul{position: absolute; top:calc(100% + 10px); display: block; width:100%; background-color: #495f89; z-index: 2;}
.breadcrumb_wrap .sub_menu ul li ul li{border:0;}
.breadcrumb_wrap .sub_menu ul li ul li a{color:#fff; padding:0; background: none; padding-left:20px;}

.breadcrumb_wrap .sub_menu ul li.first_menu_wrap .menu_list,
.breadcrumb_wrap .sub_menu ul li.second_menu_wrap .menu_list,
.breadcrumb_wrap .sub_menu ul li.third_menu_wrap .menu_list{display: none;}
.breadcrumb_wrap .sub_menu ul li.first_menu_wrap.active .menu_list,
.breadcrumb_wrap .sub_menu ul li.second_menu_wrap.active .menu_list,
.breadcrumb_wrap .sub_menu ul li.third_menu_wrap.active .menu_list{display: block;}

.breadcrumb_wrap .etc_unit ul{display: flex;}
.breadcrumb_wrap .etc_unit ul li:first-child{border-left:1px solid #667fac;}
.breadcrumb_wrap .etc_unit ul li{border-right:1px solid #667fac;}
.breadcrumb_wrap .etc_unit ul li a{display: flex; align-items: center; justify-content: center; min-width:55px; height:46px;}

.breadcrumb_wrap .etc_unit ul li a.share_link{}
.breadcrumb_wrap .etc_unit ul li .share_menu{display:none; position:absolute; top:calc(100% + 10px); width:57px; flex-direction: column;}
.breadcrumb_wrap .etc_unit ul li a.share_link.on + .share_menu{display:block;}
.breadcrumb_wrap .etc_unit ul li .share_menu li{border:0; margin-bottom:5px;}
.breadcrumb_wrap .etc_unit ul li .share_menu li:last-child{margin-bottom:0;}
.breadcrumb_wrap .etc_unit ul li .share_menu li a{min-width: auto; height:auto;}

/*공통 sub*/
#contents{padding:50px 0;}

.txt_green{color:#58b530;}

.tab_menu{margin-bottom:50px;}
.tab_menu ul{display: flex; flex-wrap: wrap;}
.tab_menu ul li{width:calc(100% / 5); border:1px solid #dbdbdb; margin-left:-1px; margin-top:-1px; text-align: center;}
.tab_menu ul li a{display: flex; align-items: center; height: 100%; justify-content: center; width:100%; padding:14px 10px; font-size:18px; color:#727272;}
.tab_menu ul li.on a{background-color: #353c43; color:#fff;}

@media(max-width:1200px){
    .tab_menu ul li{width:calc(100% / 4);}
}
@media(max-width:992px){
    .tab_menu ul li{width:calc(100% / 3);}
	
	.breadcrumb_wrap{padding:0;}
	.breadcrumb_wrap .container{display:block;}
	.breadcrumb_wrap .sub_menu ul{display:block;}
	.breadcrumb_wrap .sub_menu ul li{border-right:none;}
	.breadcrumb_wrap .sub_menu ul li.home{border-left:0;}
	.breadcrumb_wrap .sub_menu ul li.third_menu_wrap{width:auto;}
	.breadcrumb_wrap .sub_menu ul li ul{top: 100%;}
	.breadcrumb_wrap .etc_unit{display:none;}
}
@media(max-width:768px){
    .tab_menu ul li{width:calc(100% / 2);}
}
@media(max-width:480px){
    .tab_menu ul li a{font-size:16px;}
}

/*시민과함께_반부패청렴활동_신고센터*/
.report_wrap ul{display: flex; flex-wrap: wrap;}
.report_wrap ul li{width:calc((100% / 3) - 14px); margin-right:20px; background-color: #f1f1f1; padding: 90px 40px 50px; text-align: center;}
.report_wrap ul li:last-child{margin-right:0;}
.report_wrap ul li .ico_wrap{height:7em; margin-bottom:40px;}
.report_wrap ul li .tit{font-size:22px; font-weight: 600; color:#244788; line-height: 1em; margin-bottom:30px;}
.report_wrap ul li .txt{word-break: keep-all;}

@media(max-width:992px){
    .report_wrap ul li{width:100%; margin-right:0; margin-bottom:10px; padding: 70px 20px 30px;}
    .report_wrap ul li:last-child{margin-bottom:0;}
}

/*원장인사말*/
.greeting_wrap{position: relative;}
.greeting_wrap .img_wrap{position: absolute; right:0;}
.greeting_wrap .img_wrap .txt{font-size:25px; font-weight: 500; line-height: 1em; background: #58b530; color:#fff; text-align: center; padding:20px 10px; border-radius: 10px;}
.greeting_wrap .tit_wrap{display:block; margin-bottom:50px;}
.greeting_wrap .tit_wrap .tit{font-size:40px; font-weight: 500; line-height: 1.25em; margin-bottom:30px; letter-spacing: -3px;}
.greeting_wrap .tit_wrap .desc{font-size:25px; font-weight: 500; line-height: 1.4em;}
.greeting_wrap .txt_wrap{font-size:20px; font-weight: 500;}
.greeting_wrap .txt_wrap p{margin-bottom:40px;}
.greeting_wrap .txt_wrap p:last-child{margin-top:70px; margin-bottom: 0;}
.greeting_wrap .sign_wrap img{width:20%;}

@media(max-width:1200px){
    .greeting_wrap .img_wrap{display: none;}
}

/*윤리강령*/
.ethics_wrap{border:14px solid #244788; padding:110px 90px; font-size:20px;}
.ethics_wrap .tit_wrap{display:block; text-align: center; border-bottom:1px solid #d3d3d3; margin-bottom:35px;}
.ethics_wrap .tit_wrap .tit{font-size:40px; font-weight: 600; color:#244788; margin-bottom:30px;}
.ethics_wrap .tit_wrap .desc{ font-size:20px; margin-bottom:40px;}
.ethics_wrap ul{margin-bottom:60px;}
.ethics_wrap ul li{display: flex; align-items: center; margin-bottom:20px;}
.ethics_wrap ul li:last-child{margin-bottom:0;}
.ethics_wrap ul li:before{content:"1"; display: flex; align-items: center; justify-content: center; min-width:50px; width:50px; height:50px; background-color: #58b530; border-radius: 50%; color:#fff; font-weight: 600; margin-right:15px;}
.ethics_wrap ul li:nth-child(2):before{content:'2';}
.ethics_wrap ul li:nth-child(3):before{content:'3';}
.ethics_wrap ul li:nth-child(4):before{content:'4';}
.ethics_wrap ul li:nth-child(5):before{content:'5';}
.ethics_wrap ul li:nth-child(6):before{content:'6';}
.ethics_wrap ul li:nth-child(7):before{content:'7';}
.ethics_wrap ul li:nth-child(8):before{content:'8';}
.ethics_wrap ul li:nth-child(9):before{content:'9';}
.ethics_wrap .who{text-align: center;}

/*회원가입_회원구분*/
.mem_wrap ul{display: flex; justify-content: center;}
.mem_wrap ul li a{min-width:367px; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#fff; border-radius: 20px; padding:55px 70px; text-align: center;}
.mem_wrap ul li:first-child{margin-right:28px;}
.mem_wrap ul li:first-child a{background-color: #244788;}
.mem_wrap ul li:last-child a{background-color: #58b530;}
.mem_wrap ul li a .ico_wrap{display: flex; align-items: center; height:2.5em; margin-bottom:25px;}
.mem_wrap ul li a .txt_wrap{font-size:25px; font-weight: bold;}

/*로그인*/
.login_wrap{border:1px solid #dedede; border-radius: 20px; padding:122px 0 136px;}
.login_wrap .inner{width:468px; margin:auto;}
.login_wrap .logo_wrap{margin-bottom:60px;}
.login_wrap .logo_wrap ul{display: flex; align-items: center;}
.login_wrap .logo_wrap ul li{display: flex; align-items: center;}
.login_wrap .logo_wrap ul li:first-child::after{content:''; display: inline-block; width:1px; height:40px; background-color: #d2d2d2; margin: 0 20px;}
.login_wrap .logo_wrap ul li:last-child{min-width:180px; font-weight: 600; font-size: 18px; color:#222;;}

.login_wrap .login_body label{font-size:20px; line-height: 1em; font-weight: 500; margin-bottom:20px;}
.login_wrap .login_body input.form-control{border:1px solid #dcdcdc; font-size:18px; font-weight: 500; padding: 15px 20px;}
.login_wrap .login_body input::placeholder{color:#c5c5c5;}
.login_wrap .login_body .id_wrap{margin-bottom: 30px;}
.login_wrap .login_body .pw_wrap{margin-bottom: 17px;}
.find_wrap{text-align: right; margin-bottom:40px;}
.find_wrap a{font-weight: 600; color:#244788; line-height: 1em;}
.login_btn_wrap{margin-bottom:25px;}
.login_btn_wrap button{display: block; width:100%; background-color: #244788; text-align: center; line-height: 1em; font-size:20px; font-weight: 600; color:#fff; border-radius: 20px; padding:29px 10px; border:0;}
.join_wrap{text-align: center;}
.join_wrap a{font-size:20px; font-weight: 600; color:#244788; text-decoration: underline; text-underline-offset: 10px;}

/*역대원장*/
.pass_wrap{border-top:2px solid #000;}
.pass_wrap ul li{display: flex; align-items: center; padding:30px 0; border-bottom:1px solid #b3b3b3;}
.pass_wrap ul li .txt_wrap{padding-left:30px;}
.pass_wrap ul li .txt_wrap .tit_wrap{display:block;}
.pass_wrap ul li .txt_wrap .order{font-weight: 600; font-size:28px; line-height: 1em; margin-bottom: 20px;}
.pass_wrap ul li .txt_wrap .name{font-size:22px; font-weight: 600; line-height: 1.3em; margin-bottom:15px;}
.pass_wrap ul li .txt_wrap .school{font-size:18px; color:#244788; font-weight: 500; line-height: 1.3em; margin-bottom:40px;}
.pass_wrap ul li .spot{display: flex;}
.pass_wrap ul li .spot ul:last-child{padding-left:50px;}
.pass_wrap ul li .spot ul:first-child{padding-left:0;}
.pass_wrap ul li .spot ul li{padding:0; border-bottom: 0; line-height: 1.8em;}

/*소개_설립목적및비전*/
.con_wrap .tit{font-size:27px; font-weight: 600; line-height: 1em; margin-bottom:25px; word-break: keep-all;}
.con_wrap .txt{font-size:18px; font-weight: 400; line-height: 1.6em;}
.goal_wrap{}
.goal_wrap .info_wrap{text-align:center; font-size:20px;}
.goal_wrap .info_wrap .txt{display:flex; align-items:center; justify-content:center;}
.goal_wrap .info_wrap .txt:before,
.goal_wrap .info_wrap .txt:after{content:''; display:inline-block; min-width:34px; height:155px;}
.goal_wrap .info_wrap .txt:before{background:url('/img/text_left.png') no-repeat; margin-right:50px;}
.goal_wrap .info_wrap .txt:after{background:url('/img/text_right.png') no-repeat; margin-left:50px;}

.ico_arrow{text-align:center;}

.goal_wrap ul{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.goal_wrap ul li{display:flex; flex-direction: column; justify-content:center; align-items:center; min-width:230px; width:230px; height:230px; border-radius:50%; text-align:center; color:#fff;}
.goal_wrap ul li:first-child{background:#5282c8;}
.goal_wrap ul li:nth-child(2){background:#33a1d8; margin:0 60px;}
.goal_wrap ul li:last-child{background:#56b6a5;}
.goal_wrap ul li .tit{font-size:30px; margin-bottom:10px;}

.goal_wrap .goal_list ul li{margin-bottom:30px;}
.goal_wrap .goal_list ul li:last-child{margin-bottom:0;}
.goal_wrap .goal_list ul li strong{display: block; font-size:22px; font-weight: 600; line-height: 1em; margin-bottom:20px;}
.goal_wrap .goal_list ul li:first-child strong{color:#2763ba;}
.goal_wrap .goal_list ul li:nth-child(2) strong{color:#008ace;}
.goal_wrap .goal_list ul li:last-child strong{color:#2ca48f;}
.goal_wrap .img_wrap{padding-left:150px;}

.vision_wrap{margin-bottom:120px;}
.vision_wrap .tit_wrap{position:relative; display:block; text-align:center; margin-bottom:58px; background:#fff;}
.vision_wrap .tit_wrap:before{content:''; position:absolute;top:50%;; left:0; width:100%; height:1px; background:#ddd;}
.vision_wrap .tit_wrap .white_bak{position:relative; display:inline-block; background:#fff; padding:0 10px;}
.vision_wrap .tit_wrap .tit{margin-bottom:13px;}
.vision_wrap .txt{}
.vision_wrap ul{display: flex; justify-content: center;}
.vision_wrap ul li{display: flex;}
.vision_wrap ul li .item{max-width:360px; width:360px; text-align:center; border-radius:20px; overflow:hidden;}
.vision_wrap ul li:first-child .item{border:2px solid #4abbcd;}
.vision_wrap ul li:nth-child(2) .item{border:2px solid #67b083;}
.vision_wrap ul li:last-child .item{border:2px solid #5686c1;}
.vision_wrap ul li:first-child .item .tit{background:#4abbcd;}
.vision_wrap ul li:nth-child(2) .item .tit{background:#67b083;}
.vision_wrap ul li:last-child .item .tit{background:#5686c1;}
.vision_wrap ul li .item .tit{color:#fff; padding:20px 0; margin-bottom:0;}
.vision_wrap ul li .item .txt{display:flex; align-items:center; justify-content:center; height:180px;}
.vision_wrap ul li:before{content:''; min-width:40px; height: 100%; background:url('/img/ico_vision_plus.png') no-repeat 0 center; margin:0 15px;}
.vision_wrap ul li:first-child:before{display: none;}

@media(max-width:1296px){
	.vision_wrap ul{display:block;}
	.vision_wrap ul li{display:block;}
	.vision_wrap ul li:before{display:block;  background:url('/img/ico_vision_plus.png') no-repeat center center; min-width:100%; height:40px; margin:15px 0;}
	.vision_wrap ul li .item{width:100%; max-width:100%;}
}

@media(max-width:992px){
	.goal_wrap ul{flex-direction: column;}
	.goal_wrap ul li:nth-child(2){margin:15px 0;}
}

.historyWrap {}
.historyWrap .year {width:50%;margin-left:50%;border-left:2px solid #dcdcdc;position:relative;padding-bottom:50px;clear:both;}
.historyWrap .year:before {content:''; display:block; width:48px; height:48px; position:absolute; top:0; left:0; transform: translateX(-50%); background: url('/img/ico_year.png') no-repeat;}
.historyWrap .year dl {padding-left:20px; margin-bottom:0;}
.historyWrap .year:first-child dl{padding-top:40px;}
.historyWrap .year:first-child:before{top:40px;}
.historyWrap .year dl dt {display: flex; align-items: center; font-size:25px; line-height:1em; color:#244788; font-weight:600; padding:11.5px 0; margin-bottom:50px;}
.historyWrap .year dl dt:before{content: ''; display: inline-block; width:78px; height:2px; background-color: #dcdcdc; margin-right:20px;}
.historyWrap .year dl dd {margin-bottom:0;}
.historyWrap .year dl dd ul {line-height:30px;}
.historyWrap .year dl dd ul li {display: flex; font-size:18px; color:#222; font-weight: 500; line-height: 1em; margin-bottom:30px;}
.historyWrap .year dl dd ul li:last-child{margin-bottom:0;}
.historyWrap .year dl dd ul li {position: relative; padding-left:30px;}
.historyWrap .year dl dd ul li:before {content:attr(data-num); font-size:20px; font-weight:600; color:#244788; margin-left:-30px; margin-right:30px;}
.historyWrap .year dl dd ul li:after{position: absolute; top:4.5px; left:-20px; transform: translateX(-50%); content:''; display: inline-block; width:9px; height:9px; border-radius: 50%; background-color: #244788;}
.historyWrap .year.left:before {left:auto; right:0; transform: translateX(50%);}
.historyWrap .year.left {margin-right:50%; margin-left:0; border-left:0; border-right:2px solid #dcdcdc;}
.historyWrap .year.left dl {padding-left:0; padding-right:20px;}
.historyWrap .year.left dl dt {justify-content: flex-end;}
.historyWrap .year.left dl dt:before{display: none;}
.historyWrap .year.left dl dt:after{content: ''; display: inline-block; width:78px; height:2px; background-color: #dcdcdc; margin-left:20px;}
.historyWrap .year.left dl dd {}
.historyWrap .year.left dl dd ul li {text-align:right; padding-left:0; padding-right:30px; flex-direction: row-reverse;}
.historyWrap .year.left dl dd ul li:before {margin-left:30px; margin-right:-30px;}
.historyWrap .year.left dl dd ul li:after{left: auto; right:-20px; transform: translateX(50%);}

/*CI*/
.basic_wrap{margin-bottom:80px;}
.basic_wrap .basic_info{margin-bottom:50px;}
.divide_2{display: flex;}
.divide_2 .item{width:calc(50% - 14px);}
.divide_2 .item .tit{font-weight: 500; font-size:25px; color:#244788;}
.divide_2 .item:first-child{margin-right:28px;}
.divide_2 .item img{display: inline-block;}
.down_wrap{text-align: center; margin-top:30px;}
.down_wrap .down_btn{display: inline-block; width:230px; color:#244788; font-weight: 500; line-height: 1em; padding:18px 16px; border:1px solid #244788; background: url('/img/ico_download.png') no-repeat center right 16px; text-align: left;}

.color_wrap{margin-bottom:100px;}
.color_wrap .color_info{margin-bottom:30px;}
.color_wrap .color_bak{display: flex; align-items: center; justify-content: center; width:636px; height:347px; border:1px solid #d2d2d2; margin-bottom:30px;}
.color_wrap .color_bak.gray{background-color: #595959; margin-bottom: 0;}
.color_wrap .color_list{padding-left:60px;}
.color_wrap .color_list li:first-child{margin-bottom:16px;}
.color_wrap .color_list li .green_color,
.color_wrap .color_list li .pantone_color{display: flex; align-items: center; font-size:18px;}
.color_wrap .color_list li .green_color:before,
.color_wrap .color_list li .pantone_color:before{content:''; display: inline-block; min-width:90px; height: 90px; margin-right:30px;}
.color_wrap .color_list li .green_color:before{background-color: #58b530;}
.color_wrap .color_list li .pantone_color:before{background-color: #1d2b57;}

.uses_wrap{margin-bottom:50px;}
.uses_wrap .uses_info{margin-bottom:30px;}
.uses_wrap .uses_list ul{display: flex; flex-wrap: wrap;}
.uses_wrap .uses_list ul li{width:calc(25% - 6px); margin-right:7px; text-align: center; margin-bottom:30px;}
.uses_wrap .uses_list ul li:nth-child(4n),
.uses_wrap .uses_list ul li:last-child{margin-right:0;}
.uses_wrap .uses_list ul li img{display: inline-block; margin-bottom:10px;}
.uses_wrap .uses_list ul li .txt{font-size:18px; font-weight: 400; color: #222; word-break: keep-all;}

.noUses_wrap{margin-bottom:80px;}
.noUses_wrap .noUses_info{margin-bottom:30px;}
.noUses_wrap .noUses_list ul{display: flex; flex-wrap: wrap;}
.noUses_wrap .noUses_list ul li{width:calc(25% - 6px); margin-right:7px; text-align: center; margin-bottom:30px;}
.noUses_wrap .noUses_list ul li:nth-child(4n),
.noUses_wrap .noUses_list ul li:last-child{margin-right:0;}
.noUses_wrap .noUses_list ul li img{display: inline-block; margin-bottom:10px;}
.noUses_wrap .noUses_list ul li .txt{font-size:18px; font-weight: 400; color: #222; word-break: keep-all;}

/*오시는길*/
#daumRoughmapContainer1712815806574{width: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .wrap_btn_zoom{display: none !important;}
.map_address{display: flex; align-items: center; justify-content: space-between;
border: 1px solid #e7e7e7; padding: 0 55px 0 220px; height: 220px; background: url(../img/adress_img.png) no-repeat 67px center;}
.map_address .left_txt h3.map_tit{line-height: 1em; font-size: 22px; font-weight: bold; margin-bottom: 17px; color: #222;}
.map_address .left_txt p{font-size: 18px; line-height: 1em; color: #222;
display: flex; align-items: center;}
.map_address .left_txt p:last-child{margin-bottom: 0;}
.map_address .left_txt p:before{content: ''; display: inline-block;
background: url(../img/ico_map_02.png) no-repeat; min-width: 19px; height: 23px;
margin-right: 10px;}
.map_address .left_txt p:last-child:before{background: url(../img/ico_map_01.png) no-repeat;}
.map_address .right_btn{width: 139px; height: 54px; background: #ddd; line-height: 54px; background: #244788;}
.map_address .right_btn a{color: #fff; width: 100%; height: 100%; display: block; padding-left: 16px; background: url(../img/ico_map_btn.png) no-repeat  right 14px center;}
.location_txt{margin-top: 75px;}
.location_txt h3{margin-bottom: 17px; font-weight: bold; font-size: 28px;}
.location_txt dl dt{font-size: 25px; color: #244788; font-weight: 400; 
margin-bottom: 7px;}
.location_txt dl dd{font-size: 18px; line-height: 30px; color: #222;
font-weight: bold; font-weight: 400; letter-spacing: 0;}
.location_txt dl dd p{margin-bottom: 0;}
.location_txt dl dd p:last-child{margin-bottom: 0;}
.location_txt .car{margin-bottom: 51px;}
.location_txt .car dl:nth-child(2),
.location_txt .bus dl:nth-child(2){margin-bottom:30px;}

/*원훈*/
.wonhoon_wrap{background:#f8f8f8; padding:53px 67px; border-radius:20px;}
.wonhoon_wrap .tit{font-size:35px; text-align: center; margin-bottom:70px;}
.wonhoon_wrap .wonhoon_info ul{display: flex; flex-wrap: wrap;}
.wonhoon_wrap .wonhoon_info ul li{width:calc((100% / 3) - 12px); margin-right:18px;}
.wonhoon_wrap .wonhoon_info ul li:last-child{margin-right:0;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap{border:1px solid #58b530;}
.wonhoon_wrap .wonhoon_info ul li .blue_wrap{border:1px solid #244788;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap,
.wonhoon_wrap .wonhoon_info ul li .blue_wrap{display: flex; align-items: center; height:100%; position: relative; padding:42px 17px; border-radius: 20px; background:#fff;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap .tit,
.wonhoon_wrap .wonhoon_info ul li .blue_wrap .tit{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); width:65%; font-size:22px; font-weight: 500; color:#fff; border-radius: 30px; line-height: 1em; padding:10px; text-align: center;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap .tit{background-color: #58b530;}
.wonhoon_wrap .wonhoon_info ul li .blue_wrap .tit{background-color: #244788;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap .txt,
.wonhoon_wrap .wonhoon_info ul li .blue_wrap .txt{font-size:20px; font-weight: 500; text-align: center; word-break: keep-all;}
.wonhoon_wrap .wonhoon_info ul li .green_wrap .txt span{color:#58b530;}
.wonhoon_wrap .wonhoon_info ul li .blue_wrap .txt span{color:#244788;}

/*조직*/
.org_wrap{background-color: #f8f8f8; padding:57px 50px 150px;}
.org_wrap .org{ background: url('/img/org_bak2.png') no-repeat center 0;}
.org_wrap a{display: flex; align-items: center; justify-content: center;font-weight: 500; border-radius: 40px; margin:auto; text-align: center;}
.org_wrap .list01,
.org_wrap .list02{margin-bottom:48px;}
.org_wrap .list01 a{width:283px; height:72px; color:#fff; font-size:25px; font-weight: 500; background-color: #1d2b57; border-radius: 40px; margin:auto;}
.org_wrap .list02 a{width:283px; height:72px; color:#1d2b57;  background-color: #fff; border:3px solid #1d2b57; font-size:25px; margin-left:105px;}
.org_wrap .list03{margin-bottom:20px;}
.org_wrap .list03 a{width:283px; height:72px; color:#fff; background-color: #58b530; font-size:25px;}
.org_wrap .list04{margin-bottom:75px;}
.org_wrap .list04 a{width:230px; height:60px; font-size:20px; color:#292929; background-color: #fff; border:2px solid #292929; margin-bottom:8px;     margin-right: 0;}
.org_wrap .list04 a:last-child{margin-bottom:0;}
.org_wrap .list05{display: flex;}
.org_wrap .list05 a{width:calc((100% / 5) - 10px); height:60px; margin-right:10px; color:#58b530; font-size:20px; border:2px solid #58b530; background-color: #fff;}
.org_part {display: none;}
.org_part.active {display: block;}
/*#staff_01,
#staff_02,
#staff_03,
#staff_04,
#staff_05,
#staff_06,
#staff_07,
#staff_08,
#staff_09,
#staff_10,
#staff_11{padding-top:100px;}*/
.tit h3 {font-size: 30px; font-weight: bold;}


/*table style css*/
.table_style01{width:100%; border-top:2px solid #1d2b57; text-align: center; font-size:20px; font-weight: 400;}
.table_style01 th,
.table_style01 td{padding:10px; border:1px solid #b3b3b3;}
.table_style01 th:first-child,
.table_style01 td:first-child{border-left:none;}
.table_style01 th:last-child,
.table_style01 td:last-child{border-right:none;}
.table_style01 thead th,
.table_style01 tbody th{background-color: #f8f8f8;}

.table_style02 {font-size:18px;}
.table_list{text-align: left;}
.table_list ul{padding-left:20px;}
.table_list ul li{background: url('/img/ico_bullet01.png') no-repeat 0 12.5px; padding-left:16px;}

.table_style01.staff_table {font-size:18px;}
.table_style01.staff_table td.center {text-align: center;}

/*연구윤리*/
.research_wrap{font-size:18px; line-height:1.8em;}
.research_wrap .title{font-size: 28px; font-weight: 600; line-height: 1em; margin-bottom: 30px; word-break: keep-all; text-align:center;}
.research_wrap .date{text-align:right;}
.research_wrap .sub_title{font-size: 20px; font-weight: 600;}
.research_wrap .txt{margin-bottom:25px;}

/*이메일무단수집거부*/
.noemail{font-size:18px; line-height:1.8em;}

/*개인정보처리방침*/
.privacy_after{font-size:18px;}
.privacy_after div{line-height:1.8em;text-align:justify;}
.privacy_after .title1{font-size:20px;font-weight:bold;color:#58B531;margin:30px 0 0 0;}
.privacy_after .title2{font-size:20px;font-weight:bold;color:#333333;margin:10px 0 0 15px;}
.privacy_after .text0{margin:0 0 0 0;color:#666666;}
.privacy_after .text1{margin:10px 0 0 15px;}
.privacy_after .text1 ul{margin:5px 0 0 20px;}
.privacy_after .text1 li{margin:0;color:#666666;}
.privacy_after .text2{margin:5px 0 0 35px;}
.privacy_after .text2 ul{margin:5px 0 0 20px;}
.privacy_after .text2 li{margin:0;color:#999999;}
.privacy_after .text3{margin:0 0 0 15px;}
.privacy_after .ul2{margin:5px 0 0 20px;}
.privacy_after .ul3{margin:5px 0 0 35px;}
.privacy_before{padding:10px 30px;}

/*sitemap*/
.sitemap_wrap{font-size:18px;}
.sitemap_wrap .sitemapbox{display:flex; flex-wrap:wrap; margin-top:25px;}
.sitemap_wrap .sitemapbox .sitemapbox1{width:calc((100% / 3) - 7px); margin-right:10px;}
.sitemap_wrap .sitemapbox .sitemapbox1:last-child{margin-right:0;}
.sitemap_wrap ul.sitemapbox li.sitemapbox1 a.sitemap_title{display:block; background:#1d2b57; color:#fff; font-size:20px; font-weight:600; padding:10px; text-align:center;}
.sitemap_wrap ul.sitemapbox li ul{background:#f8f8f8; height:100%; padding: 10px 20px;}
.sitemap_wrap ul.sitemapbox li ul li ul{padding:0; padding-left:15px;}

.sitemap_wrap ul.sitemapbox li ul li a{display: block; padding: 6px 10px 6px 20px; color:#222; background: url(/img/ico_bullet01.png) no-repeat 0 16px;}
.sitemap_wrap ul.sitemapbox li ul li ul a{background: url(/img/ico_bullet02.png) no-repeat 0 16px;}

/*newletter*/
.newletter_wrap{background:#1d2b57; color:#fff; text-align:center; padding:30px 20px; margin-bottom:50px;}
.newletter_wrap .tit{font-size:28px; font-weight:600; margin-bottom:25px;}
.newletter_wrap .tit:before{content: ''; display: inline-block; width: 22px; height: 18px; background: url(/img/ico_mail.png) no-repeat;  margin-right: 10px;}
.newletter_wrap .desc{font-size:18px;}
.subscribe_wrap{background:#f8f8f8; padding:30px 20px;}
.subscribe_wrap.type01{display:flex; font-size:18px;}
.subscribe_wrap.type01>div{display:flex; align-items:center; width:calc(50% - 10px);}
.subscribe_wrap.type01>div:first-child{margin-right:20px;}
.subscribe_wrap.type01>div span{min-width:113px; display:inline-block; word-break:keep-all; margin-right:30px; font-weight:600;}
.subscribe_wrap.type01>div input[type="radio"]{margin-right:4px;}

.con_wrap .tit span{display:block; margin-top:5px; font-size:19px; font-weight:400;}

.subscribe_wrap .check_list{display:flex; flex-wrap:wrap; font-size:18px;}
.subscribe_wrap .check_list li{width:calc(100% / 4); margin-bottom:10px;}
.subscribe_wrap .check_list li input{margin-right:4px;}
.subscribe_wrap .check_list li:nth-child(5),
.subscribe_wrap .check_list li:nth-child(6),
.subscribe_wrap .check_list li:nth-child(7),
.subscribe_wrap .check_list li:nth-child(8){margin-bottom:0;}

.submit_btn{display:flex; justify-content:center;}
.submit_btn input{width: 230px; border: 1px solid #244788; color:#244788; background:transparent; font-weight: 500; line-height: 1em; padding: 18px 16px; text-align:center;}

.subscribe_wrap form .form-control{/*margin-right:10px;*/ border: 1px solid #e0e0e0;}
.subscribe_wrap form button.submit_btn{min-width:130px; word-break:keep-all; border-radius: var(--bs-border-radius); border:none; background:#1d2b57; color:#fff;}
.psn_wrap .psn_box{background:#f8f8f8; padding:30px; margin-bottom:10px;}
.psn_wrap .psn_check{margin-right:5px;}



/*조직도*/
.staffiframe{color:#58b530; font-weight:600; text-decoration:underline; text-underline-offset:4px;}

/*�μ��Ұ�*/
.mgb_30{margin-bottom:30px !important;}
.mgb_40{margin-bottom:40px !important;}
.mgb_50{margin-bottom:50px !important;}

/*통합검색*/
  .search-panel {display: flex; margin-bottom: 50px; gap: 30px;} 
  .search-area {flex: 3;}
  .search-area input{padding: 5px; border-radius: 5px; border: 1px solid #dcdcdc;}
  .search-area input[type="date"] {display: flex; justify-content: flex-end; width: 25%;}
  .search-area input[type="text"] {width: 100%; padding: 5px; overflow: hidden; border: 1px solid #dcdcdc;}
  .search-area input[type="radio"] {appearance: none; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #dcdcdc;
  background: #fff; cursor: pointer;}
  .search-area input[type="radio"]:checked {border: 5px solid #1d2b57;}
  /*.search-area input[type="date"]::-webkit-datetime-edit {
  display: none;
}*/
  .search-area .search-bar {display: flex; gap: 10px; margin-bottom: 30px;}
  .search-area .search-bar input {width: 100%; padding: 15px; border: 2px solid #1d2b57;}
  .search-area .search-bar button {border: none; border-radius: 10px; background: #434a54; color: #fff; font-weight: bold; min-width: 110px;}
  .search-refine {border-radius: 10px; overflow: hidden;}
  .search-filters {position: relative; padding: 38px 40px; background: #f7f7f7;} 
  .search-filters .filter-item {display: flex; margin-bottom: 25px;} 
  .search-filters .filter-item strong {display: block; min-width: 110px; margin-right: 30px; color: #1d2b57; font-size: 18px;} 
  .search-filters .filter-item.research-area .radio-group label {width: 125px; cursor: pointer; font-size: 18px;}
  .search-filters .filter-item .input-wrap {display: flex; width: 100%;}
  .search-filters .filter-item .input-wrap .input-date {display: flex; width: 100%;}
  .search-filters .filter-item .input-wrap span {margin: 0 5px;}
  .search-filters button.btn-refine {position: absolute; border: none; background: #1d2b57; color: #fff; font-weight: 500; padding: 4px 24px; font-size: 20px; border-radius: 10px; right: 35px; bottom: 59px;}
  .search-suggestions {display: flex; margin-bottom: 30px;}
  .search-suggestions .title {display: flex; align-items: center; margin-right: 20px; word-break: keep-all;}
  .search-suggestions .title img {margin-right: 5px;}
  .search-suggestions ul {display: flex; flex-wrap: wrap;}
  .search-suggestions ul li {margin-right: 10px; border-radius: 30px; background-color: #f7f7f7;}
  .search-suggestions ul li a {padding: 8px 30px; color: #000; font-size: 18px;}
  .search-suggestions ul li:last-child{margin-right: 0;}
  .hot-searches {flex: 1; padding: 30px; border-radius: 10px; overflow: hidden; background: #edf3fc;}
  .hot-searches strong {display: inline-block; margin-bottom: 20px; color: #1d2b57; font-size: 20px;}
  .hot-searches ul li a {color: #434a54;}
  .rank {counter-reset: rank;}
  .rank li {display: flex; counter-increment: rank; margin-bottom: 4px;}
  .rank li a {font-size: 18px;}
  .rank li::before {display: flex; justify-content: center; align-items: center; width: 27px; height: 27px; content: counter(rank) "";  font-weight: bold; background-color: #434a54; margin-right: 18px; color: #fff;}
  .rank li:nth-child(-n+3)::before {background-color: #1d2b57;}
  .search-result .result-head {display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 2px solid #434a54;}
  .search-result .result-head .title strong {font-size: 22px;}
  .search-result .result-head .title span {font-size: 18px;}
  .search-result .result-head .sort {display: flex;}
  .search-result .result-head .sort a {display: flex; align-items: center; font-size: 18px; color: #000;}
  .search-result .result-head .sort a::after {content: ''; display: block; width: 1px; height: 18px; margin: 0 10px; background: #434a54;}
  .search-result .result-head .sort a:last-child::after {display: none;}
  .search-result .result-head .sort a.selected {color: #1d2b57; font-weight: 500;}
  .search-result .result-head .sort a.selected::before {content: ''; display: block; width: 16px; height: 12px; background: url(/img/icon-check.png) no-repeat; margin-right: 7px;}
  .search-result .result-list ul {display: flex; flex-direction: column; margin-bottom: 50px;}
  .search-result .result-list ul li {display: flex; flex-direction: column; padding: 30px 0; border-bottom: 1px solid #dcdcdc;}
  .search-result .result-list ul li .result-content {display: flex; margin-bottom: 20px;}
  .search-result .result-list ul li .img-wrap {min-width: 200px; max-width: 200px; width: 100%; margin-right: 30px; border: 1px solid #e7e7e7;}
  .search-result .result-list ul li .img-wrap img {width: 100%; height: 100%;}
  .search-result .result-list ul li .info-wrap .category {display: inline-block; margin-bottom: 12px; }
  .search-result .result-list ul li .title {display: flex; margin-bottom: 20px;}
  .search-result .result-list ul li .title a {display: block;font-size: 20px;  color: #000; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold;}
  .search-result .result-list ul li .snippet {margin-bottom: 20px; font-size: 18px;}
  .search-result .result-list ul li .snippet p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
  .search-result .result-list ul li .post-meta {display: flex; font-size: 18px; justify-content: space-between;}
  .search-result .result-list ul li .post-meta .data {display: flex;}
  .search-result .result-list ul li .post-meta .data span::after {content: ''; display: inline-block; width: 1px; height: 17px; background-color: #434a54; margin: 0 10px; vertical-align: -2px;}
  .search-result .result-list ul li .post-meta .data span:last-child::after {display: none;}
  .search-result .result-list ul li .post-meta .btn-view-wrap {display: flex; flex-direction: column;}
  .search-result .result-list ul li .post-meta .btn-view-wrap a {color: #3d3d3d; font-size: 15px; border: 1px solid #ddd; padding: 5px 15px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
  .search-result .result-list ul li .post-meta .btn-view-wrap a:last-child {margin-bottom: 0;}
  .search-result .result-list ul li .post-meta .btn-view-wrap a span {margin-right: 15px;}
  .search-result .result-list ul li .post-meta .btn-view-wrap img {width: 24px; height: auto;}
  .search-result .result-list ul li .post-meta .data.type01 {}
  /*.search-result .result-list ul li .post-meta span {display: flex; align-items: center;}
  .search-result .result-list ul li .post-meta span:first-child::after {content: ''; display: inline-block; width: 1px; height: 17px; background-color: #434a54; margin: 0 10px; vertical-align: -2px;}
  .search-result .result-list ul li .post-meta span.date {margin-left: 20px; color: #434a54;}*/
  .search-result .result-list .btn-more {margin-bottom: 90px; text-align: center;}
  .search-result .result-list .btn-more a {display: inline-block; padding: 7px 30px; background: #dcdcdc; color: #000; font-size: 20px; border-radius: 10px;}
  .result-list .btn-wrap .btn-item {display: flex; align-items: center; margin-bottom: 7px;}
  .result-list .btn-wrap .file-name {font-size: 17px; margin-bottom: 0; word-break: keep-all;}
  .result-list .btn-wrap button {border: none; border-radius: 10px; background: #edf3fc; color: #000; font-weight: bold; font-size: 16px; padding: 5px 15px; margin-left: 10px; word-break: keep-all;}
  .result-list .btn-wrap a {font-size: 17px; margin-bottom: 0;}
  .result-list .btn-wrap a {border: none; border-radius: 10px; background: #edf3fc; color: #000; font-weight: bold; font-size: 16px; padding: 5px 15px; margin-left: 10px; word-break: keep-all;}
  .search-result .keyword {color: #58b530; font-weight: bold;}
  @media screen and (max-width: 990px) {
    .search-suggestions ul li a {padding: 8px 10px}
    .search-panel {flex-direction: column;}
    .hot-searches ul {display: flex; flex-wrap: wrap;}
    .rank li {margin-right: 25px;}
    .rank li::before {margin-right: 8px;}
    .search-result .result-list ul li .result-content {flex-direction: column;}
    .search-result .result-list ul li {flex-direction: column; align-items: center;}
    .search-result .result-list ul li .img-wrap {margin: 0 auto 20px;}
  }
  @media screen and (max-width: 768px) {
    .filter-item {flex-direction: column;}
    .search-filters .filter-item .input-wrap {flex-direction: column;}
    .search-filters .filter-item strong {margin-bottom: 10px;}
    .search-filters button.btn-refine {bottom: 15px; left: 50%;transform: translateX(-50%);}
    .search-area input[type="date"] {width: 50%;}
    .search-filters {padding: 30px 30px 70px;}
    .hot-searches {padding: 22px;}
    .search-area .search-bar button {min-width: 80px;}
    .search-suggestions ul li {margin-bottom: 5px;}
    .search-area .search-bar input {padding: 10px;}
    }
    .search-result .result-list ul li .post-meta .data {flex-direction: column;}
    .search-result .result-list ul li .post-meta .data span::after {display: none;}
      @media screen and (max-width: 575px) {
        .search-result .result-list ul li .post-meta {flex-wrap: wrap;}
        .search-result .result-list ul li .post-meta span:first-child::after {display: none;}
        .search-result .result-list ul li .post-meta span {margin-right: 10px;}
        .search-result .result-list ul li .post-meta span.date {margin-left: 0;}
      }

.info_box{background: #eaeaea; padding:40px 36px; border-radius: 10px;}
.con_wrap .tit2{font-size:23px; line-height: 1em; margin-bottom:20px; word-break: keep-all; color:#244788; font-weight:600;}
.con_wrap .tit3{position:relative; display:flex; align-items:center; font-size:20px; line-height: 1em; margin-bottom:10px; word-break: keep-all; font-weight:600; padding-left:15px;}
.con_wrap .tit3:before{position:absolute; top:6px; left:0; content:''; display:inline-block; width:3px; height:20px; background:#000; }

.researchers_list{display: flex; flex-wrap: wrap;}
.researchers_list .item{width:calc(50% - 7.5px); margin-right:15px; margin-bottom:10px; border:1px solid #e0e0e0; padding:30px 25px;}
.researchers_list .item:nth-child(2n){margin-right:0;}
.researchers_list .item .name_wrap{display: flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.researchers_list .item .name_wrap .name{display: flex; align-items: center; font-size:20px; color:#666;}
.researchers_list .item .name_wrap .name span{color:#000; font-weight: 700; margin-right:5px;}
.researchers_list .item .name_wrap .name span:before{display: inline-block; content:''; width:16px; height:16px; background: url(/img/ico_person.png) no-repeat; margin-right:10px;}
.researchers_list .item .name_wrap .spot{font-size:18px;}

.researchers_list .item .info_wrap{display:flex; flex-wrap:wrap; margin-bottom:15px;}
.researchers_list .item .info_wrap .tel{display:flex; align-items:center; margin-right:20px;}
.researchers_list .item .info_wrap .tel:before{content:''; display:inline-block; width:24px; height:24px; background:url('/img/ico_phone_0.png') no-repeat; background-size:24px; margin-right:5px;}

.researchers_list .item .info_wrap .email{display:flex; align-items:center;}
.researchers_list .item .info_wrap .email:before{content:''; display:inline-block; width:24px; height:24px; background:url('/img/ico_mail_0.png') no-repeat; background-size:24px; margin-right:5px;}

.researchers_list .item .work_wrap{display: flex; align-items: center; justify-content: space-between;}
.researchers_list .item .work_wrap ul{font-size:18px; line-height: 1.7em;}
.researchers_list .item .work_wrap ul li{background: url('/img/ico_bullet_line.png') no-repeat 0 center; padding-left:18px;}
.researchers_list .item .work_wrap .detail_btn a{display: flex; align-items: center; justify-content: center; width:60px; height:60px; background: #58b530; color:#fff; border-radius: 50%;}

/*������ modal*/
.modal_wrap{}
.modal_wrap .inner{width:70%; height:720px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:50px 40px 30px; border:1px solid #e0e0e0; background:#fff; z-index:999;}
.modal_wrap .inner .close_btn{position:absolute; top:15px; right:30px; width:30px; height:30px; border-radius:50%; background:#1d2b57; color:#fff; font-weight:bold; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.modal_wrap .inner .con_wrap{width:100%; height:100%; overflow-y:auto;}

.modal_wrap .inner .con_wrap::-webkit-scrollbar{width:10px;} /*��ũ�ѹ� �� �ʺ� ����*/
.modal_wrap .inner .con_wrap::-webkit-scrollbar-thumb {background: #1d2b57;} /*��ũ�ѹ� ��� ����*/
.modal_wrap .inner .con_wrap::-webkit-scrollbar-track{background:#f1f1f1;} /*��ũ�ѹ� ��� ����*/

/*�������˾�*/
#staff_popup .info_wrap{display:flex; align-items:center; justify-content:space-between; flex-direction: row-reverse;}
#staff_popup .info_wrap .picture{text-align:center;}
#staff_popup .info_wrap .picture img{display:inline-block; border:1px solid #ddd; overflow:hidden;}
#staff_popup .info_wrap table{width:50%;}

#staff_popup .table_style01{font-size:16px;}

@media(max-width:992px){
    .researchers_list .item{width:100%; margin-right:0;}
}
@media(max-width:480px){
    .researchers_list .item .name_wrap,
    .researchers_list .item .work_wrap{display: block;}
    .researchers_list .item .name_wrap .name{margin-bottom:5px;}
    .researchers_list .item .work_wrap ul{margin-bottom:20px;}

    .researchers_list .item .work_wrap .detail_btn a{width:100%; border-radius: 0; height:auto; padding:7px 10px;}
}

@media(max-width:1400px){
	/*조직*/
    .org_wrap .org{background: url('/img/org_bak_line.png') no-repeat center 0; background-size: 800px 636px;}
}
@media(max-width:1200px){
    /*조직*/
    .org_wrap .org{background-size: 630px 636px;}
    .org_wrap .list04 a{width:215px;}
}
@media(max-width:992px){
    .mb_none{display: none;}

    .ethics_wrap{padding: 50px 30px;}

    /*회원가입_회원구분*/
    .mem_wrap ul li{width:calc(50% - 14px);}
    .mem_wrap ul li a{min-width:auto; padding: 55px 20px;}

    /*역대원장*/
    .pass_wrap ul li .spot{display: block;}
    .pass_wrap ul li .spot ul:last-child{padding-left:0;}

    /*소개_설립목적및비전*/
    .goal_wrap{flex-direction: column-reverse;}
    .goal_wrap .img_wrap{padding-left:0; margin-bottom:20px;}

    .historyWrap .year {margin-left:20px; width:calc(100% - 20px);}
	.historyWrap .year dl dt {}
	.historyWrap .year.left {margin-right:0; margin-left:20px; width:calc(100% - 20px); border-left:1px solid #d9d9d9; border-right:0;}
	.historyWrap .year.left:before {left:0; right:auto;}
	.historyWrap .year.left dl {padding-left:20px;}
	.historyWrap .year.left dl dt {text-align:left;}
	.historyWrap .year.left dl dd {}
	.historyWrap .year.left dl dd ul li {flex-direction: row; text-align:left; padding-left:30px; padding-right:0;}
	.historyWrap .year.left dl dd ul li:before {float:left; margin-left:-30px; margin-right:30px;}
    .historyWrap .year dl dd ul li{line-height: 1.3em;}

    .historyWrap .year.left:before{transform: translateX(-50%);}
    .historyWrap .year.left dl dt {justify-content: flex-start;}
    .historyWrap .year.left dl dt:before{display: block;}
    .historyWrap .year.left dl dt:after{display: none;}
    .historyWrap .year.left dl dd ul li:after{left:-20px; right:auto; transform: translateX(-50%);}

    /*CI*/
    .divide_2{flex-direction: column;}
    .divide_2 .item:first-child{margin-right:0; margin-bottom:30px;}
    .divide_2 .item{width:100%;}

    .color_wrap .color_bak{width:100%; height:auto; padding:120px 20px;}

    .color_wrap .color_list{padding-left:0;}
    .color_wrap .divide_2:nth-child(2){margin-bottom:30px;}
    .color_wrap .color_bak,
    .color_wrap .color_bak.gray{margin-bottom:20px;}

    .uses_wrap .uses_list ul li .txt,
    .noUses_wrap .noUses_list ul li .txt{font-size:16px;}

    .uses_wrap .uses_list ul li{width:calc((100% /3) - 5px);}
    .uses_wrap .uses_list ul li:nth-child(4n){margin-right:7px;}
    .uses_wrap .uses_list ul li:nth-child(3n){margin-right:0;}

    .noUses_wrap .noUses_list ul li{width:calc((100% /3) - 5px);}
    .noUses_wrap .noUses_list ul li:nth-child(4n){margin-right:7px;}
    .noUses_wrap .noUses_list ul li:nth-child(3n){margin-right:0;}

    /*오시는길*/
    .map_address{background: 0; padding: 0 40px;}

    /*원훈*/
    .wonhoon_wrap .wonhoon_info ul li{width:100%; margin-right:0; margin-bottom:40px;}
    .wonhoon_wrap .wonhoon_info ul li:last-child{margin-bottom:0;}

    /*조직*/
    .org_wrap{padding:40px 20px;}
    .org_wrap .org{background: none;}
    .org_wrap a{width:100% !important;}
    .org_wrap .list01{margin-bottom:15px;}
    .org_wrap .list02{margin-bottom:30px;}
    .org_wrap .list02 a{margin-left:0;}
    .org_wrap .list04{margin-bottom:30px;}
    .org_wrap .list05{flex-wrap: wrap;}
    .org_wrap .list05 a{margin-right:0; margin-bottom:8px;}
    .org_wrap .list05 a:last-child{margin-bottom: 0;}
	
	/*sitemap*/
	.sitemap_wrap .sitemapbox{display:block;}
	.sitemap_wrap .sitemapbox .sitemapbox1{width:100%; margin-right:0; margin-bottom:20px;}
	.sitemap_wrap .sitemapbox .sitemapbox1:last-child{margin-bottom:0;}
}

@media (max-width: 768px), (max-height: 800px) {
	.modal_wrap{}
	.modal_wrap .inner{width:90%; height:90%;}
}

@media(max-width:768px){
    .mem_wrap ul{display: block;}
    .mem_wrap ul li{width:100%;}
    .mem_wrap ul li:first-child{margin-right:0; margin-bottom:20px;}

    /*로그인*/
    .login_wrap{padding: 50px 20px;}
    .login_wrap .inner{width:auto;}

    /*역대원장*/
    .pass_wrap ul li{display: block;}
    .pass_wrap ul li .img_wrap{margin-bottom:20px; text-align: center;}
    .pass_wrap ul li .txt_wrap{padding-left:0;}

    /*소개_설립목적및비전*/
    .vision_wrap ul li{flex-direction: column; align-items: center;}
    .vision_wrap ul li:after{height:40px; margin:15px 0;}
    .vision_wrap ul li img{min-width:100%;}

    /*CI*/
    .color_wrap .color_bak{padding:40px 20px;}

    .uses_wrap .uses_list ul li{width:calc((100% / 2) - 3.5px);}
    .uses_wrap .uses_list ul li:nth-child(3n){margin-right:7px;}
    .uses_wrap .uses_list ul li:nth-child(2n){margin-right:0;}

    .noUses_wrap .noUses_list ul li{width:calc((100% / 2) - 3.5px);}
    .noUses_wrap .noUses_list ul li:nth-child(3n){margin-right:7px;}
    .noUses_wrap .noUses_list ul li:nth-child(2n){margin-right:0;}

    /*오시는길*/
    .map_address{flex-direction: column; justify-content: inherit !important; align-items: flex-start; padding: 20px; height: auto;}
    .map_address .left_txt{margin-bottom: 15px;}
    .location_txt dl dt{font-size: 21px;}
    .location_txt dl dd{font-size: 16px;}
	
	/*구독 신청*/
	.subscribe_wrap.type01{display:block;}
	.subscribe_wrap.type01>div:first-child{margin-right:0; margin-bottom:10px;}
	.subscribe_wrap.type01 button.submit_btn{min-width:100%; min-height:38px;}
	
	.subscribe_wrap.type01>div{width:100%;}
	.subscribe_wrap .check_list li{width:50%;}
	.subscribe_wrap .check_list li:nth-child(5),
	.subscribe_wrap .check_list li:nth-child(6){margin-bottom: 10px;}
	
	/*������*/
	.researchers_list .item{padding:20px 15px;}
	
	.researchers_list .item .name_wrap{display:block;}
	.researchers_list .item .name_wrap .name{margin-bottom:5px;}
	.researchers_list .item .work_wrap{display:block;}
	
	.researchers_list .item .work_wrap .detail_btn{margin-top:10px;}
	.researchers_list .item .work_wrap .detail_btn a{width:100%; height:auto; padding:5px 10px; border-radius:0;}
	
	/*�������˾�*/
	#staff_popup .info_wrap{display:block;}
	#staff_popup .info_wrap .picture{margin-bottom:10px;}
	#staff_popup .info_wrap table{width:100%;}
}

@media(max-width:460px){
	/*table*/
	/*.table_style01 th,
	.table_style01 td{display:inline-block;}*/
	.table_style01 th:first-child, .table_style01 td:first-child{border-right:0;}
	.table_style01 th:last-child, .table_style01 td:last-child{border-left:0;}
	
	/*�������˾�*/
	#staff_popup .table_style01 th,
	.table_style01 td{display:table-cell;}
	
     /*로그인*/
    .login_wrap .logo_wrap ul{display: block;}
    .login_wrap .logo_wrap ul li{display: block; text-align: center;}
    .login_wrap .logo_wrap ul li:first-child::after{display: none;}
    .login_wrap .logo_wrap ul li:first-child{margin-bottom:20px;}

    /*소개_설립목적및비전*/
    .historyWrap .year dl dd ul li{flex-direction: column; padding-left:0;}
    .historyWrap .year dl dd ul li:before,
    .historyWrap .year.left dl dd ul li:before{margin-left:0;}
    .historyWrap .year.left dl dd ul li{padding-left:0;}

    .historyWrap .year.left dl dd ul li{flex-direction: column;}
}

/*staff*/
#ctt_con form[name="fsearch"]{display: flex; justify-content:flex-end;}
.search_box{width:470px; display: flex; align-items: center; margin-bottom:30px;}
.search_box #bo_cate div select{min-width:179px; height: 35px; line-height: 35px; border-radius: 0; border:1px solid #dbdbdb; margin-right:5px;}
.search_box input{height:35px; margin-right:5px;}
.search_box input.frm_input{width:calc(100% - 256px);}
.search_box input.frm_input::placeholder{color:#999;}
.search_box input.btn_submit{min-width: 67px; color:#fff; background-color: #3b3b3b; border:1px solid #3b3b3b; margin-right:0;}
@media(max-width:992px){
	.board_top .bo_list_total{margin-bottom:10px;}
	.search_box{width:100%;}
}
@media(max-width:480px){
	.search_box{display:block;}
	.search_box #bo_cate div select,
	.search_box input.frm_input{width:100%; margin-right:0; margin-bottom:5px;}
	.search_box input.btn_submit{width:100%;}
	
}

.publications-section {
  display: flex;
  background: #eff4f8;
  border-radius: 20px;
  padding: 50px 35px;
  gap: 30px;
  margin-bottom: 75px;
}
.publications-section.carbon {
  background: #f4f8ef;
}
.publications-section.carbon .publication .list-wrap .category-nav {
  min-width: 100px;
}
.publications-section.carbon .publication-item .title-area strong {
  color: #00836d;
}
.publication {
  display: flex;
  flex-direction: column;
}
.publication.w75 {
  display: flex;
  flex-direction: column;
  width: 75%;
}
.publication.grid-4 {
  flex-basis: 100%;
}
.publication .list-wrap {
  display: flex;
}
.publication .list-wrap .category-nav {
  margin-right: 20px;
}
.publication .list-wrap .category-nav ul {
  display: flex;
  flex-direction: column;
}
.publication .list-wrap .category-nav .category {
  font-size: 23px;
  font-weight: 500;
}
.publication .list-wrap .category-nav ul li a {
  display: flex;
  font-size: 20px;
  min-width: 128px;
  padding: 8px 12px;
  border-radius: 10px;
  color: #000;
}
.publication .list-wrap .category-nav ul li a.active {
  color: #fff;
  font-weight: bold;
  background-color: #244788;
}
.center-swiper-wrap {
  position: relative;
  padding: 0 40px;
}
.research-swiper-wrap {
  width: 650px;
  padding: 0px 38px;
}
.research-swiper {
  overflow: hidden;
}
.carbon-swiper-wrap {
  max-width: 1100px;
}
.data-swiper-wrap {
  max-width: 1070px;
}
.center-swiper-wrap .swiper-button-next {
  right: 0 !important;
}
.center-swiper-wrap .swiper-button-prev {
  left: 0 !important;
}
.center-swiper-wrap .swiper-button-next,
.center-swiper-wrap .swiper-button-prev {
  color: #333 !important;
}
.center-swiper-wrap .swiper-button-next::after,
.center-swiper-wrap .swiper-button-prev::after {
  font-size: 33px;
}
.carbon-swiper .swiper-slide,
.data-swiper .swiper-slide {
  flex-direction: column;
}
.publication-list {
  display: flex;
  gap: 20px;
}
.publication-list .publication-item {
  flex: 1;
}
.publication-item .publication-image {
  aspect-ratio: 43 / 59;
  border: 1px solid #ced2d6;
}
.publication-item .publication-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.publication-item .title-area {
  margin-top: 14px;
  text-align: center;
}
.publication-item .title-area strong {
  font-size: 20px;
  color: #244788;
}
.publication-item .title-area p {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  margin-top: 6px;
  margin-bottom: 0;
  color: #111;
}
.publications-section .togo {
  width: 35%;
}
.publications-section .togo .tit {
  font-size: 22px;
} 
.publications-section .togo ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.publications-section .togo li {
  flex: 1;
}
.publications-section .togo li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  gap: 10px;
  background: #18468c;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  padding: 15px 20px;
  width: 100%;           
  font-size: 21px;
  box-sizing: border-box; 
  transition: background 0.3s;
}
.publications-section .togo li a img {
  margin-right: 10px;
}
.publications-section .togo li a:hover {
  background: #0f326c;
}

.publications-section .togo li img {
  width: 24px;
  height: auto;
}
.notice-section {
  display: flex;
  gap: 40px;
  height: 400px;
  margin-bottom: 80px;
}
.notice-section .notice, .schedule {
   flex: 1;
}
.notice-section .title-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.notice-section .title-area .tit {
  margin-bottom: 0;
}
.notice-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.notice-list ul li {
  width: calc(50% - 10px);
  background: #f6f6f6;
  border-radius: 12px;
}
.notice-list ul li a {
  display: inline-block;
  padding: 20px;
  color: #000;
}
.notice-list ul li a strong {
  font-size: 20px;
    /*width: 300px;*/
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 40px;
  line-height: 1.2;
}
.notice-list ul li a span {
  display: block;
  padding-top: 15px;
  border-top: 1px solid #dadada;
  color: #616161;
}
.schedule-list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.schedule-list ul li {
  background: #eff4f8;
  border-radius: 12px;
}
.schedule-list.carbon ul li {
  background: #f4f8ef;
  border-radius: 12px;
}
.schedule-list ul li a {
  display: flex;
  align-items: center;
  padding: 21px 30px;
  color: #000;
}
.schedule-list ul li a .date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 60px; 
  margin-right: 30px;
  background-color: #244788;
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
}
.schedule-list.carbon ul li a .date {
  background-color: #00836d;
}
.schedule-list ul li a span {
  font-weight: bold;
}
.schedule-list ul li a .date .day {
  line-height: 25px;
  font-size: 28px;
}
.schedule-list ul li a .date .month {
  font-size: 15px;
}
.schedule-list ul li a .title strong {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  font-size: 20px;
  font-weight: bold;
  max-width: 400px;
  margin-bottom: 12px;
}
.schedule-list ul li a .title span {
  font-weight: normal;
  color: #616161;
}
.update-section {
  margin-bottom: 80px;
}
.update-section .title-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.update-section .title-area .tit {
  margin-bottom: 0;
}
.update-list ul {
  display: flex;
  gap: 40px;
}
.update-list ul li {
  flex: 1;
  border-radius: 12px;
}
.update-list ul li a {
  display: inline-block;
  color: #000;
}
.update-list ul li a .img-wrap {
  aspect-ratio: 405/280;
  margin-bottom: 12px;
  border-radius: 20px;
  overflow: hidden;
}
.update-list ul li a .img-wrap.col {
  aspect-ratio: 794/1123;
}
.update-list ul li a img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.update-list ul li a .desc p {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 25px;
  font-size: 18px;
  color: #2e2e2e;
  text-align: center;
}
.update-list ul li a .desc .date {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #7c7c7c;
}
.update-list.w4 li {
  flex: unset;
  width: calc(100% / 4);
}
.sns-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #f5f8ef;
  height: 140px;
  border-radius: 20px;
  margin-bottom: 80px;
}
.sns-section p {
  color: #00836d;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 30px;
}
.sns-section a {
  margin-left: 15px;
}
.sns-section::before {
  content: '';
  display: inline-block;
  background: url(/img/bg-sns-01.jpg) no-repeat;
  width: 247px;
  height: 122px;
  position: absolute;
  bottom: 0;
  left: 4%;
}
.sns-section::after {
  content: '';
  display: inline-block;
  background: url(/img/bg-sns-02.jpg) no-repeat;
  width: 99px;
  height: 114px;
  position: absolute;
  bottom: 0;
  right: 10%;
}
.summary-section {
  margin-bottom: 60px;
}
.summary-section .summary-list {
  padding: 35px 30px;
  background: #eaeaea;
  border-radius: 15px;
}
.summary-section .summary-list p {
  margin-bottom: 10px;
}
.summary-section .sub-list {
  margin-top: 30px;
}
.summary-section .sub-list-item {
  margin-bottom: 50px;
}
.summary-section .sub-list p {
  margin-bottom: 10px;
}
.business-list-wrap {
  display: flex;
  flex-wrap: wrap;
}
.business-list-wrap .business-list {
  width: calc((100% - 70px) / 2);
  margin-right: 70px;
  margin-bottom: 35px;
}
.business-list-wrap .business-list:nth-child(2n) {
  margin-right: 0;
}
.business-list-wrap .business-list p {
  position: relative;
  margin-bottom: 0;
}
.business-list-wrap .business-list i {
}
.business-list-wrap .business-list i::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
}
.business-list-wrap .business-list .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner-section {
  display: flex;
  gap: 30px;
  margin-bottom: 80px;
}
.banner-section .left,
.banner-section .right {
  flex-basis: 50%;
  aspect-ratio: 645 / 320;
  border-radius: 20px;
  overflow: hidden;
  flex: 1;
}
.banner-section a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-section img {
  max-width: 100%;
}
.search-wrap {
  background-color: #f2f6fb;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-size: 20px;
}
.search-wrap .title {
  display: flex;
  align-items: center;
  margin-right: 20px;
  word-break: keep-all;
}
.search-wrap img {
  margin-right: 20px;
}
.search-wrap input {
  max-width: 370px;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #000;
  padding: 10px 0;
}
.search-wrap .search-form {
  display: flex;
  max-width: 400px;
  width: 100%;
}
.search-wrap button {
  word-break: keep-all;
  background: #000;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
  .carbon-swiper-wrap, .data-swiper-wrap {max-width: 900px;}
}
@media screen and (max-width: 1200px) {
  .carbon-swiper-wrap, .data-swiper-wrap {max-width: 750px;}
  .publications-section .togo {width: 100%;}
}
@media screen and (max-width: 1198px) {
  .publications-section {
    flex-direction: column;
    padding: 60px 45px;
  }
  .publications-section .togo li a {
    height: auto;
  }
  .sns-section {padding: 10px;}
  .sns-section p {margin-right: 5px; font-size: 25px; word-break: keep-all;}
  .sns-section::before,
  .sns-section::after {display: none;}
}
@media screen and (max-width: 992px) {
  .publications-section {
    padding: 40px 30px;
  }
  .publication .list-wrap {
    flex-direction: column;
  }
  .publication .list-wrap .category-nav {
    margin-bottom: 20px;
  }
  .publications-section .togo li a {
    height: auto;
  }
  .notice-section {
    flex-direction: column;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .research-swiper-wrap {
    width: 100%;
  }
  .publications-section {
    margin-bottom: 55px;
  }
  .schedule-list ul li a .title strong {
    width: 300px;
  }
  .business-list-wrap .business-list {
    width: 100%;
    margin-right: 0;
  }
  .update-list ul {
    flex-direction: column;
    gap: 20px;
  }
  .update-list ul li a .desc p {
    margin-bottom: 15px;
  }
  .update-list.w4 li {
    width: 100%;
  }
  .publications-section .togo li a {
    font-size: 18px;
  }
  .con_wrap .tit {
    font-size: 24px;
  }
  .schedule-list ul li a {
    flex-direction: column;
  }
  .schedule-list ul li a .date {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .summary-section {
    margin-bottom: 30px;
  }
  .summary-section .summary-list {
    padding: 25px 20px;
  }
  .banner-section {
    flex-direction: column;
    margin-bottom: 50px;
  }
  .search-wrap {
    flex-direction: column;
    font-size: 16px;
  }
  .search-wrap .title {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .publication-list {
    flex-direction: column;
  }
  .notice-list ul li {
    width: 100%;
  }
  .publication-item {
    margin-bottom: 20px;
  }
}