@charset "euc-kr";

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,select,option {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}

body,th,td,input,select,textarea,button { color:#565656;font-size:14px; letter-spacing:-0.05em; line-height:1.5; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; color:#727272;text-decoration:none; cursor: pointer; }
a:active, a:hover {text-decoration:underline;}
address, em, optgroup {font-style:normal;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img {vertical-align:middle;}

h1, h2, h3, h4, h5, h6 {  
	font-size:100%;   
	font-weight:normal;   
	} 
fieldset, img, abbr, acronym { border:0 none; } 
ol, ul { list-style:none; }
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	text-align:left;
	font-weight: normal;
}
/* common */
.clearfix {zoom:1;}
.clearfix:after {content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
caption {display:block;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;}
legend, .hide {position:absolute; top:0; left:-99999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.din {display:none;}
.fl { float:left;}
.fr { float:right; } 
.screen_out  { overflow: hidden; position:absolute; width:0;  height:0; line-height:0; text-indent:-9999px; }
.bold { font-weight:bold }
.txt_center { text-align:center }
.txt_left { text-align:left }
.txt_right { text-align:right }
.font17 { font-size:17px !important; letter-spacing: -0.08em; }
.font15 { font-size:15px !important; letter-spacing: -0.08em; }
.font13 { font-size:13px !important; letter-spacing: -0.08em ; }
.pointColor, .blue {color: #3c73c4 !important;}
.red { color:#ff0404 !important;}
.red_d { color:#a22828 !important;}
.blue_d { color:#0000ff !important;}
.red_b{color:#ff0404 !important;font-weight:bold;}

.orange { color:#ff7a01 !important; }
.color_link { color:#03C ;}
.txt_accent, .must {color:#fe722e;}

.dep1 { text-indent:-1.071em; padding-left:1.071em; }
.dep2 { text-indent:-0.714em; padding-left:0.714em; }
.dep3 { text-indent:-1.429em; padding-left:1.429em; }
.dep4 { text-indent:-0.571em; padding-left:0.571em; }
.dep5 { text-indent:-1.286em; padding-left:1.286em; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }

.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }

.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }

/* font */

.mg {font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif;}
h3 { display:block; margin-bottom:25px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#252525; }
.tit_01 { display:block; margin-bottom:11px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:20px; font-weight:bold; letter-spacing:-2px; color:#252525; }
.tit_02 { display:block; margin-bottom:10px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:17px; font-weight:bold; letter-spacing:-0.08em; color:#252525; }

/* content */
.Input_com { height:18px; border:1px solid #ccc; background:#fff; color:#727272; font-weight:normal; padding-top:0;	padding-right:0; padding-left:0; padding-bottom:0; text-align:left; }

/* tab_aword */
.tab_years { padding-bottom: 25px; }
.tab_years:after { display: block; clear: both; content: ''; }
.tab_years .list_years li { float: left; box-sizing: border-box; width: 20%; height: 38px; text-align: center; border: 1px solid #e8e8e8; border-left: none; }
.tab_years .list_years li:nth-child(5n+1) { border-left: 1px solid #e8e8e8;  }
.tab_years .list_years li:nth-child(n+6) { border-top: none; }
.tab_years .list_years li a { display: block; height: 100%; font-size: 15px; line-height: 36px; color: #323232; }
.tab_years .list_years li a:hover { text-decoration: none; color: #6d78ba; }
.tab_years .list_years li.on { border: 0; background-color: #6d78ba; }
.tab_years .list_years li.on a { color: #fff; }
.tab_years .btn_more_wrap { clear: both; position: relative; margin: 0 0 42px; padding-top: 25px; border-bottom: 1px solid #e4e8eb; }
.tab_years .btn_more_wrap .btn_more { position: absolute; top: 15px; left: 50%; margin-left: -47px; font-size: 13px; color: #505050; cursor: pointer; }
.tab_years .btn_more_wrap .btn_more .ico_more { display: block; width: 22px; height: 22px; margin: 0 auto 5px; background: url(/resources/images/ico_year_more.png) no-repeat; }
.tabBox { display: none; }
.tabBox.on { display: block; }



#container { width:900px; margin:0 auto; }
#header .today_date { padding:8px 0 4px 0; text-align:right; border-bottom:1px solid #e0e0e0; }
#header .today_date span { font-size:14px; font-weight:bold; }
#content_wrap { *zoom:1; }
#content_wrap:after { clear:both; display:block; content:""; }
#content_wrap .left_wrap { float:left; width:206px; margin-top:25px; }
#content_wrap .cont_wrap { float:right; width:660px; padding:25px 0 50px 0; }
#content_wrap .cont_wrap .cont { min-height:460px; }
#content_wrap .cont_wrap .cont h2 { margin-bottom:20px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:27px; font-weight:bold; letter-spacing:-3px; color:#364e94; }
#content_wrap .cont_wrap .cont .disc_txt { margin-bottom:30px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:14px; letter-spacing:-0.08em; line-height:1.7em; }

/* table */
.tbl_vscroll {  overflow-y:hidden; overflow-x:auto; margin-top:20px; -webkit-overflow-scrolling:touch; }
.tbl_vscroll .tbl_desc { margin-top:0; }
div.tbl_desc { border-top:0; }
.tbl_desc .bullet { margin-top:0; }
.tbl_desc { table-layout:fixed; width:100%; border-spacing:0; border-top:2px solid #094573; }
.tbl_desc th{padding:10px 5px; font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:15px; font-weight:bold; text-align:center; color:#222; vertical-align:middle; letter-spacing:-0.04em; line-height:20px; background-color:#f1f2f8; border-bottom:1px solid #ddd;}
.tbl_desc th.border {border-left:1px solid #ddd;}
.tbl_desc th.mborder {border-bottom:1px solid #ddd;}
.tbl_desc td{padding:6px 15px 6px 15px; border-bottom:1px solid #ddd; vertical-align:middle; }
/*.tbl_desc td{padding:6px 15px 6px 20px; border-bottom:1px solid #ddd; vertical-align:middle; }*/
.tbl_desc td.border{ }
.tbl_desc td { word-break:break-all; }
.tbl_desc td p { font-size:13px; }
.tbl_desc.vtop tbody td { vertical-align:top; }
.tbl_desc.vtop tbody td.head { vertical-align:middle; }
.tbl_desc .vtop { vertical-align:top; }
.tbl_desc td.head{ font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-weight:bold; background-color:#fafafc; text-align:center; padding-left:10px; padding-right:10px; font-size:14px; letter-spacing:-0.07em; color:#252525; }
.tbl_desc td.head.fnb { font-weight:normal; font-size:1em; }
.tbl_desc.nor_head_font td.head { font-size:1em; font-weight:normal; color:inherit; }
.tbl_desc td.point{font-weight:bold; }
.tbl_desc.center tbody td, .tbl_desc td.center{padding-left:10px; padding-right:10px; }
.tbl_desc td.left{padding-left:20px; }
.tbl_desc td.right{padding-right:20px; }
.tbl_desc td.left.head{ padding-left:30px; word-break:break-all;}
.tbl_desc td.left.head.fnb { padding-left:20px; text-align:left; }
.tbl_desc td.border{border-left:1px solid #ddd;}
.tbl_desc td.borderbnone{border-bottom:1px solid #fff;}
.tbl_desc td.font{ font-size:16px; }
.tbl_desc td.font14p{ font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif; font-size:14px; font-weight: bold; text-align:center; background:#dedede }
.tbl_desc td.bold { font-weight:bold; }
.tbl_desc .null_td { padding:0; height:2px; }
.tbl_desc td.head_bg { background:#fafafc }
.tbl_desc td.head_bg_green { background:#eff7f6 }

.tbl_desc2 td { padding:6px 3px 6px 3px; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle;  }
.tbl_desc2 td input { width:100%; padding:3px 5px; background:#fff; }


.cont .bullet > li { padding-left:11px; margin:2px 0 10px 0; background:url(' /resources/images/dot_list.gif') no-repeat 0 8px; }
.cont .bullet > li a { color:#03C; }
.cont .bullet2 > li + li { margin-top:10px; }
.cont .bullet3 > li + li { margin-top:4px; }
.cont .bullet4 > li + li { margin-top:25px; }
.cont .mor { margin-top:7px; padding-left:1.286em; }
.cont .mor > p { padding-left:11px; margin:5px 0 0 0; text-indent:-0.714em; padding-left:0.714em; }
.cont .bullet > li .mor > p { padding-left:0; }

.cont .step_wrap { padding: 15px 0 15px 63px; border:1px solid #dfdfef; *zoom:1; }
.cont .step_wrap:after { clear:both; display:block; content:""; }
.cont .step_wrap ul li { float:left; margin-right:70px; padding-left:20px; font-size:16px; font-weight:bold; color:#b5b5b5; }
.cont .step_wrap ul li.on { color:#252525; background:url(' /resources/images/icon_arrow_on.gif') no-repeat scroll 0 6px transparent; }
.cont .checkBox_wrap { padding:40px 0; border:1px solid #dfdfdf; background:#f9f9f9; }
.cont .checkBox_wrap .know { margin-left:170px; }
.cont .checkBox_wrap .dont { margin-left:42px; }
.cont .checkBox_wrap span { padding:0 10px 0 0; font-size:16px; font-weight:bold; }


/* rowtable */
table.rowtable {width:100%; border-bottom:1px solid #bbb;}
table.rowtable th {padding:11px 0 11px 24px; border-top:1px solid #e8e8e8; background:#f7f7f7; color:#323232; font-size:13px; font-family:'NanumBold'; text-align:left;}
table.rowtable td {padding:11px 24px; border-top:1px solid #e8e8e8;}
table.rowtable td em { font-size:12px; } 
table.rowtable td span { padding:0 5px; }
table.rowtable .first th, table.rowtable .first td {border-top-color:#bbb;}

table.rowtable2 th, table.rowtable2 td {padding:5px 0; color:#323232;}
table.rowtable2 th {font-size:13px; font-family:'NanumBold'; text-align:left;}



/* input */
.check, .radio {width:13px; height:13px;}
.check {vertical-align:middle;}
.radio {vertical-align:0;}
.intxt {display:inline-block; border:1px solid #d5d5d5; background:#fcfcfc; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input.intxt {height:28px; padding:0 10px; line-height:27px; cursor:auto; }
textarea.intxt {padding:10px; overflow:auto;}
.wfull {width:100%;}
.w50 {width:50px;}
.w65 {width:65px;}
.w75 {width:75px;}
.w87 {width:87px;}
.w125 {width:125px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w175 {width:175px;}
.w225 {width:225px;}
.w250 {width:250px;}
.w360 {width:360px;}
.w460 {width:460px;}
.h102 {height:102px;}

/* select */
.jsSelect { display:inline-block; position:relative; height:28px; background:#fcfcfc; color:#323232; font-size:12px; cursor:pointer; white-space:nowrap; vertical-align:middle; border:1px solid #d5d5d5;}

/* BUTTON */
.btn {display:inline-block; vertical-align:middle; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.disabled {opacity:.4;}
.btn.disable {cursor:not-allowed;}

.btn_default {border:1px solid #97a4be; background:#fff; color:#525f78;}
.btn_enter {border:1px solid #00a051; background:#00a051; color:#fff;}
.btn_cancel {border:1px solid #5d5d5d; background:#5d5d5d; color:#fff;}
.btn_primary2 {border:1px solid #8e97a7; background:#8e97a7; color:#fff;}
.btn_info {border:1px solid #00a051; background:#00a051; color:#fff;}
.btn_success {border:1px solid #0f86cd; background:#0f86cd; color:#fff;}


.btn_area_ct {text-align:center;}
.btn_area_ct .btn {margin:0 3px;}
.btn_area {position:relative; min-height:39px; margin-top:20px; text-align:center;}
.btn_area img { width:auto; height:auto; }
.btn_area .btn {margin:0 3px;}
.btn_area .btn_r {position:absolute; top:0; right:0;}
.btn_area .btn_r .btn {margin:0 0 0 3px;}
.btn_area .btn_l {position:absolute; top:0; left:0;}
.btn_area .btn_l .btn {margin:0 3px 0 0;}
.btn_action {min-width:78px; height:28px; font-size:13px; line-height:26px;}


.agree_check {margin-top:12px; color:#323232; font-size:14px; font-family:'NanumBold';}
.agree_check .check {margin-right:8px;}
.radio_space .radio {margin-right:5px;}
.radio_space30 .space {margin-left:30px;}
.radio_space40 .space {margin-left:40px;}
.radio_space50 .space {margin-left:50px;}
.hyphen {margin:0 6px;}

table.rowtable th, .form_ui table.rowtable td {padding-top:5px; padding-bottom:5px;}
table.rowtable .txtcell th, .form_ui table.rowtable .txtcell td {padding-top:11px; padding-bottom:11px;}
.agree_check {margin-bottom:7px;}
.birth .jsSelect {margin-right:6px;}
.addr .w460 {margin-top:7px;}
.addr .btn {width:98px;}


/* left banner */
.blueberry { position:relative; width:189px; height:60px; margin-top:5px; overflow:hidden; }
.blueberry .mask { position:absolute;top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:.08; -ms-filter:alpha(opacity=8);f ilter:alpha(opacity=8); }/* À̹ÌÁöÅ׵θ® */


/* footer */

.footer_wrap { *zoom:1;  border-top:1px solid #d8d8d8;max-width: 990px;margin: 0 auto;}
.footer_wrap:after { clear:both; display:block; content:""; }
.footer_wrap .logo_wrap { float:left; width:98px; height:27px; margin:33px 0 0 38px; background:url(' /resources/images/bg_logo.png') no-repeat scroll -10px -10px transparent; }
.footer_wrap .right_wrap { float:left; margin:30px 0 40px 45px; padding-left:30px; border-left:1px solid #e4e4e4; *zoom:1; }
.footer_wrap .right_wrap:after { clear:both; display:block; content:""; }
.footer_wrap .right_wrap > strong { display:block; float:left; height:17px; margin-top:4px; padding-right:22px; font-size:16px; font-weight:bold; line-height:17px; letter-spacing:-0.07em; border-right:1px solid #898989; }
.footer_wrap .right_wrap ul { float:left; *zoom:1;}
.footer_wrap .right_wrap ul:after { clear:both; display:block; content:""; }
.footer_wrap .right_wrap ul li { float:left; margin-left:25px; text-indent:-9999px; overflow:hidden; }
.footer_wrap .right_wrap ul li a { display:block; height:26px; background:url(' /resources/images/bg_logo.png') no-repeat scroll 0 0 transparent; }
.footer_wrap .right_wrap ul li.host1 a { width:131px; background-position:-10px -46px; }
.footer_wrap .right_wrap ul li.host2 a { width:145px; background-position:-10px -85px; }
.footer_wrap .right_wrap ul li.host3 a { width:124px; background-position:-10px -131px; }
.footer_wrap .right_wrap ul li.host4 a { width:169px; background:url(' /resources/images/auri_logo_26.jpg') no-repeat scroll -10px 0px transparent; }
.footer_wrap .right_wrap p { clear:both; font-size:13px;} 


#footer { overflow: hidden; position: relative; width: 100%; background-color: #fafafa; }
#footer:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; }
.wrap_footer { max-width: 1170px; margin: 0 auto; padding: 50px 0 75px; }
.wrap_footer .inner_footer { position: relative; }
.wrap_footer .inner_footer p { display: block; margin-top: 1px; padding-left: 90px; font-size: 12px; }
.wrap_footer .inner_footer .wrap_logo { position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-indent: -999px; font-size: 0; background: url(../images/logo_foot_fn.png) no-repeat 0 0; background-size: cover; }
.wrap_footer .inner_footer .list_foot1, .list_foot2 { display: block; padding-left: 81px; font-size: 0; }
.wrap_footer .inner_footer .list_foot1 { margin-bottom: 7px; }
.wrap_footer .inner_footer ul li { display: inline-block; position: relative; padding: 0 9px; font-size: 12px; line-height: 17px; }
.wrap_footer .inner_footer ul li a { display:block; height:26px; background:url(' /resources/images/bg_logo.png') no-repeat scroll 0 0 transparent; }
.wrap_footer .inner_footer ul li.host1 a { width:131px; background-position:-10px -46px; }
.wrap_footer .inner_footer ul li.host2 a { width:145px; background-position:-10px -85px; }
.wrap_footer .inner_footer ul li.host3 a { width:124px; background-position:-10px -131px; }
.wrap_footer .inner_footer ul li.host3 a { width:124px; background-position:-10px -131px; }
.wrap_footer .inner_footer ul li.host4 a { width:169px; background:url(' /resources/images/auri_logo_26.jpg') no-repeat scroll -10px 0px transparent; }
.wrap_footer .inner_footer ul li:last-child:after { display: none; }


.error_wrap {
    min-height: 500px;
    padding: 50px 0 0
}

.error_wrap .sorry {
    display: block;
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 35px;
    letter-spacing: -2px;
    text-align: center;
    color: #5682d2
}

.error_wrap p {
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
    color: #555
}

.error_wrap strong {
    display: block;
    margin-bottom: 15px;
    font-size: 182px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1.2;
    text-align: center;
    color: #252525
}

.error_wrap .btn_wrap {
    padding-top: 15px;
    text-align: center
}

.error_wrap .btn_wrap span {
    padding: 0 4px
}

.error_wrap .btn_wrap .btn_basic {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #6d6d6d;
    text-decoration: none;
    border: 1px solid #d8d8d8
}

.error_wrap .btn_wrap a:hover {
    color: #0072b5
}



:root {
  --button-color: #ffffff;
  --button-bg-color: #0d6efd;
  --button-hover-bg-color: #025ce2;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  background: var(--button-bg-color);
  color: var(--button-color);
  
  margin: 0;
  padding: 0.5rem 1rem;
  
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  
  border: none;
  border-radius: 4px;
  
  display: inline-block;
  width: auto;
  
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  
  cursor: pointer;
  
  transition: 0.5s;
}

button.success {
  --button-bg-color: #7bd9b7;
  --button-hover-bg-color: #4fbeab;
}

button.success {
  --button-bg-color: #7bd9b7;
  --button-hover-bg-color: #4fbeab;
}


button.secondary {
  --button-bg-color: #5a6268;
  --button-hover-bg-color: #727272;
}

a.info {
  color: #fff;
    background-color: #5a6268;
    border-color: #727272;
   --button-hover-bg-color: #727272;
        display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s;
   text-decoration:none;
    
}



a.info:active, 
a.info:hover, {
a.info:focus {
    color: #117a8b !important;
}



button:active,
button:hover,
button:focus {
  background: var(--button-hover-bg-color);
  outline: 0;
}
button:disabled {
  opacity: 0.5;
}