/* common */

/* reset */
* {
    font-family: 'Noto Sans KR',"맑은고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
    font-weight: normal;
    color: #000;
    box-sizing: border-box;
    letter-spacing: -0.05rem;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7 {
    *position: relative;
    *zoom: 1 !important;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden] {
    display: none
}
/* html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} */
/* html{	-webkit-text-size-adjust:none;	-ms-text-size-adjust:none;} */
/* webkit-text-size-adjust:none */

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
    outline: 0
}

a:active, a:hover {
    outline: 0;
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #fff
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

    q:before, q:after {
        content: '';
        content: none
    }

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        *overflow: visible
    }

        button[disabled], input[disabled] {
            cursor: default
        }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0; /* *height:13px;*width:13px; */
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }

    input[type="radio"] {
        -webkit-appearance: radio;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: none;
}

p {
    word-break: break-all;
    word-wrap: break-word;
}

.blind, legend, #skipnavi, .hidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden;
}

caption {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden;
}

textarea {
    resize: none;
}

em, address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #000;
}

ul, li, ol {
    list-style: none;
}
/* selection */
/* ::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;} */
em, span {
    word-break: break-all;
    word-wrap: break-word;
}
/* iphone wmode font size */
body {
    -webkit-text-size-adjust: none;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
    vertical-align: middle;
}

select {
    border-radius: 0;
    vertical-align: middle;
}

/*-------------------------------------------------------------------
                                BASE
--------------------------------------------------------------------*/
.skip {
    position: relative
}

    .skip a {
        position: absolute;
        top: -130px;
        left: 0;
        width: 138px;
        color: #fff;
        border: 1px solid #e70012;
        background: #333;
        text-align: center
    }

#edailywrap {
    width: 100%;
    min-width: 1160px;
    background: #fff
}

.center1160 {
    width: 1160px;
    margin: 0 auto
}

.center1200 {
    width: 1200px;
    margin: 0 auto;
    height: 150px;
}

