@charset "utf-8";

/* wrap */
.wrap {width:100%;}

/* container */
.container {width:1200px; margin:0 auto;}
/* .50container {width:600px;} */

/* header */
#header {position:relative; width:100%; height:100%;}
/* headerNav */
#header .headerNav {position:relative; display:flex; display:flex; justify-content:space-between; align-items:flex-start; /* align-items:center; */}
/* logo */
#header .headerNav .logo {display: flex; flex: 4; height: 90px; align-items: center; /* justify-content: flex-start; */ justify-content: space-between;}
#header .headerNav .logo a {display: block;
    text-indent: -9999px;
    width: 196px;
    height: 42px;
    background: url(../images/logo_intelights.svg) left center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: .3s all;
    background-size: contain;}

/* */

/* nav */
#header .headerNav .nav {display: flex; flex: 8; height: 90px; align-items: center; }
#header .headerNav .nav > ul {position:relative; display:flex; flex-direction: row; flex:3; text-align:center; z-index:1;}
#header .headerNav .nav > ul > li {position:relative;/* padding:8px 12px; */ flex:3; display:flex; justify-content: center; /* align-item: center; */
    display:block;
    height:90px;
    line-height:90px;
}
#header .headerNav .nav > ul > li > a {font-weight:700; display:block;}
#header .headerNav .nav > ul > li > i {display:none;}
#header .headerNav .nav > ul > li a:hover {color:#DF104A;}
#header .headerNav .nav > ul > li.active a {color:#DF104A;}
/* submenu */
#header .headerNav .nav > ul > li ul.submenu {display:none; position:absolute; left:0; /* top:40px; top:54px;*/  width:100%; /* height:42px;*/ background:#262626;  /*transition: .3s all;*/
    top:90px;
}
#header .headerNav .nav > ul > li ul.submenu li {/*flex:12;*/ border-bottom: 1px solid #757575; font-size:13px; background: #262626;
    height:38px;
    line-height:38px;
}
#header .headerNav .nav > ul > li ul.submenu li a {color:#bbb; padding:10px; font-weight:400; line-height:2.8;}
#header .headerNav .nav > ul > li ul.submenu li a:hover {color:#fff;}

/* m_nav_btn */
#header .headerNav button.m_nav_btn {display:none;}
#header .headerNav button.m_nav_btn a {display:none;}

