@charset "UTF-8";

/* --------------------------------------------  
	 font
--------------------------------------------  */
.font-xs {
	font-size: 13px;
}
.font-sm {
	font-size: 14px;
}

.font-md {
	font-size: 16px;
}
.font-md-w {
	font-size: 16px;
	line-height: 1.8;
}

.font-lg {
	font-size: 18px;
}
.font-lg-w {
	font-size: 18px;
	line-height: 1.8;
}

.font-xl {
	font-size: 22px;
}
.font-xl-w {
	font-size: 22px;
	line-height: 1.8;
}

.font-ex {
	font-size: 28px;
	font-weight: bold
}

.color-primary {
	color: #008cd6;
}

.color-blue {
	color: #008cd6;
}

/* --------------------------------------------  
	 text
--------------------------------------------  */

.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

/* --------------------------------------------  
	 border_bot
--------------------------------------------  */
.border_bot,
ul.list_dot > li {
	display: block;
	padding-bottom: 25px;
	margin-bottom: 10px;
	background: url(../../cmn/images/pattern/border_dot.png) repeat-x;
	background-position: left bottom;
}

.border_bot:after {
	content: "";
	display: block;
	clear: both;
}


/* --------------------------------------------  
	 icon
--------------------------------------------  */
.icon {
	padding-left: 1.5em;
	position: relative;
}


.icon:before {
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	
}

.circle_white:before {
	background: url(../../cmn/images/icon/icon_circle_white.png) no-repeat 2px 0;
	background-size: contain;
}

.circle_red:before {
	background: url(../../cmn/images/icon/icon_circle_red.png) no-repeat 2px 0;
	background-size: contain;
}

.circle_primary:before {
	background: url(../../cmn/images/icon/icon_circle_primary.png) no-repeat 2px 0;
	background-size: contain;
}

.arrow_white:before {
	background: url(../../cmn/images/icon/icon_arrow_white.png) no-repeat 2px 0;
	background-size: contain;
}

.arrow_primary:before {
	background: url(../../cmn/images/icon/icon_arrow_primary.png) no-repeat 2px 0;
	background-size: contain;
}

.arrow_primary:before {
	background: url(../../cmn/images/icon/icon_arrow_primary.png) no-repeat 2px 0;
	background-size: contain;
}

.arrow_bottom_primary:before {
	width: 14px;
	background: url(../../cmn/images/icon/icon_arrow_bottom_primary.png) no-repeat;
	background-size: contain;
}

.blank_primary:before {
	width: 14px;
	background: url(../../cmn/images/icon/icon_blank_primary.png) no-repeat;
	background-size: contain;
}

.pdf:before {
	width: 16px;
	height: 16px;
	background: url(../../cmn/images/icon/icon_pdf.png) no-repeat;
	background-size: contain;
	margin-left: 10px; 
}

.word:before {
	width: 16px;
	height: 18px;
	background: url(../../cmn/images/icon/icon_word.png) no-repeat;
	background-size: contain;
}

.excel:before {
	width: 16px;
	height: 16px;
	background: url(../../cmn/images/icon/icon_excel.png) no-repeat;
	background-size: contain;
}

.search:before {
	background: url(../../cmn/images/icon/icon_search.png) no-repeat;
	background-size: contain;
}


/* --------------------------------------------  
	 anchor
--------------------------------------------  */
.anchor {
	display: block;
	padding: 8px 17px 7px;
	margin-bottom: 18px;
	font-weight: bold;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #fff;
}

.anchor.icon:before {
	left: auto;
	right: 18px;
}

.anchor:hover {
	color: #00b8e6;
}

/* --------------------------------------------  
	 list
--------------------------------------------  */
.list-default > li,
.list-ghost > li {
	padding-left: 1.4em;
	margin-bottom: 10px;
	position: relative;
}

.list_icon {
	padding-left: 1.4em;
	margin-bottom: 10px;
	position: relative;
}

.list-default > li:before,
.list-ghost > li:before {
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	margin: 0 2px;
	position: absolute;
	top: 8px;
	left: 0;
}

.list-default > li:before {
	background: #00a0c6;
}

.list-default.blue > li:before {
	background: #008cd6;
}

.list-ghost > li:before {
	border: 1px solid #6fc9df;
	box-sizing: border-box;
}

.list-beforeblock {
	position: relative;
}

.list-beforeblock:after {
	content: "";
	display: block;
	clear: both;
}

.list-beforeblock dt {
	width: 145px;
	margin-top: 20px;
	position: absolute;
	left: 0;
}

.list-beforeblock dd {
	padding-top: 18px;
	padding-left: 180px;
	margin-left: 0;
}

.list-beforeblock .heading_square {
	padding-left: 1.4em;
}

/* --------------------------------------------  
	 qa
--------------------------------------------  */
.qa:after {
	content: "";
	display: block;
	clear: both;
}

