@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*body { font-family: 'Nanum Gothic'; }*/
body { font-family: 'Nanum Barun Gothic' , sans-serif; }

@media (min-width : 960px){
    .col-md-8 {
    width: 100%;
    }
    #page{min-width: 1100px;}
    div#main3 > div#main3_1 > div:first-child {
        display : inline-block;
        width : 29%;
        vertical-align : top;
    }
    #main3 > *  {
        width:75%;
        margin-left:12%;
    }
    
    
    
    #google_map{
        display : inline-block;
        width : 50%;
    }
    
    
    
    div#mobile_logo_div {
        display : none;
    }
    
    div#sub_div{
    min-width : 1240px;
    display : table;
    width : 80%;
    margin-left : auto;
    margin-right: auto;
    text-align : center;
}
/*sub_banner*/
div#sub_div > div#sub_banner{
    display : table-row;
}

div#sub_div > div#sub_banner > div#left {
    background-repeat: no-repeat;
    background-image: url('http://amuse919.cafe24.com/wp-content/uploads/image/sub/banner/left_block.png'); 
    background-size:cover;
    vertical-align : bottom;
    text-align : right;
    padding-right : 2%;
    padding-bottom : 1.5%;
    width : 18%;
    height : 245px;
    font-size : 1.8rem;
    color: #FFFFFF  !important;
    display : table-cell;
}

div#sub_div > div#sub_banner > div#center {
    width : 80%;
    display : table-cell;
    height : 245px;
}

div#sub_div > div#sub_banner > div#left > p {
    
}
/*sub_banner*/

/*sub_center*/
div#sub_center {
    display : table-row;
}

div#sub_center > div#menu {
    padding-top : 2%;
    padding-left : 2%;
    vertical-align : top;
    display : table-cell;
    font-size : 1.8rem;
    margin-top : 10%;
    margin-left: auto;
    text-align: left;
    line-height : 200%;
}

div#sub_center > div#contents {
    display : table-cell;
    text-align : left;
}

div#sub_center > div#sub_banner > div#center > img.sub_banner {
    margin-left : -6px;
    margin-right : auto;
    width : 100%;
    height : 245px;
}

div#sub_div > div#sub_center > div#menu > li{
    list-style-type:  none;
}

div.sub_menu_title{
    width : 110vh;
}
    /*sub_center*/
    
    div#main5{
        min-width:80%;
    }
    
    div#main5 > img {
       width : 77%;
    }
    
    div#solution{
        display : inline-block;
        width : 68%;
        /*display : table;*/
    }
    div#solution > div.table {
        display : table;
    }
    div#solution > div.table > div.table_row {
        display : table-row;
    }
    div#solution > div.table > div.table_row > div.table_cell {
        display : table-cell;
    }
    
    /*--------------------*/
/*introduce page*/
/*--------------------*/

div.introduce_contents1{
    margin-top : 50px;
    margin-bottom : 50px;
    display : table;
}

div.introduce_contents1 > div {
    display : table-row;
}

div.introduce_contents1 > div > div{
    display : table-cell;
}

div.introduce_contents2{
    margin-top : 50px;
    margin-bottom : 50px;
    font-size : 1.8rem;
    text-align: left;
    margin-left : 50px;    
    display : table;
}

div.introduce_contents2 > div {
    display : table-row;
}
div.introduce_contents2 > div > div{
    display : table-cell;
    padding-top :15px;
    padding-bottom :15px;
}

table.introduce_contents2 > tbody > tr {
    height : 7vh;
}

.introduce_contents2_left {
    padding-left : 15vh;
}
/*--------------------*/
/*introduce page*/
/*--------------------*/
table#mobile_facilities_01_03{
        display : none;
}
    /*성인 심리검사*/

    p.sub_menu_title_contents{
        font-size : 1.8rem;
    }
    p.sub_menu_title_contents > font{
        font-size : 2.0rem;
        font-weight: bold;
        color : #F17F41;
    }

    ul.square-contents-black > li {
        list-style-type : square;
        color : #000000;
        font-size : 1.8rem;
        line-height: 200%;
    }
    ul.square-contents > li {
        list-style-type : square;
        color : #31a3d5;
        font-size : 1.8rem;
        line-height: 200%;
    }
    ul.square-contents > p {
        font-size : 1.8rem;
    }    
    /*성인 심리검사*/
    
    div#mobile_sychological_examination_02_02{
        display : none;
    }
    
    
    div#Psychological_counseling_program{
        display : table;
    }

    div#Psychological_counseling_program > div {
        display : table-row;
    }
    div#Psychological_counseling_program > div > div{
        display : table-cell;
    }
}

