@charset "utf-8";
body{font-size: 20px;font-family:"Pretendard", sans-serif;color:#333;font-weight:400;word-break: keep-all;overflow-wrap: break-work}
input, select, button, textarea {font-family:"Pretendard", sans-serif;font-size: 16px;font-weight:300;color:#333} 

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

/* Mobile */
h4{font-size: 32px;color: #393c5c;padding: 0 25px 0 0;margin: 10px 0 0 0;font-family: "GmarketSans";font-weight:600;display: inline-block;position: relative;line-height: 2.1;}
h4::after {display: block;content: "";width: 50px;height: 40px;position: absolute;top: -12px;right: -7px;background: url("/images/common/h4.png") no-repeat 0;z-index: -1;}
h5{font-size: 24px;color: #34a23f;/* background: url("/images/common/h5.png") no-repeat 0; */margin: 15px 0 5px 0;font-family: "GmarketSans";font-weight:600;}
h6{font-size: 22px;color:#393c5c;margin: 20px 0 10px 10px;font-family: "GmarketSans";font-weight:300;}

/* 베이직 탭 */
.basic_tab{/* overflow:hidden; */border-top: 1px solid #fff;border-left: 1px solid #fff;margin:0 0 30px 0;}
.basic_tab:after,
.basic_tab2:after{display:block; content:''; clear:both;}
.basic_tab li{float:left;width: 99.9%;height: 62px;margin: 3px 1px;}
.basic_tab li a{display:block;padding: 20px 15px;background: #eff0f2;border: 1px solid #393c5c;}
.basic_tab li a:hover{background: #393c5c;color:#ebebee}
.basic_tab li.on a{background: #393c5c url("/images/common/common_icon.png")no-repeat right -54px;color: #f8f8f8;font-weight: 500;}
.basic_tab li.on a:hover{background-color: #393c5c;}

.basic_tab2{overflow:hidden;margin:0 0 30px 0}
.basic_tab2 li{float:left;width:100%;box-sizing:border-box;padding: 0 5px 0 0;margin-bottom: 5px;}
.basic_tab2 li a{display:block;padding: 15px 10px;box-sizing:border-box;height: 55px;background: url("/images/common/common_icon.png") no-repeat right -107px;border: solid 2px #34a23f;}
.basic_tab2 li a:hover{background: #f5fbf7 url("/images/common/common_icon.png") no-repeat right -107px;color: #2c9037;}
.basic_tab2 li.on a{background: #f5fbf7 url("/images/common/common_icon.png") no-repeat right -153px;color: #2c9037;font-weight: 600;}
.basic_tab2 li.on a:hover{background: #f5fbf7 url("/images/common/common_icon.png") no-repeat right -153px;color: #2c9037;}
.new_win {display: inline-block;width: 26px;height: 20px;background: url("/images/common/new_win_03.png") no-repeat center;filter: none;background-size: 15px;font-size: 0;}

/* 게시판 카테고리 탭 커스텀 */
.cate_tab ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.cate_tab li {width: 49%;}
.cate_tab li a{position: relative;height: 120px;background: none;text-align: center;padding: 85px 0 0 0;border-radius: 3px;border-color: #393c5c;color: #393c5c;}
.cate_tab li a:before {display: block;content: "";position: absolute;top: 11px;left: 50%;transform: translateX(-50%);width: 65px;height: 60px;background: #e8e8ebad url('/images/common/contents/cate_icon.png') no-repeat center 0px;background-size: 70px;border-radius: 50%;box-shadow: 0 0 10px #e2e2e7;}
.cate_tab li .cate_t2:before {background-position: center -95px; }
.cate_tab li .cate_t3:before {background-position: center -370px;}
.cate_tab li .cate_t4:before {background-position: center -280px;}
.cate_tab li .cate_t5:before {background-position: center -190px;}
.cate_tab li .cate_t6:before {background-position: center -640px;}
.cate_tab li .cate_t7:before {background-position: 0 -552px;}
.cate_tab li .cate_t8:before {background-position: center -463px;}
.cate_tab li .cate_t9:before {background-position: center -730px;}
.cate_tab li.on a {background: #eff0f2;color: #393c5c;}
.cate_tab li.on a:hover, .cate_tab li a:hover {background: #eff0f2; font-weight: 600; color: #393c5c;}

/* 기본 컨텐츠 */
.basic_ul{margin: 0 0 20px 0;}
.basic_ul li{line-height: 1.2;padding: 0 0 0 15px;margin:0 0 5px 0;}
.basic_ul>li:before{display: inline-block;width: 5px;height: 8px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 15px;}
.basic_ul li ul{margin:10px 0}
.basic_ul>li>ul>li:before{display: inline-block;width: 6px;height: 3px;margin: -3px 7px 0 0;background: #34a23f;content: "";vertical-align: middle;border-radius: 15px;}
.basic_ul li li li{padding: 0 0 0 25px;background: url("/images/common/li3.png") no-repeat 4px 1px;color: #5c5c5c;font-size: 17px;}
.basic_ul .li_none:before {display:none}

.basic_ul_num>li{position: relative;padding-left: 45px;margin-bottom: 8px;line-height: 1.5em;}
.basic_ul_num>li::before{position: absolute;left: 10px;top: 3px;display: inline-block;box-sizing: border-box;width: 24px;height: 24px;background: #393c5c;color: #fff;text-align: center;font-weight: 500;font-size: 15px;line-height: 25px;}
.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 16px;background: url("/images/common/li2.png") no-repeat -2px 3px;}
.basic_ul_num ul ul{margin: 6px 0 0;}
.basic_ul_num li li li{padding: 0 0 0 10px;background: url("/images/common/li3.png") no-repeat -8px 3px;color: #5c5c5c;font-size: 16px;}

.basic_p{line-height:1.5em;margin: 10px;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#dd4848 !important;font-style:normal}
.fc_blue{color:#4256cc !important;font-style:normal}
.fc_green{color:#34a23f !important;font-style:normal}

/* 폰트 배경 */
.fbg_green {background: #f5fff0;}

/* refer스텝 */
.reser_step{margin:30px 0 0 0;}
.reser_step ol{border: 1px solid #393c5c;overflow:hidden;}
.reser_step li{padding:15px;text-align:center;border-top: 1px solid #393c5c;box-sizing:border-box;position:relative;background: #ebebee;}
.reser_step li:first-child{border:none}
.reser_step li.on{font-weight:bold;background: #393c5c;color:#fff;}
.reser_step li *{vertical-align:middle}
.reser_step li em{font-style:normal;display:block;padding-top: 9px;font-size: 17px;}
.reser_step li span{font-weight: 700;font-size: 16px;margin:0 10px 0 0;background: #fff;padding: 4px 15px;color: #393c5c;border-radius: 20px;}
.reser_step li strong{font-size:16px;}
.reser_step li.on span{background:#ffffff;}
.reser_step li.on strong{font-weight:500}


.basic_dl{margin:0 0 40px 10px}
.basic_dl dt{font-size:20px;color:#393c5c;padding:0 0 5px 16px;font-weight: 600;}
.basic_dl dd{background: url("/images/common/li2.png") no-repeat 10px 1px;padding: 0 0 0 30px;margin:5px 0 8px 8px;}
.basic_dl dd li {padding: 0 0 0 10px; line-height: 1.3; position: relative;}
.basic_dl dd li:before {display: block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background:#a7a7a7; content: '';}


/* 박스형 컨텐츠 */
.basic_box{background: linear-gradient(-45deg, #f0faf0, #f2f4f9);padding: 10px;margin: 0 0 30px 0;}
.basic_box>div{position:relative;padding:15px;}
.basic_box .info_t {background: url("/images/common/common_icon.png") no-repeat -5px -263px;padding: 6px 0 6px 37px;background-size: 40px;}
.basic_box li{padding: 0 0 0 20px;background: url("/images/common/li1.png") no-repeat 0 0;}
.basic_box li ul{margin:10px 0 0 0;}
.basic_box li li{padding: 0 0 0 20px;background: url("/images/common/li2.png") no-repeat 0 0;}
.basic_box li li li{padding: 0 0 0 20px;background: url("/images/common/li3.png") no-repeat 0 0;color: #5c5c5c;font-size: 16px;}

.basic_box2{background: linear-gradient(#34a23f, #393c5c);padding: 2px;margin: 0 0 30px 0;}
.basic_box2 div{background:#fff;padding: 20px 30px;}
.basic_box2 .basic_ul{margin-bottom:0}
.basic_box2>div>ul>li:before{display: inline-block;width: 5px;height: 8px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 15px;}
.basic_box2 li ul{margin:10px 0 0 0;}
.basic_box2>div>ul>li>ul>li {padding: 0 0 0 15px;}
.basic_box2>div>ul>li>ul>li:before{display: inline-block;width: 6px;height: 3px;margin: -3px 7px 0 0;background: #34a23f;content: "";vertical-align: middle;border-radius: 15px;}
.basic_box2 li li li{padding: 0 0 0 20px;background: url("/images/common/li3.png") no-repeat 0 0;color: #5c5c5c;font-size: 16px;}
.basic_box2 dt{color: #393c5c;font-size:24px;padding: 0 0 10px 0;font-weight: 800;border-bottom: 1px solid #c7c8d6;}
.basic_box2 dd{line-height:1.5em;padding: 0 0 0 5px;margin: 10px 0;}
.basic_box2 dd:before{display: inline-block;width: 6px;height: 3px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 20px;}

.basic_box3{border:1px solid #72748e;padding:20px 30px}

/* dt박스 */
.dt_box {border: 1px solid #72748e;background: #fbfbfb url("/images/common/dt_bg_07.jpg") no-repeat right bottom;padding: 20px 30px;}
.dt_box dt{color: #393c5c;font-size:24px;padding: 0 0 10px 0;font-weight: 800;border-bottom: 1px solid #c7c8d6;}
.dt_box dd{line-height:1.5;margin: 10px 0;}
.dt_box dd:before{display: inline-block;width: 5px;height: 8px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 15px;}
.dt_box>div>ul>li:before{display: inline-block;width: 5px;height: 8px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 15px;}
.dt_box li ul{margin:10px 0 0 0;}
.dt_box>div>ul>li>ul>li {padding: 0 0 0 15px;}
.dt_box>div>ul>li>ul>li:before{display: inline-block;width: 6px;height: 3px;margin: -3px 7px 0 0;background: #34a23f;content: "";vertical-align: middle;border-radius: 15px;}
.dt_box li li li{padding: 0 0 0 20px;background: url("/images/common/li3.png") no-repeat 0 0;color: #5c5c5c;font-size: 16px;}
.dt_box p{line-height:1.5em}
.dt_box .img span{display:block;text-align:center;margin:0 0 15px 0}

.notice_box{margin: 0 0 30px;padding: 10px;background: linear-gradient(-45deg, #dbefdb, #d8deec);position: relative;}
.notice_box ul{margin-bottom:0;}
.notice_box>div{padding:30px;background:#fff;}
.notice_box>div{padding-top:140px;background: #ffffffd1 url("/images/common/notice_01.png") no-repeat center top 30px;width: 100%;}
.notice_box .notice1{background-image:url("/images/common/notice_02.png")}
.notice_box .notice2{background-image:url("/images/common/notice_03.png")}
.notice_box .notice3{background-image:url("/images/common/notice_04.png")}
.notice_box .notice4{background-image:url("/images/common/notice_05.png")}
.notice_box .notice5{background-image:url("/images/common/notice_06.png")}
.notice_box .notice6{background-image:url("/images/common/notice_07.png")}
.notice_box .txt_a{padding:0 30px 30px 30px;background:#fff;}
.notice_box>div .tit{font-weight:bold; color:#f04e30; font-size:18px; padding-bottom:10px;}

/* 인포박스 */
.info_box{position: relative; margin:20px 0;padding: 15px 20px 15px 45px;border: solid 5px #f8e1dd;border-radius: 20px 20px 20px 0;}
.info_box:before {display: block;position: absolute;left: 10px;top: 50%;transform: translatey(-50%);content: "";width: 30px;height: 30px;background: url("/images/common/common_icon.png") no-repeat center -515px;}
.info_box1{position: relative;margin:20px 0;padding: 15px 20px 15px 45px;border: solid 5px #ffeec3;border-radius: 20px 20px 20px 0;}
.info_box1:before {display: block;position: absolute;left: 10px;top: 50%;transform: translatey(-50%);content: "";width: 30px;height: 30px;background: url("/images/common/common_icon.png") no-repeat center -459px;}
.info_box2{position: relative;background: #ebebee;margin:20px 0;padding: 15px 20px 15px 50px;border-radius: 20px 20px 20px 0;}
.info_box2:before {display: block;position: absolute;left: 14px;top: 50%;transform: translatey(-50%);content: "";width: 30px;height: 30px;background: url("/images/common/common_icon.png") no-repeat center -399px;}


.info_txt{background: url("/images/common/common_icon.png") no-repeat -10px -510px;padding: 6px 0 6px 30px;line-height: 1.5em;}
.info_txt2{background: url("/images/common/common_icon.png") no-repeat -10px -566px;padding: 6px 0 6px 30px;line-height: 1.5em;}

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

/* 테이블 */
.over_table{overflow-x:auto}
.over_table .basic_table{min-width: 580px;}
.scroll_guide{position:relative; padding:14px 20px;background: #eff0f2; 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-size:14px; word-break: keep-all;}
.scroll_guide p:before{ content:"좌우로 움직이시면 자세한 내용을 확인하실수 있습니다.";}

.over_table{overflow-x:auto}
.over_table .scroll_guide{position:relative;padding:10px 20px;background: #fff9f9;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:12px;}
.over_table .scroll_guide p:before{ content:"좌우로 움직이시면 자세한 내용을 확인하실수 있습니다.";}

.basic_table{width:100%;min-width: 500px;margin:10px 0;border-top: 2px solid #797c97;}
.basic_table th, .basic_table td{text-align:center;padding: 15px 10px;border: 1px solid #c6c8d5;border-top:none;vertical-align:middle;font-size: 17px;line-height:1.5em;}
.basic_table thead th{background: #eff0f2;color:#333;font-weight: 600;}
.basic_table tbody th{background: #eff0f2;color:#333;font-weight: 500;}
.basic_table tbody td li {text-align: left; padding-left: 10px;}
.basic_table tbody td>ul>li:before{display: inline-block;width: 5px;height: 8px;margin: -3px 7px 0 0;background: #63657f;content: "";vertical-align: middle;border-radius: 15px;}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding: 0 0 0 17px;background: url("/images/common/li2.png") no-repeat 0 1px;}
.basic_table tbody td li li li{padding: 0 0 0 17px;background: url("/images/common/li3.png") no-repeat 0 0;}
.basic_table tbody td table{border-top: 1px solid #797c97;}
.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: #f4faf1;}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}
.basic_table .tntable {min-width: auto;}
.basic_table tbody .tntable th {background: #f6f6f6;}

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

.basic_table_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #46495a}
.basic_table_s th, .basic_table_s td{text-align:center;padding:5px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:#f4f4f8;color:#333;font-size:14px}
.basic_table_s tbody th{background:#fff9f9;color:#444;font-size:14px}
.basic_table_s tbody td{font-size:12px}
.basic_table_s tbody td li{padding: 0 0 0 17px;margin:0 0 5px 0;background: url("/images/common/li1.png") no-repeat 0 1px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding: 0 0 0 17px;background: url("/images/common/li2.png") no-repeat 0 1px;}
.basic_table_s tbody td li li li{padding: 0 0 0 17px;background: url("/images/common/li3.png") no-repeat 0 0;}
.basic_table_s tbody td table{border-top:1px solid #46495a}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.basic_table_s .tntable {min-width: auto;}
.basic_table_s tbody .tntable th {background: #f4f4f8;}

.table_left td{text-align:left}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;background: #393c5c;color: #fff;text-align:left;margin:0 5px 10px 5px;padding: 0 30px 0 0;box-shadow: 3px 3px 11px #a3a3bd;border-radius: 15px 15px 15px 5px;}
.basic_btn a:hover{background: linear-gradient(45deg, #34a23f, #393c5c);}
.basic_btn span{display:block;padding: 15px 45px 15px 30px;}
.btn_go span{background: url("/images/common/btn_link.png") no-repeat right 18px;}
.btn_new span{background:url("/images/common/btn_link.png") no-repeat right -42px;}
.btn_down span{background: url("/images/common/btn_link.png") no-repeat right -106px;}
.btn_file span{background: url("/images/common/btn_link.png") no-repeat right -168px;}
.btn_home span{background: url("/images/common/btn_link.png") no-repeat right -228px;}
.btn_map span{background: url("/images/common/btn_link.png") no-repeat right -290px;}

/* .table tbody td .sbtn_go span, 
table tbody td .sbtn_new span, 
table tbody td .sbtn_down span{padding:2px 10px;font-size:14px;} */

/* sbtn */
.sbtn_go,.sbtn_new,
.sbtn_down,.sbtn_file,
.sbtn_home, .sbtn_map {display:inline-block;color:#34a23f;margin:2px 5px 2px 0;border: 2px solid #34a23f;border-radius: 12px 12px 12px 2px;padding: 3px 15px;font-size:16px}
.sbtn_go span {background: url("/images/common/btn_link.png") no-repeat right -897px;background-size: 40px;padding-right: 35px;}
.sbtn_new span {background: url("/images/common/btn_link.png") no-repeat right -946px;background-size: 40px;padding-right: 35px;}
.sbtn_down span {background: url("/images/common/btn_link.png") no-repeat right -996px;background-size: 40px;padding-right: 35px;}
.sbtn_file span {background: url("/images/common/btn_link.png") no-repeat right -1047px;background-size: 40px;padding-right: 35px;}
.sbtn_home span {background: url("/images/common/btn_link.png") no-repeat right -1095px;background-size: 40px;padding-right: 35px;}
.sbtn_map span {background: url("/images/common/btn_link.png") no-repeat right -1143px;background-size: 40px;padding-right: 35px;}
.sbtn_go:hover,.sbtn_go:active,.sbtn_go:focus,
.sbtn_new:hover,.sbtn_new:active,.sbtn_new:focus,
.sbtn_down:hover,.sbtn_down:active,.sbtn_down:focus,
.sbtn_file:hover,.sbtn_file:active,.sbtn_file:focus,
.sbtn_home:hover,.sbtn_home:active,.sbtn_home:focus,
.sbtn_map:hover,.sbtn_map:active,.sbtn_map:focus{background: #34a23f; border: 2px solid #34a23f; color: #fff;}
.sbtn_go:hover span, .sbtn_go:active span, .sbtn_go:focus span {background: url("/images/common/btn_link.png") no-repeat right 4px;background-size: 40px;}
.sbtn_new:hover span, .sbtn_new:active span, .sbtn_new:focus span {background: url("/images/common/btn_link.png") no-repeat right -45px; background-size: 40px;}
.sbtn_down:hover span, .sbtn_down:active span, .sbtn_down:focus span {background: url("/images/common/btn_link.png") no-repeat right -95px; background-size: 40px;}
.sbtn_file:hover span, .sbtn_file:active span, .sbtn_file:focus span {background: url("/images/common/btn_link.png") no-repeat right -145px; background-size: 40px;}
.sbtn_home:hover span, .sbtn_home:active span, .sbtn_home:focus span {background: url("/images/common/btn_link.png") no-repeat right -194px; background-size: 40px;}
.sbtn_map:hover span, .sbtn_map:active span, .sbtn_map:focus span {background: url("/images/common/btn_link.png") no-repeat right -243px; background-size: 40px;}

.sbtn_go2,.sbtn_new2,
.sbtn_down2,.sbtn_file2,
.sbtn_home2, .sbtn_map2 {display:inline-block;color:#393c5c;margin:2px 5px 2px 0;border: 2px solid #393c5c;border-radius: 12px 12px 12px 2px;padding: 3px 15px;font-size:16px}
.sbtn_go2 span {background: url("/images/common/btn_link.png") no-repeat right -291px;background-size: 40px;padding-right: 35px;}
.sbtn_new2 span {background: url("/images/common/btn_link.png") no-repeat right -340px;background-size: 40px;padding-right: 35px;}
.sbtn_down2 span {background: url("/images/common/btn_link.png") no-repeat right -391px;background-size: 40px;padding-right: 35px;}
.sbtn_file2 span {background: url("/images/common/btn_link.png") no-repeat right -441px;background-size: 40px;padding-right: 35px;}
.sbtn_home2 span {background: url("/images/common/btn_link.png") no-repeat right -489px;background-size: 40px;padding-right: 35px;}
.sbtn_map2 span {background: url("/images/common/btn_link.png") no-repeat right -538px;background-size: 40px;padding-right: 35px;}
.sbtn_go2:hover,.sbtn_go2:active,.sbtn_go2:focus,
.sbtn_new2:hover,.sbtn_new2:active,.sbtn_new2:focus,
.sbtn_down2:hover,.sbtn_down2:active,.sbtn_down2:focus,
.sbtn_file2:hover,.sbtn_file2:active,.sbtn_file2:focus,
.sbtn_home2:hover,.sbtn_home2:active,.sbtn_home2:focus,
.sbtn_map2:hover,.sbtn_map2:active,.sbtn_map2:focus{background: #393c5c; border: 2px solid #393c5c; color: #fff;}
.sbtn_go2:hover span, .sbtn_go2:active span, .sbtn_go2:focus span {background: url("/images/common/btn_link.png") no-repeat right 4px;background-size: 40px;}
.sbtn_new2:hover span, .sbtn_new2:active span, .sbtn_new2:focus span {background: url("/images/common/btn_link.png") no-repeat right -45px; background-size: 40px;}
.sbtn_down2:hover span, .sbtn_down2:active span, .sbtn_down2:focus span {background: url("/images/common/btn_link.png") no-repeat right -95px; background-size: 40px;}
.sbtn_file2:hover span, .sbtn_file2:active span, .sbtn_file2:focus span {background: url("/images/common/btn_link.png") no-repeat right -145px; background-size: 40px;}
.sbtn_home2:hover span, .sbtn_home2:active span, .sbtn_home2:focus span {background: url("/images/common/btn_link.png") no-repeat right -194px; background-size: 40px;}
.sbtn_map2:hover span, .sbtn_map2:active span, .sbtn_map2:focus span {background: url("/images/common/btn_link.png") no-repeat right -243px; background-size: 40px;}

/*아이콘버튼*/
.icon_btn{font-size:0px;text-align:center;}
.icon_btn a{position:relative;font-size: 17px;color:#2b2b2b;background:#fff;border:solid 2px  #393c5c;display:inline-block;box-sizing:border-box;padding: 10px 25px;margin:0 5px 10px 5px;border-radius:5px;box-shadow:1px 1px 5px #a3a3bdd0;}
.icon_btn a:hover{background:#edeff7;}
.icon_btn a span{display:block;height: 30px;padding-left: 40px;line-height: 1.8;}
.icon_btn .hwp span{background: url("/images/common/btn_link.png")no-repeat -8px -737px;}
.icon_btn .pdf span{background: url("/images/common/btn_link.png") no-repeat -8px -818px;}
.icon_btn .xls span{background: url("/images/common/btn_link.png") no-repeat -8px -900px;}
.icon_btn .zip span{background: url("/images/common/btn_link.png") no-repeat -8px -982px;}
table .icon_btn a{margin:0;}

.txt_link, .txt_link:hover{background:url("/images/common/btn_link.png") no-repeat right -1060px;padding:0 23px 0 0;color: #475acd;text-decoration:underline;}

/* 문의처나 버튼박스 */
.basic_btn_box{margin-bottom: 20px;padding: 20px 10px;border: 1px solid #a7a9b4;text-align: center;line-height: 1.5em;}
.basic_btn_box p.tit{padding: 36px 0 0 0;word-break: keep-all;color: #393c5c;font-weight: 600;}
.basic_btn_box p.tit::after{content: ''; display: block; width: 24px; height: 1px; margin: 16px auto; background: #a7a9b4b6; }
.basic_btn_box .file p.tit{background: url("/images/common/file.png") no-repeat top center;line-height: 1.9;}
.basic_btn_box .call p.tit{background: url("/images/common/call.png") no-repeat top center;line-height: 1.8;}
.basic_btn_box .fax p.tit{background: url("/images/common/fax.png") no-repeat top center;line-height: 1.8;}
.basic_btn_box .email p.tit{background: url("/images/common/mail.png") no-repeat top center;line-height: 1.8;}


.toggle h4{display: block;padding:0 20px;margin:12px 0 0 0;font-weight: 500;font-size: 20px;line-height:1.25em;border: 2px solid #393c5c;background: none;font-family: "Pretendard", sans-serif;}
.toggle h4::after {display: none;}
.toggle h4.on{border: 2px solid #393c5c; background: #393c5c;}
.toggle h4 a{color: #393c5c;display:block;padding: 20px 0;background: url("/images/common/toggle.png") no-repeat right center;}
.toggle h4.on a{background: url("/images/common/toggle_on.png") no-repeat right center;color: #fff;padding: 15px 0;}
.toggle div{display:none;padding:20px}
.toggle div.on{display:block;background: #fff;border: 2px solid #393c5c;border-top:0;}
.toggle div ul{margin:0}

/* 링크연결 컨텐츠 */
.link_box{text-align:center}
.link_box dt{color: #393c5c;font-size:24px;font-family: 'GmarketSans';font-weight:600;margin:30px 0 0 0;}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}

.link_box2{padding:50px 0;text-align:center;background: #edeff7;margin:30px 0;}
.link_box2 dt{color: #393c5c;font-size:24px;font-family: 'GmarketSans';font-weight:600;margin:30px 0 0 0}
.link_box2 dd{margin:15px 0 0 0;}
.link_box2 dd strong{font-weight:bold}
.link_box2 li{margin-bottom:20px}
.link_box2 dd a{display:inline-block;background: #393c5c;color: #fff;text-align:left;margin:0 5px 10px 5px;padding: 0 30px 0 0;box-shadow: 3px 3px 11px #a3a3bd;border-radius: 15px 15px 15px 0;}
.link_box2 dd a:hover{background: linear-gradient(45deg, #63ac6b, #393c5c);}
.link_box2 dd a span{display:block;padding: 15px 45px 15px 30px;}

/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #dedede;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%}
.big_img a, .w100 a{position:absolute;bottom:0;right:0;display:block;background: url("/images/common/btn_link.png") no-repeat -13px -173px #393c5c;color:#fff;padding:10px 10px 10px 40px;}

.w100 {position:relative;}
.w100 img, img.w100{width:100%}


/* 기본절차도 */
.basic_step{margin:20px 0;padding:30px 30px 10px 30px;line-height:0;border-radius: 10px;}
.basic_step li{background: url("/images/common/common_icon.png") no-repeat center -1027px;margin: 0 0 15px 0;text-align: center;line-height:1.5em;padding: 40px 0 0 0;}
.basic_step li:first-child{background:none;padding-top:0 !important;}
.basic_step li strong{display:block;position: relative;background: #393c5c;padding: 15px 10px;border-bottom:0;color: #fff;}
.basic_step li span{border: 2px solid #393c5c;display:block;padding:25px 10px;background:#ffffff;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_step li i,
.basic_step2 li i{position:absolute;width:32px;height:32px;border-radius: 5px;background-color: #c7c7e1;text-align:center;font-size: 16px;font-weight: 700;line-height:32px;color: #393c5c;box-shadow:0 0 3px 0 rgba(0,0,0,.2);font-style:normal;display:inline-block;vertical-align:middle;left: 15px;top: -15px;}
.basic_step2{margin:20px 0;padding:30px 30px 15px 30px;background: url("/images/common/step2_bg.jpg") no-repeat center center;background-size: cover;line-height:0;}
.basic_step2 li{background: url("/images/common/common_icon.png") no-repeat center -1027px;padding:40px 0 0 0;margin:0 0 10px 0;text-align:center;line-height:1.5em;}
.basic_step2 li:first-child{background:none;padding-top:0}
.basic_step2 li strong{display:block;position: relative;background: #393c5c;color: #fff;padding:20px 15px;border: 2px solid #393c5c;}
.basic_step2 li span{display:block;padding:20px;background:#ffffff;border: 2px solid #393c5c;}

/* 이미지 코멘트 */
.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%}


/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.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}
.ml40{margin-left:40px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt90{margin-top:90px}
.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}

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

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

@media all and (min-width:640px) {
.scroll_guide{display:none;}
}

/* Tablet */
@media all and (min-width:768px) {

.basic_tab li{width: 49.7%;}
.basic_tab2 li{width: 33.333%;}
.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%}

.notice_box>div {padding: 30px 20px 30px 145px;background-position: 30px 30px;min-height: 130px;}
.notice_box .notice1,.notice_box .notice2,
.notice_box .notice3,.notice_box .notice4,
.notice_box .notice5,.notice_box .notice6{background-position: 25px center;}

.link_box{overflow:hidden;text-align:left;background: #edeff7;padding:50px 75px;}
.link_box p{float:left;width: 45%;}
.link_box p img{width: 90%;max-width: 330px;}
.link_box dl{float:left;width:55%}
.link_box dt{font-size:32px}
.link_box .basic_btn{text-align:left;float:left;width:55%}
.link_box .basic_btn a{margin:0}

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

.basic_btn_box{padding: 25px 30px;text-align: left;}
.basic_btn_box::after{content: ''; display: block; clear: both;}
.basic_btn_box p.tit{float: left;margin: 0;padding: 0 0 0 40px;background-position: 0 2px !important;}
.basic_btn_box p.tit::after{display: inline-block; width: 1px; height: 18px; margin: 0 20px; vertical-align: middle;}
.basic_btn_box .file p.tit{margin-top: 5px;}
.basic_btn_box .file p.tit::after{display: none;}
.basic_btn_box .file p.btn{float: right;}
.basic_btn_box .call span{display: inline-block;margin-right: 10px;line-height: 2;}
.basic_btn_box .fax span,.basic_btn_box .email span {line-height: 2;}
    
.big_img{padding:40px 0}
.big_img img{width:100%}

.reser_step li{float:left;width:33.33333333333333%;border:none;position:relative;overflow:hidden;}
.reser_step li:before{content:"";display:block;position:absolute;top:50%;left:0px;width:1px;height: 89px;background: #393c5c;transform:translate(0,-50%);}
.reser_step .col2 li{width:50%}
.reser_step .col3 li,.reser_step .col5 li{width:33.333%}
.reser_step .col4 li{width:25%}
.reser_step li:first-child:before{display:none;}
}

/* Desktop */
@media all and (min-width:1023px) {

.basic_tab li{width:33.333%}

.basic_tab2 li{width:25%}
.basic_tab .col5 li,
.basic_tab2 .col5 li{width: 19.7%;}
.basic_tab .col4 li,
.basic_tab2 .col4 li{width:24.7%}
.basic_tab .col3 li,
.basic_tab2 .col3 li{width: 33%;}
.basic_tab .col2 li,
.basic_tab2 .col2 li{width: 49.7%;}


.big_img img{width:auto}
.big_img a{display:none}

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

/* 기본절차도 */
.basic_step ol{overflow: hidden;padding: 20px 0;}
.basic_step li{float:left;background: url("/images/common/step1.png") no-repeat left center;padding:0 0 0 40px;margin:0 10px 25px 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{padding: 10px 30px;}
.basic_step2{padding:50px 50px 40px 50px;}
.basic_step2 li{overflow:hidden}
.basic_step2 li strong{float:left;width:30%;}
.basic_step2 li strong.line2{padding:32px 15px;}
.basic_step2 li span{float:left;width:70%;text-align:left;}
    
.over_table .scroll_guide{display:none;}

.reser_step li strong{font-size: 20px;}
.reser_step .col5 li{width:20%;}
.reser_step .col5 li span{display:block;margin:0 auto 5px auto;width: 70px;}
}    


@media all and (min-width:1200px) {
.cate_tab li {width: calc(100% / 9);}
}      


/*와이드*/
@media all and (min-width:1620px) {
.big_img img{width:auto}
}