/* font */
@font-face {
  font-family: Pretendard;
  src: url(/font/Pretendard-Medium.woff2) format('woff2'),
	   url(/font/Pretendard-Medium.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Pretendard;
  src: url(/font/Pretendard-Bold.woff2) format('woff2'),
	   url(/font/Pretendard-Bold.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Pretendard;
  src: url(/font/Pretendard-ExtraBold.woff2) format('woff2'),
	   url(/font/Pretendard-ExtraBold.woff) format('woff');
  font-style: normal;
  font-weight: 800;
}


* { margin:0; padding:0; border:0; outline:0; box-sizing:border-box;}
html{width:100%;}
body{font-size:14px; font-family:Pretendard,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; width:100%; color:#333; word-spacing:normal; letter-spacing:normal; background:#fff;}
a,a:link,a:visited{color:#000; text-decoration:none; font-weight:800;}
a:hover{text-decoration:none;}
ul,ol{list-style:none}
img, video{ border:0; vertical-align:top; }
input, select{ vertical-align:middle; font-family:Pretendard,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
legend,hr{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
.blind,caption{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* Layout base */
#wrap {position:relative; width:100%; margin:0 auto; min-width:1500px; box-sizing:border-box; padding-bottom:30px;}
/* drag */
::selection {background:#359ecb; color:#FFF; text-shadow:none;}
::-moz-selection {background:#359ecb; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#359ecb; color: #FFF; text-shadow: none;}

.clearfix:after{clear:both; content:""; display:block;}

.cont_vis_wrap {position:relative; width:1100px; height:390px; margin:0 auto; background:url("/img/vis_1.png") no-repeat;}
.cont_vis_txt {position:absolute; width:100%; left:0px; bottom:40px; color:#828282; font-size:15px; font-weight:400; letter-spacing:-0.3px; line-height:140%; word-break:keep-all;}
.cont_vis_img {position:absolute; width:180px; height:300px; left:calc(50% + 260px); top:190px; background:url("/img/vis_2.png") no-repeat; z-index:1000;}

.cont_wrap {position:relative; width:1100px; min-height:800px; margin:0 auto; background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,.03); border-radius:10px; overflow:hidden;}
.top_vis_wrap {position:relative; width:100%; height:520px; background:url("/img/vis_top.jpg") no-repeat;}
.top_vis_txt {position:relative; width:420px; padding:225px 0px 10px 50px; color:#333; font-size:20px; font-weight:800; letter-spacing:-0.5px; line-height:130%; word-break:keep-all;}
.top_vis_txt_2 {position:relative; width:420px; padding-left:50px; color:#888888; font-size:17px; font-weight:400; letter-spacing:-0.5px; line-height:130%; word-break:keep-all;}
.top_vis_txt_3 {position:absolute; width:100%; left:50px; bottom:27px; color:#828282; font-size:15px; font-weight:400; letter-spacing:-0.3px; line-height:130%; word-break:keep-all;}
.t_col_1 {font-weight:800; color:#0580e5;}
.t_col_2 {font-weight:400; color:#666;}
.t_col_3 {color:#666; font-weight:600;}
.t_col_4 {color:#333; font-weight:600;}

.form_wrap {position:relative; width:1000px; margin:0 auto; padding-top:60px; padding-bottom:80px;}
.c_tit {position:relative; display:inline-block; height:42px; border-radius:21px; padding:14px 18px 0px 18px; background:#0580e5; text-align:center; color:#fff; font-size:15px; font-weight:600; letter-spacing:-0.3px; line-height:100%; margin-bottom:10px;}
.c_tit_2 {position:relative; color:#333; font-size:18px; font-weight:800; letter-spacing:-0.5px; line-height:100%; margin-bottom:10px;}


.form_box {position:relative; width:100%; height:50px; margin-bottom:6px; padding-left:125px;}
.form_tit {position:absolute; width:125px; left:0px; top:0px; color:#666; font-size:16px; font-weight:600; letter-spacing:-0.7px; line-height:100%; padding-top:18px;}
.form_bt {position:absolute; width:100px; height:50px; left:630px; top:0px; border-radius:3px; border:solid 1px rgba(0,0,0,.1); cursor:pointer; text-align:center; font-size:14px; color:#7f7f7f; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:17px; transition:all 0.2s ease 0s; background:#fcfdff;}
.form_bt:hover {border:solid 1px rgba(0,0,0,.2); color:#333;}
.form_box_out {position:relative; width:100%;}

.form_box_2 {position:relative; float:left; width:375px; height:50px; margin-bottom:6px; padding-left:125px; margin-right:60px;}
.form_tit_2 {position:absolute; width:125px; left:0px; top:0px; color:#666; font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:100%; padding-top:18px;}
.form_box_3 {position:relative; float:left; width:355px; height:50px; margin-bottom:6px; padding-left:80px;}
.form_tit_3 {position:absolute; width:80px; left:0px; top:0px; color:#666; font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:100%; padding-top:18px;}
.form_tit_4 {position:absolute; width:80px; left:0px; top:-11px; color:#666; font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:120%; padding-top:18px;}
.form_gui {position:absolute; left:230px; top:0px; color:#999; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:18px;}

.form_bt_2 {position:relative; display:inline-block; width:140px; height:50px; border-radius:3px; border:solid 2px #52d5e7; cursor:pointer; text-align:center; font-size:14px; color:#31b3c5; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:16px; transition:all 0.2s ease 0s; background:#fcfdff; margin-right:5px;}
.form_bt_2:hover {border:solid 2px #31b3c5; color:#31b3c5;}

.form_bt_3 {position:absolute; width:146px; height:50px; left:630px; top:0px; border-radius:3px; border:solid 2px #52d5e7; cursor:pointer; text-align:center; font-size:14px; color:#31b3c5; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:16px; transition:all 0.2s ease 0s; background:#fcfdff; margin-right:5px;}
.form_bt_3:hover {border:solid 2px #31b3c5; color:#31b3c5;}

.form_box_4 {position:relative; width:100%; margin-bottom:6px; padding-left:125px; padding-top:8px; color:#999; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:150%;}
.form_box_5 {position:relative; width:100%; margin-bottom:6px; padding-left:125px; margin-top:20px;}
.form_box_6 {position:relative; width:100%; margin-bottom:6px; padding-top:14px; color:#999; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:150%;}

.form_info_box {position:relative; width:100%; height:150px; overflow-y:auto; border:solid 1px #e2e3e8; border-radius:3px; text-align:left; letter-spacing:-0.5px; color:#7a7a7a; font-size:14px; line-height:150%; font-weight:400; padding:16px 12px; transition:all 0.2s ease 0s; margin-top:20px;}

.form_info_box::-webkit-scrollbar {
    width: 6px;
}
.form_info_box::-webkit-scrollbar-track {
    background-color: #e1e3e6;
	border-radius: 3px;
}
.form_info_box::-webkit-scrollbar-thumb {
    background-color: #c1c4c9;
	border-radius: 3px;
}

.form_sel {position:relative; width:100%; box-sizing:border-box; margin-top:16px;}
.form_sel ul li {position:relative; float:left; height:22px; box-sizing:border-box; margin-right:4px;}
.form_sel ul li.inqseltxt {font-size:15px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-right:25px; padding-top:3px;}

.form_subbt_box {position:relative; width:100%; border-top:solid 1px #eeeeee; margin-top:50px; text-align:center; padding-top:30px;}
.form_subbt_1 {position:relative; display:inline-block; width:140px; height:50px; border-radius:3px; border:solid 2px rgba(0,0,0,.1); cursor:pointer; text-align:center; font-size:14px; color:#999; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:16px; transition:all 0.2s ease 0s; background:#fff; margin-right:5px;}
.form_subbt_1:hover {border:solid 2px rgba(0,0,0,.2); color:#666;}
.form_subbt_2 {position:relative; display:inline-block; width:140px; height:50px; border-radius:3px; cursor:pointer; text-align:center; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.5px; line-height:100%; padding-top:18px; transition:all 0.2s ease 0s; background:#19acd5;}
.form_subbt_2:hover {background:#0d90b5;}

.guide_wrap {position:relative; width:100%; height:80px; margin-top:80px; font-size:13px; color:rgba(0,0,0,.35); font-weight:400; letter-spacing:-0.5px; line-height:150%; text-align:right;}
.guide_wrap_2 {position:relative; width:520px; height:80px; margin:0 auto; margin-top:20px; font-size:13px; color:rgba(0,0,0,.35); font-weight:400; letter-spacing:-0.5px; line-height:150%; text-align:right;}

/* table */
.cont_tab_wrap {position:relative; width:100%; box-sizing:border-box}
.cont_tab_01 {border:none; border-collapse:collapse; width:100%;}
.cont_tab_01 th {color:#666; font-size:15px; font-weight:600; letter-spacing:-0.7px; text-align:center; box-sizing:border-box; padding-top:17px; padding-bottom:17px; border:solid 1px #e2e3e8; background:rgba(0,0,0,.01);}
.cont_tab_01 td {color:#666; font-size:15px; font-weight:400; letter-spacing:-0.5px; text-align:left; vertical-align:top; box-sizing:border-box; padding:20px; border:solid 1px #e2e3e8;}

.cont_tab_ck {width:20px; height:20px; margin-right:5px; vertical-align:sub;}
.cont_tab_txt {display:inline-block; margin-bottom:9px;}

/* intro */
.logo_box {position:absolute; width:56px; height:40px; left:40px; top:40px;}
.logo_box img {width:56px;}
.int_wrap {position:relative; width:1500px; min-height:1000px; margin:0 auto; padding-top:170px; background:url("/img/n_bg.png") no-repeat calc(50% + 100px) 50px;}
.int_wrap_2 {position:relative; width:1500px; min-height:1000px; margin:0 auto; padding-top:150px;}

.int_bg_1 {position:absolute; width:350px; height:410px; left:calc(50% - 7px); top:180px; padding-top:0px; animation: m_bg_1 1.6s ease 0s infinite alternate;}
@keyframes m_bg_1 {
0% {padding-top:0px;}
100% {padding-top:26px;}
}
.int_bg_1 img {width:350px; height:380px;}

.int_bg_2 {position:absolute; width:220px; height:300px; left:calc(50% + 233px); top:85px; padding-top:0px; animation: m_bg_2 1.6s ease 0.5s infinite alternate;}
@keyframes m_bg_2 {
0% {padding-top:0px;}
100% {padding-top:20px;}
}
.int_bg_2 img {width:220px; height:270px;}

.int_txt {position:relative; width:100%; height:260px; font-size:28px; color:#000; line-height:150%; font-weight:800; letter-spacing:-1.2px;}
.int_tit {position:relative; width:100%; height:50px; font-size:20px; color:#000; line-height:150%; font-weight:800; letter-spacing:-0.5px; margin-top:120px;}
.int_tit_2 {position:relative; width:1050px; height:50px; margin:0 auto; font-size:22px; color:#000; line-height:150%; font-weight:800; letter-spacing:-0.5px; margin-top:120px;}
.int_cont {position:relative; width:100%; height:520px;}
.int_cont ul li {position:relative; float:left; width:470px; height:520px; border-radius:30px; box-shadow:0px 18px 40px rgba(0,0,0,.13); background:#fff; padding:50px; border:solid 1px rgba(0,0,0,.05);}
.int_cont ul li.int_arr {width:45px; height:520px; background:url("/img/n_arr.svg") no-repeat 50% 50%; box-shadow:none; background-size:17px; padding:0px; border:none;}
.int_cont ul li:last-child {margin-right:0px;}
.int_c_num {position:relative; width:100%; font-size:28px; color:#48d0e3; line-height:100%; font-weight:800; padding-bottom:15px; letter-spacing:-1px;}
.int_c_tit {position:relative; width:100%; font-size:22px; color:#000; line-height:100%; font-weight:800; padding-bottom:20px; letter-spacing:-1px;}
.int_c_txt {position:relative; width:100%; font-size:15px; color:#7b7b7b; line-height:150%; font-weight:400; letter-spacing:-0.5px;}
.int_c_bt {position:relative; display:inline-block; height:60px; border-radius:8px; border:solid 1px rgba(0,0,0,.05); background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.1); margin-top:12px; transition:all 0.2s ease 0s;}
.int_c_bt:hover {box-shadow:0px 3px 15px rgba(0,0,0,.2);}
.int_c_bt a {display:block; width:100%; height:58px; font-size:15px; color:#333; text-align:center; padding-top:18px; letter-spacing:-0.5px; font-weight:600; padding-left:20px; padding-right:35px; background:url("/img/n_arr_2.svg") no-repeat calc(100% - 18px) 50%; background-size:10px;}
.int_app_bt {position:relative; width:200px; height:70px; border-radius:35px; background:#31c1e9; box-shadow:0px 0px 10px rgba(0,0,0,.1); margin:0 auto; margin-top:50px; transition:all 0.2s ease 0s; cursor:pointer; font-size:17px; color:#fff; text-align:center; padding-top:25px; letter-spacing:-0.5px; font-weight:600;}
.int_app_bt:hover {box-shadow:0px 3px 15px rgba(0,0,0,.2); background:#29b5dd;}

.int_col {display:inline-block; font-size:18px; color:#959595; line-height:150%; font-weight:600; letter-spacing:-0.5px; margin-top:25px;}
.int_col_2 {display:inline-block; font-size:16px; color:#666; line-height:150%; font-weight:600; letter-spacing:-0.5px; padding-top:8px;}
.int_col_3 {color:#00a4c8;}
.int_col_4 {color:#333; font-weight:600;}

.int_form_wrap {position:relative; width:1100px; min-height:800px; margin:0 auto; background:#fff; border-radius:30px; box-shadow:0px 18px 40px rgba(0,0,0,.13); border:solid 1px rgba(0,0,0,.05); overflow:hidden;}

.int_end_wrap {position:relative; width:100%; min-height:600px;}
.int_end_box {position:relative; width:520px; height:550px; margin:0 auto; border-radius:30px; box-shadow:0px 18px 40px rgba(0,0,0,.13); padding:50px; background:#2cbae2 url("/img/n_bg_4.png") no-repeat;}
.int_end_txt {position:relative; width:100%; font-size:24px; color:#fff; line-height:100%; font-weight:800; padding-top:150px; padding-bottom:40px; letter-spacing:-0.5px; text-align:center;}
.int_end_txt_2 {position:relative; width:100%; font-size:16px; color:#fff; line-height:150%; font-weight:400; letter-spacing:-0.5px; text-align:center;}


/* form */
.inputForm_txt
{
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.2px;
	color:#333;
	height:50px;
	width:500px;
	background-color:#fff;
	box-sizing:border-box;
	border:solid 1px #e2e3e8;
	border-radius:3px;
	font-family:Pretendard,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	text-align:left;
	padding-left:12px;
	transition:all 0.2s ease 0s;
}
input.inputForm_txt::-webkit-input-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
input.inputForm_txt::-moz-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
input.inputForm_txt:-moz-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.6px;}
input.inputForm_txt:-ms-input-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.inputForm_txt:focus {background-color:#fff; border:solid 1px #b9b9b9;}

.textarea_memo {
	width:100%;
	height:100px;
	box-sizing:border-box;
    resize:none;
    overflow-y:auto;
	text-align:left; 
	border:solid 1px #e2e3e8;
	border-radius:3px;
	letter-spacing:-0.5px;
	color:#333; 
	font-size:15px;
	line-height:150%;
	font-family:Pretendard,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	font-weight:400;
	padding:12px 12px;
	transition:all 0.2s ease 0s;
}
.textarea_memo:focus {background-color:#fff; border:solid 1px #b9b9b9;}

.textarea_memo::-webkit-input-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.textarea_memo::-moz-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.textarea_memo:-moz-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.textarea_memo:-ms-input-placeholder{color:#a8a8a8; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.textarea_memo::-webkit-scrollbar {
    width: 6px;
}
.textarea_memo::-webkit-scrollbar-track {
    background-color: #e1e3e6;
	border-radius: 3px;
}
.textarea_memo::-webkit-scrollbar-thumb {
    background-color: #c1c4c9;
	border-radius: 3px;
}

[type="radio"] {
  vertical-align:middle;
  appearance:none;
  border:solid 2px rgba(0,0,0,.3);
  border-radius:50%;
  width:22px;
  height:22px;
  transition:all 0.1s ease 0s;
  cursor:pointer;	
}

[type="radio"]:checked {
  border:solid 6px #19acd5;
}

.form_selbox {
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.2px;
	color:#333;
	height:50px;
	width:140px;
	background-color:#fff;
	box-sizing:border-box;
	border:solid 1px #e2e3e8;
	border-radius:3px;
	font-family:Pretendard,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	text-align:left;
	padding-left:12px;
	transition:all 0.2s ease 0s;
}
.form_selbox:focus {background-color:#fff; border:solid 1px #b9b9b9;}