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

/* header */
#header{min-height:84px; text-align:center;  position:relative;}
#header .container{padding:0;}
#logo{ position: absolute; left: 50px; top: 17px;}
#logo img{    vertical-align: top;}
#gnb {padding-top:30px; display:inline-block; margin-left: 58px;}
#gnb .panel{float:left; margin-left:23px; margin-right:23px;}
#gnb .panel-title{font-size:1.25rem;}
#gnb .panel-title a{ font-weight:400; text-decoration: none;}
#gnb .panel-collapse{position:absolute; z-index:155; width: 100%; left: 0; padding: 0 50px; top: 84px;}
#gnb .panel-body{/* background:#fff; */overflow:hidden;    margin-bottom: 1px;}

#gnb .panel-body .menu_title { width: 50%; text-align:  left; float: left; padding: 102px 44px 70px 216px; /* background-color:#f6f6f6; */ height: 354px;border-right: 1px solid #ddd;}
#gnb .panel-body .menu_title strong { font-size:  1.875rem;font-weight:  700; color: #000; margin-bottom: 13px; display:  block;}
#gnb .panel-body .menu_title p { font-size: 0.938rem; line-height: 1.8;}

#gnb .panel-body>ul {    position: relative; width: 25%; float:  left;  height: 354px; padding: 30px 0 30px 30px; text-align:  left; margin:0; }
#gnb .panel-body>ul>li { margin-bottom: 6px; padding-right:30px;}
#gnb .panel-body>ul>li>a { padding: 6px 12px; display:  block; position:relative;}
#gnb .panel-body>ul>li>a:hover:after,
#gnb .panel-body>ul>li>a:focus:after { position: absolute; right: 12px; top: 43%; display: inline-block; width: 8px; height: 8px; content: ""; border-top: 1px solid #ffffff;border-left: 1px solid #ffffff; border-bottom: 1px solid transparent; border-right: 1px solid transparent; transform: translate(-50%, 0) rotate(136deg);}
#gnb .panel-body>ul>li>a:before { width:  0; height:  100%; position:  absolute; z-index:  -1; background:  #0067b3; content: ""; left:  0; top: 0; opacity:0; -webkit-transition: all 0.2s ease 0s;  transition: all 0.2s ease 0s;}
#gnb .panel-body>ul>li>a:hover,
#gnb .panel-body>ul>li>a:focus,
#gnb .panel-body>ul>li>a.on {  color: #fff;} 
#gnb .panel-body>ul>li>a:hover:before,
#gnb .panel-body>ul>li>a:focus:before,
#gnb .panel-body>ul>li>a.on:before { width:  100%; height:  100%; opacity:1; -webkit-transition: all 0.2s ease 0s;  transition: all 0.2s ease 0s; }

#gnb .panel-body>ul .depth3 {display:none; position:  absolute; left:  0; top: 0; padding: 30px; width: 100%; left: 100%; height: 100%; background: #0067b3;}
#gnb .panel-body>ul .depth3 li{margin-bottom: 6px;}
#gnb .panel-body>ul .depth3 li a { padding: 6px 12px; display:  block; color:#fff; position:relative;}
#gnb .panel-body>ul .depth3 li a:hover,
#gnb .panel-body>ul .depth3 li a:focus { background: #fff; color: #0067b3;}
#gnb .panel-body>ul .depth3 li a:hover:after,
#gnb .panel-body>ul .depth3 li a:focus:after { position: absolute; right: 12px; top: 43%; display: inline-block; width: 8px; height: 8px; content: ""; border-top: 1px solid #0067b3;border-left: 1px solid #0067b3; border-bottom: 1px solid transparent; border-right: 1px solid transparent; transform: translate(-50%, 0) rotate(136deg);}

#gnb .panel-body .others { width: 25%; float: left; text-align:left; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  }
#gnb .panel-body .others a {display:  block;width:  100%;padding: 40px;min-height: 176px;font-size: 0.875rem;color: #666;    background: url(/resources/images/sub_other_02.png) 88% 50% no-repeat;}
#gnb .panel-body .others a:first-child{    border-bottom: 1px solid #ddd;    background: url(/resources/images/sub_other_01.png) 88% 50% no-repeat;}
#gnb .panel-body .others a strong{display:block;font-size: 1.125rem;color: #000;font-weight: 400; margin-bottom: 6px;}
#gnb .panel-body .others a strong br{display:none;}

#sub_menu_bg{display:none; height:354px;border-bottom:1px solid #ddd;    border-top: 1px solid #ddd; z-index: 150;position:  absolute;top: 84px;background: #fff;width: 100%;left: 0; }
#sub_menu_bg.on { opacity: 1; transform: translate(0,0); transition: all 0.3s ease;}
#sub_menu_bg:after { position:  absolute; left: 0; width:  50%;  height:  100%; background: url(/resources/images/sub_menu_bg.png) 155% 4% no-repeat #f6f6f6; display:  block; content: "";}