.center1600 {
    width: 1600px;
    margin: 0 auto
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.icon {
    position: relative
}
    .icon:before,
    .icon a::before {
        content: "";
        position: absolute;
        background: url('https://image.edaily.co.kr/images/ed_tv/default.png') no-repeat;
        background-size: 500px auto;
    }

    .icon:after,
    .icon a:after {
        content: "";
        position: absolute;
        background: url('https://image.edaily.co.kr/images/ed_tv/default.png') no-repeat;
        background-size: 500px auto;
    }

img {
    width: 100%;
    height: 100%;
    object-fit: cover
}


/*-------------------------------------------------------------------
                                OVERFLOW
--------------------------------------------------------------------*/
.over_hidden {
    overflow: hidden
}

/*-------------------------------------------------------------------
                                FLOAT
--------------------------------------------------------------------*/
.fl {
    float: left
}

.fr {
    float: right !important
}

/*-------------------------------------------------------------------
                                DISPLAY
--------------------------------------------------------------------*/
.dis_inline {
    display: inline
}

.dis_block {
    display: block
}

.dis_inblock {
    display: inline-block;
    zoom: 1;
    *display: inline
}

/*-------------------------------------------------------------------
                                BORDER
--------------------------------------------------------------------*/
.bt_1d {
    border-top: 1px solid #ddd
}

.bb_1e9 {
    border-bottom: 1px solid #e9e9e9
}

.bb_1d {
    border-bottom: 1px solid #ddd
}

.bb_1s5 {
    border-bottom: 1px solid #555
}
/*-------------------------------------------------------------------
                                BOX
--------------------------------------------------------------------*/
.box_blue {
    background: #18a0ac
}

.box_purple {
    background: #6170b8
}

.box_pink {
    background: #fa8bb8
}

.box_red {
    background: #e61d25
}

.box_green {
    background: #288d62
}

/*-------------------------------------------------------------------
                                POSITION
--------------------------------------------------------------------*/
.position_a {
    position: absolute
}

.position_r {
    position: relative
}

.position_f {
    position: fixed
}

/*-------------------------------------------------------------------
                                WIDTH
--------------------------------------------------------------------*/
.width_100 {
    width: 100%
}

.width360 {
    width: 360px !important
}


/*-------------------------------------------------------------------
                                TEXT
--------------------------------------------------------------------*/
.align_left {
    text-align: left !important
}

.align_center {
    text-align: center !important
}

.cfff {
    color: #fff !important
}

.c999 {
    color: #999 !important
}

.c333 {
    color: #333 !important
}

.red {
    color: #e60012 !important
}

.c5e8ec4 {
    color: #5e8ec4 !important
}

.cgreen {
    color: #056652 !important
}

.f23_cgreen {
    font-size: 23px;
    color: #348a66
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f23 {
    font-size: 23px;
}

.f24 {
    font-size: 24px;
}

.f25 {
    font-size: 25px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f31 {
    font-size: 31px;
}

.f32 {
    font-size: 32px;
}

.f33 {
    font-size: 33px;
}

.f40 {
    font-size: 40px;
}

.f48 {
    font-size: 48px;
}

.f_w100 {
    font-weight: 100;
}

.f_w200 {
    font-weight: 200;
}

.f_w300 {
    font-weight: 300;
}

.f_w400 {
    font-weight: 400;
}

.f_w500 {
    font-weight: 500;
}

.f_w600 {
    font-weight: 600;
}
/*-------------------------------------------------------------------
                                백그라운드컬러
--------------------------------------------------------------------*/
.bg_red {
    background: #e60012;
}

.bg_breen {
    background: #348a66;
}

.bg_yellow {
    background: #ff9c00;
}

.bg_cdabb8 {
    background: #cdabb8;
}

.bg_d886a5 {
    background: #d886a5;
}

.bg_black {
    background: #000;
}


/*-------------------------------------------------------------------
                                MARGIN
--------------------------------------------------------------------*/
.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !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;
}

.mt77 {
    margin-top: 77px !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;
}

.mt120 {
    margin-top: 120px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.mr09 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr11 {
    margin-right: 11px !important;
}

.mr13 {
    margin-right: 13px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr95 {
    margin-right: 95px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mr110 {
    margin-right: 110px !important;
}

.mr120 {
    margin-right: 120px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb42 {
    margin-bottom: 42px !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;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

/*-------------------------------------------------------------------
                                PADDING
--------------------------------------------------------------------*/
.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt55 {
    padding-top: 55px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.pr45 {
    padding-right: 45px;
}

.pr50 {
    padding-right: 50px;
}

.pr55 {
    padding-right: 55px;
}

.pr60 {
    padding-right: 60px;
}

.pr65 {
    padding-right: 65px;
}

.pr70 {
    padding-right: 70px;
}

.pr75 {
    padding-right: 75px;
}

.pr80 {
    padding-right: 80px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}

.pl55 {
    padding-left: 55px;
}

.pl60 {
    padding-left: 60px;
}

.pl65 {
    padding-left: 65px;
}

.pl70 {
    padding-left: 70px;
}

.pl75 {
    padding-left: 75px;
}

.pl80 {
    padding-left: 80px;
}

.pdtb10 {
    padding: 10px 0;
}

.pdtb10 {
    padding: 20px 0;
}

.pdtb30 {
    padding: 30px 0;
}

.pdtb35 {
    padding: 35px 0;
}

.pdlr5 {
    padding: 0px 5px;
}

.pdlr10 {
    padding: 0px 10px;
}



/*-------------------------------------------------------------------
                                SCROLL
--------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 2px;
}
/* 스크롤 바 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
/* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}
    /* 실질적 스크롤 바 */
    ::-webkit-scrollbar-thumb:hover {
        background: #f5f5f5;
    }
    /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
    ::-webkit-scrollbar-thumb:active {
        background: #f5f5f5;
    }
/* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button {
    display: none;
}
/* 스크롤 바 상 하단 버튼 */



/*-------------------------------------------------------------------
                                ANIMATION
--------------------------------------------------------------------*/
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
