@charset "utf-8";

/*나눔고딕*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}



/***********공통************/

/*초기화값*/
html,body{font-family: 'Nanum Gothic' !important; letter-spacing:-0.025em; color:#333333;}
body, h1, h2, h3,h4, p, ul, dl, dd{margin: 0;padding: 0; letter-spacing:-0.025em; color:#333333;}
input[type=submit], input[type=button], button{cursor:pointer;}
ul,ol,li{list-style:none; padding: 0;}
/* 링크 기본값 */
a{ text-decoration: none; color: #222; letter-spacing:-0.025em; color:#333333;}
a:link,a:visited,a:hover,a:active{text-decoration:none !important;}
a:hover{}
a:focus{text-decoration:none !important;}
.wrap{width: 100%; max-width: 1200px; margin: 0 auto;}
.overflowhidden{overflow: hidden;}
.wp100{width: 100%;}


.dsnone{display:none;}
.clear{clear:both}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.blank{display: block;}

/*텍스트*/
.taL{text-align:left !important;}
.taL01{text-align:left !important;font-weight:normal}
.taL02{text-align:left !important; display:inline-block;}


.taC{text-align:center !important;}
.taR{text-align:right !important;}
.ftN{font-weight:normal !important;}
.ftB{font-weight:bold !important;}
.ftS{font-weight:normal !important;color:#6E6E6E;}

/*크기*/
.col-1 {width: 8.33%; float:left; box-sizing: border-box;}
.col-2 {width: 16.66%; float:left; box-sizing: border-box;}
.col-3 {width: 25%; float:left; box-sizing: border-box;}
.col-4 {width: 33.33%; float:left; box-sizing: border-box;}
.col-5 {width: 41.66%; float:left; box-sizing: border-box;}
.col-6 {width: 50%; float:left; box-sizing: border-box;}
.col-7 {width: 58.33%; float:left; box-sizing: border-box;}
.col-8 {width: 66.66%; float:left; box-sizing: border-box;}
.col-9 {width: 75%; float:left; box-sizing: border-box;}
.col-10 {width: 83.33%; float:left; box-sizing: border-box;}
.col-11 {width: 91.66%; float:left; box-sizing: border-box;}
.col-12 {width: 100%; float:left; box-sizing: border-box;}

.wp5{width: 5% !important;}
.wp10{width: 10% !important;}
.wp15{width: 15% !important;}
.wp20{width: 20% !important;}
.wp25{width: 25% !important;}
.wp30{width: 30% !important;}
.wp35{width: 35% !important;}
.wp40{width: 40% !important;}
.wp45{width: 45% !important;}
.wp50{width: 50% !important;}
.wp55{width: 55% !important;}
.wp60{width: 60% !important;}
.wp70{width: 70% !important;}
.wp80{width: 80%;}

.mar_t10{margin-top: 10px;}
.mar_t20{margin-top: 20px;}
.mar_b10{margin-bottom: 10px;}
.mar_b20{margin-bottom: 20px;}

.bcG{background-color: #d6d6d6 !important;}


/*부트스트랩 스타일 변경*/
p{margin-bottom: 0 !important;}
dl, ol, ul{margin-bottom: 0 !important;}
dl dt, dl dd{margin-bottom: 0 !important;}
caption{position: absolute; text-indent: -9999px; z-index: -1;}
.row{margin-left: 0 !important; margin-right: 0 !important;}
.page-link{padding: 0 !important; width: 30px !important; height: 36px !important; line-height: 34px !important;font-size: 12px; text-align: center;}
.page-link span{font-size: 18px; line-height: 1 !important;}


/**************스타일정의**************/
.btns{display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;}
.btns.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns.btn_2{border:1px solid #e40716; background: #e40716; color: white;}
.btns.btn_3{background: #868686; color: white;}
.btns.btn_4{}



.btn_type1{width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold;  background: #868686; color: white;}

.btns01{display: inline-block; width: 180px; height: 45px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;margin-bottom:40px;}
.btns01.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns01.btn_2{background: #e40716; color: white;}
.btns01.btn_3{background: #868686; color: white;}
.btns01.btn_4{}


.btns02{display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;margin-bottom:0px;}
.btns02.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns02.btn_2{border:1px solid #e40716; background: #e40716; color: white;}
.btns02.btn_3{background: #868686; color: white;}
.btns02.btn_4{}

.btns03{display: inline-block; width:100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;}
.btns03.btn_1{background: #ffffff; border: 1px solid #dbdbdb;}
.btns03.btn_2{background: #ffffff; border-left: none;border-right: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}


input[type=text].type1, input[type=password].type1,input[type=number].type1 {width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb; }
input[type=text].type1::placeholder,input[type=password].type1::placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type1::webkit-input-placeholder,input[type=password].type1::webkit-input-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type1::moz-placeholder,input[type=password].type1::moz-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type1:moz-placeholder,input[type=password].type1:moz-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type1::-ms-input-placeholder,input[type=password].type1::-ms-input-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type1:-ms-input-placeholder,input[type=password].type1:-ms-input-placeholder{color:#a4a4a4; font-size:14px;}
select.type1 {width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb;cursor: pointer;}
select.type1{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #ffffff url(/images/select_arrow.png) no-repeat 95% center; cursor: pointer;
  }
select.type1::-ms-expand{display: none;}
textarea.type1 {width: 100%;  box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb; color:#585858; }
/*

input.type1:focus{
  -webkit-box-shadow:0 0 5px #9ed4ff;
  -moz-box-shadow:0 0 5px #9ed4ff;
  box-shadow:0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
border-radius: 5px;
}
*/




input[type=password].type3 {width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border-bottom: 1px solid #dbdbdb;border-top:none; border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
input[type=text].type3::placeholder,input[type=password].type3::placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type3::webkit-input-placeholder,input[type=password].type3::webkit-input-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type3::moz-placeholder,input[type=password].type3::moz-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type3:moz-placeholder,input[type=password].type3:moz-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type3::-ms-input-placeholder,input[type=password].type3::-ms-input-placeholder{color:#a4a4a4; font-size:14px;}
input[type=text].type3:-ms-input-placeholder,input[type=password].type3:-ms-input-placeholder{color:#a4a4a4; font-size:14px;}

@media  all and (max-width:768px) {
input[type=text].type1, input[type=password].type1 {width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb; }
input[type=password].type3 {height: 30px;} 
}



span.type1 input[type="checkbox"] {display:none;}
span.type1 input[type="checkbox"] + label { cursor: pointer; margin-bottom: 0 !important;}
span.type1 input[type="checkbox"] + label::before{display:inline-block; width:20px; height:20px; margin-right: 3px;background:url(/images/check_off.png) no-repeat center 0; vertical-align:middle; cursor:pointer; content: "";}
span.type1 input[type="checkbox"]:checked + label::before{background:url(/images/check_on.png) no-repeat center 0;}

.tbl_wrap{width: 100%; overflow-x: auto;}
table.type1{width: 100%; font-size: 14px; border-top: 2px solid #868686; border-bottom: 2px solid #868686;}
table.type1 tr th, table.type1 tr td{height: 50px; padding:10px;border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; line-height: 1.3;}
table.type1 tr th{font-size: 14px; font-weight: normal; text-align: center; background: #f7f7f7; font-weight: bold;}
table.type1 tr td{text-align: center;}
table.type1 tr th:last-of-type, table.type1 tr td:last-of-type{border-right: 0;}




table.type2{width: 100%; font-size: 14px; border-top: 2px solid #868686; border-bottom: 2px solid #868686}
table.type2 tr th, table.type2 tr td{height: 50px; padding:10px;border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; line-height: 1.3;}
table.type2 tr th{font-size: 14px; font-weight: normal; text-align: center;  font-weight: bold;}
table.type2 tr td{text-align: center;font-weight: normal;border-left: 1px solid #dbdbdb;}
table.type2 tr th:last-of-type, table.type2 tr td:last-of-type{border-right: 0px solid #dbdbdb;}





table.type3{width: 100%; font-size: 14px; border-top: 2px solid #868686; border-bottom: 2px solid #868686}
table.type3 tr th, table.type3 tr td{height: 50px; padding:10px;border-bottom: 0px solid #dbdbdb; border-right: 0px solid #dbdbdb; line-height: 1.3;}
table.type3 tr th{font-size: 14px; font-weight: normal; text-align: center;  font-weight: bold;}
table.type3 tr td{text-align: center;}
table.type3 tr th:last-of-type, table.type3 tr td:last-of-type{border-right: 0;}



table.type5{width: 100%; font-size: 14px; border-top: 2px solid #868686; border-bottom: 2px solid #868686;}
table.type5 tr th, table.type5 tr td{height: 50px; padding:10px;border-bottom: 1px solid #dbdbdb; border-right: 0px solid #dbdbdb; border-left: 0px solid #dbdbdb; line-height: 1.3;}
table.type5 tr th{font-size: 14px; font-weight: normal; text-align: center; background: #f7f7f7; font-weight: bold;}
table.type5 tr td{text-align: center;}
table.type5 tr th:last-of-type, table.type5 tr td:last-of-type{border-right: 0;}


table.type7{width: 100%; font-size: 14px; border-top: 2px solid #868686; border-bottom: 2px solid #868686;}
table.type7 tr th, table.type7 tr td{height: 50px; padding:10px;border-bottom: 1px solid #dbdbdb; border-right: 0px solid #dbdbdb; line-height: 1.3;}
table.type7 tr th{font-size: 14px; font-weight: normal; text-align: center; background: #f7f7f7; font-weight: bold;}
table.type7 tr td{text-align: center;}
table.type7 tr th:last-of-type, table.type7 tr td:last-of-type{border-right: 0;}



@media all and (max-width:1024px) {
    .wrap{box-sizing: border-box; padding-left: 2.5%; padding-right: 2.5%;}
}
@media  all and (max-width:768px) {
    select.type1, input[type=text].type1, input[type=password].type1{height: 30px; line-height: 30px;}
    table.type1 tr th, table.type1 tr td{height: 40px;}
    .wrap{box-sizing: border-box; padding-left: 0; padding-right: 0;}
    table.type1 tr th, table.type1 tr td{font-size: 12px}
    .orderHistoryThead{font-size:10px;}
    .orderHistoryThead th{font-size:10px;width:90px;}
}



@media  all and (max-width:768px) {
    select.type2, input[type=text].type2, input[type=password].type1{height: 30px; line-height: 30px;}
    table.type2 tr th, table.type2 tr td{height: 40px;}
    .wrap{box-sizing: border-box; padding-left: 0; padding-right: 0;}
    table.type2 tr th, table.type2 tr td{font-size: 12px}
	

.btns{display: inline-block; width: 85px; height: 30px; line-height: 28px; text-align: center; font-size: 13px; font-weight: bold; box-sizing: border-box;}
.btns.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns.btn_2{border:1px solid #e40716; background: #e40716; color: white;}
.btns.btn_3{background: #868686; color: white;}
.btns.btn_4{}



.btn_type1{width: 85px; height: 35px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold;  background: #868686; color: white;}

.btns01{display: inline-block; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;margin-bottom:40px;}
.btns01.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns01.btn_2{background: #e40716; color: white;}
.btns01.btn_3{background: #868686; color: white;}
.btns01.btn_4{}


.btns02{display: inline-block; width: 85px; height: 35px; line-height: 30px; text-align: center; font-size: 13px; font-weight: bold; box-sizing: border-box;margin-bottom:0px;}
.btns02.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns02.btn_2{border:1px solid #e40716; background: #e40716; color: white;}
.btns02.btn_3{background: #868686; color: white;}
.btns02.btn_4{}

.btns03{display: inline-block; width:85px; height: 35px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;}
.btns03.btn_1{background: #ffffff; border: 1px solid #dbdbdb;}
.btns03.btn_2{background: #ffffff; border-left: none;border-right: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}

}


@media  all and (max-width:768px) {
    select.type5, input[type=text].type5, input[type=password].type5{height: 30px; line-height: 30px;}
    table.type5 tr th, table.type5 tr td{height: 40px;}
    .wrap{box-sizing: border-box; padding-left: 0; padding-right: 0;}
    table.type5 tr th, table.type5 tr td{font-size: 12px}
}


@media  all and (max-width:768px) {
    select.type7, input[type=text].type7, input[type=password].type7{height: 30px; line-height: 30px;}
    table.type7 tr th, table.type7 tr td{height: 40px;}
    .wrap{box-sizing: border-box; padding-left: 0; padding-right: 0;}
    table.type7 tr th, table.type7 tr td{font-size: 12px}
}


.h{height:150px;}
.sh{height:40px;}
/****************input타입변경*********************/
.file_input_textbox {float:left; width: 40%; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb;}
.file_input_div {position:relative;text-align:center; width:auto; height:50px; overflow:hidden;}
.file_input_img_btn {padding:0 0 0 5px;}
.file_input_img_btn01 {padding:0 0 0 5px;float:left;}
/* .file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;} */
.file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px;left:10px;width:90px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

@media all and (max-width:500px) {

.file_input_textbox {float:left; width: 20%; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb;}
.file_input_div {position:relative;text-align:center; width:auto; height:50px; overflow:hidden;}
.file_input_img_btn {padding:0 0 0 5px;float:left;width: 90%;}
.file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

}


/*********header********/
#header{box-sizing: border-box; border-bottom: 1px solid #dadada;}
#header .headerTop{box-sizing: border-box; padding: 10px 0; border-bottom: 1px solid #dadada;}
#header .headerTop ul{text-align: right;}
#header .headerTop ul li{display: inline-block; box-sizing: border-box; padding: 0 10px;position: relative;}
#header .headerTop ul li a{font-size: 13px; color: #868686; letter-spacing: -.025em;}
#header .headerTop ul li a b{font-weight: bold; color: black;}
#header .headerTop ul li.line::after{content: ""; display: block; position: absolute; right: -4px; height: 15px; border-right: 1px solid #cfcfcf; top: 7px; }
#header .wrap{position: relative; overflow: hidden;}
#header h1{float: left; margin: 20px 0;}

#gnb{float: right;}
#gnb li{float: left;}
#gnb li a{padding: 30px 20px; font-size: 17px; color: #333333; letter-spacing: -0.025em; font-weight: bold; display: block;}
#gnb li.on a{color: #dc870d;}
#gnb li:last-of-type a{padding-right: 0;}
#gnb .s_menu{display:none;}
.m_open,  .m_close{display: none;}
.m_gnb_wrap{display: none;}

/******************conatiner*********************/
.container{width: 100% !important; max-width: 100% !important; padding: 0; clear: both;}

/***********sub_depth***********/
.sub_depth{overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #dadada; padding: 10px 0;}
.sub_depth .wrap{overflow: hidden;}
.sub_depth ul{text-align: right;}
.sub_depth ul li{display: inline-block;  padding: 0 10px; position: relative;}
.sub_depth ul li a{display: block; font-size: 13px; color: #636363; letter-spacing: -0.025em;}
.sub_depth ul li a img{position: relative;}
.sub_depth ul li a::after{content: ""; display: block; width: 6px; height: 11px; background: url(/images/road_icon2.png) no-repeat center center; position: absolute; right: -7px; top: 6px;}
.sub_depth ul li:last-of-type{padding-right: 0;}

/***********lnb************/
.lnb{float: left; width: 25%; box-sizing: border-box; padding-right: 30px; margin-top: 40px;}
.lnb .lnb_title{box-sizing: border-box; height: 100px; width: 100%; display: flex; align-items: center; justify-content: center; background: url(/images/lnb_bg.png) no-repeat center center; background-size: cover;}
.lnb .lnb_title h2{color: white; font-size: 22px; font-weight: bold;}
.lnb ul{overflow: hidden; box-sizing: border-box; border: 1px solid #dadada; border-top: 0; border-bottom: 0;}
.lnb ul li{border-bottom: 1px solid #dadada; position: relative;}
.lnb ul li a{display: block; box-sizing: border-box; padding:20px; font-size: 16px; color: #333333; letter-spacing: -0.025em; line-height: 1;}
.lnb ul li.on a{color: #e50405; font-weight: bold;}
.lnb ul li.on a::after{content: ""; display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);width: 6px; height: 12px; background: url(/images/lnb_on.png) no-repeat center center; background-size: cover;}
.m_lnb{display: none;}


/***********content************/
.content{float: left; width: 75%; overflow: hidden; padding-bottom: 100px;}
/***content_title**/
.content_title{margin-top: 40px; min-height: 40px; border-bottom: 1px solid #868686;}
.content_title h3{font-size: 26px; font-weight: bold; color: #353535;}
.content_title01{margin-top: 40px; min-height: 40px; }
.content_title01 h3{font-size: 26px; font-weight: bold; color: #353535;text-align:center;margin-bottom:10px;}
.content_s_title{font-size: 15px;  color: #353535;text-align:center;min-height: 40px;margin-bottom:30px;}


/**********footer**********/
#footer{clear: both; box-sizing: border-box; border-top: 1px solid #dadada;}
#footer #footer_nav{overflow: hidden; padding: 30px 0;}
#footer #footer_nav>ul>li{width: 25%; float: left;}
#footer #footer_nav>ul>li>a{color: #343434; font-size: 16px; font-weight: bold; display:inline-block; margin-bottom: 25px; letter-spacing:-0.025em;}
#footer #footer_nav ul ul li a{color: #868686; font-size: 14px; padding: 5px 0; display:inline-block; letter-spacing:-0.025em;}

#footer .footer_sub{background: #f5f5f5; padding: 20px 0; overflow: hidden;}
#footer .footer_sub ul{text-align: center;}
#footer .footer_sub ul li{display: inline-block; padding: 0 32px; position: relative;}
#footer .footer_sub ul li::after{content: ""; display: block; width: 1px; height: 13px; border-right: 1px solid #a8a9a9; position: absolute; right: 0; top: 7px;}
#footer .footer_sub ul li:first-of-type{padding-left: 0;}
#footer .footer_sub ul li:last-of-type{padding-right: 0;}
#footer .footer_sub ul li:last-of-type::after{display: none;}
#footer .footer_sub ul li a{font-size: 13px; color: #343434; letter-spacing: -0.025em;}

#footer .info{ padding: 30px 0;}
#footer .info p, #footer .info small, #footer .info li, #footer .info a{font-size: 12px; color: #868686; letter-spacing: -0.025em; display: block; }
#footer .info .wrap{overflow: hidden; position: relative;}
#footer .info h1{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#footer .info .txt{box-sizing: border-box; padding-left: 220px;}






@media all and (max-width:768px) {
    .blind{display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; z-index:999; display: none;}
    #gnb, .headerTop{display: none;}
   .m_gnb_wrap{display: block;} 
    .m_close{position: absolute; right: -45px; top:10px; width:30px; height:30px; border: 0; background: url(/images/close.png); display: block;}
    #header h1{float: none; margin: 10px auto; width: 130px; }
    .m_gnb_wrap{position: fixed; top: 0; left: -350px; width: 70%; max-width: 300px; background: white; bottom: 0; z-index: 999;}
    .m_open{display: block; width: 30px; height: 23px; background: url(/images/menu_bar.png) no-repeat center center; border: 0; position: absolute; top: 23px; left: 2.5%;}
    .m_hd_top{background: #f2f2f2;  text-align: center; padding:10px 0;}
    .m_hd_top li:nth-of-type(1){font-size: 17px; display: block; }
    .m_hd_top li:nth-of-type(2), .m_hd_top li:nth-of-type(3){display: inline-block; position: relative;}
    .m_hd_top li:nth-of-type(2) a, .m_hd_top li:nth-of-type(3) a{font-size: 12px; padding:0 10px;}
    .m_hd_top li:nth-of-type(2)::after{content: ""; display: block; width: 1px; height: 10px; border-right: 1px solid #dadada; position: absolute; top: 8px; right: -3px;}
    #m_gnb{box-sizing: border-box;}
    #m_gnb ul li{border-bottom: 1px solid #f2f2f2;}
    #m_gnb ul li a{display: block; font-size: 14px; padding: 15px 20px; background: url(/images/road_icon2.png) no-repeat 90% center;}
    #m_gnb ul li.on>a{font-weight: bold; color: #e50405;}
    #m_gnb .s_menu{display:none; background:#f2f2f2; }

    .sub_depth{display: none;}
    .lnb{display: none;}
    .m_lnb{float: left; width: 25%; box-sizing: border-box; padding-right: 30px; margin-top: 40px; display: block;}
    .m_lnb .lnb_title{box-sizing: border-box; height: 100px; width: 100%; display: flex; align-items: center; justify-content: center; background: url(/images/lnb_bg.png) no-repeat center center; background-size: cover;}
    .m_lnb .lnb_title h2{color: white; font-size: 22px; font-weight: bold;}
    .m_lnb ul{overflow: hidden; box-sizing: border-box; border: 1px solid #dadada; border-top: 0; border-bottom: 0;}
    .m_lnb ul li{border-bottom: 1px solid #dadada; position: relative;}
    .m_lnb ul li a{display: block; box-sizing: border-box; padding:20px; font-size: 16px; color: #333333; letter-spacing: -0.025em; line-height: 1;}
    .m_lnb ul li.on a{color: #e50405; font-weight: bold;}
    .m_lnb{float: none; width: 100%; margin-top: 0; padding-right: 0;}
    .m_lnb ul li a{padding: 13px; text-align: center;}
    .m_lnb .select_box ul{display: none; position: absolute; top: 215px; left: 0; width: 100%; background: white; border-left: 0; border-right: 0; z-index: 100;}
    .m_lnb .select_box span{display: block; box-sizing: border-box; padding: 10px; text-align: center; border-bottom: 1px solid #dadada; position: relative;}
    .m_lnb .select_box span::after{ content: ""; display: block; position: absolute; top: 15px; right: 20px; transform: rotate(90deg);width: 6px; height: 12px; background: url(/images/lnb_on.png) no-repeat center center; background-size: cover;}
   
    .content{float: none; width: 100%; box-sizing: border-box; padding: 0 2.5%; padding-bottom: 50px;}
    
    #footer #footer_nav{padding:0 2.5%; padding-top:30px;padding-bottom: 0;}
    #footer #footer_nav>ul>li{width: 50%; padding-bottom: 30px;}
    #footer #footer_nav>ul>li:nth-of-type(3){clear: both; float: left;}
    #footer .footer_sub ul li{float: left; width: 33.33333%; padding: 5px 0;;}
    #footer .footer_sub ul li::after{display: none;}
    #footer .info{padding: 10px 0; padding-bottom: 20px;}
    #footer .info h1{position: static; transform: translate(0); display: block; width: 130px; margin: 0 auto;}
    #footer .info .txt{padding:0 2.5%;padding-top: 10px; text-align: center;}
}

@media all and (max-width:420px) {
    #footer #footer_nav>ul>li{width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dadada;}
    #footer #footer_nav{padding-top: 0px;}
    #footer #footer_nav>ul>li>a{margin-bottom: 10px;}
    #footer #footer_nav>ul>li:last-of-type{border-bottom: 0;}
    #footer .footer_sub ul li{width: 50%;}
}



/***********main**********/
.main{background: url(/images/main_visual.png) no-repeat center center; background-size: cover; height: 687px; display: flex; align-items: center; justify-content: center; flex-direction: column; float: none; width: 100%; padding-bottom: 0;}
.main .main_title{display: block; color: white; width: 100%; text-align: center; font-size: 30px; letter-spacing: -0.025em; margin-bottom: 90px;}
.main .main_con{overflow: hidden; max-width: 900px; margin: 0 auto;}
.main .main_con ul{overflow: hidden; }
.main .main_con ul li{float: left; width: 33.333333%; overflow: hidden; padding-bottom: 10px;}
.main .main_con ul li>div{width: 95%; margin: 0 auto; height: 307px; background: rgba(255,255,255,0.9); border-radius: 10px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; text-align: center;}
.main .main_con ul li>div>div{width: 100%;}
.main .main_con .img_area{min-height: 90px; width:100%;}
.main .main_con .txt_area{min-height: 90px; width:100%;}
.main .main_con .txt_area b{display: block; font-size: 18px; letter-spacing: -0.025em; margin-bottom: 14px; color: #353535;}
.main .main_con .txt_area p{font-size: 14px; letter-spacing: -0.025em; color: #353535;}
.main .main_con .go{width: 80%;max-width: 165px; height: 44px; display: block; line-height: 44px; text-align: center; background: #e50405; color: white; font-size: 15px; font-weight: bold; margin: 0 auto;}

@media all and (max-width:768px) {
    .main{box-sizing: border-box; padding: 50px 0; height:auto; display: block;}
    .main .main_title{font-size: 20px; margin-bottom: 30px;}
    .main .main_con ul li{float: none; width: 100%;}
    .main .main_con ul li>div{height: 260px;}
    .main .main_con .img_area{min-height: 70px;}
}

/*********sub3**********/
.big_content{}
.sub_3 .submit_btn{display: block; width: 100%; max-width: 400px; height: 58px; line-height: 58px; text-align: center; color: white; background: #e50405; font-size: 15px; font-weight: bold; margin: 0 auto; margin-top: 25px;}




/*********sub4**********/
.big_content{float: none; width: 100%;}
.sub_4 .con1{overflow: hidden; padding: 50px 0; border-bottom: 1px solid #dadada;}
.sub_4 .con1 .type1{background-color: transparent;z-index:10;top:0;left:0}
.sub_4 .con1 .divTimer{position:absolute;top:15px;right:15px;opacity:0.8;color:red;}
.sub_4 .con1 dl{float: left; width: 50%; display: flex; align-items: center; padding: 10px 0;}
.sub_4 .con1 dl.big{clear: both; width: 100%;}
.sub_4 .con1 dl.big dt{width: 15%;}
.sub_4 .con1 dl.big dd{width: 85%;}
.sub_4 .con1 dl.big .type1{max-width: 420px;}
.sub_4 .con1 dl dt{width: 30%; box-sizing: border-box; padding-left: 30px;} 
.sub_4 .con1 dl dd{width: 70%; box-sizing: border-box; }
/*.sub_4 .con1 dl dd .type1{max-width: 90%}*/
.sub_4 .con1 dl.right dt{box-sizing: border-box; padding-left: 30px;}
.sub_4 .con1 dl dt.required{position: relative;}
.sub_4 .con1 dl dt.required::before{content: "*"; display: inline-block; color: red; font-size: 15px;}
.sub_4 .con2{padding-top: 50px;}
.sub_4 .con2 textarea{max-height: 175px; border-radius: 5px; font-size: 14px; padding: 10px; margin-bottom: 20px;}
.sub_4 .con2-1{padding-bottom: 55px;} 
.sub_4 .con2 label{ font-size: 15px; letter-spacing: -0.025em; font-weight: bold;}
.sub_4 .con2 label::before{margin-right: 10px !important;;}
.submit_btn{display: block; width: 80%; max-width: 310px; height: 58px; line-height: 58px; text-align: center; color: white; background: #e50405; font-size: 15px; font-weight: bold; margin: 0 auto; margin-top: 85px;}
.sub_4 .btns.btn_1{width: 29%;height:42px;}
.sub_4 #idEtcTypeCodeHtml{width:38%;}
.sub_4 .con1 .ck_box{width: 100%;}
.sub_4 .con1 dl .ck_title{width: 17.5%}
.sub_4 .con1 dl .ck_title::before{content: "*"; display: inline-block; color: red; font-size: 15px;}
.sub_4 .con1 dl .checkbox{width: 100%}
.sub_4 .con1 dl .checkbox .ck_bx{display: inline-block; width: 16%}
.sub_4 .con1 dl .checkbox .ck_bx_sns{width: 12%}

@media all and (max-width:1200px) {
    .sub_4 .con1 dl{float: none; width: 100%;}
    .sub_4 .con1 dl dt{width: 20% !important; box-sizing: border-box; padding-left: 20px !important;;}
    .sub_4 .con1 dl dd{width: 70% !important;}
    .sub_4 .con1 dl dd .type1{width: 100% !important;}
    .sub_4 .con1 dl.big .type1{max-width: 100% !important;}
    .sub_4 .btns.btn_1{margin-top : 5px;width:100%;} 
    .sub_4 #idEtcTypeCodeHtml{width:100%;}
    .sub_4 .con1 dl .checkbox .ck_bx{width: 32%; line-height: 30px}
}
@media all and (max-width:768px) {
    .sub_4 .con1{padding: 30px 0;}
    .sub_4 .con1 dl dt{width: 40% !important;}
    .sub_4 .con1 dl dd{width: 60% !important;}
	.sub_4 .content_s_title{font-size: 12px;  color: #353535;text-align:center;min-height: 40px;margin-bottom:30px;}
	.sub_4 .submit_btn{display: block; width: 60%; max-width: 310px; height: 35px; line-height: 35px; text-align: center; color: white; background: #e50405; font-size: 12px; font-weight: bold; margin: 0 auto; margin-top: 55px;}
	.sub_4 .btns.btn_1{height:30px;margin-top:5px;}
	.sub_4 .con1 dl .checkbox .ck_bx{line-height: 10px; width: 100%}	
}



/*********sub_5**********/
.p_content_title01{border-bottom: 0; text-align: center; padding-top: 40px;padding:20px;}
.big_content{float: none; width: 100%;}

.sub_5 .con1{overflow: hidden;}
.sub_5 .con1 dl{float: left; width: 100%; display: flex; align-items: center; padding:10 0;text-align:center;}
.sub_5 .con1 dl.big{clear: both; width: 100%;}
.sub_5 .con1 dl.big dt{width: 85%;}
.sub_5 .con1 dl.big dd{width: 15%;}
.sub_5 .con1 dl.big .type1{max-width: 420px;background:red;}
.sub_5 .con1 dl dt{width: 60%; box-sizing: border-box; }
.sub_5 .con1 dl dd{width: 40%; box-sizing: border-box; }
.sub_5 .input[type=text].type1, input[type=password].type1 {width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; border: 1px solid #dbdbdb; }
.sub_5 .submit_btn{display: block; width: 80%; max-width: 310px; height: 49px; line-height: 49px; text-align: center; color: white; background: #e50405; font-size: 15px; font-weight: bold; margin: 0 auto; }







/*******sub_9*************/
.sub_9 .content_title{position: relative;}
.sub_9 .btn_area{ text-align: right; margin-top: 20px; margin-bottom: 10px;padding-right:0px;}

.sub_9 .con1{ padding-top: 60px;  letter-spacing: -0.025em; line-height: 1.2; }
.sub_9 .con1 b{font-size: 30px;color: #333333; display: block; text-align: center;}
.sub_9 .con1 p{font-size: 30px; text-align: center; margin-bottom: 30px !important; color: #333333;}
.sub_9 .con1 span{display: block; text-align: center; font-size: 16px; color: #333333}
.sub_9 .con1::after{content: ""; display: block; width: 100px; height: 2px; background: #e50405; margin: 30px auto; }

.sub_9 .con2{padding:0px;}
.sub_9 .con2>b{display: block; font-size: 20px; text-align: center; margin-bottom: 20px;}
.sub_9 .con2>ul{overflow: hidden;}
.sub_9 .con2>ul>li{float: left; width: 33.333333%; margin-bottom: 20px;}
.sub_9 .con2>ul>li:nth-of-type(4){clear: both; float: left;}
.sub_9 .con2>ul>li>div{width: 95%; box-sizing: border-box; border: 1px solid #dadada; margin: 0 auto;}
.sub_9 .con2{}
.sub_9 .con2 .con2-1{box-sizing: border-box; padding: 20px 0; text-align: center;}
.sub_9 .con2 .con2-1 p{color: #e50405; font-weight: bold; font-size: 15px;}
.sub_9 .con2  .con2-2{padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center;}
.sub_9 .con2  .con2-2 strong{color: #dc870d;}
.sub_9 .con2  .con2-2 select.type1 {width: 80%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 10px; font-size: 14px; border: 1px solid #dc870d;cursor: pointer;}

.sub_9 .con2 .con2-3{box-sizing: border-box; padding: 20px; }
.sub_9 .con2 .con2-3 li{font-size: 13px; box-sizing: border-box; padding-left: 10px; position: relative; margin-bottom: 4px;}
.sub_9 .con2 .con2-3 li::before{content: ""; display: block; width: 4px; height: 6px; background: url(/images/sub14_1.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 7px}
.sub_9 .con2>ul>li.on>div{border: 1px solid #e50405;}
.sub_9 .order_btn{width: 100%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; display: block; margin-top: 15px; background: #b1b1b1; color: white; font-weight: bold;}
 .sub_9 li.on .order_btn{background: #e50405;}

@media all and (max-width:768px) {
    .sub_9 .content_title .button_a{bottom: 20px;}
    .sub_9 .con1 b, .sub_9 .con1 p{font-size: 20px; word-break: keep-all}
    .sub_9 .con1 span{font-size: 14px;}
    .sub_9 .con2>ul>li{width: 50%;}
    .sub_9 .con2>ul>li:nth-of-type(4){clear: none; float: left;}
    .sub_9 .con2>ul>li:nth-of-type(3), .sub_9 .con2>ul>li:nth-of-type(5){clear: both; float: left;}
    .sub_9 .con2 .con2-2, .sub_9 .con2 .con2-1{padding: 10px 0;}
    .sub_9 .popup ul li{width: 50%;}
    .sub_9 .popup ul li:nth-of-type(2n){border:0;}
}
@media all and (max-width:420px) {
  	.sub_9 .con2>ul>li{width: 100%; float: none !important;} 
    .sub_9 .con2>ul>li:last-of-type{margin-bottom: 0;}
    .sub_9 .con2>ul>li>div{width: 100%;}
}




/*******sub_10*************/
.sub_10 .content_title{position: relative;}
.sub_10 .btn_area{ text-align: right; margin-top:10px; margin-bottom: 10px;padding-right:0px;}

.sub_10 .con1{ padding-top: 60px;  letter-spacing: -0.025em; line-height: 1.2; }
.sub_10 .con1 b{font-size: 30px;color: #333333; display: block; text-align: center;}
.sub_10 .con1 p{font-size: 30px; text-align: center; margin-bottom: 30px !important; color: #333333;}
.sub_10 .con1 span{display: block; text-align: center; font-size: 16px; color: #333333}
.sub_10 .con1::after{content: ""; display: block; width: 100px; height: 2px; background: #e50405; margin: 30px auto; }

.sub_10 .con2{}
.sub_10 .con2>b{display: block; font-size: 20px; text-align: center; margin-bottom: 20px;}
.sub_10 .con2>ul{overflow: hidden;}
.sub_10 .con2>ul>li{float: left; width: 33.333333%; margin-bottom: 20px;}
.sub_10 .con2>ul>li:nth-of-type(4){clear: both; float: left;}
.sub_10 .con2>ul>li>div{width: 95%; box-sizing: border-box; border: 1px solid #dadada; margin: 0 auto;}
.sub_10 .con2{}
.sub_10 .con2 .con2-1{box-sizing: border-box; padding: 20px 0; text-align: center;}
.sub_10 .con2 .con2-1 p{color: #e50405; font-weight: bold; font-size: 15px;}
.sub_10 .con2  .con2-2{padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center;}
.sub_10 .con2  .con2-2 strong{color: #dc870d;}
.sub_10 .con2  .con2-2 select.type1 {width: 80%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 10px; font-size: 14px; border: 1px solid #dc870d;cursor: pointer;}

.sub_10 .con2 .con2-3{box-sizing: border-box; padding: 28px; }
.sub_10 .con2 .con2-3 li{font-size: 13px; box-sizing: border-box; padding-left: 10px; position: relative; margin-bottom: 4px;}
.sub_10 .con2 .con2-3 li::before{content: ""; display: block; width: 4px; height: 6px; background: url(/images/sub14_1.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 7px}
.sub_10 .con2>ul>li.on>div{border: 1px solid #e50405;}
.sub_10 .order_btn{width: 100%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; display: block; margin-top: 15px; background: #b1b1b1; color: white; font-weight: bold;}
 .sub_10 li.on .order_btn{background: #e50405;}

@media all and (max-width:768px) {
    .sub_10 .content_title .button_a{bottom: 20px;}
    .sub_10 .con1 b, .sub_10 .con1 p{font-size: 20px; word-break: keep-all}
    .sub_10 .con1 span{font-size: 14px;}
    .sub_10 .con2>ul>li{width: 50%;}
    .sub_10 .con2>ul>li:nth-of-type(4){clear: none; float: left;}
    .sub_10 .con2>ul>li:nth-of-type(3), .sub_10 .con2>ul>li:nth-of-type(5){clear: both; float: left;}
    .sub_10 .con2 .con2-2, .sub_10 .con2 .con2-1{padding: 10px 0;}
    .sub_10 .popup ul li{width: 50%;}
    .sub_10 .popup ul li:nth-of-type(2n){border:0;}
}
@media all and (max-width:420px) {
  .sub_10 .con2>ul>li{width: 100%; float: none !important;} 
    .sub_10 .con2>ul>li:last-of-type{margin-bottom: 0;}
    .sub_10 .con2>ul>li>div{width: 100%;}
}




/*******sub_14*********/
.sub_14{}
.sub_14 .content_title{position: relative;}
 

.sub_14 .content_title .button_a{font-weight: bold;display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; border: 1px solid #dbdbdb; font-size: 14px; color: #333333; float: right; position: relative; bottom: 10px; background-color: red;}
.sub_14 .content_title .button_a img{margin-left: 5px; vertical-align: middle;}
.sub_14 .popup{position: absolute;top: 39px;/* width: 90%; *//* max-width: 490px; */box-sizing: border-box;border: 1px solid #333333;background: white;right: 0;padding: 20px 0;display: none;}
.sub_14 .popup>div{position: relative;}
.sub_14 .popup>div::before{content: ""; display: block; width: 12px; height: 7px; background: url(/images/sub14_pop_arrow.png) no-repeat center center; position: absolute; right: 50px; top: -27px;}
.sub_14 .popup ul{/* overflow: hidden; */display:grid;grid-template-columns: 1fr 1fr 1fr/*--210820---김혜인 수정--- 1fr;---*/}
.sub_14 .popup ul li{/* float: left; *//* width: 25%; */padding: 10px 0;box-sizing: border-box;/*--210820---김혜인 수정--- border-right: 1px solid #dadada; ---*/ }
.sub_14 .popup ul li:nth-of-type(4n){border-right: 0; }
.sub_14 .popup ul li:nth-of-type(5n){/* clear: both; *//* float: left; */}
.sub_14 .popup ul li:last-of-type{clear: none;}
.sub_14 .popup ul li a{/* display: inline-block; */width: 100%;height: 100%;box-sizing: border-box;padding: 7px 18px;font-size: 14px;letter-spacing: -0.025em;white-space:nowrap}
.sub_14 .popup ul li a:hover{color: inherit;}
.sub_14 .popup ul li.on a{color: #e50405;}

/*
.sub_14 .content_title .button_a{font-weight: bold;display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; border: 1px solid #dbdbdb; font-size: 14px; color: #333333; float: right; position: relative; bottom: 10px}
.sub_14 .content_title .button_a img{margin-left: 5px; vertical-align: middle;}
.sub_14 .popup{position: absolute; top: 39px; width: 90%; max-width: 490px; box-sizing: border-box; border: 1px solid #333333; background: white; right: 0; padding: 20px 0; display: none;}
.sub_14 .popup>div{position: relative;}
.sub_14 .popup>div::before{content: ""; display: block; width: 12px; height: 7px; background: url(/images/sub14_pop_arrow.png) no-repeat center center; position: absolute; right: 50px; top: -27px;}
.sub_14 .popup ul{overflow: hidden;}
.sub_14 .popup ul li{float: left; width: 25%; padding: 10px 0; box-sizing: border-box; border-right: 1px solid #dadada;}
.sub_14 .popup ul li:nth-of-type(4n){border-right: 0; }
.sub_14 .popup ul li:nth-of-type(5n){clear: both; float: left;}
.sub_14 .popup ul li:last-of-type{clear: none;}
.sub_14 .popup ul li a{display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 18px; font-size: 14px; letter-spacing: -0.025em;}
.sub_14 .popup ul li a:hover{color: inherit;}
.sub_14 .popup ul li.on a{color: #e50405;}
*/

.sub_14 .con1{ padding-top: 60px;  letter-spacing: -0.025em; line-height: 1.2; }
.sub_14 .con1 b{font-size: 30px;color: #333333; display: block; text-align: center;}
.sub_14 .con1 p{font-size: 30px; text-align: center; margin-bottom: 30px !important; color: #333333;}
.sub_14 .con1 span{display: block; text-align: center; font-size: 16px; color: #333333}
.sub_14 .con1::after{content: ""; display: block; width: 100px; height: 2px; background: #e50405; margin: 30px auto; }
.sub_14 .con1 #pingTestIpHtml{ text-align:center; font-weight:bold; color:#e50405; font-size:16px}
.sub_14 .con2{}
.sub_14 .con2>b{display: block; font-size: 20px; text-align: center; margin-bottom: 20px;}


.sub_14 .con2>ul {overflow: hidden;grid-template-columns: 1fr 1fr 1fr;display: grid;grid-auto-rows: minmax(auto, auto);}
.sub_14 .con2>ul>li{margin-bottom: 20px;}
.sub_14 .con2>ul>li:nth-of-type(4){}
/*
.sub_14 .con2>ul{overflow: hidden;}
.sub_14 .con2>ul>li{float: left; width: 33.333333%; margin-bottom: 20px;}
 .sub_14 .con2>ul>li:nth-of-type(4){clear: both; float: left;}
*/

.sub_14 .con2>ul>li>div{height:100%;width: 95%; box-sizing: border-box; border: 1px solid #dadada; margin: 0 auto;display: grid; grid-template-rows: 70px 75px auto;}
/*
.sub_14 .con2>ul>li>div{width: 95%; box-sizing: border-box; border: 1px solid #dadada; margin: 0 auto;}
*/
.sub_14 .con2{}
.sub_14 .con2 .con2-1{box-sizing: border-box;text-align: center;display: table;height: 100%;}
.sub_14 .con2 .con2-1 p{color: #e50405;font-weight: bold;font-size: 15px;display: table-cell;vertical-align: middle;padding:0 10px}
/*
.sub_14 .con2 .con2-1{box-sizing: border-box; padding: 20px 0; text-align: center;}
.sub_14 .con2 .con2-1 p{color: #e50405; font-weight: bold; font-size: 15px;}
*/

.sub_14 .con2  .con2-2{padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center;}
.sub_14 .con2  .con2-2 strong{color: #000000;line-height:35px;}
.sub_14 .con2  .con2-2 select.type1 {width: 80%; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0px 10px; font-size: 14px; border: 1px solid #dc870d;cursor: pointer;}

.sub_14 .con2 .con2-3 {box-sizing: border-box;padding: 20px; display: grid;grid-template-rows: auto 48px;}
/*
.sub_14 .con2 .con2-3{box-sizing: border-box; padding: 20px;}
*/
.sub_14 .con2 .con2-3 li{font-size: 13px; box-sizing: border-box; padding-left: 10px; position: relative; margin-bottom: 4px;}
.sub_14 .con2 .con2-3 li::before{content: ""; display: block; width: 4px; height: 6px; background: url(/images/sub14_1.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 7px}
.sub_14 .con2>ul>li.on>div{border: 1px solid #e50405;}
.sub_14 .inner{height:auto;min-height:180px}
/*
.sub_14 .inner{height:180px;}
*/
.sub_14 .order_btn{width: 100%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; display: block; margin-top: 15px; background: #b1b1b1; color: white; font-weight: bold;}
 .sub_14 li.on .order_btn{background: #e50405;}

@media all and (max-width:768px) {
    .sub_14 .content_title .button_a{bottom: 20px;}
    .sub_14 .con1 b, .sub_14 .con1 p{font-size: 20px; word-break: keep-all}
    .sub_14 .con1 span{font-size: 14px;}
        /*-------210820 김혜인 css 추가-----*/
        .sub_14 .con2>ul{grid-template-columns: 1fr 1fr}
        .sub_14 .con2>ul>li{width: 100%;}
         /*-------추가 끝-----*/
    .sub_14 .con2>ul>li:nth-of-type(4){clear: none; float: left;}
    .sub_14 .con2>ul>li:nth-of-type(3), .sub_14 .con2>ul>li:nth-of-type(5){clear: both; float: left;}
     .sub_14 .con2 .con2-2, .sub_14 .con2 .con2-1{padding: 10px 0;}
    .sub_14 .popup ul li{width: 50%;}
    .sub_14 .popup ul li:nth-of-type(2n){border:0;}
}
@media all and (max-width:420px) {
        /*-------210820 김혜인 css 추가-----*/
        .sub_14 .popup{width: 100%;}
        .sub_14 .popup ul li a{font-size: 12px;}
        .sub_14 .con2>ul{grid-template-columns: 1fr}
        /*-------추가 끝-----*/
  .sub_14 .con2>ul>li{width: 100%; float: none !important;} 
    .sub_14 .con2>ul>li:last-of-type{margin-bottom: 0;}
    .sub_14 .con2>ul>li>div{width: 100%;}
}


/*********sub_1819*********/

.sub_1819{}
.sub_1819 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;}
.sub_1819{overflow: hidden;}
.sub_1819 .con1{float: left; width: 48%;}
.sub_1819 .con2{float: right; width: 50%;}
.sub_1819 .plus_btn{display: inline-block; width: 23px; height: 23px; box-sizing: border-box; border: 1px solid #dbdbdb; background: url(/images/plus_btn.png) no-repeat center center; vertical-align: middle; margin-left: 15px;}
.sub_1819 .minus_btn{display: inline-block; width: 23px; height: 23px; box-sizing: border-box; border: 1px solid #dbdbdb; background: url(/images/minus_btn.png) no-repeat center center; vertical-align: middle; margin-left: 15px;}

.sub_1819 .import{color:#e72b2a;font-weight: bold;}


@media all and (max-width:768px) {
    .content_title{min-height: 30px;}
    .content_title h3{font-size: 20px;}
    .content_title01{margin-top: 20px; min-height: 20px; }
    .content_title01 h3{font-size: 20px;}
    .sub_1819 .con1, .sub_1819 .con2{float: none; width: 100%;}
    .sub_1819 .btn_area{margin-top: 10px;}
    .sub_1819 .con1{margin-bottom: 40px;}
}




/*******sub_21*************/
.sub_21{}
.sub_21 .content_title{position: relative;}
.sub_21 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;padding-right:0px;}

.sub_21 .content_title .button_a{display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; border: 1px solid #dbdbdb; font-size: 14px; color: #333333; float: right; position: relative; bottom: 10px}
.sub_21 .content_title .button_a img{margin-left: 5px; vertical-align: middle;}

.sub_21 .con1{ padding-top: 60px;  letter-spacing: -0.025em; line-height: 1.2; }
.sub_21 .con1 b{font-size: 30px;color: #333333; display: block; text-align: center;}
.sub_21 .con1 p{font-size: 30px; text-align: center; margin-bottom: 30px !important; color: #333333;}
.sub_21 .con1 span{display: block; text-align: center; font-size: 16px; color: #333333}
.sub_21 .con1::after{content: ""; display: block; width: 100px; height: 2px; background: #e50405; margin: 30px auto; }

.sub_21 .con2{}
.sub_21 .con2>b{display: block; font-size: 20px; text-align: center; margin-bottom: 20px;}
.sub_21 .con2>ul{overflow: hidden;}
.sub_21 .con2>ul>li{float: left; width: 33.333333%; margin-bottom: 20px;}
 .sub_21 .con2>ul>li:nth-of-type(4){clear: both; float: left;}
.sub_21 .con2>ul>li>div{width: 95%; box-sizing: border-box; border: 1px solid #dadada; margin: 0 auto;}
.sub_21 .con2{}
.sub_21 .con2 .con2-1{box-sizing: border-box; padding: 20px 0; text-align: center;}
.sub_21 .con2 .con2-1 p{color: #e50405; font-weight: bold; font-size: 15px;}
.sub_21 .con2  .con2-2{padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center;}
.sub_21 .con2  .con2-2 strong{color: #000000;line-height:35px;}
.sub_21 .con2  .con2-2 select.type1 {width: 80%; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0px 10px; font-size: 14px; border: 1px solid #dc870d;cursor: pointer;}

.sub_21 .con2 .con2-3{box-sizing: border-box; padding: 20px 20px 20px 28px;}
.sub_21 .con2 .con2-3 li{font-size: 13px; box-sizing: border-box; padding-left: 10px; position: relative; margin-bottom: 4px;}
.sub_21 .con2 .con2-3 li::before{content: ""; display: block; width: 4px; height: 6px; background: url(/images/sub14_1.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 7px;}
.sub_21 .con2>ul>li.on>div{border: 1px solid #e50405;height:160px;}
.sub_21 .inner{height:180px;}
.sub_21 .order_btn{width:100%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; display: block; margin-top: 15px; background:#e50405; color: white; font-weight: bold;}
.sub_21 .order_btn on{background: #e50405;}

@media all and (max-width:768px) {
    .sub_21 .content_title .button_a{bottom: 20px;}
    .sub_21 .con1 b, .sub_21 .con1 p{font-size: 20px; word-break: keep-all}
    .sub_21 .con1 span{font-size: 14px;}
    .sub_21 .con2>ul>li{width: 50%;}
    .sub_21 .con2>ul>li:nth-of-type(4){clear: none; float: left;}
    .sub_21 .con2>ul>li:nth-of-type(3), .sub_14 .con2>ul>li:nth-of-type(5){clear: both; float: left;}
     .sub_21 .con2 .con2-2, .sub_14 .con2 .con2-1{padding: 10px 0;}
    .sub_21 .popup ul li{width: 50%;}
    .sub_21 .popup ul li:nth-of-type(2n){border:0;}
}
@media all and (max-width:420px) {
  .sub_21 .con2>ul>li{width: 100%; float: none !important;} 
    .sub_21 .con2>ul>li:last-of-type{margin-bottom: 0;}
    .sub_21 .con2>ul>li>div{width: 100%;}

	.sub_21 .con2  .con2-2 select.type1 {width:90%; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0px 10px; font-size: 14px; border: 1px solid #dc870d;cursor: pointer;}

}





/*********sub_23*********/
.sub_23{}
.sub_23 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;}
.sub_23 .depth4_menu{box-sizing: border-box; border: 1px solid #dadada; margin-bottom: 16px;}
.sub_23 .depth4_menu>ul{overflow: hidden;}
.sub_23 .depth4_menu>ul>li{float: left; width: 33.3333333%; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; position: relative;}
.sub_23 .depth4_menu>ul>li a{display: block; width: 100%; height: 100%; padding: 20px 0; text-align: center; font-size: 15px; font-weight: bold;}
.sub_23 .depth4_menu>ul>li a:hover{color: inherit;}
.sub_23 .depth4_menu>ul>li:last-of-type{border-right: 0; }
.sub_23 .depth4_menu>ul>li.on a{color: #e50405;}
.sub_23 .depth4_menu>ul>li.on::after{content: ""; display: block; width: 100%; height: 3px; background: #e50405; position: absolute; left: 0; bottom: 0;}
.sub_23 .depth5_menu{background: #f9f9f9; box-sizing: border-box; padding: 7px 20px;}
.sub_23 .depth5_menu li{display: inline-block; box-sizing: border-box; padding: 0 17px; position: relative;}
.sub_23 .depth5_menu li a{font-size: 14px; font-weight: bold;}
.sub_23 .depth5_menu li a:hover{color: inherit;}
.sub_23 .depth5_menu li::after{content: ""; display: block; height: 13px; border-right: 1px solid #353535; position: absolute; top:6px; right: 0;}
.sub_23 .depth5_menu li:last-of-type::after{display: none;}
.sub_23 .middle_title{font-size: 24px; font-weight: bold; text-align: center; display: block; margin-bottom: 21px;}
.sub_23 .nav-tabs{width: 100%; margin-bottom: 30px !important; overflow: hidden;}
.sub_23 .nav-tabs li{width: 25%; text-align: center; box-sizing: border-box; border: 1px solid #dadada; border-right: 0;}
.sub_23 .nav-tabs .nav-link{border: 0; padding: 17px 0; background: #f3f3f3;}
.sub_23 .nav-tabs .nav-link.active{border: 0; background: #868686; color: white; border-radius: 0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:0; color: #333;}
.sub_23 .nav-tabs li a{height: 100%; display: block;}
.sub_23 .nav-tabs li:last-of-type{border-right: 1px solid #dadada;}
.sub_23 .con1{}
.sub_23 .strong_txt{display: block; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.sub_23 .con1 .box1{background: #f3f3f3; box-sizing: border-box; padding: 20px; text-align: center; font-size: 14px; line-height: 1.3; margin-bottom: 30px;}
.sub_23 .con2{overflow: hidden; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 30px 20px; display: flex; align-items: center; margin-bottom: 40px;}
.sub_23 .con2 img{flex:1; max-width:320px; margin-right: 5%;}
.sub_23 .con2 .txt{flex:1.3; width: 50%;}
.sub_23 .con2 .txt b{display: block; font-size: 16px; color: #e50405; font-weight: bold; margin-bottom: 20px;}
.sub_23 .con2 ul li{box-sizing: border-box; padding-left: 15px; position: relative; font-size: 14px; margin-bottom: 5px;}
/* .sub_23 .con2 ul li::before{content: ""; display: block; width: 4px; height: 4px; background: #e50405; position: absolute; left: 0; top: 8px; border-radius: 100px;} */
.sub_23 .con2 ul li::before{content: ""; display: block; width: 4px; height: 6px; background: url(/images/sub14_1.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 7px}

@media all and (max-width:768px) {
    .sub_23 .btn_area{margin-top: 10px;}
    .sub_23 .depth4_menu>ul>li a{padding: 10px 0;}
    .sub_23 .middle_title, .sub_23 .strong_txt{font-size: 14px;}
    .sub_23 .nav-tabs .nav-link{padding: 10px 0; font-size: 12px;}
    .sub_23 .con1 .box1 .blank{display: inline; word-break: keep-all;}
    .sub_23 .con2{display: block;}
    .sub_23 .con2 img{margin: 0 auto; display: block; max-width: 90%;}
    .sub_23 .con2 .txt{width: 100%; margin-top: 20px;}
    
    .sub_23 .depth4_menu>ul>li a{font-size:14px;}
    .sub_23 .depth5_menu li a{font-size:13px;}
    .sub_23 .con1 .box1{font-size:12px;}
    .sub_23 .con2 ul li{font-size:12px;}
}



/*********sub_2425*********/
.sub_24{}
.sub_24 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;}
.sub_24 .depth4_menu{box-sizing: border-box; border: 1px solid #dadada; margin-bottom: 16px;}
.sub_24 .depth4_menu>ul{overflow: hidden;}
.sub_24 .depth4_menu>ul>li{float: left; width: 33.3333333%; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; position: relative;}
.sub_24 .depth4_menu>ul>li a{display: block; width: 100%; height: 100%; padding: 20px 0; text-align: center; font-size: 15px; font-weight: bold;}
.sub_24 .depth4_menu>ul>li a:hover{color: inherit;}
.sub_24 .depth4_menu>ul>li:last-of-type{border-right: 0; }
.sub_24 .depth4_menu>ul>li.on a{color: #e50405;}
.sub_24 .depth4_menu>ul>li.on::after{content: ""; display: block; width: 100%; height: 3px; background: #e50405; position: absolute; left: 0; bottom: 0;}
.sub_24 .depth5_menu{background: #f9f9f9; box-sizing: border-box; padding: 7px 20px;}
.sub_24 .depth5_menu li{display: inline-block; box-sizing: border-box; padding: 0 17px; position: relative;}
.sub_24 .depth5_menu li a{font-size: 14px; font-weight: bold;}
.sub_24 .depth5_menu li a:hover{color: inherit;}
.sub_24 .depth5_menu li::after{content: ""; display: block; height: 13px; border-right: 1px solid #353535; position: absolute; top:6px; right: 0;}
.sub_24 .depth5_menu li:last-of-type::after{display: none;}
.sub_24 .middle_title{font-size: 24px; font-weight: bold; text-align: center; display: block; margin-bottom: 21px;}
.sub_24 .nav-tabs{width: 100%; margin-bottom: 30px !important; overflow: hidden;margin-top:20px;}
.sub_24 .nav-tabs li{width: 20%; text-align: center; box-sizing: border-box; border: 1px solid #dadada; border-right: 0;}
.sub_24 .nav-tabs .nav-link{border: 0; padding: 17px 0; background: #f3f3f3;}
 .sub_24 .nav-tabs .nav-link.active{border: 0; background: #868686; color: white; border-radius: 0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:0; color: #333;}
.sub_24 .nav-tabs li a{height: 100%; display: block;}
.sub_24 .nav-tabs li:last-of-type{border-right: 1px solid #dadada;}
.sub_24 .con1{}
.sub_24 .strong_txt{display: block; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.sub_24 .con1 .s_title{display: block;text-align: center;margin-bottom: 20px;}

.sub_24 .con1 .box1{background: #f3f3f3; box-sizing: border-box; padding: 20px; text-align: center; font-size: 14px; line-height: 1.3; margin-bottom: 30px;}
.sub_24 .con2{overflow: hidden; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 30px 20px; display: flex; align-items: center; margin-bottom: 40px;}
.sub_24 .con2 img{flex:1; max-width:320px; margin-right: 5%;}
.sub_24 .con2 .txt{flex:1.3; width: 50%;}
.sub_24 .con2 .txt b{display: block; font-size: 16px; color: #e50405; font-weight: bold; margin-bottom: 20px;}
.sub_24 .con2 ul li{box-sizing: border-box; padding-left: 15px; position: relative; font-size: 14px; margin-bottom: 5px;}
.sub_24 .con2 ul li::before{content: ""; display: block; width: 4px; height: 4px; background: #e50405; position: absolute; left: 0; top: 8px; border-radius: 100px;}

.sub_24 .con3 .box{border: 1px solid #f10101; padding: 30px 20px; display: flex; align-items: center;height:auto;}
.sub_24 .con3 .box_title{font-size: 16px; color: #e50405; font-weight: bold; margin-bottom: 30px;}
.sub_24 .con3 .box{font-size: 14px; }

@media all and (max-width:768px) {
    .sub_24 .btn_area{margin-top: 10px;}
    .sub_24 .depth4_menu>ul>li a{padding: 10px 0;}
    .sub_24 .middle_title{font-size: 17px;}
    .sub_24 .nav-tabs .nav-link{padding: 10px 0; font-size: 14px;}
    .sub_24 .con1 .box1 .blank{display: inline; word-break: keep-all;}
    .sub_24 .con2{display: block;}
    .sub_24 .con2 img{margin: 0 auto; display: block; max-width: 90%;}
    .sub_24 .con2 .txt{width: 100%; margin-top: 20px;}

	.sub_24 .con3 .box{border: 1px solid #f10101; padding: 30px 20px; display: flex; align-items: center;height:auto;}
    .sub_24 .con3 .box_title{font-size: 16px; color: #e50405; font-weight: bold; margin-bottom: 30px;}
    .sub_24 .con3 .box{font-size: 14px;height:150px;}
    .sub_24 .con3 img{margin: 0 auto; display: block; max-width: 90%;}

}



/*************sub_32**********/
.sub_32{}
.sub_32 .content_title{border-bottom: 0; margin-bottom: 30px;}
.sub_32 .con1{box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; position: relative;}
.sub_32 .con1 .left ul{text-align: center;}
.sub_32 .con1 .left ul li{display: inline-block; padding: 5px 10px; font-size: 15px; font-weight: bold;}
.sub_32 .con1 .left ul li a{ font-size: 15px; font-weight: bold;}
/*.sub_32 .con1 .left ul li span{display: block;}*/
.sub_32 .con1 .left ul li .type1{width: 145px;}
.sub_32 .con1 .left ul li span{padding-right: 10px;}

.sub_32 .con1 .left ul li:nth-of-type(2){position: relative;}
.sub_32 .con1 .left ul li:nth-of-type(2)::before{display: block; width: 1px; height: 15px; border-left: 2px solid #7a7a7a; position: absolute; left: 0; top: 20px;}
/*.sub_32 .con1 .left ul li:nth-of-type(2)::after{content: ""; display: block; width: 1px; height: 15px; border-left: 2px solid #7a7a7a; position: absolute; right: 0; top: 8px;}*/
.sub_32 .con1 .btns_wrap{position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
.sub_32 .con1 .btns_wrap .btns{vertical-align: middle;}
.sub_32 .con2 tbody th{width: 20%; border-right:1px solid #dbdbdb !important;}
.sub_32 .con2 tbody td span{display: block; width: 50%; float: right;}
.sub_32 .con2 tbody td span b{float: right; font-weight: normal;}
.sub_32 .con2 p{font-size: 13px; padding-top: 11px;}

.sub_32 .con3{padding-top: 40px;}
.sub_32 .con3 .boB_dark th, .sub_32 .con3 .boB_dark td{border-bottom: 1px solid #868686;}
.sub_32 .con3 .table1{}
.sub_32 .con3 .table2{margin-bottom: 20px; margin-top: 40px;}
.sub_32 .con3 tbody th{width: 40%; border-right:1px solid #dbdbdb !important;}
.sub_32 .con3 .txt{}
.sub_32 .con3 .txt ul{margin-bottom: 40px !important;}
.sub_32 .con3 .txt ul li{position: relative; box-sizing: border-box; padding-left: 17px; font-size: 15px; margin-bottom: 5px;}
.sub_32 .con3 .txt ul li span{position: absolute; left: 0; top: 0;}
.sub_32 .con3 .txt strong{display: block; font-size: 15px; margin-bottom: 50px;}
.sub_32 .con3 .txt p{text-align: right;}
.sub_32 .con3 .txt p span{padding: 0 10px;}

@media all and (max-width:1024px) {
    .sub_32 .con1 .left ul{float: left;}
}

@media all and (max-width:900px) {
    .sub_32 .content_title{padding-top: 0; margin-bottom: 30px;}
    .sub_32 .con1 .left ul li{display: block; margin:0 auto; padding: 6px 0; float: left; width: 33.333%; height: 60px; display: flex; align-items: center; justify-content: center;}
    .sub_32 .con1 .left ul li.btns{display: block;margin:0 auto; margin-bottom: 5px; height: auto;}
    .sub_32 .con1 .left ul li:nth-of-type(2)::before, .sub_32 .con1 .left ul li:nth-of-type(2)::after{display: none;}
    .sub_32 .tbl_wrap table{min-width: 600px;}
	.sub_32 .con1 .btns_wrap{position: absolute; right: 0px; top: 50%; transform: translateY(-50%)}
    .sub_32 .con1 .btns_wrap{transform: translate(0); top: 70px;}
    .sub_32 .con1{overflow: visible; margin-bottom: 60px}
    .sub_32 .con1 .left ul{float: none;}
    .sub_32 .con1{height: 60px}
    .sub_32 .con2 table th{min-width: 100px;}
    
}
@media all and (max-width:500px) {
    .sub_32 .con1 .left ul li{width: 100%; height: 40px;}
    .sub_32 .con1{height: 120px}
    .sub_32 .con1 .btns_wrap{top: 130px}
}




/*************sub_33**********/
.sub_33{}
.sub_33 .content_title{border-bottom: 0; text-align: center; padding-top: 70px; margin-bottom: 50px;}
.sub_33 .con1{box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 30px; position: relative;}
.sub_33 .con1 .left ul{text-align: center;}
.sub_33 .con1 .left ul li{display: inline-block; padding: 5px 10px; font-size: 15px; font-weight: bold;line-height:50px;}
.sub_33 .con1 .left ul li a{ font-size: 15px; font-weight: bold;}
/*.sub_33 .con1 .left ul li span{display: block;}*/
.sub_33 .con1 .left ul li .type1{width: 145px;}
.sub_33 .con1 .left ul li span{padding-right: 10px;}
.sub_33 .con1 .left ul li:nth-of-type(2){position: relative;}
.sub_33 .con1 .left ul li:nth-of-type(2)::before{content: ""; display: block; width: 1px; height: 15px; border-left: 2px solid #7a7a7a; position: absolute; left: 0; top: 22px;}
.sub_33 .con1 .btns_wrap{position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
.sub_33 .con1 .btns_wrap .btns{vertical-align: middle;}
.sub_33 .con2 tbody th{width: 20%; border-right:1px solid #dbdbdb !important;}
.sub_33 .con2 tbody td span{display: block; width: 50%; float: right;}
.sub_33 .con2 tbody td span b{float: right; font-weight: normal;}
.sub_33 .con2 p{font-size: 13px; padding-top: 11px;}

.sub_33 .con3{padding-top: 40px;}
.sub_33 .con3 .boB_dark th, .sub_32 .con3 .boB_dark td{border-bottom: 1px solid #868686;}
.sub_33 .con3 .table1{} 
.sub_33 .con3 .table2{margin-bottom: 20px; margin-top: 40px;}
.sub_33 .con3 tbody th{width: 40%; border-right:1px solid #dbdbdb !important;}
.sub_33 .con3 .txt{}
.sub_33 .con3 .txt ul{margin-bottom: 40px !important;}
.sub_33 .con3 .txt ul li{position: relative; box-sizing: border-box; padding-left: 17px; font-size: 15px; margin-bottom: 5px;}
.sub_33 .con3 .txt ul li span{position: absolute; left: 0; top: 0;}
.sub_33 .con3 .txt strong{display: block; font-size: 15px; margin-bottom: 50px;}
.sub_33 .con3 .txt p{text-align: right;}
.sub_33 .con3 .txt p span{padding: 0 10px;}

@media all and (max-width:1024px) {
    .sub_33 .con1 .left ul{float: left;}
}

@media all and (max-width:900px) {
    .sub_33 .content_title{padding-top: 0; margin-bottom: 30px;}
    .sub_33 .con1 .left ul li{display: block; margin:0 auto; padding: 6px 0; float: left; width: 33.333%; height: 60px; display: flex; align-items: center; justify-content: center;}
    .sub_33 .con1 .left ul li.btns{display: block;margin:0 auto; margin-bottom: 5px; height: auto;}
    .sub_33 .con1 .left ul li:nth-of-type(2)::before, .sub_32 .con1 .left ul li:nth-of-type(2)::after{display: none;}
    .sub_33 .tbl_wrap table{min-width: 600px;}
    .sub_33 .con1 .btns_wrap{transform: translate(0); top: 70px;}
    .sub_33 .con1{overflow: visible; margin-bottom: 60px}
    .sub_33 .con1 .left ul{float: none;}
    .sub_33 .con1{height: 60px}
    .sub_33 .con2 table th{min-width: 100px;}
    
}
@media all and (max-width:500px) {
    .sub_33 .con1 .left ul li{width: 100%; height: 40px;}
    .sub_33 .con1{height: 120px}
    .sub_33 .con1 .btns_wrap{top: 130px}
}


/*********sub_3536*********/
.sub_3536{box-sizing: border-box; padding-top: 40px; overflow: hidden;}
.sub_3536 .title_txt{font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px;}
.sub_3536 .con1{position: relative; width: 70%; float: left;}
.sub_3536 .con1 .btn_area{position: absolute; right: 0; top: 0px;}
.sub_3536 .con1 .btn_area .prev{width: 35px; height: 32px; border: 1px solid #dadada; box-sizing: border-box; background: url(/images/sub3536_1.png) no-repeat center center; position: relative; right: -5px}
.sub_3536 .con1 .btn_area .next{width: 35px; height: 32px; border: 1px solid #dadada; box-sizing: border-box; background: url(/images/sub3536_2.png) no-repeat center center;}
.sub_3536 .con1 ul{overflow: hidden;}
.sub_3536 .con1 ul li{float: left; width: 33.3333%; box-sizing: border-box;}
.sub_3536 .con1 ul li>a>div{box-sizing: border-box; border: 1px solid #dadada; width: 97%; margin: 0 auto;}
.sub_3536 .con1 ul li .img_area{display: flex; height: 130px; align-items: center; justify-content: center;}
.sub_3536 .con1 ul li .img_area span{font-size: 30px; font-weight: bold; color: white;}
.sub_3536 .tbl_wrap table{min-width: 500px;}
.sub_3536 .tbl_wrap1 table{min-width: 500px;}
/*
.sub_3536 .con1 ul li:nth-of-type(1) .img_area{background: url(/images/sub3536_3.png) no-repeat center center; background-size: cover;}
.sub_3536 .con1 ul li:nth-of-type(2) .img_area{background: url(/images/sub3536_4.png) no-repeat center center; background-size: cover;}
.sub_3536 .con1 ul li:nth-of-type(3) .img_area{background: url(/images/sub3536_5.png) no-repeat center center; background-size: cover;}
*/
.sub_3536 .con1 .txt_area{display: flex; align-items: center; justify-content: center; font-size: 16px; height: 50px; font-weight: bold;}
.sub_3536 .con1 .txt_area img{vertical-align: -1px; margin-left: 10px;}
.sub_3536 .con1-1{padding-bottom: 40px;}

.sub_3536 .con1-2{padding-bottom: 40px;}
.sub_3536 .con1-1 .slides{height: 182px;}
/* 
.sub_3536 .con1-2 .box{box-sizing: border-box; border: 1px solid #dadada; overflow: hidden; padding: 12px; display: flex; align-items: center; margin-bottom: 10px;}
.sub_3536 .con1-2 .box p{flex: 10; font-weight: bold; font-size: 15px; }
.sub_3536 .con1-2 .box p b{color: #e50405;}
.sub_3536 .con1-2 .box .btns{float: right;}
*/
.sub_3536 .con1-2 .btns{float: right; position: relative; bottom: 10px}
.sub_3536 .con1-3 .btns{float: right; position: relative; bottom: 10px}

.sub_3536 .con2{float: right; width: 28%}
.sub_3536 .con2 ul{box-sizing: border-box; border: 1px solid #dadada; background: #f7f7f7;}
.sub_3536 .con2 ul li{border-bottom: 1px solid #dadada; box-sizing: border-box; padding: 16px 30px; position: relative; padding-left: 0; min-height: 87px}
.sub_3536 .con2 ul li:last-of-type{border-bottom: 0; font-weight: bold; position: relative;}
.sub_3536 .con2 ul li:last-of-type .txt a{position: absolute; left: 100px; top: 50%; transform: translateY(-50%); height: auto;}

.sub_3536 .con2 ul li img{position: absolute; left: 30px; top: 50%; transform: translateY(-50%)}
.sub_3536 .con2 ul li .txt{box-sizing: border-box; padding-left: 100px;}
.sub_3536 .con2 ul li .txt dd{color: #e50405; font-size: 20px;}
.sub_3536 .con2 ul li a{display: block; width: 100%; height: 100%;}
.sub_3536 .con2 ul li a:hover{color: inherit;}

@media all and (max-width:1024px) {
    .sub_3536 .con2{float: none; width: 100%; padding-bottom: 30px;}
    .sub_3536 .con1{float: none; width: 100%;}
    .sub_3536 .con1 .txt_area{font-size: 14px; height: 40px;}
    .sub_3536 .con1-1 .slides{height: 556px;}
}

@media all and (max-width:768px) {
    .sub_3536 .con2 ul li{padding: 7px 30px; padding-left: 0; min-height: 70px;}
    .sub_3536 .con1 ul li .img_area span{font-size: 20px;}
    .sub_3536 .con1 ul li{width: 100%; float: none; margin-bottom: 20px;}
    .sub_3536 .con1 ul li:last-of-type{margin-bottom: 0;}
    .sub_3536 .con1 ul li>a>div{width: 100%;}
    .sub_3536 .tbl_wrap table{min-width: 800px;}
    .sub_3536 .tbl_wrap1{overflow-x: scroll !important;}
    .sub_3536 .tbl_wrap1 table{min-width: 500px;}
    .sub_3536 .con1-1 .slides{height: 556px;}
}



/*********sub37**********/
.sub_37. point{color:#e50405;}
.sub_37.none{font-weight:none;}
.sub_37 .required{content: "*"; display: inline-block; color: red; font-size: 15px;}
.sub_37 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;padding-right:0px;}
.sub_37. td{color:#e50405;}

.type1.ckbox1 {line-height: 50px;}   
.btns.btn_1.btn_emailCrtfc {float:right;visibility:hidden;margin-top:5px;} 
.txt-cut{min-width:50px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.delFile{vertical-align: top;display:inline-block;}

.type1.cmdCrtfcNo{background-color: transparent;z-index:10;top:0;left:0}
.divTimer{position:absolute;top:15px;right:15px;opacity:0.8;color:red;} 
@media all and (max-width:1024px) {
	.egovComFileList { width:300px;} 
}
@media all and (max-width:768px) {
	.egovComFileList { width:190px;} 
	.sub_37 .etc{width:100% !important;}
	.sub_37 .etcTypeCode{width:100% !important;}
}

/*******sub_41*******/
.paging>div{margin: 0 auto; display: inline-block;}
.paging a{display: block; float:left; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #dadada; line-height: 35px; font-size: 13px; vertical-align: middle; position: relative; border-left:0;}
.paging a.on, .paging a.on:hover{background-color: #e50405; color: white;}
.paging a:hover{background-color: #f2f2f2;}
.paging .prev_end{background: url(/images/paging_1.png) no-repeat center center; border-left: 1px solid #dadada;}
.paging .prev{background: url(/images/paging_2.png) no-repeat center center;}
.paging .next{background: url(/images/paging_3.png) no-repeat center center;}
.paging .next_end{background: url(/images/paging_4.png) no-repeat center center;}

.date_picker{position: relative; background: #fff url(/images/calender_icon.png) no-repeat 96% center;}

.sub_41 .con1 .box{background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; text-align: center; padding: 5px 10px; margin-top: 10px;}
.sub_41 .con1 dl{margin:0;padding-bottom:5px;display: inline-block;}
.sub_41 .con1 dl dt{display: inline-block; padding: 0 6px 10px;}
.sub_41 .con1 dl dd{display: inline-block; padding: 0px;margin:0px;}
.sub_41 .con1 .type1{height: 40px; line-height: 40px;}
.sub_41 .con1 select.type1{width: 110px;}
.sub_41 .con1 input.type1{width: 280px;}
.sub_41 .con1 input.type1.date_picker{width: 138px;}
.sub_41 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_41 .con2>div dl{float: right;}
.sub_41 .con2>div dl dt, .sub_41 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_41 .con2 select.type1{width: 70px; height: 40px; line-height: 40px;}
.sub_41 .btn_area{ text-align: right;padding-right:0px;}
.sub_41 .con1>div  a{display: inline-block;}
.sub_41 .tbl_wrap{overflow-x: scroll !important;}
.sub_41 .tbl_wrap table{min-width: 1000px;}

@media all and (max-width:1200px) {

}

@media all and (max-width:1024px) {
	.sub_41 .con1 dl{margin:0;padding-bottom:5px; font-size: 12px; display: inline-block;}
	.sub_41 .con1 .type1{height: 30px; line-height: 30px; font-size: 12px;}
	.sub_41 .con1 select.type1{width: 95px;}
	.sub_41 .con1 input.type1.date_picker{width: 108px;}
	.sub_41 .con1 dl dt{font-size:12px;}
	
}

@media all and (max-width:768px) {
 
}


/**********sub42***********/
.sub_42 .btn_area{ text-align: right; margin-top: 10px; margin-bottom: 10px;padding-right:0px;}
.sub_42. btns{display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box;}
.sub_42 .con1 .type1{height: 40px; line-height: 40px;}
.btns.btn_1{border: 1px solid #e40716; color: #e40716; background: white;}
.btns.btn_2{background: #e40716; color: white;}
.btns.btn_3{background: #868686; color: white;}
.btns.btn_4{}



/*******sub_44*******/
.sub_44{}
.paging{text-align: center; margin-top: 30px;}
.paging>div{margin: 0 auto; display: inline-block;}
.paging a{display: block; float:left; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #dadada; line-height: 35px; font-size: 13px; vertical-align: middle; position: relative; border-left:0;}
.paging a.on, .paging a.on:hover{background-color: #e50405; color: white;}
.paging a:hover{background-color: #f2f2f2;}
.paging .prev_end{background: url(/images/paging_1.png) no-repeat center center; border-left: 1px solid #dadada;}
.paging .prev{background: url(/images/paging_2.png) no-repeat center center;}
.paging .next{background: url(/images/paging_3.png) no-repeat center center;}
.paging .next_end{background: url(/images/paging_4.png) no-repeat center center;}

.date_picker{position: relative; background: #fff url(/images/calender_icon.png) no-repeat 96% center;}

.sub_44 .con1 .box{background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; text-align: center; padding: 5px 10px; margin-top: 10px;}
.sub_44 .con1 dl{display: inline-block;margin:0;padding:0;}
.sub_44 .con1 .type1{max-width: 120px; height: 40px; line-height: 40px;}
.sub_44 .con1 dl dt{display: inline-block; padding: 0 8px;}
.sub_44 .con1 dl dd{display: inline-block; padding: 0px;margin:0px;}
.sub_44 .con1 select.type1{width: 70px}
.sub_44 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_44 .con2>div dl{float: right;}
.sub_44 .con2>div dl dt, .sub_44 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_44 .con2 select.type1{width: 70px;}
.sub_44 .btn_area{ text-align: right;padding-right:0px;}

@media all and (max-width:1200px) {
    .sub_44 .con1 dl{display: block;margin:0;padding:0;}
    .sub_44 .con1 .type1{max-width: 120px;}
    .sub_44 .con1 select.type1{width: 80px;}
}

@media all and (max-width:1024px) {
    .sub_44 .con1 dl{width: 100%; display: block; padding: 5px 0; font-size: 13px;}
    .sub_44 .con1 .type1{max-width: 120px; height: 40px; line-height: 40px; font-size: 13px;}
    .sub_44 .con1 select.type1{width: 80px;}
    .sub_44 .btns.btn_2{margin-top: 5px;}
    .sub_44 .btns03{font-size: 12px;}
    
}
@media all and (max-width:768px) {
    .sub_44 .tbl_wrap{overflow-x: scroll !important;}
    .sub_44 .tbl_wrap table{min-width: 500px;}
    .sub_44 .con1 .type1{max-width: 110px; height: 30px; line-height: 30px; font-size: 12px;}
}

/**********sub45***********/
/* 2019.05.15, J.H Kim Start */
.sub_45{}
.sub_45 .con2>div{ overflow: hidden; margin-bottom: 10px; }
.sub_45 .con2>div dl{ float: left; }
.sub_45 .con2>div dl dt, .sub_45 .con2>div dl dd{ display: inline-block; }
.sub_45 .con2 type1{ font-size: 12px; }
.sub_45 .con2 select.type1{ width: 100%; height: 40px; line-height: 40px; }
.sub_45 .con2 input.type1{ float: left; max-width:70%; }
.sub_45 .con2 textarea{max-height: 175px; border-radius: 5px; font-size: 14px; padding: 10px; margin-bottom: 20px;}
.sub_45 .btn_area{ text-align: right; margin-top: 10px; padding-right:0px; }
.sub_45 .required{ content: "*"; display: inline-block; color: red; font-size: 14px; }
.sub_45 .tbl_wrap1 th{ width:20%; }
.sub_45 .btns.btn_3{ display: inline-block; }

@media all and (max-width:1200px) {
	.sub_45 .con2 input.type1{ float: left; max-width:100%; }
}

@media all and (max-width:1024px) {
	
}

@media all and (max-width:768px) {
    .sub_45 .tbl_wrap1 th{ width:14.5%; }
    .sub_45 .con2 type1{ font-size: 12px; }
    .sub_45 .con2 select.type1{ width: 85px; height: 30px; line-height: 30px; font-size: 12px; }
    .sub_45 .con2 input.type1{ float: left; max-width:100%; font-size: 12px;  vertical-align: middle !important; }
    .sub_45 .con2 input::placeholder { font-size: 12px; }
    .sub_45 .con2 textarea{ max-height: 175px; border-radius: 5px; font-size: 12px; padding: 10px; margin-bottom: 20px; }
    .sub_45 .btns.btn_3{ display: inline-block; margin-top: 5px; }
}
/* 2019.05.15, J.H Kim End */



/*******sub_48*******/
.sub_48{}
.paging{text-align: center; margin-top: 30px;}
.paging>div{margin: 0 auto; display: inline-block;}
.paging a{display: block; float:left; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #dadada; line-height: 35px; font-size: 13px; vertical-align: middle; position: relative; border-left:0;}
.paging a.on, .paging a.on:hover{background-color: #e50405; color: white;}
.paging a:hover{background-color: #f2f2f2;}
.paging .prev_end{background: url(/images/paging_1.png) no-repeat center center; border-left: 1px solid #dadada;}
.paging .prev{background: url(/images/paging_2.png) no-repeat center center;}
.paging .next{background: url(/images/paging_3.png) no-repeat center center;}
.paging .next_end{background: url(/images/paging_4.png) no-repeat center center;}

.date_picker{position: relative; background: #fff url(/images/calender_icon.png) no-repeat 96% center;}

.sub_48 .tbl_wrap{overflow-x: hidden !important;}
.sub_48 .con1 .box{background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; text-align: center; padding: 5px 0px; margin-top: 10px;}
.sub_48 .con1 dl{display: inline-block;margin:0;padding:0;}
.sub_48 .con1 .type1{max-width: 120px; height: 40px; line-height: 40px;}
.sub_48 .con1 dl dt{display: inline-block; padding: 0 8px;}
.sub_48 .con1 dl dd{display: inline-block; padding: 0px;margin:0px;}
.sub_48 .con1 select.type1{width: 90px}
.sub_48 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_48 .con2>div dl{float: right;}
.sub_48 .con2>div dl dt, .sub_48 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_48 .con2 select.type1{width: 70px;}
.sub_48 .btn_area{ text-align: right;padding-right:0px;}

@media all and (max-width:1024px) {
    .sub_48 .con1 dl{width: 100%; display: block; padding: 5px 0; font-size: 13px;}
    .sub_48 .con1 select.type1{width: 80px;}
    .sub_48 .btns{font-size: 12px; height: 30px; line-height: 30px;}
    .sub_48 .btns.btn_2{margin-top: 5px;}
    .sub_48 .con1 .type1{max-width: 120px; height: 30px; line-height: 30px; font-size: 12px;}
    .sub_48 .con2 select.type1{width: 70px; height: 30px; line-height: 30px; font-size: 12px;}
}
@media all and (max-width:768px) {
    .sub_48 .tbl_wrap{overflow-x: scroll !important;}
    .sub_48 .tbl_wrap table{min-width: 650px;}
}



/**********sub_52**********/
.sub_52{position: relative;}
.sub_52 .title_txt{font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px;}
.sub_52 .btn_area{text-align: right; position: absolute; right: 0; top: 90px;}
.sub_52 .btn_area .btns{vertical-align: middle;}
.sub_52 .con1{box-sizing: border-box; padding-top: 60px; padding-bottom: 40px;}
.sub_52 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_52 .con2>div dl{float: right;}
.sub_52 .con2>div dl dt, .sub_52 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_52 .con2 select.type1{width: 70px; height: 40px; line-height: 40px;}
.sub_52 .btn{box-sizing: border-box; border: 1px solid #bcbcbc; border-radius: 2px; background: #e8e8e8; padding-top: 3px; padding-bottom: 3px; font-size: 14px; font-weight: bold; color: #5f5f5f;}
.sub_52 .btn.btn_3{box-sizing: border-box; border: 1px solid #bcbcbc; border-radius: 2px; background: #ffffff; padding-top: 3px; padding-bottom: 3px; font-size: 14px; font-weight: bold; color: #5f5f5f;}

.sub_52 .import{color: #e50405; font-weight: bold; font-size: 18px;}

.sub_52 .con3{box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 20px;margin-top:20px; position: relative;}
.sub_52 .con3 .left ul{text-align: center; padding-left:50px;}
.sub_52 .con3 .left ul li{display: inline-block; padding: 5px 10px; font-size: 15px; font-weight: bold;}
.sub_52 .con3 .left ul li a{ font-size: 15px; font-weight: bold;}
.sub_52 .con3 .left ul li:nth-of-type(2){position: relative;}
.sub_52 .con3 .left ul li:nth-of-type(2)::before{content: ""; display: block; width: 1px; height: 15px; border-left: 2px solid #7a7a7a; position: absolute; left: -2px; top: 9px;}
@media all and (max-width:768px) {
    .sub_52 .title_txt{font-size: 16px;}
    .sub_52 .btn_area{position: static; margin-top: 10px;}
    .sub_52 .con1{padding-top: 10px;}
    .sub_52 .tbl_wrap table{min-width: 600px;}
    .sub_52 .con3 .left ul{padding-left:30px;}
}

/*******sub_54*******/
.sub_54{}
.paging{text-align: center; margin-top: 30px;}
.paging>div{margin: 0 auto; display: inline-block;}
.paging a{display: block; float:left; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #dadada; line-height: 35px; font-size: 13px; vertical-align: middle; position: relative; border-left:0;}
.paging a.on, .paging a.on:hover{background-color: #e50405; color: white;}
.paging a:hover{background-color: #f2f2f2;} 
.paging .prev_end{background: url(/images/paging_1.png) no-repeat center center; border-left: 1px solid #dadada;}
.paging .prev{background: url(/images/paging_2.png) no-repeat center center;}
.paging .next{background: url(/images/paging_3.png) no-repeat center center;}
.paging .next_end{background: url(/images/paging_4.png) no-repeat center center;}

.date_picker{position: relative; background: #fff url(/images/calender_icon.png) no-repeat 96% center;}

.sub_54 .con1 .box{box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 0px solid #dadada; margin-bottom: 10px; text-align: center; padding: 5px 10px; margin-top: 10px;}
.sub_54 .con1 dl{display: inline-block;margin:0;padding:0;}
.sub_54 .con1 .type1{max-width: 120px; height: 40px; line-height: 40px;}
.sub_54 .con1 dl dt{display: inline-block; padding: 0 8px;}
.sub_54 .con1 dl dd{display: inline-block; padding: 0px;margin:0px;}
.sub_54 .con1 select.type1{width: 70px}
.sub_54 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_54 .con2>div dl{float: right;}
.sub_54 .con2>div dl dt, .sub_54 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_54 .con2 select.type1{width: 70px;}
.sub_54 .btn_area{ text-align: right;padding-right:0px;}

@media all and (max-width:1200px) {
    .sub_54 .con1 .type1{max-width: 120px;}
}

@media all and (max-width:1024px) {
    .sub_54 .con1 dl{width: 100%; display: block; padding: 5px 0; font-size: 13px;}
    .sub_54 .con1 select.type1{width: 70px;}
    .sub_54 .btns{font-size: 12px; height: 30px; line-height: 30px;}
    .sub_54 .btns.btn_2{margin-top: 5px;}
    .sub_54 .con1 .type1{max-width: 120px; height: 30px; line-height: 30px; font-size: 12px;}
    .sub_54 .con2 select.type1{width: 70px; height: 30px; line-height: 30px; font-size: 12px;}
}
@media all and (max-width:768px) {
    .sub_54 .tbl_wrap{overflow-x: scroll !important;}
    .sub_54 .tbl_wrap table{min-width: 900px;}
}


/*******sub_55*******/
.sub_55{}
.paging{text-align: center; margin-top: 30px;}
.paging>div{margin: 0 auto; display: inline-block;}
.paging a{display: block; float:left; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #dadada; line-height: 35px; font-size: 13px; vertical-align: middle; position: relative; border-left:0;}
.paging a.on, .paging a.on:hover{background-color: #e50405; color: white;}
.paging a:hover{background-color: #f2f2f2;}
.paging .prev_end{background: url(/images/paging_1.png) no-repeat center center; border-left: 1px solid #dadada;}
.paging .prev{background: url(/images/paging_2.png) no-repeat center center;}
.paging .next{background: url(/images/paging_3.png) no-repeat center center;}
.paging .next_end{background: url(/images/paging_4.png) no-repeat center center;}

.date_picker{position: relative; background: #fff url(/images/calender_icon.png) no-repeat 96% center;}

.sub_55 .con1 .box{background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; text-align: center; padding: 5px 10px; margin-top: 10px;}
.sub_55 .con1 dl{display: inline-block;margin:0;padding:0;}
.sub_55 .con1 .type1{max-width: 120px; height: 40px; line-height: 40px;}
.sub_55 .con1 .type1.searchWrd{max-width: 250px; height: 40px; line-height: 40px;}
.sub_55 .con1 dl dt{display: inline-block; padding: 0 8px;} 
.sub_55 .con1 dl dd{display: inline-block; padding: 0px;margin:0px;} 
.sub_55 .con1 select.type1{width: 70px}
.sub_55 .con2>div{overflow: hidden; margin-bottom: 10px;}
.sub_55 .con2>div dl{float: right;}
.sub_55 .con2>div dl dt, .sub_55 .con2>div dl dd{display: inline-block;padding-left:10px;}
.sub_55 .con2 dl dd{display: inline-block; padding: 0px;margin:0px;} 
.sub_55 .con2 select.type1{width: 70px; height: 40px; line-height: 40px;}
.sub_55 .btn_area{ text-align: right;padding-right:0px;margin-top:10px; margin-bottom:10px;}


@media all and (max-width:1200px) {
    .sub_55 .con1 .type1{max-width: 70px;}
}

@media all and (max-width:1024px) {
    .sub_55 .con1 dl{width: 100%; display: block; padding: 5px 0;}
    .sub_55 .con1 select.type1{width: 80px;}
    .sub_55 .con1 .type1{max-width: 110px; height: 30px; line-height: 30px; font-size: 12px;}
    .sub_55 .con2 select.type1{max-width: 110px; height: 30px; line-height: 30px; font-size: 12px;} 
}
@media all and (max-width:768px) {
    .sub_55 .tbl_wrap{overflow-x: scroll !important;}
    .sub_55 .tbl_wrap table{min-width: 500px;}
    .paging a{width: 25px; height: 25px; line-height: 25px; }
    
    .sub_55 .con1 dl dt{font-size:14px;}
    .sub_55 .con1 dl dd .type1{max-width:70px;} 
    .sub_55 .con1 dl dd.searchWrd{display:block;margin-top:5px;}
    .sub_55 .con1 dl dd.searchWrd .type1{max-width:150px;} 
}


/*********2829**********/
.sub_2829 .submit_btn{display: block; width: 100%; max-width: 310px; height: 58px; line-height: 58px; text-align: center; color: white; background: #e50405; font-size: 15px; font-weight: bold; margin: 0 auto; margin-top: 55px;}



/*********madal**********/
.modal { text-align: center; }
.modal-header{ border:none; height:10px; }
.modal-body{ text-align:center; }

.modal{width: 100%; overflow-x: auto;}
/* 2019.05.13, J.H Kim Start */
.modal-body .con1 .box{ background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; text-align: center; padding: 5px 10px; margin-top: 10px; font-size: 13px; }
.modal-body .con1 .type1{ max-width: 113px; height: 40px; line-height: 40px; font-size: 13px; }
.modal-body .con1 dl{ display: inline-block; margin:0; padding:0; }
.modal-body .con1 dl dt{ display: inline-block; padding: 0 8px; }
.modal-body .con1 dl dd{ display: inline-block; padding: 0px; margin:0px; }
.modal-body .btns.btn_2{ margin-top: 1px; }
.modal-body .con2>div{ overflow: hidden; margin-bottom: 10px; }
.modal-body .con2>div dl{ float: right; }
.modal-body .con2>div dl dt, .modal-body .con2>div dl dd{ display: inline-block; padding-left:10px; }
.modal-body .con2 select.type1{ width: 70px; height: 40px; line-height: 40px; }
.modal-body .btn_area{ text-align: right; padding-right:0px; }

/* 2020.04.16 박상용 */
.modal-body .modal-body-text p{font-size: 16px;color: #1b1b1b;font-weight: 400;line-height: 22px;margin: 25px auto 25px; text-align:left;}
.modal-body .modal-body-text b{font-size: 20px;}

.modal-body .modal2-body-text p{font-size: 16px;color: #1b1b1b;font-weight: 400;line-height: 22px;margin: 25px auto 25px; text-align:left;}
.modal-body .modal2-body-text b{font-size: 20px;}

.modal-body .modal3-body-text p{font-size: 16px;color: #1b1b1b;font-weight: 400;line-height: 22px;margin: 25px auto 25px; text-align:left;}
.modal-body .modal3-body-text b{font-size: 20px;}

table.type6{ width: 100%; font-size: 13px; border-top: 2px solid #868686; border-bottom: 2px solid #868686; }
table.type6 tr th, table.type6 tr td{ height: 50px; padding:10px;border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; line-height: 1.3; }
table.type6 tr th{ font-size: 13px; font-weight: normal; text-align: center; background: #f7f7f7; font-weight: bold; }
table.type6 tr td{ text-align: center; }
table.type6 tbody tr:hover{ background: #e50405; color:#fff; cursor: pointer; }
table.type6 tr th:last-of-type, table.type6 tr td:last-of-type{ border-right: 0; }
/* 2019.05.13, J.H Kim End */

table.type4{width: 100%; font-size: 14px;}
table.type4 tr th, table.type4 tr td{width:auto;height: 50px;  padding:0px;line-height: 1.3;}
table.type4 tr th{ margin:0px;padding-left:20px;width:65%;}
table.type4 tr td{text-align: left;font-weight: normal;margin:0px;padding-left:5px;}


.pop-title{ font-size: 25px; font-weight: bold; text-align:center; line-height:50px; width:100%; }
 
@media screen and (min-width: 998px) { 
	.modal:before {
	        display: inline-block;
	        vertical-align: middle;
	        content: " ";
	        height: 100%;
	}
}

.modal-dialog{ display: inline-block; text-align: left; vertical-align: middle; }

@media (max-width: 1024px) {
	.modal-body .con1 .type1{ height: 30px; line-height: 30px; font-size: 13px; }
	.modal-body .con2 select.type1{ width: 55px; height: 30px; line-height: 30px; }
}

@media (max-width: 600px) {
    .modal { width:100%; margin-top:40%; }
    .modal-dialog{ display: block; }
    
    /* 2019.05.13, J.H Kim Start */
    .modal-body .con1 .box{ background: #f7f7f7; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid #dadada; background: #f7f7f7; margin-bottom: 10px; padding: 5px 10px; margin-top: 10px; font-size: 12px; }
    .modal-body .con1 dl{ display: block; margin:0; padding: 0px; }
    .modal-body .con1 dl dt{ padding: 0px; }
    .modal-body .con1 dl dd{ padding: 0px; margin: 5px; }
    .modal-body .con1 .type1{ max-width: 168px; height: 30px; line-height: 30px; font-size: 12px; }
    .modal-body .con2 select.type1{ width: 55px; height: 30px; line-height: 30px; }
    .modal-body .btns.btn_2{ margin-top: 5px; }
    .modal-body .btn_area{ text-align: right; padding-right:0px; }
    
    select.type6, input[type=text].type6, input[type=password].type6{height: 30px; line-height: 30px;}
    table.type6 tr th, table.type6 tr td{height: 40px;}
    .wrap{box-sizing: border-box; padding-left: 0; padding-right: 0;}
    table.type6 tr th, table.type6 tr td{font-size: 12px}
    /* 2019.05.13, J.H Kim End */
}

/* 2021.07.16 퀵메뉴 박상용 S*/
.quick_menu{position: fixed;bottom: 50px; left: 50%; margin-left: 850px; z-index: 9999;}
.quick_menu>ul>li{margin-bottom: 10px;background-color: #000;border-radius: 30px;width: 65px;height: 65px;border: 1px solid #000;}
.quick_menu>ul>li p{color: #FFF; text-align: center; font-size: 14px;}
.quick_menu>ul>li img{display: block;margin: 0 auto;padding-top: 8px;}
.quick1{
    margin-left: 16px;
    margin-top: 5px;
    width: 30px; height: 30px;
    background: url('/images/home.png')  0 -60px;
    z-index: 9999
}

.quick2{
    margin-left: 16px;
    margin-top: 6px;
    width: 30px; height: 30px;
    background: url('/images/invoice.png') -60px -30px;
}

.quick3{
    margin-left: 16px;
    margin-top: 6px;
    width: 30px; height: 30px;
    background: url('/images/ticket.png') -60px -0;
}

.quick4{
    margin-left: 16px;
    margin-top: 6px;
    width: 30px; height: 30px;
    background: url('/images/order.png') -60px -0;
}

@media all and (max-width:1200px){
    .quick_menu{display: none}
}
/* 퀵메뉴 E*/

/* 캡챠 추가 20220406 김보성 */
.wrap .content .chapcha{margin: 30px auto; display: flex; align-items: center; width: 320px}
.chapcha>div{margin: auto;}
.wrap .content .chapcha input[type="button"] {
    display: block;
    width: 120px;
    height: 30px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    /* line-height: 49px; */
    /* border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-appearance: none; */
    margin: 5px;
    cursor: pointer;
    border: 1px solid #e40716;
    color: #e40716;
    background: white;
}
.wrap .content .chapchaCheck {
    margin: 20px auto;
    text-align: center;
}
.wrap .content .chapchaCheck input[type="text"] {
    display: inline-block;
    width: 30%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}
.wrap .content .chapchaCheck input[type="button"] {
    width:130px;
    margin: 0 20px;
    display: inline-block;
    border: 1px solid #e40716;
    color: #e40716;
    background: white;
}

@media all and (min-width:1500px){
.divpopup{position:fixed;left:200px;top:200px;width:420px;height:470px;z-index:100;filter:alpha(opacity=80);line-height:0px;vertical-align:middle;text-align:center;}
}
@media all and (max-width:1499px){
.divpopup{display:none}
}