@charset "utf-8"; 


/* common */
.blind, legend {display:block; overflow:hidden; font-size:medium; line-height:normal; width:0; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}

.mg_t8 {margin-top:8px;}
.mg_r24 {margin-right:24px;}
.mg_t12 {margin-top:12px;}
.mg_t14 {margin-top:14px;}
.mg_t16 {margin-top:16px;}
.mg_t20 {margin-top:20px !important;}
.mg_t24 {margin-top:24px !important;}
.mg_t32 {margin-top:32px;}
.mg_t40 {margin-top:40px;}
.mg_t50 {margin-top:50px;}
.mg_t60 {margin-top:60px;}
.mg_t72 {margin-top:72px;}
.mg_t88 {margin-top:88px;}
.mg_b20 {margin-bottom: 20px!important;}
.mg_l10 {margin-left:10px;}

.w100P {width: 100%;}
.w120 {width:120px!important;}
.w130 {width:130px!important;}
.w150 {width:150px!important;}
.w180 {width:180px!important;}
.w240 {width:240px!important;}
.block_i {display: inline-block;}
.alignC {text-align: center !important}
.alignR {text-align: right!important}
.tc {text-align: center!important;}
.t1 {text-align: left!important;}
.txt_normal {font-weight: 500!important}
.txt12 {font-size: 12px!important}
.txt14 {font-size: 14px!important}
.txt15 {font-size: 15px!important}
.txt18 {font-size: 18px!important}
.txt20 {font-size: 20px!important}
.txt_nomal {font-weight: 400;}

