@charset "utf-8";
@import url("subContents.css");
@import url("swiper-bundle.min.css");


@media print {
    @page{ size:auto; margin : 20mm 20mm 20mm 20mm !important; }
    html , body { width: 100% !important;  max-width:100% !important; margin:0 !important; padding:5mm !important }
    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } 
	  div.recruitInputButtonContainer { display:none; }
    div.board { width: 960px !important;}
    div.tableCon  { width: 960px !important; overflow-x:hidden; overflow-y:hidden  !important;   }
    .tableCon > table { width: 945px !important; border-collapse :  collapse; height : auto !important;   }  
    /*body,h1,h2,h3,h4,th,td,input,select,textarea{font-size:15pt !important;  }*/
    #jwxe_main_content .sub_cont_inner { padding:  0 !important; }
    .guide_box { width:64% !important}

    /*h1.title_01 { font-family: 'Malgun Gothic', sans-serif !important;}*/

    
}


@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
  font-weight: 100;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
  font-weight: 200;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
  font-weight: 300;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
  font-weight: 600;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
  font-weight: 900;  font-display: swap;
}

:root{
  --primary : #121212;
  --bg-footer : #EEEEEE;
  --f-body : #666666;
  --f-body-secondary : #999;
  --border-line : #e5e5e5;
  --btn-text : #111111;
  --secondary_02 : rgba(26,91,121,1);
  --blue-primary : #006CC9;
  --white : #ffffff;
  --black : #000000;
  --gnb :#006CC9;
  --point: #0F5BA9;
  --point2: #0C6FC4;
  --grey:#616264;

  
}
html { 
	-webkit-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
    font-size: 62.5%;
    width:clamp(100vw, 100%, 100vw);
}
html, body {
    font-family:'Noto Sans KR', opensans, sans-serif;
    font-weight: 400;
	line-height: 1.5;
	letter-spacing:-0.04rem;
	color:rgba(18,18,18,1);
  width:clamp(128rem, 100%, 100vw);
    /*overflow-x:hidden;*/
}
body { font-size: 1.6rem; overscroll-behavior: contain;}

@media (min-width:1401px) and (max-width:1520px){
  html { font-size:50% }
}

@media (min-width:1025px) and (max-width:1400px){
  html { font-size:42% }
}

