/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/


/* Body and structure
-------------------------------------------------- */

body {
  position:relative;
}

/* Code in headings */
h3 code {
  font-size:14px;
  font-weight:normal;
}

.ctt_location{padding:40px 0 80px;}
.ctt_location header h1{font-size:32px;font-weight:600;color:#222;text-align:center;margin-top:40px;}

/* 추가 */
div li {
  list-style:none;
}
a:hover {
  text-decoration:none;
}

.text-rad1{
  color:#da5c38;
}
.text-rad2{
  color:#fa8f3e;
}

p.btn_top {
  display:none;
}

/* tophead
-------------------------------------------------- */

body > .tophead {
  position:absolute;
  top:0;
  left:0;
  right:0;
  /*width:100%;*/
  min-height:80px;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,0.4);
  padding:20px;
  margin:0 auto;
  z-index:9;
}
body > .tophead.sub {
  position:relative;
  background:#fff;
  border-bottom:1px solid #eee;
}
.tophead.sub .toplogo-mb{
  padding-top:0;
}
.tophead .toplogo {
  display:block;
  float:left;
  width:40%;
  font-size:14px;
  color:#fff;
  margin-left:20px;
}
.tophead .toplogo-mb {
  display:none;
  font-size:14px;
  color:#fff;
  padding-top:20px;
}
.toplogo span,
.toplogo-mb span {
  font-size:18px;
  font-weight:600;
  padding-left:10px;
}
.tophead.sub .toplogo,
.tophead.sub .toplogo-mb {
  color:#666;
}

.tophead .sub-sch {
  display:none;
}
.tophead.sub .sub-sch {
  display:block;
}

.search-mb {
  display:none;
}
.tophead .btn-nav-mb {
  display:none;
}

/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
  font-size:16px;
  font-weight:600;
}
.navbar-mb {
  display:none;
}
#page-content-wrapper {
  display:none;
}


/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top:30px;
}
section > .page-header,
section > .lead {
  color:#5a5a5a;
}
section > ul li {
  margin-bottom:5px;
}

/* Separators (hr) */
.bs-docs-separator {
  margin:40px 0;
}

/* Faded out hr */
hr.soften {
  height:1px;
  margin:70px 0;
  background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border:0;
}


.btn_down {
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:4;
}
.btn_down img {
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  padding:12px 15px;
  margin-bottom:2px;
}
.btn_down img:hover {
  background:#f6f6f6;
}
.btn_down2{
	margin-bottom:4px;
}
.btn_down2 img{
  border:1px solid #a8adb3;
  border-radius:8px;
  padding:12px 15px;
  z-index:4;
}
.btn_down2 img:hover {
  background:#fff;
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position:relative;
  /*background:url(../img/mvisual01.png) no-repeat 50% 0 #000;*/
  color:#fff;
  text-align:center;
  min-height:480px;
  z-index:1;
}
.jumbotron h1 {
  font-size:40px;
  font-weight:bold;
  letter-spacing:-1px;
  line-height:1;
  padding:180px 0 200px;
  margin:0;
}
.jumbotron p {
  font-size:24px;
  font-weight:300;
  line-height:1.25;
  margin-top:20px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color:#fff;
  color:rgba(255,255,255,.5);
  -webkit-transition:all .2s ease-in-out;
     -moz-transition:all .2s ease-in-out;
          transition:all .2s ease-in-out;
}
.jumbotron a:hover {
  color:#fff;
  text-shadow:0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding:19px 24px;
  font-size:24px;
  font-weight:200;
  color:#fff; /* redeclare to override the `.jumbotron a` */
  border:0;
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition:none;
     -moz-transition:none;
          transition:none;
}
.masthead .btn:hover {
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow:inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}