/* color */
.black{color:#000000}
.red{color:#f20f0f}
.blue{color:#0000ff}
.skyBlue{color:#32a9cc}
.gray{color:#888}
.green{color:#5cb85c}
.white{color:#ffffff}
.powderblue{color:#b0e0e6}

/* text */
.underline {text-decoration:underline;}

/* 레이아웃 */
.container .main {padding:70px 0 70px;}
.container .default {width:1100px; margin:0 auto 100px;}
.container .bgGray {background:#f6f6f6;}
.container .alignCenter {display:flex; height:calc(100vh - 226px); align-items:center; justify-content:center;}
.container .alignCenter200 {display:flex; height:200px; align-items:center; justify-content:center;}

/* 메인gnb */
.header {height:90px; overflow:hidden; min-width:1100px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e8ea;}
.header > a {display:block; position:absolute; top:10px; left:30px;}
.header .gnb {margin:16px 0 0 21%;}
.header .gnb ul li {float:left; margin-right:2%;}
.header .gnb ul li:last-child {margin-right:0px;}
.header .gnb ul li a {font-size:21px; font-weight:700; display:block; padding:10px 15px; position:relative;}
.header .gnb ul li a:before {content:""; display:block; width:0; height:3px; background:#111; position:absolute; bottom:-21px; left:50%; transition:0.3s;}
.header .gnb ul li a:hover:before {width:80%; left:10%;}
.header .userInfo {display:block; position:absolute; top:16px; right:25px;}
.header .userInfo > span {position:absolute; top:16px; left:-130px; font-size:15px; color:#111; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; width:130px;}
.header .userInfo a {padding:0 8px; font-size:14px; font-weight:400; color:#666; display:inline-block; text-align:center;}
.header .userInfo a:last-child {margin-right:0px;}
.header .userInfo a.ic_option:before {margin:0 auto 9px; content:''; width:30px; height:30px; display:block; background:url(../images/ic_sidebar.png) no-repeat 0 0; background-size:75px 25px; background-position:-50px 0;}
.header .userInfo a.modify:before {margin:0 auto 9px; content:''; width:30px; height:30px; display:block; background:url(../images/ic_header.png) no-repeat 0 0; background-position:0px 0px;}
.header .userInfo a.logout:before {margin:0 auto 9px; content:''; width:30px; height:30px; display:block; background:url(../images/ic_header.png) no-repeat 0 0; background-position:0px -30px;}
.header span.btnMenu {display:none;}

/* 푸터 */
.footer {padding-bottom:24px; border-top:1px solid #eee;}
.footer .inner {width:1100px; margin:0 auto 0;}
.footer .inner > a {width:181px; height:25px; display:inline-block; float:left; margin:32px 120px 0 0;}
.footer h2 {width:181px; height:25px;}
.footer address {font-weight:400; display:inline-block; margin:10px 0 0 0; font-size:13px; color:#999; text-decoration:none; font-style:normal; letter-spacing:-0.2px;}
.footer address > span {font-weight:400; margin-left:35px;}
.footer .inner > div {margin-top:18px;}
.footer .inner > div ul li {float:left; margin-right:20px; position:relative;}
.footer .inner > div ul li:after {width:1px; height:16px; display:block; content:''; position:absolute; top:4px; right:-11px; background:#ddd;}
.footer .inner > div ul li.last:after {width:1px; height:16px; display:block; content:''; position:absolute; top:4px; right:-11px; background:#fff;}
.footer .inner > div ul li a {font-weight:400; font-size:14px;}
.footer .inner > div ul li:last-child a {font-weight:700;}

.footer .guide_wrap{ border-bottom:1px solid #eee; display: flex; justify-content: center; align-items: center;}
.footer .guide{ display: flex; align-items: center;}
.footer .guide span{ font-weight: 500; font-size: 14px;}
.footer .guide a + span{margin-left: 20px;}
.footer .guide span + a{margin-left: 20px;}
.footer .guide span:hover{ font-weight: 700;}


@media screen and (max-width:1450px) {
.header .gnb {margin:28px 0 0 20%;}
.header .gnb ul li a:before {bottom:-31px;}

.header .gnb ul li {margin-right:1%;}
.header .gnb ul li a {font-size:19px; padding:0 17px 0;}
}

@media screen and (max-width:1290px) {
.header .gnb ul li a {padding:0 10px 0;}
}

@media screen and (max-width:1100px) {

/* 레이아웃 */
.container .default {width:100%; padding:0 16px;}	
.container .main {padding:16px 0 70px;}

/* 메인gnb */
.header {height:68px; min-width:100%;}
.header > a {position:absolute; top:13px; left:16px;}
.header > a  h1 img {width:70%;}
.header .gnb,
.header .userInfo {display:none;}
.header span.btnMenu {position:absolute; top:11px; right:6px; display:block; padding:10px; width:48px; height:44px; cursor:pointer;}	
.header span.btnMenu em {display:block; position:absolute; width:calc(100% - 20px); border-radius:2px; height:2px; background:#111;}	
.header span.btnMenu em:nth-child(1) {top:10px; left:10px;}	
.header span.btnMenu em:nth-child(2) {top:21px; left:10px;}	
.header span.btnMenu em:nth-child(3) {top:32px; left:10px;}	

/* 푸터 */
.footer {padding-bottom:24px;}
.footer .inner {width:calc(100% - 32px);}
.footer h2 {width:181px; height:25px; margin:30px 60px 0 0;}
.footer h2 img {width:80%;}
.footer address {margin:10px 0 0 0; font-size:13px;}
.footer address > span {margin-left:0px;}
.footer .inner > a {float:none; margin-top:0px;}
.footer .inner > div {margin-top:12px;}
}

 /* 팝업 */
.modal {display: none}
.layerArea {position: fixed;z-index:9999;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
div.darkBg {position:fixed; top:0px; width:100%; height:100%; transition:0.2s; opacity:0.5; background-color:#000; z-index:9998; overflow-y:auto;}

/* default typeA */
div.lyr_typeA {width:600px; z-index:9999!important; margin: 50px auto 0 auto; padding:16px 20px 24px 20px; background-color:#fff; box-sizing:border-box; border-radius: 10px;}
div.lyr_typeA div.titleArea {width:100%; overflow:hidden; border-bottom:2px solid #000; padding-bottom:6px; margin-top: 10px; position:relative;}
div.lyr_typeA div.titleArea h4 {margin:0 !important; font-size:18px; font-weight:700; color:#000; float:left;}
div.lyr_typeA div.titleArea span.bt_lyrClose {position:relative; top:3px; float:right; cursor:pointer; display:inline-block; position:relative; width:16px; height:16px;}
div.lyr_typeA div.titleArea span:before {position:absolute; top:0px; right:6px; width:1px; height:16px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
div.lyr_typeA div.titleArea span:after {position:absolute; top:0px; right:6px; width:1px; height:16px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
div.lyr_typeA div.bodyArea p.textBox{font-weight:normal}

.desc_area {margin: 15px 0 15px 10px}
.desc_area p {font-size: 14px; font-weight: 400!important;}
.desc_area .mmsnum_area {display: flex; justify-content: space-between; padding: 15px 10px; margin: 10px 0; background: #eee; border-radius: 8px;}
.desc_area .mmsnum_area span {display:inline-block; line-height: 40px; margin-left: 20px;}
.desc_area .mmsnum_area .ipTextTypeC {width: 250px; margin-right: 20px;}

@media screen and (max-width:900px) {
	div.lyr_typeA {width:96%; margin: 50px auto 0 auto;}
	div.lyr_typeA div.titleArea h4 {font-size:16px;}
	div.lyr_typeA table.tableTypeA tbody th, div.lyr_typeA table.tableTypeA tbody td {font-size:13px; letter-spacing: -0.5; font-weight: normal;}
	div.lyr_typeA table.tableTypeA tbody td:first-child {font-size:11px; letter-spacing: -1;}
	div.lyr_typeA table.tableTypeA tfoot td {font-size:13px; letter-spacing: -0.5;}
	.desc_area .mmsnum_area { display: flex;  flex-wrap: wrap; flex-direction: column; justify-content: center; padding-top: 10px; }
	.desc_area .mmsnum_area span {width: 100%; text-align: center; margin-left: 0;}
	.desc_area .mmsnum_area .ipTextTypeC {width: 100%; text-align: center; margin-right: 0;}
}


/* default */
html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,pre,span,p {font-size:inherit; font-weight:600; box-sizing:border-box; margin:0; padding:0; border:0;}
body {background:#fff;}
body,th,td,input,select,textarea,button,pre {font-family:'Noto Sans KR', 'malgun Gothic', Dotum, Gulim, Helvetica; font-weight:600; line-height:1.5; color:#111; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:-0.16px;}
address,caption,cite,code,dfn,em,var,i {font-weight:600; font-style:normal;}
button {font-family:'Noto Sans KR', Dotum, Gulim, Helvetica, sans-serif; font-weight:600; cursor:pointer; border:0 none; background-color:transparent;}
pre {white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all;}
fieldset,img {border:0 none;}
img {vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
iframe {display:block;}
a {text-decoration:none; color:#111;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.blind, legend {display:block; overflow:hidden; font-size:medium; line-height:normal; width:0; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

table {width:100%;}
table,th,td {table-layout:fixed; border-collapse:collapse;}
table caption {overflow:hidden; font-size:medium; line-height:normal; width:100%; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}

label {cursor:pointer;}
input[type="file"] {width:100%; background:none; border:none;}
input,select,textarea,button {vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
input::-ms-clear, hr {display:none;}

::-webkit-input-placeholder {color:#bfc0c3; -webkit-text-fill-color:#bfc0c3; font-weight:400;}
::-moz-input-placeholder {color:#bfc0c3; -moz-text-fill-color:#bfc0c3; font-weight:400;}
:-ms-input-placeholder {color:#bfc0c3; -ms-text-fill-color:#bfc0c3; font-weight:400;}
:-moz-input-placeholder {color:#bfc0c3; -moz-text-fill-color:#bfc0c3; font-weight:400;}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled {color:#bfc0c3; font-weight:400;}
textarea:focus {-webkit-appearance:none; -webkit-border-radius:0; outline:none;}

select::-ms-expand {display:none; }
input:focus {
  outline: none;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:100; 
	src:url(fonts/noto_kr/NotoSansKR-Thin.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Thin.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:300; 
	src:url(fonts/noto_kr/NotoSansKR-Light.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Light.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:400; 
	src:url(fonts/noto_kr/NotoSansKR-Regular.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Regular.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:500; 
	src:url(fonts/noto_kr/NotoSansKR-Medium.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Medium.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:700; 
	src:url(fonts/noto_kr/NotoSansKR-Bold.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Bold.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:900; 
	src:url(fonts/noto_kr/NotoSansKR-Black.woff2) format('woff2'), 
	url(fonts/noto_kr/NotoSansKR-Black.woff) format('woff'), 
	url(fonts/noto_kr/NotoSansKR-Black.otf) format('opentype');
}