@charset "UTF-8";


/* top */
header{
	height: 786px;
}
header .main-bg {
	width: 100%;
	min-width: 1394px;
	height: 100%;
	background:url("/images/gr/main/mainBg_2.jpg")no-repeat 100% center;
	background-size: cover;
}
.topBg{
	width: 100%;
	margin: 0 auto;
}
.topBg .topBgTit{font-size: 53px;color: #fff;line-height: 84px;width: 1300px;margin: 0 auto;font-weight: 600;height:529px;font-family: 'NotoSansKR';}
.line{
	width: 100%;
	min-width: 1394px;
	height: 63px;
	position: absolute;
	background: #fff;
}
.bgTxt{
	display: block;
	font-size: 35px;
	margin-top: 80px;
}
.bgTxt1{
	display: block;
	font-size: 60px;
	color: #ffe003;
	margin: 12px 0 36px 0;
}
.bgTxt2{
	font-size: 20px;
	display: inline-block;
	color: #f6f6f6;
	font-weight: 400;
	width: 34%;
	line-height: 38px;
}

.section{
	width: 1300px;
	height: 100%;
	margin: 0 auto;
	margin-top: 80px;
}
.slideshow-container{
	max-width: 950px;
	position: relative;
	margin: auto;
	margin-top: 128px;
}
.slideshow-container img{padding-left: 40px;margin: 3px 30px 0 0;}
.slideshow-container .mySlideDiv{vertical-align:middle;color: #fff;font-size: 19px;}
.slideshow-container span.companyNam{margin: 0 57px 0 0;width: 160px;display: inline-block;line-height: 28px;}
.slideshow-container em.companySum{width: 360px;line-height: 28px;}
.slideshow-container .prev{top: 44px;position: absolute;color: #fff;cursor: pointer;}
.slideshow-container .next{top: 44px;position: absolute;color: #fff;cursor: pointer;right:0;}


/* effect */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}


/* 탑메뉴 */
.txt_bold{font-weight:bold;}
.hidden {display:none;}
.hide {position:absolute;left:-9999px;top:0;width:1px;height:1px;font-size:0 !important;line-height:0 !important;overflow:hidden;}
#header_tnb_bg{width:100%;min-width:1280px;height:190px; background:url('../images/tnb_bg_repeat.jpg') repeat-x;border-bottom: 1px solid #dedede;}
#header_tnb_bg:hover{background-color:#14340f;}
#header_wrap{position:relative; width:1300px; margin:0 auto;}

#tnb_ul_cs{position:absolute; left:0; top:10px;color:#fff;font-weight:bold}
#tnb_ul_cs:after{display:block;visibility:hidden;clear:both;content:""}
#tnb_ul_cs span.bg_cs{font-weight:normal;padding:0 3px; display: inline-block;}
#tnb_ul{
	position:absolute;
	right:0;
	top: 10px
}
#tnb_ul:after{display:block;visibility:hidden;clear:both;content:""}
#tnb_ul li{float:left; margin:10px 15px 0 0;}
#tnb_ul li.last{float:left; margin:0;width:160px;text-align:center;background:#ff5b19;line-height:36px;}
#tnb_ul li.last.col{background:#0077b4;}
#tnb_ul li a {color: #364d15;font-size: 12px;font-weight:bold;}
#tnb_ul li.last a{color:#fff;font-size:1.063em;font-weight:bold;vertical-align: middle;}
#header_logo{position:absolute; left:0; top:0;}
#header_logo img{height: 43px;margin-top: 11px;}

#gnb_ul{position:absolute; right:4px; top:100px; width:1240px;line-height:25px;font-family:'NotoSansKR';}
#gnb_ul:after{display:block;visibility:hidden;clear:both;content:""}
#gnb_ul li:first-child {margin-left: 27px;margin-right: 6px;}
#gnb_ul li{position:relative; float:left; margin-left:100px; padding-bottom:37px;width:210px;height: 89px;line-height:50px;}
#gnb_ul li.lastMu{margin-left: 30px;float: left;width: 84px;}
#gnb_ul li a{font-size:1.2em;letter-spacing:-0.025em;color:#fff; }
#gnb_ul li a:hover{font-size:1.2em;letter-spacing:-0.025em;color:#edbb25;}
#gnb_ul li.gnb_depth1_last{margin-left:10px;}
.gnb_blank_icon{position:absolute; right:-15px; top:0;}

#all_menu_wrap{position:absolute; left:0; top:180px; width:100%; min-width:1280px; height:295px; z-index:100; background:#fffefb;display:none;}
#all_menu_ul{line-height: 27px;margin: 0 auto;width: 1185px;}
#all_menu_ul:after{display:block;visibility:hidden;clear:both;content:"";}
#all_menu_ul li{width:400px;}
#all_menu_ul li.marginL20{margin-left: 20px;}
#all_menu_ul li ol.dropL, #all_menu_ul li ol.dropL_01{display: none;}
#all_menu_ul li ol.dropL ol{margin: -13px 0 0 26px;}
#all_menu_ul li ol.dropL_01 ol{margin: -13px 0 0 26px;}
#all_menu_ul li.subM ol{margin: -12px 0 6px 26px;line-height: 20px;}
#all_menu_ul li.subM_01 ol{margin: -12px 0 6px 26px;line-height: 20px;}
#all_menu_ul li.am_depth1{float:left}
#all_menu_ul li.am_depth1{padding:0px 0px 0 26px;height:295px;width: 268px;}
#all_menu_ul li.am_depth1_hover{background: #d9d9d9;}
#all_menu_ul li.am_depth1_2nd{padding: 0 16px 0 48px;width:248px;}
#all_menu_ul li.am_depth1_3nd{padding: 0 38px 0 47px;width:224px;}
#all_menu_ul li.am_depth1_4nd{padding: 0 33px 0 48px;}
#all_menu_ul li.am_depth1_5nd{padding: 0 40px 0 47px;width:136px;}
#all_menu_ul li.am_depth1_6nd{padding: 0 10px 0 39px;width:111px;}

#all_menu_ul li.am_depth1 ol li:first-child {margin-top:9px;}
#all_menu_ul li.am_depth1 ol li a{color:#666; font-size:0.9em;margin-left:-4px;letter-spacing:-1px;}
#all_menu_ul li.am_depth1 ol li a:hover{color:#333; font-weight:600}

#gnb_bg{display:none; position:absolute; left:0px; top:120px; width:100%; min-width:1280px; height:305px; z-index:10; background:#fff;}


/*서브탭메뉴*/
ul.tabs{margin: 0 0 160px 0;padding: 0px;list-style: none;}
ul.tabs li{background: #fff;color: #222;display: inline-block;text-align:center;cursor: pointer;width:50%;float:left;line-height:37px;font-size:16px;}
ul.tabs li.current{background: #202356;color: #000;font-weight: 600;text-align: center;float: left;height: 3px;}

.tab-content{display: none;background:none;}
.tab-content.current{display: inherit;}


/*버튼*/
.btnDown{font-size: 15px;padding: 13px 40px;background: #122545;border: 1px solid #ddd;border-radius: 28px;float: right;margin-top: -93px;font-weight: bold;color: #fff;}
.btnDown1{font-size: 12px;border: none;background: #255e4b;padding: 6px 20px;border-radius: 56px;color: #fff;}
.btnDown1.re{vertical-align: bottom;}
.btnDown1.re1{width:140px;}


/*footer*/
footer{
	min-width: 1394px;
	background: #ebebeb;
	height: 100px;
	vertical-align: middle;
	padding: 32px 0;
	margin-top:25px;
}
.address{margin:0 auto;width:1300px;}
.address div.ftDiv{float: left;}
.address div.ftDiv.re{margin: 15px 0 0 -6px;}
.address img{width: 320px;display: inline-block;margin: 20px 0;}
.address span{display: inline-block;margin: -17px 0 0 101px;line-height: 34px;color: #5a5a5a;}
.address em{font-size: 13px;color: #9e9191;display: block;margin: 9px 0 0 101px;}



/*페이징*/
.pagination{width:620px;margin: 0 auto;margin-bottom:130px;}
.pagination ul li{float: left;background: #144623;width: 30px;height: 30px;margin-right: 10px;border-radius: 30px;vertical-align: top;}
.pagination ul li.next{margin-left: 30px;}
.pagination ul li.next a{font-size:0;width: 25px;height: 23px;display: block;background: url('/images/gr/subImg/icon_05.png') no-repeat;background-position: 11px 7px}
.pagination ul li.prev{margin-right: 30px;}
.pagination ul li.prev a{font-size:0;width: 21px;height: 25px;display: block;background: url('/images/gr/subImg/icon_06.png') no-repeat;background-position: 8px 7px}
.pagination ul li.first a{font-size:0;width: 20px;height: 22px;display: block;background: url('/images/gr/subImg/icon_08.png') no-repeat;background-position: 7px 6px}
.pagination ul li.last a{font-size:0;width: 25px;height: 23px;display: block;background: url('/images/gr/subImg/icon_07.png') no-repeat;background-position: 7px 6px;}
.pagination ul li a{color: #fff;font-size:13px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.pagination a.active {background-color:#f8a154;color: white;}


/* 하단 */
.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em;background: none;cursor: pointer;text-transform: none;text-shadow: none;border:none;vertical-align: middle;}
.img_comn {background-image:url('/images/gr/main/img_comn.png');background-repeat:no-repeat}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto;}
#foot_banner {overflow:hidden;position:relative; height:65px; width:1300px; margin:10px auto; }
#foot_banner .bx-viewport {margin-left:54px !important;}
#foot_banner h3 { position:absolute; top:31px; left:0px; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:10px 0 0 92px;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px ; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:22px;left:50px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -266px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:46px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:46px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}



/*공통*/
.lineH40{line-height:40px;}
.lineH25{line-height:25px;}
.lineH20{line-height:20px;vertical-align: middle;padding: 10px 12px;}
.lineH42{line-height:42px;}
.lineHeight100{vertical-align: middle;line-height: 26px !important;}

.vertical6{height: 55px;}
.verticalM{vertical-align: middle;}
.marginBt-4{margin-bottom: -4px;}
.left{text-align: left;padding-left: 50px;}
.right{text-align: right;}
.center{text-align:center;}
.displayIB{display: inline-block}
.marginT{margin-top: 30px;}
.box{margin-left: 35px;background: #fff;color: #555;padding: 5px 21px;border-radius: 3px;}
.fleft{float: right;padding-right: 75px;font-size: 15px;}
.space{margin: 0 0 0 20px;line-height: 30px}
.left{text-align: left;padding-left: 12px;line-height: 20px;}

.bold{font-weight: bold}
.subBg{background: #005930;}
.point{width: 10px;height: 10px;background: #165c44;border-radius: 8px;margin-right: 10px;}
.point2{background: #255e4b;width: 60px;height: 33px;border-radius: 16px;padding: 0 0 0 25px;color: #fff;font-weight: bold;margin-right: 12px;}
.point3{font-size: 15px;margin: 16px 0 61px 0;padding: 10px 20px;}

.blue{padding: 22px;margin: 20px 0;text-align: center;background: #255e4b;color: #fff;font-weight: bold;border-radius: 5px;}
.green{background: #b1ef9a;}
.yellow{background: #ffce9b;}
.skyblue{background: aliceblue;}
.red{color:#f00;font-weight:700;}
.colorBlue{color: #0b57d0;}

.borderLf{border-left: 1px solid #ececec !important;height: 42px}

small{font-size:13px;}
strong{font-size:18px;font-weight:bold;color: #002078;}
strong.subsidiary{margin-right: 25px;}

.bold55{font-size:55px;font-weight:bold;}
.bolderL{border-left: 1px solid #ddd;}
.bolderR{border-right: 1px solid #ddd;}

.fontSize16{font-size:16px;}


select {
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}














