/*Noto Sans*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');


html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, button, section,article, a{margin:0; padding:0;font-size:100%;line-height:100%;font-family: 'Nanum Gothic', sans-serif;box-sizing: border-box}
h1, h2, h3, h4, h5, h6{}
img, fieldset{border:none;}
table{border-collapse:collapse;table-layout:fixed;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li, object{vertical-align:middle;}
input, select, textarea, form img{vertical-align:middle;}
button{border:none;background-color: transparent; text-align: left;vertical-align:middle;}
img{vertical-align:middle;height:auto;max-width:100%;}

/* font 기본폰트칼라 #333 */
html,body {position:relative;height: 100%;}
body{background:#d6d6d6;color:#333;}
input, select, textarea{color:#333; font-size:90%;}
select{border:1px solid #ddd;}

/* anchor */
a{font-size:100%;line-height:100%;color:#000; text-decoration:none;vertical-align: middle;}
a:hover, a:focus, a:active{color:#888;text-decoration:none;}
button:hover, button:focus, button:active{color:#888;cursor:pointer;}

/* skip */
legend, .hidden,.skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{width:0;height:0;padding: 0px;margin: 0px;visibility: hidden;line-height:0px;}

/* 공통 CSS */
.clearfix:after{display: block;overflow: hidden;height: 0;font-size: 0;clear: both;content: '';}
.wrapper {position: relative;max-width: 1200px;margin-right: auto;margin-left: auto;}

/* 헤더*/
.head {padding: 2.125rem 0 1.5625rem; background-color: #fff;text-align: center;}
.head__btn {float: left;}
/*200720 height:2rem 삭제*/
#mListOpen.head__btn__menu {display: inline;overflow: hidden;position: relative; width: 5rem; margin-right: 1.25rem;background-color: #ed1c24;font-weight: 900;color:#fff;text-align: center;}
/*200720 height:2rem 삭제*/
.head__btn__menu:after {position: absolute;top: 50%;left: -50%; width: 1.5rem;height: 3rem;margin-top: -1.5rem;background-color:rgb(255,255,255,0.4);transform: rotate(-25deg); content: '';}
.head__btn__menu:hover:after {left: 120%;transition: left 0.4s;}

.head__btn__home {font-weight: 700; }
.head__search {display: inline-block;}
.head__search__form {position: relative;width: 22.5rem;padding-right:1.875rem;margin: auto;border-bottom: 1px solid #004f54;}
.head__search__inp {width: 100%;height: 1.9375rem;padding-left: 1rem; border: 0;}
.head__search__btn {position: absolute;top: 0;right: 0;width: 1.875rem;}
.head__util {float: right; height: 2rem;font-size: 0.8125rem}
.head__util > li{position: relative; float: left;margin-left: 0.625rem;}
.head__util > li:first-child {margin-left: 0;}
.head__util__btn {display: block;border: 1px solid #d9d9d9;line-height: 1.875rem;}
.head__util__btn--member {width: 5rem;text-align: center;}
.head__util__btn--lang {position: relative; width: 7.5rem;padding:0 0.625rem;}
.head__util__btn--lang .ico {position: absolute;top: 50%;right: 0.625rem; width: 7px;height: 4px;margin-top: -2px; background:url(../images/intro_arr_gray.png) 0 0 no-repeat;}
.head__util__btn--lang.on .ico {background-position-x: -7px}
.head__util__btn__list {display: none; position: absolute;left: 0;z-index: 5;width: 100%; border: 1px solid #ddd;border-top: 0; background-color: #ffffff; text-align: left;}
.head__util__btn__list li{padding-left: 0.625rem;line-height:1.5rem}
.head__util__btn__list li:first-child {border-bottom: 1px solid #dfdfdf;}


/* 메인 */
.intro {display: block;height: 100%;height:calc(100% - 6.25rem); background:url(../images/intro_bg1.png) 50% 50% no-repeat;background-size:cover;}
.section {max-width: 1000px;margin-right: auto;margin-left: auto;}
.section > article {height: 13.75rem;margin-top: 0.625rem;margin-bottom: 0.625rem;}
.intro__slogan {padding-top: 5.625rem;padding-bottom: 5rem;text-align: center;}
.intro__cont {position: relative; float: left;width: 25%;border-left: 1px solid #e3e9eb; background-color: #fff;text-align: center;}
.intro__cont:first-of-type{border-left:0;}
.intro__cont > a {display: block;padding-top: 1.875rem;height: 100%;}
.intro__cont:hover .intro__cont__hover {visibility: visible;opacity: 1;}
.intro__cont__btn {position: absolute;top: 1.25rem;right: 1.25rem;}
.intro__cont__tit {margin-top: 1.375rem;font-size: 1.25rem;color: #004f54;}
.intro__cont__hover {visibility: hidden; position: absolute;top: 0;left: 0; width: 100%;height: 100%;padding: 1.25rem;background-color: #38a7ad;color:#fff;text-align: left;opacity: 0;transition: opacity 0.7s}
.intro__cont__hover__tit {padding-top: 0.1875rem;font-weight: 700;font-size: 1.25rem;}
.intro__cont__hover__list {margin-top: 1.5625rem;}
.intro__cont__hover__list li {line-height: 1.5625rem;}
.intro__cont__hover__list li:before {display: inline-block;margin-right: 5px;content: '-';}
.intro__cont__hover__list a {color:#fff}
.intro__cont__hover__list a:hover {text-decoration: underline;}

.intro__noti {position: relative;float: left;width: 50%;padding: 2.8125rem 1.25rem 1.875rem 2.8125rem;background-color: #fff;}
.intro__noti__tit {font-size: 1.125rem;color:#333}
.intro__noti__slider a {color:#666}
.intro__noti__slider__tit {overflow: hidden;text-overflow: ellipsis; margin-top: 0.9375rem;font-size: 1.1875rem;line-height: 2.375rem;color:#222;white-space: nowrap;}
.intro__noti__slider__desc {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;height: 3rem;line-height: 1.5rem;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.intro__noti__slider__time {display: block;margin-top: 0.625rem;text-align: right;}
.intro__noti__slider__btn {position: absolute;top: 1.25rem;right: 1.25rem;}
.intro__noti__slider__btn--play {display: none;}
.intro__noti__slider__btn.on .intro__noti__slider__btn--pause {display: none;}
.intro__noti__slider__btn.on .intro__noti__slider__btn--play {display: inline;}
.intro__noti__slider__btn img {vertical-align: top;}
.intro__noti .slick-dots {position: absolute;top: -44px;right: 1rem;}
.intro__noti .slick-dots li {display: inline-block;margin-left: 0.3125rem; font-size: 0;}
.intro__noti .slick-dots li button {width: 0.9375rem;height: 0.9375rem;border-radius: 0.4688rem;background-color: #e9eaec;text-indent: -9999px;}
.intro__noti .slick-dots .slick-active button {width: 2.5rem;background-color: #aee0e2;}

.intro__quick-menu {float: left;width: 50%;padding: 1.875rem 1.25rem 1.875rem 1.875rem;background-color: #206f75;color:#fff;}
.intro__quick-menu__tit {margin-top: -0.625rem;font-size: 1.25rem;line-height: 0}
.intro__quick-menu__tit i {display: inline-block;margin-right: 0.4375rem;}
.intro__quick-menu__btn {float: left;width: 62%;max-width: 16.875rem;}
.intro__quick-menu__btn__list {margin:-0.3125rem;padding-top: 1.5625rem;}
.intro__quick-menu__btn__list li { float: left;width: 50%;padding:0.3125rem;}
.intro__quick-menu__btn__list li a {display: block;overflow: hidden;text-overflow: ellipsis;padding: 0.4375rem 0.625rem; border: 1px solid #90b7ba;font-size: 0.9375rem;color:#fff;letter-spacing: -0.5px;white-space: nowrap;}
.intro__quick-menu__btn__list li a i {padding-right: 0.4rem;vertical-align: 1px;}
.intro__quick-menu__btn__list li a:hover {border-color: #38a7ad; background-color: #38a7ad;font-weight: 700;color:#f0ff00}
.intro__quick-menu__btn__list .last {width: 100%;}
.intro__quick-menu__call {float: right;width: 38%;height: 100%;text-align: right;}
.intro__quick-menu__call:before {display: inline-block;height: 100%;vertical-align: middle;content: '';}
.intro__quick-menu__call a {display: inline-block;width: 96%;vertical-align: middle;}

@media all and (max-width:1000px) {
   html,body {font-size: 14px;}
   .wrapper {width: 97%;}
   .intro__noti .slick-dots {top: -36.5px;}
}

@media all and (max-width:768px) {
    .head {padding: 1.5rem 0;}
    .head__search {display: block;clear: both;padding-top: 1rem;}
    .head__util {position: absolute; top: 0;right: 0;}
    .intro__slogan {padding-top: 12%;padding-bottom: 7%;}
    .intro__cont {width: 50%;}
    .intro__noti, .intro__quick-menu {width: 100%;padding-right: 1.5rem;padding-left: 1.5rem;}
    .intro__quick-menu__tit {margin-top: 0;}
 }

 @media all and (max-width:480px) {    
   .wrapper {width: 94%;}
   #mListOpen.head__btn__menu {margin-right: 0.5rem;}
   .head__util__btn--member {width: 4rem;}
   .head__util__btn--lang {width: 6rem;}
   .section > .intro__quick-menu {height: auto;}
   .intro__cont {width: 100%;}
	 /*200716추가*/
   .intro__quick-menu__btn, .intro__quick-menu__call {float: none;width: 100%;max-width: none; height:180px; }
	 /*200716추가*/
   .intro__quick-menu__call {margin-top: 1rem;text-align: center;}
	 

}


/*20190626추가*/
.foot .menuFnb ul li{
	display:inline-block;
	float:left;
	font-size:11px;
	margin:30px 10px 10px 0px;
	padding:20px;
}
.foot .menuFub ul li:last-child{
	border:none;
	margin-left:600px;
}

/*20190626추가*/