@charset "utf-8";
#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-family: mt;font-weight: bold;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}



#wrap {min-width: 1200px;overflow: hidden;position: relative;}

#header {border-bottom: 1px solid #ddd;background: #fff;}
#header .menu {display: none;}
#header .gnbwrap {display: none;}
#header .tnb {border-bottom: 1px solid #ddd;}
#header .tnb ul {position: relative;}
#header .tnb ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin-right: 30px;}
#header .tnb ul li a {display: block;font-family: mt;color: #626262;letter-spacing: 0.02em;height: 50px;line-height: 50px;font-family: mt;}
#header .tnb ul li.tel {padding-left: 22px;background: url(../images/layout/icon-tel.gif) no-repeat 0 50%;}
#header .tnb ul li.email {padding-left: 25px;background: url(../images/layout/icon-email.gif) no-repeat 0 50%;}
#header .tnb ul li.banner {position: absolute;top: 0;right: 0;margin-right: 0;}
#header .tnb ul li.banner img {display: block;}
#header .hd-in {position: relative;height: 100px;}
#header .hd-in .logo {position: absolute;top: 27px;left: 0;background: url(../images/layout/logo_kor.jpg) no-repeat 50% 50%;background-size: contain;}
#header .hd-in .logo img {
	display: block;
	-webkit-animation: logo 8s ease infinite;
	-moz-animation: logo 8s ease infinite;
	-ms-animation: logo 8s ease infinite;
	-o-animation: logo 8s ease infinite;
	animation: logo 8s ease infinite;
}
@keyframes logo {
	0% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
#header .hd-in nav {position: absolute;top: 0;right: 113px;}
#header .hd-in nav .bg {display: none;position: absolute;top: 100px;left: 50%;z-index: 60;width: 2000px;margin-left: -1142px;height: 300px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}
#header .hd-in nav .gnb:after {display: block;clear: both;content: "";}
#header .hd-in nav .gnb > li {float: left;position: relative;text-align: center;}
#header .hd-in nav .gnb > li > a {display: block;padding: 0 40px;height: 100px;line-height: 100px;font-size: 18px;color: #333;font-family: mt;}
#header .hd-in nav .gnb > li > ul {display: none;position: absolute;top: 100px;left: 0;z-index: 70;width: 100%;padding: 13px 0 30px;}
#header .hd-in nav .gnb > li > ul > li > a {display: block;font-size: 15px;color: #444;font-family: mt;font-weight: bold;line-height: 18px;margin-top: 17px;padding: 0 10px;}
#header .hd-in nav .gnb > li:nth-child(2) > ul > li > a {padding: 0;}
#header .hd-in nav .gnb > li > ul > li > ul {margin-top: 10px;background: #fff;/*border: 1px solid #f1f1f1;*/padding: 5px 0 10px 0 ;}
#header .hd-in nav .gnb > li > ul > li > ul > li > a {display: block;font-size: 13px;color: #777;font-family: mt;line-height: 20px;}
#header .hd-in nav:hover .bg {display: block;}
#header .hd-in nav:hover .gnb > li > ul {display: block;}
#header .hd-in .lang {position: absolute;top: 30px;right: 54px;}
#header .hd-in .lang:after {display: block;clear: both;content: "";}
#header .hd-in .lang .btn {display: block;float: left;width: 43px;height: 43px;background: none;border-radius: 50%;border: 1px solid #ddd;}
#header .hd-in .lang ul {display: none;background: #fff;position: absolute;top: 56px;left: -10px;z-index: 61;width: 60px;border: 1px solid #ddd;padding: 10px 0;}
#header .hd-in .lang ul:after {display: block;content: "";width: 8px;height: 9px;background: url(../images/layout/lang-arrow.png) no-repeat 50% 50%;background-size: contain;position: absolute;top: -9px;left: 50%;margin-left: -4px;}
#header .hd-in .lang ul li a {display: block;text-align: center;font-size: 14px;color: #666;letter-spacing: -0.025em;line-height: 24px;font-family: mt;}
#header .hd-in .lang ul li a:hover {text-decoration: underline;color: #2783d5;}
#header .hd-in .lang.active ul {display: block;}
#header .hd-in .sitemap {position: absolute;top: 30px;right: 0;width: 43px;height: 43px;background: none;border-radius: 50%;border: 1px solid #ddd;}
#header .hd-in .sitemap img {display: block;}
#header .hd-in nav .gnb > li:hover > a,
#header .hd-in nav .gnb > li.active > a {color: #2783d5;}
#header .hd-in nav .gnb > li > ul > li:hover > a,
#header .hd-in nav .gnb > li > ul > li.active > a {color: #2783d5;}
#header .hd-in nav .gnb > li > ul > li > ul > li:hover > a,
#header .hd-in nav .gnb > li > ul > li > ul > li.active > a {text-decoration: underline;}


#footer {background: #191919;}
#footer .sitemap {background: #262626;padding: 80px 0;}
#footer .sitemap .__in:after {display: block;clear: both;content: "";}
#footer .sitemap dl {float: left;margin-left: 40px;}
#footer .sitemap dl:first-child {margin-left: 0;}
#footer .sitemap dl dt {display: block;font-size: 18px;color: #fff;font-family: mt;font-weight: bold;}
#footer .sitemap dl dd {display: block;padding-top: 12px;}
#footer .sitemap dl dd ul li a {display: block;width: 270px;height: 22px;line-height: 22px;padding: 11px 0;border-bottom: 1px solid #3f3f3f;background: url(../images/layout/sitemap-arrow.gif) no-repeat 100% 50%;font-size: 15px;color: #999;font-family: mt;}
#footer .sitemap dl dd ul li a:hover {color: #f1f1f1;border-bottom: 1px solid #777;}
#footer .ft-in {text-align: center;padding: 58px 0;}
#footer .ft-in h2 img {display: block;margin: 0 auto 25px;}
#footer .ft-in address span {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin: 0 12px;font-size: 15px;color: #aaa;letter-spacing: -0.02em;line-height: 22px;}
#footer .ft-in address .copy {display: block;padding-top: 10px;font-size: 14px;color: #777;font-family: mt;font-weight: normal;}


#main .visual {height: 440px;overflow: hidden;position: relative;}
#main .visual li {width: 100%;height: 440px;overflow: hidden;}
#main .visual li img {position: relative;position: relative;left: 50%;margin-left: -960px;}
#main .visual .bx-pager {position: absolute;bottom: 75px;left: 0;width: 100%;z-index: 60;text-align: center;}
#main .visual .bx-pager-item {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin: 3px;}
#main .visual .bx-pager-item a {display: block;width: 22px;height: 22px;overflow: hidden;text-indent: -99px;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-image: url(../images/main/vis-off.png);}
#main .visual .bx-pager-item a.active {background-image: url(../images/main/vis-on.png);}
#main .visual .scroll {display: none;position: absolute;bottom: 80px;left: 50%;margin-left: -14px;z-index: 60;width: 28px;height: 44px;}
#main .visual .scroll .arrow {position: absolute;bottom: -30px;left: 8px;display: block;width: 11px;height: 13px;overflow: hidden;}
#main .visual .scroll .arrow {
	-webkit-animation:ia 1s ease infinite;
	-moz-animation:ia 1s ease infinite;
	-ms-animation:ia 1s ease infinite;
	-o-animation:ia 1s ease infinite;
	animation:ia 1s ease infinite;
}
@keyframes ia {
	0% {bottom:-30px;}
	50% {bottom:-20px;}
	100% {bottom:-30px;}
}
#main .visual .scroll img {display: block;}
#main .company {padding: 95px 0 85px;background: url(../images/main/bg1.jpg) no-repeat 50% 50%;background-size: cover;text-align: center;position: relative;}
#main .company strong {display: block;font-size: 50px;color: #111;line-height: 54px;font-family: mt;font-weight: bold;}
#main .company strong span {font-size: 50px;color: #2783d5;font-family: mt;font-weight: bold;}
#main .company u {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;border-bottom: 1px solid #111;padding-top: 10px;font-size: 25px;color: #111;text-decoration: none;}
#main .company p {display: block;padding-top: 32px;padding-bottom: 28px;font-size: 18px;color: #666;line-height: 28px;}
#main .company .btn {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;background: #2783d5;border-radius: 5px;height: 50px;line-height: 50px;padding: 0 30px;font-size: 15px;color: #fff;font-weight: bold;font-family: mt;letter-spacing: -0.02em;}
#main .company .lg {position: absolute;top: 45%;text-align: center;z-index: 10;}
#main .company .lg img {display: block;margin: 0 auto;}
#main .company .lg span {display: block;font-size: 17px;color: #666;font-weight: 200;line-height: 20px;padding-top: 5px;}
#main .company .lg.logo1 {left: 6.5%;}
#main .company .lg.logo2 {right: 6.5%;}
#main .company .lg.logo3 {display: none;}
#main .services {padding:70px 0 60px 0;margin: 0 -500px;background: #f5f5f5;text-align: center;font-family: empty;font-size: 0;}
#main .services .bw1 {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#main .services .bw1 li a {display: block;}
#main .services .bw1 li a .img {border: 1px solid #ddd;border-bottom: 0;display: block;}
#main .services .bw1 li a .img img {display: block;}
#main .services .bw1 li a .info {background: #fff;border: 1px solid #ddd;border-top: 0;padding: 25px 27px;height: 90px;overflow: hidden;text-align: left;}
#main .services .bw1 li a .info strong {display: block;font-size: 19px;color: #444;font-family: mt;font-weight: normal;line-height: 24px;}
#main .services .bw1 li a .info strong span {font-family: ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
#main .services .bw1 li a .info b {display: block;padding-top: 8px;font-size: 14px;color: #888;letter-spacing: -0.025em;line-height: 20px;font-weight: normal;}
#main .services .bx-controls-direction {display: block;width: 1388px;margin: 26px auto 0;}
#main .services .bx-controls-direction:after {display: block;clear: both;content: "";}
#main .services .bx-controls-direction a {display: block;font-size: 13px;color: #555;font-family: mt;background-repeat: no-repeat;}
#main .services .bx-prev {float: left;padding-left: 70px;background-image: url(../images/main/services-prev.png);background-position: 0 50%;}
#main .services .bx-next {float: right;padding-right: 70px;background-image: url(../images/main/services-next.png);background-position: 100% 50%;}
#main .brochure {padding: 95px 0 90px;background: url(../images/main/bg2.jpg) no-repeat 50% 50%;background-size: cover;text-align: center;}
#main .brochure strong {display: block;font-size: 40px;color: #fff;line-height: 44px;font-family: mt;font-weight: bold;}
#main .brochure p {display: block;padding-top: 12px;font-size: 19px;color: #fff;line-height: 24px;font-family: mt;}
#main .brochure a {display: block;width: 248px;height: 48px;line-height: 48px;border: 1px solid #88bee4;border-radius: 5px;margin: 38px auto 0;font-size: 15px;color: #fff;font-family: mt;}
#main .partner {padding:70px 0 60px 0;background: #f5f5f5;}
#main .partner strong {display: block;font-size: 50px;color: #111;line-height: 54px;font-family: mt;font-weight: bold;text-align: center;margin-bottom: 40px;}
#main .partner .partnerList{text-align: center;font-family: empty;font-size: 0;}
#main .partner .partnerList a{display: inline-block;zoom: 1;*display: inline;vertical-align: middle;border:1px solid #ddd;margin-left:-1px;}
#main .partner .partnerList a:first-child{margin-left:0;}
#main .partner .align {width: 1200px;margin: 0 auto;}
#main .partner .align:after {display: block;clear: both;content: '';}
#main .partner dl {float: left;width: 580px;}
#main .partner dt {background: #2783d5;text-align: center;font-size: 18px;color: #fff;font-weight: 600;height: 50px;line-height: 50px;}
#main .partner dd {background: #ffffff;border: 1px solid #ddd;border-left: 0;border-top: 0;}
#main .partner ul {font-family: empty;font-size: 0;}
#main .partner ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;}
#main .partner ul li a {display: block;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
#main .partner ul li img {display: block;margin: 0 auto;}
#main .partner ul li.last {position: absolute;top: 0;right: 0;}
#main .partner dl:first-child {margin-right: 40px;}
#main .partner dl:first-child dd {padding-right: 193px;position: relative;}
#main .partner .w40 {width: 40%;}
#main .partner .w60 {width: 60%;}
#main .partner .w100 {width: 100%;}