/* Pattern overlay
------------------------- */
.jumbotron .container {
  position:relative;
  z-index:2;
}
.jumbotron:after {
  /*
  content:'';
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(../img/bs-docs-masthead-pattern.png) repeat center center;
  opacity:.4;
  */
}
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (   min--moz-device-pixel-ratio:2),
only screen and (     -o-min-device-pixel-ratio:2/1) {
  .jumbotron:after {
    background-size:150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  color:#fff;
  margin-bottom:0;
}
.masthead h1 {
  font-family:"210 Lime";
  font-size:40px;
  line-height:1.2;
}

/* Textual links in masthead */
.masthead-links {
  margin:0;
  list-style:none;
}
.masthead-links li {
  display:inline;
  padding:0 10px;
  color:rgba(255,255,255,.25);
}

/* 메인롤링 */
.masthead .bx-viewport{height:auto !important;}
.masthead .bx-controls{display:none;}
.mvisual div{min-height:500px;}
.mvisual .mv1{background:url(../img/mvisual01.png) 50% 0% no-repeat;}
.mvisual .mv2{background:url(../img/mvisual02.png) 50% 0% no-repeat;}
.mvisual .mv3{background:url(../img/mvisual03.png) 50% 0% no-repeat;}
.mvisual .mv4{background:url(../img/mvisual04.png) 50% 0% no-repeat;}
.mvisual .mv5{background:url(../img/mvisual05.png) 50% 0% no-repeat;}
.mvisual .mv6{background:url(../img/mvisual06.png) 50% 0% no-repeat;}
.mvisual .mv7{background:url(../img/mvisual07.png) 50% 0% no-repeat;}


/* Social proof buttons from GitHub & Twitter */
.bs-docs {
  padding:60px 0;
  text-align:center;
}

/* Quick links on Home */
.bs-docs-buttons {
  margin-left:0;
  margin-bottom:0;
  padding-left:0;
  list-style:none;
}
.bs-docs-buttons li {
  display:inline-block;
  width:30%;
  line-height:1;
  text-align:center;
  *display:inline;
  *zoom:1;
}
.bs-docs-buttons li p a {
  font-size:16px;
  font-weight:600;
  color:#888;
  line-height:1;
  text-align:center;
}
.bs-docs-buttons li p.bs-docs-circle {
  width:50px;
  height:50px;
  background:#888;
  border-radius:100px;
  text-align:center;
  margin:0 auto 20px;
  padding:35px;
}
.bs-docs-buttons li:hover p a {
  color:#222;
}
.bs-docs-buttons li:hover p.bs-docs-circle {
  background:#444;
}

/* search */
.search {
  position:absolute;
  left:0;
  right:0;
  top:294px;
  width:740px;
  margin:0 auto;
}
.search .input_text {
  width:720px;
  height:50px;
  border:3px solid #fa8f3e;
  border-radius:100px;
  font-size:14px;
  color:#888;
  text-indent:20px;
  margin:0;
}
.search:hover .input_text {
  border:3px solid #63ddef;
}
.search #sch_submit {
  position:absolute;
  top:0;
  right:0;
  width:32px;
  height:30px;
  background:url(../img/btn_search1.png) 50% 50% no-repeat #fa8f3e;
  border:none;
  border-radius:0 100px 100px 0;
  font-size:0;
  padding:32px 40px;
}
.search:hover #sch_submit,
.search #sch_submit:hover,
.search #sch_submit:focus {
  background:url(../img/btn_search1.png) 50% 50% no-repeat #63ddef;
}
.search-mb {
  display:none;
}
.search-mb .icon-sch { 
  width:32px;
  height:30px;
  background:url(../img/btn_search1.png);
}
.sub .search-mb .icon-sch { 
  width:32px;
  height:30px;
  background:url(../img/btn_search2.png);
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align:left;
  border-bottom:1px solid #ddd;
}
.subhead h1 {
  font-size:60px;
}
.subhead p {
  margin-bottom:20px;
}
.subhead .navbar {
  display:none;
}

/* bs-docs */
.cont-tap {
  float:left;
  width:55%;
}
.cont-tap ul {
  margin:0;
}
.cont-tap li {
  float:left;
  width:32%;
  background:#f6f6f6;
  border:1px solid #ddd;
  text-align:center;
  padding:10px 0;
  margin-left:-1px;
}
.cont-tap li a {
  font-size:16px;
  font-weight:600;
  color:#888;
}
.cont-tap li:hover, .cont-tap li.on {
  background:#fa8f3e;
}
.cont-tap li:hover a, .cont-tap li.on a {
  color:#fff;
}

.select-list {
  float:right;
  width:45%;
  text-align:right;
}
.select-list select::-ms-expand {
display:none;
}
.select-list select {
  width:30%;
  height:43px;
  border:1px solid #ddd;
  border-radius:0;
  font-size:12px;
  font-weight:600;
  color:#666;
  margin:0;
}

span.btn_a1 a {
  background:url(../img/bul/arrow3.png) 90% 50% no-repeat #666;
  font-size:12px;
  font-weight:600;
  color:#fff;
  padding:14px 30px;
}
span.btn_a1 a:hover {
  background:url(../img/bul/arrow3.png) 90% 50% no-repeat #222;
}

/* cont-areas
-------------------------------------------------- */
.cont-areas {
  width:100%;
  border-top:2px solid #444;
  border-bottom:1px solid #bbb;
  margin:60px auto;
  padding:10px 0;
}
.cont-areas ul {
  height:20px;
  margin:0;
  padding:10px 0;
}
.cont-areas li {
  float:left;
  width:12%;
  border-right:1px solid #ddd;
  text-align:center;
}
.cont-areas li.last {
  border-right:none;
}
.cont-areas li a {
  font-size:14px;
  font-weight:600;
  color:#888;	
}
.cont-areas li a:hover {
  color:#222;
}


/* Marketing section of Overview
-------------------------------------------------- */
/*
.marketing {
  text-align:center;
  color:#5a5a5a;
}
.marketing h1 {
  margin:60px 0 10px;
  font-size:60px;
  font-weight:200;
  line-height:1;
  letter-spacing:-1px;
}
.marketing h2 {
  font-weight:200;
  margin-bottom:5px;
}
.marketing p {
  font-size:16px;
  line-height:1.5;
}
.marketing .marketing-byline {
  margin-bottom:40px;
  font-size:20px;
  font-weight:300;
  line-height:1.25;
  color:#999;
}
.marketing-img {
  display:block;
  margin:0 auto 30px;
  max-height:145px;
}
*/
.marketing {
  margin:0 auto 60px;
}
.row-fluid {
  text-align:center;
  margin:0 auto;
}
.mc-list {
  float:left;
  width:22%;
  border:1px solid #ddd;
  padding:10px;
  margin:0.5%;
}
.mc-list.last {
}
#tab1 .mc-list ul,
#tab2 .mc-list ul {
  min-height:280px;
  border-bottom:1px solid #ddd;
  margin:0;
}
#tab3 .mc-list {
  position:relative;
  min-height:200px;
}
.mc-list li {
  text-align:left;
  line-height:1.2;
}
.mc-list li.mc-tit {
  padding:15px 0 10px;
}
.mc-list li.mc-tit a {
  font-family:"Malgun Gothic";
  font-size:18px;
  color:#444;
}
.mc-list li.mc-tit a:hover {
  color:#000;
}
.mc-list li.mc-con {
  font-size:14px;
  color:#888;
  padding-bottom:10px;
}
.mc-list img.mc-img {
  width:100%;
  height:160px;
}

