
*{margin:0; padding:0;  -webkit-font-smoothing: antialiased;  font-family:'Nanumsquare','Nanum Barun Gothic','Noto Sans KR','Open Sans', sans-serif,'Roboto',sans-serif;  }
ul,li{list-style:none}

.pc{display:none}
.mobile{display:block}


.wid{width:94%; margin:0 3%}
.main_wid{width:100%}
.m_img{width:94%; margin:0 3%}
.clearfix{clear:both}
.clearfix_1{clear:both; padding-top:2px;}
.clearfix_2{clear:both; padding-top:4px;}
.clearfix_3{clear:both; padding-top:6px;}
.clearfix_4{clear:both; padding-top:8px;}
.clearfix_5{clear:both; padding-top:10px;}
.clearfix_6{clear:both; padding-top:12px;}
.clearfix_7{clear:both; padding-top:14px;}
.clearfix_8{clear:both; padding-top:16px;}
.clearfix_9{clear:both; padding-top:17px;}
.clearfix_10{clear:both; padding-top:20px;}
.clearfix_15{clear:both; padding-top:150px;}
.clearfix_20{clear:both; padding-top:200px;}
.clearfix_30{clear:both; padding-top:300px;}

.p_b_1{padding-bottom:10px;}
.p_b_2{padding-bottom:20px;}
.p_b_3{padding-bottom:30px;}
.p_b_4{padding-bottom:40px;}
.p_b_5{padding-bottom:50px;}
.p_b_6{padding-bottom:60px;}
.p_b_7{padding-bottom:70px;}
.p_b_8{padding-bottom:80px;}
.p_b_9{padding-bottom:90px;}
.p_b_10{padding-bottom:100px;}


.p_t_1{padding-top:10px;}
.p_t_2{padding-top:20px;}
.p_t_3{padding-top:30px;}
.p_t_4{padding-top:40px;}
.p_t_5{padding-top:50px;}
.p_t_6{padding-top:60px;}
.p_t_7{padding-top:70px;}
.p_t_8{padding-top:80px;}
.p_t_9{padding-top:90px;}
.p_t_10{padding-top:100px;}

.p_l_1{padding-left:5px;}
.p_l_2{padding-left:10px;}
.p_l_3{padding-left:15px;}
.p_l_4{padding-left:18px;}
.p_l_5{padding-left:20px;}
.p_l_6{padding-left:24px;}
.p_l_7{padding-left:27px;}
.p_l_8{padding-left:30px;}
.p_l_9{padding-left:34px;}
.p_l_10{padding-left:40px;}


.p_r_1{padding-right:5px;}
.p_r_2{padding-right:10px;}
.p_r_3{padding-right:15px;}
.p_r_4{padding-right:18px;}
.p_r_5{padding-right:20px;}
.p_r_6{padding-right:24px;}
.p_r_7{padding-right:27px;}
.p_r_8{padding-right:30px;}
.p_r_9{padding-right:34px;}
.p_r_10{padding-right:40px;}


.m_t_1{margin-top:5px;}
.m_t_2{margin-top:10px;}
.m_t_3{margin-top:13px;}
.m_t_4{margin-top:15px;}
.m_t_5{margin-top:17px;}
.m_t_6{margin-top:20px;}
.m_t_7{margin-top:23px;}
.m_t_8{margin-top:26px;}
.m_t_9{margin-top:29px;}
.m_t_10{margin-top:40px;}

.padding_04{padding:40px}


