@charset "utf-8";


/* 타이틀(공통) */
*[class^='tit'] + * { margin-top:0.3rem; }
h3.tit1 + h4.tit2,
h4.tit2 + h5.tit3,
h3.tit2 + h5.tit3{ margin-top:1rem; }

.tit1,
.tit2,
.tit3{ margin-bottom:15px; line-height:1.3; color:#111; font-weight:600; letter-spacing:-1px;}
.tit1 {font-size:1.4rem; padding-left:1.4rem; background:url("/images/web/international/con_com/bu_tit1.png") no-repeat left 0.4rem/1rem auto;}
.tit2 {font-size:1.2rem; }
.tit3 {font-size:1.1rem; color:#245592; }

* + .tit1{margin-top:2.5rem; }
* + .tit2{margin-top:2.25rem; }
* + .tit3{margin-top:2rem; }

/* 블릿 */
p[class^='bu_'],
ul[class^="list_"] > li { position:relative; }
ul[class^="list_"] > li + li { margin-top:6px; }
p[class^='bu_'] + p[class^='bu_']{ margin-top: 6px;}
* + ul[class^="list_"] { margin-top:0.75rem;}
.bu_st1,
.list_st1 > li { padding-left:16px; background:url("/images/web/international/con_com/bu_st1.png") no-repeat left 0.35rem;}
.bu_st2,
.list_st2 > li { padding-left:14px;}
.bu_st2:before,
.list_st2 > li:before{ content:""; position:absolute; left:0; top:13px; width:7px; height:2px; background:#245592; }
.bu_st3,
.list_st3 > li{color:#333; padding-left:12px; font-size: 0.85rem;}
.bu_st3:before,
.list_st3 > li:before {content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#0087E6; border-radius: 50%; }
.bu_st4,
.list_st4 > li{color:#333; padding-left:12px; font-size: 0.85rem;}
.bu_st4:before,
.list_st4 > li:before {content:""; position:absolute; left:0; top:10px; width:6px; height:2px; background:#888; }
li.bu_none:before {display:none;}

/* 리스트 :텍스트 타입 */
.list_stT2 > li { font-size:0.85rem; }

/* 리스트 :가로 나열 */
.li_w50, .li_w30, .li_w25, .li_w20 {overflow:hidden;}
.li_w50 > li {width:45%; float:left;}
.li_w30 > li {width:30%; float:left;}
.li_w25 > li {width:23%; float:left;}
.li_w20 > li {width:18%; float:left;}

/* 리스트 :순차적 리스트 타입 */
ol[class^="list_"] > li + li { margin-top:0.5rem; }
ol[class^="list_"] > li > ol,
ol[class^="list_"] > li > ul { margin-top:.35rem; overflow:hidden; }
.list_ol1, .list_ol2, .list_ol3, .list_ol4 { margin-top:.5rem; }
.list_ol1 > li,
.list_ol2 > li{position:relative; padding-left:1.5rem; }
.list_ol1 > li > span.num,
.list_ol2 > li > span.num {position:absolute; left:0; top:1px; font-size: 0.85rem; font-family:'SCDream'; font-weight:700; }
.list_ol1 > li > span.num {color:#245592; }
.list_ol2 > li > span.num {color:#0087E6; }

.list_ol3 > li,
.list_ol4 > li { position:relative; min-height:25px; padding-left:34px;}
.list_ol3 > li > span.num,
.list_ol4 > li > span.num { position:absolute; left:0; top:0; width:25px; height:25px; line-height:25px; color:#fff; font-size:12px; text-align:center; border:1px solid; font-family:'SCDream'; font-weight:600; border-radius:50%; }
.list_ol3 > li > span.num { border-color:#245592; color: #245592; }
.list_ol4 > li > span.num { border-color:#0087E6; color: #0087E6; }

/* 텍스트 요소 :폰트컬러 타입 */
.pc_blue {color:#155eb6 !important;}
.pc_navy {color:#17335a !important;}
.pc_org {color:#f58220 !important;}
.pc_black {color:#000 !important;}
.pc_green {color:#4db02c !important;}
.pc_mint {color:#00b0a0 !important;}
.pc_red {color:#e33d65 !important;}

/* 텍스트 요소 :텍스트 배경색 */
.bg_blue {padding:2px 5px; color:#fff !important; background:#155eb6 !important;}
.bg_navy {padding:2px 5px; color:#fff !important; background:#17335a !important;}
.bg_org {padding:2px 5px; color:#fff !important; background:#f58220 !important;}
.bg_black {padding:2px 5px; color:#fff !important; background:#000 !important;}
.bg_green {padding:2px 5px; color:#fff !important; background:#4db02c !important;}
.bg_mint {padding:2px 5px; color:#fff !important; background:#00b0a0 !important;}
.bg_red {padding:2px 5px; color:#fff !important; background:#e33d65 !important;}

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

/* 텍스트 요소 :폰트 크기 */
.fs12 {font-size:0.6rem !important;}
.fs13 {font-size:0.65rem !important;}
.fs14 {font-size:0.7rem !important;}
.fs15 {font-size:0.75rem !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_mail,
a.bu_down,
a.bu_tel { position:relative; display:inline-block; padding-right: 20px; margin:0 .25rem; color:#0075C8; }
a.bu_link:before,
a.bu_mail:before,
a.bu_down:before,
a.bu_tel:before { content:""; position:absolute; left:0; bottom:0; width:calc(100% - 20px); height:1px; background:#0075C8; }
a.bu_link::after,
a.bu_mail:after,
a.bu_down:after,
a.bu_tel:after { position:absolute; right:0; top:1px; font-family:'xeicon'; vertical-align: middle; }
a.bu_link:after { content:"\e980"; }
a.bu_mail:after { content:"\ea07"; }
a.bu_down:after { content:"\eb7c"; }
a.bu_tel:after { content:"\e9d3"; }

/* 블릿 :강조 */
* + p[class*='bu_atte']{ margin-top: 10px;}
p[class*='bu_atte']{ position:relative; padding-left: 25px; margin-top: 10px; font-size: 0.85rem;background: none;}
p[class*='bu_atte']:before { display: inline-block; padding-right: 5px; margin-left:-30px; font-size: 22px; color:#0087E6; font-family:'remixicon'; line-height: 1; vertical-align: middle; font-weight: 400 !important;}
.bu_atte{ font-weight: 600; }
.bu_atte:before { content:"\EE58"; }
.bu_atteL:before { content:"\EE59"; }
p[class*='bu_atte_red']:before { color:#DB0D58; }
p[class*='bu_atte_black']:before { color:#111; }

.bu_mentT {margin-bottom:10px; padding:4px 0 4px 40px; font-size:18px; font-weight:500; color:#222; background:url("/images/web/international/con_com/bu_mentT.png") no-repeat left top;}
.bu_mentT2 {margin-bottom:10px; padding:17px 0 0 15px; font-size:18px; font-weight:500; color:#222; background:url("/images/web/international/con_com/bu_mentT2.png") no-repeat left top;}
.bu_ment {padding:16px 0 0 15px; background:url("/images/web/international/con_com/bu_ment.png") no-repeat left top;}

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

/* 테이블 :테이블 기본 타입 */
.tbl_st > table th,
.tbl_st > table td{border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; }

/* 테이블 :세로테이블 */
.tbl_st_row > table th,
.tbl_st_row > table td{border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }

/* 테이블 - 기타 */
.scroll_img, .scroll_gr {position:relative; overflow-x: auto !important;} /* 스크롤 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:14px;} /* 유틸 */

/* 박스 :박스 기본 타입 */
div[class^="box_st"] { position:relative; margin:0.5rem 0; padding:1.8rem 2.25rem; border-radius: 20px; }
div[class^="box_st"] + div[class^="box_st"]{ margin-top: 1rem;}
div[class^="box_st"] > *[class^="tit"]:first-of-type { margin-top:0; }
div[class^="box_st"] .box_tit{ font-weight: 600; font-size: 1.1rem; color:#111; margin-bottom:10px;}
div[class^="box_st"] *:not(.ico) + .box_tit{ margin-top:30px;}
div[class^="box_st"].box_ico { min-height:7.2rem; padding-left:8rem; }
div[class^="box_st"].box_ico .ico { position:absolute; left:2.25rem; top:1.4rem; width:4rem; height:4rem;  }
div[class^="box_st"].box_ico .ico img {width:auto; max-width:100%; }

.box_st1 {border:2px solid #245592; background:#fff;}
.box_st2 {border:1px solid #ccc; background:#fff;}
.box_st3 {border:1px solid #0087E6; background:#F7FBFE;}
.box_st4 {border:1px solid #245592; background:#F6F8FB;}

/* 박스 이미지 정렬 */
div[class^="box_st"].box_img{ padding: 1rem; display: flex; align-items: start; gap: 1rem;}
div[class^="box_st"].box_img .img{ flex: 1; min-width:0px; border-radius: 0.75rem; overflow: hidden;}
div[class^="box_st"].box_img .img img{ max-width: 100%; height: auto;}
div[class^="box_st"].box_img .inr{ flex: 1; min-width:0px; padding-top: 0.5rem;}
div[class^="box_st"].box_img .inr.w-66{ flex: 2; }

/* 탭 :공통 */
ul[class^="tab_st"] { position:relative;  }
ul[class^="tab_st"] > .select { display:none; }
ul[class^="tab_st"] a { position:relative; display:block; line-height:1.25rem; }
/* div[class^="tab_st"] a[target='_blank']:after { content:"\e980"; font-family:'xeicon'; display:inline-block; padding-left:0.35rem; } */
ul[class^="tab_st"] a[target='_blank'].down:after{content:"\eb7c"; }
ul[class^="tab_st"] a{ -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

/* 탭 :1차 탭 */
.reactTab{ border-radius: 0.5rem; border:1px solid #ccc; overflow:hidden; margin-bottom:1.5rem;}
.tab_st { display:flex; flex-wrap: wrap; width:100%; overflow:hidden;}
.tab_st > li { position: relative; width:20%; z-index: 0;}
.tab_st > li:before{ content:""; position:absolute; right:0; top:25%; height: 50%; border-left:1px solid #ccc; z-index: -1;}
.tab_st > li:nth-last-of-type(),
.tab_st > li:nth-of-type(4n){ display: none;}
.tab_st > li a { position: relative; display: flex; height:100%; min-height:3rem; align-items: center; justify-content: center; padding:0.5rem 0.3rem; text-align:center; border-radius:0.5rem; border:1px solid transparent; z-index: 1;}
.tab_st > li.on a{ border-color:#245592; color:#245592; background:#F2F9FE; }
.tab_st > li a:hover,
.tab_st > li a:focus { font-weight: 600;}
.tab_st a[target='_blank']:after { font-size:0.8rem; }

/* 탭 :2차 탭 */
.tab_st2_box{ padding:1rem; border-radius: 0.5rem; background:#F7FBFE; border:1px solid #0087E6; overflow:hidden; margin-bottom:1.5rem;}
.tab_st2_box a { position:relative; display:block; color:#333; padding-left:1.2rem; }
.tab_st2_box a:before { content:"\EB79"; position:absolute; left:5px; top:calc(50% - 2.5px); width:5px; height:5px; line-height:0; font-family:'remixicon'; color:#0083cb; font-size:0; border-radius:50%; background:#0083cb; }
.tab_st2 { display:flex; flex-wrap: wrap; justify-content: center; gap: 1rem; width:100%; }
.tab_st2 a:hover,
.tab_st2 a:focus,
.tab_st2 li.on a,
.tab_st2_box > a.selectTab{ color:#0083cb; }
.tab_st2_box > a.selectTab:before,
.tab_st2 li.on a:before { top:calc(50% - 0.5rem); left:0px; width: auto; height: auto; font-size: 0.9rem; line-height: 1rem; background:none; border-radius:0;  }

.tab_st2 a[target='_blank']:after { font-size:0.8rem; }

/* 탭 :리스트 탭 */
.tab_list {display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom:1rem;}
.tab_list li {width:calc((100% - 2.25rem) / 4); }
.tab_list li a {position:relative; display:block; height: 100%; padding:0.75rem 1.5rem 0.75rem 3rem;  border: 1px solid #ccc; font-size: 0.85rem; border-radius: 0.3rem; transition: all 0.2s;}
.tab_list li a:before{ content:"\EB79"; position:absolute; left:1.5rem; top:0.9rem; line-height: 1rem; font-family: 'remixicon'; }
.tab_list li.on a, 
.tab_list li a:hover {font-weight:600; color:#245592; border-color:#245592; background:#F2F8FF;}
.tab_list li a[target='_blank']:after {content:''; display:inline-block; width:13px; height:13px; margin-left:10px; background:url("/images/web/international/con_com/tab2_off_blank.png") no-repeat right center;}
.tab_list.tab_li2 > li{ width:calc((100% - 0.75rem) / 2);}
.tab_list.tab_li3 > li{ width:calc((100% - 1.5rem) / 3);}
.tab_list.tab_li5 > li{ width:calc((100% - 3rem) / 5);}

/* 탭 :개수 지정 */
.Tab_w50 li,
.tab_li2 li {width:50%;}
.Tab_w30 li,
.tab_li3 li {width:33.33%;}
.Tab_w25 li,
.tab_li5 li {width:25%;}

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

/* 버튼 :기본 */
.btn_wrap{ margin-top:2rem; text-align: center;}
.btn_grL { background:#fff; color:#333; border-radius:0;  border:1px solid #333; }
.btn_grL:hover, .btn_grL:focus { background:#f3f3f3; border-color:#000; color:#000; }
.btn_gr { color:#333; background:#F4F4F4; border:1px solid #333; }
.btn_gr:hover, .btn_gr:focus { background:#333; color:#fff; }
.btn_grn { color:#00846E; background:#F2F9F7; border:1px solid #90c31f; }
.btn_grn:hover, .btn_grn:focus { background:#00846E; border-color:#00846E; color: #fff; }
.btn_red { color:#DB0D58; background:#FDF3F6; border:1px solid #DB0D58; }
.btn_red:hover, .btn_red:focus { background:#DB0D58; border-color:#DB0D58; color:#fff;}
.btn_bl { color:#0087E6; background:#F2F9FE; border:1px solid #0087E6; }
.btn_bl:hover, .btn_bl:focus { background:#0087E6; border-color:#0087E6; color:#fff; }
.btn_bl2 { color:#245592; background:#F2F9FE; border:1px solid #245592; }
.btn_bl2:hover, .btn_bl:focus { background:#245592; border-color:#245592; color:#fff; }
.btn_gr, .btn_grL, .btn_bl, .btn_bl2, .btn_grn, .btn_red {
   display:inline-block; margin:3px 1px; padding:0.6rem 1.5rem; line-height: 1.3; vertical-align:middle; font-size:0.8rem; font-weight:600; border-radius: 0.3rem; -webkit-transition:background-color 0.3s ease; transition:background-color all 0.3s ease; }
.btn_gr i, .btn_grL i, .btn_bl i, .btn_bl2 i, .btn_grn i, .btn_red i {
  font-size:1em; font-weight: 400; padding-left:10px; }

/* 버튼 :작은버튼 */
*[class^="btn_"].mini { padding:0.3rem 0.85rem; font-size:0.75rem; font-weight:400; }

div + a[class^="btn_"],
table + a[class^="btn_"],
ul + a[class^="btn_"],
p + a[class^="btn_"],
br + a[class^="btn_"] { margin-top:0.5rem; }

/* 이미지 사이즈 :확대보기 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .zoom {width:100%;}
.rsp_img .btn-zoom {position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url("/images/web/international/con_com/ico_rsp_img.png") no-repeat;}

/* 이미지 사이즈 :100% */
.img_w100 {max-width:90%;}

/* 콘텐츠 준비중 */
.Coming_soon { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:3rem 2rem; gap: 1rem; border-radius:1.5rem; border:1px solid #ccc; word-break: keep-all;}
.Coming_soon img{ max-width: 100%; height: auto;}
.Coming_soon h3 {font-size:1.5rem; color:#0A2D59;}
.Coming_soon h3 span{ font-weight: 700;}
.Coming_soon p {text-align: center;}

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


/*찾아오시는길 지도*/
.map .root_daum_roughmap {width:100%!important; box-sizing:border-box; }


/* 패딩 */
.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;}

/* 아코디언 251107*/
.accordion_list{ border-top: 2px solid #111; }
.accordion_list > dl{ border-bottom:1px solid #D5D5D5; }
.accordion_list > dl > dt a{ position:relative; display: flex; gap: 1.5rem; align-items: center; padding:1rem 2rem 1rem 1.5rem; font-weight: 600;}
.accordion_list > dl > dt a:after{ content:"\EA4E"; position:absolute; right: 1rem; top: 1rem; font-size: 1.2rem;  font-family: 'remixicon'; }
.accordion_list > dl > dt a span{ font-family: 'SCDream'; font-size: 1rem; font-weight: 700; color:#0087E6;}
.accordion_list > dl > dd{ display: none;}
.accordion_list > dl.active > dd{ display: flex;}
.accordion_list > dl > dd{ align-items: start; gap: 2rem; padding:1.5rem 2rem; border-top:1px solid #D5D5D5; background:#f8f8f8;}
.accordion_list > dl > dd > span{ font-family: 'SCDream'; font-size: 1rem; font-weight: 700; color:#245592;}
.accordion_list > dl > dd .inr{ flex: 1; min-width: 0px;}



@media screen and (max-width:1240px){

	/* 리스트 :가로 나열 */
	.li_w50 > li, .li_w30 > li, .li_w25 > li, .li_w20 > li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.li_w50 > li {width:50%;}
	.li_w30 > li {width:33%;}
	.li_w25 > li {width:25%;}
	.li_w20 > li {width:20%;}

	/* 테이블 - 기타 */
	.scroll_img .tbl_utile {margin-right:45px;}/* 유틸 & 스크롤있을때 */
	.scroll_gr .tbl_utile {margin-right:0; z-index:2;}/* 유틸 & 스크롤있을때 */

	/* 탭 :반응형 191105 */
	.reactTab li{width:100% !important;}
	.reactTab li > a{ font-size: 0.8rem;}
	.reactTab a.selectTab{ position:relative; display:flex; }
	.reactTab{ padding:0.5rem; border-color:#245592; background:#F2F9FE;}
	.reactTab > a{ padding-right:2rem; color:#245592; font-weight: 600;}
	.reactTab > a:before{ content:"\EA4E"; position:absolute; right:1rem; top:calc(50% - 0.6rem); line-height:1.2rem; font-size: 1.2rem; font-weight: 400; font-family: 'remixicon';}
	.reactTab .tab_st > li:before{ display: none;}
	.reactTab > a,
	.tab_st > li a{ padding:0 1rem; min-height: 2.5rem; align-items: center; justify-content: start;}
	.tab_st > li.on a{ background:#245592; border: none; color:#fff;}

	.reactTab.tab_st2_box { padding:0.5rem 1rem;}
	.reactTab.tab_st2_box > a{ padding: 0.5rem 1.5rem;}
	.reactTab.tab_st2_box .tab_st2{ gap: 0; padding-top: 0.5rem;}
	.reactTab.tab_st2_box .tab_st2 > li a{ display: flex; min-height: 2rem; align-items: center; padding-left: 0.75rem;}
	.reactTab.tab_st2_box .tab_st2 > li a:before{ content: ""; left:0px; top:calc(50% - 2.5px); width: 5px; height: 5px; border-radius: 50%; background:#0083cb;}

	/* 스크롤 - 이미지 */
	.scroll_img {*margin-top:-30px; padding-top:30px; width:100%; overflow-x:auto !important; overflow-y:hidden; background:url("/images/web/international/con_com/img_scroll.png") no-repeat right top;}

	/* 스크롤 - 그라데이션 */
	.scroll_gr {width:100%; overflow-x:auto; background-repeat:no-repeat;
		background-image:linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position:right 5px ; background-size:30px 100%; z-index:1}

}

@media screen and (max-width:1024px){

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

	/* 탭 :1차, 2차, 3차 탭 */
	.tab_st li, .tab_st2 li, .tab_st3 li, .tab_list li {width:33%;}

	/* 탭 :개수 지정 */
	.tab_st.Tab_w50 li, .tab_st2.Tab_w50 li, .tab_st3.Tab_w50 li {width:100%;}
	.tab_st.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width:50%;}
	.tab_st.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:33%;}

	.tab_list.tab_li3 > li{ width:calc((100% - 0.75rem) / 2);}
	.tab_list.tab_li5 > li{ width:calc((100% - 1.5rem) / 3);}

	/* 박스 */
	div[class^="box_st"].box_ico{ padding-left: 6.5rem;}
	div[class^="box_st"].box_ico .ico{ left: 1.5rem;}

	/* 스크롤 - 이미지 */
	.scroll_img table{width:800px !important;}

	/* 스크롤 - 그라데이션 */
	.scroll_gr table{width:800px !important;}

}


@media screen and (max-width:768px){

	/* 박스 이미지 정렬 */
	div[class^="box_st"].box_img{ flex-direction: column; }

	/* 타이틀 */
	.tit1 {font-size:1.3rem; }
	.tit2 {font-size:1.1rem; }
	.tit3 {font-size:1rem; }

	/* 박스 스타일 */
	div[class^="box_st"]{ padding:1rem 1.5rem; border-radius: 0.5rem;}
	div[class^="box_st"] .box_tit{ font-size: 1rem;}

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

	/* 탭 :1차, 2차, 3차 탭 */
	.tab_st li, .tab_st2 li, .tab_st3 li, .tab_list li {width:50%;}

	/* 탭 :개수 지정 */
	.tab_st.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width:100%;}
	.tab_st.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:50%;}
	
	.tab_list.tab_li2 > li{ width: 100%;}
	.tab_list.tab_li3 > li{ width:calc((100% - 0.75rem) / 2);}
	.tab_list.tab_li5 > li{ width:calc((100% - 0.75rem) / 2);}

	/* 버튼 */
	.btn_gr, .btn_grL, .btn_bl, .btn_bl2, .btn_grn, .btn_red{ padding: 0.5rem 1rem;}

	/* 탭 */
	.reactTab > a, .tab_st > li a{ min-height: 2rem;}
	.reactTab.tab_st2_box > a{ padding: 0.25rem 1.25rem;}

	/* 콘텐츠 준비중 */
	.Coming_soon h3 {font-size:1.2rem; }
	.Coming_soon p br{ display: none; }

}


@media screen and (max-width:560px){

	/* 박스 스타일 */
	div[class^="box_st"].box_ico{ padding-left: 1.5rem;}
	div[class^="box_st"].box_ico .ico{ display: none;}

	/* 탭 :개수 지정 */
	.tab_list.tab_li3 > li{ width:100%;}
	.tab_list.tab_li5 > li{ width:100%;}


}


@media screen and (max-width:480px){

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

	/* 탭 :1차, 2차, 3차 탭 */
	.tab_st li, .tab_st2 li, .tab_st3 li, .tab_list li {width:100%;}

	/* 탭 :개수 지정 */
	.tab_st.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:100%;}



}

@media screen and (max-width:380px){

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

}