@charset "utf-8";


:root{
    /* color */
    --color--black22 : #222;
    --color--grayd9 : #d9d9d9;
    --color--grayf0 : #f0f0f0;
    --color--blue00 : #0032c1;
    --color--blue03 : #032483;
    --color--yellowff : #e77600;
    --color--redd0 : #D03226;
    

    /* default setting */
    --content--max-width--default : 1280px;
    --font-family--default : "Pretendard", 'Malgun Gothic', dotum,"돋움", Gulim, "굴림", sans-serif;; 
    --font-color--default : var(--color--black22); 
    --border-radius--default : 1.66667em;
    
    --main-color : var(--color--blue00);
    --sub-color--yellow : var(--color--yellowff);
    --sns-color--kakao : #fee500;
    
    
    
}




*{word-break:keep-all;}
.flexbox{display:flex;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fs-14{font-size:.875rem;}
.fs-16{font-size:1rem;}
.fs-18{font-size:1.125rem;}
.fs-20{font-size:1.25rem;}
.fs-22{font-size:1.375rem;}
.fs-24{font-size:1.5rem;}
.fs-26{font-size:1.625rem;}
.fs-28{font-size:1.75rem;}
.fs-30{font-size:1.875rem;}
.fs-32{font-size:2rem;}
.fs-34{font-size:2.125rem;}
.fs-36{font-size:2.25rem;}
.fs-38{font-size:2.375rem;}
.fs-40{font-size:2.5rem;}
.fs-42{font-size:2.625rem;}
.fs-44{font-size:2.75rem;}
.fs-46{font-size:2.875rem;}
.fs-48{font-size:3rem;}
.fs-50{font-size:3.125rem;}
.fc-main{color: var(--main-color) !important;}
.fc-red{color: var(--color--redd0) !important;}
.mt-35{margin-top:2.1875rem;}
.mt-50{margin-top:3.125rem !important;}
.mt-105{margin-top:6.5625rem;}
.mb-10{margin-bottom:0.625rem;}
.mb-12{margin-bottom:0.75rem;}
.mb-14{margin-bottom:0.875rem;}
.mb-16{margin-bottom:1rem;}
.z-5{z-index:5;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.z-60{z-index:60;}
.z-70{z-index:70;}
.z-80{z-index:80;}
.z-90{z-index:90;}
.z-100{z-index:100;}
.z-200{z-index:200;}
.z-300{z-index:300;}
.z-400{z-index:400;}
.z-500{z-index:500;}
.z-1000{z-index:1000;}
.z-2000{z-index:2000;}
.z-10000{z-index:10000;}
.z-20000{z-index:20000;}
.w-100{width: 6.375rem;}
.full{width: 100%;}

.ellipsis{overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; box-sizing: border-box;}
.hidden{display: none !important;}


@media all and (max-width: 1200px) {
    .t_column{flex-direction: column;}
    .t_column.reverse{flex-direction: column-reverse;}
}
@media all and (max-width: 480px) {
.mt-105 {margin-top: 5rem;}
}