.mc-cupon {
  position:relative;
  min-height:180px;
}
.mc-cupon a:hover .mc-cupon-cont{
  background:rgba(0,0,0,0.0);
}
.mc-cupon img{
  width:100%;
}
.mc-cupon-cont {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  background:rgba(0,0,0,0.6);
  margin:0 auto;
}
p.mc-cup{
  font-family:"Minion Pro";
  font-size:14px;
  color:#fff;
  margin-top:30px;
}
p.mc-tit{
  font-family:"Malgun Gothic";
  font-size:18px;
  color:#fff;
}
p.mc-day{
  font-size:13px;
  font-weight:600;
  color:#fac33e;
}

.mc-ask-img {
  float:left;
  width:40%;
  text-align:left;
  padding-top:10px;
}
.mc-ask-img img {
  width:80%;
  border-radius:400px;
}
.mc-ask-con {
  float:right;
  width:60%;
}
.mc-ask-con ul {
  margin:0;
}
.mc-ask-con li.mc-day {
  font-size:12px;
  color:#888;
  padding-top:20px;
}
.mc-ask-con li.mc-tit {
  padding:10px 0 20px;
}
.mc-ask-con li.mc-tit a {
  font-family:"Malgun Gothic";
  font-size:18px;
  color:#444;
}
.mc-ask-con li.mc-tit a:hover {
  color:#000;
}
.mc-ask-con li.mc-con {
  border-bottom:none;
  line-height:1.4;
  /*text-align:justify;*/
}
.mc-ask-con li.mc-con a {
  font-size:14px;
  color:#888;
}
.mc-info {
  position:absolute;
  right:10px;
  bottom:10px;
  width:auto;
  text-align:right;
  /*padding:10px 0;*/
}
.mc-info span {
  font-family:"Malgun Gothic";
  font-size:12px;
  color:#888;
  padding:0 5px;
}

.mc-btn {
  text-align:left;
  padding-top:10px;
}
.mc-btn a {
  border-radius:500px;
  padding:5px 4px;
}
.mc-btn a.btn_c1 {
  background:#fa8f3e;
}
.mc-btn a.btn_c2 {
  background:#888;
}
.mc-btn a.btn_c1:hover {
  background:#da5c38;
}
.mc-btn a.btn_c2:hover {
  background:#444;
}
.mc-btn p.mc-item {
  width:auto;
  float:right;
  margin:0;
}
.mc-btn p.mc-item span {
  font-size:12px;
  color:#aaa;
  padding-left:6px;
}

p.btn_more {
  text-align:center;
  margin:30px auto;
}
p.btn_more a {
  border:1px solid #fa8f3e;
  border-radius:50px;
  font-size:14px;
  font-weight:600;
  color:#fa8f3e;
  padding:10px 40px;
}
p.btn_more a:hover,
p.btn_more a:focus {
  background:#fa8f3e;
  color:#fff;
}

/* Footer
-------------------------------------------------- */
.footer {
  position:relative;
  background:#253340;
  padding:60px 0;
  margin:0 auto;
}
.footer ul {
  margin:0;
}
.footer h3.foot-title {
  font-size:16px;
  font-weight:600;
  color:#fff;
}

.foot-left,
.foot-right {
  float:left;
  width:50%;
}
.footer li,
.footer li a {
  font-size:13px;
  color:#9299a0;
  line-height:2.4;
}
.footer li a:hover {
  color:#c3d2e0;
}
.footer-emp{
  font-weight:600;
  color:#6588aa;
}
.sp_left{
  margin-left:40px;
}
.fcopy{
  background:#1e1e1e;
  font-size:13px;
  color:#aaa;
  text-align:center;
  text-transform:uppercase;
  padding:20px 0;
  margin:0 auto;
}

.footer-mb {
  display:none;
}

/* Special grid styles
-------------------------------------------------- */
.show-grid {
  margin-top:10px;
  margin-bottom:20px;
}
.show-grid [class*="span"] {
  background:#eee;
  text-align:center;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
  min-height:40px;
  line-height:40px;
}
.show-grid [class*="span"]:hover {
  background:#ddd;
}
.show-grid .show-grid {
  margin-top:0;
  margin-bottom:0;
}
.show-grid .show-grid [class*="span"] {
  margin-top:5px;
}
.show-grid [class*="span"] [class*="span"] {
  background:#ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background:#999;
}


/* Mini layout previews
-------------------------------------------------- */
.mini-layout {
  border:1px solid #ddd;
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow:0 1px 2px rgba(0,0,0,.075);
          box-shadow:0 1px 2px rgba(0,0,0,.075);
}
.mini-layout,
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
  height:300px;
}
.mini-layout {
  margin-bottom:20px;
  padding:9px;
}
.mini-layout div {
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}
.mini-layout .mini-layout-body {
  background:#dceaf4;
  margin:0 auto;
  width:70%;
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float:left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background:#bbd8e9;
  width:20%;
}
.mini-layout.fluid .mini-layout-body {
  width:77.5%;
  margin-left:2.5%;
}


