@charset "utf-8";

.mobile-block-1401 {display: none;}
.mobile-block-1280 {display: none;}
.mobile-block-1024 {display: none;}
.mobile-block-960 {display: none;}
.mobile-block-768 {display: none;}
.mobile-block-640 {display: none;}
.mobile-block-575 {display: none;}
.mobile-block-480 {display: none;}
.mobile-block-400 {display: none;}
.mobile-block-360 {display: none;}

/*Font Size*/
.font-size-11 {font-size:11px}
.font-size-12 {font-size:12px}
.font-size-13 {font-size:13px}
.font-size-14 {font-size:14px}
.font-size-15 {font-size:15px}
.font-size-16 {font-size:16px}
.font-size-17 {font-size:17px}
.font-size-18 {font-size:18px}
.font-size-19 {font-size:19px}
.font-size-20 {font-size:20px}
.font-size-25 {font-size:25px}
.font-size-30 {font-size:30px}
.font-size-32 {font-size:32px}
.font-size-34 {font-size:34px}
.font-size-36 {font-size:36px}
.font-size-38 {font-size:38px}

/*Font Weight*/
.font-bold {font-weight:bold}
.font-normal {font-weight:normal}

/*Text Ellipsis*/
.ellipsis {display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/*Display Block*/
.display-block {display:block}
.display-inline-block {display:inline-block}
.inline-mix .display-inline-block {display:inline-block}

/*Position & Overflow*/
.position-relative {position:relative}
.overflow-hidden {overflow:hidden}

/*Outline*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .close:focus, .close:hover, .dropdown-menu>li>a, .form-control:focus, .nav>li>a:focus, a, a:focus, button, input, input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus, textarea {outline:0}

/* 폰트색상 설정 */
.black {color:#000;}
.black333 {color: #333}
.red {color:#ea2424;}
.orange {color:#ff4d4d;}
.green {color:#00bd39;}
.blue {color:#017dc3;}
.sky{color:#3395D6;}
.gray {color:#999;}
.white {color:#fff;}

/*Width*/
.width-10 {width:10%}
.width-20 {width:20%}
.width-30 {width:30%}
.width-40 {width:40%}
.width-50 {width:50%}
.width-60 {width:60%}
.width-70 {width:70%}
.width-80 {width:80%}
.width-90 {width:90%}
.width-100 {width:100%}
.width-10px {width:10px}
.width-20px {width:20px}
.width-30px {width:30px}
.width-40px {width:40px}
.width-50px {width:50px}
.width-60px {width:60px}
.width-70px {width:70px}
.width-80px {width:80px}
.width-90px {width:90px}
.width-100px {width:100px}
.width-120px {width:120px}
.width-150px {width:150px}
.width-170px {width:170px}
.width-200px {width:200px}
.width-250px {width:250px}
.width-300px {width:300px}
.width-350px {width:350px}
.width-400px {width:400px}
.width-450px {width:450px}
.width-500px {width:500px}

/*---------- Spaces ----------*/
.margin-0 {margin:0}
.margin-left-0 {margin-left:0}
.margin-right-0 {margin-right:0}
.margin-left-5 {margin-left:5px}
.margin-right-5 {margin-right:5px}
.margin-left-10 {margin-left:10px}
.margin-right-10 {margin-right:10px}
.no-top-space {margin-top:0;padding-top:0}
.no-bottom-space {margin-bottom:0;padding-bottom:0}
.margin-top-0, .margin-top-5,.margin-top-10,.margin-top-15,.margin-top-20,.margin-top-25,.margin-top-30,.margin-top-35,.margin-top-40,.margin-top-45,.margin-top-50,.margin-top-55,.margin-top-60 {clear:both}
.margin-top-0 {margin-top:0}
.margin-top-5 {margin-top:5px}
.margin-top-10 {margin-top:10px}
.margin-top-15 {margin-top:15px}
.margin-top-20 {margin-top:20px}
.margin-top-25 {margin-top:25px}
.margin-top-30 {margin-top:30px}
.margin-top-35 {margin-top:35px}
.margin-top-40 {margin-top:40px}
.margin-top-45 {margin-top:45px}
.margin-top-50 {margin-top:50px}
.margin-top-55 {margin-top:55px}
.margin-top-60 {margin-top:60px}
.margin-top-65 {margin-top:65px}
.margin-top-70 {margin-top:7px}
.margin-top-75 {margin-top:75px}
.margin-top-80 {margin-top:80px}
.margin-top-85 {margin-top:85px}
.margin-top-90 {margin-top:90px}
.margin-top-95 {margin-top:95px}
.margin-top-100 {margin-top:100px}
.margin-bottom-0,.margin-bottom-5,.margin-bottom-10,.margin-bottom-15,.margin-bottom-20,.margin-bottom-25,.margin-bottom-30,.margin-bottom-35,.margin-bottom-40,.margin-bottom-45,.margin-bottom-50,.margin-bottom-55,.margin-bottom-60 {clear:both}
.margin-bottom-0 {margin-bottom:0}
.margin-bottom-5 {margin-bottom:5px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-15 {margin-bottom:15px}
.margin-bottom-20 {margin-bottom:20px}
.margin-bottom-25 {margin-bottom:25px}
.margin-bottom-30 {margin-bottom:30px}
.margin-bottom-35 {margin-bottom:35px}
.margin-bottom-40 {margin-bottom:40px}
.margin-bottom-45 {margin-bottom:45px}
.margin-bottom-50 {margin-bottom:50px}
.margin-bottom-55 {margin-bottom:55px}
.margin-bottom-60 {margin-bottom:60px}
.margin-bottom-65 {margin-bottom:65px}
.margin-bottom-70 {margin-bottom:70px}
.margin-bottom-75 {margin-bottom:75px}
.margin-bottom-80 {margin-bottom:80px}
.margin-bottom-85 {margin-bottom:85px}
.margin-bottom-90 {margin-bottom:90px}
.margin-bottom-95 {margin-bottom:95px}
.margin-bottom-100 {margin-bottom:100px}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin15 {margin:15px;}
.margin20 {margin:20px;}
.margin25 {margin:25px;}
.margin30 {margin:30px;}
.margin35 {margin:35px;}
.margin40 {margin:40px;}

.padding-top-0, .padding-top-5,.padding-top-10,.padding-top-15,.padding-top-20,.padding-top-25,.padding-top-30,.padding-top-35,.padding-top-40,.padding-top-45,.padding-top-50,.padding-top-55,.padding-top-60 {clear:both}
.padding-top-0 {padding-top:0}
.padding-top-5 {padding-top:5px}
.padding-top-10 {padding-top:10px}
.padding-top-15 {padding-top:15px}
.padding-top-20 {padding-top:20px}
.padding-top-25 {padding-top:25px}
.padding-top-30 {padding-top:30px}
.padding-top-35 {padding-top:35px}
.padding-top-40 {padding-top:40px}
.padding-top-45 {padding-top:45px}
.padding-top-50 {padding-top:50px}
.padding-top-55 {padding-top:55px}
.padding-top-60 {padding-top:60px;}
.padding-top-65 {padding-top:65px}
.padding-top-70 {padding-top:7px}
.padding-top-75 {padding-top:75px}
.padding-top-80 {padding-top:80px}
.padding-top-85 {padding-top:85px}
.padding-top-90 {padding-top:90px}
.padding-top-95 {padding-top:95px}
.padding-top-100 {padding-top:100px}
.padding-top-105 {padding-top:105px}
.padding-top-110 {padding-top:110px}
.padding-top-115 {padding-top:115px}
.padding-top-120 {padding-top:120px}
.padding-top-125 {padding-top:125px}
.padding-top-130 {padding-top:130px}
.padding-top-135 {padding-top:135px}
.padding-top-140 {padding-top:140px}
.padding-top-145 {padding-top:145px}
.padding-top-150 {padding-top:150px}
.padding-bottom-0,.padding-bottom-5,.padding-bottom-10,.padding-bottom-15,.padding-bottom-20,.padding-bottom-25,.padding-bottom-30,.padding-bottom-35,.padding-bottom-40,.padding-bottom-45,.padding-bottom-50,.padding-bottom-55,.padding-bottom-60 {clear:both}
.padding-bottom-0 {padding-bottom:0}
.padding-bottom-5 {padding-bottom:5px}
.padding-bottom-10 {padding-bottom:10px}
.padding-bottom-15 {padding-bottom:15px}
.padding-bottom-20 {padding-bottom:20px}
.padding-bottom-25 {padding-bottom:25px}
.padding-bottom-30 {padding-bottom:30px}
.padding-bottom-35 {padding-bottom:35px}
.padding-bottom-40 {padding-bottom:40px}
.padding-bottom-45 {padding-bottom:45px}
.padding-bottom-50 {padding-bottom:50px}
.padding-bottom-55 {padding-bottom:55px}
.padding-bottom-60 {padding-bottom:60px}
.padding-bottom-65 {padding-bottom:65px}
.padding-bottom-70 {padding-bottom:70px}
.padding-bottom-75 {padding-bottom:75px}
.padding-bottom-80 {padding-bottom:80px}
.padding-bottom-85 {padding-bottom:85px}
.padding-bottom-90 {padding-bottom:90px}
.padding-bottom-95 {padding-bottom:95px}
.padding-bottom-100 {padding-bottom:100px}

.only-mobile {display:none;}
.mobile_br {display: none;}
.mobile_br_one {display: none;}
.mobile_br_two {display: none;}
.mobile-none {display: none;}
.mobile-block {display: block;}
@media (max-width: 1401px) {
    .mobile-none-1401 {display: none;}
    .mobile-block-1401 {display: block;}
}
@media (max-width: 1280px) {
    .mobile-none-1280 {display: none;}
    .mobile-block-1280 {display: block;}
}
@media (max-width: 1024px) {
    .mobile-none-1024 {display: none;}
    .mobile-block-1024 {display: block;}
}
@media screen and (max-width: 960px) {
    .mobile-none-960 {display: none;}
    .mobile-block-960 {display: block;}
    .content-960 {padding-left: 10px;padding-right: 10px;}
    .m-960-p-top40 {padding-top: 40px;}
}
@media screen and (max-width:768px) {
    .mobile-none-768 {display: none;}
    .mobile-block-768 {display: block;}
}
@media screen and (max-width: 640px) {
    .mobile-none-640 {display: none;}
    .mobile-block-640 {display: block;}
}
@media (max-width: 575px) {
    .top-mobile-none {display: none;}
    .mobile-none-575 {display: none;}
    .mobile-block-575 {display: block;}
}
@media screen and (max-width:480px){
    .mobile-none-480 {display: none;}
    .mobile-block-480 {display: block;}
}
@media screen and (max-width:400px){
    .mobile-none-400 {display: none;}
    .mobile-block-400 {display: block;}
}
@media screen and (max-width:360px){
    .mobile-none-360 {display: none;}
    .mobile-block-360 {display: block;}
}


body {font-family: 'Noto Sans KR', 'NanumSquareR', sans-serif;}

.sitelogo {width: 300px;}

/*main*/
.color {color: #333;}
.bg-indigo {background: #F60404FF;}
.main-bg-text {color: #fff;}