@charset "utf-8";

/* TITLE */
.titTypeA {padding-left:26px; font-size:1.571em; font-weight:600; color:#3e3e3e; line-height:1em; background:url(../../images/common/bul_circle_blue.png) no-repeat 0 2px; margin-bottom:25px;}
.titTypeA .small {font-size:13px;}
.titTypeA .gray {font-size:13px; font-weight:normal; color:#747474;}
.titTypeA .orange {margin-left:12px; font-size:13px; font-weight:normal; color:#dc7028;}
.titTypeA.TypeB {margin-left:7px; padding-left:26px; font-size:1.2em; font-weight:500; color:#3e3e3e; line-height:1em; background:url(../../images/common/bul_circle_blue.png) no-repeat 0 0;  margin-bottom:25px; background-size:14px; }
.titTypeB { vertical-align:middle; margin-left:15px; padding-left:16px; font-size:1.143em; font-weight:bold; color:#333; line-height:1.2em; background:url(../../images/common/bul_blue02.png) no-repeat 0 3px;  margin-bottom:15px;}
.titTypeB .small {font-size:0.9em; font-weight:normal; color:#666; vertical-align:top; line-height:16px;} 
.titTypeB.depth0 {margin-left:0px; }
.titTypeB.nobg { background:none; margin-left:15px; padding-left:0;}
.titTypeC {margin-left:19px; padding-left:12px; font-weight:bold; color:#3e3e3e; line-height:1em; background:url(../../images/common/bul_blue_dt.png) no-repeat 0 7px;margin-bottom:15px;}
.titTypeC.nobg {background:none; margin-left:19px; padding-left:0;}
.titTypeB + .titTypeA {margin-top:40px;}
.titTypeD { vertical-align:middle; padding-left:16px; font-size:1em; font-weight:bold; color:#333; line-height:1.2em;}
.btnCenter02 + .titTypeB {margin-top:25px;}
.titTypeAWrap {position:relative;}
.titTypeAWrap .titTypeA {}
.titTypeAWrap .txt {position:absolute; top:7px; right:0;}
.
.titBlueN01 {padding-left:28px; font-size:18px; font-weight:bold; color:#3e3e3e; line-height:22px; background:url(../../images/common/bul_circle_num01.png) no-repeat 0 0;}
.titBlueN02 {padding-left:28px; font-size:18px; font-weight:bold; color:#3e3e3e; line-height:22px; background:url(../../images/common/bul_circle_num02.png) no-repeat 0 0;}
.titBlueN03 {padding-left:28px; font-size:18px; font-weight:bold; color:#3e3e3e; line-height:22px; background:url(../../images/common/bul_circle_num03.png) no-repeat 0 0;}
.titBlueN04 {padding-left:28px; font-size:18px; font-weight:bold; color:#3e3e3e; line-height:22px; background:url(../../images/common/bul_circle_num04.png) no-repeat 0 0;}
.titBlueN05 {padding-left:28px; font-size:18px; font-weight:bold; color:#3e3e3e; line-height:22px; background:url(../../images/common/bul_circle_num05.png) no-repeat 0 0;}
.titTypeB + .titTypeB {margin-top:25px;}
/* TXT */
.txtTypeA { margin:0 0 10px 0px; font-size:1.20em; color:#000; line-height:1.286em;}
.txtTypeA.fw{font-weight: bold;}
.txtTypeA.big { color:#2a5ca6; line-height:24px; font-size:1.143em;}
.txtTypeA.depth2 {margin-left:32px;}
.txtTypeB { margin:0 0 10px 15px; line-height:1.571em; }
.txtTypeB.TypeB { margin:0 0 5px 0px; line-height:1.1em; }
.txtTypeB.depth2 {margin-left:30px;}
.txtTypeC { color:#666; margin:0 0 10px 30px; padding-left:11px; line-height:1.429em; background:url(../../images/common/bul_blue_dt.png) no-repeat 0 9px;}
.txtTypeC.depth1 {margin-left:15px;}
.txtTypeC.depth1nobg {margin-left:15px; background:none; padding-left:0;}
.txtTypeC.nobg { background:none; margin-left:41px; padding-left:0;}
.txtTypeD { color:#666;  margin:0px 0 25px 45px; padding-left:11px; line-height:1.286em;  background:url(../../images/common/bul_blue_dt2.png) no-repeat 0 9px;}
.txtTypeC.TypeB {font-weight:bold; color:#000;}
.txtTypeB.depth0, .txtTypeC.depth0, .txtTypeD.depth0 {margin-left:0;}

.tipTxt {margin:34px 0 0 25px; padding-left:27px; line-height:19px; background:url(../../images/common/bul_tip.png) no-repeat 0 0;}

.txtTypeC + .titTypeB, .txtTypeD + .titTypeB, .txtTypeB + .titTypeB {margin-top:20px;}
.txtTypeD + .titTypeA, .txtTypeB + .titTypeA, .txtTypeC + .titTypeA {margin-top:40px;}

/* LIST */
.listTypeDT {}
.listTypeDT > li {margin-top:5px; color:#666; line-height:1.286em;}
.listTypeDT > li:first-child {}
.listTypeDT.depth2 {margin-left:30px;}
.listTypeDT:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.listTypeDT.w20 li {width:20%;  max-width:172px; min-width:155px; text-align:center; float:left;display:inline }

.listTypeA {margin-bottom:25px;}
.listTypeA > li {margin-top:5px; padding-left:12px; color:#666; line-height:1.286em; background:url(../../images/common/bul_boardlistA.png) no-repeat 0 8px;}
.listTypeA > li:first-child {margin-top:0;}
.listTypeA.depth2 {margin-left:30px;}

.listTypeB {margin-bottom:-4px;}
.listTypeB > li {margin-top:6px; padding-left:16px; line-height:1.429em; background:url(../../images/common/bul_blue02.png) no-repeat 0 5px;}
.listTypeB > li:first-child {margin-top:0;}
.listTypeB > li > span:first-child {color:#3e3e3e; vertical-align:top; *vertical-align:middle;}
.listTypeB.depth2 {margin:12px 0 0 15px;}
.listTypeB.depth3 {margin:17px 0 15px;}
.listTypeB.depth3-2 {margin:6px 0 8px -10px;}
.listTypeB.depth4 {margin:17px 0 0 19px;}

.listTypeC {margin-bottom:25px;}
.listTypeC > li {margin-top:6px; padding-left:11px; line-height:1.429em; background:url(../../images/common/bul_blue_dt.png) no-repeat 0 8px;}
.listTypeC > li:first-child {margin-top:0;}
.listTypeC > li .listTypeC {margin:4px 0 15px;}
.listTypeC.depth2 {margin-left:15px;}
.listTypeC.depth3 {margin-left:30px;}
.listTypeC.nobg > li {background:none; padding-left:0;}
.listTypeC.nobg > li:first-child {margin-top:10px;}
.listTypeC > li em{
    background: #3792e5;
    color: #fff;
    border-radius: 15px;
    padding: 3px 7px;
    margin-right: 5px;
}
.listTypeC > li > ul {
    padding-top: 5px;
}
.listTypeC > li > ul > li {
    position: relative;
    padding-left: 12px;
    color: #727272;
    margin-bottom: 5px;
}
.listTypeC > li > ul > li:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 1px;
    background-color: #AFAFAF;
}


.listTypeD {margin-bottom:25px;}
.listTypeD.mb0 {margin-bottom:0px;}
.listTypeD > li {margin-top:6px; padding-left:11px; line-height:1.429em; background:url(../../images/common/bul_blue_dt2.png) no-repeat 0 8px;}
.listTypeD > li:first-child {margin-top:0;}
.listTypeD.depth2 {margin-left:15px;}
.listTypeD.depth3 {margin:16px 0 -4px 25px;}
.listTypeD.depth4 {margin-left:45px;}
.listTypeD.nobg > li {background:none; padding-left:0;}
.listTypeD.nobg > li:first-child {margin-top:10px;}

.listDec > li {list-style:decimal inside;line-height:24px;}
.listDec > li .listTypeC li {margin:0;line-height:24px;}

/*
.listTypeD + .titTypeB, .listTypeA + .titTypeA , .listTypeDownload + .titTypeA, .listTypeD + .tbTypeA,
.listTypeD + .titTypeA {margin-top:40px;}
*/

.listTypeD + .titTypeB, .listTypeA + .titTypeA , .listTypeDownload + .titTypeA, .listTypeD + .tbTypeA,
.listTypeD + .titTypeA, .listTypeB + .titTypeA, .listTypeC + .titTypeA{margin-top:40px;}

.listTypeDownload { border-top:2px solid #2a5ca6;}
.listTypeDownload > li { }
.listTypeDownload > li p { font-weight:bold; background:#e6ecf3; border-bottom:1px solid #c1c1c1; padding:14px 20px 14px 40px; line-height:1.214em;}
.listTypeDownload > li > ul { border-bottom:1px solid #c1c1c1; padding:20px 20px 25px 40px; line-height:2.000em; }

.olListA {margin-bottom:-1px; font-size:1.143em;}
.olListA > li {margin-bottom:12px; padding-left:26px; line-height:1.500em;}
.olListA > li:first-child {margin-top:0;}
.olListA > li.num01 {background:url(../../images/common/bul_circle02_num01.png) no-repeat 0;}
.olListA > li.num02 {background:url(../../images/common/bul_circle02_num02.png) no-repeat 0;}
.olListA > li.num03 {background:url(../../images/common/bul_circle02_num03.png) no-repeat 0;}
.olListA > li.num04 {background:url(../../images/common/bul_circle02_num04.png) no-repeat 0;}
.olListA > li.num05 {background:url(../../images/common/bul_circle02_num05.png) no-repeat 0;}
.olListA > li.num06 {background:url(../../images/common/bul_circle02_num06.png) no-repeat 0;}
.olListA > li.num07 {background:url(../../images/common/bul_circle02_num07.png) no-repeat 0;}
.olListA > li.num08 {background:url(../../images/common/bul_circle02_num08.png) no-repeat 0;}
.olListA > li.num09 {background:url(../../images/common/bul_circle02_num09.png) no-repeat 0;}
.olListA > li.num10 {background:url(../../images/common/bul_circle02_num10.png) no-repeat 0;}
.olListA > li.num11 {background:url(../../images/common/bul_circle02_num11.png) no-repeat 0;}
.olListA > li.num12 {background:url(../../images/common/bul_circle02_num12.png) no-repeat 0;}
.olListA > li.num13 {background:url(../../images/common/bul_circle02_num13.png) no-repeat 0;}
.olListA > li.num14 {background:url(../../images/common/bul_circle02_num14.png) no-repeat 0;}
.olListA > li.num15 {background:url(../../images/common/bul_circle02_num15.png) no-repeat 0;}
.olListA > li.num16 {background:url(../../images/common/bul_circle02_num16.png) no-repeat 0;}
.olListA > li .listTypeC {margin:5px 0 10px;}
.olListA > li .listTypeC > li {margin-top:3px;}
.olListA.depth2 {margin:16px 0 -1px 15px;}

/* BUTTON */
.btnTypeA {min-width:90px; height:35px; padding:0 18px; font-weight:bold; color:#ffffff !important; line-height:35px; text-align:center; text-decoration:none !important; border:1px solid #42619e; background:#42619e;}
.btnTypeA.type02 {width:104px;}
.btnTypeA.type03 {font-size:0.857em; height:25px; line-height:25px; padding:0 10px; min-width:50px; }
.btnTypeAL {width:140px; height:40px; line-height:40px; font-weight:bold; color:#ffffff !important; text-align:center; text-decoration:none !important; border:1px solid #42619e; background:#42619e;}
.btnTypeB {width:126px; height:35px; font-weight:bold; color:#ffffff !important; line-height:35px; text-align:center; text-decoration:none !important; border:1px solid #575757; background:#5d5d5d;}
.btnTypeB.type02 {width:104px;}
.btnTypeBL {width:140px; height:40px; font-weight:bold; color:#ffffff !important; line-height:40px; text-align:center; text-decoration:none !important; border:1px solid #575757; background:#5d5d5d;}

.btnTypeC {font-size:0.9em; line-height:1.1em; padding:6px 10px 7px; min-width:40px; color:#ffffff !important; text-align:center; text-decoration:none !important; border:none; background:#42619e; }
.btnTypeC.typeB { background:#f26d49; }
.btnTypeC.typeC { background:#878787; }

.btnTypeD {font-size:0.9em; line-height:1.1em; padding:6px 3px 7px; min-width:40px; color:#333 !important; text-align:center; text-decoration:none !important; border:none; background:#f0f0f0; border:solid 1px #ccc;  }

.btnArrTypeA {font-size:1.429em; padding:1em 45px; background:#1971b2;  height:20px; color:#ffffff !important; line-height:1em; text-align:center; text-decoration:none !important; border:1px solid #0066ae;}
.btnArrTypeA span {width:13px; height:10px; background:url(../../images/button/btn_arrbg.png) no-repeat;}

.btnArrTypeB {font-size:1.143em; padding:1em 20px; background:#1971b2;  height:16px; color:#ffffff !important; line-height:1em; text-align:center; text-decoration:none !important; border-radius:5px;}
.btnArrTypeB span {margin-left:15px;width:13px; height:10px; background:url(../../images/button/btn_arrbg.png) no-repeat;}
.btnArrTypeB.TypeB {/* background:#6eaa35; */ background:#527F29;}

.btnArrTypeC { width:240px;padding:1em 0px; margin:5px; padding-left:30px; background:#309eb2;  height:16px; color:#ffffff !important; line-height:1em; text-decoration:none !important;}
.btnArrTypeC span {margin-right:13px; width:12px; height:13px; background:url(../../images/button/btn_download2.png) no-repeat;}

.btnArrTypeD { font-weight:bold; width:200px; padding:1em 20px; margin:5px; background:#1ea3c0;  color:#ffffff !important; line-height:1em; text-decoration:none !important;}
.btnArrTypeD span { float:right; width:9px; height:14px; background:url(../../images/button/btn_arrbg2.png) no-repeat; vertical-align:middle;}
.btnArrTypeD.depth2 {margin-left:15px; margin-bottom:40px;}

.btnDownload {}

.btnTempSave {width:104px; height:35px; font-weight:bold; color:#ffffff !important; line-height:35px; text-align:center; text-decoration:none !important; border:1px solid #4c4c4c; background:#616161;}
.btnTempSave02 {width:104px; height:35px; font-weight:bold; color:#ffffff !important; line-height:35px; text-align:center; text-decoration:none !important; border:1px solid #1c9800; background:#37a41e;}
.btnTempSave.focus {background:#5b5b5b;}
.btnPostCode {width:88px; height:27px; font-size:12px; color:#fff !important; line-height:27px; text-align:center; text-decoration:none !important; background:url(../../images/button/bg_postcode.gif) no-repeat 0 0;}
.btnFaqAnswer {position:absolute; bottom:0; left:0; width:115px; height:30px; font-size:12px; font-weight:bold; color:#ffffff !important; line-height:30px; text-align:center; text-decoration:none !important; background:#545454;}
.btnFaqAnswer span {vertical-align:top; *vertical-align:middle;}
.btnSearch02 {width:144px; height:42px; font-weight:bold; color:#fff !important; line-height:42px; text-align:center; text-decoration:none !important; border-bottom:1px solid #005491; background:#006dba}
.btnSearch02 span {padding-left:18px; background:url(../../images/button/bg_search.png) no-repeat 0 15px;}
.btnSearch03 {height:28px; padding:0 15px 0 14px; font-size:11px; font-weight:bold; color:#ffffff !important; line-height:28px; text-decoration:none !important; border:1px solid #575757; background:#5d5d5d;}
.btnSearch03 span {padding-left:18px; background:url(../../images/button/bg_search.png) no-repeat 0 8px;}
.btnSearch04 {height:28px; padding:0 15px 0 14px; font-size:11px; font-weight:bold; color:#ffffff !important; line-height:28px; text-decoration:none !important; border:1px solid #0062a8; background:#006dba;}
.btnSearch04 span {padding-left:18px; background:url(../../images/button/bg_search.png) no-repeat 0 8px;}

.btnCenter {margin-top:25px; text-align:center;}
.btnCenter a {margin-left:-1px;}
.btnCenter a:first-child {margin-left:0;}

.btnCenter02 {margin-top:15px; text-align:center;}
.btnCenter02 a {margin-left:-1px;}
.btnCenter02 a:first-child {margin-left:0;}

.btnCenter03 {margin-top:35px; text-align:center;}
.btnCenter03 a {margin-left:-1px;}
.btnCenter03 a:first-child {margin-left:0;}

.btnCenter03 {margin-top:25px; text-align:center;}
.btnCenter03 a {}
.btnCenter03 a:first-child {margin-left:0;}

.btnRight {margin-top:15px; text-align:right;}
.btnRight02 {margin-top:25px; text-align:right;}

.btnDotline {margin-top:44px; padding-top:22px; text-align:center; background:url(../../images/common/bg_dotline_gray01.gif) repeat-x 0 0;}

.btnAllView {float:left; width:91px; height:27px; padding-left:16px; font-size:11px; color:#fff !important; line-height:27px; text-align:center; text-decoration:none !important; background:#868686 url(../../images/button/bg_all_view.gif) no-repeat 19px 8px;}
.btnAllView.type02 {background-color:#545454;}
.btnAllView.type03 {background-color:#475660;}
.btnAllClose {width:95px; height:27px; padding-left:12px; font-size:11px; color:#fff !important; line-height:27px; text-align:center; text-decoration:none !important; background:#9c9c9c url(../../images/button/bg_close.gif) no-repeat 20px 9px;}
.btnMonthly {float:left; width:91px; height:27px; padding-left:16px; font-size:11px; color:#fff !important; line-height:27px; text-align:center; text-decoration:none !important; background:#545454 url(../../images/button/bg_monthly.gif) no-repeat 19px 8px;}
.btnMonthly.type02 {background-color:#868686;}

/* FONT COLOR */
.point01 {color:#b56a00 !important; vertical-align:top; *vertical-align:middle;}
.point02 {color:#3e3e3e !important; vertical-align:top; *vertical-align:middle;}
.point03 {color:#db732c !important; vertical-align:top; *vertical-align:middle;}
.point04 {color:#006dba !important; vertical-align:top; *vertical-align:middle;}
.point05 {color:#587c9c !important; vertical-align:top; *vertical-align:middle;}
.point06 {color:#747474 !important; vertical-align:top; *vertical-align:middle;}
.point07 {color:#2a5ca6 !important; vertical-align:top; *vertical-align:middle;}

.darkText {color:#3e3e3e;}

/* FONT SIZE */
.font12 {font-size:12px !important;}

/* TABLE */
.tbTypeA {width:100%; border-top:2px solid #2a5ca6; color:#666; border-bottom:1px solid #c1c1c1; border-collapse: separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:30px;}
.tbTypeA thead tr th {padding:5px 0 5px; font-weight:bold; color:#000; text-align:center; vertical-align:middle; background:#e6ecf3; border-left:1px solid #c1c1c1; }
.tbTypeA thead tr th:first-child {border-left:0;}
.tbTypeA thead tr th.bdL{border-left:1px solid #c1c1c1 !important;}
.tbTypeA thead tr th.bdT{border-top:1px solid #c1c1c1 !important;}
.tbTypeA thead tr th.bdT{border-top:1px solid #c1c1c1 !important;}
.tbTypeA tbody tr th { padding:11px 0; font-weight:bold; color:#000; text-align:center; vertical-align:middle; border-top:1px solid #c1c1c1; background:#e6ecf3; border-left:1px solid #c1c1c1;line-height:20px;}
.tbTypeA tbody tr th.bg0 {background:none !important;}
.tbTypeA tbody tr th.TypeA {padding:19px 0}
.tbTypeA tbody tr td {height:18px; line-height:20px; padding:5px 1px; vertical-align:middle; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1;}
.tbTypeA tbody tr td.tdtit {background:#f7f7f7; text-align:center; color:#333; padding:11px 0; }
.tbTypeA tbody tr th:first-child, .tbTypeA tbody tr td:first-child {border-left:0;}
.tbTypeA tbody tr th.bdL, .tbTypeA tbody tr td.bdL {border-left:1px solid #c1c1c1 !important;}
.tbTypeA tbody tr td.bdL0 {border-left:none !important;}
.tbTypeA tbody tr.bdT th, .tbTypeA tbody tr.bdT td {border-top:1px solid #c1c1c1;}
.tbTypeA tbody.alignC tr td {text-align:center;}
.tbTypeA tbody.pd15 tr td {padding-left:15px; padding-right:15px;}
.tbTypeA tbody.pd10 tr td {padding-left:10px; padding-right:10px;}
.tbTypeA tbody.pd0 tr td {padding-left:0px; padding-right:0px;}
.tbTypeA tbody.thFontNm tr th {font-weight:normal;}
.tbTypeA tbody tr.bg1 td {background:#eee;}
.tbTypeA tbody tr td.bg1 {background:#eee;}
.tbTypeA tbody tr td .txtList {}
.tbTypeA tbody tr td .txtList li {margin-top:5px; padding-left:10px; background:url(../../images/common/bul_blue_dt.png) no-repeat 0 11px; line-height:1.714em;}
.tbTypeA tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeA tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top; *vertical-align:middle;}
.tbTypeA tbody tr td .txtList li ul {padding:10px 0 0;}
.tbTypeA tbody tr td .txtList li li { color:#666; margin-top:5px; padding-left:9px; background:url(../../images/common/bul_blue_dt2.png) no-repeat 0 11px;}
.tbTypeA tbody tr td.fee {padding-right:10px !important; text-align:right;}
.tbTypeA tfoot tr th, .tbTypeA tfoot tr td {line-height:24px; padding:13px 30px; font-weight:bold; color:#b56a00; text-align:center; vertical-align:middle; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1;}
.tbTypeA tfoot tr th:first-child {border-left:none;}
.tbTypeA tbody tr.session th {overflow:hidden; padding-left:15px; padding-right:15px; color:#3f576c; background:#edf4fa;}
.tbTypeA tbody tr.session th .left {float:left;}
.tbTypeA tbody tr.session th .right {float:right;}

.tbTypeA.tdBd0 tbody th {border-right:1px solid #e4e4e4;}
.tbTypeA.tdBd0 tbody td {border-left:0;}

.tbTypeB {width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeB thead tr th {font-size:1.286em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; }
.tbTypeB thead tr th span {display:block; border-radius:10px; background:#437ac9; line-height:2.500em;}
.tbTypeB thead tr th span.th1 {margin-left:33px;background: #58759C;}
.tbTypeB tbody tr th { font-weight:bold; color:#000; text-align:center; vertical-align:middle; border-bottom:1px solid #cccccc; }
.tbTypeB tbody tr th.first {background:#fbfbfb;border-left:none;}
.tbTypeB tbody tr td {height:18px; padding:0 0 0 33px ; line-height:20px; vertical-align:middle;}
.tbTypeB tbody tr td ul {padding:10px 0 10px 45px; border-bottom:1px solid #cccccc; }

.tbTypeC {width:100%; border-top:2px solid #2a5ca6; color:#666;  border-collapse: separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:30px;}
.tbTypeC thead tr th {font-size:1.286em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; }
.tbTypeC tbody tr th { font-weight:bold; color:#000; text-align:center; vertical-align:middle; border-bottom:1px solid #c1c1c1; font-size:1.286em;}
.tbTypeC tbody tr th.tit { text-align:left; padding-left: 30px;} 
.tbTypeC tbody tr th.first {background:#fbfbfb;border-left:none;}
.tbTypeC tbody tr td img.w1 {width:100%; max-width:636px; text-align:center;}
.tbTypeC tbody tr td.w1 a img{width:100%; max-width:636px; text-align:center;}
.tbTypeC tbody tr td {height:18px; line-height:1.286em; padding:30px; vertical-align:middle; border-bottom:1px solid #c1c1c1;}

.tbTypeCC {width:100%; border-top:2px solid #2a5ca6; color:#666;  border-collapse: separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:30px;}
.tbTypeCC thead tr th {font-size:1.286em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; }
.tbTypeCC tbody tr th { font-weight:bold; color:#000; text-align:center; vertical-align:middle; border-bottom:1px solid #c1c1c1; font-size:1.286em;}
.tbTypeCC tbody tr th.tit { text-align:left; padding-left: 30px;} 
.tbTypeCC tbody tr th.first {background:#fbfbfb;border-left:none;}
.tbTypeCC tbody tr td img.w1 {width:100%; max-width:636px; text-align:center;}
.tbTypeCC tbody tr td.w1 a img{width:100%; max-width:636px; text-align:center;}
.tbTypeCC tbody tr td {height:18px; line-height:1.286em; padding:20px; vertical-align:middle; border-bottom:1px solid #c1c1c1;}
.tbTypeCC tbody tr td img{width:100%;}

.tbTypeD {width:100%; border-top:2px solid #2a5ca6; color:#666;  border-collapse: separate; *border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:30px;}
.tbTypeD thead tr th {font-size:1.286em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; }
.tbTypeD tbody tr th { font-weight:bold; color:#000; text-align:center; vertical-align:middle; border-bottom:1px solid #c1c1c1; font-size:1.286em;}
.tbTypeD tbody tr th.tit { text-align:left; padding-left: 30px;} 
.tbTypeD tbody tr th.first {background:#fbfbfb;border-left:none;}
.tbTypeD tbody tr td img.w1 {width:100%; max-width:636px; text-align:center;}
.tbTypeD tbody tr td {height:18px; line-height:1.286em; padding:13px 10px; vertical-align:middle; border-bottom:1px solid #c1c1c1;}
.tbTypeD tbody tr td a.btn_email {padding:8px 20px; color:#fff; background:#4ba2d0;  line-height:1.1em;}


/* TAB */
/* .tabTypeA 2�� */
.tabTypeA {overflow:hidden; margin-bottom:30px;}
.tabTypeA > li {float:left; width:50%; box-sizing: border-box;}
.tabTypeA > li:first-child {margin-left:0;}
.tabTypeA > li:nth-child(2n) { border-left:1px solid #fff;}
.tabTypeA > li > a {display:block; height:50px; line-height:50px; ; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background:#a6a6a6;}
.tabTypeA > li.on > a, .tabTypeA > li > a:hover {color:#fff; background:#09a9bb;}


.tabTypeA.twoRows li .vertical {height:43px;}
.tabTypeA.twoRows li a {line-height:18px;}

/* .tabTypeB 3�� */
.tabTypeB {overflow:hidden; margin-bottom:30px;}
.tabTypeB > li {float:left; width:33%; box-sizing: border-box; border-left:1px solid #fff;}
.tabTypeB > li:first-child {margin-left:0; width:34%}
.tabTypeB > li:nth-child(3n+1) { border:none; width:34%}
.tabTypeB > li > a {display:block; height:50px; line-height:50px; ; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background:#a6a6a6;}
.tabTypeB > li.on > a, .tabTypeB > li > a:hover {color:#fff; background:#09a9bb;}

/* .tabTypeC 4�� */
.tabTypeC {overflow:hidden; margin-bottom:30px;}
.tabTypeC > li {float:left; width:25%; box-sizing: border-box; border-left:1px solid #fff;}
.tabTypeC > li:first-child {margin-left:0;}
.tabTypeC > li:nth-child(4n+1) { border:none; }
.tabTypeC > li > a {display:block; height:50px; line-height:50px; ; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background:#a6a6a6;}
.tabTypeC > li.on > a, .tabTypeC > li > a:hover {color:#fff; background:#09a9bb;}


/* TAB Content */
/* .tabContentTypeA */
.tabContentTypeA { position:absolute; z-index:2;}
.tabContentTypeA > li {float:left; box-sizing: border-box; border:2px solid #cecece; margin-left:3px; border-bottom:#09a9bb; background:#fff;}
.tabContentTypeA > li:first-child {margin-left:0;}
.tabContentTypeA > li > a {display:block; height:38px; padding:0 45px;line-height:38px; ; font-weight:bold; color:#666; text-align:center; text-decoration:none;}
.tabContentTypeA > li.on > a {color:#000; height:40px;  }
.tabContentTypeA > li > a:hover {color:#000;   }
.tabContentTypeA > li.on {border:2px solid #09a9bb;  border-bottom:none;}

.tabContentTypeAbox {position:relative; z-index:1; border:2px solid #09a9bb; padding:40px 50px; top:40px; margin:0 0 80px;}

/* coHeadType */
.coHeadTypeA { margin-bottom:60px;}
.coHeadTypeA .imgBox {width:22%; float:left;}
.coHeadTypeA .imgBox img {width:100%;}
.coHeadTypeA .txtBox {width:78%; float:left; }
.coHeadTypeA .txtBox .txtBox2 {margin-left:2em;}

/* iconHeadType */
.iconTypeA { width:100%; margin-bottom:10px; display:table; padding-bottom:10px; border-bottom:1px dotted #b9b9b9;}
.iconTypeA .imgBox { float:left;}
.iconTypeA .imgBox2 { width:17.3%; float:left;margin-right:7%;}
.iconTypeA .imgBox2:first-child {margin-right:0%;  width:153px;}

/*.iconTypeA .imgBox img, .iconTypeA .imgBox2 img  {width:100%;}*/
@media (max-width: 767px){
.iconTypeA .imgBox img, .iconTypeA .imgBox2 img  {width:100%;}
.tbTypeB tbody tr td ul {padding:10px 0 10px 0}
}

.iconTypeA .txtBox {width:85%; height:100%; display:table-cell; vertical-align:middle;  }
.iconTypeA .txtBox .txtBox2 {margin-left:2em; }
.iconTypeA .txtBox .txtBox2.ex{font-weight: bold; color: #000; font-size: 1.286em;}
.iconTypeB { width:100%; margin-bottom:25px; display:table; padding-bottom:25px;}
.iconTypeB .imgBox { float:left; padding-left:13%;}
.iconTypeB .imgBox img, .iconTypeB .imgBox2 img  {width:100%;}
.iconTypeB .txtBox {width:70%; height:100%; display:table-cell; vertical-align:top;  }
.iconTypeA .txtBox .txtBox2 {margin-left:2em; }
.iconTypeB .txtBox .titTypeB {font-weight:bold; font-size:1.714em; margin:0; margin-bottom:15px; padding:0; background:none;  }

.iconTypeC { width:100%; margin-bottom:25px; display:table; padding-bottom:25px;}
.iconTypeC .imgBox { float:left; padding-left:40%;}
.iconTypeC .imgBox img, .iconTypeB .imgBox2 img  {width:100%;}
.iconTypeC .txtBox {width:75%; height:100%; display:table-cell; vertical-align:top;  }
.iconTypeC .txtBox .txtBox2 {margin-left:2em; }
.iconTypeC .txtBox .txtTypeA { color:#000; font-weight:bold; line-height:1.667em; font-size:1.286em; margin:0; margin-bottom:5px; padding:0; background:none;  }

.iconTypeB.ex .titTypeB{font-size:17px}
.iconTypeB.ex .imgBox{padding-left:0px}
.iconTypeB.ex .txtBox{width:85%}

.iconTypeB.ex .listTypeC > li{line-height: 19px; margin-bottom: 20px;}

@media (max-width: 480px){
.iconTypeB.ex .imgBox{display:none}
.iconTypeB.ex .txtBox{width:100% !important}
}



/* content top bg */
.ctBgTypeA { height:250px;}
.ctBgTypeB {}

.cctHead { height:42px;position:relative;}
.cctHead img.iconsA { position:absolute;left:0; top:0; }
.cctHead.TypeA {height:90px; padding:0 0 0 115px;  margin-bottom:45px; display:table;}
.cctHead.TypeA .tcbox { display:table-cell; vertical-align:middle;}
.cctHead.TypeA .tcbox .txtA {font-weight:bold;font-size:1.143em; margin-bottom:5px; line-height:1.364em;}
.cctHead.TypeA .tcbox .txtB {line-height:1.571em;}

/* �λ縻  */
.greetTop { font-size:1.714em; background:url(../../images/contents/bggreettop.png) no-repeat 50% 100%; padding:25px 0; text-align:center; margin-bottom:50px;}
.greetTxt {font-family:'NanumMyeongjo'; line-height: 1.1em; padding-bottom:0.5em;}
.greetTxt2 { line-height:1.857em; margin-bottom:2.143em;}
.photoBox {padding-right:15px;}
.ceopic {width:100%; max-width:134px;}
.greetTxt3 { font-size:1.3em; font-weight:bold; vertical-align:bottom; line-height:1.3em; float:right;}
.greetTxt3 img { vertical-align:middle; padding-left:15px;  }

/*  �������  */
.dlTypeA { margin-left:110px;}
.dlTypeA dt { position:absolute; font-weight:bold; width:68px; color:#000; padding-left:11px; line-height:1.429em; background:url(../../images/common/bul_blue_dt.png) no-repeat 0 9px; vertical-align:top;}
.dlTypeA dd { margin:0 0 10px;  margin-left:75px; clear:right; line-height:1.429em;  }
.ceoline {padding-bottom:20px; border-bottom:1px solid #cccccc; margin-bottom:30px;}

/* �������� */

/*  ����  */
.historyBox { min-height:500px; position:relative;}
.historyBox .imgBox {position:absolute; width:280px; height:455px; overflow:hidden;}
.historyBox .imgBox img { position:absolute; bottom:0; margin-left:-85%; }
/*
.yyyy { width:150px; margin-bottom:30px; margin-left:360px; line-height:1em; font-size:2.143em; color:#1d67b1; font-weight:bold; background:url(../../images/contents/bgyyyyline.jpg) no-repeat 100%  50%; }
.dlTypeB { margin-left:360px;}
*/
.yyyy {margin-top: 50px; width:150px; margin-bottom:10px; margin-left:0px; line-height:1em; font-size:2.143em; color:#1d67b1; font-weight:bold; background:url(../../images/contents/bgyyyyline.jpg) no-repeat 100%  50%; }
.dlTypeB { margin-left:75px;}
.dlTypeB dt { position:absolute; font-weight:bold; width:75px; color:#000; padding-left:15px; vertical-align:top;  line-height:1.429em; } 
.dlTypeB dd { margin:0 0 15px;  margin-left:85px; clear:right; line-height:1.429em;  }

/* KMI Leaflet */

/* ȫ������ */
.vodBox {}
.vodPlayer {margin-bottom:30px;}
.vodBox textarea.txt { width:100%; height:100px; box-sizing: border-box; padding:5px;}

/* 30��� */
.y30Box { position:relative;}

.y30Box .imgBox { padding-right:330px}
.y30Box .txtBox { position:absolute; width:290px; top:0; right:0;}
.y30Box .txtBox .txt1 {line-height:1.714em; margin-bottom:15px;}

/* ���� */
.bsBox {border-top:2px solid #80a2c5; border-bottom:1px solid #d1d1d1; padding-top:2.857em; margin-top:15px;}
.bsBox .col-tb-8 {padding:0 5%; margin-bottom:2.857em; text-align:center;}


/* �ֿ���������  */
.workBox {padding:25px; width:32.3%; margin:0 0 13px 1.5%; box-sizing: border-box; border:solid 1px #ccc; float:left; }
div.workBox:nth-child(3n+1) { width:32.4%; margin:0 0 13px 0; }
.workBox .txt1 {font-size:1.571em; color:#000; margin-bottom:1em; line-height:1.1em;white-space: nowrap;}
.workBox .txt2 { margin-bottom:1em;  line-height:1.1em; white-space: nowrap;}
.workBox .btn_email {padding:8px 20px; color:#fff; background:#4ba2d0;  line-height:1.1em;}
.workBoxTxt {position:absolute; font-size:1.286em; color:#3266b1; width:245px; line-height:1.3; text-align:center; } 
.workBoxTxt .workIconImg {padding:60px 0 20px; }
.workBoxTable {margin-left:295px;}

/*  ��������ó��������ħ   */
.boxTypeA { padding:37px 40px; border:1px solid #ccc; line-height:1.714em; margin-bottom:40px;}

img.pad {padding:0 0 30px 0;}
img.w100p {width:100%;}




.tbWriteA {width:100%; border-top:2px solid #1971b2; border-bottom:1px solid #c6c6c6; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbWriteA tbody tr th {height:27px; padding:10px 0; font-family: 'NanumBarunGothicWebBold'; color:#3e3e3e; padding-left:10px; vertical-align:middle; border-top:1px solid #c6c6c6; background:#fbfbfb;}
.tbWriteA tbody tr td {height:27px; padding:10px 0; line-height:18px; vertical-align:middle; border-top:1px solid #c6c6c6; background:#fbfbfb;}
.tbWriteA tbody tr td textarea{float:left !important}
.tbWriteA tbody tr:first-child th, .tbWriteA tbody tr:first-child td {border-top:0;}
.tbWriteA tbody tr td .chkList {overflow:hidden; margin:-7px 0 10px;}
.tbWriteA tbody tr td .chkList li {float:left; width:152px; margin-top:12px;}
.tbWriteA tbody tr td .chkList li.long {width:304px;}
.tbWriteA tbody tr td .chkList li label input {margin-right:1px;}
.tbWriteA tbody tr td .chkList li label span {color:#006dba;}
.tbWriteA tbody tr td .chkList li label.focus, .tbWriteA tbody tr td .chkList li label.focus span {color:#b56a00;}
.inTxt {height:25px; padding:0 5px; border:1px solid #dbdbdb;}
.ud_btn, #saved_file_name {float:left;}
.btnTypeI {padding:0 14px 0 15px; font-size:11px; font-family: 'NanumBarunGothicWebBold'; color:#fff !important; line-height:26px; text-decoration:none !important; background:url(../../images/button/bg_type_i.gif) repeat-x 0 0;}
.btnTypeJ {padding:0 14px 0 15px; font-size:11px; font-family: 'NanumBarunGothicWebBold'; color:#fff !important; line-height:26px; text-decoration:none !important; background:url(../../images/button/bg_type_j.gif) repeat-x 0 0;}
#fn_btn_del_file {margin-left:3px;}
.bt_up, .bt_down {float:left; margin:2px 0 0 5px;width:50px;}
.btnTypeF {padding:0 14px 0 15px; font-size:11px; font-family: 'NanumBarunGothicWebBold'; color:#fff !important; line-height:26px; text-decoration:none !important; background:url(../../images/button/bg_type_f.gif) repeat-x 0 0;}






@media (max-width:767px) { /* �ּ� ~ �ִ� 767 */

.workBoxTxt {display:none;} 
.workBoxTxt .workIconImg { display:none; }
.workBoxTable {margin-left:0px;}

.cctHead img.iconsA { position:absolute;left:0; top:0; }
.cctHead.TypeA {height:90px; padding:0 0 0 0;  margin-bottom:20px; display:table;}
.cctHead.TypeA .tcbox { display:table-cell; vertical-align:middle;}
.cctHead.TypeA .tcbox .txtA {font-weight:bold;font-size:1.143em; margin-bottom:5px; line-height:1.364em;}
.cctHead.TypeA .tcbox .txtB {line-height:1.571em;}
.cctHead > tbody > tr > td { padding:20px; }

.coHeadTypeA {}
.coHeadTypeA .imgBox {display:none;}
.coHeadTypeA .imgBox img {width:100%;}
.coHeadTypeA .txtBox {width:100%; float:none;}
.coHeadTypeA .txtBox .txtBox2 {margin-left:0px;}

.titTypeA { font-size:17px; background-position:0 3px; }

.olListA {margin-bottom:-1px; font-size:13px;}
.olListA > li {margin-bottom:10px; padding-left:26px; line-height:20px; }
.olListA > li:first-child {margin-top:0;}
.olListA > li.num01 {background:url(../../images/common/bul_circle02_num01.png) no-repeat 0 1px;background-size:18px; }
.olListA > li.num02 {background:url(../../images/common/bul_circle02_num02.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num03 {background:url(../../images/common/bul_circle02_num03.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num04 {background:url(../../images/common/bul_circle02_num04.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num05 {background:url(../../images/common/bul_circle02_num05.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num06 {background:url(../../images/common/bul_circle02_num06.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num07 {background:url(../../images/common/bul_circle02_num07.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num08 {background:url(../../images/common/bul_circle02_num08.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num09 {background:url(../../images/common/bul_circle02_num09.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num10 {background:url(../../images/common/bul_circle02_num10.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num11 {background:url(../../images/common/bul_circle02_num11.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num12 {background:url(../../images/common/bul_circle02_num12.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num13 {background:url(../../images/common/bul_circle02_num13.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num14 {background:url(../../images/common/bul_circle02_num14.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num15 {background:url(../../images/common/bul_circle02_num15.png) no-repeat 0 1px;background-size:18px;}
.olListA > li.num16 {background:url(../../images/common/bul_circle02_num16.png) no-repeat 0 1px;background-size:18px;}

.btnTypeC {padding:6px 3px 7px; min-width:30px;}


.historyBox .imgBox {position:relative; width:100%; height:240px; overflow:hidden; margin-bottom:20px;}
.historyBox .imgBox img { position:absolute; left:-50%; bottom:0; margin-left:50%; }
.yyyy { width:150px; margin-bottom:20px; margin-left:0px; }
.dlTypeB { margin-left:0px;}
.dlTypeB dt { } 
.dlTypeB dd { }
.iconTypeA .imgBox2 {display:table-cell;vertical-align:middle;}
.iconTypeA .imgBox2:first-child {margin-right:6%;  width:22.1%;}

.iconTypeB .imgBox { float:left; padding-left:0px; margin-right:15px;}


.y30Box .imgBox { padding:20px 0; text-align:center; }
.y30Box .txtBox { position:relative; width:100%;}
.y30Box .txtBox .txt1 {line-height:1.714em; margin-bottom:15px;}
.y30Box .txtBox ul li {float:left;}


.workBox {padding:10px 8px; width:49% !important; margin:0 2% 13px 0% !important;  }
div.workBox:nth-child(2n+1) { width:49% !important; margin:0 0 13px 0!important; }
.workBox .txt1 {font-size:1.233em; color:#000; margin-bottom:1em; line-height:1.1em;white-space: nowrap;}
.workBox .txt2 {font-size:0.833em;margin-bottom:1em;  line-height:1.1em; white-space: nowrap;}

.btnArrTypeB + .btnArrTypeB.TypeB { margin-top:15px; }
	
.tbWriteA tbody tr td #subject{width:100% !important;}
.tbWriteA tbody tr td #contents{width:100% !important;}

}

/*조직도*/
.organization{font-size:14px !important; text-align:center; background:url(../../images/contents/W_organization.png) no-repeat 500% 0; position: relative; width:858px; height: 850px; margin: 0 auto;}
.organization .org01{background:#4572b5; padding:10px; color:#fff; width:230px; border-radius: 10px; height:30px; line-height:30px; left:50%; top:45px; position: absolute; margin-left: -230px;}
.organization .org02{background:#33b7c6; padding:10px; color:#fff; width:230px; border-radius: 10px; height:30px; line-height:30px; left:50%; top:110px; position: absolute; margin-left: -230px;  text-align:center}
.organization .org03{background:#2896a3; padding:5px 10px; color:#fff; width:140px; border-radius: 10px; height:30px; line-height:30px; left:50%; top:190px; position: absolute; margin-left: 50px;text-align:center; font-size:12px}
.organization .org03_01{background:#fff; border:1px dashed #2896a3; padding:5px 10px; color:#2896a3; width:140px; border-radius: 10px; height:30px; line-height:30px; left:50%; top:140px; position: absolute; margin-left: 50px;text-align:center; font-size:12px}
.organization .org04{background:#41a3c8; padding:10px; color:#fff; width:230px; border-radius: 10px; height:30px; line-height:30px; left:50%; top:245px; position: absolute; margin-left: -230px;text-align:center}

.organization .org05{background:#52afd1; padding:10px; color:#fff; width:140px; border-radius: 10px; height:20px; line-height:17px; left:50%; top:290px; position: absolute; margin-left: 50px; text-align:center;font-size:13px}
.organization .org06{background:#52afd1; padding:10px; color:#fff; width:140px; border-radius: 10px; height:20px; line-height:18px; left:50%; top:335px; position: absolute; margin-left: 50px;text-align:center;font-size:12px}
.organization .org06_01{background:#52afd1; padding:10px; color:#fff; width:140px; border-radius: 10px; height:20px; line-height:18px; left:50%; top:380px; position: absolute; margin-left: 50px;text-align:center;font-size:12px}
.organization .org06_02{background:#52afd1; padding:10px; color:#fff; width:140px; border-radius: 10px; height:20px; line-height:18px; left:50%; top:425px; position: absolute; margin-left: 50px;text-align:center;font-size:12px}
.organization .org07{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:505px; position: absolute; margin-left:50px;text-align:center;font-size:13px}
.organization .org08{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:550px; position: absolute; margin-left:50px;text-align:center ;font-size:13px}
.organization .org09{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:597px; position: absolute; margin-left:50px;text-align:center;font-size:13px}
.organization .org10{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:643px; position: absolute; margin-left:50px;text-align:center;font-size:13px}
.organization .org11{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:690px; position: absolute; margin-left:50px;text-align:center;font-size:13px}
.organization .org12{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:738px; position: absolute; margin-left:50px;text-align:center;font-size:13px}
.organization .org13{background:#aaaaaa;  color:#fff; width:160px; border-radius: 10px; height:40px; line-height:40px; left:50%; top:785px; position: absolute; margin-left:50px;text-align:center;font-size:13px}

@media only screen and (max-width: 1099px){
.organization{background:url(../../images/contents/M_organization.png) no-repeat; width:498px; height: 852px; background-position:175px 50px}
.organization .org01{margin-left:-140px; top:30px; width:170px}
.organization .org02{margin-left:-140px;top:90px; width:170px}
.organization .org03{top:190px;  margin-left: 50px;}
.organization .org03_01{top:143px;margin-left: 50px;}
.organization .org04{margin-left:-140px;top:245px;width:170px}
.organization .org05{top:315px; }
.organization .org06{top:360px;}
.organization .org06_01{top:405px;}
.organization .org06_02{top:450px;}
.organization .org07{top:510px;}
.organization .org08{top:555px;}
.organization .org09{top:605px;}
.organization .org10{top:655px;}
.organization .org11{top:700px;}
.organization .org12{top:745px;}
.organization .org13{top:790px;}
}

@media only screen and (max-width: 502px){
.organization{background-position: 65% 45px; width:100%; padding-right:0px}
.organization .org03{margin-left:-4%}
.organization .org03_01{margin-left:-4%}
.organization .org05{margin-left:-4%}
.organization .org06{margin-left:-4%}
.organization .org06_01{margin-left:-4%}
.organization .org06_02{margin-left:-4%}
.organization .org07{margin-left:-4%}
.organization .org08{margin-left:-4%}
.organization .org09{margin-left:-4%}
.organization .org10{margin-left:-4%}
.organization .org11{margin-left:-4%}
.organization .org12{margin-left:-4%}
.organization .org13{margin-left:-4%}
}



/*연구원 소개 팝업*/
.P_popup{width:680px; height:auto; padding:0 10px}
.P_popup .title{background:#4a6ab1; color:#fff;}
.P_popup .affiliation{padding-left: 26px; font-size: 1.571em; font-weight: 600; color: #3e3e3e; line-height: 1em; background:url(../../images/common/bul_circle_blue.png) no-repeat 0 2px; margin:15px 0;}
.P_popup .title a {float:right; padding-right:10px}
.P_popup h4{padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ddd; padding-left:7px; font-size:17px;  font-weight: bold; margin:15px 0; /*background: url(https://www.kmi.re.kr/web/images/common/bul_blue02.png) no-repeat 0 50%;*/}
.profile_box{overflow:hidden; background:#4a6ab1}
.profile_box .profile_box_img{width:160px; float:left}
.profile_box .profile_box_text{float:left; background:#4a6ab1; width:500px; height:auto; color:#fff; padding:0 10px 0; }
.profile_box .profile_box_text .title{ font-size:24px; line-height:28px; padding:0 0 65px 15px}
.profile_box .profile_box_text .name{ font-weight: 600; min-height: 60px; float:left; margin-left:15px; /*background:url(../../images/common/bg_treatment_title.gif) no-repeat;*/ font-size:18px;  width:80px}
.profile_box .profile_box_text .con{padding-top:4px; color:#fff;line-height:17px}
.P_popup .img1 img{width:60%; margin:auto; display:block}
.P_popup .img2{overflow:hidden; margin-top:1%}
.P_popup .img2 img{float:left; width:49.5%; min-height: 250px;}
.P_popup .img2 img.left{padding-right:0.5%}
.P_popup .img2 img.right{padding-left:0.5%}
.P_popup .keyword_box{ position: relative;}	
.P_popup .txtTypeA{position: absolute; top: 16px; left: 70px; font-size:14px}
.P_popup .txtTypeA em{font-weight: bold; padding-right:10px}
.P_popup .txtTypeB{line-height:25px}
.P_popup .tbTypeEEE {width:100%; border-top:2px solid #2a5ca6; border-bottom:1px solid #ddd; border-collapse:collapse; border-spacing:0; margin-bottom:30px; table-layout:fixed;}
.P_popup .tbTypeEEE caption{display:none}
.P_popup .tbTypeEEE tbody tr th {height:20px; color:#333; text-align:center; vertical-align:middle; border-top:1px solid #cdcdcd; background:#e6ecf3;        font-weight: bold;}
.P_popup .tbTypeEEE tbody tr td {height:20px; line-height:18px; vertical-align:middle; border-top:1px solid #cdcdcd; color:#666; border-left:1px solid #cdcdcd; padding-left:15px}
.P_popup .tbTypeEEE tbody tr td:first-child{padding-left:0px; border-left:0px; border-right:1px solid #cdcdcd}
.P_popup .tbTypeEEE tbody tr:first-child th, .tbTypeE tbody tr:first-child td {border-top:0;}
/*연구원 소개 팝업 끝*/


.btnArrTypeE {width: 20%; height: 42px; font-weight: bold; color: #fff !important; line-height: 42px; text-align: center; text-decoration: none !important; background: #09bb92;}
.btnArrTypeE span {padding-left: 20px;background: url(../../images/button/btn_download2.png) no-repeat 0 50%}
.btnArrTypeE.ex{background:#759CD4 !important}
@media (max-width:767px){
.btnArrTypeE{width:45%}
}

/*원장실*/
.s5_1_1_con1{position:relative;margin-top:100px}
.s5_1_1_con1 .txt{position:absolute;top:10px;left:0;width:100%;box-sizing:border-box}
.s5_1_1_con1 .txt1{margin-bottom:40px;font-size:18px;color:#003365;font-weight:bold;letter-spacing:0}
.s5_1_1_con1 .txt2{font-size:32px;line-height:1.4;letter-spacing:-2px;}
.s5_1_1_con1 .txt2 b{color:#1971c8}
.s5_1_1_con1 img{width:100%}
.s5_1_1_con2{padding:50px 70px;background:#f5f8fb}
.s5_1_1_con2 p{font-size:16px;line-height:1.8}
.s5_1_1_con2 p span{font-size:22px}

.imgMb{display:none}

.s5_1_2_con1{position:relative;margin-bottom:45px;overflow:hidden;background:#f5f6f6}
.s5_1_2_con1 dl{position:absolute;top:50px;right:35px}
.s5_1_2_con1 dl dt{margin-bottom:20px;font-size:32px;line-height:1}
.s5_1_2_con1 dl dt span{font-size:16px}
.s5_1_2_con1 dl dd ul{margin-bottom:10px;padding:10px 20px;background:#fff;border:1px solid #d8dfe1;border-top:3px solid #369cbe;}
.s5_1_2_con1 dl dd ul li{position:relative;margin:15px 0;padding-left:10px;line-height:1}
.s5_1_2_con1 dl dd ul li::before{position:absolute;top:5px;left:0;width:3px;height:3px;content:'';background:#323232}
.s5_1_2_con1 dl dd .btn{display:block;}
.s5_1_2_con1 dl dd .btn a{display:block;color:#fff;line-height:50px;text-align:center;font-weight:bold;background:#0a66c1 url('../../../web/images/contents/s5_1_down.png') no-repeat right 20px center}

.s5_1_2_con2 dl{margin-bottom:70px}
.s5_1_2_con2 dl dt{position:relative;padding-left:85px;font-size:18px;color:#fff;font-weight:bold;line-height:52px;background:#077498}
.s5_1_2_con2 dl dt::before{position:absolute;top:-8px;left:0;width:65px;height:60px;content:'';background-repeat:no-repeat;background-position:center center}
.s5_1_2_con2 dl dt span{position:absolute;top:0;right:30px;font-size:12px;}
.s5_1_2_con2 dl.con1 dt{background:#077498}
.s5_1_2_con2 dl.con1 dt::before{background-color:#30a9d1;background-image:url('../../../web/images/contents/s5_ic1.png') }
.s5_1_2_con2 dl.con1 dt span{color:#48a4c2}
.s5_1_2_con2 dl.con2 dt{background:#1664ad}
.s5_1_2_con2 dl.con2 dt::before{background-color:#4296e5;background-image:url('../../../web/images/contents/s5_ic2.png') }
.s5_1_2_con2 dl.con2 dt span{color:#3386d4}
.s5_1_2_con2 dl.con3 dt{background:#3a51a7}
.s5_1_2_con2 dl.con3 dt::before{background-color:#7890eb;background-image:url('../../../web/images/contents/s5_ic3.png') }
.s5_1_2_con2 dl.con3 dt span{color:#6881de}
.s5_1_2_con2 dl.con4 dt{background:#6648b3}
.s5_1_2_con2 dl.con4 dt::before{background-color:#a487ef;background-image:url('../../../web/images/contents/s5_ic4.png') }
.s5_1_2_con2 dl.con4 dt span{color:#8b6dd8}
.s5_1_2_con2 dl.con5 dt{background:#7f3ea1}
.s5_1_2_con2 dl.con5 dt::before{background-color:#cb87ef;background-image:url('../../../web/images/contents/s5_ic5.png') }
.s5_1_2_con2 dl.con5 dt span{color:#a765ca}
.s5_1_2_con2 dl.con6 dt{background:#077498}
.s5_1_2_con2 dl.con6 dt::before{background-color:#30a9d1;background-image:url('../../../web/images/contents/s5_ic6.png') }
.s5_1_2_con2 dl.con6 dt span{color:#48a4c2}
.s5_1_2_con2 dl.con7 dt{background:#1664ad}
.s5_1_2_con2 dl.con7 dt::before{background-color:#4296e5;background-image:url('../../../web/images/contents/s5_ic6.png') }
.s5_1_2_con2 dl.con7 dt span{color:#3386d4}
.s5_1_2_con2 dl dd ol{margin-bottom:20px}
.s5_1_2_con2 dl dd ol li{height:0;overflow:hidden;opacity:0;position:relative;padding:0 10px 0 110px;line-height:1.6;border-bottom:1px solid #e9e9e9;transition:all 0.2s ease}
.s5_1_2_con2 dl dd ol li .year{position:absolute;top:20px;left:0;padding-left:20px;width:95px;font-weight:bold;box-sizing:border-box}
.s5_1_2_con2 dl dd ol li .year::after{position:absolute;top:50%;right:0;margin-top:-2px;width:4px;height:4px;content:'';border:3px solid #d6ddf9;border-radius:50%}
.s5_1_2_con2 dl dd ol li.on{height:auto;padding-top:20px;padding-bottom:20px;opacity:1}
.s5_1_2_con2 dl.con1 dd ol li,
.s5_1_2_con2 dl.con2 dd ol li{padding-left:195px}
.s5_1_2_con2 dl.con1 dd ol li .year,
.s5_1_2_con2 dl.con2 dd ol li .year{width:175px}
.s5_1_2_con2 dl dd .btnDet{position:relative;display:block;margin:0 auto;width:270px;height:50px;color:#333;background:#f8f8f8;border:1px solid #cecece}
.s5_1_2_con2 dl dd .btnDet::after{position:absolute;top:50%;right:20px;margin-top:-3px;width:11px;height:6px;content:'';background:url('../../../web/images/contents/s5_arrow.png') no-repeat}
.s5_1_2_con2 dl dd .btnDet.on::after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.s5_1_2_con2 dl dd ol.on li{height:auto;padding-top:20px;padding-bottom:20px;;opacity:1}

.orz .client{background:#077498}
.orz .client::before{background-color:#30a9d1;background-image:url('../../../web/images/contents/s5_ic1.png') }

@media (max-width:640px) { 
	
	.imgPc{display:none}
	.imgMb{display:block}
	.mbr{display:none}
	
	.s5_1_1_con1{margin-top:0;padding-top:80px}
	.s5_1_1_con1 .txt{top:0;padding-left:20px}
	.s5_1_1_con1 .txt1{margin-bottom:15px;font-size:13px}
	.s5_1_1_con1 .txt2{padding-right:40%;font-size:17px}
	.s5_1_1_con2{padding:20px;}
	.s5_1_1_con2 p{font-size:13px;}
	.s5_1_1_con2 p span{font-size:16px}
	
	.s5_1_2_con1{background:none}
	.s5_1_2_con1 .photo img{max-width:100%}
	.s5_1_2_con1 dl{position:relative;top:0;right:0;margin-top:30px;}
	.s5_1_2_con1 dl dt{margin-bottom:10px;font-size:28px}
	.s5_1_2_con1 dl dt span{font-size:14px}
	.s5_1_2_con1 dl dd ul{padding:5px 20px}
	.s5_1_2_con1 dl dd .btn a{line-height:40px}
	.s5_1_2_con2 dl{margin-bottom:40px}
	.s5_1_2_con2 dl dt span{display:none}
	.s5_1_2_con2 dl dt{padding-left:60px;font-size:13px;line-height:35px}
	.s5_1_2_con2 dl dt::before{top:-7px;width:47px;height:42px;background-size:100%}
	.s5_1_2_con2 dl dd ol li{padding:0 10px 0 70px}
	.s5_1_2_con2 dl dd ol li .year{top:10px;padding-left:0}
	.s5_1_2_con2 dl dd ol li.on{padding-top:10px;padding-bottom:10px}
	.s5_1_2_con2 dl.con1 dd ol li, .s5_1_2_con2 dl.con2 dd ol li{padding-left:135px}
	.s5_1_2_con2 dl.con1 dd ol li .year, .s5_1_2_con2 dl.con2 dd ol li .year{width:125px}
	.s5_1_2_con2 dl dd ol li .year{width:60px;line-height:1.2}
	.s5_1_2_con2 dl dd ol.on li{padding-top:10px;padding-bottom:10px}
	.s5_1_2_con2 dl dd .btnDet{width:200px;height:40px;font-size:13px}

}