@charset "utf-8";
#wrap{overflow-x: hidden;} /* 추가 */

@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 200;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 600;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.woff') format('woff');
  }

  @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.otf');
	src:url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.otf?#iefix') format('embedded-opentype'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.woff2') format('woff2'),
		url('../assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.woff') format('woff');
  }

  @font-face {
    font-family: 'Gmarket Sans';
    src: url('../assets/css/fonts/GmarketSans/GmarketSansBold.woff2') format('woff2'),
    	 url('../assets/css/fonts/GmarketSans/GmarketSansBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gmarket Sans';
    src: url('../assets/css/fonts/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
    	 url('../assets/css/fonts/GmarketSans/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gmarket Sans';
    src: url('../assets/css/fonts/GmarketSans/GmarketSansLight.woff2') format('woff2'),
    	 url('../assets/css/fonts/GmarketSans/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }


/* css reset */
* {margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {font-size:10px;}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family:'NotoSansKR', sans-serif; font-weight:400; background:none; line-height:1.2;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
ol, ul, li{list-style:none;}
hr,legend {display:none;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:600;}
img {max-width:100%}
img {-webkit-perspective: 1;}
button {border:0 none;background-color:transparent;cursor:pointer}
select {cursor:pointer;}
input,textarea,select { font-size:inherit; font-weight:inherit;font-family:'Noto Sans', sans-serif;}
a, a:hover, a:focus, a:visited {text-decoration:none;color:#666;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
label {cursor:pointer;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

/* css defalt setting */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.after:after {content:''; display:block; overflow:hidden; clear:both;}
.tct {text-align:center !important;}
.tlt {text-align:left !important;}
.trt {text-align:right !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.pd0 {padding:0 !important;}
.pt15 {padding-top:15px !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}
.small {font-size:1.4rem !important;}
.fs20 {font-size:2.0rem !important;}
.txt_green {color:#2abbb4 !important;}
.txt_red {color:#ec5e8e !important;}
.fw300 {font-weight:300 !important;}
.pc_only {display:inline-block;}
.mb_only {display:none;}

.label-sm{color:#fff!important;font-size:1.4rem;font-weight:500;width:auto;padding:2px 10px; border-radius:2;}
.label-md{color:#fff!important;font-size:1.4rem;font-weight:500;width:auto;padding:2px 10px; border-radius:2;}
.label-lg{color:#fff!important;font-size:1.6rem;font-weight:500;width:auto;padding:13px 15px; border-radius:2;}
.label-block{font-size:inherit!important;display:block!important;width:100%!important;}
.label-gray{background:#7f8891;color:#fff;}
.label-green{background:#2abbb4;color:#fff;}
.label-darkgray{background:#676f86;color:#fff;}
.label-blue{background:#3271c8;color:#fff;}
.label-red{background:#ec5e8e;color:#fff;}
.label-orange{background:#fe9750;color:#fff;}
.label-purple{background:#8159b1;color:#fff;}
.label-pink{background:#ff8fb5;color:#fff;}
.label-mint{background:#00c58e;color:#fff;}
.label-darkblue{background:#29415b;color:#fff;}


/* style */
body {color:#48517b; letter-spacing:-0.17rem;}
.inner {margin:0 auto; width:100%; max-width:1400px; position:relative;}
#wrap {width:100%;padding:0;margin:0;}

/* header */
.header_wrap {background:#fafaee url('../images/main_bg.png') top center no-repeat; background-size:cover; padding:0; min-height:466px; overflow:hidden;}
.header_wrap .inner {background:url('../images/main_visual_01.png') center right 85px no-repeat;}
.header_wrap .gnb_wrap {position: relative; height: 100%; -webkit-box-align: center; align-items: center; margin-top:30px;}
.header_wrap .logo_area {position:absolute; top:0; left:0;}
.header_wrap .braille_area {position:absolute; top:4px; right:0;}
.header_wrap .gnb_area ul {display:table; margin: auto;}
.header_wrap .gnb_area ul li {display:table-cell;}
.header_wrap .gnb_area ul li a {display:inline-block; font-size:2.0rem; color:#7f8891; padding:10px 20px; margin:0 10px; font-weight:500;}
.header_wrap .gnb_area ul li a:hover {color:#ec5e8e;}
.header_wrap .gnb_area ul li a.active {color:#29415b; /*background:url('../images/img_h3_bg.jpg') bottom 7px left; background-repeat-y:no-repeat;*/}
.header_wrap .main_title_wrap {padding:13% 0 2%;}
.header_wrap .main_title {padding-top:7%;}
.header_wrap .main_title h3 {margin-top: 20px; font-size:3.4rem; line-height:1.3em; color:#ec5e8e; font-weight:600;}
.header_wrap .main_title h3 span {color:#ec5e8e;}
.header_wrap .main_title .s_title {display: block; color:#48517b; font-size:2.4rem; line-height:2.8rem; margin-top:0; font-weight:300;letter-spacing:-0.2rem;word-break:keep-all;}

.nav_group {margin:70px 0;}
.nav_group ul li {float:left; width:14.285%; text-align:center; padding:10px;}
.nav_group ul li a {display:block; animation: watch 1s linear normal backwards;}
.nav_group ul li a > span {display:block;}
.nav_group ul li a > span.img {width:56px; margin:0 auto 10px;}
.nav_group ul li a:hover > span.img {background:url('../images/ico_nav_bg.png') bottom right no-repeat;}
.nav_group ul li a > span.txt {font-size:1.6rem;}

@keyframes watch {
  0% {transform: translate(0);}
  50% {transform: translate(0, -10px);}
  100% {transform: translate(0, 0px);}
}
/*.nav_group ul li a:hover {animation-play-state: paused;}*/

/* main */
.ds_container {padding:80px 0;}
.ds_container .inner {padding: 0; position:relative;}
.ds_container:after {content:''; display:block; overflow:hidden; clear:both;}
.ds_container.type01 {background:#dce7f1; background-image:url('../images/main_section1_img.png'); background-repeat:no-repeat; background-position: bottom -151px left 20%; overflow: hidden;}
.ds_container.type02 {background:#fbfaef;}
.ds_container.type03 {background:#dce7f1;}
.ds_container > section {padding:80px 0;}

.ds_contents {opacity: .99; position:relative;}
.ds_contents .right-btn {float:right; font-size:2.8rem; font-weight:600; background:#e24d7f; color:#fff; border-radius:30px; padding:10px 50px; font-family:inherit; letter-spacing:0.1rem; line-height:1; margin-top:20px;}
.ds_contents .right-btn a {border: solid 1px #ffffff; border-radius: 30px;}
.ds_contents .right-btn a .more {position:absolute; right; background:url("../images/btn_arrow.png") center no-repeat;}
.ds_contents .round-btn {border-radius:10px; font-size:2.4rem;background: #ffffff; color:#fff; padding:10px 20px; font-family:inherit; line-height:1;}
.ds_contents.area01 h2 {font-size:3.4rem; text-align:right; color:#e24d7f; font-weight:600;}
.ds_contents.area01 h2 span {display:block; font-size:2.4rem; text-align:right; color:#48517b; font-weight:400; margin-top:10px; margin-bottom:20px; word-break:keep-all;}
.ds_contents.area01 h2:before {content:''; display:block; width:60px; height:60px; background:#ffc854; border-radius:50%; position:absolute; top:-8%; right:0.5%; z-index:-1;}
.ds_contents.area02 h2 {font-size:3.4rem; text-align:left; color:#e24d7f; font-weight:600; width:33.33%; display:inline-block;}
.ds_contents.area02 h2 span {display:block; font-size:2.4rem; text-align:left; color:#48527b; font-weight:400; margin-top:10px; margin-bottom:20px; word-break:keep-all;}
.ds_contents.area02 h2:before {content:''; display:block; width:60px; height:60px; background:#4beaca; border-radius:50%; position:absolute; top:-9%; left:1%; z-index:-1;}
.ds_contents.area03 h2 {font-size:3.4rem; text-align:center; color:#e24d7f; font-weight:600;}
.ds_contents.area03 h2 span {display:block; font-size:2.4rem; text-align:center; color:#48527b; font-weight:400; margin-top:10px; margin-bottom:20px; word-break:keep-all;}
.ds_contents.area03 h2:before {content:''; display:block; width:60px; height:60px; background:#ffc854; border-radius:50%; position:absolute; top:-5%; right:40%; z-index:-1;}

.ds_contents .chatbot_info {margin:0 40px;}
.ds_contents .chatbot_info:after {content:''; display:block; overflow:hidden; clear:both;}
.ds_contents .chatbot_info > div {float:right;}

.ds_contents .service_info {margin-left:40px;}
.ds_contents .service_info:after {content:''; display:block; overflow:hidden; clear:both;}
.ds_contents .service_info > div {float:left;}
.ds_contents .service_info > div.box1 {width:60%; float:right; display:inline-block;}
.ds_contents .service_info > div.box1 dl {float:left; width:23%; border: solid 1px #c0bfb1; background-color:#fff; background-position:bottom -70px right 10px; background-repeat:no-repeat; line-height:1.2; border-radius:10px; min-height:238px; overflow:hidden; margin:5px;}
.ds_contents .service_info .box1 .con1 dl {background-image:url('../images/main_section2_con1.png');}
.ds_contents .service_info .box1 .con2 dl {background-image:url('../images/main_section2_con2.png');}
.ds_contents .service_info .box1 .con3 dl {background-image:url('../images/main_section2_con3.png');}
.ds_contents .service_info .box1 .con4 dl {background-image:url('../images/main_section2_con4.png');}
.ds_contents .service_info > div .t_tit {font-size:2.4rem; font-weight:500; color:#666666; margin-bottom:20px;}
.ds_contents .service_info > div dl dd {font-size:2.4rem; font-weight:500; color:#666666; text-align:left; line-height:2.8rem; margin:20px 0 0 17px;}
.ds_contents .service_info > div a {display:block;}

.ds_contents .organization_info {margin-bottom:20px;}
.ds_contents .organization_info:after {content:''; display:block; overflow:hidden; clear:both;}
.ds_contents .organization_info > div {float:left;}
.ds_contents .organization_info > div.box1 {width:100%; margin:0 10%;}
.ds_contents .organization_info ul:after {content:''; display:block; overflow:hidden; clear:both;}
.ds_contents .organization_info ul li {float:left; width:20%; text-align:center;}
.ds_contents .organization_info ul li dl dt {display:inline-block; border-radius:50%; margin-bottom:15px; position:relative; background:#ffffff;}
.ds_contents .organization_info ul li dl dd.t_tit {font-size:2.0rem; color:#48527b; font-weight:500; line-height:1.2; margin:10px 0;}
.ds_contents .organization_info ul li dl dd.t_no {font-size:6.0rem; color:#29415b; font-family: Gmarket Sans; font-weight:400; line-height:1; margin:10px 0;}
.ds_contents .organization_info > div a {display:block;}
.ds_contents .organization_info > div a > img


/* container */
.support_container {overflow:hidden; background:#f4f8fb; padding-bottom:70px;}
.support_container strong, b {font-weight:600;}
.support_container > section {padding:40px 0;}
.support_container nav {background:#dde7f1; margin-bottom: 70px;}
.tabs_area {z-index:9999;}
.tabs_area:after {content:''; clear:both; display:block; overflow:hidden;}
.tabs_area.tabs_fixed {position:fixed; top:0; left:50%; width:1400px; transform:translate(-50%, 0); background:#dde7f1;}
.tabs_area.tabs_type1 li {float:left; width:14.285%;}
.tabs_area.tabs_type2 li {float:left; width:25%;}
.tabs_area.tabs_type3 li {float:left; width:33.3%;}
.tabs_area li {font-size:2.0rem; font-weight:400; cursor:pointer; text-align:center; color:#676f86; position:relative; transition:.3s; padding:24px 0;}
.tabs_area li > span {border-right:1px solid #676f86; display:block;}
.tabs_area li:last-child span {border-right:0;}
.tabs_area li:hover, .tabs_area li.active {font-weight:500; color:#29415b;}
.tabs_area li.active:after {content:''; display:block; width:50%; height:5px; background:#29415b; position:absolute; bottom:0; left:50%; transform:translate(-50%, 0);}

/* contents */
.tab-contents {display:none; padding:10px 0 0;}
.tab-contents.tabs_fixed {margin-top:112px;}
.tab-contents.active {display:inherit;}
.tab-contents .contents_title {width:600px; margin:85px auto 30px; position:relative;}
.tab-contents .contents_title:before {content:''; display:block; width:22px; height:42px; background:#ffd630; border-radius:10px; position:absolute; top:-40px; right:45%; transform:translate(-50%, -30%) rotate(45deg);}
.tab-contents h3 {font-size:3.5rem; font-weight:500; text-align:center; color:#29415b;}
.tab-contents h3:after {display:block;position:absolute; /*top: 25px; left: calc(100% + 46px); */width:calc((100vw - 100%) / 2);height:1px;background-color:#676f86;}
.use_wrap:before {display:block;position:absolute;top: 25px;right: calc(100% + 46px);width:calc((100vw - 100%) / 2);height:1px;background-color:#48517b;}

.contents_group {padding-bottom:80px;}
.contents_group > dl {display:-webkit-box; display:-ms-flexbox; display:flex; padding:40px 0; border-bottom:1px solid #dde7f1; }
.contents_group > dl:last-of-type {border-bottom:none;}
.contents_group > dl:last-child {padding-bottom: 0;}
.contents_group > dl > dt {line-height:3.2rem; width:21%; margin-top:-5px; margin-right:10px; -ms-flex-negative:0; flex-shrink:0;}
.contents_group > dl > dd {width:100%;}
.contents_group ul > li:last-child { margin-bottom: 0;}
.contents_group ul.list-depth1 li {font-size:2.0rem; padding:0 0 3px 10px; font-weight:400; position:relative; margin:0 0 5px 15px;}
.contents_group ul.list-depth1 li:before {content:''; display:inline-block; width:5px; height:5px; background:#ec5e8e; border-radius:10px; vertical-align:middle; position:absolute; top:10px; left:-10px;}
.contents_group ul.list-depth1 li > p {font-size:1.8rem; color:#555; position:relative; margin-left:15px;}
.contents_group ul.list-depth1 li > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.contents_group ul.list-depth1 li > p > span {display:block; color:#ec5e8e;}
.contents_group ul.list-depth1 li .break {width:30%; float:left}
.contents_group ul.list-depth2 li {font-size:1.8rem; padding:0 0 3px 8px; font-weight:400; position:relative; margin:0 0 3px 10px;}
.contents_group ul.list-depth2 li:before {content:''; display:inline-block; width:3px; height:3px; background:#29415b; border-radius:1px; vertical-align:middle; position:absolute; top:8px; left:-5px;}
.contents_group ul.list-depth2 li.break {width:30%; float:left}
.contents_group ul.list-depth3 li {color:#676f86; padding:0 0 2px 15px;}
.contents_group ul.list-depth3 li::before {content:'-'; color:#676f86; display:inline-block; position:absolute; top:-1px; left:0;}

.contents_group ul.list-info li {font-size:1.8rem;color:#656d6f; padding:0 0 3px 10px; font-weight:400; position:relative; margin:0 0 2px 15px;}
.contents_group ul.list-info li:before {content:'\e92c'; font-family: xeicon; display:inline-block; vertical-align:middle; position:absolute; top:1px; left:-10px;}
.contents_group ul.list-info li:last-child { margin-bottom: 0;}

.contents_group ul.list-info2 li {font-size:1.8rem; padding:0 0 3px 15px; font-weight:400; position:relative; margin:0 0 2px 15px;}
.contents_group ul.list-info2 li:before {content:'\e929'; font-family: xeicon; display:inline-block; vertical-align:middle; position:absolute; top:1px; left:-10px;}
.contents_group ul.list-info2 li:last-child {margin-bottom: 0;}
.contents_group ul.list-info2 li > ul > li {font-size:1.6rem; color:#676f86; padding:0 0 2px 15px; margin:0;}
.contents_group ul.list-info2 li > ul > li:before {content:'-'; color:#676f86; display:inline-block; position:absolute; top:-1px; left:0;}


.support_container h4 {font-size:2.8rem; color:#29415b; font-weight:500; text-align:center; margin-bottom:10px; background:url('../images/img_h4_bg.jpg') bottom 0px left; background-repeat-y:no-repeat; display:inline-block; padding:0 5px; letter-spacing: -0.3rem;}
.support_container h5 {font-size:2.4rem; font-weight:500; margin-top:30px; margin-bottom:20px; display: block;}
.support_container .r_txt {font-size:1.6rem; font-weight:300; text-align:right; color:#676f86;}
.support_container .l_txt {font-size:1.6rem; font-weight:300; text-align:left; color:#676f86;}
.support_container .c_txt {font-size:1.6rem; font-weight:300; text-align:center;}
.support_container p {font-size:1.8rem; line-height:2.1rem; position:relative; margin:5px 0 5px;}

.support_container .contents {padding:40px 0; position:relative;}
.support_container .contents .swipe_img {position:absolute; top:45px; right:0;}
.support_container .contents h4 {margin-bottom:30px;}
.support_container .contents .sub_txt {font-size:4.8rem; color:#ffd530; display:block; text-align:center; margin:30px 0;}

.support_container .box {display:block; width:100%; padding:10px; background:#fcfcfc; margin-top: 20px;}
.support_container .box p.title {font-size:2.0rem; font-weight:600; color:#656d6f; line-height:2.0rem; position:relative; margin-bottom:15px;}
.support_container .box p {font-size:1.8rem; color:#656d6f; line-height:2.0rem; position:relative; margin-bottom:5px;}
.support_container .box p:last-child {margin-bottom:0;}

.support_container .box.info {display:block; position:relative; width:100%; height:inherit; padding-left:25%;}
.support_container .box.info:before {content:'\eb14'; font-family: xeicon; color:#b2b6b7; font-size:6.0rem; display:block; position:absolute; left:10%; top:30%;}
.support_container .box.info .con {display:inline-block; width: calc(100% - 50px); padding:15px; vertical-align:middle;}

.support_container .box.org {display:block; position:relative; width:100%; height:inherit; padding-left:25%;}
.support_container .box.org:before {content:'\ea2e'; font-family: xeicon; color:#b2b6b7; font-size:6.0rem; display:block; position:absolute; left:10%; top:30%;}
.support_container .box.org .con {display:inline-block; width: calc(100% - 50px); padding:15px; vertical-align:middle;}

.support_container .step {display:inline-block; position:relative; width:calc((100% - 124px) / 4); height:auto; margin-right:26px; border:2px solid #48517b; border-radius:10px; background-color:#fff; padding:15px;}
.support_container .step.step3 {display:inline-block; position:relative; width:calc((100% - 124px) / 3); height:auto; margin-right:26px; border:2px solid #48517b; border-radius:10px; background-color:#fff; padding:15px;}
.support_container .step:nth-of-type(even) {background-color:#fbfaef;}
.support_container .step:last-child {margin-right:0;}
.support_container .step.step3:last-child {margin-right:0;}
.support_container .step:after {content:'\e907'; font-family:xeicon; font-size:2.4rem; text-align:center; color:#fff; background:#48517b; display:block; position:absolute; top:calc(50% - 15px); right:-20px; width:30px; height:30px; border-radius:30px;}
.support_container .step:last-child:after {display:none;}
.support_container .step span {display:inline-block;vertical-align:middle;}
.support_container .step p.title {font-size:2.0rem; font-weight:600; line-height:2.0rem; position:relative; text-align:center; vertical-align: top;}
.support_container .step p.title:after {content:''; display:block; margin:10px auto; width:50%; height:1px; background:#ccc;}
.support_container .step p {font-size:1.8rem; line-height:2.1rem; position:relative; margin-bottom:5px; text-align:center;}
.support_container .step p > a:hover {text-decoration:underline; text-underline-position:under;}
.support_container .step p:last-child {margin-bottom:0;}


.flowChart {position:relative; padding:20px 0 20px;}
.flowChart ol {display:flex; flex-flow:row; flex-wrap:wrap; justify-content:center;}
.flowChart ol li {display:inline-block; vertical-align:top; box-sizing:border-box; width:100%; position:relative; margin-bottom: 40px;}
.flowChart ol li:last-child {margin-bottom:0;}
.flowChart ol li:after {content:'\e941'; font-family:xeicon; font-size:2.8rem; color:#48517b; display:block; position: sticky; padding-top:4px; text-align:center;}
.flowChart ol li:last-child:after {display:none;}
.flowChart .con_wrap {background:#fcfcfc; border-radius:0 30px 0 0; height:100%; box-sizing:border-box; padding:10px 40px 20px;}
.flowChart .step_no {display:inline-block !important; font-size: 1.8rem;color: #fff; text-align:center; width:auto; height:auto; position:relative; border-radius:5px; left:auto; top:-28px; padding:5px 20px; margin:0 0 5px; box-shadow:0 4px 3px rgba(0, 0, 0, .1)}
.flowChart .step_no.col1 {background:#ff8fb5}
.flowChart .step_no.col2 {background:#ec5e8e}
.flowChart .step_no.col3 {background:#8159b1}
.flowChart .step_no.col5 {background:#48517b}
.flowChart .title {display: block; font-size:2.0rem; font-weight:600; line-height:2.0rem; position:relative; top: -15px; /*margin-bottom: 10px;*/}
.flowChart .title small {font-size:1.6rem; color:#656d6f; font-weight:500; margin-left: 10px;}
.flowChart .data01 {float:left; width:50%; border-right:1px solid rgba(0, 0, 0, .15); padding: 10px; margin-bottom: 20px;}
.flowChart .data02 {float:left; width:50%; padding:10px 10px 10px 20px;}
.flowChart .txt.type1 {display:block; font-size:1.8rem; font-weight:400; line-height:2.0rem; text-align:left; margin-top: 5px;}
.flowChart .txt.type1:before {content:''; display:inline-block; width:3px; height:3px; background:#29415b; border-radius:1px; vertical-align:middle; position: relative; top:-1px; left:-5px;}

.dsTable {font-size:1.8rem; text-align:center; word-break: break-all; width:100%; border-top:1px solid #d0e3f7; border-bottom:1px solid #d0e3f7; margin-bottom:10px;}
.dsTable .align-l {text-align:left; padding-right: 10px; padding-left: 10px;}
.dsTable span {display:block;}
.dsTable th {padding:8px; vertical-align:middle;}
.dsTable td {padding:5px; vertical-align:middle; border-left:1px solid #dde7f1;}
.dsTable thead > tr > th {font-weight:500; color:#3a6a8e; border-left:1px solid #fff; border-bottom:0; background:#dde7f1;}
.dsTable tbody {padding:5px 0; display:table-row-group}
.dsTable tbody > tr > th {padding:8px 5px; border-bottom: 1px solid #dde7f1;}
.dsTable tbody > tr > td {padding:8px 5px; border-bottom: 1px solid #dde7f1;}
.dsTable tbody.bg > tr > th,
.dsTable tbody.bg > tr > td {background:#d0e3f7;}
.dsTable tfoot > tr > td {background:#eaeaea;}

.dsTable.gray {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.dsTable.gray td {padding:5px; vertical-align:middle; border-left:1px solid #eee;}
.dsTable.gray thead > tr > th {font-weight:500; color:#5e5e5e; border-left:1px solid #fff; border-bottom:0; background:#eee;}
.dsTable.gray tbody > tr > th,
.dsTable.gray tbody > tr > td {padding:8px 5px; border-bottom: 1px solid #eee;}

/*
.support_container .contents_group > ul > li {float:left; width:50%; padding:0 7%; position:relative;}
.support_container .contents_group > ul > li:after {content:''; display:block; width:2px; height:100%; position:absolute; top:0; left:0; background:#f4f4f4;}
.support_container .contents_group > ul > li:first-child:after {display:none;}
.support_container .contents_group > ul.colum3 {display:table; width:100%;}
.support_container .contents_group > ul.colum3 > li {width:33.33%; padding:0 2%; float:none; display:table-cell;}
.support_container .contents_group > ul.colum3 > li:after {display:none;}
.support_container .contents_group > ul.txt_area > li {padding:0 7%;}
.support_container .contents_group > ul.txt_area > li:after {display:none;}
.support_container .contents_group > ul.type2 li:after {display:none;}
.support_container .contents_group > ul.txt_area.type2 > li {width:auto; margin:50px 0; padding:0 20%;}
*/

.half_box ul li {float:left; width:50%;}
.full_box .flex_box > .con_img {width:calc(70% - 20px); text-align:center;}

.bg_style {padding:30px 0 !important; margin:30px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+30,f4f4f4+30,f4f4f4+70,ffffff+100 */
	background: #f4f8fb; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #f4f8fb 30%, #f4f8fb 30%, #f4f8fb 70%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f4f8fb 30%,#f4f8fb 30%,#f4f8fb 70%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#f4f8fb 30%,#f4f8fb 30%,#f4f8fb 70%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.index3 .header_wrap .main_title h3 {margin-bottom:0;}

/* contents */

/* board */
.loadOk {width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9000;}
.loadOk .loadBox {width: 124px; height: 124px; transition: .5s; position: absolute; top: 50%; left: 50%; margin-left: -62px; margin-top: -62px; animation: spin 2s linear infinite; background-image: url(../images/loading.gif); background-padding: center; background-size: cover;}
#pagination {text-align: center; font-family: 'LatoWeb'; max-width: 750px; margin: 30px auto 0; padding-bottom: 0; display: flex; justify-content: center;}
#pagination .pageNum {float: left; margin: 0 5px;}
#pagination .pageNum a {font-family: 'LatoWeb'; display: inline-table; width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 1.8rem; padding: 0; font-weight: 700; color: #999; background: none; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; vertical-align: middle;}
#pagination .pageNum a:hover, #pagination .pageNum.pageNumActive a { color: #26a9d3; position: relative; border: 1px solid #26a9d3; border-radius: 50%; transition: .3s; -webkit-transition: .3s;}
/* board */


/* footer */
.footer_wrap {clear:both; background-color:#29415b;color:#fff; text-align:center; line-height:1.8rem; padding:20px 0; letter-spacing:0;}
.footer_wrap p {font-size:1.6rem;}

#scroll-top {display:none; position:fixed; right:2%; bottom:5%; text-align:center; z-index:5}
#scroll-top button, #scroll-top a {display: block;color: #fff; width: 74px;height: 74px;border-radius: 50%; margin-top:15px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,.35);}
#scroll-top button.btn_chatbot, #scroll-top a.btn_chatbot {background:rgba(226,77,127,0.9);}
#scroll-top a.btn_chatbot img {margin-top: 15px;}
#scroll-top button.btn_chatbot a {color:#fff; display:block; font-size:1.4rem;}
#scroll-top button.btn_home {background:rgba(218,109,86,0.9);}
#scroll-top button.btn_home a {color:#fff; display:block; font-size:1.4rem;}
#scroll-top button.btn_top { background:rgba(255,255,255,0.9);}


/* 20220721 둘러보기 추가 */
.btn-acc{position:absolute;top:-999px;right:0px; background: #333; color: #fff; padding: 10px 15px; font-size: 14px;}
.btn-acc:focus,.btn-acc:active{top:0px;}
.color-pink{color:#e34d7f}
.bul-dot > li,.bul-dot > dd{position: relative;padding-left: .53em;margin-top: 10px;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.5em;width: 3px;height: 3px;;content: '';background: #e34d7f}
.bul-dot > li:first-child{margin-top: 0}

#scroll-top .btn_around{background:#ffc956; color:#000; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.03em;}

#pop-around *{box-sizing:border-box}
#pop-around{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); font-size: 16px; z-index: 300; word-break: keep-all;}
#pop-around .pa-w{position:relative; background:#fff; width:1400px; max-width:97%; max-height:97%; left:50%; top:50%; transform:translate(-50%,-50%); overflow-y: auto;}
#pop-around .flex{padding:1.5em;}
#pop-around .t{color:#333; font-weight: 500; margin-bottom: .75em; font-size: 1.875em;}
#pop-around .group{margin-top: 80px;}
#pop-around .group:first-child{margin-top: 0;}
#pop-around .in{display:flex; flex-wrap:wrap; margin: -30px 0 0 -2%}
#pop-around .sect{width: 23%; margin: 30px 0 0 2%;}
#pop-around .sect > a{display: flex; color:#29415b; background:#dde7f1; border:1px solid #29415b; font-size:1.125em; padding:0 45px 0 15px; height:2.8em; font-weight:500; align-items:center; position: relative;}
#pop-around .sect > a:after{position: absolute; right: 1em;     width: 10px;
    height: 10px;
    border-top: 2px solid #29415b;
    border-left: 2px solid #29415b;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(-135deg); margin-top: -10px;}
#pop-around .sect > .active:after{transform: rotate(45deg); margin-top: -5px;}
#pop-around .sect .single:after{display: none;}
#pop-around .dep{margin-top: 1em; padding:0 1em; display: none; line-height: 1.35;}
#pop-around .dep a:hover,#pop-around .dep a:focus{text-decoration: underline;}
#pop-around a{display: block;}

.close-pop_a{position: relative; width: 2.7em; height: 2.7em; position: absolute; right: 1.5em; top:1.5em}
.close-pop_a:before,
.close-pop_a:after{position: absolute; left: 50%; top:50%;transition: .25s ease-in-out; transform-origin: center center; width: 2px; height: 100%; background: #333; border-radius: 50%; margin-left: -1px; content: ''; margin-top: -1.35em;}
.close-pop_a:before,.bot-qna  .close-bot_qna:before{transform: rotate(45deg)}
.close-pop_a:after,.bot-qna  .close-bot_qna:after{transform: rotate(-45deg);}

#scroll-top .close-bot_qna{width: 10px; height: 10px; position: absolute; right: 5px; top:4px; position: absolute; margin-top: 0;  box-shadow: none; border-radius: 0; overflow: hidden;}
#scroll-top .bot-qna button{margin-top: 0;}
.bot-qna .close-bot_qna:before,
.bot-qna .close-bot_qna:after{position: absolute; left: 50%; top:0; width: 2px; height: 100%; background: #333; border-radius: 50%; margin-left: -1px; content: ''}

.bot-qna{position: relative;}
.bot-bubble{position: absolute; left: 50%; bottom: calc(100% + 15px); transform: translateX(-50%); background: #fff; border-radius:5px; border:1px solid #ccc; display: flex; height: 5em; align-items: center; justify-content:center; font-size: 13px; width: 130px; text-align: center; line-height: 1.35; letter-spacing: -0.1em; font-weight: 500;}
.bot-bubble:after, .bot-bubble:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: transparent;
	outline: 0 !important
}
.bot-bubble:after {
	border-top-color: #fff;
	border-width: 9px;
	margin-left: -9px;
}
.bot-bubble:before {
	border-top-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}

.popup_layer_footer {padding:5px 10px 5px 10px;font-size:13px;background-color:#033096;color:#fff;overflow:hidden}
.popup_layer_footer>.popup_layer_reject {position:relative;padding-left:18px;display:inline-block;padding-top:3px}
.popup_layer_footer>.popup_layer_reject>input {position:absolute;left:0;top:4px}
.popup_layer_footer>button.popup_layer_close {padding:3px 10px;float:right;background:#011b56;color:#fff}
.popup_layer_footer>.popup_layer_close {padding:3px 10px;float:right;background:#011b56;color:#fff}

@media screen and (max-width:1280px) {
	.bot-bubble{margin-left: -5px;}

}
@media screen and (max-width:1199px) {
	.inner {max-width:100%; padding:0 1%;}
	.tabs_area.tabs_fixed {width:100%;}
	.header_wrap {min-height:auto;}
	.header_wrap .logo_area {left:10px;}
	.header_wrap .sns_area {right:10px;}
	.ds_contents .service_info > div.box1 {width:65%;}
	.index1 .header_wrap .main_title, .index2 .header_wrap .main_title, .index3 .header_wrap .main_title {padding:5% 40px;}
	.tct > img {max-width:100%;}

	.bot-bubble{font-size: 12px; width: 105px; margin-top:0; height: 4.5em; padding-top: 4px;}
}
@media (max-width:1024px){
	.header_wrap .main_title_wrap {padding:20% 0 2%;}
	/* 20220721 둘러보기 추가 */
	#pop-around{font-size: 15px;}
	#pop-around .sect > a{padding: 0 30px 0 10px}
	#pop-around .sect > a:after{width: 7px; height: 7px; margin-top: -7px; right: 10px}
	#pop-around .sect > .active:after{margin-top: -4px;}

	.bot-bubble{bottom: calc(100% + 14px)}
	.bot-bubble:after {
		border-width: 7px;
		margin-left: -5px;
	}
	.bot-bubble:before {
		border-width: 9px;
		margin-left: -7px;
	}
}

@media screen and (max-width:950px) {
	html {font-size:60%;}
	.header_wrap .inner {background: url('../images/main_visual_md.png') center right 30px no-repeat;}
	.header_wrap .main_title {padding-top:10%;}
	.header_wrap .gnb_wrap {margin-top:18px;}
	.ds_container.type01 {background-size: 85%; background-position: bottom -90px left; overflow: hidden;}
	.ds_contents.area03 h2:before {position:absolute; top:-5%; right:35%;}
	.ds_contents .service_info > div dl dd {font-size:2.1rem; line-height:2.3rem; margin:20px 0 0 17px;}
	.support_container .contents_group > ul > li {padding:0 5%;}
	.support_container .contents_group > ul.txt_area > li {padding:0 5%;}
	.support_container h4 {text-align:left;}
	.support_container h5 {margin-top:26px; margin-bottom:14px;}
	.contents_group ul.list-depth1 li { padding: 0 0 3px 6px;}
	.support_container .step {display:inline-block; position:relative; width: calc((100% - 90px) / 4); height: auto; margin-right:24px; padding:15px 10px;}
	.support_container .step p.title {font-size: 1.8rem; line-height:2.1rem;}
	.support_container .step p {line-height:1.8rem; line-height:2.1rem;}
	.support_container .step:after {content:'\e907'; font-family:xeicon; font-size: 2.0rem; text-align: center; vertical-align: middle; position:absolute;top: calc(45% - 8px); right: -20px;width: 24px;height: 24px;b order-radius: 24px;}
	.support_container .step.step3 {width: calc((100% - 76px) / 3); height:auto; margin-right:24px; padding: 15px 10px;}
	.contents_group ul.list-info2 li {padding:0 0 3px 10px;}
	.contents_group ul.list-info2 li > ul > li {padding:0 0 2px 10px;}
	.contents_group > dl {flex-direction: column;}
	.contents_group > dl > dt {width:100%; margin-bottom: 15px;}
	.contents_group > dl > dd {width:100%; padding-left:1%;}
}

@media screen and (max-width:768px) {
	.header_wrap .inner {background-size:70% !important;background-position: top 48% right right 10% !important;}
	.header_wrap .main_title_wrap {padding:20% 1% 2%;}
	.header_wrap .main_title h3 {margin-top:5px;font-size:2.8rem; line-height:1.3em; color:#ec5e8e; font-weight:600;}
	.header_wrap .main_title .s_title {display: block; color:#48517b; font-size:2.1rem; line-height:2.3rem; margin-top:0; font-weight:300;letter-spacing:-0.2rem;word-break:keep-all;}
	.header_wrap .gnb_area {padding-top:60px;}
	.header_wrap .gnb_area ul {width:100%; margin-left:0;}
	.header_wrap .gnb_area ul li {width:33.33%; text-align:center;}
	.header_wrap .gnb_area ul li a.active { background:url('../images/img_hh4_bg.jpg') bottom 7px left; background-repeat-y:no-repeat; background-repeat: repeat-y;}
	.header_wrap .main_title > img {width:60%;}
	.ds_container > section {padding:20px 0;}
	.ds_contents .right-btn {float:right; font-size: 2.4rem; padding: 10px 30px; margin-top:10px;}
	.ds_contents.area01 h2 {font-size:2.8rem;}
	.ds_contents.area01 h2 span {display:block; font-size:2.1rem; margin-bottom:10px;}
	.ds_contents.area01 h2:before {position:absolute; width:50px; height:50px; top:-8%; right:1%; z-index:-1;}
	.ds_contents.area02 h2 {font-size:2.8rem; display:inline-block; width: 66.66%;}
	.ds_contents.area02 h2 span {display:block; font-size:2.1rem; margin-bottom:20px;}
	.ds_contents.area02 h2:before {position:absolute; width:50px; height:50px; top:-6%; left:1%; z-index:-1;}
	.ds_contents.area03 h2 {font-size:2.8rem;}
	.ds_contents.area03 h2 span {display:block; font-size:2.1rem; margin-bottom:20px;}
	.ds_contents.area03 h2:before {position:absolute; width:50px; height:50px; top:-5%; right:35%; z-index:-1;}
	.ds_contents .service_info > div.box1 {width:100%; float:auto; display:inline-block;}
	.ds_contents .organization_info ul li dl dt {margin: 5px;}
	.ds_contents .organization_info ul li dl dd.t_tit {margin: 10px 5px; height: 50px;}
	.tabs_area.tabs_type1 li {width:25%; height:auto;}
	.support_container > section {padding:0;}
	.bg_style {margin:0;}
	.support_container .contents_group > ul.colum3 > li {width:100%; display:block;}
	.support_container .contents_group > ul.txt_area.type2 > li {padding:0 4%;}
	.contents_group ul.list-depth1 li .break {width:48%; float:left}
	.contents_group ul.list-depth2 li.break {width:48%; float:left}
	.nav_group ul li {width:25%;}
	/*
	.table_group {overflow-x:auto; overflow-y:hidden;}
	.dsTable {width:940px;}
	*/
	.support_container .contents_group .swipe_img {display:block;}
}
@media (max-width:720px){
	/* 20220721 둘러보기 추가 */
	#pop-around{font-size: 14px;}
	.close-pop_a{width: 1.95em; height: 1.95em; margin-top: 5px;}
	#pop-around .in{margin: -1em 0 0 -2%;}
	#pop-around .sect{width: 31.3333%;margin: 1em 0 0 2%;}
	#pop-around .group{margin-top: 50px;}
	#pop-around .dep{margin-top: 10px; padding: 0}
}
@media screen and (max-width:480px) {
	html {font-size:50%;}
	.pc_only {display:none;}
	.mb_only {display:inline-block;}	
	.header_wrap .gnb_wrap {margin-top:10px;}
	.header_wrap .logo_area a > img {width:90%;}
	.header_wrap .sns_area a > img {width:40%;}
	.header_wrap .gnb_area {padding-top: 45px;}
	.header_wrap .gnb_area ul li a {padding:5px; font-size:1.7rem;}
	.header_wrap .gnb_area ul li a.active {background:url('../images/img_hh4_bg.jpg') bottom -2px left; background-repeat-y:no-repeat;}
	.header_wrap .inner {background-size:85% !important;background-position: top 55% center !important;}
	.header_wrap .main_title_wrap {padding:37% 1% 2%;}
	.header_wrap .main_title, .index2 .header_wrap .main_title, .index3 .header_wrap .main_title {padding:0; width: 100%;}
	.header_wrap .main_title > img {width:80%;}
	.header_wrap .main_title h3 {margin-top: 5px;}
	.header_wrap .main_title .s_title {font-size:1.8rem;}
	.nav_group {margin:30px 0;}
	.nav_group ul li a > span.img > img {width:60%;}
	.ds_container {padding: 40px 0;}
	.ds_contents .service_info > div.box1 dl {float:left; width:45%;}
	.ds_contents.area02 h2:before {position:absolute; top:-3%; left:1%; z-index:-1;}
	.ds_contents.area03 h2:before {position:absolute; top:-5%; right:30%; z-index:-1;}	
	.tab-contents .contents_title {width:360Px; margin:55px auto 30px; position:relative;}
	.tabs_area li {font-size:2.0rem; padding: 18px 0;}
	.bg_style {padding:20px !important;}
	.support_container .contents_group > ul > li {float:none; width:100%; padding:0 2% 2% !important;}
	.support_container .contents_group > ul > li:after {display:none;}
	.support_container .r_txt {text-align:left;}
	.support_container .box.info .con {width: calc(100% - 5px); padding:10px;}
	.support_container .step {width: 100%; margin: 0 0 20px 0;}
	.support_container .step:after {content:'\e905'; font-family:xeicon;font-size: 2.2rem; position:absolute;top: calc(100% - 10px);right: calc(50% - 12px);}
	.support_container .step.step3 {width: 100%; margin: 0 0 20px 0;}
	.contents_group > dl > dt {padding:0 1%;}
	.contents_group ul.list-depth1 li .break {width:100%;}
	.contents_group ul.list-depth2 li.break {width:100%;}
	.flowChart .data01 {float:left; width:100%; border-bottom:1px solid rgba(0, 0, 0, .15); border-right:0; padding: 10px; margin: 0;}
	.flowChart .data02 {float:left; width:100%; padding:10px; margin-bottom: 10px;}

	/* 20220721 둘러보기 추가 */
	#pop-around .flex{padding: 1em}
	.close-pop_a{margin-top: 0; right: 1em}
	#pop-around .sect > a{padding-left: 5px;}

	.bot-bubble{transform: none; left: auto; right: 0; margin-left: 0;}
	.bot-bubble:after, .bot-bubble:before{left: auto}
	.bot-bubble:after{right: 15px}
	.bot-bubble:before{right: 13px}
}

@media (max-width:380px){
	/* 20220721 둘러보기 추가 */
	#pop-around .sect{width: 48%;}
}