/** 통합 레이아웃 시작 **/
.wrap {width: 100%; margin:0; position:relative; font-family: 'Roboto', 'Noto Sans KR', sans-serif;}

.inner { max-width:1200px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.clearfix:after { content:""; display:block; clear:both; }

/* 상단 메뉴 영역 */
header #hd_top{ position:fixed; top:0; width:100%; background:rgba(255,255,255,1); z-index:222; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
header #hd_top .logo { position:absolute; left:0; top:15px; }
header #hd_top .logo img{ width: 280px;}
header #hd_top nav { text-align:right; font-size:0; letter-spacing:-4px;}
header #hd_top nav .gnb { display:inline-block; letter-spacing:-0.5px; }
header #hd_top nav .gnb > li { float:left; position:relative; }
header #hd_top nav .gnb > li > a { font-size:18px; color:#111; font-weight:400; display:block; padding:40px 34px; }
header #hd_top nav .gnb > li > .depth2 { position:absolute; z-index:10; padding-top:25px; width:100%; display:none; text-align:center;}
header #hd_top nav .gnb > li > .depth2 > li { margin-bottom:12px;}
header #hd_top nav .gnb > li > .depth2 > li:last-child { margin:0; }
header #hd_top nav .gnb > li > .depth2 > li > a { font-size: 15px; color:#222; line-height:130%; }
header #hd_top nav .gnb > li > .depth2 > li > a:hover{ text-decoration: underline;}
.gnbBg { position:absolute; top:98px; background:rgba(255,255,255,0.9); height:145px; width:100%; display:none; padding: 0px; margin: 0px;}

/** 메인 이미지 **/
#mvisual_wrap{ position:relative; width:100%; height:569px; margin-top: 98px;}
#mvisual .control_nums{ position:absolute; width:200px; left:50%; bottom:30px; margin-left:-100px; display:inline-block; text-align:right; z-index:2;}
.flex-direction-nav{ display:none; }
/* 메인 이미지 슬라이드 */
#mvisual_wrap #mvisual .gallery ul li{width:100%; height:570px; text-align:left;}
#mvisual_wrap #mvisual .gallery ul li.main_slide01{background:url(../../img/main/main_slide01.jpg) no-repeat center 0; background-size: cover;}
#mvisual_wrap #mvisual .gallery ul li.main_slide02{background:url(../../img/main/main_slide02.jpg) no-repeat center 0; background-size: cover;}
#mvisual_wrap #mvisual .gallery ul li.main_slide01 div{}
#mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01,
#mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02{width: 100%; text-align: center; margin:210px auto; }
#mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b,
#mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b{width:100%; margin:0 auto 40px; display:block; font-size:60px; color:#fff; font-weight:500; text-shadow: 1px 1px 5px rgba(0,0,0,.5);}
#mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 p,
#mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 p{font-size:32px; color:#fff; font-weight:400; text-shadow: 1px 1px 5px rgba(0,0,0,.5); text-transform:capitalize;}

/******************** 메인 컨텐츠 영역 ********************/
.m_content{ position:relative;  width:100%; padding:45px 0 60px; }
.m_content:after{content:''; position:absolute; bottom:0; width: 100%; height: 630px; background: #f3f4fa url(../../img/main/bg_bottom.png) no-repeat center 0; background-size: cover;}
.m_content_in{ position:relative; width:1200px; margin:0 auto; overflow:hidden; z-index:1;}
.m_content_in h2{text-align:center; font-size:24px; font-weight:500; letter-spacing:4px; color:#111; margin-bottom:43px; }
.m_content_in h2 span{ color:#2826aa;}

.m_con_list{ width: 100%; display: flex; flex-wrap: wrap; background: url(/img/main/bg_btn.jpg) no-repeat center 0; background-size: cover;}
.m_con_list li {flex-basis: calc(25% - 1px); text-align:center; box-sizing: border-box; border-right:1px solid rgba(255, 255, 255, 0.2);}
.m_con_list li a{display: block; width:100%; height: 100%; padding: 35px 15px 35px; box-sizing: border-box;}
.m_con_list li img{width: 80px; margin: 0 auto;}
.m_con_list li b, .m_con_list li span{display: block; color: #fff;}
.m_con_list li b{margin:25px 0 15px; font-size: 24px; font-weight: 500;}
.m_con_list li p{font-size: 14px; opacity: 0.7;  color: #fff; word-break: keep-all; font-weight: 200; line-height: 150%;}

.m_content_bottom{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; background: #fff;}
.m_content_bottom .left{flex-basis: 47%; padding: 50px 0 0 50px; }
.m_content_bottom .left .map{position: relative; height: 225px}
.m_content_bottom .left .address{}
.m_content_bottom .left .address b{font-size: 26px; font-weight: 600; color:#111;}
.m_content_bottom .left .address p{font-size: 17px; margin: 10px 0 30px;}
.m_content_bottom .right{flex-basis: calc(47% - 100px); padding: 50px 50px 50px 0; }
.m_content_bottom .right a{display: block;}
.m_content_bottom .right a:first-child{border-bottom: 1px solid #e4e4e4;}
.m_content_bottom .right dl{padding-left:160px; height: 120px;}
.m_content_bottom .right dl.notice{background: #fff url(/img/main/ico_banner01.png) no-repeat 20px 0px; background-size: 110px; margin: 30px 0 20px;}
.m_content_bottom .right dl.qna{background: #fff url(/img/main/ico_banner02.png) no-repeat 20px 0px; background-size: 110px; margin: 30px 0 0;}
.m_content_bottom .right dt{margin-bottom:10px; font-size:24px; font-weight:500; color:#111; padding-top: 20px;}
.m_content_bottom .right dd{font-size:16px;color:#111; font-weight:200; line-height: 150%;}

/** 하단 정보영역 **/
.footer {position:relative; width: 1200px; margin: 0 auto; padding:35px 0; overflow:hidden;  word-break:break-all;}
.f_txt{ width: 60%; float:left; line-height:180%; }
.f_txt .copyright{ font-size:13px; color:#808286; font-weight:300; margin-top:5px; letter-spacing: 0;}
.f_call{ float:right; padding:10px 0 10px 80px; background: url(/img/main/ico_call.gif) no-repeat left center; background-size: 60px;}
.f_call dl dt{font-size:20px; color:#111; }
.f_call dl dt b{font-size:32px; color:#111; margin:0 0 10px 8px;}
.f_call dl dd{font-size:25px; font-weight:700; color:#111; margin-top: 10px;}
.f_call dl dd em{display:block; font-size:15px; font-weight:300;}


/**************************************************************************************************************************************/
/****** 화면 해상도별 ******/
@media screen and (min-width:1201px){
	nav .top { display:none;}
    .menu_btn { display:none;}	
}
@media all and (max-width:1200px) {
    .inner { max-width:96%;}
    .menu_btn { display:none;}
    /** 상단 영역 **/
    header #hd_top nav .gnb > li > a { font-size:18px; padding:35px 20px 35px;}
    header #hd_top .logo { top:14px; left:25px;}
	header #hd_top .logo img { width:240px;}
    .gnbBg {top:82px;}
    
    /** 메인 이미지 **/
    #mvisual_wrap{margin-top: 82px;}

    /******************** 메인 컨텐츠 영역 ********************/
    .m_content:after{ height: 360px; }
    .m_content_in{width: 100%;}
    .m_content_bottom{margin-top: 0;}

    /** 하단 정보영역 **/
    .footer{width: 96%; margin: 0 2%;}
    .f_txt p span{ display:block;}
    .f_txt .copyright span{ margin-left:0;}
    .f_call{padding-left:65px; background-size: 55px; }
    .f_call dl dt{font-size:17px; }
    .f_call dl dd{ font-size:20px; }

}

@media all  and (max-width:990px) {
	.mobile_none{display:none !important;}
    .menu_btn { display:none;}
    /** 상단 영역 **/
	header #hd_top nav .gnb > li > a { font-size:15px; padding:27px 15px;}
    header #hd_top .logo { top:10px; left:20px;}
	header #hd_top .logo img { width:200px;}
    .gnbBg {top:69px;}

    /* 메인 이미지 슬라이드 */
    #mvisual_wrap{margin-top: 69px;}
	#mvisual_wrap,
	#mvisual_wrap #mvisual .gallery ul li{height:350px; }
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01,
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02{margin:50px auto; }
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b,
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b{width:100%; margin:0 auto 20px; padding-left:0; }
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b span,
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b span{display:block; font-size:45px; line-height:120%;}
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b span:nth-child(1),
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b span:nth-child(1){letter-spacing:0;}
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b span:nth-child(2),
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b span:nth-child(2){letter-spacing:0;}
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b span:nth-child(3){letter-spacing:0;}
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 p,
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 p{font-size:19px;}

	/******************** 메인 컨텐츠 영역 ********************/
    .m_content{ padding:40px 0 50px; }
	.m_content_in h2{ font-size:20px; letter-spacing:0;}
	.m_con_list li:nth-child(1) a, .m_con_list li:nth-child(2) a{border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	.m_con_list li img{width: 30%;}
    
    .m_content_bottom{display:block; width: 100%;}
	.m_content_bottom .left, .m_content_bottom .right{width:100%; padding:40px; box-sizing: border-box;}
    .m_content_bottom .left{padding-bottom: 0;}

	/** 하단 정보영역 **/
	.f_txt { width: 100%; text-align:center; margin-bottom:20px;}
	.f_txt .copyright{margin-top:5px; }
	.f_call { float:none; width: 100%; margin:0 auto; padding: 0; background: none;  text-align:center; }
	.f_call dl{ margin-right: 20px; }
	.f_call dl dd a{color:#197bd1;}
    .f_call dl dt b{display: block;}

}

@media all and (max-width:768px) {
    body{margin: 0 auto;}
    
	/* 상단 메뉴 영역 */
	header #hd_top { height:60px; }
	header #hd_top > div { height:100%; }
	header #hd_top .logo { top:49%; left:50%; margin-left:-90px;
        transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
	}
    header #hd_top .logo img{ width: 180px;}
	nav .top { display:block; text-align:right; padding:0 17px; height:60px; border-bottom:1px solid #d1d1d1; }
	nav .top .menu_close { position:relative; top:50%;
        transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
	}
	nav .top .menu_close button { background:url("/img/main/close_btn.png") no-repeat center;  background-size:18px; width:18px; height:18px; border:none;}
	header #hd_top nav { position:fixed; right:0; top:0; width:81%; max-width:384px; height:100%; background:#fff; z-index:9999; right:-384px;}
	header #hd_top nav .gnb { display:block;}
	header #hd_top nav .gnb > li { float:none; }
	header #hd_top nav .gnb > li > a { text-align:left; padding:0 19px; height:58px; line-height:58px; border-bottom:1px solid #d1d1d1; font-size:19px; color:#222; background:url("/img/main/gnb_arr_off.png") no-repeat 95% center;}
	header #hd_top nav .gnb > li.arr_m_none > a { background:none;}
	header #hd_top nav .gnb > li.on > a { background:url("/img/main/gnb_arr_on.png") no-repeat 95% center #1a4ca6; color:#fff;}
	header #hd_top nav .gnb > li > .depth2 { position:static; border-bottom:1px solid #d1d1d1; padding:22px 19px; display:none;}
	header #hd_top nav .gnb > li > .depth2 > li {}
	header #hd_top nav .gnb > li > .depth2 > li > a { font-size:16px; text-align:left; display:block; color:#222;}
    header #hd_top nav .gnb > li.logo2 img { width: 81px; height: 25px; margin:18px 0 0; }

	.menu_btn { display:block; position:absolute; right:3%; top:50%;
        transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
	}
	.menu_btn button { background:url("/img/main/btn_menulist.png") no-repeat center top;  background-size:22px; width:22px; height:22px; border:none; }
	.gnbBg { position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; }
    
	/** 메인 이미지 **/
    #mvisual_wrap{margin-top: 60px;}
	#mvisual_wrap,
	#mvisual_wrap #mvisual .gallery ul li{height:200px; }
	#mvisual_wrap #mvisual .gallery ul li.main_slide01,
	#mvisual_wrap #mvisual .gallery ul li.main_slide02{background-size:auto 200px;}
	#mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01,
	#mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02{margin:70px auto;}
	#mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 b,
	#mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 b{ font-size:28px; margin-bottom: 10px;}
    #mvisual_wrap #mvisual .gallery ul li.main_slide01 div.slide-title01 p,
    #mvisual_wrap #mvisual .gallery ul li.main_slide02 div.slide-title02 p{font-size:13px;}

    #mvisual .control_nums{ bottom:0px; }


	/******************** 메인 컨텐츠 영역 ********************/
	.m_content{ padding:30px 0; }
	.m_content_in h2{ font-size:15px; margin-bottom:30px; }
    
    .m_con_list li {flex-basis: 50%; }
	.m_con_list li a {padding:20px 10px; }
	.m_con_list li span { margin-top:10px; font-size:12px; }
    .m_con_list li b{margin:15px 0 8px; font-size: 16px;}
    .m_con_list li p{font-size: 12px;}

    .m_content_bottom .left, .m_content_bottom .right{padding:25px;}
    .m_content_bottom .left{padding-bottom: 0;}
    .m_content_bottom .left .map{height: 200px}
    .m_content_bottom .left .address b{font-size: 18px;}
    .m_content_bottom .left .address p{font-size: 13px; margin: 5px 0 15px;}
    .m_content_bottom .right{padding: 25px; }
    .m_content_bottom .right dl{padding-left:80px; height: 80px;}
    .m_content_bottom .right dl.notice{background-position: 0 0px; background-size: 60px; margin: 10px 0 5px;}
    .m_content_bottom .right dl.qna{background-position: 0 0px; background-size: 60px; margin:20px 0 0;}
    .m_content_bottom .right dt{margin-bottom:5px; font-size:20px; padding-top: 8px;}
    .m_content_bottom .right dd{font-size:12px;}

	/** 하단 정보영역 **/		
	.footer{padding:30px 0;}
	.f_txt{ font-size:12px; line-height:170%; }
	.f_txt .copyright{ font-size:11px; }
    .f_txt em{display: block;}
	.f_call dl dt{font-size:15px; }
    .f_call dl dt b{font-size:26px; margin:0 0 5px 0;}
	.f_call dl dd em{ font-size:12px; }
    
}