@charset "utf-8";

img{
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:top;
}

.even-grid{list-style:none;
	box-sizing:border-box; /* ☆ [IE8+] */
	min-height:0;
	margin:1% -1%; /* (vertical gap) -(space between) */
	padding:0;
}
.even-grid:before,
.even-grid:after{content:'';display:table;clear:both;}
/* column */
.even-grid>.column{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ [IE8+] */
	width:100%; /* ☆ */
	margin:0 -.25em 0 0;
	padding:1%;
	vertical-align:top;
}
.even-grid.float-left{} /* float 20170110~ */
.even-grid.float-left>.column{float:left;margin:0;}
/* gap */
.even-grid.gap1pct{margin:.5% -.5%;}
.even-grid.gap1666pct{margin:.833% -.833%;} /* (20/1200)=(6/360) */
.even-grid.gap2pct{margin:1% -1%;}
.even-grid.gap25pct{margin:1.25% -1.25%;} /* (30/1200)=(9/360) */
.even-grid.gap3pct{margin:1.5% -1.5%;}
.even-grid.gap333pct{margin:1.666% -1.666%;} /* (40/1200)=(12/360) */
.even-grid.gap4pct{margin:2% -2%;}
.even-grid.gap416pct{margin:2.083% -2.083%;} /* (50/1200)=(15/360) */
.even-grid.gap5pct{margin:2.5% -2.5%;} /* (60/1200)=(18/360) */
.even-grid.gap6pct{margin:3% -3%;}
.even-grid.gap7pct{margin:3.5% -3.5%;}
.even-grid.gap8pct{margin:4% -4%;}
.even-grid.gap9pct{margin:4.5% -4.5%;}
.even-grid.gap10pct{margin:5% -5%;}
.even-grid.gap2px{margin:1px -1px;}
.even-grid.gap4px{margin:2px -2px;}
.even-grid.gap6px{margin:3px -3px;}
.even-grid.gap8px{margin:4px -4px;}
.even-grid.gap10px{margin:5px -5px;}
.even-grid.gap12px{margin:6px -6px;}
.even-grid.gap14px{margin:7px -7px;}
.even-grid.gap16px{margin:8px -8px;}
.even-grid.gap18px{margin:9px -9px;}
.even-grid.gap20px{margin:10px -10px;}
.even-grid.gap24px{margin:12px -12px;}
.even-grid.gap30px{margin:15px -15px;}
.even-grid.gap40px{margin:20px -20px;}
.even-grid.gap50px{margin:25px -25px;}
.even-grid.gap60px{margin:30px -30px;}
/* 아래 계산 ) .column 이 flolat:left; 일 때 정확히 좌우 맞추려 소수점 여섯째 자리에서 올림
	20170825. bug) [~IE11] .column 이 창폭에 따라 그리드 맨좌측 .column 1px 벗어남 (또는 사라짐)
	))해결) 소수점 세째 자리에서 올림 (조금 큰값이어야 한다.)
 */
.even-grid.gap1pct>.column{padding:0.50%;} /* =.5*(100/(.5+100+.5)) */
.even-grid.gap1666pct>.column{padding:0.82%;} /* =.833*(100/(.833+100+.833)) */
.even-grid.gap2pct>.column{padding:0.99%;} /* =1*(100/(1+100+1)) */
.even-grid.gap25pct>.column{padding:1.22%;} /* =1.25*(100/(1.25+100+1.25)) */
.even-grid.gap3pct>.column{padding:1.46%;} /* =1.5*(100/(1.5+100+1.5)) */
.even-grid.gap333pct>.column{padding:1.62%;} /* =1.666*(100/(1.666+100+1.666)) */
.even-grid.gap4pct>.column{padding:1.93%;} /* =2*(100/(2+100+2)) */
.even-grid.gap416pct>.column{padding:2.00%;} /* =2.083*(100/(2.083+100+2.083)) */
.even-grid.gap5pct>.column{padding:2.39%;} /* =2.5*(100/(2.5+100+2.5)) */
.even-grid.gap6pct>.column{padding:2.84%;} /* =3*(100/(3+100+3)) */
.even-grid.gap7pct>.column{padding:3.28%;} /* =3.5*(100/(3.5+100+3.5)) */
.even-grid.gap8pct>.column{padding:3.71%;} /* =4*(100/(4+100+4)) */
.even-grid.gap9pct>.column{padding:4.13%;} /* =4.5*(100/(4.5+100+4.5)) */
.even-grid.gap10pct>.column{padding:4.55%;} /* =5*(100/(5+100+5)) */
.even-grid.gap2px>.column{padding:1px;}
.even-grid.gap4px>.column{padding:2px;}
.even-grid.gap6px>.column{padding:3px;}
.even-grid.gap8px>.column{padding:4px;}
.even-grid.gap10px>.column{padding:5px;}
.even-grid.gap12px>.column{padding:6px;}
.even-grid.gap14px>.column{padding:7px;}
.even-grid.gap16px>.column{padding:8px;}
.even-grid.gap18px>.column{padding:9px;}
.even-grid.gap20px>.column{padding:10px;}
.even-grid.gap24px>.column{padding:12px;}
.even-grid.gap30px>.column{padding:15px;}
.even-grid.gap40px>.column{padding:20px;}
.even-grid.gap50px>.column{padding:25px;}
.even-grid.gap60px>.column{padding:30px;}
/* vertical gap 20181022 ( .vgap0 와 .vgap00 이외값은 )) .mgt60px … 활용 ) */
.even-grid.vgap0{margin-top:0;margin-bottom:0;}
.even-grid.vgap00{margin-top:0;margin-bottom:0;}
	.even-grid.vgap00>.column{padding-top:0;padding-bottom:0;}