#sub {padding-bottom: 80px;}
#sub .visual {display: block;margin-bottom: 70px;}
#sub .visual img {display: block;position: relative;left: 50%;margin-left: -960px;}
#sub .title {display: block;margin-bottom: 35px;border-bottom: 1px solid #ddd;padding-bottom: 18px;}
#sub .title:after {display: block;clear: both;content: "";}
#sub .title h3 {float: left;font-size: 40px;color: #111;font-family: mt;font-weight: bold;line-height: 44px;}
#sub .title .navi {float: right;margin-top: 15px;}
#sub .title .navi:after {display: block;clear: both;content: "";}
#sub .title .navi:before {float: left;display: block;content: "HOME";font-size: 13px;color: #888;font-family: mt;font-weight: normal;line-height: 18px;}
#sub .title .navi li {float: left;font-size: 13px;color: #888;font-family: mt;font-weight: normal;line-height: 18px;padding-left: 20px;background: url(../images/layout/navi-arrow.jpg) no-repeat 7px 50%;}
#sub .title .navi li:last-child {color: #444;font-family: mt;font-weight: bold;}



#content {position: relative;padding-top: 40px;font-size: 14px;color: #333;font-weight: normal;letter-spacing: -0.02em;line-height: 22px;min-height: 400px;}
#content #tabmenu {display: block;position: absolute;top: 0;left: 0;z-index: 10;width: 100%;font-family: empty;font-size: 0;}
#content #tabmenu:after {display: block;content: "";width: 2000px;margin-left: -1000px;position: absolute;top: 0;left: 50%;z-index: -1;}
#content #tabmenu a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 297px;margin-left: 3px;margin-bottom: 3px;background: #eef0f2;font-size: 16px;color: #444;font-family: mt;line-height: 50px;height: 50px;text-align: center;}
#content #tabmenu a:nth-child(4n+1) {margin-left: 0;}
#content #tabmenu a:hover {color: #2783d5;}
#content #tabmenu a.active {background: #2783d5;color: #fff;}
#content .__tit {display: block;text-align: center;}
#content .__tit h4 {display: block;font-size: 36px;color: #333;font-weight: bold;letter-spacing: -0.025em;line-height: 40px;font-family:mt;font-weight: bold;}
#content .__tit p {display: block;padding-top: 5px;font-size: 18px;color: #333;letter-spacing: -0.025em;line-height: 40px;line-height: 24px;font-family:mt;}
.sub21 #content {padding-top: 180px;}
.tabfix #content #tabmenu {position: fixed;top: 0;left: auto;z-index: 60;width: 1200px;background: #fff;}
.sub41 #content .__tit {margin-bottom: 42px;}

