/* common */
.txt_center {text-align: center}
.txt_right {text-align: right}
.txt_left {text-align: left}
.n_txt {font-size: 0; text-indent: -9999px;}
.hide_txt { text-indent: -9999px; font-size: 0}
.disnone {display: none}
.disblock {display: block}
.c_both:after {content: ""; display: block; clear: both}
body.on {position: fixed; top: 0; left: 0;}

.normal_tit {padding: 23px 0; font-size: 17px; font-weight: 500; color: #0072b7; letter-spacing: -0.075em; line-height: 1.35}
.normal_txt {padding-bottom: 20px; font-size: 14px; font-weight: 300; color: #767676; letter-spacing: -0.075em; line-height: 1.5; text-align: left}
.normal_table {border-top: 1px solid #505050; border-bottom: 1px solid #505050}
.normal_table th, .normal_table td {padding: 10px 5px; border-bottom: 1px solid #d7d7d7}
.normal_table th {background: #f9f9f9; color: #222222; letter-spacing: -0.07em}
.normal_table td {padding-left: 15px; font-weight: 300; color: #767676; letter-spacing: -0.025em; line-height: 1.3}
.normal_table tr:last-child th, .normal_table tr:last-child td {border-bottom: 0}

.normal_list {border-top: 2px solid #0072b7; border-bottom: 2px solid #0072b7}
.normal_list ul {padding: 0 13px}
.normal_list ul li {padding: 15px 0; border-bottom: 1px solid #c1c1c1;}
.normal_list ul li a {display: block; background: url(../images/common/arrow_list.png) 95% center no-repeat; background-size: 13px}
.normal_list ul li a .title {font-size: 15px; color: #333; letter-spacing: -0.08em; line-height: 1.3}
.normal_list ul li a p {width: 87%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.normal_list ul li a .date {font-size: 15px; color: #908f8f}

.normal_view {border-top: 2px solid #0a71ba; border-bottom: 2px solid #0a71ba}
.normal_view > ul > li {padding: 10px 15px}
.normal_view > ul > li.title {border-bottom: 1px solid #c1c1c1; font-size: 15px; color: #363636; letter-spacing: -0.075em; line-height: 1.35}
.normal_view > ul > li.date {border-bottom: 1px solid #505050; font-size: 15px; color: #767676}
.normal_view > ul > li.view_body {padding: 20px 15px; font-size: 14px; letter-spacing: -0.1em; line-height: 1.8; color: #767676}
.normal_view > ul > li.view_body p.img {padding-bottom: 10px; text-align: center}

.photo_view .bx-wrapper {position: relative; max-width: 100% !important}
.photo_view .bx-wrapper .photo_slider li {text-align: center}
.photo_view .bx-wrapper .photo_slider li img {width: 100%}
.photo_view .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; font-size: 0; width: 23px; height: 32px; background-color: rgba(0,0,0,0.4)}
.photo_view .bx-controls-direction a.bx-prev {left: 0; background-image: url('../images/sub/photo/arrow_photo01.png'); background-position: center center; background-repeat: no-repeat; background-size: 9px}
.photo_view .bx-controls-direction a.bx-next {right: 0; background-image: url('../images/sub/photo/arrow_photo02.png'); background-position: center center; background-repeat: no-repeat; background-size: 9px}
.photo_view #bx-pager a {display: inline-block; height: 41px}
.photo_view #bx-pager a img {height: 100%}
.photo_view #bx-pager {position: relative;padding: 0;margin: 25px;list-style-type: none;color: #FFF;width: calc(100% - 50px);font: normal 90% arial, helvetica, sans-serif;text-align: left}
.photo_view #bx-pager ul {list-style: none;margin:0;padding:0;float: left;width: 100%;}
.photo_view #bx-pager li {display:inline-block;margin:0;padding:0; width: auto !important}
.photo_view #bx-pager li.bx-clone {display: none}
.photo_view #bx-pager li a {display: block;}
.photo_view #bx-pager .bx-controls-direction a {margin-top: -21px; background-color: rgba(0,0,0,0.6)}
.photo_view #bx-pager .bx-controls-direction a.bx-prev {left: -25px; background-image: url('../images/sub/photo/arrow_photo03.png'); background-position: center center; background-repeat: no-repeat; background-size: 8px}
.photo_view #bx-pager .bx-controls-direction a.bx-next {right: -25px; background-image: url('../images/sub/photo/arrow_photo04.png'); background-position: center center; background-repeat: no-repeat; background-size: 8px}

.normal_gallary {overflow: hidden; width: 100%;}
.normal_gallary li {float: left; width: 46%; margin-bottom: 12%;}
.normal_gallary li:nth-child(odd) {margin-right: 7%}
.normal_gallary li img {display: block; width: 100%; height: 146px}
.normal_gallary li p.title {padding-top: 4px; font-size: 15px; letter-spacing: -0.08em; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2}
.normal_gallary li p.date {font-size: 14px; color: #908f8f;}

.bx-wrapper .bx-pager {position: absolute; bottom: 23px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 80}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block}
.bx-wrapper .bx-pager.bx-default-pager a { background: #6e6e6e; text-indent: -9999px; display: block; width: 9px; height: 9px; margin: 0 3px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {width: 27px; background: #fff}

/* btn */
.btn_wrap {padding: 15px 0; text-align: right}
.btn_wrap a {display: inline-block; width: 65px}

/* paging */
.paging .hide {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.paging{padding-top: 18px; text-align:center; }
.paging a{display:inline-block; width:23px; height:23px; line-height: 23px; vertical-align:middle; border:1px solid #bebebe ; text-decoration:none; color: #666; font-size: 13px; }
.paging a:hover{text-decoration:none; color: #666666;}
.paging a:active{text-decoration:none; color: #666666;}
.paging .btn_arr{text-decoration:none;}
.paging .btn_arr{ padding-top:0;  }
.paging .on{height:23px; line-height: 23px; width: 23px; color:#ffffff; border: 1px solid #2677be; background:#006bb7; }
.paging .on:hover{text-decoration:none; color: #fff;}
.paging .paging_pd {padding:0px 8px}
.paging .first{background:url('../images/common/paging01.png') 0 0 no-repeat; background-size: 100%}
.paging .prev{background:url('../images/common/paging02.png') 0 0 no-repeat; background-size: 100% }
.paging .next{background:url('../images/common/paging03.png') 0 0 no-repeat; background-size: 100% }
.paging .last{background:url('../images/common/paging04.png') 0 0 no-repeat; background-size: 100% }


/* header */
.header {display: block; height: 56px; position: fixed;  top: 0; width: 100%;  background: #0072b7; z-index:990;}
.header h1 {padding-left: 12px; padding-top: 12px; width: 143px;}
.header h1 a img {width: 100%}
.header > p.lang {position: absolute; right: 67px; top: 0; width: 66px; height: 56px; line-height: 56px; text-align: center; border-left: 1px solid #589dc6; border-right: 1px solid #589dc6}
.header > p.lang a {color: #fff; font-size: 17px; font-weight: 700}
.header .btn_menu{display:block; position: absolute; right: 0;  top: 0; width: 66px ;height: 56px; background:url('../images/common/btn_menu.gif') 50% no-repeat; text-indent:-9999px; background-size: 26px}
.header .bg {position:fixed; top:0; left:0; width: 100%; height: 100%; display: none}
.header .navi {position: fixed; top: 0; right: -100%; width: 80%; min-width: 260px; max-width: 300px; height: 100%; z-index: 999; -webkit-transform: translate(200%,0%);   transform: translate(200%,0%);   transition: 1s ease;}
.header .navi.on { right: 0;  -webkit-transform: translate(0%,0%);  transform: translate(0%,0%);  transition: 0.8s ease;}
.header .bg {position:fixed; top:0; right:-100%; background-color: black; opacity: 0.7; width: 100%; height: 100%; background: rgba(0,0,0,0.3)}
.navi .category { position: absolute; top:0;  right:0; width: 100%; height: 100%; background: #fff; overflow-y: scroll}
.navi .category .top_menu {overflow: hidden; height: 56px; background-color: #0072b7}
.navi .category .top_menu p {float: right;}
.navi .category .top_menu p img {width: 100%}
.navi .category .top_menu p.navi_logo {float: left; padding-left: 13px; padding-top: 16px; width: 104px;}
.navi .category .top_menu p.home {width: 22px; padding: 19px 11px 0; line-height: 56px; border-left: 1px solid #589dc6}
.navi .category .top_menu p.lang {padding: 0 10px; border-left: 1px solid #589dc6; border-right: 1px solid #589dc6;}
.navi .category .top_menu p.lang a {height: 56px; line-height: 59px; font-size: 15px; font-weight: 900; color: #fff}
.navi .category .top_menu p.btn_close {float: right; width: 46px; line-height: 57px; background: url(../images/common/btn_close.gif) center center no-repeat; background-size: 16px; text-indent: -9999px;}
.navi .category > ul {}
.navi .category > ul > li { overflow: hidden; border-bottom: 1px solid #eaeaea}
.navi .category > ul > li h2 {padding: 16px 20px; text-align: left; font-size: 16px; color: #464646; font-weight: 100; letter-spacing: -0.5px}
.navi .category > ul > li h2 {background: url(../images/common/arrow_dep1.gif) 92% center no-repeat; background-size: 12px}
.navi .category > ul > li h2 a {display: block; width: 100%}
.navi .category > ul > li h2 span {float: right; display: block; width: 10px; height: 14px}
.navi .category > ul > li h2 span img {vertical-align: middle; width: 100%}
.navi .category > ul > li > ul { }
.navi .category > ul > li > ul > li {padding: 11px 0; overflow: hidden; font-size: 14px; vertical-align: top; border-top: 1px solid #b2b8c5; background: #d3d7df url(../images/common/arrow_dep2.gif) 92% center no-repeat; background-size: 12px; text-indent: 19px}
.navi .category > ul > li > ul > li:first-child {border-top: 0}
.navi .category > ul > li > ul > li a {display: inline-block; width: 100%; color: #464646; font-weight: 100}
.navi .category > ul > li > ul > li > ul { display: inline-block}
.navi .category > ul > li > ul > li > ul > li { margin-top: 10px; font-size: 13px; color: #888}
.navi .category > ul > li > ul > li > ul > li:first-of-type { margin-top: 3px}
.navi .category > ul > li > ul > li > ul > li a { color: #888; text-decoration: none}
#accordian ul {display: none}

/* footer */
.footer {padding: 25px 7px;background: #464d60 url(../images/common/bg_footer.gif) 0 0 repeat-x; font-size: 0; text-align: center}
.footer .sns {padding-bottom: 15px}
.footer .sns p {display: inline-block; width: 34px; height: 34px; margin-left: 13px;}
.footer .sns p a {display: block; width: 100%; height: 100%}
.footer .sns p.facebook {margin-left: 0; background: url(../images/common/icon_sns.png) 0 0 no-repeat; background-size: 126px}
.footer .sns p.instagram {background: url(../images/common/icon_sns.png) -45px 0 no-repeat; background-size: 126px}
.footer .sns p.youtube {background: url(../images/common/icon_sns.png) -92px 0 no-repeat; background-size: 126px}
.footer .f_txt {font-size: 12px; color: #b0b0b0; font-weight: 300; letter-spacing: -0.05em}
.footer .f_txt p.privacy {padding-bottom: 10px}
.footer .f_txt p.privacy a {display: inline-block; font-size: 13px; color: #b4b4b4}
.footer .f_txt p.privacy a:after {content:""; display: block; width: 100%; height: 2px; margin-top:3px; background :#878a91}
.footer .f_txt p.copyright {padding-top: 10px; font-weight: 600}

/* sub_layout */
.content {padding: 0 15px 70px}

/* sub_banner */
.sub_banner {height: 120px; margin-top: 56px;}
.sub_banner .inset {display: table; width: 100%; height: 100%; text-align: center}
.sub_banner .inset h3 {display: table-cell; font-size: 23px; font-weight: 500; color: #fff; letter-spacing: -0.025em; vertical-align: middle}
.sub_banner.intro {background: url(../images/sub/banner/ban_intro.jpg) center top no-repeat; background-size: cover}
.sub_banner.teacher {background: url(../images/sub/banner/ban_teacher.jpg) center top no-repeat; background-size: cover}
.sub_banner.program {background: url(../images/sub/banner/ban_program.jpg) center top no-repeat; background-size: cover}
.sub_banner.news {background: url(../images/sub/banner/ban_news.jpg) center top no-repeat; background-size: cover}
.sub_banner.photo {background: url(../images/sub/banner/ban_photo.jpg) center top no-repeat; background-size: cover}
.sub_banner.contact {background: url(../images/sub/banner/ban_contact.jpg) center top no-repeat; background-size: cover}
.sub_banner.win {background: url(../images/sub/banner/ban_win.jpg) center top no-repeat; background-size: cover}

/* sub_line */
.sub_line {height: 42px; background: #161e2b}
.sub_line  > ul {}
.sub_line  > ul > li {float: left; position: relative; width: 50%; height: 42px; border-right: 1px solid #515760;}
.sub_line  > ul > li:nth-child(1) { width: calc(50% - 1px);}
.sub_line  > ul > li:nth-child(2) {border-right: 0}
.sub_line  > ul > li > a {padding-left: 13px; background: url('../images/common/arrow_sub_off.gif') 90% 18px no-repeat; background-size: 17px; color: #fff; line-height: 42px;  letter-spacing:-0.75px; display: block; cursor:pointer}
.sub_line  > ul > li a span {display: block; width: 73%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.sub_line  > ul > li >  a.on {background: url('../images/common/arrow_sub_on.gif') 90% 18px no-repeat; background-size: 17px;}
.sub_line  > ul > li:first-child ul {width:calc(100% + 2px);}
.sub_line  > ul > li ul {background: #161e2b; position: absolute; top:42px; left: -1px; width:calc(100% + 1px); border: 1px solid #515760; border-bottom: 0; display:none; box-sizing: border-box}
.sub_line  > ul > li ul.on {display: block;  z-index: 101;}
.sub_line  > ul > li ul li {border-bottom: 1px solid #515760; line-height: 35px;}
.sub_line  > ul > li ul li a {padding: 11px 0 11px 13px; ; color: #fff; font-weight: 300; line-height: 1.3; letter-spacing:-0.3px; display: block;  }
.sub_line  > ul > li ul li a span {width: 90%; word-break: break-all}
.sub_line  > ul > li ul li a.active, .sub_line  > ul > li ul li a:active {background: #464d60}

/* sub_tit */
.sub_tit {padding: 25px; margin-bottom: 10px; border-bottom: 1px solid #e3e3e3; text-align: center;}
.sub_tit_news {border-bottom: 0}
.sub_tit h4 {font-size: 22px; font-weight: 500; color: #282828; letter-spacing: -0.05em}
.sub_tit p {font-size: 14px; font-weight: 300; color: #767676; letter-spacing: -0.075em; line-height: 1.35}