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

[class*=core-translate-]{
    display:none;
}

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

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

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

/* 컨텐츠 페이지 전체의 폰트를 넥슨고딕으로 적용 */
.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;} 
.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%; } 
.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 #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 #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; } 

/*------------------- 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:50% !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, .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; } 
 }

 /* 조직도 이미지 */
.image-pc {
    display: none; /* PC 이미지는 기본적으로 숨김 */
}

.image-mobile {
    display: block; /* 모바일 이미지는 기본적으로 보이게 */
}

/* PC 화면용 (넓은 화면) */
@media (min-width: 1024px) {
    .image-pc {
        display: block; /* PC 이미지는 보이게 */
    }

    .image-mobile {
        display: none; /* 모바일 이미지는 숨김 */
    }
}


/* 조직도 스타일 */
#sub_contents .org_wrap { --padding-w:40px; --line-width:2px; position:relative; font-size:19px; display: flex; align-items: center; flex-direction: column; font-weight:600; letter-spacing: 0.1em;} 
#sub_contents .org_wrap div { width:auto; display: flex; align-items: center; flex-direction: column; } 

#sub_contents .org_part { display:flex; align-items: center; width:100%; position: relative; } 
#sub_contents .org_part ul { align-items: center; width:100%; position: relative; display: flex; } 
#sub_contents .part-5 { display:flex; margin-top: 50px; width: 100% !important; } 
#sub_contents .org_part li { width:100%; text-align: center; min-height:60px; display: block; padding: 20px 0 20px 0; } 
#sub_contents .part-5>ul { display:flex; justify-content: space-between; width: 100%; align-items: flex-start; } 
#sub_contents .part-5>ul ul { display:flex; margin-top:50px; } 
#sub_contents .part-5>ul ul li div { padding:0px 5px; } 
#sub_contents .org_part li div { padding:10px 0; position: relative; } 
#sub_contents .org_part li div span { border:1px solid #dedede; padding:10px var(--padding-w); background-color:#ffffff; position:relative; z-index: 1; border-radius:16px 0 16px 0;} 
#sub_contents .org_part.part-1 li div::before { height: 200%; top:50%; } 
#sub_contents .org_part.part-3 li div::before { height:180%; } 
#sub_contents .org_part.part-5 li div::before { height:200%; } 

#sub_contents .org_part li div::before { content:''; display: block; width:var(--line-width); height:100%; background-color:#dedede; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; } 
#sub_contents .org_part.part-2 li { display: block; text-align: left; } 
#sub_contents .org_part.part-4 li { display: block; text-align: right; } 

#sub_contents .org_part.part-2 li div::before,
#sub_contents .org_part.part-4 li div::before { display:none; } 

#sub_contents .org_part.part-5 li > div::after { content:''; display:block; position:absolute; top:-50%; height:var(--line-width); width:80%; background-color:#dedede; } 
#sub_contents .org_part.part-5 li > div::before { content:''; display:block; position:absolute; top:-50%; height:100%; width:var(--line-width); background-color:#dedede; } 
#sub_contents .org_part.part-5 li:nth-child(1) > div::after { left:50%; } 
#sub_contents .org_part.part-5 li:nth-child(3) > div::after { right:50%; } 

#sub_contents .org_part.part-1 span { display: flex; width:200px; height:200px; background-color:royalblue; border-width:8px; border-color:rgb(165, 185, 243); color:#fff; border-radius:50%; vertical-align: middle; align-items: center; justify-content: center; } 
#sub_contents .org_part.part-2 { display: block; width:100%; } 
#sub_contents .org_part.part-4 { display: block; width:100%; } 
#sub_contents .org_part.part-2 ul { align-items: center; width:100%; position: absolute; display: flex; top: -50px; } 
#sub_contents .org_part.part-4 ul { align-items: center; width:100%; position: absolute; display: flex; top: -50px; } 
#sub_contents .org_part.part-2 ul li div { display: inline-block; } 
#sub_contents .org_part.part-4 ul li div { display: inline-block; } 

