article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}

body {width:100%;word-wrap:break-word;word-break:break-all;}
*{margin:0;padding:0;box-sizing:border-box;}

html {/*overflow-y:scroll;*/}

/* body {font-family:'NanumSquare', NanumSquare, '나눔스퀘어', 'Noto Sans KR', Malgun Gothic,'맑은 고딕', Dotum, AppleGothic, sans-serif;font-size:15px;letter-spacing:-0.05em;margin:0;padding:0;color:#3d3d3d;font-weight:400;line-height: 1.0;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,h5,em,address,fieldset,form,iframe,object,menu,button {font-family:'NanumSquare',NanumSquare,'나눔스퀘어', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', Dotum, AppleGothic, sans-serif;margin:0;padding:0;}*/

body {font-family:'NanumSquareRound', 'NanumSquareNeo', sans-serif, 'Noto Sans KR', Malgun Gothic,'맑은 고딕','NanumSquare','나눔스퀘어',Dotum, AppleGothic, sans-serif;font-size:15px;letter-spacing:-0.05em;margin:0;padding:0;color:#3d3d3d;font-weight:300; /*line-height: 1.0;*/}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,h5,em,address,fieldset,form,iframe,object,menu,button {font-family:'NanumSquareRound', 'NanumSquareNeo', sans-serif, 'Noto Sans KR', Malgun Gothic, '맑은 고딕', 'NanumSquare','나눔스퀘어', Dotum, AppleGothic, sans-serif; /*margin:0;padding:0;*/}

body,html {min-width:320px;}

img,fieldset,iframe {border:none;}
menu,ul,ol,li {list-style:none;}
/*img,input,select,textarea {vertical-align:top;}*/
input,select,textarea {border-radius:0;}
em,address {font-style:normal;}
a {color:#3d3d3d;text-decoration:none;}
button {border:0;background:none;cursor:pointer;}
/*caption, legend {position:absolute;top:-3000px;left:-3000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}*/
legend,caption{text-indent:-100000px;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
input[type="text"] {font-size:1em;-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
strong {font-weight:bold;}
select::-ms-expand {display:none;}
textarea {background:#fff;}
img{max-width:100%;}


/* 정렬 */
.floatL {float:left;}
.floatR {float:right;}
.txtalignC {text-align:center;}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

/* 이미지 세팅 */
.thumbnail-wrap {display: inline-block;/*border: 1px solid #000;*/ }
.thumbnail {position: relative; padding-top: 56.25%; /* 16:9 */  overflow: hidden;}
.thumbnail img {position: absolute; top:0; left: 0; z-index:5;}

/* 
2:1 : padding-top: 50%
1:2 : padding-top: 200%
4:3 : padding-top: 75%
16:9 : padding-top: 56.25%
*/

.thumbnail .centered  {position: absolute;  top: 0; left: 0;  right: 0;  bottom: 0; z-index:5;
	-webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
.thumbnail .centered img {
  -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

.thumbnail img.portrait {width:100%;max-width:none;height:auto;}
.thumbnail img.landscape {width:auto;max-width:none;height:100%;}


/* 플렉스 설정-가로 균등*/
.flex-container {
	/* flex */
	-webkit-appearance:none;
	/* 플렉스 컨테이너 생성 */
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;
	
	/* 플렉스 감싸기(줄바꿈) 금지 설정 */
	-webkit-box-lines: single;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	
	/* 플렉스 주축 row 설정*/
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	
	/* 플렉스 아이템 교차축 baseline 정렬*/
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
} 
.flex-container .flex-item {-webkit-appearance:none;	
	/* 플렉스 확장 지수 설정*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
}
.flex-containe .grow1 {flex-grow: 1;}
.flex-container .auto {flex: auto; /* flex: 1 1 auto; */}