@charset "utf-8";
/* CSS Document 
allisxen@gmail.com
*/
body{font-family: 'Noto Sans KR', sans-serif;}

:lang(ko) body {font-family: 'Noto Sans KR',sans-serif;}
:lang(en) body {font-family:'Open Sans',"Segoe UI",Helvetica, Verdana, sans-serif}

:lang(ko) .lang-ko a,
:lang(en) .lang-en a{ background:#707ed3; color:#fff; padding:1px 4px;}

.container{  max-width: none !important;width:1170px!important;}
.navbar-header{ float:left; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#fff!important;}
.navbar-collapse.collapse {display: block!important;}
.navbar-nav>li, .navbar-nav {float: left !important;}
.navbar-nav.navbar-right:last-child {margin-right: -15px !important;}
.navbar-right {float: right!important;}

option{ padding-left:4px;}
#gnb{ border:0 none; border-radius:0; background:#fff;  padding:10px 0 0 0; font-size:1.071em}
.subpage #gnb{ ;border-bottom:8px solid rgba(112,126,211);}
.navbar-brand{ height:auto; padding:0;}
#gnb .caret{ margin-left:7px; color:#ccc;}


.top-nav-sub{ text-align:right; font-size:.82em; padding-top:10px; /*background:#707ED3; background:rgba(112, 126, 211, .8);margin-bottom:15px;*/}
.top-nav-sub li{ display:inline-block; list-style:none;border-left:1px solid #d2d2d2; line-height:8px;margin-left:10px; padding-left:10px;}
.top-nav-sub li:first-child{ border:0 none;}
.top-nav-sub a{ color:#707ed3;}
.top-nav-sub a.admin{ color:red;font-weight:bold; }

.navbar-default .navbar-nav > li > a.active{ color:#707ED3}
.navbar-right .dropdown-menu{ left:0; right:auto;}
.navbar-default .navbar-nav > .dropdown > a:hover, 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{background:#707ED3; color:#fff; transition:all .5s}
.navbar-default .navbar-nav > .dropdown > a:hover{transition-delay:.3s;}

.dropdown-menu{background:#707ED3; box-shadow:none; border:0 none; border-radius:0; padding-top:10px; padding-bottom:10px}
.dropdown-menu > li > a{ color:#fff; margin-bottom:5px}
.dropdown-menu > li > a:hover{}

#splash{ position:relative;overflow:hidden; margin-bottom:40px; min-width:1170px;}
#splash:before{ content:''; position:absolute; left:0; top:0; width:100%; height:8px; background:rgba(112,126,211,.58); z-index:10;}

.latest-notice{ position:absolute; bottom:15px; left:200px; z-index:910}
.latest-notice li{ text-align:right; padding-top:6px; padding-right:200px;text-shadow:1px 1px 1px rgba(0, 0, 0, .7); }
.mainpage .latest-notice .row{ margin-bottom:0;}
.latest-notice a{ color:#fff; }

.btn-notice{ position:absolute; right:30px; top:-5px; background:#1a3559; color:#fff;; padding:6px 20px; z-index:1100 }
.btn-notice:hover{ color:lime; text-decoration:none;}
 #slider{ position:relative; overflow:hidden;}
.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;}
.main-splash .splash-slogan{ width:74%; position:absolute; right:-50%; bottom:26%;text-shadow:1px 2px 4px rgba(0, 0, 0, 1); font-weight:bold; color:#fff; font-size:1.56em;}
.main-splash .splash-slogan span{ display:block; margin-bottom:14px; font-size:1.8em;}

.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,
#slider:hover .flex-direction-nav .flex-prev{ left:20px;}
#splash:hover .flex-direction-nav .flex-next,
#slider:hover .flex-direction-nav .flex-next{ right:20px;}
.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:300% }
.flex-prev:hover,
.flex-next:hover{ color:tomato;}
.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; bottom:0; width:100%;   z-index:900; margin:0; padding:20px 40px; background:rgba(112,126,211,.6)}
.flex-control-paging li{ display:inline-block; width:15px; height:15px; margin:0 3px;}
.flex-control-paging li a{ display:block; width:100%; height:100%; text-indent:-300%; overflow:hidden; background:#FFF;background:rgba(255,255,255,.5); border-radius:50%; cursor:pointer}
.flex-control-paging a.flex-active{ background-color:#fff;cursor:default}

#main-image{ min-height:300px}
#main-image .flex-control-paging{ background:transparent; padding:10px;}
#main-image p{ position:absolute; padding:15px; width:94%; left:3%; bottom:4%; color:#fff; background:rgba(0,0,0,.6);}
#main-image .btn_admin{ z-index:1100;}

#carousel li{ cursor:pointer;}
#carousel:hover .flex-direction-nav .flex-prev{ left:20px; }
#carousel:hover .flex-direction-nav .flex-next{ right:20px;}
#carousel .flex-direction-nav .flex-prev,
#carousel .flex-direction-nav .flex-next{ top:70%;}






.mainpage .row{ margin-bottom:24px;}



.title-maincontent{ margin:0 0 28px 0;}
.title-maincontent:before{ content:'CeLPU'; color:#6e82dc; font-size:.6em; padding:0 8px 6px 0; border-bottom:2px solid #969696;}

.scholarship [class^='col-']{ min-height:224px; padding:0; color:#fff;background-repeat: no-repeat; background-position: 100% center; background-size:50%;}
:lang(en) .scholarship h4{ height:42px;}
.scholarship .article1{ background-color:#ff7f50; background-image: url(/theme/basic/img/bg-scholarship1.jpg);  }
.scholarship .article2{ background-color:#6b8e23; background-image: url(/theme/basic/img/bg-scholarship2.jpg);  }
.scholarship .article3{ background-color:#6495ed; background-image: url(/theme/basic/img/bg-scholarship3.jpg);  }
.scholarship .article4{ background-color:#cd853f; background-image: url(/theme/basic/img/bg-scholarship4.jpg);  }
.scholarship .article3,
.scholarship .article4{ background-position:0 center;}

.scholarship .box{ padding:25px 20px 35px; width:50%; text-align:center}
.scholarship .article3 .box,
.scholarship .article4 .box{ margin-left:50%;}
.scholarship p{ font-size:.86em; margin:25px 0 30px}
.scholarship a{ display:block; width:64%; margin:0 auto; padding:5px;color:#fff; text-decoration:none; border:1px solid #fff;}
.scholarship a:hover{background:#fff;  color:#000;transition:all .6s }
.scholarship .article1 a:hover{ color:#ff7f50}
.scholarship .article2 a:hover{ color:#6b8e23}
.scholarship .article3 a:hover{ color:#6495ed}
.scholarship .article4 a:hover{ color:#cd853f}


.latest-article{ position:relative; margin:50px 0 20px}
.latest-article:first-of-type{margin-top:0;}
.latest-article h4{ font-size:1.2em; color:#333; margin-bottom:30px}
.latest-article a:hover h4{  color:#6e82dc;}
.latest-article-content{ color:#797979}
.latest-article .date{ color:#6e82dc; font-size:.68em; padding-left:15px }

.latest-calendar article{ padding-left:30%; position:relative; font-size:.86em; margin-bottom:23px; min-height:68px}
.latest-calendar h4{ margin:0 0 4px 0; font-size:1.15em}
.latest-calendar h4 a{ color:#454545}
.latest-calendar .date{ width:27%; position:absolute; left:0; top:0; display:block; background:#ccc; color:#FFF; text-align:center; padding:5px 15px}
.latest-calendar article:hover .date{background:#8e97d5;}
.latest-calendar .date i{ display:block; font-style: normal; }
.latest-calendar .date .date-d{ font-weight:bold; font-size:2em; margin:-3px auto}

.latest-article-thumb li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.latest-article-thumb ul{ margin:0; padding:0; list-style:none; font-size:.86em}
.latest-article-thumb a{ color:#555;}
.latest-article-thumb li{ margin-bottom:42px;}
.latest-article-thumb li img{ float:left; overflow:hidden; margin-right:10px; width:80px; height:106px;}
.latest-article-thumb li span{ display:block; font-weight:bold; font-size:1.06em;}
.latest-article-thumb .author{font-size:.88em; font-weight:normal; color:#aaa; margin-top:5px}
/* content ################################################################# */
#container_title{ display:none;}
.table th{white-space:nowrap}
.table caption{ display:none;}

.table th[scope="row"] { width:180px;}

figure{ margin-bottom:30px;}
figcaption{ display:none;}

.header-page{ padding:90px 0; background-size:cover; background-position:center center; margin-bottom:60px; background-color:#9a9dad; background-repeat: no-repeat; text-align:center; position:relative; min-width:1170px;}
body.center .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%), url(/theme/basic/img/bg-header-page.jpg); }
body.schedule .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%),  url(/theme/basic/img/bg-header-page2.jpg); }
body.scholarshi .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%),  url(/theme/basic/img/bg-header-page3.jpg); }
body.reference .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%),  url(/theme/basic/img/bg-header-page4.jpg); }
body.community .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%),  url(/theme/basic/img/bg-header-page5.jpg); }
body.board .header-page{background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(255, 255, 255, 0.1) 80%),  url(/theme/basic/img/bg-header-page6.jpg); }

.header-page h2{ margin:0; color:#fff; position:relative; padding:0 0 20px 0; font-size:2.5em;animation: fadein .8s;
/*text-shadow:1px 2px 4px rgba(0, 0, 0, 1);*/
text-shadow: 1px 2px 6px black, 0 0 1em rgba(255,255,255,.5), 0 0 0.2em rgba(255,255,255,.5);
}
.header-page h2 span{border-bottom:4px solid #707ed3;}
.header-page h2:after{ content:'CeLPU 서울대학교 공익산업법센터'; display:block; margin-top:20px; font-size:.4em; font-weight:normal; color:rgba(255,255,255,.74)}
:lang(en) .header-page h2:after{ content:'Center for Law & Public Utilities';}

@keyframes fadein {
    from {
        opacity:0;
		top:15px;
    }
    to {
        opacity:1;
		top:0;
    }
}


.breadcrumb{ position:absolute; right:10px; top:10px; background:transparent; text-align:right; font-size:.86em; }
.breadcrumb,
.breadcrumb a{ color:#FFFFFF; color:rgba(255,255,255,.74)}
.breadcrumb > li + li::before{ content:'\203A';}


/* title*/
.contentpage #content h2,.contentpage #content h3,.contentpage #content h4{ font-size:2em; color:#5798d2; font-weight:normal; letter-spacing:-.5px; position:relative; padding:0 0 12px 0; margin-top:32px; margin-bottom:38px;}
h2:first-of-type,
h3:first-of-type,
h4:first-of-type{ margin-top:0;}
.contentpage #content h2 strong{ color:#000; font-weight:900; }
.contentpage #content h2:after,
.contentpage #content h3:after,
.contentpage #content h4:after,
#bo_v_title:after{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}

.contentpage #content h3,
#bo_v_title{ font-size:1.72em; color:#e36646; margin-bottom:24px; position:relative; }
.contentpage #content h3:after,
#bo_v_title:after{ background:#f1b2a2; width:50px; height:3px;bottom:-6px;}
#bo_v_title{ margin-top:0;}
.contentpage #content h4{ color:#5798d2; font-size:1.14em; padding:0 0 0 10px; margin-top:25px; margin-bottom:12px;}
.contentpage #content h4:after{ background:#5798d2; width:4px; height:.9em; bottom:0; top:2px;}

#organization.contentpage #content h4,
#organization_en.contentpage #content h4{ color:#707ED3; font-weight:600; padding-left:20px;}
#organization.contentpage #content h4:after,
#organization_en.contentpage #content h4:after{ background:#707ED3; width:14px; height:14px; top:3px; border-radius:50%; }


#greeting #content p,
#greeting_en #content p{ margin-bottom:50px;}
#greeting #content figure,
#greeting_en #content figure{ position:relative; margin-bottom:160px}
/*#greeting #content figure:before,
#greeting_en #content figure:before{ content:''; position:absolute; bottom:-80px;  left:50%; margin-left:-150px; width:300px; height:1px; background:#ddd;}*/
#greeting .autograph,
#greeting_en .autograph{ font-size:1.2em; font-weight:bold;}
#greeting .corner-edge:after,#greeting_en .corner-edge:after {
    content: '';
    position:absolute;
    bottom:0;
    right:0;
    height: 0px;
    width: 0px;
    border-left:25px solid transparent;
    border-top:25px solid transparent;
    border-bottom:25px solid white;
    border-right:25px solid white;
}
.history-box{ background-image: url(/theme/basic/img/bg-history.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size:62%; }
.history-box [class^='col-']{ background-color:rgba(255,255,255,.82);}

.gallery-item{position:relative; margin-bottom:20px;  }
.check-box{position:absolute;right:25px; top:10px; z-index:100;}
.gallery-item .inner-box{ position:relative;  /*padding-top:100%; */overflow:hidden;border:1px solid #ededed;}
.gallery-item .heading{ padding:10px;}
.gallery-img{ position:absolute; top:0; left:0; right:0; bottom:0;transform:translate(50%,50%);}
.gallery-img img{ display:block; max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; transform:translate(-50%,-50%);}
.gallery-img.landscape img{width:100%; height:auto;  }
.gallery-img.portrait img{ width:auto; height:100%; }
.gallery-img.square img{ height:auto;max-width: 100%}
.no-image span {position: absolute; top:0; left:0;width: 100%;height: 100%; text-transform: uppercase; text-align:center; background:#eee;transform:translate(-50%,-50%); padding-top:46%; }
#content .gallery-item h3{ font-size:1.2em; margin-bottom:0;}
#content .gallery-item h3:after{ display:none;}
.gallery-content{word-wrap: break-word; }

#series .gallery-item .inner-box{ padding:15px;}
#series .gallery-img { position:relative; float:left; width:30%;transform: translate(0,0);}
#series .gallery-img img{ position:relative; height:auto;transform: translate(0,0);}
#series .gallery-item .heading{ float:right; width:65%; padding:0}
#series .gallery-item .heading h3{ font-size:1em; margin-top:0;margin-bottom:15px}
#series .gallery-item .heading h4{ font-size:0.94em; color:#3344A4;  }
.thumb-series{ vertical-align:middle!important; text-align:center; width:260px}
#series #bo_v_info{ display:none;}
#series .price{ color:crimson;}

#sponsor #bo_list_total{ display:none;}
#sponsor .gallery-item .inner-box{ padding:15px; min-height:260px}
#sponsor .gallery-item .heading{ float:right; width:65%; padding:0}
#sponsor .gallery-item .heading h3{ font-size:1.2em; margin-top:0; margin-bottom:15px}
#sponsor #bo_v_info,
#sponsor #bo_sch{ display:none;}

.relsite [class^='col-']{padding:10px; margin-bottom:20px;}
.relsite [class^='col-'] .box{ border:1px solid #ddd; padding:10px; position:relative; }
.relsite .title{ display:block; margin-bottom:8px;position:relative; padding-left:10px; font-size:1.1em}
.relsite .title:after{ content:''; position:absolute; left:0; top:4px; width:4px; height:13px; background:#707ed3; }
.relsite [class^='col-'] p{ font-size:.9em; color:#666; margin-top:10px}
.relsite [class^='col-'] .fa-link{ position:absolute; color:#fff; background:#707ED3; right:0; bottom:0; padding:8px 5px 4px;}
.relsite .link{ font-size:.86em}


body#organization #content th{ width:160px;}

.history-box ol{ padding:0; margin:0;list-style:none;}
.history-box li{ position:relative; margin:0 0 6px 0; padding-left:10px}
.history-box li:before { position:absolute; left:0; top:-2px;content: "\2022"; color:#777; }


.attach_file{ border-top:1px dotted #e2e2e2; padding-top:5px; padding-bottom:15px; margin-top:10px}
.attach_file ul{ margin:6px 0 0; padding:0; list-style:none; font-size:.92em}
.attach_file li{list-style:none; position:relative; padding-left:18px; font-size:.929em}
.attach_file li:before { position:absolute; left:0; top:0;content: "\f15c"; color:#cecece; font-family: FontAwesome}
.attach_file a{ color:#8e8e8e!important}

#journal .attach_file ul{column-count:3; }
#reference_data .attach_file ul{column-count:2; }

#journal .td_subject > a{ font-weight:bold;}
body.reference #bo_v_top{ display:none;}
#journal #bo_v_info{ border:0 none; display:none}
#journal #bo_v_file{ font-size:.92em; background:#f8f8f8; padding:15px; margin-bottom:20px}
#journal #bo_v_file ul{ column-count:3;}
#journal #bo_v_file li{ background:transparent; border:0 none;}
#journal #bo_v_file a:hover{ color:#0066CC;}
#journal .journal-summary{ margin:15px 0;}
.journal-thumb{ width:130px}
.journal-summary th{ width:90px;}


/* FAQ*/
.panel-group{ border-top:1px solid #e1e3e6;}
.panel-default > .panel-heading{ background-color:transparent; }
.panel{ border:0 none;box-shadow:none; border-bottom:1px solid #e1e3e6;}
.panel:hover{ background:#f4f4f4;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{ border-top:0 none;}
.panel-heading,
.panel-body{ position:relative; padding-left:100px; padding-right:40px; min-height:90px}
.panel-heading .fa,
.panel-body .fa{ background:#707ed3; color:#fff; width:70px; height:70px; line-height:70px; text-align:center; position:absolute; left:10px; top:10px; }
.panel-body .fa{ background:#FC534C; top:15px;}
.panel-heading h4{ font-weight:normal;}
.panel-heading{display: flex;}
.panel-heading h4{align-items: stretch; width:100%;}
.panel-heading a{ display:block; text-decoration:none; width:100%; height:100%}
.panel-heading a:after{ content:'\f055'; font-family:FontAwesome; position:absolute; right:20px; top:20%;color:#d2d2d2; font-size:2em }
.panel-heading a.collapsed:after{ content:'\f056';}
.datepicker{ width:120px;}


body#schedule .input-group,
body.scholarshi .input-group{ display:inline-block;}
body#schedule td.td_subject span{ display:block;}
body#schedule td .date{ font-size:.86em; color:#777;}
.td_classification{ width:160px; text-align:center; color:#707ED3}
.classification{ display:none!important; color:#707ED3;}
body#schedule .host{ font-size:.9em; color:#999;}
body#schedule .td_subject{ width:45%;}
body#schedule .td_wr_contnet{ font-size:0.9em; color:#8C8C8C; }

#sel_scholarship #article-list{ text-align:center; padding:15px;}
#sel_scholarship th{text-align:center;}
#sel_scholarship .subject{ text-align:left;}

#bo_cate ul{list-style:none;}
#bo_cate a{ width:auto; padding:8px 10px;}

.site-footer{ color:#fff; background:#3d3d3d; text-align:center; font-size:.86em; padding:30px 0; margin-top:40px}
.site-footer p{ margin-top:6px; color:rgba(255,255,255,.64)}





/*회원가입*/
#fregister h2,
#fregister p{ text-align:left;}
#fregister ul{ border:1px solid #e9e9e9; padding:25px; list-style-position: inside; }
#fregister li{ margin-bottom:6px}
#fregister ul span{ display:inline-block; width:104px;}
#fregister .btn_confirm label{ margin:0 6px;}





.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color:#555; border-color:#555}


/* 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!important;}
.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:#f7f7f7; padding:18px 0 21px 0; border-top:2px solid #000;}
.tbl_head01 thead th input{vertical-align:middle;}
.tbl_head01 td{ padding:14px 0 12px;}
#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;}
.mbskin .tbl_frm01 th{ width:120px;}
#bo_list .td_date{width:90px;}
#bo_list .td_chk{ width:50px;}
#captcha #captcha_key{width:84px;}
#bo_v_link li{ background-color:#f7f7f7;}
/*button*/
a.btn_b01{ background-color:#f1f1f1; border-color:silver;}
.btn_submit{ background-color:#d84315;}
.btn_bo_adm input,
a.btn_admin{background:#d84315; border-color:firebrick}
#content .bo_v_nb li,
#content .bo_fx li,
#content .bo_v_com li{ padding:0;}
#content .bo_v_nb li:before,
#content .bo_fx li:before,
#content .bo_v_com li:before,
#content #gall_ul li:before{ display:none;}


.mo-write-title{ font-weight:bold; color:#e36646;}