@charset "utf-8";

/* html5_reset */

header,section,article,footer,nav,aside{display:block;}
header *,
footer * {margin:0;padding:0;}
/* css_reset */



/* body{word-break:break-all} */
caption{text-indent:-5000px; font-size:0; line-height:0;}
legend{font-size:0; position:absolute; left:-5000px;}
.hidden{clear:both;height:0;line-height:0;visibility:hidden;width:0;position:absolute;}
input.input-text{height:28px; padding:0 0 0 10px; border:1px solid #ddd; color:#333; line-height:2.2em;}
input,select,button{vertical-align:middle;}
input.input-radio{width:13px; height:13px; vertical-align:middle; margin:-2px 0 0 0; padding:0;}
input.input-check{width:13px; height:13px; vertical-align:middle;margin:0; padding:0;}
select{*margin-top:5px; padding:4px 4px 5px 4px; border:1px solid #ddd; color:#333;}

fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:none;}
.invisible {text-indent:-5000px; position:absolute; left:-5000px; font-size:0; width:0; height:0; line-height:0; visibility:hidden; overflow:hidden;}
/* skip navigation */
#skipNavi {position:absolute; left:-5000px; z-index:999;}
#skipNavi:focus {display:block; left:0; width:100%; height:30px; line-height:30px; color:#000; font-weight:bold; text-align:center; background:#e1e0d8;}
/* 말줄임 */
.ellipsis{display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}

/* text-type */
.text-type01 {color:#4c5867; font-family:'notoR'; font-size:16px; line-height:28px;}
.text-type02 {color:#4c5867; font-family:'notoR'; font-size:14px; line-height:22px;}

/* margin */
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb30 {margin-bottom:30px;}
.mgt40 {margin-top:40px;}

/* padding */
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}

/* popup */
.popup-type01 {position:absolute; top:0; right:0; width:501px; padding:50px 50px 85px 50px; background-color:#fff; border:1px solid #a5abb3; overflow:hidden; box-shadow:1px 1px 0 #e6e6e6; display:none;}
.popup-type01 .tit {margin-bottom:20px; color:#4c5868; font-size:26px; font-family:'notoB';}
.popup-type01 p {margin-bottom:15px; color:#7a838e; font-size:14px; font-family:'notoR'; line-height:22px;}
.popup-type01 .btn-close {position:absolute; top:50px; right:50px;}
.popup-type01 fieldset > div {position:relative; margin-bottom:10px; font-size:0; *zoom:1;}
.popup-type01 fieldset > div:after {content:''; display:block; clear:both;}
.popup-type01 fieldset > div > * {vertical-align:middle;}
.popup-type01 fieldset > div div {float:right; position:relative; display:inline-block; border:1px solid #c3c6cc; background:#fff; *display:inline; *zoom:1;}
.popup-type01 fieldset > div input {float:left;}
.popup-type01 fieldset > div input + input {float:right;}
.popup-type01 .txt01 {position:absolute; top:0; left:0; padding-left:10px; height:40px; color:#4c5867; font-size:14px; font-family:'notoR'; line-height:40px;}
.popup-type01 .txt01 + span {position:absolute; top:0; left:68px; font-family:'notoR'; font-size:13px; color:#a5abb3; line-height:42px;}
.popup-type01 .sel01 {display:block; height:38px; line-height:38px; margin-right:1px; padding:0 20px 0 10px; color:#b9bdc2; font-size:14px; font-family:'notoR';}
.popup-type01 .sel01 span {display:block; position:absolute; top:18px; right:11px; height:5px; overflow:hidden;}
.popup-type01 .sel01 span.on img {margin-top:-6px;}
.popup-type01 .sel-box {display:none; position:absolute; top:38px; left:-1px; width:100%; border:1px solid #c3c6cc; background:#fff; z-index:2;}
.popup-type01 .sel-box li {font-size:0; line-height:0;}
.popup-type01 .sel-box li a {display:block; padding:0 0 0 10px; color:#b9bdc2; font-size:14px; font-family:'notoR'; line-height:28px;}
.popup-type01 .sel-box li a:hover {color:#555;}
.popup-type01 .btn {margin:0; text-align:right;}
.popup-type01 input[type=text] {height:38px; line-height:38px; padding:0 10px; color:#b9bdc2; font-family:'notoR'; font-size:14px; border:1px solid #c9cdd1;}
.popup-type01 textarea {width:332px; height:108px; padding:5px; color:#b9bdc2; font-family:'notoR'; font-size:14px; line-height:22px; border:1px solid #c9cdd1;}
.popup-type01 button {width:90px; height:40px; line-height:40px; color:#fff; font-family:'notoR'; font-size:14px; border:none; background:#a5abb3; text-align:center; cursor:pointer;}

.popup {position:relative; min-width:300px;}
.popup .logo {border-bottom:1px solid #c9cdd1;}
.popup .con {position:relative;}
.popup .utils {position:relative; padding-left:18px; text-align:right;}
.popup .utils * {vertical-align:middle;}
.popup .utils label {margin-left:10px; font-family:'kopubM';}
.popup .utils a {display:inline-block; margin-left:18px; padding:0 35px; height:30px; line-height:30px; color:#fff; background-color:#a5abb3; font-size:16px; font-family:'notoR'; *display:inline; *zoom:1;}

.error-page {width:705px; margin:200px auto; padding:38px 50px 50px; border-top:4px solid #4c5867; border-bottom:1px solid #dbdee1;}
.error-page p {line-height:22px; color:#707985; font-size:14px; font-family:'notoR';}
.error-page p {line-height:22px; color:#707985; font-size:14px; font-family:'notoR';}
.error-page p span {line-height:80px; color:#4c5867; font-size:26px; font-family:'notoB';}
.error-page p .logo {margin-bottom:10px;}
.error-page .btn {margin-top:17px;}
.error-page .btn a {display:inline-block; padding:5px 25px; color:#fff; font-size:14px; font-family:'notoR'; background-color:#a5abb3; *zoom:1; *display:inline;}

.am-with-topbar-fixed-top{
	padding-top:75px;
}