@charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans', sans-serif;body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select { margin:0; padding:0; } 
img,fieldset { border:0; } 
img { vertical-align:top; } 
ul,ol,li,dl { list-style:none; margin:0; padding:0; } 
input,select { vertical-align:middle; margin:0; padding:0; } 
table { border-collapse:collapse; } 
table caption { display:none; } 
a { color:#333; text-decoration: none; } 

body {background-color:#eee;  font-family:'NotoSans', 'Arial', 'sans-serif', 'Helvetica', 'Gotham', 'Helvetica Neue'; line-height:1.5; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color: #acacac; scrollbar-shadow-color: #acacac; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #EDEDED; scrollbar-track-color: #F4F4F4; scrollbar-arrow-color:#f7f7f7; } 
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; display: grid; } 

sup{margin-bottom: -4px;}



.footer,.header,.section { display: block; } 
.footer { margin:0 auto; height:90px; } 

.container { margin:0 auto; width: 100%; } 


.top-lnk { height:103px; display:block; } 
.top-lnk ul { float:left; height:100%; overflow:hidden; } 
.top-lnk li { float:left; } 
.top-lnk li:last-child { margin-right:0; } 

.top-gnb { z-index:0; position:absolute; height:39px; margin-bottom:24px; } 
.top-gnb ul.mlist { height:100%; overflow:hidden; } 
.top-gnb .mlist li { float:left } 
.top-gnb .mlist li:last-child { margin-right:0; } 
.top-gnb .mlist li { float:left; color:#FFF; font-size:18px; padding:5px; } 

#top_frame { width:100%; height:230px; } 
#footer_frame { width:1100px; height:90px; margin: 0 auto; display: block;} 
.banner ul {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 40px;
    margin-bottom: 20px;
    border-radius: 8px;
	justify-content: space-between;
}
.banner  ul li {    padding-right:80px;  } 
.banner ul li:last-child {
    padding-right: 0;
}
section { margin:15px auto 20px auto; width: 1000px; display:block;  background-color:#fff;  padding:40px; border-radius:8px;  background-color:#fff; } 
section .Trends { float:left; } 
section .Trends ul { display: inline-block; } 
section .Trends ul li { margin-right: 20px; float: left; } 
section .Trends ul li:last-child { margin-right: 0; } 


section .president { width: 484px; float: left; } 
section .president .president-img { background: url(../img/president_bg.jpg) no-repeat; padding: 25px 0; } 
section .president .president-img li { text-align: center; } 
section .letter { width: 484px; float: right; } 
section .letter ul { display: inline-block; } 
section .letter ul li { float: left; margin-top: 5px; } 
section .letter .letter-img { background: url(../img/letter_bg.jpg) no-repeat; text-align: center; padding: 25px 0; } 
section .letter .letter-img li:first-child { margin-right: 60px; } 

section .mainnews { width: 100%;margin-top: 15px;} 
section .mainnews li{ float: left; margin-right: 42px;} 
section .mainnews li:last-child{ margin-right: 0;} 
section .mainnews2 {width: 100%; } 
section .mainnews2 li {float: left;} 
section .newsleft { float: left; margin: 0 auto; text-align: center;} 
section .newsleft li{margin-right: 24px;}
section .newsleft li:last-child{margin-right:0;}


section .features ul { display: inline-block; } 
section .features ul li { float: left; } 
section .features ul li:last-child { margin-right: 0; } 

section .s01 { width:580px; height:300px; float:left; margin-top:40px; } 
section .s01left { width:385px; height:138px; float:left; margin:5px; } 
section .s01left img { margin-bottom:20px; margin-top: 10px; } 
section .s01 li.bullet { list-style: disc; margin-bottom: 10px; margin-left: 20px; } 
section .s01 li.bullet a:hover { font-weight: 500; color:#013965; } 


section .bg { background: #dddddd; float: left; margin: 16px 0 10px 0; } 
section .s02 { width: 1000px; display:block; position: relative; margin:0 auto; } 
.s02 .maintitle { margin-left: 36px; margin-top: 10px; } 
section .trend { margin: 0 auto;float: left; } 
section .trend li {float: left;margin-right: 16px;} 
section .trend li:last-child {margin-right:0;} 
section .focus { position: relative; float:left; } 

section .vod { position: relative; float:right;} 


section .banner { float:left; height:51px; background-image:url(../img/bannerbg.jpg) x-repeat; margin-bottom:30px; } 
section .banner .img1 { width:117px; height:31px; margin:10px 45px 10px 45px; } 
section .banner .img2 { width:127px; height:31px; margin:10px 45px 10px 45px; } 
section .banner .img3 { width:76px; height:31px; margin:10px 45px 10px 45px; } 
section .banner .img4 { width:78px; height:31px; margin:10px 45px 10px 45px; } 
section .banner .img5 { width:102px; height:31px; margin:10px 45px 10px 45px; } 


.logodi-img { margin: 20px 0 0 0; } 


.s01 .maintitle,
.s02 .maintitle,
.trend .maintitle,
.features0919 .maintitle,
.letter .maintitle,
.president .maintitle,
.vod .maintitle { font-size:20px; color:#013965; align:center; line-height:35px; font-weight:500; margin-bottom: 8px; letter-spacing: -0.5px; } 
.maintextb { font-size:13px; color:#333; align:center; line-height:30px; font-weight:400; } 
.section01 { float:left; display:block; position: relative; margin: 0 auto; width: 1000px; padding: 0; z-index:999; } 
.section02 { float:left; display:block; position: relative; } 

.letter { width:256px; display:inline-block; float:left; } 

.maintitle span img.more { margin: 4px 0; float: right; } 

/*서브페이지*/

.contentBody { margin: 0 auto; text-align: center; } 
.contentBody.s_02 { margin-top: 56px; } 

.content h2 { padding-bottom:10px; margin-top:30px; margin-bottom:60px; font-size:24px; border-bottom:1px solid #9f8f8b } 
.content .tap { margin-top: -20px; margin-bottom: 50px; text-align: center; } 
.content .tap span { background: #ddd; border-radius: 4px; color: #000; padding: 8px 30px; font-size: 16px; } 
.content .tap span.action { background: #333; color: #fff } 


.basic_ul { margin:20px 0 20px 0; font-size:17px;color: #333333; text-align: justify;} 
.basic_ul h4 { margin-bottom: 50px; font-size: 24px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.5px; } 
.basic_ul h5 { padding-right:30px; margin-bottom:30px; font-size:16px; color:#666666; text-align: right; font-weight: normal; } 
.basic_ul img { margin:20px 0px 30px 0px; } 
.basic_ul .context { padding-left: 10px; padding-right: 10px; line-height: 28px; color: #333333; font-size: 16px; word-spacing: 1px; text-align: justify; } 
.basic_ul .none { background:none; } 
.basic_ul .context h3 { font-size: 20px; font-weight: 600; color:#A12348; margin-bottom: 10px; } 
.basic_ul .table-img { margin: 0; } 

/*원장님 인사말*/
.basic_ul02 { margin:0px auto; width: 100%; text-align: center; font-size: 17px; } 
.basic_ul02 div:after { display:block; content:''; clear:both } 
.basic_ul02 p { margin:0px 10px; color:#333; text-align: justify; font-weight: 400;font-size: 18px; } 
.basic_ul02 h4 { padding-top:30px; margin-bottom:30px; font-size:20px; font-weight:bold; color:#000; text-align:center; } 
.basic_ul02 img { margin:0 auto 30px auto; } 
.basic_ul02 li { margin-left:0; padding:0px; color:#333; font-size:15px; line-height:1.2em } 

/*features & alumni*/
.content_leftimg { margin:10px 40px 10px 0px; display:inline-block; float:left; } 
.content_leftimg img { margin:0px 0px 0px 0px;border-radius: 8px; } 
.content_rightimg { margin:10px 0px 10px 40px; display:inline-block; float:right; } 
.content_rightimg img { margin:0px 0px 10px 0px;border-radius: 8px; } 
.content_fullimg { margin:20px auto; width:1000px; display:inline-block; } 
.content_fullimg img { margin:0px 0px 0px 0px;border-radius: 8px; } 

.content_leftimg2 { margin:10px 40px 10px 0px; display:inline-block; float:left; } 
.content_leftimg2 img { margin:0px 0px 0px 0px; } 
.content_rightimg2 { margin:10px 0px 10px 40px; display:inline-block; float:right; } 
.content_rightimg2 img { margin:0px 0px 0px 0px; } 

.content_leftimg3 { margin:10px 40px 10px 0px; display:inline-block; float:left; } 
.content_leftimg3 img { margin:0px 0px 0px 0px; } 


/*trend*/
.trend_leftimg { margin:10px 0px 10px 0px; display:inline-block; float:left; } 
.trend_leftimg img { margin:0px 0px 0px 0px; border-radius:8px; } 
.trend_rightimg { margin:10px 0px 10px 40px; display:inline-block; float:right; } 
.trend_rightimg img { margin:0px 0px 0px 0px; } 
.trend_fullimg { margin:20px auto; width:100%; display:inline-block; text-align: center; } 
.trend_fullimg img { margin:0px 0px 0px 0px; } 

/*focus*/
.news-img { margin:20px auto 30px auto; width:100%; display:block; text-align: center; } 
.news-img img { margin:0px 0px 0px 0px; } 
.news_leftimg img { margin:10px 40px 10px 0px; display:inline-block; float:left; border-radius:8px; } 


.basic_ul03 { margin:0px 0px 30px 40px; width: 275px; float: right; } 
.basic_ul03 div:after { display:block; content:''; clear:both } 
.basic_ul03 text { margin-left:30px; font-size:14px; color:#000; } 
.basic_ul03 h4 { padding-top:30px; margin-bottom:30px; font-size:20px; font-weight:bold; color:#000; text-align:center; } 
.basic_ul03 img { margin:0 auto 10px auto; } 
.basic_ul03 li { margin-left:0; padding:0px; color:#333; font-size:15px; line-height:1.2em } 




.basic_ul04 { margin:0px 30px 10px 0; width:600px; display:inline-block; float:left; } 
.basic_ul04 img { margin:0px 0px 0px 0px; } 

.basic_ul05 { margin:0px 0px 10px 30px; width:600px; display:inline-block; float:right; } 
.basic_ul05 img { margin:10px 0px 0px 0px; } 

.basic_ul06 { margin:0px 30px 10px 0px; width:400px; display:inline-block; float:left; } 
.basic_ul06 img { margin:10px 0px 0px 0px; } 

.basic_ul07 { margin:0px 0px 10px 30px; width:400px; display:inline-block; float:right; } 
.basic_ul07 img { margin:10px 0px 0px 0px; } 

.basic_ul08 { margin:0px 30px 10px 0; width:200px; display:inline-block; float:left; } 
.basic_ul08 img { margin:10px 0px 0px 0px; } 

.basic_ul09 { margin:0px 0px 10px 30px; width:200px; display:inline-block; float:right; } 
.basic_ul09 img { margin:10px 0px 0px 0px; } 

.basic_ul10 { margin:0px 0px 10px 30px; width:500px; display:inline-block; float:right; } 
.basic_ul10 img { margin:10px 0px 0px 0px; } 

.example { width:1000px; padding:10px 20px 30px 20px; margin: 0 auto; display: block; } 
.example .example_line { margin: 0 auto; text-align: center; } 
.example .text { margin-top:10px; margin-bottom:30px; text-align: center; font-size: 1.7rem; } 
.example div:after { display:block; content:''; clear:both } 
.example .example_line img { display:inline-block; float:left; margin:15px; } 


.example_02 { width:1000px; padding:10px 20px 30px 20px; margin:0 auto; display: block; } 
.example_02 .example_line { margin: 0 auto; text-align: center; display: inline-block; } 
.example_02 .example_line div:first-child { float: left; margin-left: 20px; } 

.example_02 .text { margin-top:10px; margin-bottom:30px; text-align: center; font-size: 1.7rem; } 
.example_02 div:after { display:block; content:''; clear:both } 
.example_02 img { display:inline-block; margin:12px; } 


.table_list { border-top:1px solid #cccccc; background: #ffffff; width: 100%; } 
.table_list.nofix { table-layout: inherit !important; } 
.table_list .w15 { width: 15% !important; } 
.table_list .w20 { width: 20% !important; } 
.table_list .w30 { width: 30% !important; } 
.table_list .w35 { width: 35% !important; } 
.table_list caption { display:none; } 
.table_list tbody th, .table_list tbody td { padding: 8px 10px !important; } 
.table_list thead th,
.table_list tbody th { color:#222222; font-size:16px; font-weight:600; background:#ebf4f8; padding:12px 0; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align: center; } 
.table_list tbody tr.odd { } 
.table_list tbody.ov tr:hover { background:#f9f9f9; } 
.table_list tbody th.vtop { vertical-align:top; } 
.table_list tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; } 
.table_list tbody td { text-align:left; padding:15px 20px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;font-size: 15px;line-height: 22px; } 
.table_list tbody td:nth-child(1), .table_list tbody td:nth-child(2), .table_list tbody td:nth-child(3){text-align: center;} 
.table_list.cnt td { text-align: center; } 
.table_list.cnt td input { text-align: center; } 
.table_list.right td { text-align: right; } 
.table_list tbody th:last-child,.table_list tbody td:last-child { border-right:1px solid #cccccc; } 
.table_list tbody tr.sticky th { position:sticky; top:0 } 
.table_list tbody tr.sticky.line2 th { position:sticky; top:38px } 


.table_list2 { border-top:2px solid #ffffff; width: 100%; } 
.table_list2.nofix { table-layout: inherit !important; } 
.table_list2 .w15 { width: 15% !important; } 
.table_list2 .w20 { width: 20% !important; } 
.table_list2 .w30 { width: 30% !important; } 
.table_list2 .w35 { width: 35% !important; } 
.table_list2 caption { display:none; } 
.table_list2 tbody th, .table_list2 tbody td { padding: 8px 10px !important; } 
.table_list2 thead th,
.table_list2 tbody th { color:#fff; font-size:15px; font-weight:500; background:#ebf4f8; padding:12px 0; border-left:2px solid #fff; border-bottom:2px solid #fff; text-align: center; background-color: #454545; } 
.table_list2 tbody tr.odd { } 
.table_list2 tbody.ov tr:hover { background:#f9f9f9; } 
.table_list2 tbody th.vtop { vertical-align:top; } 
.table_list2 tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; } 
.table_list2 tbody td { text-align:left; padding:11px 5px; border-left:2px solid #fff; border-bottom:2px solid #fff; background: #eee; } 
.table_list2.cnt td { text-align: center; } 
.table_list2.cnt td input { text-align: center; } 
.table_list2.right td { text-align: right; } 
.table_list2 tbody th:last-child,.table_list2 tbody td:last-child { border-right:2px solid #fff; } 
.table_list2 tbody tr.sticky th { position:sticky; top:0 } 
.table_list2 tbody tr.sticky.line2 th { position:sticky; top:38px } 


/*focus*/
.focus_section01 { float: left; width: 100%; display: block; } 
.focus_section01 h5 { text-align: left; font-weight: 500; font-size: 22px; display: block; width: 100%; color: #3c52b3; } 
.focus_section01 li span { font-weight: 500; font-size: 16px; color: #000000; margin-right: 30px; width: 150px; display: inline-block; } 
.focus_section01 li { font-size: 14px; color: #000000; } 
.focus_bold { color: #000; font-weight: 500; font-size: 18px !important; margin-top: 20px; } 
.focus_bold:first-child { margin-top: 0; } 
.table_line { margin: 10px 0; } 
.table_line tr { border-top:2px solid #ddd; } 
.table_line tr:last-child { border-bottom:2px solid #ddd; } 
.table_line img { margin: 10px !important; } 
table.table_line table tr { border:0 !important; } 


/*trend*/
.trend_photo_title { font-size:18px; text-align: center; background: #eee; padding: 10px 30px; font-weight: 500; margin-top: 50px; } 
 .title_s { font-size: 18px; font-weight: 500; } 
 .trend_photo { display: inline-block; } 
 .trend_photo li { width: 48%; margin-right: 4%; margin-bottom: 20px; float: left; } 
 .trend_photo li span { float: left; font-size: 17px; letter-spacing: -0.5px; color: #0170c1; font-weight: 500; } 
 .trend_photo li img { width: 470px;height: 398px !important; } 
 .trend_photo li:nth-child(2n) { margin-right: 0; } 

 /*features*/
 dl.features_con .dl_t:first-child{margin-top: 0;}
 dl.features_con .dl_t{margin: 24px 0 10px 0;}
 dl.features_con .dl_s{padding-left: 20px;background: url(../img/bullet.png) no-repeat 0 10px;background-size: 6px;margin-left: 0;}


/*   각주 */
.annotation{color:#939393; font-size:14px; font-weight:300; font-style: italic; line-height:1.4;padding: 8px 0 0 10px;  text-indent: -10px; width:94%; margin:0 auto;  }
.star{display:inline-block; color:red; font-weight:600;  }

/*    이미지 */
.features_22{ }
.features_22 img{width:99% ; }

/* header */
header{ margin:0 auto;  }
header div{ }

/*  footer*/ 
footer{ background-color:#fff;/*  width:100vw;  */padding:40px 0;}
footer a:hover{color:#181818; font-weight:600;  } 
.footer_container{width:1000px; margin:0 auto; font-size:13px;  color:#777; padding-left:40px; } 
.footer_container div:nth-child(1){margin-right:80px; }
.footer_container span:nth-child(1){display:inline-block border-right:1px solid red;  }
.footer_container div:nth-child(3){ padding:10px 0 0 140px }

/*   메인 */
.index_content{background-color:#eee; }
.index_content section{width:1000px; background-color:#fff; }

/* flex */
.flex{display:flex; }