html{-webkit-text-size-adjust: 100%;}
:root {
    --color-background-red: #880016ff;
    --color-background-02: #918a6fff;
    --color-header-text-color: #96041cff;
    --color-nav-text-color: #96041cff;
    --color-button-01-background: #96041cff;
    --color-button-02-background: #ff7f26ff;
    --color-button-01-color: #333333ff;
    --color-span-01-color: #ff9955ff;
    --color-span-02-color: #ff6600ff;
    --color-footer-s-h-text-color: #ff7f26ff;
    --color-default-s-h-text-color: #800000ff;
    --color-default-p-text-color: #280b0bff;

    --font-header-s-t:'Abhaya Libre', serif;
    --font-header-e:'Open Sans', sans-serif;
    --font-default:'Nanum Gothic', sans-serif;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
.w{width: 1200px;margin: 0 auto; padding:0 10px;}
.fsb{display: flex;justify-content: space-between;}
.fsa{display: flex;justify-content: space-around;}
.fe{display: flex;justify-content: flex-end;}

p, li, h1, h2, h3, h4, span, a, #ad {font-family: var(--font-default); line-height:1.5; }
p, li {color: var(--color-default-p-text-color);font-size:16px;margin:0;padding:10px;}
li{padding:2px 5px;}
ol, ul{margin-left:30px;}
h2{letter-spacing: 1px;   font-size: 20px;   color: #111111; text-transform: uppercase; margin:30px 0 15px;}
h3{margin:20px 0 10px;}
h4{margin:15px 0 5px;}
#i1{margin: 2px 10px 0 0;width: 20px; height:20px;}
#i2{width: 20px; height:20px;}
a{text-decoration: none;}
input , button{outline: none;}
button{cursor: pointer;}
#a2{display:flex; align-items: center; justify-content: space-between;padding-left:10px;}
.a0{color: white;border-radius: 5px;cursor: pointer;margin: 0 4px;}
#d0{align-items: center;}

#d1{background-color:var(--color-background-red);padding: 5px 0;}
#s1{color: white;margin: 0 0 0 15px;font-weight: bold;font-size: 14px;}
#s_top{ width:0; height:0;border:20px solid transparent; border-bottom:20px solid #ff7f26; border-top:none; display:inline-block;margin-right:7px;    cursor: pointer;}

#d9{width: 100%; background: #880016;display: none;}
.s2{display: block;text-align: center;color: var(--color-header-text-color); margin:2px 0;}
#s3{font-size: 45px;letter-spacing: 1px;font-family: var(--font-header-s-t);}
#s4{font-size: 21px;letter-spacing:2px;font-family: var(--font-header-s-t);}
#s5{font-size: 32px;letter-spacing: 1px;font-family: var(--font-header-e);font-weight: bold;}
#d2{padding: 20px 0;}
#i_menu{width: 30px;margin: 10px; transition:1s all;}


#n0{border-bottom: 1px solid #ff7f26;border-top: 1px solid #ff7f26;padding:0;width: 100%;}
.d4{text-align: center;border-right: 1px solid #ff7f26;padding:10px;}
.d4:last-child{border-right: none;}
.i2{margin: 0 10px 0 0px;}
#i4{margin-top:10px; width:30px;}
.s1{display: block;color:var(--color-nav-text-color);font-weight: bold;font-size: 13px; text-transform: uppercase;margin-right: 9px;}

.h{padding: 35px 0 0;margin: 0 0 20px;color: var(--color-default-s-h-text-color);font-size: 40px;}
.s{color: var(--color-span-02-color);}

/* footer  css */
.u1{list-style: none;margin: 0;}
.l1{color: white;font-size:14px;border-top: 1px solid #a13737; padding:5px 0;}
.d11{padding: 15px 10px; width:200px;}
#ft{background: var(--color-background-red);padding: 20px 0;margin-top: 50px;}
#d6{text-align: right;margin:0;}
.s7{text-transform: uppercase;display: block;color: var(--color-footer-s-h-text-color);font-size: 18px;line-height: 1.5; margin: 0 0 20px;font-weight: bold; min-height:55px;}
.s6{display: none;color: #fc7c25;font-weight: bold;line-height: 29px;}
.a1{ text-transform: uppercase;text-decoration: none;color: white;font-weight: bold;}
.d7{margin:0px 10px 0;}
#d1000{margin-top: 16px;}
.d7:first-child{margin-bottom:20px;}
.s9{color: #fc7c25;font-weight: bold;display:block;line-height: 1.5;}
.s8{font-size: 16px;font-weight: bold;color: white;line-height: 1.5; width:100%; font-style: normal;}
#ad{width:160px;}
#s10{display: block;color: white;font-size: 13px;}
#d8{margin-right:20px;}
#a3{margin-left:20px;}
.s3{width:50px;}
#d600{ display: flex; align-items: center; padding: 30px 0;   }
.i1{width:100px; height:133px;}

#d100{align-items: center;padding: 0 9px;}


@media only screen and (max-width: 1230px) {
    .w{width: 95%;margin: 0 auto;}
    #d10{flex-wrap: wrap;}
    .d11{width:30%;}
    .s7{min-height: auto;}
    .d4{width:20%; border-bottom:1px solid #ff7f26; }
    #n0{flex-wrap: wrap; border-bottom: none; border-left:1px solid #ff7f26;}
    .d4:last-child{border-right: 1px solid #ff7f26;}
}
@media only screen and (max-width: 850px) {
    #d8{order:1}
    #a3{order:2;}
    #d12{order:3;}
    #d2{flex-wrap: wrap; justify-content: center;}
    #d9{display: block;}
    #n0{display: none;}
}
@media only screen and (max-width: 700px) {
    .d11{width:45%;}
}
@media only screen and (max-width: 660px) {
    .d4{width: 50%;}
    .s3{margin-right:20px;}
    .a{display: flex; align-items: center;}
}
@media only screen and (max-width: 480px) {
    .d4{width:100%;}
}
@media only screen and (max-width: 460px) {
    .d11{width:250px; text-align: center;}
    .d7{margin:0;}
    #d10{flex-direction: column; align-items: center;}
    #s5{font-size:28px;}
    #s3{font-size:36px;}
    .s2{margin:10px 0;}
    #ad{width:auto ;   margin-bottom: 10px;}
    #s1 {
        display: none;
    }
    .h {
        font-size: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .w{width:320px;}
}