@charset "utf-8"; 
@charset "utf-8"; 
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,800');

html, body { width:100%; min-height:100%;  font-family:'Nanum Gothic', Tahoma, AppleGothic, Verdana, sans-serif; }
body { color:#333; margin:0; padding:0; font-size:0.80em;line-height:1.75em;}
form, h1, h2, h3, h4, h5, h6, p, div, span, th, td, table, select, address, ul, li, dl, dt, dd, input {  margin:0; padding:0; font-size:1.0em;}
ul, li { list-style:none;}
img { border:0; margin:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
a {color:#333; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none;  }
a:active { text-decoration:none; }
	
/* form */
table { border-collapse:collapse; }
table a:link { text-decoration:underline; color:#555; }
input.txt { border:1px solid #ccc; padding:3px;}
textarea { border:1px solid #ccc; resize:none; width:100%; overflow:auto; }
input[type=radio] {vertical-align:middle; margin-top:2px; margin-bottom:2px; margin-right:3px; } 
input[type=checkbox] { display:none; }
/*input[role=checkbox] { display:block; } *07-05 JQ Grid*/
input[type=checkbox] + label { display:inline-block; cursor:pointer; position:relative;}
input[type=checkbox] + label span {margin-left:5px; margin-right:20px;}
input[type=checkbox]+ label:before {  content:"";  display:block;  width:12px;  height:12px;  position:relative;   left:0; top:1px;  
														border:1px solid #ccc;background-color:#fff;  border-radius:1px; float:left;  }
input[type=checkbox]:checked + label:before { content:"\2713";  /* 체크모양 */ text-shadow:1px 1px 1px rgba(0, 0, 0, .2); font-size:12px; color:#fff; background:#384e75; text-align:center;  line-height:12px; } 
input[disabled] { background:#e2e9f2; }

.label_ch_wrap { vertical-align:top; display:block; height:100%;}
.label_ch_wrap ul { width:100%; margin:0 auto; }
.label_ch_wrap li { width:24%; display:inline-block; margin:0 auto; }

select {border:1px solid #ccc; padding:2px; }

/* 공통영역 */
.fl { float:left; }
.fr { float:right; }

.text_l { text-align:left !important; margin:0 auto !important; }
.text_c { text-align:center; }
.text_r { text-align:right; }
.text_nor { font-weight:normal; }
.text_cb { color:#3f7bc1; }
.text_cr { color:#ea0000; }
.text_cg { color:#bbb; }
table {box-sizing:border-box;}
.block { display:block; }
.inblock { display:inline-block; }
.overflow_h { overflow:hidden; zoom:1; }

/**common**/
#wrap {min-height:100%;}
#header {width:100%; margin:0 auto; float:left;}
#header ul, #header li {display:inline;}
	#header .nav_topMenu_wrap {background:#384e75; padding:4px 0; margin:0 auto; width:100%; overflow:hidden;display: flex; justify-content: center; align-items: center; }
	#header .nav_topMenu {width:1180px;overflow:hidden; text-align:right; }
	#header .nav_topMenu ul {}
	#header .nav_topMenu li {margin-left:10px; color:#fff; font-size:0.90em;}
	#header .nav_topMenu a {color:#fff;}
	#header .nav_topMenu a:hover {text-decoration:underline;}

	#header .nav {width:1180px; margin:0 auto; height:100px; }
	#header .nav h1 {float:left; margin-top:35px;}
	#header nav ul { margin: 0;  padding: 0; float:right;}
	#header nav ul li {margin-left:40px; display: inline-block; position: relative;   padding:63px 5px 15px;}
	#header nav ul li a { text-decoration:none;  letter-spacing:-1px;color:#666;font-size:1.250em; font-weight:bold; display: block; }
	#header nav ul li:hover { text-decoration:none; color:#000;}
	#header nav ul li .ul {font-size:0.909em; display: none; clear:both;position:absolute;  width: 140px; top:100px; left:0px;text-align:left; z-index:100;}
	#header nav ul li ul { width: 140px; top:100px; left:0px;text-align:left;}
	#header nav ul li .ul li {padding:0; margin:0; display: block;}
	#header nav ul li .ul li a {  background: #384e75;  display: block;  color:#fff; padding:8px 10px;font-weight:normal; }
	#header nav ul li .ul li a:hover {background:#3f7bc1;}

#footercont_wrap {width:100%; background:#f2f2f2;margin:0 auto;  margin-top:20px; padding:10px 0; float:left; }
	#footercont_wrap .footercont { width:1180px;  margin:0 auto; min-height:165px; }
		#footercont_wrap .footercont .banner {float:left;position: relative; margin:0 auto; width:215px;  height:165px; overflow:hidden; } /* overflow:hidden; */
		#footercont_wrap .footercont .banner .wrapper-li { float:left;position: absolute;width:215px; height:165px; vertical-align:bottom;}
		#footercont_wrap .footercont .banner .wrapper-Num  { float:left;position: absolute;width:215px; height:20px; ;margin-top:10px;margin-left:10px;z-index:50;text-align:left; }
		#footercont_wrap .footercont .banner .wrapper-Num .numimg { float:none;position: relative; width:10px;height:10px;margin-right:5px;cursor:pointer;}
	#footercont_wrap .sitemap {float:left; margin-top:10px;}
		#footercont_wrap .sitemap span {display:inline-block; float:left; padding:0 35px; min-height:155px; }
		#footercont_wrap .sitemap span h6 {font-size:1.15em; margin-bottom:15px; width:120px;}
		#footercont_wrap .sitemap span ul {display:inline; float:left;}
		#footercont_wrap .sitemap span li {line-height:25px; font-size:0.9em; background:url(../../images/user/common/bl01.gif) no-repeat 0 50%; padding-left:12px;}
		#footercont_wrap .sitemap span a:hover li {color:#384e75;}
		#footercont_wrap .sitemap .menu01 {border-right:1px solid #d8d8d8;}
		#footercont_wrap .sitemap .menu02 {border-left:1px solid #fff;border-right:1px solid #d8d8d8;}
		#footercont_wrap .sitemap .menu03 {border-left:1px solid #fff;border-right:1px solid #d8d8d8;}
		#footercont_wrap .sitemap .menu04 {border-left:1px solid #fff;border-right:1px solid #d8d8d8;}
		#footercont_wrap .sitemap .menu05 {border-left:1px solid #fff;}
#footer_wrap {width:100%; background:#626262; padding:20px 0;  font-size:0.90em; margin:0 auto; float:left;}
	#footer_wrap #footer {width:1180px;  margin:0 auto; color:#f2f2f2; background:url(../../images/user/common/logo_hct_g.png) no-repeat 0 50%; padding-left:180px; box-sizing:border-box;}
	#footer_wrap #footer dt {display:inline;}
	#footer_wrap #footer dd {display:inline; padding-right:10px;}
	#footer_wrap #footer .line {border-right:1px solid #f2f2f2; margin-right:10px;}

/**main**/
#mainCont_area {float:left;width:100%; text-align:center; height:495px; display: flex; justify-content: center; align-items: center;}
	#mainCont_area #mainSlide {float:left;position: relative; margin:0 auto; width:1980px;  height:495px; overflow:hidden; } /* overflow:hidden; */
	#mainCont_area #mainSlide .wrapper-li { float:left;position: absolute;width:1980px; height:495px; vertical-align:bottom;}
	#mainCont_area #mainSlide .wrapper-Num  { float:left;position: absolute; width:1980px;z-index:50; text-align:left;left:50%; bottom:20px;}
	#mainCont_area #mainSlide .wrapper-Num .numimg { float:none;position: relative; margin-right:5px;cursor:pointer;}
#midCont {width:1180px; margin:0 auto; }
	#midCont .Notice {width:50%; float:left; margin:25px 0; padding-right:15px; box-sizing:border-box;}
		#midCont .Notice .til {color:#384e75; display:block; font-weight:bold; font-size:1.25em; float:left; margin-bottom:20px;}
		#midCont .Notice ul, #midCont .Notice li {float:left; display:block; width:100%;}
		#midCont .Notice li .list {float:left; background:url(../../images/user/common/bl02.png) no-repeat 0 50%; padding-left:15px; margin-bottom:5px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		#midCont .Notice li a:hover .list {color:#384e75;}
		#midCont .Notice li .date { font-size:0.85em; float:right; text-align:right;}
	#midCont .Data {width:50%; float:left; margin:25px 0 25px 0; padding-left:15px; box-sizing:border-box;}
		#midCont .Data .til {color:#384e75; display:block; font-weight:bold; font-size:1.25em; float:left; margin-bottom:20px;}
		#midCont .Data ul, #midCont .Data li {float:left; display:block; width:100%;}
		#midCont .Data li .list {float:left; background:url(../../images/user/common/bl02.png) no-repeat 0 50%; padding-left:15px; margin-bottom:5px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		#midCont .Data li a:hover .list {color:#384e75;}
		#midCont .Data li .date {font-size:0.85em; float:right; text-align:right;}

/**sub**/
#topImg_membership {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg01.gif) no-repeat 50% 0;}
#topImg_report {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg02.gif) no-repeat 50% 0;}
#topImg_info {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg03.gif) no-repeat 50% 0;}
#topImg_guide {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg04.gif) no-repeat 50% 0;}
#topImg_pay {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg05.gif) no-repeat 50% 0;}
#topImg_test {width:100%; height:110px; float:left; background:url(../../images/user/common/bg_topImg06.gif) no-repeat 50% 0;}

#container {width:1180px; margin:0 auto; }
	#container #sideMenu {width:230px; height:auto; float:left;position:relative; top:-50px; left:0; background:url(../../images/user/common/bg_submenu_til.gif) no-repeat; clear:both;}
		#container #sideMenu h4 {color:#fff; font-size:1.85em; vertical-align:bottom; margin:0 20px; height:50px; padding-top:60px;}
		#container #sideMenu ul {}
		#container #sideMenu li {padding:10px 0 10px 20px; background:#f2f2f2; border-bottom:1px solid #fff; border-top:1px solid #ccc; font-size:1.15em; color:#555;}
		#container #sideMenu .active, #container #sideMenu a:hover .active {background:#384e75 url('../../images/user/common/bl06.png') no-repeat 215px 15px; color:#fff; border-top:1px solid #444; border-bottom:1px solid #999;}
		#container #sideMenu a:hover li {background:#f2f2f2 url('../../images/user/common/bl05.png') no-repeat 215px 15px; color:#384e75; border-bottom:1px solid #fff; border-top:1px solid #ccc;}

#container #contents_wrap {width:950px;margin:0 auto; overflow:hidden; margin-bottom:40px;}
	#container #contents_wrap #contents {width:920px; margin:70px 0 0 30px; min-height:500px; }
	#container #contents_wrap #contents .location {float:right;text-align:right;margin:0 auto;margin-top:10px;}
	#container #contents_wrap #contents #title { font-size:1.85em; letter-spacing:-1px; }

.PopBg { background:url('../../images/user/common/bg_g01.png') repeat; width:100%; height:100%;float:left; margin:0 auto; padding:0; display: none; position: absolute; top:0%;left: 0%;  z-index: 100;}
.PopBg .btn {display:table-cell; vertical-align:middle;}
.PopSitemap {margin:0 auto; padding:0;width:1000px;position: relative; top:15%;left: 0%; letter-spacing:-1px; }
	.PopSitemap .cont { width:100%;background:#fff; height:300px;padding:50px 20px; box-sizing:border-box;}
	.PopSitemap .til {width:100%;text-align:left;background:url('../../images/user/common/bg_popsitemap_til.gif') no-repeat; color:#fff; padding:20px; box-sizing:border-box;}
	.PopSitemap .til h2 {font-size:1.50em; display:inline; letter-spacing:-1px;}
	.PopSitemap ul {float:left; display:inline-block; width:160px; }
	.PopSitemap ul h5 {color:#3f7bc1; font-weight:bold; margin-bottom:20px; font-size:1.15em;}
	.PopSitemap ul li {width:100%;background:url(../../images/user/common/bl04.png) no-repeat 0 50%; padding-left:15px;clear:both;display:block; float:left;line-height:28px;}
	.PopSitemap ul li a {color:#888;}
	.PopSitemap ul li a:hover {text-decoration:underline;}

#MainPop {display:none;background:#fff;margin:0 auto; padding:0;width:auto; height:auto;position: absolute; top:15%;left: 10%; z-index:99;}
#MainPop .img {height:300px; width:auto; margin:0 auto; padding:0;float:none;} 
#MainPop .close {width:100%; background:#000; height:30px; padding:5px 8px; box-sizing:border-box;}
#MainPop .close a {color:#fff; cursor:pointer;}

#MainPop01 {display:none;background:#fff;margin:0 auto; padding:0;width:auto; height:auto;position: absolute; z-index:99;}
#MainPop01 .img {height:300px; width:auto; margin:0 auto; padding:0;float:none;} 
#MainPop01 .close {width:100%; background:#000; height:30px; padding:5px 8px; box-sizing:border-box;}
#MainPop01 .close a {color:#fff; cursor:pointer;}

.MainPop {display:none;background:#fff;margin:0 auto; padding:0;width:auto; height:auto;position: absolute; z-index:99;}
.MainPop .img {height:300px; width:auto; margin:0 auto; padding:0;float:none;} 
.MainPop .close {width:100%; background:#000; height:30px; padding:5px 8px; box-sizing:border-box;}
.MainPop .close a {color:#fff; cursor:pointer;}

/** tabletype01 // 회원가입, 검색조건 **/
.tabletype01 { table-layout:fixed; width:100%; word-break:break-all; min-width:850px; background:#fff; }
	.tabletype01 th, .tabletype01 td { border:1px solid #d9d9d9; height:35px; padding:7px 5px; vertical-align:middle; }
	.tabletype01 th { background:#f2f2f2; white-space:nowrap; overflow:hidden; }
	.tabletype01 img { max-width:100%; }
	.tabletype01 .cal { max-width:100%; margin:0 0 0 5px; vertical-align:middle; }
	.tabletype01 a:link { text-decoration:underline; }
	.tabletype01 a:hover { color:#3f7bc1; }

/** bbsType01 // 공지사항(리스트, 뷰) Q&A(리스트) **/
.bbsType01_list {width:100%; float:left; table-layout:fixed;}
	.bbsType01_list,.bbsType01_list th,.bbsType01_list td {border:0; }
	.bbsType01_list img {vertical-align:top; margin-left:7px; margin-top:3px;}
	.bbsType01_list a:link {color:#555; text-decoration:none; }
	.bbsType01_list th {padding:10px 5px; border-top:2px solid #777; border-bottom:1px solid #aaa; background:#f7f7f7; line-height:18px; }
	.bbsType01_list td {padding:10px 0; border-bottom:1px solid #d9d9d9; text-align:center; line-height:18px;
							text-overflow:ellipsis; /* IE, Safari */overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap;}
	.bbsType01_list .no,.bbsType01_list .date,.bbsType01_list .hit {padding:0; line-height:normal;}
	.bbsType01_list .no { }
	.bbsType01_list .title {text-align:left; padding-left:15px;}
	.bbsType01_list td span {max-width:95%; display:inline-block;text-overflow:ellipsis; /* IE, Safari */overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap;}
	.bbsType01_list a:link {text-decoration:none;}
	.bbsType01_list a:hover {text-decoration:none;}
	.bbsType01_list .blank { height:100px;}
.bbsType01_view {width:100%; float:left; table-layout:fixed; margin-top:20px;}
	.bbsType01_view,.bbsType01_view th,.bbsType01_view td {border:0;}
	.bbsType01_view a {}
	.bbsType01_view a:link  {text-decoration:underline;}
	.bbsType01_view a:hover{text-decoration:underline;}
	.bbsType01_view {width:100%; border-bottom:1px solid #aaa;border-top:2px solid #777; table-layout:fixed;}
	.bbsType01_view th {padding:9px 5px; border-bottom:1px solid #d9d9d9;background:url("../../images/user/common/img_dot01.gif") no-repeat; background-position:100% 50%;  line-height:20px;}
	.bbsType01_view td {padding:10px 15px 10px 25px; border-bottom:1px solid #d9d9d9; text-align:left;word-wrap:break-word; word-break: keep-all;}
	.bbsType01_view .detail {padding: 25px; }
	.bbsType01_view .cont_area {width:100%; float:left; line-height:25px; }
/* 	.bbsType01_view .cont_area img{max-width:700px; max-height:300px; display:block; margin-bottom:10px;} */
	.bbsType01_view .cont_area img{max-width:700px; display:block; margin-bottom:10px;}

/** bbsType02 // FAQ(리스트, 뷰) **/
.bbsType02 {float:left; width:100%; border-top:2px solid #777;border-bottom:1px solid #aaa;word-break: keep-all; }
	.bbsType02 .cont {float:left; border-top:1px solid #d9d9d9;width:100%;line-height:45px; }
	.bbsType02 .co_print {float:left;  margin:0 5px; vertical-align:middle;padding-top:5px;  background:url('../../images/user/common/img_arrow.png') no-repeat 98% 50%;}
	.bbsType02 .no{background:url("../../images/user/common/img_dot01.gif") no-repeat; background-position:100% 50%;width:50px;text-align:center; float:left;margin-right:10px;}
	.bbsType02 .sort {width:90px;text-align:center; float:left; color:#384e75; font-weight:bold;}
	.bbsType02 .questions{ float:left;width:760px;}
	.bbsType02 .con_table_div {float:left; background:#fefefe; width:100%;border-top:1px solid #e1e1e1;}
	.bbsType02 .con_table_div span {float:left; width:100%; padding:20px 10px 20px 80px; line-height:20px; background:#f7f7f7; box-sizing:border-box;}

/** bbsType03 // Q&A(뷰, 에디트) 자료실(리스트, 뷰), 성적서 조회 **/
.bbsType03_list {float:left; width:100%;}
	.bbsType03_list a {color:#555; text-decoration:none;}
	.bbsType03_list {width:100%; border-bottom:1px solid #d9d9d9; table-layout:fixed;}
	.bbsType03_list th {padding:10px 5px; border-top:2px solid #777; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;background:#f7f7f7; line-height:18px;}
	.bbsType03_list th:first-child {border-left:none;}
	.bbsType03_list td {padding:10px 0; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  text-align:center; line-height:18px; text-overflow:ellipsis; /* IE, Safari */overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap;}
	.bbsType03_list td:first-child {border-left:none;}
	.bbsType03_list td span {max-width:92%; display:inline-block;text-overflow:ellipsis; /* IE, Safari */overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap;}
	.bbsType03_list td img {vertical-align:top; margin-left:7px; margin-top:3px;}
	.bbsType03_list .title {text-align:left; padding-left:15px;}
	.bbsType03_list a:link {text-decoration:none;}
	.bbsType03_list .blank { height:100px;}
.bbsType03_view {width:100%; float:left; table-layout:fixed; margin-top:20px;}
	.bbsType03_view,.bbsType03_view th,.bbsType03_view td {border:0;}
	.bbsType03_view .cont_area {padding: 15px; width:100%; min-height:150px; float:left;box-sizing:border-box;line-height:25px;}
	.bbsType03_view span {}
	.bbsType03_view a {}
	.bbsType03_view a:link  {text-decoration:underline;}
	.bbsType03_view a:hover{text-decoration:underline;}
	.bbsType03_view {width:100%; border-bottom:1px solid #aaa;border-top:2px solid #777; table-layout:fixed;}
	.bbsType03_view th {padding:10px 5px; border-bottom:1px solid #d9d9d9;line-height:18px;background:#f7f7f7;}
	.bbsType03_view td {padding:10px 15px; border-bottom:1px solid #d9d9d9; text-align:left; word-wrap:break-word; word-break: keep-all; }
.bbsType03_edit {width:100%; float:left; table-layout:fixed; margin-top:20px;}
	.bbsType03_edit,.bbsType03_edit th,.bbsType03_edit td {border:0;}
	.bbsType03_edit a {}
	.bbsType03_edit a:link  {text-decoration:none;}
	.bbsType03_edit a:hover{text-decoration:underline;}
	.bbsType03_edit {width:100%; border-bottom:1px solid #aaa;border-top:2px solid #777; table-layout:fixed;}
	.bbsType03_edit th {padding:10px 5px; border-bottom:1px solid #d9d9d9;line-height:18px;;}
	.bbsType03_edit td {padding:6px 15px; border-bottom:1px solid #d9d9d9; text-align:left; line-height:25px; word-wrap:break-word;word-break: keep-all;  }
	.bbsType03_edit input, .bbsType03_edit select {padding: 4px;}

.pagination {float:left;width:100%; font-family: Verdana, Roboto,Tahoma, AppleGothic, sans-serif; margin:0 auto;text-align:center; padding-top:30px;display:block;}
	.pagination .arr { padding:2px;display:inline-block; vertical-align:middle;}
	.pagination .arr img {}
	.pagination .no a{width:20px;padding:1px 0;  line-height:18px; text-align:center;  border:1px solid #bbb; display: inline-block; color:#384e75;}
	.pagination .no a:hover, .pagination .no .active a{ background:#384e75; border:1px solid #384e75;display: inline-block; color:#fff; text-decoration:none;}

.pop-container { padding:20px 15px 10px 15px; float:left; width:100%; box-sizing:border-box;}
	.pop-container h3 { font-size:1.214em; padding-left:15px; padding-bottom:20px; background:url(../../images/user/common/ad_bul05.png) no-repeat 0 6px; letter-spacing:-1px; display:inline-block; cursor:move; width:100%; }
	.pop-container .info {font-size:0.85em; margin-left:10px; font-weight:normal; color:#999;}
	.pop-container .contBox {background:#f2f2f2; width:100%; text-align:center; padding:30px 0;}
	.pop_layer400 { display:none; position:absolute; top:45%; left:55%; width:400px; height:auto; background-color:#fff; border:1px solid #999; z-index:999; }

/* button */
.btn_wrap_tl {width:100%; float:left; text-align:left; display:inline; margin:10px 0; }
.btn_wrap_tc { width:100%; float:left; text-align:center;  display:inline; margin:10px 0; }
.btn_wrap_tr {width:100%; float:right;  text-align:right; display:inline; margin:10px 0; }
.btn_wrap_inline {width:auto; }
.btn_wrap span { display:inline-block; text-align:center; margin:0 auto; }

	/*button-blue*/
	.sbtn_b_01 { display:inline-block; letter-spacing:-1px; height:18px; padding:0 8px; border:1px solid #304a8a; background-color:#384e75; line-height:18px; color:#fff; font-size:0.875em;  font-weight:normal;}	
	.sbtn_b_01:hover { border:1px solid #091940; background-color:#32486e; color:#fff; }
	.sbtn_g_01 { display:inline-block; letter-spacing:-1px; height:18px; padding:0 8px; border:1px solid #5b5b5b; background-color:#5b5b5b; line-height:18px; color:#f2f2f2; font-size:0.875em;  font-weight:normal;}	
	.sbtn_g_01:hover { border:1px solid #5b5b5b; background-color:#434343; color:#f2f2f2; }
	.sbtn_g_02 { display:inline-block; letter-spacing:-1px; height:18px; padding:0 8px; border:1px solid #c0c0c0; background-color:#fafafa; line-height:18px; color:#666; font-size:0.875em;  font-weight:normal;}	
	.sbtn_g_02:hover { border:1px solid #5b5b5b; background-color:#f5f5f5; color:#444; }
	
	.sbtn_more_01 { display:inline-block; height:18px; padding:0 8px; border-radius:10px; border:1px solid #304a8a; background-color:#384e75; line-height:18px; color:#fff; font-size:0.875em;  font-weight:normal;}	
	.sbtn_more_01:hover { border:1px solid #091940; background-color:#32486e; color:#fff; }
	
	.btn_b_01 { display:inline-block; letter-spacing:-1px; height:18px; padding:5px 14px; border:1px solid #304a8a; border-radius:2px; background-color:#384e75; line-height:18px; color:#f2f2f2; font-size:1.05em; font-weight:bold;}	
	.btn_b_01:hover { border:1px solid #091940; background-color:#32486e; color:#f2f2f2; }

	.btn_g_01 { display:inline-block; letter-spacing:-1px; height:18px; padding:5px 14px; border:1px solid #5b5b5b; border-radius:2px; background-color:#5b5b5b; line-height:18px; color:#f2f2f2; font-size:1.05em; font-weight:bold;}	
	.btn_g_01:hover { border:1px solid #5b5b5b; background-color:#434343; color:#f2f2f2; }
	.btn_g_02 { display:inline-block; letter-spacing:-1px; padding:5px 14px; border:1px solid #c0c0c0; border-radius:2px; background-color:#f9f9f9; line-height:18px; color:#666; font-size:1.05em; font-weight:bold;}	
	.btn_g_02:hover { border:1px solid #c0c0c0; background-color:#f5f5f5; color:#444; }
	
	.btn_text { font-size:0.875em; text-decoration:none; }
	.btn_text a {text-decoration:none; }
	.btn_text a:hover{ text-decoration:underline; }
	.btn_privacy {background:#aaa; padding:2px 6px; border-radius:10px; font-weight:bold; }
	.btn_find {background:#666; padding:6px 14px 6px 12px;margin:0 auto; display:inline-block; color:#fff; font-weight:bold; margin-left:3px;}

/* padding */
.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }

.pr05 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }

.pl05 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }

.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }


/* margin */
.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }	
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt100 { margin-top:100px; }

.mr05 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }	
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.ml05 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }

.mb0 { margin-bottom:0px !important; }
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }


/**StyleGuide**/
#style-guide { margin:20px; float:left; }
#style-guide p { font-size:1.5em; font-weight:bold; letter-spacing:-2px; }

.dl_type01 { padding:0 !important; float:left; width:100%; margin-bottom:30px; }
.dl_type01 dt { margin-bottom:10px; }
.dl_type01 dd { margin-left:10px; float:left; display:inline; }
.dl_type01 dd.first { margin:0 auto; }
 
#icon { float:left; margin-bottom:10px; width:100%; }
#icon h2 { margin:10px 0 5px; }
#icon ul { margin-bottom:10px; }
#icon li { margin-left:10px; display:inline; }