@charset "UTF-8";

/* 공통 */
.sub_visu {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00000040;
    background-blend-mode: multiply;
}
.sub_visu > img{display:none;}
.sub_visu h2{font-size:40px; font-weight:700; padding:3em 3% 0.5em;}
.sub_visu .navi{padding-bottom:145px;}
.sub_visu .navi img{vertical-align:middle;}

#LNB{position:relative; margin-top:-61px; border-top:1px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.1);}
#LNB .pc{display:block;}
#LNB .mob{display:none;}
#LNB a{color:#fff;}
#LNB .menuDepth1 > a{display:none;}
#LNB .ulDepth2{font-size:0; text-align:center;}
#LNB .menuDepth2{display:inline-block; font-size:17px;}
#LNB .menuDepth2 a{position:relative; height:60px; line-height:60px; padding:0 1.75em; transition:all .2s;}
#LNB .menuDepth2 a:hover{background:rgba(0,0,0,0.2);}
#LNB .menuDepth2.on a{background:var(--main-color);    opacity: .8; }
#LNB .menuDepth2.on a:after{position:absolute; content:""; top:20px; width:4px; height:4px; background:#fff; border-radius:50%; top:16px; margin-left:5px;}
#LNB.fixed{position:fixed; left:0; top:0; width:100%; margin-top:0; z-index:9; background:rgba(0,0,0,0.8);}

#subContents{padding:50px 0 120px; font-size:20px; word-break:keep-all;}
#subContents .subTop{position:relative; border-bottom:1px solid #ddd; margin-bottom:60px;}
#subContents .subTop:before{position:absolute; content:""; left:0; bottom:-1px; width:100px; height:2px; background:var(--main-color);}
#subContents .subTop:after{position:absolute; content:""; left:100px; bottom:-1px; width:50px; height:2px; background:var(--main-color);}
#subContents .subTop h3{font-size:30px; font-weight:700; padding-bottom:0.4em;}
#subContents .subTop a.down{position: absolute; right:0px; top:-6px; width:200px; height:55px; line-height: 55px; background-color: var(--main-color); border-radius:6px; text-align: center; color:#fff; font-weight: 500;}
#subContents .subTop a.down span{ background: url("/design/default/img/sub/icon_down.png") no-repeat right 3px; padding-right: 40px;}
#subContents .subTop p{display:block; font-size:0.8em; color:var(--mono4); position:absolute; top:-20px; left:0;}
#subContents .sub_desc{font-size:1.4em; font-weight: 600; color:var(--mono1); text-align: center;}
#subContents .sub_desc_s{font-size:1em;line-height: 1.4em;color:var(--mono3);text-align: center; padding-top:25px;}
#subContents .wrapper h4 {font-size:28px; font-weight: 600; padding-bottom: 1.3em; text-align: center;}
#subContents .wrapper h4 span{position:relative;}
#subContents .wrapper h4 span:after{position: absolute;content: ""; width: 8px; height: 8px; border-radius: 4px;background-color: var(--main-color); right: -15px;top: 0px;}

#subContents .wrapper h4 span.desc_1012 {line-height: 25px;}
#subContents .bg_area{width:100%; background-color: #f7f7f7; }


#subContents .arti{}
#subContents .arti + .arti{padding-top:7%;}
#subContents .artiTitle{font-size:24px; font-weight:600; position:relative; padding-left:21px; margin-bottom:0.75em; line-height:1.4;}
#subContents .artiTitle:before{position:absolute; content:""; width:11px; height:12px; background:url("/design/default/img/sub/mark_subtitle.png") no-repeat center center; left:0; top:0.45em;}

#subContents .more{position:relative; width:120px; height:36px; line-height:34px; border:1px solid #ddd; border-radius:5px; font-size:15px; font-weight:500; color:var(--main-color); transition:all .2s; padding:0 16px;}
#subContents .more:before{position:absolute; content:""; width:12px; height:2px; background:var(--main-color); right:16px; top:50%; margin-top:-1px; transition:all .2s;}
#subContents .more:after{position:absolute; content:""; width:2px; height:12px; background:var(--main-color); right:21px; top:50%; margin-top:-6px; transition:all .2s;}
#subContents .more:hover{background:var(--main-color); color:#fff; border-color:var(--main-color);}
#subContents .more:hover:before,
#subContents .more:hover:after{background:#fff;}

#subContents .center{width:1500px; margin:0 auto;}