[class*='diffmix-'].vgap0rv{margin-top:0;margin-bottom:0;}
	[class*='diffmix-'].vgap0rv>.column{padding-top:24px;padding-bottom:0;}
	[class*='diffmix-'].vgap0rv>.column:first-child{padding-top:0;}
/* collapse */
.even-grid.gap0,
.even-grid.collapse{margin:0;}
.even-grid.gap0>.column,
.even-grid.collapse>.column{padding:0;}
/* space-around */
.even-grid.mg0{margin:0;}
.even-grid.mgl{margin-left:0;}
.even-grid.mgr{margin-right:0;}
/* Nested 20181018 */
.even-grid>.even-grid{margin:0;}
.even-grid>.even-grid>.column{padding-top:0;padding-bottom:0;}
/* .even-grid>.column>.even-grid{margin-top:0;margin-bottom:0;} */
/* .even-grid>.column>.even-grid>.column{padding-top:0;padding-bottom:0;} */
/* small~xlarge */
	/* (균등 evenmix-) */
	.even-grid[class*='evenmix-1']>.column{width:100%;}
	.even-grid[class*='evenmix-2']>.column{width:50%;}
	.even-grid[class*='evenmix-3']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-4']>.column{width:25%;}
	.even-grid[class*='evenmix-5']>.column{width:20%;}
	.even-grid[class*='evenmix-6']>.column{width:16.66667%;}
	/* (차등 diffmix-) */
	.even-grid.diffmix-2>.column{width:100%;}
	/* (each) */
	.even-grid>.column.small-1{width:8.33333%;}
	.even-grid>.column.small-2{width:16.66667%;}
	.even-grid>.column.small-3{width:25%;}
	.even-grid>.column.small-4{width:33.33333%;}
	.even-grid>.column.small-5{width:41.66667%;}
	.even-grid>.column.small-6{width:50%;}
	.even-grid>.column.small-7{width:58.33333%;}
	.even-grid>.column.small-8{width:66.66667%;}
	.even-grid>.column.small-9{width:75%;}
	.even-grid>.column.small-10{width:83.33333%;}
	.even-grid>.column.small-11{width:91.66667%;}
	.even-grid>.column.small-12{width:100%;}