@media (max-width:1024px){
  html, body {width:clamp(100%, 100%, 100vw); }
  #wrap {  overscroll-behavior-y: contain; }
  /*#wrap { -webkit-overflow-scrolling: touch; }*/
  /*html, body {width:clamp(100%, 100%, 100vw); height:100%; overflow: hidden;}
  #wrap {height: 100%; overflow-y: auto;  -webkit-overflow-scrolling: touch; }*/
}
*,
*:before,
*:after { box-sizing:border-box; -webkit-box-sizing: border-box; word-break: keep-all;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
form legend, .hidden { position: absolute !important; text-indent: -99999px; width:0 !important; height: 0 !important;top:-99999px;left:-99999px;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
img,input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
input[type=text], input[type=file], input[type=password], textarea {width:100%;height:48px;padding:0;border:1px solid #121212; color:#121212}
input[type=text] {text-indent:1.2rem}
button {border:0 none;background-color:transparent;cursor:pointer}
body {direction:ltr}
h1,h2,h3,h4,th,td,input,select,textarea,button{font-size:1.6rem; line-height:1.5; font-family:'Noto Sans KR', opensans, sans-serif; color:#121212; font-weight:400; letter-spacing:-0.04rem; word-break:keep-all; }
button,
a {color:inherit; text-decoration:none;font-weight:inherit; }
a.line { text-decoration: underline;}
button:hover,
a:hover {color:inherit;text-decoration:none; font-weight:inherit; font-size:inherit}
a.line:hover { text-decoration: underline;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
header,main,aside,article,footer {display:block}
table{width:100%; border-collapse:collapse;}
th{text-align:center;}
select::-ms-expand { display: none;}
select { -o-appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }

/* hide 예외처리 추가 */
.hide:not(.ac.hide) {
  display: block;
  position: absolute;
  padding: 0;
  border: 0;
  width: 0;
  height: 0;
  text-indent: -9999999px;
  overflow: hidden;
}


.font_num { font-family: "Montserrat", sans-serif; }
.font_paperozi { font-family: "Paperozi", sans-serif; }

.not_scroll{overflow-y:hidden}
.font_point {color:var(--point) !important;}
.font_secondary { color:#616264; }
.font20 { font-size:2rem }

.d_flex { display:flex }
.d_block { display:block }
.d_grid { display:grid }
.posi_ab { position:absolute;}
.posi_rl { position:relative;}

.line2_ellipsis { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}

.pc_block { display:flex}
.mo_block { display:none}

.flex_col_left { display:flex; flex-direction:column; align-items:flex-start}
.flex_col_right { display:flex; flex-direction:column; align-items:flex-end}
.flex_col_center { display:flex; flex-direction:column; align-items:center}
.flex_row_center_left { display:flex; justify-content:flex-start; align-items:center}
.flex_row_center_center { display:flex; justify-content:center; align-items:center}
.flex_row_center_end { display:flex; justify-content:flex-end; align-items:center}
.flex_row_top_left { display:flex; justify-content:flex-end; align-items:flex-start}
.flex_col_center { align-items:center}

.title_01 { font-size:3.2rem; font-weight:700; line-height:1.5 }
.title_02 { font-size:2.8rem; font-weight:700; line-height:1.5 }
.title_03 { font-size:2rem; font-weight:700; }
.subTitle_01 { font-size:2rem;}
.body_02_Regular { color:rgba(102,102,102,1); }
.title_02_wide { letter-spacing: 0.2rem; }  
.engTitle_small { font-size: 2rem; font-weight:bold; margin-top:-1.6rem}

@media screen and (min-width:1025px) and (max-width:1520px){

}

@media screen and (max-width:1024px){
  
  html, body {
      width:clamp(100vw, 100%, 100vw);
      overflow-x:hidden;
  }

  .title_01 { font-size:2rem; }
  .title_02 { font-size:2rem; }
  .title_03 { font-size:1.6rem; }
  .subTitle_01 { font-size:2rem;}
  .pc_block { display:none}
  .mo_block { display:flex}
  .title_02_wide { letter-spacing: 0.1rem; }  
  .engTitle_small { font-size: 1.6rem; }
  
  .font20 { font-size:1.8rem }

}

.tMg0 { margin-top:0 }
.tMg4 { margin-top:0.4rem; }
.tMg8 { margin-top:0.8rem; }
.tMg12 { margin-top:1.2rem }
.tMg16 { margin-top:1.6rem }
.tMg20 { margin-top:2rem }
.tMg24 { margin-top:2.4rem }
.tMg32 { margin-top:3.2rem }
.tMg40 { margin-top:4rem }
.tMg80 { margin-top:8rem }
.tMg120 { margin-top:12rem } /* 여백관련이므로 MO에선 범위 변경됨 */
.tMg180 { margin-top:18rem }

.bMg0 { margin-bottom:0 }

.tPd0 { padding-top:0 ; }
.tPd16{ padding-top:1.6rem;}
.tPd24{ padding-top:2.4rem;}
.tPd40 { padding-top:4rem ; }

.lPd10 { padding-left:1rem; }
.bPd0 { padding-bottom:0;}
.bPd120 { padding-bottom:12rem;}
.bPd160 { padding-bottom:16rem;}



.video { width:100%; display:block }
.video video { width:100%; height:100%; display:block }

/*basic*/
  .select {height:4.8rem; line-height:1.5; padding:1.2rem 6.4rem 1.2rem 1.6rem; border:1px solid #121212; background:#fff url(/_res/en/img/common/select_arrow.svg) no-repeat calc(100% - 1.2rem) center / 2.4rem auto;}
  .select.basic{}
  
@media screen and (min-width:1025px) and (max-width:1520px){

}

@media screen and (max-width:1024px){
  
  .tMg120 { margin-top:4rem } /* 여백관련이므로 MO에선 범위 변경됨 */
  .select { width:100%;}
}


#wrap { }

/*header*/
#header { position:fixed; top:0; left:0; width:100%; z-index:125; background: transparent;  opacity: 1; transition: transform .5s, background .3s, opacity .3s; }
#header.need_gap:after { content: "";  position: absolute;  left: 0; right: 0;  bottom: -10rem; height: 10rem; background: transparent; pointer-events: auto; }
#header .kotiti_logo { width:24rem; position:absolute; left:12rem; top:3.5rem; }
#header .kotiti_logo a { width:100%; display:block; font-size:0;}
#header .kotiti_logo img { width:100%; }

.kotiti_logo .fix_off { display:flex }
.kotiti_logo .fix_on { display:none }

.gnb { display:flex; justify-content:center; position:relative;}
.column_line { position:absolute; top:10rem; left:50%; transform: translateX(-50%); height:100%; display:none; width:96rem }
.column_line .c_line { width:1px; height:100%; display:flex; background:var(--border-line);}
.column { padding:0}

#header .inner { position:relative; min-width:128rem; line-height:10rem; height:10rem; display:flex; justify-content:center; padding:0 12rem; margin:0 auto;  background: transparent; transition:height .3s, background .3s ease;; z-index:250; }
#header .inner.open { position:relative; opacity:1; overflow:hidden; background: transparent }
#header.gnb_bg { background: transparent; }
#header.scroll_down,
#header.down_scroll{ transform:translateY(-100%); }

#header.scroll_up { background:var(--white);}

.gnb_open #header,
.gnb_open #header.gnb_bg {background:var(--white); border-bottom:1px solid var(--border-line) } 
.gnb_open .column_line { display:flex; justify-content: space-between;}

.smenu { position:absolute; top:10rem; width:100vw; visibility:hidden; opacity: 0; z-index:10; left:50%; transform: translateX(-50%); border-top:1px solid var(--border-line); transition: all .3s; text-align: center; overflow-anchor: none;}
.smenu.active { opacity:1; visibility: visible; transition: all .3s; }

.depth1 {  font-size:1.8rem; font-weight:700; color: var(--white); display:block; padding:0 3rem; line-height:10rem; height:10rem; }
.inner.open .depth1 {  color: var(--primary); }
.depth1:hover,
.inner.open .depth1.active {  font-size:1.8rem; font-weight:700; color: var(--gnb) ; border-bottom:2px solid var(--gnb); }
.inner.open .kotiti_logo .fix_off { display:none }
.inner.open .kotiti_logo .fix_on { display:flex }

.scroll_up .depth1 {  color: var(--primary); }
.scroll_up .kotiti_logo .fix_off { display:none }
.scroll_up .kotiti_logo .fix_on { display:flex }

.depth2.two { margin-top:10.2rem; }
.smenu ul.smenu_box { display:grid; grid-template-columns: repeat(5, 24rem); gap:4rem 8rem; justify-content: flex-start; align-items: stretch; max-width:152rem; margin:0 auto; width:100%; padding-bottom:1.4rem}
.smenu ul.smenu_box li.dp1 { vertical-align:top; display:inline-block; width:100%; padding:4rem 0 2.4rem 0; }
.smenu ul.smenu_box li:not(:nth-child(n+5)).dp1.dp_sub { padding:4rem 0; }
/*
.smenu ul.smenu_box li.dp1 + li.dp1 {border-left:1px solid var(--border-line); padding-left:4rem; margin-left:4rem;}
.smenu ul.smenu_box li.dp1:nth-child(5) + li.dp1:nth-child(6) {border-left:0; padding-left:0; margin-left:0;}
*/

.smenu ul.smenu_box .depth2 { width:100%; height:auto; display:block; line-height:1.5; font-size:1.6rem; font-weight:700; padding-bottom:0.8rem; border-bottom:2px solid var(--primary); transition:border 0.2s; text-align:left ;}
.smenu ul.smenu_box .depth2 a { width:100%; /*height:100%;*/ display:block }
/*.smenu ul.smenu_box li.dp1:hover .depth2 {  border-bottom:2px solid var(--gnb); }*/
.smenu ul.smenu_box li.dp1:hover .depth2 { color:var(--gnb);  border-bottom:2px solid var(--gnb); }

.smenu ul.smenu_box .depth3 { width:100%; font-size:1.6rem; font-weight:500; height:2.4rem; line-height:2.4rem; position:relative; display:flex; justify-content: flex-start; align-items: center; cursor: pointer;}
.smenu ul.smenu_box .depth3:hover { color:var(--gnb)}
.smenu ul.smenu_box .depth3.has_sub:after { content:"+"; width:1.6rem; height:1.6rem; display:block; position:absolute; right:0; top:0.4rem; }
.smenu ul.smenu_box .depth3.has_sub.active:after { content:"-"}

.smenu ul.smenu_box .depth3_list { padding-top:2rem; }
.smenu ul.smenu_box .depth3_list.add_minHeight { transition:min-height .25s ease; overflow:hidden; }
.smenu ul.smenu_box .depth3_list li.dp3 { position:relative; display:block; width:100%; line-height:normal; font-size:0; }
.smenu ul.smenu_box .depth3_list li.dp3:nth-child(n+2) { margin-top:1.6rem; }
.smenu ul.smenu_box .depth3_list li.dp3 .depth3 { line-height:1; font-size:1.6rem; cursor: pointer; text-align:left}
.smenu ul.smenu_box .depth3_list li.dp3 i.blog{ width:1.6rem; height:1.6rem; display:flex; background:url(/_res/en/img/common/gnb/icon_href_blank.svg) no-repeat center / cover; margin-left:0.4rem }
.smenu ul.smenu_box .depth3_list .depth3 + .depth3 { margin-top:1.6rem; }

.smenu ul.smenu_box .depth4_list { display:none; height:auto; padding-left:1rem; overflow: hidden; }
.smenu ul.smenu_box .depth4_list li { position:relative; display:block; width:100%; font-size:0; text-align: left; }
.smenu ul.smenu_box .depth4_list li:nth-child(1) { padding:1.2rem 0 0 0; }
.smenu ul.smenu_box .depth4_list li + li { margin-top:1.6rem; }
.smenu ul.smenu_box .depth4_list li a { font-size:1.4rem; line-height:1.5;}
.smenu ul.smenu_box .depth4_list li a:hover { color: var(--gnb) ;}

@media screen and (min-width:1025px) and (max-width:1680px){

  #header .kotiti_logo { width:20rem; }
  .depth1 {  font-size:1.6rem; padding:0 2.4rem; word-break:break-all }
  .depth1:hover,
  .inner.open .depth1.active {  font-size:1.6rem; }
  
}

@media screen and (max-width:1024px) {

/*header*/
#header { position:fixed; top:0; left:0; width:100%; z-index:125; background: transparent;  opacity: 1; transition: transform .5s, background .3s, opacity .3s; }
#header .kotiti_logo { width:48%; max-width:19.2rem; position:absolute; left:2rem; top:2.4rem; transform: translateY(0); }

.kotiti_logo .fix_off { display:flex }
.kotiti_logo .fix_on { display:none }

.gnb { display:none;}
.gnb .column { padding:0}

#header .inner {min-width:100%; line-height:7.2rem; height:7.2rem; padding:0 1.2rem; z-index:503}
#header .inner.open { position:relative; opacity:1; overflow:hidden; background: transparent; }
#header.gnb_bg { background: transparent; }
#header.scroll_down,
#header.down_scroll{ transform:translateY(-100%); }

#header.is-active.scroll_down,
#header.is_active.down_scroll{ transform:translateY(0); }

#header.scroll_up,
#header.is_active { background:var(--white);}

.gnb_open #header,
.gnb_open #header.gnb_bg {background:var(--white); border:0} 


.inner.open .kotiti_logo .fix_off { display:none }
.inner.open .kotiti_logo .fix_on { display:flex }

.scroll_up .kotiti_logo .fix_off,
#header.is_active  .kotiti_logo .fix_off { display:none }
.scroll_up .kotiti_logo .fix_on,
#header.is_active  .kotiti_logo .fix_on { display:flex }

}

/*gnb_right*/
.tnb_box { position:absolute; right:12rem; top:3.6rem; gap:0 2rem; height:2.8rem; }
.topmenu { width:10.8rem; height:2.8rem; line-height:2.8rem; position:relative; display:grid;grid-template-columns:repeat(2,1fr); border-radius:2.4rem; overflow:hidden; }

.topmenu:before { content:""; width:100%; height:2.8rem; border:1px solid rgba(255,255,255,0.4); border-radius:2.4rem; overflow:hidden; display:block; position:absolute; left:0; top:0; ; transition:0.2s  }
.topmenu li { position:relative; font-size:0; height:100%; }
.topmenu li a { width:100%; height:100%; font-size:1.2rem; font-weight: 700; color: rgba(255,255,255,0.4); font-family: "Montserrat", sans-serif; display:flex; align-items:center; justify-content:flex-start; ; transition:0.2s }
.topmenu li:nth-child(1) a { padding:0 0 0 1.6rem; }
.topmenu li:nth-child(2) a { padding:0 1.6rem 0 0; }
.topmenu li.is_active { }
.topmenu li.is_active:before { content:""; width:100%; height:100%; border:1px solid #fff; border-radius:2.4rem; position:absolute; left:0; top:0; z-index:2; ; transition:0.2s  }
.topmenu li.is_active a { color:rgba(255,255,255,1); justify-content:center; padding:0; ; transition:0.2s  }

.btn_gnb_search {}
.sitemap_open {}
.btn_gnb_search img,
.sitemap_open img{ transition:filter 0.2s }

.btn_gnb_search,
.sitemap_open { width:2.8rem}
.btn_gnb_search img,
.sitemap_open img { width:100%}

.inner.open .topmenu:before { border:1px solid rgba(18,18,18,0.4)}
.inner.open .topmenu li a { color: rgba(18,18,18,0.4);}
.inner.open .topmenu li.is_active:before { border:1px solid rgba(18,18,18,1); }
.inner.open .topmenu li.is_active a { color:rgba(18,18,18,1); }

.inner.open .btn_gnb_search img,
.inner.open .sitemap_open img { filter:invert(1);}


.scroll_up .topmenu:before { border:1px solid rgba(18,18,18,0.4)}
.scroll_up .topmenu li a { color: rgba(18,18,18,0.4);}
.scroll_up .topmenu li.is_active:before { border:1px solid rgba(18,18,18,1); }
.scroll_up .topmenu li.is_active a { color:rgba(18,18,18,1); }

.scroll_up .btn_gnb_search img,
.scroll_up .sitemap_open img { filter:invert(1);}


.hd_mo { display:none }

#search_wrap{ position:fixed; left:0; top:10rem; width:100vw; z-index:126; background:var(--white); border-top:1px solid var(--border-line); display:none;}
#search_wrap .dimd{ display:none}
#search_wrap.active { display:flex; z-index:504}
#search_wrap .search_inner{ padding:8rem 0 4rem 0; gap:8rem 0; }
.search_top_box{ background: #F5F5F5; height:6.8rem; width:64rem; justify-content:space-between; align-items:center; }
.search_top_box input[type="text"]{ width:calc(100% - 6.8rem); height:100%; padding:1.6rem 2.4rem; color:var(--primary); font-size:2.4rem; border:0; padding:0; background:transparent }
.search_top_box input[type="text"]::placeholder { color:var(--f-body-secondary);}
.search_top_box .btn_search { width:6.8rem; height:6.8rem; }
.search_top_box .btn_search img { width:3.2rem; }
.search_top_box .search_close{ width:4.8rem; }
.search_top_box .search_close img { width:100%}

/*full_gnb*/
#ktt_full_wrap{ position:relative; display:none }
#ktt_full_wrap.is_active{ z-index:500; display:block}
#ktt_full_wrap .full_box{ display:flex; position:fixed; top:0; right:0; width:clamp(70%, 100%, 152rem); height:100vh; background:var(--white); opacity:0; visibility: hidden; transition:0.2s; z-index:1; display:flex; flex-direction: column; align-items: flex-start; }
#ktt_full_wrap .dimd{ z-index:1; position:fixed; top:0; left:0; width:100vw; height:100vw; display:block; background:rgba(17,17,17,0.0); opacity:0; visibility: hidden;; transition:0.2s; }
#ktt_full_wrap.is_active .full_box{ z-index:502; opacity: 1; visibility: visible;}
#ktt_full_wrap.is_active .dimd { display:flex; z-index:501; background:rgba(17,17,17,0.2); backdrop-filter: blur(2rem); opacity:1; visibility: visible;}


#ktt_full_wrap .full_header { background:var(--point); width:100%; height:8rem; padding:0 2rem 0 8rem; display:flex; justify-content: space-between; align-items: center;}
#ktt_full_wrap .full_header span { color:var(--white)}
#ktt_full_wrap .full_header .btn_close_full { width:6.4rem; }
#ktt_full_wrap .full_inner { width:calc(100% - 1.6rem); height:calc(100vh - 16rem); margin:8rem 0 0 0; padding:0 0 0 8rem; overflow-y:auto}
#ktt_full_wrap .full_inner::-webkit-scrollbar { width: 0.6rem; height:100%; background:var(--bg-footer); }
#ktt_full_wrap .full_inner::-webkit-scrollbar-track { background: transparent;}
#ktt_full_wrap .full_inner::-webkit-scrollbar-thumb { background:var(--f-body-secondary); }
#ktt_full_wrap .full_inner .row{ width:100%; max-width:136rem; padding-bottom:12rem }
#ktt_full_wrap .full_inner dl:not(.wd20) + dl:not(.wd20){ border-top:1px solid #ccc; padding-top:6.4rem}
#ktt_full_wrap .full_inner dl:not(.wd20):nth-last-of-type(1) { padding-bottom:0}
#ktt_full_wrap .full_inner .row .title{ font-size:4rem; font-weight:500; width:100%; border-bottom:1px solid var(--primary); padding-bottom:2rem; margin-bottom:4rem}
#ktt_full_wrap .full_inner .row dl{ padding-bottom:6.4rem;}
#ktt_full_wrap .full_inner .row dl.wd20{ width:24rem; display:inline-flex; flex-direction: column; align-items: flex-start;}
#ktt_full_wrap .full_inner .row dt{ font-size:2.4rem; font-weight:700; color:var(--point)}
#ktt_full_wrap .full_inner .row dl:not(.wd20) dt + dd{ margin-top:4rem;}
#ktt_full_wrap .full_inner .row dl.wd20 dt + dd{ margin-top:2.4rem;}
#ktt_full_wrap .full_inner .row .cate_2sub { display:flex; flex-wrap:wrap; align-items: flex-start; gap:4rem}
#ktt_full_wrap .full_inner .row .cate_2sub i.blog{ width:1.6rem; height:1.6rem; display:inline-flex; background:url(/_res/en/img/common/gnb/icon_href_blank.svg) no-repeat center / cover; margin-left:0.4rem }
/*#ktt_full_wrap .full_inner .row dd{ display:grid; grid-template-columns: repeat(5, 24rem); flex-wrap:wrap; align-items: flex-start; gap:4rem}*/
#ktt_full_wrap .full_inner .row dd{ }
#ktt_full_wrap .full_inner .row .cate_title{ font-size:2rem; font-weight:500; color:#111; }
#ktt_full_wrap .full_inner .row dd .col{ width:24rem}
#ktt_full_wrap .full_inner .row .wd20 { padding-bottom:0}
#ktt_full_wrap .full_inner .row .wd20.lPd40 { padding-bottom:4rem}
#ktt_full_wrap .full_inner .row .wd20 dd .col{ display:flex; flex-direction: column; align-items: flex-start; gap:1.6rem 0}
#ktt_full_wrap .full_inner .row .wd20 dd .col a { font-size:2rem; font-weight:500; color:#111}
#ktt_full_wrap .full_inner .row dd .cate_title{}
#ktt_full_wrap .full_inner .row dd ul{ margin-top:1.6rem; display:flex; flex-direction: column; align-items: flex-start; gap:1.2rem 0}
#ktt_full_wrap .full_inner .row dd li{}
#ktt_full_wrap .full_inner .row dd li a{ position:relative; color:var(--f-body); font-size:1.6rem; padding-left:1.1rem; display:block}
#ktt_full_wrap .full_inner .row dd li a:before{ content:""; width:0.3rem; height:0.3rem; border-radius:50%; display:block; position:absolute; left:0; top:1.1rem; background:var(--f-body) }

@media screen and (min-width:1025px) and (max-width:1520px){

}

@media screen and (max-width:1024px) {

/*gnb_right*/
.tnb_box { position:absolute; right:1.5rem; top:2.4rem; height:2.4rem; gap:0 1.2rem}
.topmenu { display:none}
.topmenu_m { display:flex; flex-direction: column; align-items: center; justify-content: center; color:var(--white); font-family: "Montserrat", sans-serif; font-size:1.6rem; position:relative; font-weight:500; height:2.4rem; }
.topmenu_m span.here { display:flex; justify-content: flex-start; align-items: center; line-height:1}
.topmenu_m span.here i { width:1.2rem; height:1.2rem; display:block; margin-left:0.4rem; background:url(/_res/en/img/common/gnb/icon_mo_select_arrow.svg) no-repeat center / cover; font-size:0; transition:transform 0.5s}
.topmenu_m span.here.is_active i { transform:rotate(180deg)}
.topmenu_m span.here i img { position:relative; width:100%; object-fit: cover;}
.topmenu_m .choice_lang { display:none; position:absolute; left:-2rem; top:3.6rem; z-index:501; width:8rem; border:1px solid var(--border-line); padding:1.2rem 0; background:var(--white); }
.topmenu_m .choice_lang ul { width:100%;}
.topmenu_m .choice_lang li { width:100%; line-height:1.5}
.topmenu_m .choice_lang li + li { margin-top:0.8rem}
.topmenu_m .choice_lang a {width:100%; display:flex; justify-content:center; align-items:center; color:var(--primary); font-size:1.6rem; font-weight:500; line-height:1.5}

.btn_gnb_search,
.sitemap_open { width:2.4rem; line-height:1}


.inner.open .btn_gnb_search img,
#header.is_active .sitemap_open img,
.inner.open .sitemap_open img { filter:invert(1);}

#header.is_active span.here,
.scroll_up span.here { color:var(--primary)}

.scroll_up .btn_gnb_search img,
#header.is_active .btn_gnb_search img,
#header.is_active span.here i img,
.scroll_up span.here i img,
.scroll_up .sitemap_open img { filter:invert(1);}


#search_wrap{ top:7.2rem; z-index:501}
/*
#search_wrap.active .dimd { display:flex; position:fixed; top:7.2rem; left:0; width:100vw; height:calc(100vh - 7.2rem); }
*/
#search_wrap .search_inner{ padding:4rem 2rem 2.4rem 2rem; gap:4.8rem 0; }
.search_top_box{ height:5.6rem; width:100%; }
.search_top_box input[type="text"]{ width:calc(100% - 6.4rem); padding:1.2rem 0 1.2rem 1.2rem; font-size:1.6rem; }
.search_top_box .btn_search { width:6.4rem; height:6.4rem; }
.search_top_box .btn_search img { width:3.2rem; }
.search_top_box .search_close{ width:3.2rem; }


/*full_gnb*/
#ktt_full_wrap{ position:relative; display:none }
#ktt_full_wrap.is_active{ display:block; width:100%; height:calc(100dvh - 7.2rem); }
#ktt_full_wrap .full_box{ display:flex; position:fixed; top:7.2rem; right:0; width:100%; height:calc(100dvh - 7.2rem); transition:0.2s; }
#ktt_full_wrap .dimd{ display:none; }
#ktt_full_wrap.is_active .full_box{ z-index:502; opacity: 1; visibility: visible;}
#ktt_full_wrap.is_active .dimd { display:none }

#ktt_full_wrap .full_header { display:none }
#ktt_full_wrap .full_inner { width:100%; height:100%; margin:0; padding:0; overflow-y:auto; }
#ktt_full_wrap .full_inner .row{ max-width:100%; padding-bottom:0 }
#ktt_full_wrap .full_inner dl:not(.wd20) + dl:not(.wd20){ border-top:0; padding-top:0}
#ktt_full_wrap .full_inner dl:not(.wd20):nth-last-of-type(1) { padding-bottom:0}
#ktt_full_wrap .full_inner .row .title{ position:relative; font-size:2rem; font-weight:700; border-bottom:1px solid var(--border-line); padding:2rem; margin-bottom:0}
#ktt_full_wrap .full_inner .row .title:after { content:""; position:absolute; right:2rem; top:2rem; width:2.4rem; height:2.4rem; display:block; background:url(/_res/en/img/common/gnb/icon_depth1_off.svg) no-repeat center / cover; transition:0.2s }
#ktt_full_wrap .full_inner .row .title.on { color:var(--point) }
#ktt_full_wrap .full_inner .row .title.on:after { background:url(/_res/en/img/common/gnb/icon_depth1_on.svg) no-repeat center / cover; }
#ktt_full_wrap .full_inner .row dl{ padding-bottom:0;}
#ktt_full_wrap .full_inner .row dl.wd20{ width:100%;}
#ktt_full_wrap .full_inner .row dt{ width:100%; padding:1.6rem 2.8rem; font-size:1.6rem; font-weight:700; color:var(--primary); position:relative; border-bottom:1px solid var(--border-line);  }
#ktt_full_wrap .full_inner .row dt a{ width:100%; height:100%; display:block}
#ktt_full_wrap .full_inner .row dt.hasD:after { content:""; position:absolute; right:2rem; top:1.6rem; width:2.4rem; height:2.4rem; display:block; background:url(/_res/en/img/common/gnb/icon_depth2_off.svg) no-repeat center / cover; transition:0.2s }
#ktt_full_wrap .full_inner .row dt.hasD.on { color:var(--point) }
#ktt_full_wrap .full_inner .row dt.hasD.on:after { background:url(/_res/en/img/common/gnb/icon_depth2_on.svg) no-repeat center / cover; }
#ktt_full_wrap .full_inner .row dl:not(.wd20) dt + dd{ margin-top:0;}
#ktt_full_wrap .full_inner .row dl.wd20 dt + dd{ margin-top:0;}
#ktt_full_wrap .full_inner .row dd{ grid-template-columns: 1fr; gap:0; width:100%; }
#ktt_full_wrap .full_inner .row .cate_title{ display:block; width:100%; padding:1.35rem 3.6rem; font-size:1.6rem !important; font-weight:500; color:var(--grey); position:relative; border-bottom:1px solid var(--border-line); }
#ktt_full_wrap .full_inner .row .cate_title.has:after { content:""; position:absolute; right:2rem; top:1.2rem; width:2.4rem; height:2.4rem; display:block; background:url(/_res/en/img/common/gnb/icon_depth3_off.svg) no-repeat center / cover; transition:0.2s }
#ktt_full_wrap .full_inner .row .cate_title.has.on { color:var(--point) }
#ktt_full_wrap .full_inner .row .cate_title.has.on:after { background:url(/_res/en/img/common/gnb/icon_depth3_on.svg) no-repeat center / cover; }
#ktt_full_wrap .full_inner .row dd .col{ width:100%;  }
#ktt_full_wrap .full_inner .col_box{ display:none; }
#ktt_full_wrap .full_inner .row .wd20 { padding-bottom:0}
#ktt_full_wrap .full_inner .row .wd20.lPd40 { padding-bottom:0}
#ktt_full_wrap .full_inner .row .wd20 dd .col{ gap:0}
#ktt_full_wrap .full_inner .row .wd20 dd .col a { font-size:1.6rem; font-weight:500; color:var(--grey)}
#ktt_full_wrap .full_inner .row dd .col a.cate_stitle { display:block; width:100%; padding:1.35rem 3.6rem; font-size:1.4rem; font-weight:500; color:var(--primary); position:relative; border-bottom:1px solid var(--border-line); }
#ktt_full_wrap .full_inner .row dd ul{ margin-top:0; gap:0; width:100%; }
#ktt_full_wrap .full_inner .row dd li{ background:#F5F5F5; border-bottom:1px solid var(--border-line); padding:1.2rem 3.6rem; width:100%; }
#ktt_full_wrap .full_inner .row dd li a{ position:relative; color:var(--f-body); font-size:1.2rem; padding-left:0; }
#ktt_full_wrap .full_inner .row dd li a:before{ display:none }

#ktt_full_wrap .full_inner .row .cate_1sub { display:none; overflow: hidden; }
#ktt_full_wrap .full_inner .row .cate_2sub { gap:0; }
#ktt_full_wrap .full_inner .row .cate_2sub { display:none; overflow: hidden; }
#ktt_full_wrap .full_inner .row .cate_3sub { display:none; overflow: hidden; }
#ktt_full_wrap .full_inner .row .cate_2sub i.blog{ background-position:0 0.2rem; background-size:100% auto }


}

/*contents*/
#container { min-height:100vh}  

/*footer*/
#footer { background:var(--bg-footer); position:relative}
#footer.mainMg { /*margin-top:-6.4rem;*/}
.footer_wrap { position:relative; width:calc(100% - 24rem); margin:0 auto; padding:2.8rem 0 5.6rem 0;}
.ft_box { position:relative; }
.ft_slt_or {position:absolute; right:0; top:2.3rem; z-index:5; }
.ft_slt_or select { background-color:transparent; width:21.6rem;}
.ft_agree_ul { padding:0.5rem 0 0 0; display:flex; justfity-content:flex-start; align-items:center; gap:0 2.4rem; }
.ft_agree_ul a { font-size:1.6rem; font-weight:500; }
.ft_agree_ul a strong { font-weight:700; }
.ft_summary { margin-top:3.2rem; display:grid; grid-template-columns: 24rem 1fr; gap:0 4rem; }
.ft_summary .kotiti { width:24rem }
.ft_summary .kotiti img { width:100%; }
.ft_summary .ft_info_dl { }
.ft_summary .ft_info_dl li { display:flex; gap:0 0.8rem; color:var(--f-body-secondary); font-weight:400}
.ft_summary .ft_info_dl li span { color:var(--f-body); font-weight:700; }
.ft_summary .ft_info_dl li .grid { display:flex; justify-content:flex-start; align-items:center; gap:0 0.8rem}
.ft_summary .ft_info_dl li .grid em { font-weight:500}
.ft_summary .ft_info_dl li .grid + .grid {margin-left:1.2rem; }
.ft_summary .ft_info_dl li + li { margin-top:0.8rem; }
.ft_summary .ft_info_dl li + li:last-child { margin-top:3.2rem; }
.ft_summary .ft_info_dl li span.jwxe_span { font-weight:400; font-size:1.4rem; }
.ft_sns_ul { position:absolute; right:0; top:4.8rem; justify-content:flex-end; gap:0 0.8rem; }
.ft_sns_ul li { width:4.8rem; }
.ft_cs_ul { position:absolute; right:0; top:10.2rem; }
.ft_cs_ul * { text-align: right;}
.ft_cs_ul dt { font-size:1.6rem; font-weight:700; color:var(--f-body); }
.ft_cs_ul dt + dd { margin-top:0.8rem }
.ft_cs_ul dd { font-size:1.6rem; font-weight:400; color:var(--f-body-secondary) }
.ft_cs_ul dd.tel_number { font-size:2.4rem; font-weight:500; color:var(--point2) }
  
@media screen and (min-width:1025px) and (max-width:1520px){

}

@media screen and (max-width:1024px) {
  /*contents*/
  #container { max-width:100%; }  
  /*#footer { background:var(--white);}*/
    #footer.mainMg { /*margin-top:-2.4rem*/}
  .footer_wrap { width:100%; max-width:100%; padding:4.8rem 2rem 6rem 2rem; margin:0; overflow: hidden;}
  .ft_slt_or { position:static; }
  .ft_slt_or select { width:100%; }
  .ft_agree_ul { margin-top:4rem; padding:0; flex-direction:column; align-items:flex-start; gap:1.2rem 0; }
  .ft_agree_ul a { display:block; font-size:1.5rem; }
  .ft_agree_ul a strong { font-weight:500 }
  .ft_box { display:flex; flex-direction:column-reverse; }
  .ft_summary { margin-top:0; grid-template-columns:1fr; gap:2.4rem 0;}
  .ft_summary .kotiti { width:25.6rem }
  .ft_summary .kotiti img { width:100%;}
  .ft_summary .ft_info_dl { }
  .ft_summary .ft_info_dl li { gap:0 0.8rem; font-size:1.4rem; flex-wrap:wrap }
  .ft_summary .ft_info_dl li .grid { width:100%; }
  .ft_summary .ft_info_dl li .grid + .grid { margin-top:0.8rem; margin-left:0; }
  .ft_summary .ft_info_dl li span { color:var(--f-body); }
  .ft_summary .ft_info_dl li + li { margin-top:0.8rem; }
  .ft_summary .ft_info_dl li + li:last-child { margin-top:2rem; }

  .ft_sns_ul { position:static; margin-top:4rem; justify-content:flex-start;}
  .ft_sns_ul img { width:3.2rem; }

  .ft_cs_ul { position:static; margin-top:4rem; align-items: flex-start;}
  .ft_cs_ul * { text-align: left;}
  .ft_cs_ul dt { font-size:1.4rem; }
  .ft_cs_ul dd { font-size:1.4rem; }
  .ft_cs_ul dd.tel_number { font-size:2rem; }
    
}

/*#quick_m {position:sticky; left:100%; bottom:0; z-index:130; display:inline-flex; min-width:6.4rem ; opacity:0; visibility:hidden; z-index:1; transform:translate(3rem, 0); transition:0.4s; }*/
#quick_m {position:fixed; right:13rem; bottom:8rem; z-index:130; display:inline-flex; min-width:6.4rem ; opacity:0; visibility:hidden; z-index:1; transform:translate(3rem, 0); transition:transform 0.2s ease, bottom 0.2s ease-out; }
#quick_m.active { opacity:1; visibility:visible; z-index:130; transform:translate(0, 0); }

/*#quick_m a.symbol { position:absolute; right:13rem; bottom:8rem; width:6.4rem; display:flex; justify-content:flex-end; position:relative; background:#025BA8; border-radius:3.2rem; transition:0.2s; }*/
#quick_m a.symbol { position:absolute; right:0;top:0; width:6.4rem; display:flex; justify-content:flex-end; position:relative; background:#025BA8; border-radius:3.2rem; transition:0.2s; }
#quick_m a.symbol i { width:6.4rem; position:relative; z-index:3; display:flex; flex-shrink: 0; }
#quick_m a.symbol i img { width:100%}
#quick_m a.symbol span { opacity:0; color:var(--white); font-size:1.6rem; font-weight:700; white-space:nowrap; visibility:hidden; width:0; height:6.4rem; transition:0.4s ease; border-radius:3.2rem 0 0 3.2rem;display:flex; justify-content:center; align-items:center; transition: opacity 0.3s ease, width 0.2s ease 0s, visibility 0s linear 0.2s;  }

#quick_m .quick_ul { opacity:0; visibility:hidden; display:flex; justify-content:flex-end; align-items:center; gap:0 0.8rem; flex-shrink:0; position:absolute; right:8.4rem; bottom:1.2rem; transition:0.3s ease-in-out}
#quick_m .quick_ul.active { opacity:1; visibility:visible; }
#quick_m .quick_ul li { display:flex; flex-shrink:0;}
#quick_m .quick_ul li a{ display:flex; font-size:1.6rem; font-weight:500; color:var(--white); border:1px solid var(--white); border-radius:2rem; padding:0.8rem 1.6rem; background:rgba(18,18,18,0.4); backdrop-filter:blur(2rem);  flex-shrink:0; }

#quick { flex-direction: column; z-index:130; right: 6.25%;  display:inline-flex; /*display:none;*/ width:6.4rem; transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out; }
#quick.add_fixed { position:fixed; bottom:16rem; top:auto;  }
#quick.add_absolute { position:absolute; bottom:auto; }
#quick .quick_s + .btn_top { margin-top:2rem; }
#quick .btn_top { position:relative; width:6.4rem; height:6.4rem; display:block; }
#quick .btn_top button { position:absolute; right:0; bottom:0; width:100%;}
#quick .btn_top img{  width:100%;}
/*.KTT_IR_030000 #quick .btn_top{display:none}*/

/*퀵메뉴 서브 추가*/
.quick_s { position:relative; min-width:6.4rem; display:flex; }
.quick_s a.symbol { width:6.4rem; display:flex; justify-content:flex-end; position:relative; z-index:3; background:#025BA8; border-radius:3.2rem; transition:0.1s; }
.quick_s a.symbol i { width:6.4rem; position:relative; z-index:3; display:flex; flex-shrink: 0; border-radius:3.2rem; overflow: hidden; }
.quick_s a.symbol i img { width:100%}
.quick_s a.symbol span { position:absolute; right:3.2rem; top:0; z-index:2; opacity:0; color:var(--white); background:#025BA8;  font-size:1.6rem; font-weight:700; white-space:nowrap; visibility:hidden; width:0; height:6.4rem; transition:0.4s ease; border-radius:3.2rem 0 0 3.2rem;display:flex; justify-content:flex-start; align-items:center; transition: opacity 0.3s ease, width 0.2s ease 0s, visibility 0s linear 0.2s;  }


.quick_s .quick_ul { opacity:0; visibility:hidden; display:flex; justify-content:flex-end; align-items:center; gap:0 0.8rem; flex-shrink:0; position:absolute; right:8.4rem; bottom:1.2rem; transition:0.3s ease-in-out}
.quick_s .quick_ul.active { opacity:1; visibility:visible; }
.quick_s .quick_ul li { display:flex; flex-shrink:0;}
.quick_s .quick_ul li a{ display:flex; font-size:1.6rem; font-weight:500; color:var(--primary); border:1px solid var(--border-line); border-radius:2rem; padding:0.8rem 1.6rem; background:var(--white);  flex-shrink:0; transition:0.2s ease}
.quick_s .quick_ul li a:hover { background:var(--point2); color:var(--white)}

#jwxe_main_content { position:relative }
#jwxe_main_content,
#content { width:100%; display:flex; flex-direction:column; align-items:center; }
#jwxe_main_content.board_inner,
#content.board_inner { width:128rem; min-height:70rem; margin:12rem auto 16rem auto}
#jwxe_main_content.board_inner.tMg0,
#content.board_inner.tMg0 { margin-top:0 }




@media screen and (min-width:1025px) {

  .quick_s a.symbol:hover{ width:auto; }
  .quick_s a.symbol:hover span { opacity:1; visibility:visible; padding-left:2.4rem; display:flex; justify-content: flex-start; align-items: center; width:15.7rem; transition: opacity 0.4s ease, width 0.3s ease 0s, visibility 0s linear 0s; }
  .quick_s.notHover a.symbol:hover{ width:6.4rem; }
  .quick_s.notHover a.symbol:hover span{ opacity:0; visibility:hidden; padding-left:0; width:0; display:none; transition: opacity 0.4s ease, width 0.3s ease 0s, visibility 0s linear 0s;  }


  #quick_m a.symbol:hover { width:auto; }
  #quick_m a.symbol:hover span { opacity:1; visibility:visible; padding-left:2.4rem; width:12.5rem; transition: opacity 0.4s ease, width 0.3s ease 0s, visibility 0s linear 0s; }
  #quick_m.notHover a.symbol:hover { width:6.4rem; }
  #quick_m.notHover a.symbol:hover span { opacity:0; visibility:hidden; padding-left:0; width:0; display:none; transition: opacity 0.4s ease, width 0.3s ease 0s, visibility 0s linear 0s;  }


}

@media screen and (min-width:1321px) {

}

@media screen and (min-width:1025px) and (max-width:1520px){
  
}

@media screen and (max-width:1024px) {
  
  #quick_m { min-width:4.8rem;  right:2rem; bottom:8.8rem; transform:translate(2rem, 0); }
  
  #quick_m a.symbol { position:absolute; right:0; bottom:0; width:4.8rem; height:4.8rem }
  #quick_m a.symbol i { width:4.8rem; }
  #quick_m a.symbol span { display:none}
  
  #quick_m .quick_ul { right:0; bottom:1.2rem; flex-direction:column; align-items:flex-end; gap:1.6rem 0;}

  #jwxe_main_content,
  #content { width:100%; max-width:100%; }
  #jwxe_main_content { overflow-x: hidden}

  #jwxe_main_content.board_inner,
  #content.board_inner { width:calc(100%); margin:4rem auto; max-width:calc(100%); padding-left:2rem; padding-right:2rem }
  #jwxe_main_content.board_inner.tMg0,
  #content.board_inner.tMg0 { margin-top:0 }
  
  #tab + #jwxe_main_content.board_inner { margin-top:0; } /*의뢰서양식 부분*/
  .KTT_BU_015200 #jwxe_main_content.board_inner { padding-left:0; padding-right:0; }  
  .sub-container-board #jwxe_main_content.board_inner { padding:0; } /*게시판 제어*/
  /*.bn-search { padding-left:2rem; padding-right:2rem}*/
  .KTT_CO_022000 .total-search-wrap .search-box-top { padding-top:0 }

  /*
  #quick {position:sticky; left:100%; bottom:0; width:6.8rem; height:14.8rem; z-index:10; margin-top:0; }
  */
  #quick { width:4.8rem; }
  #quick.add_fixed { bottom:4rem; }
  #quick .quick_s + .btn_top { margin-top:1.2rem; }
  #quick .btn_top {width:4.8rem; height:4.8rem; }
  
  #quick_m .quick_ul li { justify-content: flex-end;}

  /*퀵메뉴 서브 추가*/
  .quick_s { min-width:4.8rem;}
  .quick_s a.symbol { width:4.8rem; }
  .quick_s a.symbol i { width:4.8rem; }
  .quick_s a.symbol span { right:2rem; font-size:1.4rem; height:4.8rem; }

  .quick_s .quick_ul { right:2rem; bottom:6.4rem; flex-direction:column; align-items:flex-end; gap:1.6rem 0;}
  .quick_s .quick_ul li { justify-content: flex-end;}

}

.jwxe_popup { width:auto !important; max-width:128rem; height:auto !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%); background:transparent}
.jwxe_popup .jwxe_img { position:static !important; width:100% !important; height:auto !important; padding-bottom:4rem !important; }
.dropShadow { display:none !important}

/* 팝업 */
@media screen and (max-width:1024px) {
  .jwxe_popup { width:calc(100% - 6.4rem) !important; max-width:calc(100% - 6.4rem) !important; }  
  .jwxe_popup .jwxe_img img { width:100% !important; height:100% !important; object-fit: scale-down;}
  [class^=jwxe_popup_close_] { left:0 !important; bottom:0 !important}
}