@charset "utf-8";
/* common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style:none;}
img {border:0 none;}

	/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/NotoSansKR-Thin.eot),
    url(../fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Thin.woff) format('woff'),
    url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/NotoSansKR-Light.eot),
    url(../fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Light.woff) format('woff'),
    url(../fonts/NotoSansKR-Light.otf;) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSansKR-DemiLight.eot),
    url(../fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-DemiLight.woff) format('woff'),
    url(../fonts/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/NotoSansKR-Regular.eot),
    url(../fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/NotoSansKR-Medium.eot),
    url(../fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/NotoSansKR-Bold.eot),
    url(../fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black.eot),
    url(../fonts/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black.woff) format('woff'),
    url(../fonts/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../fonts/NanumSquareEB.eot);
 src: url(NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../fonts/NanumSquareL.eot);
 src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
		  url('../fonts/fontawesome-webfont.woff2') format('woff2'), 
		  url('../fonts/fontawesome-webfont.woff') format('woff'), 
		  url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
		  url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* popup
------------------------------------------------------ */
.popup-wrap {padding:15px; width:550px; box-sizing:border-box;}
.popup-wrap * {font-family: 'Noto Sans KR';}
.popup-wrap h3 {margin-bottom:3px; font-weight:500; font-size:18px; color:#3b3b3b;}
.popup-wrap h3 + p {font-size:13px; line-height:1.3; color:#f8554b;}
.popup-form {margin:20px 0 15px; padding:15px 20px; box-sizing:border-box; background:#f8f8f8; font-size:0;}
.popup-form label {display:inline-block; font-size:15px; line-height:1; color:#464646; vertical-align:middle;}
.popup-form input[type="text"],
.popup-form select {display:inline-block; margin-left:15px; padding:0 0 0 5px; height:35px; box-sizing:border-box; border:1px solid #dadada; font-size:14px; color:#666; vertical-align:middle;}
.popup-form input[type="text"]:first-child,
.popup-form select:first-child {margin-left:0;}
.popup-form span {display:inline-block; font-size:13px; line-height:1; color:#666; vertical-align:middle;}
.popup-form #btn_find {display:inline-block; margin-left:7px; padding:0 13px; background:#595757; font-size:15px; line-height:35px; color:#fff; vertical-align:middle; text-decoration:none;}
.popup-id-form input[type="text"] {width:calc(100% - 180px);}
.popup-email-form input[type="text"],
.popup-email-form select {margin-left:10px; width:110px;}
.popup-email-form select {width:130px;}
.popup-email-form span {margin:0 -5px 0 5px;}
#result_view1,
#result_view2,
#result_view3 {font-size:13px; line-height:1.3; color:#666; text-align:center;}
#result_view1 strong,
#result_view2 strong,
#result_view3 strong {font-weight:500; color:#f8554b;}
#result_view2 #btn_email_use ,
#result_view2 #btn_id_use {display:block; margin:7px auto 0;  width:95px; background:#ef4136; font-size:15px; line-height:30px; color:#fff; vertical-align:middle; text-decoration:none; text-align:center;}

.popup-wrap #doro_select {display:inline-block; vertical-align:middle;}
.popup-wrap .popup-addr-form input[type="text"],
.popup-wrap .popup-addr-form select {margin-left:10px;}
.popup-wrap .popup-addr-form select:first-child {margin-left:0;}
.result-addr-wrap > p {font-size:13px; line-height:1.3; color:#666;}
.result-addr-wrap > p strong {font-weight:500; color:#333;}
.result-addr-wrap table {margin-top:20px; border-top:1px solid #231815;}
.result-addr-wrap table th, 
.result-addr-wrap table td {padding:6px 10px 5px; box-sizing:border-box; border-bottom:1px solid #e9e7e7; font-size:14px; vertical-align:middle;}
.result-addr-wrap table th {font-weight:500; background:#f8f8f8; text-align:center;}
.result-addr-wrap table td a {font-size:14px; text-decoration:none; color:#666;}
.result-addr-wrap table tbody td:first-child {text-align:center;}
.result-addr-wrap table tr:hover {background:#f8f8f8;}

.pop-btn {margin-top:20px; width:100%; font-size:0; text-align:center;}
.pop-btn li {display:inline-block; vertical-align:top;}
.pop-btn li a {display:block; margin:0 5px; padding:0 20px; border:1px solid #f7a09a; box-sizing:border-box; color:#ef4136; font-size:15px; line-height:30px; text-decoration:none;}


/* 알림창 */
body .ui-widget.ui-widget-content {border:1px solid #dadada; border-top:5px solid #ef4136;}
body .ui-dialog {padding:0;}
body .ui-widget-header {border:0 none; border-radius:0; background:#fff;}
body .ui-dialog .ui-dialog-titlebar {padding:0 1em .6em;}
body .ui-widget ,
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif;}
body .ui-dialog .ui-dialog-title {overflow:visible; font-size:0; text-align:center; width:100%;}
body .ui-dialog .ui-dialog-title:before {content:'\f06a'; position:relative; top:20px; font-family: 'FontAwesome'; font-size:50px; color:#e6e6e6}
body .ui-dialog .ui-dialog-buttonpane {padding:0;}
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none; width:100%; text-align:center;}
body .ui-dialog .ui-dialog-buttonpane {margin-top:0; padding:0 20px 20px; border:0 none;}
body .ui-dialog .ui-dialog-buttonpane button {margin:0; padding:15px 10px;  line-height:1; width:100%;}
body .ui-dialog .ui-dialog-content * {font-size:15px !important;}
body .ui-dialog .ui-dialog-content {padding:30px 0; min-height:auto !important; text-align:center;}
body .ui-dialog .ui-dialog-titlebar-close {display:none;}

body .ui-state-hover, .ui-widget-content .ui-state-hover, 
body .ui-widget-header .ui-state-hover,
body .ui-state-focus, 
body .ui-widget-content .ui-state-focus, 
body .ui-widget-header .ui-state-focus, 
body .ui-button:hover, 
body .ui-button:focus {border:0 none; background:#ef4136; border-radius:0; color:#fff;}

body .ui-state-default, 
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default,
body .ui-button,
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {border:0 none; background:#ef4136; border-radius:0; color:#fff;}