/* new_view */
.border_f4{border:1px solid #f4f4f4; box-sizing:border-box;}
.border_f4.tc{ text-align: center; padding: 15px; }
.mod_h4{font-weight:bold; font-size:22px; letter-spacing:-0.03em; color: #0c2f6f; margin-bottom:20px;}
.dl_tit02{font-size:22px; color: #000; margin-bottom:20px;}
.dl_tit02.mb{margin-bottom:10px;}
.dl_tit02 span{font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #777; margin-left: 15px;}
.dl_tit03{font-size:20px; color: #000; margin-bottom:14px;}
.dl_tit04{font-size:18px; color: #666; margin-bottom:14px;}
.dl_tit04_c{font-size:18px; color: #333; margin-bottom:14px;}
.dl_tit04_c.mb{margin-bottom:40px;}
.line_tit{position: relative; width: 100%; padding-left: 30px; margin-bottom:46px; box-sizing:border-box; font-weight:500; font-size:20px; letter-spacing:-0.03em; color: #333;}
.line_tit span{display:inline-block; width: 100%; margin-top: 6px;}
.line_tit::after{content:''; position:absolute; top: 4px; left: 0; width: 2px; height: 40px; background: #000000;}

.img_figure{margin-bottom:20px;}
.view .view_info .scon .cont .style .table_box.mb{margin-bottom:40px;}
.view .view_info .scon .cont .table_box p .c2{font-weight:500; color: #222;}
.view .view_info .scon{margin-bottom:65px;}
.view .view_info .scon .cont .mod_style .item{display:block;}
.view .view_info .scon .cont .mod_style .box_list .item{margin-bottom:12px;}
.view .view_info .scon .cont .mod_style .circle_map .item{display:flex;}
.view .view_info .scon .cont .mod_style .box_list.h430 .item{height: 430px;}
.icon_ul{margin-top: 14px;}
.icon_ul li{ font-size:16px; color: #333; line-height: 1.3em; margin-bottom: 6px;}
.icon_ul li:last-of-type{margin-bottom:0;}
.icon_ul li ul{padding-left: 20px; margin-top: 10px;}
.mod_ul{margin-top: 20px;}
.mod_ul li{position:relative; padding-left: 10px; font-weight:300; font-size:16px; color: #333; margin-bottom:14px;}
.mod_ul li:last-of-type{margin-bottom:0;}
.mod_ul.dot_b li span{position:absolute; left: 0;color: #3e54a3;}
.mod_ul.mb{margin-bottom: 40px;}
.view .view_info .scon .cont .style.mod_style .table_box.color001 table th{background: #e8e8e8;	}
.view .view_info .scon .cont .style.mod_style .table_box.color001 table tr:nth-of-type(2) td{font-weight:500;}
.view .view_info .scon .cont .style.mod_style .table_box.color001 table tr:nth-of-type(2) td.fw{font-weight:600;}
.view .view_info .scon .cont .style.mod_style .table_box.color001 table tr:last-of-type td{background: #f9f9f9;}

.dl_tit_tip{position:absolute; top: 0; right: 0; }
.dl_tit_tip p{font-size:14px; color: #333; line-height: 1.3em;}
.dl_tit_tip ul{text-align: right; margin-top: 10px;}
.dl_tit_tip ul li{display:inline-block; vertical-align: top; font-size:14px; font-weight:500; margin-right: 20px; color: #000;}
.dl_tit_tip ul li:last-of-type{margin-right: 0;}

/* 서브탑 */
.sub_top_btn{display:none; position: fixed; width: 60px; height: 60px; bottom: 25px; right: 25px; border-radius:50%; background: #0b2f6f; cursor: pointer; z-index: 200;}
.sub_top_btn .position{position:absolute; top: 48%; left: 0; width: 100%; text-align: center; transform:translateY(-50%);}
.sub_top_btn .position p{color: #fff; font-size:12px;}
.sub_top_btn .position i{font-size:16px; color: #fff;}

/* icon추가 */
.view .view_main .cont .slide_wrap .txt_ctn .icon_ctn{display:flex; align-items:center; margin-top: 26px;}
.view .view_main .cont .slide_wrap .txt_ctn .icon_ctn figure{margin-right: 14px;}
.view .view_main .cont .slide_wrap .txt_ctn .icon_ctn figure:last-of-type{margin-right: 0;}

.view .mod_style .tit_table_box{position:relative; }

.view .mod_style{margin-bottom: 80px;}
.view .mod_style.mb{margin-bottom:50px;}
.view .mod_style *{letter-spacing:-0.03em;}
.view .mod_style.not_m{margin-bottom: 0;}
.view .mod_style.mb135{margin-bottom: 135px;}
.view .mod_style:last-of-type{margin-bottom:0;}
.view .mod_style .top_main01{text-align: center; margin-bottom:100px;}
.view .mod_style .top_main02{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:84px;}
.view .mod_style .top_main02 .circle{width: 50%;text-align: center;}
.view .mod_style .top_main02 .circle ul{display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:41px;}
.view .mod_style .top_main02 .circle ul li{position:relative; width: 50%; text-align: center;}
.view .mod_style .top_main02 .circle ul li::after{content:url(/img/sub/icon_new_xafe03.png); position:absolute; top: 13px; right: -36px; }
.view .mod_style .top_main02 .circle ul li:last-of-type::after{display:none; }
.view .mod_style .top_main02 .circle ul li figure{position:absolute; top: -74px; left: 50%; width: 100%; transform:translateX(-50%);}
.view .mod_style .top_main02 .circle ul li:last-of-type figure{top: auto; bottom: -60px;}
.view .mod_style .top_main02 .circle ul li figure img{}
.view .mod_style .top_main02 .circle ul li p{font-weight:bold; font-size:38px; color: #0c2f6f;}
.view .mod_style .top_main02 .circle ul li span{font-size:20px; color: #555;}
.view .mod_style .top_main02 .txt{width: 50%; box-sizing:border-box; padding-left: 45px;}
.view .mod_style .top_main02 .txt h3{font-weight:bold; font-size:28px; color: #231815; text-transform: uppercase;}
.view .mod_style .top_main02 .txt ul{margin-top: 18px;}
.view .mod_style .top_main02 .txt ul li{font-weight:300; font-size:22px; color: #666; line-height: 1.5em;}
.view .mod_style .top_main03{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:150px;}
.view .mod_style .top_main03 figure{width: 50%; text-align: center;}
.view .mod_style .top_main03 figure img{}
.view .mod_style .top_main03 .txt{width: 50%;  box-sizing:border-box; padding-left: 45px;}
.view .mod_style .top_main03 .txt h4{font-weight:bold; font-size:28px; color: #231815; margin-bottom:18px;}
.view .mod_style .top_main03 .txt p{font-weight:300; font-size:22px; color: #666; line-height: 1.6;}
.view .mod_style .top_main03 .txt p .rc{font-weight:400;}



/* .view .mod_style .top_main02{display:flex; flex-wrap:wrap; justify-content:space-between}
.view .mod_style .top_main02 .txt h3 img{ vertical-align: bottom;}
.view .mod_style .top_main02 .txt h3 span{font-weight:bold; font-size:24px; color: #222; vertical-align: bottom; margin-left: 20px;}
.view .mod_style .top_main02 .txt ul{margin-top: 24px;}
.view .mod_style .top_main02 .txt ul li{font-weight:300; font-size:18px; color: #666; margin-bottom:8px;}
.view .mod_style .top_main02 .txt ul li:last-of-type{padding-top: 12px;}
.view .mod_style .top_main02 .circle{background:url(/img/sub/new_xafe02.png) 50% 50% no-repeat; background-size:cover; width: 642px; height: 342px;}
.view .mod_style .top_main02 .circle ul{display:flex; align-items:center; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 95%;}
.view .mod_style .top_main02 .circle ul li{width: 50%; text-align: center;}
.view .mod_style .top_main02 .circle ul li p{font-weight:bold; font-size:38px; color: #333; margin: 10px 0 8px;}
.view .mod_style .top_main02 .circle ul li span{font-size:16px; color: #555;}
.view .mod_style .top_main03{ margin: 100px 0; background: #f9f9f9; box-sizing:border-box; padding: 80px 0 70px; font-size:0;}
.view .mod_style .top_main03 .w1010{width: 100%; max-width: 1010px; margin: 0 auto; box-sizing:border-box;}
.view .mod_style .top_main03 figure{display:inline-block; vertical-align: top; width: 50%;}
.view .mod_style .top_main03 .txt{display:inline-block; vertical-align: top; width: 50%; margin-top: 50px; box-sizing:border-box; padding-left: 38px;}
.view .mod_style .top_main03 .txt h4{font-weight:bold; font-size:24px; color: #222;}
.view .mod_style .top_main03 .txt p{font-weight:300; font-size:18px; color: #666; line-height: 1.6; margin-top: 10px;}
.view .mod_style .top_main03 .txt p .rc{font-weight:400;} */
/* .view .mod_style .top_main{padding: 40px 0 150px;}
.view .mod_style .top_main .img_box{display:flex; justify-content:space-between;}
.view .mod_style .top_main .img_box figure{position:relative; top: 7px; z-index: 1;}
.view .mod_style .top_main .img_box .circle{max-width: 522px; width: 100%; position:relative; padding-bottom: 282px; background:url(/img/sub/new_view02.png) 50% 50% no-repeat; background-size:cover;}
.view .mod_style .top_main .img_box .circle::before{content:''; position:absolute; top: 50%; right: 522px; width: 100%; height: 1px; background: #dddddd; transform:translateY(-50%);}
.view .mod_style .top_main .img_box .circle ul{display:flex; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 90%;}
.view .mod_style .top_main .img_box .circle ul li{width: 50%; text-align: center;}
.view .mod_style .top_main .img_box .circle ul li p{font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:38px; color: #333;}
.view .mod_style .top_main .img_box .circle ul li span{font-size:16px; color: #555;}
.view .mod_style .top_main .txt{margin-top: -100px;}
.view .mod_style .top_main .txt h4{font-weight:bold; font-size:20px; color: #222; margin-bottom:18px;}
.view .mod_style .top_main .txt p{font-weight:300; font-size:18px; color: #666; line-height: 1.7em;} */

.view .mod_style .new_style01{display:flex; flex-wrap:wrap;}
.view .mod_style .new_style01 .n_item{width: calc(50% - 10px); border:1px solid #f4f4f4; box-sizing:border-box; padding: 0 53px 40px; margin-right: 20px;}
.view .mod_style .new_style01 .n_item:last-of-type{margin-right: 0;}
.view .mod_style .new_style01 .n_item .n_tit{width: 100%; display:flex; align-items:center; justify-content:center; height: 100px; text-align: center; box-sizing:border-box; border-bottom: 1px solid #f4f4f4;}
.view .mod_style .new_style01 .n_item h4{font-size:24px; font-weight:bold; color: #111;}
.view .mod_style .new_style01 .n_item h4.cb{color: #018ac8;}
.view .mod_style .new_style01 .n_item .info{ margin-top: 14px;}
.view .mod_style .new_style01 .n_item .info .box{position:relative; display:flex; height: 162px; flex-wrap:wrap; align-items:center;}
.view .mod_style .new_style01 .n_item .info .box::after{content:''; position:absolute; top: 130px; left: 50%; transform:translateX(-68%); width: 1px; height: 60px; border-right: 1px dashed #ddd;}
.view .mod_style .new_style01 .n_item .info .box::before{content:url(/img/sub/icon_new_arrow.png); position:absolute; bottom: -37px; left: 50%; transform:translateX(-50%); z-index: 1;}
.view .mod_style .new_style01 .n_item .info .box.not_icon::before,
.view .mod_style .new_style01 .n_item .info .box.not_icon::after{display:none; }
.view .mod_style .new_style01 .n_item .info .box figure{width: calc(50% - 70px); position:relative; padding-bottom:29%; overflow: hidden;}
.view .mod_style .new_style01 .n_item .info .box figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; max-height: 100%;}
.view .mod_style .new_style01 .n_item .info .box .circle_sec{position:relative; display:flex; align-items:center; justify-content:center; width: 80px; height: 80px; background: #f5f5f5; border-radius:50%; margin: 0 30px;}
.view .mod_style .new_style01 .n_item .info .box .circle_sec::before{content:url(/img/sub/icon_view04.png); position:absolute; bottom: -6px; left: 50%; transform:translateX(-50%); height: 12px;}
.view .mod_style .new_style01 .n_item .info .box .circle_sec h5{font-size:16px; color: #111; text-align: center;}
.view .mod_style .new_style01 .n_item .info .box.not_icon .circle_sec::after,
.view .mod_style .new_style01 .n_item .info .box.not_icon .circle_sec::before{display:none; }

.view .mod_style .new_style01 .n_item .info .box p{width: calc(50% - 70px); font-weight:300; font-size:16px; color: #666666;}
.view .mod_style .new_style01 .n_item .info .view_result{text-align: center;}
.view .mod_style .new_style01 .n_item .info .view_result .arrow_txt{text-align: center;}
.view .mod_style .new_style01 .n_item .info .view_result .arrow_txt i{font-size:20px; letter-spacing:-0.03em; color: #23419b;}
.view .mod_style .new_style01 .n_item .info .view_result .arrow_txt p{font-weight:bold; font-size:20px; letter-spacing:-0.03em; color: #23419b; margin-top: 6px;}
.view .mod_style .new_style01 .n_item .info .view_result .r_box{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top: 38px;}
.view .mod_style .new_style01 .n_item .info .view_result .r_box figure{width: 220px;}
.view .mod_style .new_style01 .n_item .info .view_result .r_box figure img{}
.view .mod_style .new_style01 .n_item .info .view_result .r_box .n_txt{width: calc(100% - 220px); box-sizing:border-box; padding-left: 40px; text-align: left;}
.view .mod_style .new_style01 .n_item .info .view_result .r_box .n_txt h5{font-weight:500; font-size:18px; letter-spacing:-0.03em; color: #222; margin-bottom:12px;}
.view .mod_style .new_style01 .n_item .info .view_result .r_box .n_txt p{font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; line-height: 1.5em;}
.view .mod_style .new_style01 .n_item > figure{text-align: center; margin-top: 24px;}
.view .mod_style .box_list{display:flex;flex-wrap:wrap; }
.view .mod_style .box_list .item{ width: calc(50% - 10px); border:1px solid #f4f4f4; box-sizing:border-box; padding: 50px; margin-right: 20px;}
.view .mod_style .box_list.w100 .item{ width: 100%; font-size:0;}
.view .view_info .scon .cont .mod_stylew .box_list .item{margin-bottom:12px;}
.view .mod_style .box_list .item:last-of-type{margin-right: 0;}
.view .mod_style .box_list .item .f_txt{width: 100%;}
.view .mod_style .box_list.w100 .item .f_txt{display:inline-block; vertical-align: top; width: calc(50% - 10px); margin-right: 20px;}
.view .mod_style .box_list.w100 .item .f_txt:last-of-type{margin-right: 0;}
.view .mod_style .box_list .item .f_txt p{font-weight:300; font-size:16px; color: #666; line-height: 1.6em;}
.view .mod_style .box_list .item .f_txt p{margin-top: 24px;}
.view .mod_style .box_list .item .f_txt p.num{font-weight:400; font-size:15px; line-height: 1.1em; color: #aaa; margin-top: 0;}
.view .mod_style .box_list .item .f_txt h4{font-size:20px; color: #111; margin: 34px 0 0;}
.view .mod_style .box_list .item .f_txt .img{display:flex; flex-wrap:wrap;margin-top: 36px;}
.view .mod_style .box_list .item .f_txt .img_item{width: calc(50% - 10px); margin-right: 20px; text-align: center;}
.view .mod_style .box_list .item .f_txt .img_item:last-of-type{margin-right: 0;}
.view .mod_style .box_list .item .f_txt .img_item figure{/* position:relative; padding-bottom:84%; overflow: hidden;  */}
.view .mod_style .box_list .item .f_txt .img_item figure img{width: 100%; /* position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; */}
.view .mod_style .box_list .item .f_txt .img_item p{font-weight:300; font-size:15px; letter-spacing:-0.01em; color: #777; margin-top: 6px;}
.view .mod_style .box_list .item .f_txt .img.w100 .img_item{width: 100%; margin-right: 0;}
.view .mod_style .box_list .item .f_txt .img.w100 .img_item figure{/* padding-bottom: 41%; */}
.view .mod_style .img_list{display:flex; flex-wrap:wrap; }
.view .mod_style .img_list figure{width: calc(25% - 37.33333333333333px); margin-right: 28px; margin-bottom:28px;}
.view .mod_style .img_list figure:nth-of-type(4n){margin-right: 0;}
.view .mod_style .img_list figure:last-of-type{margin-right: 0;}
.view .mod_style .img_list06{display:flex; flex-wrap:wrap;}
.view .mod_style .img_list06 figure{width: calc(16.66% - 8.33px); margin-right: 10px; margin-bottom:10px; box-sizing:border-box; border:1px solid #f0f0f0; text-align: center;}
.view .mod_style .img_list06 figure:nth-of-type(6n){margin-right: 0;}
.view .mod_style .img_list03{display:flex; flex-wrap:wrap;}
.view .mod_style .img_list03 figure{width: calc(33.33% - 6.66px); margin-right: 10px; margin-bottom:10px; box-sizing:border-box; border:1px solid #f0f0f0; text-align: center;}
.view .mod_style .img_list03 figure:nth-of-type(3n){margin-right: 0;}
.view .mod_style .img_list05{display:flex; flex-wrap:wrap;}
.view .mod_style .img_list05 figure{ margin-right: 10px; margin-bottom:10px; box-sizing:border-box; border:1px solid #f0f0f0; text-align: center;}
.view .mod_style .img_list05 figure:nth-of-type(1),
.view .mod_style .img_list05 figure:nth-of-type(2),
.view .mod_style .img_list05 figure:nth-of-type(3){width: calc(16.66% - 8px);}
.view .mod_style .img_list05 figure:nth-of-type(4),
.view .mod_style .img_list05 figure:nth-of-type(5){width: calc(24.99% - 8px);}
.view .mod_style .img_list05 figure:nth-of-type(5n){margin-right: 0;}
.view .mod_style .img_border_ctn{border:1px solid #f4f4f4; box-sizing:border-box;}
.view .mod_style .img_border_ctn.padding{padding:50px 0;}
.view .mod_style .img_border_ctn.padding02{padding:40px;}

.view .mod_style .img_border_ctn figure{text-align: center;}
.view .mod_style .img_border_ctn.w50{width: calc(50% - 10px); margin-right: 20px;}
.view .mod_style .img_border_ctn.img_style{}
.view .mod_style .img_border_ctn.img_style h4{font-weight:500; font-size:16px; color: #555; text-align: center; margin-bottom:34px;}
.view .mod_style .img_border_ctn.img_style .flex_box{display:flex; flex-wrap:wrap;}
.view .mod_style .img_border_ctn.img_style .flex_box > div{width: calc(50% - 50px); margin-right: 100px;}
.view .mod_style .img_border_ctn.img_style .flex_box > div:last-of-type{margin-right: 0;}
.view .mod_style .img_border_ctn.img_style .flex_box > div figure{position:relative;}
.view .mod_style .img_border_ctn.img_style .flex_box > div figure::after{content:"VS"; position:absolute; top: 50%; right: -70px; transform:translateY(-50%); border-radius:50%; background: #0c2f6f; width: 40px; height: 40px; font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size:16px; letter-spacing:-0.03em; color: #fff; line-height: 40px;}
.view .mod_style .img_border_ctn.img_style .flex_box > div:last-of-type figure::after{display:none; }
/* .view .mod_style .img_border_ctn.img_style .flex_box > div figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;} */
.view .mod_style .img_border_ctn.img_style .flex_box > div .txt{text-align: center; margin-top: 24px;}
.view .mod_style .img_border_ctn.img_style .flex_box > div .txt h5{font-weight:500; font-size:20px; color: #333;}
.view .mod_style .img_border_ctn.img_style .flex_box > div .txt p{font-weight:300; font-size:16px; color: #777; margin-top: 10px;}


.view .view_info .scon .cont .mod_style .plus_img{margin-bottom:20px;}
.view .view_info .scon .cont .mod_style .plus_img .item{border:1px solid #f4f4f4; box-sizing:border-box;}
.view .view_info .scon .cont .mod_style .plus_img .item.w100{width: 100%; height: auto;}
.view .view_info .scon .cont .mod_style .plus_img .item.img{padding: 0;}

.view .mod_style .feat_app{display:flex; flex-wrap:wrap;}
.view .view_info .scon .cont .mod_style .feat_app .item{border:1px solid #f4f4f4; box-sizing:border-box; width: calc(33.33% - 8px); height: 390px; margin-right: 12px; margin-bottom:28px; border:1px solid #f4f4f4; padding: 50px 50px 50px 60px; position: relative;}
.view .view_info .scon .cont .mod_style .feat_app .item:nth-of-type(3),
.view .view_info .scon .cont .mod_style .feat_app .item:last-of-type{margin-right: 0;}
.view .mod_style .feat_app .item .fa_txt{position:relative; width: 100%; height: 100%; }
.view .mod_style .feat_app .item .fa_txt p{font-weight: 400; font-size:15px; letter-spacing:-0.03em; color: #aaa; line-height: 1.1em;}
.view .mod_style .feat_app .item .fa_txt h4{font-size:20px; letter-spacing:-0.03em; color: #111; margin: 34px 0 24px;}
.view .mod_style .feat_app .item .fa_txt ul{}
.view .mod_style .feat_app .item .fa_txt ul li{position:relative; padding-left: 12px; box-sizing:border-box; font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #666; line-height: 1.6em; margin-bottom:4px;}
.view .mod_style .feat_app .item .fa_txt ul li:last-of-type{margin-bottom:0px;}
.view .mod_style .feat_app .item .fa_txt ul li span{position:absolute; left: 0;}
.view .mod_style .feat_app .item .fa_txt .icon{position:absolute; bottom: 0; right: 0;}
.view .mod_style .color_img{}
.view .mod_style .color_img .list{display:flex;}
.view .mod_style .color_img .list figure{margin-right: 40px;}
.view .mod_style .color_img .list figure:last-of-type{margin-right: 0;}
.view .mod_style .color_img .list figure img{}
.view .mod_style .color_img .exp{font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; margin-top: 25px;}
.view .mod_style .c_method{}
.view .mod_style .c_method .item{border:1px solid #f4f4f4; box-sizing:border-box; padding: 50px 60px; font-size:0; margin-bottom:20px !important;}
.view .mod_style .c_method .item:last-of-type{margin-bottom:0;}
.view .mod_style .c_method .item h4{font-size:20px; letter-spacing:-0.025em; color: #111; margin-bottom: 22px;}
.view .mod_style .c_method .item h4 span{font-size:15px; letter-spacing:-0.03em; color: #aaa; margin-left: 12px;}
.view .mod_style .c_method .item .left_box{display:inline-block; width: 382px; vertical-align: middle;}
.view .mod_style .c_method .item .left_box figure{}
.view .mod_style .c_method .item .left_box figure img{}
.view .mod_style .c_method .item .right_box{display:inline-block; width: calc(100% - 382px); vertical-align: middle; padding-left: 16px; box-sizing:border-box}
.view .mod_style .c_method .item .right_box .cont{display:flex; flex-wrap:wrap;}
.view .mod_style .c_method .item .right_box .cont figure{width: calc(33.3% - 14.66666666666667px); margin-right: 22px; margin-bottom:30px;}
.view .mod_style .c_method .item .right_box .cont figure:nth-of-type(3n){margin-right: 0;}
.view .mod_style .c_method .item .right_box .cont figure:last-of-type{margin-right: 0;}
.view .mod_style .c_method .item .right_box .cont figure img{}
.view .mod_style .c_method .item .right_box .cont figure figcaption{display:inline-block; width: 100%; font-weight: 300; font-size:15px; letter-spacing:-0.025em; color: #666; margin-top: 5px;}
.view .mod_style .spec .border_ctn{border-top: 2px solid #111;}
.view .mod_style .spec .border_ctn dl{display:flex; flex-wrap:wrap; align-items:center; padding: 50px 0; border-bottom: 1px solid #c0c0c0;}
.view .mod_style .spec .border_ctn dl dt{width: 260px; text-align: center;}
.view .mod_style .spec .border_ctn dl dt img{}
.view .mod_style .spec .border_ctn dl dt span{display:inline-block; width: 100%; font-weight:500; font-size:18px; color: #23419b; letter-spacing:-0.03em; margin-top: 14px;}
.view .mod_style .spec .border_ctn dl dd{width: calc(100% - 260px);}
.view .mod_style .spec .border_ctn dl dd ul li{line-height: 1.5em;}
.view .mod_style .spec .border_ctn dl dd ul li::after{top: 11px;}
.view .mod_style .spec .border_ctn dl dd ul.pl li{position:relative; padding-left: 105px;}
.view .mod_style .spec .border_ctn dl dd ul.pl li span{position:absolute; top: 3px; left: 12px; font-weight:400; font-size:18px; letter-spacing:-0.03em; color: #333;}
.view .mod_style .spec .border_ctn dl dd ul li ul{padding-left: 14px; margin-top: 0;}
.view .mod_style .spec .border_ctn dl dd ul li ul li{position:relative; padding-left: 24px;}
.view .mod_style .spec .border_ctn dl dd ul li ul li span{position:absolute; top: 3px; left: 0;}
.view .mod_style .spec .border_ctn dl dd p{font-weight: 400px; font-size:18px; color: #666; margin-bottom:15px;}
.view .mod_style .txt_ctn p{font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #666;}
.view .mod_style .circle_ctn{margin-bottom:60px;}
.view .mod_style .circle_ctn:last-of-type{margin-bottom:0;}
.view .mod_style .circle_ctn h4{font-weight:500; font-size:18px; letter-spacing:-0.03em; color: #0c2f6f; margin-bottom:25px;}
.view .mod_style .circle_ctn .item_box{display:flex; flex-wrap:wrap; padding-bottom: 5px;}
.view .mod_style .circle_ctn .item_box .group{}
.view .mod_style .circle_ctn .item_box .factory{position:relative; width: 11.11%;}
.view .mod_style .circle_ctn .item_box .factory .list{width: 100%;}
.view .mod_style .circle_ctn .item_box .factory .item{width: calc(100% + 26.66666666666667px); position:relative; padding-bottom:calc(100% + 24.66666666666667px); overflow: hidden; border:1px solid #f0f0f0; box-sizing:border-box; border-radius:50%; background: #fff; z-index: 10;}
.view .mod_style .circle_ctn .item_box .scene{position:relative; width: calc(100% - 11.11%);}
.view .mod_style .circle_ctn .item_box .scene .list{width: 100%; display:flex; flex-wrap:wrap; }
.view .mod_style .circle_ctn .item_box .scene .item{width: calc(12.5% + 26.66666666666667px); position:relative; padding-bottom:calc(12.5% + 24.66666666666667px); overflow: hidden; border:1px solid #f0f0f0; box-sizing:border-box; border-radius:50%; margin-left: -30px; background: #fff; margin-bottom:0;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(1){z-index: 8;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(2){z-index: 7;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(3){z-index: 6;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(4){z-index: 5;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(5){z-index: 4;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(6){z-index: 3;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(7){z-index: 2;}
.view .mod_style .circle_ctn .item_box .scene .item:nth-of-type(8){z-index: 1;}
.view .mod_style .circle_ctn .item_box .item .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 58%; text-align: center;}
.view .mod_style .circle_ctn .item_box .item .p50 p{font-family: 'Oswald', sans-serif; font-weight:300; font-size:16px; color: #aaa;}
.view .mod_style .circle_ctn .item_box .item .p50 h5{font-size:16px; color: #333; margin-top: 10px;}
.view .mod_style .circle_ctn .item_box .group .line_txt{position:relative; width: 98%; padding-top: 12px; border-top:1px solid #dddddd; box-sizing:border-box; margin-top: 22px; text-align: center;}
.view .mod_style .circle_ctn .item_box .group .line_txt p{font-size:15px; color: #aaa;}
.view .mod_style .circle_ctn .item_box .group .line_txt::after{content:''; display:inline-block; vertical-align: top; position:absolute; top: -22px; left: 0; width: 1px; height: 22px; background: #ddd;}
.view .mod_style .circle_ctn .item_box .group .line_txt::before{content:''; display:inline-block; vertical-align: top; position:absolute; top: -22px; right: 0; width: 1px; height: 22px; background: #ddd;}
.view .mod_style .circle_ctn:first-of-type .item_box .scene .line_txt{width: calc(100% - (37.5% + 17px));}
.view .mod_style .circle_ctn .item_box .factory .item::after,
.view .mod_style .circle_ctn .item_box .scene .item::after{content:''; position:absolute; right: 0; top: 50%; transform:translateY(-50%); width: 30px; height: 30px; background:url(/img/sub/arrow_escort_pc01.png) 50% 50% no-repeat; background-size:cover;}
.view .mod_style .circle_ctn.icon_cb .item_box .factory .item::after,
.view .mod_style .circle_ctn.icon_cb .item_box .scene .item::after{background:url(/img/sub/arrow_escort_pc02.png) 50% 50% no-repeat; background-size:cover;}
.view .mod_style .circle_ctn .item_box .scene .item:last-of-type::after{display:none; }

.view .mod_style .icon_box{display:flex; flex-wrap:wrap;}
.view .mod_style .icon_box .item{width: calc(25% - 15px); margin-right: 20px; text-align: center; border:1px solid #f4f4f4; box-sizing:border-box; padding: 54px 0 140px;}
.view .view_info .scon .cont .mod_style .icon_box .item{margin-bottom:0px;}
.view .mod_style .icon_box .item{position:relative; }
.view .mod_style .icon_box .item figure{position:absolute; bottom: 50px; left: 50%; transform:translateX(-50%);}
.view .mod_style .icon_box .item:last-of-type{margin-right: 0;}
.view .mod_style .icon_box .item .num{font-size:15px; color: #aaa}
.view .mod_style .icon_box .item h4{font-size:20px; color: #111; letter-spacing:-0.025em; margin: 26px 0 70px;}
.view .mod_style .icon_box .item figure{text-align: center;}
.view .mod_style .icon_box02{}
.view .mod_style .icon_box02 .item{}
.view .mod_style .icon_box02 .item h4{margin-bottom:14px;}
.view .mod_style .icon_box02 .item p:not(.num){width: 60%; font-size:16px; font-weight:300; letter-spacing:-0.025em; color: #666; margin: 0 auto 50px;}

.view .mod_style .e_mater{text-align: center; margin-bottom:50px;}

.view .mod_style .d_style{display:flex; flex-wrap:wrap;}
.view .mod_style .d_style .d_item{width: calc(33.33% - 8px); text-align: center; border:1px solid #f4f4f4; padding: 60px 50px; margin-right: 12px; margin-bottom:12px; box-sizing:border-box;}
.view .mod_style .d_style .d_item:nth-of-type(3n){margin-right: 0;}
.view .mod_style .d_style .d_item figure{}
.view .mod_style .d_style .d_item figure.margin{margin: 40px 0;}
.view .mod_style .d_style .d_item p{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #666; line-height: 1.6;}
.view .mod_style .color_list{display:flex; flex-wrap:wrap; }
.view .mod_style .color_list .d_item{width: calc(12.5% - 12.25px); margin-right: 14px; text-align: center; margin-bottom:27px;}
.view .mod_style .color_list .d_item:nth-of-type(8n){margin-right: 0;}
.view .mod_style .color_list .d_item figure{position:relative; padding-bottom: 100%; overflow: hidden;}
.view .mod_style .color_list .d_item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.view .mod_style .color_list .d_item h5{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:18px; color: #666; margin-top: 16px;}
.view .mod_style .color_list.noto .d_item h5{font-family: 'Noto Sans KR', sans-serif; }
.view .mod_style .color_list.fwr .d_item h5{font-weight:400;}
.view .mod_style .d_acc{display:flex; flex-wrap:wrap;}
.view .mod_style .d_acc .d_item{width: calc(25% - 15px); margin-right: 20px; border:1px solid #f4f4f4; box-sizing:border-box; padding: 35px 40px; margin-bottom:20px;}
.view .mod_style .d_acc .d_item:nth-of-type(4n){margin-right: 0;}
.view .mod_style .d_acc .d_item .txt{}
.view .mod_style .d_acc .d_item .txt h4{font-family: 'Oswald', sans-serif; font-weight:500; font-size:22px; color: #bf9d5c;}
.view .mod_style .d_acc .d_item .txt dl{display:flex; flex-wrap:wrap; font-family: 'Roboto Condensed', sans-serif; margin-top: 25px;}
.view .mod_style .d_acc .d_item .txt dl dt{width: 130px; font-size:16px; color: #666; margin-bottom:10px;}
.view .mod_style .d_acc .d_item .txt dl dd{width: calc(100% - 130px);font-size:16px; color: #666; margin-bottom:10px;}
.view .mod_style .d_acc .d_item .txt dl dt:last-of-type,
.view .mod_style .d_acc .d_item .txt dl dd:last-of-type{margin-bottom:0;}
.view .mod_style .d_acc .d_item figure{position:relative; margin-top: 28px; text-align: center; padding-bottom:76%; overflow: hidden;}
.view .mod_style .d_acc .d_item figure img{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); max-width: inherit; max-height: 100%;}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > h4{font-size:18px; color: #333;}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p{margin-bottom:50px;}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p.center_m{margin: 20px 0 40px;}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p.super{margin: 20px 0 20px;}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p.super.mt{margin: 0 0 20px;}


.view .mod_style .icon_list{display:flex; flex-wrap:wrap;}
.view .mod_style .icon_list .i_item{position:relative; width: calc(25% - 20.25px); margin-right: 27px; box-sizing:border-box; border:1px solid #f4f4f4; height: 215px; padding: 40px; margin-bottom:20px;}
.view .mod_style .icon_list .i_item:nth-of-type(4n){margin-right: 0;}
.view .mod_style .icon_list .i_item p{font-size:15px; color: #aaa; letter-spacing:-0.03em;}
.view .mod_style .icon_list .i_item h3{font-size:18px; letter-spacing:-0.025em; color: #111; margin-top: 22px;}
.view .mod_style .icon_list .i_item figure{position:absolute; bottom: 30px; right: 40px;}
.view .mod_style .img_box.w50{display:flex; flex-wrap:wrap;}
.view .mod_style .img_box.w50 figure{width: calc(50% - 10px); margin-right: 20px;}
.view .mod_style .img_box.w50 figure:last-of-type{margin-right: 0;}
.view .mod_style .img_box.w33{display:flex; flex-wrap:wrap;}
.view .mod_style .img_box.w33 figure{width: calc(33.33% - 13.33px); margin-right: 20px;}
.view .mod_style .img_box.w33 figure:last-of-type{margin-right: 0;}
.view .mod_style .color_list02 .d_item{text-align: left; margin-top: 7px;}
.view .mod_style .color_list02 .d_item p{font-family: 'Roboto Condensed', sans-serif; font-size:16px; color: #333; letter-spacing:-0.01em; margin-top: 14px;}
.view .mod_style .color_list02 .d_item p i{font-size:10px; color: #ef1b1b; position:relative; top: -2px;}
.view .mod_style .color_list02 .d_item h5{margin-top: 2px;}
.view .mod_style .color_list_txt{}
.view .mod_style .color_list_txt h5{font-size:18px; letter-spacing:-0.03em; color: #333;}
.view .mod_style .color_list_txt h5 i{font-size:13px; color: #ef1b1b; position: relative; top: -2px; margin-right: 7px;}
.view .mod_style .color_list_txt ul{margin-top: 10px;}
.view .mod_style .color_list_txt ul li{box-sizing:border-box; position: relative; padding-left: 20px; font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; margin-bottom:10px;}
.view .mod_style .color_list_txt ul li:last-of-type{margin-bottom: 0;}
.view .mod_style .color_list_txt ul li span{position:absolute; left: 0;}
.view .mod_style .lagging{display:flex; flex-wrap:wrap; align-items:flex-end;}
.view .mod_style .lagging .txt{width: 440px;}
.view .mod_style .lagging .txt figure{}
.view .mod_style .lagging .txt h4{font-weight:bold; font-size:26px; letter-spacing:-0.03em; color: #222222; margin: 30px 0 18px;}
.view .mod_style .lagging .txt p{font-weight:300; font-size:18px; letter-spacing:-0.03em; color: #666; line-height: 1.7;}
.view .mod_style .lagging .img_ctn{width: calc(100% - 440px);}
.view .mod_style .lagging .img_ctn .inner_box{position:relative; display:flex; max-width: 860px; justify-content:flex-end}
.view .mod_style .lagging .img_ctn .inner_box figure{position:relative; margin-right: 60px;}
.view .mod_style .lagging .img_ctn .inner_box figure::after{content:"VS"; position:absolute; top: 50%; right: -50px; transform:translateY(-50%); border-radius:50%; background: #0c2f6f; width: 40px; height: 40px; font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size:16px; letter-spacing:-0.03em; color: #fff; line-height: 40px;}
.view .mod_style .lagging .img_ctn .inner_box figure:last-of-type{margin-right: 0;}
.view .mod_style .lagging .img_ctn .inner_box figure:last-of-type::after{display:none; }
.view .mod_style .lagging .img_ctn .inner_box figure img{}
.view .mod_style .lagging .img_ctn .inner_box figure figcaption{position:absolute; bottom: 34px; left: 0; width: 100%; text-align: center; font-weight:500; font-size:18px; letter-spacing:-0.03em; color: #555;}
.view .mod_style .img_box{display:flex; flex-wrap:wrap;}
.view .mod_style .img_box .i_item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:36px;}
.view .mod_style .img_box .i_item:nth-of-type(2n){margin-right: 0;}
.view .mod_style .img_box .i_item figure{border:1px solid #f4f4f4;}
.view .mod_style .img_box .i_item p{text-align: center; font-size:20px; letter-spacing:-0.025em; color: #111; margin-top: 18px;}
.view .mod_style .super_k{display:flex; flex-wrap:wrap; align-items:center;}
.view .mod_style .super_k .left{width: 50%;}
.view .mod_style .super_k .left .super_tit{}
.view .mod_style .super_k .left .super_tit h4{font-weight:bold; font-size:34px; color: #222;}
.view .mod_style .super_k .left .super_tit p{font-weight:300; font-size:20px; letter-spacing:-0.03em; color: #444; margin-top: 18px;}
.view .mod_style .super_k .left .icon_ctn{display:flex; flex-wrap:wrap; margin-top: 90px;}
.view .mod_style .super_k .left .icon_ctn .i_item{display:flex; width: 50%; flex-wrap:wrap; align-items:center;}
.view .mod_style .super_k .left .icon_ctn .i_item figure{width: 90px; height: 90px;}
.view .mod_style .super_k .left .icon_ctn .i_item figure img{}
.view .mod_style .super_k .left .icon_ctn .i_item .txt{width: calc(100% - 90px); box-sizing:border-box; padding-left: 16px;}
.view .mod_style .super_k .left .icon_ctn .i_item .txt h3{font-weight:500; font-size:18px; color: #444;}
.view .mod_style .super_k .left .icon_ctn .i_item .txt p{font-weight:300; font-size:18px; color: #777; margin-top: 10px;}
.view .mod_style .super_k .left .icon_ctn .i_item .txt p i{font-size:18px; color: #777; margin-right: 10px;}
.view .mod_style .super_k .img_ctn{width: 50%;}
.view .mod_style .super_k .img_ctn figure{border:1px solid #f4f4f4; box-sizing:border-box; padding: 44px 20px; text-align: center;}
.view .mod_style .img_list_ctn{display:flex; flex-wrap:wrap;}
.view .mod_style .img_list_ctn .i_item{position:relative; width: calc(25% - 24.75px); text-align: center; border:1px solid #f4f4f4; margin-right: 33px; box-sizing:border-box; margin-bottom:20px; padding: 50px 20px 20px; }
.view .mod_style .img_list_ctn .i_item::after{content:url(/img/sub/icon_arrow_right.jpg); position:absolute; top: 50%; right: -22px; transform:translateY(-50%);}
.view .mod_style .img_list_ctn .i_item:nth-of-type(4n){margin-right: 0;}
.view .mod_style .img_list_ctn .i_item:nth-of-type(4n)::after{display:none; }
.view .mod_style .img_list_ctn .i_item .num{font-size:15px; color: #aaa;}
.view .mod_style .img_list_ctn .i_item h4{font-size:20px; color: #111; letter-spacing:-0.025em; margin: 26px 0 30px;}
.view .mod_style .img_list_ctn .i_item h4 span{font-weight:300; font-size:16px; color: #777;}
.view .mod_style .img_list_ctn .i_item figure{}
.view .mod_style .img_list_box{display:flex; flex-wrap:wrap;}
.view .mod_style .img_list_box .i_item{width: calc(33.33% - 9.33px); margin-right: 14px; margin-bottom:14px; border:1px solid #f4f4f4; box-sizing:border-box;}
.view .mod_style .img_list_box .i_item:last-of-type{margin-right: 0;}

.view .mod_style .mod_box_list{display:flex; flex-wrap:wrap; border:1px solid #f4f4f4; box-sizing:border-box; padding: 40px;}
.view .mod_style .mod_box_list h4{width: 100%; font-size:20px; color: #111;}
.view .mod_style .mod_box_list .f_txt{width: calc(50% - 20px); margin-right: 40px;}
.view .mod_style .mod_box_list .f_txt:last-of-type{margin-right: 0;}
.view .mod_style .mod_box_list .f_txt:nth-of-type(2n){margin-right: 0;}
.view .mod_style .mod_box_list .f_txt .img_item{margin: 30px 0 20px;}
.view .mod_style .mod_box_list .f_txt .img_item figure{}
.view .mod_style .mod_box_list .f_txt .img_item figure img{width: 100%;}
.view .mod_style .mod_box_list .f_txt h5{font-size:18px; color: #111; text-align: center;}


.view .mod_style ul.dots_grey li::before{content:''; position:absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #ccc; border-radius:50%;}
.view .mod_style ul.dots_grey li{position:relative; font-weight:300; font-size:18px; color: #666; padding-left: 12px; line-height: 1.6; margin-bottom:16px;}
.view .mod_style .h430 ul.dots_grey li{font-size:16px;}
.view .view_info .scon .cont .mod_style .ul_list .item ul{}
.view .view_info .scon .cont .mod_style .ul_list .item ul li{position:relative; font-weight:300; font-size:16px; color: #666; padding-left: 12px; line-height: 1.6; margin-bottom:14px;}
.view .view_info .scon .cont .mod_style .ul_list .item ul li span{display:inline-block; width: 100%; font-size:14px;}
.view .view_info .scon .cont .mod_style .ul_list .item ul li:last-of-type{margin-bottom:0;}

.view .mod_style .flex_box{display:flex; flex-wrap:wrap; }
.view .mod_style .mod_dl_ctn dd .flex_box figure{width: calc(50% - 20px); margin-right: 40px;}
.view .mod_style .mod_dl_ctn dd .flex_box figure img{}
.view .mod_style .mod_dl_ctn dd .flex_box ul{width: calc(50% - 20px); box-sizing:border-box;}
.view .mod_style .mod_dl_ctn dd .flex_box ul li:last-of-type{margin-bottom:0;}
.view .mod_style .mod_dl_ctn dd .flex_box ul li::before{top: 13px;}

.view .mod_style .img_item5 figure{width: calc(20% - 10.4px); margin-right: 13px;}
.view .mod_style .img_item5 figure:last-of-type{margin-right: 0;}
.view .mod_style .img_item4 figure{width: calc(25% - 9.75px); margin-right: 13px;}
.view .mod_style .img_item4 figure:last-of-type{margin-right: 0;}
.view .mod_style .img_item3 figure{width: calc(33.33% - 8.66px); margin-right: 13px;}
.view .mod_style .img_item3 figure:last-of-type{margin-right: 0;}

.view .mod_style .img_border_ctn.img_style.mod_style_img  .flex_box > div figure{width: 100%;}

.view .mod_style .mod_dl_ctn .icon_list02{display:flex; flex-wrap:wrap;}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item{width: 33.33%; box-sizing:border-box; padding-right: 60px; margin-bottom:56px;}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item figure{}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item figure img{}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item .txt{margin-top: 20px;}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item .txt h4{font-size:20px; letter-spacing:-0.03em; color: #111111; margin-bottom: 14px;}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item .txt h4 span{font-weight:300; font-size:16px; color: #555;}
.view .mod_style .mod_dl_ctn .icon_list02 .i_item .txt p{font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; line-height: 1.5;}
.view .mod_style .mod_dl_ctn .img_box.border{border:1px solid #f0f0f0; padding: 50px; box-sizing:border-box; justify-content:center;}
.view .mod_style .mod_dl_ctn .img_box.border figure{}
.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p.mar{margin:30px 0 0;}

.view .mod_style .color_xafe_d{}
.view .mod_style .color_xafe_d .c_item{border:1px solid #f4f4f4; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:50px;}
.view .mod_style .color_xafe_d .c_item > figure{width: 379px;}
.view .mod_style .color_xafe_d .c_item > figure img{}
.view .mod_style .color_xafe_d .c_item .info{width: calc(100% - 379px); max-width: 600px; box-sizing:border-box; padding-left: 70px;}
.view .mod_style .color_xafe_d .c_item .info .top{}
.view .mod_style .color_xafe_d .c_item .info .top h4{font-weight:bold; font-size:54px; letter-spacing:-0.025em; color: #333; margin-bottom:24px;}
.view .mod_style .color_xafe_d .c_item .info .top ul{font-size:0;}
.view .mod_style .color_xafe_d .c_item .info .top ul li{position:relative; display:inline-block; vertical-align: top; width: 50%; font-weight:300; font-size:16px; letter-spacing:-0.03em; color: #666; box-sizing:border-box; padding-left: 11px; margin-bottom:24px;}
.view .mod_style .color_xafe_d .c_item .info .top ul li::after{content:''; position:absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius:50%; background: #cccccc;}
.view .mod_style .color_xafe_d .c_item .info .color_p{padding-top: 40px;}
.view .mod_style .color_xafe_d .c_item .info .color_p h4{font-weight:bold; font-size:16px; letter-spacing:-0.025em; color: #0c2f6f; text-transform: uppercase;}
.view .mod_style .color_xafe_d .c_item .info .color_p ul{display:flex; flex-wrap:wrap; margin-top: 14px;}
.view .mod_style .color_xafe_d .c_item .info .color_p ul li{width: calc(20% - 20px);text-align: center; margin-right: 25px;}
.view .mod_style .color_xafe_d .c_item .info .color_p ul li:last-of-type{margin-right: 0;}
.view .mod_style .color_xafe_d .c_item .info .color_p ul li img{}
.view .mod_style .color_xafe_d .c_item .info .color_p ul li figcaption{display: inline-block; width: 100%; font-weight:300; font-size:15px; letter-spacing:-0.03em; color: #666; text-align: center; margin-top: 8px;}

.view .view_info .style02 .dl_ctn dl dd > p.icon_txt i{margin-right: 10px;}
.view .view_info .style02 .dl_ctn dl dd > p.icon_txt.co{color: #ff730f;}

.view .view_info .scon .cont .style.mod_style .table_box table tr th{background: #e8e8e8;/* background: #f9f9f9; */ font-size:16px; color: #222;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td{font-size:16px; font-weight:300; color: #333; padding: 8px 6px;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td.tal{text-align: left; padding-left: 12px;}
.view .view_info .scon .cont .style.mod_style .dl_tit_tip ul li.cd,
.view .view_info .scon .cont .style.mod_style .table_box table tr .cb{color: #0B2F6F; font-weight:400;}
.view .view_info .scon .cont .style.mod_style .dl_tit_tip ul li.cr,
.view .view_info .scon .cont .style.mod_style .table_box table tr .cr{color: #E36E11; font-weight:400;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td .color_r{color: #ef1b1b;}
.view .view_info .scon .cont .style.mod_style .table_box table tr th.bg_b{background: #DDEBF7; color: #0B2F6F; font-weight:500;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td.bg_b{background: #DDEBF7;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td.bg_r,
.view .view_info .scon .cont .style.mod_style .table_box table tr th.bg_r{background: #fde5b2;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td figure{position:relative; padding-bottom: 55%; overflow: hidden;}
.view .view_info .scon .cont .style.mod_style .table_box table tr td figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}

.view .view_info .scon .cont .style.mod_style .table_box table tr td.left{text-align: left; padding-left: 16px;}

.view .view_info .scon .cont .style.mod_style .tit_table_box .table_box:not(:last-of-type){ margin-bottom: 10px; }
.view .view_info .scon .cont .style ul.mod_bot_list{margin-top: 10px;}
.view .view_info .scon .cont .style ul.mod_bot_list li{font-size:16px; color: #777; margin-bottom:8px;}
.view .view_info .scon .cont .style ul.mod_bot_list.span li ul li{padding-left: 23px;}
.view .view_info .scon .cont .style ul.mod_bot_list.alert li{padding-left: 20px;}
.view .view_info .scon .cont .style.mod_style .table_box .table.text01 tr th sub{position:relative; top: -3px; font-size:10px;}

.view .mod_style .new_bio_ctn{position:relative; border:1px solid #f0f0f0; box-sizing:border-box; padding: 60px 80px; background:url(/img/sub/bio_bg.jpg) 100% 50% no-repeat;}
.view .mod_style .new_bio_ctn .bio_img{display:none; }
.view .mod_style .new_bio_ctn .b_item{position:relative; width: 71%; margin-bottom:78px;}
.view .mod_style .new_bio_ctn .b_item h4{font-size:18px; letter-spacing:-0.025em; color: #111;}
.view .mod_style .new_bio_ctn .b_item p{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #666; line-height: 1.5; margin:14px 0 40px;}
.view .mod_style .new_bio_ctn .b_item figure{position:absolute; top: 50%; right: 50px; transform:translateY(-50%);}

.view .mod_style .new_bio{display:flex; flex-wrap:wrap; }
.view .mod_style .new_bio .item{width: calc(50% - 10px); border:1px solid #f0f0f0; box-sizing:border-box; padding: 30px 48px; margin-right: 20px; margin-bottom:0 !important;}
.view .mod_style .new_bio .item:last-of-type{margin-right: 0;}
.view .mod_style .new_bio .item h4{font-weight:500; text-align: center; font-size:16px; letter-spacing:-0.03em; color: #555; margin-bottom:25px}
.view .mod_style .new_bio .item ul{padding-bottom:12px;}
.view .mod_style .new_bio .item ul li{position:relative; font-weight:300; font-size:15px; color: #666; letter-spacing:-0.03em; padding-left: 10px; line-height: 1.6; margin-bottom:10px;}
.view .mod_style .new_bio .item ul li::after{content:''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; border-radius:50%; background-color:#555555}
.view .mod_style .new_bio .item ul li span{font-weight:400; color: #444444;}
.view .mod_style .new_bio .item figure{}

.view .mod_style .bio_img_list{display:flex; flex-wrap:wrap;}
.view .mod_style .bio_img_list .b_item{position:relative; width: 25%;text-align: center;}
.view .mod_style .bio_img_list .b_item figure{position:relative; }
.view .mod_style .bio_img_list .b_item figure::after{content:''; position:absolute; top: 50%; right: -10px; background:url(/img/sub/icon_bio12.jpg) 50% 50% no-repeat; background-size:cover; width: 20px; height: 37px; transform:translateY(-50%); z-index: 10;}
.view .mod_style .bio_img_list .b_item:nth-of-type(3) figure::after{background:url(/img/sub/icon_bio13.jpg) 50% 50% no-repeat; background-size:cover; width: 36px; height: 38px; right: -30px;}
.view .mod_style .bio_img_list .b_item:last-of-type figure::after{display:none; }
.view .mod_style .bio_img_list .b_item h4{font-size:20px; color: #000;}

@media screen and (max-width: 1400px){
	.view .mod_style .top_main .img_box .circle::before{width: 80%;}	
	.view .mod_style .top_main{padding-bottom:100px;}
	
	.view .mod_style .c_method .item{padding: 34px 20px;}
	
	.view .mod_style .circle_ctn .scroll_x{overflow-x: scroll; overflow-y: hidden !important; }
	.view .mod_style .circle_ctn .item_box{width: 1400px;}

	.view .mod_style .icon_list .i_item{width: calc(33.33% - 18px);}
	.view .mod_style .icon_list .i_item:nth-of-type(4n){margin-right: 27px;}
	.view .mod_style .icon_list .i_item:nth-of-type(3n){margin-right: 0;}

	.view .mod_style .super_k .left{width: 60%;}
	.view .mod_style .super_k .img_ctn{width: 40%;}

	.view .mod_style .top_main02 .circle{width: 620px;}
	.view .mod_style .top_main02 .txt{width: calc(100% - 620px); padding-left: 20px;}
	.view .mod_style .top_main03 .txt{padding-left: 20px;}

	.view .mod_style .new_bio_ctn{display:flex; flex-wrap:wrap; align-items:center;  padding: 30px; background:none;}
	.view .mod_style .new_bio_ctn .b_item{width: 100%;}
	.view .mod_style .new_bio_ctn .b_item p{width: 67%;}
	.view .mod_style .new_bio_ctn .b_item p br{display:none; }
	.view .mod_style .new_bio_ctn .b_item p br.no{display:block; }
	.view .mod_style .new_bio_ctn .b_item figure{right: 0;}
	.view .mod_style .new_bio_ctn .bio_img{width: 410px; display:block; order:2}
	.view .mod_style .new_bio_ctn .bio_box{width: calc(100% - 410px);}
}

@media screen and (max-width: 1200px){
	.view .mod_style{margin-bottom:60px;}

	.view .mod_style .top_main02{justify-content:center;}
	.view .mod_style .top_main02 .circle{width: 650px; margin: 30px 0;}
	.view .mod_style .top_main02 .txt{width: auto; }


	.view .mod_style .new_style01 .n_item{padding: 0 16px 40px;}
	.view .mod_style .new_style01 .n_item .info .view_result .r_box .n_txt p br,
	.view .mod_style .new_style01 .n_item .info .box p br{display:none; }

	.view .mod_style .box_list .item{padding: 34px 20px;}

	.view .view_info .scon .cont .mod_style .feat_app .item{padding: 34px 20px;}

	.view .mod_style .c_method .item .left_box{width: 100%;}
	.view .mod_style .c_method .item .right_box{width: 100%; margin-top: 20px; padding-left: 0;}
	.view .mod_style .c_method .item .right_box .cont figure img{width: 100%;}

	.view .mod_style .d_acc .d_item{padding: 20px;}
	
	.view .mod_style.mb135{margin-bottom:50px;}
	.view .mod_style .lagging{flex-direction:column; align-items:center;}
	.view .mod_style .lagging .img_ctn{width: 100%; margin-top: 50px;}
	.view .mod_style .lagging .img_ctn .inner_box{max-width: none; justify-content:center}
	.view .mod_style .lagging .txt{width: 100%; text-align: center;}
	
	.view .mod_style .super_k .left{width: 50%;}
	.view .mod_style .super_k .img_ctn{width: 50%;}
	.view .mod_style .super_k .left .super_tit h4{font-size:26px;}
	.view .mod_style .super_k .left .icon_ctn{margin-top: 50px;}
	.view .mod_style .super_k .left .icon_ctn .i_item{width: 100%;}

	.view .mod_style .img_list_ctn .i_item{width: calc(33.33% - 22px);}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(4n){margin-right: 33px;}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(4n)::after{display:block;}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(3n){margin-right: 0;}
	.view .mod_style .img_list_ctn .i_item:last-of-type::after,
	.view .mod_style .img_list_ctn .i_item:nth-of-type(3n)::after{display:none;}
	
	.view .mod_style .color_xafe_d .c_item{padding-right: 20px;}
	.view .mod_style .color_xafe_d .c_item .info{width: 63%; padding-left: 20px;}
	.view .mod_style .color_xafe_d .c_item > figure{width: 37%;}

	.view .mod_style .img_list06 figure{width: calc(25% - 7.5px);}
	.view .mod_style .img_list06 figure:nth-of-type(6n){margin-right: 10px;}
	.view .mod_style .img_list06 figure:nth-of-type(4n){margin-right: 0;}
}

@media screen and (max-width: 1040px){	
	.view .view_info .scon .cont .v_tit h3{font-size:28px;}

	.view .view_info .scon .cont .mod_style .box_list .item{margin-bottom:20px;}
	.view .view_info .scon .cont .mod_style .box_list .item:last-of-type{margin-bottom:0;}

	.view .mod_style .new_style01 .n_item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.view .mod_style .new_style01 .n_item:last-of-type{margin-bottom:0;}
	.view .mod_style .new_style01 .n_item .info .box figure{padding-bottom:175px;}

	.view .mod_style .img_list figure{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px; text-align: center;}
	.view .mod_style .img_list figure:nth-of-type(4n){margin-right: 20px;}
	.view .mod_style .img_list figure:nth-of-type(2n){margin-right: 0;}

	.view .view_info .scon .cont .mod_style .feat_app .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
	.view .view_info .scon .cont .mod_style .feat_app .item:nth-of-type(2n){margin-right: 0;}
	
	.view .mod_style .spec .border_ctn dl dt{width: 100%;margin-bottom:40px;}
	.view .mod_style .spec .border_ctn dl dd{width: 100%;}
	.view .mod_style .spec .border_ctn dl dd p{font-size:16px;}

	.view .mod_style .txt_ctn p{font-size:16px;}

	.view .mod_style .icon_box .item{width: calc(50% - 10px); margin-bottom:20px !important;}
	.view .mod_style .icon_box .item:nth-of-type(2n){margin-right: 0;}
	
	.view .mod_style .img_border_ctn.padding02{padding: 20px;}
	.view .mod_style .img_border_ctn.padding{padding: 30px 0;}

	.view .mod_style .d_style .d_item{width: calc(50% - 6px);}
	.view .mod_style .d_style .d_item:nth-of-type(3n){margin-right: 12px;}
	.view .mod_style .d_style .d_item:nth-of-type(2n){margin-right: 0;}

	.view .mod_style .color_list .d_item{width: calc(20% - 11.2px);}
	.view .mod_style .color_list .d_item:nth-of-type(8n){margin-right: 14px;}
	.view .mod_style .color_list .d_item:nth-of-type(5n){margin-right: 0;}

	.view .mod_style .d_acc .d_item{width: calc(33.33% - 13.33px);}
	.view .mod_style .d_acc .d_item:nth-of-type(4n){margin-right: 20px;}
	.view .mod_style .d_acc .d_item:nth-of-type(3n){margin-right: 0;}

	.view .mod_style .img_border_ctn.w50{width: 100%; margin-right: 0;}
	.view .mod_style .lagging .txt h4{font-size:22px;}
	.view .mod_style .lagging .txt p{font-size:16px;}

	.view .mod_style .super_k .left{width: 100%; margin-bottom: 40px;}
	.view .mod_style .super_k .left .super_tit{text-align: center;}
	.view .mod_style .super_k .left .icon_ctn{margin-top: 40px;}
	.view .mod_style .super_k .left .icon_ctn .i_item{width: 50%;}

	.view .mod_style .super_k .img_ctn{width: 100%;}
	.view .view_info .style02 .dl_ctn dl dt.mb{margin-bottom:0;}
	.view .mod_style .img_list_ctn .i_item h4{margin: 16px 0 20px;}

	.view .mod_style .img_item5 figure{width: calc(33.33% - 8.66px); margin-bottom:13px;}
	.view .mod_style .img_item5 figure:nth-of-type(3n){margin-right: 0;}
	.view .mod_style .img_item5 figure img{width: 100%;}
	.view .mod_style .img_item4 figure{width: calc(50% - 6.5px); margin-right: 13px; margin-bottom:13px;}
	.view .mod_style .img_item4 figure:nth-of-type(2n){margin-right: 0;}
	.view .mod_style .img_item4 figure img{width: 100%;}

	.view .mod_style .mod_box_list{padding: 20px;}
	
	.view .mod_style .color_xafe_d .c_item > figure{width: 300px;}
	.view .mod_style .color_xafe_d .c_item .info{max-width: 350px; width: calc(100% - 300px);}
	.view .mod_style .color_xafe_d .c_item .info .color_p{padding-top: 0;}
	.view .mod_style .color_xafe_d .c_item .info .top h4{font-size:36px; margin-bottom:14px;}
	.view .mod_style .color_xafe_d .c_item .info .top ul li{margin-bottom:14px;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul{margin-top: 6px;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li{width: calc(33.3% - 16.66px); margin-bottom:10px;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li:nth-of-type(3n){margin-right: 0;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li img{width: 100%;}

	.view .mod_style .img_list05 figure:nth-of-type(1),
	.view .mod_style .img_list05 figure:nth-of-type(2),
	.view .mod_style .img_list05 figure:nth-of-type(3){width: calc(33.33% - 6.66px);}
	.view .mod_style .img_list05 figure:nth-of-type(4),
	.view .mod_style .img_list05 figure:nth-of-type(5){width: calc(50% - 5px);}
	.view .mod_style .img_list05 figure:nth-of-type(3n){margin-right: 0;}
	
	.view .mod_style .top_main01{margin-bottom:80px;}
	.view .mod_style .top_main02{margin-bottom:40px;}
	.view .mod_style .top_main03{margin-bottom:60px;}
	.view .mod_style .top_main03 figure{width: 100%;}
	.view .mod_style .top_main03 .txt{width: 100%; text-align: center; margin-top: 40px; padding-left: 0;}

	.view .mod_style .new_bio_ctn .bio_img{width: 100%; order:0; text-align: center; margin-bottom:40px;}
	.view .mod_style .new_bio_ctn .bio_box{width: 100%;}
	.view .mod_style .new_bio_ctn .b_item{margin-bottom:20px;}
	.view .mod_style .new_bio_ctn .b_item p{width: 100%;}
	.view .mod_style .new_bio_ctn .b_item figure{position:static; transform:translateY(0);}
}

@media screen and (max-width: 800px){
	.view .mod_style .new_style01 .n_item .n_tit{height: 80px;}
	.view .mod_style .new_style01 .n_item h4{font-size:20px;}
	.view .mod_style .new_style01 .n_item .info .view_result .r_box .n_txt{width: 100%; padding-left: 0; margin-top: 20px;}
	
	.view .mod_style .box_list .item{width: 100%; margin-right: 0;}
	.view .mod_style .box_list .item .f_txt h4{width: 80%; margin: 20px 0 0; font-size:18px;}
	.view .mod_style .box_list .item .f_txt .img{margin-top: 20px;}
	.view .mod_style .box_list .item .f_txt p{margin-top: 14px;}
	.view .mod_style .box_list .item .f_txt p.num{margin-top: 0;}
	.view .view_info .scon .info_slide .slide_ctn .item p{font-size:15px;}

	.dl_tit_tip{position:relative; margin-top: 0; margin-bottom:4px; text-align: right;}
	.dl_tit_tip ul{text-align: right; margin-top: 0;}

	.view .view_info .scon .cont .mod_style .feat_app .item{width: 100%; height: auto; margin-right: 0;}
	.view .view_info .scon .cont .mod_style .feat_app .item .fa_txt h4{width: 80%; margin: 20px 0 0; font-size:18px;}
	.view .view_info .scon .cont .mod_style .feat_app .item .fa_txt ul{margin-top: 14px;}
	.view .view_info .scon .cont .mod_style .feat_app .item .fa_txt .icon{bottom: auto; top: 0;}

	.view .mod_style .color_img .list figure{margin-right: 16px;}
	.view .mod_style .color_img .exp{margin-top: 15px;}

	.view .mod_style .c_method .item .right_box .cont figure{width: calc(50% - 10px); margin-right: 20px;}
	.view .mod_style .c_method .item .right_box .cont figure:nth-of-type(3n){margin-right: 20px;}
	.view .mod_style .c_method .item .right_box .cont figure:nth-of-type(2n){margin-right: 0}

	.view .mod_style .c_method .item h4{font-size:18px;}
	.view .mod_style .c_method .item h4 span{display:inline-block; width: 100%; margin-left: 0; margin-top: 6px;}
	
	.view .mod_style .icon_box .item{padding: 30px 0 120px;}
	.view .mod_style .icon_box .item h4{margin-bottom: 40px;}
	.view .mod_style .icon_box .item figure{bottom: 40px;}
	.view .mod_style .icon_box02 .item h4{margin-bottom:10px;}
	.view .mod_style .icon_box02 .item p:not(.num){margin-bottom:20px;}

	.view .mod_style .d_style .d_item{padding: 30px 16px;}

	.view .mod_style .color_list .d_item{width: calc(25% - 10.5px);}
	.view .mod_style .color_list .d_item:nth-of-type(5n),
	.view .mod_style .color_list .d_item:nth-of-type(8n){margin-right: 14px;}
	.view .mod_style .color_list .d_item:nth-of-type(4n){margin-right: 0;}

	.view .mod_style .d_acc .d_item{width: calc(50% - 10px);}
	.view .mod_style .d_acc .d_item:nth-of-type(3n),
	.view .mod_style .d_acc .d_item:nth-of-type(4n){margin-right: 20px;}
	.view .mod_style .d_acc .d_item:nth-of-type(2n){margin-right: 0;}

	.view .mod_style .icon_list .i_item{width: 100%; margin-right: 0; padding: 34px 20px; height: 180px;}
	.view .mod_style .icon_list .i_item:nth-of-type(4n){margin-right: 0;}
	.view .mod_style .icon_list .i_item h3 br{display:none; }
	
	.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd{padding-top: 20px;	}
	.view .view_info .style02 .dl_ctn.mod_dl_ctn dl dd > p{margin-bottom:30px;}

	.view .mod_style .lagging .img_ctn .inner_box figure figcaption{position:static; margin-top: 15px;}
	
	.view .mod_style .super_k .left .icon_ctn{margin-top: 10px;}
	.view .mod_style .super_k .left .icon_ctn .i_item{width: 100%;}

	.view .mod_style .img_border_ctn.img_style .flex_box > div{width: calc(50% - 25px); margin-right: 50px;}
	.view .mod_style .img_border_ctn.img_style .flex_box > div figure::after{right: -38px; width: 25px; height: 25px; line-height: 25px; font-size:12px;}
	.view .mod_style .img_border_ctn.img_style h4{margin-bottom:18px;}
	.view .mod_style .img_border_ctn.img_style .flex_box > div .txt h5{font-size:16px;}
	.view .mod_style .img_border_ctn.img_style .flex_box > div .txt{margin-top: 10px;}
	
	.view .view_info .scon .cont .style .img_border_ctn.img_style figure{margin-bottom:0px;}

	.view .mod_style .img_list_ctn .i_item{width: calc(50% - 10px); margin-right: 20px;}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(3n),
	.view .mod_style .img_list_ctn .i_item:nth-of-type(4n){margin-right: 20px;}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(3n)::after,
	.view .mod_style .img_list_ctn .i_item:nth-of-type(4n)::after{display:block;}
	.view .mod_style .img_list_ctn .i_item:nth-of-type(2n){margin-right: 0;}
	.view .mod_style .img_list_ctn .i_item:last-of-type::after,
	.view .mod_style .img_list_ctn .i_item:nth-of-type(2n)::after{display:none;}
	.view .mod_style .img_list_ctn .i_item::after{right: -16px;}

	.view .mod_style .img_list_box .i_item{width: calc(50% - 7px);}
	.view .mod_style .img_list_box .i_item:nth-of-type(2n){margin-right: 0;}

	.view .mod_style .mod_dl_ctn dd .flex_box figure{width: 100%; margin-right: 0; margin-bottom:20px;}
	.view .mod_style .mod_dl_ctn dd .flex_box ul{width: 100%;}

	.view .mod_style .mod_box_list .f_txt{width: calc(50% - 10px); margin-right: 20px;}
	.view .mod_style .mod_box_list .f_txt .img_item{margin: 20px 0 14px;}
	.view .mod_style .mod_box_list h4{font-size:18px;}
	.view .mod_style .mod_box_list .f_txt h5{font-size:16px;}

	.view .view_info .scon .cont .mod_style .box_list.h430 .item{height: auto;}

	.view .mod_style .mod_dl_ctn .icon_list02 .i_item{width: 50%;}
	
	.view .mod_style .color_xafe_d .c_item{border:none; padding-right: 0;}
	.view .mod_style .color_xafe_d .c_item > figure{width: 100%; text-align: center;}
	.view .mod_style .color_xafe_d .c_item .info{border:1px solid #f4f4f4; max-width: none; width: 100%; margin-top: 20px; padding: 20px; box-sizing:border-box;}
	
	.view .mod_style .color_xafe_d .c_item .info .color_p{margin-top: 20px;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li{width: calc(20% - 20px);}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li:nth-of-type(3n){margin-right: 25px;}

	.view .mod_style .img_list06 figure{width: calc(50% - 5px);}
	.view .mod_style .img_list06 figure:nth-of-type(4n),
	.view .mod_style .img_list06 figure:nth-of-type(6n){margin-right: 10px;}
	.view .mod_style .img_list06 figure:nth-of-type(2n){margin-right: 0;}

	.view .mod_style .img_list03 figure{width: 100%; margin-right: 0;}
	
	.view .mod_style .top_main02 .circle{zoom:0.9}
	.view .mod_style .top_main02 .txt h3{font-size:24px;}
	.view .mod_style .top_main02 .txt ul li{font-size:18px;}
	.view .mod_style .top_main03 .txt{margin-top: 25px;}
	.view .mod_style .top_main03 .txt h4{font-size:24px;}
	.view .mod_style .top_main03 .txt p{font-size:18px;}
	
	.view .mod_style .new_bio .item{width: 100%; margin-right: 0; margin-bottom:20px !important;}
	.view .mod_style .new_bio .item:last-of-type{margin-bottom:0 !important;}
	.view .mod_style .new_bio .item figure img{width: 100%; max-width: 100%;}

	.view .mod_style .bio_img_list .b_item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
	.view .mod_style .bio_img_list .b_item:nth-of-type(2n){margin-right: 0;}
	.view .mod_style .bio_img_list .b_item h4{font-size:17px;}
	.view .mod_style .bio_img_list .b_item:nth-of-type(2) figure::after{display:none; }
	.view .mod_style .bio_img_list .b_item figure img{width: auto !important; max-width: 100%;}
}

@media screen and (max-width: 650px){
	
	.view .view_info .scon{margin-bottom:55px;}

	.view .mod_style .new_style01 .n_item .info .box figure img{width: 100%;}

	.dl_tit02 span{display:inline-block; width: 100%; margin-left: 0; margin-top: 10px;}

	.view .mod_style .c_method .item .right_box .cont figure figcaption{font-size:14px;}

	
	.view .mod_style .d_style .d_item{width: 100%; margin-right: 0;}
	.view .mod_style .d_style .d_item:nth-of-type(3n){margin-right: 0;}
	
	.view .mod_style .d_acc .d_item{padding: 10px;}
	.view .mod_style .d_acc .d_item .txt h4{font-size:18px;}
	.view .mod_style .d_acc .d_item .txt dl{margin-top: 15px;}
	.view .mod_style .d_acc .d_item .txt dl dt{width: 100px; }
	.view .mod_style .d_acc .d_item .txt dl dd{width: calc(100% - 100px);}
	
	.view .view_info .scon .cont .mod_style .img_box.w33 figure{width: calc(50% - 10px); margin-right: 20px;}
	.view .view_info .scon .cont .mod_style .img_box.w50 figure{margin-right: 20px;}
	.view .view_info .scon .cont .mod_style .img_box.w33 figure:nth-of-type(2n),
	.view .view_info .scon .cont .mod_style .img_box.w33 figure:last-of-type,
	.view .view_info .scon .cont .mod_style .img_box.w50 figure:last-of-type{margin-right: 0;}

	.view .view_info .scon .cont .style.mod_style .table_box table tr td figure{padding-bottom:80%;}

	.view .mod_style .img_box .i_item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.view .mod_style .img_box .i_item:last-of-type{margin-bottom:0;}
	.view .mod_style .img_list_ctn .i_item{padding: 25px 10px 10px;}
	.view .mod_style .img_list_ctn .i_item h4{font-size:17px;}
	.view .view_info .scon .cont .style.mod_style figure{margin-bottom:0;}

	.view .mod_style .img_list_box .i_item{width: 100%; margin-right: 0;}

	.view .mod_style .mod_box_list .f_txt{width: 100%; margin-right: 0;}
	.view .mod_style .mod_dl_ctn .icon_list02 .i_item{padding-right: 20px;}
	.view .mod_style .mod_dl_ctn .icon_list02 .i_item figure img{width: auto;}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li{width: calc(33.33% - 16.66px);}
	.view .mod_style .color_xafe_d .c_item .info .color_p ul li:nth-of-type(3n){margin-right: 0;}

	.view .mod_style .top_main02 .circle{zoom:0.7}


}

/* 23.07.14 이후 제품 추가 css */
.new_tit{font-weight: 300; font-size: 16px; color: #666; line-height: 1.6em;}


.view .mod_style .mod_box_list .f_txt.i3{display:flex; width: 100%;}
.view .mod_style .mod_box_list .f_txt.i3 .img_item{width: calc((100% - 80px) / 3); margin: 20px 40px 0 0;}
.view .mod_style .mod_box_list .f_txt.i3 .img_item:last-of-type{margin-right: 0;}
.view .mod_style .mod_box_list .f_txt.i3 .img_item p{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #777; margin-top: 8px; text-align: center;}


@media screen and (max-width: 800px){
	.view .mod_style .mod_box_list .f_txt.i3 .img_item{width: calc((100% - 30px) / 3); margin: 10px 15px 0 0;}
}

@media screen and (max-width: 600px){
	.view .mod_style .mod_box_list .f_txt.i3{flex-wrap:wrap}
	.view .mod_style .mod_box_list .f_txt.i3 .img_item{width: calc((100% - 20px) / 2); margin: 10px 15px 10px 0;}
	.view .mod_style .mod_box_list .f_txt.i3 .img_item:nth-of-type(2n){margin-right: 0;}
}


/* 20230904 추가 */
.view .mod_style .mtop{ margin-top: 60px; }
.view .view_info .style.mod_style .new_view30_box dl dt.line{ width: 100%; }
.view .mod_style .new_view30_box .dot-list{ box-sizing: border-box; }
.view .mod_style .new_view30_box .dot-list li{ font-size: 16px; font-weight: 400; color: #333; line-height: 1.6; padding-left: 25px; position: relative; box-sizing: border-box; }
.view .mod_style .new_view30_box .dot-list li::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: 11px; left: 10px; }
.view .mod_style .new_view30_box .indent1{ padding-left: 20px; text-indent: -20px; }
.view .mod_style .new_view30_box .indent2{ padding-left: 17px; text-indent: -17px; }
.view .mod_style .new_view30_box .p333{ font-size: 16px; font-weight: 400; color: #333; }
.view .mod_style .new_view30_box .p555{ font-size: 16px; font-weight: 400; color: #555; }
.view .mod_style .new_view30_box .viewmore{ background: none; border: none; font-size: 16px; font-weight: 500; color: #222; padding: 10px; padding-right: 30px; position: relative; margin-top: 40px; cursor: pointer; transition: color 0.5s; }
.view .mod_style .new_view30_box .viewmore::before, .view .mod_style .new_view30_box .viewmore::after{ position: absolute; top: 40%; right: 10px; transform: translateY(-50%); transition: opacity 0.5s, transform 0.5s, top 0.5s; transition-delay: 0.2s; }
.view .mod_style .new_view30_box .viewmore::before{ content: url("/img/sub/viewmore.png"); opacity: 1; }
.view .mod_style .new_view30_box .viewmore::after{ content: url("/img/sub/viewmore_on.png"); opacity: 0; }

.view .mod_style .new_view30_box .on .viewmore{ color: #FF730F; }
.view .mod_style .new_view30_box .on .viewmore::before{ opacity: 0; }
.view .mod_style .new_view30_box .on .viewmore::after{ opacity: 1; }

.view .mod_style .new_view30_box ul.image-list{ display: flex; flex-wrap: wrap; margin-bottom: -20px; }
.view .mod_style .new_view30_box ul.image-list li{ width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; }
.view .mod_style .new_view30_box ul.image-list li:nth-of-type(2n){ margin-right: 0; }
.view .mod_style .new_view30_box ul.image-list li figure{ width: 100%; display: inline-block; margin: 0; }
.view .mod_style .new_view30_box ul.image-list li figure img{ width: 100%; }
.view .mod_style .new_view30_box ul.image-list li figcaption{ font-size: 16px; font-weight: 500; color: #222; margin-top: 10px; }

.view .mod_style .new_view30_box1{ display: flex; align-items: flex-start; }
.view .mod_style .new_view30_box1 ul li > div{ margin-top: 20px; }
.view .mod_style .new_view30_box1 .img-wrap{ max-width: 340px; width: 100%; border-radius: 10px; overflow: hidden; }
.view .mod_style .new_view30_box1 .icon-wrap{ width: calc(100% - 340px); padding-left: 35px; }
.view .mod_style .new_view30_box1 ul{ display: flex; flex-wrap: wrap; margin-bottom: -50px; }
.view .mod_style .new_view30_box1 ul li{ width: calc((100% - 170px) / 3); margin-right: 85px; margin-bottom: 50px; }
.view .mod_style .new_view30_box1 ul li:nth-of-type(3n){ margin-right: 0; }
.view .mod_style .new_view30_box1 ul li p{ font-size: 16px; font-weight: 400; color: #666; line-height: 1.4; }
.view .mod_style .new_view30_box1 ul li p.tit{ line-height: 1.3; text-align: left; margin-bottom: 10px; }
.view .mod_style .new_view30_box1 ul li p.tit span{ font-size: 18px; font-weight: 500; color: #333; }

.view .mod_style .new_view30_box2 figure{ margin-top: 30px; }
.view .mod_style .new_view30_box2 .mobile{ display: none; }
.view .mod_style .new_view30_box2 .box-list{ margin-top: 50px; }
.view .mod_style .new_view30_box2 .box-list .box{ padding: 20px 30px; box-sizing: border-box; border: 1px solid #EEE; border-radius: 6px; }
.view .mod_style .new_view30_box2 .box-list .box:not(:last-of-type){ margin-bottom: 5px; }
.view .mod_style .new_view30_box2 .box-list .box p.title{ font-size: 16px; font-weight: 500; color: #222; margin-bottom: 10px; }
.view .mod_style .new_view30_box2 .box-list .box p:not(.title){ line-height: 1.5; }

.view .mod_style .new_view30_box2 .box-list .box.bold{ border: 1px solid #111; }
.view .mod_style .new_view30_box2 .box-list .box.bold p.title{ font-weight: 600; color: #111; }

.view .view_info .scon .cont .style .new_view30_box3 .table_box{ margin-top: 30px; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box table tr th{ width: 225px; font-weight: 400; background: none; border-right: 1px solid #c0c0c0; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box{ border-top: 1px solid #222; }
.view .mod_style .new_view30_box3 table tr td:last-of-type{ width: 240px; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box table ul{ padding: 0; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box table tr td{ font-weight: 400; text-align: left; padding: 20px; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box table tr td ul.dot-list li{ padding-left: 25px; margin-bottom: 0; }
.view .view_info .scon .cont .style .new_view30_box3 .table_box p{ margin-top: 5px; }

.view .mod_style .new_view30_box4 > ul > li:not(:last-of-type){ margin-bottom: 70px; }
.view .mod_style .new_view30_box4 .tab-title{ display: flex; align-items: flex-start; margin-bottom: 30px; }
.view .mod_style .new_view30_box4 .tab-title .text-box{ width: calc(100% - 635px); padding: 20px 0; padding-right: 40px; box-sizing: border-box; }
.view .mod_style .new_view30_box4 .tab-title .title{ font-size: 18px; font-weight: 500; color: #222; margin-bottom: 10px; }
.view .mod_style .new_view30_box4 .tab-title .title span{ font-size: 16px; }
.view .mod_style .new_view30_box4 .tab-title p:not(.title){ line-height: 1.5; }
.view .mod_style .new_view30_box4 .tab-title p:not(.title, :last-of-type){ margin-bottom: 20px; }
.view .mod_style .new_view30_box4 .tab-title .img-box{ width: 635px; border-radius: 10px; overflow: hidden; }
.view .mod_style .new_view30_box4 .tab-content{ box-sizing: border-box; display: none; }
.view .mod_style .new_view30_box4 .tab-content .content-title{ font-size: 20px; font-weight: 500; color: #222; margin-bottom: 15px; }
.view .mod_style .new_view30_box4 .tab-content .iframe{ width: 100%; position: relative; overflow: hidden; padding-bottom: 50%; margin-bottom: 30px; }
.view .mod_style .new_view30_box4 .tab-content .iframe iframe{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.view .mod_style .new_view30_box4 .tab-content ul{ display: flex; flex-wrap: wrap; }
.view .mod_style .new_view30_box4 .tab-content ul.icon{ margin-bottom: -5px; }
.view .mod_style .new_view30_box4 .tab-content ul.icon li{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; width: calc((100% - 20px) / 2); text-align: right; border: 1px solid #EEE; border-radius: 10px; padding: 30px; box-sizing: border-box; margin-right: 20px; margin-bottom: 5px; }
.view .mod_style .new_view30_box4 .tab-content ul.icon li:nth-of-type(2n){ margin-right: 0; }
.view .mod_style .new_view30_box4 .tab-content ul.icon li p{ width: 100%; text-align: left; }
.view .mod_style .new_view30_box4 .tab-content ul.icon li p.title{ font-size: 16px; font-weight: 500; color: #222; margin-bottom: 15px; }
.view .mod_style .new_view30_box4 .tab-content .border-box{ padding: 40px; border: 1px solid #EEE; border-radius: 10px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list{ margin-bottom: -20px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list + ul{ margin-top: 30px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list li figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 199%; margin-bottom: -3px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list li img{ width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.view .mod_style .new_view30_box4 .tab-content ul.image-list li p{ font-size: 16px; font-weight: 500; color: #222; margin-top: 10px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list.three li{ width: calc((100% - 40px) / 3); margin-right: 20px; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list.three li:nth-of-type(3n){ margin-right: 0; }
.view .mod_style .new_view30_box4 .tab-content ul.image-list.short li figure{ padding-bottom: 137%; }
.view .mod_style .new_view30_box4 .tab-content .warning{ margin-top: 30px; }
.view .mod_style .new_view30_box4 .tab-content .warning p{ font-size: 14px; font-weight: 400; color: #555; line-height: 1.5; }

.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5{ border-top: none; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr:first-of-type{ border-top: 2px solid #111; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr .bg_r{ position: relative; z-index: 20; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr .bg_r{ border-left: 4px solid #FF730F; border-right: 4px solid #FF730F; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr .bg_r::before{ content: ""; background: #FF730F; position: absolute; z-index: 20; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr .bg_r::before{ width: calc(100% + 2px); height: 4px; left: 0; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr:first-of-type .bg_r::before{ top: -2px; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr:last-of-type .bg_r::before{ bottom: -1px; }
.view .view_info .scon .cont .style.mod_style .table_box.new_view30_box5 tr:not(:first-of-type, :last-of-type) .bg_r::before{ display: none; }
.view .mod_style .new_view30_box5 .dot-list{ margin-top: 10px; }

.view .mod_style .new_view30_box6 .ul-box:not(:last-of-type){ margin-bottom: 50px; }
.view .mod_style .new_view30_box6 .ul-box p{ font-size: 20px; font-weight: 500; color: #333; margin-bottom: 30px; position: relative; padding-bottom: calc(50px - 1.2em); padding-left: 30px; box-sizing: border-box; }
.view .mod_style .new_view30_box6 .ul-box p::before{ content: ""; display: inline-block; width: 2px; height: 50px; background: #333; position: absolute; top: 0; left: 0; }
.view .mod_style .new_view30_box6 .image-list{ width: 100%; }
.view .mod_style .new_view30_box6 .image-list li figure img{ border: 1px solid #EEE; border-radius: 10px; }

@media screen and (max-width: 1300px){
	.view .mod_style .new_view30_box4 .tab-title .text-box{ width: 50%; }
	.view .mod_style .new_view30_box4 .tab-title .img-box{ width: 50%; }
}

@media screen and (max-width: 1200px){
	.view .mod_style .new_view30_box1{ flex-direction: column; }
	.view .mod_style .new_view30_box1 .icon-wrap{ width: 100%; padding-left: 0; margin-top: 50px; }
}

@media screen and (max-width: 1000px){
	.view .mod_style .new_view30_box .viewmore{ margin-top: 10px; }

	.view .mod_style .new_view30_box2 .pc{ display: none; }
	.view .mod_style .new_view30_box2 .mobile{ display: block; }
	.view .mod_style .new_view30_box2 figure{ width: 100%; text-align: center; }
	.view .mod_style .new_view30_box2 figure img{ max-width: fit-content; }

	.view .mod_style .new_view30_box4 > ul > li:not(:last-of-type){ margin-bottom: 40px; }
	.view .mod_style .new_view30_box4 .tab-title{ flex-direction: column-reverse; align-items: center; }
	.view .mod_style .new_view30_box4 .tab-title .text-box{ width: 100%; padding-bottom: 0; padding-right: 0; }
	.view .mod_style .new_view30_box4 .tab-title .img-box{ max-width: fit-content; width: 100%; }
}

@media screen and (max-width: 900px){
	.view .mod_style .new_view30_box1 ul li{ width: calc((100% - 80px) / 3); margin-right: 40px; margin-bottom: 40px; }
}

@media screen and (max-width: 750px){
	.view .mod_style .new_view30_box1 ul li{ width: calc((100% - 20px) / 2); margin-right: 20px; }
	.view .mod_style .new_view30_box1 ul li:nth-of-type(3n){ margin-right: 20px; }
	.view .mod_style .new_view30_box1 ul li:nth-of-type(2n){ margin-right: 0; }

	.view .mod_style .new_view30_box4 .tab-content ul.icon li{ width: calc((100% - 5px) / 2); margin-right: 5px; padding: 20px; }
	.view .mod_style .new_view30_box4 .tab-content .border-box{ padding: 25px; }

	.view .mod_style .new_view30_box4 .tab-content ul.image-list.three li{ width: calc((100% - 20px) / 2); }
	.view .mod_style .new_view30_box4 .tab-content ul.image-list.three li:nth-of-type(3n){ margin-right: 20px; }
	.view .mod_style .new_view30_box4 .tab-content ul.image-list.three li:nth-of-type(2n){ margin-right: 0; }
}



/* 20230912 추가 */
.view .view_info .scon .cont .mod_style .box_list.new_view31 .item{ margin-bottom: -40px; }
.view .view_info .scon .cont .mod_style .box_list.new_view31 .item{ margin-bottom: 40px; }
.view .view_info .scon .cont .mod_style .box_list.new_view31 .item:nth-of-type(2n){ margin-right: 0; }
.view .mod_style .box_list .item .f_txt .flexBox, .view .mod_style .box_list .item .f_txt .flexBox *{ box-sizing: border-box; }
.view .mod_style .box_list .item .f_txt .flexBox{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 35px; margin-bottom: -50px; }
.view .mod_style .box_list .item .f_txt .flexBox > div{ width: 100%; margin-bottom: 50px; }
.view .mod_style .box_list .item .f_txt .flexBox > .half{ width: calc((100% - 35px) / 2); }
.view .mod_style .box_list .item .f_txt .flexBox dl dt{ font-size: 18px; font-weight: 500; color: #FF730F; letter-spacing: -0.02em; margin-bottom: 25px; }
.view .mod_style .box_list .item .f_txt .flexBox dl dd img{ display: inline-block; margin: 0 auto; }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li{ /* display: flex; align-items: baseline; */ font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.02em; line-height: 1.5; padding-left: 25px; position: relative; }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li:not(:last-of-type){ margin-bottom: 10px; }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.5em / 2); left: 10px; transform: translateY(-50%); }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li *{ font-size: inherit; line-height: inherit; }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li strong{ font-weight: 500; padding-right: 5px; }
.view .mod_style .box_list .item .f_txt .flexBox ul.dot li p{ margin-top: 0; }

@media screen and (max-width: 1300px){
	.view .mod_style .box_list .item .f_txt .flexBox > .half{ width: 100%; }
}

@media screen and (max-width: 1200px){
	.view .view_info .scon .cont .mod_style .box_list.new_view31 .item{ margin-bottom: -12px; }
	.view .view_info .scon .cont .mod_style .box_list.new_view31 .item{ margin-bottom: 12px; }
	.view .mod_style .box_list .item .f_txt .flexBox{ margin-bottom: -40px; }
	.view .mod_style .box_list .item .f_txt .flexBox > div{ margin-bottom: 40px; }
	.view .mod_style .box_list .item .f_txt .flexBox dl dt{ margin-bottom: 15px; }
	.view .mod_style .box_list .item .f_txt .flexBox ul.dot li{ padding-left: 10px; }
	.view .mod_style .box_list .item .f_txt .flexBox ul.dot li::before{ left: 0; }
}

@media screen and (max-width: 800px){
	.view .mod_style .box_list .item .f_txt .flexBox dl dt{ font-size: 16px; margin-bottom: 10px; }
	.view .mod_style .box_list .item .f_txt .flexBox ul.dot li:not(:last-of-type){ margin-bottom: 5px; }
}


/* 20241025 추가 */
.view .mod_style .lineup-box *{ line-height: 1.3; }
.view .mod_style .lineup-box dl{ border: 1px solid #EEE; padding: 50px; }
.view .mod_style .lineup-box dl:not(:last-of-type){ margin-bottom: 60px; }
.view .mod_style .lineup-box dl dt{ font-size: 24px; font-weight: 700; color: #111; letter-spacing: -0.02em; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #EEE; }
.view .mod_style .lineup-box dl dd{ display: flex; flex-wrap: wrap; margin-top: 40px; }
.view .mod_style .lineup-box dl dd .item{ margin-right: 10px; }
.view .mod_style .lineup-box dl dd p{ width: 100%; font-size: 20px; font-weight: 400; color: #111; letter-spacing: -0.02em; margin-bottom: 20px; }
.view .mod_style .lineup-box dl dd figure{ width: 100%; border: 1px solid #EEE; text-align: center; }
.view .mod_style .lineup-box dl dd span{ display: block; font-size: 15px; font-weight: 400; color: #999; letter-spacing: -0.02em; text-align: center; margin-top: 10px; }
 
.view .mod_style .lineup-box dl dd.four .item{ width: calc((100% - 30px) / 4); }
.view .mod_style .lineup-box dl dd.four .item:nth-of-type(4n){ margin-right: 0; }

.view .mod_style .lineup-box dl dd.three .item{ width: calc((100% - 20px) / 3); }
.view .mod_style .lineup-box dl dd.three .item:nth-of-type(3n){ margin-right: 0; }

.view .mod_style .lineup-box dl dd.two .item{ width: calc((100% - 10px) / 2); }
.view .mod_style .lineup-box dl dd.two .item:nth-of-type(2n){ margin-right: 0; }

.view .mod_style .lineup-box dl dd.block figure{ max-width: max-content; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto; }

@media screen and (max-width: 1040px){
	.view .mod_style .lineup-box dl:not(:last-of-type){ margin-bottom: 50px; }
	.view .mod_style .lineup-box dl{ padding: 30px 20px; }
	.view .mod_style .lineup-box dl dt{ font-size: 20px; padding-bottom: 30px; }
	.view .mod_style .lineup-box dl dd{ margin-top: 20px; }
	.view .mod_style .lineup-box dl dd p{ font-size: 17px; margin-bottom: 10px; }

	.view .mod_style .lineup-box dl dd.block figure{ flex-direction: column; }
	.view .mod_style .lineup-box dl dd.block figure img:last-of-type{ margin: 20px 0; }
}

@media screen and (max-width: 900px){
	.view .mod_style .lineup-box dl dd.four .item{ width: calc((100% - 20px) / 3); }
	.view .mod_style .lineup-box dl dd.four .item:nth-of-type(4n){ margin-right: 10px; }
	.view .mod_style .lineup-box dl dd.four .item:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 700px){
	.view .mod_style .lineup-box dl dd.four .item{ width: calc((100% - 10px) / 2); }
	.view .mod_style .lineup-box dl dd.four .item:nth-of-type(3n){ margin-right: 10px; }
	.view .mod_style .lineup-box dl dd.four .item:nth-of-type(2n){ margin-right: 0; }

	.view .mod_style .lineup-box dl dd.three .item{ width: calc((100% - 10px) / 2); }
	.view .mod_style .lineup-box dl dd.three .item:nth-of-type(3n){ margin-right: 10px; }
	.view .mod_style .lineup-box dl dd.three .item:nth-of-type(2n){ margin-right: 0; }
}


/* 담당자 안내 */
.view .contact-table .top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin: 0 -25px 20px; }
.view .contact-table .top h6{ font-size: 20px; font-weight: 400; color: #333; padding: 5px 25px 10px 50px; position: relative; }
.view .contact-table .top h6::before{ content: ""; width: 4px; height: 100%; background: #0C2F6F; position: absolute; top: 0; left: 25px; }
.view .contact-table .top p{ font-size: 14px; font-weight: 400; color: #333; padding: 10px 25px; }
.view .contact-table a{ max-width: 100%; width: max-content; display: flex; justify-content: center; align-items: center; background: #0C2F6F; font-size: 15px; font-weight: 300; color: #FFF; padding: 12px 20px; margin-top: 30px; /*margin-left: auto; */ }
.view .contact-table a i{ display: inline-block; width: 7px; height: 13px; background: url("/img/sub/new_view_contact_arrow.svg") no-repeat center center / contain; margin-left: 15px; }

.view .view_info .scon .cont .style.mod_style .contact-table .table_box table thead th,
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th,
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody td{ padding: 15px 6px; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table thead th{ background: #E8E8E8; font-weight: 400; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th{ background: transparent !important; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th,
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody td{ border: 1px solid #c0c0c0 !important; border-left: none !important; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th{ font-size: 18px; font-weight: 400; color: #111; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody td{ font-size: 15px; font-weight: 300; color: #333; }
.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody tr > *:last-child{ border-right: none !important; }

.view .contact-table { padding-top: 13px; }
.view .contact-table .button__wrap { display: flex; justify-content: right; align-items:center; column-gap: 10px; }
.view .contact-table a.color-point { background-color: #FF730F; }
.view .contact-table .grayBox { margin-bottom: 50px; padding: 29px 10px; background-color: #F5F5F5; text-align: center; }
.view .contact-table .grayBox p { font-size: 17px; color: #555555; }
.view .contact-table .grayBox p strong { display: inline-block; font-weight: 500; color: #000; padding-right: 10px; }
.view .contact-table .grayBox p .time { margin-left: 0.882em; color: #777; }

@media screen and (max-width: 1040px){
	.view .contact-table .top{ margin: 0 -20px 10px; }
	.view .contact-table .top h6{ font-size: 18px; padding: 5px 20px 5px 40px; }
	.view .contact-table .top h6::before{ left: 20px; }
	.view .contact-table .top p{ padding: 10px 20px; }
	.view .contact-table a{ margin-top: 10px; padding: 12px 15px; }

	.view .view_info .scon .cont .style.mod_style .contact-table .table_box table thead th,
	.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th,
	.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody td{ padding: 10px 6px; }
	.view .view_info .scon .cont .style.mod_style .contact-table .table_box table tbody th{ font-size: 17px; }

	.view .contact-table .grayBox p { font-size: 16px; }
}


/* 세이프보드(XF보드) 수정 - 2025.09.09 */
.grid-cell,
.grid-cell *{ line-height: 1.3; }
.grid-cell{ display: grid; grid-template-columns: repeat(2, 50%); margin: -10px; }
.grid-cell > *{ margin: 10px; border: 1px solid #EEE; padding: 50px; }
.grid-cell .cell > dt{ font-sizE: 24px; font-weight: 700; color: #111; margin-bottom: 40px; padding-left: 68px; position: relative; }
.grid-cell .cell > dt span{ position: absolute; top: 0; left: 0; }
.grid-cell .cell > dd{ font-size: 20px; font-weight: 400; color: #333; }
.grid-cell .cell .half{ display: grid; grid-template-columns: repeat(2, 50%); align-items: center; }
.grid-cell .cell .half .right{ padding-left: 9px; }
.grid-cell .cell01,
.grid-cell .cell02{ display: flex; flex-direction: column; }
.grid-cell .cell01 > dd,
.grid-cell .cell02 > dd{ flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
.grid-cell .cell01 ul li:not(:last-of-type),
.grid-cell .cell02 ul li:not(:last-of-type){ margin-bottom: 30px; }

.grid-cell .cell01 p{ line-height: 1.6; margin-top: 15px; }

.grid-cell .cell02{ order: 3; }
.grid-cell .cell02 p{ font-size: 22px; line-height: 1.6; }
.grid-cell .cell02 p.bold{ font-size: 20px; font-weight: 600; }
.grid-cell .cell02 p.bold strong{ font-size: 36px; font-weight: 700; color: #111; }

.grid-cell .cell03{ order: 1; grid-row: auto / span 2; }
.grid-cell .cell03 figure{ display: block; width: 100%; margin: 30px 0; }
.grid-cell .cell03 figure img{ width: 100%; }
.grid-cell .cell03 dl dt{ font-size: 22px; font-weight: 600; color: #E8942A; }
.grid-cell .cell03 dl dd{ margin-top: 30px; }
.grid-cell .cell03 dl dd p{ font-size: 17px; font-weight: 300; color: #777; }
.grid-cell .cell03 dl dd p:not(.dot){ line-height: 1.5; text-align: justify; }
.grid-cell .cell03 dl dd p.dot,
.grid-cell .cell03 ul li{ font-size: 18px; color: #333; }
.grid-cell .cell03 dl dd p.dot{ padding-left: 17px; font-weight: 600; margin-bottom: 14px; position: relative; }
.grid-cell .cell03 dl dd p.dot::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; }
.grid-cell .cell03 ul{ display: grid; grid-template-columns: repeat(3, calc(100% / 3)); margin: -7px; }
.grid-cell .cell03 ul li{ padding-left: 17px; position: relative; margin: 7px; }
.grid-cell .cell03 ul li::before{ content: "-"; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 1310px){
	.grid-cell .cell03 ul{ grid-template-columns: repeat(2, 50%); margin: -3px -5px; }
	.grid-cell .cell03 ul li{ margin: 3px 5px; }

	.view .mod_style .box_list .item .f_txt .flexBox ul.dot li{ display: flex; }
}

@media screen and (max-width: 1200px){
	.grid-cell > *{ padding: 34px 20px; }
	.grid-cell .cell > dt{ font-size: 20px; margin-bottom: 25px; padding-left: 55px; }
	.grid-cell .cell > dd{ font-size: 18px; }

	.grid-cell .cell02 p{ font-size: 20px; }
	.grid-cell .cell02 p.bold{ font-size: 18px; }
	.grid-cell .cell02 p.bold strong{ font-size: 30px; }

	.grid-cell .cell03 dl dt{ font-size: 20px; }
	.grid-cell .cell03 dl dd p{ font-size: 16px; }
	.grid-cell .cell03 ul li{ font-size: 17px; }
}

@media screen and (max-width: 950px){
	.grid-cell .cell02{ order: unset; }
	.grid-cell .cell03{ order: unset; grid-row: unset; grid-column: auto / span 2; }
}

@media screen and (max-width: 800px){
	.grid-cell{ grid-template-columns: repeat(1, 100%); }
	.grid-cell .cell > dt{ font-size: 18px; padding-left: 35px; }
	.grid-cell .cell > dd{ font-size: 17px; }

	.grid-cell .cell02 p{ font-size: 18px; }
	.grid-cell .cell02 p.bold{ font-size: 17px; }
	.grid-cell .cell02 p.bold strong{ font-size: 26px; }

	.grid-cell .cell03{ grid-column: unset; }
	.grid-cell .cell03 dl dt{ font-size: 18px; }
}