/* Download page
-------------------------------------------------- */
.download .page-header {
  margin-top:36px;
}
.page-header .toggle-all {
  margin-top:5px;
}

/* Space out h3s when following a section */
.download h3 {
  margin-bottom:5px;
}
.download-builder input + h3,
.download-builder .checkbox + h3 {
  margin-top:9px;
}

/* Fields for variables */
.download-builder input[type=text] {
  margin-bottom:9px;
  font-family:Menlo, Monaco, "Courier New", monospace;
  font-size:12px;
  color:#d14;
}
.download-builder input[type=text]:focus {
  background:#fff;
}

/* Custom, larger checkbox labels */
.download .checkbox {
  padding:6px 10px 6px 25px;
  font-size:13px;
  line-height:18px;
  color:#555;
  background:#f9f9f9;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
  cursor:pointer;
}
.download .checkbox:hover {
  color:#333;
  background:#f5f5f5;
}
.download .checkbox small {
  font-size:12px;
  color:#777;
}

/* Variables section */
#variables label {
  margin-bottom:0;
}

/* Giant download button */
.download-btn {
  margin:36px 0 108px;
}
#download p,
#download h4 {
  max-width:50%;
  margin:0 auto;
  color:#999;
  text-align:center;
}
#download h4 {
  margin-bottom:0;
}
#download p {
  margin-bottom:18px;
}
.download-btn .btn {
  display:block;
  width:auto;
  padding:19px 24px;
  margin-bottom:27px;
  font-size:30px;
  line-height:1;
  text-align:center;
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
}


/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top:5px;
}

/* Example sites showcase */
.example-sites {
  xmargin-left:20px;
}
.example-sites img {
  max-width:100%;
  margin:0 auto;
}

.scrollspy-example {
  height:200px;
  overflow:auto;
  position:relative;
}

/* Fake the :focus state to demo it */
.focused {
  border-color:rgba(82,168,236,.8);
  -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
     -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
          box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
  outline:0;
}

/* For input sizes, make them display block */
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
  display:block;
  margin-bottom:9px;
}

/* Icons
------------------------- */
.the-icons {
  margin-left:0;
  list-style:none;
}
.the-icons li {
  float:left;
  width:25%;
  line-height:25px;
}
.the-icons i:hover {
  background:rgba(255,0,0,.25);
}

/* Example page
------------------------- */
.bootstrap-examples h4 {
  margin:10px 0 5px;
}
.bootstrap-examples p {
  font-size:13px;
  line-height:18px;
}
.bootstrap-examples .thumbnail {
  margin-bottom:9px;
  background:#fff;
}

/* Alert with link to latest version of the docs */
.bs-alert-old-docs {
  margin:30px 0 0;
}


/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
  position:relative;
  margin:15px 0;
  padding:39px 19px 14px;
  *padding-top:19px;
  background:#fff;
  border:1px solid #ddd;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content:"Example";
  position:absolute;
  top:-1px;
  left:-1px;
  padding:3px 7px;
  font-size:12px;
  font-weight:bold;
  background:#f5f5f5;
  border:1px solid #ddd;
  color:#9da0a4;
  -webkit-border-radius:4px 0 4px 0;
     -moz-border-radius:4px 0 4px 0;
          border-radius:4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top:-20px;
  padding-top:15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom:0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
  margin-bottom:5px;
}
.bs-docs-example .pagination {
  margin-top:0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index:1;
  padding:0;
  height:90px;
  overflow:hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  margin-left:0;
  margin-right:0;
}
.bs-navbar-top-example {
  -webkit-border-radius:0 0 4px 4px;
     -moz-border-radius:0 0 4px 4px;
          border-radius:0 0 4px 4px;
}
.bs-navbar-top-example:after {
  top:auto;
  bottom:-1px;
  -webkit-border-radius:0 4px 0 4px;
     -moz-border-radius:0 4px 0 4px;
          border-radius:0 4px 0 4px;
}
.bs-navbar-bottom-example {
  -webkit-border-radius:4px 4px 0 0;
     -moz-border-radius:4px 4px 0 0;
          border-radius:4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom:0;
}
form.bs-docs-example {
  padding-bottom:19px;
}

/* Images */
.bs-docs-example-images img {
  margin:10px;
  display:inline-block;
}

/* Tooltips */
.bs-docs-tooltip-examples {
  text-align:center;
  margin:0 0 10px;
  list-style:none;
}
.bs-docs-tooltip-examples li {
  display:inline;
  padding:0 10px;
}

/* Popovers */
.bs-docs-example-popover {
  padding-bottom:24px;
  background:#f9f9f9;
}
.bs-docs-example-popover .popover {
  position:relative;
  display:block;
  float:left;
  width:260px;
  margin:20px;
}

/* Dropdowns */
.bs-docs-example-submenus {
  min-height:180px;
}
.bs-docs-example-submenus > .pull-left + .pull-left {
  margin-left:20px;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
  display:block;
  position:static;
  margin-bottom:5px;
  *width:180px;
}


/* Responsive docs
-------------------------------------------------- */

