@charset "utf-8";
@font-face{font-family:'RobotoL';
	font-style:normal;
	font-weight:300;
    src:local('Roboto Light'),
    	local('Roboto-Light'),
    	url(../../font/Roboto-Light.ttf) format('truetype')
}
@font-face{font-family:'RobotoR';
	font-style:normal;
	font-weight:400;
    src:local('Roboto'),
    	local('Roboto-Regular'),
    	url(../../font/Roboto-Regular.ttf) format('truetype')
}
@font-face{
    font-family:'RobotoM';
	font-style:normal;
	font-weight:500;
    src:local('Roboto Medium'),
    	local('Roboto-Medium'),
    	url(../../font/Roboto-Medium.ttf) format('truetype')
}
@font-face{
    font-family:'RobotoB';
	font-style:normal;
	font-weight:700;
    src:local('Roboto Bold'),
    	local('Roboto-Bold'),
    	url(../../font/Roboto-Bold.ttf) format('truetype')
}
@font-face {
  font-family:'NanumSquareL';
  font-style:normal;
  font-weight:300;
  src: url(/font/NanumSquareL.eot);
  src: local('※'),
       url(../../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
       url(../../font/NanumSquareL.woff) format('woff'),
	   url(../../font/NanumSquareL.woff2) format('woff2'),
       url(../../font/NanumSquareL.ttf) format('truetype'),
	   url(../../font/NanumSquareL.svg#NanumSquareL) format('svg');
}
@font-face {
  font-family:'NanumSquareR';
  font-style:normal;
  font-weight:400;
  src: url(/font/NanumSquareR.eot);
  src: local('※'),
       url(../../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../../font/NanumSquareR.woff) format('woff'),
	   url(../../font/NanumSquareR.woff2) format('woff2'),
       url(../../font/NanumSquareR.ttf) format('truetype'),
	   url(../../font/NanumSquareR.svg#nanumsquareregular) format('svg');
}
@font-face {
  font-family:'NanumSquareB';
  font-style:normal;
  font-weight: 700;
  src: url(../../font/NanumSquareB.eot);
  src: local('※'),
       url(../../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../../font/NanumSquareB.woff) format('woff'),
	   url(../../font/NanumSquareB.woff2) format('woff2'),
       url(../../font/NanumSquareB.ttf) format('truetype'),
	   url(../../font/NanumSquareB.svg#nanumsquarebold) format('svg');
}
@font-face {
  font-family:'NanumSquareEB';
  font-style:normal;
  font-weight: 900;
  src: url(../../font/NanumSquareEB.eot);
  src: local('※'),
       url(../../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../../font/NanumSquareEB.woff) format('woff'),
	   url(../../font/NanumSquareEB.woff2) format('woff2'),
       url(../../font/NanumSquareEB.ttf) format('truetype'),
	   url(../../font/NanumSquareEB.svg#NanumSquareEB) format('svg');
}

/* reset */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*::before,*::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0;width:100%;height:100%;line-height:1.4;color:#777;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;font-smooth:always}
body{-webkit-tap-highlight-color:rgba(0,0,0 0.6);-webkit-tap-highlight:rgba(0,0,0,0.6);-webkit-text-size-adjust:none}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td {margin:0;padding:0;letter-spacing:-1px}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;/**폰트100%*/vertical-align:middle}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none outside none}
hr {box-sizing:content-box;height:0;overflow:visible;border:none;padding:0;margin:0}
table{border-collapse:collapse}
legend,caption {display:none;clear:both}
textarea,input,select,button {outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;appearance:none!important;vertical-align:middle;cursor:pointer;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border:0}
select::-ms-expand{display:none} /* IE 10, 11의 네이티브 화살표 숨기기 */
select:focus::-ms-value {background-color:white;color:#000}
textarea {resize:none}
img,fieldset{border:0}
label,button{cursor:pointer}
button,select {text-transform:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;margin:0}
input,select,textarea {font:1.18em/1.5 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#263238;letter-spacing:-1px;-webkit-appearance:none;-moz-appearance: none;-ms-appearance:none;-o-appearance:none;appearance:none}
input,textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
em,i,address {font-style:normal;font-weight:normal}
a {color:#333;text-decoration:none;-webkit-text-decoration-skip:objects;background-color:transparent}
a:active,a:hover {text-decoration:underline}
a:hover,a:active,a:focus{text-decoration:none;outline-width:0}

article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary {display:block;margin:0;padding:0}
command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr {display:inline}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
svg:not(:root){overflow:hidden}
pre {font-family:monospace,monospace;font-size:1em}
code,kbd,samp {font-family:monospace,monospace;font-size:1em;}
abbr[title] {border-bottom:none;text-decoration:none}

/*PC Form*/
input,input[type='text'],input[type='password'],input[type='tel'],input[type='search'] {border:1px solid #fff;background-color:#fff;padding:0 10px}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none;padding:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:1px dotted ButtonText}
[type="checkbox"],[type="radio"] {box-sizing:border-box;padding:0}

input[type='radio'] {background:#fff;border:1px solid #c6c6c6;height:20px;width:20px;vertical-align:middle}
input[type='radio']:checked {background:#fff;border:1px solid #7d48ab}
input[type='radio']:checked:after {content:"";display: block;background:#7d48ab;position:relative;top:9%;left:12%;-webkit-border-radius:8px;width:14px;height:14px}

input[type='checkbox'] {background:#fff;border:1px solid #cfced2;width:20px;height:20px;vertical-align:middle;margin-right:7px}
input[type='checkbox']:checked{background:#fff;border:1px solid #ac168c}
input[type='checkbox']:checked:after {content:"";display:block;background:#ac168c;position:relative;top:0;left:2px;width:20px;height:20px;background:url(/img/APP/icoCheckCopy@3x.png) no-repeat center top / 90%}

::-webkit-input-placeholder{color:#BFBFBF;font-size:14px;}
:-moz-placeholder{color:#BFBFBF;font-size:14px;}
::-moz-placeholder{color:#BFBFBF;font-size:14px;}
:-ms-input-placeholder{color:#BFBFBF;font-size:14px;}

.select_wrap {position:relative;display:inline-block;z-index:0;width:100%}
.select_wrap select {z-index:1;border:1px solid #ddd;background-color:#fff;padding:10px;width:100%}
.select_wrap::after {display:block;content:'';border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0, 0, 0, 0);border-top-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;border-width:5px;margin-left:-5px;top:50%;right:10%;margin-top:-1%;z-index:10}

.radio_btn  {display:inline-block!important;position:relative;z-index:10;width:48%;height:48px;border:2px solid #d1d0d0;}
.radio_btn input[type='radio'] {position:absolute;top:0;left:0;z-index:9;width:1%;height:1px;border:1px solid #fff}
.radio_btn label {display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:48px;line-height:48px;text-align:center;color:#999}
.radio_btn input[type='radio']:checked + label {margin:-2px;z-index:100;color:#fff;background-color:#7d48ab;width:102%}

/* mobile mediaquery 320px*640px */

@media only screen and
(min-width:320px) and (max-width:640px)
{
	.radio_btn,
	.radio_btn label {height:38px;line-height:38px;}
}