@charset "utf-8";

/* font-face */
@font-face {font-family:'NanumMyoengjo'; font-style:normal; font-weight:400; src:url(../font/nm_r.woff2) format('woff2'), url(../font/nm_r.woff) format('woff')}

/* main container */
.container.main_container > .main {width:1180px; margin:30px auto; padding:0;}

@media (min-width:1024px) and (max-width:1179px) {
	.container.main_container > .main {width:1024px;margin-bottom:10px;}
	.container.main_container > .main > .m_row:nth-child(1) { z-index:10;}
	.container.main_container > .main > .m_row:nth-child(2) { z-index:1;}
}

@media (min-width:768px) and (max-width:1023px) {
	.container.main_container > .main {width:768px;margin-top:20px;margin-bottom: 0;}
}
@media (max-width:767px) {
	.container.main_container > .main {width:100%;margin-top:20px;margin-bottom: 0;}
}

/* main layout */
.m_row {position:relative;margin-bottom:25px;}
.m_row::after {display:block; content:''; clear:both;}

@media (min-width:1024px) and (max-width:1179px) {
	.m_row {padding:0 35px;}
}

@media (min-width:768px) and (max-width:1023px) {
	.m_row {padding:0 20px;}
}
@media (max-width:767px) {
	.m_row {padding:0 15px;}
}

