/* 서브컨텐츠 제작용 CSS */
#wrap {margin: 0 auto;} 

/* common form */
::placeholder,
::-webkit-input-placeholder,
::-ms-input-placeholder {color: #333; font-weight: 400;}

label {vertical-align:middle; margin-right:0.5rem;}
label input {margin-right:0.25rem; vertical-align:middle;}
input.w100 {width:100%;}
input.w80 {width:80%;}
input.w60 {width:60%;}
input.w50 {width:50%;}
input.w40 {width:40%;}
input.w30 {width:30%;}
input.w20 {width:20%;}
input.mx-w5 {width:100%; max-width:5rem;}
input.mx-w10 {width:100%; max-width:10rem;}
input.mx-w20 {width:100%; max-width:20rem;}
input.mx-w30 {width:100%; max-width:30rem;}
input.mx-w40 {width:100%; max-width:40rem;}

/* 들여쓰기 */
.indent01 {margin-left: 1rem;}

/* 타이틀(공통) */
[class^='tit']:not(.title_area) {margin-bottom: 1rem; line-height: 1.3; font-weight: 700;}

/* 타이틀(텍스트 타입) */
.tit1 {padding-left: 1.25rem; font-size: 1.1rem; color: #000; background: url('/common/images/con_com/bu_tit1.png') no-repeat left 0.25rem;}
.tit2 {position: relative; padding-left: 0.75rem; font-size: 0.9rem; color: #353d48;}
.tit2:after {position: absolute; top: 0.15rem; left: 0; width: 4px; height: 0.9rem; background: #ffc602; border-radius: 4px; content: "";}
.tit3 {font-size: 0.9rem; color: #444;}
* ~ .tit1 {margin-top: 2.5rem;}
* ~ .tit2 {margin-top: 1rem;}
* ~ .tit3 {margin-top: 1rem;}
[class^="box_st"] * ~ .tit1 {margin-top: 0;}

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .list_st1 > li, .list_st2 > li, .list_st3 > li {position: relative; font-size: 0.75rem; color: #666;}
* ~ [class^="bu_st"],
* ~ [class^="list_"],
[class^="list_"] [class^="list_"],
.list_st1 > li + li, .list_st2 > li + li, .list_st3 > li + li {margin-top: 0.5rem;}
.bu_st1:before, .list_st1 > li:before {content: ''; position: absolute; top: 0.45rem; left: 0; width: 5px; height: 5px; background: #1f9b4b; border-radius: 50%;}
.bu_st2:before, .list_st2 > li:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 8px; height: 2px; background: #969696; border-radius: 2px;}
.bu_st3:before, .list_st3 > li:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 3px; height: 3px; background: #1f9b4b;}
.bu_st1, 
.list_st1 > li {padding-left: 0.65rem; font-size: 0.8rem; color: #444;}
.bu_st2,
.list_st2 > li {padding-left: 0.8rem;}
.bu_st3,
.list_st3 > li {padding-left: 0.55rem;}

/* 리스트 :블릿 타입 */
li.bu_none:before {display: none !important;}

/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li {margin-top: 0.5rem; line-height: 1.5;}
.list_ol1 > li > span.num {margin-right: 0.25rem; display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; font-weight: 600; color: #fff; background: #1f9b4b; border-radius: 50%;} 

/* 리스트 :가로 나열 */
ul[class*='li_w'], ol[class*='li_w'] {overflow: hidden;}
.li_w50 > li {width: 50%; float: left;}
.li_w30 > li {width: 33%; float: left;}
.li_w25 > li {width: 25%; float: left;}
.li_w20 > li {width: 20%; float: left;}

/* 텍스트 요소 :폰트컬러 타입 */
.pc_gray {color: #444 !important;}
.pc_black {color: #000 !important;}
.pc_blue {color: #0f56a4 !important;}
.pc_sky {color: #259bff !important;}
.pc_red {color: #cb2532 !important;}
.pc_navy {color: #0b41a0 !important;}
.pc_org {color: #d05c16 !important;}
.pc_green {color: #00920a !important;}
.pc_yellow {color: #eb8809 !important;}

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_sky, .bg_org, .bg_black, .bg_green, .bg_yellow {padding: 1px 0.5rem !important; color: #fff !important; display: inline-block;}
.bg_gray {background: #444 !important;}
.bg_black {background: #000 !important;}
.bg_blue {background: #0f56a4 !important;}
.bg_sky {background: #259bff !important;}
.bg_red {background: #cb2532 !important;}
.bg_navy {background: #0b41a0 !important;}
.bg_org {background: #d05c16 !important;}
.bg_green {background: #1f9b4b !important;}
.bg_yellow {background: #eb8809 !important;}

/* 텍스트 요소 :강조 타입 */
.Tline_b {text-decoration: underline !important;}
.f_weightB {font-weight: bold;}
.font_Fr {font-weight: 400 !important;}
.font_Fm {font-weight: 600 !important;}
.font_Fb {font-weight: 700 !important;}

/* 텍스트 요소 :폰트 크기 */
.fs12 {font-size: 0.6rem !important;}
.fs13 {font-size: 0.65rem !important;}
.fs14 {font-size: 0.7rem !important;}
.fs16 {font-size: 0.8rem !important;}
.fs18 {font-size: 0.9rem !important;}
.fs20 {font-size: 1rem !important;}
.fs22 {font-size: 1.1rem !important;}
.fs24 {font-size: 1.2rem !important;}
.fs26 {font-size: 1.3rem !important;}

/* 텍스트 요소 :링크 타입 */
a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down {position: relative; display: inline-block; word-break: break-all; text-decoration: underline;} 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.25rem;}
a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before {display: inline-block; font-size: 0.75rem; font-family: 'xeicon'; padding-right: 0.15rem; color: #064e9f;}
a.bu_link {color:#064e9f;}
a.bu_link:after {background:#064e9f;}
a.bu_link:before {content:"\e980";}
a.bu_mail {color:#064e9f;}
a.bu_mail:after {background:#064e9f;}
a.bu_mail:before {content:"\ea07";}
a.bu_down {color:#064e9f;}
a.bu_down:after {background:#064e9f;}
a.bu_down:before {content:"\eb7c";}
a.bu_tel {color:#064e9f;}
a.bu_tel:after {background:#064e9f;}
a.bu_tel:before {content:"\e9d3";}

/* 텍스트 요소 :주의&경고&말풍선 타입 */
div + .bu_atte, div + .bu_wnrn, div + .bu_ment, 
table + .bu_atte, table + .bu_wnrn, table + .bu_ment, 
ul + .bu_atte, ul + .bu_wnrn, ul + .bu_ment {margin-top:1rem;}
.bu_atte {position: relative; margin-top: 0.25rem; padding-left: 1.1rem; font-size: 0.8rem; color: #333;}
.bu_atte:before {content: "※"; position: absolute; left: 0; top: 0; display: block;}
.bu_wnrn {position:relative; margin-top: 0.25rem; padding-left: 1rem;} 
.bu_wnrn:before {content: "\e9a7"; position: absolute; left: 0; top: 0.15rem; display: block; font-family: 'xeicon'; color: #ff9c00;}
.bu_ment {position:relative; margin-top: 0.25rem; padding-left: 1.25rem;}
.bu_ment:before {content: "\ea1c"; position: absolute; left: 0; top: 0.15rem; display: block; font-family: 'xeicon'; color: #ff9c00;}

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st'] {position:relative; width:100%; background:#fff; overflow:hidden;}
div[class*='tbl_st'] > table {position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #000;  -webkit-overflow-scrolling:touch; word-break:keep-all; /* word-break:break-all; 강제 줄바꿈 */ }
div[class*='tbl_st'] > table th {padding:0.5rem; color:#000; font-size: 0.9rem; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #b9bec7; border-left:1px solid #b9bec7; background:#f6f6f6;}
div[class*='tbl_st'] > table td {padding:0.5rem; line-height:1.5; color:#333; border-bottom:1px solid #b9bec7; border-left:1px solid #b9bec7; font-size: 0.8rem; vertical-align: middle;}
div[class*='tbl_st'] > table tbody tr:last-child th,
div[class*='tbl_st'] > table tbody tr:last-child td {border-bottom: 1px solid #bcbabb;}
div[class*='tbl_st'] > table thead th {background:#f6f6f6; padding:1rem 0.5rem; border-bottom:1px solid #b9bec7;}
div[class*='tbl_st'] > table tbody th {background:#f6f6f6; font-size: 0.9rem; color: #000;}
div[class*='tbl_st'] > table tfoot th {background:#f6f6f6; font-size: 0.9rem; color: #000;}

* ~ div[class*='tbl_st'] {margin-top:0.25rem;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_wide {overflow: auto;}

/* 테이블 :테이블2 라인 타입 */
.tbl_st2 > table{margin-left:0 !important; border-right:1px solid #b9bec7;}

/* 테이블 - form */
table select, table input {height:1.7rem; line-height:1.7rem; border:1px solid #b9bec7; padding:0 .5rem; color:#666; font-size: 0.75rem; border-radius: 0.2rem;}
table [class^='btn_'] {padding: 0.35rem 1rem; font-size:0.75rem; border-width: 1px;}
table [class^='btn_'].btn_ico i {padding-left: 1rem;}

table .list_st3 > li, 
table .list_st4 > li {color:#333;}

/* 테이블 - 기타 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:0.75rem;}

/* 유틸 */
/* td 정렬사용 */
.tb_txtL td {text-align:left;}
.tb_txtC td {text-align:center;}
.tb_txtR td {text-align:right;}

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th {color:#111; background-color:#e5eef6 !important;}/* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {color:#111; background-color:#fff4e6 !important;}/* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {color:#111; background-color:#ffe1e1 !important;}/* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {color:#111; background-color:#eefff7 !important;}/* 그린 */
.tbl_bg_org, .tbl_bg_org th {color:#111; background-color:#ffe0d2 !important;}/* 오렌지 */
.tbl_l {border:2px solid #333 !important;}
.tbl_L_t {border-top:2px solid #333 !important;}
.tbl_L_b {border-bottom:2px solid #333 !important;}
.tbl_L_l {border-left:2px solid #333 !important;}
.tbl_Lbl {border:2px solid #014d9b !important;}
.tbl_Lbl_t {border-top:2px solid #014d9b !important;}
.tbl_Lbl_b {border-bottom:2px solid #014d9b !important;}
.tbl_Lbl_l {border-left:2px solid #014d9b !important;}
.tbl_Lre {border:2px solid #ff6363 !important;}
.tbl_Lre_t {border-top:2px solid #ff6363 !important;}
.tbl_Lre_b {border-bottom:2px solid #ff6363 !important;}
.tbl_Lre_l {border-left:2px solid #ff6363 !important;}
.tbl_Lgr {border:2px solid #099e5e !important;}
.tbl_Lgr_t {border-top:2px solid #099e5e !important;}
.tbl_Lgr_b {border-bottom:2px solid #099e5e !important;}
.tbl_Lgr_l {border-left:2px solid #099e5e !important;}
.tbl_Lye {border:2px solid #f9ba00 !important;}
.tbl_Lye_t {border-top:2px solid #f9ba00 !important;}
.tbl_Lye_b {border-bottom:2px solid #f9ba00 !important;}
.tbl_Lye_l {border-left:2px solid #f9ba00 !important;}

/* 선 없음 :테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none {border-top:none !important;}
.tbl_LB_none {border-bottom:none !important;}
.tbl_LL_none {border-left:none !important;}
.tbl_LR_none {border-right:none !important;}

/* 기본 텍스트 */
.txt_p {margin-top:.25rem; color:#333; font-weight:400; font-size:.75rem;}

/* 박스 : 기본 박스 */
[class^="box_st"] {padding: 1.75rem 2rem; line-height: 1.6; border-bottom-right-radius: 1.25rem;}
.box_st1 {background: #fff; border: 1px solid #d6d6d6; box-shadow: 6px 6px 4px rgba(157,143,143,0.1);}
.box_st2 {background: #f5f5f5; border: 1px solid #ccc; box-shadow: 6px 6px 4px rgba(157,143,143,0.1);}
[class^="box_st"] .box_tit {margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 700; color: #222;}
[class^="box_st"] *:not(.ico) ~ .box_tit {margin-top: 1rem;}
/* 박스 : 아이콘 박스 */
[class^="box_st"].box_ico {position: relative; box-shadow: none;}
[class^="box_st"].box_ico:before {position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: 2px; background: #1f9b4b; content: "";}
[class^="box_st"].box_ico:after {position: absolute; top: -1px; left: -1px; width: 2px; height: 50%; background: #1f9b4b; content: "";}
[class^="box_st"].box_ico .inner {position: relative; padding-left: 9rem; min-height: 6.5rem; background: #fff;} 
[class^="box_st"].box_ico .ico {position: absolute; top: 0; left: 0; display: block; width: 6.5rem; height: 6.5rem; line-height: 6.5rem; text-align: center;}
[class^="box_st"].box_ico .ico img {max-width: 100%; vertical-align: middle;}
/* 박스 : 이미지 박스 */
[class^="box_st"].box_img {position: relative;}
[class^="box_st"].box_img .inner {display: flex;} 
[class^="box_st"].box_img .img {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 12.5rem; height: 8.25rem; background: #ebebeb; border-radius: 1rem 1rem 0 1rem; overflow: hidden;}
[class^="box_st"].box_img .img.ver {position: relative; padding: 1.5rem; max-width: 9rem; height: 11.25rem;}
[class^="box_st"].box_img .img.ver:before {position: absolute; width: calc(100% - 3rem); height: calc(100% - 3rem); background: #fff; border-radius: 1rem; content: "";}
[class^="box_st"].box_img .img img {position: relative; max-width: 100%; max-height: 100%;}
[class^="box_st"].box_img .con {padding-left: 2rem;}
* ~ [class^="box_st"] {margin-top: 1.5rem;}
[class^="tit"] ~ [class^="box_st"] {margin-top: 1rem;}

/* 기본 박스 : 검색 */
[class^="box_st"] .search_wrap {overflow:hidden;}
[class^="box_st"] .search_wrap  input {float:left; width:calc(100% - 110px); height:45px; padding:0 .5rem; border:1px solid #e7e7e7;  border-radius:0;}
[class^="box_st"] .search_wrap  .btn_style3 {float:left; width:100px;  margin:0 0 0 10px; padding:0; text-align:center; line-height:45px;}

/* 탭 :공통 */
div[class^="tab_st"] {position: relative; font-weight: 600; margin-bottom: 1.5rem;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a {position: relative; display: block; line-height: 1rem;}
div[class^="tab_st"] a[target='_blank']:before {content: "\e980";}
div[class^="tab_st"] a,
div[class^="tab_st"] ::before {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 탭 :1차 탭 */
.tab_st1 ul {display: flex; width: calc(100% + 0.5rem); margin-left: -0.25rem; overflow: hidden;}
.tab_st1 li {padding: 0 0.25rem; width: 100%; flex: 1;}
.tab_st1 li a,
.tab_st1 > .select {display: flex; height: 2.5rem; align-items: center; padding: 0.5rem 1.5rem 0.5rem 0.75rem; font-size: 0.85rem; color: #222; background: #fff; border: 1px solid #e1e1e1; border-radius: 0.5rem;}
.tab_st1 li a:before {position: absolute; top: 0.75rem; right: 1rem; font-family: 'xeicon'; font-size: 1rem; color: #090909; content: "\e936";}
.tab_st1 li.on a,
.tab_st1 > .select {font-weight: 700; color: #fff; background: #1f9b4b; border-color: #1f9b4b; border-bottom-left-radius: 0;}
.tab_st1 li.on a:before {color: #fff; content: "\e930";}
.tab_st1 li:not(.on) a:focus,
.tab_st1 li:not(.on) a:hover {color: #1f9b4b; border-color: #1f9b4b;}

/* 탭 :2차 탭 */
.tab_st2 {padding-bottom: 1px solid #eee;}
.tab_st2 ul {display: flex; margin-left: -0.25rem; width: calc(100% + 0.5rem); overflow: hidden;}
.tab_st2 li {flex: 1; padding: 0 0.25rem; width: 100%;}
.tab_st2 li a,
.tab_st2 > .select {display: flex; align-items: center; padding: 0.5rem 1rem 0.5rem 0.3rem; height: 2.5rem; color: #666; background: #fff; border-bottom: 2px solid #ccc;}
.tab_st2 li a:before,
.tab_st2 > .select:before{position: absolute; right: 0.25rem; top: 1.2rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #ccc; content:"";}
.tab_st2 li.on a,
.tab_st2 > .select {color: #1f9b4b; font-weight: 700; border-color: #1f9b4b;}
.tab_st2 li.on a:before,
.tab_st2 > .select:before {background: #1f9b4b;}
.tab_st2 li:not(.on) a:hover,
.tab_st2 li:not(.on) a:focus {color: #1f9b4b; border-color: #1f9b4b;}
.tab_st2 li:not(.on) a:hover:before,
.tab_st2 li:not(.on) a:focus:before {background: #1f9b4b;}

/* 탭 :리스트 */
.tab_list {padding: 1rem; border: 1px solid #e1e1e1; border-radius: 0.75rem; overflow: hidden;}
.tab_list li {display: inline-block; padding: 0.25rem 1rem;}
.tab_list li a {position: relative; display: block; padding-left: 1.25rem; color: #444; -webkit-transition: all .3s ease; transition: all .3s ease;}
.tab_list li a:before {position: absolute; top: 0.15rem; left: 0; font-family: 'xeicon'; font-size: 1rem; color: #b6b6b6; content: "\e929"; -webkit-transition: all .3s; transition: all .3s;}
.tab_list li a:hover, .tab_list li a:focus,
.tab_list li a:hover:before, .tab_list li a:focus:before {color: #1f9b4b;}
.tab_list li.on a,
.tab_list li#current a {font-weight: 700; color: #1f9b4b;}
.tab_list li.on a:before,
.tab_list li#current a:before {font-weight: normal; color: #1f9b4b;}

/* 탭 :개수 지정 */
[class*="Tab_w"] ul{display: flex; flex-wrap: wrap;}
[class*="Tab_w"] ul li{flex: initial;}
div[class^="tab_st"].Tab_w50 li {width: calc(100% / 2);}
div[class^="tab_st"].Tab_w30 li {width: calc(100% / 3);}
div[class^="tab_st"].Tab_w20 li {width: calc(100% / 5);}
.Tab_w50 li {width: calc(100% / 2);}
.Tab_w30 li {width: calc(100% / 3);}
.Tab_w20 li {width: calc(100% / 5);}

/* 탭 : 반응형 */
.reactTab {display:block;}
.reactTab a.selectTab {display:none;}

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns {margin:1rem 0 2rem;}

/* 버튼 :기본 */
[class^="btn_"] {display: inline-block; margin: 0.15rem; padding: 0.75rem 1.5rem; vertical-align: middle; line-height: 1rem; text-align: center; font-weight: 600; font-size: 0.9rem; color: #fff; border: 2px solid; border-radius: 0.5rem; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.btn_green {background: #1f9b4b; border-color:#1f9b4b;}
.btn_yell {color: #222; background: #ffc602; border-color: #ffc602;}  
.btn_gray {color: #222; background: #d4d4d4; border-color: #d4d4d4;} 
.btn_blue {background: #006fba; border-color:#006fba;}
.btn_org {background: #f47521; border-color: #f47521;}  
.btn_black {background: #000; border-color: #000;}
[class^="btn_"]:hover, [class^="btn_"]:focus {background: #fff;}
.btn_green:hover, .btn_green:focus {color: #1f9b4b;} 
.btn_yell:hover, .btn_yell:focus {} 
.btn_gray:hover, .btn_gray:focus {}
.btn_blue:hover, .btn_blue:focus {color: #006fba;} 
.btn_org:hover, .btn_org:focus {color: #f47521;} 
.btn_black:hover, .btn_black:focus {color: #000;} 

.btn_ico {position:relative; text-align:left;}
.btn_ico i {font-size:0.8rem; line-height:1rem; padding-left:2.3rem; vertical-align:top;}

/* 버튼 : 작은버튼 */
[class^="btn_"].mini {padding:.5rem 0.9rem; font-size: 0.8rem; font-weight:400; border-width: 1px;}

/* 버튼 : 아이콘만 */
[class^="btn_"].ico i{padding-left:0;}

/* 버튼 : 여백 */
div + [class^="btn_"],
table + [class^="btn_"],
ul + [class^="btn_"],
p + [class^="btn_"],
br + [class^="btn_"] {margin-top:0.5rem;}
/* 이미지 사이즈 :확대보기 */
.rsp_img {position:relative; width:auto; line-height:0; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url("../images/con_com/ico_rsp_img.png") no-repeat; text-indent:-9999em; overflow:hidden;}

/* 콘텐츠 준비중 */
.Coming_soon {padding: 20px 20px 50px; text-align:center; overflow: hidden;}
.Coming_soon img {max-width: 100%;}
.Coming_soon p {margin: 20px 0; line-height: 1.5; color: #333;}

/* 라인 */
.line_dot {margin-bottom:1rem; padding-top:1rem; border-bottom:2px dotted #d2d2d2;}
.line_dot_b {border-bottom:2px dotted #d2d2d2;}

/* display */
.disIb {display:inline-block !important;}

/* input select px */
.InpSel_50 {width:50px !important;}
.InpSel_80 {width:80px !important;}
.InpSel_100 {width:100px !important;}
.InpSel_150 {width:150px !important;}
.InpSel_200 {width:200px !important;}
.InpSel_250 {width:250px !important;}
.InpSel_300 {width:300px !important;}
.InpSel_350 {width:350px !important;}
.InpSel_400 {width:400px !important;}
.InpSel_450 {width:450px !important;}
.InpSel_500 {width:500px !important;}

/* input select  % */
.InpSel_w10 {width:10% !important;}
.InpSel_w20 {width:20% !important;}
.InpSel_w30 {width:30% !important;}
.InpSel_w40 {width:40% !important;}
.InpSel_w50 {width:50% !important;}
.InpSel_w60 {width:60% !important;}
.InpSel_w70 {width:70% !important;}
.InpSel_w80 {width:80% !important;}
.InpSel_w90 {width:90% !important;}
.InpSel_w100 {width:100% !important;}

/* 패딩 */
.pd0 {padding:0 !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0 {margin:0 !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt5n {margin-top:-5px !important;}
.mgt10n {margin-top:-10px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/* 사이트맵 */
.cont_sitemap .cont_sitemap_row{margin-top:1rem; margin-left:-.75rem; margin-right:-.75rem;}
.cont_sitemap .cont_sitemap_row:first-child{margin-top:0;}
.cont_sitemap .cont_sitemap_row::after{content:''; display:block; clear:both;}
.cont_sitemap .cont_sitemap_col{float:left; width:calc(33.3% - 30px); margin:0 .75rem;}
.cont_sitemap .cont_sitemap_col:nth-child(4n) {clear:both;} /* 1215 추가 */
.cont_sitemap .cont_sitemap_col2{width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div{float:left; width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div:last-child{margin-left:30px;}
.cont_sitemap h4{position:relative; border-bottom:3px solid #2c61a2; text-align:center; padding:.75rem .25rem;}
.cont_sitemap h4:before{position:absolute;bottom:-3px;left:0;width:4.2rem;height:3px;background:url(../images/con_com2/siteMap_tit_bul.png)no-repeat center/100% 100%;content:"";}
.cont_sitemap h4 a{font-size:.9rem; color:#2c61a2;}
.cont_sitemap_col a{display:inline-block;}
.cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative; background:#f7f7f7;} /* 1215 수정 */
/* .cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative;} */
.cont_sitemap_col ul{border-bottom:1px solid #ccc;}
.cont_sitemap_col ul > li:first-child{border-top:0;}
.cont_sitemap_col ul > li > a{position:relative;display:block; padding:.75rem; color:#333; font-size:.75rem; font-weight:600; background:#fff;}/* 1215 수정 */
/* .cont_sitemap_col ul > li > a{position:relative;display:block; padding:.75rem; color:#333; font-size:.75rem; font-weight:600;} */
.cont_sitemap_col > ul > li > a:before{position:absolute;top:.95rem;left:0;width:.3rem;height:.75rem;background:url(../images/con_com2/siteMap_menu_bul.png)no-repeat center/cover;content:"";}
.cont_sitemap_col ul > li > p {position:relative;margin-left:1rem;padding: .15rem 0 .15rem .5rem;color: #333;font-size: .7rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p:first-of-type {margin-top:.75rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p:last-of-type {padding-bottom:.75rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p > a{position:relative;display:block;}
.cont_sitemap_col ul > li > p > a:before{position:absolute;top: .45rem;left: -.5rem;width:4px;height:4px;background:#333;border-radius:50%;content:"";}
.cont_sitemap_col ul ul{margin:0 0 1rem 1rem; padding:.75rem; border:0; background:#f2f2f2;}
.cont_sitemap_col ul ul li{margin-top:5px; border:0;}
.cont_sitemap_col ul ul li:first-child{margin-top:0;}
.cont_sitemap_col ul ul a{padding:.15rem 0 .15rem .5rem; color:#555; font-size:.7rem; position:relative; display:inline-block; line-height:1.2; font-weight:normal; margin-right:auto;}
.cont_sitemap_col ul ul a::after{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#555; border-radius:50%;}
/* 5차메뉴추가 START */
.cont_sitemap_col ul ul ul{background:#f5f5f5; margin:5px 0; padding:10px; overflow:hidden;}
.cont_sitemap_col ul ul ul a{font-size:13px; color:#555;}
.cont_sitemap_col ul ul ul a::after{width:4px; height:1px; top:5px;}
.cont_sitemap_col ul ul ul a:hover {font-weight:normal; color:#444; text-decoration:underline;}
/* 5차메뉴추가 END */
.cont_sitemap_col .mgnavi_depth_open,
.cont_sitemap_col .mgnavi_depth_close{display:block; border:1px solid #bababa; background:#fff; font-size:0; width:17px; height:17px; cursor:pointer; position:relative; position:absolute; right:0; top:12px;}
.cont_sitemap_col .mgnavi_depth_close{display:none;}
.cont_sitemap_col .mgnavi_depth_open::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px;}
.cont_sitemap_col .mgnavi_depth_open::before{content:''; width:1px; height:8px; background:#000; position:absolute; left:8px; top:5px}
.cont_sitemap_col .mgnavi_depth_close::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px;}
.cont_sitemap_col .active .mgnavi_depth_open{display:none;}
.cont_sitemap_col .active .mgnavi_depth_close{display:block;}
.cont_sitemap_col .active ul{display:block;}
.cont_sitemap_col .link{padding-left:25px;  background:url("/images/com/con_com/btn_linkG_SML.png") no-repeat 7px center;}

/* 처리단계 */
.step .lst {display: flex; text-align: center;}
.step .lst > li {position: relative; flex: 1; padding-left: 2.5rem;}
.step .lst > li:before {position: absolute; top: 50%; left: 0; width: 2.5rem; text-align: center; font-family: 'xeicon'; font-size: 1.1rem; color: #999; content: "\e93e"; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.step .lst > li:first-child {padding-left: 0;}
.step .lst > li:first-child:before {display: none;}
.step .lst > li .inbox {display: flex; padding: 1rem 0.5rem; min-height: 3.5rem; height: 100%; align-items: center; justify-content: center; background: #fff; border: 2px solid #1f9b4b; border-radius: 0.5rem;}
.step .lst > li .inbox strong {font-weight: 600; color: #1f9b4b;}
.step .lst > li:last-child .inbox {color: #fff; background: #1f9b4b;}
.step .lst > li:last-child .inbox strong {color: inherit;}

/* 아이콘 리스트 */
.flexBox {margin: 1rem 0;}
.flexBox .lst {display: flex; align-items: center; justify-content: space-around;}

/* 웹 화면 none / 태블릿 모바일 blcok : 이미지맵 사용시 */
.WnTMb {display:none;}
 
@media screen and (max-width:1240px){

	/* 박스 :박스 기본 타입 */
	[class^="box_st"] {padding: 1rem 1.25rem; border-bottom-right-radius: 1rem;}

	/* 탭 :공통 */
	.reactTab[class^="tab_st"] > .select {display: block; height: auto;}
	.reactTab[class^="tab_st"] ul {display: none; text-align: left; margin-bottom: 0;}
	.reactTab[class^="tab_st"] li {display: block; width: 100% !important; margin: 0 !important;}
	.reactTab[class^="tab_st"] li a:before {display: none;}

	/* 탭 :1차 탭 */
	.tab_st1 ul {margin: 0; width: 100%; border: 1px solid #ccc; overflow: hidden;}
	.tab_st1 li {padding: 0;}
	.tab_st1 li + li {border-top: 1px dashed #ddd;}
	.tab_st1 li a {display: block; height: auto; border: 0;}
	.tab_st1 li.on a {color: #444; background: #fff;}
	.tab_st1 li a:before {top: 0.5rem;}
	.tab_st1 > .select {border-bottom-right-radius: 0;}
	.tab_st1 > .select:before {position: absolute; top: 0.5rem; right: 1rem; width: auto; height: auto; font-family: 'xeicon'; color: #fff; background: none; content: "\e942";}

	/* 탭 :2차 탭 */ 
	.tab_st2 ul {margin: 0; width: 100%; border: 1px solid #ccc; overflow: hidden;}
	.tab_st2 li + li {border-top: 1px solid #ddd;}
	.tab_st2 li a {display: block; height: auto; border: 0;}
	.tab_st2 li.on a {color: #444; background: #fff;}
	.tab_st2 > .select:before {position: absolute; top: 0.5rem; right: 1rem; width: auto; height: auto; font-family: 'xeicon'; background: none; content: "\e942";}

	/* 탭 :개수 지정 */
	.Tab_w20 > li {width:25%;}
	/* 리스트 :가로 나열 */
	.li_w20 > li {width:25%;}

	/* 테이블 : 유틸 */
	.tbl_utile {margin-top:0;}

	/* 웹 화면 none / 태블릿 모바일 blcok : 이미지맵 사용시 */
	.WnTMb {display:block;}
}
@media screen and (max-width:1024px){
	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr,
	div[class*='tbl_st'].scroll_wide {width:100%; overflow-x:auto; background-repeat:no-repeat;  background-position:right 5px; background-size:30px 100%; z-index:1;
	background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
	background-image:linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);}
	div[class*='tbl_st'].scroll_gr table,
	div[class*='tbl_st'].scroll_wide table {width:1024px;}

	/* 탭 :개수 지정 */
	.Tab_w20 > li {width:33%;}

	/* 리스트 :가로 나열 */
	.li_w25 > li {width:33%;}
	.li_w20 > li {width:33%;}
}

@media screen and (max-width:860px){
	/* 탭 :개수 지정 */
	.Tab_w30 > li {width:50%;}
	.Tab_w20 > li {width:50%;}

	/* 리스트 :가로 나열 */
	.li_w30 > li {width:50%;}
	.li_w25 > li {width:50%;}
	.li_w20 > li {width:50%;}

	/* 탭 :1차 탭 */
	.tab_st1 > li {width: 100%;}
	.tab_st1 > li a {padding: 0.75rem 1rem 0.75rem 0.5rem;}

	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr table,
	div[class*='tbl_st'].scroll_wide table {width:860px;}
}

@media screen and (max-width:560px){
	/* 탭 :리스트 */
	.tab_list {padding: 1rem 0.5rem; border-radius: 0.5rem;}
	.tab_list li {padding: 0.25rem 0.5rem;}

	/* 박스 : 아이콘박스 */
	[class^="box_st"].box_ico .ico {display: none;}
	[class^="box_st"].box_ico .inner {min-height: 0; padding-left: 0;}
	/* 박스 : 이미지 박스 */
	[class^="box_st"].box_img .inner {flex-direction: column;} 
	[class^="box_st"].box_img .img,
	[class^="box_st"].box_img .img.ver {max-width: 100%;}
	[class^="box_st"].box_img .con {margin-top: 1rem; padding-left: 0;}
}

@media screen and (max-width:480px){
	/* 탭 :개수 지정 */
	.Tab_w50 li {width:100%;}
	.Tab_w30 li {width:100%;}
	.Tab_w20 li {width:100%;}
	/* 리스트 :가로 나열 */
	.li_w50 > li {width:100%;}
	.li_w30 > li {width:100%;}
	.li_w25 > li {width:100%;}
	.li_w20 > li {width:100%;}

	.Coming_soon h3 {font-size:1.3rem;}
}