/*React End*/

#bs-example-navbar-collapse-1{
    background-color : transparent  ;
    text-align : right;
}

.navbar-default {
    background-color : transparent  !important ;
    border-color : transparent  !important ;
    
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  font-weight: bold;
  background-color: transparent  !important;
}

table#main:not(.table){ 
    width:0% !important; 
    border-spacing : 5px 5px !important;
    border-collapse :inherit !important;
    margin : auto  !important;
    color: #4c4c4c;
}

table#main:not(.table) > tbody > tr > td{
    border-collapse: separate;
    border : 1px solid #ffffff;
    -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}    

table#main:not(.table) > tbody > tr > td:hover{
    border-collapse: separate;
    border : 1px solid #EB6615;
    -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

table#service1:not(.table){ 
    width:0% !important; 
    border-spacing : 5px 5px !important;
    border-collapse :inherit !important;
    margin : auto  !important;
    color: #4c4c4c;
}

p#subheader{
    line-height : 0.8 !important;
    text-align: center;
}
p#subheader > font {
    
    color: #283e69; 
    font-size: 37px;
    font-weight : bold;
}

p#article{
    text-align: center;
}
p#article > font {
    font-family: 'Nanum Myeongjo' !important;     
}


p#submain{
    line-height : 0.8 !important;
    text-align: center;
}
p#submain > font {
    color: #283e69; 
    font-size: 24px;
    font-weight : bold;
}



table#service2:not(.table){ 
    width:0% !important; 
    /*border-spacing : 5px 5px !important;*/
    /*border-collapse :inherit !important;*/
    margin-left : auto;
    margin-right : auto;
    /*margin : auto  !important;*/
    color: #4c4c4c;
    /*border:0px;*/
    border-collapse: collpase;
    padding:0px !important;
    border-spacing:0px;
    border-style:none;
}
table#service2 > tbody > tr {
    padding: 0px 0px 0px 0px !important;
    margin : 0px;
    border-collapse:collapse;
    border-spacing:0px;
    border-style:none;
}
table#service2 > tbody > tr > td { 
    padding: 0px 0px 0px 0px !important;
    margin : 0px;
    border-collapse:collapse;
    border-spacing:0px;
    border-style:none;
}

h1.logo {
    margin-top : 0px;
}

#header-row {
    /*height : 415px !important;*/
}

div#header-text {
    max-width : 100%;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

div#header-text > img {
    max-width : 100%;
/*    margin-top: auto !important;
    margin-bottom: auto !important;*/
}

span#googlemap{
    margin-left : auto;
    margin-right : auto;
    min-width: 1006px;
}

#googlemap {
    height : 450px;
    frameborder : "0";
    border : 0 !important;
    margin-left : 6%;
    margin-right : auto;
    align : center !important;
    min-width: 1006px;
}

/*reservation action*/
#tocheck{
    animation : fadeInLeft 0.3s ease-in;
/*    -webkit-animation-name: fadeInLeft; 
    -webkit-animation-timing-function: ease; 
    -webkit-animation-delay: 0.00s;*/
}

.nanum{
    font-family: 'Nanum Gothic' !important;     
    line-height : 10%;
}

.nanumM{
    font-family: 'Nanum Myeongjo' !important;     
    line-height : 10%;
}

.reverse{
    border-collapse: separate;
    border: 1px solid #EB6615;
}

.td_course{
    line-height : 110%;
}

#shadow{
/*  position: relative;
  top: -100px;*/
}

/*maum*/
/*--------------------*/
/*common page*/
/*--------------------*/

.main_subtitle{
    font-size: 20px;    
    color : #30a4d3;
}

.submenu{
    font-size: 15px;    
    font-weight: bold;
}

/*footer*/
.site-footer{
    /*background-color: #153f64;*/
}

table#footer{
    text-align:center;
    vertical-align: bottom;
    background-repeat:no-repeat;
    color : #767676;
    /*background-image: url( "http://parkrae81.cafe24.com/wp-content/uploads/2016/10/footer_20161101_231910331.png");*/
    margin-left : auto;
    margin-right : auto;
}

