@charset "utf-8";
/*
 * File       : style-bin.css
 * Author     : STUDIO-JT (bin)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency : css/ commons.css
 *
 * 1)  HEADER
 * 2)  FOOTER
 * 3)  FAMILY
 * 4)  MEDIA
 */

/* **************************************** *
 * HEADER
 * **************************************** */
#header .wrap {max-width:1700px; margin:0 auto;}
.menu_container {right:inherit; left:50%; margin-left:-320px;}

#logo_maum {position:absolute; top:15px; right:3%;}
#logo_maum a {display:block;}




/* **************************************** *
 * FOOTER
 * **************************************** */
.footer_address div:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;}
.footer_address div { border-bottom:1px solid #676767; margin-bottom:20px;  padding-bottom:20px;width:520px;}
.footer_address div p:first-child {color:#fff; margin-bottom:10px;}
.footer_address div p a {color:#cbcbcb;}
.footer_address div p b {color:#cbcbcb;}
.footer_address div p span {color:#cbcbcb;}



/* **************************************** *
 * FAMILY
 * **************************************** */
.family .family-table > div {height:auto;}



/* **************************************** *
 * 상담 대상 및 영역 - 청소년 상담 - GLOBAL LEADER PROGRAM
 * **************************************** */
.global_leader_program {padding-top:50px;}
.global_leader_program h5 {font-size:30px; text-align:center; padding-bottom:20px; color:#263d69;}
.global_leader_program .program_info {margin-bottom:15px;}
.global_leader_program .program_info th {background:#77849d; color:#fff; text-align:center; padding:12px 10px; border:none;}
.global_leader_program .program_info th:first-child {border-radius:5px 0 0 0;}
.global_leader_program .program_info th:last-child {border-radius:0 5px 0 0;}
.global_leader_program .program_info td {text-align:center; border-left:1px solid #ededed;}
.global_leader_program .program_info td:first-child {border-left:none;}
.counseling-area .global_leader_program > ul {border:none; padding:0;}
.counseling-area .global_leader_program > ul > li {color:#666; padding-left:12px;}



/* **************************************** *
 * MAIN
 * **************************************** */
.main_quick_06 .main_quick_icon {background-image:url(/wp-content/themes/jt_maum/images/main/quick_06.jpg);}



/* **************************************** *
 * MEDIA
 * **************************************** */
@media (max-width:1140px){
	/* HEADER */
	.menu_container {margin-left:-25%;}
}


@media (max-width:1000px) {
	/* HEADER */
    #header {height:150px;}
    #logo {left:12%;}
	#logo_maum {right:12%;}
    .menu_container {top:95px; left:28%; right:0; width:94%; border-top:1px solid #dedede;}
    ul#menu {text-align:center;}
    ul#menu > li {padding:0 3%; display:inline-block; float:none;}
    ul#menu > li > a {width:100%; text-align:center; padding:18px 0 24px 0;}
    ul#menu > li > ul {top:54px;}
    #menu > li:last-child > ul {left:50%;}
    ul#menu > li > a:after {bottom:7px;}

	/* MAIN */
	.main_quick_06 .main_quick_content p br {display:none;}
}

@media (max-width:940px){
	/* HEADER */
	#logo {left:10%; margin-left:0;}
	#logo_maum {right:10%;}
}


@media (max-width:900px){
	/* FOOTER */
	.footer_address div {width:100%;}

	/* MAIN */
	.main_quick_container {border-bottom:1px solid #dedede;border-right: 1px solid #dedede;}
	.main_quick_container li {width:33.333%;}
    .main_quick_container li a, .main_quick_container li.main_quick_04 a {border-bottom:none;}
	.main_quick_container li:nth-child(3) a {border-right: none;}
	.main_quick_container li:nth-child(4) a {border-left:1px solid #dedede;}
}

@media (max-width:840px){
	/* HEADER */
	#logo {left:8%;}
	#logo_maum {right:8%;}
}

@media (max-width:790px){
	/* HEADER */
	#logo {left:7%;}
	#logo_maum {right:7%;}
}

@media (max-width:768px){
    /* 상담 대상 및 영역 - 청소년 상담 - GLOBAL LEADER PROGRAM */
	.global_leader_program .program_info td {width:50%; padding:7px 10px; vertical-align:middle; word-break:keep-all;}
}

@media (max-width:740px){
	/* HEADER */
	#logo {left:6%;}
	#logo_maum {right:6%;}
}

@media (max-width:730px){
	/* HEADER */
	#logo {left:50%; margin-left:-170px;}
	#logo_maum {right:50%; margin-right:-170px;}
	.menu_container {position:fixed; top:0; left:0; bottom:0; right:inherit; z-index:555; width:320px; background:#414141; -webkit-transform:translateX(-100%); transform:translateX(-100%); margin-left:0; border-top:none;}
	ul#menu {height:100%; position:absolute; width:100%; overflow:auto; padding-left:35px;}
	ul#menu > li {display:block; float:none; clear:both; padding:0;}
	#menu > li:last-child > ul {left:0;}
	ul#menu > li > ul {top:0; right:inherit;}
	ul#menu > li a {padding-left:25px; text-align:left;}
}

@media (max-width:480px){
	/* HEADER */
	#logo {margin-left:-130px;}
	#logo img {width:160px;}
	#logo_maum {top:10px; margin-right:-130px;}
	#logo_maum img {width:75px;}

	/* 상담 대상 및 영역 - 청소년 상담 - GLOBAL LEADER PROGRAM */
    .global_leader_program .program_info th {font-size:14px;}
    .global_leader_program .program_info td {font-size:12px;}
}

@media (max-width:410px){
	/* HEADER */
	#logo {top:12px; margin-left:-100px;}
	#logo img {width:130px;}
	#logo_maum {top:15px; margin-right:-100px;}
	#logo_maum img {width:55px;}
}

@media (max-width:370px){
    /* 상담 대상 및 영역 - 청소년 상담 - GLOBAL LEADER PROGRAM */
    .global_leader_program h5 {font-size:25px;}
}

@media (max-width:360px){
    /* MAIN */
	h2.main_board_title a {top:480px;}
}