@charset "utf-8";
/*tthieu start change font - task#109*/
@font-face {
	font-family: 'NotoSans-Light';
  	font-style: normal;
	font-weight: 200;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Light'),
		 local('NotoSans-Light'),
		 url(../fonts/global/NotoSans-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans-Regular';
	font-style: normal;
	font-weight: 300;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Regular'),
		 local('NotoSans-Regular'),
		 url(../fonts/global/NotoSans-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans-Bold';
  	font-style: normal;
	font-weight: 700;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Bold'),
		 local('NotoSans-Bold'),
		 url(../fonts/global/NotoSans-Bold.otf) format('opentype');
}
/*tthieu end change font - task#109*/

* 	 		{margin:0; padding:0;}

body		{font-size:14px; font-weight:400; line-height:1.5; color: #000;}
ul,ol,li	{list-style:none;}
img,hr		{border:none;}
img			{vertical-align:top; border:0px;}

table 			{width:100%; border-spacing:0; table-layout:fixed; border-collapse:collapse;}
table td img	{vertical-align:middle;}

a			{vertical-align:top; color:#666;}
a:link		{text-decoration:none; color:inherit;}
a:visited	{text-decoration:none; color:inherit;}
a:active	{text-decoration:none; color:inherit;}
a:hover		{text-decoration:none; color:inherit;}

article,aside,bdi,details,dialog,figcaption,figure,footer,header,main,mark,menuitem,meter,nav,progress,rp,rt,ruby,section,summary,time,wbr,
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,pre {
/*	font-family:'NotoSans-Light', Helvetica Neue, Helvetica, Arial, sans-serif; */}
/*strong,h1,h2,h3,h4,h5,h6,th,b,dt {font-family:'Noto Sans KR'; font-weight:700; font-size:inherit; color:inherit;}*/

input,select			{vertical-align:top; outline:none;}
input[type=text],
input[type=password]	{display:inline-block; width:100%; height:30px; padding:5px; border:1px solid #ccc; background-color:#fff; font-size:14px; color:#666; box-sizing:border-box;
	-webkit-appearance: none;
    -moz-appearance: none;

	caret-color : #ed1846;
}
select					{display:inline-block; width:100%; height:30px; padding:0 0 0 5px; border:1px solid #ccc; background-color:#fff; font-size:14px; color:#666; box-sizing:border-box;
	-webkit-appearance: none;
    -moz-appearance: none;
	caret-color : #ed1846;
}
textarea				{display:inline-block; width:100%; padding:5px; border:solid 1px #ccc; background-color:#fff; font-size:14px; color:#666; box-sizing:border-box;
	-webkit-appearance: none;
    -moz-appearance: none;
	caret-color : #ed1846;
}
input[type=file],input[type=image],input[type=reset],input[type=button],input[type=submit] {cursor:pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
	caret-color : #ed1846;
}

textarea::placeholder {color: #b0afaf;}
textarea::-webkit-input-placeholder {color: #b0afaf;}
textarea:-ms-input-placeholder {color: #b0afaf;}

input::placeholder {color: #b0afaf;}
input::-webkit-input-placeholder {color: #b0afaf;}
input:-ms-input-placeholder {color: #b0afaf;}


hr, caption		{position:absolute; left:-9999px; top:-9999px;}
legend			{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-9999px;}
address,cite,em	{font-style:normal;}
fieldset,iframe	{border:0;}
label			{cursor:pointer;}
sup,sub         {line-height:1em;}

.both_area {width:100%; overflow:hidden;}
.both_area2 {width:100%; display:inline-block;}

.fl_l {float:left !important;}
.fl_c {display:inline-block; *display:inline; zoom:1;}
.fl_r {float:right !important;}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

.conts_box b { font-family: 'NotoSans-Bold'; }

.blind	{position:absolute; left:-9999px; top:-9999px;}

.pt0 {padding-top:0px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:60px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt55 {padding-top:55px !important;}.pt60 {padding-top:60px !important;}.pt65 {padding-top:65px !important;}.pt70 {padding-top:70px !important;}.pt75 {padding-top:75px !important;}.pt80 {padding-top:80px !important;}.pt85 {padding-top:85px !important;}.pt90 {padding-top:90px !important;}.pt95 {padding-top:95px !important;}.pt100 {padding-top:100px !important;}
.pr0 {padding-right:0px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr17 {padding-right:17px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr55 {padding-right:55px !important;}.pr60 {padding-right:60px !important;}.pr65 {padding-right:65px !important;}.pr70 {padding-right:70px !important;}.pr75 {padding-right:75px !important;}.pr80 {padding-right:80px !important;}.pr85 {padding-right:85px !important;}.pr90 {padding-right:90px !important;}.pr95 {padding-right:95px !important;}.pr100 {padding-right:100px !important;}
.pb0 {padding-bottom:0px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb55 {padding-bottom:55px !important;}.pb60 {padding-bottom:60px !important;}.pb65 {padding-bottom:65px !important;}.pb70 {padding-bottom:70px !important;}.pb75 {padding-bottom:75px !important;}.pb80 {padding-bottom:80px !important;}.pb85 {padding-bottom:85px !important;}.pb90 {padding-bottom:90px !important;}.pb95 {padding-bottom:95px !important;}.pb100 {padding-bottom:100px !important;}
.pl0 {padding-left:0px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl55 {padding-left:55px !important;}.pl60 {padding-left:60px !important;}.pl65 {padding-left:65px !important;}.pl70 {padding-left:70px !important;}.pl75 {padding-left:75px !important;}.pl80 {padding-left:80px !important;}.pl85 {padding-left:85px !important;}.pl90 {padding-left:90px !important;}.pl95 {padding-left:95px !important;}.pl100 {padding-left:100px !important;}
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}.mt90 {margin-top:90px !important;}.mt95 {margin-top:95px !important;}.mt100 {margin-top:100px !important;}
.mr0 {margin-right:0px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr55 {margin-right:55px !important;}.mr60 {margin-right:60px !important;}.mr65 {margin-right:65px !important;}.mr70 {margin-right:70px !important;}.mr75 {margin-right:75px !important;}.mr80 {margin-right:80px !important;}.mr85 {margin-right:85px !important;}.mr90 {margin-right:90px !important;}.mr95 {margin-right:95px !important;}.mr100 {margin-right:100px !important;}
.mb0 {margin-bottom:0px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml55 {margin-left:55px !important;}.ml60 {margin-left:60px !important;}.ml65 {margin-left:65px !important;}.ml70 {margin-left:70px !important;}.ml75 {margin-left:75px !important;}.ml80 {margin-left:80px !important;}.ml85 {margin-left:85px !important;}.ml90 {margin-left:90px !important;}.ml95 {margin-left:95px !important;}.ml100 {margin-left:100px !important;}


.cus_checkbox {display:inline-block; position:relative; }
.cus_checkbox input[type="checkbox"]{
  width:1px; 
  height:1px; 
  padding:0; 
  border:0 none; 
  margin:0; 
  position:absolute; 
  left:0; 
  top:0; 
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.cus_checkbox label{
  height:15px; 
  line-height:15px; 
  padding-left:20px; 
  display:inline-block; 
  background:url(../images/bg_checkbox.png) no-repeat 0 0; background-size: 15px auto;
  font-size:12px; 
  vertical-align:top; 
  cursor:pointer;
}

.cus_checkbox input[type="checkbox"]:checked + label{
  background-position: 0 -17px;
}

.cus_radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	width:16px; 
	height:16px; 
	padding:0; 
	border:0 none; 
	margin:0;
	overflow:hidden;
	background:url(../images/radio.png) 0 -53px no-repeat;
	background-size: 16px auto;
}
.cus_radio:checked {
	background-position: 0 0;
}


/* 추가 css */
.writeImgWrap[data-orientation="8"],
.photo_write_list li span.img_box img[data-orientation="8"],
.img[data-orientation="8"], .zoomImg[data-orientation="8"]{
	transform:rotate(270deg);
}
.writeImgWrap[data-orientation="6"],
.photo_write_list li span.img_box img[data-orientation="6"],
.img[data-orientation="6"], .zoomImg[data-orientation="6"]{
	transform:rotate(90deg);
}

.writeImgWrap[data-orientation="3"],
.photo_write_list li span.img_box img[data-orientation="3"],
.img[data-orientation="3"], .zoomImg[data-orientation="3"]{
	transform:rotate(180deg);
}
.feedImgWrap[data-orientation="6"] .ankle .ankle_round{
	transform:rotate(270deg);
}
.feedImgWrap[data-orientation="8"] .ankle .ankle_round{
	transform:rotate(90deg);
}