@charset "utf-8";

.sub_visual{clear:both; width:100%; height:350px; background-color:#004C9A; background-position:center top; background-repeat: no-repeat;margin-bottom: 30px; border-top:1px solid #ffffff; }
.sub_visual h3{color: #fff; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: bold; font-size: 40px; font-weight: 300; line-height:60px; letter-spacing: -2px;    text-align: center;}
.sub_visual h5{text-decoration: underline;color: #fff; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 100; font-size: 20px; padding:70px 0 15px 0; text-align: center;}
.sub_visual img { width:1700px; height:350px; }

/* sub */
.sub-visual-wrap {
  width: 100%;
  height: 350px;
  /*background: url("../images/common/sub_visual.png") no-repeat center;*/
  background: url("../images/common/sub_visual_in.png") no-repeat center;
  background-color: #3c75c3;
}
.sub-visual {
  margin: 0 auto;
  width: 1200px;
  color: #fff;
  padding-top: 100px;
  letter-spacing: -0.5px;
	text-align:left;
}
.sub-visual p.tit {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2em;
}
.sub-visual p.txt {
  font-size: 16px;
  font-weight: 400;
  margin-top: 25px;
  opacity: 0.7;
}

.sub_visual01 { width:100%; height:350px; background: url('/images/sub/visual01.jpg') no-repeat center top;}
.sub_visual02 { width:100%; height:350px; background: url('/images/sub/visual02.jpg') no-repeat center top;}
.sub_visual03 { width:100%; height:350px; background: url('/images/sub/visual03.jpg') no-repeat center top;}
.sub_visual04 { width:100%; height:350px; background: url('/images/sub/visual04.jpg') no-repeat center top;}

#sub_container { margin:0 auto; width:100%; padding:0px;  text-align:center; margin-top:0px; }
#sub_container .container { position: relative; margin:0 auto; width:1270px; padding:0px 0px 15px 0px; margin-top:-70px; }
#sub_container .container .sub_wrap { float:left; display:inline-block; width:240px; top:0; margin-right:20px; padding:0; min-height: 300px; margin-top:10px; overflow:hidden; }
#sub_container .container .contetns_wrap { float:left; display:block; width:950px; top:0; padding:0px 0px 70px 20px; margin-top:40px; text-align:left; background:#ffffff; min-height: 600px; }
#sub_container .container .contetns_wrap2 { margin:0 auto; width:90%; top:0; padding:0px 20px 70px 0px; margin-top:30px; text-align:left; background:#ffffff; min-height: 600px; }

#sub_container .container_cs { margin:0 auto; width:1200px; padding:0px 0px 15px 0px; }
/* #sub_container .container_cs .contetns_wrap { width:1160px; margin-left:21px; top:0; padding:20px 20px 70px 20px; text-align:center; background:#ffffff; min-height: 600px; border:1px solid #DCDCDC; border-radius:15px;-webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-ms-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-o-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26); } */
#sub_container .container_cs .contetns_wrap { width:1160px; margin-left:21px; top:0; padding:0px 20px 70px 20px; text-align:left; background:#ffffff; min-height: 600px; }

#sub_container .navi { font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-size: 13px; color: #ABACA6; font-weight: 500; text-align:right; margin-top:10px; margin-right:10px; } /* #6AA8D9 */
#sub_container .title { font-size: 25px; color: #232323; font-weight: 800; padding:13px 0 10px 0; border-bottom:2px solid #044EA3; letter-spacing: -1px;}
#sub_container .title_s { font-size: 13px; color: #464646; font-weight: 100; margin-top: 0px; margin-bottom:30px; } /* #7A7A7A */

#sub_container .navi { font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-size: 13px; color: #ABACA6; font-weight: 500; text-align:right; margin-top:10px; margin-right:10px; } /* #6AA8D9 */
#sub_container .title { font-size: 25px; color: #232323; font-weight: 800; padding:13px 0 10px 0; border-bottom:2px solid #044EA3; letter-spacing: -1px;}
#sub_container .title_s { font-size: 13px; color: #464646; font-weight: 100; margin-top: 0px; margin-bottom:30px; } /* #7A7A7A */

/*.lm_title { text-align:left; margin:0 auto; width:220px; background:#3265C1; border-radius:7px; padding:15px 15px 15px 15px; margin-left:6px; margin-bottom:6px;  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.26);-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.26);-ms-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.26);-o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.26);box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.26); } */
.lm_title { text-align:left; margin:0 auto; width:240px; background:#1d2d7d; border-radius:0px; padding:50px 15px; margin-bottom:6px; text-align:center;  }
.lm_title .menuTitle { font-weight:700; font-size:20px; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; color: #FFFFFF; letter-spacing: -1px; }
.lm_title .menuTitle span { display:block; font-weight:100; font-size:11px; 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; color: #808080;	text-align:center; }

/*.lm_box {	margin:0 auto; width:220px; background:#ffffff; border:1px solid #DCDCDC; border-radius:15px; padding:20px 15px 50px 20px; margin-bottom:4px; -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-ms-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-o-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26); } */
.lm_box {	margin:0 auto; width:240px; background:#ffffff; border:0px solid #DCDCDC; border-radius:0px; padding:20px 0px 50px 0px; margin-bottom:4px;  } 
.lm_box>li {display: block; padding:0 10px 4px 10px; text-align:left; border-bottom:1px solid #ECECEC; margin-bottom:10px;  word-break: keep-all;}
.lm_box>li>a { font-size: 13px; color: #111111; font-weight: 100; }
.lm_box>li>a:hover { font-size: 13px; color: #e21738; font-weight: 700; text-decoration: none; }
.lm_box>li>a:focus {color: #111111;	text-decoration: none;}

.lm_box>li>a.current { font-size: 13px; color: #044EA3; font-weight: 700; }
.lm_box>li>a.current:hover { font-size: 13px; color: #e21738; font-weight: 700; text-decoration: none; }
.lm_box>li>a.current:focus {color: #044EA3;	text-decoration: none;}

.lm2_box {	margin:0 auto; width:150px; background:#ffffff; margin:10px 0 0 10px; } 
.lm2_box>li {display: block; padding-bottom:4px; text-align:left; margin-bottom:0px;  word-break: keep-all;}
.lm2_box>li>a { font-size: 12px; color: #111111; font-weight: 100; }
.lm2_box>li>a:hover { font-size: 12px; color: #e21738; font-weight: 700; text-decoration: none; }
.lm2_box>li>a:focus {color: #111111;	text-decoration: none;}

.lm2_box>li>a.current { font-size: 12px; color: #044EA3; font-weight: 700; }
.lm2_box>li>a.current:hover { font-size: 12px; color: #e21738; font-weight: 700; text-decoration: none; }
.lm2_box>li>a.current:focus {color: #044EA3;	text-decoration: none;}

#section1 { margin:20px 0px 0px 0px; background: #FFFFFF; overflow: hidden;}
#section1 h3 { clear:both; display:block; text-align: center; color: #3C4249; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#section1 .lsector { float:left; display:block; width:60%; }
#section1 .rsector { float:right; display:block; width:40%; }
#section1 ul.item-list { margin:3px 0 5px 13px; }
#section1 ul.item-list li.item { background: url('/images/common/bullet_green.png') no-repeat left 8px; padding:0px 0px 0px 15px; margin:5px 0;  }


#section1 .const { display:block; margin-top:50px; }
#section1 .sub_sec_img { width:100%; height: auto; }
#section1 .com1{ background-image:url(/images/common/profilepic.jpg); background-repeat: no-repeat; background-position: top right 20px;  }/* height:291px; */
#section1 .com1 .txt { width:395px; font-size:14px; color:#636363; font-weight:500; letter-spacing:1px; line-height:23px; }
#section1 .com1 .txt:last-child { margin-top:25px; }
#section1 .com1 .txt>span.point { color: #6AA8D9; }

#section1 .tit-box { float:left; display:block; background: #4473B7; color: #fff; font-size: 15px; letter-spacing:1px; padding: 4px 10px; border: 1px solid #8e8e8e; margin-bottom: 10px; }
#section1 .tit-box>span.point { color: #FFFFFF; }

#section2 { margin:20px 0px 0 0px; background: #FFFFFF; overflow: hidden;}
#section2 h3 { clear:both; display:block; text-align: center; color: #3C4249; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#section2 .sub_sec_img { width:100%; height: auto; }
#section2 .tit-box { float:left; display:block; background: #4473B7; color: #fff; font-size: 15px; letter-spacing:1px; padding: 4px 10px; border: 1px solid #8e8e8e; margin-bottom: 10px; }
#section2 .tit-box>span.point { color: #FFFFFF; }

ul.partner { }
ul.partner li { display:inline-block; margin:10px 8px; width:23.2%; text-align:center;  overflow:hidden; }
ul.partner li img { width:100%; }
ul.partner li:first-child { margin:10px 8px 10px 0px; }
ul.partner li:last-child { margin:10px 0px 10px 8px; }
ul.partner li img { height:65px; margin:15px 0; border:0px solid #DEDEDE; }

#section3 { margin:20px 0px 0 0px; background: #FFFFFF; overflow: hidden;}
#section3 h3 { clear:both; display:block; text-align: center; color: #3C4249; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#section3 .sub_sec_img { width:100%; height: auto; }

#section4 { margin:20px 0px 0 0px; background: #FFFFFF; overflow: hidden;}
#section4 h3 { clear:both; display:block; text-align: center; color: #3C4249; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#section4 .sub_sec_img { width:100%; height: auto; }

#section5 { margin:20px 0px 0 0px; background: #FFFFFF; overflow: hidden;}
#section5 h3 { clear:both; display:block; text-align: center; color: #3C4249; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#section5 .sub_sec_img { width:100%; height: auto; }

#profile { margin:20px 0px 0 0px; background:url(/images/sub/profile.jpg) no-repeat left bottom; min-height:460px; overflow: hidden;}
#profile h3 { clear:both; display:block; text-align: center; color: #e21738; font-family: 'NanumSquareR','Noto Sans','NanumGothic', Dotum, sans-serif !important; font-weight: 700; font-size: 25px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#profile .sub_sec_img { width:100%; height: auto; }
#profile .tit_tx { display:block; margin:80px 30px 0 530px; width:330px; font-size:17px; line-height:35px; letter-spacing:1px; }
#profile .tit_tx span.com { font-size:20px; font-weight:700; }
#profile .tit_tx span.point { color: #E21738; font-weight:700; }

#customerzone { margin:20px 0px 0 0px; background:url(/images/sub/customerzone.jpg) no-repeat left bottom; min-height:460px; overflow: hidden;}
#customerzone h3 { clear:both; display:block; text-align: center; color: #e21738; font-weight: 700; font-size: 25px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px; }
#customerzone .sub_sec_img { width:100%; height: auto; }
#customerzone ul { margin:50px 20px; }
#customerzone ul > li { padding-left: 10px; margin-left: 6px; color:#777; }
#customerzone ul > li > a { color:#777; text-decoration: none; }
#customerzone ul > li.tit { display:inline-block; font-size:25px; font-weight:700; margin-bottom:20px; color:#132E60; }
#customerzone ul > li.tel { font-size:15px; font-weight:600; line-height:27px; }
#customerzone ul > li.mail { font-size:15px; font-weight:600; line-height:27px; }

#map_section { margin-top: 30px; }
#map_section div { margin-left: 30px; padding-left: 110px; min-height: 80px; margin-top: 30px; border-top: 1px dashed #ddd; padding-top: 30px; }
#map_section div:first-child { margin-top:0; padding-top:0; border-top:0; }
#map_section h5 { margin:0px; padding: 10px 0; font-size: 20px; color: #000; }
#map_section h3 { margin:0px; padding: 3px 0; font-size: 15px; font-weight:600; color: #6AA8D9; }
#map_section h3:last-child { padding: 5px 0; }
.map_bus { background: url(/images/common/icon_bus.png) no-repeat left 30px; }
.map_subway {	background: url(/images/sub/icon_subway.png) no-repeat left top;}
.map_car {	background: url(/images/sub/icon_car.png) no-repeat left 30px;}

.map_tit { display:block; width:100%; font-size: 14px; color: #777; padding-left: 10px; font-weight: 700; overflow:hidden; }
.map_tit>b.num { float: left; width:70px; background: #959595; color: #fff; font-size: 13px; padding: 4px 10px; border: 1px solid #8e8e8e; margin-right: 10px; text-align:center; }
.map_tit>b.num_en { float: left; width:100px; background: #959595; color: #fff; font-size: 13px; padding: 4px 10px; border: 1px solid #8e8e8e; margin-right: 10px; text-align:center; }
.map_tel { margin:20px 0 0 0; }
.map_tel>span { float:left; display:inline-block; font-size: 13px; color: #000; padding: 0 15px;}
.map_tel>span:first-child { padding-left: 10px;}

.map_tx { overflow: hidden; border-top: 2px solid #000; }
.map_tx li { display: block; width: 100%; float: left; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #ddd; text-align: left; }
.map_tx li:last-child { border-bottom:0px; }
.map_tx li > b.num, .map_tx li > p { text-align:left; font-weight: 600; }
b.num { background: #959595; color: #fff; font-size: 13px; padding: 4px 10px; border: 1px solid #8e8e8e; float: left; margin-right: 10px; }
.map_tx span { display: block; line-height: 21px; font-size: 14px; color: #777; padding-left: 37px; font-weight: 400; }


#sitemap { margin:70px 20px 0 20px; text-align:left; background:url(/images/common/sitemap_bg.jpg) no-repeat left bottom; overflow: hidden;}
#sitemap .sitemap-const { margin-left:300px; }
#sitemap .sitemap-box { float:left; width:250px; min-height:250px; margin:0 40px; overflow:hidden; }
#sitemap .sitemap-box .top-line { width:100%; height:4px; background:#e4e4e4; margin:0; padding:0; overflow:hidden; }
#sitemap .sitemap-box .top-line>span { float:left; display:inline-block; width:80px; height:4px; background:#6AA8D9; overflow: hidden; }
#sitemap .sitemap-box .top-line>span:last-child { display:inline-block; width:120px; height:4px; background:#e4e4e4; overflow: hidden; }
#sitemap .sitemap-box .mTitle { font-size:18px; font-weight:700; font-family: 'Noto Sans',NanumGothicBold,Gulim,Sans-serif; margin:0; padding:5px 0; }
#sitemap .sitemap-box .mTitle>a {text-decoration:none; }
#sitemap .sitemap-box .mTitle>a:hover {color: #e21738; text-decoration:none; }
#sitemap .sitemap-box>ul { margin:10px 0 50px 10px;  }
#sitemap .sitemap-box>ul>li {position: relative; display: block; padding-right:0px; }
#sitemap .sitemap-box>ul>li:hover a, #sitemap .sitemap-box>ul>li:focus a{text-decoration: none;color: #e21738; font-weight: 400;}
#sitemap .sitemap-box>ul>li>a {display: inline-block; padding: 0 10px 0px 0px;margin: 0;font-size: 13px;color: #2F2F2F; font-weight: 400; }
#sitemap .sitemap-box>ul>li>a:hover, #sitemap .sitemap-box>ul>li>a:focus {text-decoration:none; font-weight: 700; }

/* board */

.sub5_2 #boardArea td {	font-size:15px;	}
.font_11s input[type="radio"] {    padding: 5px;    border: 1px solid #aaa;}

/* input[type="checkbox"] { margin: 0 5px 0 0; width: 20px; height: 20px; vertical-align: middle;} */

span.explan_txt { font-size: 13px;}

ul.list_ul { font-size:16px; line-height: 28px; }
ul.list_ul > li { padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 6px; }
ul.list_ul > li p.point { color: #111111; font-weight:700; }
ul.list_ul > li .com { color: #111111; font-weight:700; }

ul.list_ul2 { display:inline-block; font-size:16px; line-height: 28px; }
ul.list_ul2>li { font-weight:700; color:#2574AB; text-align:left; padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 6px; margin-bottom:10px; }
ul.list_ul2>li>span { display:inline-block; font-weight:100; font-size:14px; color:#808080; letter-spacing:-1px; padding-left:5px; }
ul.list_ul2>li>p { margin:0; padding-left:15px; font-weight:100; font-size:14px; }

ul.list_ul2-1 { float:left; display:inline-block; margin:0 auto; width:48%; font-size:16px; line-height: 28px; padding:40px 10px 0 30px; }
ul.list_ul2-1>li { font-weight:700; color:#111111; text-align:left; padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 6px; margin-bottom:30px; }
ul.list_ul2-1>li>span { display:inline-block; font-weight:100; font-size:14px; color:#808080; letter-spacing:-1px; padding-left:5px; }
ul.list_ul2-1>li>span.tit { display:inline-block; font-weight:700; font-size:16px; color:#2574AB; letter-spacing:-1px; margin-bottom:10px; border-bottom: 1px solid #044EA3; } /* dashed */
ul.list_ul2-1>li>p { margin:0; padding-left:15px; font-weight:100; font-size:14px; }

ul.list_ul2-2 { float:left; display:inline-block; margin:0 auto; width:47%; font-size:16px; line-height: 28px; padding:40px 0px 0 10px; }
ul.list_ul2-2>li { font-weight:700; color:#111111; text-align:left; padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 6px; margin-bottom:30px; }
ul.list_ul2-2>li:last-child { font-weight:700; color:#111111; text-align:left; padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-top:85px; margin-left: 6px; margin-bottom:30px; }
ul.list_ul2-2>li>span { display:inline-block; font-weight:100; font-size:14px; color:#808080; letter-spacing:-1px; padding-left:5px; }
ul.list_ul2-2>li>span.tit { display:inline-block; font-weight:700; font-size:16px; color:#2574AB; letter-spacing:-1px; margin-bottom:10px; border-bottom: 1px solid #044EA3; }
ul.list_ul2-2>li>p { margin:0; padding-left:15px; font-weight:100; font-size:14px; }

ul.list_ul3 { font-size:16px; line-height: 28px; }
ul.list_ul3 > li { float:left; display:block; width:48%; padding:10px; text-align:center; }
ul.list_ul3 > li .tit { color: #e21738; font-size:18px; font-weight:700; text-align:center; border-bottom:1px solid #e21738;  }

ul.list_ul4 { font-size:16px; line-height: 28px; }
ul.list_ul4 > li { float:left; display:block; width:48%; padding:10px; text-align:center; }
ul.list_ul4 > li.arrow { float:left; display:block; width:1%; margin:30px 10px 30px 0px; }

ul.list_profile { margin:0 auto; width:90%; font-size:16px; line-height: 28px; }
ul.list_profile > li { float:left; display:block; width:100%; padding:10px; text-align:center; }
ul.list_profile > li .tit { color: #e21738; font-size:18px; font-weight:700; text-align:center; border-bottom:1px solid #e21738;  }

.security { margin-top:50px; background: url(/images/common/bg_security.png) no-repeat center; height:210px; opacity: 0.3; filter: alpha(opacity=30);  }
.security_txt { margin-top:50px; color: #494949; font-size:20px; font-weight:700; letter-spacing:1px; text-align:center; }
.security_txt span { color: #3A74B7; }

.img_box { display:block; border:1px solid #e5e5e5; text-align:center; padding:50px 0; margin-top:30px; overflow:hidden; }
.img_box .graph { margin:10px 20px; vertical-align:top;  }

.round15 { border-radius:15px; }
.shadow { -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-ms-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);-o-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26);box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.26); }

.txt-box { display:block; height:250px; border:3px solid #e5e5e5; border-radius:80px; font-size: 16px; text-align: left; padding: 30px 50px 30px 30px; margin-bottom: 30px; line-height: 27px; }
.txt-box ul.list_ul { font-size:16px; line-height: 28px; margin-top:20px; }
.txt-box ul.list_ul > li { padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 15px; }

.txt-box2 { display:block; border:3px solid #e5e5e5; border-radius:40px; font-size: 16px; text-align: left; padding: 15px 40px 20px 25px; margin-bottom: 30px; line-height: 27px; }
.txt-box2 ul.list_ul { font-size:16px; line-height: 28px; margin-top:0px; }
.txt-box2 ul.list_ul > li { padding-left: 10px; background: url(/images/sub/li_bullet.png) no-repeat left 13px; margin-left: 15px; }

.profile-box { display:block; height:140px; border:3px solid #044EA3; border-radius:80px; font-size: 16px; text-align: left; padding: 30px 50px 30px 30px; margin-bottom: 30px; line-height: 27px; }
.profile-box ul.profile { font-size:16px; line-height: 28px; margin-top:20px; overflow:hidden; }
.profile-box ul.profile > li { font-size:20px; color:#044EA3; text-align:center; padding-left: 10px; margin-left: 15px; }
.profile-box ul.profile > li:first-child { font-size:30px; margin-bottom:20px; }

.nav_tab { margin-top:50px; }
.nav_tab ul{overflow:hidden; margin:0 auto; text-align:center; margin-bottom:40px; }
.nav_tab li {display:inline-block; height:45px; font-size: 16px; margin:0 5px; }
.nav_tab li a { min-width:120px; font-size: 16px; font-weight:700; padding: 0px 30px; line-height: 40px; display: inline-block; text-decoration:none; border: 1px solid #4473B7; border-radius:8px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.26);-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.26);-ms-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.26);-o-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.26);box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.26); }
.nav_tab li a:hover, .nav_tab li a.on{ background:#4473B7; color:#fff; text-decoration:none; border: 1px solid #4473B7; border-radius:8px;  }

ul.item-list2 { margin:3px 0 5px 20px; }
ul.item-list2 li.item { background: url('/images/common/bullet_green.png') no-repeat left 8px; padding:0px 0px 0px 15px; margin:5px 0;  }

.confirm_box{ background:#e9e9e9; color:#474747; font-size:13px; line-height:160%; padding:35px}
.confirm_box strong{ font-weight:600; font-size:14px; padding-bottom:13px; display:block}
.confirm_box p{ font-weight:normal; line-height:140%; font-size:13px;}

.table_c{ width:100%;  border-top:1px solid #ddd;font-family: 'Nanum Gothic', Dotum, sans-serif; font-size:13px}
.table_c thead tr{ background:#f1f1f1}
.table_c th{ text-align:center;line-height:190%; color:#444; vertical-align:middle; padding:7px 0 4px 0; font-size:13px; font-weight:600; border:1px solid #ddd;}
.table_c td{ font-weight:normal; color:#5a5a5a; text-align:center; line-height:130%; vertical-align:middle; padding:7px 0 4px 0; font-size:12px; border:1px solid #ddd}
.table_c td.title{ text-align:left; padding:11px 0 11px 12px;}
.table_c td a{ color:#5a5a5a;}
.table_c td a:hover{ text-decoration:underline}
.table_c td.title span{ display:none}
.table_c tbody th{ background:#ebebeb; border-left:none; font-weight:normal}
.table_c tbody .tl{ text-align:left; padding:11px 0 11px 12px}

.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

h4.icon{ background:url(/images/icon/h4_icon.jpg) no-repeat  0 2px; padding-left:20px; font-weight:600; letter-spacing:-0.04em; color:#474747; padding-bottom:6px; font-size:16px; line-height:120% }

.join_step{ position:relative; height:46px; position:relative; margin-bottom:25px}
.join_step li { position:absolute; /*width:188px;*/ width:243px; height:46px; box-sizing:border-box; line-height:46px; font-weight:600; font-size:15px; color:#fff; letter-spacing:-0.05px; padding-left:30px;}
.join_step li:before{content:"";display:block; position:absolute; right:0; height:46px; width:100px;}

.join_step li.step1_off{ background:url("/images/icon/step01_off.png") no-repeat; background-position:left; top:0; left:0; color:#474747;}
.join_step li.step1_off:before{background:url("/images/icon/step01_off.png") no-repeat; background-position:right;}
.join_step li.step2_off{ background:url(/images/icon/step02_off.png) no-repeat;  top:0; left:232px; color:#474747;}
.join_step li.step2_off:before{background:url("/images/icon/step01_off.png") no-repeat; background-position:right;}
.join_step li.step3_off{ background:url(/images/icon/step02_off.png) no-repeat; top:0; /*left:361px;*/ left:464px; color:#474747;}
.join_step li.step3_off:before{background:url("/images/icon/step02_off.png") no-repeat; background-position:right;}
/*.join_step li.step4_off{ background:url(/images/icon/step02_off.png) no-repeat; top:0; left:540px; color:#474747; letter-spacing:-0.8px; }*/
.join_step li.step5_off{ background:url(/images/icon/step02_off.png) no-repeat; top:0; /*left:720px;*/ left:696px; color:#474747;}
.join_step li.step5_off:before{background-color:#e9e9e9;}

.join_step li.step1_on{ background:url("/images/icon/step01_on.png") no-repeat; background-position:left; top:0; left:0;}
.join_step li.step1_on:before{background:url("/images/icon/step02_on.png") no-repeat; background-position:right;}
.join_step li.step2_on{ background:url(/images/icon/step02_on.png) no-repeat;  top:0; left:232px;}
.join_step li.step2_on:before{ background:url("/images/icon/step02_on.png") no-repeat; background-position:right;}
.join_step li.step3_on{ background:url(/images/icon/step02_on.png) no-repeat; top:0; left:464px; }
.join_step li.step3_on:before{background:url("/images/icon/step02_on.png") no-repeat; background-position:right;}
/*.join_step li.step4_on{ background:url(/images/icon/step02_on.png) no-repeat; top:0; left:540px; letter-spacing:-0.8px; }*/
.join_step li.step5_on{ background:url(/images/icon/step02_on.png) no-repeat; top:0; /*left:720px;*/ left:696px;}
.join_step li.step5_on:before{background-color:#1e51a2;}

#completeSection { margin:0 auto; width:70%; padding:20px; text-align:center; border:10px solid #E1E1E1; overflow: hidden;}
#completeSection p.tit { margin-top:20px; }
#completeSection p.tit span { font-size:25px; font-weight:800; }
#completeSection p.comment span { font-size:15px; font-weight:700; }
#completeSection p.explan_txt span { font-size:15px; color:#E3434F; letter-spacing:-1px; }

#completeCheck { margin:0 auto; padding:20px; text-align:center; overflow: hidden;}
#completeCheck p.tit { margin-top:20px; }
#completeCheck p.tit span { font-size:20px; font-weight:800; letter-spacing:-1px; }
#completeCheck p.explan_txt span { font-size:20px; color:#627DCE; font-weight:800; letter-spacing:-1px; }



.attention {border:1px solid #ccc; padding:30px; font-size:20px; color:red;}