table#footer>tbody>tr>td>font>a:link{ text-decoration: none; color: #767676 !important;}
table#footer>tbody>tr>td>font>a:visited {text-decoration: none; color: #767676 !important;}
table#footer>tbody >tr >td>font>a:active {text-decoration: none; color: #767676 !important;}
table#footer>tbody>tr>td>font>a:hover {text-decoration: underline; color: #767676 !important;}

#mainline{
/*    background-color: #31A3D5;*/
    /*width : 100% !important;*/
   resize: both; /* 이미지 최대 사이즈에 적용 */
   float: center; /* 가운데 정렬 */
   max-width: 500px; /* 넓이를 지정 */
}

#main_button{
    border-top: 5px solid #31A3D5;
    background-color: #F3F3F3;
    font-size: 1.8rem;    
    text-align:center;
    color : #1D4E79;
    /*font-weight: bold;*/
}

div#main_button{
    border-top: 5px solid #31A3D5;
    background-color: #F3F3F3;
    font-size: 1.8rem;    
    color : #1D4E79;
    /*font-weight: bold;*/
}

#main_button > div.button {
    border-left:solid #e8e8e8 1px;
    display:inline-block;
    margin-left : auto;
    margin-right : auto;
    width : 23%;
}


/*div.button{
    margin-left:2%;
    text-align:left;
}*/
#main_button > div.button > img:hover{
    cursor:pointer;
}

.entry-content{
    margin : 0 0 0 !important ;
}


.menu-item > a {
    font-size: 1.7rem !important;
    color: #1D4E77  !important;
}

.sub_div{
    min-width : 1240px;
    width : 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sub_banner {
    width : 100%;
    margin-left : auto;
    margin-right : auto;
}
.sub_banner_left {
    background-image: url('http://amuse919.cafe24.com/wp-content/uploads/image/sub/banner/left_block.png');
    margin-left: auto;
    background-size:cover;
    color: #FFFFFF  !important;
    vertical-align : bottom;
    text-align : right;
    padding-right : 2%;
    padding-bottom : 2%;
    width : 20%;
    height : 20%;
    font-size : 1.8rem;
}
.sub_banner_right {
    
}


.left_menu {
    /*font-size : 1.7rem;*/
    font-size : 1.8rem;
/*    font-weight: bold;*/
    margin-top : 10%;
    margin-left: auto;
    text-align: left;
    line-height : 200%;
}

.left_menu_td{
    vertical-align: top;
    margin-top : 10%;
}

.right_contents_td{
    width : 80.3%;
}

.SkyBlue{
    color : #32A5D4;
}

.Gray{  
    color : #898989;
}
.Black{
    color : #000000;
}


.Green{
    color : #73AC3B;
}

.Blank{
    padding-bottom : 20% ;
}

table.left_menu > tbody > tr > td {
    padding-left : 10%;
}

a { 
    text-decoration:none !important;
}

/*--------------------*/
/*common page*/
/*--------------------*/

.sub_title{
    text-align:left;
    padding-top: 3%;
    padding-bottom : 5%;
}

.online_sub_title{
    text-align:left;
    padding-top: 3%;
    /*padding-bottom : 5%;*/
}

.upper_title{
    padding-top : 10px;
    padding-left : 3%;
    /*margin-bottom : 20%;*/
    margin-bottom : 10px;
    color : #73AC3B;
    text-align: left;
    font-size : 2rem;
    font-family: 'Nanum Myeongjo' !important;     
}

.lower_title{
    color : #32A5D4;
    text-align: left;
    margin-left:3%;
    font-size : 2.5rem;
}

.floating { 
    z-index:10;
    position: fixed; 
    right: 0%; 
    top: 180px; 
    text-align:center; 
}

.ico_banner{ 
    width : 70%;
    border-collapse:collapse; 
    border: 1px solid #32A4D5; 
}

.ico_banner_first-child{
    width : 0%;
    background-color : #FFFFFF  ;
    padding-top : 0%;
    padding-bottom : 0%;
}
.ico_banner_not_first-child{
    width : 0%;
    padding-top : 10%;
    padding-bottom : 10%;
    background-color : #FFFFFF  ;
}


.BigFontSize{
    font-size : 2.5rem;
    /*font-weight: bold;*/
}

.NormalFontSize{
    font-size : 1.8rem;
    /*font-weight: bold;*/
}


.CatchPhrase{
    text-align: center;
}



#Facilities_Menu_Item1{
    cursor: pointer;
    text-decoration-line:underline;
}

