@charset "UTF-8";

#header .hd_main {position: relative; text-align: left;z-index: 9; display: flex; max-width: 1920px;height: 90px;  margin: 0 auto; align-items: center; justify-content: space-between;}
#header .hd_inner {display: flex; position: relative;justify-content: space-between; margin: 0 auto; width: 1800px; height: 100%; box-sizing: border-box;}

#header h1 {display: inline-block; width: 188px;height: 58px; text-indent: -9999px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center; z-index: 2;} 
#header h1 a { display: block; width: 100%; height: 100%; } 

#header .logo_wrap {position: relative; display: flex; align-items: center; height: 100%;}
#header .nav_wrap {display: flex; align-items: flex-end;justify-content: center;}

#header nav { display: flex; gap: 30px; align-items: center; width: 100%; height: 100%; justify-content: flex-end; }  
#header nav .link_box {display: flex; gap: 10px; z-index: 9;}
#header nav .hg_btn {position: relative; width: 45px;height: 45px; background-color: #000; cursor: pointer; border-radius: 3px;}
#header nav .hg_btn:hover {background-color: #db092d;}

#header nav .social {display: flex; gap: 10px; width: 166px; height: 34px;}
#header nav .social li { width: 25%; background-color: #f7f7f7; border-radius: 90%; transition: all 0.3s;}
#header nav .social li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#header nav .social li a span {display: block;}
#header nav .social li:nth-child(1) span {width: 15px; height: 15px; background-image: url(../images/ico_social_in.png);}
#header nav .social li:nth-child(2) span {width: 9px; height: 16px; background-image: url(../images/ico_social_fb.png);}
#header nav .social li:nth-child(3) span {width: 18px; height: 17px; background-image: url(../images/ico_social_ig.png);}
#header nav .social li:nth-child(4) span {width: 15px; height: 15px; background-image: url(../images/ico_social_x.png);}

#header nav .social li:hover {background-color: #000;}
#header nav .social li:nth-child(1):hover span {background-image: url(../images/ico_social_in_hov.png);}
#header nav .social li:nth-child(2):hover span {background-image: url(../images/ico_social_fb_hov.png);}
#header nav .social li:nth-child(3):hover span {background-image: url(../images/ico_social_ig_hov.png);}
#header nav .social li:nth-child(4):hover span {background-image: url(../images/ico_social_x_hov.png);}


#header nav .lang {display: flex;justify-content: center;align-items: center; gap: 5px;width: 80px;height: 45px; background-color: #000; cursor: pointer; border-radius: 3px;}
#header nav .lang p {color: #fff; font-size: 12px; font-weight: 600;}
#header nav .lang span {display: inline-block; background-image: url(../images/ico_global.png); width: 17px; height: 17px;}
#header nav .lang:hover {background-color: #db092d;}

#header nav h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 14px;height: 12px; text-indent: -9999px; background-image: url(../images/ico_menu.png);background-repeat: no-repeat;background-position: center;background-size: 100%;cursor: pointer; } 
#header nav .gnb {margin-right: 180px;}
#header nav .gnb > li {display: inline-block;position: relative;z-index: 99; margin-right: 80px;} 
#header nav .gnb > li:last-child {margin-right: 0;}
#header nav .gnb > li a {display: block;position: relative;width: 100%;height: 100%; font-size: 20px; font-weight: 500;} 
#header nav .gnb > li:hover > a {color: #e60012;}
#header nav .gnb > li:hover .submenu { display: block; } 
#header nav .gnb > li > a {display: inline-block; padding: 32px 0; font-size: 18px;color: #000;font-weight:600;  text-align: center; width: auto;} 
#header nav .submenu {display: none;position: absolute;z-index: -1;top: 75px;left: 50%;width: 320px;text-align: center; border-radius: 10px; box-shadow: 8px 8px 0 0 rgba(220,8,45);background: rgba(237,237,237,0.95);transform: translateX(-50%); } 
#header nav .submenu li a {font-size: 16px;font-weight: 600; color: #053b89; padding: 12px 0;} 
#header nav .submenu li:first-child {padding-top: 30px;}
#header nav .submenu li:last-child {padding-bottom: 30px;}
#header nav .submenu li:hover a { font-weight: 800; text-decoration: underline;  text-underline-offset:7px;} 

.close { cursor: pointer; } 
#header.on nav .gnb > li:hover .submenu { display: none; } 
#header.on nav .gnb > li:hover > a:after { display: none; } 


