/* sub visual */
.sub_visual { position:relative; min-width:320px; width:100%; margin-top:80px; overflow:hidden; }
.sub_visual .sub_title { position:absolute; left:0px; top:calc( (100% - 56px) / 2); width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:1; }
.sub_visual .sub_title p { font-size:1.7rem; color:#9e9e9e; letter-spacing:1px; animation:subtitle 0.8s ease; }
.sub_visual .sub_title h2 { padding:10px 20px 0px; color:#FFF; font-size:4.4rem; font-weight:700; animation:subtitle 1.4s ease; }

.lnb { position:absolute; left:0px; bottom:0px; width:100%; border-top:1px solid rgba(255,255,255,0.2); z-index:2; }
.lnb ul { font-size:0px; text-align:center; width:100%; }
.lnb li { display:inline-block; height:100%; padding:0px 1.4vw; transition:all 0.2s; vertical-align:top; }
.lnb li a { position:relative; display:block; height:56px; line-height:56px; padding:0 1.4vw; color:#FFF; font-size:1.8rem; opacity:0.7; letter-spacing:0; transition:0.2s; }
.lnb li a:hover,
.lnb li.on a { opacity:1; transition:0.2s; }
.lnb li.on a:after { position:absolute; left:0px; top:-2px; display:block; width:100%; height:3px; background-color:#cb152b; z-index:1; content:''; }

.lnb.fix { position:fixed; left:0; top:64px; width:100%; height:50px; background-color:#cb152b; border-top:0; }
.lnb.fix li a { line-height:50px; }
.lnb.fix li.on a { text-decoration:underline; }
.lnb.fix li.on a:after { display:none; }

.sub_visual .visualImg { position:relative; width:100%; height:360px; background-repeat:no-repeat; background-position:center center; background-size:cover; animation:sub-visual 3s; overflow:hidden; }
.sub_visual .visual_1 { background-image:url('../images/sub_visual/s1.jpg'); }
.sub_visual .visual_2 { background-image:url('../images/sub_visual/s2.jpg'); }
.sub_visual .visual_3 { background-image:url('../images/sub_visual/s3.jpg'); }
.sub_visual .visual_4 { background-image:url('../images/sub_visual/s4.jpg'); }
.sub_visual .visual_5 { background-image:url('../images/sub_visual/s5.jpg'); }
.sub_visual .visual_6 { background-image:url('../images/sub_visual/s6.jpg'); }
.sub_visual .visual_m { background-image:url('../images/sub_visual/s1.jpg'); }


/* side lnb */
.side_lnb { display:inline-block; width:240px; padding-top:90px; padding-bottom:90px; vertical-align:top; }
.side_lnb .wrap { width:100%; }
.side_lnb h2 { padding-bottom:8px; font-size:2.2rem; font-weight:900; border-bottom:1px solid #222; letter-spacing:-0.6px; }
.side_lnb ul.depth3 { padding-top:30px; }
.side_lnb ul.depth3 > li { position:relative; padding-left:14px; padding-bottom:20px; }
.side_lnb ul.depth3 > li > a { font-size:1.8rem; font-weight:600; line-height:1.2; }
.side_lnb ul.depth3 > li:before { position:absolute; left:0; top:8px; display:block; width:5px; height:5px; background-color:#333; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; content:''; }
.side_lnb ul.depth3 > li.on > a { font-weight:900; color:#cb152b; }
.side_lnb ul.depth3 > li.on:before { background-color:#cb152b; }
.side_lnb ul.depth4 { padding:14px 16px; margin-left:-14px; margin-top:10px; background-color:#f5f5f5; }
.side_lnb ul.depth4 > li { position:relative; padding:4px 0 4px 14px; line-height:1.2; }
.side_lnb ul.depth4 > li > a { font-size:1.5rem; color:#616161; }
.side_lnb ul.depth4 > li > a:hover { text-decoration:underline; }
.side_lnb ul.depth4 > li:before { position:absolute; left:0; top:4px; display:block; font-size:1.5rem; color:#616161; content:'-'; }
.side_lnb ul.depth4 > li.on > a { color:#242424; font-weight:700; text-decoration:underline; }


/* content */
.content_wrap { position:relative; font-size:0; overflow:hidden; z-index:1; }

.sub_content { position:relative; width:100%; padding-top:90px; padding-bottom:90px; font-family:'Noto Sans'; font-size:1.7rem; line-height:1.5; }
.sub_content .con_title { height:50px; padding-bottom:42px; font-size:4.2rem; font-weight:700; text-align:center; box-sizing:content-box; }
.sub_content .con_title img { height:100%; vertical-align:top; }
.sub_content p.img { text-align:center; }
.sub_content p.img img { max-width:100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.s_title { font-family:'Manrope'; font-size:3.8rem; font-weight:900; line-height:1.3; letter-spacing:-1px; }
.s_title strong { font-weight:900; }

.con_img { text-align:center; }
.con_img img { max-width:100%; }

.side_lnb + .sub_content { display:inline-block; width:calc(100% - 240px - 3.6vw); margin-left:3.6vw; vertical-align:top; }

.dashed { border-bottom:1px dashed #d4d4d4; margin-top:80px; margin-bottom:80px; }

.tab_style {}
.tab_style li { float:left; border-bottom:2px solid #444; }
.tab_style li a { display:block; height:48px; line-height:48px; font-size:1.8rem; font-weight:500; text-align:center; background-color:#f5f5f5; color:#b4b4b4; }
.tab_style li.on { border:2px solid #444; border-bottom:0; }
.tab_style li.on a { color:#242424; font-weight:700; background-color:#fff; }

.depth5 { padding-bottom:40px; }
.depth5.tab1 li { width:100%; }
.depth5.tab2 li { width:50%; }
.depth5.tab3 li { width:33.33%; }

.depth6 { padding-bottom:40px; border-bottom:1px dashed #d4d4d4; }
.depth6 li { float:left; width:25%; padding:8px; line-height:1.2; }
.depth6 li a { display:block; font-size:1.7rem; color:#999; text-align:center; }
.depth6 li a:hover { text-decoration:underline; }
.depth6 li.on a { font-weight:700; color:#cb152b; text-decoration:underline; }


.contact_form h3 { width:90%; border-bottom:3px solid #333; padding-bottom:8px; font-size:3.2rem; font-weight:900; }
.contact_form form { width:90%; padding-top:30px; font-size:0; }
.contact_form form div { margin-top:7px; }
.contact_form label { display:inline-block; width:160px; padding-top:14px; font-size:1.5rem; font-weight:700; vertical-align:top; }
.contact_form input, .contact_form textarea { display:inline-block; width:calc(100% - 160px); padding:10px 12px; border:1px solid #ddd; vertical-align:middle; font-family:'Manrope'; font-size:1.5rem; }
.contact_form textarea { height:100px; resize:none; line-height:1.4; }
.contact_form input:focus, .contact_form textarea:focus { background-color:#fff; }
.contact_form button { width:100%; height:50px; line-height:50px; font-size:1.6rem; font-weight:700; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; border:0; background-color:#cb152b; transition:ease-out 0.2s; }
.contact_form button:hover { box-shadow:1px 1px 8px rgba(0,0,0,0.3); transition:ease-out 0.2s; }
.contact_form .form_btn { margin-top:30px; }

.contact_map { background-color:#555; height:691px; }
.contact_map .address_box { display:none; }

.top_search { padding:18px 0; background-color:#f0f4f6; }
.top_search .search_box { position:relative; width:50%; margin:0 auto; }
.top_search button.search_btn { position:absolute; right:0; top:0; width:54px; height:40px; background:url('../images/common/btn_search.png') center no-repeat; font-size:0; border:0; transition:ease-out 0.2s; }
.top_search button.search_btn:hover { background-color:#242424; background-image:url('../images/common/btn_search_w.png'); transition:ease-out 0.2s; }
.top_search input[type="text"] { width:100%; height:40px; border:1px solid #d2d8db; background-color:#fff; padding-left:3.6%; padding-right: 50px; outline:0; font-size:1.6rem; }
.top_search input[type="text"]:focus + button.search_btn { background-color:#242424; background-image:url('../images/common/btn_search_w.png'); transition:ease-out 0.2s; }

.thumb_list ul { margin:-1.2vw; font-size:0; }
.thumb_list li { display:inline-block; padding:1.2vw; transition:ease-out 0.2s; vertical-align:top; }
.thumb_list li .thumb { position:relative; }
.thumb_list li .thumb a { display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:50%; height:38px; line-height:34px; border:2px solid #fff; font-family:'Manrope'; font-size:1.7rem; font-weight:600; text-align:center; color:#fff; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; opacity:0; transition:ease-out 0.2s; z-index:1; }
.thumb_list li .thumb a:hover { background-color:#cb152b; transition:ease-out 0.2s; }
.thumb_list li .thumb p img { width:100%; }
.thumb_list li h4 { padding-top:12px; font-family:'Manrope'; font-size:1.8rem; font-weight:700; line-height:1.3; letter-spacing:-0.8px; transition:ease-out 0.2s;max-width: 210px; }
.thumb_list li h4 + p { padding-top:4px; padding-bottom:8px; font-size:1.5rem; color:#999; line-height:1.3; letter-spacing:-0.8px; }
.thumb_list li h4 + p + p { padding-top:1px; padding-bottom:8px; font-size:1.5rem; color:#999; line-height:1.3; letter-spacing:-0.8px; }
.thumb_list li:hover { transform:translateY(-10px); transition:ease-out 0.2s; }
.thumb_list li:hover h4 { text-decoration:underline; }
.thumb_list li:hover .thumb { box-shadow:0px 0px 10px rgba(0,0,0,0.4); }
.thumb_list li:hover .thumb a { display:block; opacity:1; }
.thumb_list li:hover .thumb p:after { position:absolute; left:-1px; top:-1px; display:block; width:calc(100% + 2px); height:calc(100% + 2px); background-color:rgba(0,0,0,0.6); content:''; }

.video_list .thumb_list li { position:relative; width:25%; }
.video_list .thumb_list li .wrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:calc(100% - 2.4vw); height:calc(100% - 2.4vw); z-index:1; }
.video_list .thumb_list li .thumb a { width:100%; height:100%; border:0; border-radius:0; opacity:0; }
.video_list .thumb_list li .thumb a:hover { background-color:inherit; }
.video_list .thumb_list li .thumb p:after { display:none; }
/* .video_list .thumb_list li:hover { transform:inherit; } */
.video_list .thumb_list li:hover h4 { color:#cb152b; transition:ease-out 0.2s; }

.video_list .top_video { padding-top:90px; padding-bottom:90px; background-color:#f0f4f6; overflow:hidden; }
.video_list .top_video .inbox { box-shadow:2px 4px 12px #e5ebef; }
.video_list .top_video .item { float:left; width:50%; height:400px; background-color:#fff; }
.video_list .top_video .item:first-child { padding-right:1.2vw; }
.video_list .top_video .item:last-child { padding-left:1.2vw; padding-right:2.4vw; } 
.video_list .top_video .video_detail { position:relative; }
.video_list .top_video .video_detail h4 { padding-top:50px; padding-bottom:24px; border-bottom:1px dashed #d4d5d6; font-family:'Noto Sans Korean'; font-size:2.7rem; font-weight:bold; line-height:1.4; letter-spacing:-1px; }
.video_list .top_video .video_detail h4 + p { padding-top:24px; font-size:1.7rem; color:#444; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.video_list .top_video .video_detail .video_btn { position:absolute; left:1.2vw; bottom:50px; font-size:0; }
.video_list .top_video .video_detail .video_btn a img { vertical-align:-3px; padding-right:2px; transition:ease-out 0.2s; }
.video_list .top_video .video_detail .video_btn a:hover img { transform:translateY(-2px); transition:ease-out 0.2s; }
.video_list .top_video .video_detail .video_info { position:absolute; right:2.4vw; bottom:56px; font-size:0; }
.video_list .top_video .video_detail .video_info p { position:relative; display:inline-block; vertical-align:middle; font-size:1.6rem; color:#9a9a9a; padding-left:24px; }
.video_list .top_video .video_detail .video_info p img { padding-right:6px; vertical-align:-1px; }
.video_list .top_video .video_detail .video_info p:before { position:absolute; left:13px; top:50%; transform:translateY(-50%); display:block; width:1px; height:14px; background-color:#ccc; content:''; }
.video_list .top_video .video_detail .video_info p:first-child:before { display:none; }

[class^="frm_wrap"]:after { display:block; clear:both; content:''; }
[class^="frm_wrap"] { font-size:1.5rem; }

.frm_top_title { height:44px; line-height:44px; padding:0 10px; background-color:#3f7bb5; text-align:center; font-size:0; }
.frm_top_title p { position:relative; display:inline-block; color:#fff; padding:0 8px; font-size:1.6rem; letter-spacing:-0.7px; }
.frm_top_title p a { color:#fff; }
.frm_top_title p:before { position:absolute; left:0px; top:50%; transform:translateY(-50%); display:block; width:1px; height:15px; background-color:#12181f; content:''; }
.frm_top_title p:first-child:before { display:none; }
.frm_top_title h4 { display:inline-block; font-size:1.7rem; font-weight:bold; color:#12181f; }
.frm_top_title h4 + p:before { display:none; }
.frm_top_title strong { padding-right:6px; color:#12181f; }

.frm_bottom_btn { padding-top:40px; }
.frm_bottom_btn button { width:25%; height:44px; }
.frm_bottom_btn button.btn_gradi_w { border-color:#999; }

.frm_style h4.top_title { height:82px; line-height:82px; font-size:2.6rem; font-weight:700; color:#e62b41; letter-spacing:-1.5px; text-align:center; }
.frm_style ul > li { padding:5px 20px; border-top:1px solid #ddd; font-size:0; }
.frm_style label { height:30px; line-height:30px; font-size:1.5rem; vertical-align:middle; box-sizing:content-box; }
.frm_style label.th { display:inline-block; width:126px; padding-right:0; font-weight:700; letter-spacing:-0.8px; }
.frm_style textarea { width:100%; height:100%; padding:10px; border:1px solid #e4e4e4; resize:none; font-family:'Noto Sans'; font-size:1.5rem; }
.frm_style input[type="text"], .frm_style input[type="password"], .frm_style input[type="number"] { display:inline-block; width:calc(100% - 126px); height:30px; padding:0 10px; border:1px solid #e4e4e4; font-family:'Noto Sans'; vertical-align:middle; }
.frm_style .frm_group { float:left; }
.frm_style table th { height:44px; padding:0 20px; background-color:#3f7bb5; color:#fff; text-align:center; }
.frm_style table td { padding:8px 20px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.frm_style table td:first-child { border-left:0; }

.frm_style .bg_lgray { background-color:#f0f4f6; }
.frm_style .bg_lgray li { border-color:#d4d8da; }
.frm_style .bg_lgray input { background-color:#fff; border:0; }

.frm_wrap1 li.item3 div { float:left; width:calc(100% /3); }
.frm_wrap1 li.item3 div:nth-child(1) label.th { width:42px; }
.frm_wrap1 li.item3 div:nth-child(1) input { width:calc(100% - 52px); }
.frm_wrap1 li.item3 div:nth-child(2) label.th { width:52px; }
.frm_wrap1 li.item3 div:nth-child(2) input { width:calc(100% - 62px); }
.frm_wrap1 li.item3 div:nth-child(3) label.th { width:74px; }
.frm_wrap1 li.item3 div:nth-child(3) input { width:calc(100% - 74px); }

.frm_wrap3 ol { padding-top:10px; }
.frm_wrap3 ol li { margin-left:16px; padding-left:4px; list-style:decimal; }
.frm_wrap3 .frm_group .text_area { height:260px; padding:20px; }
.frm_wrap3 .frm_group:last-child .text_area { border-left:1px solid #ddd; }

.frm_wrap4 .frm_top_title { height:82px; line-height:1.4; vertical-align:middle; }
.frm_wrap4 .frm_top_title p { top:50%; transform:translateY(-50%); }
.frm_wrap4 .frm_top_title strong { padding-right:0; text-decoration:underline; }
.frm_wrap4 .frm_top_title span.br { display:block; }
.frm_wrap4 label.th { width:150px; vertical-align:top; }
.frm_wrap4 input[type="text"],
.frm_wrap4 textarea { width:calc(100% - 150px); border:0; }
.frm_wrap4 .text_area { height:276px; padding:20px 22px; }
.frm_wrap4 .text_area ul > li { position:relative; padding-left:14px; padding-top:0; border-top:0; font-size:1.5rem; }
.frm_wrap4 .text_area li p { float:left; }
.frm_wrap4 .text_area li:before { position:absolute; left:0; top:10px; display:block; width:4px; height:4px; background-color:#333; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; content:''; }


/* s1 */
.s11 .box2 { position:relative; height:720px; background:url('../images/01company/s1_bg.jpg') center top no-repeat; background-size:cover; }
.s11 .box2 span.br { display:block; }
.s11 .box2 .m_img { display:none; }
.s11 .box2 .inbox { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1300px; }
.s11 .box2 .textbox { position:relative; float:right; width:560px; padding:70px 50px 60px; background-color:#fff; box-shadow:0px 0px 16px #bfd3e1; }
.s11 .box2 .textbox p:first-child { font-family:'Noto Sans Korean'; font-size:1.7rem; font-weight:300; line-height:1.4; text-align:justify; }
.s11 .box2 .textbox p:first-child strong { display:block; padding-bottom:2.5%; font-size:2rem; font-weight:700; text-align:left; }
.s11 .box3 { background-color:#f4f7f9; text-align:center; }
.s11 .box3 h3 + p { font-size:2.2rem; font-weight:500; line-height:1.2; }
.s11 .box3 ul { margin:-1.2vw; font-size:0; }
.s11 .box3 li { display:inline-block; width:33.33%; padding:1.2vw; vertical-align:top; }
.s11 .box3 li div { position:relative; height:280px; padding:50px 40px; background-color:#fff; text-align:left; }
.s11 .box3 li h4 { width:85%; padding-bottom:16px; font-size:2rem; font-weight:900; line-height:1.3; }
.s11 .box3 li p { font-family:'Noto Sans Korean'; font-size:1.7rem; font-weight:300; line-height:1.4; }
.s11 .box3 li span { position:absolute; top:44px; right:30px; display:block; font-size:0; }
.s11 .box3 li a { position:relative; display:inline-block; margin-top:8px; padding:8px 40px 8px 1px; font-size:1.6rem; font-weight:900; line-height:1; color:#cb152b; }
.s11 .box3 li a:before { position:absolute; left:46px; top:16px; display:block; width:24px; height:2px; background-color:#cb152b; transition:linear 0.2s; content:''; }
.s11 .box3 li a:after { position:absolute; left:66px; top:12px; display:block; width:6px; height:10px; background:url('../images/common/r_arrow_head.png') no-repeat; transition:linear 0.2s; content:''; }
.s11 .box3 li a:hover:before { width:30px; transition:linear 0.2s; }
.s11 .box3 li a:hover:after { left:72px; transition:linear 0.2s; }
.s11 .box4 span.br { display:block; }
.s11 .box4 .borderbox { padding:10px 8px; border:6px solid #f0f0f0; }
.s11 .box4 .borderbox p { font-size:2.2rem; font-weight:700; text-align:center; }
.s11 .box4 .borderbox p span { display:inline-block; height:24px; padding-right:10px; vertical-align:2px; }
.s11 .box4 .borderbox p span img { height:100%; }
.s11 .box4 p.center { width:90%; margin:0 auto; font-size:2rem; line-height:1.5; }
.s11 .box4 .bgbox { padding:60px 80px; background-color:#f4f4f4; }
.s11 .box4 .bgbox h4 { font-size:2.2rem; font-weight:900; text-align:center; }
.s11 .box4 .bgbox ul { margin:-4px 0; }
.s11 .box4 .bgbox li { float:left; width:25%; padding:4px 0; vertical-align:top; font-size:1.7rem; line-height:1.4; text-align:left; }

.s12 .tab_style li { position:relative; width:calc(100% / 6); }
.s12 .tab_content { padding-top:60px; }
.s12 .tab_content .tab_con:after { display:block; clear:both; content:''; }
.s12 .tab_content .map_btn { float:left; width:580px; }
.s12 .tab_content .map_btn img{ width:100%; }
.s12 .tab_content .map_info { display:inline-block; width:calc(100% - 580px); padding-left:4%; vertical-align:top; }
.s12 .tab_content .map_info h3 { position:relative; padding-left:26px; padding-bottom:30px; font-size:2.4rem; font-weight:700; }
.s12 .tab_content .map_info h3:before { position:absolute; left:0; top:6px; display:block; width:18px; height:24px; background:url('../images/01company/ico_location.png') no-repeat; background-size:contain; content:''; }
.s12 .tab_content .map_info h3 + .item { border-top:1px solid #ccc; }
.s12 .tab_content .map_info .item { padding:16px 0px 18px; border-bottom:1px solid #ccc; }
.s12 .tab_content .map_info .item h4 { padding-bottom:10px; line-height:1.2; font-size:1.8rem; font-weight:700; text-decoration:underline; }
.s12 .tab_content .map_info .item li { padding-top:2px; line-height:1.4; }
.s12 .tab_content .map_info .item li strong { padding-right:3px; font-size:1.5rem; font-weight:500; color:#cb152b; }
.s12 .tab_content .map_info .item li:first-child { padding-bottom:6px; }
.s12 .tab_content .map_info .item li.btn_history { margin-top:10px; }
.s12 .tab_content .map_info .item li.btn_history a { position:relative; display:inline-block; font-size:1.6rem; font-weight:bold; line-height:1; color:#cb152b; }
.s12 .tab_content .map_info .item li.btn_history a:before { position:absolute; left:137px; top:7px; display:block; width:24px; height:2px; background-color:#cb152b; transition:linear 0.2s; content:''; }
.s12 .tab_content .map_info .item li.btn_history a:after { position:absolute; left:158px; top:3px; display:block; width:6px; height:10px; background:url('../images/common/r_arrow_head.png') no-repeat; transition:linear 0.2s; content:''; }
.s12 .tab_content .map_info .item li.btn_history a:hover:before { width:30px; transition:linear 0.2s; }
.s12 .tab_content .map_info .item li.btn_history a:hover:after { left:164px; transition:linear 0.2s; }

/* s3 */
.s32 .thumb_list li { width:25%; }
.s32 .thumb_list li:hover { cursor:pointer; }

.s33 .box1 { text-align:center; }
.s33 .box1 h3 + div + div { max-width:960px; padding:30px 3.4%; margin:0 auto; background-color:#f5f5f5; }
.s33 .box1 h3 + div + div p { position:relative; padding-left:10px; text-align:left; }
.s33 .box1 h3 + div + div p:before { position:absolute; left:0; top:0; margin-top:-1px; display:block; content:'-'; }

.s34 .s_title { padding-bottom:30px; border-bottom:4px solid #222; }
.s34 .company_info { padding:40px 0px; font-size:0; }
.s34 .company_info p { display:inline-block; width:200px; vertical-align:middle; }
.s34 .company_info p img { width:100%; }
.s34 .company_info ul {display:inline-block; width:calc(100% - 200px); margin-left:-20px; padding-left:90px; vertical-align:middle; }
.s34 .company_info li { float:left; width:50%; padding-left:20px; font-size:1.7rem; }
.s34 .company_info li a { word-break:break-word; }
.s34 .company_info li a:hover { text-decoration:underline; }

.s35 .thumb_list li { width:16.5%; }
.s35 .thumb_list li h4 { text-align:center; }
.s35 .thumb_list li .thumb a { width:70%; }
.s35 .thumb_list li .thumb a img { padding-right:5px; vertical-align:-3px; }
.s35 .thumb_list li .thumb p { border:1px solid #d7dadd; }
.s35 .thumb_list li:hover { cursor:pointer; }
.s35 .box1 div { display:flex; flex-direction:row-reverse; }
.s35 .box1 div p.txt { width:100%; padding-right:40px; text-align:justify; }
/*.s35 .box1 div p.img { width:12%; padding-top:8px; }*/

.s36 .wrapbox { display:flex; align-items:center; width:100%; margin-top:70px; }
.s36 .side_lnb { padding-top:0; padding-bottom:0; padding-right:40px; }
.s36 .side_lnb img { max-width:100%; }
.s36 .item_grp { display:flex; width:calc(100% - 240px); }
.s36 .item { padding:34px; margin-left:14px; background-color:#f5f5f5; }
.s36 .item a { display:inline-block; height:38px; line-height:38px; margin-top:20px; padding:0 24px; border-radius:2rem; background-color:#545655; color:#fff; font-size:1.6rem; }
.s36 .item a img { height:1.3rem; margin-right:8px; vertical-align:-1px; }
.s36 .item h3 { padding-bottom:1rem; font-size:2.2rem; font-weight:bold; line-height:1.4; }
.s36 .wrap2 .item_grp { display:block; }

.s36_btnbox .hr { margin:7rem 0; border-top:1px dotted #ddd; }

.s36_btnbox p.logo_title { width:14rem; }
.s36_btnbox p.logo_title img { max-width:100%; }
.s36_btnbox p.btn_title { margin-bottom:1.4rem; font-size:2.1rem; font-weight:bold; line-height:1.2; } 
.s36_btnbox p.btn_title2 { position:relative; margin-bottom:1rem; font-size:1.9rem; }
.s36_btnbox .btngrp { margin-top:4rem; }
.s36_btnbox .btngrp ul { display:flex; margin:-7px; }
.s36_btnbox .btngrp li { width:calc(100% / 3); padding:7px; }
.s36_btnbox .btngrp li div { width:100%; padding:3.4rem; background-color:#f7f7f7; border-radius:1rem; cursor:pointer; transition:ease-out 0.2s; }
.s36_btnbox .btngrp li div:hover { transform:translateY(-8px); box-shadow:2px 4px 14px rgba(0,0,0,0.05); transition:ease-out 0.2s; }
.s36_btnbox .btngrp a.btn_download { display:inline-block; line-height:1.2; font-size:2rem; font-weight:bold; }
.s36_btnbox .btngrp a.btn_download.beta { margin-top:1.4rem; font-size:inherit; color:inherit !important; }
.s36_btnbox .btngrp a.btn_download:hover { text-decoration:underline; }

.s36_btnbox .wrap1 .btngrp li:nth-child(1) div:hover { background-color:rgba(52,101,193,0.08); }
.s36_btnbox .wrap1 .btngrp li:nth-child(1) a.btn_download { color:#3465c1; }
.s36_btnbox .wrap1 .btngrp li:nth-child(2) div:hover { background-color:rgba(209,44,64,0.06); }
.s36_btnbox .wrap1 .btngrp li:nth-child(2) a.btn_download { color:#d12c40; }
.s36_btnbox .wrap1 .btngrp li:nth-child(3) div:hover { background-color:rgba(108,52,179,0.08); }
.s36_btnbox .wrap1 .btngrp li:nth-child(3) a.btn_download { color:#6c34b3; }

.s36_btnbox .wrap2 .btngrp li div:hover { background-color:#eee; }


/* s4 */
.s41 .thumb_list li { position:relative; width:25%; }
.s41 .thumb_list li a { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:calc(100% - 2.4vw); height:calc(100% - 2.4vw); z-index:1; }
.s41 .thumb_list li h4 a {  font-family:'Manrope'; font-size:1.8rem; font-weight:700; line-height:1.3; letter-spacing:-0.8px; }
.s41 .thumb_list li h4 + p { color:#444; font-weight:500; }
.s41 .thumb_list li h4 + p  + p img { height:14px; padding-right:4px; vertical-align:-2px; }
.s41 .thumb_list li .thumb { padding-top:56.25%; background-color:#222; overflow:hidden; }
.s41 .thumb_list li .thumb p { position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%); transition:ease-out 0.4s; }
.s41 .thumb_list li .thumb p img { position: absolute; top:0; left:0; max-width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.s41 .thumb_list li:hover { transform:inherit; }
.s41 .thumb_list li:hover h4 { color:#cb152b; transition:ease-out 0.2s; }
.s41 .thumb_list li:hover .thumb p { transform:scale(1.06) translate(50%,50%); transition:ease-out 0.4s; }
.s41 .thumb_list li:hover .thumb p:after { display:none; }

/* s6 */
.s6 [class^="contact_"] { float:left; width:50%; }
.s6 .top_address { padding-bottom:20px; }


@-webkit-keyframes sub-visual { 
	0%	 { -webkit-transform: scale(1.2); transform: scale(1.2); }
	100% { -webkit-transform: scale(1); transform: scale(1); } 
}
@keyframes sub-visual { 
	0%	 { -webkit-transform: scale(1.2); transform: scale(1.2); }
	100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@-webkit-keyframes subtitle {
	from { opacity:0; transform:translateY(50px); }
	to { opacity:1; transform:none; }
}
@keyframes subtitle {
	from { opacity:0; transform:translateY(50px); }
	to { opacity:1; transform:none; }
}