@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 30px 30px !important;letter-spacing: -.5px;}
.exp_box.article h3 {text-align: center;}

/* History */
.history_list th, .history td{vertical-align:middle}
.history_list th.year h3{width:165px;height:165px;font-size:1.5em!important;border:10px solid #023968;border-radius:100px;padding:52px 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.4em;margin-bottom: 30px;}
.actvt19 .directionAct{width:98.448%;margin:0 auto 35px}
.actvt19 .directionAct img{width:100%;}
.actvt19 table td.direction{text-align:center;line-height: 1.4em;font-weight:bold;font-size: 1.1em;}
.actvt19 .exp_box{padding: 30px 50px 30px 30px!important;}
.actvt19 .exp_box h3{font-weight:700}
.actvt19 .exp_box .tit_dot{font-size: 1.1em;}
.actvt19 .exp_box .tit_dot .arr li{margin-top: 12px!important;color:#393939;font-size: 0.94em;}
.actvt19 .exp_box .tit_dot>li:first-child{color:#000;}
.actvt19 .exp_box .tit_dot>li {margin: 30px 0 15px !important;font-weight: bold;}
.actvt19 .exp_box li, .actvt19 .exp_box dt, .actvt19 .exp_box dd{line-height:1.6em}

/* MI */
.mi_img{position:relative}
.mi_img img{width:100%}
.mi_img h2{position:absolute;top:0;left:0;font-size:1.125em;background:#023968;border-right:3px solid #d2ac0d;color:#fff;padding:10px 0;width: 130px;text-align:center;}
.mi_img.sb h2{width:190px}


/* Vice-chairperson */
dl.top_profile,dl.top_profile dd dl{overflow:hidden;line-height: 1.8em;}
dl.top_profile dd dl:first-of-type {margin-bottom: 12px;}
dl.top_profile{margin-bottom: 50px;padding-top: 20px;}
dl.top_profile dt.photo{width:215px;margin-right:30px;}
dl.top_profile dt.photo img{width:100%;}
dl.top_profile dd,dl.top_profile dt{float:left}
dd.profile{width: 64%;}
dl.top_profile dl dt{letter-spacing: 0;font-size:1.125em;font-weight: bold;}
dl.top_profile dl dt:after {content: ':';letter-spacing: .4em;margin-left: 8px;}
dl.top_profile dl dt:first-child+dt{margin-top:10px}
dl.top_profile dl dd{font-size:1.125em;}
dl.top_profile dd.profile dl dt:first-child+dt{clear:both}
table.career th{width:33%;text-align:left;font-size:1.125em}
table.career td,table.career th{padding-left:26px!important}
table.career th span{padding-left:42px;font-weight:700}


/* Chairperson */
.con_box.chr{overflow:hidden;}
dl.chair {padding-bottom: 55px; border-bottom: 1px solid #3a3a3a; padding-top:0}
dl.chair dt.photo img{width:100%}
dl.chair dl:first-of-type dt {letter-spacing: -.5px;}
dl.chair dd.profile {margin-top: 4%;width: 64%;}
.chr_career{overflow:hidden;}
.chr_career table{margin-left: 15px;}
.chr_career table td, .chr_career table th{line-height: 1.6em;font-size:1.125em;vertical-align: top;padding-bottom: 15px;color: #333;}
.chr_career table th{color: #000;padding-right: 20px;width: 38px;font-weight: bold;}
.chr_l {float: left;width: 40%;}
.chr_l .chr_career:nth-of-type(2) {margin-top: 40px;}
.chr_r {float: right;width: 55%;}


/* Directions of Activities of the 19th NUAC */
.graph_wrap.en {background: url(../images/content/20_graph_en.png) no-repeat right center;padding: 15px 0;}
.graph_wrap.jp {background: url(../images/content/20_graph_jpn.png) no-repeat right center;padding: 15px 0;}
.graph_wrap.cn {background: url(../images/content/20_graph_chn.png) no-repeat right center;padding: 15px 0;}
.graph_wrap.ru {background: url(../images/content/20_graph_rus.png) no-repeat right center;padding: 15px 0;}
.graph_wrap h3{font-size: 1.375em !important;}
.graph_wrap ul li { font-size: 1.125em; line-height: 1.6em;}
table.cmmntb.appoint th {padding: 15px 10px;}
table.cmmntb.appoint td br { display: none;}
@media screen and (max-width:1160px){.graph_wrap{background-size: 62%;} .graph_wrap .dot li:first-child { width: 270px;}}


/* Organization Chart */
.organization{text-align:center;width:70%;margin:55px auto;position:relative;line-height: 100%;}
.organization a{display:block;padding: 27px 15px;border-radius: 8px;line-height: 1.2em;}
.boss a{color:#fff;font-size: 1.2em;padding:26px 20px 30px;background:#023968!important;width: 70%;margin:0 auto;line-height: 1.2em;}
.boss p.ci{display:block;background:url(../images/cmmn/favicon.png) no-repeat left center;background-size: 40px;width: 105px;margin:0 auto;line-height:45px;text-align:left;padding-left: 50px;font-size: 1.8em;}
.boss:before{content:"";position:absolute;width:3px;left:50%;top:0;bottom:0;background:#cecece;z-index:-1;height: 320px;}
.second dl{overflow:hidden}
.second dl br, .member .mem_r br {display: none;}
.second dt, .member .mem_l, .member .mem_l li a ul{float:left}
.second dd a, .second dt a{margin-top:40px;}
.second dd a{background:#ddd!important}
.second dt a:before{content:"";position:absolute;height:3px;left:100%;top:50%;background:#cecece;z-index:-1;width:50%}
.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:20px}
.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;height:370px;background:#cecece;z-index:-1}
.member ul li:first-child a:before{content:"";position:absolute;height:3px;top:-22px;background:#cecece;z-index:-1;width:100%}
.member li a{margin-top:44px}
.member .mem_l, .second dt{float:left}
.member .mem_l, .member .mem_r, .second dd,.second dt{width:45%;}
.member .mem_l li:last-child a{overflow:hidden}
.member .mem_l li a, .member .mem_r li a, .second dd a, .second dt a{width: 96%;background:#cadbe9;font-size:1.125em;color:#333;position:relative;min-height:18px;}
.member .mem_l li a:before{left:50%}
.member .mem_r, .member .mem_r a, .second dd,.second dd a{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{margin-left: 10px;padding-left: 9px;background: url(../images/cmmn/leftmenu_depth3.png) no-repeat left 12px;margin-top: 12px;}
table.org th, table.org2 th { color: #023968; font-size: 1.125em;}
table.org td:first-child {background: #eef2f5;color: #000;text-align: center;}


/* 지역회의 - 해외 현황 */
.wordmap{background: url(../images/content/world_map.jpg) no-repeat center;position: relative;height: 500px;background-size: 100% 100%;clear:both;}
.wordmap a {position: absolute;width: 16.5%;}
.wordmap a.am {left: 66%;top: 34%;}
.wordmap a.as {left: 28%;top: 59%;}
.wordmap a.jp {left: 35%;top: 40.5%;}
.wordmap a.cn {left: 25%;top: 24%;}
.wordmap a.ur {bottom: 42%;left: 4%;width: 20.3%;}
.wordmap a img{width:100%;}
.ovs_txt{font-size:1.0625em;margin: 20px 0 40px;position: relative;}
.ovs_txt span.status {position: absolute; right: 0;}



/* Functions and Organization */
.organization.office a{font-size:1.125em;position:relative;line-height: 1.4em;padding: 27px 10px;}
.organization.office .boss a{padding:30px 15px;width: 50%;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:78%}
.organization.office{width:80%}
.organization.office .group2 a{color:#fff;background:#2468a3;float:right;margin-top:32px;width:28%}
.organization.office .group3{margin-top:50px}
.organization.office .group3 ul li a{background:#cadbe9;float:left;width:100%}
.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:28%;margin-left:8%}
.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}
.organization.office .part ul li a{background:#ddd}
.organization.office .part ul{float:left;width:28%;margin-left:8%;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:75px}



/* How to Reach Us */
.subway{background:url(../images/content/subway_icon.png) no-repeat 37px center;background-size:76px;padding:12.5px 0}
.bus{background:url(../images/content/bus_icon.png) no-repeat 37px center;background-size:79px;padding:25px 0;margin-top:8px}
.transport{border:1px solid #ccc;border-radius:10px;padding-left:150px;padding-right:25px}
.transport ul{border-left:1px solid #ccc;padding-left:40px}
.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:3px}
.transport ul h4 p{float:left}
.transport ul h4 p br{display:none}
.transport ul li:before, .address ul li:before{content:'';display:flex;float:left;width:13px;height:13px;background:#393939;margin:6.5px 6px 5px 0}
.transport ul li p, .address ul li p{display:flex}
.transport ul li{margin-left:4px;clear:both}
.mapimg{width:100%;}
.address .adrss_box{overflow:hidden;border:1px solid #ccc;border-top:3px solid #023968;padding: 28px;}
@media screen and (max-width:1025px){.transport ul h4 p br{display:block}}