#navmenu_1_child .menu_title {background:url(/resources/images/sub_menu_01.png) 0 42% no-repeat;}
#navmenu_2_child .menu_title {background:url(/resources/images/sub_menu_02.png) 0 42% no-repeat;}
#navmenu_3_child .menu_title {background:url(/resources/images/sub_menu_03.png) 0 42% no-repeat;}
#navmenu_4_child .menu_title {background:url(/resources/images/sub_menu_04.png) 0 42% no-repeat;}
#navmenu_5_child .menu_title {background:url(/resources/images/sub_menu_05.png) 0 42% no-repeat;}
#navmenu_6_child .menu_title {background:url(/resources/images/sub_menu_06.png) 0 42% no-repeat;}
#navmenu_7_child .menu_title {background:url(/resources/images/sub_menu_07.png) 0 42% no-repeat;}

#all_menu { top: 84px; position:  absolute; left:  0; width: 100%; background: #fff; z-index: 50; border-bottom: 1px solid #ddd;    border-top: 1px solid #ddd;}
#all_menu .depth2 { max-width:  1600px; padding: 0 50px; margin:  0 auto; overflow:  hidden;}
#all_menu .depth2>li { width: 14.28%; float:  left; padding: 33px 18px; text-align:  left;  height: 354px; border-right: 1px solid #ddd;}
#all_menu .depth2>li:nth-child(1) {background:url(/resources/images/all_menu01.png) 145% bottom no-repeat;}
#all_menu .depth2>li:nth-child(2) {background:url(/resources/images/all_menu02.png) 165% bottom no-repeat;}
#all_menu .depth2>li:nth-child(3) {background:url(/resources/images/all_menu03.png) 165% bottom no-repeat;}
#all_menu .depth2>li:nth-child(4) {background:url(/resources/images/all_menu04.png) 165% bottom no-repeat;}
#all_menu .depth2>li:nth-child(5) {background:url(/resources/images/all_menu05.png) 165% bottom no-repeat;}
#all_menu .depth2>li:nth-child(6) {background:url(/resources/images/all_menu06.png) 165% bottom no-repeat;}
#all_menu .depth2>li:nth-child(7) {background:url(/resources/images/all_menu07.png) 165% bottom no-repeat;}
#all_menu .depth2>li:first-child { border-left: 1px solid #ddd;}
#all_menu .depth2>li:hover { background-color: #f6f6f6;}
#all_menu .depth2>li> .title { font-size: 1.125rem; color:  #000; font-weight: 700; padding: 0 12px;  display:  block; margin-bottom: 15px;}
#all_menu .depth2>li> .depth3 { padding: 0;}
#all_menu .depth2>li> .depth3>li {margin-bottom: 3px;}
#all_menu .depth2>li> .depth3>li>a { padding: 4px 12px; display:  block; position:relative;}
#all_menu .depth2>li> .depth3>li>a:hover { background: #0067b3; color: #fff;}
#all_menu .depth2>li> .depth3>li>a:hover:after { position: absolute; right: 12px; top: 40%; display: inline-block; width: 8px; height: 8px; content: ""; border-top: 1px solid #ffffff;border-left: 1px solid #ffffff; border-bottom: 1px solid transparent; border-right: 1px solid transparent; transform: translate(-50%, 0) rotate(136deg);}

#header_search { top: 84px; position: absolute; left: 0; width: 100%; padding: 50px 0; background: url(/resources/images/popup_bg.png); z-index: 50; border-bottom: 1px solid #1d49a6;}
#header_search .container { padding: 0 50px;}
#header_search .container label { font-size: 2.000rem; color: #000;  font-weight: 400; display: inline-block; color:#fff;  margin-right: 5%; padding-top: 3px;}
#header_search .container form { max-width: 700px; margin: 0 auto;}
#header_search .container form input[type=text] { width: 70%; display: inline-block; background:rgba(255,255,255,0); border-radius: 0; border:0 none; border-bottom: 2px solid #fff; vertical-align: top;  height: 55px; padding: 10px 25px 10px 10px;  padding-right: 75px; color: #ffffff;}
#header_search .container form input[type=text]:focus{box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);}
#header_search .container form input[type=text]::-webkit-input-placeholder {color:#fff;}
#header_search .container form input[type=text]::-moz-placeholder {color:#fff;}
#header_search .container form input[type=text]:-moz-placeholder {color:#fff;}
#header_search .container form input[type=text]:-ms-input-placeholder {color:#fff;}
#header_search .container form input[type=submit] {width: 55px; height: 55px; margin-left: -58px; vertical-align: top; display: inline-block; border: 0 none; background: url(/resources/images/search_search.png) no-repeat 50% 50%;}
#header_search .container form input[type=submit]:focus{box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);}

.utillD{position:absolute; top:20px; right:50px;}

