body {font-size:15px;font-family:'roboto','Noto Sans KR','malgun gothic',dotum,gothic;font-weight:400;-webkit-font-smoothing: antialiased;word-break:break-all;height:100%;letter-spacing:-0.01em;overflow-y:scroll}
input,select,textarea {font-size:12px;}
select {font-size:12px;}
label {cursor:pointer;}
fieldset {border:0 none;margin:0; padding:0;}
legend {display:none}
a {text-decoration:none;color:#333;}
a:hover,a:focus {color:#000;}
img { -ms-interpolation-mode: bicubic; }

.wrap {width:1200px;margin:auto;position:relative}
.wrap:after {content:"";clear:both;display:block;float:none}
.fl {float:left}
.fr {float:right}
.fh {text-indent:-10000px }
.hidden {display:none}
input[type=checkbox], input[type=radio] {vertical-align: middle;position: relative;bottom: 1px;}
input[type=radio] {bottom: 2px;}

.skipNavigation{display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skipNavigation:focus {width:100%;height:30px;text-align:center;font-size:16px;line-height:30px;color:#fff;background:#000;font-weight:bold}

/*본문영역*/
#content {padding:0;min-height:660px;}

/* header */
#header {position:fixed;width:100%;left:0;top:0;z-index:1000;height:90px;min-width:1200px;background: #2b72ff;min-width:1200px;}
#header .logo {position:absolute;left:50px;top:21px;line-height:.7;}
#header .logo h1 {padding:0;margin:0;font-size:3rem;font-weight:300;letter-spacing:-5px;}
#header .logo h1 span {font-weight:700}
#header .logo h1 a {color:#fff}
#header .logo h2 {font-size:12px;color:rgba(255,255,255,.7);padding-left:4px}

#header .topmenu {text-align:center;margin:30px auto 0;}
#header .topmenu > ul {list-style:none;padding:0;margin:0;display:inline-block;}
#header .topmenu > ul > li {display:inline-block;margin:0 13px;position:relative;height:50px;line-height:50px;vertical-align:top}
#header .topmenu > ul > li > a {font-size:1.25rem;font-weight:600;color:#fff;display:inline-block;padding:0;height:36px;margin:0;text-align:center;line-height:36px}
#header .topmenu > ul > li > a:hover {color:#000}
#header .topmenu > ul > li > a.active {color:#fff;border-bottom:1px #fff solid}

#header .submenu {margin:0px;background:#000}
#header .submenu > ul {padding:0;margin:0;list-style:none}
#header .submenu > ul li {display:inline-block;}
#header .submenu > ul li a {font-size:1rem;font-weight:400;display:inline-block;padding:4px 10px 6px 10px;color:#ccc;}
#header .submenu > ul li a:hover {color:#000}
#header .submenu > ul li a.active {color:#ff3838}

#header .gnb {position:absolute;top:7px;right:25px}
#header .gnb ul {font-size:13px;padding:0;margin:0;list-style:none;}
#header .gnb ul li {display:inline-block;position:relative;}
#header .gnb ul li > a {color:#fff;display:inline-block;margin:0 8px;font-weight:400;height:30px;line-height:30px}
#header .gnb ul li > a:hover {color:#000}
#header .gnb ul li > a .alarm_count {display:inline-block;background:#000;padding:0 7px;height:16px;line-height:16px;font-size:11px;vertical-align:top;margin-top:6px;border-radius:10px;color:#fff}
#header .gnb ul li.alarm_wrap {display:inline-block;}
.header_back {height:90px}

#myalarm_list {position:absolute;top:40px;left:50%;background:#fff;width:340px;margin-left:-170px;box-sizing:border-box;padding:20px;border:1px #999 solid;border-radius:10px;box-shadow:0px 0px 20px rgba(0,0,0,.2);font-weight:400;}
#myalarm_list P {margin:0}
#myalarm_list .top_arrow {position:absolute;top:-11px;left:50%;margin-left:-8px;}
#myalarm_list .alarm_close {position:absolute;right:10px;top:10px;}
#myalarm_list .a_count {text-align:center;padding-bottom:20px;color:#0099cc;font-weight:600;font-size:15px;}
#myalarm_list .a_count .s_script {font-weight:400;color:#333;font-size:12px;padding:3px 0 0 0}
#myalarm_list .a_wrap {border-top:1px #ddd solid;}
#myalarm_list .a_rows {border-bottom:1px #ddd solid}
#myalarm_list .a_rows:after {content:""; display:block;float:none;clear:both;}
#myalarm_list .a_rows {padding:10px 0}
#myalarm_list .a_rows a.a_chcek {font-size:20px;color:#0099cc}
#myalarm_list .a_rows .a_msg {margin-left:30px}
#myalarm_list .a_rows .new {font-size:10px;color:#ff2a2a	}
#myalarm_list .a_rows .date {padding:9px 0 0 0;text-align:right;font-size:11px;color:#888}
#myalarm_list .a_rows .read {color:#ccc}
#myalarm_list .noalarm {padding:10px 0;text-align:center;font-size:13px}
#myalarm_list .noalarm i.fa {color:#bbb;font-size:22px}
#myalarm_list .alarm_more {display:block;margin:20px auto;width:120px;height:36px;line-height:36px;border:1px #ccc solid;color:#888;text-align:center}
#myalarm_list .alarm_more:hover {color:#0099cc;border-color:#0099cc}

.result-wrap {background:#fff;position:absolute;top:42px;left:0;width:400px;left:50%;margin-left:-200px;display:none;max-height:400px;box-shadow:7px 7px 20px rgba(0,0,0,.28)}
.result-wrap .t_arr_blue {position:absolute;top:-7px;left:50%;margin-left:-7px}
.result-wrap .fa-window-close-o {position:absolute;top:9px;right:10px;font-size:20px;color:#fff}
.result-wrap h3 {background:#25a5f0;height:40px;line-height:40px;color:#fff;margin:0;padding:0;text-align:center;font-size:15px;}
#resulttop {max-height:360px;overflow-y:auto}
#resulttop .sitem {border-bottom:1px #ddd solid;padding:15px;height:45px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;line-height:1.2}
#resulttop .sitem:hover {background:#f6f6f6}
#resulttop .sitem:after {content:""; display:block;float:none;clear:both;}
#resulttop .sitem .img-thumbnail {float:left;margin-right:15px}
#resulttop .sitem .cright {height:45px;cursor:pointer;width:230px;}
#resulttop .sitem .cright .cpath {color:#3EA9CD;margin:4px 0 5px 0}
#resulttop .sitem .cright .sbjval {font-size:15px}
#resulttop .sitem .clink {margin-top:10px}

@media ( max-width: 1700px ) {
	#header .topmenu > ul > li {margin:0 10px}
}
@media ( max-width: 1500px ) {
	#header .logo {left:35px;}
	#header .topmenu {left:260px}
	#header .topmenu > ul > li {margin:0 9px}
	#header .topmenu > ul > li > a {font-size:1.2rem;}
}
@media ( max-width: 1400px ) {
	#header .logo {left:30px;}
	#header .topmenu {left:250px}
	#header .topmenu > ul > li {margin:0 8px}
	#header .topmenu > ul > li > a {font-size:1.15rem;}
}
@media ( max-width: 1300px ) {
	#header .logo {left:25px;}
	#header .topmenu {left:240px}
	#header .topmenu > ul > li {margin:0 7px}
	#header .topmenu > ul > li > a {font-size:1.1rem;}

}

#header .topsearch {height:50px;position:relative;top:8px}
#header .topsearch fieldset {position:relative;height:30px;display:inline-block}
#header .topsearch fieldset .search_input {height:28px;border:1px rgba(0,0,0,.13) solid;background:#000;background:rgba(0,0,0,.18);border-radius:30px;padding:0 40px 0 10px;outline:0;width:120px;color:#fff;font-family:"noto sans kr";color:#fff !important;vertical-align:top;font-size:14px}
#header .topsearch fieldset .search_input:focus {background:rgba(0,0,0,.3);color:#fff !important}
#header .topsearch fieldset .search_input::placeholder {color: #fff;opacity:.7;}
#header .topsearch fieldset .search_input:-ms-input-placeholder {color: #fff;opacity:.7;}
#header .topsearch fieldset .search_input::-ms-input-placeholder {color: #fff;opacity:.7;}
#header .topsearch fieldset .btn_search {position:absolute;top:7px;right:1px;background:none;padding:0;margin:0;border:none;color:#fff;cursor:pointer;height:26px;width:26px;text-align:center;outline:0;z-index:10;background:url(./image/ico_search.svg) no-repeat;background-size:65%;text-indent:-9999px}

#header .category {text-align:center;padding:0;position:absolute;left:260px;top:35px}
#header .category ul {display:inline-block;list-style:none;margin:0;padding:0}
#header .category ul.tabs4 li {padding:0 10px;display:inline-block;height:40px;line-height:40px}
#header .category ul.tabs4 li a {font-size:12px;font-weight:600;color:#333;padding:3px 2px;display:inline-block;height:40px;line-height:40px}
#header .category ul.tabs4 li a:hover {color:#25a5f0}
#header .category ul.tabs4 li a.selected {color:#25a5f0}
#header .category ul.tabs4 li a span {font-weight:400;color:#999;display:inline-block;margin-left:4px;font-size:12px;position:relative;top:-1px}

#location {font-family:"noto sans kr";border-bottom:1px #ccc solid;padding:0 20px;font-size:0.95em;font-weight:400;background:#fff}
#location ul {list-style-type:none;padding:0;margin:0}
#location ul:after{content:""; display:block;float:none;clear:both;}
#location ul li {float:left;height:30px;line-height:30px;padding:0 25px 0 10px;background:url(./image/sep.png) no-repeat right center}
#location ul li:last-child {background:none}
#location a {color:#777}
#location a:hover {color:#25a5f0}

/*footer*/
#footer {border-top:1px #ddd solid;padding:30px 0 40px 0;position:relative;background:#fff}
#footer .footer_wrap {min-width:1200px;max-width:2000px;margin:0 auto;position:relative;}
#footer .footer_wrap:after {content:"";display:block;float:none;clear:both}
#footer .flogo {float:left;width:300px;text-align:center;}
#footer .flogo .footer_logo {font-size:36px;letter-spacing:-2px;color:#999;font-weight:700;line-height:1;margin-top:10px;display:inline-block}
#footer .flogo .scopy {font-size:13px;font-weight:300;color:#888}

#footer .rightinfo {}
#footer .rightinfo .bottomMenu {padding:0 0 10px 0}
#footer .rightinfo .bottomMenu a {font-size:.95rem;color:#444;height:40px;line-height:40px;display:inline-block;font-weight:500}
#footer .rightinfo .bottomMenu a:hover {color:#000}
#footer span.vline {font-family:roboto;font-size:12px;display:inline-block;color:#ddd;position:relative;top:-1px;margin:0 12px}

#footer .rightinfo .companyinfo p {margin:0;font-size:13px;padding:0;color:#777}
#footer .rightinfo .companyinfo p.coname {margin-bottom:5px}
#footer .copyright {font-size:12px;padding:10px 0;}
#footer .copyright .copy {display:inline-block;color:#222;font-weight:400}
#footer .cs_tel {margin-right:50px}
#footer .cs_tel .maketing_q {width:100px;text-align:center;background:#777;color:#fff;border-radius:30px;padding:5px 0;font-size:12px;margin:12px 0 8px 0}
#footer .cs_tel .tel1 {font-size:2.1rem;line-height:1;letter-spacing:-1px;font-weight:500}
#footer .cs_tel .tel3 {font-size:2.0rem;line-height:1;letter-spacing:-1px;font-weight:500}
#footer .cs_tel .telinfo {font-size:12px;color:#888;padding:6px 0 0 5px}


#footer_small {height:40px !important;background:#f3f3f3;position:fixed;z-index:1000;left:0;bottom:0;width:100%;border-top:1px #d0d0d0 solid}
#footer_small .bottom_logo {float:left;height:40px;line-height:40px;width:230px;text-align:center;font-weight:600;margin-top:7px}
#footer_small .bottom_logo a {text-shadow:1px 1px 0px #fff;color:#777;}
#footer_small .bottomMenu {padding:0 0 0 50px;float:left}
#footer_small .bottomMenu a {font-size:.8rem;color:#777;height:40px;line-height:40px;display:inline-block;font-weight:500}
#footer_small .bottomMenu a:hover {color:#000}
#footer_small .copyright {font-size:12px;height:40px;line-height:40px;float:right;margin-right:50px;color:#888}
#footer_small span.vline {font-family:roboto;font-size:12px;display:inline-block;color:#d0d0d0;position:relative;top:-1px;margin:0 16px}
.kakaoplus {position:fixed;top:120px;right:55px;z-index:100}

/*etc*/
.highlight { background-color:#fbff86 }

/*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: #25a5f0;}
.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:#25a5f0;}
.btngreen:hover {background:#000;color:#fff}
.btngrey {background:#c0c0c0;}
.btngrey:hover {background:#333;color:#fff}

/*banner*/
ul.bannerControl {display:inline-block;padding:0;margin:0;list-style:none;position:absolute;left:20px;top:10px}
ul.bannerControl li {float:left;}
ul.bannerControl li a {background:url(./image/btn_arrow.jpg) no-repeat;display:block;width:19px;height:19px}
ul.bannerControl li a.leftArrow {background-position:0 0}
ul.bannerControl li a.rightArrow {background-position:-21px 0}
ul.bannerControl li a.leftArrow:hover {background-position:0 -21px}
ul.bannerControl li a.rightArrow:hover {background-position:-21px -21px}

/*common green tabs*/
ul.tabs1 {list-style:none;padding:0px;font-size:15px;color:#005aff;margin:20px 0 30px 0;text-align:center}
ul.tabs1 li {display: inline-block;position:relative;padding:0 7px;}
ul.tabs1 li a {display:inline-block;padding:0px 2px;height:40px;line-height:40px;color:#777;letter-spacing:-0.02em;outline:none;font-family:'noto sans kr';font-weight:500}
ul.tabs1 li a:hover {color:#25a5f0}
ul.tabs1 li a span {font-size:11px;display:inline-block;background:#ccc;color:#fff;height:16px;line-height:16px;padding:0 7px;border-radius:10px;position:relative;margin:0 0 0 5px;letter-spacing:0;font-weight:400;font-family:roboto;top:-2px}
ul.tabs1 li a.selected {background:#fff;position:relative;top:0;border-bottom:3px #25a5f0 solid;z-index:2;color:#25a5f0;font-weight:700}
ul.tabs1 li a.selected span {background:#333;}

ul.tabs {list-style:none;padding:0px;font-size:15px;color:#005aff;margin:0;}
ul.tabs:after{content:""; display:block;float:none;clear:both;}
ul.tabs li {display: inline;position:relative;float:left;}
ul.tabs li a {display:inline-block;padding:0px 20px;height:38px;line-height:38px;color:#888;letter-spacing:-1px;margin-right:2px;outline:none;text-align:center;font-family:'noto sans kr'}
ul.tabs li a:hover {color:#000}
ul.tabs li a.selected {background:#fff;position:relative;top:0;border:1px solid #999;border-bottom:1px #fff solid;z-index:2;color:#25a5f0;font-weight:700}
ul.tabs li a.selected span {background:#333;}
ul.tabs li a span {font-size:12px;display:inline-block;background:#ccc;color:#fff;height:18px;line-height:18px;padding:0 7px;border-radius:10px;margin-left:5px;letter-spacing:0;font-weight:400;font-family:roboto}
div.tabline {border-top:1px #999 solid;position:relative;margin:-1px 0 30px 0;padding:0}
div.tabline.mpd {margin-bottom:50px}

/*select, input, button style*/
.searchSelect::-ms-expand {display:none;}
.inputsearch {border:1px #bbb solid;border-right:none;height:34px;outline:0;padding:0 10px;margin:0;font-size:15px;width:150px;color:#444;line-height:38px;font-family:"noto sans kr"}
.inputsearch:hover,.inputsearch:focus,.inputsearch:hover + .btnsubmit,.inputsearch:focus + .btnsubmit {}

.btnsubmit {height:36px;width:36px;text-align:center;padding:0;line-height:36px;border:0;margin:0;font-size:16px;color:#999;cursor:pointer;border:1px #bbb solid;border-left:none;outline:0;background:#f0f0f0}
.btnsubmit:hover {color:#000}
.btnreset {display:inline-block;}

.titleline {height:4px;background:#0e9bd1}
.searchSelect {font-family:"noto sans kr";outline:none;min-width:70px;min-width:70px\9;height:36px;padding:4px 40px 6px 15px; padding:8px 9px 3px 15px\9;border:1px solid #bbb;font-size:14px;font-size:12px\9;line-height:19px;color:#444;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;background:url('./image/select_arrow.gif') right center no-repeat;background:none\9;background-color:#fff;font-weight:400}
:root .searchSelect {padding:6px 9px 6px 15px \0/IE9; font-size:15px \0/IE9;}
.searchSelect::-ms-expand {display:none;}
.searchSelect:focus,.searchSelect:active,.searchSelect:hover,.searchSelect.error {border:1px solid #ff2a2a;}

/*line-family*/
.notoThin {font-family:'noto sans kr';font-weight:100}
.notoLight {font-family:'noto sans kr';font-weight:300}
.notoRegular {font-family:'noto sans kr';font-weight:400}
.notoMedium {font-family:'noto sans kr';font-weight:500}
.notobold {font-family:'noto sans kr';font-weight:700}

/*font-color*/
.fblack {color:#000 !important}
.fwhite {color:#fff !important}
.forange {color:#ff6000 !important}
.fblue1 {color:#15448b !important}
.fblue2 {color:#0a8fe3 !important}
.fgreen1 {color:#118020 !important}
.fgreen2 {color:#005aff !important}
.fgray {color:#999 !important}

/*line-height*/
.lh140 {line-height:140% !important}
.lh150 {line-height:150% !important}
.lh160 {line-height:160% !important}
.lh170 {line-height:170% !important}

/*padding*/
.pd20 {padding:20px !important}
.pdl10 {padding-left:10px !important}
.pdl15 {padding-left:15px !important}
.pdl20 {padding-left:20px !important}
.pdl30 {padding-left:30px !important}
.pdt20  {padding-top:20px !important}
.pdt30  {padding-top:30px !important}
.pdt40  {padding-top:40px !important}

.pdb5 {padding-bottom:5px !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}

.underline {text-decoration:underline}
.fancybox-slide {position:relative}
#ajaxview {width:1050px !important;padding:25px;margin:20px auto 20px auto;position:relative}

/* comment list */
#clist {}
#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:25px 10px;border-bottom:#e0e0e0 solid 1px}
#clist .commentbox.notice {background:#f9f9f9}
#clist .commentbox .pic {float:left;width:70px;vertical-align:top;position:relative}
#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;position:relative}
#clist .commentbox .pic1 .simbol {width:30px;height:30px;margin:3px 0 0 0;border-radius:100%;overflow:hidden}
#clist .commentbox .levelico {position:absolute;top:-8px;left:-8px}
#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:75px;line-height:160%;}
#clist .commentbox .info1 .cont {font-size:15px;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 7px;}
#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:14px;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:82px;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;}
#clist .cont a {color:#0366d6;font-size:14px;}
#clist .cont a:hover {text-decoration:underline}

#moreComment {margin:20px}
#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 {}
#cwrite .box {padding:12px 0 0 0;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:#25a5f0}
#cwrite .box .ctl .l .btn_emoticon {width:12px}
#cwrite .box .ctl .l .boxup i.fa {margin-top:9px}
#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 0;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 {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:20px 0 20px 34px;}
#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*/

.loadermain {display:none;position:fixed;left:50%;top:50%;margin:-3em  0 0 -3em;z-index:20002;}
.loadermain,.loadermain:after {border-radius: 50%;width:6em;height: 6em;}
.loadermain {font-size: 10px;text-indent: -9999em;border-top: 0.7em solid rgba(255,255,255, 0.0);border-right: 0.7em solid #0099ff;border-bottom: 0.7em solid #0099ff;border-left: 0.7em solid #0099ff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 0.25s infinite linear;animation: load8 0.25s infinite linear;}
.btn_top {display:inline-block;width:40px;height:40px;text-align:center;color:#fff;position:fixed;right:50px;bottom:50px;z-index:111;display:none;background:#333 url(./image/uparrow.svg) no-repeat center center;background-size:50%}
.btn_top:hover {background-color:#ff2a2a;color:#fff}


@-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);}
}

/*scroll*/
.tse-scrollable {position: relative;overflow: hidden;}
.tse-scrollable .tse-scroll-content {overflow: hidden;overflow-y: scroll;width:calc(100% + 21px) !important}
.tse-scrollable .tse-scroll-content::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollbar {z-index: 99;position: absolute;top: 0;right: 0;bottom: 0;width:4px;}
.tse-scrollbar .drag-handle {position: absolute;right:0px;min-height: 10px;width:4px;opacity: 0;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;background:#0066cc;-webkit-background-clip: padding-box;-moz-background-clip: padding;}
.tse-scrollbar:hover .drag-handle {opacity: 0.7;-webkit-transition: opacity 0 linear;-moz-transition: opacity 0 linear;-o-transition: opacity 0 linear;-ms-transition: opacity 0 linear;transition: opacity 0 linear;}
.tse-scrollbar .drag-handle.visible {opacity:0.9;}
.scrollbar-width-tester::-webkit-scrollbar {width: 0;height: 0;}
.tse-scrollable.horizontal .tse-scroll-content {overflow-x: scroll;overflow-y: hidden;}
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,.tse-scrollable.horizontal .tse-scroll-content::scrollbar {width: auto;height: 0;}
.tse-scrollable.horizontal .tse-scrollbar {top: auto;left: 0;width: auto;height: 11px;}
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {right:auto;top:0px;height:7px;min-height:0;min-width:4px;width: auto;}

/* Tooltip -Styles */
.tooltip {padding: 5px;font-size:12px;background-repeat: no-repeat;background-image: url(./image/tooltip.gif);}
.tooltip-inner {padding:8px 10px;max-width: 200px;pointer-events: none;color: white;text-align: center;background-color: black;border-radius: 3px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
.tooltip-bottom {background-position: top center;}
.tooltip-top {background-position: bottom center;}
.tooltip-left {background-position: right center;}
.tooltip-right {background-position: left center;}

/*캠페인 뷰페이지*/
#scrollDownPc {
	position:fixed;
	left:50%;
    bottom: 20px; /* 브라우저 아래쪽 끝에서부터의 거리 */
	margin-left:543px;
	bottom:600px;
    cursor: pointer;
    z-index: 111;
}
#campaign_view {width:1100px;min-width:1100px;padding:55px;margin:30px 0;background:#fff;position:relative}
.btn_top_view {width:40px;height:40px;text-align:center;color:#fff;position:fixed;left:50%;margin-left:543px;bottom:150px;z-index:111;font-size:20px;display:none;background:#000 url(./image/uparrow.svg) no-repeat center center;background-size:50%;text-indent:-99999px}
.btn_top_view:hover {background-color:#ff2a2a;color:#fff}
/*.btn_down_view {width:40px;height:40px;text-align:center;color:#fff;position:fixed;left:50%;margin-left:243px;bottom:10px;z-index:111;font-size:20px;display:none;background:#000 url(./image/downarrow.svg) no-repeat center center;background-size:50%;text-indent:-99999px}
.btn_down_view:hover {background-color:#ff2a2a;color:#fff}
*/
.hd_infobox {border-bottom:1px #ddd solid;}
.hd_infobox h2 {font-size:28px;padding:0;margin:0;line-height:1.5}
.hd_infobox .campaign_description {font-size:.95rem;color:#666;margin:3px 0 6px 0}
.hd_infobox .info_label {margin:15px 0}

.hd_infobox .ic_label {font-weight:700;color:#fff;padding:0 8px;font-size:13px;font-weight:400;display:inline-block;border:1px #ccc solid;color:#888;height:26px;line-height:26px;margin-right:2px}
.hd_infobox .Blog_txt_color {background-color:#03cf5d;border-color:#03cf5d;color:#fff}
.hd_infobox .Instagram_txt_color {background-color:#5250c8;border-color:#5250c8;color:#fff}
.hd_infobox .Facebook_txt_color {background-color:#3b579d;border-color:#3b579d;color:#fff}
.hd_infobox .Post_txt_color {background-color:#2aa4fa;border-color:#2aa4fa;color:#fff}
.hd_infobox .Youtube_txt_color {background-color:#fe0000;border-color:#fe0000;color:#fff}
.hd_infobox .Cafe_txt_color {background-color:#02c13a;border-color:#02c13a;color:#fff}
.hd_infobox .Cafe_txt_color {background-color:#02c13a;border-color:#02c13a;color:#fff}
.hd_infobox .In_txt_color {background-color:#3cc9a8;border-color:#02c13a;color:#fff}
.hd_infobox .SNS_txt_color {background-color:#000000;border-color:#000000;color:#fff}
.hd_infobox .gu_txt_color {background-color:#E65DA0;border-color:#D65795;color:#fff}
.hd_infobox .Shorts_txt_color {background-color:#E65DA0;border-color:#D65795;color:#fff}


.cpitem .ic_label {font-weight:700;color:#fff;padding:0 8px;font-size:13px;font-weight:400;color:#888;height:26px;line-height:26px;margin:0px 0px 0px 0px;}
.cpitem .campaign_point {font-size:.85rem;color:#0099cc;display:inline-block;padding-left:20px;margin:0px 0px 0px 20px;background:url(./image/coin.svg) no-repeat left center;background-size:13px 13px}


#campaign_view .dday {position:absolute;right:60px;top:60px;background:#ff2a2a;padding:10px;color:#fff;font-size:1.1rem}
#campaign_view .infocont {padding:40px 0 30px 0;z-index:0;position:relative;width:990px;}
#campaign_view .infocont:after {content:"";display:block;float:none;clear:both}
#campaign_view .infocont .photo {float:left;width:400px;height:400px;position:relative}
#campaign_view .infocont .photo.no_thumb {background:#f0f0f0}
#campaign_view .infocont .photo .thumb_slider ul {padding:0;margin:0;list-style:none;display:inline-block}
#campaign_view .infocont .photo .thumb_slider ul li{float:left;margin-right:20px}
#campaign_view .infocont .photo .arrow {position:absolute;top:0;width:30px;height:400px;cursor:pointer}
#campaign_view .infocont .photo .arrow.arr_prev {left:0;background:url(/_core/image/prev-arrow.svg) no-repeat center center;background-size:30px 30px}
#campaign_view .infocont .photo .arrow.arr_next {right:0;background:url(/_core/image/next-arrow.svg) no-repeat center center;background-size:30px 30px}
#campaign_view .infocont .photo .dot-pages {padding:0;margin:0;list-style:none;text-align:center;}
#campaign_view .infocont .photo .dot-pages li {display:inline-block;text-indent:-9999px;background:#ddd;width:6px;height:6px;border-radius:10px;margin:0 2px}
#campaign_view .infocont .photo .dot-pages li.active {background:#ff1000}

#campaign_view .infocont .info {float:right;width:540px;position:relative;min-height:400px}
#campaign_view .infocont .info table {width:100%;}
#campaign_view .infocont .info table td {padding:4px 0px;vertical-align:top}
#campaign_view .infocont .info table .td1 {width:150px;padding-left:10px;color:#444;font-weight:400}
#campaign_view .infocont .info table .td1 span {display:inline-block;padding:3px 0 3px 0;border:1px #e0e0e0 solid;border-radius:30px;font-size:13px;text-align:center;width:120px}
#campaign_view .infocont .info table .td3 {padding:7px 0 0 0;color:#252525}
#campaign_view .infocont .info table .td3.active {color:tomato}

#campaign_view .infocont .info .ctrl_btn {position:absolute;bottom:0;left:10px;}
#campaign_view .infocont .info .ctrl_btn .sns_share {display:none;position:absolute;left:0;top:-94px;padding:12px 12px 9px 12px;background:#fff;border:1px #ccc solid;border-radius:10px;box-shadow:1px 1px 15px rgba(0,0,0,.15)}
#campaign_view .infocont .info .ctrl_btn .sns_share img.sico {display:inline-block;margin:0 2px}
#campaign_view .infocont .info .ctrl_btn .sns_share img.sico:hover {opacity:.7}
#campaign_view .infocont .info .ctrl_btn .sns_share img.vertical-down {position:absolute;left:75px;bottom:-11px}
#campaign_view .infocont .info .ctrl_btn a {display:inline-block;width:56px;height:56px;text-align:center;border:1px #e0e0e0 solid;line-height:50px;vertical-align:top}
#campaign_view .infocont .info .ctrl_btn a img {margin-top:12px}
#campaign_view .infocont .info .ctrl_btn a:nth-child(2) {margin:0 15px 0 5px}
#campaign_view .infocont .info .ctrl_btn a.ico_reviewer {width:390px;font-weight:600;font-size:1.3rem;background:#ff2b2b;border-color:#ff2b2b;color:#fff;line-height:56px}
#campaign_view .infocont .info .ctrl_btn a.ico_reviewer:hover {background:#a7141d;border-color:#a7141d}
#campaign_view .infocont .info .ctrl_btn a.ico_reviewer.regis_ok {background:#bbb;border-color:#bbb}
#campaign_view .infocont .info .ctrl_btn a.ico_share.active {border-color:#ff2b2b}
#campaign_view .infocont .info .ctrl_btn a.kakao-link-btn {border:none;line-height:0;margin:0}
#campaign_view .infocont .info .ctrl_btn a.kakao-link-btn img {margin:0}


#campaign_view .rentfilter {display:none;overflow:hidden;height:auto;margin:20px 0px 0px 0px;border-top:2px solid #666;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#campaign_view .rentfilter table {width:100%;}
#campaign_view .rentfilter table th {height:44px;background-color:#fafafa;border-bottom:1px solid #e5e5e5;color:#808080;font-size:14px;font-weight:400;text-align:center;vertical-align:middle;}
#campaign_view .rentfilter table .th1 {width:190px;}
#campaign_view .rentfilter table .th2 {width:190px;}
#campaign_view .rentfilter table .th3 {width:100px;}
#campaign_view .rentfilter table .td1 input {display:inline-block;height:26px;text-indent:3px;}
#campaign_view .rentfilter table .td1 select {display:inline-block;height:25px;margin:5px 0px 0px 0px;}
#campaign_view .rentfilter table .td2 input {display:inline-block;height:26px;text-indent:3px;}
#campaign_view .rentfilter table .td2 select {display:inline-block;height:25px;margin:5px 0px 0px 0px;}
#campaign_view .rentfilter table .td3 select {display:inline-block;min-width:60px;height:30px;}
#campaign_view .rentfilter table td {padding:15px;text-align:center;vertical-align:middle;}
#campaign_view .rentfilter table .rborder {border-right:1px solid #e5e5e5;}


#campaign_view .tab {position:relative;margin:30px 0px 0px 0px;z-index:2;background:#fff}
#campaign_view .tab.fixed {position:fixed;width:990px;top:-30px;box-shadow: 0px 15px 20px -15px rgba(0,0,0,.3);    }
#campaign_view .tab.fixed a {border-color:#222}
#campaign_view .tab ul {margin: 0;padding: 0;list-style: none;}
#campaign_view .tab li {float:left;width:20%;position:relative}
#campaign_view .tab li a {display:block;height:48px;line-height:48px;text-align:center;border-bottom:2px #eee solid;font-size:1.1rem;font-weight:500}
#campaign_view .tab li a.on {background-color:#fff;border-bottom:2px solid #ff2b2b;font-weight:700;color:#ff2b2b}
#campaign_view .tab li .r_result {position:absolute;top:-20px;right:30px;height:24px;line-height:24px;padding:0 9px;background:#ff2a2a;color:#fff;font-size:13px;border-radius:4px}
#campaign_view .tab li .r_result .red_down {position:absolute;bottom:-7px;left:50%;margin-left:-5px}

#campaign_view .tabpcont {position:relative;min-height:300px;padding:35px 25px;display:block;}
#campaign_view .tabpcont img {max-width: 100%; height: auto;}
#campaign_view #tcont2,#campaign_view #tcont3,#campaign_view #tcont4,#campaign_view #tcont5 {display:none;}
#campaign_view .tpcont {color:#444;line-height:1.5;}
#campaign_view .tpcont a:hover {color:#0099ff}
#campaign_view .tpcont .info {padding:0 0 40px 0;line-height:160%;text-align:center}
#campaign_view .tpcont .info ul {padding:0;margin:0;list-style:none}

/*#campaign_view .tpcont .info2 .linkbtn {display:inline-block;margin-top:5px;padding:20px 25px 20px 25px;border:1px solid #ccc;color:#333;font-size:1rem;}*/
#campaign_view .tpcont .info2 .linkbtn {display:inline-block;margin-top:5px;padding:20px 25px 20px 25px;border:1px solid #ccc;color:#333;font-size:1rem;}
#campaign_view .tpcont .info2 .linkbtn:hover {background-color:#505050;border-color:#505050;color:#fff;}
#campaign_view .tpcont .info2 {padding:0 0 15px 0;line-height:160%;text-align:center}

/*#campaign_view .tpcont .info .linkbtn {display:inline-block;margin-top:25px;padding:20px 25px 20px 25px;border:1px solid #ccc;color:#333;font-size:1rem;}*/
#campaign_view .tpcont .info .linkbtn {display:inline-block;margin-top:25px;padding:20px 25px 20px 25px;border:1px solid #ED1C24;color:#333;font-size:1rem;}
#campaign_view .tpcont .info .linkbtn:hover {background-color:#505050;border-color:#505050;color:#fff;}
#campaign_view .tpcont .info .linkbtn2 {display:inline-block;margin-top:25px;padding:20px 25px 20px 25px;border:1px solid #ED1C24;color:#333;font-size:1rem;}
#campaign_view .tpcont .info .linkbtn2:hover {background-color:#505050;border-color:#505050;color:#fff;}
#campaign_view .tpcont .content1 {margin-bottom:40px}
#campaign_view .tpcont p {margin:0}
#campaign_view .tpcont h3 {padding:0 0 5px 0;margin:0 0 20px 0;font-size:1.5rem;border-bottom:1px #ff2b2b solid;color:#ff2b2b}
#campaign_view .tpcont figure {padding:0;margin:0 40px}
#campaign_view .tpcont table {width:100%}
#campaign_view .tpcont table td{vertical-align:top;padding:18px 0}
#campaign_view .tpcont table td h4 {padding:0;margin:0;font-size:1.05rem;margin-bottom:6px}
#campaign_view .tpcont table td .dtc {margin:6px 0}
#campaign_view .tpcont table td .distance {color:#ff6000}
#campaign_view .tpcont table td .keycopy {display:inline-block;border:1px #3399cc  solid;color:#3399cc;padding:2px 7px;font-size:12px;font-weight:300;margin-top:3px}
#campaign_view .tpcont table td .keycopy:hover {border-color:#ff2a2a;color:#ff2a2a}

#campaign_view .tpcont table td:first-child {font-weight:600;width:130px;font-size:1.05rem}
#campaign_view .tpcont table td:nth-child(2) {border-bottom:1px #eee solid}
#campaign_view .tpcont table td ul,#campaign_view .tpcont table td dl {padding:0;margin:0;list-style:none}
#campaign_view .tpcont table td ul li,#campaign_view .tpcont table td dl dd {background:url(./image/right-arrow-circular-button.svg) no-repeat left 6px;padding:3px 0 3px 22px}
#campaign_view .tpcont table td dl dt {font-weight:600;font-size:1.1rem}
#campaign_view .tpcont table td ul li span.keyword {display:inline-block;padding:0 6px;border:1px #3399cc solid;font-size:12px;color:#3399cc;font-weight:500;height:23px;line-height:23px;vertical-align:top;border-radius:20px;margin:0 4px 2px 0}

#campaign_view .campatt {padding:25px;border:2px #ccc solid;margin-top:50px;background:#f9f9f9;padding:25px 40px;}
#campaign_view .campatt:after {content:"";clear:both;float:none;display:block}
#campaign_view .campatt .attimg {margin:3px 50px 0 0}
#campaign_view .campatt dl,#campaign_view .campatt dl dd {padding:0;margin:0}
#campaign_view .campatt dl dt {font-weight:600;margin-bottom:5px;color:#000}
#campaign_view .campatt dl dd {padding:1px 0 1px 25px;font-size:14px}

.linkbtn2 {display:inline-block;margin-top:25px;padding:20px 25px 20px 25px;border:1px solid #ED1C24;color:#333;font-size:1rem;}
.linkbtn2:hover {background-color:#505050;border-color:#505050;color:#fff;}

.multi-steps {padding:0 0 90px 0;margin:28px 0 0 0;list-style:none;font-size:13px;position:relative}
.multi-steps > li.active {color:tomato;font-weight:500}
.multi-steps > li.active:before, .multi-steps > li.active ~ li:before {content: counter(stepNum);font-family: inherit;font-weight: 700;}
.multi-steps > li.active:after, .multi-steps > li.active ~ li:after {background-color: #ededed;}
.multi-steps {display: table;table-layout: fixed;width: 100%;}
.multi-steps > li {counter-increment: stepNum;text-align: center;display: table-cell;position: relative;color:#999;}
.multi-steps > li:before {content: '\f00c';content: '\2713;';content: '\10003';content: '\10004';content: '\2713';display: block;margin: 0 auto 4px;background-color: #fff;width: 36px;height: 36px;line-height: 36px;text-align: center;font-weight: bold;border-width: 2px;border-style: solid;border-color: #ccc;border-radius: 50%;z-index:1}
.multi-steps > li:after {content: '';height: 2px;width: 100%;background-color: #ededed;position: absolute;top:17px;left: 50%;z-index:-1;}
.multi-steps > li:last-child:after {display: none;}
.multi-steps > li.active:before {background-color:tomato;border-color: tomato;color:#fff}
.multi-steps > li.active ~ li {color: #999;}
.multi-steps > li.active ~ li:before {background-color: #fff;border-color: #ccc;z-index:1000}

/*review list*/
#campaign_view .reviewerlist {margin:0;padding:0 30px}
#campaign_view .reviewerlist ul{list-style: none;padding:0;margin:0}
#campaign_view .reviewerlist li {padding:0 0 18px 0;margin-bottom:18px;border-bottom:1px #eee solid;position:relative}
#campaign_view .reviewerlist .li_head {position:relative;padding:0;line-height:1.3;}
#campaign_view .reviewerlist .li_head:after {content:"";float:none;clear:both;display:block}
#campaign_view .reviewerlist .li_head .photo {width:100px;height:100px;background:#f0f0f0;margin-right:34px}
#campaign_view .reviewerlist .li_head .mbrdata {margin-top:9px}
#campaign_view .reviewerlist .li_head .mbrdata .avatar {display:inline-block;height:30px;width:30px;background-size:30px 30px !important;border-radius:100%;vertical-align:top;background-position:center center !important}
#campaign_view .reviewerlist .li_head .mbrdata .nic {display:inline-block;height:30px;line-height:30px;vertical-align:top;margin-left:6px;font-size:12px;color:#3399cc}
#campaign_view .reviewerlist .li_head .op_cm {margin:5px 0 10px;color:#444;font-size:1rem;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;line-height:1.4}
#campaign_view .reviewerlist .li_head .op_cm .myreview {display:inline-block;height:22px;line-height:22px;font-size:.8rem;border:1px #ff2a2a solid;font-weight:500;padding:0 10px;border-radius:30px;margin-right:10px;;color:#ff2a2a}
#campaign_view .reviewerlist .li_head .description {color:#757575;font-size:14px}
#campaign_view .reviewerlist .li_head .btn_delete {position:absolute;right:0;bottom:0;height:24px;line-height:24px}

#campaign_view .reviewer_list {margin:0;padding:0 30px}
#campaign_view .reviewer_list ul{list-style: none;padding:0;margin:0}
#campaign_view .reviewer_list li {padding:0 0 17px 0;margin-bottom:17px;border-bottom:1px #eee solid;position:relative}
#campaign_view .reviewer_list .li_head {position:relative;padding:0;line-height:1.3;}
#campaign_view .reviewer_list .li_head:after {content:"";float:none;clear:both;display:block}
#campaign_view .reviewer_list .li_head .simbol {float:left;margin-right:30px;border-radius:100%;overflow:hidden;width:50px;height:50px;}
#campaign_view .reviewer_list .li_head .rright {width:800px;}
#campaign_view .reviewer_list .li_head .btn_delete {position:absolute;right:0;bottom:0;height:24px;line-height:24px}
#campaign_view .reviewer_list .li_head .title {font-size:13px;font-weight:500;margin-top:13px;color:#3399cc}
#campaign_view .reviewer_list .li_head .op_cm .myreview {display:inline-block;height:22px;line-height:22px;font-size:.8rem;border:1px #ff2a2a solid;font-weight:500;padding:0 10px;border-radius:30px;margin-right:10px;;color:#ff2a2a}
#campaign_view .reviewer_list .li_head .op_cm1 {margin-top:5px;}

#campaign_view .reviewer_list2 {margin:0;padding:0 30px}
#campaign_view .reviewer_list2 .subcontitle {text-align:center;padding:0 0 30px 0;font-size:1.3rem;font-weight:600}
#campaign_view .reviewer_list2 ul{list-style: none;padding:0;margin:0;text-align:center}
#campaign_view .reviewer_list2 ul li {padding:0 0 17px 0;margin-bottom:12px;position:relative;width:19%;display:inline-block}
#campaign_view .reviewer_list2 ul li .li_list {text-align:center}
#campaign_view .reviewer_list2 ul li .li_list .simbol  {border-radius:100%;overflow:hidden;width:50px;height:50px;display:inline-block}
#campaign_view .reviewer_list2 ul li .li_list .title {margin-top:2px;font-size:13px;font-weight:500;color:#3399cc}
.not_cmt {padding:80px 0px !important;text-align:center !important;border-bottom:none !important;font-size:16px !important;margin-bottom:15px;float:none !important;width:100% !important}

/*review*/


/*reiew_write*/
#review_write {border:2px #999 solid;padding:50px;margin-bottom:40px}
#review_write h2 {padding:0 0 8px 0;margin:0;border-bottom:0px #eee solid}
#review_write .formtable {width:100%;border-collapse: collapse !important}
/*#review_write .formtable td {border-bottom:0px #eee solid}*/
#review_write .formtable td {}
#review_write .formtable .td1 {width:120px;color:#000;font-weight:500 !important;font-size:1rem;vertical-align:middle !important;}
#review_write .formtable .td2 .textarea1 {resize:none;outline:0;width:100%;height:80px}
#review_write .formtable .td2 .btn_copy {display:inline-block;width:100px;height:36px;line-height:36px;}
#review_write .guide {padding:10px 0;font-size:13px;color:#3399cc}
#review_write .guide1 {font-size:14px;color:#ff6000;text-align:center;font-weight:500}
#review_write .bottombox2 {padding:20px 0 0 0;text-align:center}
#review_write .bottombox2 .bbtn2 {font-size:1.2rem;height:42px;line-height:42px;padding:0 50px}

.tx1 {border-bottom:0px}
/*리뷰 신청페이지*/
#review_regis {min-width:1100px;width:1100px;padding:55px;margin:30px 0;background:#fff;position:relative;}
#review_regis .cp_form {border-bottom:1px #ddd solid}
#review_regis .cp_form:after {content:"";float:none;clear:both;display:block}
#review_regis .cp_regis {width:660px;padding-top:5px;border-right:1px #ddd solid;min-height:600px;padding-right:30px}
#review_regis .cp_regis h3 {padding:0;margin:0 0 20px 0}
#review_regis .cp_regis .regis_table {width:100%}
#review_regis .cp_regis .regis_table td {padding:22px 0;border-bottom:1px #f0f0f0 solid}
#review_regis .cp_regis .regis_table td{padding:22px 0;border-bottom:0px #f0f0f0 solid}
#review_regis .cp_regis .regis_table .td1 {width:120px;color:#000;font-weight:600;vertical-align:top}
#review_regis .cp_regis .regis_table .td2 {}
#review_regis .cp_regis .regis_table tr:last-child td {border:none;}
#review_regis .cp_regis .regis_table .td2 .textarea1 {resize:none;outline:0;width:100%;height:80px;line-height:1.5}
#review_regis .cp_regis .regis_table .td2 .topn {margin:5px 0}
#review_regis .cp_regis .regis_table .td2 .mbr_form {padding:10px 0}
#review_regis .cp_regis .regis_table .td2 .mbr_form:after {content:"";float:none;clear:both;display:block}
#review_regis .cp_regis .regis_table .td2 .mbr_form .sh {height:36px;line-height:36px;width:70px;display:inline-block;float:left}
#review_regis .cp_regis .regis_table .td2 .mbr_form .sr {width:439px;float:left}
#review_regis .cp_regis .regis_table .td2 .btn_sex {display:inline-block;height:36px;line-height:36px;padding:0 22px;border:1px #c6c6c6 solid}
#review_regis .cp_regis .regis_table .td2 .btn_sex:first-child {margin-right:11px;}
#review_regis .cp_regis .regis_table .td2 .btn_sex.active {background:#ff2a2a;border-color:#ff2a2a;color:#fff}
#review_regis .cp_regis .regis_table .td2 ul.infotxt {padding:10px 0 0 0;margin:0;list-style:none}
#review_regis .cp_regis .regis_table .td2 ul.infotxt li {font-size:14px;padding:2px 0;color:#777}
#review_regis .cp_regis .regis_table .td2 label.error {height:36px;line-height:36px;padding-left:10px;color:#ff2a2a}
#review_regis .cp_regis .regis_table #agree-error.error {color:#ff2a2a}
#review_regis .cp_regis .regis_table #agree2-error.error {color:#ff2a2a}
#review_regis .bottom_box {padding-top:20px;text-align:center}
#review_regis .bottom_box .bbtn2 {margin-top:20px;background:#ff2a2a;color:#fff;font-size:1.3rem;height:52px;line-height:52px;padding:0 70px}
#review_regis .bottom_box .bbtn2:hover {background:#d91f1f}
#daumpostwrap {display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;left:50%;top:50%;width:441px;height:471px;margin:-236px 0 0 -221px;border:1px #000 solid;box-shadow:0px 0px 30px rgba(0,0,0,.2)}
#agree-error {color:#ff2a2a}
#agree2-error {color:#ff2a2a}

#review_regis .cp_info {width:300px;padding-top:30px}
#review_regis .cp_info .photo {margin-bottom:5px}
#review_regis .cp_info .btn_cp_view {display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;width:300px;font-weight:600;font-size:1.1rem;background:#eee;border-color:#eee;color:#333;margin-bottom:30px}
#review_regis .cp_info .btn_cp_view:hover {background:#e0e0e0;}
#review_regis .cp_info table td {font-size:14px;padding:3px 0}
#review_regis .cp_info table td.td1 {width:110px;font-weight:500;color:#888}

#review_regis .campatt {min-width:1100px;width:1100px;padding:55px;margin:30px 0;background:#fff;position:relative;}
#review_regis .campatt {padding:25px;border:2px #ccc solid;margin-top:50px;background:#f9f9f9;padding:25px 40px;}
#review_regis .campatt:after {content:"";clear:both;float:none;display:block}
#review_regis .campatt .attimg {margin:3px 50px 0 0}
#review_regis .campatt dl,#campaign_view .campatt dl dd {padding:0;margin:0}
#review_regis .campatt dl dt {font-weight:600;margin-bottom:5px;color:#000}
#review_regis .campatt dl dd {padding:1px 0 1px 25px;font-size:14px}

.customoverlay {position:relative;bottom:45px;left:2px}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;text-align:center;background:#fff;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('./image/vertex_white.png')}