/*@Font : nanumsquare*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/*common*/
body {	
	font-family: 'Nanum Square', sans-serif;
}
img {
	max-width: 100%;
}
@media (min-width: 479px) {
    .hidden-lg {
        display: none;
    }
}

@media (max-width: 479px) {
    .hidden-xs {
        display: none;
    }
}
/*visual_section*/
.visual_section .main_panel {
 	height: auto; 
}
.visual_section .main_panel > div {
	position: relative;
	top: 0px;
}
/*sub_panel*/
.sub_panel {
    height: auto;
}
.sub_panel .slogan_panel {
    margin: 157px 0 0;
}
.slogan_panel {
    background: #fff;
    border-radius: 10px;
    margin-top: -30%;
}

.slogan_panel p {
    margin-bottom: 5px;
    color: #000;
    font-size: 19px;
}

.slogan_panel_ .h1_border {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: -10px;
}

.slogan_panel_ {
    margin: 30px 30px 30px 30px;
}

.slogan_panel h1 {
    font-size: 31px;
    color: #513312;
}

/*로고*/

.containerimg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    display: block;
}

/*header*/
#header .header_overlay {
	position: relative;
}
#header .header_white a:hover, .header_white a:focus, .header_white a:active{color:#000;}

#header .top_banner {
    background: #ffffff;
    height: 128px;
}

#header .navigation{    
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #492a07;
}

#header .navigation .nav > li > a {
    padding: 10px 65px;
    color: #492a07;
    font-weight: 600;
}

#header.header_theme_1 .navigation .nav > li {
    padding-bottom: 0px;
    margin-top: 0px;
	position: relative;
}

.navigation .nav > li {
    float: none;
}

#header .navigation .nav > li:hover > a,
#header .navigation .nav > li:focus > a,
#header .navigation .nav > li:active > a {
    background-color: #492a07;
    color: #fff;
}

#header .subnav {
    top: 47px;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

#header .subnav li {
	float: none;
}

#header .subnav_bar{
    background-color: #fff;
    top: 182px;
	display: none;
}

.header_overlay {
    background-color: #ffffff;
}

.main_panel > div {
    top: 157px;
}


.subnav_panel ul li a:hover, .subnav_panel li a:focus, .subnav_panel li a:active, .subnav_panel li a.on {
    background: #513612;
    color: #fff;
}

.sub_banner .sub_cs p {
    background: #513612;
}

.sub_banner .sub_cs h1 {
    color: #513612;
}

.subnav li a {
    padding: 3px 10px;
    color: #492a07;
}

.header_theme_1 .nav {
    float: none;
    text-align: center;
}

.img_wrp img {
    max-width: 100%;
}

.footer {
    padding: 30px 0;
    background: #ffffff;
    font-size: 14px;
    color: #242424;
}

.subnav_panel h2 {
    font-size: 22px;
}

.sub_body p {
    line-height: 35px;
    font-size: 18px;
    color: #171717;
}

/*센터소개(소장소개)*/

.about_us h3 {
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 600;
    color: #513612;
}

.aboutprofile li {
    font-size: 19px;
    line-height: 35px;
    color: #171717;
}

/*센터 선생님 소개*/

.teacher h2 {
    color: #513612;
}

.teacher li {
    font-size: 19px;
    line-height: 35px;
    color: #171717;
}

/*이용안내 및 오시는길*/

.process0 h1 {
    color: #513612;
}

/*아동/청소년 상담*/

.loan_title h2 {
    color: #513612;
}

.chart4 p {
    border: solid 2px #ffffff;
    padding: 40px 15px;
    background-color: #f3f3f3;
    color: #513612;
    border-radius: 13px;
    font-weight: 500;
    font-size: 20px;
    background: linear-gradient(to right, #f7f8f9, #d9dee1);
    line-height: 1.3em;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

/*양육 코칭/부모-자녀 관계 증진*/

.chart5 p {
    border: solid 2px #ffffff;
    padding: 40px 15px;
    background-color: #f3f3f3;
    color: #513612;
    border-radius: 13px;
    font-weight: 500;
    font-size: 18px;
    background: linear-gradient(to right, #f7f8f9, #d9dee1);
    line-height: 1.3em;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

.col25 {
    width: 20%;
}

/*심리검사*/

.chart6 p {
    border: solid 2px #ffffff;
    padding: 40px 15px;
    background-color: #f3f3f3;
    color: #513612;
    border-radius: 13px;
    font-weight: 500;
    font-size: 18px;
    background: linear-gradient(to right, #f7f8f9, #d9dee1);
    line-height: 1.3em;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

.text-center {
    text-align: center;
}

/*footer*/

.tailtext p {
    line-height: 25px;
}

.tailtext a {
    margin-left: 10px;
}


/*미디어쿼리*/

@media (max-width: 479px) {
    .main_panel > div {
        top: 0%;
    }
    .top_banner {
        display: none;
    } 
    .footer {
        margin-top: -28px;
    }
    .main_panel {
        height: 514px;
    }
    .main_panel .slide_img1 {
        
    }
    .main_panel .slide_img2 {
        
    }
    .brnone {
        display: none;
    }
    .tailimg img{
        width: 30%;
    }
    .loan_title img{
        width: 100%;
    }
    .sub_body p {
        font-size: 15px;
    }
    .sub_body li {
        font-size: 15px;
    }
    .chart4 p{
        padding: 28px 15px;
    }
    .chart5 p{
        padding: 28px 15px;
    }
    .chart6 p{
        padding: 28px 15px;
    }
    .process0 img {
        width: 100%;
    }
    .process0 h1 {
        font-size: 18px;
    }
    .process0 h2 {
        font-size: 17px;
    }
    .teacher h1 {
        font-size: 18px;
    }
    .teacher h2 {
        font-size: 17px;
    }
    .loan_title h1 {
        font-size: 18px;
    }
    .loan_title h2 {
        font-size: 17px;
    }
    .about h1 {
        font-size: 18px;
    }
    .about h2 {
        font-size: 17px;
    }
    .about h3 {
        font-size: 17px;
    }
}

@media (max-width: 479px) {
    .col25 {
        width: 50%;
    }
    .col25 p {
        font-size: 11px;
    }
    .chart6 p {
        border-radius: 0px;
    }
    .chart5 p {
        border-radius: 0px;
    }
    .chart4 p {
        border-radius: 0px;
    }
    .slogan_panel h1 {
        font-size: 20px;
    }
    .slogan_panel p {
        font-size: 15px;
    }
    .slogan_panel {
        border-radius: 0px;
        height: 130px;
		margin-top: -145px;
    }
}