@charset "utf-8";

.bg_r{ background: red;}
.bg_b{ background: blue;}

input:focus {outline:none; border-color: inherit;}
input , button , select , textarea {outline: none;}

.content_area {
    padding: 0 30px 30px 30px;
/*
	margin: 0 auto;
*/
}

.flexBox {
    display: flex;
    display: -webkit-flex;
    /*display: -ms-col;*/
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		margin: 0 auto;
overflow: hidden !important;
}
.col12 {
    width: 100%;
}

.col11_R {
    width:calc(11/12*100% - 6px); 
    margin-right:6px;
}
.col11_M {
    width:calc(11/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col11_L {
    width:calc(11/12*100% - 6px); 
    margin-left:6px;
}

.col10_R {
    width:calc(10/12*100% - 6px); 
    margin-right:6px;
}
.col10_M {
    width:calc(10/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col10_L {
    width:calc(10/12*100% - 6px); 
    margin-left:6px;
}

.col9_R {
    width:calc(9/12*100% - 6px); 
    margin-right:6px;
}
.col9_M {
    width:calc(9/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col9_L {
    width:calc(9/12*100% - 6px); 
    margin-left:6px;
}

.col8_R {
    width:calc(8/12*100% - 6px); 
    margin-right:6px;
}
.col8_M {
    width:calc(8/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col8_L {
    width:calc(8/12*100% - 6px); 
    margin-left:6px;
}

.col7_R {
    width:calc(7/12*100% - 6px); 
    margin-right:6px;
}
.col7_M {
    width:calc(7/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col7_L {
    width:calc(7/12*100% - 6px); 
    margin-left:6px;
}

.col6_R {
    width:calc(6/12*100% - 6px); 
    margin-right:6px;
}
.col6_M {
    width:calc(6/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col6_L {
    width:calc(6/12*100% - 6px); 
    margin-left:6px;
}
.col5_R {
    width:calc(5/12*100% - 6px); 
    margin-right:6px;
}
.col5_M {
    width:calc(5/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col5_L {
    width:calc(5/12*100% - 6px); 
    margin-left:6px;
}

.col4_R {
    width:calc(4/12*100% - 6px); 
    margin-right:6px;
}
.col4_M {
    width:calc(4/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col4_L {
    width:calc(4/12*100% - 6px); 
    margin-left:6px;
}


.col3_R {
    width:calc(3/12*100% - 6px); 
    margin-right:6px;
}
.col3_M {
    width:calc(3/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col3_L {
    width:calc(3/12*100% - 6px); 
    margin-left:6px;
}


.col2_R {
    width:calc(2/12*100% - 6px); 
    margin-right:6px;
}
.col2_M {
    width:calc(2/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col2_L {
    width:calc(2/12*100% - 6px); 
    margin-left:6px;
}

.col1_R {
    width:calc(1/12*100% - 6px); 
    margin-right:6px;
}
.col1_M {
    width:calc(1/12*100% - 12px); 
    margin-right:6px;
    margin-left:6px;
}
.col1_L {
    width:calc(1/12*100% - 6px); 
    margin-left:6px;
}


.input_h30_r5 {
    height: 30px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding:0 10px;
    box-sizing:border-box;
}

.input_h35_r5 {
    height: 35px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding:0 10px;
    box-sizing:border-box;
}

.input_h40_r5 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding:0 10px;
    box-sizing:border-box;
}

.select_h30_r5 {
    height: 30px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding-left:10px; 
    padding-right:5px; 
    box-sizing:border-box;
}

.select_h35_r5 {
    height: 35px;
     color: #868e96; 
   border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding-left:10px; 
    padding-right:5px; 
    box-sizing:border-box;
}

.select_h40_r5 {
    min-height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding-left:10px; 
    padding-right:5px; 
    box-sizing:border-box;
}


.input_st01 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding:0 10px;
    box-sizing:border-box;
}

.input_st02 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:0;
    background: #fff;
    padding:0 10px;
    margin-right:-1px;
    margin-left:-1px;
    box-sizing:border-box;
}

.input_st03 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:0 5px 5px 0;
    background: #fff;
    padding:0 10px;
    margin-left:-1px;
    box-sizing:border-box;
}



.select_st01 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #fff;
    padding-left:10px; 
    padding-right:5px; 
    box-sizing:border-box;
}
.select_st02 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    background: #fff;
    padding-left:10px; 
    margin-right:-1px;
    margin-left:-1px;
    box-sizing:border-box;
}
.select_st03 {
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:0 5px 5px 0;
    background: #fff;
    padding-left:10px; 
    margin-left:-1px;
    box-sizing:border-box;
}

.input_zipcode{
    height: 40px;
    color: #868e96; 
    border: 1px solid #ededed;
    border-radius:5px;
    background: #e9ecef;
    padding:0 10px;
    box-sizing:border-box;
}



[class^="select_st"], [class^="select_h"] option{
	padding:10px 0;
}


/*
.search_area {
    position: relative;
}
.search_area .btn_search{
    position: absolute;
    right: 0;
    top:0;
}
*/

.ul_li_row	{position: relative;}
.ul_li_row > li{display: inline-block;}
.ul_li_row > li:last-child{position: absolute;right: 0;top:0;}
.ul_li_row > li ul { position: relative;}
.ul_li_row > li ul > li {display:inline-block;}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/




@media (max-width: 767px) {


	.content_area {
		padding: 0 10px 15px 15px;
/*
		margin: 0 auto;
		overflow: hidden !important;
*/
}

     /**  개별적용 **/

     .flexBox [class^="col"] {
		width:calc(100%); 
		margin:0px;
		padding:0px;
		margin: 0 auto;
    }

     .flexBox [class^="col"] label {
        text-align:left !important;
		font-weight:700;
     }

	[class^="input_st"], [class^="select_st"], [class^="input_h"], [class^="select_h"]	{width:100%}


    /** 테이블 **/
    .table_area {
        overflow-x: scroll; 
        padding-bottom: 10px; 
    }
    .table_area table {
        min-width: 900px !important;
    } 

.roundBox .box_body .box_gray .count_info li {
    width: 100% !important;
}




.ul_li_row	{position: relative;}
.ul_li_row > li{display: block;margin-top:10px;width:100%;}
.ul_li_row > li:first-child{position: relative;display: block;margin-top:0px;}
.ul_li_row > li:last-child{position: relative;}
.ul_li_row button{width:100%;}

.ul_li_row > li ul {width:100%;  position: relative;}
.ul_li_row > li ul > li {display:inline-block;width:100%;}
.ul_li_row > li ul > li:first-child{width:calc(50% - 6px);margin-right:4px;}
.ul_li_row > li ul > li:last-child{width:calc(50% - 6px);margin-left:4px;}

.ul_li_row > li ul.ul_li_date {width:100%;  position: relative;}
.ul_li_row > li ul.ul_li_date > li {display:inline-block;width:100%;padding:0px; margin:0px; text-align:center;}
.ul_li_row > li ul.ul_li_date > li:nth-child(1){width:calc(45% - 6px);margin-right:2px;}
.ul_li_row > li ul.ul_li_date > li:nth-child(2){width:calc(10% - 4px);margin-left:2px;margin-right:2px;}
.ul_li_row > li ul.ul_li_date > li:nth-child(3){width:calc(45% - 6px);margin-left:2px;}


/*
.ul_li3 > li > .ul_li_sub {width:100%;}
.ul_li3 > li > .ul_li_sub > .li_per50_R {   width:calc(6/12*100% - 6px);    margin-right:6px;}
.ul_li3 > li > .ul_li_sub > .li_per50_L {    width:calc(6/12*100% - 6px);     margin-left:6px;}
*/
}

/* 
	[class^="btn_gray28"],[class^="btn_gray28"],[class^="btn_skyblue28"],[class^="btn_purple28"]{ height:20px; line-height: 20px;  color: #fff; font-size: 11px;   padding: 0 10px; }
	[class^="btn_purple35"]{ height:15px; line-height: 15px;  color: #fff; font-size: 12px;   padding: 0 10px; }
	[class^="btn_gray45"],[class^="btn_gray45"],[class^="btn_skyblue45"],[class^="btn_purple45"]{ height:35px; line-height: 35px;  color: #fff; font-size: 12px;   padding: 0 15px; }

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}



  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*
@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}
*/