/* Utility classes table
------------------------- */
.responsive-utilities th small {
  display:block;
  font-weight:normal;
  color:#999;
}
.responsive-utilities tbody th {
  font-weight:normal;
}
.responsive-utilities td {
  text-align:center;
}
.responsive-utilities td.is-visible {
  color:#468847;
  background:#dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color:#ccc;
  background:#f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top:5px;
  margin-left:0;
  list-style:none;
  overflow:hidden; /* clear floats */
}
.responsive-utilities-test li {
  position:relative;
  float:left;
  width:25%;
  height:43px;
  font-size:14px;
  font-weight:bold;
  line-height:43px;
  color:#999;
  text-align:center;
  border:1px solid #ddd;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
}
.responsive-utilities-test li + li {
  margin-left:10px;
}
.responsive-utilities-test span {
  position:absolute;
  top:-1px;
  left:-1px;
  right:-1px;
  bottom:-1px;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
}
.responsive-utilities-test span {
  color:#468847;
  background:#dff0d8;
  border:1px solid #d6e9c6;
}


/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width:228px;
  margin:30px 0 0;
  padding:0;
  background:#fff;
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
  -webkit-box-shadow:0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow:0 1px 4px rgba(0,0,0,.065);
          box-shadow:0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display:block;
  width:190px \9;
  margin:0 0 -1px;
  padding:8px 14px;
  border:1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius:6px 6px 0 0;
     -moz-border-radius:6px 6px 0 0;
          border-radius:6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius:0 0 6px 6px;
     -moz-border-radius:0 0 6px 6px;
          border-radius:0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position:relative;
  z-index:2;
  padding:9px 15px;
  border:0;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float:right;
  margin-top:2px;
  margin-right:-6px;
  opacity:.25;
}
.bs-docs-sidenav > li > a:hover {
  background:#f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity:.5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image:url(../img/glyphicons-halflings-white.png);
  opacity:1;
}
.bs-docs-sidenav.affix {
  top:40px;
}
.bs-docs-sidenav.affix-bottom {
  position:absolute;
  top:auto;
  bottom:270px;
}


