@charset "utf-8";
/* Webright BDH 180718 */
/* @import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css"); */

@import url('https://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css');
/*
NotoSansKR-Thin 100
NotoSansKR-Light 200
NotoSansKR-DemiLight 300
NotoSansKR-Regular 400
NotoSansKR-Medium 600
NotoSansKR-Bold 700
NotoSansKR-Black 900
*/

*{margin:0;padding:0;}
html,body{ width:100%; height:100%; border:0px;  }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0;list-style:none;letter-spacing: -1px;}
body{font-family: 'NotoSansKR', sans-serif;font-weight: 400;font-size:16px;line-height:1.5;color: #232323; }
img{border:0;vertical-align:top;max-width: 100%;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
a {text-decoration: none;}
table {border-collapse: collapse;}
.fwb {font-weight: 700;}
#backtotop {background: #000 url("../img/sprite.png") 10px -55px no-repeat; border-radius: 3px 3px 0 0;bottom: 0; height: 40px;position: fixed;right: 0;margin-right: 10px;width: 50px; opacity: 0.3;transition: 0.3s;text-indent:-9999px;display:none;}
#backtotop:hover {background-color: #049391;opacity: 1;}
body{text-align:center;/* background:#fcfae1; */padding:0;margin:0;box-sizing: border-box;}
#wrap{width: 760px;background:#fff;margin:0 auto;text-align:left;position:relative;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
#header{position: relative;/* border-left: 1px solid #ccc; *//* border-right: 1px solid #ccc; */}
#nav{margin: 13px 0 0 24px;}
#nav ul{/* float:right; */}
#nav ul li{float:left;margin-left:6px;}
#nav ul li:last-child {}
#nav ul li:last-child a {width: 114px;}
#nav ul li a{text-indent:-9999px;width: 111.25px;height:44px;display:block;text-decoration:none;}
#nav ul li a#m1{background:url(../img/m_01.png) 0 0 no-repeat;}
#nav ul li a#m2{background:url(../img/m_02.png) 0 0 no-repeat;}
#nav ul li a#m3{background:url(../img/m_03.png) 0 0 no-repeat;}
#nav ul li a#m4{background:url(../img/m_04.png) 0 0 no-repeat;}
#nav ul li a#m5{background:url(../img/m_05.png) 0 0 no-repeat;}
#nav ul li a#m6{background:url(../img/m_06.png) 0 0 no-repeat;}
#nav ul li a#m7{background:url(../img/m_07.png) 0 0 no-repeat;}
#nav ul li a:hover, #nav ul li.on a{background-position: 0 -48px !important;}
#container{position:relative;overflow: hidden;clear: both;padding: 13px 30px;}
#container h1 {padding-top: 6px;border-top: 1px solid #000;}
#footer {/* border-left: 1px solid #ccc; *//* border-right: 1px solid #ccc; */}
.contents {padding: 37px 0 0;text-align: justify;}
.contents p {margin-bottom: 35px;line-height: 26px;}
.contents h2 {text-align: center;margin-bottom: 45px;}
.contents h3{margin-bottom: 30px;}
.img_C {margin: 30px 0;text-align: center;}
.img_L {margin: 0 20px 30px 0;text-align: center;float: left;}
.img_R {margin: 0 0 30px 20px;text-align: center;float: right;}
.clear {display: block;clear: both;}
.fz18 {font-size: 18px;}
.sns-util {position: relative;float: right;padding: 0 20px 15px 0;}
.sns-util strong {display: block;color: #1f1f1f;font-weight: 600;}
.sns-util ul {float: right;}
.sns-util ul li {margin-right: 10px;float: left;}
.sns-util ul li a {width: 30px;height: 30px;}
.sns-util ul .kakao img {width: 30px;}
.contents .blue {color: #0996d9;font-weight: 700;font-size: 16px;margin-bottom: 18px;}
.contents .black {font-weight: 700;padding-top: 10px;margin-bottom: 15px;}
.contents .viewbox {border: 1px solid #000;padding: 20px 15px;background: #e0f4ff;}
.contents .writer {font-size: 14px;display: block;text-align: right;margin-top: 25px;font-weight: 500;}
.link {font-weight: 600;text-decoration: underline;color: #049294;}


/* tablestyle */
.tablewrap {margin-bottom: 40px;}
.tac {text-align: center;}
.tablewrap h3 {text-align: center;font-size: 21px;margin-bottom: 10px;}
table.list1 {width: 100%;border: 1px solid #000;}
table.list1 th {text-align: center;padding: 5px;background: #f5abbf;border-right: 1px solid #000;}
table.list1 td {text-align: center;padding: 3px 0;border-top: 1px solid #000;border-right: 1px solid #000;}

blockquote {text-align: center;margin-bottom: 30px;margin-top: 50px;}
blockquote:before {content:'“';display: block;text-align: center;font-size: 28px;line-height: 17px;}
blockquote:after {content:'”';display: block;text-align: center;font-size: 28px;}

.small {font-size: 14px;}
p.caption {font-size: 14px;line-height: 1.3;margin-top: 5px;}

.tablewrap table {border: 2px solid #000;width: 100%;border-collapse: separate;border-spacing: 0;}
.tablewrap table th {text-align: center;background: #bfe699;}
.tablewrap table th, .tablewrap table td {padding: 5px 10px;border-right: 1px dotted #000;border-bottom: 1px dotted #000;}
.tablewrap table td {vertical-align: top;font-size: 14px;}
.tablewrap table .orange, .tablewrap table .blue, .tablewrap table .red {text-align: center;font-weight: bold;vertical-align: middle;}
.tablewrap table .orange {background: #ffd96d;}
.tablewrap table .blue {color: #232322;background: #9dc9ff;}
.tablewrap table .red {background: #fbc8b0;}
.tablewrap table .pink {    background: #fff9e9;}
.tablewrap table .gray {background: #eaf1f9;}
.tablewrap table .purple {    background: #fff4f8;}
.check {color: #ff2323;font-weight: bold;}
.tal {text-align: left !important;}
.fwn {font-weight: normal !important;}
.centertit {margin-bottom: 10px;}
.tac.fwb {vertical-align: middle !important;}