@charset "utf-8";



/* 공통정의 */
h2.title{position:relative;margin:60px 0 8px 0;padding-top:10px;font-family:'NanumSquare';font-size:24px;color:#333;font-weight:700}
h2.title::before{position:absolute;top:0;left:0;width:31px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -84px 0}
h3.title{position:relative;margin:30px 0 7px 0;font-family:'NanumSquare';font-size:22px;color:#294baa;}

h4.title{position:relative;margin:20px 0 16px 0;padding:0 0 0 25px;font-size:15px;line-height:24px}
h4.title::before{position:absolute;top:3px;left:0;width:18px;height:18px;content:'';background:url(/images/common/com_img.png) no-repeat -139px 0}

#content > h2.title:first-child,h1.title+h2.title{margin-top:0}
h2.title+h3.title{margin-top:30px}/* h2.title에 인접해있는 h3 title만 적용 */
h3.title+h4.title{margin-top:16px}/* h3.title에 인접해있는 h4 title만 적용 */

/* dl 타이틀 */
.dl_title{margin-top:15px}
.dl_title dt{font-weight:bold}
.dl_title dd{margin:5px 0 15px 10px}

/* h2, h3뒤에 오는 li*/
.h_li{margin:0 0 10px 0}
.h_li li{position:relative;margin-bottom:6px;padding-left:12px}
.h_li li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h_li li ul,.h_li li ol{margin:8px 0 12px 0;}
.h_li li li{position:relative;padding-left:10px}
.h_li li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -125px 0}
.h_li li li li{position:relative;padding-left:11px}
.h_li li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.h_li li li li li{position:relative;padding-left: 9px}
.h_li li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* h4뒤에 오는 li*/
.h4_li{margin:0 0 10px 18px}
.h4_li li{position:relative;margin-bottom:6px;padding-left:12px}
.h4_li li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h4_li li ul,.h4_li li ol{margin:8px 0 12px 0;}
.h4_li li li{position:relative;padding-left:10px}
.h4_li li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -125px 0}
.h4_li li li li{position:relative;padding-left:11px}
.h4_li li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.h4_li li li li li{position:relative;padding-left: 9px}
.h4_li li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #1 */
.li_dot1{margin:0 0 10px 0;text-align:left}
.li_dot1 li{position:relative;margin-bottom:6px;padding-left:12px}
.li_dot1 li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.li_dot1 li ul,.li_dot1 li ol{margin:8px 0 12px 0;}
.li_dot1 li li{position:relative;padding-left:10px}
.li_dot1 li li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -125px 0}
.li_dot1 li li li{position:relative;padding-left:11px}
.li_dot1 li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot1 li li li li{position:relative;padding-left: 9px}
.li_dot1 li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #2 */
.li_dot2{margin:0 0 10px 0;text-align:left}
.li_dot2 li{position:relative;padding-left:10px}
.li_dot2 li::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -125px 0}
.li_dot2 li li{position:relative;padding-left:11px}
.li_dot2 li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot2 li li li{position:relative;padding-left: 9px}
.li_dot2 li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* 기본 li아이콘 #3 */
.li_dot3{margin:0 0 10px 0;text-align:left}
.li_dot3 li{position:relative;margin-bottom:3px;padding-left:11px}
.li_dot3 li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot3 li ul,.li_dot1 li ol{margin:5px 0 12px 0}
.li_dot3 li li{position:relative;padding-left: 9px}
.li_dot3 li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}

/* dot 없는 li */
.li_none{margin:0 0 10px 0}
.li_none li{position:relative;margin:0 0 3px 0 !important;padding:0 !important;background:none !important}
.li_none li::before{display:none !important}
.li_none li ul,.li_none li ol{margin:5px 0 12px 0 !important}
.li_none li li{padding-left:12px !important}
.li_bold li{font-weight:bold}

/* 숫자가 있는 li */
.li_num{margin:0 0 10px 0}
.li_num > li{position:relative;margin-left:15px !important;margin-bottom:3px !important;padding-left:0 !important;list-style-type:decimal;background:none !important}
.li_num > li::before{display:none !important}
.li_num > li ol, .li_num > li ul{margin:5px 0 12px 0}

