@charset "utf-8";

.main_setting .no1{display:none}
.main_setting h3.no2{border:none;padding:0;margin-top:0}

.start_setting{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .4);backdrop-filter:blur(4px);z-index:5}
.start_setting div{position:absolute;top:20px;left:50%;width:90%;transform:translate(-50%, 0);background:var(--bg);text-align:center}
.start_setting ul{margin:30px 20px}
.start_setting li{margin:20px 0}
.start_setting li a img{box-shadow:2px 2px 20px rgba(0, 0, 0, .2)}
.start_setting li a span{display:block;margin:10px 0 0 0}
.start_setting li.on a{position:relative}
.start_setting li.on a:after{content:"";position:absolute;top:0;right:0;left:0;width:204px;height:124px;border:3px solid #0089d0}
.stset_tit{margin:30px 20px;word-break:keep-all}
.stset_tit strong{display:block;font-size:24px;color:var(--color2)}
.stset_tit em{color:#0089d0}
.stset_tit span{display:block;color:#898989;margin:10px 0 0 0}
.stset_btn{overflow:hidden}
.stset_btn a{float:left;color:#fff;text-align:center;width:50%;box-sizing:border-box;padding:10px 0}
.stset_btn a:first-child{border-right:1px solid #6e6e6e;}
.stset_btn a.btn1{background:#0089d0}
.stset_btn a.btn2{background:#4a4a4a}

:root[data-mode='light'] {
 --bg:#fff;
 --color1:#464646; /* 폰트베이스컬러 */
 --color2:#222; /* 헤드라인 */
 --color3:#898989; /* 약한 폰트 */
 --color4:#1D8753; /* 포인트컬러 파랑 */  
 --color5:#034694; /* 포인트컬러 네이비 */ 
 --color6:#f26a29; /* 포인트컬러 주황 */
 --color7:#4a4a4a; /* 그레이 */
 --color8:#e9e9e9; /* 연회색라인 */
 --color9:#f3f5f8; /* 연회색배경 */ 
 --btn_b1:0 -20px;
 --btn_b2:-20px -20px;
 --btn_b3:-40px -20px;
 --btn_b4:-60px -20px;
 --btn_b5:-80px -20px;
 --btn_b6:-361px -141px;
}
:root[data-mode='dark'] {
 --bg:#1e1e20;
 --color1:#898989; /* 폰트베이스컬러 */
 --color2:#fff; /* 헤드라인 */
 --color3:#898989; /* 약한 폰트 */
 --color4:#1D8753; /* 포인트컬러 파랑 */  
 --color5:#0f447f; /* 포인트컬러 네이비 */ 
 --color6:#f26a29; /* 포인트컬러 주황 */
 --color7:#4a4a4a; /* 그레이 */
 --color8:#353537; /* 연회색라인 */
 --color9:#2a2b2c; /* 연회색배경 */ 
 --btn_b1:0 0;
 --btn_b2:-20px 0;
 --btn_b3:-40px 0;
 --btn_b4:-60px 0;
 --btn_b5:-80px 0;
 --btn_b6:-321px -141px;
}

html{background:var(--bg)}

body {font-size:16px;margin:0;padding:0;font-family:Pretendard, sans-serif;color:var(--color1);font-weight:400}
input, select, button, textarea{font-family:Pretendard, sans-serif;font-size:16px;font-weight:300;color:var(--color1)}
em{font-style:normal}
a{color:var(--color2)}
input[type=submit]{cursor:pointer}

#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}
.new_win{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;margin:0 0 0 7px;vertical-align:baseline;background:url("/images/01_portal/common/ico_cmd.png") 0 -120px}

header{background:var(--color5);position:relative}
.head{padding: 70px 0 20px 0;margin:0 6.25%;position:relative}
.head h1{text-align:center;margin:10px 0}
.head h1 a{display:inline-block;width:182px;height:0;padding:38px 0 0 0;background:url("/upload_data/user_file/01_portal/common/logo.png") no-repeat 0 -38px;background-size:182px;overflow:hidden}
.head .menuopen{width:54px;height:54px;overflow:hidden;background:#f26a29;position:absolute;bottom:20px;right:0;padding:0}
.head .menuopen:before{content:"";display:block;width:20px;height:20px;margin:17px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -120px -40px}

.t_weather{width:100%;text-align:center;margin:10px 0}
.t_weather a{color:#fff;}
.tw_list{display:inline-block;width:120px}
.tw_list li{line-height:2em}
.tw_list span{display:inline-block;width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat}
.tw_list span.type1{background-position:0 0}
.tw_list span.type2{background-position:-40px 0}
.tw_list span.type3{background-position:-80px 0}
.tw_list span.type4{background-position:-120px 0}
.tw_list span.type5{background-position:-160px 0}
.tw_btn{display:inline-block;overflow:hidden;margin:5px 0 0 0}
.tw_btn button{float:left;width:20px;height:0;margin: 0 1px;padding:20px 0 0 0;background:url("/images/01_portal/common/ico_cmd.png") no-repeat}
.tw_btn button.prev{background-position:0 -40px}
.tw_btn button.next{background-position:-20px -40px}
.tw_btn button.stop{background-position:-40px -40px}
.tw_btn button.play{background-position:-60px -40px}

.nuri{position: absolute;left: 0;right: 0;top: 6px;color:#fff;font-size: 0.75rem;}
.nuri:before{content:"";display: inline-block;background:url("/upload_data/user_file/01_portal/common/bg_nation.png")no-repeat;width: 25px;height: 18px;margin-right: 5px;vertical-align: bottom;}

.gnb{font-size:14px;position:absolute;top:0;left:0;width:100%;text-align:center;padding: 40px 0 0 0;}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{display:inline-block;position:relative;margin:0 1px}
.gnb>ul>li>a{display:block;font-size: 14px;color:#fff;line-height:1.5em;margin:0 2px}
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus{text-decoration:underline}
.gnb>ul>li>button{background:none;font-size:14px;color:#fff;padding:0}
.gnb>ul>li>button:hover,.gnb>ul>li>button:focus{text-decoration:underline}
.gnb>ul>li>button:after{content:"";display:inline-block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -80px -40px;vertical-align:middle;opacity:.7}
.gnb div{display:none;position:absolute;top:30px;left:50%;z-index:2;background:var(--bg);padding:5px 0;width:90px;box-shadow:4px 4px 7px rgba(0, 0, 0, .2);transform:translate(-50%, 0)}
.gnb div:before{content:"";display:block;border-bottom:10px solid var(--bg);border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-9px;left:50%;transform:translate(-50%, 0)}
.gnb .on div{display:block}
.gnb div li{margin:10px 0;text-align:center}
.gnb div li a{color:#898989}
.gnb div li a:hover,.gnb div li a:focus{text-decoration:underline;color:var(--color4)}
.gnb div button{display:block;width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat var(--btn_b6);margin:0 auto}


.t_site div{width:150px}
.gnb>ul>li.t_sitemap{display:none}
.t_sitemap a:after{content:"";display:inline-block;width:20px;height:0;padding:20px 0 0 0;margin:0 0 0 3px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -120px -40px;vertical-align:top}

.menu{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:var(--color5);z-index:5}
.menu h2{background:#4a4a4a;color:#fff;font-size:16px;font-weight:300;padding:20px}
.menu button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -240px -40px;position:absolute;top:10px;right:10px}
.menu:after{}
.menu.on{display:block}
.menu>ul>li{margin: 1px 0;border-bottom:1px solid rgba(255, 255, 255, .2)}
.menu>ul>li>a{display:block;color:#fff;padding:15px 20px;font-weight:700}
.menu>ul>li.on>a{background:var(--bg);color:#0f447f}
html[data-mode=dark] .menu>ul>li.on>a{color:#fff}
.menu>ul>li>a>.new_win{}
.menu li>div{display:none}
.menu li.on>div{display:block}
.depth2{position:absolute;top:59px;right:0;bottom:0;background:var(--bg);padding:10px 20px;width:calc(100% - 180px);overflow-y:auto}
.depth2>ul>li>a{display:block;padding:8px 0;margin: 1px 0;}
.depth2>ul>li>a>.new_win{background-position:-20px -120px}
html[data-mode=dark] .depth2>ul>li>a>.new_win{background-position:0 -120px}
.depth2>ul>li.on>a{color:#0f447f}
html[data-mode=dark] .depth2>ul>li.on>a{color:#fff}
.depth3{/* background:var(--color9);padding:5px 15px; */margin:5px 0 10px 0;position:relative}
.depth3>ul>li{margin:7px 0}
.depth3>ul>li>a{display:block;position:relative;padding:0 0 0 8px;color:#898989;font-size:15px}
.depth3>ul>li>a:before{content:"";display:block;width:2px;height:2px;background:var(--color1);position:absolute;top:8px;left:0}
.depth3>ul>li>a>.new_win{background-position:-20px -120px}
html[data-mode=dark] .depth3>ul>li>a>.new_win{background-position:0 -120px}
.depth4{background:var(--color9);padding: 5px 10px;margin:5px 0 10px 0;position:relative}
.depth4>ul>li{margin:7px 0}
.depth4>ul>li>a{display:block;position:relative;padding:0 0 0 10px;color:#898989;font-size:14px}
.depth4>ul>li>a:before{content:"";display:block;width:5px;height:1px;background:var(--color1);position:absolute;top:8px;left:0}
.depth4>ul>li>a>.new_win{background-position:-20px -120px}
html[data-mode=dark] .depth4>ul>li>a>.new_win{background-position:0 -120px}

.top_search{width:calc(100% - 60px);position: relative;z-index: 1;}
.top_search:after{content:"";display:block;clear:both}
.top_search input[type=text]{border:1px solid #e9e9e9;width:calc(100% - 54px);height:54px;float:left;box-sizing:border-box;padding:10px}
.top_search .submit{float:left;width:54px;height:54px;text-align:center;background:var(--color4);overflow:hidden}
.top_search .submit:before{content:"";display:block;width:20px;height:20px;margin:17px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -140px -40px}
.topsch_pop{display:none;position:absolute;top:54px;left:0;right:0;background:#fff;padding:10px;border:1px solid #0f447f}
.topsch_pop.on{display:block}
.topsch_pop li{margin:10px 0 0 0}
.topsch_pop li:first-child{margin:0}

.main_setting{position:fixed;bottom:20px;right:6.25%;z-index:3}
.main_setting>ul>li{margin:5px 0 0 0}
.main_setting li.mmode input{width:50px;height:50px;position:absolute;top:5px;left:0;z-index:-1}
.main_setting li.mmode label{display:block;width:50px;height:50px;overflow:hidden;box-shadow:1px 1px 10px rgba(0, 0, 0, .1);background:#fff;cursor:pointer}
.main_setting li.mmode label:before{content:"";display:block;width:30px;height:0;padding:30px 0 0 0;background:url("/images/01_portal/common/ico_cmd.png") no-repeat 0 -80px;margin:10px}
.main_setting li.mmode input:checked+label:before{background-position:-40px -80px}
.main_setting li.mmode input:checked+label{background:#000;}
.main_setting li.mset button{width:50px;height:50px;overflow:hidden;padding:0;box-shadow:1px 1px 10px rgba(0, 0, 0, .1);background:var(--color4)}
.main_setting li.mset button:before{content:"";display:block;width:30px;height:30px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -80px -80px;margin:10px}

.mset_pop{position:absolute;bottom:55px;right:0;z-index:5;width:280px;background:var(--bg);box-shadow:1px 1px 20px rgba(0, 0, 0, .1)}
html[data-mode=dark] .mset_pop{box-shadow:1px 1px 20px rgba(255, 255, 255, .2)}
.mset_pop>div{padding:20px}
.mset_pop h3{font-size:16px;border-top:1px solid var(--color8);color:var(--color2);padding:10px 0 0 0;margin:10px 0}
.mset_pop h3:first-child{border:none;padding:0;margin-top:0}
.mset_pop div div{border-top:#d9d9d9}
.mset_pop div div ul{overflow:hidden}
.mset_pop div div li{float:left}
.mset_pop div div li a{display:block;font-size:14px;text-align:center;line-height:1.25em}
.mset_pop .txt li{margin:0 2px 2px 0}
.mset_pop .txt li a{color: #2c2c2c;background: #f2f2f2;padding:5px;border:1px solid #efefef}
.mset_pop .txt li.on a{background:var(--bg);color:var(--color4);border-color:var(--color4)}
.mset_pop .txt li.on a:before{content:"";display:inline-block;width:14px;height:11px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -140px -80px;margin:0 5px 0 0}
.mset_pop .img li{width:50px;margin:0 10px 0 0}
.mset_pop .img li a{color:#898989;word-break:keep-all}
.mset_pop .img li img{width:100%}
.mset_pop .img li span{display:block;margin:2px 0 0 0}
.mset_pop .img li.on a{color:var(--color4);position:relative}
.mset_pop .img li.on a:before{content:"";display:inline-block;width:14px;height:11px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -140px -80px;margin:0 5px 0 0;position:absolute;top:12px;left:50%;transform:translate(-50%, 0)}
.mset_pop .img li.on a:after{content:"";position:absolute;top:0;right:0;left:0;height:35px;border:1px solid var(--color4)}
.mset_btn{overflow:hidden}
.mset_btn a{float:left;color:#fff;text-align:center;border-left:1px solid #6e6e6e;width:33.333%;box-sizing:border-box;padding:10px 0}
.mset_btn a:first-child{border:none;width: 32.7%;}
.mset_btn a:nth-of-type(2){border:none;width: 32.9%;margin: 0 3px;}
.mset_btn a.btn1{background:var(--color4)}
.mset_btn a.btn2{background:#4a4a4a}

footer{border-top:1px solid var(--color8)}
footer>div{padding:0 0 90px 0;margin:0 6.25%;position:relative;z-index:1}
.f_banner{position:relative;padding:20px 0;overflow:hidden}
.f_banner:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(180deg,  transparent, #fff)}
html[data-mode=dark] .f_banner:after{background:linear-gradient(180deg,  transparent, #1e1e20)}
.f_banner h2{font-size:16px;color:var(--color2)}
.fban_btn{position:absolute;top:19px;left:60px}
.fban_btn button{float:left;width: 18px;height:0;margin: 0 1px;padding:20px 0 0 0;background:url("/images/01_portal/main/ico_main.png") no-repeat;overflow:hidden}
.fban_btn button.prev{background-position:var(--btn_b1)}
.fban_btn button.next{background-position:var(--btn_b2)}
.fban_btn button.stop{background-position:var(--btn_b3)}
.fban_btn button.play{background-position:var(--btn_b4)}
.fban_btn a{display:block;float:left;width:20px;height:0;padding:20px 0 0 0;background:url("/images/01_portal/main/ico_main.png") no-repeat var(--btn_b5);overflow:hidden}
.fban_list{position:absolute;top:20px;left:150px;width:calc(100% - 100px);height:20px}
.fban_list ul{overflow:hidden;width:2000px}
.fban_list li{float:left;margin:0 25px 10px 0}
.fban_list li a{color:#898989}
.fban_list li a:hover,.fban_list li a:focus{text-decoration:underline}

.f_sit{position:relative}
.f_sit>ul:after{content:"";display:block;clear:both}
.f_sit>ul>li{float:left;width:50%}
.f_sit>ul>li>button{border:1px solid var(--color8);background:var(--bg);width:100%;height:45px;position:relative;text-align:left;color:var(--color2)}
.f_sit>ul>li>button:after{content:"";display:block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -100px -60px;position:absolute;top:50%;right:10px;transform:translate(0, -50%)}
html[data-mode=dark] .f_sit>ul>li>button:after{background-position:-100px -40px}
.f_sit>ul>li div{display:none;position:absolute;left:0;right:0;background:var(--bg);padding:20px;border:1px solid #4a4a4a}
.f_sit>ul>li:nth-child(1) div,.f_sit>ul>li:nth-child(2) div{bottom:136px}
.f_sit>ul>li:nth-child(3) div,.f_sit>ul>li:nth-child(4) div{bottom:92px}
.f_sit>ul>li:nth-child(5) div{bottom:47px}
.f_sit>ul>li.on>button:after{background-position:-80px -60px}
.f_sit>ul>li.on div{display:block}
.fsit_list ul{max-height:300px;overflow-y:auto}
.fsit_list li{margin:5px 0}
.fsit_list li a{position:relative;padding:0 0 0 7px;font-size:15px}
.fsit_list li a:before{content:"";display:block;width:2px;height:2px;background:var(--color1);position:absolute;top:7px;left:0}
.fsit_list button{width:30px;height:0;padding:30px 0 0 0;background:url("/images/01_portal/common/ico_cmd.png") no-repeat var(--btn_b6);overflow:hidden;position:absolute;bottom:5px;right:5px}

.f_con{padding:20px 0;position:relative}
.f_con ul{overflow:hidden;color:#898989;margin:0 0 10px 0}
.f_con li{float:left;margin:0 25px 0 0;line-height:1.5em}
.f_con li a:hover,.f_con li a:focus{text-decoration:underline}
.f_con li strong{color:#034694}
.f_con address{font-style:normal;font-size:14px;line-height:1.25em;color:#898989;margin:0 0 10px 0}
.f_con address span{padding:0 10px}
.f_con .copy{font-size:14px;color:#898989}
.f_con .wa{display:none;position:absolute;top:20px;right:0}

.main_con{position:relative}

/* 2개메인 공통 아이콘 */
.mico_no1 a:before{background-position:center -50px} /* 추가 */
.mico_no2 a:before{background-position:center -100px} /* 조직도 */
.mico_no3 a:before{background-position:center -150px} /* 공지사항 */
.mico_no4 a:before{background-position:center -200px} /* 고시공고 */
.mico_no5 a:before{background-position:center -250px} /* 시험임용 */
.mico_no6 a:before{background-position:center -300px} /* 입찰정보 */
.mico_no7 a:before{background-position:center -350px} /* 여권민원 */
.mico_no8 a:before{background-position:center -400px} /* AI추천 */
.mico_no9 a:before{background-position:center -450px} /* 전북소식 */
.mico_no10 a:before{background-position:center -500px} /* 공연전시 */
.mico_no11 a:before{background-position:center -550px} /* 도정소식지 */
.mico_no12 a:before{background-position:center -600px} /* 온라인도지사실 */
.mico_no13 a:before{background-position:center -650px} /* 전자책 */
.mico_no14 a:before{background-position:center -700px} /* 청사안내도 */
.mico_no15 a:before{background-position:center -750px} /* 뉴스룸 */
.mico_no16 a:before{background-position:center -800px} /* 경제포털 */
.mico_no17 a:before{background-position: center -849px;} /* 전북여행 */
.mico_no18 a:before{background-position: 50% -964px;} /* 전진도정 */
.mico_no19 a:before{background-position: 50% -904px;}

/* Tablet */
@media all and (min-width:768px) {
.head{margin:0 3.90625%}
.head h1{text-align:left;margin:5px 0}
.head h1 a{width:215px;padding:45px 0 0 0;background-size:auto;background-position:0 -45px}
.gnbarea{position:absolute;top:0;right:0;left: 0;width:100%;text-align:right;width:auto}
.t_weather{display:inline-block;width:auto;margin:0;padding-top: 35px;}
.gnb{position:static;text-align:right;display:inline-block;width:auto}
.gnb>ul>li{margin:0 4px}
.gnb>ul>li.nation a{display:inline-block;}

/* .gnb>ul>li.nation:before{content:"";display: ruby;background:url("/upload_data/user_file/01_portal/common/bg_nation.png")no-repeat;width: 25px;height: 18px;float: left;margin-right: 5px;}*/
 /* .top_search{position:absolute;bottom:20px;right:60px;width:300px} */

.main_setting{right:3.90625%}

.mset_pop{width:580px}
.mset_pop>div{padding:30px}
.mset_pop h3{font-size:18px}
.mset_pop .txt li a{padding:5px 10px}
.mset_pop .img li{width:90px;margin:0 20px 0 0}
.mset_pop .img li.on a:before{top:26px}
.mset_pop .img li.on a:after{height:64px}
.mset_btn a{font-size:20px}

footer>div{padding:0;margin:0 3.90625%}
.f_sit>ul{margin-left:-1%}
.f_sit>ul>li{width:19%;margin:0 0 0 1%}
.f_sit>ul>li>button{height:55px;padding:0 10px}
.f_sit>ul>li:nth-child(1) div,.f_sit>ul>li:nth-child(2) div,.f_sit>ul>li:nth-child(3) div,.f_sit>ul>li:nth-child(4) div,.f_sit>ul>li:nth-child(5) div{bottom:57px}
.fsit_list ul:after{content:"";display:block;clear:both}
.fsit_list li{float:left;width:50%}
}

/* Desktop */
@media all and (min-width:1023px) {
.head{margin:0 auto;width:1400px;padding: 30px 0 20px 0;}
.head .menuopen{display:none}
.gnb {padding: 6px 0 0 0;}
.gnb div{z-index:3}
.gnb>ul>li.t_sitemap{display:inline-block}
.t_weather{padding-top: 0;}
.nuri{right:auto;font-size: 14px;}
 
.menu{display:block;background:none;position:absolute;top: 30px;right:300px;width:auto;z-index:2}
.menu h2{display:none}
.menu button{display:none}
.menu>ul:after{content:"";display:block;clear:both}
.menu>ul>li{float:left;position:relative;border:none;margin: 0 2px;}
.menu>ul>li>a{font-size:22px}
.menu>ul>li.on>a{background:none;color:var(--bg);height:50px}
.menu>ul>li.on>a:after{content:"";display:block;width:30px;height:3px;background:#fff;margin:20px auto}
.depth2{width:240px;bottom:unset;background:var(--color5);overflow:visible;top:75px;right:50%;transform:translate(50%, 0);box-shadow:4px 4px 7px rgba(0, 0, 0, .2)}
.depth2>ul>li{position:relative;margin: 2px 0;}
.depth2>ul>li>a{color:#fff;position:relative}
.depth2>ul>li>a:after{content:"";display:block;width:20px;height:20px;background:url("/images/01_portal/common/ico_cmd.png") no-repeat -120px -120px;position:absolute;top:50%;right:-5px;transform:translate(0, -50%)}
.depth2>ul>li>a>.new_win{background-position:0 -120px}
.depth2>ul>li.on>a,.depth2>ul>li>a:hover,.depth2>ul>li>a:focus{color:#fff;text-decoration:underline}
.depth3{background:var(--bg);position:absolute;top:-11px;left:260px;width:220px;box-shadow:4px 4px 7px rgba(0, 0, 0, .2);padding:10px 20px}
.depth3:after{content:"";display:block;border-right:10px solid var(--bg);border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:15px;left:-9px}
.depth3>ul>li.on>a,.depth3>ul>li>a:hover,.depth3>ul>li>a:focus{color:#0089d0}
.depth4{display:none !important}
html[data-mode=dark] .depth3>ul>li.on>a,html[data-mode=dark] .depth3>ul>li>a:hover,html[data-mode=dark] .depth3>ul>li>a:focus{color:#fff}
.depth2>ul>li.noDeps>a:after {display:none}

/* .top_search{right:0} */
.top_search input[type=text]{height:50px}
.top_search .submit{width:50px;height:50px}
.top_search .submit:before{width:40px;height:40px;margin:5px;background-position:-200px -40px}


.main_setting{right:50%;bottom:100px;margin-right:-800px}
.mset_pop>div{padding:40px}
.mset_pop h3{padding:20px 0 0 0;margin:20px 0 10px 0}
.mset_btn a{padding:15px 0}

footer>div{width:1400px;margin:0 auto}
.fsit_list li{width:20%}
.f_con address{display:inline;margin:0 20px 0 0}
.f_con .copy{display:inline}
.f_con .wa{display:block}
}                                                                                                

.layer_pop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .4);backdrop-filter:blur(4px);z-index:5}
.layer_pop>div{position:absolute;top:128px;left:50%;width:90%;transform:translate(-50%, 0)}
.layer_pop .con img,.layer_pop .con iframe{width:100%}
.layer_pop p{background:#4a4a4a;overflow:hidden}
.layer_pop p a{float:left;width:50%;padding:10px 0;color:#fff;font-size:15px;text-align:center;position:relative}
.layer_pop p a:first-child:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:1px;background:rgba(255, 255, 255, .2)}
.layer_pop p a:hover,.layer_pop p a:focus{background:#0089d0}
@media all and (min-width:768px) {
.layer_pop>div{top:50%;transform:translate(-50%, -50%);width:auto}
.layer_pop .con iframe{width:600px;height:400px}
.layer_pop .con img{width:auto}
}
@media all and (min-width:1023px) {
.layer_pop .con iframe{width:950px;height:530px}
}