@charset "utf-8";

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/* ************************* S : common style************************** */
.s_con{font-size:17px;line-height:1.5em}
.s_con h4{font-size:36px;font-weight:700;line-height:1.25em;color:#252525;letter-spacing:-0.05em;margin:60px 0 15px 0}
.s_con h4:first-child{margin-top:0}
.s_con h5{font-size:25px;font-weight:700;line-height:1.5em;color:#252525;margin:30px 0 10px 0}
.s_con h6{font-size:20px;font-weight:700;line-height:1.5em;color:#034694;margin:15px 0 10px 0}

.basic_p{margin:10px 0 10px 0}
.basic_ul{margin:0 0 40px 0}
.basic_ul li{padding:0 0 0 12px;margin:10px 0;position:relative}
.basic_ul li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:10px;left:0} 
.basic_ul li ul{margin:10px 0}
.basic_ul li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.basic_ul li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0}
.basic_ul li li li{padding:0 0 0 10px;margin:7px 0}
.basic_ul li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0}
.basic_ul li.li_none{padding:0}
.basic_ul li.li_none:before{display:none}

.fc_red{color:#f26a29 !important;font-style:normal}
.fc_blue{color:#0089d0 !important;font-style:normal}
.fc_gray{color:#898989 !important;font-style:normal;font-size:15px}

.table_unit{text-align:right;font-size:15px;color:#898989;margin:0 0 5px 0}
.over_table{position:relative;padding:15px 0 0 0;overflow-x: auto}
.over_table>div{overflow-x:auto} 
.over_table:before{content:"";display:block;width:40px;height:40px;background:url("/images/common/ico_con.png") no-repeat 0 -20px;position:absolute;top:0;animation:scrollImage 2s linear infinite}
.basic_table{width:100%;min-width:700px;margin:0 0 10px 0;border-top:1px solid #4a4a4a}
.basic_table th, .basic_table td{text-align:center;border:1px solid #e9e9e9;border-top:none;vertical-align:middle;padding:14px 10px}
.basic_table th{background:#f7f9fb;border-top:none}
.basic_table td{background:#fff}
.basic_table td ul{margin:0}
.basic_table td li{line-height:1.5em;padding:0 0 0 12px;margin:5px 0;position:relative;text-align:left}
.basic_table td li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:8px;left:0} 
.basic_table td li ul{margin:10px 0}
.basic_table td li li{padding:0 0 0 12px;margin:5px 0;font-size:16px;color:#707070}
.basic_table td li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_table td li li li{padding:0 0 0 10px;margin:7px 0}
.basic_table td li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_table td li.li_none{padding:0}
.basic_table td li.li_none:before{display:none}
.basic_table td .sbtn_go, .basic_table td .sbtn_new, .basic_table td .sbtn_down{white-space:nowrap;margin:0 2px}
.basic_table .point_bg,.basic_table .point_bg th,.basic_table .point_bg td{background:#fffced}
.basic_table .point_bg2,.basic_table .point_bg2 th,.basic_table .point_bg2 td{background:#f2edd7}
.basic_table .point_bg3,.basic_table .point_bg3 th,.basic_table .point_bg3 td{background:#f2cab5}
.basic_table .point_bg4,.basic_table .point_bg4 th,.basic_table .point_bg4 td{background:#afc2f1}
.basic_table .point_bg5,.basic_table .point_bg5 th,.basic_table .point_bg5 td{background: #f3eff9;}
.basic_table .point_bg6,.basic_table .point_bg6 th,.basic_table .point_bg6 td{background: #efffff;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}
.tntable{min-width:100%;border-top:1px solid #4a4a4a}
.wtable_none{min-width:auto}

.basic_tab{margin:0 0 20px 0}
.basic_tab ul:after{content:"";display:block;clear:both}
.basic_tab li{float:left;width:100%}
.basic_tab li a{display:block;padding: 12px 12px;margin:0 0 1px 0;border:1px solid #034694;background:#034694;line-height:1.5em;text-align:center;color:#fff;position:relative}
.basic_tab li a:before{content:"";display:block;position:absolute;top:0;left:-2px;bottom:0;width:1px;background:#fff;opacity:.1}
.basic_tab li a:first-child{}
.basic_tab li a:hover,.basic_tab li a:focus{background:#4a4a4a}
.basic_tab li.on a{background:#fff;color:#034694;border-bottom-color:#fff}
.basic_tab li.on a:after{content:"";display:block;width:7px;height:5px;background:url("/images/common/ico_con.png") no-repeat -140px 0;position:absolute;bottom:5px;left:50%;transform:translate(-50%, 0)}
.basic_tab li a .new_win,.basic_tab li a:hover .new_win,.basic_tab li a:focus .new_win{background-position:0 -120px}
.basic_tab li.on a .new_win{background-position:-20px -120px}
.basic_tabbox .basic_tab{margin:0}
.basic_tabbox .tab_content{border:1px solid #034694;border-top:0;padding:30px;margin-top:-1px}
.basic_tabbox .tab_content h4:first-child,.basic_tabbox .tab_content h5:first-child{margin-top:0}

.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;box-sizing: border-box;padding: 15px 30px;margin:0 2px 10px 2px;background:#034694;color:#fff}
.basic_btn a:hover,.basic_btn a:focus{background:#4a4a4a}
.basic_btn a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:0 0 0 15px}
a.btn_new:after{background-position:0 0}
a.btn_down:after{background-position:-40px 0}
a.btn_go{}
a.btn_go:after{background-position:-80px 0}
a.btn_go2{background:#fff;border:1px solid #034694;color:#034694;padding:14px 30px}
a.btn_go2:hover,a.btn_go2:focus{background:#4a4a4a;border-color:#4a4a4a;color:#fff}
a.btn_go2:after{background-position:-100px 0}
a.btn_go2:hover:after,a.btn_go2:focus:after{background-position:-80px 0}
.sbtn_go{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px}
.sbtn_go:hover,.sbtn_go:focus{background:#034694;color:#fff}
.sbtn_new{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px;position:relative}
.sbtn_new:hover,.sbtn_new:focus{background:#034694;color:#fff}
.sbtn_new:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:-2px 0 0 5px}
.sbtn_down{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px;position:relative}
.sbtn_down:hover,.sbtn_down:focus{background:#034694;color:#fff}
.sbtn_down:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat -40px 0;margin:-2px 0 0 5px}
.txt_link{color:#034694;text-decoration:underline}
.txt_link:hover,.txt_link:focus{color:#f26a29;text-decoration:underline}
.txt_link:after{content:"";display:inline-block;background: url("/images/common/ico_con.png") no-repeat -20px 0;width:20px;height:20px;margin-left:2px;vertical-align:middle}
.ico_mapview{display:inline-block;padding:5px 10px;background:#4a4a4a;color:#fff;font-size:13px;border-radius:3px}
.ico_mapview:before{content:"";display:inline-block;width:14px;height:16px;vertical-align:middle;background:url("/upload_data/user_file/common/ico_mapview.png") no-repeat;margin:0 5px 0 0}

.basic_box{padding:30px;margin:20px 0 30px 0;border:1px solid #034694;border-top:3px solid #034694;word-break:keep-all}
.basic_box li{padding:0 0 0 12px;margin:5px 0;position:relative}
.basic_box li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:7px;left:0} 
.basic_box li ul{margin:10px 0}
.basic_box li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.basic_box li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_box li.li_none{padding:0}
.basic_box li.li_none:before{display:none}
.basic_box dt{font-weight:bold;font-size:24px;color:#034694;margin:0 0 7px 0}
.basic_box dd{}
.basic_box .tit{font-weight:bold;font-size:24px;color:#034694;margin:0 0 10px 0}
.basic_box2{padding:30px;margin:20px 0 30px 0;background:#f3f5f8;word-break:keep-all}
.basic_box2 li{padding:0 0 0 12px;margin:5px 0;position:relative}
.basic_box2 li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:7px;left:0} 
.basic_box2 li ul{margin:10px 0}
.basic_box2 li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.basic_box2 li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box2 li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box2 li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_box2 li.li_none{padding:0}
.basic_box2 li.li_none:before{display:none}
.basic_box2 dt{font-weight:bold;font-size:24px;color:#034694;margin:0 0 7px 0}
.basic_box2 .tit{font-weight:bold;font-size:24px;color:#034694;margin:0 0 7px 0}
.info_txt{padding:0 0 0 30px;line-height:1.5em;position:relative}
.info_txt:before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background: url("/images/common/ico_con.png") no-repeat -120px 0;position:absolute;top:12px;left:0;transform:translate(0, -50%)}
.line_dot{border-top: 1px dashed #898989;padding-top:15px;margin-top:15px}

.basic_step>ol>li{padding:25px 0 0 0;margin:0 0 8px 0;text-align:center;line-height:1.5em;position:relative}
.basic_step>ol>li:first-child{padding:0}
.basic_step>ol>li strong{display:block;border:1px solid #034694;color:#034694;padding:16px 20px;position:relative}
.basic_step>ol>li strong:before{content:"";display:block;width:11px;height:20px;background:url("/images/common/ico_con.png") -20px -60px;position:absolute;top: -25px;left: 50%;transform: translate(-50%, 0);}
.basic_step>ol>li:first-child strong:before{display:none}
.basic_step>ol>li:last-child strong{background:#034694;color:#fff}
.basic_step>ol>li div{display:block;border:1px solid #e9e9e9;padding:15px;font-weight: 400;word-break: keep-all}
.basic_step>ol>li div em{font-style:normal;font-size:14px}
.basic_step>ol>li strong.line2,.basic_step>ol>li div.line2{padding:27px 20px}
.basic_step div li{padding:0 0 0 12px;font-size:16px;color:#707070;position:relative;text-align:left}
.basic_step div li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}

.basic_step2 li{padding:25px 0 0 0;margin:0 0 8px 0;text-align:center;line-height:1.5em}
.basic_step2 li:first-child{padding:0}
.basic_step2 li strong{display:block;border:1px solid #034694;color:#034694;padding:16px 20px;position:relative}
.basic_step2 li strong:before{content:"";display:block;width:11px;height:20px;background:url("/images/common/ico_con.png") -20px -60px;position:absolute;top: -25px;left: 50%;transform: translate(-50%, 0);}
.basic_step2 li:first-child strong:before{display:none}
.basic_step2 li:last-child strong{background:#034694;color:#fff}
.basic_step2 li span{display:block;padding:5px 0 0 0;word-break:keep-all;font-size:15px;color:#898989;line-height:1.25em}
.basic_step2 li span em{font-style:normal;font-size:14px}
.basic_step2 li strong.line2,.basic_step2 li span.line2{padding:27px 20px}

.basic_step3>ol>li{padding:25px 0 0 0;margin:0 0 8px 0;line-height:1.5em;position:relative}
.basic_step3>ol>li:first-child{padding:0}
.basic_step3>ol>li strong{display:block;border:1px solid #034694;color:#034694;padding:16px 20px;text-align:center;position:relative}
.basic_step3>ol>li strong:before{content:"";display:block;width:11px;height:20px;background:url("/images/common/ico_con.png") -20px -60px;position:absolute;top: -27px;left:50%;transform:translate(-50%, 0)}
.basic_step3>ol>li:first-child strong:before{display:none}
.basic_step3>ol>li div{display:block;border:1px solid #e9e9e9;padding:20px;font-weight:400;word-break:keep-all}
.basic_step3>ol>li div em{font-style:normal;font-size:14px}
.basic_step3>ol>li strong.line2,.basic_step>ol>li div.line2{padding:27px 20px}
.basic_step3 div li{padding:0 0 0 12px;margin:7px 0;font-size:16px;color:#707070;position:relative;text-align:left;line-height:1.25em}
.basic_step3 div li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:7px;left:0;border-radius:100%}
.basic_step3 div li li{font-size:15px;color:#898989;margin:5px 0}
.basic_step3 div li li:before{content:"";display:block;width:3px;height:1px;background:#767676;position:absolute;top:7px;left:0;border-radius:100%}
.basic_step3 div .li_none li{padding:0}
.basic_step3 div .li_none li:before{display:none}

.big_img{border:1px solid #e9e9e9;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%;max-width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:#4a4a4a;color:#fff;padding:10px 15px}
.big_img a:before{content:"";display:inline-block;width:20px;height:20px;background:url("/images/common/ico_con.png") no-repeat -160px 0;margin:0 7px 0 0;vertical-align:middle}
.big_img2{position:relative;margin:5px 0;text-align:center}
.big_img2 img{width:100%;max-width:100%}
.big_img2 a{position:absolute;bottom:0;right:0;display:block;background:#4a4a4a;color:#fff;padding:10px 15px}
.big_img2 a:before{content:"";display:inline-block;width:20px;height:20px;background:url("/images/common/ico_con.png") no-repeat -160px 0;margin:0 7px 0 0;vertical-align:middle}
.w100 img, img.w100{width:100%}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:-5000px}
.map_area{border:1px solid #ccc;height:300px;overflow:hidden}
.map_area img{width:100%}
.map_skip{text-align:right;margin:20px 0 5px 0}
.map_skip a{display:inline-block;padding:3px 10px;color:#fff;font-size:14px;background:#034694;border-radius:3px}
.map_skip a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat -80px 0;margin:0 0 0 5px}
.map_skip a:hover,.map_skip a:focus{background:#4a4a4a}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}

.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px !important}
.mb0{margin-bottom:0px !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}

.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px !important}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}

@media all and (min-width:768px) {
.basic_tab li{width:50%}
.basic_tab li a{display:block;height:30px}
.basic_box .img{overflow:hidden}
.basic_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}
.basic_box .img span img{width:100%}
.basic_box .img dl, .basic_box .img ul, .basic_box .img p{float:left;width:82%}
.big_img{padding:40px 0}
.big_img img{width:100%}
.big_img2 img{width:100%}
.over_table .cm_scroll{display:none}
}
@media all and (min-width:1023px) {
.basic_tab.pc_none{display:none;}
.basic_tab li a{font-size:18px}
.basic_tab li{width:25%}
.basic_tab .col5 li{width:20%}
.basic_tab .col6 li{width:16.66666666666667%}
.basic_tab .col7 li{width:14.28571428571429%}
.basic_tab .col8 li{width:12.5%}
.basic_tab .col3 li{width:33.333%}
.basic_tab .col2 li{width:50%}
.basic_tabbox .tab_content{padding:50px}
.basic_step>ol{overflow:hidden}
.basic_step>ol>li{float:left;padding:0 0 0 30px;margin: 0 0 10px 0;}
.basic_step>ol>li strong:before{width:20px;height:11px;background-position:0 -60px;top:50%;left: -25px;transform:translate(0, -50%);}
.basic_step ol.col2>li{width:calc((100% - 30px) / 2)}
.basic_step ol.col3>li{width:calc((100% - 60px) / 3)}
.basic_step ol.col4>li{width:calc((100% - 90px) / 4)}
.basic_step ol.col5>li{width:calc((100% - 120px) / 5)} 
.basic_step ol.col6>li{width:calc((100% - 150px) / 6)}    
.basic_step2 ol{overflow:hidden}
.basic_step2>ol>li{float:left;padding:0 0 0 30px;margin: 0 0 10px 0;}
.basic_step2>ol>li strong:before{width:20px;height:11px;background-position:0 -60px;top:50%;left: -25px;transform:translate(0, -50%);}
.basic_step2 ol.col2>li{width:calc((100% - 30px) / 2)}
.basic_step2 ol.col3>li{width:calc((100% - 60px) / 3)}
.basic_step2 ol.col4>li{width:calc((100% - 90px) / 4)}
.basic_step2 ol.col5>li{width:calc((100% - 120px) / 5)} 
.basic_step2 ol.col6>li{width:calc((100% - 150px) / 6)}  

.basic_step3>ol>li{display:table;width:100%}
.basic_step3>ol>li strong{display:table-cell;width:200px;vertical-align:middle}
.basic_step3>ol>li div{display:table-cell}
.basic_step3>ol>li div em{}
.basic_step3>ol>li strong.line2,.basic_step>ol>li div.line2{}
.basic_step3 div li{}
.basic_step3 div li:before{}
.basic_step3>ol>li.div_none{overflow:hidden}
.basic_step3>ol>li.div_none strong{float:left}

   
.big_img img{width:auto}
.big_img a{display:none}
.big_img2 img{width:auto}
.big_img2 a{display:none}
.w100 img, img.w100{width:auto}
.over_table{padding:0}
.over_table:before{display:none}
.map_area{height:500px}
} 	

@keyframes scrollImage {0%{left:10px}50%{left:30px}100%{left:10px}}

/* ************************* E : common style************************** */
                                                     

.sitemap>ul>li{margin:0 0 50px 0}
.sitemap>ul>li>a{display:block;background:#034694;padding:15px 0;color:#fff;font-weight:600;font-size:18px;text-align:center}
.sitemap ul ul{margin:10px}
.sitemap li li{padding:0 0 0 12px;margin:10px 0;position:relative}
.sitemap li li a:hover,.sitemap li li a:focus{text-decoration:underline}
.sitemap li li:before{content:"";display:block;width:3px;height:3px;background:#034694;position:absolute;top:10px;left:0} 
.sitemap ul ul ul{background:#f3f5f8;padding:5px 20px;margin:5px 0 0 0}
.sitemap li li li{margin:5px 0}
.sitemap li li li:before{content:"";display:block;width:5px;height:1px;background:#898989;position:absolute;top:12px;left:0;border-radius:0}
.sitemap li li li a{font-size:15px;color:#898989}
.sitemap li li a .new_win{background-position:-20px -120px}
@media all and (min-width:768px) {
.sitemap>ul{overflow:hidden;margin-left:-2%}
.sitemap>ul>li{float:left;width:31.333%;margin:0 0 70px 2%}
.sitemap>ul>li:nth-child(4){clear:both}
}
@media all and (min-width:1023px) {
.sitemap>ul>li{width:23%}
.sitemap>ul>li:nth-child(4){clear:none}
.sitemap>ul>li:nth-child(5){clear:both}
}

.con_loading{text-align:center;line-height:1.5em;word-break:keep-all;padding:50px 0}
.con_loading .tit{font-size:40px;font-weight:700;line-height:1.5em;color:#034694;margin:20px 0}
.con_loading .txt{background:#f4f5f8;padding:30px}
.con_errer{text-align:center;line-height:1.5em;word-break:keep-all;padding:30px 0}
.con_errer:before{content:"";display:block;width:100%;height:166px;background:url("/images/common/errer.png") no-repeat center 0;margin:0 0 30px 0}
.con_errer strong{display:block;font-size:24px;font-weight:bold;color:#f26a29;margin:0 0 30px 0}
.errer_page .con_errer{padding:100px 30px 0 30px}
.con_nodata{text-align:center;line-height:1.5em;word-break:keep-all;padding:30px 0}
.con_nodata:before{content:"";display:block;width:100%;height:266px;background:url("/images/common/nodata.png") no-repeat center 0;margin:0 0 30px 0}
.con_nodata strong{display:block;font-size:24px;font-weight:bold;color:#034694;margin:0 0 20px 0}
@media all and (min-width:768px) {
.con_loading .tit{font-size:60px}
.con_loading .txt{width:70%;padding:40px;margin:0 auto}
.con_errer:before{margin:0 0 50px 0}
.con_errer strong{font-size:30px}
.con_nodata:before{margin:0 0 50px 0}
.con_nodata strong{font-size:40px}
}
.sk-folding-cube {margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.sk-folding-cube .sk-cube {float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform: scale(1.1);transform:scale(1.1);}
.sk-folding-cube .sk-cube:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#034694;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;}
.sk-folding-cube .sk-cube2 {-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg);}
.sk-folding-cube .sk-cube3 {-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg);}
.sk-folding-cube .sk-cube4 {-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg);}
.sk-folding-cube .sk-cube2:before {-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-folding-cube .sk-cube3:before {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.sk-folding-cube .sk-cube4:before {-webkit-animation-delay:0.9s;animation-delay:0.9s;}
@-webkit-keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity: 0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity: 1;} 90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;} 
}
@keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;} 90%, 100% {-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}

.link_box{text-align:center;border:1px solid #e9e9e9;padding:0 20px}
.link_box ul{}
.link_box li{margin:40px 0}
.link_box img{width:70%;margin:0 10px 0 0}
.link_box strong{display:block;margin:10px 0 20px 0;font-size:24px;line-height:1.25em;color:#222}
.link_box .basic_btn,.link_box .basic_btn a{margin:0 0 5px 0}
@media all and (min-width:768px) {
.link_box{padding:20px 50px}
.link_box ul{overflow:hidden}
.link_box li{float:left;width:50%}
.link_box img{}
.link_box strong{}
.link_box .basic_btn{}
.link_box .col3 li{width:33.333%}
.link_box .col3 strong{font-size:20px}
}
@media all and (min-width:1023px) {
.link_box{padding:30px 70px}
.link_box ul{}
.link_box img{width:auto}
.link_box strong{font-size:30px}
.link_box .basic_btn{}
.link_box .col3 img{width:80%}
.link_box .col3 strong{font-size:24px}
} 

.link_box2{text-align:center;border:1px solid #e9e9e9;padding:40px 20px;margin:0 0 30px 0;word-break:keep-all}
.link_box2 img{width:70%;margin:0 10px 0 0}
.link_box2 dt{display:block;margin:10px 0 20px 0;font-size:24px;font-weight:700;line-height:1.25em;color:#222}
.link_box2 .basic_btn{margin:20px 0 0 0}
.link_box2 .basic_btn a{margin:0 5px 5px 0}
@media all and (min-width:768px) {
.link_box2{padding:50px 50px 50px 330px;text-align:left;position:relative;min-height:180px}
.link_box2 img{position:absolute;top:50%;left:40px;transform:translate(0, -50%);width:250px}
.link_box2 dt{font-size:30px;margin:0 0 20px 0}
.link_box2 .basic_btn{text-align:left}
}
@media all and (min-width:1023px) {
.link_box2{padding:60px 90px 60px 480px}
.link_box2 img{width:auto;left:90px}
.link_box2 dt{font-size:36px}
.link_box2 .basic_btn{}
}                                                              

.basic_datafile{text-align:center}
.basic_datafile ul{border-top:1px solid #e9e9e9}
.basic_datafile li{border-bottom:1px solid #e9e9e9;padding:30px 20px}
.basic_datafile li:before{content:"";display:block;width:50px;height:50px;background:url("/images/01_portal/common/ico_datafile.png") no-repeat center center #f3f5f8;margin:0 auto 10px auto}
.basic_datafile strong{display:block;color:#034694;margin:0 0 10px 0}
.basic_datafile .basic_btn,.basic_datafile .basic_btn a{margin:0}
.basic_datafile .basic_btn a{padding:10px 20px}
@media all and (min-width:768px) {
.basic_datafile{text-align:left}
.basic_datafile ul{}
.basic_datafile li{padding:25px 160px 25px 70px;position:relative}
.basic_datafile li:before{position:absolute;top:50%;left:0;transform:translate(0, -50%)}
.basic_datafile strong{margin:0;font-size:18px}
.basic_datafile .basic_btn{position:absolute;top:50%;right:0;transform:translate(0, -50%)}
}            
@media all and (min-width:1023px) {
.basic_datafile .col2{overflow:hidden;margin-left:-3%;border:none}
.basic_datafile .col2 li{float:left;width:47%;box-sizing:border-box;margin:0 0 0 3%}
.basic_datafile .col2 li:nth-child(1),.basic_datafile .col2 li:nth-child(2){border-top:1px solid #e9e9e9}
}  

.basic_siteban ul{border-left:1px solid #e9e9e9}
.basic_siteban li{border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.basic_siteban li:nth-child(1){border-top:1px solid #e9e9e9}
.basic_siteban a{display:block;padding:10px 0;text-align:center}
.basic_siteban a:hover,.basic_siteban a:focus{background:#f3f5f8}
@media all and (min-width:768px) {
.basic_siteban ul{overflow:hidden}
.basic_siteban li{float:left;width:50%;box-sizing:border-box}
.basic_siteban li:nth-child(2){border-top:1px solid #e9e9e9}
}
@media all and (min-width:1023px) {
.basic_siteban li{width:25%}
.basic_siteban li:nth-child(3),.basic_siteban li:nth-child(4){border-top:1px solid #e9e9e9}
.basic_siteban li img{height:50px}
}