@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.contents4{margin:20px 60px; padding:20px; border-radius:26px;background: var(--primary)}
.contents4:after{ display:block; content:""; clear:both;}
.contents4 .inner{width:100%;height:100%;background:#f1f1f1}

.contents4 .clearfix {float: left; width: 12.5%; height:auto; box-sizing: border-box;text-align: center;}
.contents4 .icon {overflow:hidden; margin:0 auto; transition:all 0.3s;line-height:90px}
.contents4 .icon i { font-size:16px}
/*.contents4 .clearfix:hover .icon{ border-style:solid; border-color:#2253b8; transition:all 0.3s;}*/
.contents4 .icon img{ width:80px; height:auto;border-radius:17px;}
.contents4 .icon img:hover { border-radius:19px;outline:3px solid #E78888; /*transition:all 0.3s;*/}
.contents4 .icon.active img { border-radius:19px;border:3px solid #E78888; /*transition:all 0.3s;*/}
.contents4 dl{ color:#444; position:relative; margin-top:10px;}
.contents4 dt{ font-size:16px; color:#fff; font-weight:400; line-height:1.6;font-family:'GmarketSansMedium'}
.contents4 dd{ font-size:16px; color:#555; margin:10px 0 25px 0; line-height:1.6; padding:0 10px; min-width:120px;  word-break:keep-all}
.contents4 a.mbtn{ display:block; width:100px; margin:0 auto; border:1px solid #ccc; background:#fff; line-height:35px; border-radius:20px; color:#333; padding:0 15px; font-size:14px; }
.contents4 .clearfix:hover a{ color:#fff;}
.contents4 .clearfix:hover a.mbtn{ border:1px solid #2253b8; background:#2253b8; color:#fff; border-radius:0px; transition:all 0.5s;}

@media screen and (max-width: 960px) {
	.contents4 {margin:20px 20px; padding:20px 0;}
    .contents4 .clearfix { width:25%; padding-bottom:4%}
	.contents4 .icon {line-height:70px}
	.contents4 .icon img{ width:60px; height:auto;}
	.contents4 dt{ font-size:14px; line-height:1.4;}
}

.pc {
    display: block !important;
}
.mobile {
    display: none !important;
}
.mobile2 {
    display: none !important;
}

/* 768 */
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .mobile2 {
    display: inline-block !important;
  }
}

.main_top{position:relative;height:0px;z-index:20;margin-bottom:90px;}

/*.search_box{position:absolute;left:50%;bottom:256px;margin-left:-600px;width:100%;max-width:1200px;height:82px;border-radius:41px;box-shadow:0 0 38px rgba(0,0,0,0.6);background:#8A4AE2;z-index:20}*/
.main_top .search_box{position:relative;left:50%;margin-top:20px !important;margin-left:-472.5px;width:100%;max-width:945px;height:82px;border-radius:20px;box-shadow:0 0 1px rgba(0,0,0,0.8);background:var(--primary);z-index:1000}
/*.search_box .name{float:left;width:240px;line-height:82px;text-align:center;font-size:24px;color:#fff;font-weight:700}*/
.main_top .search_box .name{float:left;width:14%;line-height:82px;text-align:center;font-family:'GmarketSansMedium';font-size:20px !important;color:#fff;font-weight:500}
/*.search_box .list_box{float:left;position:relative;width:345px;height:82px;background:#fff;}*/
.main_top .search_box .list_box{float:left;position:relative;width:38%;height:82px;background:#fff;}
/*.search_box .list_02{width:504px;border-left:1px solid #d2d2d2}*/
.main_top .search_box .list_02{width:38%;border-left:1px solid #eee}
.main_top .search_box .list_box .label{padding-left:16px;line-height:82px;font-family:'GmarketSansMedium';font-size:20px !important;color:#777;font-weight:500;background:#fff;}
.main_top .search_box .list_box .btn_list{display:block;position:absolute;left:0;right:0;top:0;padding:0 60px 0 125px;height:82px;line-height:82px;text-align:right;font-size:30px;color:#333;font-weight:700;background:url("../img/icon/select_arrow.png") no-repeat right center;z-index:20;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_top .search_box .list_02 .btn_list{padding-left:75px;letter-spacing:-3px}
/*.search_box .btn_search{display:block;position:absolute;right:17px;top:0;width:110px;height:82px;text-align:left;text-indent:-9999px;border:0;background:url("../img/main/select_search.png") no-repeat center center;z-index:20}*/
.main_top .search_box .btn_search{display:block;position:absolute;right:0px;top:0;width:10%;height:82px;text-align:left;text-indent:-9999px;border:0;background:url("../img/icon/select_search.png") no-repeat center center;z-index:20}
/*.search_box .search_detail{display:none;position:absolute;left:240px;top:92px;width:850px;border-top:6px solid #8A4AE2;box-shadow:0 0 21px rgba(0,0,0,0.32);background:#fff;z-index:100}*/
.main_top .search_box .search_detail{display:none;position:absolute;left:0px;top:92px;width:91%;border-top:6px solid var(--primary);box-shadow:0 0 21px rgba(0,0,0,0.32);background:#fff;z-index:100}
.main_top .search_box .search_detail .search_top{padding:40px 20px 30px 100px}
.main_top .search_box .search_detail .search_bottom{padding:40px 20px 30px 100px;background:#f9f9f9}
.main_top .search_box .search_detail .search_list{overflow:hidden}
/*.search_box .search_detail .search_list li{float:left;width:102px;height:44px;border-radius:41px;}*/
.main_top .search_box .search_detail .search_list li{float:left;width:14.28571%;height:44px;border-radius:41px;font-family:'GmarketSansMedium';}
.main_top .search_box .search_detail .btn_location{display:block;float:left;height:30px;line-height:30px;font-size:20px;color:#555}
.main_top .search_box .search_detail .btn_location:hover,
.main_top .search_box .search_detail .btn_location.active{color:var(--primary);font-weight:700}
.main_top .search_box .search_detail .search_bottom .search_list li{float:left;width:330px;height:44px}
.main_top .search_box .search_detail .search_gugun {
    padding: 40px 20px 30px 100px;
    background: #f9f9f9
}
.main_top .search_box .search_detail .search_gugun .search_list li {
    float: left;
    height: 44px
}

@media (max-width: 980px) { 
    #search_content {display: none}
}

/* ¹öÆ° ½ºÅ¸ÀÏ */
.btn-more a {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    padding: 5px 20px;
	font-size: var(--smaller-font-size);
    color: var(--title-color);
    border-width: 0 2px 2px 2px;
    border-style: solid;
    border-color: var(--title-color);
}
.btn-more a:before,
.btn-more a:after {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    background: var(--title-color);
}
.btn-more a:before {
    left: 0;
    width: 7%;
}
.btn-more a:after {
    right: 0;
    width: 83%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.btn-more a:hover:after {
    width: 100%
}
.btn-more.btn-wht a {
    border-color: var(--body-color);
    color: var(--body-color)
}
.btn-more.btn-wht a:before,
.btn-more.btn-wht a:after {
    background-color: var(--body-color);
}
.btn-more.btn-bla a {
    border-color: var(--primary);
    color: var(--primary)
}
.btn-more.btn-bla a:before,
.btn-more.btn-bla a:after {
    background-color: var(--primary);
}
.btn-more.btn-col a {
    border-color: var(--second-color);
    color: var(--second-color)
}
.btn-more.btn-col a:before,
.btn-more.btn-col a:after {
    background-color: var(--second-color);
}
@media(min-width:992px) {
    .btn-more a {
        padding: 8px 25px;
    }
}

.img-responsive {max-width:100%;height:auto}

/*----- Hidden Elements Classes -----*/
.visible-lg,.visible-md,.visible-sm,.visible-xs {display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {display:none!important}
@media (max-width:767px) {
    .visible-xs {display:block!important}
    table.visible-xs {display:table!important}
    tr.visible-xs {display:table-row!important}
    td.visible-xs,th.visible-xs {display:table-cell!important}
}
@media (max-width:767px) {
    .visible-xs-block {display:block!important}
}
@media (max-width:767px) {
    .visible-xs-inline {display:inline!important}
}
@media (max-width:767px) {
    .visible-xs-inline-block {display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm {display:block!important}
    table.visible-sm {display:table!important}
    tr.visible-sm {display:table-row!important}
    td.visible-sm,th.visible-sm {display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {display:block!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {display:inline!important}
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md {display:block!important}
    table.visible-md {display:table!important}
    tr.visible-md {display:table-row!important}
    td.visible-md,th.visible-md {display:table-cell!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {display:block!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {display:inline!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {display:inline-block!important}
}
@media (min-width:1200px) {
    .visible-lg {display:block!important}
    table.visible-lg {display:table!important}
    tr.visible-lg {display:table-row!important}
    td.visible-lg,th.visible-lg {display:table-cell!important}
}
@media (min-width:1200px) {
    .visible-lg-block {display:block!important}
}
@media (min-width:1200px) {
    .visible-lg-inline {display:inline!important}
}
@media (min-width:1200px) {
    .visible-lg-inline-block {display:inline-block!important}
}
@media (max-width:767px) {
    .hidden-xs {display:none!important}
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {display:none!important}
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {display:none!important}
}
@media (min-width:1200px) {
    .hidden-lg {display:none!important}
}

/*----- Font Size (px) -----*/
.f-s-10 {font-size:10px !important}
.f-s-11 {font-size:11px !important}
.f-s-12 {font-size:12px !important}
.f-s-13 {font-size:13px !important}
.f-s-14 {font-size:14px !important}
.f-s-15 {font-size:15px !important}
.f-s-16 {font-size:16px !important}
.f-s-17 {font-size:17px !important}
.f-s-18 {font-size:18px !important}
.f-s-19 {font-size:19px !important}
.f-s-20 {font-size:20px !important}
.f-s-21 {font-size:21px !important}
.f-s-22 {font-size:22px !important}
.f-s-23 {font-size:23px !important}
.f-s-24 {font-size:24px !important}
.f-s-25 {font-size:25px !important}
.f-s-26 {font-size:26px !important}
.f-s-27 {font-size:27px !important}
.f-s-28 {font-size:28px !important}
.f-s-29 {font-size:29px !important}
.f-s-30 {font-size:30px !important}
/* EyoomBuilder bs3 font size compatible */
.font-size-10 {font-size:10px !important}
.font-size-11 {font-size:11px !important}
.font-size-12 {font-size:12px !important}
.font-size-13 {font-size:13px !important}
.font-size-14 {font-size:14px !important}
.font-size-15 {font-size:15px !important}
.font-size-16 {font-size:16px !important}
.font-size-17 {font-size:17px !important}
.font-size-18 {font-size:18px !important}
.font-size-19 {font-size:19px !important}
.font-size-20 {font-size:20px !important}
.font-size-21 {font-size:21px !important}
.font-size-22 {font-size:22px !important}
.font-size-23 {font-size:23px !important}
.font-size-24 {font-size:24px !important}
.font-size-25 {font-size:25px !important}
.font-size-26 {font-size:26px !important}
.font-size-27 {font-size:27px !important}
.font-size-28 {font-size:28px !important}
.font-size-29 {font-size:29px !important}
.font-size-30 {font-size:30px !important}

/*----- Font Size (rem) -----*/
.f-s-10r {font-size:.625rem !important}
.f-s-11r {font-size:.6875rem !important}
.f-s-12r {font-size:.75rem !important}
.f-s-13r {font-size:.8125rem !important}
.f-s-14r {font-size:.875rem !important}
.f-s-15r {font-size:.9375rem !important}
.f-s-16r {font-size:1rem !important}
.f-s-17r {font-size:1.0625rem !important}
.f-s-18r {font-size:1.125rem !important}
.f-s-19r {font-size:1.1875rem !important}
.f-s-20r {font-size:1.25rem !important}
.f-s-21r {font-size:1.3125rem !important}
.f-s-22r {font-size:1.375rem !important}
.f-s-23r {font-size:1.4375rem !important}
.f-s-24r {font-size:1.5rem !important}
.f-s-25r {font-size:1.5625rem !important}
.f-s-26r {font-size:1.625rem !important}
.f-s-27r {font-size:1.6875rem !important}
.f-s-28r {font-size:1.75rem !important}
.f-s-29r {font-size:1.8125rem !important}
.f-s-30r {font-size:1.875rem !important}

/*----- Font Weight -----*/
.f-w-100 {font-weight:100 !important}
.f-w-200 {font-weight:200 !important}
.f-w-300 {font-weight:300 !important}
.f-w-400 {font-weight:400 !important}
.f-w-500 {font-weight:500 !important}
.f-w-600 {font-weight:600 !important}
.f-w-700 {font-weight:700 !important}
.f-w-800 {font-weight:800 !important}
.f-w-900 {font-weight:900 !important}
.f-w-normal {font-weight:normal !important}
.f-w-bold {font-weight:bold !important}

/*----- Line Height -----*/
.l-h-1 {line-height:1 !important}
.l-h-11 {line-height:1.1 !important}
.l-h-12 {line-height:1.2 !important}
.l-h-13 {line-height:1.3 !important}
.l-h-14 {line-height:1.4 !important}
.l-h-15 {line-height:1.5 !important}
.l-h-16 {line-height:1.6 !important}
.l-h-17 {line-height:1.7 !important}
.l-h-18 {line-height:1.8 !important}
.l-h-19 {line-height:1.9 !important}

/*----- Spacing -----*/
/*Width*/
.width-10 {width:10% !important}
.width-15 {width:15% !important}
.width-20 {width:20% !important}
.width-25 {width:25% !important}
.width-30 {width:30% !important}
.width-35 {width:35% !important}
.width-40 {width:40% !important}
.width-45 {width:45% !important}
.width-50 {width:50% !important}
.width-55 {width:55% !important}
.width-60 {width:60% !important}
.width-65 {width:65% !important}
.width-70 {width:70% !important}
.width-75 {width:75% !important}
.width-80 {width:80% !important}
.width-85 {width:85% !important}
.width-90 {width:90% !important}
.width-95 {width:95% !important}
.width-100 {width:100% !important}
.width-10px {width:10px !important}
.width-20px {width:20px !important}
.width-30px {width:30px !important}
.width-40px {width:40px !important}
.width-50px {width:50px !important}
.width-60px {width:60px !important}
.width-70px {width:70px !important}
.width-80px {width:80px !important}
.width-90px {width:90px !important}
.width-100px {width:100px !important}
.width-110px {width:110px !important}
.width-120px {width:120px !important}
.width-130px {width:130px !important}
.width-140px {width:140px !important}
.width-150px {width:150px !important}
.width-160px {width:160px !important}
.width-170px {width:170px !important}
.width-180px {width:180px !important}
.width-190px {width:190px !important}
.width-200px {width:200px !important}
.width-250px {width:250px !important}
.width-300px {width:300px !important}
.width-350px {width:350px !important}
.width-400px {width:400px !important}
.width-450px {width:450px !important}
.width-500px {width:500px !important}

/* Margin */
.m-0 {margin:0 !important}
.m-0-auto {margin:0 auto !important}

/* Margin Left */
.m-l-auto {margin-left:auto}
.m-l-0 {margin-left:0 !important}
.m-l-1 {margin-left:1px !important}
.m-l-2 {margin-left:2px !important}
.m-l-3 {margin-left:3px !important}
.m-l-4 {margin-left:4px !important}
.m-l-5 {margin-left:5px !important}
.m-l-6 {margin-left:6px !important}
.m-l-7 {margin-left:7px !important}
.m-l-8 {margin-left:8px !important}
.m-l-9 {margin-left:9px !important}
.m-l-10 {margin-left:10px !important}
.m-l-15 {margin-left:15px !important}
.m-l-20 {margin-left:20px !important}
.m-l-25 {margin-left:25px !important}
.m-l-30 {margin-left:30px !important}
.m-l-35 {margin-left:35px !important}
.m-l-40 {margin-left:40px !important}
.m-l-45 {margin-left:45px !important}
.m-l-50 {margin-left:50px !important}
.m-l-60 {margin-left:60px !important}
.m-l-70 {margin-left:70px !important}
.m-l-80 {margin-left:80px !important}
.m-l-90 {margin-left:90px !important}
.m-l-100 {margin-left:100px !important}
.m-l--5 {margin-left:-5px !important}
.m-l--10 {margin-left:-10px !important}
.m-l--15 {margin-left:-15px !important}
.m-l--20 {margin-left:-20px !important}
.m-l--25 {margin-left:-25px !important}
.m-l--30 {margin-left:-30px !important}
.m-l--35 {margin-left:-35px !important}
.m-l--40 {margin-left:-40px !important}
.m-l--45 {margin-left:-45px !important}
.m-l--50 {margin-left:-50px !important}

/* Margin Right */
.m-r-auto {margin-right:auto}
.m-r-0 {margin-right:0 !important}
.m-r-1 {margin-right:1px !important}
.m-r-2 {margin-right:2px !important}
.m-r-3 {margin-right:3px !important}
.m-r-4 {margin-right:4px !important}
.m-r-5 {margin-right:5px !important}
.m-r-6 {margin-right:6px !important}
.m-r-7 {margin-right:7px !important}
.m-r-8 {margin-right:8px !important}
.m-r-9 {margin-right:9px !important}
.m-r-10 {margin-right:10px !important}
.m-r-15 {margin-right:15px !important}
.m-r-20 {margin-right:20px !important}
.m-r-25 {margin-right:25px !important}
.m-r-30 {margin-right:30px !important}
.m-r-35 {margin-right:35px !important}
.m-r-40 {margin-right:40px !important}
.m-r-45 {margin-right:45px !important}
.m-r-50 {margin-right:50px !important}
.m-r-60 {margin-right:60px !important}
.m-r-70 {margin-right:70px !important}
.m-r-80 {margin-right:80px !important}
.m-r-90 {margin-right:90px !important}
.m-r-100 {margin-right:100px !important}
.m-r--5 {margin-right:-5px !important}
.m-r--10 {margin-right:-10px !important}
.m-r--15 {margin-right:-15px !important}
.m-r--20 {margin-right:-20px !important}
.m-r--25 {margin-right:-25px !important}
.m-r--30 {margin-right:-30px !important}
.m-r--35 {margin-right:-35px !important}
.m-r--40 {margin-right:-40px !important}
.m-r--45 {margin-right:-45px !important}
.m-r--50 {margin-right:-50px !important}

/* Margin Top */
.m-t-0 {margin-top:0 !important}
.m-t-1 {margin-top:1px !important}
.m-t-2 {margin-top:2px !important}
.m-t-3 {margin-top:3px !important}
.m-t-4 {margin-top:4px !important}
.m-t-5 {margin-top:5px !important}
.m-t-6 {margin-top:6px !important}
.m-t-7 {margin-top:7px !important}
.m-t-8 {margin-top:8px !important}
.m-t-9 {margin-top:9px !important}
.m-t-10 {margin-top:10px !important}
.m-t-15 {margin-top:15px !important}
.m-t-20 {margin-top:20px !important}
.m-t-25 {margin-top:25px !important}
.m-t-30 {margin-top:30px !important}
.m-t-35 {margin-top:35px !important}
.m-t-40 {margin-top:40px !important}
.m-t-45 {margin-top:45px !important}
.m-t-50 {margin-top:50px !important}
.m-t-60 {margin-top:60px !important}
.m-t-70 {margin-top:70px !important}
.m-t-80 {margin-top:80px !important}
.m-t-90 {margin-top:90px !important}
.m-t-100 {margin-top:100px !important}
.m-t-110 {margin-top:110px !important}
.m-t-120 {margin-top:120px !important}
.m-t-130 {margin-top:130px !important}
.m-t-140 {margin-top:140px !important}
.m-t-150 {margin-top:150px !important}

/* Margin Bottom */
.m-b-0 {margin-bottom:0 !important}
.m-b-1 {margin-bottom:1px !important}
.m-b-2 {margin-bottom:2px !important}
.m-b-3 {margin-bottom:3px !important}
.m-b-4 {margin-bottom:4px !important}
.m-b-5 {margin-bottom:5px !important}
.m-b-6 {margin-bottom:6px !important}
.m-b-7 {margin-bottom:7px !important}
.m-b-8 {margin-bottom:8px !important}
.m-b-9 {margin-bottom:9px !important}
.m-b-10 {margin-bottom:10px !important}
.m-b-15 {margin-bottom:15px !important}
.m-b-20 {margin-bottom:20px !important}
.m-b-25 {margin-bottom:25px !important}
.m-b-30 {margin-bottom:30px !important}
.m-b-35 {margin-bottom:35px !important}
.m-b-40 {margin-bottom:40px !important}
.m-b-45 {margin-bottom:45px !important}
.m-b-50 {margin-bottom:50px !important}
.m-b-60 {margin-bottom:60px !important}
.m-b-70 {margin-bottom:70px !important}
.m-b-80 {margin-bottom:80px !important}
.m-b-90 {margin-bottom:90px !important}
.m-b-100 {margin-bottom:100px !important}
.m-b-110 {margin-bottom:110px !important}
.m-b-120 {margin-bottom:120px !important}
.m-b-130 {margin-bottom:130px !important}
.m-b-140 {margin-bottom:140px !important}
.m-b-150 {margin-bottom:150px !important}

/* Margin hr */
.margin-hr-5 {height:1px;border-top:1px solid #eaeaea;margin:5px 0}
.margin-hr-10 {height:1px;border-top:1px solid #eaeaea;margin:10px 0}
.margin-hr-15 {height:1px;border-top:1px solid #eaeaea;margin:15px 0}
.margin-hr-20 {height:1px;border-top:1px solid #eaeaea;margin:20px 0}
.margin-hr-25 {height:1px;border-top:1px solid #eaeaea;margin:25px 0}
.margin-hr-30 {height:1px;border-top:1px solid #eaeaea;margin:30px 0}
.margin-hr-35 {height:1px;border-top:1px solid #eaeaea;margin:35px 0}
.margin-hr-40 {height:1px;border-top:1px solid #eaeaea;margin:40px 0}

/* Padding */
.p-0 {padding:0 !important}
.p-5 {padding:5px !important}
.p-10 {padding:10px !important}
.p-15 {padding:15px !important}
.p-20 {padding:20px !important}
.p-25 {padding:25px !important}
.p-30 {padding:30px !important}
.p-35 {padding:35px !important}
.p-40 {padding:40px !important}
.p-45 {padding:45px !important}
.p-50 {padding:50px !important}
.p-60 {padding:60px !important}
.p-70 {padding:70px !important}
.p-80 {padding:80px !important}
.p-90 {padding:90px !important}
.p-100 {padding:100px !important}

/* Padding Left */
.p-l-0 {padding-left:0 !important}
.p-l-5 {padding-left:5px !important}
.p-l-10 {padding-left:10px !important}
.p-l-15 {padding-left:15px !important}
.p-l-20 {padding-left:20px !important}
.p-l-25 {padding-left:25px !important}
.p-l-30 {padding-left:30px !important}
.p-l-35 {padding-left:35px !important}
.p-l-40 {padding-left:40px !important}
.p-l-45 {padding-left:45px !important}
.p-l-50 {padding-left:50px !important}
.p-l-60 {padding-left:60px !important}
.p-l-70 {padding-left:70px !important}
.p-l-80 {padding-left:80px !important}
.p-l-90 {padding-left:90px !important}
.p-l-100 {padding-left:100px !important}

/* Padding Right */
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10 {padding-right:10px !important}
.p-r-15 {padding-right:15px !important}
.p-r-20 {padding-right:20px !important}
.p-r-25 {padding-right:25px !important}
.p-r-30 {padding-right:30px !important}
.p-r-35 {padding-right:35px !important}
.p-r-40 {padding-right:40px !important}
.p-r-45 {padding-right:45px !important}
.p-r-50 {padding-right:50px !important}
.p-r-60 {padding-right:60px !important}
.p-r-70 {padding-right:70px !important}
.p-r-80 {padding-right:80px !important}
.p-r-90 {padding-right:90px !important}
.p-r-100 {padding-right:100px !important}

/* Padding Top */
.p-t-0 {padding-top:0 !important}
.p-t-5 {padding-top:5px !important}
.p-t-10 {padding-top:10px !important}
.p-t-15 {padding-top:15px !important}
.p-t-20 {padding-top:20px !important}
.p-t-25 {padding-top:25px !important}
.p-t-30 {padding-top:30px !important}
.p-t-35 {padding-top:35px !important}
.p-t-40 {padding-top:40px !important}
.p-t-45 {padding-top:45px !important}
.p-t-50 {padding-top:50px !important}
.p-t-60 {padding-top:60px !important}
.p-t-60 {padding-top:70px !important}
.p-t-80 {padding-top:80px !important}
.p-t-90 {padding-top:90px !important}
.p-t-100 {padding-top:100px !important}
.p-t-110 {padding-top:110px !important}
.p-t-120 {padding-top:120px !important}
.p-t-130 {padding-top:130px !important}
.p-t-140 {padding-top:140px !important}
.p-t-150 {padding-top:150px !important}

/* Padding Bottom */
.p-b-0 {padding-bottom:0 !important}
.p-b-5 {padding-bottom:5px !important}
.p-b-10 {padding-bottom:10px !important}
.p-b-15 {padding-bottom:15px !important}
.p-b-20 {padding-bottom:20px !important}
.p-b-25 {padding-bottom:25px !important}
.p-b-30 {padding-bottom:30px !important}
.p-b-35 {padding-bottom:35px !important}
.p-b-40 {padding-bottom:40px !important}
.p-b-45 {padding-bottom:45px !important}
.p-b-50 {padding-bottom:50px !important}
.p-b-60 {padding-bottom:60px !important}
.p-b-60 {padding-bottom:70px !important}
.p-b-80 {padding-bottom:80px !important}
.p-b-90 {padding-bottom:90px !important}
.p-b-100 {padding-bottom:100px !important}
.p-b-110 {padding-bottom:110px !important}
.p-b-120 {padding-bottom:120px !important}
.p-b-130 {padding-bottom:130px !important}
.p-b-140 {padding-bottom:140px !important}
.p-b-150 {padding-bottom:150px !important}

/* Responsive Padding */
@media (max-width:1199px) {
    .xl-m-b-0 {margin-bottom:0 !important}
    .xl-m-b-5 {margin-bottom:5px !important}
    .xl-m-b-10 {margin-bottom:10px !important}
    .xl-m-b-15 {margin-bottom:15px !important}
    .xl-m-b-20 {margin-bottom:20px !important}
    .xl-m-b-25 {margin-bottom:25px !important}
    .xl-m-b-30 {margin-bottom:30px !important}
    .xl-m-b-35 {margin-bottom:35px !important}
    .xl-m-b-40 {margin-bottom:40px !important}
    .xl-m-b-45 {margin-bottom:45px !important}
    .xl-m-b-50 {margin-bottom:50px !important}
    .xl-m-b-60 {margin-bottom:60px !important}
    .xl-m-b-70 {margin-bottom:70px !important}
    .xl-m-b-80 {margin-bottom:80px !important}
    .xl-m-b-90 {margin-bottom:90px !important}
    .xl-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:991px) {
    .lg-m-b-0 {margin-bottom:0 !important}
    .lg-m-b-5 {margin-bottom:5px !important}
    .lg-m-b-10 {margin-bottom:10px !important}
    .lg-m-b-15 {margin-bottom:15px !important}
    .lg-m-b-20 {margin-bottom:20px !important}
    .lg-m-b-25 {margin-bottom:25px !important}
    .lg-m-b-30 {margin-bottom:30px !important}
    .lg-m-b-35 {margin-bottom:35px !important}
    .lg-m-b-40 {margin-bottom:40px !important}
    .lg-m-b-45 {margin-bottom:45px !important}
    .lg-m-b-50 {margin-bottom:50px !important}
    .lg-m-b-60 {margin-bottom:60px !important}
    .lg-m-b-70 {margin-bottom:70px !important}
    .lg-m-b-80 {margin-bottom:80px !important}
    .lg-m-b-90 {margin-bottom:90px !important}
    .lg-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:767px) {
    .md-m-b-0 {margin-bottom:0 !important}
    .md-m-b-5 {margin-bottom:5px !important}
    .md-m-b-10 {margin-bottom:10px !important}
    .md-m-b-15 {margin-bottom:15px !important}
    .md-m-b-20 {margin-bottom:20px !important}
    .md-m-b-25 {margin-bottom:25px !important}
    .md-m-b-30 {margin-bottom:30px !important}
    .md-m-b-35 {margin-bottom:35px !important}
    .md-m-b-40 {margin-bottom:40px !important}
    .md-m-b-45 {margin-bottom:45px !important}
    .md-m-b-50 {margin-bottom:50px !important}
    .md-m-b-60 {margin-bottom:60px !important}
    .md-m-b-70 {margin-bottom:70px !important}
    .md-m-b-80 {margin-bottom:80px !important}
    .md-m-b-90 {margin-bottom:90px !important}
    .md-m-b-100 {margin-bottom:100px !important}
}
@media (max-width:576px) {
    .sm-m-b-0 {margin-bottom:0 !important}
    .sm-m-b-5 {margin-bottom:5px !important}
    .sm-m-b-10 {margin-bottom:10px !important}
    .sm-m-b-15 {margin-bottom:15px !important}
    .sm-m-b-20 {margin-bottom:20px !important}
    .sm-m-b-25 {margin-bottom:25px !important}
    .sm-m-b-30 {margin-bottom:30px !important}
    .sm-m-b-35 {margin-bottom:35px !important}
    .sm-m-b-40 {margin-bottom:40px !important}
    .sm-m-b-45 {margin-bottom:45px !important}
    .sm-m-b-50 {margin-bottom:50px !important}
    .sm-m-b-60 {margin-bottom:60px !important}
    .sm-m-b-70 {margin-bottom:70px !important}
    .sm-m-b-80 {margin-bottom:80px !important}
    .sm-m-b-90 {margin-bottom:90px !important}
    .sm-m-b-100 {margin-bottom:100px !important}
}

/*----- Border 0 -----*/
.bd-0 {border:0 !important}
.bd-top-0 {border-top:0 !important}
.bd-bottom-0 {border-bottom:0 !important}
.bd-left-0 {border-left:0 !important}
.bd-right-0 {border-right:0 !important}

/*----- Border Radius -----*/
.bd-r-0 {border-radius:0 !important}
.bd-r-2 {border-radius:2px !important}
.bd-r-3 {border-radius:3px !important}
.bd-r-4 {border-radius:4px !important}
.bd-r-5 {border-radius:5px !important}
.bd-r-6 {border-radius:6px !important}
.bd-r-7 {border-radius:7px !important}
.bd-r-8 {border-radius:8px !important}
.bd-r-9 {border-radius:9px !important}
.bd-r-10 {border-radius:10px !important}
.bd-r-50 {border-radius:50% !important}
.bd-r-100 {border-radius:100% !important}
.bd-r-1r {border-radius:1rem !important}
.bd-r-2r {border-radius:2rem !important}
.bd-r-3r {border-radius:3rem !important}
.bd-r-4r {border-radius:4rem !important}
.bd-r-5r {border-radius:5rem !important}
.rounded-x {border-radius:50% !important}

/*----- Colors -----*/
/* Text Colors */
.text-primary {color:var(--primary) !important}
.text-red {color:#e53935 !important}
.text-crimson {color:#cc2300 !important}
.text-pink {color:#d81b60 !important}
.text-purple {color:#8e24aa !important}
.text-deep-purple {color:#5e35b1 !important}
.text-indigo {color:#3949ab !important}
.text-blue {color:#1e88e5 !important}
.text-light-blue {color:#039be5 !important}
.text-cyan {color:#00acc1 !important}
.text-teal {color:#00897b !important}
.text-green {color:#43a047 !important}
.text-light-green {color:#7cb342 !important}
.text-lime {color:#c0ca33 !important}
.text-yellow {color:#fdd835 !important}
.text-amber {color:#ffb300 !important}
.text-orange {color:#fb8c00 !important}
.text-deep-orange {color:#f4511e !important}
.text-brown {color:#6d4c41 !important}
.text-gray {color:#757575 !important}
.text-light-gray {color:#b5b5b5 !important}
.text-black {color:#000 !important}
.text-white {color:#fff !important}
/* EyoomBuilder bs3 text colors compatible */
.color-red {color:#e53935 !important}
.color-crimson {color:#cc2300 !important}
.color-pink {color:#d81b60 !important}
.color-purple {color:#8e24aa !important}
.color-deep-purple {color:#5e35b1 !important}
.color-indigo {color:#3949ab !important}
.color-blue {color:#1e88e5 !important}
.color-light-blue {color:#039be5 !important}
.color-cyan {color:#00acc1 !important}
.color-teal {color:#00897b !important}
.color-green {color:#43a047 !important}
.color-light-green {color:#7cb342 !important}
.color-lime {color:#c0ca33 !important}
.color-yellow {color:#fdd835 !important}
.color-amber {color:#ffb300 !important}
.color-orange {color:#fb8c00 !important}
.color-deep-orange {color:#f4511e !important}
.color-brown {color:#6d4c41 !important}
.color-gray {color:#757575 !important}
.color-light-gray {color:#b5b5b5 !important}
.color-black {color:#000 !important}
.color-white {color:#fff !important}

/* Background Colors */
.bg-red {background-color:#e53935 !important}
.bg-crimson {background-color:#cc2300 !important}
.bg-pink {background-color:#d81b60 !important}
.bg-purple {background-color:#8e24aa !important}
.bg-deep-purple {background-color:#5e35b1 !important}
.bg-indigo {background-color:#3949ab !important}
.bg-blue {background-color:#1e88e5 !important}
.bg-light-blue {background-color:#039be5 !important}
.bg-cyan {background-color:#00acc1 !important}
.bg-teal {background-color:#00897b !important}
.bg-green {background-color:#43a047 !important}
.bg-light-green {background-color:#7cb342 !important}
.bg-lime {background-color:#c0ca33 !important}
.bg-yellow {background-color:#fdd835 !important}
.bg-amber {background-color:#ffb300 !important}
.bg-orange {background-color:#fb8c00 !important}
.bg-deep-orange {background-color:#f4511e !important}
.bg-brown {background-color:#6d4c41 !important}
.bg-gray {background-color:#757575 !important}
.bg-light-gray {background-color:#a5a5a5 !important}
.bg-black {background-color:#000 !important}
.bg-white {background-color:#fff !important}
.bg-transparent {background-color:transparent !important}

.red, 
i.red { color:#ff2434; }

ol { margin:0; padding:0; list-style:none; }
/* ÆùÆ®»ö»ó */
.fc-white { color:#fff; }
.fc-black { color:#222; }
.fc-gray { color:#888; }
.fc-pd { color:#e09e4f; }
.fc-red { color:red; }
.fc-price { color:#fa622f}
.fc-ye { color:#fbd400}
/* ÆùÆ®À§Ä¡ */
.ta-lt { text-align:left; }
.ta-rt { text-align:right; }
.ta-ct { text-align:center; }

/* display */
.ds-bl { display:block; }
.ds-ib { display:inline-block; }
.ds-flex { display:flex; }

/* °¡·ÎÅ©±â */
.w100 { width:100%; }

/* ¹è°æ»ö»ó */
.bg-pd { background:#e09e4f; }

/* ÆùƮũ±â */
.ft-50 { font-size:50px; letter-spacing:-2px; }
.ft-40 { font-size:40px; letter-spacing:-2px; }
.ft-36 { font-size:36px; letter-spacing:-1px;}
.ft-30 { font-size:30px; letter-spacing:-1px;}
.ft-24 { font-size:24px; letter-spacing:-1px; }
.ft-20 { font-size:20px;  letter-spacing:-1px;}
.ft-18 { font-size:18px; letter-spacing:-1px; }
.ft-16 { font-size:16px; }
.ft-14 { font-size:14px; letter-spacing:-1px; }
.ft-13 { font-size:13px; }
.ft-12 { font-size:12px; }
.ft-11 { font-size:11px; }
.ft-10 { font-size:10px; }

/* ÆùÆ®±½±â */
.fw-100 { font-weight:100; }
.fw-300 { font-weight:300; }
.fw-350 { font-weight:350; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }

/* Æеù »óÇÏ */
.pd-100 { padding:100px 0; }
.pd-30 { padding:30px 0; }
.pd-20 { padding:20px 0; }
.pd-15 { padding:15px 0; }

/* Æеù Á¿ì */
.pdlr-20 { padding:0px 20px; }

/* º¸´õ Àüü */
.bd-e1 { border:1px solid #e1e1e1; }

/* Æеù »ó */
.pt-60 { padding-top:60px; }
.pt-30 { padding-top:30px; }
.pt-20 { padding-top:20px; }

/* Æеù ÇÏ */
.pb-30 { padding-bottom:30px; }
.pb-20 { padding-bottom:20px; }

/* ¸¶Áø »ó´Ü */
.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-50 { margin-top:50px; }
.mt-80 { margin-top:80px; }
.mt-100 { margin-top:100px; }
.mt-150 { margin-top:150px; }

/* ¸¶Áø ÇÏ´Ü */
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }

/* ¸¶Áø ¿ìÃø */
.mr-50 { margin-right:50px; }
.mr-20 { margin-right:20px; }
.mr-10 { margin-right:10px; }
.mr-5 { margin-right:5px; }

/* ¸¶Áø ÁÂÃø */
.ml-50 { margin-left:50px; }
.ml-12 { margin-left:12px; }
.ml-10 { margin-left:10px; }
.ml-5 { margin-left:5px; }
.ml-2 { margin-left:2px; }

/* letter-spacing */
.ls-0 { letter-spacing:0px; }
.ls-05 { letter-spacing:-0.5px; }
.ls-1 { letter-spacing:-1px; }
.ls-2 { letter-spacing:-2px; }

/* line-height */
.lh-20 { line-height:20px; }
.lh-24 { line-height:24px; }
.lh-30 { line-height:30px; }
.lh-36 { line-height:36px; }
.lh-40 { line-height:40px; }
.lh-48 { line-height:48px; }

/* PC/¸ð¹ÙÀÏ CSS ±¸ºÐÀÚ */
.mobile_only { display:none; } 

/* 1200px ÀÌÇÏ ¹ÝÀÀÇü */
@media (max-width:1200px) {

/* PC/¸ð¹ÙÀÏ CSS ±¸ºÐÀÚ */
.mobile_only { display:inline-block; }
.pc_only { display:none !important; }

/* ÆùƮũ±â */
.ft-40 { font-size:min(36px, 7vw); letter-spacing:-1px;}
.ft-36 { font-size:min(30px, 6.5vw); letter-spacing:-1px;}
.ft-30 { font-size:min(24px, 5.5vw); letter-spacing:-1px;}
.ft-24 { font-size:min(20px, 4vw); letter-spacing:-1px;}
.ft-20 { font-size:min(18px, 3.5vw); letter-spacing:-1px;}
.ft-18 { font-size:min(16px, 3.3vw); letter-spacing:-1px;}
.ft-16 { font-size:min(14px, 3.2vw); }
.lh-40 { line-height:2em;}
}

@media screen and (max-width: 600px) {
    #bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 5px}
	#bo_cate_ul_line li a{padding:2px 0px; font-size:15px}
	
}

/*ÅÇ*/
.non-payment_area .notice { text-align:center; margin-bottom:50px}
.non-payment_area ul {  padding-bottom:30px; margin:0 auto; }
.non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
.non-payment_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px}
.non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts11 ul li { width:9.162909090909091%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px}
.non-payment_area .ts ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0}
.non-payment_area .ts ul li a.on { background-color:var(--primary); color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);}


@media screen and (max-width: 640px) {
    .non-payment_area .ts ul li { width:50%; margin-top:-1px}	
}
/*ÅÇ*/