@charset "utf-8";
/* Reset */
html, body {height:100%;font-family:'돋움',Dotum,Verdana, san-serif;font-size:10px;color:#2f303a;/*letter-spacing:-0.025em;*//*-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;*/} /* 자동으로 폰트크기 조절금지 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,p,blockquote,th,td,figure,figcaption {margin:0;padding:0;word-break:break-all;font-size:1.2rem;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;}
h1,h2,h3,h4,h5,h6,th {font-weight:normal;font-size:1.2rem;;}
legend,fieldset {border:0 none;}
hr {display:block;height:0;border:0;}
input,select,textarea {font-family:inherit;font-size:1.2rem;*font-weight:inherit;vertical-align:middle;color:inherit;}
table{border-collapse:collapse;border-spacing:0;}
table,th,td {vertical-align:middle;font-size:1.2rem;}
caption,legend {width:0;height:0;line-height:0;visibility:hidden;font-size:0;}
ul,ol,li, button, a {list-style:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;/*font-size:1.4rem;*/}
em,address,strong,b {font-style:normal;}
textarea {resize:none;}
img{border:0 none;vertical-align:top;max-width:100%;}
button {overflow:visible;margin:0;padding:0;vertical-align:top;background:none;border:0 none;border-radius:0;font-family:'돋움',Dotom,Verdana, san-serif;font-size:1.2rem;cursor:pointer;}
a,a:link,a:visited,a:active {font-size:1.2rem;color:#2f303a;text-decoration:none;}
a:hover {color:#2f303a;}
a, button {-webkit-tab-highlight-color:rgba(0,0,0,0);-webkit-tab-highlight-color:transparent;/*outline:0;*/}

.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 글씨 말줄임 정의 */
.blind{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;} /* 영역 숨김 정의 */
.clfix:after{content:"";display:block;clear:both;visibility:hidden;height:0;} /* float 해제 정의 */

/** {box-sizing:border-box;}*/

/*************************************************************************************************
	box 사이즈 정의
*************************************************************************************************/
.row {width:100%;}
.row:before, .row:after {display:table;line-height:0;content:"";}
.row:after {clear:both;}
.row + .row {margin-top:7px;}
.row [class^="box"] {display:block;float:left;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
.row [class^="box"] + [class^="box"] {padding-left:1%;}
.row [class^="box"] [class^="btn"] {display:block;width:100%;}
.box1 {width:8.33%;} /* 모바일 화면에서 텍스트 확인안됨 */
.box2 {width:16.66%;} /* 모바일 화면에서 버튼 텍스트 확인안됨 */
.box3 {width:25%;}
.box4 {width:33.33%;}
.box5 {width:41.66%;}
.box6 {width:50%;}
.box7 {width:58.33%;}
.box8 {width:66.66%;}
.box9 {width:75%;}
.box10 {width:83.33%;}
.box11 {width:91.66%;}
.box12 {width:100%;}

/*****************************************************************
	[ 폰트사이즈참고 ]
	10px/1rem
	11px/1.1rem
	12px/1.2rem
	13px/1.3rem
	14px/1.4rem
	15px/1.5rem
	16px/1.6rem
	17px/1.7rem
*****************************************************************/