#sub_contents div { margin:0px auto; padding:0px; }
#sub_contents p { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;}
#sub_contents li {	padding-bottom:3px; }

.subpage { position:relative; z-index:1; width:100%; display:block; margin:0 auto; padding:0; text-align:justify; font-size:15px; line-height:180%; color:#333; font-family:"Nanum Gothic"; }

/* ----------------------------------------------------------------- DIV 박스 -----------------------------------------------------------------------*/
.onweb_div_1260 { max-width:1260px; z-index:1; text-align:justify; overflow:hidden; }

.sub_left_50 { float:left; width:49%; margin-right:2%; }
.sub_right_50 { float:right; width:49%; }

.layer_left_50 { float:left; width:50%; }
.layer_right_50 { float:right; width:50%; }

.sub_left_40 { float:left; width:36.5%; margin-right:3%; }
.sub_right_60 { float:right; width:calc(60.5%); }

.onweb_img { max-width:100%; }
.onweb_titlebox { padding:25px !important; max-width:950px; background-color:#FFE6C0; }
.onweb_titlebar { padding: 5px 0 5px 0 !important; max-width:1000px; border-bottom:1px solid #DDD; }
.onweb_spacebox { margin-top:20px !important; margin-bottom:20px !important; height:1px; max-width:1000px; border-bottom:1px dotted #CCC; }
.onweb_spacebox30 { margin-top:30px !important; margin-bottom:30px !important; height:1px; max-width:1000px; border-bottom:1px dotted #CCC; }
.onweb_spacebox50 { margin-top:50px !important; margin-bottom:50px !important; height:1px; max-width:1000px; border-bottom:1px dotted #CCC; }
.onweb_title_32px { font-size:32px; color:#111; font-weight:bold; line-height:150%; letter-spacing:-1px; }
.onweb_title_24px { font-size:24px; color:#111; font-weight:bold; line-height:150%; letter-spacing:-1px; }
.onweb_title_19px { font-size:19px; color:#111; font-weight:bold; line-height:150%; letter-spacing:-1px; font-family:"Nanum Gothic"; }

.onweb_title1 {	font-size:45px;	line-height:45px; color:#000; text-align:center; font-weight:normal; letter-spacing:-1px; margin:20px 0 20px 0 !important; }
.onweb_title2 {	font-size:25px;	line-height:140%; color:#FF0000; text-align:center; font-weight:normal; letter-spacing:-1px; margin:10px 0 15px 0 !important; }
.onweb_title3 { font-size:18px; line-height:16px; color:#333; text-align:center; font-weight:normal; margin:20px 0 15px 0 !important; }
.onweb_text1 { font-size:14px; color:#666; text-align:center; letter-spacing:-0.5px; }
.onweb_text2 { font-size:13px; color:#666; text-align:center; letter-spacing:-0.5px; }

.onweb_font_ls { font-family:"ls","Nanum Gothic"; }
.onweb_font_Buri { font-family:"Buri","Nanum Gothic"; }
.onweb_font_GodoB { font-family:"GodoB","Nanum Gothic"; }
.onweb_font_GodoM { font-family:"GodoM","Nanum Gothic"; }
.onweb_font_notokr { font-family:"notokr","Nanum Gothic"; }

.onweb_color1 { color:#FF540E; }
.onweb_color2 { color:#FF9002; }
.onweb_FTG1 {	font-family: 'Fredericka the Great', cursive; font-size:50px; line-height:50px; color:#333; font-weight:normal; letter-spacing:0px; }

/* ----------------------------------------------------------------- 아이템 BAR  -----------------------------------------------------------------------*/
.onweb_itembar2 { position:relative; width:100%; margin:0 auto; padding:0; list-style:none; }
.onweb_itembar2 li { position:relative; float:left; text-align:center; width:24%; line-height:150px; margin:0; padding:0% !important; background-color:#403529; margin-bottom:1%; margin-right:1%; font-weight:bold; color:#FFF; letter-spacing:-1px; border-radius:10px; }
.onweb_itembar2 li { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.onweb_itembar2 li.last:hover { background-color:#000; cursor:pointer; }
.onweb_itembar2 li span { display: inline-block; vertical-align: middle; line-height:25px !important; }
.onweb_itembar2 li:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.onweb_itembar2 li.last{ width:75%; margin-right:0%; background-color:#89725B; text-align:left; }

.onweb_itembar3 { position:relative; width:100%; margin:0 auto; padding:0; list-style:none; }
.onweb_itembar3 li { position:relative; float:left; text-align:center; width:30%; height:70px; margin:0; padding:1% !important; background-color:#FFEEAD; margin-bottom:1%; margin-right:1%; font-weight:bold; color:#333; }
.onweb_itembar3 li span { display: inline-block; vertical-align: middle; }
.onweb_itembar3 li:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.onweb_itembar3 li.last{ width:32%; margin-right:0%; }

.onweb_itembar4 { position:relative; width:100%; margin:0 auto; padding:0; list-style:none; }
.onweb_itembar4 li { position:relative; float:left; text-align:center; width:22%; height:50px; margin:0; padding:1% !important; background-color:#89725B; margin-bottom:1%; margin-right:1%; font-weight:bold; color:#FFF; letter-spacing:-1px; border-radius:5px; }
.onweb_itembar4 li { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.onweb_itembar4 li:hover { background-color:#000; cursor:pointer; }
.onweb_itembar4 li span { display: inline-block; vertical-align: middle; line-height:150% !important; }
.onweb_itembar4 li:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.onweb_itembar4 li.last{ width:23%; margin-right:0%; }

/* ----------------------------------------------------------------- 테이블 속성 -----------------------------------------------------------------------*/
.onweb_gray_table { border-collapse:collapse; border-spacing:0; margin:0px; }
.onweb_gray_table td.d_head 		{ border:1px #DDD solid; text-align:center; 	padding:20px; height:20px; background-color:#eeeeee; font-weight:bold; color:#333333; }
.onweb_gray_table td.d_head1 		{ border:1px #DDD solid; text-align:center; 	padding:20px; height:20px; background-color:#dddddd; font-weight:bold; color:#333333; }
.onweb_gray_table td.d_title		{ border:1px #DDD solid; text-align:center; 	padding:20px; height:20px; background-color:#eeeeee; font-weight:bold; color:#333333; }
.onweb_gray_table td.d_text_left 	{ border:1px #DDD solid; text-align:left; 	padding:20px; height:20px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }
.onweb_gray_table td.d_text_right 	{ border:1px #DDD solid; text-align:right; 	padding:20px; height:20px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }
.onweb_gray_table td.d_text_center 	{ border:1px #DDD solid; text-align:center; 	padding:20px; height:20px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }

/* ----------------------------------------------------------------- 테이블 속성 -----------------------------------------------------------------------*/
table.gray_table3 {border-collapse:collapse; border-spacing:0; margin:0px;}

table.gray_table3 td.d_head 	{ border:1px #cccccc solid; text-align:center; padding:15px; height:15px; background-color:#eeeeee; font-weight:bold; color:#333333;}
table.gray_table3 td.d_head1 { border:1px #cccccc solid; text-align:center; padding:15px; height:15px; background-color:#dddddd; font-weight:bold; color:#333333;}
table.gray_table3 td.d_title	{ border:1px #cccccc solid; text-align:center; padding:15px; height:15px; background-color:#eeeeee; font-weight:bold; color:#333333;}
table.gray_table3 td.d_text_left 	{ border:1px #cccccc solid; text-align:left; padding:15px; height:15px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }
table.gray_table3 td.d_text_right 	{ border:1px #cccccc solid; text-align:right; padding:15px; height:15px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }
table.gray_table3 td.d_text_center 	{ border:1px #cccccc solid; text-align:center; padding:15px; height:15px; background-color:#ffffff; valign:top; vertical-align:top; line-height:180%; }

/* -------------------------------------------------------------- 사진배경 타이틀 속성 ------------------------------------------------------------------*/
.onweb_imgtitle_bg1 { position:absolute; z-index:1; width:100%; height:100px; bottom:0; left:0px; filter:alpha(opacity=80); opacity:.8; background-color:#000; }
.onweb_imgtitle_bg2 { position:absolute; z-index:2; width:100%; height:100px; bottom:0; left:30px; line-height:150%; filter:alpha(opacity=50); opacity:.5; }
.onweb_imgtitle { font-size: 22px; font-weight: bold; letter-spacing:-0.05em; color: #FFF; padding: 25px 0 0 0 !important; }

/* ----------------------------------------------------------------- 타이틀 디자인 -----------------------------------------------------------------------*/

.shape_color1 { display:inline-block; font-size: 22px; font-weight: bold; background:url(/contents/images/titlebg_01.png) no-repeat right; background-color:#FF9002; color:#fff; padding:10px 15px 0px 15px !important; line-height:1em; width:300px; height:35px; margin:10px 0 10px 0 !important; border-left:5px solid #000; letter-spacing:-1px; }
.shape_color2 { display:inline-block; font-size: 22px; font-weight: bold; background:url(/contents/images/titlebg_02.png) no-repeat right; background-color:#FF9002; color:#fff; padding:10px 15px 0px 15px !important; line-height:1em; width:300px; height:35px; margin:10px 0 10px 0 !important; border-left:5px solid #000; letter-spacing:-1px; }
.bb_title { font-size: 26px; font-weight: bold; color:#FFFFFF; letter-spacing:-1px; background-color:#009F28; padding:7px 20px 10px 10px !important; }

.subpage img { width:100%; }
.imgborder_30 { width:calc(100% - 30px) !important; border-radius:100%; border:15px solid #EEE; }

.pbr { display:none; }

.onweb_btn1 { background-color:#000; padding:32px 100px; display:inline-block; cursor:pointer; color:#fff !important; font-size:15px; font-weight:bold; text-decoration:none; }
.onweb_btn1 { -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.onweb_btn1:hover {	background:#8B1B70 !important; }

.onweb_btn2 { background-color:transparent; padding:5px 20px; display:inline-block; cursor:pointer; font-size:12px; font-weight:normal; text-decoration:none; border:2px solid #FFF; color:#FFF !important;}
.onweb_btn2 { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:21px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.onweb_btn2:hover {	background:#000 !important; color:#FFF !important;}

/* -----------------------------------------------------------------  추가 CSS -----------------------------------------------------------------------*/

.onweb_mtitle1 { font-size:36px; font-weight:normal; letter-spacing:-1px; line-height:45px; color:#333; text-align:center; }
.onweb_mtitle2 { border-left:5px solid #000; padding-left:10px !important; font-size:32px; font-weight:bold; letter-spacing:-1px; line-height:40px; color:#333; text-align:left; }
.onweb_mtitle3 { display:inline-block; font-size: 22px; line-height:32px; font-weight: bold; color:#333; padding:0px 0px 0px 0px !important; width:500px; margin:10px 0 10px 0 !important; border-left:0px solid #F90; letter-spacing:-1px; }
.onweb_mtitle3:before{ font-family: FontAwesome; content:"\f058"; vertical-align:top; padding:0px 10px 0px 2px !important; font-size:30px; line-height:32px; color:#F70; font-weight:bold; }

.onweb_mtitle_top_bar 	{ margin:0 auto; padding:10px 0px !important; width:150px; border-top:3px solid #333; }
.onweb_mtitle_bottom_bar { margin:0 auto; padding:10px 0px !important; width:150px; border-bottom:3px solid #333; }
.onweb_mbox1 { padding:40px 30px !important; max-width:940px; background-color:#FAFAFA; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.onweb_mbox2 { padding:40px 0px !important; max-width:1000px; background-color:#FAFAFA; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.t_mtitle1 { font-size:22px; color:#FFF; font-weight:bold; line-height:150%; letter-spacing:-2px; font-family:"Nanum Gothic"; }
.t_mtitle2 { font-size:16px; color:#FFF; font-weight:bold; line-height:150%; letter-spacing:-1px; }
.t_white { color:#FFF; }
.div_corner {  
	-webkit-clip-path: polygon(0 0, 0 100%, 95% 100%, 100% 90%, 100% 0);
	clip-path: polygon(0 0, 0 100%, 95% 100%, 100% 90%, 100% 0);
}

.sub_per_32 { float:left; width:32%; margin-top:20px !important; }
.sub_per_2 { float:left; width:2%; }
.sub_mc_1 { width:100%; height:220px; background-color:#138DCC; color:#FFF; }
.sub_mc_2 { width: calc(100% - 60px);  padding:20px 30px !important; font-size:14px; }
.m_gap_none { display:block; }
.p_gap_none { display:none;  }

.onweb_numdiv3 { position:relative; width:100%; margin:0 auto; padding:0; list-style:none; counter-reset: my-counter; }
.onweb_numdiv3 li { position:relative; float:left; width:32%; line-height:80px;  text-align:left; margin:0; padding:0px !important; background-color:#DDD; color:#333; margin-bottom:1.5%; margin-right:1.5%; font-weight:bold; letter-spacing:-1px; border-radius:40px; }
.onweb_numdiv3 li { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.onweb_numdiv3 li:hover { background-color:#000; cursor:pointer; color:#FFF; }
.onweb_numdiv3 li span { display: inline-block; vertical-align: middle; line-height:150% !important; }
.onweb_numdiv3 li:before{ content: counter(my-counter, decimal-leading-zero); counter-increment: my-counter; background-color:#138DCC; color:#FFF; text-align:center; margin-right:5%; float:left; font-size:19px; width:20%; border-top-left-radius:40px; border-bottom-left-radius:40px; }
.onweb_numdiv3 li:hover:before { background-color:#138DCC; cursor:pointer; }
.onweb_numdiv3 li.last{ width:33%; margin-right:0%; }
