@charset "UTF-8";
@font-face {
    font-family: Pretendard;
    src: url("/font/NanumSquareRoundR.ttf"); /* 가는글씨체 웹폰트주소 지정*/
}
/*html, body{color: #1a1a1a;font-size: 16px; min-width: 660px; font-family: 'NanumSquareRoundR';}*/
html, body{color: #1a1a1a;font-size: 16px; min-width: 660px; font-family: 'Pretendard', '프리덴타드', 'Arial', sans-serif;}

/* margin */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select
{margin:0}

/* padding */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select
{padding:0}

/* display */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
{display:block;margin:0;padding:0}

/* hidden */
legend
{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}

/* reset border */
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr
{border:0 none}

/* font type */
address,caption,cite,code,dfn,em,strong,th,var
{font-style: normal}

blockquote,q{quotes: none}
ins{text-decoration: none}
del{text-decoration: line-through}

/* align */
img{/*vertical-align:middle*/}
li:not(.sun-editor li){
    list-style: none;
}
ol:not(.sun-editor ol){
    list-style: none;
}
ul:not(.sun-editor ul){
    list-style: none;
}
/* list style */
li,ul,ol{margin: 0;padding: 0;}

/* a */
a{color: #1a1a1a;text-decoration: none;}

/*color*/
.ks-noble-gold{color :#C69849; font-weight: bolder;}

.container-fluid{
    /*max-width: 84%;*/
    min-width: 50%;
    margin: 0 auto;
    position: relative;
}

.flex{
    display: flex;
}

.top-navi-container {
    /*background-image: url("/images/common/top-img-ceo.jpg");*/
    /*background-color: #113569;*/
}
.top-navi-container img{
    width: 100%;
    height: 300px;
    background-size: contain;
}



.top-navi-container .navigator-container {
    /*max-width: 84%;*/
    /*min-width: 50%;*/
    margin: 0 auto;
    position: relative;
    height: 300px;
}

.top-navi-container .navigator-container .navigator-wrapper {
    height: 120px;
}

.top-navi-container .navigator-container .navigator-wrapper .flex{
    height: 120px;
    flex-direction: row;
    align-items: flex-end;
}

.top-navi-container .navigator-container .navigator-wrapper .flex span.home-icon {
    margin-right: 10px;
    cursor: pointer;
}

.top-navi-container .navigator-container .navigator-wrapper .flex span.home-icon:after {
    content: url("/icon/home24.png");
}

.top-navi-container .navigator-container .navigator-wrapper .flex .menu-group {
    width: 100%;
    height: 24px;
    display: flex;
    flex-direction: row;
}

.top-navi-container .navigator-container .navigator-wrapper .flex .menu-group span.menu-text {
    color: white;
    font-size: 13px;
    margin-left: 10px;
}

.container-fluid {

}

.container-fluid .container{
    max-width: 84%;
    min-width: 50%;
    margin: 0 auto;
    position: relative;
}


.container-fluid .container .page-header-wrapper{
    margin: 20px 0;
}

.container-fluid .container .page-header-wrapper .flex.between{
    justify-content: space-between;
    align-items: center;
}

.container-fluid .container .page-header-wrapper .page-header{
    font-size: 26px;
    font-weight: bold;
}

.container-fluid .container .text-wrap {
    height: 100%;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: black;
}

.container-fluid .container .img-wrap {
    height: 100%;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.hide-class {
    display: none;
}

.last{
    margin-top: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 960px) {
    .container-fluid>.way-to-come-body>.container{
        max-width: 100%;
    }
    .container-fluid .container .text-wrap {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    html, body{min-width: 0px;}
    .top-navi-container img{

    }
    .top-navi-container .navigator-container {
        background-position: center;
    }
    .top-navi-container .navigator-container .navigator-wrapper {
        height: 0px;
    }
    .container-fluid .container{
        max-width: 100%;
    }
}