@charset "utf-8";

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}


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


h4{font-size:28px; padding-top: 16px; margin:30px 0 20px 0; font-weight: 700; font-family: 'SBAggro'; background: url('/images/common/h4.png') top left no-repeat; line-height: 1.15em;}
h5{font-size:24px; color:#0074a9; margin:20px 0 15px 0; font-weight: 400; font-family: 'SBAggro';}
h6{font-size:22px; color:#098787; margin:20px 0 10px 0; font-weight: 300; font-family: 'SBAggro';}
 
/* 기본 컨텐츠 */
.basic_ul{margin:0 0 40px 0;}
.basic_ul li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;}
.basic_ul li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_ul li ul{margin:8px 0 0;}
.basic_ul li li{padding:0 0 0 10px; margin-bottom:6px;}
.basic_ul li li::before{top: 9px; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_ul li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.basic_ul li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}
.basic_ul .li_none{padding:0;}
.basic_ul .li_none::before{display: none;}

.basic_ul_num>li{position: relative; padding-left: 36px; margin-bottom: 8px;}
.basic_ul_num>li::before{position: absolute; left: 0; display: inline-block; box-sizing: border-box; width: 26px; height: 26px; padding-top: 2px; margin-right: 6px; background: #32a092; 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 10px; margin-bottom:6px;}
.basic_ul_num li li::before{content: ''; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_ul_num ul ul{margin: 6px 0 0;}
.basic_ul_num li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.basic_ul_num li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}


.basic_dl{margin:0 0 40px 10px}
.basic_dl dt{margin-bottom: 8px;padding-top: 16px;font-size: 28px;font-weight: 700;font-family: 'SBAggro';background: url('/images/common/h4.png') top left no-repeat;line-height: 1.4em;}
.basic_dl dd{position: relative;padding-left: 16px;margin: 4px 0;}
.basic_dl dd::before{content: '';position: absolute; top: 10px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_dl dd li{position: relative; padding:0 0 0 10px; margin-bottom:6px;}
.basic_dl dd li::before{content: '';position: absolute; top: 9px; left:0; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_dl .dd_none{padding:0;}
.basic_dl .dd_none:before{display:none;}



.basic_p{line-height:1.4em; margin:10px 0 18px;}
.num{display: inline-block; width: 32px; height: 32px; padding-top: 6px; background: #32a092; color: #fff; border-radius: 50%; font-weight: 600; font-size: 14px; font-style: normal; text-align: center; vertical-align: middle;}

/* 폰트 컬러 :상황에 따라 추가 가능 */
.fc_red{color:#cf4747 !important; font-style:normal}
.fc_blue{color:#0023a9 !important; font-style:normal}
.fc_violet{color:#4931c3 !important; font-style:normal}

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

.basic_table{width:100%; margin:10px 0; border-top: 1px solid #0074a9; border-left: 2px #fff solid; border-right: 2px #fff solid;}
.basic_table th, 
.basic_table td{text-align:center; padding: 16px 14px; border: 1px solid #e3e9f3; border-top:none;  vertical-align:middle; line-height:1.5em; background: #fff;}
.basic_table thead th{background: #f6f9ff; font-weight: 500;}
.basic_table tbody th{background: #fbfbfb;font-weight: 400;}
.basic_table tbody td li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px; text-align: left;}
.basic_table tbody td li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_table tbody td li ul{margin:8px 0;}
.basic_table tbody td li li{padding:0 0 0 10px; margin-bottom:6px;}
.basic_table tbody td li li::before{top: 9px; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_table tbody td li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.basic_table tbody td li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}
.basic_table .point_bg{background: #f3fbfa;}
.basic_table .point_bg td{background: #f3fbfa;}
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: #f6f9ff;}
.basic_table.table_left{text-align: left;}
.basic_table tbody td .li_none:before{display:none;}

.table_left td{text-align:left}


/* 탭 */
.basic_tab{margin:30px 0;}
.basic_tab ul{border-radius: 15px;}
.basic_tab li{margin: 0 0 6px 0;}
.basic_tab li a{display:block;height: 56px;padding: 15px 15px 0;border:1px solid #e1e1e1;border-radius: 10px;transition:0.3s;}
.basic_tab li a:hover,.basic_tab li a:focus,.basic_tab li.on a{background: #0074a9;border: 1px #0074a9 solid;color: #fff;}
.basic_tab li a em.new_win,
.basic_tab2 li a em.new_win{background-position: center -65px;}

.basic_tab2{margin:30px 0;}
.basic_tab2 li{margin:0 0 10px 0;}
.basic_tab2 li a{display:block;position: relative;padding: 0 6px 16px; background: url('/images/common/tab_close.png') no-repeat right 16px top 6px;}
.basic_tab2 li a:after{content:'';display:block;position: absolute;bottom: 0;left: 0;width:100%;height: 2px;background:#f4f4f4;border-radius: 10px;transition:0.3s;}
.basic_tab2 li.on a,.basic_tab2 li a:hover,.basic_tab2 li a:focus{color:#098787;}
.basic_tab2 li.on a:after,.basic_tab2 li a:hover:after,.basic_tab2 li a:focus:after{background:#32a092;}
.basic_tab2 li.on a{background: url('/images/common/tab_open.png') no-repeat right 16px top 10px;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block; text-align:left; margin:0 5px 10px 5px; border:1px #0074a9 solid; border-radius:20px; background: #fff;}
.basic_btn a:hover{border: 1px #fff solid; background: linear-gradient(to right,#028ccc, #0074a9); color: #fff; box-shadow: 5px 5px 10px #f7fcff; transition: 0.3s ease-in-out;}
.basic_btn span{display:block;padding: 12px 50px 12px 24px;}
.btn_go span{background:url("/images/common/btn_go.png") no-repeat right 20px center;}
.btn_new span{background: url("/images/common/btn_new.png") no-repeat right 24px center;}
.btn_down span{background:url("/images/common/btn_down.png") no-repeat right 24px center;}
.btn_file span{background:url("/images/common/btn_file.png") no-repeat right 24px center;}
.btn_home span{background:url("/images/common/btn_home.png") no-repeat right 24px center;}
.btn_go:hover span{background:url("/images/common/btn_go_on.png") no-repeat right 24px center;}
.btn_new:hover span{background:url("/images/common/btn_new_on.png") no-repeat right 24px center;}
.btn_down:hover span{background:url("/images/common/btn_down_on.png") no-repeat right 24px center;}
.btn_file:hover span{background:url("/images/common/btn_file_on.png") no-repeat right 24px center;}
.btn_home:hover span{background:url("/images/common/btn_home_on.png") no-repeat right 24px center;}
.basic_table .basic_btn{margin:0 2px 0}
.basic_table .basic_btn a{margin:0}

.sbtn_go, .sbtn_new, .sbtn_down, .sbtn_file, .sbtn_home, .sbtn_map{font-size:15px; padding: 6px 45px 6px 16px; margin:2px 5px 2px 0; border:1px solid #0074a9; border-radius:20px; vertical-align: middle;}
.sbtn_go{display:inline-block;background:#fff url("/images/common/btn_go.png") no-repeat right 20px center;}
.sbtn_new{display:inline-block;background: #fff url("/images/common/btn_new.png") no-repeat right 20px center;}
.sbtn_down{display:inline-block;background:#fff url("/images/common/btn_down.png") no-repeat right 20px center;}
.sbtn_file{display:inline-block;background: #fff url("/images/common/btn_file.png") no-repeat right 20px center;}
.sbtn_home{display:inline-block;background:#fff url("/images/common/btn_home.png") no-repeat right 20px center;}
.sbtn_map{display:inline-block;background:#fff url("/images/common/btn_map.png") no-repeat right 20px center;}
.sbtn_go2, .sbtn_new2, .sbtn_down2, .sbtn_file2, .sbtn_home2, .sbtn_map2{font-size:15px;padding: 6px 45px 6px 16px;margin:2px 5px 2px 0;border: 1px solid #098787;border-radius:20px;vertical-align: middle;}
.sbtn_go2{display:inline-block;background:#fff url("/images/common/btn_go2.png") no-repeat right 20px center;}
.sbtn_new2{display:inline-block;background: #fff url("/images/common/btn_new2.png") no-repeat right 20px center;}
.sbtn_down2{display:inline-block;background:#fff url("/images/common/btn_down2.png") no-repeat right 20px center;}
.sbtn_file2{display:inline-block;background: #fff url("/images/common/btn_file2.png") no-repeat right 20px center;}
.sbtn_home2{display:inline-block;background:#fff url("/images/common/btn_home2.png") no-repeat right 20px center;}
.sbtn_map2{display:inline-block;background:#fff url("/images/common/btn_map2.png") no-repeat right 20px center;}

.sbtn_go:hover, .sbtn_new:hover, .sbtn_down:hover, .sbtn_file:hover, .sbtn_home:hover, .sbtn_map:hover,
.sbtn_go2:hover, .sbtn_new2:hover, .sbtn_down2:hover, .sbtn_file2:hover, .sbtn_home2:hover, .sbtn_map2:hover{color: #fff; box-shadow: 5px 5px 10px #f7fcff; transition: 0.3s ease-in-out;}
.sbtn_go:hover{display:inline-block;background:#0074a9 url("/images/common/btn_go_on.png") no-repeat right 20px center;}
.sbtn_new:hover{display:inline-block;background: #0074a9 url("/images/common/btn_new_on.png") no-repeat right 20px center;}
.sbtn_down:hover{display:inline-block;background:#0074a9 url("/images/common/btn_down_on.png") no-repeat right 20px center;}
.sbtn_file:hover{display:inline-block;background: #0074a9 url("/images/common/btn_file_on.png") no-repeat right 20px center;}
.sbtn_home:hover{display:inline-block;background:#0074a9 url("/images/common/btn_home_on.png") no-repeat right 20px center;}
.sbtn_map:hover{display:inline-block;background:#0074a9 url("/images/common/btn_map_on.png") no-repeat right 20px center;}

.sbtn_go2:hover{display:inline-block;background:#098787 url("/images/common/btn_go_on.png") no-repeat right 20px center;}
.sbtn_new2:hover{display:inline-block;background: #098787 url("/images/common/btn_new_on.png") no-repeat right 20px center;}
.sbtn_down2:hover{display:inline-block;background:#098787 url("/images/common/btn_down_on.png") no-repeat right 20px center;}
.sbtn_file2:hover{display:inline-block;background: #098787 url("/images/common/btn_file_on.png") no-repeat right 20px center;}
.sbtn_home2:hover{display:inline-block;background:#098787 url("/images/common/btn_home_on.png") no-repeat right 20px center;}
.sbtn_map2:hover{display:inline-block;background:#098787 url("/images/common/btn_map_on.png") no-repeat right 20px center;}

.icon_btn a{display: inline-block; padding: 12px 16px;border:1px solid #e1e1e1; border-radius:20px; vertical-align: middle;}
.icon_btn a.hwp::before{content: 'HWP'; padding: 4px 10px; margin-right: 8px; background: #0074a9; color: #fff; border-radius: 20px; font-size: 13px;}
.icon_btn a.pdf::before{content: 'PDF'; padding: 4px 10px; margin-right: 8px; background: #0074a9; color: #fff; border-radius: 20px; font-size: 13px;}
.icon_btn a.xls::before{content: 'XLS'; padding: 4px 10px; margin-right: 8px; background: #0074a9; color: #fff; border-radius: 20px; font-size: 13px;}
.icon_btn a.zip::before{content: 'ZIP'; padding: 4px 10px; margin-right: 8px; background: #0074a9; color: #fff; border-radius: 20px; font-size: 13px;}
.icon_btn a:hover{border-color: #0074a9; box-shadow: 5px 5px 10px #f8f8f8; transition: 0.3s ease-in-out;}

.txt_link{background:url("/images/common/btn_new.png") no-repeat right 4px top 5px; padding:0 24px 0 0; border-bottom: 1px solid #0074a9; color: #0074a9;}
.txt_link:hover{border-bottom: 1px #0084a5 solid;}

.basic_btn_box{margin-bottom: 20px; padding: 20px 10px; border:  1px #e3e9f3 solid; border-radius: 10px; text-align: center; line-height: 1.5em;}
.basic_btn_box p.tit{padding: 36px 0 0 0; word-break: keep-all;}
.basic_btn_box p.tit::after{content: ''; display: block; width: 24px; height: 1px; margin: 16px auto; background: #e3e9f3; }
.basic_btn_box .file p.tit{background: url("/images/common/file.png") no-repeat top center;}
.basic_btn_box .call p.tit{background: url("/images/common/call.png") no-repeat top center;}
.basic_btn_box .fax p.tit{background: url("/images/common/fax.png") no-repeat top center;}
.basic_btn_box .email p.tit{background: url("/images/common/email.png") no-repeat top center;}
.basic_btn_box span{display: block; line-height: 1.5em;}


/* 박스형 컨텐츠 */
.basic_box{position: relative; margin: 20px 0; padding: 24px 20px; border: 1px #e3e9f3 solid; border-radius: 0 20px 20px 30px;}
.basic_box::before{content: ''; display: block; position: absolute; top: -4px; left: 0; width: 30px; height: 9px; background: #32a092; border-radius: 20px;}
.basic_box::after{content: ''; display: block; position: absolute; top: -4px; left: -4px; width: 9px; height: 30px; background: #0074a9; border-radius: 20px;}
.basic_box h4{margin:0 0 14px;}
.basic_box h5{margin:0 0 12px;}
.basic_box dl{margin-bottom: 10px;}
.basic_box dt{margin-bottom: 8px;padding-top: 16px;font-size: 28px;font-weight: 700;font-family: 'SBAggro';background: url('/images/common/h4.png') top left no-repeat;line-height: 1.4em;}
.basic_box dd{position: relative;padding-left: 16px;margin: 4px 0;/* font-size: 18px; */}
.basic_box dd::before{content: '';position: absolute; top: 10px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_box li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;}
.basic_box li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_box li ul{margin:8px 0 0;}
.basic_box li li{padding:0 0 0 10px; margin-bottom:6px;}
.basic_box li li::before{top: 9px; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_box li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.basic_box li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}
.basic_box li:last-of-type,.basic_box dd:last-of-type{margin-bottom: 0;}

.basic_box2{margin: 20px 0; border: 1px solid transparent;
    border-radius: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to top,#0074a9, #32a092);
    background-origin: border-box;
    background-clip: content-box, border-box;}
.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{margin-bottom: 8px; padding-top: 16px; font-size: 24px; font-weight: 700; font-family: 'SBAggro'; background: url('/images/common/h4.png') top left no-repeat;}
.basic_box2 dd{position: relative; padding-left: 16px; margin: 4px 0; font-size: 18px;}
.basic_box2 dd::before{content: '';position: absolute; top: 10px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_box2 li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;}
.basic_box2 li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.basic_box2 li ul{margin:8px 0;}
.basic_box2 li li{padding:0 0 0 10px; margin-bottom:6px;}
.basic_box2 li li::before{top: 9px; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.basic_box2 li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.basic_box2 li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}

.notice_box{position: relative; margin: 20px 0; padding: 24px 20px; border: 1px #e3e9f3 solid; border-radius: 0 20px 20px 30px;}
.notice_box::before{content: ''; display: block; position: absolute; top: -4px; left: 0; width: 30px; height: 9px; background: #32a092; border-radius: 20px;}
.notice_box::after{content: ''; display: block; position: absolute; top: -4px; left: -4px; width: 9px; height: 30px; background: #0074a9; border-radius: 20px;}
.notice_box>div{padding-top:80px; background:url("/images/common/notice.png") center top 10px no-repeat;}
.notice_box .notice1{background:url("/images/common/notice1.png") center top 10px no-repeat;}
.notice_box .notice2{background:url("/images/common/notice2.png") center top 10px no-repeat;}
.notice_box .notice3{background:url("/images/common/notice3.png") center top 10px no-repeat;}
.notice_box .notice4{background:url("/images/common/notice4.png") center top 10px no-repeat;}
.notice_box .notice5{background:url("/images/common/notice5.png") center top 10px no-repeat;}
.notice_box .notice6{background:url("/images/common/notice6.png") center top 10px no-repeat;}
.notice_box .notice7{background:url("/images/common/notice7.png") center top 10px no-repeat;}
.notice_box .notice8{background:url("/images/common/notice8.png") center top 10px no-repeat;}
.notice_box .notice9{background:url("/images/common/notice9.png") center top 10px no-repeat;}
.notice_box .notice10{background:url("/images/common/notice10.png") center top 10px no-repeat;}
.notice_box li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;}
.notice_box li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;}
.notice_box li ul{margin:8px 0 0;}
.notice_box li li{padding:0 0 0 10px; margin-bottom:6px;}
.notice_box li li::before{top: 9px; width: 5px; height: 5px; background: #787878; border-radius: 50%;}
.notice_box li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.notice_box li li li::before{top: 8px; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}

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

.info_box{margin:0 0 20px 0; border-radius: 15px;background: #f3fbfa url("/images/common/icon_info.png") no-repeat left 16px top 18px; line-height:1.4em; padding: 15px 15px 15px 40px;}
.info_box1{margin:0 0 20px; border-radius: 15px; background: url("/images/common/icon_info1.png") no-repeat left 17px top 24px; border: solid 2px #ffe6c0; padding:20px 20px 20px 40px;}
.info_box2{margin:0 0 20px 0; border-radius: 15px; background:#ffeded url('/images/common/icon_info2.png') no-repeat left 16px top 14px; line-height:1.4em; padding: 15px 15px 15px 50px;}


.line_dot {border-top: 1px dashed #e3e9f3; padding-top: 12px;margin-top: 12px;}
.basic_box,.basic_box2,.notice_box p{line-height:1.4em;}

.toggle h4, .toggle > h5{padding:0 20px;margin: 12px 0;font-size:18px;line-height:1.25em;border: 1px #e3e9f3 solid;background:none;border-radius:10px;}
.toggle h4.on,.toggle > h5.on{border: 1px solid #0075aa;border-bottom:0;border-radius:10px 10px 0 0;margin: 12px 0 0 0;}
.toggle h4 a,.toggle > h5 a{color: #0075aa;display:block;padding: 20px 30px 20px 0;background:url("/images/common/toggle_open.png") no-repeat right center;font-weight: 400;font-size: 20px;}
.toggle h4.on a,.toggle > h5.on a{background:url("/images/common/toggle_close.png") no-repeat right center;color: #0075aa;padding: 20px 0;}
.toggle>div{display:none;padding:20px}
.toggle>div.on{display:block;background: #f9f9f9;border: 1px solid #3d48a1;border-top:0;border-radius:0 0 10px 10px;padding: 20px;margin-bottom: 12px;}
.toggle div ul{border-radius:5px;padding:20px;background:#fff;}
.toggle .in_box{display:block;background:#fff;border-radius:5px;}


/* 링크연결 컨텐츠 */
.link_box{background:#f6f9ff;padding:40px 10px;border-radius:20px;margin-bottom:40px;text-align:center;}
.link_box dt{color:#0074a9; font-size:28px;font-weight:500;margin:30px 0 0 0; font-family: 'SBAggro';}
.link_box dd{margin:15px 0 0 0; line-height:1.4em; font-size: 17px;}
.link_box a span{padding:15px 45px 15px 20px;}
.link_box2{overflow:hidden; background:#f6f9ff; padding:40px 10px; border-radius:20px; margin-bottom:40px;text-align:center;}
.link_box2 dt{color:#0074a9;font-size:28px;font-weight:500;margin:30px 0 0 0; font-family: 'SBAggro';}
.link_box2 dd{margin:15px 0 0 0; line-height:1.5em;}
.link_box2 dd strong{font-weight:bold}
.link_box2 li{margin-bottom:20px}
.link_box2 dd a{display:inline-block; background:#fff; text-align:left; margin:0 5px 10px 5px; border:solid 1px #0074a9; border-radius:20px;}
.link_box2 dd a span{display:block; padding:15px 45px 15px 20px;}
.link_box a:hover,.link_box2 a:hover{background: #0074a9; color: #fff; transition: 0.3s ease-in-out;}

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

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


/* 기본절차도 */
.basic_step{margin:20px 0;padding: 20px;background-color: #f6f9ff;font-size:0;line-height:0;border-radius:10px;}
.basic_step li{background:url("/images/common/basic_step1.png") no-repeat center top;padding:35px 0 0 0;margin:0 0 15px 0;font-size:16px;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none; padding-top: 0;}
.basic_step li strong{display:block;margin-bottom: 4px;background:#fff;padding: 20px 5px 15px 5px;color: #0074a9;border: 1px #cfdfff solid;border-radius: 10px;position:relative;}
.basic_step li span{display:block;padding: 15px 10px;background:#fff;border-radius: 10px;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_step li i{position:absolute;width:32px;height:32px;border-radius: 50%;background: #466bb5;text-align:center;font-size: 15px;line-height:32px;color: #fff;font-style:normal;display:inline-block;vertical-align:middle;left:8px;top:-12px;}
.basic_step2{margin:20px 0;padding:25px 30px 15px 30px;background-color:#f6f9ff;font-size:0;line-height:0;border-radius:10px;}
.basic_step2 li{background:url("/images/common/basic_step1.png") no-repeat center top; padding:32px 0 0 0; margin:0 0 10px 0;text-align:center;line-height:1.5em;font-size:16px;}
.basic_step2 li:first-child{background:none;padding-top:15px;}
.basic_step2 li strong{display:block;background:#fff;color: #0074ae;padding: 15px 10px;border-radius: 10px;position:relative;border: 1px #cfdfff solid;}
.basic_step2 li i{position:absolute;width:32px;height:32px;border-radius:12px;background-color:#ffffff;text-align:center;font-size:14px;line-height:32px;color:#2a2c9d;box-shadow:0 0 3px 0 rgba(21, 68, 113, .4);font-style:normal;display:inline-block;vertical-align:middle;left:8px;top:-14px;}

.basic_step2 li span{display:block;padding: 15px 10px;background:#fff;margin-top: 4px;position:relative;border-radius: 10px;}

.basic_step:after,
.basic_step2:after{display:block;content:'';clear:both;}

.basic_step2.ty2 li span{border:none;border-radius:10px}

.l_sub_con{text-align:center;}
.l_sub_con h4{position:relative;display:inline-block;padding:15px;margin:0 0 20px 0;background:none;color:#424242;}
.l_sub_con h4:before{display:block;content:'';width:100%;height:20px;position:absolute;background:#eeecfa;right:0;z-index:-1;bottom:-10px;}
.l_sub_txt ul{margin-left:0;text-align:left;}

.list_txt li{padding:15px 0;position:relative;box-sizing:border-box;margin-bottom:10px;border-radius:10px;}
.list_txt li.point span{color:#4a55cd;font-weight:bold;}
.list_txt li:before{position:absolute;width:98px;height:2px;background:#3d46a9;display:block;/* content:'';*/top:-1px;left:0;}
.list_txt li strong{display:inline-block;color:#3d46a9;font-weight:bold;font-size:18px;position:relative;padding-left:10px;font-weight:bold;padding:10px;position:relative;}
.list_txt li strong:before{display:block;content:'';height:16px;padding:0 5px;background:#e6e4f6;position:absolute;top:6px;z-index:-1;width:100%;}
.list_txt li em{color:#d5e6f7;font-size:35px;position:absolute;z-index:-1;left:0;top:-16px;}
.list_txt li span{display:block;padding-top:10px;box-sizing:border-box;}
.list_txt li:after{display:block;content:'';clear:both;}

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

/* 개인정보 순서 */
.reser_step{margin:30px 0 0 0;border-radius: 10px;overflow: hidden;}
.reser_step ol{border:1px solid #e3e9f3; overflow:hidden; border-radius: 20px;}
.reser_step li{padding:15px;text-align:center;border-top: 1px solid #e3e9f3;box-sizing:border-box;position:relative;}
.reser_step li:first-child{border:none}
.reser_step li.on{font-weight:bold;background: #0074a9;color:#fff;}
.reser_step li *{vertical-align:middle}
.reser_step li em{font-style:normal;display:block;padding-top:5px;font-size:16px;}
.reser_step li span{font-weight:500; font-size:14px; margin:0 6px 0 0;background: #0074a9; color: #fff; padding: 3px 7px; border-radius: 20px;}
.reser_step li strong{color: #0074a9; font-size: 18px;}
.reser_step li.on span{background:#fff; color: #333;}
.reser_step li.on strong{color: #fff;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.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}
.mt00{margin-top:0px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb00{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}

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

@media all and (min-width:768px){
.basic_tab ul,.basic_tab2 ul{display: flex; flex-wrap: wrap; }
.basic_tab li{width:50%;}
.basic_tab li a{margin-right: 6px;}
    
.basic_tab2 li{width: 50%; margin: 0 0 14px;}
.basic_tab2 li a{margin-right:14px;}
    
.basic_box .img{overflow:hidden}
.basic_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}

.basic_btn_box{padding: 20px 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 30px; 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: 9px;}
.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;}

.notice_box>div{padding:10px 20px 0 100px;background-position: 20px 10px !important; }

.link_box{overflow: hidden;text-align:left;padding:50px 40px}
.link_box p{float: left;width: 270px;}

.link_box dl{float: right;width: calc(100% - 320px);}
.link_box dt{font-size:32px}
.link_box .basic_btn{text-align:left;float: right;width: calc(100% - 320px);}
.link_box .basic_btn a{margin:0}

.link_box2{ padding:50px 40px}
.link_box2 li{width:50%;float:left;margin:0}
.link_box2 p{text-align:center}
.link_box2 dt{font-size:1.6rem;margin:0;text-align:center;}
.link_box2 dd:last-of-type{text-align:center;}
    
.big_img img{width:100%}

.basic_step{padding: 20px 20px 10px;}

.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:20px; background:#e3e9f3;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;}

}

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

.basic_tab ul{justify-content: left;}
.basic_tab li{width:25%;}
.basic_tab ul.col2 li,.basic_tab2 ul.col2 li{width: 50%;}
.basic_tab ul.col3 li,.basic_tab2 ul.col3 li{width: 33.33%;}
.basic_tab ul.col4 li,.basic_tab2 ul.col4 li{width: 25%;}
.basic_tab ul.col5 li,.basic_tab2 ul.col5 li{width: 20%;}
.basic_tab2 li{width: auto;}

.basic_box{padding: 30px 40px;}
.basic_box2>div{padding: 30px 40px;}

.big_img img{width:auto;max-width:100%;}
.big_img a{display:none}
.big_view  a{display:block;padding:10px 20px 10px 50px;background-position:15px center;}
.w100 img, img.w100{width:auto; max-width: 100%;}

.link_box{padding: 50px 100px;}

/* 기본절차도 */
.basic_step{padding: 20px 20px 0;}
.basic_step ol{overflow:hidden}
.basic_step li{float:left;background:url("/images/common/basic_step2.png") no-repeat left center;padding:0 0 0 40px;margin: 0 1% 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{padding: 20px;}
.basic_step2 li{overflow:hidden}
.basic_step2 li strong{float:left;width:30%;}
.basic_step2 li strong.line2{padding:32px 15px;}
.basic_step2 li strong.line3{padding:44px 15px;}
.basic_step2 li span{float: right;width: 69%;padding: 15px;text-align:left;border-top:0;}
.basic_step2 li span.line2{padding:32px 15px;}
.basic_step2 li span.line3{padding:44px 15px;}

}
    
@media all and (min-width:1440px){


}


/* 사이트맵 */
.sitemap>div{padding: 20px 0; border-top: 1px #0074a9 solid;}
.sitemap h4{margin: 0 0 14px; padding: 0; background: none; font-size: 20px;}
.sitemap h4 a{color: #0074a9; font-weight: 400;}
.sitemap ul li{margin: 0 0 6px;}
.sitemap ul li a{display: block; height: 50px; padding: 12px 20px; border: 1px #e3e9f3 solid; border-radius: 10px;}
.sitemap ul li a:hover,
.sitemap ul li a:focus{border: 1px #0074a9 solid; font-weight: 500;}
.sitemap ul ul{margin: 10px 6px;}
.sitemap ul li li a{position: relative; height: auto; padding: 0 0 0 10px; border: none; font-size: 15px;}
.sitemap ul li li a::before{content: ''; position: absolute; top: calc(50% - 2px); left: 0; display: inline-block; width: 4px; height: 4px; background: #94b4e9; border-radius: 50%;}
.sitemap ul li li a:hover,.sitemap ul li li a:focus{border: 0;}
.sitemap ul ul ul{margin: 10px 0 0; padding: 10px 20px; background: #f6f9ff; border-radius: 10px;}
.sitemap ul li li li{margin-bottom: 6px;}
.sitemap ul li li li a{padding: 0 0 0 14px; color: #464646; }
.sitemap ul li li li a::before{width: 6px; height: 3px; background: #94b4e9; border-radius: 4px;}
.sitemap ul li li li:last-of-type{margin: 0;}

.sitemap ul li .new_win{background-position: 50% -65px;}

@media all and (min-width:768px){
.sitemap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sitemap>div{width: 48%; }

}

@media all and (min-width:1023px){
.sitemap{justify-content: flex-start;}
.sitemap>div{width: 31.33%; margin: 0 1%;}
}

@media all and (min-width:1440px) {
.sitemap>div{width: auto; min-width: 14.66%;}
.sub_site .sitemap>div{width: auto; min-width: 31.33%;}
}   

/* 배너모아보기 */
.banner_book li{margin:0 0 10px; text-align:center; }
.banner_book li a{display:block;padding: 6px 20px;font-size:15px; border:1px #e3e9f3 solid; border-radius: 5px; color:#666;}
.banner_book li a:hover,.banner_book li a:focus{border:1px #0074a9 solid; transition:0.3s ease-in-out; color:#111;}
@media all and (min-width:768px){
.banner_book ul{display:flex; flex-wrap:wrap;}
.banner_book li{width:24%;margin: 0 1% 10px 0;align-self: center;}
.banner_book li:nth-of-type(4n){margin:0 0 10px 0;}
.banner_book li a{padding:12px 6px;}
}