@charset "utf-8";

/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
.mobileOnly,
.pcOnlyNote {display: block !important;}
.pcOnly {display: none !important;}
a.mobileOnly,
span.mobileOnly {display: inline-block !important;}
img {max-width:100%;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
.mobileOnly,
.pcOnlyNote {display: none !important;}
.pcOnly {display: block !important;}
a.pcOnly,
span.pcOnly {display: inline-block !important;}
}



div.wrapper {overflow: hidden;min-width:1200px;font-family: 'Roboto', sans-serif;}
hr {display: none;}

div#headerWrap a {display: block;}

div#footerWrap {padding: 20px 0;text-align: center;background-color: #666;font-size: 15px;}
div#footerWrap * {font-weight: 300 !important;}
div#footerWrap, div#footerWrap a {color: #d0d0d0;}
div#footerWrap li {display: inline-block;}



/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {
div.wrapper,
div.popupWrap{min-width:320px;font-size:14px;line-height:1.5;}

div#headerWrap {z-index: 50;position: relative;}
div#headerWrap h1 {z-index: 50;position: relative;width: auto;height: 55px;padding: 0;background-color: #fff;border-bottom: 1px solid #dfdfdf;}
div#headerWrap h1 a {display: block;padding: 13px 0 12px;}
div#headerWrap h1 img {display: block;height: 30px;margin: 0 auto;}

div#headerWrap p.viewGnb {z-index: 50;position: absolute;right: 0;top: 0;height: 55px;}
div#headerWrap p.viewGnb a {float: right;display: block;width: 55px;height: 100%;text-indent: -10000px;background: url('/image/common/viewGnb.png') center center no-repeat;background-size: 50px;}
div#headerWrap p.viewGnb a.on {background-image: url('/image/common/viewGnb_on.png');}


div.gnbWrap {position: fixed;right: -100%;top: 0;width: 100%;height: 100%;padding: 105px 0 0 60px;background-color:rgba(0,0,0,.7);box-sizing:border-box;}

ul#gnb {overflow-x: hidden;overflow-y: scroll;height: 100%;background-color: #fff;}
ul#gnb > li {border-bottom: 1px solid #fff;}
ul#gnb > li > a {padding: 7px 38px 7px 15px;color: #000;font-size: 15px;line-height: 23px;background-color: #f1f1f1;}

ul#gnb > li:first-child > a,
ul#gnb > li:last-child > a {background:#f1f1f1 url('/image/common/gnbBg_m.png') right 0 no-repeat;background-size: 28px;}
ul#gnb > li > a.on {background-position: right -38px;}

ul#gnb ul {display: none;padding: 0 10px 10px;}
ul#gnb ul li {padding-top: 10px;}
ul#gnb ul a {color: #838282;font-size: 14px;}
ul#gnb ul a:before {content: "- ";}


ul.headerUtil {position: absolute;left: 0;top: 55px;width: calc(100% - 60px);height: 50px;margin: 0 0 0 60px;padding: 0;}
ul.headerUtil li {float: left;width: 50%;padding: 11px 10px 12px 5px;box-sizing:border-box;background-color: #42a9f6;list-style:none;}
ul.headerUtil li:first-child {padding:11px 5px 12px 10px;}
ul.headerUtil a {display: block;padding: 2px 0;border: 1px solid #fff;border-radius: 14px;text-align: center;color: #fff;text-decoration: none;}

div#footerWrap {font-size: 13px;}
}



/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div#headerWrap {z-index: 100;position: relative;width: 1200px;height: 110px;margin: 0 auto;}
div#headerWrap h1 {position: absolute;left: 0;top: 15px;width: 266px;}

ul.headerUtil {position: absolute;right: 150px;top: 40px;margin: 0;padding: 0;}
ul.headerUtil li, ul.headerUtil li:before, ul.headerUtil a {float: left;}
ul.headerUtil li {float: left;list-style:none;}
ul.headerUtil li:before {padding: 0 10px;content: "|";}
ul.headerUtil li:first-child:before {padding: 0;content: "";}
ul.headerUtil a {padding:2px 0 0 26px;text-decoration: none;color: #666;font-size: 14px;background: url('../image/common/headerIcon_kor.png') left center no-repeat;}
ul.headerUtil li:first-child a {background-image: url('../image/common/headerIcon_home.png');}

p.viewGnb {position: absolute;right: 0;top: 25px;width: 120px;}
p.viewGnb a {padding: 16px 0 15px 60px;background: #0180df url('../image/common/headerIcon_menu.png') 18px center no-repeat;color: #fff;text-decoration: none;}
p.viewGnb a.view {background-color: #245896;background-image: url('../image/common/headerIcon_close.png');}

ul#gnb {display: none;position: absolute;left: 0;top:75px;width: 1200px;background-color: #0180df;}
ul#gnb a {display: block;color: #fff;font-size: 18px;text-align: center;}
ul#gnb li {padding-top: 20px;}
ul#gnb > li {float: left;width: 25%;padding-top: 0;}
ul#gnb > li > a {padding: 28px 0 27px;font-size: 20px;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,.25);}
ul#gnb ul {padding: 10px 0 40px;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {color: #ffd928;}
}



div#container {position: relative;}

h2.pageTit {margin: 0;text-align: center;color: #fff;background-position:center top;background-repeat:no-repeat;font-weight: 300;}
.sub01 h2.pageTit {background-image: url('../image/common/topVisual.jpg');}
.sub02 h2.pageTit {background-image: url('../image/common/topVisual_2.jpg');}
.sub04 h2.pageTit {background-image: url('../image/common/topVisual_4.jpg');}
h2.pageTit span {display: block;font-weight: 400;}


div.contents h3 {border-bottom: 1px solid #ddd;color: #333;font-size: 26px;font-weight: 400;}
.ing {padding: 100px 0;text-align: center;}


.fcPoint {color: #0e5cc3;}

.pointTit {color: #0e5cc3;font-weight: 500;font-size: 18px;}


ul.tabMenu,
ul.subMenu {overflow: hidden;margin:0;padding: 0;}
ul.tabMenu > li,
ul.subMenu > li {float: left;width: 50%;margin: 0;list-style:none;}
ul.tabMenu a,
ul.subMenu a {display: block;padding: 15px 10px;border: 1px solid #ccc;border-left-width: 0;text-align: center;color: #0e5cc3;text-decoration: none;line-height: 16px;}
ul.tabMenu li:first-child a,
ul.subMenu li:first-child a {border-left-width: 1px;}
ul.tabMenu .on a,
ul.subMenu .on a {border-color: #0e5cc3;background-color: #0e5cc3;color: #fff;}
ul.tabMenu a.twoLine,
ul.subMenu a.twoLine {padding: 7px 10px;}


ul.blockList, ul.blockList li {margin: 0;padding: 0;list-style:none;}
ul.blockList {overflow: hidden;}
ul.blockList li {float: left;}
ul.blockList a {display: block;padding: 10px;border: 1px solid #dcdcdc;text-decoration: none;}
ul.blockList span {display: table-cell;vertical-align: middle;color: #535353;text-align: center;}

.bdArea {border: 1px solid #0e5cc3;color: #0e5cc3;border-radius:5px;background-color: #ecf2fa;}


/*  Mobile : ~ width:839px  */
@media screen and (max-width: 959px) {

h2.pageTit {height: 52px;padding: 20px 0 24px;margin: 0;background-size: auto 125px;font-size: 26px;line-height: 1em;text-shadow:0 0 5px rgba(0,0,0,.7);}
h2.pageTit span {font-size: 0.6em;}


div.contents {width: auto;padding:0;margin: 0;background:none;}
div.contents h3 {display: none;}

dl#lnb {display: none;}

div.subCon {padding: 10px;}

.ing img {width: 110px;}


ul.blockList li {width: 50%;padding: 10px 10px 0 5px;box-sizing:border-box;}
ul.blockList li:nth-child(odd) {padding: 10px 5px 0 10px;}
ul.blockList a {}
ul.blockList span {overflow: hidden;height: 80px;max-height: 80px;line-height: 16px;}
}



/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
.pageTit {height: 90px;padding: 80px 0;font-size: 55px;}
.pageTit span {font-size: 20px;}

div.contents {width: 925px;padding-left: 275px;margin: 0 auto;background: url('../image/common/conBg.png') 0 0 repeat-y;}
div.contents h3 {padding: 40px 0 10px;margin: 0;}

dl#lnb {position: absolute;left: 50%;top: 250px;width: 230px;margin-left: -600px;}
dl#lnb > dt {padding: 45px 0;line-height: 30px;text-align: center;color: #fff;background: url('../image/common/lnbBg_tit.jpg') 0 0 repeat-y;font-size: 22px;font-weight: bold;}
dl#lnb > dd a {display: block;padding: 18px 20px 17px;color: #000;font-size: 16px;font-weight: 300;border-bottom: 1px solid #ddd;}
dl#lnb > dd .on a {color: #0180df;font-weight: bold;}


div.subCon {min-height:600px;padding: 50px 0 100px;font-size: 16px;line-height: 1.6;color: #000;text-align: justify;}
}



table.tblDef {border-top: 2px solid #0e5cc3;}
table.tblDef > * > tr > * {border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #000;text-align: center;}
table.tblDef > * > tr > *:first-child {border-left: 0 none;}
table.tblDef > * > tr > th {background-color: #eaf3ff;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl th,
table.rwTbl td {padding:5px 10px;box-sizing:border-box;}

table.rwTbl td {border-left: 0 none;}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {overflow:hidden;margin-top: 1em;border-top:2px solid #0e5cc3;}
table.rwTbl > tbody > tr:first-child,
table.rwThead > tbody > tr:first-child {margin-top: 0;border-top:0 none;}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#6460ac;color:#fff;}

}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {

}




/* 메인 */
div.mainWrap {width: 100%;height: 100%;padding-bottom: 94px;background: url('../image/main/bg.jpg') center top no-repeat;background-size:auto 100%;}
div.mainWrap.bg02 {background-image: url('../image/main/bg_02.jpg');}

div.mainWrap div#headerWrap h1 a {height: 100%;background: url('../image/main/header_logo.png') 0 0 no-repeat;}
div.mainWrap div#headerWrap h1 img {display: none;}

ul.mainQuick {overflow: hidden;text-align: center;}
ul.mainQuick li {float: left;margin: 0;padding: 0;list-style:none;}
ul.mainQuick a {display: block;text-align: center;color: #fff;font-weight: 500;text-decoration: none;}
ul.mainQuick img {display: block;margin: 0 auto;}

div.mainWrap div#footerWrap {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,.6);}


/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.mainWrap div#headerWrap h1 {z-index: 0;height: 65px;padding-top: 50px;background: none;border-bottom: 0 none;}
div.mainWrap div#headerWrap h1 a {padding: 0;background-position: center top;background-size: auto 65px;}

div.mainWrap div#headerWrap p.viewGnb {}
div.mainWrap div#headerWrap p.viewGnb a {background-image: url('/image/common/viewGnb_w.png');}
div.mainWrap div#headerWrap p.viewGnb a.on {background-image: url('/image/common/viewGnb_on_w.png');}

div.mainWrap div#headerWrap h1 {}
.overHidden div.mainWrap div#headerWrap p.viewGnb {width: calc(100% - 60px);margin-left: 60px;transition:width 2s, transform 2s;}
.overHidden div.mainWrap div.gnbWrap {padding-top: 95px;}
.overHidden div.mainWrap ul.headerUtil {top: 0;padding-top: 45px;background-color: #42a9f6;}

ul.mainQuick {margin: 0;padding: 20px 40px;}
ul.mainQuick li {width: 50%;padding-top: 10px;}
ul.mainQuick img {width: 80px;margin-top: 10px;}
}




/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.mainWrap div#headerWrap {background: none;}

div.mainWrap div#headerWrap h1 {position: absolute;left: 50%;top: 117px;width: 834px;height: 204px;margin-left:-417px;}

div.mainWrap ul.headerUtil li:before {color: #fff;}
div.mainWrap ul.headerUtil a {color: #fff;background-image: url('../image/main/headerIcon_kor.png');}
div.mainWrap ul.headerUtil li:first-child a {background-image: url('../image/main/headerIcon_home.png');}

ul.mainQuick {width: 1200px;padding: 300px 0 200px;margin: 0 auto;}
ul.mainQuick li {width: 25%;}
ul.mainQuick a {font-size: 25px;}
ul.mainQuick img {margin-top: 20px;}
}



/* About Us */
div.introduce {}
div.introduce dd {text-align: justify;}
div.introduce dl, div.introduce dt, div.introduce dd {margin: 0;padding: 0;}
div.introduce dl:first-child {}
div.introduce dl.bg {margin-top: 0;border-radius:5px;background:url('../image/sub/introduce_bgImg.png') right top no-repeat, url('../image/sub/introduce_bg.jpg') left bottom repeat-x;background-color: #2059a5;color: #fff;}
div.introduce dl.bg dt {font-weight: 500;line-height: 1.2em;text}


/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.introduce dl {margin-top: 20px;}
div.introduce dl.bg {padding: 10px 20px;}
div.introduce dl.bg dt {padding-bottom: 10px;font-size: 20px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.introduce dl {margin-top: 50px;}
div.introduce dl.bg {padding: 50px;}
div.introduce dl.bg dt {padding-bottom: 30px;font-weight: 500;font-size: 32px;}
}



/*Greeting*/
div.greeting .tabCon {margin-top: 2em;}
div.greeting h4 {position: relative;margin: 0;border: 0 none;background: url('/image/sub/messageBg_right.png') right top no-repeat, url('/image/sub/messageBg_top.png') center top no-repeat, url('/image/sub/messageBg_left.png') 34px bottom no-repeat;background-color: #f7f7f7;text-align: center;color: #006db0;}
div.greeting h4 img {position: absolute;left: 0;bottom:0;}
div.greeting p {text-align: justify;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.greeting h4 {height: 90px;padding-left: 85px;font-size: 20px;line-height: 30px;box-sizing:border-box;background-size: 115px, 86px, 100px;}
div.greeting h4 span {display: table-cell;height: 90px;vertical-align: middle;}
div.greeting h4 img {height: 90px;}
}


/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.greeting h4 {padding: 100px 0 40px 150px;font-size: 26px;line-height: 40px;}
}



/* History */
div.history table.tblDef {}
div.history table.tblDef td {text-align: justify;border-left: 0 none;}
div.history table.tblDef th strong {}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.history table.tblDef th {text-align: left;font-size: 16px;}
div.history table.tblDef th strong {display: inline-block;padding-right: 5px;vertical-align: middle;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.history table.tblDef th, 
div.history table.tblDef td {padding: 20px;}
div.history table.tblDef th {line-height: 1.2;}
div.history table.tblDef th strong {display: block;font-size: 1.2em;}
}





/* Subdivision Society */
ul.society a {display: block;color: #464646;background: url('/general/image/sub/society_bg_r.png') right top no-repeat, url('/general/image/sub/society_bg_l.png') left bottom no-repeat;text-align: center;}
ul.society img {display: block;margin: 0 auto 10px;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
ul.society a {background-size: 35px, 22px;}
ul.society.blockList li {float: none;width: 100%;padding: 0 0 10px 0;}
ul.society.blockList span {height: auto;padding-top: 10px;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
ul.society {padding-bottom: 10px;}
ul.society li {width: 297px;padding: 16px 0 0 16px;}
ul.society li:nth-child(3n+1) {clear: both;padding-left: 0;}

ul.society a {height: 195px;padding: 43px 10px 0;}
ul.society span {width:275px;height: 75px;}
}


/* Annual Meetings */
div.meeting {overflow: hidden;}
div.meeting div.bdArea {text-align: center;}
div.meeting dl, div.meeting dt, div.meeting dd {margin: 0;padding: 0;}

div.meeting dl {text-align: center;}
div.meeting dt {padding-bottom: 10px;color: #000;font-size: 20px;font-weight: 500;}
div.meeting dd {background-position: left bottom, center top;background-repeat: repeat-x, no-repeat;font-size: 20px;font-weight: 400;}
div.meeting dd strong {display: block;color: #000 !important;}
div.meeting dd strong sup {display: inline-block;margin-left: -5px;font-weight: 400;}
div.meeting dd.btn {background: none !important;}
div.meeting dd.btn a {display: block;margin: 0 auto;color: #fff;font-weight: 400;text-decoration: none;font-size: 16px;}

div.meeting dl.spring dd {background-image: url('../image/sub/meetingBg_spring_g.png'), url('../image/sub/meetingBg_spring.png');background-color: #f8d6e9;color: #aa0e58;}
div.meeting dl.spring dd a {background-color: #d91f65;}

div.meeting dl.fall dd {background-image: url('../image/sub/meetingBg_fall_g.png'), url('../image/sub/meetingBg_fall.png');background-color: #ffd2ba;color: #96121e;}
div.meeting dl.fall dd a {background-color: #f06a25;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.meeting div.bdArea {padding: 10px;}

div.meeting dl {margin-top: 1em;}
div.meeting dd {padding: 150px 0 10px;background-size: 10px, 100%;}
div.meeting dd.btn {padding: 10px 0 0;}
div.meeting dd.btn a {padding: 10px 0;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.meeting div.bdArea {padding: 20px 40px;}
div.meeting dl {width: 445px;margin-top: 50px;}
div.meeting dd {height: 140px;padding-top: 305px;}
div.meeting dd strong {font-size: 30px;}
div.meeting dd.btn {padding-top: 25px;}
div.meeting dd.btn a {width: 220px;padding: 17px 0 16px;}

div.meeting dl.spring {float: left;}
div.meeting dl.fall {float: right;}
}


/* Contact Us */
div.contact {}
div.contact div.mapArea {border: 1px solid #ccc;}

div.contact ul {overflow: hidden;margin:0;padding: 0;}
div.contact li {border: 1px solid #ccc;border-radius:4px;list-style:none;background-position: right bottom;background-repeat: no-repeat;}
div.contact li:first-child {margin: 0;}
div.contact strong {display: block;padding-bottom: 10px;color: #000;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.contact div.mapArea {height: 200px;margin-bottom: 10px;}
div.contact li {margin-top: 10px;padding: 10px 42px 10px 20px;background-size: 32px;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.contact div.mapArea {height: 380px;}
div.contact ul {margin-top:25px;}
div.contact li {float: left;width: 243px;height: 113px;margin:0 0 0 20px;padding: 25px;}
}