#Facilities_Menu_Item2{
    cursor: pointer;
}

#Facilities_Menu_Item3{
    cursor: pointer;
}

#Facilities_Menu_Item4{
    cursor: pointer;
}

#Facilities_Menu_Item5{
    cursor: pointer;
}
#Facilities_Menu_Item6{
    cursor: pointer;
}

#Facilities_Menu_Item7{
    cursor: pointer;
}

#Facilities_Menu_Item8{
    cursor: pointer;
}


/*--------------------*/
/*Facilities page*/
/*--------------------*/
#Facilities_Screen {
        width : 60%!important;
}
.Facilities_Menu{
    text-align:left;
    font-weight:bold;
     font-size : 1.8rem;  
}

.Facilities_Context{
    text-align:left;
    font-size : 1.8rem;
}

#Facilities_Context_Title{
    text-align:left;
    font-size : 2rem;
    color : #32A5D4;
    padding-bottom : 5%;
}
#Facilities_Context_InnerContext{
    
}

/*--------------------*/
/*Way to come page*/
/*--------------------*/
#googlemapapi_waytocome {
    border:0;
    /*height:250%;*/
    height:50vh;
    width:100%;
}

.left_content_waytocome{
    width:20%;
    color : #32A5D4;   
    font-size : 1.8rem;
    text-align : left;
    vertical-align : top;
    padding-top : 2%;
    padding-bottom : 2%;
}

.right_content_waytocome{
    width:80%;
    font-size : 1.8rem;
    text-align : left;
    vertical-align : top;
    padding-top : 2%;
    padding-bottom : 2%;
}






/*아동,청소년심리검사*/
font.title_comment{
    font-size : 1.4rem !important;
}
font.li_comment{
    font-size : 1.4rem !important;
    color : #ABBA88;
}
table.ivory > tbody > tr {
    border : 10px;
}
table.ivory > tbody > tr > th {
    background-color : #DBDFEA  ;
    text-align: center;
    font-size : 1.4rem !important;
    vertical-align: top;
    padding : 2%;
}

table.ivory > tbody > tr > td:not(.space_td) {
    background-color : #FBFBFB  ;
    font-size : 1.2rem !important;
    vertical-align: top;
    padding : 4%;
    width:49%;
}
.space_td{
    background-color : #FFFFFF  !important;
    width:2%;
}


div#BeOnTV_board_box{
    /*width : 120vh;*/
    overflow : hidden;
}

 div.banner_wraper{
    float : left;
    position: relative;
    display:block;
}

div.banner_wraper-body{
    overflow:hidden;
    height : 20vh;
    width:1000vh;
}


/*div#react_main_button{
    border-top: 5px solid #31A3D5;
    background-color: #F3F3F3;
    font-size: 1.8rem;    
    text-align:center;
    color : #1D4E79;
    margin-bottom : 3vmin;
}
div#react_main_button div{
    border-left:solid #e8e8e8 1px;
    display:inline-block;
    width:24%;
    margin-left: auto;
    margin-right: auto;
    margin-top : 1%;
    margin-bottom : 1vmin;
    padding-top : 1vmin;
    padding-bottom : 1vmin;
}*/
/*mobile test*/
.sub_div_sidemenu{
    float : left;
}
.sub_div_contents{
    min-width: 80vh;
    margin-left: 20vh; 
    margin-right: 20vh;
}
.sub_menu_title{
    float : left;
}

#logo{
    width : "100%";
}



/*Chrome/Opera*/
_::content, _:future, body:not(*:root) { 
    #email{
        width : 80%;
    }
}
 
/*Firefox*/
@-moz-document url-prefix() {
    #email{
        width : 80%;
    }
}
 
/*IE11*/
@media all and (-ms-high-contrast:none){
  #email{
        width : 100%;
    }
}
 
/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #email{
        width : 80%;
    }
}
/*div.sub_div > div#sub_banner {
    display : inline-block;
}*/
