@charset "utf-8";

/*
================================================================================
COMMON
================================================================================
*/
.row{}
.row.cols2 > div{ float:left; width:50%;}


/*** a ***/
a.mail{ letter-spacing: 0 ; color:#df2519; text-decoration: underline}
a.mail:after{content:'';display:inline-block;margin: 0 0px 0 5px;background:url('../images/common/ic_blank.gif') no-repeat 0 0;width:14px;height:14px;vertical-align: middle; }
a.link[target="_blank"] {color: #202f82 !important; font-weight: 600; padding: 0 5px;}
a.link[target="_blank"]:hover {text-decoration: underline;}
a.link[target="_blank"]:after{content:'';display:inline-block;margin: 0 0px 0 5px;background:url('../images/common/ic_blank.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle; }
.button.blue.link[target="_blank"],
.button.red.link[target="_blank"]{color:#fff !important;font-weight: 500;padding: 0 1em;}
.button.blue.link:after,
.button.red.link[target="_blank"]:after{ background-image:url('../images/common/ic_blank_w.gif');}


/* warning */
.warning_pageIng {text-align: center }
.warning_pageIng img { max-width: 100%;}
.warning_txt{text-align:center;background: #fdfdfd;border: 1px solid #ccc;border-bottom: 1px solid #1d2089;padding: 78px 15px;font-size: 1.125em;}
.warning_txt:before{content: '';display:inline-block;width: 194px;height: 194px;border-radius: 50%;background: #f2f3f4 url('../images/common/ico_pict02_02.png') no-repeat 55% 50%;}
.warning_txt .tit{font-size: 1.25em !important;color: #333;margin:20px 0 15px 0;line-height: 1.2em;}
.warning_txt .tit strong{color:#1d2089;font-weight: 700;}
.warning_txt .txt{color: #666;font-size: 1em !important;}

@media only screen and (max-width:720px){		
	.warning_txt{ padding:50px 15px;}
	.warning_txt:before{width:150px;height:150px;background-size: 100px;}
	.warning_txt .tit{ margin: 15px 0;}
}
@media only screen and (max-width:480px){		
	.warning_txt{ padding:40px 15px;}
	.warning_txt:before{width:130px;height:130px;background-size: 80px;}
}

/* tabSet */
.tabSet {width:100%;box-sizing:border-box; position:relative;margin-bottom:55px;border-bottom:0;border-right:0;}
.tabSet .tabs_wrap {position:relative;height:100%;}
.tabSet:after,
.tabSet .tabs_wrap:after {content:"";display:block;position:absolute;background:#ddd;}
.tabSet:after {top:49px;left:0;width:100%;height:1px;}
.tabSet .tabs_wrap > dl {text-align:center;display: block;clear: both;}
.tabSet .tabs_wrap > dl > dt {width: 14.28%;display: inline-block;vertical-align: top;font-size: 16px;float:left;z-index: 2;position: absolute;left: 0;top: 0;}
.tabSet .tabs_wrap > dl > dt a {position:relative;display:block;background: #f6f6f6;border: 1px solid #ddd;border-width: 1px 0;padding: 0 5px;line-height: 50px;height: 50px;color:#333;font-size:1.063em;font-weight:400;text-align:center;letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tabSet .tabs_wrap > dl > dt a:after {content:"";position:absolute;top:0;bottom:0;right: 0px;display:block;background-color:#ccc;width:1px;height:15px;margin:auto;z-index:1;}
.tabSet .tabs_wrap > dl > dt a:before{content:'';display:block;width:100%;height: 2px;position:absolute;bottom: 0px;left:0;background: #fff;z-index: 2; opacity: 0; }
.tabSet .tabs_wrap > dl:first-child > dt a{border-left:1px solid #ddd;}
.tabSet .tabs_wrap > dl:last-child > dt a{border-right:1px solid #ddd;}
.tabSet .tabs_wrap > dl.on{padding-top: 50px;min-height: 50px;}
.tabSet .tabs_wrap > dl.on > dt a:after,
.tabSet .tabs_wrap > dl:last-child > dt a:after {display:none;}
.tabSet .tabs_wrap > dl > dt:hover,
.tabSet .tabs_wrap > dl > dt:focus{ color: #2e3192;}
.tabSet .tabs_wrap > dl.on > dt a {color: #2e3192;border:1px solid #2e3192;background-color: #fff;border-width: 1px 1px 0 1px;z-index: 2; text-decoration:none;}
.tabSet .tabs_wrap > dl.on > dt a:before{opacity: 1;}

.tabSet .tabs_wrap > dl:nth-child(2) > dt{ left: 14.28%;}
.tabSet .tabs_wrap > dl:nth-child(3) > dt{ left: 28.56%;}
.tabSet .tabs_wrap > dl:nth-child(4) > dt{ left: 42.84%;}
.tabSet .tabs_wrap > dl:nth-child(5) > dt{ left: 57.12%;}
.tabSet .tabs_wrap > dl:nth-child(6) > dt{ left: 71.4%;}
.tabSet .tabs_wrap > dl:nth-child(7) > dt{ left: 85.68%;}
.tabSet .cols2 > dl > dt{width:50%;}
.tabSet .cols2 > dl:nth-child(even) > dt{ left:50%;}
.tabSet .cols3 > dl > dt{width:33.333333%;}
.tabSet .cols3 > dl:nth-child(3n+2) > dt{ left:33.3333333%;}
.tabSet .cols3 > dl:nth-child(3n+3) > dt{ left:66.6666666%;}
.tabSet .cols4 > dl > dt{width:25%;}
.tabSet .cols4 > dl:nth-child(4n+2) > dt{ left:25%;}
.tabSet .cols4 > dl:nth-child(4n+3) > dt{ left:50%;}
.tabSet .cols4 > dl:nth-child(4n+4) > dt{ left:75%;}
.tabSet .cols5 > dl > dt{width:20%;}
.tabSet .cols5 > dl:nth-child(5n+2) > dt{ left:20%;}
.tabSet .cols5 > dl:nth-child(5n+3) > dt{ left:40%;}
.tabSet .cols5 > dl:nth-child(5n+4) > dt{ left:60%;}
.tabSet .cols5 > dl:nth-child(5n+5) > dt{ left:80%;}
.tabSet .cols6 > dl > dt{width:16.66666%;}
.tabSet .cols6 > dl:nth-child(6n+2) > dt{ left:16.66666%;}
.tabSet .cols6 > dl:nth-child(6n+3) > dt{ left:33.33332%;}
.tabSet .cols6 > dl:nth-child(6n+4) > dt{ left:49.99998%;}
.tabSet .cols6 > dl:nth-child(6n+5) > dt{ left:66.66664%;}
.tabSet .cols6 > dl:nth-child(6n+6) > dt{ left:83.33333%;}	

.tabSet .datalist{display:none;width:100%;height:100%;text-align:left;}
.tabSet .tabs_wrap dl.on .datalist{display:block;padding-top: 55px;}

@media only screen and (max-width:1024px){	
	.tabSet{  width:100%; max-width: inherit; }	
	.tabSet .tabs_wrap:after{content:'';width:100%;height: 50px;background: #e4e4e4;z-index: -1;top: 0;}		
    .tabSet .tabs_wrap.rows3:after{height: 150px;}
	.tabSet .tabs_wrap.cols6:after{height: 100px;}
	
	.tabSet .cols3.rows2 > dl.on{ padding-top: 50px;}
	.tabSet .rows2 > dl.on,
	.tabSet .cols4 > dl.on{padding-top: 100px;}
	.tabSet .rows3 > dl.on,
	.tabSet .cols5 > dl.on,
	.tabSet .cols6 > dl.on{padding-top: 150px;}
	
	.tabSet .tabs_wrap > dl > dt {font-size:15px;}
	.tabSet .tabs_wrap > dl > dt a { height: 50px; line-height: 50px;}
	.tabSet .cols4 > dl > dt,
	.tabSet .cols5 > dl > dt {width:50% !important;}
	.tabSet .cols4 > dl:nth-child(even) > dt,
	.tabSet .cols5 > dl:nth-child(even) > dt{ left:50% !important;}
	.tabSet .cols2 > dl:nth-child(even) > dt,
	.tabSet .cols4 > dl:nth-child(even) > dt,
	.tabSet .cols5 > dl:nth-child(even) > dt{ left:50% !important;}
	.tabSet .cols2 > dl:nth-child(2n+3) > dt,
	.tabSet .cols4 > dl:nth-child(4n+3) > dt,
	.tabSet .cols5 > dl:nth-child(5n+3) > dt{left:0; top:50px;}
	.tabSet .cols2 > dl:nth-child(2n+4) > dt,
	.tabSet .cols4 > dl:nth-child(4n+4) > dt,
	.tabSet .cols5 > dl:nth-child(5n+4) > dt{ top:50px;}
	.tabSet .cols5 > dl:nth-child(5n+5) > dt{left:0; top:100px;}
	.tabSet .cols6 > dl > dt:nth-child(6n+6),
	.tabSet .cols6 > dl > dt { width:25% !important;}
	.tabSet .cols6 > dl:nth-child(6n+2) > dt{ left:25%;}
	.tabSet .cols6 > dl:nth-child(6n+3) > dt{ left:50%;}
	.tabSet .cols6 > dl:nth-child(6n+4) > dt{ left:75%;}
	.tabSet .cols6 > dl:nth-child(6n+5) > dt{ left:0%; top:50px;}
	.tabSet .cols6 > dl:nth-child(6n+6) > dt{ left:25%; top:50px;}
	.tabSet .cols6 > dl:nth-child(6n+7) > dt{ left:50%; top:50px;}
	.tabSet .cols6 > dl:nth-child(6n+8) > dt{ left:75%; top:50px;}

	.tabSet dl.on .datalist{padding-top: 35px;}
}

@media only screen and (max-width:720px){
	.tabSet:after{ top:39px;}
	.tabSet .cols6 > dl > dt{width:50% !important;}
	
    .tabSet .tabs_wrap:after{height: 40px;}
    .tabSet .tabs_wrap.rows2:after{height: 80px;}
    .tabSet .tabs_wrap.rows3:after,
	.tabSet .tabs_wrap.cols6:after{height: 120px;}
	.tabSet .tabs_wrap.rows4:after{height: 160px;}    
	
	.tabSet .rows2 > dl.on,
	.tabSet .cols3.rows2 > dl.on{ padding-top: 80px;}
	.tabSet .rows3 > dl.on,
	.tabSet .cols6 > dl.on{padding-top: 120px;}
	.tabSet .rows4 > dl.on{padding-top: 160px;}
	
	.tabSet .tabs_wrap > dl:nth-child(2) > dt{ left: 50%;}
	.tabSet .tabs_wrap > dl:nth-child(3) > dt{ left: 0; top:40px;}
	.tabSet .tabs_wrap > dl:nth-child(4) > dt{ left: 50%; top:40px;}
	.tabSet .tabs_wrap > dl:nth-child(5) > dt{left: 0;top: 80px;}
	.tabSet .tabs_wrap > dl:nth-child(6) > dt{left: 50%;top: 80px;}
	.tabSet .tabs_wrap > dl:nth-child(7) > dt{left: 0;top: 120px;}	
	.tabSet .tabs_wrap > dl:nth-child(8) > dt{ left: 50%; top:120px;}
	
	.tabSet .tabs_wrap > dl > dt,
	.tabSet .cols2 > dl > dt,
	.tabSet .cols3 > dl > dt,
	.tabSet .cols4 > dl > dt,
	.tabSet .cols5 > dl > dt{width:50% !important; left:0;}
	.tabSet .tabs_wrap > dl:nth-child(even) > dt,
	.tabSet .cols2 > dl:nth-child(even) > dt,
	.tabSet .cols3 > dl:nth-child(even) > dt,
	.tabSet .cols4 > dl:nth-child(even) > dt,
	.tabSet .cols5 > dl:nth-child(even) > dt,
	.tabSet .cols6 > dl:nth-child(even) > dt,
	.tabSet .cols6 > dl:nth-child(even) > dt{ left:50% !important;}
	.tabSet .cols3 > dl:nth-child(3n+3) > dt,
	.tabSet .cols4 > dl:nth-child(4n+3) > dt,
	.tabSet .cols5 > dl:nth-child(5n+3) > dt,
	.tabSet .cols6 > dl:nth-child(6n+3) > dt{left:0 !important; top:40px;}
	.tabSet .cols3 > dl:nth-child(3n+4) > dt,
	.tabSet .cols4 > dl:nth-child(6n+4) > dt,
	.tabSet .cols5 > dl:nth-child(5n+4) > dt,
	.tabSet .cols6 > dl:nth-child(6n+4) > dt{ top:40px;}
	.tabSet .cols5 > dl:nth-child(5n+5) > dt,
	.tabSet .cols5 > dl:nth-child(6n+5) > dt,
	.tabSet .cols6 > dl:nth-child(6n+5) > dt{ left:0; top:80px;}
	.tabSet .cols6 > dl:nth-child(6n+6) > dt{ top:80px;}
	.tabSet .cols6 > dl:nth-child(6n+7) > dt{ left:0; top:120px;}
    .tabSet .cols6 > dl:nth-child(6n+8) > dt{ top:120px;}
		
    .tabSet .tabs_wrap > dl.on .datalist{padding-top: 10px;}	
    .tabSet .cols3 .datalist,
    .tabSet .cols4 .datalist{padding-top: 40px;}
    .tabSet .cols5 .datalist,
    .tabSet .cols6 .datalist{padding-top: 80px;}

	.tabSet .tabs_wrap > dl > dt a {height: 40px;line-height: 40px;font-size: 13px;}
	.tabSet .tabs_wrap > dl:nth-child(1) > dt a,
	.tabSet .tabs_wrap > dl:nth-child(2) > dt a{ margin-top: 0;}		

}

/* info_ex */
.info_ex {color: #c3262f !important;font-size: .95em;font-weight: 400;}
span.info_ex{ display: inline-block; vertical-align:top;padding:0 0 5px 25px;margin-top:2px;min-height:16px;}
.info_ex01, .info_ex02, .info_ex03, .info_ex04{ display: block; font-size:.95em !important;margin:3px 0 5px; line-height: 1.4 !important; font-weight: 400; color:#666;}
.info_ex01 b, .info_ex02 b, .info_ex03 b, .info_ex04 b{ display: inline-block; position: relative;}
.info_ex01 b:after, .info_ex02 b:after, .info_ex03 b:after, .info_ex04 b:after{ content:''; display: block; width:100%; height: 2px; background:#c5c5c5; margin: 2px 0 0 0; position: absolute; bottom:0; left:0;}
.info_ex01.col_red b:after, .info_ex01 b.col_red:after{ background-color:#f0898c;}
.info_ex02.col_blue b:after, .info_ex02 b.col_blue:after{background-color: #8387c3;}
.info_ex04.col_orange b:after, .info_ex04 b.col_orange:after{background-color: #f7b394;}

.info_ex01:before, .info_ex02:before, .info_ex03:before, .info_ex04:before{ content:''; display:inline-block;vertical-align: middle; width:16px; height: 16px; background-position: 0 0; background-repeat: no-repeat;margin:-2px 4px 0 0;}
.info_ex01:before{background-image:url('../images/common/ico_ex01.png'); }
.info_ex02:before{background-image:url('../images/common/ico_ex02.png');}
.info_ex03:before{background-image:url('../images/common/ico_ex03.png');}
.info_ex04:before{background-image:url('../images/common/ico_ex04.png');}

/* list style */
.list01>li,
.list02>li,
.list03>li,
.list_p { position:relative;padding-left:15px;margin-bottom:10px; text-align: left !important; }
.list03>li{ padding-left:15px}
.list_p {margin-bottom:0px;}
.list01>li:last-child,
.list02>li:last-child { margin-bottom:0 !important;}
.list01>li:before, .list02>li:before, .list03>li:before, .list_p:before{ content:''; display:block; position:absolute; left:2px; top:9px; } 
.list01>li ul,
.list02>li ul{ padding:5px 0;}
.list01>li em,
.list02>li em,
.list03>li em{ display:block;}

.txt_box .list01> li {font-weight: 400; margin-bottom: 7px;}
.list01>li:before,
.list_p:before{background: #6f6f6f;width:3px;height:3px;} 

.list02>li:before{ border: solid #888;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 2px;transform: rotate(-45deg); top: 8px;} 
.list02>li {margin-bottom:5px;}
.list03>li {margin-bottom:5px; color: #585858}
.list03>li:before{ background:#585858; width:4px; height:1px;left:4px; top:9px} 
.list03>li > ul{ margin-bottom:7px;}
.list03>li > ul > li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#777; text-align: left !important; line-height: 1.3 ;font-weight: 400; font-size:0.9em;}
.list03>li > ul > li:before{ content:''; display:block; position:absolute; left:0; top:9px; background:#8c8c8c; width:3px; height:3px; border-radius: 3px;} 

.list01>li > ul > li { position:relative;  padding-left:12px;  margin-bottom:4px; color:#777; text-align: left !important; line-height: 1.3 ;font-weight: 400;}
.list01>li > ul > li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px;} 
.list01>li > ul > li li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#888; font-size: .95em;}
.list01>li > ul > li li:before{content:''; display:block; position:absolute; left:0; top:7px; background:#fff; width:4px; height:4px; border-top:1px solid #8a8a8a; border-right:1px solid #8a8a8a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

ol.numList { list-style: decimal; padding-left:20px;}
ol.numList > li{ padding-left:0; margin-bottom: 10px}
ol.numList > li:before{ display:none;}
@media only screen and (max-width:480px) {	
	ol.numList { padding-left: 10px;}
	ol.numList > li:last-child {margin-bottom:0}
}
ol.list_num { margin-bottom:10px; overflow:hidden; padding-bottom:2px;}
ol.list_num > li { position: relative;margin-bottom: 8px ; color:#696969; text-align: left !important;min-height: 21px;padding: 0px 0 0 25px;}
ol.list_num.h4 > li {padding: 0px;}
ol.list_num > li h4{ padding: 0px 0 0 25px; color: #333 }
ol.list_num > li:last-child  { margin-bottom: 0 !important}
ol.list_num > li:before {content: "1";color: #fff;font-weight:700;text-align: center;width: 20px;height: 20px;line-height: 20px;position: absolute;left: 0;top:1px;background: #2e3192;border-radius: 50%;font-size: .8em;}
ol.list_num > li:nth-child(2n+2):before{background: #2e3192;}
ol.list_num > li:first-child:before{content: "1";}
ol.list_num > li:nth-child(2):before {content: "2";}
ol.list_num > li:nth-child(3):before {content: "3";}
ol.list_num > li:nth-child(4):before {content: "4";}
ol.list_num > li:nth-child(5):before {content: "5";}
ol.list_num > li:nth-child(6):before {content: "6";}
ol.list_num > li:nth-child(7):before {content: "7";}
ol.list_num > li:nth-child(8):before {content: "8";}
ol.list_num > li:nth-child(9):before {content: "9";}
ol.list_num > li:nth-child(10):before {content: "10";}
ol.list_num > li > ul.list02 > li:before { left: -3px}

ol.list_num.cols2 li{ width:50%; float:left; padding-right:60px;}
dd ol.list_num, dd ol.numList {margin-bottom:0px; }
dd ol.list_num > li, dd ol.numList > li {margin-bottom: 0px ; padding-bottom: 3px}
.txt_box ol.list_num { margin-bottom:0px; }
@media only screen and (max-width:1024px){
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
}
@media only screen and (max-width:720px){
	.list01>li { padding-left: 10px}
}	
@media only screen and (max-width:480px){
	.list01>li em{ display: inline;}
}
@media only screen and (max-width:360px){
	.list_img > li { width: 100% !important;margin-right: 0% !important;}
	.list_img > li span{font-size: 0.95em;}
}

/* guideInfo_box */
.guideInfo_box{margin-top: 70px;overflow: hidden;padding: 1.3em 3em;display: table;width:100%;font-family: 'Gmarket Sans';font-weight: 300;font-size: 1.31em;line-height: 1.4em;background: linear-gradient(90deg, #266aae 35%, #a6c51b 65%);}
.guideInfo_box:before{content:'';display: table-cell;vertical-align: top;background:url('../images/common/ico_pict.png?v=250428') no-repeat 0 0;width: 60px;height: 60px;}
.guideInfo_box ul{display:table-cell;vertical-align: middle;padding-left: 1em;}
.guideInfo_box ul li{margin-bottom:5px;color: #fff;position: relative;padding-left:15px;word-break: break-all;}
.guideInfo_box ul li:before{content:'';display: block;width:8px;height: 1px;background: #fff;position: absolute;left: 0;top:13px;}
@media only screen and (max-width:1024px){
	.guideInfo_box{font-size: 1.25em;padding: 1.3em;}
	.guideInfo_box:before{}
	.guideInfo_box ul li:before{ top:11px;}
}
@media only screen and (max-width:720px){
	.guideInfo_box{margin-top: 50px;}
	.guideInfo_box:before{}
	.guideInfo_box ul li:before{ top:9px; width:7px;}
}
@media only screen and (max-width:470px){
	.guideInfo_box{font-size:1.1em;margin-top: 30px;background: linear-gradient(90deg, #266aae 50%, #a6c51b 90%);}
	.guideInfo_box:before{width:100%;display: block;background-position: 50% 50%;height: 50px;margin-bottom: 10px;}
	.guideInfo_box ul{display: block;padding: 0;}
}

/* step */
.step01{overflow:hidden;position:relative;text-align:center; font-size: 1.125em;}
.step01 > dl, .step01 > li{padding-right: 40px;float:left;position:relative;margin-bottom: 20px;}
.list01 .step01 > dl, .list01 .step01 > li{margin-bottom: 10px;}
.step_wrap .step01 > li > div{ min-height: 67px;}
.step01 > li > div{border:1px solid #8158f1;background:#fff;display: table;width: 100%;padding:10px 5px;text-align: center; min-height: 61px;}
.step01 > li > div p{display:table-cell;vertical-align:middle;color: #8158f1;font-weight: 500; line-height: 1.2em;}
.step01 > li > div p:before{display:inline-block;margin-right:7px;vertical-align:middle;background: #8158f1;border-radius: 50%;width: 23px;height: 23px;font-size: 0.8em;line-height: 23px;color: #fff;font-family: 'Jost';text-align: center;}
.step01 > li:nth-child(1) > div p:before{content:'01'; }
.step01 > li:nth-child(2) > div p:before{content:'02'; }
.step01 > li:nth-child(3) > div p:before{content:'03'; }
.step01 > li:nth-child(4) > div p:before{content:'04'; }
.step01 > li:nth-child(5) > div p:before{content:'05'; }
.step01 > li:nth-child(6) > div p:before{content:'06'; }
.step01.style02 > li > div{ border:1px solid rgba(0,0,0,0.1); background:#e3f4f3;}
.step01.style02 > li > div > p{ color:#222;}
.step01.style02 > li > div > p:before { display:none;}
.step01.style02 > li > div > p em{ font-size: 0.95em; display: block;}
.step01 > dl:after,
.step01 > li:after{content:'';display:block;position:absolute;width: 12px;height: 19px;background:url('../images/common/arrow_step.png') no-repeat;right: 15px;top:50%;margin-top: -10px;}
.step01 > dl:last-child:after,
.step01 > li:last-child:after{ display:none;}
.step01 > dl:last-child,
.step01 > li:last-child{/* padding-right:0; */}
.step01 > dl dt,
.step01 > li > dl dt{background-color: #e3f4f3;padding:10px 0;color: #222;font-weight: 500;overflow: hidden;border: 1px solid rgba(0,0,0,0.1);border-bottom: 1px dotted #ddd;display: table;width: 100%;}
.step01 > dl dt .txt_sm{ color:#fff; display: inline-block;}
.step01 > dl dd,
.step01 > li dl dd{border: 1px solid rgba(0,0,0,0.1);border-top: 0;padding:10px 0px;/*font-size: 0.95em;*/display: table;width: 100%;background:#fff;}
.step01 > dl > dd > .s_tit{ margin-bottom:5px; padding-bottom:5px;border-bottom:1px dotted #b7b7b7; font-weight:500; letter-spacing:-0.08em;}


.step01 > dl dd > ul {padding:0 5px;}
.step01 > dl dd > ul > li{text-align: left; letter-spacing: -0.05em;}
.step01.rows02 > dl dd,
.step01.rows02 > li dl dd{height: 65px;display: table-cell;vertical-align: middle;width: 10%;}
.step01.rows03 > dl dd,

.step01.rows03 > li dl dd{height: 95px;display: table-cell;vertical-align: middle;width: 10%;}
.step01.rows05 > dl dd,
.step01.rows05 > li dl dd{height: 143px;}
.step01 > li dl dd ul.list03 { margin: 0 10px}
.step01 > dl dd span { font-size: .9em; color: #767676;}

.step01.cols02 > dl, .step01.cols02 > li{width: 50%;}
.step01.cols03 > dl, .step01.cols03 > li{width: 33.3333%;}
.step01.cols04 > dl, .step01.cols04 > li{width: 25%;}
.step01.cols05 > dl, .step01.cols05 > li{width: 20%;}
.step01.cols06 > dl, .step01.cols06 > li{width: 16.6666666%;}
.step01.cols07 > dl, .step01.cols07 > li{width: 14.2222222%;}

.step02{overflow:hidden;position:relative;text-align:center;background: #fff;padding: 4em 1em 3em 1em;}
.step02 li{display: inline-block;position:relative;/* margin-bottom: 35px; */width: 32%;vertical-align: top;max-width: 365px;}
.step02 li:after{content:'';display:block;position:absolute;width: 70px;height: 55px;background:url('../images/common/arrow_step2.png') no-repeat;right: -16%;top:18px;}
.step02 li:last-child:after{display: none;}
.step02 li > div{width:100%; text-align: center;min-height: 120px;display: table; }
.step02 li > div > p{color:#231f20;display: table-cell;vertical-align: top;font-weight: 500;line-height: 1.2em;font-family: 'Gmarket Sans';font-size: 2em !important;}
.step02 li > div > p:before{ content:''; display: block; width:100%; height: 120px; background:url('../images/common/ico_pict01.png') no-repeat 50% 50%;}
.step02 li.st01 > div > p:before{ background-image:url('../images/common/ico_pict02.png');}
.step02 li.st02 > div > p:before{ background-image:url('../images/common/ico_pict02_02.png');}
.step02 li.st03 > div > p:before{ background-image:url('../images/common/ico_pict02_03.png');}
.step02 li > div > p em{font-size: 0.65em !important;display: block;color:#656565;font-weight: 400;line-height: 1em;margin-top: 5px;}

@media only screen and (max-width:1024px){
	.step02{ padding:40px 20px 20px 20px;}
	.step02 li{ max-width:inherit; }
	.step02 li > div{ min-height: inherit;}
	.step02 li > div > p{ font-size:1.75em !important;}
	.step02 .cboth{ line-height: 1.2em; padding: 10px 2em; font-size: 1.35em !important;}
	
	.step01.cols04 > dl, .step01.cols04 > li{width: 33.3333%;}
}

@media only screen and (max-width:720px){	
	.step01{    font-size: 1em;}
	.step01 > dl,
	.step01 > li{ width:50% !important; margin-bottom: 20px !important; padding-right:30px;}
	.step01 > dl:after, .step01 > li:after{right:10px;}
	.step01 > dl:last-child, .step01 > li:last-child{padding-right: 30px; margin-bottom: 0 !important;}
	.step01 > dl dd > ul{font-size:1em;}	
	.step01.rows03 > dl > dd{min-height:115px;}	
	.step01.rows05 > dl dd,
    .step01.rows05 > li dl dd{height: 133px;}
	
	.step02{ padding:30px 20px 20px 20px;}
	.step02 li{ margin-bottom: 25px;}
	.step02 li > div > p{ font-size:1.3em !important;}
	.step02 li > div > p:before{ height: 80px; background-size: contain;}
	.step02 li:after{ width:36px; height: 28px; background-size:contain; top:11px;}
	
}
@media only screen and (max-width:480px){
	.step01{padding-left: 0px;}
	.step01 > dl,
	.step01 > li{ width:100% !important; padding: 0 0 25px 0; margin-bottom: 0 !important;}
	.step_wrap .step01 > li > div{min-height: 50px;}
	.step01 > li > div p:before{width:18px; height: 18px; line-height: 18px;}
	.step01 br { display: none}
	.step01 > dl dt, .step01 > dl dd { padding:5px !important}
	.step01 > dl dd ,
	.step01 > li dl dd {min-height: inherit !important; height: auto !important;}
	.step01 > li > div{min-height: 45px;}
	.step01 > dl,
	.step01 > li{ padding-right:0px !important;}
	.step01 > dl:after,
	.step01 > li:after{width: 100%;background: url(../images/common/arrow_step_m.png) no-repeat center 0;right:0;top: inherit !important;bottom: 0px;margin-top:0;}
	.step01 > dl:last-child,
	.step01 > li:last-child{ padding-bottom:0px !important;}
	
	.step02{padding: 2em 1em 1.5em 1em;}
	.step02 li{ margin-bottom: 10px;}
	.step02 li > div > p{ font-size:1.125em !important; letter-spacing: -0.1em;}
	.step02 li > div > p:before{ height: 50px;}
	.step02 li > div > p em{ font-size:0.75em !important;}
	.step02 li:after{ width:23px; height: 18px; top:8px;}
	.step02 .cboth{ font-size:1.12em !important; padding: 10px 1.5em;}
}


/* txt_box */
.txt_box { clear:both; position:relative; padding:15px; border: 1px solid #e2e2e2; overflow:hidden; margin:0 0 30px 0;box-sizing:border-box; background: #fbfbfb;  }
.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:600; margin-bottom: 0}
.txt_box .pic.fL{ width:398px; }
.txt_box .pic.fL img{ max-width:100%; }
.txt_box .pic + .list01{float: left;padding-left:30px;width: 50%;display: block;padding-top: 8px;}

@media only screen and (max-width:1024px){
	.txt_box {padding: 20px;}
}
@media only screen and (max-width:925px){
	.txt_box .pic.fL{ width:50%; }
}
@media only screen and (max-width:720px){
	.txt_box .pic.fL{width:auto;float:none !important;margin:0 auto;text-align: center;}
	.txt_box .pic + .list01{ float:none; width:auto; padding-left:0;}
}
@media only screen and (max-width:480px){
	.txt_box {padding: 10px;}
}

/* list_box */
.list_box{ border:1px solid #b8a5ec; border-width:2px 1px 1px 1px; overflow:hidden; padding:30px 45px; margin-bottom:20px;}
.list_box p:last-child { margin-bottom: 0}
.list_box .btxt{ text-align:center; border-bottom:3px double #ddd; font-size:1.4em; color:#3a3a3a; font-weight:700; line-height:1em; padding-bottom:15px; margin-bottom: 15px;}
.list_box li:last-cihld{ margin-bottom:0;}

.ex_box {display:block; overflow:hidden; border:1px dotted #999; padding:15px 15px 15px 65px; color: #666 ;font-size: .95em; background: url(./images/common/ico_ex05.png) no-repeat 15px 20px; min-height: 70px; margin-bottom: 10px}
.ex_box >.list02 { margin-left: -10px; position: relative; padding: 0}

/* dl_box */
.dl_box{display:block;overflow:hidden;border: 1px dotted #6f76b3;color: #666;margin: 5px 0;font-size: .95em;}
.dl_box dt{background: #f4f6fd;font-weight:700;padding:10px 15px;line-height:1.2em;color: #2a367d;font-size: 1.06em;}
.dl_box dd{ padding:15px;}
.dl_box dd ul {padding: 0;}
.dl_box dd ul ul { margin-bottom: 5px}
.dl_box dd ul li { text-align: left !important; padding-left: 15px !important; font-size: 1em; position: relative}
.dl_box dd ul li:before{ position: absolute; content: ""; left:0px; top:10px; background:none; width:3px; height:3px; border: 1px solid #ababab; border-radius: 50%}
.dl_box dd ul li li:before{ position: absolute; content: ""; left:0px; top:12px; background:none; width:5px; height:0px; border:none; border-top: 1px solid #ababab; border-radius: 0%}
.dl_box dd ul li:last-child{ margin-bottom:0 !important;}
li >.dl_box { margin: 5px 0 8px; }
@media only screen and (max-width:1024px){
	.dl_box dt{ padding:13px 0 13px 25px;}
	.dl_box dd{padding:13px;}
	.dl_box dd > ul {margin: 0 0 0 10px;}	
}
@media only screen and (max-width:720px){
	.dl_box dt{padding:10px;}
	.dl_box dd{padding:10px;}
}

/* col_box */
.col_box{border: 1px solid #dcddec;overflow:hidden;padding:20px 10px;background: #f8f9fe;color: #4d5090;text-align:center;}
.col_box p{ margin-bottom:0;}
.notice_box {border: 1px solid #efd9da;overflow:hidden;padding:15px 15px;background: #fff7f8;color: #9d3133; margin: 10px 0}

.sm { font-size: .95em}
.lg { font-size: 0.15em}

@media only screen and (max-width:1024px){
	.list_box{ padding:20px 35px;}	
}

@media only screen and (max-width:720px){	
	.list_box{ padding:15px 25px;}
	.list_box .btxt{ text-align:left;}	
	.ex_box { background: none; padding: 15px}
}

/* radio check */
.radio, .check {display: inline-block; cursor: pointer; margin-right: 10px;}

/* agreeWrap */
.agreeWrap +.agreeWrap {margin-top: 30px;}
.agreeWrap dl:first-child{margin-top: 0;}
.agreeWrap dl{ margin-top: 30px;}
.agreeWrap dt{font-size: 1.125em;  padding: 0 200px 13px 0; position: relative;}
.agreeWrap dt .fR{ position: absolute; right:0; top:0;}
.agreeWrap dt .fR input[type="radio"] + label:last-child{ margin-right:0}
.agreeWrap:hover ::-webkit-scrollbar-track {  background: #f1f1f1; }
.agreeWrap p {padding-bottom: 10px;}

.scrBox {padding: 12px 8px;height: 200px; border: solid 1px #dcdcdc;box-sizing:border-box;border-radius: 10px; background: #fff;}
.scrBox.privacy {height: 250px;}
.scrBox .scrBox_inner {height: 100%;overflow-y:scroll;padding: 10px 20px;box-sizing:border-box;}
.scrBox .scrBox_inner p{ font-size:1em !important;}
@media only screen and (max-width:720px){
    .agreeWrap dt{padding-right: 155px; font-size:1.05em;}
	.scrBox .scrBox_inner{padding: 10px;}
}


/* checkbox */
.check_all {font-size:1.125em;position: relative;margin: 30px 0;padding: 20px;overflow: hidden;background: #f5f5f5;border-radius: 15px;}
.check_all p{float:left; font-weight: 500;font-size: 1em !important;}
@media only screen and (max-width:720px){	
    .check_all{padding: 20px 10px; border-radius:10px;}
}


/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl  tfoot td { font-weight: 500;}
table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:8px;margin-bottom:5px !important;line-height: 1.3}
table td li:before {content:'';display:block;position:absolute;left:0px;top:7px;background: #fff;width: 5px;height: 5px; border:1px solid #8f8f8f; border-radius: 5px;} 
table td li strong { font-weight: 500}
table td li ul{ padding:3px 0;}
table td li li,
table ul.sList li{ margin-bottom:1px; font-size: 13px; line-height: 15px; color: #666}
table td li li:before,
table ul.sList li:before{ content:''; display:block; position:absolute; left:0; top:6px; background:#8a8a8a; width:5px; height:1px; } 
table ul li:last-child {margin-bottom:0 !important;}

/* tbl */
.tbl {margin: 10px 0;border-top: 2px solid  #372f2d;}
.tbl thead th {color:#222;padding: 1.1em 0.5em;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;background: #f7f7f7;font-weight:bold;line-height: 1.3;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding: 1em;font-size:0.95em;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align:center;background:#fff;}
.tbl tr td:last-child {border-right: none;}
.tbl tbody th{color:#222;background: #f7f7f7; }
.tbl tfoot th, .tbl  tfoot td {background-color: #372f2d;color: #fff;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.tbl tfoot td {background-color: #222}
.tbl thead th:last-child,
.tbl tfoot th:last-child,
.tbl tbody th:last-child{border-right:none;}
.tbl tbody.tL td,
.tbl td ul {text-align:left;}
.tbl th.line,
.tbl td.line{border-right:1px solid #e1e1e1 !important;}
.tbl.tbl_sm { font-size: .95em;}
.tbl.tbl_sm th{padding: 0.8em 0.5em;font-size: 1.015em}
.tbl.tbl_sm td{padding: 0.5em 0.5em;}


.tbl thead th .txt_sm{ color:#222; font-weight: 400;}

/* tbl_white */
.tbl_white thead th,
.tbl_white tbody th {background:#fff;}

/* tbl_red */
.tbl_red {border-top: 2px solid  #2e3192;border-bottom: 1px solid #2e3192;}
.tbl_red thead th{background: #f7f7f7;}

/* tbl_left */
.tbl_left {border-top:2px solid #372f2d;border-bottom: 2px solid #372f2d;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl_left thead th {padding: 1.1em 1em;font-size: 1em;font-weight: 500;}
.tbl_left th {background:#f7f7f7;padding:1em;font-size:0.95em;border-right:1px solid #372f2d;border-top:1px solid #372f2d;color:#333;text-align:left; }
.tbl_left tbody th{ text-align:left;}
.tbl_left th:last-child{border-right: 0;}
.tbl_left td {border-top: 1px solid #372f2d;padding:1em;font-size:0.95em; text-align:left;}
.tbl_left th.line {border-right:1px solid #372f2d;}
.tbl_left td{border-right: 1px solid #372f2d;}
.tbl_left td:last-child{border-right:0;}


@media only screen and (max-width:720px) {
	.tbl tbody th, .tbl tfoot th, .tbl td{padding: 0.7em;}
	.tbl_left thead th{ padding: 0.8em 0.7em;}
	.tbl_left td{padding: 0.7em;}
}


@media only screen and (max-width:640px) {	
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border: 1px solid #ccc;border-top: 2px solid #2e3192; }
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width:750px !important;  font-size: 13px}	
	
	.srcoll-table.srcoll-table2 table		{margin-top: 0;width: 1050px !important;}
}

/* content */
.content{ margin-bottom:45px; overflow:hidden;}
.content p:last-child{ margin-bottom:0;}
.content div:last-child{ margin-bottom:0;}
.text_indent { padding-left: 15px}
.text_indent + ul{margin-top: 5px;}
.ttl03 + .text_indent,
.ttl03 + .text_indent + .text_indent {padding-left: 15px;}
.ttl04 + .text_indent,

.ttl04 + .text_indent + .text_indent{ padding:5px;}

@media only screen and (max-width:720px) {
.ttl03 + .text_indent { padding-left:15px;}
}

/* box_list_type */
.box_list_type {/* border-top: 1px solid #000; */width:1450px;margin: 0 auto;}
.box_list_type .box_list_item {margin-top: 50px;/* border-top: 1px solid #eee; */overflow: hidden;}
.box_list_type .box_list_item:first-child {padding-top: 0;border-top: none;}
.box_list_item .list_cont .txt {color:#666;word-break: keep-all; margin-bottom: 15px}

.list_tit {	float: left;	min-width: 260px;	width: auto;}
.list_tit h4 {font-size: 30px;color: #222;font-weight: 400;line-height: 1.2;letter-spacing: -0.07em;font-family: 'Gmarket Sans';}
.list_tit h4 span{ font-size:0.8em; font-weight: 500; display: block; color:#333; margin-top: 5px;}
.list_cont { float: right;width: calc(100% - 260px); }
.list_cont h5:first-child, .list_cont h6:first-child{ margin-top: 0 !important;}
.list_cont .txt{margin-bottom: 0 !important;}
.list_cont .ttl03{ margin-top:35px; }
.list_cont:after { display: block; content: ""; clear: both; width: 100%;}

@media only screen and (max-width:1450px) {
	.list_tit {	min-width: 15%;}
		.list_cont {width: calc(100% - 15%); }
}
@media only screen and (max-width:1024px) {
	.box_list_type{ width:100%;}
	.box_list_type .box_list_item {margin-top:30px;}
	.list_tit,
	.list_cont  { float: none; width: 100%}
	.list_tit { margin-bottom: 10px; }
	.list_tit h4 {font-size: 1.6em;}
	.list_tit h4 br{ display:none;}
	.list_tit h4 span{ display: inline-block; margin-top: 0;}	
}
@media only screen and (max-width:720px) {
	.list_cont .ttl03{ margin-top:20px; }
	.list_tit h4{ font-size:22px;}
	.list_tit h4:before{ width:25px;height:3px;margin-bottom: 7px;}
}

/* guide_box */
.guide_box{overflow: hidden;position: relative;line-height: 1.6;display: table;width: 100%;}
.guide_box .inner{min-height: 140px;padding: 2em 2em 2em 9em;border:1px solid #ccc;background: #fdfdfd;border-bottom:1px solid #1d2089;overflow: hidden;margin-bottom: 40px;}
.guide_box .txtBox:before{content:'';display:block;position:absolute;top: 1.5em;left: 2em;width: 5em;height: 5em;background-image: url('../images/common/ico_sprite.png');background-repeat:no-repeat;background-size: cover;border-radius: 5em;background-color: #ddd;}
.guide_box.ico02 .txtBox:before{background-position: 0 -6.2em;}
.guide_box.ico03 .txtBox:before{ background-position:0 -12.4em;}
.guide_box.ico04 .txtBox:before{ background-position:0 -18.8em;}
.guide_box.ico05 .txtBox:before{ background-position:0 -25em;}
.guide_box.ico06 .txtBox:before{ background-position:0 -31.2em;}
.guide_box.ico07 .txtBox:before{ background-position:0 -37.5em;}
.guide_box.ico08 .txtBox:before{ background-position:0 -43.7em;}
.guide_box.ico09 .txtBox:before{ background-position:0 -50em;}
.guide_box.ico10 .txtBox:before{ background-position:0 -56.3em;}

.guide_box .tit{color: #333;font-size: 1.335em;line-height: 1.2em;margin-bottom: 8px;font-weight: 500;}
.guide_box .tit strong{ color:#1d2089; font-weight: 600}
.guide_box .txt { color:#666; margin-bottom: 0 !important;}
.guide_box .txt strong{ color:#1d2089;}
.guide_box li {margin-bottom: 2px; font-size: .95em; color: #666; padding-left: 8px; position: relative}
.guide_box li:before {display: block; position: absolute; left: 0; top:11px;  content: ""; width: 5px; height: 1px; background-color: #666 }
.guide_box .button{ position: absolute; right: 25px; top:35px}

.guide_box + .ttl01,
.guide_box + .info_box02{margin-top: 0;}
@media only screen and (max-width:1024px){
	.guide_box .inner, .guideInfo_box{padding: 1.5em 1.5em 1.5em 8em;min-height: 130px;}
	.guide_box .txtBox:before, .guideInfo_box:before{left: 1.5em;}
	.guide_box .txtBox:after{bottom: -5px;right: -5px;}
}
@media only screen and (max-width:720px){
	.guide_box .inner, .guideInfo_box{padding: 1.35em 1.35em 1.35em 6.3em;min-height: 95px;}
	
	.guide_box .txtBox:before, .guideInfo_box:before{left: 1.2em;top: 1.2em;width: 4em;height: 4em;}
	.guideInfo_box li span{padding:0 10px 0 20px;min-width: 70px;}
	.guide_box.ico02 .txtBox:before{background-position: 0 -5em;}
	.guide_box.ico03 .txtBox:before{ background-position:0 -10em;}
	.guide_box.ico04 .txtBox:before{ background-position:0 -15em;}
	.guide_box.ico05 .txtBox:before{ background-position:0 -20em;}
	.guide_box.ico06 .txtBox:before{ background-position:0 -25em;}
	.guide_box.ico07 .txtBox:before{ background-position:0 -30em;}
	.guide_box.ico08 .txtBox:before{ background-position:0 -35em;}
	.guide_box.ico09 .txtBox:before{ background-position:0 -40em;}
	.guide_box.ico10 .txtBox:before{ background-position:0 -45em;}

	.guide_box .tit {font-size: 1.1em;line-height: 1.3;}
	
	.guide_box .button{position: relative;right: inherit; top:inherit;}
	
	.guideInfo_box li {width:100%; float:none; margin-bottom: 5px; padding-left:80px;}
	.guideInfo_box li span{padding:0 5px 0 20px; min-width: 65px;}
	.guideInfo_box .list.col2{ width:100%; float:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd; border-right: 0;}
	.guideInfo_box .list.col2:last-child{border:0; margin-bottom:0px; padding-bottom:0px;} 
}
@media only screen and (max-width:480px){
	.guide_box {line-height: 1.3;}
	.guide_box .inner, .guideInfo_box{padding: 1em 1em 1em 4.8em;}
	.guide_box .txtBox:before, .guideInfo_box:before{ top:0.9em; left: 0.9em; width: 3em; height: 3em;}
	.guide_box.ico02 .txtBox:before{background-position: 0 -3.8em;}
	.guide_box.ico03 .txtBox:before{ background-position:0 -7.5em;}
	.guide_box.ico04 .txtBox:before{ background-position:0 -11.3em;}
	.guide_box.ico05 .txtBox:before{ background-position:0 -15em;}
	.guide_box.ico06 .txtBox:before{ background-position:0 -18.8em;}
	.guide_box.ico07 .txtBox:before{ background-position:0 -22.5em;}
	.guide_box.ico08 .txtBox:before{ background-position:0 -26.3em;}
	.guide_box.ico09 .txtBox:before{ background-position:0 -30em;}
	.guide_box.ico10 .txtBox:before{ background-position:0 -33.8em;}
}


.box_notice { border-radius: 10px; padding: 30px 30px 30px 160px; background: #e6f2f3 url(../images/common/ico_notice.png) no-repeat 30px 10px; color: #333; font-weight: 500; overflow: hidden; margin-bottom: 30px}
@media only screen and (max-width:480px) {		
	.box_notice { padding: 80px 15px 15px; background-position: 50% 5px; background-size:70px }
}

/*** Button ***/
/* Button Reset */
.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:5px;padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;color:#fff;background-color: #1d2088;border: 0px solid  #1d2088;border-width:0 1px 1px 0;box-sizing:border-box;cursor:pointer;}
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color: #1d2088;}

/* Button Size */
.button.mini {height: 2em;padding:0 0.8em;line-height: 2em;font-size: 0.725em;font-weight: 400;}
.button.small { height: 2.3em; padding:0 1em; line-height: 2.3em; font-size: 0.825em;font-weight:400; }
.button.medium {height: 2.97em;padding: 0 1.35em;line-height:2.97em;font-size:1.05em;font-weight:400;} 
.button.large {height: 3.15em;padding:0 2em;line-height: 3.15em;font-size:1.2em;/* font-weight:700; */}

/* Button Color */
.button.black {border:1px solid #142752; border-width:0 1px 1px 0; color:#fff; background-color:#1f3566;  box-sizing:border-box;}
.button.gray {border:1px solid #555; border-width:0 1px 1px 0; color:#fff; background-color:#555;  box-sizing:border-box;}
.button.gray03{border:1px solid #383a49; border-width:0 1px 1px 0; color:#fff; background-color:#383a49;  box-sizing:border-box;}
.button.gray02 {border:1px solid #777; border-width:0 1px 1px 0; color:#fff; background-color:#777;  box-sizing:border-box;}
.button.white {border:1px solid #ddd; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#333; background-color:#fafafa;}
.button.orange {border:1px solid #f86200; border-width:0 1px 1px 0; color:#fff; background-color:#f86200;  box-sizing:border-box;}
.button.red {border:1px solid #df2519; border-width:0 1px 1px 0; color:#fff; background-color:#df2519;  box-sizing:border-box;}
.button.green {border:1px solid #5ba203; border-width:0 1px 1px 0; color:#fff; background-color:#5ba203;  box-sizing:border-box;}
.button.blue {border:1px solid #1d2088; border-width:0 1px 1px 0; color:#fff; background-color:#1d2088;  box-sizing:border-box;}


/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0;color: #fff;box-sizing:border-box;text-decoration:none;background-color: #141579;} 
.button.black:hover, .button.black:active, .button.black:focus { border:1px solid #142752; border-width:0 1px 1px 0; color: #fff;background-color:#142752;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #3c3c3c; border-width:0 1px 1px 0; color: #fff;background-color:#3c3c3c;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #555; border-width:0 1px 1px 0; color: #fff; background-color:#555;} 
.button.gray03:hover, .button.gray03:active, .button.gray03:focus { border:1px solid #26283a; border-width:0 1px 1px 0; color: #fff; background-color:#26283a;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #ddd;  color:#555; background-color:#ededed; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #0b0e7e;border-width:1px 1px 1px 1px;color: #fff;background-color: #0b0e7e;} 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; background-color:#f85400; border-color:#f85400;}
.button.red:hover, .button.red:active, .button.red:focus {border-width:0 1px 1px 0; color: #fff; background-color:#cc1717; border-color:#cc1717;}
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #529400; border-width:0 1px 1px 0; color:#fff; background-color:#529400; }
.button.blue:hover, .button.blue:active, .button.blue:focus {border:1px solid #141579; border-width:0 1px 1px 0; color:#fff; background-color:#141579; }

/* Button Link */
.button.down{ padding:0 0 0 20px !important;}
.button.down:after{content:'';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico_down_on.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin:0 3px 0 5px;}
.button.down.white:after{background: url(../images/common/ico_down.png) no-repeat 50% 50%;}
.button.down.white:hover:after,
.button.down.white:focus:after,
.button.down.white:active:after{background-image: url('../images/common/ico_down_on.png')  }
.button.down.gray:after{background: url('../images/common/ico_down_on.png') no-repeat 50% 50%;}
.button.down.gray:hover:after,
.button.down.gray:focus:after,
.button.down.gray:active:after{background-image: url('../images/common/ico_down_on.png')  }
.button.btn_view {background: #797d80 url('../images/common/ico_btn_blank_w.png') center left 7px no-repeat;border-radius: 3px;padding: 0 10px 0 25px;height: 26px;line-height: 24px;font-size: 0.88em;margin:0 0 0 10px;border:1px solid #797d80;vertical-align: middle;}
.button.btn_view:hover,
.button.btn_view:focus,
.button.btn_view:active{ border-color:#df2d32; background-image:url('../images/common/ico_btn_blank.png'); background-color:#fff; color:#df2d32;}

.button.bnMap:after{ content:''; display: inline-block; width:15px; height:26px; background: url('../images/common/bul/icon_button_w.png') no-repeat; background-position: center -287px; margin-left:7px; vertical-align:middle;}
.button.link:after{ content:''; display: inline-block; width:15px; height:24px; background: url('../images/common/bul/icon_button_w.png') no-repeat; background-position: center 5px; margin-left:7px; vertical-align:middle; position: relative; margin-right: -5px}
.button.apply:before{ content:''; display: inline-block; width:20px; height:20px; background: url('../images/common/ico_moniter.png') no-repeat; margin-right:10px; vertical-align:middle;}

.button.white.link[target="_blank"]{color:#666!important;font-weight: 400;padding: 0 12px;}
.button.white.link[target="_blank"]:after{background-image: url('../images/common/bul/icon_button_r.png');width: 15px;height: 24px;background-position: center 5px;margin: 0 -5px 0 7px;}
.button.white.link[target="_blank"]:after{background-image: url('../images/common/bul/icon_button_r.png');color:#666; font-weight: 400;}
.button.white.link[target="_blank"]:hover, .button.white.link[target="_blank"]:hover, .button.white.link[target="_blank"]:hover{ background-color:#c71e23; color:#fff !important; border-color:#c71e23; text-decoration: none;}
.button.white.link[target="_blank"]:hover:after, .button.white.link[target="_blank"]:hover:after, .button.white.link[target="_blank"]:hover:after{background-image: url('../images/common/bul/icon_button_w.png')}


.btn_down { display: inline-block; height: 40px; padding: 0 50px 0 20px; line-height: 38px !important; text-align: left; font-size: 15px; color: #fff !important;  border: 1px solid #01a652; min-width: 155px; margin: 5px 2px; transition:all 0.2s; font-weight: bold; background:#01a652 url(./images/common/icon_file.png) right 15px top 10px no-repeat}
.btn_down:hover {text-decoration: none; background-color: #008e46;  border-color: #008e46 }

.btn_area {  text-align: center;  padding: 40px 0 0; position: relative}
.btn_area.col4 > a {min-width: 40%}


@media only screen and (max-width:1024px){
	.btn_area {  padding: 30px 0 0;}
}
@media only screen and (max-width:720px){	
	.button[target="_blank"]{margin-left: 0;}
   	.button.large {/* height: 40px !important; *//* line-height: 40px !important; */font-size: 1em !important;}
	.button.medium{height: 2.5em !important;line-height: 2.5em !important;}
	.button.small {height: 26px !important;line-height: 24px !important;}
	.btn_area {  padding: 20px 0 0;}
	.btn_area > .button { min-width: 48%; padding: 0 !important}
	.btn_area.col4 > a {min-width: 95%;display: block; margin: 2px auto;}
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border-top:none;}
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin: 0; width:750px !important; }
	
}
@media only screen and (max-width:480px){	
	.btn_down {height: 35px; padding: 0 40px 0 10px; line-height: 33px !important; font-size: 13px; background-position:right 10px top 9px }
}


/* 정렬 */
.fL {float:left ;}
.fR {float:right ;}
.tR {text-align:right !important ;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.cboth {display:block; content:""; clear:both;}
.ovh { overflow:hidden !important}
.underline { text-decoration: underline}
.inblk {display:inline-block;}
.vaT {vertical-align: top !important}
.fw_500 { font-weight: 500}
.fw_700 { font-weight: 700}
.bold{ font-weight:700;}
.txt_sm { font-size: .90em; color:#777;}
.txt_large { font-size: 1.25em}
.txt_xlarge { font-size: 1.5em; color:#333; line-height:1.4em; font-weight:bold;}
.bigTxt{ font-size:22px; font-weight:700;}

/* display */
.dis_b { display: block}
.dis_inB { display: inline-block}
.dis_none { display: none}
.pos_r { position: relative}

/* color */
.col_blue {color: #233286 !important;}
.col_skyblue {color:#2399a6 !important;}
.col_red {color:#ec1c24 !important;}
.col_orange {color:#f35d61 !important;}
.col_green {color:#6ea627 !important;}
.col_b {color:#000 !important;}
.col_w {color:#fff !important;}
.col_g {color:#999 !important;}
.col_g2 {color:#5c5c5c!important;}

/* border */
.bL_0{ border-left:0 !important;}
.bR_0{ border-right:0 !important;}
.bT_0{ border-top:0 !important;}
.bB_0{ border-bottm:0 !important;}

/* Padding */
.pd_0{ padding:0 !important}
.pt_0 { padding-top:0px !important; }
.pt_5 { padding-top:5px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }

.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }

.pb_0 { padding-bottom:0px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }


.pl_0 { padding-left:0px !important; }
.pl_3 { padding-left:3px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }

/* Margin */
.mg_0{ margin:0 !important}
.mt_0 { margin-top:0px !important }
.mt_5 { margin-top:5px !important }
.mt_10 { margin-top:10px !important }
.mt_15 { margin-top:15px !important }
.mt_20 { margin-top:20px !important }
.mt_25 { margin-top:25px !important }
.mt_30 { margin-top:30px !important }
.mt_35 { margin-top:35px !important }
.mt_40 { margin-top:40px !important }
.ml_0 { margin-left:0px !important }
.ml_5 { margin-left:5px !important }
.ml_10 { margin-left:10px !important }
.ml_15 { margin-left:15px !important }
.ml_20 { margin-left:20px !important }
.ml_25 { margin-left:25px !important }
.mr_0 { margin-right:0px !important }
.mr_5 { margin-right:5px !important }
.mr_10 { margin-right:10px !important }
.mr_15 { margin-right:15px !important }
.mr_20 { margin-right:20px !important }
.mr_25 { margin-right:25px !important }
.mr_30 { margin-right:30px !important }
.mb_0 { margin-bottom:0px !important }
.mb_5 { margin-bottom:5px !important }
.mb_10 { margin-bottom:10px !important }
.mb_15 { margin-bottom:15px !important }
.mb_20 { margin-bottom:20px !important }
.mb_25 { margin-bottom:25px !important }
.mb_30 { margin-bottom:30px !important }
.mb_40 { margin-bottom:40px !important }
.mb_50 { margin-bottom:50px !important }

.nodata{ height: 70px; text-align: center; padding-top: 150px; font-size: 0.94em; color: #555; display: block; background: url('./images/board/ico_nodata.png') no-repeat center 60px;  box-sizing: content-box;}


.tbl_guide {font-size: .9rem;font-weight: 400;color: #666;text-align: right;position: relative;height: 0;top: -25px;}
.txt_box .list01> li { margin: 2px 0;}

.txt_box.col_box {text-align: left;color: #333;}
.txt_box.col_box li > ol > li { font-size: .95em; margin-top: 3px}

.box_warning { text-align: center; font-size: 1.6em; color: #000; padding: 50px 0px}
.box_warning > img { margin-bottom: 20px}

input{ font-size: 1em;}
input[type=number] {text-indent: 10px !important;}
label { margin-right: 5px; display: inline-block; top:inherit}
.input_box {padding: 20px 0;overflow: hidden;text-align: center;border: 2px dotted #2e3192;background: #fff;}
.input_box li {display: inline-block;margin: 5px;vertical-align: top;}
.input_box input[type=text], input[type=number] {width: 250px;height: 2.9em;border: 1px solid #ddd;font-size: 1.1em;font-weight: 600;text-align: center;color: #000;text-indent: 0;}
.input_box label:before { content: ""; display: inline-block; border: 2px solid #8663da; margin: 0 5px 5px 0; vertical-align: middle}
.input_box .button { margin-bottom: 0;}
.input_box p{line-height: 2.97em;}
.button.large { min-width: 350px;font-size: 1.4em;}
button[disabled].button.large{ background-color:#616e7b; border-color:#616e7b;}
button[disabled].button.large:hover,
button[disabled].button.large:focus
button[disabled].button.large:active{ background-color:#4c5763; border-color:#4c5763;}

.reserv_info {margin-top: 10px;	border-top: 2px solid #61646c; overflow: hidden}
.reserv_info dl{ overflow: hidden; float: left; width: 50%; }
.reserv_info dt, .reserv_info dd{ border-bottom:1px solid #cccfd5;float: left;padding:9px 0 8px 10px;}
.reserv_info dt { font-weight: 500;background: #f6f6f7;color: #333;  width: 130px;}
.reserv_info dd { width: calc(100% - 130px); }
.reserv_box .btn_area { margin: 20px 0; padding: 20px 0; border-top: 1px dotted #ddd; border-bottom: 1px solid #8e919a;}
.reserv_box .list01{ clear: both; margin-top: 15px; color: #f35d61}
.reserv_box .list01 > li { margin-bottom: 5px;}
.reserv_box .list01 >li:before {background: #f35d61;left: 6px;}
.reserv_info .row2 dt,
.reserv_info .row2 dd{min-height: 62px;}

@media only screen and (max-width:850px) {	
	.reserv_info {display: table;  width: 100%;}
	.reserv_info dl {float: none; width: inherit; display: table-row;}
	.reserv_info dt, .reserv_info dd { float: none;display: table-cell;vertical-align: middle;}
	.reserv_info dt { padding-left: 10px; width: 110px;}
	.reserv_info dd { padding-left: 5px; width: calc(100% - 110px); }
}
@media only screen and (max-width:720px) {	
	.button.large {padding: 0; min-width: inherit;width: 100%; font-size: 1.2em;}
	.input_box li{ display: block;;margin: 5px auto; padding: 0 15px}
	.input_box li label { width: 105px; margin-right: 0; text-align: left}
	.input_box .button {width: 100%;margin-top: 0;}
	.input_box input[type=text], input[type=number] {width: calc(100% - 108px);height: 2.5em;}
	.input_box p{ line-height:1.6em;}
}
@media only screen and (max-width:720px) {	
	.button.large {/* height: 45px; *//* line-height: 45px; */}
	.ttl01 .tbl_guide{  top: inherit;  height: inherit;  text-align: left;}
}
@media only screen and (max-width:480px) {
	.input_box li label{ width:105px; margin-bottom: 5px;}
	.input_box input[type=text], input[type=number]{ width:100%;}
}


/* certificationBox */
.certificationBox {overflow: hidden;border: 1px solid #eee;padding: 30px;position: relative;background: #fff;}
.certificationBox li {width: 100%;padding: 0;float: left;text-align: center;box-sizing: border-box;}
.certificationBox li strong { font-weight: bold; color: #000; margin-bottom: 5px; display: block; font-size: 1.2em}
.certificationBox li p { font-size: 0.95em !important; color: #888}
.certificationBox li:before { content: ""; display: block; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 10px; background: #7db428 url(../images/common/ico_certification.png) no-repeat 0 50%}
.certificationBox li.hp {/* border-right:1px solid #eee; */}
.certificationBox li.ipin:before  { background-position: -150px 50%}
.certificationBox .button{margin-top:10px;}
.certificationBox .bt { width: 49%;padding: 100px 22px 10px;line-height: 35px;font-size: 1.05em;font-weight: 500; color: #333; background-color: #fff; border: 1px solid #ddd; border-color:#eee #ddd #ddd #eee ; display: block; float: left}

@media only screen and (max-width:480px) {
	.certificationBox{padding: 20px 0;}
	.certificationBox li { padding:0 10px;}
	.certificationBox li:before {width: 100px;height: 100px;}
	.certificationBox li:before  {background-size: 220px; background-position:-5px 50%;}
	.certificationBox li.ipin:before { background-position:-115px 50%;}
	.certificationBox .button.medium{height:30px;line-height:30px;font-size:0.95em;padding: 0 10px;}
}

/* sub01 */
.sub01{ background:#eff7e4;}
.sub01 #footer{ background: #fff;}
.sub01 #page p, .sub01 #page .list03{font-size: 1.25em;}
.sub01 #page .list03>li:before{ width:5px; top:13px;}
.sub01 #page .ttl02 + .text_indent,
.sub01 #page .ttl02 + .list03{ margin-top: -8px;}

.sub01 .desc_box{  margin: 2em 0; clear:both; overflow:hidden;}
.sub01 .desc_box > div{background:#fff;overflow:hidden;width:49.8%;padding: 2em;position:relative;min-height: 280px;display: table;}
.sub01 .desc_box > div:nth-child(even){float:right; padding: 2em;}
.sub01 .desc_box .con{display: table-cell;vertical-align: middle;padding-left: 2em;}
.sub01 .desc_box .con .list03>li{margin-bottom:0}
.desc_box .tit{font-family: 'Gmarket Sans';font-weight:500;font-size: 2.2em;}
.sub01 .desc_box > div:before{content:'';display: table-cell;background-repeat:no-repeat;width: 120px;height: 100%;vertical-align: top;background-position: 0 50%;background-size: contain;}
.sub01 .desc_box > div:nth-child(1):before{ background-image:url('../images/common/ico_pict01.png');}
.sub01 .desc_box > div:nth-child(2):before{ background-image:url('../images/common/ico_pict01_02.png');}


@media only screen and (max-width:1024px) {
	.sub01 #page{ font-size:1em;}
	.desc_box .tit{ font-size:1.8em;}
	.sub01 .desc_box > div{ width:100%; float:none; min-height:inherit; margin-bottom:5px; padding:1.5em}
	
}
@media only screen and (max-width:720px) {
	.sub01 #page p, .sub01 #page .list03{ font-size:1em;}
	.sub01 #page .ttl02 + .list03{ margin-top: -5px;}
	.sub01 .desc_box > div{padding: 20px !important;}
	.sub01 .desc_box > div:before{height:80px;width: 80px;}
	.sub01 .desc_box .con{padding-left:1em;}
	.desc_box .tit{font-size: 1.3em;}
}
@media only screen and (max-width:480px) {
	.sub01 .desc_box > div:before{height: 60px;width: 100%;display:block;background-position: 50% 0;}
	.sub01 .desc_box .con{padding:10px 0 0 0; display:block;}
	.desc_box .tit{font-size: 1.3em;}
}