html.show-modal { overflow: hidden; }
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration:none !important; color: #191919; }
img { vertical-align: top; }
body { background: rgb(255, 255, 255); font: 0.75em/1.5 "Noto Sans KR", "Malgun Gothic", dotum, sans-serif; color: #191919; font-size-adjust: none; font-stretch: normal; overflow: hidden; }
br { font-family: "Malgun Gothic", dotum, sans-serif; }
input[type=checkbox]{}
input[type=text]{}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #acacac !important; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #acacac !important; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #acacac !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #acacac !important; }
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder { color: #acacac !important; }
/* input { -webkit-appearance: none; -webkit-border-radius: 0; } */
.wide-wrap { width: 1700px; margin: 0 auto; clear: both; }
.inner-wrap{ width:1200px; margin:0 auto !important; clear:both; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.ellipsis-line1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line3 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line4 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line6 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.engFont { font-family: 'Roboto'; }
.img-center { position: relative; left: 50%; margin-left: -960px; width: 1920px; }
.flex { display: flex !important; }
.flex-center { justify-content: center; align-items: center; }
.flex-wrap { flex-wrap: wrap; }
.flex-ac { align-items: center; }
.flex-as { align-items: flex-start; }
.flex-ae { align-items: flex-end; }
.flex-js { justify-content: flex-start; }
.flex-je { justify-content: flex-end; }
.flex-jc { justify-content: center; }
.flex-jsb { justify-content: space-between; }
.flex-col { flex-direction: column; }
.flex-fix { flex: 0 0 auto; }
.none { display: none !important; }
.youtube_frame { width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.youtube_frame iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.btn_submit { background: #0e76bc !important; }
#login_password_lost { color: #0e76bc !important; }

.fw100 { font-weight: 100 !important; } /* thin */
.fw300 { font-weight: 300 !important; } /* light */
.fw400 { font-weight: 400 !important; } /* legular */
.fw500 { font-weight: 500 !important; } /* medium */
.fw700 { font-weight: 700 !important; } /* bold */
.fw900 { font-weight: 900 !important; } /* black */
.lh10 { line-height: 1 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2.0 !important; }
.lt40 { letter-spacing: 4px !important; }
.lt30m { letter-spacing: -3px !important; }
.lt20m { letter-spacing: -2px !important; }
.lt10m { letter-spacing: -1px !important; }
.lt07m { letter-spacing: -0.7px !important; }
.lt06m { letter-spacing: -0.6px !important; }

.fc-fff { color: #fff !important; }
.fc-222 { color: #222 !important; }
.fc-d2bb9d { color: #d2bb9d !important; }
.fc-392612 { color: #392612 !important; }
.fc-bc9666 { color: #bc9666 !important; }
.fc-434343 { color: #434343 !important; }
.fc-c5b6a6 { color: #c5b6a6 !important; }
.fc-ffd7a4 { color: #ffd7a4 !important; }
.fc-dadada { color: #dadada !important; }
.fc-ff3939 { color: #ff3939 !important; }
.bgc-fff { background: #fff !important; }
.bgc-c3c3c3 { background: #c3c3c3 !important; }
.bgc-b1aea9 { background: #b1aea9 !important; }
.ff-nm { font-family: 'Nanum Myeongjo', serif; }

.keepAll { word-break: keep-all; }
.tac { text-align: center; }
.mgAuto { margin-left: auto; margin-right: auto; }

.scrollActive {}
.scrollActive .childActive { opacity: 0; transition: all .7s ease-in-out; }
.scrollActive.active .childActive.stay { opacity: 0; }

.scrollActive .childActive.right,
.scrollActive.active .childActive.right.stay { transform: translateX(100px); }

.scrollActive .childActive.left,
.scrollActive.active .childActive.left.stay { transform: translateX(-100px); }

.scrollActive .childActive.top,
.scrollActive.active .childActive.top.stay { transform: translateY(-100px); }

.scrollActive .childActive.bottom,
.scrollActive.active .childActive.bottom.stay { transform: translateY(100px); }

.scrollActive.active .childActive { opacity: 1; transform: translate(0,0); }

html, body {}
#wrap { width: 100%; min-width: 1160px; max-width: 1920px; margin: 0 auto; }
body, #wrap { overflow: hidden; }
html.scroll { overflow: hidden; }

#header { width: 100%; position: fixed; left: 0; top: 0; z-index: 99; border-bottom: 1px solid rgba(255,255,255,1);transition: all 0.7s ease-out; transition-delay: 0.2s; }
#header.scroll { background: #fff; }

#header > .inner-wrap { height: 85px; }
#header > .inner-wrap > p.logo { width: 317px; height: 45px; background: url('../image/logo.png'); transition: all 0.7s ease-out; transition-delay: 0.2s; background-size:100%;}
#header.scroll > .inner-wrap > p.logo { background: url('../image/logo-on.png') center/100% no-repeat; }
#header > .inner-wrap > p.logo > a { width: 100%; height: 100%; display: block; }

#header > .inner-wrap > div {}
#header > .inner-wrap > div > ul { font-size: 18px; font-weight: 400; }
#header > .inner-wrap > div > ul > li { margin-left: 45px; }
#header > .inner-wrap > div > ul > li > a { color: #fff; transition: all 0.7s ease-out; transition-delay: 0.2s; }
#header.scroll > .inner-wrap > div > ul > li > a { color: #222; }

#footer { padding: 65px 0; background: #55514c; font-size: 16px; color: #fff; }


.pop-layer .pop-container { padding: 20px 25px; }
.pop-layer p.title {border-bottom: 1px solid #ddd;	font-weight: bold;margin-bottom: 10px;font-size: 14px;text-align: center;}
.pop-layer pre.ctxt { color: #666; line-height: 1.5; height: 200px; white-space: pre-wrap; overflow-x: hidden; padding: 10px; text-align: justify; font-size: 12px;}
.pop-layer .btn-r {  width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right;}
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; background-color: #fff; border: 5px solid #000; z-index: 10;}
.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer .dimBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer { display: block;}
a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #000; background-color: #000; font-size: 13px; color: #fff; line-height: 27px;}
a.btn-layerClose:hover { border: 1px solid #091940; background-color: #000; color: #fff;}



/* kefu */
.fix-bottom{position: fixed;max-width: 100px;right: 0;bottom: 45%;padding: 10px;z-index: 1110;text-align: center;}
.fix-bottom {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.centered-links {
    display: flex;
    justify-content: center;
}

.right-link .opmain-link {
    display: block;
    font-size: 22px;
    font-weight: bold;
    animation: switch 1.5s ease-out infinite;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none; 
    background: #7776d4;
    color: #000;
    line-height: 1.5em;
}


.fix-bottom img{width: 70px;display: inline-block;}
.fix-bottom span{display: inline-block;}
 @keyframes switch {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        50% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
}
@media screen and (max-width: 960px){
	.fix-bottom a{padding: 10px;}
	.fix-bottom a{font-size: 18px;}
	.fix-bottom img{width: 40px;}
	.one-title{font-size: 18px;}
	.one-text{font-size: 14px;line-height: 25px;}
	.right-link .opmain-link {font-size:16px;}
}