@charset "utf-8";
/* common */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
*,html,body{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif}
body,html{height:100%;} /* _color */
#pc{width:100%;min-width:1160px;}
#ie6{display:none}
.pc_width{width:1160px;min-width:1160px;margin:0 auto}
.blind {position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:"";}
.lft {float:left;}
.rgt {float:right;}

#pc{background-repeat:no-repeat;}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation,.skip_navigation ul{height:0}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* header */
#header{height:110px;margin:0 auto;background:#fff;}
#header .header_in{position:relative}
#header h1{position:absolute;left:0;top:0}

/* nav (세부사항은 _color 에서 수정) */
.gnb {float:right;margin-top:0px;position:relative;z-index:2000;}
.gnb img{float:left;}
.gnb:after{content:"";display:block;clear:both}
.gnb a{display:block; text-decoration:none; font-size:20px}
.gnb li{position:relative; z-index:20;float:left}
.gnb > li > a{line-height:110px;}
.gnb li a:hover,.gnb > li:hover > a{}
.gnb ul{position:absolute;top:110px;left:10px;width:170px;display:none;opacity:0;list-style:none;background:url(../_images/pc/bg_lnb.png) repeat-y bottom right}
.gnb ul li{position:relative}
.gnb ul li a{display:block;width:130px;padding:10px 20px;font-size:14px}
.gnb ul li a:hover{}
.gnb ul ul{left:200px;top:-1px}
.gnb ul img{margin:0 0 0 40px;float:left}
#gnb_all{position:absolute;right:10px;top:0;z-index:220;}

/* 로그인 버튼등 */
#topArea{width:100%;height:50px;overflow:hidden;font-size:15px;background:#e6e6e6;}
#topArea a{color:#515151}
#topArea .header_left{float:left;zoom:1}
#topArea .header_left:after{display:block;content:"";clear:both}
#topArea .header_left li{position:relative;float:left;padding:0 20px 0 20px;line-height:50px;}
#topArea .header_left li:after{position:absolute;left:0;top:19px;width:1px;height:12px;background:#515151;display:block;content:"";clear:both}
#topArea .header_left li.first{padding:0 20px 0 0px;}
#topArea .header_left li.first:after{display:none;}
#topArea .header_left li.btn_call{padding-left:25px;background:url(../_images/pc/header_call.png) no-repeat 0px center;font-size:18px;font-weight:bold;}
#topArea .header_left li.btn_map{padding-left:40px;background:url(../_images/pc/header_map.png) no-repeat 20px center}
#topArea .header_left li.btn_kakao{padding-left:42px;background:url(../_images/pc/header_kakao.png) no-repeat 20px center}
#topArea .header_right{float:right;zoom:1}
#topArea .header_right:after{display:block;content:"";clear:both}
#topArea .header_right li{float:left;padding:0;line-height:49px;}
#topArea .header_right a{display:block;color:#fff}
#topArea .header_right li.btn_home a{padding:0 20px 0 20px;background:url(../_images/pc/header_home.png) no-repeat 0px center}
#topArea .header_right li.btn_contact a{padding:0 20px 0 20px;background:url(../_images/pc/header_contact.png) no-repeat 0px center}
#topArea .header_right li.btn_counsel a{padding:0 20px 0 20px;background:url(../_images/pc/header_counsel.png) no-repeat 0px center}
#topArea .header_right li.btn_login a{padding:0 20px 0 20px;background:url(../_images/pc/header_login.png) no-repeat 0px center}
#topArea .header_right li.btn_logout a{padding:0 20px 0 20px;background:url(../_images/pc/header_logout.png) no-repeat 0px center}
#topArea .header_right li.btn_mypage a{padding:0 20px 0 20px;background:url(../_images/pc/header_mypage.png) no-repeat 0px center}
#topArea .header_right li.btn_bookmark a{padding:0 20px 0 20px;background:url(../_images/pc/header_bookmark.png) no-repeat 0px center}
#topArea .header_right li.btn_blog a{padding:0 20px 0 20px;background:url(../_images/pc/header_blog.png) no-repeat 0px center}