.qa > dt,
.qa dd {
	margin-top: 15px;
	position: relative;
}

.qa > dt {
	padding-left: 2.2em;
	font-size: 16px;
	font-weight: bold;
}

.qa dd {
	padding-left: 2.6em;
	margin: 15px 0;
}

.qa > dt:before,
.qa dd:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
}

.qa > dt:before {
	background: url(../../cmn/images/icon/icon_q.png) no-repeat;
	background-size: contain;
}

.qa dd:before {
	background: url(../../cmn/images/icon/icon_a.png);
	background-size: contain;
}



/* --------------------------------------------  
	 block
--------------------------------------------  */
.contents-block {
	margin: 0 15px;
}

.block-border {
	padding: 20px 20px 17px;
	border: 1px solid #dddddd;
}

.block-section {
	border: 4px solid #ebf0f2;
}

.block-section {
	border: 4px solid #ebf0f2;
}

.section_contents {
	padding: 0 24px;
}

/* --------------------------------------------  
	 btn
--------------------------------------------  */
.btn,
.btn-block {
	padding: 8px 17px 7px;
	font-weight: bold;
	border-radius: 4px;
	color: #333;
	position: relative;
	text-decoration: none;
}
.btn {	
	display: inline-block;
}
.btn-block {
	display: block;
	text-align: center;
}
.btn-usual {
	background-color: #fff;
	border: 1px solid #cccccc;
}
.btn-usual:hover {
	background-color: #f0f4f5;
	color: #333;
}
.btn-yellow {
	background-color: #ffe400;
}
.btn-yellow:hover {
	background-color: #eed500;
	color: #333;
}
.btn-blue {
	background-color: #008cd6;
	color: #fff;
}
.btn-blue:hover {
	background-color: #00a7e3;
	color: #fff;
}

/* --------------------------------------------  
	 bg_color
--------------------------------------------  */
.bg_inner {
	margin: 0 auto;
}
	
.bg_gray {
	margin: 0 -9999px;
	background: #f5f5f5;
}
	
.bg_inner {
	width: 1008px;
	padding: 50px 0;
	margin: 0 auto;
}	



/* --------------------------------------------  
	 col
--------------------------------------------  */
.col_wrap {
	overflow: hidden;
	list-style: none;
}

.col_row {
	list-style: none;
	padding: 0;
	list-style: none;
}

.col_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.col_wrap.main_area .col-1,
.col_wrap.main_area .col-2,
.col_wrap.main_area .col-3,
.col_wrap.main_area .col-4,
.col_wrap.main_area .col-5,
.col_wrap.main_area .col-6,
.col_wrap.main_area .col-7,
.col_wrap.main_area .col-8,
.col_wrap.main_area .col-9,
.col_wrap.main_area .col-10,
.col_wrap.main_area .col-11,
.col_wrap.main_area .col-12 {
	padding-right: 8px;
	padding-left: 8px;
}

.col_wrap.main_area .section_contents .col-1,
.col_wrap.main_area .section_contents .col-2,
.col_wrap.main_area .section_contents .col-3,
.col_wrap.main_area .section_contents .col-4,
.col_wrap.main_area .section_contents .col-5,
.col_wrap.main_area .section_contents .col-6,
.col_wrap.main_area .section_contents .col-7,
.col_wrap.main_area .section_contents .col-8,
.col_wrap.main_area .section_contents .col-9,
.col_wrap.main_area .section_contents .col-10,
.col_wrap.main_area .section_contents .col-11,
.col_wrap.main_area .section_contents .col-12 {
	padding-right: 3px;
	padding-left: 3px;
}

.col-12 {
	width: 100%;
}

.col-11 {
	width: 91.66666667%;
}

.col-10 {
	width: 83.33333333%;
}

.col-9 {
	width: 75%;
}

.col-8 {
	width: 66.66666667%;
}

.col-7 {
	width: 58.33333333%;
}

.col-6 {
	width: 50%;
}

.col-5 {
	width: 41.66666667%;
}

.col-4 {
	width: 33.33333333%;
}

.col-3 {
	width: 25%;
}

.col-2 {
	width: 16.66666667%;
}

.col-1 {
	width: 8.33333333%;
}
	
.col-offset-12 {
	margin-left: 100%;
}

.col-offset-11 {
	margin-left: 91.66666667%;
}

.col-offset-10 {
	margin-left: 83.33333333%;
}

.col-offset-9 {
	margin-left: 75%;
}

.col-offset-8 {
	margin-left: 66.66666667%;
}

.col-offset-7 {
	margin-left: 58.33333333%;
}

.col-offset-6 {
	margin-left: 50%;
}

.col-offset-5 {
	margin-left: 41.66666667%;
}

.col-offset-4 {
	margin-left: 33.33333333%;
}