/* title */
.mainTitle {height: 90px; display: flex; justify-content: center; align-items: center; background: #064090; position:relative;}
.mainTitle h1 {color: #fff; font-size: 36px; /* font-weight:500;*/ font-weight:400;}
.mainTitle .pageLink {position:absolute; display:flex; /* justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
	justify-content: center; */
    /* flex-direction: column; */

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* width: 100%;*/
    width:1200px;
}

.mainTitle .pageLink a {display:flex;  /*left: 10px; bottom: 2px;
    /*padding: 20px 19px;*/
    /*width: 92%;
    height: 100%;*/
    /*display: flex;*/

    /*top:0; */
    align-items: center;
    height: 90px;
    padding:20px;

}

.mainTitle .pageLink a.pre {}
.mainTitle .pageLink a.next {}

.mainTitle .pageLink a i {/* font-size:16px;*/ font-size:22px; color:#fff;}

/* footer S */
#footer { /* background: #282933; height: 323px; */ /* padding: 0 5.5% 2.5% 5.5%;*/ /* width: 100%; height:auto; padding: 1% 0 5.5%; */}
#footer .top_area .flogo {background:#F4F4F4; display: flex; align-items: center; justify-content: center;flex: 4; height: 90px;}
#footer .top_area .flogo a {display: block;
    text-indent: -9999px;
    width: 196px;
    height: 42px;
    background: url(../images/logo_intelights.svg) left center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: .3s all;
    background-size: contain;}
#footer .under_area {display: flex; align-items: center; justify-content: center;flex: 4; height: 52px;}
#footer .under_area p.copyright {/* color: #C4C4C4;*/ font-size: 12px; color: #B6B6B6;}
/* footer E */

/* ------ 반응형 ------ */

/* 1280 S */
@media (max-width: 1280px) {
    /* header */
    #header .headerNav .logo {/* margin: 0 1.5%; margin:0 20px; */}
    .container {padding:0 20px;}
}
/* 1280 E */

/* 1228 S */
@media (max-width: 1228px) {
}
/* 1228 E */

/* 1200 S */
@media (max-width: 1200px) {
}
/* 1200 E */

/* 1199 S */
@media (max-width: 1199px) {
    .mainTitle .pageLink {width: 900px;}
    .container {
        /* width:100%; */
        /* padding: 0 149.5px; */
        /* padding: 0 12.47%; */
        /* min-width: 900px; */
        /* max-width: 1199px; */
        width: 900px;
    }


    /* footer */
    #footer .top_area .flogo a { width:180px;}




}
/* 1199 E */



/* 1024 S */
@media (max-width: 1024px) {
}
/* 1024 E */

/* 960 S */
@media (max-width: 960px) {
}
/* 960 E */

/* 959 S */
@media (max-width: 959px) {
    .mainTitle .pageLink {width: 728px;}

    /* header */
    #header .headerNav {flex-direction: column; position: relative;}
    #header .headerNav .nav {display:none; align-items: flex-start; width: 100%; /* display:none;*/ /* display: flex;  flex: 8;height: 90px;align-items: center; *//*display:flex;height:unset;*/ flex:unset;  height:100%; /*align-items: unset;*/}

    /* #header .headerNav .nav > ul {flex-direction: column; align-items: center;}*/
    #header .headerNav .nav > ul {width:100%; flex:3; flex-direction: column; align-items: unset;}
    #header .headerNav .nav > ul > li {flex-direction: column;flex:3;}
    #header .headerNav .nav > ul > li ul.submenu {width:100%; /* display:unset; display:flex;*/ position:unset; flex-direction: column;left:unset;top:unset; display:none;}


    #header .headerNav .nav > ul > li {display:flex; background: #262626; border-bottom: 1px solid #757575; height: unset;
        line-height: 42px;}
    #header .headerNav .nav > ul > li > a {color: #fff; display: flex;   padding: 0 24px; justify-content: space-between;}
    #header .headerNav .nav > ul > li a:hover {/* color:unset; */ color:#DF104A;}
    #header .headerNav .nav > ul > li > i {display:block; color: #fff; display: flex; align-items: center; align-items: center; justify-content: center; /* z-index:0;*/ position: absolute;
        line-height: 1.8;
        width: 28px;
        cursor: pointer;
        right: 7px; top:7px;
    }

    #header .headerNav .nav > ul > li ul.submenu li {	flex:unset;
        border-bottom: 1px solid #757575;
        font-size: 13px;
        background: #262626;
        height: 38px;
        line-height: 38px;
        /* flex: 1; */border-bottom: 1px solid #ccc; background: #fff;     display: flex;
        padding: 0 6%;
        align-items: center;}
    #header .headerNav .nav > ul > li ul.submenu li a {color: #282933; display: flex; width: 100%;}
    #header .headerNav .nav > ul > li ul.submenu li a:hover {
        color: #064090;
        font-weight: 600;}

    /* m_nav_btn */
    #header .headerNav button.m_nav_btn {position: absolute; right: 0; top: 35px; /* display:block;*/ height: 20px; display: flex; align-items: flex-start;}
    #header .headerNav button.m_nav_btn a {
        display: block;
        position: relative;
        text-indent: -9999px;
        height: 5px;
        width: 28px;
        transition: .3s all;
        background: #064090;
    }
    #header .headerNav button.m_nav_btn a:before, #header .headerNav button.m_nav_btn a:after {display:block;  /*height:2px; width:16px;*/ content:''; position:absolute; background: #064090;     height: 5px;
        width: 28px;}
    #header .headerNav button.m_nav_btn a:before {left:0; top:8px; }
    #header .headerNav button.m_nav_btn a:after {left:0; top:16px;}

    /* logo */
    #header .headerNav .logo {}
    #header .headerNav .logo a {height: 90px;}

    /*
        .headerNav .nav_inner .m_area .top_area button.m_nav_btn {float:right; display:block; height:25px; width:22px; padding-bottom:2%; padding-top:1% 0.5% 2%; margin-right:-0.5%;}
        .headerNav .nav_inner .m_area .top_area button.m_nav_btn a {
            display: block;
            position: relative;
            text-indent: -9999px;
            height: 2px;
            width: 16px;
            transition: .3s all;
            background: #fff;
        }

        .headerNav .nav_inner .m_area .top_area button.m_nav_btn a:before, .headerNav .nav_inner .m_area button.m_nav_btn a:after {display:block; background:#454a4f; height:2px; width:16px; content:''; position:absolute; background: #fff;}
        .headerNav .nav_inner .m_area .top_area button.m_nav_btn a:before {left:0; top:5px; }
        .headerNav .nav_inner .m_area .top_area button.m_nav_btn a:after {left:0; top:10px;}
    */


}
/* 959 E */

/* 768 S */
@media (max-width: 768px) {
    .mainTitle .pageLink {width: 100%;}
}
/* 768 E */

/* 576 S */
@media (max-width: 576px) {

    #header .headerNav .logo {height:68px;}
    #header .headerNav .logo a {height: 68px; width: 131px;}
    #header .headerNav button.m_nav_btn {top: 23px;}

    .mainTitle {height:68px;}

    #footer .top_area .flogo {height: 68px;}
    #footer .top_area .flogo a{ width: 131px;}

}
/* 576 E */

/* 414 S */
@media (max-width: 414px) {
}
/* 414 E */

/* 375 S */
@media (max-width: 375px) {
}
/* 375 E */

/* 360 S */
@media (max-width: 360px) {
}
/* 360 E */

/* 320 S */
@media (max-width: 320px) {
}
/* 320 E */