@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('/resources/fonts/NotoSansJP-DemiLight.woff2') format('woff2'),
    url('/resources/fonts/NotoSansJP-DemiLight.woff') format('woff'),
    url('/resources/fonts/NotoSansJP-DemiLight.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('/resources/fonts/NotoSansJP-Regular.woff2') format('woff2'),
    url('/resources/fonts/NotoSansJP-Regular.woff') format('woff'),
    url('/resources/fonts/NotoSansJP-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('/resources/fonts/NotoSansJP-Medium.woff2') format('woff2'),
    url('/resources/fonts/NotoSansJP-Medium.woff') format('woff'),
    url('/resources/fonts/NotoSansJP-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('/resources/fonts/NotoSansJP-Bold.woff2') format('woff2'),
    url('/resources/fonts/NotoSansJP-Bold.woff') format('woff'),
    url('/resources/fonts/NotoSansJP-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: url('/resources/fonts/notokr-regular.eot');
    src: url('/resources/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('/resources/fonts/notokr-regular.woff2') format('woff2'),
    url('/resources/fonts/notokr-regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 500;
    src: url('/resources/fonts/notokr-medium.eot');
    src: url('/resources/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('/resources/fonts/notokr-medium.woff2') format('woff2'),
    url('/resources/fonts/notokr-medium.woff') format('woff');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 700;
    src: url('/resources/fonts/notokr-bold.eot');
    src: url('/resources/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('/resources/fonts/notokr-bold.woff2') format('woff2'),
    url('/resources/fonts/notokr-bold.woff') format('woff');
}

/********************************
reset
********************************/

body,
h1,
h2,
h3,
h4,
p,
ol,
ul,
dl,
dd,
button {
    margin: 0;
    padding: 0;
}

body,
html {
    font-family: 'Noto Sans KR','NotoKrR','Noto Sans Japanese', '돋움', sans-serif;
    font-size: 16px;
    color: #666;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    margin: 0;
    padding: 0;
}

em {
    font-style: normal;
}

ul,
li {
    list-style: none;
}

ol {
    display: block;
}


img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #666;
}

address {
    font-style: normal;
}

ol,
article,
aside,
footer,
header,
nav,
section,
summary,
footer {
    display: block;
}


table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

input {
    margin: 0;
    padding: 0;
}

input,
select {
    background: #fff;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
}

input[type="file"] {
    border: 0;
}

input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=password]::-ms-reveal {
    display: none;
}

textarea {
    width: 100%;
    background: #fff;
    font-family: 'NotoKrR', '돋움', sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
    resize: none;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    word-break: break-all;
    overflow-y: hidden;
    /*    outline: none;*/
}

input,
textarea,
keygen,
select,
button {
    font-family: 'NotoKrR', '돋움', sans-serif;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    color: #333;
}

input,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}



legend,
caption,
.hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

ol,
ul,
li {
    list-style: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox
}

input[type='radio'] {
    -webkit-appearance: radio
}

button[disabled="disabled"] {
    opacity: 0.5;
    cursor: inherit;
}

strong {
    font-weight: 500;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[checked='checked'] {
        border: none;
        background: none
    }
}

img {
    display: block;
    margin: 0 auto;
}

/* Custom CSS 아이프레임내에 들어가는 기본 css
 * --------------------------------------- */
body,
html {
	max-width: 1320px;
    margin: 0 auto;
}

.center-img {
	display: block;
	/*max-width: 550px;*/
	margin: 0 auto 45px auto;
}

p {
	margin-bottom:30px;
	text-align: justify;
	color: #666;
	line-height: 27px
}

.p_tl { font-weight:bold; text-align:center; font-size:20px; }

.img_tl { text-align:center; width:100%; margin-top:-35px; }




/* 모바일에서 pc 볼때 */

.mobile-to-pc .area {
    min-width: 100%;
    width: 100%;
}