body{margin:0;padding:0;}
#Quick{
    position: fixed;
    top:190px;
    right:0;
    z-index: 9999;
}

#Quick ul{
    list-style:none; 
    margin: 0;
    padding: 0;
}

#Quick ul li{
    display: inline-block;
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom:5px;
}
#Quick ul li img{
    margin: 0;
    padding: 0;
}
#Quick ul li .icon{
    display: inline-block;
    margin: 0;
    padding: 0;

}

#Quick ul li .txt{
    display: inline-block;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 999;
    -webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform:translateX(250px);
	transform: translateX(250px);

    
}


#Quick ul li .txt{
	-webkit-animation: opa 0.1s;
	-moz-animation: opa 0.1s;
	animation: opa 0.1s;
}
@-webkit-keyframes opa {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% { 
		opacity: 0;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes opa {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% { 
		opacity: 10;
		-moz-transform: translateX(0);
	}
}
@keyframes opa {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% { 
		opacity: 0;
		transform: translateX(0);
	}
}




#Quick ul li:hover .txt{
    -webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	-webkit-transform: translateX(-180px);
	-moz-transform: translateX(-180px);
	-ms-transform: translateX(-180px);
	transform: translateX(-180px);
    -webkit-transition-delay: 0.01s;
	-moz-transition-delay: 0.01s;
	transition-delay: 0.01s;
}


#MQuick{display: none;
    position: fixed;
    bottom:0;
    right:0;
    left:0;
    margin: auto;
    z-index: 9999;
}
#MQuick ul li{
    background-color: #505050;
    color:#fff;
    text-align: center;
    float: left;
    width:33.3333333333333%;
    font-size:18px;
    padding:20px 0;
    cursor: pointer;
}
#MQuick ul li{

}
.m-quick{position: absolute; top:-5px; bottom:0; right:70px;display: none;}
.m-quick a{cursor: pointer;}
.m-quick div{display: inline-block;}


#MQuick ul a:hover li{
    background-color: #000;
}



#Contents{
    margin: 0 auto;
    margin-top: 260px;
    width:1200px;
}
#Contents img{
    display: block;
    margin: 0 auto;
    padding:0;
    width:100%;
}
#Contents .img-box{}

ul.video-box{
    list-style: none;
    padding: 0;
    margin: 0;   
    display: flex;
    justify-content: space-between;
}
ul.video-box li{
    line-height: 0;
     list-style: none;
    padding: 0;
    margin: 0;   
}
ul.video-box .pc{display: block;}
ul.video-box .mobile{display: none;}
ul.video-box li img{
    width:100%;
}
ul.video-box li .videoWrapper{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

  .videoWrapper {
			position: relative;
			overflow: hidden;
			width : 50%;
			height : 0;
			padding-bottom: 28.174%;
			 margin : 0 auto;
			
		}

       @media (max-width: 800px) { 
			.videoWrapper {
				width : 100%;
				padding-bottom: 56.25%;
			}
		}
      .videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

.video-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content objest,
.entry-content embed{
    max-width: 100%;
}


#Contents .btn-box{
    margin-top:50px;
    text-align: center;
}

#Contents a.btn {
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
    background-color: #ff896f;
}

#Contents a.btn.blog{
    background-color: #ff896f;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#Contents a.btn.blog:hover{
    background-color: #4dbebd;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}





footer{
    background-color: #363636;
    margin: 0 auto;
    margin-top:150px;
    padding:40px 0 !important;
    color:#b7b7b7;
    line-height: 1.5em;
    font-size:12px;    
}
footer p{padding:2px;}

footer span{font-weight: bold; color:#ff896f;}
footer img{
    display: block;
    margin: 0 auto;
    padding:60px;
}

    #Branch { 
        margin: 0 auto; 
        width: 100%; 
        max-width: 1200px; 
        padding: 100px 0;
    }
    #Branch img { width: 100%; display:block; }
    #Branch img.pc{display: block;}
    #Branch img.mobile{display: none;}
    #Branch .sect { 
        position: relative;
        width: 100%;
        top:0;
        clear: both;
    }
    #Branch .sect img { 
        width: 100%;
        margin: auto;
    }
    @media all and (max-width:590px) { 
    #Branch img.pc{display: none;}
    #Branch img.mobile{display: block;}
    }


