@charset "utf-8";

/*main-S*/

/*visual-S*/

#container .visual {padding-top: 5%; margin-bottom: 4%;}
#container .visual .visual01 {width: 100%;
}
#container .visual .visual02 {width: 100%;
}
#container .visual .visual03 {width: 100%;
}

#container .visual img {width: 100%;} 


/*visual-E*/

/*quick_menu-S*/

#container .quick_menu {margin-bottom: 20px;}
#container .quick_menu .quick_btn {float: left;}
#container .quick_menu .quick_btn ul {width: 500px;}
#container .quick_menu .quick_btn ul li {float: left; width: 240px; height: 100px;}
#container .quick_menu .quick_btn ul li:nth-child(1) {margin-bottom: 20px;
    background: url(../img/quick_button_1-2.jpg) no-repeat 0 0;
}
#container .quick_menu .quick_btn ul li:nth-child(2) {margin-left: 20px; margin-bottom: 20px;
    background: url(../img/quick_button_2-2.jpg) no-repeat 0 0;
}
#container .quick_menu .quick_btn ul li:nth-child(3) {background: url(../img/quick_button_3-2.jpg) no-repeat 0 0;}
#container .quick_menu .quick_btn ul li:nth-child(4) {margin-left: 20px;
    background: url(../img/quick_button_4-2.jpg) no-repeat 0 0;
}
#container .quick_menu .quick_btn ul li a {display: block; width: 240px; height: 100px; padding: 20px 20px 20px 25px;
    color: #fff; font-size: 20px; line-height: 30px;
    position: relative;
}


#container .quick_menu .online {float: left; margin-left: 20px; width: 200px; height: 220px;
    #background: url(../img/journals_button_bg.jpg) no-repeat 0 0;
}
#container .quick_menu .online p {position: relative;}
#container .quick_menu .online p:before {content: ""; width: 87px; height: 52px; margin-left: -43px;
    background: url(../img/icon.png) no-repeat -422px 0;
    position: absolute; left: 50%; top: 27px;
}
#container .quick_menu .online p a {display: block; padding-top: 85px;
    font-size: 24px; font-weight: bold; color: #fff; text-align: center;
}
#container .quick_menu .online em {display: block; padding-top: 20px;
    color: #2e3192; font-size: 12px; text-align: center; font-weight: bold; line-height: 13px;
}



#container .notice {float: left; width: 460px; height: 220px; margin-left: 20px; padding: 20px;
    border: 1px solid #c7dcea;
    position: relative;
}
#container .notice .notice_tit {margin-bottom: 20px;
    position: relative;
}
#container .notice .notice_tit:after {content: ""; width: 20px; height: 19px;
    background: url(../img/icon2.png) no-repeat 0 0;
    position: absolute; left: 95px; top: 5px;
}
#container .notice ul {height: 130px; overflow: auto; padding-right: 10px;}

#container .notice ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
    border-radius: 10px;

}
#container .notice ul::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
#container .notice ul::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
    border-radius: 10px;
}
#container .notice ul li {padding: 0 0 5px 20px;
    position: relative;
}
#container .notice ul li:before {content: ""; width: 5px; height: 5px;
    background-color: #fe887e;
    position: absolute; left: 5px; top: 7px;
}
#container .notice ul li a {display: block; width: 280px; overflow: hidden;
    font-size: 15px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
}
#container .notice ul li a:hover {}
#container .notice ul li>span {position: absolute; right: 0; top: 0;}
#container .notice>.more {position: absolute; right: 20px; top: 30px;}

/*quick_menu-E*/

/*event_search_support-S*/

#container .event_search_support {margin-bottom: 35px;}
#container .event {width: 330px; height: 220px; float: left; padding: 15px;
    border: 1px solid #c7dcea;
    position: relative;
}
#container .event .event_tit {margin-bottom: 20px;
    position: relative;
}
#container .event .event_tit:after {content: ""; width: 21px; height: 24px;
    background: url(../img/icon2.png) no-repeat -30px 0;
    position: absolute; left: 150px; top: 2px;
}
#container .event figure {margin-bottom: 15px; width: 100%;}
#container .event figure a {}
#container .event figure a img {width: 100%;}
#container .event p {font-size: 15px;}
#container .event p>span {display: block;
    font-size: 12px; color: #aaa;
}
#container .event>.more {position: absolute; right: 20px; top: 30px;}



#container .search {width: 370px; height: 220px; float: left; margin-left: 20px; padding: 20px;
    border: 1px solid #c7dcea;
    position: relative;
}
#container .search .search_tit {margin-bottom: 20px;
    position: relative;
}
#container .search .search_tit:after {content: ""; width: 25px; height: 23px;
    background: url(../img/icon2.png) no-repeat -61px 0;
    position: absolute; left: 120px; top: 4px;
}
#container .search ul {float: left; width: 65%; height: 130px; overflow: auto;}
#container .search ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
    border-radius: 10px;

}
#container .search ul::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
#container .search ul::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
    border-radius: 10px;
}
#container .search ul li {}
#container .search ul li+li {padding-top: 10px;}
#container .search ul li a {font-size: 15px;}
#container .search figure {float: right; width: 30%;}
#container .search figure a {}
#container .search figure a img {width: 100%;}
#container .search>.more {position: absolute; right: 20px; top: 30px;}



#container .support {width: 460px; height: 220px; float: left; margin-left: 20px; padding: 20px;
    border: 1px solid #c7dcea;
    position: relative;
}
#container .support_tit {margin-bottom: 20px;
    position: relative;
}
#container .support_tit:after {content: ""; width: 18px; height: 24px;
    background: url(../img/icon2.png) no-repeat -96px 0;
    position: absolute; left: 230px; top: 3px;
}
#container .support ul {height: 130px; overflow: auto; padding-right: 10px;}
#container .support ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
    border-radius: 10px;

}
#container .support ul::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
#container .support ul::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
    border-radius: 10px;
}
#container .support ul li {padding: 0 0 5px 20px;
    position: relative;
}
#container .support ul li::before {content: ""; width: 5px; height: 5px;
    background-color: #fe887e;
    position: absolute; left: 5px; top: 7px;
}
#container .support ul li a {display: block; width: 280px; overflow: hidden;
    font-size: 15px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
}
#container .support ul li>span {position: absolute; right: 0; top: 0;}
#container .support>.more {position: absolute; right: 20px; top: 30px;}


/*event_search_support-E*/

/*ad-S*/

#container .ad {margin-bottom: 35px;}

