@charset "utf-8";

@import url('common.css');



/*header */
body{ padding-top:100px; }
header.wrap_100per{position: fixed; top:0; left:0; z-index:1000; width:100%; min-width:1100px; display:flex; justify-content:center; background-color:#ffffff; box-shadow:0 2px 4px rgba(0,0,0,0.08); }
div.downslid{ position: absolute; z-index: 10; top:100px; width:100%; height:203px; visibility: collapse;
    background-color:#fdfdfd; border-top:#033290 solid 1px; border-bottom:rgba(4, 50, 144, 0.5) solid 1px; }
div.wrap_1200{ position:relative; z-index: 200; width:1200px; display:flex; }
div.wrap_1200 h1{ width:207px; height:100px; margin-right:120px; padding-top:26px;  }
div.wrap_1200 nav.nav_wrap{ position:relative; }
div.wrap_1200 ul.nav{display:flex; position:relative; flex: 1; }
div.wrap_1200 ul.nav li.text_L{ position: absolute; top: 102px; left: -329px; width: 300px; height: 200px; visibility: collapse;
    background: linear-gradient(0.25turn, #ffffff, #E3EEF6); text-align: center; padding-top: 45px;}
div.wrap_1200 ul.nav li.text_L p{ line-height: 1.5; font-size:20px; }
div.wrap_1200 ul.nav li.text_L p img{  margin-bottom:10px; }
div.wrap_1200 ul.nav > li{ flex: 1 1 0; min-width: 0; }
div.wrap_1200 ul.nav li h2{ width: 100%; padding: 0 20px; }
div.wrap_1200 ul.nav li h2 a{ font-size:20px; font-weight:700; display: block; height:100px; line-height:110px; text-align:center; white-space:nowrap; }
div.wrap_1200 ul.nav li h2 a:hover{ color:#043290; }
div.wrap_1200 ul.nav li h2 a.on{ color:#043290; }
div.wrap_1200 ul.nav li ul.sm{ padding-top:25px; visibility: collapse; }
div.wrap_1200 ul.nav li ul.sm a{font-size:20px; display: block; height:50px; font-weight: 400; white-space: nowrap;
width: 100%; padding: 0 18px; line-height:50px; text-align:left; color:#616161; }
div.wrap_1200 ul.nav li ul.sm a:hover{ color:#043290; font-weight:500; }


/*main_visual*/

section.wrap_main_visual{ top: 100px; width: 100%; background-color:#002F7B;}
div.main_visual_cont_wrap{position: relative; width: 1200px; height: 200px; margin: 0 auto;background-position: top center;
    background-image:url(../user/img/img_main_visual.jpg); background-repeat: no-repeat;}
div.main_visual_cont{ position: absolute; top: 0; width: 100%; margin: 0 auto;}
section.wrap_main_visual div.visual_txt{ padding-top: 20px; padding-bottom: 15px; }
section.wrap_main_visual div.visual_txt p{ font-weight: 400; color:#ffffff; font-size:20px; text-align:center; }
section.wrap_main_visual div.visual_txt p strong{ font-size:30px; }
section.wrap_main_visual ul.main_visual{ width:100%; display: flex; justify-content: center; margin: 0 auto;}
section.wrap_main_visual ul.main_visual li{margin-right:30px; background-color: #ffffff; border-radius: 20px; box-shadow: 4px 4px 30px 0 rgba(134, 158, 198, .25); height:330px; position:relative; transition: transform .2s, box-shadow .2s, outline-color .2s;}
section.wrap_main_visual ul.main_visual li::before{content:""; position:absolute; left:0; right:0; top:-20px; height:20px;}
section.wrap_main_visual ul.main_visual li:hover{outline: #26549E solid 3px; transform: translateY(20px); box-shadow: 4px 10px 30px 7px rgba(0, 47, 123, .25);}
section.wrap_main_visual ul.main_visual li:last-child{margin-right:0;}
section.wrap_main_visual ul.main_visual li a{ padding: 25px; position: relative; display: block; width:330px; height:330px; }
section.wrap_main_visual ul.main_visual li a.btn_1{ background:url(../user/img/ic_m1_off.png) no-repeat right 0 bottom 5px; }
section.wrap_main_visual ul.main_visual li a.btn_2{ background:url(../user/img/ic_m2_off.png) no-repeat right 0 bottom 5px; }
section.wrap_main_visual ul.main_visual li a.btn_3{ background:url(../user/img/ic_m3_off.png) no-repeat right 0 bottom 5px; }

section.wrap_main_visual ul.main_visual li:hover a.btn_1{ background:url(../user/img/ic_m1_on.png) no-repeat right 0 bottom 5px; }
section.wrap_main_visual ul.main_visual li:hover a.btn_2{ background:url(../user/img/ic_m2_on.png) no-repeat right 0 bottom 5px; }
section.wrap_main_visual ul.main_visual li:hover a.btn_3{ background:url(../user/img/ic_m3_on.png) no-repeat right 0 bottom 5px; }

section.wrap_main_visual ul.main_visual li a h3{ font-weight:700; font-size:25px; }
section.wrap_main_visual ul.main_visual li a p{ font-size:16px; color:#818181; margin-top:10px; }
section.wrap_main_visual ul.main_visual li a span{ margin-left:-10px; margin-top:20px; display:block; }



/*main_section*/
section.wrap_main_section{ width:100%; margin-top:300px; }
div.main_section{ width:1200px; margin:0 auto; display:flex; justify-content: space-between; }
div.main_section div.banner_main_left{ background:url(../user/img/main_banner_bg1.png) no-repeat; width:316px; height:295px; }
div.main_section div.banner_main_left a,
div.main_section div.banner_main_right div.banner_1 a,
div.main_section div.banner_main_right div.banner_2 a{ display:block; padding: 30px; }
div.main_section div.banner_main_left a h3,
div.main_section div.banner_main_right div.banner_1 a h3,
div.main_section div.banner_main_right div.banner_2 a h3{ font-size:20px; line-height: 1; font-weight:700; }
div.main_section div.banner_main_left a p,
div.main_section div.banner_main_right div.banner_1 a p,
div.main_section div.banner_main_right div.banner_2 a p{ margin-top: 15px; font-size:16px; line-height: 1.5; font-weight:400; color:#818181; }
div.main_section div.banner_main_left a ul{ margin-top: 10px; font-weight:400; }
div.main_section div.banner_main_left a ul li{ line-height:30px; display:flex; }
div.main_section div.banner_main_left a ul li::before{ display:block; width:20px; height:30px; content:"‧" }

div.main_section div.board_main{ padding: 30px; background-color:#F6F6F6; width:511px; height:295px; border-radius:20px; }
div.main_section div.board_main h3{ font-size:20px; font-weight:700; position:relative; }
div.main_section div.board_main a.btn_more{display:block; width:40px; height:40px;
background:url(../user/img/ic_plus_black.png) no-repeat; margin-left:auto; margin-top:-10px; }
div.main_section div.board_main ul{ width:100%; margin-top:0; }
div.main_section div.board_main ul li a{ display:flex; width:100%; border-bottom: dotted #C7C3C3 1px; }
div.main_section div.board_main ul li a::before{ display:block; height:50px; width:20px;margin-left: -5px; 
    content:""; color:#A9A9A9; background:url(../user/img/dot_1.png) no-repeat center; }
div.main_section div.board_main ul li a span{ display:inline-block; line-height:52px; height:50px; color:#4E4E4E; white-space: nowrap; }
div.main_section div.board_main ul li a span:first-child{ text-align: left; width: 70%; padding-right: 20px;
    overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
div.main_section div.board_main ul li a span:last-child{ width: 30%; text-align: right; margin-left:auto; color:#8E8E8E; }

div.main_section div.banner_main_right{ width:316px; }
div.main_section div.banner_main_right div.banner_1{height: 140px; background:url(../user/img/main_banner_bg2.png) no-repeat;}
div.main_section div.banner_main_right div.banner_2{height: 140px; background:url(../user/img/main_banner_bg3.png) no-repeat;}


/*sub_visual*/
section.wrap_sub_visual{ position: absolute; top: 100px; width: 100%; height: 200px; background:url(../user/img/img_sub_visual.jpg); background-size: cover; }
div.sub_visual_cont{position: relative; width: 1200px; margin: 0 auto; height: 200px; }
div.sub_visual_cont h2{ font-size:50px; color:#ffffff; text-align:center; line-height: 200px; }
div.sub_visual_cont ul{ display:flex; position:absolute; bottom:0; width:100%; }
div.sub_visual_cont ul li{ border-right: solid 1px #002F7B; }
div.sub_visual_cont ul li:last-child{ border-right:none; }
div.sub_visual_cont ul li a{ display:block; height:70px; font-weight: 400; font-size: 20px; 
    line-height:70px; text-align:center; background-color:#C9D8EF; width:400px; }
div.sub_visual_cont ul li a.on, div.sub_visual_cont ul li a:hover{ font-weight:500; color:#ffffff; background-color:#3F68AA; }


/* sub_detail */
div.wrap_sub_all{position: absolute; top:300px; width: 100%;}


/*sub_section*/
section.wrap_sub_section{ width:100%; }
div.sub_section{ width: 1200px; margin: 0 auto; }
div.sub_section div.sub_title{ display:flex; margin-top:10px; margin-right: 0; }
div.sub_section div.sub_title h3{ font-size:40px; font-weight:500; }
div.sub_section div.sub_title ul{ display:flex; }
div.sub_section div.sub_title ul li{ position: relative; height:50px; line-height:50px;
padding: 0 15px; color:#818181; }
div.sub_section div.sub_title ul li.breadcrumb{ left: 25px;}
div.sub_section div.sub_title ul li::before{ position: absolute;
left:-12px; top: 0; display:block; width:25px; height:50px;
background:url(../user/img/ic_next.png)no-repeat center; content:""; }
div.sub_section div.sub_title ul li:last-child{ color:#3F68AA; }
div.sub_section div.sub_title ul li.home::after{ position: absolute; 
top: 0; display:block; width:25px; height:50px;
background:url(../user/img/ic_location_home.png)no-repeat center; content:"";}
div.sub_section div.sub_title ul li.home::before{ display:none; }




/*footer*/
footer{ width:100%; position: relative; margin-top:60px; }
div.footer_wrap{ width:100%;}
ul.link_footer{ display: flex; width:1200px; margin:0 auto; }
ul.link_footer li{ flex: 1 1 auto; background-color:#EAEAEA; height:40px; border-left:#FFFFFF solid 1px; }
ul.link_footer li:last-child{border-right:#FFFFFF solid 1px; }
ul.link_footer li a{ line-height: 40px; display:block; color:#818181; vertical-align: middle; text-align: center;}
.txt_footer{width:1200px; margin:0 auto; display: flex; padding:30px 0; }
ul.link_footer li a:hover{font-weight: 700;}
.txt_footer .f_copyright{ margin-left:85px;}
.txt_footer .f_copyright p{color:#818181;}
.txt_footer .f_copyright p.copyright{margin-top: 20px; color:#AEAEAE; }


/* 서브레이아웃 */

ul.btn_subgo{ display:flex; justify-content:space-between; }
ul.btn_subgo li{background-color: #DAE5F9; border-radius:20px;
	background-image: linear-gradient(140deg, #ffffff 0%, #F8FAFE 70%, #ECF1FB 100%);}
ul.btn_subgo li a{ display: block; width:370px; height:400px; text-align: center; padding: 40px 15px;
border-radius:20px; box-shadow: 4px 4px 30px 0 rgba(134, 158, 198, .25); }
ul.btn_subgo li a.bg1{background:url(../user/img/ic_m1_off.png) no-repeat right 105px bottom 30px;}
ul.btn_subgo li a.bg2{background:url(../user/img/ic_m2_off.png) no-repeat right 85px bottom 30px;}
ul.btn_subgo li a.bg3{background:url(../user/img/ic_m3_off.png) no-repeat right 85px bottom 30px;}
ul.btn_subgo li a:hover{ display: block; outline: #26549E solid 5px; box-shadow: 4px 10px 30px 7px rgba(0, 47, 123, .25); }
ul.btn_subgo li a.bg1:hover{background:url(../user/img/ic_m1_on.png) no-repeat right 105px bottom 30px;}
ul.btn_subgo li a.bg2:hover{background:url(../user/img/ic_m2_on.png) no-repeat right 85px bottom 30px;}
ul.btn_subgo li a.bg3:hover{background:url(../user/img/ic_m3_on.png) no-repeat right 85px bottom 30px;}
ul.btn_subgo li a strong{ color:#212121; font-size:30px; font-weight:500; }
ul.btn_subgo li a span{ display: block; color:#818181; font-size:20px; line-height:1.5; margin-top:10px; }
ul.btn_subgo li a:hover > strong{ color:#002F7B; font-weight:700; }

ul.btn_subgo li a.bg_insp1{background:url(../user/img/ic_insp1_off.png) no-repeat center bottom 30px; background-size: 160px 160px;}
ul.btn_subgo li a.bg_insp2{background:url(../user/img/ic_insp2_off.png) no-repeat center bottom 30px; background-size: 160px 160px;}
ul.btn_subgo li a.bg_insp3{background:url(../user/img/ic_insp3_off.png) no-repeat center bottom 30px; background-size: 160px 160px;}
ul.btn_subgo li a.bg_insp1:hover{background:url(../user/img/ic_insp1_on.png) no-repeat center bottom 30px; background-size: 160px 160px;}
ul.btn_subgo li a.bg_insp2:hover{background:url(../user/img/ic_insp2_on.png) no-repeat center bottom 30px; background-size: 160px 160px;}
ul.btn_subgo li a.bg_insp3:hover{background:url(../user/img/ic_insp3_on.png) no-repeat center bottom 30px; background-size: 160px 160px;}

dl.info_box{ width:100%; padding:15px 30px; background-color:#F6F6F6; }
dl.info_box dt{ color:#D93114; font-weight:500; margin-bottom:5px; }
dl.info_box dd{ line-height:1.5; margin-bottom: 5px; }

div.sub_complete{ text-align:center; padding:30px 0; }
div.sub_complete p{ font-size:40px; margin-top:10px; }
div.sub_complete p strong{ font-weight:500; color:#3F68AA; }

ul.agree li{position: relative; padding-left: 20px; margin-bottom: 10px; }
ul.agree li::before{ display:block; content:"•"; position:absolute; left:0; }

/* 2026-03-30 lsw 추가 */
ol.agree li{position: relative; margin-bottom: 10px; list-style: decimal !important; }

ul.dot li{position: relative; padding-left: 20px;}
ul.dot li::before{ display:block; content:"•"; position:absolute; left:0; }
ul.dot li ul{ margin-top:10px; }
ul.dot li ul li{padding-left: 0; line-height:2; margin-bottom: 0;}
ul.dot li ul li::before{ content:""; }

ul.info > li { position: relative; padding-left: 165px; margin-bottom: 20px; }
ul.info > li:before { content: "•"; position:absolute; left:0; top:0; }
ul.info > li > span { position:absolute; left:20px; top:0; font-weight: 600; color: #2a67b1; }

/* FIXME : 임시 팝업공지 제거시 삭제 */
/* 공지 팝업 */
.notice_popup_dim { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998; }
.notice_popup { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; max-width:90%; background:#fff; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.2); z-index:9999; overflow:hidden; }
.notice_popup .notice_popup_head { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; background:#3F68AA; color:#fff; }
.notice_popup .notice_popup_head h3 { font-size:18px; font-weight:600; color:#fff; margin:0; }
.notice_popup .notice_popup_head .btn_x { background:none; border:none; color:#fff; font-size:22px; line-height:1; cursor:pointer; padding:0; }
.notice_popup .notice_popup_body { padding:25px 40px; max-height:500px; overflow-y:auto; line-height:1.6; color:#333; }
.notice_popup .notice_popup_body ol { margin-left: 20px; }
.notice_popup .notice_popup_body li { list-style: decimal !important; color: red !important; }
.notice_popup .notice_popup_caution p {color: red !important; }
.notice_popup .notice_popup_foot { display:flex; justify-content:space-between; align-items:center; padding:12px 20px; border-top:1px solid #e5e5e5; background:#f9f9f9; }
.notice_popup .notice_popup_foot label { display:flex; align-items:center; cursor:pointer; font-size:14px; color:#555; }
.notice_popup .notice_popup_foot label input[type=checkbox] { margin-right:6px; }
.notice_popup .notice_popup_foot .btn_close { padding:6px 16px; background:#666; color:#fff; border:none; border-radius:4px; cursor:pointer; font-size:14px; }
.notice_popup .notice_popup_foot .btn_close:hover { background:#444; }