@charset "euc-kr";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:300,400,500,700,900|Roboto:400,500,700');
/* font-family: 'Roboto', sans-serif; font-family: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; */
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none; color:#000;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{max-width:800px; margin:0 auto !important;}


/* top */
.top{position:fixed; top:0; left:0; z-index:9999; width:100%; height:60px; background:#fff;}
.top .menubtn{position:relative; float:right; width:58px; margin-top:5px;}
.top .menubtn ul{position:absolute; top:0; left:0; width:58px; height:50px; padding:10px 16px;}
.top .menubtn ul li{height:3px; margin:6px 0; background:#000; transition:all 0.5s; transform-origin: left center;}
.top .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top .menubtn.on ul .bar_m{width:0;}
.top .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{margin-top:12px; padding-left:20px;}
.top .logo img{width:180px;}


/* sidemenu */
.menubox{position:fixed; top:0; right:-100%; z-index:9998; width:100%; height:100%; padding-top:60px; transition:all 0.3s; background:#000; overflow:auto;}
.menubox.on{right:0;}
.sidemenu_head{padding:20px; background:#000;}
.sidemenu_head p:first-child{font-size:30px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sidemenu_head p:last-child{margin-top:10px; font-size:15px; font-weight:400; color:#fff;}
.sidemenu_body .sidemenu p{position:relative; padding:20px; font-size:16px; font-weight:400; color:#fff; border-bottom:1px solid #444;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:24px; right:15px; width:14px; height:14px; background:url('../img/m_arrow.png') no-repeat center;  transition:all 0.3s;}
.sidemenu_body .sidemenu p.open .arrow{transform:rotate(180deg);}
.sidemenu_body .sidemenu ul{display:none;}
.sidemenu_body .sidemenu ul li a{display:block; padding:15px 35px; font-size:13px; font-weight:400; color:#ddd; border-bottom:1px solid #444; background:#222;}
.sidemenu_foot{padding:30px 0; text-align:center; border-bottom:1px solid #ddd;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#fff;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) span{font-size:26px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sidemenu_foot p:nth-of-type(2) img{width:22px; vertical-align:text-bottom;}
.sidemenu_foot p:nth-of-type(3){font-size:13px; font-weight:300; color:#565656;}


/* section all */
.section>p{text-align:center;}
.section>p:nth-of-type(1){margin:20px 0; font-size:24px; font-weight:700; color:#c60;}
.section>p:nth-of-type(2){font-size:16px; font-weight:400; color:#938070; line-height:24px;}


/* section style */
.section1{padding:20px 5px 0;}
.section1 .sbox .ssbox .box{display:block; float:left; width:32%; min-height:240px; margin-right:2%; padding-bottom:20px; text-align:center; background:#f9f9f9;}
.section1 .sbox .ssbox .box3{margin-right:0;}
.section1 .sbox .ssbox .box>img,
.section1 .sbox .ssbox .box>a img{width:100%;}
.section1 .sbox .ssbox .box p img{width:100px;}
.section1 .sbox .ssbox .box p:nth-of-type(1){margin:10px 0; font-size:14px; font-weight:700; color:#000;}
.section1 .sbox .ssbox .box p:nth-of-type(2){margin-top:5px; font-size:12px; font-weight:400; color:#6f6f6f; line-height:18px;}
.section1 .sbox .ssbox .box .line{width:30px; height:2px; margin:0 auto; background:#3677a1;}
.section1 .sbox .ssbox .box3 p:nth-of-type(2){font-size:12px; color:#000; line-height:24px;}
.section1 .sbox .ssbox .box3 p:nth-of-type(2) a{font-size:14px; color:#ff4800; letter-spacing:-1px;}

.section2{padding:50px 5px 0;}
.section2 .sbox .ssbox2{margin-top:5px;}
.section2 .sbox .ssbox .box{float:left; width:49.5%; height:190px; padding:20px 5px; border:1px solid #ddd;}
.section2 .sbox .ssbox .box1{margin-right:1%;}
.section2 .sbox .ssbox .box>p{padding:0 5px 10px 0; font-size:16px; font-weight:700; color:#000; border-bottom:1px solid #333;}
.section2 .sbox .ssbox .box>p a{display:block; float:right; font-size:20px; font-weight:700; color:#000;}
.section2 .sbox .ssbox .box .board a{display:block; padding-top:10px; font-size:12px; font-weight:400; color:#666; transition:all 0.5s;}
.section2 .sbox .ssbox .box .board a:hover{color:#f60;}

.section3{padding:50px 5px;}
.section3 .sbox .line{width:40px; height:2px; margin: auto; background:#000;}
.section3 .sbox>p{margin:10px 0 20px; font-size:20px; font-weight:700; color:#000; text-align:center;}
.section3 .sbox .board a{font-size:14px; font-weight:700; color:#333; transition:all 0.5s;}
.section3 .sbox .board a:hover{color:#f60;}
.section3 .sbox .more{text-align:center;}
.section3 .sbox .more a{display:inline-block; padding:10px 20px; font-size:14px; font-weight:700; color:#000; border:1px solid #ddd; transition:all 0.5s;}
.section3 .sbox .more a:hover{color:#f60;}


/* footer */
.footer{padding:10px 5px 20px; background:#222; margin-bottom: 60px;}
.footer ul li{float:left; width:25%;}
.footer ul li a{display:block; padding:10px 0; font-size:14px; font-weight:700; color:#676767; text-align:center; border:1px solid #676767; transition:all 0.5s;}
.footer ul li:nth-child(2) a{border-left:none; border-right:none;}
.footer ul li:nth-child(3) a{border-right:none;}
.footer ul li:nth-child(4) a{color:#fff000;}
.footer ul li a:hover{color:#fff;}
.footer .flogo{margin:20px 0; text-align:center;}
.footer .flogo img{height:40px;}
.footer p{text-align:center;}
.footer p:nth-of-type(1){line-height:20px;}
.footer p:nth-of-type(1) span{margin-right:10px; font-size:12px; font-weight:400; color:#666;}
.footer p:nth-of-type(2){margin-top:20px; font-size:12px; font-weight:700; color:#444;}

.copynav {position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%;}
.copynav a img {width: 100%;}

/* topbutton */
#topbutton{display:none; position:fixed; right:20px; bottom:30px; z-index:9997; width:50px; height:50px; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:50px; border-radius:50%; background:#000; opacity:0.7; cursor:pointer;}
#topbutton:hover{opacity:1;}


/* subtop */
.subtop{height:150px; margin-top:60px; padding-top:40px; text-align:center;}
.subtop p:nth-of-type(1){font-size:20px; font-weight:700; color:#fff;}
.subtop p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#fff; line-height:20px;}
.subtop01{background:url('../img/subtop01.jpg') no-repeat center;}
.subtop02{background:url('../img/subtop02.jpg') no-repeat center;}
.subtop03{background:url('../img/subtop03.jpg') no-repeat center;}
.subtop04{background:url('../img/subtop04.jpg') no-repeat center;}
.subtop05{background:url('../img/subtop05.jpg') no-repeat center;}
.subtop06{background:url('../img/subtop06.jpg') no-repeat center;}
.subtop07{background:url('../img/subtop07.jpg') no-repeat center;}
.subtop08{background:url('../img/subtop08.jpg') no-repeat center;}
.subtop13{background:url('../img/subtop13.jpg') no-repeat center;}


/* sub all */
.sub{padding:50px 5px;}
.sub .contents .title{position:relative; padding-bottom:30px; font-size:20px; font-weight:700; color:#000;}
.sub .contents .title:before{content:""; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#09f;}
.sub .contents .title2{margin-top:20px; font-size:30px; font-weight:800; color:#000;}
.sub .contents .title2 strong{color:#0e4ba4;}
.sub .contents .sbox,
.sub .contents .board{margin-top:50px;}
.sub .contents .round{width:200px; height:200px; margin:100px auto 0; font-size:24px; font-weight:500; color:#eee; text-align:center; line-height:200px; border:1px solid #ddd; border-radius:50%;}


/* sub style */
.subbasic .contents .sbox .basic1{border-collapse:collapse;}
.subbasic .contents .sbox .basic1 th,
.subbasic .contents .sbox .basic1 td{padding:10px 5px; font-size:12px; font-weight:400; color:#555; line-height:20px; border:1px solid #ddd;}
.subbasic .contents .sbox .basic1 td strong{color:#0c4da2;}
.subbasic .contents .sbox .basic1 th{width:20%; font-weight:700; color:#555; background:#f5f5f5;}
.subbasic .contents .sbox .basic1 tr:first-child th{padding-left:10px; font-size:16px; font-weight:700; color:#fff; text-align:left; background:#333;}
.subbasic .contents .sbox .basic1 td div{margin-top:10px; text-align:center;}
.subbasic .contents .sbox .basic1 td div p{font-size:10px; font-weight:400; color:#555;}

.subbasic .contents .sbox .basic2{margin:30px 0; border-collapse:collapse;}
.subbasic .contents .sbox .basic2 th,
.subbasic .contents .sbox .basic2 td{padding:10px 5px; font-size:12px; font-weight:400; color:#555; line-height:20px; border:1px solid #ddd;}
.subbasic .contents .sbox .basic2 th{font-weight:700; color:#555; background:#f5f5f5;}
.subbasic .contents .sbox .basic2 tr:first-child th{padding-left:10px; font-size:16px; font-weight:700; color:#fff; text-align:left; background:#333;}
.subbasic .contents .sbox .basic2 tr:nth-child(2) th{background:#f1f1f1;}
.subbasic .contents .sbox .basic2 tr:nth-child(2) th:first-child{width:20%;}

.subbasic .contents .sbox .ssbox img{width:100%;}

.subbasic2 .contents .sbox .basic1{border-collapse:collapse;}
.subbasic2 .contents .sbox{margin-bottom:50px;}
.subbasic2 .contents .sbox:last-child{margin-bottom:0;}
.subbasic2 .contents .sbox>p{font-size:16px; font-weight:700; color:#333;}
.subbasic2 .contents .sbox .ssbox{margin-top:10px;}
.subbasic2 .contents .sbox .ssbox>p{font-size:14px; color:#333; line-height:24px;}
.subbasic2 .contents .sbox .ssbox .basic{margin-top:10px; border-collapse:collapse;}
.subbasic2 .contents .sbox .ssbox .basic th,
.subbasic2 .contents .sbox .ssbox .basic td{padding:10px 5px; font-size:12px; color:#333; text-align:center; line-height:20px; border:1px solid #ddd;}
.subbasic2 .contents .sbox .ssbox .basic th{padding:10px 0; font-size:14px; color:#fff; background:#0c4da2;}
.subbasic2 .contents .sbox .ssbox .basic th:first-child{width:100px;}
.subbasic2 .contents .sbox .ssbox .box{margin-bottom:20px;}
.subbasic2 .contents .sbox .ssbox .box:last-child{margin-bottom:0;}
.subbasic2 .contents .sbox .ssbox .box p{font-size:14px; color:#333; line-height:24px;}
.subbasic2 .contents .sbox .ssbox .box div{margin-top:10px; padding-left:15px; font-size:14px; color:#333; line-height:24px;}

.sub02_01 .contents .sbox2 .ssbox .basic td{text-align:left;}
.sub02_01 .contents .sbox3 .ssbox .box:nth-child(1) tr:nth-child(2) th{width:15%;}
.sub02_01 .contents .sbox3 .ssbox .box:nth-child(3) .basic tr:nth-child(3) th{width:auto;}
.sub02_01 .contents .sbox3 .ssbox .box:nth-child(4) .basic td{text-align:left;}

.sub03_01 .contents .sbox .ssbox .box .basic td{text-align:left;}

.sub04_01 .contents .sbox .ssbox .box .basic td{text-align:left;}

.sub07_01 .contents .sbox .ssbox .box .basic td{text-align:left;}
.sub07_01 .contents .sbox .ssbox .box .sbasic{margin:0 0 10px 0;}
.sub07_01 .contents .sbox .ssbox .box .sbasic td{width:33.3%; text-align:center;}

.sub08_01 .contents .sbox .ssbox .box .basic td{text-align:left;}

.sub13_01 .contents .sbox .ssbox{margin-top:50px;}
.sub13_01 .contents .sbox .ssbox>p{font-weight:700;}
.sub13_01 .contents .sbox .ssbox:last-child .basic:last-child{margin-top:30px;}
.sub13_01 .contents .sbox .ssbox:last-child .basic:nth-child(2) th{width:50%;}

.sub01_01 .contents .sbox p{margin-bottom:20px; font-size:14px; font-weight:400; color:#555; line-height:24px;}
.sub01_01 .contents .sbox p:nth-of-type(1){font-size:16px; font-weight:700; color:#333;}
.sub01_01 .contents .sbox p:nth-of-type(6){font-size:16px; font-weight:700; color:#333; text-align:right;}
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap');
.sub01_01 .contents .sbox p:nth-of-type(6) strong{font-size:40px; font-weight:400; color:#333; font-family: 'Nanum Pen Script', cursive;}

.sub01_02 .contents .sbox1{padding-bottom:30px; border-bottom:1px solid #ddd;}
.sub01_02 .contents .sbox1 .ssbox .box{margin-bottom:30px; padding-top:30px; border-top:1px solid #ddd;}
.sub01_02 .contents .sbox1 .ssbox .box:last-child{margin-bottom:0;}
.sub01_02 .contents .sbox1 .ssbox .box .line{width:40px; height:2px; background:#000;}
.sub01_02 .contents .sbox1 .ssbox .box p:nth-of-type(1){margin:20px 0; font-size:16px; font-weight:700; color:#000;}
.sub01_02 .contents .sbox1 .ssbox .box p:nth-of-type(2){font-size:14px; font-weight:400; color:#555;}
.sub01_02 .contents .sbox2 .ssbox{margin-bottom:30px; padding:20px 0; background:#f5f5f5;}
.sub01_02 .contents .sbox2 .ssbox:last-child{margin-bottom:0;}
.sub01_02 .contents .sbox2 .ssbox .box{float:left; width:50%;}
.sub01_02 .contents .sbox2 .ssbox .box1{position:relative; width:150px; height:150px; margin-right:10px; border-radius:50%; background:#333; overflow:hidden;}
.sub01_02 .contents .sbox2 .ssbox .box1 p{position:absolute; bottom:0; left:0; width:100%; padding:10px 0; font-size:12px; font-weight:400; color:#fff; text-align:center; line-height:20px; background:rgba(0,0,0, 0.7);}
.sub01_02 .contents .sbox2 .ssbox .box1 p strong{font-size:14px;}
.sub01_02 .contents .sbox2 .ssbox .box2{padding-top:10px; text-align:center;}
.sub01_02 .contents .sbox2 .ssbox .box2 p{font-size:14px; font-weight:400; color:#555; line-height:24px;}
.sub01_02 .contents .sbox2 .ssbox .box2 p span{display:inline-block; width:40px; height:40px; font-size:14px; font-weight:700; color:#000; line-height:40px; border:1px solid #ddd; border-radius:50%;}
.sub01_02 .contents .sbox2 .ssbox .box2 p strong{font-size:16px; color:#000;}
.sub01_02 .contents .sbox2 .ssbox .box2 p:nth-of-type(2){margin-top:10px;}
.sub01_02 .contents .sbox3{margin-top:50px;}
.sub01_02 .contents .sbox3 img{width:100%;}

.sub01_03 .contents .basic{margin-top:10px; border-collapse:collapse;}
.sub01_03 .contents .basic th,
.sub01_03 .contents .basic td{padding:10px; font-size:14px; font-weight:400; color:#000; line-height:20px; border:1px solid #ddd;}
.sub01_03 .contents .basic th{width:25%; font-weight:700; background:#f5f5f5;}
.sub01_03 .contents .basic td a{font-size:16px; font-weight:700; color:#06f;}

.sub01_04 .contents .sbox>p{font-size:18px; font-weight:700; color:#000;}
.sub01_04 .contents .sbox .ssbox{margin-top:10px; padding:10px; border:1px solid #ddd;}
.sub01_04 .contents .sbox .ssbox p{font-size:14px; font-weight:400; color:#555; line-height:24px;}
.sub01_04 .contents .sbox .ssbox p strong{color:#000;}
.sub01_04 .contents .sbox .ssbox div{margin-top:20px;}
.sub01_04 .contents .sbox .ssbox div img{width:100%;}
.sub01_04 .contents .sbox2{margin-top:50px;}

.sub10_01 .contents .sbox>p{font-size:18px; font-weight:700; color:#000;}
.sub10_01 .contents .sbox .ssbox{overflow:auto;}
.sub10_01 .contents .sbox .basic{min-width:600px; margin-top:10px; border-collapse:collapse;}
.sub10_01 .contents .sbox .basic th,
.sub10_01 .contents .sbox .basic td{padding:10px 5px; font-size:12px; font-weight:400; color:#000; line-height:18px; border:1px solid #ddd;}
.sub10_01 .contents .sbox .basic th{font-weight:700; background:#f5f5f5;}
.sub10_01 .contents .sbox .basic td a{font-size:16px; font-weight:700; color:#06f;}
.sub10_01 .contents .sbox .basic tr:first-child th{color:#2c4379; background:#ecf1f5;}

.sub12_01 .contents .sbox>p{text-align:center;}
.sub12_01 .contents .sbox>p:nth-of-type(1){font-size:16px; font-weight:700; color:#000;}
.sub12_01 .contents .sbox>p:nth-of-type(2){margin:20px 0; font-size:12px; font-weight:400; color:#555;}
.sub12_01 .contents .sbox>p:nth-of-type(3) a{font-size:20px; font-weight:700; color:#000; letter-spacing:-1px;}
.sub12_01 .contents .sbox .imgbox{margin-top:30px;}
.sub12_01 .contents .sbox .imgbox img{width:100%;}

.sub01_01photo li {width: 49%; float: left;}
.sub01_01photo li:nth-child(odd) {margin-right: 2%;}
.sub01_01photo li img {width: 100%;}