@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');


/*  전체 영역  */	
#wrap { width:100%; min-width:1340px; height:auto !important; height:100%; min-height:100%; width:100%; }
#wrap_sub { width:100%; min-width:1340px; height:auto !important; height:100%; min-height:100%; width:100%; }

/* TM */	
#header { display:block; position:relative; z-index:999; width:100%; height:50px; margin:0 auto; top:0; background:#05367B; }
.tm { width:1300px; margin:0 auto; position:relative; padding:0; text-align:right; top:-2px;}
.tm_login { float:right; margin-top:5px; margin-right:40px; }
.tm_nation { float:right; position:absolute; margin-top:14px; right:0; }
.tm_login1 { float:right; margin-top:5px; margin-right:110px; }
.tm_na { float:right; position:absolute; margin-top:14px; right:0;color:#fff;}
.tm_na a { color:#fff; font-size:13px; font-family:'arial';text-decoration:none; }
.tm_na img { margin-right:7px; }

.tm_na_eng { float:right; width:150px; position:absolute;  z-index:99999994; margin-top:39px; right:50px; color:#000;}
.tm_na_eng a { color:#000; font-size:14px; font-family:'arial'; font-weight:bold;;text-decoration:none; }
.tm_na_eng img { margin-right:7px; }

.span_ll { display:inline-block; padding:0 5px; font-size:15px; font-family:'dotum'; color:#777; font-weight:normal; }
.span_fl { color:#777; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* GNB */
#gnb { display:block; position:relative; z-index:999999; width:100%; height:100px; min-width:1300px; margin:0 auto; top:0px; } 
.gnb_stripe { height:100px; position:relative; z-index:1; }

#gnb_nav { display:none; width:100%; height:100px; min-width:1300px; margin:0 auto; position:relative; background:none;  transition: all .4s ease; } 
#gnb_nav_wrapper { width:1300px; height:30px; margin:0 auto; position:relative; top:40px; left:470px; }
#gnb_nav_wrapper .logo { float:left; width:340px; top:-18px; left:-470px; position:absolute; z-index:94; transition: all .4s ease;  }
#gnb_nav_wrapper .logo_eng { float:left; top:-18px; margin-left:-700px; position:absolute; z-index:94; transition: all .4s ease;  }
#gnb_nav_wrapper div.default ul{ position:absolute; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left;  height:30px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:30px;  font-family:'Noto Sans Kr'; color:#222; font-size:21px; font-weight:500; letter-spacing:-0.06em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:30px; width:100%; height:30px; position:absolute; background:#fff; color:#4172C2; }		

.gnb_lineBottom { /*display:none;*/ display:inline-block; top:54px; left:0; height:3px; background:#4172C2; opacity:0; filter:alpha(opacity=0); position:absolute; z-index:999; }

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; height:30px; cursor:pointer; position:relative; }
	
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { /*display:block; */ display:none; top:0; margin-top:8px; padding:0; position:absolute;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:15px; line-height:15px; position:absolute; background:#444; opacity:0.2; }
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li:first-child { /*display:none;*/ }
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li:last-child { display:none; }

#snb_nav_mask { top:70px; width:100%; height:0; margin:0 auto; overflow:hidden; position:relative; background:#fff; opacity:1; border-bottom:1px #E0E0E0 solid; } 

#snb_nav_wrapper { top:0px; left:470px; width:1300px; height:250px; position:relative; margin:0 auto; padding-top:15px; }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; height:250px; background:#fff; position:relative; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; text-align:center; list-style:none; height:32px;  line-height:32px; font-family:'Noto Sans Kr';  font-size:17px; font-weight:400; background:#fff; color:#222;  letter-spacing:-0.05em; cursor:pointer; position:relative; }
					
#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:180px; height:250px; position:relative; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:180px; height:32px; background:#fff; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; height:250px; position:relative; margin-top:0px;  }

.lineBottom { /*display:none;*/ display:block; top:100px; left:0; width:100%; height:1px; background:#ddd; opacity:0; filter:alpha(opacity=0); position:absolute; }		
.gnb_line { /*display:none;*/ left:0; width:100%; height:1px; background:#ddd;  position:absolute; }

.logoSide { display:none; width:60px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-710px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-60px; cursor:pointer; }

.navbar { position:fixed; width:100%; height:112px; margin:0 auto; z-index:99992; margin-top:0px;  }
.navbar.sticked { width:100%; transition: all 0.2s ease; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:0px; }
.navbar {  }
.navbar.sticked { top:-100px; background:#fff; transition: all 0.6s ease; /*-webkit-box-shadow:0 0 10px 0px #444; box-shadow:0 0 10px 0 #444;*/ }


/*  MAIN VISUAL  */	
#visual_main { display:block; position:relative; z-index:1; width:100%; height:600px; top:0px; }
#mvisual_contents { width:100% !important; height:600px; position:relative;overflow:hidden; top:0px; }
#mvisual_contents .main_img_wrap { position:inherit !important; width:100% !important;}
.main_img_wrap .main_text_area {margin:0 auto;width:100%;position:relative;height:600px;text-align:center;}

.mvisual_01_text { width:100% !important; height:600px; position:relative; text-align:center; background:url('../images/MainVisual/bg1.jpg') 50% 50%; background-size:cover; }
.mvisual_01_text .txt1_1 { position:absolute; text-align:center; top:250px; width:100%; font-family:'Noto Sans Kr'; font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.05em; }
.mvisual_01_text .txt1_1 strong { font-family:'GmarketSansBold'; font-weight:300; letter-spacing:0em; }
.mvisual_02_text { width:100% !important; height:600px; position:relative; text-align:center; background:url('../images/MainVisual/bg2.jpg') 50% 50%; background-size:cover; }
.mvisual_02_text .txt2_1 { position:absolute; text-align:center; top:250px; width:100%; font-family:'Noto Sans Kr'; font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.05em; }
.mvisual_02_text .txt2_1 strong { font-family:'GmarketSansBold'; font-weight:300; letter-spacing:0em; }
.mvisual_03_text { width:100% !important; height:600px; position:relative; text-align:center; background:url('../images/MainVisual/bg3.jpg') 50% 50%; background-size:cover; }
.mvisual_03_text .txt3_1 { position:absolute; text-align:center; top:250px; width:100%; font-family:'Noto Sans Kr'; font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.05em; }
.mvisual_03_text .txt3_1 strong { font-family:'GmarketSansBold'; font-weight:300; letter-spacing:0em; }
.mvisual_04_text { width:100% !important; height:600px; position:relative; text-align:center; background:url('../images/MainVisual/bg4.jpg') 50% 50%; background-size:cover; }
.mvisual_04_text .txt4_1 { position:absolute; text-align:center; top:250px; width:100%; font-family:'Noto Sans Kr'; font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.05em; }
.mvisual_04_text .txt4_1 strong { font-family:'GmarketSansBold'; font-weight:300; letter-spacing:0em; }

.mvisualBtn { /*display:none;*/ display:inline-block; position:relative; bottom:60px; margin-left:-960px; width:100%; margin:0 auto; left:47%; z-index:999;}
.mvisualBtn ul {overflow:hidden;margin:0 auto; }
.mvisualBtn ul li { float:left; }
.mvisualBtn ul li:first-child {margin:0 auto;}
.mvisualBtn ul li a { display:inline-block; margin:0 3px; width:30px;height:3px; background:#999; overflow:hidden;line-height:999px; }
.mvisualBtn ul li a.ico_1 { float:left; }
.mvisualBtn ul li a.ico_2 { float:left; }
.mvisualBtn ul li a.ico_3 { float:left; }
.mvisualBtn ul li a.ico_4 { float:left; }
.mvisualBtn ul li.on a.ico_1 { position:relative; width:30px; height:3px; background:#fff; transition: all 0.3s ease;transition-delay: 0.0s; }
.mvisualBtn ul li.on a.ico_2 { position:relative; width:30px; height:3px; background:#fff; transition: all 0.3s ease;transition-delay: 0.0s; }
.mvisualBtn ul li.on a.ico_3 { position:relative; width:30px; height:3px; background:#fff; transition: all 0.3s ease;transition-delay: 0.0s; }
.mvisualBtn ul li.on a.ico_4 { position:relative; width:30px; height:3px; background:#fff; transition: all 0.3s ease;transition-delay: 0.0s; }

.pn_nav { display:inline-block; position:absolute; z-index:99999; margin:0 auto;  width:100%; height:58px; }
.pn_nav_area { width:100%; position:relative; margin:0 auto; margin-top:250px; }
.pn_nav a em.prev_btn { position:absolute; width:45px;height:45px; display:inline-block; left:60px; cursor:pointer; opacity:1; transition: all 0.3s ease;}
.pn_nav a em.prev_btn:hover { left:50px; transition: all 0.3s ease; }
.pn_nav a em.next_btn { position:absolute; width:45px;height:45px;display:inline-block; right:70px; cursor:pointer; opacity:1; transition: all 0.3s ease; }
.pn_nav a em.next_btn:hover { right:60px; transition: all 0.3s ease; }


/* 연간일정표 */
.month_container { display:inline-block; width:100%; margin-top:70px; position:relative; z-index:4; text-align:center; }
.month_wrap { display:inline-block; width:1300px; text-align:left; margin:0 auto; position:relative; padding:30px 40px 30px 40px; border:1px #ccc solid; background:#f8f8f8; }
.month_wrap span { margin:0 auto;  font-family:'Noto Sans KR';  font-size:25px; font-weight:500; line-height:30px; letter-spacing:-0.06em; }

/* 교수진소개 */
.section1_container { display:inline-block; width:100%; height:730px; margin-top:90px; position:relative; z-index:4; text-align:center; }
.section1_container p { margin:0 auto;  font-family:'Noto Sans KR';  font-size:40px; font-weight:500; line-height:60px; letter-spacing:-0.06em; }
.section1_wrap { width:1300px; margin:0 auto; position:relative; margin-top:40px; }

/* 연구, 질환 */
.section2_container { display:inline-block; width:100%; height:709px; margin-top:120px; position:relative; z-index:9; text-align:center; background:#fff;  background:url('../images/section2_bg.jpg') 50% 50%; background-size:cover;}
.section2_wrap { width:1300px; margin:0 auto; position:relative; margin-top:90px; }
.section2_wrap .box1 { float:left; width:630px; height:423px; text-align:left; font-family:'Noto Sans Kr'; color:#fff; letter-spacing:-0.05em; }
.section2_wrap .box1 > div:nth-child(1) { font-size:40px; font-weight:500; }
.section2_wrap .box1 > div:nth-child(2) { font-size:18px; font-weight:300; }
/*
.section2_wrap .box1 > div:nth-child(3) p { width:580px; line-height:35px; margin-top:40px; }
.section2_wrap .box1 > div:nth-child(3) p > span:nth-child(1) { float:left; width:290px; font-size:18px; font-weight:300;border-bottom:1px #395D8D dotted; cursor:pointer; }
.section2_wrap .box1 > div:nth-child(3) p > span:nth-child(2) { float:left; width:290px; font-size:18px; font-weight:300;border-bottom:1px #395D8D dotted; cursor:pointer; }
*/
.section2_wrap .box1 > div:nth-child(3) p { float:left; width:170px; line-height:35px; margin:40px 30px 0 0; }
.section2_wrap .box1 > div:nth-child(3) p strong { float:left; width:170px; line-height:35px; margin-bottom:10px; font-size:20px; font-weight:500; background:#335c93; padding-left:10px;}
.section2_wrap .box1 > div:nth-child(3) p span { float:left; width:170px; font-size:17px; font-weight:300;border-bottom:1px #395D8D dotted; cursor:pointer; }
.section2_wrap .box1 > div:nth-child(3) p span:hover { color:#a6cbff; }

.section2_wrap .box2 { float:left; width:670px; height:550px; text-align:left; padding-left:35px; font-family:'Noto Sans Kr'; color:#fff; letter-spacing:-0.05em; border-left:1px #395D8D dotted; }
.section2_wrap .box2 > div:nth-child(1) { font-size:40px; font-weight:500; padding-left:10px; }
.section2_wrap .box2 > div:nth-child(2) { font-size:18px; font-weight:300; padding-left:10px; }
.section2_wrap .box2 > div:nth-child(3) p { float:left; width:180px; margin:40px 15px 0 15px; }
.section2_wrap .box2 > div:nth-child(3) p > span:nth-child(1) { display:inline-block; width:180px; height:250px; line-height:240px;text-align:center; border:2px #fff solid; border-radius:20px; }
.section2_wrap .box2 > div:nth-child(3) p > span:nth-child(2) { display:inline-block; width:180px; font-size:20px; font-weight:400;  line-height:80px; text-align:center; }
.section2_wrap .box2 > div:nth-child(3) p > span:nth-child(3) { display:block; margin:0 auto; width:50px; height:50px; font-family:'roboto'; font-size:20px; font-weight:500;  line-height:50px; text-align:center; background:#134383; border-radius:50%;  transition: all 0.3s ease; }
.section2_wrap .box2 > div:nth-child(3) p > span:nth-child(3):hover { background:#fff; color:#134383; transition: all 0.3s ease; cursor:pointer; }

/* 정보, 달력 */
.section3_container { display:inline-block; width:100%; height:10px; margin-top:0px; position:relative; z-index:9; text-align:center; background:#fff; }
.section3_wrap { width:1480px; margin:0 auto; position:relative; }


/* 포토 갤러리 */
.section4_container { display:inline-block; width:100%; height:400px; margin-top:-27px; position:relative; z-index:9; text-align:center; background:#133E7F;  }
.section4_wrap { width:100%; margin:0 auto; position:relative; margin-top:0px; }
.section4_wrap > div:nth-child(1) { float:left; width:25%; height:400px; padding:135px 0 0 5%; background:#133E7F; }
.section4_wrap > div:nth-child(1) > p:nth-child(1) { text-align:left; font-size:40px; color:#fff; font-weight:500; font-family:'Noto Sans Kr';letter-spacing:-0.05em; }
.section4_wrap > div:nth-child(1) > p:nth-child(2) { text-align:left; font-size:18px; color:#fff; font-weight:300; font-family:'Noto Sans Kr';letter-spacing:-0.05em; padding-top:10px; }
.section4_wrap > div:nth-child(2) { float:left; width:75%; text-align:left; }


ul.tabs { display:block; position:relative; z-index:2; margin:0 auto; margin-top:0; list-style:none; width:100%; height:47px; }
.tabs li { display:inline-block; text-align:center; cursor:pointer; width:19.8%; margin:0 auto; padding:0; height:47px; line-height:47px; background:#eee; color:#000; border:0px #ddd solid; margin-right:1px; font-family:'Noto Sans Kr'; font-size:17px; font-weight:500; overflow:hidden; }
.tabs li.active { background:#22989A; color:#fff; }
.tabs li:last-child { /*border-right:none;*/}
.tab_container { position:absolute; z-index:1; width:100%; height:380px; background:#fff; margin:0 auto; padding:0; margin-top:0px;}
.tab_content { padding:0; display:block; }
 #container_tab { display:inline-block; width:100%; text-align:center; margin:0 auto; }



/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; height:300px; top:0px; }
#visual_sub_eng { display:inline-block; position:relative; z-index:1; width:100%; height:500px; top:0px; }
.visual_sub_wrap{	position:relative; height:100%; overflow:hidden; }
.back_img{ position:relative; left:0; top:0; width:100%; height:100%; z-index:1;
	-moz-transform: translate(0) scale(1.05);;
	-webkit-transform: translate(0) scale(1.05);;
	-o-transform: translate(0) scale(1.05);;
	-ms-transform: translate(0) scale(1.05);;
	transform: translate(0) scale(1.05);;
}
.visual_sub_wrap.on .back_img{
 left:0; top:0; width:100%; height:100%; z-index:1;
  -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	-moz-transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
}

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; top:0px; border-top:1px #eee solid; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-960px; width:1920px; }
#board .bo_cont { width:1300px; min-height:1000px; padding:70px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 
#board .bo_cont .aside { float:left; width:150px; } 
#board .bo_cont .aside .snbTitle { display:block; margin:0 0 10px 0; font-family:'Noto Sans Kr'; font-size:17px; line-height:36px; padding:0 0 0 15px; background:#247C98; color:#fff; letter-spacing:-0.03em; }
#board .bo_cont .cont { float:left; width:1100px; padding-left:50px; } 

/* SNB */
.snb_pc { display:block; position:relative; z-index:5; width:100%; margin-top:-40px; text-align:center; }
.snbBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:30px 0 50px 0; }
.snbBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.snbBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-size:18px; letter-spacing:-0.03em;}
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:48px; line-height:48px; /* 깜빡임 없앰 -> */ background:#f5f5f5; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.snbBtn .nav li:first-child { border-radius:25px 0 0 25px; }
.snbBtn .nav li:last-child { border-radius:0 25px 25px 0; }
.snbBtn .nav li a:hover {  }
.snbBtn .nav li span {  display:block; height:46px; background:#2D6BC2; color:#FFF; text-align:center; cursor:pointer;  }
.snbBtn .nav li:first-child span { border-radius:25px 0 0 25px; }
.snbBtn .nav li:last-child span { border-radius:0 25px 25px 0; }

.snbProf { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; margin-bottom:20px; }
.snbProf .nav { position:relative; width:150px; }
.snbProf .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-size:16px; font-weight:400;  letter-spacing:-0.03em;}
.snbProf .nav li { list-style:none; display:inline-block; float:left; position:relative; width:150px; height:26px; line-height:26px; /* 깜빡임 없앰 -> */ color:#222; text-align:left; cursor:pointer; }
.snbProf .nav li span {  display:block; height:26px; color:#229A98;  font-weight:600; cursor:pointer;  }


.cate_pc { width:100%; margin-bottom:40px; }
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn .nav { width:1100px; position:relative; height:36px; margin:0 auto; border-bottom:1px #ccc solid; }
.cateBtn .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-size:17px; font-weight:400; letter-spacing:-0.04em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; float:left; width:12%; height:36px; line-height:34px; color:#000;  border:1px #ccc solid; border-bottom:1px #fff solid; margin-right:-1px; text-align:center; cursor:pointer;transition: all .5s ease}
.cateBtn .nav li span {  display:block; margin-top:-1px; height:36px; line-height:34px; background:#2773A5; color:#fff; border:1px #2773A5 solid; border-bottom:1px #fff solid; text-align:center; cursor:pointer; transition: all .5s ease }

.cateBtn1 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn1 .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn1 .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-size:17px; letter-spacing:-0.03em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:40px; line-height:38px; /* 깜빡임 없앰 -> */ background:#f5f5f5; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn1 .nav li:first-child { border-radius:20px 0 0 20px; }
.cateBtn1 .nav li:last-child { border-radius:0 20px 20px 0; }
.cateBtn1 .nav li a:hover {  }
.cateBtn1 .nav li span {  display:block; height:38px; background:#23929B; color:#FFF; text-align:center; cursor:pointer;  }
.cateBtn1 .nav li:first-child span { border-radius:20px 0 0 20px; }
.cateBtn1 .nav li:last-child span { border-radius:0 20px 20px 0; }

.snb_tit { width:1300px; margin:0 auto; position:relative; z-index:3; text-align:left; margin-top:-80px; }
.snb_tit .bo_tit { left:0; width:650px; height:150px; display:inline-block; text-align:center; background:url('../images/snb_bg.jpg');}
.snb_tit .bo_tit > p:nth-child(1) { font-family:'roboto'; font-size:12px; color:#fff; font-weight:300; padding:34px 0 0; letter-spacing:0.5em;}
.snb_tit .bo_tit > p:nth-child(2) { font-family:'Noto Sans Kr'; font-size:50px; color:#fff; font-weight:500; padding:0; letter-spacing:-0.05em;}
.snb_tit .bo_nav {  float:right; text-align:right; margin-top:105px; font-family:'Noto Sans Kr'; font-size:15px; font-weight:500; color:#444; letter-spacing:-0.04em;}

.snb_tit_eng { width:1300px; margin:0 auto; position:relative; z-index:3; text-align:left; margin-top:50px; }
.snb_tit_eng .bo_tit { left:0; width:650px; height:150px; display:inline-block; text-align:center; }
.snb_tit_eng .bo_tit { font-family:'RixMyeongjo-B'; font-size:35px; font-weight:bold; padding:34px 0 0; letter-spacing:0.01em;}


/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; margin-top:-6px;  text-align:center; background:#F5F5F5; }
.copyright { width:1300px; margin:0 auto; text-align:center; padding:50px 0 130px 0; }
.copyright .tail_logo { position:relative; width:300px; height:115px; left:0px;text-align:left; border-right:1px #bbb solid; }
.copyright .tail_add { position:relative; margin-left:340px; margin-top:-55px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; line-height:15px;}
.copyright .tail_add p { padding-top:11px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; }
.copyright .tail_logo1 { position:relative; width:402px; height:115px; left:0px;text-align:left; }
.copyright .tail_add1 { position:relative; margin-left:440px; margin-top:-105px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; line-height:15px;}
.copyright .tail_add1 p { padding-top:11px; text-align:left; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; }
.copyright .tail_menu { margin-left:340px; margin-top:-100px; text-align:left; padding:10px 0 0;}
.copyright .tail_menu span { text-align:center; margin:0; padding:5px 14px 6px 14px; color:#333; border:1px #777 solid; font-size:13px; line-height:30px; letter-spacing:-0.05em;  font-weight:300;}
.copyright .tail_menu span a { font-family:'Noto Sans Kr'; color:#bbb; text-decoration:none; }

.copyright .tail_family {margin-left:1100px; margin-top:-35px; }
.copyright .tail_family select { width:200px; height:38px; background:#133E7F; color:#fff; font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; padding:0 6px; }

.span_line { clear:both; display:inline-block; width:11px; border-left:1px #fff solid; line-height:12px; margin:0 0 0 13px; }
.tail_line { clear:both; display:inline-block; width:10px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 11px; }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:1px; text-align:center;  border-top:0px #ddd solid;}
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:0 0 90px 0; }

/* Go Top 버튼 */
a.go-top { position: fixed; right: 30px; bottom: 100px; width: 65px; height: 65px; z-index: 999; display: none; }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:42px; margin:0 auto; margin-bottom:20px; font-size:17px; font-weight:500; line-height:40px; letter-spacing:-0.05em;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:42px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:42px; line-height:40px; padding:0 25px; background:#fff; border:1px #ddd solid; margin-right:-1px; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; margin:0 -25px; padding:0 25px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:40px; line-height:40px; margin:0 -25px; padding:0 25px; background:#222; border:0px #ddd solid; color:#FFF; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { min-width:380px; }
#bo_sch select{ width:120px; }
#bo_sch .sch_input{ width:205px; }

#bo_sch input[type=text]:focus,input[type=password]:focus {
border: 0px !important;
}

/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn3, a.btn3{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:690px; top:55px; width:40px;height:40px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}