@CHARSET "UTF-8";

/*인사말*/
.greeting p.txt{display: flex;align-items: center;justify-content: center;width: 100%;height: 230px;font-size:3.8rem;color:#fff;background: url(/nanum/site/builder/dir/main/img/menu4846/greeting_top.jpg) no-repeat 0 0;}
.greeting .txt_wrap{display: flex;margin: -70px 0 0 50px;}
.greeting .txt_wrap .img{width: 200px;height: 290px;box-shadow: 9px 14px 30px rgb(0 0 0 / 30%);}
.greeting .txt_wrap .cont{margin: 120px 0 0 60px;}
.greeting .txt_wrap .cont p:nth-child(n+2){margin-top:20px;}
.greeting .txt_wrap .cont p.tar{font-size:1.9rem;}
.greeting .txt_wrap .cont p.tar strong{font-weight:700;font-size:2.5rem;}


/*주요업무*/
.work ul{display:flex;flex-wrap: wrap;gap: 20px;}
.work ul li{position: relative;width: calc(25% - 15px);border: 1px solid #b3c4f5;box-shadow: 3px 3px 10px rgb(164 185 255 / 40%);padding: 130px 20px 30px;box-sizing: border-box;text-align: center;}
.work ul li:before{content:"";position: absolute;top: 40px;left: 50%;width: 78px;height: 67px;transform: translate(-50%);background-repeat: no-repeat;background-size: cover;}
.work ul li.icon01:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work01.gif);}
.work ul li.icon02:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work02.gif);}
.work ul li.icon03:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work03.gif);}
.work ul li.icon04:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work04.gif);}
.work ul li.icon05:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work05.gif);}
.work ul li.icon06:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work06.gif);}
.work ul li.icon07:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work07.gif);}
.work ul li.icon08:before{background-image: url(/nanum/site/builder/dir/main/img/menu4846/icon_work08.gif);}
.work ul li p{font-weight:700;font-size:2rem;}
.work ul li span{display: block;margin-top: 10px;}


