/***************************************

reset no.1

@license moida

****************************************/



/***************************************
 폰트설정
****************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
/***************************************
 기본설정
****************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;   
    vertical-align:baseline;
    background:transparent;
}
html, body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    color: #555;
    letter-spacing: -0.3px;
    font-weight: 400;
    line-height: 32px;
    word-break: keep-all;
}


@media (max-width: 640px) {
		html, body {
		font-size: 16px;
		line-height: 24px;
	}
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
    transition: all 0.1s;
    color: inherit;
    outline: 0;
    outline: none; select-dummy: expression(this.hideFocus=true);
}


a:hover, a:link, a:active, a:visited {
    color: inherit;
    text-decoration:none; 
    outline: none; select-dummy: expression(this.hideFocus=true);
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none; 
}

li {
    list-style-type: none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
    vertical-align:top;
}


button {
    border: 0; 
    outline: 0;
    padding: 0;
    background-color: transparent;
    
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.container {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0;
    padding-left: 0;
}


/* 공동사항 */

.fp-tableCell {
    vertical-align: top;
}

.img_100 {
    width: 100%;
}

* {
    box-sizing: border-box;
}

.container {
    max-width: 1200px;
    padding: 100px 0;
}

.row:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
}

.col1 {
    float: left;
    width: 100%;
}

.col2 {
    float: left;
    width: 50%;
}

.col3 {
    float: left;
    width: 33.33%;
}

.col4 {
    float: left;
    width: 25%;
}

.col5 {
    float: left;
    width: 20%;
}

.col6 {
    float: left;
    width: 16.66%;
}

@media (max-width: 900px) {
    .container {
        padding: 80px 0;
    }

    .col1,
    .col2,
    .col3,
    .col4,
    .col5,
    .col6 {
        width: 100%;
    }
}

.en1 {
    font-family: 'Playfair Display', serif;
}

.en2 {
    font-family: 'Pinyon Script', cursive;
    text-transform: lowercase;
    /*lowercase 소문자*/
}

.en3 {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    /*lowercase 소문자*/
}

.ko1 {
    font-family: 'Noto Serif KR', serif;
}

@media (max-width: 740px) { 
    .container {
        padding: 60px 0;
    }
    .br_m {
        display: block;
    }
}