@charset "utf-8";
/* CSS Document */
/*
allisxen@gmail.com
main:1f293c
main pale:174E75
pale:5798d2
em:e36646
*/
body{ font-family:'Roboto', 'Noto Sans KR',san-serif; color:#545454; font-weight:300;}

.bo_cate_link_a {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */
a:hover,
a:focus{ text-decoration:none; color:#e36646;}

.charm {font-family: 'Charm', cursive; font-size:1.4em; font-weight:200;}

#content a[target="_blank"]:after,
#content a[href^="mailto:"]:before{color:#e36646;font-family:FontAwesome; font-size:.82em; margin-left:4px; font-style:normal;}
#content a[target="_blank"]:after {content:'\f08e'; font-size:.7em}
#content2 a[target="_blank"]:after {content:''; font-size:.7em}
#content .image_blank a[target="_blank"]:after {content:'' !importants; font-size:.7em}
#content a[href^="mailto:"]:before{ content:'\f003'; margin-right:4px}
#content a[href$=".doc"]:before,
#content a[href$=".pdf"]:before{ content:'\f1c1 \00a0 PDF'; font-family:FontAwesome; margin-right:4px; padding:2px 4px; color:#fff; background:#D12E17; font-size:10px; vertical-align:2px;}
#content a[href$=".doc"]:before{ content:'\f1c2 \00a0 DOC'; background:#295391}
#content a[href$=".pdf"].download:before{ background:#336da0}
#content a[href$=".doc"].download:before{ background:#295391}
#content a[href^="tel:"]{ color:#545454;}
#content a[href^="tel:"]:before{ content:'\f098'; font-family:FontAwesome; margin-right:1px; padding:2px 4px; color:#717171; font-size:.84em;}
#content a[href^="tel:"].tel-fax:before{ content:'\f1ac';}

.linkmenu a{ color:#545454;}


hr.gutter{ display:block; height:25px; margin:0;border-top:0 none;}
b,strong{ font-weight:600;}
#content li{position:relative;}
.table{ font-size:.928em; border-bottom:1px solid #bbb;}
caption{ visibility:hidden; height:0;}
.caption-hide caption{ display:none;}
.caption-title caption{ color:#5798d2; font-size:.9em; font-style:italic; height:auto; visibility:visible;}
th{white-space: nowrap; font-weight:500;}
.table > thead > tr > th{ border-bottom-color:#174E75; border-top:2px solid #174E75!important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-color:#bbb;}
.table th[rowspan],
.table td[rowspan] { vertical-align:middle}
.table tbody th{ background:#f1f1f1;}
.table tbody .emphasis th{ background:#FFE4C4}
.table tbody .emphasis td{ background:#FFEBCD; font-weight:normal}
.table .center th{ text-align:center;}
.table .center{ text-align:center;} /* jsl 2017-11-27 : o_snu_in_world_programs.new.php */

.no-gutter {margin-left: auto;margin-right: auto;}
.no-gutter [class*='col-']:not(:first-child),
.no-gutter [class*='col-']:not(:last-child) {padding-right: 0;padding-left: 0;}

/* layout*/
#nav-top{ background:#1e293c; border:0 none;}
#nav-top .nav{ padding-top:20px;}

#nav-top,
#nav-top .dropdown-menu{ background:rgba(30, 41, 60,.8);transition: background .6s ease-in-out; }
#nav-top.top-nav-collapse,
#nav-top.top-nav-collapse .dropdown-menu{ background:rgba(30, 41, 60,1); }
#nav-top .navbar-header{  }
#nav-top .logo{ margin:15px 0;}

.navbar-brand{ padding:0; padding-left:20px; height:auto; }
#nav-top a{ color:#bbb;}
#nav-top a:hover{ color:#FFF;}
.navbar-nav > li > a{ padding-bottom:28px;}
#nav-top .navbar-nav{ float:none; }
#nav-top .navbar-nav>li{ width:20%; letter-spacing:-1px}
#nav-top .dropdown-toggle{ font-size:1.19em; word-spacing:.25em;}

#nav-top .container{ position:relative;}
.nav-gnb{ position:absolute; right:15px; top:6px; font-size:.74em; margin-bottom:15px; z-index:900 }
.nav-gnb li{ display:inline-block; padding:0 12px;border-left:1px solid #fff; border-color:rgba(255,255,255,.4); line-height:8px;}
.nav-gnb li:first-child{ border-left:0 none;}
.nav-gnb a{ color:#fff;}

.dropdown-menu{border:0 none; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:transparent;}
.navbar-nav > li > a{ padding-top:20px; padding-left:16px; padding-bottom:10px}
/* mega menu*/
.mega-dropdown {position: static !important; color:#aaa}
.mega-dropdown .container{ margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; padding-bottom:30px;}
.mega-dropdown-menu{ width:100%; display:none!important }
.mega-dropdown-menu>ul>li{ float:left; padding:0 12px; margin-right:1%; list-style:none;}
#n-aboutus .mega-dropdown-menu>ul>li{ width:17%}
#n-iprogram .mega-dropdown-menu>ul>li{ width:30%}}
#n-oprogram .mega-dropdown-menu>ul>li{ width:12%;}
#n-campislife .mega-dropdown-menu>ul>li{ width:25%;}
#n-newsevents .mega-dropdown-menu>ul>li{ width:17%;}
.mega-dropdown-menu li.mega-dropdown-menu-header{ width:24%!important; padding:0; border:0 none;}
.mega-dropdown-menu li ul{ margin-top:10px; padding-left:15px; font-size:.86em;}

#submenugroup{ display:none; width:100%; clear:left; }
/*#submenugroup [class^='col-']{ padding-left:0; padding-right:0;}*/
#submenugroup ul{ padding:0; list-style:none; color:#D9E8F4 }
#submenugroup ul li{ margin-bottom:4px;}
.submenu-gr{ float:left; width:20%; padding-left:20px;}
.submenu-gr ul{ margin-top:8px;}


#n-aboutus,
#submenu-aboutus{ width:15%!important;}
#n-iprogram,
#submenu-iprogram{ width:23%!important;}
#n-oprogram,
#submenu-oprogram{ width:23%!important;}
#n-newsevents,
#submenu-newsevent{ width:17%!important;}
#submenu-search{ width:17%!important;}


.submenu-gr li li{ padding-left:5px;}
.nav-all li li{ font-size:.86em;}
/*#nav-sub-title-img-box{ padding-left:0!important; padding-right:25px!important; }*/
#nav-sub-title-img{ margin-bottom:20px;}

/* slider main */
#splash{ position:relative;overflow:hidden; margin-bottom:60px;}
#splash .slide-text{text-shadow:1px 1px 10px rgba(255, 255, 255, 0.60), 2px 2px 15px rgba(0, 0, 0, 0.98);}
.slides{ padding:0!important; margin:0!important;}
.slides li{display:none; list-style:none;}
.slides li img{width:100%;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.slides .slide-text{ font-size:1em; position:absolute;left:10%;top:60%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity:0; color:#fff; width:80%;}
.slides .slide-text p{ margin-bottom:30px; font-size:1.1em; width:70%}
.slides .slide-text .title{ font-size:3.4em; position:relative; font-weight:bold; width:100%;}
.slides .slide-text .title:after{ content:' '; width:120px; height:3px; position:absolute; bottom:-5px; left:0; background-color:rgba(255,255,255,.6);}
.slides .slide-text a{ display:inline-block; color:#fff; font-size:1.2em; font-weight:bold;padding:10px 40px; background:rgba(255,255,255,.25); border:1px solid #fff;}

#splash .slide-text.black {text-shadow:none;}
.slides .slide-text.black{color:#000;}
.slides .slide-text.black .title:after{ background-color:rgba(0,0,0,.6);}
.slides .slide-text.black a{  color:#000; border:1px solid #000;}


.flex-direction-nav li{ list-style:none;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{position:absolute; top:50%;transform: translateY(-40px);z-index:900;transition:all .4s ease}
#splash:hover .flex-direction-nav .flex-prev{ left:10px;}
#splash:hover .flex-direction-nav .flex-next{ right:10px;}
.flex-direction-nav .flex-prev{ left:-50px;}
.flex-direction-nav .flex-next{ right:-50px;}

/*◀▶*/
.flex-prev,
.flex-next {display: block;width: 32px; font-size:3em;overflow: hidden;cursor:pointer; font-family:FontAwesome; color:#fff; text-indent:900% }
.flex-prev:hover,
.flex-next:hover{ color:#1e293c;}
.flex-prev::before,
.flex-next::after {position:absolute; top:0; text-indent:0;}
.flex-prev::before {content: "\f053"; left:0}
.flex-next::after {content: "\f054"; right:0;}
/* ●○ */
.flex-control-paging{ position:absolute; width:100%; bottom:0; z-index:900; margin:0; padding:25px;}
.flex-control-paging li{ display:inline-block; width:15px; height:14px; margin:0 2px;}
.flex-control-paging li a{ display:block; width:100%; height:100%; text-indent:-300%; overflow:hidden; background:#FFF;background:rgba(255,255,255,.5); cursor:pointer; background-image:url(../img/splash-control-nav.png);}
.flex-control-paging a.flex-active{ background-color:#8bc0ef;cursor:default; background-position:right 0;}
/*mainpage*/
.title-section{ font-size:2em; color:#5798d2; font-weight:normal; letter-spacing:-.5px; position:relative; padding:0 0 12px 0; margin-top:32px; margin-bottom:38px;}
.title-section a{ color:inherit;}
.title-section:first-of-type{ margin-top:0;}
.title-section strong{ color:#000; font-weight:900; }
.title-section:after{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}
.latest-article article{ position:relative;}
.latest-article h3{ font-size:1.143em;}
.latest-article p,
.latest-article p a{ color:#8c8c8c;}
.latest-article p a:hover{ color:#2e76b6;}

#latest-notice article{ margin-bottom:80px;}
#latest-notice h3{ margin-bottom:4px;}
#latest-notice .view-post{ color:#70b0e7; font-size:0.59em; font-weight:normal; margin-left:10px; text-transform: lowcase; }
#latest-notice .date{ color:#2e76b6; display:block; font-size:.85em; font-weight:500; margin:16px 0 4px;}
#latest-notice p{ width:86%;}
#latest-sns{ margin-top:45px;}

#latest-event {margin-top:50px;}
#latest-event article{ padding-left:25%; margin-bottom:15px; min-height:100px;}
#latest-sns article{ margin-bottom:15px;}
#latest-event h3,
#latest-sns h3{ margin-bottom:4px;}
#latest-event .date{position:absolute; left:0; top:0; width:18%; color:#FFFFFF;}
#latest-sns .pic{ float:left; width:24%; overflow:hidden; margin-right:8px}
#latest-sns .pic img{ width:100%; border:1px solid #dedede;}
#latest-event .date:after {content: "";display: block;padding-bottom: 100%;}
#latest-event .date span {position: absolute; background:#174e75;width: 100%;height: 100%; text-align:center;border: 1px solid #ccc;}
#latest-event .date i{ display:block; font-style: normal; font-family: 'Cabin', sans-serif;}
#latest-event .date .date-y{ margin-top:10px;}
#latest-event .date .date-d{ font-size:2.2em; font-weight:bold; font-weight:800; margin:-6px 0 -3px}

#latest-corona19 {margin-top:30px;}
#latest-corona19 .title-section { margin-bottom:25px !important; }
#latest-corona19 article{ margin-bottom:8px; border-bottom:dotted 1px #ddd; padding-bottom:8px;}
#latest-corona19 h3{ margin-top:10px; margin-bottom:4px;font-weight:normal;line-height:140%;}
#latest-corona19 h3 a.ztitle { color:#545454; }
#latest-corona19 h3 a.ztitle:hover {color:#2e76b6;}
#latest-corona19 .view-post{ color:#70b0e7; font-size:0.59em; font-weight:normal; margin-left:10px; text-transform: lowcase; }
#latest-corona19 .date{ color:#2e76b6; display:block; font-size:.85em; font-weight:500; margin:16px 0 4px;}
#latest-corona19 p{ width:86%;}

#latest-sns #instaPics {/* width: 50% */ }
/* #latest-sns #instaPics .caption-layer { width: 50%} */
#latest-sns h3,
#latest-sns p{font-family: 'Merriweather', serif; font-size:.9em; margin-bottom:2px}
#latest-sns .date{ font-size:.86em;}
.link-sns i{ margin-right:8px; font-size:1.1em;}
.link-sns-youtube i{ margin-left:4px; font-size:1.8em;}
.link-sns-youtube .fa-youtube-square .fa-youtube-square:before{ color:#cc181e;}

.link-sns .fa-twitter-square{ color:#1aa5d9;}
.link-sns .fa-facebook-square{ color:#3b5998; margin-right:4px; font-size:1.3em}
.link-sns .fa-youtube-square{ color:#cc181e;}

#vod { /* width: 50%; */ height: 70px; }
#vod > div { width:100%; height:100%; border: 6px solid #174e75; display:flex; flex-direction: row; align; align-items: center;}
#vod > div > a { margin:0 auto;}
#vod .tv { color: #fff; margin-left: 5px; margin-bottom: -3px;  }
#vod > div > a > div.circle { display: inline-block; padding-left:2px; padding-top: 4px; width: 30px; height: 30px; border-radius: 50%; background-color: #174e75; }
#vod > div > a > span.snu { padding-left:5px; color: #174e75; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; font-size: 1.4em; }
/* #vod > div > a {color:#fff; font-family: 'Noto Sans KR', sans-serif;font-weight:400; font-size:0.9em;} */

#snuglei_main {border:1px solid #fff; background-color: #008080;}
#snuglei_main article{ padding-left:25%; margin-bottom:15px; min-height:100px;}
#snuglei_main .snuglei_box{position:absolute; left:12px; top:0; width:30%; height:90%; color:#FFFFFF;}
#snuglei_main .snuglei_box:after {content: "";display: block;padding-bottom: 100%;}
#snuglei_main .snuglei_box div.box   {position: absolute; border:1px solid #fff; width: 100%;height: 100%; text-align:center; font-size:1.5em; display:flex; flex-direction: row; align; align-items: center; background-color: #fff; }
#snuglei_main .snuglei_box div.box a {color:#fff; font-family: 'Noto Sans KR', sans-serif;font-weight:400; font-size:0.9em; margin: 0 auto; }
#snuglei_main .snuglei_box div.box span.search {margin-left: 10px; color: #7dcd00; font-size:1.2em; }
#snuglei_main .snuglei_box div.box span.snu {margin-left:5px; font-family: 'Noto Sans KR', sans-serif;font-weight:600; font-size:1.2em;}
#snuglei_main .snuglei_box div.box span.gle {font-family: 'Noto Sans KR', sans-serif;font-weight:200; font-size:1.2em;}
#snuglei_main .snuglei_box div.box .charm {font-family: 'Charm', cursive; font-size:1.4em;}
#snuglei_main .charm {font-family: 'Charm', cursive; font-size:1.4em; font-weight:200;}

#snuglei_main article div.copy { margin-left:60px; font-size:1.2em; color:#fff; text-align:center; }
#snuglei_main article div.copy > p { color:#fff; }
#snuglei_main article div.copy > p:after { content: ''; display:block; background-color: #fff; width: 50px; height: 1px; margin: 10px 0 0 150px;}
#snuglei_main article div.copy > .tv, #snuglei article div.copy > .snu { color: #7dcd00; font-weight:600}

#snuglei_main article a{ color: #fff;}
#snuglei_main article a:hover{ color: #e36646;}




.mainpage #program{ text-align:center; padding-top:70px; padding-bottom:70px; background-color: #343e4f; background-image: url(/theme/basic/img/bg-main-q.jpg); background-size:cover; }
.mainpage #program h3{ font-size:1.1em; margin:20px 0 15px}
.mainpage #program a{ color:#fff; color:rgba(255,255,255,.6); }
.mainpage #program a:hover{ color:#fff;}
.mainpage #program ul{ margin-left:30%; padding:0;}
.mainpage #program li{ list-style:none; text-align:left;}
.mainpage #program li::before {content: "\f05d";font-family: FontAwesome;margin-right: .5em;}
.mainpage #program .fa{ font-size: 2.5em;border: 2px solid #fff;border-radius: 50%;padding: 1.1em; }
.mainpage #program [class^="col-"]::after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    left: 0;
    top: 10%;
    border-left: 1px solid #b2b2b2;
	border-color:rgba(255,255,255,.3)
}
.mainpage #program [class^="col-"]:first-child::after{ border:0 none;}


#latest-gallery{ margin:40px 0;}
#latest-gallery .row{display:flex;flex-wrap: wrap;}
#latest-gallery [class^='col-']{ display:flex;flex-direction: column;}

#latest-gallery .con{ padding:30px 12px;}
#latest-gallery .con .title{ font-weight:bold; display:block; margin-bottom:30px; color:#777;}
#latest-gallery .con p{ font-size:.92em; margin:0;}
#latest-gallery .pic img{ width:100%; height:100%;}

.rel-site{ text-align:center; padding:30px 0; background:#f2f2f2;}
/* elements */
.view-more{ display:inline-block; font-size:.86em; color:#fff; background:#e36646; border:0 none; padding:3px 12px 4px 30px; position:relative; overflow:hidden;}
a.view-more:hover{ color:#fff;}
#content a[href$=".pdf"].link:before,
.view-more:before {content: "\f063";font-family: FontAwesome; background:#b53514; position:absolute; left:0; top:0; padding:3px 5px}
.view-more.collapsed:before{ content:"\f061";}
#content a[href$=".pdf"].link:before,
.view-more.link:before{ content:"\f08e";}
#content a[href$=".pdf"].link:before{ font-size:1em;}
.view-more~.view-more-box{ margin:10px 0;}
.view-more-box{ padding:30px; border:1px solid #e5e5e5; background:#f6f6f6;}

/* popup jsl */
.popup-more{ display:inline-block; font-size:.86em; color:#fff; background:#4d4dff; border:0 none; padding:3px 12px 4px 30px; position:relative; overflow:hidden;}
a.popup:hover{ color:#fff;}
#sap a[href$=".pdf"].link:before,
.popup-more:before {content: "\f063";font-family: FontAwesome; background:#000099; position:absolute; left:0; top:0; padding:3px 5px}
.popup-more.collapsed:before{ content:"\f061";}
#sap a[href$=".pdf"].link:before,
.popup-more.link:before{ content:"\f08e";}
#sap a[href$=".pdf"].link:before{ font-size:1em;}
.popup-more~.view-more-box{ margin:10px 0;}
.popup-more-box{ padding:30px; border:1px solid #e5e5e5; background:#f6f6f6;}


.download{ background:#5798d2; color:#fff; font-size:.86em; padding:4px 20px 4px 8px; position:relative}
.download:hover{ color:#66FFFF;}
.download:before{ content:'\f019';font-family: FontAwesome; margin-right:5px }
.download:after{content: "";position: absolute;top: 0;right: 0;border-width: 0 14px 14px 0;border-style: solid;border-color: #fff #fff #336da0 #336da0;background: #336da0;}
.namecard{ padding:15px; border:1px solid #a7b0c2; margin:15px 0; background:#f6f6f6;}
.namecard h6{ font-size:1.05em; color:#284782; margin-top:0;}

/* content ############################################### */
#content{ line-height:1.857}
/* .subheader{ color:#fff; padding-top:110px; padding-bottom:50px; background-image: url(/theme/basic/img/bg-subheader.jpg); background-repeat: no-repeat; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.42); background-size:100%; background-attachment:fixed;} */
.subheader{ position: relative;color:#fff; padding-top:110px; padding-bottom:50px; background-image: url(/theme/basic/img/bg-subheader.jpg); background-repeat: no-repeat; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.92); background-size:100%; background-attachment:fixed;}
.subheader::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%);}
.subheader h1{ position:relative; font-size:4.56em; font-weight:800;text-shadow: 2px 2px 10px #484848, 2px 2px 10px #000;}
.subheader h1:after{ content:' '; width:120px; height:3px; position:absolute; bottom:-20px; left:0; background-color:rgba(255,255,255,.9);}
.subheader p{ position:relative;margin-top:30px;text-shadow: 1px 1px 10px #000, 1px 1px 10px #000;}
#p-inbound.subheader{background-image: url(/theme/basic/img/bg-subheader02.jpg);}
#p-outbound.subheader{background-image: url(/theme/basic/img/bg-subheader03.jpg);}
#campus_ife.subheader{background-image: url(/theme/basic/img/bg-subheader04.jpg);}

/* content-kor */
.content-kor{ padding-top:20px; text-align:right;}
.content-kor a{ font-size:.84em; padding:4px 8px; background:#3e5279; color:#fff; font-weight:bold;}
.content-kor .fa{ font-size:.86em; vertical-align:.15em}

/* breadcrumbs */
.breadcrumbs {color:#aaa; font-size:.91em;  border-bottom:1px solid #e5e5e5;}
.breadcrumbs i{ display:none;}
.breadcrumbs b{ font-weight: normal; }
.breadcrumbs small{ font-size:inherit}
.breadcrumbs .caret{ border-width:6px; margin-top:-4px}
.breadcrumbs>.container>ul{margin-bottom:0; padding-left:0;border-left:1px solid #ddd;}
.breadcrumbs>.container>ul>li{ display:inline-block; margin-right:8px;padding:20px 24px 20px 8px; border-right:1px solid #ddd; }
.breadcrumbs>.container>ul>li:last-child{ color:#e36646}
.breadcrumbs>.container>ul>li:before {content: "\f105";font-family: FontAwesome;margin-right:1em; color:#aaa;}
.breadcrumbs>.container>ul>li:first-child:before{ content:'';}
.breadcrumbs .dropdown-toggle{ cursor:pointer;}
.breadcrumbs .dropdown-menu{ background:#fff; padding:10px; font-size:1em; margin-left:-11px}
.breadcrumbs .dropdown-menu > li > a{ padding:4px;}
.breadcrumbs .dropdown-header{ padding:3px 0; font-weight:700; color:#2e76b6}

.page-title{ border-bottom:1px solid #dedede; margin:40px 0; padding-bottom:50px}
#snugle .page-title{ border-bottom:1px solid #dedede; margin:10px 0 0 0; padding-bottom:20px}
.content-kor~.page-title{ margin:20px 0 40px;}
.page-title .heading{ padding-left:0; padding-right:10px; line-height:1.2;  font-size:3.64em; letter-spacing:-2px;  text-shadow:1px 1px 4px rgba(0, 0, 0, 0.25)}
.page-title .heading i{ font-style:normal; letter-spacing:-4px;}
.page-title .heading b{ display:block;color:#3e5279;}
.page-title .heading small{ font-size:.6em;}
.page-title .heading-sub{ font-style:italic;color:#9f9f9f; padding-left:20px; /*border-left:1px solid #dedede; */ text-align:justify; }

#snugle .page-title .heading{ margin-left: 30px; padding-left:0; padding-right:10px; line-height:1.2;  font-size:3.64em; letter-spacing:-2px;  text-shadow:1px 1px 4px rgba(0, 0, 0, 0.25)}
#snugle .page-title .heading i{ font-style:normal; letter-spacing:-4px;}
#snugle .page-title .heading b{ display:block;color:#3e5279;}
#snugle .page-title .heading small{ font-size:.6em;}
#snugle .page-title .heading-sub{ font-style:italic;color:#9f9f9f; padding-left:20px; /*border-left:1px solid #dedede;*/ text-align:justify; }

/*
#snugle .container span.snu {margin-left:5px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; font-size:1.0em;}
#snugle .container span.gle {font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:1.0em;}
*/
span.snu {margin-left:0px; font-family: 'Noto Sans KR', sans-serif; font-weight:100; font-size:1.0em;}
span.gle {font-family: 'Noto Sans KR', sans-serif; font-weight:100; font-size:1.0em;}

#snugle .container span.charm {font-family: 'Charm', cursive; font-size:1.2em;}

#snugle .heading span.snu {margin-left:5px; font-family: 'Noto Sans KR', sans-serif; color: #3e5279; font-weight:600; font-size:1.2em;}
#snugle .heading span.gle {font-family: 'Noto Sans KR', sans-serif; color: #3e5279; font-weight:400; font-size:1.2em;}
#snugle .heading span.charm {font-family: 'Charm', cursive; color: #3e5279; font-size:1.4em;}



#snuglei {border:1px solid #fff; background-color: #fff;}
#snuglei article{ padding-left:25%; margin-bottom:15px; min-height:100px;}
#snuglei .snuglei_box{position:absolute; left:12px; top:0; width:30%; height:90%; color:#FFFFFF;}
#snuglei .snuglei_box:after {content: "";display: block;padding-bottom: 100%;}
#snuglei .snuglei_box div.box   {position: absolute; border:1px solid #fff; width: 100%;height: 100%; text-align:center; font-size:1.5em; display:flex; flex-direction: row; align; align-items: center; }
#snuglei .snuglei_box div.box a {color:#fff; font-family: 'Noto Sans KR', sans-serif;font-weight:400; font-size:0.9em;}
#snuglei .snuglei_box div.box span.search {margin-left: 10px; color: #7dcd00; font-size:1.2em; }
#snuglei .charm {font-family: 'Charm', cursive; font-size:1.4em; font-weight:200;}
/* #snuglei .snuglei_box i{ display:block; font-style: normal; font-family: 'Cabin', sans-serif;} */
/* #snuglei .snuglei_box .date-y{ margin-top:10px;} */
/* #snuglei .snuglei_box .fa-search{ font-size:2.2em; font-weight:bold; font-weight:800; margin:-6px 0 -3px} */

#snuglei article div.copy { margin-left:60px; font-size:1.2em; color:#fff; text-align:center; }
#snuglei article div.copy > p { color:#fff; }
#snuglei article div.copy > p:after { content: ''; display:block; background-color: #fff; width: 50px; height: 1px; margin: 10px 0 0 150px;}
#snuglei article div.copy > .tv, #snuglei article div.copy > .snu { color: #7dcd00; font-weight:600}

#content #snugle-list { margin-top: -30px;}
#content #snugle-list li::before {content:none;}
#snugle-list .snugle-box { border: 1px solid #ccc; margin-top:40px;}
#snugle-list .snugle-thumbnail { padding: 20px 0;}
#snugle-list .snugle-thumbnail-text { padding: 10px 0; border-top: 1px solid #ccc;}
#snugle-list .snugle-thumbnail-text > a { font-size: 1.2em; font-weight: 500;}

#snugle-board { border: 0px solid #fff;}
#snugle-board .btn:hover { color: #e36646;}


#content #snugle-board-list-thumbnail { margin-top: -30px;}
#content #snugle-board-list-thumbnail li::before {content:none;}
#snugle-board-list-thumbnail .snugle-box { border: 1px solid #ccc; margin-top:20px;}
#snugle-board-list-thumbnail .snugle-thumbnail { padding: 20px 0;}
#snugle-board-list-thumbnail .snugle-thumbnail-text { padding: 10px 0; border-top: 1px solid #ccc;}
#snugle-board-list-thumbnail .snugle-thumbnail-text > a { font-size: .9em; font-weight: 400;}

#snugle-board-list-thumbnail .teaching { background-color: #ddd;}
#snugle-board-list-thumbnail .scholarship { background-color: #ddd;}
#snugle-board-list-thumbnail .health { background-color: #ddd;}
#snugle-board-list-thumbnail .housing { background-color: #ddd;}
#snugle-board-list-thumbnail .research { background-color: #ddd;}
#snugle-board-list-thumbnail .counselling { background-color: #ddd;}
#snugle-board-list-thumbnail .useful { background-color: #ddd;}
#snugle-board-list-thumbnail .certificates { background-color: #ddd;}
#snugle-board-list-thumbnail .diversity { background-color: #ddd;}
#snugle-board-list-thumbnail .jobs { background-color: #ddd;}
#snugle-board-list-thumbnail .search { background-color: #ddd;}
#snugle-board-list-thumbnail .qna { background-color: #ddd;}


#snugle .badge-primary {
	color: #fff;
	background-color: #3497d9;
}
#snugle .badge-secondary {
	color: #fff;
	background-color: #174e75;
}
#snugle .badge-success {
	color: #fff;
	background-color: #249207;
}
#snugle .badge-danger {
	color: #fff;
	background-color: #32cb09;
}
#snugle .badge {
	border-radius: .25rem;
}
#snugle .badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}


.panel-heading{ padding:0;}
.panel-title{ margin-bottom:0; font-weight:400}
.panel-title .numbering{ background:#E36646; display:inline-block; padding:0 4px; margin-right:6px; color:#fff}
.panel-title .collapsed .numbering{ background:#a1a1a1;}
.panel-title a{ display:block; padding:10px 15px; color:#E36646;}
.panel-title .collapsed{ color:#a1a1a1;}
.panel-body{  font-size:.96em; line-height:1.8}
#content .panel-body p:nth-last-of-type(1){ margin:0;}
#content .panel-body p:nth-last-of-type(1) ~ .title-section{ margin:25px 0 12px;}

#container_title{ display:none;}

/* ##################### */
#content{ padding-top:10px; padding-bottom:60px;}
#content .title-section{ font-size:1.72em; color:#3b76a5; /*color:#e36646;*/ margin-bottom:24px; position:relative; }
#content .title-section small{ color:#3b76a5;}
#content .title-section:after{ background:#3b76a5; width:140px; height:3px;bottom:-6px;}
#content h4.title-section{ color:##b76a5; font-size:1.14em; padding:0 0 0 10px; margin-top:25px; margin-bottom:12px;}
#content h4:first-of-type,
#content h4.title-section:first-of-type{ margin-top:0;}
#content h4.title-section:after{ background:#3b76a5; width:4px; height:.9em; bottom:0; top:2px;}
#content .sub-title-section{ color:#5798d2; display:block; margin-bottom:15px;}
#content .view-more-box h4.title-section{ color:#c05135}
#content .view-more-box h4.title-section:after{ background:#c05135}
.row>h3{ margin-left:15px;}

a~.title-section{ margin-top:25px!important;}

#content ul,
#content ol{ padding:0; margin-top:1em}
/*#content p ~ ul:first-of-type,
#content p ~ ol:first-of-type{margin-top:30px}*/
/* #content ul:first-of-type, */
/* #content ol:first-of-type{margin-top:0} */

/* #content ul li{ list-style:none; padding-left:10px; position:relative; margin-bottom:8px} */
#content ul li{ list-style:none; padding-left:10px; position:relative; }
#content ul ul{ margin-top:10px; margin-left:20px; color:#767676; font-size:.94em}
#content ul ul li{ margin-bottom:4px;}
#content ul li:before{content: "\2022"; font-size:120%; color:#5798d2; position:absolute; left:0; top:-4px;}
#fboardlist  ul li:before{content: ""; font-size:120%; color:#5798d2; position:absolute; left:0; top:-4px;}
#content #bo_v ul li:before{ display:none}

#content #bo_cate_ul li,
#content .bo_fx ul li,
#content .bo_v_nb li,
#content .bo_v_com li{ padding-left:0;}
#bo_cate_ul li:before,
#content .bo_fx ul li:before { display:none;}

#content .alt li { margin-bottom:4px; color:#888; padding-left:16px}
#content .alt li:before { content:'\25B8';}
#content ul ul li:before {color:#666;}
#content dt{ font-weight:500; margin-bottom:.25em;}
/* #content dd{ margin-bottom:1.6em; font-size:.926em; padding-left:10px;} */
#content dd{ margin-bottom:.2em; font-size:.926em; padding-left:10px;}

#content .second_tab{margin:0 0 0 10px;}

#content ol.numbering{counter-reset: LIST-ITEMS 0;}
#content ol.numbering li{ list-style:none; padding-left:36px; }
#content ol.numbering li:before{ font-size:.86em;content: counter(LIST-ITEMS) "";counter-increment: LIST-ITEMS; background:#4980b0; color:#fff;margin-right:6px; position:absolute; left:0; top:3px; text-align:center; width:28px;}

#content ol.numbering ul li{ padding-left:16px; font-size:.9em; margin-bottom:6px}
#content ol.numbering ul li:before{ content:'-'; background:none; color:#333333; top:3px}
#content ol.numbering ul{ margin-top:10px; color:#868686;}

#content ol.procedure li{ margin-bottom:20px;}
.procedure li:after{ content:' '; position:absolute; top:-15px; left:1px;width: 0;height: 0;border-style: solid;
border-width: 14px 14px 0 14px;border-color: #ddd transparent transparent transparent;}
.procedure li:first-child:after{ display:none;}

#content li .numbering{ margin-top:15px;}
#content li .numbering li:before{ top:4px;}

ol.alphabet {counter-reset: alphabet-counter; font-size:.928em;}
ol.alphabet li{ list-style:none;  padding-left:28px; margin-bottom:12px;}
ol.alphabet li:before {content: counter(alphabet-counter, upper-alpha);counter-increment: alphabet-counter;font-weight: bold; color:#fff; background:#E36646; width:20px; text-align:center; display:block; position:absolute; top:0; left:0;}

.checklist li{ list-style:none; padding-left:24px;}
.checklist li:before{ color:#5798d2; content:'\f046'; font-family:FontAwesome; position:absolute; left:0; top:1px; }

#content .sidepic img{ border-bottom:8px solid #405880; }
/* #content p{ margin:0 0 30px; text-align:justify;} */
#content p{ margin:0 0 0 0; text-align:justify;}
/* #content p_top { margin:130px 0 0 0; text-align:justify;} */
#content .p_margin{ margin:0 0 20px 0; text-align:justify;}

#content .recipients{height:auto; border-bottom: 1px solid #cccccc; padding-top:3%; padding-bottom:40px;}
#content .recipients:after { content:""; clear:both; }
/* #content .recipients{height:auto; border: 1px solid #cccccc; padding-top:5%;} */
#content .details{width: 70%; line-height:1.8; float:left;}


/* 2020-05-27, added by zendasoft */
@media (max-width: 991px) {
  #content .details {width: 100%; padding-bottom:20px; }
}

#content .details_end{width: 70%; line-height:1.8;}
/* #content .photo{width:20%; height:20%; border-radius: 50%;} */
#content .photo{border-radius: 50%;}
#content .talks{font-style:italic; line-height:150%; margin-bottom:20px;}
#content .person{text-align:right; display:block;}
#content .history{text-align:right; display:block; font-size:12px;}

/* jsl */
#content #photogallery_link a::after {content:none;}

#sap dl{ list-style:none;  padding-left:0px; margin-bottom:12px;}
#sap dl dt{ list-style:none; font-weight:200; padding-left:0px; margin-bottom:12px;}
#sap2 ul{ list-style:none;  padding-left:0px; margin-bottom:12px;}
#sap2 ul li{ list-style:none;  padding-left:0px; margin-bottom:12px;}
#sap2 li {content: counter(alphabet-counter, upper-alpha);counter-increment: alphabet-counter;font-weight: bold; color:#fff; background:#fff; width:20px; text-align:center; display:block; position:absolute; top:0; left:0;}

.slogan{ font-family:'Merriweather', serif; font-size:1.68em; margin-bottom:40px}
.slogan strong{ color:#e36646;}
.history{ list-style:none; padding:0;}
.history li{ padding-left:128px; position:relative;}
.history.period li{ padding-left:220px;}
.history.period2 li{ padding-left:180px;}
.history li:before{ content:''; display:none;}
.history li .date{ color:#a9a9a9; position:absolute; top:0; left:0;}


#accordion .title-section a:after{ content:'\f078'; font-size:.86em; font-family:FontAwesome; margin-left:6px;}
#accordion .title-section a.collapsed:after{ content:'\f054'; }

.list_univ .item{ float:left; width:49%; margin:0 1% 25px 0;}
.list_univ .item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.list_univ img.thumb-site{ float:left; width:20%; margin-right:10px; border:1px solid #ddd;}
.list_univ span,
.list_univ a{ display:block;}
.list_univ .country{ display:inline-block; border-bottom:1px solid #999}
.list_univ .country,
.list_univ .program{font-size:.857em; line-height:1.5; }
.list_univ .univ{ color:#E36646;}
.list_univ a{ font-size:.86em; }
/* menu all */
#menu-all{ background:#222; color:#666666; padding:40px 0; font-size:.86em; }
#menu-all .row{display:flex;}
#menu-all [class^='col-']{ padding-left:7px; padding-right:7px; border-left:solid 1px #CCCCCC; border-left-color:rgba(255,255,255,.07);}
#menu-all [class^='col-']:first-child{ border-left:0 none;}
#menu-all .title-menu{ font-weight:bold; color:#E36646; font-size:1.1em; display:inline-block; margin-top:10px; margin-bottom:10px;}
#menu-all ul{ padding-left:0; list-style:none; }
#menu-all ul ul{ padding-left:5px; }
#menu-all ul ul li:before{ content:'-'; margin-right:5px;}
#menu-all .dropdown-header{ font-size:inherit;color:#999999; padding-left:0; margin-left:-6px;}
#menu-all a{ color:#E5E5E5; }
#menu-all a:hover{ color:#5798d2;}
/* footer */
.site-footer{ background:#000; padding:60px 0; }
.site-footer img{ margin:0 auto;}
.site-footer .copyright{text-align:center; font-size:.857em}
.site-footer .copy{ color:rgba(255,255,255,.8); margin-top:20px; margin-bottom:20px}
.site-footer .privacy a{ color:#dc5980;}
.site-footer .privacy a:hover{ color:silver;}
.site-footer .link-contactus a{ margin-top:40px; display:block; width:60%; background:#e36646; color:#fff; padding:10px; text-align:center;font-family: 'Merriweather', serif;  }
.site-footer .link-sns{ text-align:right; font-size:1.5em; padding-top:40px;}
.site-footer .link-sns a{ color:#fff; margin-left:12px;}

/* misc */
.period{/* font-size:0.86em;*/ color:#777; display:block; margin-bottom:12px; /*font-style: italic;*/ }
.thumnail-img{ border:1px solid #ddd;margin-bottom:5px;}
.campus-tour{ padding:20px 0;}
.campus-tour a{ background:#e36646; color:#fff; padding:6px 15px}
.fa-external-link{ margin-left:10px; font-size:.7em}
.date-updated{ text-align:right; font-size:0.86em; color:#999; font-style: italic; }
.square{ overflow:hidden;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square .box {position: absolute;width: 100%;height: 100%;}
dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.contact dt,
.contact dd{ float:left;}
.contact dt{ clear:left;}

.emphasis{ font-weight:bold; font-weight:400;}
span.emphasis { background:#e36646; background:rgba(227, 102, 70, .5); color:#A53418; padding:0 4px; line-height:1.6 }
span.emphasis2 { color:#3b76a5; padding:0 4px; line-height:1.6 }
p.emphasis { color:#1f293c;}

.em-u{ text-decoration:underline; color:#E36646;}

.note{ font-size:.928em; /*font-style:italic;*/ line-height:140%; color:#999;}
#content p.note{ margin-bottom:10px;}
.note:before{content: "Note - ";  font-weight:bold; color:#5798d2;}
sup.note{ font-size:.6em; font-weight:500;color:#5798d2; text-transform: uppercase; }
sup.note:before{ content:'';}

.lastupdated{ font-size:.928em; font-style:italic; color:#999;}
#content p.note{ margin-bottom:10px;}
.lastupdated:before{content: "last updated - ";  font-weight:bold; color:#5798d2;}
sup.lastupdated{ font-size:.6em; font-weight:500;color:#5798d2; text-transform: uppercase; }
sup.lastupdated:before{ content:'';}

.more-info{ font-size:.96em; color:#e36646; margin:0 0 15px}
.more-info:before{ content:'\f14e'; font-family:FontAwesome; margin-right:4px}

.add-info{ font-size:.92em; font-style:italic; display:block; color:#999; }
.add-info:before{ font-family:FontAwesome;content: "\f111"; display: inline-block;font-size:10px; transform: scale(0.3); font-style:normal; color:#777;  margin-right:2px; padding-top:8px;}

/* page specific*/
.contact-info{font-size:.86em; background:#fafafa; border:1px solid #e5e5e5; padding:15px; margin-top:32px;}
.contact-info dl{ margin-bottom:0;}
.contact-info .square .box{ background:#e36646; color:#fff; padding:15px;}
.program-info {font-size:.86em; background:#fafafa; border:1px solid #e5e5e5; padding:15px; margin-top:10px; margin-bottom:20px; }

.programs .row{ display:flex;}
.programs h3{ margin-top:90px;}
.programs .view-more{ position:absolute; left:15px; bottom:0;}
.program-fig img{ border-bottom:5px solid #d56e00;}

/* board */

#content .tbl_head01 thead th{ background-color:#FFFFFF; padding:18px 0 6px 0; border-bottom:2px solid #174E75; border-top:0 none;}
#content .tbl_head01 thead th input{vertical-align:middle;}
#content .tbl_head01 td{ padding:14px 0 12px;}

#content .tbl_head01 td.td_subject { margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold;}

#snugle-board thead > tr > th{ border-bottom:0 none !important;}
#snugle-board tbody > tr > td{ border-bottom:0 none !important;border-top:0 none !important; padding: 0 0 0 0; margin: 0 0 0 0; }
#snugle-board-header { padding: 10px 30px 30px; 30px; }
#snugle-board-header > p { color: #333; font-size: 1.2em; font-weight: 200; }
#snugle-board-header > p > a { font-weight: 400; }
#snugle-board-header > p > strong { color: #e36646; font-weight: 400;}
#snugle-board-header { color: #000; background-color: ghostwhite; }

#snugle-board tr > td{ padding:0 0 0 50px !important;}
/* #snugle-header-box > p{ padding: 20px; width:100%; background-color: #e9ecef; display:block; margin:300px auto 50px; font-size:1em; } */
#snugle-header-box > p{ padding: 20px; width:100%; background-color: #e9ecef; display:block; font-size:1em; }

#op_partner_univ #bo_cate_ul{display:none;}




#menu-all-trigger{ position:absolute; top:5px; right:15px; font-size:32px;}
.scroll-to-top{ display:none; position:fixed; bottom:5px; right:10px; color:#fff; font-size:26px; color:#fff; background:rgba(0,0,0,.3); padding:2px 8px;}

/* jsl */
.text_left { text-align: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }
/* .cell_height { line-height: 100%; vertical-align: middle; } */

#content .block_top {margin-top:10px;}
#content .block_top_close {margin-top:-10px;}

/* #academic-calendar >table > tbody > tr > th { vertical-align: middle; } */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-color:#bbb; vertical-align:middle; }
.table th[rowspan],
.table td[rowspan] { vertical-align:middle; }
.table th, .table th[rowspan]{ text-align: center; }

#required_documents tr:nth-child(6){ background: #f9e4e4; }
#required_documents tr:nth-child(7){ background: #f9e4e4; }

#visiting_required_documents tr:nth-child(6){ background: #ffeeee;}
#visiting_required_documents tr:nth-child(7){ background: #ffeeee;}
#visiting_required_documents tr:nth-child(8){ background: #ffeeee;}
#visiting_required_documents tr:nth-child(9){ background: #ffeeee;}

#estimated-cost tbody tr th { text-align: center; }
#estimated-cost tbody tr td { padding-left: 40px; }





/* sm ss */
@media (max-width: 991px) {
/*body{ color:#333333; font-family:san-serif;} */
a { word-break: break-all; }
table {
		overflow-x: auto;
		display: table;
	}

#nav-top{ position:relative; margin-bottom:0;}

#nav-top, #nav-top .dropdown-menu{ background:rgba(30, 41, 60,1)}
#splash{ margin-bottom:40px;}
.slides .slide-text{ left:4%;}
.slides .slide-text p,
.slides .slide-text a{ display:none;}
.slides .slide-text .title{ display:block; font-size:1.4em;}
.flex-control-paging{ padding:5px;}
.flex-prev, .flex-next{ font-size:1.5em;}

.mainpage #program{ padding:15px 0 5px;}
.mainpage #program .fa {font-size: 1.8em;border: 0 none;padding:10px;}
.mainpage #program [class^="col-"]:nth-child(3n+3)::after{ border:0 none;}
.mainpage #program h3{ font-size:.8em; margin:10px 0 25px;}

#latest-notice .title-section,
#latest-sns .title-section{ margin-top:0; margin-bottom:10px}
#latest-notice article{ margin-bottom:40px;}
.latest-article h3{ font-size:1em;}
#latest-notice p{ width:100%; text-align:justify;}
#latest-event .date .date-d{ font-size:1.2em;}
#latest-event .date i{ margin-bottom:5px; margin-top:2px}
#latest-gallery .pic img{ height:auto; margin-left:5px;}
#latest-gallery .con{ padding:0 12px 10px 10px;}
#latest-gallery .con .title{ margin-bottom:6px;}
#latest-sns{ margin-top:20px;}
.con-alt{left: 33.33333333%;}
.pic-alt{right: 66.66666667%;}

.rel-site [class^='col-']{ margin-bottom:10px;}
.site-footer{padding:25px 0 80px;}
.site-footer .link-contactus a{ margin-top:0; margin-bottom:20px; width:100%; text-align:center;}
.site-footer .link-sns{ padding-top:10px;}

#menu-all{ padding:15px 0; font-size:1.2em}
#menu-all .row{ display:block;}
/*
#menu-all [class^="col-"]{ border-top:1px solid rgba(255,255,255,.3); padding:20px -10px 15px 10px;}
#menu-all [class^="col-"]:first-child{border-top:0 none;}
*/
#menu-all li a{ color:#f8ab98;}
#menu-all li li a{ color:#FFF;}
#menu-all li li{ padding:5px 0; }

.subheader{
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding-top:20px; padding-bottom:20px}
.subheader h1{font-size:1em;}
.subheader p{font-size:.8em;}

.breadcrumbs{display:none;}

.page-title .heading{font-size:1.84em; padding-left:15px; padding-right:15px; margin-bottom:25px;}
.page-title .heading i{letter-spacing:normal;}
#content .title-section{ font-size:1.4em;}
#content .title-section::after{ width:40%;}

.page-title{ margin:20px 0; padding-bottom:10px;}
#content h4:first-of-type, #content h4.title-section:first-of-type,
.title-section:first-of-type{ margin-top:42px;}
#content h4.panel-title{ margin-top:0;}


#content p{/* text-align:left;*/}

.gall_row .col-gn-4{ width:50%;}

}

/* sm xs */
/* @media (max-width: 767px) { */
@media (max-width: 660px) {
body{ /* color:#333333; font-family:san-serif; */}
a { word-break: break-all; }
table {
		overflow-x: auto;
		display: table;
	}

#nav-top{ position:relative; margin-bottom:0;}

#nav-top, #nav-top .dropdown-menu{ background:rgba(30, 41, 60,1)}
#splash{ margin-bottom:30px;}
.slides .slide-text{ left:4%;}
.slides .slide-text p,
.slides .slide-text a{ display:none;}
.slides .slide-text .title{ display:block; font-size:1.4em;}
.flex-control-paging{ padding:5px;}
.flex-prev, .flex-next{ font-size:1.5em;}

.mainpage #program{ padding:15px 0 5px;}
.mainpage #program .fa {font-size: 1.8em;border: 0 none;padding:10px;}
.mainpage #program [class^="col-"]:nth-child(3n+3)::after{ border:0 none;}
.mainpage #program h3{ font-size:.8em; margin:10px 0 25px;}

#latest-notice .title-section,
#latest-sns .title-section{ margin-top:0; margin-bottom:10px}
#latest-notice article{ margin-bottom:40px;}
.latest-article h3{ font-size:1em;}
#latest-notice p{ width:100%; text-align:justify;}
#latest-event .date .date-d{ font-size:1.2em;}
#latest-event .date i{ margin-bottom:5px; margin-top:2px}
#latest-gallery .pic img{ height:auto; margin-left:5px;}
#latest-gallery .con{ padding:0 12px 10px 10px;}
#latest-gallery .con .title{ margin-bottom:6px;}
#latest-sns{ margin-top:20px;}
.con-alt{left: 33.33333333%;}
.pic-alt{right: 66.66666667%;}

.rel-site [class^='col-']{ margin-bottom:10px;}
.site-footer{padding:25px 0 80px;}
.site-footer .link-contactus a{ margin-top:0; margin-bottom:20px; width:100%; text-align:center;}
.site-footer .link-sns{ padding-top:10px;}

#menu-all{ padding:15px 0; font-size:1.2em}
#menu-all .row{ display:block;}
/*
#menu-all [class^="col-"]{ border-top:1px solid rgba(255,255,255,.3); padding:20px -10px 15px 10px;}
#menu-all [class^="col-"]:first-child{border-top:0 none;}
*/
#menu-all li a{ color:#f8ab98;}
#menu-all li li a{ color:#FFF;}
#menu-all li li{ padding:5px 0; }

.subheader{
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding-top:20px; padding-bottom:20px}
.subheader h1{font-size:1em;}
.subheader p{font-size:.8em;}

.breadcrumbs{display:none;}

.page-title .heading{font-size:1.84em; padding-left:15px; padding-right:15px; margin-bottom:25px;}
.page-title .heading i{letter-spacing:normal;}
#content .title-section{ font-size:1.4em;}
#content .title-section::after{ width:100%;}

.page-title{ margin:20px 0; padding-bottom:10px;}
#content h4:first-of-type, #content h4.title-section:first-of-type,
.title-section:first-of-type{ margin-top:42px;}
#content h4.panel-title{ margin-top:0;}


#content p{/* text-align:left;*/}

.gall_row .col-gn-4{ width:100%;}

#snugle-board tr > td{ padding:0 0 0 10px !important;}

}


.mbskin .btn_confirm{ border:1px solid #cfded8; padding:20px 0}


/* 팝업레이어 */
#hd_pop {z-index:10000;position:absolute; left:0; top:0;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:0 solid #e9e9e9;border-width:6px 0 1px;background:#fff;z-index:999; border-top-color:#E36646}
.hd_pops_con { padding:15px}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right; font-size:.857em}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

#hd_pop .popup_btn { margin-top:20px; text-align:center; }
#hd_pop .popup_btn a { display:inline-block; padding:10px 20px; background-color:#2e3552; color:#fff; text-decoration:none; }

.insta-box .image-layer{    float: left;
    width: 24%;
    overflow: hidden;
    margin-right: 8px;
}
.insta-box .image-layer img{ width:100%;}
#latest-sns .insta-box .caption-layer p{font-family: san-serif;font-size: .9em;margin-bottom: 2px;}
.insta-box .insta-likes{ font-size:0.86em;}

/* ######################################## */
/* gnu fix */
a.btn_admin,a.btn_b01,a.btn_b02,a.btn_cancel,a.btn_frmline,button.btn_frmline,.btn_cke_sc,.btn_submit,.btn_bo_adm input,.new_win .win_btn button{ font-size:13px; line-height:1em;border-radius: 4px; text-decoration:none;vertical-align:top;}
a.btn_admin:hover,a.btn_b02:hover,a.btn_frmline:hover,.btn02:hover{ color:#fff;}
#bo_v_table{display:none;}
.frm_input[type=text],.frm_input[type=password]{ border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555; height:32px; padding:6px 12px}
.frm_input[type=file]{ height:32px; border:0 none; font-size:12px;}
fieldset .btn_submit { padding:7px 12px; height:30px;}
label{font-weight:normal; }
#tnb a,#bo_cate a {letter-spacing: 0;}
#bo_list .td_name{ text-align:center;}
.pg {letter-spacing: 0;}
#ctt {border: 0 none;margin: 0;padding: 0;}
.board_top{ line-height:2.5em}
.tbl_frm01 th{width:160px; font-weight:normal;}
.tbl_head01 th{ text-align:center;}
.tbl_head01 thead th{ background-color:#f4f4f4; border-bottom-color:#174E75; padding:6px 0; font-weight:normal;}
#bo_vc h2{ font-size:1em; margin-top:0;}
legend {border: 0 none;}
#mb_login h2{ font-size:1.1em;}
#mb_login p{ font-size:.9em;}
#mb_login #login_fs .btn_submit{right:82px; width:72px; height:68px; font-size:1em; font-weight:bold;}
/* .td_subject a{color:#333;} */
#bo_vc,
.tbl_frm01 th{ background-color:#F7F7F9;}
.pg_page, .pg_current{ line-height:inherit;}
/*button*/
a.btn_b01{ background-color:gainsboro; border-color:silver;}
.btn_submit{ background-color:#d84315;}
.btn_bo_adm input,
a.btn_admin_02{background:#fff; border-color:#fff}
.btn_submit{ letter-spacing:0;}

.rectangle {
	width: 10%;
	height: 50px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #cccccc;
}
.triangle-up {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #cccccc;
}
.triangle-down {
	margin-top : 8px;
	margin-bottom : 8px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 40px solid #3b76a5;
}

.gall_row .col-gn-4{ /*! width:100%; */}