@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400');

body,
input[type='text'],
input[type='password'],
input[type='cancel'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:'Noto Sans KR', 'Malgun Gothic', '맑은고딕', sans-serif; font-size:16px; color:#5f6061;}


/* _테이블 */
table.tblDef {}
table.tblDef th,
table.tblDef td {padding:13px 8px;}
table.tblDef th:first-child,
table.tblDef td:first-child {border-left:0 none;}

table.tblDef tbody th,
table.tblDef td {border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

table.tblDef thead th {font-size:17px; color:#FFF; text-align:center; border-left-width:1px; border-left-style:solid;}

table.tblDef td {font-size:15px;}
table.tblDef td.bdLeft {border-left:1px solid #e5e5e5;}


/* _타입별 테이블 */
div.type01 table.tblDef thead th {background-color:#907fa4; border-left-color:#b2a8be;}
div.type02 table.tblDef thead th {background-color:#485974;border-left-color:#8791a1;}
div.type03 table.tblDef thead th {background-color:#70784f; border-left-color:#9fa48b;}
div.type04 table.tblDef thead th {background-color:#7b5d52; border-left-color:#a5938d;}
div.type05 table.tblDef thead th {background-color:#a47f92; border-left-color:#bea8b3;}


div.type01 table.tblDef tbody th {background-color:#f2f4f9; color:#614681;}
div.type02 table.tblDef tbody th {background-color:#f2f4f9; color:#485974;}
div.type03 table.tblDef tbody th {background-color:#fafcf4; color:#49531f;}
div.type04 table.tblDef tbody th {background-color:#f7f5f4; color:#553b31;}
div.type05 table.tblDef tbody th {background-color:#f6f2f4; color:#763656;}



/* ===================== 공통 레이아웃 ===================== */
div.wrapper {}

/* _Header */
div#headerWrap {background-repeat:repeat-x; background-position:center top;}

div.type01 div#headerWrap {background-image:url('/eng/image/common/headerBg_tp01.png');}
div.type02 div#headerWrap {background-image:url('/eng/image/common/headerBg_tp02.png');}
div.type03 div#headerWrap {background-image:url('/eng/image/common/headerBg_tp03.png');}
div.type04 div#headerWrap {background-image:url('/eng/image/common/headerBg_tp04.png');}
div.type05 div#headerWrap {background-image:url('/eng/image/common/headerBg_tp05.png');}


div#headerWrap > div {position:relative; width:1100px; height:55px; margin:0 auto; padding-top:120px; z-index:10;}

div#headerWrap h1 {position:absolute; top:26px; left:0;}
div#headerWrap h1 a {display:block;}

ul#gnb {overflow:hidden; background:url('/eng/image/common/gnbBg.png') repeat-x left 55px;}
ul#gnb a {display:block; font-weight:300; text-decoration:none;}

ul#gnb > li {float:left; width:183px;}
ul#gnb > li:first-child {width:185px;}
ul#gnb > li > a {padding:18px 0 17px; background:url('/eng/image/common/bl_gnb.png') no-repeat left center; font-size:20px; font-weight:200; line-height:20px; color:#FFF; text-align:center;}

ul#gnb > li:first-child a {background:0 none;}
ul#gnb > li:first-child .subMenu {background:0 none;}
ul#gnb > li.view > a {background:#FFF none; font-weight:400; color:#1c3b6c;}
ul#gnb > li.view + li > a {background:0 none;}

ul#gnb .subMenu {display:none; height:195px; margin	:18px 0; padding:2px 10px 0 24px; background:url('/eng/image/sub/gnb_line.png') repeat-y left 20px; }
ul#gnb .subMenu li {padding-top:14px;}
ul#gnb .subMenu li:first-child {padding-top:0;}
ul#gnb .subMenu a {font-size:13px; line-height:16px; color:#515151;}

.langUtil {position:absolute; right:0; top:40px;}
.langUtil a {display:block; font-size:11px; color:#FFF; text-decoration:none; text-align:center;}


/* _Footer */
div#footerWrap {background-color:#353e4e; font-size:13px; font-weight:300; line-height:20px; color:#FFF;}
div#footerWrap div {width:730px; margin:0 auto; padding:18px 0 22px 370px; background:url('/eng/image/common/footer_logo.png') no-repeat left center;}
div#footerWrap a { color:#FFF; text-decoration:none;}

div#footerWrap ul li {display:inline-block; padding:0 3px; border-left:1px solid #FFF;}
div#footerWrap ul li:first-child {padding-left:0; border-left:0 none;}





/* ===================== 메인 ===================== */
div.main {background:url('/eng/image/main/mainVisual.jpg') repeat-x center top;}
div.main .contents {width:1100px; padding:0 0 40px; background:0 none;}


/* _introMenu */
ul.introMenu {overflow:hidden; padding:310px 0 120px;}
ul.introMenu li {float:left; width:25%; height:240px; background-position:0 0; background-repeat:no-repeat; }
ul.introMenu li.menu01 {background-image:url('/eng/image/main/introMenu01_bg.jpg');}
ul.introMenu li.menu02 {background-image:url('/eng/image/main/introMenu02_bg.jpg');}
ul.introMenu li.menu03 {background-image:url('/eng/image/main/introMenu03_bg.jpg');}
ul.introMenu li.menu04 {background-image:url('/eng/image/main/introMenu04_bg.jpg');}

ul.introMenu li a {display:block; height:75px; padding:165px 37px 0 0; font-size:30px; font-weight:200; line-height:26px; color:#FFF; text-decoration:none; text-align:right;}
ul.introMenu li.menu03 a {color:#345282;}

ul.introMenu li a span {display:inline-block; font-size:25px; text-align:left;}



div.main h2 {font-size:30px; color:#345282;}

/* _quickMenu */
div.quickMenu {overflow:hidden;}
div.quickMenu h2 {float:left; line-height:34px;}
div.quickMenu ul {float:right; padding-top:20px;}
div.quickMenu ul li {display:table; float:left; margin-left:30px; }
div.quickMenu ul li:first-child {margin-left:0;}
div.quickMenu ul li a {display:table-cell; width:275px; height:41px; padding-top:140px; background-repeat:no-repeat; background-position:center 40px; line-height:20px; color:#bcbcbc; text-align:center; text-decoration:none; border-top:1px solid #bfbfbf; vertical-align:middle;}
div.quickMenu ul li a:hover {background-position:center -119px; color:#484848; border-top-color:#60aede;}





/* ===================== 서브 레이아웃 ===================== */
div#container {padding-bottom:40px;}

div.type01 div#container {background-color:#f4f2f6;}
div.type02 div#container {background-color:#f1f5fd;}
div.type03 div#container {background-color:#fafcf4;}
div.type04 div#container {background-color:#f7f5f4;}
div.type05 div#container {background-color:#f6f2f4;}


div.contents {width:1050px; margin:0 auto; padding:40px 25px 80px; background-color:#FFF;}

div.titArea {position:relative; width:1100px; height:160px; margin:0 auto;}
div.titArea h2 {padding:60px 0 63px; font-size:40px; line-height:43px; text-align:center;}

div.type01 div.titArea h2 {color:#543676;}
div.type02 div.titArea h2 {color:#345282;}
div.type03 div.titArea h2 {color:#49531f;}
div.type04 div.titArea h2 {color:#553b31;}
div.type05 div.titArea h2 {color:#763656;}


.subTit {margin:60px 0 20px; padding-left:20px; background-repeat:no-repeat; background-position:2px 5px; font-size:25px; font-weight:bold; line-height:30px;}
.subTit:first-child {margin-top:10px;}

div.type01 .subTit {background-image:url('/eng/image/common/bl_subTit01.png'); color:#543676;}
div.type02 .subTit {background-image:url('/eng/image/common/bl_subTit02.png'); color:#234d91;}
div.type03 .subTit {background-image:url('/eng/image/common/bl_subTit03.png'); color:#49531f;}
div.type04 .subTit {background-image:url('/eng/image/common/bl_subTit04.png'); color:#553b31;}
div.type05 .subTit {background-image:url('/eng/image/common/bl_subTit05.png'); color:#763656;}

.pointTit {margin:60px 0 20px; font-size:40px; font-weight:bold; color:#2758b0; border-top:1px solid #eaeaea;}
.pointTit:first-child {margin-top:10px !important;}
.pointTit span {display:inline-block; zoom:1; *display:inline; width:110px; margin-top:-3px; padding-top:20px; background:url('/eng/image/common/bl_pointTit.gif') no-repeat left top; line-height:46px; text-align:center;}


/* _경로*/
.pathUtil {position:absolute; right:4px; top:30px;}
.pathUtil dd {font-size:14px; color:#484848;}
.pathUtil dd li {display:inline-block; *display:inline; zoom:1; padding:0 8px 0 16px; background:url('/eng/image/sub/bl_path.png') no-repeat left center; line-height:30px;}
.pathUtil dd li:first-child {padding-left:20px; background-image:url('/eng/image/sub/bl_pathHome.png');}
.pathUtil dd li.fwBold {color:#000;}


/* _LNB */
ul#lnb {overflow:hidden; width:1099px; margin:0 auto; margin-bottom:25px; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
ul#lnb li {float:left; border-bottom:1px solid #d2d2d2;}
ul.menu05 li {width:20%;}
ul.menu04 li {width:25%;}
ul.menu03 li {width:33.3%;}
ul.menu02 li {width:50%;}
ul.menu01 li {width:100%;}

ul#lnb li a {display:block; padding:25px 0 26px; background-color:#FFF; font-size:20px; line-height: 30px;color:#8f8f8f; text-align:center; text-decoration:none; border-left:1px solid #d2d2d2;}
ul#lnb li a.twoLine {padding: 10px 0 11px !important;}

ul#lnb li.on {border-bottom-width:2px; border-bottom-style:solid;}
ul#lnb li.on a {padding-bottom:25px;}


div.type01 ul#lnb li.on {border-color:#614681;}
div.type01 ul#lnb li.on a {color:#614681;}
div.type02 ul#lnb li.on {border-color:#1c3b6c;}
div.type02 ul#lnb li.on a {color:#1c3b6c;}
div.type03 ul#lnb li.on {border-color:#49531f;}
div.type03 ul#lnb li.on a {color:#49531f;}
div.type04 ul#lnb li.on {border-color:#553b31;}
div.type04 ul#lnb li.on a {color:#553b31;}
div.type05 ul#lnb li.on {border-color:#763656;}
div.type05 ul#lnb li.on a {color:#763656;}

/* ===================== 컨텐츠 ===================== */
.ing {padding:120px 0; text-align:center;}

/* _About */
div.message {position:relative; padding-left:238px; text-align:justify;}

div.message > p {margin-top:30px; font-weight:200; line-height:26px;}
div.message p.img + p {margin-top:0; font-size:19px; font-weight:400; color:#32589a;}

div.message p.img {position:absolute; left:0; top:0; margin-top:0;}
div.message p.sign {margin-top:50px; text-align:right;}
div.message p.sign img {padding-top:20px;}



/* _History */
.shown {display:block !important;}
/*
div.history {display:none;}
*/
div.history {margin-top:80px;}
div.history:first-child {margin-top:0;}
div.history .tblDef td {padding-left:20px; border-bottom:0 none;}
div.history .tblDef td.day {padding:13px 0; font-size:20px; color:#000; text-align:center;}
div.history .tblDef td.day span {display:block; font-weight:bold;}

div.history .pointTit {margin-top:130px;}
div.history:first-child .pointTit {margin-top:0;}

div.history > ul li:first-child {margin-top:0;}
div.history > ul li {margin-top:50px;}
div.history > ul li > span{display:table-cell; vertical-align:middle;}

div.history > ul li span.day {padding:7px 0 6px; clear:both; width:126px; font-size:20px; line-height:21px; color:#000; text-align:center;}
div.history > ul li span.day span { font-weight:bold;}

div.history > ul li span.cont {padding-left:20px; border-left:1px solid #d5d5d5;}



ul.tabMenu {overflow:hidden; border-top:1px solid #e5e5e5; border-left:1px solid #d5d5d5;}
ul.tabMenu li {float:left;}
ul.tabMenu li a {display:block;  line-height:26px; color:inherit; text-decoration:none; text-align:center; }
ul.tabMenu li.on a,
ul.tabMenu li a:hover {background-color:#60aede; color:#FFF;}

ul.menu02 li {width:50%;}
ul.menu03 li {width:33.3%;}
ul.menu04 li {width:25%;}
ul.menu05 li {width:20%;}

/* _Articles / Regulations */
div.rule ul.tabMenu li {display:table;}
div.rule ul.tabMenu li a {display:table-cell; min-height:53px; padding:13px 40px 14px;  letter-spacing:-1px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
div.rule ul.tabMenu li.on a,
div.rule ul.tabMenu li a:hover {background:#767676 url('/eng/image/sub/bl_ruleList.png') no-repeat right center; }

div.rule > h3 {padding:0 0 35px; font-size:28px; font-weight:bold; line-height:30px; color:#1c3b6c; text-align:center;}
div.rule > h3.titBg {width:450px; margin:0 auto; padding:3px 0 35px 84px; background:url('/eng/image/sub/rule_titBg.png') no-repeat left top; text-align:left;}
div.rule ul.tabMenu + h3 {margin-top:60px;}

dl.ruleInfo {overflow:hidden; margin-bottom:60px; padding:35px 40px; border:2px solid #f1f5fd;}
dl.ruleInfo dt,
dl.ruleInfo dd {float:left; padding-top:5px; line-height:24px;}
dl.ruleInfo dt {clear:both; width:160px; font-weight:bold; color:#000;}

div.rule h4 + * {padding-left:20px;}
div.rule dl.ruleCon dt {padding:25px 0 5px; font-size:20px; font-weight:bold; line-height:26px; color:#000;}
div.rule dl.ruleCon dt:first-child {padding-top:0;}
div.rule dl.ruleCon dd {line-height:26px;}

div.rule a {color:inherit; text-decoration:none;}


/* _Related Sites */
div.site > table.tblDef td {height:108px; padding:0 30px; line-height:26px; border-left:0 none;}
div.site > table.tblDef td:first-child {text-align:center; padding:0;}

div.site > table.tblDef td span {display:block; font-size:17px;}
div.site > table.tblDef td a {text-decoration:none; color:inherit;} 

.type01 div.site > table.tblDef td span {color:#a46bdc;}
.type02 div.site > table.tblDef td span {color:#2388c6;}
.type03 div.site > table.tblDef td span {color:#6c7f20;}
.type04 div.site > table.tblDef td span {color:#ed8413;}
.type05 div.site > table.tblDef td span {color:#dc6b9f;}

/* _Former Board Members */
.selectArea {margin-bottom:30px;}
.selectArea select {padding-left:10px; width:300px; height:36px; line-height:36px;}


/* _Organization */
dl.organ {height:1373px; background:url('/eng/image/sub/img_organ.png') no-repeat 0 0;}
dl.organ dt,
dl.organ dd {font-size:0; line-height:0;}