.btnBox{text-align:right;}
.btnBox .btn{position:relative; display:inline-block; text-align:center; overflow:hidden; cursor:pointer; border:1px solid #ddd; line-height:1; padding:0.75em; width:120px; border-radius:5px; color:#666; transition:all .2s; font-size:inherit; vertical-align:middle; margin-bottom:5px;}
.btnBox .btn + .btn{margin-left:2px;}
.btnBox .btn:hover{border-color:var(--main-color); color:var(--main-color);}
.btnBox .btn.btn_confirm{background:var(--main-color); color:#fff; border-color:var(--main-color);}
.btnBox .btn.btn_confirm:hover{background:var(--main-color-dark); color:#fff; border-color:var(--main-color-dark);}
.btnBox .btn.btn_del{background:#cf2929; color:#fff; border-color:#cf2929;}
.btnBox .btn.btn_del:hover{background:#bd1b1b; color:#fff; border-color:#bd1b1b;}


/**************************************************************************************************************************************************************/

/* sub1010 k-health 소개 */
.sub1010 {padding:55px 0;}
.sub1010 .vod_area{width: 1400px; *height:860px; aspect-ratio: 16/9; margin:55px auto 0;  background-color:#DDDDDD; font-size:0px; }
.sub1010 .vod_area iframe {width: 100%; height: 100%;}
.sub1010 .img-box {margin-top: 3em; text-align: center;}

/* sub1011 케어네트워크 병의원 모집안내 */
.sub1011 {padding:55px 0;}
.sub1011 .summary {}
.sub1011 .summary li{margin-bottom:15px;}
.sub1011 .summary li span{display: inline-block; border-radius: 55px; margin-right: 25px; padding:5px 25px; background-color: var(--main-color); color:#fff; line-height: 35px;}

.sub1011 .business_area{ font-size:0px; text-align: center; width:100%;}
.sub1011 .business_area li{ font-size:18px; display: inline-block; width:calc( 30% - 42px ); margin-left: 5%; border-radius: 25px; border: 1px solid #dddddd; padding:35px 20px; background-color: #fff;}
.sub1011 .business_area li:first-child{margin-left:0px;}
.sub1011 .business_area p{line-height: 1.3em; margin-top:25px;}

.sub1011 .support_list { font-size:0px;  width:100%;}
.sub1011 .support_list li {position: relative; font-size:18px;margin-left: 15px; }
.sub1011 .support_list li:before{content: ""; position:absolute; left:-15px; top:11px; width:4px; height:4px; border-radius: 3px; background-color:var(--mono3);}
.sub1011 .business_area li img{width:80px;}
.sub1011 .btn_1011 {display: block; padding: 15px 0; width: 350px;text-align: center; margin: 0 auto; background-color: var(--main-color); color: #fff;border-radius: 35px;}

/* sub1012 디지털 솔루션 */
.sub1012 {padding:55px 0;}
.sub1012 h4 {padding-top: 30px;}
.sub1012 .tab_Area { text-align: center;}
.sub1012 .tab_Area a{  vertical-align: top;display: inline-block;  width:250px; height:50px; margin-bottom: 25px;line-height: 50px; border-radius:25px;background-color: var(--mono3); color:#fff;}
.sub1012 .tab_Area a:hover{ background-color: var(--main-color)}
.sub1012 .tab_Area .desc_s{position: relative;line-height: 42px;}
.sub1012 .tab_Area .desc_s span {position:absolute; left: 50%;top: 36px; width: 100%; text-align: left;margin-left: -38px;}
.sub1012 .tab_Area a span{ font-size:0.6em; display: block; line-height: 0.8em;}

.sub1012 .btn_detail{display: inline-block; width:220px; height:58px; border-radius: 29px; border:2px solid #333; text-align: center; line-height: 58px;}

.sub1012 .Hscan{position: relative;}
.sub1012 .Hscan video{position: absolute; left:0; top:0; width:calc( 50% - 25px );}
.sub1012 .Hscan .txt_area{margin-left:52%; width:48%;min-height: 550px;}
.sub1012 .Hscan .txt_area p{ margin-bottom: 15px;}

.sub1012 .HPacs{position: relative;}
.sub1012 .HPacs video{position: absolute; right:0; top:0; width:calc( 50% - 25px );}
.sub1012 .HPacs .txt_area{margin-left:0%; width:50%;min-height: 550px;}
.sub1012 .HPacs .txt_area p{ margin-bottom: 15px;}

.sub1012 .mobile{position: relative;}
.sub1012 .mobile img{position: absolute; left:0; top:0; width:calc( 50% - 25px );}
.sub1012 span.mo_desc{font-size:0.6em;font-weight: normal;}
.sub1012 span.mo_desc:after{display: none;}
.sub1012 .mobile .txt_area{margin-left:52%; width:48%;min-height: 550px;}
.sub1012 .mobile .txt_area p{ margin-bottom: 15px;}

.sub1012 .wenew{position: relative;}
.sub1012 .wenew img{position: absolute; right:0; top:0; width:calc( 50% - 25px );}
.sub1012 .wenew .txt_area{margin-left:0%; width:50%;min-height: 550px;}
.sub1012 .wenew .txt_area p{ margin-bottom: 15px;}

/* sub1013 진료정보교류사업 */
.sub1013 { padding: 55px 0;}
.sub1013 .info_box {border:1px solid #dddddd; border-radius: 25px; width:100%; padding:35px; margin-top:55px;margin-bottom: 25px;}
.sub1013 .info_box ul{ margin-top:35px;}
.sub1013 .info_business {font-size:0px; text-align: center;margin-top:35px;}
.sub1013 .info_business li{position:relative; font-size:18px; display: inline-block; width:calc( 30% - 42px ); margin-left: 5%;  border: 1px solid #dddddd; padding:65px 20px 0 ;background-color: #fff; min-height:205px; vertical-align: top;}
.sub1013 .info_business li:first-child{margin-left:0px;}
.sub1013 .info_business .tit{position:absolute; width: 100%; height:45px; line-height: 45px; text-align: center; top:-1px;left: 0; color:#fff; font-weight: 500; font-size:1.2em; background-color: var(--mono2);}

.sub1013.progress {text-align: center;}
.sub1013.progress p{width:80%; margin: 0 auto; text-align: center; line-height: 1.3em;}
.sub1013.progress img{margin-top:35px; width:75%;}

.sub1013.join {text-align: center;}
.sub1013.join img{width:75%;}

.sub1013.join ul{ font-size:0px; text-align: left; width:80%; margin: 35px auto 0; }
.sub1013.join ul li{font-size:18px; position: relative; margin-top:15px; padding: 10px; border:1px solid #ddd;}
.sub1013.join ul li span{position: absolute; left:15px; top:15px; width:300px; background-color: var(--main-color); color:#fff; display: inline-block; text-align: center; padding:15px;}
.sub1013.join ul li p{margin-left: 325px;line-height: 1.2em;padding:13px;}


.sub1013.use {text-align: center;}
.sub1013.use li{ display: inline-block; width:calc( 47% - 37px ); margin-left:2%; font-size:18px; text-align: left; border:1px solid #ddd; background-color: #fff; border-radius: 25px; padding:35px;min-height: 530px;}
.sub1013.use li:first-child{ margin-left: 0px;}
.sub1013.use li:last-child{margin-top:55px;}

.sub1013.use li span{ display: block; font-weight: normal; padding-left:20px; margin-bottom: 25px; line-height: 1.2em;font-size: 0.8em; color:var(--mono4);}
.sub1013.use li:last-child span{padding-left:0px;}
.sub1013.use li p{font-weight: 600;    font-size: 1.2em}

.sub1013 .tb_row{border-top:2px solid #000;}
.sub1013 .tb_row table{width:100%;}
.sub1013 .tb_row table tr{border-bottom: 1px solid #dedede;}
.sub1013 .tb_row table th{background-color: #f7f7f7;color:var(--mono1); vertical-align: middle;}
.sub1013 .tb_row table td{color:var(--mono3);padding: 25px;}


/* sub1014 소아진료 지역협력체계 사업 */
.sub1014 {padding: 55px 0;}
.sub1014 .summary {text-align: center;}
.sub1014 .summary img{width:80%; margin-bottom: 25px;} 
.sub1014 .tb_row{border-top:2px solid #000;}
.sub1014 .tb_row table{width:100%;}
.sub1014 .tb_row table tr{border-bottom: 1px solid #dedede;}
.sub1014 .tb_row table th{background-color: #f7f7f7;color:var(--mono1); vertical-align: middle;}
.sub1014 .tb_row table td{color:var(--mono3);padding: 25px;}

.sub1014.progress {text-align: center;}
.sub1014.progress p{width:80%; margin: 0 auto; text-align: center; line-height: 1.3em;}

.sub1014.progress .chart_list{text-align: left; border: 1px solid #ddd; background-color: #fff; padding:25px; border-radius: 8px; margin:35px 0;}
.sub1014.progress .chart_list li{position:relative;margin-left: 15px;}
.sub1014.progress .chart_list li:before{content: ""; position:absolute; left:-15px; top:11px; width:4px; height:4px; border-radius: 3px; background-color:var(--mono3);}
.sub1014.progress .chart_list li span{color:var(--mono4)}

.sub1014.progress .table_area{width:100%;}
.sub1014.progress .table_area li{display: inline-block;width:calc( 48% - 4px ); margin-left: 4%; border-top:2px solid #000; vertical-align: top;}
.sub1014.progress .table_area li:first-child{margin-left:0px;}

.sub1014.progress .table_area li table{width:100%;}
.sub1014.progress .table_area li table tr{border-bottom: 1px solid #dedede;}
.sub1014.progress .table_area li table th{background-color: #f7f7f7;color:var(--mono1); vertical-align: middle; font-size:0.8em; padding:20px 8px;}
.sub1014.progress .table_area li table td{color:var(--mono3);padding: 25px;font-size:0.8em;}
.sub1014.progress .table_area li table td.td_left{text-align: left;}

.sub1014.progress .choose{text-align: left; border: 1px solid #ddd; background-color: #fff; padding:25px; border-radius: 8px; margin:35px 0;}
.sub1014.progress .choose p{ font-size:1.2em;}
.sub1014.progress .choose p span{ color:var(--main-color); font-weight: 600;}
.sub1014.progress .choose ul{ text-align: center; margin-top:35px;}
.sub1014.progress .choose ul li{display: inline-block; width:200px;}

.sub1014.enterprise h5{ text-align: left;}
.sub1014.enterprise h5 span{display: inline-block; width:35px; height:35px; line-height: 35px; background-color: var(--main-color); color:#fff; margin-right: 8px; text-align: center; border-radius: 8px; }
.sub1014.enterprise p.sub_desc_ss{line-height: 1.4em; margin-top: 15px;}
.sub1014.enterprise .txt_area{text-align: left;border: 1px solid #ddd;background-color: #fff;padding: 25px; border-radius: 8px;margin: 15px 0 55px;}
.sub1014.enterprise h6{ text-align: left; position:relative;margin-left:15px;}
.sub1014.enterprise h6:before{ position: absolute;content: "";  width: 6px; height: 6px;  border-radius: 3px;background-color: var(--mono3); left: -15px; top: 13px;}
.sub1014.enterprise .txt_area p{ color:var(--mono3); margin-left:15px; margin-bottom: 35px;}

.sub1014.enterprise .txt_area ul{ font-size:0px; text-align: center; margin-bottom:35px; margin-top:25px;}
.sub1014.enterprise .txt_area ul li{position:relative; display: inline-block; width: 25%; margin-left: 4%; border: 1px solid #ddd; background-color: #fff; padding: 25px;border-radius: 8px; text-align: center; font-size:20px; font-weight: 600; color:var(--main-color); vertical-align: top; min-height:133px;}
.sub1014.enterprise .txt_area ul li p {text-align: center;font-size:1em; color: var(--mono3); font-weight: normal; line-height:1.2em; margin-left: 0px; margin-bottom: 0px;}
.sub1014.enterprise .txt_area ul li p span{ font-size:0.8em; color:var(--mono4); font-weight: 300; display: block;}
.sub1014.enterprise .txt_area ul li:first-child{margin-left:0px;}
.sub1014.enterprise .txt_area ul li:nth-child(2){width: calc( 42% - 156px ); }
.sub1014.enterprise .txt_area ul li:before{content: ""; position:absolute; width:53px; height:1px; background-color: #ddd; left:-53px; top:66px;}
.sub1014.enterprise .txt_area ul li:first-child:before{display: none;}

.sub1014.enterprise .txt_area ul li span.arrow{ background: url("/design/default/img/sub/arrow.png") no-repeat right 7px; padding-right: 25px;  background-size: 17px;}

.sub1014.support p { width: 80%; margin: 0 auto 45px; text-align: center;line-height: 1.3em;}
.sub1014.support p span{display: block;font-size: 0.8em;color: var(--mono4);}
.sub1014.support .txt_box{position:relative; border:1px solid #ddd;background-color: #fff;padding: 25px; border-radius: 8px;margin: 15px 0 35px;min-height: 140px;}
.sub1014.support .txt_box .icon_zone{width:250px; position:absolute; top:25px; left:25px; background-color: var(--mono3); color:#fff; text-align: center;padding: 12px; border-radius: 8px;}
.sub1014.support .txt_box .icon_zone span {width:90px; height:65px; vertical-align: bottom; display: inline-block; line-height: 110px; font-size:0.8em;}
.sub1014.support .txt_box .icon_zone span.icon_01{ background: url("/design/default/img/sub/icon_1014_01.png") no-repeat top center; background-size:40px; }
.sub1014.support .txt_box .icon_zone span.icon_02{ background: url("/design/default/img/sub/icon_1014_02.png") no-repeat top center; background-size:40px; }
.sub1014.support .txt_box .icon_zone span.icon_03{ background: url("/design/default/img/sub/icon_1014_03.png") no-repeat top center; background-size:40px; }
.sub1014.support .txt_box ul.s_money{display:block; margin-left: 285px;}
.sub1014.support .txt_box ul li{position:relative; margin-left: 15px;}
.sub1014.support .txt_box ul li:before{    position: absolute; content: ""; width: 5px;height: 1px;background-color: var(--mono3); left: -17px; top: 14px;}




.sub1014 .btn_1011 { display: block;  padding: 15px 0; width: 430px; text-align: center;margin: 0 auto;background-color: var(--main-color);color: #fff; border-radius: 35px;}










/* sub1012 */
.sub1012 .mob{display:none;}
#subContents .sub1012 .middle{padding-top:2%;}
.sub1012 .middle > div{display:table; table-layout:fixed; width:100%;}
.sub1012 .middle > div + div{margin-top:2em;}
.sub1012 .middle .imgBox{display:table-cell; vertical-align:middle; width:38%; border-radius:8px; overflow:hidden;}
.sub1012 .middle dl{display:table-cell; vertical-align:middle; padding-left:5%;}
.sub1012 .middle dt{font-size:1.3em; font-weight:600; padding-bottom:0.5em; margin-bottom:0.5em; position:relative;}
.sub1012 .middle dt:after{position:absolute; content:""; width:100%; height:1px; background:#ddd; left:0; bottom:0;}
.sub1012 .middle dd{font-size:1.05em;}
.sub1012 .bottom .textBox{position:relative; background:#f5f5f5; padding:80px 5% 40px; text-align:center; font-size:1.2em; line-height:1.8;}
.sub1012 .bottom .textBox:before{position:absolute; content:""; width:50px; height:2px; background:var(--main-color); left:50%; top:42px; margin-left:-25px;}

/* sub1013 */
.sub1013{}
.sub1013 .txt{width:67%; padding-left:21px;}
.sub1013 .img{width:28%; text-align:right;}
.sub1013 .txt dl{margin-bottom:2em;}
.sub1013 .txt dt{width:120px; font-size:28px; border-top:2px solid var(--main-color); margin-bottom:0.5em; padding-top:0.75rem;}
.sub1013 .txt dt strong{display:block; line-height:1.2;}
.sub1013 .txt dt small{display:block; padding-right:10px; font-size:22px; font-weight:500; line-height:1.2; text-align:right;}
.sub1013 .txt dd{width:calc(100% - 120px); padding-left:1.2em; border-top:1px solid #ddd; padding-top:1rem;}
.sub1013 .txt dd ul{padding-top:2em;}
.sub1013 .txt dd li{margin-bottom:1em;}
.sub1013 .txt dd li strong{display:block; color:#666; width:95px; font-weight:600;}
.sub1013 .txt dd li span{display:block; width:calc(100% - 100px);}
.sub1013 .img li{margin-bottom:1em;}
.sub1013 .img li img{border:1px solid #ddd;}

/* sub1014 */
.sub1014{}
.sub1014 .row{position:relative;}
.sub1014 .col{position:relative; float:left; width:20%; padding:0 1%;}
.sub1014 .row:before,
.sub1014 .col:before{position:absolute; content:""; width:1px; background:#ccc; z-index:0;}
.sub1014 .row:after,
.sub1014 .col:after{position:absolute; content:""; height:1px; background:#ccc; z-index:0;}
.sub1014 .item{display:inline-block; width:200px; max-width:100%; position:relative; z-index:1;}
.sub1014 .item p{position:absolute; width:90%; left:5%; top:50%; transform:translateY(-50%);}

.sub1014 .row02{padding:20px 0; padding-left:50%;}
.sub1014 .row02:before{left:50%; top:0; height:100%;}
.sub1014 .row02:after{left:50%; top:50%; width:calc((50% - 200px) / 2);}
.sub1014 .row03{padding-bottom:30px;}
.sub1014 .row03:before{left:50%; top:0; height:100%;}
.sub1014 .row04{padding-top:40px;}
.sub1014 .row04:after{left:10%; top:0; width:80%;}
.sub1014 .col:before{left:50%; top:-40px; height:100%;}
.sub1014 .type01{display:block; width:100%; height:178px; overflow:hidden;}
.sub1014 .type01:before{position:absolute; content:""; width:294px; height:294px; border-radius:50%; background:#64bbff; background-image:linear-gradient(135deg, #6f86d6, #64bbff); left:50%; top:0; transform:translate(-50%, -50%); z-index:2;}
.sub1014 .type01:after{position:absolute; content:""; width:354px; height:354px; border-radius:50%; background:#c6dff3; left:50%; top:0; transform:translate(-50%, -50%); z-index:1;}
.sub1014 .type01 p{width:236px; height:236px; border-radius:50%; background:#fff; left:50%; top:0; transform:translate(-50%, -50%); z-index:3;}
.sub1014 .type01 p span{display:block; width:100%; position:absolute; bottom:0; margin-bottom:45px; font-size:24px; font-weight:700;}
.sub1014 .type02{height:60px; border-radius:30px; border:5px solid var(--main-color); background:#fff; font-size:20px; font-weight:700;}
.sub1014 .type03{height:60px; border-radius:30px; background:#64bbff; background-image:linear-gradient(to left, #64bbff, #758de3); font-size:20px; font-weight:700;}
.sub1014 .type04{display:block; margin:0 auto 10px; height:60px; border-radius:30px 0 30px 0; background:#64bbff; font-size:18px; font-weight:600;}
.sub1014 .type05{display:block; margin:0 auto 5px; height:50px; border-radius:5px; border:1px solid var(--main-color); background:#fff; color:#666; font-weight:500; font-size:17px;}

/* sub11 */
.sub11{}
#subContents .sub11 .arti + .arti{padding-top:5%;}
.sub11 .top{}
.sub11 .top .img{margin-bottom:3%;}
.sub11 .top .img > p{float:left; padding:0 10px; text-align:center;}
.sub11 .top .img > p > img{border-radius:10px;  width: 100%;   max-height: 280px;    height: 280px;}
.sub11 .top .img .caption{float:left; width:100%; margin-top:1em; margin-bottom:1%;}
.sub11 .top .img .caption p{padding-left:30px; position:relative;}
.sub11 .top .img .caption p:before{position:absolute; content:""; width:4px; height:4px; border-radius:50%; background:var(--main-color); left:11px; top:0.75em; margin-top:-1px;}
.sub11 .middle .itemList{margin-left:-2%; margin-right:-2%; padding-top:0.75em;}
.sub11 .middle .itemBox{width:50%; padding:0 2%;}
.sub11 .middle .itemBox:nth-child(n + 3){padding-top:3em;}
.sub11 .middle .itemBox dl{display:table; width:100%; table-layout:fixed;}
.sub11 .middle .itemBox dt{display:table-cell; width:128px; vertical-align:top; padding-right:30px;}
.sub11 .middle .itemBox dt i{display:block;}
.sub11 .middle .itemBox dd{display:table-cell; vertical-align:top;}
.sub11 .middle .itemBox dd p + p{margin-top:1em;}
.sub11 .example .buttonBox a{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:#ddd; border-radius:20px; overflow:hidden;}
.sub11 .example .buttonBox a:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:var(--main-color); opacity:0; transition:all .2s;}
.sub11 .example .buttonBox a:hover:after{opacity:0.8;}
.sub11 .example .buttonBox a span{display:block; position:relative; z-index:1; text-align:center; color:#fff; font-weight:500; height:200px; line-height:200px;}

.sub1110 .top .img > p{width:33.33%;}
.sub1111 .top .img > p{width:33.33%;}
.sub1112 .top .img > p{width:33.33%;}
.sub1113 .top .img > p{width:50%;}

#subContents .sub1111 .top .artiTitle{margin-bottom:0;}

.sub1110 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1110_bg01.jpg");}
.sub1111 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1111_bg01.jpg");}
.sub1112 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1112_bg01.jpg");}
.sub1113 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1113_bg01.jpg");}

/* sub12 */
.sub12{}
.sub12 .arti:first-child{opacity:0; position:relative; top:100px; transition:all 0.7s;}
.sub12 .arti.scrollOn{opacity:1; top:0;}
.sub12 img.pc{display:inline-block;}
.sub12 img.mob{display:none;}
.sub12 .title{font-size:1.75em; margin-bottom:1.5em; padding-top:30px; position:relative;}
.sub12 .title:after{position:absolute; content:""; width:50px; height:2px; top:0; left:50%; background:var(--main-color); margin-left:-25px;}
.sub12 .title{font-size:1.9em;}
.sub12 .topCover{background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:#ddd; padding:3.5em 1em 4em;}
.sub12 .topCover1{height:320px; position:relative; overflow:hidden;}
.sub12 .topCover1 .txt{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.sub12 .topCover2{padding-top:3.5em; margin-top:7%;}
.sub12 .topCover .title{position:relative; margin-bottom:2em; margin-bottom:1.9em;}
.sub12 .topCover1 .title{margin-bottom:0;}
.sub12 .topCover .title:after{position:absolute; content:""; width:50px; height:2px; left:50%; bottom:-1em; margin-left:-25px; margin-bottom:-1px; background:#fff;}
.sub12 .topCover .title span{display:block; font-weight:500; font-size:0.85em;}
.sub12 .topCover1 .title span{font-size:0.75em;}
.sub12 .topCover p{color:#fff; line-height:1.8; font-size:1.1em;}
.sub12 .topCover p.title{font-size:1.9em;}
.sub12 .graph-common{}
.sub12 .graph-common .graphBox{margin-bottom:2em; text-align:center;}
.sub12 .graph-common .graphBox img{margin:0 auto; width:654px; max-width:90%;}
.sub12 .graph-common .descBox{overflow:hidden; margin-left:-10px; margin-right:-10px;}
.sub12 .graph-common .descBox dl{float:left; padding:0 15px;}
.sub12 .graph-common .descBox dl.w25{width:25%;}
.sub12 .graph-common .descBox dl.w33{width:33.33%;}
.sub12 .graph-common .descBox dl.w50{width:50%;}
.sub12 .graph-common .descBox dl.w100{width:100%;}
.sub12 .graph-common .descBox dl dt{text-align:center; font-weight:500; margin-bottom:1em;}
.sub12 .graph-common .descBox dl dt i{display:block; margin-bottom:1em;}
.sub12 .graph-common .descBox dl dd{text-align:center;}
.sub12 .graph-common .descBox dl dd p{/*display:inline-block; text-align:left;*/ font-size:0.9em;}
.sub12 .graph-common .descBoxLong{}
.sub12 .graph-common .descBoxLong dl{position:relative;}
.sub12 .graph-common .descBoxLong dl + dl{margin-top:4em;}
.sub12 .graph-common .descBoxLong dl + dl:before{position:absolute; content:""; width:100%; height:1px; left:0; top:-2em; background:#ddd;}
.sub12 .graph-common .descBoxLong dl dt{display:inline-block; width:150px; vertical-align:top;}
.sub12 .graph-common .descBoxLong dl dt .titleImg{position:absolute; right:0; top:0; width:calc(100% - 150px - 120px - 50%); background:#ddd; overflow:hidden; border-radius:10px;}
.sub12 .graph-common .descBoxLong dl dd{display:inline-block;  width:50%; margin-left:50px; text-align:left;}
.sub12 .example .buttonBox a{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:#ddd; border-radius:20px; overflow:hidden;}
/*.sub12 .example .buttonBox a:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:var(--main-color); opacity:0; transition:all .2s;}
.sub12 .example .buttonBox a:hover:after{opacity:0.8;}*/
.sub12 .example .buttonBox a span{display:block; position:relative; z-index:1; text-align:center; color:#fff; font-weight:500; height:200px; line-height:200px;}

.sub12 .tableBox{overflow-x:auto; overflow-y:hidden;}
.sub12 table{width:100%; table-layout:fixed;}
.sub12 td.tit{background: #f8f8f8;color: #0081ba;font-weight: 600;}
.sub12 th{border:1px solid #fff; /*border-bottom:1px solid #006dba;*/ background:var(--main-color); color:#fff; vertical-align:middle; padding:0.5em 1em;}
.sub12 td{border:1px solid #eaeaea; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; padding:0.5em 1em; word-break:keep-all;}
.sub12 table{border-left:1px solid #fff; border-right:1px solid #fff;}
.sub12 .caption{background:#f4f4f4; border-radius:10px; padding:8px 15px; color:#666; font-size:0.9em;}
.sub12 .caption strong{display:inline-block; margin-right:0.75em;}
.sub12 .caption + *{margin-top:0.5em;}
.sub12 table + .conclusion{background:#f4f4f4; border-radius:0 0 10px 10px; padding:8px 15px; color:#666; text-align:center; font-weight:500; border:1px solid #ddd; border-top:0;}

.sub12 .arti--last p:first-child{padding:0 0 2em;}
.sub12 .arti--last .txt{position:relative; margin:0 auto; margin-right:0; /*width:100%; max-width:1024px;*/ background: rgb(111,134,214); background: linear-gradient(135deg, rgba(111,134,214,1) 0%, rgba(100,187,255,1) 100%); color:#fff; text-align:left; padding:3em 2em 2em; line-height:2; text-align:center; border-radius:50px 0;}
.sub12 .arti--last .txt .top{position:relative; font-size:1.3em;}
.sub12 .arti--last .txt .top:after{position:absolute; content:""; left:50%; top:0; margin-top:-1em; margin-left:-30px; width:60px; height:2px; background:#fff; display:block;}

.sub12 .exampleList{display:table; table-layout:fixed; width:100%;}
.sub12 .exampleList li{position:relative; display:table-cell; vertical-align:middle; width:25%; border:5px solid #fff; background:#ddd; border-radius:10px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sub12 .exampleList li a{color:#fff; text-align:center; padding:1.5em 1em;}
/*.sub12 .exampleList li a:after{position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:var(--main-color); opacity:0; transition:all .2s; z-index:-1;}
.sub12 .exampleList li a:hover:after{opacity:0.8;}*/
.sub12 .exampleList li:nth-child(1){background-image:url("/design/default/img/sub/sub1212_bg_example_01.jpg");}
.sub12 .exampleList li:nth-child(2){background-image:url("/design/default/img/sub/sub1212_bg_example_02.jpg");}
.sub12 .exampleList li:nth-child(3){background-image:url("/design/default/img/sub/sub1212_bg_example_03.jpg");}
.sub12 .exampleList li:nth-child(4){background-image:url("/design/default/img/sub/sub1212_bg_example_04.jpg");}

.sub1210 .topCover{background-image:url("/design/default/img/sub/sub1210_bg00.jpg");}
.sub1211 .topCover{background-image:url("/design/default/img/sub/sub1211_bg01.jpg");}
.sub1212 .topCover{background-image:url("/design/default/img/sub/sub1212_bg01.jpg");}
.sub1213 .topCover{background-image:url("/design/default/img/sub/sub1213_bg01.jpg");}
.sub1214 .topCover{background-image:url("/design/default/img/sub/sub1214_bg01.jpg");}
.sub1215 .topCover{background-image:url("/design/default/img/sub/sub1215_bg00.jpg");}
.sub1210 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1210_bg03.jpg");}
.sub1211 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1211_bg03.jpg");}
.sub1212 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1212_bg03.jpg");}
.sub1213 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1213_bg03.jpg");}
.sub1214 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1213_bg03.jpg");}
.sub1215 .example .buttonBox a{background-image:url("/design/default/img/sub/sub1213_bg03.jpg");}

#imgZoomModal{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999; background:rgba(0,0,0,0.85);}
#imgZoomModal .imgBox{position:absolute; left:50%; top:50%; width:90%; max-height:80%; background:#fff; text-align:center; padding:10px; overflow:auto; transform:translate(-50%,-50%);}
#imgZoomModal .imgBox img{max-width:100%; display:block; margin:5px auto;}
#imgZoomModal #imgZoomModalClose{position:absolute; right:10px; top:10px; width:40px; height:40px; overflow:hidden; text-indent:-9999px;}
#imgZoomModal #imgZoomModalClose:before,
#imgZoomModal #imgZoomModalClose:after{position:absolute; content:""; width:100%; height:3px; background:#fff; left:50%; top:50%; margin-left:-20px; margin-top:-1px;}
#imgZoomModal #imgZoomModalClose:before{transform:rotate(45deg);}
#imgZoomModal #imgZoomModalClose:after{transform:rotate(-45deg);}


/* sub1210 */
.sub1210 .topCover1{}
.sub1210 .topCover2{background-image:url("/design/default/img/sub/sub1210_bg01.jpg");}
.sub1210 .graph-common .descBoxLong dl dt{width:300px;}
.sub1210 .graph-common .descBoxLong dl dd{min-height:11em; width:40%;}
.sub1210 .sec02{margin-bottom:1em;}
.sub1210 .sec02 p + p{margin-top:2em;}
.sub1210 .sec02 .case_title{text-align:left;}
.sub1210 .sec02 .case_title span{display:inline-block; padding:0.5em 1.5em; font-size:0.95em;}
.sub1210 .sec02 .case_title + p{border-width:2px; border-style:solid; border-radius:10px; overflow:hidden; margin-top:-1.25em; padding:2em;}
.sub1210 .sec02 .case01{margin-bottom:2em;}
.sub1210 .sec02 .case01 .case_title span{background:#ddd;}
.sub1210 .sec02 .case01 .case_title + p{border-color:#ddd;}
.sub1210 .sec02 .case02{}
.sub1210 .sec02 .case02 .case_title span{background:var(--main-color); color:#fff;}
.sub1210 .sec02 .case02 .case_title + p{border-color:var(--main-color);}
.sub1210 .sec02 .case02 .case_title + p span{margin-top:2em; display:block;}
.sub1210 .sec03 .imgZoom{display:inline-block; width:400px; max-width:55%; position:relative;}
.sub1210 .sec03 .imgZoom:before{position:absolute; content:""; width:30%; height:30%; background:#ddd; left:-10px; top:-10px; z-index:-1;}
.sub1210 .sec03 .imgZoom:after{position:absolute; content:""; width:30%; height:30%; background:#ddd; right:-10px; bottom:-10px; z-index:-1;}
.sub1210 .sec04 .docu{margin-top:4%;}
.sub1210 .sec04 .docu > * + *{margin-top:10px;}
.sub1210 .sec04 .docu p:first-child{border-bottom:2px solid #eaeaea;}
.sub1210 .sec04 .docu p:first-child strong{display:inline-block; padding:2px 10px; background:#eaeaea; border-radius:5px 5px 0 0;}
.sub1210 .sec04 .docu li{width:20%; padding:5px;}
.sub1210 .sec04 .docu li:last-child{width:60%; padding:5px 15px;}
.sub1210 .example .buttonBox a{background:url("/design/default/img/sub/sub1210_bg02.jpg") no-repeat center center; background-size:cover;}

/* sub1211 */
.sub1211 .topCover1{}
.sub1211 .topCover2{background-image:url("/design/default/img/sub/sub1211_bg02.jpg");}
.sub1211 .graph-common .descBoxLong dl dd{min-height:12em;}

.sub1211 .sec02 > div + div{margin-top:4%;}
.sub1211 .sec02 .part01 > p{margin-bottom:3%;}
.sub1211 .sec02 .part02 .case_title{text-align:left;}
.sub1211 .sec02 .part02 .case_title span{display:inline-block; padding:0.5em 1.5em; font-size:0.95em;}
.sub1211 .sec02 .part02 .case_title + ul{border-width:2px; border-style:solid; border-radius:10px; overflow:hidden; margin-top:-1.25em; padding:2em;}
.sub1211 .sec02 .part02 .case01{margin-bottom:2em;}
.sub1211 .sec02 .part02 .case01 .case_title span{background:#ddd;}
.sub1211 .sec02 .part02 .case01 .case_title + ul{border-color:#ddd;}
.sub1211 .sec02 .part02 .case02{}
.sub1211 .sec02 .part02 .case02 .case_title span{background:var(--main-color); color:#fff;}
.sub1211 .sec02 .part02 .case02 .case_title + ul{border-color:var(--main-color);}
.sub1211 .sec02 .part02 ul{overflow:hidden;}
.sub1211 .sec02 .part02 li{float:left; margin:1em 5px; width:calc((100% - 30px) / 3); position:relative;}
.sub1211 .sec02 .part02 .img{border-radius:10px; overflow:hidden; display:inline-block; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.sub1211 .sec02 .part02 li:before{content:""; position:absolute; width:15px; height:2px; background:#bbb; left:100%; top:100px; transform:rotate(-45deg) translateY(100%); margin-top:3px;}
.sub1211 .sec02 .part02 li:after{content:""; position:absolute; width:15px; height:2px; background:#bbb; left:100%; top:100px; transform:rotate(45deg) translateY(-100%); margin-top:-3px;}
.sub1211 .sec02 .part02 li:last-child:before,
.sub1211 .sec02 .part02 li:last-child:after{display:none;}
.sub1211 .sec02 .part02 .txt{}
.sub1211 .sec02 .part02 .case01 li:last-child .txt{line-height:1.2; font-size:1.2em; font-weight:600; font-style:italic; text-shadow:0 0 5px rgba(0,0,0,0.2);}
.sub1211 .sec02 .part02 .case02 li:last-child .txt{line-height:1.2; font-size:1.2em; font-weight:600; font-style:italic; text-shadow:0 0 5px rgba(65,150,216,0.2); color:var(--main-color);}
.sub1211 .sec02 .part02 .txt i{font-style:normal; display:inline-block; vertical-align:middle; width:26px; height:26px; line-height:26px; font-size:14px; font-weight:500; color:#fff; border-radius:50%; margin-right:0.5em;}
.sub1211 .sec02 .part02 .case01 .txt i{background:#999;}
.sub1211 .sec02 .part02 .case02 .txt i{background:var(--main-color);}

.sub1211 .sec02 th{background:#eaeaea; color:#666; font-weight:600;}
.sub1211 .sec02 th.mark{background:var(--main-color); color:#fff; font-weight:700; border:0;}
.sub1211 .sec02 td.mark{background:#fafbfc;}

.sub1211 .sec02 .part03 table{position:relative;}
/*.sub1211 .sec02 .part03 table:before{position:absolute; content:""; width:2px; height:100%; right:0; top:0; background:var(--main-color);}
.sub1211 .sec02 .part03 table:after{position:absolute; content:""; width:2px; height:100%; right:30%; top:0; margin-left:-1px; background:var(--main-color);}*/
.sub1211 .sec02 .part03 th{background:#eaeaea; color:#666; font-weight:600;}
.sub1211 .sec02 .part03 th.mark{background:var(--main-color); color:#fff; font-weight:700; border:0; border-left:2px solid var(--main-color); border-right:2px solid var(--main-color);}
.sub1211 .sec02 .part03 td.mark{border-left:2px solid var(--main-color); border-right:2px solid var(--main-color);}
.sub1211 .sec02 .part03 tr:last-child td.mark{border-bottom:2px solid var(--main-color);}

.sub1211 .sec03 .imgZoom{display:inline-block; width:400px; max-width:45%; position:relative;}
.sub1211 .sec04 .docu{margin-top:4%;}
.sub1211 .sec04 .docu > * + *{margin-top:10px;}
.sub1211 .sec04 .docu p:first-child{border-bottom:2px solid #eaeaea;}
.sub1211 .sec04 .docu p:first-child strong{display:inline-block; padding:2px 10px; background:#eaeaea; border-radius:5px 5px 0 0;}
.sub1211 .sec04 .docu li{width:25%; padding:5px; position:relative;}
.sub1211 .sec04 .docu li:last-child{width:50%;}
.sub1211 .sec04 .docu li:last-child:after{position:absolute; content:""; width:100%; height:40px; left:0; bottom:0; margin-left:-5%; background:url("/design/default/img/sub/sub1211_ico_arrow.png") no-repeat left top; background-size:contain;}

/* sub1212 */
.sub1212 .topCover2{background-image:url("/design/default/img/sub/sub1212_bg02.jpg");}
.sub1212 .graph-common .descBoxLong dl dd{min-height:12em;}
.sub1212 .sec02 .part03{text-align:center; padding:4% 0;}
.sub1212 .sec02 .part03 p{margin-bottom:2em;}
.sub1212 .sec02 .part03 span{font-size:1.2em;}

.sub1212 .sec02 .case_title{text-align:left;}
.sub1212 .sec02 .case_title span{display:inline-block; padding:0.5em 1.5em; font-size:0.95em;}
.sub1212 .sec02 .case_title + p{border-width:2px; border-style:solid; border-radius:10px; overflow:hidden; margin-top:-1.25em; padding:2em;}
.sub1212 .sec02 .case02{}
.sub1212 .sec02 .case02 .case_title span{background:var(--main-color); color:#fff;}
.sub1212 .sec02 .case02 .case_title + p{border-color:var(--main-color);}
.sub1212 .sec02 .case02 .case_title + p span{margin-top:2em; display:block;}

.sub1212 .sec03 .txt{background:url("/design/default/img/sub/sub1212_bg03.jpg") no-repeat center center; background-size:cover; border-radius:20px; overflow:hidden; margin-bottom:1em;}
.sub1212 .sec03 .txt p{color:#fff; background:rgba(0,0,0,0.5); padding:5em 1em; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}

/* sub1213 */
.sub1213 .topCover2{background-image:url("/design/default/img/sub/sub1213_bg02.jpg");}
.sub1213 .additionalBox{text-align:center; margin:5% 0;}
.sub1213 .additionalBox:last-child{margin-bottom:0;}
.sub1213 .additionalBox .title{font-weight:500;}
.sub1213 .additionalBox .title + p{width:90%; max-width:700px; margin:0 auto;}
/*.sub1213 .graph-common .descBoxLong dl dd{width:calc(100% - 150px - 50px - 10px);}*/
	.sub1213 .graph-common .descBoxLong dl dd{min-height:11em; text-align:center;}
	.sub1213 .graph-common .descBoxLong dl:last-child dd{visibility:hidden;}
	.sub1213 .graph-common .descBoxLong dl + dl:before{display:none;}
	.sub1213 .graph-common .descBox dl:first-child dd p{transform:translateY(6em);}
/*
.sub1213 .sec02 .txt{position:relative; margin:0 auto; margin-right:0; margin-top:-6em; width:80%; max-width:1024px; background: rgb(111,134,214); background: linear-gradient(135deg, rgba(111,134,214,1) 0%, rgba(100,187,255,1) 100%); color:#fff; text-align:left; padding:4em 2em 3em; line-height:2;}
.sub1213 .sec02 .txt .top{position:relative; font-size:1.3em;}
.sub1213 .sec02 .txt .top:after{position:absolute; content:""; left:0; top:0; margin-top:-1em; width:60px; height:2px; background:#fff; display:block;}
*/

/*sub1214*/
.sub1214 .topCover2{background-image:url("/design/default/img/sub/sub1214_bg02.jpg");}
.sub1214 .graph-common .descBoxLong dl dd{width:calc(100% - 150px - 50px - 10px);}
/*.sub1214 .graph-common .descBoxLong .img02_02{position:relative; width:80%; left:20%; margin-top:-8%;}*/
/*
.sub1214 .sec05 .txt{position:relative; margin:0 auto; margin-right:0; margin-top:-6em; width:80%; max-width:1024px; background: rgb(111,134,214); background: linear-gradient(135deg, rgba(111,134,214,1) 0%, rgba(100,187,255,1) 100%); color:#fff; text-align:left; padding:4em 2em 3em; line-height:2;}
.sub1214 .sec05 .txt .top{position:relative; font-size:1.3em;}
.sub1214 .sec05 .txt .top:after{position:absolute; content:""; left:0; top:0; margin-top:-1em; width:60px; height:2px; background:#fff; display:block;}
*/

/* sub1215 */
.sub1215 .topCover2{background-image:url("/design/default/img/sub/sub1215_bg01.jpg");}
.sub1215 .graph-common .descBoxLong dl dd{min-height:12em;}
/*
.sub1215 .sec05 .txt{position:relative; margin:0 auto; margin-right:0; margin-top:-6em; width:80%; max-width:1024px; background: rgb(111,134,214); background: linear-gradient(135deg, rgba(111,134,214,1) 0%, rgba(100,187,255,1) 100%); color:#fff; text-align:left; padding:4em 2em 3em; line-height:2;}
.sub1215 .sec05 .txt .top{position:relative; font-size:1.3em;}
.sub1215 .sec05 .txt .top:after{position:absolute; content:""; left:0; top:0; margin-top:-1em; width:60px; height:2px; background:#fff; display:block;}
*/
.sub1215 .example .buttonBox a{background:url("/design/default/img/sub/sub1215_bg02.jpg") no-repeat center center; background-size:cover;}

/* sub1411 */
.sub1411{background:url("/design/default/img/sub/sub1411_bg01.jpg") no-repeat right top; background-size:contain; padding-bottom:1em;}
.sub1411 .top .title{position:relative; text-align:center; padding:2em 0 0;}
.sub1411 .top .title:after{position:absolute; content:""; width:50px; height:2px; top:0; left:50%; background:var(--main-color); margin-left:-25px;}
.sub1411 .top .title small{display:block; font-size:1.2em; font-weight:500;}
.sub1411 .top .title strong{display:block; font-size:1.5em;}
.sub1411 .top .process{position:relative; padding:3em 0 4em;}
.sub1411 .top .process > ul{position:relative; text-align:center; background:url("/design/default/img/sub/sub1411_linedot.png") repeat-x center 135px;}
.sub1411 .top .process .step{position:relative; float:left; width:20%;}
.sub1411 .top .process .step.step_03{width:40%;}
.sub1411 .top .process .step:before{content:""; position:absolute; left:50%; top:140px; margin-left:-15px; margin-top:-15px; border-radius:100%; width:30px; height:30px; background:#ccc;}
.sub1411 .top .process .step:after{content:""; position:absolute; left:50%; top:140px; margin-left:-12px; margin-top:-12px; border-radius:100%; width:24px; height:24px; background:var(--main-color); border:3px solid #fff; box-sizing:border-box;}
.sub1411 .top .process .ico{margin:0 auto 70px; position:relative; background:#fff; width:100px; height:100px; border-radius:100%; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.sub1411 .top .process .ico img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sub1411 .top .process .desc{font-size:1.1em; font-weight:700;}
.sub1411 .top .process .desc i{display:inline-block; vertical-align:middle; overflow:hidden; width:5px; height:5px; border-radius:100%; background:var(--main-color); text-indent:-9999px; margin-right:0.5em;}
.sub1411 .top .process .add{font-size:0.85em; font-weight:600; color:#666; background:#f0f0f0; padding:5px 1em; display:inline-block; border-radius:100px; margin-top:5px; border:2px solid #fff;}
.sub1411 .top .process .detail{position:absolute; width:calc(30% - 100px); padding:0 15px; top:100px; transform:translate(-50%, -100%);}
.sub1411 .top .process .detail:after{content:""; position:absolute; left:50%; top:100%; margin-top:-1px; width:0; height:0; border-style:solid; border-color:var(--main-color) transparent transparent transparent; border-width:10px 7px 0 7px;}
.sub1411 .top .process .detail_01{left:45%;}
.sub1411 .top .process .detail_02{left:75%;}
.sub1411 .top .process .detail p{background:var(--main-color); border-radius:100px; color:#fff; line-height:1.4; padding:8px 2em; font-size:0.95em; display:inline-block;}
.sub1411 .bottom{background:rgba(207, 209, 206, 0.5) url("/design/default/img/sub/sub1411_bg02.png") no-repeat left center; background-size:1290px; padding:1em 1.5em; border-radius:20px; overflow:hidden;}
.sub1411 .bottom .txt{float:right; background:rgba(255,255,255,0.9); padding:1.5em; border-radius:20px; overflow:hidden; max-width:62%;}
.sub1411 .bottom .list.list--dot > *:before{background:#999; width:5px; height:5px; margin-top:-1px;}

.list_num {}
.list_num ul {}
.list_num ul li {
    line-height: 1.8;
    margin-top: 2rem;
    text-indent: -3.6rem;
    color: #333;
}
.list_num ul li:first-child::before {
    content: '1';
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
}
.list_num ul li:nth-child(2)::before {
     content:'2';
     background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
}

.list_num ul li:nth-child(3)::before { 
    content:'3'; 
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
}

.list_num ul li:nth-child(4)::before { 
    content:'4'; 
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
}


@media (max-width:768px) {

 
.list_num ul li {
    line-height: 1.8;
    margin-top: 2rem;
    text-indent: -3.6rem;
    color: #333;
    width: 100%;
    padding-left: 70px !important;
}
.list_num ul li:first-child::before {
    content: '1';
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
    line-height: 42px;
}
.list_num ul li:nth-child(2)::before {
     content:'2';
     background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
    line-height: 42px;
}

.list_num ul li:nth-child(3)::before { 
    content:'3'; 
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
    line-height: 42px;
}

.list_num ul li:nth-child(4)::before { 
    content:'4'; 
    background: #0081ba;
    border-radius: 6rem;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 1rem;
    text-indent: 0;
    line-height: 42px;
}


}
/*연혁*/
.history ul li {
    margin-top: 1.875rem;
  }

.history ul li dl {
    font-size: 0;
    letter-spacing: -4px;
  }
  .history ul li dl dt {
    font-size: 1.625rem;
    letter-spacing: -0.03em;
    line-height: 1.2307692308;
    word-break: keep-all;
    word-wrap: break-word;
    margin-bottom: 0.9375rem;
    color: var(--main-color);
    font-weight: bold;
  }
  .history ul li dl dd p {
    padding-left: 12px;
    font-size: 1.1875rem;
    letter-spacing: -0.03em;
    line-height: 1.6842105263;
    word-break: keep-all;
    word-wrap: break-word;
    color: #666666;
    font-weight: 400;
    box-sizing: border-box;
    position: relative;
  }
  .history ul li dl dd p:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
  }
  .history ul li dl dd p + p {
    margin-top: 1.875rem;
  }
   
.me-0 {
    margin-bottom:0 !important
}    


#subContents .sub14-policy .sub_desc {text-align:left;}
#subContents .sub14-policy .sub_desc_s {text-align:left;}
#subContents .sub14-policy .sub_desc_s + .support_list {padding-top:25px;}
#subContents .sub14-policy ol.support_list {list-style:decimal;}
#subContents .sub14-policy ol.support_list li::before {display:none;}

/*
.sub1411 .formBox{background:#f9f9f9; padding:2em 5%;}
.sub1411 dl{position:relative; width:100%; font-size:0.85em;}
.sub1411 dl + dl{margin-top:0.5em;}
.sub1411 dl dt{position:absolute; left:0; top:0; width:180px; padding:0.75rem 0 0.75rem 1.5rem; font-weight:500; margin-top:1px;}
.sub1411 dl dt:after{position:absolute; content:""; right:1.5rem; top:1.1rem; width:1px; height:1em; background:#ddd;}
.sub1411 dl dd{}
.sub1411 dl dd input,
.sub1411 dl dd textarea{font-size:inherit; width:100%; padding:0.75rem 1rem 0.75rem 180px; border:1px solid #fff; border-radius:8px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); color:#666;}
.sub1411 dl dd input:focus,
.sub1411 dl dd input:active,
.sub1411 dl dd textarea:focus,
.sub1411 dl dd textarea:active{outline:none; border:1px solid var(--main-color); box-shadow:0 5px 10px rgba(65,150,216,0.2);}
.sub1411 .btnBox{text-align:center; padding-top:1.5rem;}
*/

/**************************************************************************************************************************************************************/

/* 게시판 */
.boardList{border-top:2px solid #333;}
.boardList .head{}
.boardList .boardListItem{display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eaeaea;}
.boardList .boardListItem:last-child{border-bottom:1px solid #ddd;}
.boardList .boardListItem > div{display:table-cell; vertical-align:middle; text-align:center; padding:0.75em 0;}
.boardList .boardListItem .num{width:100px;}
.boardList .boardListItem .title{padding:0.75em 1em; position:relative;}
.boardList .boardListItem .title a{text-align:left; color:#373737; transition:all .2s;}
.boardList .boardListItem .title a:hover{color:var(--main-color);}
.boardList .boardListItem .title a span{position:relative; display:inline-block; vertical-align:middle; max-width:calc(100% - 22px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardList .boardListItem .title a .bd_category {background:#333; color:#fff; padding:0 10px; border-radius:10px; font-size: 0.8em; margin-right:1em;}
.boardList .boardListItem .title a span.new{padding-left:22px;}
.boardList .boardListItem .title a span.new:before{position:absolute; content:"N"; width:16px; height:16px; border-radius:3px; line-height:16px; background:var(--main-color); color:#fff; font-size:12px; font-weight:700; text-align:center; left:0; top:50%; margin-top:-8px;}
.boardList .boardListItem .date{width:150px;}
.boardList .boardListItem .hit{width:150px;}
.boardList .noData{text-align:center; padding:3em; border-bottom:1px solid #ddd;}

.galleryList{margin-left:-1%; margin-right:-1%;}
.galleryList .galleryListItem{float:left; width:25%; padding:2.5em 1% 1.5em; position:relative;}
.galleryList .galleryListItem:nth-child(4n + 1):after{position:absolute; content:""; left:0; bottom:0; width:400%; height:1px; background:#eaeaea;}
.galleryList .galleryListItem a > span{display:block;}
.galleryList .galleryListItem .photo_box{width:100%; height:0; padding-bottom:95%; position:relative; overflow:hidden; border: 1px solid #ddd; border-radius:var(--border-radius-large)}
.galleryList .galleryListItem .photo_box > img { position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-50%); transition: all .3s; object-fit: cover; }
.galleryList .galleryListItem a:hover .photo_box > img{transform:translateY(-50%) scale(1.1);}
.galleryList .galleryListItem a:hover .photo_box > img.noimgae{}
.galleryList .galleryListItem .photo_title{transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0.5em 0 0; font-weight: 700; font-size: 24px;}
.galleryList .galleryListItem a:hover .photo_title{color:var(--main-color);}
.galleryList .galleryListItem .photo_title i.new{display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:3px; line-height:16px; background:var(--main-color); color:#fff; font-size:12px; font-weight:700; text-align:center; font-style:normal;}
.galleryList .galleryListItem .date{color: #858585; font-size:16px;}
.galleryList .noData{text-align:center; padding:3em 0; background:#f5f5f5; margin-top:2.5em;}

.galleryList.certificate .galleryListItem .photo_box{padding-bottom:0%; height: 350px;box-shadow:none; border:1px solid #eaeaea; transition:all .2s;}
.galleryList.certificate .galleryListItem .photo_box > img{top:0; transform:translateY(0);    height: 100%;    object-fit: cover;}
.galleryList.certificate .galleryListItem a:hover .photo_box{border:1px solid var(--main-color); box-shadow:0 5px 8px rgba(65,150,216,0.2);}
.galleryList.certificate .galleryListItem a:hover .photo_box > img{transform:translateY(0) scale(1); opacity:0.7;}
.certi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.certi div {
    display: flex;
    flex-basis: 22%; 
   gap: 1rem;
    flex-direction: column;
    text-align: center;
    margin: 1rem;
}
.certi img {
    width: 100%;
aspect-ratio: 3/4;
    border: 1px solid #d9d6d6;
    box-shadow: -1px 6px 10px #00000029;
}
.boardTab{ display: none;}
.boardTab ul{text-align:center;}
.boardTab li{display:inline-block; padding:0 0.25rem;}
.boardTab li a{padding:0.5em; width:220px; color:#aaa; font-weight:600; transition:all .2s; border:1px solid #ddd; border-radius:50px;}
.boardTab li a:hover{color:#666; border-color:#999; background:#f8f8f8;}
.boardTab li.on a{border-color:var(--main-color); color:var(--main-color);}

.pagination{padding:2em 0 1em;}
.pagination li{vertical-align:middle; margin:0 2px;}
.pagination li.arrow_prev{margin-right:1.5em;}
.pagination li.arrow_next{margin-left:1.5em;}
.pagination a{font-size:18px; width:40px; height:40px; line-height:40px; border-radius:100%;}
.pagination a:hover{color:var(--main-color); font-weight:700;}
.pagination a.page_current{color:#fff; font-weight:700; background:var(--main-color);}

.boardView{margin-bottom:2em;}
.boardView .boardView_top {border-bottom:1px solid #ddd; border-top:2px solid #333; padding: 2em 1em; }
.boardView .boardView_top .titleBox{margin-bottom:1.2em; ;}
.boardView .boardView_top .titleBox .cate{color:#005aab;}
.boardView .boardView_top .titleBox .title{font-size:26px;font-weight: 700}
.boardView .boardView_top .info .date{color:#999;}
.boardView > .contents{position:relative; border-bottom:1px solid #ddd; padding:2em 1em; min-height:15em;}
/* .boardView > .contents:before{position:absolute; content:""; left:50%; top:0; margin-left:-25px; margin-top:-1px; width:50px; height:2px; background:var(--main-color);} */
.boardView > .file{padding:0.5em 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.boardView > .file > p{width:100px; font-weight:500; text-align:center;}
.boardView > .file > ul{width:calc(100% - 120px);}
.boardView > .file > ul li + li{margin-top:0.2em;}
.boardView > .file > ul li a{display:inline; margin-right:0.5em; transition:all .2s;}
.boardView > .file > ul li a:hover{color:#005aab;}
.boardView > .file > ul li .size{color:#999; font-size:14px;}
.pn_listBox{margin-bottom:2em;}
.pn_listBox .pn_list{border:1px solid #eaeaea; border-right:0; border-left:0; padding:0.5em 0;}
.pn_listBox .pn_list + .pn_list{margin-top:-1px;}
.pn_listBox .pn_list:first-child{border-top-color:#ddd;}
.pn_listBox .pn_list:last-child{border-bottom-color:#ddd;}
.pn_listBox .pn_list dt{width:100px; font-weight:500; text-align:center; cursor:default;}
.pn_listBox .pn_list dt span{position:relative; display:inline-block; vertical-align:middle; width:10px; height:2px; margin-left:0.2em;}
.pn_listBox .pn_list dt span:before,
.pn_listBox .pn_list dt span:after{position:absolute; content:""; width:6px; height:2px; background:#999; top:50%; margin-top:-2px;}
.pn_listBox .pn_list.pn_list_prev dt span:before{transform:rotate(-45deg); left:0;}
.pn_listBox .pn_list.pn_list_prev dt span:after{transform:rotate(45deg); right:0;}
.pn_listBox .pn_list.pn_list_next dt span:before{transform:rotate(45deg); left:0;}
.pn_listBox .pn_list.pn_list_next dt span:after{transform:rotate(-45deg); right:0;}
.pn_listBox .pn_list dd{width:calc(100% - 120px);}
.pn_listBox .pn_list a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pn_listBox .pn_list a:hover{text-decoration:underline;}

.boardPost form > dl{display:flex; width:100%; border-top:1px solid #ddd; padding:0.5em 0;}
.boardPost form > dl > dt{ vertical-align:middle; width:200px;}
.boardPost form > dl > dd{ vertical-align:middle; width:calc(100% - 200px); padding-left:1em; font-size:1rem;}
.boardPost form > dl > dd input[type="text"]{border:1px solid #ddd; padding:8px 0.5em; width: 100%; box-sizing: border-box;}
.boardPost form > dl > dd input[type="date"]{border:1px solid #ddd; padding:8px 0.5em; width:100%; max-width: 200px; box-sizing: border-box}
.boardPost form > dl > dd select{border:1px solid #ddd; padding:8px 0.5em;}
.boardPost form > dl > dd option{font-size:15px; line-height:1.8;}
.boardPost .btnBox{border-top:1px solid #ddd; padding-top:2em;}


.sub22 .txt {margin-top: 2em;;}
.imgtxt-wrap {display: flex; margin-top:1.5em; width:100%; justify-content: space-between;flex-direction: row-reverse;}
.imgtxt-wrap img {width:700px; border:1px solid #e5e5e5;}
.imgtxt-wrap.center {align-items: center;}
.imgtxt-wrap .list-style01 {margin-left:2.5em;}
p.summary {font-size:20px; padding:0 1em;}
.list-style01 {width:100%; margin-top: 1em;}
.list-style01 li{ position: relative; padding-left:30px; font-size:20px; margin-bottom:7px;}
.list-style01 li:before{position:absolute; left:10px; top:13px;  content: "";
    display: block; width:6px; height:6px; border-radius: 50%; background:var(--main-color);
}

.define-style01 {padding-left:20px;margin-top: 1em;margin-left:2.5em;}
.define-style01 h3{color:var(--main-color)}
.define-style01 li {margin-bottom:20px;}
.define-style01 li span {font-size: 18px;;}


/*AS*/

.as_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #111;
    border-bottom: 1px solid #dddddd;
    padding: 2rem 0;
    margin: 6rem 0;
}

.as_box_left { }
.as_box_left p { 
font-size: 2.4rem;
font-weight: 700;
}

.as_box_right {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.as_box_right span {

color:var(--main-color);
font-size: 3rem;
}


.as_box_right p { 
    font-size: 2.4rem;
    font-weight: 700;
    }

@media (max-width:768px) {

    
.as_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #111;
    border-bottom: 1px solid #dddddd;
    padding: 2rem 0;
    margin: 3rem 0;
}

 .as_box_left p { 
font-size: 1.25rem;
font-weight: 700;
}

.as_box_right {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.as_box_right span {

color:var(--main-color);
font-size: 1.25rem;
}


.as_box_right p { 
    font-size: 1.25rem;
    font-weight: 700;
    }


}