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

html, body{height: 100%;}
 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family:'Noto Sans KR', sans-serif;font-weight:400;word-break:normal;}


div.wrapper {overflow: hidden;position: relative;width:100%;}
div#headerWrap a {text-decoration: none;}


div#container {}
div.titArea, div.titArea dl, div.titArea dt, div.titArea dd,
div.titArea ul, div.titArea li, div.titArea h2 {margin: 0;padding: 0;list-style:none;}


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

.admin {display: none !important;}

div#headerWrap {z-index: 200;position: relative;}
div#headerWrap h1 {position: relative; padding: 0 65px;background-color: #fff;}
div#headerWrap h1 a {display:block; height: 45px; background: url(/eng/image/common/eng_header_logo_m.png) no-repeat center center; background-size: 190px;}
div#headerWrap h1 a img{width: 100%;}
div#headerWrap p.viewGnb {z-index: 50;position: absolute;right: 0;top: 0;width: 45px;height: 45px;}
div#headerWrap p.viewGnb a {background: url('/image/common/viewGnb.png') center center no-repeat;background-size: 15px;}
div#headerWrap p.viewGnb a.on {background-image: url('/image/common/viewGnb_on.png');background-size: 15px;}

div.gnbWrap {position: fixed;right: -100%;top: 0;width: 100%;height: 100%;padding: 45px 0 0 60px;background-color:rgba(0,0,0,.7);box-sizing:border-box;}
div.gnbWrap > * {display: block;}
div.gnbWrap a {color: #fff;}
	ul#gnb {overflow-x: hidden;overflow-y: scroll;height: 100%;padding:15px 15px 0;background-color: #1c8acf;box-sizing:border-box;}
	ul#gnb li{text-align: center;}
	ul#gnb > li > a {position: relative;padding: 7px 38px 7px 15px;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;font-size: 15px;line-height: 23px;}

	div#headerWrap div.gnbWrap p.headerUtil{position: absolute; right: 0; top: 0; width: calc(100% - 60px); padding-left: 15px;  background: #fff; padding-right: 65px; padding: 2px 0 3px; list-style:none;}
	div#headerWrap div.gnbWrap p.headerUtil a{display: block;  float: left; background-color: #fff; margin: 0; text-align: center; font-weight: 400; padding: 7px 0 8px; border: 1px solid #1c8acf; color: #1c8acf; width: 80px; font-size: 12px;}
	div#headerWrap div.gnbWrap p.headerUtil a.home{padding:11px 0 11px 35px;border: 0 none;color: #000;font-weight: 400;text-align: left;background: url('/eng/image/common/header_home_m.png') 10px 11px no-repeat;background-size: 18px;}
	div#headerWrap div.gnbWrap p.headerUtil a:last-child {float: right; margin: 2px 55px 3px 0;}

div#footerWrap {background-color: #e8e8e8;}
div#footerWrap, div#footerWrap a {color: #8b929e;text-decoration: none;}

div#footerWrap > div {position: relative; padding:20px 10px 15px;font-size: 10px;text-align: center; background: #3c495e; color: #8b929e;}

div#footerWrap ul {text-align: center;}
div#footerWrap li {display:inline-block; margin-left: 2px;}
div#footerWrap li:first-child {margin-left: 0;}

p.viewGnb{position: absolute; top: 0px; right: 0;}
p.viewGnb a{width: 45px; height: 45px; background: url(/image/common/viewGnb.png) center 25px no-repeat; background-size: 20px; display:block; text-indent: -99999px;}

}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper,
div.popupWrap {font-size:15px;line-height:1.5;}
div.wrapper {min-width:1200px;}

div.wrapper {position: relative;background: url('/eng/image/common/conBg.jpg') center 105px no-repeat, url('/eng/image/common/gnbBg.png') left 326px repeat-x;}
div#headerWrap {position: relative;z-index: 50;}
div#headerWrap > div {width: 1100px; margin: 0 auto; position:relative;}

div#headerWrap h1{width: 368px;height: 48px; margin: 0 auto; padding: 29px 0 28px;}

ul#gnb{width: 1050px; padding: 0 25px; position: absolute; bottom: -271px; left: 50%; margin-left: -550px; font-size:0;}
ul#gnb li{display:inline-block; text-align: center; width: 25%;position: relative;}
ul#gnb li::before{content:""; position: absolute;top: 50%; margin-top: -15px; left: 0;background: url(/eng/image/sub/w_bar.png) no-repeat left center; width: 1px; height: 28px;}
ul#gnb li:first-child::before{display:none;}
ul#gnb li a{color: #fff; font-size: 18px; padding: 10px 0 13px;}
ul#gnb li.on a{color: #fff100;}

p.headerUtil{position: absolute; top: 38px; right: 0; margin: 0;}
p.headerUtil a{display:block; float: left; text-align: center;margin-left: 10px; width: 70px; padding: 6px 0 6px; color: #fff; border-radius: 15px; font-size: 12px;}
p.headerUtil a:first-child{margin-left: 0;}
p.headerUtil a.home{background: #4bd1b2;}
p.headerUtil a.korean{background: #1f50a1;}


div#footerWrap {position: relative; border-top: 1px solid #3c495e; background: #3c495e; padding: 28px 0 27px;}
div#footerWrap, div#footerWrap a {color: #8b929e;text-decoration: none;}

div#footerWrap > div {position: relative;width: 1050px; padding: 0 25px; margin: 0 auto; font-size: 15px; text-align: center;}

div#footerWrap ul {overflow: hidden; width: 470px; margin:  0 auto;}
div#footerWrap li {float: left;margin-left: 15px;}
div#footerWrap li:first-child {margin-left: 0;}

div#container {position: relative;width: 1100px; margin: 0 auto 50px;}
.main div#container {position: relative;width: 1100px; margin: 0 auto 0;}
div#container:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
 
div.titArea {width: 1100px;}
div.titArea h2.pageTit {padding: 66px 0;font-weight: 600;color: #1f50a1; font-size: 60px; text-align: center;}

div.contents {width: 1050px; padding: 100px 25px 0;}
.main div.contents {position: relative; width: 1100px; padding: 200px 0 100px; margin: 0 auto; z-index: 100;}
div.contents::after{content:""; display: block; clear:both;}


p.moreBtn{display:none;}
}

/* Main */
body.main, body.main div#container ul, body.main div#container li, body.main p, body.main dl, body.main dt, body.main dd {margin: 0;padding: 0;list-style:none;}
body.main #container a {display: block;text-decoration: none;}
.main .wrapper {background: none;}


div#container.main {width: 100%;}




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

div.titArea {padding: 47px 0 46px; background: url(/eng/image/common/tit_bg.png) no-repeat left top; background-size: 100% 100%;	}
div.titArea h2.pageTit {font-weight: 600;color: #1f50a1; font-size: 25px; text-align: center; }

div.contents {padding: 10px;}

div.message {margin-bottom: 10px; overflow: hidden; }
	div.message p img{width: 100%; margin-bottom: 10px;}
	div.message p strong{display:block; font-size: 18px; margin-bottom: 10px;}	
	div.message p{font-weight: 400; text-align: justify; margin: 0 0 10px; font-size: 14px;}

}

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

div.message {margin-bottom: 10px; overflow: hidden;}
	div.message p img{float:left; margin-right: 10px;}
	div.message p strong{display:block; font-size: 28px; margin-bottom: 10px;}	
	div.message p.fcPoint{font-size: 24px;}
	div.message p{font-weight: 400; text-align: justify; margin: 0 0 15px;}	
	
}
/* 메인배경 */
div.mainBg {}
div.mainBg li {text-indent: -10000px; z-index: 1;}
div.mainBg ul{overflow: hidden; height: 100%;}

/* 모바일 */
@media all and (max-width:960px) {
div.mainBg {position: absolute; left: 0; top: 45px; width: 100%;}
div.mainBg li {position: relative; height: 75px; width: 100%;}
div.mainBg li.bnr01 {background: #c4e9f9;}
div.mainBg li.bnr02 {background: #e1f4fc;}
div.mainBg li img {position: absolute; left: 50%; top: 0; width: 310px; margin-left: -155px; padding-top: 30px; }


div#container.main .contents{position: relative; z-index: 100; padding-top: 75px}
div#container.main .contents::after{display:block; clear:both; content:"";}

}

/* PC */
@media all and (min-width:961px) {
div.mainBg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
div.mainBg li {height: 880px;background-position: center top;background-repeat: no-repeat;}
div.mainBg li.bnr01 {background-image: url('/eng/image/main/mainBg_01.png');}
div.mainBg li.bnr02 {background-image: url('/eng/image/main/mainBg_02.png');}
}


/* 퀵메뉴 */
ul.quickMenu{overflow: hidden;}
ul.quickMenu li{float:left;}
ul.quickMenu li:nth-child(odd){clear: both; margin-left: 0 !important;}

@media all and (min-width: 961px) {
	ul.quickMenu{float:left;}
	ul.quickMenu li{margin: 0 0 30px 30px !important;}
	ul.quickMenu li:nth-child(3),ul.quickMenu li:nth-child(4){margin-bottom: 0 !important;}
	ul.quickMenu li a{display:block;}
}

@media all and (max-width: 960px) {

ul.quickMenu{margin-top: 10px !important;}
ul.quickMenu li{width: 50%;}
ul.quickMenu li img{width: 100%;}
}



/* 메인배너 */

div.mainBnr{position: relative;}

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

div.mainBnr{position: relative; float:right; width: 510px; height: 580px;}
div.mainBnr ul{}
div.mainBnr ul li{height: 580px; width: 510px !important;}
div.mainBnr ul li a{display: block;}
div.mainBnr ul li a img{display: block;}

div.mainBnr .bx-pager, .bx-controls-auto{position: absolute; bottom: 40px;}
div.mainBnr .bx-controls-auto{margin-bottom: 3px;}

div.mainBnr .bx-pager{left: 65px;} 
div.mainBnr .bx-controls-auto{left: 50px;}
}
/* 모바일 */
@media all and (max-width: 960px) {

div.mainBnr img{width: 100%;}

div.mainBnr .bx-pager, .bx-controls-auto{bottom: 10px;}
div.mainBnr .bx-controls-auto{margin-bottom: 3px;}

div.mainBnr .bx-pager{left: 30px;} 
div.mainBnr .bx-controls-auto{left: 15px;}
}

div.mainBnr .bx-pager, .bx-controls-auto{position: absolute; z-index: 100;}

div.mainBnr .bx-pager div{float:left; margin-left: 5px;} 
div.mainBnr .bx-pager div:first-child{margin-left: 0;}
div.mainBnr .bx-pager div a{text-indent: -99999px; display:block; width: 12px; height: 12px; background: #1c3d75; border: 3px solid #1c3d75; border-radius: 15px;}
div.mainBnr .bx-pager div a.active{background: transparent; border: 3px solid #1c3d75; border-radius: 15px;}

div.mainBnr .bx-controls-auto a{display:block; text-indent: -99999px; width: 10px; height: 13px;}
div.mainBnr .bx-controls-auto a.bx-stop{background: url(/eng/image/icon/mainBnr_stop.png) no-repeat 0,0;}
div.mainBnr .bx-controls-auto a.bx-start{background: url(/eng/image/icon/mainBnr_start.png) no-repeat 0,0;}


/* 연혁 */
dl.even sub{vertical-align: top;}

/* 연혁 */
div.contents div.history {padding-bottom:0;}

div.history > dl > dt {color:#133091;font-size:1.2em;font-weight:bold;}
/* div.history > dl > dd li,
div.history > dl > dd p {padding-left:10px;} */
div.history > dl.bg > dt,
div.history > dl.bg > dd {background-color:#fff;}

/*  Mobile : ~ width:720px  */
@media screen and (max-width: 720px) {
div.contents div.history {background:url('/image/sub/m_history_bg.jpg') 14px 20px repeat-y;}
div.history > dl {}

div.history > dl > dt {padding:0 0 5px 35px;background:url('/image/sub/m_history_titBg.png') 10px 3px no-repeat;}
div.history > dl > dd {padding:0 0 10px 0px;}
div.history > dl > dd li,
div.history > dl > dd p {background:url('/image/sub/m_history_bl.png') 0 10px no-repeat;}
}



/* Tablet : width:721px ~ width:961px */
@media screen and (min-width: 721px) {
div.contents div.history {overflow:hidden;background:url('/eng/image/sub/history_bg.jpg') 50% 44px repeat-y;}
div.history > dl {float:right;width:51.1%;}
div.history > dl:first-child {margin-top:0;}
div.history > dl:nth-child(even) {clear:both;float:left;width:51.2%;}



div.history > dl > dt {background:url('/eng/image/sub/history_titBg_r.jpg') left 4px no-repeat;}
div.history > dl > dt,
div.history > dl > dd {padding-left:75px; margin:0;!important}

div.history > dl:nth-child(even) > dt,
div.history > dl:nth-child(even) > dd {padding:0 75px 0 0;text-align:right;}
div.history > dl:nth-child(even) > dt {background:url('/eng/image/sub/history_titBg_l.jpg') right 4px no-repeat;}

div.history > dl > dd li,
div.history > dl > dd p {background:url('/eng/image/sub/history_bl.png') 0 10px no-repeat;}
div.history > dl:nth-child(even) > dd li,
div.history > dl:nth-child(even) > dd p {padding:0 10px 0 0;background-position:right 10px;}
}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.contents div.history {overflow:hidden;background:url('/eng/image/sub/history_bg.jpg') 50% 44px repeat-y;}
div.history > dl {float:right;width:51.1%;}
div.history > dl:first-child {margin-top:0;}
div.history > dl:nth-child(even) {clear:both;float:left;width:51.2%;}



div.history > dl > dt {background:url('/eng/image/sub/history_titBg_r.jpg') 2px 4px no-repeat;}
div.history > dl > dt,
div.history > dl > dd {padding-left:75px;  margin:0;!important}

div.history > dl:nth-child(even) > dt,
div.history > dl:nth-child(even) > dd {padding:0 75px 0 30px;text-align:right;}
div.history > dl:nth-child(even) > dt {background:url('/eng/image/sub/history_titBg_l.jpg') 472px 4px no-repeat;}

div.history > dl > dd li,
div.history > dl > dd p {background:url('/eng/image/sub/history_bl.png') 0 10px no-repeat;}
div.history > dl:nth-child(even) > dd li,
div.history > dl:nth-child(even) > dd p {padding:0 10px 0 0;background-position:right 10px;}
}

/* contact 200205 */
div.address{}

div.address h3{font-size: 22px; margin-bottom: 30px;}

div.address div.map{width: 100%;}
div.address div.map iframe{width: 100%; height: 100%; border: 0 none;}

div.address > dl {padding:20px 0; border-bottom:1px dashed #d3d3d3;}
div.address > dl.bdNone {border-bottom:0;}
div.address dl dt{font-weight: bold;}
div.address dl dd{margin: 0 0 10px; padding-left: 15px; font-weight: 400;}

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

div.address div.map {width:100%;height:250px;display:block;}

}


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

div.address div.map{height: 500px;}

}

/* board 200205 */
div.board > ul,
div.board > ul li {margin: 0;padding: 0;list-style:none;}
div.board > ul img {display: block;margin: 0 auto;}

/* Mobile */
@media screen and (max-width: 960px) {
	div.board {padding: 0 !important; margin-top: 10px; overflow: hidden;}
	div.board > ul {margin: 0; padding: 0;}
	div.board > ul > li {margin: 0;padding-top: 10px;}
	div.board > ul img {margin: 0 auto;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.board {margin-top:30px;}
	div.board table.tblDef {width: 600px;margin: 0 auto;}
	div.board table.tblDef td {text-align: center;}
	div.board > ul {width: 590px;margin: 0 auto;}
	div.board > ul > li {float: left;margin-top: 30px;}
	div.board > ul > li:nth-child(even) {float: right;}
}


/*2023-11-08 김리윤 Organization of Society 추가 */
/* Mobile */
@media screen and (max-width: 960px) {
	.Organization_box{display:block; width:100%; margin:0 auto; text-align:center}
	.Organization_box p.pc_ver{display:none;}
	.Organization_box p.mo_ver{display:block;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	.Organization_box{display:block; width:100%; margin:0 auto; text-align:center}
	.Organization_box p.mo_ver{display:none;}
}