/*전체메뉴*/
.all_menu { display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; box-shadow:0px 10px 10px 0px rgba(0,0,0,0.1); background:#fff; /*overflow-x: hidden; overflow-y: scroll;*/} 
.all_menu .wrapper { position: relative; width: 100%; display: flex; } 
.all_menu .allmenu_cont { width: 100%; background: #fff;} 
.all_menu .all_sub { background: #fff;  padding: 40px 190px; } 
.all_menu .all_mcon { display:flex; align-items: center; padding: 50px 0; border-bottom: 1px solid #e1e1e1; } 
.all_menu .all_mcon > a { display:block; width: 150px; margin-right: 30px; word-break: break-word; color:#222; font-size:24px; font-weight:700; text-align:left; } 
.all_menu .all_mcon ul { width: calc(100% - 200px); } 
.all_menu .all_mcon ul li { text-align: left; float: left; padding: 5px 0;} 
.all_menu .all_mcon ul li a { display: inline-block; position: relative; padding: 0 25px; color: #444; font-size: 18px; } 
.all_menu .all_mcon ul li a:hover { color: #000; text-decoration: underline; text-underline-offset:7px; } 
.all_menu .close { position:absolute; z-index:999; top:180px; right:170px; width: 20px;height: 20px; text-indent:-9999px; background-image:url(../images/ico_close.png); background-size:100%; } 
/* .allmenu_bg { width: 400px; height: 100vh; background-image: url(../images/allmenu.png); background-size: cover; background-position: right;}  */
.allmenu_bg {width: 100%;height: 140px; background-image: url(../images/head_full.png);background-size: auto;background-position: center;} 
.all_menu h2 { position: absolute; top:58%; left: -7%; text-align: left; font-size: 62px; color: #fff; font-weight: 900; opacity: 0.3; -webkit-transform:rotate(-90deg); line-height: 6rem; } 

#header { display:inline-block; vertical-align:middle; width:100%; height:auto; background-color:#fff; } 
#header.fix { height:115px; } 
#header.fix .h_fix { position:fixed; left:0; right:0; top:0; z-index:9998; height:auto; background-color:#fff; box-shadow:0 1px 10px rgba(0, 0, 0, 0.2) } 

/* f_table */
.f_table { display:inline-block; vertical-align:middle; position:relative; width:100%; border-top:2px solid #08355f; border-left:1px solid #ddd; font-size:16px; } 
.f_table.bt1 { border-top:1px solid #ddd; }
.f_table .ft_area { display:table; width:100%; border-bottom:1px solid #ddd; } 
.f_table .ft_area .fta_label { display:table-cell; vertical-align:top; padding:0 10px; background-color:#f5f5f5; border-right:1px solid #ddd; font-weight:400; text-align:right; line-height:40px; } 
.f_table .ft_area .fta_input { display:table-cell; vertical-align:top; border-right:1px solid #ddd; } 
.f_table .ft_area .fta_input .fta_txt { line-height:20px; padding:10px 0; } 
.f_table .ft_area .f_table { border-top:0px; border-left:0px; } 
.f_table .ft_area .f_table .ft_area { border-color:#eee; } 
.f_table .ft_area .f_table .ft_area:last-child { border-bottom:0px; } 
.f_table .ft_area .fta_label > .area, .f_table .ft_area .fta_input > .area { padding:5px; box-sizing:border-box; } 
.f_table .ft_area .f_table .ft_area .fta_input:last-child { border-right:0px; } 
.f_table .ft_area .fta_title { display:table-cell; vertical-align:middle; padding:20px 0px; background-color:#fafafa; font-weight:400; text-align:center; line-height:20px; } 
.f_table .ft_area .fta_txt { display:table-cell; vertical-align:middle; text-align:center; } 

/* font */
.italic { font-style:italic; } 
.txt_big { font-size:20px; line-height:20px; } 
.txt_middle { font-size:16px; line-height:24px; } 
.txt_small { font-size:14px; line-height:20px; } 
.h2_title { font-weight:400; margin-bottom:30px; padding-bottom:25px; font-size:30px; line-height:32px; color:#0d1481; } 
.h2_title span { display:inline-block; vertical-align:middle; position:relative; } 
.h2_title span:before { content:""; position:absolute; left:0; bottom:-20px; width:30px; height:2px; background-color:#0d1481; } 
.h3_title { font-weight:800; margin-bottom:10px; font-size:26px; line-height:30px; color:#0d1481; } 
.h4_title { width: 100%; height: 80px !important; background-color: #dbebfa; border-radius: 10px; position: relative; width: auto; padding-top: 30px; padding-left: 70px; font-size: 20px; line-height: 20px; color: #000; margin-bottom: 20px; background-image: url(../images/h4_bg.png); background-repeat: no-repeat; background-position: right; box-sizing: border-box;} 
.h4_title:before { content: ""; background-image: url(../images/ie/ico_tit.png); background-repeat: no-repeat; position: absolute; left: 30px; top: 40%; width: 23px; height: 22px; margin-top: -2px; background-color: transparent !important; } 
.h6_title {position: relative; width:100%; padding-top: 30px; padding-left: 65px; padding-bottom: 30px; margin-bottom:70px; font-weight: 700; font-size:24px; line-height:24px; color:#444; border-bottom: 3px solid transparent; border-image: linear-gradient(0.25turn, #01b4e1, #705d86, #e60024); border-image-slice: 1;} 
.h6_title:before { content:""; position:absolute; left:20px; top: 26px; width:30px; height:30px; background-color:#0d1481; border-radius: 90%; background-image: linear-gradient(120deg, #1e9dc9, #cc153a);} 

/* font 공통 */
.cont h5 { margin-bottom: 45px; font-size: 50px; line-height: 47px; font-weight: 800; color: #000; }
.cont h5 span { display: block; font-size: 34px; font-weight: 500; }

/* list */
.list { display:inline-block; vertical-align:middle; width:100%; } 
.list > li { display:block; vertical-align:middle; position:relative; width:auto; margin-bottom:10px; padding-left:15px; font-size: 17px; line-height:24px; } 
.list > li:before { content:""; position:absolute; left:0; top:9px; width:4px; height:1px; background-color:currentcolor; } 
.list > li:last-child { margin-bottom:0; } 
.list.circle > li:before { content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor; border-radius:10px; } 
.list.square > li:before { content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:currentcolor; } 
ol {padding-left:25px;}
ol > li { padding-left:5px; margin-bottom:10px; font-size: 17px; line-height:24px; list-style: decimal !important;}

/* view */
.v_wrap { display:inline-block; width:100%; border-top:2px solid #589d3f; } 
.v_wrap .v_title { display:block; width:auto; padding:20px; border-bottom:1px solid #ddd; } 
.v_wrap .v_title .vt_title { position:relative; margin-bottom:5px; padding-left:0; font-size: 22px; line-height:28px; color:#ffa800; } 
.v_wrap .v_title .vt_title:before { display: none; } 
.v_wrap .v_title ul { display:inline-block; vertical-align:middle; width:100%; } 
.v_wrap .v_title ul li { display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:40px; font-size:16px; line-height:20px; } 
.v_wrap .v_title ul li:last-child { margin-right:0px; } 
.v_wrap .v_title ul li:before { display: none; } 
.v_wrap .v_title ul li:last-child:before { display:none; } 
.v_wrap .v_title ul li p { display:inline-block; margin-right:10px; font-weight:400; } 
.v_wrap .v_title ul li span { color:#565656; } 
.v_wrap .v_txt { display:block; width:auto; margin-bottom:30px; padding:20px; border-bottom:1px solid #ddd; font-size:16px; line-height:22px; word-break:break-all; } 
.v_wrap .v_txt b, .v_wrap .v_txt strong { font-weight:600 !important; } 
.v_wrap .v_txt u { text-decoration:underline !important; } 
.v_wrap .v_txt i { font-style:italic !important; } 
.v_wrap .v_txt i.im { font-style:inherit !important; } 
.v_wrap .v_txt img { max-width:100%; height: auto !important; } 
.v_wrap .v_txt p { margin:1em 0; } 
.v_wrap .v_txt .vt_download { display:block; vertical-align:middle; position:relative; width:auto; margin-top:10px; padding:10px 25px; border:1px solid #5e738b; opacity:0.5; transition:0.2s; } 
.v_wrap .v_txt .vt_download:hover { opacity:1; } 
.v_wrap .v_txt .vt_download:before { content:""; position:absolute; left:10px; top:50%; width:12px; height:12px; margin-top:-6px; background-image:url("./../images/i_file.png"); background-repeat:no-repeat; background-position:center center; background-size:12px auto; } 
.v_wrap .v_txt .vt_download:after { content:""; position:absolute; right:10px; top:50%; width:16px; height:16px; margin-top:-8px; background-image:url("./../images/i_download.png"); background-repeat:no-repeat; background-position:center center; background-size:16px auto; } 
.v_wrap .v_txt .vt_download p { width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } 
.v_wrap .v_txt .vt_download a { display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; } 
.v_wrap .v_list { display:block; margin-bottom:30px; border-top:1px solid #ddd; } 
.v_wrap .v_list .vl_box { display:block; vertical-align:middle; position:relative; width:auto; padding:20px 20px 20px 55px; border-bottom:1px solid #ddd; font-size:18px; line-height:20px; transition:0.2s; } 
.v_wrap .v_list .vl_box i { display:inline-block; position:absolute; left:15px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:30px; background-color:#5e738b; } 
.v_wrap .v_list .vl_box.vl_next i:after { content: ''; position: absolute; left:10px; bottom:8px; width: 9px; height: 9px; border-bottom: solid 1px #fff; border-left: solid 1px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 
.v_wrap .v_list .vl_box.vl_prev i:after { content: ''; position: absolute; left:10px; top:8px; width: 9px; height: 9px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 
.v_wrap .v_list .vl_box:hover { background-color:#fafafa; } 
.v_wrap .v_list .vl_box span { position:absolute; left:56px; top:50%; margin-top:-10px; color:#5e738b; } 
.v_wrap .v_list .vl_box a, .v_wrap .v_list .vl_box > p { display:inline-block; padding-left:60px; color:#111; } 
.v_wrap .v_list .vl_box a:hover, .v_wrap .v_list .vl_box > p:hover { text-decoration:underline; } 
.v_wrap .v_comment { display:block; width:auto; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa; } 
.v_wrap .v_comment .vc_list { display:inline-block; position:relative; width:100%; } 
.v_wrap .v_comment .vc_list li { display:block; position:relative; padding:20px 10px; border-top:1px solid #ddd; } 
.v_wrap .v_comment .vc_list .vcl_id { font-size:15px; color:#111; line-height:20px; } 
.v_wrap .v_comment .vc_list .vcl_date { font-size:14px; color:#bbb; line-height:16px; } 
.v_wrap .v_comment .vc_list .vcl_edit { display:inline-block; vertical-align:middle; position:absolute; right:10px; top:25px; } 
.v_wrap .v_comment .vc_list .vcl_txt { margin-top:10px; font-size:16px; line-height:22px; } 
.v_wrap .v_comment .vc_list .vc_list { margin-top:20px; padding-left:30px; box-sizing:border-box; } 
.v_wrap .v_comment .vc_list .vc_list li { position:relative; border-top:0px; border-bottom:1px solid #eee; padding:10px 0; } 
.v_wrap .v_comment .vc_list .vc_list li:last-child { border-bottom:0px; } 
.v_wrap .v_comment .vc_list .vc_list li:before { content:""; position:absolute; left:-30px; top:9px; width:10px; height:10px; border-bottom:1px solid #999; border-left:1px solid #999; } 
.v_wrap .v_comment .vc_list .vc_list li:after { content:""; position:absolute; left:-20px; top:14px; border-top:5px solid transparent; border-left:6px solid #999; border-bottom:5px solid transparent; } 
.v_wrap .v_comment .vc_list .vc_list li .vcl_edit { right:0px; top:16px; } 
.v_wrap .v_comment .vc_list .vc_list li textarea { margin-top:10px; } 
.v_wrap .v_comment .vc_list li:first-child { border-top:2px solid #ddd; } 
.v_wrap .v_comment .vc_list li.reply { position:relative; border-top:0px; border-bottom:1px solid #eee; padding:10px 0 10px 45px; } 
.v_wrap .v_comment .vc_list li.reply:before { content:""; position:absolute; left:10px; top:9px; width:10px; height:10px; border-bottom:1px solid #999; border-left:1px solid #999; } 
.v_wrap .v_comment .vc_list li.reply:after { content:""; position:absolute; left:17px; top:14px; border-top:5px solid transparent; border-left:6px solid #999; border-bottom:5px solid transparent; } 
.v_wrap .v_comment .vc_list li.reply .vcl_edit { right:0px; top:16px; } 
.v_wrap .v_comment .vc_list li.reply textarea { margin-top:10px; } 
.v_wrap .v_txt .vt_list { display:inline-block; vertical-align:middle; width:100%; margin-top:10px; border-top:1px solid #eee; } 
.v_wrap .v_txt .vt_list li { display:block; position:relative; width:100%; padding:10px 0; border-bottom:1px solid #eee; } 
.v_wrap .v_txt .vt_list li .vtl_img { display:inline-block; position:absolute; left:10px; top:5px; width:30px; } 
.v_wrap .v_txt .vt_list li .vtl_txt { padding:0 50px; } 
.v_wrap .v_txt .vt_list li .vtl_txt a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } 
.v_wrap .v_txt .vt_list li .vtl_view { display:inline-block; position:absolute; right:10px; top:10px; line-height:20px; } 

.gnb > li.on > a {
  color: #dc082d !important;
  font-weight: bold;
}


.gnb > li.on > a:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);    bottom: 10px;
    width: 100%;
    height: 2px;
    background-color: #dc082d;
}