/* 메인이미지 */
.mainVisual {position:relative;width:100%;height:600px;overflow:hidden;}
.mainVisual li {float:left;}
.mainVisual li .img {float:left;width:100%;z-index:1;}
.mainVisual li .img.mobile {display:none;}
.mainVisual li.group{position:relative;}
.bx-controls {}
.bx-controls .bx-pager {position:absolute;bottom:130px;left:0;width:100%;text-align:center;}
.bx-controls .bx-pager .bx-pager-item {position:relative;display:inline-block;margin:0 5px;z-index:100;}
.bx-controls .bx-pager .bx-pager-item a {display:inline-block;width:11px;height:11px;background:none;border:2px solid #fff;font-size:0;color:transparent;border-radius:10px;}
.bx-controls .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,1);border:2px solid #fff;}
.bx-controls .bx-controls-direction {position:absolute;top:50%;left:0;width:100%;height:0;z-index:100;}
.bx-controls .bx-controls-direction a {width:41px;height:41px;position:absolute;top:0;font-size:0;color:transparent;margin-top:-30px;}
.bx-controls .bx-controls-direction a.bx-prev {left:30px;background:url(../_images/pc/btn_iprev.png) no-repeat;}
.bx-controls .bx-controls-direction a.bx-next {right:30px;background:url(../_images/pc/btn_inext.png) no-repeat;}
/* IE8 only */  
@media \0screen {
.bx-controls .bx-pager .bx-pager-item a {background:#e2d2b3;border:1px solid #d0bd97;}
}  

/* 메뉴전체보기 */
#nav_box{display:none;width:100%;padding:40px 0 40px;position:absolute;left:0;top:160px;z-index:220;background:#fff;;border-bottom:1px solid #E8E8E8}
#nav_box li{width:211px;height:250px;padding-left:20px;float:left;border-right:1px dashed #E8E8E8;}
#nav_box li li{height:auto;border:none;padding:0;}
#nav_box li a{font-size:20px;line-height:50px;color:#a31c20}
#nav_box li li a{font-size:14px;line-height:25px;color:#222}
div#glayLayer{display:none;position:fixed;left:0;top:0;z-index:210;width:100%;height:100%;background:#222222;filter:alpha(opacity=50);opacity:0.5}
* html div#glayLayer{position:absolute}

.mainBan{overflow:hidden;}
.mainBan .tit{text-align:center;margin:90px auto 50px;}
.mainBan ul.pc_width{margin:0 auto;}
.mainBan ul.pc_width li{float:left;width:290px;}
.mainBan ul.pc_width li img{float:left;}
.mainBan ul.pc_width a{*zoom:1;}
.mainBan ul.pc_width a:after{display:block; clear:both; content:"";}

.btmBan{background:url(../_images/pc/btmBan_bg.jpg) no-repeat top center;margin:50px auto 40px;padding-bottom:50px;overflow:hidden;}
.btmBan .tit{display:block;text-align:center;padding:80px 0 40px;}
.btmBan ul.pc_width{margin:0 auto;}
.btmBan ul.pc_width li{float:left;width:290px;}
.btmBan ul.pc_width li img{text-align:center;}
.btmBan ul.pc_width a{*zoom:1;}
.btmBan ul.pc_width a:after{display:block; clear:both; content:"";}

.btmBoard{text-align:center;}
.btmBoard li.inBox{float:left;margin:20px 0 20px 10px;}
.btmBoard li.inBox.first{margin-left:0;}
.btmBoard li.board{position:relative;width:378px;height:208px;padding:0;float:left;background:#fff;border:1px solid #ececec;overflow:hidden;}
.btmBoard li.board img{float:left;}
.btmBoard li.board .tit{position:relative;}
.btmBoard li.board .moreBtn{position:absolute;right:20px;top:25px;}
.xe-widget-wrapper{margin-top:75px;text-align:left;}
.xe-widget-wrapper a.title{font-size:14px;color:#383838;padding-left:30px;line-height:30px;}

/* aside */
#aside{width:200px;position:absolute;top:0;z-index:200;}
#aside.fixed{position:fixed;top:20px;}
#aside .snb_title{width:200px;height:100px;font-size:14px;font-weight:bold;padding:0}
.snb{width:200px;*zoom:1}
.snb:after{display:block;content:"";clear:both}
.snb > li{width:200px;height:50px;line-height:50px;float:left; background:url(../_images/pc/bg_snb.jpg) no-repeat;border-top:1px solid #e4e4e4;}
.snb > li.on{background:url(../_images/pc/bg_snb_ov.jpg) no-repeat;}
.snb > li.on a{;color:#fff !important;}
.snb > li.on a:hover{;color:#fff !important;}
.snb li a{font-size:14px;position:relative;display:block;padding-left:20px;line-height:50px;color:#434343 !important} /* _color */
.snb li a:hover{color:#13307b !important}
.left_banner{margin-top:0px;}
.left_banner li{float:left}
.left_banner li img{float:left}

.subVisual{width:100%;height:105px;padding-top:65px;margin:0 auto;background:url(../_images/pc/subimg.jpg) no-repeat fixed;background-position:center top;}
.subVisual h2{font-size:23px;color:#fff;text-align:center;font-weight:normal;}
.subVisual h3{font-size:16px;font-weight:normal;line-height:3em;color:#fff;}

/* content */
.breadclumb{height:30px;font-weight:normal}
.breadclumb *{font-style:normal;font-size:11px;font-family:'돋움',Dotum;line-height:30px;color:#8f9699 !important}
.breadclumb a{display:block;float:left;text-decoration:none;padding:0 3px}
.breadclumb a:first-child{background:url(../_images/pc/ico_home.png) no-repeat left center;padding-left:20px}
.breadclumb span{font-size:8px}
#content_out{position:relative;width:1160px;margin:20px auto 0;}
#content{width:1160px;min-height:330px;padding:0;}
#content .conTit{width:100%;height:94px;border-bottom:1px solid #e4e4e4;margin-bottom:30px;}
#content .conTit span{display:inline-block;font-size:20px;line-height:94px;border-bottom:1px solid #394ea2;color:#394ea2;}

/* footer */
#footer_out{width:100%;min-width:1160px;margin-top:30px;background:#e9ebee;color:#404040;font-size:14px;}
#footer_out .inner{border-bottom:1px solid #dddddd;}
#footer_out .footerBtn{}
#footer_out .footerBtn li{float:left;margin-right:30px;}
#footer_out .footerBtn li a{color:#404040;line-height:60px;}
.footer{position:relative;line-height:25px;width:1160px;margin:0 auto;padding:50px 0;}
.footer .add{}
.footer .add span{color:#838383 !important}
.footer .add img{float:left;margin:0 50px 0 0}
.footer .add p{float:left;}

/* top버튼 */
.btn_top{display:none;position:fixed;left:50%;bottom:60px;z-index:2000;margin-left:590px}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1160px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#fff;border:1px solid #222;font-size:40px;font-weight:bold;text-align:center;color:#222 !important;border-radius:10px}


@media screen and (max-width:1300px) {
}