@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* @import url("https://use.typekit.net/fot5tbx.css"); */


/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v17-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nanum-gothic-v17-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v17-korean-regular.woff') format('woff'); /* Modern Browsers */
}
/* nanum-gothic-700 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-v17-korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nanum-gothic-v17-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v17-korean-700.woff') format('woff');
}
/* nanum-gothic-800 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v17-korean-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nanum-gothic-v17-korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v17-korean-800.woff') format('woff');
}

/* reset */
body,button,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,ul,li,p,select,table,th,td,textarea,figure,figcaption {margin:0;padding:0}
body,button,input,select,table,textarea,th,td {color:#222;font-size:14px;font-family:'Nanum Gothic',Helvetica,sans-serif;line-height:1.5}
html,body {height:100%}
body {position:relative;-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지 */
button,input,textarea {border:0}
textarea {word-wrap:break-word;word-break:keep-all;background-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;resize:none}
button {background-color:transparent;cursor:pointer;text-align:left}
input {box-sizing:border-box}
input[type='text']::-ms-clear {display:none}
ul,ol {list-style:none}
select,textarea,input {appearance:none;-moz-appearance:none;-webkit-appearance:none}
select {background:url(../images/pc/common/icon_sel.png) no-repeat 95% 50%}
select::-ms-expand {display:none}
fieldset,img {border:0}
img {display:block;max-width:100%;margin:0 auto}
fieldset {min-width:0}
legend,hr {display:none}
table {border-collapse:collapse;border-spacing:0}
address,em,i {font-style:normal}
a,a:active {color:#222;text-decoration:none}
iframe {overflow:hidden;margin:0;padding:0;border:0;vertical-align:top}
strong,b {font-weight:700}
input::placeholder {color:#ccc}
input::-webkit-input-placeholder {color:#ccc}
input::-ms-input-placeholder {color:#ccc}
input::-mos-input-placeholder {color:#ccc}
textarea::placeholder {color:#ccc}
textarea::-webkit-input-placeholder {color:#ccc}
textarea::-ms-input-placeholder {color:#ccc}
textarea::-mos-input-placeholder {color:#ccc}
[lang='en'] body,[lang='en'] button,[lang='en'] input,[lang='en'] select,[lang='en'] table,[lang='en'] textarea,[lang='en'] th,[lang='en'] td {font-family:'Roboto',Helvetica,sans-serif;font-weight:500}

input[type='number'] {appearance:textfield;}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
sup {vertical-align:middle;position:relative;top:-0.5em;font-size:75%;}

/* common */
.screen_out {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:1px;color:transparent}
.not_scroll {position:fixed;overflow:hidden;width:100%;height:100%}
.dot:before {display:inline-block;width:2px;height:2px;margin-right:6px;background-color:#222;border-radius:100%;vertical-align:middle;content:''}
.c_main {color:#303241}
.c_point {color:#ed1c24}

/* layout_header */
#header {position:absolute;top:0;left:0;right:0;height:132px;border-bottom:1px solid rgba(230,230,230,0.3);background-color:transparent;transition:background-color .2s ease-in-out;box-sizing:border-box;z-index:16}
#header:after {position:absolute;top:132px;left:0;right:0;bottom:0;opacity:0;background-color:#303241;border-top:1px solid #545662;box-shadow:0 4px 5px 0 rgba(0,0,0,.1);transition:opacity .2s ease-in-out;content:''}
#header .inner {position:relative;max-width:1200px;height:132px;margin:0 auto;padding:0 40px;box-sizing:border-box}
#header .logo {display:block;margin:0 auto;width:170px;text-indent:-9999px;vertical-align:top}
#header .logo>a {display:block;width:100%;background:url(../images/pc/common/logo_on.png) no-repeat center;line-height:77px}
#header .link_eng {position:absolute;top:30px;padding:0 6px;right:40px;margin-top:-14px;padding-bottom:5px;border-bottom:2px solid #222;color:#222;font-weight:700}
#header .btn_gnb {display:none;position:absolute;top:8px;right:0;padding:20px}
#header .btn_gnb .icon {display:block;position:relative;width:20px;height:2px;margin:8px 0 8px 10px;background:#fff;transition:transform .2s ease-in-out;font-size:0;vertical-align:top}
#header .btn_gnb .icon:before {position:absolute;top:-10px;left:-10px;width:30px;height:2px;background-color:#fff;content:''}
#header .btn_gnb .icon:after {position:absolute;bottom:-10px;left:-10px;display:block;width:30px;height:2px;background-color:#fff;content:''}
#header .wrap_gnb {display:inline-block;width:100%;margin:0}

#gnb {position:relative;z-index:10;display:flex;justify-content:space-between;}
#gnb>li {position:relative;width:auto;height:54px;}
#gnb>li a {display:block;box-sizing:border-box;color:#fff;line-height:28px;letter-spacing:-.25px}
#gnb>li>.link {display:inline-block;overflow:hidden;position:relative;color:#444;font-size:18px;line-height:54px;transition:all .2s}
#gnb>li>.link:before {position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#e60013;transition:all .2s;content:''}
#gnb>li:hover>.link:before {width:100%}
#gnb .depth1 {display:none;opacity:0;position:absolute;top:55px;left:0;right:0;height:300px;padding:17px 16px 0 0;white-space:nowrap;}
#gnb .depth1 .link {line-height:40px}
#gnb .depth2>a {color:#8d8e99;font-size:12px}
#gnb .depth1 a:hover {font-weight:700}
#gnb>li:first-child .depth1 {padding-left:0}
#gnb>li:last-child .depth1 {padding-right:0}
#header.active {background-color:#303241;border-bottom-color:#0e0f13}
#header.active:after {opacity:1;height:360px}
#header.active .logo>a {background-image:url(../images/pc/common/logo.png)}
#header.active #gnb .depth1 {display:block;opacity:1}
#header.active #gnb>li>.link {color:#fff}
#header.active .link_eng {border-bottom-color:#fff;color:#fff}
#header.active .btn_gnb .icon {width:30px;transform:rotate(45deg)}
#header.active .btn_gnb .icon:before {display:none}
#header.active .btn_gnb .icon:after {bottom:0;left:0;transform:rotate(-90deg)}
#header.sub {position:relative}
#header.mobile {background-color:transparent}
#header.fixed {position:fixed;background-color:#fff;animation:dropAni .3s cubic-bezier(.215,.61,.355,1)}
#header.fixed .logo>a {background-image:url(../images/pc/common/logo_on.png)}
#header.fixed .link_eng {border-bottom-color:#222;color:#222}
#header.fixed #gnb>li>.link {color:#444}
#header.sub.fixed {background-color:#fff}
#header.color_white {background-color:transparent}
#header.color_white .logo>a {background-image:url(../images/pc/common/logo.png)}
#header.color_white .link_eng {border-bottom-color:#fff;color:#fff}
#header.color_white #gnb>li>.link {color:#fff}
#header.active.color_white {background-color:#303241}
#header.active.color_white .logo>a {background-image:url(../images/pc/common/logo.png)}
#header.active.color_white .link_eng {border-bottom-color:#fff;color:#fff}
#header.active.color_white #gnb>li>.link {color:#fff}
.fp-viewing-4 #header {background-color:#fff}
.fp-viewing-4 #header.active {background-color:#303241}
@keyframes dropAni {
  0% {
    transform:translateY(-100%);
  }
  100% {
    transform:translateY(0);
  }
}

.fp-enabled[lang='en'] .fp-viewing-Recruit #header {background-color:#fff}
.fp-enabled[lang='en'] .fp-viewing-Recruit #header.active {background-color:#303241}

[lang='en'] #header .logo {width:256px;}
[lang='en'] #header .logo>a {background:url(../images/pc/common/en_logo_on.png) no-repeat center;background-size:100% auto;}
[lang='en'] #header.color_white .logo>a,
[lang='en'] #header.active .logo>a {background-image:url(../images/pc/common/en_logo.png)}
[lang='en'] #header.active:after {height:360px}
[lang='en'] #header.fixed .logo>a {background-image:url(../images/pc/common/en_logo_on.png)}

/* layout_footer */
#footer {background-color:#303242}
#footer .layout {position:relative;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
#footer .logo {display:block;width:168px;background:url(../images/pc/common/logo_footer.png) no-repeat 0 0;text-indent:-9999px}
#footer .etc {position:absolute;left:230px;top:117px;}
#footer .etc li a {display:block;font-size:14px;color:#898a92;}
#footer .fnb {border-bottom:1px solid #1d1e28}
#footer .fnb>a {display:inline-block;margin-right:36px;color:#fff;line-height:76px}
#footer .info {padding:40px 0;border-top:1px solid #454755}
#footer .info address {margin-top:40px}
#footer .info address>* {display:inline-block;color:rgba(255,255,255,.2)}
#footer .copy {color:rgba(255,255,255,.2)}
#footer .family_site {position:absolute;top:0;right:20px;width:266px;z-index:10}
#footer .family_site .type {display:block;position:relative;width:100%;padding:0 20px;color:#fff;font-weight:700;line-height:70px}
#footer .family_site .type:after {position:absolute;top:50%;right:10px;width:6px;height:6px;margin-top:-3px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(-45deg);content:''}
#footer .family_site nav {display:none;position:absolute;bottom:70px;left:0;width:266px;background-color:#fff;border:1px solid #222;border-bottom:0;box-sizing:border-box}
#footer .family_site nav>a {display:block;padding:25px 18px;color:#222}
#footer .family_site nav>a:hover {background-color:#303242;color:#fff}
#footer .family_site .type.active {background-color:#fff;border:1px solid #222;border-top:0;color:#222;font-weight:700}
#footer .family_site .type.active:after {transform:rotate(135deg);border-color:#222}
#footer .family_site .type.active+nav {display:block}
#footer .contact {position:absolute;top:124px;right:20px;width:248px;color:#fff;font-weight:700}
#footer .contact:after {position:absolute;top:50%;right:10px;width:6px;height:6px;margin-top:-3px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);content:''}

[lang='en'] #footer .logo {width:250px;background-image:url(../images/pc/common/en_logo_footer.png)}

/* lnb */
#lnb {background-color:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;z-index:15}
#lnb .list {display:flex;justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto}
#lnb .list:after {display:block;clear:both;content:''}
#lnb .list>li {position:relative;float:left;min-width:236px;height:60px;border-right:1px solid #e6e6e6;box-sizing:border-box}
#lnb .list>li.home {min-width:60px;width:60px}
#lnb .list>li.home .link {display:block;height:60px;padding:24px 0;box-sizing:border-box;text-align:center}
#lnb .current {display:block;width:100%;padding:0 20px;line-height:60px}
#lnb .current:after {position:absolute;top:50%;right:20px;width:8px;height:5px;margin-top:-2px;background:url(../images/pc/common/sprite.png) no-repeat -145px 0;content:''}
#lnb .nav_depth {display:none;position:absolute;top:61px;left:-1px;width:100%;background-color:#fff;border:1px solid #e6e6e6;border-top:0;z-index:2}
#lnb .nav_depth .link {display:block;padding:14px 20px;letter-spacing:-.25px}
#lnb .nav_depth .link:hover {background-color:#303242;color:#fff}
#lnb.fixed {position:fixed;top:0;left:0;width:100%;border-top:0;animation:dropAni .3s cubic-bezier(.215,.61,.355,1)}

/* sub layout */
.sub_visual {overflow:hidden;position:relative;width:100%;height:400px;background-repeat:no-repeat;background-position:center}
.sub_visual .cont_ani {position:absolute;top:50%;left:0;right:0;transform:translate(0, -50%);width:1120px;margin:0 auto;font-size:24px}
.sub_visual .cont_ani .txt1 {display:block;margin-bottom:10px;font-size:42px;font-weight:400;animation:itemAni .9s ease;opacity:1}
.sub_visual .cont_ani .txt2 {display:block;animation:itemAni 1.1s ease;opacity:1}
[lang='en'] .sub_visual .cont_ani {transform:translate(0, -65%)}

.breadcrumb {animation:itemAni .9s ease;opacity:1}
.breadcrumb li {display:inline-block;position:relative;color:#222;font-size:16px}
.breadcrumb li+li {margin-left:16px;padding-left:16px}
.breadcrumb li+li:before {position:absolute;top:50%;left:-6px;width:6px;height:6px;margin-top:-3px;border:1px solid #222;transform:rotate(45deg);border-left:0;border-bottom:0;content:''}
.sub_visual .cont_ani .title {display:block;animation:itemAni 1.1s ease;opacity:1;color:#222;font-size:48px}
@keyframes itemAni {
  0% {
    opacity:0;
    transform:translateY(50px)
  }
  100% {
    opacity:1;
    transform:translateY(0)
  }
}
.sub_visual.about {background-image:url(../images/pc/bnr/bg_bnr_about.jpg)}
.sub_visual.product {background-image:url(../images/pc/bnr/bg_bnr_product.jpg)}
.sub_visual.rnd {background-image:url(../images/pc/bnr/bg_bnr_rnd.jpg)}
.sub_visual.quality {background-image:url(../images/pc/bnr/bg_bnr_quality.jpg)}
.sub_visual.recruit {background-image:url(../images/pc/bnr/bg_bnr_recruit.jpg)}
.sub_visual.notice {background-image:url(../images/pc/bnr/bg_bnr_notice.jpg)}
.sub_visual.hanmicap {background-image:url(../images/pc/bnr/bg_bnr_hanmicap.jpg)}

[class^='subcont_'] {position:relative;padding:100px 0}
[class^='subcont_'] .h_title {margin-bottom:10px;font-size:24px;font-weight:700}
[class^='subcont_'] .h_title_desc {margin-bottom:60px}
[class^='subcont_'] .h_title_desc i {font-style:italic;}
[class^='subcont_'] .inner {position:relative;max-width:1200px;margin:0 auto;padding:0 40px;box-sizing:border-box}
[class^='subcont_'] .inner:after {display:block;clear:both;content:''}
[class^='subcont_'] .inner>.cont {padding:0 40px;white-space:pre-line;word-break:keep-all;line-height:28px}

.n_title{font-size: 26px;font-weight: bold;color: #222222;line-height: 1.2;}	
.n_title.bb{border-bottom: 1px solid #070707;padding-bottom: 20px;margin-bottom: 20px;}
.n_stitle{font-size: 18px;font-weight: bold;color: #222222;margin-bottom: 40px;}
.n_stitle.ty1{margin-bottom: 0;}
.n_stitle.ty2{margin-bottom: 0;margin-top: 30px;}
.n_title_desc{font-size: 14px;color: #222;line-height: 26px;margin-top: 10px;}
.n_title_desc a{display: inline-block;line-height: 26px;}
.n_title_desc a span{display: inline-block;border-bottom: 1px solid #222;line-height: 26px;}
.n_title_desc img{margin: 0;display: inline-block;vertical-align: middle;margin-left: 8px;}

/* formfield */
input[type='checkbox'], input[type='radio'] {overflow:hidden;position:absolute;width:0;height:0;clip:rect(0,0,0,0)}
.radio,.checkbox {display:inline-block;position:relative;padding-left:34px;cursor:pointer}
.radio input[type='radio']+.icon {position:absolute;top:0;left:0;width:20px;height:20px;background:#fff;border:1px solid #cecdcd;border-radius:100%}
.radio input[type='radio']:checked+.icon:before {position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background-color:#303242;border-radius:100%;content:''}
.checkbox input[type='checkbox']+.icon {position:absolute;top:0;left:0;width:22px;height:22px;background:#fff;border:1px solid #666}
.checkbox input[type='checkbox']:checked+.icon:before {position:absolute;top:50%;left:50%;width:12px;height:6px;margin:-6px 0 0 -6px;border-left:2px solid #222;border-bottom:2px solid #222;transform:rotate(-45deg); content:''}
.inp_txt {height:30px;padding:0 15px;border:0;box-sizing:border-box;line-height:30px}
.textarea {padding:20px 16px;background-color:#f6f6f6;box-sizing:border-box}

/* icon */
.icon {display:inline-block;background:url(../images/pc/common/sprite.png) no-repeat;vertical-align:top;font-size:0;text-indent:-9999px}
.icon.link {width:20px;height:6px;margin:8px 0 0 10px;background-position:-90px 0}
.icon_home {width:14px;height:12px;background-position:-144px -10px}
.icon_move1 {width:20px;height:6px;margin:8px 0 0 10px;background-position:-110px 0}
.icon_move2 {width:20px;height:6px;margin:8px 0 0 10px;background-position:-90px 0}
.icon_sel_arrow {width:11px;height:6px;background-position:-132px 0}
.icon_plus {width:14px;height:14px;background-position:-90px -10px}
.icon_download {width:30px;height:23px;background-position:-90px -35px}

/* button */
[class^='btn_style'] {display:inline-block;margin:0 auto;padding:0 10px;background-color:#fff;border:1px solid;box-sizing:border-box;text-align:center}
.wrap_btn [class^='btn_style']+[class^='btn_style'] {margin-left:7px;}
.btn_style1 {width:148px;height:45px;border-color:#cfcfcf;color:#222;font-size:16px;line-height:45px;margin-top:30px}
.btn_style1.bg {border-color:#303244;background-color:#303244;color:#fff}
.btn_style1.disable {border-color:#c8c8c8;background-color:#c8c8c8;color:#fff}
.btn_style1.emph {border-color:#ed1c24;background-color:#ed1c24;color:#fff}

/* tab */
[role='tablist'] {display:flex;justify-content:flex-start;align-items:center;width:100%}
[role='tab'] {flex-shrink:1;position:relative;width:280px;box-sizing:border-box;text-align:center;vertical-align:middle;cursor:pointer}
[role='tabpanel'] {display:none;position:relative}
.comm_tab {border-bottom:1px solid #222}
.comm_tab .tab {font-size:16px;line-height:80px}
.comm_tab .tab.active {border:1px solid #222;border-bottom:0;font-weight:700}
.comm_tab .tab.active:after {position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:#fff;content:''}
.nav_tab {border-left:1px solid #ccc}
/* .nav_tab .tab_slider {display:table;table-layout:fixed} */
.nav_tab .tab {/*display:table-cell;*/max-width:240px;height:200px;border:1px solid #ccc;border-left:0;box-sizing:border-box;font-size:16px;font-weight:700}
.nav_tab .tab.active {background-color:#303241;color:#fff}
.nav_tab .tab:before {display:block;margin:0 auto 20px;content:''}
.wrap_tabcont .tabcont.active {display:block}

/* select */
.comm_sel {padding:0 20px;background-color:#f6f6f6;border:1px solid #f6f6f6;color:#303244;line-height:38px}

/* paging */
.paging {overflow:hidden;margin-top:40px;text-align:center}
.paging>a {display:inline-block;padding:0 10px}
.paging .current {font-weight:700}
.paging .arr>i {margin-top:4px}
.paging .icon_first,.paging .icon_last {width:12px;height:12px}
.paging .icon_prev,.paging .icon_next {width:7px;height:12px}
.paging .icon_first {background-position:-122px -32px}
.paging .icon_prev {background-position:-127px -46px}
.paging .icon_next {background-position:-136px -46px}
.paging .icon_last {background-position:-136px -32px}

/* slide tab */
.slider_tab {display:block;width:100%;font-size:0;position:relative;box-shadow:inset 1px 0 0 #ccc,inset -1px 0 0 #ccc,inset 0 1px 0 #ccc,inset 0 -1px 0 #ccc;margin-bottom:50px}
.slider_tab .tab {display:inline-block;flex-shrink:0;vertical-align:top;text-align:center;height:200px;box-sizing:border-box;border:1px solid #ccc;background:transparent;white-space:nowrap;width:20%}
.slider_tab .tab ~ .tab {border-left:none}
.slider_tab .tab i {display:inline-block;width:100px;height:82px;background-repeat:no-repeat;background-position:50% 0}
.slider_tab .tab1 i {background-image:url(../images/pc/product/ico_research1.png)}
.slider_tab .tab2 i {background-image:url(../images/pc/product/ico_research2.png)}
.slider_tab .tab3 i {background-image:url(../images/pc/product/ico_research3.png)}
.slider_tab .tab4 i {background-image:url(../images/pc/product/ico_research4.png)}
.slider_tab .tab5 i {background-image:url(../images/pc/product/ico_research5.png)}
.slider_tab .tab6 i {background-image:url(../images/pc/product/ico_research6.png)}
.slider_tab .tab7 i {background-image:url(../images/pc/product/ico_research7.png)}
.slider_tab .tab:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.slider_tab .tab > span {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal}
.slider_tab .tab span span {display:block;margin-top:20px;font-size:16px;color:#222}
.slider_tab .prev,
.slider_tab .next {border:none;display:block;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;background-repeat:no-repeat;text-indent:-9999px;z-index:10;background-color:#fff;background-position:50% 50%;border:1px solid #ccc;box-sizing:border-box}
.slider_tab .prev {background-image:url(../images/pc/common/img_tab_prev.png);left:-15px}
.slider_tab .next {background-image:url(../images/pc/common/img_tab_next.png);right:-15px}
.slider_tab .swiper-button-disabled {display:none}
.slider_tab .active {background:#303242;border-color:#303242}
.slider_tab .active i {background-position:50% -82px}
.slider_tab .active span span {color:#fff}

/* board(table) List */
.tbl_list {border-top:2px solid #222;border-bottom:1px solid #f2f2f2}
.tbl_list .theader [role='row'] {display:table;width:100%;table-layout:fixed}
.tbl_list [role="columnheader"] {display:table-cell;width:auto;padding:15px 0;font-weight:700;text-align:center}
.tbl_list .tbody_row {display:table;width:100%;table-layout:fixed;border-top:1px solid #f2f2f2}
.tbl_list [role='cell'] {display:table-cell;width:auto;padding:16px 0;word-break:break-all}
.tbl_list [role='columnheader']:not(.title),
.tbl_list [role='cell']:not(.title) {width:12%;text-align:center}
.tbl_list .during {width:320px !important}
.tbl_list .state:not([role="columnheader"]) {color:#ccc}
.tbl_list .state.ing {color:#222;font-weight:700}

/* board view */
.board_detail {position:relative;padding-bottom:40px;border-top:2px solid #222;border-bottom:1px solid #f2f2f2}
.board_detail .title {padding:35px 0;color:#222;font-size:18px}
.board_detail .info {padding:20px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.board_detail .info:after {display:block;clear:both;content:''}
.board_detail li {float:left;margin-right:35px}
.board_detail .info strong {margin-right:18px}
.board_detail .cont {word-break:keep-all;white-space:pre-line}
.board_detail .dday {width:74px;box-sizing:border-box;height:25px;line-height:23px;border-radius:3px;position:absolute;right:0;top:35px;border:1px solid #ed1c24;text-align:center;font-size:14px;color:#ed1c24;font-weight:bold;letter-spacing:-0.025em}
.board_detail .dday ~ .title {padding-right:100px}

.tbl_head_btn {position:relative}
.tbl_head_btn .btn {position:absolute;right:0;bottom:20px;white-space:nowrap;font-size:0}
.tbl_head_btn .btn a {display:inline-block;width:170px;height:46px;line-height:46px;font-size:14px;color:#fff;box-sizing:border-box;background:#303242;padding:0 17px;position:relative}
.tbl_head_btn .btn a ~ a {margin-left:20px}
.tbl_head_btn .btn a:before {content:"";display:block;width:7px;height:12px;background:url(../images/pc/recruit/ico_rig_arr.png) no-repeat;background-size:contain;position:absolute;right:12px;top:50%;margin-top:-6px}

.privacy_detail {margin-top:50px;word-break:keep-all;}
.privacy_detail .box {font-size:14px;line-height:1.7;}
.privacy_detail .box h3 {font-size:18px;color:#000;font-weight:600;margin-bottom:15px;}
.privacy_detail .box ~ .box {margin-top:50px;}
.privacy_detail .box ul li {text-indent:-18px;padding-left:18px;}
.privacy_detail .box ul li ~ li {margin-top:5px;}
.privacy_detail .box ul li ul {margin-top:3px;}
.privacy_detail .box ul li li {text-indent:-17px;padding-left:17px;}
.privacy_detail .box ul li li ~ li {margin-top:2px;}
.privacy_detail .box table {width:100%;table-layout:auto;margin-top:15px;}
.privacy_detail .box table tr > * {border:1px solid #ddd;padding:10px;line-height:1.4;text-align:center;font-size:13px;letter-spacing:-0.03em;}
.privacy_detail .box table tr th {background:#f3f3f3;font-weight:600;}
.privacy_detail .box table tr .tal {text-align:left;}
.privacy_detail .box table + * {margin-top:10px;}
.privacy_detail .box .ovx + * {margin-top:10px;}

/* popup */
.popWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 999;display: none;justify-content: center;align-items: center;align-content: center;padding: 20px;box-sizing: border-box;gap: 60px 20px;flex-wrap: wrap;}
.popUp{}
.popUp *{box-sizing: border-box;}
.popUp .inner{position: relative;/* padding: 30px; */border-radius: 12px;/* background: url(../images/pc/common/popup_bg.png)no-repeat 50% 50%; */background-size: cover;text-align: center}
.popUp .inner .close{position: absolute;top: -42px;right: 0;width: 27px;height: 27px;background: url(../images/pc/common/pop_close.png)no-repeat 50% 50%;background-size: cover;}
/* popup */

/* tablet */
@media (max-width:1024px) {
  /* layout_header */
  #header {height:70px;border-bottom-color:#dae0e6}
  #header:after, #gnb .depth2 {display:none}
  #header .inner {max-width:inherit;height:70px;padding:0}
  #header .logo {width:146px;padding:0 20px;margin:0;}
  #header .logo>a,
  #header.active .logo>a,
  #header.sub.active .logo>a {background-image:url(../images/mobile/common/logo.png);background-size:100% auto}
  #header .logo>a {line-height:70px}
  #header .link_eng {display:none;top:23px;right:77px !important;margin-top:0}
  #header .btn_gnb {display:block;top:50%;height:70px;margin-top:-35px}
  #header .wrap_gnb {display:none;overflow-y:auto;opacity:0;width:auto !important;height:100vh;transition:opacity .3s ease-in-out;margin:0 !important;background-color:#303242}
  #gnb {display:block;}
  #gnb>li {float:none;width:auto !important;height:auto;margin:0 20px;border-bottom:1px solid #272937}
  #gnb>li:after {display:block;width:100%;height:1px;background-color:#434557;content:''}
  #gnb>li a {padding-left:32px}
  #gnb>li>.link {display:block;font-size:16px;line-height:77px;pointer-events:none}
  #gnb>li>.link:before {position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:url(../images/mobile/common/sprite.png) no-repeat 0 0;background-size:102px 31px;content:''}
  #gnb>li>.link.active:before {height:2px;margin-top:-1px;background-position:0 -6px}
  #gnb>li:hover>.link:before {width:14px}
  #gnb .depth1 {position:relative;top:auto;height:auto;padding:0 0 16px;white-space:normal;}
  #gnb .depth1 .link {color:#fff;line-height:48px}
  #header.mobile #gnb {padding-bottom:100px}
  #header.active {background-color:#303242;border-bottom:0}
  #header.active .link_eng {display:block;border-bottom-color:#fff;color:#fff}
  #header.active .wrap_gnb {display:block;opacity:1}
  #header.active #gnb .depth1 {display:none}
  #header.active #gnb>li.active .depth1 {display:block;padding-left:0}
  #header.sub .logo>a {background-image:url(../images/mobile/common/logo_on.png)}
  #header.sub .btn_gnb .icon,
  #header.sub .btn_gnb .icon:before,
  #header.sub .btn_gnb .icon:after,
  #header.fixed .btn_gnb .icon,
  #header.fixed .btn_gnb .icon:before,
  #header.fixed .btn_gnb .icon:after {background-color:#222}
  #header.sub.active .btn_gnb .icon,
  #header.sub.active .btn_gnb .icon:before,
  #header.sub.active .btn_gnb .icon:after,
  #header.fixed.active .btn_gnb .icon,
  #header.fixed.active .btn_gnb .icon:before,
  #header.fixed.active .btn_gnb .icon:after {background-color:#fff}

  [lang='en'] #header,
  [lang='en'] #header .inner {height:70px}
  [lang='en'] #header .logo {display:inline-block;width:200px;padding:0 10px}
  [lang='en'] #header .logo>a,
  [lang='en'] #header.active .logo>a,
  [lang='en'] #header.sub.active .logo>a {background-image:url(../images/pc/common/en_logo.png)}
  [lang='en'] #header .logo>a {line-height:70px}
  [lang='en'] #header.sub .logo>a {background-image:url(../images/pc/common/en_logo_on.png)}
  [lang='en'] #header.active .link_eng {top:23px}
  [lang='en'] #gnb>li {height:auto;padding:0}
  [lang='en'] #gnb>li>.link {line-height:77px}
  [lang='en'] #gnb .depth1 {top:auto;height:auto}
  [lang='en'] #gnb .depth1 .link {padding:8px 0 8px 32px;line-height:1.5}

  /* layout_footer */
  #footer {padding-top:100px}
  #footer .layout {background-color:#303242}
  #footer .family_site {left:16px;right:16px;top:-80px;width:auto}
  #footer .family_site .type {background-color:#303242;color:#fff;border-bottom:0;line-height:40px}
  #footer .family_site .type:after {right:20px}
  #footer .family_site nav {bottom:41px;width:100%}
  #footer .family_site nav>a {padding:14px 18px}
  #footer .fnb {display:none}
  #footer .fnb>a {display:inline-block;width:calc((100% / 6) - 5px);margin:0;line-height:48px;text-align:center}
  #footer .etc {left:210px;top:34px;}
  #footer .etc li a {font-size:14px;}
  #footer .contact {top:-40px;left:16px;right:16px;width:auto;padding:0 20px;background-color:#303242;border-radius:0;box-sizing:border-box;line-height:40px}
  #footer .contact:after {right:20px}
  #footer .info {padding:32px 0;border-top:0}
  #footer .info address {margin-top:20px}
  #footer .copy {margin-top:18px;font-size:12px}

  [lang='en'] #footer .logo {width:125px;background-size:100% auto}

  /* lnb */
  #lnb {position:absolute;top:70px;left:0;width:100%;border:0}
  #lnb .list {padding:0}
  #lnb .list>li {min-width:auto;border:0}
  #lnb .list>li+li {margin-left:9px}
  #lnb .list>li+li+li .current {padding:0 12px 0 10px;}
  #lnb .list>li.home {display:none}
  #lnb .list li.depth1:after {width:8px;height:12px;margin-top:-7px;background-position:-30px -19px}
  #lnb .current {padding:0 10px 0 14px;font-size:13px;letter-spacing:-0.03em;word-spacing:-0.03em;}
  #lnb .current:after {right:-7px;width:12px;height:8px;margin-top:-4px;background:url(../images/mobile/common/sprite.png) no-repeat -39px -22px;background-size:102px 31px;transform:scale(0.8);}
  #lnb .depth1 .current {pointer-events:none}
  #lnb .depth1 .current:after {width:8px;height:12px;margin-top:-7px;background-position:-30px -19px}
  #lnb .nav_depth {position:fixed;top:130px;left:0;right:0;width:100%;border-top:0;border-left:0;border-right:0}
  #lnb.fixed .nav_depth {top:60px}

  /* sub layout */
  .sub_visual {margin-top:60px;background-size:cover}
	.sub_visual.hanmicap {background-position:70% 0;}
  .sub_visual .cont_ani {left:20px;width:auto;margin-top:-35px;font-size:16px}
  .sub_visual .cont_ani .txt1 {margin-bottom:10px;font-size:24px;font-weight:700}
	[lang='en'] .sub_visual .cont_ani .title {font-size:10.5vw;letter-spacing:-0.03em;word-spacing:-0.03em;}

  [class^='subcont_'] {padding:80px 0}
  [class^='subcont_'] .h_title {margin-bottom:10px}
  [class^='subcont_'] .h_title_desc {margin-bottom:30px}
  [class^='subcont_'] .inner {padding:0 16px}
  [class^='subcont_'] .inner>.cont {padding:0}

  .n_title_desc{font-size: 13px;}
  .n_title_desc a span{display: inline;}

  /* icon */
  .icon {background:url(../images/mobile/common/sprite.png) no-repeat;background-size:102px 31px}
  .icon_move1 {background-position:-19px 0}
  .icon_move2 {background-position:-19px -7px}
  .icon_sel_arrow {background-position:-16px -15px}
  .icon_plus {background-position:0 -14px}
  .icon_download {background-position:-72px 0px}

  /* tab */
  .tab_slider {overflow:hidden;overflow-x:auto;width:100%;padding-right:20px;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .tab_slider [role='tablist'] {padding-right:20px}
  /* .nav_tab .tab_slider {display:block} */
  .popUp{max-width: 100%}
  .popWrap:has(> .popUp:nth-child(2))  .popUp{max-width: 46%;}
}

/* mobile */
@media (max-width:767px) {
  /* lnb */
  #lnb .list>li.depth1 {margin-left:0}
  .sub_visual.quality+#lnb .current {padding:0 6px;font-size:13px;letter-spacing:-1px}

  /* sub layout */
  .sub_visual {height:300px}
  [class^='subcont_'] .h_title {word-break:keep-all}
  [class^='subcont_'] .h_title_desc {font-size:18px;letter-spacing:-.25px;word-break:keep-all}

  /* select */
  .comm_sel {width:100%;height:60px;background-color:#fff;border-color:#e6e6e6;line-height:60px}

  /* formfield */
  .inp_txt {height:60px;padding:0;border-bottom:1px solid #e3e3e3;line-height:60px}

	/* slide tab */
	.slider_tab {box-shadow:inset 0 -2px 0 #222;margin:0 -16px 0}
	.slider_tab .swiper-container:before,
	.slider_tab .swiper-container:after {content:"";display:block;width:16px;position:absolute;top:0;height:calc(100% - 2px);z-index:10}
	.slider_tab .swiper-container:before {left:0;background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%)}
	.slider_tab .swiper-container:after {right:0;background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}
	.slider_tab .swiper-wrapper {display:block;white-space:nowrap;overflow:auto;padding:0 16px}
	.slider_tab .tab {display:inline-block;vertical-align:top;text-align:center;height:60px;border:none;width:auto}
	.slider_tab .tab:last-child {margin-right:20px}
	.slider_tab .tab ~ .tab {margin-left:30px}
	.slider_tab .tab i {display:none}
	.slider_tab .tab span span {margin-top:0;font-size:18px;color:#989da3;padding:0 10px}
	.slider_tab .active {background:none;border:none}
	.slider_tab .active span span {color:#222;font-weight:bold}
	.slider_tab .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#4280ff}
	.slider_tab .prev,
	.slider_tab .next {display:none}

  /* board(table) list */
  .tbl_list {border-bottom:2px solid #222}
  .tbl_list .theader {display:none}
  .tbl_list .tbody_row,
  .tbl_list [role='cell'] {display:block;width:auto;padding:10px 0;text-align:left}
  .tbl_list .tbody_row {position:relative;padding-top:36px}
  .tbl_list [role='cell']:not(.date, .title) {display:none}
  .tbl_list .date {position:absolute;top:4px;left:0;width:auto !important;color:#989da3}

  /* board view */
  .board_detail {padding-bottom:60px;border-bottom:0}
  .board_detail .title {padding:20px 0;font-size:16px;font-weight:700}
  .board_detail .info {padding:0;border:0}
  .board_detail li,
  .board_detail .date strong {display:none}
  .board_detail .date {display:block;position:absolute;bottom:10px;left:0;color:#989da3}
  .board_detail .cont {border-top:1px solid #ccc}
	.board_detail .dday {display:none}
	.board_detail .dday ~ .title {padding-right:0}

	.tbl_list.inq .tbody_row {padding:10px 0}
	.tbl_list.inq .title a {font-size:16px;font-weight:bold}
	.tbl_list.inq .during {display:block !important;width:auto !important;text-align:left !important;padding-top:5px !important;font-size:14px;color:#989da3}

	.tbl_head_btn {position:relative;margin-bottom:40px}
	.tbl_head_btn .btn {position:relative;bottom:0;white-space:normal}
	.tbl_head_btn .btn a {display:block;width:auto;height:46px;line-height:44px;font-size:14px;color:#222;background:#fff;padding:0 17px;border:1px solid #222}
	.tbl_head_btn .btn a ~ a {margin:-1px 0 0}
	.tbl_head_btn .btn a:before {background-image:url(../images/mobile/recruit/ico_rig_arr.png);right:18px}

	.privacy_detail {margin-top:30px;}
	.privacy_detail .box {font-size:13px;line-height:1.6;}
	.privacy_detail .box h3 {font-size:16px;margin-bottom:10px;}
	.privacy_detail .box ~ .box {margin-top:30px;}
	.privacy_detail .box ul li {text-indent:-17px;padding-left:17px;}
	.privacy_detail .box ul li li {text-indent:-16px;padding-left:16px;}
	.privacy_detail .box table {margin-top:10px;}
	.privacy_detail .box table tr > * {padding:5px;font-size:12px;}
	.privacy_detail .box .fix col:nth-child(1) {width:35px;}
	.privacy_detail .box .ovx {overflow:auto;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
	.privacy_detail .box .ovx table {min-width:600px;}

	.popUp .inner .close{top: -30px;right: 5px;width: 20px;height: 20px;}
}