@charset "utf-8";

/*********************
FAQ timeStamp 전자문서 검증 
*********************/
/**/

.li_red_bold_style{color:red; font-weight:bold;}
.li_black_bold_style{color:black; font-weight:bold;}

/*ulBox_div css  start ----*/
.ulBox_div{width:100%; height:auto;}
.ulBox_title{font-weight:bold; font-size: 1.2em; }

.ulBox_div {width:100%; height:20%; border: 1px solid #284e75; padding:5%;}
.ulBox_div.imgUl{width:80%; height:auto; border: 1px solid #284e75; float: left;}
.imgUl{list-style-type: circle;  width: 80%; height: 30%;  display: block;  float: left;   margin:0.5% 2% 0 2%;}
.inner_ul{list-style-type:none;}

.ul_front_box{width: 3.5em; height:3.5em; background:#284e75; color:white; font-weight:bold; float:left; margin:0.5% 3% 0 3%; font-size:1.1em; letter-spacing: 0.3em; text-align:center; border-radius:15%;}
.ul_img_box{width:20%; height:200px; float:left; background-color:red;}
.ul_img_box_left{width: 11em; height: 200px; display: block; float: left;}
.ul_img_box_right{width: 50em; height: 20em;  float: left;}
.ul_img_box_bottom{width: 100%; display: block; height:200px; float: left; margin-top:2%;}

.ul_img_box_bottom ul {    width: 100%;  height: 70%; display: block;}
.ul_img_box_bottom ul li{    width: 10em; height: 100%; float: left; text-align:center;}
.ul_img_box_bottom ul li p img{width:75%;}


.ulBox_div ul li{list-style-type:square; color:black; /*list-style-image: url(images/bullet.png); IMAGE URL*/}

.install_img ul,.configure_img ul{padding-left:1.5em;}
.install_img ul li img{width:40%; margin-top:1.1em;}

.configure_img ul li img{width:50%; margin-bottom: 1.2em;}
.config_img_box,.inlBClass{display:inline-block;}
.config_img_box li{width:45%; height:auto; float:left;}
.config_img_box li p {text-align:center;}
.config_img_box li p img{width:80%;}

.small_font_style{font-size:0.8em; font-weight:normal;}

/* @media screen and (max-width: 1060px) and (min-width: 481px) { */
/* 	.faq_list dl:nth-child(2) dd{height: 50em;} */
	
/* } */

/* @media screen and (min-width: 0px) and (max-width: 760px)  { */
@media (min-width: 80px) and (max-width: 700px) {
	.ul_img_box_left, .ul_img_box_right{width:100%; height:auto;}
	.ul_front_box {  width: 4.5em;
    height: auto;
    background: none;
    color: black;
    font-weight: bold;
    float: left;
    font-size: 1.1em;
    letter-spacing: normal;
    text-align: left;
    border-radius: 0;
    margin:0 0 0 0;
	}
	.ul_img_box_bottom ul li {
    width: 70%;
    height: 100%;
    float: left;
    text-align: center;
	}
	.imgUl { list-style-type: none;}
	config_img_box li { width: 80%;}
	.ul_img_box_bottom ul li p img {
    	width: 60%;
	}
	.ul_img_box_bottom ul li p {margin:0;}
	.ul_img_box_bottom ul {
	    width: 80%;
	    height: 70%;
	    display: block;
	    margin: 0 10%;
	    float: left;
	}
	.ul_img_box_bottom {
    	height: auto;
	}
}