@charset "utf-8";

/* common */
div#popupDimm {background-color:rgba(0,0,0,0.7);}
div#noticePop .popup_bg.popup_border .closeMainpop {background-color:#1e1e1e; background-image:url('../img/official/ico_confirmlayer_cancel_w.png');}
div#noticePop .popup_bg .chkPopcookie label span {text-shadow: 0 0 1px rgba(0,0,0,0.9); color: #fff;}
/*html,body {font-family:"Lato","NBG","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-size:1em; color:#333; font-weight:500; word-spacing:0.05em; letter-spacing:0.05em;}*/
html, body, ul, ol, li, form, fieldset, legend {line-height:1.75;}
h1, h2, h3, h4, h5, h6 {line-height:1.3;}
a {color:#333;}
/*.tileTitle p,.entry,.related h5,#footer .siteMap ul li a {font-family:"NBG";}*/
hr {margin:0; border:none;}
#util ul {padding:0; list-style:none;}
#util li li a {background:none;}
#util .mypage a {background-position:0 -26px;}
#util .cart a {background-position:0 -52px;}
#util .mypage a:hover,#util .mypage .active {background-position:-26px -26px;}
#util .cart a:hover,#util .cart .active {background-position:-26px -52px;}
.sort ul {padding:0; list-style:none;}
.sort a {display:inline-block; width:20px; height:20px; text-indent:-999em; background:url('../img/official/ico_sort.png') left top no-repeat;}
.sort .new a {background-position:0 0;}
.sort .view a{background-position:0 -20px;}
.sort .like a {background-position:0 -40px;}
.sort .new a:hover,.sort .new.active a {background-position:-20px 0;}
.sort .view a:hover,.sort .view.active a {background-position:-20px -20px;}
.sort .like a:hover,.sort .like.active a {background-position:-20px -40px;}
.related .tile {margin:0; padding:0;}
.related a {position:relative; width:100%; height:237px;}
.related h3 { font-size: 1.2em; margin:0;padding:15px; border-bottom: 1px solid #ededed;}
.related a:hover {color:#737373;}
.related .tileImg {position:absolute; top:0; width:100%; height:237px;}
.related .tileTitle {position:absolute; bottom:0; width:100%; height:80px; padding:13px 50px 13px 20px; text-align:left; background:url('../img/official/icon_relatedCon.png') no-repeat 92% 75% rgba(255,255,255,0.8);}
.related .tile h4 {overflow:hidden; font-size:15px; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#4d4d4d;}
.related .tile h5 {overflow:hidden; margin:3px 0 0; font-size:13px; white-space:nowrap; text-overflow:ellipsis; color:#4d4d4d;}
.shareThis {position:relative; width:200px; border-bottom:1px solid #ededed; background:#fff;}
.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"] {border:1px solid #d9d9d9; box-shadow:none; -webkit-appearance:none;}
#wrap .btn.btnPoint,#wrap .pagination a:hover,#wrap .pagination a:focus,#wrap .pagination .active a {color:#fff; border-color:#000; background-color:#000;}
#wrap .pagination .prev a:hover,#wrap .pagination .next a:hover {color:#fff;}
#wrap .pointColor,#wrap .shopDone header h1:before,#gallery .carousel-control .fa,.related .tileTitle:after,.downFile h3,.infourl h3 {color:#000;}
#wrap .pointBg,#accNav a,.container .disPercent,#wrap.carousel-indicators li.active,.entry .carousel-indicators .active,.btnTop,.swipe .indicator .active,.entry .swipe .indicator .active {background-color:#000;}
#wrap .disPercent:before {border-color:transparent #000 transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav .active a:before {border-color:#000}
#confirmLayer a,#confirmLayer .txt:before,#confirmLayer .close button:hover,#member input[type="checkbox"]:checked+.icoCheck {background-color:#000;}
#confirmLayer a:hover,#member .join_submit a:hover,#member input[type="submit"]:hover,#member input[type="button"].btnPoint:hover {background-color:#000;}
.tile ul,.inshop ul {list-style:none;}
.carousel .item {width:100%;}
.carousel .carousel-control {background:none;}
.btnTop {position:fixed; right:13px; bottom:13px; color:#fff; padding:10px 11px; border-radius:5px; width:2.5em; font-size:14px; text-align:right; text-decoration:none; z-index:99;}
.btnTop:hover {color:#fff; text-decoration:none;}
.tileImg {overflow:hidden; background:#fff;}
.ellip {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipMulti {overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.75; display: -webkit-box; -webkit-line-clamp:2; }
span.ellip {display:inline-block; max-width:100%; height:25px;}
a:hover span.ellip ,a:focus span.ellip, .on span.ellip {display:inline-block; border-bottom:2px solid #3c3c3c;}

/* Layout */
.container {margin:0; padding:0;}
#gnb {margin-bottom:0; border:none; border-radius:0; box-shadow:none; z-index:99;}
.icoMenu {display:block; width:100%; height:3px; margin:3px 0; background:#fff;}
.tile {overflow:hidden;}
.tile a {display:block;}
.topBg {height:100px; background-size:cover;}
.detail {position:relative; padding-left:15px; padding-right:15px; background:#fff;}
.entry {position:relative; max-width:800px; min-height:350px; margin:0 auto; padding:80px 0; font-size:0.9em;}
.entry header {margin-bottom:30px;}
/*.entry h1 {font-family:"Jeju Gothic"; margin-bottom:0.5em; font-size:2.5em; font-weight:bold;}*/
.entry h1 {font-family:"Noto Sans KR"; margin-bottom:0.5em; font-size:2.5em; font-weight:bold;}
.entry h2 {margin-top:0; font-size:1.2em; font-weight:normal; line-height: 1.75;}
.entry h3 {font-size:1.2em; line-height: 1.75;}
.entry h4 {font-size:1.1em; line-height: 1.75;}
.entry .carousel-control .fa {position:absolute; top:50%; margin-top:-50px;}
.entry .carousel-control.left .fa {left:0}
.entry .carousel-control.right .fa {right:0}
button.closer {position:absolute; top:0; right:0; width:40px; height:40px; text-indent:-999em; border:none; background:#000 url('../img/official/icon_layer_close.png') center center no-repeat;}

/* header */
#header {position:relative; height:60px; z-index:999;}
#gnb {margin:0; height:60px; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {position:fixed; top:0; left:0; width:100%; height:60px; padding:5px 0; background:#fff; z-index:9; border-bottom:1px solid #eee;}
.navbar-header h1 {position:absolute; left:50%; width:40%; height:40px; margin:0 0 0 -20%; padding:0; font-size:0;}
.navbar-header img {width:120px;}
.navbar-header a {float:none; height:auto; padding:0;}
.navbar-header .navbar-toggle {position:absolute; top:50%; width:27px; margin:-11px 0 0 15px; padding:0; border:none; border-radius:0; z-index:9;}
.navbar-default .navbar-header .navbar-toggle:hover,.navbar-default .navbar-header .navbar-toggle:focus,.navbar-default .navbar-header .navbar-toggle:active {background:none;}
.navbar-collapse {position:fixed; overflow-y:auto; width:100%; max-height:100%; padding:0; border:none; background-color:yellowgreen; box-shadow:none;}
.gnbHome {display:none;}
.navbar-nav {margin:0; padding-top:60px;}
.navbar-nav .dropdown-menu {float:none; border-radius:0; border:none; box-shadow:none;}
.navbar-nav .dropdown .fa-chevron-down {position:absolute; right:15px;}
.navbar-nav .dropdown.open .fa-chevron-down:before {content:"\f077";}
.headerSns {display:none; margin:25px 0; padding:0; list-style:none;}
.headerSns li {display:inline-block; margin:0 12px;}
.headerSns li a {color:#969696;}
.navbar-form {margin:0; padding:0; border:none;}
.searchWrap {display:none; position:fixed; top:0; left:0px; right:0px; bottom:0; width:100%; text-align:center; z-index:1200;}
.searchWrap .searchCon {position:absolute; left:5px; right:5px; top:160px; z-index:999; width:90%; max-width:530px; margin:auto; padding:15px 10px; border-radius:3px; background:#fff; text-align:right;}
.searchWrap .searchCon .form-control {float:left; width:70%; max-width:495px; height:46px; border:0px; padding:0 0 0 5px; font-size:1.1em; -webkit-appearance:none; border:1px solid #ededed;}
.searchWrap .searchCon input.form-control {line-height:1.3;}
.searchWrap .searchCon input.form-control::-webkit-input-placeholder {line-height:1.1;}
.searchWrap .searchCon input.form-control:-moz-placeholder {line-height:1.1;}
.searchWrap .searchCon input.form-control::-moz-placeholder {line-height:1.1;}
.searchWrap .searchCon input.form-control:-ms-input-placeholder {line-height:1.1;}
.searchWrap .searchCon button[type="submit"] {width:28%; max-width:120px; height:46px; padding:0 10px; text-align:left; color:#fff; border:none; border-radius:3px; background-color:#000;}
.searchWrap .searchCon button .fa {float:right; margin-left:10px; font-size:1.5em;}
.searchWrap .dimWrap {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:#000; opacity:0.8;}
.icoMenu {display:block; width:100%; height:3px; margin:3px 0; background:#241917;}
#util {position:absolute; top:15px; right:15px; z-index:99;}
#util .searchBtn {width:26px; height:26px; margin:0; padding:0; font-size:1.1em; line-height:1; color:lime; border:none; background:none; z-index:99;}
button.searchBtn {position: absolute; top:38px; right:5px; width: 30px; height:30px; margin-top: -13px; padding: 0; background:none; border: none; z-index: 9;}
button.searchBtn .fa {color:#241917;}
.linkBlog {display:block; position:absolute; top:50%; right:60px; width:25px; height:25px; margin-top:-12px; background:url('../img/official/ico_naverblog.png') 50% 50% no-repeat; background-size:cover; z-index:9;}
#header .facebook{display:block; position:absolute; top:50%; right:31px; width:25px; height:25px; margin-top:-12px; z-index:9; text-align:center; line-height:25px;}
#header .facebook:hover, header .facebook:focus{color:#333;}

.quickBnn {display:block; position:absolute; top:60px; right:0; width:160px;}
.quickBnn img {max-width:100%;}

.quickBanner {position:fixed; top:65px; right:5px;}
.quickBanner .qb {margin-bottom:5px;}
.quickBanner .qb a {display:block; max-width:140px;}
.quickBanner .qb a img {max-width:100%;}

/* header type: height */
.heightHeader #gnb .navbar-collapse {top:0; bottom:0; left:-240px; width:240px; height:100%; background-color:#fff; z-index:99;}
.heightHeader.right #gnb .navbar-collapse {right:-240px; left:auto;}
.heightHeader #gnb .navbar-nav {float:none; padding-top:0; }
.heightHeader #gnb .gnbHome {display:block; position:relative; padding:18px 0 18px 50px; color:#fff; background-image:url('../img/official/ico_nav_close.png'); background-position:200px 50%; background-repeat:no-repeat;}
.heightHeader #gnb .homeIco {display:inline-block; position:absolute; top:0; bottom:0; left:0; width:45px; background:url('../img/official/ico_home.png') 20px 50% no-repeat;}
.heightHeader #gnb .gnbClose {display:inline-block; position:absolute; top:0; bottom:0; right:0; width:60px; padding:0; border:none; background:none;}
.heightHeader #gnb .navbar-nav li {float:none; border-bottom:1px solid #f2f2f2;}
.heightHeader #gnb .navbar-nav a {padding:15px 20px; font-size:15px; color:#333; background:url('../img/official/ico_arr_nav.png') 205px 50% no-repeat;}
.heightHeader #gnb .navbar-nav .dropdown>a {background:url('../img/official/ico_arr_nav_down.png') 200px 50% no-repeat;}
.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown.open>a {background-image:url('../img/official/ico_arr_nav_up.png');}
.heightHeader #gnb .navbar-nav .dropdown .fa-chevron-down {display:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu {padding:0; border-top:1px solid #f2f2f2; background:#f5f5f5;}
.heightHeader #gnb .navbar-nav .dropdown-menu li {border-color:#e9e9e9;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {font-size:14px; background-image:none;}

.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName {display:inline-block; position:relative; padding-left:15px;}
#footer .siteMap .subMenuName {display:inline-block; position:relative; padding-left:15px;}
.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:7px; height:1px; margin-top:-1px; background:#d1d1d1;}
#footer .siteMap .subMenuName:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:7px; height:1px; margin-top:-1px; background:#d1d1d1;}
.heightHeader #gnb .navbar-nav .menu-3rd {padding:0; list-style:none; border-top:1px solid #dadada; background:#f0f0f0;}
#footer .siteMap .menu-3rd {padding:0; list-style:none; border-top:1px solid #dadada; background:#f0f0f0;}
.heightHeader #gnb .navbar-nav .menu-3rd li:last-child {border-bottom:none;}
#footer .siteMap .menu-3rd li:last-child {border-bottom:none;}
.heightHeader #gnb .navbar-nav .menu-3rd a {display:block; padding-left:35px;}
#footer .siteMap .menu-3rd a {display:block; padding-left:35px;}
.heightHeader #gnb .navbar-nav .menu-3rd .subMenuName:before {background:#d4d4d4;}
#footer .siteMap .menu-3rd .subMenuName:before {background:#d4d4d4;}

.heightHeader .headerSns {display:block; text-align:center;}
.gnbDim {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99;}
/* .heightHeader .gnbDim {display:block;} */

/* keyVisual */
.swipe {position:relative; width:100%; overflow:hidden;}
.swipe a {display: block; width: 100%;height: 100%;}
.swipe .indicator {position:absolute; bottom:15px; left:50%; z-index:9; width:60%; margin-left:-30%; margin-bottom:0; padding-left:0; text-align:center; list-style:none;}
.swipe .indicator li {display:inline-block; width:10px; height:10px; margin:0 7px; text-indent:-999em; border-radius:100%; background:#dadada; cursor:pointer;}
.swipe .indicator li.active {width: 12px; height: 12px; background:#37c4ff;}
.swipe .swipeItem {position:relative; width:100%; overflow:hidden;}
.swipe .swipeItem:after {content:""; display:block; clear:both;}
.swipe .item {position:relative; float:left; overflow:hidden; width:100%; height:380px; background-size:cover;}
.swipe .swipeControl {display:none; position:absolute; top:0; bottom:0; color:#fff; text-align:center; width:40px; background:none; z-index: 99; opacity:.5;}
.swipe .swipeControl:hover,.swipe .swipeControl:focus { opacity:.9;}
.swipe .swipeControl.left {left:0;}
.swipe .swipeControl.right {right:0;}
.swipe .swipeControl .prev,.swipe .swipeControl .next {position:absolute; top:50%; width: 100%; height: 100px; margin: -50px 0 0; line-height: 100px; text-shadow: none; background: rgba(0,0,0,0.35) url('../img/official/ico_kv_arr.png') 0 0 no-repeat; opacity: 1;}
.swipe .swipeControl.left .prev {left: 0; border-radius: 0 5px 5px 0; background-position: 0 0;}
.swipe .swipeControl.right .next {right: 0; border-radius: 5px 0 0 5px; background-position: 0 -100px;}
.swipe .caption {position:absolute; top:25%; left:5%; right:5%; text-align:center;}
.swipe .caption > a{color:#fff;}
.swipe .caption .main {margin:0 0 0.5em; font-size:32px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swipe .caption .sub {margin:0; font-size:14px; line-height:1.75;}
.entry .swipe {padding-bottom:40px;}
.entry .swipe .item {height:auto;}
.entry .swipe .item img {max-width:100%;}
.entry .swipe .indicator {bottom:10px;}
.entry .swipe .indicator li {width:10px; height:10px; margin:0 2px; border:none; background:#ccc;}
.entry .swipe .indicator .active {margin:0 2px;}
.entry .swipe .swipeControl {width:35px;}
.entry .swipe .swipeControl .prev,.entry .swipe .swipeControl .next {width:28px; height:55px; margin-top:-28px; margin-left:-14px; background:url('../img/official/btn_gall_arr.png') 0 0 no-repeat;}
.entry .swipe .swipeControl.left .prev {background-position:100% 0;}
.entry .swipe .swipeControl.right .next {background-position:100% 100%;}

/* bbs */
.bbs #bbs header h1 {text-align:center; font-size:32px; margin:0; padding:0; margin-top:20px; margin-bottom:10px; line-height:1.3;}
.bbs div#bbs {max-width: 800px; margin: 0 auto; padding: 35px 15px 40px;}

/* content */
.container > .shortCut {position:relative;}
.news {position:relative; margin-top:5.5%;}
.sub .news {margin:35px 0 0 -1px; overflow: hidden;}
.sub .news .tile {margin-bottom:8%;}
.news .shortCut {padding:0; display:table;}
.tile.flow .tileImg {float:left; width:50%; text-align:center;}
.tile .tileImg img {width:100%;}
.shortCut .tile .tileImg img {width:100%;}
.news .tile.flow .tileImg {vertical-align:top;}
.tile.flow .tileTitle {float:left; width:50%; padding-left:15px;}
.tile.flow .tileTitle h4 {margin:0; font-size:20px; color:#3c3c3c; font-weight:bold;}
#content.subMain .tile.flow .tileTitle h4 {font-size:15px;}
#content.subMain .tile.flow .tileTitle h4 span { -webkit-line-clamp:2; line-height:1.3; max-height:2.6em;}

h3.shortCutTit {margin-top:60px;}
.news .shortCut .tile {text-align:center;}
.news h3, h3.shortCutTit {padding:0 15px;}
.news h3, h3.shortCutTit, .shortCut h4 {font-size:16px; font-weight:bold; margin-bottom:20px;}

/* new */
.shortCutCopy{margin-top:30px; margin-bottom:30px; padding:0 15px; font-size:16px; font-weight:bold; text-align:center;}
.container > .shortCutMain {position:relative;}
.shortCutMain .tile .tileImg img {width:100%;}

.tile.flowMain .tileImg {float:left; width:50%; text-align:center;}
.tile.flowMain .tileTitle {float:left; width:50%; padding-left:15px;}
.tile.flowMain .tileTitle h4 {margin:0; font-size:20px; white-space:nowrap; color:#3c3c3c; font-weight:bold;}
.tile.flowMain .tileTitle h4 span {height:30px;}

.news .shortCut h4 {font-size:14px; font-weight:normal;}
a:hover .tileTitle h4 {color:#333;}
#content a:hover {text-decoration:none;}
.tileTitle > p {margin-bottom:0; font-size:12px; color:#626262; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; height:100px; margin-top:5px;}
.tileTitle .btnArea p {font-size:12px; color:#ec7500;}
#content.main .news > .tile .tileTitle > h4 {margin-bottom:15px;}
#content.main .news > .tile .tileTitle > p {height:auto;}
a:hover .tileTitle .btnArea p span {border-bottom:2px solid #ec7500;}
.container .shortCut:before {content: ""; position: absolute; top:0; right: 0; width: 1px; height: 125px; background: #e9e8e7; }
.shortCut .tile:before, .news .tile:before {content: ""; position: absolute; top:0; left: 0; width: 1px; height: 125px; background: #e9e8e7;}
.news .shortCut .tileImg img {width:100%; max-width:80px;}
.news .shortCut .tileTitle {min-height:20px;}
.before {width:100%; height:380px; background-color: #fff; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#banner {position: absolute; top:130px; width: 100%; color: #fff; overflow:hidden;}
#banner h2 {font-size:40px; margin-bottom:10px;}
#content {position:relative; margin-top: -80px;}
.sub #content .container{ position: relative; background: #fff; border: 1px solid #ededed;}
.sub #content.subMain .container {overflow:hidden; border:none; padding-top:35px;}
.sub #content.subMain .container h3 {text-align:center; font-size:32px;}
.sub #content.subMain h2.tit {position:absolute; width:100%; margin-top:40px; text-align:center; z-index:1;}
.bbs #bbs {padding: 40px;}
button.closer { right: -1px; top: -1px;}
.container .loadMore { margin:-30px 0 0; text-align: center;}
.container .loadMore button {padding:10px 35px 10px 25px; font-size: 14px; font-weight: bold; color: #ffffff; border-radius:2px; background:none; border:none;}
#gallery .carousel-indicators li {background:#dadada; border:none;}
#gallery .carousel-indicators .active {background: #000;}
.searchWrap {width: 100%; text-align: center; position: absolute; top:0; left: 0px; right: 0px; z-index: 1200; display: none; height: 1px;}
.searchWrap .searchCon {position: absolute; left: 0px; right: 0px; top: 160px; z-index: 999; width:100%; max-width: 675px; margin: auto; padding: 15px 24px; border-radius: 3px; background: #fff; text-align: right;}
.searchWrap .searchCon label { display: none;}
/*.searchWrap .searchCon .form-control {float: left;width:70%; max-width: 495px;height:auto;border: 0px;padding:9px 10px 7px; font-size: 1.3em;-webkit-appearance: none;}*/
.searchWrap .dimWrap {position: fixed;top: 0;left: 0;right: 0;z-index: 1;width: 100%;height: 100%;background: #000;opacity: 0.8;}
.searchWrap .searchCon .globalBtn {position:relative !important; top: 0; right: 0 !important; border: inherit !important; background-color: #000 !important; text-align: left;}
.searchWrap .searchCon .globalBtn, .searchWrap .searchCon .globalBtn:link, .searchWrap .searchCon .globalBtn:visited {width:27%; max-width: 120px;height: 46px;border-radius: 4px;font-size: 18px; display: inline-block;padding: 12px 23px 12px 20px;border: none;border-right: 20px solid #000;border-radius: 2px;line-height: 1;background: #000 url('../img/ico_btnarr.png') 90% center no-repeat;background-size: 8px 12px;color: #FFF;font-size: 15px;-webkit-appearance: none;}

/* footer */
#footer {margin-top:4%; font-size:14px; color:#aaa; background:#626262;}
#footer a { color:inherit;}
#footer>.container {position:relative; padding:35px 15px; text-align:center;}
#footer p {margin:0; font-size:12px; text-align:center;}
#footer .footerInfo {padding:15px 0; background:#ededed;}
#footer .footerInfo .container {position:relative;}
#footer .siteMap {display:none; margin:0; list-style:none;}
#footer .siteMap:after {content:""; display:block; clear:both;}
#footer .siteMap li {float:left; margin:0 5px; padding-right:50px; font-weight:bold; color:#444444;}
#footer .siteMap > li {float:none; display:inline-block; vertical-align:top; margin-bottom:30px;}
#footer .siteMap li a {color:#241916; font-weight:bold;}
#footer .siteMap li ul {margin:0; padding:0; list-style:none; margin-top:2px;}
#footer .siteMap li li {float:none; margin:0; padding:0;}
#footer .siteMap li li a {color:#424242; font-weight:500; font-size:13px;}
#footer .footerSns {text-align:center;}
#footer .footerSns li {display:inline-block; }
#footer .footerSns a {display:inline-block; padding:5px; margin:0 3px; font-size:1.3em; color:#7B7B7B;}
#footer .footerLogo img {height:23px;}
#footer .footerInfoWrap{text-align: center;}
#footer .footerInfo2{margin: 0; padding: 0; list-style: none; font-size: 12px;}
#footer .footerInfo2 li {display:inline-block; margin-right:15px;}
#footer .footerInfo2 .address {display:block;}
#footer p.copyright {padding-top:10px;}

/* search */
h3.searchResult {margin-bottom:40px; font-size:24px; color:#626262;}
.gotoHome {text-align:center; margin-bottom:40px;}
.gotoHome .btn {background-color: #000; color: #fff; padding: 15px 25px;}
.gotoHome .btn .fa-align {font-size: 21px; vertical-align: bottom; padding-left: 30px;}
.searchResult span.keyCode {color:#000;}
.searchResult span.keyNumber {color:#000;}

/* custom */
#custom_org {text-align:center; position:relative;}
#custom_org ul{ list-style:none; padding:0;}
.org_1{position:relative; width:175px; margin:0 auto; padding: 13px 20px; color: #fff; border: 10px solid #fff; border-radius: 10px 0 10px 0; background: #0c141f; box-shadow: 0 0 3px rgba(0,0,0,0.2); line-height:1.3;}
.org_2_wrap{position:relative;}
.org_2_wrap:before{ content: ""; position: absolute; top: 0; left: 50%; height: 339px; margin-left: -1px;border-left: 2px dotted #dadada; }
.org_2.org_2_1{float:right; padding-top:50px;}
.org_2.org_2_1 > p { position:relative; width:175px; padding: 13px 20px; margin-bottom:30px; border: 10px solid #fff; border-radius: 10px 0 10px 0; background: #ec7500; box-shadow: 0 0 3px rgba(0,0,0,0.2); line-height:1.3; color:#fff;}
.org_2.org_2_1 > p:after{content: ""; position: absolute; left:77px; top: 55px; height: 28px; margin-left: -1px; border-left: 2px dotted #dadada; }
.org_2.org_2_1:before{ content: ""; position: absolute; top:82px; left:50%; width:225px; margin-left: -1px;border-top: 2px dotted #dadada; }
.org_2.org_2_1 .org_3 > p { width:120px; padding:10px; margin:0 auto; margin-bottom:10px; font-size: 13px; border-radius: 30px; border: 5px solid #fff; background: #f7ae79; box-shadow: 0 0 2px rgba(0,0,0,0.2); line-height:1.3;}
.org_2.org_2_2:before{  content: ""; position: absolute; top:25px; left:167px; right:111px; border-top: 2px dotted #dadada; }
.org_2.org_2_2{ position:relative; clear:both; padding-top:50px;}
.org_2.org_2_2 .org_3{display:inline-block; vertical-align:top;}
.org_2.org_2_2 .org_3:before{ content: ""; position: absolute; top: 25px; height: 25px; margin-left: -1px;border-left: 2px dotted #dadada; }
.org_2.org_2_2 .org_3 > p {  position:relative;  width:175px; margin:0 auto; margin-bottom:30px; padding: 13px 20px; border: 10px solid #fff; border-radius: 10px 0 10px 0; box-shadow: 0 0 3px rgba(0,0,0,0.2); line-height:1.3;}
.org_2.org_2_2 .org_3 > p:after{ content: ""; position: absolute; left: 77px; top: 55px; height: 14px; margin-left: -1px; border-left: 2px dotted #dadada; }
.org_2.org_2_2 .org_3.first > p { background: #2c5770; color:#fff;}
.org_2.org_2_2 .org_3.second > p { background: #626262; color:#fff;}
.org_2.org_2_2 .org_3.third > p { position:relative; background: #168292; color:#fff;}
.org_2.org_2_2 .org_3.third > p:after{ content: ""; position: absolute; left: 77px; top: 55px; height: 28px; margin-left: -1px; border-left: 2px dotted #dadada; }
.org_2.org_2_2  .org_3.first .org_4_wrap:before, .org_2.org_2_2  .org_3.second .org_4_wrap:before{ content: ""; position: absolute; top: -14px; left: 69px; right: 69px; border-top: 2px dotted #dadada; }
.org_2.org_2_2  .org_3.first .org_4_wrap, .org_2.org_2_2  .org_3.second .org_4_wrap {position:relative;}
.org_2.org_2_2 .org_4{display:inline-block; vertical-align:top; padding:0 10px;}
.org_2.org_2_2 .org_3.first .org_4:before {content: ""; position: absolute; left: 70px; top: -14px; height: 14px; margin-left: -1px; border-left: 2px dotted #dadada;}
.org_2.org_2_2 .org_3.second .org_4:before{content: ""; position: absolute; left: 70px; top: -14px; height: 14px; margin-left: -1px; border-left: 2px dotted #dadada;}
.org_2.org_2_2 .org_3.first .org_4 {position:relative;}
.org_2.org_2_2 .org_3.second .org_4{position:relative;}
.org_2.org_2_2 .org_3.third .org_4{display:block;}
.org_2.org_2_2 .org_5 > p { width:120px; padding:10px; font-size: 13px; border-radius: 30px; border: 5px solid #fff; background: #a3cedd; box-shadow: 0 0 2px rgba(0,0,0,0.2); line-height:1.3;}
.org_2.org_2_2 .org_3.second .org_5 > p { background: #bbc4c9;}
.org_2.org_2_2 .org_3.third .org_4> p { width:120px; padding:10px; margin:0 auto; margin-bottom:10px; font-size: 13px; border-radius: 30px; border: 5px solid #fff; background: #d1e8e2; box-shadow: 0 0 2px rgba(0,0,0,0.2); line-height:1.3;}

#CMG {overflow:hidden; height:0; font-size:0;}
#CMG #CMGActiveChatCase {top:60px !important; right:0 !important;}
#CMG #CMGActiveChat {top:60px !important; right:0 !important;}

/* Media Queries */
@media screen and (max-width:991px) {
	.org_2.org_2_1:before{ width:184px; }
	.org_2.org_2_2:before{ left:134px; right:91px; }
	.org_2.org_2_2  .org_3.first .org_4_wrap:before, .org_2.org_2_2  .org_3.second .org_4_wrap:before{ left: 69px; right: 59px;}
	.org_2.org_2_2 .org_4{padding:0 5px;}
}
@media screen and (max-width:767px) {
	.org_1{margin:0;}
	.org_2_wrap:before{display:none;}
	.org_2.org_2_1{position:relative;}
	.org_2.org_2_1:before{border-top:none;  content: ""; position: absolute; border-left: 2px dotted #dadada; top:0; bottom:2px; left:-14px;}
	.org_2.org_2_2{position:relative; padding-top:0;}
	.org_2.org_2_2:before{border-top:none;  content: ""; position: absolute; border-left: 2px dotted #dadada; top:0; bottom:116px; left:30px;}
	.org_2.org_2_2 .org_3:before{display:none;}
	.org_2.org_2_1 > p:after{ display:none;}
	.org_2.org_2_2 .org_3 > p:after{ display:none; }
	.org_2.org_2_2 .org_3.first .org_4:before {display:none;}
	.org_2.org_2_2 .org_3.second .org_4:before{display:none;}
	.org_2.org_2_2  .org_3.first .org_4_wrap:before{display:none;}
	.org_2.org_2_2  .org_3.second .org_4_wrap:before{display:none;}
	.org_2.org_2_1{float:none; margin-left:45px;}
	.org_2.org_2_1 > p:before{ content: ""; position: absolute; top: 22px; left: -40px; width: 30px; border-top: 2px dotted #dadada; }
	.org_2.org_2_1 > p { position:relative; width:175px; margin: 0 15px; margin-bottom: 30px;}
	.org_2.org_2_1 .org_3_wrap:before{content: ""; position: absolute; top: -30px; left: -10px; bottom: 34px; border-left: 2px dotted #dadada; }
	.org_2.org_2_1 .org_3_wrap{ position:relative;margin-left: 40px; text-align:left;}
	.org_2.org_2_1 .org_3:before{content: ""; position: absolute; top: 21px; left: -14px; width: 14px; margin-top: -1px; border-top: 2px dotted #dadada; }
	.org_2.org_2_1 .org_3{display:inline-block; position:relative; text-align:center; margin:0 5px;}
	.org_2.org_2_2{padding-left:45px;}
	.org_2.org_2_2 .org_3{ display:block; padding:0; padding-top:50px;}
	.org_2.org_2_2 .org_3 > p:before{ content: ""; position: absolute; top: 22px; left: -40px; width: 30px; border-top: 2px dotted #dadada; }
	.org_2.org_2_2 .org_3 > p { position:relative; width:174px; margin:0 15px; margin-bottom:30px;}
	.org_2.org_2_2 .org_4_wrap{margin-left:45px; text-align:left;}
	.org_2.org_2_2 .org_4{display:block; padding:0; margin-left:30px;}
	.org_2.org_2_2 .org_5_wrap:before{content: ""; position: absolute; top: -29px; left: -10px; bottom: 34px; border-left: 2px dotted #dadada;}
	.org_2.org_2_2 .org_5_wrap{ position:relative; text-align:left;}
	.org_2.org_2_2  .org_4.first .org_5_wrap:before{content: ""; position: absolute; top: -30px; left: -10px; bottom: 30px; border-left: 2px dotted #dadada;}
	.org_2.org_2_2 .org_5:before{content: ""; position: absolute; top: 21px; left: -14px; width: 14px; margin-top: -1px; border-top: 2px dotted #dadada; }
	.org_2.org_2_2 .org_5.line2:before{ top: 50%; margin-top: -5px;}
	.org_2.org_2_2 .org_5{display:inline-block; position:relative; text-align:center; margin:0 5px; }
	.org_2.org_2_2 .org_3.third .org_4_wrap:before{content: ""; position: absolute; top: -30px; left: -10px; bottom: 34px; border-left: 2px dotted #dadada; }
	.org_2.org_2_2 .org_3.third .org_4_wrap{position:relative;}
	.org_2.org_2_2 .org_3.third .org_4:before{ content: ""; display:block; position: absolute; top: 21px; left: -14px; width: 14px; margin-top: -1px; border-top: 2px dotted #dadada; }
	.org_2.org_2_2 .org_3.third .org_4{display:inline-block; position:relative; text-align:center; margin:0 5px;}
}
@media screen and (max-width:559px) {
	.org_2.org_2_2 .org_5_wrap:before{ top:20px;}
	.org_2.org_2_2 .org_3.first .org_4.first .org_5_wrap:before{display:none;}
	.org_2.org_2_2  .org_3.first .org_4_wrap:before{ content: "";  display:block; position: absolute; top: -30px; left: 0px; bottom: 60px; border-left: 2px dotted #dadada; border-top:none;}
	.org_2.org_2_2 .org_4_wrap{position:relative;}
	.org_2.org_2_2 .org_3.first .org_4:before{ content: ""; display:block; position: absolute; top: 51px; left: -25px; width: 14px; margin-top: -1px; border-top: 2px dotted #dadada; border-left:none;}
	.org_2.org_2_2 .org_3.first .org_4.first:before{  top:21px; }
	.org_2.org_2_2 .org_3.first .org_4{position:relative;}
	.org_2.org_2_2 .org_4.first .org_5_wrap:before {top: 31px; bottom: 39px;}
	.org_2.org_2_2 .org_3.second .org_4_wrap:before{ content: "";  display:block; position: absolute; top: -30px; left: 0px; bottom: 35px; border-left: 2px dotted #dadada; border-top:none;}
	.org_2.org_2_2 .org_3.second .org_4:before{ content: ""; display:block; position: absolute; top: 21px; left: -25px; width: 14px; margin-top: -1px; border-top: 2px dotted #dadada; border-left:none; }
	.org_2.org_2_2 .org_3.second .org_4.first:before{ top:71px; }
	.org_2.org_2_2 .org_3.second .org_4{position:relative;}
}
@media screen and (max-width:424px) {
	.org_2.org_2_2 .org_3.first .org_4:before{ top: 77px;}
	.org_2.org_2_2 .org_3.first .org_4_wrap:before{ bottom: 91px;}
	.org_2.org_2_2 .org_3.second .org_4_wrap:before{ bottom:61px; }
	.org_2.org_2_2 .org_3.first .org_4.first .org_5_wrap:before{display:block; top: 20px; bottom: 34px;}
	.org_2.org_2_2 .org_3.first .org_4.first:before{ top:51px;}
	.org_2.org_2_2 .org_3.second .org_4.first:before{ top:104px; }
	.org_2.org_2_2 .org_3.second .org_4:before{ top:51px; }
}
@media screen and (max-width:394px) {
	.org_2.org_2_2:before{bottom:172px;}
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:767px) {
	.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav .open>a,.heightHeader #gnb .navbar-nav .on>a {color:#ed7600;}
	.tile.flow {margin-bottom: 30px;}
	.tile.flowMain {margin-bottom:30px;}
	.tile.flow.col-xs-4 .tileImg {float:none; width:auto; margin-bottom:10px;}
	.tile.flow.col-xs-4 .tileTitle {float:none; width:auto; padding:0; text-align:center;}
	.bbs #bbs {padding: 40px 15px;}
	.tile.flow .tileTitle {vertical-align:middle;}
	.tile.flowMain .tileTitle {vertical-align:middle;}
	.news .shortCut {margin-top:10%;}
	#footer {margin-top:0; }
	#footer .footerInfo {display:none;}
	.container .loadMore {margin: 0 0 10%;}
	#keyVisual .carousel-caption {height:250px;}
	#keyVisual .carousel-caption h3 {font-size:32px;}
	#keyVisual .carousel-caption > p {font-size:14px;}
	#banner {top:100px;}
	#banner {text-align:center;}
	.shortCut .tile .tileImg img {width:60%;}
	.shortCut .tile .tileTitle > h4 {font-size:15px;}
	.shortCut .tile .tileTitle > p {display:none;}
	.shortCutMain .tile .tileTitle > h4 {font-size:15px;}
	.shortCutMain .tile .tileTitle > p {display:none;}
	#CMG{display:none;}
}
@media screen and (min-width:768px) {
	.container {margin:auto;}
	.container #content {padding:0 15px;}
	.navbar-toggle {display:block;}
	.quickBnn {width:auto;}
	#footer .container {padding:0; text-align:left;}
	#footer .footerInfo {padding:40px 0 10px;}
	#footer .footerLogo {position:absolute; padding:0; bottom:-99.5px; padding-left:10px;}
	#footer .siteMap {display:block;padding:0; text-align:center;}
	#footer .siteMap li{text-align:left;}
	#footer .footerSns {position:absolute; top:45px; right:30px; text-align:right;}
	#footer .footerSns a {font-size:1em;}
	#footer p.copyright {  padding-top:20px;}
	.swipe .swipeControl {display:block;}
	.sub .news {margin:5% 5% 0;}
	#footer .siteMap li {padding-right: 20px;}
	#footer .siteMap li:last-child {padding-right:0;}
	.sub .news .tile:before {height:120px;}
	.sub .news .tile {margin-left:-1px;}
	.sub .news .tile:nth-of-type(3n+1){clear:left;}
	.swipe .item {height:440px;}
	.swipe .swipeControl {display:block;}
	.swipe .caption .main {font-size:60px;}
	.swipe .caption .sub {font-size:18px;}
	#content.subMain .tile.flow .tileTitle h4 {font-size: 20px;}
	.shortCutCopy{margin-top:60px; margin-bottom:30px; font-size:20px; text-align:left;}
	.shortCutMain .tileTitle > p { margin-top:5px; margin-bottom:0; font-size:12px; color:#626262; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; word-wrap:break-word; height:5.25em;}
	.tileTitle > p {margin-bottom:0; font-size:12px; color:#626262; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word; height:3.5em; margin-top:10px;}
	.bbs div#bbs {padding: 35px 30px 40px;}
	#CMG #CMGActiveChat,#CMG #CMGActiveChatCase {top:80px !important;}
	#CMG #CMGButton {top:449px !important;}
	#banner {padding-left:55px;}
	.footerInfoWrap{padding: 35px 0; padding-left:90px;}
	#footer .siteMap .subMenuName {display:block; position:relative; padding-left:0;}
	#footer .siteMap .subMenuName:before {display:none;}
	#footer .siteMap .menu-3rd {margin-bottom:10px; border:none; background:none;}
	#footer .siteMap .menu-3rd a {padding-left:10px; font-size: 12px; text-align:left; color: #898989;}
	#footer .siteMap .menu-3rd .subMenuName:before {display:block; left:-12px;}
}
@media screen and (max-width:991px) {
	#header button.searchBtn {position:fixed;}

	.linkBlog {position:fixed; top:18px; margin-top:0;}
	.facebook{position:fixed; top:18px; margin-top:0;}
	.navbar-header h1 {margin-top:10px; text-align:center;}
	#gnb .navbar-nav .dropdown-menu {position:static;}
	#gnb .navbar-nav li {display:block;}
	#gnb .navbar-nav a {display:block; text-align:left;}
	#header .navbar-form-search button {right:20px;top:28px;}
	button.searchBtn {top:28px; right:5px;}
	.tile.flowMain.col-xs-6 .tileImg {float:none; width:auto; margin-bottom:10px;}
	.tile.flowMain.col-xs-6 .tileTitle {float:none; width:auto; padding:0; text-align:center;}
	.entry {padding:40px 0;}
}
@media screen and (min-width:992px) {
	.navbar-toggle {display:none;}
	.navbar-header {position:static; width:auto; margin-right:10px; border-bottom: none;}
	.navbar-header h1 {position:static; width:auto; margin:0;}
	.navbar-header img {width:140px;}
	.navbar-collapse {position:static; width:auto; background:#000;}
	.navbar-nav {padding:0; font-size:0;}
	#header {background-color:#fff; height:80px;}
	#header .headerFix{ position:fixed; width:100%; background-color:#fff; box-shadow : 0 0 3px rgba(0,0,0,0.2) }
	#header #gnb {height:auto; margin:0; background:none;}
	.navbar-header, .navbar-collapse {float:left; margin-top:20px;}
	.heightHeader #gnb .navbar-collapse {width:auto; height:auto; padding:0; background:none; z-index:99;}
	.heightHeader #gnb .gnbHome {display:none;}
	.heightHeader #gnb .navbar-nav li {display:inline-block; border:none; vertical-align: top;}
	.heightHeader #gnb .navbar-nav a {padding:10px 14px 30px 16px; font-size:14px; color:#241916; background:none;}
	.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav a:focus,.heightHeader #gnb .navbar-nav .on>a,.heightHeader #gnb .navbar-nav .open>a {color:#ec7500;}
	.heightHeader #gnb .navbar-nav .on a{color:#ec7500;}
	.heightHeader #gnb .navbar-nav li.on {background-color:transparent;}
	.heightHeader #gnb .navbar-nav .dropdown>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
	.heightHeader #gnb .navbar-nav .dropdown.open>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {overflow:hidden; top:80px; border:none; background-color: rgba(0,0,0,0.5);border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {display:block; height:auto; padding:10px 15px; color:#fff; font-size:15px; line-height:1.5;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a:hover,.heightHeader #gnb .navbar-nav .dropdown-menu a:focus,.heightHeader #gnb .navbar-nav .dropdown-menu .on>a,.heightHeader #gnb .navbar-nav .dropdown-menu .open>a {background:#000; }
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName {display:inline-block; position:relative; padding-left:0;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName:before {display:none;}
	.heightHeader #gnb .navbar-nav .menu-3rd {padding-bottom:15px; border:none; background:none;}
	.heightHeader #gnb .navbar-nav .menu-3rd li {display:block;}
	.heightHeader #gnb .navbar-nav .menu-3rd a {padding:6px 15px 6px 30px; font-size:12px; text-align:left; color:#fafafa;}
	.heightHeader #gnb .navbar-nav .menu-3rd .subMenuName:before {display:block; left:-12px;}
	.heightHeader .headerSns {display:none;}
	.heightHeader .gnbDim {display:none !important;}
	.nav>li>a {padding:10px 10px 30px;}
	.navbar-nav>li {font-size:14px; background:url('../img/official/bg_header_line.png') no-repeat 0 15px;}
	.navbar-nav>li:first-child {background:none;}
	.navbar-nav>li.dropdown {position:static; }
	.navbar-nav>li>.dropdown-menu {width:100%; padding:0; text-align:center; background-color:rgba(0,0,0,0.5); border:none;}
	.dropdown-menu>li {display:inline-block;}
	.navbar-default .dropdown-menu>li>a {display:inline-block; padding: 8px 15px; color:#fff; margin-top:-1px;}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:#000; color:#fff;}
	.navbar-default .navbar-nav>.on>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#fff; background:none;}
	.navbar-nav>li>.dropdown-menu { font-size:12px;}
	.quickBanner {top:85px;}
	.quickBanner .qb a {max-width:200px;}
	.swipe .caption {left:50%; right:auto; width:970px; margin-left:-485px;}
	#footer .siteMap li {padding-right:55px;}
	.container .shortCut:before,.shortCut .tile:before, .news .tile:before, .sub .news .tile:before {height:147px;}
	.news .shortCut .tileImg img {max-width:92px;}
	.heightHeader #gnb .navbar-nav a {padding:10px 25px 30px 25px;}
	.container .shortCutMain:before {content: ""; position: absolute; top:0; right: 0; width: 1px; height: 100px; background: #e9e8e7; }
	.shortCutMain .tile:before{content: ""; position: absolute; top:0; left: 0; width: 1px; height: 100px; background: #e9e8e7; }
	.tileTitle > p { -webkit-line-clamp: 3; height:5.25em;}
	#banner {padding-left:65px;}
	.quickBnn {top:80px;}
}
@media screen and (min-width:1200px) {
	.navbar-header img {width:150px;}
	.navbar-collapse .nav {margin-left:120px;}
	.heightHeader #gnb .navbar-nav a {padding:10px 30px 30px 30px;}
	.swipe .caption {width:1170px; margin-left:-585px;}
	.shortCutMain .tileTitle > p { -webkit-line-clamp: 4; height:7em;}
	.container .shortCutMain:before {height: 125px;}
	.shortCutMain .tile:before{height: 125px;}
	.tileTitle > p { -webkit-line-clamp: 5;  height:8.75em;}
	#banner {padding-left:75px;}
}
@media screen and (min-width:1281px) {
	.swipe .item {height:500px;}
	#CMG #CMGButton {top:519px !important;}
}
@media screen and (max-width:479px) {
	.shortCut .tile .tileImg img {width:100%;}
	.shortCutMain .tile .tileImg img {width:100%;}
	#banner {top:90px; padding:0 15px;}
}