@charset "utf-8";

@font-face{font-family:'Noto Thin';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Thin.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Light.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto DemiLight';font-style:normal;src:url(/sites/style_guide/font/NotoSans-DemiLight.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Regular.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Medium.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Bold.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'Noto Black';font-style:normal;src:url(/sites/style_guide/font/NotoSans-Black.woff2) format("woff2"),url(/sites/style_guide/font/NotoSans-Black.woff) format("woff")}


/*common*/
._obj{word-break:keep-all;}
#multipleContentsDiv_templet_org_03_6{max-width:1600px;margin:0 auto;overflow:hidden;}


/*비주얼슬로건*/
#menu9803_obj223 {position: absolute; top: 50px; left: 3%;}
.slogan {}
.slogan .p_1 {font-size: 45px; color: #FFF; line-height: 1.1; font-family: 'Noto Medium';}
.slogan .p_1 span {color: #91d2e5;}
.slogan .p_2 {font-size: 25px; color: #FFF; line-height: 1.5; font-family: 'Noto Medium'; margin-top: 10px;}

@media only screen and (max-width: 1280px){
	.slogan .p_1 {font-size: 35px;}
}
@media only screen and (max-width:768px){
	.slogan .p_1 {font-size: 30px;}
	.slogan .p_2 {font-size: 20px;}
}


/*배너1*/
.ban_1{display:flex;justify-content:space-between;}
.ban_1 a{display:inline-block;text-align:center;}
.ban_1 a img{}
.ban_1 a span{display:block;font-size:15px;padding:10px 5px;line-height:1.1;}
@media only screen and (max-width:1280px){
	.ban_1{flex-wrap:wrap;}
	.ban_1 a{width:31.33333%;margin:1%;}
}
@media only screen and (max-width:480px){
	.ban_1 a{width:48%;}
}


/*배너2*/
#menu9803_obj35{position:absolute;top:389px;left:calc(45% - 145px);}
.ban_2{background:#0d57a7 url(/sites/templet_org_03/images/main_icon_3_2.png) no-repeat 20% 80%;width:100%;height:100%;padding:15% 30px;}
.ban_2 a{display:flex;align-items:center;font-size:20px;color:#FFF;}
.ban_2 a span{padding-right:20px;}
.ban_2 a img{}
@media only screen and (max-width:1280px){
	#menu9803_obj35{position:relative;top:auto;left:auto;}
	.ban_2{background-position:95% center;padding:20px;}
}


/*배너3*/
.ban_3{display:flex;justify-content:center;}
.ban_3 a{display:inline-block;text-align:center;border-right:1px solid #DDD;padding:0 5%;}
.ban_3 a img{}
.ban_3 a span{display:block;font-size:18px;padding:10px 5px;line-height:1.1;}
.ban_3 a:last-child{border-right:0;}
@media only screen and (max-width:1280px){
	.ban_3{flex-wrap:wrap;}
	.ban_3 a{width:48%;margin:1%;border-right:0;}
}





/* 팝업존 */
@media only screen and (max-width: 1600px) and (min-width: 769px) {
    #wrap-slider442,
    .wrap_popup ul,
    .wrap_popup ul .slick-list,
    .wrap_popup ul .slick-track {height: 100%;}
    .wrap_popup li {display: flex !important; justify-content: center;}
    .wrap_popup li img {height: 100%; width: auto !important; max-width: none; flex-shrink: 0;}
}
@media only screen and (max-width: 768px) {
    #menu9803_obj685 {width: auto !important; height: auto !important; float: none !important;}
}





/* 테이블 */
.main_table,.main_table table {height: 100%;}

.main_table th {font-weight: 400; border: 1px solid #d9e0e7; background: #edf3f9;}
.main_table td {font-size: 16px; padding: 0 10px; border: 1px solid #d9e0e7; background: #FFF;}
@media only screen and (max-width: 768px) {
    #menu9803_obj692 {height: auto !important;}
    .main_table td {padding: 10px;}
}