@media all and (max-width:1199px) {
    #Contents{width:100%; }
    #MQuick,.m-quick{display: none;}
}
@media all and (max-width:900px) {
    #Contents{width:100%; max-width:100%; min-width:320px;margin-top:30px;}
    #Quick{display: none;}
    #MQuick,.m-quick{display: block;}
    footer{margin-bottom: 60px;}
    ul.video-box{display: block;}
    .flex_column.col1 li,ul.video-box li{width:100%;display: block;}
    ul.video-box li:first-of-type{margin-bottom: 30px;}
    ul.video-box .pc{display: none;}
    ul.video-box .mobile{display: block;;}
    
    .video-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content objest,
.entry-content embed{
    max-width: 100%;
}
    footer img{max-width: 100%;}

}



/*헤더*/

/* layout */
@media all and (max-width: 1199px) {
.map_bx{width: 100%;}
.contents_w{width:100%;}
#header .gnb ul{width:100%;}
#footer_wrap .footer{width:100%;}
.STATICMENU{display:none;}
}
@media all and (max-width: 500px) {
body{font-size:13px;}
.mt20{margin-top:10px;}
.mt50{margin-top:25px;}
.mt60{margin-top:30px;}
.mt100{margin-top:50px;}

.btn_m{line-height:35px;}
}

@media all and (max-width: 700px) {
    #container {margin-top: 25px;}
}

/* 공통 */

@media all and (max-width: 1920px) {
    #header .s_memn > li { padding:0 !important; font-size:18px; }
    #header .top_util{position:absolute;top:35px;right:70px; z-index: 101; line-height: 16px;}
    #header .top_util a{display:inline-block;text-align:center;padding:0 7px 0 3px; border-right:1px solid #d7d7d7; font-size:12px;}
}
@media all and (max-width: 1366px) {
    #header .s_memn > li { padding:0 !important;font-size:15px; }
    #header .top_util{position:absolute;top:35px;right:70px; z-index: 101; line-height: 16px;}
    #header .top_util a{display:inline-block;text-align:center;padding:0 7px 0 3px; border-right:1px solid #d7d7d7; font-size:11px;}
}
@media all and (max-width: 1280px) {
    #header .s_memn > li { padding:0 !important; font-size:15px; }
}

