@charset "utf-8";


h3{padding-left:0px; margin-bottom:10px; font-size:18px; font-weight:bold;font-family:'Score4',dotum,sans-serif; }

.text_box{border:1px solid #ddd; margin-bottom:20px; padding:15px;}
.text_left{float:left; width:200px;}
.text_lright{float:right; width:450px;}

.text_box2{border:1px solid #ddd; margin-bottom:20px; padding:15px; background:#eee;}
.letter_s{letter-spacing:-0.5px;}

.list_1dep{list-style:none;}
.list_1dep li{background:url('/images/icon_033.jpg') no-repeat 0 5px; padding-left:15px;word-break: keep-all; word-wrap: break-word;}

.ol_list_1dep{padding-left:17px;}
.ol_list_1dep li{word-break: keep-all; word-wrap: break-word;}

.list_2dep{list-style:none; margin-left:5px; margin-top:10px;}
.list_2dep li{background:url('/images/icon_05.jpg') no-repeat 0 5px; padding-left:12px;}

.society04{border-collapse:collapse; } 
.society04 th{background-color:#333; color:#fff;}
.society04 td, .society04 th{border:1px solid #ddd; padding:10px;font-family:'Score4'; }
.society04 td{word-break: keep-all; word-wrap: break-word; font-size:12px;}

.society05{border-collapse:collapse; } 
.society05 th{background-color:#333; color:#fff;}
.society05 td, .society05 th{border:1px solid #ddd; padding:10px;font-family:'Score4'; }
.society05 td{word-break: keep-all; word-wrap: break-word;}

.exam{margin-bottom:40px;}
.exam dt{text-indent:-23px; padding-left:23px; margin-bottom:20px; word-break: keep-all; word-wrap: break-word;font-family:'NotoMedium',dotum,sans-serif;}
.exam dd{margin-left:23px; text-indent:-17px; padding-left:17px; }
.exam p{margin-left:23px; border:1px solid #ddd; padding:10px; width:90%; margin-bottom:20px; word-break: keep-all; word-wrap: break-word;}


.plan{min-height:257px; margin:0; vertical-align:top; position:relative; background-color:#46beb2; padding:10px 0 0 20px; width:290px;}
.plan p{margin-bottom:20px;}
.plan_more{position:absolute; top:20px; right:20px;}
.plan_more a{font-size:18px; font-weight:bold; color:#fff;}
.plan_more a:hover{text-decoration:none;}
.plan_title{margin:15px 0 0 10px; padding:0;}
.plan_title>li{list-style:none; background:url('/images/plan_icon.jpg') no-repeat 0 8px; padding-left:16px; overflow:hidden; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:8px; width:240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.plan_title a{color:#fff; font-size:14px;}
.plan_sub{padding:0; margin:0 0 10px 0px;}
.plan_sub li{color:#fff;}


.his_t{font-family: 'Score4'; margin-bottom:15px; text-align:center; font-size:16px;}

.his h6{font-family: 'Score4'; margin-bottom:15px; text-align:center; font-size:18px; color:#000; background-color:#f9f9f9; padding:7px 0;}
.his ol{margin-left:30px;}
.his ul{margin-left:30px;}
.his ul li{list-style:none;}
.his ul li span{margin-left:-20px;}

.his_conf{border-collapse:collapse; }
.his_conf th{background-color:#acd3e0;}
.his_conf td, .his_conf th{border:1px solid #ddd; padding:5px;}
.his_conf td{font-size:13px; line-height:15px; text-align:center;}
.his_conf td.his_ti{text-align:left;}


/*tab*/
.two_tab {display:flex;justify-content:space-btween;padding:0 0 20px 80px;}
.two_tab li {flex-direction: row;list-style:none;background:#d6e9df;text-align:center;border-radius:10px;width:350px;margin-left:100px;}
.two_tab li:nth-child(1) {margin-left:0;}
.two_tab li a {display:block;color:#fff;font-size:15px;line-height:45px;font-weight:bold;}
.two_tab li:hover a {background:rgba(20,104,61,0.7);border-radius:10px;}
.two_tab li.over a {background:#034423;border-radius:10px;}

.three_tab {display:flex;height:70px;}
.three_tab li {flex:1;flex-direction: row;list-style:none;width:230px;background:#d6e9df;text-align:center;border-radius:10px;margin-left:30px;height:45px;}
.three_tab li:nth-child(1) {margin-left:0;}
.three_tab li a {display:inline-block;color:#fff;font-size:15px;line-height:45px;width:100%;font-weight:bold;}
.three_tab li:hover a {background:rgba(20,104,61,0.7);border-radius:10px;}
.three_tab li.over a {background:#034423;border-radius:10px;}

.four_tab {display:flex;height:70px;}
.four_tab li {flex:1;flex-direction: row;list-style:none;width:230px;background:#d6e9df;text-align:center;border-radius:10px;margin-left:30px;height:45px;}
.four_tab li:nth-child(1) {margin-left:0;}
.four_tab li a {display:inline-block;color:#fff;font-size:15px;line-height:45px;width:100%;font-weight:bold;}
.four_tab li:hover a {background:rgba(20,104,61,0.7);border-radius:10px;}
.four_tab li.over a {background:#034423;border-radius:10px;}


/*임원소개*/
.introduce {width:100%;margin:0 auto;}
.introduce table {border-collapse:collapse;margin:0 auto;}
.introduce table th, .introduce td {border:1px solid #ddd;padding:10px 8px;text-align:center;}
.introduce table th {font-size:18px;background:#B8AA93;border-bottom:4px double #6B5736;padding:10px;}
.introduce table td {line-height:1.2;}
.introduce table td span {font-size:12px;}
.introduce table .bd {font-weight:bold;background:#ffffe7;}
.introduce table .a_left {text-align:left;padding-left:20px;}



/*임원소개*/
.member {margin:0 auto; border-collapse:collapse;}
.member thead th, .member thead td, .member tbody th, .member tbody td {border:1px solid #ddd;padding:10px;text-align:center;}
.member thead th { background:#B8AA93;}
.member thead td {background:#f4f4f4; font-weight: bold;}
.member tbody th { background:#B8AA93;}
.member tbody td { }
 



/*위원회 명단*/
.commit {border-collapse:collapse;margin:0 auto;}
.commit th, .commit td {border:1px solid #ddd;padding:7px 15px; letter-spacing:-0.3px; text-align: center;}
.commit th {font-size:16px;background:#B8AA93;border-bottom:2px solid #6B5736;}


/*위원회 명단*/
.commit2 {border-collapse:collapse;margin:0 auto;}
.commit2 thead th, .commit2 thead td, .commit2 tbody th, .commit2 tbody td {border:1px solid #ddd;padding:10px; }
.commit2 thead th { background:#6f6453; color:#fff;  }
.commit2 tbody th { background:#e3ded7; }

.commit2 tbody  td:first-child{ background: #f4f4f4; text-align: center; font-weight: bold;}




/*학회 역사*/
.container_box ul li {list-style:none;}
.his_top {margin-bottom:30px;}
.his_top:after {clear:both;content:"";display:block;}
.container_box .his_top li {font-size:18px;float:left;text-align:center; cursor:pointer;width:320px;height:50px;position:relative;}
.his_top li.on {font-weight:bold;}
.his_top li.on:after {position:absolute;content:"";height:3px; background:#004593;width:100%;top:35px;left:0;}

.his_bottom .his_title {font-size:20px;padding-bottom:20px;}
.his_bottom ul {display:none;text-algin:center;}
.his_bottom ul.on {display:block;}
.his_bottom .his_content p {padding-left:30px;}
.his_bottom .his_content table {margin-top:30px;}
.his_bottom .his_content table td {padding-bottom:20px;}

/*학회 연혁*/
.content_box_left {display:flex;}
.content_box_left:after {clear:both;content:"";display:block;}
.content_box_left li {list-style:none;float:left;flex:1; text-align:center;font-size:18px;cursor:pointer;}
.content_box_left li.on {font-weight:bold;border-bottom:3px solid #004593;padding-bottom:10px;}

.content_box_right {clear:both;broder:1px solid #ddd;}
.content_box_right ul {display:none;text-algin:center;}
.content_box_right ul.on {display:block;}
.content_box_right .history_box {list-style:none; padding:30px 0; border-bottom:1px solid #ddd;}
.content_box_right .history_box:after {clear:both;content:"";display:block;}
.content_box_right .history_year {float:left;font-size:18px;width:140px;font-weight:bold;}
.content_box_right .history_explain {float:left;width:820px;}
.content_box_right .history_explain dl {padding-bottom:10px;display:flex;}
.content_box_right .history_explain .history_month {font-weight:bold;width:60px;}
.content_box_right .history_explain .history_text {flex:1;}


/*역대회장*/
.his_president td {padding:10px 10px 50px;text-align:center;}
.his_president td p {padding-bottom:5px;}


/*오시는 길*/
.map {border-collapse:collapse;margin:0 auto;}
.map th, .map td {border:1px solid #ddd;padding:7px 0px;text-align:center;}
.map th {font-size:16px;background:#B8AA93;border-right:2px solid #6B5736;}


/*역대 학술대회*/
.event_table {margin-bottom:50px;border-collapse:collapse;}
.event_table th, .event_table td {padding:5px 15px;font-size:16px;font-family:'Score4',dotum,sans-serif;border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;margin-bottom:10px;}
.event_table th {width:120px;background:#eee;color:#333;text-align:center;}
.event_table td {padding:15px 30px;}

.event_btn {text-align:center;margin-top:30px;}
.event_btn a {display:inline-block;background:#eee;width:250px;line-height:40px; border:3px solid #5EA2CA;color:#000;font-weight:bold;}


/*논문*/
.journal {width:700px; margin:0 auto;background:#646464;padding:30px 40px;border-radius:10px;}
.journal:after {display:block;content:"";clear:both;}
.journal div img {float:left;margin-right:20px;}
.journal .journal_text {float:left;padding-left:20px;width:500px;height:240px;}
.journal .journal_text h1 {font-size:28px;font-weight:bold; color:#fff;line-height:1.4;margin:0;}
.journal .journal_text span {font-size:16px;line-height:1.8;display:block;margin:30px 0;color:#fff;}
.journal .journal_link p {display:inline-block;width:180px;border:2px solid #fff;border-radius:8px; line-height:35px;padding:0 20px;font-weight:bold;margin:0 50px 0;text-align:center;}
.journal .journal_link p:nth-of-type(2) {margin-right:0;}
.journal .journal_link p a {display:inline-block;width:100%;line-height:45px;font-size:16px;color:#fff;}


/*국문*/
.j_rule {border-collapse:collapse;margin:0 auto;}
.j_rule th, .j_rule td {border:1px solid #ddd;padding:7px 0px;text-align:center;}
.j_rule th{font-size:16px;}
.j_rule th ul {position:relative;}
.j_rule th ul li {float:left;list-style:none;padding:0 27px;}
.j_rule th ul li img {display:inline-block;margin-top:4px;padding-left:3px;}

.j_bill {border-collapse:collapse;margin:0 auto;}
.j_bill th, .j_bill td {border:1px solid #ddd;padding:5px 20px;}
.j_bill th {background:#B8AA93;border-right:2px solid #6B5736;text-align:center;}

.m_pay {border-collapse:collapse;margin:0 auto;}
.m_pay th, .m_pay td {border:1px solid #ddd;padding:5px 20px;}
.m_pay th {background:#eee;border-right:2px solid #ccc;text-align:center;}

.tax {border-collapse:collapse;margin:0 auto;}
.tax th, .tax td {border:1px solid #ddd;padding:5px 10px;text-align:center;}
.tax th {background:#eee;text-align:center;}


/*관련대학*/
.univ {border-collapse:collapse;margin:0 auto;}
.univ th, .univ td {border:1px solid #ddd;padding:6px 15px;}
.univ th {font-size:16px;background:#B8AA93;border-bottom:4px double #6B5736;}
.univ .bd {font-weight:bold;background:#ffffe7;}


/*sitemap*/
.site_box {float:left;width:300px;margin:0 10px 50px; height:350px;}
.site_box:nth-of-type(1) {height:650px;}
.site_box .site_tit {width:100%;border:3px;border-style:solid;border-image:linear-gradient(to right bottom, #004593, #4facfe); border-image-slice:1;text-align:center;box-sizing:border-box;}
.site_box .site_tit a {display:block;line-height:50px;font-size:18px;background:#fff;}
.site_box .site_list {padding-left:20px;}
.site_box .site_list > li > a {border-bottom:1px solid #ccc;display:block;padding:15px 0;font-size:16px;}

.site_box .site_sub {padding:5px 0 0 25px;}
.site_box .site_sub > li > a {display:block;border-bottom:1px solid #ccc;padding:10px 0;}



/*소식지*/
.newsletter {display:flex; justify-content:flex-start; flex-wrap:wrap; }
.newsletter dl{ margin-right:10px;  margin-bottom:10px;  padding: 15px; background:#f4f4f4;}
.newsletter dl:nth-child(4n){margin-right:0px;}
.newsletter dd{ text-align:center; margin-top:15px; font-size:18px; font-weight: bold; color:#484848;}
.newsletter .newsletter_btn{ text-align:center; margin-top:15px; padding: 10px 0 ; border-radius:30px; background:#365a91; font-weight:bold;}
.newsletter dd a{ color:#fff; display:block;}
.newsletter dd:hover{ background:#6a87b2;}
.newsletter img {width: 200px;}



/*관리자 임의 결제 메뉴 */

.randpay_wrap{width: 700px; margin: 0 auto;}
.randpay_wrap .pay_img img{ width: 700px;}
.randpay_tbl { width: 100%;  border-collapse: collapse; margin-top: 2rem;}
.randpay_tbl th, .randpay_tbl td{ border: 1px solid #ddd; padding:1rem; text-align: center; font-size: 1rem;}
.randpay_tbl th{ background: #f4f4f4; color:#000;}
.randpay_btn .dev_btn3{ width: 100%; margin: 0 auto; padding:  1.5rem 0; font-size: 1rem; font-weight: bold; background: #2D1DB4; margin-top: 2rem;}
.randpay_btn .dev_btn3:hover a{ color:#F8FF00;}


@media screen and (max-width: 768px) {
 .randpay_wrap{width: 100%; margin: 0 auto;}
.randpay_wrap .pay_img  img{ width: 100%;}
.randpay_tbl { width: 100%;  border-collapse: collapse; margin-top: 2rem;}
.randpay_tbl th, .randpay_tbl td{ border: 1px solid #ddd; padding:1rem; text-align: center; font-size: 1rem;}
.randpay_tbl th{ background: #f4f4f4; color:#000;}
.randpay_btn .dev_btn3{ width: 100%; margin: 0 auto; padding:  1.5rem 0; font-size: 1rem; font-weight: bold; background: #2D1DB4; margin-top: 2rem;}
.randpay_btn .dev_btn3:hover a{ color:#F8FF00;}

}
/*
@media (min-width: 451px) and (max-width: 768px) {
 .randpay_wrap{width: 100%; margin: 0 auto;}
.randpay_wrap img{ width: 100%;}
.randpay_tbl { width: 100%;  border-collapse: collapse; margin-top: 2rem;}
.randpay_tbl th, .randpay_tbl td{ border: 1px solid #ddd; padding:1rem; text-align: center; font-size: 1rem;}
.randpay_tbl th{ background: #f4f4f4; color:#000;}
.randpay_btn .dev_btn3{ width: 100%; margin: 0 auto; padding:  1.5rem 0; font-size: 1rem; font-weight: bold; background: #2D1DB4; margin-top: 2rem;}
.randpay_btn .dev_btn3:hover a{ color:#F8FF00;}
}
@media screen and (max-width: 450px) {
     .randpay_wrap{width: 100%; margin: 0 auto;}
.randpay_wrap img{ width: 100%;}
.randpay_tbl { width: 100%;  border-collapse: collapse; margin-top: 2rem;}
.randpay_tbl th, .randpay_tbl td{ border: 1px solid #ddd; padding:1rem; text-align: center; font-size: 1rem;}
.randpay_tbl th{ background: #f4f4f4; color:#000;}
.randpay_btn .dev_btn3{ width: 100%; margin: 0 auto; padding:  1.5rem 0; font-size: 1rem; font-weight: bold; background: #2D1DB4; margin-top: 2rem;}
.randpay_btn .dev_btn3:hover a{ color:#F8FF00;}

}

*/