/* Current Situation */
.co_cur {width:300px;height:200px;float:left;}
.co_cur > p.tit {font-weight:500;padding:13px 20px;color:#fff;background:#47c1d1; position:relative}
.co_cur > p.tit a {position:absolute;top: 12px;right: 25px;width:20px;height:20px;border-radius: 50%;background:#fff;}
.co_cur > p.tit > a::before {display:block; content:"";position: absolute;top: 7px;left: 8px;width: 7px;height: 2px;transform: rotate(45deg);background:#405985;} 
.co_cur > p.tit > a::after {display:block; content:"";position: absolute;top: 11px;left: 8px;width: 7px;height: 2px;transform: rotate(-45deg);background:#405985;}
.co_cur > ul {border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;padding:6px 20px;}
.co_cur > ul > li {position:relative;border-bottom:1px solid #e0e0e0;padding:9px 0;}
.co_cur > ul > li:last-child {border-bottom:none;}
.co_cur > ul > li > span.tit {display:inline-block;padding-left:5px;}
.co_cur > ul > li > a.num {position:absolute;top:5px;right:0;color: #fff;font-size:13px;border-radius: 15px;padding: 5px 15px;background:#47c1d1;}

.co_cur .dia_ho {padding:13px 20px; background: #47a8d1;display:block;color:#fff; position:relative}
.co_cur .dia_ho > a {position:absolute;top: 12px;right: 25px;width:20px;height:20px;border-radius: 50%;background:#fff;}
.co_cur .dia_ho > a::before {display:block; content:"";position: absolute;top: 7px;left: 8px;width: 7px;height: 2px;transform: rotate(45deg);background:#405985;} 
.co_cur .dia_ho > a::after {display:block; content:"";position: absolute;top: 11px;left: 8px;width: 7px;height: 2px;transform: rotate(-45deg);background:#405985;} 

@media (min-width:1024px) and (max-width:1179px) {
	.co_cur {width:349px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.co_cur {width: 350px;}
}
@media (max-width:767px) {
	.co_cur {width:100%;float: none;margin-bottom:20px;}
}


/* main popupzone */
.m_popupzone{width:580px;float:left;margin-left:25px;margin-right:25px;position:relative;}
.m_popupzone .slide_btn [class^="btn_"] {position:absolute; top:45%; display:block; width:32px; height:32px; z-index:11;}
.m_popupzone .slide_btn .btn_prev {left:10px;background:url(../image/main/btn_pre.png) no-repeat;}
.m_popupzone .slide_btn .btn_next {right:10px;background:url(../image/main/btn_next.png) no-repeat;}
.m_popupzone .slide_list {overflow:hidden;}
.m_popupzone .slide_list ul li a,
.m_popupzone .slide_list ul li a img {display:block;}
.m_popupzone .ico_window {display:none;}

@media (min-width:1180px) {
	.m_popupzone,
	.m_popupzone .slide_list {height:200px;}
	.m_popupzone .slide_list * {height:200px;width:100%; /*!important;*/}	
}
@media (min-width:1024px) and (max-width:1179px) {
	.m_popupzone {margin-right:0;height:200px;}
	.m_popupzone .slide_list * {height:200px;!important;}
	.m_popupzone .slide_list ul li img {width:100%  height:200px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.m_popupzone {width:728px;margin-top:25px;margin-left:0;margin-right:0;}
	.m_popupzone .slideBox {width:728px;}
	.m_popupzone .slideBox ul li {width:728px;}
	.m_popupzone .slide_list ul li img {width:100% !important;}
	.m_popupzone .slide_btn [class^="btn_"] {top:40%;}

}
@media (max-width:767px) {
	.m_popupzone {width:100%;margin:0;float:none;}
	.m_popupzone .slideBox {width:100%;}
	.m_popupzone .slideBox ul li {}
	.m_popupzone .slide_list ul li img {width:100%;!important;}
	.m_popupzone .slide_btn [class^="btn_"] {top:40%;}

}



/* Find & QnA */
.co_fnq {width:250px;float:left;}
.co_fnq > div {color:#fff;padding:20px 25px;margin-bottom:15px;background:#405985;}
.co_fnq > div:last-child {margin-bottom:0;}
.co_fnq > div > span.tit {position:relative;display:block; letter-spacing:-1px;}
.co_fnq > div > span.tit > a {position:absolute;top:-2px;right:0;width:20px;height:20px;border-radius: 50%;background:#fff;}
.co_fnq > div > span.tit > a::before {display:block; content:"";position: absolute;top: 7px;left: 8px;width: 7px;height: 2px;transform: rotate(45deg);background:#405985;} 
.co_fnq > div > span.tit > a::after {display:block; content:"";position: absolute;top: 11px;left: 8px;width: 7px;height: 2px;transform: rotate(-45deg);background:#405985;} 
.co_fnq > div > p {font-size:14px;color: #cdd5e2;line-height:18px;margin-top:19px;}
.co_fnq > div.co_q {background:#405985 url(../image/main/co_fnq_icon.png) no-repeat right 15px bottom 15px; height:130px;}
.co_fnq a > i.ico_window { display:none;}

@media (min-width:1024px) and (max-width:1179px) {
	.co_fnq {position: absolute;bottom:-255px;right:35px;width: 289px;}
	.co_fnq > div > p {margin-bottom: 30px;}
	.co_fnq > div.co_q { height:160px;}
	.co_fnq > div.co_q > span.tit { margin-top:20px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.co_fnq {position: absolute;top:0;right:20px;width: 345px;}
}
@media (max-width:767px) {
	.co_fnq {float:none;width:100%;margin-top:20px;}
}

/* News */
.co_news {float:left;width:640px;height:230px;padding:20px;border:1px solid #e0e0e0;box-sizing: border-box;background:#fff;}
.co_news::after {display:block; content:''; clear:both;}
.co_news > p.tit {position:relative;line-height:20px;font-weight:500;padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #aeaeae;}
.co_news > p.tit > a {position:absolute;top:-5px;right:0;width:28px;height:28px;border:1px solid #ddd;}
.co_news > p.tit > a::before {display:block; content:"";position: absolute;top: 12px;left: 8px;width: 10px;height: 2px;background:#405985;} 
.co_news > p.tit > a::after {display:block; content:"";position: absolute;top: 8px;left: 12px;width: 2px;height: 10px;background:#405985;} 
.co_news > dl {float:left;width:285px;}
.co_news > dl > dt {position:relative;font-size:20px;padding-right:15px;margin-bottom:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.co_news > dl > dt > a {color:#000;}
.co_news > dl > dt > a:hover {color:#114190;text-decoration: underline;}
/*.co_news > dl > dd {line-height:20px;font-size: 15px;overflow: hidden; height:60px}*/
.co_news > dl > dd {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:20px; font-size: 15px; word-wrap:break-word; height:60px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.co_news > dl > dd.date {display:inline-block; font-size:13px;text-align:right;margin-top:5px; height:auto;}
.co_news  > ul {float:right;width:280px;}
.co_news  > ul > li {padding-left:12px;padding-bottom:6px;font-size: 15px;position:relative;line-height:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.co_news  > ul > li::after {display:block; content:"";position: absolute;top: 9px;left: 4px;width: 2px;height: 2px;background:#8a8a8a;} 
.co_news  > ul > li > a {color:#000;}
.co_news  > ul > li > a:hover {color:#114190;text-decoration: underline;} 
.co_news .ico_new {display:inline-block; width:18px; height:18px; margin-left:5px;vertical-align: bottom;background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -20px 0;}

@media (min-width:1024px) and (max-width:1179px) {
	.co_news {margin-right: 314px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.co_news {width:728px;margin-bottom: 25px;}
	.co_news > dl {width:330px;}
	.co_news  > ul {width:320px;}
	co_news > dl > dd.date { height:auto; }
	
}
@media (max-width:767px) {
	.co_news {float:none;width:100%;height:auto;}
	.co_news > dl {float:none;width:100%;border-bottom: 1px dotted #ddd;padding-bottom:20px;margin-bottom:25px;}
	.co_news  > ul {float:none;width:100%;}
	.co_news > dl > dd.date { height:auto; }
}

/* Organization */
.co_or {float:left;width:240px;height:230px;padding:20px 25px;margin:0 25px;border:1px solid #e0e0e0;box-sizing: border-box;background:#fff;}
.co_or > span {display:block;line-height:20px;font-weight:500;padding-bottom:15px;}
.co_or > p {font-size: 14px;color:#6d6d6d;line-height:18px;height:120px;}
.co_or > a {display:block;color:#fff;font-size:14px;padding:10px 17px;background:#405985;}
.co_or.co_act {background:url(../image/main/co_ins_icon2.png) no-repeat right 15px bottom 75px;}
.co_or.co_act > a {background:#405985 url(../image/main/ico_go.png) no-repeat right 10px bottom 6px;}
.co_or.co_not {background:url(../image/main/co_ins_icon2.png) no-repeat right 15px bottom 68px;}
.co_or.co_not > a {background:#405985 url(../image/main/ico_go.png) no-repeat right 12px bottom 11px;}
@media (min-width:1024px) and (max-width:1179px) {
	.co_or {width:310px;margin:25px 25px 0 0;}
}
@media (min-width:768px) and (max-width:1023px) {
	.co_or {width:350px;margin-left:0;}
}
@media (max-width:767px) {

	.co_or {float:none;width:100%;height:auto;margin:20px 0 20px 0;}
	.co_or > p {height:50px;}
}

/* Instruction */
.co_ins {float:left;width:250px;height:230px;padding:20px 25px;border:1px solid #e0e0e0;box-sizing: border-box;background:#fff;}
.co_ins > span {display:block;line-height:20px;font-weight:500;padding-bottom:15px;}
.co_ins > p {font-size: 14px;color:#6d6d6d;line-height:18px;height:120px;}
.co_ins > a {display:block;color:#fff;font-size:14px;padding:10px 17px;background:#405985;}
.co_ins.co_act {background:url(../image/main/co_ins_icon3.png) no-repeat right 15px bottom 75px;}
.co_ins.co_act > a {background:#405985 url(../image/main/ico_go.png) no-repeat right 10px bottom 6px;}
.co_ins.co_not {background:url(../image/main/co_tru_icon1.png) no-repeat right 15px bottom 68px;}
.co_ins.co_not > a {background:#405985 url(../image/main/ico_go.png) no-repeat right 12px bottom 11px;}
@media (min-width:1024px) and (max-width:1179px) {
	.co_ins.co_act {width:305px;margin:25px 0 0 0;}
	.co_ins.co_not {width:290px;position: absolute;top:-255px;right:35px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.co_ins.co_act {width:353px;}
	.co_ins.co_not {margin-top:25px;width: 353px;}
}
@media (max-width:767px) {
	.co_ins {float:none;width:100%;height:auto;}
	.co_ins > p {height:50px;}
	
}
/* Now */
.co_now {position:relative;width:310px;height:230px;float:left;overflow: hidden;}
.co_now::after {display:block; content:"";position: absolute;top:0;left:0;width:100%;height:50px;background:#405985;}
.co_now > p.tit {position:absolute;top:0;left:0;width:100%;height:50px;padding:10px 20px;font-size:15px;line-height:30px;color:#fff;z-index:1;}
.co_now > p.tit > a {position:absolute;top:11px;right:10px;width:27px;height:27px;background:#fff;}
.co_now > p.tit > a::before {display:block; content:"";position: absolute;top: 12px;left: 8px;width: 10px;height: 2px;background:#405985;} 
.co_now > p.tit > a::after {display:block; content:"";position: absolute;top: 8px;left: 12px;width: 2px;height: 10px;background:#405985;}
.co_now > div.img { margin-top:50px;}
.co_now > div.img > a { display:block; position:relative; text-align:center;}
.co_now > div.img > a::after { content:"▶"; display:block; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-15px; width:60px; height:60px; font-size:26px; line-height:40px; text-align:center; color:#fff; background-color:rgba(255,255,255,0.2); border:6px solid rgba(255,255,255,0.7); border-radius:50%; box-shadow:0px 0px 5px #333; z-index:2px; }
.co_now > div.img > a > img { max-width:100%;} 
.co_now > div.img > a > img:hover {transform:scale(1.05);transition-duration:0.5s;}
.co_now.mgr20 {margin-right:20px;}
.co_now a > i.ico_window { display:none;}

@media (min-width:768px) and (max-width:1023px) {
	.co_now {width:350px; height:auto;}
	.co_now > div.img { margin-top:50px;}
	.co_now > div.img > a > img {width:100%;/*height:230px;*/}
	.co_now.mgr20 {margin-right:28px;}
}
@media (max-width:767px) {
	.co_now  {float:none;width:100%; height:auto; margin-bottom:20px;}
	.co_now > div.img { margin-top:50px;}
	.co_now > div.img > a > img {width:100%; /*height:230px;*/}
}

/* Fact */
.co_fac {float:left;width:240px;height:230px;padding:20px 25px;margin:0 25px;border:1px solid #e0e0e0;box-sizing: border-box;background:#fff;}
.co_fac > span {display:block;line-height:20px;font-weight:500;padding-bottom:15px;}
.co_fac > p {font-size: 14px;color:#6d6d6d;line-height:18px;height:120px;}
.co_fac > a {display:block;color:#fff;font-size:14px;padding:10px 17px;background:#405985;}
.co_fac.co_fac {background:url(../image/main/co_ins_icon1.png) no-repeat right 15px bottom 68px;}
.co_fac.co_fac > a {background:#405985 url(../image/main/ico_go.png) no-repeat right 12px bottom 11px;}

@media (min-width:1024px) and (max-width:1179px) {
	.co_fac {width:289px;margin-right:0;}
}

@media (min-width:768px) and (max-width:1023px) {
	.co_fac {width:350px;margin:25px 25px 0 0;padding:20px 25px}
	.co_fac > ul > li {padding: 23px 90px 23px 20px;}
}
@media (max-width:767px) {
	.co_fac  {float:none;width:100%;height:auto;margin:0 0 20px 0;padding:20px 25px}
	.co_fac > ul > li {padding:20px 90px 20px 20px;}
	.co_fac > p {height:50px;}
}