*{margin: 0; padding: 0; box-sizing: border-box;}
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

body{font-family: 'Nanum Gothic', sans-serif; color: #333; letter-spacing: -1px;}

/* header */
#header {width: 100%; height: 100px; line-height: 100px; border-bottom: 1px solid #ddd; background-color: #fff;}
.header {width: 100%; height: 100px; position: relative; padding: 0 60px;}
.header > * {display: inline-block;}
.header h1 {float: left; height: 100px;}
.header h1 a {display: block; height: 100px;}
.header h1 a img{vertical-align: middle;}
.header .nav_ul {position: absolute; right: 0; text-align: center;}
.header .nav_ul > li{position: relative; padding: 0 60px;}
.header .nav_ul > li > a {display: block; font-weight: 700; font-size: 22px; color: #333; text-align: left;}

.snb {width: 100%; height: 400px; position: absolute; left: 0; top: 0; z-index: 9999; background-color: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.2); display: none;}
.snb .header {height: 100px; border-bottom: 1px solid #ddd;}
.snb .header .nav_ul > li{position: relative; vertical-align: top;}
.header .nav_ul > li:after{content: ""; width: 0; height: 4px; background-color: #18245d; position: absolute; top: 96px; left: 50%; z-index: 10; transform: translateX(-50%); transition: 0.3s;}
.snb .header .nav_ul > li:hover:after{width: 150px;}
.snb .header .nav_ul > li > ul{position: absolute; top: 100px; left: 0; width: 100%; z-index: 1; margin-top: 30px; border-right: 1px solid #e9e9e9; height: 180px;}
.snb .header .nav_ul > li > ul > li > a{display: block; font-weight: 700; font-size: 16px; color: #5e5e5e; line-height: 1.7; padding: 4px 0;}
.snb .header .nav_ul > li > ul > li > a:hover {color: #18245d;}
.i-col-0 > * {display: inline-block; font-size: 16px; width: auto;}

/* mobile menu */
.mo_menu{display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.3);}
.mo_menu_top h1 a img {width: 200px;}
.mo_menu_ct{position: fixed; top: 0; right: 0; z-index: 999; width: 350px; max-width: 95%; height: 100vh; background-color: #fff;}
.mo_menu_top{padding: 50px 30px 30px 30px; background-color: #fff; border-bottom: 1px solid #eee;}
.mo_menu_top h1{display: inline-block; line-height: 1; vertical-align: middle;}
.mo_menu_close{position: absolute; top: 17px; right: 20px; z-index: 10; line-height: 1;}
.mo_menu_dp1{height: 100%; overflow-y: auto;}
.mo_menu_dp1 > li{position: relative; border-bottom: 1px solid #eee;}
.mo_menu_dp1 > li > span,
.mo_menu_dp1 > li > a{display: block; font-size: 17px; font-weight: 700; padding: 20px 30px; color: #53534b;}
.mo_menu_dp1 > li > img {position: absolute; top: 27px; right: 30px;}
.mo_menu_dp2{display: none; margin-bottom: 20px;}
.mo_menu_dp2 > li > span,
.mo_menu_dp2 > li > a{display: block; font-size: 15px; font-weight: 400; padding: 10px 30px; color: #333;}
.menu_all{display: none;}
.menu_all img{vertical-align: middle;}

@media screen and (max-width:1200px){
    .menu_all{display: inline-block; float: right; transition: 1s all;}
    .nav_ul{display: none;}
}
@media screen and (max-width:768px){
    .header{padding: 0 30px; height: 70px;}
    .header h1{height: 70px;}
    #header{height: 70px; line-height: 70px;}
    .header h1 a {width: 200px; transition: 1s all;}
}

/* footer */
.footer_wrap{position: relative; background-color: #323841; color: #adafb3; width: 100%;}
.footer_wrap ul{overflow: hidden; width: 100%; display: flex; align-items: center; padding: 50px; height: 210px;}
.footer_wrap ul li{float: left; color: #adafb3; font-weight: 700;}
.footer_wrap ul li:first-child{width: 20%;}
.footer_wrap ul li:last-child{width: 75%; padding-left: 30px;}
.footer_wrap p{font-size: 22px; line-height: 30px;}

@media screen and (max-width:768px){
    .footer_wrap ul{display: block; padding: 30px; height: auto; transition: 1s all;}
    .footer_wrap ul li{float: none; width: 100%; font-size: 14px; transition: 1s all;}
    .footer_wrap ul li:first-child{width: 100%;}
    .footer_wrap ul li:last-child{width: 100%; padding: 20px 0 0 0; transition: 1s all;}
    .footer_wrap ul li img{width: 200px;}
    .footer_wrap p{font-size: 15px; line-height: 1.3;}
}

/* 슬라이드 */
.slide_area{width: 100%; height: 800px; overflow: hidden; margin: 0 auto; position: relative; transition: 1s all;}
.slide_area img{max-width: 100%;}
.slider_wrap {max-width: 100%; height: 90vh; position: relative; min-height: 560px; overflow: hidden; width: 100%;}
.slider_wrap .slick-list,
.slider_wrap .slick-track,
.slider_wrap .slick-slide{height: 100%;}
.slide_visual_img{background-color: #000;}
.slide_visual div.slide_visual_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.2); margin: 0 !important;}
.slide_area.start .slide_visual div.slide_visual_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.2); margin: 0 !important;}
.slider_wrap .slick-current div.slide_visual_img{transform: scale(1);}
.slider_wrap .slick-current .sldier_copy_txt_box > p{transform: translate3d(0px, 0px, 0px); opacity: 1;}
.slide_visual.slick-slide .slide_visual_img {transition: transform 4s linear; transition-delay: 1s; transform: scale(1);}
.slide_visual:not(.slick-current) .slide_visual_img {transition-delay: 0s; transform: scale(1.2);}
.slide_visual_img {max-width: 100%;}
.slide_visual_img img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover;}
.slide_txt_wrap{color: #fff; position: absolute; left: 170px; top: calc(50% - 200px);}
.slide_eng{color: #bdbfc1; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.slide_title{font-size: 70px; font-weight: 800; line-height: 85px; height: 270px;}
.slide_title span{font-size: 35px; display: block; font-weight: 700; line-height: 50px;}
.slide_arrow_wrap{position: absolute; top: 150px; left: 170px;}
.slide_arrow_wrap a img{vertical-align: middle;}
.slide_arrow{display: inline-block; transition: .5s;}
.slide_arrow:hover{padding-left: 20px; transition: .5s ease-in-out;}
.slick_visual_paging{font-size: 24px; color: #fff; display: inline-block; margin: 0 15px; vertical-align: middle;}
.slick_visual_paging .slick-dots li {display: none; justify-content: space-between; color: #939393; font-weight: 700;}
.slick_visual_paging .slick-dots li.slick-active{display: inline-block;}
.slick_visual_paging .slick-dots li.slick-active span:first-of-type {color: #fff; font-weight: 700;}
.slick_visual_paging .slick-dots li.slick-active span{padding: 0 4px; font-weight: 700;}
.slide_menu_wrap{position: absolute; right: 170px; top: 500px;}
.slide_menu_wrap ul{display: flex; align-items: center; justify-content: space-around; gap: 50px;}
.slide_menu_wrap li a{text-align: center; border: 2px solid #fff; border-radius: 50%; width: 220px; height: 220px; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 5px;}
.slide_menu_wrap li a img{width: auto;}
.slide_menu_wrap li a:hover{border: 0; background-color: rgba(9, 30, 94, .8); transition: .5s;}
.slide_menu_wrap p{color: #fff; font-size: 17px; font-weight: 700;}

@media all and (max-width:1440px){
    .slide_area{height: 500px; transition: 1s all;}
    .slide_eng{font-size: 15px; transition: 1s all;}
    .slide_txt_wrap{left: 60px; top: 150px; transition: 1s all;}
    .slide_title{font-size: 40px; line-height: 50px; height: 190px; transition: 1s all;}
    .slide_title span{font-size: 20px; transition: 1s all;}
    .slide_arrow_wrap{top: 100px; left: 60px; transition: 1s all;}
    .slide_menu_wrap{display: block; position: initial; background-color: #1e1e1e;}
    .slide_menu_wrap ul{gap: 0; justify-content: center;}
    .slide_menu_wrap li{width: 33.333%;}
    .slide_menu_wrap li a{border: 0; border-right: 1px solid #fff; border-radius: 0; width: 100%; height: 120px; padding: 50px 0;}
    .slide_menu_wrap li:last-child a{border:0;}
    .slide_menu_wrap li:last-child a:hover{border: 0;}
    .slide_menu_wrap li a:hover{border-right: 1px solid #fff;}
    .slide_menu_wrap li a img{width: 40px;}
    .slide_menu_wrap li p{font-size: 16px;}
    .slider_wrap{height: auto;}
}
@media all and (max-width:768px){
    .slide_menu_wrap li p{font-size: 14px;}
}

/* 자료실 */
.btn_radius_green{background-color: #009E42; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 15px; font-weight: 500;}
.btn_radius_blue{background-color: #00A7B8; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 15px; font-weight: 500;}
.btn_radius_purple{background-color: #9A529A; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 15px; font-weight: 500;}
.btn_radius_gray{background-color: #111111; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 15px; font-weight: 500;}

.main_section01{background-color: #f7f7f7; padding-top: 50px;}
.main_section01 .main_section_box{position: relative;}
.title_wrap{width: 100%; padding-bottom: 50px;}
.title_wrap h2{font-size: 40px; font-weight: 800; display: inline-block; border-right: 1px solid #939393; padding-right: 25px; line-height: 40px; vertical-align: middle; margin-right: 25px;}
.title_wrap p{vertical-align: bottom; color: #939393; font-size: 18px; font-weight: 600; display: inline-block;}
.archive_tab{position: absolute; right: 0; top: 9px;}
.archive_tab ul{width: 670px; display: flex; justify-content: space-between; align-items: center;}
.archive_tab li{font-size: 25px; font-weight: 700; }
.archive_tab li a{color: #939393;}
.archive_tab li .active{color: #081f5e; position: relative; font-weight: 800;}
.archive_tab li .active:before{content: ''; position: absolute; width: 5px; height: 5px; background-color: #081f5e; top: 13px; left: -13px;}
.archive_btn{color: #939393; border: 1px solid #939393; border-radius: 5px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 28px;}
.archive_btn:hover{background-color: #081f5e; color: #fff; transition: .5s; border: 1px solid #081f5e;}
.slide_archive .slick-slide {margin:0 10px;}
.archive_slide_wrap{margin-top: 50px;}
.archive_box a{position: relative; display: inline-block; width: 100%; padding: 100px 45px 50px 45px; background-color: #fff; border-radius: 10px; overflow: hidden;}
.archive_box a:hover{box-shadow: 3px 5px 10px 2px rgba(17, 17, 17, .15); transition: .5s;}
.archive_category{padding-left:5px; padding-top: 2px; color: #fff; font-size: 18px; text-align: center; display: inline-block; width: 115px; height: 50px; line-height: 50px; border-radius: 10px; position: absolute; left: -5px; top: -3px;}
.archive_green{background-color: #009e42;}
.archive_sky{background-color: #00a7b8;}
.archive_purple{background-color: #9a529a;}
.archive_black{background-color: #111111;}
.slide_archive h3{color: #111111; font-size: 25px; font-weight: 800; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.archive_box div{margin-top: 50px; color: #939393; font-size: 16px;}
.archive_box .archive_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px;}
.archive_box .archive_date{text-align: right; margin-top: 30px;}
.slide_archive .slick-list{padding-bottom: 50px;}
.archive_arrow_wrap{text-align: right;}
.archive_arrow_wrap a{margin-left: 5px; display: inline-block;}

@media all and (max-width:1440px){
    .main_section_box{width: 100%; padding: 0 10px;}
    .archive_tab{position: inherit;}
    .archive_tab ul{width: 100%;}
    .archive_tab ul li{width: 18%; text-align: center; font-size: 20px; line-height: 40px;}
    .archive_tab ul li:last-child{width: 10%;}
    .archive_tab li a{width: 100%; display: inline-block; border: 1px solid #ddd; border-right: 0; font-size: 20px;}
    .archive_tab li:last-child a{border-right: 1px solid #ddd;}
    .archive_tab li .active:before{display: none;}
    .archive_tab li .active{background-color: #081f5e; color:#fff; font-weight: 700;}
    .archive_btn{border-radius: 0; line-height: inherit; height: inherit;}
    .title_wrap p{display: block; font-size: 18px; margin-top: 20px;}
    .main_section01 .main_section_box{margin: 10px auto;}
    .title_wrap h2{border: 0;}
    .slide_archive h3{font-size: 20px; height: 50px;}
    .archive_box a{padding: 80px 20px 30px 20px;}
    .archive_box div{margin-top: 20px; font-size: 15px;}
    .archive_category{width: 100px; font-size: 15px; font-weight: 700;}
}
@media all and (max-width:768px){
    .title_wrap h2{border: 0; font-size: 30px;}
    .main_section_box{margin: 10px auto;}
    .main_section01{padding-top: 30px;}
    .title_wrap{padding-bottom: 30px;}
    .archive_tab li a{font-size: 14px;}
    .slide_archive .slick-list{padding-bottom: 20px;}
    .title_wrap h2{font-size: 25px;}
    .title_wrap p{display: block; font-size: 16px; margin-top: 5px;}
}

/* 국제통용발자국검증 */
.main_section02{width: 100%; background-color: #f7f7f7; padding: 20px 0 100px;}
.main_section_box{width: 1440px; margin: 50px auto; background-color: #f7f7f7;}
.menu_2_wrap{width: 100%; overflow: hidden;}
.menu_2_wrap li{width: 50%; float: left; position: relative;}
.menu_2_wrap li a{width: 100%;}
.menu_2_wrap ul li:first-child a{background:url(/img/menu_background01.jpg) center no-repeat;}
.menu_2_wrap ul li:last-child a{background:url(/img/menu_background02.jpg) center no-repeat;}
.menu_2_arrow{position: relative; display: inline-block; margin-top: 80px;}
.menu_2_wrap a{color: #fff; padding: 70px 55px; height: 480px; display: inline-block;}
.menu_2_wrap .menu_2_arrow span{opacity: 0; position: absolute; content: ''; top: calc(50% - 22px); right: -20px;}
.menu_2_wrap a:hover span{opacity:1; transition: .5s;}
.menu_2_wrap li:first-child a:hover{background:url(/img/menu_background01_hover.jpg) center no-repeat; transition: .5s;}
.menu_2_wrap li:last-child a:hover{background:url(/img/menu_background02_hover.jpg) center no-repeat; transition: .5s;}
.menu_2_wrap h3{font-size: 38px; font-weight: 800; letter-spacing: -2px;}
.menu_2_wrap p{font-size: 20px; font-weight: 400; margin-top: 100px;}

@media all and (max-width:1440px){
    .main_section_box{width: 100%; padding: 0 10px;}
    .menu_2_wrap h3{font-size: 37px;}
    .menu_2_wrap h3 span{display: block;}
    .menu_2_wrap p{margin-top: 50px;}
    .main_section02{padding: 10px 0;}
}
@media all and (max-width:768px){
    .menu_2_wrap li{width: 100%;}
    .menu_2_wrap a{height: auto; padding: 30px;}
    .menu_2_wrap p{margin-top: 10px; font-size: 15px;}
    .menu_2_wrap p br{display: none;}
    .menu_2_arrow{margin-top: 10px; width: 100%; text-align: right;}
    .menu_2_wrap h3{font-size: 21px;}
    .menu_2_wrap h3 span{display: inline;}
    .main_section02{padding-bottom: 30px;}
}

/* menu 4개 */
.main_section03{background: fixed url(/img/menu4_background.jpg) no-repeat top center; padding: 80px 0; width: 100%;}
.menu_4_wrap{width: 1440px; margin: 0 auto;}
.menu_4_wrap ul{overflow: hidden; width: 100%;}
.menu_4_wrap li{border-right: 1px solid rgba(255, 255, 255, .2);}
.menu_4_wrap li:last-child{border: 0;}
.menu_4{width: 25%; float: left; text-align: center;}
.menu_4 a{display: inline-block; width: 100%; padding: 70px 20px; opacity: .5;}
.menu_4 a:hover{background-color: rgba(8, 31, 94, .9); opacity: 1; transition: .5s;}
.menu_4_title{color: #fff; font-size: 20px; font-weight: 800; margin-top: 10px;}
.arrow_circle{margin-top: 40px;}

@media all and (max-width:1440px){
    .main_section03{padding: 30px 0;}
    .menu_4_wrap{width: 100%;}
    .menu_4 a{padding: 20px 20px 10px;}
    .menu_4_title{margin-top: 0; font-size: 17px; height: 45px;}
    .arrow_circle{margin-top: 10px;}
    .menu_4_img img{width: 50px;}
}
@media all and (max-width:768px){
    .main_section03{padding: 0;}
    .menu_4_wrap li{border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .menu_4{width: 50%;}
    .menu_4_img{margin-top: 15px;}
    .menu_4 p{vertical-align: middle;}
    .menu_4_title{height: auto; font-size: 15px; margin-top: 5px;}
    .menu_4_img img{vertical-align: middle;}
    .arrow_circle img{vertical-align: middle; width: 25px;}
    .arrow_circle{float: right; margin-top: 10px;}
}

/* 회원사 */
.main_section04{background-color: #f8f8f8; width: 100%; margin: 0;}
.main_section04 .main_section_box{margin: 0 auto; padding: 100px 50px; position: relative;}
.slide_partner{width: 100%;}
.slide_partner a{width: 100%; display: inline-block;}
.partner_before{position: absolute; top: calc(50% - 25px); left: 0;}
.partner_next{position: absolute; top: calc(50% - 25px); right: 0;}
.slide_partner .slick-slide {margin:0 10px;}
.partner_arrow_wrap img{vertical-align: middle;}
.slide_partner img{vertical-align: middle;}

@media all and (max-width:768px){
    .main_section04 .main_section_box{padding: 50px 0 70px;}
    .partner_next, .partner_before{opacity: .5;}
    .partner_next{bottom: 20px; right: 10px; top: inherit;}
    .partner_before{bottom: 20px; left: inherit; right: 50px; top: inherit;}
    .slide_partner .slick-slide {margin:0 5px;}
    .partner_arrow_wrap img{width: 30px;}
}

/* 서브메뉴 */
.sub_title_wrap{height: 400px; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.sub_title_wrap h2{color: #fff; width: 1440px; margin: 100px auto; font-size: 40px; font-weight: 800; text-align: center;}
.visual_img{background: url('/img/sub/background/bg_notice.jpg') no-repeat;}
#visual{position: relative;}
#visual .visual_img{position:absolute; top:0px; left:0px; width: 100%; height: 100%; -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 5000ms  ease-in-out; transition:transform 5000ms ease-in-out;}
#visual.active .visual_img{-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}

.top_menu{position:relative; width:100%; background-color:#fff; z-index: 200;}
.top_menu .side_menu_inner{width:100%; border-bottom:1px solid #ddd;}
.top_menu .location_to_home_btn{float:left; width:75px; height:100px; background-color:#fff; text-align:center; display: flex; justify-content: center; align-items: center; color: #929292; position: relative;}
.top_menu .location_to_home_btn:after{position: absolute; content: ''; border-right: 1px solid #ddd; right: 0; top: calc(50% - 11px); height: 22px;}
.top_menu .menu_location{position:relative; float:left; width:260px; background-color:#fff;}
.top_menu .menu_location.open .cur_location span{color: #18245d;}
.top_menu .menu_location > .cur_location{position:relative; display:block; width:100%; height:100px; padding:0 50px 0 20px; text-align:left; background-color: #fff;}
.top_menu .menu_location > .cur_location:after{position: absolute; content: ''; border-right: 1px solid #ddd; right: 0; top: calc(50% - 11px); height: 22px;}
.top_menu .menu_location > .cur_location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#929292; font-weight:400; font-size:20px; letter-spacing:-0.5px; font-weight: 800;}
.top_menu .menu_location.location2 > .cur_location span {font-weight:700;}
.top_menu .menu_location > .cur_location .arrow{position:absolute; top:50%; right:15px; width:20px; height:20px; margin-top:-10px; font-size:16px; text-align:center; transition: all .5s;}
.top_menu .menu_location.open > .cur_location .arrow{transform:rotate(180deg); margin-top:-10px; transition: all .5s;}
.top_menu .menu_location .location_menu_con{display:none; position:absolute; top:95px; left:-1px; width:calc(101% - 1px); border:1px solid #ddd; background-color:#fff; z-index:11; padding-bottom:15px; border-top:0;}
.top_menu .menu_location .location_menu_con li:first-child{border-top: 5px solid #18245d; padding-top: 15px;}
.top_menu .menu_location .location_menu_con li a{display:block; padding:10px 20px; font-size:15px; word-break:keep-all; line-height:1.5;}
.top_menu .menu_location .location_menu_con li.on{position:relative;}
.top_menu .menu_location .location_menu_con li.on a{color:#18245d; font-weight:700;}
.area{max-width:1440px; margin:0px auto; display: flex; justify-content: left; align-items: center; height: 100px;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{max-width:1690px; margin:0px auto;}
@media all and (min-width:1440px){
	.fixed-sub-menu.top-fixed .side_menu_inner{position:fixed; top:0px; left:0px; z-index:9999;}
}
@media (max-width:768px){
    .sub_title_wrap h2{font-size: 35px;}
}

/* 공지사항 */
.sub_content_wrap{background-color: #f7f7f7; width: 100%;}
.sub_content{width: 1440px; margin: 0 auto; padding: 100px 0;}
.sub_content h3{font-size: 40px; font-weight: 800; text-align: center; margin-bottom: 100px;}
.search_wrap{width: 100%; text-align: center; margin-bottom: 80px;}
.search_wrap ul{width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.search_wrap li input{width: 500px; height: 50px;}
.search_wrap li a{width: 50px; height: 50px; background-color: #18245d; text-align: center; display: inline-block; line-height: 50px; margin-left: 10px;}
.search_wrap li a img{vertical-align: middle;}
.notice_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.notice_count{font-size: 18px; font-weight: 800;}
.notice_count span{color: #18245d;}
.notice_list_btn{width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #eeeeee; border: 1px solid #dddddd; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.notice_list_btn img{vertical-align: middle;}
.notice_list_btn:hover{transition: 1s; background-color: #18245d; border: 1px solid #18245d;}
.notice_list_btn:hover img{filter: contrast(500%);}

.notice_box_wrap ul{width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.notice_box_wrap li.notice_box:nth-child(3n){margin-right: 0;}
.notice_box{margin-right: 1%; margin-bottom: 1%; width: 32.666%; height: 360px;}
.notice_box a{width: 100%; display: inline-block; padding: 70px 40px; border: 1px solid #eee; background-color: #fff; height: 360px;}
.notice_box a:hover{border: 1px solid #929292; transition: all .5s; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.notice_title{font-size: 22px; font-weight: 700; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice_text{color: #929292; font-size: 16px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice_date{color: #929292; font-size: 16px; font-weight: 400; text-align: right; margin-top: 50px;}
.notice_box hr{border:0; border-top: 1px solid #eee; margin: 26px 0;}

.paging_wrap{width: 100%; text-align: center; margin-top: 90px;}
.paging_wrap li{display: inline-block; margin-right: 15px;}
.paging_wrap li:last-child{margin-right: 0;}
.paging_wrap li a{color: #454545; font-size: 16px; font-weight: 700; display: inline-block; padding: 5px;}
.paging_wrap li a.active{color: #18245d; font-weight: 800;}
.paging_wrap .number:hover{color: #18245d; transition: 1s; font-weight: 800;}

.notice_table{width: 100%;}
.notice_table thead{background-color: #eeeeee;}
.notice_table thead th{color: #454545; font-size: 16px; font-weight: 700; height: 50px; border: 1px solid #ddd;;}
.notice_table tbody{background-color: #fff;}
.notice_table td{text-align: center; font-size: 14px; height: 50px; border: 1px solid #ddd; font-weight: 700; padding: 5px 15px;}
.notice_table td a{display: inline-block; width: 100%; text-align: left; font-size: 14px;}
.notice_table td a:hover{transition: .5s; font-weight: 700; color: #18245d;}

.notice_btn_wrap{margin-top: 25px; text-align: right;}
.notice_view_wrap th{background-color: #eeeeee; text-align: left; height: 50px; padding: 10px 30px; font-size: 15px; font-weight: 800; color: #454545; border: 1px solid #ddd; width: 20%;}
.notice_view_wrap td{text-align: left; padding: 10px 30px; font-size: 14px;}
.notice_view_box{height: 100%; min-height: 400px; padding: 50px 0; line-height: 1.7;}
.notice_view_wrap .notice_download{border-bottom: 1px solid #333; width: auto; display: inline-block;}
.notice_table li{margin-bottom: 5px;}
.notice_table li:last-child{margin-bottom: 0;}
.notice_back_btn{display: inline-block; width: 137px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; font-weight: 700; background-color: #eeeeee; color: #929292; border: 1px solid #dddddd;}
.notice_back_btn:hover{transition: .5s all; background-color: #18245d; color: #fff; border: 1px solid #18245d;}

@media all and (max-width:1440px){
    .sub_content_wrap{padding: 0 10px;}
	.sub_content{width: 100%; padding: 60px 0;}
    .area, .area-box{width: 100%;}
    .area{height: 60px;}
    .top_menu .location_to_home_btn, .top_menu .menu_location > .cur_location{height: 40px;}
    .top_menu .menu_location > .cur_location span{font-size: 16px;}
    .sub_content h3{font-size: 30px; margin-bottom: 60px;}
    .sub_title_wrap{height: 250px;}
    .top_menu .menu_location .location_menu_con{top: 46px;}
    .notice_view_wrap{width: 100%;}
}

@media all and (max-width:768px){
    .search_wrap li input{width: 100%;}
    .search_wrap li:first-child{width: calc(100% - 50px);}
    .search_wrap li a{margin-left: 0;}
    .search_wrap{margin-bottom: 30px;}
    .notice_top{margin-bottom: 20px;}
    .notice_box a{padding: 40px 20px;}
    .notice_box{width: 49.5%; height: 280px;}
    .notice_box a{height: 100%;}
    .notice_box_wrap li.notice_box:nth-child(2n){margin-right: 0;}
    .notice_box_wrap li.notice_box:nth-child(3n){margin-right: 1%;}
    .notice_box_wrap li.notice_box:nth-child(6n){margin-right: 0;}
    .notice_title{font-size: 18px; height: auto;}
    .notice_text{font-size: 14px;}
    .notice_date{margin-top: 30px; font-size: 14px;}
    .paging_wrap{margin-top: 30px;}
    .notice_count{font-size: 16px;}
    .notice_table td{padding: 10px; min-height: 50px;}
    .notice_view_wrap th{padding: 10px;}
    .notice_view_box{padding: 20px 0;}
}

/* 자료실 */
.main_contents{background-color: #f7f7f7;}
.notice_top_library{margin-bottom: 40px; text-align: center; position: relative;}
.notice_top_library ul li{display: inline-block;}
.notice_top_library ul a{color: #929292; font-size: 20px; font-weight: 800; display: inline-block; margin: 0 30px;}
.notice_top_library ul a.active{color: #18245d; border-bottom: 3px solid #18245d;}
.notice_top_library .notice_list_btn{position: absolute; right: 0; top: 0;}
.library_list_wrap td a span{margin-right: 5px;}
.library_list_wrap td a span img{vertical-align: middle;}
.library_view_wrap td span{margin-right: 5px;}
.library_view_wrap td span img{vertical-align: middle;}
.library_box_wrap .library_icon{margin-bottom: 15px;}
.library_box_wrap .notice_box a{padding: 50px 40px;}

@media all and (max-width:1440px){
    .notice_top_library{text-align: left;}
    .notice_top_library ul a{margin: 0 10px 0 0; font-size: 17px;}
    .library_box_wrap .notice_box a{padding: 30px 20px;}
}
@media all and (max-width:768px){
    .notice_top_library ul{padding-top: 60px; overflow: hidden; width: 100%;}
    .notice_top_library ul li{width: 20%; text-align: center; float: left; background-color: #fff; border: 1px solid #ddd; margin: 0; border-right: 0;}
    .notice_top_library ul li:last-child{border-right: 1px solid #ddd;}
    .notice_top_library{margin-bottom: 20px;}
    .notice_top_library ul a{font-size: 15px; padding: 10px 5px; width: 100%; margin: 0;}
    .notice_top_library ul a.active{border-bottom: 0; background-color: #18245d; color: #fff;}
}

/* 조합소개 */
.visual_img_introduce{background: url(/img/sub/background/bg_introduce.jpg) center no-repeat;}
.map_box{width: 100%; height: 680px; overflow: hidden; background-color: #929292;}
.map_txt{margin:50px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.map_txt li{float: left; width: 50%;}
.map_txt li h4{font-size: 30px; font-weight: 700;}
.map_txt li h4 img{vertical-align: middle; margin-bottom: 3px;}
.map_txt li p{font-size: 20px; margin-top: 15px; font-weight: 700;}
.map_more{width: 100%; overflow: hidden;}
.map_more li{float: left;}
.map_more li:first-child{font-size: 20px; font-weight: 800; color: #fff; background-color: #000; text-align: center; width: 370px; height: 52px; line-height: 52px;}
.map_more li:first-child img{vertical-align: middle; margin-bottom: 2px; padding-left: 10px;}
.map_more li:last-child{font-size: 16px; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 52px; padding-left: 20px;}

@media all and (max-width:768px) {
    .map_box{height: 400px;}
    .map_txt li{float: inherit; width: 100%;}
    .map_txt li:first-child{margin-bottom: 30px;}
    .map_txt li h4{font-size: 20px; height: 33px;}
    .map_txt li p{font-size: 16px;}
    .map_more li{float: inherit; width: 100%;}
    .map_more li:first-child{width: 100%; display: block;}
    .map_more li:last-child{width: 100%; padding: 20px; line-height: 30px; text-align: left; align-items: baseline; background-color: #fff; height: auto;}
}

/* 회원사 */
.visual_img_member{background: url(/img/sub/background/bg_member.jpg) center no-repeat;}
.member_slide_wrap{position: relative; padding: 0 100px;}
.member_slide_wrap .slick-slide{margin: 0 2px;}
.member_slide_wrap a{width: auto;}
.member_list p{font-size: 22px; font-weight: 800; border-bottom: 1px solid #dedede; padding-bottom: 20px; margin: 0 100px 20px;}
.member_wrap h3{font-size: 30px;}
.member_company{position: relative; margin: 0 auto; margin-bottom: 100px; padding: 0 100px; overflow: hidden; display: flex; flex-wrap: wrap  }
.member_company > div{margin-bottom: 50px; float: left; width: calc(25% - 4px); margin-right: 5px;}
.member_company > div:nth-child(4n){margin-right: 0;}

@media all and (max-width:768px) {
    .member_company > div{width: calc(33.333% - 4px); margin-bottom: 10px; transition: 1s all;}
    .member_company > div:nth-child(4n){margin-right: 5px; transition: 1s all;}
    .member_company > div:nth-child(3n){margin-right: 0; transition: 1s all;}
    .member_list p{margin: 0 0 20px; transition: 1s all;}
    .member_company{padding: 0; transition: 1s all;}
    .member_slide_wrap{padding: 0; transition: 1s all;}
    .member_slide_wrap .partner_arrow_wrap{position: relative; margin-top: 58px; transition: 1s all;}
    .member_wrap h3{font-size: 25px; margin-bottom: 30px;}
    .member_list p{font-size: 19px;}
}

.gray_wrap{background-color: #f7f7f7;}
.member_join_wrap{margin-bottom: 110px;}
.member_join_wrap ul{display: flex; justify-content: space-between; align-items: center;}
.member_join_wrap li p{margin-top: 70px; font-size: 25px; font-weight: 700; text-align: center;}
.member_join_wrap div{margin-top: 70px; color: #929292; font-size: 20px; font-weight: 700;}
.info_table table{width: 100%;}
.info_table thead{background-color: #e7e9ee;}
.info_table th, .info_table td{border: 1px solid #929292; text-align: center; width: 16.666%;}
.info_table th{font-size: 20px; font-weight: 800; height: 88px;}
.info_table td{font-size: 16px; background-color: #fff; height: 81px; font-weight: 700;}
.info_table p{margin-bottom: 10px; color: #929292; font-size: 16px;}
.info_table p.text_right{text-align: right;}
.info_table p.text_left{text-align: left; margin-top: 15px;}
.member_info_box{margin-top: 50px; border-radius: 10px; border: 2px solid #dedede; width: 100%; padding: 70px;}
.member_info_box h4{font-size: 30px; font-weight: 800; margin-bottom: 10px;}
.member_info_box p{color: #929292; font-size: 20px;}
.member_info_box ul{margin-top: 30px;}
.member_info_box li{color: #929292; font-size: 20px; font-weight: 700; line-height: 35px;}
.member_info_box span{display: inline-block; font-size: 20px; color: #333; width: 150px;}
@media all and (max-width:1440px){
    .member_join_wrap li p{font-size: 20px; margin-top: 20px;}
    .member_join_wrap li:nth-child(odd) img{width: 100px;}
    .member_join_wrap div{font-size: 17px; margin-top: 30px;}
    .member_join_wrap{margin-bottom: 90px;}
    .info_table th, .info_table td{height: 50px; font-size: 15px;}
    .member_info_box{padding: 30px;}
    .member_info_box h4{font-size: 23px; margin-bottom: 5px;}
    .member_info_box p{font-size: 17px;}
    .member_info_box li{font-size: 17px; line-height: 25px;}
}
@media all and (max-width:768px){
    .member_join_wrap ul{display: block; width: 100%;}
    .member_join_wrap li{text-align: center; display: flex; width: 100%; padding: 10px;}    
    .member_join_wrap li br{display: none;}
    .member_join_wrap p{display: inline-block; padding-left: 20px;}
    .member_join_wrap li:nth-child(even){justify-content: center;}
    .member_join_wrap li:nth-child(even) img{transform: rotate(90deg); height: 18px;}
    .member_join_wrap li:nth-child(odd){padding: 15px 50px; border-radius: 10px; border: 1px solid #ddd; background-color: #fff; align-items: center;}
    .member_join_wrap li:nth-child(odd) img{width: 50px;}
    .member_join_wrap li p{margin: 0;}
    .member_info_box span{font-size: 17px;}
}

/* 사업소개 */
.visual_img_networking{background: url(/img/sub/background/bg_service.jpg) center no-repeat;}
.networking_img{width: 100%; margin-bottom: 100px;}
.networking_wrap{width: 70%; margin: 0 auto; transition: 1s all;}
.sub_content_txt div{margin-bottom: 80px;}
.sub_content_txt p{font-size: 18px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 5px;}
.icon_title{color: #18245d; font-size: 25px; font-weight: 800; margin-bottom: 15px; position: relative; padding-left: 20px; letter-spacing: -0.5px;}
.icon_title::before{content: ''; position: absolute; top: calc(50% - 5px); left: 0; width: 10px; height: 10px; display: inline-block; background-color: #081f5e;}
.international_wrap{width: 70%; margin: 0 auto;}
.sub_content_txt p span{color: #18245d; font-size: 14px; font-weight: 800; display: block; margin-top: 5px; padding-left: 10px;}
.international_img{margin-top: 50px; width: 100%; transition: 1s all; position: relative;}
.international_img img{cursor: pointer;}
.international_img p{color: #333; font-size: 15px; font-weight: 700; text-align: center; margin-top: 15px;}
.fancybox__slide .fancybox__content{padding: 0;}
.conference_wrap .international_img{margin-bottom: 80px;}
.rnd_photo_wrap{display: flex; justify-content: space-between; width: 100%; align-items: center;}
.tab_rnd{margin:50px 0 100px; display: flex;justify-content: center; flex-wrap: wrap; width: 100%; align-items: center;}
.tab_rnd li{width: 32.666%; margin-right: 1%; text-align: center; margin-bottom: 1%; word-break: keep-all;}
.tab_rnd li a{color: #929292; background-color: #eeeeee; font-size: 18px; border: 1px solid #dddddd; display: inline-block; width: 100%; height: 70px; display: flex; justify-content: center; align-items: center; padding: 0 10px;}
.tab_rnd li:nth-child(3){margin-right: 0;}
.tab_rnd .on{color: #fff; background-color: #18245d; font-weight: 700;}
.rnd_img h5{position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 700;}
.rnd_img .rnd_photo_wrap{justify-content: center;}
.rnd_img .rnd_photo_wrap img{margin-left: 100px;}
.rnd_grid_wrap > ul > li:nth-child(even){margin: 30px 0; padding-left: 26%; text-align: left;}
.rnd_grid_wrap > ul > li:nth-child(even) img{vertical-align: bottom;}
.rnd_grid{position: relative; width: 100%; margin: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.rnd_grid .rnd_title, .rnd_grid .rnd_txt{height: 80px; width: 50%; display: flex; justify-content: center; align-items: center;}
.rnd_grid li.rnd_number{position: absolute; left: -30px; top: calc(50% - 30px);}
.rnd_number{font-size: 30px; font-weight: 800; border-radius: 50%; background-color: #fff; width: 60px; height: 60px; line-height: 55px; display: inline-block; text-align: center;}
.rnd_title{font-size: 24px; font-weight: 800; color: #fff; text-align: center; background-color: #83c0ea;}
.rnd_txt{font-size: 16px; font-weight: 700; text-align: center; background-color: #fff; height: 80px; line-height: 1.5;}
.rnd_grid01{border: 2px solid #83c0ea;}
.rnd_grid01 .rnd_number{color: #83c0ea; border: 2px solid #83c0ea;}
.rnd_grid01 .rnd_title{background-color: #83c0ea;}
.rnd_grid02{border: 2px solid #3491c9;}
.rnd_grid02 .rnd_number{color: #3491c9; border: 2px solid #3491c9;}
.rnd_grid02 .rnd_title{background-color: #3491c9;}
.rnd_grid03{border: 2px solid #2a72b3;}
.rnd_grid03 .rnd_number{color: #2a72b3; border: 2px solid #2a72b3;}
.rnd_grid03 .rnd_title{background-color: #2a72b3;}
.rnd_grid04{border: 2px solid #083388;}
.rnd_grid04 .rnd_number{color: #083388; border: 2px solid #083388;}
.rnd_grid04 .rnd_title{background-color: #083388;}
.rnd_grid_wrap p{color: #333; font-size: 15px; font-weight: 700; text-align: center; margin-top: 20px;}
.rnd_box{position: relative; margin-top: 80px;}
.rnd_box h5{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.rnd_box ul{width: 100%; overflow: hidden;}
.rnd_box li{float: left;}
.rnd_box li:nth-child(odd){width: 30%;}
.rnd_box li:nth-child(even){width: 5%; display: inline-block; text-align: center; padding: 75px 0;}
.rnd_box li:nth-child(1){background-color: #83c0ea; border: 2px solid #83c0ea;}
.rnd_box li:nth-child(3){background-color: #3491c9; border: 2px solid #3491c9;}
.rnd_box li:nth-child(5){background-color: #2a72b3; border: 2px solid #2a72b3;}
.rnd_box li h6{font-size: 19px; text-align: center; color: #fff; display: inline-block; width: 100%; padding: 20px; font-weight: 700;}
.rnd_box li div{background-color: #fff; padding: 25px 45px; font-weight: 700;}
.rnd_box li div p{line-height: 1.5;}
.rnd_icon{position: relative; padding-left: 15px;}
.rnd_icon::before{position: absolute; content: ''; display: inline-block; width: 3px; height: 3px; top: calc(50% - 1.5px); left: 0; background-color: #081f5e;}
.rnd_small_txt{padding-left: 10px;}

@media all and(max-width:1440px){
    .icon_title{font-size: 23px;}
    .tab_rnd li a{font-size: 19px;}
}
@media (max-width:768px){
    .international_img{margin-top: 30px;}
    .networking_txt{width: 100%;}
    .networking_img{margin-bottom: 50px; transition: 1s all;}
    .icon_title{font-size: 20px;}
    .sub_content_txt p{font-size: 15px;}
    .international_wrap{width: 100%; transition: 1s all;}
    .sub_content_txt div{margin-bottom: 50px;}
    .rnd_grid_wrap{margin-top: 80px;}
    .rnd_grid{display: block; margin: 30px 0 0;}
    .rnd_grid .rnd_title, .rnd_grid .rnd_txt{width: 100%;}
    .rnd_grid li.rnd_number{left: calc(50% - 30px); top: -30px;}
    .rnd_grid .rnd_txt{font-size: 15px;}
    .rnd_title{padding-top: 30px; font-size: 20px;}
    .rnd_grid_wrap > ul > li:nth-child(even){padding: 0; text-align: center; padding-bottom: 20px; margin: 20px 0;}
    .tab_rnd li a{font-size: 15px;}
    .tab_rnd{margin: 50px 0 70px;}
    .rnd_img .rnd_photo_wrap img{margin-left: 0;}
    .rnd_img h5{position: inherit; margin-bottom: 20px;}
}
/* 설립목적 및 역할 */
.role_wrap{width: 100%;}
.role_wrap ul{display: flex; align-items: flex-start; justify-content: space-between;}
.role_wrap li{overflow: hidden; border-radius: 15px; width: 27%; z-index: 999; position: relative;}
.role_wrap li h4{font-size: 22px; font-weight: 700; color: #fff; text-align: center; background-color: #18245d; padding: 20px;}
.role_wrap li div{text-align: center; padding: 50px 20px 60px; background-color: #fff;}
.role_wrap li p{font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 25px;}
.role_wrap{position: relative;}
.role_wrap:after{position: absolute; background-color: #081f5e; left: 0; top: 50%; content: ''; display: inline-block; width: 99%; background-color:#081f5e; height: 4px;}

@media all and (max-width:1440px){
    .role_wrap li{width: 32%;}
    .role_wrap li h4{font-size: 19px; padding: 20px 10px;}
    .role_wrap li p{font-size: 17px; word-break: keep-all; height: 80px;}
    .role_wrap li div{padding: 30px 10px;}
}
@media all and (max-width:1000px){
    .role_wrap ul{display: block; transition: 1s all;}
    .role_wrap li{width: 100%; margin-bottom: 30px; transition: 1s all;}
    .role_wrap li div{padding: 20px 10px; transition: 1s all;}
    .role_wrap li div img{width: 100px; transition: 1s all;}
    .role_wrap li p{height: auto; margin-top: 10px; transition: 1s all;}
    .role_wrap:after{left: 50%; top: 0; border-top: 0; width: 4px; background-color: #081f5e; height: 100%; transition: 1s all;}
}

/* 연혁 */
.history_box {padding-bottom: 250px; background-image: url('/img/sub/logo/logo_history.png'); background-repeat: no-repeat; background-position: right bottom;}
.history {position: relative; padding: 30px 0 0;}
.history:before {content: ""; display: block; position: absolute; left: 50%; top: 0; background-color: #fff; width: 3px; height: 100%;}
.history:after {content: ""; display: block; position: absolute; left: 50%; top: 0; background-color: #18245d; width: 3px; height: 0; transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;}
.history.animate:after {height: 100%;}
.his_li .item {position: relative;}
.his_li .item:before {content: ""; display: block; width: 58px; background-color: #18245d; height: 3px; position: absolute; top: 32px;}
.his_li.right .item:before {left: 0;}
.his_li.left .item:before {right: 0;}
.his_li .item:after {content: ""; display: block; width: 19px; height: 18px; position: absolute; top: 24px; background: url('/img/sub/icon/icon_circle.png') no-repeat;}
.his_li.right .item:after {left: 57px;}
.his_li.left .item:after {right: 57px;}
.his_li.right .item {margin-left: 50%; padding-left: 73px;}
.his_li.left .item {text-align: right; margin-right: 50%; padding-right: 73px;}
.his_li .item .year {font-size: 50px; color: #18245d; font-weight: 900; letter-spacing: -2px; font-family: 'Roboto', sans-serif;}
.his_li.right .item .year {padding-left: 20px;}
.his_li.left .item .year {padding-right: 20px;}
.his_li .item .cont {padding: 10px 20px;}
.his_li .m_wrap {position: relative; margin-bottom: 30px;}
.m_wrap .month {font-size: 25px; color: #333; font-weight: 800; line-height: 1; position: relative; padding-left: 20px; font-family: 'Roboto', sans-serif;}
.m_wrap .month::before{position: absolute; content: '-'; top: 3px; left: 0;}
.m_wrap ul{margin-top: 10px;}
.m_wrap ul li {word-break: keep-all; padding: 5px 0; font-size: 20px; color: #333; font-weight: 700; margin-bottom: 5px;}
.m_wrap ul li.small{color: #929292; font-size: 14px; line-height: 1.7;}
.his_li .m_wrap:last-child{margin-bottom: 0;}
.his_li:last-child .item .cont{padding-bottom: 0;}
.his_li .m_wrap:last-child ul li.small{padding-bottom: 0; margin-bottom: 0;}
.sub_content_history{padding-bottom: 0;}

@media(max-width:768px){
    .his_li .m_wrap{padding: 20px; background-color: #fff;}
    .his_li.right .item {margin-left: 0;padding-left: 0;}
	.his_li .item:before,
	.his_li .item:after {display: none;}
    .his_li .item .cont{padding: 0;}
	.history:before,
	.history:after {display: none;}
	.his_li .item .year {font-size: 35px; margin-bottom: 10px;}
	.his_li.left .item .year {padding-right: 0;}
	.his_li.right .item .year {padding-left: 0;}
	.his_li.left .item {text-align: left;margin-right: 0;padding-right: 0;}
	.his_li.left .m_wrap .month {right: auto;left: 0;}
	.his_li.left .m_wrap {padding-right: 0;padding-left: 34px;}
	.his_li .item {margin-bottom: 20px;}
	.m_wrap .month {font-size: 20px; background-color: #081f5e; color: #fff; border-radius: 15px; padding: 2px 10px;}
	.m_wrap ul li.small{font-size: 15px;}
	.history {padding: 0;}
	.history_box {-webkit-background-size: 250px auto;background-size: 250px auto; padding-bottom: 100px;}
    .m_wrap .month::before{display: none;}
}

/* 조직도 */
.organization_wrap{margin: 0 auto; text-align: center;}
.organization_wrap span img{display: none;}
.fancybox__slide.has-image>.fancybox__content{background-color: #fff!important;}
@media(max-width:768px){
    .organization_wrap img{display: none;}
    .organization_wrap span img{display: block;}
    h1 {width: 130px;}
}

/*20231018 게시판 view 추가*/
#dext_body img{max-width:100%;}

@media (max-width: 768px){
.notice_table {table-layout: fixed;}
.notice_view_box{overflow-x: scroll; width:100%!important; height:auto;}
}

/* 20231019 추가 */ 
.slide_archive .slick-track{margin-left:0; margin-right: 0;}
.slide_arrow:hover {transition: .5s ease-in-out!important;}
.top_menu .menu_location .location_menu_con li a{color:#333;}
.role_wrap {z-index: 1;}
@media(max-width:1440px){
	.international_wrap{width:100%;}
}
@media(max-width:1000px){
	.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
    .lyr_pop {position: fixed; z-index: 9999; background: #000; left: 50%!important; top: 120px!important; padding: 1px; transform: translateX(-50%); width: 90vw; max-width: 500px; transition: 1s all;}
    .pop_body img {width: 100%; transition: 1s all;}
    #PopUpLayerZone.active{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; border-color: rgba(0,0,0,0.5); border-style: solid; border-width: 0 0 2000px 0; transition: 1s all;}
    .mo_menu_top h1{width:200px;}
    .rnd_box li{float:inherit; transition: 1s all;}
    .rnd_box li:nth-child(odd), .rnd_box li:nth-child(even){width:100%; transition: 1s all;}
	.rnd_box li:nth-child(even){padding:10px 0;}
	.rnd_box li:nth-child(even) img{transform: rotate( 90deg ); transition: 1s all;}
}

/* 20231024 추가 */
@media (max-width: 768px){
    .notice_table thead th:nth-child(1), .notice_table td:nth-child(1){width: 10%;}
    .notice_title {height: 47px;}
    .notice_table {word-break: break-all;}
}

/* 20231030 인사말 추가 */
.greeting_wrap ul{overflow: hidden; width: 100%;}
.greeting_wrap li{float: left; width: 50%;}
.greeting_wrap h4{font-size: 32px; font-weight: 600; margin-bottom: 45px;}
.greeting_wrap h4 span{color: #18245c;}
.greeting_wrap div p{font-size: 18px; line-height: 28px; margin-bottom: 45px;}
.greeting_sign{font-size: 18px; font-weight: 800; text-align: right;}
.greeting_sign span{margin-left: 10px; vertical-align: middle;}
@media(max-width:1440px){
    .greeting_wrap h4{font-size: 24px;}
    .greeting_wrap div p{font-size: 17px;}
    .greeting_wrap li{padding: 0 20px;}
    .greeting_wrap li:first-child{width: 30%;}
    .greeting_wrap li:last-child{width: 70%;}
    .greeting_wrap br{display: none;}
}
@media (max-width: 1024px){
    .greeting_wrap li{float: inherit;}
    .greeting_wrap li:first-child{width: 100%; text-align: center;}
    .greeting_wrap li:first-child > img{width: 50%;}
    .greeting_wrap li:last-child{width: 100%; margin-top: 30px;}
    .greeting_wrap h4{margin-bottom: 20px; font-size: 21px;}
    .greeting_wrap div p{margin-bottom: 20px;}
}

/*20231101 수정요청사항*/
.sub_content_txt p small{vertical-align: bottom; font-size: 10px;}
.rnd_img h5{position: inherit;}
.rnd_img .rnd_photo_wrap{justify-content: left;}
.rnd_img .rnd_photo_wrap img{margin-left: 0; margin-top: 20px; border: 1px solid #e9e9e9;}
.info_table p{color:#333;}
.content_width{width: 1008px;}
.member_company{margin-bottom: 30px;}
.sub_content.member_list{margin-top: 0; padding-top: 0;}

/* 20231103 수정건 */
.greeting_sign_w{position: absolute; right: 100px; bottom: -100px; width: 375px; height: 180px; background-color: #18245c; padding: 38px 35px; color: #999cac; font-size: 22px;}
.greeting_sign_w div{margin-top: 10px;}
.greeting_wrap li{position: relative;}
@media(max-width:1440px){
    .greeting_sign_w{position: inherit; right: 0; bottom: 0; width: 100%; font-size: 18px; padding: 35px 20px; height: auto;}
    .greeting_wrap li:first-child img{vertical-align: bottom;}
}
@media (max-width: 1024px){
    .greeting_sign_w{padding: 15px;}
    .greeting_sign_w div{display: inline-block; vertical-align: middle;}
    .greeting_wrap .greeting_sign_w div img{vertical-align: middle; margin-left: 5px;}
}

/* 20231108 수정건 */
.member_join_wrap ul li{text-align: center;}
@media screen and (min-width: 1440px) {
    .member_join_wrap ul li:nth-child(2n){padding-bottom: 130px; width: 5%;}
    .member_join_wrap ul li:nth-child(2n-1){width: 28.333%;}
}
@media (min-width: 768px) and (max-width: 1440px) {
    .member_join_wrap ul li:nth-child(2n){padding-bottom: 94px;}
}
/*.rnd_box li div{text-align: center;}*/
.rnd_box li div p{display: inline-block;}

/* 20231109 수정건 */
.member_join_wrap li p{height:65px;}
@media(max-width: 768px){
    .member_join_wrap li p{height: auto;}
    .content_width{width: 100%;}
}

/* 20231110 수정건 */
.m_wrap ul li.small{display: none;}
@media(min-width: 768px){
    .m_wrap ul {margin-bottom: 25px;}
    .his_li .m_wrap {margin-bottom: 40px;}
}
@media (max-width: 768px) {
    .m_wrap ul li{margin-bottom: 0;}
}

/* 20231115 모바일시 깨지는 부분 추가 */
@media only screen and (min-device-width : 360px) and (max-device-width : 550px) {
    .main_section03{background-attachment: inherit; background-position: center;}
    .slide_txt_wrap{left:30px;}
    .slide_arrow_wrap{left: 30px;}
    .header{padding: 0 20px;}
    body{overflow-x: hidden!important;}

    .notice_top_library ul li a{height: 61px; display: flex; align-items: center; justify-content: center;}
    .member_info_box li{margin-bottom: 15px;}
    .member_info_box span{display: block;}
}
@media(max-width:550px){
    body{overflow-x: hidden!important;}
    .container{overflow-x: hidden!important;}
    .international_wrap, .info_table{overflow-x: hidden;}
    .span_br{display: block;}
}

@media(max-width:400px){
    .tab_rnd li a{font-size: 13px;}
    .top_menu .menu_location > .cur_location{padding: 0 40px 0 10px;}
    .top_menu .menu_location > .cur_location span{font-size: 14px;}
    .sub_title_wrap h2{margin: 50px auto;}
    .sub_title_wrap{height: 200px;}
}

/* 20231130  */
.his_li .m_wrap.mgb_5{margin-bottom: 5px;}
.his_li .m_wrap.mgb_5 ul{margin-bottom: 10px;}
@media (max-width: 768px){
    .history_br{display: block;}
}
.footer_wrap p{font-weight: 500;}

/* 20231205 */
.text_box{}
.text_box > li{font-size: 20px; font-weight: 600; line-height: 36px; padding-left: 20px; position: relative; margin-bottom: 10px;}
.text_box > li:after{position: absolute; left: 0; top: 13px; background: #000; width: 8px; height: 8px; border-radius: 50%; content: '';}
.text_box ul li{font-size: 18px; line-height: 24px;}
.small_txt{color: #18245d; font-size: 14px; margin-left: 10px; padding-top: 3px; font-weight: 600;}
.mb13{margin-bottom: 13px;}
.mb35{margin-bottom: 35px!important;}
.pdl10{padding-left: 10px;}
.sub_content_txt .small_txt{line-height: 24px; padding-left:3px; padding-top: 0; margin-bottom: 15px;}
.sub_content_txt .small_txt sub { font-size: 0.8em; vertical-align: sub; }
.sub_content_txt div div{margin-bottom: 0;}
.sub_content_txt2 .text_bar{position: relative; padding-left: 15px; letter-spacing: -.5px; margin-bottom: 25px; line-height: 24px;}
.sub_content_txt2 .text_bar:before{position: absolute; top: 0; left: 0; content: '-';}
.sub_content_txt2 .text_bar01{padding-left: 110px;}
.sub_content_txt2 .text_bar02{padding-left: 103px;}
.sub_content_txt2 .text_bar03{padding-left: 107px;}
.sub_content_txt2 .text_bar01:before{content: '- ISO 14067 :';}
.sub_content_txt2 .text_bar02:before{content: '- PAS 2050 :';}
.sub_content_txt2 .text_bar03:before{content: '- ISO 14046 :';}
.mt70{margin-top: 70px;}
.visual_img_foot{background: url('/img/sub/background/bg_foot.jpg') no-repeat;}
.info_table_foot{margin-top: 40px;}
.info_table_foot .foot_title{text-align: center; font-size: 20px; margin-bottom: 20px; font-weight: 800;}
.info_table_foot th, .info_table_foot td{height: 47px; padding: 5px 15px; font-size: 18px;}
.info_table_foot td{font-size: 16px;}
.info_table_foot .foot_txt{font-size: 16px; color: #929292; line-height: 24px; margin-top:15px;}
.sub_content_txt2 .foot_text{padding-left: 20px; margin-bottom: 30px; margin-top: 15px; font-size: 18px; line-height: 26px; font-weight: 600;}
.info_table .dashed_table td{border-bottom: 1px dashed #929292; border-top: 1px dashed #929292; line-height: 24px; padding: 15px; font-size: 16px;}
.info_table .dashed_table tr:last-child{border-bottom: 1px solid #929292; border-top: 1px solid #929292;}
.info_table .dashed_table td:last-child{text-align: left;}
.text_star{margin-bottom: 20px;}
.sub_content_txt2 .text_star:before{content: '*';}
.foot_standard{padding-left: 15px;}
.foot_standard p{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.foot_standard > ul > li{margin-bottom: 20px; font-size: 18px; font-weight: 700;}
.sub_content_txt2 .foot_standard .foot_text{margin-top: 0;}