/* content_start */
.content_start{position:relative;font-size:14px;color:#666;padding:0;margin:0 auto;}
.container.sub{/*min-height:1200px;*/padding-bottom:100px;}
.container.bbs{padding-top:60px;padding-bottom:100px;}

.sub_roll{position:relative;width:100%;margin:0 auto 20px;}
.sub_roll .bx-wrapper{max-width:100% !important;}
.slider{width:auto;}
.slide{float:left;min-height:160px;text-align:center;}
.slide img{width:100%;height:100%;}
.sub_roll .bx-pager{display:none;}
.sub_roll .bx-controls-direction{}
.sub_roll .bx-prev{position:absolute;top:45%;left:20px;width:8px;height:16px;background:url(../img/bul/arrow6.png) no-repeat;font-size:0;}
.sub_roll .bx-next{position:absolute;top:45%;right:20px;width:8px;height:16px;background:url(../img/bul/arrow7.png) no-repeat;font-size:0;}

.scont{width:98%;}

.scon1{width:auto;margin:60px auto;}
.scon1 h4{margin:0 auto 20px;}
h4.sc-tit1{font-size:42px;font-weight:600;color:#222;line-height:1.4;}
h4.sc-tit1 p{font-size:14px;font-weight:normal;color:#bbb;margin:10px 0 0;}
h4.sc-tit2{font-size:24px;font-weight:600;color:#444;line-height:1;}
h4.sc-tit3{font-size:18px;font-weight:600;color:#444;line-height:1;margin:10px 0 40px;}

p.line-sol{width:100%;border-bottom:1px solid #ddd;margin:40px auto;}
p.line-sol2{width:8px;border-bottom:1px solid #444;}
p.line-dot{width:100%;border-bottom:1px dotted #ddd;margin:20px auto;}

p.btn_more2{text-align:center;padding:40px 0;margin:0 auto;}
p.btn_more2 a{font-size:13px;font-weight:600;color:#bbb;}
p.btn_more2 a:hover{color:#444;}

.sc-info{width:100%;border-bottom:1px solid #ddd;padding:0 0 16px;margin-bottom:30px;}
.sc-info span{font-size:14px;color:#888;margin-right:30px;}

.sc-data{width:100%;margin:0 auto 40px;}
.sc-data ul{padding:0;margin:0;}
.sc-data li{font-size:16px;color:#888;line-height:2.2;}
.sc-data li span{font-weight:600;color:#444;}

.sc-intd{width:100%;margin:0 auto 40px;}
.sc-intd p{font-size:16px;color:#888;line-height:1.6;}

.sc-btn{width:100%;min-height:44px;margin:0 auto 30px;}
.sc-btn p{float:left;width:auto;border:1px solid #fa8f3e;border-radius:40px;text-align:center;padding:10px 20px;margin:0 10px 5px 0;}
.sc-btn p a{font-size:14px;font-weight:600;color:#fa8f3e;}
.sc-btn p:hover{background:#fa8f3e;}
.sc-btn p:hover a,
.sc-btn p a:hover{color:#fff;}

.sc-emp{background:#6cbb28;border-radius:40px;text-align:center;padding:15px 0;}
.sc-emp p{font-size:14px;font-weight:600;color:#fff;line-height:1.4;margin:0;}
.sc-emp span{}

.sc-comment{}
.sc-comt-list{display:inline-block;width:100%;/*border-bottom:1px dotted #ddd;padding:20px 0;*/}

.comt-img{float:left;width:10%;}
.comt-img img{width:100%;border:1px solid #eee;border-radius:400px;padding:6px;}
.comt-con{float:left;width:86%;min-height:114px;margin-left:4%;}
.comt-con p{font-size:14px;color:#888;line-height:1.4;margin:0;}
.comt-con p.cmt-day{font-size:12px;color:#bbb;}
.comt-con p.cmt-tit{font-size:16px;color:#222;padding-bottom:10px;}

.cmt-info{float:left;width:100%;padding:10px 0;}
.cmt-info span{font-size:12px;color:#aaa;padding-right:10px;}

.scon-right{position:absolute;top:205px;right:0;min-width:300px;width:20.4%;height:100%;background:#f6f6f6;border-top:1px solid #ddd;}
.sr-map{background:#fff;padding-top:30px;}
.sr-coupon{padding:0 20px;margin:40px auto 0;}
h4.sr-tit{font-size:32px;font-weight:600;color:#fa8f3e;margin-bottom:20px;}

.sr-cupon{position:relative;/*min-height:156px;*/margin-bottom:2px;}
.sr-cupon img{width:100%;}
.cupon-cont{position:absolute;top:0;left:0;right:0;height:84%;background:rgba(0,0,0,0.6);text-align:center;margin:0 auto;}
.cupon-cont:hover{background:rgba(0,0,0,0.0);}
.cupon-cont p.cp-cup{font-family:"Minion Pro";font-size:14px;color:#fff;margin-top:20%;}
.cupon-cont p.cp-tit{font-family:"Malgun Gothic";font-size:18px;color:#fff;}
.cupon-cont p.cp-day{font-size:13px;font-weight:600;color:#fac33e;}
.sr-cupon p.btn_cup{line-height:1.8;margin:10px 0 0;}
.sr-cupon p.btn_cup a{background:#fa8f3e;font-size:13px;color:#fff;padding:10px 20px;}
.sr-cupon p.btn_cup a:hover{background:#da5c38}

.sc_img{width:100%;margin-bottom:20px;}

.sc-qna-list{width:100%;margin:0 auto;}

.qna-qs{display:inline-block;width:100%;}
.qus-img{float:left;width:10%;}
.qus-img img{width:100%;border:1px solid #eee;border-radius:400px;padding:6px;}
.qus-con{float:left;width:86%;min-height:114px;margin-left:4%;}
.qus-con p{font-size:14px;color:#888;line-height:1.4;margin:0;}
.qus-con p.qu-name{font-size:16px;font-weight:600;color:#222;}
.qus-con p.qu-day{font-size:12px;color:#bbb;padding-bottom:10px;}

.qna_bsi{display:inline-block;width:auto;border:1px solid #ddd;border-radius:2px;padding:10px;margin:10px 0;}
.qna_bsi:hover{background:#f6f6f6;}
.qna_bsi ul{margin:0;}
.qna_bsi li{vertical-align:top;}
.qna_bsi li.qub-img{float:left;width:18%;margin-right:2%;}
.qna_bsi li.qub-con{float:left;width:80%;}
.qna_bsi img{width:100%;height:auto;}
.qna_bsi p{font-size:14px;color:#888;line-height:1.4;margin:0;}
.qna_bsi p.qu-tit{font-size:16px;font-weight:600;color:#222;margin-bottom:8px;}

p.btn_ans{margin-top:20px;}
p.btn_ans a{background:#ccc;border:1px solid #ccc;border-radius:4px;font-size:12px;color:#fff;padding:6px 14px;}
p.btn_ans a:hover,
p.btn_ans a:focus{background:#6cbb28;border:1px solid #6cbb28;color:#fff;}

a.btn_cup{background:#ccc;border:1px solid #ccc;border-radius:4px;font-size:12px;font-weight:600;color:#fff;padding:6px 10px;}
a.btn_cup:hover,
a.btn_cup a:focus{background:#6cbb28;border:1px solid #6cbb28;color:#fff;}


/* 페이징 */
.page_nb{width:100%;text-align:center;padding:20px 0;margin:0 auto;}
.page_nb .pg_current{background:#6cbb28;border:1px solid #6cbb28;border-radius:2px;font-size:13px;font-weight:600;color:#fff;padding:6px 10px;}
.page_nb .pg_page{border:1px solid #ddd;border-radius:2px;font-size:13px;font-weight:600;color:#aaa;line-height:2.6;padding:6px 10px;}
.page_nb .pg_page:hover{background:#6cbb28;border:1px solid #6cbb28;color:#fff;}


/* Ads in headers
-------------------------------------------------- */

@media (min-width:992px) {
  .subhead h1,
  .subhead .lead {
    margin-right:350px;
  }
}

#carbonads {
  display:block;
  overflow:hidden;
  margin:40px -20px -40px;
  padding:15px 15px 15px 160px;
  font-size:13px;
  line-height:1.5;
  text-align:left;
  background:rgba(0,0,0,.5);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
}

#carbonads a {
  color:#fff;
}

.carbon-img {
  float:left;
  margin-left:-145px;
}

.carbon-poweredby {
  display:block;
  color:#cdbfe3 !important;
}

@media (min-width:480px) {
  #carbonads {
    max-width:155px; /* 330 - padding */
    margin:50px auto 0;
    border-radius:4px;
  }
}

@media (min-width:992px) {
  #carbonads {
    position:absolute;
    top:0;
    right:15px;
    margin-top:0;
  }
  .masthead #carbonads {
    position:static;
    margin:30px auto 0;
  }
}

/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width:1200px) {
  .bs-docs-container {
    max-width:970px;
  }
  .bs-docs-sidenav {
    width:258px;
  }
  .bs-docs-sidenav > li > a {
    width:230px \9; /* Override the previous IE8-9 hack */
  }
}

/* Desktop
------------------------- */
@media (max-width:980px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    float:left;
    margin-left:0;
    padding-left:10px;
    padding-right:10px;
  }

  /* Inline-block quick links for more spacing */
  .quick-links li {
    display:inline-block;
    margin:5px;
  }

  /* When affixed, space properly */
  .bs-docs-sidenav {
    top:0;
    width:218px;
    margin-top:30px;
    margin-right:0;
  }

  .subhead h1,
  .subhead .lead {
    margin-right:0;
  }
}

/* Tablet to desktop
------------------------- */
@media (min-width:768px) and (max-width:979px) {
  /* Remove any padding from the body */
  body {
    padding-top:0;
  }
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
	margin-top:-20px; /* Offset bottom margin on .navbar */
  }
  /* Adjust sidenav width */
  .bs-docs-sidenav {
    width:166px;
    margin-top:20px;
  }
  .bs-docs-sidenav.affix {
    top:0;
  }
  
  /* 추가 */
  body > .tophead {
	top:20px;
  }

  #page-content-wrapper {
    display:none;
  }

  .jumbotron h1 {
	padding-bottom:200px;
  }

  .search {
	width:620px;
  }
  .search .input_text {
	width:600px;
  }

  .mc-list {
    width:29.2%;
  }
  p.mc-cup {
	margin-top:8%;
  }

  .scont {
	width:100%;
  }

  .sc-btn p {
	float:left;
	border:1px solid #fa8f3e;
	border-radius:40px;
	text-align:center;
	padding:10px 20px;
	margin:0 10px 5px 0;
  }

  .scon-right {
	position:static;
	width:100%;
  }
  .cupon-cont p.cp-cup {
    margin-top:18%;
  }

  .qus-img {
    float:left;
    width:20%;
  }
  .qus-con {
    float:left;
    width:76%;
    margin-left:4%;
  }
  .qna_bsi li.qub-img {
    float:left;
	width:18%;
	margin-right:2%;
  }
  .qna_bsi li.qub-con {
	float:left;
	width:80%;
  }
}

/* Tablet
------------------------- */
@media (max-width:767px) {
  /* Remove any padding from the body */
  body {
    padding-top:0;
  }

  .tophead .toplogo {
	display:none;
  }
  .tophead .toplogo-mb {
	display:block;
	float:none;
	text-align:center;
  }

  .navbar-fixed-top {
	display:none;
  }

  #page-content-wrapper {
    display:block;
  }

  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    /*
    padding:0 20px;
	margin-top:-20px;
    margin-right:-20px;
    margin-left:-20px;
	*/
  }
  .masthead h1 {
    font-size:40px;
  }
  .masthead p,
  .masthead .btn {
    font-size:18px;
  }
  .marketing .span4 {
    margin-bottom:40px;
  }
  .bs-docs {
    /*margin:0 -20px;*/
  }

  .carbonad {
    position:static;
    width:auto !important;
    border-radius:0;
    margin:40px -20px -40px !important;
    padding:20px !important;
    overflow:hidden; /* clearfix */
  }

  /* 추가 */
  .tophead .btn-nav-mb {
    display:block;
	position:absolute;
	top:18px;
	right:10px;
  }
  .tophead .btn-navbar {
	background:none;
	border:none;
	width:28px;
	padding:0;
	line-height:0;
  }
  .btn-navbar .icon-bar {
	width:28px;
	height:4px;
	background:#444;
  }

  .navbar .nav {
    display:none;
  }
  .navbar-mb {
    display:block;
	position:absolute;
	min-height:310px;
	margin:0;
  }
  .navbar-mb > li {
    float:left;
    width:20%;
    text-align:center;
	padding:10px 0;
  }
  .navbar-mb > li a {
    font-size:12px;
	color:#eee;
  }
  .navbar-mb > li:hover {
  	background:#000;
  }
  .navbar-mb > li a:hover {
  	color:#fff;
  }

  .jumbotron h1 {
	padding:240px 0 160px;
  }

  .search {
    display:none;
  }
  .search-mb {
    display:block;
	position:absolute;
	top:34%;
	right:20px;
  }

  .btn_down {
	left:0;
    right:0;
  }

  .row-fluid {
    margin:0 auto;
  }
  .mc-list {
    width:28.8%;
  }
  p.mc-cup {
	margin-top:8%;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom:5px;
  }

  /* Sidenav */
  .bs-docs-sidenav {
    width:auto;
    margin-bottom:20px;
  }
  .bs-docs-sidenav.affix {
    position:static;
    width:auto;
    top:0;
  }

  /* Unfloat the back to top link in footer */
  .footer {
    display:none;
  }
  .footer-mb {
    display:block;
	background:#253340;
	text-align:center;
	margin:0 auto;
  }
  .footer-mb .container{
	padding:30px 0;
  }
  .footer-mb ul {
	margin:0;
  }
  .footer-mb li {
    font-size:14px;
	color:#9299a0;
	line-height:1.8;
	letter-spacing:-0.2;
  }
  .footer-mb li span {
    padding:0 5px;
  }
  .footer-mb li a {
	color:#9299a0;
  }
  .footer-mb li a:hover {
	color:#c3d2e0;
  }
  .footer-links {
	width:100%;
	background:#253340;
	margin:0 auto;
	padding-bottom:10px;
  }
  .footer-links ul, li {
    margin:0;
  }
  .footer-links li span {
	color:#ddd;
    padding:0 4px;
  }
  .footer-links li a {
    font-size:14px;
	font-weight:600;
	color:#ddd;
  }
  .footer-links li a:hover {
	color:#fff;
  }

  .scont {
	width:100%;
  }

  .sc-btn p{
	float:left;
	padding:10px 20px;
  }

  .scon-right {
	position:static;
	width:100%;
  }
  .cupon-cont p.cp-cup {
    margin-top:26%;
  }

  .qus-img {
    float:left;
    width:20%;
  }
  .qus-con {
    float:left;
    width:76%;
    margin-left:4%;
  }
  .qna_bsi li.qub-img {
    float:left;
	width:18%;
	margin-right:2%;
  }
  .qna_bsi li.qub-con {
	float:left;
	width:80%;
  }
}

@media (max-width:667px) {
  .jumbotron h1 {
	font-size:30px;
  }

  .cont-tap {
	display:inline-block;
	float:none;
	width:94%;
	margin:0 auto 10px;
  }
  .cont-tap li {
	width:33%;
  }
  .select-list {
	float:none;
	width:auto;
	text-align:center;
  }

  .mc-list {
    width:44%;
  }
  p.mc-cup {
	margin:20% 0 0;
  }

  .scont {
	width:100%;
  }

  .sc-btn p{
	float:none;
	padding:10px 20px;
	margin:0 10px 5px 0;
  }

  .scon-right {
	position:static;
	width:100%;
  }
  .cupon-cont p.cp-cup {
    margin-top:26%;
  }

  .qus-img {
    float:left;
    width:30%;
  }
  .qus-con {
    float:left;
    width:66%;
  }
  .qna_bsi li.qub-img {
    float:left;
	width:28%;
	margin-right:2%;
  }
  .qna_bsi li.qub-con {
	float:left;
	width:70%;
  }
}

/* Landscape phones
------------------------- */
@media (max-width:480px) {
  /* Remove padding above jumbotron */
  body {
    padding-top:0;
  }

  /* Change up some type stuff */
  h2 small {
    display:block;
  }

  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size:28px;
	line-height:1.4;
	padding:220px 0 140px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size:18px;
  }
  .jumbotron .btn {
    display:block;
    margin:0 auto;
  }

  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align:center;
  }

  /* Marketing on home */
  .marketing h1 {
    font-size:30px;
  }
  .marketing-byline {
    font-size:18px;
  }

  /* center example sites */
  .example-sites {
    margin-left:0;
  }
  .example-sites > li {
    float:none;
    display:block;
    max-width:280px;
    margin:0 auto 18px;
    text-align:center;
  }
  .example-sites .thumbnail > img {
    max-width:270px;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
  }

  /* Examples:dropdowns */
  .bs-docs-example-submenus > .pull-left {
    float:none;
    clear:both;
  }
  .bs-docs-example-submenus > .pull-left,
  .bs-docs-example-submenus > .pull-left + .pull-left {
    margin-left:0;
  }
  .bs-docs-example-submenus p {
    margin-bottom:0;
  }
  .bs-docs-example-submenus .dropup > .dropdown-menu,
  .bs-docs-example-submenus .dropdown > .dropdown-menu {
    margin-bottom:10px;
    float:none;
    max-width:180px;
  }

  /* Examples:modal */
  .modal-example .modal {
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
  }

  /* 추가 */
  .mc-list {
    width:92%;
  }
  .mc-list .mc-img {
    width:100%;
  }

  p.mc-cup {
	font-size:18px;
	margin:24% 0 10px;
  }
  p.mc-tit {
	font-size:22px;
  }
  p.mc-day {
	font-size:18px;
	margin:0;
  }

  p.btn_top {
    display:block;
    position:fixed;
    right:20px;
    bottom:20px;
	z-index:10;
  }
  p.btn_top a {
    background:#fa8f3e;
    border-radius:6px;
    padding:12px 16px;
  }
  p.btn_top a:hover {
    background:#da5c38;
  }

  /* Tighten up footer */
  .footer {
    padding-top:20px;
    padding-bottom:20px;
  }

  .scont {
	width:100%;
  }

  .sc-btn p{
	float:none;
	width:100%;
	padding:10px 0;
	margin:0 0 5px 0;
  }

  .scon-right {
	position:static;
	width:100%;
  }
  .cupon-cont p.cp-cup {
    margin-top:16%;
  }

  .qus-img {
    float:left;
    width:30%;
  }
  .qus-con {
    float:left;
    width:66%;
  }
  .qna_bsi li.qub-img {
    float:none;
	width:100%;
	margin-right:0;
  }
  .qna_bsi li.qub-con {
	float:none;
	width:100%;
  }
}

@media (min-width:320px) and (max-width:480px) {
  .mvisual .mv5 {
	background:url(../img/mvisual05.png) 26% 0% no-repeat;
  }
  .mvisual .mv6 {
	background:url(../img/mvisual06.png) 66% 0% no-repeat;
  }
  .mvisual .mv7 {
	background:url(../img/mvisual07.png) 44% 0% no-repeat;
  }
}