@media all and (min-width:640px){ /* medium 20170413 ((( 768px */
	.even-grid[class*='evenmix-12']>.column,
	.even-grid[class*='evenmix-22']>.column{width:50%;}
	.even-grid[class*='evenmix-13']>.column,
	.even-grid[class*='evenmix-23']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-14']>.column,
	.even-grid[class*='evenmix-24']>.column{width:25%;}
	.even-grid[class*='evenmix-35']>.column{width:20%;}
	.even-grid[class*='evenmix-36']>.column{width:16.66667%;}
	/* (each) */
	.even-grid>.column.medium-1{width:8.33333%;}
	.even-grid>.column.medium-2{width:16.66667%;}
	.even-grid>.column.medium-3{width:25%;}
	.even-grid>.column.medium-4{width:33.33333%;}
	.even-grid>.column.medium-5{width:41.66667%;}
	.even-grid>.column.medium-6{width:50%;}
	.even-grid>.column.medium-7{width:58.33333%;}
	.even-grid>.column.medium-8{width:66.66667%;}
	.even-grid>.column.medium-9{width:75%;}
	.even-grid>.column.medium-10{width:83.33333%;}
	.even-grid>.column.medium-11{width:91.66667%;}
	.even-grid>.column.medium-12{width:100%;}
	/*select 추가*/
	.ssh_sl{display:none;}
}
@media all and (min-width:768px){ /* medium 20181022 */
	/* (diff) */
	[class*='diffmix-'].vgap0rv>.column{padding-top:0;}
	[class*='diffmix-']>.column.md-42pct{width:42%;}
	[class*='diffmix-']>.column.md-43pct{width:43%;}
	[class*='diffmix-']>.column.md-44pct{width:44%;}
	[class*='diffmix-']>.column.md-45pct{width:45%;}
	[class*='diffmix-']>.column.md-46pct{width:46%;}
	[class*='diffmix-']>.column.md-47pct{width:47%;}
	[class*='diffmix-']>.column.md-48pct{width:48%;}
	[class*='diffmix-']>.column.md-49pct{width:49%;}
	[class*='diffmix-']>.column.md-50pct{width:50%;}
	[class*='diffmix-']>.column.md-51pct{width:51%;}
	[class*='diffmix-']>.column.md-52pct{width:52%;}
	[class*='diffmix-']>.column.md-53pct{width:53%;}
	[class*='diffmix-']>.column.md-54pct{width:54%;}
	[class*='diffmix-']>.column.md-55pct{width:55%;}
	[class*='diffmix-']>.column.md-56pct{width:56%;}
	[class*='diffmix-']>.column.md-57pct{width:57%;}
	[class*='diffmix-']>.column.md-58pct{width:58%;}
}
@media all and (min-width:1000px){ /* large */
	.even-grid[class*='evenmix-123']>.column,
	.even-grid[class*='evenmix-223']>.column{width:33.33333%;}
	.even-grid[class*='evenmix-124']>.column,
	.even-grid[class*='evenmix-234']>.column{width:25%;}
	.even-grid[class*='evenmix-135']>.column,
	.even-grid[class*='evenmix-235']>.column{width:20%;}
	.even-grid[class*='evenmix-236']>.column,
	.even-grid[class*='evenmix-246']>.column{width:16.66667%;}
	/* (each) */
	.even-grid>.column.large-1{width:8.33333%;}
	.even-grid>.column.large-2{width:16.66667%;}
	.even-grid>.column.large-3{width:25%;}
	.even-grid>.column.large-4{width:33.33333%;}
	.even-grid>.column.large-5{width:41.66667%;}
	.even-grid>.column.large-6{width:50%;}
	.even-grid>.column.large-7{width:58.33333%;}
	.even-grid>.column.large-8{width:66.66667%;}
	.even-grid>.column.large-9{width:75%;}
	.even-grid>.column.large-10{width:83.33333%;}
	.even-grid>.column.large-11{width:91.66667%;}
	.even-grid>.column.large-12{width:100%;}
	/* (diff) */
	.even-grid>.column.lg-42pct{width:42%;}
	.even-grid>.column.lg-43pct{width:43%;}
	.even-grid>.column.lg-44pct{width:44%;}
	.even-grid>.column.lg-45pct{width:45%;}
	.even-grid>.column.lg-46pct{width:46%;}
	.even-grid>.column.lg-47pct{width:47%;}
	.even-grid>.column.lg-48pct{width:48%;}
	.even-grid>.column.lg-49pct{width:49%;}
	.even-grid>.column.lg-50pct{width:50%;}
	.even-grid>.column.lg-51pct{width:51%;}
	.even-grid>.column.lg-52pct{width:52%;}
	.even-grid>.column.lg-53pct{width:53%;}
	.even-grid>.column.lg-54pct{width:54%;}
	.even-grid>.column.lg-55pct{width:55%;}
	.even-grid>.column.lg-56pct{width:56%;}
	.even-grid>.column.lg-57pct{width:57%;}
	.even-grid>.column.lg-58pct{width:58%;}
}
@media all and (min-width:1260px){ /* xlarge */
	.even-grid[class*='evenmix-1234']>.column{width:25%;}
	.even-grid[class*='evenmix-2345']>.column{width:20%;}
	.even-grid[class*='evenmix-2346']>.column{width:16.66667%;}
	.even-grid[class*='evenmix-1246']>.column{width:16.66667%;}
	.even-grid[class*='evenmix-1357']>.column{width:14.285%;} /* ☆ */
	.even-grid[class*='evenmix-2468']>.column{width:12.5%;}
	/* (each) */
	.even-grid>.column.xlarge-1{width:8.33333%;}
	.even-grid>.column.xlarge-2{width:16.66667%;}
	.even-grid>.column.xlarge-3{width:25%;}
	.even-grid>.column.xlarge-4{width:33.33333%;}
	.even-grid>.column.xlarge-5{width:41.66667%;}
	.even-grid>.column.xlarge-6{width:50%;}
	.even-grid>.column.xlarge-7{width:58.33333%;}
	.even-grid>.column.xlarge-8{width:66.66667%;}
	.even-grid>.column.xlarge-9{width:75%;}
	.even-grid>.column.xlarge-10{width:83.33333%;}
	.even-grid>.column.xlarge-11{width:91.66667%;}
	.even-grid>.column.xlarge-12{width:100%;}
	/* (diff) */
	.even-grid>.column.xl-42pct{width:42%;}
	.even-grid>.column.xl-43pct{width:43%;}
	.even-grid>.column.xl-44pct{width:44%;}
	.even-grid>.column.xl-45pct{width:45%;}
	.even-grid>.column.xl-46pct{width:46%;}
	.even-grid>.column.xl-47pct{width:47%;}
	.even-grid>.column.xl-48pct{width:48%;}
	.even-grid>.column.xl-49pct{width:49%;}
	.even-grid>.column.xl-50pct{width:50%;}
	.even-grid>.column.xl-51pct{width:51%;}
	.even-grid>.column.xl-52pct{width:52%;}
	.even-grid>.column.xl-53pct{width:53%;}
	.even-grid>.column.xl-54pct{width:54%;}
	.even-grid>.column.xl-55pct{width:55%;}
	.even-grid>.column.xl-56pct{width:56%;}
	.even-grid>.column.xl-57pct{width:57%;}
	.even-grid>.column.xl-58pct{width:58%;}
}


/* list bullet 20160121 */
ul.bu.even-grid li{margin-right:-1.5em;padding:0 2% 0 1.2em;}