a:link {  text-align:center; text-decoration:none;  color:#438edc}
a:visited { text-align:center;  text-decoration:none;  color:#438edc}
a:hover { text-align:center;  text-decoration:none;  color:#9b9b9b }
a:active { text-align:center;  text-decoration:none;  color:#438edc}


a.colab:link { font-size:15px;  text-align:center; text-decoration:none;  color:#212121}
a.colab:visited {font-size:15px; text-align:center;  text-decoration:none;  color:#212121}
a.colab:hover { font-size:15px; text-align:center;  text-decoration:none;  color:#9b9b9b }
a.colab:active {font-size:15px; text-align:center;  text-decoration:none;  color:#212121}

#regASub{font-size:11px !important;font-weight:400 !important;}

#layout_2{width:100%; float:left}
#layout_2 ul li{width:48%; float:left; margin-right:2%;}
#layout_2 ul li:last-child{ margin-right:0px; margin-left:2%}

#layout_2_welcome{width:80%; float:left; margin:0 10%}
#layout_2_welcome ul li{width:48%; background:#f2f2f2; border-radius:8px; padding-top:40px; padding-bottom:40px; float:left; text-align:center; margin-right:2%;}
#layout_2_welcome ul li:last-child{ margin-right:0px; margin-left:2%}


#layout_3{width:100%; float:left}
#layout_3 ul li{width:31.66%;  float:left; margin-right:2%;  cursor:pointer;}
#layout_3 ul li:nth-of-type(3){margin-right:0px;  }


#layout_4{width:100%; float:left}
#layout_4 ul li{width:40%;  float:left; margin:10px 5%;  cursor:pointer;}


#layout_5{width:100%; float:left}
#layout_5 ul li{width:18.4%;  float:left; margin-right:2%;  cursor:pointer;}
#layout_5 ul li:nth-of-type(5n+5){margin-right:0px;  }


.bg_gray{ background:#e9e9e9}




.sub_title_02{font-size:18px;  padding-top:30px;  text-align:left;  font-weight:500; padding-bottom:15px; color:#124e87}
.sub_title_03{font-size:18px;  padding-top:30px;  text-align:left;  font-weight:500; padding-bottom:15px; color:#2371c6}
.sub_title_04{font-size:18px;  padding-top:30px;  text-align:left;  font-weight:700; padding-bottom:15px; color:#212121}
.sub_title_05{font-size:22px;  padding-top:30px;  text-align:left;  font-weight:500; padding-bottom:15px; color:#124e87}
.sub_title_06{font-size:22px;  padding:20px; background:#eef5fd; border:2px solid #124e87;  text-align:left;  font-weight:500; padding-bottom:15px; color:#124e87}


.private{padding:15px 3%; border:1px solid #dedede; width:94%; margin-bottom:10px;}


#sub_title2{font-size:35px; color:#000; text-align:center; font-weight:500; padding:80px 0px 0px 0;}
.hbic_sub_title{font-size:30px; color:#000; text-align:center; font-weight:500; padding:80px 0px 0px 0;}
.hbic_sub_title_w{font-size:30px; color:#fff; text-align:center; font-weight:500; padding:80px 0px 0px 0;}


#sub_title3{font-size:25px; color:#3284c3; text-align:center; font-weight:500; border:3px solid #eee; padding:20px 0px 20px 0;}

.sub_txt{ color:#505050; text-align:justify;  line-height:20px;}

.sub_txt_01{font-size:18px; font-weight:500;}
.sub_txt_02{ background:#deeaf7; color:#4268b2; font-size:19px; font-weight:600; padding:9px 0px 9px 15px; margin-top:15px;}




.sub_orange{font-size:18px; color:#f7941e; font-weight:500;}
.sub_orange_back{ background:#f7941e; color:#fff; font-size:20px; text-align:center; padding:15px; width:100%;}
.sub_black{font-size:18px; color:#000; font-weight:500;}


.line_gray{border-bottom:1px solid #dedede}
.line_black{border-bottom:1px solid #cdcdcd}

#scroll_top_wrap{width:100%; margin:0 auto}
.scroll_top{position:fixed; width:100%; margin:0 auto}
.btn_top{ opacity:1.0 width:50px; position:absolute; bottom:-1200px; right:50px; height:50px; cursor:pointer; background:#fff; border:1px solid #dedede; color:#fff; font-size:16px; font-weight:400; text-align:center; line-height:50px;}
.btn_top i{color:#969696; font-size:18px; line-height:50px;}
.btn_top a{ text-decoration:none; width:50px; height:50px; display:block; color:#fff}
.btn_fixed{ opacity:1.0; width:50px; position:absolute; bottom:-800px; left:1300px; height:50px; cursor:pointer; border:1px solid #dedede; background:#fff; color:#fff; font-size:16px; font-weight:400; text-align:center; line-height:50px;}



#wrapper{width:100%;  float:left;  }
#txt_area{width:94%; margin:3%; float:left;  height:100%;  background:#fff}
#info_wrap{padding-left:4%; float:left; width:26%; height:100%; }

#info ul li:first-child{padding-top:32px; font-size:49px;font-weight:bold}
#info ul li:nth-of-type(2){font-size:27px; line-height:32px;  padding-top:72px;}
#hospital{ width:100%;  box-sizing:border-box }

#hospital div p.h_title{color:#fff; padding-top:168px; padding-left:20px; font-size:35px; font-weight:bold}
#hospital div p.h_title span{display:block; padding-bottom:345px; color:#fff;  font-size:35px; }
#hospital div ul.h_btn{margin-bottom:55px;}
#hospital div ul.h_btn li{border:2px solid #fff; cursor:pointer; width:74%; margin:10px 8%; font-weight:500; color:#fff; text-align:center; font-size:20px; cursor:pointer; padding:9px 5%}
#hospital div ul.h_btn li:hover{ background:#fff; color:#212121}

#hospital div.h_1{width:100% ;background:url(/_images/h_1.gif) no-repeat; background-size:cover; background-position:0px 0px  }
#hospital div.h_2{ width:100% ;background:url(/_images/h_2.gif) no-repeat;  background-size:cover;   background-position:0px 0px }
#hospital div.h_3{ width:100% ; background:url(/_images/h_3.gif) no-repeat; background-size:cover;   background-position:0px 0px }
#hospital div.h_4{width:100% ;background:url(/_images/h_4.gif) no-repeat; background-position:0px 0px;  background-size:cover;  }
#hospital div.h_5{width:100% ; background:url(/_images/h_5.gif) no-repeat; background-size:cover;   }



#main_img_area{  width: 100%; position:absolute; background:url(../_images/bg.gif); background-position:0px -250px }
#main_img_area .logo{ text-align:center; padding-top:90px;}
#main_img_area .main_txt{text-align:center; padding-top:50px; padding-bottom:30px;}


#main_slide_info{ padding-top:130px; width:100%; margin:0 auto}
#main_slide_info ul li:first-child{font-size:60px;  font-family:"Open Sans", sans-serif; text-align:center;  color:#fff; font-weight:700; }
#main_slide_info ul li:nth-of-type(2){font-size:29px; font-family:"Open Sans", sans-serif; text-align:center; letter-spacing:-0.1px; font-weight:200; color:#fff; padding-bottom:40px}
#main_slide_info ul li:nth-of-type(3){font-size:24px; font-family:"Open Sans", sans-serif; text-align:center;  font-weight:600; color:#fff;}


#main_slide_info2{width:1200px; position:relative; margin:0 auto;}
#main_slide_info2 ul li{position:absolute; top:30px;}

#main_slide_info3{width:100%; position:relative; margin:0 auto;}
#main_slide_info3 ul li{position:absolute; right:30px; top:50px;}


#main_slide_info_m{display:none; text-align:center;}
#main_slide_info_m img{width:60%;  padding-top:120px;}



a.lang_link:link { font-size:13px;  text-align:center; text-decoration:none; line-height:30px; color:#212121}
a.lang_link:visited {font-size:13px; text-align:center;  text-decoration:none; line-height:30px; color:#212121}
a.lang_link:hover { font-size:13px; text-align:center;  text-decoration:none; line-height:30px; color:#f0f0f0 }
a.lang_link:active {font-size:13px; text-align:center;  text-decoration:none; line-height:30px; color:#212121}


.btn_top{ opacity:1.0 width:50px; position:absolute; bottom:-1200px; right:50px; height:50px; cursor:pointer; background:#fff; border:1px solid #dedede; color:#fff; font-size:16px; font-weight:400; text-align:center; line-height:50px;}
.btn_top i{color:#969696; font-size:18px; line-height:50px;}
.btn_top a{ text-decoration:none; width:50px; height:50px; display:block; color:#fff}
.btn_fixed{ opacity:1.0; width:50px; position:absolute; bottom:-800px;right:50px; height:50px; cursor:pointer; border:1px solid #dedede; background:#fff; color:#fff; font-size:16px; font-weight:400; text-align:center; line-height:50px;}

#btn_dep_1{width:150px; margin:20px auto 70px auto; }
#btn_dep_1 ul li{width:100%; height:47px; cursor:pointer; text-align:center; line-height:47px; background:#fff; border:1px solid #dedede; box-sizing:border-box; color:#212121; font-weight:500; font-size:19px}
#btn_dep_1 ul li:hover{ background:#000; color:#fff}
#btn_dep_1 i{color:#fff; font-size:20px; font-weight:bold}


#btn_dep_1_1{width:250px; margin:20px auto 20px auto; }
#btn_dep_1_1 ul li{width:100%; height:47px; cursor:pointer; text-align:center; line-height:47px; background:#0e79bd; border-radius:50px; color:#fff; font-weight:500; font-size:19px}
#btn_dep_1_1 ul li:hover{ background:#000; color:#fff}
#btn_dep_1_1 i{color:#fff; font-size:20px; font-weight:bold}

#btn_dep_1_3{width:200px; margin:0 auto; }
#btn_dep_1_3 ul li{width:100%; height:54px; cursor:pointer; text-align:center; line-height:54px;  border:2px solid #03acf1; box-sizing:border-box; color:#03acf1; font-weight:600; font-size:22px}
#btn_dep_1_3 ul li i{color:#212121}
#btn_dep_1_3 ul li:last-child{ margin-right:0px; margin-left:2%}
#btn_dep_1_3 ul li:hover{ background:#000; border:1px solid #000; color:#fff}
#btn_dep_1_3 ul li:hover i{color:#fff}


/* quick */

#quick{ font-family:Nanumsquare;  z-index:100000; top:-131px; width:100%; }
#quick ul.btn_quick{width:100%; margin:0 auto;}
#quick ul.btn_notice{width:40%; float:left}
#quick ul.btn_quick li{float:left; cursor:pointer; padding-top:10px;  text-align:center; width:20%; }
#quick ul.btn_quick li span{display:block; text-align:center; padding-top:8px; padding-bottom:20px; font-size:12px; color:#fff;}
#quick ul.btn_quick li img{width:70%; text-align:center}

#quick ul.btn_notice li:first-child{color:#212121; font-family:Nanumsquare; width:100%; font-size:20px; font-weight:600; padding-top:5px;}
#quick ul.btn_notice li:first-child span{ display:inline-block; color:#212121; font-family:Nanumsquare;  padding-top:25px; font-size:20px; font-weight:400;}
#quick ul.btn_notice li:nth-of-type(2){ float:left; width:100%;  box-sizing:border-box;  margin-top:15px; position:relative} /*line*/
#quick ul.btn_notice li:nth-of-type(2) p{ right:5px; color:#212121; font-size:11px; cursor:pointer; top:-20px; position:absolute;} /*더보기*/
#quick ul.btn_notice li:nth-of-type(2) ul li{color:#212121; font-size:15px; font-family:Nanum Barun Gothic; line-height:20px; width:100%; margin-top:0px;  padding-top:10px; clear:both;   font-weight:400; padding-left:0px;  border-left:0px;} /*title */

#quick ul.btn_notice li:nth-of-type(2) ul span{font-size:14px; display:inline-block; padding-top:5px; padding-bottom:10px; float:left; color:#a8a8a8; } /* date */

#quick ul.btn_notice li:nth-of-type(2) ul span.last{ }



#mngr_notice{width:94%; margin:0 3%;  border:1px solid #dedede; box-sizing:border-box; background:#fff; float:left}

#mngr_board_title{width:100%; line-height:40px; height:40px; border-bottom:1px solid #dedede; }
#mngr_board_title ul li{float:left; list-style:none}
#mngr_board_title ul li.title{ background:#2371c6; font-size:15px; box-sizing:border-box;  line-height:40px; box-sizing:border-box; text-align:center;  font-weight:600; color:#fff}
#mngr_board_title ul li.more{width:17%; float:right;   cursor:pointer; box-sizing:border-box; text-align:center; border-bottom:1px solid #dedede; box-sizing:border-box;  line-height:40px; font-size:13px; color:#999999; font-weight:600;}

.notice_title_on{width:27.66%; float:left; background:#2371c6; cursor:pointer; font-size:14px; box-sizing:border-box;  line-height:40px; box-sizing:border-box; text-align:center;  font-weight:600; color:#fff}
.notice_title_off{width:27.66%; float:left; background:#fff; cursor:pointer; border-right:1px solid #dedede; font-size:14px; box-sizing:border-box;  line-height:40px; box-sizing:border-box; text-align:center;  font-weight:600; color:#2371c6}




#main_quick{width:60%; margin:0 20%; float:left; padding:56px 0;}
#main_quick ul{width:100%; margin:0 auto; }
#main_quick ul li{float:left; position:relative; margin-bottom:20px; border-radius:7px; color:#03acf1; border:3px solid #fff; box-sizing:border-box; text-align:center; padding-top:10px; padding-bottom:10px; font-size:17px; font-weight:600; cursor:pointer; background:#fff; width:23%; height:122px; margin-right:1.7%}
#main_quick ul li:hover{border:3px solid #eccc26; box-sizing:border-box; height:122px; }
#main_quick ul li:last-child{margin-right:0}
#main_quick ul li:nth-of-type(4){ letter-spacing:-1.5px}
#main_quick ul li:nth-of-type(6){ letter-spacing:-1.5px}
#main_quick ul li p.tab{position:absolute; top:-35px; left:-50px;}



#mngr_gallery{width:94%; margin:0 3%; border:1px solid #dedede; box-sizing:border-box; padding-bottom:44px; background:#fff; float:left}

#mngr_gallery_title{width:100%; line-height:50px; height:50px;  }
#mngr_gallery_title ul li{float:left; list-style:none}
#mngr_gallery_title ul li.title{ font-size:15px; box-sizing:border-box; padding-top:10px; line-height:50px; box-sizing:border-box; text-align:left; padding-left:4%;  font-weight:600; color:#212121}
#mngr_gallery_title ul li.more{width:20%; float:right;  cursor:pointer; padding-top:10px; text-align:center;  box-sizing:border-box;  line-height:50px; font-size:13px; color:#999999; font-weight:600;}
#main_gallery_list{width:92%; clear:both; padding-top:20px; padding-left:4%; padding-right:4%}
#main_gallery_list ul{float:left; margin-left:5%;  width:90%; margin-right:5%;}
#main_gallery_list ul li:first-child{width:100%;  background:#fff;text-align:center;}
#main_gallery_list ul li:nth-of-type(2){width:100%; font-size:13px; color:#5b5b5b; padding-top:9px; }




#main_banner{width:94%; margin:10px 3% 0 3%;  border:1px solid #dedede; box-sizing:border-box;  float:right; }
#main_banner ul li{border-bottom:1px solid #dedede; width:100%; padding:6px 15% 6px 10%; box-sizing:border-box}
#main_banner ul li:last-child{border-bottom:0px}


/* program */

#program_wrap{padding-top:15px; }
#program{width:94%; margin:0 3%; padding-bottom:25px; } /*프로그램일정 너비 */
#program p.title{font-size:22px; font-family:Nanumsquare;  font-weight:600; padding-bottom:20px; color:#000}
#program p.title span{font-weight:400; font-family:Nanumsquare;  font-size:22px;}
#program #schedule{float:left; width:100%; background:#f6f6f6; border:1px solid #d2d2d2}
#program #schedule #date{width:100%; background:#fff; padding-top:6px; padding-bottom:6px; border-right:1px solid #d2d2d2; box-sizing:border-box}
#program #schedule #date ul{ text-align:center;  margin:0 auto; width:100%}
#program #schedule #date ul li{font-family:roboto; text-align:center; font-size:20px; padding:5px; color:#515151; font-weight:600;} /* date */
#program #schedule #date ul span.pre i, span.next i{cursor:pointer; font-size:30px; color:#a9a9a9; padding:6px 10px; }
#program #schedule #list{width:94%; float:left;  padding:3%; background:#f6f6f6}
#program #schedule #list .title{font-size:17px; font-family:Nanumsquare;  font-weight:600; width:100%; padding-bottom:30px; color:#000}
#program #schedule #list .title i{ display:inline-block; text-align:right; float:right}
#program #schedule #list .txt{ overflow:scroll; overflow-x:hidden}
#program #schedule #list .txt ul:first-child li{padding-top:0px;}
#program #schedule #list .txt ul li{font-size:15px; padding-top:10px; width:100%; font-weight:500; line-height:20px;}
#program #schedule #list .txt ul li p{font-size:14px; color:#828282; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #fff}


#program_sub{ width:62%; padding-bottom:155px;} /*프로그램일정 너비 */
#program_sub p.title{font-size:30px; font-family:Nanumsquare;  font-weight:600; padding-bottom:30px; color:#000}
#program_sub p.title span{font-weight:400; font-family:Nanumsquare;  font-size:30px;}
#program_sub #schedule{float:left; width:100%;  border:1px solid #d2d2d2}
#program_sub #schedule #date{width:60%; float:left; background:#fff; padding-top:17px; padding-bottom:37px; border-right:1px solid #d2d2d2; box-sizing:border-box}
#program_sub #schedule #date ul{ text-align:center;  margin:0 auto; width:100%}
#program_sub #schedule #date ul li{font-family:roboto; text-align:center; font-size:25px; padding:10px; color:#515151; font-weight:600;} /* date */
#program_sub #schedule #date ul span.pre i, span.next i{cursor:pointer; font-size:30px; color:#a9a9a9; padding:16px 10px; }
#program_sub #schedule #list{width:34%; float:left;  padding:3%; background:#f6f6f6}
#program_sub #schedule #list .title{font-size:17px; font-family:Nanumsquare;  font-weight:600; width:100%; padding-bottom:30px; color:#000}
#program_sub #schedule #list .title i{ display:inline-block; text-align:right; float:right}
#program_sub #schedule #list .txt{height:313px;  overflow:scroll; overflow-x:hidden}
#program_sub #schedule #list .txt ul:first-child li{padding-top:0px;}
#program_sub #schedule #list .txt ul li{font-size:15px; padding-top:20px; width:100%; font-weight:500; line-height:20px;}
#program_sub #schedule #list .txt ul li p{font-size:14px; color:#828282; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #fff}



table.table_schedule {
	clear:both;
	border-collapse:collapse;
	width:85%;
	margin-left:7.5%;
	margin-right:7.5%;
	cursor:pointer

}

table.table_schedule tr td {

	border-collapse:collapse;
	color:#000;
	padding-top:15px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:400;
	width:14.28%;
	line-height:22px;
}
table.table_schedule th {
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	background:#f7941d
}



table.table_hotel {
	clear:both;
	border-collapse:collapse;


}

table.table_hotel tr td {

	border-collapse:collapse;
	color:#696969;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-top:12px;
	padding-bottom:12px;

	font-size:13px;
	font-weight:500;

}
table.table_hotel th {
	text-align:left;
	
	
	

	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;

}

table.table_hotel th p.title{border-bottom:2px solid #1f4e9f;	padding-top:10px; padding-bottom:6px; font-size:14px; font-weight:700; color:#1f4e9f;}



table.table_reg2 {
	clear:both;
	border-collapse:collapse;
	border-top:0px solid #64749c;
	margin-bottom:20px;
	border-top:2px solid #658fbe;
}
table.table_reg2 tr td {

	border-collapse:collapse;
	padding:10px;

	color:#333333;

	border-bottom:1px solid #cfcfcf;
    font-size:13px;

}
table.table_reg2 th {
	color:#124e87;
	font-size:13px;

	line-height:18px;
	padding:7px 15px;


	border-bottom:1px solid #cfcfcf;
	font-weight:700;
}


table.table_reg2 input{border:1px solid #dedede; padding:5px 10px;}




table.table1 {
	clear:both;
	border-collapse:collapse;
	border-top:1px solid #000;

}

table.table1 tr td {
	text-align:left;
	border-collapse:collapse;
	color:#333333;
	padding-left:5px;
	border-bottom:1px solid #d8d8d8;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	line-height:22px;
}
table.table1 th {

	font-size:11px;

	font-weight:700;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #d8d8d8;
}



table.table2 {
	clear:both;
	border-collapse:collapse;

}

table.table2 tr td {
	text-align:center;
	border-collapse:collapse;
	color:#333333;
	border-bottom:1px solid #d8d8d8;
	padding-top:20px;
	padding-bottom:20px;
	font-size:17px;
	line-height:27px;
}
table.table2 th {
	text-align:center;
	font-size:18px;
	font-weight:700;
	padding-top:20px;
	padding-bottom:20px;
	background:#03acf1;
	color:#fff
}
table.table2 tr td p.title{color:#03acf1; font-weight:700; font-size:20px}



table.table3 {
	clear:both;
	border-collapse:collapse;


}

table.table3 tr td {
	border-collapse:collapse;
	color:#333333;
	border-bottom:1px solid #d8d8d8;
	padding-top:15px;
	padding-bottom:15px;
	font-size:17px;

	line-height:27px;
}
table.table3 th {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	color:#fff;

	border:3px solid #fff;
	background:#008bd3;
	padding-bottom:10px;
	margin:0 5px;
}

.table_br_line{border-right:1px solid #dedede;}
.table_br_line2{border-right:1px solid #f9bf79;}



table.table_reg {
	clear:both;
	border-collapse:collapse;

	margin-bottom:20px;
	border-top:1px solid #124e87;

}

table.table_reg tr td {

	border-collapse:collapse;

	color:#333333;

	border-bottom:1px solid #dedede;
    font-size:12px;

}
table.table_reg th {
	color:#212121;
	font-size:12px;
	height:25px;
	line-height:18px;
	padding:25px 0px;
	text-align:left;
	border-bottom:1px solid #dedede;
	font-weight:500;
}

table.table_reg input{border:1px solid #dedede; padding:3px 7px; width:50%; height:30px; line-height:30px;}
table.table_reg input.check{height:12px; width:auto; }





#photo{width:94%; margin:0 3%; clear:both; padding-top:35px; } /*포토갤러리 너비 */
#photo p.title{font-size:22px; font-weight:600; font-family:Nanumsquare; padding-bottom:15px; color:#000}
#photo p.title span{font-weight:400; font-family:Nanumsquare;  font-size:22px;}
#photo .photo_img ul{width:48%; float:left; margin-right:2%; cursor:pointer; text-align:center; }
#photo .photo_img ul:nth-child(2n+2){margin-right:0px; margin-left:2%}

#photo .photo_img ul li:first-child{height:134px; width:100%; overflow:hidden; text-align:left; background:#000000; }
#photo .photo_img ul li:first-child img{ height:154px}
#photo .photo_img ul li:nth-child(2){font-size:13px; overflow:hidden; padding-bottom:30px; font-weight:400;  padding-top:10px; text-align:left;  color:#000}
#photo .photo_img ul li:nth-child(2) p{font-size:13px; font-weight:400;  padding-top:3px; text-align:left;  color:#9c9c9c}

#photo #banner{display:none; width:100%; margin-top:30px; float:left; height:188px;}
#photo #banner img{width:100%;  height:188px;}


/* hospital */
#hospital{width:100%; clear:both; background:url(/_images/hospital_bg.jpg); background-size:cover; float:left;}
#hospital p.title{font-size:30px; text-align:center; padding-top:65px;  font-weight:600; font-family:Nanumsquare; padding-bottom:30px; color:#fff}
#hospital p.title span{font-weight:400; color:#fff; font-family:Nanumsquare;  font-size:30px;}
#hospital .list ul{ width:94%; margin:10px 3%}
#hospital .list ul:first-child{ background:url(/_images/hospi_bg_1.gif) no-repeat; padding-bottom:2px;  background-size:cover}
#hospital .list ul:nth-of-type(2){ background:url(/_images/hospi_bg_2.gif) no-repeat;background-size:cover}
#hospital .list ul:nth-of-type(3){ background:url(/_images/hospi_bg_3.gif) no-repeat; padding-bottom:2px; background-size:cover}
#hospital .list ul:nth-of-type(4){ background:url(/_images/hospi_bg_4.gif) no-repeat; padding-bottom:2px; background-size:cover}
#hospital .list ul:nth-of-type(5){ background:url(/_images/hospi_bg_5.gif) no-repeat; padding-bottom:2px; background-size:cover; border-right:0px}
#hospital .list ul li:first-child{width:100%; border-right:1px solid #504d49; box-sizing:border-box; margin:0 0 40px 0; padding:15px 0 25px 0; height:92px;  text-align:center; background:#fff;}
#hospital .list ul li{width:70%; margin:12px 10%; color:#fff; font-weight:500; cursor:pointer; font-size:16px; padding:13px 5%; border:1px solid #fff}
#hospital .list ul li:hover{ background:#fff; color:#000;}
#hospital .list ul li:hover i{color:#000}
#hospital .list ul li span i{float:right; color:#fff;}
#hospital .list ul li:last-child{margin-bottom:40px; }


/* program detail */
#pro_box{background:#fff; border:1px solid #dedede; margin-bottom:50px; position:relative;  width:100%; float:left}
#pro_box:hover{background:#f5f5f5}
#pro_box:hover ul li:nth-of-type(4){background:#000}
#pro_box ul li{clear:both; }
#pro_box ul li:first-child{height:222px;  width:100%; background:#eee;text-align:center;}
#pro_box ul li:first-child img{width:100%}
#pro_box ul li:nth-of-type(2){font-size:18px;padding-left:10%; overflow:hidden; height:25px; line-height:25px; padding-right:10%; width:80%; font-weight:500; padding-top:60px;  }
#pro_box ul li:nth-of-type(3){font-size:14px; color:#999; padding-top:5px; padding-left:10%; padding-right:10%; width:80%}
#pro_box ul li:nth-of-type(4){width:40%; margin:20px 30% 40px 30%;  background:#f7941d; color:#fff; text-align:center; font-weight:500; line-height:35px;}
#pro_box ul li:nth-of-type(4):hover{background:#000;}
#pro_box ul li:nth-of-type(5){ position:absolute;  top:252px; color:#fff; font-size:11px; left:20px; }
#pro_box ul li:nth-of-type(5) p.k{color:#960023; background:#f3f3f3; border-radius:50px; width:95px;  padding:5px 7px;}
#pro_box ul li:nth-of-type(5) p.d{color:#ed710c;  background:#f3f3f3; border-radius:50px; width:95px;  padding:5px 7px;}
#pro_box ul li:nth-of-type(5) p.a{color:#0065b3;  background:#f3f3f3; border-radius:50px; width:70px;  padding:5px 7px;}
#pro_box ul li:nth-of-type(5) p.b{color:#2da491;  background:#f3f3f3; border-radius:50px; width:105px;  padding:5px 7px;}
#pro_box ul li:nth-of-type(5) p.c{color:#407d41;  background:#f3f3f3; border-radius:50px; width:70px;  padding:5px 7px;}
#pro_box ul li:nth-of-type(6) p.ing{ padding:0 7px; position:absolute; background:#fff; line-height:25px; font-size:15px; color:#f7941d; border:1px solid #dedede; top:-1px; right:-1px; height:25px; }
#pro_box ul li:nth-of-type(6) p.end{ padding:0 7px; position:absolute; background:#999999; line-height:25px; font-size:15px; color:#e3e3e3; top:-1px; right:-1px; height:25px; }
#pro_box ul li:nth-of-type(6) p.ready{ padding:0 7px; position:absolute; background:#fff; line-height:25px; font-size:15px; color:#afafaf; border:1px solid #dedede; top:-1px; right:-1px; height:25px; }

/* company detail */
#company_box{background:#fff; border:1px solid #dedede; margin-bottom:60px;  width:100%; float:left}
#company_box ul li{clear:both; width:100%;}
#company_box ul li:first-child{height:85px; text-align:center; line-height:126px; padding-top:30px;   width:100%; }
#company_box ul li:nth-of-type(2){font-size:15px; text-align:center; padding-bottom:15px; height:30px; color:#000; padding-right:10%; width:100%; font-weight:600; padding-top:6px;   }
#company_box ul li:nth-of-type(3){font-size:14px;padding-left:10%; padding-bottom:15px; padding-right:10%; width:80%; font-weight:500; padding-top:15px; border-top:1px solid #dedede;  }





/* footer */
.footer_wrap{width:100%; clear:both; border-top:1px solid #dedede; margin-top:60px;  bottom:0px; float:left; }
#footer{width:100%; margin:0 auto; position:relative}
#footer .footer_1{margin:0 auto; width:600px; padding:30px 0px}
#footer .footer_1 ul li{text-align:center;}
#footer .footer_1 ul li:first-child{clear:both; color:#969696;   padding-top:15px; font-weight:500; line-height:18px; font-size:17px;}
#footer .footer_1 ul li:nth-of-type(2){clear:both; color:#969696;  padding-top:14px; font-weight:400; line-height:18px; font-size:13px;}
#footer .footer_1 ul li:nth-of-type(3){padding-top:10px; font-weight:500; line-height:18px; font-size:14px;}

/* footer */
.footer_wrap_main{width:100%; clear:both;  bottom:0px; float:left; }
#footer_main{width:100%; margin:0 auto; position:relative}
#footer_main .footer_1{margin:0 auto; width:600px; padding:30px 0px}
#footer_main .footer_1 ul li{text-align:center;}
#footer_main .footer_1 ul li:first-child{clear:both; color:#fff;   padding-top:15px; font-weight:500; line-height:18px; font-size:17px;}
#footer_main .footer_1 ul li:nth-of-type(2){clear:both; color:#fff;  padding-top:14px; font-weight:400; line-height:18px; font-size:13px;}
#footer_main .footer_1 ul li:nth-of-type(3){padding-top:10px; font-weight:500; line-height:18px; font-size:14px;}




/* sub */
.sub_title_area{position:relative; width:100%; color:#fff; clear:both; height:234px; z-index:11;line-height:194px; text-align:center; font-family:Nanumsquare;  font-size:35px; font-weight:500;}
.sub_menu_tab{position:absolute; bottom:0px;color:#212121;  background:#fff; height:59px; width:100%; border-bottom:1px solid #dedede; }
.sub_menu_wrap{width:94%; margin:0 3%}
.sub_menu_tab_on{  height:59px; position:relative; background:url(/_images/sub_tab_bg.gif) no-repeat; border-bottom:2px solid #f7941e; background-position:0px 0px; cursor:pointer;  float:left;  width:33.33%;   line-height:59px; text-align:center; color:#f7941e; font-size:17px;}/*가로값*/
.sub_menu_tab_on i{color:#f7941e; font-size:15px; padding-left:10px;}
.sub_menu_tab_right{border-right:0px solid #dedede; z-index:10000;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:100% 0px;}
.sub_menu_tab_on a{ font-size:19px; display:block;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px; color:#f7941e; font-weight:600;  height:49px;  width:100%; text-decoration:none}
.sub_menu_tab_off{ height:59px; position:relative;  width:33.33%;  cursor:pointer; float:left;  line-height:59px; text-align:center; font-size:17px;} /*가로값*/
.sub_menu_tab_off i{font-size:15px; padding-left:10px;}
.sub_menu_tab_off a{color:#212121;  display:block; font-weight:500;   background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px;  width:100%; height:59px; font-size:17px; text-decoration:none}
#sub_wrap{width:94%; font-size:13px; color:#505050;   margin:0 3%}


.sub_menu_tab_on2{  height:59px; position:relative; background:url(/_images/sub_tab_bg.gif) no-repeat; border-bottom:2px solid #f7941e; background-position:0px 0px; cursor:pointer;  float:left;  width:50%;   line-height:59px; text-align:center; color:#f7941e; font-size:17px;}/*가로값*/
.sub_menu_tab_on2 i{color:#f7941e; font-size:15px; padding-left:10px;}
.sub_menu_tab_right{border-right:0px solid #dedede; z-index:10000;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:100% 0px;}
.sub_menu_tab_on2 a{ font-size:19px; display:block;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px; color:#f7941e; font-weight:600;  height:49px;  width:100%; text-decoration:none}
.sub_menu_tab_off2{ height:59px; position:relative;  width:50%;   cursor:pointer; float:left;  line-height:59px; text-align:center; font-size:17px;} /*가로값*/
.sub_menu_tab_off2 i{font-size:15px; padding-left:10px;}
.sub_menu_tab_off2 a{color:#212121;  display:block; font-weight:500;   background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px;  width:100%; height:59px; font-size:17px; text-decoration:none}


.sub_menu_tab_on4{  height:59px; position:relative; background:url(/_images/sub_tab_bg.gif) no-repeat; border-bottom:2px solid #f7941e; background-position:0px 0px; cursor:pointer;  float:left;  width:25%;   line-height:59px; text-align:center; color:#f7941e; font-size:17px;}/*가로값*/
.sub_menu_tab_on4 i{color:#f7941e; font-size:15px; padding-left:10px;}
.sub_menu_tab_right{border-right:0px solid #dedede; z-index:10000;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:100% 0px;}
.sub_menu_tab_on4 a{ font-size:19px; display:block;  background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px; color:#f7941e; font-weight:600;  height:49px;  width:100%; text-decoration:none}
.sub_menu_tab_off4{ height:59px; position:relative;  width:25%;   cursor:pointer; float:left;  line-height:59px; text-align:center; font-size:17px;} /*가로값*/
.sub_menu_tab_off4 i{font-size:15px; padding-left:10px;}
.sub_menu_tab_off4 a{color:#212121;  display:block; font-weight:500;   background:url(/_images/sub_tab_bg.gif) no-repeat; background-position:0px 0px;  width:100%; height:59px; font-size:17px; text-decoration:none}



h2{padding-top:80px; padding-bottom:50px; font-weight:bold; font-size:32px; text-align:center; color:#000;}
.sub2_menu_tab_on{width:50%; height:50px; float:left; background:#808185; line-height:50px; text-align:center; font-size:18px; color:#fff;}
.sub2_menu_tab_off{width:50%; height:50px; float:left; border:1px solid #808185; box-sizing:border-box; line-height:50px; font-size:18px; text-align:center; color:#2c2c2c;}

.sub_menu_list_1{width:100%;  top:61px; box-sizing:border-box; z-index:10000000;  position:absolute; border-right:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede;}
.sub_menu_list_1 ul li{ background:#fff; font-size:14px; line-height:15px; border-bottom:1px solid #dedede;  padding-left:10px; padding-top:5px; padding-bottom:5px; padding-right:10px;  clear:both; margin:0px; text-align:left;}
.sub_menu_list_1 ul li:last-child{ border-bottom:0px solid #dedede;}
.sub_menu_list_1 ul li i{position:absolute; display:none; font-size:15px; color:#212121; right:20px; line-height:50px;}
.sub_menu_list_1 ul li:hover{ background:#f6f6f6; color:#f7941e;}


/* category */

#cate{text-align:right; position:relative;  font-size:12px; color:#c0c0c0; font-weight:600; padding-bottom:15px; margin-bottom:20px; padding-top:20px; clear:both;}
#cate i{font-size:14px; color:#c0c0c0}
#cate span{color:#f7941e; font-size:12px; font-weight:600;}

.sub_title_01{font-size:26px;  text-align:left; border-bottom:1px solid #d9d9d9; padding-bottom:15px;   clear:both; font-weight:600; color:#000}
.sub_title_01 span{display:inline-block; font-weight:400;  color:#000;  font-size:30px; }


/* gallery */



/* table */


table.table_board {
	clear:both;
	border-collapse:collapse;
	border-top:1px solid #000;

}

table.table_board tr td {

	border-collapse:collapse;
	color:#696969;
	border-bottom:1px solid #d8d8d8;
	padding-top:15px;
	padding-bottom:15px;
	font-size:17px;
	font-weight:500;
	line-height:22px;
}
table.table_board th {
	text-align:center;
	font-size:17px;
	font-weight:700;
	color:#000;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #dedede;

}


/* media */

#media_nav_pn{width:300px; text-align:center; margin:0 auto; text-decoration:none;}
#media_nav_pn p{display:inline-block; cursor:pointer; padding-right:3px; padding-left:3px; text-decoration:none;}
#media_nav_pn p a.on{ display:inline-block; color:#000; font-weight:500; font-family:'Roboto','Nanum Barun Gothic', sans-serif;  text-decoration:none; font-size:14px;}
#media_nav_pn p.off{ display:inline-block; color:#b8b8b8; font-size:14px; font-family:'Roboto','Nanum Barun Gothic', sans-serif;  }
#media_nav_pn i{ display:inline-block; cursor:pointer; border:1px solid #dedede; padding:3px 2px 0px 2px; margin:0 10px; color:#b8b8b8; font-size:13px; font-weight:400;}


/* photo */


#g_photo{width:100%; height:237px;  cursor:pointer; position:relative; 	overflow:hidden;}
#g_photo img{max-width:100%;  height:237px
	position:relative;
	display:block;
	overflow:hidden;

   }

/* #g_photo:hover img{width:250px; height:250px; position:relative; opacity:0.6;} */

#g_photo .g_photo_cont {  /* ?�버???�스??*/
   width:100%;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0px;

}

#g_photo p.g_photo_more{
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-align:center;
   width:100%;
   height:200px;

   font-size:65px;
   color:#fff;
   padding-top:85px;
  }
  
  #g_photo p.g_photo_more i{color:#fff; margin:0 auto; text-align:center}
  


  
/* .g_photo_effect p.g_photo_more{	opacity:0;}
.g_photo_effect:hover p.g_photo_more {	opacity:1;   }
.g_photo_effect p.g_photo_more img{width:44px; height:44px; transform:scale(1,1);}
.g_photo_effect:hover p.g_photo_more img{width:44px; height:44px; transform:scale(1,1);}
 */

.g_photo_effect {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* �ε巯�� ����� ���� �߰�*/
}
.g_photo_effect:hover {

}

   
.g_photo_subject{font-size:18px; padding-bottom:5px; padding-top:15px; font-weight:700; color:#000; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g_photo_subject2{font-size:18px; padding-bottom:5px; padding-top:15px; font-weight:700; color:#000; width:100%; }
.g_photo_date{font-size:15px;  }
.g_photo_thum{font-size:15px;  margin-bottom:40px;}




.tabWrap {position: relative;max-width:100%;margin: 0 auto;}
.tabWrap:before {content:'';position: absolute;left:0;bottom:0;width:100%;height: 2px;background: #f7941e;}

.t1 {display: table;table-layout:fixed;width:100%; border-collapse:collapse;}
.t1 .t2 {position: relative;display: table-cell; font-size:17px; color:#a3a3a3; cursor:pointer; width:auto;height:55px;text-align:center;border: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;}
.t1 .t2.on {border: 2px solid #124e87; font-size:19px; font-weight:600; cursor:pointer; color:#124e87}
.t1 .t2.on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}



.media_tab{position: relative;max-width:100%;margin: 0 auto; }

.media_tab_wrap{display: table;table-layout:fixed;width: 100%;border-collapse:collapse;}
.media_tab_wrap .media_tab_1{width: 50%; float:left; height:70px; }
.media_tab_wrap .media_tab_1 .cell{position: relative;display: table-cell;  font-family:'Roboto','Nanum Barun Gothic', sans-serif; width:auto;text-align:center;  height:68px; line-height:68px; vertical-align: middle;box-sizing:border-box;}
.media_tab_wrap .media_tab_1 .media_tab_on{border-top: 2px solid #f7941e; border-left: 2px solid #f7941e;  font-family:'Roboto','Nanum Barun Gothic', sans-serif; border-right: 2px solid #f7941e; border-bottom: 0px solid #fff; }
.media_tab_wrap .media_tab_1 .media_tab_on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}
.media_tab_wrap .media_tab_1 .media_tab_on a{ display:inline-block;    font-family:'Roboto','Nanum Barun Gothic', sans-serif; color: #f7941e; font-weight:500;  height:70px;  width: 100%; text-decoration:none; font-size:20px; }

.tabWrap {position: relative;max-width:100%;margin: 0 auto;}
.tabWrap:before {content:'';position: absolute;left:0;bottom:0;width:100%;height: 2px;background: #818286;}
.media_tab{position: relative;max-width:100%;margin: 0 auto; }

.media_tab_wrap2{display: table;table-layout:fixed;width: 100%;border-collapse:collapse;}
.media_tab_wrap2 .media_tab_1{width: 20%; float:left; height:70px; }
.media_tab_wrap2 .media_tab_1 .cell{position: relative;display: table-cell;  font-family:'Roboto','Nanum Barun Gothic', sans-serif; width:auto;text-align:center;  height:68px; line-height:26px; padding-top:10px; vertical-align: middle;box-sizing:border-box;}
.media_tab_wrap2 .media_tab_1 .media_tab_on{border-top: 2px solid #818286; border-left: 2px solid #818286;  font-family:'Roboto','Nanum Barun Gothic', sans-serif; border-right: 2px solid #818286; border-bottom: 0px solid #fff; }
.media_tab_wrap2 .media_tab_1 .media_tab_on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}
.media_tab_wrap2 .media_tab_1 .media_tab_on a{ display:inline-block;    font-family:'Roboto','Nanum Barun Gothic', sans-serif; color: #212121; font-weight:500;  height:70px;  width: 100%; text-decoration:none; font-size:18px; }


.b_l_line{border-left:1px solid #dedede; }
.b_t_line{border-top:1px solid #dedede; }
.b_r_line{border-right:1px solid #dedede; }

#join ul.box{width:100px; float:left;}
#join ul.box li{ background:#f7941e; width:100px; text-align:center; line-height:89px; color:#fff; font-weight:500; font-size:25px; height:89px;}
#join ul.box li.box2{ background:#f7941e; text-align:center; padding-top:20px; line-height:25px;; color:#fff; font-weight:500; font-size:20px; height:99px;}
#join ul.box li.title{background:#f7941e; text-align:center; padding-top:28px;color:#fff; line-height:30px; font-weight:500; font-size:23px; height:101px;}
#join ul:nth-child(2){float:left; width:100%}
#join ul div.txt ul{width:100%; clear:both}
#join ul div.txt ul li.subject{color:#f7941e; padding-bottom:8px; font-weight:500; font-size:19px;}
#join ul div.txt ul li.txt p{line-height:25px; font-size:18px;}


#join2 ul.box{width:139px; float:left; margin-right:45px}
#join2 ul.box li{ text-align:center;  color:#f7941e; font-weight:500; font-size:25px; height:139px;}
#join2 ul:nth-child(2){float:left; width:100%}
#join2 ul div.txt ul{width:100%; clear:both}
#join2 ul div.txt ul li.subject{color:#f7941e; padding-bottom:8px; font-weight:500; font-size:19px;}
#join2 ul div.txt ul li.txt p{line-height:25px; font-size:18px;}


.line_04{border-bottom:1px solid #dedede; clear:both; width:94%; margin:30px 3%; padding-top:30px;}



#lab_title{margin-top:10px;}
#lab_title ul li:first-child{ background:url(/openlab/images/title_bg.gif) no-repeat; background-position:0px 0px; padding-top:20px; padding-bottom:8px; font-size:25px; font-weight:500; color:#414141}
#lab_title ul li:nth-of-type(2){font-size:16px; color:#8f8f8f}




.board_btn_1{width:150px; margin:0 auto}
.board_btn_1 ul{width:100%; }
.board_btn_1 ul li{width:100%;  height:47px; line-height:47px; font-size:16px; box-sizing:border-box; font-family:'Roboto','Nanum Barun Gothic', sans-serif; cursor:pointer; font-weight:500;  text-align:center; border:1px solid #dedede }
.board_btn_1 ul li:hover{ background:#000; color:#fff}


#board_nav_pn{width:200px; text-align:center; margin:0 auto}
#board_nav_pn p{display:inline-block; cursor:pointer; padding-right:1px; padding-left:1px;}
#board_nav_pn p a.on{ display:inline-block; color:#000; font-weight:500; text-decoration:none; font-size:13px;}
#board_nav_pn p.off{ display:inline-block; color:#b8b8b8; font-size:13px;}
#board_nav_pn i{ display:inline-block; cursor:pointer; padding:3px 2px 0px 2px; margin:0 10px; color:#b8b8b8; font-size:13px; font-weight:400;}





#contact_info{border-bottom:1px solid #dedede; padding:3% 2% 3% 2%; float:left;  width:96%}
#contact_info ul li{float:left; margin-right:30px;  padding-left:30px; line-height:25px;}
#contact_info ul li:nth-of-type(2){border-left:1px solid #dedede; width:650px}

#contact_hbic{ background:#f6f6f6; float:left; width:96%;  padding:3% 2% 3% 2%;}
#contact_hbic ul li{float:left; margin-right:30px;  padding-left:30px; line-height:25px;}
#contact_hbic ul li:nth-of-type(2){border-left:1px solid #dedede;}


#contact_info_e{border-bottom:1px solid #dedede;padding:3% 0 3% 0; float:left;  width:100%}
#contact_info_e ul li strong{position:absolute; left:20px}
#contact_info_e ul li{float:left; margin-right:30px;  padding-left:30px; line-height:25px;}
#contact_info_e ul li:nth-of-type(2){border-left:1px solid #dedede; position:relative; width:580px; padding-left:170px; }

#contact_hbic_e{ background:#f6f6f6; padding:3% 0 3% 0; float:left;  width:100%}
#contact_hbic_e ul li strong{position:absolute; left:20px}
#contact_hbic_e ul li{float:left; margin-right:30px;  padding-left:30px; line-height:25px;}
#contact_hbic_e ul li:nth-of-type(2){border-left:1px solid #dedede; position:relative; width:580px; padding-left:170px;}

.m_h_h{height:89px}

#main_movie{width:100%;  clear:both; background:#f6f6f6; padding:20px 0px}
#m_movie ul li:first-child{font-size:30px; font-weight:600; font-family:Nanumsquare; padding-bottom:20px; padding-top:30px; color:#000}
#m_movie ul li:first-child span{font-weight:400; font-family:Nanumsquare;  font-size:30px;}

.movie_wid{width:94%; margin:0 3%; height:300px}





/* media photo */

#media_photo{ width:96%; padding:0 0 0 4%; float:left; margin-top:40px; padding-top:50px; border-top:1px solid #000;}
#media_photo ul li{width:46%; margin-right:4%; float:left; cursor:pointer;  border:0px solid #ebebeb; box-sizing:border-box;   margin-bottom:40px;}
#media_photo .m_wid_r{margin-right:0px}
#media_photo ul li img{width:100%; height:100%;}



.pop_photo{position:relative; }
.pop_card{position:relative; }
.pop_photo img{width:100%; height:100%}
.pop_photo_pre{position:absolute; top:40%; left:-80px; font-size:68px; color:#bbbbbb;  }
.pop_photo_next{position:absolute; top:40%; right:-80px; font-size:68px; color:#bbbbbb;  }


a.a_photo:link { color:#bbbbbb; FONT-STYLE: normal; TEXT-DECORATION: none; }
a.a_photo:visited { color:#bbbbbb; FONT-STYLE: normal; TEXT-DECORATION:none; }
a.a_photo:hover {color:#ffffff; FONT-STYLE: normal; TEXT-DECORATION: none; }
a.a_photo:active { color:#bbbbbb; FONT-STYLE: normal; TEXT-DECORATION: none; }


a.a_media:link { color:#000; font-size:18px; FONT-STYLE: normal; TEXT-DECORATION: none; }
a.a_media:visited { color:#000; font-size:18px; FONT-STYLE: normal; TEXT-DECORATION:none; }
a.a_media:hover {color:#000; font-size:18px; FONT-STYLE: normal; TEXT-DECORATION: underline; }
a.a_media:active { color:#000; font-size:18px; FONT-STYLE: normal; TEXT-DECORATION: none; }



#gallery_arrow{position:relative; width:100%;}
#gallery_arrow .left_arrow{ position:absolute; left:5px; bottom:-15px}
#gallery_arrow .right_arrow{ position:absolute; right:5px; bottom:-15px}


#sub_title_area{height:156px; width: 100%; text-align: center;}
#bgleft{ background:#2371c6;width:100%; height:155px; float: left; padding: 0;}
#bgright{ background:#e8eaf6; height:156px; float: left; margin: 0; padding: 0;}
#sub_title_area_contents{width:  100%;   position: absolute; top: 96px;  margin: 0 auto;}
#sub_title_area_contents .title{margin: 0 auto; width:100%;  height:156px; background-position:200px 0; clear: both;}
#sub_title_area_contents .title ul li:first-child{font-size:24px; font-weight:600; text-align:center; color:#fff;}
#sub_title_area_contents .title ul li:nth-of-type(2){font-size:20px; font-weight:300; padding-top:10px; color:#fff;}

/* sub title */
#sub_title{}
#sub_title ul{width:100%; height:200px;} 
#sub_title ul li{width:100%; margin:0 auto; color:#fff; font-size:35px; padding-top:20px; line-height:150px; text-align:center; font-weight:600; }
#sub_title ul.bg_1{ background:url(/_images/sub_bg.gif) no-repeat; background-position:-230px 0px; }
#sub_title ul li img{width:230px}

.sub_main_title{ font-weight:600; color:#212121; font-size:20px; padding-bottom:8px; border-bottom:1px solid #dedede; box-sizing:border-box; padding-left:6px; position:relative}
.cate{position:absolute; right:10px; top:5px; font-size:14px; color:#c0c0c0; font-weight:400;}
.cate i{font-size:14px; color:#c0c0c0}


#lay2{width:100%; }
#lay2 ul.l2{width:100%; float:left; margin-top:15px}
#lay2 ul:last-child{width:100%; float:left; margin-right:0%; }

#lay2_1{width:100%; margin-top:15px}
#lay2_1 ul.l2{width:100%; float:left;  margin-top:15px}
#lay2_1 ul:last-child{width:100%; margin-right:0; }


#lay2_2{width:100%; margin-top:5px}
#lay2_2 ul.l2{width:100%; float:left;  margin-top:15px}
#lay2_2 ul:last-child{width:100%; margin-right:0; }

#lay2_5{width:100%; }
#lay2_5 ul li.l2{width:100%;   text-align:center; box-sizing:border-box;  }
#lay2_5 ul li.l2:last-child{width:100%; padding-bottom:15px; border-bottom:1px solid #dedede; text-align:left; }
#lay2_5 ul li.l2:last-child .sub_txt{ text-align:left}

#about_sign{text-align:right; width:100%; font-weight:600;  font-size:16px; position:relative}

#about_sign .name{font-size:19px;; padding-top:6px; display:inline-block}
#about_sign .sign{}


.dot_1{background:url(/_images/dot_1.gif) no-repeat;background-position:2px 8px; padding-left:12px; margin-bottom:8px; text-align:left}
.dot_2{background:url(/_images/dot_2.gif) no-repeat;background-position:2px 6px; padding-left:15px; margin-bottom:8px; text-align:left}
.dot_3{background:url(/_images/dot_3.gif) no-repeat;background-position:2px 8px; padding-left:10px; margin-bottom:8px;  text-align:left}
.dot_4{background:url(/_images/dot_3.gif) no-repeat;background-position:2px 8px; color:#fff; background:#779bd2;  font-size:14px;  border-radius:4px; padding:4px 15px; margin-bottom:8px;  text-align:left}
.dot_5{background:url(/_images/dot_1.gif) no-repeat;background-position:2px 8px; padding-left:12px;  line-height:20px; text-align:left}



#board_view{width:100%; border-top:1px solid #212121;}
#board_view ul{border-bottom:1px solid #dedede; padding-bottom:15px; width:100%; float:left;}
#board_view ul li:first-child{ padding-left:20px;  padding-top:17px; font-size:15px;}
#board_view ul li:nth-of-type(2){padding-left:20px; float:left; font-size:12px; padding-top:10px; color:#cacaca}
#board_view ul li:nth-of-type(3){padding-left:20px; float:left; font-size:12px; background:url(/board/images/board_line.gif) no-repeat; background-position:9px 14px; padding-top:10px; color:#cacaca}
#board_view input.subject{border:1px solid #dedede; height:30px; width:70%; line-height:30px; padding:3px 8px;}
.board_txt{border:1px solid #dedede; width:96%; line-height:22px; font-weight:300; font-size:15px;height:200px; padding:15px 2%;}

#board_txt{padding-left:20px; padding-right:20px; line-height:22px; color:#666666; padding-top:30px; padding-bottom:40px; border-bottom:1px solid #dedede; font-weight:300; font-size:15px;}
#board_check{padding-left:20px; padding-right:20px; line-height:22px; color:#6e6e6e; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #dedede; font-weight:300; font-size:15px;}



#sign_login{width:600px; margin:0 auto;  border:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  background:#fff; padding:50px 40px;}
.sign_login_txt{}
.sign_login_txt p{color:#03acf1; text-align:center; font-size:26px; padding-bottom:30px; font-weight:600;}
.sign_login_txt p.txt_info{color:#212121; font-size:16px; padding-bottom:30px; }
.sign_login_txt ul li{width:90%; height:40px; line-height:40px; padding:5px 5%; clear:both; margin-bottom:20px; border:1px solid #ccc; }
.sign_login_txt ul li input{width:100%; border:0px; font-size:17px; }
#sign_signup{width:94%; height:40px; padding:10px 3%;   margin:0 auto; text-align:center; line-height:40px; cursor:pointer; background:#03acf1; color:#fff; font-size:20px;}
#sign_signup:hover{background:#000}

.login_txt_01{ text-align:center; font-size:13px; margin-top:30px; font-weight:600;  cursor:pointer; color:#acacac; }
.login_txt_01 span{border:1px solid #dedede; display:inline-block; border-radius:5px;  margin-right:20px; width:200px; padding:10px 0;}
.login_txt_01 span:last-child{margin-right:0}
.login_txt_01 a{font-size:13px; cursor:pointer; color:#acacac;}
.login_txt_01 a:hover{color:#333333}

#mypage_info{width:100%; position:relative; border:1px solid #dedede}
#mypage_info ul li.title{ font-family:'Roboto','Nanum Barun Gothic', sans-serif; font-size:18px; font-weight:400;  padding-left:60px; padding-top:52px;  padding-bottom:52px; font-family:'Roboto','Nanum Barun Gothic', sans-serif; color:#5d5d5d;}
#mypage_info ul li.title span.name{ font-family:'Roboto','Nanum Barun Gothic', sans-serif; font-size:30px; font-weight:500; color:#212121; }
#mypage_info ul li.btn{position:absolute; cursor:pointer; background:#124e87;  font-family:'Roboto','Nanum Barun Gothic', sans-serif; width:253px; right:60px; top:52px; height:58px; box-sizing:border-box; font-size:16px; font-weight:500; color:#fff; line-height:58px; text-align:center}
#mypage_info ul li.btn:hover{ background:#000; color:#fff}
#mypage_info ul li.btn:hover i{color:#fff}


#scroll_arrow_box_wrap{width:35px; margin:0 auto;}
.scroll_arrow_box{clear:both;  margin:0 auto; height:54px; transition: all 0.3s;  text-align:center; border-radius:8px; cursor:pointer; width:54px; background:rgba(255,255,255,0.2); position:absolute; bottom:60px}
.scroll_arrow_box:hover{background:rgba(0,0,0,0.7); transition: all 0.3s;}
.scroll_arrow { width:0px; height:20px;  background:#000; position:relative; bottom:0px;   animation: move_arrow 1s infinite; left:50%; }
.scroll_arrow:before { content:''; width:18px; height:18px; border-top:4px solid #fff;  border-right:4px solid #fff; transform:rotate(135deg);  position:absolute; bottom:-5px; left:-11px; }

@keyframes move_arrow {

 0% { height:0px;}

 50% { height: 30px;}

 0% { height:20px;}

}



#im_date{margin-top:0px; margin-bottom:60px; display:block; }
#im_date p.imdate_txt{ text-align:center; padding-top:0px; background:url(/_images/im_bar.gif) no-repeat; background-position:center 150px;  font-size:28px; font-weight:700; padding-bottom:67px; color:#000;}
#im_date ul{float:left;  background:url(/_images/im_bar2.gif) no-repeat; background-position:right;}
#im_date ul:last-child{ background:#fff;}
#im_date ul:nth-of-type(1){width:24%;}
#im_date ul:nth-of-type(2){width:26%;}
#im_date ul:nth-of-type(3){width:26%;}
#im_date ul:nth-of-type(4){width:24%;}
#im_date ul li{ text-align:center; }
#im_date ul li:nth-of-type(2){ font-size:18px; padding-bottom:14px; padding-top:36px; line-height:29px; font-weight:700; color:#090909;}
#im_date ul li:nth-of-type(3){ font-size:15px; padding-bottom:14px; font-weight:500; color:#525252;}
#im_date ul li:nth-of-type(4){ font-size:22px; font-weight:600; color:#e53677;}


#im_date_m{margin-top:0px; margin-bottom:60px; display:block; }
#im_date_m p.imdate_txt{ text-align:center; padding-top:50px; background:url(/_images/im_bar.gif) no-repeat; background-position:center 160px;  font-size:20px; font-weight:700; padding-bottom:67px; color:#000;}
#im_date_m ul{float:left;  background:url(/_images/im_bar2.gif) no-repeat; background-position:right;}
#im_date_m ul{float:left;  background:url(/_images/im_bar2.gif) no-repeat; background-position:right;}
#im_date_m ul:last-child{ background:#fff;}
#im_date_m ul:nth-of-type(1){width:33.33%;}
#im_date_m ul:nth-of-type(2){width:33.33%;}
#im_date_m ul:nth-of-type(3){width:33.33%;}
#im_date_m ul:nth-of-type(4){width:33.33%;}
#im_date_m ul li{ text-align:center; }
#im_date_m ul li img{}
#im_date_m ul li:nth-of-type(2){ font-size:14px; padding-bottom:7px; padding-top:6px; line-height:19px; font-weight:700; color:#090909;}
#im_date_m ul li:nth-of-type(3){ font-size:13px; padding-bottom:7px; font-weight:500; color:#525252;}
#im_date_m ul li:nth-of-type(4){ font-size:25px; padding-bottom:25px; font-weight:600; color:#e53677;}


#quickwrap{width:100%;  float:left; margin-top:50px;}
#quickmenu{width:100%; margin:0 auto;}
#quickmenu_area{text-align:center; height:341px;  }
#quickmenu_title{width:100%; height:121px; background:url(/_images/quicktitle_bg.jpg) no-repeat; background-size:cover;  }
#quickmenu_title ul li:first-child{font-size:28px; font-weight:700; color:#fff; text-align:center;  padding-top:23px;}
#quickmenu_title ul li:nth-of-type(2){font-size:13px; font-weight:400; color:#fff; text-align:center;  padding-top:9px;}


#quickmenu_btn{width:100%;  float:left; }
#quickmenu_btn ul{width:25%; float:left;}
#quickmenu_btn ul li{ text-align:center;}
#quickmenu_btn ul li img{height:50px;}
#quickmenu_btn ul li:first-child{padding-top:20px; height:44px; padding-bottom:10px;}
#quickmenu_btn ul li:nth-of-type(2){font-size:14px; color:#fff; height:40px; font-weight:700; padding-top:10px; padding-bottom:8px;}
#quickmenu_btn ul li:nth-of-type(3){font-size:13px; color:#fff; width:90%; margin:10px 5% 10px 5%; cursor:pointer; height:35px; line-height:35px; border:1px solid #fff; box-sizing:border-box; text-align:center;}
#quickmenu_btn ul li:nth-of-type(3):hover{ background:#000; border:1px solid #000; color:#fff;}


.main_title{ font-size:22px; font-weight:700; padding-bottom:10px; color:#000;}


.sub_title_2{ background:url(/_images/dot_2.gif) no-repeat; background-position:0px 35px; font-family:'Open Sans', sans-serif,'Roboto','Nanum Barun Gothic','Nanumsquare', sans-serif;  padding-left:24px; padding-top:30px; padding-bottom:11px; font-size:20px; font-weight:700; color: #0f68a0}
.sub_title_3{color:#309dde;  font-size:17px; font-weight:700; padding-bottom:12px;  font-family:Roboto;}
.sub_title_4{color:#2c2c2c;  font-size:17px; font-weight:700; padding-bottom:12px;  font-family:Roboto;}


/* 공지사항 */

#kiom_notice{width:100%;  box-sizing:border-box; }

#kiom_board_title{width:100%; padding-top:30px; }
#kiom_board_title ul li{float:left; list-style:none}
#kiom_board_title ul li.title{width:80%; font-size:22px; font-weight:700; padding-bottom:10px; color:#000;}
#kiom_board_title ul li.more{width:20%;  cursor:pointer; box-sizing:border-box; text-align:right; padding-bottom:10px;  font-size:20px; color:#999999; font-weight:600;}

#main_board{width:100%; border-top:1px solid #dedede;  border-bottom:1px solid #dedede;  padding-top:10px;  padding-bottom:10px; float:left }
#main_board ul.btn_notice li{color:#212121; background:url(/_images/dot_1.gif) no-repeat; background-position:0px 15px; padding-left:2%; font-size:13px; box-sizing:border-box;  float:left;  width:70%; margin-top:0px;   padding-bottom:11px; padding-top:8px; overflow:hidden; font-weight:400;  border-left:0px;} /*title */
#main_board ul.btn_notice span{font-size:13px; font-weight:bold; display:inline-block; text-align:right;  box-sizing:border-box; width:30%; padding-bottom:11px; padding-top:8px; float:right;  color:#14599c; } /* date */

/* 공지사항 */


/* 후원 */

#sponsor_wrap{width:100%; background:#f1f1f1}
#sponsor_wrap iframe{}

/* 후원 */


#orga_sp{width:100%; }
#orga_sp ul{width:49%; background:#fafafa; margin-bottom:40px; box-sizing:border-box; height:400px; padding-top:30px;  border:1px solid #dedede; float:left; text-align:center; margin-right:2%;}
#orga_sp ul:nth-child(2n+2){margin-right:0%}
#orga_sp ul li:nth-of-type(2){font-size:18px; padding-top:20px; color:#000000; font-weight:700;}
#orga_sp ul li:nth-of-type(3){font-size:14px; padding:8px 15px; line-height:20px; color:#808080;  }
#orga_sp ul li:nth-of-type(4){font-size:13px; padding:4px 8px; width:120px; border-radius:50px; background:#fff; cursor:pointer;  margin:6px auto 20px auto; border:1px solid #dedede; line-height:20px; color:#808080;  }
#orga_sp ul li:nth-of-type(4):hover{ background:#333; color:#fff; border:1px solid #333;}

#orga_sp2{width:100%; }
#orga_sp2 ul{width:49%; background:#fafafa; margin-bottom:40px; box-sizing:border-box; height:140px; padding-top:10px;  border:1px solid #dedede; float:left; text-align:center; margin-right:2%;}
#orga_sp2 ul:nth-child(2n+2){margin-right:0%}
#orga_sp2 ul li:nth-of-type(2){font-size:18px; padding-top:20px; color:#000000; font-weight:700;}
#orga_sp2 ul li:nth-of-type(3){font-size:14px; padding:8px 15px; line-height:20px; color:#808080;  }



.box_gray{border-radius:4px; border:1px solid #eaeaea; box-sizing:border-box; padding:8px;}
.box_gray2{border-radius:4px; border:1px solid #eaeaea; box-sizing:border-box; padding:8px;}


#kiom_info{ width:100%; display:block; padding-top:20px; height:430px; background:url(/_images/kiom_bg.jpg) no-repeat; background-position:0px -70px; background-size:cover;}
#kiom_info ul{width:100%; height:400px; padding:70px 0; }
#kiom_info ul li:first-child{color:#156dab; font-size:30px; text-align:center; font-weight:700; padding-bottom:30px;}
#kiom_info ul li:nth-of-type(2){color:#363636; text-align:justify; line-height:19px; font-size:13px; font-weight:400;}


#kiomsar{ background:#f7f7f7 url(/_images/kiomsar_bg.gif) no-repeat;  background-position:center; width:100%; height:320px;  display:block; clear:both; }
#kiomsar ul{float:left;  padding:2% 0;  height:270px; margin-right:5%; width:45%;}
#kiomsar ul:last-child{width:50%;  padding:2% 0; margin-right:0; }
#kiomsar ul li:first-child{color:#3070b6; font-size:35px; border-bottom:1px solid #dedede; text-align:center; padding-bottom:10px; padding-top:20px; font-weight:700;}
#kiomsar ul li:nth-of-type(2){color:#363636; text-align:justify; padding-top:10px; line-height:19px; font-size:13px; font-weight:400;}


#colab_step ul{width:49%; margin-right:2%; margin-bottom:15px; position:relative; float:left; box-sizing:border-box; border:1px solid #dedede;}
#colab_step ul:nth-child(2n+2){margin-right:0%}
#colab_step ul li:first-child{background:#093c6b; padding:6px 0px; font-size:18px; text-align:center; color:#fff}
#colab_step ul li:first-child span{font-size:16px; color:#093c6b;}
#colab_step ul li:nth-child(2){ text-align:center;  padding:10px 15px 10px 15px}
#colab_step ul li:nth-child(3){ font-size:15px;  height:60px; text-align:center; padding:0 30px; color:#093c6b; font-weight:500;}

#btn_wrap_2{width:100%; margin:0 auto;}
#btn_wrap_2 ul li{ background:#4693f3; width:48.5%; margin-right:2%; display:inline-block; height:48px; line-height:48px; text-align:center; color:#fff; font-size:15px; cursor:pointer; font-weight:400}
#btn_wrap_2 ul li:hover{ background:#666666; color:#fff;}
#btn_wrap_2 ul li:last-child{margin-right:0%; }

.tab{padding-top:10px; width:100%}
.tab_1{float:left; width:50%;}
.tab_2{float:left; width:34%;}
.tab_3{float:left; width:33.33%;}
.tab_4{float:left; width:25%;}

.tab_on{ position:relative;  width:100%; border:4px solid #0f68a0; box-sizing:border-box; font-size:20px; font-weight:700; text-align:center; color:#0f68a0; padding-top:15px;   padding-bottom:15px;  }
.tab_on span.arrow{position:absolute; bottom:-20px; left:45%; display:none}

.tab_off{background:#f6f6f6;   border-top:1px solid #dbdbdb;   font-size:20px; box-sizing:border-box; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center; width:100%; border-right:1px solid #dbdbdb; padding-top:18px;   padding-bottom:18px;  }

.tab_on_4{ position:relative;  width:100%; box-sizing:border-box; height:110px; font-size:16px; font-weight:700; text-align:center; color:#fff; padding-top:15px;   padding-bottom:15px;  }
.tab_on_4 span.arrow{position:absolute; bottom:-20px; left:45%; display:none}

.tab_off_4{background:#f6f6f6;   border-top:1px solid #dbdbdb;   font-size:16px; box-sizing:border-box; height:110px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center; width:100%; border-right:1px solid #dbdbdb; padding-top:18px;   padding-bottom:18px;  }



#btn_dep_2_2{width:600px; margin:0 auto; }
#btn_dep_2_2 ul li.l2{width:48%; text-align:center;  cursor:pointer;  float:left; margin-right:2%; }
#btn_dep_2_2 ul li:last-child.l2{ margin-right:0}

.btn_dep_1{width:250px; margin:0 auto; height:46px; cursor:pointer; padding:6px; text-align:center; border-radius:6px; line-height:46px; background:#3173b8; color:#fff; font-weight:400; font-size:16px}
.btn_dep_1:hover{ background:#000}

#btn_dep_han{width:150px; height:54px; cursor:pointer; text-align:center; line-height:54px;  border:2px solid #03acf1; box-sizing:border-box; color:#03acf1; font-weight:600; font-size:22px}
#btn_dep_han:hover{ background:#000}



#login_bg{width:100%; background:#f3f3f3; border:1px solid #e4e4e4;}
#login_bg2{width:100%; background:#f3f3f3; border:1px solid #e4e4e4;}
.login_st_title{width:100%; color:#212121; font-weight:600;}
#login_style{  margin:0 auto; }
.login_st_id{ padding-left:20px; }
.login_st_id2{ padding-left:20px; }
.login_st_pw{ padding-bottom:10px;  }
.login_st_pw2{ padding-bottom:10px; padding-left:20px; padding-right:20px;  }
.login_st_bt{ padding-left:20px; clear:both; padding-top:10px; }
.login_st_bt2{ padding-left:20px; clear:both; padding-top:10px; }
.login_log_bt{width:90%}
.login_input{width:100%; height:30px; line-height:30px;border:solid 1px #ccc;}



#login_bg3{width:100%; background:#f3f3f3;border:1px solid #e4e4e4; }
#login_style3{margin:0 auto; }
.login_st_id3{ padding-left:20px;}
.login_st_pw3{padding-bottom:10px;}
.login_st_bt3{padding-left:20px; clear:both; padding-top:10px; }
.login_input3{width:100%; height:30px; font-size:12px; line-height:30px;border:solid 1px #ccc;}

.login_st_id4{ padding-left:20px; }
.login_st_pw4{padding-bottom:10px; padding-left:20px; padding-right:20px; }
.login_st_bt4{padding-left:20px; clear:both; padding-top:10px;}

#login_bg4{width:100%; background:#f3f3f3;border:1px solid #e4e4e4; height:70px;}

.sign_txt_01{color:#309de1; font-size:16px; padding-left:20px; font-weight:700;}



#total_pay{width:96%; float:left; border:2px solid #dedede; padding:8px 2%}
#total_pay ul li:first-child{float:right; font-size:18px; font-weight:600; color:#212121; line-height:35px; padding-right:20px;}
#total_pay ul li:nth-of-type(2){font-size:16px; float:right; font-weight:500; vertical-align:bottom; line-height:35px; color:#245698; padding-right:20px;}


.t1 {display: table;table-layout:fixed;width:100%; border-collapse:collapse;}
.t1 .t2 {position: relative;display: table-cell; font-size:12px; color:#a3a3a3; cursor:pointer; width:auto;height:55px;text-align:center;border: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;}
.t1 .t2.on {border: 2px solid #124e87; font-size:12px; font-weight:500; cursor:pointer; color:#124e87}
.t1 .t2.on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}

.box_blue{color:#4c78ba; font-weight:600; font-size:18px; background:#e7eef9; padding:7px 10px; border:1px solid #4c78ba; margin-bottom:6px;}
.box_blue2{  font-size:18px; line-height:26px; background:#e7eef9; color:#4473c5; padding:24px 30px; border:1px solid #4c78ba; margin-bottom:6px;}


.main_pop_wrap{position:relative}
.main_pop5{ margin-left:2%; margin-right:2%; top:120px; position:absolute; background:#fff; box-shadow:2px 2px 14px #000;  z-index:100001; width:96%;}
.main_pop6{ margin-left:2%; margin-right:2%; top:120px; position:absolute; background:#fff; box-shadow:2px 2px 14px #000;  z-index:100001; width:96%;}
.main_pop7{ margin-left:2%; margin-right:2%; top:120px; position:absolute; background:#fff; box-shadow:2px 2px 14px #000;  z-index:100001; width:96%;}
.main_pop8{ margin-left:2%; margin-right:2%; top:120px; position:absolute; background:#fff; box-shadow:2px 2px 14px #000;  z-index:100001; width:96%;}

#p_description{width:100%;}
#p_description p.title{border-top:2px solid #2968b7; border-bottom:1px solid #2968b7; padding-bottom:10px; text-align:center; color:#2968b7; font-weight:600; font-size:20px; padding-top:10px;}
#p_description ul{float:left; margin-top:7px; width:100%}
#p_description ul li{float:left; line-height:23px; }
#p_description ul li:first-child{width:30%; font-weight:600; font-size:17px; color:#000 }
#p_description ul li:first-child .left{font-weight:600;  color:#000; font-size:16px; text-align:left; padding:15px;}
#p_description ul li:first-child .left .sub_title{font-size:19px; font-weight:600; padding-bottom:6px;}
#p_description ul li:nth-of-type(2){width:70%; font-weight:600; font-size:17px; color:#000; border-left:1px solid #fff; box-sizing:border-box;}
#p_description ul li:nth-of-type(2) .right{color:#454545; font-weight:normal; font-size:16px; padding:15px;  text-align:justify}
#p_description ul li p.pro{width:100%; background:#dbe7f6;  padding:8px 0;   text-align:center;}
#p_description ul li p.des{width:100%; background:#dbe7f6;  padding:8px 0; text-align:center;}

#ps_wrap{border:1px solid #d63150; padding:10px 15px; margin-bottom:17px; clear:both}
#ps_wrap ul li:first-child{font-size:16px; font-weight:700; color:#d63150; padding-bottom:8px}
#ps_wrap ul li:first-child span.time{font-size:14px; font-weight:400; color:#d63150;}
#ps_wrap ul li:nth-of-type(2){font-size:13px; color:#333333}

.btn_enter{ width:20%; float:left; height:70px; margin-left:2%; cursor:pointer; border:1px solid #ccc; line-height:70px; text-align:center; font-size:18px; color:#333}
.input_01{border:1px solid #ccc; float:left; width:71%; padding:5px 3%; height:60px;  }

#online_photo{width:100%; height:500px;  margin-top:30px}
#online_photo img{max-width:100%;  max-height:500px;}



@media (min-width:900px) and (max-width:1200px){
#online_photo_thum{width:94%; float:left; padding:20px 0; border:1px solid #dedede; box-sizing:border-box;  margin:3%}
#online_photo_thum ul{margin:0 auto;  width:820px;}
#online_photo_thum ul li{float:left; width:72px; margin-right:10px; height:54px; border:2px solid #dedede; box-sizing:border-box}
#online_photo_thum ul li:last-child{0px}
	
}



@media (min-width:100px) and (max-width:900px){
#online_photo_thum{width:94%; float:left; padding:20px 0; border:1px solid #dedede; box-sizing:border-box;  margin:3%}
#online_photo_thum ul{margin:0 auto;  width:420px;}
#online_photo_thum ul li{float:left; width:72px; margin-right:10px; height:54px; border:2px solid #dedede; box-sizing:border-box}
#online_photo_thum ul li img{max-width:68px; max-height:50px}
#online_photo_thum ul li:nth-child(6n+6){margin-top:10px;}
#online_photo_thum ul li:nth-child(7n+7){margin-top:10px;}
#online_photo_thum ul li:nth-child(8n+8){margin-top:10px;}
#online_photo_thum ul li:nth-child(9n+9){margin-top:10px;}
#online_photo_thum ul li:nth-child(10n+10){margin-top:10px;}
#online_photo_thum ul li:last-child{0px}
	
}

#conf_comment ul li:first-child{width:89%; float:left; margin-right:2%}
#conf_comment ul li:nth-of-type(2){width:9%; float:left; color:#fff; cursor:pointer; line-height:70px; text-align:center; font-size:17px; height:70px; background:#124e87}
#conf_comment ul li:first-child input{border:1px solid #dedede; width:100%; box-sizing:border-box; height:70px; }

.red_box{padding:10px 15px; background:#FF0000; display:inline-block; margin-bottom:30px; font-size:18px; color:#fff; border-radius:8px}

.blue_txt_1{color:#fff; font-size:16px; padding-bottom:10px; font-weight:bold; display:block}
.gray_txt_1{color:#717171; font-size:16px; padding-bottom:10px; font-weight:bold; display:block}

#awards_area ul li{float:left; width:20%; border:1px solid #dedede; font-size:15px; font-weight:600; padding:10px 1%; text-align:center; margin-right:3%}
#awards_area ul li:last-child{margin-right:0}

#online_spon ul li{float:left; width:98%; box-sizing:border-box; padding:10px 0px; text-align:center; margin-bottom:20px; border:0px solid #dedede; margin-left:1%; margin-right:1%;}


.btn_upload{width:100px; float:left; color:#fff; cursor:pointer; line-height:70px; text-align:center; font-size:17px; height:70px; background:#124e87}



table.table_reg3 {
	clear:both;
	border-collapse:collapse;
	border-top:0px solid #64749c;
	margin-bottom:20px;
	border-top:2px solid #658fbe;
}
table.table_reg3 tr td {

	border-collapse:collapse;
	padding:16px 0;

	color:#333333;

	border:1px solid #cfcfcf;
    font-size:18px;

}
table.table_reg3 th {
	color:#124e87;
	font-size:18px;
	line-height:18px;
	padding:7px 15px;
	background:#cfe7f3;

	border:1px solid #cfcfcf;
	font-weight:700;
}

table.table_reg3 .p_d_l{padding-left:20px}

#spon_logo{position:relative; margin-bottom:50px; float:left;}
#spon_logo ul:first-child{position:absolute; top:0; left:0; font-size:16px; color:#5c5c5c; font-weight:600;}
#spon_logo ul:nth-of-type(2){margin-left:150px;}
#spon_logo ul:nth-of-type(2) li{float:left; padding-right:30px; }

.spon_left{clear:both; font-size:16px; color:#5c5c5c; font-weight:600; width:100%; padding-top:45px;}
.spon_right{clear:both; width:100%;}


.board_btn{width:100px; border:1px solid #dedede; display:inline-block; cursor:pointer;  height:70px; text-align:center; color:#fff; font-size:14px; line-height:70px;font-weight:500;background:#126498;}
.board_btn:hover{background:#000;color:#fff;}

.board_btn_01{width:100px; border:1px solid #dedede; display:inline-block; cursor:pointer;  height:70px; text-align:center; color:#fff; font-size:14px; line-height:70px;font-weight:500;background:#ff6600;}
.board_btn:hover{background:#000;color:#fff;}


select.board_select { 
 font-weight:400; color:#8e8e8e; width:322px; border:1px solid #dedede;  padding:5px 10px; height:42px; font-size:17px; 
background: #fff url(/T/_images/select_arrow.jpg) no-repeat 97% 50%;
padding-left:10px;
   appearance: none;        
	 -webkit-appearance: none; 
	 -moz-appearance: none;
	
} 
select.board_select::-ms-expand { 
   display: none;          
}


.board_search_wrap{width:410px; margin:0 auto}
.input_02{border:1px solid #ccc; line-height:30px; font-size:14px; box-sizing:border-box; padding:0px 9px; height:30px;}

#process ul{float:left; position:relative; border:1px solid #008bd3; box-sizing:border-box; margin-bottom:8px; padding-bottom:10px; width:100%;}
#process ul:last-child{margin-right:0px}
#process ul li{ text-align:center; }
#process ul li:first-child{ padding-top:10px}
#process ul li:first-child img{width:70px}
#process ul li:nth-of-type(2){color:#008bd3; padding-top:8px; font-family:roboto; font-weight:600; font-size:12px} 
#process ul li:nth-of-type(3){color:#2e2e2e; padding-top:5px; font-weight:600; font-size:16px}
#process ul li:nth-of-type(3) span.txt{font-size:12px;padding-top:5px;  display:block; line-height:15px; font-weight:500; color:#666666}
#process ul p.arrow{ position:absolute; display:none; right:-35px; top:33%;}
#process ul p.arrow i{font-size:30px; color:#7e7e7e;}

.privacy{width:90%; padding:30px 5%; border:1px solid #dedede }
.input_reg{border:1px solid #dedede; height:30px; padding:5px 10px; line-height:30px}

.input_reg_1{border:1px solid #dedede; width:300px; height:30px; font-size:17px; padding:5px 10px; line-height:30px; margin-bottom:5px;}
.input_reg_2{border:1px solid #dedede; width:134px; height:30px; font-size:17px; padding:5px 10px; line-height:30px; margin-bottom:5px;}


.txar{border:1px solid #dedede; width:300px; height:100px; font-size:17px; padding:5px 10px; line-height:30px;}


.login_red{color:#F00;  font-size:13px;}
.txt_small_gray{font-size:13px; color:#999999}


::-webkit-input-placeholder { /* 크롬 4?56 */

    color: #8e8e8e;

}

:-moz-placeholder { /* 파이어폭스 4?18 */

   color: #8e8e8e;

   opacity:  1;

}

::-moz-placeholder { /* 파이어폭스 19?50 */

   color: #8e8e8e;

   opacity:  1;

}

:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */

   color:  #8e8e8e;

}

::placeholder { /* 파이어폭스 51+, 크롬 57+ */

   color: #8e8e8e;

   opacity:  1;


}

#end_box{width:600px; margin:0 auto; border:1px solid #dedede; padding:50px;}
#end_box ul li:first-child{font-size:25px; color:#008bd3; text-align:center; font-weight:bold; padding-bottom:40px;}


table.table_w {
	clear:both;
	border-collapse:collapse;

}

table.table_w tr td {
	text-align:center;
	border-collapse:collapse;
	color:#333333;
	padding-top:7px;
	padding-bottom:7px;
	font-size:16px;
	line-height:22px;
}
table.table_w th {

	font-size:17px;

	font-weight:700;
	padding-top:10px;
	padding-bottom:10px;
}


#vote{width:100%; margin:0 auto;}
#vote ul li{float:left}
#vote ul li:first-child{width:45%}
#vote ul li:nth-of-type(2){width:10%}
#vote ul li:nth-of-type(3){width:45%}
#vote ul li img{width:100%}

#btn_dep_1_2{width:400px; margin:0 auto; }
#btn_dep_1_2 ul li{width:100%; height:54px; cursor:pointer; text-align:center; line-height:54px;  border:2px solid #03acf1; box-sizing:border-box; color:#03acf1; font-weight:600; font-size:22px}
#btn_dep_1_2 ul li i{color:#212121}
#btn_dep_1_2 ul li:last-child{ margin-right:0px; margin-left:2%}
#btn_dep_1_2 ul li:hover{ background:#000; border:1px solid #000; color:#fff}
#btn_dep_1_2 ul li:hover i{color:#fff}


#btn_dep_1_5{width:400px; margin:0 auto; }
#btn_dep_1_5 ul li{width:100%; height:54px; cursor:pointer; text-align:center; line-height:54px;  border:2px solid #03acf1; box-sizing:border-box; color:#03acf1; font-weight:600; font-size:22px}
#btn_dep_1_5 ul li i{color:#212121}
#btn_dep_1_5 ul li:last-child{ margin-right:0px; margin-left:2%}
#btn_dep_1_5 ul li:hover{ background:#000; border:1px solid #000; color:#fff}
#btn_dep_1_5 ul li:hover i{color:#fff}

#online_photo{margin:0 auto; width:100%;background:#000;}
.main_movie{width:100%;  }