@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

/* common */
* {font-family:'Rounded M+ 1c',sans-serif;}
body {font-family:'Rounded M+ 1c',sans-serif;}
button:hover {opacity:0.6;}
a:hover {color:#886241 !important;}

/* breadCrumb */
.top-menu-title p {color:#886241;}

/* box */
.box   {font-size:16px;line-height:1.5;text-align:left;font-weight:400;}
.box1 {font-size:22px;line-height:1.25;text-align:center;padding:10px;margin-bottom:20px;color:#555;border-bottom:1px solid #888;border-top:2px solid #886241;}
.box2 {font-size:22px;line-height:1.25;text-align:center;padding:10px 20px;margin-bottom:20px;color:#fff;background:#886241;}
.box3 {font-size:22px;line-height:1.25;text-align:left;font-weight:bold;padding:5px 20px;margin-bottom:20px;color:#333;border-left:8px solid #886241;}
.box4 {font-size:16px;line-height:1.25;text-align:center;padding:20px 20px;margin-bottom:20px;border:2px solid #ccc;}
.box5 {font-size:22px;line-height:1.25;text-align:left;left: 500px;padding:13px 25px;margin-bottom:20px;background:#ddd;border-left: 8px solid #886241;color:#886241;}

/* text style */
.tit_01 {font-weight:800;font-size:40px;line-height:50px;text-align:center;color:#000;}
.tit_02 {font-weight:800;font-size:30px;line-height:38px;text-align:center;color:#000;}
.tit_03 {font-weight:400;font-size:30px;line-height:42px;text-align:left;color:#000;}
.tit_04 {font-weight:300;font-size:15px;line-height:27px;text-align:left;color:#000;}
.tit_05 {font-weight:300;font-size:20px;line-height:35px;text-align:left;color:#000;}/*font*/
.tit_06 {font-weight:400;font-size:12px;line-height:24px;text-align:left;color:#000;}

/* text style_vertical */
.tit_01_v {font-weight:800;font-size:40px;line-height:50px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:center;color:#000;}
.tit_02_v {font-weight:800;font-size:30px;line-height:38px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:center;color:#000;}
.tit_03_v {font-weight:400;font-size:30px;line-height:42px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:left;color:#000;}
.tit_04_v {font-weight:300;font-size:15px;line-height:27px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:left;color:#000;}
.tit_05_v {font-weight:300;font-size:20px;line-height:35px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:left;color:#000;}/*font*/
.tit_06_v {font-weight:400;font-size:12px;line-height:24px;letter-spacing:5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-tb;-ms-writing-mode:tb-rl;text-align:left;color:#000;}

/* sub_table */
.s_table01 {width:100%;margin:auto;}
.s_table01 th , .s_table01 td {border-width:1px 0;border-style:solid; border-color:#d0d4d9;}
.s_table01 th {font-size:18px;line-height:28px;padding:15px 25px;text-align:left;font-weight:bold;background:#f5f7f9;width:60%;}
.s_table01 td {font-size:16px;line-height:26px;font-weight:300;padding:15px;text-align:center;background:#fff;color:#ff0000;vertical-align:middle;}

.s_table02 {width:100%;margin:auto;}
.s_table02 th{font-size:16px;line-height:26px;text-align:center;border:3px solid #fff;padding:12px 3px;background:#333;color:#fff;}
.s_table02 td{font-size:16px;line-height:26px;text-align:center;border:1px solid #f1f1f1;padding:8px 3px;color:#333;}
.s_table02 th a {color:#fff;}

.s_table03 {width:100%;margin:auto;}
.s_table03 th{font-size:18px;line-height:26px;text-align:left;font-weight:900;border-bottom:1px dotted #ccc;padding:15px 10px;vertical-align:top;width:30%;color:#0d3b60;} 
.s_table03 td{font-size:16px;line-height:26px;text-align:left;font-weight:300;border-bottom:1px dotted #ccc;padding:15px 10px;color:#888;}

.s_table04 {width:100%;margin:auto;border-bottom:1px solid #bcbcbc;}
.s_table04 th{font-size:16px;line-height:1.25;text-align:left;border-bottom:1px dotted #ccc;padding:8px 10px;vertical-align:top;color:#313131;} 
.s_table04 td{font-size:16px;line-height:1.25;text-align:right;border-bottom:1px dotted #ccc;padding:8px 10px;color:#d10000;}

.s_table05 {width:100%;border-bottom:solid 1px #e4e4e4;}
.s_table05 th {font-size:16px;padding:20px;border-width:1px 1px 0 1px;border-style:solid;border-color:#e4e4e4;background:#f8f8f8;line-height:1;letter-spacing:0.1em;width:200px;}
.s_table05 td {font-size:14px;padding:20px;border-width:1px 1px 0 1px;border-style:solid;border-color:#e4e4e4;}

/* button */
.btn01 {font-size: 16px;color: #000;font-weight:200; width:100px;margin:0 auto;float:left;bottom:0px;border:0px;background:#eee;padding: 5px 0px;}
.btn02 {font-size: 16px;color: #fff;font-weight:200; width:150px;margin:0 auto;border:1px solid #fff;background:none;padding:12px 0px 14px 0px;}
.btn01:hover {color: #fff;background:#886241;transition:all 0.3s;border:1px solid #fff;}
.btn02:hover {color: #a6937c;background:#fff;transition:all 0.3s;border:0px solid #fff;}

/*Board*/
.Board .m_titbox-type {width:180px;writing-mode:lr-tb;-webkit-writing-mode:lr-tb;-ms-writing-mode:lr-tb;border-bottom:2px solid #999;}

/*Board mod_article01*/
.mod_article01 .time {color:#fff;background:#886241;}
.mod_article01 .tit {color:#000;;}

/*Board mod_article02*/
.mod_article02 .time {;color:#fff;background:#886241;}
.mod_article02 .tit {color:#000;}
.mod_article02 .txt {color:#999;}

/*Board mod_article03*/
.mod_article03 .time {color:#fff;background:#886241;}
.mod_article03 .tit {color:#000;}
.mod_article03 .txt {color:#999;}

/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {

  /* header for nav */
  .P-nav-logo {padding:20px 20px;font-size:30px;line-height:46px;color:#777;z-index:999;}
  .P-nav-logo img {width:180px;}

  /* Nav links */
  .P-nav-item {position:relative;display:inline-block;padding:30px 20px;font-weight:500;color:#111;}
  .P-nav-item:hover,.P-nav-item:focus {color:#000;text-decoration:none;}

  /* main _ slide */
  .main-slider {overflow:hidden;}
  .main-slide-text {position:relative;width:1200px;margin:0 auto;text-align:center;z-index:1;}
  .main-slide-text .visual-text {position:absolute;width:100%;margin:auto;padding-top:180px;color:#fff;}
  .main-slide-text .visual-text span {background:#fff;font-size:15px; padding:10px 3px;vertical-align:top;display:block; margin-right:10px;}
  .main-slider {width:100%;overflow:hidden;}
  .main-slider li {position:relative;width:100%;height:530px;overflow:hidden;background-size:100% auto;overflow-y:auto;}

  /* main _ contents */
  .P-contents {width:100%;position:relative;display:block;overflow-x: hidden;}
  section {width:100%;margin:0px auto 100px auto;overflow:hidden;}

  .m_titbox {width:100px;margin-right:0;display:inline-block;}
  .m_titbox-type {text-align:left;font-size:28px;writing-mode:vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode:tb-rl;letter-spacing:5px;color:#886241;}
  .m_titbox-type span {color:#888;font-size:15px;padding-top:8px;letter-spacing:5px;}
  .m_titbox-type_w {text-align:left;font-size:28px;line-height:40px;writing-mode:vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode:tb-rl;letter-spacing:5px;margin-bottom:50px;color:#fff;}
  .m_titbox-type_w span {font-size:15px;padding-top:8px;letter-spacing:5px;}

  /*section_01*/
  .section_01 {width:100%;margin:0px 0px 0px 0px;padding:0px 0 30px 0;position:relative;background:#886241;}
  .about_bg {position:absolute;z-index:1;bottom:10px;right:10%;overflow:hidden;}

  .about_content {width:100%;max-width:1200px;overflow:hidden;}
  .about_img {width:60%;padding:45px 0;float:left;margin-right:5%;}
  .about_img img {width:100%;max-width:700px;}

  .about_txt {width:34%;padding:60px 0 0 0;margin:0;float:left;position:relative;z-index:999;}
  .about_txt .m_titbox {width:30%;max-width:100px;margin-right:6%;float:left;}
  .about_txt .tit_04_v {width:60%;height:400px;float:right;line-height:35px;color:#fff;}

  /*section_02*/
  .section_02 {width:100%;margin:50px 0px;position:relative;overflow:hidden;background:#fff;}

  .category_content {width:678px;height:410px;margin:0 auto;}
  .cate_box {width:192px;height:450px;float:left;margin-right:50px;padding:30px;border:1px solid #000;}
  .cate_box:last-child {margin-right:0;}

  .cate_img {text-align:center;margin-bottom:20px;}
  .cate_img img {width:100%;max-width:111px;}
  .cate_box .m_titbox-type {margin:8px auto 0 auto;}
  .cate_box .p_btn {width:100px;margin:90px auto 0 auto;}
  .cate_box .p_btn_1 {width:100px;margin:21px auto 0 auto;}

  /*section_03*/
  .section_03 {width:100%;margin:0px auto 0px auto;position:relative;overflow:hidden;background:#fff;}
  .menu_bg {width:100%;position:absolute;top:0;left:0;z-index:0;}

  .menu_content {position:relative;z-index:5;margin-top:90px;float:right;}
  .menu_box {width:400px;height:535px;padding:40px;background:rgba(89,73,63,0.8);}
  .menu_box .m_titbox-type_w {margin-bottom:20px;}
  .menu_box .tit_04 {color:#fff;margin-bottom:25px;}

  /*SNS_link*/
  .SNS_link {width:100%; height: 300px; }
  /*.SNS_link {width:100%;height:220px  !important;}*/
  /*.call_box {width:300px;margin:30px auto;float:left;}*/
  .call_box {width:300px;margin:60px auto;float:left;}
  .call_txt {width:300px;height:70px;margin-bottom:20px;}

  .sns_content .sns_box {width:50px;margin:10px auto 10px 50px;float:left;}
  .sns_content .sns_box a:nth-child(1) {background:#886241;margin-right:0;}
  .sns_content .sns_box a:nth-child(2) {background:#555;}
  .sns_content .sns_box a:nth-child(3) {background:#888;margin-right:0;}
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {	

  /* header for nav */
  .P-nav-logo {padding:18px 0 18px 20px;font-size:24px;line-height:33px;}
  #btn-top-menu {width:38px;float:right;padding-top:20px;margin-right:15px;}

  /* main _ slide */
  .main-slider {width:100%;display:none;}
  .main-slide-text .visual-text {width:100%;}
  .main-slide-text .visual-text {width: auto;padding-top:50px;left: 3%;}
  .main-slide-text .visual-text span{}
  .main-slider li {position:relative;width:100%;height:535px;overflow:hidden;background-size:100% auto;}
  .wrap ul.slides{width:100%;overflow:hidden;}
  .wrap ul.slides li{position:relative;width:100%;overflow:hidden;background-size:100% auto;background-position:center center;}

  /*section_01*/
  .section_01 {}
  .about_bg {right:-10%;}

  .about_content {}
  .about_img {width:100%;}

  .about_txt {width:100%;padding:40px 0;margin:0 auto 0 15%;}
  .about_txt .tit_04_v {float:left;}

  /*section_02*/
  .category_content {width:100%;}
  .cate_box {width:31%;margin-right:3%;}

  .cate_img {}
  .cate_box .m_titbox-type {}

  /*section_03*/
  .section_03 {}
  .menu_bg {left:-50%;}

  .menu_content {}
  .menu_box {}
  .menu_box .m_titbox-type_w {}
  .menu_box .tit_04 {}

  /*SNS_link*/
  /*.SNS_link {width:100%;height:230px  !important;}*/
  .SNS_link {width:100%;height:550px;}
  /*.sns_content {width:300px !important;margin:0 auto;}*/
  .sns_content { margin:0 auto; max-width: 1100px!important;}

  .call_box {width:270px;margin:30px auto;overflow: hidden;float:none;}
  .call_txt {width:270px;height:70px;margin-bottom:20px;}
  .call_txt .ct_02 {width:220px;padding-top:13px;}
  .call_txt .ct_02 .tit_05 {color:#162139;line-height:15px;}
  .call_box .tit_04 {text-align:center;}

  .sns_content .sns_box {margin:30px auto;float:none;}
  .sns_content .sns_box a {float:left;}
}


/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {	  
  /* sub_table */
  .s_table02 th, .s_table03 th, .s_table05 th {width:auto;display:block;padding:10px 13px;}
  .s_table02 td, .s_table03 td, .s_table05 td {width:auto;display:block;padding:10px 13px;}

  /* sub_table */
  .s_table01 th {font-size:14px;padding:10px 13px;}
  .s_table01 td {font-size:14px;padding:10px 13px;}

  /* main _ slide */
  .main-slide-text .visual-text {padding-top:35px;}

  /*section_01*/
  .about_bg {right:-30%;}

  .about_txt {margin:0 auto 0 0%;padding:80px 0;float:none;}
  .about_txt .m_titbox {width:34%;}
  .about_txt .tit_04_v {padding-bottom:50px;}

  /*section_02*/
  .cate_box {width:100%;margin-right:0%;margin-bottom:30px;}

  /*section_03*/
  .menu_bg img {width:200%;}

  .menu_content {float:none;}
  .menu_box {width:100%;}
}

/* mobile [0 ~ 320px] */
@media all and (max-width:320px) {	
  .menu_box {height:580px;}
}



/* PC [ 769px ~ ] */
/* etc */
.box01_content {width:100%;overflow:hidden;margin:0 auto 70px auto;}
.box01_left {float:left;margin-right:2%;}
.box01_right {float:right;}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  /* etc */
  .box01_left {width:100% !important;float:left;margin-right:0px;margin-bottom:20px;}
  .box01_right {width:100% !important;float:left;}
}

.facebook_container {float: right; width: 60%; height: 450px;}
.wrapper-fb {
  width:70% !important;
  margin-top:25px !important;
  margin: 0% 5%;
  float: right;
}
@media all and (max-width:768px) {
  .facebook_container { float: right; width: 90%; height: 300px; }
  .wrapper-fb {
    width:100% !important;
    margin-top:25px !important;
    margin: 0% 5%;
    float: right;
    text-align: center;
  }
}


/*
  예제 페이지들을 위해 넣음
 */