@charset "utf-8";

/**************************************************************************************************************************/
.popup_Box {display:none;position:fixed;top:50%;left:50%;margin:-350px 0 0 -500px;width:1000px;background:#fff;box-shadow: 1px 1px 10px #717171;z-index:1001;}
.popup_BoxIn {position:relative;}
.popup_BoxIn .popupH {position:absolute;top:0;left:0;width:100%;height:60px;line-height:60px;background:#131313;color:#fff;text-align:center;z-index:1002;}
.popup_close {display:block;position:absolute;width:27px;height:27px;right:18px;top:18px;font-size:0;background: url("../../images/abs-new/common/ico_close_tm.png") no-repeat 0 0;cursor: pointer;transform: translate3d(0, 0, 0);  transition: transform .4s;}
.popup_BoxIn .popupCBox {overflow:auto;padding:60px 30px 120px 30px;height:700px;background:#fff;z-index:1001;box-sizing:border-box;}
.popup_BoxIn .section {display:table;width: 100%;margin:60px 0 0 0;padding:50px 0 0 0;border-top: 1px dotted #ccc;}
.popup_BoxIn .section.mt0 {margin-top:0;border-top:0;}
.popup_BoxIn .section .sectionL {display: table-cell; width: 220px;  padding: 0 30px 0 0;vertical-align: top;word-break:keep-all;}
.popup_BoxIn .conbodyT4 {font-size: 20px;color: #000;font-weight: normal;line-height: 25px;}
.popup_BoxIn .section .sectionR {display: table-cell;vertical-align: top;}
.popup_BoxIn .popupF {position:absolute;bottom:0;left:0;width:100%;height:80px;line-height:80px;background:#fff;border-top:1px solid #e0e2e8;z-index:1002;}
.popup_BoxIn .bu_bluePop {display:inline-block;background: #3077c7;border: 1px solid #3077c7;color:#fff;text-align: center;line-height: 34px;min-width: 180px;transition: 0.3s all;}

/* 컨텐츠 공통 */
.txt_blue {color:#0060a1;}
.txt_b_blue {color:#0060a1; font-family:"NSRB";}
.txt_u_blue {color:#0060a1; text-decoration:underline;}
.txt_ub_blue {color:#0562c9; font-family:"NSRB"; text-decoration:underline;}
.txt_b_orange {color:#f38124; font-family:"NSRB";}
.txt_orange {color:#f38124;}
.txt_red {color:#e80d0d;}
.txt_yellow {color:#ffeb07;}
.txt_green {color:#68a500;}
.txt_green2 {color:#019a74;}
.txt_green3 {color:#14b7c1;}
.txt_white {color:#fff;}
.txt_white2 {color:#efefef;}
.txt_gray {color:#a3a7ac;} 
.txt_gray2 {color:#7b7e82;}
.txt_purple {color:#7b7ab8}
.txt_pink {color:#d44786}

/* Box Style */
.whiteBox {background:#fff; border:#e9e9e9 solid 1px; padding:15px 25px; margin-bottom:10px;}
.grayBox {background:#f8f8f8; padding:25px; margin-bottom:10px; word-break:keep-all;}
.grayBox2 {background:#f8f8f8; padding:35px 0; margin-bottom:10px;}
.conArea p.blueBox.left_p, .conArea p.blueBox.right_p {background:#0060a1; padding:25px 4%; width:40%}
.blueBox{background:#0060a1; padding:25px 4%; width:92%}
.blueLineBox {background:#fff; border:#759dce solid 1px; padding:15px 25px; margin-bottom:10px; }

/* 서브 - dl dt dd 공통 */
dl.dl01 {border-bottom:1px solid #e5e5e5; display:block;}
dl.dl01.last {border-bottom:0px solid #e5e5e5; display:block;}
dl.dl01 dt {float:left;  font-family:"NSRB"; color:#333333; padding:15px 0 15px 15%; width:15%;}
dl.dl01 dt.text_L {float:left;  font-family:"NSRB"; color:#333333; padding:15px 0 15px 0%; width:28%; }
dl.dl01 dd {margin-left:30%; width:70%; color:#333333;  padding:15px 0;}
dl.dl01 dt.icn_cbd01 {background:url('/img/contents/icn_cbd01.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_cbd02 {background:url('/img/contents/icn_cbd02.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_cbd03 {background:url('/img/contents/icn_cbd03.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_cbd04 {background:url('/img/contents/icn_cbd04.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_center01 {background:url('/img/contents/icn_center01.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_center02 {background:url('/img/contents/icn_center02.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_center03 {background:url('/img/contents/icn_center03.png') no-repeat 35% 50%; background-size:25px;}
dl.dl01 dt.icn_center04 {background:url('/img/contents/icn_center04.png') no-repeat 35% 50%; background-size:25px;}

dl.dl02 {position:Relative; border-bottom:1px solid #e5e5e5; display:block; padding:6px 0;}
dl.dl02.last {border-bottom:0px solid #e5e5e5; display:block;}
dl.dl02 dt  {position:absolute; left:0px;  font-family:"NSRB"; color:#333333; padding:15px 0 ; width:29%; }
dl.dl02 dd {margin-left:25%; width:73%; color:#333333;  padding:3px 0 3px 15px; background: url('/img/sub/bu1.gif') no-repeat 5px 0.9em; line-height:1.8em; font-size:14px;}

dl.dl03 { border-bottom:1px solid #e5e5e5; display:block; width:70%;}
dl.dl03.last {border-bottom:0px solid #e5e5e5; display:block;}
dl.dl03 dt {float:left;  font-family:"NSRB"; color:#333333; padding:15px 0 15px 10%; width:25%; }
dl.dl03 dd {margin-left:35%; width:65%; color:#333333;  padding:15px 0;}
dl.dl03 dt.icn_cbd01 {background:url('../img/contents/icn_cbd01.png') no-repeat 7% 50%; background-size:25px;}
dl.dl03 dt.icn_cbd02 {background:url('../img/contents/icn_cbd02.png') no-repeat 7% 50%; background-size:25px;}
dl.dl03 dt.icn_cbd03 {background:url('../img/contents/icn_cbd03.png') no-repeat 7% 50%; background-size:25px;}
dl.dl03 dt.icn_cbd04 {background:url('../img/contents/icn_cbd04.png') no-repeat 7% 50%; background-size:25px;}

dl.dl04 {border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; display:block; width:100%;}
dl.dl04.last {border-bottom:0px solid #e5e5e5; display:block;}
dl.dl04 dt {float:left;  font-family:"NSRB"; color:#333333; padding:15px 0 15px 10%; width:25%; }
dl.dl04 dd {margin-left:35%; width:65%; color:#333333;  padding:15px 0;}

/* 서브 - 목록(List) 공통 */
#contents ul.bu1 {margin:0; padding:0.5em 0.5em 0.7em 0.8em; list-style:none; text-align:left; /* font-size:14px; */}
#contents td ul.bu1 {padding:0;} /* 테이블 안에서 정렬 */
#contents ul.bu1 li {word-break: keep-all; word-wrap: break-word;margin:0; padding:0 0 0 0.8em; list-style:none; background: url('/img/contents/bu1.gif') no-repeat 0 0.7em; line-height:1.8em; font-size:0.95rem; letter-spacing: -0.03em;}
#contents ul.bu1 li span {font-family:"NSRB";}
#contents ul.bu1 ul li {background: url('/img/contents/bu2.gif') no-repeat 0.2em 0.5em; }
#contents ul.bu1 ul ul li {background: url('/img/contents/bu3.gif') no-repeat 0 0.6em; }
#contents ul.bu1 ul ul ul li {background: url('/img/contents/bu4.gif') no-repeat 0 0.2em; }
#contents ul.bu1 ul, ul.bu1 ul ul, ul.bu1 ul ul ul {margin: 0; padding: 0 0 0.5em 0; }
#contents ul.bu1 ol li {padding-left:28px;}

#contents ul.bu2 {margin:10px 0; padding:20px 20px; box-sizing: border-box; list-style:none; text-align:left; /* font-size:14px; */} 
#contents ul.bu2 li {margin:0; padding:0; list-style:none; line-height:1.8em;}
#contents ul.bu2 li.n1 {background: url('/img/contents/n1.png') no-repeat 0 0.4em; }
#contents ul.bu2 li.n2 {background: url('/img/contents/n2.png') no-repeat 0 0.4em; }
#contents ul.bu2 li.n3 {background: url('/img/contents/n3.png') no-repeat 0 0.4em; }
#contents ul.bu2 li.n4 {background: url('/img/contents/n4.png') no-repeat 0 0.4em; }

#contents ul.bu3 {list-style:none; text-align:left; /* font-size:14px; */}
#contents ul.bu3 li {margin:0; padding:0 0 0 1em; list-style:none; line-height:1.8em; background: url('/img/contents/bu1.gif') no-repeat 0 0.7em; line-height:1.8em;}
#contents ul.bu3 li ul li {background: url('/img/contents/bu2.gif') no-repeat 0 0.6em; }

#contents ul.bu4 {display:table; list-style:none; text-align:left; /* font-size:14px; */ width:100%;}
#contents ul.bu4 li {vertical-align:middle; display:table-cell; float:left; margin:0; padding:0 1% 0 1.5%; width:17%; list-style:none; line-height:1.4em; background: url('/img/contents/bu3.png') no-repeat 0 7px ; vertical-align:top;}
#contents ul.bu4 li a {display:table; color:#fff; font-size:16px;}
#contents ul.bu4 li ul li {background: url('/img/contents/bu2.gif') no-repeat 0 0.6em; }

/* 생물다양성협약전문 탭 */
.tab_blue {background:#0060a1;padding:18px 10px 30px 45px;}
.tab_blue ul li {display:inline-block;margin:12px 45px 0 0;padding:0 0 0 8px;background:url("/img/contents/bu3.png") no-repeat 0 6px;}
.tab_blue ul.tab_5 li {float:left;width:calc(25% - 30px);margin:12px 30px 0 0;box-sizing:border-box;}
.tab_blue ul li a {color:#fff; font-size:16px;}
@media all and (max-width:800px) { 	
	.tab_blue ul.tab_5 li {float:none;width:auto;margin:12px 45px 0 0;box-sizing:border-box;}
}
@media all and (max-width:480px) { 	
	.tab_blue {background:#0060a1;padding:15px 10px 25px 25px;}
	.tab_blue ul li {display:block;margin:12px 0 0 0;padding:0 0 0 8px;background:url("/img/contents/bu3.png") no-repeat 0 6px;}
	.tab_blue ul.tab_5 li {float:none;width:auto;margin:12px 0 0 0;box-sizing:border-box;}
}

#contents ol.ou1 {margin:0; padding:0.5em 0 0.7em 1.9em; list-style:none; text-align:left; font-size:14px;}
#contents td ol.ou1 {padding:0;} /* 테이블 안에서 정렬 */
#contents ol.ou1 li {margin:0; padding:0 0 0 0.8em; list-style:none; background: url('/img/sub/bu1.gif') no-repeat 0 0.7em; line-height:1.8em;}
#contents ol.ou1 li span {font-family:"NSRB";}
#contents ol.ou1 ul li {background: url('/img/sub/bu2.gif') no-repeat 0.2em 0.5em; }
#contents ol.ou1 ul ul li {background: url('/img/sub/bu3.gif') no-repeat 0 0.6em; }
#contents ol.ou1 ul ul ul li {background: url('/img/sub/bu4.gif') no-repeat 0 0.2em; }
#contents ol.ou1 ul, ul.bu1 ul ul, ul.bu1 ul ul ul {margin: 0; padding: 0 0 0.5em 0; }
#contents ol.ou1 ol li {padding-left:28px;}

.liLine3 li {display:inline-block; vertical-align:top; width:19%; margin-left:0.8%;}
.liLine3 li.first {margin-left:0%;}
.liLine3 li ul li {width:100%; margin-left:0%; border: 1px solid #e0e0e0;}
.liLine3 li ul li span  {display:block; padding:10px; background-color:#fbfbfb; font-family:"NSRB"; line-height:1.7em; text-align:Center; font-size:14px; letter-spacing:-0.1em;}
.liLine3 li ul li a {margin:10px 0;}
.liLine3 li ul li ul {margin:10px 0;}
.liLine3 li ul li ul li { border:0px solid Red; width:90%;  background: url('/img/contents/bu1.gif') no-repeat 6px 0.7em; padding-left:14px; }
.liLine3 li ul li ul li a {margin:0px; font-size:14px; letter-spacing:-0.1em;}

.liLine3 li.last {position:absolute; top:150px; left:0px; margin-left:0px;}

#contents .liLine3 li h4 {background-color:#003559; margin:0px; border: 1px solid #003559; width:100%; padding:10px 0; text-align:center; background-image:none; color:#fff;  font-family:"NSRB"; }
/**************************************************************************************************************************/

.stateBox_t1{position:relative; width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing: border-box;}
.stateBox_t1 li {width:14.666% !important;}
.stateBox_t1 li div{width:100%; background:#2a78d8; color:#fff; display:table; height:50px; }
.stateBox_t1 li div span{display:table-cell; vertical-align:middle; color:#fff; text-align:center; line-height:18px; font-size:15px;}
.stateBox_t1 li {padding-left:2%; background:url("../../images/abs-new/contents/arrowS.gif") no-repeat 8px center; box-sizing: border-box;}
.stateBox_t1 li:nth-child(1){padding-left:0; background:none;}
.stateBox_t1 li.stepW_2{width:41.332% !important; position:relative;}
.stateBox_t1 li.stepW_2 div{float:left; width:50%;}
.stateBox_t1 li.stepW_2 i.ico_arrowW{position:absolute; width:21px; height:21px; background:url("../../images/abs-new/contents/arrowW.png") no-repeat 0 0; top:15px; left:50%;  }
.stateBox_t1 li.stepW{width:55.998% !important;}
.stateBox_t1_line{position:relative;height:60px; padding-top:20px;margin-top:20px; border-top:2px dashed #333; width:100%;}
.stateBox_t1_line ul{position:absolute; top:-8px; width:100%; height:100%; overflow:hidden;}
.stateBox_t1_line ul li{float:left; text-align:center; width:12.666%; background:url("../../images/abs-new/contents/stateR.png") no-repeat center 0; padding-top:25px; margin-left:2%;  }
.stateBox_t1_line ul li:nth-child(1){margin-left:0; width:14.666%;}
.stateBox_t1_line ul li.w2{width:39.332% !important; margin-left:2%;}
.stateBox_t1_line ul li.w2 > span{width:50% !important; text-align:center; display:block; float:left;} 
.stateBox_t1_line ul li.w3{width:39.332% !important; margin-left:2%;}
.stateBox_t1_line ul li.w4{width:53.998% !important; margin-left:2%;}
.stateBox_t1_line ul li.w4 span{float:left; width:20%; text-align:center;  } 
.stateBox_t1_line ul li.w3 span{float:left; width:33.333%; text-align:center;  }
.stateBox_t1_line ul li.w5{width:39.332% !important; margin-left:2%;}
.stateBox_t1_line ul li.w5 span{float:left; width:20%; text-align:center;  } 
span.w01{width:100% !important; text-align:center; display:block; float:left;}
span.w02{width:50% !important; text-align:center; display:block; float:left;}
.stateBox_t1_line ul li span{color:#b8b8b8;}
.stateDate{padding:20px 20px; width:100%; box-sizing:border-box; background:#fcfcfd; border:1px solid #d0d4d8;}
.stateDate p{font-family:"NSRB"; color:#000; background:url("../../images/abs-new/common/conH5.gif") no-repeat 0 8px; padding-left:20px;}
.stateBox_t1_line ul li span.stateOn{color:#2378e0 !important; font-family:"NSRB";}
.con_inner{position:relative; width:100%; height:auto; display:block; clear:both; margin:20px 0;}
.con_inner:after{content:''; display:block; clear:both;}
 
.conList6 {
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 10px 10px;
	box-sizing: border-box;
}

.conList6>li {
	margin-top: 8px;
	line-height: 24px;
	font-size: 17px;
	color: #223b8f;
	font-family: "NSR";
	clear: both;
	overflow: hidden;
	height: auto;
	position: relative;
}

.conList6>li>.numBox {
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 30px;
	float: left;
	border-radius: 5px;
	position: absolute;
}

.conList6>li>.cont {
	float: left;
	padding: 3px 10px;
	color: #000;
	padding-left: 35px;
	box-sizing: border-box;
}

.orgBG {
	background: #f8791c;
	color: #fff;
}

.gblueBG {
	background: #363d5a;
	color: #fff;
}

.basicWrap {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.abs_select {
	position: absolute;
	left: 180px;
	top: 48px;
	min-width: 320px;
	font-size: 12px;
	box-sizing: border-box;
}

.abs_select .select {
	width: 100%;
	padding: 7px 5px !important;
	font-size:15px;
	border:1px solid #d5d5d5;
	box-sizing: border-box;
}

.down_cont_w {
	margin-top: 20px;
	border-top:1px dashed #9a9a9a;
}

.con_inner {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	margin: 20px 0;
}

.con_inner:after {
	content: '';
	display: block;
	clear: both;
}

/*== 공통블릿 ==*/
.conH0 {
	clear: both;
	position: relative;
	margin-top: 50px;
	padding-left: 28px;
	background: url("../../images/sub/conH0.png") no-repeat left 4px;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #101010;
	font-family: "NSRB";
}
.conH0.top {margin-top:30px;}
.conH0_ {
	clear: both;
	position: relative;
	margin-top:20px;
	padding:0 80px 0 28px;
	background: url("../../images/sub/conH0.png") no-repeat left 4px;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #101010;
	font-family: "NSRB";
}
.conH0_ a {display:inline-block; position:absolute;top:-3px;right:0;width:72px;padding:2px 10px 0 10px;background:#7f818d;color:#fff;font-size:13px;text-align:center;}

.conH1 {
	clear: both;
	position: relative;
	margin-top: 20px;
	padding-left: 18px;
	background: url("../../images/abs-new/common/conH1.gif") no-repeat 5px 4px;
	font-size: 19px;
	line-height: 28px;
	color: #2d4583;
}

.conH2 {
	clear: both;
	position: relative;
	margin-top: 38px;
	padding-left: 16px;
	background: url("../../images/abs-new/common/conH2.gif") no-repeat left 2px;
	font-size: 20px;
	line-height: 24px;
	color: #101010;
	font-family: "NSRB";
}

.conH2.top {margin-top:20px}

.conH3 {
	clear: both;
	position: relative;
	margin-top: 15px;
	padding-left: 35px;
	background: url("../../images/abs-new/common/conH3.gif") no-repeat 22px 8px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #626262;
}

.conH4 {
	clear: both;
	position: relative;
	margin-top: 0px;
	padding-left: 22px;
	background: url("../../images/abs-new/common/conH4.gif") no-repeat 0 4px;
	margin-left: 20px;
	font-size: 19px;
	line-height: 26px;
	color: #2d4583;
}

.conH5 {
	font-size: 1.3rem;
	color: #1857cb;
	font-family:"NSRB";
	/*font-family: "NotoSans_B";*/
	background: url("../../images/abs-new/common/conH5.gif") no-repeat 0 11px;
	padding-left: 15px;
	line-height: 2rem;
}

.conH6 {
	font-size: 1.2rem;
	color: #222;
	font-family: "NSRB";
	line-height: 1.8rem;
	padding-bottom: 0;
	padding-top:1.8rem;
}

.b_title {
	font-size: 18px;
	line-height: 30px;
	color: #8f8f90;
	display: block;
	margin: 20px 0;
	padding: 0 20px;
	box-sizing: border-box;
	width: 100%;
}

.p_h1 {
	padding-left: 28px;
}

.p_h2 {
	padding-left: 24px;
}

.p_h3 {
	padding-left: 12px;
}

.p_h3 {
	padding-left: 16px;
}

.conBox {
	clear: both;
	position:relative;
	margin-top: 10px;
	padding: 22px 28px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}

.conBox2 {
	clear: both;
	position:relative;
	margin-top: 10px;
	padding: 22px 28px;
	background: #fafafa;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	word-break: keep-all; word-wrap: break-word;
}

.conBox3 {
	clear: both;
	position:relative;
	margin-top: 10px;
	padding: 22px 28px;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	background: #fff;
}

.conBox4 {
	clear: both;
	margin-top: 10px;
	padding: 22px 28px;
	background: #f6f7f9;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}

.conBox5 {
	clear: both;
	position:relative;
	margin-top: 10px;
	padding: 22px 28px;
	background: #fafafa;
}

.d_line {
	margin-top: 38px;
	height: 10px;
	background: url("../../images/abs-new/common/pat1.gif") repeat;
}

.conBox4 .cont {
	/*font-size:16px;*/
	line-height: 30px;
	background: none;
	word-break: keep-all; word-wrap: break-word;
}

.cnt_map {
	margin-top: 14px;
	height: 480px;
	background: #fafafa;
	border: 1px solid #e0e0e0;
}

.nw_link {
	display: inline-block;
	padding-right: 16px;
	background: url("../../images/abs-new/common/nwico_off.gif") no-repeat right 9px;
	text-decoration: underline !important;
	letter-spacing: 0;
}

/*== 공통리스트 ==*/
.tabList {
	position: relative;
}

.tabList li {
	float: left;
	margin-bottom: 9px;
	height: 37px;
	text-align: center;
}

.tabList li a {
	display: block;
	background: #f9f9f9;
	border: 1px solid #e7e8ea;
	padding: 0 28px;
	line-height: 37px;
	font-size: 15px;
}

.tabList li:hover a {
	text-decoration: underline;
}

.tabList li.on a {
	background: #3671b7;
	border: 1px solid #3260af;
	color: #fff;
}

.tabList li.on:hover a {
	text-decoration: none;
}

.tabList:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.conList {
	position: relative;
}

.conList>li {
	margin: 4px 0;
	line-height: 24px;
	font-size: 18px;
	color: #223b8f;
	font-family: "NSR";
}

.conList2 {
	position: relative;
	margin: 10px 0;
}

.conList2>li {
	margin: 4px 0;
	padding-left: 27px;
	background: url("../../images/abs-new/common/conH3.gif") no-repeat 15px 12px;
	line-height: 30px;
	font-size: 17px;
	color: #000;
	font-family: "NSR";
}

.conBox4 .conList2>li {font-size: 15px;}

.conList2_ {
	position: relative;
	margin: 10px 0;
}

.conList2_ > li {
	margin: 4px 0;
	padding-left: 27px; 
	line-height: 30px;
	font-size: 17px;
	color: #000;
	font-family: "NSRB";
}


.conList3 {position: relative;margin: 8px 0 20px 0;}
.conList3>li {	margin: 4px 0;padding-left: 11px;background: url("../../images/abs-new/common/bullet3.gif") no-repeat left 10px;line-height: 24px;/*font-size: 15px;*/color: #545454;}
.conList3>li.bnone {background:none;}

.conList3_ {position: relative;margin: 8px 0 20px 0;}
.conList3_ > li {margin: 4px 0;padding-left: 0;	line-height: 24px;/*font-size: 15px;*/color: #545454;}

.conList4 {
	position: relative;
}

.conList4>li {
	margin: 4px 0;
	padding-left: 11px;
	background: url("../../images/abs-new/common/conH3.gif") no-repeat left 9px;
	line-height: 24px;
	word-break: keep-all;
	word-wrap: break-word;
}

.padNone {
	position: relative;
}

.padNone li {
	margin: 4px 0;
	padding-left: 0;
	background: none;
	line-height: 24px;
}

/*== 공통버튼 ==*/
a.btnS_blue {
	display: inline-block;
	background: #046fd2;
	height: 26px;
	line-height: 26px;
	padding: 0 14px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

a.btnS_blue:hover {
	background: #205593;
}

a.btnS_dblue {
	display: inline-block;
	background: #1f396e;
	height: 26px;
	line-height: 26px;
	padding: 0 14px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

a.btnS_dblue:hover {
	background: #244485;
}

a.btnS_gray {
	display: inline-block;
	background: #828282;
	height: 26px;
	line-height: 26px;
	padding: 0 14px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

a.btnS_gray:hover {
	background: #464646;
}

a.btnS_dgray {display:inline-block;background:#33353e;height: 26px;line-height: 26px;color:#fff;font-size:12px;text-align:center;padding: 0 10px;vertical-align:middle;}
a.btnS_dgray:hover {background:#25262b;}

.btnM{
	display:inline-block;
	height: 36px;
	padding: 0 18px;
	line-height: 38px;
	padding: 0 18px;
	color: #fff;
	font-size: 15px;
	text-align: center;
}
a.btnM_red {
	display: inline-block;
	background: #f07668;
	height: 36px;
	line-height: 38px;
	padding: 0 18px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-bottom: 2px solid #e24432;
	border-radius: 4px;
}

button.btnM_red {
	display: inline-block;
	background: #f07668;
	height: 38px;
	line-height: 38px;
	padding: 0 17px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-bottom: 2px solid #e24432;
	border-radius: 4px;
}
button.btnM_red2 {
	display: inline-block;
	background: #ce3820;
	height: 38px;
	line-height: 38px;
	padding: 0 17px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-radius: 4px;
}

a.btnM_blue{
	display: inline-block;
	background: #1f396e;
	height: 39px;
	line-height: 39px;
	padding: 0 19px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 5px;
}
button.btnM_blue {
	display: inline-block;
	background: #1f396e;
	height: 39px;
	line-height: 39px;
	padding: 0 19px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
}

a.btnM_blue:hover {
	background: #244485;
	margin-bottom: 5px;
}

a.btnM_darkgray,
button.btnM_darkgray {
	display: inline-block;
	background: #6c757d;
	height: 39px;
	line-height: 39px;
	padding: 0 19px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
}

a.btnM:disabled,
button.btnM:disabled {
	background: #ccc;
	color: #666;
	cursor:not-allowed;
	border-bottom: 2px solid #ccc;
}


a.btn_map {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	background: #b0b0b0 url("../../images/abs-new/common/tm_bullet1.gif") no-repeat
		92% 10px;
	height: 26px;
	line-height: 26px;
	padding: 0 28px 0 12px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

a.btn_map:hover {
	background: #828282 url("../../images/abs-new/common/tm_bullet1.gif") no-repeat
		92% 10px;
}

#contents .ready {
	position: relative;
	text-align: center;
}

#contents .ready img {
	max-width: 604px;
	width: 100%;
}

#synapWindow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url("../../images/abs-new/common/trans_80.png") repeat;
	text-align: center;
	z-index: 99;
}

#synapWindow .s_window {
	padding: 100px 0;
	font-size: 20px;
	color: #fff;
}

/*탭버튼*/
.tabBtn_select{display:none;} 
.tabBtn_w {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin-top:30px;
	padding-bottom: 30px;
	border-top: 1px solid #000;
}

.tabBtn_w ul {
	text-align: left;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 0;
	line-height: 0;
}
.tabBtn_w li {	
	display:inline-block;
	clear: left;
	cursor: pointer;
	position: relative;
	margin:0 2px;
	font-size: 1rem;
	font-family: "NSR";
	color: #000;
	text-align: center;
	padding-bottom: 0;
}

.tabBtn_w li a.on {
	border-bottom: 3px solid #319ae3;
	background: #fff;
	padding-bottom:3px;
}

.tabBtn_w li.on a {
	color: #319ae3;
	background: #fff !important;
}

.tabBtn_w li a {
	display: block;
	position:relative;
	padding: 0 23px 6px 23px;
	color:#000;
	font-size:1.12rem;
	line-height: 60px;
	background: #fff !important;
	box-sizing: border-box;
	height:auto;
	overflow:hidden;
}

/*==공통콘텐츠테이블==*/
.conTable {
	position: relative;
	margin-top: 15px;
}

.conTable table {
	width: 100%;
	height: auto;
	/*font-size:16px;*/
}

.conTable table.tb_type01 {
	border-top: 2px solid #101010;
	border-bottom: 2px solid #101010;
}

.conTable table.tb_type01 tr:nth-child(1) th, .conTable table.tb_type01 tr:nth-child(1) td
	{
	border-top: none
}

.conTable table.tb_type01 thead tr th, .conTable table.tb_type01 thead tr td
	{
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type01 thead tr th:last-child, .conTable table.tb_type01 thead tr td:last-child
	{
	border-right: none;
}

.conTable table.tb_type01 tbody tr th {
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type01 tbody tr td {
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type01 tbody tr td:last-child {
	border-right: none;
}

.conTable table.tb_type01 th {
	background: #f9f9fb;
	text-align: center;
	padding: 25px 5px;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
}

.conTable table.tb_type01 th.n_bg {background:none;}

.conTable table.tb_type01 td {
	border-top: 1px solid #bfbfbf;
	padding: 25px 25px;
	box-sizing: border-box;
}

.conTable table {
	width: 100%;
	height: auto;
	/*font-size:16px;*/
}

.conTable table.tb_type02 {
	border-top: 2px solid #101010;
	border-bottom: 1px solid #bfbfbf;
}

.conTable table.tb_type02 tr:nth-child(1) th, .conTable table.tb_type02 tr:nth-child(1) td
	{
	border-top: none
}

.conTable table.tb_type02 th {
	text-align: left;
	padding: 30px 0 25px 10px;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
	color: #365dbf;
	vertical-align: top;
	font-size: 18px;
}

.conTable table.tb_type02 td {
	border-top: 1px solid #bfbfbf;
	padding: 25px 25px;
	box-sizing: border-box;
	word-break: keep-all;
	word-wrap: break-word;
}

.conTable table {
	width: 100%;
	height: auto;
	/*font-size:16px;*/
}

.conTable table.tb_type03 {
	border-top: 2px solid #101010;
	border-bottom: 1px solid #bfbfbf;
}

.conTable table.tb_type03 tr:nth-child(1) th, .conTable table.tb_type03 tr:nth-child(1) td
	{
	border-top: none
}

.conTable table.tb_type03 th {
	background: #f9f9fb;
	text-align: left;
	font-weight: normal;
	padding: 30px 0 25px 30px;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
}

.conTable table.tb_type03 td {
	border-top: 1px solid #bfbfbf;
	padding: 25px 25px;
	box-sizing: border-box;
}

.conTable table {
	width: 100%;
	height: auto;
	/*font-size:16px;*/
}

.conTable table.tb_type04 {
	border-top: 2px solid #101010;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #dedede;
	box-sizing: border-box;
}

.conTable table.tb_type04 th {
	background: #f9f9fb;
	text-align: center;
	font-weight: normal;
	padding: 20px 0;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #dedede;
}

.conTable table.tb_type04 td {
	border-top: 1px solid #bfbfbf;
	padding: 20px 0;
	box-sizing: border-box;
	border-left: 1px solid #dedede;
}

.conTable table.tb_type05 {
	border-top: 2px solid #101010;
	border-bottom: 2px solid #101010;
}

.conTable table.tb_type05 tr:nth-child(1) th, .conTable table.tb_type05 tr:nth-child(1) td
	{
	border-top: none
}

.conTable table.tb_type05 thead tr th, .conTable table.tb_type05 thead tr td
	{
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type05 thead tr th:last-child, .conTable table.tb_type05 thead tr td:last-child
	{
	border-right: none;
}

.conTable table.tb_type05 tbody tr th {
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type05 tbody tr td {
	border-right: 1px solid #bfbfbf;
}

.conTable table.tb_type05 tbody tr td:last-child {
	border-right: none;
}

.conTable table.tb_type05 th {
	background: #f9f9fb;
	text-align: center;
	padding: 10px 5px;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
	word-break:keep-all;
}

.conTable table.tb_type05 td {
	border-top: 1px solid #bfbfbf;
	padding: 10px 20px;
	box-sizing: border-box;
}

.conTable table .title {
	color: #10349e;
	font-family: "NSRB";
	padding-bottom: 5px;
}

.conTable table.tb_type06 {
	border-top: 2px solid #101010;
	border-bottom: 1px solid #bfbfbf;
}

.conTable table.tb_type02 tr:nth-child(1) th, .conTable table.tb_type02 tr:nth-child(1) td
	{
	border-top: none
}

.conTable table.tb_type06 th {
	text-align: left;
	padding: 30px 0 25px 10px;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
	color: #365dbf;
	vertical-align: top;
	font-size: 18px;
	word-break:keep-all;
}

.conTable table.tb_type06 td {
	border-top: 1px solid #bfbfbf;
	padding: 25px 25px;
	box-sizing: border-box;
	word-break: keep-all;
	word-wrap: break-word;
}

/*==박스라인==*/
.box_line {
	background: #fff;
	border: 1px solid #dedede;
	box-sizing: border-box;
	height: auto;
}

.box_line:after {
	content: '';
	display: block;
	clear: both;
}

.inner20 {
	padding: 20px !important;
}

/*==radio==*/
.radio ul {
	text-align: center;
}

.radio ul li {
	display: inline-block;
	padding: 0 5px;
}

.br_block{display:block;}

/*==이미지==*/
.imgBox {position:relative;width:100%;max-width:1000px;z-index:10;}
.conBox .imgBox {max-width:942px;}
.imgBox img {max-width:100%;}

@media screen and (max-width:1000px) {
	.br_block{display:inline-block !important;}
}

/**********************************************************************************************************************************************************************/
/*SC01_주요업무*/
.sc_w {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.box3_w {
	width: 100%;
	border: 1px solid #dedede;
	height: auto;
	overflow: hidden;
	margin-bottom: 70px;
}

.box3_w dl.center_intro_3ea dd {
	position: relative;
	width: 33.333%;
	box-sizing: border-box;
	border-left: 1px solid #dedede;
	float: left;
	height: auto;
	text-align: center;
	height: 270px;
}

.box3_w dl.center_intro_3ea dd.ico01 {
	background: #f9f9fb url("../../images/abs-new/contents/center_0101.png")
		no-repeat center 40px;
}

.box3_w dl.center_intro_3ea dd.ico02 {
	background: #fff url("../../images/abs-new/contents/center_0102.png") no-repeat
		center 40px;
}

.box3_w dl.center_intro_3ea dd.ico03 {
	background: #f9f9fb url("../../images/abs-new/contents/center_0103.png")
		no-repeat center 40px;
}

.box3_w dl.center_intro_3ea dd:nth-child(1) {
	border-left: none;
}

.box3_w dl.center_intro_3ea dd p {
	font-size: 19px;
	font-family:"NSRB";
	color: #0b2c69;
	display: block;
	padding-top: 150px;
}

.box3_w dl.center_intro_3ea dd span {
	font-size: 15px;
	color: #252525;
	padding-top: 10px;
	display: block;
}

.conWide_w {
	position: relative;
	padding: 60px 0;
	margin-top: 20px;
	height: 465px;
}

.conWide_w .conWide {
	width: 4000px;
	left: 50%;
	margin-left: -2000px;
	background: #f1f1f2;
	padding: 60px 0;
	position: absolute;
	top: 0;
	height: 465px;
}

.conBg1 {margin-top:15px;padding:50px 25px 25px 25px;background:#f1f1f2;}

.list_box3 {
	position: relative;
}

.list_box3>li {
	width: 33.333%;
	float: left;
	padding: 0;
	margin-bottom: 25px;
	height:auto;
	overflow:hidden;
	 
}

.list_box3>li div {
	width: 93%;
	margin: 0 auto;
	min-height: 220px;
	background: #fff;
	padding: 35px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 17px;
	word-break: keep-all;
	word-wrap: break-word;
}

.list_box3 li div.ico01 {
	background: #fff url("../../images/abs-new/contents/box_ico01.gif") no-repeat
		88% 88%;
}

.list_box3 li div.ico02 {
	background: #fff url("../../images/abs-new/contents/box_ico02.gif") no-repeat
		88% 88%;
}

.list_box3 li div.ico03 {
	background: #fff url("../../images/abs-new/contents/box_ico03.gif") no-repeat
		88% 88%;
}

.list_box3 li div.ico04 {
	background: #fff url("../../images/abs-new/contents/box_ico04.gif") no-repeat
		88% 88%;
}

.list_box3 li div.ico05 {
	background: #fff url("../../images/abs-new/contents/box_ico05.gif") no-repeat
		88% 88%;
}


/* 센터소개 연혁 */
.history_box li .box_line {
	padding: 20px !important;
	position: relative;
	min-height: 600px;
	width: 96% !important;
	text-align:left;
}

.history_box li .title_w {
	width:100%;
	margin:0;
	padding:15px 0 0 0;
	min-height:190px;
}

.history_box li p.title {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 21px;
	font-family: "NSRB";
	color: #000;
}

.history_box li p.year {
	display: block;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.history_box li p.year span {
	display: inline-block;
	padding: 5px 20px;
	background: #333;
	border-radius: 100px;
	margin: 5px 5px 20px 5px;
	color: #fff;
}

.history_box li div ul li {
	position: relative;
	padding-left: 80px;
	/*font-size:16px;*/
	padding-bottom: 10px;
	line-height: 25px;
	word-break: keep-all;
	word-wrap: break-word;
}

.history_box li div ul li span.date {
	position: absolute;
	left: 0;
	top: 0;
	color: #154b9a;
}


/* 연혁 */
.year_list {position:relative; width:100%; margin:0 auto; padding-top:40px; overflow:hidden;}
.year_list .dot_line1 {position:absolute; top:85px; left:195px; width:222px; overflow:hidden;}
.year_list .dot_line2 {position:absolute; top:85px; left:528px; width:222px; overflow:hidden;}
.year_list .lists {width:290px; text-align: center; float:left; margin-right:39px;}
.year_list .lists_last {margin-right:0;}
.year_list .lists .title {font-size:18px; color:#3f78bb; letter-spacing: -1.5px; }
.year_list .lists .term {font-size:12px; color:#666666; padding:0 15px; border:1px solid #b2b2b2; border-radius:20px; display: inline-block; margin-top:14px; height:20px; line-height:21px; vertical-align: middle;}
.year_list .lists .line {float:left; width:300px; height:1px; background-color:#6593c9; margin-top:30px;}
.year_list .lists .detail_list {text-align: left; float:left; height:410px;}
.year_list .lists .detail_list li {float:left; clear:both; margin-top:26px;}
.year_list .lists .detail_list li span {display: block; float:left; font-size:14px; color:#666666; }
.year_list .lists .detail_list li span.year {width:76px;}
.year_list .lists .detail_list li span.desc {letter-spacing: -1px; width:208px; }



/*목적구성운영*/
.abs_con01 {
	position: absolute;
	width: 492px;
	height: 428px;
	background: url("../../images/abs-new/contents/abs_img01.png") no-repeat 0 0;
	float: left;
}

.abs_con02 {
	position: relative;
	padding-left: 530px;
	min-height: 428px;
	width: 100%;
	box-sizing: border-box;
}

.abs_con03 {
	width: 100%;
	height: auto;
	background: #fcfcfc;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 50px 50px;
	margin: 50px 0;
}

.abs_con03:after {
	content: '';
	clear: both;
	display: block;
}

.abs_con03 h2 {
	margin-top: 0;
}

.abs_con03 .tag01 {
	background: #fff;
	padding: 4px 5px;
	margin: 0 0 5px 6px;
	border: 1px solid #909090;
	color: #909090;
	font-size: 12px;
}

.abs_con03 ul {
	padding-left: 20px;
	padding-top: 20px;
}

.abs_con03 a {
	margin-left: 20px;
	margin-top: 10px;
}

.wrap_half {
	width: 50%;
	float: left;
	position: relative;
}

/*ABS 헬프데스크*/
.con_info {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
	margin-top: 20px;
}

.con_info .t_left {
	width: 70%;
	float: left;
}

.con_info .t_left p {
	font-size: 18px;
	color: #101010;
}

.con_info .t_left span {
	/*font-size:16px;*/
}

.con_info .t_right {
	width: 30%;
	float: right;
}

.agree_list {
	text-align: right;
}

.agree_list li {
	display: inline-block;
	padding-left: 20px;
}

/*찾아오시는길*/
.map_w {width:100% !important;height:590px;} 

.map_area {
	width: 100%;
	padding-bottom: 46.26%;
	border: 1px solid #dedede;
}

 
.map_info {
	position: relative;
	width: 100%;
	display: block;
	clear: both;
	padding-bottom: 30px;
	margin: 35px 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.map_info ul {
	float: right;
}

.map_info ul li {
	display: inline-block;
	line-height: 33px;
	/*font-size:16px;*/
	color: #101010;
}

.map_info ul li.tel {
	background: url("../../images/abs-new/contents/ico_tel.gif") no-repeat 0 2px;
	padding-left: 33px;
	height: 32px;
}

.map_info ul li.tel a {
	color: #101010;
}

.map_info ul li.fax {
	background: url("../../images/abs-new/contents/ico_fax.gif") no-repeat 0 2px;
	padding-left: 33px;
	height: 33px;
	margin-left: 20px;
}

.map_info .addr {
	float: left;
	font-size: 23px;
	color: #101010;
	line-height:32px;
}

/*국내유전자원접근*/
.law_info h2.conH4 {
	margin: 10px 0 0 0;
}

.law_info b {
	padding-right: 10px;
	display: inline-block;
}

.law_info ul {
	margin-left: 10px;
}

.link_ico {
	display: inline-block;
	font-family: "NSRB";
	background: #fff url("../../images/abs-new/common/ico_link.png") no-repeat 90%
		center;
	border: 1px solid #dedede;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 40px 0 10px;
	margin-left: 5px;
}

/* ABS포럼 */
.forum_list {
	height: auto;
	overflow: hidden;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.forum_list_cont{position:relative; width:100%; height:auto; overflow:hidden; margin:2rem 0;}
.forum_list_cont ul {width:50%; float:left;}
.forum_list_cont ul:nth-child(1){padding-right:1.5%; box-sizing: border-box;}
.forum_list_cont ul:nth-child(2){padding-left:1.5%; box-sizing: border-box;}
.forum_list_cont ul li{width:100%; height:auto; overflow:hidden; clear:both; position:relative; margin:15px 0 0 0;}
.forum_list_cont ul li .num{position:absolute; top:0; left:0; display:inline-block; float:left; width:80px; height:30px; line-height:30px; border-radius:100px; background:#484e5f; color:#fff; text-align:center; }
.forum_list_cont ul li .forum_date_w{position:absolute; left:100px;  width:150px;  box-sizing: border-box;  top:5px;}
.forum_list_cont ul li .cont{padding-top:5px; padding-left:200px; box-sizing: border-box; width:100%; font-size:0.95rem; line-height:1.6rem; word-break: keep-all; word-wrap: break-word;}


.forum_img{position:relative; width:100%; height:auto; overflow:hidden;}
.forum_img .contBox{width:30.333%; float:left; height:500px; margin:0 1.5% 20px 1.5%; border:1px solid #dedede; box-sizing: border-box; box-shadow:5px 5px 5px rgba(0,0,0,0.2); background:#fff;}
.forum_img .contBox:hover{border:5px solid #3458be; box-sizing: border-box; cursor:pointer;}
.forum_img .contBox ul{padding:10px 20px; box-sizing: border-box; width:100%;}
.forum_img .contBox .thum{position:relative; width:100%; padding:30px 20px; box-sizing: border-box; height:150px;text-align:center; margin-top:20px;}
.forum_img .contBox .tt{font-size:1.5rem; font-family:"NSRB"; display:block; width:100%; text-align:center; color:#3458be;}
.forum_img .contBox ul li{text-align:justify; clear:both; margin:10px 0; word-break: keep-all; word-wrap: break-word;}



/*************************************************************************************************************************************************/
/*****************************************************************************************************************************/
/*==유전자원통합신고 서비스==*/
.box_w {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.box_w ul.info_box li {
	width: 16.666%;
	float: left;
}

.box_w ul.info_box li .conBox {
	width: 96%;
	margin: 0 2%;
	height: 240px;
	box-sizing: border-box;
	text-align: center;
	padding: 30px 0 0 0;
}

.box_w ul.info_box li .conBox p {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #f6f9fa;
	margin: 0 auto;
}

.box_w ul.info_box li .conBox span {
	display: block;
	font-size: 1rem;
	margin-top: 2rem;
}

/*신고서비스 소개*/
.wd_box {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
	border: 1px solid #dedede;
	margin-top: 20px;
}

.wd_box li {
	float: left;
	width: 25%;
	padding: 40px 40px;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	text-align: center;
}

.wd_box li:nth-child(1) {
	border-left: none;
}

.wd_box li p {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #eff4fa;
	margin: 0 auto;
}

.wd_box li p.data-ico01 {
	background: #eff4fa url("../../images/abs-new/contents/wd_dataico_01.gif")
		no-repeat center center;
}

.wd_box li p.data-ico02 {
	background: #eff4fa url("../../images/abs-new/contents/wd_dataico_02.gif")
		no-repeat center center;
}

.wd_box li p.data-ico03 {
	background: #eff4fa url("../../images/abs-new/contents/wd_dataico_03.gif")
		no-repeat center center;
}

.wd_box li p.data-ico04 {
	background: #eff4fa url("../../images/abs-new/contents/wd_dataico_04.gif")
		no-repeat center center;
}

.r_btn {
	background: #fff;
	border: 1px solid #d1d1d1;
	padding: 5px 20px;
	border-radius: 8px;
	font-size: 0.9rem;
	display: inline-block;
	margin: 20px 0 0 0;
}

/*책임기관 선택*/
.org_table {
	border-top: 2px solid #000;
	margin-top: 15px;
}

.org_table tr td {
	padding: 20px 20px;
	box-sizing: border-box;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.org_table tr td.logo {
	border-left: none;
}

.org_table tr td.cont {
	background: #f8f9f9;
	font-size: 0.95rem;
	line-height: 1.5rem;
}

.org_table tr td.select_type {
	font-size: 0.95rem;
}

.step_box_w {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	/*padding-bottom:20px;*/
}

.step_box_w li {
	position: relative;
	display: table;
	width: 11.5%;
	box-sizing: border-box;
	height: 70px;
	float: left;
	margin: 0 0.5%;
}

.step_box_w li div {
	display: table-cell;
	vertical-align: middle;
	width: 96%;
	margin: 0 2%;
	padding:0 8px;
	border: 1px solid #dedede;
	border-radius: 5px;
	height: 100%;
	text-align: center;
	line-height:16px;
	word-break:keep-all;
}

.step_box_w li div.on {
	color:#fff;
	background: #431492;
	border:1px solid #40118f;
	/* border: none; */
}

.step_box_w li i.ico_arrow {
	right: -17px;
	top: 23px;
}

.ico_arrow {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("../../images/abs-new/common/ico_step_arrow.png") no-repeat 0 0;
	z-index: 10;
}

/****************************************************************/
/*****************통합신고서비스**********************/
/*통합신고서비스 > 국내유전자원등의 접근변경신고*/
.change_ch{width:100%; padding-right:145px; box-sizing: border-box;}
.change_ch .schText{height:50px; line-height:50px; padding:0 5px; box-sizing: border-box;}

/*신고인 입력*/
a.tooltip {
	position: relative;
}

a.tooltip img {
	padding-left: 5px;
}

a.tooltip div {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../../images/abs-new/common/tooltip_p.png") no-repeat 0 0;
	z-index: 90;
}

a.tooltip div span {
	display: block;
	position: absolute;
	left: 10px;
	background: #272727;
	border-radius: 5px;
	padding: 10px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	width: 200px;
	text-align: left;
	top: -10px;
}

a.tooltip:hover div {
	display: inline-block;
}

.report_form tr {
	position: relative;
}

.report_form th {
	text-align: center !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.radio_select li {
	float: left;
	padding-right: 20px;
}

.select_s1 {
	padding: 6px 10px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #dedede;
	font-size: 1rem;
}

.postnum {
	background: #344d7b;
	color: #fff !important;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	height: 33px;
	line-height: 33px;
}

.delgene {
	background: #FF0000;
	color: #fff !important;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	height: 34px;
	line-height: 34px;
}

.noti {
	/*font-size: 0.85rem;*/
	padding: 10px 0 0 0;
	font-family: "NSRB";
	background: url("../../images/abs-new/common/ico_noti.gif") no-repeat left 13px;
	padding-left: 21px;
	color: #868686;
	word-break:keep-all;
}

.notiBig {
	font-size: 1.1rem;
	padding: 0;
	background: url("../../images/abs-new/common/ico_noti.gif") no-repeat left 3px;
	padding-left: 25px;
	color: #000;
}

.agree_box {
	width: 100%;
	text-align: right;
	height: auto;
	overflow: hidden;
}

.agree_box ul li {
	display: inline-block;
	padding-left: 20px;
}

.agree_sign {
	width: 100%;
	height: auto;
	padding: 20px 0;
	box-sizing: border-box;
	text-align: right;
	border-bottom: 1px solid #dedede;
}

.agree_sign p {
	display: inline-block;
	font-size: 18px;
}

.agree_sign p span {
	font-family:"NSRB";
	color: #000;
	padding-left: 5px;
}

.agree_sign a {
	border-radius: 5px;
	margin-left: 10px;
	font-size: 15px;
}

.agree_sign_center {
	width: 100%;
	height: auto;
	padding: 20px 0;
	box-sizing: border-box;
	text-align: center;
}

.agree_sign_center p {
	display: inline-block;
	font-size: 18px;
}

.agree_sign_center p span {
	font-family:"NSRB";
	color: #000;
	padding-left: 5px;
}

.agree_sign_center a {
	border-radius: 5px;
	margin-left: 10px;
	font-size: 15px;
}

.agree_date {
	font-size: 1.2rem !important;;
	text-align: center;
	padding: 20px 0;
	display: block;
	width: 100%;
}

.date_w {
	width: 100%;
	height: auto;
	padding: 40px 0;
	font-size: 1.4rem;
	color: #000;
	letter-spacing: 0.1rem;
}

.date_w b {
	font-family: 바탕체;
}

.no_cont_noti {
	display: none;
}

/*유전자원 및 접근 이용내역*/
.td_divBox {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.td_divBox_L {
	width: 50%;
	float: left;
}

.td_divBox_R {
	width: 50%;
	float: left;
}

input[type="checkbox"] {
	background-color: #fff;
	border: 1px solid #dedede;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

input[type="text"].ip2 {line-height:25px;}

/*check*/
.check_w {
	position: relative;
	width: 80%;
}

.check_w input[type="text"] {line-height:25px;}

.check_w select,
select#gene_nat {height:27px;line-height:27px;border:1px solid #e6e6e9;border-radius:0;}

.check_w input[type="checkbox"] {
	display: none;
}

.check_w input[type="checkbox"]+label {
	font-size: 15px;
	line-height: 30px;
	display: block;
	position: relative;
	padding-left: 35px;
	padding-right: 20px;
	margin: 5px 0;
}

.check_w.w100 input[type="checkbox"]+label {padding-right:0;word-break:keep-all;}

.check_w input[type="checkbox"]+label:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 25px;
	height: 25px;
	border: 1px solid #dedede;
	background: #fff;
	content: ''
}

.check_w input[type="checkbox"]:checked+label:before {
	background: url("../../images/abs-new/common/checkOn2.png") no-repeat;
	border: none;
}

/*radio*/
.radio_w input[type="radio"] {
	display: none;
}

.radio_w input[type="radio"]+label {
	font-size: 15px;
	line-height: 24px;
	display: inline-block;
	float: left;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
}

.radio_w input[type="radio"]+label span {
	font-size: 15px;
}

.radio_w input[type="radio"]+label:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 1px solid #dedede;
	border-radius: 100%;
	background: #fff;
	content: ''
}

.radio_w input[type="radio"]:checked+label:before {
	background: url("../../images/abs-new/common/radioOn2.png") no-repeat;
	border: none;
}

.radio-center input[type="radio"] {
	display: none;
}

.radio-center input[type="radio"]+label {
	font-size: 15px;
	line-height: 24px;
	display: inline-block; /*float:left;*/
	position: relative;
	padding-left: 25px;
}

.radio-center input[type="radio"]+label span {
	font-size: 15px;
}

.radio-center input[type="radio"]+label:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 1px solid #dedede;
	border-radius: 100%;
	background: #fff;
	content: ''
}

.radio-center input[type="radio"]:checked+label:before {
	background: url("../../images/abs-new/common/radioOn2.png") no-repeat;
	border: none;
}

.radio_w ul li {
	margin: 5px 0;
	display: block;
	height: auto;
	overflow: hidden;
}

/*생물다양성협약*/
.cont115_img{background:url("../../images/abs-new/contents/cont01121.jpg") no-repeat 0 0; background-size:cover;}
.post_title {
	position: relative;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
	margin: 30px 0;
}

.post_title h2 {
	font-size: 2.3em;
	color: #000;
	/*font-family: "malgun gothic";*/
	font-family:"NSRB";
	letter-spacing: -0.08em;
	line-height: 1.1;
	margin-bottom: 1rem;
}

.post_title span {
	font-size: 1.2rem;
	color: #868686;
}

.post_cont {
	position: relative;
	width: 100%;
	clear: both;
	display: block;
	/* text-align: justify; */
	margin: 4rem 0;
}

.post_cont p.cont_point {
	font-size: 1rem;
	line-height: 1.6rem;
	font-family: 'NSRB';
	color: #728497;
}

.post_cont p.cont {
	display: block;
	width: 100%;
	line-height: 1.6rem;
	font-size: 1rem;
	margin: 1.5rem 0;
}

.post_cont .block {
	display: block;
}

.cont_img_box {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
}

.cont_img_box .post1_img1 {
	width: 48%;
	background: url("../../images/abs-new/contents/sub01_01_01.jpg") no-repeat 20%
		center;
	height: 330px;
	background-size: cover;
	float: left;
	/* margin-top: 10px; */
}

.cont_r {
	width: 52%;
	padding-left: 4%;
	float: left;
	box-sizing: border-box;
	/* line-height: 2rem;
	font-size: 1.1rem; */
}

.post_cont .conBox2 {
	margin-top: 30px;
}

.post_cont .conBox2 .cont {
	font-size: 18px !important;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	padding-top: 20px;
}

/*생물다양성협약 전문*/
.contList_w {
	position: relative;
	width: 100%;
	height: auto;
}

.contList_w>ul:nth-child(4n+1) {
	clear: both;
}

.contList_w>ul>li.tt {
	background: #333;
	color: #fff;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 1.2rem;
}

.contList_w>ul>li.stt {
	display: table;
	position: relative;
	width: 100%;
	background: #f9f9fa;
	padding: 20px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	text-align: center;
	height: 130px;
}

.contList_w>ul>li.stt>p {
	display: table-cell;
	vertical-align: middle;
}

.contList_w>ul>li {
	box-sizing: border-box;
	width: 100%;
}

.contList_w>ul>li>ul {
	padding: 0 10px;
	box-sizing: border-box;
}

.contList_w>ul>li>ul li {
	font-size: 15px;
	line-height: 25px;
	background-position: 10px 10px;
	padding-left: 20px;
}

.con_2ea {
	width: 100%;
	float: left;
}

.con_2ea>ul {
	width: 50%;
	padding: 1rem 0.1rem;
	box-sizing: border-box;
	float: left;
}

.con_2ea>ul>li.tt {
	background: #3f5b95;
}

.con_2ea>ul>li a {
	margin-top: 10px;
}

.con_4ea {
	width: 100%;
	float: left;
}

.con_4ea>ul {
	width: 50%;
	padding: 1rem 0.1rem;
	box-sizing: border-box;
	float: left;
}

.con_4ea>ul>li a {
	margin-top: 10px;
}
/*생물다양성협약 전문 > 전문*/
.left_w {
	width: 22%;
	float: left;
	padding-right: 3%;
}

.left_w .subTab_list {
	position: relative;
	width: 100%;
	display: inline-block !important;
}

.left_w .subTab_list li {
	padding: 10px 0;
	width: 100%;
	line-height: 50px;
	height: 100%;
}

.left_w .subTab_list li a {
	font-size: 35px;
	/*font-family: "NotoSans_B";*/
	font-family:"NSRB";
	color: #c7c7c7;
	display: inline-block;
	line-height: 45px;
	letter-spacing: -0.2rem;
}

.left_w .subTab_list li a.on {
	background: url("../../images/abs-new/contents/tablist_bg.gif") repeat-x 0
		bottom !important;
	color: #333 !important;
}

.left_w .subTab_list li a:hover {
	color: #333;
}

.center_w {
	position: relative;
	width: 100%;
	float: left;
	padding: 0;
	box-sizing: border-box;
	line-height: 2rem;
}

.right_w {
	position: relative;
	width: 100%;
	float: left;
	padding: 0;
	box-sizing: border-box;
	font-size: 1.1rem;
	line-height: 2rem;
}

.right_w .topimg01 {
	position: absolute;
	height: 300px;
	width: 97%;
	left: 1.5%;
	 
	z-index: -1;
}

.right_w>.cont {
	width: 100%;
	margin: 0 0%;
	background: #fff;
	padding: 2rem 1rem;
	text-align:justify;
	word-break: keep-all; word-wrap: break-word;
}

.right_w>p {
	display: block;
	padding: 0 1rem 2rem 1rem;
	box-sizing: border-box;
	width: 100%;
}

.right_w .innerTXT {
	font-size: 1rem;
	line-height: 1.8rem;
}

/*나고야의정서 채택 및 목적*/
.title_type02 {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	margin: 30px 0 0 0;
	/*font-family: "NotoSans_B";*/
}

.y_line {
	width: 45px;
	height: 4px;
	background: #169174;
}

.title_type02 .tt {
	color:#232639;
	font-size: 1.7rem;
	font-family:"NSRB";
	display: block;
	line-height: 2.5rem;
	margin: 12px 0 1.8rem 0;
	letter-spacing:-1.5px;
}

.title_type02 .tt .stt {
	font-size: 1.4rem;
	font-family:"NSRB";
	line-height: 2.5rem;
	padding-left: 1rem;
	color: #b9b9b9;
}

.title_type02 sup {padding-left:5px;font-size:20px;}

.post_type02 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.post_type02 .cont {
	display: block;
	clear: both;
	margin-bottom: 40px;
	overflow: hidden;
}

.post_type02 .cont .conH0 {
	margin-top: 30px;
}

.post_type02 .cont .cont_left {
	width: 50%;
	box-sizing: border-box;
	font-size: 1.1rem;
	line-height: 2rem;
	text-align: justify;
	display: block;
	padding-right: 2.5%;
	float: left;
	/* word-break: keep-all;  */
	/* text-align:justify; */
}

.post_type02 .cont .cont_right {
	width: 50%;
	box-sizing: border-box;
	font-size: 1.2rem;
	line-height: 2rem;
	text-align: justify;
	display: block;
	padding-left: 5%;
	float: left;
}

.post_type02 .cont .cont_img {
	width: 50%;
	display: inline-block;
	height: 220px;
	clear: left;
	border-radius: 5px;
}

.post_type02 .cont .cont_img100 {
	width: 100%;
	display: inline-block;
	height: 220px;
	clear: left;
	border-radius: 5px;
}

.post_type02 .cont .sc32_img {
	background: url("../../images/abs-new/contents/sc32_img01.jpg") no-repeat center
		0;
	background-size: cover;
}

.post_type02 .m_tt {
	width: 100%;
	text-align: center;
	clear: both;
	margin: 3rem 0 1.4rem 0
}

.post_type02 .m_tt p {
	display: inline-block;
	font-family: "NSRB";
	color: #2663df;
	clear: both;
	font-size: 1.8rem;
	margin-bottom: 0.5rem;
	background: url("../../images/abs-new/contents/mtt_bg.gif") repeat-x 0 bottom;
	width: auto;
	padding: 0;
}

.post_type02 .m_tt h2 {
	color: #2663df;
	font-family: "NSRB";
	display: inline-block;
	background: url("../../images/abs-new/contents/mtt_bg.gif") repeat-x 0 bottom;
}

.post_type02 .cont p.txt {
	font-size: 1.1rem !important;
	line-height: 2rem !important;
	margin: 1.5rem 0;
	word-break:break-all;
	clear: both;
}

.numList_black {
	padding: 10px 50px;
	box-sizing: border-box;
}

.numList_black li {
	padding: 5px 0;
}

.numList_black span.num {
	width: 23px;
	height: 23px;
	line-height: 23px;
	float: left;
	background: #000;
	border-radius: 100%;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 0.8rem;
	/*font-family: "NotoSans_B";*/
	margin-top:4px;
	margin-right: 0.5rem;
}

.info_box3ea {
	position: relative;
	width: 100%;
	height: 550px;
	padding-bottom: 20px;
}

.info_box3ea li {
	width: 33.333%;
	float: left;
	height: 100%;
}

.info_box3ea li .conBox {
	width: 95%;
	margin: 0 auto;
	height: 95%;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2), 0 0 3px rgba(0, 0, 0, .2);
	padding: 45px 1.5rem;
}

.info_box3ea li .conBox .icoBox {
	display: block;
	text-align: center;
	height: 100px;
}

.info_box3ea li .conBox .tt {
	text-align: center;
	font-size: 1.25rem;
	font-family: "NSRB";
	color: #275aa4;
	padding: 25px 0;
}

.info_box3ea li .conBox span {
	text-align: justify;
	font-size: 1rem;
	line-height: 1.8rem;
	text-align: justify;
	display: block;
}

/*나고야의정서 논의경과*/
.center_w .title_type02,
.right_w .title_type02 {
	margin-top: 50px;
}

.center_w .title_type02:nth-child(1),
.right_w .title_type02:nth-child(1)  {
	margin-top: 30px;
}

.center_w .post_type02 .cont,
.right_w .post_type02 .cont {
	margin: 0;
	width: 100%;
	padding: 0;
	font-size: 1rem;
	line-height: 1.8rem;
}

.center_w .post_type02 .cont>p,
.right_w .post_type02 .cont>p {
	padding-left: 0;
	font-size: 1rem;
	line-height: 1.8rem;
	word-break: break-all;
}

.cont50_w .title_type02 {
	margin-top: 50px;
}

.cont50_w .title_type02:nth-child(1) {
	margin-top: 30px;
}

.cont50_w .post_type02 .cont {
	margin: 0;
	width: 100%;
	padding: 0;
	font-size: 1rem;
	line-height: 1.8rem;
}

.cont50_w .post_type02 .cont>p {
	padding-left: 0;
	font-size: 1rem;
	line-height: 1.8rem;
	word-break: keep-all; word-wrap: break-word;
}

.cont100 {
	margin: 2rem 0;
	clear: both;
}

.cont100 p {
	font-size: 1rem;
	line-height: 1.8rem;
	word-break: keep-all; word-wrap: break-word;
	text-align:justify;
}

.post_type02 .cont .sc32_img3 {
	background: url("../../images/abs-new/contents/sc32_img01.jpg") no-repeat 0 center;
	background-size: cover;
	margin-top: 20px;
}

/*나고야의정서 주요의무사항*/
.post_type02 .cont .sc32_41img {
	background: url("../../images/abs-new/contents/sc32_4img01.jpg") no-repeat
		center 0;
	background-size: cover;
}

.post_type02 .cont .sc32_42img {
	background: url("../../images/abs-new/contents/sc32_4img02.jpg") no-repeat
		center 0;
	background-size: cover;
}

/*용어*/
.word_list {
	position: relative;
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	padding-top: 40px;
}

.word_list li {
	width: 100%;
	padding: 10px 5% 30px 5%;
	box-sizing: border-box;
}

.word_list li .word_con {
	font-size: 1rem;
	line-height: 1.8rem;
	display: block;
	padding: 10px 0 10px 15px;
	word-break: break-all;
}

.line_h1 {
	width: 100%;
	height: 1px;
	background: #dedede;
}

.line_h2 {
	width: 100%;
	height: 2px;
	background: #000;
}

/*이익공유*/
.cont_img2 {
	width: 40%;
	float: left;
	border: 1px solid #dedede;
	height: 275px;
	padding: 10px 10px;
	box-sizing: border-box;
}

.cont_img2 .imgBox {
	width: 100%;
	height: 80%;
}

.cont_img2 .imgBox.sc323101 {
	background: url("../../images/abs-new/contents/sub01_02_07_1.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.sc323102 {
	background: url("../../images/abs-new/contents/sub01_02_07_2.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.sc323103 {
	background: url("../../images/abs-new/contents/sub01_02_07_3.jpg") no-repeat
		center center;
	background-size: 80% auto;
}

.cont_img2 .imgBox.sc323104 {
	background: url("../../images/abs-new/contents/sub01_02_07_4.jpg") no-repeat
		center center;
	background-size: cover;
}

.cont_img2 .imgBox.sc323105 {
	background: url("../../images/abs-new/contents/sub01_02_07_5.jpg") no-repeat
		center center;
	background-size: cover;
}

.cont_img2 .imgBox.img32_621 {
	background: url("../../images/abs-new/contents/sub01_02_07_6.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.img32_622 {
	background: url("../../images/abs-new/contents/sub01_02_07_2.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.img32_623 {
	background: url("../../images/abs-new/contents/sub01_02_07_8.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.img32_631 {
	background: url("../../images/abs-new/contents/sub01_02_07_9.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 .imgBox.img32_632 {
	background: #f5f6f9 url("../../images/abs-new/contents/sub01_02_07_10.jpg")
		no-repeat center 0;
	background-size: contain;
}

.cont_img2 .imgBox.img32_633 {
	background: url("../../images/abs-new/contents/sub01_02_07_11.jpg") no-repeat
		center 0;
	background-size: cover;
}

.cont_img2 p {
	width: 100%;
	padding-top: 4%;
	font-size: 1rem;
	font-family:"NSRB";
}

.post_type02 .cont_left2 {
	width: 60%;
	float: left;
	padding-right: 3%;
	box-sizing: border-box;
	word-break: break-all;
	/* text-align:justify; */
}

.post_type02 .conBox2 {
	padding: 10px 20px 10px 10px;
}

.post_type02 .conBox2 p {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 1rem 1rem;
	box-sizing: border-box;
}

.post_type02 .conList2 li {
	font-size: 15px;
	line-height: 25px;
	margin: 5px 0;
	word-break: break-all;
	/* text-align:justify; */
}

.post_type02 .title_cont {
	font-size: 2rem !important;
	font-family:"NSRB";
	color:#8e9195;
	/*font-family: "NotoSans_B";
	color: #aaa;*/
	width: 100%;
	line-height: 2.8rem !important;
	margin-bottom: 2rem;
	text-align:initial !important;
	word-break:keep-all;	 
}

/* 나고야 다운로드 */
.btn_dow {display:block;}
.btn_dow a {display:block; padding:5px 0px 4px 10px; border:1px solid #cbd5db; line-height:26px;}
.btn_dow.btn_pdf a {background: url("/img/contents/btn_pdf.gif") no-repeat 95% 50%;}
.btn_dow.btn_word a {background: url("/img/contents/btn_word.gif") no-repeat 95% 50%;}
.btn_dow.btn_hwp a {background: url("/img/contents/btn_hwp.gif") no-repeat 95% 50%;}


/*나고야의정서 당사국회의 > 개요*/
.sc33_21_img {
	background: url("../../images/abs-new/contents/sub01_04_02.jpg") no-repeat
		center 0;
	background-size: cover;
}

.sc33_22_img {
	background: url("../../images/abs-new/contents/sub01_04_01.jpg") no-repeat
		center 0;
	background-size: cover;
}

/*전문해설*/
.info_cont {
	width: 95%;
	margin: 0 auto;
}

.info_cont .conBox3 h2 {
	text-decoration: underline;
}

.info_cont .conBox3 h3.conH2:nth-child(1) {
	margin-top: 10px;
}

.info_cont .conBox5 {
	padding: 5px 25px;
}

.info_cont .info_p {
	color: #707070;
	text-align: justify;
	margin: 10px 0;
	font-size: 1.1rem;
	line-height: 2rem;
	font-family: "NSR";
}

.info_cont .post_type02 .cont {
	border-top: 2px solid #222;
	margin-top: 1rem;
	border-bottom: 1px solid #dedede;
	padding: 1rem 0;
}

.info_cont .cont100 {
	margin: 1rem 0;
}

.info_cont .cont100 p {
	padding-bottom: 1rem;
}

.info_cont .conList2>li {
	font-family: "NSRB";
	font-size: 17px;
}

.info_cont .cont_left {
	padding: 1rem 2% !important;
}

.info_cont .info_p.info_p_cont {
	font-size: 0.95rem;
	line-height: 1.5rem;
}

.info_cont .conBox3>p {
	margin: 1rem 0;
	text-align: justify;
	word-break: keep-all; word-wrap: break-word;
	text-align:justify;
}

/*==ABS절차 및 고려사항==*/
/*ABS 절차*/
.right_w_img {
	width: 100%
}

.right_w_img .ABS_stepimg {
	max-width: 864px;
	width: 100%;
}

/*ABS란 > 부속기구회의*/
.cont_accordian {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #2459a8;
	margin: 20px 0;
	border-bottom: 1px solid #2459a8;
	word-break:keep-all;
}

.cont_accordian>ul>li {
	width: 100%;
	height: 100%;
}

.cont_accordian>ul>li>h3 {
	display: block;
	width: 100%;
	font-size: 1rem;
	padding: 20px 20px;
	box-sizing: border-box;
	text-align: left;
	background: #fff url("../../images/abs-new/common/p_next.gif") no-repeat 98%
		center;
	border-top: 1px solid #2459a8;
	font-family: "NSRB";
	cursor: pointer;
	color: #2459a8;
}

.cont_accordian>ul>li>h3 .acc_stt {
	font-family: "NSRB";
	color: #8e98a8;
	padding-left: 5px;
	font-size: 0.95rem;
	vertical-align: bottom;
}

.cont_accordian>ul>li>.inner {
	background: #f6f8fa;
	color: #2459a8;
	display: none;
	border-top: 1px dashed #7d8b9f;
	/* font-family: "NSREB"; */
	padding:35px 30px; 
}

.cont_accordian>ul>li>.inner ul li {
	font-family: "NSR";
}

.cont_accordian>ul>li.active>.inner {
	display: block;
}

/************************************************************/
/*==나고야의정서채택경과 > 탭메뉴==*/
/*ABS 논의의 시작*/
.conHistory_w {
	position: relative;
	width: 100%;
	height: auto;
	/* overflow: hidden; */
	position: relative;
	float: left;
	padding-left: 30%;
	box-sizing: border-box;
}

.conHistory_w .history_list1:before {
	display: block;
	content: "";
	position: absolute;
	left: 30%;
	margin-left: 9px;
	top: 0;
	width: 5px;
	height: 99%;
	border-radius: 5px;
	background: #e3e3e3;
}

.conHistory_w .history_list1 .left {
	width: 100%;
	float: left;
}

.conHistory_w .history_list1>li {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	line-height: 1.5;
}

.conHistory_w .history_list1 span.year {
	width: 120px;
	/*font-family: "NotoSans_B";*/
	font-size: 1.6rem;
	font-family:"NSRB";
	color: #8f8979;
	letter-spacing: -1px;
	float: left;
}

.conHistory_w .history_list1 span.year:before {
	display: inline-block;
	content: "";
	margin-right: 30px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	border: 4px solid #8f8979;
	vertical-align: middle;
}

.conHistory_w .history_list1 .year_info {
	line-height: 1.2;
	box-sizing: border-box;
	padding-left: 150px;
	margin-top: 10px;
	margin-bottom: 50px;
}

.year_info .y_cont {
	font-size: 1rem;
	font-family:"NSRB";
	/*font-family: "NotoSans_B";*/
	color: #000;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	padding-bottom: 10px;
	padding-left: 0;
}

.year_info .y_tt {
	width:auto;
	font-size: 1.2rem;
	display: inline-block;
	padding: 0;
	color: #3964de;
	font-family: "NSRB";
	background: url("../../images/abs-new/contents/mtt_bg.gif") repeat-x 0 bottom;
}

.year_info  ul {
	margin: 20px 0 50px 10px;
}

.year_info  ul li {
	font-size: 1rem;
	/* line-height: 1.8rem; */
	word-break: keep-all; word-wrap: break-word;
}

.year_info  div {
	font-size: 0.95rem;
	line-height: 1.8rem;
	margin-bottom: 1.5rem;
	padding: 10px 28px;
}

.year_info  div p {
	display: block;
	padding: 1rem 0;
	/* text-align: justify; */
}

.year_info  ul li div ul {
	margin-top: 0;
	margin-bottom: 0;
}

/* .year_info  ul li div ul li {
	font-size: 0.95rem;
} */

.conHistory_img_w {
	position: absolute;
	left: 0;
	top: 100px;
	width: 50%;
	z-index: 1;
}

.conHistory_img_w .img_w {
	width: 50%;
	height: 200px;
	background: #dedede;
}

.conHistory_img_w .img_w img {
	width: 100%;
	height: 100%;
}

.conHistory_img_w .h1_img02 {
	margin-top: 650px;
}

.conHistory_img_w .h1_img03 {
	margin-top: 750px;
}

.conHistory_img_w .h3_img02 {
	margin-top: 1800px;
}

.conHistory_img_w .h3_img03 {
	margin-top: 2800px;
}

/************************************************************************/
/***********************************************************************/
/*==마이페이지 > 로그인==*/
.tt_bold {
	/*font-family: "NotoSans_B";*/
	font-size: 2.5rem;
	font-family:"NSRB";
	letter-spacing: -0.25rem;
	text-align: center;
	padding-bottom: 2.5rem;
	line-height: 2.5rem;
}

.login_w {
	width: 605px;
	height: auto;
	overflow: hidden;
	min-height: 300px;
	border: 1px solid #dedede;
	border-radius: 10px;
	margin: 30px auto 50px auto;
	padding: 4rem 3rem 8rem 3rem;
	box-sizing: border-box;
}

.login_w .stt {
	font-size: 1rem;
	text-align: center;
	display: block;
	padding: 2rem 0;
	color: #4e4e4e;
	letter-spacing: -0.1rem;
	word-break:keep-all;
}

.login_w .login_btn {
	width: 100%;
	margin: 1.5rem 0;
	padding:0 15px;
	height:51px;
	line-height:51px !important;
	border:0 !important;
	border-radius:0 !important;
}

.login_w .btn_join_w {
	position: relative;
	width: 100%;
	text-align: center;
}

.login_w .btn_join_w li {
	display: inline-block;
	font-size: 0.95rem;
	font-family:"NSRB";
	padding: 0 1.5rem;
	background: url("../../images/abs-new/common/line1.gif") no-repeat 0 8px;
}

.login_w .btn_join_w li:nth-child(1) {
	padding-left: 0;
	background: none;
}

.login_w .btn_join_w li:last-child {
	padding-right: 0;
}

.login_w .tab2_w {margin:0 0 20px 0;}

.w_txt {
	border: 1px solid #dedede;
	padding: 1rem 1rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0.5rem 0;
}

.w_txt::placeholder {
	color: #9f9f9f;
	font-size: 1rem;
	letter-spacing: -0.1rem;
}

.w1 {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.w2 {
	width: 50%;
}

.tab2_w {
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin: 20px 0;
}

.tab2_w ul.idpwd_w li {
	background: #fff;
	border-bottom: 2px solid #dedede;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	font-family:"NSRB";
}

.tab2_w ul.idpwd_w li.over {
	border-bottom: 2px solid #000;
}

.tab2_w ul.idpwd_w li a {
	display: block;
}

.id_w {
	display: none;
}

.id_w.over {
	display: inherit;
}

/*== 본인인증 로그인 추가_임혜경_20251113 ==*/
.login_wrap {
	display:flex;
	gap:20px;
}
.login_wrap .login_w {
	flex:1;	
	padding:3rem;
	margin-bottom:0;
}
.login_wrap .login_w .cert_btn {
	margin: 90px 0 0 0;
}


/*== 비밀번호 변경 추가_200924 ==*/
.ipw-wrap {position:relative;width:605px;height:auto;min-height:300px;margin:0 auto;padding:4rem 3rem 6rem 3rem;border:1px solid #dedede;border-radius:10px;box-sizing:border-box;}
.ipw-wrap .tt_bold {padding-bottom:36px;}

.ipw_w {position:relative;}
.ipw_w .t_noti {padding:118px 0 0 0;background: url("../../images/abs-new/contents/ipw_img.gif") no-repeat 52% top;/*font-size:16px;*/line-height:25px;text-align:center;word-break:keep-all;}
.ipw_w .ipw {padding-top:40px;}
.ipw_w .ipw li {margin-bottom:16px;}
.ipw_w .ipw li input {display:block;width:calc(100% - 2px);border:1px solid #dedede;}
.ipw_w .s_noti {padding:0 0 10px 20px;background: url("../../images/abs-new/common/ico_noti.gif") no-repeat left 1px;color:#868686;font-size:14px;line-height:18px;font-family:"NSRB";}
.ipw_w .ipw_btn {position:relative;padding-top:20px;text-align:center;}
.ipw_w .ipw_btn .btnL {display:block;height:50px;line-height:50px;background:#333;color:#fff;font-size:18px;}


/*==마이페이지 > 회원가입==*/
.join_w {
	position: relative;
	width: 100%;
	/* padding-top:10px; */
}

.join_w .useGuide {
	width: 100%;
	height: 270px;
	border: 1px solid #dedede;
	box-sizing: border-box;
	overflow: auto;
	padding: 1rem 2rem 2rem 2rem;
	background: #fdfeff;
	margin: 10px 0;
}

.join_w .conH4 {
	margin: 2.5rem 0 1rem 0;
}

.join_w  .useGuide h2 {
	font-size: 1rem;
	margin: 1rem 0 0 1rem;
	font-family:"NSRB";
}

.join_w .useGuide ul {
	margin-left: 1rem;
}

.join_w .btn_w {
	width: 250px;
	text-align: center;
	margin: 30px auto;
}

.join_w .btn_w  a {
	color: #fff;
	font-size: 1rem;
}

.join_w .btn_w  a:hover {
	background: #3e4147;
}

/*==마이페이지 > 회원정보입력==*/
.join_form {
	position: relative;
	width: 100%;
	margin: 30px auto 50px auto;
}

.join_form #idCntTxt {margin-left:5px;}

.join_form input {
	padding: 0 10px;
	box-sizing: border-box;
}

.join_form select {
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	width: 20%;
}

.join_form .btn_blackS {
	cursor:pointer;
	display: inline-block;
	padding: 0 10px !important;
	height:33px !important;
	line-height:33px !important;
	border:0 !important;
}

.join_form p.noti {
	clear: both;
}

.join_form table tr th {
	text-align: center !important;
	font-family:"NSRB" !important;
	/*font-weight: 600 !important;*/
}

.join_form table tr td .tt {
	display: none;
}

.join_form table tr td .addr_btn {
	/* padding: 9px 10px !important; */
	margin-left: 0.5rem;
}

.join_form table tr td .addr_in {
	display: block;
	width: 100% !important;
	margin-top: 0.5rem;
}

.join_form .cont {
	display: block;
	word-break:keep-all;
}
	
@media all and (max-width:1000px) { 
	.join_form #idCntTxt {display:block;margin-top:8px;}
}

/*==마이페이지 > 회원가입 완료==*/
.ico_speak {
	width: 108px;
	height: 108px;
	background: url("../../images/abs-new/common/ico_speak.gif") no-repeat 0 0;
	margin: 25px auto;
}

.login_btn_w {
	width: 320px;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 30px auto;
}

.login_btn_w a {
	width: 48%;
	margin: 0 1%;
	float: left;
	display: block;
	line-height:23px;
	box-sizing: border-box;
	text-align: center;
}


/*국가별 ABS정보*/
#tab { height:38px; border-bottom:1px #0792c5 solid; font:14px/ 38px 'Malgun Gothic'; list-style:none; font-family:"NSRB"; }
#tab>li {float:left; height:37px; border:1px #0792c5 solid; border-bottom:none; padding:0 10px; margin-left:4px; cursor:pointer; background:#fff; font-size:14px;}
#tab>li:first-child { margin-left:0; }
#tab>li.right { float:right; }
#tab>li.on { border-bottom:1px #0792c5 solid; background:#0792c5; color:#fff; }
#tab_contents { padding:10px 0; min-height:100px;}
#tab_contents>li { display:none }
#tab_contents>li:first-child { display:block; }

.nationSelect{position:relative; width:100%; height:auto; overflow:hidden;  }
.nationSelect li.on{background:none !important;  box-sizing: border-box;}
.nationSelect > li{width:16.666% !important; float:left; box-sizing: border-box; font-family:"NSR";}
.nation_list{background-color: #fff;padding: 0; clear: both; border-bottom:1px dashed #dedede;}
.nation_list ul{padding:20px 25px; box-sizing: border-box; height:100%; overflow:hidden;}
.nation_list ul li{width:33.333%; box-sizing: border-box; float:left;}
.nation_list ul li a{font-family:"NSR";}
.whiteBox{background:#fff; border:1px solid #e9e9e9; padding:15px 25px; box-sizing: border-box; }
.nt_tab01_cont {width:100%; box-sizing: border-box; margin:1rem 0; font-family:"NSR";}
.nt_tab01_cont dd{font-family:"NSR"; word-break: keep-all; word-wrap: break-word;}
.nt_tab01_cont dt{font-size:16px; color:#000; background:url("/img/abs-new/common/bullet2.png") no-repeat left 15px; padding-left:12px; font-family:"NSR";} 

.nation_tab {border-bottom:0 !important;}
.nation_tab li{border-right:0 !important; border-top:1px solid #535671 !important; border-left:1px solid #535671 !important; border-bottom:1px solid #535671 !important;font-family:"NSR" !important; width:14.285714%; float:left; box-sizing: border-box; text-align:center; margin-left:0 !important;} 
.nation_tab li:last-child{border-right:1px solid #535671 !important;}
.nation_tab li.on{border-bottom:0; background:#535671 !important; border:1px solid #535671 !important;} 
.nation_tab2 {margin:20px 0; height:auto; overflow:hidden;}
.nation_tab2 li{ width:33.333%; float:left; text-align:center; box-sizing: border-box; border-right:1px solid #dedede; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.nation_tab2 li:nth-child(1){border-left:1px solid #dedede;}
.nation_tab2 li:hover{background:#4e607e !important; color:#fff; cursor:pointer;}
.nation_on{background:#4e607e !important; color:#fff; cursor:pointer;} 
.nation_tab2 li a{display:block; height:50px;line-height:50px;}
.nation_tab2 input{font-size:14px;  border:none; width:auto; margin:0 auto; height:50px;  text-align:center; cursor:pointer; background:none; }
.nation_tab2 input:hover{ background:none; color:#fff;} 
#nationView .whiteBox{border-top:none;}
.abs_noti{position:absolute; left:0; top:20px; }
.abs_noti p{font-size:1rem; color:#000;}

/* 해외 지도 */
.site_list2 li {display:inline-block; width:100%; margin:0 0 5px 0; line-height:30px; font-size:12px; vertical-align:top; background:#f6f8fa url('/img/contents/link.png') no-repeat 98% 50%; }
.site_list2 li a {display:block; width:94%; color:#5182bf;  padding:5px 3%;}

.sub03_01_list dl { display:inline-block; width:25%; margin:0 3%;}
.sub03_01_list dt { background-color:#60c3b6; border-radius:8px; padding:10px 0; text-align:center;font-family:'NSRB'; /* font-size:14px; */ color:#fff; border:1px solid #35a495;}
.sub03_01_list dd { border-radius:8px; padding:10px 0; text-align:center; /* font-family:"NSRB";  font-size:14px;*/ }

.sub03_01_list2 {position:relative; background-color:#f6f8fa; padding:20px;  }
.overseaTitle01 {width:140px; border-radius:0px;}
.overseaTitle02 {width:78%;}
.sub03_01_list2 dl { position:relative; display:inline-block; width:100%; margin:7px 0; border-bottom:1px #dde1e7 dashed; }
.sub03_01_list2 dt {position:absolute; width:180px;  padding:5px 0 15px 20px; font-family:'NSRB'; color:#5182bf; /* font-size:14px; */ vertical-align:top; box-sizing: border-box;}
.sub03_01_list2 dd {display:block; width:100%; padding:5px 0 15px 180px; vertical-align:top; box-sizing: border-box;}
.sub03_01_list2 .flag_img {position:absolute; right:0px; top:0px; background-color:#f6f8fa; padding:25px;}

.nation-list {box-sizing:border-box;}
.nation-list dl {position:relative;margin:8px 0 12px 0;border-bottom:1px #dde1e7 dashed;}
.nation-list dl dt {position:absolute;top:0;left:0;width:190px;padding:5px 0 15px 12px;background:url("/img/abs-new/common/bullet2.png") no-repeat left 12px;color:#000;font-size:16px;word-break:keep-all;box-sizing:border-box;}
.nation-list dl dd {min-height:21px;padding:5px 0 15px 195px;font-size:16px;}
.nation-list .flag_img {position:absolute; right:0px; top:0px; background-color:#f6f8fa; padding:25px;}

/**************************************************************/
/*=========사이트운영관리=========*/

/*헬프데스크*/
.orginfo_w {
	position: relative;
	width: 100%;
	height: auto;
	margin: 2rem 0;
	overflow: hidden;
}

.orginfo_w>ul>li {
	width: 25%;
	height: 450px;
	box-sizing: border-box;
	padding: 0.5rem 0.5rem;
	float: left;
}

.orginfo_w .orgBox {
	width: 100%;
	height: 100%;
	border: 1px solid #dedede;
	box-sizing: border-box;
	padding: 2rem 0.5rem;
	box-sizing: border-box;
}

.orginfo_w .orgBox p {
	padding: 2rem 0;
	border-bottom: 1px dashed #dedede;
	display: block;
	text-align: center;
}

.orginfo_w .orgBox ul {
	width: 100%;
	height: auto;
	margin-top: 2rem;
}

.orginfo_w .orgBox ul li {
	font-size: 0.9rem !important;
	margin: 2px 0;
}

/* 2018-07-27 Mypage 추가 */
.step_bg {	width: 1000px;height: 111px;display: block;margin: 20px auto;}
.step_bg01 {background: url("../../images/abs-new/contents/step01_bg.png") no-repeat 0 0;background-size:1000px auto;} 
.step_bg ul>li {float: left;width: 85px;height: 69px;padding: 0;margin-right: 27px;}
.step_bg ul>li.step1_3{width:282px; margin-right:15px}
.step_bg ul>li.step1_4{width:250px; margin-right:28px}
.step_bg ul>li.step1_3 span{width:282px; text-align:center; display: table-cell;}
.step_bg ul>li.step1_4 span{width:250px; text-align:center; display: table-cell;}

.step_bg ul>li span {display: table-cell;vertical-align: middle;height: 69px;width: 90px;text-align: center;color: #fff;font-size: 14px;font-family: "NSRB";line-height: 16px;}
/* .step_bg ul.lh40 > li{line-height:40px} */
.step_bg ul>li:last-child {	margin-right: 0}
.step_cont1{width:1045px; margin:0 auto;}
.step_bg ul>li small {display: block;font-family: 'NanumGothic-Regular';font-size: 13px;}
.step_btn {width: 91px;	height: 30px;word-wrap: break-word;border-radius: 0px;margin: 0 10px 0 11px;padding: 10px 0;}
.step_btn span {display: table-cell;vertical-align: middle;width: 91px;	height: 30px;text-align: center;font-size: 13px;line-height: 14px;}

.step_bg04 {background: url("../../images/abs-new/contents/step04_bg.png") no-repeat 0 0; background-size:1000px auto; height:120px;}
.step_bg04 ul>li{width:9.7%; margin-right:3%;}
.step_bg04 ul>li.step4_3{width:61%; margin-right:3.5%;}
.step_bg04 ul>li span{width:100%; display:inline-block; padding-top:25px;}



 
/*사이트맵*/
#sitemapWrap {width: 100%;}
#sitemapWrap h3 {color:#fff; display: block;width: 100% !important;font-size: 1.2rem;  text-align: center;padding: 15px 0; background: #185dac url("../../images/contents/bg_side_title.gif") repeat 0 0; border-bottom: 1px dashed #a0a5b0;border-top: 2px solid #1a44a4; }
#sitemapWrap>ul>li {margin-bottom: 10px;display: inline-block;width: 33.333%;box-sizing: border-box;vertical-align: top;float: left;padding: 1rem 2%;}
#sitemapWrap ul li:first-child {margin-left: 0%;}

#sitemapWrap>ul>li>a {display: block;width: 100% !important;margin: 0 !important;font-size: 14px;color: #fff;font-family: "Nanum-bold";	text-align: Center;	padding: 10px 0;
	background: #185dac url("../../images/contents/bg_side_title.gif") repeat 0 0;
}
#sitemapWrap ul li ul.snb_menu li:nth-child(1){border-top:none; }
#sitemapWrap ul li ul.snb_menu > li:last-child {border-bottom:1px solid #dedede;}
#sitemapWrap ul li ul.snb_menu li {
	margin-left: 0%;
	margin-bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	border-top:1px solid #dedede;
}
 
#sitemapWrap ul li ul.snb_menu>li>a {
	display: block;
	width: 100% !important;
	height: 100%;
	line-height: 1.6em;
	padding: 10px 0 10px 5.5%;
	box-sizing: border-box;
	margin: 0px;
	color: #3b3b3b;
	text-align: left;
	background: #f3f3f3 url("../../images/contents/li_icon1.gif") no-repeat 3% 13px;
	margin-left: 0px;
	margin-bottom: 2px;
	border-bottom: 1px solid #dedede;
	font-size:18px;
}

#sitemapWrap ul li ul.snb_menu li ul {
	padding: 0 0;
}

#sitemapWrap ul li ul.snb_menu li ul li {
	margin-left: 0%;
	border: 0px solid red;
	margin-bottom: 0px;
	width: 100%;
	padding: 2px 0;
}

#sitemapWrap ul li ul.snb_menu li ul li:nth-child(1){padding-top:20px;}
#sitemapWrap ul li ul.snb_menu li ul li:last-child{padding-bottom:20px;}

#sitemapWrap ul li ul.snb_menu li ul li a {
	position: relative;
	/*font-size:16px;*/
	width: 86% !important;
	padding: 2px 3% 2px 10%;
	margin: 0px;
	color: #717171; 
	text-align: left;
	background: #fff url("../../images/contents/li_icon.gif") no-repeat 30px 12px;
}



@media screen and (max-width:1380px) {
	/*==주요업무==*/
	.conWide_w {
		position: relative;
		padding: 60px 0;
		margin-top: 20px;
		height: 465px;
	}
	.conWide_w .conWide {
		width: 100%;
		left: 0;
		margin-left: 0;
		background: #f1f1f2;
		padding: 60px 0;
		position: absolute;
		top: 0;
		height: 465px;
	}
}

@media screen and (max-width:1240px) {
	/*나고야의정서 채택 및 목적*/
	.info_box3ea {
		position: relative;
		width: 100%;
		height: 650px;
		padding-bottom: 20px;
	}
	.info_box3ea li {
		width: 33.333%;
		float: left;
		height: 100%;
	}
	.info_box3ea li .conBox {
		width: 95%;
		margin: 0 auto;
		height: 95%;
		box-sizing: border-box;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .2), 0 0 3px rgba(0, 0, 0, .2);
		padding: 45px 1.5rem;
	}
	.info_box3ea li .conBox .icoBox {
		display: block;
		text-align: center;
		height: 100px;
	}
	.info_box3ea li .conBox .tt {
		text-align: center;
		font-size: 1.25rem;
		font-family: "NSRB";
		color: #275aa4;
		padding: 25px 0;
	}
	.info_box3ea li .conBox span {
		text-align: justify;
		font-size: 1rem;
		line-height: 1.8rem;
		text-align: justify;
		display: block;
	}
	
	/*통합신고서비스 > 국내유전자원등의 접근변경신고*/
	.change_ch{width:100%; padding-right:140px; box-sizing: border-box;}
	.change_ch .schText{height:50px; line-height:50px; padding:0 5px; box-sizing: border-box;}	
	.change_w .bbs_cate .cate_btn{position:absolute; right:2%; margin-top:0; float:left; width:130px; font-size:0.9rem;}
	
	/* 센터소개 주요업무 */
	.list_box3>li {	width: 50%;}
	
	.history_box li .box_line {min-height:510px;}
	.history_box li .title_w {min-height:auto;}
	
	/*목적구성운영*/
	.abs_con01 {position:relative;width: 100%;height: 428px;background: url("../../images/abs-new/contents/abs_img01.png") no-repeat center 0;float:none;}	
	.abs_con02 {position: relative;	padding-left: 0;min-height: 428px;width: 100%;box-sizing: border-box;}	
	.abs_con03 {width: 100%;height: auto;background: #fcfcfc;border: 1px solid #ddd;box-sizing: border-box;padding: 50px 50px;margin: 50px 0;}	
	
	/*헬프데스크*/
	.orginfo_w>ul>li {width: 33.33%;height: 450px;box-sizing: border-box;padding: 0.5rem 0.5rem;float: left;}
}

@media screen and (max-width:1100px) {
.step_bg {	width: 100%;height: 111px;display: block;margin: 20px auto;}
.step_bg01 {background: url("../../images/abs-new/contents/step01_bg.png") no-repeat 0 0;background-size:100% auto;}
.step_bg04 {background: url("../../images/abs-new/contents/step04_bg.png") no-repeat 0 0;}
.step_bg ul>li {float: left;width: 8.8%;height: 69px;padding: 0;margin-right: 2.3%;}
.step_bg ul>li.step1_1 span{padding-top:15px;}
.step_bg ul>li.step1_3{width:27%; margin-right:1.8%;}
.step_bg ul>li.step1_4{width:26.5%; margin-right:2.5%;}
.step_bg ul>li.step1_5{margin-right:2.2%;}
.step_bg ul>li.step1_3 span{width:100%; text-align:center; display: inline-block; padding-top:15px;}
.step_bg ul>li.step1_4 span{width:100%; text-align:center; display: inline-block; padding-top:15px;} 
.step_bg ul>li.step1_6 span{width:100%; text-align:center; display: inline-block; padding-top:15px;}

.step_bg ul>li span {display: inline-block;vertical-align: middle;height: 69px;width: 100%; padding-top:20px; text-align: center;color: #fff;font-size: 14px;font-family: "NSRB";line-height: 16px;}
.step_bg04 {background-size:100% auto; height:120px;}
 

/* .step_bg ul.lh40 > li{line-height:40px} */
.step_bg ul>li:last-child {	margin-right: 0}
.step_cont1{width:100%; margin:0 auto;}
.step_cont1 a{display:inline-block;}
.step_cont1 a:nth-child(1){width:8.8%; margin-right:2.3%;}
.step_cont1 a:nth-child(2){width:8.8%; margin-right:2.3%;}
.step_bg ul>li small {display: block;font-family: 'NanumGothic-Regular';font-size: 13px;}
.step_btn { 	height: 30px;word-wrap: break-word;border-radius: 0px;margin: 0 ;padding: 10px 1%; box-sizing: border-box;}
.step_btn span {display: inline-block;vertical-align: middle;width: 100%;	height: 30px;text-align: center;font-size: 13px;line-height: 14px;}

}

@media screen and (max-width:1000px) {
	.no_cont_noti {
		width: 100%;
		text-align: center;
		color: #363636;
		display: table;
		background: #eeeeee url("../../images/abs-new/contents/pc_none.png") no-repeat
			center 35%;
		height: 400px;
		background-size: auto 80px;
	}
	.no_cont_noti span {
		display: table-cell;
		vertical-align: middle;
		font-size: 1rem;
		line-height: 1.5rem;
		padding-top: 100px;
	}
	.no_cont {
		display: none;
	}
	
	/*사이트맵*/
	#sitemapWrap {
		width: 100%;
	}
	
	#sitemapWrap h3 {
		display: block;
		width: 100% !important;
		font-size: 1.2rem;
		color: #1a44a4;
		font-family: "NSREB";
		text-align: center;
		padding: 15px 0;
		/*background: #185dac url("../../images/contents/bg_side_title.gif") repeat 0 0;*/
		border-bottom: 1px dashed #5d90ca;
		/* border-top: 2px solid #1a44a4; */
		background: #f8f8f9;
	}
	 
	
	#sitemapWrap>ul>li {
		margin-bottom: 10px;
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		vertical-align: top;
		float: left;
		padding: 1rem 2%;
	}
	
	#sitemapWrap ul li:first-child {
		margin-left: 0%;
	}
	
	#sitemapWrap>ul>li>a {
		display: block;
		width: 100% !important;
		margin: 0 !important;
		font-size: 14px;
		color: #fff;
		font-family: "Nanum-bold";
		text-align: Center;
		padding: 10px 0;
		background: #185dac url("../../images/contents/bg_side_title.gif") repeat 0 0;
	}
	
	#sitemapWrap ul li ul.snb_menu li {
		margin-left: 0%;
		margin-bottom: 0px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#sitemapWrap ul li ul.snb_menu>li>a {
		display: block;
		width: 100% !important;
		height: 100%;
		line-height: 1.6em;
		padding: 10px 0 10px 5.5%;
		box-sizing: border-box;
		margin: 0px;
		color: #3b3b3b;
		text-align: left;
		background: #f3f3f3 url("../../images/contents/li_icon1.gif") no-repeat 3% 13px;
		margin-left: 0px;
		margin-bottom: 2px;
		border-bottom: 1px solid #dedede;
	}
	
	#sitemapWrap ul li ul.snb_menu li ul {
		padding: 10px 0;
	}
	
	#sitemapWrap ul li ul.snb_menu li ul li {
		margin-left: 0%;
		border: 0px solid red;
		margin-bottom: 0px;
		width: 100%;
		padding: 2px 0;
	}
	
	#sitemapWrap ul li ul.snb_menu li ul li a {
		position: relative;
		font-size: 12px;
		width: 86% !important;
		padding: 2px 3% 2px 10%;
		margin: 0px;
		color: #717171;
		text-align: left;
		background: #fff url("../../images/contents/li_icon.gif") no-repeat 5% 13px;	
	}	
}


.green2{text-align:center; padding:5px 0; border-radius:5px; background:#64934a; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}
.orange{text-align:center; padding:5px 0; border-radius:5px; background:#ee872b; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}
.purple2{text-align:center; padding:5px 0; border-radius:5px; background:#6e57b8; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}
.blue{text-align:center; padding:5px 0; border-radius:5px; background:#5d89d2; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}
.grey{text-align:center; padding:5px 0; border-radius:5px; background:#dee1e5; color:#333 !important; width:80%; margin:0 auto; font-size:12px; display:block;}
.black{text-align:center; padding:5px 0; border-radius:5px; background:#343536; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}
.red{text-align:center; padding:5px 0; border-radius:5px; background:#ce3820; color:#fff !important; width:80%; margin:0 auto; font-size:12px; display:block; line-height:18px;}


/* ABS상담 동의비동의 내용 추가 */
.cst_left {float:left;width:70%;color:#101010;font-size:18px;}
.cst_right {float:left;width:30%;text-align:right;}
.cst_right li {display:inline-block;padding:0 0 0 20px;}

@media screen and (max-width:1280px) {
	.cst_left {width:100%;}
	.cst_right {width:100%;text-align:left;}
	.cst_right li {display:inline-block;padding:10px 20px 10px 0;}
}


/* 추가 ***************************************************************************************/
.ip_flex {position:relative;}
.ip_flex select {float:left;width:135px;}
.ip_flex input {float:right;width:calc(100% - 140px);box-sizing:border-box;}
.b_input {height:27px;line-height:27px;border:1px solid #e6e6e9;box-sizing:border-box;}
.b_input2 {height:33px;line-height:33px;border:1px solid #e6e6e9;box-sizing:border-box;}
.b_input3 {height:45px;line-height:45px;border:1px solid #e6e6e9;box-sizing:border-box;}
.b_select {height:27px;line-height:27px;border:1px solid #e6e6e9;}
.b_select2 {height:33px;line-height:33px;border:1px solid #e6e6e9;}
.ip_date {line-height:27px;}
.ip_date input {width:calc(50% - 10px);}
.ip_date span {display:inline-block;width:14px;text-align:center;}
.ip_10 {padding:10px 5px;box-sizing:border-box;} 

.ip_del1 {float:left;width:75%;margin-right:10px;vertical-align:top;}
.ip_del1 input[type="text"] {float:left;width:calc(33.33% - 8px);}
.ip_del1 .slash {float:left;display:block;width:12px;line-height:33px;text-align:center;}
.ip_del2 {float:left;width:calc(25% - 10px);vertical-align:top;}

.tb_n .textbox {height:31px !important;border-radius:0 !important;}
.tb_n .textbox .textbox-text {height:33px !important;line-height:33px !important;font-size:inherit !important;border-radius:0 !important;}
.tb_n .combo-arrow {height:31px !important;}

.pop_close {position:absolute; right:0px; top:0px;  left:0px;}
.pop_close a {display:block; width:30px; height:30px; line-height:30px; background-color:#33acea; color:#fff;text-align:center;}
.mail_in{position:relative; height:auto; overflow:hidden; padding:20px 0;}
.mail_in dd{width:100%; display:block; clear:both;}
.mail_in dd input{width:95%; display:block;height:33px;line-height:33px;box-sizing: border-box;}

.related-wrap {padding:10px 0;}
.related-wrap .rltCon {position:relative;width:calc(50% - 10px);margin-top:10px;padding:30px 30px 25px 30px;background:#f9f9fb;/*border:1px solid #dedede;*/box-sizing:border-box;}
.related-wrap .rltCon.rlt1 {float:left;}
.related-wrap .rltCon.rlt2 {float:right;}
.related-wrap .rltCon .tit {display:inline-block;color:#222;font-size:1.2rem;font-family:"NSRB";line-height:1.8rem;}
.related-wrap .rltCon .more {display:block;position:absolute;top:36px;right:30px;width:14px;height:14px;background:url("../../images/main/more4.gif") no-repeat;font-size:0;}
.related-wrap .rltCon .more:hover {transform: rotateY(360deg);transition:ease-out 0.3s;}
.related-wrap .rltCon .desc {padding-top:10px;min-height:150px;}
.related-wrap .rltCon .desc a.txt {position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;max-width:100%;margin-bottom:8px;padding-left:9px;background:url("/img/abs-new/common/bullet2.png") no-repeat left 8px;box-sizing:border-box;}
.related-wrap .rltCon .desc a.add_date {padding-right:85px;}
.related-wrap .rltCon .desc a:hover {color:#202020;}
.related-wrap .rltCon .desc span.date {display:block;position:absolute;top:0;right:0;}
@media screen and (max-width:800px) {
	.related-wrap {padding:10px 0 0 0;}
	.related-wrap .rltCon {position:relative;width:100%;margin-top:10px;padding:20px 25px 15px 25px;background:#f9f9fb;/*border:1px solid #dedede;*/box-sizing:border-box;}
	.related-wrap .rltCon.rlt1 {float:left;}
	.related-wrap .rltCon.rlt2 {float:left;}
	.related-wrap .rltCon .more {display:block;position:absolute;top:26px;right:25px;width:14px;height:14px;background:url("../../images/main/more4.gif") no-repeat;font-size:0;}
	.related-wrap .rltCon .desc {padding-top:10px;min-height:auto;}
}

/* 국가별ABS정보 상세검색 */
.searchD-wrap {position:absolute;width:100%;height:calc(100% - 90px);top:90px;z-index:999;}
.searchD-box {position:relative;padding:40px 0;width:100%;/*height:100%;*/background:#f3f5f8;box-sizing:border-box;z-index:1000;}
.searchD-inner {position:relative;margin:0 auto;width:680px;}
.searchD-wrap .fld_con1 {position:relative;}
.searchD-wrap .fld_con1 li {float:left;padding-top:10px;width:100%;letter-spacing:-1.5px;}
.searchD-wrap .fld_con1 li .fld_w {position:relative;}
.searchD-wrap .fld_con1 li .fld_w .inBox {position:relative;margin-right:80px;background:#fff;border:1px solid #e0e0e0;}
.searchD-wrap .fld_con1 li .fld_w .inBox .inSlt {display:block;position:absolute;top:0;left:0;width:240px;height:48px;line-height:48px;font-size:16px;border:0;box-sizing:border-box;}
.searchD-wrap .fld_con1 li .fld_w .inBox .inIp {display:block;margin-left:245px;width:calc(100% - 245px);height:48px;line-height:48px;font-size:16px;border:0;box-sizing:border-box;}
.searchD-wrap .fld_con1 li .fld_w .inAnd {cursor:pointer;display:block;position:absolute;top:0;right:0;width:68px;height:50px;line-height:50px;background:#b4b7bc;color:#fff;font-size:14px;border:1px solid #afb2b6;border-radius:3px;box-sizing:border-box;}
.searchD-wrap .fld_con1 li .fld_w .inAdd {position:absolute;top:50%;right:-100px;margin-top:-15px;min-width:90px;}
.searchD-wrap .fld_con1 li .fld_w .inAdd input {cursor:pointer;display:inline-block;padding:0 !important;width:40px;height:30px;line-height:30px;background:#33353e;color:#fff;font-size:14px;text-align:center;border:0;}
.searchD-wrap .btn_search {margin-top:30px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center;}
.searchD-wrap .btn_search .search_btn {cursor:pointer;display:inline-block;padding:0 20px !important;min-width:100px;height:50px;line-height:50px;background:#3b55b4;color:#fff;font-size:16px;border:0;text-align:center;}
.searchD-wrap .fld_con2 {position:relative;margin-top:30px;}
.searchD-wrap .fld_con2 select {display:block;position:absolute;top:0;left:0;width:240px;height:50px;line-height:50px;font-size:16px;border:0;box-sizing:border-box;border:1px solid #e0e0e0;}
.searchD-wrap .fld_con2 .inDate {float:right;width:calc(100% - 245px);}
.searchD-wrap .fld_con2 .inDate input {float:left;display:inline-block;width:calc(50% - 10px);height:50px;line-height:50px;box-sizing:border-box;border:1px solid #e0e0e0;}
.searchD-wrap .fld_con2 .inDate span {float:left;display:inline-block;width:14px;line-height:50px;text-align:center;}
.searchD-wrap .fld_con3 {position:relative;margin-top:15px;}
.searchD-wrap .fld_con3 input + label {margin-left:3px;margin-right:20px;}
.searchD-wrap .btn_close {display:block;position:absolute;top:40px;right:40px;width:32px;height:32px;background:url("/img/abs-new/common/ico_close2.gif") no-repeat;z-index:1000;}
#contents .bg{position:absolute; top:0; left:0; width:100%; height:calc(100% - 120px); background:rgba(0,0,0,0.7);z-index:999;}

#sub03_01_map_area {width:100%;}

/* 사이트맵 */
/* #sitemap_w {position:relative;}
#sitemap_w .stm1 {margin:20px 0 50px 0;}
#sitemap_w .stm1 > li {float:left;width:32%;margin:0 0 40px 2%;}
#sitemap_w .stm1 > li:nth-child(3n+1) {margin:0 0 40px 0;}
#sitemap_w .stm1 > li > h3 {padding:18px 0;background:#4f5864;color:#fff;font-size:19px;line-height:22px;text-align:center;border-bottom:1px dashed #84909f;}
#sitemap_w .stm2 > li > a {display:block;padding:15px 20px;background:#f1f3f6;color:#404243;font-size:16px;line-height:20px;border-bottom:1px solid #e0e2e8;}
#sitemap_w .stm3 {padding:20px;border-bottom:1px solid #e0e2e8;}
#sitemap_w .stm3 > li {margin-bottom:10px;}
#sitemap_w .stm3 > li > a {display:inline-block;padding-left:12px;background: url("../../images/abs-new/common/conH3.gif") no-repeat left 7px;color:#606162;font-size:15px;line-height:20px;word-break:keep-all;}
#sitemap_w .stm3 > li > a:hover {color:#000;}
@media screen and (max-width:800px) {	
	#sitemap_w .stm1 > li {float:left;width:46%;margin:0 2% 40px 2%;}
	#sitemap_w .stm1 > li:nth-child(3n+1) {margin:0 2% 40px 2%;}
}
@media screen and (max-width:568px) {
	#sitemap_w .stm1 {margin:20px 0 30px 0;}	
	#sitemap_w .stm1 > li {float:left;width:100%;margin:0 0 40px 0;}
	#sitemap_w .stm1 > li:nth-child(3n+1) {margin:0 0 40px 0;}
} */

/* 사이트맵 new */
#sitemap_w{position:relative;}
#sitemap_w ul.stm1 {display:flex; flex-wrap: wrap; justify-content: flex-start}
#sitemap_w ul.stm1 > li{width:300px; margin:10px; overflow:hidden;}
#sitemap_w ul.stm1 h3{padding:18px 0;background:#4f5864;color:#fff;font-size:19px;line-height:22px;text-align:center;border-bottom:1px dashed #84909f;}
#sitemap_w ul.stm1 ul.stm2{}
#sitemap_w ul.stm1 ul.stm2 li{width:100%;}
#sitemap_w ul.stm1 ul.stm2 li a{display:block; padding:15px 20px; background:#f1f3f6;color:#404243;font-size:16px; line-height:20px;border-bottom:1px solid #e0e2e8;}
#sitemap_w ul.stm1 ul.stm2 li ul.stm3{padding:10px 20px; border-bottom:1px solid #e0e2e8;}
#sitemap_w ul.stm1 ul.stm2 li ul.stm3 li{margin-bottom:10px; width:100%;}
#sitemap_w ul.stm1 ul.stm2 li ul.stm3 li a{padding-left:12px; padding-top:5px; padding-bottom:5px; background: url("../../images/abs-new/common/conH3.gif") no-repeat left center;color:#606162;font-size:15px;line-height:20px;word-break:keep-all; border-bottom:none;}
#sitemap_w ul.stm1 ul.stm2 li ul.stm3 li a:hover{color:#000;} 

@media (max-width:1280px){	
	#sitemap_w ul.stm1 {justify-content: space-between;}
	#sitemap_w ul.stm1 > li{width:45%}
}

@media (max-width:568px){	
	#sitemap_w ul.stm1{flex-direction: column}
	#sitemap_w ul.stm1 > li{width:100%; margin:10px 0;}
}


/* 마이페이지 */
.tm_tab {display:none;}
@media screen and (max-width:1000px) {	
	.tm_tab {display:block;margin:0 0 50px 0;}
}

/* 통합검색 */
.result_group .r_list {padding-top:30px;}
.result_group .conH5 + .r_list,
.result_group .btn_more + .r_list {padding-top:0;}
.rsl_tt {position:relative;}
.rsl_tt .conH0_ {padding-right:70px;}
.rsl_tt .r_btn {position:absolute !important;top:0;right:0;margin:0 !important;}
.r_list .rsl_btn {display:inline-block;background:#828282 !important;height:28px !important;line-height:28px !important;margin-left:10px !important;padding:0 10px !important;color:#fff !important;font-size:13px !important;font-family:"NSR";text-align:center;border-radius:0 !important;}
.r_list .rsl_btn:hover {background:#464646 !important;}

/* 테이블 */
.conTable2 {clear:both;position:relative;width:100%;padding-top:10px;}
.conTable2 .tb_type06 {table-layout:fixed;width:100%;border-top:2px solid #202020;border-bottom:1px solid #bfbfbf;border-collapse:collapse;}
.conTable2 table.tb_type06 tr:nth-child(1) th, 
.conTable2 table.tb_type03 tr:nth-child(1) td {border-top: none;}
.conTable2 table.tb_type06 th {background: #f9f9fb;text-align: left;font-weight: normal;padding: 25px 0 25px 30px;border-top: 1px solid #bfbfbf;}
.conTable2 table.tb_type06 td {border-top: 1px solid #bfbfbf;padding: 25px 25px;}
.conTable2 table.tb_type06 .b_line {border-left:1px solid #dedede;}
.conTable2 table.tb_type06 input[type="text"] {padding:0 10px;width:100%;height:33px;line-height:33px;border:1px solid #e6e6e9;box-sizing:border-box;}
.conTable2 table.tb_type06 input.w_auto {width:auto;}

/* 반응형테이블 */
@media screen and (max-width:800px) { 
	.conTable2 table.tb_type06 th {background: #f9f9fb;text-align: left;font-weight: normal;padding: 25px 0 25px 20px;border-top: 1px solid #bfbfbf;}
	.conTable2 table.tb_type06 td {border-top: 1px solid #bfbfbf;padding: 25px 20px;}
	.mCont_scroll {overflow-x:scroll;margin-top:-40px;padding:50px 0 10px 0 !important;background:url("/images/common/mCont_scroll.png") no-repeat right 5px;background-size:65px 34px;}
	.mCont_scroll table {width:820px !important;}
}
@media screen and (max-width:640px) { 
	.tm_scroll {overflow-x:scroll;margin-top:-40px;padding:50px 0 10px 0 !important;background:url("/images/common/mCont_scroll.png") no-repeat right 5px;background-size:65px 34px;}
	.tm_scroll table {width:650px !important;}
}

/* 이미지크게보기 */
.zoomImg {display:none;}
@media screen and (max-width:640px) { 
	.zoomImg {cursor:pointer;display:block;position:absolute;bottom:0;right:0;background:url("/images/sub/zoomImg.png") no-repeat;width:41px;height:41px;z-index:11;}
}


/*== 220922_추가 ==*/
.p_cont {padding-top:30px;padding-bottom:8px;font-size:17px;line-height:23px;}
.p_cont2 {padding-bottom:8px;font-size:15px;line-height:21px;}
.survey_w {position:relative;margin:50px 10px 0 10px;padding:45px 240px 35px 240px;background:#f3f5f8;text-align:center;border:1px solid #5c5d61;border-radius:8px;box-sizing:border-box;word-break:keep-all;}
.survey_w:before {content:'';display:block;position:absolute;top:-40px;left:50px;width:184px;height:270px;background:url("../../images/sub/survey1.png") no-repeat;}	
.survey_w:after {content:'';display:block;position:absolute;top:-52px;right:30px;width:214px;height:164px;background:url("../../images/sub/survey2.png") no-repeat;}	
.survey_w .txt1 {font-size:17px;font-family:"NSRB";line-height:23px;}
.survey_w .btn1 {padding-top:15px;}	
.survey_w .btn1 .join_btn {display:inline-block;width:158px;height:45px;line-height:45px;background:#3a42af;color:#fff;font-size:17px;border-radius:60px;}
@media all and (max-width:1240px) {
	.survey_w:before {left:-20px;}
	.survey_w:after {top:15px;right:-35px;}
}


/*=====================================================================================================================*/
/*20230705 추가*/
.check-wrap.top{margin-top:15px;}
.check-wrap{display:flex;justify-content:flex-end;}
.check-wrap .check_w{width:100px;}

.reg-table table{font-size:17px;line-height:30px;}

.register-type02-info.top{margin-top:50px;}
.register-type02-info > ul > li {margin-top:20px;}
.register-type02-info > ul > li:first-child {margin-top:0;}
.register-type02-info ol{margin-top:5px;}
.register-type02-info ol li{padding-left:17px;line-height:24px;}

.more-btn::after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background:url("../../images/common/more.png")no-repeat left center;vertical-align:middle;}
.down-btn::after{content:"";display:inline-block;width:18px;height:16px;margin-left:5px;background:url("../../images/common/dowmload.png")no-repeat left center;vertical-align:middle;}


/*=====================================================================================================================*/
/*20230906 유전자원검색*/
.gene_search {position:relative;}
.gene_search .top_icon {position:relative; width:100%; height:117px; background:url("../../images/abs-new/contents/top_gbox_bg.png")no-repeat; background-size:cover; z-index:10;}
.gene_search .con {position:absolute; background:url("../../images/abs-new/contents/gbox_con.png")no-repeat;}
.gene_search .kangaroo {bottom: -23px;left: 40px;width:107px;height:105px;background-position:-92px bottom; }
.gene_search .penguin {bottom: -9px;left: 176px;width:87px;height:75px;background-position:right bottom;animation:animatedbang 3s infinite;}
.gene_search .bear {bottom: -20px;left: calc(50% - 54px);width:97px;height:67px;background-position:right top;}
.gene_search .flower {bottom: -14px;left: 15px;width:45px;height:30px;background-position:left top;}
.gene_search .bug {bottom: -10px;left: 60%;width:34px;height:25px;background-position:-104px top; animation:animatedbang2 10s infinite;}
.gene_search .owl {background-position:left bottom;bottom: -35px;right: 40px;width:72px;height:118px; animation:animatedbang2 5s infinite;}


@keyframes animatedbang{
	0%{transform:translateY(10px);}
	50%{transform:translateY(-10px);}
	100%{transform:translateY(10px);}
}

@keyframes animatedbang2{
	0%{transform:translateX(10px);}
	50%{transform:translateX(-10px);}
	100%{transform:translateX(10px);}
}


.gene_search .top_gbox {position:relative; box-sizing:border-box; background:url("../../images/abs-new/contents/gene_search_bg.jpg")no-repeat; z-index:1; background-size:cover; padding:80px 45px 45px 45px; min-height:250px;border:1px solid #d0e2f5; border-radius:10px;}
.gene_search .top_gbox:before {content:''; position:absolute; left:50%; margin-left:-204px; top:70px; width:409px; height:94px; background:url("../../images/abs-new/contents/gene_search_tt.png")no-repeat;z-index:-1;}
.gene_search .top_gbox p {font-size:24px; font-family:'NSREB'; color:#000; margin-bottom:45px; text-align:center; }
.top_gbox .sear_list { position:relative; float:left; margin-right:15px; }
.top_gbox .sear_list .tit { position:relative; background:#fff; padding:20px; width:340px; box-sizing:border-box; border-radius:10px; box-shadow:0 0 15px rgba(22, 51, 93, 0.2); text-align:left; box-sizing:border-box;}
.top_gbox .sear_list .tit:before {content:''; position:absolute; right:20px; top:calc(50% - 3px); width:14px; height:7px; background:url("../../images/abs-new/contents/tit_arr.png")no-repeat;}
.top_gbox .sear_list strong {font-size:17px; color:#3a42af; margin-right:20px; font-family:'NSREB';}
.top_gbox .sear_list span {background:#3a42af; display:inline-block; color:#fff; width:27px; height:27px;text-align:center; line-height:27px;margin-right:10px;}
.top_gbox .sear_list ul {position:absolute; right:0; top:80px; padding:20px;border-radius:10px; width:calc(100% - 137px); background:#fff; box-shadow:0 0 15px rgba(22, 51, 93, 0.2); z-index:10;}
.top_gbox .sear_list ul li {margin-bottom:10px;}
.top_gbox .sear_fKeyword { position:relative; float:left; width:calc(100% - 355px);}
.top_gbox input  { background:#fff; width:calc(100% - 30px); border-radius:10px; padding:25px; border:0; box-shadow:0 0 15px rgba(22, 51, 93, 0.2); box-sizing:border-box;}
.top_gbox input:focus {background:#fff;}
.top_gbox .sear_btn { position:absolute; right:0; top:3px; width:60px; height:60px;border-radius:10px; background:#3a42af url("../../images/abs-new/contents/search_con.png")no-repeat center;}

	@media all and (max-width:880px) {
		.top_gbox .sear_list {float:none; margin:0; }
		.top_gbox .sear_list .tit {width:100%; margin:15px 0;}
		.top_gbox .sear_fKeyword {float:none; width:100%;}
	}

.gene_list {position:relative; margin:20px 0; z-index:0; }
.gene_list li {display:flex; padding:30px 20px; border-bottom:1px solid #dcdcdc;  justify-content: center; align-items: center; align-content: center; }
.gene_list li:first-child {border-top:2px solid #000;}
.gene_list li .thumbnail {width:300px; height:225px;border-radius:10px; overflow:hidden; }
.gene_list li .thumbnail img {width:100%;height:100%;}
.gene_list li:nth-child(even) {background:#f9f9f9;}
.gene_list li .gtit { width:calc(100% - 300px); padding-left:30px;}
.gene_list li dl {position:relative; margin:20px 0; overflow:hidden;}
.gene_list dt {float:left;position:relative; min-width:100px; padding-left:30px; margin-right:30px; font-size:17px; font-family:'NSREB'; color:#000; }
.gene_list dd {float:left; font-size:16px; width:calc(100% - 160px);}
.gene_list dt:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url("../../images/abs-new/contents/list_con_.png")no-repeat;}
.gene_list dt.ico01:before { background-position:center top;}
.gene_list dt.ico02:before { background-position:center -26px;}
.gene_list dt.ico03:before { background-position:center -54px;}
.gene_list dt.ico04:before { background-position:center bottom;}

	@media all and (max-width:880px) {
		.gene_search .bear,
		.gene_search .owl {display:none;}
		.gene_list li .gtit {width:100%; padding-left:0;}
		.gene_list li {display:block;}
		.gene_list li .thumbnail {margin:0 auto;}
		.gene_list dt,
		.gene_list dd {float:none; width:100%;}
		.gene_list dd {margin-top:10px;}
	}

	@media all and (max-width:640px) {
		.gene_search .bug {display:none;}
		.gene_search .top_gbox {padding:80px 20px 45px 20px;}
		.gene_search .top_gbox p {font-size:18px;}
		.gene_search .top_gbox:before {width:200px; height:54px; top:117px; margin-left:-100px; background-size:100%;}
		.top_gbox .sear_list strong {font-size:14px;}
		.top_gbox input {width:100%; font-size:14px;}
		.top_gbox .sear_btn {position:relative; display:block; margin:10px auto 0 auto;}

	}

	@media all and (max-width:400px) {
		.gene_list li .thumbnail {width:100%;}
	}

/*=====================================================================================================================*/
/*20230908 회원가입*/
.login_box {position:relative; display:flex;}
.login_box .lbox {width:29.333%; margin:2%; text-align:center; border:1px solid #d7d7d7; padding:30px; border-radius:10px;}
.login_box .lbox .ico {width:150px; height:120px;margin:20px auto;}
.login_box .lbox .log_img01 {background:url("../../images/abs-new/contents/login_ico01.png")no-repeat center;}
.login_box .lbox .log_img02 {background:url("../../images/abs-new/contents/login_ico02.png")no-repeat center;}
.login_box .lbox .log_img03 {background:url("../../images/abs-new/contents/login_ico03.png")no-repeat center;}
.login_box .lbox button {display:block; width:100%; line-height:60px; background:#f7f7f7; font-size:16px; border-radius:10px; border:1px solid #e7e7e7;}
.login_box .lbox button:last-child {margin-top:20px;}
.login_box .lbox button:focus {background:#000; color:#fff; transition: all 0.5s;border:0;}
.login_box .lbox button.b_blue:focus {background:#365dbf;}

	@media all and (max-width:640px) {
		.login_box {display:block;}
		.login_box .lbox {width:100%; margin:20px 0; padding:20px; box-sizing: border-box;}
		.login_box .lbox button {line-height:40px; margin:10px 0;}
		.login_box .lbox .ico {background-size:80px; height:80px; margin:0 auto;}
	}


.step { display: -webkit-box; display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;text-align: center;background-color: #f2f2fd;border: 1px solid #cdd2de;margin-bottom: 3rem;border-radius:10px;overflow:hidden; }	  
.step li {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1.7rem 0;}  
.step li::after {content: "";display: block;width: 3.5rem;height: 3.5rem;background-color: #f2f2fd;border-top: 1px solid #cdd2de;border-right: 1px solid #cdd2de;position: absolute;right: 0;top: 50%;z-index: 1;-webkit-transform: translate(50%, -50%) rotate(45deg);transform: translate(50%, -50%) rotate(45deg);}
.step li:last-child::after {display: none;}
.step .active {background-color: #476ccd;margin: -1px;}
.step .active::after {border: 0;background-color: #476ccd;}
.step .active .stit {color: #ffffff;}
.step .tit {display: block;margin-bottom: 0.5rem;font-size: 2.2rem;}
.step .stit {color: #333;}
.step .stit i {font-size: 2.8rem;vertical-align: middle;margin-right: .5rem; }
.step .stit b {font-size: 1rem;font-weight: 500;display: inline-block;vertical-align: middle;}
.step i { display:inline-block; width:25px;  height:25px; background:url("../../images/abs-new/contents/member_ico.png")no-repeat center;}
.step .active i { background:url("../../images/abs-new/contents/member_ico_on.png")no-repeat center;}
.step i.user {background-position:left top;}
.step i.document {background-position:-31px top;}
.step i.pen {background-position:-65px top;}
.step i.check {background-position:right top;}
		


@media all and (max-width:1000px) {
	.step i {display:block; margin:0 auto 10px auto !important;}
	.step .stit b {font-size:14px;}
	.step .active::after {display:none;}
	.step li::after{display:none;}
}

#my-spinner { width: 100%; height: 100%; position:fixed; top:0; left:0; display: none; opacity: .6; background: silver; z-index: 2; }
#my-spinner div { width: 100%; height: 100%; display: table; }
#my-spinner span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner img { background: white; padding: 1em; border-radius: .7em; } 

/*== 통합신고서비스 > 국내 유전자원등의 접근 신고 추가_임혜경_20251114 ==*/
.report_box{display:flex;gap:20px;margin-top:10px}
.report_box li{flex:1;padding:40px 30px;background:#fff;transition:all 0.3s;text-align:center}
.report_box li:hover{background:#F9FBFF;border:1px solid #1F396E}
.report_box li.disabled{pointer-events:none}
.report_box li .report_type_ico{display:block;width:80px;height:80px;margin:0 auto 12px}
.report_box li .report_type_ico.ico01{background:url("../../images/abs-new/contents/report_type_ico01.png") no-repeat center}
.report_box li .report_type_ico.ico02{background:url("../../images/abs-new/contents/report_type_ico02.png") no-repeat center}
.report_box li strong{display:inline-block;margin-bottom:8px;font-size:19px;font-weight:500}
.report_box li .report_btn{position:relative;margin-top:30px;padding:0 30px 0 19px}
.report_box li .report_btn::after{content:'';display:block;position:absolute;top:50%;right:14px;margin-top:-5px;width:5px;height:9px;background:url("../../images/common/tm_depth_on2.png") no-repeat;background-size:cover}
.report_box li.disabled .report_btn{background:#F3F3F3;color:#8E8E8E}
.report_box li.disabled .report_btn:after{filter:grayscale(100%) brightness(55%)}

/*== 마이페이지 > 나의 신고현황 > 국내 유전자원등의 접근 변경 신고 추가_임혜경_20251114 ==*/
.toggle_tab{display:flex;background:#fafafa;padding:8px;border-radius:12px}
.toggle_tab li{width:50%}
.toggle_tab li a{display:block;border-radius:8px;padding:14px 0;color:#838383;font-size:16px;text-align:center}
.toggle_tab li.over a{background:#3A42AF;color:#fff}
.toggle_tab li.disabled {pointer-events:none}
.toggle_tab li.disabled a {background:none;color:#838383}

/*== 나의 신고현황 모달팝업 관련 추가 및 인라인스타일 이동_임혜경_20251201 ==*/
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000}
.modal.active{display:block}
.modal .modal_content{position:absolute;top:50%;left:50%;max-width:600px;width:80%;transform:translate(-50%,-50%);background:white;padding:20px;border-radius:5px}
.modal.modal_s .modal_content{max-width:400px}
.modal .modal_content .modal_h{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:30px;font-size:16px}
.modal .modal_content .modal_h h4{font-size:16px}
.modal .modal_content .modal_h .modal_close{width:28px;height:28px;background:#37393c url("../../images/sub/btn-close-w.png")no-repeat center / 42%;border-radius:50%}
.modal .modal_content .modal_con h5{margin-bottom:10px;font-size:18px;font-weight:600}
.modal .modal_content .modal_con p{color:#595959}
.modal .modal_content .modal_con .confirm_box{margin-top:30px}
.modal .modal_content .modal_con .confirm_box label{display:inline-flex;align-items:center;gap:4px}
.modal .modal_content .modal_btn_w{margin-top:30px;text-align:right}
.modal .modal_content .modal_btn_w.center{text-align:center}

#loadingModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999}
#loadingModal .loading_content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#loadingModal .loading_content .spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 20px}
#loadingModal .loading_content storng{color:#fff;font-size:18px;font-weight:bold}
#loadingModal .loading_content p{color:#ddd;font-size:14px;margin-top:10px}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}






