@charset "utf-8";

/*----------------------------------- GT2 THEME  ----------------------------------------
-- 온웹(ONWEB) GT2테마에 포함된 파일입니다.
-- GT2테마는 상용테마로 구매자의 허용된 사이트 외에는 사용하실 수 없습니다.
-- Theme Name: GT2/ Maker: ONWEB
----------------------------------------------------------------------------------------*/

#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; letter-spacing:0px; line-height:180%; color:#666666; font-family:"NanumBarunGothic"; }

/* ----------------------------------------------------------------- DIV 박스 -----------------------------------------------------------------------*/
.onweb_div_1200 { max-width:1200px; z-index:1; text-align:justify; overflow:hidden; }
.onweb_div_1000 { max-width:1000px; 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%; }

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

.sub_left_33 { float:left; width:33.333%; margin-right:2.667%; }
.sub_right_67 { float:right; width:64%; }

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

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

.pbr { display:none; }
.tcenter { text-align:center; }

.onweb_div_left_480 { float:left; width:48%; }
.onweb_div_right_480 { float:right; width:48%; }
.box10px { border: 10px solid #EEEEEE; }

.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:1200px; border-bottom:1px dotted #CCC; }
.onweb_spacebox30 { margin-top:30px !important; margin-bottom:30px !important; height:1px; width:100%; 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:#0077C3; font-weight:bold; line-height:150%; letter-spacing:-1px; font-family:'NanumSquare';}

.onweb_title1 {	font-size:36px;	line-height:60px; color:#333; text-align:center; font-weight:400; letter-spacing:-1px; margin:20px 0 20px 0 !important; font-family:'NanumSquare';}
.onweb_title2 {	font-size:24px;	line-height:140%; color:#333; text-align:center; font-weight:400; letter-spacing:-1px; margin:10px 0 15px 0 !important; font-family:'NanumSquare';}
.onweb_title3 { font-size:19px; line-height:19px; color:#333; text-align:center; font-weight:400; margin:20px 0 15px 0 !important; font-family:'NanumSquare'; }
.onweb_text1 { font-size:14px; color:#333; text-align:center; letter-spacing:-0.5px; }
.onweb_text2 { font-size:13px; color:#333; text-align:center; letter-spacing:-0.5px; }

.onweb_color1 { color:#FF540E !important; }
.onweb_color2 { color:#FF9002 !important; }

.margin_top_10 { margin-top:10px !important; }
.margin_top_20 { margin-top:20px !important; }
.margin_top_30 { margin-top:30px !important; }
.margin_top_40 { margin-top:40px !important; }
.margin_top_50 { margin-top:50px !important; }

.onweb_bar_200 { margin:0 auto; padding:25px 0px !important; width:200px; border-bottom:2px solid #61534C; }
.onweb_bar { width:100%; margin:0 auto; height:1px; margin:50px 0px !important; border-bottom:1px solid #DDD; }
.onweb_bar_30 { width:100%; margin:0 auto; height:1px; margin:30px 0px !important; border-bottom:1px solid #DDD; }

.onweb_div_900 { max-width:900px; padding:50px !important; z-index:1; text-align:justify; overflow:hidden; }

/* ----------------------------------------------------------------- 테이블 속성 -----------------------------------------------------------------------*/
.onweb_gray_table {border-collapse:collapse; border-spacing:0; margin:0px;}
.onweb_gray_table td.d_head 		{ background-color:#eee; font-weight:bold; color:#111; }
.onweb_gray_table td.d_head1 		{ background-color:#F7F7F7; font-weight:bold; color:#333333; }
.onweb_gray_table td.d_title		{ background-color:#eee; font-weight:bold; color:#333333; }
.onweb_gray_table td				{ border:1px #cccccc solid; text-align:center; 	padding:10px; height:15px; background-color:#fff; valign:center; vertical-align:center; line-height:180%;; }
.onweb_gray_table td.d_text_left 	{ text-align:left; 	padding:10px; height:15px; background-color:#fff; valign:top; vertical-align:top; line-height:150%; }
.onweb_gray_table td.d_text_right 	{ text-align:right; 	padding:10px; height:15px; background-color:#fff; valign:top; vertical-align:top; line-height:150%; }
.onweb_gray_table td.d_text_center 	{ text-align:center; 	padding:10px; height:15px; background-color:#fff; valign:top; vertical-align:top; line-height:150%; }

/* -------------------------------------------------------------- 사진배경 타이틀 속성 ------------------------------------------------------------------*/
.onweb_imgtitle_bg1 { position:absolute; z-index:1; width:100%; max-width:1000px; height:100px; bottom:0; left:0px; filter:alpha(opacity=50); opacity:.5; background-color:#000; }
.onweb_imgtitle_bg2 { position:absolute; z-index:2; width:100%; max-width:1000px; 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; }

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

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

.box_underbar1 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#F00; margin-top:20px !important; margin-bottom:20px !important; opacity: 0.5; }
.box_underbar2 { margin:0 auto; margin-top:30px !important; margin-bottom:50px !important; width:100px; border-top:1px solid #F00; }

.photo_div { width:100%; color:#FFF; font-size:50px; text-align:center; border-radius:15px; background: linear-gradient(to right, rgb(242, 112, 156), rgb(255, 148, 114)); }

.subpage { font-family:"NanumSquare"; font-size:17px; font-weight:400; color:#000; letter-spacing:-1px; }
.fsize { font-size:28px; font-weight:400; text-align:left; border-left:5px solid #F00; padding:0px 0px 0px 10px !important; margin-top:0px !important; line-height:130%; }
.check_items { margin-top:20px; padding: 10px 0 0 0 !important ; }
.check_items .citems { margin-bottom:10px !important;  }
.check_items .citems span { font-size:30px; vertical-align:middle; line-height:36px; margin-right:10px !important; }
.color1 { color:#15324C; }
.color2 { color:#e07a5f; }
.onweb_bar_200 { margin:0 auto; padding:30px 0px !important; width:300px; border-bottom:1px solid #DDD; margin-bottom:50px !important; }
.cbox_30 { padding:30px !important; background-color:#ffdab9; }
.onweb_radius { border-top-left-radius:10px; border-bottom-right-radius:10px; }
.radius_100 { border-radius:100px; }
.radius_15 { border-radius:15px; }
.radius_0 { border-radius:0px; }
.rimg { width:250px; max-width:250px; margin:0 0 20px 0; border-radius:125px; border:0px solid #EB7E4E; }
.rimg2 { width:300px; max-width:300px; margin:0 0 20px 0; border-radius:150px; border:1px solid #CCC; }

.ul_icon { width: 100%; }
.ul_icon_img { font-size:100px; line-height:100px; border-radius:100px; padding:50px; margin:0 0 20px 0; background-color:#EEE; border:1px solid #DDD; color:#e07a5f; }
.ul_icon li { float:left; width:33.333%; text-align:center; padding:50px 0px; }
.ul_icon_title { font-family:'NanumSquare'; font-size:24px; color:#e07a5f; text-align:center; line-height:50px; font-weight:400; letter-spacing:-1px; }
.ul_icon_text { text-align:center; line-height:24px; color:#333; }
.ul1 { list-style-type: disc; margin:0px 0px 0px 16px ; padding:0px; }
.ul1 li { width:100%; text-align:left; }

#items_index ul li span { font-size:24px; vertical-align:middle; line-height:36px; margin-right:10px !important; color:#e07a5f }
#items_index ul li:hover span { color:#FFF !important; }

#items_index { background-color:#07123F; }
#items_index ul { display:table; width:100%; list-style-type: none; margin:0; padding:10px; }
#items_index ul li { width:calc(33.333% - 10px); float:left; text-align:left; padding:20px; margin:5px; border:1px solid #DDD; background-color:#FFF; line-height:40px; vertical-align:middle; color:#000; border-radius:0px; }
#items_index ul li:hover { background-color:#15324C; color:#FFF; cursor:pointer; }
#items_index ul li:hover a { color:#FFF; }
.redbar_title { text-align:left; border-left:5px solid #F00; padding:10px 0px 10px 10px !important; margin-top:20px !important; }
.div_head { width:100%; height:3px; background:linear-gradient(to right, #2d72bc, #61c69d); }

@media  (max-width: 1111px) {
	.photo_div { line-height:500px; font-size:50px; }
	#items_index ul li, .ul_icon li { width:calc(50% - 10px) !important;  }
}
@media  (max-width: 800px) {
	.photo_div { line-height:400px; font-size:50px; }
	#items_index ul li, .ul_icon li { width:100% !important; }
}
@media  (max-width: 480px) {
	.photo_div { line-height:250px; font-size:40px; }
	.ul_icon li { width: 100% !important; }
	.radius_100 { border-radius:10px; }
}