@charset "euc-kr";

#header.ver_2 { display: none; }
.header_top_v3 { display: flex; height: 110px; align-items: center; justify-content: space-between; }
.header_top_v3 .logo { display: block; height: 100px; }
.header_top_v3 .div_r { display: flex; flex-direction: column; justify-content: space-between; height: 110px; }
.header_top_v3 .div_r .search {position: relative; text-align: right; margin-top: 20px; }
.header_top_v3 .div_r .search input {width: 220px; height: 32px; border: 1px solid #a0a6ad; border-radius: 2px; font-family: dotum; font-size: 12px; padding: 6px 32px 6px 10px; line-height: 18px;}
.header_top_v3 .div_r .search input::placeholder {color: #aaa;}
.header_top_v3 .div_r .search .search_btn {position: absolute; right: 10px; top: 8px; cursor: pointer;}
.header_area { border-bottom: 3px solid #005da4; }

/* 개별메뉴 */
.menu_v3 .menu { display: flex; position: relative; gap: 30px; }
.menu_v3 .menu > li { height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #000; font-family: 'SUIT', sans-serif; font-weight: 600; letter-spacing: -0.04em; position: relative; }
.menu_v3 .menu > li:hover .menu_list { display: block; }
.menu_v3 .menu .menu_list { display: none; position: absolute; left: 50%; top: 50px; transform: translate(-50%,0); width: 140px; height: auto; z-index: 100; background-color: #fff; border: 1px solid #005da4; border-top: 3px solid #005da4; text-align: center; padding: 15px 0; box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.6); }
.menu_v3 .menu .menu_list li { height: auto; line-height: normal; }
.menu_v3 .menu .menu_list li a { display: inline-block; color: #454545; font-size: 15px; line-height: 18px; width: 100%; line-height: 35px; letter-spacing: -0.05em; word-spacing: -0.05em; font-family: 'SUIT', sans-serif; font-weight: 400; }
.menu_v3 .menu .menu_list li a:hover { font-weight: 600; text-decoration: underline; color: #005da4; }

@media screen and (max-width: 850px) {
 #header.ver_2 { display: block; }
 #header.ver_3 { display: none; }
}

/* 콘텐츠공통 - ver.2 */
.container.main_container { width: 100%; padding: 30px 0; min-height: 500px; }
.container.main_container .wrap:after {content: ""; clear: both; display: block;}
.container.main_container .grid_area .grid_c { display: inline-block; float: left; width: 100%; min-height: 100px; margin: 0; }
.container.main_container .grid_area .grid_c .grid_c_tit {display: block; font-size: 16px; color: #000; letter-spacing: -0.1em; margin-bottom: -15px;}
.container.main_container .grid_area .grid_c .div2 {width: 650px;}
.container.main_container .grid_area .grid_c .div2:after {content: ""; clear: both; display: block;}
.container.main_container .grid_area .grid_c .div2 .div_l {display: inline-block; float: left; width: 325px; padding-right: 25px;}
.container.main_container .grid_area .grid_c .div2 .div_l >.template_type6 {padding-right: 25px;}
.container.main_container .grid_area .grid_c .div2 .div_r >.template_type6 {padding-left: 25px;}
.container.main_container .grid_area .grid_c .div2 .div_r {display: inline-block; float: left; width: 325px;}

/* 템플릿 TYPE 1-2 */
.template_type1_2 { display: flex; width: 100%; font-family: 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0; padding-bottom: 25px; border-bottom: 1px solid #c4ccd6;}
.template_type1_2:after {content: ""; clear: both; display: block;}
.template_type1_2 .img_lg {position: relative; display: inline-block; width: 605px; height: 365px;}
.template_type1_2 .img_lg a {display: block; width: 100%; height: 100%; overflow: hidden;}
.template_type1_2 .img_lg a:hover {cursor: pointer;}
.template_type1_2 .img_lg img {width: 100%; height: 100%; float: left; transition: all .2s ease-in;}
.template_type1_2 .img_lg a:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.template_type1_2 .img_lg .overlay_text {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 20px 30px; z-index: 9;}
.template_type1_2 .img_lg .overlay_text .tit {display: block; width: 100%; font-family: 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 300; font-size: 26px; color: #fff; line-height: 30px; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type1_2 .img_lg .overlay_text .sm_txt {display: -webkit-box; width: 100%; max-height: 40px; font-size: 14px; color: #fff; letter-spacing: -0.07em; line-height: 20px; text-align: justify; opacity: 0.8; margin-top: 25px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.template_type1_2 .img_lg a:hover .sm_txt {text-decoration: underline;}
.template_type1_2 .img_sm { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 10px; width: 515px; height: 365px; background: #2b2d31; text-align: center; padding: 10px; }
.template_type1_2 .img_sm li { width: calc(100% /3 - 7px); height: calc(100% /3 - 7px); margin: 0; }
.template_type1_2 .img_sm li:hover img {opacity: 1;}
.template_type1_2 .img_sm li:after {content: ""; clear: both; display: block;}
.template_type1_2 .img_sm li.on {border: 2px solid #fff;}
.template_type1_2 .img_sm li.on a img {opacity: 1;}
.template_type1_2 .img_sm li a {display: block; width: 100%; height: 100%; overflow: hidden; background: #000;}
.template_type1_2 .img_sm li a img {width: 100%; height: 100%; float: left; opacity: 0.7;}

.sub_container.ver_2 .top_title { position:relative; border-bottom: 1px solid #555e69; padding-bottom: 10px; }
.tit_type1 { font-size: 26px; letter-spacing: -0.04em; line-height: 25px; font-family: 'SUIT',sans-serif; color: #005da4; font-weight: 700; margin-bottom: 10px; }
.help_txt { font-size: 13px; letter-spacing: -0.07em; line-height: 18px; font-family: 'SUIT',sans-serif; color: #888; font-weight: 400; }