@charset "utf-8";
/* CSS Document */

body {position:relative;min-width:320px;height:100%;font-size:75%;font-family:"NotoSans", sans-serif;color:#000;line-height:1.7em;letter-spacing:-1px;word-spacing:0.2em;-webkit-text-size-adjust:none;}

.wrapper_main {width:1240px;margin:0; text-align:left;background: #cecece;font-size:0.9rem;background: url("../images/layout/main_bg.jpg") no-repeat center top;}
@media screen and (min-width: 1240px) { .wrapper_main{width:100%} }

.kca_wrap header {height: 75px;}
.login_before {margin-top:10px;}
.login_before ul li {float: left;}
.login_before ul li a {padding: 10px; color: #fff; font-weight: 600; font-size: 0.85rem}
.login_before ul li a:hover {padding: 10px; color: #9fe9ea;}base_search_wrap
.reference_text {font-size:0.85rem; color:#919191; letter-spacing: -1px;}

/* tap 스킵 영역 */
.skipToContent a { position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:1rem; font-weight:400; color:#fff; line-height:1; overflow:hidden; text-align:center;}
.skipToContent a:focus,.skipToContent a:active,.skipToContent a:hover {margin-top:0; height:auto; padding:10px 0px;}

/* go top */
#dimed{display:none;position:fixed;top:75px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20}
#top{display:none;position:fixed;bottom:258px;right:3%;width:50px;height:50px;padding-top:22px;box-sizing:border-box;background:rgba(0, 0, 0, 0.19) url('../images/layout/icon_goTop_on.png') no-repeat center 17px/23px auto;border-radius:50%;border:0px solid #ccc;transition:all 0.3s;cursor:pointer;font-size:0px;text-align:center;text-indent:-9999px;z-index:100;}
#top:hover{background-color:#0082e5; background-image:url('../images/layout/icon_goTop_on.png');transition:all 0.3s;}


/* 상단메뉴 start */
.gnbWrap {width:1240px;height:70px;border-bottom:0;margin: 0 auto;z-index: 100; margin:0 auto;}
.gnbWrap .gnbArea {position:relative; max-width:1240px; height: 0; padding-top:0; margin:0 auto; text-align:left;}
.gnbWrap .gnbArea:after {content:""; clear:both; display:block;}
.gnbWrap .gnbArea h1 {float:left; margin-top:13px; margin-right:45px;}
.gnbWrap .gnbArea h1 a {display:block;}
.gnbWrap .gnbArea h1 a img {max-width:100%;}
.gnbWrap .gnbArea h1 a img.white {display:none;}



.moreLogin {border:1px solid #457ae4; background: #457ae4; min-height: 50px !important;}
.moreLogin ul li{ border-bottom:1px solid #fff;}

.moreLogin ul li a  {color:#fff; padding:5px 0px; display: block !important; padding-left:10px;}

.loginout_wrap { float:right; padding-top:3px; margin-left:5px;}
.loginout p a {border:1px solid #727a95; border-radius: 100px; padding:3px 7px 5px 25px; color:#fff; font-weight: 500; font-size:0.9rem; background:#727a95 url(../images/loginout_icon.png) 4% 50% no-repeat;}
.loginout p a:hover {background:#374368 url(../images/loginout_icon.png) 4% 50% no-repeat;}


.gnbWrap #gnb{position: relative; width: 850px; text-align: left;  max-width:100%;margin: 0px auto 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} 
.gnbWrap #gnb .nav { height: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  text-align: center;}

.gnbWrap #gnb .menuDepth1 { /*float: left;*/ position: relative; width: 150px; display: inline-block;}
.gnbWrap #gnb .menuDepth1 > a {display: block;font-size: 1.0rem;height: 35px;padding: 17px 0;text-align: center;margin-top: 15px;box-sizing: border-box;color: #464646;font-weight: 500;line-height: 0px;border-radius: 500px;border: 2px solid #8978d4;background: #ffffff;}
.gnbWrap #gnb .menuDepth1 > a:hover{color:#8978d4;}
.gnbWrap #gnb .menuDepth1 .menuDepth2 { overflow: hidden; height: 0; opacity: 0;padding: 15px 15px 0 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-top:17px; border-right:1px solid #e1e1e1;}

.gnbWrap #gnb .menuDepth2 li a{display:block;font-size:1rem;font-weight:normal;color:#333;padding:15px 0 0 5px;background:url(../images/icon_whitedot2x2.gif) no-repeat left 24px; padding-left:8px;}
.gnbWrap #gnb .menuDepth2 li a:hover{color:#8cff79; text-decoration:none;box-size:border-box;background:url(../images/icon_yellowdot2x2.gif) no-repeat left 24px;}
.gnbWrap #gnb .menuDepth1 .menuDepth2 .depth3 { display: none; }
.gnbWrap #gnb .menuDepth1:first-child .menuDepth2 { border-left: 1px solid #e1e1e1; }


/*
.gnbWrap #gnb:before { position: absolute; left: 50%; top: 70px; z-index: -1; width: 1000%; height:100%;  margin-left: -500%; background: url("../images/sub/gnb_bg.gif") no-repeat center bottom #fff; content: '';}
.gnbWrap #gnb.active .nav { height: 250px; }
.gnbWrap #gnb.active .gnbArea { height: 250px; }
.gnbWrap #gnb.active .menuDepth2 { height: 235px; opacity: 1;}
.gnbWrap #gnb.active .on .menuDepth2 { background-color: #7864b5; }
.gnbWrap #gnb.active .on .menuDepth2 a { color: #fff; }
.gnbWrap #gnb.active .on .menuDepth2 a:hover {color: #FFF73A; }
.gnbWrap #gnb.active:before { border-top: 0px solid #eee; border-bottom: 0px solid #eee;}
.gnbWrap .mask {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter:alpha(opacity=80); opacity:0.8; z-index:50; }
*/



/* 모바일 메뉴 */
.mobile_gnb{display:none;}

.hamburger .line{width:30px; height:2px; background-color:#fff; display:block; margin:8px auto; transition:all .3s ease-in-out;}
.hamburger .line:nth-child(2){ width:20px; margin:8px 0;}
.ir .txt_s,.ir h4{margin-bottom:10px;}
.hamburger:hover{cursor:pointer;}
#hamburger-1.is-active .line:nth-child(2){opacity:0;}
#hamburger-1.is-active .line:nth-child(1){transform:translateY(10px) rotate(45deg)}
#hamburger-1.is-active .line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}

.hamburger_pc .line{width:30px; height:2px; background-color:#fff;/* background-color:#4b4e5b; */ display:block; margin:8px auto; transition:all .3s ease-in-out;}
.hamburger_pc .line:nth-child(2){ width:20px; margin:8px 0;}


/* PC_footer */
.footer {border-top: 1px solid #cecece;width: 1240px;margin: 0 auto;}
.footerMenuWrap {width:1000px; margin:0 auto; padding-bottom:15px;border-bottom:1px solid #e1e1e1;}
.footerMenuWrap ul li {float:left; width:156px; margin-top:15px;}
.footerMenuWrap ul li a {display:block;color:#666;font-size:0.75rem;font-weight:500;font-family:"NotoSans",sans-serif;background:url('../image/bul/bul_triangle_lg.png') no-repeat right center;}
.footerMenuWrap ul li a:before {content:"|";color:#e8e8e8;padding: 0 12px;}
.footerMenuWrap ul li:first-child a:before {content:"";padding:0;}

.footerSubWrap {float:left; position:relative; margin-bottom:30px;}
.footerSubMenu {margin-top:25px;}
.footerSubMenu li {float:left;}
.footerSubMenu li a {display:block;color:#fff;font-size:0.8125rem;font-weight:500;font-family:"NotoSans",sans-serif;}
.footerSubMenu li a:before {content:"|";color:#e8e8e8;padding: 0 12px;}
.footerSubMenu li:first-child a:before {content:"";padding:0;}
.footerLinkWrap {float:right;position:relative;margin-bottom:30px;}
.footerArea {background: #fff; color:#bfbfbf; font-size:0.75rem;}
.footer_SubWrap_all {width:1000px; margin:0 auto; background: #fff; min-height: 40px;}


/* 컨테이너 */
.container{overflow: hidden;clear: both;min-height: 800px;width: 1240px;margin: 0 auto;}
.main_tit_text{font-size:1.667rem; line-height: 54px;}
.main_tit_text strong{font-size:3rem;}
.main_tit_text strong color{color: #7947e9;}

/* 푸터 영역 */
.footerInfo{color: #797979;}
.footerInfo h4 {float:left; margin-right: 25px;} /* 20191118 */
._jumpMenuWrap  .sitelink							{display: inline-block; width: 100%; margin-top:4px;} /* 20191118 */
._jumpMenuWrap  .sitelink > li					    {position:relative; margin-bottom:3px; display: inline-block; width: 95px; vertical-align:top; color:#fff;} /* 20191118 */
._jumpMenuWrap  .sitelink > li a				    {display: block; height: 34px; line-height: 35px;  text-align: center; background: #969696; border-radius: 3px; border:1px solid #929292; font-size:12px;}
._jumpMenuWrap .sitelink > li > button			    {position: relative; color: #767676; font-size: 12px; font-weight: 400; text-align: center; width: 100%; height: 35px; background: #515151; color:#fff; border-radius: 3px; border:1px solid #1d1d1d; padding-right:10px;} /* 20191118 */
._jumpMenuWrap .sitelink > li > button:after        {content: '';display: block;width: 14px;height: 8px;position: absolute;right: 5px;top: 13px; background: url('../images/layout/arrow_up.png') left top no-repeat;transition: all 0.3s ease;} /* 20191118 */
._jumpMenuWrap .sitelink > li._on > button          {background-color: #444; color: #e7e7e7;}
._jumpMenuWrap .sitelink > li._on > button:after {transform: rotate(180deg);}
._jumpMenuWrap  .list								{display: none;width: 130%;max-height: 500px;overflow-y: auto;position: absolute;bottom:40px;background-color: #535353;box-sizing: border-box;padding: 10px 5px 3px 5px;}  /* 20191118 */
._jumpMenuWrap  .sitelink > li._on .list			{display: block;}
._jumpMenuWrap .list dt:first-child				 {border-top: 0; padding-top: 0;}
._jumpMenuWrap .list dt								{color: #ffdd2a;font-size: 14px;padding-bottom: 10px;font-weight: 400;}
._jumpMenuWrap .list dd								{margin: 7px 0;}
._jumpMenuWrap .list dd a							{color: #fff;font-size: 12px;text-align: left;font-weight: 400;height: 25px;line-height: 17px;border:none;}  /* 20191118 */
._jumpMenuWrap {position: absolute; top:0px; right:0px;}
._jumpMenuWrap ul {}
._jumpMenuWrap p {float:left;}

.footerInfo address {font-size:0.8rem;letter-spacing: -0.5px;} /* 20191118 */
.footerInfo p {font-size:0.8rem;letter-spacing: -0.5px;} /* 20191118 */

.footer_SubWrap_all {width:100%; background: #fff;  padding:12px 0px 0px 0px; max-width: 1200px; margin:0 auto;} 
.footerMenuWrap {width:1200px; margin:0 auto; padding-bottom:15px;border-bottom:1px solid #e1e1e1;}
.footerMenuWrap ul li {float:left; width:156px; margin-top:15px;}
.footerMenuWrap ul li a {display:block;color:#666;font-size:0.75rem;font-weight:500;background:url('../../images/peis/bul/bul_triangle_lg.png') no-repeat right center;}
.footerMenuWrap ul li a:before {content:"|";color:#e8e8e8;padding: 0 12px;}
.footerMenuWrap ul li:first-child a:before {content:"";padding:0;}

.footerSubWrap {max-width:1200px; width:100%; margin:0 auto; position:relative; font-size:0.8125rem;} /*20190625 수정*/ 
.footerArea {background: #fff; padding-top:2px; padding-bottom: 11px;}