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

/* Mobile */
h4{font-size:26px;color:#272727;background:url("/images/common/h4.gif") no-repeat 0 7px;padding:0 0 0 32px;margin:30px 0 20px 0;font-weight:600;}
h5{font-size:22px;color:#33418d;background:url("/images/common/h5.gif") no-repeat 0 6px;padding:0 0 0 25px;margin:20px 0 15px 5px;font-weight:600;}
h6{font-size:20px;color:#4931c3;background:url("/images/common/h6.gif") no-repeat 0 8px;padding:15px 0 0 0;margin:20px 0 10px 10px;font-weight:600;}
h5.bg_n{background:none;padding-left:3px;}

/* 기본 컨텐츠 */
.basic_ul{margin:0 0 40px 10px;}
.basic_ul li{ line-height:1.5em;padding:0 0 0 17px;margin:0 0 8px 0;background:url("/images/common/li01.gif") no-repeat 0 6px;}
.basic_ul li ul{margin:5px 0 10px 0;}
.basic_ul li li{padding:0 0 0 16px;background:url("/images/common/li02.gif") no-repeat 0 8px;margin-bottom:4px;}
.basic_ul li li li{padding:0 0 0 16px;background:url("/images/common/li03.gif") no-repeat 0 9px;color:#737373;font-size:15px;}
.basic_ul .li_none{background:none;padding:0;}

.basic_dl{margin:0 0 40px 10px}
.basic_dl dt{font-size:20px;color:#4931c3;background:url("/images/common/h6.gif") no-repeat 0 8px;padding:15px 0 0 0;margin:20px 0 10px 10px;font-weight:600;}
.basic_dl dd{background:url("/images/common/li02.gif") no-repeat 0 7px;padding:0 0 0 17px;margin:5px 0 8px 8px;}
.basic_dl li ul{margin:5px 0}
.basic_dl li li{padding:0 0 0 10px;background:url("/images/common/li03.gif") no-repeat 0 9px}
.basic_dl .dd_none{background:none;padding:0;}

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

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

/* 테이블 */
.over_table{overflow-x:auto}
.scroll_guide{position:relative;padding:10px 20px;background:#f1f6fd;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;color:#505050;font-size:13px;}
.scroll_guide p:before{content:"표를 좌우로 밀어 확인해보세요.";}

.basic_table{width:100%;margin:10px 0 20px 0;border-top:2px solid #adb4bc;border-left:2px solid #fff;border-right:2px solid #fff;}
.over_table .basic_table{min-width:650px;}
.basic_table th, .basic_table td{text-align:center;padding:12px 10px;border:1px solid #e3e0e0;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em;background:#fff;word-break:break-word;}
/*.basic_table td:last-child,.basic_table th:last-child{ border-right:0;}
.basic_table td:first-child,.basic_table th:first-child{ border-left:0;}*/
.basic_table thead th{background:#f8f8fc;color:#333;font-weight:500;}
.basic_table tbody th{background:#f6faff;color:#444;font-weight:500;}
.basic_table tbody td .basic_ul{margin:0}
.basic_table tbody td li{padding:0 0 0 16px;margin:0 0 5px 0;background:url("/images/common/li01.gif") no-repeat 0 6px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding:0 0 0 15px;background:url("/images/common/li02.gif") no-repeat 0 9px;font-size:15px;margin-bottom:0;}
.basic_table tbody td li li li{padding:0 0 0 8px;background:url("/images/common/li03.gif") no-repeat 0 9px}
.basic_table tbody td li ul ul{margin-bottom:0}
.basic_table tbody td table{border-top:1px solid #adb4bc;}
.basic_table .point_bg,
.basic_table tr.point_bg td{background:#fbfcee;}
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;padding:10px 3px;font-size:15px;}
.basic_table tbody .tntable td{padding:5px 3px;font-size:15px;color:#5b5b5b;letter-spacing:-.5px;}

span.app_ok{display:inline-block;padding:15px 0;color:#4931c3;}
        
.basic_table td a.map_i{background:url("/images/common/map_i.png")no-repeat;padding-left:20px;color:#474997;}
.basic_table td a.call{background:url("/images/bbs/bbs_ico.png")no-repeat left -560px;margin-right:5px;padding-left:26px;color:#0084a5;}

.basic_table_s{width:100%;margin:10px 0;border-top:2px solid #adb4bc;}
.over_table .basic_table_s{min-width:700px;}
.basic_table_s th, .basic_table_s td{text-align:center;padding:10px 3px;border:1px solid #e3e0e0;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:#f8f8fc;color:#333;font-size:15px;}
.basic_table_s tbody th{background:#f6faff;color:#444;font-size:14px}
.basic_table_s tbody td{font-size:15px;letter-spacing:-.5px;}
.basic_table_s tbody td li{padding:0 0 0 8px;margin:0 0 5px 0;background:url("/images/common/li03.gif") no-repeat 0 7px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{font-size:13px;}
.basic_table_s tbody td table{border-top:1px solid #adb4bc;}
.basic_table_s tbody td .sbtn_go, 
.basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down, 
.basic_table tbody td .sbtn_go{white-space:nowrap;}
.basic_table_s .tntable{min-width:auto;}
.basic_table_s tbody .tntable th{background:#f6f6f6;}

.table_left td{text-align:left}

/* 탭 */
.basic_tab{overflow:hidden;border-top:1px solid #dedede;border-left:1px solid #dbd9e2;margin:30px 0 ;border-radius:10px;}
.basic_tab:after,
.basic_tab2:after{display:block;content:'';clear:both;}
.basic_tab li{float:left;width:100%;height:64px;}
.basic_tab li a{display:block;padding:20px 20px 20px 10px;border-right:1px solid #dbd9e2;border-bottom:1px solid #dbd9e2;background:#f8f8ff;}
.basic_tab li a:hover{background:#fff;color:#4549a1}
.basic_tab li.on a{background:#5852d0 url("/images/common/tab_on.png")no-repeat right 10px center;color:#fff;font-weight:500;}
.basic_tab li.on a:hover{background-color:#4549a1}

.basic_tab2{overflow:hidden;margin:30px 0}
.basic_tab2 li{float:left;width:100%;box-sizing:border-box;padding:0 10px 0 0;margin-bottom:10px;}
.basic_tab2 li a{display:block;padding:15px 10px;box-sizing:border-box;height:55px;background:url("/images/common/tab02.png") no-repeat right 10px center;border-bottom:solid 1px #d4d9e4;}
.basic_tab2 li a:hover{background:url("/images/common/tab02_on.png") no-repeat right 10px center;color:#665fc7;border:2px solid #6f66ad;border-radius:12px;}
.basic_tab2 li.on a,.basic_tab2 li a.on{background:#f5feff url("/images/common/tab02_on.png") no-repeat right 10px center;color:#665fc7;border:2px solid #6f66ad;font-weight:500;border-radius:12px;padding-right:32px;}
.basic_tab2 li.on a:hover,.basic_tab2 li a.on:hover{background:url("/images/common/tab02_on.png") no-repeat right 10px center;color:#665fc7;border:2px solid #6f66ad;border-radius:12px;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;background:#fff;color:#343434;text-align:left;margin:0 5px 10px 5px;padding:0 20px 0 0;box-shadow:3px 3px 0 #dbdbef;border:solid 1px #7171c1;border-radius:5px;}
.basic_btn a:hover{background:#f3f6ff;border-color:#3d48a1;box-shadow:3px 3px 0 #8e9fc1}
.basic_btn span{display:block;padding:15px 45px 15px 20px;}
.btn_go span{background:url("/images/common/btn_go.png") no-repeat right center;}
.btn_new span{background:url("/images/common/btn_new.png") no-repeat right center;}
.btn_down span{background:url("/images/common/btn_down.png") no-repeat right center;}
.btn_file span{background:url("/images/common/btn_file.png") no-repeat right center}
.btn_home span{background:url("/images/common/btn_home.png") no-repeat right center}
.basic_table .basic_btn{margin:0 2px 0}
.basic_table .basic_btn a{margin:0}

table tbody td .sbtn_go span, 
table tbody td .sbtn_new span, 
table tbody td .sbtn_down span,
table tbody td .sbtn_file span,
table tbody td .sbtn_go span{padding:3px 10px;font-size:14px;}
.sbtn_go{display:inline-block;background:#e0e7fd url("/images/common/btn_go_c.png") no-repeat right center;color:#171717;margin:2px 5px 2px 0;padding:0 35px 0 0;border:1px solid #aaaccc;border-radius:5px;}
.sbtn_go:hover{border:1px solid #3b3b9f;}
.sbtn_go:hover span{background:#f0f4ff}
.sbtn_go span{display:block;background:#fff;padding:3px 10px 3px 15px;border-radius:5px 0 0 5px;}

.sbtn_new{display:inline-block;background:#e0e7fd  url("/images/common/btn_new_c.png") no-repeat right center;color:#171717;margin:2px 5px 2px 0;padding:0 35px 0 0;border:1px solid #aaaccc;border-radius:5px;}
.sbtn_new:hover{border:1px solid #3b3b9f;}
.sbtn_new:hover span{background:#f0f4ff}
.sbtn_new span{display:block;background:#fff;padding:3px 10px 3px 15px;border-radius:5px 0 0 5px;}

.sbtn_down{display:inline-block;background:#e0e7fd url("/images/common/btn_down_c.png") no-repeat right center;color:#171717;margin:2px 5px 2px 0;padding:0 35px 0 0;border:1px solid #aaaccc;border-radius:5px;}
.sbtn_down:hover{border:1px solid #3b3b9f;}
.sbtn_down:hover span{background:#f0f4ff}
.sbtn_down span{display:block;background:#fff;padding:3px 10px 3px 15px;border-radius:5px 0 0 5px;}


.sbtn_file{display:inline-block;background:#e0e7fd  url("/images/common/btn_file_c.png") no-repeat right center;color:#171717;margin:2px 5px 2px 0;padding:0 35px 0 0;border:1px solid #aaaccc;border-radius:5px;}
.sbtn_file:hover{border:1px solid #3b3b9f;}
.sbtn_file:hover span{background:#f0f4ff}
.sbtn_file span{display:block;background:#fff;padding:3px 10px 3px 15px;border-radius:5px 0 0 5px;}


.sbtn_home{display:inline-block;background:#e0e7fd url("/images/common/btn_home_c.png") no-repeat right center;color:#171717;margin:2px 5px 2px 0;padding:0 35px 0 0;border:1px solid #5057c8;border-radius:5px;}
.sbtn_home:hover{border:1px solid #3b3b9f;}
.sbtn_home:hover span{background:#f0f4ff}
.sbtn_home span{display:block;background:#fff;padding:3px 10px 3px 15px;border-radius:5px 0 0 5px;}

.txt_link, .txt_link:hover{background:url("/images/common/icon_file.gif") no-repeat right center;padding:0 20px 0 0;color:#4452c1;text-decoration:underline;}

/*아이콘버튼*/
.icon_btn{font-size:0px;text-align:center;}
.icon_btn a{position:relative;font-size:15px;color:#2b2b2b;background:#fff;border:solid 1px  #b2b2c7;display:inline-block;box-sizing:border-box;padding:7px 15px;margin:0 5px 10px 5px;border-radius:5px;box-shadow:3px 3px 0 #c8c8da;}
.icon_btn a:hover{background:#ffffff;}
.icon_btn a span{display:block;height:22px;padding-left:30px;}
.icon_btn .hwp span{background:url("/images/common/icon_hwp.gif")no-repeat left;}
.icon_btn .ppt span{background:url("/images/common/icon_ppt.gif") no-repeat left;}
.icon_btn .xls span{background:url("/images/common/icon_xls.gif") no-repeat left;}
.icon_btn .jpg span{background:url("/images/common/icon_jpg.gif") no-repeat left;}
.icon_btn .gif span{background:url("/images/common/icon_gif.gif") no-repeat left;}
.icon_btn .png span{background:url("/images/common/icon_png.gif") no-repeat left;}
.icon_btn .zip span{background:url("/images/common/icon_zip.gif") no-repeat left;}
.icon_btn .pdf span{background:url("/images/common/icon_pdf.gif") no-repeat left;}
table .icon_btn a{margin:0;}

/* 박스형 컨텐츠 */
.basic_box{background:#f5f7fe url("/images/common/b_box1.png") top left no-repeat;padding:15px;margin:20px 0 30px 0;border-radius:5px;}
.basic_box>div{position:relative;background:#fff;padding:15px;border-radius:10px;box-shadow:0 0 10px 0 rgba(21,68,113,.05);}
.basic_box li{line-height:1.5em;padding:0 0 0 16px;margin:0 0 5px 0;background:url("/images/common/li01.gif") no-repeat 0 5px;}
.basic_box li ul{margin:10px 0 0 0}
.basic_box li li{padding:0 0 0 14px;background:url("/images/common/li02.gif") no-repeat 0 8px;}
.basic_box li li li{padding:0 0 0 10px;background:url("/images/common/li03.gif") no-repeat 0 9px;font-size:1rem;color:#8e8e8e;}
.basic_box h4{margin:10px 0;}
.basic_box dt{color:#5059bf;font-size:24px;margin:0 0 10px 0;font-weight:600;padding-bottom:10px;border-bottom:dashed 1px #cfd2ee;}
.basic_box dd,
.basic_box2 dd{line-height:1.5em;padding:0 0 0 17px;margin:0 0 5px 0;background:url("/images/common/li01.gif") no-repeat 0 6px;}
.basic_box dd li ul,
.basic_box2 dd li ul{margin:10px 0 0 0}
.basic_box dd li,
.basic_box2 dd li{padding:0 0 0 14px;background:url("/images/common/li02.gif") no-repeat 0 9px}
.basic_box dd li li,
.basic_box2 dd li li{padding:0 0 0 8px;background:url("/images/common/li03.gif") no-repeat 0 9px}
.basic_box p{line-height:1.5em}
.basic_box2 .basic_tab2{margin:0;}
.basic_box2 .basic_tab2 li{background:none}

.basic_box .img span{display:block;text-align:center;margin:0 0 15px 0}
.basic_box2 dt{color:#5c6bb2;font-size:20px;margin:20px 0 5px;font-weight:600;padding-bottom:5px;border-bottom:dashed 1px #cfd2ee;}
.basic_box2 dt:first-child{margin-top:0}
.basic_box2{padding:15px;background:linear-gradient(45deg, #e3fcf8, #e9edf7);margin:30px 0;border-radius:5px;}
.basic_box2 div{background:#fff;padding:15px;box-shadow:0 0 10px 0 rgba(21,68,113,.05);border-radius:10px;}
.basic_box2 h4{margin:0 0 10px 0;}
.basic_box3{border:1px dashed #ddd;padding:20px}
.basic_box2 .basic_ul{margin-bottom:0}
.basic_box2 li{padding:0 0 0 16px;margin:0 0 5px 0;background:url("/images/common/li01.gif") no-repeat 0 6px;}
.basic_box2 li ul{margin:10px 0 0 0}
.basic_box2 li li{padding:0 0 0 14px;background:url("/images/common/li02.gif") no-repeat 0 7px;}
.basic_box2 li li li{padding:0 0 0 10px;background:url("/images/common/li03.gif") no-repeat 0 8px;color:#8e8e8e;}
.basic_box input,.basic_box2 input{vertical-align:middle;}

.notice_box{margin:20px 0 30px;padding:15px;background:#fbf1f6 url("/images/common/b_box1.png") top left no-repeat;position:relative;border-radius:5px;}
.notice_box:before{display:block;content:'';background:url("/images/common/b_box2.png")  no-repeat;width:155px;height:14px;position:absolute;right:0;bottom:0;}
.notice_box ul{margin-bottom:0;}
.notice_box>div{padding:30px;background:#fff;}
.notice_box ul li{background:url("/images/common/li02.gif") no-repeat 0 8px;padding:0 0 3px 14px;}
.notice_box ul li li{padding:2px 0 2px 9px;background:url("/images/common/li03.gif") no-repeat 0 10px;}
.notice_box>div{padding-top:140px;background:url("/images/common/notice00.png") center top 30px no-repeat #fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.05);}
.notice_box .notice1{background-image:url("/images/common/notice01.png")}
.notice_box .notice2{background-image:url("/images/common/notice02.png")}
.notice_box .notice3{background-image:url("/images/common/notice03.png")}
.notice_box .notice4{background-image:url("/images/common/notice04.png")}
.notice_box .notice5{background-image:url("/images/common/notice05.png")}
.notice_box .notice6{background-image:url("/images/common/notice06.png")}
.notice_box .notice7{background-image:url("/images/common/notice07.png")}
.notice_box .notice8{background-image:url("/images/common/notice08.png")}
.notice_box .notice9{background-image:url("/images/common/notice09.png")}
.notice_box .notice10{background-image:url("/images/common/notice10.png")}
.notice_box .notice11{background-image:url("/images/common/notice11.png")}
.notice_box>div h4,
.notice_box>div h5{margin-top:0}

.notice_box .txt_a{padding:0 30px 30px 30px;background:#fff;}
.notice_box>div .tit,
.notice_box>div dt{font-weight:bold;color:#46539b;font-size:23px;padding-bottom:10px;}
.notice_box .line_dot{border-top:dashed 1px #e6e6e6;margin:10px 0;}
.notice_box>div dd{padding-bottom:5px}

.info_box1{background:url("/images/common/icon_info.png") no-repeat 13px 19px;margin:20px 0;padding:20px 20px 20px 45px;border:solid 5px #f7e7ec;border-radius:5px;}

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

.info_box{margin:0 0 20px 0;border-radius:5px;background:#fef8f0 url("/images/common/icon_info2.png") no-repeat 10px center;line-height:1.5em;padding:15px 15px 15px 40px;}
.info_box2{margin:0 0 20px 0;padding:5px 15px 5px 29px;border-radius:5px;background:#fff8f3 url("/images/common/icon_info2.png") no-repeat 5px 5px;line-height:1.5em;}

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

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


/* 링크연결 컨텐츠 */
.link_box{overflow:hidden;background:#f2f8ff;padding:40px 10px;border-radius:15px;margin-bottom:40px;text-align:center;}
.link_box dt{color:#3d46a9;font-size:24px;font-weight:600;margin:30px 0 0 0;}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}

.link_box2{overflow:hidden;background:aliceblue;padding:40px 10px;border-radius:15px;margin-bottom:40px;text-align:center;}
.link_box2 dt{color:#3d46a9;font-size:24px;font-weight:600;margin:30px 0 0 0}
.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;color:#343434;text-align:left;margin:0 5px 10px 5px;padding:0 20px 0 0;box-shadow:3px 3px 0 #8787af;border:solid 1px #8787af;border-radius:5px;}
.link_box2 dd a:hover{background:#f3f6ff;border-color:#3d48a1;box-shadow:3px 3px 0 #8e9fc1}
.link_box2 dd a span{display:block;padding:15px 45px 15px 20px;}


/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #e5e6ea;position:relative;padding:20px;margin:0 0 40px 0;text-align:center;border-radius:10px;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 10px center #4857ab;color:#fff;padding:10px 10px 10px 40px;border-radius:10px 0 0 0;}

.w100 img, img.w100{width:100%;border:1px solid #e5e6ea;border-radius:10px;}


/* 기본절차도 */
.basic_step{margin:20px 0;padding:25px 30px 10px 30px;background-color:#f2f4fc;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;}
.basic_step li strong{display:block;background:#fff;padding:25px 5px 15px 5px;color:#46308f;border-bottom:dashed 1px #d3d1de;border-radius:15px 10px 0 0;position:relative;}
.basic_step li span{display:block;padding:25px 10px;background:#fff;border-radius:5px 5px 15px 10px;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_step 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:-12px;}
.basic_step2{margin:20px 0;padding:25px 30px 15px 30px;background-color:#f2f4fc;font-size:0;line-height:0;border-radius:10px;}
.basic_step2 li{background:url("/images/common/basic_step1.png") no-repeat center top;padding:40px 0 0 0;margin:0 0 10px 0;text-align:center;line-height:1.5em;font-size:16px;}
.basic_step2 li:nth-child(2n){background:url("/images/common/basic_step3.png") no-repeat center top;}
.basic_step2 li:first-child{background:none;padding-top:15px;}
.basic_step2 li strong{display:block;background:#fff;color:#46308f;padding:20px 15px;border-radius:5px;position:relative;}
.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:20px;background:#fff;border-top:0;border-top:dashed 1px #d3d1de;position:relative;}

.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;left:-5000px;top:-999px;}
.map_area{border:1px solid #dedede;background:#fff;border-radius:10px;overflow:hidden;}
.map_area img{width:100%}
.map_area div,.root_daum_roughmap .wrap_btn_zoom{z-index:0;}

.reser_step{margin:30px 0 0 0;border-radius:10px;overflow:hidden;box-shadow:0 0 10px 0 rgba(21,68,113,.2 );}
.reser_step ol{border:1px solid #d6d6d6;overflow:hidden;border-radius:10px;}
.reser_step li{padding:20px 15px;text-align:center;border-top:1px solid #ebebeb;box-sizing:border-box;position:relative;}
.reser_step li:first-child{border:none}
.reser_step li.on{font-weight:bold;background:#6b6bcc;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:12px;margin:0 10px 0 0;background:#d8e1fc;padding:3px 7px;color:#363636;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}

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

/* 기본 마진 :상황에 따라 추가 가능 */
.ml0{margin-left:0px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mb0{margin-bottom:0px !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

/* 기본 패딩 :상황에 따라 추가 가능 */
.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;}
.basic_table.va_top td{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:650px){
.scroll_guide{display:none;}

}

/* Tablet */
@media all and (min-width:768px){
.basic_tab li,
.basic_tab2 li{width:50%}
.basic_tab li:last-child a{border-radius:0 0 10px 0}
.basic_tab li:first-child,.basic_tab li:first-child a{border-radius:10px 0 0 0}
.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 130px;background-position:30px 30px;min-height:130px;}

.link_box{text-align:left;padding:50px 75px}
.link_box p{float:left;width:42%;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{float:left;width:58%}
.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 75px}
.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;}
    
.big_img{}
.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:20px;background:#cecece;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;}

.l_sub_con h4{width:25%;float:left;margin-right:5%;text-align:left;padding:15px 0 0 24px;}
.l_sub_txt{float:left;width:70%;}
.l_sub_txt .col2 li{width:50%;float:left;}
.l_sub_txt .col2:after{display:block;content:'';clear:both;}
.l_sub_con:after{display:block;content:'';clear:both;}

.list_txt li em{font-size:40px;}
.list_txt li:before{width:20%;}
.list_txt li strong{width:20%;float:left;}
.list_txt li span{ width:80%;float:left;padding:0  0 0 40px;}
}

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

/*.basic_tab .col4 li{ width:25%;}
.basic_tab .col3 li,
.basic_tab2 .col3 li{width:33.333%}*/


.big_img img{width:auto;max-width:1048px;}
.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}

/* 기본절차도 */
.basic_step ol{overflow:hidden}
.basic_step li{float:left;background:url("/images/common/basic_step2.png") no-repeat left center;padding:13px 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_step2{padding:45px 50px 40px 50px;}
.basic_step2 li{overflow:hidden}
.basic_step2 li strong{float:left;width:30%;border-radius:10px 0 0 10px;}
.basic_step2 li strong.line2{padding:32px 15px;}
.basic_step2 li strong.line3{padding:44px 15px;}
.basic_step2 li span{float:left;width:70%;text-align:left;border-top:0;border-radius:0 10px 10px 0;border-left:dashed 1px #d3d1de;}
.basic_step2 li span.line2{padding:32px 15px;}
.basic_step2 li span.line3{padding:44px 15px;}
    
.basic_step2.ty2 li span{width:100%;}
.reser_step li strong{font-size:18px}
.reser_step .col5 li{width:20%;}
.reser_step .col5 li span{display:block;margin:0 auto 5px auto;width:70px;}
}

/*sitemap*/
.sitemap{margin-top:40px;}
.sitemap>div{margin-bottom:30px;border-top:2px solid #b0b4c9;border-bottom:solid 1px #d4d4d7;}
.sitemap h4{margin:0;background:none;padding:22px 20px 22px 0;text-align:center;}
.sitemap h4 a{color:#2f3c97;font-size:1.5rem;position:relative;}
.sitemap h4 a:after{display:inline-block;content:'';width:100%;height:21px;padding:0 10px;background:rgba(127, 186, 240,.2);position:absolute;left:0;bottom:-8px;z-index:-1;}
.sitemap h4 a:hover, .sitemap h4 a:focus{text-decoration:underline;}
.sitemap div div>ul>li>a{display:block;padding:13px 20px;color:#2a268b;font-weight:500;font-size:1.15rem;background:#f5f7fa;border-radius:10px 20px 0 0;margin-bottom:15px;}
.sitemap div div>ul>li>a:hover, .sitemap div div>ul>li>a:focus{text-decoration:underline;}
.sitemap div div>ul>li>ul{padding:12px 20px 20px;}
.sitemap li li{margin:6px 0 0 0;font-size:.987rem;}
.sitemap li li a{display:block;padding-left:16px;color:#272727;background:url("/images/common/li02.gif") no-repeat 0 6px;font-size:.9rem;}
.sitemap li li a:hover, .sitemap li li a:focus{text-decoration:underline;}
.sitemap li li ul{padding:5px 12px 5px;margin-top:6px;border-radius:6px;border:dashed 1px #c0c5e2;}
.sitemap li li li a{padding-left:8px;background:url("/images/common/li03.gif") no-repeat 0 8px;font-size:14px;color:#555555;}

@media all and (min-width:768px){
.sitemap li li{display:block;}
}

@media all and (min-width:1023px){
.sitemap>div{padding-bottom:0;background:url("/images/01_potal/main/menu_bg.png") no-repeat left 30%/ 200px;}
.sitemap>div.menu2{background:url("/images/01_potal/main/menu_bg2.png") no-repeat left 30%/ 200px;}
.sitemap>div.menu3{background:url("/images/01_potal/main/menu_bg3.png") no-repeat left 30%/ 200px;}
.sitemap>div.menu4{background:url("/images/01_potal/main/menu_bg4.png") no-repeat left 30%/ 200px;}
.sitemap>div.menu5{background:url("/images/01_potal/main/menu_bg5.png") no-repeat left 30%/ 200px;}
    
.sitemap>div:after{display:block;clear:both;content:"";}
.sitemap h4{float:left;width:20%;padding-top:35px;text-align:left;}
.sitemap div div{float:left;width:80%;padding:0 30px 30px 0;background:#f6f8fc;border-radius:50px 0 0 0;}
.sitemap div div>ul>li{padding:30px 0 0 30px;width:33.333%;float:left;}
.sitemap div div>ul>li>a{border-radius:10px;padding:0;}
.sitemap div div>ul>li:nth-child(3n+1){clear:both}
.sitemap div div>ul>li>ul{padding:0;}
.sitemap li li{margin-right:8px;}
}  

.basic_stab{text-align:center;padding:20px 0;margin:20px 0;border-radius:5px;position:relative;width:calc(100% - 6px);border-bottom:0;background:#f8f9fc url("/images/common/stab_bg.png")no-repeat left top;border-right:0;}
.basic_stab select{height:42px;border:3px solid #2d2e81;border-radius:5px;padding:0 10px;min-width:140px;}
.basic_stab .form_sm{cursor:pointer;width:87px;height:42px;background:#2d2e81 url("/images/common/tab_on.png")no-repeat 84% center;color:#fff;font-size:15px;border-radius:5px;padding-right:20px;}
.basic_stab:before{display:block;content:'';background:url("/images/common/basic_stab1.gif")repeat bottom left;position:absolute;right:-6px;width:100%;height:65px;z-index:-1;bottom:-6px;border-radius:0 0 10px 0;}

@media all and (min-width:768px){
.basic_stab select{min-width:200px;}
}          

.sub_container .s_right br{opacity:0;}                   
.dot_box{padding:30px;border:dashed 1px #b4b8e0;border-radius:10px;margin:30px 0;}    
.dot_box .basic_ul{margin:0;}

.bbs_view .bbs_con table{width:100% !important;overflow:hidden;}
.bbs_view .bbs_con td,
.bbs_view .bbs_con tr{width:auto !important;}

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

.bbs_view .bbs_con table{max-width:1090px !important;}

}