@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&family=Red+Hat+Display:wght@300;400;500;600;700;800;900&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');

/*  영역  */	
body { font-size:16px; font-family:'Noto Sans KR', dotum, sans-serif; font-weight:400; letter-spacing:-0.04em; }
input, button, select {margin:0; padding:0; font-family:'Noto Sans KR', dotum, sans-serif; font-size:16px}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:15px}
select {margin:0}

/* 길이 자르기 */
.ellips_ { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*  전체 영역  */	
#wrap { width:100%; min-width:1450px; height:auto !important; height:100%; min-height:100%; overflow-y:hidden; font-family:'Noto Sans Kr'; letter-spacing:-0.06em;}

/* TM */	
.tm { float:right;position:absolute; z-index:99999; right:50px; top:35px; color:#fff; }
.tm a { color:#fff; text-decoration:none; }
.tm img { margin:0 3px; }
.tm .sitemap_off { margin:0 0 0 30px; opacity:1; }
.tm .sitemap { margin:0 0 0 -50px; position:absolute; opacity:0; }

.span_ll { padding:0 5px; font-family:'dotum'; font-size:14px; font-weight:normal; }


/* GNB */
#gnb { display:inline-block; position:absolute; z-index:99; width:100%; min-width:1440px; height:100px; margin:0 auto; margin-top:0; } 
.gnb_container { top:0; left:0; width:100%; height:100px; line-height:0; position:relative; z-index:30; border-bottom:1px #8592A2 solid; opacity:1;filter:alpha(opacity=100); transition: all .5s ease; }
.gnb_container:hover { background:#fff; transition: all .5s ease; }
.gnb_container .temp_gnb { width:100%; height:100%; min-width:1440px; margin:0 auto; position:relative; }

.gnb_wrap { width:100%; height:100%; margin:0 auto; text-align:center; position:relative; }
.gnb_wrap .bg_wrap { top:0; left:0; position:absolute; z-index:1; width:100%; height:100%; }
.gnb_wrap .bg_wrap .bg { width:100%; height:100%; margin:0 auto;  }
.gnb_wrap .bg_wrap .bg .logo { top:24px; left:50px; position:relative; z-index:4; width:240px; height:52px; opacity:1; }
.gnb_wrap .bg_wrap .bg .logo_on { top:24px; left:50px; position:absolute; z-index:4; width:240px; height:52px; opacity:0;}
	
.gnb_wrap .g_wrap { display:inline-block; width:1080px; position:relative; z-index:1; margin:0 auto; overflow:hidden; margin-left:0px; }
.gnb_wrap .g_wrap .btn { display:inline-block; *display:inline; zoom:1; margin-top:24px; line-height:20px; padding:20px 40px 30px 40px; font-family:'Noto Sans Kr'; color:#fff; font-size:22px; font-weight:500; overflow:hidden; cursor:pointer; letter-spacing:-0.06em; }

.bar_container { width:100%; position:absolute; top:97px; left:0; }
.bar_container .bar_wrap { position:relative; }
.bar_container .bar_wrap .bar { width:0px; height:3px; background:#fff; position:relative; }
	
.snb_wrap { position:relative; width:100%; top:5px; }
.snb_wrap .temp_wrap { position:relative; margin:0 auto; text-align:center; opacity:1; filter:alpha(opacity=100); }
.snb_wrap .wrap { top:0px; width:100%; text-align:center; position:absolute; overflow:hidden; background:#175883; }
.snb_wrap .wrap .bg { display:none; top:0; width:100%; height:100%; margin:0 auto; position:absolute; }
.snb_wrap .wrap .bg_img { display:none; float:center; top:15px; right:48.3%;  width:630px; height:100%; position:absolute; margin:0 auto; }

.snb_wrap .wrap .btn_wrapper { display:inline-block; top:0px; position:relative; width:100%; margin:0 auto; text-align:center;  padding-left:0px; }
.snb_wrap .wrap .btn { display:inline-block; float:center; /*width:180px;*/ padding:0 20px; line-height:70px; position:relative; cursor:pointer; /* 2차메뉴 width */}
.snb_wrap .wrap .btn .title { float:left; padding:0; text-align:center; display:inline-block; *display:inline; zoom:1; /* 언더라인 간격 */}
.snb_wrap .wrap .btn .txt { display:inline-block; position:relative; z-index:2; font-family:'Noto Sans Kr'; font-size:18px;font-weight:400; color:#fff; letter-spacing:-0.03em; }

.snb_wrap .wrap .btn:after { content:""; display:block; width:0px; height:50px; background:#175883; position:absolute; z-index:1; bottom:40px; left:0%; transform:translateX(0%); transition:width 0.4s; opacity:1;}
.snb_wrap .wrap .btn:hover:after { display:inline-block; list-style:none; float:left; width:100%; line-height:50px; }

.snb_wrap .wrap .btn .underline { display:block; bottom:0px; height:50px; left:0; background:#175883; position:absolute; z-index:1;  }
.snb_wrap .wrap  .h_line { /*display:block; */ display:none; width:1px; height:16px; background:#000; opacity:1; filter:alpha(opacity=100); top:26%; left:0px; position:absolute; }	



/*  MAIN VISUAL  */	
#visual_main { position:relative; z-index:1; width:100%; height:800px; margin-top:0px; }
#mvisual_contents { width:100% !important; height:800px; position:relative;overflow:hidden; top:0px; }
#mvisual_contents .main_img_wrap { min-width:800px;position:inherit !important; width:100% !important;}
.main_img_wrap .main_text_area {margin:0 auto;width:800px;position:relative;height:800px;}

.mvisual_01_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg1.jpg'); background-repeat:no-repeat; background-size:cover; }
.mvisual_01_text .txt1_1 {position:absolute; top:200px; margin:0 auto;}
.mvisual_02_text { width:100% !important; height:800px; position:relative; background:url('../images/MainVisual/bg1.jpg'); background-repeat:no-repeat; background-size:cover; }
.mvisual_02_text .txt2_1 {position:absolute; top:200px; margin:0 auto;}

.mvisualBtn {     display: block; /* 기존 display:none;은 삭제! */
    position: absolute;
    left: 0;
    bottom: 337px;  /* 슬라이드 하단에서 70px 위, 더 위로 띄우고 싶으면 값 조정 */
    width: 100%;
    text-align: center;
    z-index: 20;
    pointer-events: none; /* 버튼만 클릭 가능하게 */}

.mvisualBtn .agenda-btn {
    display: inline-block;
    pointer-events: auto;
    background: #2056d7;
    color: #fff;
    padding: 20px 56px;
    border-radius: 34px;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 36px rgba(32,86,215,0.10), 0 1.5px 7px rgba(0,0,0,0.11);
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s;
    opacity: 0.97;
}
.mvisualBtn .agenda-btn:hover {
    background: #123a88;
    box-shadow: 0 8px 44px rgba(32,86,215,0.23);
}

.pn_nav { display:none; position:absolute; z-index:99999; margin-top:325px; width:100%; }
.pn_nav_area {margin:0 auto;width:100%;position:relative}
.pn_nav a em.prev_btn { position:absolute; width:100px;height:160px;display:inline-block; left:60px; cursor:pointer; opacity:0.8; }
.pn_nav a em.next_btn { position:absolute; width:100px;height:160px;display:inline-block; right:60px; cursor:pointer; opacity:0.8; }


/* 학술공개워크삽 */
.section1_container {  display:block; width:100%; height:550px; margin-top:-273px; position:relative; z-index:2; text-align:center; background:url('../images/section2_bg.png'); background-repeat:no-repeat; background-size:cover; }
.section1_wrap { width:1300px; top:-56px; margin:0 auto; position:relative; }
.section1_wrap .box1 { float:left; width:645px; }
.section1_wrap .box2 { float:left; width:645px; margin-left:10px; }

/* 공지사항, 학회일정 */
.section2_container { display:inline-block; width:100%; height:400px; position:relative;  z-index:2; text-align:center; }
.section2_wrap { width:1300px; margin:0 auto; text-align:center; margin-top:-95px; }
.section2_wrap .box1 { float:left; width:295px; }
.section2_wrap .box2 { float:left; width:502px; margin-top:95px; padding:0 50px; border-right:1px #ddd solid; }
.section2_wrap .box2 .la_tit { padding-top:30px; font-family:'Noto Sans Kr'; text-align:left; font-weight:600; font-size:30px; line-height:66px; letter-spacing:-0.05em; border-bottom:1px #ddd solid; }
.section2_wrap .box3 { float:left; width:502px; margin-top:95px; padding:0 50px; }
.section2_wrap .box3 .la_tit { padding-top:30px; font-family:'Noto Sans Kr'; text-align:left; font-weight:600; font-size:30px; line-height:66px; letter-spacing:-0.05em; border-bottom:1px #ddd solid; }

/* 한국바른검진연구회 */
.section3_container { display:inline-block; width:100%; position:relative; text-align:center; padding-top:110px; background:url('../images/section3_bg.jpg'); background-repeat:no-repeat; background-size:cover;  }

/* 학술행사 */
.section4_container { display:inline-block; width:100%; height:700px; position:relative; text-align:center;  }
.section4_container > p:nth-child(1){ margin-top:90px; font-family: 'roboto'; font-size:14px; font-weight:600; letter-spacing:0.3em;  }
.section4_container > p:nth-child(2) { padding-top:20px; font-family: 'RixMyeongjo-B'; font-size:50px;  letter-spacing:0.1em; }
.section4_container > p:nth-child(3) { padding-top:20px; font-size:20px; font-weight:300; line-height:28px; letter-spacing:-0.05em; }
.section4_wrap { width:1350px; top:0; margin:0 auto; position:relative; margin-top:30px; }

/* 바른검진네트워크 맵 */
.section8_container { display:inline-block; width:100%; margin-top:0px; position:relative; z-index:2; text-align:center; }
.section8_container > p:nth-child(1){ margin-top:20px; font-family: 'roboto'; font-size:14px; font-weight:600; letter-spacing:0.3em;  }
.section8_container > p:nth-child(2) { padding-top:20px; font-family: 'RixMyeongjo-B'; font-size:50px;  letter-spacing:-0.05em; }
.section8_wrap { display:inline-block; width:100%; top:50px; margin:0 auto; position:relative; background:url('../images/section8_bg.jpg'); background-repeat:no-repeat;  background-position:50%;  }

/* 바른검진네트워크 */
.section5_container { display:inline-block; width:100%; height:1108px; margin-top:40px;  position:relative; text-align:center;  }
.section5_container > p:nth-child(1){ margin-top:90px; font-family: 'roboto'; font-size:14px; font-weight:600; letter-spacing:0.3em;  }
.section5_container > p:nth-child(2) { padding-top:20px; font-family: 'RixMyeongjo-B'; font-size:50px;  letter-spacing:-0.05em; }
.section5_wrap { width:1350px; top:0; margin:0 auto; position:relative; margin-top:30px; border-bottom:1px #ddd solid; }


/* 메인하단배너 */
.section6_container { display:inline-block; width:100%; padding:70px 0 90px 0; position:relative; text-align:center; }
.section6_wrap { width:1300px; margin:0 auto; position:relative; }

/* 네트워크 맵 */
.section7_container {  display:block; width:100%; height:720px; margin-top:0px; position:relative; z-index:2; text-align:center; background:url('../images/section7_bg.jpg'); background-repeat:no-repeat;  background-position:50%; }

/* 배너 디자인 */
#section_banner_container {
  width: 100%;
  padding: 32px 0;
  background: transparent; /* 필요시 색상 추가 */
  display: flex;
  justify-content: center;
}

.banner-row {
  display: flex;
  gap: 24px; /* 배너 간의 간격 */
  justify-content: center;
  align-items: center;
}

.banner-img {
  width: 160px;
  height: 110px;
  object-fit: cover;
  border-radius: 12px; /* 둥글게 처리, 옵션 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  transition: transform 0.2s;
}

.banner-img:hover {
  transform: scale(1.05);
}



/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%;  top:-20px; }

/* SNB */
#snb_container { display:block; position:relative; z-index:3; width:100%; margin-top:-50px; text-align:center; }
#snb_wrap { width:1300px; height:60px; margin:0 auto; text-align:center; }


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; top:0px; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; }
#board .bo_cont { width:100%; min-height:620px; padding:50px 0 100px 0; margin:0 auto; margin-top:0px; height:auto !important; } 
#board .bo_cont1 {  width:1300px; min-height:620px; padding:50px 0 100px 0; text-align:left; margin:0 auto; height:auto !important; } 

.cate_pc { display:inline-block; width:100%; position:relative; z-index:5; }
.cateBtn {  display:block; position:relative; width:1300px; margin:0 auto; text-align:left; margin-bottom:20px; }
.cateBtn .nav { float:left; left:0; margin-top:195px; position:absolute;  }
.cateBtn .nav ul { margin:0; padding:0; font-size:20px; font-weight:500; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; height:46px; padding:0 30px; line-height:46px; /* 깜빡임 없앰 -> */ background:#eee; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span { display:block; height:44px; padding:0 30px; margin-left:-30px; margin-right:-30px; background:#222; color:#fff; text-align:center; cursor:pointer;  }

.cateBtn1 { display:inline-block; position:relative; width:1300px; height:220px; margin:0 auto; }
.cateBtn1 .nav { float:left; left:0; margin-top:40px; position:absolute;  }
.cateBtn1 .nav ul { margin:0; padding:0; font-size:19px; font-weight:400; letter-spacing:-0.05em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; float:left; width:14.3%; height:52px; line-height:52px; border:1px #ccc solid; margin-right:-1px; margin-bottom:-1px; text-align:center; cursor:pointer; }
.cateBtn1 .nav li a { display:inline-block;position:relative; text-align:center; cursor:pointer; width:100%; height:52px; transition:all ease-out .3s;  }
.cateBtn1 .nav li a:hover { background:#046093; color:#fff; text-decoration:none; transition:all ease-out .3s;  }
.cateBtn1 .nav li span { display:inline-block; float:left; width:100%; height:51px; line-height:51px; background:#046093; color:#fff; text-align:center; cursor:pointer; }


.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:50px; margin-bottom:10px; padding:0; }
.snb_tit .bo_tit { display:inline-block; width:100%; font-family:'Noto Sans Kr'; font-size:45px; font-weight:600; line-height:70px;  }
.snb_tit .bo_line { display:inline-block; width:60px; height:1px; margin:0 auto; background:#444; } 

.share-btn{  position:absolute; z-index:99999; width:30px;height:30px; top:31px; right:0px; float:right; cursor:pointer}
.sch_pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:991100;display:none}
.sch_pop .sch_pop_data{position:absolute;	display:block;	top:63%;left:45%;width:860px; height:568px; margin-left:-350px; margin-top:-250px;z-index:999999999; }
.sch_pop_bg{	position:absolute;	top:0;left:0;width:100%;height:100%;	background:url("") left top repeat;	background:rgba(0,0,0,0.7); z-index:99999999}
.sch_pop .btn_sch_close{display:block;position:absolute;z-index:20;top:50%;left:40%;margin-left:470px;margin-top:-350px;}

/* LAYER */
.layerBtn {position:fixed; top:110px;right:10px; width:80px; height:182px; z-index:99999; }
.layerBtn img { float:left; margin:0; }

/* 하단 배너 */
.tail_banner{ display:inline-block; position:relative; width:100%; height:110px; margin:0 auto; text-align:center; padding-top:10px;border-top:1px #ddd solid; }

/* COPYRIGHT */
#tail_container { width:100%; margin:0 auto;  text-align:left; line-height:62px; font-size:18px; font-weight:300; background:#f5f5f5; border-top:1px #DEDEDE solid;}
.tail_txt { width:1300px; margin:0 auto;  text-align:left; line-height:62px; }
.tail_txt a {font-family:'Noto Sans Kr'; font-size:18px;  font-weight:300; }
.tail_txt a:hover { text-decoration:none; }
.tail_txt span { float:right; width:250px; height:62px; right:0; border-left:1px #DEDEDE solid; }
.tail_txt span select.family_site { width:250px; height:62px; font-size:18px; font-weight:300; padding:0 0 0 12px; border:0; border-right:1px #DEDEDE solid; background:#f5f5f5;}

/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; height:400px; text-align:center; top:0px; background:#f5f5f5; border-top:1px #DEDEDE solid; }
.copyright { width:1300px; margin:0 auto; text-align:center; padding:50px 0 0; }
.copyright .ft_logo { float:left; width:650px; text-align:left; font-family:'Noto Sans Kr'; font-size:18px; font-weight:400; line-height:28px; }
.copyright .ft_logo strong { font-family:'roboto'; font-size:25px; color:#000; font-weight:bold; line-height:40px; }
.copyright .ft_logo span { color:#195094; }
.copyright .ft_logo p { font-size:13px; padding-top:7px; letter-spacing:0.01em; }
.copyright .ft_map { float:left; width:650px; text-align:left; }
.copyright .span_line { clear:both; display:inline-block; width:11px; border-left:0px #999 solid; color:#999; line-height:12px; margin:0 0 0 13px; }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center;  border-top:0px #ddd solid; background:url('../images/SubVisual/bg.jpg'); background-repeat:repeat-x; }
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:140px 0 90px 0; }

/* Go Top 버튼 */
a.go-top { position: fixed; right: 100px; bottom: 100px; width: 55px; height: 55px; z-index: 999; display: none; }


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn3, a.btn3{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:380px; top:50px; width:23px;height:23px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-1px;width:1px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:0px;width:100%;height:1px;}