body {margin:0;padding:0;font-size:12px;font-family:roboto,"noto sans kr","맑은 고딕","malgun gothic",dotum,gulim;word-wrap:break-word;word-break:break-all;background:#fff}
input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
input[type=radio] {vertical-align: middle;position: relative;bottom: 1px;}
input[type=radio] {bottom: 2px;}
span.vmiddle {height:29px;line-height:28px}

.btitle {font-size:34px;letter-spacing:-4px;margin-bottom:20px;border-bottom:2px #017fe9 solid;color:#017fe9}
.btnstyle {cursor:pointer;color:#ffffff;font-size:16px;padding:0px 30px;border:none;outline:0;border-radius:40px;letter-spacing:-1px;display:inline-block;height:42px;line-height:42px;font-family:'noto sans kr'}
.btnblue1 {background:#007cea;}
.btnblue1:hover {background:#ff6000;color:#fff}
.btngreen {background:#e60082;}
.btngreen:hover {background:#ff6000;color:#fff}

.fl {float: left !important;}
.fr {float: right !important;}
.fb {font-weight:bold !important;}
.alignCenter {text-align:center}
.bold {font-weight:bold}
.hidden {display:none}
#bbswrite .td2 ul.catmenu {list-style:none;padding:0;margin:0;display:inline-block}
#bbswrite .td2 ul.catmenu li {float:left;margin-right:4px;margin-bottom:4px;}
#bbswrite .td2 ul.catmenu li a {display:inline-block;height:30px;line-height:30px;padding:0 8px;background:#efefef;border:1px #ccc solid}
#bbswrite .td2 ul.catmenu li a:hover {color:#000;border-color:#999}
#bbswrite .td2 ul.catmenu li a.active {color:#fff;background:#f52390;border:1px #f52390 solid;font-weight:700}


/*btn1*/
.bbtn1 {display:inline-block;background:url(./image/btn.png) no-repeat;width:102px;height:36px;border:0;outline:0;line-height:32px;font-size:14px;color:#444;font-weight:normal;letter-spacing:-1px;padding:0;margin:0;text-align:center;font-weight:500}
.bbtn1:hover {background-position:0 -35px;color:#007deb}

.bbtn2 {position: relative;display: inline-block;vertical-align: top;height:36px;line-height:36px;padding: 0 20px;font-size:14px;color:#fff;text-align:center;text-decoration:none;cursor: pointer;font-weight:500;border:none;outline:0;font-family:"noto sans kr"}
.bbtn2:hover,.bbtn2:focus {color:#fff}
.bbtn2-green {background: #5ca934;}
.bbtn2-green:hover {background:#478228}
.bbtn2-red {background: #d5452f;}
.bbtn2-red:hover {background:#ae3623}
.bbtn2-blue {background: #1097e6;border-color: #0d78b6}
.bbtn2-blue:hover {background: #0d78b6}
.bbtn2-orange {background:#f4902a;}
.bbtn2-orange:hover {background:#df770c}
.bbtn2-pink {background: #e8367f;}
.bbtn2-pink:hover {background:#d31865}
.bbtn2-gray {background:#47494f;}
.bbtn2-gray:hover {background:#2f3034}
.bbtn2-darkblue {background: #3b5ca0;}
.bbtn2-darkblue:hover {background:#2d477b}
.bbtn2-purple {background: #9966cb;}
.bbtn2-purple:hover {background: #8040be;}

/*submit btn*/
.btnstyle {cursor:pointer;color:#ffffff;font-weight:500;font-size:16px;padding:0px 30px;border:none;outline:0;border-radius:40px;letter-spacing:-1px;display:inline-block;height:42px;line-height:42px}
.btnblue1 {background:#007cea;}
.btnblue1:hover {background:#ff6000;color:#fff}
.btngreen {background:#f52390;}
.btngreen:hover {background:#000;color:#fff}
.btngrey {background:#c0c0c0;}
.btngrey:hover {background:#333;color:#fff}

.btn_ctr {display:none;background:#fff}
.btn_ctr ul {padding:0;margin:0;list-style:none;border:1px #d0d0d0 solid;position:relative}
.btn_ctr ul li {height:40px;line-height:40px;display:block;text-align:center}
.btn_ctr ul li a {width:100px;height:40px;line-height:40px;border-bottom:1px #ddd solid;background:#fff;font-size:14px;display:block}
.btn_ctr ul li a i.fa {margin-right:10px}
.btn_ctr ul li:last-child a {border:none;height:40px}
.btn_ctr ul li a:hover {background:#f6f6f6}
.btn_ctr ul li a:hover i.fa {color:#f52390}



/* comment list */
#clist {min-width:320px}
#clist .modify_wrap {position:relative;z-index:13;height:100%;left:0px;top:0;}
#clist .modify_wrap .modifyform {background:#fff;border-bottom:1px #e0e0e0 solid;padding:10px;}
#clist .modify_wrap .modifyform h4 {font-size:1.2em;padding:0 0 10px 0;margin:0}
#clist .modify_wrap .modifyform textarea {font-size:13px;min-height:120px;outline:none;font-family:'noto sans kr';padding:0;margin:0;background:#f5f5f5;box-shadow:inset 1px 1px 5px #e0e0e0;border:1px #d0d0d0 solid;padding:5px;box-sizing:border-box}
#clist .modify_wrap .btn_modify {text-align:right;padding:15px 0 0 0}

#clist .commentbox {position:relative}
#clist .commentboxin {padding:21px 10px;border-bottom:#e0e0e0 solid 1px}
#clist .commentbox.notice {background:#f9f9f9}
#clist .commentbox .pic {float:left;width:60px;vertical-align:top;}
#clist .commentbox .pic .simbol {width:50px;height:50px;margin:3px 0 0 0;background:url('./image/user.svg') center center no-repeat;background-size:100%;border-radius:100%;overflow:hidden}
#clist .commentbox .pic1 {float:left;width:45px;vertical-align:top;}
#clist .commentbox .pic1 .simbol {width:30px;height:30px;margin:3px 0 0 0;border-radius:100%;overflow:hidden}
#clist .commentbox .mycomment {right:0;top:50px;position:absolute;font-size:1em;background:#ee3243;padding:12px;border-radius:5px;color:#fff}

#clist .commentbox .info1 {margin-left:65px;line-height:160%;}
#clist .commentbox .info1 .cont {font-size:13px;margin-bottom:4px;letter-spacing:-0.03em;color:#454545;line-height:150%;;word-break:break-all;}
#clist .commentbox .info1 .date {font-size:11px;color:#999;padding:0;height:22px;margin-bottom:20px}
#clist .commentbox .info1 .date a {color:#999;}
#clist .commentbox .info1 .date a:hover {text-decoration:underline;}
#clist .commentbox .info1 .date span.vl {color:#cecece;padding:0 4px;}
#clist .commentbox .info1 .date span.nic {color:#3EA9CD;font-weight:700}
#clist .commentbox .info1 .tool {padding:15px 0;}
#clist .commentbox .info1 .xl {float:left;}
#clist .commentbox .info1 .xr {float:right;}
#clist .commentbox .info1 .xr a {color:#999;font-size:13px;display:inline-block;margin-left:15px}
#clist .commentbox .info1 .xr a:hover {text-decoration:none;color:#ff6000}

#clist .commentbox .info1 .oneline {}
#clist .commentbox .info1 .oneline a {font-size:11px;color:#8e94ab;}
#clist .commentbox .info1 .oneline a:hover {text-decoration:underline;}
#clist .commentbox .info1 .oneline .obox {padding:15px 0;}
#clist .commentbox .info1 .oneline .obox .name {margin-bottom:10px;font-size:12px;color:#656565}
#clist .commentbox .info1 .oneline .obox .memo {font-size:12px;color:#7d848c;}
#clist .commentbox .info1 .oneline .obox .date {font-size:11px;color:#999;padding:5px 0 0 0;}
#clist .commentbox .info1 .oneline .obox .date a {color:#999;}
#clist .commentbox .info1 .oneline .obox .date a:hover {text-decoration:underline;}
#clist .commentbox .info1 .oneline .wbox {padding:10px 0 0 0;}
#clist .commentbox .info1 .oneline .wbox table {width:100%;border-spacing:0;border:none}
#clist .commentbox .info1 .oneline .wbox table td {padding:0;border:none}
#clist .commentbox .info1 .oneline .wbox table td.ta {background:#f0f0f0;border:1px #cecece solid;width:811px;padding:5px;box-shadow:inset 1px 1px 5px #e0e0e0;height:30px;border-right:none;}
#clist .commentbox .info1 .oneline .wbox table td textarea {overflow:auto;height:29px;color:#666;line-height:150%;font-size:12px;outline:0;resize:none;background:#f0f0f0;font-family:"noto sans kr";margin:0;padding:0;border:none;width:100%}
#clist .commentbox .info1 .oneline .wbox table td .btn_onewrite {border:none;background:none;height:48px;border:1px #ccc solid;cursor:pointer;width:50px;background:#fff;outline:0;font-family:"noto sans kr"}
#clist .commentbox .info1 .oneline .wbox table td .btn_onewrite:hover {color:#0066ff;border-color:#0066ff}
#clist .commentbox .info1 .oneline .wbox .boxresize {margin-top:3px;font-size:11px;color:#c0c0c0;cursor:pointer;text-decoration:underline;}

#clist .commentbox .info1 .oneline .onememoright {margin-left:52px}
#clist .imgpos1 {position:relative;top:2px;}
#clist .imgpos2 {position:relative;top:4px;}
#clist .page {border-top:#dfdfdf solid 1px;padding:20px 0 0 0;text-align:center;}

#moreComment {margin:20px;min-width:320px}
#moreComment a.moreLink {display:block;border:1px #c0c0c0 solid;padding:10px;border-radius:5px;font-size:14px;color:#333;letter-spacing:-1px;text-align:center;width:280px;margin:0 auto 10px auto;font-weight:600;background:#efefef}
#moreComment a.moreLink:hover {color:#000;background:#c0c0c0}

#cwrite {min-width:320px}
#cwrite .box {padding:12px;margin-bottom:10px}
#cwrite .box .tt {position:relative;padding:0;color:#666;font-size:15px;margin-bottom:7px;font-weight:700}
#cwrite .box .tt .login {position:absolute;}
#cwrite .box .tt .login img {position:relative;top:-5px;}
#cwrite .box .tt .iconbox {float:right;padding:0 0 7px 0;}
#cwrite .box .tt .iconbox a {padding:0 3px 0 3px;font-size:12px;color:#333;}
#cwrite .box .tt .iconbox a:hover {color:#7899C7;}
#cwrite .box .tt .iconbox a img {position:relative;top:2px;left:-2px;}
#cwrite .box .inputbox {padding:8px 0 0 0;}
#cwrite .box .inputbox div {padding:5px 0 0 0;}
#cwrite .box .inputbox div span {position:relative;top:3px;font-size:11px;color:#c0c0c0;padding:0 10px 0 0;}
#cwrite .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:150px;}
#cwrite .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:355px;}

#cwrite .box .editbox {padding:0;padding:5px;border:1px #ccc solid;box-shadow:inset 1px 1px 5px #e0e0e0;background:#f9f9f9;}
#cwrite .box .editbox textarea {font-size:14px;outline:0;border:none;resize:none;width:100%;height:90px;box-shadow:none;font-family:'noto sans kr';background:#f9f9f9}
#cwrite .box .ctl {border:1px #ccc solid;border-top:none;text-align:center;height:34px;line-height:34px;font-family:roboto;font-weight:100}
#cwrite .box .ctl .l .boxup {display:inline-block;font-size:15px;color:#999;letter-spacing:-0.03em;border-right:1px #ccc solid;height:34px;line-height:34px;padding:0 16px}
#cwrite .box .ctl .l .boxup:hover {color:#f52390}
#cwrite .box .ctl .l .btn_emoticon {}
#cwrite .box .ctl .l .btn_emoticon.active {color:#25a5f0;position:relative;height:35px;top:0;left:0;background:#fff}
#cwrite .box .ctl .r button {outline:0;border:none;float:right;display:inline-block;border-left:1px #ccc solid;padding:0 40px;background:#f0f0f0;height:34px;font-family:'noto sans kr';line-height:34px;font-weight:700;cursor:pointer}
#cwrite .box .ctl .r button:hover {background:#eee;color:#25a5f0}

#commentLayer .comment {color:#3EA9CD;letter-spacing:-0.02em;padding:10px 12px;position:relative;margin-top:20px;border-bottom:1px #e0e0e0 solid;font-size:1.15em;font-weight:700}
#commentLayer .comment .icon1 {position:relative;top:3px;}
#commentLayer .comment .sort {}
#commentLayer .comment .sort a {color:#888;font-size:12px;font-weight:500}
#commentLayer .comment .sort a.active {color:#3EA9CD;}

#pwbox {display:none;position:absolute;z-index:10000;}
#chkbox {border:#dfdfdf solid 1px;width:350px;padding:20px 10px 20px 10px;margin:0;background:url('../../../../../_core/image/_public/bg_list_tt.jpg') #ffffff repeat-x top;}
#chkbox .msg {}
#chkbox .msg h3 {margin:0;padding:0 0 9px 0;font-size:14px;font-weight:bold;border-bottom:#dfdfdf dashed 1px;}
#chkbox .msg h3 img {position:relative;top:3px;}
#chkbox .msg div {padding:10px 0 0 22px;color:#999;}
#chkbox .ibox {padding:30px 0 10px 22px;}
#chkbox .input {width:150px;}
#chkbox .btnblue {width:80px;}

#emoticon {border:1px #e0e0e0 solid;display:none;border-top:none;min-height:150px;border-radius:0 0 4px 4px;position:relative;}
#emoticon:after{content:""; display:block;float:none;clear:both;} 
#emoticon .emomenu {width:86px;position:absolute;top:0;left:0}
#emoticon .emomenu ul {list-style:none;padding:0;margin:0}
#emoticon .emomenu ul li a {display:block;height:30px;line-height:30px;text-align:center;border-bottom:1px #e0e0e0 solid;font-family:roboto;font-weight:400}
#emoticon .emomenu ul li a.active {color:#25a5f0;font-weight:700}
#emoticon .emoicon {border-left:1px #e0e0e0 solid;margin-left:86px;padding:12px 0 12px 12px;}
#emoticon .emoicon:after{content:""; display:block;float:none;clear:both;} 
#emoticon .emoicon img {border:2px #fff solid;float:left;display:block;padding:5px}
#emoticon .emoicon img:hover {border-color:#25a5f0;}
/*comment*/

/*listloader*/
.list_loader {display:none;position:fixed;left:50%;top:50%;margin:-1.5em  0 0 -1.5em;z-index:20002;}
.list_loader,.list_loader:after {border-radius: 50%;width:3em;height:3em;}
.list_loader {font-size: 10px;text-indent: -9999em;border-top: 0.5em solid rgba(255,255,255, 0.2);border-right: 0.5em solid rgba(255,255,255, 0.2);border-bottom: 0.5em solid rgba(255,255,255, 0.2);border-left: 0.5em solid #5aa0ff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load8 {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}