@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}a{text-decoration:none;}li{list-style-type:none;}table{border-collapse:collapse;border-collapse:separate;border-spacing:0;table-layout:fixed;word-break:break-all;text-underline-position: under;}

html{font-size:62.5%;-webkit-font-smoothing:antialiased;}

@media screen and (max-width:480px){
	html {font-size:52.5%;}
}

body{font-family:"NanumGothic", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; letter-spacing: -0.03em; font-size: 1.6rem; color: #222; -webkit-font-smoothing: antialiased; word-wrap: break-word; word-break: keep-all;}


/*  */
.hidden{display:none;}
.toLeft{text-align:left;}
.toCenter{text-align:center;}
.toRight{text-align:right;}
.f_500{font-weight:500;}
.f_strong{font-weight:bold;}
.mobileOnly{display:none;}

/* ------- 영역관련 -------- */
.innerWrap{
    position:relative;box-sizing:border-box;
    margin:0 auto;
    width:100%;max-width:124rem;padding:0 2rem;}
.makeFlex{
    display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
    position:relative;box-sizing:border-box;}
.jc_SB{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jc_FS{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.jc_FE{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.ai_FS{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.ai_C{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.va_top, table.va_top td{vertical-align:top;}

.flexChild{position:relative;box-sizing:border-box;}
.flexChild.w48{width:48%;}

/* 하이퍼링크 관련 */
.a_txt{
    display:inline-block;position:relative;
    color:#4963d1; font-weight:500;
    border-bottom:2px dotted #4963d1;}
.a_btn{
    display:inline-block;position:relative;box-sizing:border-box;
    padding:1em 2em;
    background-color:#f1f1f1;
    border:1px solid #d2d2d2;
    vertical-align:bottom;
    font-weight:500;color:#666;}
.a_btn > span{position:relative;}
.a_btn[download] > span:after{
    content:'';display:inline-block; vertical-align:middle;
    width:1.25em;height:1.25em;
    margin-left:0.25em;
    background:url('../../images/img_gres/icon/ic_download.svg') no-repeat center center;background-size:auto 100%;}
.a_btn:hover{background-color:#f5f5f5;text-decoration:underline;}

.a_union{
    display:inline-block;position:relative;box-sizing:border-box;
    padding:0.25em 0.5em;
    background-color:#f5f5f5;
    border:1px solid #d2d2d2;border-radius:2px;
    font-family:inherit;font-size:0.875rem;color:#999;}

/* 공통버튼 관련 */
.btn_g{
    display:inline-block;position:relative;box-sizing:border-box;
    padding:1em 4em;
    background:linear-gradient(-45deg,#576fe0,#2747ae,#576fe0);
    background-size:200%;
    border:none;border-radius:5px;
    font-family:inherit;font-size:1.143rem;font-weight:500;color:#fff;
    cursor:pointer;transition:all 0.2s;}
    .btn_g:hover{background-position:right;}

.btn_popup{
    display:inline-block;position:relative;box-sizing:border-box;
    padding:0.25em 0.5em;
    background-color:#f5f5f5;
    border:1px solid #d2d2d2;border-radius:2px;
    font-family:inherit;font-size:1rem;font-weight:500;color:#999;
    cursor:pointer;transition:all 0.2s;}
.btn_popup span{position:relative;}
.btn_popup span:after{
    content:'';display:inline-block;position:relative;box-sizing:border-box;
    width:1em;height:1em;
    margin-left:0.25em;transform:translateY(15%);
    background:url('../../images/img_gres/icon/ic_popup.svg') no-repeat center center; background-size:80% auto;}
/* form */
select{
    -moz-appearance:none;-webkit-appearance:none;appearance:none;
    background:#fff url('../../images/img_gres/icon/ic_arrow_down.svg') no-repeat 93% center;
    background-size:auto 25%;
    border:1px solid #bbb;
    font-family:inherit;font-size:1em;color:#444;}
select::-ms-expand{display:none;}
select:focus{outline:3px solid #4963d1;}


/* a */
a{text-decoration:none;color:inherit}
a:visited, a:visited *, a.visited, a.visited:visited {text-decoration:none;}
a:hover,a:hover *,a.visited:hover {text-decoration:none;}


/* !!!!!!!!!!!!!!!!!!!!!!!!! ======= 미디어쿼리(1) ======= !!!!!!!!!!!!!!!!!!!!!!! */
@media all and (max-width:1199px){
/*  */
/* ------- 영역관련 -------- */
/* 하이퍼링크 관련 */
}/* 미디어쿼리 (1) */








/* !!!!!!!!!!!!!!!!!!!!!!!!! ======= 미디어쿼리(2) ======= !!!!!!!!!!!!!!!!!!!!!!! */
@media all and (max-width:800px){
.mobileOnly{display:block;}
/*  */
/* ------- 영역관련 -------- */
.flexChild.w48{width:100%;}
/* 하이퍼링크 관련 */
}/* 미디어쿼리 (2) */