@charset "utf-8";
/* Webright BDH 210111 */

@import url(../css/NotoSansKR-full.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);



/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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;
}

body {
    line-height:1;
    font-family: 'NotoSansKR', sans-serif;
    font-weight: 400;
    color: #4c4c4c;
    padding: 2rem;
}

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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


html, body {
	height: 100%;
}

/* 클릭라인 */
/* button:focus, input:focus {outline: none;} */
a {text-decoration: none;color: #4c4c4c;}
li {list-style: none;}
legend {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}

/* common */
img {max-width: 100%;}

* {box-sizing: border-box;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.fl {float: left;}
.flr {float: right;}
.font-nsr {font-family: 'NotoSansKR';font-weight: 400;}
.font-nmj {font-family: 'Nanum Myeongjo';font-weight: 400;}
.blind {overflow: hidden;position: absolute;top: 0;left: 0;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.btn {font-weight: 700;color: #fff;font-size: 11px;display: inline-block;padding: 2.5% 4%;}
.fz18 {font-size: 18px;color: #313131;margin: 7% 0 3% 0;display: inline-block;line-height: 1.5;}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

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

textarea {
    resize: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* common */

.red {background-color: #f44336 !important } .red-text {color: #f44336 !important } .red.lighten-5 {background-color: #ffebee !important } .red-text.text-lighten-5 {color: #ffebee !important } .red.lighten-4 {background-color: #ffcdd2 !important } .red-text.text-lighten-4 {color: #ffcdd2 !important } .red.lighten-3 {background-color: #ef9a9a !important } .red-text.text-lighten-3 {color: #ef9a9a !important } .red.lighten-2 {background-color: #e57373 !important } .red-text.text-lighten-2 {color: #e57373 !important } .red.lighten-1 {background-color: #ef5350 !important } .red-text.text-lighten-1 {color: #ef5350 !important } .red.darken-1 {background-color: #e53935 !important } .red-text.text-darken-1 {color: #e53935 !important } .red.darken-2 {background-color: #d32f2f !important } .red-text.text-darken-2 {color: #d32f2f !important } .red.darken-3 {background-color: #c62828 !important } .red-text.text-darken-3 {color: #c62828 !important } .red.darken-4 {background-color: #b71c1c !important } .red-text.text-darken-4 {color: #b71c1c !important } .red.accent-1 {background-color: #ff8a80 !important } .red-text.text-accent-1 {color: #ff8a80 !important } .red.accent-2 {background-color: #ff5252 !important } .red-text.text-accent-2 {color: #ff5252 !important } .red.accent-3 {background-color: #ff1744 !important } .red-text.text-accent-3 {color: #ff1744 !important } .red.accent-4 {background-color: #d50000 !important } .red-text.text-accent-4 {color: #d50000 !important } .pink {background-color: #e91e63 !important } .pink-text {color: #e91e63 !important } .pink.lighten-5 {background-color: #fce4ec !important } .pink-text.text-lighten-5 {color: #fce4ec !important } .pink.lighten-4 {background-color: #f8bbd0 !important } .pink-text.text-lighten-4 {color: #f8bbd0 !important } .pink.lighten-3 {background-color: #f48fb1 !important } .pink-text.text-lighten-3 {color: #f48fb1 !important } .pink.lighten-2 {background-color: #f06292 !important } .pink-text.text-lighten-2 {color: #f06292 !important } .pink.lighten-1 {background-color: #ec407a !important } .pink-text.text-lighten-1 {color: #ec407a !important } .pink.darken-1 {background-color: #d81b60 !important } .pink-text.text-darken-1 {color: #d81b60 !important } .pink.darken-2 {background-color: #c2185b !important } .pink-text.text-darken-2 {color: #c2185b !important } .pink.darken-3 {background-color: #ad1457 !important } .pink-text.text-darken-3 {color: #ad1457 !important } .pink.darken-4 {background-color: #880e4f !important } .pink-text.text-darken-4 {color: #880e4f !important } .pink.accent-1 {background-color: #ff80ab !important } .pink-text.text-accent-1 {color: #ff80ab !important } .pink.accent-2 {background-color: #ff4081 !important } .pink-text.text-accent-2 {color: #ff4081 !important } .pink.accent-3 {background-color: #f50057 !important } .pink-text.text-accent-3 {color: #f50057 !important } .pink.accent-4 {background-color: #c51162 !important } .pink-text.text-accent-4 {color: #c51162 !important } .purple {background-color: #9c27b0 !important } .purple-text {color: #9c27b0 !important } .purple.lighten-5 {background-color: #f3e5f5 !important } .purple-text.text-lighten-5 {color: #f3e5f5 !important } .purple.lighten-4 {background-color: #e1bee7 !important } .purple-text.text-lighten-4 {color: #e1bee7 !important } .purple.lighten-3 {background-color: #ce93d8 !important } .purple-text.text-lighten-3 {color: #ce93d8 !important } .purple.lighten-2 {background-color: #ba68c8 !important } .purple-text.text-lighten-2 {color: #ba68c8 !important } .purple.lighten-1 {background-color: #ab47bc !important } .purple-text.text-lighten-1 {color: #ab47bc !important } .purple.darken-1 {background-color: #8e24aa !important } .purple-text.text-darken-1 {color: #8e24aa !important } .purple.darken-2 {background-color: #7b1fa2 !important } .purple-text.text-darken-2 {color: #7b1fa2 !important } .purple.darken-3 {background-color: #6a1b9a !important } .purple-text.text-darken-3 {color: #6a1b9a !important } .purple.darken-4 {background-color: #4a148c !important } .purple-text.text-darken-4 {color: #4a148c !important } .purple.accent-1 {background-color: #ea80fc !important } .purple-text.text-accent-1 {color: #ea80fc !important } .purple.accent-2 {background-color: #e040fb !important } .purple-text.text-accent-2 {color: #e040fb !important } .purple.accent-3 {background-color: #d500f9 !important } .purple-text.text-accent-3 {color: #d500f9 !important } .purple.accent-4 {background-color: #a0f !important } .purple-text.text-accent-4 {color: #a0f !important } .deep-purple {background-color: #673ab7 !important } .deep-purple-text {color: #673ab7 !important } .deep-purple.lighten-5 {background-color: #ede7f6 !important } .deep-purple-text.text-lighten-5 {color: #ede7f6 !important } .deep-purple.lighten-4 {background-color: #d1c4e9 !important } .deep-purple-text.text-lighten-4 {color: #d1c4e9 !important } .deep-purple.lighten-3 {background-color: #b39ddb !important } .deep-purple-text.text-lighten-3 {color: #b39ddb !important } .deep-purple.lighten-2 {background-color: #9575cd !important } .deep-purple-text.text-lighten-2 {color: #9575cd !important } .deep-purple.lighten-1 {background-color: #7e57c2 !important } .deep-purple-text.text-lighten-1 {color: #7e57c2 !important } .deep-purple.darken-1 {background-color: #5e35b1 !important } .deep-purple-text.text-darken-1 {color: #5e35b1 !important } .deep-purple.darken-2 {background-color: #512da8 !important } .deep-purple-text.text-darken-2 {color: #512da8 !important } .deep-purple.darken-3 {background-color: #4527a0 !important } .deep-purple-text.text-darken-3 {color: #4527a0 !important } .deep-purple.darken-4 {background-color: #311b92 !important } .deep-purple-text.text-darken-4 {color: #311b92 !important } .deep-purple.accent-1 {background-color: #b388ff !important } .deep-purple-text.text-accent-1 {color: #b388ff !important } .deep-purple.accent-2 {background-color: #7c4dff !important } .deep-purple-text.text-accent-2 {color: #7c4dff !important } .deep-purple.accent-3 {background-color: #651fff !important } .deep-purple-text.text-accent-3 {color: #651fff !important } .deep-purple.accent-4 {background-color: #6200ea !important } .deep-purple-text.text-accent-4 {color: #6200ea !important } .indigo {background-color: #3f51b5 !important } .indigo-text {color: #3f51b5 !important } .indigo.lighten-5 {background-color: #e8eaf6 !important } .indigo-text.text-lighten-5 {color: #e8eaf6 !important } .indigo.lighten-4 {background-color: #c5cae9 !important } .indigo-text.text-lighten-4 {color: #c5cae9 !important } .indigo.lighten-3 {background-color: #9fa8da !important } .indigo-text.text-lighten-3 {color: #9fa8da !important } .indigo.lighten-2 {background-color: #7986cb !important } .indigo-text.text-lighten-2 {color: #7986cb !important } .indigo.lighten-1 {background-color: #5c6bc0 !important } .indigo-text.text-lighten-1 {color: #5c6bc0 !important } .indigo.darken-1 {background-color: #3949ab !important } .indigo-text.text-darken-1 {color: #3949ab !important } .indigo.darken-2 {background-color: #303f9f !important } .indigo-text.text-darken-2 {color: #303f9f !important } .indigo.darken-3 {background-color: #283593 !important } .indigo-text.text-darken-3 {color: #283593 !important } .indigo.darken-4 {background-color: #1a237e !important } .indigo-text.text-darken-4 {color: #1a237e !important } .indigo.accent-1 {background-color: #8c9eff !important } .indigo-text.text-accent-1 {color: #8c9eff !important } .indigo.accent-2 {background-color: #536dfe !important } .indigo-text.text-accent-2 {color: #536dfe !important } .indigo.accent-3 {background-color: #3d5afe !important } .indigo-text.text-accent-3 {color: #3d5afe !important } .indigo.accent-4 {background-color: #304ffe !important } .indigo-text.text-accent-4 {color: #304ffe !important } .blue {background-color: #2196f3 !important } .blue-text {color: #2196f3 !important } .blue.lighten-5 {background-color: #e3f2fd !important } .blue-text.text-lighten-5 {color: #e3f2fd !important } .blue.lighten-4 {background-color: #bbdefb !important } .blue-text.text-lighten-4 {color: #bbdefb !important } .blue.lighten-3 {background-color: #90caf9 !important } .blue-text.text-lighten-3 {color: #90caf9 !important } .blue.lighten-2 {background-color: #64b5f6 !important } .blue-text.text-lighten-2 {color: #64b5f6 !important } .blue.lighten-1 {background-color: #42a5f5 !important } .blue-text.text-lighten-1 {color: #42a5f5 !important } .blue.darken-1 {background-color: #1e88e5 !important } .blue-text.text-darken-1 {color: #1e88e5 !important } .blue.darken-2 {background-color: #1976d2 !important } .blue-text.text-darken-2 {color: #1976d2 !important } .blue.darken-3 {background-color: #1565c0 !important } .blue-text.text-darken-3 {color: #1565c0 !important } .blue.darken-4 {background-color: #0d47a1 !important } .blue-text.text-darken-4 {color: #0d47a1 !important } .blue.accent-1 {background-color: #82b1ff !important } .blue-text.text-accent-1 {color: #82b1ff !important } .blue.accent-2 {background-color: #448aff !important } .blue-text.text-accent-2 {color: #448aff !important } .blue.accent-3 {background-color: #2979ff !important } .blue-text.text-accent-3 {color: #2979ff !important } .blue.accent-4 {background-color: #2962ff !important } .blue-text.text-accent-4 {color: #2962ff !important } .light-blue {background-color: #03a9f4 !important } .light-blue-text {color: #03a9f4 !important } .light-blue.lighten-5 {background-color: #e1f5fe !important } .light-blue-text.text-lighten-5 {color: #e1f5fe !important } .light-blue.lighten-4 {background-color: #b3e5fc !important } .light-blue-text.text-lighten-4 {color: #b3e5fc !important } .light-blue.lighten-3 {background-color: #81d4fa !important } .light-blue-text.text-lighten-3 {color: #81d4fa !important } .light-blue.lighten-2 {background-color: #4fc3f7 !important } .light-blue-text.text-lighten-2 {color: #4fc3f7 !important } .light-blue.lighten-1 {background-color: #29b6f6 !important } .light-blue-text.text-lighten-1 {color: #29b6f6 !important } .light-blue.darken-1 {background-color: #039be5 !important } .light-blue-text.text-darken-1 {color: #039be5 !important } .light-blue.darken-2 {background-color: #0288d1 !important } .light-blue-text.text-darken-2 {color: #0288d1 !important } .light-blue.darken-3 {background-color: #0277bd !important } .light-blue-text.text-darken-3 {color: #0277bd !important } .light-blue.darken-4 {background-color: #01579b !important } .light-blue-text.text-darken-4 {color: #01579b !important } .light-blue.accent-1 {background-color: #80d8ff !important } .light-blue-text.text-accent-1 {color: #80d8ff !important } .light-blue.accent-2 {background-color: #40c4ff !important } .light-blue-text.text-accent-2 {color: #40c4ff !important } .light-blue.accent-3 {background-color: #00b0ff !important } .light-blue-text.text-accent-3 {color: #00b0ff !important } .light-blue.accent-4 {background-color: #0091ea !important } .light-blue-text.text-accent-4 {color: #0091ea !important } .cyan {background-color: #00bcd4 !important } .cyan-text {color: #00bcd4 !important } .cyan.lighten-5 {background-color: #e0f7fa !important } .cyan-text.text-lighten-5 {color: #e0f7fa !important } .cyan.lighten-4 {background-color: #b2ebf2 !important } .cyan-text.text-lighten-4 {color: #b2ebf2 !important } .cyan.lighten-3 {background-color: #80deea !important } .cyan-text.text-lighten-3 {color: #80deea !important } .cyan.lighten-2 {background-color: #4dd0e1 !important } .cyan-text.text-lighten-2 {color: #4dd0e1 !important } .cyan.lighten-1 {background-color: #26c6da !important } .cyan-text.text-lighten-1 {color: #26c6da !important } .cyan.darken-1 {background-color: #00acc1 !important } .cyan-text.text-darken-1 {color: #00acc1 !important } .cyan.darken-2 {background-color: #0097a7 !important } .cyan-text.text-darken-2 {color: #0097a7 !important } .cyan.darken-3 {background-color: #00838f !important } .cyan-text.text-darken-3 {color: #00838f !important } .cyan.darken-4 {background-color: #006064 !important } .cyan-text.text-darken-4 {color: #006064 !important } .cyan.accent-1 {background-color: #84ffff !important } .cyan-text.text-accent-1 {color: #84ffff !important } .cyan.accent-2 {background-color: #18ffff !important } .cyan-text.text-accent-2 {color: #18ffff !important } .cyan.accent-3 {background-color: #00e5ff !important } .cyan-text.text-accent-3 {color: #00e5ff !important } .cyan.accent-4 {background-color: #00b8d4 !important } .cyan-text.text-accent-4 {color: #00b8d4 !important } .teal {background-color: #009688 !important } .teal-text {color: #009688 !important } .teal.lighten-5 {background-color: #e0f2f1 !important } .teal-text.text-lighten-5 {color: #e0f2f1 !important } .teal.lighten-4 {background-color: #b2dfdb !important } .teal-text.text-lighten-4 {color: #b2dfdb !important } .teal.lighten-3 {background-color: #80cbc4 !important } .teal-text.text-lighten-3 {color: #80cbc4 !important } .teal.lighten-2 {background-color: #4db6ac !important } .teal-text.text-lighten-2 {color: #4db6ac !important } .teal.lighten-1 {background-color: #26a69a !important } .teal-text.text-lighten-1 {color: #26a69a !important } .teal.darken-1 {background-color: #00897b !important } .teal-text.text-darken-1 {color: #00897b !important } .teal.darken-2 {background-color: #00796b !important } .teal-text.text-darken-2 {color: #00796b !important } .teal.darken-3 {background-color: #00695c !important } .teal-text.text-darken-3 {color: #00695c !important } .teal.darken-4 {background-color: #004d40 !important } .teal-text.text-darken-4 {color: #004d40 !important } .teal.accent-1 {background-color: #a7ffeb !important } .teal-text.text-accent-1 {color: #a7ffeb !important } .teal.accent-2 {background-color: #64ffda !important } .teal-text.text-accent-2 {color: #64ffda !important } .teal.accent-3 {background-color: #1de9b6 !important } .teal-text.text-accent-3 {color: #1de9b6 !important } .teal.accent-4 {background-color: #00bfa5 !important } .teal-text.text-accent-4 {color: #00bfa5 !important } .green {background-color: #4caf50 !important } .green-text {color: #4caf50 !important } .green.lighten-5 {background-color: #e8f5e9 !important } .green-text.text-lighten-5 {color: #e8f5e9 !important } .green.lighten-4 {background-color: #c8e6c9 !important } .green-text.text-lighten-4 {color: #c8e6c9 !important } .green.lighten-3 {background-color: #a5d6a7 !important } .green-text.text-lighten-3 {color: #a5d6a7 !important } .green.lighten-2 {background-color: #81c784 !important } .green-text.text-lighten-2 {color: #81c784 !important } .green.lighten-1 {background-color: #66bb6a !important } .green-text.text-lighten-1 {color: #66bb6a !important } .green.darken-1 {background-color: #43a047 !important } .green-text.text-darken-1 {color: #43a047 !important } .green.darken-2 {background-color: #388e3c !important } .green-text.text-darken-2 {color: #388e3c !important } .green.darken-3 {background-color: #2e7d32 !important } .green-text.text-darken-3 {color: #2e7d32 !important } .green.darken-4 {background-color: #1b5e20 !important } .green-text.text-darken-4 {color: #1b5e20 !important } .green.accent-1 {background-color: #b9f6ca !important } .green-text.text-accent-1 {color: #b9f6ca !important } .green.accent-2 {background-color: #69f0ae !important } .green-text.text-accent-2 {color: #69f0ae !important } .green.accent-3 {background-color: #00e676 !important } .green-text.text-accent-3 {color: #00e676 !important } .green.accent-4 {background-color: #00c853 !important } .green-text.text-accent-4 {color: #00c853 !important } .light-green {background-color: #8bc34a !important } .light-green-text {color: #8bc34a !important } .light-green.lighten-5 {background-color: #f1f8e9 !important } .light-green-text.text-lighten-5 {color: #f1f8e9 !important } .light-green.lighten-4 {background-color: #dcedc8 !important } .light-green-text.text-lighten-4 {color: #dcedc8 !important } .light-green.lighten-3 {background-color: #c5e1a5 !important } .light-green-text.text-lighten-3 {color: #c5e1a5 !important } .light-green.lighten-2 {background-color: #aed581 !important } .light-green-text.text-lighten-2 {color: #aed581 !important } .light-green.lighten-1 {background-color: #9ccc65 !important } .light-green-text.text-lighten-1 {color: #9ccc65 !important } .light-green.darken-1 {background-color: #7cb342 !important } .light-green-text.text-darken-1 {color: #7cb342 !important } .light-green.darken-2 {background-color: #689f38 !important } .light-green-text.text-darken-2 {color: #689f38 !important } .light-green.darken-3 {background-color: #558b2f !important } .light-green-text.text-darken-3 {color: #558b2f !important } .light-green.darken-4 {background-color: #33691e !important } .light-green-text.text-darken-4 {color: #33691e !important } .light-green.accent-1 {background-color: #ccff90 !important } .light-green-text.text-accent-1 {color: #ccff90 !important } .light-green.accent-2 {background-color: #b2ff59 !important } .light-green-text.text-accent-2 {color: #b2ff59 !important } .light-green.accent-3 {background-color: #76ff03 !important } .light-green-text.text-accent-3 {color: #76ff03 !important } .light-green.accent-4 {background-color: #64dd17 !important } .light-green-text.text-accent-4 {color: #64dd17 !important } .lime {background-color: #cddc39 !important } .lime-text {color: #cddc39 !important } .lime.lighten-5 {background-color: #f9fbe7 !important } .lime-text.text-lighten-5 {color: #f9fbe7 !important } .lime.lighten-4 {background-color: #f0f4c3 !important } .lime-text.text-lighten-4 {color: #f0f4c3 !important } .lime.lighten-3 {background-color: #e6ee9c !important } .lime-text.text-lighten-3 {color: #e6ee9c !important } .lime.lighten-2 {background-color: #dce775 !important } .lime-text.text-lighten-2 {color: #dce775 !important } .lime.lighten-1 {background-color: #d4e157 !important } .lime-text.text-lighten-1 {color: #d4e157 !important } .lime.darken-1 {background-color: #c0ca33 !important } .lime-text.text-darken-1 {color: #c0ca33 !important } .lime.darken-2 {background-color: #afb42b !important } .lime-text.text-darken-2 {color: #afb42b !important } .lime.darken-3 {background-color: #9e9d24 !important } .lime-text.text-darken-3 {color: #9e9d24 !important } .lime.darken-4 {background-color: #827717 !important } .lime-text.text-darken-4 {color: #827717 !important } .lime.accent-1 {background-color: #f4ff81 !important } .lime-text.text-accent-1 {color: #f4ff81 !important } .lime.accent-2 {background-color: #eeff41 !important } .lime-text.text-accent-2 {color: #eeff41 !important } .lime.accent-3 {background-color: #c6ff00 !important } .lime-text.text-accent-3 {color: #c6ff00 !important } .lime.accent-4 {background-color: #aeea00 !important } .lime-text.text-accent-4 {color: #aeea00 !important } .yellow {background-color: #ffeb3b !important } .yellow-text {color: #ffeb3b !important } .yellow.lighten-5 {background-color: #fffde7 !important } .yellow-text.text-lighten-5 {color: #fffde7 !important } .yellow.lighten-4 {background-color: #fff9c4 !important } .yellow-text.text-lighten-4 {color: #fff9c4 !important } .yellow.lighten-3 {background-color: #fff59d !important } .yellow-text.text-lighten-3 {color: #fff59d !important } .yellow.lighten-2 {background-color: #fff176 !important } .yellow-text.text-lighten-2 {color: #fff176 !important } .yellow.lighten-1 {background-color: #ffee58 !important } .yellow-text.text-lighten-1 {color: #ffee58 !important } .yellow.darken-1 {background-color: #fdd835 !important } .yellow-text.text-darken-1 {color: #fdd835 !important } .yellow.darken-2 {background-color: #fbc02d !important } .yellow-text.text-darken-2 {color: #fbc02d !important } .yellow.darken-3 {background-color: #f9a825 !important } .yellow-text.text-darken-3 {color: #f9a825 !important } .yellow.darken-4 {background-color: #f57f17 !important } .yellow-text.text-darken-4 {color: #f57f17 !important } .yellow.accent-1 {background-color: #ffff8d !important } .yellow-text.text-accent-1 {color: #ffff8d !important } .yellow.accent-2 {background-color: #ff0 !important } .yellow-text.text-accent-2 {color: #ff0 !important } .yellow.accent-3 {background-color: #ffea00 !important } .yellow-text.text-accent-3 {color: #ffea00 !important } .yellow.accent-4 {background-color: #ffd600 !important } .yellow-text.text-accent-4 {color: #ffd600 !important } .amber {background-color: #ffc107 !important } .amber-text {color: #ffc107 !important } .amber.lighten-5 {background-color: #fff8e1 !important } .amber-text.text-lighten-5 {color: #fff8e1 !important } .amber.lighten-4 {background-color: #ffecb3 !important } .amber-text.text-lighten-4 {color: #ffecb3 !important } .amber.lighten-3 {background-color: #ffe082 !important } .amber-text.text-lighten-3 {color: #ffe082 !important } .amber.lighten-2 {background-color: #ffd54f !important } .amber-text.text-lighten-2 {color: #ffd54f !important } .amber.lighten-1 {background-color: #ffca28 !important } .amber-text.text-lighten-1 {color: #ffca28 !important } .amber.darken-1 {background-color: #ffb300 !important } .amber-text.text-darken-1 {color: #ffb300 !important } .amber.darken-2 {background-color: #ffa000 !important } .amber-text.text-darken-2 {color: #ffa000 !important } .amber.darken-3 {background-color: #ff8f00 !important } .amber-text.text-darken-3 {color: #ff8f00 !important } .amber.darken-4 {background-color: #ff6f00 !important } .amber-text.text-darken-4 {color: #ff6f00 !important } .amber.accent-1 {background-color: #ffe57f !important } .amber-text.text-accent-1 {color: #ffe57f !important } .amber.accent-2 {background-color: #ffd740 !important } .amber-text.text-accent-2 {color: #ffd740 !important } .amber.accent-3 {background-color: #ffc400 !important } .amber-text.text-accent-3 {color: #ffc400 !important } .amber.accent-4 {background-color: #ffab00 !important } .amber-text.text-accent-4 {color: #ffab00 !important } .orange {background-color: #ff9800 !important } .orange-text {color: #ff9800 !important } .orange.lighten-5 {background-color: #fff3e0 !important } .orange-text.text-lighten-5 {color: #fff3e0 !important } .orange.lighten-4 {background-color: #ffe0b2 !important } .orange-text.text-lighten-4 {color: #ffe0b2 !important } .orange.lighten-3 {background-color: #ffcc80 !important } .orange-text.text-lighten-3 {color: #ffcc80 !important } .orange.lighten-2 {background-color: #ffb74d !important } .orange-text.text-lighten-2 {color: #ffb74d !important } .orange.lighten-1 {background-color: #ffa726 !important } .orange-text.text-lighten-1 {color: #ffa726 !important } .orange.darken-1 {background-color: #fb8c00 !important } .orange-text.text-darken-1 {color: #fb8c00 !important } .orange.darken-2 {background-color: #f57c00 !important } .orange-text.text-darken-2 {color: #f57c00 !important } .orange.darken-3 {background-color: #ef6c00 !important } .orange-text.text-darken-3 {color: #ef6c00 !important } .orange.darken-4 {background-color: #e65100 !important } .orange-text.text-darken-4 {color: #e65100 !important } .orange.accent-1 {background-color: #ffd180 !important } .orange-text.text-accent-1 {color: #ffd180 !important } .orange.accent-2 {background-color: #ffab40 !important } .orange-text.text-accent-2 {color: #ffab40 !important } .orange.accent-3 {background-color: #ff9100 !important } .orange-text.text-accent-3 {color: #ff9100 !important } .orange.accent-4 {background-color: #ff6d00 !important } .orange-text.text-accent-4 {color: #ff6d00 !important } .deep-orange {background-color: #ff5722 !important } .deep-orange-text {color: #ff5722 !important } .deep-orange.lighten-5 {background-color: #fbe9e7 !important } .deep-orange-text.text-lighten-5 {color: #fbe9e7 !important } .deep-orange.lighten-4 {background-color: #ffccbc !important } .deep-orange-text.text-lighten-4 {color: #ffccbc !important } .deep-orange.lighten-3 {background-color: #ffab91 !important } .deep-orange-text.text-lighten-3 {color: #ffab91 !important } .deep-orange.lighten-2 {background-color: #ff8a65 !important } .deep-orange-text.text-lighten-2 {color: #ff8a65 !important } .deep-orange.lighten-1 {background-color: #ff7043 !important } .deep-orange-text.text-lighten-1 {color: #ff7043 !important } .deep-orange.darken-1 {background-color: #f4511e !important } .deep-orange-text.text-darken-1 {color: #f4511e !important } .deep-orange.darken-2 {background-color: #e64a19 !important } .deep-orange-text.text-darken-2 {color: #e64a19 !important } .deep-orange.darken-3 {background-color: #d84315 !important } .deep-orange-text.text-darken-3 {color: #d84315 !important } .deep-orange.darken-4 {background-color: #bf360c !important } .deep-orange-text.text-darken-4 {color: #bf360c !important } .deep-orange.accent-1 {background-color: #ff9e80 !important } .deep-orange-text.text-accent-1 {color: #ff9e80 !important } .deep-orange.accent-2 {background-color: #ff6e40 !important } .deep-orange-text.text-accent-2 {color: #ff6e40 !important } .deep-orange.accent-3 {background-color: #ff3d00 !important } .deep-orange-text.text-accent-3 {color: #ff3d00 !important } .deep-orange.accent-4 {background-color: #dd2c00 !important } .deep-orange-text.text-accent-4 {color: #dd2c00 !important } .brown {background-color: #795548 !important } .brown-text {color: #795548 !important } .brown.lighten-5 {background-color: #efebe9 !important } .brown-text.text-lighten-5 {color: #efebe9 !important } .brown.lighten-4 {background-color: #d7ccc8 !important } .brown-text.text-lighten-4 {color: #d7ccc8 !important } .brown.lighten-3 {background-color: #bcaaa4 !important } .brown-text.text-lighten-3 {color: #bcaaa4 !important } .brown.lighten-2 {background-color: #a1887f !important } .brown-text.text-lighten-2 {color: #a1887f !important } .brown.lighten-1 {background-color: #8d6e63 !important } .brown-text.text-lighten-1 {color: #8d6e63 !important } .brown.darken-1 {background-color: #6d4c41 !important } .brown-text.text-darken-1 {color: #6d4c41 !important } .brown.darken-2 {background-color: #5d4037 !important } .brown-text.text-darken-2 {color: #5d4037 !important } .brown.darken-3 {background-color: #4e342e !important } .brown-text.text-darken-3 {color: #4e342e !important } .brown.darken-4 {background-color: #3e2723 !important } .brown-text.text-darken-4 {color: #3e2723 !important } .blue-grey {background-color: #607d8b !important } .blue-grey-text {color: #607d8b !important } .blue-grey.lighten-5 {background-color: #eceff1 !important } .blue-grey-text.text-lighten-5 {color: #eceff1 !important } .blue-grey.lighten-4 {background-color: #cfd8dc !important } .blue-grey-text.text-lighten-4 {color: #cfd8dc !important } .blue-grey.lighten-3 {background-color: #b0bec5 !important } .blue-grey-text.text-lighten-3 {color: #b0bec5 !important } .blue-grey.lighten-2 {background-color: #90a4ae !important } .blue-grey-text.text-lighten-2 {color: #90a4ae !important } .blue-grey.lighten-1 {background-color: #78909c !important } .blue-grey-text.text-lighten-1 {color: #78909c !important } .blue-grey.darken-1 {background-color: #546e7a !important } .blue-grey-text.text-darken-1 {color: #546e7a !important } .blue-grey.darken-2 {background-color: #455a64 !important } .blue-grey-text.text-darken-2 {color: #455a64 !important } .blue-grey.darken-3 {background-color: #37474f !important } .blue-grey-text.text-darken-3 {color: #37474f !important } .blue-grey.darken-4 {background-color: #263238 !important } .blue-grey-text.text-darken-4 {color: #263238 !important } .grey {background-color: #9e9e9e !important } .grey-text {color: #9e9e9e !important } .grey.lighten-5 {background-color: #fafafa !important } .grey-text.text-lighten-5 {color: #fafafa !important } .grey.lighten-4 {background-color: #f5f5f5 !important } .grey-text.text-lighten-4 {color: #f5f5f5 !important } .grey.lighten-3 {background-color: #eee !important } .grey-text.text-lighten-3 {color: #eee !important } .grey.lighten-2 {background-color: #e0e0e0 !important } .grey-text.text-lighten-2 {color: #e0e0e0 !important } .grey.lighten-1 {background-color: #bdbdbd !important } .grey-text.text-lighten-1 {color: #bdbdbd !important } .grey.darken-1 {background-color: #757575 !important } .grey-text.text-darken-1 {color: #757575 !important } .grey.darken-2 {background-color: #616161 !important } .grey-text.text-darken-2 {color: #616161 !important } .grey.darken-3 {background-color: #424242 !important } .grey-text.text-darken-3 {color: #424242 !important } .grey.darken-4 {background-color: #212121 !important } .grey-text.text-darken-4 {color: #212121 !important } .shades.black {background-color: #000 !important } .shades-text.text-black {color: #000 !important } .shades.white {background-color: #fff !important } .shades-text.text-white {color: #fff !important } .shades.transparent {background-color: transparent !important } .shades-text.text-transparent {color: transparent !important } .black {background-color: #000 !important } .black-text {color: #000 !important } .white {background-color: #fff !important } .white-text {color: #fff !important } .transparent {background-color: transparent !important } .transparent-text {color: transparent !important }
.clearfix:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.fsi {font-style: italic;}
.mb0 {margin-bottom: 0 !important;}
.mb30 {margin-bottom: 30px !important;}
.tdu {text-decoration: underline;}
.tac {text-align: center !important;}
.row .tac {text-align: center !important;}
.fz15 {font-size: 15px;}
caption, legend {text-indent: -9999px; position: absolute; visibility: hidden;}
hr {border: 1px solid #e0e0e0;}
.icon-c {vertical-align: middle;margin-right: 10px;margin-bottom: 0 !important;}

#wrap {margin: 0 auto;}

/* HEADER */
#header {position: relative;height: 110px;z-index: 1;background: #fff;max-width: 1400px;margin: 0 auto;}
.owl-theme .owl-dots .owl-dot span {width: 12px;height: 12px;margin: 7px;display: block;-webkit-backface-visibility: visible;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;background: #fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {border: 2px solid #fff;background-color: transparent;}
.main_cont h2:before {content:'';display: block;width: 4px;height: 56px;background: #d02323;position: absolute;left: 25.5%;top: -3px;}
.main_cont h2 {text-transform: uppercase;font-size: 50px;color: #242424;font-weight: 400;letter-spacing: -1px;margin: 98px auto 57px;text-align: center;position: relative;}
.main_cont h2:after {content:'';display: block;width: 4px;height: 56px;background: #d02323;position: absolute;right: 25.5%;top: -3px;}
.main_cont.top h2:before, .main_cont.top h2:after {background: #61508C;}
.main_cont.top h2 span {color: #61508C;font-weight: 700;}

.main_cont .ceo{margin-top: 4rem;}
.main_cont .ceo img{height: 280px;}
.main_cont .ceo p, .main_cont ul li p {font-size: 28px;color: #242424;letter-spacing: -1px;font-weight: 600;line-height: 38px;}
.main_cont .ceo p {margin-top: 50px;}
.main_cont .ceo .tit{font-size: 20px;color: #242424;text-transform: uppercase;margin-bottom: 40px;}
.main_cont .ceo .tit:after {content: '';display: inline-block;width: 70%;height: 1px;background: #61508C;float: right;margin-top: 9px;}
.main_cont .ceo div:first-child {float: left;width: 56%;}
.main_cont .ceo div:last-child {float: right;width: 42%;}

.main_cont .list4-1 li {width: 23.57142857142857%; float: left; margin-right: 1.9%;margin-bottom: 80px;position: relative;}
.main_cont .list4-1 .tit{border-bottom: 1px solid #727272;line-height: 1.2;padding-bottom: 3px;margin: 20px 12% 0 0;display: inline-block;}
.main_cont .list4-1 li p{margin-top: 10px;}
.main_cont .list4-1 li img{height: 200px; width: 100%;}
.main_cont .list4-1 li:nth-child(4n) {margin-right: 0;}

.main_cont.bottom2 h2 span {color: #BD9040; font-weight: 700;}
.main_cont.bottom2 h2:before, .main_cont.bottom2 h2:after {background: #BD9040;}

.main_cont .list5 li {width: 18.75%; float: left; margin-right: 1.5%; margin-bottom: 80px; position: relative;}
.main_cont .list5 .tit{margin: 20px 0;display: inline-block;}
.main_cont .list5 li p{margin-top: 10px;}
.main_cont .list5 li:nth-child(5n) {margin-right: 0;}
.main_cont .list5 li .tit {position: absolute;left: 5%;top: 63%;}
.main_cont .list5 li p {position: absolute;left: 5%;top: 75%;line-height: 1.15;}

.infos{line-height: 20px;}

.main_cont.middle h2:before, .main_cont.middle h2:after {background: #BB6F4A;}
.main_cont.middle h2 span {color: #BB6F4A;font-weight: 700;}
.main_cont.bottom h2:before, .main_cont.bottom h2:after {background: #318ba5;}
.main_cont.bottom h2 span {color: #318ba5;font-weight: 700;}
.main_cont .list3 li {width: 30.71428571428571%;float: left;margin-right: 3.928571428571429%;}
.main_cont .list3 li:last-child {margin-right: 0;}
.main_cont ul li a {display: block;}
.main_cont.middle .top p, .main_cont ul li p {font-size: 28px;color: #242424;letter-spacing: -1px;font-weight: 600;line-height: 38px;}
.main_cont.middle .top p {margin-top: 50px;}
.main_cont.middle .top .tit, .main_cont ul li .tit {font-size: 20px;color: #242424;text-transform: uppercase;margin-bottom: 40px;}
.main_cont.middle .top .tit:after {content: '';display: inline-block;width: 86%;height: 1px;background: #5db150;float: right;margin-top: 9px;}
.main_cont.middle .top div:first-child {float: left;width: 42.21428571428571%;}
.main_cont.middle .top div:last-child {float: right;width: 56.5%;}
.list2, .main_cont.middle .top, .list3 {margin-bottom: 95px;}
.main_cont .list2 li {width: 47.85714285714286%;float: left;margin-right: 4.285714285714286%;}
.main_cont .list2 li:last-child {margin-right: 0;}

.main_cont.middle .list3 li img{height: 300px;}

.main_cont .list2 .tit {border-bottom: 1px solid #727272;line-height: 2;padding-bottom: 3px;margin: 20px 12% 0 0;display: inline-block;float: left;}
.main_cont .list3 .tit {border-bottom: 1px solid #727272;line-height: 2;padding-bottom: 3px;margin: 20px 12% 0 0;display: inline-block;}
.main_cont .list2 p, .main_cont .list3 p {margin: 22px 0 0 0;}
.main_cont .list2 li a:hover p {color: #a06010;}
.main_cont .list4 li {width: 23.57142857142857%;float: left;margin-right: 1.9051%;margin-bottom: 80px;position: relative;}


.main_cont .list4 li:nth-child(4n) {margin-right: 0;}
.main_cont .list4 li .tit {position: absolute;left: 11.17647058823529%;top: 71%;}
.main_cont .list4 li p {position: absolute;left: 11.17647058823529%;top: 79%;line-height: 1.3;}
.main_cont.middle .list2 li a:hover p {color: #242424;}
.main_cont.bottom ul li .tit {font-size: 20px;color: #242424;}
.main_cont.bottom ul li p {font-size: 28px;color: #242424;font-weight: 600;}
.slidewrap {max-width: 1400px;margin: 0 auto;text-align: center;position: relative;}
.sidenav {height: 96%;width: 100%;position: fixed;z-index: 1000;overflow: auto;margin: auto;text-align: center;overflow: hidden;display: none;}
.sidenav .btn-close {font-size: 25px;color: #000;position: absolute;right: 0;top: -33px;}
.sidenav .btn-close img {margin-right: 17px;vertical-align: top;}
.overlay {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(247,241,234,0.8);z-index: 15;}
.download {width: 458px;margin: auto;}
.download a {display: block;background: #f2f5f7;overflow: hidden;padding: 13px 30px 10px;}
.download .img {float: left;}
.download p {color: #242424;font-size: 24px;font-weight: 600;text-align: center;padding-top: 20px;float: left;margin-left: 30px;line-height: 125%;}
.download p span {font-weight: 300;}
.gnb .listwrap {clear: both;padding-top: 35px;}
.gnb .listwrap .depth {float: left;font-size: 24px;color: #000;border-top: 4px solid #61508C;width: 29%;clear: both;padding: 10px;}
.gnb .listwrap .depth span {margin-top: 5px;}
.gnb .listwrap .depth .d1 {color: #61508C;font-weight: 700;display: block;}
.gnb .listwrap .depth .d2 {color: #BB6F4A;font-weight: 700;display: block;}
.gnb .listwrap .depth .d3 {color: #318ba5;font-weight: 700;display: block;}
.gnb .listwrap .depth .d4 {color: #BD9040;font-weight: 700;display: block;}

.gnb .listwrap .li {float: right;width: 68%;}
.gnb .listwrap .li a {font-size: 1.2rem;color: #000;float: left;width: 24%;margin-bottom: 25px;margin-right: 1%;letter-spacing: -1px; line-height: 1.5rem;}
.gnb .listwrap .li a:hover {text-decoration: underline;}

/* .gnb .listwrap .li.font li a {font-size: 18px;} */
.gnb .listwrap .li {border-top: 1px solid #000;overflow: hidden;padding: 20px 20px;text-align: left;}
.gnb-button {position: absolute;z-index: 200;margin-top: 33px;cursor: pointer;}
.gnb-button .icon-bar {display: block;width: 22px;height: 2px;margin-bottom: 5px;background: #363636;}
.logo {position: absolute;width: 100%;text-align: center;margin-top: 20px;margin-left: 14px;}
.gnb .logo {position: relative;width: 50%;text-align: left;margin-top: 0;float: left;}
.logo div {display: inline-block;text-align: left;line-height: 1.2;margin-left: 10px;}
.logo .t1 {font-weight: 300;font-size: 12px;display: inline-block;letter-spacing: 3px;}
.logo .t2 {display: inline-block;color: #4c4c4c;font-size: 16px;font-weight: 700;}
.logo .t3 {color: #8c75c5; font-weight: 600; letter-spacing: -.5px;}
.gnb-icon {float: left;padding: 13px 10px 8px;border: 0px solid #eee;}
.gnb-depth {border-bottom: 1px solid #434242;}
.gnb-list {padding: 20px 40px;text-indent: 80px;}
.gnb-tit {font-size: 24px !important;padding: 20px 40px;cursor: default;}
.gnb-tit:hover {font-weight: normal !important;text-decoration: none !important;}
.tit-over {text-decoration: none;color: #ffde00 !important;}
.gnb {background: #fff;max-width: 1140px;margin: 60px auto 0;position: relative;padding: 40px 60px;}
.icon-r {margin-top: -5px;margin-left: -5px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.icon-r .icon-bar {margin-bottom: 8px;}

/* CONTAINER */
.main-top {overflow: hidden;width: 100%;}
.main-top .left {float: left;width: 100%;}
.main-top .movie {width: 100%;}
.main-wrap {line-height: 0;}
.main-wrap img {width: 100%;}

/* main_slide */
#slide_wrap {position: relative;}
#slide_wrap.left {width: 100%;}
.owl-theme .owl-nav.disabled + .owl-dots {position: absolute;bottom: 45px;width: 100%;text-align: center;}
.main-top .movie {position: relative;padding: 55.9% 0 0;}
.main-top .movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slidewrap .txt {position: absolute;width: 100%;left: 0;z-index: 100;top: 25%;color: #fff;}
.slidewrap .txt span {font-weight: 200;display: inline-block;line-height: 1.5;font-size: 43px;}
.slidewrap .txt h2 {font-size: 26px;font-weight: 400;border-bottom: 1px solid #fff;display: inline-block;line-height: 1.5;margin-bottom: 35px;}
.slidewrap .txt p {font-size: 48px;font-weight: 600;letter-spacing: -1px;margin-bottom: 4%;}
.slidewrap .txt .btn-link {font-size: 18px;border: 1px solid #fff;border-radius: 20px;padding: 0.5% 2% 0.5% 2%; margin-left: 20px;}



.slide-img {display: inline-block; height: 520px; background-size: cover; width: 100%; max-width: 1400px;}


/* FOOTER */
#footer_wrap {position: relative;background: #eeeeee;}
#footer {overflow: hidden;margin: 0 auto;padding: 22px 0;max-width: 1400px;}
#footer p {float: left;margin: 6px 76px 0 114px;}
#footer address {font-style: normal;line-height: 20px;float: left;font-size: 14px;}
#footer #f_logo {width: 71px;margin: 0 auto;}
#footer #ft_wrap {margin: 14px 10px;text-align: center;}
#footer #ft_wrap address {font-size: 12px;color: #5b5b5b;}
#footer #ft_wrap #copyright {font-size: 12px;color: #5b5b5b;}
.ff_list {display: none;}

/* SCROLLTOP */
#scrolltop {
    position: fixed;
    z-index: 10000;
    right: 10px;
    bottom: -52px;
    display: none;
    width: 37px;
    height: 45px;
/*    background: url('../img/top.png') 0 0 no-repeat;*/
}

#scrolltop a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

.brr {display: block;}
.main-top .movie .movie_1 {position: absolute;width: 49%;}
.main-top .movie .movie_2 {position: absolute;width: 49%;right: 0;left: inherit;}
.survey input {vertical-align: middle;}
.main_cont.top img, .main_cont.middle img, .main_cont.bottom img {width: 100%; height: 320px;transition: all 0.3s ease-in-out;}
.main_cont.top a:hover img, .main_cont.middle .top a:hover img, .main_cont.middle li a:hover img, .main_cont.bottom li a:hover img {transform: scale(1.05,1.05);}
.main_cont.bottom img {height: 240px;}
.main_cont.bottom2 img {height: 240px; width: 100%;}

/* Mobile ModalWindow */
#glayLayer {display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000; filter:alpha(opacity=75); opacity:0.75; z-index: 20000;}
*html #glayLayer {position:absolute;}

@media (max-width:1024px) {
	.gnb-button {margin-left: 0px;}
	.social {margin-right: 12px;}
	.sidenav {height: 100%;}
}

@media only screen and (max-width: 768px) {
  body{padding: 1rem;}
	#header {height: 90px;}
	.gnb-button {margin-top: 25px;}
	.logo img {width: 70px;}
	.logo div {margin-left: 7px;}
	.logo .t1 {font-size: 10px;}
	.logo .t2 {font-size: 14px;}
	.main_cont h2 {font-size: 28px;margin: 30px auto;}
	.main_cont.top h2:before, .main_cont.top h2:after, .main_cont h2:before, .main_cont h2:after {display: none;}
	#footer {text-align: center;}
    #footer p {float: none;margin: 0 0 15px 0;}
    #footer address {float: none;}
	#contents {padding: 0;}
	.main_cont .list4 li {width: 47.96296296296296%;margin-right: 3.888888888888889%;margin-bottom: 15px;position: relative;}
	.main_cont .list4 li:nth-child(2n) {margin-right: 0;}
	.gnb {width: 92%;padding: 5% 3%;margin: 15% auto 0;}
	.gnb .logo {float: none;text-align: center;width: 100%;}
	.gnb .listwrap {padding-top: 20px;}
	.gnb .listwrap .depth {font-size: 24px;width: 22%;}
	.gnb .listwrap .li a {font-size: 18px;width: 49%;margin-bottom: 18px;}
	.gnb .listwrap .li {padding: 20px 5px;}
	.download {width: 50%;}
	.download p {font-size: 17px;margin-left: 18px;}
	.download .img img {width: 80px;}
	.download a {padding: 5% 2% 5% 5%;}
	.main_cont .list4 li .tit, .main_cont .list4 li p {left: 5%;}
	.main_cont .list4 li .tit {top: 69%;}
	.main_cont .list4 li p {top: 77%;}
	.main_cont.middle .top p, .main_cont ul li p {font-size: 25px;line-height: 1.2;}
	.main_cont .list3 .tit, .main_cont .list2 .tit, .main_cont.middle .list3 .tit {margin: 0;float: none;padding-bottom: 0;}
	.main_cont .list2 p, .main_cont .list3 p {margin: 15px 0 0 0;}
	.main_cont .list2 li, .main_cont .list3 li {width: 100%;float: none;margin-right: 0;margin-top: 30px;}
  .main_cont .list4 li, .main_cont .list5 li {width: 100%;float: none;margin-right: 0;margin-top: 30px;}
  .main_cont .list4-1 li {width: 100%;float: none;margin-right: 0;margin-top: 30px;}
  .main_cont .list4-1 li{margin-bottom: 0;}
  .main_cont .list5 li{margin-bottom: 0;}
  .main_cont .ceo div:first-child {width: 100%;}
  .main_cont .ceo div:last-child {width: 100%;}
    .main_cont .ceo p{line-height: 1rem;}
  .main_cont .ceo .tit-sub{display: none;}
  .social li img{width: 32px;}

	.list2, .main_cont.middle .top, .list3 {margin-bottom: 30px;}
	.list4 {margin-bottom: 15px;}
	.main_cont.middle .top div:first-child, .main_cont.middle .top div:last-child {float: none;width: 100%;}
	.main_cont.middle .top .tit:after {width: 82%;}
	.main_cont.middle .top p {margin: 20px 0;}
	.logo .t3 {font-size: 14px;}
	.slidewrap .txt {top: 17%;padding: 0 2%;}
	.slidewrap .txt h2 {margin-bottom: 2%;}
	.slidewrap .txt span {font-size: 30px;}
	.slidewrap .txt p {font-size: 38px;margin-bottom: 4%;}
	.slidewrap .txt .btn-link {font-size: 16px;}
	.owl-theme .owl-nav.disabled + .owl-dots {bottom: 5%;}
}

@media (max-width:414px) {
	.social {display: none;}
	.sidenav .btn-close {font-size: 20px;top: -25px;}
	.sidenav .btn-close img {width: 18px;margin-right: 5px;}
	.social li {margin: 0 0 0 10px !important;}
	.social li img {width: 40px;}
	.gnb .listwrap .depth {border-top: 2px solid #000;}
	.gnb {width: 92%;padding: 4% 3%;margin: 10% 0;}
	.gnb .logo {float: none;text-align: center;width: 100%;}
	.gnb .listwrap {padding-top: 10px;}
	.gnb .listwrap .depth {font-size: 16px;width: 30%;padding: 14px 4px;}
	.gnb .listwrap .li a {font-size: 14px;width: 49%;margin-bottom: 4px;}
	.gnb .listwrap .li.font li a {font-size: 14px;}
	.gnb .listwrap .li {padding: 10px 5px;}
	.download {width: 70%;}
	.download p {font-size: 14px;margin-left: 10px;line-height: 1.2;padding-top: 8px;float: none;}
	.download .img img {width: 50px;}
	.download a {padding: 5% 2% 5% 5%;}
	.main_cont.middle .top .tit, .main_cont ul li .tit {font-size: 13px;}
	.main_cont.middle .top p, .main_cont ul li p {font-size: 20px;}
	.main_cont.bottom ul li .tit {font-size: 18px;}
	.main_cont.bottom ul li p {font-size: 24px;}
	.slidewrap .txt {top: 25%;}
	.slidewrap .txt h2 {margin-bottom: 5%;font-size: 22px;}
	.slidewrap .txt span {font-size: 22px;}
	.slidewrap .txt p {font-size: 25px;margin-bottom: 14%;line-height: 1.3;-ms-word-break: keep-all;
	word-break: keep-all;}
	.slidewrap .txt .btn-link {font-size: 12px;background-image: none;padding: 0.5% 3% 0.5% 3%;}
	.owl-theme .owl-nav.disabled + .owl-dots {bottom: 8%;}
	.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 4px;}
	#footer p {float: none;margin: 0;text-align: center;}
	#footer {padding: 22px 10px; margin-top: 40px;}
	#footer address {text-align: center;float: none;margin-top: 20px;}
}

@media (max-width:320px) {
	.main_cont h2 {font-size: 25px;margin: 20px auto;}
	.main_cont .list2 li, .main_cont .list3 li, .list2, .main_cont.middle .top, .list3 {margin-top: 20px;}
	.list2, .main_cont.middle .top, .list3 {margin-bottom: 20px;}
	#contents {padding: 0 4%;}
	.logo {text-align: right;}
	.logo a {margin-right: 10px;}
	.main_cont.bottom ul li p {font-size: 13px;}
	.main_cont .list4 li .tit {top: 67%;}
	.main_cont .list4 li p {top: 75%;}
	.main_cont.middle .top p, .main_cont ul li p {font-size: 17px;}
	.slidewrap .txt .btn-link {display: none;}
	.gnb .listwrap .depth {font-size: 18px;}
	.gnb .listwrap .li a {font-size: 12px;margin-bottom: 8px;}
	.download p {font-size: 12px;padding-top: 5px;}
}