@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans');*/
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/images/font/NanumBarunGothic_Bold.eot');
    src: url('/images/font/NanumBarunGothic_Bold.eot?#iefix') format('embedded-opentype'),
         url('/images/font/NanumBarunGothic_Bold.woff2') format('woff2'),
         url('/images/font/NanumBarunGothic_Bold.woff') format('woff'),
         url('/images/font/NanumBarunGothic_Bold.ttf') format('truetype'),
         url('/images/font/NanumBarunGothic_Bold.svg#nanumsquarerregular') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/images/font/NanumBarunGothic_Light.eot');
    src: url('/images/font/NanumBarunGothic_Light.eot?#iefix') format('embedded-opentype'),
         url('/images/font/NanumBarunGothic_Light.woff2') format('woff2'),
         url('/images/font/NanumBarunGothic_Light.woff') format('woff'),
         url('/images/font/NanumBarunGothic_Light.ttf') format('truetype'),
         url('/images/font/NanumBarunGothic_Light.svg#nanumsquarerregular') format('svg');
    font-weight: 200;
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/images/font/NanumBarunGothic_Regular.eot');
    src: url('/images/font/NanumBarunGothic_Regular.eot?#iefix') format('embedded-opentype'),
         url('/images/font/NanumBarunGothic_Regular.woff2') format('woff2'),
         url('/images/font/NanumBarunGothic_Regular.woff') format('woff'),
         url('/images/font/NanumBarunGothic_Regular.ttf') format('truetype'),
         url('/images/font/NanumBarunGothic_Regular.svg#nanumsquarerregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url(/css/font/NanumGothic.eot);
  src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic.woff) format('woff'),
       url(/css/font/NanumGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url(/css/font/NanumGothicBold.eot);
  src: url(/css/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothicBold.woff) format('woff'),
       url(/css/font/NanumGothicBold.ttf) format('truetype');
}


		/* common */

