@charset "utf-8";

/* 기본설정 */
* {margin:0; padding:0;box-sizing:border-box;}
html,body {height:100%; margin:0; padding:0; -webkit-text-size-adjust:none; min-width:320px;}

body {width:100%;word-wrap:break-word;word-break:break-all; font-family:'Noto Sans KR', Malgun Gothic,'맑은 고딕','NanumSquareR','NanumSquare','나눔스퀘어',Dotum, AppleGothic, sans-serif;font-size:15px;letter-spacing:-0.05em;margin:0;padding:0;color:#3d3d3d;font-weight:400;/*line-height:1.0em;*/ line-height: 1.0;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,h5,em,address,fieldset,form,iframe,object,menu,button {font-family:'Noto Sans KR', Malgun Gothic, '맑은 고딕', 'NanumSquareR','NanumSquare','나눔스퀘어', Dotum, AppleGothic, sans-serif;}

div, table {margin:0; padding:0;}
input, select {padding:0}
img, fieldset {border:0;}
ul, ol		{list-style:none;}
a:link, a:visited, a:active, a:hover {text-decoration:none;}
hr {display:none;}

.hide, legend, caption {position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; left:0; top:0; font-size:0; line-height:0; padding:0; margin:0;}

a {color: #2d2d2d;	-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
a:hover {color: #2d2d2d; }
a, a:hover, a:active, a:focus, button:focus {border: 0;	/*text-decoration: none;*/}
a.btn, a.btn:hover, a.btn:active, a.btn:focus, button.btn:focus {border: 1px;	/*text-decoration: none;*/}

p {	line-height: 1.5;}
h1, h2, h3, h4, h5, h6{	font-weight: 700;	text-transform: uppercase;}
input, textarea, select{outline: none; /*-webkit-appearance: none;*/}
label{	font-weight: 300;}

.sub_bg {background:#f7f7f9;}
.leSp2 {letter-spacing:-2px;}

/* 플레이스홀더 글자크기 */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-size:15px;
  }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size:15px;
}
::-ms-input-placeholder { /* Microsoft Edge */
font-size:15px;
}

/* skip ----------------------------------------------*/
#accessibility {position:absolute; top:0; left:0; width:100%; z-index:9999;}
#accessibility a {font-size:14px; position:absolute; top:-9999px;}
#accessibility a:hover, #accessibility a:active, #accessibility a:focus {display:inline-block; top:0; width:100%; padding:10px 0; color:white; font-weight:bold; text-align:center; background-color:black;}

/*header*/
.top-util {overflow:hidden;position:relative;  height:40px;  text-align:right; background:#0e6190;}
.top-util ul {position:relative; float:right;}
.top-util ul li {position:relative; float:left; }
.top-util ul li a {display:block; padding:0 15px; line-height:40px; color:#fff;}
.top-util ul li a:hover {text-decoration:underline;}
.top-util ul li:after {position:absolute;top:12px; right:0px; display:block; content:" "; width:1px; height:15px; background:#fff;}
.top-util ul li.last:after {display:none; }


.head-section { border-bottom: 1px solid #eee; background:#fff;}
.head-section .navbar {margin-bottom: 0;}
.navbar-default { border: none }

.navbar-header {float:none;}
.navbar-header h1 {margin:0;}
.navbar-brand {display:block; margin-top:30px; padding:0; width:262px;height:35px; text-indent:-9999em; background: url("./../images/common/top_logo.png") no-repeat center center;  background-size:100% auto;}

.navbar-header .mobisearch_btn {display:none;}

.head-section .navbar-collapse  ul.navbar-nav {float: right; margin-right: 0;    z-index: 199;}
.navbar-nav {float:left;}

.head-section .navbar-default {background-color: #fff;}
.head-section .nav li a {font-size:1.33em; font-weight:700; color: #000;}
.head-section .nav li a.active,
.head-section .nav li a:hover {color:#40bad5;}
.head-section .nav li:nth-child(5) {margin-right:-30px;}
.head-section .dropdown-menu {background:#fff; padding: 0px 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.head-section .dropdown-menu ul {background:#fff;}
.head-section .nav li.active .dropdown-menu li a {color: #000;}
.head-section .nav li .dropdown-menu li a {display:block; padding:10px 15px; font-size:16px; font-weight:400; color: #2d2d2d;  }
.head-section .nav li .dropdown-menu li a:hover {color: #fff; font-weight:700; background:#40bad5;}

.nav>li>a {padding:10px 30px;}
.nav>li:first-child>a {padding:10px 30px 10px 0;}

.head-section .nav li a .fa-angle-down {display:none;}
.head-section .navbar { min-height: 100px }
.head-section .navbar-nav {margin:15px 0 25px 0;}
.head-section .navbar-nav > li {/*padding-bottom: 13px; padding-top: 25px;*/}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background:none;}
.navbar-default .open_link {position:absolute; right:0px; top:40px; }

.head-section .search-area {float:right; margin: 19px 0 0 0; padding:5px 20px; border-radius:50px; background:#eee;}
.head-section .search-area .inputs {padding:5px; width:200px; font-size:15px; border:none; background:#eee;}
.head-section .search-area .search_pic {width:27px; height:27px; text-indent:-9999px; background:#eee url('./../images/board/search_pic.png') no-repeat center center; background-size:17px auto; border:none;}

.mobisearch_close {display:none;}

/* 하단 */
footer {position:relative; background:#3c3c3c;}
footer:before {position:absolute; left:0px; top:45px; content:""; display:block; width:100%; height:1px; background:#666;}
.foot-util {overflow:hidden; padding:15px 0; /*margin:0 -24px;*/}
.foot-util ul li {position:relative; float:left; padding:0 24px; font-size:1.06em; font-weight:300; color:#ccc;}
.foot-util ul li:first-child {padding:0 24px 0 0;}
.foot-util ul li a {color:#ccc;}
.foot-util ul li:after {position:absolute; right:0px; top:0px; content:""; display:block; width:1px; height:14px; background:#666;}
.foot-util ul li:last-child:after {display:none;}
.footer-con {position:relative; overflow:hidden; margin:50px 0; padding:0 0 0 255px;}
.footer-con .foot_logo {overflow:hidden; position:absolute; left:0px; top:5px; width:197px; height:42px; background: url("./../images/common/bottom_logo.png") no-repeat center center; background-size:100% auto; text-indent:-9999em;}
.footer-con .taxfree_mark {display:none;}
.footer-con address {margin-bottom:10px; font-size:1.06em; font-weight:300; color:#ccc;}
.footer-con address span:last-child {position:relative; display:inline-block; padding:0 0 0 20px; margin:0 0 0 20px;}
.footer-con address span:last-child:before {position:absolute; left:0px; top:4px; content:""; display:block; width:1px; height:14px; background:#666;}
.copyright_txt {font-style:normal; font-size:1.06em; font-weight:300; color:#ccc;}


/* 안내 팝업 */
.pop_notice {position:fixed; top:170px; left:50%; overflow:hidden; margin-left:-820px;width:210px; background:#fff; border-radius:5px; border:1px solid #999; }
.pop_notice h3 {margin:0; padding:12px 13px; font-size:1.46rem; color:#e64938; font-weight:500; text-align:center;  background:#ffebed; border-radius:5px 5px 0 0;}
.pop_notice .con {padding:15px 13px; font-size:0.93em; line-height:1.5em; text-align:center; color:#000; word-break:keep-all; }

/* Responsive styles
================================================== */
@media (max-width: 1600px) {
	.pop_notice {display:none;}
}

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  /* Dropdown animation */	
	
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    /*box-shadow: none;*/
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {	
	.nav>li>a {padding:10px 20px;}
	
	.foot-util ul li {font-size:0.93em;}
	

}
@media screen and (max-width: 992px){

	/*h1 {margin:10px 0 0 0;}*/
	.navbar-brand {float:none; margin: 17px auto 0 auto !important;}
	.navbar-default .navbar-toggle {border:none;}
	.navbar-default .navbar-toggle.is-open {/*position:absolute; top:0px; left:0px; z-index:9999; */}
	.offcanvas-toggle {background:#fff;}
	.navbar-toggle .icon-bar {width:25px; height:3px;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#2d2d2d;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:#fff;}	
	.navbar-toggle {position:absolute; right:5px; top:18px;  margin:0;/*margin-top:15px; margin-right:5px;*/}
	.navbar-toggle .icon-bar+.icon-bar {margin-top:3px;}

	.navbar-header .mobisearch_btn {position:absolute; left:3px; top:12px; display:block; border:none; width:40px; height:40px; text-indent:-9999px; background:#fff url('./../images/board/search_pic.png') no-repeat center center; background-size:17px auto; border:none;}
	
	.navbar-offcanvas {padding:35px 20px 0px 20px;}
	.navbar-offcanvas::before {content:""; margin:0 auto 20px auto; display:block; width:220px; height:35px; background: url("./../images/common/mobi_menu_logo.png") no-repeat top center; background-size:100% auto;}
	.navbar-offcanvas h2 {display:none; margin:0; padding:15px 0; color:#fff; text-align:center; background:#4e4e4e;}

	.nav>li>a {padding:10px 15px;}
	.navbar-nav {margin:0px; padding:17px 0 0 0; border-top:2px solid #fff;}
	.head-section .navbar {min-height:65px;}
	.head-section .container-fluid {padding:0; }
	.head-section .container-fluid > .navbar-collapse,
	.head-section .container-fluid > .navbar-header, 
	.head-section .container > .navbar-collapse, 
	.head-section .container > .navbar-header {margin:0; padding:0 15px; }
	/*.head-section .container {padding:0px;}*/
	.head-section .navbar-nav > li {padding-top:0px; padding-bottom:0px; /*border-bottom:1px solid #ccc;*/}
	.head-section .navbar-default .navbar-nav > .open > a, 
	.head-section .navbar-default .navbar-nav > .open > a:hover, 
	.head-section .navbar-default .navbar-nav > .open > a:focus {background:none; /*border-bottom:2px solid #40bad5;*/}
	
	.head-section .nav li a {padding:17px 10px; color:#fff; font-size:1.33em;}

	.head-section .nav li a .fa-angle-down {display:inline-block; float:right; margin-top: -6px; font-size:30px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
	.head-section .nav li.dropdown.open a .fa-angle-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

	.head-section .nav li .dropdown-menu li {/*border-bottom:1px dashed #ccc;*/}
	.head-section .nav li .dropdown-menu li:last-child {border-bottom:none;}
	.head-section .nav li:nth-child(5) {margin-right:0px;}

	.head-section .nav li a.active,
	.head-section .nav li a:hover,
	.head-section .nav li a:active {color:#ffeb3b;}

	.head-section .dropdown-menu,
	.head-section .dropdown-menu ul {background:none;}
	 
	.head-section .nav li.active .dropdown-menu li a {color:#fff;}

	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover  {color:#fff}

	.navbar-default .open_link {position:relative; top:auto; right:auto; display:block; padding:20px 0; font-size:18px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.6); /*background:rgba(255,255,255,0.7);*/}

	.head-section .search-area {display:none; padding:15px 15px; background:#40bad5;}
	.head-section .search-area.is-open {display:block; position:absolute; left:0px; top:65px; float:none; width:100%; margin:0; border-radius:0px;}
	.head-section .search-area .inputs {width:100%; padding:7px 80px 7px 15px; height:35px; background:#fff;}
	.head-section .search-area .search_pic {position:absolute; right:50px; top:15px; width:35px; height:35px; }

	.mobisearch_close {overflow:hidden; position:absolute; right:15px; top:15px; display:block; width:35px; height:35px; background:#999 url('./../images/common/close_btn_s_w.png') no-repeat center center; border:none; text-indent:-9999em;}

	footer:before {display:none; }
	.foot-util {padding:15px 15px; border-bottom:1px solid #666;}
	.foot-util ul li:nth-child(2):after {display:none;}
	.foot-util ul li:nth-child(3) {clear:both; padding:0 24px 0 0; margin-top:10px;}
	.foot-util ul li:nth-child(4) {margin-top:10px;}
	.footer-con { margin:30px 0 40px 0; padding:0 15px; }
	.footer-con .foot_logo {display:none;}
	
}


@media screen and (max-width: 767px) {

	.foot-util ul li {padding: 0 10px; font-size:0.86em;}
	.foot-util ul li:first-child {padding:0 10px 0 0; }
	.foot-util ul li:nth-child(3) {padding:0 10px 0 0; }
	
	.footer-con {margin:25px 0 30px 0;}
	.footer-con address {font-size:0.86em;}
	.footer-con address span:last-child {padding:0 0 0 10px; margin:0 0 0 10px;}
	.copyright_txt {font-size:0.86em;}

}
@media screen and (max-width : 486px){ 
	
	.navbar-brand {margin: 21px auto 0 auto !important; width:190px; height:30px; }
	.navbar-default .navbar-toggle.is-open {position:absolute; top:20px; right:20px; z-index:9999; background:none;}
	.navbar-default .navbar-toggle.is-open .icon-bar {background:#fff; }

	.navbar-offcanvas::before {margin:0 0 20px 0;}

}
@media screen and (max-width: 320px){


}
/* 320휴대폰 대응 */
@media (max-width: 414px) {
	
}


.form-control {
	border: none;
	/*border-radius: 2px; */
}
.form-control:focus {
    border: none;
    /*border: 1px solid #d9d9d9;*/
}

.hr{height:1px; width: 30%; margin:30px auto; background-color:#ececec; position: relative; line-height: 1px;}
.hr-inner{width:8px; height: 9px; background-color: #fff; border: 1px solid #ececec; position: absolute; left:50%;  top:-4px;}

.pad-bot-fifty { padding-bottom: 50px }
.jumbotron { margin-bottom: 0px }
.mar-b-30 { margin-bottom: 30px }
.mar-b-40 { margin-bottom: 40px }
.mar-b-50 { margin-bottom: 50px }
.mar-b-60 { margin-bottom: 60px }
.mar-b-70 { margin-bottom: 70px }
.btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/*  Back-to-top */
#back-to-top {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
    height:55px;
    width:55px;
    cursor:pointer;
    background:#000000;
    line-height:1em;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-image:url('/images/inc/top.png');
    background-position: 14px 10px;
    background-repeat:no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#back-to-top:hover {

    background-color:#48cfad;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.black_bg {position: fixed;top:65px;left: 0;bottom: 0;right: 0;z-index: 999; background: rgba(0,0,0,0);}