@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK:100,300,400,500,700,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans+SC:100,300,400,500,700,900|Noto+Sans+TC:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

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,textarea,button{margin:0;padding:0;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
a:active {text-decoration:none;}
img{border:0px;}
li{list-style: none;}
table{border-collapse:collapse;width:100%;}
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
caption,legend,caption *,legend *{position:absolute; left:-10000px; line-height:0; font-size:0;}
fieldset{border:solid 0px black;padding:0;}
button{border:none; background:none; cursor:pointer; outline:none;}
div {box-sizing:border-box !impotant;}

body,html {overflow-x:hidden;}
body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-family: 'Noto Sans KR', sans-serif, 'Noto Serif KR', serif;; font-size:15px;  color:#000; font-weight:400; outline:0;}

body {overflow:hidden;}

#container {width:100%; max-width:1024px; margin:0 auto; box-sizing:border-box;}

.send-box {width:100%; height:100vh; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:100% auto; position:relative; margin-top:10px;}
.send-box:nth-child(1) {margin-top:0;}
.send-box .send-contents {width:95%; margin:0 auto; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.send-box .send-contents .contents-box .main-txt {width:100%; box-sizing:border-box; padding:50px 0; border-bottom:1px solid rgba(255,255,255,0.5); text-align:center; font-size:28px; line-height:40px; letter-spacing:-1px; color:#fff; word-wrap:break-word; word-break:keep-all;}
.send-box .send-contents .contents-box .contents-detail {width:100%; box-sizing:border-box; padding:50px 0;}
.send-box .send-contents .contents-box .contents-detail ul {width:95%; max-width:500px; margin:0 auto;}
.send-box .send-contents .contents-box .contents-detail ul li {font-size:0; margin-top:10px;}
.send-box .send-contents .contents-box .contents-detail ul li:nth-child(1) {margin-top:0;}
.send-box .send-contents .contents-box .contents-detail ul li > * {display:inline-block; vertical-align:top; font-size:23px; line-height:32px; letter-spacing:-0.5px; color:#fff;}
.send-box .send-contents .contents-box .contents-detail ul li .subject {width:120px; font-weight:600;}
.send-box .send-contents .contents-box .contents-detail ul li .txt {width:calc(100% - 120px); word-wrap:break-word; word-break:keep-all;}
.send-box .send-contents .contents-box .contents-detail ul li .txt.w-txt {width:100% !important; display:block; margin-top:10px; box-sizing:border-box; padding:10px 0; border-top:1px dashed rgba(255,255,255,0.3);}
.send-box .send-contents .contents-box .contents-detail ul li .txt dl dd {margin-top:5px; width:100%;}
.send-box .send-contents .contents-box .contents-detail ul li .txt dl dd:nth-child(1) {margin-top:0;}
.send-box .send-contents .contents-box .contents-detail ul li .txt dl dd > * {display:inline-block; vertical-align:top;}
.send-box .send-contents .contents-box .contents-txt-box {width:100%; min-height:200px; text-align:center; font-size:24px; line-height:34px; letter-spacing:-1px; color:#000; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; padding:50px 0; position:relative; padding:0 10px;}
.send-box .send-contents .contents-box .contents-txt-box:before {content:""; width:85%; height:1px; border-top:1px solid rgba(0,0,0,0.5); position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.send-box .send-contents .contents-box .contents-addr {width:100%; margin:0 auto; padding:50px 0; border-bottom:1px solid rgba(255,255,255,0.5);}
.send-box .send-contents .contents-box .contents-addr > * {width:95%; max-width:500px; margin:0 auto;}
.send-box .send-contents .contents-box .contents-addr .map-box {margin-bottom:20px;}
.send-box .send-contents .contents-box .contents-addr .map-box img {width:100%; display:block; margin:0 auto;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul {width:100%;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul li {width:100%; font-size:0; margin-top:10px;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul li:nth-child(1) {margin-top:0;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul li > * {display:inline-block; vertical-align:top; font-size:23px; line-height:32px; letter-spacing:-0.5px; color:#fff;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .subject {width:120px; font-weight:600;}
.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .txt {width:calc(100% - 120px); word-wrap:break-word; word-break:keep-all;}
.send-box .send-contents .contents-box .contents-account-number {width:100%; text-align:center; padding:50px 0; border:solid rgba(255,255,255,0.5); border-width:1px 0 1px 0; font-size:23px; line-height:32px; letter-spacing:-0.5px; color:#fff;}
.send-box .send-contents .contents-box .contents-account-number p {font-weight:600; margin-bottom:10px;}
.send-box .send-contents .contents-box .contents-account-number ul {width:95%; max-width:500px; margin:0 auto; font-size:0; text-align:center;}
.send-box .send-contents .contents-box .contents-account-number ul li {font-size:23px; line-height:1; color:#fff; padding:0 10px; position:relative; display:inline-block; vertical-align:middle;}
.send-box .send-contents .contents-box .contents-account-number ul li:before {content:""; width:1px; height:80%; border-left:1px solid #fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.send-box .send-contents .contents-box .contents-account-number ul li:nth-child(1):before {display:none;}


.send-box .send-contents .footer {width:100%; box-sizing:border-box; padding:20px 0 50px 0; text-align:center;}
.send-box .send-contents .footer h1 {margin-bottom:10px;}
.send-box .send-contents .footer h1 img {display:block; margin:0 auto;}
.send-box .send-contents .footer .txt {font-size:15px; color:rgba(255,255,255,0.8);}
.send-box .send-contents .footer-b .txt {color:rgba(0,0,0,0.3);}
.send-box.notice-02 .send-contents {width:100%; position:relative; left:auto; top:auto; transform:none;}

.notice-type-0101 {background-color:#222;}
.notice-type-0101 .top-title {color:#fff; width:100%; box-sizing:border-box; padding-top:10%; text-align:center;}
.notice-type-0101 .top-title h1 {font-family: 'Noto Serif KR', serif; font-size:50px; font-weight:500; color:#fff; margin-bottom:10px;}
.notice-type-0101 .top-title h2 {font-family: 'Noto Serif KR', serif; font-size:30px; font-weight:500; letter-spacing:-1px; color:#fff;}

.notice-type-0102 {background-color:#222;}
.notice-type-0102 .top-title {width:100%; height:0; padding-top:calc(150 / 291 * 100%);  font-size:0;}

.notice-type-0103 {background-color:#222;}
.notice-type-0103 .top-title {width:100%; height:0; padding-top:calc(145 / 291 * 100%);  font-size:0;}

.notice-type-0104  {background-color:#222222;}
.notice-type-0104 .top-title {width:100%; height:0; padding-top:calc(140 / 291 * 100%);  font-size:0; position:relative;}
.notice-type-0104 .top-title h1 {font-family: 'Noto Serif KR', serif; font-size:50px; font-weight:500; line-height:1; color:#fff; position:absolute; left:0; bottom:0; width:100%; text-align:center;}

.notice-type-0105 {background-color:#222222;}
.notice-type-0105 .top-title  {width:100%; height:0; padding-top:calc(145 / 291 * 100%);  font-size:0;}

.notice-type-0106 {background-color:#222222;}
.notice-type-0106 .top-title {width:100%; height:0; padding-top:calc(150 / 291 * 100%);  font-size:0;}

.notice-type-0201 {background-color:#f5f5f5;}
.notice-type-0201 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}

.notice-type-0202 {background-color:#f5f5f5;}
.notice-type-0202 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}

.notice-type-0203 {background-color:#f5f5f5;}
.notice-type-0203 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}

.notice-type-0204 {background-color:#f5f5f5;}
.notice-type-0204 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}

.notice-type-0205 {background-color:#f5f5f5;}
.notice-type-0205 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}

.notice-type-0206 {background-color:#f5f5f5;}
.notice-type-0206 .top-title {width:100%; height:0; padding-top:calc(320 / 291 * 100%);  font-size:0;}


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

	.send-box .send-contents .contents-box .main-txt {padding:40px 0; font-size:23px; line-height:35px; letter-spacing:-0.5px;}
	.send-box .send-contents .contents-box .contents-detail {padding:40px 0;}
	.send-box .send-contents .contents-box .contents-detail ul {max-width:450px;}
	.send-box .send-contents .contents-box .contents-detail ul li {margin-top:8px;}
	.send-box .send-contents .contents-box .contents-detail ul li > * {font-size:19px; line-height:25px; letter-spacing:0;}
	.send-box .send-contents .contents-box .contents-detail ul li .subject {width:90px;}
	.send-box .send-contents .contents-box .contents-detail ul li .txt {width:calc(100% - 90px);}
	.send-box .send-contents .contents-box .contents-txt-box {min-height:150px; font-size:18px; line-height:26px; padding:40px 0;}
	.send-box .send-contents .contents-box .contents-addr {padding:40px 0;}
	.send-box .send-contents .contents-box .contents-addr > * {max-width:450px;}
	.send-box .send-contents .contents-box .contents-addr .map-box {margin-bottom:15px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li {margin-top:8px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li > * {font-size:19px; line-height:25px; letter-spacing:0;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .subject {width:90px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .txt {width:calc(100% - 90px);}
	.send-box .send-contents .contents-box .contents-account-number {padding:40px 0; font-size:19px; line-height:25px; letter-spacing:0;}
	.send-box .send-contents .contents-box .contents-account-number p {margin-bottom:8px;}
	.send-box .send-contents .contents-box .contents-account-number ul li {font-size:19px; line-height:1}

	.send-box .send-contents .footer {padding:20px 0 40px 0;}

	.notice-type-0101 .top-title h1 {font-size:45px; margin-bottom:5px;}
	.notice-type-0101 .top-title h2 {font-size:27px;}

	.notice-type-0104 .top-title h1 {font-size:45px;}

}

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

	.send-box .send-contents .contents-box .main-txt {padding:25px 0; font-size:16px; line-height:24px;}
	.send-box .send-contents .contents-box .contents-detail {padding:25px 0;}
	.send-box .send-contents .contents-box .contents-detail ul li {margin-top:5px;}
	.send-box .send-contents .contents-box .contents-detail ul li > * {font-size:14px; line-height:19px;}
	.send-box .send-contents .contents-box .contents-detail ul li .subject {width:60px;}
	.send-box .send-contents .contents-box .contents-detail ul li .txt {width:calc(100% - 60px);}
	.send-box .send-contents .contents-box .contents-txt-box {min-height:100px; font-size:14px; line-height:19px; padding:25px 0;}

	.send-box .send-contents .contents-box .contents-addr {padding:25px 0;}
	.send-box .send-contents .contents-box .contents-addr .map-box {margin-bottom:10px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li {margin-top:5px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li > * {font-size:14px; line-height:19px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .subject {width:60px;}
	.send-box .send-contents .contents-box .contents-addr .addr-txt ul li .txt {width:calc(100% - 60px);}

	.send-box .send-contents .contents-box .contents-account-number {padding:25px 0; font-size:14px; line-height:19px;}
	.send-box .send-contents .contents-box .contents-account-number p {margin-bottom:5px;}
	.send-box .send-contents .contents-box .contents-account-number ul li {font-size:14px;}

	.send-box .send-contents .footer {padding:10px 0 20px 0;}
	.send-box .send-contents .footer h1 {margin-bottom:8px;}
	.send-box .send-contents .footer .txt {font-size:11px; line-height:16px;}

	.notice-type-0101 .top-title h1 {font-size:32px; margin-bottom:5px;}
	.notice-type-0101 .top-title h2 {font-size:20px;}

	.notice-type-0104 .top-title h1 {font-size:32px;}

}