@charset "utf-8";
/* CSS Document */
@-ms-viewport{width:device-width}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; word-break:keep-all;}
ul,ol,li{list-style:none}
img { border:none; max-width:100%}
em,i{ font-style:normal}
table{ border-collapse:collapse; border-spacing:0}
span, strong, a, em, b, input, button, textarea, select{ font-size:inherit; font-family:inherit;}
strong,h1,h2,h3,th{ font-weight:inherit}
input[type=button], input[type=submit], button{ cursor:pointer}
select{ max-width:100%}
input[type=text], input[type=button], input[type=submit], input[type=tel], input[type=file], button, label, textarea{ appearance:none;-webkit-appearance:none; -webkit-border-radius:0}
a, input, button, textarea, select, li{ -webkit-tap-highlight-color:transparent}
a:focus, input:focus, button:focus, textarea:focus, select:focus{ outline:none}

a:link{color:#111;text-decoration:none}
a:visited{color:#111;}
a:active{color:#111;}
a:hover{color:#111;text-decoration:none}

html{overflow-x:hidden}
body{font-family: var(--font_ko), sans-serif; font-weight:400; line-height:1.5; letter-spacing: 0px;}
body.hidden{overflow-y: hidden;}

/*inc*/
input::-webkit-input-placeholder{ color:#aaa !important}
input::-moz-placeholder{ color:#aaa !important}
input:-moz-placeholder{ color:#aaa !important}
input:-ms-input-placeholder{ color:#aaa !important}

.resize{ display:block; height:0; padding-bottom:56.25%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.s1{ padding-bottom:100%}

.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:flex}
.flex.fw{ -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap:wrap}
.flex.col{ -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column;flex-direction:column}
.flex.space{ -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between}
.flex.hc{-webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content:center}
.flex.hr{ -webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content:flex-end}
.flex.vt{ -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-content:flex-start; align-items:flex-start}
.flex.vc{ -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-content:center; align-items:center}
.flex.vb{ -webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-content:flex-end; align-items:flex-end}
.flex.rev{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flex.cev{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}


.di_wrap{font-size:0}
.di_wrap > li{display:inline-block; vertical-align:top; font-size:16px; font-size:1rem;}
.di_wrap > li > a,
.di_wrap > li > .in{ display:block}

.fl_wrap > *{ float:left}
.fl_wrap > * > a:not(.va),
.fl_wrap > * > .in{ display:block}
.fl_wrap::after{ content:""; display:block; clear:both}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; max-width:100%; max-height:100%}

.bgfix{ background-position:center; background-repeat:no-repeat; background-size:cover}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.cl{ clear:both !important; display:block}

.cut_txt {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: normal;}
.cut_txt2 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal;}
.cut_txt3 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; white-space: normal;}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}


/**/
.c_point{ color: var(--mainColor) !important; vertical-align:baseline;}
.c_blue{ color: #07348b !important; vertical-align:baseline;}
.c_red{ color: #ff4d4d !important; vertical-align:baseline;}
.c_org{ color: #ff7400 !important; vertical-align:baseline;}
.c_black{ color:#000 !important; vertical-align:baseline;}
.c_gray{ color:#999 !important; vertical-align:baseline;}

.strong{font-weight:700}

.page_sec1{ margin-top:1em !important}
.page_sec2{ margin-top:2em !important}
.page_sec3{ margin-top:3em !important}
.page_sec4{ margin-top:4em !important}
.page_sec5{ margin-top:5em !important}


.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pl0{ padding-left:0 !important;}
.pr0{ padding-right:0 !important;}

.mt0{ margin-top:0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt7{ margin-top:7px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}

.mr0{ margin-right:0 !important;}
.mr3{ margin-right:3px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}

.fwB{ font-weight:700}
.fwM{ font-weight:500}
.fwR{ font-weight:400}
.fwL{ font-weight:300}
.fsI{ font-style: italic;}

.w100{ width:100%!important;}
.f100{ flex:100%!important;}
.scrollst{ overflow:hidden}

.label_wrap{ }
.label_wrap > li{ flex:0 1 25%; margin:.5em 0; box-sizing:border-box}
.label_wrap.stw_2 > li{ flex:0 1 50%;}
.label_wrap.stw_16 > li{ flex:0 1 16.66%;}

.label_st{ display:inline-block;cursor:pointer}
.label_st > *{ display:inline-block;vertical-align:middle; cursor:pointer;}
.label_st:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em}
.label_st:not(.cssbrowser) input ~ span{ color:#888}
.label_st:not(.cssbrowser) input ~ .xi:before{ color:#aaa}
.label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#e8441e}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

.label_st:not(.cssbrowser) input ~ .xi.st1{ padding-right:0; padding-left:.125em; font-size:1em}
.label_st:not(.cssbrowser) input ~ .xi.st1:before{ content:"\e929"; opacity:0}
.label_st:not(.cssbrowser) input:checked ~ .xi.st1:before{ content:"\e929"; opacity:1}

.label_st.mg{ margin-left:2em}
.label_st.mg:first-child{ margin-left:0}

.label_select{ position:relative; background:#fff; display:inline-block; }
.label_select select{ background:none; padding-right:2.25em !important; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select select::-ms-expand{display:none;}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.5em; width:3em; text-align:center}

.input_st{display:inline-block; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em !important; height:3em !important; border-radius: 3px !important;}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{ }
input[type=file].input_st{ background:none; border:none; padding:0}
textarea.input_st{ padding:1em; width:100%; height:10em!important; line-height:1.2}

input[type=button]:not([readonly=readonly]).input_st:hover,
input[type=submit]:not([readonly=readonly]).input_st:hover,
button:not([readonly=readonly]).input_st:hover,
a.input_st:hover{transition:.3s}

.input_st .xi{ margin:0 .125em} 

.input_st:hover,
.input_st:focus{ border-color:#666; color:#111}
.label_select .input_st:hover,
.label_select .input_st:focus{ background:none}
.input_st[disabled=disabled]:not([type=button]),
.input_st[readonly=readonly]:not([type=button]){ cursor:default; background:#f5f5f5; border-color:#ddd !important; color:#666}

select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.5em}

.input_st.s1{ line-height:2.5em; height:3.5em; padding:.5em 1.5em; font-size:1.063em}
.input_st.s2{ line-height:1em!important; height:2.25em!important; padding:.5em 1em; font-size:.938em!important}
.input_st.s3{ line-height:1em; height:2em; padding:.25em .5em; font-size:.875em}

.input_st.c1{ background:var(--mainColor); border-color:var(--mainColor); color:#fff}
.input_st.c1.re{ background:none; border-color:var(--mainColor); color:var(--mainColor)}
.input_st.c2{ background:#999; border-color:#999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#ccc; color:#888}
.input_st.c3{ background:#333; border-color:#333; color:#fff}
.input_st.c3.re{ background:#fff; border-color:#666; color:#666}
.input_st.c4{ background:#eb3b4b; border-color:#eb3b4b; color:#222}
.input_st.c4.re{ background:#fff; border-color:#eb3b4b; color:#222}

.input_st.w1{ width:16.25em}
.input_st.w2{ width:7.5em}
.input_st.w3{ width:37em; max-width:100%}
.input_st.w4{ width:20em}
.input_st.w5{ width:9.4em}
.input_st.w6{ width:3em}
.input_st.w7{ width:165px}

.w_form_tit{width:13em;}
.w_auto{width:auto;} 

.w10{ width:10% !important}
.w15{ width:15% !important}
.w25{ width:25% !important}
.w30{ width:30% !important}
.w35{ width:35% !important}
.w45{ width:45% !important}
.w50{ width:50% !important}
.w65{ width:65% !important}
.w75{ width:75% !important}
.w100{ width:100% !important}

.input_sec{ display:inline-block; width:1.25em; text-align:center; /*vertical-align:middle*/}
.input_sec.s1{ width:.5em}
.input_sec.s2{ padding:0 1.5em 0 .5em}
.input_sec.s3{ width:3em; text-align:left;}
.input_sec.s4{ width:4em;}


.input_st::-webkit-input-placeholder{ color:#aaa}
.input_st::-moz-placeholder{ color:#aaa}
.input_st:-moz-placeholder{ color:#aaa}
.input_st:-ms-input-placeholder{ color:#aaa}

.input_tt{ margin-top:.5em; opacity:.8}
.input_tt:before{ content:"- "}

    


/*ani*/
.scrollAni{ visibility:hidden; opacity:0}
.scrollAni.Aon{ visibility:visible; opacity:1; transition:.5s; transition-timing-function:ease-in;}
.scrollAni.fade{ opacity:0}
.scrollAni.fade.Aon{ opacity:1}
.scrollAni.moveL{ transform:translateX(-15%); }
.scrollAni.moveL.Aon{ transform:translateX(0); }
.scrollAni.moveR{ transform:translateX(15%)}
.scrollAni.moveR.Aon{ transform:translateX(0)}
.scrollAni.moveT{ transform:translateY(15%)}
.scrollAni.moveT.Aon{ transform:translateY(0)}
.scrollAni.moveB{ transform:translateY(-15%)}
.scrollAni.moveB.Aon{ transform:translateY(0)}
.scrollAni.scale{ transform:scale(0)}
.scrollAni.scale.Aon{ transform:scale(1)}
.scrollAni.scaleX{ transform:scaleX(0); transform-origin:left top}
.scrollAni.scaleX.Aon{ transform:scaleX(1)}
.scrollAni.scaleX.right{transform-origin:right top}
.scrollAni.scaleY{ transform:scaleY(0); transform-origin:left top}
.scrollAni.scaleY.Aon{ transform:scaleY(1)}
.scrollAni.rotate{}
.scrollAni.rotate.Aon{ transform:rotate(180deg)}
.scrollAni.delay1.Aon{ transition-delay:.3s}
.scrollAni.delay2.Aon{ transition-delay:.6s}
.scrollAni.delay3.Aon{ transition-delay:.9s}
.scrollAni.delay4.Aon{ transition-delay:1.2s}

 

/*pc_all_menu*/
.pc_all_menu{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000;}
.pc_all_menu:before{content: ''; background-color: #f9f9f9; width: 50%; height: calc(100vh - var(--header_H)); position: absolute; bottom: 0; left: 0;  z-index: -1;}
.pc_all_menu .gnb_all_box{height: calc(100vh - 80px); margin-top:-2em;}
.pc_all_menu .gnb_all{position: relative; width:50%;}
.pc_all_menu .gnb_all > li.depth1{ margin-bottom:40px;}
.pc_all_menu .gnb_all > li.depth1 > a.gnb_al_a{ font-size: 2em; letter-spacing: -.5px; color:#444!important; position: relative; font-weight: 700; line-height: 1.3;}
.pc_all_menu .gnb_all > li.depth1 > a.gnb_al_a:after{content: ''; width: 0; height: 13px; background-color: var(--mainColor); opacity: .5; position: absolute; bottom: 8px; left: 0; transition: .4s; z-index: -1;}
.pc_all_menu .gnb_all > li.depth1 > a.gnb_al_a:hover{color:#111!important;}
.pc_all_menu .gnb_all > li.depth1 > a.gnb_al_a:hover:after{width:100%;}
.pc_all_menu .gnb_all > li.depth1 > a .c_dot{color:#004da1; font-size: 1.5em; font-weight: 500;}
.pc_all_menu .all_m_top{border-bottom:1px solid #ddd; position: relative; height: 80px;}
.pc_all_menu .all_m_top a{display:block;}
.pc_all_menu .all_menu_txt{color:#333; width:50%; padding-left:7em;}
.pc_all_menu .all_menu_txt .in_txt{font-size: 2em; margin-top: 40px; position: relative;}
.pc_all_menu .all_menu_txt .in_txt:after{content:''; width:35px; height: 2px; background:var(--mainColor); position: absolute; top: -30px; left: 0;}
.pc_all_menu .all_menu_txt .co_st > *{margin-top:15px;}
.pc_all_menu .all_menu_txt .co_st .icon_r{width: 50px; height: 50px; line-height: 50px; text-align: center; background: #004da1; border-radius: 50%; font-size: 1.375em; color: #fff; border:1px solid #004da1; margin-right:7px;}
.pc_all_menu .all_menu_txt .co_st .tx{font-size:1.375em;}
.pc_all_menu .all_menu_txt .co_st .xi-call{background: #004da1; color: #fff;}
.pc_all_menu .all_menu_txt .co_st .xi-mail{background-color: #fff; color:#004da1}
.pc_all_menu .all_menu_txt .co_st a{display:inline-block; color:#333!important;}
.pc_all_menu .all_menu_txt .co_st a .xi-linkedin-square{color:#fff; background-color:#0a66c2; border-color:#0a66c2;}
.pc_all_menu .all_menu_txt .co_st a .xi-arrow-right{margin-left:10px; transition: .3s;}
.pc_all_menu .all_menu_txt .co_st a:hover {color:#0a66c2!important;}
.pc_all_menu .all_menu_txt .co_st a:hover .xi-arrow-right{margin-left:20px;}
.pc_all_menu{ opacity: 0; visibility: hidden;}
.pc_all_menu.on{opacity: 1; visibility: visible;}

/*mo_all_menu*/
/*.mo_all_menu{display:none;}*/
.mo_all_menu.on{right:0;}
.mo_all_menu{background: rgba(255, 255, 255, .9);  position: fixed; top: 0; right: -300px; width: 280px; height: 100vh; z-index: 1000;  box-shadow: 0 0 0.5625rem rgba(0,0,0,.2); backdrop-filter: blur(5px); transition: .3s; padding:80px 15px 10px;}
.mo_all_menu .mobile_gnb{}
.mo_all_menu .mobile_gnb .depth1{margin-bottom:1em;}
.mo_all_menu .mobile_gnb .depth1 .dp1{font-size:1.25em; font-weight: 500; padding:10px 0; display: block; position: relative;}
.mo_all_menu .mobile_gnb .depth1 .dp1:before{content:'+'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color:#777;}
.mo_all_menu .mobile_gnb .depth1.on .dp1:before{content:'-';}
.mo_all_menu .mobile_gnb .depth1.on .dp2_menu{display:block;}
.mo_all_menu .mobile_gnb .dp2_menu{display:none; background-color: rgba(255, 255, 255, .7); padding: 8px 0; border:1px solid #e1e1e1;}
.mo_all_menu .mobile_gnb .dp2_menu > li a{padding:10px 20px; display: block; color:#555; transition: .3s;}
.mo_all_menu .mobile_gnb .dp2_menu > li a:before{content:'-'; margin-right:5px;}



#side_menu{font-size:12px; z-index: 1200;}
#side_menu.on #tabs_con{left:0;}
#side_menu.cm_ver #s_ol_after_private{display:none;}
#side_menu.cm_ver #s_ol_after{border-bottom:0;}
#side_menu #tabs_con{border-right:1px solid #eee;}
#side_menu .mo_menu_close{font-size:22px; color:#333; cursor: pointer; position: absolute; top: 5px; right: 10px; z-index: 100;}
#side_menu #mo_gnb{ margin:20px 0; padding:0 15px;}
#side_menu #mo_gnb .gnb_wrap{border-top:1px solid #ddd;}
#side_menu #mo_gnb .gnb_1dli a{display:block; width:100%; padding:15px 10px;border-bottom:1px solid #ddd; position: relative; color: #333;}
#side_menu #mo_gnb .gnb_1dli a:before{content:'\e93f'; font-family: 'xeicon'; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#side_menu .hd_sch_wr{width:100%!important; padding:10px 15px 0!important;} 
#hd #hd_wrapper #side_menu .hd_sch_wr #hd_sch #sch_stx{padding:0 15px; height:40px;}
#hd #hd_wrapper #side_menu .hd_sch_wr #hd_sch #sch_submit{height:40px;}
#side_menu .side_btn_menu{padding: 0 15px;}
#side_menu .side_btn_menu > li a{display:block; width:100%; background-color: #c23039; color:#fff; padding:12px 15px; border-radius: 5px; text-align: center;}
#side_menu .qk_con_wr{position:relative;}
#side_menu .qk_con_wr .side_tnb{padding:10px 15px;}
#side_menu .qk_con_wr .side_tnb:after{content:''; display:block; clear:both;}
#side_menu .qk_con_wr .side_tnb > li{width:50%; float: left; margin-bottom:5px;}
#side_menu .qk_con_wr .side_tnb > li a{margin-right:5px; border:1px solid #ddd; border-radius: 3px; text-align: center;}