#sub-vis{background-color:#000; background-repeat:no-repeat; background-position:50% 0; background-size:cover; height:430px; position:relative; padding-top:190px; box-sizing:border-box;}
/*#sub-vis:after{content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; top:130px; left:0; }*/
.SV1{background-image:url(../../images/sub/sub-visual01.jpg);}
.SV2{background-image:url(../../images/sub/sub-visual02.jpg);}
.SV3{background-image:url(../../images/sub/sub-visual03.jpg);}
.SV4{background-image:url(../../images/sub/sub-visual04.jpg);}
.SV5{background-image:url(../../images/sub/sub-visual01.jpg);}
.sub-vis-box{position:relative; width:100%; max-width:1240px; color:#fff; text-align:center; margin:0 auto; box-sizing:border-box;}
.sub-vis-box .sv01{line-height:1em; letter-spacing:0.02em; font-size:5rem; font-weight:600;}
.sub-vis-box .sv02{font-size:1.8rem; opacity:0.7; margin-top:2rem; letter-spacing:0.03em;}
.sub-vis-box .sv02 strong{font-weight:600;}

#snb{height:60px; line-height:60px;width:100%;position:relative; margin-top:-30px;  z-index:1;}
#snb .snb-area{max-width:1240px;  margin:0 auto;  box-sizing:border-box; position:relative; z-index:1; background:#122132; box-shadow:0 3px 13px 7px rgba(0, 0, 0, 0.15);}
#snb .snb-area div{position:relative; display:inline-block; font-size:1.7rem; color:#fff; vertical-align:top; height:60px; text-align:left; font-weight:400; }
#snb .snb-area div:not(:first-of-type){margin-left:35px; padding-left:35px;}
#snb .snb-area div:not(:first-of-type):before{content:""; display:inline-block; width:1px; height:18px; background:#d2d2d2; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#snb .snb-area div.snb01{margin-left:30px; font-size:2rem;}
#snb .snb-area div.snb02{margin-left:20px;}
#snb .snb-area div.snb03{width:250px;}
#snb .snb-area div.snb03 p{cursor:pointer; font-weight:500;}
#snb .snb-area div.snb03 i{position:absolute; top:2px; right:10px; display:inline-block; line-height:60px; color:#fff; font-size:2.3rem; vertical-align:middle;}
#snb .snb-area div.snb03 .s_menu_tit.on i{top:-2px; transform:rotate(180deg);}

#snb .snb-list{position:absolute; width:262px; background:#fff; top:60px; right:0px; padding:10px 0; box-shadow:0 0 6px 5px rgba(0,0,0,0.1);  z-index:2;}
#snb .snb-list.hide{display:none;}
#snb .snb-list li a{font-size:1.7rem;  padding:13px 15px; line-height:1.1; display:block; font-weight:500; color:#333;}
#snb .snb-list li.current a{color:#003f8c;  text-decoration:underline;}
#snb .snb-list li:hover a{color:#003f8c;  text-decoration:underline;}

#sub-tit{text-align:center; position:relative; width:100%;  max-width:1240px; margin:0 auto; /*border-bottom:1px #e4e4e4 solid;*/ letter-spacing:-0.02em; padding:8rem 0 0px;}
#sub-tit .top_tit{display:inline-block; font-size:4rem; font-weight:600;  position:relative; line-height:1em; }

#sub-content{padding:8rem 0; font-size:1.8rem;}

/*테이블 기본*/
table{border-top:2px solid #0f172a;}
table th{font-weight:normal; font-weight:400; border-bottom:1px #e0e0e0 solid; padding:1.5rem; font-size:1.7rem; font-weight: 600; background:#eef1f5; text-align:left;}
table th.title{font-size:1.9rem; background:#fff !important; color:#1d7bc3;}
table td{padding:1.5rem; border-bottom:1px #e0e0e0 solid; font-size:1.7rem; border-left:1px solid #e0e0e0; }
table td.first{border-left-width:0;}
table.left th{text-align:left; padding:20px; background:#f7f7f7;color:#111; font-size:1.7rem;}
select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 10px; box-sizing:border-box; height:40px; border:1px #e0e0e0 solid;}
table .left{text-align:left;}
table .right{text-align:right;}
table .center{text-align:center;}
table thead th{text-align:center;  border-left:1px solid #d5d5d5;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_150p{width:150px;}
.w_200p{width:200px;}
.w_100{width:100%;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_10{margin-top:1rem;}
.mt_15{margin-top:1.5rem;}
.mt_20{margin-top:2rem;}
.mt_30{margin-top:3rem;}
.mt_40{margin-top:4rem;}
.mt_50{margin-top:5rem !important;}
.mt_60{margin-top:6rem;}
.mb_70{margin-bottom:7rem;}
.mt_70{margin-top:7rem;}
.mt_80{margin-top:8rem;}
.pt_10{padding-top:10px;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display: inline-block; padding: 3px 10px; background: #333333; color: #fff; font-size: 1.4rem;}
.require_txt{text-align:right; margin-bottom:5px; font-size:1.5rem;}
.tiny_txt {display: block; color: #0096db; font-size: 1.45rem; margin-top: 10px; font-weight:500;}
.tiny_txt.inline{display:inline-block; margin-left:10px; margin-top:0;}
.tiny_txt.black{color:#000;}
.tiny_txt.black em{color:#3b5bdb; font-weight:500;}
label{vertical-align:middle;}
input[type="radio"], input[type="checkbox"]{margin: 0 5px 0px 10px; height:20px; line-height:20px;}
input[type="radio"].first, input[type="checkbox"].first{margin-left:0;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0;}
.tel_selc input {width: 100px !important; box-sizing:border-box;}
.center{text-align:center;}

.s_tit{position:relative; display:block;  font-size: 2.5rem; color: #000000; margin-bottom:2rem; padding-top:1rem; font-weight:600; }
.s_tit:before{content:""; display:block; width:30px; height:3px; background:#003f8c; position:absolute; top:0; left:0;}

.youtube_box{position: relative; padding-bottom: 44.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin: 0;}
.youtube_box iframe,
.youtube_box object,
.youtube_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube_box iframe{border:0;}

.gubun_line{margin:8rem 0; border:1px dashed #d1d1d1; }

.dot_list li{position:relative; padding-left:2rem; margin-top:1rem;}
.dot_list li:first-child{margin-top:0 !important;}
.dot_list li span{position:absolute; top:0; left:0;}

.LR_wrap{position:relative;}
.LR_wrap .left_box{position:absolute; top:0; left:0;}
.LR_wrap .right_box{margin-left:250px;}
.LR_wrap .right_box img{max-width:100%;}

.tab-box{border-bottom:1px solid #d1d1d1; margin-bottom:8rem; text-align:center;}
.tab-box .s-tab-list li{display:inline-block;}
.tab-box .s-tab-list li a{position:relative; display:block; padding:1.2rem 5rem; font-size:2rem; color:#7a7a7a; font-weight:500;}
.tab-box .s-tab-list li.active a{color:#026d4c; font-weight:600;}
.tab-box .s-tab-list li.active a:after{content:""; display:block; width:9px; height:9px; border-radius:999px; background:#026d4c; position:absolute; bottom:-4.5px; left:50%; transform:translateX(-50%);}

#about_greeting .pt_wrap{display:flex; flex-direction:row-reverse; justify-content:space-between;}
#about_greeting .pt_wrap .pic_box{width:240px; margin-top:4rem;}
#about_greeting .pt_wrap .pic_box .image img{max-width:100%; box-shadow:0 0 11px 4px rgba(0, 0, 0, 0.2);}
#about_greeting .pt_wrap .pic_box .name{text-align:center; font-weight:500; margin-top:1.7rem;}
#about_greeting .pt_wrap .pic_box .name em{display:block; font-size:2.5rem; color:#003f8c; font-weight:700; }

#about_greeting .pt_wrap .txt_box{border-left:2px solid #dfdfdf; }
#about_greeting .pt_wrap .txt_box .top_tit{position:relative; font-size:3rem; font-weight:400; line-height:1.5em; padding-left:5rem;}
#about_greeting .pt_wrap .txt_box .top_tit:before{content:""; display:block; width:2px; height:100%; background:#003f8c; position:absolute; top:0; left:-2px;}
#about_greeting .pt_wrap .txt_box .top_tit em{color:#003f8c; font-weight:700;}
#about_greeting .pt_wrap .txt_box p{margin-top:4rem; font-weight:500; font-size:1.9rem; padding-left:5rem;}

#about_intro .purpose_wrap{background:url(../../images/sub/about-purpose-bg.jpg) no-repeat; padding:17rem 12rem 0; margin-bottom:8rem;}
#about_intro .purpose_wrap .cont_box{padding:5rem 4rem 0; background:#fff; text-align:center;}
#about_intro .purpose_wrap .cont_box .s_tit{padding-bottom:2rem;}
#about_intro .purpose_wrap .cont_box .s_tit:before{top:auto; bottom:0; left:50%; transform:translateX(-50%);}
#about_intro .purpose_wrap .cont_box .txt{line-height:1.8em; font-weight:600;}

.business_wrap .bw_item{padding:8rem 0;}
.business_wrap .bw_item:nth-child(odd){background:#f5f5f5;}
.business_wrap .pt_wrap{display:flex; justify-content:space-between; align-items:center;}
.business_wrap .pt_wrap .pic_box span{position:relative; display:inline-block;}
.business_wrap .pt_wrap .pic_box span:after{content:""; display:block; width:100%; height:100%; border:1px solid #003f8c; position:absolute; top:10px; left:10px; z-index:1;}
.business_wrap .pt_wrap .pic_box img{width:550px; max-width:100%;}
.business_wrap .pt_wrap .txt_box{width:calc(100% - 650px); max-width:100%;}
.business_wrap .pt_wrap .txt_box p{padding:0 2rem;}
.business_wrap .pt_wrap .txt_box .tb01{font-size:3rem; color:#003f8c; font-weight:700;}
.business_wrap .pt_wrap .txt_box .tb02{font-size:1.6rem; color:#979797; font-weight:300; letter-spacing:0.05em;}
.business_wrap .pt_wrap .txt_box ul{border-top:1px solid #003f8c; padding:2.5rem 2rem; margin-top:2.5rem;}
.business_wrap .pt_wrap .txt_box li{margin-top:0.5rem;}

.business_wrap .bw_item:nth-child(even) .pt_wrap{flex-direction:row-reverse;}
.business_wrap .bw_item.green .pt_wrap .pic_box span:after{border-color:#026d4c;}
.business_wrap .bw_item.green .pt_wrap .txt_box .tb01{color:#026d4c;}
.business_wrap .bw_item.green .pt_wrap .txt_box ul{border-color:#026d4c;}
.business_wrap .bw_item:last-child{padding-bottom:1rem;}

.history_Form{position:relative; width:100%;  padding-left:50%; box-sizing:border-box;}
.history_Form:before{content:""; display:block; width:2px; height:calc(100% - 20px); background:#d7d7d7; position:absolute; top:20px; left:50%;}
.history_Form .ht_box{position:relative;}
.history_Form dl{position:relative; text-align: right;  margin-left: -577px;   width: 570px;  padding-right: 100px; margin-bottom: 8rem; min-height:298px; box-sizing: border-box;}
.history_Form dl:nth-child(odd){text-align: left; padding-left: 110px;  position: relative;  margin-left: 0; padding-right: 0;}
.history_Form dl:last-child{margin-bottom:0;}
.history_Form dl dt{position:relative;  margin-bottom:2rem;}
.history_Form dl dt:before{content:""; display:block; width:11px; height:11px; background:#003f8c; border-radius:999px; position:absolute; top:13px;  right:-113px; z-index: 1;}
.history_Form dl:nth-child(odd) dt:before{left:-114px; right:auto;}
.history_Form dl dt span{position:relative; display:inline-block; font-size:3rem; font-family:'Gmarket Sans', sans-serif; font-weight:700; color:#003f8c;}
.history_Form dl dt span:before{content:"";display:block; width:90px; height:1px; background:#003f8c; position:absolute; top:18px; right:-107px;}
.history_Form dl:nth-child(odd) dt span:before{left:-114px; right:auto;}
.history_Form dl dd span{font-weight:500;margin-left:10px; font-size:1.8rem;}
.history_Form dl:nth-child(odd) dd span{margin-right:10px; margin-left:0;}
.history_Form dl dd li{position:relative; margin-top:1.3rem;  padding-right:5rem; word-break:keep-all;}
.history_Form dl dd li:first-child{margin-top:0;}
.history_Form dl dd li span{position:absolute; top:0; right:0;  font-weight:700;}
.history_Form dl:nth-child(odd) dd li{padding-right:0; padding-left:4.5rem;}
.history_Form dl:nth-child(odd) dd li span{right:auto; left:0;}
.history_Form dl dd li .dept {margin-top:3px; margin-left:1rem;}
.history_Form dl dd li .dept li{padding-right:10px; font-size:1.6rem; margin-top:5px;}
.history_Form dl:nth-child(odd) dd li .dept li{padding-left:10px;}
.history_Form dl dd li .dept li span{top:-3px;}
.history_Form dl dd.h_img_box{position:absolute; top:7px; right:-556px;}
.history_Form dl:nth-child(odd) dd.h_img_box{left:-550px; right:auto;}
.history_Form dl dd.h_img_box img{height:293px;}
.history_Form dl dd.h_img_box.diy01{right:-230px;}
.history_Form dl.pic_02{min-height:470px;}
.history_Form dl.pic_02 img{display:block;}
.history_Form dl.pic_02 img:first-child{margin-bottom:10px;}

.history_Form dl:nth-child(even) dt span{color:#026d4c;}
.history_Form dl:nth-child(even) dt span:before{background:#026d4c;}
.history_Form dl:nth-child(even) dt:before{background:#026d4c;}

#about_organization .og_box{position:relative; padding:8rem 13rem; background:#fafafa; border:1px solid #e6e6e6; overflow:hidden;}
#about_organization .og_box:before{content:""; display:block; width:2px; height:74%; background:#d5d5d5; position:absolute; top:7rem; left:50%; transform:translateX(-50%);}
#about_organization .og_box:after{content:""; display:block; width:372px; height:208px; background:url(../../images/sub/about-organ-symbol.png) no-repeat; position:absolute; bottom:-3rem; left:0;}
#about_organization .og_box li{position:relative; text-align:center;}
#about_organization .og_box li:not(:first-child){margin-top:4rem;}
#about_organization .og_box p{position:relative; display:inline-block; width:22rem; height:6rem; line-height:6rem; color:#fff; font-size:2.1rem; font-weight:600; text-align:center; background:#444655;  z-index:1;}
#about_organization .og_box li:not(:first-child) p{box-shadow:0 0 8px 3px rgba(0,0,0,0.2);}
#about_organization .og_box .og_list_01{text-align:center;}
#about_organization .og_box .og_list_01 p{position:relative; display:inline-block; width:13rem; height:13rem; border-radius:999px; box-sizing:border-box; line-height:inherit; }
#about_organization .og_box .og_list_01 p:before{content:""; display:block; width:15rem; height:15rem; background:#ffffff; border:1px solid #003f8c; border-radius:999px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#about_organization .og_box .og_list_01 p span{display:block; position:relative; z-index:1; background:#003f8c; padding-top:4.8rem; width:100%; height:100%; border-radius:999px; box-sizing:border-box;}
#about_organization .og_box .og_list_01 p img{height:3.5rem;}
#about_organization .og_box .og_list_01 p em{display:block; font-size:2.5rem; font-weight:600; color:#fff; }
#about_organization .og_box .og_list_02{position:relative; text-align:center; z-index:1; margin-top:5rem !important;}
#about_organization .og_box .og_list_03{position:relative; text-align:right;}
#about_organization .og_box .og_list_03:before{content: ""; display: block; width: 11px; height: 11px; background: #d5d5d5; border-radius: 999px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1;}
#about_organization .og_box .og_list_03:after{content: ""; display: block; width: 50%; height: 2px; background: #d5d5d5; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#about_organization .og_box .og_list_03 p{position:relative; background:#919fa9;}
#about_organization .og_box .og_list_04 p{background:#002d65;}
#about_organization .og_box .og_list_05 p{background:#1458ab;}

/*정관*/
.article_box .txt_center{text-align:center;}
.article_box .txt_center p{font-weight:500;}
.article_box .txt_right{text-align:right;}
.article_box .txt_right p{padding:0; margin-bottom:0;}
.article_box section{position:relative; box-sizing:border-box; }
.article_box dl.row{display:flex; align-items:center;}
.article_box dl.row dt{margin-right:1.5rem; min-width:90px;}
.article_box dl.row dd.block{display:block; width:100%;}
.article_box section .dep1{padding-left:2rem;}
.article_box .arti_tit{position:relative; display:block;  font-size: 2.5rem; color: #000000; margin-bottom:2rem; padding-top:1rem; font-weight:600; }
.article_box .arti_tit:before{content:""; display:block; width:30px; height:3px; background:#003f8c; position:absolute; top:0; left:0;}
.article_box .arti_tit.sub{font-size:2rem; padding-top:0; color:#54a4de; margin-top:2rem; margin-bottom:1rem;}
.article_box .arti_tit.sub.first{margin-top:0;}
.article_box .arti_tit.sub:before{display:none;}
.article_box p{padding:0.5rem 0;  margin-bottom:1rem;}
.article_box section.date p{display:inline-block; margin-bottom:0; padding-top:0;}
.article_box section.date em{margin:0 0.5rem; color:#ccc;}
.article_box p strong{font-weight:600; margin-right:1rem;}
.article_box dl{margin-top:2rem; }
.article_box dl:first-child{margin-top:0;}
.article_box dl dt{font-weight:500; font-size:1.9rem;}
.article_box dl dd{font-size:1.7rem; font-family: "Noto Sans KR", sans-serif;}
.article_box dl dd p{padding:3px 0; margin-bottom:0;}
.article_box ul{margin-top:0.5rem;}
.article_box li{padding-top:0.5rem; font-family: "Noto Sans KR", sans-serif; font-size:1.7rem;}
.article_box li:first-child{padding-top:0;}
.article_box li.no-left{padding-left:0;}
.article_box li ul li{font-size:1.6rem;}

.busi_comm .business_wrap .bw_item{background:#fff; padding:0;}

#about_ci .cont_wrap{display:flex; justify-content:space-between;}
#about_ci .cont_wrap > div{width:calc((100% - 5rem)/2);}
#about_ci .cont_wrap .logo_box{position:relative; height:26rem; background:url(../../images/sub/logo-pat-bg.png); border:1px solid #e5e5e5; border-width:0 1px 1px 0;}
#about_ci .cont_wrap .logo_box img{width:238px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#about_ci .cont_wrap .title{font-size:2rem; background:#003f8c; color:#fff; font-weight:600; padding:1.2rem; text-align:center;}
#about_ci .cont_wrap .cw02 .logo_box img{width:366px; }
#about_ci .down_wrap{text-align:center;}
.down_wrap p{display:inline-block;}
.down_wrap p:first-child{margin-right:2rem;}
.down_wrap p a{display:block; padding:1.2rem 2.7rem 1.2rem 2.3rem; border:2px solid #222; font-size:1.7rem; font-weight:600; min-width:200px; box-sizing:border-box; transition:all 0.2s;}
.down_wrap p a i{display:inline-block; font-size:2rem; margin-right:0.7rem; vertical-align:middle;}

#about_direction #map{height:400px;}
#about_direction .info_box{display:flex; justify-content:space-between; align-items:center; background:#0c4280; padding:2rem 3rem;}
#about_direction .info_box p{display:inline-block; color:#fff; font-weight:500;}
#about_direction .info_box p i{display:inline-block; margin-right:0.5rem; font-size:2rem; vertical-align:middle;}
#about_direction .info_box p.tel{margin-right:3.5rem;}
#about_direction .customoverlay span{display:inline-block; background:#fff; padding:1rem 2rem; border-radius:1rem; box-shadow:0 0 5px 1px rgba(0,0,0,0.25);}
#about_direction .customoverlay img{width:230px; height:40px; max-width:inherit;}
#about_direction .LR_wrap .left_box .icon_box{margin-bottom:1.5rem;}
#about_direction .LR_wrap .left_box .icon_box img{width:40px;}
#about_direction .LR_wrap .right_box{font-weight:500;}
#about_direction .LR_wrap .right_box li{margin-top:2rem;}
#about_direction .LR_wrap .right_box .txt{font-weight:400;}

.clist_wrap ul{font-size:0;}
.clist_wrap li{display:inline-block; width:calc((100% - 100px)/3); margin-left:50px;}
.clist_wrap li:nth-child(3n+1){margin-left:0;}
.clist_wrap li:nth-child(n+4){margin-top:5rem;}
.clist_wrap li .cont_box{ border:1px solid #dcdcdc; padding:4rem 3rem 3.5rem; box-sizing:border-box; text-align:center;}
.clist_wrap li .logo_box{padding-bottom:3rem; border-bottom:1px solid #dcdcdc;}
.clist_wrap li .logo_box img{width:100%; max-width:300px;}
.clist_wrap li .txt_box{font-size:2.3rem; font-weight:600;margin-top:2.3rem;}
.clist_wrap li .txt_box .cate{font-size:1.6rem; color:#003f8c;}
.clist_wrap li .btn_box{font-size:0; margin-top:-20px; text-align:center;}
.clist_wrap li .btn_box a{display:inline-block; width:140px; font-size:1.5rem; color:#fff; font-weight:600; background:#1b1f24; height:40px; line-height:40px; vertical-align:bottom; border-radius:999px; text-align:center;}
.clist_wrap li .btn_box a i{font-size:1.6rem; display:inline-block; line-height:41px; vertical-align:bottom; margin-right:1rem;}
.clist_wrap li .btn_box a:hover{text-decoration:underline;}

#cp_info .bg_color{background:#f5f5f5; padding:2rem;}
#cp_info .item01 .right_box{text-align:center; font-weight:600;}
#cp_info .item02 .right_box{display:flex;}
#cp_info .item02 dl{width:33.3%; text-align:center;}
#cp_info .item02 dl dt{position:relative;}
#cp_info .item02 dl:not(:first-child) dt::before{content:"\e93f"; font-family:xeicon; display:block; font-size:5rem; color:#c0c0c0; position:absolute; top:30px; left:-25px;}
#cp_info .item02 dl dt span{position:relative;display:inline-block; width:125px; height:125px; background:#37aad7; border:7px solid #c7ebf8; border-radius:999px; text-align:center; box-sizing:border-box;}
#cp_info .item02 dl dt span img{display:inline-block; height:51px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#cp_info .item02 dl dd{font-size:2rem; font-weight:600; margin-top:1rem;}
#cp_info .item02 dl.item02-2 dt span{background:#1e64aa; border-color:#cbddf0;}
#cp_info .item02 dl.item02-3 dt span{background:#074583; border-color:#c5d2e0;}

#cp_info .item03 .bg_color{padding:2rem 0;}
#cp_info .item03 dl{display:flex; align-items:center;}
#cp_info .item03 dt{width:220px; text-align:center; font-size:1.9rem; color:#003f8c;  font-weight:700;}
#cp_info .item03 dd{font-weight:600;}

#cp_info .down_wrap{text-align:right; margin-top:3rem;}
#cp_info .down_wrap p{margin-right:0;}
#cp_info .down_wrap p a{min-width:inherit;}

#cp_info .item04 .num_list li{position:relative; font-weight:600; margin-top:2rem; padding-left:55px; padding-top:3px; min-height:35px;}
#cp_info .item04 .num_list span{position:absolute; top:0; left:0; display:inline-block; width:35px; height:35px; background:#003f8c; color:#fff; font-size:1.6rem; font-weight:600; border-radius:999px; text-align:center; line-height:35px; vertical-align:middle; margin-right:1.5rem;}


/*FAQ*/
#FAQ dl{margin-top:15px;word-break:keep-all; word-wrap:break-word;  width:100%;}
#FAQ dl:first-child{margin-top:0;}
#FAQ dt{border:1px #dee0e2 solid; border-left: 4px solid #003f8c; padding:15px;  position:relative; vertical-align:middle; cursor:pointer;}
#FAQ dt button{display:block; position:absolute; right:5px; top:50%; margin-top:-26px; width:50px; height:50px; background:url(../../images/sub/faq-arrow.png) no-repeat 50% -50px; font-size:0;}
#FAQ dl.hide dt button{background-position:50% 0;}
#FAQ dt span{font-size:2.5rem; font-family:'Roboto', 'Verdana'; font-weight:500; display:inline-block; vertical-align:middle; padding-right:5px; color:#25445b; position:absolute; top:10px; left:15px;}
#FAQ dt em{  font-size:1.9rem; font-weight:500; display:block; padding-left:38px; padding-right:40px;}
#FAQ dd{background:#f9f9f9; border:1px #dee0e2 solid; border-top:0; padding:15px 35px 15px 15px; position:relative; border-left: 4px solid #003f8c; word-break:keep-all;}
#FAQ dd span{display:block; font-size:2.5rem; font-family:'Roboto', 'Verdana'; font-weight:500; color:#003f8c; position:absolute;}
#FAQ dd div{padding-left:38px; font-size:1.7rem;}
#FAQ dd div,#FAQ li{ line-height:1.8;}
#FAQ dd .link{display:inline-block; color:#003f8c; font-weight:500;}
#FAQ dd .link i{font-size:1.2rem; vertical-align:super;}
#FAQ dd .link:hover{text-decoration:underline;}

#utility_sitemap .list{position:relative; margin-bottom:20px;}
#utility_sitemap .list h2{position:absolute; top:0px; left:0px; width:250px; padding-left:15px; padding-top:20px; box-sizing:border-box; border-top:2px solid #003f8c;}
#utility_sitemap .list h2 a{color:#003f8c; font-weight:600; font-size:2.3rem; display:block; }
#utility_sitemap .list ul{padding-left:300px; width:100%; box-sizing:border-box; border-top: 1px dashed #bfbfbf; padding-top:20px;}
#utility_sitemap .list > li{position:relative; display:block; min-height:60px; margin-top:50px;}
#utility_sitemap .list > li:first-child{margin-top:0;}
#utility_sitemap .list li li{position:relative; font-size:1.8rem; padding-left:15px; display:inline-block; width:30%; margin-top:10px; vertical-align:top;}
#utility_sitemap .list li li:before{content:""; display:block; width:3px; height:3px; background:#8e8e8e; border-radius:999px; position:absolute; top:11px; left:0;}
#utility_sitemap .list li li a{display:block;}
#utility_sitemap .list li li a:hover{text-decoration:underline;}

@media (hover: hover) and (pointer: fine) {
.down_wrap p a:hover{background:#222; color:#fff;}
}


@media (max-width:1280px){
#sub-vis{padding-top:235px;}

#about_intro .purpose_wrap{padding:10rem 8rem 0;}

.business_wrap .pt_wrap .pic_box img{width:490px;}
.business_wrap .pt_wrap .txt_box{width:calc(100% - 550px);}

.history_Form dl{width:500px; margin-left: -507px;}
.history_Form dl dd.h_img_box{right:-510px;}
.history_Form dl:nth-child(odd) dd.h_img_box{left:-505px;}
.history_Form dl dd.h_img_box img{height:270px;}

#about_direction .info_box{flex-direction:column;}
}

@media (max-width:1024px){
#sub-vis{height:280px; padding-top:125px;}
.sub-vis-box .sv01{font-size:4rem;}
.sub-vis-box .sv02{margin-top:1rem;}

.LR_wrap .left_box{position:static; top:auto; left:auto;}
.LR_wrap .left_box br{display:none;}
.LR_wrap .right_box{margin-left:0;}

#about_intro .purpose_wrap{background-size:cover; padding:3rem;}
#about_intro .purpose_wrap .cont_box{padding:4rem; background:rgba(255,255,255,0.95);}
#about_intro .purpose_wrap .cont_box .txt br{display:none;}

.business_wrap .pt_wrap, .business_wrap .bw_item:nth-child(even) .pt_wrap{flex-direction:column;}
.business_wrap .pt_wrap .pic_box, .business_wrap .pt_wrap .txt_box{width:100%;}
.business_wrap .pt_wrap .txt_box{margin-top:4rem;}
.business_wrap .pt_wrap .txt_box ul{padding-bottom:0;}

.history_Form{padding-left:0;}
.history_Form:before{display:none;}
.history_Form dl{width:100%; margin-left:0; text-align:left; padding-right:0; box-sizing:border-box; margin-bottom:4rem; padding-bottom:4rem; border-bottom:1px dashed #d7d7d7; min-height:auto;}
.history_Form dl:nth-child(odd){padding-left:0;}
.history_Form dl dd li{padding-right:0; padding-left:35px; margin-top:1.5rem;}
.history_Form dl dd li span{right:auto; left:0; margin-left:0;}
.history_Form dl dt{margin-bottom:1rem;}
.history_Form dl dt:before{display:none;}
.history_Form dl:nth-child(odd) dt:before{display:none;}
.history_Form dl dt span:before{display:none;}
.history_Form dl:nth-child(odd) dt span:before{display:none;}
.history_Form dl dd.h_img_box{position:static; top:auto; right:auto; margin-bottom:20px;}
.history_Form dl:nth-child(odd) dd.h_img_box{top:auto; left:auto;}
.history_Form dl dd.h_img_box img{height:350px;}
.history_Form dl dd.h_img_box.diy01{right:auto;}
.history_Form dl dd li .dept li{padding-left:15px;}

#about_ci .cont_wrap{flex-direction:column;}
#about_ci .cont_wrap > div{width:100%;}
#about_ci .cont_wrap .cw02{margin-top:4rem;}

.clist_wrap li{width:calc((100% - 50px)/2); margin-left:50px;}
.clist_wrap li:nth-child(3n+1){margin-left:50px;}
.clist_wrap li:nth-child(2n+1){margin-left:0;}
.clist_wrap li:nth-child(n+3){margin-top:5rem;}

#utility_sitemap .list > li{min-height:auto;}
#utility_sitemap .list h2{position:static; top:auto; left:auto; width:100%; padding:15px;}
#utility_sitemap .list ul{padding:10px; padding-bottom:0;}

}

@media (max-width:768px){
#sub-vis{height:160px; padding-top:107px;}
.sub-vis-box .sv01{font-size:2.5rem;}
.sub-vis-box .sv02{display:none;}

#snb{display:none; margin-top:0; height:50px; line-height:50px; background:#222;}
#snb .snb-area{padding:0;display:flex; width:100%;}
#snb .snb-area div{height:50px;}
#snb .snb-area div:not(:first-of-type){width:100%; margin-left:0; padding:0 15px;}
#snb .snb-area div.snb01, #snb .snb-area div.snb02{display:none;}
#snb .snb-area div:not(:first-of-type):before{display:none;}
#snb .snb-area div.snb03 i{margin-left:0; line-height:inherit; position:absolute; top:50%; transform:translateY(-50%); right:15px; }
#snb .snb-list{width:100%; top:50px;}

#sub-tit{padding-top:4rem;}
#sub-tit .top_tit{font-size:2.8rem;}
#sub-content{margin-top:0px; min-height:auto; padding:4rem 0;}

.s_tit{font-size:2.3rem;}

.tab-box{margin-bottom:5rem;}
.tab-box .s-tab-list li a{padding:1.2rem 2rem;}

.mt_40{margin-top:2rem;}
.mt_50{margin-top:3rem !important;}
.mt_60{margin-top:3rem;}
.mb_70{margin-bottom:4rem;}
.mt_70{margin-top:4rem;}
.mt_80{margin-top:4rem;}
select{height:30px;}
/*input[type="text"], input[type="password"] {width: 100%;}*/
input.email{min-width:140px; width:45%;}
select.email{min-width:304px; width:97%; margin-top:10px;}
.w_100p{width:95px;}
.w_120p{width:90px;}
.w_200p{width:130px;}
.tel_selc input{width:98px;}
.m_100p{width:100%; box-sizing:border-box;}

table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

table.m_title thead{display:none;}
table.m_title tr:nth-child(even){background:#f5f5f5;}
table.m_title td:nth-child(4){border-bottom-width:2px;}

.table_scroll {position:relative; overflow-x: auto; width: 100%;}
.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:50%; left:50%; margin-top: -23px; margin-left: -28px; background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto;}
.table_scroll.scrolled:before{display:none;}
.table_box { width: 120%;}
.table_box table{min-width:700px;}
.table_box table th, .table_box table td{word-break:break-all;}

.tiny_txt.inline{display:block; margin-left:0; margin-top:7px;}

.gubun_line{margin:4rem 0;}

#about_intro .purpose_wrap{padding:1.5rem; margin-bottom:5rem;}
#about_intro .purpose_wrap .cont_box{padding:3rem 2rem;}
#about_intro .purpose_wrap .cont_box .s_tit{padding-bottom:1.5rem;}
#about_intro .purpose_wrap .cont_box .txt{line-height:1.5em; font-size:1.7rem;}

.business_wrap .bw_item{padding:5rem 0;}
.business_wrap .pt_wrap .pic_box span:after{display:none; top:5px; left:5px;}
.business_wrap .pt_wrap .txt_box{margin-top:3.5rem;}
.business_wrap .pt_wrap .txt_box p{padding:0;}
.business_wrap .pt_wrap .txt_box .tb01{font-size:2.5rem;}
.business_wrap .pt_wrap .txt_box .tb02{font-size:1.5rem;}
.business_wrap .pt_wrap .txt_box ul{padding:2rem 0 0; margin-top:2rem;}

.history_Form dl dt{font-size:2.7rem;}
.history_Form dl dd{font-size:1.7rem;}
.history_Form dl dd span{font-size:1.8rem;}
.history_Form dl:nth-child(odd) dd li{padding-left:4rem;}
.history_Form dl dd li .dept li{font-size:1.5rem;}
.history_Form dl dd.h_img_box img{height:auto; width:100%; max-width:400px;}
.history_Form dl dd.h_img_box.diy01 img{height:130px; }

#about_organization .og_box{padding:5rem 3rem; }
#about_organization .og_box:before{height:75%;}
#about_organization .og_box:after{background-size:60% auto; bottom:-10rem;}
#about_organization .og_box li:not(:first-child){margin-top:2rem;}
#about_organization .og_box p{width:100%; height:5rem; line-height:5.2rem; font-size:1.8rem;}
#about_organization .og_box .og_list_01 p{margin-top:0; width:10rem; height:10rem;}
#about_organization .og_box .og_list_01 p:before{width:12rem; height:12rem;}
#about_organization .og_box .og_list_01 p span{padding-top:3.5rem;}
#about_organization .og_box .og_list_01 p em{font-size:2rem;}
#about_organization .og_box .og_list_03{padding-top:0;}
#about_organization .og_box .og_list_03 p{margin-left:0;}
#about_organization .og_box .og_list_03:before, #about_organization .og_box .og_list_03 p:before, #about_organization .og_box .og_list_03 p:after{display:none;}

#about_ci .cont_wrap .logo_box{height:20rem;}
#about_ci .cont_wrap .logo_box img{width:185px;}
#about_ci .cont_wrap .cw02 .logo_box img{width:270px;}
#about_ci .cont_wrap .title{font-size:1.8rem;}
.down_wrap p:first-child{margin-right:1rem;}
.down_wrap p a{padding:1.2rem 1.7rem 1.2rem 1.5rem; min-width:inherit; font-size:1.5rem;}

#about_direction #map{height:250px;}
#about_direction .customoverlay img{width:144px; height:25px;}
#about_direction .LR_wrap .left_box .icon_box img{width:30px;}
#about_direction .info_box{align-items:flex-start;}
#about_direction .info_box p{display:block; margin-top:1rem;}
#about_direction .info_box p.address{margin-top:0;}

.article_box .arti_tit{font-size:2.3rem; margin-bottom:1rem;}
.article_box dl.row{flex-direction:column; align-items:flex-start;}
.article_box section .dep1{padding-left:1rem;}

.clist_wrap ul{margin:0 auto;  max-width:360px;}
.clist_wrap li{width:100%; margin-left:0px;}
.clist_wrap li:nth-child(3n+1){margin-left:0px;}
.clist_wrap li:nth-child(n+2){margin-top:5rem;}
.clist_wrap li .cont_box{padding:2.5rem 2rem 3.5rem;}
.clist_wrap li .logo_box{padding-bottom:2.5rem;}
.clist_wrap li .logo_box img{max-width:200px;}
.clist_wrap li .txt_box{margin-top:2rem; font-size:2rem;}
.clist_wrap li .btn_box a{height:35px; line-height:35px; vertical-align:middle;}
.clist_wrap li .btn_box a i{line-height:35px;}

#cp_info .item01 .right_box br{display:none;}
#cp_info .item02 dl dt span{width:85px; height:85px; }
#cp_info .item02 dl dt span img{height:33px;}
#cp_info .item02 dl:not(:first-child) dt::before{font-size:3rem; top:25px; left:-13px;}
#cp_info .item02 dl dd{margin-top:0; font-size:1.8rem;}
#cp_info .item03 dl{flex-direction:column; width:100%; padding:0 2rem; box-sizing:border-box; text-align:left;}
#cp_info .item03 dt, #cp_info .item03 dd{text-align:left; width:100%;}
#cp_info .item03 dt{margin-bottom:0.5rem;}
#cp_info .down_wrap{text-align:center; margin-top:2rem;}
#cp_info .item04 .num_list li{padding-left:50px;}

#utility_sitemap .list ul{padding:0 10px;}
#utility_sitemap .list > li{margin-top:20px;}
#utility_sitemap .list h2{padding:10px;}
#utility_sitemap .list h2 a{font-size:1.8rem;}
#utility_sitemap .list li li{font-size:1.6rem; width:auto; margin-right:10px; padding-left:10px;}
}