@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);
@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: -0.01em;
    color: inherit;
}

img {
    border: 0;
    vertical-align: top;
}

a {
    border: 0;
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

html,
body {}

body {
    font-family: 'RIDIBatang', 'NotoSansKR', 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Roboto', sans-serif;
    color: #676767;
    margin: 0 auto;
}

div {
    display: block;
}

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

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
    line-height: 1.25
}

b {
    letter-spacing: inherit;
    font-weight: 800;
}

.inner {
    width: 1200px;
    margin: auto;
    clear: both;
    position: relative;
}

.inner2 {
    width: 1400px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.c_logo {
    color: #8ccec6 !important
}

.c_main {
    color: #0095da !important
}

.c_sub {
    color: #4cc3b4 !important
}

.c_bold {
    color: #4b4846 !important
}

.c_sky {
    color: #a3d1f2 !important
}

.c_navy {
    color: #161270 !important
}

.c_darknavy {
    color: #132a4c !important;
}

.c_lightgray {
    color: #cccccc !important
}

.c_gray {
    color: #808080 !important
}

.c_red {
    color: #c70000 !important
}

.c_white {
    color: #fff !important
}

.c_black {
    color: #303030 !important
}

h1 {
    font-size: 50px;
    line-height: 1.15
}

h2 {
    font-size: 36px;
    line-height: 1.15;
    font-weight: 600;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
    line-height: 1.5
}

p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    color: inherit;
    word-break: keep-all
}

.fz43 {
    font-size: 43px;
}

.small {
    font-size: 15px;
}

.loose {
    letter-spacing: 0.08em;
}

.roboto {
    font-family: 'Roboto';
}

.roman {
    font-family: "Times New Roman", Times, serif !important;
}

.NnMj {
    font-family: 'Nanum Myeongjo', serif;
}

.myLt {
    font-family: 'MyLotteBold';
}

.thin {
    font-weight: 200;
}

.italic {
    font-style: italic;
}

span {
    color: inherit
}

.float {
    float: left;
}

.float_r {
    float: right
}

.center {
    text-align: center !important
}

.t_right {
    text-align: right;
}

hr {
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    border: 0;
}


/* 컬럼 설정 */

.col5 {
    width: 20%;
}

.col4 {
    width: 25%;
}

.col3 {
    width: 33.33%;
}

.half {
    width: 50% !important
}

.flex {
    display: flex;
}

.col {
    flex: 1;
}


/* 공통 */
#wrap {
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
    margin: auto;
    position: relative;
    height: 100%;
}

/* header */
a.logo {
    width: 233px;
    height: 54px;
    display: block;
    text-indent: -9999px;
    background-image: url(images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

a.logo_w {
    background-image: url(images/logo_w.png);
}

#header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 30;
    background: #fff;
    border-top: 2px solid #6e2c90;
}

#header .logo {
    margin: 22px auto 0px;
}


/* 공통 하단 */
#footer {
    width: 100%;
    height: 190px;
    padding: 50px 0;
    border-top: 1px solid #d0d0d0;
}

#footer .logo_b {
    float: left;
    display: block;
    margin-right: 50px;
}

#footer .inner .txt {
    float: left;
}

#footer .inner .txt span {
    font-size: 18px;
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
}


/* 메인 슬라이드 */
#main {
    width: 100%;
    min-width: 1200px;
    position: relative;
    display: inline-block;
    margin-top: 100px;
}

#main .section {
    width: 100%;
    display: block;
}


#main .main_slide {
    height: 898px !important;
}

#main .main_slide .slide1 {
    position: relative;
    width: 100%;
    height: 898px;
    background: url(images/slide1.jpg) center top no-repeat;
}

/* section1 */
#main #section1 {
    background: #fcf6ff;
    width: 100%;
    padding-bottom: 160px;
}

/* section2 */
#main #section2 {
    width: 100%;
    margin-top: -160px;
}

#main #section2 .inner {
    position: relative;
    z-index: 10;
}

#main #section2 img {
    display: block;
    width: 100%;
}

#main #section2 a {
    position: absolute;
    top: 0;
    right: 0;
    width: 599px;
    height: 300px;
    display: block;
    text-indent: -9999px;
}

/* section3 */
#main #section3 {
    position: relative;
    width: 100%;
    height: 800px;
    margin-top: -140px;
    background: url(images/section3_back.jpg) center top no-repeat;
}

#main #section3 .map {
    display: block;
    padding-top: 140px;
}

#main #section3 .root_daum_roughmap {
    position: absolute;
    top: 340px;
    left: 21px;
}

.root_daum_roughmap .wrap_controllers {
    display: none;
}