/* common */

/* 서브이미지 */
#sv{ width:100%; height:310px; background:url(/img/sub/sv.jpg) no-repeat 20% center /cover; display:table; }
#sv .cell{ display:table-cell; vertical-align:middle; text-align:center; }
#sv .titgroup{ font-family: 'Noto Sans KR', sans-serif; }
#sv .titgroup h2{ font-weight:700; color:#fff; font-size:40px; }
#sv .titgroup p{ margin-top:30px; font-size:18px; font-weight:300; color:#fff; }
#sv .loc{ margin-top:40px; }
#sv .loc p{ font-family: 'Spoqa Han Sans', 'Sans-serif'; display:inline-block; vertical-align:top; color:#fff; font-weight:300; font-size:15px; padding-right:25px; margin-right:20px; position:relative; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#sv .loc p:after{ content:'>'; font-weight:700; color:#fff; font-size:15px; position:absolute; right:0; top:0; } 
#sv .loc p:last-child{ padding-right:0; margin-right:0; }
#sv .loc p:last-child:after{ display:none; }
#sv .loc .home a{ color:#fff; padding-left:25px; background:url(/img/sub/home_icon.png) no-repeat left center; }
#sub.sub07 .loc .dep1{ padding-right:0; margin-right:0; }
#sub.sub07 .loc .dep1:after,
#sub.sub07 .loc .dep2{ display:none; }

#lnb{ background:#04294c; }
#lnb ul li{ float:left; text-align:center; position:relative; }
#lnb ul li:after{ content:''; display:block; width:1px; height:20px; background:rgba(255,255,255,.3); position:absolute; top:50%; right:0; margin-top:-10px; }
#lnb ul li:last-child:after{ display:none; }
#lnb ul li.on{ background:#006d9b; }
#lnb ul li a{ font-size:20px; color:#fff; font-weight:700; display:block; height:70px; line-height:70px; font-family: 'Roboto', sans-serif;} 

/* 서브페이지 내용 */
#sb{ padding:100px 0 130px; font-family: 'Noto Sans KR', sans-serif; }
#sb .titgroup{ text-align:center; margin-bottom:60px; }
#sb .titgroup h3{ font-weight:400; font-size:40px; color:#04294c; }
#sb .titgroup p{ font-size:16px; font-weight:300; color:#666; line-height:1.625; margin-top:27px; }
#sb .titgroup .dMenuWrap{ margin-top:60px; }
#sb .titgroup .dMenuWrap > a{ display:none; }
#sb .titgroup .dMenu{  }
#sb .titgroup .dMenu li{ float:left; }
#sb .titgroup .dMenu li p{ padding:0 1px; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#sb .titgroup .dMenu li a{ background:#f7f7f7; color:#666; border:1px solid #ccc; display:table; width:100%; height:40px; font-size:15px; font-weight:300; font-family: 'Noto Sans KR', sans-serif; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
#sb .titgroup .dMenu li.on a{ background:#fff; color:#04294c; border-color:#04294c; font-weight:500; }
#sb .titgroup .dMenu li a span{ display:table-cell; vertical-align:middle; }

#pop{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:10000; }
#pop .cont{ background:#fff; position:absolute; top:50%; left:50%; transform:translate(-51%,-51%); }
#pop .cont > p{ text-align:right; }
#pop .pop_tit{ font-size:24px; color:#04294c; display:block; text-align:center; margin:10px auto 50px; }

