@charset "utf-8";

:root {
--point1: #c35416;
--point2: #6c4343;
--point3: #ffd93d;
--bgpoint: #f6f1e9;
--bggray1: #f6f9ff;
--bggray2: #fafafa;
--dkgray: #343a40;
--tit: GWEdupower, NotoSans;
}

:root.md_blue {
--point1: #2259c8;
--point2: #003668;
--point3: #b5e8ff;
--bgpoint: #f1f5fb;
--bggray1: #f6f9ff;
--bggray2: #fafafa;
--dkgray: #2f2e34;
--tit: GmarketSans, NotoSans;
}

:root.md_green {
--point1: #2a7f52;
--point2: #4d4438;
--point3: #b6c863;
--bgpoint: #f3f5ec;
--bggray1: #f6f9ff;
--bggray2: #fafafa;
--dkgray: #373737;
--tit: GongGothic, NotoSans;
}

:root.md_violet{
--point1: #4635c8;
--point2: #253255;
--point3: #fec502;
--bgpoint: #f5f4fa;
--bggray1: #f6f9ff;
--bggray2: #fafafa;
--dkgray: #343a40;
--tit: SBAggro, NotoSans;
}


a:focus, button:focus, textarea:focus, input:focus{outline-color: darkcyan;outline-offset: -1px;outline-width: 3px;outline-style: dashed;}

/* ************************* S : common style************************** */
.s_con h4{padding: 0 0 0 36px;margin:40px 0 20px 0;font-family: var(--tit);font-size:28px;font-weight: bold;color: var(--point2);background: url("/images/common/h4.png") no-repeat 0 4px;line-height: 1.3;}
.s_con h5{padding: 0 0 0 25px;margin:30px 0 10px 0;font-family: var(--tit);font-size:24px;font-weight:bold;line-height:1.5em;color: var(--dkgray);background: url("/images/common/h5.png") no-repeat 1px 4px;}
.s_con h6{padding: 10px 0 0 10px;margin:20px 0 15px 0;font-size:20px;font-weight:900;line-height:1.5em;color: var(--dkgray);background: url("/images/common/h6.png") no-repeat 0 6px;}

