/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll;}
* {max-height: 1000000px;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6;    font-family:'Nanum Gothic';color:#7d7d7d;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}


/*main*/
#wrap{width:100%; min-width:1000px; background:url(/images/main/bg_top.jpg) 0 0 repeat-x; }
#header{width:1000px; margin:0 auto; height:180px; position:relative; }
#header h1{position:absolute; left:50%; top:65px; margin-left:-193.5px;  }
#header > span{font-size:12px; color:#333333; line-height:35px; }
#header > span em{color:#282828; font-weight:bold; }
.top_menu{position:absolute; right:0; top:0; }
.top_menu span{}
.top_menu span a{line-height:35px; display:inline-block; text-align:center; font-size:12px; }
.top_menu span.online a{width:130px; height:35px; background:url(/images/main/bg_online.jpg) 0 0 no-repeat; color:#ffffff; text-indent:21px; }
.top_menu span.sitemap a{width:70px; height:35px; color:#333333; }
.tutor_people{position:absolute; right:158px; top:93px; }
.tutor_japanese{position:absolute; right:187px; top:91px; }
#gnb{position:absolute; left:0; bottom:13px; }
.gnb{}
.gnb > li{float:left; text-align:center; }
.gnb > li > a{font-size:17px; color:#222222; display:inline-block; line-height:31px; height:31px; }
.gnb > li:nth-child(1){width:65px; }
.gnb > li:nth-child(2){width:165px; }
.gnb > li:nth-child(3){width:160px; }
.gnb > li:nth-child(4){width:165px; }
.gnb > li:nth-child(5){width:130px;}
.gnb > li:nth-child(6){width:243px;}
.gnb > li:nth-child(7){width:72px; }
.gnb > li.gnb_tutor > a{width:158px; background:url(/images/main/bg_red.png) 0 0 no-repeat; color:#ffffff; }

h2.ymca_title{width:969px; margin:20px auto 14px; background:url(/images/main/title_ymca.jpg) 1px 50% no-repeat; font-size:20px; color:#333333; 
padding-left:31px; }
.bg_wrap{width:100%; background:#f7f7f7; padding-top:30px; padding-bottom:25px; }
.container{width:1000px; margin:0 auto; }
ul.school_list{}
ul.school_list li{float:left; width:188px; margin-left:15px; position:relative; margin-bottom:25px;}
ul.school_list li:nth-child(5n+1){margin-left:0;  }
a.facebook{position:absolute; left:10px; top:10px; }
.school_img{}
.introduce_txt{width:186px; height:113px; border:1px solid #dddddd; background:#ffffff; margin-top:1px; }
.introduce_txt > a{display:block; width:186px; height:113px; }
.introduce_txt:hover{border:1px solid #333333; }
.introduce_txt_inWrap{width:165px; margin:11px auto 5px; }
.introduce_txt strong{font-size:13px; color:#333333; display:block; height:35px; }
.introduce_txt p{font-size:12px; color:#777777; margin-top:12px;}
.notice_wrap{width:660px; float:left; height:238px; position:relative; }
.notice_wrap h2{width:178px; height:44px; background:#ffffff; border:1px solid #dddddd; text-align:Center; font-size:16px; color:#ac2c2d; 
line-height:44px; border-bottom:1px solid #ffffff; position:absolute; left:0; top:0; z-index:999}
a.more{position:absolute; right:0; top:12px; }
ul.notice_preview{width:598px; padding:25px 30px 18px 30px;  height:149px; background:#ffffff; border:1px solid #dddddd; position:absolute; left:0; top:44px; }
ul.notice_preview li{background:url(/images/main/dot.jpg) 0 10px no-repeat; padding-left:13px; margin-bottom:7px; font-size:14px; color:#333333; }
ul.notice_preview li:after{display:block; content:''; clear:both;}
ul.notice_preview li span{float:right; font-size:13px; color:#888888; line-height:1.8;}
ul.notice_preview li a{font-size:14px; color:#333333; }
ul.notice_preview li a:hover{text-decoration:underline; }
.ymca_experience{float:left; margin-left:35px; width:303px; height:236px; border:1px solid #dddddd; position:relative; 
background:#ffffff url(/images/main/ymca.jpg) 163px 98px no-repeat;  }
/* .ymca_experience:hover{
animation-duration: 500ms;
animation-name:flip;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: inherit;
}
@keyframes flip{
0%{background-size:121px;}
50%{background-size:126px;}
100%{background-size:121px;}
} */
.ymca_experience a{display:block; width:303px; height:236px;}
.ymca_experience h2{font-size:22px; color:#ac2c2d; position:absolute; left:20px; top:24px; line-height:1.4; }
.ymca_experience span.btn_go{display:block; width:64px; height:23px; color:#ffffff; font-size:12px; background:#5e5e5e; line-height:23px; text-align:center; 
position:absolute; left:20px; top:102px}
.ymca_experience:hover span.btn_go{background:#ac2c2d; transition:background 500ms linear; }
#tutor_wrap{width:100%; height:275px; padding-top:50px; background:url(/images/main/tutor.jpg) top center no-repeat; }
.tutor_txt{width:1000px; margin:0 auto; }
.tutor_txt strong{font-size:24px; color:#ffffff; font-weight:normal; display:block; }
.tutor_txt strong span{font-weight:bold; }
.tutor_txt strong em{font-size:38px; font-weight:bold; display:block; }
.tutor_txt p{font-size:14px; color:#ffffff; margin-top:20px;}
#footer{width:100%; height:135px; padding-top:28px;  background:#555555; text-align:center; }
#footer h2{font-size:12px; color:#bbbbbb; font-weight:normal;}
#footer h2 img{vertical-align:-3px; margin-right:5px; }
.footer_menu{margin-top:20px;}
.footer_menu span{}
.footer_menu span a{font-size:12px; color:#ffffff; font-weight:bold; }
#footer address{font-size:12px; color:#bbbbbb; margin-top:8px;}
#footer p{font-size:12px; color:#bbbbbb; margin-top:2px;}


/* sub */
#sub_visual{width:1000px; margin:0 auto; height:220px; }
.sub_visual1{background:url(/images/sub/sub_visual1.jpg) top center no-repeat; }
.sub_visual2{background:url(/images/sub/sub_visual2.jpg) top center no-repeat; }
.sub_visual3{background:url(/images/sub/sub_visual3.jpg) top center no-repeat; }
.sub_visual4{background:url(/images/sub/sub_visual4.jpg) top center no-repeat; }
.sub_visual5{background:url(/images/sub/sub_visual5.jpg) top center no-repeat; }
.sub_visual6{background:url(/images/sub/sub_visual6.jpg) top center no-repeat; }
.sub_visual7{background:url(/images/sub/sub_visual.jpg) top center no-repeat; }
.sub_visual_common{background:url(/images/sub/sub_visual.jpg) top center no-repeat; }
#sub_container{width:1000px; margin:0 auto;}
#sidebar{width:200px; float:left; margin-top:30px; }
#sidebar h2{height:100px; line-height:100px; text-align:center; background:#333333; font-size:22px; color:#ffffff; }
.lnb{margin-top:1px;}
.lnb h3{}
.lnb h3 a{display:block; box-sizing:border-box;  border:1px solid #dddddd; width:200px; margin-top:-1px; font-size:13px; color:#333333; font-weight:normal; 
padding:11px 9px;}
.lnb h3 a:hover{background:#ac2c2d; color:#ffffff; border:1px solid #ac2c2d;}
.lnb h3 a.over{background:#ac2c2d url(/images/sub/lnb_on.png) 184px 50% no-repeat; color:#ffffff; font-weight:bold; border:1px solid #ac2c2d; }
#sub_contents{width:750px; float:right; margin-top:22px;}
.contop{}
.contop h3{font-size:24px; color:#333333; }
span.path{font-size:13px; color:#777777; display:block; margin-top:18px; }
span.path img{vertical-align:-2px; margin-right:2px;}
.conbody{padding-top:47px; padding-bottom:70px; min-height:450px; }
.conbody p{font-size:14px; color:#666666; line-height:1.8;}
h4.h4_title{width:705px; height:50px; border:1px solid #ac2c2d; font-size:20px; color:#ac2c2d;/* background:url(/images/title/title_icon.jpg) 10px 50% no-repeat;*/ padding-left:45px; line-height:50px;}
h5.h5_title{font-size:14px; color:#333333; background:url(/images/sub/h5_title.jpg) 2px 9px no-repeat; padding-left:15px; }

.btn_zone{text-align:right; font-size:0; }
.btn_zone a{margin-left:7px; display:inline-block; height:35px; line-height:35px; font-size:12px; color:#ffffff; text-align:center; }
.btn_zone img{vertical-align:-7px; margin-right:6px;}
a.btn_grey{background:#979797; width:160px;}
a.btn_blue{background:#3b5997; width:155px;}
a.btn_green{background:#008d3f; width:130px;}
a.btn_brown{background:#544741; width: 130px; color: #ffffff;}


.notice_grey{background:#f5f5f5; box-sizing:border-box; width:750px; padding:15px 20px;}
.notice_grey p{font-size:14px; color:#333333; line-height:1.75;}
em.red{font-size:14px; color:#ac2c2d; font-weight:bold; display:block;}
em.red img{margin-right:10px}
.red{font-size:14px; color:#ac2c2d; font-weight:bold; line-height:1.8;}
.green{font-size:14px; color:#008d3f; font-weight:bold; line-height:1.8;}}


/* .indent_wrap{margin-left:15px;} */
.indent_wrap{margin-left:0;}
strong.red{font-size:14px; color:#ac2c2d; font-weight:normal; display:block; line-height:1.8;}
strong.red p{font-size:14px; color:#666666; font-weight:normal; margin-left:10px;}
ul.dot_list{}
ul.dot_list li{background:url(/images/sub/dot.jpg) 0 11px no-repeat; padding-left:10px; font-size:14px; color:#666666; }
.dormitory_pic{font-size:0; }
em.bus{font-size:14px; color:#333333; font-weight:bold; background:url(/images/sub/bus.jpg) 0 2px no-repeat; padding-left:35px; display:block; height:22px;}

/* 테이블 css */
.table00 {width:100%; line-height:18px; border-top:2px solid #444;}
.table00 th {height:36px; line-height:18px; background:#f5f5f5; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:13px; padding:7px 0 }
.table00 td {height:30px; line-height:20px; color:#555; border:1px solid #e1e1e1; text-align:center; font-size:13px; padding:4px 5px;}
.table00 .cont {text-align:left; padding-left:10px;}
.bold{font-weight:bold;}
.txtred{font-size:14px; color:#ac2c2d;  line-height:1.8; font-weight:bold;}
.txtblack{font-size:14px; color:#222; font-weight:600; line-height:1.8;}
.table00 td.bg{background:#fff9e9; font-weight:bold; color:#333;}
.table00 td.line22{line-height:22px;}
.table00 dt{margin:0 auto; margin-top:5px;}
.table00 dd{text-align:center; margin:5px 0; color:#333;}

.face_b a{font-size:16px; font-weight:bold; color:#024a93; }

.lineBox{border:1px solid #ddd; padding:15px 20px 10px 20px; background:#f5f5f5; color:#444; line-height:24px; font-size:14px;}
.lineBox li{margin-bottom:5px;}


/*일본문화체험 버튼*/
.btn_experience1{background:#ac2c2d; padding:5px 7px; color:#fff; font-size:12px; font-weight:bold; display:block;}
.btn_experience2{background:#888; padding:5px 12px; color:#fff; font-size:12px; font-weight:bold;}

/* 고베기숙사 */
.h4_title02{background:url("/images/sub/h4_title02.jpg") no-repeat center left; padding-left:20px; font-size:17px; font-weight:bold; color:#ac2c2d;}

.table01 {width:100%; line-height:18px; border-top:2px solid #444;}
.table01 th {height:36px; line-height:18px; background:#f5f5f5; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:13px; padding:7px 0 }
.table01 td {height:30px; line-height:20px; color:#555; border:1px solid #e1e1e1; font-size:13px; padding:4px 5px;}
.table01 .cont {text-align:left; padding-left:10px;}

.table02 {width:100%; line-height:18px; border-top:2px solid #444;}
.table02 th {height:36px; line-height:18px; background:#f5f5f5; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;text-align:center; font-size:13px; padding:7px 0 }
.table02 td {height:30px; line-height:20px; color:#555; border:1px solid #e1e1e1; font-size:13px; padding:4px 5px;text-align:center;}
.table02 .cont {text-align:left; padding-left:10px;}


.face_b a{font-size:16px; font-weight:bold; color:#024a93; }

.lineBox{border:1px solid #ddd; padding:15px 20px 10px 20px; background:#f5f5f5; color:#444; line-height:24px; font-size:14px;}
.lineBox li{margin-bottom:5px;}

/*교토 기숙사*/
.h4_title03{background:url("/images/sub/h4_title03.jpg") no-repeat left 7px; padding-left:25px; font-size:20px; font-weight:bold; color:#3b5997;}

.ymca_br span {display:block;}