@charset "utf-8";

html {overflow-y:scroll;  margin: 0; padding: 0; overflow-x: hidden;}
body {
    font-smoot: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
body {margin:0;padding:0;font-size:15px;color:#1e1e1e;font-family:'Noto Sans KR', sans-serif;background:#ffffff; font-style: normal;  letter-spacing: -0.3pt;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6,input,select, textarea{font-size:15px;font-family:'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{text-decoration: none; color: #1e1e1e;}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and ( max-width: 575px ) {
}
@media screen and ( max-width: 480px ) {
}

.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}

/**** main ****/
/* mvisual */
#mvisual{width: 100%; height:600px; padding-top:90px; background:url("../img/main/mvisual_bg.jpg") top center no-repeat; transition: all 0.5s; position: relative;}
#mvisual .bt_pdf{position: absolute; width: 30%; background: #ffffff; line-height: 110px; padding-left: 70px; font-size: 23px; right: 0; bottom:0; display: inline-block; font-weight: 700; vertical-align: middle; transition: all 0.5s;}
#mvisual .bt_pdf img{margin-left: 30px;}
#mvisual .bt_pdf img.arrw{display: none;}
#mvisual .bt_pdf:hover .arrw{display: inline-block;}
#mvisual .bt_pdf:hover .arrb{display: none;}
#mvisual .bt_pdf:hover{background: #000057; color: #ffffff;}
#mvisual .inner{width: 80%; min-height: 100px; text-align: left; font-size: 19px; margin: 145px auto 0; line-height: 160%;transition: all 0.5s; color: #ffffff;}
#mvisual .inner h2{font-size: 20px; font-weight: normal;}
#mvisual .inner h1{font-size: 37px; letter-spacing: -0.7pt; display: block; margin: 12px 0 23px;}
#mvisual .inner a{display:inline-block; line-height: 48px; padding: 0 30px; margin-top: 60px; font-size: 16px; border: #ffffff 1px solid; transition: all 0.5s; color: #ffffff;}
#mvisual .inner a:hover{background: #ffffff; color: #000057;}
@media screen and (max-width: 1200px) {
    #mvisual .bt_pdf{padding-left: 40px; width: 40%; line-height: 90px; font-size: 20px;}
    #mvisual .bt_pdf img{margin-left: 15px;}
}
@media screen and (max-width: 991px) {
    #mvisual{height: 390px; background-size: cover;}
    #mvisual .inner{width: 90%; font-size: 16px; margin: 100px auto 0;}
    #mvisual .inner h2{font-size: 17px;}
    #mvisual .inner h1{font-size: 27px; margin: 12px 0 17px;}
    #mvisual .inner a{ line-height: 35px; padding: 0 20px; margin-top: 30px; font-size: 14px;}

    #mvisual .bt_pdf{padding-left: 20px; line-height: 60px; font-size: 18px;}
    #mvisual .bt_pdf img{margin-left: 15px;}
}
@media screen and ( max-width: 767px ) {
    #mvisual{height: 300px; background-size: cover; background-position-x: -365px}
    #mvisual .inner{width: 90%; font-size: 14px; margin: 25px auto 0; letter-spacing: -0.6pt;}
    #mvisual .inner h2{font-size: 16px;}
    #mvisual .inner h1{font-size: 23px; margin: 7px 0 15px; letter-spacing: -0.8pt;}
    #mvisual .inner a{ line-height: 35px; padding: 0 20px; margin-top: 15px; font-size: 14px;}

    #mvisual .bt_pdf{width:60%; text-indent: 20px; line-height: 60px; font-size: 16px;}
    #mvisual .bt_pdf img{margin-left: 10px;}
}

