@charset "utf-8";


/* UI - Setup
------------------------------------------------*/
html, body {line-height:20px;height:100%; font-size:13px !important;}
a {text-decoration:none; font-size:13px; line-height:22px;}
a:hover, a:focus {text-decoration:none;}
h1, h2, h3, h4, h5 {margin:0;}

/* UI - COMMON
------------------------------------------------*/

/* anime */
#thema_wrapper,
.bodyBox .widgetBox,
.searchPop .search, .searchPop .dim,
.manageTools,
.go-btn
{transition:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

/* searchPop */
.searchPop {visibility:hidden; position:fixed; z-index:999; top:0; width:100%; height:100%; overflow:hidden;}
.searchPop.on {visibility:visible; animation:showPop 0.3s; -webkit-animation:showPop 0.3s;}
.searchPop.on .dim {opacity:1;}
.searchPop.on .search {animation:showConPop 0.3s;-webkit-animation:showConPop 0.3s;}

@keyframes showPop {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes showPop {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showConPop {
	0% {opacity:0; transform:translate3d(0, -600px, 0);}
	100% {opacity:1; transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes showConPop {
	0% {opacity:0; -webkit-transform:translate3d(0, -600px, 0);}
	100% {opacity:1; -webkit-transform:translate3d(0, 0, 0);}
}

.searchPop.off {animation:hidePop 0.4s;-webkit-animation:hidePop 0.4s;}
.searchPop.off .dim {opacity:1;}
.searchPop.off .search {animation:hideConPop 0.4s;-webkit-animation:hideConPop 0.4s;}

@keyframes hidePop {0% {opacity:1;}
 100% {opacity:0;}
}
@-webkit-keyframes hidePop {0% {opacity:1;}
 100% {opacity:0;}
}
@keyframes hideConPop {0% {opacity:1; transform:translate3d(0, 0, 0);}
 100% {opacity:0; transform:translate3d(0, -600px, 0);}
}
@-webkit-keyframes hideConPop {0% {opacity:1; -webkit-transform:translate3d(0, 0, 0);}
 100% {opacity:0; -webkit-transform:translate3d(0, -600px, 0);}
}

.searchPop .dim {position:absolute; z-index:1; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); opacity:0;}
.searchPop .search {position:relative; z-index:2; width:600px; margin:0 auto; margin-top:60px;}
.searchPop .search h2 {margin-bottom:20px; font-size:16px; font-weight:600;}
.searchPop .search form {position:relative;}
.searchPop .search form input[type=text] {width:100%; height:40px; padding:0; border:0; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-radius:0; background:transparent; color:#fff; font-size:20px; line-height:40px;}
.searchPop .search form input[type=text]:focus {border-bottom:2px solid #333; color:#fff; outline:none;}
.searchPop .search form button {position:absolute; top:0px; right:0px; width:40px; height:40px; color:#fff; font-size:30px; transition:all 0s ease 0s;}
.searchPop .search form button:hover {color:#999;}

/* topLine */
.topLine {padding:2px 0; background:#333;}
/* --------------------------------------------------------
UI - BODY - 기능
----------------------------------------------------------*/
/* mNaviTop */
body[data-mnavi="mNaviTop"] .fullNavi {display:none;}
body[data-mnavi="mNaviTop"] .header .sta .title .fullTopNavi {display:none;}
@media (max-width:1280px) {
	body[data-mnavi="mNaviTop"] .header .sta .title .fullTopNavi {display:block;}
}

/* columntwo */
body[data-sideleft="hidden"] .bodyBox .widgetBox.lSide,
body[data-sideright="hidden"] .bodyBox .widgetBox.rSide {display:none;}
body[data-sideleft="hidden"] .bodyBox .containerWrap,
body[data-sideright="hidden"] .bodyBox .containerWrap {width:calc(100% - 266px);}
body[data-sideleft="hidden"] .wrap .resWidth,
body[data-sideright="hidden"] .wrap .resWidth {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;-webkit-justify-content:space-between; -ms-flex-pack:justify;}
body[data-sideleft="hidden"] .go-btn,
body[data-sideright="hidden"] .go-btn {left:auto; right:50%; width:40px; margin-right:-700px;}
body[data-sideleft="hidden"] .go-btn .go-bottom,
body[data-sideright="hidden"] .go-btn .go-bottom {display:none;}
body[data-sideleft="hidden"] .go-btn button,
body[data-sideright="hidden"] .go-btn button {width:40px; height:40px; margin:0; border-radius:50%; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); font-size:20px; line-height:28px !important;}
body[data-sideleft="hidden"] .go-btn button i,
body[data-sideright="hidden"] .go-btn button i {margin-bottom:10px;}

body[data-sideleft="hidden"][data-sideright="hidden"] .bodyBox .containerWrap {width:calc(100% - 0px);}
body[data-widesize="wideSize"][data-sideright="hidden"] .go-btn,
body[data-widesize="wideSize"][data-sideleft="hidden"][data-sideright="hidden"] .go-btn {left:auto; right:10px; width:40px;}


/* --------------------------------------------------------
UI - LAYOUT
----------------------------------------------------------*/
/* UI - LAYOUT
------------------------------------------------*/
html.popup, body.popup {background:#fff !important; height:100%;}
#thema_wrapper.active {padding-right:200px;}
.wrap {width:100%; overflow:hidden;}

/* layout size */
.wrap .resWidth {width:1280px; margin:0 auto;}
body[data-widesize="wideSize"] .wrap .resWidth {width:calc(100% - 40px);}
body[data-widesize="wideSize"] .wrap .resWidth {width:calc(100% - 40px);}


/* bodyBox - widgetBox
------------------------------------------------*/
.wrap .bodyBox {margin:0 auto; margin-top:26px !important; font-size:0;}
.bodyBox .widgetBox {width:240px; min-width:240px; margin-bottom:10px; display:inline-block; vertical-align:top;}
.bodyBox .widgetBox.lSide {margin-right:26px;}
.bodyBox .widgetBox.rSide {margin-left:26px;}
.bodyBox .widgetBox .stickyWidget {}
.bodyBox .widgetBox .widget {margin-bottom:10px; border-radius:8px; background:rgba(255, 255, 255, 0.9); box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-sizing:border-box;}
.bodyBox .widgetBox .widget .wheader {padding:12px 16px; border-bottom:1px dashed rgba(0,0,0,0.14); color:#333; font-size:16px; font-weight:600;}
.bodyBox .widgetBox .widget .wBody {padding:16px; font-size:13px;}

.widget .menuBox {}
.widget .menuBox ul {line-height:26px; margin:0; padding:0; list-style:none;}
.widget .menuBox ul > li {display:block; font-size:12px; margin:2px 0;}
.widget .menuBox ul > li > a {display:block; font-size:14px; font-weight:600; padding-left:10px; line-height:24px;}
.widget .menuBox ul > li > a:hover {}
.widget .menuBox ul > li > a[href^="#"].line {margin:0 0 4px; padding-left:10px; border-radius:4px; font-size:14px; font-weight:600;}
.widget .menuBox ul > li > a[href^="#"] {pointer-events:none; cursor:default;}
.widget .menuBox ul > li > a.active {border-radius:4px; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.06);}
.widget .menuBox ul > li > a > i {width:16px; font-size:14px; margin-right:2px;}
.widget .menuBox ul > li > ul {margin-bottom:6px;}
.widget .menuBox ul > li > ul > li {}
.widget .menuBox ul > li > ul > li > a {padding-left:4px; line-height:26px; margin-left:12px;}
.widget .menuBox ul > li > ul > li > a.on {background:#e7f2f8; border-radius:4px; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.06);}
.widget .menuBox ul > li > ul > li > a:hover {}
.widget .menuBox ul > li > ul > li > a.on {}

/* bodyBox - containerWrap
------------------------------------------------*/
.bodyBox .containerWrap {width:calc(100% - 532px); margin-bottom:10px; font-size:13px; display:inline-block; vertical-align:top; position:relative;}
.bodyBox .containerWrap .contents {margin:0 -5px; overflow:hidden;}
.bodyBox .containerWrap .contents.sub {padding:20px; margin:0; border-radius:8px; background:rgba(255, 255, 255, 1); box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); overflow:inherit;}
.bodyBox .containerWrap .contents.sub .title {padding:4px 0 18px 0;}
.bodyBox .containerWrap .contents.sub .title strong {color:#333; font-size:24px;}
.bodyBox .containerWrap .contents.sub .title p {font-size:14px; color:#999;}
.bodyBox .containerWrap .swipe-carousel {margin-bottom:10px; overflow:hidden; border-radius:4px; background:#FFF;}

/* --------------------------------------------------------
UI - manageTools
----------------------------------------------------------*/
.manageTools.active {margin-right:0px; opacity:1;}
.manageTools {position:fixed; top:0px; right:0; bottom:0; width:200px; height:100%; border-top:4px solid #333; background:#fff; margin-right:-290px; z-index:990; box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16); opacity:0; overflow:hidden;}
.manageTools .manageHeader {height:61px; padding:0 20px; border-bottom:1px solid #e7e7e7;}
.manageTools .manageHeader .title {font-size:18px; font-weight: bold;}
.manageTools .manageHeader .tools {font-size:24px;}
.manageTools .manageHeader .tools button {outline:none; border-radius:50%; width:27px; height:27px; font-size:22px;}
.manageTools .manageBody {overflow:auto; height:calc(100% - 61px); background:#f8f8f8;}
.manageTools .manageBody::-webkit-scrollbar {height:4px; width:4px; }
.manageTools .manageBody::-webkit-scrollbar-thumb {border:0px solid transparent; background-color:rgba(0,0,0,0.2); background-clip:padding-box; border-radius:10px}
.manageTools .manageBody .box {margin:10px; background:#fff; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1);}
.manageTools .manageBody .box .boxheader {padding:10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.manageTools .manageBody .box .boxheader .title {font-weight:bold; font-size:14px; color:#333;}
.manageTools .manageBody .box .boxheader .tools {}
.manageTools .manageBody .box .boxbody {}
.manageTools .manageBody .box .boxbody .list {}
.manageTools .manageBody .box .boxbody .list ul {margin:0; padding:0; list-style:none;}
.manageTools .manageBody .box .boxbody .list ul li {display:block; font-size:12px; border-bottom:1px dashed #ddd;}
.manageTools .manageBody .box .boxbody .list ul li:last-child {border-bottom:0;}
.manageTools .manageBody .box .boxbody .list ul li .switch,
.manageTools .manageBody .box .boxbody .list ul li a {display:block; padding:6px 12px; color:#333; font-size:13px; font-weight:400; text-decoration:none;}
.manageTools .manageBody .box .boxbody .list ul li a:hover {background:#eee;}
.manageTools .manageBody .box .boxbody .list ul li a img {display:inline-block; width:16px; height:16px; margin:0 6px 0 0; vertical-align:middle;}
.manageTools .manageBody .box .boxbody .list ul li a span {}

/* fullNavi */
.fullNavi {visibility:hidden; opacity:0; position:fixed; z-index:99; left:10px; bottom:10px; width:50px; height:50px; margin:0; border:2px solid #fff; box-sizing:border-box; font-size:30px !important; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); border-radius:50%;}
.fullNavi .thumb {position:absolute; top:9px; right:-46px; width:34px; height:34px; border:2px solid #fff; border-radius:50%; background:#fff; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4);}
.fullNavi .thumb img {width:30px; height:30px; border-radius:50%; display:inline-block; vertical-align:top;}
.fullNavi .thumb .number {position:absolute; top:-8px; right:-5px; z-index:9; min-width:15px; text-align:center; height:15px; line-height:15px; font-size:10px; font-weight:600; padding:0 4px; border-radius:10px; background:#ff4500; color:#fff;}

/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/
@media (max-width:1280px) {
	.responsive .wrap .resWidth {width:auto !important; margin-top:auto !important;}
	.responsive .managerTools ul {width:100%;}
	.responsive .bodyBox {margin-top:0; padding-top:10px;}
	.responsive .bodyBox .widgetBox.lSide {width:0; min-width:0; height:0; margin-right:0; overflow:hidden; display:none;}
	.responsive .bodyBox .widgetBox.rSide {width:0; min-width:0; height:0; margin-left:0; overflow:hidden; display:none;}
	.responsive .bodyBox .containerWrap .contents.sub {margin:0 10px; padding:10px;}
	.responsive .bodyBox .containerWrap {width:100% !important;}
	.responsive .fullNavi {visibility:visible; opacity:1;}
	.responsive .ui-datepicker {position:fixed !important; top:50% !important; left:50% !important; margin:-177px 0 0 -140px;}
	.responsive .manageTools.active {left:0px; width:auto;}
	.responsive .manageTools {}
	.responsive .btnQuick {position:fixed; z-index:9999; left:auto; right:4px; bottom:70px; width:50px; margin:auto;}
	.responsive .btnQuick .btnCircle.write {display:block; position:unset; top:auto; width:40px; height:40px; border:2px solid #fff; border-radius:50%; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); font-size:20px; line-height:34px; box-sizing:border-box;}
	.responsive .btnQuick .btnCircle.search {display:none;}
	.responsive #thema_wrapper.active {padding-right:0;}
}

@media (max-width:991px) {
	.responsive .bodyBox .widgetBox .stickyWidget {overflow:hidden;}
	.responsive .bodyBox .containerWrap .contents {margin:0 10px;}
}

@media (max-width:767px) {
	.responsive .searchPop .search {width:400px;}
	.responsive .bodyBox .containerWrap .board-list {padding:0;}
}

@media (max-width:480px) {
	.responsive .searchPop .search {width:320px;}
}

/* --------------------------------------------------------
Go Top
----------------------------------------------------------*/
#thema_wrapper.active ~ .go-btn {margin-left:-484px;}
body[data-widesize="wideSize"] .go-btn {left:auto; margin:0; right:263px;}
.go-btn {display:none; position:fixed; z-index:2; left:50%; bottom:150px; width:20px; margin-left:-384px;}
.go-btn button {display:block; width:20px; height:40px; line-height:36px !important; border:2px solid #3a8afd; border-radius:10px; background:#ffffff; box-shadow:0px 2px 8px rgba(0, 0, 0, 0.2); margin:4px 0; color:#007bff; font-size:13px; text-align:center; outline:none;}
.go-btn button:hover {}
.go-btn .go-top {}
.go-btn .go-bottom {}

@media (max-width:1280px) {
	.responsive .go-btn {left:15px !important; bottom:70px; margin-left:0; right:auto; width:50px;}
	.responsive .go-btn button {width:40px; height:40px; line-height:28px !important; border-radius:50%; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); font-size:20px; margin:0;}
	.responsive .go-btn button i {margin-bottom:10px;}
	.responsive .go-btn .go-bottom {display:none;}
}

@media (max-width:768px) {
	.go-btn {right:5px; bottom:0px;}
}


/* --------------------------------------------------------
CUSTOM
----------------------------------------------------------*/
#sns_login {background:none !important; border:0 !important;}
.btn_admin {margin-bottom:10px;}

/* --------------------------------------------------------
PAGE CONTENTS
----------------------------------------------------------*/
/* page contents */
#ctt_con {}
#ctt_con b {color:#007bff;}
#ctt_con ul,
#ctt_con ol {margin-left:16px; padding: 0;}
#ctt_con ul {list-style:unset;}
#ctt_con ol {list-style:decimal;}
#ctt_con hr {display:block; border-top:1px dashed; color:rgba(131, 131, 131, 0.5);}
#ctt_con a:hover {text-decoration:underline;}

/* board contents */
#bo_v_con {}
#bo_v_con ul,
#bo_v_con ol {margin:6px 0 6px 16px; padding: 0;}
#bo_v_con ul {list-style:unset;}
#bo_v_con ol {list-style:decimal;}
#bo_v_con hr {display:block; border-top:1px dashed; color:rgba(131, 131, 131, 0.5);}
#bo_v_con a:hover {text-decoration:underline;}

/* --------------------------------------------------------
add index
----------------------------------------------------------*/
.nt-container .sliderBox,
.nt-container .blocks {border-radius:8px; background:#fff; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); overflow:hidden; margin:0 4px;}
.nt-container .sliderBox {padding:8px;}
.nt-container .sliderBox .carousel {position:relative; border-radius:4px; overflow:hidden;}
.nt-container .blocksWraps {margin:0;}
.nt-container .blocksWraps .blocks {padding:0;}
.nt-container .blocksWraps .blocks.col-md-4 {max-width:calc(33.333333% - 8px);}
.nt-container .blocksWraps .blocks.col-md-5 {max-width:calc(41.666667% - 8px);}
.nt-container .blocksWraps .blocks.col-md-6 {max-width:calc(50% - 8px);}
.nt-container .blocksWraps .blocks.col-md-7 {max-width:calc(58.333333% - 8px);}
.nt-container .blocksWraps .blocks.col-md-8 {max-width:calc(66.666667% - 8px);}
.nt-container .blocks {}
.nt-container .blocks h3 {border-bottom:1px dashed rgba(0,0,0,0.14); font-size:0; height:36px; margin:0;}
.nt-container .blocks h3 i {color:#999;}
.nt-container .blocks h3 a {font-size:14px; height:inherit; padding:0 12px; box-sizing:border-box;}
.nt-container .blocks .col-md-3, .nt-container .blocks .col-md-4, .nt-container .blocks .col-md-5, .nt-container .blocks .col-md-6, .nt-container .blocks .col-md-7,
.nt-container .blocks .col-md-8, .nt-container .blocks .col-md-9, .nt-container .blocks .col-md-10, .nt-container .blocks .col-md-11,
.nt-container .blocks .col-md-12 {border-left:1px solid rgba(0,0,0,0.1); padding:0;}
.nt-container .blocks .col-md-3:first-child, .nt-container .blocks .col-md-4:first-child, .nt-container .blocks .col-md-5:first-child, .nt-container .blocks .col-md-6:first-child,
.nt-container .blocks .col-md-7:first-child, .nt-container .blocks .col-md-8:first-child, .nt-container .blocks .col-md-9:first-child, .nt-container .blocks .col-md-10:first-child,
.nt-container .blocks .col-md-11:first-child, .nt-container .blocks .col-md-12:first-child {border-left:0;}
.nt-container .blocks .blockList {padding:12px !important; box-sizing:border-box;}
.nt-container .blocks .blockList .img-wrap .img-item {border-radius:4px;}
/*banner*/
.nt-container .blocks .basic-banner .owl-nav {top:-42px;}

@media (max-width:768px) {
	.responsive .nt-container .blocksWraps {display:block;}
	.responsive .nt-container .blocksWraps .blocks {max-width:calc(100% - 8px) !important; margin-bottom:1rem !important;}
}

@media (max-width:570px) {
	.responsive .nt-container .blocks .blockList .na-list .px-3 {padding:0 !important;}
}

/* adBox */
.adBox {padding:10px; box-sizing:border-box; border-radius:8px; background:#fff; box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); overflow:hidden;}

@media (max-width:1280px) {
	.adBox {margin:0 16px;}
}