/* mj-menu-even-width 20180208 */
.mj-menu-even-width ul{list-style:none;position:relative;margin:0;padding:0;}
.mj-menu-even-width li{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}
.mj-menu-even-width li>a{
	display:block;
	padding:.3% .6%;
}
/* ☆100/(column1~12) */
.mj-menu-even-width .col-1 > li{width:100%;text-align:left;}
.mj-menu-even-width .col-2 > li{width:50%;}
.mj-menu-even-width .col-3 > li{width:33.33333%;}
.mj-menu-even-width .col-4 > li{width:25%;}
.mj-menu-even-width .col-5 > li{width:20%;}
.mj-menu-even-width .col-6 > li{width:16.66667%;}
.mj-menu-even-width .col-7 > li{width:14.28571%;}
.mj-menu-even-width .col-8 > li{width:12.5%;}
.mj-menu-even-width .col-9 > li{width:11.11111%;}
.mj-menu-even-width .col-10 > li{width:10%;}
.mj-menu-even-width .col-11 > li{width:9.09091%;}
.mj-menu-even-width .col-12 > li{width:8.33333%;}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
 * 20170110 (( lib.css
 * 20180110 (( lib2.css
 */


/* ☆스크롤. iscroll.js for table, img, .. 20180208. */

/* [JS] jQscrollTouch('.scroll1wrap', {setDesktop: false}); */
html.Mobile .scroll1wrap{
	z-index:0;
	position:relative;
	margin:4px 0;
	overflow:hidden;
}
html.Mobile .scroll1wrap.myscroll{
	margin-bottom:20px;
	padding:0 0 10px;
	clear:both
}
html.Mobile .scroll1cont{} /* [JS] width: 내부 최대크기; */
html.Mobile .scroll1wrap>table,
html.Mobile .scroll1wrap>.scroll1cont>table{table-layout:auto;}
html.Mobile .scroll1wrap>table tr>*,
html.Mobile .scroll1wrap>.scroll1cont>table tr>*{white-space:nowrap;}

/* [JS] jQscrollTouch('.scroll1wrap1all1', {setDesktop: true}); */
.scroll1wrap1all1{
	z-index:0;
	position:relative;margin:4px 0;
	overflow:auto;overflow-y:hidden; /* [~IE8] iscroll.js 불가하니 auto */
}
.scroll1wrap1all1.myscroll{
	margin-bottom:20px;padding:0 0 10px;
	overflow:hidden; /* [IE9+] iscroll.js 가능하니 hidden */
}
.scroll1cont{min-width:99.7%;} /* ☆ 부모보다 너비 작으면 스크롤 생기지 않는 최대크기. [AD5.0.2]확인OK */
.scroll1wrap1all1>table,
.scroll1wrap1all1>.scroll1cont>table{table-layout:auto;}
.scroll1wrap1all1>table tr>*,
.scroll1wrap1all1>.scroll1cont>table tr>*{white-space:nowrap;}

/* [JS] created */
.iScrollHorizontalScrollbar{
	left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
	height:6px !important;
	border-radius:0 !important;
	background:#eaecee;
}
.iScrollIndicator{
	border:0 solid #579 !important;
	border-radius:0 !important;
	background:#abc !important;
	opacity:1;
}
.iScrollIndicator:hover,
.iScrollIndicator:focus{opacity:1;}


/* Flex Wrapper for Responsive embed 20171110.
 */
.flex1wrap1{display:block;position:relative;
	max-width:100%;
	margin:0 auto;
	padding:0 0 56.25% 0; /* 9/16 */
	background:#000; /* ☆ */
	overflow:hidden;
}
.flex1wrap1.wmv1pdt{padding-top:64px;} /* ☆ Windows7[IE11]WMP12 컨트롤바+상태바 높이 */
/* ((( Foundation. You may delete after test. */
.flex1wrap1.youtube{padding-top:25px;padding-bottom:67.5%;}
.flex1wrap1.vimeo{padding-top:0;}
.flex1wrap1.widescreen{padding-bottom:56.34%;}
.flex1wrap1 .flex1wrap1fix1,
.flex1wrap1 .flex1cont1, /* div */
.flex1wrap1 iframe,
.flex1wrap1 object,
.flex1wrap1 embed,
.flex1wrap1 video,
.flex1wrap1 img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	border:0;
	vertical-align:top;
}
.flex1wrap1>.flex1wrap1fix1 ~ .alternativeContent{position:absolute;margin:0;} /* ☆ 대체콘텐츠 높이 영향 무력화 */

/*  Image Full (contain) ☆ 여백(좌우) 잘림(무) 왜곡(폭큰|키큰|키작은이미지)  */
.flex1wrap1>.flex1wrap1fix1>img,
img.flex.contain{display:block;
	position:relative;
	width:auto;height:auto;min-width:0;max-width:100%;min-height:100%;max-height:100%;
	margin:0 auto;
}
/* Frame Full (cover) ☆ 여백(무) 잘림(좌우|하) 왜곡(무) */
img.flex.cover{display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:auto;height:auto;min-width:100%;max-width:none;min-height:100%;max-height:none;
}
/* Frame Full 폭100% (cover) ☆ 여백(무) 잘림(하) 왜곡(폭큰이미지) */
img.flex.cover-w100{display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:100%;height:auto;min-height:100%;max-height:none;
}
/* Image Detail ☆ 여백(좌우|하) 왜곡(무) 잘림(무) 제한(높이) ))) 래퍼로 제한하고 아래 img.flex.auto 권장 */
img.flex.detail{display:block;
	width:auto;height:auto;min-width:0;max-width:100%;min-height:0;max-height:415px;
	margin:0 auto;
}
/* Image Auto ☆ 여백(좌우|하) 왜곡(무) 잘림(무) 제한(무) */
img.flex.auto{display:block;
width:auto;height:auto;min-width:0;max-width:100%;min-height:0;max-height:100%;
margin:0 auto;
}


/* Flex Image (cover) 고도화 20171110.
 *  Use) .flex1wrap1>.flex1pic1>img
 * .contentsBlock .f1>.f1p1>img 콘텐츠블록마다 CSS 안만들고 단독 사용가능하다.
 */
/* 폭큰이미지용 ☆ 여백(무) 잘림(좌우) 왜곡(키큰이미지) */
.flex1pic1{display:block;
	position:absolute;left:-100%;right:-100%;top:0;bottom:0;
	overflow:hidden;
}
.flex1pic1>img{display:block;
	position:relative;
	width:auto;height:100%;min-width:33.4%;max-width:100%;
	margin:0 auto;
}
/* 키큰이미지용 ☆ 여백(무) 잘림(하) 왜곡(폭큰이미지) */
.tall .flex1pic1{left:0;right:0;}
.tall .flex1pic1>img{position:absolute;
	width:100%;height:auto;min-height:100%;max-height:none;
}


/* Aspect Ratio 20180723 */
.ratio2by1{padding-bottom:50%;}
.ratio16by9{padding-bottom:56.25%;}
.ratio16by10{padding-bottom:62.5%;}
.ratio3by2{padding-bottom:66.666%;}
.ratio4by3{padding-bottom:75%;}
.ratio16by13{padding-bottom:81.25%;}
.ratio1by1{padding-bottom:100%;}
.ratio7by10{padding-bottom:142.857%;}
/* !important */
.ratio2by1-imp{padding-bottom:50% !important;}
.ratio16by9-imp{padding-bottom:56.25% !important;}
.ratio16by10-imp{padding-bottom:62.5% !important;}
.ratio3by2-imp{padding-bottom:66.666% !important;}
.ratio4by3-imp{padding-bottom:75% !important;}
.ratio16by13-imp{padding-bottom:81.25% !important;}
.ratio1by1-imp{padding-bottom:100% !important;}
.ratio7by10-imp{padding-bottom:142.857% !important;}


/* 복합배치(장식1글..) .column1(변동or고정) .column2(가변).세로정렬 20181004
 * (( .hybrid1box1 20161212
 * 기본 .column1 : .column2 = 1 : 8 )) 콘텐츠 별로
 * 639이하: .column1 아래 .column2 배치되고 둘 다 폭 100%
 */
.hybrid1row1{display:block;position:relative;
	padding:1.5em;
}
.hybrid1row1:before,
.hybrid1row1:after{content:'';display:table;clear:both;}
.hybrid1row1>.column1{float:left;position:relative;
	width:12.5%; /* =110/(910-15*2) */
}
.hybrid1row1>.column2{display:table-cell;position:relative;
	width:9999px;
	height:70px; /* =(deco1최대높이) */
	padding:0 0 1px; /* [CR][OP] table-cell 길어지면 안보이는 버그 해결 */
	vertical-align:middle;
}
.hybrid1row1>.column1>[class*='deco']{display:block;
	width:66.666%; /* >=70/110 */
	height:70px;
	max-width:70px;
	margin:0 auto;
	background:url(../images/ic140s1speechbubble1.png) no-repeat top center;
	background-size:contain;
}
/* [class*='deco'] */
.hybrid1row1>.column1>.deco140speechbubble1{background-image:url(../images/ic140s1speechbubble1.png);}
/* ◇◆ */
@media all and (max-width:639px){
	/* ☆ .hybrid1row1.skin숫자 등의 선택자 우선순위 유의! */
	.hybrid1row1[class][class][class]>.column1{ /* 높은우선순위 */
		display:block;
		float:none;
		width:100%;max-width:100%;
		padding-left:0;
		padding-right:0;
	}
	.hybrid1row1[class][class][class]>.column2{ /* 높은우선순위 */
		padding-left:0;
		padding-right:0;
	}
	/* 동등우선순위 ))) 스킨값 적용 */
	.hybrid1row1[class]>.column1{
		margin:0 auto .75em;
	}

}


/* 복합배치(불릿1글..) .column1(고정) .column2(변동) 20170823 */
.hybrid2row1{display:table;position:relative;
	height:30px;/* (.column1>[class*='ic1']높이) */
}
.hybrid2row1:before,
.hybrid2row1:after{content:'';display:table;clear:both;}
.hybrid2row1>.column1{float:left;position:relative;
	width:20px;
	margin:0 6px 0 0;
}
.hybrid2row1>.column2{display:table-cell;position:relative;
	width:9999px;
	vertical-align:middle;
}
.hybrid2row1>.column1>[class*='ic1']{display:inline-block;
	position:absolute;left:0;top:0;
	width:100%;
	height:30px; /* >= 18*1.666 = (.column1 글1줄 높이) */
	background:url(../images/ic40a5exclamation1.png) no-repeat center center;
	background-size:contain;
}
/* size */
.hybrid2row1.ic1size20px>.column1{width:20px;}
.hybrid2row1.ic1size24px>.column1{width:24px;}
/* [class*='ic1'] */
.hybrid2row1.ic1size24px>.column1>.exclamation1{background-image:url(../images/ic48a1c1exclamation1.png);}
.hybrid2row1.ic1size24px>.column1>.info1{background-image:url(../images/ic48a1c1info1.png);top:-4px}


/* 복합배치(다용도) 20170822 */
/* .column1(고정) .column2(변동) */
.hybrid3row1{display:block;position:relative;}
.hybrid3row1>.column1{display:table-cell;
	width:0;
	padding:0 20px 0 0;
	text-align:left;
	vertical-align:top;
}
.hybrid3row1>.column2{display:table-cell;
	width:9999px;
	vertical-align:middle;
}
/* .column1(변동) .column2(고정) */
.hybrid3row2{display:block;position:relative;}
.hybrid3row2>.column1{display:table-cell;
	width:9999px;
	vertical-align:middle;
}
.hybrid3row2>.column2{display:table-cell;
	width:0;
	padding:0 0 0 20px;
	text-align:right;
	vertical-align:top;
}


/* 정의목록to표. 20170810 */
.dl2table1{display:block;position:relative;border:1px solid #b0b5ba;background:#fff;overflow:hidden;}
.dl2table1 *{list-style:none;margin:0;padding:0;}
.dl2table1 .h1{display:block;padding:.666em;background:#f7f8f9;
	font-size:1.125em; /* 18/16 */
	text-align:center;
}
.dl2table1 dl{display:block;position:relative;
	z-index:0; /* ☆ */
	overflow:hidden;
}
.dl2table1 dt,
.dl2table1 dd{display:block;float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	padding:.666em 1.5%;
	border-top:1px solid #dadde0;
}
.dl2table1 dt{clear:both;}
.dl2table1 dt:before{content:'';display:block;
	z-index:-1; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:-1000px;
	background:#f7f8f9;
}
.dl2table1 .dt1,
.dl2table1 .dt2{width:25%;}
.dl2table1 .dd1,
.dl2table1 .dd2{width:75%;}
@media all and (min-width:768px){ /* medium ◇◆ */
	.dl2table1 dt{clear:none;}
	.dl2table1 .dt1:nth-child(4n-3){clear:both;}
	.dl2table1 .dt1,
	.dl2table1 .dt2{width:20%;}
	.dl2table1 .dd1{width:30%;}
	.dl2table1 .dd2{width:80%;}
} /* /(min-width:768px) */


/* 표2블록1 20180919 */
@media all and (max-width:767px){ /* ◇◆ */
	table.table2block1>thead{display:none;}
	table.table2block1>tbody>tr{display:block;
		padding:.75em 0;
		border-top:1px solid #ddd;
	}
	table.table2block1>tbody>tr:first-child{
		border-top:0;
	}
	table.table2block1>tbody>tr>th,
	table.table2block1>tbody>tr>td{
		display:inline-block;
		padding:.25em;
		border:0;
		text-align:left;
	}
}




/* ◇◆ Responsive Utilities ◇◆◇◆◇◆◇◆◇◆ */


/* ☆[~IE8].bgContain 배치 결함 해결. 20180710.
 * .bsContain 과 종횡비 다르면 결함.. ))) position:absolute !important; 로 재정의해야 한다.
 */
.bsContain>div>img{display:block;
	/* position:static !important;margin:auto; */
}


@media all and (max-width:639px){ /* small only ◇◆ */


	/* Table RWD 20180226
	 * Note) colspan, rowspan 없는 단순 표만 사용.
	 * ToDo) 중첩 표
	 */
	table[class].small-is-block,
	table[class].small-is-block caption,
	table[class].small-is-block thead,
	table[class].small-is-block tbody,
	table[class].small-is-block tfoot,
	table[class].small-is-block tr,
	table[class].small-is-block th,
	table[class].small-is-block td{display:block;
		box-sizing:border-box;
		background:inherit;
		overflow:hidden;
	}
	table[class].small-is-block caption{margin:0 0 -1px;padding:0;}
	table[class].small-is-block caption .h1{position:relative;display:block;padding:.666em;border-bottom:1px solid #d7d7d7;background:#f5f7f9;}
	table[class].small-is-block th{clear:both;display:block;float:left;
		width:40%;
		margin:0 -1px 0 0;
		border:0 !important;border-top:1px solid #ddd !important;border-right:1px solid #ddd !important;
	}
	table[class].small-is-block td{display:block;float:left;
		width:60%;
		border:0 !important;border-top:1px solid #ddd !important;border-left:1px solid #ddd !important;
	}

	/* -only 20180724 */
	.hide-small-only{display:none !important;}
	.display-block-small-only{display:block !important;}
	.float-left-small-only{float:left !important;}
	.float-none-small-only{float:none !important;}
	.clear-both-small-only{clear:both !important;}
	/* .w100-small, ☆deprecated */
	.width-100pct-small-only,
	.width100pct-small-only{width:100% !important;}
	/* .waha-small, ☆deprecated */
	.width-height-auto-small-only{width:auto !important;height:auto !important;}
	.margin-0-small-only{margin:0 !important;}
	.padding-0-small-only{padding:0 !important;}
	.padding-10px-small-only{padding:10px !important;}
	.padding-20px-small-only{padding:20px !important;}
	.padding-30px-small-only{padding:30px !important;}
	.border-0-small-only{border:0 !important;}
	/* .tac-small, ☆deprecated */
	.text-align-center-small-only{text-align:center !important;}


} /* /(max-width:639px) */
@media all and (min-width:640px) and (max-width:999px){ /* medium only ◇◆ */


	/* -only */
	.width-100pct-medium-only,
	.width100pct-medium-only{width:100% !important;}


} /* /(min-width:640px) and (max-width:999px) */


/* ◇◆ Responsive Properties ◇◆ 20181010 */

/* small ~ ◇◆ */
	.hide-all,
	.hide-small{display:none !important;}
	.show-all,
	.show-small,
	.display-block-small{display:block !important;}
	.display-inline-all,
	.display-inline-small{display:inline !important;}
	.display-inline-block-all,
	.display-inline-block-small{display:inline-block !important;}
	.display-table-all,
	.display-table-small{display:table !important;}
	.display-table-cell-all,
	.display-table-cell-small{display:table-cell !important;}
	.float-none-all,
	.float-none-small{float:none !important;}
	.float-left-all,
	.float-left-small{float:left !important;}
	.float-right-all,
	.float-right-small{float:right !important;}
	.width100pct-small
	.width-100pct-small{width:100% !important;}
	.width-auto-small{width:auto !important;}
	.height-100pct-small{height:100% !important;}
	.height-auto-small{height:auto !important;}
	.text-align-center-small{text-align:center !important;}
	.text-align-left-small{text-align:left !important;}
	.text-align-right-small{text-align:right !important;}

@media all and (min-width:640px){ /* medium ◇◆ */
	.hide-medium{display:none !important;}
	.show-medium,
	.display-block-medium{display:block !important;}
	.display-inline-medium{display:inline !important;}
	.display-inline-block-medium{display:inline-block !important;}
	.display-table-medium{display:table !important;}
	.show-medium-table-cell, /* 20181010 */
	.display-table-cell-medium{display:table-cell !important;}
	.float-none-medium{float:none !important;}
	.float-left-medium{float:left !important;}
	.float-right-medium{float:right !important;}
	.width100pct-medium,
	.width-100pct-medium{width:100% !important;}
	.width-auto-medium{width:auto !important;}
	.height-100pct-medium{height:100% !important;}
	.height-auto-medium{height:auto !important;}
	/* 20170814 */
	.width1em-medium{width:1em !important;}
	.width2em-medium{width:2em !important;}
	.width3em-medium{width:3em !important;}
	.width4em-medium{width:4em !important;}
	.width5em-medium{width:5em !important;}
	.width6em-medium{width:6em !important;}
	.width7em-medium{width:7em !important;}
	.width8em-medium{width:8em !important;}
	.width9em-medium{width:9em !important;}
	.width10em-medium{width:10em !important;}
	.width11em-medium{width:11em !important;}
	.width12em-medium{width:12em !important;}
	.width13em-medium{width:13em !important;}
	.width14em-medium{width:14em !important;}
	.width15em-medium{width:15em !important;}
	.width16em-medium{width:16em !important;}
	.width17em-medium{width:17em !important;}
	.width18em-medium{width:18em !important;}
	.width19em-medium{width:19em !important;}
	.width20em-medium{width:20em !important;}
	/* 20170818 */
	.margin-left0-medium{margin-left:0 !important;}
	.margin-right0-medium{margin-right:0 !important;}
	.margin-left10px-medium{margin-left:10px !important;}
	.margin-right10px-medium{margin-right:10px !important;}
	.margin-left20px-medium{margin-left:20px !important;}
	.margin-right20px-medium{margin-right:20px !important;}
	.margin-left30px-medium{margin-left:30px !important;}
	.margin-right30px-medium{margin-right:30px !important;}
	.margin-left40px-medium{margin-left:40px !important;}
	.margin-right40px-medium{margin-right:40px !important;}
	.margin-left50px-medium{margin-left:50px !important;}
	.margin-right50px-medium{margin-right:50px !important;}
	.padding-left10px-medium{padding-left:10px !important;}
	.padding-right10px-medium{padding-right:10px !important;}
	.padding-left20px-medium{padding-left:20px !important;}
	.padding-right20px-medium{padding-right:20px !important;}
	.padding-left30px-medium{padding-left:30px !important;}
	.padding-right30px-medium{padding-right:30px !important;}
	.padding-left40px-medium{padding-left:40px !important;}
	.padding-right40px-medium{padding-right:40px !important;}
	.padding-left50px-medium{padding-left:50px !important;}
	.padding-right50px-medium{padding-right:50px !important;}
	/* 20171110 */
	.border-width-1010-medium{border-width:1px 0 0 0 !important;}
	.border-width-0100-medium{border-width:0 1px 0 0 !important;}
	.border-width-0010-medium{border-width:0 0 1px 0 !important;}
	.border-width-0001-medium{border-width:0 0 0 1px !important;}
	/*  */
	.text-align-center-medium{text-align:center !important;}
	.text-align-left-medium{text-align:left !important;}
	.text-align-right-medium{text-align:right !important;}
}
@media all and (min-width:1000px){ /* large ◇◆ */
	.hide-large{display:none !important;}
	.show-large,
	.display-block-large{display:block !important;}
	.display-inline-large{display:inline !important;}
	.display-inline-block-large{display:inline-block !important;}
	.display-table-large{display:table !important;}
	.display-table-cell-large{display:table-cell !important;}
	.float-none-large{float:none !important;}
	.float-left-large{float:left !important;}
	.float-right-large{float:right !important;}
	.width100pct-large,
	.width-100pct-large{width:100% !important;}
	.width-auto-large{width:auto !important;}
	.height-100pct-large{height:100% !important;}
	.height-auto-large{height:auto !important;}
	/* 20170818 */
	.margin-left0-large{margin-left:0 !important;}
	.margin-right0-large{margin-right:0 !important;}
	.margin-left10px-large{margin-left:10px !important;}
	.margin-right10px-large{margin-right:10px !important;}
	.margin-left20px-large{margin-left:20px !important;}
	.margin-right20px-large{margin-right:20px !important;}
	.margin-left30px-large{margin-left:30px !important;}
	.margin-right30px-large{margin-right:30px !important;}
	.margin-left40px-large{margin-left:40px !important;}
	.margin-right40px-large{margin-right:40px !important;}
	.margin-left50px-large{margin-left:50px !important;}
	.margin-right50px-large{margin-right:50px !important;}
	.padding-left10px-large{padding-left:10px !important;}
	.padding-right10px-large{padding-right:10px !important;}
	.padding-left20px-large{padding-left:20px !important;}
	.padding-right20px-large{padding-right:20px !important;}
	.padding-left30px-large{padding-left:30px !important;}
	.padding-right30px-large{padding-right:30px !important;}
	.padding-left40px-large{padding-left:40px !important;}
	.padding-right40px-large{padding-right:40px !important;}
	.padding-left50px-large{padding-left:50px !important;}
	.padding-right50px-large{padding-right:50px !important;}
	/*  */
	.text-align-center-large{text-align:center !important;}
	.text-align-left-large{text-align:left !important;}
	.text-align-right-large{text-align:right !important;}
}
@media all and (min-width:1260px){ /* xlarge ◇◆ */
	.hide-xlarge{display:none !important;}
	.show-xlarge,
	.display-block-xlarge{display:block !important;}
	.display-inline-xlarge{display:inline !important;}
	.display-inline-block-xlarge{display:inline-block !important;}
	.display-table-xlarge{display:table !important;}
	.display-table-cell-xlarge{display:table-cell !important;}
	.float-none-xlarge{float:none !important;}
	.float-left-xlarge{float:left !important;}
	.float-right-xlarge{float:right !important;}
	.width100pct-xlarge,
	.width-100pct-xlarge{width:100% !important;}
	.width-auto-xlarge{width:auto !important;}
	.height-100pct-xlarge{height:100% !important;}
	.height-auto-xlarge{height:auto !important;}
	/* 20170818 */
	.margin-left0-xlarge{margin-left:0 !important;}
	.margin-right0-xlarge{margin-right:0 !important;}
	.margin-left10px-xlarge{margin-left:10px !important;}
	.margin-right10px-xlarge{margin-right:10px !important;}
	.margin-left20px-xlarge{margin-left:20px !important;}
	.margin-right20px-xlarge{margin-right:20px !important;}
	.margin-left30px-xlarge{margin-left:30px !important;}
	.margin-right30px-xlarge{margin-right:30px !important;}
	.margin-left40px-xlarge{margin-left:40px !important;}
	.margin-right40px-xlarge{margin-right:40px !important;}
	.margin-left50px-xlarge{margin-left:50px !important;}
	.margin-right50px-xlarge{margin-right:50px !important;}
	.padding-left10px-xlarge{padding-left:10px !important;}
	.padding-right10px-xlarge{padding-right:10px !important;}
	.padding-left20px-xlarge{padding-left:20px !important;}
	.padding-right20px-xlarge{padding-right:20px !important;}
	.padding-left30px-xlarge{padding-left:30px !important;}
	.padding-right30px-xlarge{padding-right:30px !important;}
	.padding-left40px-xlarge{padding-left:40px !important;}
	.padding-right40px-xlarge{padding-right:40px !important;}
	.padding-left50px-xlarge{padding-left:50px !important;}
	.padding-right50px-xlarge{padding-right:50px !important;}
	/*  */
	.text-align-center-xlarge{text-align:center !important;}
	.text-align-left-xlarge{text-align:left !important;}
	.text-align-right-xlarge{text-align:right !important;}
}


/* ◇◆ font-size 반응형. 20170622 */
@media (max-width:360px){.fs-rw1{font-size:1em;}}
@media (min-width:361px) and (max-width:399px){.fs-rw1{font-size:1.1em;}}
@media (min-width:400px) and (max-width:439px){.fs-rw1{font-size:1.2em;}}
@media (min-width:440px) and (max-width:479px){.fs-rw1{font-size:1.3em;}}
@media (min-width:480px) and (max-width:519px){.fs-rw1{font-size:1.4em;}}
@media (min-width:520px) and (max-width:559px){.fs-rw1{font-size:1.5em;}}
@media (min-width:560px) and (max-width:599px){.fs-rw1{font-size:1.6em;}}
@media (min-width:600px) and (max-width:639px){.fs-rw1{font-size:1.7em;}}
@media (min-width:640px) and (max-width:679px){.fs-rw1{font-size:1.8em;}}
@media (min-width:680px) and (max-width:719px){.fs-rw1{font-size:1.9em;}}
@media (min-width:720px) and (max-width:759px){.fs-rw1{font-size:2em;}}
@media (min-width:760px) and (max-width:799px){.fs-rw1{font-size:2.1em;}}
@media (min-width:800px) and (max-width:839px){.fs-rw1{font-size:2.2em;}}
@media (min-width:840px) and (max-width:879px){.fs-rw1{font-size:2.3em;}}
@media (min-width:880px) and (max-width:919px){.fs-rw1{font-size:2.4em;}}
@media (min-width:920px) and (max-width:959px){.fs-rw1{font-size:2.5em;}}
@media (min-width:960px){.fs-rw1{font-size:2.6em;}}


/* RWD breakpoint 20170623. ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:640px) and (max-width:767px){ /* If the issue ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:640px) and (max-width:767px) */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1200px){ /* xlarge ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1200px) */
@media all and (min-width:1260px){ /* xlarge+(padding20*2)+(scrollbar-track16)+(windowborder2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
@media only screen and (orientation:landscape), (min-width:640px) { /* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(orientation:landscape), (min-width:640px) */
@media /* only screen and (-webkit-min-device-pixel-ratio: 1.3), */ /* invalid */
	only screen and (min-resolution: 125dpi){ /* (min-resolution: 1.3dppx) ◇◆◇◆◇◆◇◆◇◆ */
		/* for mobile */
}/* /(min-resolution: 1.3dppx) */
@media /* only screen and (-webkit-max-device-pixel-ratio: 1.3), */ /* invalid */
	only screen and (max-resolution: 125dpi){ /* (max-resolution: 1.3dppx) ◇◆◇◆◇◆◇◆◇◆ */
		/* for not mobile [IE9+] */
} /* /(max-resolution: 1.3dppx) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */