@charset "utf-8";
/* CSS Document */

/* Legal Basis of Establishment */
.exp_box.article{background: url(../images/content/nunc_bg_s.png) no-repeat #eef2f5 right 110% !important;padding: 20px 15px !important;background-size: 130px !important;}
.exp_box.article h3{text-align:center}

/* History */
.history{position:relative;overflow-x: hidden;}
.history_list th, .history td{vertical-align:middle}
.history_list th.year h3{width: 85px;height: 85px;font-size:1.5em!important;border: 6px solid #023968;border-radius:100px;padding: 18px 0;box-sizing:border-box;margin:12px 16px 12px 0;}
.history_list td{border-bottom:1px solid #ccc;padding:35px 0}
.history_list td.month_con dl:first-of-type dt{margin-top:0}
.history_list td.month_con dt{display:block;width:146px;background:#2f89d6;color:#fff;text-align:center;padding:3px 0 4px;font-size:1.125em;border-radius:30px;margin-bottom:8px;margin-top:12px;}
.history_list td.month_con dd{margin-left:12px}
.history_list tr:nth-child(2n) .year h3{border-color:#2f89d6}
.history_list tr:nth-child(2n-1) .month_con dt{background:#023968}


/* Directions of Activities of the 19th NUAC */
.actvt19 ul.tit_dot{font-size: 1.25em;margin-bottom: 25px;}
.actvt19 .directionAct{width:98.448%;margin:0 auto 35px}
.actvt19 table td.direction{font-size: 1.1em;text-align:center;font-weight: bold;}
.actvt19 .exp_box h3{font-weight:700}
.actvt19 .exp_box .tit_dot{font-size:1.125em}
.actvt19 .exp_box .tit_dot .arr,.actvt19 .exp_box .tit_dot .dash,.actvt19 .exp_box .tit_dot dl.num{font-size:.94em;margin-top:8px!important}
.actvt19 .exp_box .tit_dot .arr li{margin-top:10px!important;color:#393939}
.actvt19 .exp_box .tit_dot .dash li{margin:3px 0!important}
.actvt19 .exp_box .tit_dot>li{margin-top:0!important;color:#000;font-weight: bold;margin-top: 20px !important;}

/* MI */
.mi_img{position:relative;margin-top: 60px;}
.mi_img h2{position:absolute;top: -36px;left:0;font-size:1.125em;background:#023968;border-bottom: 3px solid #d2ac0d;color:#fff;padding: 5px 0;width: 100%;text-align:center;}


/* Vice-chairperson */
dl.top_profile,dl.top_profile dd dl{overflow:hidden;}
dl.top_profile{margin-bottom: 50px;padding-top: 10px;}
dl.top_profile dt.photo{text-align: center;}
dl.top_profile dt.photo img { width: 50%}
dl.top_profile dd,dl.top_profile dt{text-align: center;}
dd.profile{margin-top:20px}
dd.profile dl:first-of-type + dl dt {margin-top: 12px;}
.chair dd.profile dl:first-of-type st:after {content: '';display: inline;}
dl.top_profile dl dt{font-size:1.125em;font-weight: bold;}
dl.top_profile dl dt:first-child+dt{margin-top:10px}
dl.top_profile dl dd{font-size:1.125em;}
dl.top_profile dl dd ul li{line-height: 1.7em;}
dl.top_profile dd.profile dl dt:first-child+dt{clear:both}
table.career th{width:28%;text-align:left;font-size:1.125em}
table.career td,table.career th{padding: 13px 20px!important;}
table.career th span{font-weight:700;}


/* Chairperson */
.con_box.chr{border-top: 1px solid #333;padding-top: 10px;}
dl.chair {margin: 0;}
dl.chair dl:first-of-type dt {letter-spacing: -.5px;}
dl.chair dl:first-of-type dt:after {margin-left: 8px;}
dl.chair dd dl { width: 90%; margin: 0 auto;}
dl.chair dd.profile { margin-top: 6%;}
.chr_career{overflow:hidden;width: 85%;margin: 20px auto 0;}
.chr_career table{margin-top: 15px;}
.chr_career table td, .chr_career table th{line-height: 1.35em;font-size:1.125em;vertical-align: top;padding-bottom: 15px;}
.chr_career table th{color:#333;width: 38px;font-weight: bold;padding-right: 10px;}



/* Directions of Activities of the 19th NUAC */
.graph_wrap.en {background: url(../images/content/20_graph_en.png) no-repeat center bottom;padding-bottom: 70%;background-size: 100%;}
.graph_wrap.jp {background: url(../images/content/20_graph_jpn.png) no-repeat center bottom;padding-bottom: 70%;background-size: 100%;}
.graph_wrap.cn {background: url(../images/content/20_graph_chn.png) no-repeat center bottom;padding-bottom: 70%;background-size: 100%;}
.graph_wrap.ru {background: url(../images/content/20_graph_rus.png) no-repeat center bottom;padding-bottom: 70%;background-size: 100%;}
.graph_wrap h3{font-size: 1.375em !important;}
.graph_wrap ul li { font-size: 1.125em; line-height: 1.6em;}
table.appoint th{padding: 8px 5px;word-break: break-word;}



/* Organization Chart */
.organization{text-align:center;margin: 25px auto;position:relative;line-height: 100%;}
.organization a{display:block;padding: 0 15px;border-radius: 8px;line-height: 1.2em;}
.boss a{color:#fff;font-size: 1.2em;padding: 26px 12px 30px;background:#023968!important;width: 100%;margin:0 auto;}
.boss p.ci{display:block;background:url(../images/cmmn/favicon.png) no-repeat left center;background-size: 40px;width: 86px;margin:0 auto;line-height:45px;text-align:left;padding-left: 46px;font-size: 1.8em;}
.boss:before{content:"";position:absolute;width:3px;left: 49.5%;top:0;bottom:0;background:#cecece;z-index:-1;height: 320px;}
.second dl{overflow:hidden}
.second dd, .second dt{margin-top: 30px;}
.second dd a{background:#ddd!important}
.second dd a:before{content:"";position:absolute;height:3px;right:100%;top:50%;background:#cecece;z-index:-1;width:50%}
.member{overflow:hidden;margin-top: 10px;}
.member ul li:first-child a{position:relative; margin-top:22px}
.member ul li:first-child a:after{content:"";position:absolute;top:-22px;left:50%;width:3px;background:#cecece;z-index:-1; height: 410px;}
.member ul li:first-child a:before{content:"";position:absolute;height:3px;top:-22px;background:#cecece;z-index:-1;width:100%}
.member li{margin-top: 30px;}
.member li:last-child a { padding: 15px;}
.member .mem_l, .second dt{float:left}
.member .mem_l, .member .mem_r, .second dd,.second dt{width:45%;}
.member .mem_l li a, .member .mem_r li a, .second dd a, .second dt a{width: 20%;background:#cadbe9;font-size:1.125em;color:#333;position:relative;min-height:18px;word-break: break-all;display: table-cell;vertical-align: middle;height: 150px;}
.member .mem_l li a:before{left:50%}
.member .mem_r, .second dd{float:right}
.member .mem_r li:first-child a{/* padding:19.5px 20px !important */}
.member .mem_r:before{position:absolute;height:3px;top:0;background:#cecece;z-index:-1;width:65%;right:100%}
span.or_small{display:block;font-size:.9em;margin-top: 8px;}
.boss span.or_small{font-size: .9em;font-weight: 300;} 
.member .mem_r li a:before{right:50%}
.member ul>li>a>ul{text-align:left;}
.member ul>li>a>ul li{padding-left: 9px;line-height: 1.2em;background: url(../images/cmmn/leftmenu_depth3.png) no-repeat left 12px;margin-top: 12px;}
table.org{table-layout:fixed}
table.org th, table.org2 th { color: #023968; font-size: 1.125em;}
table.org th, td{word-break:break-all}
table.org td:first-child {background: #eef2f5;color: #000;text-align: center;}
/* 영문, 러시아 */
.organization.er .boss:before{height: 350px;}
/* 일본, 중국 */
.organization.jc .boss:before{height: 350px;}


/* 지역회의 - 해외 현황 */
.wordmap{background: url(../images/content/world_map.jpg) no-repeat;position: relative;height: 350px;background-size: 120% 101%;background-position: -10px center;clear:both;border: 1px solid #989898;}
.wordmap a {position: absolute;width: 125px;}
.wordmap a.am {right: 1%;top: 34%;}
.wordmap a.as {left: 32%;top: 62%;}
.wordmap a.jp {left: calc(50% - 64px);top: 41%;}
.wordmap a.cn {left: 27%;top: 30%;}
.wordmap a.ur {top: 32%;left: 2px;width: 155px;}
.ovs_txt{font-size:1.0625em;text-align:center;margin: 10px 0;}
.ovs_txt span { display: block; text-align: right; margin-top: 20px;}


/* Functions and Organization */
.organization.office a{font-size:1.125em;position:relative;padding: 27px 8px;}
.organization.office .boss a{padding:30px 15px;width: 80%;font-size:1.5em!important;}
.organization.office .group2,.organization.office .group3 ul,.organization.office .part{overflow:hidden}
.organization.office .group2 a:before{content:"";position:absolute;height:3px;right:100%;top:50%;background:#cecece;z-index:-1;width: 25%;}
.organization.office .group2 a{color:#fff;background:#2468a3;float:right;margin-top: 22px;width: 40%;}
.organization.office .group3{margin-top: 30px;}
.organization.office .group3 ul li a{background:#cadbe9;float:left;width:100%;font-size: 0.95em;height: 110px;}
.organization.office .group3 ul li:first-child a:before{content:"";position:absolute;height:3px;left:100%;top:50%;background:#cecece;z-index:-1;width:170%}
.organization.office .group3 ul li{float:left;width: 31%;margin-left: 3%;}
.organization.office .group3 ul li:first-child,.organization.office .part ul:first-child{margin-left:0}
.organization.office .part ul li{width:100%;margin-bottom:5px;display: table;}
.organization.office .part ul li a{background:#ddd;font-size: 0.95em;word-break: break-word;height: 102px;vertical-align: middle;display: table-cell;}
.organization.office .part ul{float:left;width: 31%;margin-left: 3%;position:relative;}
.organization.office .part ul:before{content:"";position:absolute;height:100%;bottom:100%;background:#cecece;z-index:-1;width:3px;left:50%;}
.organization.office .part{padding-top: 30px;}


/* How to Reach Us */
.subway{background: url(../images/content/subway_icon.png) no-repeat 12px center;}
.bus{background: url(../images/content/bus_icon.png) no-repeat 12px center;margin-top:8px;}


.transport{border:1px solid #ccc;border-radius:10px;padding-left: 65px;background-size: 40px;padding: 15px 0 15px 65px;}
.transport ul{border-left:1px solid #ccc;background: #fff;padding: 0 15px;border-radius: 0 10px 10px 0;}
.transport ul h4 span.line3{background:url(../images/content/subway_3.png) no-repeat center}
.transport ul h4 span.line2{background:url(../images/content/subway_2.png) no-repeat center}
.transport ul h4 span.line4{background:url(../images/content/subway_4.png) no-repeat center}
.transport ul h4 span.line5{background:url(../images/content/subway_5.png) no-repeat center}
.transport ul h4 span{color:transparent;display: inline-block;width:20px;height:20px;margin-top:3px;margin-left: 6px;font-size:1px;}
.transport ul h4{overflow:hidden;margin-bottom: 5px;}
.transport ul h4 p{float:left}
.transport ul li:before, .address ul li:before{content:'';display:flex;float:left;width: 10px;height: 10px;background:#393939;margin: 6.5px 6px 0 0;}
.transport ul li p, .address ul li p{display:flex}
.transport ul li{margin-left: 3px;clear:both;}
.address .adrss_box{overflow:hidden;border:1px solid #ccc;border-top:3px solid #023968;padding: 25px;}