@charset "utf-8";
:root {
    --white:#fff;
    --bluebg: #f4f7f9; /*하늘색*/
    --graybg:#ececec; /*회색*/
    --depth1bg:#e3ecf6; /*1차메뉴 bg*/
    --gnbbg:#f6f8fa; /*2차메뉴 호버 bg*/
    --txt:#303030; /*텍스트 기본*/
    --txtc2:#292929; /*텍스트 강조*/
    --txt3:#5e5e5e;  /*진회색*/
    --gray:#838383;
    --point: #034694; /* 포인트 */
    --point2: #349df0;
    --navy: #001e41;
    --grad: linear-gradient(90deg, #034694, #0f739d);
    --grad2: linear-gradient(150deg, #005cc8, #349aec);
    --red: #ff4040;
    --blue: #3b82f6;
    --green:  #05a66b;
    --pink: #ff4f81;
    --orange: #ff7200;
    --shadow: 0px 0px 20px rgba(0, 0, 0, 0.137);
    --shadow2: 0px 0px 15px rgba(175, 187, 206, 0.301);
  } 

html {}
body{font-size: 19px;font-family:"SCDream", "gothic", "sans-serif";color:var(--txt);font-weight:400;box-sizing: border-box;}
input, select, button, textarea {font-family:"SCDream", "gothic", "sans-serif";font-size: 19px;font-weight:300;color:var(--txt)} 
 
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center;z-index: 9999;}
#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}

h4{display: block;font-family:'JalnanGothic';color: #349aec;margin: 45px 0 10px 0;font-size: 30px;}
h5{font-family:'JalnanGothic';color: var(--txt);margin: 30px 0 10px 0;font-size: 27px;}
h5::before{display: inline-block;width: 30px;height: 40px;background: url('/images/01/common/ico_h5.png') no-repeat 0px -2px;content: "";vertical-align: middle;}
h6{font-family:'JalnanGothic';margin: 20px 0 10px 0;color: #034694;font-size: 24px;}

/* 베이직 탭 */
.basic_tab{margin:0 0 30px 0;}
.basic_tab:after{display:block; content:''; clear:both;}
.basic_tab li{float:left;width: 99.9%;}
.basic_tab li a{display:block;padding: 20px;background: var(--white);border: 1px solid var(--point);border-radius: 25px;margin: 3px;}
.basic_tab li a:hover, .basic_tab li a:focus{background: var(--point);color:#ebebee}
.basic_tab li a .new_win {background: url('/images/01/common/ico_newwin.png') no-repeat left center;margin-bottom: 3px;}
.basic_tab li a:hover .new_win, .basic_tab li a:focus .new_win {background: url('/images/01/common/ico_newwin_w.png') no-repeat left center; }
.basic_tab li.on a{background: var(--point);color: var(--white);}
.basic_tab li.on a:hover{background-color: var(--point);}

.basic_ul{margin: 0 0 30px 0;}
.basic_ul li{position: relative;line-height: 1.6;padding: 0 0 0 22px;margin: 0 0 10px 0;}
.basic_ul>li:before{display: block;position: absolute;top: 8px;left: 0;width: 20px;height: 15px;background: url('/images/01/common/ico_ft_list.png') no-repeat center center;content:'';background-size: 15px;}
.basic_ul li ul{margin: 5px 0;}
.basic_ul li li {padding-left: 10px;font-weight: 300;}
.basic_ul li li:before{display:block;position: absolute;top: 19px;left: 0;width: 4px;height: 4px;margin: -5px 7px 0 0;background: #777;content: "";vertical-align: middle;border-radius: 15px;}
.basic_ul li li li{padding: 0 0 0 10px;color: var(--txt3);font-size: 18px;}
.basic_ul li li li:before{display: inline-block;width: 5px;height: 2px;margin: -5px 7px 0 0;background: #9b9b9b;content: "";vertical-align: middle;border-radius: 15px;}
.basic_ul .li_none:before {display:none}

.basic_ul_num>li{position: relative;padding-left: 45px;margin-bottom: 8px;line-height: 1.6;}
.basic_ul_num>li::before{position: absolute;top: 2px;left: 10px;display: inline-block;font-family:'JalnanGothic';box-sizing: border-box;width: 28px;height: 28px;background: #001e42;color: #fff;text-align: center;font-size: 14px;border-radius: 30px;padding-top: 4px;}
.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>li:nth-of-type(11):before{content: '11';}
.basic_ul_num>li:nth-of-type(12):before{content: '12';}
.basic_ul_num>li:nth-of-type(13):before{content: '13';}
.basic_ul_num>li:nth-of-type(14):before{content: '14';}
.basic_ul_num>li:nth-of-type(15):before{content: '15';}
.basic_ul_num ul{margin: 6px 0;}
.basic_ul_num li li {padding-left: 10px; position: relative;}
.basic_ul_num li li:before{display:block;position: absolute;top: 19px;left: 0;width: 4px;height: 4px;margin: -5px 7px 0 0;background: #777;content: "";vertical-align: middle;border-radius: 15px;}
.basic_ul_num ul ul{margin: 6px 0 0;}
.basic_ul_num li li li{padding: 0 0 0 10px;color: var(--txt3);font-size: 18px;}
.basic_ul_num li li li:before{display: inline-block;width: 5px;height: 2px;margin: -5px 7px 0 0;background: #9b9b9b;content: "";vertical-align: middle;border-radius: 15px;}

.basic_p {padding-left: 10px; line-height: 1.6;}


.fc_red{color: var(--red) !important;font-style:normal}
.fc_blue{color: var(--blue) !important;font-style:normal}
.fc_green{color: var(--green) !important;font-style:normal}
.fc_pink{color: var(--pink) !important;font-style:normal}
.fc_orange{color: var(--orange) !important;font-style:normal}
.fc_black{color: var(--txtc2) !important;font-style:normal}
.fc_gray{color: var(--txt3) !important;font-style:normal}


/* 박스스타일 */
.basic_box {background: #eff7ff;border-radius: 30px;padding: 30px;}
.basic_box dt{font-family:'JalnanGothic';color: var(--point);font-size: 22px;padding: 10px 0;font-weight: 800;border-bottom: 1px solid #b3c7df;}
.basic_box dd{padding: 0 0 0 5px;margin: 10px 0;}
.basic_box dd:before{display: inline-block;width: 20px;height: 15px;background: url('/images/01/common/ico_ft_list.png') no-repeat center center;content:'';background-size: 15px;}
.basic_box dd ul>li {padding-left: 20px;}
.basic_box dd ul>li:before{display: inline-block;width: 4px;height: 4px;margin: -5px 7px 0 0;background: #777;content: "";vertical-align: middle;border-radius: 15px;}

.basic_box2 {background: var(--grad2);border-radius: 30px;padding: 2px;}
.basic_box2>div {background: var(--white);border-radius: 29px;padding: 30px;}
.basic_box2 dt{font-family:'JalnanGothic';color: var(--point);font-size: 22px;padding: 10px 0;font-weight: 800;border-bottom: 1px solid #b3c7df;}
.basic_box2 dd{padding: 0 0 0 5px;margin: 10px 0;}
.basic_box2 dd:before{display: inline-block;width: 20px;height: 15px;background: url('/images/01/common/ico_ft_list.png') no-repeat center center;content:'';background-size: 15px;}
.basic_box2 dd ul>li {padding-left: 20px;}
.basic_box2 dd ul>li:before{display: inline-block;width: 4px;height: 4px;margin: -5px 7px 0 0;background: #777;content: "";vertical-align: middle;border-radius: 15px;}

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

.notice_box{margin: 0 0 30px;/* padding:30px; */background: #f6f8fa;position: relative;border-radius: 30px;}
.notice_box>div {padding: 140px 30px 30px;}
.notice_box .notice1{background: url("/images/01/common/ico_notice1.png") no-repeat center top 30px;}
.notice_box .notice2{background:url("/images/01/common/ico_notice2.png") no-repeat center top 30px;}
.notice_box .notice3{background:url("/images/01/common/ico_notice3.png") no-repeat center top 30px;}
.notice_box .notice4{background:url("/images/01/common/ico_notice4.png") no-repeat center top 30px;}
.notice_box .notice5{background:url("/images/01/common/ico_notice5.png") no-repeat center top 30px;}
.notice_box .notice6{background:url("/images/01/common/ico_notice6.png") no-repeat center top 30px;}
.notice_box .notice7{background:url("/images/01/common/ico_notice7.png") no-repeat center top 30px;}
.notice_box .txt_a{padding:0 30px 30px 30px;background:#fff;}
.notice_box>div .tit{color: var(--navy);font-size: 20px;padding-bottom: 5px;font-weight: 600;}

.info_box1{position: relative;margin: 10px 0;padding: 15px 35px 15px 55px;background: #fff5d9;border-radius: 15px;}
.info_box1:before {display: block;position: absolute;left: 16px;top: 50%;transform: translatey(-50%);content: "";width: 30px;height: 30px;background: url("/images/01/common/ico_info_t.png") no-repeat 0 0 / 30px;}
.info_box2{position: relative;margin: 10px 0;padding: 15px 35px 15px 55px;border-radius: 15px;background: #e8e8e8;}
.info_box2:before {display: block;position: absolute;left: 15px;top: 50%;transform: translatey(-50%);content: "";width: 30px;height: 30px;background: url("/images/01/common/ico_info_t2.png") no-repeat 0 0 / 30px;}
.info_txt {background: url("/images/01/common/ico_info_t.png") no-repeat left center / 30px;padding: 6px 0 6px 35px;}
.info_txt2 {background: url("/images/01/common/ico_info_t2.png") no-repeat left center / 30px;padding: 6px 0 6px 35px;}

.basic_list {padding: 10px;}
.basic_list li{background: url("/images/01/common/basic_list_ico2.png") no-repeat 0 0 / 25px;padding: 0 0 15px 30px;border-bottom:1px dashed #dfdfdf;margin:30px 0;word-break: keep-all;}



/* 테이블 */
.over_table{overflow-x:auto;border-top: 1px solid var(--point);}
.over_table .basic_table{min-width: 760px;}
.scroll_guide{position:relative;padding: 14px 20px;background: #eaeaea;margin-bottom:5px;text-align:center;border-radius: 20px;}
.scroll_guide:after{position:absolute;bottom: -10px;right: 10px;width: 40px;height: 40px;background: url("/images/01/common/ico_scroll.png") no-repeat;content:"";animation: slid 1.5s infinite;}
@keyframes slid{0%,40%,100%{transform:translateX(10px)}40%,60%{transform:translateX(-10px)}}
.scroll_guide p{text-align: center;font-size: 14px;word-break: keep-all;}
.scroll_guide p:before{ content:"표를 좌우로 움직이면 상세내용을 확인할 수 있습니다.";}
.basic_table{width:100%;}
.basic_table th, .basic_table td{text-align:center;padding: 15px 10px;border: 1px solid #e4e4e4;border-top:none;vertical-align:middle;font-size: 18px;line-height:1.5em;}
.basic_table th{background: #f6f6f6;color:var(--txtc2);font-weight: 500;}
.basic_table ul>li:before{display: inline-block;width: 5px;height: 5px;margin: -7px 7px 0 0;background: #001e42;content: "";vertical-align: middle;border-radius: 15px;}
.basic_table li ul{margin:10px 0 0 0;}
.basic_table li li {padding-left: 15px;}
.basic_table li li:before{display: inline-block;width: 4px;height: 4px;margin: -5px 7px 0 0;background: #777;content: "";vertical-align: middle;border-radius: 15px;}
.basic_table li li li:before{display: inline-block;width: 5px;height: 2px;margin: -5px 7px 0 0;background: #9b9b9b;content: "";vertical-align: middle;border-radius: 15px;}
.basic_table tbody td table{border-top: 1px solid var(--point);}
.basic_table .point_bg{background: #fffdf0;}
.basic_table .tntable {min-width: auto;}
.basic_table tbody .tntable th {background: #f6f6f6;}
.basic_table .basic_btn {margin: 0;}

.basic_table.table_left td {text-align: left;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;position: relative;background: var(--point2);height: 55px;margin: 5px;padding: 0 30px;color: #fff;box-shadow: var(--shadow2);border-radius: 20px;line-height: 55px;font-size: 16px;}
.basic_btn a:hover, .basic_btn a:focus{background: var(--navy);}
.basic_btn span{display: block;padding-right: 30px;}
.btn_go:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 55px;background: url('/images/01/common/ico_btn.png') no-repeat 6px 20px;content: "";}
.btn_new:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 55px;background: url('/images/01/common/ico_btn.png') no-repeat -190px 14px;content: "";}
.btn_down:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 55px;background: url('/images/01/common/ico_btn.png') no-repeat -126px 14px;content: "";}
.btn_file:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 55px;background: url('/images/01/common/ico_btn.png') no-repeat -60px 14px;content: "";}
.btn_home:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 55px;background: url('/images/01/common/ico_btn.png') no-repeat -255px 14px;content: "";}

.sbtn {display:inline-block;position: relative;background: #fafdff;height: 40px;padding: 0 30px;margin: 2px 0;border-radius: 15px;line-height: 40px;font-size: 16px;border: 1px solid var(--point2);}
.sbtn:hover, .sbtn:focus {background: var(--point); color: #fff;border: 1px solid var(--point);}
.sbtn:hover:after, .sbtn:focus:after {filter: invert(0);}
.sbtn span{display: block;padding-right: 30px;}
.sbtn_go:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 40px;background: url('/images/01/common/ico_btn.png') no-repeat 7px 16px / 280px;content: "";filter: invert(70%);}
.sbtn_new:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 40px;background: url('/images/01/common/ico_btn.png') no-repeat -149px 10px / 280px;content: "";filter: invert(70%);}
.sbtn_down:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 40px;background: url('/images/01/common/ico_btn.png') no-repeat -98px 10px / 280px;content: "";filter: invert(70%);}
.sbtn_file:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 40px;background: url('/images/01/common/ico_btn.png') no-repeat -45px 10px / 280px;content: "";filter: invert(70%);}
.sbtn_home:after{display: inline-block;position: absolute;top: 0;right: 20px;width: 35px;height: 40px;background: url('/images/01/common/ico_btn.png') no-repeat -201px 10px / 280px;content: "";filter: invert(70%);}

.txt_link, .txt_link:hover{background: url("/images/01/common/ico_link.png") no-repeat right / 19px;padding:0 23px 0 0;color: var(--blue);text-decoration:underline;}

/* 모바일 이미지 확대보기 */
.big_img{position:relative;text-align:center;overflow: hidden;border-radius: 30px;}
.big_img img{width:100%;}
.big_img a{position: absolute;bottom:0;right:0;display:block;background: var(--point2);color:#fff;padding: 10px 20px 10px 50px;border-radius: 25px 0 25px 0;}
.big_img a:before{display: inline-block;position: absolute;top: 0;left: 15px;width: 35px;height: 46px;background: url('/images/01/common/ico_btn.png') no-repeat -45px 13px / 280px;content: "";}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}

.w100 img{width: 100%; border-radius:30px}

/* 기본절차도 */
.basic_step{margin:20px 0;line-height:0;}
.basic_step li{background: url("/images/01/common/ico_step2.png") no-repeat center top -6px;margin: 0 0 15px 0;text-align: center;line-height:1.5em;padding: 40px 0 0 0;}
.basic_step li:first-child{background:none;}
.basic_step li strong{display:block;position: relative;background: var(--point);padding: 20px 10px;color: var(--white);border-radius: 25px;margin-bottom: -6px;font-size: 18px;font-weight: 500;}
.basic_step li span{display:block;padding:25px 10px;background: #eff7ff;border-radius: 25px;box-shadow: 1px 1px 5px rgba(6, 149, 210, 0.302);font-size: 17px;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_step li i {position: absolute;top: 15px;left: 15px;display: inline-block;font-style: normal;font-family:'JalnanGothic';box-sizing: border-box;width: 29px;height: 29px;background: var(--white);color: var(--point);text-align: center;font-size: 14px;border-radius: 30px;padding-top: 2px;}


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

.s_con strong {font-weight: 700;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px}
.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}
.ml40{margin-left:40px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mt05{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.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}


/* tablet */
@media all and (min-width: 768px) {
.scroll_guide{display:none;}

.basic_tab li{width: 49.7%;}

.notice_box>div {padding: 50px 50px 50px 160px;background-position: 30px 30px;}
.notice_box .notice1,.notice_box .notice2,
.notice_box .notice3,.notice_box .notice4,
.notice_box .notice5,.notice_box .notice6,
.notice_box .notice7{background-position: 40px center;}
}

/* desktop*/
@media all and (min-width: 1023px) {
.basic_tab li{width:33.333%}
.basic_tab .col5 li{width: 19.7%;}
.basic_tab .col4 li{width:24.7%}
.basic_tab .col3 li{width: 33%;}
.basic_tab .col2 li{width: 49.7%;}

.big_img {width: 100%; text-align: center}
.big_img img {width: auto;}
.big_img a{display:none}

/* 기본절차도 */
.basic_step ol{overflow: hidden;padding: 20px 0;}
.basic_step li{float:left;background: url("/images/01/common/ico_step.png") no-repeat left center;padding:0 0 0 40px;margin:0 10px 25px 0;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%;}


}


/* 와이드 desktop*/
@media all and (min-width: 1620px) {
}