@media all and (max-width: 1199px) {
    #header h1{padding-left:10px;}
    #header .s_memn li{padding:0 20px;}
    #header .s_memn li.last{padding:0 20px;}

    #footer_wrap .footer .f_menu{}
    #footer_wrap .footer .f_menu li{display:table;width:25%;text-align:center;}
    #footer_wrap .footer .f_menu li a{display:table-cell;vertical-align:middle;height:48px;padding:0;line-height:1em;word-break:normal;word-break:keep-all;}
    #footer_wrap .footer .f_box01 {padding: 20px;}
    #footer_wrap .footer .f_box01 .f_logo{display:none;}
    
}
@media all and (min-width: 901px) {
    #header .nav_logo_m {display: none;}
    .intro_footer .intro_fcounsel_m {display: none;}
}
@media all and (max-width: 900px) {
    #header{position:relative;z-index:5;height:65px; border-bottom: 1px solid #d7d7d7;}
    #header .nav_logo {display: none;}
    #header .nav_logo_m {display: block; padding: 20px;}
    #header .contents_w .navbar-collapse_pc .nav_kakao {display: none;}
    #header .s_memn > li > a {line-height: 120px;margin-top: -40px;}
    #header .s_memn > li > .nav_item_02 {margin-top: -15px;}
    #header .s_memn > li > .nav_item_04 {margin-top: -35px;}
    #header .s_memn > li > .nav_item_05 {margin-top: -15px;}
    #header .s_memn > li > .nav_item_06 {margin-top: -55px;}
    #header .s_memn > li > .nav_item_07 {margin-top: -55px;}
    .main_wrap02 #header{background:url('../images/common/bg_gnb02.jpg') no-repeat left bottom;background-size:100%  5px;}
    .main_wrap03 #header{background:url('../images/common/bg_gnb03.jpg') no-repeat left bottom;background-size:100%  5px;}
    .main_wrap04 #header{background:url('../images/common/bg_gnb04.jpg') no-repeat left bottom;background-size:100%  5px;} 
    #header .contents_w{overflow:visible;}
    .navbar-toggle_pc{display:inline-block;position:absolute;top:16px;right:16px;border-radius:4px;margin:0;padding:9px 10px;background:#fff;border:1px solid #ff896f; }
    .navbar-toggle_pc .icon-bar{display:block;background:#ff896f;width:22px;height:2px;margin-top:4px;border-radius:1px;}
    .navbar-toggle_pc .icon-bar:first-child{margin-top:0;}
    .main_wrap02 .navbar-toggle_pc{border-color:#0067af;}
    .main_wrap02 .navbar-toggle_pc .icon-bar{background:#0067af;}
    .main_wrap03 .navbar-toggle_pc{border-color:#8dc442;}
    .main_wrap03 .navbar-toggle_pc .icon-bar{background:#8dc442;}
    .main_wrap04 .navbar-toggle_pc{border-color:#47d2d1;}
    .main_wrap04 .navbar-toggle_pc .icon-bar{background:#47d2d1;}

    .navbar-collapse_pc{display:none;position:absolute;top:65px;left:0;width:100%;background:#fff;z-index:99;padding-bottom: 20px;}
    #header .navbar-collapse_pc .top_util{position:relative;top:auto;right:auto;text-align:center; margin: 10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
    #header .navbar-collapse_pc .top_util a{border:0;}
/*    #header .navbar-collapse_pc .top_util a:first-child{display: none;}*/
    #header .navbar-collapse_pc .fh_in{position:relative;top:auto;right:auto;text-align:center;width:100%;padding:0;background:#1dabda;}
    #header .navbar-collapse_pc .s_memn{position:relative;top:auto;right:auto;display:table;width:100%;border-bottom:1px solid #d7d7d7;}
    #header .navbar-collapse_pc .s_memn li{float:none;width:100%;padding:0;text-align:center;background:none;font-size:1.2em;}
    #header .navbar-collapse_pc .s_memn .menu_common_wrap {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_01 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_02 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_03 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_04 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_05 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_06 {display: none;}
    #header .navbar-collapse_pc .s_memn .menu_img_07 {display: none;}

    #header .navbar-collapse_pc .s_memn li a{display:block;}
    #header .navbar-collapse_pc .s_memn > li > div{visibility: visible;height:auto;opacity:1; position:relative;top:auto;left:auto; width:100%; }
    #header .navbar-collapse_pc .s_memn > li > div > i{display:none;}
    #header .navbar-collapse_pc .s_memn > li > div > ul{height: auto; overflow:hidden;width:100%;margin:0 auto;padding:0;font-size:0.7em; left: 0; z-index: 200; top: -45px; background-color: #ededed;}
    #header .navbar-collapse_pc .s_memn > li > div > ul >li {float:left;width:33%;line-height: 24px; border: none;}
    #header .navbar-collapse_pc .gnb{background:#1dabda;padding-bottom:10px;}
    #header .navbar-collapse_pc .gnb li.gnb_item{float:none;width:100%;}
    #header .navbar-collapse_pc .gnb li.gnb_item a{}
    #header .gnb li.gnb_item .nav_sec{position:relative;top:auto;left:auto;height:auto;background:none;}
    #header .gnb li.gnb_item .nav_sec ul{overflow:hidden;width:96%;margin:0 auto;padding:10px 0;background:#86c2d5;}
    #header .gnb li.gnb_item .nav_sec ul li{float:left;width:50%;padding:0;}
    #header .gnb li.gnb_item .nav_sec ul li a{display:block;line-height:2em;color:#e9f7fb;}
    #header .gnb li.gnb_item:hover .nav_sec{background:none;}
    #header .gnb_w{background-size:100% 100%;} 
    #header .gnb li.gnb_item{width:25%; }
    #header .gnb li.gnb_item > a{line-height:35px;font-size:1em;}
    
    #header .top_util a {padding-right: 5px;}
    
    .intro_footer .intro_fcounsel {width: 100%; height: 60px; padding: 15px;display: none;}
    .intro_footer .intro_fcounsel > ul {font-size: 12px; width: 100%;}
    .intro_footer .intro_fcounsel > ul > li {margin: 5px;}
    .intro_footer .intro_fcounsel > ul > li > a > img {display: none;}
    .intro_footer .intro_finfo .intro_f_copy div .f_rule > a {margin: 0 5px;}

	/* 모바일메뉴_start */  
	.nav_freehugin{ display:block;z-index:10000;} 
	.nav_menu{background:#eaeaea;/* font-size:0.8em; */ }
	.nav_menu .nav_menu_header{padding:14px 20px 17px;}
	.nav_menu .nav_menu_header h2{font-size: 20px; text-align:left;border-bottom: 1px solid #000; width: 67px; padding-bottom: 15px;}
	.nav_menu .nav_menu_header .offcanvas-toggle{position:absolute;top:28px;right:20px;}
	.nav_menu .nav_menu_header .offcanvas-toggle img{width:13px;}
	.nav_menu .nav_menu_header .menu_search a{display:block;padding:4px 0;border-radius:3px;border:1px solid #d3dce3;background:#fff;color:#272727;text-align:center;}
	.nav_menu .nav_menu_header .menu_search img{vertical-align:middle;width:12px;}
	.nav_menu .nav_menu_container{padding-bottom:50px;z-index:6;position:absolute;top:69px;right:0;bottom:0;width:100%;overflow-y:auto;}
	.nav_menu .util_menu{overflow:hidden;width:100%;background:#ffffff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
	.nav_menu .util_menu li{float:left;width:25%;text-align:center;}
	.nav_menu .util_menu li a{display:block;padding:10px 0;border-left:1px solid #dfdfdf; height: 58px; color: #fe5241;}
	.nav_menu .util_menu li a i{display:block;padding-bottom:5px;}
	.nav_menu .util_menu li a i img{width:20px;}
	.nav_menu .gnb{background:#fff;border-top:1px solid #d7d7d7;}
	.nav_menu .gnb >li{background-color: #c9bfbd;}
	.nav_menu .gnb >li >a{display:block;padding:0 25px;border-bottom:1px solid #dfdfdf;line-height:3em;background:url('/m/images/blet_menu_red.png') no-repeat 96% 50%;background-size:5px 8px;}
	.nav_menu .gnb >li ul{overflow:hidden;width:100%;}
	.nav_menu .gnb >li ul li{float:left;}
 
	.nav_menu .gnb>li.dropdown >a{background:url('/m/images/blet_menu_down.png') no-repeat 96% 50%;background-size:7px 7px; background-color: #e1e1e1;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_02{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_03{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_04{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_05{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_06{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_07{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_02 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_03 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_04 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_05 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_06 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%}
	.nav_menu .gnb .gnb_dropdown-menu_07 >li{border-bottom:1px solid #dfdfdf;line-height:3em;width: 50%} 
	.nav_menu .gnb .gnb_dropdown-menu > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;}
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_02 > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_03 > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_04 > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_05 > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_06> li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu_07> li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 85% 50%;background-size:5px 8px;} 
	.nav_menu .gnb .gnb_dropdown-menu{margin:0;float:none;font-size:1em;display:none;}
	.nav_menu .gnb .gnb_dropdown-menu >li{border-bottom:1px solid #dfdfdf;line-height:3em;}
	.nav_menu .gnb .gnb_dropdown-menu > li > a{display:block;padding:0 25px 0 25px;line-height:3em;background:url('/m/images/blet_menu.png') no-repeat 96% 50%;background-size:5px 8px; }
	.nav_menu .gnb>li>a>i>img{width:15px;vertical-align:middle;}

	.nav_menu .gnb_counsel >li>a{ background:none;} 
	/* 모바일메뉴_end */
    
    
}



@media all and (max-width: 400px) {
#header .nav_logo_m {}
#header .top_part{font-size:0.85em;}
#header .top_part dl{width:25%;}
#header .top_part p{width:30%;}
#header .top_part div{width:45%;text-align:right;}
#header .top_part div a{width:23px;}
#footer_wrap .footer .f_box01 {font-size:0.9em;line-height:1.5em;}
}