/* banner */
.ad{position:relative; width:100%; background:#fff; padding:15px 0;}
.ad .flow_banner_box{position:relative; width:1200px; margin:0 auto; background:#fff; height:66px;}
.ad .flow_banner_box .flow_bann_area{position:absolute; top:8px; left:50%; margin-left:-540px;}
.ad .flow_banner_box .flow_bann_area ul{*zoom:1;}
.ad .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
.ad .flow_banner_box .flow_bann_area ul li{float:left; padding-right:9px; width: 180px; height: 49px;}
.ad .flow_banner_box .flow_bann_area ul li a{}
.ad .flow_banner_box .flow_bann_area ul li a img{border:1px solid #f2f2f2; width: 100%;}
/* btn */
.flow_ctrl_box{}
.flow_ctrl_box a{position:absolute; top:20px;  width:16px; height:26px; background-image:url(/img/flow_ctrl_side_btn.gif);}
.flow_ctrl_box a.back{left:18px; background-position:0 0;}
.flow_ctrl_box a.next{right:18px; background-position:16px 0;}
.flow_ctrl_box a.play{background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.flow_ctrl_box a.stop{background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}




/*ad-E*/




/*layer popup*/
#layer{width:300px; position:absolute; top:60px; left:20%; margin-left:-150px; z-index:111111;}
#layer .imgarea{width:100%;}
#layer .imgarea img{width:100%;}
#layer .closearea{width:100%; height:20px; background:#fff; padding-right:6px;}
#layer .closearea .tal {float: left; margin-left: 10px;}
#layer .closearea .tar {float: right;}
#layer2{width:300px; position:absolute; top:60px; left:60%; margin-left:-150px; z-index:1111;}
#layer2 .imgarea{width:100%;}
#layer2 .imgarea img{width:100%;}
#layer2 .closearea{width:100%; height:20px; background:#fff; padding-right:6px;}
#layer2 .closearea .tal {float: left; margin-left: 10px;}
#layer2 .closearea .tar {float: right;}










/*main-E*/



/*sub01-01-S*/

/*subvisual01-S*/

.sub_visual01 {padding-top: 30px; margin-bottom: 25px;}
.sub_visual01 img {width: 100%;}
.sub_visual01 div {display: block; width: 100%; height: 240px; min-width: 1900px;
    background: url(../img/sub_visual.jpg) no-repeat 0 0;
}

/*subvisual01-E*/

/*left_menu-S*/

.left_menu {float: left; width: 250px; border: 1px solid #2e3192;}
.left_menu .left_menu_tit {width: 249px; height: 140px;
    background-color: #2e3192;
    color: #fff; text-align: center; line-height: 140px; font-size: 30px;
}
.left_menu ul {}
.left_menu ul li {height: 45px;}
.left_menu ul li+li {border-top: 1px solid #2e3192;}
.left_menu ul li a {padding-left: 15px; width: 250px; display: block;
    line-height: 45px; font-size: 15px;
    position: relative;
}
.left_menu ul li a:after {content: ""; width: 13px; height: 12px;
    background: url(../img/arrow.png) no-repeat 0 0;
    position: absolute; right: 17px; top: 16px;
}
.left_menu ul li a:before {content: ""; width: 24px; height: 24px;
    background-color: #cccccc;
    position: absolute; right: 12px; top: 10px;
    border-radius: 50%;
}

.left_menu ul li.on {background-color: #c7dcea;}
.left_menu ul li.on a:before {content: ""; width: 24px; height: 24px;
    background-color: #fe887e;
    position: absolute; right: 12px; top: 10px;
    border-radius: 50%;}

/*left_menu-E*/

/*subtit-S*/

.subtit-wrap {float: left; margin-left: 30px; width: 920px;}
.sub_tit {padding: 40px 0 0 15px; margin-bottom: 15px;
    font-size: 30px; font-weight: bold;
}
.sub_navi {padding-left: 15px;}
.sub_navi ul {padding-left: 20px; display: block; height: 60px;
    border-bottom: 1px solid #eee;
}
.sub_navi ul li {float: left;
    position: relative;
}
.sub_navi ul li+li {margin-left: 25px;}
.sub_navi ul li:first-child:before {content: ""; width: 18px; height: 15px;
    background: url(../img/sub_icon.png) no-repeat 0 0;
    position: absolute; left: -20px; top: 2px;
}
.sub_navi ul li:nth-child(2):before {content: ""; width: 6px; height: 11px;
    background: url(../img/sub_icon.png) no-repeat -24px 0;
    position: absolute; left: -13px; top: 4px;
}
.sub_navi ul li:nth-child(3):before {content: ""; width: 6px; height: 11px;
    background: url(../img/sub_icon.png) no-repeat -24px 0;
    position: absolute; left: -13px; top: 4px;
}
.sub_navi ul li a {display: block;
    text-align: center;
}

/*subtit-E*/

/*intro-S*/

.intro {float: left; width: 920px; margin-left: 30px;}

.intro figure {}
.intro .msg {padding: 50px 0;
    line-height: 23px;
}
.intro p {margin-bottom: 40px;
    text-align: right; 
}

/*intro-E*/
    
    

/*sub01-01-E*/

/*sub01-02-S*/

.organization {float: left; width: 920px; margin-left: 30px; padding: 50px 0;
    text-align: center;
}

/*sub01-02-E*/

/*sub01-03-S*/

.member {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.member table {margin: 0 auto;}
.member table td {border-bottom: 1px solid #fff; vertical-align: middle;}


/*sub01-03-E*/

/*sub01-04-S*/

.committee {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.committee table {margin: 0 auto;}
.committee table td {border-bottom: 1px solid #fff; vertical-align: middle;}
.committee table .tugo_title {margin: 30px 0;
    text-align: center; font-size: 22px; font-weight: bold;
}
/*sub01-04-E*/


/*sub01-05-S*/

.rule {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.rule em {display: block;
    text-align: right; font-size: 14px; line-height: 20px;
}
.rule h1 {padding: 15px 0 12px 14px;
    font-size: 24px; color: #2e3192;
    border-bottom: 1px solid #2e3192;
}
.rule>p {padding: 20px;
    font-size: 15px; line-height: 20px;
}
.rule .sub_rule {padding: 12px;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}
.rule .sub_rule strong {display: block; padding: 13px 0;
    font-size: 18px; color: #236ae4;
}
.rule .sub_rule span {display: block; padding-bottom: 10px;}
.rule .sub_rule p {padding-left: 15px;
    line-height: 24px;
}
.super {vertical-align: super !important;}


/*sub01-05-E*/

/*sub02-01-S*/

.sympo {float: left; width: 920px; margin-left: 30px; padding: 50px 0}
.sympo table {margin: 0 auto;}
.sympo table td {font-size: 14px;
    border-bottom: 1px solid #fff; vertical-align: middle;}

/*sub02-01-E*/

/*sub02-02-S*/

.data-wrap {float: right; width: 920px; margin-left: 30px; padding-bottom: 50px;}
.data-wrap .data {width: 900px; margin: 0 auto; padding: 30px;
    position: relative;
}
.data-wrap .data+.data {border-top: 1px solid #98baff;}
.data-wrap .data h1 {padding: 0 0 20px 30px; width: 750px;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.data-wrap .data h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.data-wrap .data h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.data-wrap .data h1 a {}
.data-wrap .data ul {padding-left: 20px;}
.data-wrap .data ul li {width: 80%;
    position: relative;
    line-height: 30px;
}
.data-wrap .data ul li:before {content: ""; width: 5px; height: 5px;
    background-color: #236ae4;
    position: absolute; left: -10px; top: 13px;
}
.data-wrap .data ul li span {font-weight: bold;}
.data-wrap .data button {width: 90px; height: 30px;
    position: absolute; right: 0; top: 70px;
    background-color: #fff;
    border: 1px solid #2e3192;
    color: #2e3192; font-weight: bold;
    transition: all 0.3s;
    cursor: pointer;
}
.databtn-left {right: 110px !important;}
.data-wrap .data button:hover {background-color: #2e3192; color: #fff;}
.data_subtit {display: block; margin-bottom: 15px; width: 900px; margin-left: 10px;
    font-size: 24px; color: #2e3192;
    border-bottom: 1px solid #2e3192;
}


.button {}
.button ul {float: right;}
.button ul li {float: left;}
.button ul li+li {margin-left: 15px;}
.button ul li button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.button ul li button:hover {background-color: #333; color: #fff;}


.pre_next{text-align:center; display:block; margin:10px 0; padding:10px 0; position: relative;}
.pre_next *{text-decoration: none; font-size:1.2rem; font-weight: 600; vertical-align: middle; }
.pre_next a{display:inline; padding:6px; background:#f2f2f2; color:#495164;}
.pre_next a:hover,
.pre_next a:active,
.pre_next a:focus{background:#2e3192; color:#fff;}
.pre_next strong{display:inline; padding:6px; background:#312d2d; color:#fff;}


.search_box {width: 800px; height: 70px; margin: 0 auto; margin-top: 30px;
    border: 2px solid #f1f1f1;
}
.search_box {text-align: center; line-height: 70px;}

.search_box select {width: 90px; height: 20px;}
.search_box input {width: 150px; height: 20px;}
.search_box button {height: 20px;
    background-color: #999; color: #fff; font-weight: bold;
    border: 1px solid #999; line-height: 0;
    cursor: pointer;
}






/*sub02-02-E*/


/*sub02-03-S*/

.calendar {float: left; width: 920px; margin-left: 30px; padding: 50px 0}
.calendar div {width: 900px; height: 600px; margin: 0 auto;
    border: 1px solid #333;
    text-align: center; line-height: 600px;
}

/*sub02-03-E*/

.absTitle {padding-bottom: 40px; padding-left: 40px;
    font-weight: bold; color: #525ec7; font-size: 24px;
    position: relative;
}
.absTitle::before {content: ""; width: 13px; height: 13px;
    background-color: #525ec7;
    position: absolute; left: 15px; top: 8px;
}

/*sub03-04-S*/

.news-paper {float: left; width: 920px; margin-left: 30px; padding: 50px 0}
.news-paper div {width: 900px; height: 600px; margin: 0 auto;
    border: 1px solid #333;
    text-align: center; line-height: 600px;
}

/*sub03-04-E*/

/*sub04-01-S*/

.board {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.board_wrap {margin-bottom: 50px;}
.board_wrap .board_tit {padding-bottom: 10px;
    border-bottom: 1px solid #236ae4;
}
.board_wrap .board_tit ul {}
.board_wrap .board_tit ul li {float: left;
    text-align: center; font-weight: bold;
}
.board_wrap .board_tit ul li:nth-child(1) {width: 10%;}
.board_wrap .board_tit ul li:nth-child(2) {width: 50%;}
.board_wrap .board_tit ul li:nth-child(3) {width: 20%;}
.board_wrap .board_tit ul li:nth-child(4) {width: 10%;}
.board_wrap .board_tit ul li:nth-child(5) {width: 10%;}
.board_wrap .board_tit ul li.board_seh:nth-child(1) {width: 5%;}
.board_wrap .board_tit ul li.board_seh:nth-child(2) {width: 15%;}
.board_wrap .board_tit ul li.board_seh:nth-child(3) {width: 30%;}
.board_wrap .board_tit ul li.board_seh:nth-child(4) {width: 30%;}
.board_wrap .board_tit ul li.board_seh:nth-child(5) {width: 20%;}


.board_sec {}
.board_sec li {float: left; height: 80px; display: block;
    text-align: center; line-height: 80px;
    border-bottom: 1px solid #eee;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
}
.board_sec li:nth-child(1) {width: 10%;}
.board_sec li:nth-child(2) {width: 50%;}
.board_sec li:nth-child(3) {width: 20%;}
.board_sec li:nth-child(4) {width: 10%;}
.board_sec p, .board_sec h2 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.board_sec li:nth-child(5) {width: 10%;}
.board_sec .board_num>span {padding: 0 5px;
    background-color: #236ae4; color: #fff; font-size: 10px;
    border-radius: 5px;
}
.board_sec li.board_seh:nth-child(1) {width: 5%;}
.board_sec li.board_seh:nth-child(2) {width: 15%;}
.board_sec li.board_seh:nth-child(3) {width: 30%;}
.board_sec li.board_seh:nth-child(4) {width: 30%;}
.board_sec li.board_seh:nth-child(5) {width: 20%;}
.board_sec li.board_seh {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}


/*sub04-01-E*/


/*sub04-05-S*/

.member h1 {padding-bottom: 30px; width: 800px; display: block; margin: 0 auto; margin-bottom: 30px;
    font-size: 18px; color: #2e3192;
    border-bottom: 1px solid #2e3192;
    text-align: center;
}

/*sub04-05-E*/


/*sub05-04-S*/

.imgboard {float: left; width: 920px; margin-left: 30px; padding: 50px 0}
.imgboard div {}
.imgboard ul {}
.imgboard li {float: left; width: 215px; margin: 30px 0;
    text-align: center;
    position: relative;
}
.imgboard li+li {margin-left: 20px;}
.imgboard li:nth-child(4n+1) {margin-left: 0;}
.imgboard li>span {padding-top: 220px; display: block;}
.imgboard li>p {padding: 10px 0;}
.imgboard li>em {display: block; margin-bottom: 20px;
    color: #236ae4;
}
.imgboard li>img {position: absolute; left: 50%; top: 0; margin-left: -74px;}
.imgboard li>button {width: 120px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
.imgboard li>button:hover {background-color: #333; color: #fff;}
.imgboard .co {text-align: center; display: block; width: 100%;
    background-color: #236ae4;
    border-radius: 20px;
    color: #fff;
}
.imgboard .copy {text-align: center; padding: 20px;
    background-color: #f1f1f1;
    font-size: 14px;
}

/*sub05-04-E*/


/*join-info-S*/

.join-info {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.join-info div {margin-bottom: 50px;}
.join-info div h1 {padding: 0 0 20px 30px; width: 750px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.join-info div h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.join-info div h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.join-info div figure {}
.join-info div table {margin: 0 auto;}
.join-info div td {border-bottom: 1px solid #fff; vertical-align: middle;}
.join-info div p{}
.join-info button {width: 140px; height: 40px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.3s;
}
.join-info .button {display: block; text-align: center;}
.join-info button:hover {background-color: #333; color: #fff;}

/*join-info-E*/



/*login-S*/

.login {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.login h1 {text-align: center; font-size: 40px; font-weight: bold; color: #2e3192;}

.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form span>input {width: 20px;}
.form span{font-size: 13px;}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4c50af;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #4367a0;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}

/*login-E*/


/*find-S*/

.find {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.find div {width: 600px; margin: 0 auto; height: 170px;
    position: relative;
}
.find div h1 {padding: 0 0 20px 30px; width: 600px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
    border-bottom: 1px solid #2e3192;
}
.find div h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.find div h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.find figure {position: absolute; left: 50px; top: 80px;}
.find form {position: absolute; right: 50px; top: 70px;}
.find form p {margin-bottom: 10px;}
.find form p span {display: inline-block; width: 100px; text-align: center;}
.find form p input {display: inline-block; width: 120px;}
.find form button {position: absolute; right: -50px; top: 0;
    background-color: #fff;
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.3s;
}
.find form button:hover {background-color: #333; color: #fff;}

.f_id {font-weight: bold; color: #2e3192;}


/*find-E*/

/*join-S*/

.join {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.join div {width: 900px; display: block; margin: 0 auto; margin-left: 16px; margin-bottom: 20px;
    border-top: 1px solid #2e3192;
    border-bottom: 1px solid #2e3192;
}
.join div ul {}
.join div ul.hori li {float: left; width: 50%;}
.join div li {}
.join div li+li {border-top: 1px solid #fff;}
.join div li strong {display: inline-block; width: 180px; height: 50px; padding-left: 40px;
    background-color: #e4eeff;
    text-align: center; line-height: 50px;
}
.join div li span {color: #f00;}
.join div li input {margin-left: 20px;}
.join div li select {margin-left: 20px; vertical-align: middle;}
.join div li button {margin-left: 10px; width: 80px; height: 25px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.3s;
}
.join div li button:hover {background-color: #333; color: #fff;}
.join div li em {margin-left: 20px; color: #333; font-weight: normal;}
.join p {text-align: center;}
.join p button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.join p button:hover {background-color: #333; color: #fff;}
.join p button:nth-of-type(2) {margin-left: 10px;}

.joinbtn {width: 80px; height: 30px; margin-left: 10px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;}
.joinbtn:hover {background-color: #333; color: #fff;}

/*join-E*/

/*clause-S*/

.clause {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.clause h1 {padding: 0 0 20px 30px; width: 600px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.clause h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.clause h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.clause textarea {width: 920px; height: 300px; resize:none; background-color: #fff;
}
.clause p {text-align: center; padding-top: 20px;}
.clause p button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.clause p button:hover {background-color: #333; color: #fff;}
.clause p button:nth-of-type(2) {margin-left: 10px;}

/*clause-E*/


/*read-S*/

.read {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.read .read-wrap {width: 900px; display: block; margin: 0 auto; margin-left: 16px; margin-bottom: 20px;
    border-top: 1px solid #2e3192;
    border-bottom: 1px solid #2e3192;
}
.read .read-wrap ul {}
.read .read-wrap ul.hori li {float: left; width: 50%;}
.read .read-wrap li {width: 100%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.read .read-wrap li+li {border-top: 1px solid #fff;}
.read .read-wrap li strong {display: inline-block; width: 150px; height: 30px;
    background-color: #e4eeff;
    text-align: center; line-height: 30px;
}
.read .read-wrap li span {padding-left: 30px;}
.read .read-wrap li input {margin-left: 20px;}
.read .read-wrap li select {margin-left: 20px; vertical-align: middle;}
.read .read-wrap li button {margin-left: 10px; width: 80px; height: 25px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.3s;
}
.read .read-wrap li a {padding-left: 30px;}
.read .read-wrap li a:first-child {padding-left: 0;}
.read .read-wrap li button:hover {background-color: #333; color: #fff;}
.read .read-wrap em {display: block; padding: 30px; color: #333; text-align: left; font-weight: normal;}

.read p {text-align: right;}
.read p button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;}
.read p button:hover {background-color: #333; color: #fff;}
.read p button+button {margin-left: 10px;}


/*read-E*/

/*write-S*/

.write {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.write div {width: 900px; display: block; margin: 0 auto; margin-left: 16px; margin-bottom: 20px;
    border-top: 1px solid #2e3192;
    border-bottom: 1px solid #2e3192;
}

.write div ul {}
.write div ul.hori li {float: left; width: 50%;}
.write div li {}
.write div li+li {border-top: 1px solid #fff;}
.write div li strong {display: inline-block; width: 150px; height: 30px;
    background-color: #e4eeff;
    text-align: center; line-height: 30px;
}
.write div li span {padding-left: 30px;}
.write div li input {margin-left: 20px;}
.write div li textarea {width: 50%; height: 300px; vertical-align: middle; margin-left: 20px;}
.write div li select {margin-left: 20px; vertical-align: middle;}
.write div li button {margin-left: 10px; width: 80px; height: 25px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.3s;
}
.write div li button:hover {background-color: #333; color: #fff;}
.write div em {display: block; padding: 30px; width: 100%; height: 400px; color: #333; text-align: left; font-weight: normal;}

.write p {text-align: right;}
.write p button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;}
.write p button:hover {background-color: #333; color: #fff;}
.write p button+button {margin-left: 10px;}

.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {display: inline-block; width: 80px; height: 25px;
    color: #333; line-height: 25px; vertical-align: middle; text-align: center; font-size: 12px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #333; border-bottom-color: #333;
    transition: all 0.3s;
} /* named upload */
.filebox label:hover {background-color: #333; color: #fff;}
.filebox .upload-name {display: inline-block; width: 160px; height: 25px;
    font-size: 12px; line-height: 25px; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.write .filebox a {margin: 0 5px; width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 20px; text-indent: -9999px;
    position: relative;
    border: 1px solid #333;
}
.write .filebox a:nth-of-type(1)::after {content: ""; width: 2px; height: 16px;
    position: absolute; right: 10px; top: 4px;
    background-color: #333;
}
.write .filebox a:nth-of-type(1)::before {content: ""; width: 16px; height: 2px;
    position: absolute; right: 3px; top: 11px;
    background-color: #333;
}
.write .filebox a:nth-of-type(2)::after {content: ""; width: 16px; height: 2px;
    position: absolute; right: 4px; top: 11px;
    background-color: #333;}



/*write-E*/

/*present-data-S*/

.present-data {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.present-data div {padding: 30px 0 20px 0;
    border-bottom: 1px solid #2e3192;
}

.present-data div h2 {padding: 0 0 20px 30px; width: 600px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.present-data div h2:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.present-data div h2:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}

.present-data div em {display: block; color: #333; font-weight: normal; text-align: right;
    font-weight: bold; font-size: 14px;
}
.present-data div span {margin-left: 10px; font-weight: normal;}
.present-data ul {margin-bottom: 30px;}
.present-data ul li {padding: 10px; height: 100%; line-height: 30px;
    color: #2e3192;
    position: relative;
}
.present-data ul li>p {text-align: left; display: inline-block; width: 65%;}
.present-data ul li>p.admin {width: 50%;}
.present-data ul li+li {border-top: 1px solid #d6d6d6;}
.present-data ul li span {position: absolute; right: 0; top: 10px;
    color: #333; text-align: right;
}
.present-data ul li span em {color: #333; font-weight: normal;}
.present-data ul li span .button {width: 100px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;}
.present-data ul li span .button:hover {background-color: #333; color: #fff;}
.present-data p {text-align: right;}
.present-data p button {width: 80px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;}
.present-data p button:nth-of-type(1) {width: 110px;}
.present-data p button:hover {background-color: #333; color: #fff;}
.present-data p button+button {margin-left: 10px;}

/*present-data-E*/


/*changepw-S*/

.changepw {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.changepw>div {border: none;}
.changepw div>div {width: 100%; padding: 20px; margin-bottom: 40px;
    text-align: center; line-height: 22px;
    border: 1px solid #2e3192
}
.changepw div>div span {color: #f00;}
.changepw ul {margin-bottom: 30px;
    border-top: 1px solid #2e3192; border-bottom: 1px solid #2e3192;
}
.changepw ul li {}
.changepw ul li+li {border-top: 1px solid #f1f1f1;}
.changepw ul li strong {display: inline-block; width: 150px; height: 30px;
    background-color: #e4eeff;
    text-align: center; line-height: 30px;
}
.changepw ul li input {width: 30%; margin-left: 20px;}
.changepw p {text-align: center;}
.changepw p button {height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.changepw p button:hover {background-color: #333; color: #fff;}
.changepw p button+button {margin-left: 10px;}

/*changepw-E*/

/*schedule_board*/
.calendarbd {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.schedule_board>li{display: table; width:100%; padding:20px 0 10px; border-bottom:1px solid #ddd;}
.schedule_board .scheduler{display:block;border:1px solid #ddd; position: relative; vertical-align: middle; float: left; width: 48%;}
.schedule_board .item{display:block; vertical-align: middle; padding: 0; float: right; width: 48%; margin-left: 2%;}
.schedule_board .item>strong{display:block; font-size:18pt; font-weight: 600; color:#2e3192; margin-top:20px;}
.schedule_board .item ul{border-top:1px solid #2e3192; border-bottom:1px solid #2e3192; margin-top:20px;}
.schedule_board .item ul li{border-bottom:1px solid #ddd;}
.schedule_board .item ul li:nth-child(odd){background:#e4eeff;}
.schedule_board .item ul li:last-child{border-bottom:0;}
.schedule_board .item ul li a{line-height: 1.3; width:100%;}
.schedule_board .item ul li a div{font-size:13pt; padding:6px;}
.schedule_board .item ul li a .date{font-weight: 600; color:#43abc9;}
.cal{margin:0 auto;padding:0;border:0; width:100%; font-size:13pt;}
.cal caption{padding: 10px 0}
.cal tr{border:none}
.cal th,.cal td{text-align: center; vertical-align: middle; padding:8px 4px;}
.cal th{color:#000;}
.cal th:first-child,.cal tr td:first-child a{color:#ff0000;}
.cal th:last-child,.cal tr td:last-child a{color:#43abc9;}
.cal td a{color:#666;}
.cal td.today a{font-weight: 800;}
.controler {border: none; background-color: #fff;}
.srch {width: 100%; text-align: center; margin-bottom: 50px;}
.srch select, .srch input {vertical-align: middle;}
.basic {border: 1px solid #333; background-color: #fff; font-size: 14px; padding: 0 5px; transition: all 0.3s;}
.basic:hover {background-color: #333;color: #fff;}


.board_thead{display:table; width:100%; border-bottom:1px solid #000 !important; text-align: center; padding:14px 4px 0 4px;}
.board_thead div{display: table-cell;text-align:center !important;}
.listboard li{display:table; width:100%}
.listboard div{vertical-align: middle;padding:4px; text-align: center; display:table-cell;}
.listboard div:not(.subject){font-size:13pt;}
.listboard div.file i{font-size:16pt;}
.listboard .check{display:table-cell; width:5%; text-align: center; table-layout: fixed; word-break: break-all; padding:0 5px;}
.listboard .num{display:table-cell; width:5%; text-align: center; table-layout: fixed; word-break: break-all; padding:0 5px;}
.listboard .subject{display:table-cell;width:40%; white-space: normal; text-overflow: inherit; text-align:left;}
.listboard .file{display:table-cell; text-align: center; width:10%;}
.listboard .writer{display:table-cell; text-align: center;width:8%;}
.listboard .date{display:table-cell;text-align: center;width:10%;}
.listboard .hits{display:table-cell;text-align: center;width:10%;}
.listboard .del{display:table-cell;text-align: center;width:5%;}
.listboard .top{display:table-cell;text-align: center;width:5%;}
.listboard .writer i{display:none;}
.listboard .date i{display:none;}
.listboard .hits i{display:none;}
.listboard .cell2{width:50%;}
.listboard .cell3{width:33.3%;}
.listboard .cell4{width:20%;}
.listboard .cell5{width:25%;}
#schbg {background-color: #e4eeff; height: 30px; line-height: 30px;}
.none {padding-top: 20px; text-align: center;}







/*bill-S*/

.bill {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}

.bill h1 {padding: 0 0 20px 30px; width: 600px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.bill h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.bill h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.bill h1 span {color: #2e3192;}
.bill table {margin: 0 auto; width: 90%;}
.bill table td {vertical-align: middle;}
.bill input[type="button"] {background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.bill input[type="button"]:hover {background-color: #333; color: #fff;}
.receiptbtn {width: 100px; height: 25px;
    background-color: #000;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    color: #fff;
}
.receiptbtn:hover {background-color: #fff;
    color: #000;
}

/*bill-E*/



/*fee-list-S*/

.fee-list {float: left; width: 920px; margin-left: 30px; padding: 50px 0;}
.fee-list div {}
.fee-list div h1 {padding: 0 0 20px 30px; width: 600px; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.fee-list div h1:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.fee-list div h1:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.fee-list div .fee1 {margin-bottom: 50px;}
.fee-list div div .fee-tit {padding-bottom: 10px;
    border-bottom: 1px solid #236ae4;
}
.fee-list div div .fee-tit li {float: left;
    text-align: center; font-weight: bold;
}
.fee-list div .fee1 .fee-tit li:nth-child(1) {width: 15%;}
.fee-list div .fee1 .fee-tit li:nth-child(2) {width: 15%;}
.fee-list div .fee1 .fee-tit li:nth-child(3) {width: 15%;}
.fee-list div .fee1 .fee-tit li:nth-child(4) {width: 15%;}
.fee-list div .fee1 .fee-tit li:nth-child(5) {width: 15%;}
.fee-list div .fee1 .fee-tit li:nth-child(6) {width: 25%;}


.fee-list div .fee2 .fee-tit li:nth-child(1) {width: 30%;}
.fee-list div .fee2 .fee-tit li:nth-child(2) {width: 30%;}
.fee-list div .fee2 .fee-tit li:nth-child(3) {width: 40%;}

.fee-list div div .fee-tit {}
.fee-list div div .fee-txt li {float: left; line-height: 80px;
    text-align: center; line-height: 80px; border-bottom: 1px solid #eee;
}
.fee-list div .fee1 .fee-txt li:nth-child(1) {width: 15%;}
.fee-list div .fee1 .fee-txt li:nth-child(2) {width: 15%;}
.fee-list div .fee1 .fee-txt li:nth-child(3) {width: 15%;}
.fee-list div .fee1 .fee-txt li:nth-child(4) {width: 15%;}
.fee-list div .fee1 .fee-txt li:nth-child(5) {width: 15%;}
.fee-list div .fee1 .fee-txt li:nth-child(6) {width: 25%;}

.fee-list div .fee2 .fee-txt li:nth-child(1) {width: 30%;}
.fee-list div .fee2 .fee-txt li:nth-child(2) {width: 30%;}
.fee-list div .fee2 .fee-txt li:nth-child(3) {width: 40%;}


.fee-list div div ul li span {font-weight: bold; color: #236ae4;}
.fee-list div div ul li input[type="button"] {height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.fee-list div div ul li input[type="button"]:hover {background-color: #333; color: #fff;}

.fee-list .fee-info {width: 100%; height: 100px; margin: 30px 0;
    border: 1px solid #236ae4; text-align: center;
}
.fee-list .fee-info p {padding-top: 20px;}
.fee-list .fee-info p span {font-weight: bold; color: #236ae4;}


/*fee-list-E*/


/*find_journal-S*/

.find_journal {float: right; width: 920px; margin-left: 30px; padding: 50px 0;}
.find_journal .find_journal-wrap {width: 900px; display: block; margin: 0 auto; margin-left: 16px; margin-bottom: 20px;
    border-top: 1px solid #2e3192;
    border-bottom: 1px solid #2e3192;
}
.find_journal .find_journal-wrap ul {}
.find_journal .find_journal-wrap ul:nth-of-type(1) {background-color: #e4eeff; font-weight: bold;}
.find_journal .find_journal-wrap ul:nth-of-type(1) li:nth-child(2) {text-align: center;}
.find_journal .find_journal-wrap ul li {float: left;
    text-align: center; height: 30px; line-height: 30px;
}
.tit-word {width: 100%; vertical-align: middle;}
.find_journal .find_journal-wrap ul+ul {border-top: 1px solid #eee;}
.find_journal .find_journal-wrap ul li:nth-child(1) {width: 15%;}
.find_journal .find_journal-wrap ul li:nth-child(2) {width: 75%; text-align: left;}
.find_journal .find_journal-wrap ul li:nth-child(3) {width: 10%;}
.find_journal .find_journal-wrap ul li select {}
.find_journal .find_journal-wrap ul li .yearbox {width: 15%; vertical-align: middle;}
.find_journal p {text-align: center;}
.find_journal button {width: 70px; height: 30px;
    background-color: #fff;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.find_journal button+button {margin-left: 5px;}
.find_journal button:hover {background-color: #333; color: #fff;}

.read-pub-btn {width: 70px !important; height: 20px !important; vertical-align: middle; line-height: 20px !important;
	font-size: 12px !important; color: #fff;
	background-color: #2e3192 !important;
	border-radius: 3px;
}
.read-pub-btn:hover {background-color: #000 !important;}

/*find_journal-E*/


/*search_number-S*/


.search_number {float: right; width: 920px; margin-left: 30px; padding: 50px 0;}
.search_number .sn_wrap {}
.search_number .sn_wrap h1 {margin-bottom: 30px;
    text-align: center; font-size: 28px;
}
.search_number .sn_wrap div {float: left; width: 50%; margin-bottom: 30px;}
.search_number .sn_wrap div h2 {padding: 0 0 20px 30px; width: 750px;
    position: relative;
    font-size: 20px; font-weight: bold;
}
.search_number .sn_wrap div h2:before {content: ""; width: 11px; height: 20px;
    background: url(../img/shot_arrow.png) no-repeat 0 0;
    position: absolute; left: 6px; top: 1px; z-index: 1;
}
.search_number .sn_wrap div h2:after {content: ""; width: 30px; height: 30px;
    background-color: #2e3192;
    border-radius: 50%;
    position: absolute; left: -6px; top: -4px;
}
.search_number .sn_wrap div ul {padding-left: 30px;}
.search_number .sn_wrap div li {line-height: 30px;
    position: relative;
}
.search_number .sn_wrap div li:before {content: ""; width: 5px; height: 5px;
    background-color: #2e3192;
    position: absolute; left: -15px; top: 13px;
}
.search_number .sn_wrap div li a {}




.list_btn {position: absolute; right: 0; top: -40px;}
.list_btn button {padding: 7px 20px;
    background: #000;
    border: 1px solid #000;
    cursor: pointer;
    color: #fff; font-size: 14px;
    transition: all 0.3s;
}
.list_btn button:hover {background-color: #fff; color: #000;}
.img_banner figure {width: 95%; margin: 0 auto;}





/* 230925 :: 로그인 (홈페이지 비밀번호 변경 안내) */
#pw_guide { border-bottom:1px solid #ccc; margin:0 auto; margin-bottom:40px; padding-bottom:40px; }
#pw_guide .title { border:1px solid #4367a0; font-size: 21px; line-height:1.45; color: #2e3192; padding:13px; font-weight: bold; text-align:center; box-sizing:border-box; margin-bottom:30px; }

#pw_guide .text_lis { max-width:800px; margin:0 auto; margin-bottom:30px; }
#pw_guide .text_lis li { position:relative; font-size:16px; line-height:1.45; margin-bottom:10px; padding-left:20px; }
#pw_guide .text_lis li:before { position:absolute; left:0; top:2px; content:">"; }
#pw_guide .text_lis li em { color:red; padding:0; }

#pw_guide .formbox { position:relative; max-width:800px; margin:0 auto; background-color:#fff; padding:30px; box-sizing:border-box; padding-right:200px;     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
#pw_guide .formbox dl { width:100%; overflow:hidden; margin-bottom:10px; }
#pw_guide .formbox dl dt,
#pw_guide .formbox dl dd { line-height:40px;}
#pw_guide .formbox dl dt { float:left; font-size:14px; }
#pw_guide .formbox dl dd { margin-left:150px; }
#pw_guide .formbox dl dd .fr_input { display:inline-block; outline: 0; height:40px; background-color: #f2f2f2; width: 100%; border: 0; padding:0 15px; box-sizing: border-box; font-size: 14px; vertical-align:middle; max-width:300px; }
#pw_guide .formbox dl.license { position:relative; }
#pw_guide .formbox dl.license dd { }
#pw_guide .formbox dl.license dd .checkbox { display:inline-block; font-size:13px; line-height:1.45; vertical-align:middle; }

#pw_guide .formbox .btn_pw_change { position:absolute; right:30px; top:50%; outline: 0; background-color: #4c50af; width: 150px; border: 0; padding: 20px 10px; color: #FFFFFF; font-size: 17px; cursor: pointer; transform:translateY(-50%); }

#pw_guide .notis { position:relative; font-size:15px; line-height:1.45; margin-bottom:10px; padding-left:20px; max-width:800px; margin:0 auto; margin-top:20px; color:#4c50af; font-weight:700; }
#pw_guide .notis:before { position:absolute; left:0; top:0; content:">"; }


/* 230925 :: 비밀번호 변경 */
#pw_guide.modify_pw { border-bottom:0; }
#pw_guide.modify_pw .formbox { max-width: 360px; margin:0 auto; padding: 30px; }
#pw_guide.modify_pw .formbox dl dd { margin-left:110px; }
#pw_guide.modify_pw .formbox .btn_pw_change { position:static; width:100%; transform:none; padding: 10px 10px; }
 



@media all and (max-width:800px) {
    
    .img_banner figure {width: 100%;}

	#container .visual {padding-top: 0; margin-bottom: 0;}



    /*quick_menu-S*/

    #container .quick_menu {margin-bottom: 10px; padding-top: 5px;}
    #container .quick_menu .quick_btn {float: none;}
    #container .quick_menu .quick_btn ul {width: 99%; margin-left: 1%;}
    #container .quick_menu .quick_btn ul li {float: left; width: 49%; height: 100px;}
    #container .quick_menu .quick_btn ul li:nth-child(1) {margin-bottom: 1%;
        background: url(../img/quick_button_1-2.jpg) no-repeat center center;
        background-size: cover;
    }
    #container .quick_menu .quick_btn ul li:nth-child(2) {margin-left: 1%; margin-bottom: 1%; 
        background: url(../img/quick_button_2-2.jpg) no-repeat center center;
        background-size: cover;
    }
    #container .quick_menu .quick_btn ul li:nth-child(3) {background: url(../img/quick_button_3-2.jpg) no-repeat center center; background-size: cover;
    
    }
    #container .quick_menu .quick_btn ul li:nth-child(4) {margin-left: 1%;
        background: url(../img/quick_button_4-2.jpg) no-repeat center center; background-size: cover;
    }
    #container .quick_menu .quick_btn ul li a {display: block; width: 100%; height: 100px; padding: 20px 20px 20px 25px;
    color: #fff; font-size: 13px; line-height: 30px;
    position: relative;
	}
    
    
    
    
    
    
    #container .quick_menu .online {float: none; margin: 1%; width: 98%; height: 220px;
        background: url(../img/journals_button_bg.jpg) no-repeat center center;
        background-size: 100%;
    }
    
    #container .notice {float: none; width: 98%; height: 220px; padding: 20px; margin: 1%;
        border: 1px solid #c7dcea;
        position: relative;
    }
    #container .notice ul li a {display: block; width: 150px; overflow: hidden;
    font-size: 15px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
    }

    /*quick_menu-E*/
    
    /*event_search_support-S*/

    #container .event_search_support {margin-bottom: 20px;}
    #container .event {width: 98%; height: 280px; float: none; padding: 15px; margin: 1%;
        border: 1px solid #c7dcea;
        position: relative;
    }
    #container .event figure {margin-bottom: 15px;}
    #container .event figure a {}
    #container .event figure a img {width: 100%; height: 150px;}
    
    #container .search {width: 98%; height: 220px; float: left; margin: 1%; padding: 20px;
        border: 1px solid #c7dcea;
        position: relative;
    }
    
    #container .support {width: 98%; height: 220px; float: left; margin: 1%; padding: 20px;
        border: 1px solid #c7dcea;
        position: relative;
    }
    #container .support ul li a {display: block; width: 150px; overflow: hidden;
    font-size: 15px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
    }
   
    /*event_search_support-E*/
    
    #container .ad {margin-bottom: 0; display: none;}
    
	/*index 끝*/

	/*sub01-01*/
    
    
    
    /*subvisual01-S*/

    .sub_visual01 {padding-top: 0; margin-bottom: 0;}
    .sub_visual01 div {display: block; width: 100%; height: 240px; min-width: 0;
        background: url(../img/sub_visual.jpg) no-repeat center center;
        background-size: cover;
    }

    /*subvisual01-E*/
    
    .left_menu {display: none;}
    
    .subtit-wrap {float: left; margin-left: 3%; width: 90%;}
    .sub_tit {padding: 40px 0 0 15px; margin-bottom: 15px;
        font-size: 30px; font-weight: bold;
    }
    .sub_navi ul {padding-left: 20px; display: block; height: 60px; margin-bottom: 35px;
    border-bottom: 1px solid #eee;
    }
    
    .intro {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .intro figure {} 
    .intro figure img {width: 100%;}
    .intro .msg {padding: 50px 0;
        line-height: 23px;
    }
    .intro p {margin-bottom: 40px;
        text-align: right; 
    }
    
    
    /*sub01-02-S*/

    .organization {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;
        text-align: center;
    }
    .organization img {width: 100%;}
    
    /*sub01-03-S*/

    .member {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .member table {margin: 0 auto; width: 100%}


    /*sub01-04-S*/

    .committee {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .committee table {margin: 0 auto; width: 100%;}

	/*sub01-05-S*/

    .rule {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}

	/*sub02-01-S*/

    .sympo {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .sympo table {margin: 0 auto; width: 100%;}
    .sympo table td {font-size: 12px;
        border-bottom: 1px solid #fff; vertical-align: middle;}



	 /*sub02-02-S*/

    .data-wrap {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .data-wrap .data {width: 100%; margin: 0 auto; padding: 30px;
        position: relative;
    }
    .data-wrap .data+.data {border-top: 1px solid #98baff;}
    .data-wrap .data h1 {padding: 0 0 50px 30px; width: 80%;
        position: relative;
        font-size: 20px; font-weight: bold;
    }
    
    .data-wrap .data h1 a {width: 100%;}
    .data-wrap .data ul {padding-left: 20px;}
    .data-wrap .data ul li {
        position: relative;
        line-height: 30px;
    }
    
    .data-wrap .data button {width: 90px; height: 30px;
        position: absolute; right: 0; top: 90px;
        background-color: #fff;
        border: 1px solid #2e3192;
        color: #2e3192; font-weight: bold;
        transition: all 0.3s;
        cursor: pointer;
    }
    .data-wrap .data button:hover {background-color: #2e3192; color: #fff;}
    .data_subtit {display: block; margin-bottom: 15px; width: 90%; margin-left: 10px;
        font-size: 24px; color: #2e3192;
        border-bottom: 1px solid #2e3192;
    }


    .search_box {width: 100%; height: 70px; margin: 0 auto;
        border: 2px solid #f1f1f1;
    }
    .search_box {text-align: center; line-height: 70px;}

    .search_box select {width: 25%; height: 20px;}
    .search_box input {width: 30%; height: 20px;}
    .search_box button {height: 20px;
        background-color: #999; color: #fff; font-weight: bold; line-height: 0;
        border: 1px solid #999;
        cursor: pointer;
    }
	
	/*sub02-03-S*/

    .calendar {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .calendar div {width: 100%; height: 600px; margin: 0 auto;
        border: 1px solid #333;
        text-align: center; line-height: 600px;
    }


	/*sub03-04-S*/

    .news-paper {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .news-paper div {width: 100%; height: 600px; margin: 0 auto;
        border: 1px solid #333;
        text-align: center; line-height: 600px;
    }

	/*sub04-01-S*/

    .board {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    
    .board_wr, .board_date, .board_sec h2 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
    
	/*sub04-05-S*/

    .member h1 {padding-bottom: 30px; width: 100%; display: block; margin: 0 auto; margin-bottom: 30px;
        font-size: 18px; color: #2e3192;
        border-bottom: 1px solid #2e3192;
        text-align: center;
    }



	 /*sub05-04-S*/

    .imgboard {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .imgboard div {}
    .imgboard ul {}
    .imgboard li {float: left; width: 215px; margin: 30px;
        text-align: center;
        position: relative;
    }
    .imgboard li+li {margin-left: 0;}
    .imgboard li:nth-child(4n+1) {margin-left: 0;}
    .imgboard li>span {padding-top: 220px; display: block;}
    .imgboard li>p {padding: 10px 0;}
    .imgboard li>em {display: block; margin-bottom: 20px;
        color: #236ae4;
    }
    .imgboard li>img {position: absolute; left: 50%; top: 0; margin-left: -74px;}
    .imgboard li>button {width: 120px; height: 30px;
        background-color: #fff;
        border: 1px solid #333;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.3s;
    }
    .imgboard li>button:hover {background-color: #333; color: #fff;}
    .imgboard .co {text-align: center; display: block; width: 100%;
        background-color: #236ae4;
        border-radius: 20px;
        color: #fff;
    }
    .imgboard .copy {text-align: center; padding: 20px;
        background-color: #f1f1f1;
        font-size: 14px;
    }
	

	/*join-info-S*/

    .join-info {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .join-info div figure img {width: 100%;}
	.join-info div h1 {padding: 0 0 20px 30px; width: 100%; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
	}


	/*login-S*/

    .login {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .login h1 {text-align: center; font-size: 40px; font-weight: bold; color: #2e3192;}

    .login-page {
      width: 90%;
      padding: 8% 0 0;
      margin: auto;
    }
    .form {
      position: relative;
      z-index: 1;
      background: #FFFFFF;
      max-width: 100%;
      margin: 0 auto 100px;
      padding: 45px;
      text-align: center;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    }

	/*join-S*/

    .join {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .join div {width: 100%; display: block; margin: 0 auto; margin-left: 0; margin-bottom: 20px;
        border-top: 1px solid #2e3192;
        border-bottom: 1px solid #2e3192;
    }
    .join div ul {}
    .join div ul.hori li {float: none; width: 100%;}
    .join div li {}
    .join div li+li {border-top: 1px solid #fff;}
    .join div li strong {display: inline-block; width: 30%; height: 50px; padding-left: 0;
        background-color: #e4eeff;
        text-align: center; line-height: 50px;
        text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
    }
    .join div li span {color: #f00;}
    .join div li input {margin-left: 5%; width: 50%;}
    .join div li input[type="radio"] {margin-left: 0; width: 5%;}
    .join div li input[type="checkbox"] {margin-left: 0; width: 5%;}
    .join div li select {margin-left: 5%; vertical-align: middle;}
    .join div li button {margin-left: 5px; width: 80px; height: 25px;
        font-size: 12px;
        background-color: #fff;
        border: 1px solid #333;
        cursor: pointer;
        transition: all 0.3s;
    }
    .join div li button:hover {background-color: #333; color: #fff;}
    .join div li em {margin-left: 20px;}
    .join p {text-align: center;}
    .join p button {width: 80px; height: 30px;
        background-color: #fff;
        border: 1px solid #333;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;
    }
    .join p button:hover {background-color: #333; color: #fff;}
    .join p button:nth-of-type(2) {margin-left: 10px;}

    .joinbtn {width: 80px; height: 30px; margin-left: 10px;
        background-color: #fff;
        border: 1px solid #333;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;}
    .joinbtn:hover {background-color: #333; color: #fff;}


	/*find-S*/

    .find {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .find div {width: 100%; margin: 0 auto; height: 170px;
        position: relative;
    }
    .find figure {display: none;}
    .find form {position: absolute; right: 30%; top: 70px;}
    .find form p {margin-bottom: 10px;}
    .find form p span {display: inline-block; width: 100px; text-align: center;}
    .find form p input {display: inline-block; width: 120px;}



	/*clause-S*/

    .clause {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .clause h1 {padding: 0 0 20px 30px; width: 100%; margin: 20px 0;
        position: relative;
        font-size: 20px; font-weight: bold;
    }
    
    .clause textarea {width: 100%; height: 300px;
    }


	/*read-S*/

    .read {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .read .read-wrap {width: 100%; display: block; margin: 0 auto; margin-left: 0; margin-bottom: 20px;
        border-top: 1px solid #2e3192;
        border-bottom: 1px solid #2e3192;
    }

    .read .read-wrap ul {}
    .read .read-wrap ul.hori li {float: none; width: 100%;}
    .read .read-wrap li {}
    .read .read-wrap li+li {border-top: 1px solid #fff;}
    .read .read-wrap li strong {display: inline-block; width: 30%; height: 30px;
        background-color: #e4eeff;
        text-align: center; line-height: 30px;
    }
    .read .read-wrap li span {padding-left: 30px;}
    .read .read-wrap li input {margin-left: 20px;}
    .read .read-wrap li select {margin-left: 20px; vertical-align: middle;}

	/*write-S*/

    .write {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .write div {width: 100%; display: block; margin: 0 auto; margin-left: 0; margin-bottom: 20px;
        border-top: 1px solid #2e3192;
        border-bottom: 1px solid #2e3192;
    }

    .write div ul {}
    .write div ul.hori li {float: none; width: 100%;}
    .write div li {}
    .write div li+li {border-top: 1px solid #fff;}
    .write div li strong {display: inline-block; width: 30%; height: 30px;
        background-color: #e4eeff;
        text-align: center; line-height: 30px; white-space: nowrap;
    }
    .write div li input {margin-left: 20px; width: 60%;}
    .write div li input[type="checkbox"] {margin-left: 2%; width: 5%;}
	.write div li input[type="radio"] {margin-left: 2%; width: 5%;}
    .write div em {display: block; padding: 30px; width: 100%; height: auto;}



	/*present-data-S*/

    .present-data {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .present-data div h2 {padding: 0 0 20px 30px; width: 100%; margin: 20px 0;
		position: relative;
		font-size: 20px; font-weight: bold;
    }
    .present-data div em {display: block; color: #333; font-weight: normal;
        font-weight: bold; font-size: 14px;
    }
    .present-data div span {margin-left: 10px; font-weight: normal;}
    .present-data ul {margin-bottom: 30px;}
    .present-data ul li {padding: 10px; height: 100%; line-height: 30px;
        color: #2e3192;
    }
	.present-data ul li>p.admin {width: 20%;}
    .present-data ul li+li {border-top: 1px solid #d6d6d6;}
    /* .present-data ul li>p {width: 30%; overflow: hidden;
        text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
    } */
   
	/*changepw-S*/

    .changepw {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}

	.calendarbd {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
	.schedule_board .scheduler{display:block;border:1px solid #ddd; position: relative; vertical-align: middle; float: none; width: 100%;}
	.schedule_board .item{display:block; vertical-align: middle; padding: 0; float: none; width: 100%; margin-left: 0;}

	.bill {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
	.bill h1 {padding: 0 0 20px 30px; width: 100%; margin: 20px 0;
    position: relative;
    font-size: 20px; font-weight: bold;
    }


	/*fee-list-S*/

    .fee-list {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .fee-list div {}
    .fee-list div h1 {padding: 0 0 20px 30px; width: 100%; margin: 20px 0;
        position: relative;
        font-size: 20px; font-weight: bold;
    }

	/*find_journal-S*/

    .find_journal {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .find_journal .find_journal-wrap {width: 96%; display: block; margin: 0 auto; margin-left: 5px; margin-bottom: 20px;
        border-top: 1px solid #2e3192;
        border-bottom: 1px solid #2e3192;
        font-size: 12px;
    }
    .find_journal .find_journal-wrap ul li select {width: 100%;}


	/*search_number-S*/


    .search_number {width: 96%; margin-left: 0; padding: 0 0 50px 0; margin: 0 2% 0 2%;}
    .search_number .sn_wrap {}
    .search_number .sn_wrap h1 {margin-bottom: 30px;
        text-align: center; font-size: 28px;
    }
    .search_number .sn_wrap div {float: none; width: 100%; margin-bottom: 30px;}
    .search_number .sn_wrap div h2 {padding: 0 0 20px 30px; width: 100%;
        position: relative;
        font-size: 20px; font-weight: bold;
    }
    

	/* 230925 :: 로그인 (홈페이지 비밀번호 변경 안내) */
	#pw_guide { width: 90%; }
	#pw_guide .formbox { padding:45px; }
	#pw_guide .formbox dl dd { margin-left:120px; }
	#pw_guide .formbox .btn_pw_change { position:static; transform:none; width:100%; padding: 12px 10px;}
	#pw_guide .formbox .btn_pw_change br { display:none; }
}
    
    
@media all and (max-width:564px) {
	/* 230925 :: 로그인 (홈페이지 비밀번호 변경 안내) */
	#pw_guide .formbox dl dt { float:none; line-height:1.45; margin-bottom:5px; }
	#pw_guide .formbox dl dd,
	#pw_guide.modify_pw .formbox dl dd { margin-left:0; }
	#pw_guide .formbox dl dd .fr_input { max-width:100%; }
	#pw_guide .formbox dl.id dt,
	#pw_guide .formbox dl.id dd { display:inline-block; margin-right:5px; font-weight:700; }
}