#content #tabmenu2 {display: block;margin-bottom: 57px;font-family: empty;font-size: 0;text-align: center;}
#content #tabmenu2 a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 297px;margin-left: 3px;margin-bottom: 3px;background: #eef0f2;font-size: 16px;color: #444;line-height: 50px;height: 50px;text-align: center;font-family: ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
#content #tabmenu2 a:nth-child(4n+1) {margin-left: 0;}
#content #tabmenu2 a:hover {color: #2783d5;}
#content #tabmenu2 a.active {background: #2783d5;color: #fff;}

#aboutus h4 {display: block;padding: 60px 0 50px;text-align: center;font-size: 36px;color: #333;font-family: mt;font-weight: bold;line-height: 40px;}
#aboutus .top {background: url(../images/sub/aboutus-bg01.jpg) no-repeat 50% 50%;background-size: 100% 100%;padding: 40px 0 70px 0;text-align: center;}
#aboutus .top strong {display: block;font-size: 36px;color: #333;font-family: mt;font-weight: bold;line-height: 40px;}
#aboutus .top b {display: block;padding-top: 30px;font-size: 26px;color: #333;line-height: 30px;}
#aboutus .top b span {font-size: 26px;color: #2783d5;}
#aboutus .top p {display: block;padding-top: 20px;font-size: 16px;color: #666;line-height: 28px;}
#aboutus .mid:after {display: block;clear: both;content: "";}
#aboutus .mid .img {float: left;}
#aboutus .mid table {float: right;width: 700px;table-layout: fixed;border-top: 2px solid #3787bf;border-bottom: 2px solid #3787bf;}
#aboutus .mid table th,
#aboutus .mid table td {border-bottom: 1px solid #ddd;height: 60px;padding-left: 48px;}
#aboutus .mid table th {width: 152px;background: #f1f1f1;font-size: 16px;color: #333;text-align: left;}
#aboutus .mid table td {font-size: 16px;color: #666;}
#aboutus .his {min-height: 325px;}
#aboutus .his:after {display: block;clear: both;content: '';}
#aboutus .his > dl {float: left;width: 33.33%;margin-top: 10px;position: relative;min-height: 309px;background-image: url(../images/sub/his-arrow-rig.jpg);background-repeat: no-repeat;background-position: 109px 5px;}
#aboutus .his > dl:before {display: block;content: '';width: 100%;height: 2px;background: #888888;position: absolute;top: 10px;left: 0;}
#aboutus .his > dl:first-child:after {display: block;content: '';background: #ffffff url(../images/sub/his-line.jpg) no-repeat 0 0;margin-left: -291px;width: 292px;height: 330px;position: absolute;top: 6px;left: 300%;z-index: 2;}
#aboutus .his > dl.fr {float: right;background-image: url(../images/sub/his-arrow-lef.jpg);background-position: 100% 5px;}
#aboutus .his > dl dt {margin-left: 10px;padding: 0 20px;background: #ffffff;font-size: 26px;color: #2783d5;font-weight: 600;position: relative;z-index: 5;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#aboutus .his ul {margin-top: 35px;position: relative;z-index: 3;border-left: 2px dashed #c9c9c9;margin-left: 30px;padding-left: 18px;}
#aboutus .his ul > li {position: relative;padding-right: 50px;margin-bottom: 10px;}
#aboutus .his ul > li > b {position: absolute;top: 0;left: 0;font-size: 18px;color: #2783d5;font-weight: 600;}
#aboutus .his ul > li > p {font-size: 16px;color: #666666;letter-spacing: -0.02em;line-height: 28px;}
#aboutus .his ul > li > b + p {margin-left: 40px;}
.br {width: 0;height: 0;display: block;overflow: hidden;}