.utillL ul{height:46px;}
.utillL li { float:  left;}
.utillL li.text{margin-left:10px;    margin-top: 10px;}
.utillL li.text.active a{color:#0067b3; text-decoration:underline;}
.utillL li.box { width: 46px; height: 46px; background: #464646;}
.utillL li.box i{width:100%; height:100%; display:block;}
.utillL li.box.sitemap{background:#0067b3;}
.utillL li.box.sitemap.mobile{display:none;}
.utillL li.box.search .btn i{background:url(/resources/images/icon2018.png) 50% 11px no-repeat;}
.utillL li.box.sitemap .btn i{background:url(/resources/images/icon2018.png) 50% -38px no-repeat;}
.utillL li.box .btn{width:100%; height:100%; display:block;  position:relative; z-index: 0; padding: 0;  border: 0 none;}

.utillL li.box .btn:after{ position: absolute; display: block; width: 100%; height: 0; bottom: 0; background: #20ccef; content: ""; z-index: -1; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.utillL li.box .btn:hover:after,
.utillL li.box .btn:focus:after{background:#20ccef; height:46px;}     


/* allMenu_modal */
#mMenu_modal{ padding:0 !important;}
#mMenu_modal .modal-dialog {    -webkit-transform: translate(25%,0); transform: translate(25%,0); margin: 0; width: 250px; max-width: 250px; float:right; height: 100%;}
#mMenu_modal.show .modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0);}
#mMenu_modal .modal-dialog .modal-content { width: 280px; border-radius: 0; border:  0 none; height: 100%;}
#mMenu_modal .modal-dialog .modal-content .modal-body { padding: 0 0 30px; background:#fff; }
#mMenu_modal .modal-dialog .modal-content .modal-body ul { padding: 0; margin:0;}
#mMenu_modal .modal-dialog .modal-content .modal-body ul.show {display:block !important;}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth2 .btn { position:relative; width:  100%; padding: 14px 30px; font-size: 1.1rem; background-color: transparent; text-align: left;}

#mMenu_modal .modal-dialog .modal-content .modal-body .depth2 .btn:before { position: absolute;  top: 50%;  right: 49px;  width: 12px;  height: 12px;  display: block;  content: "";  border-top: 2px solid #ddd; border-left: 2px solid #ddd;  border-bottom: 2px solid transparent; border-right: 2px solid transparent; transform: translate( 0,-19%) rotate(45deg);}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth2 .btn.collapsed:before { transform: translate( 0,-74%) rotate(-136deg);}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth2 .btn.coll_x:before {display:none;}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth2 > li { border-bottom: 1px solid #ddd; text-align:  left;}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth3 { border-top: 1px solid #ddd; padding: 15px 30px; background: #f6f6f6;}
#mMenu_modal .modal-dialog .modal-content .modal-body .depth3 li a { padding: 8px 0; display:  block;}

/* container_wrap */

#container_wrap{clear:both; margin: 0 auto; /* max-width: 1773px; */}
.content_body {margin-top:100px;}
.container{position:relative; max-width:1600px; padding-right:50px; padding-left:50px;}

/* sub-title */
.tit_nav{    position: relative;}

.tit_nav h1{padding-top:110px; padding-bottom:110px; text-align:center; color:#fff;}

.tit_nav .bg_wrap{position:absolute; width:100%; height:100%;top: 0; left: 0; overflow: hidden;z-index:-1;}
.tit_nav .bg_wrap:after{display:block; width:100%; height:100%; position:absolute; top:0; left:0; content:""; 
animation:zoomin 20s 0.3s ease-out both; 
-webkit-animation:zoomin 20s 0.3s ease-out both; 
-moz-animation:zoomin 20s 0.3s ease-out both;}

@keyframes zoomin {
		0%{ transform:scale(1); -webkit-transform:scale(1); }
		100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
	}
	
@-webkit-keyframes zoomin {
		0%{ transform:scale(1); -webkit-transform:scale(1); }
		100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
	}
.tit_nav.tit_nav_bg0 .bg_wrap:after{background:url(/resources/images/content/nav_bg00.png) no-repeat center top; }

.tit_nav.tit_nav_bg01 .bg_wrap:after{background:url(/resources/images/content/nav_bg01.png) no-repeat center top; }
.tit_nav.tit_nav_bg02 .bg_wrap:after{background:url(/resources/images/content/nav_bg02.png) no-repeat center top; }
.tit_nav.tit_nav_bg03 .bg_wrap:after{background:url(/resources/images/content/nav_bg03.png) no-repeat center top; }
.tit_nav.tit_nav_bg04 .bg_wrap:after{background:url(/resources/images/content/nav_bg04.png) no-repeat center top; }
.tit_nav.tit_nav_bg05 .bg_wrap:after{background:url(/resources/images/content/nav_bg05.png) no-repeat center top; }
.tit_nav.tit_nav_bg06 .bg_wrap:after{background:url(/resources/images/content/nav_bg06.png) no-repeat center top; }
.tit_nav.tit_nav_bg07 .bg_wrap:after{background:url(/resources/images/content/nav_bg07.png) no-repeat center top; }

#top-nav-prev-next{width:100%;}
#top-nav-prev-next a{position:absolute; top:50%; transform: translate(0,-50%); padding: 23px 55px; color: rgba(255,255,255,0.8); }
#top-nav-prev-next a:hover:before{width:100%; background:#0067b3; }
#top-nav-prev-next a:hover{color:#fff;}

#top-nav-prev{left:0;}
#top-nav-prev:after{ position: absolute; left: 25px; top: 50%; display: inline-block;  width: 23px;  height: 23px; content: "";  border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; transform: translate(0,-50%) rotate(-45deg);}
#top-nav-prev:before { width: 68px;  height:  68px;  display:  block; background: rgba(0,0,0,0.5);  position:  absolute; left:  0;  top: 50%;  transform: translate(0,-50%); content: "";  z-index: -1;-webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;}
#top-nav-next{right:0;}
#top-nav-next:after{ position: absolute; right: 25px; top: 50%; display: inline-block; width: 23px; height: 23px;  content: ""; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; transform: translate(0,-50%) rotate(136deg);}
#top-nav-next:before { width: 68px;  height:  68px;  display:  block; background: rgba(0,0,0,0.5);  position:  absolute; right:  0;  top: 50%;  transform: translate(0,-50%); content: "";  z-index: -1;-webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;}
    
/* location */
#location_wrap{  width:100%; height:55px; background:#fff; border-bottom:1px solid #e0e0e0; }
#location_wrap>ul {padding:0; height:54px; float: left; margin:0; width:auto; display:inline-block;}
#location_wrap>ul>li {height:100%;}
#location_wrap .home_btn{position:relative ; display:block; float:left; width:55px; height:100%; background:#0067b3; }
#location_wrap .home_btn a{position:relative; z-index:1; width:100%; height:100%; display:block;   padding: 0;  border: 0 none; }
#location_wrap .home_btn a:after { position: absolute; display: block; width: 100%; height: 1px; bottom: -1px; background: #0067b3; content:""; z-index:0 ;  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#location_wrap .home_btn a:hover:after,
#location_wrap .home_btn a:focus:after{background:#3386f1; height:55px;} 
#location_wrap .home_btn a i{position:relative; z-index:1; display:block; width:100%; height:100%; background: url(/resources/images/location_home.png) no-repeat 50% 50%;}

#location_wrap .dropdown{float:left; min-width:230px; }
#location_wrap .dropdown .dropdown-item{    padding: 0.6rem 1.5rem;}
#location_wrap .dropdown>a{display:block; color:#636363; text-align: left; width:100%; height:55px; padding: 16px 40px 16px 20px; border:0 none; border-right:1px solid #e0e0e0; }
#location_wrap .plus_btn{ position: absolute; right: 15px; opacity:.3; width:22px; height:22px; padding:5px;}
#location_wrap .plus_btn i{display:block; background:#000; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#location_wrap .plus_btn i:first-child{width:12px; height:2px; }
#location_wrap .plus_btn i:last-child{width:2px; height:12px; }
#location_wrap .dropdown-toggle::after{display:none; }
#location_wrap .dropdown-menu{min-width:100%; z-index:100;}
#location_wrap .sns_right_box{height:54px; float:right; width:auto; display:inline-block; } 
#location_wrap .sns_right_box a{position:relative;  display:block; float:left; width:54px; height:100%; padding: 0;  border: 0 none; border-left:1px solid rgba(255,255,255,0.3);  background: #1a9fbb; }
#location_wrap .sns_right_box a:after { position: absolute; display: block; width: 100%; height: 1px; bottom: -1px; background: #1a9fbb; content:""; z-index:0 ;  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#location_wrap .sns_right_box a:hover:after,
#location_wrap .sns_right_box a:focus:after{background:#117298; height:55px;} 
#location_wrap .sns_right_box a.facebook{border-left:0 none;}
#location_wrap .sns_right_box a i{position:relative; z-index:1; display:block; width:100%; height:100%;}
#location_wrap .sns_right_box a.facebook i { background: url(/resources/images/location_facebook.png) no-repeat 50% 50% ;}
#location_wrap .sns_right_box a.twitter i { background: url(/resources/images/location_twitter.png) no-repeat 50% 50% ;}
#location_wrap .sns_right_box a.print i { background: url(/resources/images/location_print.png) no-repeat 50% 50% ;}

/* content-tab-menu */
.nav-tab {padding:0; margin:0; padding-bottom:12px; margin-bottom:80px; text-align:center; clear:both; display: block; /* overflow:hidden; */}
.nav-tab li { position:relative;  display: table-cell;  width: 1%; vertical-align: middle;}
.nav-tab li:after{position:absolute; width:1px; height:16px; background:#ddd;  top:50%; margin-top:-8px; right:0; content:''; }
.nav-tab li:last-child:after{display:none;}
.nav-tab li a{ position:relative; display:block;  font-size:1.125em; padding: 0 12px; white-space: nowrap}
.nav-tab li a:after{ position:absolute; display:block; width:0; height:5px; bottom: -13px; left:50%; transform: translate(-50%,-50%); background:#0067b3; content:''; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav-tab li a:hover:after,
.nav-tab li a:focus:after{width:100%;}
.nav-tab li.active a,
.nav-tab li a.active{color:#0067b3; font-weight:700;} 
.nav-tab li.active a:after,
.nav-tab li a.active:after{ width:100%; }

.nav-tab.category_tab { background: #0067b3; padding-bottom:0; margin-bottom:100px;}
.nav-tab.category_tab li a { color: #fff; padding: 15px 20px;    background: transparent; overflow: hidden;}
.nav-tab.category_tab li { display:  inline-block; width: auto;}
.nav-tab.category_tab li:after { display: none;}
.nav-tab.category_tab li a:after{ background: #fff; bottom: -35px; width:  0; height: 0; transform: translate(-50%,-50%) rotate(45deg);}
.nav-tab.category_tab li.active a:after {width:  27px; height: 27px;}
.nav-tab.category_tab li a:hover:after,
.nav-tab.category_tab li a:focus:after{width:  27px; height: 27px;}

/* satisfaction */

.satisfaction{clear:both; border: 1px solid #ddd;  margin: 120px 0 100px;}
#stfc_form { background: #ffffff;  padding: 30px 40px 10px; margin: 0; font-size: 0.938rem;}
#stfc_form button{float:right;}
#stfc_form strong {color:#000;display:  block;}
#stfc_form .star { padding: 0; overflow:  hidden; margin-top: 10px; display:  inline-block;}
#stfc_form .star li { float:  left; margin-right: 25px; background:url(/resources/images/star.png) right 3px no-repeat;}
#stfc_form .star li:nth-child(1){background-position:right 3px;}
#stfc_form .star li:nth-child(2){background-position:right -20px;}
#stfc_form .star li:nth-child(3){background-position:right -42px;}
#stfc_form .star li:nth-child(4){background-position:right -65px;}
#stfc_form .star li:nth-child(5){background-position:right -87px;}

#stfc_form .star li input{vertical-align:middle;}
#stfc_form .star li label { padding-right: 80px;}
.represent { background: #f6f6f6; padding: 17px 40px; margin:0;  font-size: 0.938rem; overflow: hidden;}
.represent ul{margin:0; padding:0;}
.represent ul li{display:inline-block; margin-right:20px;min-height: 22px;}  
.represent ul li strong{margin-right:5px; padding-left:26px; color:#006AA8;}
.represent ul li.team{background:url(/resources/images/represent_01.png) 0 0 no-repeat;}
.represent ul li.name{background:url(/resources/images/represent_02.png) 0 0 no-repeat;}
.represent ul li.contact{background:url(/resources/images/represent_03.png) 0 0 no-repeat;}
.represent ul li.date{float:right; background:url(/resources/images/represent_04.png) 0 0 no-repeat;}
.represent ul li.date strong{color:#000;}


/* bottom */
.footer { background: #42464d; padding-top: 80px; padding-bottom: 65px; margin-top:60px;}
.btn_top {width:44px; height:44px; bottom: 40px; position: fixed; right: 25px; z-index:9999; visibility: hidden;}
.btn_top a { display:  block; width: 100%; height: 100%; background: url(/resources/images/icon2018.png) 50% bottom;}
.btn_top.shown {visibility: visible;}

.footer .title {margin-bottom: 12px; font-size: 1.063rem; font-weight: 700; color: #fff; }
.footer .title a{ font-size: 1.063rem; font-weight: 700; color: #fff; }
.footer .box { width: 9%; float: left;    border: 0 none;}
.footer .box.copy {width: 26%; margin-left: 2%;padding-left: 15px;}
.footer ul { padding: 0;}
.footer ul li { margin-bottom: 7px; line-height: 1em;}
.footer ul li a { font-size: 0.875rem; color: #c0c2c5;}
.footer .link ul li a { font-size: 0.813rem;}

.footer .link ul li:nth-child(2) a{color:#a5d6f3;}
.footer .link ul li:nth-child(3) a{color:#d9dbe0;}

.footer .address .title {font-size:0.938rem; margin-bottom: 8px;}
.footer .address{color: #abadb1;}
.footer .address span { letter-spacing: -0.7px; font-size: 0.875rem; color: #c0c2c5; margin-bottom: 20px; display:  block;}
.footer .copy .btn-sm {position:relative;width:49.5%;display:  block;margin-right: 1%;float: left;padding: 7px 17px;border-color: #7b7e83;color: #fff;text-align:left;}
.footer .copy .btn-sm:last-child {margin-right: 0;}
.footer .copy .btn-sm:after { position: absolute; right: 17px; top: 50%; display: inline-block; width: 6px; height: 6px; content: ""; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid transparent; border-right: 1px solid transparent; transform: translate( 0,-50%) rotate(136deg);}
.footer .copy .btn-sm:hover,
.footer .copy .btn-sm:focus {color:#000;}
.footer .copy .btn-sm:hover:after,
.footer .copy .btn-sm:focus:after{border-top: 1px solid #000; border-left: 1px solid #000; }
.footer .Contact_btn.row {margin: 0; }
.footer .Contact_btn.row a{max-width:50%;}
.footer .Contact_btn.row a:first-child{margin-right:4px;}
.footer .copyright { color: #fff; margin-top: 30px;}
.logo_bn_box {position: absolute; right: 28.5%; bottom: -16px;}
.logo_bn_box > a{display:inline-block; vertical-align: middle; margin-left:7px;}
.footer .sns_box {display:inline-block; vertical-align: middle; margin-left:15px;}
.footer .sns_box .sns_icon{display: block; float:left; width: 33px; height: 33px; margin-right:4px; background:url(/resources/images/icon2018.png) 0 0 no-repeat;}
.footer .sns_box .facebook {background-position:50% -444px;}
.footer .sns_box .twitter {background-position:50% -482px;}
.footer .sns_box .blog {background-position:50% -520px;}
.footer .sns_box .youtube {background-position:50% -558px;}

/* form_modal */
.modal-dialog.form_modal{max-width:450px; margin: 8rem auto;}
.form_modal .modal-content { border-radius:  0; border: 0 none; background: url(/resources/images/popup_bg.png);}
.form_modal .modal-content .modal-header {padding: 47px 70px 35px;  text-align: center; border-bottom: 0 none;}
.form_modal .modal-content .modal-header h3 { color:  #fff; font-weight:  100; font-size: 2rem; width: 100%;}
.form_modal .modal-content .modal-header h3 img { display: block; margin: 0 auto 25px;}
.form_modal .modal-content .modal-header h3 p { font-size: 1rem;}

.form_modal .modal-body {padding: 0 70px 50px;}
.form_modal .modal-body p{color:#fff; text-align:center;}
.form_modal .modal-body .form-group {  position:relative; margin-bottom: 5px;}
.form_modal .modal-body .form-group input { border-radius:  0; border: 0 none; padding: 10px 1rem 10px 46px;}
.form_modal .modal-body .form-group input::-webkit-input-placeholder {color:#0067b3;}
.form_modal .modal-body .form-group input::-moz-placeholder {color:#0067b3;}
.form_modal .modal-body .form-group input:-moz-placeholder {color:#0067b3;}
.form_modal .modal-body .form-group input:-ms-input-placeholder {color:#0067b3;}

.form_modal .modal-body .form-group label{position:absolute; left:0; top:0; display:block;  width:47px; height:100%; content:"";}

.form_modal .modal-body .form-group .icon_mail{background:url(/resources/images/popup_mail.png) no-repeat 14px 50%; }
.form_modal .modal-body .form-group .icon_pass{background:url(/resources/images/popup_pass.png) no-repeat 14px 50%; }

.form_modal .modal-footer { padding:  0; border:  0 none;}
.form_modal .modal-footer .btn { width:  50%; margin: 0; padding: 12px 1rem; font-weight:700;}
.form_modal .modal-footer .btn-light{color:#0067b3;}
.form_modal .modal-footer .btn-secondary{background-color:#f6f6f6; border-color:#f6f6f6; border-left:1px solid #ddd; color:#000;}
.form_modal .modal-footer .btn-secondary:hover{background-color:#ddd; border-color:#ddd;}

.modal-open .footer_modal{ background: rgba(0, 0, 0, 0.4);}
.footer_modal .modal-dialog.modal-lg{max-width:700px;margin-top: 120px;}
.footer_modal .modal-content {border-radius: 0;border: 0 none;background: url(/resources/images/popup_bg.png);}
.footer_modal .modal-content .modal-header h2 {padding:  0;margin:  0;font-size: 2.3rem;font-weight:  100;color: #fff;}
.footer_modal .modal-content .modal-header {text-align:  center;display:  block;border: 0 none;padding: 50px 1rem 0;}
.footer_modal .modal-content .modal-body { padding: 45px 50px;}
.footer_modal .modal-content .modal-footer { border: 0 none; text-align:  center; display:  block;}
.footer_modal .modal-content .modal-body a {display:  block;float:  left;width: 32.666%;margin-right: 1%;margin-bottom: 1%;}
.footer_modal .modal-content .modal-body a:nth-child(3n) { margin-right: 0;}
.footer_modal .modal-content .modal-body a img { width: 100%;}
.footer_modal .modal-footer {padding:0;}
.footer_modal .modal-footer .btn-default{width: 100%; margin: 0;  padding: 12px 1rem;  font-weight: 700;background-color:#f6f6f6; border-color:#f6f6f6; border-left:1px solid #ddd; color:#000;}


/* error */
.body-error { height: 100%; position:  relative; display:  block;  overflow:  hidden; min-height: 800px;}
.error-wrapper { position:  absolute; left:  50%; top: 50%; transform: translate(-50%,-50%); -webkit-transition: none;  transition: none;
animation:error_scale 0.8s ease; 
-webkit-animation:error_scale 0.8s ease; 
-moz-animation:error_scale 0.8s ease ;
}
.error-wrapper:after {content:  ""; display:  block; position:  absolute;    z-index: -1; background: url(/resources/images/content/err_bg.png) no-repeat 50% 50%; width:  647px; height: 647px; left: 50%; top: 50%; transform: translate(-50%,-50%);
animation:error_rotate 15s linear infinite; 
-webkit-animation:error_rotate 15s linear infinite; 
-moz-animation:error_rotate 15s linear infinite;}

@keyframes error_rotate {0%{opacity:1; transform: translate(-50%,-50%) rotate(0deg)}50%{opacity:0.3; transform: translate(-50%,-50%) rotate(180deg)}100%{opacity:1; transform: translate(-50%,-50%) rotate(360deg)}}
@-webkit-keyframes error_rotate {0%{opacity:1; transform: translate(-50%,-50%) rotate(0deg)}50%{opacity:0.3; transform: translate(-50%,-50%) rotate(180deg)}100%{ opacity:1;transform: translate(-50%,-50%) rotate(360deg)}}	}

@keyframes error_scale {0%{opacity:0;transform: translate(-50%,-50%) scale(0)}100%{opacity:1;transform: translate(-50%,-50%) scale(1)}}
@-webkit-keyframes error_scale {0%{opacity:0;transform: translate(-50%,-50%) scale(0)}100%{opacity:1;transform: translate(-50%,-50%) scale(1)}}

@media (max-width: 1600px) {

	#gnb .panel { margin-left: 15px; margin-right: 15px;}
	#gnb .panel-title { font-size: 1.25rem;}
	
}

@media (max-width: 1300px) {
	/* .container { max-width: 990px;} */

	#gnb { padding: 18px 50px; width: 100%; margin-left:0; margin-top: 62px;  border-top: 1px solid #ddd;}	

	#gnb .panel {width: 14.2%;display:  block;text-align: center;margin: 0;}
	#logo {top: 9px; width: 205px; left:50px; }
	
	#gnb .panel-collapse{top:120px;}
	
	#gnb .panel-body>ul { padding: 20px 0 20px 20px; height:310px;}
	#gnb .panel-body>ul>li { padding-right: 20px; margin-bottom: 0;}
	#gnb .panel-body>ul .depth3 li { margin-bottom: 0;}
	#gnb .panel-body .others a { padding: 32px 30px 0;  height:  155px; min-height: 0; background:none !important; }
	#gnb .panel-body .others a span br{display:none;}
	#gnb .panel-body .others a strong br{display:block;}
	
	#gnb .panel-body .menu_title {    background-size: 180px; height:310px;padding: 90px 44px 70px 216px;}
	#gnb .panel-body .menu_title p br{ display:none;}

	#all_menu { top: 62px;}
	#all_menu .depth2>li {/*  border: 0 none !important; */ padding: 25px 0 ;text-align:center; background-position:50% bottom !important; background-size: 80% !important;}
	#all_menu .depth2>li:hover { background-color:none;}
	#all_menu .depth2>li> .depth3>li>a{font-size:0.9rem; padding: 4px 7px;}
	#all_menu .depth2>li> .depth3>li>a:hover:after { display:none;}

	#sub_menu_bg{top:120px; height:310px;}

	#header_search { top: 62px;}

	.utillD {  top: 7px;}
	
	.satisfaction { margin: 60px 0 60px;}
	
	.footer { padding: 50px 0;}
	.footer .address .title { display:  inline-block; margin-right: 8px; margin-bottom:0;}
	.footer .address br { display: none;}
	.footer .address span { margin-bottom: 8px;}
	.footer .address { margin-bottom: 25px;}
	.footer .box { display: none; float:none;}
	.footer .box.link { display: block; width:  100%; margin-bottom: 12px; margin:0; }
	.footer .box.copy { display: block; width:  100%; margin:0; padding-left:0;}
	.footer .box.link .title { display: none;}
	.footer .link ul:after { content:  ""; display:  block; clear:  both;}
	.footer .link ul li { float:  left; margin-right: 30px;}
	.footer .link ul li a { font-size: 1rem; color: #fff;}
	
	.footer .Contact_btn.row a { max-width: 160px; }
	.footer .copy .btn-sm{text-align:left; max-width: 154px; }
	.footer .copyright{text-align:left; margin-top: 20px;}
	.logo_bn_box { right: 50px;margin-top: 20px; text-align:center;}
	
}
@media (max-width: 1200px) {
	#stfc_form button { float:  none; clear:  both; margin-bottom: 15px;}
	#stfc_form .star { display:  block;}
	#stfc_form .star li { margin-bottom: 3px;}
	#location_wrap .dropdown { min-width: 146px;}
	.footer { padding-top: 54px; margin-top:30px;}
	
	.nav-tab.category_tab li a { padding: 15px 10px;}
	
}
@media (max-width: 1000px) {

	.utillD {  right:30px;}
	/* .container { max-width: 750px;} */
	.nav-tab li a{font-size:14px;}
	.utillL li.box.sitemap.pc{display:none;}
	.utillL li.box.sitemap.mobile{display:block;}
	.container { padding-left:30px; padding-right:30px;} 
	#gnb{display:none;}
	#logo{ left:30px;}
	#header { min-height: 62px;}
	#gnb .panel-collapse{top:135px;}
	#sub_menu_bg{top:135px;}
	.tit_nav h1 { padding-top: 75px; padding-bottom: 75px;}
	.content_body { margin-top: 50px;}
	.satisfaction { margin: 50px 0;}
	#top-nav-prev-next{display:none;}
	.represent ul li.date {  float: none; display: block;  margin-top: 10px;}
}
@media (max-width: 750px) {
	/* .container { max-width: 570px;} */
	.btn_top { bottom: 8px; right:  8px;}
	.content_body { margin-top: 33px;}
	#header { height: 52px; min-height: 0;}
	#header_search .container form input[type=text] { width: 90%;}
	#logo{ top: 9px; width: 156px; left:8px;margin-left: 0;}
	#gnb{display:none;}
	.utillD{ right: 0; top: 0;}
	.utillL li.box { width: 52px; height: 52px;}
	.utillL li.box.search .btn i{background: url(/resources/images/icon2018.png) 50% 14px no-repeat;}
	.utillL li.box.sitemap .btn i{background: url(/resources/images/icon2018.png) 50% -35px no-repeat;}
	.utillL li.text { margin-top: 14px;}
	.utillL li.box a:hover:after,
	.utillL li.box a:focus:after{ height:52px;}  
	.utillL li.box .btn:hover:after,
	.utillL li.box .btn:focus:after{height: 52px;}  
	#top-nav-prev-next{display:none;}
	#header_search { top: 52px;}
	/* content-tab-menu */
	.nav-tab{margin-bottom:40px;}
	.nav-tab li { display: block; width: 100%; margin-bottom:2px;}
	.nav-tab li:after { display:none;}
	.nav-tab li a{background:#f6f6f6;  padding: 8px 15px;}
	.nav-tab li a:after{display:none;}
	.nav-tab li.active a,
	.nav-tab li a.active{background:#0067b3; color:#fff;}
	.nav-tab.category_tab li { width: auto; margin: 0 5px;}
	.nav-tab.category_tab li.active a:after{display:block;}

	.tit_nav h1 { text-align:  left; padding: 47px 120px 47px 32px; font-size: 2rem;}
	.tit_nav .container { padding-left: 0; padding-right: 0;}
	
	.nav-tab.category_tab { overflow: hidden; background: url(/resources/images/bg_pattern.png) 0 0 repeat;    margin-bottom: 30px;}
	.nav-tab.category_tab li { width: 25%; float: left; margin: 0; display:  block; border-bottom: 1px solid #ddd;}
	.nav-tab.category_tab li.active a { background: #0067b3; color: #fff;}
	.nav-tab.category_tab li a {background: #fff;color: #0067b3;padding: 8px;}
	
	#location_wrap {height: 48px;}
	#location_wrap>ul .home_btn { display: none;}
	#location_wrap>ul{width:100%; border-top: 1px solid #ddd;}
	#location_wrap .sns_right_box { position: absolute; top: -159%; right: 25px; height: 35px;}
	#location_wrap .sns_right_box a.facebook { background: #3e64bd;}
	#location_wrap .sns_right_box a.facebook:after,
	#location_wrap .sns_right_box a.facebook:after{background:#5985ea; } 
	#location_wrap .sns_right_box a.facebook:hover:after,
	#location_wrap .sns_right_box a.facebook:focus:after{background:#5985ea; } 
	#location_wrap .sns_right_box a { border-radius: 60px; margin-left: 5px; width: 35px;overflow: hidden; border:0 none;}
	#location_wrap .sns_right_box a.print { display: none;}
	#location_wrap .dropdown {  min-width: 0; width:33.33%; position: static;}
	#location_wrap .dropdown>a { position: relative; height: 47px; padding: 12px 40px 12px 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#location_wrap .dropdown-menu {left: 5px !important;}
	
	#stfc_form {padding: 20px 25px 5px;}
	#stfc_form button{width:100%;}
	.represent {  padding: 17px 20px;}
	
	.satisfaction {margin: 30px 0 30px;}
	
	.footer .copy .btn-sm{text-align:left; max-width:none;}
	
	.logo_bn_box { position: static;}
		
	.footer .copyright { text-align:  center;}
	.footer .Contact_btn.row a { max-width: none; }
	
	.footer .link ul li { float:  none; width:  100%; text-align:  center; margin:  0; border-bottom: 1px dashed #5d6167;}
	.footer .link ul li a { padding: 13px 0; display:  block;    font-size: 0.875rem;}
	.footer .link ul li:last-child { border: 0 none;}
	.footer { padding-top: 3px;}
	
}
@media (max-width: 576px) {	
	
	.utillL li.text.active{display:none;}
	.tit_nav h1 {  padding: 40px 120px 40px 20px;}
	.container { padding-left:15px; padding-right:15px;} 
	.footer > div > div> .col { max-width: 50%; min-width: 50%;}
	#location_wrap .sns_right_box { top: -147%;}
	
	.text-center .btn { width: 100% !important; max-width: 100% !important; margin-bottom: 3px !important;}
	.modal-dialog.form_modal { max-width: 350px; margin:  2rem auto;}
	.form_modal .modal-content .modal-header { padding: 47px 35px 35px;}
	.form_modal .modal-body { padding: 0 35px 50px;}
	
	.footer_modal .modal-dialog.modal-lg { max-width: 300px; margin: 0 auto;}
	.footer_modal .modal-content .modal-body a{width:100%; margin-right:0;}
	
	.logo_bn_box > a {margin-bottom: 15px;}
	.footer .sns_box {margin-bottom: 15px;}
}