@charset "utf-8";

@import url(/css/wise/ftc/font/noto/noto.css);
@import url(/css/wise/ftc/font/UniversLighter/UNIVERSLIGHTR.css);


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, 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 {margin:0; padding:0; border:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
body {font-size:15px !important; line-height:21px; font-family:"Noto Sans KR", "ulR", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#555;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#333; cursor:pointer;}
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {border:0; vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html, body {width:100%; height:100%;}
p {margin:0 0 0 0;}


/* Skip */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{display:block; position:absolute; left:0; padding:5px 20px; color:#fff; background:#000;}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}

 
/* link style */
a:link, a:visited {color:#444;} 
a:hover, a:active {color:#000; text-decoration:underline;}


/* color style */
.color_ty1 {color:#fb5b5b !important;}
.color_ty2 {color:#4f81e2 !important;}
.orange {color:#e76d53 !important;}


/* table */
table {width:100%; height:auto; table-layout:fixed; border-collapse:collapse; padding:0; margin:0;}
table caption {display:none;}
table button, table input {*overflow:auto;}
.basic_table {}
.basic_table th {border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center; font-weight:normal; color:#444; padding:10px 10px; background:#f7f7f7; word-break:break-all;}
.basic_table td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:10px 10px; text-align:center; word-break:break-all; background:#fff;}
.basic_table .al_left {text-align:left; padding-left:15px;}
.basic_table .bor_no {border-left:0;}
.basic_table .th_top {border-top:2px solid #346bc8;}
.basic_table .td_top {border-top:2px solid #346bc8;}
.basic_table tr.accent td {background:#eaf0f9; color:#4f81e2;}


/* heading style */
h3, h4, h5, h6 {font-weight:normal;}
h4 {color:#444444; font-size:20px; line-height:24px; margin:50px 0 15px 0; padding:0 0 0 15px;}
h5 {color:#346bc8; font-size:18px; line-height:22px; margin:0 0 10px 0;}
h6 {color:#444444; font-size:16px; line-height:20px; margin:0 0 10px 0;}


/* list style */
.list_01 {width:auto;}
.list_01 li {padding:0 0 0 10px; margin:3px 0 0 0; background:url(/images/wise/ftc/common/list01_bul.gif) no-repeat left 8px;}
.list_01 li:first-child {margin-top:0;}
.list_02 {width:auto;}
.list_02 li {padding:0 0 0 10px; margin:3px 0 0 0 !important; background:url(/images/wise/ftc/common/list02_bul.gif) no-repeat left 8px;}
.list_02 li:first-child {margin-top:0 !important;}
.num_list {width:auto; height:auto;}
.num_list li {margin-top:8px; position:relative; padding:0 0 0 25px;}
.num_list li:first-child {margin-top:0;}
.num_list li span.em {display:block; width:20px; height:20px; line-height:22px; font-size:12px; color:#fff; background:#346bc8; text-align:center; position:absolute; left:0; top:0; overflow:hidden; -webkit-border-radius:50%; border-radius:50%;}
.num_list li ul {margin-top:5px;}
.num_list li ul li {margin:3px 0 0 0; padding:0 0 0 10px;}
.num_list li ul li:first-child {margin-top:0;}



/* tip style */
.tip {background:url(/images/wise/ftc/common/tip_ico.png) no-repeat left 2px; padding:0 0 0 25px; min-height:23px;}


/* blank */
a.blank, a.mail {display:inline-block; padding-right:15px; margin:0 5px; background:url(/images/wise/ftc/common/win.gif) no-repeat right 6px; color:#f56155; text-decoration:underline;}


/* button style */
.btn_link {width:100%; text-align:center; margin-top:40px; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
.btn_link a {display:inline-block; vertical-align:top; color:#fff; font-size:18px; line-height:22px; padding:15px 40px 14px 40px; margin:0 5px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.btn_link a.btn_ty1 {background:#346bc8; border:1px solid #346bc8;}
.btn_link a.btn_ty2 {background:#585b63; border:1px solid #585b63;}
.btn_link a.btn_ty3 {border:1px solid #346bc8; color:#346bc8;}
.btn_link a.btn_ty4 {border:1px solid #fb5b5b; background:#fb5b5b;}



/* form,  input set */
button {border:0; cursor:pointer;}
button, input, select, textarea {margin:0; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
button, input {*overflow:visible; line-height:normal;}
button, select {text-transform:none;}
button[disabled], html input[disabled ]{cursor:default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {*overflow:visible; cursor:pointer; -webkit-appearance:button; border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
label, select, input, button {vertical-align:middle;}
input, textarea, select, button, select {font-size:1em; font-family:"Noto Sans KR", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; vertical-align:baseline; vertical-align:middle; color:#555;}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer;}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer;}
input[type="text"], input[type="password"], input[type="file"], input[type="search"] {width:auto; height:34px;padding:0 5px; margin:0; border:1px solid #c6c6c6; box-sizing:border-box;}
input[type="file"] {cursor:pointer; width:30%; min-width:200px;}
:root input[type="file"]{padding:0 5px 0 0; border:0 none\9}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"], input[type="reset"], input[type="submit"]{min-width:20px;width:auto;height:34px;padding:4px 16px;margin:0;border:1px solid #636b7e;background:#636b7e;font-weight:400;font-size:14px;line-height:1em;color:#fff; cursor:pointer;}
textarea {overflow:auto; padding:0;border:1px solid #c6c6c6; vertical-align:top; -webkit-appearance: none; border-radius:0; resize:none; width:100%; padding:5px; box-sizing:border-box; min-height:150px;}
select {height:34px; line-height:18px; padding:0 25px 2px 10px; margin:0; border:1px solid #c6c6c6; cursor:pointer; border-radius:0; color:#555;font-size:14px;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"], input[type="text"] {ime-mode:active; border-radius:0; -webkit-appearance: none;}
::-webkit-input-placeholder {color:#8a8a8a;}
:-moz-placeholder {color:#8a8a8a;}
::-moz-placeholder {color:#8a8a8a;}
:-ms-input-placeholder {color:#8a8a8a;}
input[type=text].input_ty1, select.input_ty1 {min-width:125px; width:20%;}
input[type=text].input_ty2, select.input_ty2 {min-width:150px; width:100%;}
input[type=text].input_ty3, select.input_ty3 {min-width:65px; width:8%;}
input[type=text].input_ty4, select.input_ty4 {min-width:160px; width:30%;}
input[type=text].input_ty5, select.input_ty5 {min-width:100px; width:15%;}
input[type=text].input_ty6, select.input_ty6 {width:45px;}

input[type="checkbox"]:not(old) + label {display:inline-block;margin:0 20px 0 0;font-weight:normal;font-size:15px;}
input[type="checkbox"]:not(old):checked + label {display:inline-block; background-position:left -56px;font-size:15px;}	
input[type="radio"]:not(old) + label {display:inline-block; background:url(/images/wise/ftc/contents/sp_chk.png) no-repeat left -94px; padding:5px 0 5px 26px;}
input[type="radio"]:not(old):checked + label {display:inline-block; background-position:left -144px;}


/* hide style */
.hidden, legend {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.fl_left {float:left !important;}
.fl_right {float:right !important;}
.al_left {text-align:left !important;}
.al_right {text-align:right !important}
.al_center {text-align:center !important;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}


/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:45px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:45px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}


@media screen and (max-width: 1023px){
.btn_link {margin-top:35px;}
.btn_link a {font-size:17px; line-height:22px; padding:12px 35px 10px 35px;}
.js_tab {margin:0 0 25px 0;}
}


@media screen and (max-width: 840px){
.btn_link {margin-top:30px;}
.btn_link a {font-size:16px; line-height:21px; padding:12px 30px 10px 30px;}
}


@media screen and (max-width: 640px){
input, textarea, select, button, select, label {font-size:14px;}	
h4 {font-size:18px; line-height:22px;}	
h5 {font-size:16px; line-height:20px;}
p, table th, table td, ul li, ol li {font-size:14px; line-height:20px;}	
.num_list li span.em {top:-1px;}
.list_01 li {background-position:left 8px;}
.list_02 li {background-position:left 9px;}
.btn_link {margin-top:25px;}
.btn_link a {font-size:15px; margin:0 3px;}
input[type="checkbox"]:not(old) + label {background-position:left -7px;}
input[type="checkbox"]:not(old):checked + label {background-position:left -57px;}	
input[type="radio"]:not(old) + label {background-position:left -95px;}
input[type="radio"]:not(old):checked + label {background-position:left -145px;}
.js_tab {margin:0 0 20px 0;}
.js_tab.select .title a {padding:9px 50px 8px 15px; font-size:16px; line-height:21px;}
.table_scroll {overflow-x:scroll;}
.table_scroll table {width:640px;}
}


@media screen and (max-width: 480px){
h4 {margin:30px 0 10px 0;}	
.btn_link {margin-top:25px;}	
.btn_link a {padding:10px 20px; font-size:14px;}
}

@media only screen and (min-width:300px) {
* {max-height:100000px; }
}