@charset "utf-8";
@import url('/css/local/font1.css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('/css/local/font2.css');
@import url('/css/local/font3.css');
@import url('/css/local/font4.css');

/* Element Reset */
/*body, input, textarea, select, table, button{ font-family:/*Dotum, Tahoma, Geneva, sans-serif;*/ margin:0; padding:0;}*/
/*body{ background: #ffffff;width:100%}*/
/*img, fieldset{ border:0;}*/
/*form, fieldset{ margin:0; padding:0;}*/
/*hr{ display:none;}*/
/*em, address{font-style:normal;}*/
/*button{ margin:0; padding:0; overflow:visible; cursor:pointer;}*/
/*ul, li, ol, dl{ list-style:none;}*/
/*label{ cursor:default;}*/
/*a{ text-decoration:none; color:#585858;}*/
/*a:hover, a:active, a:focus{ text-decoration:none;}*/
/*legend,caption{ display:none;}*/
/*select, input, textarea{ font:/*돋움, Dotum, Tahoma, sans-serif*/; vertical-align:middle; color:#336666;}*/
/*input, select{ line-height:16px; veretical-align:middle;}*/
/*textarea{ width:98%; padding: 4px 4px; border:1px solid #E4E4E4; line-height:150%;}*/
body {width:100%;min-width:100%;background:url(../images/pop/pop_h1.gif) repeat-x 0 0;}

.Mpop p .attachmentFile{z-index: 99999; display:block; position:relative; background: url('../img/icon/icon_attachment.png') 0px 0px no-repeat; padding: 2px 0px 2px 20px; }

