@charset "utf-8";

/*----------------------------------- GT THEME  ----------------------------------------
-- 온웹(ONWEB) GT테마에 포함된 파일입니다.
-- GT테마는 상용테마로 구매자의 허용된 사이트 외에는 사용하실 수 없습니다.
-- Theme Name: GT/ 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:200%; color:#555; }

.subpage .h14 { font-family:'SCoreDream6'; font-weight: 600; }
.onweb_title1 { font-family:'SCoreDream5'; font-weight: 500; }
.onweb_title1 strong{ font-family:'SCoreDream6'; font-weight: 600; }

/* ----------------------------------------------------------------- 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; }

.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_spacebox10 { margin-top:10px !important; margin-bottom:10px; height:1px; max-width:1200px; }
.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; }

.onweb_title1 {	font-size:30px;	line-height:60px; color:#333; text-align:center; letter-spacing:-1px; margin:20px 0 20px 0 !important; }
.onweb_title2 {	font-size:20px;	line-height:140%; color:#333; text-align:center; letter-spacing:-1px; margin:10px 0 15px 0 !important; }
.onweb_title3 { font-size:17px; line-height:19px; color:#333; text-align:center; margin:20px 0 15px 0 !important;  }
.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; }

h11 { font-size: 64px; line-height:130%; }
h12 { font-size: 52px; line-height:130%; }
h13 { font-size: 46px; line-height:130%; }
h14 { font-size: 36px; line-height:130%; }
h15 { font-size: 28px; line-height:130%; }
h16 { font-size: 24px; line-height:130%; }
h17 { font-size: 19px; line-height:130%; }

.h11 { font-size: 64px; line-height:130%; }
.h12 { font-size: 52px; line-height:130%; }
.h13 { font-size: 46px; line-height:130%; }
.h14 { font-size: 36px; line-height:130%; }
.h15 { font-size: 28px; line-height:130%; }
.h16 { font-size: 24px; line-height:130%; }
.h17 { font-size: 19px; line-height:130%; }
@media  (max-width: 1200px) {
	.h11 { font-size: 2.625em; }
	.h12 { font-size: 2.375em; }
	.h13 { font-size: 1.875em; }
	.h14 { font-size: 1.5em; }
	.h15 { font-size: 1.25em; }
	.h16 { font-size: 1.125em; }
	.h17 { font-size: 1em; }
}


.redbar { border-left:4px solid #dc142a; margin:10px 0px !important; padding:10px 0px 10px 20px !important; }
.bluebar { border-left:4px solid #32C5D2; margin:10px 0px !important; padding:10px 0px 10px 20px !important; }
.blackbar { border-left:4px solid #000; margin:10px 0px !important; padding:10px 0px 10px 20px !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_bar_15 { width:100%; margin:0 auto; height:1px; margin:15px 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:20px; height:15px; background-color:#fff; valign:center; vertical-align:middle; line-height:180%;; }
.onweb_gray_table td.d_text_left 	{ text-align:left; 	valign:top; vertical-align:top; line-height:150%; }
.onweb_gray_table td.d_text_right 	{ text-align:right; valign:top; vertical-align:top; line-height:150%; }
.onweb_gray_table td.d_text_center 	{ text-align:center; 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:#333; }
.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 { margin:0 auto; padding:0px; width:1px; background-color:#dc142a; height:100px; margin-top:20px !important; margin-bottom:30px !important; }
.box_underbar2 { margin:0 !important; margin-top:30px !important; margin-bottom:30px !important; width:100px; border-top:1px solid #1f1f1f; }

/* 컨텐츠 페이지 전체의 폰트를 넥슨고딕으로 적용 */
.subpage { font-family:"Spoqa Han Sans Neo"; font-size:16px; color:#333; /* letter-spacing:-1px; */ }
@media  (max-width: 640px) {
	.subpage { font-size: 14px !important; }
}

.onweb_column3 { width: 100%; max-width: <?=$gt_default_width;?>; text-align:justify; margin: 2rem auto; column-gap: 2.5em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

.sample_img_div { display: flex; align-items: center; justify-content: center; width:100%; font-family: 'Roboto Slab';  color:#FFF; text-align:center; border-radius:10px; background-color:#222; }
.sample_img_div .title1 { position:absolute; font-size:70px; }
.sample_img_div .title2 { display:inline-block; font-size:20px; padding-top:30px; }

.ul_img3 img { width:100%; margin:0px; padding:0px;}
.ul_img3 img { width:100%; }
.ul_img3 li { float:left; width:33%; margin-right:0.5%; }
.ul_img3 li:nth-child(3n) { width:33%; margin-right:0px; }

.ul_icon { width: 100%; position: relative; margin-top: 20px; }
.ul_icon li { position: relative; float:left; width:36%; text-align:center; padding:20px 20px 20px 70px !important; background-color:#fafafa; border:1px solid #DDD; margin:0 20px 20px 0; border-radius: 0px; box-sizing: border-box;}
.ul_icon li a { position: relative; width: 100%; display: block; }
.ul_icon li .ul_icon_img { position: absolute; left: 20px; top: 24px; font-size:42px !important; line-height:42px !important; border-radius:0px !important; padding:0px; margin:0; color:#333; }
.ul_icon li .thisText { float: left;}
.ul_icon li .ul_icon_title a{ font-size:20px; color:#333; text-align:left; line-height:1.4; font-weight:700; letter-spacing:-1px; }
.ul_icon li .ul_icon_text a { text-align:left; line-height:24px; color:#787878 !important; }
.ul_icon li:hover { background: #fff; border-color: #1f1f1f; }
.ul1 { list-style-type: disc; margin:0px 0px 0px 16px ; padding:0px; }
.ul1 li { width:100%; text-align:left; }

.red { color:#dc142a; }
.lightpink { color:#F67570 }
.lightblue { color:#22C8E5 }
.tCenter { text-align: center; }
.tBold { font-weight:bold; }
.tLeft { text-align: left; }
.tRight { text-align: right; }

.onTitle1 { font-size:19px; color:#454545; font-weight:bold; line-height:50px; letter-spacing:-1px; }
.onTitle1:before { font-family: 'Material Icons'; content: "task_alt"; display: inline-block; vertical-align: middle; font-size:28px; font-weight:400; vertical-align:middle; padding:0px 10px 0px 0px; color:#17BBE1; color: #dc142a; color: rgba(51, 255, 51, 1); color: #00C160; color: #000;}
.onTitle2 { font-size:17px; color:#454545; font-weight:bold; line-height:30px; letter-spacing:-1px; padding-top:10px !important; }

.ul_material { list-style: none; padding-left: 0px; }
.ul_material li::before { font-family: 'Material Icons'; content: "done"; display: inline-block; vertical-align: middle; font-size:20px; vertical-align:middle; padding:0px 10px 0px 0px; color:#30A9DE; }
.ul_disc { list-style-type: disc; margin-left: 20px; }
.redbar_title1 { font-size:20px; border-left:5px solid #dc142a; color:#333; margin:10px 0px !important; padding:10px 0px 10px 10px !important; }
.material_arrow { vertical-align:middle; color:#dc142a; font-size:21px; }

.onweb_btn4 .material-icons:hover { color:#FFF !important; }
.shadow1 { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.video_wrap { position: relative !important; width: 100% !important; padding-bottom: 56.25% !important; }
.video_wrap iframe { position: absolute !important; width: 100% !important; height: 100% !important; }

.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)); }

.textani_hue { background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; }
.textani_hue:hover { background-image: -webkit-linear-gradient(145deg, #ee9b11, #dc142a); }
.textani_hue2 { background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; -webkit-animation-delay: 3s; animation-delay: 3s; }
.textani_hue2:hover { background-image: -webkit-linear-gradient(145deg, #ee9b11, #dc142a); }
@-webkit-keyframes hue {
	from { -webkit-filter: hue-rotate(0deg); }
	to { -webkit-filter: hue-rotate(-360deg); }
}

/*------------------- page04 CSS BEGIN ---------------------*/

.ul_box_link { display:inline-block;  width:100%; margin:20px 0 0; padding:0px; border-top:1px solid #DDD; border-left:1px solid #EEE; }
.ul_box_link li { position:relative;  float:left;  width:33.33%; overflow:hidden; padding:40px 30px !important; background:#FFF; border:1px solid #DDD; border-left:0px; border-top:0px; text-align:center; min-height: 406px; }
.ul_box_link li { -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s; }
.ul_box_link li:hover { background-color:#fafafa;/* border-color: #1f1f1f; */}
/*.ul_box_link li:hover .micon,*/
/*.ul_box_link li:hover .mTitle1,*/
/*.ul_box_link li:hover .thin { color:#FFF; }*/
.ul_box_link li .micon {  font-size:70px; color:#333; line-height:100%; margin: 0px 0px 10px 0px; }
.ul_box_link li .mTitle1 { font-family:'SCoreDream5'; font-weight: 500; font-size:22px; line-height:30px; font-weight:bold; color:#333; text-align:center; margin:10px 0px 10px !important; }
.ul_box_link li .thin { position: relative; font-weight:400; font-size:16px; color:#454545; text-align: left; display: block; padding-left: 28px; box-sizing: border-box;}
.ul_box_link li .thin:before { position: absolute; left: 0; top: 0px; font-family: 'Material Icons'; content: "task_alt"; display: inline-block; vertical-align: middle; font-size:20px; font-weight:400; vertical-align:middle; padding:0px 10px 0px 0px;color: #dc142a;color: #00C160; color: #000;}

.ul_pic_link { display:inline-block;  width:100%; margin:0px; padding:0px; border-top:1px solid #DDD; border-left:1px solid #EEE; }
.ul_pic_link li { position:relative;  float:left;  width:25%; overflow:hidden; padding:20px !important; background:#FFF; border:1px solid #DDD; border-left:0px; border-top:0px; text-align:left; }
.ul_pic_link li { -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s; }
.ul_pic_link li:hover { background-color:#0CB7DA; }
.ul_pic_link li:hover .micon, .ul_pic_link li:hover .mTitle1, .ul_pic_link li:hover .thin { color:#FFF; }
.ul_pic_link li .micon {  font-size:70px; color:#333; line-height:100%; margin: 0px 0px 10px 0px; }
.ul_pic_link li .mTitle1 {  font-size:19px; line-height:30px; font-weight:bold; color:#333; text-align:left; margin:15px 0px !important; }
.ul_pic_link li .thin { font-weight:400; font-size:13px; color:#777; line-height:21px; }

.ul_unbalance1_link { width:100%; margin:20px 0px; padding:0px; border-top:0px solid #DDD; border-left:0px solid #EEE; }
.ul_unbalance1_link li { position:relative; float:left; width:24%; padding:20px !important; background:#FFF; border:1px solid #DDD; margin:0% 1% 1% 0%; text-align:left; }
.ul_unbalance1_link li { -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s; }
.ul_unbalance1_link li:hover { background-color:#0CB7DA; }
.ul_unbalance1_link li:hover .micon, .ul_unbalance1_link li:hover .mTitle1, .ul_unbalance1_link li:hover .thin { color:#FFF; }
.ul_unbalance1_down { margin-top:50px !important; }
.ul_unbalance1_link li .micon {  font-size:70px; color:#333; line-height:100%; margin: 0px 0px 10px 0px; }
.ul_unbalance1_link li .mTitle1 { font-size:19px; line-height:30px; font-weight:bold; color:#333; text-align:center; margin:15px 0px !important; }
.ul_unbalance1_link li .thin { font-weight:400; font-size:13px; color:#777; line-height:21px; }

.items_index_icon { padding:15px !important; border:1px solid #DDD; border-radius:0px; background-color:#EEE; background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(248,219,219,1) 0%, rgba(229,248,250,1) 90% ); }
.items_index_icon ul { display:table; width:100%; list-style-type: none; margin:0; padding:10px; }
.items_index_icon ul li { width:calc(50% - 10px); float:left; min-height:240px; font-size:15px; color:#333; padding:20px; margin:5px; border:1px solid #DDD; background-color:#FFF; vertical-align:middle; border-radius:10px; }
.items_index_icon ul li:before { float:left; font-family: 'Material Icons'; content: "emoji_people"; display: inline; vertical-align: middle; font-size:100px; padding:0px 20px 50px 0px; line-height:100px; color:#F67570; background-color:#22C8E5; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
.items_index_icon .items_title{ color:#333; font-size:22px; font-weight:700; padding:0px 0px 20px 0px;}

.items_index_icon .folder_shared:before { content: "folder_shared"; }
.items_index_icon .insert_invitation:before { content: "insert_invitation"; }
.items_index_icon .insights:before { content: "insights"; }
.items_index_icon .assignment_turned_in:before { content: "assignment_turned_in"; }

.items_index_icon2 { display:table; width:100%; list-style-type: none; margin:0; padding:0px; }
.items_index_icon2 li { width:calc(50% - 10px); float:left; min-height:240px; font-size:15px; color:#333; padding:20px; margin:5px; border:1px solid #DDD; background-color:#FFF; vertical-align:middle; border-radius:10px; }
.items_index_icon2 li:before { float:left; font-family: 'Material Icons'; content: "emoji_people"; display: inline; vertical-align: middle; font-size:100px; padding:0px 20px 50px 0px; line-height:100px; color:#22C8E5; background-color:#F67570; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
.items_index_icon2 .items_title{ color:#333; font-size:22px; font-weight:700; padding:0px 0px 20px 0px;}

.items_index_icon2 .folder_shared:before { content: "folder_shared"; }
.items_index_icon2 .insert_invitation:before { content: "insert_invitation"; }
.items_index_icon2 .insights:before { content: "insights"; }
.items_index_icon2 .assignment_turned_in:before { content: "assignment_turned_in"; }

.onlist { color:#333; }
.onlist:before { font-family: 'Material Icons'; content: "remove"; display: inline; vertical-align: middle; font-size:20px; font-weight:400; vertical-align:middle; padding:0px 5px 0px 0px; color:#dc142a;}

/*------------------- page04 CSS E N D ---------------------*/
/*------------------- page06 CSS BEGIN ---------------------*/
:root { --mi-color: #32C5D2; }

.miconstyle:before { font-family: 'Material Icons'; content: "task_alt"; font-size:inherit; vertical-align:middle; padding:0px; margin-right:10px; }
.micons1:before { content: "task_alt"; color:var(--mi-color);}
.micons2:before { content: "remove"; color:var(--mi-color);}
.micons3:before { content: "bookmark_border"; color:var(--mi-color);}
.micons4:before { content: "navigate_next"; color:var(--mi-color);}
.micons5:before { content: "check"; color:var(--mi-color);}
.micons6:before { content: "label_important_outline"; color:var(--mi-color);}
.micons7:before { content: "arrow_forward"; color:var(--mi-color); }
.micons8:before { content: "content_paste"; color:var(--mi-color);}
.micons9:before { content: "trip_origin"; color:var(--mi-color);}

.micons11:before { content: "task_alt"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons12:before { content: "remove"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons13:before { content: "bookmark_border"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons14:before { content: "navigate_next"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons15:before { content: "check"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons16:before { content: "label_important_outline"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons17:before { content: "arrow_forward"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons18:before { content: "content_paste"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.micons19:before { content: "trip_origin"; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }

.ul_box { width:100%; display:inline-block; margin:0px; padding:0px; border-top:1px solid #DDD; border-left:1px solid #EEE; }
.ul_box li { float:left; width:33.333%; overflow:hidden; padding:50px 10px !important; background:#FFF; border:1px solid #DDD; border-left:0px; border-top:0px; text-align:center; }

.mid_line { margin-top: 30px !important; font-size:0px; }
.mid_line:after {content:'';height:1px;width:20%;border-top:solid 1px #dc142a;position:absolute;top:-20px;left:0px;}
.mid_line {display:inline-block;padding:0px 0px;position:relative;width:100%;}
.mid_line:before {content:'';height:1px;width:100%;border-top:solid 1px #d6d6d6;position:absolute;top:-20px;left:0px;}

.mid_line_right { margin-top: 30px !important; font-size:0px; }
.mid_line_right:before {content:'';height:1px;width:100%;border-top:solid 1px #dc142a;position:absolute;top:-20px;left:0px;}
.mid_line_right {display:inline-block;padding:0px 0px;position:relative;width:100%;}
.mid_line_right:after {content:'';height:1px;width:80%;border-top:solid 1px #d6d6d6;position:absolute;top:-20px;left:0px;}

/*------------------- page06 CSS E N D ---------------------*/

@media  (max-width: 1200px) {
	.sample_img_div .title1 { font-size:50px; }
	.sample_img_div .title2 { padding-top:20px; }
	#items_index_icon ul li, .items_index_icon2 li { width:calc(50% - 10px) !important;  }
}
@media (max-width:999px) {
	.ul_box_link li, .ul_pic_link li { width:100% !important; }
	.ul_unbalance1_link li { width:49% !important; }
	.ul_unbalance1_down { margin-top:0px; }
}
@media  (max-width: 800px) {
	.ul_box li { width:50% !important; }
	#items_index ul li { width:calc(50% - 10px) !important; }
	.ul_icon li { width:calc(92% - 0px) !important; }
	#items_index_icon ul li, .items_index_icon2 li { width:100% !important; margin:5px 0px; }
	#items_index_icon ul li:before, .items_index_icon2 li:before { text-align:center !important; padding:0px !important; display:block; width:100%; }
	#items_index_icon ul li .onTitle1, .items_index_icon2 li .onTitle1 { text-align:center !important;  }
}
@media  (max-width: 640px) {
	.ul_box li { width:100% !important; }
	.sample_img_div .title1 { font-size:30px; }
	.sample_img_div .title2 { font-size:15px; padding-top:5px; }
}
@media  (max-width: 480px) {
	.onweb_column3 {
		width: 100%;
		-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;
	}
	.ul_icon li { width: 100% !important; }
	.ul_icon li:before { display: none; }
	.ul_icon_title, .ul_icon_text { margin-right:0px !important; }
}



/* new */
.fw700 { font-size:34px; font-weight:700; }
.fw400 { font-size:18px; line-height:30px; font-weight:400; }
@media  (max-width: 480px) {
	.fw700 { font-size:28px; }
	.fw400 { text-align:justify; }
}


/* 20240708 */
.system { position:relative; width: 100%; height: auto; text-align: center; color:#333;}
.system p { display:table; width: 318px; margin: 0 auto 60px !important; background: #fff; z-index: 1;}
.system b { display: table-cell; vertical-align: middle; text-align: center; height: 68px; border: 1px solid #d3d3d3; z-index: 1; font-size: 20px;}
.system b.hv1 { background: #353535; color:#fff }
.system b.hv2 { background: #575757; color:#fff }
.system b.hv3 { background: #898989; color:#fff }
.system em { display:block; font-weight: normal; font-style: normal; margin-bottom: -6px; font-size: 14px;}
.system span.line1 {position:absolute; left: 50%; top: 0px; display: block; width: 1px; height: 100%; background: #ccc; z-index: -1; }
.system li { padding-bottom: 0 !important; z-index: 2;}
.system .depth3 {position: relative;}
.system .depth3:before {position:absolute; left: 13.2%; top: 0px; content: ""; display: block; width: 73.6%; height: 1px; background: #ccc; z-index: -1; }
.system .depth3 strong { display: block; width: 318px; height: 48px; line-height: 48px; border: 1px solid #d3d3d3; background: #ededed; text-align: center;}
.system .depth3 div { position: relative; padding: 14px 16px 0 !important; width: 318px; height: 154px; border: 1px solid #d3d3d3; border-top: none; background: #fff; text-align: center; box-sizing: border-box;}
.system .depth3 > li { box-sizing: border-box; }
.system .depth3 > li:nth-child(2) { padding:44px 0 0; margin: 0 auto; width: 318px;}
.system .depth3 > li:nth-child(1) { position: absolute; left:0; bottom:0;}
.system .depth3 > li:nth-child(1):before {position:absolute; left: 50%; top: -44px; content: ""; display: block; width: 1px; height: 144px; background: #ccc; z-index: -1; }
.system .depth3 > li:nth-child(3) { position: absolute; right:0; bottom:0;}
.system .depth3 > li:nth-child(3):before {position:absolute; left: 50%; top: -44px; content: ""; display: block; width: 1px; height: 144px; background: #ccc; z-index: -1; }
.system .depth3 div > span { position: relative; font-weight:400; font-size:16px; color:#454545; text-align: left; display: block; padding-left: 8px; box-sizing: border-box;}
.system .depth3 div > span:before {  content: "";position: absolute; left: 0; top: 10px; display: block; background: #898989; width: 3px; height: 3px;}

@media only screen and (max-width: 1210px) {
	.system .depth3:before {left: 13.8%; width: 72.4%; }
}

@media only screen and (max-width: 1192px) {
	.system span.line1 { height: 33%; }
	.system .depth3 { width: 318px; margin: 0 auto;}
	.system .depth3:before { left: -40px; width: 1px; height: 78.6%; top: -28px}
	.system .depth3:after {position:absolute; left: -40px; top: -29px; content: ""; display: block; width: 199px; height: 1px; background: #ccc; z-index: -1; }
	.system .depth3 > li { position: relative; width: 318px; margin: 0 auto;}
	.system .depth3 > li:nth-child(1) { position: relative; left: auto; bottom: auto; }
	.system .depth3 > li:nth-child(1):before { width: 100px; height: 1px; left: -38px; top: 20px; }
	.system .depth3 > li:nth-child(2):before {position:absolute;  width: 100px; height: 1px; left: -39px; top: 68px; content: ""; display: block; background: #ccc; z-index: -1; }
	.system .depth3 > li:nth-child(3) { position: relative; left: right; bottom: auto; padding:44px 0 0; }
	.system .depth3 > li:nth-child(3):before { width: 100px; height: 1px; height: 1px; left: -38px; top: 68px; }
}

/*
.org-table { width: 100%; border-top: 1px solid #000; border-spacing: 0; border-collapse: collapse; font-size: 16px;}
.org-table thead tr th { text-align: center; padding: 12px 20px; background-color:#f5f5f5; border-bottom: 1px solid #e5e5e5;}
.org-table tbody tr {}
.org-table tbody tr td { padding: 12px 20px; text-align: center; border-bottom: 1px solid #e5e5e5;}
.org-table tbody tr td dl {  margin-bottom: 0;  text-align: left;}
.org-table tbody tr td dl dd::before {  content: '-'; display: inline-block; vertical-align: middle; margin-right: 4px;}
*/

table.afternoon-session {	width: 100%; /*table-layout: fixed;*/ border-top: 1px solid #000; border-spacing: 0; border-collapse: collapse; font-size: 16px;}
table.afternoon-session thead tr {width: 100%;}
table.afternoon-session td {	text-align: left; word-wrap:break-word; }
table.afternoon-session thead tr { background-color: #3b0d00;	color: #fff; text-align: left; background-color:#454545; border-bottom: 1px solid #e5e5e5;}
table.afternoon-session tbody td { background-color: #fff; word-wrap:break-word;word-break:break-all; text-align: left; border-bottom: 1px solid #e5e5e5; }
table.afternoon-session th,
table.afternoon-session td {	padding: 1em;	vertical-align: top;}
table.afternoon-session tbody tr td dl { margin-bottom: 0; text-align: left;}
table.afternoon-session tbody tr td dl dd {position: relative; padding-left: 14px; box-sizing: border-box; line-height: 1.5; margin-bottom: 7px;}
table.afternoon-session tbody tr td dl dd::before { content: '-'; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0;}
table.afternoon-session td.viM { display: none; }

@media only screen and (max-width: 650px) {
	table.afternoon-session { width: 100%; }
	table.afternoon-session [data-cell-header]:before { content: attr(data-cell-header); display: block;position:absolute;top:0;left:0; width:35%; text-align: left;	/*background: #f15023;*/background: #454545; padding: 0.3em 0.6em; color: #fff; font-weight:bold;	}
	table.afternoon-session thead { display: none; }
	table.afternoon-session td {position:relative; display: block;padding:0.3em 0 0.3em 40%;margin-bottom:1px;}
	table.afternoon-session td:first-of-type {margin-top:10px;	}
	table.afternoon-session .oneTeam td:first-of-type {margin-top:0px;}
	table.afternoon-session td.viM { display: block; }
}


/* location_MAP */
/*.forMap .onweb_column3 { width: 100%; max-width: auto; text-align:justify; margin: 2rem auto; column-gap: 2.5em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; letter-spacing: -1.5px; font-size:15px;}*/
.forMap .box_underbar1 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#dc142a; margin-top:20px !important; margin-bottom:20px !important; opacity: 0.5; }
.forMap .box_underbar2 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#dc142a; margin-top:30px !important; margin-bottom:50px !important; opacity: 0.5; }
.forMap .boxtext_02 { padding:0px 20px 20px 20px !important; letter-spacing:-1px; }
.forMap .cimg_rnd1 { width:100%; max-width:350px; border-radius:100%; }
.forMap .cimg_rnd2 { width:90% !important; max-width:440px; border-radius:100%; }
.forMap .per33 { float:left; width:33.333%; text-align:center; }
.forMap .per25 { float:left; width:25%; text-align:center; }
.forMap .textbar { margin:0 auto; margin-top:50px !important; margin-bottom:50px !important; width:150px; border-top:3px solid #dc142a; }

.forMap .telNum { font-family:"SCoreDream6" !important; font-weight: 600; font-size:32px; line-height:1.5; animation-delay: .2s; color:#333; vertical-align:middle;}
.forMap .NanumSquare { font-family:"SCoreDream4" !important; font-weight: 400; font-size:18px; vertical-align: middle; color:#777; margin-left:5px;}
.forMap .NanumSquare.bigFont { font-size:28px; font-family:"SCoreDream5" !important; font-weight:500; color:#333; margin-left: 5px;}
.forMap .subSubject { font-family:"Spoqa Han Sans Neo" !important; font-weight: 700; font-size:18px; vertical-align: top; color:#1f1f1f; }
.forMap .subTxt { font-family:"Spoqa Han Sans Neo"; font-size:18px; vertical-align: middle; color:#454545; display: block;}
.forMap .subTxt strong { font-family:"Spoqa Han Sans Neo"; font-weight: 700; font-size:18px; vertical-align: middle; color:#1f1f1f;}

.forMap .onweb_gray_table {width:100%; border-top:2px solid #000; margin:50px 0px 0px 0px; color:#333; font-size:13px; }
.forMap .onweb_gray_table td.d_head { font-family:'Spoqa Han Sans Neo'; font-size:17px; font-weight:700; color:#333; width:20%; background-color:#F3F3F3; }
.forMap .onweb_gray_table td { padding:20px 10px; line-height:150%; font-family:'Spoqa Han Sans Neo'; font-size:15px; width:30%; }

.forMap .onweb_rbtn1 { background-color:#333; padding:5px 30px; margin-bottom:5px; margin-right:10px; border-radius:5px; display:inline-block; cursor:pointer; color:#fff !important; font-size:15px; font-weight:normal; text-decoration:none; text-align:center; min-width:120px; }
.forMap .onweb_rbtn2 { background-color:#555; color:#FFF; width:calc(100% - 10px); margin-bottom:5px !important; line-height:80px; display:inline-block; cursor:pointer; font-size:15px; font-weight:normal; text-decoration:none; }
.forMap .onweb_rbtn2 { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.forMap .onweb_rbtn2:hover { background:#dc142a !important; }


.forMap .layer_left_50 { width: 49% !important; padding-right: 1% !important; }
.forMap .layer_right_50 { width: 49% !important; padding-left: 1% !important; }
.forMap .layer_right_50 .viewMo { display: none; }
@media (max-width:1023px) {
	.forMap .layer_left_50 { width: 100% !important; padding-right: 0% !important; }
	.forMap .layer_right_50 { width: 100% !important; padding-left: 0% !important; }
	.forMap .layer_right_50 .viewMo { display: block; }
}

.forMap2 .layer_left_50 { width: 49% !important; padding-right: 1% !important; }
.forMap2 .layer_right_50 { width: 49% !important; padding-left: 1% !important; }
@media (max-width:1023px) {
	.forMap2 .layer_left_50 { width: 100% !important; padding-right: 0% !important; margin-bottom: 30px; }
	.forMap2 .layer_right_50 { width: 100% !important; padding-left: 0% !important; }
}

@media (max-width:768px) {
	.forMap .telNum { font-size: 26px; }
	/*.forMap .NanumSquare { font-size: 16px; }*/
	.forMap .NanumSquare.bigFont { font-size: 22px; }
}

/*.forMap .customoverlay {position:relative;bottom:55px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}*/
/*.forMap .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}*/
/*.forMap .customoverlay a {display:block;text-decoration:none;color:#333;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #dc142a url('/theme/GT2/img/chk.png') no-repeat right 14px center; }*/
/*.forMap .customoverlay .title {font-family:'NanumBarunGothic'; display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:13px;}*/
/*.forMap .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('/theme/GT2/img/vertex_white.png')}*/

/* route-section */
.route-section {position: relative; width: 100%;}
.route-section .bus { margin-bottom: 40px !important;}
.route-section .material-icons {vertical-align: middle;}
.route-tit { position: relative; font-size: 26px; font-family:"SCoreDream6"; font-weight:600; margin-bottom: 20px;}
.route-tit i { margin-right: 8px;}
.route-info-item { margin-bottom: 20px !important;}
.route-info-box { background-color:#f5f5f5; border-radius: 10px; padding: 20px 20px 16px 20px !important;}
.route-info-tit {position: relative; font-size: 16px;}
.route-info-tit b { display: inline-block; margin-right: 8px; font-family:"Spoqa Han Sans Neo"; font-weight: 700; color: #1f1f1f;}
.bus-number-list { margin-top: 14px !important;}
.bus-number-list > span { display: inline-block; margin-right: 0px; margin-bottom: 1px; color:#fff; font-size: 15px; border-radius: 4px; padding: 3px 4px; line-height: 1;}
.bus-number-list .blue { background-color:#386DE8;}
.bus-number-list .red { background-color:#FF4A4A;}
.bus-number-list .green { background-color:#3CC344;}
.bus-number-list .yellow { background-color:#ecb700;}
.bus-number-list .orange { background-color:#e5732e;}
.route-info-detail { padding: 5px 12px 5px 12px !important; font-size: 16px; font-weight: 400; background: #fff; vertical-align: middle; box-sizing: border-box; margin-top: 1em !important; color: #454545; border-radius: 7px;}
.route-info-detail strong { font-family:"Spoqa Han Sans Neo"; font-weight: 700; color: #1f1f1f;}

@media (max-width:1023px) {
	.route-tit {font-size: 20px; }
	.route-info-tit {font-size: 14px;}
	.bus-number-list {margin-top: 10px !important;}
	.bus-number-list > span {font-size: 15px;}
	.route-info-detail {padding: 5px 8px 5px 8px !important; font-size: 14px;}
	.bus-number-list > span {font-size: 15px;}
}


/* .space-guide-area */
.tab-content .tab-pane{display: none;}
.tab-content .tab-pane.active {display: block;}
.tab-content .tab-inner-pane{display: none;}
.tab-content .tab-inner-pane.active {display: block;}

/* .view-tab-list */
.view-tab-list { position: relative; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.view-tab-list li { display: inline-block; margin-right: -18px; margin-left: -18px; border: 1px solid #ddd; border-bottom: 2px solid #f1f1f1; padding-bottom: 0 !important; margin-bottom: -1px !important; }
.view-tab-list li + li { margin-left: 12px;}
.view-tab-list li .tablink { display: block; padding: 0 28px; height: 54px; line-height: 54px; background-color:#f1f1f1; font-size: 18px; /*border-radius: 99px;*/ font-family:'SCoreDream5' !important; font-weight: 500;}
.view-tab-list li.active { border-bottom: 2px solid #fff;}
.view-tab-list li.active .tablink { background-color: #fff; color: #1f1f1f;}

/* .space-guide-area */
.space-guide-area { position: relative;}
.space-guide-viewer-tab { width: 240px; position:absolute; top:0; left:0; }
.space-guide-viewer-tab li { padding: 10px 8px; box-sizing: border-box;}
.space-guide-viewer-tab li + li {}
.space-guide-viewer-tab li a { position: relative; display: inline-block; font-family:'SCoreDream6' !important; font-weight: 600; font-size: 20px; color:#898989; padding-right: 24px; box-sizing: border-box; }
.space-guide-viewer-tab li a > span { vertical-align: middle; position: relative; display: inline-block; position: absolute; right: 0; top: 0;}
.space-guide-viewer-tab li.active { border-bottom: 1px solid #1f1f1f;}
.space-guide-viewer-tab li.active a { color:#1f1f1f; }
.space-guide-viewer-tab li.active a > span:before { display: inline-block; content: "\e8b6"; font-family: 'Material Icons'; font-weight: normal; font-size: inherit; }
.space-guide-content { width: calc(100% - 280px); margin-left: 280px;}
.swiper-inner { border-radius: 10px;}
.space-slide-bg { position: relative; background: #f5f5f5; background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px}
.space-slide-bg::after { content: ''; padding-top: 56.25%; display: block;}
.space-swiper-control .prev-btn { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); display: inline-block; width: 36px; height: 36px; background-color: rgba(0,0,0,0.6); border-radius: 50%; border: 0; color: #fff; z-index: 1; opacity: 0; transition: 0.2s;}
.space-swiper-control .next-btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: inline-block; width: 36px; height: 36px; background-color: rgba(0,0,0,0.6); border-radius: 50%; border: 0; color: #fff; z-index: 1; opacity: 0; transition: 0.2s;}
.space-swiper:hover .space-swiper-control .next-btn, .space-swiper:hover .space-swiper-control .prev-btn { opacity: 1;}
.space-swiper .space-swiper-pagination { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; justify-content: center; align-items: center; position: absolute; left: auto; right: 10px; bottom: 5px; width: auto; z-index: 1; background-color: rgba(0,0,0,0.6); color: #fff; padding: 2px 10px; border-radius: 99px; font-size: 12px; font-family:"Spoqa Han Sans Neo" !important; }
.space-swiper-pagination .swiper-pagination-dot { display: inline-block; width: 3px; height: 3px; background-color:#fff; margin:0 6px; border-radius: 50%; opacity: 0.7;}
.space-swiper-pagination .swiper-pagination-total { opacity: 0.7;}
.space-guide-content .space-info-cont { position: relative; margin-top: 30px;}
.space-guide-content .space-info-cont .title { font-size: 28px; font-weight: 600; margin-bottom: 12px; margin-top: 12px; font-family:"SCoreDream6" !important; color: #1f1f1f;}
.space-guide-content .space-info-cont .txt { font-size: 18px; font-weight: 400; line-height: 1.6; margin-bottom: 36px; font-family:"Spoqa Han Sans Neo" !important; color: #898989;}
.space-guide-content .space-info-cont a { display: inline-block; padding: 0 24px; border: 1px solid #000; border-radius: 8px; font-size: 16px; color: #000; line-height: 54px; height: 54px;}
.space-guide-content .space-info-cont a:hover { background: #000; color:#fff;}

@media (min-width: 1024px) {
}
@media (max-width:1023px) {
	.view-tab-list { overflow-x: auto; width: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 10px;  }
	.space-guide-viewer-tab { position: relative; width: 100%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 10px; margin-top: 30px; margin-bottom: 8px }
	.space-guide-viewer-tab li { display: inline-block; padding: 0; }
	.space-guide-viewer-tab li + li { margin-left: 22px; }
	.space-guide-viewer-tab li a { font-size: 16px; }
	.space-guide-content { margin-left:0; width: 100%; }
	.space-guide-content .space-info-cont .title { font-size: 20px; }
	.space-guide-content .space-info-cont .txt { font-size: 16px; }
}
@media (max-width:767px) {
	.space-operation-wrap { padding: 40px 0;  }
	.space-operation-info .operation-tit p { font-size: 22px; }
	.space-operation-info .operation-tit b { font-size: 28px; }
	.space-operation-info .time-guide { font-size: 16px; }
	.space-operation-info .closure { font-size: 16px; }
	.space-operation-btn { flex-wrap: wrap; }
	.space-operation-btn a { width: 100%; padding: 20px; font-size: 16px; }
	.space-operation-btn a + a { margin-top: 8px; margin-left: 0; }
	.mo.space-swiper-control { margin-top: 10px; }
	.space-swiper-control .prev-btn, .space-swiper-control .next-btn { display: none; }
	.space-info-area .space-info-cont .title { margin-top: 40px; font-size: 24px; }
	.space-info-area .space-info-cont .txt { font-size: 14px; }
	.view-tab-list li + li { margin-left: 6px;  }
	.view-tab-list li .tab-link { padding: 0 20px; height: 48px; line-height: 48px; font-size: 14px; }
}
@media (max-width:540px) {
	.view-tab-list { margin-bottom: 20px;  }
	.view-tab-list li .tablink { height: 40px; line-height: 40px; font-size: 13px; padding: 0 16px; }
}