/* 숫자가 있는 li2 */
.li_num2{margin:0 0 10px 0}
.li_num2 li{position:relative;margin-bottom:3px;padding-left:25px}
.li_num2 li .num{position:absolute;top:2px;left:0;width:18px;height:18px;font-size:13px;color:#fff;text-align:center;line-height:20px;font-weight:bold;background:#b7b7b7;border-radius:50%}

/* h뒤에 오는 p */
.h2_p{margin:0 0 30px 0}/* h2뒤에 오는 p */
.h3_p{margin:0 0 16px 0}/* h3뒤에 오는 p */
.h4_p{margin:0 0 16px 18px}/* h4뒤에 오는 p */

/* h뒤에 오는 p dot */
.h_dot{position:relative;margin-bottom:10px;padding-left:12px}
.h_dot::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.h4_dot{position:relative;padding-left:11px}
.h4_dot::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'ㆍ'}

/* 기본 dot 아이콘 */
.dot1{position:relative;margin-bottom:10px;padding-left:12px}
.dot1::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.dot2{position:relative;margin-bottom:10px;padding-left:10px}
.dot2::before{position:absolute;top:8px;left:0;width:4px;height:5px;content:'';background:url(/images/common/com_img.png) no-repeat -125px 0}
.dot3{position:relative;padding-left:11px}
.dot3::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'-'}
.dot4{position:relative;padding-left:11px}
.dot4::before{position:absolute;top:0px;left:0;width:4px;height:5px;content:'ㆍ'}


