* { font-family:"Apple SD Gothic Neo", NotoSansKR, NanumBarunGothic, "nanum gothic", 나눔고딕, "apple gothic", "맑은 고딕", 돋움, 굴림, sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px; text-decoration: none; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background:#fff; }

/* 헤더 시작 */
/* reset (pc) */
/* html{height:100%} */
html, body {margin: 0!important; height: auto; }
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
main {display: block;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
img {vertical-align: middle; }
li {list-style: none;}
address, em, i, cite {font-style: normal;}
table {border-collapse: collapse;}
table caption {overflow: hidden; width: 0; height: 0;}
i.fas, i.far, i.fab {vertical-align: middle; display: inline-block;}
i.fas span, i.far span, i.fab span {position: absolute; overflow: hidden; text-indent: -999px;}
.hidden {position: absolute; left: -9999px;}
br.only-m {content: '';}
br.only-m:after {content: '\00a0';}
.pc { display:block;}
.mobile{display:none}
.clearfix::before,.clearfix::after{content:""; display: block; clear: both;}
.blind{display:none}
*{padding:0; margin:0}
#header{width:220px; height:100%; background: white; position: fixed; top:0; left:0; box-sizing: border-box; color:#575757; box-shadow: 5px 0px 10px rgb(0 0 0 / 15%);
z-index: 5}
#header h1{cursor: pointer; margin-bottom:20px}
.quick_wrap{position: absolute; top: 0; right: 0; width:110px; height:100%; box-sizing:border-box; background-color: #f85f4e;
  z-index: 5; border:1px solid transparent; }
.quick_wrap ul{ box-sizing: border-box; height:calc(100% - 317px)}
.quick_call ul li:last-child:after{border-bottom:none}
.quick_wrap ul li{color:white; text-align: center; width:100%; cursor: pointer; height:110px; position: relative;}
.quick_wrap ul li:after{content:''; width:65px; height:1px; background: #ddd; display: block; position: absolute; bottom:0; left:50%; transform: translateX(-50%);
opacity: .5}
.nav {text-align: center; margin-bottom:80px}
.nav li .sub{display: none;}
.nav > li a{display: block; width:100%; height:100%; line-height: 56px; font-size: 18px;}
.sub > li a{font-size: 16px; line-height: 23px; font-weight: 700; }
.call{ cursor: pointer;}
.top{width:100%; line-height:38px; background: #7dba49; position: absolute; bottom:0; left:0; color: white; text-align: center;
cursor: pointer;}
.nav > li{position: relative;}
.nav > li .sub.on{display: block; background: #f85f4e; position: absolute; top:-8px; left:80%; z-index: 100000; color: white; width:160px; padding: 30px 15px;}
sub > li > a{line-height: 20px;}
.bl{width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 15px solid #f85f4e;
  position: absolute; top:26px; left:-10px; }
.quick_call{height:279px}
.quick_call img{height:100%;}
.quick{height:auto; position: absolute;}
.quick ul li div img{width:60%}
.quick ul li a{display: block; font-size: 13px;}
.top_menu_2 > ul > li.on{background: #f85f4e; color:white}
.top_menu_3 > ul > li.on{background: #f85f4e; color:white}
.title_2 p{font-size: 23px; ;margin-bottom:25px; color: #555}
.header_gnb{height: auto; position: absolute;}



/* sub common */
section{ margin:0 auto;  text-align:center; position: relative; }
section > .container{ width:auto; margin:0 auto; box-sizing:border-box; background: white; margin-right: 110px; margin-left: 220px; box-sizing: border-box;
  min-height: 800px; padding-bottom: 100px; height:100%;}
.content{max-width:950px; margin:0 auto;}
.bottom_logo div{float: left; width:200px; background: white;}
.p_gray p{text-align: left; color: rgb(190, 190, 190); font-size: 15px;}
.top_con{width: 100%; padding-top: 60px; position: relative; color:black; max-width: 950px; margin:0 auto;}
.top_con h3{font-size: 45px; font-weight: 400; max-width: 950px; padding-bottom:30px}
.top_menu_3 li:nth-child(2){border-right: none}
.top_menu_2 ul li{float:left; width:50%; background: white; max-width: 950px; border: 1px solid #d6d6d6; box-sizing: border-box; font-size: 20px;
  font-weight: 400; color:#4E4E4E; cursor: pointer; padding:10px}
.top_menu_3 ul li{float:left; width:33.333333%; background: white; max-width: 950px; border: 1px solid #d6d6d6; box-sizing: border-box; font-size: 20px;
  font-weight: 400; color:#4E4E4E; cursor: pointer; padding:10px}
.top_menu_2 ul li:first-child,.top_menu_3 ul li:first-child{border-right:none}
.main_con{ background-color: #f5edec; position: relative;}
.title_1{padding-top:38px; padding-bottom:20px}
.title_1 p{color:#e46557; word-break: keep-all;}
.title_1 p span:not(:last-child){margin-right:15px}
.title_1 h2{color:#d34939; font-size: 48px; word-break: keep-all; }
.title_1 h4{font-size: 23px; color:#555; font-weight: 400; word-break: keep-all;}
.img_box img{width:100%}
.bottom_logo div img{width:100%}
.content > ul > li{display: none;}
.content > ul > li.on{display: block;}
.title_2{padding:35px 0}
.title_2 span{ color:#555 word-break: keep-all;}
.title_2 h2{font-size: 43px; color:#f85f4e; line-height: 53px; word-break: keep-all;}
.title_2 h2 span{color: #a09796; font-weight: 300;}
.title_2 p{text-align: center; margin-top:15px; word-break: keep-all;}
.title_2 h2 span.premium6{color:rgb(83, 83, 83); font-weight: 800; font-size: 50px;}
.title_2 ul.clearfix li{text-align: center;}
.sub > li a{line-height:30px}




@media screen and (max-width: 1360px){
  .content{padding:15px}
  .quick_call{cursor: pointer;}
  /* .quick{height:100%} */
  .quick_wrap ul{height:calc(100% - 317px)}
}

@media screen and (max-width: 992px){
 .pc{display: none;}
 .mobile{display: block;}
 #header_mobile{height:103px; background: #f16c5d; max-width: 640px; margin:0 auto; position: relative; z-index: 5;}
 .m_logo{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
 .mobile_box{display: none; color:white; box-sizing: border-box; position: relative; z-index: 1;}
 .mobile_box.on{display: block; background: #f16c5d; display: block; position: absolute; top:103px; left:0; width:100%}
 .mobile_box.on > li > a{background: #eb503f; display: block; width:100%; padding:10px 20px; box-sizing: border-box;}
 .mobile_box.on > li > .sub {padding:15px 20px;}
 .sub li a{font-size: 14px;}
 .mobile_menu button { background: transparent; width: 60px; height: 60px; position: absolute; left: 20px; top: 50%; border: none;
  transform: translateY(-50%); z-index: 999999; display: block; cursor: pointer; border:1px solid #ddd; padding:15px; box-sizing: border-box;}
 .mobile_menu button span { display: block; background: white; width: 100%;
  font-size: 0; height: 3px; padding: 0; }
  .mobile_menu button span:not(:last-child){ margin-bottom: 5px;}
  .m_call{position: absolute;
  top:50%; right:20px; transform: translateY(-50%); width:60px; height:60px;  border: 1px solid #ddd; box-sizing: border-box; cursor: pointer;}
  .m_call i.fas{color:white; border-radius: inherit; border:none; padding:15px; font-size: 30px; margin-left:7px}
  .mobile_box > li{float: left; width:50%}
  .sub li:not(:last-child){margin-bottom:5px}
  .top_con{padding-top:0}
  a img{width:100%}
  .title_2 h2,.title_2 h2 span{font-size: 35px}
  .title_2 p{font-size: 18px}
  br{display: none}
  .p_gray{margin-bottom: 10px}
  .top_con h3{padding-bottom:0}


/* sub common */
  table{width:100%;}
  .img_box{max-width:100%;}
  .bottom_logo div{width:33.333333%}
  .content{width:100%; margin:0 auto; padding:15px; box-sizing: border-box;}
  section > .container{margin-right: 0; margin-left: 0; max-width: 640px; margin:0 auto; padding:0}
  .title_1 h4{font-size: 18px; }
  .title_1 h2{font-size: 40px;}
  body{padding: 0!important;}
  .container{padding: 0!important;}
  .top_menu_2 ul li{background: none; border:none; width: inherit; font-size: 16px; padding:inherit; float: none; display: inline-block;}
  .top_menu_3 ul li{background: none; border:none; width: inherit; font-size: 16px; padding:inherit; float: none; display: inline-block;}
  .p_gray p{ font-size: 13px;}
  .top_con h3{font-size: 25px; line-height: 75px; background:#f5edec; margin-top:15px}
  .top_menu_2 ul li:first-child,.top_menu_3 ul li:not(:last-child){margin-right:20px}
  .top_menu_2,.top_menu_3{ width: 100%; background: white; border-bottom: 1px solid #ddd; line-height: 38px;}
  .main_con{background: white; max-width: 640px; margin:0 auto; padding:0; bottom:20px}
  .top_con .top_menu_3 > ul > li.on{border-bottom:3px solid #f85f4e!important; background: transparent; color: #4E4E4E}
  .top_con .top_menu_2 > ul > li.on{border-bottom:3px solid #f85f4e!important; background: transparent; color: #4E4E4E}
    #p_number{width:80px}
.title_1{padding-top:0}
.title_2 {padding: 10px;}


}
/* 헤더 끝*/

.board_list .btn_box { display:inline-block; width:100%; float:left; }
.board_list .btn_box .btn { display:inline-block; height:30px; padding:0 15px; background:#f85f4e; color:#fff; border:1px solid #f85f4e; border-radius:4px; line-height:28px; font-size:14px; float:right; }
.board_list .btn_box .btn:hover { background:#fff; color:#f85f4e; transition:all .2s; }
.pagination_box { display:inline-block; width:100%; text-align:center; float:left; }
.pagination { display:inline-block; }
.pagination>li { display:inline-block; float:left; }
.pagination>li>a, .pagination>li>span { padding:5px; background:transparent; border:none; font-size:16px; color:#000; line-height:24px; }
.pagination>li>a { position:relative; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:transparent !important; border:none !important; color:#f85f4e; font-size:18px; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color:#fff; border-color:#ddd; border-radius:100px; color:#888; }
.pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:0px; left:0; }

.admin_wrap .pagination>.active>span:focus, .pagination>.active>span:hover { color:#180072; }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #f85f4e;
    border-color: #f85f4e;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a !important;
}
.btn-danger:hover { background:#fff; color:#d43f3a; transition:all .2s; }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236 !important;
}
.btn-warning:hover { background:#fff; color:#eea236; transition:all .2s; }

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}