/* 갤러리 */
.gelleryWrap{ font-family: 'Noto Sans KR', sans-serif; }
.gelleryWrap .b_name{ font-weight:700; color:#04294c; font-size:24px; margin-bottom:30px; }
.gellery ul li{ float:left; width:calc(25% - 30px); margin:0 20px 40px; position:relative; border:2px solid transparent;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
-ms-transition:all .4s;
transition:all .4s;
}
.gellery ul li:hover{ border-color:#006d9b; }
.gellery ul li:first-child,
.gellery ul li:nth-child(4n+1){ margin-left:0; }
.gellery ul li:last-child,
.gellery ul li:nth-child(4n){ margin-right:0; }
.gellery ul li .content {border: 1px solid #ddd;;}
.gellery ul li .img{ padding-top:68.97%; position:relative; overflow:hidden; }
.gellery ul li .img img{ position:absolute; /* width:100%; min-height:100%;  */height:100%; margin:auto; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; }
.gellery ul li .txt{ display:table; width:100%; height:180px; border-top:1px solid #ddd;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
.gellery ul li .txt > div{ display:table-cell; vertical-align:middle; text-align:center; }
.gellery ul li .txt .tit{ font-weight:300; font-size:20px; color:#333; }
.gellery ul li .txt .ex{ margin-top:20px; font-size:16px; font-weight:300; color:#999; padding:0 10px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
.pager{ margin-top:60px; text-align:center; }
.pager a{ font-size:13px; display:inline-block; vertical-align:top; border:1px solid #ddd; text-align:center; width:35px; height:40px; line-height:40px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
.pager a.on{ color:#fff; background:#676767; border-color:#676767; }
.pager .arrow{ background:no-repeat center center; }
.pager .prev{ background-image:url(/img/sub/pager_prev.png); }
.pager .next{ background-image:url(/img/sub/pager_next.png); }

/* 디테일 페이지 */
.prd_detail .detail_bx{ padding-top:60px; }
.prd_detail .detail_bx .tit_bx{ padding-bottom:30px; border-bottom:1px solid #ddd; }
.prd_detail .detail_bx .tit_bx .cate{ font-size:15px; color:#666; }
.prd_detail .detail_bx .tit_bx .prd_name{ display:block; font-size:24px; color:#04294c; margin-top:15px; }
.prd_detail .detail_bx .detail_top{ padding:50px 0; border-bottom:1px solid #ddd; }
.prd_detail .detail_bx .detail_top > *{ float:left; }
.prd_detail .detail_bx .detail_top .detail_l{ width:45%; }
.prd_detail .detail_bx .detail_top .detail_l .prd_pic {text-align: center;}
.prd_detail  .down_btn{ margin-top:40px; text-align:center; }
.prd_detail .down_btn button{ width:230px; height:47px; border-radius:3px; background:#04294c; }
.prd_detail .down_btn button > *{ display:inline-block; vertical-align:middle; }
.prd_detail .down_btn button span{ color:#fff; font-weight:300; font-size:16px; margin-right:10px; }
.prd_detail .detail_bx .detail_top .detail_r{ width:55%; }
.prd_detail .detail_tab{ border-bottom:1px solid #006d9b; }
.prd_detail .detail_tab span{ position:relative; float:left; display:block; width:147px; height:40px; line-height:40px; text-align:center; background:#f7f7f7; font-size:15px; color:#666; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box; cursor:pointer; }
.prd_detail .detail_tab span:after{ content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px; opacity:0; }
.prd_detail .detail_tab span.on{ background:#fff; font-weight:500; color:#006d9b; border-color:#006d9b; border-left:1px solid #006d9b; border-bottom:1px solid #fff;}
.prd_detail .detail_tab span.on:after{ opacity:1; }
.prd_detail .detail_bx .con { display: none; }
.prd_detail .detail_bx .con.on { display: block; }
.prd_detail .detail_bx .con dl{ margin-top:40px; }
.prd_detail .detail_bx .con dl dt{ font-size:16px; color:#006d9b; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:500; text-transform:uppercase; }
.prd_detail .detail_bx .con dl dd,
.prd_detail .detail_bx .con dl dd p{ font-size:16px; font-weight:400; color:#666; line-height:26px; margin-top:5px; }
/* .prd_detail .detail_bx .detail .detail_r .tab_con .con dl.txt_ovf dd{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; height:78px; } */
.prd_detail .detail_bx .con dl.list dd p{ padding-left:10px; position:relative; box-sizing:border-box; }
.prd_detail .detail_bx .con dl.list dd p:last-child{ margin-bottom:0; }
.prd_detail .detail_bx .con dl.list dd p:before{ content:''; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:13px; }
.prd_detail .detail_bx .list_btn{ text-align:right; margin-top:20px; }
.prd_detail .detail_bx .list_btn a{ background:#676767; color:#fff; font-size:15px; font-weight:500; display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; }
#pop.down_pop .cont{ padding:40px; box-sizing:border-box; min-width:1200px; }
#pop.down_pop .form_bx p.inputBx{ margin-bottom:15px; }
#pop.down_pop .form_bx p.inputBx:last-child{ margin-bottom:0; }
#pop.down_pop .form_bx p:after{ content:''; display:block; clear:both; }
#pop.down_pop .form_bx input[type="text"],
#pop.down_pop .form_bx textarea{ padding:15px; display:block; border:1px solid #04294c; height:50px; box-sizing:border-box; font-size:16px; color:#04294c; }
#pop.down_pop .form_bx input[type="text"]::placeholder,
#pop.down_pop .form_bx textarea::placeholder{ font-size:16px; color:rgba(4,41,76,.7); }
#pop.down_pop .form_bx input[type="text"]{ float:left; margin:0 5px; }
#pop.down_pop .form_bx input[type="text"]:first-child{ margin-left:0; }
#pop.down_pop .form_bx input[type="text"]:last-child{ margin-right:0; }
#pop.down_pop .form_bx input.w25{ width:calc(25% - 8px); }
#pop.down_pop .form_bx input.w50{ width:calc(50% - 5px); }
#pop.down_pop .form_bx textarea{ resize:none; width:100%; height:175px; }
#pop.down_pop .form_bx .privacy_chk input[type="checkbox"] + label > *{ display:inline-block; vertical-align:middle; }
#pop.down_pop .form_bx .privacy_chk input[type="checkbox"] + label em{ width:12px; height:12px; background:url(/img/common/chkBx.png) no-repeat 0 0 /cover; }
#pop.down_pop .form_bx .privacy_chk input[type="checkbox"]:checked + label em{ background-image:url(/img/sub/chkBx_chk.png); }
#pop.down_pop .form_bx .privacy_chk input[type="checkbox"] + label span{ margin-left:5px; font-weight:300; font-size:14px; color:#888; line-height:28px; }
#pop.down_pop .form_bx .privacy_chk input[type="checkbox"] + label span a{ color:#666; border-bottom:1px solid #666; }

/* 검색결과 */
.p_result #sv .loc .dep1{ display:none; }

/* ceo인사말 */
.greeting .intro_bx{ width:100%; height:400px; display:table; text-align:right; background:url(/img/sub/grt_intro.jpg) left center /cover; }
.greeting .intro_bx > div{ display:table-cell; vertical-align:middle; }
.greeting .intro_bx > div > *{ padding-right:100px; box-sizing:border-box; }
.greeting .intro_bx .big{ font-weight:700; font-size:40px; color:#04294c; }
.greeting .intro_bx .big span{ font-size:50px; color:#006d9b; }
.greeting .intro_bx .big strong{ font-size:88.51px; color:rgba(255,255,255,.8); }
.greeting .intro_bx .txt{ font-weight:500; font-size:18px; color:#666; line-height:1.38; margin-top:10px; }
.greeting .grt_bx{ margin-top:100px; }
.list_s1 > *{ float:left; }
.list_s1 dt{ width:300px; padding-left:15px; box-sizing:border-box; position:relative; }
.list_s1 dt:before{ content:''; display:block; width:4px; height:20px; background:#006d9b; position:absolute; left:0; top:3px; }
.list_s1 dt strong{ display:block; font-size:24px; color:#04294c; margin-bottom:10px; }
.list_s1 dt span{ font-size:14px; font-weight:500; color:#999; }
.list_s1 dd{ width:calc(100% - 300px); }
.greeting .grt_bx dd strong{ font-size:24px; color:#333; line-height:1.166; display:block; margin-bottom:40px; }
.greeting .grt_bx dd p{ font-weight:300; font-size:16px; color:#666; line-height:1.5; margin-bottom:25px; }


/* history */
.history .history_list dl:not(#y1){ display:none; }
.history .history_list dl dd div { padding:50px 0; border-bottom:1px solid #e0e0e0; }
.history .history_list dl dd div:first-child{ padding-top:0; }
.history .history_list dl dd div:last-child{ padding-bottom:0; border-bottom:none; }
.history .history_list dl dd div > *{ float:left; }
.history .history_list dl dd .year{ width:115px; font-weight:500; font-size:20px; color:#333; }
.history .history_list dl dd ul{ width:calc(100% - 115px); }
.history .history_list dl dd ul li{ margin-bottom:30px; }
.history .history_list dl dd ul li:last-child{ margin-bottom:0 }
.history .history_list dl dd ul li:after{ content:''; display:block; clear:both; }
.history .history_list dl dd ul li > *{ float:left; }
.history .history_list dl dd ul li .month{ width:35px; font-size:16px; color:#444; }
.history .history_list dl dd ul li .m_con{ width:calc(100% - 35px); font-size:16px; font-weight:300; color:#777; padding-left:20px; box-sizing:border-box; line-height:1.65; position:relative; top:-5px; }
.history .history_list .op0{ opacity:0; }

/* location */
.location .loc_bx > *{ display:inline-block; vertical-align:middle; }
.location .loc_bx > .map{ width:55%; margin-right:-4px; }
.location .root_daum_roughmap_landing{ width:100%; }
.location .loc_bx .contact{ width:45%; padding:0 10px 0 60px; box-sizing:border-box; }
.location .loc_bx .contact dl{ margin-bottom:60px; }
.location .loc_bx .contact dl:last-child{ margin-bottom:0; }
.location .loc_bx .contact dl dt{ font-size:24px; font-weight:700; color:#04294c; }
.location .loc_bx .contact dl dt em{ display:inline-block; vertical-align:1px; }
.location .loc_bx .contact dl dt i{ font-size:14px; font-weight:500; color:#999; text-transform:uppercase; font-style:normal; }
.location .loc_bx .contact dl dd{ margin-top:10px; font-size:16px; color:#666; font-weight:300; line-height:1.5625; padding-left:40px;  }
.location .loc_bx .contact dl dd strong{ font-weight:400; color:#444; }


.boardWrap {}
.boardWrap table {}
.boardWrap table thead {}
.boardWrap table thead tr {}
.boardWrap table thead tr th {}
.boardWrap table tbody {}
.boardWrap table tbody tr {}
.boardWrap table tbody tr td {}


.partner_box * { box-sizing:border-box; }
.partner_box .box:not(:last-child) { margin-bottom:100px; }
.partner_box .box h4{ padding-left:15px; position:relative; }
.partner_box .box h4:before{ content:''; display:block; width:4px; height:20px; background:#006d9b; position:absolute; left:0; top:3px; }
.partner_box .box h4 strong{ display:block; font-size:24px; color:#04294c; margin-bottom:10px; }
.partner_box .box h4 span{ font-size:14px; font-weight:500; color:#999; }
.partner_box .box ul { margin-top:30px; display:flex; flex-wrap:wrap; gap:20px; }
.partner_box .box ul > li { display:flex; align-items:center; justify-content:center; height:120px; width:calc((100% - 60px) / 4); box-shadow:0px 0px 20px 7px rgba(178, 178, 178, 0.20); }