/* 상단안내글 #1 */
.guideTxt{position:relative;padding:50px 50px 40px 194px;min-height:160px;background:#fff}
.guideTxt::before{content: "";display: inline-block;width: calc(100% + 1px);height: 45px;position: absolute;left: 0;top: 0;background: url(/images/common/guide_txt_top_bg.jpg) repeat-x;z-index: 30}
.guideTxt::after{content: "";display: inline-block;width: calc(100% - 10px);height: 30px;left: 5px;top: 5px;background: #fff;position: absolute;z-index: 31}
.guideTxt .guide_bg{border:1px solid #d3d5db;z-index: 20;width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.guideTxt .ic{display: inline-block;width: 102px;height: 102px;border-radius: 50%;z-index: 32;position: absolute;left: 50px;top: 30px;background: #f1f4fb}
.guideTxt .ic::after{content: "";width: 64px;height: 44px;display: inline-block;position: absolute;left: 19px;top: 29px;background: url(/images/common/com_img.png) no-repeat}
.guideTxt h2{margin-bottom:12px;font-family:'NanumSquare';font-size:22px;color: #333;position: relative;}
.guideTxt p{position: relative;margin-bottom: 9px;}
.guideTxt p:last-of-type{margin-bottom: 0;}
.guideTxt p, .guideTxt a, .guideTxt ul, .guideTxt h2{/*z-index: 50;*/position: relative;}

.guideTxt .ic_point{padding-left: 26px;position: relative;font-size: 14px;}
.guideTxt .ic_point::before{content: "※";display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;background-color: #eb5241;position: absolute;top: 2px;left: 0}

@media all and (min-width: 769px){
    .guideTxt.img_type{padding-left: 385px;min-height: 293px}
    .guideTxt.img_type .ic{width: 299px;height: 201px;border-radius: 0;top:50px;}
    .guideTxt.img_type .ic::after{display: none;}
}

/* 사각박스 */
.sq_box{position:relative;padding:15px;background:#f4f6f9;font-weight: bold;font-size: 16px;position: relative;}
.sq_box h2:first-child,.con_box h3:first-child,.con_box h4:first-child{margin-top:0}
.sq_box.ic{padding-left: 70px}
.sq_box.ic::before{content: "";display: inline-block;background: #4b68ba url(/images/common/com_img.png) -670px -6px no-repeat;width: 30px;height: 30px;position: absolute;top: 20px;left: 30px;}
.sq_box .btn_box{float: right;}



/* 절차, 단계 */
.stepCon{position:relative;overflow:hidden;z-index:2}

.stepCon{position:relative;overflow:hidden;z-index:2}
.stepCon ol::after{display:block;clear:both;content:''}
.stepCon ol{width:100%;text-align:center}
.stepCon ol > li{position:relative;float:left;margin:10px 0;padding-right:40px;text-align:center;}

.stepCon.bg{background: #f7f7f7;padding: 10px 0 10px 30px}
.stepCon ol.step1{display: flex;flex-wrap: wrap;justify-content: space-around;}
.stepCon ol.step1 > li{flex: auto;padding-right: 30px;}
.stepCon ol.step1 > li::after{position:absolute;top:50%;right:11px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/images/common/com_img.png') no-repeat -239px -25px;}
.stepCon ol.step1 > li > div{position:relative;padding:20px 5px 0 5px;min-height:120px;color:#333;background:#fff;border:1px solid #c4c4c4;z-index:2;}
.stepCon ol > li > div span{display:block;}
.stepCon ol > li > div .num{position:relative;margin-bottom:15px;padding:5px 0;line-height: 1;border-top:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;display: inline-block;color: #555;font-size: 16px}
.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all;}
.stepCon ol.mih > li > ul{min-height:80px}
.stepCon ol > li > ul > li{width:100%;font-size:14px}
.stepCon ol.step1 > li:first-child div{border:1px solid #07998d;color: #037b71;}
.stepCon ol > li:last-child::after{display:none}
.stepCon ol.step1 > li:first-child div .num{border-color: #07998d;color: #037b71;}
.stepCon ol.step1 > li:last-child div{color:#fff;background:#07998d;border:1px solid
#07998d}
.stepCon ol.step1 > li:last-child div .num{border-color: #fff;color: #fff}

@media all and (min-width: 769px){
    .stepCon ol.step1.st4 > li:nth-child(4n+4)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
    .stepCon ol.step1.st4 > li:nth-child(4n+5)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/images/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (min-width: 641px) and (max-width: 768px){
    .stepCon ol.step1.st4 > li:nth-child(3n+3)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
    .stepCon ol.step1.st4 > li:nth-child(3n+4)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/images/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (min-width: 451px) and (max-width: 640px){
    .stepCon ol.step1.st4 > li:nth-child(even)::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
    .stepCon ol.step1.st4 > li:nth-child(2n+3)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/images/common/com_img.png') no-repeat -239px -25px;}
}
@media all and (max-width: 450px){
    .stepCon ol.step1.st4 > li::after{width: 30px;height: 2px;background: #383a4a;margin-top: -1px;right: 0;}
    .stepCon ol.step1.st4 > li:nth-child(n+2)::before{position:absolute;top:50%;left:-39px;width:29px;height:18px;content:'';margin-top: -9px;background:url('/images/common/com_img.png') no-repeat -239px -25px;}
}



.stepCon ol.step2 > li::after{position:absolute;top:52px;right:16px;width:11px;height:18px;content:'';background:url('/images/common/com_img.png') no-repeat -316px 0;}
.stepCon ol.step2 > li > div .tit{margin-bottom:9px;padding:15px 10px;min-height:50px;background: #e4e4e4;}
.stepCon ol.step2 > li > div .con{position:relative;padding:15px 10px;min-height:70px;font-weight:normal;background:#fff;border:1px solid #c4c4c4;z-index:2}
.stepCon ol.step2 > li > div .con::before{position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;content:'';background:#fff;border:3px solid #c4c4c4;border-radius:50%}
.stepCon ol.step2 > li:first-child div .tit{color:#fff;background: #383a4a;}
.stepCon ol.step2 > li:first-child > div .con{border: 1px solid #383a4a;}
.stepCon ol.step2 > li:first-child > div .con::before{border: 3px solid #383a4a;}
.stepCon ol.step2 > li:last-child div .tit{color:#fff;background: #07998d;}
.stepCon ol.step2 > li:last-child > div .con{color: #037b71;border: 1px solid #07998d;}
.stepCon ol.step2 > li:last-child > div .con::before{border: 3px solid #07998d;}



/* 텍스트 탭메뉴 유형01 - 최대 7칸 */
.tabTxt01{margin-bottom:15px}
.tabTxt01 ul:after{display:block;clear:both;content:''}
.tabTxt01 ul li{position:relative;float:left;margin:-1px 0 0 -1px}
.tabTxt01 ul li:hover{}
.tabTxt01 ul li a{position:relative;display:block;padding:18px 45px 0 20px;height:60px;font-size:16px;border:1px solid #dadada;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: all 0.3s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
    -o-transition: all 0.2s; /* Opera */}
.tabTxt01 li a::after{position:absolute;top:20px;right:20px;width:22px;height:22px;content:'';background:url(/images/common/com_img.png) no-repeat -102px -24px;border:1px solid #b2b2b2}
.tabTxt01 ul li a:focus, .tabTxt01 li a:hover{background:#f7f7f7}
.tabTxt01 ul li a.on,.tabTxt01 li a.on:hover,.tabTxt01 li a.on:focus{color:#fff;font-weight:bold;background:#4b68ba;box-shadow: 3px 3px 10px rgba(133,137,184,0.35)}
.tabTxt01 ul li a.on::after{background-position:-80px -24px;border:1px solid #cce3f7}

ul.li2 > li,ol.li2 > li{width:50%}/* 2칸 */
ul.li3 > li,ol.li3 > li{width:33.3%}/* 3칸 */
ul.li4 > li,ol.li4 > li{width:25%}/* 4칸 */
ul.li5 > li,ol.li5 > li{width:20%}/* 5칸 */
ul.li6 > li,ol.li6 > li{width:16.6%}/* 6칸 */
ul.li7 > li,ol.li7 > li{width:14.2%}/* 7칸 */
ul.li8 > li,ol.li8 > li{width:12.5%}/* 7칸 */
ul.li9 > li,ol.li9 > li{width:11.2%}/* 7칸 */

.fli::after{display:block;clear:both;content:''}
.fli li{float:left}

/* 텍스트 탭메뉴 유형03 */
.tabTxt02{margin:15px 0;width:100%;text-align:right;}
.tabTxt02:after{display:block;clear:both;content:''}
.tabTxt02 li{display:inline-block;margin-left:-4px;vertical-align:top}
.tabTxt02 li a{display:block;color:#555;height: 57px;line-height:57px;text-decoration:none;background:#f6f6f6;border-top:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom: 1px solid #a0a0a0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;padding: 0 20px}
.tabTxt02 li a.on{position:relative;color:#333;font-weight:bold;background:#fff;border-top:2px solid #3e4452;border-bottom:0;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0}


/* 이미지 탭 */
.tab_img{height:100%;overflow:hidden}
.tab_img li{float:left;margin:10px 0;width:50%;line-height:18px;text-align:center}
.tab_img li p{text-align:center}
.tab_img.li_3 li{width:33% !important}
.tab_img.li_1 li{width:100% !important}

/* 테이블공통 */
.tbl_txt{margin-bottom:5px;font-size:14px;text-align:right}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_center tbody td,
.th_center tbody th{text-align:center}
.td_left2 tbody th+td,.td_left2 tbody tr td:first-child{text-align:left}/* th 다음에 오는 td만 왼쪽정렬 */
.td_left2 tbody td[rowspan]+td{text-align:left}
.td_left3 tbody tr td:first-child + td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-spacing:0;border-top:2px solid #383a4a;border-left:0;border-right:0;border-bottom:1px solid #d5d5d5;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:10px 0;color:#333;line-height:18px;background:#f8f8f8;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5}
.t_typel thead th:first-child{border-left:0}
.t_typel thead tr th.fnone{border-left:0 !important}
.t_typel thead th[colspan]{border-bottom:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel thead th[rowspan]{border-right:1px solid #a5a5a5}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel thead th[rowspan]:last-child{border-right:0}
.t_typel thead th.none{border-bottom:1px solid #a5a5a5}/* th가 한줄일때 class추가 */
.t_typel tbody th{padding:10px;font-weight:bold;background:#fafafa;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #d5d5d5}
.t_typel tbody td{padding:10px;background:#fff;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #d5d5d5}
.t_typel tfoot th{padding:10px 5px;background:#fafafa;border-right:1px solid #d5d5d5}
.t_typel tfoot td{padding:10px 5px;border-left:1px solid #d5d5d5}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #d5d5d5}
.t_typel thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #d5d5d5}
.t_typel tr.h_line th{border-left:1px solid #d5d5d5}
.t_typel tr.h_line th:first-child{border-left:0}
.t_typel tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}
.thead_bg thead th{background:#fafafa}


.td_center_1 tbody tr td:nth-child(1){text-align:center !important}
.td_center_2 tbody tr td:nth-child(2){text-align:center !important}
.td_center_3 tbody tr td:nth-child(3){text-align:center !important}
.td_center_4 tbody tr td:nth-child(4){text-align:center !important}
.td_center_5 tbody tr td:nth-child(5){text-align:center !important}

.td_left_1 tbody tr td:nth-child(1){text-align:left !important}
.td_left_2 tbody tr td:nth-child(2){text-align:left !important}
.td_left_3 tbody tr td:nth-child(3){text-align:left !important}
.td_left_4 tbody tr td:nth-child(4){text-align:left !important}
.td_left_5 tbody tr td:nth-child(5){text-align:left !important}



/* 하단 버튼박스 */
.btn_box_bottom{text-align: center;margin-top: 30px}
@media all and (max-width: 640px){
    .btn_box_bottom > .btnBs{width: 80%;max-width:330px;margin-bottom: 5px}
}

a.blank{position:relative;padding-right:18px;color:#0071d9}
a.blank::after{position:absolute;top:50%;right:0;margin-top:-6px;width:13px;height:13px;content:'';background:url(/images/common/com_img.png) no-repeat -401px -31px}

.img_left{float:left;margin:0 20px 20px 0}
.img_right{float:right;margin:0 0 20px 20px}

/* iframe 스크롤숨기기 */
.ifrmScrol{overflow:hidden;width:100%}
.ifrmScrol iframe{display:block;margin:0 auto;width:102.5%}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.5);border-radius:50%}
.mblink a::after{position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;width:14px;height:16px;content:'';background:url(/images/common/com_img.png) no-repeat -614px -28px;opacity:0.8}




@media all and (max-width:600px){
    /* 모바일 테이블 가로스크롤 */
    .mb_scroll{position:relative}
    .mb_scroll .tbBox{position:relative;padding-top:30px;width:100%;overflow:auto}
    .mb_scroll table{width:640px}
    .mb_scroll::before{position:absolute;top:0;left:50%;content:'좌우로 스크롤을 움직이면 내용을 볼 수 있습니다';font-size:13px;display: inline-block;padding: 2px 0 2px 82px;background: url(/images/common/mb_scroll.png)left center no-repeat;transform: translateX(-50%);-ms-transform: translateX(-50%);white-space: nowrap;}
}
@media all and (max-width:640px){
    .mblink a{display:block}
}



/* PC Device */
@media all and (min-width:640px){
    .mb_tab .selet_txt{display:none}
    .mb_tab ul{display:block !important}
}
/* Tablet Device */

@media all and (max-width:1024px){
    .ggNuri{height: auto; min-height: 54px; line-height: 1.4}

    #change .ch_check{padding:15px 10px 10px 10px}
    #change .ch_check dt{position:relative;top:0;left:0;padding-left: 50px;}
    #change .ch_check dd.ch_list{position:relative;top:0;left:0;margin-bottom:10px;padding-left: 45px;}
    #change .ch_check dt::before{left: 0;}
    #change .ch_check dd.wri_bx{padding:0;border-left:0}
}

@media all and (max-width:979px){

    .ifrmScrol iframe{width:103%}

}
/* Mobile Device */
@media all and (max-width:768px){

    .guideTxt{padding: 20px;min-height: auto}
    .guideTxt .ic{display: none}

    #change .page_infor .mod_data{position: relative;top: 0;right: 0;padding-left: 27px;}
    #change .page_infor .mod_data::before{left: 3px}
    #change .page_infor ul li{width: 50%;margin-right: 0;margin-bottom: 10px}


    ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
    ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:33.33%}


}
/* Mobile Device */
@media all and (max-width:640px){
    h1.title{margin-bottom:30px;padding-bottom:15px;font-size:26px}

    .ifrmScrol iframe{width:104%}

    .sq_box .btn_box{margin-top: 15px}

    /* 탭 셀렉트 변환 */
    .mb_tab{border:0}
    .mb_tab ul li{width:100%}
    .mb_tab ul.li4 li{width:100%}
    .mb_tab ul.li4 li a{margin:0 5px}
    .mb_tab{position:relative;padding:0}
    .mb_tab .selet_txt{position:relative;display:block;width:100%;height:41px;color:#333;font-weight:bold;text-decoration:none;background:#f1f5fc;border:1px solid #dadee6}
    .mb_tab .selet_txt::after{position:absolute;top:50%;right:10px;margin-top:-4px;width:22px;height:12px;content:'';background:url(/images/common/com_img.png) no-repeat -239px 0}
    .mb_tab .selet_txt.on{color:#3977c3}
    .mb_tab .selet_txt.on::after{background-position:-274px 0;opacity:0.4}
    .mb_tab ul{display:none;position:absolute;top:40px;left:0;padding:5px 0 4px 0;width:100%;background:#fff;border:1px solid #dadee6;z-index:100}
    .mb_tab ul li{text-align:left}
    .mb_tab ul li a{display:block;margin:0 2px 0 5px;padding:10px 45px 10px 10px;height:auto;text-decoration:none;background:#fff }
    .mb_tab li a::after{top:10px;right:10px}


    ul.li3 li,ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
    ol.li3 li,ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:50%}

    #change{margin-top: 50px;}
    #change .page_infor ul li{width: 100%;}
    #change .page_infor ul li:last-child{margin-bottom: 0;}

    .ggNuri{
        background-position: left top;
        padding-top: 64px; padding-left: 0 !important;
    }

}

/* Mobile Device */
@media all and (max-width:450px){

    ul.li2 li,ul.li3 li,ul.li4 li,ul.li5 li,ul.li6 li,ul.li7 li,
    ol.li2 li,ol.li3 li,ol.li4 li,ol.li5 li,ol.li6 li,ol.li7 li{width:100%}

    .sitemap_con > li{margin:0 0 20px;padding:0 10px;width:100%}
    .sitemap_con a{display:block}
}