#location .root_daum_roughmap {width: 100%;}
#location .root_daum_roughmap .wrap_map {height: 562px;width: 100%;}
#location dl {background: #fcfcfc;border: 1px solid #ddd;border-top: 0;}
#location dl:after {display: block;clear: both;content: "";}
#location dl dt {float: left;width: 358px;text-indent: 60px;height: 88px;line-height: 88px;font-size: 23px;color: #3d3a38;font-family: mt;font-weight: bold;}
#location dl dt span {font-size: 23px;color: #2783d5;font-family: mt;font-weight: bold;}
#location dl dd {float: left;width: 840px;padding: 35px 0;}
#location dl dd ul:after {display: block;clear: both;content: "";}
#location dl dd ul li {float: left;font-size: 16px;color: #666;line-height: 20px;background-repeat: no-repeat;background-position: 30px 50%;margin-left: 30px;border-left: 1px solid #ddd;}
#location dl dd ul li:first-child {border-left: 0;margin-left: 0;}
#location dl dd ul li.add {padding-left: 60px;background-image: url(../images/sub/location-add.gif);}
#location dl dd ul li.tel {padding-left: 60px;background-image: url(../images/sub/location-tel.gif);}
#location dl dd ul li.fax {padding-left: 60px;background-image: url(../images/sub/location-fax.gif);}
#location p.txt {font-size: 15px;color: #777;font-weight: 200;line-height: 20px;padding-top: 15px;text-align: right;}
#cd dl:first-child {border-top: 0;padding-top: 0;}
#cd dl {padding: 80px 0;border-top: 1px solid #ddd;}
#therapeutic strong {display: block;margin-top: -40px;padding-bottom: 40px;margin-bottom: 52px;border-bottom: 1px solid #ddd;font-size: 22px;color: #333;line-height: 26px;font-weight: normal;text-align: center;}
#therapeutic dl.type1 {margin-top: 42px;font-family: empty;font-size: 0;text-align: center;}
#therapeutic dl.type1 dt {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;padding: 9px 32px;height: 22px;line-height: 22px;border-radius: 5px;background: #2783d5;font-size: 18px;color: #fff;letter-spacing: -0.025em;font-family:mt;font-weight: normal;}
#therapeutic dl.type1 dt span {font-size: 15px;color: #fff;letter-spacing: -0.025em;font-family:mt;font-weight: 200;margin-left: 5px;}
#therapeutic dl.type1 dd {display: block;margin-top: 6px;}
#therapeutic dl.type2 {margin-top: 25px;font-family: empty;font-size: 0;text-align: center;}
#therapeutic dl.type2 dt {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;padding: 9px 32px;height: 22px;line-height: 22px;background: #2783d5;border-radius: 5px;font-size: 18px;color: #fff;letter-spacing: -0.025em;font-family:mt;font-weight: normal;}
#therapeutic dl.type2 dt span {font-size: 15px;color: #333;letter-spacing: -0.025em;font-weight: 200;margin-left: 5px;font-family:mt;}
#therapeutic dl.type2 dd {display: block;margin-top: 25px;}
#therapeutic dl.type2.box2 dd {padding: 0;font-family: empty;font-size: 0;}
#therapeutic dl.type2.box2 dd ul {display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;}
#therapeutic dl dd.ea2 {font-family: empty;font-size: 0;}
#therapeutic dl dd.ea2 .block {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 42%;}
#therapeutic dl dd.ea2 .block h5 {display: inline-block;zoom: 1;*display: inline;height: 33px;line-height: 33px;border: 1px solid #696969;border-radius: 5px;padding: 0 18px;font-size: 18px;color: #333;font-weight: normal;letter-spacing: -0.025em;}
#therapeutic dl dd.ea2 .block:nth-child(odd) {padding-right: 3%;margin-right: 3%;border-right: 1px solid #ddd;box-sizing: border-box;}
#therapeutic dl dd.ea2 .block.__bar ul {width: 100%;padding-top: 10px;}
#therapeutic dl dd.ea2 .block.__bar ul li {width: 49%;margin-left: 2%;margin-top: 20px;}
#therapeutic dl dd.ea2 .block.__bar ul li:nth-child(3n+1) {margin-left: 2%;}
#therapeutic dl dd.ea2 .block.__bar ul li:nth-child(odd) {margin-left: 0;}
#therapeutic .bg {background: #fafafa;margin: 0 -500px 60px;padding: 60px 0 70px;}
#therapeutic .bg dd {padding: 0;}
#therapeutic .bg .__bar {margin-bottom: 0;}
#opportunities .hori:after {display: block;clear: both;content: "";}
#opportunities .hori dl {float: left;}
#opportunities .hori dl:nth-child(odd) {margin-right: 150px;}
#opportunities .cc {background: #f9f9f9 url(../images/sub/opportunities-bg.jpg) no-repeat 100% 50%;background-size: contain;font-family: empty;font-size: 0;}
#opportunities .cc strong {background: #1461a6 url(../images/sub/icon-cc.jpg) no-repeat 48px 50%;text-indent: 22px;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 170px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;font-weight: normal;font-family: ns;}
#opportunities .cc a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 50px;font-size: 14px;color: #626262;letter-spacing: 0.02em;font-family: mt;font-weight: bold;background-repeat: no-repeat;background-position: 0 50%;}
#opportunities .cc a.tel {padding-left: 24px;background-image: url(../images/sub/icon-tel.jpg);}
#opportunities .cc a.email {padding-left: 28px;background-image: url(../images/sub/icon-email.jpg);}
#services .hori:after {display: block;clear: both;content: "";}
#services .left {float: left;width: 560px;}
#services .right {float: right;width: 510px;}
#services .right {float: right;width: 510px;}


