@charset "UTF-8";
/*
	Author	: hyojeong yang, somi
	Date	: 2018-11
	Project	: 충청북도진천도서관

	pallete : mainColor ( #333; #8e9a2b;  )
			  spotColor { #f15a53; #4e6979; #00b9b0; }
			  graphColor ( #da4657; #17b2cc; #213168; #f9a535; #7d2887; #00b9b0;  )
*/

/* -------------------------------------------------
    BTN
------------------------------------------------- */

/* btn : spot */
.btn.spot,
.btn-sm.spot,
.btn-lg.spot { 
	background:#333;
	border:1px solid #333;
	color:#fff;
}

/* btn : spot2 */
.btn.spot2,
.btn-sm.spot2,
.btn-lg.spot2 { 
	border:1px solid #666;
	background-color:#666;
	color:#fff; 
}

/* btn : spot3 */
.btn.spot3,
.btn-sm.spot3,
.btn-lg.spot3 { 
	color:#fff;
	background-color:#8e9a2b;
	border:1px solid #8e9a2b;
}

/* btn : spot4 */
.btn.spot4,
.btn-sm.spot4,
.btn-lg.spot4  { 
	color:#555;
	background:#eee;
	border:1px solid #ccc;
}

/* -------------------------------------------------
   SITE-Header
------------------------------------------------- */
.site-header h1 {
    background: url('./images/header/logo.svg') no-repeat;
}
.site-header nav { background:#8e9a2b; }
.site-header .util li a strong,
.site-header .site-gnb h2 a,
.site-header .site-gnb ul li a:hover, 
.site-header .site-gnb ul li a:focus { color:#8e9a2b; }

/* -------------------------------------------------
   SITE-FOOTER
------------------------------------------------- */

.footer-site .btn-go {
    background:#8e9a2b;
    color:#fff;
}

/* -------------------------------------------------
   MAIN
------------------------------------------------- */

/* mn-qmenu */
.mn-qmenu li {
    background:#8e9a2b;
}
.mn-qmenu li.spot {
    background:#e5e5e5;
}
.mn-qmenu li.spot strong,
.mn-qmenu li.spot span {
    color:#000;
}
.mn-qmenu li.spot2 {
    background:#d3cbac;
}
.mn-qmenu li.spot2 strong,
.mn-qmenu li.spot2 span{
    color:#652b06;
}
.mn-qmenu li a:after {
     background-image: url('./images/main/qmenu01.svg');
}
.mn-qmenu li:nth-child(2) a:after {
    background-image: url('./images/main/qmenu02.svg');
}
.mn-qmenu li:nth-child(3) a:after {
    background-image: url('./images/main/qmenu03.svg');
}
.mn-qmenu li:nth-child(4) a:after {
    /* background-image: url('./images/main/qmenu04.svg'); */
	background-image: url('/str/cre/lyt/tmplat/sit/LYTTMP_0000000000010/images/main/instagram70px.png');
}
.mn-qmenu li:nth-child(5) a:after {
    background-image: url('./images/main/qmenu05.svg');
}
.mn-qmenu li:nth-child(6) a:after {
    /* background-image: url('./images/main/qmenu06.svg'); */
	background-image: url('/str/cre/lyt/tmplat/sit/LYTTMP_0000000000010/images/main/youtube70px.png');
}

/* mn-book & service */
.mn-service li a {
    font-size:0;
    line-height:0;
	padding-top:0;
}
.mn-service li a:before {
    margin:0 auto;
    width: 60px;
    height: 106px;
    background: url('./images/main/service01.png') center no-repeat;
    background-size:60px;
}
.mn-service li:nth-child(2) a:before {
    background-image: url('./images/main/service02.png');
}
.mn-service li:nth-child(3) a:before {
    background-image: url('./images/main/service03.png');
}

/* -------------------------------------------------    
	SUB COMMON
------------------------------------------------- */

/* lnb */
.lnb h2 {
    color: #8e9a2b;
}
.lnb h2:before {
    background:#8e9a2b;
}
.lnb nav > ul > li.active:not(.current) > a{
    color: #8e9a2b;
    background-color: #fff;
}
.lnb nav > ul > li.current > a{
    background-color: #8e9a2b;
    color: #fff;
}
.lnb nav > ul > li li a:hover,
.lnb nav > ul > li li a:focus {
    color:#8e9a2b;
}
.lnb nav > ul > li li.current a {
    color: #616d00;
}

/* -------------------------------------------------    
	SUB EDIT	
------------------------------------------------- */

/* icon_style  */
.icon1		{ background-image: url('./images/basic/bg_icon1.svg'); }

/* 조직도 */
.org_box .org2 > ul > li + li:before {
     left:0;
     width: 50%;
     z-index:0;
}
.org_box .org3 > ul > li > span {
    padding:10px;
    min-height:2.8em;
    line-height:1.4em;
    box-sizing:content-box;
}
.org_box .org3 > ul > li + li span {
}
/* 인사말 */
.greeting_top em {
	color:#306c24;
}

/* 연혁 */
.history-cont table th,
.history-summary em  { color:#8e9a2b; }

/* -------------------------------------------------    
	- PC MAX-WIDHT 1200 	
------------------------------------------------- */
@media screen and (max-width:1200px) {                                                
}
/* -------------------------------------------------    
	- PC/TABLET MAX-WIDHT 1024	
------------------------------------------------- */
@media screen and (max-width:1024px) {
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 768 	
------------------------------------------------- */
@media screen and (max-width:768px) {

	/* SITE-HEADER */
	.m-site-header h1 {
		background: url('./images/header/logo.svg') no-repeat;		
        background-size: auto 34px;
	}
	.btn-site-nav,
	.m-site-header .site-gnb > li > a > .ui-accordion-header-icon:before, 
	.m-site-header .site-gnb > li > a > .ui-accordion-header-icon:after {
		background:#8e9a2b;
	}
	.m-site-header nav li li a:hover,
    .m-site-header nav li li a:focus {
        color: #8e9a2b;
    }
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 480	
------------------------------------------------- */
@media screen and (max-width:480px) {

	/* SITE-HEADER */
	.m-site-header h1 {  background-size: auto 30px; }
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 375	
------------------------------------------------- */
@media screen and (max-width:375px) {
}