html, body {margin:0px; font-family: 'NanumGothic', sans-serif; font-weight:400; line-height:100%; word-break:keep-all;}
img {border:0px; vertical-align:middle;max-width:100%;height:auto}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
a {text-decoration:none; color:#666; transition: all 0.3s ease 0s;}
a:hover {color:#00a4e3;}
.skip {width:0; height:0; text-indent:1000px; overflow:hidden;}
button {border:0px; background:transparent; padding:0; margin:0px; line-height:100%; cursor:pointer;vertical-align: middle; font-size:15px; }
hr {border:1px dashed #e2e2e2;}
area:focus {outline:0;}

.skip {font-size:0; text-indent:10000px; width:0; height:0; line-height:1;}
.ac {text-align:center !important;}
.al {text-align:left;}
.ar {text-align:right;}
.txt_em {background:url('/images/redStar.gif') no-repeat 0 5px; padding-left:10px; display:inline-block; }
.scrollBox {overflow-x:auto; width:100%;}
.scrollBoxIn {width:100%; position:relative;}
.scrollBoxIn02 {width:860px;}
.scrollBoxIn03 {width:784px;}
.left {float:left;}
.right {float:right;}
.vt {vertical-align:middle}
.vvt {vertical-align:top}

/*°ø¹é*/
.gap5 {height:5px;clear:both;overflow:hidden;}
.gap10 {height:10px;clear:both;overflow:hidden;}
.gap10 {height:10px;clear:both;overflow:hidden;}
.gap20 {height:20px;clear:both;overflow:hidden;}
.gap30 {height:30px;clear:both;overflow:hidden;}
.gap40 {height:40px;clear:both;overflow:hidden;}
.gap50 {height:50px;clear:both;overflow:hidden;}
.gap60 {height:60px;clear:both;overflow:hidden;}
.gap70 {height:70px;clear:both;overflow:hidden;}
.gap80 {height:80px;clear:both;overflow:hidden;}
.gap90 {height:90px;clear:both;overflow:hidden;}
.gap100 {height:100px;clear:both;overflow:hidden;}

.mt30 {margin-top:30px;}
.mt15 {margin-top:15px;}



input[type=radio]:not(old) {margin:0; padding:0; opacity:0; background:url(/images/online/check_on.png) no-repeat 0 0;  width:0; } 
input[type=radio ]:not(old) + label {display: inline-block; text-align: left; height:20px;
padding-left: 25px; background: url(/images/online/check_off_2.png) no-repeat 0 0; line-height: 130%; vertical-align: top;}
input[type=radio]:not(old):checked + label {background: url(/images/online/check_on_2.png) no-repeat 0 0;}

input[type=checkbox]:not(old) {margin:0; padding:0; opacity:0; background:url(/images/online/check_on.png) no-repeat 0 0; width:0;}
input[type=checkbox ]:not(old) + label {display: inline-block; text-align: left; height:20px;
padding-left: 25px; background: url(/images/online/check_off_3.png) no-repeat 0 0; line-height: 130%; vertical-align: top;}
input[type=checkbox]:not(old):checked + label {background: url(/images/online/check_on_3.png) no-repeat 0 0;}
.chkLabel {margin-top:12px;}
input.chkOrigin {opacity:1 !important; width:inherit !important; vertical-align:middle;}
.dayI {margin-right:5px;}


.online_btm_box { background:#fff; border:1px solid #bebebe; overflow:hidden;}
.online_btm_box dt { float:left; padding:20px 0; width:190px; display:inline-block; text-align:center; background:#f7f7f7; font-weight:600; font-size:14px; color:#444; line-height:120%;}
.online_btm_box dd { float:left; width:725px; padding:17px 0 0 15px; font-size:13px; color:#848484; line-height:140%;}

/*
.bu_m_block {background-color:#000; color:#fff; border-radius:5px; text-align:center; padding:6px 10px; min-width:120px; font-size:14px; font-weight:normal; }*/

		/* depth */

.sub_title01 {font-size:36px; color:#444; margin:20px 0; font-weight:normal;}
.sub_title02 {font-size:20px; color:#345ea5; margin:40px 0 10px; position:relative;}
.sub_title03 {font-size:18px; color:#444; padding-left:12px; margin:0 0 10px; background:url('/images/ic_tit03.png') no-repeat left center;}

.sub_title04 {font-size:16px; color:#194897; margin:25px 0 10px;}

.online_process_wrap { background:#fff; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:2px solid #4663af; padding:35px; display:block;}
.online_process_wrap_ttl { font-size:15px; font-weight:600; border-bottom:1px solid #c8c8c8; padding:10px 4px; display:block; line-height:110%;}
.online_process_wrap_ttl span { float:right; background:url(/images/online/!_icon.png) left top no-repeat; padding:0 0 0 30px; font-size:15px; color:#7f7f7f; display:inline-block; line-height:23px;}

.online_step_wrap { clear:both; position:relative; width:100%; margin:0px 0 20px; display:block; overflow:hidden;}
.online_step_wrap dl { float:left; width:20%;}
.online_step_wrap dt { font-size:17px; color:#fff; font-weight:500; padding:16px 0 55px 0; text-align:center;}
.online_step_wrap dd { font-size:16px; color:#fff; text-align:center; letter-spacing:-0.5px; }
.online_step_wrap .step_01 { background:#66b8dd url(/images/online/step_3_icon.png) center no-repeat; height:136px; }
.online_step_wrap .step_02 { background:#369bc9 url(/images/online/step_6_icon.png) center no-repeat; height:136px; }
.online_step_wrap .step_03 { background:#1a80ae url(/images/online/step_2_icon.png) center no-repeat; height:136px; }
.online_step_wrap .step_04 { background:#1c57b1 url(/images/online/step_4_icon.png) center no-repeat; height:136px; }
.online_step_wrap .step_05 { background:#7b46a0 url(/images/online/step_5_icon.png) center no-repeat; height:136px; }

.online_step_wrap .arrow_1 { position:absolute; left:20%; top:25%;}
.online_step_wrap .arrow_2 { position:absolute; left:40%; top:25%;}
.online_step_wrap .arrow_3 { position:absolute; left:60%; top:25%;}
.online_step_wrap .arrow_4 { position:absolute; left:80%; top:25%;}


.online_step_wrap02 { clear:both; position:relative; width:100%; margin:0px 0 20px; display:block; overflow:hidden;}
.online_step_wrap02 dl { float:left; width:12.5%;}
.online_step_wrap02 dt { font-size:17px; color:#fff; font-weight:500; padding:20px 0 55px 0; text-align:center;}
.online_step_wrap02 dd { font-size:15px; color:#fff; text-align:center; letter-spacing:-0.5px; }
.online_step_wrap02 .step_01 { background:#66b8dd url(/images/online/step2_1_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_02 { background:#42a4d0 url(/images/online/step2_2_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_03 { background:#218ebf url(/images/online/step2_3_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_04 { background:#1a80ae url(/images/online/step2_4_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_05 { background:#3468b6 url(/images/online/step2_5_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_06 { background:#1c57b1 url(/images/online/step2_6_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_07 { background:#8f4f95 url(/images/online/step2_7_icon.png) center no-repeat; height:136px; }
.online_step_wrap02 .step_08 { background:#7b46a0 url(/images/online/step2_8_icon.png) center no-repeat; height:136px; }


.online_step_wrap02 .arrow_1 { position:absolute; left:12%; top:25%;}
.online_step_wrap02 .arrow_2 { position:absolute; left:25%; top:25%;}
.online_step_wrap02 .arrow_3 { position:absolute; left:37%; top:25%;}
.online_step_wrap02 .arrow_4 { position:absolute; left:50%; top:25%;}
.online_step_wrap02 .arrow_5 { position:absolute; left:62%; top:25%;}
.online_step_wrap02 .arrow_6 { position:absolute; left:75%; top:25%;}
.online_step_wrap02 .arrow_7 { position:absolute; left:87%; top:25%;}


.member_step_wrap { clear:both; position:relative; width:100%; display:block; overflow:hidden;}
.member_step_wrap dl { float:left; width:16.666%; background:#eeeeee; text-align: center; padding: 20px 0; position: relative;}
.member_step_wrap dl img {margin-bottom:10px;}
.member_step_wrap dl:before {position: absolute; content: "";  width: 0; border-right: 1px solid #dcdbdb; right: 0; top: 0;  bottom: 0;}
.member_step_wrap dl:after {position: absolute;content: "";background-image: url(/images/step_arrow_off.png); width: 14px; height: 24px;  right: -12px;  margin-top: -12px;
    top: 50%; background-repeat: no-repeat; z-index: 10;}
.member_step_wrap dt { font-size:17px; color:#999; font-weight:500; text-align:center; margin-bottom:10px;}
.member_step_wrap dd { font-size:16px; color:#999; text-align:center; letter-spacing:-0.5px; }
.member_step_wrap dl.on {background-color:#66b8dd;}
.member_step_wrap dl.on dt , .member_step_wrap dl.on dd {color:white;}
.member_step_wrap dl.on:after {position: absolute; content:""; width: 0; height: 0; border-top: 11px solid transparent;  border-bottom: 11px solid transparent;  border-left: 11px solid #66b8dd;
    top: 50%; right: -11px;  z-index: 10;  margin-top: -11px;}
.member_step_wrap dl.on:before {border:0;}

.member_step_wrap dl.last:before {border:0;}
.member_step_wrap dl.last:after {background-image:none;}


.chkPointUl {text-align:center;}
.chkPointUl li {display:inline-block; margin-left:25px;}
.chkPointUl li:first-child {margin-left:0;}


	/* list style */

.ulStyle01 > li {background:url('/images/listType.png') no-repeat 0 13px; font-size:13px; padding-left:10px;}
.ulStyle02 > li {background:url('/images/listStyle.png') no-repeat 0 8px; font-size:13px; padding-left:10px; color:#8f8f8f;}

.ulStyle03 {font-size: 15px; padding-left: 3px; line-height:1.8;}
.ulStyle03 > li {color:#333;}
.ulStyle04 > li {background: url('/images/listType.png') no-repeat 13px 9px; font-size: 14px; color:#666;  padding-left: 27px;}
.ulStyle05 {font-size: 14px; padding-left: 3px; line-height:1.8;}

.dlStyle01 {clear:both; min-height:50px; margin-bottom: 10px;}
.dlStyle01 > dt {font-size:14px; line-height:50px; color:#333; width:110px; float:left;}
.dlStyle01 > dd { margin-left: 112px; min-height:50px;}
.dlStyle01 > dd > button {width:100%;}

.dlStyle02 {float:left; display:inline-block; min-height:50px; margin-bottom: 10px;}
.dlStyle02 > dt {font-size:14px; line-height:50px; color:#333; width:110px; float:left;}
	.dtStyle {margin-left:56px;}
.dlStyle02 > dd {float:left; }
.dlStyle02 input {width:250px;}

.dlStyle03 {display:inline-block;margin-bottom:5px; width:100%;}
.dlStyle03 > dt {font-size:14px; line-height:30px; color:#000; width:86px; float:left;font-weight:bold;}
.dlStyle03 > dd {float:left; min-height:30px; margin-right:20px;}
.dlStyle03 select {min-width:160px; padding:5px; font-size:13px; color:#999; border-top:1px solid #b3b3b3; border-left:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; vertical-align:middle; margin-bottom:2px;}
.dlStyle03 input {border-top:1px solid #b3b3b3; border-left:1px solid #b3b3b3; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-size: 14px; padding: 5px 0; text-indent: 10px; color: #777; vertical-align: middle;}
.dlStyle03 .txtbox_l {max-width:200px; width:100%;}
	.resetMin select {min-width:0;}
	.resetMin label {margin-right:10px; font-size:13px; color:#999;}
.olStyle01 > li {text-indent:-20px; padding-left:20px; margin-bottom:5px;}
.olStyle01 > li li {margin-left:-2px; text-indent:0px;}


		/* form style */

.inpTxt_s {width:75px; text-indent:5px;}
.inpTxt_m {width:170px; text-indent:5px;}
.inpTxt_m01 {width:120px;}
.inpTxt_m02 {width:240px;}
.inpTxt_m03 {width:260px;}
.inpTxt_l {width:98%; text-indent:5px;}
.sel01 {width:84px;}
.sel02 {width:230px;}
.sel03 {width:160px;}


		/* login form style */

.subLineBox input {border:1px solid #d8d8d8; font-size:14px; padding:15px 0; text-indent:10px; color:#777; vertical-align:middle;}
.subLineBox button {padding: 15px; font-weight:bold; }
.txtbox_l {width:100%;} 
.txtbox_m01 {width:210px;}
.txtbox_m02 {width:147px;}
.txtbox_s {width:115px;}

.select_s > select {border:1px solid #d8d8d8; font-size:14px; padding: 0 0 5px; text-indent:10px; color:#777; vertical-align:middle; width:117px; height:50px;}
.selDd {padding-top:10px;}
.selDd > label {margin:0 10px 0 0 ;}


		/* sub button */

.buttonBox {margin:40px 0; clear:both;}

.buAlignR {position:absolute; bottom:0; right:0;}
.subBuBox > button {margin-left:5px;}
.subBuBox > button:first-child {margin-left:0px;}
.bu_search {padding:12px 10px; background-color:#32497f; color:#fff; font-size:13px;}
.bu_zoom {background: #444; padding:12px 10px; color: #fff; font-size:13px;}
.bu01_blue {padding:7px 8px; background-color:#345ea5; color:#fff; font-size:14px;}
.bu01_gray {padding:6px 7px; background-color:#a9a9a9; color:#fff; border:1px solid #959595; font-size:14px;}
.bu02_blue {padding:5px 20px;font-size:15px; font-weight:bold; background-color:#345ea5; color:#fff; border-radius:3px; border: 1px solid #345ea5;}
.bu02_red {padding:5px 20px;font-size:15px; font-weight:bold; background-color:#d14369; color:#fff; border-radius:3px; border:1px solid #f10800;}
.bu02_white {padding:5px 20px;font-size:15px; font-weight:bold; background-color:#fff; color:#707070; border-radius:3px; border:1px solid #8e8e8e;}
.bu03_gray {font-size:14px; padding:12px 17px; background-color:#444; color:#c5c5c5; margin-left:5px; margin-bottom:7px; vertical-align:middle; display:inline-block;} 
.bu04_gray {padding:5px 16px; color:#fff; background-color:#444; border:1px solid #c5c5c5;} 
.bu05_blue {height:30px; width:120px; text-align:center; color:#fff; background-color:#345ea5; font-weight:bold;border-radius:4px;}
.bu05_black { height:30px; width:120px; text-align:center; color:#fff; background-color:#000; font-weight:bold; border-radius:4px;}
.bu05_gray { height:30px; width:120px; text-align:center; color:#fff; background-color:#6d6d6d; font-weight:bold; border-radius:4px;}
.bu06_blue {background-color:#0a3d92; border:1px solid #000; color:#fff; padding:8px 12px;}
.bu06_blue img {vertical-align:top;}
.bu07_blue {padding:12px 10px; background-color:#345ea5; color:#fff; font-size:13px;}
.bu07_blue img {margin-top:-3px;}
.bu08_sky {display:inline-block; background:#5f91b8; padding:2px 8px; color:#fff; font-size:13px; margin:0 0 0 50px;}
.bu08_blue {padding: 8px 28px; font-size: 14px; font-weight: bold; background-color: #345ea5;  color: #fff;  border-radius: 3px;  border: 1px solid #345ea5;}
.bu09_blue {padding: 5px 18px; font-size: 13px; font-weight: bold; background-color: #345ea5;  color: #fff;  border-radius: 3px;  border: 1px solid #345ea5;}

.bu10 {padding: 4px 8px 4px 25px; font-size: 11px;font-weight: bold;  background:#e3eaf3 url('/images/btn_icon1.png') no-repeat 8px 4px;  color: #5347c4;  border-radius: 3px;}
.bu11 {padding:  4px 8px 4px 30px; font-size: 11px;  font-weight: bold;background:#e3eff3 url('/images/btn_icon2.png') no-repeat 8px 3px; ;  color: #265f8f;  border-radius: 3px; }
.bu12 {padding:  4px 8px 4px 27px; font-size: 11px;  font-weight: bold;background:#e3eff3 url('/images/btn_icon3.png') no-repeat 8px 5px; ;  color: #0652ba;  border-radius: 3px; }
.bu13 {padding: 4px 7px 4px 17px; font-size: 11px;font-weight: bold;  background:#6e9cb9 url('/images/icon_plus.png') no-repeat 5px 7px;  color: #fff;  border-radius: 3px;}
.bu13:hover {color: #000;}

.fileA {display:block; margin:5px;}


		/* login button */

.buBox {margin-top:28px; display:inline-block;}
.buBox button {float:left; margin-left:8px;}
.buBox button:first-child {margin-left:0px;}
.buBox02 {margin:10px 0 30px; text-align:right;}
.buRightBox {position:absolute; top:15px; right:20px;}
.bu_l_blue {max-width:498px; width:100%; font-size:15px; color:#0a3d92; border:1px solid #516cb4; margin-top:12px;}
.bu_l_blue:hover {background-color:#0a3d92; color:#fff;} 
.bu_m_blue {max-width:247px; width:100%; font-size:15px; color:#0a3d92; border:1px solid #516cb4; margin-top:12px; background:url('/images/ic_buArrow.png') no-repeat center right; text-align:left; padding:15px 14px;}
.bu_m_blue:hover {background-color:#0a3d92; color:#fff;} 
.bu_s_blue {width:161px; font-size:14px; color:#0a3d92; border:1px solid #516cb4; margin-top:12px; background:url('/images/ic_buArrow.png') no-repeat center right; text-align:left; padding:15px 14px; }
.bu_s_blue:hover {background-color:#0a3d92; color:#fff;}
.bu_s_blue02 {font-size:13px; text-align:center; padding:5px 10px 4px; border-radius:3px; background: #0a3d92; color: white;}
.bu_s_black {font-size:13px; color:#fff; text-align:center; padding:5px 10px; background-color:#444; border-radius:3px  }
.bu_s_white {font-size:13px; color:#666; border:1px solid #cfcfcf; text-align:center; padding:5px 10px 4px; border-radius:3px; font-weight: bold; }
.bu_m_blue02 {background-color:#0a3d92; color:#fff; border-radius:5px; text-align:center; padding:6px 10px; min-width:120px; font-size:14px; font-weight:normal; }
.bu_m_blue03 {max-width:247px; width:100%; font-size:15px; color:#0a3d92; border:1px solid #516cb4; background:url('/images/ic_buArrow.png') no-repeat center right; text-align:left; padding:3px 14px;}
.bu_m_blue03:hover {background-color:#0a3d92; color:#fff;} 


.bu_m_blue04 {background-color:#2389aa; color:#fff; border-radius:5px; text-align:center; padding:6px 10px; min-width:120px; font-size:14px; font-weight:normal; }



		/* text */

.txt_blue {color:#1f4e9c;}
.txt_orange {color:#fa7236;}
.txt_guide {font-size:13px; color:#666; text-align:right; margin-bottom:25px;}
.txt_red {font-size:13px; color:#b40000; font-weight:normal;}
.txt_black {color:black;}
.txt_gray {color:#666;}
.txt_strong {font-weight:bold}

		/* table */

.table_normal { width: 100%; border-top: 2px solid #999;  font-size: 15px; border-collapse:collapse;}
.table_normal thead tr th { background-color: #f7f7f7; color: #696969; padding: 10px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;  font-weight:bold;}
.table_normal tbody tr th { background-color: #f7f7f7; color: #666666; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;font-weight:bold; text-align:left;}
	.lineR {border-right:1px solid #e9e9e9;}
.table_normal tbody tr td {color: #696969; padding: 10px 20px 8px; border-bottom: 1px solid #e9e9e9; font-weight: 300; font-weight:bold; font-size:15px; position:relative;} 

.table_normal2 { width: 100%; border-top: 2px solid #999;  font-size: 15px; border-collapse:collapse;}
.table_normal2 thead tr th { background-color: #f7f7f7; color: #696969; padding: 10px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;  font-weight:bold;}
.table_normal2 tbody tr th { background-color: #f7f7f7; color: #666666; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;font-weight:bold; text-align:left;}
	.lineR {border-right:1px solid #e9e9e9;}
.table_normal2 tbody tr td {color: #696969; padding: 10px 20px 8px; border-bottom: 1px solid #e9e9e9; font-weight: 500; font-size:15px; position:relative;} 

.radio_sel li {float: left; margin:0 10px 4px 2px}

table input[type=text]{padding-left:3px;height:38px; line-height:38px; border:1px solid #dadada; vertical-align: middle; margin-bottom:7px;}
table select {height: 42px; vertical-align: middle; line-height: 42px; border:1px solid #dadada; vertical-align: middle; margin-bottom:7px;}
table button {margin-bottom:6px;}
table textarea {width:99%; border: 1px solid #dadada; vertical-align: middle; margin-bottom: 7px;}
table caption{overflow:hidden;visibility:hidden}


.blueLine {border:3px solid #0a3d92 !important;}
.grayLine {border:1px solid #bebebe !important;}

.table_normal.blueLine th {font-size:17px; color:#444; text-align:center;}
.table_normal.grayLine th {padding:15px 25px; font-size:14px; color:#444; border-bottom:0}
.table_normal.blueLine td span {margin-left:30px; display:inline-block;}
.table_normal.blueLine td span:first-child {margin-left:0px}
.table_normal.blueLine td img {margin-right:5px;}
.table_normal.grayLine td {padding:15px 25px; font-size:13px; color:#848484; border-bottom:0; font-weight:normal;}

.table_normal.info {margin-left:150px; width:auto; }
.photoBox {position:absolute; top:0; left:0; width:120px; text-align:center; background-color:#f7f7f7; padding:25px 10px;}
.photoBoxIn {width:80px; height:80px;  margin:0 auto;}
.photoBoxIn img {width:100%; height:100%; display:block; }
.photoBox button {margin-top:15px; }

.table_direction {margin-top: 10px;  width: 100%; font-size: 13px; border-collapse:collapse; border-top: 1px solid #e9e9e9;}
.table_direction tbody tr th { background-color: #f7f7f7; color: #888; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;font-weight:bold;}
.table_direction tbody tr td {color: #333; border-bottom: 1px solid #e9e9e9; font-weight: 300; font-weight:bold; font-size:13px;}
.table_direction tbody tr td  a {display:block; height:20px; padding: 10px 20px; line-height:20px; }
.table_direction tbody tr td  a:hover {color:#0a3d92;}

.orangeBox { border: 4px solid #ff7200; background-color:#f7f7f7; padding:0 40px;}
.table_lineIn {width:100%;}
.table_lineIn tbody tr th {padding:10px 5px 4px; font-size: 17px; color: #000; text-align:left; border-top:1px solid #e1dcdc; font-weight:normal;}
.table_lineIn tbody tr td {padding:10px 5px 4px; border-top:1px solid #e1dcdc;}
.table_lineIn tbody tr:first-child td, .table_lineIn tbody tr:first-child th {border-top:0;}
.table_lineIn tbody tr td label {vertical-align:top; margin-top:10px; margin-bottom:7px;}
.table_lineIn .tit_popCheck {background:url('/images/ic_check.png') 0px 18px no-repeat; padding:20px 0 20px 28px ; font-weight:600;}

.table_white {margin-top: 10px;  width: 100%; border-bottom: 1px solid #575757;  font-size: 13px;  border-top: 1px solid #575757; border-collapse:collapse; }
.table_white thead tr th {color: #333; padding: 14px 0; border-bottom: 1px solid #cfcfcf; }
.table_white tbody tr td {color: #666; padding: 16px 3px; border-top: 1px solid #e9e9e9; }
.table_white tbody tr:hover td {background-color:#eff7ff;}
.table_white tbody .empty:hover td {background-color:#fff;}
.table_white tbody tr:first-child td {border-top:0;}
.table_white tbody tr td a {display:block; color: #333; /*padding: 16px 3px;*/ font-weight:bold;}
.table_white tbody tr td a:hover span {color:#0a3d92; padding-bottom:3px; border-bottom:1px solid #0a3d92;}

.table_listIn {border-collapse:collapse; border-top:2px solid #575757; border-bottom:2px solid #575757; margin-bottom:15px; width:100%;}
.table_listIn thead tr th {padding:10px 20px; font-size:18px; color:#333; text-align:middle; border-bottom:1px solid #cfcfcf; font-weight:normal;}
.table_listIn tbody tr th { color: #454545; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-size:14px; color:#454545;}
.table_listIn tbody tr td {padding:10px 20px; font-size:14px; color:#454545; border-top:1px solid #e9e9e9;}
.table_listIn tbody tr:first-child td {border-top:0;}
.table_listIn .tit_tbList {font-size:13px; color:#999; margin-right:10px;}
.table_listIn .txt_tbList {font-size:13px; color:#454545; margin-right:25px;}
.table_listIn .listTxtBox {padding:10px 5px; min-height:230px; line-height:1.6; font-size:14px;}

.table_page { width: 100%; font-size: 15px; border-collapse:collapse; margin-bottom:15px; }
.table_page thead tr th { background-color: #f7f7f7; color: #696969; padding: 10px 20px; font-weight: 400;  font-weight:bold;}
.table_page tbody tr th { background-color: #f7f7f7; color: #666666; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;font-weight:bold; text-align:left;}
.table_page tbody tr td {color: #696969; padding: 10px 20px 8px; border-bottom: 1px solid #e9e9e9; font-weight: 300; font-weight:bold; font-size:15px; position:relative;}

.table_result {width: 100%; font-size: 15px; border-collapse:collapse; margin-bottom:15px; }
.table_result thead tr th {background-color: #eff7ff; color: #333; font-size:13px; padding: 10px 20px; border-bottom:1px solid #cfcfcf; border-top:1px solid #575757; font-weight: 400; text-align: left; font-weight:bold;}
.table_result tbody tr th { background-color: #f7f7f7; color: #666666; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 400;font-weight:bold; text-align:left;}
.table_result tbody tr td {color: #696969; padding: 10px 20px 8px; border-bottom: 1px solid #e9e9e9; font-weight: 300; font-weight:bold; font-size:15px; position:relative;}
.table_result .sub_title {font-size:14px; color:#0a3d92;}


	/* paging */

.pagination {margin:20px auto; text-align:center; display:block;}
.pagination a , .pagination strong {display:inline-block; text-align:center;  width:25px; height:25px; line-height: 25px; border:1px solid #c1c1c1; 
				border-radius: 3px; transition:0.3s all; margin: 3px 0;  color: #666;}
.pagination a.on , .pagination a:hover {border: 1px solid #0a3d92;}
.pagination .arrow {display:inline-block; width:27px; text-align:center; height:27px; line-height: 27px; border-radius: 3px; color:#d3d3d3; font-size:24px;}
.pagination .arrow span {display:block;}
.pagination .arrow:hover {color:black; background-color:#eee;}
.pagination img {width:25px; height:25px; border-radius: 50%;}

		/* box style */

.searchBox01 {padding:20px 40px; background-color:#f7f7f7; border-bottom:2px solid #575757;}
.searchBox02 {background-color:#f7f7f7; padding:17px 0 13px; text-align:center; margin-bottom:30px; border:1px solid #e9e9e9;}
.searchBox02 > input {vertical-align:middle;  padding: 5px; font-size: 13px; color: #999; border-top: 1px solid #b3b3b3;  border-left: 1px solid #b3b3b3; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; vertical-align: middle;}
.searchBox02 > button {vertical-align:middle; font-weight:normal;}
.searchBox02 > select {padding: 5px; font-size: 13px; color: #999; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; vertical-align: middle;}
.searchBox02 > textarea {width:100%; border:1px solid #b3b3b3; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.searchBox02 > strong {margin:0 20px}

.accordionBox {border-top:1px solid #575757; border-bottom:2px solid #575757; margin-top:10px;}
.accordionBox > ul > li { border-top:1px solid #e9e9e9; }
.accordionBox > ul > li > a {display:block; padding:15px 70px;  background:url('/images/Q.png') no-repeat 30px 19px;  font-size:13px;}
	.accordionCon {display:none; background:url('/images/A.png') no-repeat 30px 20px, #eff7ff; padding:15px 70px; font-size:13px;}

.underBlueBox {padding:35px 37px 30px; border:1px solid #e8e8e8; border-bottom:2px solid #4663af; margin-top:52px;}
	.tit_unBBox {position:relative; border-bottom:1px solid #c8c8c8; padding:0px 5px 10px; color:#0a3d92; font-size:15px; font-weight:bold; margin-bottom:30px;}
	.tit_unBBox .txt_plus {position:absolute; top:0px; right:0; font-size:15px; color:#7f7f7f; }
	.tit_unBBox .txt_plus img {vertical-align:top;}

.topBlueBox {padding:14px 10px 26px; border:1px solid #e8e8e8; border-top:2px solid #4663af; margin-top:52px; overflow-y: scroll;  max-height: 208px;}
.my_left {position: relative; border: 2px solid #fd7e18; margin-top: 52px; padding: 10px 8px 10px;}
.my_left .icon1 {position: absolute; top:26px;}
.my_left p {margin:0 0 20px 52px}
.my_left .grayBox {padding: 11px 20px 4px; background:#f7f7f7; position: relative;  min-height: 100px;}
	.my_left .profile_area {margin-bottom:10px;}
	.my_left .profile_area span {font-size:18px; color:#666; vertical-align:middle; margin-left: 20px; display: inline-block; line-height: 1.5;}
	.my_left .profile_area img {vertical-align:middle; margin-left: 10px;}

.my_left .grayBox .info_area {text-align:left;}
.my_left .grayBox .info_area ul li {border-bottom: 1px solid #eaeaea; padding-bottom: 9px; margin-bottom: 8px; color: #444; font-size: 15px; position:relative;}
.my_left .grayBox .info_area img {display:inline-block; margin-right:10px;}
.my_left .grayBox .info_area strong {color:#444;}

.my_right p {font-size:18px; margin:0 0 10px 10px; color:#345ea5;}
.my_right .top_area {height: 40px; line-height: 40px;}
.my_right .top_area strong {font-size:18px; color:#345ea5; margin-right:20px;}
.my_right .top_area img {vertical-align:middle;}
.my_right .top_area .num {color: #39a5fe;font-weight: bold; margin-left: 10px; padding-bottom: 1px;  border-bottom: 1px solid #37a4fe;}

.ing {color:#0057b2;}
.ing img {margin-right:4px;}


.halfBox > li {width:49.5%; float:left; margin:0 0 20px 0.5%;}
.halfBox > li:first-child {margin:0 0.5% 20px 0;}

.quadraBox > li {width:24.25%; float:left; margin:0 0.5%;}
.quadraBox > li:first-child {margin:0 0.5% 0 0;}
.quadraBox > li > div {padding:60px 10px 0 10px;  position:relative;  min-height: 220px; text-align:center; border:1px solid #eaeaea; margin-bottom: 20px;}
.quadraBox > li > div:hover {border: 2px solid #4663af; padding:59px 10px 0px 10px; margin-bottom:18px; background-color: #eff7ff;}
.quadraBox > li > div > p {font-size:18px; color:#345ea5; margin:20px 0 10px}
.quadraBox > li > div > span {color:#696969; font-size:13px; margin-bottom:40px; display: inline-block;}
.quadraBox > li > div > button {background-color: #0a3d92; font-size: 14px; padding: 10px 40px; color: white; margin-bottom: 18px;  border-radius: 3px; background-color: #0a3d92; font-size: 14px; padding: 10px 40px; color: white; margin-bottom: 18px;  border-radius: 3px;}


.tripleBox > li {width:33%; float:left; margin:0 0 0 0.5%;}
.tripleBox > li:first-child {margin:0;}
.tripleBox > li > div {text-align:center;}
.tripleBox > li div p {font-size:18px; color:#345ea5; margin:20px 0 10px}
.tripleBox > li div span {color:#696969; font-size:13px; margin-bottom:30px; display: inline-block;}
.tripleBox > li a {display:block; height:100%; padding-top:25px; background: #f7f7f7; min-height:150px; border: 2px solid transparent;}
.tripleBox > li a:hover {border: 2px solid #4663af; background-color: white; transition:0s;}

.row {clear:both; min-height: 200px;}

		/* tab */

.tabBox {height:50px; clear:both;}
.tabBox > ul > li {float:left; width:33.3334%; }
.tabBox > ul > li > a {display:block; height:50px; border:1px solid #e9e9e9; border-left:0; border-bottom:0; font-size:14px; color:#666; text-align:center; line-height:50px;}
.tabBox > ul > li:first-child > a {border-left:1px solid #e9e9e9;}
.tabBox > ul > li.on > a {background-color:#4663af; color:#fff;}
.tabBox02 {clear:both; margin:30px 0 10px 0; border-top: 1px solid #99a5c5;  border-left: 1px solid #99a5c5;  display: inline-block;  width: 100%;border-bottom:2px solid #4663af;}
.tabBox02 > ul > li {float:left; width:25%; }
.tabBox02 > ul > li > a {display:block; height:50px; font-size:14px; color:#666; text-align:center; ;  line-height:50px;border-bottom: 0px solid #d7d7d7; border-right: 1px solid #99a5c5;}
.tabBox02 > ul > li.on > a {background-color:#4663af; color:#fff;}
	.tabConIn {display:none;}
	.tabConIn.on {display:block;}
.tabBox03 {min-height:37px; border-bottom:1px solid #e9e9e9;}
.tabBox03 > ul {clear:both; padding:0 20px;}
.tabBox03 > ul > li {float:left; width:14.285%; }
.tabBox03 > ul > li > a {display:block;  text-align:center; font-size:13px; color:#333;}
.tabBox03 > ul > li > a > span {padding: 0px 5px 17px 10px; background:url('/images/tabList_on.png') no-repeat 0 8px ; font-weight:bold; font-size:14px;}
.tabBox03 > ul > li > a:hover {}
.tabBox03 > ul > li > a:hover span {border-bottom:2px solid #0a3d92; background:url('/images/tabList_off.png') no-repeat 0 8px ; color:#0a3d92;}

.tabBox04 {clear:both; margin:30px 0; border-top: 1px solid #d7d7d7;  border-left: 1px solid #d7d7d7;  display: inline-block;  width: 100%;}
.tabBox04 > ul > li {float:left; width:16.6667%; }
.tabBox04 > ul > li > a {display:block; height:50px; font-size:14px; color:#666; text-align:center; line-height:50px;  border-bottom: 1px solid #d7d7d7;   
border-right: 1px solid #d7d7d7;}
.tabBox04 > ul > li.on > a {background-color:#4663af; color:#fff;}




		/* main */

.topLayout {position: fixed; z-index: 100;  top: 0px;  width: 100%;  height: 34px;  background-color: #104295; display: none;}
	.topLayoutIn {width: 100%; max-width: 1200px; margin: 0px auto; position:relative;}
		.topLayoutL {margin-top:5px; float:left; width:100px;}
		.topLayoutR {float:right;}
			.topSearch{background-color:#345ea5; font-size:12px; color:#fff;  border:0;  padding:10px; width:220px; margin-left: -20px; height:14px;}
			.ic_search {position:absolute; top:7px; right:12px}
.headLayout {position: relative; max-width: 1200px; margin:0 auto; height: 80px;}
	.headLayoutL{float: left;}
		.main_title {padding-top:30px; margin:0px;}
		.main_title > a {font-size:20px; color:#000;}
	.headLayoutR{float: right; margin-top:32px;}
		.login {padding:8px 10px; font-size:12px; background-color:#2e68ae; color:white;  font-family: "µ¸¿ò";}
		.memberUl {display:inline-block; vertical-align: middle;  margin-top: 2px;}
		.memberUl > li {float:left; background:url('/images/ic_line.gif') no-repeat center left; padding:0 10px;}
		.memberUl > li:first-child {background:none;}
		.memberUl > li > a {display:block; color:#333; font-size:12px;  font-family: "µ¸¿ò";}
.naviLayout {border-top:1px solid #4663af;  height:54px; border-bottom:1px solid #e1e1e1;  }
	.naviLayoutIn {position:relative; max-width:1200px; margin:0 auto;}
		.naviMenu {position:absolute; width:100%; height:54px; overflow:hidden; z-index:10;}
		.naviMenu > ul {display:inline-block; width:100%;}
		.naviMenu > ul > li {float:left; width:14.2857%}
		.naviMenu > ul > li > a {display:block;height:55px;line-height:55px;color:#333;font-size:17px;text-align:center;font-weight: bold; transition:none;}
		.naviMenu > ul > li > a:hover , .naviMenu > ul > li > a.on  {color: #2e68ae; border-top: 4px solid #2e68ae; height: 51px; line-height:48px;}
		.naviMenu li ul { border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background-color:#fff; height:154px; padding-top:16px;}
		.naviMenu > ul > li:first-child > ul {border-left:1px solid #e1e1e1;}
		.naviMenu li li a {color:#666; font-size:14px; display:block; padding:4px 0; overflow:hidden; text-align:center;}
		.naviMenu li li a:hover > span {color:#4991c9; border-bottom:1px solid #4991c9; }
.mainConLayout {}
	.mainConLayoutIn {max-width:1200px; margin:0 auto;}
		
		.mainCLinkBox {background-color:#104295; margin-bottom:1px; height:118px; background:url('/images/main_link_bg.png') no-repeat center; background-size:cover;}	
			.mainCLinkUl {display:inline-block; width:100%;}
			.mainCLinkUl > li {float:left; width:20%; text-align:center;}
			.mainCLinkUl > li > a {display:block; padding:26px 0;}
			.mainCLinkUl > li span {color:#fff; font-size: 17px; margin:0 0 0 15px;}
			

				
					.tit_notice {font-weight:bold; font-size:20px; color:#000; background:url('/images/ic_tit02.gif') no-repeat bottom left; padding-bottom:10px;}
					.noticeUl {margin-top:20px;}
					.noticeUl > li {height:26px; position:relative;}
					.noticeUl > li:first-child {margin-top:0;}
					.noticeUl > li > a {width:100%; display:block; height:20px;}
					.noticeUl > li > a:hover > p {color:#00a4e3}
					.noticeUl .conP {font-size: 14px; color:#666;font-weight:400;margin: 2px 70px 2px 0;letter-spacing:-0.5px;height:19px;overflow:hidden;}
					.noticeUl .dateP {position:absolute; right:0; top:0; font-size:14px; color:#999; font-weight:400; width:70px; text-align:right; margin:0; letter-spacing:-1px;}
			
			.mainImgBox {background: #f3f3f3;}
				.mainSlider {height:451px; overflow:hidden; position:relative; max-width: 1920px; margin:0 auto;} 
				.mainSlider ul li {float:left;}

			.SliderNumBox {position:absolute; top:90%; left:50%; margin-left: -65.5px;}
			.SliderNumBox > a {width: 18px; height: 18px; color:white; border-radius: 50%; display: inline-block;  margin: 0 5px; background:url('/images/slider_circle.png') no-repeat center;}	
			.SliderNumBox > a.on {width:18px; height:18px; background-color:#49c8c4; background:url('/images/slider_circle_on.png') no-repeat center;}
			.mainCControlBu1 {display:inline-block;  width: 18px; height: 18px; text-align: center; vertical-align: top;  margin-top: 1px;  margin-left: 5px;}		
			.mainCControlBu1 > a {color:white;}

			.maintxt {position:absolute; top:50px; left:0;}
				.maintxt p {font-size:50px; color:white; text-shadow:1px 1px 1px black; margin: 0 0 40px; line-height: 1.2;}	
				.maintxt p span {display:inline-block; font-size:40px;}
				.maintxt span {font-size:24px; color:white; display:block; font-weight: 300; line-height: 1.4;}
				.maintxt a {font-size:16px; color:white; border-radius:5px; padding: 14px 30px; background-color: #49c8c4;  margin-top:30px; display:inline-block;}
				.maintxt ul li {display:none;}
				.maintxt ul li:first-child {display:block;}

			.main_button {position:absolute; top:0; left:0; right:0;}
				.mainImgButton {position:absolute; top:50px; right:0;}

			.main_content {height:230px; padding:45px 0;}

			.main_content_left {width:75%; float:left;}
				.mainNoticeBox {height:275px;}
				.mainNoticeIn > div {width: 46%; float: left; margin:0 2%;} 
				.mainNoticeIn > div > div {position:relative; margin-right:1px; margin-bottom:1px; height:194px;}
				.mainNoticeIn button {position:absolute; top:0; right:0;}

			.main_content_right {width:25%; float:right;}
			    .mainInfoBox {background: #49c8c4; background-image:url('/images/main_info_icon.png'); background-repeat:no-repeat; background-position:30px bottom; margin-bottom: 10px; width: 308px; height:140px; color: white; position:relative;}
				.mainInfoBox > span {margin:25px 0 0 25px; display:inline-block;}
				.mainInfoBox ul {position:absolute; top:23px; right:24px;}
				.mainInfoBox ul li {margin:3px 0;}
				.mainInfoBox ul li a {display: block; padding-left: 8px;  color: white; position:relative; border: 1px solid #b6e9e7;  height: 26px; line-height: 26px;  width: 122px; font-size: 15px;}
				.mainInfoBox ul li a:hover {background:white; border:1px solid transparent; color:#49c8c4;}
				.mainInfoBox ul li a span {position: absolute; top:5px; right: 11px;}

			.mainContactBox {background-color:#fef074; width:308px; height:95px;}
			.mainContactBox hr {border: 1px solid #e4d868; margin:5px 16px 9px}
			
			.contactTop {display:inline-block; width: 100%;}
			.contactTop .left {float:left;  margin: 10px 0 0 16px;}
			.contactTop .left span {margin: 5px 0 0 5px; display: inline-block; vertical-align: middle;}
			.contactTop .right {float:right; font-size: 12px; color: #88816f; margin:22px 16px 0 0;}
			
			.contactBottom {display:inline-block; width: 100%;}
			.contactBottom .left {float:left;  margin:0 0 0 20px;}
			.contactBottom .left span {font-size:14px; color:#b9aa2a;}
			.contactBottom .left > span > span {color:#685f0c; font-weight: bold;  margin-left: 5px;}
			.contactBottom .right {float:right; color: #88816f; margin:0 18px 0 0;}
			.contactBottom .right span {font-size:14px; color:#b9aa2a;}
			.contactBottom .right > span > span {color:#685f0c; font-weight: bold;  margin-left: 5px;}
		

			.banConBox{height:117px; margin-bottom:85px; width:100%; margin-top: -1px;}
				
			


			.index_tel {font-size:12px;color:#685f0c;}
			.index_tel ul li {padding:0 0 3px 26px;background:url('/images/dot_ju.png') no-repeat 16px 7px;}

		/* footer */

.footLayout {border-top:1px solid #e9e9e9; clear: both;  background-color: #fafafa;}
	.footTopLayoutInfo {border-bottom: 1px solid #dfdfdf; height: 49px; margin-bottom: 36px;  background-color: #f3f3f3;}
		.footTopLayoutIn {max-width: 1200px; margin: 0 auto; clear: both;}
			.footInfoUl{display:inline-block; width:34%; float:left;}
			.footInfoUl > li {float:left;padding-right:16px}
			.footInfoUl > li > a {color:#666; font-size:13px; font-weight:bold; display:block; text-align:center; line-height:49px;}
			.footInfoUl > li > a:hover {color:#00358e;}
			
			.mainBannerBox {width:67%; float:right;}
					.mainBannerBox > li {float:left; text-align:center; margin:4px;}
						.banArrowL {position:absolute; top:43px; left:30px;}
						.banArrowR {position:absolute; top:43px; right:30px;}
			
	.footLayoutIn {max-width:1200px; margin:0 auto; position:relative; padding-bottom:60px;}
		.footLogo{position:absolute; top:0; left:10px;}
			.tit_footCon {font-size:12px; color:#666; line-height:19px; font-weight:bold;}
			.txt_footCon {font-size:11px; color:#ababab; line-height:19px; margin:5px 0 0;}


.mb_list {float:right;margin-top:4px}
.mb_list ul li {float:left;margin-left:6px}

		/* search ID PASS*/

.conLayout {max-width:1200px; margin:0 auto; position:relative; min-height:720px;}
	.leftBox {width:200px; position:absolute; top:0; left:0}
	.leftBox > h2 {padding: 40px 26px; font-size: 26px;  color: #fff; margin: 0; text-align: center;  border-bottom: 3px solid #4663af;   color: #4663af;  line-height: 1.2;}
		.subMenuUl > li > a {display:block;padding:18px;font-size: 17px;color:#000;border-bottom:1px solid #ddd;}
		.subMenuUl > li.on > a , .subMenuUl > li > a:hover {background-color: #f7f7f7 !important; color: #424542; font-weight:bold;}	
			.accordion > a {background:url('/images/snb_on.png') no-repeat 90% 22px; }
			.subMenuIn {display:none;padding:20px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#fcfcfc;}
				.subMenuInUl > li > a {display:block; font-size:13px; color:#666; padding:4px 0;}
				.subMenuInUl > li > a:hover {color:#444; font-weight:bold;}

	.contentBox {margin-left:264px;}
		.conTopBox{padding-top:33px;}
			.path {font-size:13px; color:#666; margin-bottom:20px;}
			.path > img {vertical-align:middle;}			
			.sub_txt {color:#999; font-size:12px;  margin: 10px 0;}
			.sub_txt02 {font-size:14px; font-weight:bold; margin:45px 0 20px; color:#000; max-width:600px; line-height:1.3;}
	.conCBox {margin-bottom:60px;}		
		.subBox {}
			.subLineBox { border:1px solid #e8e8e8; padding:0 20px 70px;}
			.subLineBox02 { border:1px solid #e8e8e8; padding:0 20px 45px; border-bottom:2px solid #4663af;}
				.subLineBoxIn {margin:70px auto 0; max-width:500px;}
				.subLineBoxIn02 {margin:70px auto 0; max-width:780px;}
				.subLineBoxIn03 {margin:35px auto 0; max-width:850px;}		
					.radioBox {padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px;}
					.radioBox > label {margin-right:40px; font-size:16px; color:#444;}
				.subLineBoxIn > img {width:100%;}
					.inpTxt {text-align:center; font-size:14px; color:#666; max-width:460px; margin:0 auto 30px;}
					.grayBox {background-color:#f7f7f7; margin:0 auto; text-align:center; padding:35px 0 30px; }
					.grayBox p { margin:15px 0 0; font-size:17px; color:#333;  font-weight:bold;}
					.grayBox img {display:block; margin:0 auto;}
						.txt_grayBox {display:inline-block; max-width:340px;}
						.txt_grayBox > p {float:left; font-size:15px; color:#333; max-width:140px;}
						.txt_grayBox > p:first-child {margin-right:72px;}
						/*.txt_grayBox .txt_ {font-size:20px;}*/
		
		
		/* login */			

					.loginBox {height:105px; position:relative;}
						.loginBoxIn01 {margin-right:155px;}
						.loginBoxIn01 > input {width:100%; color:#666}
						.loginBoxIn01 > input:first-child {margin-bottom:10px;}
						.loginBoxIn02 {position:absolute; right:0; top:0;}
						.loginBoxIn02 > button {background-color:#516cb4; color:#fff; width:140px; text-align:center; font-size:17px; padding:45px 0 44px;}
						.loginBuBox {min-height:48px;}
						.loginBuBox ul li {float:left; width:33.3%;}
						.loginBuBox button {width:99%; font-size:13px; margin-left:1%;}
						.loginBuBox li:first-child button {margin-left:0%; width:100%;}



		/* organization */

					
					.listNum { font-size:14px;}
					.listNum > span {color:#4663af; padding-bottom:2px; border-bottom:1px solid #729ff0;}
					.day {float:right; margin-top: 3px;}

		/* notice */
			.txt_notice {background-color:#0a3d92; color:#fff; font-size:12px; padding:4px; text-align:center; border-radius:2px; }

		/* counsel */
			.select01 {padding:5px; font-size:13px; color:#999; min-width:164px; border:1px solid #b3b3b3; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
			.inp01 {border:1px solid #b3b3b3; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; width:100%; padding:5px 2px; font-size:13px; color:#999;}

		/* table */

		.table_normal thead tr th {padding: 10px;}
		.table_normal tbody tr th {padding: 15px 15px;}
		.table_normal tbody tr td {padding: 10px 5px 8px;}
		.table_normal .right_border {border-right: 1px solid #e9e9e9;}
		.table_normal .txt_blue {margin-left:5px; display:none;}


		.calendar {margin:0 10px; vertical-align:text-bottom;}
		.calendar img {margin-top:-3px;}


		/* popup */
.popupBox {width:100%; max-width:865px; position:absolute; left:50%; margin-left:-432.5px; top:100px; background-color:#fff; z-index:101;}
	.popBg {position:fixed; top:0; left:0; width:100%; height:100%; background:url('/images/popBg.png'); z-index:100}
	.popHead {background: url(/images/online/ttl_back.png);  height: 59px;  padding: 0 0 0 42px;}
	.tit_popHead{font-size: 21px; font-weight: 600; color: #fff; line-height: 59px;  }
	.popCon {padding: 25px 40px; display: block;}
		.close {position: absolute; top: 20px; right: 25px;}


		/* guide */

	.guideBox {max-width:1040px; position:absolute; left:10px; top:10px; background-color:#fff; z-index:101; min-height:900px; overflow:auto;}
	.guideCon {width:100%; height:100%; background:white; z-index:100}
    .guide_left {width:250px; float:left;}
	.guide_right {width:790px; float:left;}
	.guide_right .guide_right_header { background:url('../images/guide_header.png') no-repeat 18px; height:120px; padding-top:30px;}
	.guide_right .guide_right_header h1 {margin:30px 0 0 15px;}	
	.guide_right .guide_right_header h1 span {color:#0a3d92;}
	.guide_right .guide_right_header p {margin-left:20px;}
	.guide_right .guide_right_header h2 {font-size:2em; margin:50px 0 0 35px;}
	.guide_right hr {width:720px; border:0; border-top:1px solid #ededed;  margin:0 auto 50px;}

	.guide_con_box {text-align:center;}
	.guide_con_box > ul > li {float:left; min-height:250px; background:#f6f6f6; border-radius:5px; width:46%; margin:10px 2%}
	.guide_con_box .guide_num p {color:#2a92d1; font-size:30px; padding-left:20px; font-weight:bold; margin-bottom:0;}
	.guide_con_box .guide_con_left {float:left; padding-left:20px; width:120px;}
	.guide_con_box .guide_con_left p {font-size:16px; color:#444; font-weight: bold;}
	.guide_con_box .guide_con_right {float:left; padding-left: 20px; padding-top:8px;  width: 130px;}
	.guide_con_box .guide_con_right ul li {border-bottom:1px dashed #d9d9d9; padding:5px 0; font-weight: bold;  }
	.guide_con_box .guide_con_right ul li a {font-size:13px;}
	.guide_con_box .guide_con_right ul li a:hover {color:#0a3d92;}
	.guide_con_box .guide_con_right ul li a images {float:right; margin-top:3px; transition:0.3s;}

	.guide_list {width:690px; margin: 25px auto;}
	.guide_list ul li {color:#666; font-size:13px; background:url("../images/guide_list.png") no-repeat left 5px; padding-left: 20px;line-height:180%}

	.guide_list_num {width:690px; margin:25px auto;color:#666; font-size:13px;  }
	.guide_list_num.topb {border-top:1px dotted #5c759e;padding:10px 0 0 0}
	.guide_list_num ul li {margin-top:5px}
	.guide_list_num ul li.num1 {background:url("../images/num1.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num2 {background:url("../images/num2.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num3 {background:url("../images/num3.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num4 {background:url("../images/num4.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num5 {background:url("../images/num5.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num6 {background:url("../images/num6.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num7 {background:url("../images/num7.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num8 {background:url("../images/num8.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num9 {background:url("../images/num9.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num10{background:url("../images/num10.png") no-repeat; padding:1px 0 3px 25px}
	.guide_list_num ul li.num11{background:url("../images/num11.png") no-repeat; padding:1px 0 3px 25px}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.kt_modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; /* Full height */
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    margin: auto;
}


.num_box {width: 15%; height: 20px; margin: 0 5px; line-height: 20px;}

/* Æò°¡¾÷ µî·Ï¾È³» */

.up_title01 {color:#444; font-size:20px; background: url('/images/b_circle.png') no-repeat left 5px; margin:80px 0 15px 0; padding-left: 25px;line-height:130%}
.up_title01_topline {color:#444; font-size:20px; background: url('/images/b_circle.png') no-repeat left 5px; margin:40px 0 15px 0; padding-left: 25px;line-height:130%}
.up_title02 {color:#194897; font-size:18px; margin:40px 0 20px;}
.up_title02 span {color:#666; margin-bottom: 10px;}
.up_title03 {font-size: 16px; color: #444; font-weight:normal; background: url('/images/b_square.png') no-repeat 5px 4px; padding-left: 20px;  margin:20px 0 10px -20px;line-height:130%}
.up_title04 {font-size:15px; color:#666; margin:10px 0 10px; font-weight:normal;}
.up_sub_title01 {font-size:15px; color:#666;}
.up_sub_title02 {font-size:14px; color:#666; font-weight:normal; margin-top: 0; margin-bottom: 5px; margin-left: 20px;}
.up_view {display:none;}

.up_button {color:white; font-size:13px; background:#5f91b8; color: white; font-size: 13px; background: #5f91b8;  padding: 4px 9px;  margin-left: 10px;}

.lowlist01 li {font-size: 15px; color: #666; text-indent: -21px; padding-left: 27px; margin-bottom: 15px; line-height: 1.5;}
.lowlist02 li {font-size: 15px; color: #666; text-indent: -23px; padding-left: 27px; margin-bottom: 15px; line-height: 1.5;}
.lowlist03 ul {padding:5px 0}
.lowlist03 li {font-size: 14px; color: #666;  padding-left: 20px; margin-bottom:8px; line-height: 1.5;}
.lowlist_detail {margin:15px;}
.underBlueBox02 {padding: 38px 20px; border:1px solid #e8e8e8; border-bottom:2px solid #4663af; margin-top:10px;}

.up_con {margin-left:20px;}

.table_up { width: 100%; font-size: 15px; border-collapse:collapse; border-bottom: 2px solid #575757;}
.table_up thead tr th {background-color: #f7f7f7; color: #818181; padding: 10px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9;  font-weight:bold;  font-size: 14px;}

.table_up tbody tr td {color: #333; padding: 10px 5px 8px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-size:15px; position:relative;} 

.table_up2 { width: 100%; font-size: 15px; border-collapse:collapse; border-bottom: 2px solid #575757; margin-bottom:60px;}
.table_up2 thead tr th {background-color: #f7f7f7; color: #818181; padding: 10px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9; font-weight:bold;  font-size: 14px;}
.table_up2 tbody tr td {color: #333; padding: 15px 20px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-size:15px; position:relative;} 
.table_up2 tr th {background-color: #f7f7f7; color: #818181; padding: 10px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9; font-weight:bold;  font-size: 14px;}


.table_up3 { width: 100%; font-size: 15px; border-collapse:collapse; border-bottom: 2px solid #575757;}
.table_up3 thead tr th {background-color: #f7f7f7; color: #333; padding: 10px 10px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9;   font-weight:bold;  font-size: 14px;}
.table_up3 thead tr th.dline{background:#f7f7f7 url('/images/t_dline.png') no-repeat;padding:0}
.table_up3 tbody td ul li{font-size:14px;}
.table_up3 tbody th.lline {text-align:left}
.table_up3 tbody tr th {background-color: #f7f7f7; color: #333; padding: 10px 10px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;   font-weight:normal;  font-size: 14px;}
.table_up3 tbody tr td { color: #333; padding: 10px 5px 8px 10px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-weight: 300;  font-weight: 400;  font-size: 14px; position:relative;} 
.table_up3 tbody tr td.vt {vertical-align:top}


.dline_div ul li.dline1 {text-align:right;padding:5px 30px 0 0}
.dline_div ul li.dline2 {text-align:left;padding:0 0 0 20px}





.table_up4 { width: 100%; font-size: 15px; border-collapse:collapse; border-bottom: 2px solid #575757;}
.table_up4 thead tr th {background-color: #f7f7f7; color: #333; padding: 10px 10px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #e9e9e9;    font-weight:bold;  font-size: 14px;}
.table_up4 tbody tr td { color: #333; padding: 7px 5px 7px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; font-weight: 300;  font-weight: 400;  font-size: 14px; position:relative;} 
.process_img {display: inline-block; margin-bottom:20px;}
.process_img li {float:left; margin:5px 0}
.process_img li img {width:220px;}

.table_up5 { width:100%; font-size: 15px; border-collapse:collapse;border-spacing:0; border-bottom: 1px solid #e9e9e9; border-top: 2px solid #575757;}
.table_up5 tbody tr th {background-color: #f7f7f7; color: #333; padding: 10px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; font-weight:bold;  font-size: 14px;text-align:left}
.table_up5 tbody tr td { padding: 10px 5px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;  font-size: 14px;text-align:left;color: #333;}


.list_100 { width: 100%; font-size: 15px; border-collapse:collapse; border-bottom: 2px solid #575757; border-top: 2px solid #4663af;}
.list_100 ul li {border-bottom:1px dotted #575757;padding:20px 10px}



.page_top_btn {text-align:right;margin-top:-27px}

/* °³ÀÎÁ¤º¸ 󸮹æħ */

.info_title01 {color:#444; font-size:16px; background: url('/images/b_circle.png') no-repeat left 3px; margin-top:40px; padding-left:25px; line-height:1.5; }
.info_title02 {font-size:14px; color:#666; line-height:1.5;} 

/* evaluation */

.tit_clause {color:#0a3d92; font-size:16px; font-weight:bold; border-bottom:1px solid #c8c8c8; padding-bottom:10px; margin-bottom:15px;}
.clauselist01 {font-size:13px; color:#666; font-weight:bold;}
.grayBox01 {background-color:#f7f7f7;  margin:5px 0 10px;}
.grayBox01In {border:1px solid #d0d0d0; padding:15px 20px;}
.grayBox02 {background-color:#f7f7f7; padding:15px 20px; margin:5px 0 10px;}
	.tit_gray {background:url('/images/tit_gray.png') no-repeat 0 7px; font-size:15px; color:#000; font-weight:bold; padding-left:12px; margin-bottom:2px;}
	.txt_gray .ulStyle02 {margin-top:3px;}
	.txt_gray .ulStyle02 li {margin-left:10px; line-height:1.5}
	
	.clauselist02 > li {font-size:14px; color:#666; }
	.clauselist03 > li {font-size:12px; color:#666; margin-bottom:0; line-height:1.6; font-weight:bold;}


/* ȸ¿ø°¡ÀÔ */

.Membership_choice {overflow:auto; text-align: center;  padding:15px 0 30px; }
.Membership_choice ul li {float:left; width:49.5%; text-align:center; position:relative;}
.Membership_choice ul li > div {border:1px solid #eaeaea; background:white;}
.Membership_choice ul li > div:hover {border:2px solid #0a3d92; background:#eff7ff;}
.Membership_choice ul li > div > a {display:block; height:100%; cursor:pointer; padding:30px 0; transition: 0s;}
.Membership_choice ul li > div:hover a {padding:29px 0;}
.Membership_choice ul li:first-child {margin-right:1%;}
.Membership_choice p {font-size:24px; margin:25px 0 0;}

.agree_list {border: 1px solid #d2d6db;  height: 400px;  overflow:auto; padding: 7px 35px 0 10px;  background: #f0f4f8;  margin-bottom: 4px; font-size:14px;}
.agree_list h6 {color: #2a649c;  font-size: 1em; margin: 10px 0;}
.agree_list dl {overflow:hidden; color:#605e5e;}
.agree_list dt {float: left; margin-right: 8px; font-weight: bold;}

.member_result {text-align:center; border-bottom:1px solid #ddd; color: #666; padding-bottom:40px; margin-bottom:30px;}
.member_result .txt01 {font-size:24px; line-height:1.2}
.member_result .txt01 .txt_blue , .member_result .txt01 .txt_black {font-weight:bold;}
.member_result .txt02 {font-size:18px;}

/* box */

.whiteBoxIn {border: 5px solid #f8f8f8; text-align: center; padding: 20px 0;}
.whiteBoxIn .txt1 {margin-left: 10px; font-size: 24px; line-height:1.2;}
.whiteBoxIn p {font-size: 16px; color: #666;}

.mailBox {width: 100%; max-width: 900px; position: absolute;  left: 50%; margin-left: -450px;  top: 100px;  background-color: #fff;  z-index: 101; }

.mailBoxTop {background-color:#104295; padding:50px 0 50px 40px; color:white;}
.mailBoxTop .txt1 {font-size:30px; font-weight:200; margin:0;}
.mailBoxTop .txt2 {font-size:50px; font-weight:bold; border-bottom: 1px solid #104295; margin:40px 0 0 0}

.mailBoxIn {padding:50px 35px}
.mailBoxIn .txt3 {color:#333; font-size:18px; font-weight:bold;}
.mailBoxIn .txt4 {color:#666; font-size:16px; line-height: 1.5;}
.mailBoxIn .txt5 {color:#a5a5a5; font-size:14px; text-align:left;}
.mailBoxIn .box {border:1px solid #dcdcdc; padding:20px 10px}
.mailBoxIn a {color: #104295; font-weight: bold;  font-size: 16px;  display: block; transition:none;}
.mailBoxIn button {background:#104295; font-size:22px; padding:15px 70px; color:white; margin: 50px auto;  display: block;}
.mailBoxIn .footer_Box {background-color:#fafafa; margin:0 auto; padding:30px 10px; position:relative;}
.mailBoxIn .footer_Box img {position: absolute; top: 30px; left:20px;}
.mailBoxIn .footer_Box p {text-align: left; margin: 0 0 0 220px; font-size: 12px; color: #222;  line-height: 2;}
.mailBoxIn .footer_Box span {color:#666}


/* ¿À½Ã´Â±æ */

.map_box {padding:8px; border:1px solid #e2e2e2}

.trans_way {padding:30px 25px;}
  .trans_way .transCon {position:relative; min-height:120px;}
  .trans_way .trans_icon {position:absolute; top:0; left:0;}
  .trans_way .trans_txt {display:inline-block; margin:15px 0 0 110px}
	 .trans_way .trans_txt .trans_name {font-size:18px; font-weight: bold; margin-bottom: 5px; display: inline-block;}
	 .trans_way .trans_txt .trans_list {font-size:16px; color:#666; font-weight:bold;}
	 .trans_way .trans_txt .trans_list .circle {width:10px; height:10px; display: inline-block; margin-right: 5px; border-radius:5px;}
	 .trans_way .trans_txt .trans_list li {line-height:1.5;}
 .trans_way .trans_txt  .trans_info {font-weight:bold; margin:5px 0 10px 0}



/* sitemap */

.sitemap_con > ul > li {float:left; width: 22%; margin:30px 3% 50px 0} 

.sitemap_Box .sitemap_header {color:#0a3d92; font-size:22px; border-top: 2px solid #0a3d92; font-weight: bold; padding: 20px 10px; line-height:1.2}
.sitemap_Box .sitemap_list {padding:15px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; min-height:150px;}
.sitemap_Box .sitemap_list li {line-height:2}
.sitemap_Box .sitemap_list li a:hover {color:#0258ad;  color: #0258ad; border-bottom: 1px solid #0258ad; padding-bottom:3px; transition: none;}

@media screen and (max-width:865px){ /* mediaquery only for popup */
		
.popupBox {width:95%; left:2.5%; margin-left:0; max-width:100%;}
.sel02 {width:100%;}
.inpTxt_m02 {width:100%;}

}
	

/* mobile menu */

.mobileShow {display:none;}

.menu_area {display:none;}


/* ¸ð¹ÙÀÏ */
@media screen and (max-width:400px){
.tabBox02 > ul > li > a.dsr {line-height:130%;padding-top:7px;height:43px}
.tabBox02 > ul > li.on > a.22line {line-height:130%;}
}



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

.mobileHide {display:none;}
.mobileShow {display:inline-block;}
.mobile_block {display:block; margin:20px 0;}

.table_up3 {font-size:10px;color:#ff0000}
.conLayout {min-height:inherit;}

.m_menu {position:fixed; width:200px; top:0; right:0; bottom:0; background-color:#2e68ae; z-index:999; overflow-y:auto;}
	.m_header {padding:10px 9px 10px 10px; color:white; text-align:right; border-bottom:1px solid #2764ad;}
	.m_header a {color:white; cursor:pointer; font-size:18px;}

	.m_menu dl {border-bottom:1px solid #2764ad;}
	.m_menu dt {padding:10px; font-size:15px; color:white; background-color: #246ec8; position:relative; cursor:pointer;}
	.m_menu dt span {display:block;}
	.m_menu dt i {position:absolute; right:10px; top:12.5px;}
	.m_menu dt i.fa-chevron-down {top: 10px; right: 8.5px;}
	.m_menu dd {display:none;}
	.m_menu dd a {color:white; display: block; font-size:14px; padding-left: 20px; padding: 10px 10px 10px 20px; font-size: 14px; background-color: #194897;}	

	.menuBg {background-color: rgba(0,0,0,0.3); z-index: 11; position: fixed;  top: 0; left: 0; right: 0; bottom: 0;}


.page_top_btn {margin-top:22px;text-align:left}

.orangeBox {padding:0 20px 50px; position:relative;}
.searchBox02 {padding:17px 0 50px; position:relative}
.bu_search {position: absolute;  bottom: 10px; right: 10px; font-size: 14px; border-radius: 4px;  padding: 5px 10px;}

.txtbox_l , table textarea {width:80%;}
.scrollBoxIn01 , .scrollBoxIn02 , .scrollBoxIn03 {width:100%;}

/* login */

.loginBuBox button {
    padding: 15px 0;
    font-weight:normal;
}

.txt_guide {margin-top:15px;}

/* ÀÚ·á½Ç */

.table_direction tbody tr td  a {padding:10px; font-size:12px;}


/* ±³À°Á¤º¸ */

.table_listIn .listTxtBox img {width:100%;}


/* Áõ¸í¼­ ÁøÀ§È®ÀÎ */

.underBlueBox {padding:35px 10px}
.num_box {margin:5px;}

/* Æ˾÷ */

.popCon {padding:25px 20px;}
.popHead {padding: 0 0 0 20px;}

/* main */

.mainSliderIn ul li img {height:300px;}

.topLayout {}
	.topLayoutIn {width:auto;}
		.main_title {padding-top: 10px;}
		.main_title > a {font-size:14px;}
		.topLayoutR {float:right;}
	.headLayout {border-bottom:1px solid #ccc; height:80px;}
	.headLayoutL{padding-left:10px; float:none;}
	.headLayoutR{padding-right:10px; margin-top:0}
		.naviLayout {display:none;}
	
	.mainImgButton {display:none;}

	.mainSlider {height:300px;}
		.maintxt {left:20px;}
	
		.maintxt p {font-size:24px; margin: 0 0 20px;}
		.maintxt p span {font-size:20px;}
		.maintxt span {font-size:14px;}
		.maintxt a {font-size:14px; padding:6px 10px; margin-top:20px;}

	.mainCLinkUl > li > a {padding:14px 0;}
	.mainCLinkUl > li > a > img {width:50px;}
	.mainCLinkUl > li span {display:block; margin:10px 0 0 0; font-size: 12px;}
	

	.main_content {padding: 10px 0;}

		.main_content_left {width:100%;}
		.mainNoticeIn > div {width:94%; margin:0 3%;}
		.mainNoticeIn > div > div {height:auto; margin:10px 0;}

		.main_content_right {width:96%; margin:0 2%;}
			.mainInfoBox {width:100%;}

		.mainContactBox {margin-bottom:10px; width: 100%;}
		
	.footTopLayoutInfo {overflow:auto; height: inherit;}
	.footInfoUl {width:100%; border-bottom: 1px solid #e9e9e9;}
	.footInfoUl li {padding:0 10px;text-align:center;}

	.mainBannerBox {width:100%;}
	.mainBannerBox > li {width:50%; margin:8px 0;}

	.contactTop .left span {font-size:14px;}s
	.contactBottom .left span {font-size:12px;}
	.contactBottom .right span {font-size:12px;}

/* sub */
	.leftBox {display:none;}

	.contentBox {margin:0px 10px;}
		.conTopBox {padding:20px 0px 0px;}
		/* login */
			.subLineBox {padding:0 10px 20px;}
			.subLineBox02 {padding:0 20px 45px;}
				.subLineBoxIn {margin:20px auto 0; max-width:500px;}
				.subLineBoxIn input {margin-bottom:3px; font-size: 12px;  padding: 16px 0;}
				.subLineBoxIn02 {margin:70px auto 0; max-width:780px;}
				.subLineBoxIn03 {margin:35px auto 0; max-width:850px;}					
					.radioBox {padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:20px;}
					.radioBox > label {margin-right:40px; font-size:16px; color:#444;}
				.subLineBoxIn > img {width:100%;}
					.inpTxt {text-align:center; font-size:14px; color:#666; max-width:460px; margin:0 auto 30px;}
					.grayBox {background-color:#f7f7f7; margin:0 auto; text-align:center; padding:35px 0 30px; }
					.grayBox p { margin:15px 0 0; font-size:14px; color:#333;  font-weight:bold;}
					.grayBox img {display:block; margin:0 auto;}
						.txt_grayBox {display:inline-block; max-width:340px;}
						.txt_grayBox > p {float:left; font-size:15px; color:#333; max-width:140px;}
						.txt_grayBox > p:first-child {margin-right:72px;}
						.txt_grayBox .txt_" {font-size:20px;}
		/* footer */
		.footTopLayoutInfo {margin-bottom:20px;}
			.footInfoUl > li > a {font-size:11px;}
			.footInfoUl .line2 {line-height:120%; padding:6px 0px 0px; height:33px; }
	.footLayoutIn {max-width:1200px; margin:0 auto; position:relative; padding-bottom:20px;}
		.footLogo{display:none;}
		.footConBox {margin:0px 10px;}
/* depth */

.sub_title01 {font-size:30px}
.sub_title02 {font-size:18px; color:#345ea5; margin:40px 0 10px; position:relative;}
.sub_title03 {font-size:15px; color:#444; padding-left:10px; margin:0 0 10px; background:url('/images/ic_tit03.png') no-repeat left center;}
.sub_title04 {font-size:18px; color:#194897; margin:25px 0 10px;}

/* box style */
.searchBox01 {padding:10px;}

/* list style */

.dlStyle02 {clear:both; float:none; display:block; max-width:460px; margin:0 auto 10px;}
.dlStyle02 > dt {width:110px; float:left;}
	.dtStyle {margin-left:0px;}
.dlStyle02 > dd {float:none; margin-left: 112px; min-height:50px; }
.dlStyle02 input {width:100%;}
.dlStyle03 {clear:both; float:none; display:block; margin-bottom:5px;}
.dlStyle03 dt {position:absolute;}
.dlStyle03 > dd {float:none; margin:0px 0px 5px 100px;}

/* form style */
.txtbox_s {width:25%;}


/* button */

.buAlignR {float:right; margin:10px 0; position:relative;}

.bu_s_blue {width:161px; font-size:14px; color:#0a3d92; border:1px solid #516cb4; margin-top:12px; text-align:center; background:none; padding:15px 0px; }
.bu_m_blue {max-width:100%; background:url('/images/ic_buArrow.png') no-repeat center right; text-align:left;}



/* tab */

.tabBox {height:50px; clear:both;}
.tabBox > ul > li {float:left; width:33.3334%; }
.tabBox > ul > li > a {display:block; height:50px; border:1px solid #e9e9e9; border-left:0; border-bottom:0; font-size:12px; color:#666; text-align:center; line-height:50px;}
.tabBox > ul > li:first-child > a {border-left:1px solid #e9e9e9;}
.tabBox > ul > li.on > a {background-color:#4663af; color:#fff;}

.tabBox02 > ul > li {width:50% !important;}
.tabBox02 > ul > li > a {display:block; height:50px; font-size:14px; color:#666; text-align:center; line-height:50px;  border-bottom: 1px solid #99a5c5; border-right:1px solid #99a5c5;}
.tabBox02 > ul > li.on > a {background-color:#4663af; color:#fff;border-bottom: 1px solid #4663af;}




.tabBox03 { display:inline-block; width:100%; padding-bottom:10px; margin-bottom:10px;}
.tabBox03 > ul > li {width:50%; }
.tabBox03 > ul > li > a {text-align:left;}
.tabBox03 > ul > li > a > span {padding: 0px 5px 0px 10px;}
.tabBox03 > ul > li > a:hover span {border-bottom:2px solid #0a3d92; }

.tabBox04 > ul > li {width:50% !important}

.chkPointUl li:first-child {margin:10px;}
.chkPointUl li {margin:10px;}

.halfBox > li {width:100%;}
.quadraBox > li {width:100%;}
.quadraBox > li:first-child {margin:0;}
.tripleBox  { overflow: auto; } 
.tripleBox > li {width:100%; margin:20px 0}
.quadraBox > li > div > span {display:block; margin-bottom: 10px;}

.my_left .grayBox .left_area {display:none;}
.my_left .grayBox .right_area {margin-left: 40px;}
.my_left p {margin: 0 0 20px 42px;}
.topBlueBox {margin-top:32px;}

.up_title02 {margin-bottom:20px;}
.up_title02 span {line-height:1.8; margin-top:5px; display:block; font-size:13px;}
.up_sub_title01 {font-size: 14px; color: #666; clear: both; margin: 20px 0;}


.process_img {display:block;}
.process_img li {width:100%; text-align:center; margin:15px 0;  float: none;}

.bu08_blue {line-height:1.5;  font-size: 12px;  margin: 0 auto;  display: block;}  

.table_up tbody tr td {font-size:13px; padding:10px;}
.table_up2 tbody tr td {font-size:13px; padding:10px;}


.underBlueBox02 {padding: 20px 10px;}
.lowlist02 li  {font-size:13px; line-height:1.8;}


/* ȸ¿ø°¡ÀÔ */

.member_step_wrap dl {width:50%; border-bottom: 1px solid #dcdbdb;}
.member_step_wrap dl.respon:before {border:0;}
.member_step_wrap dl.respon:after {background-image:none;}

/* »çÀÌÆ®¸Ê */

.sitemap_con > ul > li {width:30%; margin:20px 3.3% 20px 0;}
.sitemap_Box .sitemap_header {font-size:14px; padding:10px 0; text-align: center;}
.sitemap_Box .sitemap_list {min-height:225px; padding:5px; text-align:center;}
.sitemap_Box .sitemap_list li a {font-size:12px;}


/* ¿À½Ã´Â±æ */ 

.trans_way {padding:0;}
.trans_way .trans_icon {position: relative; display: block; margin-bottom: 20px;}
.trans_way .trans_txt {margin:0 0 20px 0;}
.trans_way .trans_txt .trans_list {font-size:14px;}
.map_txt p {font-size:14px;}
.map_txt p span {display:block;}

}


/* Ÿºí·¿ */

@media screen and (min-width:741px) and (max-width:1200px) {


/* main */
	
	.headLayoutR {margin-right:10px;}

	.mainCLinkUl > li > a {padding:13px 0;}	
	.mainCLinkUl > li > a > img {width:60px;}
	.mainCLinkUl > li span {display:block; margin:10px 0 0 0}

	.maintxt p {font-size:36px;  margin: 0 0 20px;}
	.maintxt p span {font-size:30px;}
	.maintxt span {font-size:18px;}
	
	.naviMenu > ul > li > a {font-size:14px;}
	.maintxt {left:20px;}
	.mainImgButton {right:20px;}


	.main_content {padding: 10px 0;}

	.main_content_left {width:100%;}
	.mainNoticeIn > div > div {height:auto; margin:10px 0;}

	.main_content_right {width:100%; margin-bottom:20px;}
		.mainInfoBox {width:46%; float:left; margin:0 2%;}

	.mainContactBox {width:46%; margin:0 2%; float:right; height: 140px;}
	.mainContactBox hr {margin:16px 16px 20px;}
	
	.contactTop .right {margin:40px 16px 0 0;}

	.contactTop .left span {font-size:18px;} 
	.contactTop .right span {font-size:14px;}
	
	.contactBottom .left span {font-size:16px;}
	.contactBottom .right span {font-size:16px;}
	
	


	.footTopLayoutInfo {overflow:auto; height: inherit;}
	.footInfoUl {width:100%; border-bottom: 1px solid #e9e9e9;}
	.footInfoUl li {width:25%;}

	.mainBannerBox {width:100%; }
	.mainBannerBox > li {width:25%; margin:8px 0;}

/* sub */
	.leftBox {width:150px;}
	.leftBox > h2 {padding:40px 20px;  border-right: 3px solid #4663af;}
		.subMenuUl > li > a {padding:18px 10pxx; font-size:14px;}

	.contentBox {margin:0px 20px 0px 180px;}
		/* login */
			.subLineBox {padding:20px 10px 60px;}
			.subLineBox02 {padding:0 20px 45px;}
				.subLineBoxIn {margin:20px auto 0; max-width:500px;}
				.subLineBoxIn input {margin-bottom:3px;}
				.subLineBoxIn02 {margin:70px auto 0; max-width:780px;}
				.subLineBoxIn03 {margin:35px auto 0; max-width:850px;}

		/* footer */
	
		.footLayout {padding-bottom:36px;}
		.footConBox {position: absolute; left: 50%; margin-left: -276.5px;}

/* depth */

.sub_title01 {font-size:36px;}
.sub_title02 {font-size:18px; color:#345ea5; margin:40px 0 10px; position:relative;}
.sub_title03 {font-size:15px; color:#444; padding-left:10px; margin:0 0 10px; background:url('/images/ic_tit03.png') no-repeat left center;}
.sub_title04 {font-size:18px; color:#194897; margin:25px 0 10px;}

/* list style */

.dlStyle02 {clear:both; float:none; display:block; max-width:460px; margin:0 auto 10px;}
.dlStyle02 > dt {width:110px; float:left;}
	.dtStyle {margin-left:0px;}
.dlStyle02 > dd {float:none; margin-left: 112px; min-height:50px; }
.dlStyle02 input {width:100%;}

.dlStyle03 {clear:both; float:none; display:block; margin-bottom:5px;}
.dlStyle03 dt {position:absolute;}
.dlStyle03 > dd {float:none; margin:0px 0px 5px 100px;}

/* form style */
.txtbox_s {width:28%;}


/* button */

.bu_m_blue {max-width:100%; background:url('/images/ic_buArrow.png') no-repeat center right; text-align:left;}

		/* table */

.table_normal thead tr th {padding: 10px 5px;}
.table_normal tbody tr th {padding: 15px 5px;}
.table_normal tbody tr td {padding: 10px 5px;}

.tabBox03 { display:inline-block; width:100%; padding-bottom:10px; margin-bottom:10px;}
.tabBox03 > ul > li {width:25%; }
.tabBox03 > ul > li > a {text-align:left;}
.tabBox03 > ul > li > a > span {padding: 0px 5px 0px 10px;}
.tabBox03 > ul > li > a:hover span {border-bottom:2px solid #0a3d92; }

.quadraBox > li > div > span {margin-bottom:20px; display: block;}
.quadraBox > li > div > button {padding:10px;}


.my_left .grayBox .left_area {display:none;}
.my_left .grayBox .right_area {margin-left: 40px;}

.halfBox > li {width:100%; margin: 0 0 20px 0;}
.halfBox > li:first-child {margin:0;}
.quadraBox > li , .quadraBox > li:first-child {width: 49%;  margin:0 0.5% 20px;}

.tripleBox  { overflow: auto; } 
.tripleBox > li {width:100%; margin:20px 0}
.my_left .icon1 {top:20px;}
.my_left p {margin: 0 0 20px 42px;}

.process_img li {width:33.3%;}
.process_img li img {width:100%;}

/* ȸ¿ø°¡ÀÔ */

.member_step_wrap dl {width:50%; border-bottom: 1px solid #dcdbdb;}
.member_step_wrap dl.respon:before {border:0;}
.member_step_wrap dl.respon:after {background-image:none;}


/* »çÀÌÆ®¸Ê */


.sitemap_Box .sitemap_header {font-size:16px; padding: 20px 0; text-align: center;}
.sitemap_Box .sitemap_list {min-height:225px}
.sitemap_Box .sitemap_list li a {font-size:14px;}

}






.txt_blue00 {font-size:13px; margin-top:50px;color:#436483}