#sub{width:1200px; margin:0 auto; }
#sub:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}

#snb{width:200px;margin-top:60px; background:#32498b; padding:22px 0 36px; float:left;}
#snb .snb-tit{position:relative; border-bottom:2px #fff solid; height:25px; width:50px; margin-left:150px;}
#snb .snb-tit h2{color:#fff; position:absolute; bottom:-4px; line-height:1; right:55px; width:150px; font-weight:500; font-size:18px; text-align:right; letter-spacing:1px;}
#snb ul{width:150px; margin:36px auto 0;}
#snb ul li{position:relative; border-bottom:1px rgba(255,255,255,0.1) solid; padding:8px 0;}
#snb ul li a{display:block; color:#fff; word-break: keep-all}
#snb ul li a:hover{color:#56cdff;}
#snb ul li.current {background:#009ada url(../../images/sub/snb-arrow.gif) no-repeat 168px 50%; width:180px; left:-10px; padding:8px 10px 9px; border-bottom:0;}
#snb ul li.current.long{width:200px; background-position:190px 50%;} 
#snb ul li.current a:hover{color:#fff;}


#sub-contents{float:right; background:#fff; width:800px; padding:48px 100px 0 30px; min-height:500px;}
.sub-title h3{border-bottom:1px #e6e7e8 solid; color:#304050; font-size:36px; letter-spacing:0.3px; padding-bottom:7px; margin-bottom:8px;}
.sub-title h3 span{font-size:25px;}
.sub-nav a{color:#7c8a98; font-size:13px;}
.sub-nav i{color:#7c8a98; font-size:11px; padding:0 6px;}

#sub-content-area{padding:44px 0 80px;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.pt_0{padding-top:0 !important;}
.fb_color{color:#379ec9;}
.sub-tit01{font-weight:500; font-size:18px; color:#1973af; letter-spacing:0.01em; line-height:22px; margin-bottom:10px;}
.sub-tit01 i{margin-right:3px; font-size:22px; vertical-align:bottom;}
.sub-tit02{font-weight:500; font-size:17px; color:#222; letter-spacing:0.01em;  padding-top:10px;}
.sub-box01{background:#f1f7fc; color:#37749e; padding:20px 28px;}
.sub-ul01 li{position:relative; background:url(../../images/sub/sub-but01.gif) no-repeat 0 9px; padding-left:8px; margin-top:8px;}
.sub-ul01.num li{padding-left:23px; background-image:none;}
.sub-ul01.num li span{position:absolute; top:0; left:0;}
.sub-p01{margin-bottom:20px; font-weight:500;}
.sub-ul01.num li .sub-li01 li{padding-left:20px; color:#828282;}
.sub-ul01 li li{margin-top:5px;}

em.italic{font-style: italic !important;}
em.underline{text-decoration:underline;}

/*----------이전 Greeting----------
#greeting .gree-tit01{color:#32498b; font-size:18px; font-weight:500; letter-spacing:0.02em; margin-bottom:5px;}
#greeting p{margin-top:5px;}
#greeting div{margin-bottom:30px;}
#greeting .gree-txt01{margin-bottom:30px; margin-top:10px;}
#greeting .name{text-align:right; color:#666; font-weight:300; margin-top:50px; margin-bottom:0;}
#greeting .gree-name01{color:#5c4d3c; }
#greeting .name span{font-size:18px; display:inline-block;font-weight:500; margin-left:5px; letter-spacing:0.02em;}
*/
/*----------Greeting----------*/
#greeting{position:relative;}
#greeting .left_box{position:absolute; top:0; left:0;}
#greeting .right_box{padding-left:200px; padding-top:70px;}
#greeting .gree-tit01{color:#32498b; font-size:18px; font-weight:500; letter-spacing:0.02em; margin-bottom:5px;}
#greeting p{margin-top:10px; word-break:keep-all;}
#greeting div{margin-bottom:30px;}
#greeting .gree-txt01{margin-bottom:30px; margin-top:10px;}
#greeting .name{text-align:right; color:#666; font-weight:300; margin-top:50px; margin-bottom:0;}
#greeting .gree-name01{color:#5c4d3c; }
#greeting .name p{margin-top:5px;}
#greeting .name span{font-size:18px; display:inline-block;font-weight:500; margin-left:5px; letter-spacing:0.02em;}

/*---------History---------*/
#ai_history .top_circle{text-align:center;}
#ai_history .top_circle p{display:inline-block; width:130px; height:130px; border-radius:999px; background:#32498b; border:7px solid #e0e5f5; text-align:center; margin:0 auto;}
#ai_history .top_circle p span{font-size:20px; color:#fff; font-weight:500; line-height:130px; vertical-align:middle;}

#ai_history .h_list{position:relative; padding:35px 0;}
#ai_history .h_list:before{content:""; display:block; width:1px; height:100%; background:#d0d0d0; position:absolute; top:0; left:50%;}
#ai_history .h_list:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}
#ai_history .h_list .left{position:relative; width:51%; float:left;  }
#ai_history .h_list .left:before{content:""; display:block; width:7px; height:7px; background:#fff; border:3px solid #1c89b3; border-radius:50px; position:absolute; top:17px; right:1px;}
#ai_history .h_list .left dl{float:left; text-align:right;}
#ai_history .h_list .right{position:relative; width:51%; float:right; }
#ai_history .h_list .right:before{content:""; display:block; width:7px; height:7px; background:#fff; border:3px solid #1c89b3; border-radius:50px; position:absolute; top:17px; left:2px;}
#ai_history .h_list .right dl{float:right; text-align:left;}
#ai_history .h_list > div dl{width:95%; padding:10px 30px; box-sizing:border-box;}
#ai_history .h_list > div.left dl{padding-left:0;}
#ai_history .h_list > div.right dl{padding-right:0;}
#ai_history .h_list > div dt{font-size:18px; font-weight:500; color:#1c89b3; margin-bottom:5px;}
#ai_history .h_list > div dd{position:relative; margin-top:10px; word-break:keep-all;}
#ai_history .h_list > div.left dd{padding-right:15px;}
#ai_history .h_list > div.left dd:before{content:"ㆍ"; display:block; position:absolute; top:0; right:0; font-weight:500;}
#ai_history .h_list > div.right dd{padding-left:15px;}
#ai_history .h_list > div.right dd:before{content:"ㆍ"; display:block; position:absolute; top:0; left:0; font-weight:500;}
#ai_history .h_list > div dd:first-child{margin-top:0;}

/*---------Policy---------*/
#ai_policy .date_box{text-align:right;}
#ai_policy section{margin-top:40px;}
#ai_policy section.first{margin-top:0;}
#ai_policy .sub-ul01 li{background:none;}


/*---------People---------*/
#Personnel .peo_list li{position:relative; margin-bottom:40px; padding-bottom:50px; border-bottom:1px dashed #ccc;}
#Personnel .peo_list li .img_box{position:absolute; top:9px; left:0;}
#Personnel .peo_list li .txt_box{padding-left:200px}
#Personnel .peo_list li .txt_box .name{text-align:right; margin-bottom:10px;}
#Personnel .peo_list li .txt_box .name .n01{font-size:18px; font-weight:500; color:#1c89b3;}
#Personnel .peo_list li .txt_box .name .n02{position:relative; font-size:15px; margin-left:10px; padding-left:12px;}
#Personnel .peo_list li .txt_box .name .n02:before{content:""; display:block; width:1px; height:15px; background:#9a9a9a; position:absolute; top:0px; left:0;} 
#Personnel .peo_list li .txt_box .info table{border-top:2px solid #32498b;}
#Personnel .peo_list li .txt_box .info table th, #Personnel .peo_list li .txt_box .info table td{border-bottom:1px solid #cfd6dd; padding:7px; font-size:14px;}
#Personnel .peo_list li .txt_box .info table th{background:#f3f5f6; padding-left:20px;}


/*-------About IGA--------*/
.intro-ul01,.intro-ul02{margin-top:20px;}
.intro-ul01 li{float:left; width:50%; height:150px; background:#f1f1f1; display:table; text-align:center; vertical-align:middle; color:#32498b;font-size:15px; letter-spacing:0.02em;}
.intro-ul01 li p{display:table-cell; vertical-align:middle; padding:20px; position:relative;}
.intro-ul01 li p span{display:block; width:30px; height:30px; line-height:30px; background:#32498b; margin:0 auto 10px; color:#fff; position:absolute; left:0; top:0;}
.intro-ul01 li.iu-color{background:#edeae6;color:#745a3c;}
.intro-ul01{margin-bottom:50px;}
.intro-ul01 li.iu-color p span{background:#a68660;}
.intro-ul01:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}
.intro-ul01 li:even-child{background:#edeae6}
.intro-ul02 li{background:#f1f1f1; position:relative; padding:15px;padding-left:50px; margin-bottom:20px;color:#32498b;}
.intro-ul02 span{display:block; background:#32498b; position:absolute; width:30px; height:30px; line-height:30px; color:#fff; text-align:center; font-weight:500; left:0px; top:0px;}

.goal-box{border:4px #32498b solid; margin-bottom:50px; background:url(../../images/sub/goal-bg.gif) no-repeat left top; position:relative;}
.goal-box .goal-box-bg{position:absolute;  top:-55px; right:-25px; z-index:99;}
.goal-box ul{padding:35px 35px;}
.goal-box li{width:325px; border-top:1px rgba(0,0,0,0.07) solid; font-size:16px; letter-spacing:0.02em; line-height:20px; padding:15px 0px 15px 15px; background:url(../../images/sub/goal-but.png) no-repeat 0px 22px;}
.goal-box li:first-child{border-top:0;}

/*-----규정-----*/
#ethics section{margin-top:40px; word-break:keep-all;}
.ex-box{margin-bottom:20px;}
.ex-box div{background:#f1f1f1; border:1px #e6e7e8 solid; padding:15px;}
.ex-box div p{font-weight:500; letter-spacing:0.02em; color:#666;}
.ex-box .ex-t01{text-align:center;}
.ex-box .ex-t03 em{font-style:italic;}
.ex-box .ex-t04{text-indent:15px;}
.ex-box .ex-t04 span{font-weight:400;}
.ex-tit{color:#32498b; font-weight:500;background:#f1f1f1; border:1px #e6e7e8 solid; padding:5px 10px; border-bottom-width:0; margin-top:5px;}
.ex-tit i{margin-left:3px; vertical-align:middle;}

.first-title{text-align:center; font-size:20px; font-weight:400; margin-top:40px;}
.first-title.mt_0{margin-top:0;}

#ethics.guide section:first-child, #ethics.board section:first-child{margin-top:0;}
.two_line .online-tab li a{line-height:20px; padding:5px 0; text-transform:inherit;}
.two_line .online-tab li.current a{line-height:21px;}

.no_bl{border-left-width:0 !important;}
#ethics table{border-top:2px #32498b solid; table-layout:auto; border-bottom:1px #cdd1d4 solid;}
#ethics table th{color:#32498b; padding:7px 0; border-top:1px #c5cbd0 solid;  border-left:1px #c5cbd0 solid; text-align:center;background:#fdfdfd; font-weight:500;}
#ethics table td{padding:7px; border-top:1px #c5cbd0 solid; border-left:1px solid #c5cbd0;}
#ethics table td.center{text-align:center;}

#ethics.principle .top_bpx{text-align:center; font-size:16px;}
#ethics.principle p{font-weight:400;}
#ethics.principle .sub-tit02{font-size:16px;}
#ethics.principle dd{padding-left:20px;}
#ethics.principle .sub-ul01 li:first-child{margin-top:5px;}

/*------outline-------*/
.out-tit01{color:#32498b; font-size:18px; font-weight:500; letter-spacing:0.02em; margin-bottom:5px;}
.out-box{border:4px #32498b solid; padding:35px; font-size:16px; background:url(../../images/sub/jga-cover_180122.gif) no-repeat 96% 20px;}
.out-box ul{padding-right:230px}
.out-box ul li{line-height:1.3}
.out-box a{text-decoration:underline;}
.out-box p{margin-top:10px;}
.out-box p:first-child{margin-top:0;}
.out-tit01.ot-ma{margin-top:25px;}

/*------committee Editing-------*/
.sub-table01 thead th{border-top:2px #32498b solid; background:#f3f5f6; font-weight:500; color:#32498b;}
.sub-table01 th, .sub-table01 td{border-bottom:1px #e6e7e8 solid; padding:10px 0; text-align:center;}
.committee-chief{margin-bottom:30px; padding:20px; color:#385a72; border:2px #32498b solid; font-size:15px;}
.cc-t01{font-size:18px; color:#32498b; font-weight:500; margin-bottom:5px;}
.cc-t02 span{margin-right:10px;}


/*----------Personnel----------------*/
.Personnel-table{border:1px #e1e6e6 solid; border-width:0 1px 1px 0; width:100%;}
.Personnel-table thead th{background:#159ed7; padding:15px 5px; color:#fff; font-weight:500; border-left:1px rgba(255,255,255,0.5) solid; font-size:15px;}
.Personnel-table thead th:first-child{border-left-width:0;}
.Personnel-table td{text-align:center; padding:15px 5px; border:1px #e1e6e6 solid; border-width:0 1px 1px 0;}
.Personnel-table td a{color:#025451; display:block;}
.Personnel-table td a:hover{text-decoration:underline;}
.Personnel-table td a i{display:inline-block; margin-left:3px;}
.Personnel-table td:first-child{border-left-width:1px;}
.Personnel-table .Personnel-bg td{background:#fefefe; color:#3a4a49; font-size:15px; padding:17px 10px; border-color:#d0d8d8}
.Personnel-table .Personnel-bg .position{text-align:left; padding-left:30px;}

/*Location*/
.location-map{height:500px; border:1px #e6e7e8 solid;}
.location-nav{border-top:2px #32498b solid; margin-top:30px;}
.location-nav li{border-bottom:1px #cecfd0 solid; padding:15px 0; position:relative; padding-left:160px;}
.location-nav li ul li{border-width:0; padding:2px 0;}
.location-nav li dt{background:#304050; color:#fff; display:inline-block; padding:5px; margin-bottom:5px; font-weight:500; letter-spacing:0.02em;}
.location-nav li dd strong{ color:#222;}
.location-nav li span{display:inline-block; width:140px; line-height:1; border-right:1px #e6e7e8 solid; font-size:16px; letter-spacing:0.02em; position:absolute; left:0; color:#32498b;}
.location-nav li p{display:inline-block;}
.lo-air{margin-top:10px;}

/*----------business----------*/
#business01 li{margin-top:50px;}
#business01 li:first-child{margin-top:0;}
#business01 .t01{font-size:18px; color:#32498b; background:#f1f7fc; padding:10px 15px; border-left:4px solid #32498b; font-weight:500;}
#business01 .cont_box{margin-left:40px;}
#business01 .cont_box.one{margin-left:0;}
#business01 .cont_box .cb_item{ margin-top:30px;}
#business01 .cont_box .cb_item .cb_tit{padding-left:10px; padding-bottom:10px; border-bottom:1px solid #304050; font-weight:500; font-size:18px; margin-bottom:20px;}
#business01 .cont_box .cb_item .img_box{text-align:center;}
#business01 .cont_box .cb_item img{max-width:100%;}

#business02 .tit{position:relative; color:#32498b; background:#f1f7fc; padding:15px 15px; border-left:4px solid #32498b; margin-bottom:20px;}
#business02 .tit p{font-size:18px;  font-weight:500;}
#business02 .tit a{display:inline-block; background:#32498b; color:#fff; padding:4px 15px; border-radius:5px; position:absolute; top:15px; right:15px;}
#business02 .img_list p{margin-bottom:20px;}
#business02 img{max-width:100%;}

/*------Sign------*/
#sign .sign-box{font-size:15px;}
#sign .sign-tit01{font-weight:500; color:#4b7587;line-height:1.0;font-size:27px; margin-bottom:5px; letter-spacing:0.02em;}
#sign .sign-tit02{margin:0px 0 20px;}
#sign .sign-tit02 strong{font-size:20px; display:block;color:#32498b;}
#sign .sign-up-link{margin:5px auto 0px; border:1px #32498b solid;}
#sign .sign-up-link p a{text-align:center; color:#32498b; display:block; padding:15px 0; font-weight:500;}
#sign .sign-up-link p a span{text-decoration:underline; display:inline-block; margin-left:15px;}
/*#sign .sign-up-link p a:hover,#sign .sign-up-link p a:hover span{color:#c7eaff;}*/
#sign .sign-in-box{margin:0 auto; background:#f3f5f6; border:1px #e6e7e8 solid; padding:20px; margin-bottom:20px;}
#sign .sign-in-box-name{color:#32498b; font-weight:500; font-size:20px; border-bottom:2px #32498b solid; margin-bottom:25px; padding-bottom:10px;}
#sign .sign-in-box label{display:none;}
#sign .SIB-input{margin:10px 0;}
#sign .SIB-input input{padding:8px 2%; width:96%; margin:0 auto; font-weight:300; color:#222;}
#sign .input-nunu{font-size:12px; color:#777; display:block; padding-top:5px;}
#sign .find-link{text-align:center; margin:20px 0; padding-bottom:30px;border-bottom:1px #bfc7c7 dashed;}
#sign .find-link a{text-decoration:underline; color:#304050; font-weight:500; display:inline-block; padding:5px;}
#sign .sign-btn{text-align:right;}
#sign .sign-btn a{display:inline-block; width:100%; text-align:center; padding:15px 0; background:#101b3c; color:#fff; font-weight:500; font-size:16px; letter-spacing:0.02em;}

#sign .find-txt-box{border-top:1px #bfc7c7 dashed; margin-top:40px; padding-top:20px; color:#536270;}
#sign .find-txt-box p{margin-bottom:5px;}
#sign .find-txt-box span{display:inline-block; margin-right:5px;}

/*-----------Online-JGA------------*/
.online-tab{margin-bottom:50px;}
.online-tab li{float:left; width:50%;}
.online-tab li a{display:block; text-transform:uppercase; font-weight:500; line-height:48px; text-align:center; letter-spacing:0.02em; border:1px #cdcdcd solid;}
.online-tab li.current a{background:#3a4c7f; color:#fff; border-width:0; line-height:50px;}
.online-tab:after{clear:both; content:"."; display:block; height:0; visibility:hidden; overflow:hidden;}

.onj-list{border-top:2px #32498b solid; padding-top:25px;}
.online-list-box{position:relative; min-height:283px; margin-bottom:25px; padding-bottom:25px;border-bottom:1px #cfd6dd solid;}
.online-list-box .online-img{position:absolute; z-index:99;}
.online-list-box .online-img a{ display:block; border:1px #e0e0e0 solid; height:100%;}
.online-list-box .online-img img{width:200px;}
.online-list-box .online-txt{padding-left:230px; position:relative;}
.online-list-box .online-txt a{display:table-cell; vertical-align:bottom; height:100px; line-height:1.3;}
.ot-tit,.ot-num{font-weight:500; letter-spacing:0.02em; font-size:16px; margin-top:5px;}
.ot-num{margin-top:3px;}
.ot-num span{display:inline-block; margin-right:10px;}
.ot-data{position:relative; display:block;margin-bottom:10px; margin-top:10px;}
.ot-data span{ font-size:15px; letter-spacing:0.02em;}
.ot-list{border-top:1px dashed #e0e0e0; padding-top:10px; margin-top:20px;}
.ot-list li{margin-top:10px; line-height:1.3; background:url(../../images/sub/sub-but01.gif) no-repeat 0 8px; padding-left:10px; color:#666;}
.online-list-box .online-txt a:hover li{text-decoration:underline;}

.online-search{background:#f3f5f6; border:1px #e6e7e8 solid; padding:20px; position:relative; }
.online-search li{position:relative; padding-left:80px; min-height:40px;}
.online-search li p{position:absolute; left:0; font-weight:500; letter-spacing:0.02em;}
.online-search li input[type="text"]{width:100%;}
.online-search li select{width:40%; height:28px;}
.online-search li span{display:inline-block; padding:0 10px;}
.online-search .search-btn{text-align:center; margin-top:20px; padding-top:20px; border-top:1px #e6e7e8 dashed;}
.online-search .search-btn button{ background:#202b4b; color:#fff; font-weight:500; padding:0px 20px; line-height:37px;}
.onj-box{margin:50px 0;}
.onj-table table{border-top:2px #32498b solid; margin-top:30px;}
.onj-table table th{background:#f3f5f6; border:1px #cfd6dd solid; border-width:0 1px 1px 1px; padding:10px 0;}
.onj-table table th:first-child{border-left-width:0;}
.onj-table table td{border-bottom:1px #cfd6dd solid; padding:10px;}

.onj-view{margin-bottom:50px;}
.onj-view h4{margin-bottom:-10px;}
.onj-table-cont{margin-bottom:50px;}
.onj-title{background:#262c3f; padding:10px; color:#fff; border-radius:2px; font-size:16px; font-weight:500; letter-spacing:0.02em;}
.onj-t01,.onj-t01 a{ color:#32498b; font-weight:500; font-size:16px;}
.onj-t01 .t01-font{font-weight:400; font-size:14px;} 
.font12{font-size:12px; color:#666;}
.onj-t02{text-align:center; border-left:1px #cfd6dd solid;}
.onj-btn{text-align:right; margin:20px 0 10px;}
.onj-btn button{display:inline-block; text-transform:uppercase; border:1px #cecece solid; border-bottom:1px #737373 solid; padding:10px; font-weight:500; }
.pdf-box span{display:inline-block; background:#b61c0d; color:rgba(255,255,255,0.8); padding:2px 7px; font-size:11px; border-radius:2px; margin-right:5px;}
.pdf-box a{color:#1973af; display:block;}
.abstract-box{text-align:center;}
.abstract-box dt{cursor:pointer; color:#666;}
.abstract-box dt i{font-size:20px; vertical-align:bottom;}
.abstract-box dd{text-align:left; display:none; background:#e7ecf2; padding:15px; color:#60686f; margin-top:10px;}
.onj02-table table{margin-top:0;}
.onj-prne{width:100%;text-align:right; margin-bottom:10px;}
.onj-prne a{display:inline-block; line-height:35px;  padding:0 15px;text-align:center; border:1px #cfd6dd solid; font-size:13px; color:#777; background:url(../../images/board/btn-bg.jpg)100% 100% repeat-x; }
.onj-prne a:hover{text-decoration:underline;}
.onj-prne a.art-next{border-left:0;}
.onj-prne a span{display:inline-block;vertical-align:middle; margin-left:5px;}
.onj-prne a.art-next span{margin-left:0; margin-right:5px;}
.onj-prne a i{display:inline-block; font-size:15px; vertical-align:middle;}

/*--------------Working Paper-------------*/
#paper{margin-bottom:20px;}
#paper li{margin-bottom:20px;}
#paper table{border-top:2px #32498b solid; table-layout:auto; border-bottom:1px #cdd1d4 solid;}
#paper table th{color:#32498b; font-size:14px; padding:13px 0; border-top:1px #c5cbd0 solid;  border-right:1px #c5cbd0 solid; text-align:center;background:#fdfdfd;}
#paper table td{padding:10px; border-top:1px #c5cbd0 solid;}
#paper table tr:first-child td, #paper table tr:first-child th{border-top-width:0;}
#paper table .td-center{text-align:center;  border-left:1px #e6e7e8 solid;}
#paper table .table-num{font-size:16px; background:#f3f5f6;}
#paper table .txt-col01{border-top:1px #e6e7e8 solid;}


/*------Submission------*/
#submission .submi-top{color:#4b7587; font-size:24px; line-height:1.3;}
#submission .submi-top strong{display:block; font-weight:500;}
#submission .submi-top .SMI-line{width:50px; height:4px; background:#4b7587; margin:30px 0 25px;}
#submission .submi-txt-box p{margin-top:30px; font-size:15px;}
#submission .submi-txt-box .SMI-txt01{color:#21617d; font-weight:400; margin:10px 0 50px; }

/*------privacy------*/
/*#privacy .privacy-box{background:#f3f5f6;border:1px #e6e7e8 solid; padding:4%; margin-bottom:30px;}*/
#privacy .privacy-box{ margin-bottom:30px;}
#privacy h3{padding-left:13px; font-weight:600; font-size:16px;  color:#234553; margin-bottom:10px; line-height:1; font-weight:500; letter-spacing:0.02em; background:url(../../images/sub/pri_icon.png) no-repeat 0 50%/7px 7px;}
#privacy h4{font-weight:500; margin-bottom:10px;}
#privacy div{margin-bottom:40px;}
#privacy p, #privacy ul{margin:10px 0;}

.signup-privacy-box #privacy p, .signup-privacy-box #privacy ul{margin-left:0;}
.signup-privacy-box #privacy h4{margin-left:0;}

.sub-input-form{margin-top:25px;}
.sub-input-form-tit{font-weight:500; font-size:18px; letter-spacing:0.02em; color:#1973af;  margin-bottom:15px; }
.sub-input-form-tit i{padding-right:3px;}
.sub-input-form ul{border-top:2px #32498b solid; }
.sub-input-form li{position:relative; padding-left:250px; border-bottom:1px #d5dfdf solid; background:#f3f5f6; font-size:13px;} 
.sub-input-form li .SMI-input{background:#fff; padding:15px; border-left:1px #d5dfdf solid;}
.sub-input-form .SMI-tit{position:absolute; left:0; padding:10px; font-weight:500; color:#506067; font-size:15px;}
.sub-input-form input{width:95%;}
.SIF-btn{text-align:right; margin-top:30px;}
.SIF-btn a{display:inline-block; text-align:center; padding:12px 22px; background:#32498b; color:#fff; font-weight:500; }

.signup-privacy{margin-bottom:30px;}
.signup-privacy-box{height:145px; overflow-y:scroll; border:1px #e5e9e9 solid; padding:15px;}
.signup-privacy-tit{font-weight:500; font-size:15px; letter-spacing:0.02em; color:#1973af;  margin-bottom:8px;}
.signup-privacy-tit i{padding-right:3px;}
.signup-agree{text-align:left; margin-top:6px;}
.signup-agree label{display:inline-block; margin:0 5px; font-size:12px;}
.SIF-info{font-size:12px;color:#37749e; padding:10px 15px; background:#f1f7fc; text-align:left;}

.sign-up input{width:95%; max-width:300px;}
.sign-up .input-width01.modi_170719{margin-left:8px; max-width:200px;}

.sign-up .add-input input{max-width:95%;}
.sign-up .signup-agree input{width:auto;} 
.sign-up .input-ex{display:inline-block; margin-left:5px;}
textarea{border:1px #e0e0e0 solid; width:95%; height:300px;}
select{border:1px #e0e0e0 solid;}
input[type="radio"]{width:auto;}
.input-ex{color:#777; display:block; margin-top:7px; font-size:12px;}
.red{color:#c23131; font-size:12px; display:inline-block; margin-right:3px;}
.blue{color:#2a708e;}
::-webkit-input-placeholder { /* Chrome */
  color: #222; font-size:0.90em;   opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #222; font-size:0.90em;   opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #222;  font-size:0.90em;
  opacity: 1;
}


#organization img{width:100%; max-width:800px;}
.m-organization{display:none;}


/*Area Infromation*/
#ai_list ul:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}
#ai_list li{float:left; width:30.5%; margin-left:30px; margin-top:30px;}
#ai_list li:nth-child(3n+1){margin-left:0;}
#ai_list li:nth-child(1), #ai_list li:nth-child(2), #ai_list li:nth-child(3){margin-top:0;}
#ai_list li a{display:block;}
#ai_list li .img_box{overflow:hidden;}
#ai_list li.a1_08 .img_box{border:1px solid #e0e0e0;}
#ai_list li .img_box img{max-width:100%; width:100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; overflow:hidden;}
#ai_list li:hover .img_box img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
#ai_list li .txt_box{padding-top:10px;}
#ai_list li .txt_box .tb_01{font-size:16px; color:#304050; font-weight:500;}
#ai_list li .txt_box .tb_01 i{margin-left:3px;}
#ai_list li .txt_box .tb_02{color:#999999;}

#area_page .top_img{text-align:center;}
#area_page .top_img img{max-width:100%;}
#area_page .ap_tap{margin-top:30px; border-top: 1px #cdcdcd solid;}
#area_page .ap_tap:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}
#area_page .ap_tap li{float:left; width:33.3%; border: 1px #cdcdcd solid; border-left-width:0; border-top-width:0; box-sizing:border-box;  line-height: 49px; }
#area_page .ap_tap li a{display: block;  text-transform: uppercase;  text-align: center;    }
#area_page .ap_tap li:nth-child(3n+1){border-left-width:1px;}
#area_page .ap_tap li.current{border-width:0;  line-height: 50px;}
#area_page .ap_tap li.current a {background: #3a4c7f; color: #fff; }

#area_page .webzine_box{}
#area_page .webzine_box li{position:relative; margin:30px 0; padding-bottom:30px; border-bottom:1px solid #e6e7e8;}
#area_page .webzine_box .img_box{position:absolute; top:0; left:0; width:160px; height:115px; text-align:center; overflow:hidden; background:#f7f7f7; border:1px solid #e0e0e0;}
#area_page .webzine_box .img_box img{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; vertical-align: middle;}
#area_page .webzine_box .txt_box{margin-left:185px;}
#area_page .webzine_box .txt_box .t_tit{font-size:16px; color:#304050; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#area_page .webzine_box .txt_box .t_txt{color:#777777; margin:13px 0; max-height:42px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#area_page .webzine_box .w_info span{position:relative; padding:0 10px; color:#304050; }
#area_page .webzine_box .w_info span:after{content:""; display:block; width:1px; height:15px; background:#b7b7b7; position:absolute; top:3px; left:0;}
#area_page .webzine_box .w_info span.name{padding-left:0; border-left:0;}
#area_page .webzine_box .w_info span.name:after{display:none;}
#area_page .webzine_box .w_info span.file{display: inline-block; overflow: hidden; background: url(../../images/board/board_img.png) no-repeat; height: 20px; line-height:20px; background-position: center -75px; width: 22px; vertical-align: top; font-size: 0; }

.top_img.area{margin-bottom:30px;}
.top_img.area img{max-width:100%;}

/*----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1199px){
#sub{width:980px;}

#sub-contents{width:730px; padding-right:0; padding-left:20px;}

.goal-box .goal-box-bg{top:-20px; right:0;}
.goal-box .goal-box-bg img{width:450px;}
}

/*----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:979px){
#sub{width:100%;}
#snb{width:100%; margin-top:0; padding:15px 0; float:none;}
#snb .snb-tit{margin-left:0; width:100%; border-bottom:0;}
#snb .snb-tit h2{left:0; bottom:0; padding-left:2%; right:auto; text-align:center; width:98%;}
#snb ul{display:none;}
#sub-contents{width:96%; padding:0; padding-top:20px; margin:0 auto; float:none; min-height:200px;}
#sub-contents h3{line-height:1.2; font-size:24px; border-bottom:0; margin-bottom:0;}
#sub-contents .m_tit{font-size:20px;}
.sub-nav{border-bottom:1px #e6e7e8 solid; padding-bottom:10px;}
.sub-nav a{font-size:11px;}
.sub-nav i{font-size:9px;}

#sub-content-area{padding:25px 0;}

/*sub-aside-link*/
#link-box li:first-child a{border-top:1px #e6e7e8 solid;}
.goal-box li{width:50%;}

/*----------business----------*/
#business01 .cont_box{margin-left:0;}
}

/*----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

.sub-input-form li{padding-left:0;}
.sub-input-form .SMI-tit{position:relative;border-bottom:1px #d5dfdf solid;}
.sub-input-form li .SMI-input{border-left:0;}

.sign-up input{max-width:95%;}

.intro-ul01 li{height:200px;}

.committee-table th{display:none;}
.committee-table colgroup{display:none;}

.committee-table tr td:first-child{border-top:2px #32498b solid; }
.committee-table tr td:last-child{border-bottom-width:0;}
.committee-table tr:last-child td:last-child{border-bottom-width:1px;}
.committee-table tr td{display:block; text-align:left;position:relative; padding-left:100px;}
.committee-table tr td:before{width:100px;position:absolute; left:0; top:10px; color:#32498b; text-align:center;}
.committee-table tr td:nth-of-type(1):before { content: "Name";}
.committee-table tr td:nth-of-type(2):before { content: "Institution";}
.committee-table tr td:nth-of-type(3):before { content: "Major field";}
.committee-table tr td:nth-of-type(4):before { content: "Area";}

.location-map{width:85%; height:300px; margin:0 auto;}
.location-nav li{padding-left:0;}
.location-nav li span{display:block; width:100%; position:relative; margin-bottom:10px; border-right:0;}

/*---------greeting---------*/
#greeting .left_box{position:static; top:auto; left:auto; text-align:center;}
#greeting .right_box{padding-left:0px; padding-top:0px;}


/*---------History---------*/
#ai_history .h_list{padding:20px 0;}
#ai_history .h_list:before{display:none;}
#ai_history .h_list .left, #ai_history .h_list .right{width:100%; float:none;}
#ai_history .h_list .left:before, #ai_history .h_list .right:before{display:none;}
#ai_history .h_list .left dl, #ai_history .h_list .right dl{float:none; text-align:left; width:100%;}
#ai_history .h_list > div.left dl, #ai_history .h_list > div.right dl{padding:10px;}

#ai_history .h_list > div.left dd{padding-right:0; padding-left:15px;}
#ai_history .h_list > div.left dd:before{right:auto; left:0;}

/*---------People---------*/
#Personnel .peo_list li{margin-bottom:30px; padding-bottom:30px;}
#Personnel .peo_list li .img_box{position:static; top:auto; left:auto; text-align:center;}
#Personnel .peo_list li .txt_box{padding-left:0;}
#Personnel .peo_list li .txt_box .name{text-align:center; margin:10px 0;}
#Personnel .peo_list li .txt_box .info table td{word-break:break-all;}

/*#organization img{display:none;}
.m-organization{display:block;}
.m-organization li{background:#1973af; height:50px; color:#fff; font-weight:500; text-align:center; vertical-align:middle; display:table; width:100%;}
.m-organization li p{display:table-cell; vertical-align:middle;}
.m-organization ul{border:1px yellow solid;}
.m-organization .orga-02{background:#a68660; border-bottom:1px #e6e7e8 solid;}
.m-organization .orga-03{border-bottom:1px #e6e7e8 solid;}
.m-organization .orga-03 span{display:inline-block; width:50%; background:#edeae6; display:table-cell; vertical-align:middle; color:#46423d; }
.m-organization .orga-03 span.orga-03-01{background:#a68660; color:#fff;}
.m-organization .orga-04{background:#f1f1f1; height:auto;}
.m-organization .orga-04 span{display:block; color:#304050; vertical-align:middle; width:100%; line-height:50px; border-bottom:1px #e6e7e8 solid; }*/

#ethics.principle a{word-break:break-all;}

.goal-box ul{padding:20px;}
.goal-box li{width:95%;}
.goal-box .goal-box-bg{display:none;}
.goal-box .goal-box-bg img{}

.onj-table-cont table colgroup,.onj-article table colgroup, .onj02-table table colgroup{display:none;}
.pdf-box a{font-size:0;}
.pdf-box a span{display:block; text-align:center; font-size:12px;}
.abstract-box dt i{display:inline-block;line-height:1;}
.onj02-table table th, .onj02-table table td{display:block; width:94%; padding:2% 3%; border-right-width:0;}

.out-box{background-position:50% 25px; padding-top:280px;}
.out-box ul{padding-right:0;}

.online-list-box .online-img{position:relative; text-align:Center; margin-bottom:25px;}
.online-list-box .online-img a{display:inline-block;}
.online-list-box .online-txt{padding:0 2%;}

#paper table th, #paper table td{font-size:12px;}

.cc-t02 span{display:block;}

/*----------business----------*/
#business01 li{margin-top:30px;}
#business01 .t01{font-size:16px;}
#business01 .cont_box .cb_item{margin-top:20px;}
#business01 .cont_box .cb_item .cb_tit{font-size:16px;}

#business02 .tit a{position:static; top:auto; right:auto; margin-top:10px;}

/*Area Infromation*/
#ai_list li{width:46.7%; margin-left:20px; margin-top:20px;}
#ai_list li:nth-child(3n+1){margin-left:20px;}
#ai_list li:nth-child(2n+1){margin-left:0;}
#ai_list li:nth-child(3){margin-top:20px;}


#area_page .ap_tap li{ width:50%; line-height:inherit; height:50px; }
#area_page .ap_tap li:nth-child(2n+1){border-left-width:1px;}
#area_page .ap_tap li:nth-child(4){border-left-width:0px;}
#area_page .ap_tap li.current{line-height:inherit;}
#area_page .ap_tap li a{font-size:13px; display:block; height:100%; vertical-align:middle;     padding-top: 15px; box-sizing: border-box;}

#area_page .webzine_box li{margin:20px 0; padding-bottom:20px;}
#area_page .webzine_box .img_box{position:relative; top:auto; left:auto; width:100%; height:240px;}
#area_page .webzine_box .txt_box{margin-left:0; margin-top:20px;}

}

/*----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:396px){
#area_page .ap_tap li:nth-child(2) a{padding-top:5px;}
}