.main_bg{position:relative;} .main_bg::before{content:''; position: absolute; top: 150px; left: 50%;width: 100%; height: 1000px; transform: translateX(-50%);background: url('/images/2026/01main/m_bg.png') no-repeat center top / 100% auto; opacity: 0.3; z-index: -99;} /*main_con1*/ .main_con1{padding:30px 16px; position:relative; } .search_box{display:flex; align-items: flex-start; gap:8px;} .slogan{display: inline-flex; width:90px; height:33px;} .slogan img{display: block; width:90px; height:33px; margin:17px 0;} .m_sch{flex:1; min-width:0;} .m_sch .sch_input{position:relative;} .m_sch .sch_input input[type="text"]{width:100%; height:60px; padding:12px 55px 12px 20px; border:2px solid #1c4d8d; border-radius: 35px; font-size:15px; font-weight:200; color:#9a9999; box-sizing: border-box;} .m_sch .sch_input label{position:absolute; width:100px; left:20px; top:50%; transform: translateY(-50%); z-index: 1; font-size:14.5px; font-weight:200; color:#9a9999; line-height: 1.3;} .m_sch .sch_input input[type="submit"]{position:absolute; right:8px; top:50%; transform: translateY(-50%); width:40px; height:40px; padding:0; border:0; font-size:0; background:url('/images/2026/01main/m_search.png') no-repeat center / 18px 18px, linear-gradient(120deg, #1c4d8d 0%, #4988c4 50%, #72a6d7 100%); border-radius: 50%; cursor: pointer;} .m_sch .popkey{display: flex; align-items: center; gap:12px; margin-top:15px; width:calc(100% + 98px); margin-left:-98px; overflow: hidden; white-space:nowrap;} .m_sch .popkey strong{display: block; flex:0 0 auto; width:18px; height:18px; font-size:0;} .m_sch .popkey strong::before{content: ''; display: block; background: url('/images/2026/01main/popkey.png') no-repeat center/contain; width:18px; height:18px; } .m_sch .popkey ol{display: inline-flex; flex-wrap: nowrap; flex:0 0 auto; gap:15px; margin:0; padding:0;} .m_sch .popkey li{flex:0 0 auto;} .m_sch .popkey li a{display: block; font-size:12.15px; width:auto; white-space: nowrap; color:#3c3c3c; } .m_sch .popkey li a:hover, .m_sch .popkey a:focus{text-decoration: underline; transition: 0.3s ease-in-out;} .m_sch .popkey li a em{font-style: normal;} /* .quick_box{margin:43px 0 0 0; position:relative;} .quick_box ul{display: flex; flex-wrap: wrap; row-gap:10px;} .quick_box ul li{width:33.3%;} .quick_box ul li a{display: block; position:relative; text-align: center; font-size:14px; } .quick_box ul li a:hover, .quick_box>ul>li>a:focus{color:#1c4d8d; font-weight: 300; transform: translateY(-8px); transition: ease-in-out 0.3s;} .quick_box ul li a::before{content: ''; display: block; background: #fff url('/images/2026/01main/q_icon.png')no-repeat center 0; border-radius: 20px; width:70px; height:70px; margin:0 auto 13px auto; box-shadow: 0 0px 15px rgba(229, 229, 229, 0.8); transition: box-shadow 0.25s ease;} .quick_box ul li a::before{content: ''; display: block; background: #fff url('/upload_data/board_data/BBS_0000130/179272230602384.png')no-repeat center 0; border-radius: 20px; width:70px; height:70px; margin:0 auto 13px auto; box-shadow: 0 0px 15px rgba(229, 229, 229, 0.8); transition: box-shadow 0.25s ease; background-size: 70% auto;} .quick_box .q01::before{background-position:center 12px;} .quick_box .q02::before{background-position:center -46px;} .quick_box .q03::before{background-position:center -106px;} .quick_box .q04::before{background-position:center -168px;} .quick_box .q05::before{background-position:center -229px;} .quick_box .q06::before{background-position:center -292px;} .quick_box .q07::before{background-position:center -352px;} .quick_box .q08::before{background-position:center -420px;} .quick_box .q09::before{background-position:center -489px;} .quick_box .q10::before{background-position:center -561px;} .quick_box ul li a:hover::before, .quick_box li>a:focus::before { box-shadow: 0 0 15px rgba(70, 165, 255, 0.5); } .quick_box .more{position:absolute; left:50%; bottom:-50px; transform: translateX(-50%);} .quick_box .more a{display:block; line-height: 25px; color:#1c4d8d; font-size:14px; font-weight:200; padding-left:30px; background:url('/images/2026/01main/m_all.png')no-repeat left center; background-size: 25px 25px; white-space: nowrap;} */ /*퀵메뉴 슬라이드로 변경*/ .quick_box{position: relative;margin: 43px 0 0;padding: 0 40px;} .quick_box > ul {display: flex;flex-wrap: nowrap;overflow: hidden;width:100%;/* padding:15px 0 10px; */} .quick_box li{width:33.3%;flex:0 0 auto;box-sizing: border-box;padding: 15px 0 10px;} .quick_box li > a{display: block; position: relative; text-align: center; font-size: 14px; transition: transform 0.3s ease, color 0.3s ease; } .quick_box li > a:hover, .quick_box > li > a:focus{color: #1c4d8d; transform: translateY(-8px);} .quick_box li > a::before{content: ''; display: block; width: 60px; height: 60px; margin: 0 auto 13px; border-radius: 20px; background: #fff url('/upload_data/board_data/BBS_0000130/179435563808941.png') no-repeat center 0; background-size:70% auto; box-shadow: 0 0 15px rgba(229,229,229,0.8); transition: box-shadow 0.25s ease;} .quick_box li > a:hover::before, .quick_box li > a:focus::before {box-shadow: 0 0 15px rgba(70,165,255,0.5);} .quick_box .q01::before {background-position: center 11px;} .quick_box .q02::before {background-position: center -40px;} .quick_box .q03::before {background-position: center -89px;} .quick_box .q04::before {background-position: center -142px;} .quick_box .q05::before {background-position: center -198px;} .quick_box .q06::before {background-position: center -254px;} .quick_box .q07::before {background-position: center -311px;} .quick_box .q08::before {background-position: center -367px;} .quick_box .q09::before {background-position: center -429px;} .quick_box .q10::before {background-position: center -489px;} .quick_box .q11::before {background-position: center -543px;} .quick_box .q12::before {background-position: center -591px;} .quick_box .q13::before {background-position: center -648px;} .quick_box .q14::before {background-position: center -706px;} .quick_box .q15::before {background-position: center -760px;} .quick_box .q16::before {background-position: center -821px;} .quick_box .q17::before {background-position: center -877px;} .quick_box .q18::before {background-position: center -937px;} .quick_box .q19::before {background-position: center -996px;} .quick_box .q20::before {background-position: center -1057px;} .quick_box .q21::before {background-position: center -1112px;} .quick_box .q22::before {background-position: center -1168px;} .quick_box .q23::before {background-position: center -1225px;} .quick_box .q24::before {background-position: center -1279px;} .quick_box .q25::before {background-position: center -1337px;} .quick_box .q26::before {background-position: center -1394px;} .quick_box .quick_btn{display: block;} .quick_box .quick_btn button {background-size: 10px 14px;position: absolute;top: 17px;width: 30px;height: 30px;padding: 0;border: 0;border-radius: 50%; background:none; background-repeat: no-repeat;background-position: center;font-size: 0;cursor: pointer;} .quick_box .quick_btn .prev{left: 0;background-image: url('/upload_data/board_data/BBS_0000130/179437179247707.png');top: 30px;} .quick_box .quick_btn .next{right: 0;background-image: url('/upload_data/board_data/BBS_0000130/179437179247835.png');top: 30px;} .quick_box .more{display:none;} .quick_wrap{display: none; text-align: center;} .quick_wrap.on{display: block; position: fixed; inset: 0; z-index: 999;} .quick_wrap.on::before{content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8); z-index: 0;} .quick_wrap.on .quick_more{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; padding: 40px 30px; height: 500px; width: 600px; max-width: calc(100% - 40px); box-sizing: border-box; z-index: 1; overflow: hidden;} .quick_more_con {height: 100%; overflow-y: auto; overflow-x: hidden;} .quick_wrap .quick_more button{display: block; position: absolute; top: 15px; right: 15px; margin: 0; width: 30px; height: 30px; padding: 0; border: 1px solid #1c4d8d; border-radius: 50%; background: #fff url('/images/2026/common/close.png') no-repeat center / 12px; font-size: 0; cursor: pointer;} .main_con2{margin:50px 0; padding:0 16px;} .vis_box{position:relative;} .vis_list{overflow: hidden; width:100%; margin-bottom:30px;} .vis_list ul{display: flex; gap:0 40px; width:100%; margin:0; padding:0;} .vis_list ul li{flex: 0 0 100%; width:100%;} .vis_list ul li a{display: block; overflow: hidden; border:1px solid #f4f4f4; border-radius: 40px; box-shadow: 0 6px 20px rgba(54, 54, 55, 0.05);} .vis_list ul li a img{display:block; width:100%; height:auto; border-radius: 40px; object-fit: cover;} .vis_btn{display: flex; align-items: center; justify-content: center; min-width:250px; height:50px; padding:0 20px; z-index:2; background: #fff; border-radius: 33px; position:absolute; bottom:0; left:50%; transform: translate(-50%, 50%); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);} .vis_btn strong{color:#1c4d8d; font-family: 'Hakgyoansim Allimjang'; font-size:14px; font-weight:400; margin-right:8px;} .vis_btn span{font-size:14px; color:#2a2a2a; margin-right:25px;} .vis_btn button{display: block; width:10px; height:15px; font-size:0; margin:0 3px;} .vis_btn .prev{background: url('/images/2026/01main/prev_btn.png') no-repeat center/contain;} .vis_btn .stop{background: url('/images/2026/01main/stop_btn.png') no-repeat center/contain;} .vis_btn .play{background: url('/images/2026/01main/play_btn.png') no-repeat center/contain;} .vis_btn .next{background: url('/images/2026/01main/next_btn.png') no-repeat center/contain;} .vis_btn .all{background: url('/images/2026/01main/all_btn.png') no-repeat center/contain;} .vis_wrap{display: none; text-align: center;} .vis_wrap.on{display: block; position: fixed; inset: 0; z-index: 999;} .vis_wrap.on::before{content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8);} .vis_wrap.on .vis_more{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: 80vh; padding: 25px 20px; box-sizing: border-box; background: #fff; border-radius: 20px; overflow: hidden; z-index: 1;} .vis_more h3{margin: 0 0 20px; font-size: 20px; text-align: left; font-weight:400;} .vis_more h3 span{color:#1c4d8d;} .vis_more_con{height: calc(100% - 50px); overflow-y: auto; overflow-x: hidden;} .vis_more_con ul{display: flex; flex-wrap: wrap; flex-direction: column; gap: 15px; margin: 0; padding: 0; list-style: none;} .vis_more_con ul li{width: 100%;} .vis_more_con li a{display: block;} .vis_more_con li img{display: block; width: 100%; height: auto; border-radius: 10px; object-fit: cover;} .vis_wrap .vis_more button{position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; padding: 0; border: 1px solid #1c4d8d; border-radius: 50%; background: #fff url('/images/2026/common/close.png') no-repeat center / 12px; font-size: 0;} .profile_box{position:relative; overflow:hidden;} .profile_box > p{position:relative; z-index:2; padding:20px 0 30px; font-family:'Hakgyoansim Allimjang';font-size:26px;line-height:1.3; text-align:left;} .profile_box > p strong{color:#1c4d8d;font-weight:700; font-size:30px;} .pro_btn1{position:relative; z-index:2; width:calc(100% - 100px); height:110px; padding:10px 15px; box-sizing:border-box; background:#008aca; border-radius:30px 30px 0 0;} .pro_btn1::after{content: ''; position:absolute; z-index:3; right:-90px; bottom:-4px; width:168px; height:190px; background: url('/images/2026/01main/profile.png') no-repeat right bottom / contain;} .pro_btn1 ul{ margin:0; padding:0;} .pro_btn1 li{ border-bottom:1px solid rgba(255,255,255,.5);} .pro_btn1 li:last-child{border-bottom: none;} .pro_btn1 li a{ display:block; padding:15px 30px 15px 0; color:#fff; font-size:14px; } .pro_btn1 li a:hover, .pro_btn1 li a:focus{background: url('/images/2026/01main/prof_next.png') no-repeat right center; background-size: 10px auto; background-position: 60% center} .pro_btn2{padding-top:22px;} .pro_btn2 ul{display: flex;} .pro_btn2 ul li{width:33.3%;} .pro_btn2 li a{display: block; position:relative; text-align: center; font-size:14px; } .pro_btn2 li a:hover, .pro_btn2 li a:focus{color:#4988c4; transition:ease-in-out 0.3s; text-decoration:underline; } .pro_btn2 li a::before{content: ''; display: block; background: #fff url('/images/2026/01main/pro_m_ico.png')no-repeat center 0; border-radius: 50px; width:60px; height:60px; margin:0 auto 13px auto; box-shadow: 0 0px 15px rgba(229, 229, 229, 0.8); transition: box-shadow 0.25s ease;} .pro_btn2 .pro01::before{background-position:center 4px;} .pro_btn2 .pro02::before{background-position:center -70px;} .pro_btn2 .pro03::before{background-position:center -136px;} .side_menu{background:#225eab;padding: 40px 10px;} .side_menu:after{display:block;content:"";clear:both;} .side_menu h2{color:#fff;font-size:20px;text-align:center;padding-bottom:15px; font-family: 'Hakgyoansim Allimjang'; font-weight:700; } .side_menu li{float:left;width:calc(100% / 3);text-align:center;font-size: 14px;letter-spacing:-0.03em;padding:3px;} .side_menu li:nth-child(4), .side_menu li:nth-child(5), .side_menu li:nth-child(6), .side_menu li:nth-child(7){width:calc(100% / 2);} .side_menu li a{display:block;color:#fff;background:rgba(255,255,255,0.2);padding: 15px;border-radius:50px;} .side_menu li a br{display:none;} .side_menu .open, .side_menu .close{display:none;} .main_con3{margin:50px 0; padding:0 16px;} .m_bbs{position:relative; } .m_bbs h2{font-size:24px; font-family: 'Hakgyoansim Allimjang'; font-weight:700; color:#333; margin-bottom:20px;} .m_bbs h2 span{color:#1c4d8d;} .m_bbs .bbs_box{position: relative; min-height:470px; background: #f2f6f9; border-radius: 30px;} .m_bbs .bbs_box::before{content: '';position: absolute; inset: 0; background: url('/images/2026/01main/bbs_bg.png') no-repeat center center; background-size: cover; opacity: 0.17; z-index: 0; border-radius:30px;} .m_bbs .bbs_tit{float: left; position:relative; text-align: center; width: 33.3%; margin-top:20px; height:35px; line-height: 35px;} .m_bbs .bbs_tit.on{ border-radius: 5px 20px 20px 20px; background: linear-gradient(143deg, #2765b6 0%, #4988c4 100%);} .m_bbs .bbs_tit.on a{color: #fff;} .m_bbs .bbs_tit a{display: block; font-family: 'Hakgyoansim Allimjang'; color:#4c4c4c; height:30px;} .m_bbs .bbs_con { display: none; position: absolute; top: 125px; width: calc(100% - 42px); height: 470px; margin:0 20px;} .m_bbs .bbs_con.on { display: block;} .bbs_con ul{display: flex; flex-wrap: wrap; } .bbs_con ul li{background: #fff; border:1px solid transparent; border-radius: 20px; padding:20px 15px; margin:15px 0; width:100%; box-sizing: border-box;} .bbs_con ul li:not(:first-child) {display: none;} .bbs_con ul li a{display: block; height:auto; position:relative; padding-top:24px; } .bbs_con ul li:hover, .bbs_con ul li:focus{ border-color:#4988c4; transition: ease-in-out 0.3s;} .bbs_con ul li>a>em{display: block;position: absolute; top: 0; color: #1c4d8d; font-size: 14px; font-style: normal;} .bbs_con ul li a strong{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: keep-all; font-size: 16px; line-height: 1.4; font-weight: 300; color: #222;} .bbs_con ul li a span{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; margin-top: 24px; font-size: 14px; line-height: 1.7; color: #777;} .bbs_con ul li a p{margin: 15px 0 0;padding-top: 15px; border-top: 1px solid #35362e;} .bbs_con ul li a p i{display: block; font-style: normal; color: #595959; font-size: 14px; font-weight:200;} .bbs_con > p {margin: 10px 0 0;text-align: center;} .bbs_con>p .more{ display: inline-block; height: 32px;line-height: 32px; padding-left: 36px; color: #1c4d8d; font-size: 14px; background: url('/images/2026/01main/m_all.png') no-repeat left center; background-size: 25px 25px; box-sizing: border-box;} .info_box{position:relative; margin-top:30px;} .info_list{overflow: hidden; width:100%; margin-bottom:30px; } .info_list ul{display: flex; gap:0 40px; width:100%; margin:0; padding:0;} .info_list ul li{flex: 0 0 100%; width:100%;} .info_list ul li a{display: block; overflow: hidden; border:1px solid #f4f4f4; border-radius: 40px;} .info_list ul li a img{display:block; width:100%; height:auto; box-shadow: 0 -4px 14px rgba(102, 56, 151, 0,07); border-radius: 40px; object-fit: cover;} .info_btn{display: flex; align-items: center; justify-content: center; min-width:250px; height:50px; padding:0 20px; z-index:2; background: #fff; border-radius: 33px; position:absolute; bottom:0; left:50%; transform: translate(-50%, 50%); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);} .info_btn strong{color:#1c4d8d; font-family: 'Hakgyoansim Allimjang'; font-size:14px; font-weight:400; margin-right:8px;} .info_btn span{font-size:14px; color:#2a2a2a; margin-right:25px;} .info_btn button{display: block; width:10px; height:15px; font-size:0; margin:0 3px;} .info_btn .prev{background: url('/images/2026/01main/prev_btn.png') no-repeat center/contain;} .info_btn .stop{background: url('/images/2026/01main/stop_btn.png') no-repeat center/contain;} .info_btn .play{background: url('/images/2026/01main/play_btn.png') no-repeat center/contain;} .info_btn .next{background: url('/images/2026/01main/next_btn.png') no-repeat center/contain;} .info_btn .all{background: url('/images/2026/01main/all_btn.png') no-repeat center/contain;} .info_wrap{display: none; text-align: center;} .info_wrap.on{display: block; position: fixed; inset: 0; z-index: 999;} .info_wrap.on::before{content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8);} .info_wrap.on .info_more{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: 80vh; padding: 25px 20px; box-sizing: border-box; background: #fff; border-radius: 20px; overflow: hidden; z-index: 1;} .info_more h3{margin: 0 0 20px; font-size: 20px; text-align: left; font-weight:400;} .info_more h3 span{color:#1c4d8d;} .info_more_con{height: calc(100% - 50px); overflow-y: auto; overflow-x: hidden;} .info_more_con ul{display: flex; flex-wrap: wrap; flex-direction: column; gap: 15px; margin: 0; padding: 0; list-style: none;} .info_more_con ul li{width: 100%;} .info_more_con li a{display: block;} .info_more_con li img{display: block; width: 100%; height: auto; border-radius: 10px; object-fit: cover;} .info_wrap .info_more button{position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; padding: 0; border: 1px solid #1c4d8d; border-radius: 50%; background: #fff url('/images/2026/common/close.png') no-repeat center / 12px; font-size: 0;} .main_con4{margin:50px 0; padding:0 16px;} .now_box h2{font-size:24px; font-family: 'Hakgyoansim Allimjang'; font-weight:700; color:#333; } .now_box h2 span{color:#1c4d8d;} .now_box p{margin:8px 0; color:#333; font-weight:200; font-size:15px;} .now_box p strong{font-weight:300;} .now_box { position: relative;} .m_sns {position: relative; padding-top: 80px;} .m_sns h3 { position: absolute; top: 0; margin: 15px 0; padding: 0; width: 42px; height: 42px;} .m_sns h3:nth-of-type(1) { left: 0;} .m_sns h3:nth-of-type(2) { left: 50px;} .m_sns h3:nth-of-type(3) {left: 100px;} .m_sns h3 a{display: inline-block; width: 42px; height: 42px; font-size: 0; border: 1px solid transparent; border-radius: 50%; background-image: url('/upload_data/board_data/BBS_0000130/179273030984835.png'); background-repeat: no-repeat; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;} .m_sns h3:nth-of-type(1) a{background-position: center -44px;} .m_sns h3:nth-of-type(2) a{background-position: center -85px;} .m_sns h3:nth-of-type(3) a {background-position: center -1px;} .m_sns h3 a::before {content: ""; position: absolute; left: 50%; top: -14px; width: 7px; height: 7px; border-radius: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.25s ease;} .m_sns .sns_list li a::before {content: ""; position: absolute; left: 50%; top: -14px; width: 7px; height: 7px; border-radius: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.25s ease;} .m_sns h3 a:hover, .m_sns h3 a:focus, .m_sns h3 a.on {transform: translateY(-6px); background-image: url('/upload_data/board_data/BBS_0000130/179273030984969.png'); background-color: #fff;} .m_sns h3 a:hover::before, .m_sns h3 a:focus::before, .m_sns h3 a.on::before{ opacity: 1;} .m_sns .sns_list li a:hover, .m_sns .sns_list li a:focus, .m_sns .sns_list li a.on {transform: translateY(-6px); background-image: url('/upload_data/board_data/BBS_0000130/179212384817060.png'); background-color: #fff;} .m_sns .sns_list li a:hover::before{ opacity: 1;} /* .m_sns .sns_list li a:hover::before, .m_sns .sns_list li a:focus::before, .m_sns .sns_list li a.on::before{ opacity: 1;} */ .m_sns h3:nth-of-type(1) a::before{background-color: #4988c4;} .m_sns h3:nth-of-type(1) a:hover, .m_sns h3:nth-of-type(1) a:focus, .m_sns h3:nth-of-type(1) a.on {background-position: center -39px; border-color: #4988c4; box-shadow: 0 8px 15px rgba(52, 123, 204, 0.25); } .m_sns h3:nth-of-type(2) a::before{background-color: #4988c4;} .m_sns h3:nth-of-type(2) a:hover, .m_sns h3:nth-of-type(2) a:focus, .m_sns h3:nth-of-type(2) a.on {background-position: center -79px; border-color: #4988c4; box-shadow: 0 8px 15px rgba(52, 123, 204, 0.25); } .m_sns h3:nth-of-type(3) a::before{background-color:#cc3446} .m_sns h3:nth-of-type(3) a:hover, .m_sns h3:nth-of-type(3) a:focus, .m_sns h3:nth-of-type(3) a.on {background-position: center 3px; border-color: #cc3446; box-shadow: 0 8px 15px rgba(204, 52, 70, 0.25);} .m_sns .sns_list { position: absolute; top: 15px; left:153px; display: flex; align-items: center; gap: 10px;} .m_sns .sns_list li a{position:relative; display: block; width: 42px; height: 42px; border-radius: 50%; border: 1px solid transparent; font-size: 0; background-image: url('/upload_data/board_data/BBS_0000130/179212384817036.png'); background-repeat: no-repeat; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;} .m_sns .sns_list li:nth-of-type(1) a{background-position: center -127px;} .m_sns .sns_list li:nth-of-type(2) a{background-position: center -169px;} .m_sns .sns_list li:nth-of-type(3) a{background-position: center -212px;} .m_sns .sns_list li:nth-of-type(4) a{background-position: center -253px;} .m_sns .sns_list li:nth-of-type(1) a::before{background-color:#e73390;} .m_sns .sns_list li:nth-of-type(1) a:hover, .m_sns .sns_list li:nth-of-type(1) a:focus, .m_sns .sns_list li:nth-of-type(1) a.on {background-position: center -123px; border-color: #e73390; box-shadow: 0 8px 15px rgba(231, 51, 144, 0.25);} .m_sns .sns_list li:nth-of-type(2) a::before{background-color:#3f6aae;} .m_sns .sns_list li:nth-of-type(2) a:hover, .m_sns .sns_list li:nth-of-type(2) a:focus, .m_sns .sns_list li:nth-of-type(2) a.on {background-position: center -167px; border-color: #3f6aae; box-shadow: 0 8px 15px rgba(63, 106, 174, 0.25);} .m_sns .sns_list li:nth-of-type(3) a::before{background-color:#31b15b;} .m_sns .sns_list li:nth-of-type(3) a:hover, .m_sns .sns_list li:nth-of-type(3) a:focus, .m_sns .sns_list li:nth-of-type(3) a.on {background-position: center -211px; border-color: #31b15b; box-shadow: 0 8px 15px rgba(49, 177, 91, 0.25);} .m_sns .sns_list li:nth-of-type(4) a::before{background-color:#50b848;} .m_sns .sns_list li:nth-of-type(4) a:hover, .m_sns .sns_list li:nth-of-type(4) a:focus, .m_sns .sns_list li:nth-of-type(4) a.on {background-position: center -255px; border-color: #50b848; box-shadow: 0 8px 15px rgba(80, 184, 72, 0.25);} .m_sns .sns_list li a::after{content: '';display: block;position: absolute;left: 86%;top: -3%;transform: translate(-50%, -50%);width: 18px;height: 18px;} .m_sns .sns_list li:nth-child(1) a::after {background: url('/upload_data/board_data/BBS_0000130/179299133462671.png') no-repeat;} .m_sns .sns_list li:nth-child(2) a::after {background: url('/upload_data/board_data/BBS_0000130/179299133462635.png') no-repeat;} .m_sns .sns_list li:nth-child(3) a::after {background: url('/upload_data/board_data/BBS_0000130/179299133462787.png') no-repeat;} .m_sns .sns_list li:nth-child(4) a::after { background: url('/upload_data/board_data/BBS_0000130/179299133462702.png') no-repeat;} .sns_video{transition:.3s all;} .sns_video .video{display:block; position:relative; width:100%; border-radius:30px; margin-bottom:10px;} .sns_video .video::-webkit-media-controls-timeline {display: none;} .m_sns .tab_con{display: none; } .m_sns .tab_con.on{display: block;} .tab_list{display: flex;flex-wrap: wrap;gap: 10px; width: 100%; position:relative;} .tab_list a {display: block;width: calc(50% - 5px); position:relative; overflow: hidden; border-radius: 30px; isolation: isolate;} .tab_list a > span{position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; display: flex; flex-direction: column; border-radius: inherit; align-items: center; justify-content: center; gap:8px; padding:15px; border-radius: 30px; text-align: center; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;} .tab_list a > span strong{display: block; color:#fff; font-size:16px; font-weight:500; line-height: 1.5;} .tab_list a > span em{display: block; color:#fff; font-size:14px; font-style: normal; font-weight: 400;} .tab_list a:hover img, .tab_list a:focus img{filter: blur(3px) brightness(0.65); transform: scale(1.05); border-radius: 30px;} .tab_list a:hover > span, .tab_list a:focus-visible > span {opacity: 1;visibility: visible; border-radius: 30px;} .tab_list a:first-child {width: calc(50% - 5px);} .tab_list a img {display: block; width: 100%; height: auto; transition: filter 0.4s ease, transform 0.4s ease;} .tab_list a:nth-child(n + 3) { display: none;} .tab_con>p .more{position:absolute; top:-33px; right:0; display: inline-block; height: 32px;line-height: 32px; padding-left: 36px; color: #1c4d8d; font-size: 14px; background: url('/images/2026/01main/m_all.png') no-repeat left center; background-size: 25px 25px; box-sizing: border-box;} .now_box .now_deco{display: none;} .main_con5{margin:50px 0; padding:0 16px;} .tab_service_list {display:flex; width:100%; height:52px; margin:0; padding:0; text-align: center;} .tab_service_list .service_tab{flex:1; min-width:0; height:52px; display: flex; align-items: flex-end;} .tab_service_list .service_tab button {display:block; width:100%; height:42px; border-radius:20px 20px 0 0; font-size:12px; line-height:13px; padding:0 5px; font-family: 'Hakgyoansim Allimjang';} .tab_service_list .service_tab:nth-child(1) button{background-color: #cae5ff; color:#4988c4;} .tab_service_list .service_tab:nth-child(1) button:hover, .tab_service_list .service_tab:nth-child(1) button:focus, .tab_service_list .service_tab:nth-child(1).on button{background-color: #4988c4; color:#fff; height:52px; transition: ease-in-out 0.3s;} .tab_service_list .service_tab:nth-child(2) button{background-color: #f3eaff; color:#b65ecf;} .tab_service_list .service_tab:nth-child(2) button:hover, .tab_service_list .service_tab:nth-child(2) button:focus, .tab_service_list .service_tab:nth-child(2).on button{background-color: #b65ecf; color:#fff; height:52px; transition: ease-in-out 0.3s;} .tab_service_list .service_tab:nth-child(3) button{background-color: #ffece2; color:#c0734c;} .tab_service_list .service_tab:nth-child(3) button:hover, .tab_service_list .service_tab:nth-child(3) button:focus, .tab_service_list .service_tab:nth-child(3).on button{background-color: #c0734c; color:#fff; height:52px; transition: ease-in-out 0.3s;} .tab_service_list .service_tab:nth-child(4) button{background-color: #f8e6ee; color:#b6507d;} .tab_service_list .service_tab:nth-child(4) button:hover, .tab_service_list .service_tab:nth-child(4) button:focus, .tab_service_list .service_tab:nth-child(4).on button{background-color: #b6507d; color:#fff; height:52px; transition: ease-in-out 0.3s;} /* .service_box{position:relative; z-index:1;} */ .service_box::before{content:''; display: block; background: #fff; border-radius: 30px 30px 0 0; position:absolute; top:-5px; left:50%; width:calc(100% + 32px); height:100%; transform: translateX(-50%); z-index:-1; box-shadow:0 -8px 16px 0 rgba(73, 136, 196, 0.16);} .service_inner{padding-top:38px;} .service_tit_box{text-align: center;} .service_tit_box i{display: none;} .service_tit_box h2{font-size:24px; font-family: 'Hakgyoansim Allimjang'; font-weight:700; color:#333;} .service_tit_box h2 span{color:#1c4d8d;} .service_tit_box p{margin:8px 0; color:#333; font-weight:200; font-size:15px;} .service_tit_box p strong{font-weight:300;} .service_content{position:relative;} .service_inner{display: none;} .service_inner.on{display: block;} .service_list_inner{display: none;} .service_list_inner.on{display: block;} .service_list01, .service_list02, .service_list03, .service_list04{display: flex; flex-wrap: wrap; gap:10px; margin-top:20px;} .service_list01 li, .service_list02 li, .service_list03 li, .service_list04 li{width: calc(50% - 5px); flex: 0 0 calc(50% - 5px);} .service_list01 li a, .service_list02 li a, .service_list03 li a, .service_list04 li a{display: flex; align-items: center; width:100%; height:40px; padding:0 16px; box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 50px; color:#2c2c2c; font-size:15px; font-weight:200; } .service_list01 li a:hover, .service_list02 li a:hover, .service_list03 li a:hover, .service_list04 li a:hover{border:1px solid #1c4d8d;} /* .service_list li a em{font-style: normal; flex-shrink:0;width:9px;margin-right:10px; color:#4988c4;font-size:11px;font-weight:400; } */ .service_list01 li a br, .service_list02 li a br, .service_list03 li a br, .service_list04 li a br{display:none;} /* .service_list_box .more {display:none; line-height: 25px; color:#1c4d8d; font-size:14px; font-weight:200; padding-left:30px; background:url('/images/2026/01main/m_all.png')no-repeat left center; background-size: 25px 25px; white-space: nowrap;} */ @media (min-width: 360px){ .m_sch .sch_input label{width:auto; white-space:nowrap;} } /* Tablet */ @media all and (min-width:768px) { .search_box{gap:22px;} .slogan{width:120px; height:45px;} .slogan img{width:120px; height:45px;} .m_sch .sch_input input[type="text"]{height:70px; padding:24px 55px 24px 46px;} .m_sch .sch_input label{font-size:18px; left:46px;} .m_sch .sch_input input[type="submit"]{width:65px; height:65px; background:url('/images/2026/01main/m_search.png') no-repeat center / 28px 28px, linear-gradient(120deg, #1c4d8d 0%, #4988c4 50%, #72a6d7 100%);} .m_sch .popkey{width:100%; margin-left:0; gap:0; margin-top:24px;} .m_sch .popkey strong{display: flex; align-items: center; gap:5px; width:auto; height:auto; font-size:15px; color:#2c5ead; white-space: nowrap;} .m_sch .popkey strong::after{content: ''; display: block; width:45px; height:1px; background: #d9d9d9; margin:0 15px; flex:0 0 auto;} .m_sch .popkey li a{font-size:15px;} .quick_box ul{flex-wrap: nowrap;} .quick_box ul li {width:16.6%;} .quick_box ul li a{font-size:16px;} .quick_wrap.on .quick_more_con>ul{display: flex; flex-wrap: wrap; justify-content: center;} .quick_wrap.on .quick_more_con>ul>li{width:33.3%;} .vis_list ul li a{width:100%; height:auto;} .vis_list ul li a img{width: 100%;height: auto; } .vis_btn strong{ font-size:15px; } .vis_btn span{font-size:15px;} .vis_more_con ul{flex-direction: row;} .vis_more_con ul li{width: calc((100% - 15px) / 2);} .pro_btn1{height:136px;} .pro_btn1::after{width:220px; height:210px;} .pro_btn1 li a{font-size:16px; padding:20px 30px;} /*퀵메뉴 수정*/ /* .side_menu{position:fixed;right:0;bottom:0;width:90%;height:100px;z-index: 900;border-radius:30px 0 0 0;padding-bottom:30px;transition:.5s all} .side_menu:after{display:block;content:"";clear:both;} .side_menu h2{position:absolute;padding: 19px 20px;} .side_menu h2:after{display:block;content:"";width:1px;height:60px;background:rgba(255,255,255,0.3);position:absolute;top:0;right:0;} .side_menu h2 span{display:block;} .side_menu ul{width:calc(100% - 100px);min-width:1200px;padding-top:8px;margin-left:100px;} .side_menu ul li, .side_menu li:nth-child(4), .side_menu li:nth-child(5), .side_menu li:nth-child(6), .side_menu li:nth-child(7){width:auto;padding:0 12px;line-height:1.5em;font-size:14px;} .side_menu li:nth-child(1), .side_menu li:nth-child(2), .side_menu li:nth-child(3){padding-top:10px;} .side_menu .close{display:inline-block;width:46px;height:46px;background:url("/upload_data/board_data/BBS_0000130/179428846088221.png") no-repeat center 0;font-size:0;position:absolute;left:-20px;top:30px;cursor: grab;} .side_menu li a{padding:0;background:none;} .side_menu li a br{display:block;} .side_menu.off{width: 100px;} .side_menu.off ul{display:none;} .side_menu.off .open{display:inline-block;width:46px;height:46px;background:url("/upload_data/board_data/BBS_0000130/179428846088221.png") no-repeat center -50px;font-size:0;position:absolute;left:-20px;top:30px;cursor: grab;} .side_menu.off .close{display:none;} */ .m_bbs .bbs_box{min-height:415px;} .m_bbs .bbs_tit{width:16.6%;} .m_bbs .bbs_con{top:90px;} .bbs_con ul{gap: 15px;} .bbs_con ul li{ width: calc(50% - 8px);}.bbs_con ul li:nth-child(n+3){display: none; } .bbs_con ul li:nth-child(1), .bbs_con ul li:nth-child(2){display: block;} .bbs_con ul li:hover, .bbs_con ul li:focus{ transform:translateY(-12px);} .info_list>ul{gap: 20px;} .info_list>ul>li{flex: 0 0 calc(50% - 10px); width: calc(50% - 10px);} .info_more_con ul{flex-direction: row;} .info_more_con ul li{width: calc((100% - 15px) / 2);} .tab_service_list{height:70px;} .tab_service_list .service_tab{height:70px;} .tab_service_list .service_tab button{ height:56px; font-size:17px; line-height:18px; padding:0 5px;} .tab_service_list .service_tab:nth-child(1) button:hover, .tab_service_list .service_tab:nth-child(1) button:focus, .tab_service_list .service_tab:nth-child(1).on button{height:70px;} .tab_service_list .service_tab:nth-child(2) button:hover, .tab_service_list .service_tab:nth-child(2) button:focus, .tab_service_list .service_tab:nth-child(2).on button{height:70px;} .tab_service_list .service_tab:nth-child(3) button:hover, .tab_service_list .service_tab:nth-child(3) button:focus, .tab_service_list .service_tab:nth-child(3).on button{height:70px;} .tab_service_list .service_tab:nth-child(4) button:hover, .tab_service_list .service_tab:nth-child(4) button:focus, .tab_service_list .service_tab:nth-child(4).on button{height:70px;} } /* Desktop */ @media all and (min-width:1023px) { .main_con1{padding:47px 3vw 0 3vw;} .search_box {gap:58px;} .slogan{width:180px; height:60px;} .slogan img{width:180px; height:60px; margin:10px 0;} .quick_box{display: flex; align-items: center;} .quick_box ul{flex:1;} /* .quick_box .more{position: static; flex: 0 0 auto; transform: none; margin-left:20px; } */ .quick_wrap.on .quick_more{height: 555px;max-height:600px;width: 1000px;padding: 55px 0 55px 0;} .quick_wrap.on .quick_more_con>ul{display: flex; flex-wrap: wrap; } .quick_wrap.on .quick_more_con>ul>li{width:16.6%;} .vis_btn span{margin-right:44px;} .pro_btn1 li a{font-size:18px;} .pro_btn2 li a{font-size:16px;} .pro_btn2 li a::before{content: ''; display: block; background: #fff url('/images/2026/01main/pro_p_ico.png')no-repeat center 0; border-radius: 50px; width:90px; height:90px; margin:0 auto 13px auto; box-shadow: 0 0px 15px rgba(229, 229, 229, 0.8); transition: box-shadow 0.25s ease;} .pro_btn2 .pro01::before{background-position:center 16px;} .pro_btn2 .pro02::before{background-position:center -56px;} .pro_btn2 .pro03::before{background-position:center -123px;} /*퀵메뉴 수정*/ /* .side_menu{ width:80%; margin: 0 auto; } .side_menu ul{width:calc(100% - 110px);} .side_menu li{font-size:16px !important;padding-top: 15px !important;} .side_menu li a br{display:none;} .side_menu li a:hover, .side_menu li a:focus{text-decoration:underline;} */ .m_bbs h2{font-size:33px;} .m_bbs .bbs_box{border-radius: 100px; min-height:380px;} .m_bbs .bbs_box::before{border-radius: 100px;} .m_bbs .bbs_tit{float: none; width: 15%; margin-top: 0; height: 50px; line-height: 50px; transform: translateY(30px);} .m_bbs .bbs_tit a{height:50px; margin:4px 0;} .m_bbs .bbs_tit.on a { display: flex;align-items: center;justify-content: center;gap: 8px;height: 50px;line-height: normal; font-size:18px;} .bbs_tit.on a::before{ content: ''; display:inline-block; width: 20px; height: 20px; padding-right:10px; line-height: 20px; background: url('/images/2026/01main/notice_ico.png') no-repeat center; background-size: contain;} .m_bbs .bbs_con {top: 20px; left: 20%; width: calc(80% - 20px); height: auto; margin: 0;} .bbs_con ul{display: flex; flex-wrap: nowrap; gap: 15px; margin:10px 0;} .bbs_con ul li{width: 240px; height:277px; margin: 15px 0; display: block; border-radius: 40px; padding:28px 30px;} .bbs_con ul li:nth-child(-n+3) {display:block;} .bbs_con ul li a strong{margin-top:10px;} .bbs_con>p .more{position:absolute; top:-79px; right:0;} .info_box{margin-top:40px;} .now_box h2{font-size:33px;} .now_box .now_tit{display: flex; align-items: baseline;} .now_box p{margin:0 0 0 30px; font-size:18px;} .service_list01 li a, .service_list02 li a, .service_list03 li a, .service_list03 li a{height:60px; padding:0 25px;} .service_list01 li a em, .service_list02 li a em, .service_list03 li a em, .service_list04 li a em{font-size:15px; width:20px;} } @media all and (min-width:1400px){ .search_box{width:1100px; margin:0 auto;} .slogan{width:200px; height:73px;} .slogan img{width:200px; height:73px; margin:2px 0;} .m_sch .sch_input input[type="text"]{ padding:24px 55px 24px 56px; width:800px; font-size:22px;} .m_sch .sch_input label{font-size:22px; left:56px;} .m_sch .sch_input input[type="submit"]{right:0;} .m_sch .popkey{margin-left:56px; width:calc(100% - 56px);} .m_sch .popkey strong{font-size:17px;} .m_sch .popkey strong::after{width:52px;} .m_sch .popkey ol{gap:40px;} .m_sch .popkey li a{font-size:17px;} .quick_box{width:1055px; margin:35px auto 35px auto;} .quick_box ul{align-items: center; justify-content:center; gap:50px;} .quick_box li{width:auto;} .quick_box li a{font-size:18px;} .quick_box li a::before{width: 90px;height: 90px;background-size: 65% auto;} .quick_box .q01::before{background-position:center 18px;} .quick_box .q02::before{background-position: center -51px;} .quick_box .q03::before{background-position: center -121px;} .quick_box .q04::before{background-position: center -195px;} .quick_box .q05::before{background-position: center -274px;} .quick_box .q06::before{background-position: center -353px;} .quick_box .q07::before{background-position: center -435px;} .quick_box .q08::before{background-position: center -510px;} .quick_box .q09::before{background-position: center -597px;} .quick_box .q10::before{background-position: center -680px;} .quick_box .q11::before{background-position: center -754px;} .quick_box .q12::before{background-position: center -822px;} .quick_box .q13::before{background-position: center -899px;} .quick_box .q14::before{background-position: center -979px;} .quick_box .q15::before{background-position: center -1055px;} .quick_box .q16::before{background-position: center -1139px;} .quick_box .q17::before{background-position: center -1217px;} .quick_box .q18::before{background-position: center -1303px;} .quick_box .q19::before{background-position: center -1385px;} .quick_box .q20::before{background-position: center -1469px;} .quick_box .q21::before{background-position: center -1545px;} .quick_box .q22::before{background-position: center -1624px;} .quick_box .q23::before{background-position: center -1704px;} .quick_box .q24::before{background-position: center -1777px;} .quick_box .q25::before{background-position: center -1856px;} .quick_box .q26::before{background-position: center -1939px;} .quick_box a br{display: none;} .quick_box .quick_btn .prev{top: 50px;} .quick_box .quick_btn .next{top: 50px;} .quick_box .more{display:block;position:relative;left: 104px;top: -9px;} .quick_box .more a{display: block; width: 22px; height: 22px; font-size: 0;background: url('/upload_data/board_data/BBS_0000130/179438731519851.png') no-repeat center center; background-size: 22px 22px; } .main_con2{width:1600px; margin:0 auto; display: flex; gap:74px; position:relative; padding:0;} .main_con2 .l_con{width:50%;} .main_con2 .r_con{width:50%;} .main_con2 .r_con::before{content: ''; display: block; background: #fff; border-radius: 80px; width:1400px; height:320px; position:absolute; top:20px; right:0; z-index:-1; box-shadow: -13px 16px 21px rgba(69, 157, 241, 0.05);} .vis_list ul li a{width:770px; height:466px; border-radius: 70px;} .vis_list ul li a img{width:770px; height:466px;} .vis_btn{width:320px; height:64px; box-sizing: border-box;} .vis_btn strong{font-size:19px; margin-right:15px;} .vis_btn span{font-size:17px;} .vis_more h3{font-size:28px; text-align: center;} .vis_wrap.on .vis_more {max-width: 1600px; padding: 40px;} .vis_more_con ul li{width: calc((100% - 30px) / 3);} .profile_box > p{font-size:37px; padding: 50px 0 47px 0;} .profile_box > p strong{font-size:45px; letter-spacing: 3px;} .profile_box > p span{font-size:45px;} .pro_btn1{width:352px; height:140px; border-radius: 50px 50px 0 0 ;} .pro_btn1 li a{font-size:20px;} .pro_btn1 li a:hover, .pro_btn1 li a:focus{ background-position: 80% center; } .pro_btn1::before{content: ''; display: block; background: url('/images/2026/01main/prof_bg.png') no-repeat; width:255px; height:253px; position: absolute; right:-359px; top:-121px; z-index:-2;} .pro_btn1::after{content: ''; position:absolute; z-index:3;right:-212px;bottom:-4px;width:275px;height:255px;background:url('/images/2026/01main/profile.png') no-repeat right bottom / contain;} .pro_btn2 li a{display: flex; align-items: center; justify-content: center; text-align: left; font-size:19px; white-space: nowrap;} .pro_btn2 li a::before {width:95px; height:95px;background: #fff url('/images/2026/01main/pro_p_ico.png') no-repeat center 0; margin:0 25px 0 0;} .pro_btn2 .pro01::before{background-position:center 22px;} .pro_btn2 .pro02::before{background-position:center -50px;} .pro_btn2 .pro03::before{background-position:center -122px;} /* .side_menu{background:#1c4d8d;padding:20px 10px;} .side_menu:after{display:block;content:"";clear:both;} .side_menu h2{color:#fff;font-size:16px;text-align:center;padding-bottom:15px;} .side_menu li{float:left;width:calc(100% / 3);text-align:center;font-size:13px;letter-spacing:-0.03em;padding:3px;} .side_menu li:nth-child(4), .side_menu li:nth-child(5), .side_menu li:nth-child(6), .side_menu li:nth-child(7){width:calc(100% / 2);} .side_menu li a{display:block;color:#fff;background:rgba(255,255,255,0.2);padding:10px;border-radius:50px;} .side_menu li a br{display:none;} .side_menu .open, .side_menu .close{display:none;} */ .side_menu{position:fixed;top: 53%;right:0;bottom:0;transform:translate(0, -50%);width: 110px;height: 500px; padding: 20px 0 20px 0;box-sizing:border-box;box-shadow: -3px 0 10px rgba(0,0,0,0.02);z-index:900;z-index:20;border-radius: 50px 0 0 50px;border:1px solid #f0f0f0;border-right:none;background:#fff;transition:transform .5s ease;} .side_menu:after{display:none;} .side_menu h2{position:absolute;padding: 11px 20px;color:#1e76c8;font-size: 18px;font-weight:600;} /* .side_menu h2 span{display:block;} */ /* .side_menu h2:after{display:none;} */ .side_menu ul{position:relative;width:100%;min-width:0;margin: 63px 0 0 0;padding:0;z-index:2;} .side_menu li{position:relative;} .side_menu li, .side_menu li:nth-child(4), .side_menu li:nth-child(5), .side_menu li:nth-child(6), .side_menu li:nth-child(7){float:none;width:100%;padding:0;margin:0;text-align:center;font-size: 13px;line-height:1.4em;letter-spacing:-0.03em;box-sizing:border-box;} .side_menu li a{display:block;color:#333;background:none;padding: 15px 0;border-radius:0;} .side_menu li a:hover, .side_menu li a:focus{color:#225eab; text-decoration:underline;} .side_menu li:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width: 65px;height:1px;background: #eaeaea;} .side_menu li:last-child:after{display:none;} .side_menu li a br{display:block;} /* .side_menu .close{display:block;width:46px;height:46px;background:url("/upload_data/board_data/BBS_0000130/179438099609216.png") no-repeat center 0;font-size:0;position:absolute;left:50%;top: -18px;transform:translateX(-50%);z-index:3;cursor:pointer;} */ /* .side_menu .open{display:none;width:46px;height:46px;background:url("/upload_data/board_data/BBS_0000130/179438099609216.png") no-repeat center -50px;font-size:0;position:absolute;left:50%;top: -18px;transform:translateX(-50%);z-index:3;cursor:pointer;} */ .side_menu .close, .side_menu .open {position:absolute; left:-26px; top:50%; transform:translateY(-50%); width:26px; height:52px; box-sizing:border-box; background:#fff; border:1px solid #e5e5e5; border-right:none; border-radius:26px 0 0 26px; box-shadow:-2px 0 8px rgba(0,0,0,0.06); font-size:0; cursor:pointer; z-index:999;} .side_menu .close:after, .side_menu .open:after {content:"❯"; position:absolute; top:50%; left:50%; transform:translate(-35%,-50%); font-size:17px; color:#333;} .side_menu .close {display:block;} .side_menu .open {display:none;} .side_menu.off {transform:translateX(calc(100% - 6px)) translateY(-50%);} .side_menu.off .open:after {content:"❮";} .side_menu.off .close {display:none;} .side_menu.off .open {display:block;} .side_menu>ul>li>a>br{display:block;} .main_con3{width:1600px; margin:80px auto 0 auto; display: flex; gap:55px; position:relative; padding:0;} .main_con3 .l_con{width:75%;} .main_con3 .r_con{width:25%;} .m_bbs h2{font-size:42px; margin-bottom:47px;} .m_bbs .bbs_tit{width:213px; text-align: left;} .m_bbs .bbs_tit a{ padding-left: 60px;} .m_bbs .bbs_tit a:hover{color:#2766b6; transition: ease-in-out 0.3s;} .m_bbs .bbs_tit.on{border-radius: 10px 25px 25px 25px;} .m_bbs .bbs_tit.on a{justify-content: flex-start; padding-left:25px; text-align: left; font-size:20px;} .m_bbs .bbs_tit.on a:hover{color: #fff;} .m_bbs .bbs_tit a{font-size:19px;} .bbs_con ul{justify-content: flex-end; gap:18px; margin:20px 40px 30px 0;} .bbs_con ul li{width:260px;} .bbs_con ul li>a>em{font-size:15px;} .bbs_con ul li a strong{font-size:17px;} .bbs_con ul li a span{margin-top:18px; font-size:15px;} .bbs_con ul li a p i{font-size:15px;} .bbs_con>p .more{top: -107px; font-size:16px;} .info_list>ul>li {flex: 0 0 100%; width: 100%;} .info_list>ul>li>a{width:394px; height:408px; border-radius: 50px;} .info_list>ul>li>a img{width:394px; height:408px;} .info_btn{width:320px; height:55px; bottom:-22px;} .info_btn strong{margin-right:15px; font-size:19px;} .info_btn span{font-size:17px;} .info_more_con ul{flex-direction: row;} .info_more h3{font-size:28px; text-align: center;} .info_wrap.on .info_more {max-width: 1600px; padding: 40px;} .info_more_con ul li{width: calc((100% - 30px) / 3);} .main_con4{width:1600px; margin:80px auto 0 auto; position:relative; padding:0;} .now_box{position:relative;} .now_box h2{font-size:42px;} .now_box p{position:relative; font-size:21px;} .now_box .now_tit p::after{content: ''; display: block; width:240px; height:1px; background: #4d4d4d; position:absolute; left:310px; top:11px;} .m_sns{position:relative;} .m_sns h3{top:-55px;} .m_sns h3:nth-of-type(1) { left: 850px;} .m_sns h3:nth-of-type(2) { left: 900px;} .m_sns h3:nth-of-type(3) {left: 950px;} .m_sns .sns_list{top:-41px; left:1002px;} .sns_wrap{display: flex; justify-content: center; align-items: flex-start; gap:54px;} .sns_video .video{border-radius:50px; margin-bottom:0; height:446px; object-fit:cover} .tab_list{display: grid; grid-template-columns: repeat(2, 375px); gap: 16px 30px;} .tab_list a{display: block !important; width: auto !important; height: auto !important; overflow: hidden; border-radius: 50px;} .tab_list a img {display: block; width: 100%; height: 211px;object-fit: cover; border-radius: 50px;} .tab_list a > span{ border-radius: 50px;} .tab_list a > span strong{font-size:22px; font-weight:300;} .tab_list a > span em{font-size:17px;font-weight: 300;} /* .tab_list{display: grid !important;grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 211px 211px; column-gap: 54px; row-gap:24px; width: 100%;} .tab_list a{display: block !important; width: auto !important; height: auto !important; overflow: hidden; border-radius: 20px;} .tab_list a img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50px;} .tab_list a:first-child {grid-column: 1; grid-row: 1 / 3;} .tab_list a:nth-child(2), .tab_list a:nth-child(3), .tab_list a:nth-child(4), .tab_list a:nth-child(5){display: block !important;} .tab_list{display: grid !important;grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 211px 211px; column-gap: 54px; row-gap:24px; width: 100%;} .tab_list .youtube_video { display: block; grid-column: 1; grid-row: 1 / 3; position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; border-radius: 30px;} .tab_list .youtube_video iframe {display: block; position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0 !important; border: 0;} .tab_list a{display: block !important; width: auto !important; height: auto !important; overflow: hidden; border-radius: 50px;} .tab_list a img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50px;} .tab_list a > span{ border-radius: 50px;} .tab_list a > span strong{font-size:22px; font-weight:300;} .tab_list a > span em{font-size:17px;font-weight: 300;} .tab_list a:nth-child(2), .tab_list a:nth-child(3), .tab_list a:nth-child(4), .tab_list a:nth-child(5){display: block !important;} */ .tab_con>p .more{top:-559px; right:203px; font-size:16px;} .now_box{position:relative;} .now_box .now_deco{display: flex; gap:15px; position: absolute; right:0; top:0; } .now_box .now_deco span{display: block; position:relative;} .now_box .now_deco img{display: block;} .now_box .now_deco .deco01 {animation: decoUpDown 1.2s ease-in-out infinite;} .now_box .now_deco .deco02 {animation: decoUpDown 1.2s ease-in-out 0.2s infinite;} .now_box .now_deco .deco03 {animation: decoUpDown 1.2s ease-in-out 0.4s infinite; top: -27px;} /*울진은 지금 효과*/ @keyframes decoUpDown { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(-8px);} } .main5_bg{position:relative; width:100%; margin-top:80px;} .main5_bg::after{content:''; position:absolute; top:152px; left:0; width:100%; height:580px; background:#fff; border-radius:300px 300px 0 0; box-shadow:0 -8px 16px 0 rgba(73,136,196,0.16); z-index:0;} .main5_bg::before{content:''; position:absolute; top:0; left:0; width:100%; max-width:1614px; height:715px; background:#f6fbff; border-radius:0 375px 0 0; z-index:-1;} .main_con5{width:100%; max-width:1600px; margin:80px auto 0; padding:0; position:relative; z-index:1;} .service_list_inner{max-height: 485px;overflow-y: auto;overflow-x: hidden;padding-right:50px;} .service_list_inner::-webkit-scrollbar{width: 5px;} .service_list_inner::-webkit-scrollbar-thumb { background: #9bbfee; border-radius: 4px;} .service_list_inner::-webkit-scrollbar-track { background: transparent;} .tab_service_list{ justify-content:center; align-items:flex-end; gap:0; height:83px; position:relative; top:70px; left:59px;} .tab_service_list .service_tab{flex:0 0 218px; width:218px; min-width:218px; height:83px;} .tab_service_list .service_tab button{width:218px; height:57px; border-radius: 40px 40px 0 0; font-size:22px;} .tab_service_list .service_tab button br{display: none;} .tab_service_list .service_tab:nth-child(1) button:hover, .tab_service_list .service_tab:nth-child(1) button:focus, .tab_service_list .service_tab:nth-child(1).on button{height:83px;} .tab_service_list .service_tab:nth-child(2) button:hover, .tab_service_list .service_tab:nth-child(2) button:focus, .tab_service_list .service_tab:nth-child(2).on button{height:83px;} .tab_service_list .service_tab:nth-child(3) button:hover, .tab_service_list .service_tab:nth-child(3) button:focus, .tab_service_list .service_tab:nth-child(3).on button{height:83px;} .tab_service_list .service_tab:nth-child(4) button:hover, .tab_service_list .service_tab:nth-child(4) button:focus, .tab_service_list .service_tab:nth-child(4).on button{height:83px;} .service_box::before{display:none;} /* .service_box::before{top:70px; left:50%; width:100vw; border-radius:300px 300px 0 0;} */ .service_inner{width:100%; max-width:1600px; margin:0 auto; display:none; align-items:flex-start; gap:50px; padding:32px 20px 70px; box-sizing:border-box; position:relative; top:95px;} .service_inner.on{display:flex;} .service_tit_box{position:relative; flex:0 0 350px; width:350px; padding-top:75px; text-align:left; box-sizing:border-box;} .service_tit_box h2{font-size:42px; line-height:1.2;} .service_tit_box p{margin-top:15px; font-size:18px;line-height:1.5;} .service_tit_box i{display:block; position:absolute; top:185px; left:-40px; width:358px; height:300px; background:url('/images/2026/01main/service_bg.png') no-repeat center/contain;} .service_content{flex:0 0 1020px; width:1020px; min-width:0; } .service_list_box{width:100%;} .service_list01, .service_list02, .service_list03, .service_list04{display:grid; grid-template-columns:repeat(5, 1fr); gap:15px 17px; margin-top:0;} .service_list01 li, .service_list02 li, .service_list03 li, .service_list04 li{width:auto; flex:none;} .service_list01 li a, .service_list02 li a, .service_list03 li a, .service_list04 li a{position:relative; flex-direction:column; justify-content:center; width:185px; height:235px; padding:110px 0 0 0; background: #fff; font-size:18px; line-height:1.3; text-align:center;} /* .service_list li a::before{content:''; position:absolute; top:65px; left:50%; transform:translateX(-50%); display:block; width:100px; height:100px; background-image:url('/images/2026/01main/service_ico1.png'); background-repeat:no-repeat; background-size:100px auto;} */ .service_list01 li a::after, .service_list02 li a::after, .service_list03 li a::after, .service_list04 li a::after{content:''; display:block; position: absolute; top:-2px; right:17px; width:35px; height:35px; background: url('/images/2026/01main/service_hover.png') no-repeat center / 35px 35px; opacity: 0; transition: opacity 0.2s ease;} .service_list01 li a:hover::after, .service_list01 li a:focus::after, .service_list02 li a:hover::after, .service_list02 li a:focus::after, .service_list03 li a:hover::after, .service_list03 li a:focus::after, .service_list04 li a:hover::after, .service_list04 li a:focus::after {opacity: 1;} .service_list01 li a:hover, .service_list01 li a:focus, .service_list02 li a:hover, .service_list02 li a:focus, .service_list03 li a:hover, .service_list03 li a:focus, .service_list04 li a:hover, .service_list04 li a:focus {border:1px solid transparent; border-radius:70px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(138deg, #4988c4, #1c4d8d) border-box; transition: ease-in-out 0.3s;} .service_list01 li a::before{content:''; position:absolute; top:54px; left:50%; transform:translateX(-50%); display:block; width:100px; height:100px; background-image:url('/upload_data/board_data/BBS_0000130/179307780914211.png'); background-repeat:no-repeat; background-size:100px auto;} .service_list01 li:nth-child(1) a::before{ background-position:center -12px;} .service_list01 li:nth-child(2) a::before{background-position:center -109px;} .service_list01 li:nth-child(3) a::before{background-position:center -207px;} .service_list01 li:nth-child(4) a::before{background-position:center -310px;} .service_list01 li:nth-child(5) a::before{background-position:center -415px;} .service_list01 li:nth-child(6) a::before{background-position:center -523px;} .service_list01 li:nth-child(7) a::before{background-position:center -626px;} .service_list01 li:nth-child(8) a::before{background-position:center -730px;} .service_list01 li:nth-child(9) a::before{background-position:center -828px;} .service_list01 li:nth-child(10) a::before{background-position:center -933px;} .service_list01 li:nth-child(11) a::before{background-position:center -1032px;} .service_list01 li:nth-child(12) a::before{background-position:center -1139px;} .service_list01 li:nth-child(13) a::before{background-position:center -1236px;} .service_list01 li:nth-child(14) a::before{background-position:center -1334px;} .service_list01 li:nth-child(15) a::before{background-position:center -1448px;} .service_list02 li a::before{content:''; position:absolute; top:54px; left:50%; transform:translateX(-50%); display:block; width:100px; height:100px; background-image:url('/upload_data/board_data/BBS_0000130/179307780914381.png'); background-repeat:no-repeat; background-size:100px auto;} .service_list02 li:nth-child(1) a::before{ background-position:center -7px;} .service_list02 li:nth-child(2) a::before{background-position:center -100px;} .service_list02 li:nth-child(3) a::before{background-position:center -200px;} .service_list02 li:nth-child(4) a::before{background-position:center -312px;} .service_list02 li:nth-child(5) a::before{background-position:center -425px;} .service_list02 li:nth-child(6) a::before{background-position:center -530px;} .service_list02 li:nth-child(7) a::before{background-position:center -629px;} .service_list02 li:nth-child(8) a::before{background-position:center -730px;} .service_list02 li:nth-child(9) a::before{background-position:center -830px;} .service_list02 li:nth-child(10) a::before{background-position:center -940px;} .service_list02 li:nth-child(11) a::before{background-position:center -1037px;} .service_list02 li:nth-child(12) a::before{background-position:center -1136px;} .service_list02 li:nth-child(13) a::before{background-position:center -1234px;} .service_list02 li:nth-child(14) a::before{background-position:center -1334px;} .service_list02 li:nth-child(15) a::before{background-position:center -1443px;} .service_list03 li a::before{content:''; position:absolute; top:54px; left:50%; transform:translateX(-50%); display:block; width:100px; height:100px; background-image:url('/upload_data/board_data/BBS_0000130/179307780914325.png'); background-repeat:no-repeat; background-size:100px auto;} .service_list03 li:nth-child(1) a::before{ background-position:center -11px;} .service_list03 li:nth-child(2) a::before{background-position:center -106px;} .service_list03 li:nth-child(3) a::before{background-position:center -211px;} .service_list03 li:nth-child(4) a::before{background-position:center -313px;} .service_list03 li:nth-child(5) a::before{background-position:center -408px;} .service_list03 li:nth-child(6) a::before{background-position:center -504px;} .service_list03 li:nth-child(7) a::before{background-position:center -597px;} .service_list03 li:nth-child(8) a::before{background-position:center -691px;} .service_list03 li:nth-child(9) a::before{background-position:center -795px;} .service_list03 li:nth-child(10) a::before{background-position:center -894px;} .service_list03 li:nth-child(11) a::before{background-position:center -1014px;} .service_list03 li:nth-child(12) a::before{background-position:center -1126px;} .service_list03 li:nth-child(13) a::before{background-position:center -1232px;} .service_list03 li:nth-child(14) a::before{background-position:center -1339px;} .service_list03 li:nth-child(15) a::before{background-position:center -1440px;} .service_list04 li a::before{content:''; position:absolute; top:54px; left:50%; transform:translateX(-50%); display:block; width:100px; height:100px; background-image:url(' /upload_data/board_data/BBS_0000130/179307780914424.png'); background-repeat:no-repeat; background-size:100px auto;} .service_list04 li:nth-child(1) a::before{ background-position:center -4px;} .service_list04 li:nth-child(2) a::before{background-position:center -90px;} .service_list04 li:nth-child(3) a::before{background-position:center -194px;} .service_list04 li:nth-child(4) a::before{background-position:center -301px;} .service_list04 li:nth-child(5) a::before{background-position:center -406px;} .service_list04 li:nth-child(6) a::before{background-position:center -512px;} .service_list04 li:nth-child(7) a::before{background-position:center -612px;} .service_list04 li:nth-child(8) a::before{background-position:center -721px;} .service_list04 li:nth-child(9) a::before{background-position:center -834px;} .service_list04 li:nth-child(10) a::before{background-position:center -947px;} .service_list01 li a em, .service_list02 li a em, .service_list03 li a em, .service_list04 li a em{position:absolute; top:35px; left:0; display:block; width:100%; margin:0; color:#2c2c2c; font-size:15px; line-height:1; font-weight:200;} .service_list01 li a br, .service_list02 li a br, .service_list03 li a br, .service_list04 li a br{display:block;} .service_list_box .more{display: block; position:absolute; right:-281px; top:-110px;} }