@charset "utf-8";
@import url("sub.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css"); 

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;border:0;*margin:0;*padding:0;*font-size:0}/* html5 */
table{border-collapse:collapse;border-spacing:0}
fieldset,img,iframe,map,area{border:0;outline:none;}
img{vertical-align:middle;}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: 500}
caption,legend{display:none}
strong{display:inline-block;font-weight:normal;font-weight: 900;}
html,body{
		width:100%;min-width:320px;height:100%;	-webkit-tap-highlight:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);/*-ms-touch-action:none;*/  
}
body{
	position:relative;width:100%;min-width:320px;background-color:#fff; font-size:13px;line-height:145%;font-weight: 400;color:#363636;
	-webkit-text-size-adjust:none;font-family:'Noto Sans KR', Noto Sans KR, 'Malgun Gothic', '맑은 고딕', Dotum, Arial;
}
a{text-decoration:none;font-family:'Noto Sans KR', Noto Sans KR, 'Malgun Gothic', '맑은 고딕', Dotum, Arial;font-size:13px;outline:none;color:#363636;}
/*a:link,a:visited,a:active,a:hover*/
input[type=radio],input[type=checkbox], input[type=image] {border:none;padding:0;min-width:auto;line-height:1;width:16px;height:16px;vertical-align:middle;border:1px solid #d0d0d0;}
input[type=text], input[type=file], input[type="password"] , input[type="email"] {min-width:50px;background:#fff;height:32px;line-height:32px;border:1px solid #d0d0d0;}
input[type="password"] { -webkit-text-security: disc !important;font-family:'Malgun Gothic', '맑은 고딕';font-size:13px;}
input {font-family:'Noto Sans KR', Noto Sans KR, 'Malgun Gothic', '맑은 고딕', Arial;outline:none;padding:0px 10px;color:#363636;}
button, select {text-transform: none;}
button 				 {overflow: visible;border:0px;outline:none;cursor:pointer;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;outline:none;}
textarea{padding:10px;background-color:#fff;border:1px solid #d0d0d0;color:#363636;}
select{
	width:auto;min-width:80px;height:34px;line-height:30px;padding-left:10px;padding-right:40px;outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
	background:#ffffff url(/resources/M/images/common/select_arrow.gif) no-repeat right;border:1px solid #d0d0d0;
}
select::-ms-expand{display:none;}
input[type="checkbox"]{width:16px;height:16px;padding:0px;min-width:auto;vertical-align:middle;margin-right:3px;}
input.blu{border:1px solid #3f64c3;}
input[type=radio] {border:0px;}
input:focus::-webkit-input-placeholder { color:transparent; font-family:'Noto Sans KR', Noto Sans KR; font-size:10px; font-weight:400; }
input:focus:-moz-placeholder { color:transparent; font-family:'Noto Sans KR', Noto Sans KR; font-size:10px; font-weight:400;}
input:focus::-moz-placeholder { color:transparent; font-family:'Noto Sans KR', Noto Sans KR; font-size:10px; font-weight:400;}
input:focus:-ms-input-placeholder { color:transparent; font-family:'Noto Sans KR', Noto Sans KR; font-size:10px; font-weight:400;}
::-webkit-input-placeholder {color: #adadad;font-size:10px;}
:-moz-placeholder { /* Firefox 18- */ color: #adadad; font-size:10px;}
::-moz-placeholder {  /* Firefox 19+ */ color: #adadad;font-size:10px; }
:-ms-input-placeholder { color: #adadad;font-size:10px; }

#skip_navigation a{position:absolute;top:-9999px;z-index:9999;width:100%;font-size:13px;text-align:center;font-weight:bold;padding:10px 0;background:#fff}
#skip_navigation a:focus{top:0;}

/*** layout ***/
.subvisu{display:none;}
#header{width:100%;height:60px;background-color:#ffffff;border-bottom:1px solid #cccccc;z-index:990;}
#wrap{position:relative;clear:both;width:100%;} 
.wrapcontent{position:relative;clear:both;width:100%;min-width:320px;min-height:500px;margin:0 auto 0;padding-bottom:100px;}
.wrapcontent.col_2{margin:0px auto 0px;overflow:hidden;}
.wrapcontent img{max-width:100%;width:auto;}
#footer{clear:both;width:100%;min-width:320px;height:80px;margin-top:0;background-color:#363636;}

.blindbg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8;filter:alpha(opacity=80);z-index:999;}
.innerw{margin:15px 10px;}
.widew{width:100%;}
.bggray{background-color:#f4f4f4;}
.bgwhite{background-color:#ffffff;}

/*** header ***/
.headers{position:absolute;width:100%;height:60px;margin:0px auto;}
.headers > h1 a{
	display:block;width:200px;height:60px;line-height:60px;background:url(/resources/M/images/common/animatedlogo.png) no-repeat 10px center;background-size:146px auto;
	font-size:0px;text-indent:-9999px;
}
.headers > h1 a.en{background:url(/resources/W/images/common/animatedlogo.png) no-repeat 10px center;background-size:146px auto}
.headers button{
	position:absolute;top:11px;right:5px;width:45px;height:45px;text-indent:-9999px;font-size:0;
	background:url(/resources/M/images/common/tbtn_amenu.png) no-repeat 50% 9px;background-size:25px auto;
}

.topnav{padding:10px 0;margin-top:40px;overflow:hidden;}
/* .toputil{position:absolute;right:0;top:0;margin-top:39px;} */
.toputil{position:absolute;top:20px;right:60px}
.toputil >a{display:inline-block;margin-left:15px;font-size:20px;font-weight: 500;color:#02348b;}
.toputil .link_locale{font-size:16px}
.subnav{display:none;position:absolute;top:110px;width:100%;height:180px;background-color:#fff;z-index:90;}
.subnav .sub{position:relative;width:1160px;margin:0px auto;}
.subnav .sub>div{margin-left:320px;width:840px;overflow:hidden;}
.subnav .sub .in{float:left;width:129px;height:140px;border-left:1px solid #ebebeb;}
.subnav .sub .in.ul02{width:120px;}
.subnav .sub .in.ul03{width:125px;}
.subnav .sub .in.ul04{width:150px;}
.subnav .sub .in.ul06{width:160px;}
.subnav .sub .in>li{padding:8px 0 8px 10px;}
.subnav .sub .in>li:first-child{padding-top:0px;}
.subnav .sub .in a{color:#7d7d7d;}
.subnav .sub .in a:hover{color:#02348b;}

.mmenu{position:absolute;top:0;right:0;background-color:#f5f5f5;z-index:990;width:100%;height:100%;position:fixed;right:-100%;}
.mmenu.pushmenu-open{right:0;height:100%;overflow:scroll;}
body{overflow-x:hidden;position:relative;right:0;}
.pushmenu-push-toleft{right: 100%;}
.mmenu, body{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.mmenu .btnclose{display:block;position:absolute;top:7px;right:15px;width:35px;height:35px;border:none;font:0/0 a;overflow:hidden;cursor:pointer;background:url(/resources/M/images/common/btn_b_close.png) center center no-repeat;background-size:20px auto;}
.mmenu .topnav{width:100%;color:#7d7d7d;}
.mmenu .topnav a{color:#7d7d7d;font-size:16px;}
.mmenu .topnav>dl>dt{padding:12px 10px;background-color:#ffffff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#5e5e5e;}
.mmenu .topnav>dl>dt>a{color:#5e5e5e;font-weight:500}
.mmenu .topnav>dl>dd{padding:7px 0;}
.mmenu .topnav>dl>dd>ul>li{padding:5px 10px;border-bottom:0px solid #3a3a3a;}
.mmenu .topnav>dl>dd>ul>li>a{display:block;font-size:14px;color:#7d7d7d;}
.mmenu .topnav>dl>dd>ul li.sub{padding-left:15px;}

/*** footer ***/
.footer{position:relative;height:100%;padding:15px 5px;background-color:#363636;color:#fff;font-size:10px;text-align:center;}
.footer p > a{display:inline-block;padding:0 5px;color:#fff;font-size:11px;}
.footer p > a:first-child{padding-left:0;background:none;color:#fff;}
.footer p > a:hover, .footer p > a:focus, .footer p > a:visited, .footer p > a:active{color:#c7c7c7;}
.footer p > a:first-child:hover{padding-left:0;background:none;color:#fff;}
.footer p:first-child{margin-top:0;}
.footer .btn_area{display:none;position:absolute;right:10px;bottom:10px;}
.footer .btn_area a{color:#fff;}
.footer .btn_area .f_btn_blog{margin-right:3px;background:#7e124a;}
.footer .btn_area .f_btn_fb{margin-right:7px;background:#345391;}
.footer .btn_area .f_btn_eng{margin-right:4px;background:#353535;}
.footer .btn_area .f_btn_pc{height:33px;line-height:33px;background:#5d5d5d;border:1px solid #494949;}
.footer .btn_area .btn_top{display:block;font-size:12px;color:#fff;border-bottom:1px solid #fff;}
.footer .family_box {
	position:relative; display:inline-block;margin-left:15px;width:235px; height:30px;line-height:30px;  font-size:12px; color:#fff; padding:0 0 0 15px; 
	background:#111 url('/resources/M/images/common/fbtn_select.gif') no-repeat right 0; cursor:pointer;  z-index:999;
}
.footer .family_box .fm_layer {
	position:absolute; bottom:30px; left:0; width:250px; border-bottom:0px;
	background:#111; display:none; cursor:default; z-index:999;
}
.footer .family_box .fm_layer dl.box01 {width:250px;}
.footer .family_box .fm_layer dd {font-size:12px; height:30px;line-height:30px;border-bottom:1px solid #363636;}
.footer .family_box .fm_layer dd a {display:block;padding-left:15px;font-size:12px; color:#fff;}
.footer .family_box .fm_layer dd a:hover{background-color:#16b6ea;color:#fff;}
@media(max-width:420px){ 
	.footer{padding:20px 10px;}
	.footer .btn_area{top:5px;}
}
@media(max-width:360px){ 
	.footer{padding:15px 5px;}
}
@media(max-width:320px){ 
	.footer{padding:15px 5px 20px;}
}

.breadcrumb{position:relative;width:100%;height:35px;background-color:#fff;border-bottom:0px solid #e1e1e1;}
.breadcrumb > div{margin:0px auto;}
.breadcrumb .inn{margin:0px auto;}
.breadcrumb .onedepth{position:relative;display:none;height:35px;line-height:35px;}
.breadcrumb .snb{position:relative;border-right:0px solid #e1e1e1;font-size:13px;z-index:99;}
.breadcrumb .snb.more a{display:inline-block;padding-left:10px;width:75%;font-size:12px;}
.breadcrumb .snb.more.fst a{width:67%;}
@media(max-width:320px){ 
	.breadcrumb .snb.more a{width:50%;}
}
.breadcrumb .snb.more.fst,
.breadcrumb .snb.more.two{flex:1; -webkit-flex:1;background:#ebebeb url(/resources/M/images/common/bcrbg.png) right 0 no-repeat;background-size:35px auto;border-bottom:1px solid #cccccc;}
.breadcrumb .snb.more.fst > ul{margin-left:35px;}
.breadcrumb .snb.more.fst > ul,
.breadcrumb .snb.more.two > ul{display:none;}
.breadcrumb .snb > ul{margin-left:-1px;margin-right:0px;background:#e1e1e1;border:1px solid #d7d7d7;border-top:0px;}
/* .breadcrumb .snb > ul > li{height:35px;line-height:35px;background-color:#ebebeb;} */
.breadcrumb .snb > ul > li{overflow:hidden;height:35px;line-height:35px;background-color:#ebebeb;}
.breadcrumb .snb > ul > li a{display:block;}
.breadcrumb .snb > ul > li:hover{background-color:#02348b;color:#fff;}
.breadcrumb .snb > ul > li:hover a{color:#fff;}
.breadcrumb .snb.more.two > ul> li:hover{background-color:#02348b;color:#fff;}

.breadcrumb .snb.more.trd{position:absolute;left:-1px;top:35px; -webkit-flex: none; flex: none; width:100%;background:none;background-color:#ebebeb;z-index:5;}
.breadcrumb .snb.more.trd > ul{position:relative;display:flex;display:-webkit-flex;width:100%;background:none;border:0px;border-bottom:1px solid #d7d7d7;margin:0px;}
.breadcrumb .snb.more.trd > ul > li{
	text-align:center;font-size:13px;align-items:center;padding:0 10px;width:auto !important;
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.breadcrumb .snb.more.trd > ul > li > a{width:100%;height:100%;padding-left:0px;}
.breadcrumb .snb.more.trd .on,
.breadcrumb .snb.more.trd .swiper-slide-active{background-color:#02348b;}
.breadcrumb .snb.more.trd .swiper-slide-active a,
.breadcrumb .snb.more.trd .on a{color:#fff;}

.swiper-mask-left{display:none;position:absolute;left:0;top:0;width:10px;height:35px;background:#cecece;-webkit-mask-box-image:linear-gradient(to right, #cecece , transparent 99%);z-index:9;}
.swiper-mask-right{display:none;position:absolute;right:0;top:0;width:10px;height:35px;background:#cecece;-webkit-mask-box-image:linear-gradient(to left, #cecece , transparent 99%);z-index:9;}

.breadcrumb .lnkhome{display:inline-block;vertical-align:top;}
.breadcrumb .lnkhome > a{display:block;width:36px !important;height:35px !important;margin-top:0px !important;padding:0px !important;background:url(/resources/M/images/common/loca_home.gif) 0 0 no-repeat;background-size:36px auto;text-indent:-99999px;}
.breadcrumb .snb.more.trd a.out{display:none;}

.pageurl{display:none;}
.pageurl .innerw{padding:15px 0 25px;color:#7d7d7d;text-align:right;}
.pageurl .innerw .bt{display:inline-block;margin-left:5px;width:68px;height:22px;line-height:22px;border:1px solid #b7b7b7;font-size:12px;text-align:center;vertical-align:middle;}

/*** main ***/
.mainnavi {position:fixed;right: 30px;top: 20%;width: 160px;height: 160px;z-index:99;text-align:right;letter-spacing:0px;}
/** .mainnavi {position:fixed;right: 30px;top: 50%;width: 160px;height: 160px;margin-top: -105px;z-index:99;text-align:right;letter-spacing:0px;}**/
.mainnavi > li{padding:5px 0;}
.mainnavi > li a{display:block;color:#fff;font-size:16px;line-height:20px;}
.mainnavi > li span{display:inline-block;vertical-align:middle;width:120px;}
.mainnavi > li span.ico{width:30px;height:30px;margin-right:0px;}
.mainnavi > li span.ico{background:url(/resources/M/images/common/mnavi_off.png) no-repeat center center;}
.mainnavi .activ span.ico{background:url(/resources/M/images/common/mnavi_on.png) no-repeat center center;}
.main .slides{position:relative;width:100%;height:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}
.main .slides .t{display:block;padding:40px 0 15px;font-size:20px;font-weight:600;color:#fff;letter-spacing:.2em;text-align:center;}
.main .slides .tbtn{display:block;width:115px;height:24px;margin:0px auto 20px;border:1px solid #fff;line-height:24px;color:#fff;font-size:11px;letter-spacing:.1em;
	background:url(/resources/M/images/common/tbtn_bg.png) no-repeat 110px center;text-align:left;padding-left:20px;}

.main .view1sub1{position:relative;min-height:480px;background:#000 url(/resources/M/images/common/main_visu03.jpg) no-repeat center center;background-size:cover;}
.main .view1sub1 .content{width:100%;height:100%;margin:0px auto;text-align:center;}
.main .view1sub1 .center{padding:10px;}
.main .view1sub1 .center>img{max-width:340px;width:auto;}
.main .view1sub2{position:relative;min-height:480px;background:#000 url(/resources/M/images/common/main_visu02.jpg) no-repeat center center;background-size:cover;}
.main .view1sub2 .content{width:100%;height:100%;margin:0px auto;text-align:center;}
.main .view1sub2 .tbtn{margin-bottom:20px;}
.main .view1sub2 .sch input[type=text]{width:480px;height:45px;border:0px;}
.main .view1sub2 .sch .bt{display:inline-block;width:135px;height:45px;line-height:45px;background-color:#043790;color:#fff;text-align:center;}
.main .view1sub2 .recnt{clear:both;overflow:hidden;margin-top:20px;}
.main .view1sub2 .recnt > li{margin-bottom:10px;}
.main .view1sub2 .recnt .in{width:360px;height:60px;margin:0px auto;background-color:#fff;overflow:hidden;}
.main .view1sub2 .recnt .dv01, .main .view1sub2 .recnt .dv02{position:relative;float:left;width:45px;height:50px;text-align:center;color:#fff;font-size:14px;}
.main .view1sub2 .recnt .dv01{padding-top:10px;height:50px;background-color:#043790;}
.main .view1sub2 .recnt .dv02{padding-top:10px;height:50px;background-color:#056dbe;font-size:12px;}
.main .view1sub2 .recnt .dv01 span, .main .view1sub2 .recnt .dv02 span{position:absolute;width:40px;left:50%;margin-left:-20px;bottom:10px;display:block;font-size:12px;}
.main .view1sub2 .recnt .dv01 span{color:#128dd0;}
.main .view1sub2 .recnt .dv02 span{color:#82b6df;}
.main .view1sub2 .recnt .dv03{float:left;width:220px;padding:5px;text-align:left;color:#7d7d7d;font-size:12px;line-height:120%;font-weight:400;}
.main .view1sub2 .recnt .dv03 a,
.main .view1sub2 .recnt .dv03>span{display:block;height:45px;text-align:left;color:#7d7d7d;font-size:12px;line-height:125%;font-weight:400;overflow:hidden;}

@media(max-width:410px){ 
.main .view1sub2 .recnt .in{width:320px;}
}
@media(max-width:320px){ 
.main .view1sub2 .tbtn{margin-bottom:10px;}
.main .view1sub2 .recnt{margin-top:10px;}
.main .view1sub2 .recnt > li{margin-bottom:5px;}
}

.main .view1sub3{position:relative;min-height:480px;background:#000 url(/resources/M/images/common/main_visu01.jpg) no-repeat center center;background-size:cover;}
.main .view1sub3 .content{width:100%;height:100%;margin:0px auto;text-align:center;}
.main .view1sub3 .center{padding:10px;}
.main .view1sub3 .center>img{max-width:340px;width:auto;}
@media(max-width:768px){ 
.main .view1sub3 .center>img{max-width:360px;}
}
@media(max-width:414px){ 
.main .view1sub3 .center>img{max-width:340px;}
}
@media(max-width:360px){ 
.main .view1sub3 .center>img{max-width:290px;}
}
@media(max-width:320px){ 
.main .view1sub3 .center>img{max-width:280px;}
}
.main .view1sub4{position:relative;min-height:480px;background:#000 url(/resources/M/images/common/main_visu04.jpg) no-repeat center center;background-size:cover;}
.main .view1sub4 .content{width:100%;height:100%;margin:0px auto;text-align:center;}
.main .view1sub4 .center{padding:20px 10px 10px;}
.main .view1sub4 .center>img{max-width:340px;width:auto;}
@media(max-width:768px){ 
.main .view1sub4 .center>img{max-width:360px;}
}
@media(max-width:414px){ 
.main .view1sub4 .center>img{max-width:340px;}
}
@media(max-width:360px){ 
.main .view1sub4 .center>img{max-width:310px;}
}
@media(max-width:320px){ 
.main .view1sub4 .center{padding:10px;}
.main .view1sub4 .center>img{max-width:280px;}
}

@media(max-width:768px){ 
.main .view1sub1 .center>img{max-width:360px;}
}

@media(max-width:414px){ 
.main .view1sub1,
.main .view1sub2,
.main .view1sub3,
.main .view1sub4 {min-height:540px;}

.main .view1sub1 .center>img{max-width:340px;}
}
@media(max-width:360px){ 
.main .view1sub1,
.main .view1sub2,
.main .view1sub3,
.main .view1sub4 {min-height:480px;}
.main .view1sub1 .center>img{max-width:290px;}
.main .section .t{padding:30px 0 15px;}
}
@media(max-width:320px){ 
.main .view1sub1 .center>img{max-width:280px;}
.main .section .t{padding:20px 0 15px;}
}
.main .visual{position:relative;min-width:320px;min-height:400px;zoom:1}
.main .visual.flexslider .flex-viewport{-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.main .visual.flexslider .slides{zoom:1}
.main .visual.flexslider .slides img{width:100%;height:display:block}
.main .visual.flexslider .flex-control-nav{position:absolute;width:100%;bottom:25px;text-align:center;z-index:99}
.main .visual.flexslider .flex-control-nav li{display:inline-block;zoom:1;margin:0 7px}
.main .visual.flexslider .flex-control-paging li a{width:23px;height:25px;display:block;background:url(/mobile/images/kr/flex_nav_off.png) no-repeat;background-size:cover;cursor:pointer;text-indent:-9999px}
.main .visual.flexslider .flex-control-paging li a.flex-active{background:url(/mobile/images/kr/flex_nav_on.png) no-repeat;background-size:cover}
.main .visual.flexslider .flex-control-nav li a.flex-active {filter:none}
.main .custom-navigation {position:absolute; width: 100%; z-index:9999;bottom:20px;}
.main .custom-navigation .flex-next, .main .custom-navigation .flex-prev { display:none; }
.main .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}
.main .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.main .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.main .flex-control-paging li a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}
.main .flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}

/*** paging  ***/
.paging{position:relative;clear:both;width:100%;text-align:center;margin:30px 0px;overflow:hidden;}
.paging .num{display:inline-block;margin:0px 5px;vertical-align:middle;}
.paging .num a{display:inline-block;background-color:#fff;width:30px;height:30px;line-height:30px;font-size:13px;font-weight: 900;color:#7d7d7d;}
.paging .num a.on, 
.paging .num a:hover{width:30px;height:30px;color:#244f9a;}

/** layerpop **/
.layerpop{display:none;position:fixed;top:0;left:50%;z-index:9990;}
.layerpop .inn{position:relative;width:100%;}
.layerpop .inn .btclose{display:block;position:absolute;right:10px;top:10px;width:21px;height:20px;background:url(/resources/M/images/sub/bt_layclose.png) no-repeat 0 0;background-size:21px auto;text-indent:-9999px;font-size:0px;cursor:pointer;}
.layerpop .con{background-color:#fff;}

/** modalpop **/
.modal {display: none; position: fixed; z-index: 99990; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.8); /* opacity */ }
.modal-content { margin: auto; display: block; width:auto; height:auto;margin-top:2%;}
#imgModal .modal-content{cursor:-webkit-zoom-out; cursor:-moz-zoom-out;max-width:95%;}
.contModal .modal-content{position:relative;background-color:#fff;font-size:13px;}
.contModal .close{position:absolute;right:0;top:0;margin:10px;font-size:15px;font-weight:bold;color:#fff;}
.contModal a.close{position:absolute;right:0;top:0;margin:10px;width:30px;height:30px;background:url(/resources/adm/images/bt_sdelete.gif) no-repeat 0 0;background-size:30px 30px;text-indent:-9999px;font-size:0px;}
.contModal .tle{display:block;background-color:#1c45a1;color:#fff;padding:15px;font-size:16px;font-weight:bold;}
.contModal .cons{padding:15px;}
.contModal .cont{border:7px solid #ededed;padding:15px;}
#caption {margin: auto; display: block; width: 80%; max-width: 400px; text-align: center; color: #ccc; padding: 10px 0; height: 150px;}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
@-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)} 
		to {-webkit-transform:scale(1)}
}
@keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
}
@media only screen and (max-width: 700px){/* 100% Image Width on Smaller Screens */
		.modal-content {width: 85%;margin-top:20%;}
}


/*** gap  ***/
.nbs10{display:inline-block;width:10px;height:1px;background:none;}
.mb00{clear:both;margin-bottom:0px !important;}
.mb10{clear:both;margin-bottom:10px !important;}
.mb15{clear:both;margin-bottom:15px !important;}
.mb20{clear:both;margin-bottom:20px !important;}
.mb25{clear:both;margin-bottom:25px !important;}
.mb30{clear:both;margin-bottom:30px !important;}
.mb40{clear:both;margin-bottom:40px !important;}
.mb50{clear:both;margin-bottom:50px !important;}
.mt10{clear:both;margin-top:10px !important;}
.mt20{clear:both;margin-top:20px !important;}
.mt30{clear:both;margin-top:30px !important;}
.mt40{clear:both;margin-top:40px !important;}
.mt50{clear:both;margin-top:50px !important;}
.mtm10{clear:both;margin-top:-10px !important;}
.mtm15{clear:both;margin-top:-15px !important;}
.mtm20{clear:both;margin-top:-20px !important;}
.mtm25{clear:both;margin-top:-25px !important;}
.mtm30{clear:both;margin-top:-30px !important;}
.pt10{clear:both;padding-top:10px !important;}
.pt20{clear:both;padding-top:20px !important;}
.pt30{clear:both;padding-top:30px !important;}

/*** ui tabs  ***/
.comtabs{clear:both;}
.comtabs >ul{overflow:hidden;margin-bottom:20px;}
.comtabs >ul li{float:left;width:175px;border:1px solid #c2c2c2;text-align:center;}
.comtabs >ul li a{display:block;height:28px;line-height:28px;font-size:13px;color:#7d7d7d;}
.comtabs >ul .ui-tabs-active.ui-state-active, .comtabs >ul .on{border:1px solid #02348b;background-color:#02348b;}
.comtabs >ul .ui-tabs-active.ui-state-active a, .comtabs >ul .on a{height:28px;line-height:28px;font-size:13px;color:#fff;}
.comtabs >ul li:hover{border:1px solid #02348b;background-color:#02348b;}
.comtabs >ul li:hover a{height:28px;line-height:28px;font-size:13px;color:#fff;}
.comtabs.stab >ul li{margin-right:2px;background-color:#f4f4f4;}
.comtabs.stab >ul li a{height:28px;line-height:28px;font-size:12px;color:#252525;}
.comtabs.stab >ul .ui-tabs-active.ui-state-active, .comtabs.stab >ul .on{border:1px solid #02348b;background-color:#fff;}
.comtabs.stab >ul .ui-tabs-active.ui-state-active a, .comtabs.stab >ul .on a{height:28px;line-height:28px;font-size:13px;color:#252525;}

/* ui-datepicker */
.ui-datepicker-trigger{margin-left:5px;cursor:pointer;}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3;background:#e6e6e6;font-weight: normal;color: #555555;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 1px solid #999999;background: #dadada;font-weight: normal;color: #212121;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;background:url(/resources/adm/images/btn_cal_left.png) center center no-repeat;text-indent:-99999px;}
.ui-datepicker .ui-datepicker-next{right:2px;background:url(/resources/adm/images/btn_cal_right.png) center center no-repeat;text-indent:-99999px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{width:100%;margin:0px;line-height:1.8em;text-align:center;}
.ui-datepicker .ui-datepicker-title select{font-size:12px;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year{width:100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{min-width:25%;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span,
.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}
/* Component containers-----*/
.ui-datepicker.ui-widget {font-family: Verdana,Arial,sans-serif;font-size: 1.1em;}
.ui-datepicker.ui-widget .ui-widget {font-size: 1em;}
.ui-datepicker.ui-widget input,.ui-datepicker.ui-widget select,
.ui-datepicker.ui-widget textarea,.ui-datepicker.ui-widget button {font-family: Verdana,Arial,sans-serif;font-size: 1em;}
.ui-datepicker.ui-widget.ui-widget-content a {color: #222222;}
.ui-datepicker.ui-widget .ui-widget-header a {color: #222222;}
.ui-datepicker.ui-widget.ui-widget-content {border: 1px solid #aaaaaa;background: #ffffff;color: #222222;}
.ui-datepicker.ui-widget .ui-widget-header {border: 1px solid #aaaaaa;background: #cccccc;color: #222222;font-weight: bold;}


/****  main popup layer s  ****/
.main_popup_layer{
	display:none;min-width:100px;min-height:100px;height:auto;position:absolute;border:1px solid #d7d7d7;
	background:#fff;background-size:cover;overflow:hidden;
}
.main_popup_layer .in{position:relative;margin:0px auto;overflow:hidden;background-size:cover;}
.main_popup_layer .pop_tle{display:block;min-height:30px;margin-bottom:25px;padding:30px 30px 0px;font-size:25px;line-height:30px;word-break:keep-all;}
.main_popup_layer .pop_con{padding:0px 35px 35px;min-height:190px;line-height:20px;font-size:13px;color:#707070;}
.main_popup_layer .pop_btn{position:absolute;bottom:0;height:60px;width:250px;left:50%;margin-left:-125px;line-height:1px;text-align:center;}
.main_popup_layer .pop_btn a{display:inline-block;min-width:100px;height:35px;line-height:31px;padding:0px 15px;background-color:#01358b;color:#fff;}
.main_popup_layer .pop_check{height:50px;line-height:50px;padding:0px 10px;border-top:1px solid #d7d7d7;background-color:#ffffff;color:#666666;overflow:hidden;}
.main_popup_layer .pop_check .btclose{display:inline-block;float:right;margin-top:9px;width:70px;height:30px;line-height:26px;background-color:#666666;color:#fff;text-align:center;vertical-align:middle;}

.hidimglist{position:absolute;z-index:-10;width:0px;height:0px;overflow:hidden;}
.main_popup_layer{left:5%;top:5%;background-position:center 0;z-index:9990;}
.dimlayer{position:absolute;left:o;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
/****  main popup layer s  ****/