/**Font**/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); /* Roboto */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /*  NotoSans KR */

@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PartialSansKR-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/PartialSansKR-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

/**Reset**/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,textarea,p,blockquote,th,td{margin:0;padding:0;word-wrap:break-word;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;border:0;*margin:0;*padding:0;*font-size:0}/* html5 */
table{border-collapse:collapse;border-spacing:0}
fieldset,img,iframe{border:0}
img{max-width:100%;height:auto;vertical-align:middle;-ms-interpolation-mode: bicubic;}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
caption,legend{display:none}
body{position: relative; -webkit-overflow-scrolling:touch;font-family:'Roboto', 'Noto Sans KR', 'Sans-serif';font-size:14px;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;cursor:pointer}
a[href^="tel"]{font-style:normal}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

/**header**/

html, body {
    height: 100%;
    scroll-behavior:smooth;
}

.clear::after {
    content: " ";
    display: block;
    clear: both;
}

.wrap {
    width: 100%;
    height: 100%;
}

/**button**/
#top_btn {
    width:50px;
    height:50px;
    border-radius:100%;
    position:fixed;
    bottom:2%;
    right:2%;
    background-color:#fff;
    opacity:70%;
    color:#222 !important;
    z-index:111;
    text-align:center;
    line-height:45px;
    font-size:30px;
    text-decoration:none !important;
    font-family:Paperlogy-8ExtraBold;
    box-shadow:0 0 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .12);
}

#top_btn:hover {
    background-color:#E0E0E0;
}

/**section**/

.section_01 {
    width:100%;
    height:auto;
    background:#F16526;
}

.sec01_logo {
    width:15%;
    height:auto;
    position:absolute;
    top:3%;
    left:3%;
    cursor:pointer;
    min-width:80px;
    z-index:222;
}

@keyframes typing {
    from{width:0;}
    to{width:100%;}
}

.sec01_top {
    width:75%;
    height:auto;
    padding:14% 0 8% 0;
    position:relative;
    top:20px;
    z-index:111;
    animation:typing 1s forwards;
}

.sec01_top img {
    width:80%;
}

.sec01_bot {
    width:100%;
    height:auto;
    color:#fff;
    text-align:center;
    font-size:2em;
    font-family:GmarketSansMedium;
    font-weight:500;
    padding-bottom:90px;
}

.section_02 {
    width:100%;
    height:92%;
    background:#E0D9D1;
    position:relative;
}

.sec02_left {
    width:40%;
}

#sec02_tit {
    font-family:PartialSansKR-Regular;
    color:#F16526;
    font-size:3em;
    position:relative;
    top:50px;
    left:40%;
}

#sec02_pic {
    position:relative;
    top:60px;
    left:40%;
}

#sec02_txt {
    position:relative;
    top:80px;
    left:40%;
    font-family:GmarketSansMedium;
}

#sec02_txt ul li:nth-child(1) {
    font-weight:700;
    color:#F16526;
    font-size:2em;
}

#sec02_txt ul li:nth-child(2) {
    font-weight:500;
    color:#F16526;
    font-size:1.5em;
}

#sec02_txt ul li:nth-child(3) {
    font-weight:500;
    color:#222;
    font-size:1.5em;
}

.sec02_right {
    position:absolute;
    top:5%;
    right:5%;
    width:45%;
    font-family:GmarketSansMedium;
}

.sec02_right article {
    border-bottom:solid 1px #F16526;
    padding:20px 0;
}

.sec02_right article tr {
    height:50px;
}

.sec02_right article th {
    font-weight:700;
    color:#F16526;
    font-size:2em;
    text-align:left;
}

.sec02_right article td {
    font-size:1.2em;
}

.sec02_right article td:nth-child(1) {
    color:#F16526;
    width:160px;
}

.sec02_right article td:nth-child(2) {
    padding-left:20px;
}

#sec02_g3 {
    border-bottom:none;
}


/**footer**/

.section_03 {
    font-family:GmarketSansMedium;
    width:100%;
    height:500px;
    background:#222;
    color:#fff;
    position:relative;
}

.fot_left {
    position:absolute;
    top:80px;
    left:16%;
    width:20%;
}

.fot_left article {
    padding: 3% 0;
}

.fot_left article ul li {
    color:#999;
}

.fot_left article ul li:nth-child(1) {
    font-size:1.5em;
    padding-bottom:20px;
}

.fot_left article i {
    font-size:1.5em;
    vertical-align:middle;
    padding-bottom:5px;
}

.fot_left article p {
    color:#999;
}

.fot_left_m {
    display:none;
}

.fot_center {
    position:absolute;
    top:80px;
    left:45%;
    width:30%;
    font-size:1.5em;
}

.fot_center article {
    padding-bottom:20px;
}

.fot_center article img {
    width:30%;
    min-width:130px;
}

.fot_right {
    position:absolute;
    top:80px;
    left:70%;
    width:30%;
}

.fot_right article ul li {
    height:30px;
}

.fot_right article ul li:nth-child(1) {
    font-size:1.5em;
    margin-bottom:20px;
}

.fot_right article ul li:nth-child(2) {
    width:60%;
    border-bottom: 1px dashed #999;
}

.fot_right article ul li a {
    color:#999;
    text-decoration: none;
}

.fot_right article ul li a:hover {
    color:#fff;
    text-decoration:none;
}