@charset "utf-8";



/****************************************************************
	Heading Style
****************************************************************/

#conts h4 {padding-left:0; color:#023E7D; font-size:3.2rem; font-weight:800;}
#conts h4:before {display:none;}
#conts .mh4 {margin-left:0 !important;}

#conts h5 {margin-left:2rem; font-size:2.8rem; color:#0466C8; font-weight:800;}
#conts .mh5 {margin-left:2rem !important;}

#conts h6 {margin-left:2rem; padding-left:1.6rem; font-size:2.6rem; color:#333; font-weight:800;}
#conts h6:before {top:.5rem; width:0.4rem; height:1.8rem; background-image:url('../img/common/bul_h6.svg');}
#conts .mh6 {margin-left:3.2rem !important;}


/****************************************************************
	Text Style
****************************************************************/

#conts em, #conts .em {color:#E33535;}
#conts .point {color:#023E7D;}
#conts .link {color:#003876;}

.tip {padding-left:3rem; background:url(../img/icon/ico_tip.svg) no-repeat top 0 left 0; background-size:2.5rem auto;}
.tip.error {color:#E33535 !important; background-image:url(../img/icon/ico_tip_red.svg);}
.tip.point {color:#023E7D; background-image:url(../img/icon/ico_tip_blue.svg);}


#conts *[target="_blank"]:not([class]):after,
#conts .link[target="_blank"]:after {width:2.5rem; height:2.5rem; vertical-align:sub; background-image:url(../img/icon/ico_blank.svg);}


/****************************************************************
	List Style
****************************************************************/
#conts .list-u.mh4,
#conts .list-o.mh4 {margin-left:0 !important;}


#conts *.box-list {background-color:#F8F8F8; border-radius:1rem;}
#conts .list-u li:before {width:0.4rem; height:0.4rem; margin-top:-.2rem; background:url('../img/bullet/bul_ul_depth01.svg') no-repeat 0 0; background-size:0.4rem auto;}

#conts .list-u > li {padding-left:1.2rem;}
#conts .list-u > li ul li:before {width:0.4rem; height:0.4rem; margin-top:-.2rem; background:url('../img/bullet/bul_ul_depth02.svg') no-repeat 0 0;}
#conts .list-u > li ul li ul li:before {width:0.5rem; height:0.8rem; margin-top:-.3rem; background:url('../img/bullet/bul_ul_depth03.svg') no-repeat 0 0;}



#conts .list-o > li:before,
#conts .list-o > li > ol > li:before {top:.35em; border-bottom:0; font-family:unset; margin-top:-0.75rem; font-size:unset}
#conts .list-o > li:before {color:#0466C8;}
#conts .list-o > li > ol > li:before {margin-top:-0.3rem; background:#3A66D7 !important; color:#fff; font-size:1.3rem; border-radius:50%; width:2.2rem; height:2.2rem; line-height:2.2rem;}



/****************************************************************
	Table Style
****************************************************************/
#conts .tbl-box {border-top:2px solid #001845; border-bottom:1px solid #001845;}

#conts .tbl th,
#conts .tbl thead th {background:#F3F6FB;}

#conts .tbl td,
#conts .tbl th,
#conts .tbl thead th.bo-left {border-color:#EDF0F7;}
#conts .tbl thead + tbody th {background:#FDFDFD !important;}
#conts table table.inner th {background:#F3F6FB !important;}



/****************************************************************
 	Box Style
****************************************************************/
#conts *.box-design {background:none; border-radius:1.5rem 10rem 1.5rem 1.5rem; border:2px solid #DFE4EF; overflow:hidden;}
#conts *.box-design .thumb {width:18rem;}
#conts .box-design h5 {margin-left:0; padding-left:0; font-size:2.6rem; color:#0353A4;}

.box-design .btnWrap {border-top:1px solid #DFE4EF; padding-top:1.578947em; margin-top:1.578947em;}


.box-down {display:block; position:relative; border-radius:.42em; border:1px solid #DFE4EF; padding:2rem; text-align:center; margin:2rem 0;}
.grid-layout .box-down {margin:0;}
.box-down .desc {margin-bottom:.78947em;}
.box-down .desc .thumb {margin-bottom:.78947em;}
.box-down .desc .thumb img {display:block; margin:0 auto;}
.box-down .desc .txt {font-size:0.9em; margin-top:0.25em;}

.box-down.horiz {padding:0; text-align:left; overflow:hidden;}
.box-down.horiz .in {display:table; width:100%; table-layout:fixed;}
.box-down.horiz .in > * {display:table-cell; vertical-align:middle;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.box-down.horiz .in .btn {text-align:center; font-size:1.052631578947368em; width:3.5em; height:3.5em; background-position:50% 50% !important; padding:0 !important; background-size:1.25em auto; background-color:#F8FAFC; border:0px solid #DFE4EF; border-left-width:1px; border-radius:0; text-indent:-999px; overflow:hidden; white-space:nowrap; text-align:left;}
.box-down.horiz .in .btn:focus,
.box-down.horiz .in .btn:hover {background-color:#222; border-color:#222;}
.box-down.horiz .desc {padding:1.157894736842105em 1.578947368421053em;}
.box-down.horiz .desc strong {margin-right:1em;}

.box-image {display:block; position:relative; padding:4rem; border:1px solid #DFE4EF; border-radius:1.5rem; text-align:center;}
.box-image:after {content:""; display:block; clear:both;}
.box-image img {display:block; position:relative; margin:0 auto;}
.box-image .btn-big-view {display:none; position:relative; margin-top:1em; float:right; background:url(../img/button/btn_img_big_view.svg) no-repeat 50% 50%; background-size:contain; width:18.1rem; height:4.5rem; text-indent:-999px; overflow:hidden; z-index:99;}
.box-image.no-line {border:none;}

@media all and (max-width:1024px) {
	.box-buttons .btn {margin-top:0.25em;}
	.box-image {padding:2rem;}
	.box-image .btn-big-view {display:block;}	
}


/****************************************************************
	Button Style
****************************************************************/
.btn {display:inline-block; line-height:normal; position:relative; box-sizing:border-box; padding:1.2rem 2rem; font-size:1.7rem; border-radius:5px; color:#0353A4 !important;border:1px solid #0353A4;vertical-align:middle;text-decoration:none !important;text-align:left;}
input.btn {border-width:1px !important; border-style:solid !important; border-color:#222222 !important;}
.btn:hover {background-color:#0353A4 !important; color:#fff !important;}


.btn.small.icon,
.btn.smallest.icon {padding-right:1.6rem; padding-left:4.5rem; background-position:top 50% left 1.2rem !important;}

.btn.smallest {padding-top:1rem; padding-bottom:1rem;}


.btn.bak {color:#fff !important; border-color:#0353A4 !important; background:#0353A4 !important;}
.btn.bak:hover,
.btn.bak:focus {background-color:#0353A4 !important; border-color:#0353A4 !important; color:#fff !important;}
.btn.point {border-color:#E33535 !important; color:#E33535 !important;}
.btn.point:hover,
.btn.point:focus {border-color:#E33535 !important; background-color:#E33535 !important; color:#fff !important;}

.btn.disabled,
.btn[disabled], 
.btn.disabled:hover,
.btn[disabled]:hover {color:#555 !important;border-color:#BBB !important;background-color:#EEE !important;}

.btn.icon {padding-left:5.5rem; background-repeat:no-repeat !important; background-position:top 50% left 1.8rem !important; background-size:2.5rem auto !important;}
.btn.icon.down {background-image: url(../img/button/down.svg) !important;}
.btn.icon.view {background-image: url(../img/button/view.svg) !important;}
.btn.icon.go {background-image: url(../img/button/link.svg) !important;}
.btn.icon.blank {background-image: url(../img/button/blank.svg) !important;}
.btn.icon.list {background-image: url(../img/button/list.svg) !important;}

.btn.icon {padding-left:5.5rem; background-repeat:no-repeat !important; background-position:top 50% left 1.8rem !important; background-size:2.5rem auto !important;}
.btn.icon.bak.down {background-image: url(../img/button/white/down.svg) !important;}
.btn.icon.bak.view {background-image: url(../img/button/white/view.svg) !important;}
.btn.icon.bak.go {background-image: url(../img/button/white/link.svg) !important;}
.btn.icon.bak.blank {background-image: url(../img/button/white/blank.svg) !important;}
.btn.icon.bak.list {background-image: url(../img/button/white/list.svg) !important;}

.btn.icon {padding-left:5.5rem; background-repeat:no-repeat !important; background-position:top 50% left 1.8rem !important; background-size:2.5rem auto !important;}
.btn.icon.point.down {background-image: url(../img/button/red/down.svg) !important;}
.btn.icon.point.view {background-image: url(../img/button/red/view.svg) !important;}
.btn.icon.point.go {background-image: url(../img/button/red/link.svg) !important;}
.btn.icon.point.blank {background-image: url(../img/button/red/blank.svg) !important;}
.btn.icon.point.list {background-image: url(../img/button/red/list.svg) !important;}
.btn.point:hover,
.btn.point:focus {background:#D63F3F; color:#fff;}


.btn.icon {padding-left:5.5rem; background-repeat:no-repeat !important; background-position:top 50% left 1.8rem !important; background-size:2.5rem auto !important;}
.btn.icon.normal.down {background-image: url(../img/button/black/down.svg) !important;}
.btn.icon.normal.view {background-image: url(../img/button/black/view.svg) !important;}
.btn.icon.normal.blank {background-image: url(../img/button/black/blank.svg) !important;}


.btn.icon.down:not([disabled]):hover {background-image:url(../img/button/white/down.svg) !important;}
.btn.icon.view:not([disabled]):hover {background-image:url(../img/button/white/view.svg) !important;}
.btn.icon.go:not([disabled]):hover {background-image:url(../img/button/white/link.svg) !important;}
.btn.icon.blank:not([disabled]):hover {background-image:url(../img/button/white/blank.svg) !important;}
.btn.icon.list:not([disabled]):hover {background-image:url(../img/button/white/list.svg) !important;}



/****************************************************************
	Contact us
****************************************************************/

.info-contact {display:block; position:relative; padding:2.5rem 1rem; box-sizing:border-box; border-radius:1rem; border:1px solid #DFE4EF; background:#fff; text-align:center;} 
.info-contact li {display:inline-block; margin:0.5rem 0; position:relative; padding:0 1.4em; vertical-align:middle;}
.info-contact li > * {margin-right:.4em;}
.info-contact li i {display:inline-block; vertical-align:middle; width:3.2rem; height:3.2rem; border-radius:.4em; margin-right:.3em; background:no-repeat 50% 50%; background-size:3.2rem auto;}
.info-contact li i.name {background-image:url(../img/icon/ico_contact_name.svg);}
.info-contact li i.call {background-image:url(../img/icon/ico_contact_tel.svg);}
.info-contact li i.addr {background-image:url(../img/icon/ico_contact_addr.svg);}
.info-contact li i.fax {background-image:url(../img/icon/ico_contact_fax.svg);}
.info-contact li i.mail {background-image:url(../img/icon/ico_contact_email.svg);}
.info-contact li i.date {background-image:url(../img/icon/ico_contact_date.svg);}
.info-contact li i.time {background-image:url(../img/icon/ico_contact_time.svg);}

@media all and (max-width:980px) {
	.info-contact li {padding:0 1em;}
}
@media all and (max-width:720px) {
	.info-contact {padding:1em 1.5em; text-align:left;}
	.info-contact li {display:block; padding:0; margin:.5em 0;}	
}



/****************************************************************
	Grid
****************************************************************/

/* Grid Layout */
.grid-layout {display:block; clear:both;}
.grid-layout:after {content:""; display:block; clear:both;}
.grid-layout > li,
.grid-layout .grid-item {float:left; box-sizing:border-box;}


.grid-layout.pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.pad-10 > li, .grid-layout.pad-10 > .grid-item {padding:.27em;}
.grid-layout.pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.pad-20 > li, .grid-layout.pad-20 > .grid-item {padding:.56em;}
.grid-layout.pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.pad-30 > li, .grid-layout.pad-30 > .grid-item {padding:.83em;}
.grid-layout.pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.pad-40 > li, .grid-layout.pad-40 > .grid-item {padding:1.11em;}
.grid-layout.pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.pad-50 > li, .grid-layout.pad-50 > .grid-item {padding:1.38em;}

.grid-layout.cols-8 > li,
.grid-layout.cols-8 .grid-item {width:12.5% !important;}
.grid-layout.cols-7 > li,
.grid-layout.cols-7 .grid-item {width:14.28% !important;}
.grid-layout.cols-6 > li,
.grid-layout.cols-6 .grid-item {width:16.66% !important;}
.grid-layout.cols-5 > li,
.grid-layout.cols-5 .grid-item {width:20% !important;}
.grid-layout.cols-4 > li,
.grid-layout.cols-4 .grid-item {width:25% !important;}
.grid-layout.cols-3 > li,
.grid-layout.cols-3 .grid-item {width:33.33% !important;}
.grid-layout.cols-2 > li,
.grid-layout.cols-2 .grid-item {width:50% !important;}
.grid-layout.cols-1 > li,
.grid-layout.cols-1 .grid-item {width:100% !important;}
.grid-layout.cols-1 .grid-item > div{height:auto!important;}

@media all and (max-width:1024px) {
	.grid-layout.ta-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.ta-pad-10 > li, .grid-layout.ta-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.ta-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.ta-pad-20 > li, .grid-layout.ta-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.ta-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.ta-pad-30 > li, .grid-layout.ta-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.ta-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.ta-pad-40 > li, .grid-layout.ta-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.ta-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.ta-pad-50 > li, .grid-layout.ta-pad-50 > .grid-item {padding:1.38em;}

	.grid-layout.ta-cols-8 > li,
	.grid-layout.ta-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.ta-cols-7 > li,
	.grid-layout.ta-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.ta-cols-6 > li,
	.grid-layout.ta-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.ta-cols-5 > li,
	.grid-layout.ta-cols-5 .grid-item {width:20% !important;}
	.grid-layout.ta-cols-4 > li,
	.grid-layout.ta-cols-4 .grid-item {width:25% !important;}
	.grid-layout.ta-cols-3 > li,
	.grid-layout.ta-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.ta-cols-2 > li,
	.grid-layout.ta-cols-2 .grid-item {width:50% !important;}
	.grid-layout.ta-cols-1 > li,
	.grid-layout.ta-cols-1 .grid-item {width:100% !important;}
	.grid-layout.ta-cols-1 .grid-item > div {height:auto!important;}
}
@media all and (max-width:640px) {
	.grid-layout.mo-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.mo-pad-10 > li, .grid-layout.mo-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.mo-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.mo-pad-20 > li, .grid-layout.mo-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.mo-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.mo-pad-30 > li, .grid-layout.mo-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.mo-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.mo-pad-40 > li, .grid-layout.mo-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.mo-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.mo-pad-50 > li, .grid-layout.mo-pad-50 > .grid-item {padding:1.38em;}
	
	.grid-layout.mo-cols-8 > li,
	.grid-layout.mo-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.mo-cols-7 > li,
	.grid-layout.mo-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.mo-cols-6 > li,
	.grid-layout.mo-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.mo-cols-5 > li,
	.grid-layout.mo-cols-5 .grid-item {width:20% !important;}
	.grid-layout.mo-cols-4 > li,
	.grid-layout.mo-cols-4 .grid-item {width:25% !important;}
	.grid-layout.mo-cols-3 > li,
	.grid-layout.mo-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.mo-cols-2 > li,
	.grid-layout.mo-cols-2 .grid-item {width:50% !important;}
	.grid-layout.mo-cols-1 > li,
	.grid-layout.mo-cols-1 .grid-item {width:100% !important;}
	.grid-layout.mo-cols-1 .grid-item > div {height:auto!important;}
}