@charset "utf-8";
@import url(nanumgothic.css);
img {border:0px;}

html { font-family: 'Nanum Gothic', 'Dotum'; }

#wrap { position:relative; max-width: 2500px; min-width: 1200px; margin:auto; }
.guide { width: 1200px; margin: auto; }
.highlight { color: #f68b1f; }

#header { position:absolute; top:0; width:100%; height: 90px; border-bottom: solid 1px #737c85; z-index: 999; }
#header .top_menu {}
#header .top_menu .logo { float:left; position:absolute; top: 50%; margin-top: -14.5px; }
#header .top_menu #gnb { float:right; }
#header .top_menu #gnb > ul > li { position: relative; float:left; padding: 0 30px; font-size: 15px; line-height: 90px; }
#header .top_menu #gnb > ul > li > a { color: #fff; }
#header .top_menu #gnb > ul > li > ul { position: absolute; width: 1000px; left: 50%; top: 100%; display: none; color: #fff; text-align: center; line-height: 5em; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#header .top_menu #gnb > ul > li > ul > li { display: inline-block; padding: 0 30px; }

#visual { }
#visual > div { }
.main_visual { position: relative; height: 620px; }
.main_visual > .main_visual_bg { position: relative; z-index: 1; height: 520px; overflow: hidden; }
.main_visual > .main_visual_bg > .main_visual_bg_img { position: absolute; width: 1920px; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.main_visual > .guide { position:absolute; top: 0; left: 50%; width: 1200px; height: 620px; margin-left: -600px; z-index: 50; }
.main_visual > .guide img { position:absolute; }
.main_visual > .guide img.main_visual_img01 { left: 0; bottom: 20px; width: 0; opacity: 0; }
.main_visual > .guide img.main_visual_img02 { right: 0; bottom: 160px; }


/* example*/
.example {width: 100%;/* max-height: 150px; */padding: 3% 0;box-sizing: border-box;}

.gallery_wrap { position: relative; margin: 0 auto}
.gallery_list { overflow: hidden; position: relative; }
.gallery_list > div { width: 100%; }
.gallery_list .slick-slide { margin: 0 20px; width: 250px; height: 100%; }
.gallery_list .slick-slide .latest-thumb img { height: 100%; }

.btn_list > a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 39px; height: 47px; font-size: 0 }
.btn_list .prev { background-image: url(../img/arrowLeft.png); background-repeat: no-repeat; left: -45px; }
.btn_list .next { background-image: url(../img/arrowRight.png); background-repeat: no-repeat; right: -45px; }

/* end : 20200401 add kgy*/







.sub_visual { height: 425px; background: url(../img/sub_visual.jpg) top center no-repeat; }
.sub_visual > div { position:relative; width: 1200px; height: 425px; margin: auto; }
.sub_visual > div img { position:absolute; }
.sub_visual > div img.sub_visual_img01 { right: 0; bottom: -20px; }

.cont01_0022 { background-color: #f7f7f7; padding: 80px 0; }
.cont01_0022 .ct_center_wrap { position: relative; float:left; width: 425px; height: 200px; background:url(../img/ct_center_bg.png) no-repeat; padding: 36px 30px 0 30px; }
.cont01_0022 .ct_center_wrap p { font-size: 16px; color: #fff; font-weight: 800; margin-bottom: 40px; }
.cont01_0022 .ct_center_wrap .tel { padding-left: 70px; color: #fff; font-weight: 800; font-size: 48px; line-height: 50px; }
.cont01_0022 .ct_center_wrap .phone { background: url('../img/ct_center_phone.png') left center no-repeat; }
.cont01_0022 .ct_center_wrap .cell { background: url('../img/ct_center_cell.png') left bottom 1px no-repeat; margin-top: 8px; padding-top: 8px; border-top: solid 1px rgba(255, 255, 255, 0.5); }
.cont01_0022 .ct_center_wrap .ct_center_detail { position: absolute; top: 24px; right: 20px; font-size: 15px; color: #fff; line-height: 200%; background-color: #144b6f; padding: 0 10px; }
.cont01_0022 .banner_wrap { float:right; }
.cont01_0022 .banner_wrap ul li { position: relative; float:left; width: 232px; height: 210px; border-right: solid 1px #e4e4e4; text-align: center; }
.cont01_0022 .banner_wrap ul li:last-child { border-right: none; }
.cont01_0022 .banner_wrap ul li > a { position: absolute; width: 100%; height: 190px; top: 20px; left: 0; }
.cont01_0022 .banner_wrap ul li img { margin-bottom: 35px; }
.cont01_0022 .banner_wrap ul li p { margin-bottom: 20px; font-size: 20px; color: #696969; font-weight: 800; }
.cont01_0022 .banner_wrap ul li div { font-size: 12px; color: #848484; line-height: 150%; }

.cont02_0022 { background: url(../img/0022_cont02_bg.jpg) center center no-repeat; text-align: center; color: #fff; padding: 80px 0; }
.cont02_0022 h1 { font-size: 60px; font-weight: 600; }
.cont02_0022 p { font-size: 30px; margin: 30px 0; }
.cont02_0022 .cont02_detail { font-size: 12px; color: #bfbfbf; line-height: 150%; }
.cont02_0022 .btn_area { margin-top: 45px; }
.cont02_0022 .btn_area button { width: 218px; height: 51px; border: solid 1px #f68b1f; color: #f68b1f; margin-right: 45px; }
.cont02_0022 .btn_area button:last-child { margin-right: 0; }

.main_latest { border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; overflow: hidden; }
.main_latest li { float:left; min-height: 150px; padding: 40px; border-right: solid 1px #e4e4e4; }
.main_latest li p { font-size: 20px; color: #696969; }

/*********************/
/******** SUB ********/
/*********************/
#contents { margin:0 auto; overflow:hidden;}
.sub_contents { padding: 20px 0 70px; min-height: 400px; }
#subcontent { width: 100%; }

.bigtitle {font-size:25px; color:#f68b1f; font-weight: bold; border-bottom:solid 2px #f68b1f; height:40px;}
.subtitle {font-size:36px; color:#494949; font-weight: 600; text-align: center; margin-bottom: 50px; }

/*sub0101*/
#sub0101_wrap {height:450px; position: relative;}
.sub0101_img {position: absolute; left:10px;}
.sub0101_text {position: absolute; font-size:15px; line-height: 28px; color:#666666; right:30px;}
.sub0101_name {position: relative; font-size:16px; line-height: 24px; color:#333; padding-top:370px; text-align: right;}
/*sub0101 end*/


/*sub0102*/
#sub0102_wrap {height:570px; position: relative;}
.sub0102_img1 {position: absolute; left:10px;}
.sub0102_img2 {position: absolute; top:330px; right:10px;}
.sub0102_text {position: absolute; top:10px; right:30px;}
.sub0102_text2 {position: absolute; top:370px; left:30px;}

.sub0102_year {font-size:20px; color:#1a2a44; font-weight: bold; margin-bottom:20px;}
.sub0102_month {width:45px; font-size:17px; color:#333; font-weight: bold; float: left; text-align: right; line-height: 35px; margin-right:28px;}
.sub0102_con {font-size:15px; color:#666666; float: right; line-height: 35px;}
/*sub0102 end*/

/*sub0103*/
.address {width:1200px; margin-bottom: 15px;}
.address ul li{float: left; display:block; margin-right:15px; font-size:15px; color:#737476;}
.address li:first-child{color:#1a2a44; font-size:17px; border-right:solid 1px #bcbcbc; width:55px;}
.address:after{content:""; display:block;float:none;clear:both;}
/*sub0103 end*/
/*********************/
/*********************/
/*********************/

#footer { background-color: #333; padding: 20px 0; text-align: center; color: #868686; font-size: 12px; line-height: 150%; }