/*-------------------------------------------------------------------
    파일정의 : 유틸리티
    속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/

/* float */
.cf::after{ display: block; clear: both; content: ""; }

.fl-none{ float: none; }

.fl-l{ float: left; }
.fl-r{ float: right; }

/* Display */

/* Margin */
.m0{ margin: 0px !important; }
.m0auto{ margin: 0px auto !important; }

.mt0{ margin-top: 0px !important; }
.mt4{ margin-top: 4px !important; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt12{ margin-top: 12px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }
.mt60{ margin-top: 60px !important; }
.mt65{ margin-top: 65px !important; }
.mt70{ margin-top: 70px !important; }
.mt75{ margin-top: 75px !important; }
.mt80{ margin-top: 80px !important; }
.mt85{ margin-top: 85px !important; }
.mt90{ margin-top: 90px !important; }
.mt95{ margin-top: 95px !important; }
.mt100{ margin-top: 100px !important; }

.mb0{ margin-bottom: 0px !important; }
.mb4{ margin-bottom: 4px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb12{ margin-bottom: 12px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb55{ margin-bottom: 55px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb65{ margin-bottom: 65px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb75{ margin-bottom: 75px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb85{ margin-bottom: 85px !important; }
.mb90{ margin-bottom: 90px !important; }
.mb95{ margin-bottom: 95px !important; }
.mb100{ margin-bottom: 100px !important; }

/* Padding */
.p0{ padding: 0px !important; }

.pt0{ padding-top: 0px !important; }
.pt4{ padding-top: 4px !important; }
.pt5{ padding-top: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pt12{ padding-top: 12px !important; }
.pt15{ padding-top: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt35{ padding-top: 35px !important; }
.pt40{ padding-top: 40px !important; }
.pt45{ padding-top: 45px !important; }
.pt50{ padding-top: 50px !important; }
.pt55{ padding-top: 55px !important; }
.pt60{ padding-top: 60px !important; }
.pt65{ padding-top: 65px !important; }
.pt70{ padding-top: 70px !important; }
.pt75{ padding-top: 75px !important; }
.pt80{ padding-top: 80px !important; }
.pt85{ padding-top: 85px !important; }
.pt90{ padding-top: 90px !important; }
.pt95{ padding-top: 95px !important; }
.pt100{ padding-top: 100px !important; }

.pb0{ padding-bottom: 0px !important; }
.pb4{ padding-bottom: 4px !important; }
.pb5{ padding-bottom: 5px !important; }
.pb10{ padding-bottom: 10px !important; }
.pb12{ padding-bottom: 12px !important; }
.pb15{ padding-bottom: 15px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb25{ padding-bottom: 25px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb35{ padding-bottom: 35px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb45{ padding-bottom: 45px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb55{ padding-bottom: 55px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb65{ padding-bottom: 65px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb75{ padding-bottom: 75px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb85{ padding-bottom: 85px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb95{ padding-bottom: 95px !important; }
.pb100{ padding-bottom: 100px !important; }

@media screen and (max-width: 1460px) {
    /* Margin */
    .mt4{ margin-top: 6px !important; }
    .mt5{ margin-top: 8px !important; }
    .mt10{ margin-top: 15px !important; }
    .mt12{ margin-top: 18px !important; }
    .mt15{ margin-top: 23px !important; }
    .mt20{ margin-top: 30px !important; }
    .mt25{ margin-top: 38px !important; }
    .mt30{ margin-top: 45px !important; }
    .mt35{ margin-top: 53px !important; }
    .mt40{ margin-top: 60px !important; }
    .mt45{ margin-top: 68px !important; }
    .mt50{ margin-top: 75px !important; }
    .mt55{ margin-top: 83px !important; }
    .mt60{ margin-top: 90px !important; }
    .mt65{ margin-top: 98px !important; }
    .mt70{ margin-top: 105px !important; }
    .mt75{ margin-top: 113px !important; }
    .mt80{ margin-top: 120px !important; }
    .mt85{ margin-top: 128px !important; }
    .mt90{ margin-top: 135px !important; }
    .mt95{ margin-top: 143px !important; }
    .mt100{ margin-top: 150px !important; }

    .mb4{ margin-bottom: 6px !important; }
    .mb5{ margin-bottom: 8px !important; }
    .mb10{ margin-bottom: 15px !important; }
    .mb12{ margin-bottom: 18px !important; }
    .mb15{ margin-bottom: 23px !important; }
    .mb20{ margin-bottom: 30px !important; }
    .mb25{ margin-bottom: 38px !important; }
    .mb30{ margin-bottom: 45px !important; }
    .mb35{ margin-bottom: 53px !important; }
    .mb40{ margin-bottom: 60px !important; }
    .mb45{ margin-bottom: 68px !important; }
    .mb50{ margin-bottom: 75px !important; }
    .mb55{ margin-bottom: 83px !important; }
    .mb60{ margin-bottom: 90px !important; }
    .mb65{ margin-bottom: 98px !important; }
    .mb70{ margin-bottom: 105px !important; }
    .mb75{ margin-bottom: 113px !important; }
    .mb80{ margin-bottom: 120px !important; }
    .mb85{ margin-bottom: 128px !important; }
    .mb90{ margin-bottom: 135px !important; }
    .mb95{ margin-bottom: 143px !important; }
    .mb100{ margin-bottom: 150px !important; }

    /* Padding */
    .pt4{ padding-top: 6px !important; }
    .pt5{ padding-top: 8px !important; }
    .pt10{ padding-top: 15px !important; }
    .pt12{ padding-top: 18px !important; }
    .pt15{ padding-top: 23px !important; }
    .pt20{ padding-top: 30px !important; }
    .pt25{ padding-top: 38px !important; }
    .pt30{ padding-top: 45px !important; }
    .pt35{ padding-top: 53px !important; }
    .pt40{ padding-top: 60px !important; }
    .pt45{ padding-top: 68px !important; }
    .pt50{ padding-top: 75px !important; }
    .pt55{ padding-top: 83px !important; }
    .pt60{ padding-top: 90px !important; }
    .pt65{ padding-top: 98px !important; }
    .pt70{ padding-top: 105px !important; }
    .pt75{ padding-top: 113px !important; }
    .pt80{ padding-top: 120px !important; }
    .pt85{ padding-top: 128px !important; }
    .pt90{ padding-top: 135px !important; }
    .pt95{ padding-top: 143px !important; }
    .pt100{ padding-top: 150px !important; }


    .pb4{ padding-bottom: 6px !important; }
    .pb5{ padding-bottom: 8px !important; }
    .pb10{ padding-bottom: 15px !important; }
    .pb12{ padding-bottom: 18px !important; }
    .pb15{ padding-bottom: 23px !important; }
    .pb20{ padding-bottom: 30px !important; }
    .pb25{ padding-bottom: 38px !important; }
    .pb30{ padding-bottom: 45px !important; }
    .pb35{ padding-bottom: 53px !important; }
    .pb40{ padding-bottom: 60px !important; }
    .pb45{ padding-bottom: 68px !important; }
    .pb50{ padding-bottom: 75px !important; }
    .pb55{ padding-bottom: 83px !important; }
    .pb60{ padding-bottom: 90px !important; }
    .pb65{ padding-bottom: 98px !important; }
    .pb70{ padding-bottom: 105px !important; }
    .pb75{ padding-bottom: 113px !important; }
    .pb80{ padding-bottom: 120px !important; }
    .pb85{ padding-bottom: 128px !important; }
    .pb90{ padding-bottom: 135px !important; }
    .pb95{ padding-bottom: 143px !important; }
    .pb100{ padding-bottom: 150px !important; }
}

@media screen and (max-width: 1210px) {
    /* Margin */
    .mt4{ margin-top: 0.6rem !important; }
    .mt5{ margin-top: 0.8rem !important; }
    .mt10{ margin-top: 1.5rem !important; }
    .mt12{ margin-top: 1.8rem !important; }
    .mt15{ margin-top: 2.3rem !important; }
    .mt20{ margin-top: 3rem !important; }
    .mt25{ margin-top: 3.8rem !important; }
    .mt30{ margin-top: 4.5rem !important; }
    .mt35{ margin-top: 5.3rem !important; }
    .mt40{ margin-top: 6rem !important; }
    .mt45{ margin-top: 6.8rem !important; }
    .mt50{ margin-top: 7.5rem !important; }
    .mt55{ margin-top: 8.3rem !important; }
    .mt60{ margin-top: 9rem !important; }
    .mt65{ margin-top: 9.8rem !important; }
    .mt70{ margin-top: 10.5rem !important; }
    .mt75{ margin-top: 11.3rem !important; }
    .mt80{ margin-top: 12rem !important; }
    .mt85{ margin-top: 12.8rem !important; }
    .mt90{ margin-top: 13.5rem !important; }
    .mt95{ margin-top: 14.3rem !important; }
    .mt100{ margin-top: 15rem !important; }

    .mb4{ margin-bottom: 0.6rem !important; }
    .mb5{ margin-bottom: 0.8rem !important; }
    .mb10{ margin-bottom: 1.5rem !important; }
    .mb12{ margin-bottom: 1.8rem !important; }
    .mb15{ margin-bottom: 2.3rem !important; }
    .mb20{ margin-bottom: 3rem !important; }
    .mb25{ margin-bottom: 3.8rem !important; }
    .mb30{ margin-bottom: 4.5rem !important; }
    .mb35{ margin-bottom: 5.3rem !important; }
    .mb40{ margin-bottom: 6rem !important; }
    .mb45{ margin-bottom: 6.8rem !important; }
    .mb50{ margin-bottom: 7.5rem !important; }
    .mb55{ margin-bottom: 8.3rem !important; }
    .mb60{ margin-bottom: 9rem !important; }
    .mb65{ margin-bottom: 9.8rem !important; }
    .mb70{ margin-bottom: 10.5rem !important; }
    .mb75{ margin-bottom: 11.3rem !important; }
    .mb80{ margin-bottom: 12rem !important; }
    .mb85{ margin-bottom: 12.8rem !important; }
    .mb90{ margin-bottom: 13.5rem !important; }
    .mb95{ margin-bottom: 14.3rem !important; }
    .mb100{ margin-bottom: 15rem !important; }

    /* Padding */
    .pt4{ padding-top: 0.6rem !important; }
    .pt5{ padding-top: 0.8rem !important; }
    .pt10{ padding-top: 1.5rem !important; }
    .pt12{ padding-top: 1.8rem !important; }
    .pt15{ padding-top: 2.3rem !important; }
    .pt20{ padding-top: 3rem !important; }
    .pt25{ padding-top: 3.8rem !important; }
    .pt30{ padding-top: 4.5rem !important; }
    .pt35{ padding-top: 5.3rem !important; }
    .pt40{ padding-top: 6rem !important; }
    .pt45{ padding-top: 6.8rem !important; }
    .pt50{ padding-top: 7.5rem !important; }
    .pt55{ padding-top: 8.3rem !important; }
    .pt60{ padding-top: 9rem !important; }
    .pt65{ padding-top: 9.8rem !important; }
    .pt70{ padding-top: 10.5rem !important; }
    .pt75{ padding-top: 11.3rem !important; }
    .pt80{ padding-top: 12rem !important; }
    .pt85{ padding-top: 12.8rem !important; }
    .pt90{ padding-top: 13.5rem !important; }
    .pt95{ padding-top: 14.3rem !important; }
    .pt100{ padding-top: 15rem !important; }


    .pb4{ padding-bottom: 0.6rem !important; }
    .pb5{ padding-bottom: 0.8rem !important; }
    .pb10{ padding-bottom: 1.5rem !important; }
    .pb12{ padding-bottom: 1.8rem !important; }
    .pb15{ padding-bottom: 2.3rem !important; }
    .pb20{ padding-bottom: 3rem !important; }
    .pb25{ padding-bottom: 3.8rem !important; }
    .pb30{ padding-bottom: 4.5rem !important; }
    .pb35{ padding-bottom: 5.3rem !important; }
    .pb40{ padding-bottom: 6rem !important; }
    .pb45{ padding-bottom: 6.8rem !important; }
    .pb50{ padding-bottom: 7.5rem !important; }
    .pb55{ padding-bottom: 8.3rem !important; }
    .pb60{ padding-bottom: 9rem !important; }
    .pb65{ padding-bottom: 9.8rem !important; }
    .pb70{ padding-bottom: 10.5rem !important; }
    .pb75{ padding-bottom: 11.3rem !important; }
    .pb80{ padding-bottom: 12rem !important; }
    .pb85{ padding-bottom: 12.8rem !important; }
    .pb90{ padding-bottom: 13.5rem !important; }
    .pb95{ padding-bottom: 14.3rem !important; }
    .pb100{ padding-bottom: 15rem !important; }
}

/* Border */

/* Align*/
.ta-l{ text-align: left; }
.ta-c{ text-align: center; }
.ta-r{ text-align: right; }

/* 말줄임 */

/* Flexible */
.fx{ display: flex; }

.fx.fd-c{ flex-direction: column; }

.fx.wrap{ flex-wrap: wrap; }

.fx.jc-c{ justify-content: center; }
.fx.jc-sb{ justify-content: space-between; }

.fx.ai-fs{ align-items: flex-start; }
.fx.ai-fe{ align-items: flex-end; }
.fx.ai-c{ align-items: center; }
.fx.ai-s{ align-items: stretch; }

.fx-none{ flex: none; }

.fx1{ flex: 1 0 !important; }
.fx2{ flex: 2 0 !important; }
.fx3{ flex: 3 0 !important; }

/*-------------------------------------------------------------------
    @Only (Display 스타일은 다양하므로 숨길경우만 사용)
-------------------------------------------------------------------*/
/* Device */
.dv-pc .hide-pc, 
.dv-pad .hide-pad,
.dv-mobile .hide-mobile,
.dv-android .hide-android, 
.dv-ios .hide-ios {display:none !important;}
 
/* Media */
@media screen { .hide-screen {display:none !important;} }
@media print { .hide-print {display:none !important;} }
@media screen and (min-width:1210px) {
    .only-mobile {display: none;}
}
@media screen and (max-width:1210px) {
    .only-pc {display: none;}
}

/*-------------------------------------------------------------------
    @Color Set
    - 배경: bg-, 텍스트: txt-, 라인: line-
    - 밝은: -light, 어두운: -dark, 더 밝은/어두운: ~er
-------------------------------------------------------------------*/
/* 기본 */
.bg-none {background-color:transparent !important;}
.txt-none {color:transparent !important;}
.line-none {border-color:transparent !important;}
 
/* 배경 */

/* 텍스트 */

/* 라인 */