@charset "UTF-8";
@font-face {font-family:'나눔고딕'; src:url('../lib/NanumGothic.eot')}; 
@font-face {font-family:'나눔고딕'; src:url('.,/lib/NanumGothic.woff')}; 

/* layout system */
.col-list-container:after { display: table; content: ""; line-height: 0; clear: both; }
.col-list { float: left; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.333333%; }
.col-1-4 { width: 25%; }
.col-1-5 { width: 20%; }
.col-1-6 { width: 16.666666%; }
.col-2-3 { width: 66.666666%; }
.col-3-4 { width: 75%; }
.col-4-5 { width: 80%; }

/* base layout */
html { height: 100%;}
body { font-size: 14px; font-family: 'Nanum Gothic' ,"나눔고딕", "나눔 고딕", "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; line-height: 1.7; color: #666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none;letter-spacing: -0.2px; font-weight: 400; background: #f4f5f8;}
a {font-size: inherit; color: inherit; text-decoration: none; line-height: inherit; font-weight: inherit}
a:hover, a:focus {color: inherit;}

.wrap {}
.container {width: 1200px; margin:0 auto; *zoom:1; min-width:1200px}
.container:after {display: block; width: 0; height: 0; content: ''; clear: both; }
#contents {min-height: 600px; }

/* 스킵 네비게이션 */
.skipNav-container a { display: block; width: 1px; height: 1px; overflow: hidden; margin-top: -1px; }
.skipNav-container a:focus, .skipNav-container a:active { width: 100%; height: auto; padding: 10px 0; text-align: center; }


/* ------------------------------------------------
** header / GNB
---------------------------------------------------- */
#header {}
.gnb-top {background: #8a90b1; height: 39px; line-height: 39px; min-width:1200px}
.head-top {text-align: right;  }
.head-top a {display: inline-block;color: #fff;  margin-left:21px; font-size: 14px; letter-spacing: 0; }
.head-top a.lang {display:inline-block; width:50px; height:39px; background:#001489; font-weight:bold; text-align:center; padding-left:3px}
.gnb-container {position: relative; width: 1200px; margin:0 auto; min-width:1200px}
.gnb-container h1 {float: left; margin-top:28px}
.gnb {float: right;}
.gnb >li {position: relative; float: left; margin-left:24px}
.gnb >li:first-child {margin:0}
.gnb >li >a { display: inline-block;  line-height: 96px; font-size: 17px; color: #151515; font-weight: 600; }
.gnb >li:hover >a, .gnb >li.sel>a {color: #000; transition: color .3s ease ;}

.gnb-sub {position: absolute; top: 77px; left: -47%; background: #fff; border: 1px solid #c3d1f0; box-sizing: border-box; text-align: left; border-top: 3px solid #203b61; display: none; z-index: 99}
.gnb li:first-child .gnb-sub {left:-10%}
.gnb li:nth-child(3) .gnb-sub {left:-10%}
.gnb li:nth-child(4) .gnb-sub {left:-20%}
.gnb li:nth-child(5) .gnb-sub {left:-110%}
.gnb-sub > li {padding: 6px 10px 6px 14px; border-bottom: 1px solid #ddd;width: 160px;  }
.gnb-sub > li > a {display: block; font-size: 13px; }
.gnb-sub > li:hover {border-bottom: 1px solid #203b61; background: url(../images/img-common/bg-sub.png) center center no-repeat;}
.gnb-sub > li:hover > a {color: #fff; font-weight: 500; background: url(../images/img-common/arr-white.png) right center no-repeat;}



/* ------------------------------------------------
** subpage / sub-container: left +right(#content)
---------------------------------------------------- */
.sub-top {height: 280px;background:#d1c8a5 url(../images/img-sub/bg-top-sub.jpg) center center no-repeat; min-width:1200px}
.sub-top-txt {padding-top: 68px; color: #fff;text-align:center;}
.sub-top-txt h2 { font-size: 34px; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35); line-height: 1; font-weight: 500; font-family:'Noto Sans KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif;}
.sub-top-txt {color: #f2f2f2; letter-spacing: 0; font-size: 15px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);}
.sub-top .route {position: absolute; right:0; top:120px; color: #fff;}
.sub-top .route img {vertical-align: middle}
.sub-top .route .gubun{padding: 0 0.8em; font-weight: 100;}
.sub-top .route strong {font-weight: 300;}
.sub-container {width: 1200px; margin: -130px auto 0; background: #fff; box-shadow: 1px 1px 4px  hsla(0,0%,0%,.25); padding: 0 0 50px 0;}

.left-container {float: left; width: 210px;}
.right-container {float: right; width: 930px;}

.sub-contents {padding-top: 60px; min-height: 500px; padding-right: 50px;}
.sub-contents.is-b {padding-top: 50px;}


.greeting {font-size: 18px; /*font-family:'Noto Serif KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; */font-weight: 400; color: #545454; letter-spacing: -0.5px; text-align: justify; background:#fafeff; padding: 30px; padding-top: 40px; min-height: 600px}
.greeting .ceo-photo {float: left; width:200px;}
.greeting .ceo-photo .name {font-size: 15px; text-align: center; color: #777;}
.greeting .ceo-g {float: right; width: 620px; }
.greeting .p1 {font-family:'Noto Serif KR', serif; font-size: 26px; margin-bottom: 20px; font-weight: 500; color: #38636f; padding-top: 20px;}
.greeting .fs-bigger {font-size: 20px}
.greeting .bottom {font-size: 17px; font-weight: 300; text-align: right}



.mark-cnt {position: relative;}
.mark-cnt:before {position: absolute; top:-8px; width: 50px; height: 4px; background: #144591; content: '';}

.tb-basic.spc {font-size: 14px}
.tb-basic.spc thead > tr >th {background: #e4e2d7; font-size: 16px; color: #000; font-weight: 500;}
.tb-basic.spc tbody > tr >th {background: #f5f4ef; font-size: 16px; font-weight: 500;}
.tb-basic.spc .name {font-size: 16px; color: #000; font-weight: 500; letter-spacing: 1px}
.tb-basic.spc tbody > tr >td:last-child {text-align: left; padding-left: 2em;}



.names {display: inline-block; min-width: 180px}
.names.is2 {min-width: 360px}
.names strong {font-size: 15px; color: #000;}
.fee {font-size: 30px; margin-left: 2em; color: #444; line-height: 1.9}

.fee strong {color: #000; font-weight: 700;}
.exp {color:#9e9888;}
.j-box {position: absolute; width: 760px; left:50%; margin-left: -380px; margin-top: 80px; background: url(../images/img-common/bg-p1.png); padding: 40px 30px; border: 1px solid #ddd; box-sizing: border-box; font-size: 18px}
.awd-box {padding: 40px; box-sizing: border-box; background:#f6f4ea url(../images/img-sub/bmw.png) center center no-repeat; border: 1px solid #eee; box-shadow: 6px 6px 0  hsla(0,0%,0%,.15);}
.rel-site-container-sub {width: 855px; padding: 20px; background: url(../images/img-common/bg-p2.png); border: 1px solid #eee; min-height: 400px; box-shadow: 4px 4px 0  hsla(0,0%,0%,.15);}
.rel-site-container-sub h3 {padding-left: 20px; font-size: 20px; margin-bottom: 5px;}
.rel-site-sub {width: 840px;}
.rel-site-sub > li {float: left; margin-left: 15px; width: 265px; margin-bottom: 50px; text-align: center;}
.rel-site-sub > li h5 {font-size: 16px; color: #247bbd;}

/* 규약 정의*/
.sec-block {margin-bottom: 30px;}
.sec-block h3{font-size: 18px; color: #333; margin-bottom: 4px; font-weight: 600;} /* ~ 장 */
.sec-block h3.is2 {margin-bottom: 0; font-size: 18px;}
.sec-block h3.is3 {display: inline-block; font-size: 16px; font-weight: 500; border: 1px solid #000; padding: 0 2em; line-height: 34px; color: #000;}/* ~ 장 box */

.sec-block h4 {font-size: 16px; color: #333; margin:10px 0 2px 0; font-weight: 500;} /* ~ 조 */
.sec-block h4 span {color: #555;}
.sec-block h5 {font-size: 15px; color: #333;}
.sec-block h6 {font-size: 14px; color: #333;}
.sec-block p.ind {text-indent: 1em}
.sec-block h5.ind {padding-left: 1em;font-size: 15px; color: #333;}
.sec-block.fs-small1 h4 {font-size: 15px}
.sec-block.fs-small1 h5 {font-size: 14px}
ul.rule >li {padding-left: 16px}
ul.rule >li span.num {display: inline-block; margin-left: -18px; margin-right: 2px;}
ul.rule.is2 >li {padding-left: 20px}
ul.rule.is2 >li span.num {display: inline-block; margin-left: -20px; margin-right: 4px;}
.box-ex {border: 1px dashed #ccc; padding:15px; font-size: 13px; color: #888;}
.box-ex h5, .box-ex h6 {color: #444;}

/* 연혁 */
.tb-history td {text-align: left; vertical-align: top; color: #45626e; padding: 4px; padding-left: 20px;}
.tb-history th {text-align: left; vertical-align: top; color: #939168; padding: 4px; padding-top: 8px;}
.tb-history th.year {position: relative; text-align: center; font-size: 18px; font-weight: 600; background: url(../images/img-common/bg-line-v1.png); background-position: right 0; background-repeat: repeat-y; line-height: 1;}
.tb-history th.year:after {position: absolute; top:10px; right: -6px; width: 8px; height: 8px;  background: #fff; border: 2px solid #939168; content:'';border-radius: 6px}



/* 사진갤러리게시판  섬네일 리스트 */
.photo-list {margin-left: -35px;}
.photo-list > li {margin-left: 33px; float: left; position: relative; width: 272px; margin-bottom: 30px;}
.photo-list > li .img {position: relative; height: 180px; line-height: 160px;  box-sizing: border-box; border: 1px solid #eee; text-align: center; padding:0; }
.photo-list > li .img img {vertical-align: middle; max-height: 178px; width: auto; }
.photo-list > li .dim-over {position: absolute; width: 100%; height: 180px; background: rgba(0,0,0, 0.35); top:0; left:0; display: none}
.photo-list > li .dim-over span {position: absolute; top:50%; left:50%; font-size: 40px; color: #fff; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: rgba(0,0,0, 0.65); border-radius: 30px}
.photo-list > li >a:hover .dim-over {display: block;}
.photo-list .tit input[type=checkbox], .photo-list .tit h5 {display: inline-block; vertical-align: middle}
.photo-list .tit h5 {height: 30px; line-height: 30px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px;}
.photo-list > li .over-ut {position: absolute; top:10px; right: 10px; width: 40%; height: 60px; text-align: right}
.photo-list > li .over-ut>a {padding-left: 0.5em; position: relative;}
.photo-list > li .over-ut>a:hover .tooltip {display: block;}
.photo-view-container h3 {font-size: 20px; margin-bottom: 20px;}
.photo-view-container .photo {position: relative; margin-bottom: 15px; text-align: center}
.photo-body {padding: 1em 0.5em; margin-bottom: 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}


/* ------------------------------------------------
** left-container
---------------------------------------------------- */
.left-container h3 {height: 130px; font-family:'Noto Sans KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; background:url(../images/img-common/bg-sub.png) center center no-repeat; box-sizing: border-box; padding-top: 45px; text-align: center; font-size: 22px; color:#fff;  font-weight: 500; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4)}
.left-container h3.is2 {font-family:'Noto Sans KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; padding-top: 28px; line-height: 1.4}
.lnb >li {}
.lnb >li > a {font-family:'Noto Sans KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif;display: block;padding: 15px 0 15px 20px; border: 1px solid #e4e4e4;color: #222; font-size: 15px; font-weight: 400; border-top: 0; border-left: 0;}
.lnb >li > a.active, .lnb >li > a:hover {background: url(../images/img-sub/bg-left-arr.png) 196px 19px no-repeat; color: #385276; padding-left: 30px; transition: padding .8s ease ; font-weight:500;}

/* ------------------------------------------------
** ADMIN
---------------------------------------------------- */
.ad-list {display: table; width: 100%; margin-bottom: 13px;}
.ad-list  .row {display: table-row;}
.ad-list  .cell {display: table-cell; width: 20%; border: 1px solid #ddd; padding: 0.7em 1em; border-left: 0;}
.ad-list  .cell:first-child {border-left: 1px solid #ddd; background: #f5f5f5; font-size: 16px; color: #333;}


/* ------------------------------------------------
** footer
---------------------------------------------------- */
#footer {background: #9ea0a1; padding: 35px 0; margin-top:38px; min-width:1200px}
#footer .foot-logo {float: left; width:586px;}
#footer .foot-cnt {float: left;font-size: 14px; color: #505050; letter-spacing: 0; text-align:center; font-weight:400; line-height:18px}
#footer .foot-cnt .copy {color:#696969; margin-top:15px}
#footer .abs-btn {position: absolute; top:-4px; right: 0;}
#footer .abs-btn button {background-color: transparent; color: #f3f3f3; border: 1px solid #999; font-size: 13px; font-weight:100; height: 30px; width: 80px; padding:0; margin-right: 6px;}
.to-top {position: fixed; z-index: 9999; right: 20px; bottom:20px;}


/* ------------------------------------------------
** page
---------------------------------------------------- */
.container {width: 1200px; margin: 0 auto;}

.container500 {width: 500px; margin: 0 auto;}
.container600 {width:600px; margin: 0 auto;}
.container800 {width:800px;}
.container1000 {width:1000px;}

.col-tb {display: table; width: 100%;}
.col-tb > .row {display: table-row;}
.col-tb >.row> .cell {display: table-cell; padding: 1em;}
.col-tb .cell.r-line {border-right: 1px solid #d2dbe3;}
.col-tb .cell.narrow {padding: 0.3em 1em;}



/* ------------------------------------------------
 ** 팝업창
 ------------------------------------------------*/
 .wrap-pop{}
 .wrap-pop > .p-heading {background:#4c4c4c;}
 .wrap-pop > .p-heading h2 {font-size: 17px; color: #fff; padding: 0.4em 1em;}
 .pop-container {padding: 1em;}
 .pop-container.body {min-height: 350px}
 .wrap-pop .btns {text-align: center; padding: 1em 0;}
 .pop-botttom {background: #000; padding-left: 1em; height: 25px; line-height: 25px; color: #fff; font-size: 12px}
 .login-form {padding: 20px 20px 0 20px;}
 .login-form .left {float: left; width: 70%;}
 .login-form .right {float: right; width: 26%;}
 .login-form .inset {padding-bottom: 0.8em;}
 .login-form .inset input {width: 100%; height: 36px}
 .login-form .btn-main {width: 100%; height: 82px; font-size: 18px; letter-spacing: 1px}

.tab-menu:after {display: table; content: ""; line-height: 0; clear: both;}
.tab-menu > li > a { display: block; box-sizing: border-box; background: #fff; border: 1px solid #45626e; padding: 8px 0.2em; font-size: 16px; color: #474747; font-weight: 400;}
.tab-menu > li:first-child > a{ border-right: 0; border-left: 1px solid #45626e; border-right: 1px solid #45626e}
.tab-menu > li > a.active, .tab-menu > li > a:hover { background: #45626e; color: #fff; transition: all .8s ease ;}

.tab-menu.col2 > li {width: 50%;}
.tab-menu.col3 > li {width: 33.333333%;}
.tab-menu.col4 > li {width: 25%;}
.tab-menu.col5 > li {width: 20%;}
.tab-menu.col7 > li {width: 14%;}

.tab-content {display: none;}
.tab-content.active {display: block;}
.tb {display: table;}
.tb>.rows {display: table-row;}
.tb>.rows>.cells {display: table-cell; vertical-align: top}

/* ------------------------------------------------
 ** admin, login,  login-adm: Modal layer
 ------------------------------------------------*/
 .admin-layer {position: fixed; top:50%; left:50%; width:900px; height: 400px; margin-top: -200px; margin-left: -450px;background: #fff url(../images/img-sub/bg-sitemap.jpg) 0 0 no-repeat; box-shadow: 1px 1px 4px  rgba(0, 0, 0, 0.25); z-index: 1000; display: none;}
 .sm-container {padding: 30px 20px;}

 .sm-container > h2 {font-size: 36px; color: #333; text-align: center; margin-bottom: 20px;}
 .sm-title {font-size: 18px; color: #0768ba margin-bottom: 15px;}
 .sm-container .col-tb >.row>.cell {width:25%; border-left: 1px solid #b5aea5;  padding: 1em 0.8em 1.5em 1.5em; font-size: 16px; color: #444; font-weight: 400;}
 .sm-container .col-tb >.row>.cell:first-child {border-left: 0;}
 .admin-layer .close {position: absolute; top:10px; right:10px;}

 .login-layer {position: fixed; top:100px; left:50%; width:360px; height:540px; margin-left: -200px; background: #fff url(../images/img-common/bg-login-form.png) center 40px no-repeat; box-shadow: 1px 1px 4px  rgba(0, 0, 0, 0.25); z-index: 1000; box-sizing: border-box; padding: 30px 40px; border-radius: 12px;  display: none;}
 .login-inner {margin-top:140px;}
 .login-layer .close {position: absolute; top:8px; right: 10px; z-index: 1001}
 .login-layer h2 {font-size: 28px; color: #632885; margin-bottom: 20px; text-align: center;}
 .login-layer h2 span {font-size: 24px; color: #999; font-weight: 300;}
 .login-layer input[type='text'], .login-layer input[type='password'] {border: 1px solid #a3b2c7; width: 100%; height: 40px; background: rgba(255, 255, 255, 0.8); font-size: 14px; color: #1d3b7b;}
 .login-layer input[type='password'] {border-top: 0;}
 .login-layer .inset {}
 .login-layer .btn-main {width: 100%; height: 46px; background: #1d3b7b;  font-size: 17px; font-weight: 300; letter-spacing: 0;}
 .login-layer .join-pw {padding-top: 30px; padding-right: 10px; font-size: 13px; color: #474747; text-align: right;}
 .login-layer .join-pw a {text-decoration: underline; display: inline-block; margin-left: 20px;}
 table.form-tb td {padding: 0.4em 0.4em 0.4em 1.2em; text-align: left}
 table.form-tb .btn-sub {width: 100%; height: 70px; font-size: 15px}
 .login-adm {position: absolute;top: -200px; right: 0; width: 460px; height: 240px; background: #fff; z-index: 1000; display: none; padding: 30px 20px; box-sizing: border-box;}
 .login-adm h3 {font-size: 24px; margin-bottom: 10px;}
 .tb-join tr>th {text-align: left; padding-left: 1.5em; background: #f7f7f7;}

 .search-box {text-align: center; margin-bottom: 20px;}
 .modal-fix-default.commentary {top: 150px;}
 


/* ------------------------------------------------------ 
 *	common style define
 ------------------------------------------------------ */
 .heading {position: relative; padding: 20px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 35px;}
 .heading h3 {font-size: 24px; line-height: 1; color: #333;}
 .heading .right {position: absolute; top:20px; right: 0; padding-left: 20px; background: url(../images/img-sub/ico-rout.png) 0 4px no-repeat; font-size: 13px; color: #a6a5a6;}
 .heading .right.no-bg {background: none;}
 .heading .right span {padding:0 4px;}
 .title-is1 {position: relative; display: inline-block; font-size: 24px; color: #000; font-weight: 500; line-height: 1; margin-bottom: 15px;}
 .title-is1:before {position: absolute; top:-14px; left: 0;width: 20%; height: 4px; background: #632885; content: '';}
 .title-is1 span {color: #444; font-weight: 400;}



	/* tab style basic */
.tab-menu:after {display: table; content: ""; line-height: 0; clear: both;}
.tab-menu > li { float: left;text-align: center}
.tab-menu > li > a { display: block; box-sizing: border-box; background: #eee; border-left: 1px solid #fff; padding: 8px 0.2em; font-size: 16px; color: #474747; font-family:'Noto Sans KR', serif, 'Noto Sans SC', 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif;}

.tab-menu > li > a.active { background: #151886; color: #fff;}

.tab-menu.col3 > li {width: 33.333333%;}
.tab-menu.col4 > li {width: 25%;}
.tab-menu.col5 > li {width: 20%;}

.tab-content {display: none;}
.tab-content.active {display: block;}
.tb {display: table;}
.tb>.rows {display: table-row;}
.tb>.rows>.cells {display: table-cell; vertical-align: top}

.error-box {padding: 1em; background: #ebebeb; color:#ed1c24;}
.success-box {padding: 1em; background: #ebebeb; color:#5195ce;}
.def-box {padding: 1em; background: #f2f2f2; border: 1px solid #ededed;}
.round {display: inline-block; width: 40px; height: 40px; background: #365174; color: #fff; text-align: center; line-height: 40px; font-size: 20px; border-radius: 99px}


	/* common form style */
	.grp-form input, .grp-form button, .grp-form select {margin-right: 2px; vertical-align: middle;}
	.form-grp1 {}
	.form-grp1 input[type="text"], .form-grp1 input[type="search"], .form-grp1 button, .form-grp1 select {height: 38px}
	.form-grp1 button {background: #b2b2b2; color: #fff; font-size: 13px; min-width: 80px;}
	.form-grp1 input[type="search"]+button {margin-left: -1px}

	.form-grp2 input[type="text"], .form-grp2 input[type="search"], .form-grp2 button, .form-grp2 select {height: 28px}
	.form-grp2 button {height: 28px}
	.form-grp2 input[type="search"]+button {margin-left: -1px}

	.cal-ui {display: inline-block;}
	.cal-ui input[type="text"] {width: 5em;}
	.cal-ui span {padding: 0 0.4em;}
	.cal-ui img {vertical-align: middle; padding-left: 4px}
	.addr-form > div {margin-bottom: 5px}
	.addr-form > div:last-child {margin-bottom: 0}
	.addr-form input[type="text"], .addr-form button {height: 28px}
	.addr-form button {background: #8f9195; color: #fff; font-size: 12px;}
	.tell-ui input {width: 4em; height: 28px; text-align: center}
	.tell-ui span {padding: 0 0.3em;}
	.mail-ui span {float: left;}
	a.btn {display: inline-block; border: 1px solid #99a5b0; padding: 0 0.2em; background: #f9fcff; height: 24px; line-height: 24px; font-size: 12px; color: #444;    width: auto; height: auto;}
	mark.is1 {padding: 0 1em;}

.helper {position: relative; cursor: help;}
.helper .balloon {position: absolute;  top:1.5em; left: -40px; background: #fbfbfb; border: 1px solid #ccc; padding: 0.3em 0.5em; font-size: 12px; color: #585858; font-weight: normal; text-align: left; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); display: none;}
.helper:hover .balloon {display: block;}
.gubun-h {padding: 0 0.5em; font-size: 12px}
.gubun {padding: 0 1em; font-size: 12px}
.gubun-w {padding: 0 1.5em; font-size: 12px}
.link-txt {text-decoration: underline; color: #6797cd;}
.att-ment-bg {background: #eee; color: red; padding: 4px 4px 4px 10px; font-size: 13px}
.no-data {padding: 2em 1em; /*border-top: 1px solid #eee; border-bottom: 1px solid #eee;*/ font-size: 16px; color:#aaa; text-align: center}
.file-down {display: inline-block; font-size: 13px; line-height: 1; padding: 0.3em 0.5em; border: 1px solid #ddd; color: #555fae;}
.letter-s1 {letter-spacing: 1px}
.txt-box {display: inline-block; padding: 0.4em 1em; border: 1px solid #ccc; background: #f2f2f2;}

.over-dim-layer {position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 999}
/* 모달디폴트-absolute 창 */
.modal-page-default { position: absolute; top: 150px; left: 50%; background: #fff; width: 500px; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 1000; display: none; }
.modal-page-default .close { position: absolute; top: 5px; right: 5px; }
.modal-page-default.w700 { width: 700px; margin-left: -485px; top: 60px; }
.modal-page-default.w710 { width: 710px; margin-left: -355px; top: 60px; }
.modal-page-default.w1000 { width: 1000px; margin-left: -500px; top: 60px; }

/* 모달디폴트-fix 창 */
.modal-fix-default { position: fixed; top: 50%; left: 50%; background: #fff; width: 500px; margin-left: -250px; margin-top: -100px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 1000; display: none; }
.modal-fix-default .close { position: absolute; top: 5px; right: 5px; }
.modal-fix-default.w500 { width: 500px; margin-left: -250px; }
.modal-fix-default.w600 { width: 600px; margin-left: -300px; }
.modal-fix-default.w700 { width: 700px; margin-left: -350px; }
.modal-fix-page-attend {position: fixed; width:600px; left:50%; top:0; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 1000; display: none; }