@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-radius:3px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;}
.ctt_img {text-align:center;}

@media (max-width: 640px){
    #ctt img{width:100%;height:auto}
	.shsubmenu li{padding:10px !important; width:50% !important;}
	.shsub3070 li{width:100% !important;}
	.shsub5050 li{width:100% !important;}
	.shgrline{padding: 10px 0 !important;}
	.shsubbg{margin-top:66px;}
	.shsubbg h1{padding:20px 0 !important;}
	.shimg25 li{width:50% !important;}
	.shsub25 ul{width: 50% !important;  height: 60px; font-size:12px;}
	.shgrtext{font-size:15px !important;}
	.shpd30{padding:10px 0 !important;}
	.flleft li{padding-right:20px !important;}
	.w780{width:100% !important;}
	.sub2_1_1 p{font-size:14px !important;}
	
}


.shsubbg{width:100%; height:auto; background-image:url('/theme/chamco/img/subimg.jpg'); background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;}
.shsubbg h1{text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding: 50px 0;
	margin-bottom:0px;}



.shsubmenu{width: 100%;
    background: #eee;
    display: inline-block;}
.shsubmenu li{float: left;
    display: block;
    padding: 20px;
    width: 25%;
    text-align: center;}
.shsubmenu li:hover{background:#094093; color:#fff;}
.shsubmenu li:active{background:#094093; color:#fff;}
.shsubmenu ul{    margin: auto;
    display: block;}


.shsubh1 h1{    font-size: 25px;
    text-align: center;
    font-weight: bold;
	margin-bottom: 0px;}
	
.shsubh1line{    border-bottom: 1px solid #888;
    width: 50px;
    margin: auto;}	
.shsub3070 {display: inline-block;
    padding: 30px 0;}
.shsub3070 ul{    display: block;}
.shsub3070 img{}
.shsub3070 li:nth-child(1){    width: 30%;
    display: inline-block;
    float: left;}
.shsub3070 li:nth-child(2){    width: 70%;
    display: inline-block;
    float: left;
	    margin-top: 30px;}
.shsub3070 h2{    font-size: 20px;
    font-weight: bold;
    color: #335109;margin-bottom:0px;}
.shsub3070 h3{font-size: 15px;
    color: #7b9f45;}



.shsub5050{    width: 100%;
    display: inline-block;}
.shsub5050 ul{}
.shsub5050 li{width: 50%;
    float: left;}
.shsub5050 p{font-size: 15px;
    color: #094093;
    font-weight: bold;
    letter-spacing: -1px;}
.shsub5050 span{color: #000;
    font-size: 20px;}
.shsub5050 img {display:block; margin:auto;}

.shtb1 {display: inline-block;}
.shtb1 ul{width: 100%;
    border-bottom: 1px solid #eee;
    display: inline-block;
	    padding-bottom: 10px;}
.shtb1 li:nth-child(1){width: 30%;}
.shtb1 li:nth-child(2){width: 70%;}


.shgrline{border-top: 2px solid #7b9f45;
    border-bottom: 2px solid #7b9f45;
    display: inline-block;
    padding: 30px;}
	
	
.shsub100 {width:100%; padding:30px 0;}	



.shimg25 {    width: 100%;
    display: inline-block;
    padding: 30px 0;}

.shimg25 li{float: left;
    width: 25%;
    padding: 5px;}
.shimg25 img{    border: 1px solid #ccc;
    width: 100%;}
	
	
.shsub25{    width: 100%;
    display: inline-block;
    padding: 30px 0;}	
.shsub25 ul{    width: 25%;
    float: left;
    margin-right: 0px !important;
    display: inline-block;}

.shtbline{border:1px solid #eee; display:inline-block;}

.shpd30{padding:30px 0;}
.shgrtext{   font-size: 20px;
    font-weight: bold;
    color: #335109;margin-bottom:0px;}
	
	
.shsub6040{    width: 100%;
    display: inline-block;}

.shsub6040 li:nth-child(1){width: 60%;
    float: left;
    padding: 5px;}
.shsub6040 li:nth-child(2){width: 40%;
    float: left;
    padding: 5px;}
.shsub6040 img{width: 100%;
    height: 220px;
	margin-top: -20px;}	
	
	
.shsub303030 {width: 100%;
    display: inline-block;}
.shsub303030 li{width: 33.3%;
    float: left;
    padding: 5px;}
.shsub303030 img{    width: 100%;
    margin-top: -20px;}	
	
.shpdb30{padding-bottom:30px;}	

iframe{width:100%; height:450px;}

.mapp{    background: #fff;
    border: 1px solid #eee;
    padding: 5px;
    margin-top: -5px;}
.flleft li{float:left; padding-right: 50px;}	



.sub2_1_1{    width: 100%; display: inline-block;}
.sub2_1_1 h1{    font-size: 25px;font-weight: bold;line-height: 40px;margin: 0;}
.sub2_1_1 img{    display: block;  margin: 0 auto;padding: 5px 0;}
.sub2_1_1 p{font-size: 15px;line-height: 23px; letter-spacing: -1px;}
.w780{width:780px; display:table; margin:0 auto; padding:30px 0 10px 0;}