/* 트리 */
.poptree{ overflow-x:hidden; overflow-y:auto; position:relative; height: 300px; min_height: 300px; border: 1px solid #d9d9d9; padding: 5px;}
.poptree label.tree_label{ top: -3px !important; *top: -5px !important;}
.poptree label.tree_label2dep{ left: 5px !important; top: -5px !important; *top: -3px !important; color:#4a4a4a;}
.poptree label.tree_label3dep{ left: 3px !important; top: -3px !important; *top: -1px !important; *left: 0 !important; color:#616161;}
.frameBox{ background: #ffffff; border:1px solid #ACACAC; overflow-x:hidden; overflow-y:auto; padding:5px 3px; position:relative;}
.frameBox2{ background: #ffffff; overflow-x:hidden; overflow-y:auto; padding: 0;}

.poptree img {vertical-align: middle;}
.poptree p {position: relative; left: 5px; margin-bottom: 8px;}
.poptree a {text-decoration: none; color: #3d3938;}
.poptree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
.poptree ul{ position:relative; display:block; padding:0 0 0 10px; background:url('../images/admin/line_tree_vr.gif') repeat-y 10px -1px; zoom:1; bottom: 4px; width: 154px;}
.poptree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url('../images/admin/line_tree_hr.gif') no-repeat 1px 5px !important;}
.poptree ul li a,
.poptree ul li label,
.poptree ul li span.tree_label {position:relative; left:12px; _left /**/:0; top:0; vertical-align: top; display: inline-block; cursor:pointer; _cursor /**/:hand;}
.poptree ul li button {display:inline-block; position:relative; _left /**/:-16px; _top:-2px; width:32px; height:13px; _width:35px; _height:14px; margin:0 -13px 0 0; _margin:0 -17px -2px -2px; text-indent:-10000px; _text-indent:0; _font:0/0 Sans-serif; border:none; background:url('../images/admin/btn_tree_collapse.gif') no-repeat; cursor:pointer; _cursor /**/:hand;}
*:first-child+html .poptree ul li button{ width:35px; height:16px; top:-2px; text-indent:0; margin:0 -17px -2px -2px; font:0/0 Sans-serif;}
.poptree ul li ul{ display:none; padding:3px 0 0 0; margin:0 0 -2px 6px; background-position:left top;}
.poptree ul li ul li{ display:none;}
.poptree ul li.tree_on button{ background-position:0 -13px; _background-position:2px -11px;}
*:first-child+html .poptree ul li.tree_on button{ background-position:2px -11px;}
.poptree ul li.tree_off button{ background-position:0 0; _background-position:2px 3px;}
*:first-child+html .poptree ul li.tree_off button{ background-position:2px 2px;}
.poptree ul li.tree_default button{ background-position:0 -27px !important; *background-position:2px -24px !important;}
*:first-child+html .poptree ul li.tree_default button{ background-position:2px 2px;}
.poptree ul li.tree_on ul{ display:block;}
.poptree ul li.tree_on ul li{ display:block;}
.poptree ul li.poptree_off ul{ display:none;}
.poptree ul li.tree_off ul li{ display:none;}
.poptree ul li.tree_last{ background:url('../images/admin/line_tree_last_hr.gif') no-repeat 0 5px !important;}
.poptree span.basic{ background:url('../images/admin/mnDepth.gif') no-repeat 0 0 !important; display:inline-block; width: 18px; height: 15px;}
.poptree span.basic2{ background:url('../images/admin/mnFnc.gif') no-repeat 0 0 !important; display:inline-block; width: 16px; height: 15px;}
.poptree .left5{ left: 5px !important;}

.poptree span.usr{ background:url('/images/admin/usr.gif') no-repeat 5px 0 !important; display:inline-block; width: 15px; height: 13px;}

.poptree ul li label{ vertical-align: middle;}

/* main popup */
div.Mpop{background-color:#d6d6d6 !important; background-image:none !important; height *: 100%; min-height: 100%; position: relative;  }
*html div.Mpop{height: 100%; margin:0px; padding:0px;}
div#pop{margin:0px; padding:0px;}
.tamplateVisual{background:#d1d1d1 url('../img/pop/bg_taplate.png') left top repeat-x; border-bottom: 1px solid #cfcfcf; height: 69px; margin: 0px; padding: 0px; text-align: center; margin: -10px -10px 15px -10px;}
.tamplateVisual p{z-index: 9999; height: 69px; position: relative; width: 100%; margin: 0px auto; background: url('../img/pop/img_taplate_design01.png') top center no-repeat; text-indent: -5000px; }

#con1{margin: 0px; padding: 0px; margin-bottom: 10px; }
#con1 h3.mainPop{ background-color: #323232; height:32px; margin: 0px -11px; padding: 0px; border-top:2px solid #696969; position: relative;}
#con1 h3.mainPop p{position:relative; top:-2px; display:inline; text-align:left; height:20px; border-top:2px solid #ff4400;  height:inherit; padding: 7px 3px 0px 7px;}
#con1 h3.mainPop p.bgRp{ border-top:2px solid #696969; margin-left: 3px;}
#con1 h3.mainPop p strong{font-size: 13px !important; color:white; letter-spacing: -0.5px;}
#con1 h3.mainPop p strong.miniF{font-family: Helvetica , Verdana; color: #9f9f9f; font-stretch:extra-expanded; text-transform:uppercase; font-size:11px; letter-spacing: 1px; font-weight: normal;}

#con1 div.popContentS{border: 1px solid #bebebe; padding: 10px 0px; margin-top: 10px; background-color: #fff; _width:100%; position:relative;}
#con1 div.popContentS .popText{padding: 0px 10px 0px 10px;}

.popComment{z-index: 9999; margin:10px; padding:0px; background: url('../img/pop/bg_error_box_cl.png') 0px 0px no-repeat !important; position: relative; _position: relative;}
.popComment div{z-index: 1; background: url('../img/pop/bg_error_box_cr.png') top right repeat-y; padding-left: 5px; position:relative; }
.popComment .conT{padding: 10px 0px; background-color: #dbdbdb; margin: 0px 13px;}
.popComment .popTbg{background:url('../img/pop/bg_error_tbg.png') top left repeat-x; height: 14px; padding: 0px; margin: 0px;}
.popComment .popBbg{background:url('../img/pop/bg_error_bbg.png') bottom left repeat-x; height: 14px; padding: 0px; margin: 0px; position: relative;}
.popComment .CommentTl{position: absolute; top: 0px; left: 0px;  _left: 0px; _left: -5px;}
.popComment .CommentTr{position: absolute; top: 0px; right: 0px; _right: 9px;}
.popComment .CommentBl{position: absolute; bottom: -3px; #bottom: 0px; _bottom: 0px; left: -5px; }
.popComment .CommentBr{position: absolute; bottom: -3px; #bottom: 0px; _bottom: 0px; right: 0px; _right: 0px; }
div.Mpop .copyright{white-space: nowrap; letter-spacing: -0.5px; font-family: Helvetica, Verdana !important; font-size: 10px; display: none;}
/* //main popup */


/* Common Class */
.skip, legend{ position : absolute; width : 0; height : 0; font-size : 0;line-height : 0;overflow: hidden; visibility :hidden;}
.disNone, hr{ display: none; margin: 0; padding: 0; width : 0; height : 0; font-size : 0; line-height : 0;overflow: hidden; visibility : hidden;}

/*.popSchBtn{}*/
input[type="submit"].popSchBtn{ position:relative; margin:0; padding:0; display:blcok; text-decoration:none !important; border:0; font-size: 0 !important; line-height: 0; background: url('../images/button/schBtn2.gif') top left no-repeat; width: 53px; height: 22px; cursor: pointer;}

*:first-child+html .popSchBtn{ position:relative; display:blcok; line-height: 10px; cursor: pointer; background-image: none; text-decoration: normal; font-size: 12px; }


/*[윤]110805선택리스트팝업추가*/
.listSelctBox{height: 160px; position:relative; border:solid 1px #aeaeae; padding: 1px; background-color:#fff; margin-bottom:10px; padding-right:25px;}
.listSelctBox .listSelct1, .listSelct2{float:left; display:inline-block; height: 160px;}
.listSelctBox .listSelct2{width: 25px !important; background-color:red; }
.listSelctBox .listSelct1{width:100%; overflow-y:scroll;}
.listSelctBox .listSelct1 table{width: 100%;}
.listSelctBox .listSelct1 table tbody td{padding:3px;}

.listSelctBox .listSelct1 .SelectOVER{background-color:#e6e6e6;}
.listSelctBox .listSelct1 .SelectON{background-color:#76cb00; color:#f4ff7c; font-weight:bold;}
.listSelct2{margin: 0px; padding: 0px; position:absolute; right:1px; background:url('../img/button/bg_btn_arrow.gif')0px 0px repeat-y;}
.listSelct2 .listBUP{position:absolute; top:0px; }
.listSelct2 .listBDOWN{position:absolute; bottom:0px; }
/*[윤]110805선택리스트팝업추가*/

/* popup Layout */
/*[윤]*/#pop{ width:100%; position: relative; background-color:#fff; padding-top: 1px;}
/*[윤]*/#popHeader{width:100%;background:url(../images/pop/pop_h1.gif) repeat-x 0 0; height:40px;}
/*[윤]*/#popHeader h1{display:block;color: #ffffff; font-size: 17px; padding: 11px 0 9px 20px;margin-bottom:20px; position:relative; padding: 9px 0 15px 20px; vertical-align: bottom;}
#popContainer{ padding: 1px 5px 0px 5px; position:relative;}
#popFooter{ padding: 10px 14px;}
#popFooter p.copyright{ text-align: right; color: #919497; height: 22px;}
#popFooter p.copyright_amvis{ text-align: right; color: #a2a9ab; background: url('../images/pop/popBtmAmvisLogo.gif') no-repeat 100% 0; padding-right: 60px; height: 22px;}

#popContainer .popContent{ border-top: 0;padding: 15px 10px;text-align:left;}
#pop p.close a{position:absolute; right:0 !important; top:0 !important; #top: -7px !important; _top: 7px !important; padding: 9px 15px; display: block;}

.popContent h2{ background: url('../images/pop/popH2.gif') no-repeat 0 50%; padding-left: 17px; margin: 5px 0;font-size:14px;}
/*
.categoriDiv{ margin: 0; *zoom: 1; }
.categoriDiv:after{ content: ""; clear: both; display: block;}
dl.categori{ border: 1px solid #c8c8c8; background: #ffffff;}
dl.categori.w150{ width: 150px;}
dl.categori dt{ background: #f3f3f3 url('../images/common/categoriBg.gif') repeat-x 0 100%; text-align: center; padding: 5px 2px;}
dl.categori dd{ background: #ffffff;}
dl.categori dd .h100, .h100{ height; 100px !important;}
.categoriDiv p.arrow{ float: left; width: 32px; padding-top: 25px;}

/* 검색
.sch, .frm{ position: relative;}
.contentsSch{ margin: 0 0 5px; position: relative; background: #fafafa url('../images/common/schRoundBg.gif') repeat-x 0 100%; border: 1px solid #c9cdd0; border-bottom: 0; *zoom: 1; padding: 10px 20px;}
.contentsSch.top1{ top: -1px;}/* 탭영역과 겹쳐있을경우
.contentsSch span.round{ display: inline-block; position: absolute; background: url('../images/common/schRound.gif') no-repeat; width: 8px; height: 8px; z-index: 100;}
.contentsSch span.round.lt{ background-position: 0 0; left: -1px; top: -1px;}
.contentsSch span.round.rt{ background-position: 100% 0; right: -1px; top: -1px; _right: -2px;}
.contentsSch span.round.lb{ background-position: 0 100%; left: -1px; bottom: 0; _bottom: 0;}
.contentsSch span.round.rb{ background-position: 100% 100%; right: -1px; bottom: 0; _bottom: 0; _right: -2px;}
.contentsSch table{ empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px; border-color:#FFF;}
.contentsSch table tbody th, .contentsSch table tbody td{border-style:none; border:0; border-width:0;}
.contentsSch table tbody th, .labelDot{ background: url('../images/common/grayDot.gif') no-repeat 0 45%; color: #4c5155; border: 0; padding: 3px 5px 3px 10px; text-align: left;}


/* 컨텐츠 라운딩박스
.contentsPop, .roundBox{ margin: 0 0 5px; position: relative; background:#f2f6f9 url('../images/common/schRoundBg.gif') repeat-x 0 100%; border: 1px solid #c9cdd0; border-bottom: 0; *zoom: 1; padding: 10px 20px;}
.contentsPop span.round{ display: inline-block; position: absolute; background: url('../images/common/schRound.gif') no-repeat; width: 8px; height: 8px; z-index: 100;}
.contentsPop span.round.lt{ background-position: 0 0; left: -1px; top: -1px;}
.contentsPop span.round.rt{ background-position: 100% 0; right: -1px; top: -1px; _right: -2px;}
.contentsPop span.round.lb{ background-position: 0 100%; left: -1px; bottom: 0; _bottom: 0;}
.contentsPop span.round.rb{ background-position: 100% 100%; right: -1px; bottom: 0; _bottom: 0; _right: -2px;}

.list_type1, .dotLineBg{ margin: 10px 13px; background: url('../images/pop/dotLine.gif') repeat-x 0 100%; padding-bottom: 5px;}
.list_type1 dt{ background: url('../images/pop/dotOrange.gif') no-repeat 0 45%; padding-left: 10px; color: #868b8f; line-height: 1.5; font-weight: bold;}
.list_type1 dd{ margin-left: 100px; margin-top: -20px;}

.accept{ background: url('../images/pop/accept.gif') no-repeat 20px 0; padding: 10px 10px 10px 75px;color: #5d5d5d; line-height: 1.3; }
.warning{ background: url('../images/pop/warning.gif') no-repeat 20px 0; padding: 10px 10px 10px 75px;color: #5d5d5d; line-height: 1.3; }

.tabelRound{ position: relative;}
.tabelRound span.round{ display: inline-block; position: absolute; background: url('../images/common/tabelRound.gif') no-repeat; width: 2px; height: 2px; z-index: 100;}
.tabelRound span.lt{ background-position: 0 100%; left: 0; top: 0; _top: -10px;}
.tabelRound span.rt{ background-position: 100% 100%; right: 0; top: 0; _top: -10px; _right: -1px;}

.grid{ width:97%; margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px; border-color:#FFF;}
.grid thead th, .grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th{border-style:none; border:0; border-width:0;}
.grid thead th, .grid thead td{color:#818181;}
.grid thead th, .grid tbody th.brd, .grid tbody td.brd{ background: #0878a1 url('../images/common/bg_gridHead.gif') repeat-x 0 0; border: 1px solid #1484a3; color: #ffffff; padding: 5px 3px; font-size: 12px; line-height: 1.3;}
.grid tbody td .headH, .headH{ background: #6fc1d7 !important; border: 1px solid #1484a3 !important; color: #ffffff; padding: 5px 3px; font-size: 11px; line-height: 1.3;}

.grid thead td, .grid tbody th, .grid tbody td{ border: 1px solid #e8e8e8; padding: 5px; color: #585858; background: #ffffff;}
.grid thead td.bgbr, .grid tbody td.bgbr, .grid tbody th.bgbr{ background: #f2f6f9; font-weight: bold;}
.grid thead td.bgbr2, .grid tbody td.bgbr2, .grid tbody th.bgbr2{ background: #f2f6f9; font-weight: normal;}
.grid tbody td .bgbr3 { background: #f8f8f8 !important; font-weight: bold; color: #7f7f7f;}
.grid tbody tr.zipCode:hover{ cursor: pointer; }
.topLine{ border-top: 2px solid #177da3;}
.grid img.bord, .bord{ border: 1px solid #cdcdcd; vertical-align: middle;}

/* pagiNation
.pagination, .divsion{ line-height:normal; padding:5px 0; text-align:center; font-size: 11px; text-align: center;  background: #F1F6F9; border-bottom:1px solid #E8E8E8;}
.pagination a, .pagination strong{ background: url('../images/common/pagingDivision.gif') no-repeat 0 40%; color:#323232; display:inline-block; margin:0 -2px; padding:3px 8px; position:relative; vertical-align:top; z-index:2;}
.pagination strong { color:#ff7800; font-size: 12px;}
.pagination .direction { color:#0f4078; padding: 3px;}
.pagination .direction span{ vertical-align:top; height: 14px; background: url('../images/button/pagingArrow.gif') no-repeat; cursor: pointer;}
.pagination .direction span.prev{ background-position: -25px top; width: 16px;}
.pagination .direction span.next{ background-position: -45px top; width: 16px;}
.pagination .direction span.first{ background-position: left top; width: 16px;}
.pagination .direction span.last{ background-position: right top; width: 16px;}
.pagination.topLine{  border-top: 1px solid #e8e8e8;}
/* //pagination */



/* BUTTON str
.btnArea { margin: 10px 0; text-align:center;}
.btnArea:after { content: ""; clear: both; display: block;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url('../images/button/button.gif') no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small
.button.medium, .button.medium *{ height:25px; line-height:25px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:21px; line-height:21px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.small.ic1 { background-position:left -275px; padding-left: 13px;}
.button.medium *{ padding:0 10px 0 18px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}
.button.medium.blue {background-position:left -130px;}
.button.medium.blue *{ background-position:right -130px; color: #fff;}

.button.small.gray, .button.small.gray *{ height:18px; line-height:20px; color: #fff !important;}
.button.small.gray { background-position:left -224px;}
.button.small.gray *{ padding:0 6px 0 2px; font-size:11px; background-position:right -224px;}

.button.small.gold, .button.small.gold *{ height:18px; *line-height:15px; line-height:19px; color: #fff !important; font-weight: normal !important;}
.button.small.gold { background-position:left -254px;}
.button.small.gold *{ padding:0 6px 0 2px; font-size:11px; background-position:right -254px;}

.button.blue a{ color: #fff !important;}

/* Button Hover
.button *:hover,
.button *:active,
.button *:focus{ color:#000 !important;}

.button.blue *:hover,
.button *:active,
.button.blue *:focus{ color:#b9dfff;}

/* Button Strong
.button.strong *{ font-weight:bold !important;}

.button.small.icon *{ padding-left:15px;}
.button.icon span{ width:15px; margin-right:-15px; padding:0 !important;}

/* zoomIn 아이콘
.button.small .plus{ background-position:-118px -435px;}

/* zoomOut 아이콘
.button.small .minus{ background-position:-132px -435px;}

/* //BUTTON end

/* 스타일 정의
.inputData{ border:1px solid #ddd; padding-top: 1px; height: 16px !important; font-size: 12px; margin-bottom: 1px; border-color:#999999 #E4E4E4 #E4E4E4 #999999;border-right:1px solid #E4E4E4;border-style:solid;border-width:1px; background: #F5F5F5;}
.inputDisible{ border:1px solid #c5c5c5; background: #f6f6f6; font-size: 12px;}
.inputRadio{ position: relative; top: 2px;}
.inputRChk{ margin: 0 3px 0 0;}
.h100{ height: 100px;}
.stipulation{ overflow-x:hidden; overflow-y: scroll;}
.zipCodeBox{ overflow-x:hidden; overflow-y: scroll; color: #727272; height: 100px;}

/* 한글제한 */
.noKR{ ime-mode: disabled;}
.uppercase{ text-transform: uppercase;}

/* MARGIN */
.mReset{ margin: 0 !important;}
.ml0{ margin-left: 0 !important;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px  !important;}
.mt20{ margin-top: 20px !important;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}

/* PADDING */
.pt5{ padding-top: 5px !important;}
.pt8{ padding-top: 8px !important;}
.pt10{ padding-top: 10px !important;}
.pb5{ padding-bottom: 5px !important;}
.pB30{ padding-bottom: 30px;}
.p10{ padding: 10px;}
.pLR15{ padding:0 15px;}

/* ALIGN */
.lft{ text-align: left;}
.ce{ text-align: center;}
.rgt{ text-align: right !important;}
.clear{ clear: both;}
.block{ display:block !important; vertical-align:middle;}

.p12 {color: #595a5b;}
.underline {text-decoration:underline;}
.fontSmall {font: 90% 돋움;}
.fontLarge {font: 120% 돋움; color:#000;}
.orange {color:#ff6600;}
.blue {color:#006699 !important;}
.gray{ color: #8d8d8d;}
.white{ color: #ffffff;}

/* BACKGROUND COLOR */
.bgNone{ background: none !important;}

/* png 투명화 처리 */
.png24 {tmp:expression(setPng24(this));}

/* WIDTH
.w10 {width: 10%;}
.w20 {width: 20%;}
.w23 {width: 23%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}
.w450{ width: 450px;}
.w270{ width: 270px;}
.maAuto{ margin: 0 auto !important;}
.relative{ position: relative;}

/* BORDER
.borNone { border:none !important;}

/* ALIGN
.vtop{ vertical-align: top;}
.vmid{ vertical-align: middle;}
.vbtm{ vertical-align: bottom;}

/*  테두리
/* a, area { behavior:expression(this.hideFocus=true); }
a:active, a:focus, area:active, area:focus { outline:none; }

.border_type{ border: 3px solid #d9d9d9; padding: 2px;}

/* float div 정의 */
.floatDiv{ *zoom: 1;}
.floatDiv:after{ content: ""; clear: both; display: block;}

/*임은경 2016년 작성*/
.popupBg1 {background-color:#fff;}

/* 2018.11.28 ~ 2019.01.02 jbh */
/* 2018.11.28 */
#popHeader h1{padding: 5px 0 0px 20px;}
.popupClose {position: absolute; right: 10px; top: 10px;}	/* old_style popupClose 수정 */
/* 2018.12.27 */
.contentsSch select {border: 1px solid #ccc; height: 30px; padding: 1px;}
/* 2019.01.02 */
.popContent h4{padding-left: 22px;margin: 15px 5px 13px 0;font-size: 16px;}
.tabelRound select {border: 1px solid #ccc; height: 30px; padding: 1px;}

/* 2020 08 20 */
div#pop{ background: #3086c9; padding: 10px; box-sizing: border-box}
#popHeader{ background: transparent; border-bottom: 5px solid #006eaf; height: auto}
#popHeader:after{ content: 'NCPMS'; border: 0; right: 30px; top: -20px; font-family: 'Fredoka One', cursive; font-size: 100px; opacity: .08; letter-spacing: 0; position: absolute; color: #fff}
#popHeader h1{ font-size: 25px; padding: 5px 0 10px 10px; margin: 0}
#popContainer{ background: #fff}
#popContainer .contentBody{ padding: 0}
#pop p.close a{ padding: 0; width: 40px; height: 45px; text-align: center; right: 10px !important; top: 10px !important;}
#pop p.close a:before{ content: '\2715'; display: inline-block; color: #fff; font-size: 30px;}
#pop p.close a img{ width: 0; height: 0; position: absolute; overflow: hidden}

.helpCont .helpLft{ float: left; width: 250px; box-sizing: border-box; overflow: hidden; overflow-y: auto}
.helpCont .helpRgt{ float: right; width: calc(100% - 260px); box-sizing: border-box;}
.helpCont .helpRgt .imgA{ background: #f0f0f0; margin-bottom: 20px}
.helpCont .helpRgt>ul>li{ font-size: 18px; word-break: keep-all; line-height: 1.3; position: relative; padding-left: 15px; margin-bottom: 15px}
.helpCont .helpRgt>ul>li:before{ content: ''; display: block; width: 6px; height: 6px; background: #fc5e48; position: absolute; left: 0; top: 8px}

.afterClear:after{ content: ''; display: block; clear: both}

#eventPop2020{ background: #46c7ee; padding-bottom: 10px}
#eventPop2020 .ent_tp{ background: #fff url(../images/common/eventPop2020.jpg) no-repeat 100% 0; height: 212px}
#eventPop2020 .ent_tp strong{ display: block; padding: 20px 290px 0 20px; font-size: 33px; font-weight: 600; color: #1a1a1a; line-height: 1.2; letter-spacing: -0.085em; word-break: keep-all;}
#eventPop2020 .ent_tp span{ display: block; font-size: 20px; color: #3f3f3f; margin: 10px 0 0 20px}
#eventPop2020 .ent_cont{ margin: 0 10px; background: #fff; padding: 25px 20px 35px; border-top: 10px solid #46c7ee; text-align: center}
#eventPop2020 .ent_cont .firstP{ font-size: 20px; color: #34383a; font-weight: 500; margin-bottom: 20px}
#eventPop2020 .ulDot1{ margin: 10px;  text-align: left; }
#eventPop2020 .ulDot1:after{ content: ''; display: block; clear: both}
#eventPop2020 .ulDot1>li{ font-size: 16px; word-break: keep-all; line-height: 1.3; position: relative; padding-left: 15px; margin-bottom: 20px; box-sizing: border-box; color: #5a5a5a}
#eventPop2020 .ulDot1>li:before{ content: ''; display: block; width: 6px; height: 6px; background: #fc5e48; position: absolute; left: 0; top: 8px}
#eventPop2020 .ent_cont .button{ margin: 0; padding: 0 30px; line-height: 45px; background: #2b4eac; color: #fff; font-size: 18px}
#eventPop2020 .popBtm{ padding: 10px 10px 0; text-align: right}

#eventPop2020 .ent_cont.dtl>p{ background: #f2f2f2; margin: 0; padding: 8px; font-size: 16px; margin-top: -15px}
#eventPop2020 .ent_cont.dtl .agree{ font-size: 16px; margin-bottom: 20px; position: relative}
#eventPop2020 .ent_cont.dtl .agree input{ display: none}
#eventPop2020 .ent_cont.dtl .agree label{ display: block; border: 1px solid #828282; line-height: 40px; padding: 0 20px 0 15px}
#eventPop2020 .ent_cont.dtl .agree label:before{ content: '\2611'; color: #ccc; font-size: 25px; margin-right: 5px; line-height: 1; position: relative; top: 3px}
#eventPop2020 .ent_cont.dtl .agree input[type='checkbox']:checked+label{ background: #ff7c00; border-color: #ff7c00; color: #fff}
#eventPop2020 .ent_cont.dtl .agree input[type='checkbox']:checked+label:before{  color: #fff}
#eventPop2020 .ent_cont.dtl  .ulDot1>li{ padding-left: 0; margin-bottom: 5px}
#eventPop2020 .ent_cont.dtl  .ulDot1>li:before{ width: 0}
#eventPop2020 .ent_cont.dtl  .ulDot1>li label{ display: inline-block; width: 130px; font-weight: 500; line-height: 35px; position: relative; padding-left: 15px;}
#eventPop2020 .ent_cont.dtl  .ulDot1>li label:before{ content: ''; display: block; width: 6px; height: 6px; background: #fc5e48; position: absolute; left: 0; top: 15px}
#eventPop2020 .ent_cont.dtl  .ulDot1>li .inputData{ line-height: 35px; height: 35px; border-radius: 0; border-color: #bdbdbd !important; text-indent: 10px; box-sizing: border-box}
#eventPop2020 .ent_cont.dtl  .ulDot1>li .inputData.juso{ width: 450px}
#eventPop2020 .ent_cont.dtl  .ulDot1>li .inputData.desc{ width: calc(100% - 150px); height: 80px}
#eventPop2020 .ent_cont.dtl  .ulDot1>li>div{ margin: 5px 0 10px 145px}
#eventPop2020 .ent_cont.dtl .button.small{ line-height: 35px; height: 35px; font-size: 15px; border-radius: 0; padding: 0 10px; box-sizing: border-box}
#eventPop2020 .ent_cont.dtl .button.small.btnG{ background: #f5f5f5; border: 1px solid #bdbdbd; color: #323232}
#eventPop2020 .ent_cont.dtl .button.small.btnB{ background: #46c7ee; color: #323232}
#eventPop2020 .point_txt{ padding-left: 18px; position: relative; margin: 5px 0 0; font-size: 15px; color: #ff5a00}
#eventPop2020 .point_txt:before{ content: '\203B'; display: block; position: absolute; left: 0; top: 0; line-height: 1.2;}

/* 2020 09 10 */
#popContainer .contentBody{ position: relative}
.helpCont .helpLft{ width: 170px; border-right: 1px solid #3086c9; position: absolute; height: 100%;}
.helpCont .helpLft button{ display: block; width: 100%; background: #3a7ab838; line-height: 35px; border: 1px solid #3086c947; border-right: 0; border-radius: 5px 0 0 5px; padding-left: 10px; margin-bottom: 2px; color: #686868}
.helpCont .helpLft button.active{ background: #47a2e8; border-color: #3086c9; color: #fff; font-weight: 500}
.helpCont .helpRgt{ width: calc(100% - 190px);}


/* 2020 10 05 */
#pop.popSurvey{background: #01abe6; padding: 10px; box-sizing: border-box; letter-spacing: -0.075em}
#pop.popSurvey #popHeader{ border: 5px solid #d9f7ff;  box-sizing: border-box; padding: 20px 15px 10px; height: auto; background: linear-gradient(#01abe6, #108ed0); min-height: 210px; position: relative}
#pop.popSurvey #popHeader:after{ content: ''; display: block; background: url(../images/common/popSurvey1005.png) no-repeat; width: 323px; height: 230px; position: absolute; right: -10px; top: 10px; z-index: 10}
#pop.popSurvey #popHeader .rda{ background: url(../images/common/popSurvey1005.png) no-repeat 0 100%; width: 124px; height: 38px; font-size: 0}
#pop.popSurvey #popHeader .title{ font-size: 28px; color: #fffc00; padding: 15px 245px 10px 0; letter-spacing: -0.085em; line-height: 1.3}
#pop.popSurvey #popHeader .title strong{ display: inline-block; font-size: 36px; color: #fff; font-weight: 600}
#pop.popSurvey #popHeader .popDate{ font-size: 20px; color: #d9f7ff}
#pop.popSurvey #popContainer{ padding: 0; text-align: center}
#pop.popSurvey #popContainer>p{ background: #d9f7ff; padding: 20px 15px; font-size: 17px; text-align: left}
#pop.popSurvey #popContainer>p strong{ display: block; font-size: 18px; color: #007ec6; margin-top: 10px}
#pop.popSurvey #popContainer>ul{ padding: 10px 15px 25px; text-align: left}
#pop.popSurvey #popContainer>ul li{ font-size: 18px; color: #d9f7ff; font-weight: 500; position: relative; padding-left: 80px}
#pop.popSurvey #popContainer>ul li:before{ content: '\003A'; display: inline-block;  margin-right: 10px}
#pop.popSurvey #popContainer>ul li strong{ position: absolute; left: 0; top: 0; display: block; color: #fff}
#pop.popSurvey #popContainer>a{ display: inline-block; background: #fbb03b; font-size: 23px; font-weight: 600; color: #000; padding: 15px 50px}

/* 2021 04 07 */
#eventPop2020.imgGather{ background: #004e90; border-top: 4px solid #0f356e; min-width: 655px; letter-spacing: -0.085em; padding: 0}
#eventPop2020.imgGather .ent_tp{ background: url(../images/main/imgGather.png) no-repeat 100% 0; height: auto}
#eventPop2020.imgGather .ent_tp span{ display: block; background: url(../images/common/ci2.png) no-repeat 0 0 / auto 40px; width: 136px; height: 40px; font-size: 0}
#eventPop2020.imgGather .ent_tp strong{ background: url(../images/main/imgGather_tl.png) no-repeat 20px 20px; width: 409px; height: 125px; font-size: 0; box-sizing: border-box;}
#eventPop2020.imgGather .ent_cont{ border: 0; padding: 0; margin: 0 15px}
#eventPop2020.imgGather .ent_cont .firstP{ background: #bce8ff; padding: 15px; font-size: 16px; text-align: left; font-weight: 400; word-break: keep-all}
#eventPop2020.imgGather .ulDot1{ margin: 0 10px; padding-bottom: 20px}
#eventPop2020.imgGather .ulDot1>li{ font-size: 17px; margin-bottom: 10px}
#eventPop2020.imgGather .ulDot1>li:before{ border: 3px solid #fc5e48; background: #fff; width: 4px; height: 4px; top: 6px}
#eventPop2020.imgGather .ulDot1>li:nth-child(5):before{ content: '\26A0'; border: 0; top: 0; color: #fc5e48}
#eventPop2020.imgGather .ulDot1>li strong{ display: inline-block; width: 90px;} 
#eventPop2020.imgGather .ulDot1>li ul{ margin: -22px 0 0 90px}
#eventPop2020.imgGather .ulDot1>li ul li{ margin-bottom: 5px}
#eventPop2020.imgGather .ulDot1>li ul li strong, #eventPop2020.imgGather .ulDot1>li ul li a{ color: #ea5413; width: auto}
#eventPop2020.imgGather .popBtm{ background: #09759b; padding: 10px 20px; position: relative}
#eventPop2020.imgGather .popBtm a{ font-size: 18px; color: #fcff00; position: absolute; left: 15px; font-weight: 500; top: 5px}
#eventPop2020.imgGather .popBtm a:before{ content: '\27A5'; display: inline-block; margin-right: 5px; font-size: 20px}
#eventPop2020.imgGather .popBtm label{ color: #fff}
#eventPop2020.imgGather .ulDot1>li:nth-child(4) ul li:nth-child(2), #eventPop2020.imgGather .ulDot1>li:nth-child(4) ul li:nth-child(3){ font-size: 0.94em; color: #09759b}
#eventPop2020.imgGather .ulDot1>li:nth-child(4) ul li:nth-child(2):before, #eventPop2020.imgGather .ulDot1>li:nth-child(4) ul li:nth-child(3):before{ content: '\272A'; display: inline-block; margin-right: 5px}

/* 2025 11 24 지도 width (지점등록팝업) */
#popContainer .popContent #vMap > div > div > div > div{ width: 100% !important}