/* mtitle */
.mtit{width: 100%; text-align: center; font-size: 17px; color: #727272; line-height: 170%; transition: all 0.5s;}
.mtit b{font-size: 38px; color: #1e1e1e; letter-spacing: -0.8pt; font-weight: 400; margin-bottom: 35px; display: block; transition: all 0.5s;}
.mtitw{width: 100%; text-align: center; font-size: 17px; color: #ffffff; line-height: 170%; transition: all 0.5s;}
.mtitw b{font-size: 38px; color: #ffffff; letter-spacing: -0.8pt; font-weight: 400; margin-bottom: 15px; display: block; transition: all 0.5s;}
@media screen and ( max-width: 991px ) {
    .mtit, .mtitw{font-size: 16px;  line-height: 160%;}
    .mtit b{font-size: 25px; margin-bottom: 25px;}
    .mtitw b{font-size: 25px; margin-bottom: 10px;}
}
@media screen and ( max-width: 767px ) {
    .mtit, .mtitw{font-size: 15px; width: 96%; margin: 0 auto;}
    .mtit b{font-size: 20px; margin-bottom: 15px;}
    .mtitw b{font-size: 20px; margin-bottom: 15px;}
}

/* micon */
#micon{width: 100%; margin-top: 140px; text-align: center; transition: all 0.5s;}
#micon .micon_box{width: 70%; margin: 55px auto 0; transition: all 0.5s;}
#micon .micon_box li{width: 50%; float: left; text-align: center; position: relative; font-size: 0; transition: all 0.5s;}
#micon .micon_box li span{display: inline-block; vertical-align: top; font-size: 15px; line-height: 120%; width: 33.3%; text-align: center; transition: all 0.5s;}
#micon .micon_box li span img{ margin-bottom:20px;transition: all 0.5s;}
#micon a{display: inline-block; line-height: 48px; padding: 0 55px; margin-top: 70px; font-size: 15px; border: #000057 2px solid; color: #000057; transition: all 0.5s;}
#micon a:hover{background:#000057; color: #ffffff;}
@media screen and (max-width: 991px) {
    #micon{margin-top: 100px;}
    #micon .micon_box{width: 85%;}
    #micon a{line-height: 35px; padding: 0 30px; margin-top: 60px; font-size: 14px;}
    }
@media screen and ( max-width: 767px ) {
    #micon{margin-top: 60px;}
    #micon .micon_box{width:96%;}
}
@media screen and ( max-width: 575px ) {
    #micon .micon_box{margin: 40px auto 0;}
    #micon .micon_box li{width: 100%; float: none; margin-bottom: 30px;}
    #micon a{margin-top: 0;}
}

/* mbn */
#mbn{width: 100%; border-top: #efefef 1px solid; margin-top:140px; transition: all 0.5s; }
#mbn li{width: 50%; float: right; text-align: center; padding: 130px 0; }
#mbn li:first-child{border-left: #efefef 1px solid; background: #f7f7f7; box-sizing: border-box;}
#mbn li a{display: inline-block; text-align:center; line-height: 50px; box-sizing:border-box; padding: 0 55px; margin-top: 35px; font-size: 15px; color: #ffffff; background: #000057; transition: all 0.5s;}
#mbn li a:hover{color: #ffffff;   padding: 0 70px;}
@media screen and (max-width: 991px) {
    #mbn {margin-top: 100px;}
    #mbn li{padding: 80px 0; }
    #mbn li a{line-height: 35px; padding: 0 30px; margin-top: 25px; font-size: 14px;}
}
@media screen and ( max-width: 767px ) {
    #mbn {margin-top: 60px;}
    #mbn li{width: 100%; float: none; padding: 60px 0; }
}
@media screen and ( max-width: 575px ) {
    #mbn {margin-top: 40px;}
    #mbn li{padding: 40px 0; }
}

/* minq */
#minq{width: 100%; background: url("../img/main/inq_bg.jpg") top center no-repeat; background-size: cover; padding:90px 0; text-align: center; transition: all 0.5s;}
#minq a{display: inline-block; line-height: 48px; padding: 0 40px; margin-top: 35px; font-size: 15px; border: #ffffff 2px solid; color: #ffffff; transition: all 0.5s;}
#minq a:hover{background:#ffffff; color: #000057;}
@media screen and (max-width: 991px) {
    #minq {padding:70px 0;}
    #minq a{line-height: 35px; padding: 0 30px; margin-top: 25px; font-size: 14px;}
}
@media screen and ( max-width: 767px ) {
    #minq {padding:60px 0;}
}
@media screen and ( max-width: 575px ) {
    #minq {padding:40px 0;}
}
/**** main e ****/

/**** copy s****/
#footer{width: 100%; padding: 50px 0; transition: all 0.5s; border-top: #eeeeee 1px solid;}
#footer .inner{width: 100%; max-width: 1200px; margin: 0 auto; color: #7f7f7f; font-size: 13px; word-break: keep-all;}
#footer .inner li{float: left; transition: all 0.5s;}
#footer .inner li:first-child img{margin:5px 55px 0 0; transition: all 0.5s;}
#footer .inner li:last-child{line-height: 180%; letter-spacing: -0.2pt; transition: all 0.5s;}
#footer .inner li:last-child b{font-weight: normal; margin-top: 5px; display: inline-block;}
#footer .inner a{font-size: 12px; color: #000057;}
#footer .inner br.email{display: none;}
@media screen and ( max-width: 767px ) {
    #footer{padding: 40px 0;}
    #footer .inner li{float: none; text-align: center;}
    #footer .inner li:first-child img{margin:0 0 25px 0;}
    #footer .inner li:last-child{line-height: 160%;}
    }
@media screen and ( max-width: 575px ) {
    #footer .inner li:first-child img{width: 90px; height: auto; margin:0 0 15px 0;}
    #footer .inner br.email{display: block;}
}
/**** copy e****/

/**** sub s ****/
/* svisual */
#svisual{width: 100%;  height:490px; box-sizing: border-box; padding-top:90px; background-size:cover; transition: all 0.5s; position: relative;}
/*.sv_about{background:url("../img/main/mvisual_bg.jpg") bottom center no-repeat; }*/
.sv_about{background:url("../img/sub/svisual_about.jpg") bottom center no-repeat; }
.sv_ser{background:url("../img/sub/svisual_service.jpg") bottom center no-repeat; }
.sv_client{background:url("../img/sub/svisual_client.jpg") bottom center no-repeat;}
.sv_in{background:url("../img/sub/svisual_in.jpg") bottom center no-repeat;}
#svisual .sv_tit{width:100%; text-align:center; font-size: 19px; font-weight: normal; margin-top: 137px;transition: all 0.5s;}
#svisual .sv_tit b{font-size: 37px; letter-spacing: -0.7pt; display: block; transition: all 0.5s;}

#svisual .sv_lo{position: absolute; bottom:0; width: 100%; text-align: center; font-size: 0}
#svisual .sv_lo li{background: #ffffff; display: inline-block; font-size: 14px; line-height: 50px;}
#svisual .sv_lo li.home{width: 80px; border-right: #eeeeee 1px solid; transition: all 0.5s;}
#svisual .sv_lo li.lof, #svisual .sv_lo li.lol{width: 190px; text-align: left; text-indent: 25px; transition: all 0.5s;}
#svisual .sv_lo li.lof{ border-right: #eeeeee 1px solid; background:#ffffff url("../img/common/arr02.gif")no-repeat top 22px right 25px;}

@media screen and ( max-width: 1200px ) {
    .sv_client {background-position-x: -800px;}
    .sv_in {background-position-x: -800px;}
    .sv_ser {background-position-x: -200px;}
}
@media screen and ( max-width: 767px ) {
    #svisual{height: 300px;}
    .sv_ser {background-position-x: -500px;}
    .sv_client {background-position-x: -500px;}
    .sv_in {background-position-x: -500px;}
    #svisual .sv_tit{font-size: 16px; margin-top: 50px;}
    #svisual .sv_tit b{font-size: 25px;}
    #svisual .sv_lo li.home{width: 50px; border-right: #eeeeee 1px solid;}
    #svisual .sv_lo li.lof, #svisual .sv_lo li.lol{width: 140px; text-align: left; text-indent: 25px;}
}
@media screen and ( max-width: 575px ) {
    .sv_about {background-position-x: -500px;}
    .sv_ser {background-position-x: -650px;}
    .sv_in {background-position-x: -700px;}
}

/* sub cont */
#scont{width: 96%; min-height: 200px; margin: 140px auto; transition: all 0.5s;  word-break: keep-all;}
@media screen and (max-width: 991px) {
    #scont{margin: 100px auto;}
}
@media screen and ( max-width: 767px ) {
    #scont{margin: 60px auto;}
}
.wait{width: 100%; text-align: center; font-size: 25px;}
.stit{width: 100%; text-align: center; font-size: 23px; transition: all 0.5s; margin-bottom: 50px;}
.stit b{display:inline-block; font-size: 33px; margin-bottom: 10px; text-decoration: underline; transition: all 0.5s;}
@media screen and ( max-width: 767px ) {
    .stit{font-size: 18px; margin-bottom:30px;}
    .stit b{font-size: 22px; margin-bottom: 5px;}
}
/* about */
.about{width: 100%; text-align: center;}
.about .ab_tx01{color: #000057; font-size: 23px; transition: all 0.5s;}
.about .ab_tx01 b{font-size: 33px; text-decoration: underline; transition: all 0.5s;}
.about .ab_tx01 span{display: inline-block; margin-top: 10px; transition: all 0.5s;}
.about img{margin: 70px 0; transition: all 0.5s;}
.about .ab_tx02{font-size: 19px; transition: all 0.5s;}
@media screen and ( max-width: 767px ) {
    .about .ab_tx01{font-size: 19px;}
    .about .ab_tx01 b{font-size: 22px;}
    .about .ab_tx01 span{margin-top: 10px;}
    .about img{margin: 40px 0;}
    .about .ab_tx02{font-size: 17px;}
}

/* location */
.location{width: 100%; text-align: center;}
.location .map{width: 80%; margin: 0 auto;}
.location .map iframe{width: 100%; height: 450px; transition: all 0.5s;}
.location .lo_tx{width: 80%; margin: 30px auto 0; border-top: #000000 1px solid; border-bottom: #ececec 1px solid; padding: 30px 0;}
.location .lo_tx li:first-child{font-size: 27px; padding-bottom: 15px; transition: all;}
.location .lo_tx li:nth-child(2){font-size: 17px; color: #888888; padding-bottom: 10px; transition: all;}
.location .lo_tx li:last-child{font-size:15px; transition: all;}
@media screen and ( max-width: 767px ) {
    .location .map{width: 100%;}
    .location .map iframe{ height: 300px; }
    .location .lo_tx{width: 100%; margin: 20px auto 0; padding: 20px 0;}
    .location .lo_tx li:first-child{font-size: 22px; padding-bottom: 10px;}
    .location .lo_tx li:nth-child(2){font-size: 16px; color: #888888; padding-bottom: 5px;}
    .location .lo_tx li:last-child{font-size:14px;}
}

/* inquiry */
.inquiry{width: 100%; max-width: 1200px; margin: 0 auto;}
.form_box li{margin-bottom: 7px;}
.form_box li input{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form_box li input::placeholder{
    color: #1e1e1e !important;
}

.form_box li select{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #1e1e1e !important;
}
.form_box li textarea{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 25px;
    height: 100px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #1e1e1e!important;
}

.form_box li textarea::placeholder{
    color: #1e1e1e !important;
}

.form_bt{
    width: 150px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: #000057;
    text-align: center;
    color: #ffffff;
    margin: 3vh auto 0;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* client */
.client{width: 100%; max-width: 1200px; margin: 0 auto;}
.client .cl_box{text-align: center;}
.client .cl_box div{display: inline-block; margin: 0 15px 30px; width: 30%; transition: all 0.5s; }
.client .cl_box div li.img{background: #f7f7f7; line-height: 170px; border: #efefef 1px solid; padding: 0 30px; transition: all 0.5s;}
.client .cl_box div li.img img{display: inline-block; vertical-align: middle; max-width: 100%; height: auto; transition: all 0.5s;}
.client .cl_box div li.txt{color: #989898; font-size: 16px; margin-top: 15px; transition: all 0.5s;}
.client .cl_box div li.txt b{color: #1e1e1e; font-size: 20px; font-weight:normal; display: block; transition: all 0.5s; }
@media screen and ( max-width:1024px ) {
    .client .cl_box div{margin: 0 10px 20px; width: 30%;}
    .client .cl_box div li.img{line-height: 150px; }
    }
@media screen and ( max-width: 767px ) {
    .client .cl_box div{margin: 0 5px 10px; width: 30%;}
    .client .cl_box div li.img{line-height: 120px; }
    .client .cl_box div li.txt{font-size: 14px; margin-top: 10px;}
    .client .cl_box div li.txt b{font-size: 17px; }
}
@media screen and ( max-width: 575px ) {
    .client .cl_box div{width: 42%; margin: 0 5px 25px;}
}

/* vision */
.vision_box{width: 100%; max-width: 1200px; margin: 0 auto 0;}
.vision_box {text-align: center; font-size: 0;}
.vision_box {text-align: center;}
.vision_box  span{ display: inline-block; vertical-align: top; margin-top: 70px; font-size: 16px; color: #626262; line-height: 160%; width: 33.3%; text-align: center; transition: all 0.5s;}
.vision_box  span b{display:inline-block; font-size: 19px; font-weight: normal; color: #1e1e1e; margin-bottom: 15px; transition: all 0.5s;}
.vision_box  span img{margin-bottom:25px; transition: all 0.5s;}
@media screen and (max-width: 767px) {
    .vision .stit{margin-bottom:0;}
    .vision_box  span{font-size: 15px;width: 50%; margin-top: 60px;}
}
@media screen and (max-width: 575px) {
    .vision_box  span{width: 100%;  margin-top:40px;}
    .vision_box  span:first-child{margin-top:60px;}
}

/*business */
.busi{width: 100%;}
.busi .busi_box{width: 70%; margin: 100px auto 0; transition: all 0.5s;}
.busi .busi_box li{width: 50%; float: left; text-align: center; position: relative; font-size: 0; transition: all 0.5s;}
.busi .busi_box li span{display: inline-block; vertical-align: top; font-size: 15px; line-height: 120%; width: 33.3%; text-align: center; transition: all 0.5s;}
.busi .busi_box li span img{ margin-bottom:20px;transition: all 0.5s;}
.busi .busi_txt{width: 70%; font-size: 22px; background: #efefef; margin: 100px auto 0; line-height: 160%; font-weight: 300; text-align: center; padding: 20px 0; box-sizing: border-box; transition: all 0.5s;}
@media screen and (max-width: 991px) {
    .busi .busi_box {width: 85%;}
    .busi .busi_txt{width: 85%; font-size: 19px; padding: 20px 10px;}
}
@media screen and ( max-width: 767px ) {
    .busi .busi_box {width:96%; margin: 70px auto 0;}
    .busi .busi_txt{width: 96%; font-size: 17px; margin: 70px auto 0;}
}
@media screen and ( max-width: 575px ) {
    .busi .busi_box {margin: 60px auto 0;}
    .busi .busi_box  li{width: 100%; float: none; margin-bottom: 30px;}
    .busi .busi_txt{font-size: 16px; margin: 50px auto 0;}
}

/* program */
.pro_cont{width: 100%; max-width: 1200px; margin: 100px auto 0; transition: all 0.5s;}
.pro_box{width: 100%; box-sizing: border-box; border-top: #1e1e1e 1px solid; padding: 40px 10px; margin-bottom:60px;  transition: all 0.5s;}
.pro_boxl{margin-bottom: 0 !important;padding-bottom:0!important; }
.pro_box > div {float: left;}
.pro_box > .tit {width: 25%; font-size: 22px; transition: all 0.5s;}
.pro_box > .cont {width: 75%; font-size: 17px; transition: all 0.5s;}
.pro_box > .cont > .line01 {padding-bottom: 20px; border-bottom:#ececec 1px solid; }
.pro_box > .cont > .line02 {padding: 20px 0; }
.pro_box > .cont > .gray_box {background: #f7f7f7; font-size: 16px; box-sizing: border-box; padding: 20px 35px; line-height: 180%;}
@media screen and ( max-width: 991px ) {
    .pro_cont{margin: 70px auto 0;}
    .pro_box{margin-bottom: 20px;}
    .pro_box > .tit {font-size: 20px;}
    .pro_box > .cont {font-size: 15px;}
    .pro_box > .cont > .gray_box{font-size: 14px;}
}
@media screen and ( max-width: 767px ) {
    .pro_cont{margin: 50px auto 0;}
    .pro_box{margin-bottom: 0px;}
}
@media screen and ( max-width: 575px ) {
    .pro_cont{margin: 30px auto 0;}
    .pro_box{padding: 20px 10px;}
    .pro_box > div {float: none; }
    .pro_box > .tit, .pro_box > .cont{width:100%;}
    .pro_box > .tit{margin-bottom: 15px;}
    .pro_box > .cont > .line01 {padding-bottom: 15px;}
    .pro_box > .cont > .line02 {padding: 15px 0; }
    .pro_box > .cont > .gray_box {padding: 15px 20px; line-height: 180%;}
}


/**** sub e ****/