@charset "utf-8";

/* ************************* S : common style************************** */
.blind {width: 0; height: 0; font-size: 0;}
h4{font-size:24px;margin: 30px 0 20px 0;color: #333;}
h5{font-size: 21px;color: #333;margin: 15px 0 8px 0;}
h5:before{content:"";display:block;width:24px;height:24px;float:left;background:url("/images/clean/common/h5.png")no-repeat;margin-right: 10px;margin-top: 1px;}
h6{font-size:18px;color: #333;margin: 20px 0 10px 10px;}
h6:before{content:"";display:block;width:25px;height:2px;background: #f5a200;margin-bottom: 6px;}

/*레이블글씨*/
.bbs_table td label.blind{font-size:0;}
 .map{--size:35px;width:30px;height:35px;display:inline-block;background-repeat:no-repeat;background-size:100% auto;background-position:center;}
    .m_mark1{background-image:url('/images/clean/layout/mark1.png');}
    .m_mark2{background-image:url('/images/clean/layout/mark2.png');}
    .m_mark3{background-image:url('/images/clean/layout/mark3.png');}
    .m_mark4{background-image:url('/images/clean/layout/mark4.png');}
    .m_mark5{background-image:url('/images/clean/layout/mark5.png');}

.new_win{display:inline-block;font-size:0;width:15px;height:15px;background: url("/images/clean/common/btn_new2.png")no-repeat right -2px top -58px;margin:2px 0 0 5px;}
.info_box .pc{display: none;}
.info_box2 .pc{display: none;}

/* 기본 컨텐츠 */
.basic_ul{margin: 0 0 25px 10px;}
.basic_ul li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_ul li ul{margin:5px 0 10px 0;}
.basic_ul li li{background: url(/upload_data/board_data/BBS_0000522/177251610493736.png) 0px 9px no-repeat;line-height: 1.5em;padding: 0px 0px 0px 12px;margin: 0px 0px 8px 10px;}
.basic_ul li li{background:none; }
.basic_ul li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_ul>li:before{content:"";display:block;width: 18px;height: 18px;float:left;background:url("/images/clean/common/basic_ul.png")no-repeat;margin-right: 6px;margin-top:6px;}
.basic_ul li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;}
.basic_ul .li_none:before{display:none;}

.basic_ul_num>li{position:relative; padding-left:36px; margin-bottom:12px;}
.basic_ul_num>li::before{position:absolute;left:0;top:-3px;display:inline-block;box-sizing:border-box;width:26px;height:26px;padding-top:4px;margin-right:6px;background: #6856cc;border-radius:50%;color:#fff;text-align:center;font-weight:600;font-size:15px;}
.basic_ul_num>li:nth-of-type(1)::before{content:'1';}
.basic_ul_num>li:nth-of-type(2)::before{content:'2';}
.basic_ul_num>li:nth-of-type(3)::before{content:'3';}
.basic_ul_num>li:nth-of-type(4)::before{content:'4';}
.basic_ul_num>li:nth-of-type(5)::before{content:'5';}
.basic_ul_num>li:nth-of-type(6)::before{content:'6';}
.basic_ul_num>li:nth-of-type(7)::before{content:'7';}
.basic_ul_num>li:nth-of-type(8)::before{content:'8';}
.basic_ul_num>li:nth-of-type(9)::before{content:'9';}
.basic_ul_num>li:nth-of-type(10)::before{content:'10';}
.basic_ul_num ul{margin:6px 0;}
.basic_ul_num li li{position:relative; padding:0 0 0 12px; margin-bottom:6px;}
.basic_ul_num li li::before{content:'';position:absolute;top:9px;left:0;width:6px;height:6px;background: #6856cc;border-radius:50%;}
.basic_ul_num ul ul{margin:6px 0 0;}
.basic_ul_num li li li{padding:0 0 0 14px; color:#6d6d6d; font-size:15px;}
.basic_ul_num li li li::before{top:8px;width:7px;height:2px;background: #333;border-radius:5px;}

.basic_p{display: block;font-size:16px;line-height:1.5em;margin: 10px 0 10px 30px;word-break: keep-all;color: #333;}
.num{display: inline-block;width: 32px;height: 32px;padding-top: 8px;background: #6856cc;color: #fff;border-radius: 50%;font-weight: 600;font-size: 14px;font-style: normal;text-align: center;vertical-align: middle;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color: #e02121 !important;font-style:normal}
.fc_blue{color: #0077f3 !important;font-style:normal}
.fc_green{color: #068554 !important;font-style:normal}




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


.basic_table{width:100%;background: #fff;margin: 10px 0 20px 0;}
.basic_table th, .basic_table td{word-break: keep-all;text-align:center;padding: 10px 15px;border:1px solid #ddd;vertical-align:middle;font-size:16px;line-height:1.5em}
.basic_table thead th{font-size: 16px;background: #f2f1ff;color: #333;}
.basic_table tbody th{font-size: 16px;background: #f2f1ff;}
.basic_table tbody li{text-align:left;}
.basic_table tbody ul>li{line-height:1.5em;padding:0 0 0 12px;margin:0 0 8px 0;background: url("/upload_data/board_data/BBS_0000522/177251586857020.png") no-repeat 0 8px;}
.basic_table tbody ul>li>ul{margin:5px 0 10px 0;}
.basic_table tbody li li{margin-bottom:5px;margin-left:15px;}
.basic_table tbody li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_table tbody td>ul>li>ul>li:before{content:"";display:block;width: 10px;height: 3px;background: #6856cc;/* border-radius:50%; */float:left;margin: 10px 8px 0 0;}
.basic_table tbody li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;}
.basic_table tbody ul>li.li_none{background:none;}
.basic_table tbody td table{border-top:1px solid #02224d;}
.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: #fffded;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}

.over_table .scroll_guide {position: relative;padding: 10px 20px;background: #fffded;margin-bottom: 5px;text-align: center;}
.over_table .scroll_guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.over_table .scroll_guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.over_table .scroll_guide p{text-align:center;font-weight:600;color:#666;font-size: 13px;}
.over_table .scroll_guide p:before{ content:"좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다."; }

.basic_table_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #2c60cb}
.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:#f6f9ff;color:#444;font-size:14px}
.basic_table_s tbody th{background:#f6fbff;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 12px;margin:0 0 5px 0;background:url("/images/gpass/common/li01.png") no-repeat 0 7px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding:0 0 0 10px;background:url("/images/gpass/common/li02.png") no-repeat 0 7px}
.basic_table_s tbody td li li li{padding:0 0 0 12px;background:url("/images/gpass/common/li03.png") no-repeat 0 7px}
.basic_table_s tbody td table{border-top:1px solid #2c60cb}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}

.tb2 {border-right:0;}
.tb2 tbody th { color: #ffffff; background: #02224d;font-weight: 600;}

/* 탭 */
.basic_tab{overflow:hidden;margin:0 0 30px 0;}
.basic_tab li{float:left;width:100%;margin-bottom: 4px;}
.basic_tab li a{color: #878787;display:block;padding:15px 10px;font-size:18px;border-bottom:2px solid #cecece;}
.basic_tab li a:hover{color: #6856cc;}
.basic_tab li.on a{color: #6856cc;border-color: #6856cc;font-weight: 700;}
.basic_tab li a em.new_win{display:inline-block;width: 20px;height: 17px;font-size:0;background:url("/images/clean/common/btn_new2.png")no-repeat;background-size:15px 15px;background-position:center 1px;margin-left:10px;}

.basic_tab2{overflow:hidden;margin:30px 0;border-radius:10px;border-top: 1px solid #ddd;border-left: 1px solid #ddd}
.basic_tab2 li{float:left;width:100%;box-sizing:border-box;}
.basic_tab2 li:last-child{border:none;}
.basic_tab2 li a{padding: 15px 20px;display:block;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}
.basic_tab2 li a:hover{color:#6856cc;}
.basic_tab2 li.on a{background: linear-gradient(45deg, #5679cc, #6856cc);color: #ffffff;font-weight: 700;}
.basic_tab2 li a em.new_win{display:inline-block;width:25px;height: 17px;font-size:0;background:url("/images/clean/common/btn_new2.png")no-repeat;background-size:15px 15px;margin-left:10px;}

.tab_con{background:#fff;padding:30px 20px;border-radius:20px;margin-bottom:20px;}
.tab_con h4:first-child, .tab_con h5:first-child, .tab_con h6:first-child{margin-top:0;}

/* 박스형 컨텐츠*/
.basic_box{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 0 15px;box-shadow:0 3px 8px #ddd9;border: 1px solid #6856cc;}
.basic_box>div{padding: 15px;border-radius:10px;position:relative;}
.basic_box>div:before{content:"";display:block;position:absolute;width: 25%;height: 8px;background: #6856cc;top: -23px;left: -19px;border-radius: 50px;}
.basic_box p{line-height:1.5em;}
.basic_box ul{margin-bottom:0;}
.basic_box ul li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_box ul li ul{margin: 5px 0 0 0;}
.basic_box ul li li{margin-bottom:5px;margin-left:15px;}
.basic_box ul li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_box ul>li:before{content:"";display:block;width: 10px;height: 10px;background:url("/images/clean/common/li01.png")no-repeat;border-radius:50%;float:left;margin: 8px 8px 0 0;}
.basic_box ul>li>ul>li:before{content:"";display:block;width:6px;height:6px;background:#0e237c;border-radius:50%;float:left;margin: 10px 8px 0 0;}
.basic_box ul li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;border-radius: 0;}
.basic_box dt{font-size:22px;font-weight:800;color:#006cd4;margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px dashed #c7c7c7;}
.basic_box dt:first-child{margin-top:0;}
.basic_box dd, .basic_box2 dd{line-height:1.5em;margin:0 0 5px 0;}
.basic_box dd:before, .basic_box2 dd:before{content:"";display:block;width: 10px;height: 10px;background:url("/images/clean/common/li01.png")no-repeat;border-radius:50%;float:left;margin:8px 8px 0 0;}

.basic_box2{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 15px 0;box-shadow:0 3px 8px #ddd9;outline: 3px solid #6856cc;}
.basic_box2>div{padding: 15px;border-radius:10px;position:relative;}
.basic_box2>div:before{content:"";display:block;position:absolute;width: 90%;height: 3px;background: #ffffff;bottom: -18px;left: -15px;border-radius: 50px;}
.basic_box2>div:after{content:"";display:block;position:absolute;width: 90%;height: 3px;background: #ffffff;top: -18px;right: -15px;border-radius: 50px;}
.basic_box2 h4{margin:0 0 14px;}
.basic_box2 h5{margin:0 0 12px;}
.basic_box2>div{padding:24px 20px;}
.basic_box2 dl{margin-bottom:10px;}
.basic_box2 dt{font-size:24px; font-weight:600; padding-top:16px; margin-bottom:8px;}
.basic_box2 dd{font-size:18px; margin:4px 0; padding-left:16px; position: relative;}
.basic_box2 dd::before{content:'';display:block;width: 8px;height: 8px;background: #f5a200;border-radius:50%;position:absolute;top: 2px;left:0;}
.basic_box2 li{line-height: 1.5em; margin-bottom:8px; padding:0 0 0 16px; position:relative;}
.basic_box2 li::before{content:'';display:block;width: 8px;height: 8px;background: #f5a200;border-radius:50%;position:absolute;top:8px;left:0;}
.basic_box2 li ul{margin:8px 0;}
.basic_box2 li li{padding:0 0 0 12px; margin-bottom:6px;}
.basic_box2 li li::before{content:''; display:block; width:7px; height:3px; border-radius:4px; background:#383737; position:absolute; top:8px;}
.basic_box2 li li li{font-size:15px; color:#6d6d6d; padding:0 0 0 14px;}
.basic_box2 li li li::before{content:''; display:block; width:7px; height:3px; border-radius:4px; background:#6d6d6d; position:absolute; top:8px;}

.line_dot{border-top:1px dashed #e3e9f3; margin-top:12px; padding-top:12px;}


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

.w100 img, img.w100{width:100%; border:1px solid #e8e8e8; border-radius:20px; text-align: center;}


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


/* .notice_box{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 0 15px;box-shadow:0 3px 8px #ddd9;border: 1px solid #007df0;}
.notice_box>div{padding: 15px;border-radius:10px;position:relative;background: url("/images/clean/common/notice.png")no-repeat left 18px top 18px;padding:18px 18px 18px 120px;}
.notice_box>div:before{content:"";display:block;position:absolute;width: 25%;height: 8px;background: #007df0;top: -23px;left: -19px;border-radius: 50px;}
.notice_box .notice1{background: url("/images/clean/common/notice1.png")no-repeat left 31px top 18px;}
.notice_box .notice2{background: url("/images/clean/common/notice2.png")no-repeat left 27px top 18px;}
.notice_box .notice3{background: url("/images/clean/common/notice3.png")no-repeat left 23px top 18px;}
.notice_box .notice4{background: url("/images/clean/common/notice4.png")no-repeat left 26px top 18px;}
.notice_box .notice5{background: url("/images/clean/common/notice5.png")no-repeat left 19px top 18px;}
.notice_box .notice6{background: url("/images/clean/common/notice6.png")no-repeat left 26px top 18px;}
.notice_box .notice7{background: url("/images/clean/common/notice7.png")no-repeat left 34px top 18px;}
.notice_box p{line-height:1.5em;} */

.info_box{margin:0 0 20px 0;border-radius:10px;background: url("/images/clean/common/ico_info.png")no-repeat #fff left 16px center;line-height:1.5em;padding: 20px 20px 20px 50px;/* outline: 5px solid #3c77ff40; *//* outline-offset: -5px; */border: 1px solid #007df0;}
.info_box1{margin:0 0 20px 0;border-radius:10px;line-height:1.5em;padding: 20px 20px 20px 50px;background: url(/images/clean/common/ico_info2.png) no-repeat left 16px center #ffecec;/* outline: 5px solid #ffd2d2; *//* outline-offset: -5px; */}
.info_txt{line-height:1.5em;padding: 8px 0 8px 36px;background: url("/images/clean/common/ico_info2.png")no-repeat left center;}
.info_box2{margin:0 0 20px 0;border-radius:10px;background: url("/images/clean/common/ico_info.png")no-repeat #fff left 16px center;line-height:1.5em;padding: 10px 20px 10px 50px;/* outline: 5px solid #3c77ff40; *//* outline-offset: -5px; */border: 1px solid #007df0;}


.line_dot{border-top:1px dashed #c7c7c7;padding-top:10px;margin-top:10px;}

/* 모바일 이미지 확대보기 */
.big_img{border: 1px solid #6856cc;position:relative;padding: 10px;margin:0 0 40px 0;text-align:center;border-radius:10px;overflow:hidden;background: #fff;}
.big_img img{width:100%}
.big_img a{padding: 10px 10px 5px 10px;font-size: 14px;position:absolute;bottom:0;right:0;background: #6856cc;color: #ffffff;border-radius: 10px 0;}
.big_img a span:after{content:"";display:block;background: url("/images/clean/common/cmd_icon.png")no-repeat left top -55px;width: 22px;height: 22px;float: left;margin: 0 5px 0 0;}
.w100 img, img.w100{width:100%;border: 1px solid #c7c7c7;border-radius:10px;}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:-999px;}

/* 버튼 스타일*/
.basic_btn{text-align:center;margin:20px 0;}
.basic_btn a{display:inline-block;text-align:left;margin:0 5px 10px 5px;border: 1px solid #6856cc;border-radius: 10px;font-size:17px;}
.basic_btn a:hover{background: #e3deff;color:#333;}
.basic_btn span{display:block;padding:18px 24px;}
.basic_btn span:after{content:"";display:block;width:20px;height:20px;float:right;margin-left: 10px;}
.btn_go span:after{background: url("/images/clean/common/ico_common_btn.png") no-repeat;background-position: 50% 0px;} 
.btn_new span:after{background: url("/images/clean/common/ico_common_btn.png") no-repeat; background-position: 50% -53px;} 
.btn_down span:after{background: url("/images/clean/common/ico_common_btn.png") no-repeat; background-position: 50% -28px;} 
.btn_file span:after{background: url("/images/clean/common/ico_common_btn.png") no-repeat;background-position: 50% -78px;} 
.basic_btn .btn_go:hover span:after, .basic_btn .btn_new:hover span:after, .basic_btn .btn_down:hover span:after{background-position-x:right;}

.sbtn_go{display:inline-block;font-size:14px;color: #333;padding: 6px 15px;text-align:left;border: 1px solid #f5a200;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_new{display:inline-block;font-size:14px;color: #333;padding: 6px 15px;text-align:left;border: 1px solid #f5a200;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_down{display:inline-block;color: #333;font-size:14px;padding: 6px 15px;text-align:left;border: 1px solid #f5a200;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_file{display:inline-block;font-size:14px;color: #333;padding: 6px 15px;text-align:left;border: 1px solid #f5a200;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_study{display:inline-block;color:#007df1;font-size:14px;padding: 6px 15px;text-align:left;border:1px solid #007df1;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_solve{display:inline-block;color: #222;font-size:14px;padding: 6px 15px;text-align:left;border: 1px solid #222;border-radius:8px;background: #f5f5f5;margin:2px 5px 2px 0;}
.sbtn_go span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -2px;}
.sbtn_new span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -53px;}
.sbtn_down span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -28px;}
.sbtn_file span{padding:1px 30px 1px 0;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 95% -78px;}
.sbtn_go:hover, .sbtn_new:hover, .sbtn_down:hover, .sbtn_file:hover{background:#fff;}

.sbtn_go2, .sbtn_new2, .sbtn_down2, .sbtn_file2{font-size:15px;border: 1px solid #709de2;border-radius:10px;margin:2px 5px 2px 0;padding:6px 16px 6px 16px;vertical-align:middle;}
.sbtn_go2{display:inline-block; background:#fff url("/images/clean/common/btn_go.png")no-repeat right 16px center; background-size:13px 13px;}
.sbtn_new2{display:inline-block; background:#fff url("/images/clean/common/btn_new.png")no-repeat right 16px center; background-size: 13px 13px;}
.sbtn_down2{display:inline-block; background:#fff url("/images/clean/common/btn_down.png")no-repeat right 16px center; background-size:13px 13px;}
.sbtn_file2{display:inline-block; background:#fff url("/images/clean/common/btn_file.png")no-repeat right 16px center; background-size:13px 13px;}
.sbtn_go2 span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -2px;}
.sbtn_new2 span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -53px;}
.sbtn_down2 span{padding-right:30px;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 98% -28px;}
.sbtn_file2 span{padding:1px 30px 1px 0;background:url("/images/clean/common/ico_common_btn.png")no-repeat right;background-position: 95% -78px;}

.icon_btn{text-align:center;}
.icon_btn a{display:inline-block;font-size:15px;background:#fff;padding: 6px 15px;margin:0 5px 10px 5px;border-radius:8px;border: 1px solid #22222240;color: #222;box-shadow: 0 2px 3px #ddddddab;}
.icon_btn a:hover{border-color:#007cf3;}
.icon_btn a span{padding: 3px 30px 3px 0;display:block;}
.icon_btn .hwp span{background:url("/images/clean/common/icon_hwp.gif")no-repeat right;}
.icon_btn .pdf span{background:url("/images/clean/common/icon_pdf.gif")no-repeat right;}
.icon_btn .xls span{background:url("/images/clean/common/icon_xls.gif")no-repeat right;}
.icon_btn .zip span{background:url("/images/clean/common/icon_zip.gif")no-repeat right;}

.txt_link, .txt_link:hover{color: #6856cc;text-decoration:underline;padding-right: 20px;}
.txt_link::after{content:"";display:inline-block;width:20px;height:20px;background: url("/images/clean/common/cmd_icon.png")no-repeat left -43px bottom -5px;position: absolute;}

.reser_step{margin:30px 0 0 0;border-radius:20px;overflow:hidden;box-shadow:0 3px 8px #ddd9;}
.reser_step ol{border:1px solid #c7c7c7;border-radius:20px;background:#fff;}
.reser_step li{text-align:center;padding:20px 15px;border-top:1px solid #c7c7c7;}
.reser_step li:first-child{border:none;}
.reser_step li.on{background: linear-gradient(45deg, #0e92d0, #0473d7);color:#fff;text-shadow:0 0 8px #1359ac;}
.reser_step li span{font-size:12px;padding:3px 10px;background:#e5e9f7;border-radius:30px;display:inline-block;color:#0e237c;margin:0 8px 0 0;}
.reser_step li.on span{background:#fff;text-shadow:none;}
.reser_step li em{display:block;font-size: 15px;padding: 7px 0 0 0;}



/* 기본절차도 */
.basic_step li{background:url("/images/clean/common/basic_step1.png")no-repeat center top; font-size:16px; text-align:center; line-height:1.5em; margin:0 0 15px; padding:35px 0 0 0;}
.basic_step li:first-child{background:none; padding-top:0;}
.basic_step li strong{display:block; background:#fff; padding:20px 5px 15px 5px; color:#a77053; margin-bottom:4px; border:1px solid #a77053; position:relative; border-radius:10px;}
.basic_step li span{display:block;background:#fff;border: 1px solid #6856cc;border-radius:5px;padding:15px 10px;}
.basic_step li span em{font-size:14px; font-style:normal;}

.basic_step2 li{text-align:center;line-height:1.5em;margin:0 0 8px 0;/* padding: 11px 0 0 0; */position:relative;}
.basic_step2 li strong{display:block;background: #6856cc;color:#fff;border-radius:5px 5px 0 0;padding:16px 20px;position: relative;}
.basic_step2 li:first-child strong::before{display:none;}
.basic_step2>ol>li::after{content:''; display:block; background:url("/images/clean/common/basic_step1.png")no-repeat center 23px; width:40px; height:40px; margin:0 auto 0;}
.basic_step2>ol>li:last-child::after{display:none;}
.basic_step2 li div{display:block;border: 1px solid #6856cc;word-break:keep-all;padding:15px;border-top:none;border-radius:0 0 5px 5px;}
.basic_step2 li div em{font-style:normal; font-size:14px;}
.basic_step2 div li{text-align: center;color:#383737;position:relative;/* padding: 5px 0 0 16px; */}
/* .basic_step2 div li::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background: #6856cc;position: absolute;top:13px;left:0;}
 */
.basic_step3 li{text-align:center;line-height: 1.5em;margin: 0 0 8px 0;position:relative;}
.basic_step3>ol>li::after{content:'';display:block;background:url("/images/clean/common/basic_step1.png")no-repeat center 23px;width: 30px;height: 46px;margin:0 auto 0;}
.basic_step3>ol>li:last-child::after{display:none;}
.basic_step3 li strong{display:block;background: #6856cc;color:#fff;text-align:center;position:relative;border-radius:5px 5px 0 0;padding:16px 20px;}
.basic_step3 li div{display: block;border: 1px solid #6856cc;word-break: keep-all;font-size:16px;padding:20px;border-radius:0 0 5px 5px;}
.basic_step3 li div em{font-style:normal; font-size:14px;}
.basic_step3 div li{font-size:16px; color:#383737; position:relative; text-align:left; margin:7px 0; padding:0 0 0 12px;}
.basic_step3 div li li{font-size:15px; color:#383737; margin:5px 0;}
.basic_step3 div li li::before{content:''; display:block; width:7px; height:3px; border-radius:4px; background:#383737; position: absolute; top:7px; left:0;}




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

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

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

/* 기본 패딩 : 상황에 따라 추가 가능 */
.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;}

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

/* 기본 선 : 상황에 따라 추가 가능 */
.bd_eb{border: 1px solid #ebebeb;}
.bd_B9{border: 1px solid #B9B9B9;}

/* 기본 라운드 : 상황에 따라 추가 가능 */
.br10{border-radius: 10px;}
.br15{border-radius: 15px;}
.br20{border-radius: 20px;}
.br30{border-radius: 30px;}
.br40{border-radius: 40px;}
.br50{border-radius: 50px;}



/* 배경 없앰 */
.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************************** */


/*Tablet*/
@media all and (min-width:768px) {
.basic_tab li, .basic_tab2 li{width:50%;}
.basic_tab2 li a{border-right: 1px solid #c7c7c769;}

.reser_step ol{display:flex;flex-wrap:wrap;}
.reser_step li{width:33.333%;border-top:none;border-left:1px solid #ddd;}

.sub_pop>div{max-width:1436px;margin:60px auto 0;box-shadow: 0 5px 15px #00000052;}
.sub_pop>div h4{font-size:30px;padding:40px 0;}
.sub_pop>div video{margin:45px auto;max-width: 1200px;}
.sub_pop .close{top:40px;right:30px;}

.exam_pop .exam_wrap{padding:40px;}
.exam_pop .q_box{margin:0 0 60px 0;}
.exam_pop .q_box>p>strong{font-size:20px;}
.exam_pop .q_box li{margin-bottom:20px;}
.exam_pop .q_box li label{font-size:18px;}
.exam_pop .q_box .hint{top:35px;width:50%;}
}

/*PC*/
@media all and (min-width:1023px) {   
.s_con h4:first-child{margin-top:0;}

.basic_tab li a{font-size:20px;}
.tab_con{padding: 35px 40px;}
.info_box .mobile{display: none;}
.info_box .pc{display:block;}

.info_box2 .mobile{display: none;}
.info_box2 .pc{display:block;}
.over_table .scroll_guide{display:none;}
}

@media all and (min-width:1200px) {
.basic_tab{margin:0 0 35px 0;}
.basic_tab ul{display:flex;flex-wrap:wrap;}
.basic_tab li{margin-right:1%;}
.basic_tab .col2 li{width:49%;}
.basic_tab .col3 li{width:32%;}
.basic_tab .col4 li{width:24%;}
.basic_tab li a{font-size: 20px;padding: 35px 0 20px 40px;text-align: left;} 

.basic_tab2{border-radius:20px;}
.basic_tab2 ul{display:flex;flex-wrap:wrap;}
.basic_tab2 .col2 li{width:50%;}
.basic_tab2 .col3 li{width:33.333%;}
.basic_tab2 .col4 li{width:25%;}
.basic_tab2 li a{padding:20px;font-size: 17px;}

.big_img{padding:15px;width: 70%;}
.big_img a{display:none;}
.w100 img, img.w100{width: auto;}


.basic_step{padding:20px 20px 0;}
.basic_step ol{overflow:hidden;}
.basic_step li{float:left; background:url("/images/clean/common/basic_step2.png")no-repeat left center; padding:0 0 0 40px; margin:0 10px 20px 0;}
.basic_step li:first-child{padding-left:0 !important; }
.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{margin-top:13px;}
.basic_step2 ol { overflow:hidden } 
.basic_step2>ol>li{float:left;padding: 0 0 0 35px;margin: 0 0 10px 0; background:url("/images/clean/common/basic_step2.png")no-repeat left center; } 
.basic_step2 > ol > li:first-child {background:none; padding:0;}
.basic_step2>ol>li::after{display:none;}
.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% - 70px) / 2); margin-left:15px;} 
.basic_step2 ol.col3>li { width:calc((100% - 105px) / 3);  margin-left:15px;  } 
.basic_step2 ol.col4>li { width:calc((100% - 140px) / 4);  margin-left:15px; } 
.basic_step2 ol.col5>li { width:calc((100% - 175px) / 5);  margin-left:15px; } 
.basic_step2 ol.col6>li { width:calc((100% - 210px) / 6);  margin-left:15px; } 

.basic_step3>ol>li {display:table;width:100%;position:relative;padding-top: 24px;} 
.basic_step3>ol>li::after{content:''; position: absolute; top:89%; left:79px; }
.basic_step3 li strong { display:table-cell; width:200px; vertical-align:middle; border-radius: 5px 0 0 5px;} 
.basic_step3 li div {display:table-cell;border-left: none; border-radius: 0 5px 5px 0;} 
.basic_step3>ol>li.div_none { overflow:hidden } 
.basic_step3>ol>li.div_none strong { float:left } 

.bbs_vtop h4{font-size:32px;padding: 0 0 40px 0;}   
.bbs_vinfo .edu_box{overflow:hidden;display:flex;justify-content:space-between;margin-bottom: 35px;}
.bbs_vinfo .edu_img{width: 775px;margin-bottom:0;}
.bbs_vinfo .edu_info{width: calc(100% - 815px);padding: 40px;}
.bbs_vinfo .edu_info>span{margin-bottom:25px;}
.bbs_vinfo .edu_info li{padding:0 0 30px 0;}
}                   

 
/* 사이트맵 */
.sitemap{position:relative;border-top:1px solid #d2d2d2;padding:20px 0;margin:0 0 20px 0;}
.sitemap:before{content:'';position:absolute;left:0;top:0;width:90px;height:3px;background:#6856cc;}
.sitemap h4{margin-top:20px;}
.sitemap h4 a{font-size:20px;margin-left:5px;}
.sitemap h4 a:hover{color:#6856cc;}
.sitemap_list ul{margin:0;padding:0;list-style:none;}
.sitemap_list ul li{margin-bottom:12px;}
.sitemap_list ul li a{display: block;padding:14px 16px;border:1px solid #d2d2d2;border-radius:10px;line-height:1.4;text-align: left;}
.sitemap_list ul li a:hover,
.sitemap_list ul li a:focus{color:var(--primary-purple);text-decoration:underline;}

.sitemap_list ul li ul{margin:10px 0 0 0;}
.sitemap_list ul li ul li{position:relative;padding-left:16px;margin:6px 0;}
.sitemap_list ul li ul li:before{content:'';position:absolute;left:0;top:0.65em;width:6px;height:6px;border-radius:50%;background:#9fc86d;}
.sitemap_list ul li ul li a{display:inline;padding:0;border:0;border-radius:0;font-size:15px;line-height:1.6;text-align:left;}
.sitemap_list ul li ul li a:hover,
.sitemap_list ul li ul li a:focus{color:var(--primary-purple);text-decoration:underline;}

@media (min-width:768px){
	.sitemap_list ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px,1fr));gap:16px 20px;}
	.sitemap_list ul li{margin:0;}
	.sitemap_list ul{display:block;}
}

@media (min-width:1023px){
	.sitemap_list ul{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
	.sitemap_list ul li ul{display:block;}
}                                                                                                                           
                    
	/*공통 탭_심사*/
	.basic_tab li a,.basic_tab2 li a{display:block;width:100%;}
	.basic_tab li a:focus,.basic_tab2 li a:focus{outline:2px dotted red;outline-offset:-2px;}