/*웹전체메뉴 */
.pc_header {  display:block;  }/*pc전체메뉴*/
.mo_header {  display:none  }/*mo전체메뉴*/
.mcon_location_wrap {  display:none  }/*mo서브메뉴*/

/*탑1단영역*/
a.top_logo {  float:left; width:250px; height:47px; background:url('/images/include/logo.png') no-repeat left center; background-size:100% }
.top_search_wrap {   float:right;  width: 590px;  height: 36px; margin: 0 auto; }
.top_search_wrap .area {  float:right; position:relative; height:36px; margin-right:10px;  padding:0px 0px; border-bottom:1px solid #C3C3C3;  }
.top_search_wrap .area:last-child {margin-right:0px;}

.sch_w1 {  width:245px;  }
.sch_w2 {  width:80px;  }
.sch_w3 {  width:400px;  }

button.search { position:absolute;right:0px; width:35px; height:35px; background: url('/images/include/btn_search.svg') no-repeat center; }
.top_user_wrap ul {  display:flex;   }
.top_user_wrap ul li {  margin-left:6px;  }
.top_user_wrap ul li a {  display:flex; justify-content: center;  align-items: center;width:90px; padding-bottom:2px; height:36px; font-size:14px; /*font-weight:500;*/ border:1px solid #C3C3C3; background:#ffffff; border-radius:100px; letter-spacing:-0.04em }
.top_user_wrap ul li a.btn_admin {  display:inline-block; width:36px; height:36px; background:url('/images/include/btn_admin_pc.svg') no-repeat center; border: 0px;  }

/*탑2단영역*/
#header {  position:fixed;top:0px; width:100%; background:#ffffff; z-index:10}
#header.fixed .gnb_wrap { position:fixed; left:0; top:0; right:0; }/*스크롤실 대메뉴 고정*/

#header .hd_top {  display:flex; justify-content: center; width:100%; height:80px; background:#ffffff  }
#header .hd_top .con {position:relative; display: flex;  align-items: center;  justify-content: space-between; width:1280px; height:80px;  }

#header .hd_bottom {position:relative; height:50px; z-index:30; }
#header .hd_bottom .gnb_wrap { display:flex; justify-content: center; background:#fff}
#header .hd_bottom .gnb_wrap .gnb_menu {  width:1130px; height:50px;  }

/*서브메뉴*/
#header .lnb_wrap {display:flex; justify-content: center; align-items: center; position:relative; width:100%; height:60px; border-top:1px solid #DDE1E6; border-bottom:1px solid #DDE1E6; background:#F3F6F8;  z-index:20}
#header.fixedsub .lnb_wrap { position:fixed;left:0;top:0;right:0;   }
#header .lnb_wrap .contains { width:1130px; height:60px; background:green   }

/*#header_menu{position:relative; width:100%; height:50px; z-index:1000}*/
.gnbDiv {display: flex;  justify-content: center; min-width:1130px; width: 100%; height:50px; /*background:rgba(255, 255, 255, 0);*/ overflow:hidden; /*position:relative;*/ position:absolute; top:0; left:0; z-index:10000; }

/*그림자효과 -webkit-box-shadow: 0px 1px 3px #b6b6b6;*/  /* Safari and Chrome */	  
/*-moz-box-shadow: 0px 1px 3px #b6b6b6;*/  /* Firefox */
/*box-shadow: 0px 1px 3px #b6b6b6; */ /* CSS3 */
filter: progid:DXImageTransform.Microsoft.Shadow(color=#b6b6b6, Direction=0, Strength=0); }/* 기존 Direction=120, Strength=5*/
.gnbDiv .gnbWrap{position:relative; top:0px; z-index:10000; margin: 0 auto; /*overflow: hidden;*/  position: relative;  width: 1130px; z-index: 10000; }

.gnbDiv .gnbWrap .gnb{width:1130px;  z-index:10000; position:relative; right:0px;}
.gnbDiv .gnbWrap .gnb .oneDep{ height:50px; padding-top:0px;  font-size:17px; font-weight:600; line-height: 50px; letter-spacing:-0.0em; }

.gnbDiv .gnbWrap .gnb ul {overflow:hidden; width:1130px;  }
.gnbDiv .gnbWrap .gnb ul li {  float:left; width:220px;  text-align:center; } /* position:relative;*/
.gnbDiv .gnbWrap .gnb ul li.line {  width:1px; height:50px; background: url('/images/include/menu_line.svg') no-repeat center;   }

/*.gnbDiv .gnbWrap .gnb ul li:nth-child(1) { width:240px;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(2) { width:240px;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(3) { width:190px;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(4) { width:190px;}*/


.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; border-bottom:4px solid transparent; transition:all 0.4s; }
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{ color:#2C428A; border-bottom:4px solid #2C428A; }
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:hover{ text-decoration:none; }
.gnbDiv .gnbWrap .gnb ul li.on.six{padding-right:0}

.gnbDiv .gnbWrap .twoDep { width:212px; height:199px;  text-align:center; /*펼침메뉴 높이 조절*/ padding:21px 10px 0px 10px; /*border-top:0px solid #ffffff; border-right:0px solid #DADADA; border-left:1px solid #DADADA; */ position:relative; visibility: visible; background:#fff;}
.gnbDiv .gnbWrap .twoDep.last {border-right:1px solid #DADADA;}
.gnbDiv .gnbWrap li.on .twoDep { /*border-left:0px solid #DADADA; border-right:0px solid #DADADA;*/ background-color:#f8fafb; /*border-top:3px solid #0091B1;8/}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover { /*background-color:#ffffff;*/ color:#0091B1 !important; vertical-align:top; text-decoration:none;}
.gnbDiv .gnbWrap li .twoDep a.on {background:#555; color:#fff; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a {font-size:15px; color:#101010; line-height:31px; }
.gnbDiv .gnbWrap li .twoDep a:hover { color:#2C428A; /*text-decoration:underline;*/ }

a.link_3dep {  float:left; width:100%; padding:0px 10px; line-height:24px !important; font-size:14px !important; color:#686868 !important; background:  url('/images/include/3dp_arrow_gray.png') no-repeat left center; cursor:pointer;}
a.link_3dep:hover {  color:#101010 !important; }

.disB{display:block;}

.twoDbg{display:; background:#fff; border-top:1px solid #eee; position:absolute; top:49px; left:0; height:200px; /*펼침메뉴 높이 조절*/ width:100%; z-index:9999; background:#ffffff; border-top:1px solid #dadada;  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}
.gnbDiv .gnbWrap li.on .guideBg{ position:absolute; top:150px; left:-366px; width:360px; height:75px; display:block; /*background:red*/}
.guideBg{display:none; position:relative; }
.guideBg .tit{ font-size:24px; color:#101010; font-weight:500; margin:27px 0px 0px 85px;  text-align:left; letter-spacing:-0.05em}


/*모바일전체메뉴*/
#m_header, #headerInner{ height:60px; }
#m_header .m_logo{padding:15px 0px 0px 15px;}	/* padding값 적절히 바꿔주세요 */
#m_header .m_logo img { width:185px; }
#gnbM.open{ right:0px; visibility:visible;}	/* 메뉴 */
#gnbM #navigation{margin-top:60px;}	/* Header 높이값 */

a.m_top_logo {  float:left; width:100%; height:54px; background: url('/images/include/logo.png') no-repeat left center; background-size:50%; }

.m_header_top_blue {position:fixed;width:100%;height:61px;background:#2C428A;border-bottom:1px solid rgb(0,0,0,.15);z-index:1;}
.m_header_top_blue ul {  display:inline-block; width:50%;  margin:17px 0px 0px 10px; }
.m_header_top_blue ul li a {  float:left; margin-left:5px; padding:2px 10px 3px 10px; font-size:14px; color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1); border-radius:50px;}

/*모바일 검색돋보기*/
a.m_admin { width: 32px;  height: 32px;  margin-right:3px; background: url('/images/include/btn_admin_mo.svg') no-repeat center; background-size:80%; }
a.m_search {  width: 32px;  height: 32px;   margin-right:3px;  background: url('/images/include/btn_search.svg') no-repeat center; background-size:80%; }
a.m_login {  width: 32px;  height: 32px;   margin-right:3px;  background: url('/images/include/btn_mo_login.svg') no-repeat center; background-size:80%; }
a.m_logout {  width: 32px;  height: 32px;   margin-right:3px;  background: url('/images/include/btn_mo_logout.svg') no-repeat center; background-size:80%; }

/* Header :: 사이트맵, 네비게이션 버튼 */
.header-line-btn{ top:14px; margin-top:0;z-index:9999999}

.header-line-btn{
	position:absolute;  right:0; margin-top:0px; /* margin-top: button 크기의 1/2 px */
	height:32px;
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.header-line-btn .line{
	display:block; width:24px; height:2px; background-color:#222222; border-radius:2px; margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.header-line-btn.active .line{background-color:#ffffff;}
.header-line-btn.active .line:nth-child(2), .header-line-btn.active .line:nth-child(4){opacity: 0;}
.header-line-btn.active .line:nth-child(1){
	 -webkit-transform: translateY(7px) rotate(45deg);
	  -ms-transform: translateY(7px) rotate(45deg);
	  -o-transform: translateY(7px) rotate(45deg);
	  transform: translateY(7px) rotate(45deg);
}
.header-line-btn.active .line:nth-child(3){
	 -webkit-transform: translateY(-7px) rotate(-45deg);
	  -ms-transform: translateY(-7px) rotate(-45deg);
	  -o-transform: translateY(-7px) rotate(-45deg);
	  transform: translateY(-7px) rotate(-45deg);
}
.nav-open-btn{ display:block; right:15px; outline:none;}

/*메뉴열고닫을시 꼭필요 블랙배경*/
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:97;}	/* gnb overlay BG */

#gnbM{ 
display:block; 
overflow-y:auto; 
position:fixed; 
top:0px; 
right:-82%;
width:80%; 
height:100%;  
max-width:280px; 
background-color:#3b5297; 
z-index:999; 
box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
visibility:hidden;
}

/* GNB Mobile :: 1차 */
#gnbM #navigation > li{border-bottom:1px solid rgb(255,255,255,.15);}
#gnbM #navigation > li > a {position:relative; display:block; padding:15px; color:#fff; font-size:17px; text-decoration: none; }
#gnbM #navigation > li.active > a{color:#fff;}
#gnbM #navigation > li.has-2dep > a{}
#gnbM #navigation > li.has-2dep.active > a{}
#gnbM #navigation > li .gnb-icon{position:absolute; top:55%; right:10px; margin-top:-14px;} 
#gnbM #navigation > li .gnb-icon i{font-size:24px;}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep{display:none; padding:0px 0; background:#ffffff; /*box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);*/}
#gnbM #navigation > li .gnb-2dep > li{}
#gnbM #navigation > li .gnb-2dep > li > a { display:block;  font-size:15px; line-height:42px; padding:0px 15px; border-bottom:1px solid #edeff2; text-decoration: none; background:rgb(255,255,255,1)/*opacity:0.7;filter:Alpha(opacity=70);*/}
#gnbM #navigation > li .gnb-2dep > li.active > a{opacity:1.0;filter:Alpha(opacity=100);}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background:#aaa; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;text-decoration: none;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}


/*모바일 서브메뉴*/
.lotation {    display:none }
.mcon_location_box {float:left; width:100%; position:relative; height:52px; }
.mcon_location {	/*position:fixed;	top:59px;*/	width:100%;	height:52px;	border-top:1px solid #dde1e6;	border-bottom:1px solid #dde1e6; background:#f8f8f8;	z-index:1; }
.mcon_location .m_submenu .title a {	display:block;	position:relative;	font-size:20px;	color:#2C428A;	font-weight:600;	text-align:center; line-height: 52px; }
.mcon_location .m_submenu .title a img { 	width:20px;	height:20px;	position:absolute;	right:20px;	top:15px; }
.mcon_location .m_submenu_list {	position:absolute;	left:0;	top:52px;	z-index:1; width:100%;	display:none; }
.mcon_location .m_submenu_list li a {	display:block;	line-height:52px; padding:0px;	font-size:20px;	text-align:center;	background:#ffffff; border-bottom:1px solid #dde1e6; }
.mcon_location .m_submenu_list li a:hover {/*color:#19a5ee;*/}

/*PC 서브메뉴*/
.middleArea_line {  float:left; width:100%; border-top:1px solid #dde1e6; border-bottom:1px solid #dde1e6; background:rgb(248,248,248,1);  }
.m_middleArea_line { display:none; }	

.middleArea{ margin:0 auto; width:1280px; margin-bottom:0px;}
#sideMenu{position:relative; height:60px; z-index:1; }
.side-menu-inner-box{ position:absolute; top:0px; left:0px; right:0px; margin:0 auto;  height:60px; background:rgb(248,248,248,1); }
#sideMenu.fixed .side-menu-inner-box{ position:fixed; right:0px; left:0px; z-index:1000; width:auto;  border-bottom:1px solid #dde1e6;  }
.sub-menu-list-con{ display: flex;  justify-content: center; height:100%; margin:0 !important; }
.sub-menu-list-con .swiper-wrapper { display: flex; justify-content: center; width: 1280px; text-align:center;/*display:block;*/ }
/*.sub-menu-list-con .swiper-slide { position: relative; top: 1px; width:180px;display:inline-block; margin:0px 0px; padding:0px 0px; text-align:center;  font-weight:500; }*/
.sub-menu-list-con .swiper-slide { /*flex: 1 1;*/ position: relative; top: 1px; width:300px; display:inline-block; margin:0px 0px; padding:0px 0px; text-align:center;  font-weight:500; line-height:1.2;}
.sub-menu-list-con .swiper-slide a { display: flex; align-items: center; justify-content: center; /*display:block;*/ position: relative; top:0px;  height:60px; font-size:17px; font-weight:500; padding:0px 0px; border-bottom:3px solid transparent; transition:all 0.4s; }
.sub-menu-list-con .swiper-slide a:hover { /*color:#2C428A;*/ border-bottom:3px solid #bdc5ce; }
.sub-menu-list-con .swiper-slide.active a,.sub-menu-list-con .swiper-slide.on a {   /*font-weight:600;*/ color:#0070C3; border-bottom-color:#0070C3; }

/*서브메뉴 좌우로 보더 펼쳐짐(사용안함)*/
.sub_menu_wrap ul { display: flex;  /*background: #00b3d3; */ height:61px; padding: 0px 0px 0px 0px;}
.sub_menu_wrap ul li {  flex: 1 1;  display: inline-block;width:auto;  padding: 0px 0px 0px 0px;  text-align: center; }
.sub_menu_wrap ul li a { display:block; font-size: 17px; /*color: #fff;*/ font-weight: 500; width:auto; text-decoration: none;  line-height: 58px;}
.sub_menu_wrap ul li a:after {display:block; content: ''; border-bottom: solid 3px #bdc5ce; transform: scaleX(0);/*크기를 0으로 줌으로써 평상시엔 밑줄 없음*/ transition: transform 250ms ease-in-out;/*변형 방식*/ transition:all 0.0s;  }
.sub_menu_wrap ul li a:hover:after { transform: scaleX(1); /*a 속성에 hover시 기존 크기로*/}
.sub_menu_wrap ul li a.on:after  {  border-bottom: solid 3px #2C428A ;  }
.sub_menu_wrap ul li.on {  border-bottom: solid 3px #2C428A;  }
.sub_menu_wrap ul li.on a.on {  color: #2C428A;  }

/*논문검색모달팝업*/
span.sch_text {  display:none;  }
p.sch_go { display:none; }

/*PC모달로그인창*/
.overlay2 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay2:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay2:target+.modal_popup2 { top: 130px; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close2 { width: 40px; height: 40px; position: absolute; right: 3px; top: 3px; text-align: center; text-decoration: none; background: url('../images/include/btn_close_wh.svg') no-repeat center;  }
.close2:before {  }
.close2:hover { }

.modal_popup2 {  position:relative; display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:400px;
	padding:0px;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #ffffff;
	/*display: inline-block;*/
	left: 50%;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;


    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;

}

p.modal_tit { display: block; width: 100%; margin-bottom:0px; padding-left: 20px; color: #ffffff; font-size: 18px; line-height: 45px; background: #21849d; }

.modal_space {  display: flex; justify-content: center;position:relative; width:100%; margin:0px 0px 10px 0px;}

.id_save { display:flex; justify-content: space-between; width:100%; margin:0px 0px 5px 0px; font-size:15px; color:#ffffff; font-weight: 300;}
.id_save .save_check { position:relative; float:left; width:100px;  }

p.idpw_find {   }
p.idpw_find a { display:inline-block; padding:0px 7px 0px 10px; background:none; font-weight: 400; }
p.idpw_find a.last { padding:0px 0px 0px 10px; background: url('/images/include/login_line.svg') no-repeat left 6px;  }

button.login { display:flex; justify-content: center;  align-items: center; width:100%;  height: 36px; line-height: 34px; background: #21849D; color: #ffffff; font-size:16px;  font-weight: 600;}
/*모달로그인버튼*/
input.btn_login { display:flex; justify-content: center;  align-items: center; width:100%;  height: 36px; line-height: 34px; background: #3e3e3e !important;color: #ffffff;  font-size:16px;  font-weight: 600; border:0px; text-decoration: none; cursor:pointer;}




/* ◆◆◆◆◆◆◆◆◆◆ 모바일 768px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:768px){

.pc_header {  display:none  }/*pc전체메뉴*/
.mo_header {  display:block;   }/*mo전체메뉴*/
.mcon_location_wrap {display:block;  width: 100%;}/*mo서브메뉴*/

/*상단헤더 아이콘정렬*/
.m_header_wrap {position:fixed;top:0px; /*position: relative;*/ display: flex;  align-items: center; padding-left: 15px;width:100%; height:60px; background:#ffffff;border-bottom:1px solid #D4D4D4; z-index:5 }
.top_area {  display: flex;  align-items: center; justify-content: space-between; width: 100%; padding-right:44px;  }

/*PC 서브메뉴*/
.middleArea_line {  display:none;  }
.m_middleArea_line { display:block; }	

/*논문검색모달팝업*/
.top_search_wrap { display:none; display: flex;  flex-direction: column;   align-items: center; width:100%; margin-bottom: 60px; height: auto; }
.top_search_wrap .area {  position: relative; margin:5px 0px;  padding:0px 10px 0px 5px; border-bottom:0px solid #C3C3C3; background: #ffffff; }
.top_search_wrap .area:last-child {margin-right:0px;}

p.sch_go { position: relative;  top: 1px;display:block; width:100%; color:#ffffff; font-size:16px;line-height:40px; text-align:left;}

.sch_w1 {  width:100% !important;  }
.sch_w2 {  width:100% !important;  }
.sch_w3 {  width:100% !important;  }

button.search { position:absolute;right:0px; top: 46px; width:100%; height:36px; padding-bottom:2px;background:#21849D; color:#ffffff; font-size:16px; font-weight:500}
span.sch_text {  display:block;  }

input.search { font-size:16px; height:44px;  padding:2px 0px 3px 5px; border:0px #B8B8B8 solid; background:#ffffff;  }
input.btn_glass { float:right;  width:44px; height: 44px; background:#ffffff url('../images/include/glass.png') 10% center no-repeat;border:none; text-decoration: none; cursor:pointer;}
input.btn_glass:hover  { }

/*MO논문검색창*/
.overlay1 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay1:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay1:target+.modal_popup1 { top: 60px; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close1 { width: 40px; height: 40px; position: absolute; right: 11px; top: 5px; text-align: center; text-decoration: none; background: url('../images/include/btn_close_wh.svg') no-repeat center;  }
.close1:before {  }
.close1:hover { }

.modal_popup1 { display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:90%;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #2C428A;
	/*display: inline-block;*/
	left: 50%;
	padding: 15px !important;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;
	height: 250px !important;


    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;
}

/*MO모달로그인창*/
.overlay3 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay3:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay3:target+.modal_popup3 { top: 60px; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close3 { width: 40px; height: 40px; position: absolute; right: 11px; top: 5px; text-align: center; text-decoration: none; background: url('../images/include/btn_close_wh.svg') no-repeat center;  }
.close3:before {  }
.close3:hover { }

.modal_popup3 {  position:relative; display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:90%;
	padding:0px;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #ffffff;
	/*display: inline-block;*/
	left: 50%;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;


    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;
}



}

/*QR코드 모달*/

p.QR_tit { display: block; width: 100%; margin-bottom:0px; padding-left: 20px; color: #ffffff; font-size: 18px; line-height: 45px; background: #21849d; }
.QR_space {  display: flex; justify-content: center;position:relative; width:100%; margin:10px 0px 10px 0px;}

.overlay4 { 
background-color: rgba(0, 0, 0, 0.7); cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; bottom: 0; visibility: hidden; 
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.overlay4:target { visibility: visible; opacity: 1;  z-index: 9999999999 !important;}
.overlay4:target+.modal_popup4 { top: 30%; /*50%*/ opacity: 1; visibility: visible;z-index: 9999999999 !important; }

.close4 { width: 40px; height: 40px; position: absolute; right: 11px; top: 5px; text-align: center; text-decoration: none; background: url('../images/include/btn_close_wh.svg') no-repeat center;  }
.close4:before {  }
.close4:hover { }

.modal_popup4 {  position:relative; display:flex; flex-direction: column;   justify-content: center; align-items: center;
    width:400px;
	padding:0px;
	/*border:3px solid #3680b5;*/
	border-right:0;
    background-color: #ffffff;
	/*display: inline-block;*/
	left: 50%;
	position: fixed;
	top: 0px; /*40%*/
	visibility: hidden;
	z-index: 10;


    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    -webkit-transition: opacity .0s, top .0s;
    -moz-transition: opacity .0s, top .0s;
    -ms-transition: opacity .0s, top .0s;
    -o-transition: opacity .0s, top .0s;
    transition: opacity .0s, top .0s;
}