h3{margin-bottom:5%;padding-bottom:2%;border-bottom:2px solid #111;font-size:2.250em;font-weight:400;color:#111}
h4{display:block;margin:6% 0 3%;font-size:1.5em;font-weight:400;color:#111}
h4:before{display:inline-block;width:25px;height:25px;margin-right:10px;background:url(../images/common/h4.png) no-repeat left top;vertical-align:middle;content:""}
h5{display:block;margin:4% 0 1%;font-size:1em;font-weight:400;color:#004b9b;line-height:1.5}
h5:before{display:inline-block;width:16px;height:16px;margin-right:10px;background:url(../images/common/h5.png) no-repeat left top;vertical-align:middle;content:""}
h3+h4{margin-top:0}
h4+h5{margin-top:0}
h5+h6{margin-top:0}
h5+h5{margin-top:3%}
p{padding-top:30px}
p:first-child{padding-top:0}
h3+p{padding-top:0}
h4+p{padding-top:0}
h5+p{padding-top:0}

.dotLst_01 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
.dotLst_01 li li{font-size:0.938em;line-height:160%}
.dotLst_01 li:before{position:absolute;top:15px;left:0;width:5px;height:2px;background-color:#666;content:""}
.dotLst_01 li li:before{position:absolute;top:11px;left:0;width:5px;height:5px;background-color:#aaa;content:""}
p.dotLst_01{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
p.dotLst_01:before{position:absolute;top:15px;left:0;width:5px;height:2px;background-color:#666;content:""}
.dotLst_02 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
.dotLst_02 li li{font-size:0.938em;line-height:160%}
.dotLst_02 li:before{position:absolute;top:15px;left:0;width:5px;height:1px;background-color:#666;content:""}
.dotLst_02 li li:before{position:absolute;top:11px;left:0;width:5px;height:5px;border-radius:100%;background-color:#aaa;content:""}
p.dotLst_02{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
p.dotLst_02:before{position:absolute;top:15px;left:0;width:5px;height:1px;background-color:#666;content:""}
.dotLst_03 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
.dotLst_03 li:before{position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#666;content:""}
.dotLst_03 li ul{margin-top:5px}
.dotLst_03 li li:before{position:absolute;top:15px;left:0;width:4px;height:1px;background-color:#666;content:""}
.dotLst_03_2 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
.dotLst_03_2 li:before{position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#006cb6;content:""}

.circleLst_01_wrap{clear:both;}
.circleLst_01{clear:both;display:inline-block}
.circleLst_01 dl{float:left;display:block;width:370px;height:370px;margin-right:-15px;margin-left:-15px;padding:6% 6% 0;border-radius:100%;background:rgba(0, 108, 182, .8);text-align:center}
.circleLst_01 dl dt{padding-bottom:10%;font-size:31px;font-weight:bold;color:#fff;line-height:130%}
.circleLst_01 dl dt em{display:block;padding-bottom:3%;font-size:18px;font-weight:400;color:rgba(255,255,255,.8);line-height:130%}
.circleLst_01 dl dt span{display:block;margin:3% -3% 0;padding:2%;border:1px solid rgba(255,255,255,.5);border-radius:30px;font-size:14px;font-weight:400;color:#fff;line-height:130%;letter-spacing:-.08em}
.circleLst_01 dl.left{background:rgba(60, 177, 73, .8)}
.circleLst_01 dl.right{background:rgba(118, 64, 173, .8)}
.circleLst_01 dl dt{}
.circleLst_01 dl dd{text-align:left;line-height:130%}
.circleLst_01 dl li{margin-bottom:5px;color:#b8f4ff}
.circleLst_01 dl.left li{color:#caffb8}
.circleLst_01 dl.right li{color:#ebccff}
.circleLst_01 .dotLst_01 li:before{background-color:#b8f4ff}
.circleLst_01 .left .dotLst_01 li:before{background-color:#caffb8}
.circleLst_01 .right .dotLst_01 li:before{background-color:#ebccff}
.circleLst_02{clear:both;text-align:center}
.circleLst_02 ul{clear:both;display:inline-block;padding:0;text-align:center}
.circleLst_02 li{display:inline-block;width:170px;height:170px;margin:0 18px;padding-top:70px;border:4px dotted #d8d8d8;border-radius:100%;font-size:18px;font-weight:bold;color:#000;line-height:1;text-align:center}

.break-inside-a{break-inside:avoid-column}

#tab1{clear:both;margin-bottom:4%}
#tab1:after{clear:both;display:block;content:""}
#tab1 ul{clear:both}
#tab1 li{float:left}
#tab1 li a{overflow:hidden;display:block;position:relative;z-index:0;margin:0 -1px 0 0;padding:15px 5px;border:1px solid #ccc;color:#555;text-align:center;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
#tab1 li a.active{background-color:#012b5d;font-weight:700;color:#fff}
#tab1 li a:hover{background-color:#fafafa}
#tab1 li a.active:hover{background-color:#012b5d;font-weight:700;color:#fff}
#tab1.tab1 li{width:100%}
#tab1.tab2 li{width:50%}
#tab1.tab3 li{width:33.3333%}
#tab1.tab4 li{width:25%}
#tab1.tab5 li{width:20%}
#tab1.tab6 li{width:16.6666%}
#tab1.tab7 li{width:14.2857%}
#tab1.tab8 li{width:12.5%}
#tab1.tab9 li{width:11.1111%}
#tab1.tab10 li{width:10%}
#tab1.tab1 li:nth-child(n+2),
#tab1.tab2 li:nth-child(n+3),
#tab1.tab3 li:nth-child(n+4),
#tab1.tab4 li:nth-child(n+5),
#tab1.tab5 li:nth-child(n+6),
#tab1.tab6 li:nth-child(n+7),
#tab1.tab7 li:nth-child(n+8),
#tab1.tab8 li:nth-child(n+9),
#tab1.tab9 li:nth-child(n+10),
#tab1.tab10 li:nth-child(n+11){margin-top:-1px}
#tab1-content{clear:both}
#tab1-content .tab1-item{display:none}
#tab1-content > .tab1-item:first-child{display:block}

.box1{padding:4% 3%;border-top:2px solid #0e1518;background-color:#f8f8f8}
.box2_wrap{padding:7px;border:1px solid #ddd;background-color:#f1f1f1}
.box2{padding:4% 3%;background-color:#fff}
.box3{padding:4% 3%;border:8px solid transparent;-webkit-border-image:url(../images/boxline_8x4.gif) 20% round;-o-border-image:url(../images/boxline_8x4.gif) 20% round;border-image:url(../images/boxline_8x4.gif) 20% round;background-color:#fafafa}
.box3_b{padding:4% 3%;border:8px solid transparent;-webkit-border-image:url(../images/boxline_8x4_b.gif) 20% round;-o-border-image:url(../images/boxline_8x4_b.gif) 20% round;border-image:url(../images/boxline_8x4_b.gif) 20% round;background-color:#fafdff}
.box4{padding:4% 3%;border:1px solid #ddd;background-color:#fff}

.flowchart{width:100%;margin: 0px auto;clear: both;}
.flowchart li{text-align:center}
.flowchart li:after,.flowchart li dl:after{content:" ";display:block;clear:both;}
.flowchart li dl{clear:both;display:table;width:100%;border:1px solid #ccc}
.flowchart li dl dt {display:table-cell;width:30%;height:100%;padding:4% 3%;background-color:#ddd;font-weight:400;text-align:center}
.flowchart li dl dd{display:table-cell;width:70%;height:100%;padding:4% 3%;text-align:left}
.flowchart li dl dd ul{clear:both;}
.flowchart li dl dd ul li{position:relative;margin:0;padding:0 0 0 7px;text-align:left}
.flowchart li dl dd ul li:before{position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#888;content:""}

.tbl1{border-top:2px solid #333;width:100%}
.tbl1 th{background-color:#fbfbfb;padding:1.2% 1.2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all;text-align:center}
.tbl1 td{padding:1.2% 1.2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl1 thead th,#content .tbl1 thead td{padding:1.5% 1.2%}
.tbl1 thead tr th:last-child,
.tbl1 tbody tr td:last-child,
.tbl1 tfoot tr td:last-child{border-right:0}
.tbl1 th{font-weight:400}

.tbl2{border-top:2px solid #012b5d;width:100%}
.tbl2 th{background-color:#fafbfb;padding:.8% .8%;border-bottom:1px solid #dedee1;border-right:1px solid #dedee1;word-wrap:break-word;word-break:break-all;text-align:center}
.tbl2 td{padding:.8% .8%;border-bottom:1px solid #dedee1;border-right:1px solid #dedee1;word-wrap:break-word;word-break:break-all}
.tbl2 thead th,#content .tbl1 thead td{padding:1% .8%;background-color:#dde6ee;color:#002b5c}
.tbl2 thead tr th:last-child,
.tbl2 tbody tr td:last-child,
.tbl2 tfoot tr td:last-child{border-right:0}
.tbl2 th{font-weight:400}

.history-wrap{position:relative}
.history-wrap > .bar{position:absolute;top:30px;bottom:0;left:50%;width:1px;margin-left:-1.5px;background-color:#ccc}
.history-item{position:relative;margin-top:-10%}
.history-item:first-child{margin-top:0}
.history-item:before{position:absolute;top:25px;left:50%;width:15px;height:15px;margin-left:-8px;border-radius:100%;background-color:#006dc6;content:""}
.history-item-left{padding-right:52%;text-align:right}
.history-item-right{padding-left:52%}
.history-item > label{display:block;margin-bottom:15px;font-size:36px;font-weight:400;color:#006dc6}
.history-detail li{margin-bottom:10px}
.history-detail li span{display:block;font-weight:400;color:#111;line-height:1}
.history-img{margin-top:3%}
.history-img li{display:inline-block;max-width:48%}
.history-img li:nth-child(2n+1){margin-right:4%}
.history-img li:nth-child(2n){margin-left:-4px}
.history-img span{width:48%}
.history-item-left .history-detail li .history-img span{display:inline-block;width:48%}

#svisual{position:relative;z-index:10;height:270px;line-height:1}
#svisual #svisualTit{position:absolute;z-index:10;width:100%;height:195px;padding-top:4%;font-size:18px;color:#fff;text-align:center}
#svisual #svisualTit p{padding:0;font-family:'NanumSquare';color:#fccf36;letter-spacing:-.05em;line-height:1;text-shadow:1px 1px 5px rgba(0,0,0,.5)}
#svisual #svisualTit .svisualtit1{letter-spacing:0}
#svisual #svisualTit .svisualtit2{margin-top:1%;font-size:1.5em}
#svisual #svisualTit .svisualtit2:after{display:block;width:1px;height:15px;margin:1% auto;background-color:#fccf36;content:""}
#svisual #svisualTit .svisualtit3{font-size:2em;font-weight:bold}
#svisual .svisual1_bgWrap{overflow:hidden;position:relative;height:270px;}
/*#svisual .svisual1_bgWrap:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/views/main/basic/images/pattern.png) no-repeat center 100%; background-size: cover; opacity: 0.7; z-index: 9;}*/
#svisual .svisual_bg,
#svisual .svisual1_bg,
#svisual .svisual2_bg,
#svisual .svisual4_bg,
#svisual .svisual5_bg{position:absolute;top:0;z-index:1;width:100%;height:320px;background:url(../images/sub/svisual.jpg) no-repeat center top;animation:svisual 4s ease}
@keyframes svisual{0% {top:0} 40% {top:-50px} 100% {top:0}}
#svisual a{display:block;height:45px;line-height:45px;text-decoration:none}
#svisual img{vertical-align:middle}
#svisual .snbWrap{position:absolute;bottom:0;z-index:10;width:100%;background-color:rgba(8,17,35,.2)}
#snb>ul>li{float:left;position:relative}
#snb a{overflow:hidden;width:175px;padding:0 40px 0 20px;font-size:15px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
#snb a:hover{background-color:rgba(0,0,0,.2)}
#snb>ul>li>ul{display:none}/*두번째메뉴숨김*/
#snb>ul>li>ul.active{display:block;position:absolute;top:45px;z-index:11}/*두번째메뉴오픈*/
#snb>ul>li>ul>li{border-top:1px solid rgba(255,255,255,.05)}
#snb>ul>li>ul>li>a{height:45px;line-height:45px;padding:0 20px}
#snb .snb_arr{position:absolute;top:15px;right:20px}
#snb .snb_home{background-color:#0b1d3d;text-align:center}
#snb .snb_home a{width:45px;padding:0}
#snb .snb1,#snb .snb1 ul{background-color:#003874}
#snb .snb2,#snb .snb2 ul{background-color:#015bb1}
#snb .snb3,#snb .snb3 ul{background-color:#4a4d56}
#snb .snb4,#snb .snb4 ul{background-color:#7d8089}
#svisual .printWrap li{float:left;position:relative;z-index:11;min-width:45px}
#svisual .printWrap>ul>li:after{display:block;position:absolute;top:17px;right:0;width:1px;height:14px;background-color:rgba(255,255,255,.2);content:""}
#svisual .printWrap>ul{position:relative}
#svisual .printWrap>ul:after{display:block;position:absolute;top:17px;left:0;width:1px;height:14px;background-color:rgba(255,255,255,.2);content:""}
#svisual .printWrap a{text-align:center}
#svisual #snsOpen{display:none}
#svisual #snsOpen.on{display:block}
#svisual .printWrap .snsWrap{display:none}
#svisual .printWrap .snsWrap.on{display:block}
#svisual .snsWrap li:after{display:block;position:absolute;top:17px;right:0;width:1px;height:14px;background-color:rgba(255,255,255,.2);content:""}

#lnb{float:left;width:22.5%;padding:0 4.1666% 5% 0}
#sideNav h2{display:block;height:140px;background-image:url(../images/sub/sidenav_bg.jpg);background-repeat:no-repeat;background-position:center center;font-size:1.5em;font-weight:bold;color:#fff;text-align:center;line-height:140px}
#sideNav a{display:block;border:1px solid #ccc;border-bottom-width:0;font-weight:400;text-decoration:none}
#sideNav li{}
#sideNav>ul{border-bottom:1px solid #ccc}
#sideNav>ul>li{}
#sideNav>ul>li>a{padding:0 10%;font-size:1.063em;line-height:60px;color:#111}
#sideNav>ul>li>ul>li>a{padding:0 15%;background-color:#f7f7f7;font-size:0.938em;line-height:40px}
#sideNav>ul>li>ul>li>ul>li>a{padding:0 20%;border-top-width:0;background-color:#fff;font-size:0.875em;line-height:30px}
#sideNav>ul>li:hover>a,#sideNav>ul>li.active>a{border-color:#3f61b2;background-color:#3f61b2;font-weight:bold;color:#fff}
#sideNav>ul>li>ul>li:hover>a,#sideNav>ul>li>ul>li.active>a{border-top-color:#5896dd;background-color:#5896dd;font-weight:bold;color:#fff}
#sideNav>ul>li>ul>li>ul>li:hover>a,#sideNav>ul>li>ul>li>ul>li.active>a{font-weight:bold;color:#5896dd}
#sideNav>ul ul{display:none}
#sideNav>ul>li:hover>ul,#sideNav>ul>li.active>ul{display:block}
#sideNav>ul>li>ul>li:hover>ul,#sideNav>ul>li>ul>li.active>ul{display:block}
#sideNav>ul>li>ul>li>ul{padding:10px 0;border-right:1px solid #ccc;border-left:1px solid #ccc}
#sideNav>ul>li>ul>li>ul>li{margin-right:-1px;margin-left:-1px}

#content{float:left;width:77.5%;padding:3% 0 5%;color:#555;line-height:2}

#content.sub_facility .table-image_info{display:none}
#content.sub_facility .table-image_tit{text-align:center}

@media screen and (max-width:1200px){
	#content .container{padding-left:0;padding-right:0}
	#svisual .printWrap{position:absolute;top:0;right:0}
}
@media screen and (max-width:1100px){
	#content,body, button, input, select, table, textarea{font-size:15px}
	th{font-size:15px;line-height:1.8}
	td{font-size:15px;line-height:1.8}
	h3{font-size:36px}
	h5{font-size:18px}
	.circleLst_01 dl{width:300px;height:300px;padding:6% 5% 0;}
	.circleLst_01 dl dt{padding-bottom:8%;font-size:27px}
	.circleLst_01 dl dt em{font-size:16px}
	.circleLst_02 li{width:140px;height:140px;margin:0 12px;padding-top:60px;font-size:16px}
}
@media screen and (max-width:1000px){
	#lnb{display:none}
	#content{float:none;width:100%;padding:3% 20px}
	#svisual{height:220px}
	#svisual .svisual1_bgWrap{height:220px}
	#svisual .svisual_bg,#svisual .svisual1_bg,#svisual .svisual2_bg,#svisual .svisual4_bg,#svisual .svisual5_bg{height:270px;background-size:auto 270px}
	#svisual #svisualTit{height:220px;padding-top:3%}
	#svisual #svisualTit .svisualtit2:after{height:10px;}
	#svisual a{height:45px;line-height:45px}
	#svisual .snbWrap{height:45px}
	#snb a{width:150px;padding:0 45px 0 20px;font-size:15px}
	#snb .snb_arr{top:15px;right:15px}
	#snb>ul>li>ul.active{top:45px}
	#snb>ul>li>ul>li>a{font-size:14px}
	#snb .snb_home a{width:40px}
	#snb .snb1{width:130px}
	#snb .snb1>ul{width:130px}
	#snb .snb1>ul>li>a{width:130px}
}
@media screen and (max-width:900px){
	.circleLst_01 dl{width:320px;height:320px;margin-right:-10px;margin-left:-10px;;padding:8% 8% 0}
	.circleLst_01 dl.right{clear:both;float:none;margin:0 auto;transform:translate(0,-20%)}
	#tab1.tab5 li,
	#tab1.tab6 li,
	#tab1.tab7 li,
	#tab1.tab8 li,
	#tab1.tab9 li,
	#tab1.tab10 li{width:20%}
	#tab1.tab5 li:nth-child(n+6),
	#tab1.tab6 li:nth-child(n+6),
	#tab1.tab7 li:nth-child(n+6),
	#tab1.tab8 li:nth-child(n+6),
	#tab1.tab9 li:nth-child(n+6),
	#tab1.tab10 li:nth-child(n+6){margin-top:-1px}
	#tab1.tab5 li:nth-child(5n+1),
	#tab1.tab6 li:nth-child(5n+1),
	#tab1.tab7 li:nth-child(5n+1),
	#tab1.tab8 li:nth-child(5n+1),
	#tab1.tab9 li:nth-child(5n+1),
	#tab1.tab10 li:nth-child(5n+1){clear:both}
	#tab1 li a{padding:12px 5px}
}
@media screen and (max-width:768px){/* 아이패드 */
	#content,body, button, input, table, textarea{font-size:14px;line-height:1.7}
	select{font-size:14px;line-height:1.5}
	th{padding:15px 10px;font-size:14px;line-height:1.7}
	td{padding:10px 10px;font-size:14px;line-height:1.7}
	h3{font-size:30px}
	h5{margin:35px 0 15px;font-size:17px}
	h6{margin:20px 0 7px;padding-left:20px;font-size:15px;background-size:14px}
	.dotLst_01 li:before{top:10px}
	p.dotLst_01:before{top:10px}
	.dotLst_02 li:before{top:10px}
	p.dotLst_02:before{top:10px}
	.dotLst_03 li:before{top:9px}
	.dotLst_03 li li:before{top:10px}
	.dotLst_03_2 li:before{top:9px}
	.circleLst_01{display:block;width:100%;height:auto;}
	.circleLst_01 dl{overflow:hidden;float:none;transform:translate(0,0) !important;width:100%;height:auto;margin:0 0 8px 0;padding:5% 8%;border-radius:80px}
	.circleLst_01 dl dt{float:left;width:40%;padding-right:10px;padding-bottom:0;font-size:21px;text-align:left}
	.circleLst_01 dl dt em{font-size:15px}
	.circleLst_01 dl dt em br{display:none}
	.circleLst_01 dl dd{float:left;width:60%;padding-left:10px;text-align:left}
	#tab1-content{clear:both}
	#tab1-content .tab1-item{display:none}
	#tab1-content > .tab1-item:first-child{display:block}
	.flowchart li dl dd ul li:before{top:10px}
	.history-wrap{position:relative}
	.history-wrap > .bar{top:10px;bottom:0;left:0}
	.history-item{margin-top:0}
	.history-item:before{top:10px;left:0}
	.history-item-left{padding-right:0;padding-left:20px;text-align:left}
	.history-item-right{padding-left:20px}
	.history-item > label{font-size:28px}
	.history-detail li span{font-weight:400}
	.history-wrap{position:relative}

	#svisual{height:160px}
	#svisual .svisual1_bgWrap{height:160px}
	#svisual .svisual_bg,
	#svisual .svisual1_bg,
	#svisual .svisual2_bg,
	#svisual .svisual4_bg,
	#svisual .svisual5_bg{height:210px;background-size:auto 210px}
	@keyframes svisual{0% {top:0} 40% {top:-30px} 100% {top:0}}
	#svisual #svisualTit{height:160px;padding-top:5%;font-size:16px;}
	#snb{display:none}
	#svisual #print{display:none}
	#svisual .snbWrap{background-color:transparent}
}
@media screen and (max-width:640px){
	h3{font-size:28px}
	.circleLst_02 li{width:135px;height:135px}
	#tab1.tab5 li,
	#tab1.tab6 li,
	#tab1.tab7 li,
	#tab1.tab8 li,
	#tab1.tab9 li,
	#tab1.tab10 li{width:33.3333%}
	#tab1.tab5 li:nth-child(n+4),
	#tab1.tab6 li:nth-child(n+4),
	#tab1.tab7 li:nth-child(n+4),
	#tab1.tab8 li:nth-child(n+4),
	#tab1.tab9 li:nth-child(n+4),
	#tab1.tab10 li:nth-child(n+4){margin-top:-1px}
	#tab1.tab5 li:nth-child(5n+1),
	#tab1.tab6 li:nth-child(5n+1),
	#tab1.tab7 li:nth-child(5n+1),
	#tab1.tab8 li:nth-child(5n+1),
	#tab1.tab9 li:nth-child(5n+1),
	#tab1.tab10 li:nth-child(5n+1){clear:none}
	#tab1.tab5 li:nth-child(3n+1),
	#tab1.tab6 li:nth-child(3n+1),
	#tab1.tab7 li:nth-child(3n+1),
	#tab1.tab8 li:nth-child(3n+1),
	#tab1.tab9 li:nth-child(3n+1),
	#tab1.tab10 li:nth-child(3n+1){clear:both}
	#tab1 li a{padding:10px 5px}

	#svisual{height:130px}
	#svisual .svisual1_bgWrap{height:130px}
	#svisual .svisual_bg,
	#svisual .svisual1_bg,
	#svisual .svisual2_bg,
	#svisual .svisual4_bg,
	#svisual .svisual5_bg{height:180px;background-size:auto 180px}
	#svisual #svisualTit{height:130px;padding-top:4%;font-size:14px}
}
@media screen and (max-width:550px){
	#content h3{font-size:26px}
}
@media screen and (max-width:480px){
	#content,body, button, input, table, textarea{font-size:13px;line-height:1.6}
	select{font-size:13px;line-height:1.4}
	th{padding:10px 5px;font-size:13px;line-height:1.6}
	td{padding:7px 5px;font-size:13px;line-height:1.6}
	h3{margin-bottom:30px;font-size:24px}
	h4{margin:40px 0 15px;font-size:19px;text-align:left}
	h4:before{display:block;width:40px;height:3px;margin:0 0 10px;content:""}
	h4 em{font-size:14px;text-align:left}
	h5{margin:30px 0 10px;font-size:15px}
	h6{margin:20px 0 5px;background-size:12px;background-position:left 3px;font-size:14px;font-weight:400}
	.circleLst_01 dl dt{float:none;width:100%;margin-bottom:10px;font-size:18px;text-align:center}
	.circleLst_01 dl dt em{padding-top:5px}
	.circleLst_01 dl dd{float:none;width:100%}
	.circleLst_02 ul{margin:0 -5px}
	.circleLst_02 li{width:90px;height:90px;margin:0 4px;padding-top:35px;font-size:14px}
	.tbl1{border-top:1px solid #333;width:100%}

	#tab1 li a{padding:8px 5px}

	.history-wrap > .bar{top:8px;bottom:0;left:0}
	.history-item{margin-bottom:20px}
	.history-item:before{top:8px;left:0;width:11px;height:11px;margin-left:-6px}
	.history-item > label{margin-bottom:0;font-size:18px}

	#svisual{height:110px}
	#svisual .svisual1_bgWrap{height:110px}
	#svisual .svisual_bg,#svisual .svisual1_bg,#svisual .svisual2_bg,#svisual .svisual4_bg,#svisual .svisual5_bg{height:130px;background-size:auto 130px}
	@keyframes svisual{0% {top:0} 40% {top:-20px} 100% {top:0}}
	#svisual #svisualTit{height:120px;padding-top:8%;font-size:13px}
	#svisual #svisualTit .svisualtit1{font-size:2em}
	#svisual #svisualTit .svisualtit2{font-size:1.333em}
	#svisual #svisualTit .svisualtit2:after{display:none}
	#svisual #svisualTit .svisualtit3{margin-top:2%;font-size:1.5em}
}
@media screen and (max-width:414px){
	#content h3{font-size:22px}
	#svisual #svisualTit{display:none}
}
@media screen and (max-width:360px){
	#content,body, button, input, table, textarea{font-size:13px;line-height:1.5}
	h3{font-size:19px}
	h4{font-size:16px}
	h4 em{font-size:13px}
	h5{font-size:14px}
	.dotLst_01 li:before{top:8px}
	p.dotLst_01:before{top:8px}
	.dotLst_02 li:before{top:8px}
	p.dotLst_02:before{top:8px}
	.dotLst_03 li:before{top:7px}
	.dotLst_03 li li:before{top:8px}
	.dotLst_03_2 li:before{top:7px}
	.circleLst_02 li{float:left;width:50%;height:60px;margin:0 -1px -1px 0;padding-top:22px;border:1px solid #d8d8d8;border-radius:0}
	#tab1.tab5 li,
	#tab1.tab6 li,
	#tab1.tab7 li,
	#tab1.tab8 li,
	#tab1.tab9 li,
	#tab1.tab10 li{width:50%}
	#tab1.tab5 li:nth-child(n+3),
	#tab1.tab6 li:nth-child(n+3),
	#tab1.tab7 li:nth-child(n+3),
	#tab1.tab8 li:nth-child(n+3),
	#tab1.tab9 li:nth-child(n+3),
	#tab1.tab10 li:nth-child(n+3){margin-top:-1px}
	#tab1.tab5 li:nth-child(3n+1),
	#tab1.tab6 li:nth-child(3n+1),
	#tab1.tab7 li:nth-child(3n+1),
	#tab1.tab8 li:nth-child(3n+1),
	#tab1.tab9 li:nth-child(3n+1),
	#tab1.tab10 li:nth-child(3n+1){clear:none}
	#tab1.tab5 li:nth-child(2n+1),
	#tab1.tab6 li:nth-child(2n+1),
	#tab1.tab7 li:nth-child(2n+1),
	#tab1.tab8 li:nth-child(2n+1),
	#tab1.tab9 li:nth-child(2n+1),
	#tab1.tab10 li:nth-child(3n+1){clear:both}
	#tab1 li a{padding:6px 5px}

	.flowchart li dl dd ul li:before{top:8px}

	#svisual{height:90px}
	#svisual .svisual1_bgWrap{height:90px}
	#svisual .svisual_bg,#svisual .svisual1_bg,#svisual .svisual2_bg,#svisual .svisual4_bg,#svisual .svisual5_bg{height:110px;background-size:auto 110px}
}
@media screen and (max-width:320px){
	#tab1 li a{padding:5px 5px}
}