@charset "utf-8";

#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; }

.define_images img { width:100%; margin:0px; padding:0px;text-align:center;}
/* ----------------------------------------------------------------- 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_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:30px; color:#333; text-align:center; letter-spacing:-1px; margin:20px 0 20px 0 !important; }
.onweb_title1_1 {	font-size:30px;	line-height:10px; 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%; }
h18 { font-size: 15px; line-height:130%; }
h19 { font-size: 12px; line-height:130%; }
h20 { font-size: 10px; line-height:130%; }

.redbar { border-left:4px solid #F00; 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:#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 { margin:0 auto; padding:0px; width:1px; background-color:#F00; height:100px; margin-top:20px !important; margin-bottom:30px !important; }
.box_underbar2 { margin:0 auto; margin-top:30px !important; margin-bottom:50px !important; width:100px; border-top:1px solid #F00; }
.box_underbar3 { margin:0 auto; margin-top:5px !important; margin-bottom:20px !important; width:100px; border-top:2px solid #00a8df; }

.line_underbar1 { margin:0 auto; margin-top:5px !important; margin-bottom:20px !important; width:100px; border-top:2px solid #00a8df; }
/* 컨텐츠 페이지 전체의 폰트를 넥슨고딕으로 적용 */
.subpage { font-family:"NEXON Gothic"; font-size:15px; color:#333; /* letter-spacing:-1px; */ }

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


.GT_btn5{background-color:#000;min-width:200px;margin:0 auto; padding:10px;display:inline-block;cursor:pointer;font-family: "NanumSquare";font-size:17px;font-weight:400;text-align:center;line-height:50px; text-decoration:none;color:#FFF !important;}
.GT_btn5{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
.GT_btn5:hover{background:#F00 !important;color:#FFF !important;}
.GT_btn5 {padding:20px 100px; border-radius:100px; background-image: radial-gradient( circle farthest-corner at 1.2% 5.3%,  rgba(255,85,166,1) 0%, rgba(255,154,98,1) 100.2% ); }
.GT_btn5:hover { background-color:#000 !important; }
.GT_btn5 .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); }

.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%; }
.onlist { color:#000; }
.onlist:before { font-family: 'Material Icons'; content: "remove"; display: inline; vertical-align: middle; font-size:18px; font-weight:400; vertical-align:middle; padding:0px 5px 0px 0px; color:#F00;}
.onlist2 { color:#000; font-size:16px; font-weight:400; }
.onlist2:before { font-family: 'Material Icons'; content: "task_alt"; display: inline; vertical-align: middle; font-size:28px; font-weight:400; vertical-align:middle; padding:0px 5px 0px 0px; color:#0080ff;}

#icon_box { background-color:transparent; border-radius:10px; }
#icon_box ul { display:table; width:100%; list-style-type: none; margin:0; padding:10px 10px 10px 10px; }
#icon_box ul li { width:calc(50% - 10px); float:left; font-family:"NanumBarunGothic"; font-size:16px; font-weight:400; color:#111; letter-spacing:-1px; text-align:justify; line-height:170%; padding:20px; margin:5px; border:1px solid #DDD; background-color:#FFF; vertical-align:middle; border-radius:10px; }
#icon_box ul li:before { float:left; font-family: 'Material Icons'; content: "emoji_people"; display: block; vertical-align: top; font-size:32px; text-align:center; width:50px; line-height:50px; margin-right:20px; margin-bottom:10px; border-radius:50px;  background-color:#333; color:#FFF; }
#icon_box .items_title{ font-family:"NanumSquare"; color:#000; font-size:22px; font-weight:700; padding:5px 0px 20px 0px;}

#icon_box .insert_invitation:before { content: "insert_invitation"; }
#icon_box .insights:before { content: "insights"; }
#icon_box .source:before { content: "source"; }
#icon_box .info:before { content: "info"; }
#icon_box .assignment_turned_in:before { content: "assignment_turned_in"; }
#icon_box .schedule:before { content: "schedule"; }
#icon_box .table_view:before { content: "table_view"; }
#icon_box .assignment:before { content: "assignment"; }

#icon_box .task_alt:before { content: "task_alt"; vertical-align: top; font-size:24px; text-align:center; width:40px; line-height:40px; margin:0px 0px 0px 0px; border-radius:40px;  background-color:transparent; color:#0080ff;  }
#icon_box .null:before { content: ""; vertical-align: top; font-size:24px; text-align:center; width:0px; width:0px; line-height:0px; margin:0px 0px 0px 0px; border-radius:0px;  background-color:transparent; color:#0080ff;  }

#icon_box .ul_normal { display: block; width:100%; border:0px; margin:0px; padding:0px; clear: both; }
#icon_box .ul_normal li { clear: both; display: block; width:100%; border:0px; margin:0px; padding:0px; list-style-position: inside; text-indent: 0px; padding-left:15px; line-height:150%; margin-top:5px; letter-spacing:-1px; }
#icon_box .ul_normal li::before { clear: both;  width:0px; background:transparent; height:20px; line-height:100%; display: block; margin:0px padding:0px; }
#icon_box .ul_normal li::before { content: "•"; color: #000; vertical-align: middle; text-align:center; font-size:20px; line-height:15px; }

.items_title2 { font-family:"NanumSquare"; color:#000; font-size:18px; font-weight:700; padding:0px; margin: 20px 0px 10px 0px !important; letter-spacing:-1px; }
.items_title2:before { float:left; font-family: 'Material Icons'; content: "task_alt"; vertical-align: top; font-size:24px; font-weight:400; text-align:center; width:40px; height:40px; line-height:24px; margin:0px; border-radius:40px;  background-color:transparent; color:#0080ff;  }
.li_list100::before { height:100px !important; }
.li_list50::before { height:50px !important; }
#icon_box .null li { font-size:15px; height:auto; }
.mbottom_50::before { margin-bottom:50px !important; }

.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%; }
.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:#000; }
.ul_icon li { float:left; width:25%; text-align:center; padding:50px 0px; }
.ul_icon_title { font-size:20px; color:#000; 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; }

.red { color:#F00; }
.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:#000; 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;}
.onTitle2 { font-size:17px; color:#000; 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 #F00; color:#333; margin:10px 0px !important; padding:10px 0px 10px 10px !important; }
.material_arrow { vertical-align:middle; color:#F00; 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, #f00); }
.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, #f00); }
@-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:0px; padding:0px; border-top:1px solid #DDD; border-left:1px solid #EEE; }
.ul_box_link li { position:relative;  float:left;  width:25%; overflow:hidden; padding:40px 10px !important; background:#FFF; border:1px solid #DDD; border-left:0px; border-top:0px; text-align:center; }
.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:#0CB7DA; }
.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-size:19px; line-height:30px; font-weight:bold; color:#000; text-align:center; margin:10px 0px; }
.ul_box_link li .thin { font-weight:400; font-size:16px; color:#777; }

.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:#000; 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:#000; 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:#000; 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:#000; 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:#000; }
.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:#F00;}

/*------------------- 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 #F00;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 #061b39;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 #F00;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;}

/*-------------------  ---------------------*/
				#icon_ul2 .ul_icon4 li { width:24%; margin:0.5%; border:1px solid #1495d8; padding:20px 20px !important; }
				#icon_ul2 .ul_icon4_img { font-size:100px; line-height:100px; padding:0px; margin:0 0 20px 0; border:1px solid #1495d8; border-radius:200px;  }
				#icon_ul2 .ul_icon_bg { font-size:80px; line-height:80px; padding:10px; margin:0 0 20px 0; color:salmon; }
				#icon_ul2 .tcenter { font-size:13px; line-height:18px; }
				
				#icon_ul2 .ul_icon4 li:hover { background-color:#1495d8; color:white; }
				#icon_ul2 .ul_icon4 li:hover .tcenter { color:white; }
				#icon_ul2 .ul_icon4 li:hover .tBold { color:white; font-weight:400; }
				#icon_ul2 .ul_icon4 li:hover .ul_icon_bg { color:white;font-weight:200; }

.currentColor:before { content: "bi-envelope-paper "; padding:10px; margin-right:10px; color:#FFF; background-color:var(--mi-color); border-radius: 50%; }
.incruit-process {
	text-align: center;
}
.mb-8{margin-bottom:4.5rem!important}
.mb-9{margin-bottom:5rem!important}
.mb-auto{margin-bottom:auto!important}
.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
.py-9{padding-bottom:5rem!important;padding-top:5rem!important}
@media(min-width:576px){
	.mb-sm-8{margin-bottom:4.5rem!important}
	.mb-sm-9{margin-bottom:5rem!important}
	.mb-sm-auto{margin-bottom:auto!important}
	.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
	.py-sm-9{padding-bottom:5rem!important;padding-top:5rem!important}
}
@media(min-width:768px){
	.mb-md-8{margin-bottom:4.5rem!important}
	.mb-md-9{margin-bottom:5rem!important}
	.mb-md-auto{margin-bottom:auto!important}
	.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
	.py-md-9{padding-bottom:5rem!important;padding-top:5rem!important}
}
@media(min-width:992px){
	.mb-lg-8{margin-bottom:4.5rem!important}
	.mb-lg-9{margin-bottom:5rem!important}
	.mb-lg-auto{margin-bottom:auto!important}
	.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
	.py-lg-9{padding-bottom:5rem!important;padding-top:5rem!important}
}
@media(min-width:1200px){
	.mb-xl-8{margin-bottom:4.5rem!important}
	.mb-xl-9{margin-bottom:5rem!important}
	.mb-xl-auto{margin-bottom:auto!important}
	.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
	.py-xl-9{padding-bottom:5rem!important;padding-top:5rem!important}
}
@media(min-width:1400px){
	.mb-xxl-8{margin-bottom:4.5rem!important}
	.mb-xxl-9{margin-bottom:5rem!important}
	.mb-xxl-auto{margin-bottom:auto!important}
	.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
	.py-xxl-9{padding-bottom:5rem!important;padding-top:5rem!important}
}

@media(max-width:767.98px){
	.incruit-1 .border-start{border-left:none!important}
	.incruit-1 .border-end{border-right:none!important}
}
@media(min-width:768px){
	.incruit-1 .border-top{border-top:none!important}
	.incruit-1 .border-bottom{border-bottom:none!important}
}


/*------------------- 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(25% - 10px) !important;  }
}
@media (max-width:999px) { 
	.ul_box_link li, .ul_pic_link li { width:25% !important; }
	.ul_unbalance1_link li { width:19% !important; }
	.ul_unbalance1_down { margin-top:0px; }
}
@media  (max-width: 800px) {
	.ul_box li { width:50% !important; }
	#items_index ul li, .ul_icon li { width:calc(50% - 10px) !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; }
}