/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*초기화*/
html, body{height:100%!important;width:100%;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;background:#fff;letter-spacing: -1px;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-decoration: none;color: #666;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}

.pc_img{}
.m_img{display:none;}
.clear:after{display:block;content:"";clear:both}
.left{float:left}
.right{float:right}
.half_wrap {display: table;width: 100%;}
.half_wrap .half{display:table-cell;vertical-align:middle}
.half{width:50%}
.img-responsive{max-width:100%;}
.m-auto{margin:auto}
.container{width:1280px;margin:auto}
.w50{width:48%;margin:0 1%}


#branding {position: relative;width: 100%;overflow: hidden;text-align: center;height: 880px;background: url(/img/main/brand_new.jpg) repeat 50% 0;display:none;}
#branding.index{display:block;}
header .h_popup{text-align:center}
header .header .h_top{text-align: center;}
header .header .h_top .container {position: relative;top: 0;left: 0;}
header .header .h_top h1.logo {padding: 30px 0;}
header .header .h_top ul.login li {float: left;margin-left: 15px;font-size: 15px;margin-top: -8px;}
header .header .h_top ul.login {position: absolute;right: 0;top: 50%;}
header .header .pc_menu {position: relative;top:0;left:0;border-top: 1px solid #ddd;}
header .header .pc_menu .site_map_btn{width: 62px;float: left;display: table;height: 62px;text-align: center;font-size: 24px;color: #fff;background: #7e308e;}
header .header .pc_menu .site_map_btn i{display: table-cell;vertical-align: middle;}
header .header .pc_menu .pc_menu_wrap {float: left;width: 1218px;}
header .header .pc_menu .pc_menu_wrap:after{display:block;content:"";clear:both}
header .header .pc_menu .pc_menu_wrap li {float: left;width: 10%;font-size: 15px;text-align:center}
header .header .pc_menu .pc_menu_wrap li a {padding: 20px 0;display: block;}
header .header .wrap {position: absolute;top: 100%;width: 100%;z-index: 9998;}
header .header .menu_pop {width: 100%;max-width: 100%;margin: auto;position: relative;display: none;z-index: 9999;background-color: #fff;}
header .header .menu_pop .container{position: relative;top: 0;left: 0;}

header .header .menu_pop .container:after{display:block;content:"";clear:both}
header .header .menu_list_wrap {width: 33.3333%;position: absolute;top: 0;left: 50%;bottom: 0;margin-left: -16.777%;}
header .header .menu_list_wrap .menu_list {height: 100%;}
header .header .menu_list_wrap .menu_list li {height: 25%;display: table;border-bottom:1px solid #ddd;width:100%}
header .header .menu_list_wrap .menu_list li:nth-child(4){border-bottom:0}
header .header .menu_list_wrap .menu_list li a {display: table-cell;vertical-align: middle;font-size: 14px;position:relative;top:0;left:0}
header .header .menu_list_wrap .menu_list li a:after{display:block;content:"+";clear:both;position:absolute;top:50%;margin-top:-10px;right:15px;font-size:14px;}
header .header .menu_pop .menu_img {width: 33.3333%;}

header .header .menu_pop .menu_img.menu_left {float: left;}
header .header .menu_pop .menu_img.menu_right {float: right;}
header .header .menu_left{width: 33.3333%;position: absolute;top: 0;left: 0;bottom: 0;display:table;height: 100%;}
header .header .menu_left > div{display:table-cell;vertical-align:middle}

.menu_left_tit{font-size:30px;margin-bottom:10px;color:#7e308e}
.menu_left_desc{font-size:18px;color:#000}


.site_map {position: fixed;top: 0;left: 0;right: 0;width: 100%;background: #252525;z-index: 9999;color: #fff;height: auto;}
.site_map .container{position: relative;top: 0;left: 0;}
.site_map a.allmenuBtn {position: absolute;top: 15px;right: 15px;font-size: 28px;color: #fff;}
.site_map .site_menu {padding: 120px 0;}
.site_map ul.s_depth01 {padding: 25px 0;border-bottom: 1px solid #484848;}
.site_map ul.s_depth01:after{display:block;content:"";clear:both}
.site_map ul.s_depth01 > li > a {width: 15%;float: left;font-size: 18px;color: #fff;}
.site_map ul.s_depth01 > li > .s_depth02 {float: left;width: 85%;}
.site_map ul.s_depth01 > li > .s_depth02 li {float: left;padding: 0 10px;}
.site_map ul.s_depth01 > li > .s_depth02 li a {color: #fff;font-size: 15px;}


.main{width:100%;margin:auto}
.mainslide {max-width:1920px;margin:auto}
.mainslide .swiper-pagination {position: absolute;bottom: 0;left: 50%;margin-left: -640px;width: 1180px;padding: 0 50px;}
.mainslide .swiper-pagination .swiper-pagination-bullet {width: calc(100%/6);border-radius: 0;height: auto;background: #fff;opacity: 1;margin: 0!important;font-size: 15px;color: #000;line-height: 50px;}
.mainslide .swiper-pagination .swiper-pagination-bullet-active{background:#7e308e;color:#fff;}

.mainslide .swiper-button-navigation{width:1280px;position:absolute;top:auto;bottom:0;left:50%;margin-left:-640px;}
.mainslide .swiper-button-prev, .mainslide .swiper-button-next {bottom: 0;width: 50px;height: 50px;top: auto;background: #000;opacity: 1!important;}
.mainslide .swiper-button-prev {left: 0;}
.mainslide .swiper-button-prev:after{font-size: 18px;color: #fff;line-height: 50px;}
.mainslide .swiper-button-next {right: 0;}
.mainslide .swiper-button-next:after{font-size: 18px;color: #fff;}

.section{padding:150px 0;text-align:center}
.main_con_box{margin-top:80px;}


.main_sct_wrap{position:relative;top:0;left:0;background:#f9f6f9}
.main_sct_wrap:after{display:block;content:"";clear:both;position:absolute;top:0;left:0;right:0;width:100%;background-image: url(/img/main/main_sct.png);background-position:top center;background-repeat: no-repeat;background-size: 100%;}
.section.main_sct .swiper-pagination{position: relative;margin-top: 50px;width: 100%;background-image: url(/img/main/main_sct_btn.png);background-size: 100% auto;background-repeat: no-repeat;background-position: bottom center;padding-bottom: 10px;font-size: 18px;}
.section.main_sct .swiper-pagination span{width: 25%;opacity:1!important;border-radius: 0;background: transparent;color: #8b8b8b;font-weight: bold;}
.section.main_sct .swiper-pagination span:focus{ outline: 0;}
.section.main_sct .swiper-pagination span.swiper-pagination-bullet-active{color:#7e308e}
.section.main_sct .swiper-pagination span.swiper-pagination-bullet-active .main_sct_tit:after{background: #7e308e;}
.section.main_sct .swiper-pagination .main_sct_tit:after {display: block;content: "";clear: both;width: 10px;height: 10px;background: #8b8b8b;border-radius: 50%;margin: auto;margin-top: 5px;}

.section.main_sct .swiper-button-prev, .section.main_sct .swiper-button-next {width: 70px;height: 70px;opacity: 1!important;bottom: 30px;top: auto;background-repeat: no-repeat;background-size: 100%;}
.section.main_sct .swiper-button-next {left: 55%;right: auto;background-image: url(/img/main/slide_right.png);margin-left: 10px;}
.section.main_sct .swiper-button-prev {background-image: url(/img/main/slide_left.png);right: 45%;left: auto;margin-right: 10px;}
.section.main_sct .swiper-button-next:after {content: "";}
.section.main_sct .swiper-button-prev:after {content: "";}

.section.design{text-align:left;padding-top:0}
.section.click{padding:0;position: relative;z-index: 10;}
.section.click a{display:block}

.section.video{position: relative;z-index: 10;}
.section.video:after{display:block;content:"";clear:both}
.section.video .v_info{width:330px;}
.section.video .v_video{width:950px;position:relative;overflow:hidden}
.section.video .v_video .play_btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bg_sct {height: 400px;width: 100%;background-image: url(/img/main/bg_sct.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}


.section.w3_sct .main_con_tit{text-align:left}
.section.w3_sct .main_con_box ul li{width:33.3333%;float:left}
.section.w3_sct .main_con_box ul:after{display:block;content:"";clear:both}


.section.slide_sct {background-image: url(/img/main/slide_sct.jpg);background-position:top center;background-repeat: no-repeat;background-size: cover;}
.section.slide_sct .w100 {font-size: 18px;text-align: center;width: 100%;margin-top: 10px;color: #333;font-weight: bold;}
.section.slide_sct .main_con_box{position: relative;}
.section.slide_sct .swiper-button-prev, .section.slide_sct .swiper-button-next{width: 70px;height: 70px;opacity: 1!important;background-repeat: no-repeat;margin-top:-62px;background-size: 100%;box-shadow: 1px 1px 10px 0px rgba(51, 51, 51, 0.2);}
.section.slide_sct .swiper-button-prev {left:-15px;background-image: url(/img/main/slide_left.png);}
.section.slide_sct .swiper-button-prev:after{content:""}
.section.slide_sct .swiper-button-next{right:-15px;background-image: url(/img/main/slide_right.png);}
.section.slide_sct .swiper-button-next:after{content:""}


.section.half_sct{padding-bottom:0}
.section.half_sct .half.txt{text-align:left}
.section.half_sct .more_view{
font-size: 18px;
margin-top: 30px;
display: inline-block;
padding: 20px 50px;
background: #333;
color: #fff;
border-radius: 50px;
background: #993673;
background: -moz-linear-gradient(left, #993673 0%, #7e308e 100%);
background: -webkit-linear-gradient(left, #993673 0%, #7e308e 100%);
background: linear-gradient(to right, #993673 0%, #7e308e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#993673', endColorstr='#7e308e', GradientType=1);}
.section.half_sct .more_view:hover {box-shadow: 8px 8px 7px 1px rgba(51, 51, 51, 0.2);position: relative;top: 2px;}
.section.contact_sct{background: #f9f6f9;    text-align: left;}

.section.board_sct .container:after{display:block;content:"";clear:both}
.section.board_sct .board_box{display:table;float:left;width:400px;height:300px;margin:0 13px;}
.section.board_sct .board_box.online_box{border:1px solid #ddd}
.section.board_sct .board_box.time{background: #282426;color:#fff;}
.section.board_sct .board_box.time .inner h2.main_con_tit{color:#fff;}
.section.board_sct .board_box .inner{padding:50px 30px;text-align:left;}
.section.board_sct .board_box .inner h2.main_con_tit{font-size:28px; color:#000}

.section.board_sct .board_box .inner ul.board_list {font-size: 16px;margin-top: 30px;}
.section.board_sct .board_box .inner ul.board_list li{margin-bottom:10px;}
.section.board_sct .board_box .inner ul.board_list li:last-child{margin-bottom:0}
.section.board_sct .board_box .inner ul.board_list span.date{float:right}
.section.board_sct .board_box .inner ul.board_list span p {
    display: inline-block;
    font-size: 0.8em;
    color: #e7d015;
    margin-left: 5px;
}
.main .map{width:100%;height:100%;padding:0;border:0}
.main .map .hide{display:none}

.section.contact_sct .input_box {font-size: 16px;color: #000;margin-bottom: 10px;width: 100%;}
.section.contact_sct .input_box:after {display: block;content: "";clear: both;}
.section.contact_sct .input_box label {width: 20%;float: left;padding: 10px 0;}
.section.contact_sct .input_box input{width:76%;padding:10px;float:left}
.section.contact_sct .input_box textarea {width: 76%;float: left;padding: 10px;min-height: 150px;}
.section.contact_sct .input_box .tel_box select.tel_select {width: 26%;margin: 0;float: left;padding: 10px;}
.section.contact_sct .input_box .tel_box input {width: 22%;margin-left: 1%;}
.section.contact_sct .input_box  .tel_box:after {display: block;content: "";clear: both;}


.section.contact_sct .half img.left{margin-left: 50px;margin-top: 100px;}
.section.contact_sct .half a img:hover {box-shadow: 10px 10px 13px 1px rgba(51, 51, 51, 0.2);position: relative;top: 3px;border-radius: 50%;}
.ddo .left:hover {
    box-shadow: 10px 10px 13px 1px rgba(51, 51, 51, 0.2);
    position: relative;
    top: 3px;
    border-radius: 50%;
}
.section.contact_sct .bott_checkbox {
    font-size: 18px;
    text-align: right;
    color: #333;
}
.section.contact_sct .bott_checkbox a {
    color: #7e308e;    vertical-align: middle;
}

footer .footer{background:#252525;text-align:center;padding:80px 0;font-size:16px;}
footer .footer .f_info{margin-top:50px;}
footer .footer .f_info span {margin-right: 20px;}
footer .footer .f_copy{margin-top:10px;}

.quick {position: fixed;top: 340px;right: 0;z-index: 9998;}
.quick li {margin-bottom: 5px;}
.quick li img{border:1px solid #f7f7f7}
.quick li:last-child{margin-bottom:0}
.quick li a{display: block;height: 100%;width: 100%;background: #fff;}
.quick p{margin-top:15px;border:1px solid #282426;background: #282426;}

.sub{text-align:center;width:1200px!important;margin:auto}
.sub > img{display:block;margin:auto}


#layerWrap2 {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
}
#layerWrap2 .layer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 750px;
    margin-left: -15%;
    transform: translateY(-50%);
    text-align: center;
    background: #fff;
}
#layerWrap2 p.layer_tit {
    font-size: 20px;
    padding: 15px 0;
    background: #7e308e;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
}

#layerWrap2 .desc {
    padding: 30px;
}
#layerWrap2 .desc .tel01 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}
#layerWrap2 .desc .tel02 {
    font-size: 28px;
    color: #7e308e;
    margin-bottom: 20px;
}
#layerWrap2 .button_wrap {
    padding: 15px 0;
    border-top: 1px solid #ddd;
    margin: 0 15px;
}
#layerWrap2 .button_wrap .btn_close {
    padding: 10px 30px;
    background: #333;
    border: none;
    color: #fff;
}

div#bo_title, div#bo_list, article#bo_v, section#bo_w{width:1200px!important;margin:auto}
section#bo_w {
    margin-bottom: 50px;
}

.mbskin{max-width:1280px;margin:auto;}