/*연혁*/
.history p.txt{display: flex;align-items: center;justify-content: center;width: 100%;height: 230px;font-size:3.8rem;color:#fff;background: url(/nanum/site/builder/dir/main/img/menu4846/history_top.jpg) no-repeat 0 0;}
.history_cont{ overflow: hidden; position: relative; }
.history_cont::before {content: '';width:1px;height: 100%;background: #dfdfdf;position: absolute;left:50%;top:0;}
.history_cont li {display:flex;justify-content:right;overflow: hidden;position: relative;margin-top: 25px;}
.history_cont li:nth-child(even){justify-content:left;}
.history_cont li .txt {width: 50%; padding: 2% 0 2% 60px;box-sizing:border-box;}
.history_cont li:nth-child(even) .txt {text-align: right; padding: 2% 60px 2% 0; }
.history_cont li .txt .year {color: #4b81ff;font-size: 4.5rem;font-weight: 700;position: relative;line-height: 1.0em;margin-bottom: 0.7em;letter-spacing: 0;}
.history_cont li .txt .year:before {content:'';width: 10px;height: 10px;display: block;position: absolute;left:-60px;top:50%;margin: -10px 0 0 -10px;border-radius: 100%;background: #4b81ff;border: 6px solid #e8f0ff;z-index:2;}
.history_cont li .txt .year:after {content:'';width: 50px;height: 1px;display: block;background: #dfdfdf;z-index:1;position: absolute;left:-60px;top:50%;margin-top: -0.5px;}
.history_cont li:nth-child(even) .txt .year:before,
.history_cont li:nth-child(even) .txt .year:after { left: inherit; right: -60px; }
.history_cont li:nth-child(even) .txt .year:before {margin: -10px -10px 0 0; }
.history_cont li .txt dl{display: flex;flex-direction: column;}
.history_cont li .txt dl + dl {margin-top: 20px;}
.history_cont li .txt dl dt {display:inline-block;vertical-align:top;color: #000000;font-weight: 700;letter-spacing: 0;line-height: 1;}
.history_cont li .txt dl dd {color:#333;line-height: 1.3;margin-top: 7px;}


/*CI소개*/
.ci_bx{border:1px solid #dfdfdf;background:url(/nanum/site/builder/dir/main/img/menu4846/bg_grid.gif) repeat 0 0;}
.ci_bx ul{display:flex;padding: 50px;}
.ci_bx.sero ul{flex-wrap: wrap;}
.ci_bx ul li{display: flex;justify-content: center;width:33.333%;}
.ci_bx.sero ul li:nth-child(n+4){margin-top:40px;}
.col_bx{display: flex;gap:20px;flex-wrap:wrap;}
.col_bx  dl{display: flex;flex-direction: column;justify-content: space-between;width: calc(20% - 16px);height: 200px;color:#fff;padding: 20px;box-sizing: border-box;}
.col_bx  dl.col1{background:#4156a6;}
.col_bx  dl.col2{background:#232020;}
.col_bx  dl.col3{background:#808284;}
.col_bx  dl.col4{background:#b19560;}
.col_bx  dl.col5{background:#bbbec0;}
.col_bx  dl dt{font-size:1.9rem;}
.col_bx  dl dd{font-size: 1.5rem;font-weight:400;line-height: 1.3;letter-spacing: 0;}


/*정관*/
.incor .incor_tit{display: flex;justify-content: center;align-items: center;height:80px;font-size: 2.3rem;color:#fff;background:url(/nanum/site/builder/dir/main/img/menu4846/incor.jpg) repeat 0 0;}
.incor .incor_date{margin-top:40px;}
.incor p.gr_bx{text-align: center;padding: 15px;margin-bottom: 25px;background:#f5f5f5;}


/*찾아오시는길_약도*/
.map_info .adress{background-color:#4156a6;}
.map_info .adress{display:flex;justify-content: space-between;margin-bottom: 50px;padding: 30px;}
.map_info .adress dl{position: relative;padding-left: 80px;}
.map_info .adress dl:before{content:"";position:absolute;left:0;top:50%;width:55px;height:55px;border-radius: 100%;transform: translateY(-50%);background-repeat: no-repeat;background-position: 50% 50%;background-size: 34px auto;background-color:#fff;}
.map_info .adress dl.icon01:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/icon_map01.gif);}
.map_info .adress dl.icon02:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/icon_map02.gif);}
.map_info .adress dl.icon03:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/icon_map03.gif);}
.map_info .adress dl dt{color: #e3e4e5;}
.map_info .adress dl dd{color:#fff;font-size:1.9rem;}
.map_info .traffic .bx{position: relative;padding: 0 0 50px 150px;margin-top: 50px;}
.map_info .traffic .bx:not(:last-child){border-bottom:1px solid #333;}
.map_info .traffic .bx:before{content:"";position:absolute;left:0;top:0;width:100px;height:100px;border-radius: 100%;background-repeat: no-repeat;background-position:0 0;background-size:cover}
.map_info .traffic .bx.icon01:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_traffic01.gif);}
.map_info .traffic .bx.icon02:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_traffic02.gif);}
.map_info .traffic .bx.icon03:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_traffic03.gif);}
.map_info .traffic .bx.icon04:before{background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_traffic04.gif);}
.map_info .traffic .bx.icon01 ul.list:not(:last-child){border-bottom:1px dashed #c3c3c3;padding-bottom: 20px;}
.map_info .traffic .bx ul.list > li > span{display: inline-block;border: 1px solid #dfdfdf;border-radius:30px;padding: 2px 13px;margin-right: 7px;font-weight: 700;background: #efefef;}
.map_info .traffic .bx ul.list > li > ul{display:flex;flex-wrap: wrap;}
.map_info .traffic .bx ul.list > li > ul > li:nth-child(n+2){padding-left: 35px;background: url(/nanum/site/builder/dir/main/img/menu4846/arw_map.gif) no-repeat 11px 50%;} 

/*찾아오시는길_항공*/
.plane{display:flex;flex-wrap:wrap;gap: 20px;}
.plane .list{display: flex;width: calc(50% - 72px);border:1px solid #dfdfdf;padding: 30px;}
.plane .list:nth-child(n+2){/* margin-top:15px; */}
.plane .list p{flex-shrink:0;width: 150px;font-size: 1.9rem;font-weight: 700;}
.plane .list dl{flex: 1;}
.plane .list dl dt{font-weight:700;text-align: center;padding: 9px 0;line-height: 1;background: #f5f5f5;}
.plane .list dl dd + dt{margin-top:20px;}
.plane .list dl dt span{display:block;font-weight:400;font-size:1.5rem;color: #555;margin-top: 7px;}
.plane .list dl dd ul.list2{margin-top:15px;}
/*찾아오시는길 지도 바로가기버튼*/
.plane .list dl dd .map_btn{display:flex;gap:10px;margin-top: 20px;}
.plane .list dl dd .map_btn a{flex:1;border-radius:5px;text-align: center;font-size: 1.5rem;font-weight: 700;padding: 10px 0;}
.plane .list dl dd .map_btn a.naver_map{color: #fff;background-color: #03c759;}
.plane .list dl dd .map_btn a span{padding: 5px 0 5px 25px;background-repeat: no-repeat;background-size: auto 22px;background-position: 0 50%;}
.plane .list dl dd .map_btn a.naver_map span{background-image:url(/nanum/site/builder/dir/main/img/menu4846/icon_naver.gif);}
.plane .list dl dd .map_btn a.kakao_map{background-color:#fae100;}
.plane .list dl dd .map_btn a.kakao_map span{background-image:url(/nanum/site/builder/dir/main/img/menu4846/icon_kakao.gif);}

/*찾아오시는길_버스*/
.map_bus table.table1 tbody tr th{background:#fff7f6;}
.map_bus table.table1 tbody tr td.bg{background:#fffdf5;}
.map_bus table.table1 tbody tr:hover,
.map_bus table.table1 tbody tr:hover th,
.map_bus table.table1 tbody tr:hover td.bg{background:#f5f5f5;}
.map_bus .bus_num{margin-top: 20px;}
.map_bus .bus_num ul{display:flex;flex-wrap: wrap;}
.map_bus .bus_num ul li{flex: 1 1 50%;display:flex;align-items: center;border-bottom: 1px dashed #dfdfdf;padding: 10px 0;}
.map_bus .bus_num ul li em{flex-shrink: 0;width: 30px;height: 30px;line-height: 30px;font-weight: 700;color: #fff;text-align: center;border-radius: 12px;background:#3a3c42;}
.map_bus .bus_num ul li p{margin-left:10px;font-size: 1.6rem;}

/*버스노선 안내사이트 바로가기 버튼*/
.map_bus h4.tit{display: flex;justify-content: space-between;align-items: center;}
.map_bus h4.tit a.btn_bus{display:inline-block;font-size: 1.7rem;color: #fff;padding: 10px 35px 10px 20px;border-radius: 7px;border: 2px solid #4555c0;background: #4555c0 url(/nanum/site/board/common/img/icon_newwin.png) no-repeat 95% 50%;box-shadow: 2px 6px 10px rgb(49 45 169 / 25%);}


/********************1280********************/
@media all and (max-width:1280px){

/*찾아오시는길_약도*/
.map_info .map_img .root_daum_roughmap{width:100% !important;}
.map_info .adress{flex-wrap:wrap;padding:0 20px;}
.map_info .adress dl{padding: 12px 0 12px 80px;}

/*찾아오시는길_버스*/
.map_bus img{width:100%;}

/*찾아오시는길_항공*/
.plane .list{flex-direction: column;}
.plane .list p{width: 100%;text-align: center;margin-bottom: 15px;}

}

/********************태블릿********************/
@media all and (max-width:1024px){

/*인사말*/
.greeting p.txt{font-size: 3.3rem;}
.greeting .txt_wrap{margin: -60px 0 0 30px;}
.greeting .txt_wrap .cont{margin: 110px 0 0 40px;}


/*주요업무*/
.work ul li{flex: 30%;}

/*연혁*/
.history p.txt{height: 200px;}
.history_cont li .txt .year{font-size: 4rem;}

/*CI소개*/
.ci_bx ul{gap: 10px 30px;}
.ci_bx ul li{align-items: center;max-height: 110px;}
.ci_bx ul li img{width: 100%;height: 100%;object-fit: contain;}
.ci_bx.sero ul li{width: 30%;}
.col_bx{gap: 15px;}
.col_bx dl{padding: 20px 15px;width: calc(20% - 12px);}
.col_bx dl dt{font-size: 1.8rem;}
.col_bx dl dd{word-break: break-all;}

/*찾아오시는길_약도*/
.map_info .adress{padding:15px 20px;}

/*찾아오시는길_항공*/
.plane .list{width: calc(50% - 52px);padding: 20px;}

}

/********************모바일********************/
@media all and (max-width:767px){

/*인사말*/
.greeting p.txt{height: 150px;font-size: 2.4rem;text-align: center;}
.greeting .txt_wrap{flex-direction: column;align-items: center;margin: -30px 0 0;}
.greeting .txt_wrap .img{width: 180px;height: 260px;}
.greeting .txt_wrap .img img{width: 100%;height: 100%;object-fit: cover;}
.greeting .txt_wrap .cont{margin: 40px 0 0 0;text-align: center;line-height: 1.6;}
.greeting .txt_wrap .cont p.tar{font-size: 1.8rem;text-align: center;}

/*주요업무*/
.work ul{gap: 10px;}
.work ul li{flex: 48%;padding: 75px 15px 20px;}
.work ul li:before{top: 20px;width: 40px;height: 39px;}
.work ul li p{line-height: 1.4;}
.work ul li span{margin-top: 5px;}
	
/*연혁*/
.history p.txt{height: 120px;font-size: 2.5rem;background-size: cover;}
.history_cont::before{left: 12px;top: 40px;}
.history_cont li .txt{width: 100%;padding: 2% 0 2% 30px;}
.history_cont li .txt .year{font-size: 2.8rem;}
.history_cont li .txt dl + dl{margin-top: 15px;}
.history_cont li:nth-child(even) .txt{text-align: left;padding: 2% 0 2% 30px;}
.history_cont li .txt .year:before{left: -15px;width: 5px;height: 5px;border-width: 5px;margin-top: -8px;}
.history_cont li .txt .year:after{display: none;}
.history_cont li:nth-child(even) .txt .year:before{margin: -8px 0 0 -10px;}
.history_cont li:nth-child(even) .txt .year:before, 
.history_cont li:nth-child(even) .txt .year:after{right: auto;left: -15px;}

/*CI소개*/
.ci_bx ul{flex-direction: column;align-items: center;gap: 25px;padding: 20px;}
.ci_bx ul li{width: 60%;max-height: 150px;}
.ci_bx.sero ul li:nth-child(n+4){margin-top: 0;}
.ci_bx ul li img{object-fit: scale-down;}


.col_bx{gap: 10px;}
.col_bx dl{width: calc(50% - 5px);height: 120px;}


/*찾아오시는길*/
.map_info .adress dl{padding:15px 0 15px 70px;}
.map_info .traffic .bx{padding: 90px 0 30px;margin-top: 30px;}
.map_info .traffic .bx:before{left:50%;width:70px;height:70px;transform: translateX(-50%);}
.map_info .traffic .bx ul.list > li:nth-child(n+2){margin-top:20px;}

/*찾아오시는길_버스*/
.map_bus h4.tit a.btn_bus{padding: 10px 25px 10px 10px;margin-left: 20px;}
.map_bus .bus_num ul li{flex:100%;}



}

/********************480********************/
@media all and (max-width:480px){
	
/*찾아오시는길_약도*/	
.map_info .map_img .root_daum_roughmap .wrap_map{height: 250px !important;}	
	
/*찾아오시는길_항공*/
.plane{gap:10px;}
.plane .list{width: calc(50% - 47px);}
.plane .list dl dd .map_btn{flex-direction: column;}	



	
}


/********************모바일2********************/
@media all and (max-width:425px){

/*주요업무*/
.work ul li{flex: 100%;}

/*찾아오시는길_항공*/
.plane{flex-direction: column;}	
.plane .list{width:100%;box-sizing: border-box;}

}

/********************웹********************/
@media all and (min-width:1025px) {
	
/*주요업무*/
.work ul li:hover{border:1px solid #000;}

/*버스노선 안내사이트 바로가기 버튼*/
.map_bus h4.tit a.btn_bus:hover{color:#4555c0;background: #fff url(/nanum/site/board/common/img/icon_newwin_on.png) no-repeat 95% 50%;}

/*찾아오시는길 지도 바로가기버튼*/
.plane .list dl dd .map_btn a:hover{transition-duration:0.4s;}
.plane .list dl dd .map_btn a.naver_map:hover{box-shadow: 5px 4px 17px rgb(48 217 36 / 50%);}
.plane .list dl dd .map_btn a.kakao_map:hover{box-shadow: 5px 4px 17px rgb(255 241 67 / 70%);}

}