@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;word-break: keep-all;line-height: 100%;}
body{font-family: 'Pretendard';font-size:16px;color:#363636;}
audio,canvas,progress,video{display:inline-block;vertical-align:middle}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:middle}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color:#363636;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus, button{text-decoration:none;outline: none;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}
.txL{
    text-align: left;
}
.txR{
    text-align: right;
}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.cl_b{clear:both !important;} 
.fl_txt {text-align:left !important;}
.disN{display:none;}
.disN2{display:none !important;}
.disB{display:block;}
.txC{text-align:center;}
.W_Auto{width:auto;}
.rel{position:relative;}
*{box-sizing:border-box;letter-spacing: -0.5px;}

:root {
    --main-color: #ea4e3d;
	--en:"DM Serif Text", serif;
}




body,html  {background:#fff}
body::-webkit-scrollbar {
    position: absolute;
    right: 0;
    width: 5px;
    display: none;
}
body::-webkit-scrollbar-thumb {
    background-color: #373d71;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid transparent;
}
body::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}
body.main { }
.container {width:100%;max-width:1200px;min-height:600px;margin: 130px auto;}
.container.maxnone{max-width:none;}
.container.minH_auto{min-height:auto;}
.container.mb0{margin-bottom:0;}
.container .inner img{width:100%;height: auto;}

.scrolld_down {position:absolute; bottom:13%; left:0; width:100%; text-align:center; z-index:10}
.scrolld_down .ico {animation: motion_scrolld_down 1.5s ease-in infinite; }


@keyframes motion_scrolld_down {
    0% {transform: translate3d(0, 0, 0)}
    50% {transform: translate3d(0, 10px, 0)}
    100% {transform: translate3d(0, 0, 0)}
}
@-webkit-keyframes motion_scrolld_down {
    0% {-webkit-transform: translate3d(0, 0, 0)}
    50% {-webkit-transform: translate3d(0, 10px, 0)}
    100% {-webkit-transform: translate3d(0, 0, 0)}
}
@-moz-keyframes motion_scrolld_down {
    0% {-moz-transform: translate3d(0, 0, 0)}
    50% {-moz-transform: translate3d(0, 10px, 0)}
    100% {-moz-transform: translate3d(0, 0, 0)}
}
.header-fixed-at-mobile-nav-opened #header .header-container, #header.fixed .header-container{padding:0;}