/* 기본 컨텐츠 */
.basic_ul{margin:0 0 40px 10px}
.bbs_skin2 table td .basic_ul{margin-bottom:0 !important;}
.basic_ul li{line-height:1.5em;padding:0 0 0 17px;margin:0 0 5px 0;background: url("/images/common/li01.png") no-repeat 0 5px;}
.basic_ul li ul{margin:10px 0}
.basic_ul li li{padding: 0 0 0 12px;background: url("/images/common/li02.png") no-repeat 0 9px;}
.basic_ul li li li{padding: 0 0 0 13px;background: url("/images/common/li03.gif") no-repeat 0 9px;font-size: 15px;}
.basic_ul li.li_none{background:none;padding:0;}
.basic_p{line-height:1.5em;margin:10px 0 20px 20px;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#d61e49 !important;font-style:normal}
.fc_blue{color:#1f6fc5 !important;font-style:normal}
.fc_orange{color:#c35416 !important;font-style:normal}
.fc_green{color:#448500 !important;font-style:normal}
.fc_violet{color:#4c35bd !important;font-style:normal}

/* 테이블 */
.over_table{overflow-x:auto}
.scroll_guide{position:relative;padding:10px 20px;background: var(--bggray1);margin-bottom:5px;text-align:center;}
.scroll_guide:before{position:absolute;top:50%;left:0px;width:20px;height:20px;margin-top:-10px;line-height:20px;font-weight:600;content:"〈";}
.scroll_guide:after{position:absolute;top:50%;right:0px;width:20px;height:20px;margin-top:-10px;line-height:20px;font-weight:600;content:"〉";}
.scroll_guide p{text-align:center;font-weight:600;color:#666;font-size:12px;}
.scroll_guide p:after{ content:"좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다.";word-break: keep-all;}

.basic_table{width:100%;min-width:700px;margin:10px 0;border-top: 2px solid var(--dkgray);background: #fff;}
.basic_table th, .basic_table td{text-align:center;border:1px solid #ddd;border-top:none;vertical-align:middle;}
.basic_table thead th{background: var(--bggray1);color:#000;padding:10px 10px;}
.basic_table tbody th{background: var(--bggray2);color:#000;padding:7px 10px;}
.basic_table tfoot th{background: var(--bggray2);}
/*.basic_table tbody td{background: #fff;}*/
.basic_table tbody td,.basic_table tfoot td{color:#444;padding:10px 9px}
.basic_table tbody td li{padding:0 0 0 17px;margin:0 0 5px 0;background:url("/images/common/li01.png") no-repeat 0 5px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding: 0 0 0 12px;background: url("/images/common/li02.png") no-repeat 0 9px;}
.basic_table tbody td li li li{padding: 0 0 0 13px;background: url("/images/common/li03.gif") no-repeat 0 9px;font-size: 15px;}
.basic_table tbody td table{border-top: 1px solid var(--dkgray);}
.basic_table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}

.basic_table .point_bg{background:#fffde2;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left, li .table_left td{text-align:left}
.tntable{min-width:100%}

span.app_ok{display:inline-block;padding:15px 0;color:#1f6fc5}

.basic_table_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid var(--dkgray)}
.basic_table_s th, .basic_table_s td{text-align:center;padding:5px 10px;border:1px solid #ddd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:var(--bggray1);color:#333;font-size:14px}
.basic_table_s tbody th{background:var(--bggray2);color:#444;font-size:14px}
.basic_table_s tbody td{color:#555;font-size:12px}
.basic_table_s tbody td li{padding:0 0 0 17px;margin:0 0 5px 0;background:url("/images/common/li01.png") no-repeat 0 5px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding:0 0 0 12px;background:url("/images/common/li02.png") no-repeat 0 9px}
.basic_table_s tbody td li li li{padding:0 0 0 12px;background:url("/images/common/li03.gif") no-repeat 0 9px}
.basic_table_s tbody td table{border-top:1px solid #dde1e4}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}

/* 탭 */
.basic_tab{margin-top: 20px;}
.basic_tab ul{display: flex;flex-wrap: wrap;margin:0 0 30px 0;}
.basic_tab li{width:100%;margin-bottom: 5px;box-sizing: border-box;}
.basic_tab li a{display:block;position:relative;padding: 15px 20px;background: var(--bggray1);border-radius: 10px;overflow:hidden;color: #000;}
.basic_tab li a:after{position: absolute;right: 20px;top: 24px;width: 8px;height: 6px;background: url("/images/common/toggle_open.png") no-repeat;content: "";}
.basic_tab li a:hover,.basic_tab li a:focus{text-decoration: underline;font-weight: bold;}
.basic_tab li.on a{background: var(--point3);border-radius: 10px 10px 40px 10px;box-shadow: 0 0 10px var(--point3);font-weight: bold;}

.basic_tab2{padding: 20px;border-radius: 20px;background: var(--bggray2);}
.basic_tab2 ul{display: flex;flex-wrap: wrap;padding: 20px 20px 15px;border-radius: 10px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.basic_tab2 li{width:100%;margin-bottom: 5px;box-sizing: border-box;}
.basic_tab2 li a{display: block;position: relative;padding: 5px 0;color: #000;border-bottom: 1px solid #555;}
.basic_tab2 li a:after{position: absolute;right: 0;top: 11px;width: 6px;height: 8px;background: url("/images/common/tab02.png") no-repeat;content: "";}
.basic_tab2 li a:hover, .basic_tab2 li a:focus{font-weight: bold;}
.basic_tab2 li.on a{font-weight: bold;color: var(--point1);border-color: var(--point1);}
.basic_tab2 li.on a:after{background-image: url("/images/common/tab02_on.png");}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;box-shadow: 0 0 10px rgba(219,219,219,.3);text-align:left;font-size:16px;padding:0 50px 0 0;margin:0 5px 10px 5px;background: var(--point3);position:relative;border-radius: 10px;overflow: hidden;}
.basic_btn a:hover, .basic_btn a:focus{background:var(--dkgray);}
.basic_btn a:after{display:block;position:absolute;top:0;bottom:0;right:0;width:50px;content:"";vertical-align:middle;background-position: center;background-repeat: no-repeat;}
.basic_btn span{display:block;background: #fff;color:#000;padding:15px 20px;transition: .2s ease-out;}
.btn_go:after{background-image: url("/images/common/btn_go.png");}
.btn_go:hover:after, .btn_go:focus:after{background-image: url("/images/common/btn_go_w.png");}
.btn_new:after{background-image: url("/images/common/btn_new.png");}
.btn_new:hover:after, .btn_new:focus:after{background-image: url("/images/common/btn_new_w.png");}
.btn_down:after{background-image: url("/images/common/btn_down.png");}
.btn_down:hover:after, .btn_down:focus:after{background-image: url("/images/common/btn_down_w.png");}

.all_down{margin: 0; text-align:right !important}
.all_down a{margin: 0;display:inline-block;box-shadow:0 0 10px rgba(219,219,219,.3);text-align:left;font-size:16px;padding: 0 40px 0 0;background: var(--point3);position:relative;border-radius: 10px;}
.all_down a:hover, .all_down a:focus{background:var(--dkgray);}
.all_down a:after{display:block;position:absolute;top:0;bottom:0;right:0;width:40px;content:"";vertical-align:middle;background: url("/images/common/btn_down.png") no-repeat center;}
.all_down a:hover:after, .all_down a:focus:after{background-image: url("/images/common/btn_down_w.png");}
.all_down span{display:block;background: #fff;color:#000;padding:10px 15px;transition: .2s ease-out;}

.sbtn_go{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border-radius: 20px;overflow: hidden;}
.sbtn_go, .sbtn_go:visited{border: 1px solid #ddd;}
.sbtn_go:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_go.png") no-repeat center var(--bggray1);}
.sbtn_go:hover, .sbtn_go:focus{border: 1px solid #000;color: #000;}
.sbtn_go:hover:after, .sbtn_go:focus:after{background: url("/images/common/btn_go_w.png") no-repeat center var(--dkgray);}

.sbtn_new{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.sbtn_new, .sbtn_new:visited{border: 1px solid #ddd;}
.sbtn_new:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_new.png") no-repeat center var(--bggray1);}
.sbtn_new:hover, .sbtn_new:focus{border: 1px solid #000;color: #000;}
.sbtn_new:hover:after, .sbtn_new:focus:after{background: url("/images/common/btn_new_w.png") no-repeat center var(--dkgray);}

.sbtn_down{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.sbtn_down, .sbtn_down:visited{border: 1px solid #ddd;}
.sbtn_down:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_down.png") no-repeat center var(--bggray1);}
.sbtn_down:hover, .sbtn_down:focus{border: 1px solid #000;color: #000;}
.sbtn_down:hover:after, .sbtn_down:focus:after{background: url("/images/common/btn_down_w.png") no-repeat center var(--dkgray);}

.sbtn_file{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.sbtn_file, .sbtn_file:visited{border: 1px solid #ddd;}
.sbtn_file:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_file.png") no-repeat center var(--bggray1);}
.sbtn_file:hover, .sbtn_file:focus{border: 1px solid #000;color: #000;}
.sbtn_file:hover:after, .sbtn_file:focus:after{background: url("/images/common/btn_file_w.png") no-repeat center var(--dkgray);}

.sbtn_home{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.sbtn_home, .sbtn_home:visited{border: 1px solid #ddd;}
.sbtn_home:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_home.png") no-repeat center var(--bggray1);}
.sbtn_home:hover, .sbtn_home:focus{border: 1px solid #000;color: #000;}
.sbtn_home:hover:after, .sbtn_home:focus:after{background: url("/images/common/btn_home_w.png") no-repeat center var(--dkgray);}

.sbtn_home_c{display: inline-block;padding: 5px 15px;;margin:2px 5px 2px 0;border-radius: 10px 10px 10px 0;background: var(--point3);color: #000;}
.sbtn_home_c:hover, .sbtn_home_c:focus{background: var(--dkgray);color: #fff;}
.sbtn_home_c:after{display: inline-block;width: 12px;height: 12px;margin-left: 10px;background: url("/images/common/btn_home.png");content: "";vertical-align: baseline;}
.sbtn_home_c:hover:after, .sbtn_home_c:focus:after{background: url("/images/common/btn_home_w.png");}

.sbtn_file_c{display: inline-block;padding: 5px 15px;;margin:2px 5px 2px 0;border-radius: 10px 10px 10px 0;background: var(--point3);color: #000;}
.sbtn_file_c:hover, .sbtn_file_c:focus{background: var(--dkgray);color: #fff;}
.sbtn_file_c:after{display: inline-block;width: 12px;height: 12px;margin-left: 10px;background: url("/images/common/btn_file.png");content: "";vertical-align: baseline;}
.sbtn_file_c:hover:after, .sbtn_file_c:focus:after{background: url("/images/common/btn_file_w.png");}

li .sbtn_home, li .sbtn_go, li .sbtn_file, li .sbtn_new, li .sbtn_down, li .sbtn_file_c, li .sbtn_home_c{vertical-align: middle;}

/*아이콘버튼*/
.icon_btn{font-size:0px;text-align: center;}
.icon_btn a{display:inline-block;position:relative;padding: 9px 12px;margin: 0 5px 10px 5px;font-size: 15px;color: #000;background:var(--bggray2);border:1px solid #ddd;box-sizing:border-box;transition:all 0.3s ease-out;border-radius: 10px 10px 10px 0;}
.icon_btn a:hover, .icon_btn a:focus{background:#fff;border-color: var(--point1);color: var(--point1);}
.icon_btn a span{display:block;height:22px;padding-left:24px;}
.icon_btn .hwp span{background: url('/images/common/ico_hwp.png')no-repeat left;}
.icon_btn .ppt span{background:url('/images/common/ico_ppt.png') no-repeat left;}
.icon_btn .xls span{background:url('/images/common/ico_xls.png') no-repeat left;}
.icon_btn .jpg span{background:url('/images/common/ico_jpg.png') no-repeat left;}
.icon_btn .gif span{background:url('/images/common/ico_gif.png') no-repeat left;}
.icon_btn .png span{background:url('/images/common/ico_png.png') no-repeat left;}
.icon_btn .zip span{background:url('/images/common/ico_zip.png') no-repeat left;}
.icon_btn .pdf span{background:url('/images/common/ico_pdf.png') no-repeat left;}

.txt_link{color:var(--point1);text-decoration:underline}
.txt_link:hover,.txt_link:focus{color:var(--point2);text-decoration:underline}
.txt_link:after{content:"";display:inline-block;background: url("/images/common/ico_link.png") no-repeat;width: 12px;height: 12px;margin-left: 3px;vertical-align:middle;}

/*번호*/
article .num{display:inline-block;width: 30px;height: 30px;margin:0 10px 0 0;background: var(--point2);border-radius:10px;color:#fff;font-family: var(--tit);font-size: 18px;text-align:center;font-style:normal;box-sizing: border-box;line-height: 36px;vertical-align: middle;}

/* 박스형 컨텐츠 */
.basic_box{background: var(--bgpoint);padding: 20px;margin:20px 0 30px 0;border-radius: 20px;}
.basic_box>div{background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,.3);}

.basic_box2{background: var(--bggray2);padding: 20px;margin:20px 0 30px 0;border-radius: 20px;}
.basic_box2>div{background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,.3)}
.basic_box2 .basic_ul{margin-bottom:0}
.basic_box li,.basic_box2 li{padding:0 0 0 17px;margin:0 0 5px 0;background: url("/images/common/li01.png") no-repeat 0 5px;}
.basic_box li ul,.basic_box2 li ul{margin:10px 0 0 0}
.basic_box li li,.basic_box2 li li{padding: 0 0 0 12px;background: url("/images/common/li02.png") no-repeat 0 9px;}
.basic_box li li li,.basic_box2 li li li{padding: 0 0 0 12px;background: url("/images/common/li03.gif") no-repeat 0 9px;font-size: 15px}

.basic_box .list_txt li, .basic_box2 .list_txt li,
.basic_box .list_txt.type2  li, .basic_box2 .list_txt.type2 li{padding-left: 0;background: none;}

.basic_box dt{color: var(--point1);font-size:20px;margin:0 0 10px 0;font-weight:900;}
.basic_box dd{padding:0 0 0 17px;margin:0 0 5px 0;background: url("/images/common/li01.png") no-repeat 0 5px;}
.basic_box dd li ul{margin:10px 0 0 0}
.basic_box dd li{padding:0 0 0 12px;background:url("/images/common/li02.png") no-repeat 0 9px}
.basic_box dd li li{padding:0 0 0 12px;background:url("/images/common/li03.gif") no-repeat 0 9px}

.basic_box2 dt{color: var(--dkgray);font-size:20px;margin:0 0 10px 0;font-weight:900;}
.basic_box2 dd{padding:0 0 0 17px;margin:0 0 5px 0;background:url("/images/common/li01.png") no-repeat 0 5px}
.basic_box2 dd li ul{margin:10px 0 0 0}
.basic_box2 dd li{padding:0 0 0 12px;background:url("/images/common/li02.png") no-repeat 0 9px}
.basic_box2 dd li li{padding:0 0 0 12px;background:url("/images/common/li03.gif") no-repeat 0 9px}
.basic_box2 p{line-height:1.5em}
.basic_box2 .tit{font-weight:bold; color:var(--point1);font-size:20px;padding-bottom:10px;}
.basic_box2.img span{display:block;text-align:center;margin:0 0 15px 0}

.info_box{margin: 20px 0;padding: 20px 20px 20px 48px;background: url("/images/common/icon_info.png") no-repeat 15px 18px #fff2ea;border-radius: 20px;}
.info_box1{margin: 20px 0;padding: 20px 20px 20px 48px;background: url("/images/common/icon_info2.png") no-repeat 15px 18px #f1f8ff;border-radius: 20px;}
.info_box2{margin: 20px 0;padding: 20px 20px 20px 48px;background: url("/images/common/icon_info3.png") no-repeat 15px 18px #fffdf3;border-radius: 20px;}


.p_box{border: 1px dashed #ddd;padding: 20px;border-radius: 10px;margin: 0 0 20px;}
.c_box{padding: 20px;margin: 20px 0;background: #fff2ea;border-radius: 20px;border: 1px solid #f7d9d9;color: #d61e49;}
.c_box2{padding: 20px;margin: 20px 0;background: #f1f8ff;border-radius: 20px;border: 1px solid #e2e9f1;color: #1f6fc5;}
.c_box3{padding: 20px;margin: 20px 0;background: #fffdf3;border-radius: 20px;border: 1px solid #ffefbe;color: #c35416;}
.c_box4{padding: 20px;margin: 20px 0;background: #f8fff8;border-radius: 20px;border: 1px solid #dfefcc;color: #448500;}
.c_box5{padding: 20px;margin: 20px 0;background: #f6f3ff;border-radius: 20px;border: 1px solid #e6e2f9;color: #4c35bd;}


.notice_box{background: var(--bggray2);padding: 20px;margin:20px 0 30px 0;border-radius: 20px;}
.notice_box ul{margin-bottom:0;}
.notice_box>div{position: relative;padding: 100px 15px 15px;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.notice_box .txt_a{padding: 15px;margin-top: 20px;}
.notice_box .txt_a:after{display: none;}
.notice_box>div .tit{font-weight:bold; color:var(--point1); font-size:18px; padding-bottom:10px;}
.notice_box  h4{margin-top:0 !important;}
.notice_box>div:after{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);content: "";width: 80px;height: 80px;background: url("/images/common/notice_ico.png") no-repeat;}
.notice_box .notice1:after{background-position: 0 0;}
.notice_box .notice2:after{background-position: -80px 0;}
.notice_box .notice3:after{background-position: -160px 0;}
.notice_box .notice4:after{background-position: -240px 0;}
.notice_box .notice5:after{background-position: -320px 0;}
.notice_box .notice6:after{background-position: -400px 0;}
.notice_box .notice7:after{background-position: -480px 0;}
.notice_box .notice8:after{background-position: -560px 0;}
.notice_box .notice9:after{background-position: -640px 0;}
.notice_box .notice10:after{background-position: -720px 0;}
.notice_box .notice11:after{background-position: -800px 0;}
.notice_box .notice12:after{background-position: -880px 0;}
.notice_box .notice13:after{background-position: -960px 0;}
.notice_box .notice14:after{background-position: -1040px 0;}
.notice_box .notice15:after{background-position: -1120px 0;}
.notice_box .notice16:after{background-position: 0 -80px;}
.notice_box .notice17:after{background-position: -80px -80px;}
.notice_box .notice18:after{background-position: -160px -80px;}
.notice_box .notice19:after{background-position: -240px -80px;}
.notice_box .notice20:after{background-position: -320px -80px;}
.notice_box .notice21:after{background-position: -400px -80px;}
.notice_box .notice22:after{background-position: -480px -80px;}
.notice_box .notice23:after{background-position: -560px -80px;}
.notice_box .notice24:after{background-position: -640px -80px;}
.notice_box .notice25:after{background-position: -720px -80px;}
.notice_box .notice26:after{background-position: -800px -80px;}
.notice_box .notice27:after{background-position: -880px -80px;}
.notice_box .notice28:after{background-position: -960px -80px;}
.notice_box .notice29:after{background-position: -1040px -80px;}
.notice_box .notice30:after{background-position: -1120px -80px;}
.notice_box .notice31:after{background-position: 0 -160px;}
.notice_box .notice32:after{background-position: -80px -160px;}
.notice_box .notice33:after{background-position: -160px -160px;}
.notice_box .notice34:after{background-position: -240px -160px;}

.info_txt{padding: 0px 0 2px 30px;line-height:1.5em;background: url("/images/common/icon_info.png") no-repeat;}
.info_txt1{padding: 2px 0 2px 30px;line-height:1.5em;background: url("/images/common/icon_info2.png") no-repeat;}
.info_txt2{padding: 2px 0 2px 30px;line-height:1.5em;background: url("/images/common/icon_info3.png") no-repeat;}
.line_dot{border-top: 1px dashed #ccc;padding-top:10px;margin-top:10px;}

/* 링크연결 컨텐츠 */
.link_box{margin: 20px 0;padding: 1px;background: linear-gradient(90deg,  var(--point1) 0%, var(--point2) 100%);text-align:center;border-radius: 10px 10px 40px 10px;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.link_box>div{padding: 20px;background: var(--bggray2);border-radius: 10px 10px 40px 10px;}
.link_box>div img{max-width: 100%;}
.link_box dt{color: var(--point2);font-family: var(--tit);font-size:28px;font-weight:bold;margin:30px 0 0 0;}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}

.link_box2{padding: 1px;background: linear-gradient(90deg,  var(--point1) 0%, var(--point2) 100%);text-align:center;border-radius: 10px;overflow: hidden;}
.link_box2>ul{padding-bottom: 10px;background: var(--bggray2);border-radius: 10px;}
.link_box2 li{padding: 20px;}
.link_box2 img{max-width: 100%;}
.link_box2 dt{color: var(--point2);font-family: var(--tit);font-size:28px;font-weight:bold;margin:30px 0 0 0;}
.link_box2 dd{margin:15px 0 0 0;}
.link_box2 dd a{display:inline-block;box-shadow: 0 0 10px rgba(219,219,219,.3);text-align:left;font-size:16px;padding:0 50px 0 0;margin:0 5px 10px 5px;background: var(--point3);position:relative;border-radius: 10px;overflow: hidden;}
.link_box2 dd a:hover, .link_box2 dd a:focus{background:var(--dkgray);}
.link_box2 dd a:after{display:block;position:absolute;top:0;bottom:0;right:0;width:50px;content:"";vertical-align:middle;background: url("/images/common/btn_new.png") no-repeat center}
.link_box2 dd span{display:block;background: #fff;color:#000;padding:15px 20px;transition: .2s ease-out;}

/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #e1e1e1;position:relative;padding:20px;margin:5px 0;text-align:center;border-radius: 20px;overflow: hidden;background: #fff;}
.big_img img{max-width:100%;border-radius: 10px;}
.big_img a{position:absolute;bottom:0;right:0;display:block;background: url(/images/common/btn_file_w.png) no-repeat 15px var(--dkgray);color:#fff;padding:10px 10px 10px 40px;border-radius: 20px 0 0;}
.w100 img, img.w100{max-width:100%;border-radius: 10px;}

/* 기본절차도 */
.basic_step ul:after, .basic_step ol:after{display: block;clear: both;content: "";}
.basic_step li{background:url("/images/common/basic_step2.png") no-repeat center top !important;padding: 25px 0 0 0 !important;margin: 0 0 8px 0 !important;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;background: var(--bgpoint);color:#000;padding:16px 15px; font-weight:bold;border-radius: 10px;margin-bottom: 3px;}
.basic_step li span{display:block;background:#fff;border:1px solid var(--bgpoint);padding:15px;border-radius: 10px;}
.basic_step li:last-child strong{background: var(--point1);color: #fff;}
.basic_step li:last-child span{border: 1px solid var(--point1);padding:13px;font-weight:bold;}
.basic_step li span em{font-style:normal;font-size:14px}

.basic_step li.norm strong{background: var(--bgpoint);color: #000;}
.basic_step li.norm span{border-color: var(--bgpoint);font-weight: normal;} 

.basic_step2 li{background:url("/images/common/basic_step2.png") no-repeat center top;padding: 30px 0 0 0;margin: 0 0 8px 0;text-align:center;line-height:1.5em;}
.basic_step2 li:first-child{background:none;padding-top:0}
.basic_step2 li strong{display:block;background: var(--bgpoint);color:#000;padding:16px 15px; font-weight:bold;border-radius: 10px;margin-bottom: 3px;}
.basic_step2 li span{display:block;border:1px solid var(--bgpoint);padding:15px;border-radius: 10px;}
.basic_step2 li:last-child strong{background: var(--point1);color: #fff;}
.basic_step2 li:last-child span{border-color: var(--point1);font-weight: bold;}

.basic_step2 li.norm strong{background: var(--bgpoint);color: #000;}
.basic_step2 li.norm span{border-color: var(--bgpoint);font-weight: normal;}    

/* 이미지 코멘트 */
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:-5000px;width: 1px;height: 0;}
.map_area{border:1px solid #ddd;border-radius: 20px;overflow: hidden;}
.map_area img{width:100%;}


/*그래프영역*/
.grp_area {margin-top:10px;padding: 20px;border: 1px solid #ddd;overflow-x: auto;border-radius: 20px; overflow-y: hidden;}
.grp_area>div{min-width: 700px !important;}
.grp_area svg{width: 100% !important;}
.grp_area text{font-family: 'SUIT';}

/*리스트 스타일*/
.list_txt{border-top: 2px solid var(--dkgray);}
.list_txt li{border-bottom: 1px dashed #ddd;}
.list_txt li:last-child{border-bottom-style: solid;}
.list_txt li>strong{display: block;padding: 14px 10px 8px;background: var(--bggray1);text-align: center;font-family: var(--tit);font-size: 20px;color: var(--dkgray);}
.list_txt li>span{display: block;padding: 10px;}
.list_txt li li, .list_txt li li:last-child{border: none;}

.list_txt.type2{border-top: none;}
.list_txt.type2 li{border-bottom: none;}
.list_txt.type2 li>strong{background: none;text-align: left;}
.list_txt.type2 em{display: inline-block;position: relative;font-style: normal;z-index: 1;}
.list_txt.type2 em:after, .list_txt.type2 .list_point em:after {position: absolute;width: 110%;height: 10px;left: -5%;bottom: 4px;content: "";background: var(--point3);z-index: -1;}
.list_txt.type2 li>span{padding: 0 10px;}
.list_txt.type2 .list_point em:after {background: #dde2ff;}

.marky{background:0;padding:0 10px;display:inline-block;position:relative;z-index:1;font-weight: bold;}
.marky:after{background: #a9fff3;width:100%;height:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-0%);content:"";z-index:-1;}
mark{background:#fdefbf;vertical-align:middle}

/*reser step*/
.reser_step{margin: 30px 0 0 0;}
.reser_step li{padding:15px;margin-bottom: 5px;text-align:center;box-sizing: border-box;position: relative;border-radius: 20px;background: var(--bggray1);color: var(--dkgray);}
.reser_step li:first-child{border:none}
.reser_step li *{vertical-align:middle}
.reser_step li em{font-style:normal;font-size:14px;display:block;color: #000;}
.reser_step li span{position: relative;font-weight:bold;font-size:12px;margin:0 10px 0 0;z-index: 1;}
.reser_step li span:after{position: absolute;width: 116%;height: 6px;content: "";left: -8%;bottom: 0;z-index: -1;background: var(--point3);}
.reser_step li strong{font-size:16px;font-weight: 700;}
.reser_step li.on{background: var(--point3);}
.reser_step li.on span:after{background: #fff;}
.reser_step li.on strong{color: #000;}

/*토글*/
.toggle{margin: 20px 0 0;border-top: 2px solid var(--point1);}
.toggle>h4, .toggle>h5, .toggle>h6{margin:0;border-bottom: 0;background: none;padding: 0;font-size: 20px;border-bottom: 1px solid var(--dkgray);}
.toggle>h4 a, .toggle>h5 a, .toggle>h6 a{display: block;position: relative;padding: 20px 20px 10px;color: var(--dkgray);}
.toggle>h4 a:after, .toggle>h5 a:after, .toggle>h6 a:after{position: absolute;right: 20px;top: 25px;width: 8px;height: 6px;background: url("/images/common/toggle_open.png");content: "";}
.toggle>div{display: none;padding: 20px;background: var(--bggray2);border-bottom: 1px solid var(--dkgray);}
.toggle>h4.on, .toggle>h5.on, .toggle>h6.on{border-bottom: none;}
.toggle>h4.on a, .toggle>h5.on a, .toggle>h6.on a{color: var(--point1);}
.toggle>h4.on a:after, .toggle>h5.on a:after, .toggle>h6.on a:after{background-image: url("/images/common/toggle_close.png");}
.toggle>div.on{display: block;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.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 !important;}
.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;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml0{margin-left:0px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr0{margin-right:0px}
.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 !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !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}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !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;}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}
.pt0{padding-top:0px !important;}
.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}

/* 배경 없앰 */
.bg_none{background:none !important;}
.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

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

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

@media all and (min-width:700px) {
.scroll_guide{display:none;}
}
/* Tablet */
@media all and (min-width:768px) {
.basic_box>div, .basic_box2>div{padding: 30px;}
.notice_box>div{padding: 30px 30px 30px 130px;text-align:left;}
.notice_box>div:after{transform: none;left: 25px;}
.notice_box .txt_a{padding: 15px 30px;}

.basic_tab li{width:50%;padding: 0 5px;margin-bottom: 10px;}
.basic_tab2 li{width: 33.333%;padding: 0 10px;margin-bottom: 10px;}
.basic_stab{text-align: right;}
.basic_stab .form_sel{width:200px}
.basic_stab .form_sm{width:100px}

.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%}

.link_box{text-align:left;border-radius: 20px 20px 70px 20px;}
.link_box>div{overflow: hidden;padding: 40px;border-radius: 20px 20px 70px 20px;}
.link_box p{float:left;width:45%;text-align: center;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{float:left;width:55%}
.link_box .basic_btn{text-align:left;float:left;width:55%}
.link_box .basic_btn a{margin:0}

.link_box2{border-radius: 20px;}
.link_box2>ul{padding:40px;overflow: hidden;border-radius: 20px;}
.link_box2 li{width:50%;float:left;}
.link_box2 p{text-align:center}
.link_box2 dl{padding:20px 20px 0;}
.link_box2 dt{font-size:1.6rem;margin:0;text-align:center;}
.link_box2 dd:last-of-type{text-align:center;}

.big_img{padding:0}
.big_img img{width:100%}

.list_txt li{display: table;width: 100%;}
.list_txt li>strong, .list_txt li>span{display: table-cell;}
.list_txt li>strong{width: 20%;}
.list_txt li>span{width: 80%;}

.reser_step ol{overflow: hidden;text-align: center;font-size: 0;}
.reser_step li{display: inline-block;position: relative;margin-left: 60px;width: 20%;max-width: 250px;border-radius: 50px;}
.reser_step li:after{position: absolute;left: -30px;top: 50%;transform: translate(-50%, -50%);width: 18px;height: 17px;content: "";background: url("/images/common/basic_step1.png") no-repeat;}
.reser_step li:first-child{margin-left: 0;}
.reser_step li:first-child:after{display: none;}
.reser_step li strong{font-size: 20px;}
.reser_step li em{margin-top: 4px;}

.reser_step ol.col3 li{width: 27%;}
.reser_step ol.col5 li{width: calc((100% - 200px)/5);margin-left: 40px;}
.reser_step ol.col5 li:after{left: -20px;}
}



/* Desktop */
@media all and (min-width:1023px) {
.basic_tab li,
.basic_tab2 li{width:25%}
.basic_tab .col5 li,
.basic_tab2 .col5 li{width:20%}
.basic_tab .col8 li,
.basic_tab2 .col8 li{width:12.5%}
.basic_tab .col3 li,
.basic_tab2 .col3 li{width:33.333%}
.basic_tab .col2 li,
.basic_tab2 .col2 li{width:50%}

.big_img img{width:auto;max-width: 100%;}
.big_img a{display:none}

img.w100,.w100 img{width:auto}

/* 기본절차도 */
/*.basic_step ol{overflow:hidden}*/
.basic_step li{float:left;background:url("/images/common/basic_step1.png") no-repeat 0 center !important;padding: 0px 0 0 27px !important;margin: 0 1% 10px 0 !important;box-sizing: border-box;}
.basic_step li:first-child{background: none!important;}
.basic_step li *{box-sizing: border-box;}
.basic_step .col2 li{width:49%}
.basic_step .col3 li{width:32%}
.basic_step .col4 li{width:24%}
.basic_step .col5 li{width:19%}
.basic_step li strong.line1{padding: 25px 15px;}
.basic_step li strong.line2{padding: 27px 15px;}
.basic_step li strong.line3{padding: 50px 15px;}
.basic_step li strong.line4{padding: 60px 15px;}
.basic_step li strong.line5{padding: 75px 15px;}
.basic_step li span.line1{padding: 25px 15px;}
.basic_step li span.line2{padding: 27px 15px;}
.basic_step li span.line3{padding: 50px 15px;}
.basic_step li span.line4{padding: 60px 15px;}
.basic_step li span.line5{padding: 75px 15px;}

.basic_step2 li{display: flex;flex-wrap: wrap;overflow:hidden;box-sizing: border-box;}
.basic_step2 li *{box-sizing: border-box;}
.basic_step2 li strong{width:20%;margin-bottom: 0;margin-right: 3px;box-sizing: border-box;}
.basic_step2 li strong.line2{padding: 28px 15px;}
.basic_step2 li strong.line3{padding: 40px 15px;}
.basic_step2 li strong.line4{padding: 52px 15px;}
.basic_step2 li span{width:78%;text-align:left;box-sizing: border-box;}
.basic_step2 li span.line1{padding: 27px 15px;}
.basic_step2 li span.line2{padding: 14px 15px;}
.basic_step2 li span.line3{padding: 39px 15px;}
}


/*로딩중*/
#loading{width:100%;height:100%;top:0;left:0;position:absolute;display:block;opacity:0.8;background:white;z-index:99;text-align:center;box-sizing: border-box;padding: 20px;}
#loading>img{position:absolute;top: 30%;left:50%;z-index:100;}
#loading p{padding-top: 200px;background: url('/images/common/loading.gif') no-repeat 50% 40%;}
#loading p span{background:#eaeaea;padding: 15px 20px;box-sizing:border-box;display: block;font-weight: bold;color: #000;}

/*프린트*/
.print_box{padding:30px;width:800px}
.print_box .print_area{position:relative}
.print_box .print_area h1{text-align:center;letter-spacing:1.5em}
.print_box .print_area .idpic img{width:100px;height:133px}
.print_box .print_area table{border:2px solid var(--dkgray)}
.print_box .print_area .tt_p{border:1px solid var(--dkgray)}
.print_box p{margin-left:0}
.print_box .print_area .stamp{width:120px;height:120px;font-size:13px;text-align:center;color:#604dc7;position:absolute;bottom:0;right:100px;z-index:2}
.print_box .print_area .stamp span{position:absolute;top:50px;left:0;width:100%}
.print_box .btn{text-align:center}
.print_box .btn a{display:inline-block;padding:10px 20px;margin:20px 5px;color:#fff}
.print_box .btn1{background:#324ccc}
.print_box .btn2{background:#515151}

.ultxt_box{padding: 10px;background: var(--bggray1);margin: 10px 0;}

/*모달*/
.modal{position: fixed;top: 0;right: 0;left: 0;width: 100%;height: 100vh;z-index: 999;}
.modal:before{content:"";display:block;position:fixed;top:0;right:0;left:0;bottom:-900px;background:rgba(0,0,0,.7);z-index: -1;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);transition: all 0.5s ease-out;}
.modal .inner{position:relative;top: 65px;text-align: center;}
.modal header{border: none;min-width: auto;position: relative;}
.modal .done a{color: #666;display: block;}

.mini{position: absolute;width: 100%;padding: 90px 10px 20px;margin: 0 auto;box-sizing: border-box;background: #fff;text-align: center;top: 50%;transform: translateY(-50%);word-break: keep-all;}
.mini p{font-size: 18px;}
.mini div{padding-top: 25px;}
.mini .btn a{display: inline-block;padding: 5px 20px;border-radius: 5px;margin: 0 3px;background: var(--bgpoint);color: var(--point2);}
.mini a.b1{background: var(--point1);color: #fff;}
.mini .close{position: absolute;top: 15px;left: 50%;transform: translateX(-50%);}
.mini .close a{display: block;width: 53px;height: 53px;overflow: hidden;background: url("/images/01_potal/common/btn_set.png") no-repeat -121px -30px;font-size: 0;}

.modal .modal_pop{position: fixed;width: 100%;box-sizing: border-box;background: #fff;top: 50%;transform: translateY(-50%);z-index: 1;}
.modal .modal_pop header{background: var(--point2);padding: 20px 0;}
.modal .modal_pop section{padding: 20px;max-height: 600px;overflow-y: auto;}
.modal .modal_pop footer{width: 100%;min-width: auto;padding-bottom: 20px;text-align: center;border: none;background: none;}
.modal .modal_pop footer .done a{color:#fff;font-size:17px;padding: 15px 0;}
.modal .modal_pop h1{font-size: 20px;color: #fff; height: auto;padding: 0;}
.modal .modal_pop .close{position: absolute;right: 8px;top: 8px;}
.modal .modal_pop .close a{display: block;width: 53px;height: 53px;overflow: hidden;background: url("/images/01_potal/common/btn_set.png") no-repeat 0 -30px;border-radius: 100%;font-size: 0;}
.modal .modal_pop .con h2{font-size: 18px;color: var(--point2);background: var(--bgpoint);padding: 5px;text-align: center;border-radius: 5px;margin-bottom: 15px;}
.modal .modal_pop .con div{padding: 0 10px;color: #000;line-height: 1.4em;margin-bottom: 20px;word-break: keep-all;}
.modal .modal_pop .info{border: 1px dashed #ddd;padding:20px;background: var(--bgpoinr);margin: 20px 0 0 0;}
.modal .modal_pop .info ul li{margin-bottom: 6px;font-size: 14px;}
.modal .modal_pop .btn2 a{display: inline-block;padding: 10px 15px;border-radius: 5px;background: var(--bgpoint);color: var(--point2);font-weight: normal;}
.modal .modal_pop .btn2 a.oneday{background:var(--point1);color: #fff;}

.modal .file_pop{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;padding: 100px 20px 20px;background: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(219,219,219,.3);word-break: keep-all;text-align: center;box-sizing: border-box;}
.modal .file_pop:after{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);content: "";width: 80px;height: 80px;background: url("/images/common/notice_ico.png") -240px -160px no-repeat;}
.modal .file_pop dt{font-family: var(--tit);font-size: 2.2em;font-weight: 600;color: var(--point1);margin-bottom: 10px;}
.modal .file_pop dd{line-height: 1.6em;font-size: 1.2em;}

@media all and (min-width:768px){
.mini{width: 450px;left: 50%;transform: translate(-50%,-50%);border-radius: 20px;}
.modal .modal_pop{width: 700px;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;overflow: hidden;}

.modal .file_pop{width: 600px;left: 50%;transform: translate(-50%,-50%);padding: 50px 30px 30px 130px;text-align: left;}
.modal .file_pop:after{transform: none;left: 25px;top: 30px;}
.modal .file_pop .bbs_btn{margin-bottom: 0;}
}

/*사이트맵*/
.sitemap>div{padding: 10px;margin: 20px 0;background: var(--bgpoint);border-radius: 20px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.sitemap h4{margin: 30px 0 20px;}
.sitemap a{display: block;padding: 6px 0;}
.sitemap a:hover, .sitemap a:focus{color: var(--point1);text-decoration: underline;}
.sitemap div div{padding: 20px;border-radius: 10px;background: #fff;}
.sitemap div>ul>li{border-top: 1px dashed var(--bgpoint);}
.sitemap div>ul>li:first-child{border: none;}
.sitemap div>ul>li>a{font-size: 18px;font-weight: 600;color: var(--point2);}
.sitemap div>ul>li>a:before{display: inline-block;width:12px;height:12px;margin-right: 4px; background: url("/images/common/li01.png") no-repeat;content: "";vertical-align: middle;}
.sitemap ul ul{padding: 10px;background: var(--bggray2);border-radius: 10px;}
.sitemap div>ul>li>ul>li>a:before{display: inline-block;width: 5px;height: 5px;margin-right: 4px;background: url("/images/common/li02.png") no-repeat;content: "";vertical-align: middle;}
.sitemap ul ul ul{background: none;padding: 0 10px;}
.sitemap ul ul ul li{margin: 4px 0}
.sitemap ul ul ul li a{padding: 4px 16px 4px 8px;background: #fff;border-radius: 5px 5px 20px 5px;box-shadow: 0 0 5px rgba(0,0,0,0.1);font-size: 15px;}
@media all and (min-width:768px){
.sitemap ul ul ul li{display: inline-block;margin: 2px;}
}
@media all and (min-width:1023px){
.sitemap div>ul>li>ul{display: flex;flex-wrap: wrap;}
.sitemap div>ul>li>ul>li{width: 33.333%;}
.sitemap ul ul ul{margin-bottom: 10px;}
}
@media all and (min-width:1200px){
.sitemap>div{overflow: hidden;}
.sitemap h4{float: left;width: 20%;box-sizing: border-box;}
.sitemap div div{float: left;width: 80%;box-sizing: border-box;}
.sitemap div>ul>li>ul>li{width: 25%;}
.sitemap ul ul ul li{display: block;margin: 4px 0;}
}

/*주요누리집공통*/
.nuri_all{position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.7);z-index: 999;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}
.nuri_all *{box-sizing: border-box;}
.nuri_all *::-webkit-scrollbar {width:5px;height:5px;}
.nuri_all *::-webkit-scrollbar-track {border-radius:5px;background:var(--bggray1);}
.nuri_all *::-webkit-scrollbar-thumb {background:var(--point1);border-radius: 10rem}
.nuri_all .so01{position: absolute;top: 50%;width: 90%;height: 570px;padding: 20px 0;margin: 0 5%;background: var(--bgpoint);border-radius: 20px;transform: translateY(-50%);}
.nuri_all .so01 .wrap{position: static;width: auto;height: 100%;margin: 0 auto;overflow-y: auto;}
.nuri_all .so01 h2{margin: 15px 0;}
.nuri_all .so_wrap{margin: 10px 0;}
.nuri_all .so_wrap h3 a{display: block;padding: 10px;border-radius: 10px;background: #fff;font-size: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.nuri_all .so_wrap.on h3 a{background: var(--point1);color: #fff;}
.nuri_all .so_wrap>div{display: none;padding: 10px;max-height: 280px;overflow-y: auto;}
.nuri_all .so_wrap.on>div{display: block;}
.nuri_all .sol h4 a{display: block;padding: 8px 0;font-size: 18px;border-bottom: 1px solid var(--dkgray);color: var(--dkgray);}
.nuri_all .sol ul{margin: 10px 0;}
.nuri_all .sol li{margin: 4px 0;}
.nuri_all .sol li a:before{display: inline-block;width: 4px;height: 4px;background: var(--point1);content: "";border-radius: 100%;margin-right: 4px;vertical-align: middle;}
.nuri_all .sol .line1>li>a{font-weight: bold;}
.nuri_all .sol .line1>li>a:before{display: none;}
.nuri_all .so_close{position: absolute;right: 10px;top: 15px;}
.nuri_all .so_close a{display: block;width: 53px;height: 53px;font-size: 0;overflow: hidden;background: url("/images/01_potal/common/btn_set.png") no-repeat -121px -30px;}
@media all and (min-width:1023px){
.nuri_all .so01{max-width: 1400px;padding: 20px;margin: 0;left: 50%;transform: translate(-50%,-50%);}
.nuri_all .so_wrap{position: relative;}
.nuri_all .so_wrap h3{width: calc((100% - 60px)/3);float: left;margin: 0 10px;}
.nuri_all .so_wrap>div{position: absolute;width: 100%;max-height: 380px;top: 60px;}
.nuri_all .sol ul{display: flex;flex-wrap: wrap;}
.nuri_all .sol li{margin-right: 20px;}
.nuri_all .sol .line1>li{width: 25%;margin-right: 0;}
.nuri_all .sol .line1>li.w100{width: 100%;}
.nuri_all .so_close{right: 20px;top: 20px;}
}

/*교직원로그인*/
.epki{padding:50px 10px;}
.epki *{font-family: SUIT;font-size: 16px;letter-spacing: normal;}
.epki h1{text-align: center;}
.epki>div{padding: 30px 10px;margin: 20px 0;background: #fff;border: 5px solid var(--bgpoint);border-radius: 20px;}
.epki>div .sch_txt{border:1px solid #ddd;height: 38px;width: calc(100% - 125px);display: inline-block;box-sizing: border-box;}
.epki>div form span{padding: 10px;display: inline-block;width: 120px;box-sizing: border-box;}
.epki .up_btn{margin:10px 0 0 0;text-align: center;} 
.epki .up_btn a{display: inline-block;box-sizing: border-box;padding:15px;background: var(--point3);color: #000;border-radius: 5px;}
.epki .up_btn a:hover, .epki .up_btn a:focus{background: var(--dkgray);color: #fff;}

/*관리자메뉴*/
.ad_modi{position: relative;margin: 20px 0;height: 40px;max-width: 400px;}
.ad_modi button{display: block;position: absolute;top: 0;right: 0;width: 40px;height: 40px;padding: 0;background: url("/images/01_potal/common/btn_set.png") no-repeat 0 -260px var(--dkgray);font-size: 0;overflow: hidden;border-radius: 100%;}
.ad_modi div{display: none;position: absolute;right: 50px;width: auto;padding: 10px;padding-right: 40px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.4);border-radius: 20px;overflow: hidden;max-width: 300px;}
.ad_modi div.on{display: block;width: 300px;}
.ad_modi div ul li{display: inline-block;width: 48%;position: relative;}
.ad_modi div ul li:first-child:after{position: absolute;right: 0;top: 5px;width: 1px;height: 10px;content: "";background: #ddd;}
.ad_modi div ul li a{display: block;text-align: center;font-size: 14px;color: #000;}
.ad_modi div ul li a:hover, .ad_modi div ul li a:focus{text-decoration: underline;}
.ad_modi div button{right: 0;top: 0;height: 40px;width: 40px;background: url("/images/01_potal/common/btn_set.png") no-repeat -187px -107px #eee;border-radius: 5px;}

/*비밀글·권한안내*/
.s_con .sc_box{padding: 240px 40px 40px;border-radius: 20px;background: url("/images/common/sc_box.png") no-repeat top center var(--bggray2);text-align: center;overflow: hidden;}
.s_con .sc_box h4{margin: 10px auto;padding: 0;background: none;}
.s_con .sc_box .bbs_btn{text-align: center;}
@media all and (min-width:1023px){
.s_con .sc_box{padding: 40px 40px 40px 320px;background-position: center left 40px;text-align: left;}
.s_con .sc_box .bbs_btn{text-align: left;}
}

/*url복사*/