.col-offset-3 {
	margin-left: 25%;
}

.col-offset-2 {
	margin-left: 16.66666667%;
}

.col-offset-1 {
	margin-left: 8.33333333%;
}

.col-offset-0 {
	margin-left: 0;
}

.col-pull-12 {
	right: 100%;
}

.col-pull-11 {
	right: 91.66666667%;
}

.col-pull-10 {
	right: 83.33333333%;
}

.col-pull-9 {
	right: 75%;
}

.col-pull-8 {
	right: 66.66666667%;
}

.col-pull-7 {
	right: 58.33333333%;
}

.col-pull-6 {
	right: 50%;
}

.col-pull-5 {
	right: 41.66666667%;
}

.col-pull-4 {
	right: 33.33333333%;
}

.col-pull-3 {
	right: 25%;
}

.col-pull-2 {
	right: 16.66666667%;
}

.col-pull-1 {
	right: 8.33333333%;
}

.col-pull-0 {
	right: auto;
}

.col-push-12 {
	left: 100%;
}

.col-push-11 {
	left: 91.66666667%;
}

.col-push-10 {
	left: 83.33333333%;
}

.col-push-9 {
	left: 75%;
}

.col-push-8 {
	left: 66.66666667%;
}

.col-push-7 {
	left: 58.33333333%;
}

.col-push-6 {
	left: 50%;
}

.col-push-5 {
	left: 41.66666667%;
}

.col-push-4 {
	left: 33.33333333%;
}

.col-push-3 {
	left: 25%;
}

.col-push-2 {
	left: 16.66666667%;
}

.col-push-1 {
	left: 8.33333333%;
}

.col-push-0 {
	left: auto;
}


/* --------------------------------------------  
	 padding margin
--------------------------------------------  */
.pdl-none {
	padding-left: 0 !important;
}

.pdr-none {
	padding-right: 0 !important;
}

.pdl-md {
	padding-left: 15px !important;
}

.pdr-md {
	padding-right: 15px !important;
}

.pdl-lg {
	padding-left: 30px !important;
}

.pdr-lg {
	padding-right: 30px !important;
}

.pdt-xxs {
	padding-top: 3px !important;
}
	
.pdb-xxs {
	padding-bottom: 3px !important;
}	

.pdt-xs {
	padding-top: 5px !important;
}
	
.pdb-xs {
	padding-bottom: 5px !important;
}	

.pdt-sm {
	padding-top: 10px !important;
}
	
.pdb-sm {
	padding-bottom: 10px !important;
}	

.pdt-mdh {
	padding-top: 12px !important;
}
	
.pdb-mdh {
	padding-bottom: 12px !important;
}	

.pdt-md {
	padding-top: 15px !important;
}
	
.pdb-md {
	padding-bottom: 15px !important;
}

.pdt-lgh {
	padding-top: 20px !important;
}
	
.pdb-lgh {
	padding-bottom: 20px !important;
}	
	
.pdt-lg {
	padding-top: 30px !important;
}
	
.pdb-lg {
	padding-bottom: 30px !important;
}
	
.pdt-ex {
	padding-top: 40px !important;
}
	
.pdb-ex {
	padding-bottom: 40px !important;
}



.mgl-none {
	margin-left: 0 !important;
}

.mgr-none {
	margin-right: 0 !important;
}

.mgt-none {
	margin-top: 0 !important;
}

.mgb-none {
	margin-bottom: 0 !important;
}

.mgl-md {
	margin-left: 15px !important;
}

.mgr-md {
	margin-right: 15px !important;
}

.mgl-lg {
	margin-left: 30px !important;
}

.mgr-lg {
	margin-right: 30px !important;
}

.mgt-xxs {
	margin-top: 3px !important;
}
	
.mgb-xxs {
	margin-bottom: 3px !important;
}	

.mgt-xs {
	margin-top: 5px !important;
}
	
.mgb-xs {
	margin-bottom: 5px !important;
}	

.mgt-sm {
	margin-top: 10px !important;
}
	
.mgb-sm {
	margin-bottom: 10px !important;
}	

.mgt-mdh {
	margin-top: 12px !important;
}
	
.mgb-mdh {
	margin-bottom: 12px !important;
}	

.mgt-md {
	margin-top: 15px !important;
}
	
.mgb-md {
	margin-bottom: 15px !important;
}

.mgt-lgh {
	margin-top: 20px !important;
}
	
.mgb-lgh {
	margin-bottom: 20px !important;
}	
	
.mgt-lg {
	margin-top: 30px !important;
}
	
.mgb-lg {
	margin-bottom: 30px !important;
}
	
.mgt-ex {
	margin-top: 40px !important;
}
	
.mgb-ex {
	margin-bottom: 40px !important;
}

.lh-md {
	line-height: 1.7;
}