#sub_contents .org_part.part-2 li:before { content:''; display:block; position:absolute; width:calc(50% - var(--padding-w)); height:var(--line-width); top:50%; right:50%; background-color:#dedede; } 
#sub_contents .org_part.part-4 li:before { content:''; display:block; position:absolute; width:calc(50% - var(--padding-w)); height:var(--line-width); top:50%; left:50%; background-color:#dedede; } 

#sub_contents .org_part.part-5 ul ul li { position:relative; } 
#sub_contents .org_part.part-5 > ul > li:nth-child(2) > div::before { top:60%; height: 100%; } 
#sub_contents .org_part .org-sub {background-color:#0077C3;border-color:#0077c3;color:#ffffff; } 
#sub_contents .org_part .org-sub1 {background-color:#028888;border-color:#028888;color:#ffffff; padding:14px var(--padding-w);} 
#sub_contents .org_part .org-sub2 {background-color:#5f36d1;border-color:#5f36d1;color:#ffffff; padding:14px var(--padding-w);} 
#sub_contents .org_part .org-prt {background-color:#f4f4f4;color:#444444;padding:10px; width:100%;} 
@media (max-width:600px){
	#sub_contents .org_part.part-5 li > div::before {
		display: none;
	}
	#sub_contents .org_part.part-5 li > div::after {
		display: none;
	}
	#sub_contents .part-5>ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
	}
	#sub_contents .part-5>ul ul {
		display: flex;
		margin-top: 0px;
	}
	#sub_contents .org_part.part-5 li {
		padding:0px 0px 3px 0px;
	}
	#sub_contents .org_part.part-5 ul ul li {
		padding:0px;
	}
	#sub_contents .org_part.part-5 ul ul li div span{
		width:100%;
	}
	#sub_contents .org_part.part-1{ font-size:1em; } 
	#sub_contents .org_part.part-2,
	#sub_contents .org_part.part-3,
	#sub_contents .org_part.part-4,
	#sub_contents .org_part.part-5
	{ font-size:0.8em; } 
}
/*연구개발 테이블 스타일*/
.onweb_div_1200 .scroll{text-align:right; margin-bottom:5px; display:none;}
.onweb_div_1200 .tbl_scroll_wrap { width:100%; overflow-x:auto; white-space: nowrap; margin-bottom:30px;}	
.onweb_div_1200 .tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
.onweb_div_1200 .tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; } 
.onweb_div_1200 .tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
.onweb_div_1200 .tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.onweb_div_1200 .tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }
.onweb_div_1200 table.price_tbl{ width:100%; min-width:760px; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; border-top:2px solid #494949; }
.onweb_div_1200 table.price_tbl thead th{ text-align:center; padding:15px 0; color:#111; font-size:1em; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#fbfbfb; }
.onweb_div_1200 table.price_tbl tbody td{ text-align:left; padding:10px 15px; color:#555; font-size:0.9em;  vertical-align: middle; border-bottom:1px solid #e9e9e9 ; border-left:1px solid #e9e9e9 ; }
.onweb_div_1200 table.price_tbl tbody td.txt_c {text-align:center;}
.onweb_div_1200 table.price_tbl tbody td.txt_r {text-align:right;}
.onweb_div_1200 table.price_tbl thead th:first-child { border-left:none;}
.onweb_div_1200 table.price_tbl tbody td:first-child { border-left:none;}

/*콘텐츠 타이틀*/
.subcont_page_title{
    /* margin-top:4.5rem !important; */
}

/* 본문 공통 스타일 재 정의 */
.subcont_page_title h3{
    position: relative;
    font-size: 1.85em;
    color: #000;
    padding: 8px 0px;
    margin: 30px 0 10px 0;
    padding-left: 30px;
    background: #fff;
    font-weight: 600;
}
.subcont_page_title h3:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 20px;
    height: 30px;
    background: #5FBAC9;
    font-weight: 900;
}

/*생산공정*/

.step_box > ul{
    display:grid;
    width:100%;
    gap:40px;
}
.step_box > ul.ea4{ grid-template-columns: repeat(4,1fr);}
.step_box > ul.ea5{ grid-template-columns: repeat(5,1fr);}
.step_box > ul.ea6{grid-template-columns: repeat(6,1fr);}
.step_box > ul > li{display:flex;}
.step_box > ul > li {position:relative;min-height: 180px;padding:0;background-color:#f0eeee;border:1px solid #dfdfdf;transition: 0.5s all ease;border-radius: 10px;}
.step_box > ul > li:after { content: ""; position: absolute; width:17px; height:30px; top:50%; right:calc(-1 * calc(40px - 17px/2)); margin-top:-15px; margin-right:0; background:url('../images/step_arrow_right.png')no-repeat;}
.step_box > ul > li > div{width:100%;}
.step_box > ul > li div {display: flex;vertical-align:top;text-align:left;flex-direction: column;}
.step_box > ul > li div strong {position:relative;display:block;padding:20px;font-size:1.25em;color:#fff;background-color:#607297;overflow:hidden;border-radius: 10px 10px 0 0;text-align: center;height: 40%;}
.step_box > ul > li div strong em { position:absolute; top:30px; right:5px; font-size:4em; color:rgba(255,255,255,.1); font-weight:700; letter-spacing:-0.05em; z-index:1;}

.step_box > ul > li:nth-child(1) div strong {background-color:#357bbf;}
.step_box > ul > li:nth-child(2) div strong {background-color:#2452a2;}
.step_box > ul > li:nth-child(3) div strong {background-color:#233d7d;}
.step_box > ul > li:nth-child(4) div strong {background-color:#223167;}
.step_box.box-type2 > ul > li:nth-child(1) div strong {background-color:#e09826;}
.step_box.box-type2 > ul > li:nth-child(2) div strong {background-color:#dd8226;}
.step_box.box-type2 > ul > li:nth-child(3) div strong {background-color:#d96827;}
.step_box.box-type2 > ul > li:nth-child(4) div strong {background-color:#d75327;}
.step_box.box-type2 > ul > li:nth-child(5) div strong {background-color:#d63f27;}
.step_box.box-type2 > ul > li:nth-child(6) div strong {background-color:#cb2927;}

.step_box > ul > li div dl {width:100%;padding:20px;height: 80%;display: flex;flex-direction: column;align-items: center;justify-content: center; font-weight: 600;}
.step_box > ul > li div dl dd { position:relative; display:block; padding-left:0px; margin-top:10px; line-height:1.4em; font-size:1.1em; color:#666; }
.step_box > ul > li div dl dd:before { content: ''; display:none;position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background-color:#017ece; border-radius: 50%;}
.step_box > ul > li div dl dd:first-child {margin-top:0;}

@media all and (max-width:1100px){
    .step_box > ul.ea4{ grid-template-columns: repeat(4,1fr);}
    .step_box > ul.ea5{ grid-template-columns: repeat(3,1fr);}
    .step_box > ul.ea6{grid-template-columns: repeat(3,1fr);}    
}
@media all and (max-width:768px){
    .step_box > ul.ea4{ grid-template-columns: repeat(2,1fr);}
    .step_box > ul.ea5{ grid-template-columns: repeat(2,1fr);}
    .step_box > ul.ea6{grid-template-columns: repeat(2,1fr);}    
}



.kinds_box > ul{
    display:grid;
    width:100%;
    gap:40px;
}
.kinds_box > ul.ea4{ grid-template-columns: repeat(4,1fr);}
.kinds_box > ul.ea5{ grid-template-columns: repeat(5,1fr);}
.kinds_box > ul.ea6{grid-template-columns: repeat(6,1fr);}
.kinds_box > ul > li{display:flex;}
.kinds_box > ul > li {position:relative;min-height: 180px;padding:0;background-color:#f0eeee;border:1px solid #dfdfdf;transition: 0.5s all ease;border-radius: 10px;}
.kinds_box > ul > li > div{width:100%;}
.kinds_box > ul > li div {display: flex;vertical-align:top;text-align:left;flex-direction: column;}
.kinds_box > ul > li div strong {
    position: relative;
    display: block;
    padding: 0;
    font-size: 1.25em;
    color: #fff;
    background-color: #607297;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.kinds_box > ul > li div strong em { position:absolute; top:30px; right:5px; font-size:4em; color:rgba(255,255,255,.1); font-weight:700; letter-spacing:-0.05em; z-index:1;}
.kinds_box > ul > li div dl {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    flex:1;
}
.kinds_box > ul > li div dl dd { position:relative; display:block; padding-left:10px; margin-top:10px; line-height:1.4em; font-size:1.1em; color:#666; font-weight:600; }
.kinds_box > ul > li div dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background-color:#017ece; border-radius: 50%;}
.kinds_box > ul > li div dl dd.no-bullet:before {display: none;}
.kinds_box > ul > li div dl dd:first-child {margin-top:0;}

.kinds_box > ul > li:nth-child(1) div strong {background-color:#86b8e3;}
.kinds_box > ul > li:nth-child(2) div strong {background-color:#74a7da;}
.kinds_box > ul > li:nth-child(3) div strong {background-color:#629ed5;}
.kinds_box > ul > li:nth-child(4) div strong {background-color:#4f90cc;}
.kinds_box > ul > li:nth-child(5) div strong {background-color:#3185c6;}
.kinds_box > ul > li:nth-child(6) div strong {background-color:#336bb4;}
.kinds_box > ul > li:nth-child(7) div strong {background-color:#285eac;}

.kinds_box.box-type2 > ul > li:nth-child(1) div strong {background-color:#e09826;}
.kinds_box.box-type2 > ul > li:nth-child(2) div strong {background-color:#dd8226;}
.kinds_box.box-type2 > ul > li:nth-child(3) div strong {background-color:#d96827;}
.kinds_box.box-type2 > ul > li:nth-child(4) div strong {background-color:#d75327;}
.kinds_box.box-type2 > ul > li:nth-child(5) div strong {background-color:#d63f27;}
.kinds_box.box-type2 > ul > li:nth-child(6) div strong {background-color:#cb2927;}

.pic_captions{
    position: relative;
    border-radius:25px;
    border:1px solid #ddd;
    overflow: hidden;
}
.pic_captions .caption_box{
    background-color:#ececec;
    font-size:1.25em;
    text-align: center;
    font-weight: 600;
    padding:10px;
}
.pic_captions .caption_abs_box{
    position: absolute;
}


.box-linked{
    overflow: hidden;
}
.box-linked > dl{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size:1.25rem;
    padding-left:1.5em;
    margin:5px 0;
}
.box-linked > dl > dd{
    display: flex;
    align-items: center;
    font-size:1.15em;
    gap:1em;
    position: relative;
    padding-left:15px;
}
.box-linked > dl > dd::before{
    content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background-color:#017ece; border-radius: 50%;
}
.box-linked > dl > dd > strong{
    font-size:1em;
    font-weight:600;
    position:relative;
}
.box-linked > dl > dd > strong::after{
    content: ':';
    margin-left:1em;
}

.box-linked > div {
    position: relative;
}
.box-linked > div > ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap:50px;
    margin:15px 0;
}
.box-linked > div > ul > li{
    display:flex;
    flex-direction: column;
    background-color:#f3f7fd;
    border:5px solid #d3e0f4;
    border-radius:16px;
    padding:1.5em !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size:1.5em;
    position: relative;
}
.box-linked > div > ul > li:nth-child(odd){
    background-color:#fff2f2;
    border-color:#e6cfcf;
}
.box-linked > div > ul > li::after{
    position: absolute;
    content:'';
    width:50px;
    height:5px;
    background-color: #e6cfcf;
    top:50%;
    right:-55px;
}
.box-linked > div.sample h4{
    color:#666;
    font-size:1.4em;
    text-indent: 1.5em;
}
.box-linked > div.sample > ul > li, .box-linked > div.sample > ul > li:nth-child(odd){
    background-color:#f5f5f5;
    border-color:#dddddd;
}
.box-linked > div.sample > ul > li::after{
    background-color: #dddddd;
}
/*

.step_box { width:100%; margin-top:30px;  transition: 0.3s all ease;}
.step_box:after{content:""; display:block; clear:both;}
.step_box > ul { width:100%; margin:0; padding:0;} 
.step_box > ul > li:before{
    display:none;
}
.step_box > ul > li {display:table; position:relative; float:left; text-align:center; width:20%; min-height:240px; padding:0; margin-right:5%; margin-bottom:20px; background-color:#fff; border:1px solid #dfdfdf; transition: 0.5s all ease; border-radius: 10px;}
.step_box > ul > li:after { content: ""; position: absolute; width:30px; height:30px; top:50%; right:0; margin-top:-15px; margin-right:-12%; background:url('../images/step_arrow_right.png')no-repeat;}
.step_box > ul > li:nth-child(4n) { margin-right:0;}
.step_box > ul > li:nth-child(4n):after {display:none}

.step_box > ul.ea5 > li:nth-child(5n) { margin-right:0;}
.step_box > ul.ea5 > li:nth-child(5n):after {display:none}

.step_box > ul.ea5 > li {width:15.5%;}
.step_box > ul.ea5 > li:after {margin-right:-8%;}
.step_box > ul.ea5 > li:nth-child(5n) { margin-right:0;}
.step_box > ul.ea5 > li:nth-child(5n):after {display:none}

.step_box > ul.ea6 > li:nth-child(6n) { margin-right:0;}
.step_box > ul.ea6 > li:nth-child(6n):after {display:none}

.step_box > ul.ea6 > li {width:10.5%;}
.step_box > ul.ea6 > li:after {margin-right:-8%;}
.step_box > ul.ea6 > li:nth-child(6n) { margin-right:0;}
.step_box > ul.ea6 > li:nth-child(6n):after {display:none}

.step_box > ul > li div {display:table-cell; vertical-align:top; text-align:left;}
.step_box > ul > li div strong {position:relative; display:block; padding:20px; font-size:1.25em; color:#fff; background-color:#607297; overflow:hidden; border-radius: 10px 10px 0 0; text-align: center;}
.step_box > ul > li div strong em { position:absolute; top:30px; right:5px; font-size:4em; color:rgba(255,255,255,.1); font-weight:700; letter-spacing:-0.05em; z-index:1;}
.step_box > ul > li div dl {width:100%;  padding:20px;}
.step_box > ul > li div dl dd { position:relative; display:block; padding-left:10px; margin-top:10px; line-height:1.4em; font-size:1.1em; color:#666; }
.step_box > ul > li div dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background-color:#017ece; border-radius: 50%;}
.step_box > ul > li div dl dd:first-child {margin-top:0;}

.bgco1_1 {background-color:#357bbf;}
.bgco1_2 {background-color:#2452a2;}
.bgco1_3 {background-color:#233d7d;}
.bgco1_4 {background-color:#223167;}
.bgco2_1 {background-color:#e09826;}
.bgco2_2 {background-color:#dd8226;}
.bgco2_3 {background-color:#d96827;}
.bgco2_4 {background-color:#d75327;}
.bgco2_5 {background-color:#d63f27;}
.bgco2_6 {background-color:#cb2927;}
*/
.ol{
    font-size:1.25rem;
}
.ol li{
    font-size:0.9em;
    padding-left:25px;

}
.ol li:before{
    width:auto;
    height:auto;
    top:0;
    padding:0 10px 0 0;
    background-color:transparent !important;
    color:#333;
    font-weight:600;
}
.ol li:nth-child(1):before{content:'1.';}
.ol li:nth-child(2):before{content:'2.';}
.ol li:nth-child(3):before{content:'3.';}
.ol li:nth-child(4):before{content:'4.';}
.ol li:nth-child(5):before{content:'5.';}
.ol li:nth-child(6):before{content:'6.';}
.ol li:nth-child(6):before{content:'6.';}
.ol li:nth-child(8):before{content:'8.';}
.ol li:nth-child(9):before{content:'9.';}
.ol li:nth-child(10):before{content:'10.';}

.con_caution_info{
    clear:both;
    margin:1.5em auto;
    padding:1em;
    background-color:#f4f4f4;
    border:1px solid #dedede;
    border-radius:6px;
    font-size:0.85rem;
}

.core_content_wrap ul ul{
    margin-top:8px;
    margin-bottom:0.3em;
}
.core_content_wrap ul ul li{
    padding-left:10px !important;
}
.core_content_wrap ul ul li:before{
    width:4px;
    height:4px;
}

.mute_btn{
    pointer-events: none;
    cursor:default;
}

.pic_grid_box{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap:5px;
    margin-bottom:30px !important;
}
.pic_grid_box > img{
    display:block;
    width:100%;
}

.pic_flex_box{
    display:flex;
    justify-content: space-evenly;
}

@media all and (max-width:960px){
    .use_scroll{
        overflow-x:auto;        
    }
    .use_scroll > div{
        min-width:960px;
    }
}
@media all and (max-width:768px){
    .pic_grid_box{
        grid-template-columns: repeat(2,1fr);
    }
    .use_scroll > div{
        font-size:0.9rem;
    }
    .box-linked > dl {
        font-size: 1rem;
    }
    .box-linked > div > ul > li {
        font-size: 1em;
    }
    .box-linked > dl > dd {
        font-size: 1em;
    }
}

/*제품사용처*/
    .fc_ver2_pointer {color:#C53428; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type1 {width:100%; }
	.daon_ver2_sub_type1:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type1 .special_area {width:100%; padding:40px 0px; }
	.daon_ver2_sub_type1 .special_area:first-child {padding-top:0;}
	.daon_ver2_sub_type1 .special_area ul {min-height:450px; }
	.daon_ver2_sub_type1 .special_area ul li{ position:relative; width:100%; min-height:450px; overflow:hidden;  }
	.daon_ver2_sub_type1 .special_area ul li:last-child {margin-bottom:0;}
	.daon_ver2_sub_type1 .special_area ul li div{overflow:hidden; box-sizing:border-box;}
	.daon_ver2_sub_type1 .special_area ul li .special_img{width:48%; top:0; right:0; position:absolute; }
	.daon_ver2_sub_type1 .special_area ul li .special_img img {width:100%; border: solid 1px #ccc}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_img{right:unset; left:0;}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(even) .special_info{right:unset; float:left;}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{text-align:left; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{float:right; right:0; width:50%; padding-right:0; padding-left:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info{position:relative; width:50%; display:table; min-height:360px; padding-right:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {display:table-cell; vertical-align:middle;  }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl{width:100%; margin:0; padding:0; overflow:hidden; background-color:none; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt em{display:block; margin:0; padding:0; font-size:13px; line-height:1em; font-weight:400; font-style:normal; color:#aaa; letter-spacing:0.15em;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:1.85em; font-weight:600; margin:15px 0 20px 0; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; color:#777; line-height:1.6em; word-break:keep-all;}
	.daon_ver2_sub_type1 table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
	.daon_ver2_sub_type1 table.special_tbl th{ width:20%; text-align:center; color:#333; font-size:0.9em; font-weight:500; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
	.daon_ver2_sub_type1 table.special_tbl td{ width:80%; text-align:left; font-size:0.9em; padding:8px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee;}	
    .color_pro1{color: #cb2927;}

	@media screen and (max-width:1240px){		
		.daon_ver2_sub_type1 .special_area ul li .special_img{width:47%; }
		.daon_ver2_sub_type1 .special_area ul li {min-height:auto; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {vertical-align:top;}
	}
		
	@media screen and (max-width:992px){		
		.daon_content_wrap{padding:0 2%;}
		.daon_ver2_page_title{margin-bottom:50px;}	
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.daon_ver2_sub_type1 .special_area ul li .special_img{position:relative; width:100%; }
		.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{  float:none;  width:94%; margin:0 auto; padding:0 0% 5% 0%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info{top:0px; float:none; width:94%; min-height:auto; margin:0 auto; padding:0 0% 5% 0%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {float:left; width:100%; margin-top:30px; text-align:center; }
        .daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:1.50em; }
	}