@charset "UTF-8";
@import url("common.css");

/* z-index */
.mgnb .sgnb{z-index:1000;}
.ut{z-index:10000;}

.pc{display:block}
.mobile{display:none}

/* main */
body{width:100%;}
body, a{color:#666666;font-size:15px;letter-spacing:-0.5px;line-height:28px;}
#wrap{width:100%;/*min-width:1200px;*/overflow:hidden;}
*, a{font-family:"notoSans"}


.quick_header{position:fixed;right:15px;;top:150px;z-index:1000}

body.viewPc header{position:absolute;top:0px;width:100%;left:0px;z-index:88}
body.viewPc header .head{}
body.viewPc header .headerBox{height:130px;width:1200px;margin:0 auto;position:relative}
body.viewPc header .headerBox .logo{position:absolute;left:30px;top:45px;z-index:666}
body.viewPc header .headerBox .mgnb{position:absolute;left:390px;top:0px;width:810px;z-index:666}
body.viewPc header .headerBox .mgnb{position:absolute;left:390px;top:0px;width:810px;}
body.viewPc header .headerBox .mgnb .f1{float:left;width:160px;position:relative}
body.viewPc header .headerBox .mgnb .f1 p{height:130px;position:relative;}
body.viewPc header .headerBox .mgnb .f1 p:before{content:"";position:absolute;left:0px;top:0px;height:8px;background:#223068;width:100%;display:none}
body.viewPc header .headerBox .mgnb .f1 p a{height:100%;display:block;font-size:18px;color:#223068;text-align:center;line-height:130px;}
body.viewPc header .headerBox .mgnb .f1:hover p:before,body.viewPc header .headerBox .mgnb .f1.active p:before{display:block}
body.viewPc header .headerBox .mgnb .f1 ul{display:none;position:absolute;left:0px;top:129px;width:100%;padding-top:20px;}
body.viewPc header .headerBox .mgnb .f1 ul li{}
body.viewPc header .headerBox .mgnb .f1 ul li a{display:block;color:#ffffff;font-size:16px;margin-top:8px;margin-bottom:8px;text-align:center;}
body.viewPc header .headerBox .mgnb .f1 ul li.active a,body.viewPc header .headerBox .mgnb .f1 ul li a:hover{color:#f8bf12}

body.viewPc  #header .gnb_bg{position:absolute;left:0px;top:130px;width:100%;background:#000;opacity:0.7;height:300px;z-index:66;display:none}
body.viewPc  #header .gnb_bg2{position:absolute;left:0px;top:0px;width:100%;background:#fff;opacity:1;height:130px;z-index:66;}
/*body.viewPc  #header .gnb_bg2{position:absolute;left:0px;top:0px;width:100%;background:#000;opacity:0.5;height:130px;z-index:66;}*/

body.viewPc #header .m_btn{display:none}

#mainVisual_mobile{display:none}

#mainVisual{height:975px;margin-top:130px;}
#mainVisual ul{}
#mainVisual ul li{height:975px;}
#mainVisual ul li .visual-item{height:975px;background:url('../images/newimg/main_visual01.jpg') no-repeat center center;background-size:cover;position:relative}
#mainVisual ul li .visual-item.visual-item1{}
#mainVisual ul li .visual-item.visual-item2{height:975px;background:url('../images/newimg/main_visual02.jpg') no-repeat center center;background-size:cover;position:relative}
#mainVisual ul li .visual-item.visual-item3{height:975px;background:url('../images/newimg/main_visual03.jpg') no-repeat center center;background-size:cover;position:relative}
/*#mainVisual ul li .visual-item.visual-item4{background:url('../images/newimg/main_visual04.jpg') no-repeat center center;}*/
#mainVisual ul li .visual-item .visual_txt{position:absolute;left:50%;top:40%;margin-left:-383px;text-align:center;}

#mainVisual .lSAction > a{width:47px;height:69px;}
#mainVisual .lSAction > .lSPrev{background:url('../images/newimg/main_prev.png') no-repeat center center;left:10%;}
#mainVisual .lSAction > .lSNext{background:url('../images/newimg/main_next.png') no-repeat center center;right:10%;}


.sub_visual{height:400px;overflow:hidden;margin-bottom:106px;}
.sub_visual.sub_visual1{margin-top:130px;background:url('../images/newimg/sub_visual01.jpg') no-repeat center center;background-size:cover;}
.sub_visual.sub_visual2{margin-top:130px;background:url('../images/newimg/sub_visual01.jpg') no-repeat center center;background-size:cover;}
.sub_visual.sub_visual3{margin-top:130px;background:url('../images/newimg/sub_visual01.jpg') no-repeat center center;background-size:cover;}
.sub_visual.sub_visual4{margin-top:130px;background:url('../images/newimg/sub_visual04.jpg') no-repeat center center;background-size:cover;}
.sub_visual.sub_visual5{margin-top:130px;background:url('../images/newimg/sub_visual01.jpg') no-repeat center center;background-size:cover;}
.sub_visual .visual_txt{padding-top:218px;text-align:center}


.sb_contbox{width:1200px;margin:0 auto;}
.sb_contbox .cont_tit_box{text-align:left;background:url('../images/newimg/sub_title_icon.png') no-repeat left bottom;height:36px;padding-left:224px}
.sb_contbox .cont_tit_box h2.sbcont_tit{display:block;color:#1b1b1b;font-size:36px;font-weight:400}
.sb_contbox .cont_string{padding-top:72px;padding-bottom:143px;}

.main_example{margin-top:105px;}
.main_example .main_box{margin:0 auto;width:1200px;margin-top:105px;}
.main_example .main_box h4{display:block;text-align:left;padding-bottom:10px;}

.main_example .main_box .main_example_box{width:1221px;overflow:hidden}
.main_example .main_box .main_example_box ul{}
.main_example .main_box .main_example_box ul li{float:left;margin-bottom:40px;margin-right:17px;}
.main_example .main_box .main_example_box ul li .image a{display:block;}
.main_example .main_box .main_example_box ul li .txt{padding-top:20px;}
.main_example .main_box .main_example_box ul li .txt .title{font-size:18px;color:#1b1b1b;font-family:'notoSans';font-weight:500}
.main_example .main_box .main_example_box ul li .txt .title a{display:block;font-size:18px;color:#1b1b1b;font-family:'notoSans';font-weight:500}
.main_example .main_box .main_example_box ul li .txt .exp{font-size:16px;color:#757575;font-family:'notoSans';font-weight:400}

.sub04_01_01{text-align:center;}
.sub04_01_02{text-align:center;padding-top:50px;}
.c_map  .root_daum_roughmap{width:100%;}
.c_map .root_daum_roughmap .wrap_controllers{display:none}

.sub04_02_box{margin-top:20px;background:url('../images/newimg/sub_content04_02_icon.png') no-repeat 49px 40px;padding-left:170px;height:150px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.sub04_02_box p.address{color:#474747;font-size:20px;padding-top:42px;line-height:160%;}
.sub04_02_box p.tel{color:#000000;font-size:24px;line-height:160%;}


#footer_area{display:block;}
#footer_area .footer_info{display:block;background:#efefef;position:relative;height:160px;}
#footer_area .footer_info .info1{position:absolute;left:50%;margin-left:-550px;top:60px;}
#footer_area .footer_info .info2{position:absolute;left:50%;padding-left:90px;top:60px;border-left:1px solid #636363;height:39px;}

#footer_area .footer_notice{display:block;background:#fff;position:relative;height:105px;width:1200px;margin:0 auto;}
#footer_area .footer_notice .notice_area{position:absolute;left:127px;top:40px;}
#footer_area .footer_notice .notice_area .title{top:8px;position:absolute;left:0px;}
#footer_area .footer_notice .notice_area #rolling_div{position:absolute;left:118px;;width:428px;height:37px;overflow:hidden;}
#footer_area .footer_notice .notice_area #rolling_div li{width:395px;position:relative;}
#footer_area .footer_notice .notice_area #rolling_div a{font-size:16px;color:#757575;display:block;width:290px;overflow:hidden;height:30px;line-height:30px;}
#footer_area .footer_notice .notice_area #rolling_div .date{position:absolute;right:0px;top:1px;font-size:16px;color:#b4b4b4;}
#footer_area .footer_notice .info2{position:absolute;right:0px;top:30px;}


#footer_area .copyright_box {background:#565656;}
#footer_area .copyright_box .cp_name{width:1200px;margin:0 auto;padding:80px 0px;}
#footer_area .copyright_box .cp_name p{font-size:16px;color:#b4b4b4;padding-left:30px;margin-bottom:7px;}
#footer_area .copyright_box .cp_name p span{display:inline-block;color:#b4b4b4;padding:0px 10px;font-weight:300}
#footer_area .copyright_box .cp_name p.ft_copy{font-size:12px;}
#footer_area .copyright_box .cp_name p strong{font-size:16px;color:#fff;font-weight:500}




body.viewMobile #header {position:fixed;left:0px;top:0px;width:100%;z-index:1000;border-bottom:1px solid #333;height:60px;}
body.viewMobile #header .m_btn{display:block;position:absolute;right:15px;top:13px;height:40px;width:40px;background:url('../images/newimg/burger_btn.png')no-repeat center center;background-size:100%;z-index:66}
body.viewMobile #header .navi_area {position:absolute;left:0px;top:0px;width:100%;}
body.viewMobile header .headerBox .logo{position:absolute;left:30%;width:40%;top:15px;;z-index:666}
body.viewMobile header .headerBox .logo a{display:block;text-align:center;}
body.viewMobile header .headerBox .logo a img{width:150px;}
body.viewMobile  #header .gnb_bg2{position:absolute;left:0px;top:0px;width:100%;background:#000;opacity:0.5;height:60px;z-index:66;}
body.viewMobile  #header .gnb_bg{position:absolute;left:0px;top:60px;width:100%;background:#000;opacity:0.7;height:800px;z-index:66;display:none}

body.viewMobile #header .mgnb {
    position: absolute;
    left: 0;
    width: 100%;
    height: 800px;
    text-align: center;
	background:#000;
    z-index: 999;
    display: none;
	top:60px;
    border-top: 1px solid #333;
}
body.viewMobile #header ul#gnb > li {
    border-bottom: 1px solid #333;
    position: relative;
}

body.viewMobile #header ul#gnb > li > p >a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0;
	color:#fff;
}
body.viewMobile #header ul#gnb > li.active>p>a {color: #fff;}
body.viewMobile #header ul#gnb > li.active>p{background:#000}
body.viewMobile #header ul#gnb > li ul {
    display: none;
    background:#efefef;
}
body.viewMobile #header ul#gnb > li ul >li {position: relative;}
body.viewMobile #header ul#gnb > li ul >li>a {
    display: block;
    font-size: 13px;
    padding: 8px 0;
    color: #000;
}
body.viewMobile #header ul#gnb > li ul > li > a:hover {color: #87704d;}
