@charset "utf-8";

/**** basic ****/
* {margin:0;padding:0}
html {overflow-y:hidden;}
html, body { height:100%;}
body {margin:0;padding:0;color:#555;font-size:12px; line-height:1.2em; font-family:'맑은 고딕','dotum','';} 

h1, h2, h3, h4, h5, h6 {font-size:12px;font-weight:normal;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption, iframe {margin:0;padding:0;}

/* link*/
a:link     {color:#666; text-decoration: none;} /*기본 링크 초기화*/
a:visited  {color:#666; text-decoration: none;} /*방문한 링크 초기화*/
a:hover {color:#2a82da; text-decoration:none;} /*활성 링크 초기화*/
a:active {color:#2a82da; text-decoration:none;} /*활성 링크 초기화*/

ul, ol {list-style:none;}
em, var {font-style:normal;}
img, fieldset {border:0 none;}
div, p, span, li, table td {word-break:break-all;}
hr {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;font-size:0;line-height:0;}
caption, legend, .skip, .tableskip {visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
#accessibility {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1000; font-size:2em; background:#008dcc;}
#accessibility a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; color:#fff;}
#accessibility a:focus, #accessibility a:active {height:auto; width:auto; padding:20px 0; color:#fff; font-family:georgia, sans-serif, 'malgunB';}
table {border-collapse:collapse;}
/*@media screen and (-webkit-min-device-pixel-ratio:0){
    input {-webkit-appearance:none;}
}*/
.inptxt{height:16px;padding:3px 3px 0 5px;color:#555;border:1px solid #b9b9b9;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
.typeradio {margin:0 5px 0 5px;vertical-align:middle;}
.readOnly{background:#f9f9f9}
select:focus{border:1px solid #707070;}

label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle;}
sub {line-height:normal;font-size:10px}
textarea{resize:none}

/* form style */
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
label input, label img, label select, label textarea,
fieldset label, fieldset input, fieldset img, fieldset select, fieldset textarea{vertical-align:middle;}

/* input*/
input{vertical-align: middle; font-size:9pt; font-family:Dotum;}
input.submit{border:0; padding:0; cursor:pointer;}
input[type="submit"], input[type="button"]{font-family:'맑은 고딕','dotum','';}
input.file{height:16px; padding: 2px 4px 1px 4px; border: 1px solid #ccc;}
input.check{width:15px; height:15px; margin:1px 0 0; padding:0;}
input.radio{width:15px; height:15px; margin:1px 0 0; padding:0; border:none;}
textarea{border:1px solid #ccc; overflow-y:scroll; font-family:"돋움", Dotum, arial, sans-serif;}

input.ip{padding:3px 0 0 2px; border:1px solid #ccc; height:19px; }
input.target{padding:3px; border:1px solid #ccc; height:22px; }
textarea.ip{margin:10px 0 6px 0;padding:3px 0 0 2px; border:1px solid #ccc; height:60px; }

/* form style */
img, fieldset {border:0 none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
label input, label img, label select, label textarea,
fieldset label, fieldset input, fieldset img, fieldset select, fieldset textarea{vertical-align:middle;}

.pwdchange{cursor:pointer;position:relative;top:20px;left:10px;vertical-align:middle;color:#fff; border:1px solid #2c374a; display:inline-block; min-width:200px; padding:15px 0; line-height:20px; background:#3a465a; text-align:center;font-size:16px; font-weight:bold;border-radius:7px}
.pwdchange:link{color:#fff;}
.pwdchange:hover{color:#fff; background:#46546a}

a.pwdchangec{position:relative;vertical-align:middle;top:20px;left:10px;color:#fff; border:1px solid #666; display:inline-block; min-width:200px; padding:15px 0; line-height:20px; background:#666; text-align:center;font-size:16px; font-weight:bold;border-radius:7px}
a.pwdchangec:link{color:#fff;}
a.pwdchangec:hover{color:#fff;background:#999;}

/* 로그인 박스 */
div.container {width:388px; height:100%; text-align:center; margin:0 auto;border:1px solid #fff;}

div.loginBox {width:388px; height:198px; border:2px solid #757575; margin:50% auto 0 auto;}
div.loginBox h1 {margin: 25px 0 0 28px; text-align:left;}
div.loginBox ul {margin: 20px 0 0 0;}
div.loginBox li.form {margin: 5px 0 0 2px;}
div.loginBox li.btn {margin: 12px 0 0 0;}

.input {height:30px; line-height:30px; font-size:14px; border:1px solid #b7b7b7; vertical-align:middle; font-weight:bold; width:330px; color:#464646;}
.input:focus {border:1px solid #5AA409;}

div.copy {width:388px; margin:17px 0 10px 0; text-align:center;}
.btnlogin{width:86px; height:32px; border:0px; text-align:center;}
.loginTxt {font-size:12px; color:#7c7c7c;}

/*layer팝업*/
.layer-member {display:none; position:fixed; _position:absolute;top:0; left:0; width:100%; height:100%; z-index:1000;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.layer-member .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}
.layer-member .pop-layer2 {display:block;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%, -50%);}

.pop-layer2 {display:none; position: absolute; top: 50%; left:50%; width:500px; height:auto;  background-color:#f5f5f5; border: 5px solid #838383; z-index:1;border-radius:7px} 
.pop-layer2 .pop-container {padding: 10px 25px;}
.pop-layer2 p.ctxt {color: #666; line-height: 25px;}
.pop-layer2 .btn-r {position:absolute;width: 100%; margin:-58px 0 0 -10px; padding-top: 10px; text-align:right;}

.tempass_area {margin-top:20px; margin-left:auto; margin-right:auto; padding-top:30px;  width:450px; background-color:#f5f5f5;}
.tempass_area .popup_content{ width:430px; position:relative; overflow:hidden; margin:0 auto;background-color:#f5f5f5; }

.tempass_form{float:left; width:420px; }
.tempass_form dl{ margin-bottom:7px;}
.tempass_form dl dt{ float:left; clear:left; width:90px; font-size:14px; font-weight:bold; color:#010101; line-height:35px;}
.tempass_form dl dd .input_text{ width:310px; height:30px; padding-left:10px; border:1px solid #cbcbcb; font-size:14px; color:#000000; line-height:30px;}
.tempass_form dl dd .input_text1{ width:110px; height:30px; padding-left:10px; border:1px solid #cbcbcb; font-size:14px; color:#000000; line-height:30px;}
.tempass_form dl dd .input_email1{ width:110px; height:30px; padding-left:10px; border:1px solid #cbcbcb; font-size:14px; color:#000000; line-height:30px;}
.tempass_form dl dd .input_email2{ width:168px; height:30px; padding-left:10px; border:1px solid #cbcbcb; font-size:14px; color:#000000; line-height:30px;}
.tempass_form p{ margin-left:82px; padding-left:0; font-size:12px; color:#666666;}
.tempass_form p input{ margin:-2px 0 0 5px;}

.pop_title_h01 span.title_text {font-size:14px; color:#000; float:left;letter-spacing:-1px;font-weight:bold;}

/* 페이징 */
div.paging {margin-top:15px; text-align:center;}
div.paging font {position:relative;top:-9px;display:inline-block;padding:4px 0 0; font-weight:bold; font-size:11px; color:#fff; width:26px; height:25px;vertical-align:middle; background:#414653; border:1px solid #a7a7a7;}
div.paging a{position:relative;top:-9px;display:inline-block;margin:0 2px;padding:4px 0 0; font-weight:bold; font-size:11px; color:#999; width:26px; height:25px;  vertical-align:middle; background:#fff; border:1px solid #bdbdbd;}
div.paging a img {position:relative;top:-6px;vertical-align:middle;border:2px solid #fff;}
div.paging img {position:relative;top:-9px;vertical-align:middle;border:2px solid #fff;}

/* UI Object */ 
.ly_loading{position:absolute;top:-60px;left:-60px;width:150px;}  
.ly_loading p,.ly_loading img{margin:0;padding:0;font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}  
.ly_loading img{border:none}  
.ly_loading .dsc_loading{position:relative;width:100%;padding-bottom:7px;font-weight:normal;letter-spacing:-1px}  
.ly_loading .dsc_loading font {color:#000;}

.modalBackground { background-color: Gray; filter: alpha(opacity=20);opacity: 0.20;}
.updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 180px; height: 65px;}

.modalwrap {top:0 !important; margin-top:0 !important;}
.popwrap {width:422px;}
.popwrap.st01 {width:650px;}
.popwrap.st02 {width:780px;}
.popwrap .btn_gray {height:30px; line-height:28px;} 
.popwrap .searchbox {display:block; margin-bottom:20px;}
.popwrap .searchbox span {margin:0 10px 0 0; font-size:18px;}
.popwrap .searchbox select {height:30px;}
.popwrap .searchbox input.txt {height:28px;}
.popwrap .searchbox.st02 {text-align:right;}
.popwrap .searchbox.st02 span {font-size:13px; margin:0 10px;}
.popwrap .searchbox.st02  input.txt {width:378px;}
.popwrap .popt {font-size:18px; color:#5a5d62; padding-bottom:15px; margin-bottom:25px; border-bottom:solid 1px #d7d7d7; font-weight:700;}
.popwrap .poplist {padding:0 15px;}
.popwrap .poplist li {margin-top:10px;}
.popwrap .poplist li:first-child {margin-top:0;}
.popwrap .poplist li a {color:#8d8d8d; font-size:13px;}
.popwrap .poplist li a:hover {color:#D97272; text-decoration:none;}
.popwrap .poplist li.none {text-align:center;margin-top:10px;}

.modalpop .selected_agency {position:absolute; top:20px; left:20px; font-size:12px; color:#5a5d62;}

.popwrap .address_result {}
.popwrap .address_result .address_search {padding-right:93px; position:relative; margin-bottom:10px;}
.popwrap .address_result .address_search .btn_gray {position:absolute; top:0; right:0;}
.popwrap .address_result .info_txt {font-size:13px; line-height:20px; color:#5b5b5b; margin-bottom:20px;}
.popwrap .address_result .result_txt {margin-bottom:5px; font-size:13px; line-height:20px; color:#5b5b5b;}
.popwrap .address_result .result {height:235px; border:1px solid #a5a5a5; overflow-y:scroll; overflow-x:hidden; margin-bottom:30px;}
.popwrap .address_result .result ul {padding:0 20px;}
.popwrap .address_result .result ul li {padding:10px 0; border-top:1px solid #ebebeb;}
.popwrap .address_result .result ul li:first-child {border-top:0;}
.popwrap .address_result .result ul li table {}
.popwrap .address_result .result ul li table tr th {width:64px; font-size:12px; font-weight:700; text-align:left; color:#000; vertical-align:top;}
.popwrap .address_result .result ul li table tr td {padding:2px 0; font-size:12px; color:#000; vertical-align:top;letter-spacing:-1px;}
.popwrap .address_result .result ul li table tr td.last {width:36px; text-align:right;}
.popwrap .address_result .selected {margin-bottom:20px;}
.popwrap .address_result .selected table tr th {width:64px; font-size:12px; font-weight:700; text-align:left; color:#000; vertical-align:top;}
.popwrap .address_result .selected table tr td {padding:2px 0; font-size:12px; color:#000; vertical-align:top;}
.popwrap .address_result .selected table tr.detail th {padding-top:15px; line-height:25px;}
.popwrap .address_result .selected table tr.detail td {padding-top:15px;}
.popwrap .address_result .selected table tr.detail td input {width:360px; height:25px; border:1px solid #ebebeb; box-sizing:border-box;}

.popwrap .agency_list {height:235px; border:1px solid #ebebeb; overflow-y:scroll; overflow-x:hidden; padding:10px; margin-bottom:15px;}
.popwrap .agency_list li {font-size:12px; line-height:24px;}
.popwrap .pop_table1 {padding-left:10px;}
.popwrap .pop_table1 tr th {padding:7px 0; font-weight:700; font-size:13px; text-align:left; color:#5a5d62;}
.popwrap .pop_table1 tr td {padding:7px 0;}
.popwrap .pop_table1 tr td input[type=text] {width:100%; height:25px; border:1px solid #ebebeb; box-sizing:border-box;}

.btn_gray {display:inline-block; font-size:14px; color:#fff; width:110px; height:27px; background:#a6a6a6; line-height:34px; text-align:center;}
.form-search{width:92%;height:16px;padding:6px 12px;-webkit-transition:border-color ease-in-out .15s;transition:border-color ease-in-out .15s;border:1px solid #a5a5a5;border-radius:5px;background-color:#f5f5f5;background-image:none;}
.form-search:focus {outline: none;}

.filebox {position: relative;top:0px;width:0px;display: inline;overflow: hidden;text-align: center;vertical-align: middle;cursor: pointer;}
.filebox input {position:relative;left:-70px;width:70px;height:0px;display: inline;cursor: pointer;opacity: 0;}

.layerchk{
    text-align:left;
    width:200px;
    border:2px solid #ee2644;
    background-color:#fffade;
    padding:7px;
    font-size:11px;
    color:#ff0000;
    margin-left:156px;
}

.layerchkdisabled{
    display:none;
    text-align:left;
    width:200px;
    border:2px solid #ee2644;
    background-color:#fffade;
    padding:7px;
    font-size:11px;
    color:#ff0000;
    margin-left:156px;
}

.selectdel{cursor:pointer;color:#333;background-color:#fff;border:1px solid #bdbebf; display:inline-block; min-width:105px; min-height:32px; line-height:30px; text-align:center;font-size:13px; }
.selectdel:link{color:#465290;}
.selectdel:hover{color:#465290;border:1px solid #999;}