@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 레이아웃
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.container { background: #eaeff2 url(/portalJp/images/sub/bg_sub.jpg) center top no-repeat; font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
}

/* 서브타이틀 영역 */
.sub_title { height: 112px; padding: 67px 0 0 0; }
.sub_title h2 { text-align: center; font-family: Times New Roman, garamond, batang, 바탕, 바탕체; font-size: 38px; letter-spacing: -2px; font-style: italic; color: #fff; line-height: 45px; }
.sub_title p{ text-align: center; color: #DDDFE3; }

/* 서브 메뉴 영역 */
#aside { position: relative; background: #fff url(/portalJp/images/sub/bg_sub_menu.jpg) left top no-repeat; }
#aside h2 { display: inline-block; padding: 40px 40px 0 40px; width: 156px; height: 98px; font-size: 26px; line-height: 30px; color: #fff; }
/* 로케이션 */
#aside .locations { position: absolute; left: 286px; top: 48px; height: 20px; line-height: 20px; }
#aside .locations .home { margin-top: -3px; }
#aside .locations .sep { margin-top: 6px; padding: 0 5px; font-size: 10px; }
#aside h3 { position: absolute; left: 286px; top: 68px; font-size: 24px; color: #000; }
#aside .sns { position: absolute; left: 1056px; top: 28px; width: 93px; height: 77px; overflow: hidden; border: 1px solid #D5DBDF; background: url(/portalJp/images/sub/bg_sns.gif) left top no-repeat; }
#aside .sns li { float: left; width: 46px; height: 38px; line-height: 40px; text-align: center; }
#aside .sns li a { display: block; }
/* 서브메뉴 */ 
#aside2 { background: #EAEFF2; }
#aside2 .snb { width: 100%; height: 62px; overflow: hidden; }
#aside2 .snb li { display: inline-block; float: left; width: 20%; background: url(/portalJp/images/sub/bg_snb.gif) left 50% no-repeat; }
#aside2 .snb li:FIRST-CHILD { background: none; }
#aside2 .snb li a { display: block; text-align: center; line-height: 62px; font-size: 14px; }
#aside2 .snb li.current { background-color: #0085a6;}
#aside2 .snb li.current a { color: #fff; } 

/* 3depth 메뉴 영역 */
.tab_menu { overflow: hidden; padding: 0px 0 60px; }
.tab_menu li { width: 25%; float: left; height: 50px; line-height: 50px; }
.tab_menu li a { display:block; font-size: 14px; border: 1px solid #D5DBDF; background-color: #EFF3F5; text-align: center; text-decoration:none; transition:all .2s }
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus, .tab_menu li.current a { color: #005DB6; border-color:#D5DBDF; background-color: #fff; z-index:1}
.tab_menu li a img { margin-right:-5px; }
.tab_menu li:nth-child(1) a { } 
.tab_menu li:nth-child(2) a { border-left: none; } 
.tab_menu li:nth-child(3) a { border-left: none; } 
.tab_menu li:nth-child(4) a { border-left: none; } 
.tab_menu li:nth-child(5) a { } 
.tab_menu li:nth-child(6) a { border-left: none; } 
.tab_menu li:nth-child(7) a { border-left: none; } 
.tab_menu li:nth-child(8) a { border-left: none; } 
.tab_menu li:nth-child(9) a { } 
.tab_menu li:nth-child(10) a { border-left: none; } 
.tab_menu li:nth-child(11) a { border-left: none; } 
.tab_menu li:nth-child(12) a { border-left: none; } 
.tab_menu li:nth-child(13) a { } 
.tab_menu li:nth-child(14) a { border-left: none; } 
.tab_menu li:nth-child(15) a { border-left: none; } 
.tab_menu li:nth-child(16) a { border-left: none; } 

/* 콘텐츠 영역 */
#conts { min-height: 500px; padding: 60px; background: #fff; }
#conts h4 { padding: 10px 0 5px 0; font-size: 30px; font-weight: 600; color: #0085a6; font-style: italic; font-family: Times New Roman, garamond, batang, 바탕, 바탕체; }
#conts h5 { padding: 10px 0 5px 0; font-size: 20px; font-weight: 500; color: #000; font-style: italic; font-family: open sans, arial; }

#conts p { padding: 10px 0; }
#conts p+h5, ul+h5 { margin-top: 20px}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.mB20 {margin-bottom: 20px}
.mB30 {margin-bottom: 30px}


.ul_dot { padding: 0px 0 5px; }
.ul_dot > li { padding: 0 0 3px 10px; font-size: 13px; line-height: 1.8em; background: url(/portalJp/images/sub/icon_dot.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot > li > ul > { padding-bottom: 10px; }
.ul_dot > li > ul > li { padding: 0 0 0 8px; font-size: 13px; line-height: 1.6em; background: url(/portalJp/images/sub/icon_bl.gif) 0px 8px no-repeat; }
.ul_dot > li > ol > li { padding: 0px; background: none; }
.ul_dot > li > b { color: #0092b6 }

/* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 20px; border-top: 2px solid #0085a6; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; font-size: 13px; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#f1f7f8; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f6f6f6; font-weight: 600; }
.table tfoot th, .tb_data tfoot td { background:#e9eff4}
.table .line_dash td { border-top:1px dashed #ddd; border-bottom:0}
.table .line_dash.first td { border-top:1px solid #ddd; border-bottom:1px dashed #ddd}


/* box */
.boder_box {border: 1px solid #ddd;  padding: 20px; overflow: hidden; margin-bottom: 20px}
.boder_box .imgZone { float: left; width:300px; text-align:center; border-right: 1px solid #ddd; margin-right: 30px }

/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 96% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.btn_file { display: inline-block; height: 23px; padding: 5px 35px 5px 18px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 23px; color: #333C7D!important; background: #fff url(../../images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 46px 5px 10px; line-height: 25px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.url_link.txt { padding: 0 20px 0 0; background: url(../../images/sub/url_link.png) 100% 50% no-repeat; margin: 0 5px;}

/* location */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 20px}
.tb_box { display: table; width: 100%; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
.tb_box dl.cell { width: 50%; display: table-cell;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; padding-bottom: 10px}
.tb_box dl.cell dt {font-weight: 600;padding:7px 20px; margin-bottom:10px; background-color: #f6f8fd;}
.tb_box dl.cell dd {padding:2px 20px 2px 25px; font-size: 13px; line-height: 1.6em; background: url(/portalJp/images/sub/icon_bl.gif) 20px 10px no-repeat;}

.img_list li { position:relative; float: left; width: 50%; height: 250px; overflow: hidden; margin-bottom: 20px} 
.img_list li:first-child {width: 49%; margin-right: 1%}
.img_list li img { width: 100%}
.img_list li span { display: block; position: absolute;; right: 0; bottom: 0; background-color: rgba(0,0,0,.8); color: #fff; padding: 3px 10px; text-align: right; }
.img_list li span i { line-height: 15px; font-size: .9em; color: #eee}
.img_list.pic3 li {width: 33%;height: 200px;margin-bottom: 1%}
.img_list.pic3 li:first-child,
.img_list.pic3 li:nth-child(4) {width: 33%; margin-right: 0}
.img_list.pic3 li:nth-child(2),
.img_list.pic3 li:nth-child(5){width: 32%; margin: 0 1%}
.img_list.pic4 li {width: 24%; margin-right: 1%; height: 150px;}
.img_list.pic4 li:last-child {width: 25%; margin-right: 0%}
.img_list_ttl { text-align: center; padding: 5px; font-size:16px; color: #0092b6}

.picLeft { float: left; margin: 0 30px 0 0}
.picRight { float: right; margin: 0 0 0 30px}

.greeting .ttl {font-size: 28px; line-height: 35px; margin-bottom: 20px; position: relative;color: #1290dd }
.greeting .ttl:after {display: block;position: absolute; bottom:-10px; content:""; height: 2px; width: 100px; background-color: #ed7729}
.greeting .subttl {font-size: 18px; }
.greeting .ttl span {color: #1290dd}
.greeting .sign { font-weight: 600}

.goals_box { position:relative; text-align: center; background:url('/portalJp/images/sub/goals_bgBottom.jpg') no-repeat 50% 100%; padding-bottom: 180px  }
.goals_box .ttl {background:url('/portalJp/images/sub/goals_bgTop.jpg') repeat-x 0 0;  font-size: 35px; line-height: 35px;  font-weight: 600; color: #000; padding: 50px 0 80px;font-family: MS Mincho, Times New Roman, garamond, batang, 바탕, 바탕체; }
.goals_box .ttl span {display: block; font-size: 17px; font-weight: normal;color: #666; }
.goals_box dl {position:relative; top:-30px; margin: 0 30px}
.goals_box dt {display: block;padding: 0px 0 15px;font-size: 20px;font-weight: 600;color: #6841b7;background: url(/portalJp/images/sub/icon_sq.gif) center bottom no-repeat; margin-bottom: 50px }
.goals_box dd { padding: 20px 0; display:inline-block; width: 230px;  margin: 0 5px 20px; font-size: 14px; min-height: 30px;  line-height: 30px;border: 1px solid #cdd5de; text-align: center; color: #545454;  }
.goals_box dd span { display: block;}

.mapGuide img { max-width: 100%}

.organization_box { position:relative;  padding: 30px 30px 20px ; border: 1px solid #e1e1e5; margin-bottom: 30px; min-height: 150px}
.organization_box .org,
.organization_box .org2 { margin: 10px 0 20px; background: url(/portalJp/images/sub/org_bg.png)no-repeat 50% 0px; overflow: hidden;}
.organization_box .n01,
.organization_box .n02,
.organization_box .n03{width:20%; display:block; color:#fff; text-align:center; }
.organization_box .n01 {background:#4a4ba3; margin:0 auto; height:44px; line-height: 44px;font-size:16px; }
.organization_box .n02 {background:#f8fafe; margin:25px auto 30px auto; border: 2px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box .n03 {background:#f8fafe; margin:25px auto 30px auto; border: 1px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box p { width: 200px; background:#4a4ba3; margin:0 auto; color: #fff; text-align: center; font-size: 16px; }
 
.organization_box .f_l { text-align: center;}
.organization_box .f_l > li { width:20%; float: left; margin: 0; padding-top:30px;}
.organization_box .org_left{background: url(/portalJp/images/sub/org_left.png)no-repeat 50% 0;   }
.organization_box .org_middle{background: url(/portalJp/images/sub/org_middle.png)no-repeat 50% 0; }
.organization_box .org_right{ margin-bottom: 120px!important; background: url(/portalJp/images/sub/org_right.png)no-repeat 50% 0;  }
.organization_box .org_none{background: none;  }
.organization_box div {width:95%; margin:0 auto 20px;}
.organization_box div span {display:block; background:#5773c3;border:1px solid #455ea8; height:45px; line-height:45px;color:#fff; }
.organization_box div ul{border:1px solid #cdd5de; border-top:none; text-align:left; display:block; background:#fff;}
.organization_box div ul li {position: relative; border-top: 1px solid #cdd5de;  text-align: center; color: #545454; font-size: 12px; line-height: 18px; padding: 10px 5px }
.organization_box div ul li:first-child {border-top:none;}
.organization_box div.no span { border: 1px solid #455ea8; color: #333; background: #fff; height:42px; line-height:42px;font-weight:normal;  }
.organization_box ul.ul_dot { clear: both; border-top: 1px dotted #e1e1e5; padding-top: 20px}
.organization_box h3.bar {position: absolute;left: 30px; top:30px; font-size: 1.25em; line-height: 1.8em; background: none; padding: 0; margin: 0; color: #333}
.organization_box h3.bar span { display:block; font-size: 2em }

.organization_box .org2 .n01 {background:#da764a;}
.organization_box .org2 .n02 {border: 2px solid #da764a; background-color: #fcfbfb; margin:20px auto 20px auto;}
.organization_box .org2 .n03 {border: 1px solid #da764a; background-color: #fcfbfb; margin:20px auto 20px auto;}

.organization_box .org3 .n01 {display:block; color:#fff; text-align:center; background:#12a86c; margin:0 auto 25px; height:44px; line-height: 44px;font-size:16px;width:30%; }
.organization_box .org3 ul { margin-top: 3px; clear: both; overflow: hidden;}
.organization_box .org3 ul li {width:22%; float: left; border: 1px solid #cdd5de; text-align: center; color: #545454; font-size: 13px; line-height: 18px; padding: 10px 0; margin: 3px 1%}