.subVisual {
    clear: both;
    position: relative;
    width: 100%;
    height: 570px;
    padding-top: 0;
    box-sizing: border-box;
    text-align: center;
    background: transparent;
    z-index:5;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: 1s all;
}
.subVisual .wrap{
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    width: calc(100% - 30px);
}
.subVisual .bgWrap{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    overflow: hidden;
}
.subVisual .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 0;
    transform: scale(1.3);
    animation: subVisual_bg 4s forwards;
}
@keyframes subVisual_bg{
    to{
        transform: scale(1);
    }
} 
.subVisual .bg.sub_intro {
    background: url(../images/subVisual_intro.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_business {
    background: url(../images/subVisual_business.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_sitemap {
    background: url(../images/subVisual_sitemap.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_result {
    background: url(../images/subVisual_result.jpg) center center / cover no-repeat;
}
.subVisual .bg.sub_cs {
    background: url(../images/subVisual_cs.jpg) center center / cover no-repeat;
}
.subVisual img{width:100%; height: auto;}



.sublink_wrap{
    position: absolute;
    right: 0;
    top: 60%;
    z-index: 2;
    width: auto;
    color: #fff;
}
.sublink_wrap .content{
    display: flex;
    align-items: flex-start;
}
.sublink_wrap .sublink_con{
    color: #fff;
    position: relative;
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.sublink_wrap .sublink_con .home{
    width: auto;
    margin-right: 10px;
}
.sublink_wrap .sublink_con:after{
    content:"";
    width:3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top:50%;
    transform: translateY(-50%);
    background: #fff;
}
.sublink_wrap .sublink_menu{}
.sublink_wrap .sublink_menu .thispage{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}
.sublink_wrap .sublink_menu .thispage:after{
    content:"";
    width:22px;
    height: 11px;
    display: block;
    transition: 0.5s all;
    background: url(../images/sublink_ico_arrow.png) center center / cover no-repeat;
    margin-left: 10px;
    transition: 0.75s all;
}
.sublink_wrap .sublink_menu .thispage.active:after{
    transform: rotate(180deg);
}
.sublink_wrap .sublink_menu .menu_list{
    background: #000000;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    display: none;
    font-weight: 300;
}
.sublink_wrap .sublink_menu .menu_list.active{
    display: flex;
}
.sublink_wrap .sublink_menu .list_con{color: #fff;text-align: left;}

@media (max-width : 1080px){
	.sublink_wrap{
		top:85%;
	}
    .sublink_wrap .content{
        justify-content: flex-start;
    }
    .sublink_wrap .sublink_menu{
        font-size: 13px;
    }
    .sublink_wrap .sublink_con{
        font-size: 13px;
    }
    .sublink_wrap .sublink_con::after{
        width: 3px;
        height: 3px;
    }
	.sublink_wrap .sublink_menu .thispage:after{
		width:15px;
		height:8px;
	}
    .sublink_wrap .sublink_con.only{
        left: 2.5%;
        position: relative;
        top: auto;
        transform: translateY(0);
        display: flex;
        align-items: center;
        margin-right: 5%;
        width: 25px;
        flex: 0 0 25px;
    }
    .sublink_wrap .sublink_con.only img{
        width: 100%;
    }
}

.subWrap{
    position: relative;
    background-color: #fff;
    font-weight: 300;
}

.subWrap img{
    width: 100%;
}
.subWrap .subpage_name{
    max-width: 1440px;
    margin:0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
}
.subWrap .subpage_name .name{
    white-space: nowrap;
    margin-right: 40px;
    font-family: var(--en);
    font-size: 24px;
    color: var(--main-color);
    opacity: 0;
    animation: fadeInUp 0.75s 0.5s forwards;
}
.subWrap .subpage_name .line{
    height: 1px;
    width: 0;
    background: var(--main-color);
    display: inline-block;
    animation: subpage_name_line 2s 1s forwards;
}
@keyframes subpage_name_line{
    to{
        width: 100%;
    }
}

.subWrap.ceo .ceoWrap{
    background: url(../images/sub_ceo_bg.jpg) center bottom / cover no-repeat fixed;
    position: relative;
    padding: 10% 0;
}
.subWrap.ceo .ceoWrap .thumb{
    background: url(../images/sub_ceo_img_big.jpg) 75% center / cover no-repeat;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
}
.subWrap.ceo .ceoWrap .wrap{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    width: calc(100% - 30px);
}
.subWrap.ceo .ceoWrap .left{
    display: flex;
    padding-top: 10%;
    margin-right: 10%;
}
.subWrap.ceo .ceoWrap .left .title{
    font-weight: 500;
    font-size: 36px;
    white-space: nowrap;
}
.subWrap.ceo .ceoWrap .left .title_con{

    letter-spacing: -2px;
    margin-bottom: 4%;
}
.subWrap.ceo .ceoWrap .left .title_con .point{
    color: var(--main-color);
}
.subWrap.ceo .ceoWrap .left .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.ceo .ceoWrap .right{

}
.subWrap.ceo .ceoWrap .right .title{
	display:none;
}
.subWrap.ceo .ceoWrap .right .image{
    margin-bottom: 5%;
    position: relative;
}
.subWrap.ceo .ceoWrap .right .image .real{
    visibility: hidden;
}
.subWrap.ceo .ceoWrap .right .explain{
    font-size: 18px;
}
.subWrap.ceo .ceoWrap .right .explain_con{
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 150%;
}
.subWrap.ceo .ceoWrap .right .explain_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.ceo .ceoWrap .right .explain_con .name img{
    width: auto;
}

.subWrap.idea .ideaWrap{
    background: url(../images/sub_idea_bg.jpg) center bottom / cover no-repeat fixed;
    position: relative;
    padding: 10% 0;
    color: #fff;
	overflow:hidden;
}
.subWrap.idea .ideaWrap .thumb{
    background: url(../images/sub_idea_img_big.jpg) 75% center / cover no-repeat;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
}
.subWrap.idea .ideaWrap .wrap{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	width:calc(100% - 30px);
	margin:0 auto;
}
.subWrap.idea .ideaWrap .visualWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10%;
}
.subWrap.idea .ideaWrap .visualWrap .image{
   opacity:0;
}
.subWrap.idea .ideaWrap .visualWrap .logo {
    position: absolute;
}
.subWrap.idea .ideaWrap .visualWrap .text {
    text-align: center;
    font-size: 36px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    font-weight: 200;
	white-space: nowrap;
}
.subWrap.idea .ideaWrap .visualWrap .text_con {
    margin-bottom: 2.5%;
}
.subWrap.idea .ideaWrap .visualWrap .text_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.idea .ideaWrap .listWrap{
    display: flex;
    gap:20px;
}
.subWrap.idea .ideaWrap .listcon{
    width: 350px;
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    text-align: center;
}
.subWrap.idea .ideaWrap .listcon .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}
.subWrap.idea .ideaWrap .listcon.--01 .bg{
    background: url(../images/sub_idea_img_list_01.jpg) center center / cover no-repeat;
    border-radius: 0 0 100px 0;
}
.subWrap.idea .ideaWrap .listcon.--02 .bg{
    background: url(../images/sub_idea_img_list_02.jpg) center center / cover no-repeat;
}
.subWrap.idea .ideaWrap .listcon.--03 .bg{
    background: url(../images/sub_idea_img_list_03.jpg) center center / cover no-repeat;
}
.subWrap.idea .ideaWrap .listcon.--04 .bg{
    background: url(../images/sub_idea_img_list_04.jpg) center center / cover no-repeat;
    border-radius: 0 100px 0 0;
}
.subWrap.idea .ideaWrap .listcon .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.subWrap.idea .ideaWrap .listcon .text .title{
    font-family: var(--en);
    font-size: 36px;
}
.subWrap.idea .ideaWrap .listcon .text .line{
    margin: 20px auto;
    width: 1px;
    height: 80px;
    background: #fff;
}
.subWrap.idea .ideaWrap .listcon .text .explain{
    font-size: 20px;
    font-weight: 200;
}

.subWrap.talent{}
.subWrap.talent .talentWrap{
    position: relative;
    background: url(../images/sub_talent_bg.jpg) center bottom / cover no-repeat fixed;
    padding-bottom: 7.5%;
}
.subWrap.talent .talentWrap .thumb{
	background: url(../images/sub_talent_img_big.jpg) center center / cover no-repeat;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.subWrap.talent .talentWrap .visualWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 7.5% 0;
}
.subWrap.talent .talentWrap .visualWrap .image{
    visibility: hidden;
}
.subWrap.talent .talentWrap .visualWrap .text {
    text-align: center;
    font-size: 36px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    font-weight: 200;
    color: #fff;
}
.subWrap.talent .talentWrap .visualWrap .text_con {
    margin-bottom: 2.5%;
}
.subWrap.talent .talentWrap .visualWrap .text_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.talent .talentWrap .wrap{
	max-width:1440px;
	margin:0 auto;
	width:calc(100% - 30px);
}
.subWrap.talent .talentWrap .listWrap{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
}
.subWrap.talent .talentWrap .listcon{
    position: relative;
    padding: 25% 5% 5%;
    min-height: 600px;
    align-content: flex-end;
    overflow: hidden;
	opacity:0;
}
.subWrap.talent .talentWrap .listcon.--01{
	border-radius:100px 0 0 0;
}
.subWrap.talent .talentWrap .listcon.--02{
	border-radius:0 100px 0 0;
}
.subWrap.talent .talentWrap .listcon.--03{
	border-radius:0 100px 0 0;
}
.subWrap.talent .talentWrap .listcon .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}
.subWrap.talent .talentWrap .listcon.--01 .bg{
    background: url(../images/sub_talent_img_01.jpg?v=1) center top / cover no-repeat;
}
.subWrap.talent .talentWrap .listcon.--02 .bg{
    background: url(../images/sub_talent_img_02.jpg?v=1) center top / cover no-repeat;
}
.subWrap.talent .talentWrap .listcon.--03 .bg{
    background: url(../images/sub_talent_img_03.jpg?v=1) center top / cover no-repeat;
}
.subWrap.talent .talentWrap .listcon .text{
    background: #fff;
    padding: 5%;
    position: relative;
    max-width: 650px;
    height: auto;
}
.subWrap.talent .talentWrap .listcon .text .title{
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 5%;
}
.subWrap.talent .talentWrap .listcon .text .title_con{
    margin-bottom: 0;
    line-height: 115%;
}
.subWrap.talent .talentWrap .listcon .text .title_con.--color{
    color: var(--main-color);
}
.subWrap.talent .talentWrap .listcon .text .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.talent .talentWrap .listcon .text .explain{
    word-break: keep-all;
    font-size: 18px;
    color: #363636;
    line-height: 150%;
}

.subWrap.talent .talentWrap_backup{
    background: url(../images/sub_talent_bg.jpg) center bottom / cover no-repeat fixed;
    position: relative;
}
.subWrap.talent .talentWrap_backup .thumb{
    background: url(../images/sub_talent_img_big.jpg) center center / cover no-repeat;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.subWrap.talent .talentWrap_backup .visualWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: url(../images/sub_talent_visual_bg.jpg) center center / cover no-repeat;
    padding: 7.5% 0;
}
.subWrap.talent .talentWrap_backup .visualWrap .image{
    visibility: hidden;
}
.subWrap.talent .talentWrap_backup .visualWrap .text {
    text-align: center;
    font-size: 36px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 2;
    font-weight: 200;
    color: #fff;
}
.subWrap.talent .talentWrap_backup .visualWrap .text_con {
    margin-bottom: 2.5%;
}
.subWrap.talent .talentWrap_backup .visualWrap .text_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.talent .talentWrap_backup .listWrap{
    display: flex;
    flex-direction: column;
}
.subWrap.talent .talentWrap_backup .listcon{
    position: relative;
    width: 100%;
    height: 100vh;
}
.subWrap.talent .talentWrap_backup .listcon .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}
.subWrap.talent .talentWrap_backup .listcon.--01 .bg{
    background: url(../images/sub_talent_img_01_backup.jpg) center center / cover no-repeat fixed;
}
.subWrap.talent .talentWrap_backup .listcon.--02 .bg{
    background: url(../images/sub_talent_img_02_backup.jpg) center center / cover no-repeat fixed;
}
.subWrap.talent .talentWrap_backup .listcon.--03 .bg{
    background: url(../images/sub_talent_img_03_backup.jpg) center center / cover no-repeat fixed;
}
.subWrap.talent .talentWrap_backup .listcon .wrap{
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.subWrap.talent .talentWrap_backup .listcon.--right .wrap{
    justify-content: flex-end;
}
.subWrap.talent .talentWrap_backup .listcon .text{
    background: #fff;
    padding: 5% 2.5%;
    position: relative;
    max-width: 650px;
}
.subWrap.talent .talentWrap_backup .listcon .text .title{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 5%;
    white-space: nowrap;
}
.subWrap.talent .talentWrap_backup .listcon .text .title_con{
    margin-bottom: 0.5%;
}
.subWrap.talent .talentWrap_backup .listcon .text .title_con.--color{
    color: var(--main-color);
}
.subWrap.talent .talentWrap_backup .listcon .text .title_con:nth-last-child(1){
    margin-bottom: 0;
}
.subWrap.talent .talentWrap_backup .listcon .text .explain{
    word-break: keep-all;
    font-size: 18px;
    color: #363636;
    line-height: 150%;
}

.subWrap.contact .contactWrap{
    background: url(../images/sub_contact_bg.jpg) 20%bottom / cover no-repeat;
    position: relative;
    padding: 10% 0;
}
.subWrap.contact .contactWrap .thumb{
    background: url(../images/sub_contact_img_big.jpg) 75% center / cover no-repeat;
    width: 100%;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
}
.subWrap.contact .contactWrap .wrap{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    width: calc(100% - 30px);
}
.subWrap.contact .contactWrap .left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10%;
}
.subWrap.contact .contactWrap .left .maintit{
    font-size: 45px;
    font-weight: 600;
}
.subWrap.contact .contactWrap .left .text{
    font-size: 20px;
}
.subWrap.contact .contactWrap .left .text .address{
    display: flex;
    flex-direction: column;
    margin-bottom: 25%;
}
.subWrap.contact .contactWrap .left .text .address_con{
    display: flex;
    flex-direction: column;
}
.subWrap.contact .contactWrap .left .text .address_con:nth-child(1){
    border-bottom: 1px solid #363636;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.subWrap.contact .contactWrap .left .text .address_con .name{
    margin-bottom: 2.5%;
    font-weight: 700;
}
.subWrap.contact .contactWrap .left .text .address_con .name .ico{
    max-width: max-content;
    display: inline-block;
    min-width: 25px;
}
.subWrap.contact .contactWrap .left .text .address_con .name .ico img{
	width:auto;
}
.subWrap.contact .contactWrap .left .text .address_con .explain{
    line-height: 150%;
}
.subWrap.contact .contactWrap .left .text .link{
    border: 1px solid #363636;
    padding: 15px;
    min-width: 250px;
    display: inline-block;
    text-align: center;
    transition: 0.75s all;
}
.subWrap.contact .contactWrap .left .text .link:hover{
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}
.subWrap.contact .contactWrap .right{
    flex:1;
}

.subWrap.business_area .business_areaWrap{
    background: url(../images/sub_business_area_bg.jpg) center bottom / cover no-repeat;
    position: relative;
    padding: 0 0 10%;
    font-weight: 300;
}
.subWrap.business_area .business_areaWrap .visualWrap{
    margin-bottom: 5%;
}
.subWrap.business_area .business_areaWrap .visualWrap .thumb{
    margin-bottom: 5%;
}
.subWrap.business_area .business_areaWrap .visualWrap .text{

}
.subWrap.business_area .business_areaWrap .visualWrap .text .title{
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 2.5%;
}
.subWrap.business_area .business_areaWrap .visualWrap .text .explain{
    font-size: 20px;
}
.subWrap.business_area .business_areaWrap .visualWrap .text .explain_con{
    margin-bottom: 1.25%;
}
.subWrap.business_area .business_areaWrap .visualWrap .text .explain_con:nth-last-child(1){

}
.subWrap.business_area .business_areaWrap .wrap{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: calc(100% - 30px);
}
.subWrap.business_area .business_areaWrap .listWrap{
    display: flex;
    gap:20px;
    justify-content: center;
}
.subWrap.business_area .business_areaWrap .listcon{
    display: flex;
    flex-direction: column;
}
.subWrap.business_area .business_areaWrap .listcon .image{

}
.subWrap.business_area .business_areaWrap .listcon .text{
    background: #fff;
    padding: 20px;
    text-align: left;
}
.subWrap.business_area .business_areaWrap .listcon .title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7.5%;
    letter-spacing: -1px;
}
.subWrap.business_area .business_areaWrap .listcon .explain{
}
.subWrap.business_area .business_areaWrap .listcon .explain_con{
    margin-bottom: 5%;
}
.subWrap.business_area .business_areaWrap .listcon .explain_con.--indent{
    text-indent: 4%;
}
.subWrap.business_area .business_areaWrap .listcon .explain_con.--visiH{
    visibility: hidden;
}
.subWrap.business_area .business_areaWrap .listcon .explain_con:nth-last-child(1){
    margin-bottom: 0;
}

.subWrap.result_recent{
    position: relative;
}
.subWrap.result_recent .result_recentWrap{
	background: url(../images/sub_result_recent_bg.jpg) center bottom / cover no-repeat fixed;
	padding: 5% 0 10%;
}
.subWrap.result_recent .wrap{
    max-width: 1200px;
    margin: 0 auto;
    width: calc(100% - 30px);
}
.subWrap.result_recent .search_area{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.subWrap.result_recent .search_area .ico {
    display: inline-block;
    max-width: max-content;
    margin-right: 10px;
}
.subWrap.result_recent .search_area .title{
    margin-right: 10px;
    font-weight: 600;
    font-size: 18px;
}
.subWrap.result_recent .search_area .search{

}
.subWrap.result_recent .search_area .search select{
    padding: 10px;
}
.subWrap.result_recent .listWrap{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
}
.subWrap.result_recent .listcon{
    position: relative;
    border-bottom: 1px solid #9a9ea9;
    padding-bottom: 20px;
}
.subWrap.result_recent .listcon .image{
    margin-bottom: 10px;
    position: relative;
}
.subWrap.result_recent .listcon .info{
    position: absolute;
    right: 0;
    top:0;
    color: #fff;
    display: flex;
}
.subWrap.result_recent .listcon .num{
    background: #363636;
    padding: 8px;
    display: inline-block;
}
.subWrap.result_recent .listcon .cate{
    background: var(--main-color);
    padding: 8px;
}
.subWrap.result_recent .listcon .name{
	font-weight: 400;
	font-size: 18px;
}
.subWrap.result_recent .listWrap2{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
}
.subWrap.result_recent .listcon2{
    position: relative;
    border: 1px solid #9a9ea9;
    background: #fff;
}
.subWrap.result_recent .listcon2 .image{
    position: relative;
}
.subWrap.result_recent .listcon2 .text{
	padding:20px;
}
.subWrap.result_recent .listcon2 .text .name{
	font-size: 26px;
	font-weight:600;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
.subWrap.result_recent .listcon2 .info{
	display:flex;
	flex-direction:column;
}
.subWrap.result_recent .listcon2 .info_list{
	display: flex;
	margin-bottom: 4%;
	font-size: 18px;
	font-weight: 400;
}
.subWrap.result_recent .listcon2 .info_list:nth-last-child(1){
	margin-bottom:0;
}
.subWrap.result_recent .listcon2 .info_list .subject{
	position:relative;
	margin-right:20px;
	padding-right:20px;
	min-width: 80px;
	color: #aaaaaa;
	font-weight: 300;
	line-height: 130%;
}
.subWrap.result_recent .listcon2 .info_list .subject:after{
	content:"";
	width:1px;
	height: 15px;
	position:absolute;
	right:0;
	top: 4px;
	background: #aaaaaa;
}
.subWrap.result_recent .listcon2 .info_list .explain{
    line-height: 130%;
}

.subWrap.sitemap .sitemapWrap{
    background: #ebedf3;
    position: relative;
    padding: 10% 0;
    font-weight: 300;
}
.subWrap.sitemap .sitemapWrap .wrap{

max-width: 1200px;

margin: 0 auto;

width: calc(100% - 30px);
}
.subWrap.sitemap .sitemapWrap .listWrap{

display: grid;

grid-template-columns: repeat(4,1fr);

gap: 20px;
}
.subWrap.sitemap .sitemapWrap .listcon{h;h;height: 100%;background: #fff;}
.subWrap.sitemap .sitemapWrap .listcon .title{
	color: #fff;
	text-align: center;
	min-height: 100px;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.subWrap.sitemap .sitemapWrap .listcon.--intro .title{
	background: url(../images/sub_sitemap_img_01.jpg) center center / cover no-repeat;
}

.title {}
.subWrap.sitemap .sitemapWrap .listcon.--business .title{
	background: url(../images/sub_sitemap_img_02.jpg) center center / cover no-repeat;
}
.subWrap.sitemap .sitemapWrap .listcon.--result .title{
	background: url(../images/sub_sitemap_img_03.jpg) center center / cover no-repeat;
}
.subWrap.sitemap .sitemapWrap .listcon.--cs .title{
	background: url(../images/sub_sitemap_img_04.jpg) center center / cover no-repeat;
}
.subWrap.sitemap .sitemapWrap .listcon .linkWrap{
	display:flex;
	flex-direction:column;
	padding:20px;
	gap: 20px;
}
.subWrap.sitemap .sitemapWrap .listcon .link{
	font-size: 18px;
	font-weight: 300;
	transition:0.5s all;
}
.subWrap.sitemap .sitemapWrap .listcon .link:hover{
	color:var(--main-color);
}


.subVisual video {position:absolute; left:0; top:0;width:100%;z-index:0;background-color:#006e98;}
.subVisual video:before{content:"";}
.subVisual .underlayer {position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3); z-index:0;}

.titleArea {
    text-align: left;
    line-height: 100%;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    border-top: cadetblue;
    position: relative;
    z-index: 2;
    flex-direction: column;
    color: #fff;
}
.titleArea .en{
	font-family: var(--en);
	font-size: 30px;
	font-style: italic;
	margin-bottom: 10%;
}

.titleArea .titleName {
    color: #fff;
    font-size: 50px;
    line-height: 100%;
    position:relative;
    font-weight: 200;
}
@keyframes titleName{
    to{
        letter-spacing: -1px;
    }
}

@media (max-width:1080px){
    .titleArea .titleName{
        font-size: 30px;
    }
}

.news_list {clear:both; max-width:1100px; width:100%; margin:0 auto;padding-top:10px;text-align:left; border-top:1px solid #ddd}
.news_list li {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd}
.news_list .media {margin:0 10px 0 0; color:#06377b; font-family:"NotoSans",'malgun gothic','dotum'; font-size:17px;}
.news_list .tit {overflow:hidden; height:25px;color:#333; font-family:"NotoSans",'malgun gothic','dotum';  font-size:17px;}
.news_list .tit a {color:#333;}
.news_list .con {overflow:hidden; max-height:47px; color:#999; font-family:"NotoSans",'malgun gothic','dotum';}
.news_list .con a {color:#999;}
.news_list a:hover {color:#8a7255;}

.paging {clear:both; margin-top:25px; text-align:center}
.paging li {display:inline-block; width:25px; height:25px; line-height:25px; margin-right:5px; font-size:12px; font-family:"dotum"; background:#666; }
.paging li:last-child {margin-right:0}
.paging li a {display:block; color:#fff;}
.paging li.num {color:#fff }
.paging .on {}
.paging li.prev,.paging li.next {width:35px;color:#fff;}
    .news_list_new{
    width:100%;
    margin-top: 50px;
    box-sizing: border-box;
}

.news_list_new .list_wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}
.news_list_new .list{
    width: 32%;
    flex: 0 0 32%;
    box-shadow: 15px 20px 20px #f5f5f5, -5px 0 15px #f5f5f5;
    min-height: 250px;
    position: relative;
    margin-bottom:5%;
    margin-right:1%;
}
.news_list_new .list .link{
    display: inline-block;
    height:100%;
    width:100%;
    padding:10% 5%;
    position: relative;
}
.news_list_new .list .top{
    font-weight: 400;
    font-size: inherit;
    color: #333;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
    margin-top:5px;
    position: relative;
}
.news_list_new .list .top:before{
    content:"";
    width:0;
    height:1px;
    background-color: #a6875f;
    position: absolute;
    left:0;
    bottom:0;
    transition: 1s all;
}
.news_list_new .list:hover .top:before{
    width:100%;
    transition: 1s all;
}
.news_list_new .list .media{
    position: relative;
    display: inline-block;
    line-height: 100%;
}

.news_list_new .list .title{
    font-weight: 400;
    font-size: 18px;
    color: #a6875f;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list_new .list .bottom{
    margin-top:30px;
    box-sizing: border-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12pt;
    letter-spacing: -0.05em;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height:74px;
    color:#666;
    font-weight: 300;
}

.paging li{
    font-family: 'Noto Sans KR';
    font-weight: 400;
    height: auto;
    margin: 0 5px;
    background-color: transparent;
}
.paging .num a{
    border: 1px solid #a6875f;
    color: #a6875f;
	transition:0.75s all;
}
.paging .num a.on{
    color:#fff;
    background-color: #a6875f;
}
.paging .num a:hover{
    background-color: transparent;
	color:#a6875f;
}
.paging a.next:hover{
    border: none;
    background-color: transparent;
}
.paging li.prev{
    background: url(../images/ico_arrow_prev.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-right: 15px;
}
.paging li.next{
    background: url(../images/ico_arrow_next.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-left: 15px;
}

@media (max-width:1080px){
    .news_list_new .list_wrap{
        width:calc(100% - 30px);
        margin:0 auto;
    }
    .news_list_new .list{
        width:100%;
        flex:0 0 100%;
    }
	.news_list {width:97%;margin-top:10px;border-top:none}
	.news_list .media {font-size:13px}
	.news_list .tit {height:21px;padding-left:0; font-size:13px;}
	.news_list .con {max-height:40px;padding-left:0; font-size:12px;}
	.paging {margin-bottom:100px}
}

.btn_area {clear:both;margin-top:1rem;margin-bottom:2rem;text-align:center}
.btn_area .btn_list {position: relative;padding:0.8rem 3rem 0.8rem 3rem;font-size:1rem;color: #333;letter-spacing:-0.04em;border: 0.05rem solid #666;}
.btn_area .btn_list:before{content:'';position:absolute;top:40%;right:10%;border:solid #666;border-width:0 2px 2px 0;padding:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}

#top_scroll {display:none;position: fixed; bottom:4%;right:3.5%;  z-index:9999}
#top_scroll img {}


.subscription_notice {clear:both; max-width:1100px; width:100%; margin-bottom:30px; padding:15px 0 15px 0; color:#b31414; font-size:1rem;font-family:"NotoSansM",'malgun gothic','dotum';letter-spacing:-0.02em; border:1px solid #ddd; background:#fff; border-radius:15px; box-sizing: border-box; }
.subscription_notice span a {color:#c5b284; }
.subscription_notice span {color:#c5b284; }

.video_tit {padding-bottom:2%;font-size:2rem;font-family:"NotoSansM",'malgun gothic','dotum';color: #333;letter-spacing:-0.04em;}
@media(max-width:1080px){
    .video_tit{text-align: center;padding:5% 0;font-size:1.5rem;}
    #top_scroll img{
        width: 35px;
    }
}

.list_wrap{max-width:1200px; margin:0 auto}
.list_wrap li{padding: 50px 0;display:flex;}
.list_wrap .image{position:relative;box-shadow: 5px 5px 5px rgba(0,0,0,.3);width:35%;flex:0 1 35%;}
.list_wrap .image.flex-auto{width:100%;flex:1 1 auto;}
.list_wrap .image:before{content:"";position:absolute;width:100%;height:100%;background-color: rgba(37,132,198,0.1);left: -30px;top: 30px;z-index: -1;}
.list_wrap .image .history{position:absolute;right:0;top:0;background-color:#a6875f;color:#fff;padding:5px 15px;}
.list_wrap .text{margin-top: 5px;padding: 15px 45px;width:65%;flex:0 1 65%;background-color: #f7f9fb;display: flex;flex-direction: column;justify-content: space-around;}
.list_wrap .text.only{width:100%;flex:1;}
.list_wrap .title{font-size:30px;font-weight:400;padding: 15px 0;}
.list_wrap ._head{min-width: 80px;display: inline-block;position:relative;line-height:100%;font-weight: 400;}
.list_wrap ._head:before{content:"";width:1px;height:100%;background-color:#7f8588;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.list_wrap .list{}
.list_wrap .con{padding-left:20px;font-weight: 300;}

.pagenation{text-align:center;margin-top: 60px;}
.pagenation .icon{vertical-align:middle;}
.pagenation .iconWrap{position: relative;display: inline-block;}
.pagenation .pageItem{margin: 0 3px;padding: 7px 9px;line-height: 100%;color: #9a9ea9;position: relative;background: transparent;}
.pagenation .pageItem.active{
    color: var(--main-color);
}
.pagenation .pageItem.active:after{
    content:"";
    width:100%;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    left:0;
    bottom:0;
}
.pagenation .pageItemWrap{display: inline-block;}
.pagenation .pageWrap{border: none;}
.pagenation .sidebutton.prev{
    background: url(../images/ico_arrow_prev.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 28px;
    padding: 0;
    font-size: 0;
    margin-right: 15px;
}
.pagenation .sidebutton.next{
    background: url(../images/ico_arrow_next.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 28px;
    padding: 0;
    font-size: 0;
    margin-left: 15px;
}

@media(max-width:1080px){
    .list_wrap{width:calc(100% - 30px);}
    .list_wrap li{flex-wrap: wrap;}
    .list_wrap .image, .list_wrap .text{flex:1 1 100%;}
    .list_wrap .text{padding:15px;}
    .list_wrap .list{font-size:13px;}
    .list_wrap .title{font-size:16px;}
    .list_wrap ._head{min-width:80px;}
    .list_wrap .image:before{display:none;}

    .pagenation{margin:30px 0;}
}

.contact_wrap{

}
.contact_wrap .contact_title{
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    display: inline-block;
}
.contact_wrap .contact_content{
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    flex-wrap: wrap;
}
.contact_wrap .contact_list{
    flex: 0 0 45%;
}
.contact_wrap .contact_alone{
    flex: 0 0 250px;
    margin: 0 auto;
    margin-top: 5%;
    background: none;
    letter-spacing: -1px;
    min-width: 200px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333;
    padding: 15px 35px;
    border-radius: 15px 0 0 0;
    font-weight: 500;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.75s all;
}
.contact_wrap .contact_alone:hover{
    border-radius: 30px;
}
.contact_wrap .contact_alone img{
    width: auto;
}
.contact_wrap .contact_alone .input_submit{
    background: none;
    border: none;
    transition: 0.75s all;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.contact_wrap .contact_alone .input_submit:hover{
    border-radius: 30px;
}
.contact_wrap .list_con{
    margin-top: 2.5%;
}
.contact_wrap .contact_input{
    border: none;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 300;
    padding: 2.5% 5px;
    width: 100%;
}
.contact_wrap .contact_input:focus-visible{
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%);
    outline: none;
}
.contact_wrap .contact_input::placeholder{
    color:#666;
}
.contact_wrap .file_wrap{
    font-weight: 300;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 5px 2.5% 5px;
}
.contact_wrap .file_wrap .contact_file{
    display: none;
}
.contact_wrap .file_wrap .input_label{
    position: absolute;
    right: 5px;
    top: 5%;
    width: 100%;
    text-align: right;
    cursor: pointer;
}
.contact_wrap .file_wrap .text_con{
    font-weight: 300;
    color:#666;
}
.contact_wrap .file_wrap img{
    width: auto;
}
.contact_wrap .contact_textarea{
    width: 100%;
    padding:2.5%;
}
.contact_wrap .contact_textarea:focus-visible{
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 20%);
    outline: none;
}
@media(max-width:1080px){
    .contact_wrap{
        text-align: center;
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 10%;
    }
    .contact_wrap .contact_list{
        flex: 0 0 100%;
    }
    .contact_wrap .contact_list.right{
        margin-top:10%;
    }
    .contact_wrap .contact_alone .input_submit{
        min-width: 150px;
        font-size: 16px;
    }
}

/*div table*/
.tbl{
    max-width: 1200px;
    margin:0 auto;
}
/*div table*/
.tbl_wrap {position: relative;width: 100%; margin:0 auto}
.tbl_list {display: table;width:100%;table-layout: fixed;border-top: 2px solid #363636;}
.tbl_colgroup {display: table-column-group;}
.tbl_colgroup .col {display: table-column;}
.tbl_colgroup .wd_01 {width:10%;}
.tbl_colgroup .wd_02 {width:72%;}
.tbl_colgroup .wd_03 {width:18%;}
.tbl_colgroup2 {display: table-column-group;}
.tbl_colgroup2 .col {display: table-column;}
.tbl_colgroup2 .wd_01 {width:30%;}
.tbl_colgroup2 .wd_02 {width:15%;}
.tbl_colgroup2 .wd_03 {width:15%;}
.tbl_colgroup2 .wd_04 {width:40%;}
.tbl_head {display: table-header-group;}
.tbl_body {display: table-row-group}
.tbl_row {display: table-row}
.tbl_cel {display: table-cell;vertical-align: middle;}
.tbl_list .tbl_head .tbl_cel {padding:1rem 0 1rem 0;border-bottom: 1px solid #363636;text-align: center;background: #f5f6f9;line-height: 1rem;letter-spacing:-0.04em;font-weight: 500;}
.tbl_list .tbl_head .tbl_cel.tl {text-align:left;padding-left:1rem}
.tbl_list .tbl_body .tbl_cel {padding:1rem 0 1rem 0;border-bottom: 1px solid #d5d3d6;letter-spacing:-0.04em;background: #fff;}
.tbl_list .tbl_body .tbl_cel.tl {text-align:left;padding-left: 0.5rem;}
.tbl_list .tbl_body .tbl_row:hover .tbl_cel {background:#f4f9fb;}
.tbl_row.no_date:hover .tbl_cel {background:#fff !important;}
.tbl_list .subject {display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 1.2rem;letter-spacing:-0.04em;}
.tbl_list .media {color: var(--main-color);}
.tbl_cel.num, .tbl_cel.date  {text-align:center;color:#999} 
.tbl_row.no_date .no_txt {padding:2rem 0 2rem 15%;text-align:center;}    

@media all and (max-width:1080px)
{	
	.tbl_wrap {position: relative;width: 100%;}
	.tbl_list .tbl_head .tbl_cel {padding:0.5rem 0 0.5rem 0;font-size:0.8rem;line-height:0.8rem;letter-spacing:-0.04em;}
    .tbl_list .tbl_body .tbl_cel {font-size:0.8rem;letter-spacing:-0.04em;line-height: 135%;}
	.tbl_list .subject {font-size:0.8rem;line-height:0.8rem;letter-spacing:-0.04em;}
}

@media (max-width:720px){
	.tbl_list .tbl_head .tbl_cel{
		font-size:2.8vw;
		padding: 1rem 0;
	}
	.tbl_list .tbl_body .tbl_cel{
		font-size:2.4vw;
	}
}

.view_title {clear:both; padding:3rem 0;border-top: 0.2rem solid #333;border-bottom: 0.05rem solid #333;background:#f5f3f3}
.view_title h3 {padding-left:3rem;font-size:2rem;color: #333;line-height: 1.1rem;}
.view_title span {color: #666;}
.view_title .writer_info {margin-top: 1.2rem;padding-left:3rem;font-size:1rem;}
.view_title .writer_info .date {margin-left: 1rem;}
.view_title .writer_info .date::before {content: '';display: inline-block;margin-right: 1rem;width: 0.1rem; height: 1rem;vertical-align: baseline;background: #e6e6e6;}
.view_txt {padding:3rem 3rem 3rem 3rem;border-bottom:0.05rem solid #ddd;line-height:2.0;text-align:left;font-size: 18px;letter-spacing: -1px;background: #fff;}
.view_cont {display:inline-block;text-align:left;}
.view_cont *{
	line-height:150%;
}
.view_cont img{
	width:100% !important;
	height:auto !important;
}

@media all and (max-width:1080px)
{	
	.view_title {padding:1rem 0;}
	.view_title h3 {padding-left:1rem;font-size:1.2rem;line-height: 1rem;}
	.view_title .writer_info {margin-top:1rem;padding-left:1rem;font-size:0.8rem}
	.view_txt {padding:1.5rem;border-bottom:0.05rem solid #ddd;line-height:2.0;text-align:left;}
}


.file_area {clear:both; width:100%; padding: 1rem 0 1rem 3rem; border-bottom:0.05rem solid #ddd;}
.file_area li {position: relative;display:block;padding-left:0.7rem;font-family:"NotoSans",'malgun gothic','dotum';font-size:1rem;letter-spacing:-0.04em;}    
.file_area li:before {content:'';position:absolute;top:50%;left:0;width:5px; height:5px; background:#999; border-radius:50%;}
.file_area li a {color: #999;font-size:0.9rem;letter-spacing:-0.02em;}

@media all and (max-width:1080px)
{	
	.file_area {padding: 1rem 0 1rem 1rem;}	
	.file_area li {padding-left:0.5rem;font-size:0.8rem;}
	.file_area li a {font-size:0.8rem}
}

.btn_area {clear:both;margin-top:2rem;margin-bottom:2rem;text-align:center}
.btn_area .btn_list {position: relative;padding: 15px;font-size:1rem;letter-spacing:-0.04em;transition:0.5s all;border: 0.05rem solid #363636;background: transparent;display: inline-flex;align-items: center;justify-content: center;min-width: 150px;}
.btn_area .btn_list:hover{
	background:var(--main-color);
	border-color:var(--main-color);
	color:#fff;
}
.btn_area .btn_list:after {
    content: "";
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 1px solid #363636;
    border-right: 1px solid #363636;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 10px;
}
.btn_area .btn_list:hover:after{
	border-color:#fff;
}
.btn_area .btn_list:before{content:'';position:absolute;top:40%;right:10%;border: solid #d5d5d5;border-width:0 2px 2px 0;padding:3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);display: none;}

@media all and (max-width:1080px)
{	
	.btn_area .btn_list {font-size:0.8rem;}
}

.prevNext {width:100%;margin-top:2rem;margin:0 auto;border-top:0.05rem solid #333;}
.prevNext li {clear:both;padding-left: 3rem;border-bottom: 0.05rem solid #333;height:3.5rem;line-height:3.5rem;font-size:1rem;letter-spacing:-0.04em;background: #f5f3f3;}
.prevNext li:first-child {border-color:#ddd;}
.prevNext i {position: relative;display: inline-block;margin-right:5rem;margin-left:1rem;width: 0.9rem;height: 0.5rem;vertical-align: middle;}
.prevNext a {display:inline-block;height:3.5rem;line-height:3.5rem;font-size:1rem;font-family:"NotoSans",'malgun gothic','dotum';color: #666;letter-spacing:-0.04em;}
.prevNext .i_next {position: relative;}
.prevNext .i_next:before{content:'';position:absolute;top:0;right:0;border:solid #666;border-width:0 2px 2px 0;padding:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.prevNext .i_pre {position: relative;}
.prevNext .i_pre:before{content:'';position:absolute;top:25%;right:0;border:solid #666;border-width:0 2px 2px 0;padding:3px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}

@media all and (max-width:1080px)
{	
	.prevNext {width:96%;}
	.prevNext li {padding-left:1rem;font-size:0.8rem;height:2.5rem;line-height:2.5rem;}
	.prevNext i {margin-right:1rem;margin-left:0.5rem;}
	.prevNext a {height:2.5rem;line-height:2.5rem;font-size:0.8rem;}
}

#footer {
    position: relative;
    width: 100%;
    background: url(../images/footer_bg.jpg) center center / cover no-repeat fixed;
    z-index: 5;
    color: #fff;
    font-weight: 200;
}
#footer .wrap{
    width: 90%;
    margin:0 auto;
    display: flex;
    align-items: center;
    padding: 10% 0 5%;
    justify-content: space-between;
}
#footer .left{
    display: flex;
    flex-direction: column;
}
#footer .left .logo{
    margin-bottom: 10%;
}
#footer .left .logo img{
	width:auto;
}
#footer .left .infoWrap{
    display: flex;
    flex-direction: column;
}
#footer .left .info_con{
    margin-bottom: 2.5%;
}
#footer .left .info_con:nth-last-child(1){
    margin-bottom: 0;
}
#footer .right .linkWrap{
    display: flex;
    flex-direction: column;
    gap:10px;
}
#footer .right .link{
    position: relative;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 150px;
}
#footer .right .link:after{
    content:"";
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    display: inline-block;
}

/* mobile */
.MB_V img{width:100%;}
.MB_V .ico_open{position: absolute;right: 50px;top: 106px;width:90px;z-index: 10;left:auto;}
.MB_V .mainVisual{position:relative;height:100%;}
.MB_V .ico_open{position: relative;right: auto;top: auto;width: 100%;z-index: 10;left: auto;bottom: 0px;}
.mainVisual .bxslider .cali{position:absolute;left: 50%;top:22%;transform:translate(-50%, -25%) translate(-.5px, -.5px); width:65%;}
.mainVisual .bxslider li .text{position:absolute;left: 50%;top:51%;transform:translate(-50%, -50%) translate(-.5px, -.5px); width:80%;}
.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom: 50px;left: 50%;transform: translateX(-50%);width: auto;}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a{background-color:transparent; border-radius:15px; border:1px solid #fff;width:7px; height:7px;}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,.mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;}
.MB_V .bxslider .border{padding:30px 0; height:1px;}

/* .mobileMain .sec01{background: url(/images/m_main_sec01_bg.jpg) center center / cover no-repeat;padding:50px 0;}
.mobileMain .sec01 h2{width:70%;margin:0 auto;padding-bottom:30px;}
.mobileMain .sec01 ul{}
.mobileMain .sec01 ul .slick-list{width:50%;margin:0 auto;}
.mobileMain .sec01 .slick-next{right:5%;background-image: url('/images/m_main_right.png');background-size:cover;}
.mobileMain .sec01 .slick-prev{left:5%;background-image: url('/images/m_main_left.png');background-size:cover;}
.mobileMain .signatureWrap{width:50%;margin:0 auto;} */

.mobileMain .sec01{background: url(/images/m_main_sec01_bg.jpg) center center / cover no-repeat;padding:50px 0;overflow:hidden;}
.mobileMain .sec01 .Wrap{width:calc(100% - 30px);margin:0 auto;}
.mobileMain .sec01 h2{width:70%;margin:0 auto;padding-bottom:30px;}
.mobileMain .sec01 ul{}
.mobileMain .sec01 ul .slick-list{width:50%;margin:0 auto;}
.mobileMain .sec01 .slick-next{right:0;}
.mobileMain .sec01 .slick-prev{left:0;}
.mobileMain .signatureWrap{width:50%;margin:0 auto;}
.mobileMain .swiper-button-prev{left:-60%;width:42px;height:42px;background-image: url('/images/m_main_left.png');background-size:cover;}
.mobileMain .swiper-button-next{right:-60%;width:42px;height:42px;background-image: url('/images/m_main_right.png');background-size:cover;}


.PC_V{display:block;}
.MB_V{display:none;}
.PC_BR{
	display:block;
}

@media(max-width:1080px){
	.PC_V{display:none;}
	.MB_V{display:block;}
	.PC_BR{
		display:none;
	}

	.container{margin:0}
	.container.brand{margin-top:0;}
	.container.system .inner{width:100%;}
	.video_wrap{width:100%; margin-top:0;}
	.open{top:76px;z-index:10;text-align:right;}
	.open img{width:80%;}
	.subVisual{
		margin: 0;
		align-items: center;
		height: 350px;
	}
	.subVisual .inner{width:100%;height:100%;}
	.subVisual .tit{padding:0;}

	.subVisual .wrap{
		width: calc(100% - 30px);
		max-width: none;
	}
	.titleArea .en{
		margin-bottom:5%;
	}

	.subWrap .subpage_name{
	}

    .titleArea{padding:0;display:block;border: none;height: auto;}
    .page_infor{display:block;}

	.subWrap.ceo .ceoWrap{
		padding:15% 0;
	}
	.subWrap.ceo .ceoWrap .wrap{
		flex-direction:column;
	}
	.subWrap.ceo .ceoWrap .left{
		display:none;
	}
	.subWrap.ceo .ceoWrap .right .title{
		display:block;
	}
	.subWrap.ceo .ceoWrap .right .image{
		margin-bottom:15%;
	}
	.subWrap.ceo .ceoWrap .right .title{
		font-weight: 500;
		font-size: 36px;
		white-space: nowrap;
		margin-bottom:15%;
	}
	.subWrap.ceo .ceoWrap .right .title_con{
		letter-spacing: -2px;
		margin-bottom: 2.5%;
	}
	.subWrap.ceo .ceoWrap .right .title_con .point{
		color: var(--main-color);
	}
	.subWrap.ceo .ceoWrap .right .title_con:nth-last-child(1){
		margin-bottom: 0;
	}

	.subWrap.idea .ideaWrap .wrap{
	
	}
	.subWrap.idea .ideaWrap .visualWrap .text{
		font-size:24px;
	}
	.subWrap.idea .ideaWrap .visualWrap .logo{
		width:50%;
		max-width:max-content;
	}
	.subWrap.idea .ideaWrap .listWrap{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-items: center;
	}
	.subWrap.idea .ideaWrap .listcon{
		width:100%;
		height:450px;
	}

	.subWrap.talent .talentWrap .listWrap{
		grid-template-columns: repeat(1, 1fr);
	}
	.subWrap.talent .talentWrap .listcon{
		min-height:300px;
		padding-top: 50%;
	}
	.subWrap.talent .talentWrap .listcon .bg{
		height:80%;
	}
	
	.subWrap.contact .contactWrap{
		padding:25% 0;
	}
	.subWrap.contact .contactWrap .wrap{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.subWrap.contact .contactWrap .left{
		margin-right:0;
	}
	.subWrap.contact .contactWrap .left .maintit{
		margin-bottom: 20%;
	}
	.subWrap.contact .contactWrap .left .text .address_con .name{
		margin-bottom:5%;
	}
	.subWrap.contact .contactWrap .right{
		width:100%;
		margin-bottom:5%;
	}
	.subWrap.contact .contactWrap .right #map{
		height:400px !important;
	}

	.subWrap.business_area .business_areaWrap .listWrap{
		flex-direction:column;
		align-items: center;
		padding: 5% 0;
	}
	.subWrap.business_area .business_areaWrap .listcon{
		flex-direction:row;
		justify-content: center;
		width: 100%;
        max-width: 600px;
	}
	.subWrap.business_area .business_areaWrap .listcon .text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1;
        width: 100%;
	}
	.subWrap.business_area .business_areaWrap .listcon .explain_con.--indent{
		text-indent:10px;
		line-height: 0;
		margin-bottom: 10%;
	}

	.subWrap.result_recent .listWrap2{
		    grid-template-columns: repeat(2, 1fr);
	}
	.subWrap.result_recent .listcon2 .text .name{
		font-size:22px;
	}
	.subWrap.result_recent .listcon2 .info_list{
		font-size:14px;
	}

	.subWrap.sitemap .sitemapWrap .listWrap{
		grid-template-columns:repeat(2, 1fr);
	}
	

	#footer .wrap{
		flex-direction: column;
		align-items: flex-end;
		padding: 20% 0;
	}
	#footer .left{
		margin-bottom:10%;
	}
	#footer .left .info_con{
		line-height:150%;
	}
	#footer .left .logo img{
		width:100%;
		max-width:max-content;
	}
}

@media(max-width:720px){

	.pagenation{
		font-size:3vw;
	}
	.pagenation .pageItem{
		margin:0;
		padding:5px;
	}
	.pagenation .sidebutton.prev,
	.pagenation .sidebutton.next{
		width: 20px;
        height: 19px;
        background-position: center center;
	}

	.titleArea .en{
		font-size:4vw;
	}
	.titleArea .titleName{
		font-size:6vw;
	}
	.subWrap .subpage_name .name{
		font-size:4vw;
	}
	.sublink_wrap .sublink_con .home{
		width:9px;
	}

	.subWrap.ceo .ceoWrap .right .title{
		font-size:6vw;
	}
	.subWrap.ceo .ceoWrap .right .explain{
		font-size:3vw;
	}
	.subWrap.ceo .ceoWrap .right .explain_con .name img{
		width: 17vw;
		max-width: max-content;
	}
	
	.subWrap.idea .ideaWrap .visualWrap .text{
		font-size:4vw;
	}
	.subWrap.idea .ideaWrap .listcon{
		height:0;
		padding:75% 0;
	}
	.subWrap.idea .ideaWrap .listcon .text{
		position: absolute;
		top: auto;
	}
	.subWrap.idea .ideaWrap .listcon .text .title{
		font-size: 6vw;
	}
	.subWrap.idea .ideaWrap .listcon .text .explain{
		font-size:3vw;
	}

	.subWrap.talent .talentWrap .listcon .text .title{
		font-size:5vw;
	}
	.subWrap.talent .talentWrap .listcon .text .explain{
		font-size:2.6vw;
	}

	.subWrap.contact .contactWrap .left .maintit{
		font-size:6vw;
	}
	.subWrap.contact .contactWrap .left .text{
		font-size: 3.6vw;
	}
	.subWrap.contact .contactWrap .left .text .address_con .name .ico{
		width: 3vw;
        min-width: auto;
        margin-right: 5px;
	}
	.subWrap.contact .contactWrap .left .text .address_con .name .ico img{
		width:100%;
	}

	.subWrap.business_area .business_areaWrap .visualWrap .text .explain{
		font-size:2.8vw;
	}
	.subWrap.business_area .business_areaWrap .listcon .image{
		width:50%;
	}
	.subWrap.business_area .business_areaWrap .visualWrap .text .title{
		font-size:8vw;
		margin-bottom:5%;
	}
	.subWrap.business_area .business_areaWrap .listcon .title{
		font-size:4vw;
	}
	.subWrap.business_area .business_areaWrap .listcon .explain{
		font-size:2.6vw;
	}

	.subWrap.result_recent .listWrap2{
		gap:10px;
	}
	.subWrap.result_recent .listcon2 .text{
		padding:10% 5%;
	}
	.subWrap.result_recent .listcon2 .text .name{
		font-size: 3vw;
        letter-spacing: 0;
	}
	.subWrap.result_recent .listcon2 .info_list{
		font-size:2.6vw;
		flex-direction: column;
        gap: 2.5px;
	}
	.subWrap.result_recent .listcon2 .info_list .subject{
		padding-right:0;
		min-width:60px;
	}
	.subWrap.result_recent .listcon2 .info_list .subject:after{
		display:none;
	}

	.subWrap.sitemap .sitemapWrap .listcon .title{
		font-size:4vw;
	}
	.subWrap.sitemap .sitemapWrap .listcon .link{
		font-size:3vw;
	}

	#footer{
		font-size:13px;
	}
	#footer .left .logo{
		width:150px;
	}

}

@supports (-webkit-touch-callout: none) {
    .have_background_fix{
        background-attachment: scroll !important;
    }
}