@import url("font.css");


body, html {background:#ffffff !important}

/* etc */
.row-offcanvas {height: 100%;}
a {color: #000;}


/* header */
.header-line {height: 2px;background-color: #EF7500;/*z-index: 99999999999999999999999999999999999999999999;*/position: absolute;}
.navbar-nav {padding-top: 13px;}

 /* 디폴트 로고 */
.navbar-brand {padding-top: 50px;padding: 38px 15px; width: 266px; height: 37px;background-color: transparent;float: left;background: url('../../img/main/logo-white.png') no-repeat center center;}
  
/* 서브 상단 로고 */ 
.navbar-sub .navbar-brand {padding-top: 50px; padding: 38px 15px;width: 266px;height: 37px;background-color: transparent; float: left;background: url('../../img/main/logo-white.png') no-repeat center center;}

/* 서브 페이지나 스크롤 내렸을때  로고 */
.affix .navbar-brand {padding-top: 50px;  padding: 38px 15px; width: 266px;height: 37px;float: left; background: url('../../img/main/logo-white.png') no-repeat center center;}


.navbar-default {background-image: none;background-image: -o-none;background-image: -webkit-none;background-image: linear-gradientnone;filter: none;filter: none;background-repeat: none;border-radius: 0;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    background-color: rgba(255, 255, 255, 1);border-bottom: #d6d6d6 1px solid;box-shadow: none;padding-top: 6px; padding-bottom: 6px; }

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
    background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); box-shadow:}


.navbar-toggle {margin-top: 22px;}


/*  서브 네비 */
.navbar-default.navbar-sub {border-bottom: 0; background-color: rgba(255, 255, 255, 1); z-index: 4;transition: 0.5s;}
.navbar-default.navbar-sub.affix {border-bottom: 1px #e6e6e6 solid;}
.navbar-default.navbar-sub.affix-top {background-color: rgba(255, 255, 255,1);}
.navbar-sub .nav_wrap .navi li a {color: #000;}
.navbar-sub .nav_wrap .navi li a:hover {text-decoration: none;color: #FF9933;}
.navbar-sub  .snb_wrap {background-color: rgba(0, 0, 0, 0.6);}
.navbar-sub .snb_wrap .snb ul li > ul > li a {color: #e0e0e0;}
 


/*로그인회원가입전체메뉴*/
 div.top_tnb {text-align:right;}
 div.top_tnb a {height:35px;line-height:35px;width:105px;font-size:15px;font-weight:300;color:#ffffff;text-decoration:none;display:inline-block;background:#6dcff6;text-align:center;/*border-radius:3px;*/}
 div.top_tnb a.ym_regi{background:#282b39;}
 div.top_tnb a.ym_adm{background:#c82639;}
	div.top_tnb a.ym_dphoto {background:#1cbbb4;width:135px}
 .right-mem {float:right;text-align: right;margin-top: 22px;margin-left:30px;}
 .hd_hidden {background:none;padding:0 !important}
 @media (max-width:1330px) {
 .right-mem {display:none;}
 }

@media (max-width:480px) {
 div.top_tnb a {width:90px;font-size:14px;}
 div.top_tnb a.ym_dphoto {width:130px}
}

/* 기본 네비 */

#nav_wrap > .lnb {margin-top: 10px; }
#nav_wrap > .lnb > li {display:inline-block; font-size:16px; text-align:center; vertical-align:top;  display: inline-block;}
#nav_wrap > .lnb > li > a {position:relative; display:block; padding: 18px 38px; font-size:23px; color:#000; line-height:1; transition:color 0.3s; padding-bottom: 20px;font-weight: 600}
/*#nav_wrap > .lnb > li > a:after {position:absolute; content:''; bottom:0; left:50%; width:0; height:4px;background:#0072bc; transition:all 0.3s}*/
#nav_wrap > .lnb > li:hover > a {color:#0084d9 !important; text-decoration: none;}
#nav_wrap > .lnb > li:hover > a:after {left:0; width:100%}

#nav_wrap > .lnb > li > .subnav {position:relative; display:none; margin-top:10px; padding-bottom: 20px; z-index:999}
#nav_wrap > .lnb > li > .subnav > li {line-height:1.8; text-align: left;}
#nav_wrap > .lnb > li > .subnav > li > a {font-size:16px; color:#444444; padding-left: 38px;letter-spacing:-0.02em; }
#nav_wrap > .lnb > li > .subnav > li > a:hover {/*color:#6dcff6;*/ text-decoration: underline;}



#nav_wrap > .lnb.sub > li > a {position:relative; display:block; padding:18px 38px; font-size:23px; color:#000; line-height:1; transition:color 0.3s; padding-bottom: 20px;}
#nav_wrap > .lnb.sub > li > .subnav > li > a {font-size:16px; color:#444444; padding-left: 38px;}
#nav_wrap > .lnb.sub > li > .subnav > li > a:hover {text-decoration: underline;}


#nav_wrap > .subnav-bg { position: absolute; display:none; top:116px; left:0; width:100%; z-index:10; }
#nav_wrap > .btnOpenMenu {display:none}
.on, #navbar.fixed {}
.on #nav_wrap > .lnb > li > a, #navbar.fixed #nav_wrap > .lnb > li > a {color:#2b2b2b}
.on #nav_wrap > .lnb.sub > li > a, #navbar.fixed #nav_wrap > .lnb.sub > li > a {}

.affix #nav_wrap > .lnb.sub > li > a {color: #000 !important;}
.affix #nav_wrap > .lnb > li > .subnav > li > a {color: #000 !important;}
.right-eng {float: right; /*width: 150px;*/text-align: right;margin-top: 22px;}
.right-eng i {font-size: 12px;}
.right-eng .btn {font-size: 15px !important;border-radius: 0;padding-left: 18px;padding-right: 18px;font-family: 'Open Sans', sans-serif;}
.right-eng .btn-black {background-color: #000;color: #fff;transition: 0.4s;}
.right-eng .btn-black:hover {background-color: #fff;color: #000;border: 1px #e3e3e3 solid;}
.right-eng .btn-red {background-color: #e54f00;color: #fff;}
.right-eng .btn-white {background-color: #fff;color: #000;border: 1px #e3e3e3 solid;transition: 0.4s;}
.right-eng .btn-white:hover {background-color: #f4f4f4;color: #000;border: 1px #e3e3e3 solid;}

.affix {-webkit-transition: padding 0.2s ease-out;-moz-transition: padding 0.2s ease-out;-o-transition: padding 0.2s ease-out;transition: padding 0.2s ease-out;}

@media (min-width:768px) {
    /* 디폴트 */
    .affix-top {background-color: transparent;border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .affix-top .navbar-nav>li>a {color: #fff;}
    .affix-top .navbar-nav>li>a span.caret {color: #fff;}
 
}


/* 네비게이션 */

@media (min-width: 992px) {

	ul.nav li.dropdown:hover .dropdown-menu {display: block;animation-duration: 0.5s;animation-name: good2;transition: 1s;}
    @keyframes good2 {
        from {
            padding-bottom: 10px;
            padding-left: 10px;
            opacity: 0;
        }
        to {
            opacity: 1;
            padding-left: 0;
        }
    }
}


/*날씨및네이버*/
.weather_set{top:123px;margin-left:1070px;height:170px;width: 200px;position: absolute;z-index: 11;}
.weather_set > li {padding:10px;}
.weather_set p {margin:0;}
.weather_set > li:nth-of-type(1) {background:#f7f7f7;height:145px;}
.weather_set > li:nth-of-type(2) {background:#282b39;height:45px;text-align:center;}
.weather_set > li:nth-of-type(2) > a {color:#ffffff;text-decoration:none;font-size:20px;font-weight:500}
.weather_set > li:nth-of-type(2) img {margin-left:10px;}
	p.weather_date {font-size:16px;color:#222222;text-align:center}
	p.weather_date > a {float:right;font-size:40px;text-align:center;text-decoration:none;}
	p.weather_city {font-size:14px;color:#444444;text-align:center}
	ul#weather_info {margin:10px auto 0 auto;}
	ul#weather_info:after {content:'';display:block;clear:both;}
	ul#weather_info > li {float:left;text-align:center;width:50%;}

	
@media (max-width: 1330px) {

.weather_set {display:none;}

}

/* 비쥬얼 */
/* 메인이미지 아이콘3*/

.bs-slider .visual_bottom {background:#282b39;bottom: 0; width: 100%;height: 165px;color: #fff;position: absolute;z-index: 11;}
.bs-slider .visual_trans {background: url("../../img/main/top_icon_bg.png") top center;background-repeat: no-repeat;bottom: 165px; height:70px;width: 100%;color: #fff;position: absolute;z-index: 11;}
.m_visual_bottom {display:none;}
ul.top_icon {padding:0;margin:0;}
ul.top_icon:after {clear:both;content:'';display:block;}
ul.top_icon > li {height:165px;text-decoration:none;float:left;width:calc(100%/3);}

ul.top_icon a {width:100%;height:165px;text-decoration:none;display:block}
ul.top_icon li:nth-of-type(1) {background: url("../../img/main/top_icon1.png") right 35px bottom 35px no-repeat #003471;}
ul.top_icon li:nth-of-type(2) {background: url("../../img/main/top_icon2.png") right 35px bottom 40px no-repeat #0072bc;}
ul.top_icon li:nth-of-type(3) {background: url("../../img/main/top_icon3.png") right 35px bottom 40px no-repeat #003471;}
ul.top_icon p {font-size:20px;padding:35px 55px;font-weight:300;color:#ffffff;text-decoration:none;}
ul.top_icon span {font-size:35px;margin-top:10px;display:block;font-weight:500;}


ul.top_icon li:hover {animation-name: up_down; animation-duration: 2s; position: relative;animation-iteration-count: infinite;}
@keyframes up_down {
0%{background-position: right 35px bottom 50px;}
20%{background-position: right 35px bottom 30px;}
50%{background-position:right 35px bottom 50px;}
60%{background-position:right 35px bottom 30px;}
100%{background-position:right 35px bottom 50px;}
}


@media (max-width: 1330px) {
ul.top_icon li:hover {animation-name: none;}
.bs-slider .visual_trans {display:none;}

ul.top_icon li:nth-of-type(1) {background: url("../../img/main/top_icon1.png") right 25px bottom 35px no-repeat #003471;}
ul.top_icon li:nth-of-type(2) {background: url("../../img/main/top_icon2.png") right 25px bottom 40px no-repeat #0072bc;}
ul.top_icon li:nth-of-type(3) {background: url("../../img/main/top_icon3.png") right 25px bottom 40px no-repeat #003471;}
ul.top_icon p {font-size:18px;padding:35px 25px;}
ul.top_icon span {font-size:30px;margin-top:5px;}

}

@media (max-width: 992px) {

ul.top_icon li:nth-of-type(1) {background: url("../../img/main/top_icon1.png") right 20px bottom 35px no-repeat #003471;background-size:70px;}
ul.top_icon li:nth-of-type(2) {background: url("../../img/main/top_icon2.png") right 20px bottom 40px no-repeat #0072bc;background-size:95px;}
ul.top_icon li:nth-of-type(3) {background: url("../../img/main/top_icon3.png") right 20px bottom 40px no-repeat #003471;background-size:60px;}
ul.top_icon p {font-size:16px;padding:35px 20px;}
ul.top_icon span {font-size:28px;margin-top:2px;}

}

@media (max-width: 767px) {
.bs-slider .visual_bottom {display:none}
.m_visual_bottom {width: 100%;height: 300px;display:block;}

ul.top_icon > li {height:100px;width:100%;}
ul.top_icon  a {width:100%;height:100px;text-decoration:none}

ul.top_icon li:nth-of-type(1) {background: url("../../img/main/top_icon1.png") right 50px bottom 15px no-repeat #003471;background-size:70px;}
ul.top_icon li:nth-of-type(2) {background: url("../../img/main/top_icon2.png") right 30px bottom 15px no-repeat #0072bc;background-size:95px;}
ul.top_icon li:nth-of-type(3) {background: url("../../img/main/top_icon3.png") right 50px bottom 15px no-repeat #003471;background-size:60px;}
ul.top_icon p {font-size:14px;padding:15px 30px;}
ul.top_icon span {font-size:26px;}
}
/* 메인이미지 아이콘3 끝*/		


.bs-slider .visual_bottom .media {padding-top: 40px;}
.bs-slider .visual_bottom .media .media-body {color: #b8b8b8;font-size: 13px;line-height: 15px;padding-left: 20px;}
.bs-slider .visual_bottom .media .media-body h4.media-heading {font-size: 18px;font-weight: 600;margin-bottom: 12px;color: #cdcdcd;}
.bs-slider .visual_bottom .media .media-left i {background-color: #000;min-width: 60px;min-height: 60px;border-radius: 3em;text-align: center;font-size: 25px;padding-top: 18px;color: #979797;transition: 0.6s; cursor: pointer;}
.bs-slider .visual_bottom .media .media-left i:hover {background-color: #fff;color: #000;}



/*열린문소식*/
 section.ym_news_set {margin-top:95px;}
h3.ym_mt {font-size:40px;color:#000000;text-align:center;font-weight:500;letter-spacing:-0.02em;}
p.list_line {margin:0 auto;width:117px;height:17px;margin-bottom:45px;background:url("../../img/main/list_line.png") center;background-repeat: no-repeat;}

ul.ym_news {padding:0;margin:0;}
ul.ym_news:after {clear:both;content:'';display:block;}
ul.ym_news > li {height:340px;float:left;width:calc(100%/3);}
ul.ym_news > li:nth-of-type(1) {background:url('../../img/main/ym_new_bg.jpg') center no-repeat;background-size:cover;}
ul.ym_news > li:nth-of-type(1) > p {padding:115px 45px;font-size:25px;font-weight:300;color:#ffffff;}
ul.ym_news > li:nth-of-type(1) > p > span {font-size:35px;margin-top:10px;font-weight:500;display:block;}

ul.ym_news > li:nth-of-type(2) {border:1px solid #cccccc;}
ul.ym_news > li:nth-of-type(2) > div.news_tit {height:55px;width:100%;background:#f2f2f2;}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p {font-size:25px;margin-left:30px;line-height:55px;color:#003471;font-weight:500;letter-spacing:-0.04em;}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p > a {height:55px;width:65px;float:right;display:block;background:#9e0039;text-decoration:none;}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p > a:hover {background:#003471}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p > a > img {margin-left:30px;}
	
	div.ym_tv > a {height:170px;padding:22px 50px;display:block;text-decoration:none;}
	div.ym_tv > a:nth-of-type(1):hover, div.ym_tv > a:nth-of-type(2):hover {background:#616ed3;}
	div.ym_tv > a > img {float:left;}
	div.ym_tv > a > p {font-size:30px;margin:30px 0 0 150px;color:#ffffff;font-weight:500;}
	div.ym_tv > a > p > span {font-size:18px;margin-top:8px;font-weight:300;display:block;}
	div.ym_tv > a:nth-of-type(1){background:#67ccdf;}
	div.ym_tv > a:nth-of-type(2){background:#00aeef;}



@media (max-width: 1330px) {

section.ym_news_set {margin-top:75px;}
h3.ym_mt {font-size:38px;}

ul.ym_news > li:nth-of-type(1) {width:50%;}
ul.ym_news > li:nth-of-type(2) {width:50%;}
ul.ym_news > li:nth-of-type(3) {width:100%;height:170px;}

div.ym_tv > a {float:left;}
div.ym_tv > a:after {clear:both;content:'';display:block;}
div.ym_tv > a:nth-of-type(1){width:50%}
div.ym_tv > a:nth-of-type(2){width:50%}


ul.ym_news > li:nth-of-type(1) > p {font-size:25px;}
ul.ym_news > li:nth-of-type(1) > p > span {font-size:32px;}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p {font-size:25px;} 
div.ym_tv > a > p {font-size:28px;}
div.ym_tv > a > p > span {font-size:18px;margin-top:6px;}

}


@media (max-width: 992px) {

section.ym_news_set {margin-top:55px;}
h3.ym_mt {font-size:36px;}

div.ym_tv > a {padding:22px 40px;}
ul.ym_news > li:nth-of-type(1) > p {font-size:23px;}
ul.ym_news > li:nth-of-type(1) > p > span {font-size:30px;}
ul.ym_news > li:nth-of-type(2) > div.news_tit > p {font-size:23px;} 
div.ym_tv > a > p {font-size:26px; }
div.ym_tv > a > p > span {font-size:16px;margin-top:6px;letter-spacing:-0.04em;}

}

@media (max-width: 767px) {

section.ym_news_set {margin-top:35px;}
h3.ym_mt {font-size:34px;}

ul.ym_news > li:nth-of-type(1) {width:100%;height:250px}


ul.ym_news > li:nth-of-type(1) > p {padding:90px 45px;}
ul.ym_news > li:nth-of-type(1) > p > span {font-size:28px;}


ul.ym_news > li:nth-of-type(2) {width:100%;} /*공지사항세로크기지정할것*/
ul.ym_news > li:nth-of-type(2) {height:320px;}

div.ym_tv > a > img {width:100px;}
div.ym_tv > a {padding:30px 30px;}
ul
ul.ym_news > li:nth-of-type(1) > p > span {font-size:28px;}
div.ym_tv > a > p {font-size:26px;margin:30px 0 0 120px; }
div.ym_tv > a > p > span {font-size:14px;margin-top:3px;}

}


@media (max-width: 640px) {
ul.ym_news > li:nth-of-type(3) {height:200px;}
div.ym_tv > a {height:200px;text-align:center;}
div.ym_tv > a {padding:20px 30px;}
div.ym_tv > a > img {float:none;}
div.ym_tv > a > p {font-size:24px;margin:10px 0 0 0; }
div.ym_tv > a > p > span {margin-top:-3px;}
}

@media (max-width: 400px) {

div.ym_tv > a > p > span {font-size:12px;}

}

   /*퀵아이콘6*/
   div.quick_icon {height:158px;margin-top:30px;border:1px solid #cccccc;padding:30px 0;}
   div.quick_icon a {border-right:1px dashed #dddddd; float:left;display:block;width:calc(99.5%/6);text-align:center;}
   div.quick_icon a:last-child {border-right:none;}
   div.quick_icon a:after {clear:both;content:'';display:block;}
   div.quick_icon span {font-size:20px;margin-top:5px;font-weight:300;color:#000000;display:block}

@media (max-width: 992px) {

div.quick_icon span {font-size:18px;}


 div.quick_icon {height:310px;margin-top:30px;padding:0;}
 div.quick_icon a {width:calc(100%/3);padding:30px 0;}

 div.quick_icon a:nth-of-type(3), div.quick_icon a:nth-of-type(6) {border-right:none;}
 div.quick_icon a:nth-of-type(4), div.quick_icon a:nth-of-type(5), div.quick_icon a:nth-of-type(6) {border-top:1px dashed #dddddd;}

}


@media (max-width: 480px) {

div.quick_icon span {font-size:16px;}
div.quick_icon {height:405px;}
div.quick_icon a {width:calc(100%/2);padding:20px 0;}

div.quick_icon a:nth-of-type(2n){border-right:none;}
div.quick_icon a:nth-of-type(3) {border-right:1px dashed #dddddd;border-top:1px dashed #dddddd;}

}

/*안채사랑채*/
section.ym_board_set {margin-top:100px;}
div.ym_board_bg {height:297px;background: url("../../img/main/cross_bg.png")center;background-repeat: no-repeat;}

h4.ym_st_w {font-size:25px;font-weight:400;color:#ffffff;letter-spacing:-0.02em;}
h4.ym_st_w span {color:#ffffff;font-weight:900;}

ul.ym_board{}
ul.ym_board:after{}
ul.ym_board > li {float:left;width:50%}
ul.ym_board > li:nth-of-type(1) {padding:80px 150px 0 0}
ul.ym_board > li:nth-of-type(2) {padding:105px 0 0 150px}

ul.ym_board > li > a{height:38px;line-height:37px;margin-top:2%;width:32%;color:#ffffff;text-align:center;text-decoration:none;border:1px solid #98aabc;display:block;float:left;}
ul.ym_board > li > a:hover {background:#fff799;color:#000000;}
ul.ym_board > li > a:nth-of-type(2), ul.ym_board > li > a:nth-of-type(5){margin-left:2%;margin-right:2%;}

	/*생명의말씀*/
	section.ym_word_set{margin-top:50px;}
	h4.ym_st {font-size:25px;font-weight:400;color:#000000;letter-spacing:-0.02em;}
	h4.ym_st span {color:#768ca2;font-weight:900;}
	div.ym_word {margin-top:30px;}
	div.ym_word a {height:74px;line-height:74px;width:calc(97.5%/6);float:left;text-indent:20px;font-size:18px;border:1px solid #cccccc;text-decoration:none;background:url('../../img/main/word_arr.png')  right 20px  bottom 20px no-repeat #fcfcfc;display:block;}
	div.ym_word a:hover {background:url('../../img/main/word_arr_on.png') right 20px  bottom 20px no-repeat #00a99d;color:#ffffff;}
	div.ym_word a:after {clear:both;content:'';display:block;}
	div.ym_word a span {float:right;margin-right:20px;}
	div.ym_word a:nth-of-type(2n){margin:0 0.45%}
	div.ym_word a:nth-of-type(6) {margin-right:0 !important}


@media (max-width: 1330px) {

div.ym_word a {width:calc(98.5%/3);}
div.ym_word a:nth-of-type(2), div.ym_word a:nth-of-type(5){margin:0 0.45%}
div.ym_word a:nth-of-type(4), div.ym_word a:nth-of-type(6) {margin:0.45% 0 0 0}
div.ym_word a:nth-of-type(5) {margin-top:0.45%}
}

@media (max-width: 992px) {

h4.ym_st_w, h4.ym_st {font-size:23px;}
section.ym_board_set {margin-top:65px;}
div.ym_board_bg {height:200px;background:none;}

ul.ym_board > li {height:200px;}
ul.ym_board > li:nth-of-type(1) {background:#768ca2;padding:20px 30px}
ul.ym_board > li:nth-of-type(2) {background:#4a6583;padding:20px 30px}

section.ym_word_set{margin-top:30px;}

}

@media (max-width: 767px) {

section.ym_board_set {margin-top:45px;}
div.ym_board_bg {height:400px;}
ul.ym_board > li {height:200px;}
ul.ym_board > li {width:100%;}
}

@media (max-width: 480px) {

div.ym_word a {width:calc(98.5%/2);text-indent:15px;}
div.ym_word a:nth-of-type(2n){margin-left:0.45%}
div.ym_word a:nth-of-type(5) {margin-left:0;margin-right:0}
div.ym_word a:nth-of-type(3), div.ym_word a:nth-of-type(4){margin-top:0.45%}

}


/*포토갤러리*/
section.ym_photo{margin-top:95px;}

@media (max-width: 1330px) {
section.ym_photo{margin-top:75px;}
}

@media (max-width: 992px) {
section.ym_photo{margin-top:55px;}
}


@media (max-width: 767px) {
section.ym_photo{margin-top:35px;}
}

/*오시는길*/
section.ym_map{margin-top:95px;}
div.map_add{background: url("../../img/main/map_icon.png")center;background-repeat: no-repeat;line-height:120px;font-size:20px;height:92px;margin:-30px auto 0 auto;text-align:center;font-weight:500;}
#daumRoughmapContainer1583169901164 {width:100% !important;border:0px;padding:0;margin-bottom:-80px;}

@media (max-width: 1330px) {

section.ym_map:75px;}
div.map_add{font-size:18px;}
}


@media (max-width: 992px) {
section.ym_map{margin-top:55px;}

}


@media (max-width: 767px) {
.root_daum_roughmap .wrap_map{height:400px !important;}
section.ym_map{margin-top:35px;}
div.map_add{font-size:16px;letter-spacing:-0.04em;}
}




/* footer */

.footer {margin-top: 80px;background-color: #282b39;text-align:center;}

.footer .btn-default {background-color: #fff;background-image: none;text-shadow: none;box-shadow: none; border: 1px #dddddd solid; padding: 4px 11px; border-radius: 0;}
.footer .footer-menu {background-color: #282b39;	border-bottom:1px solid #535561;}

.footer .footer-menu ul {padding: 15px 0 5px 0;}
.footer .footer-menu ul li:before { color: #464646;}
.footer .footer-menu ul li a {font-size: 20px; font-weight: 200;color: #ffffff;}
.footer .footer-menu ul li span {color:#ffffff;margin-left:10px;}

.footer .breadcrumb {margin-bottom: 4px;background-color: transparent;}

.footer p.logo { float: right;margin-top: 23px;}
.footer p.logo img {width: 80%;}
.footer address {margin-top: 25px;font-size: 16px;font-weight:200;line-height: 24px;color: #a9aab0 !important}

.footer p.copyright {margin-top: 0;padding-top: 0;color: #a9aab0;}

.footer_danby {float: right;margin-top:15px;margin-right:80px;border:1px solid #dddddd;padding:0 10px;}

@media (max-width: 992px) {

.footer .footer-menu ul li a {font-size: 18px;}

}

@media (max-width: 767px) {
.footer .footer-menu ul li a {font-size: 16px;}
.footer_danby {display:none}
}

@media (max-width: 480px) {
.footer .footer-menu ul li a {font-size: 14px;letter-spacing:-0.05em}
.footer .footer-menu ul li span {display:none;}
.footer address {font-size:14px;letter-spacing:-0.04em}
.mo_hide {display:none}
.mo_block {display:block;}
}

/* 서브비쥬얼 */
.s_visual_wrap { position: relative; /* min-width: 1100px;*/overflow: hidden;}
.s_visual_wrap .slide {position: relative; /*min-width: 1100px;*/}
.s_visual_wrap .slide ul {padding: 0;margin: 0;}
.s_visual_wrap .slide li {position: absolute;left: 0;top: 0;width: 100%;background-repeat: no-repeat;text-align: center;}
.s_visual_wrap .slide li .content {top: 55%;position: relative;z-index: 3;}
.s_visual_wrap .slide li .content h1 {font-size: 50px;font-weight: 600;color: #fff;letter-spacing:-0.04em}
.s_visual_wrap .slide li .content p {font-size: 30px;font-weight: 400;color: #fff;letter-spacing:-0.04em}

.s_visual_wrap .slide {height: 500px;}

.s_visual_wrap .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index:2 !important}

.s_visual_wrap .slide li {height: 500px;background-position: 50% 35%;}

/* 서브비주얼 마감*/

@media (max-width: 767px) {
.s_visual_wrap .slide li .content h1 {font-size: 35px;}
.s_visual_wrap .slide li .content p {font-size: 20px;}
}


@media (max-width:480px) {

.s_visual_wrap .slide li .content h1 {font-size: 25px;}
.s_visual_wrap .slide li .content p {font-size: 18px;}
.s_visual_wrap .slide {height: 300px;}
.s_visual_wrap .slide li {height: 300px;background-position: 50% 30%;}
}

/* index- content */

.index-content {margin-top: 40px;}
.index-content section {}
.index-content section.company {padding-top: 30px;padding-bottom: 45px;}
.index-content section.company .company_story dl {}
.index-content section.company .company_story dl dt {color: #131313;font-weight: 900;font-size: 32px;padding-bottom: 8px;}

.index-content section.company .company_story dl dt .line {width: 50px;height: 5px;background-color: #607fab;}
.index-content section.company .company_story dl dt span {font-size: 32px;color: #607fab;}
.index-content section.company .company_story dl dd {}
.index-content section.company .company_story p.more {float: left;}
.index-content section.company .company_story p.more i {font-size: 12px;color: #828282;}
.index-content section.company .company_story p.more a {color: #333333;}
.index-content section.company .company_story p.more a:hover {text-decoration: none;}
.index-content section.company p {text-align: center;}

section.product {}

.product_bg {height: 100%;display: block;background: rgba(0, 0, 0, 0.1);}
section.product .content {padding-top: 50px;padding-bottom: 30px;}
section.product .content h2 {text-align: center;font-weight: 900;margin-bottom: 50px;color: #000;font-size: 38px;}
section.product .content h2 p {font-weight: 400;padding-top: 5px;font-size: 18px;}
section.customer {padding-top: 70px;padding-bottom: 0;}
section.customer #tab_wrap {margin-bottom: 20px;/* padding-bottom: 0;*/}
section.customer .line {width: 50px;height: 5px;display: block;background-color: #607fab;}

section.customer p.text {
    font-size: 28px;
    font-weight: 600;
    line-height: 39px;
    margin-top: 14px;
}

section.customer p.text span {
    color: #607fab;
}

section.customer .add_wrap {
    margin-top: 20px;
}

section.customer .add_wrap ul.line-inline {
    padding-left: 0;
}

section.customer .add_wrap ul.line-inline li {
    font-size: 18px;
    margin-top: 5px;
}

.bg-gray {
    margin-top: 30px;
    background-color: #2f2f2f;
    border-radius: 0.4em;
    color: #e3e3e3;
    padding: 12px 20px;
}


/* 탭 */

section.customer .nav-tabs {}

section.customer .nav-tabs > li a {
    margin: 0;
    border-bottom: 0;
}

section.customer .nav-tabs > li.active > a,
section.customer .nav-tabs > li.active > a:focus,
section.customer .nav-tabs > li.active > a:hover {
    border-width: 0;
    color: #fff;
    border-top: 0;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
    background-color: #fff !important;
}

section.customer .nav-tabs > li > a {
    border: none;
    color: #000;
    background: #f8f8f8 !important;
    font-size: 18px !important;
    font-weight: 600;
    border-left: 1px #e3e3e3 solid;
    border-bottom: 1px #e3e3e3 solid;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.customer .nav-tabs > li:first-child > a {
    border-left: 0;
}

section.customer .nav-tabs > li.active:first-child > a {
    border-left: 0;
}

section.customer .nav-tabs > li:last-child > a {
    border-right: 0;
}

section.customer .nav-tabs > li > a > span {
    color: #000;
}

section.customer .nav-tabs > li > a:hover,
,
section.customer .nav-tabs > li > a:focus {
    color: #efefef !important;
    background: #fff;
    color: #000;
    border-top: 0;
    border-bottom: 1px #e3e3e3 solid;
    border-left: 1px #e3e3e3 solid;
}

section.customer .nav-tabs > li.active > a {
    border-bottom: 1px #fff solid !important;
}

section.customer .nav-tabs > li:first-child > a:hover,
section.customer .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}

section.customer .nav-tabs > li.active > a > span,
section.customer .nav-tabs > li > a:hover > span {
    color: #000;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding: 20px;
    border-bottom: 1px #e3e3e3 solid;
    min-height: 223px;
}

section.customer .nav-tabs > li {
    width: 50%;
    text-align: center;
}


/*  sub layout */

#sub_content {/*    margin-top: 120px;*/}

#sub_content .breadcrumb_wrap {/*    border-top: 1px #eee solid;*/border-bottom: 1px #ddd solid; width: 100%;background-color: transparent;background-color: #fefefe;}

#sub_content .breadcrumb_wrap .sub_tab {}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child {border-left: 1px #ddd solid;background: none;padding-right: 0; /*    background-color: #000;*/}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child span {/*    color: #fff;*/}
#sub_content .breadcrumb_wrap .sub_tab > li {padding: 0;margin: 0;float: left;border-right: 1px #ddd solid;cursor: pointer;background: url('../../img/main/arr.png') 90% 50%;background-repeat: no-repeat;padding-right: 15px;}

#sub_content .breadcrumb_wrap .sub_tab > li:hover { /*    background-color: #f7f7f7;*/}
#sub_content .breadcrumb_wrap .sub_tab > li > a {font-size: 15px;line-height: 58px;padding-left: 35px;padding-right: 35px;height: 58px; display: block; margin: 0;}
#sub_content .breadcrumb_wrap .sub_tab > li:last-child {font-weight: 400;}
#sub_content .breadcrumb_wrap .sub_tab .glyphicon-home {font-size: 18px;padding-top: 20px;}
#sub_content .breadcrumb_wrap .sub_tab .btn-group.open .dropdown-toggle {-webkit-box-shadow: none;box-shadow: none;color: #000;}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;box-shadow: none; border: 1px #ddd solid; padding-left: 0;margin-left: 0;margin-top: 0;padding-top: 0;
    width: 100%;margin-bottom: 0;padding-bottom: 0;}

#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li:last-child {border-bottom: 0;}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li {border-bottom: 1px #ddd solid;}
#sub_content .breadcrumb_wrap .sub_tab li a,
#sub_content .breadcrumb_wrap .sub_tab li a:active,
#sub_content .breadcrumb_wrap .sub_tab li a:hover {text-decoration: none;color: #000;}
#sub_content .breadcrumb_wrap .sub_tab > li > a > span.caret {text-align: right;}
#sub_content .breadcrumb_wrap .sub_tab li ul li a:hover {background: #f7f7f7 !important;}
#sub_content .breadcrumb_wrap .sub_tab li ul li span {float: right;font-size: 11px;color: #5c5c5c;line-height: 27px;}
#sub_content .breadcrumb_wrap .sub_tab li ul li a {font-size: 14px;line-height: 32px; background-color: #fff;}
#sub_content .breadcrumb_wrap .breadcrumb {background-color: #fff;padding: 0;margin-bottom: 0;padding-top: 18px;}
#sub_content .breadcrumb_wrap .breadcrumb li,
#sub_content .breadcrumb_wrap .breadcrumb li a {font-size: 12px;line-height: auto;color: #000;}
#sub_content .page-header {margin-bottom: 50px; clear: both;border-bottom: none !important;background:url('../../img/main/list_line2.png') bottom 0px center no-repeat}
#sub_content .page-header h1 {font-size: 32px;font-weight: 700;text-align:center;margin-top:60px;margin-bottom:20px;}
#sub_content .page-header small {font-size: 15px;padding-left: 12px;}


@media (max-width: 1200px) {
    #nav_wrap > .lnb li a,#nav_wrap > .lnb.sub li a {font-size: 16px;padding: 0 20px;padding-bottom: 20px;}
        #nav_wrap > .lnb > li > .subnav > li > a,
    #nav_wrap > .lnb.sub > li > .subnav > li > a {padding-left: 24px;}
}
@media (max-width: 992px) {
    #sub_content .breadcrumb_wrap .breadcrumb {height: 20px;min-height: 20px;display: none;}
    #sub_content .breadcrumb_wrap .sub_tab > li > a {font-size: 14px;line-height: 60px;padding-left: 25px;padding-right: 25px; height: 60px;}
    .animate {opacity: 0;}
}

@media (max-width: 767px) {
    .navbar-brand {float: left;padding: 26px 15px;background: url('../../img/main/logo-white.png') no-repeat center center;width: 266px;height: 37px;background-color: transparent;padding-top: 50px;}
	.navbar-sub .navbar-brand {padding: 26px 15px;}
    .navbar-nav {padding-top: 0;padding-bottom: 0;}
    .navbar-collapse {background-color: #fff;}
    .navbar-nav li {border-bottom: 1px #eee solid;}
    .navbar-nav li:last-child {border-bottom: 0;}
    .navbar-nav li a {font-size: 13px;}
    .navbar-nav li:hover {background-color: #fff;}
    .navbar-nav li span {float: right;margin-top: 8px;}
    .navbar-nav li ul li {padding-left: 12px;}
    .navbar-brand {margin-left: 10px;}

    .visual_bottom {/* display: none; */}
    .index-content section.company .company_story dl dt {font-size: 26px;}
    .index-content section.company .company_story dl dt span { font-size: 26px; color: #607fab;}
    
	section.product .content h2 {font-size: 32px;  color: #fff;}
    section.product .content h2 p {padding-top: 5px;font-size: 16px;color: #fff;}
    .product_bg {height: 100%;display: block;background: rgba(0, 0, 0, 0.3);}
    section.customer #tab_wrap {padding-bottom: 0; margin-bottom: 0;}
    section.customer {padding-top: 40px;}
    section.customer p.text {font-size: 20px;line-height: 27px; }
    section.customer .latest_wrap {margin-top: 30px;}
   
    #sub_content .page-header small {display: none;  }
    #sub_content .breadcrumb_wrap .container {padding: 0; margin: 0;}
    #sub_content .breadcrumb_wrap .sub_tab > li:first-child a { padding-left: 15px; padding-right: 15px;}
    #sub_content .breadcrumb_wrap .sub_tab > li > a {padding-left: 35px; padding-right: 35px;}
    #sub_content .page-header {/* margin-bottom: 20px;*/}
    
    
    
}
@media (max-width: 480px) {
    .navbar-brand {padding-left: 30px;width: 266px;padding-top: 50px;background-position: 20% 60%;}
    .navbar-sub .navbar-brand {padding-left: 30px; /* 서브 상단 로고 */ width: 266px; height: 37px; padding-top: 50px;background-position: 20% 60%;}
    .affix .navbar-brand {padding-left :30px;/* 서브 페이지나 스크롤 내렸을때  로고 */width: 266px; height: 37px; padding-top: 50px; background-position: 20% 60%;}
    .navbar-default {padding: 0;}
    section.customer .nav-tabs > li > a {border: none;color: #000;background: #f8f8f8 !important;font-size: 16px !important;font-weight: 600;border-left: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid;border-radius: 0;padding-top: 13px;padding-bottom: 13px;}
    section.customer .tab-pane {padding: 0;}
    section.customer .tab-content {padding: 15px;border-bottom: 1px #e3e3e3 solid;min-height: auto;height: auto;}
    .footer p.logo {display: none;}
	 #sub_content .breadcrumb_wrap .sub_tab > li > a {padding-left: 15px; padding-right: 15px;}
}




/*전체메뉴모달윈도우*/
.overlay {height: 0%;width: 100%;position: fixed;z-index:998;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-y: hidden;overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 35%;width: 100%;}

.overlay-content > ul {width:1300px;margin:0 auto;}
.overlay-content > ul > li {float:left;width:calc(95%/6);text-align:center;font-size:20px;height:50px;line-height:50px;font-weight:500;border:1px solid #666;}
.overlay-content > ul > li:nth-of-type(2n) {margin:0 1%;}
.overlay-content > ul > li:nth-of-type(6) {margin-right:0}
.overlay-content > ul > li > a {color:#fff;text-decoration:none;}
ul.allnav {margin-top:20px;}
ul.allnav > li > a {color:#ccc;font-size:18px;line-height:35px;text-decoration:none;font-weight:300}

.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 30px;right: 45px;font-size: 60px;z-index:9999;color:#fff;text-decoration:none;}	


/*메인메뉴에 노출되게 하지않기위해서꼭 추가해야함*/

#nav_wrap > .lnb.sub > li:nth-of-type(7), #nav_wrap > .lnb.sub > li:last-child {display:none;}
#nav_wrap > .lnb > li:nth-of-type(7), #nav_wrap > .lnb > li:last-child {display:none;}