* { font-family: 'Applegothic_SD', 'Malgun Gothic', sans-serif; color: #666; font-size: 16px; }
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.home table {width:100%;vertical-align:top}
.home img {line-height:0;vertical-align:top;width:100%;height:auto;}
.home .newsletter {position: relative}
.home .newsletter a{display:inline-block;position: absolute;bottom: 0;z-index: 1;text-decoration: none;color:#666;font-size:14px;font-weight: bold;}
.home .newsletter.left a{left: 10px;}
.home .newsletter.right a{right: 10px;}
.container { padding: 60px 0; }
.container img { display: block; width: 80%; min-width: 320px; margin: 0 auto; height: auto; }
.container img.half { max-width: 49.5%; min-width: inherit; display: inline-block; height: auto; }
.container img.full { max-width: 100%; width: 100%; display: block; height: auto; }
.container .paragraph { overflow: hidden; margin: 1em 0; }
.container .paragraph .desc { float: none; clear: both; margin: .5em 0 1em; }
.container .paragraph p.half { float: left; width: 50%; }
.container .paragraph p.half.pd-l {padding-left:10px;box-sizing:border-box;}
.container .paragraph p.half.pd-r {padding-right:10px;box-sizing:border-box;}
.container .paragraph p.half img{ width: 100%; }
.container .paragraph p.half.same img{ height: 220px }
.container .paragraph p.col-3 { float: left; width: 33.33%; }
.container .paragraph p.col-3 img{ width: 100%; min-width: auto; height:100% }
.container .paragraph .ib{ display: inline-block; }
.container .paragraph .ib.half{ width: 50%;margin-left: -4px; vertical-align: middle; }
.container .paragraph .ib.col-3{ width: 33.3%;margin-left: -4px; vertical-align: top; padding: .5rem; box-sizing: border-box; }
.container .paragraph .portrait{ max-width: 50%; max-height: 300px; width:auto; min-width: 200px; border-radius: 5px; }
.container .paragraph .small-txt *{ font-size: .9rem; text-align: inherit; word-break: break-word; }
.header { padding: 1em 0 2em 0; }
.sub-text { width: 74%; margin: 0 auto 3em; }
.sub-text p { text-align: center; color: #dd006b; }
.alignCenter { text-align: center; overflow: hidden; }
.category { padding: 3px; background: rgb(255, 164, 38); background: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%); font-weight: bold; font-size: .9em; display: inline-block; }
.category .box { background: #fff; }
.category .box .text { padding: 5px 10px; background: -webkit-linear-gradient(0deg, #3ab5b0 0%, #3d99be 31%, #56317a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.content { line-height: 1.8; text-align: justify; word-break: break-all; letter-spacing: -1px; }
.content h2 { font-size: 24px; margin: 1em 0 .2em; line-height: 1.2; color: #333; }
.content h3 { font-size: 20px; margin: 2.8em 0 1.4em; line-height: 1.2; color: #56317a; display: block; padding-left: 14px; border-left: solid 3px #56317a; }
.content h3 br { display: none;}
.content h3.no-border { padding-left: 0; border-left: none; }
.content h3 .tit_small { color:#006eb4; }
.content h4 { font-size: 18px; margin: 1.6em 0 .6em; line-height: 1.2; color: #555; }
.content h4.border { font-size: 18px; margin: 1.6em 0 1.6em; line-height: 1.2; color: #555; padding-left: 14px; border-left: solid 2px #555; }
.content h5 { font-size: 16px; margin: .4em 0 .4em; line-height: 1.2; color: #555; }
.content .sub-title { font-size: 18px; color: #555; }
.content p { margin: 1em 0; }
.content p.mar-0{margin: 0;}
.content p small { font-size: .8em }
.content .author { text-align: right; font-weight: bold; }
.content .note { position: relative; padding: 1.5em 1.8em; background: #f6f6f6; border: solid 1px #ccc; border-radius: 3px }
.content .note ul { margin-bottom: 0; }
.content .note h4 { margin-top: 0; }
.content .note small { display: block; color: #dd006b; font-size: .9em; font-weight: bold; margin-bottom: 1em}
/* .content .note .note-list {padding:0; list-style: none;}
.content .note .note-list li{position: relative; padding-left:1em;}
.content .note .note-list li::before{position: absolute; top:0; left:0; content: '-';} */
.content .note .note_notit {margin-top:0;}
.content ul { padding-left: 1em; font-size: 14px; }
.content .notice { word-break: break-word; text-align: left; padding: 0 1em; font-size: .9em; color: #de2367; }
.content span.notice { word-break: break-word; text-align: left; padding: 0; font-size: .9em; font-weight: bold; color: #de2367; }
.content .link { text-align: right; }
.content .link a:before { content: '더 보기 _ '; color: #333; font-weight: normal; }
.content .link a { display: inline-block; text-align: right; color: #0174bc; font-weight: bold; }
.content .link a:hover { text-decoration: underline; color: #333; }
.content sup { color: #888; font-size: .8em; }
.content a { text-decoration: none; }
.content .desc { display: block; text-align: center; color: #888; font-size: 14px; margin: .6em 0; }
.content .copyright_wrap { position: relative; display: block; }
.content .copyright_wrap.vertical { max-width: 60%; margin:0 auto; }
.content .copyright_wrap.vertical img{ width: 100%; }
.content .copyright_wrap .copyright { display: block; text-align: center; color: #888; font-size: 14px; margin: .6em 0; color: rgba(255, 255, 255, 0.8); position: absolute; right: 16px; font-size: 12px; bottom: 0;}
.content .copyright_wrap .copyright.bk { color: rgba(0, 0, 0, 0.8);}
.content .copyright_wrap .copyright.left { right: auto; left: 16px;}
.content table { width: 100%; margin: 1em 0 2em; border-bottom: solid 1px #ccc; }
.content table caption { padding: 1em; font-weight: bold; color: #333; }
.content table caption.right { text-align: right; font-size: .9em; font-weight: normal }
.content table thead tr:first-child th { border-top: solid 2px #dd006b; padding: 10px; }
.content table thead tr th { border-top: solid 1px #dd006b; border-bottom: solid 1px #dd006b; color: #dd006b; padding: 10px; background-color: #f7e2ec; }
.content table tbody tr th { border-top: solid 1px #ccc; color: #dd006b; padding: 10px; background-color: #f7e2ec; }
.content table tbody tr:first-child th { border-top: none; }
.content table .th { background-color: #f7e2ec; letter-spacing: -1px; }
.content table tr .th:first-child { border-left: none }
.content table thead tr th:last-child { border-right: none; }
.content table thead tr strong { color: #333; }
.content table td { border-top: solid 1px #ccc; padding: 10px; text-align: center; font-size: 14px;}
.content table td.thumb img { min-width: inherit; width: 100%; max-width: 220px; height: auto; }
.content table td.left { text-align: left }
.content table td.right { text-align: right }
.content table td .list { display: block; margin:5px 0; overflow: hidden; }
.content table td .list strong{ float: left; width: 25%; display: block;	}
.content table td .list em{ float: left; width: 75%; display: block; font-style: normal }
.content table tbody tr:first-child td { border-top: none; }
.btns { margin-top: 1em; padding: 2em 0; }
.btn { display: inline-block; padding: .8em 2em; font-weight: bold; color: #0b3ebc; border: solid 2px #0b3ebc; border-radius: 3px; text-decoration: none; webkit-transition: background-color .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; transition: background .2s ease-out; }
.btn:hover { color: #fff; background: #0b3ebc; }
.img-box{margin-bottom:10px;}
.img-box img {width:100%;}

@media screen and (max-width:640px) {
	.table-responsive{max-width:90vw;overflow-x: auto;box-sizing:content-box;margin:0 auto;}
	.table-responsive > table{width:auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;margin:0 0 .5em;}
	.responsive-table thead { display: none; }
	.responsive-table tr { display: contents; }
	.responsive-table td { display: inline-block; }
	.responsive-table td { width: 24%; box-sizing: border-box; }
	.content .responsive-table table td { border-top: solid 1px #ccc; }
	.content .responsive-table table tbody tr:first-child td { border-top: solid 1px #ccc; }
	.container { padding: 60px 15px; }
	.container img.half { max-width: 90%; width: 100%; min-width: inherit; display: block; height: auto; }
	.container img.full { max-width: 100%; width: 100%; box-sizing: border-box; display: block; height: auto; }
	.container .paragraph { overflow: hidden; }
	.container .paragraph .half, .container .paragraph p.col-3 { float: none; box-sizing: border-box; width: 100%; padding: 0; }
	.container .paragraph .quater { float: left; box-sizing: border-box; width: 50%; padding: 5px; }
	.container .paragraph .ib .portrait{ max-width:80%; width:auto; height: auto; }
	.container .paragraph .ib.half{ width: 100%;margin-left: 0px; margin-top:1em; vertical-align: middle; }
	.container .paragraph .ib.col-3{ width: 100%;margin-left: 0px; margin-top:1em; vertical-align: top; padding: 0rem; box-sizing: border-box; }
	.container .paragraph p.col-3 img {height: auto;}
	.container .paragraph .half.pd-l {padding-left:0;}
	.container .paragraph .half.pd-r {padding-right:0;}
	.container .paragraph .half.same img{ height: auto }
	.content {width:auto !important;}
	.content .sub-text { width: 95%; margin: 0 auto 3em; }
	.content .sub-text p { text-align: center; color: #911f00; }
	.content table td .list strong, .content table td .list em{ font-size: .8em;width: 35%; }
	.content table td .list em{ width: 65%;}
	.content table thead.sm tr th, .content table tbody.sm tr td {padding:4px; font-size: .9rem; word-break: break-all}
	.content .table-wrap {width: calc(100vw - 30px); display: block; white-space:nowrap; overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.content .table-wrap table {min-width: 640px; }
}
@media screen and (max-width:450px) {
	.content h3 br { display: block;}
	.content p { word-break: break-word; }
	.content li { word-break: break-word; }
	.content .sub-text { width: 95%; margin: 0 auto 3em; }
	.content .sub-text p { text-align: center; color: #911f00; }
	.container img { min-width: inherit; width: 100%; }
	.content h2 { font-size: 20px; margin: 1em 0 .2em; line-height: 1.2; color: #333; }
	.content h3 { font-size: 18px; margin: 2.8em 0 1.4em; line-height: 1.2; color: #3ab5b0; display: block; padding-left: 14px; border-left: solid 3px #3ab5b0;  word-break: break-word;}
	.content h4 { font-size: 16px; margin: 1.6em 0 .6em; line-height: 1.2; color: #555; }
	.content .sub-title { font-size: 16px; color: #555; }
	.content .link a { width: 80%; word-break: keep-all; }
}