.__circle {display: block;margin-bottom: 10px;}
.__circle ul {font-family: empty;font-size: 0;text-align: center;margin: 0 -15px;}
.__circle li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin: 15px;}
.__circle li .pie-title-center {position: relative;}
.__circle li .pie-title-center .pie-value {position: absolute;top: 0;left: 50%;margin-left: -78.5px;width: 157px;height: 157px;line-height: 157px;font-size: 25px;color: #666;font-family: mt;}
.__circle li .pie-title-center canvas {position: relative;z-index: 1;}
.__circle li .tit {display: block;padding-top: 15px;font-size: 16px;color: #666;font-family:mt;font-weight: normal;}
.__circle p {display: block;padding-top: 5px;text-align: center;font-size: 15px;color: #333;font-weight: normal;letter-spacing: -0.025em;line-height: 20px;}

.__bar {display: block;margin-bottom: 60px;}
.__bar ul {font-family: empty;font-size: 0;text-align: left;}
.__bar ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 350px;margin-left: 75px;margin-top: 24px;position: relative;}
.__bar ul li:nth-child(3n+1) {margin-left: 0;}
.__bar ul li b {display: block;font-size: 16px;color: #666;line-height: 20px;margin-bottom: 10px;font-family:mt;font-weight: normal;}
.__bar ul li b span {display: block;font-size: 13px;line-height: 20px;font-family:mt;font-weight: normal;}
.__bar ul li .percent {background: none;position: absolute;top: 0;right: 0;font-size: 16px;color: #2783d5;font-weight: normal;}
.__bar ul li .num {width: 100%;height: 10px;background: #ebebeb;border-radius: 5px;overflow: hidden;}
.__bar ul li .num span {display: block;height: 10px;width: 0;background: #2783d5;}

.__bar2 ul {position: relative;text-align: left;padding: 0 30px;box-sizing: border-box;}
.__bar2 ul:after {display: block;content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 169px;left: 0;font-family: empty;font-size: 0;}
.__bar2 ul li {margin: 35px 23px;display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;position: relative;padding-bottom: 135px;position: relative;}
.__bar2 ul li.tit {position: relative;bottom: 140px;width: 80px;font-size: 13px;color: #666;line-height: 17px;font-family: mt;padding: 0;margin: 0;}
.__bar2 ul li b {display: block;height: 5px;width: 5px;position: absolute;bottom: 120px;right: 0;font-size: 15px;color: #666;line-height: 20px;-webkit-transform: rotate(395deg);-moz-transform: rotate(395deg);-ms-transform: rotate(395deg);-o-transform: rotate(395deg);transform: rotate(395deg);white-space: nowrap;overflow: visible;}
.__bar2 ul li .num {display: block;font-family: empty;font-size: 0;height: 280px;width: 10px;position: relative;}
.__bar2 ul li .num span {position: absolute;bottom: 0;left: 0;display: block;background: #2783d5;width: 100%;}
.__bar2 ul li .percent {position: absolute;top: -25px;left: 0;font-size: 16px;color: #666;line-height: 20px;font-family:mt;text-align: center;width: 10px;}

.__bar3 {border: 1px solid #ddd;padding: 30px;}
.__bar3 ul {position: relative;text-align: left;padding: 0 30px;box-sizing: border-box;font-family: empty;font-size: 0;text-align: center;}
.__bar3 ul:after {display: block;content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 94px;left: 0;font-family: empty;font-size: 0;}
.__bar3 ul li {margin: 35px 0;display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;position: relative;padding-bottom: 60px;position: relative;}
.__bar3 ul li.tit {position: relative;bottom: 140px;width: 80px;font-size: 13px;color: #666;line-height: 17px;font-family: mt;padding: 0;margin: 0;}
.__bar3 ul li b {display: block;width: 100%;position: absolute;bottom: 30px;right: 0;font-size: 15px;color: #666;line-height: 20px;text-align: center;}
.__bar3 ul li .num {display: block;margin: 0 23px;font-family: empty;font-size: 0;height: 340px;width: 10px;position: relative;}
.__bar3 ul li .num span {position: absolute;bottom: 0;left: 0;display: block;background: #2783d5;width: 100%;}
.__bar3 ul li .percent {position: absolute;top: -25px;left: 0;font-size: 16px;color: #666;line-height: 20px;font-family:mt;text-align: center;width: 10px;}


.__section {display: block;padding: 50px 0;}
.__section.type1 {padding: 80px 0;}
.__section.type1 dt {position: relative;z-index: 10;}
.__section.type1 dt .tit {display: block;}
.__section.type1 dt .tit em {position: absolute;top: 0;left: 0;z-index: -1;font-size: 130px;color: #eef0f2;font-family: mt;font-weight: normal;line-height: 75px;}
.__section.type1 dt .tit h4 {display: block;min-height: 50px;line-height: 50px;padding: 25px 50px 15px;position: relative;font-size: 28px;color: #333;font-family: mt;font-weight: normal;}
.__section.type1 dt .tit h4:after {display: block;content: "";position: absolute;bottom: 15px;left: 50px;width: 100px;height: 3px;background: #2783d5;}
.__section.type1 dt .txt {display: block;padding-left: 50px;padding-top: 20px;font-size: 16px;color: #666;font-weight: normal;line-height: 28px;text-align: justify;}
.__section.type1 dt .img img {display: block;}
.__section.type1.imgr dt {min-height: 330px;}
.__section.type1.imgr dt .txt {width: 515px;}
.__section.type1.imgr dt .img {position: absolute;top: 0;right: 0;}
.__section.type1.imgl dt .txt {margin-left: 690px;padding-left: 0;padding-top: 40px;}
.__section.type1.imgl dt .img {position: absolute;top: 130px;left: 0;}
.__section.type1.imgl dd {margin-left: 0;}
.__section.type1.imgl h5 {margin-left: 690px;}
.__section.type1.imgl ul {margin-left: 690px;}
.__section.type1.imgl ol {margin-left: 690px;}
.__section.type1 dd {margin-left: 50px;}
.__section.type1 dd:after {display: block;clear: both;content: '';}
.__section.type1 h5 {display: block;margin-top: 50px;font-size: 23px;color: #2783d5;line-height: 28px;font-family: mt;font-weight: normal;}
.__section.type1 h4 {display: block;margin-top: 10px;font-size: 16px;color: #2783d5;line-height: 20px;font-family: mt;font-weight: normal;}
.__section.type1 ol {padding-top: 10px;}
/* 180423 ����
.__section.type1 ol li {display: block;margin-top: 5px;position: relative;padding-left: 20px;font-size: 16px;color: #666;line-height: 24px;}
.__section.type1 ol li em {position: absolute;top: 0;left: 0;font-size: 16px;color: #666;}*/
.__section.type1 ol li {display: block;margin-top: 5px;position: relative;padding-left: 24px;font-size: 16px;color: #666;line-height: 24px;}
.__section.type1 ol li em {position: absolute;top: 9px;left: 0;width: 6px;height: 6px;text-indent: -999px;overflow: hidden;background: #666;border-radius: 50%;}
.__section.type1 ul {padding-top: 15px;}
.__section.type1 ul li {display: block;font-size: 16px;color: #666;line-height: 28px;padding-left: 24px;position: relative;}
.__section.type1 ul li:after {display: block;content: "";position: absolute;top: 11px;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #666;}
#cd5.__section.type1 h5 {margin-top: 0;}

.__section.type3 dt {display: block;border-left: 3px solid #2783d5;line-height: 22px;min-height: 22px;font-size: 21px;color: #333;font-weight: normal;padding-left: 18px;}
.__section.type3 dd {display: block;padding-top: 30px;}
.__section.type3 dd .step {font-family: empty;font-size: 0;text-align: center;}
.__section.type3 dd .step li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin: 0 30px;border: 2px solid #2783d5;overflow: hidden;width: 174px;height: 174px;border-radius: 50%;}
.__section.type3 dd .step li .icon {display: block;height: 80px;line-height: 80px;padding-top: 29px;}
.__section.type3 dd .step li .tit {display: block;height: 55px;padding-bottom: 10px;font-family: empty;font-size: 0;background: #f9f9f9;}
.__section.type3 dd .step li .tit:before,
.__section.type3 dd .step li .tit b {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.__section.type3 dd .step li .tit:before {content: "";width: 0;height: 100%;}
.__section.type3 dd .step li .tit b {font-size: 16px;color: #333;letter-spacing: -0.02em;line-height: 20px;font-family: ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
.__section.type3 dd .step li .tit b span {font-size: 15px;color: #333;letter-spacing: -0.02em;line-height: 20px;font-weight: 200;font-family: ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
.__section.type3 dd .dotlist li {font-size: 16px;color: #666;line-height: 28px;padding-left: 24px;position: relative;}
.__section.type3 dd .dotlist li:after {display: block;content: "";position: absolute;top: 11px;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #2783d5;}



.__in {width: 1200px;margin: 0 auto;}
.__hr {display: block;background: none;border: 0;border-top: 1px solid #ddd;width: 100%;height: 0;margin: 0;}
.__br {display: block;width: 0;height: 0;overflow: hidden;}

#DEVICE_PC {display: block;}
#DEVICE_TABLET {display: none;}
#DEVICE_MO {display: none;}








/**************************************************

	SUPERBOARD :: BOARD SKIN :: qna

**************************************************/
#sb-list .list_tbl{width: 100%;border-top: 1px solid #2e2e2e;}
#sb-list .list_tbl tr > *{position: relative;padding: 15px 10px;border: 1px solid #dddddd;border-width: 0 1px 1px 1px;font-size: 14px;line-height: 18px;text-align: center;}
#sb-list .list_tbl tr.tr_notice{background: #f3f4f7;}
#sb-list .list_tbl thead tr th{font-weight: normal;color: #000000;}
#sb-list .list_tbl tbody tr td.sbj{text-align: left;}
#sb-list .list_tbl tbody tr.tr_notice td.sbj a{background: url(../../images/sb_ico_notice.png) no-repeat 0 center;padding-left: 25px;}
#sb-list .list_tbl tbody tr td em{display: none;}

/* ���� �鿩���� */
#sb-list .list_tbl tbody tr td.sbj.reply1{background: url(../../images/sb_ico_reply.png) no-repeat 20px 15px;padding-left: 40px;}
#sb-list .list_tbl tbody tr td.sbj.reply2{background: url(../../images/sb_ico_reply.png) no-repeat 50px 15px;padding-left: 70px;}
#sb-list .list_tbl tbody tr td.sbj.reply3{background: url(../../images/sb_ico_reply.png) no-repeat 80px 15px;padding-left: 100px;}
#sb-list .list_tbl tbody tr td.sbj.reply4{background: url(../../images/sb_ico_reply.png) no-repeat 110px 15px;padding-left: 130px;}
#sb-list .list_tbl tbody tr td.sbj.reply5{background: url(../../images/sb_ico_reply.png) no-repeat 140px 15px;padding-left: 160px;}

@media screen and (max-width: 750px) {
	#sb-list .list_tbl tr{display: block;padding: 10px 5px 12px 5px;border-top: 1px solid #dddddd;}
	#sb-list .list_tbl tr > *{display: inline-block;*display: inline;*zoom: 1;border: none;box-sizing: border-box;color: #333333;font-size: 11px;padding: 0 5px;}
	#sb-list .list_tbl tr > *:after{content: '';display: block;width: 1px;height: 12px;background: #dddddd;position: absolute;top: 50%;right: -3px;margin-top: -6px;}
	#sb-list .list_tbl tr > *:last-child:after{display: none;}
	#sb-list .list_tbl thead{display: none;}
	#sb-list .list_tbl tbody tr td.no{display: none;}
	#sb-list .list_tbl tbody tr td.sbj{width: 100%;margin-bottom: 5px;padding-bottom: 0;font-size: 14px;}
	#sb-list .list_tbl tbody tr td.sbj a{color: #000000;}
	#sb-list .list_tbl tbody tr td.sbj:after{display: none;}
	#sb-list .list_tbl tbody tr td.sbj img{width: auto;height: auto;max-width: 14px;max-height: 14px;}
	#sb-list .list_tbl tbody tr.tr_notice td.sbj a{background-size: 14px auto;padding-left: 20px;}
	#sb-list .list_tbl tbody tr td em{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-size: 11px;font-style: normal;color: #999;margin-right: 3px;}

	/* ���� �鿩���� */
	#sb-list .list_tbl tbody tr td.sbj.reply1{background-size: 10px auto;background-position: 7px 2px;padding-left: 22px;}
	#sb-list .list_tbl tbody tr td.sbj.reply2{background-size: 10px auto;background-position: 17px 2px;padding-left: 32px;}
	#sb-list .list_tbl tbody tr td.sbj.reply3{background-size: 10px auto;background-position: 27px 2px;padding-left: 42px;}
	#sb-list .list_tbl tbody tr td.sbj.reply4{background-size: 10px auto;background-position: 37px 2px;padding-left: 52px;}
	#sb-list .list_tbl tbody tr td.sbj.reply5{background-size: 10px auto;background-position: 47px 2px;padding-left: 62px;}
}




/**************************************************

	SUPERBOARD :: BOARD

**************************************************/

/**************************
	Button
**************************/
#sb-footer{position: relative;margin-top: 30px;min-height: 35px;}
#sb-footer .left{position: absolute;top: 0;left: 0;text-align: left;width: 50%;z-index: 2;}
#sb-footer .center{text-align: center;}
#sb-footer .right{text-align: right;}

.sb-btn{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;box-sizing: border-box;height: 35px;line-height: 35px;text-align: center;font-size: 14px;padding: 0 20px;letter-spacing: -1px;cursor: pointer;}
.sb-btn.type1{background: #2e2e2e;border: 1px solid #2e2e2e;color: #ffffff !important;}
.sb-btn.type2{background: #ffffff;border: 1px solid #2e2e2e;color: #2e2e2e !important;}
.sb-btn.type3{background: #666666;border: 1px solid #666666;color: #ffffff !important;}
.sb-btn.type4{background: #eaeaea;border: 1px solid #eaeaea;color: #323a45 !important;}
.sb-btn.type11{height: 25px;line-height: 25px;padding: 0 8px;background: #2e2e2e;border: 1px solid #2e2e2e;font-size: 12px;color: #ffffff !important;}
.sb-btn.type22{height: 25px;line-height: 25px;padding: 0 8px;background: #ffffff;border: 1px solid #2e2e2e;font-size: 12px;color: #2e2e2e !important;}

@media screen and (max-width: 750px) {
	#sb-footer.no-abs .left{position: static;text-align: center;width: 100%;white-space: nowrap;}
	#sb-footer.no-abs .center{margin-top: 10px;white-space: nowrap;}
	#sb-footer.no-abs .right{margin-top: 10px;text-align: center;white-space: nowrap;}
}


/**************************
	Paging
**************************/
#sb-paging{text-align: center;white-space: nowrap;margin-top: 30px;}
#sb-paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 25px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #ddd;margin: 0 1px;font-size: 12px;text-decoration: none;}
#sb-paging > a.first{}
#sb-paging > a.prev{}
#sb-paging > a.next{}
#sb-paging > a.last{}
#sb-paging > a.active{border-color: #ddd;background: #ddd;}
#sb-paging > a:hover{border-color: #ddd;background: #ddd;}


/**************************
	Search
**************************/
#sb-search{position: relative;margin-bottom: 20px;border: 1px solid #ddd;height: 60px;}
#sb-search .total{font-size: 14px;color: #333333;line-height: 60px;padding-left: 20px;}
#sb-search .total strong{color: #f43e26;}
#sb-search fieldset{position: absolute;top: 10px;right: 20px;}
#sb-search fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;box-sizing: border-box;}
#sb-search legend{display: none;}
#sb-search .where{border: 1px solid #ddd;width: 130px;overflow: hidden;background: url(../images/sb_slt_spr.jpg) no-repeat 92% center;}
#sb-search .where select{width: 130%;height: 40px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#sb-search .inp{position: relative;border: 1px solid #ddd;padding-right: 40px;margin-left: 5px;}
#sb-search .inp .keyword{width: 100%;border: none;background: none;height: 40px;font-size: 14px;padding-left: 15px;}
#sb-search .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(../images/sb_search_sbm.jpg) no-repeat center center;border: none;text-indent: -999em;}

@media screen and (max-width: 750px) {
	#sb-search{margin-bottom: 45px;border: none;height: auto;padding: 10px;background: #f3f4f7;}
	#sb-search .total{position: absolute;bottom: -30px;left: 0;font-size: 12px;line-height: 12px;padding-left: 0;}
	#sb-search fieldset{position: static;}
	#sb-search fieldset > *{display: block;height: 35px;}
	#sb-search legend{display: none;}
	#sb-search .where{width: 100%;background-color: #ffffff;border: none;margin-bottom: 5px;background-position: 95% center;}
	#sb-search .where select{height: 35px;font-size: 12px;}
	#sb-search .inp{margin-left: 0;border: none;background: #ffffff;}
	#sb-search .inp .keyword{height: 35px;font-size: 14px;font-size: 12px;}
	#sb-search .inp .sbm{width: 35px;height: 35px;}
}


/**************************
	Write
**************************/
#sb-write{}
#sb-write .write_tbl{width: 100%;border-top: 1px solid #2e2e2e;}
#sb-write .write_tbl tr > *{padding: 10px 15px;border-bottom: 1px solid #dddddd;font-size: 14px;line-height: 18px;}
#sb-write .write_tbl tbody th{font-weight: normal;background: #f3f4f7;}
#sb-write .write_tbl tbody.memo td{padding: 10px 0;}
#sb-write .write_tbl tbody.fileWrap th em{font-style: normal;margin-left: 3px;}
#sb-write .write_tbl .inp{width: 450px;}
#sb-write .write_tbl .inp.w100{width: 100%;}
#sb-write .write_tbl textarea{height: 300px;}
#sb-write .write_tbl em.tbl_sment{display: block;margin: 5px 0;font-size: 12px;color: #333333;font-style: normal;}
#sb-write .write_tbl .fileWrap .addFile{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 10px;}
#sb-write .write_tbl .fileWrap .addFile > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 16px;height: 16px;text-indent: -999em;}
#sb-write .write_tbl .fileWrap .addFile > a.plus{background: url(../images/sb_fileinp_plus.jpg);}
#sb-write .write_tbl .fileWrap .addFile > a.minus{background: url(../images/sb_fileinp_min.jpg);}

@media screen and (max-width: 750px) {
	#sb-write .write_tbl colgroup{display: none;}
	#sb-write .write_tbl tr > *{padding: 10px 5px;font-size: 12px;line-height: 16px;}
	#sb-write .write_tbl tbody th{width: 60px;}
	#sb-write .write_tbl .inp{width: 40%;}
	#sb-write .write_tbl textarea{height: 150px;}
	#sb-write .write_tbl em.tbl_sment{font-size: 11px;}
	#sb-write .write_tbl .fileWrap .addFile{display: block;margin-top: 5px;margin-left: 0;}
	#sb-write .write_tbl .fileWrap input[type=file]{width: 100%;}
}

/**************************
	View
**************************/
#sb-view{}
#sb-view .titWrap{position: relative;border-top: 1px solid #2e2e2e;border-bottom: 1px solid #ddd;padding: 20px;}
#sb-view .titWrap .sbj{font-size: 16px;line-height: 20px;color: #000000;display: block;padding-right: 220px;font-weight: normal;}
#sb-view .titWrap .info{text-align: right;position: absolute;top: 23px;right: 20px;}
#sb-view .titWrap .info li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;padding: 0 10px;font-size: 12px;line-height: 16px;font-weight: normal;}
#sb-view .titWrap .info li:last-child{padding-right: 0;}
#sb-view .titWrap .info li:after{position: absolute;top: 50%;left: 0;margin-top: -7px;content: '';display: block;width: 1px;height: 14px;background: #dddddd;}
#sb-view .titWrap .info li:first-child:after{display: none;}
#sb-view .titWrap .info li em{margin-right: 5px;font-style: normal;font-weight: normal;}
#sb-view .memoWrap{padding: 50px 10px;min-height: 300px;border-bottom: 1px solid #ddd;}
#sb-view .file > li{position: relative;border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;padding-left: 170px;}
#sb-view .file > li > strong{position: absolute;top: 0;left: 0;width: 150px;height: 100%;font-weight: normal;line-height: 45px;text-align: center;background: #f3f4f7;}
#sb-view .file > li .filename{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;color: #000;margin-right: 15px;max-width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#sb-view .file > li .byte{font-size: 12px;margin-right: 15px;}

@media screen and (max-width: 750px) {
	#sb-view .titWrap{padding: 20px 10px;}
	#sb-view .titWrap .sbj{font-size: 14px;line-height: 18px;padding-right: 0;margin-bottom: 10px;}
	#sb-view .titWrap .info{text-align: left;position: static;}
	#sb-view .titWrap .info li{font-size: 11px;line-height: 13px;}
	#sb-view .titWrap .info li:first-child{padding-left: 0;}
	#sb-view .memoWrap{padding: 20px 10px;min-height: 150px;}
	#sb-view .file > li{height: 30px;line-height: 18px;padding: 15px 10px;}
	#sb-view .file > li > strong{display: none;}
	#sb-view .file > li .filename{display: block;width: 100%;max-width: 100%;margin-right: 0;font-size: 12px;}
	#sb-view .file > li .byte{font-size: 11px;margin-right: 0;color: #999999;}
	#sb-view .file > li img{max-width: 50px;height: auto;}
}


/**************************
	Comment
**************************/
#sb-comment{margin-top: 60px;}
#sb-comment .writeWrap{margin-bottom: 30px;}
#sb-comment .writeWrap dt{margin-bottom: 10px;}
#sb-comment .writeWrap dt .inp{width: 230px;height: 50px;line-height: 50px;padding: 0 10px;border: 3px solid #dddddd;margin-right: 5px;}
#sb-comment .writeWrap dd{margin-bottom: 10px;}
#sb-comment .writeWrap dd textarea{width: 100%;height: 110px;border: 3px solid #dddddd;}
#sb-comment .writeWrap dd.btnWrap{position: relative;}
#sb-comment .writeWrap dd.btnWrap .sbm{position: absolute;top: 0;right: 0;}

#sb-comment .list{border-top: 1px solid #dddddd;}
#sb-comment .list li{position: relative;padding: 20px 20px 20px 45px;border-bottom: 1px solid #dddddd;background: url(../images/sb_ico_comm.png) no-repeat 18px 23px;}
#sb-comment .list li .info{margin-bottom: 10px;}
#sb-comment .list li .info .name{color: #333333;font-size: 14px;}
#sb-comment .list li .info .date{margin-left: 15px;color: #333333;font-size: 14px;}
#sb-comment .list li .memo{display: block;font-size: 14px;line-height: 22px;}
#sb-comment .list li.reply{padding-left: 80px;background: #f3f4f7 url(../images/sb_ico_comm_reply.png) no-repeat 55px 23px;}
#sb-comment .list li .btnWrap{position: absolute;top: 15px;right: 10px;opacity: 0;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#sb-comment .list li:hover .btnWrap{display: block;opacity: 1;}

@media screen and (max-width: 750px) {
	#sb-comment{margin-top: 30px;}
	#sb-comment .writeWrap{margin-bottom: 20px;}
	#sb-comment .writeWrap dt .inp{width: 40%;height: 35px;line-height: 35px;}

	#sb-comment .list li{position: relative;padding: 10px 10px 10px 25px;background-size: 13px auto;background-position: 5px 16px;}
	#sb-comment .list li .info .name{font-size: 12px;}
	#sb-comment .list li .info .date{margin-left: 7px;font-size: 11px;}
	#sb-comment .list li .memo{font-size: 12px;line-height: 16px;}
	#sb-comment .list li .memo img{width: auto;height: auto;max-width: 14px;max-height: 14px;}
	#sb-comment .list li.reply{padding-left: 40px;background-size: 10px auto;background-position: 25px 15px;}
	#sb-comment .list li .btnWrap{position: static;margin-top: 10px;opacity: 1;text-align: right;}

}