@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Karma:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
/* 초기화 */
html {overflow-y:auto;height:100%;}
body {margin:0;padding:0;font-size:1em;background:#ffffff;color:#6c6c6c;height:100%;font-family:'Noto Sans KR','sans-serif';letter-spacing:-0.03em;word-break:keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR'}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Noto Sans KR';}
textarea {-webkit-appearance:none}

p {margin:0;padding:0;word-break:keep-all}
div {word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
input:required {outline:none;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#custom_popup {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;}
#custom_popup > .inner {position:absolute;left:50%;top:20px;width:29%;cursor:pointer;}
#custom_popup > .inner > img {display:block;width:100%;}
#custom_popup > .inner > .action {position:relative;padding-left:10px;background:#333;font-size:0.875em;color:#fff;}
#custom_popup > .inner > .action > div {height:24px;}
#custom_popup > .inner > .action > .close_btn {display:block;position:absolute;right:10px;top:4px;width:15px;height:15px;background:url('../img/close_btn.gif') center no-repeat;}

/* 메뉴 팝업시 바디 스크롤 안되도록 */
#body_wrap {overflow:hidden;height:auto;-webkit-overflow-scrolling:touch;position:relative;padding:0px;margin:0px;}
#body_wrap.no-scroll {overflow:hidden;height:100%;position:fixed;}
#temp_msg_box {display:none;position:fixed; width:300px; height:220px; left:50%; top:50%; 
	margin:-110px 0px 0px -150px;z-index:100000;border:1px solid #aeaeae;
	background:#ffffff;padding:15px; font-size:0.9em; text-align:center; 
	line-height:160%; box-shadow:0 0 7px #8d8d8d}
#temp_msg_box.view {display:block;}
#temp_msg_box span {display:block; margin:7px auto; background:#4d4d4d; color:#ffffff; width:80px;}
.bo_v_tit i {color:#aeaeae;}
.top_h {height:177px;visibility:hidden;}
.top_h.scroll {height:40px;visibility:hidden;}
.pc {display:block;}
.mobile {display:none;}
.pc.in {display:inline;}
.blank img {width:100%;}

th.pc, td.pc {display:table-cell;}
tr.pc {display:table-row;}

.box_wrap {width:100%;overflow:hidden;margin:0px;padding:0px;}
.box1 {float:left;display:block;padding:0px;margin:0px;}
.w30 {width:30%;}
.w70 {width:70%;}
.w100 {width:100%;}

.h70 {height:70px;}

.h05 {height:5px;}
.h_section {height:100px;}
.h_public {height:30px;}
.h_title {height:20px;}
.h30 {height:30px;}

.pa20 {padding:20px 0px}
.ar {text-align:right;}
.al {text-align:left;}
.ac {text-align:center;}

.fix_box {width:100%;min-width:320px;max-width:1120px;margin:0px auto;padding:0px;position:relative;}
.fix_box:after {display:block;visibility:hidden;clear:both;content:""}

.blank {display:block;overflow:hidden;clear:both;float:none;}
.blank:after {display:block;visibility:hidden;clear:both;content:""}

.bold {font-weight:500;}
.stop_h {height:30px;}
.tmg_no {margin-top:0px;}
.tpa_no {padding-top:0px;}
.mg_big {margin-top:30px;}
.mg_mid {margin-top:30px;}
.mg_small {margin-top:20px;}
.mg_tiny {margin-top:20px}

.mgb_big {margin-bottom:30px;}
.mgb_mid {margin-bottom:30px;}
.mgb_small {margin-bottom:20px;}
.mgb_tiny {margin-bottom:20px;}

.pa_big {padding-top:30px;}
.pa_mid {padding-top:30px;}
.pa_small {padding-top:20px;}
.pa_tiny {padding-top:20px;}

.pab_big {padding-bottom:30px;}
.pab_mid {padding-bottom:30px;}
.pab_small {padding-bottom:20px;}
.pab_tiny {padding-bottom:20px;}

span.br {display:block;clear:both;width:100%;}

ul.page_img3 {clear:both;width:100%;overflow:hidden;padding:0px;margin:0px;}
ul.page_img3 li {width:32%;float:left;margin:0px;padding:0px;margin-right:5px;margin-bottom:5px;overflow:hidden;}

ul.page_img3_hfix li {width:33%;height:auto;vertical-align:top;float:left;text-align:center;margin:0px;padding:0px}
ul.page_img3_hfix li img {height:400px;width:auto}
ul.page_img3_hfix li p {font-size:0.8em;}

.word_title {font-size:1.6em;border-bottom:1px soild #dddddd;margin:50px 0px 30px 0px;font-weight:400}
.word_title1 {font-size:1.2em;padding:10px 0px;font-weight:400;}

.page_title {font-size:1.1em;font-weight:300;text-decoration:underline;}

#page_view {display:none;}

/* 메뉴 스타일 */
#logo {margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;width:100%;text-align:center;border:0px;height:130px;position:relative;background:#ffffff;}

#top_login {width:450px;position:absolute;z-index:1001;right:10%;top:59px;text-align:right;}
#top_login a {display:inline-block;font-size:0.7em;color:#4e4e4e;font-weight:500;}
#top_login a.gubun {height:10px;width:1px;background:#4e4e4e;margin:0px 15px;}
#top_login .community {background:#4e4e4e;color:#ffffff;margin-left:5px;padding:0px 5px 0px 5px;letter-spacing:0em;font-size:0.58em;}

#top_link {width:180px;position:absolute;z-index:1001;left:10%;top:55px;text-align:left;}
#top_link .link {display:inline-block;*display:inline;zoom:1;}
#top_link .link_line {display:inline-block;*display:inline;zoom:1;height:10px;width:1px;background:#4e4e4e;margin:0px 7px;}

.right_top_icons {display:block;position:relative;text-align:right}
.right_top_icons div {display:inline-block;vertical-align:middle;text-align:center;}
.right_top_icons div a {font-weight:100;}
.right_top_icons div.link_line {width:1px;height:10px;margin:0px 7px;background:#4e4e4e;}
.right_top_icons .mem_photo {width:21px;display:block;margin:0px auto;border-radius:2px;overflow:hidden;}
.right_top_icons .mem_photo img {width:100%;}

#menu {display:block;width:100%;margin:0px auto;padding:10px 0px;text-align:center;position:relative;min-width:320px;background:#ffffff;}
#menu li {display:inline-block;padding:2px 2px 0px 2px;margin:3px 0px 0px 1.7%;font-size:0.9em;font-weight:500;text-align:center;position:relative;}
#menu li.first-child {margin-left:0px;}
#menu li a {color:#4e4e4e;display:block;padding:0px 2px}
/* #menu li a img.nosc_img {margin-bottom:2px;display:inline;}*/
#menu li a:hover {color:#f1b31c;}
#menu li.over a {color:#f1b31c;}
#menu li.on a {color:#f1b31c;}

.sub_nav {display:none;position:absolute;width:100%;background:#ffffff;text-align:center;margin:-1px 0px 0px 0px;padding:15px;border-bottom:1px solid #c2c2c2;z-index:100}
.sub_nav a {display:inline-block;*display:inline;zoom:1;padding:3px 10px;color:#5c5c5c;font-weight:400;font-size:0.8em;}
.sub_nav a:hover {color:#5c5c5c;font-weight:700}
.sub_nav a.on {font-weight:700;}
.sub_nav .sub_wrap {width:100%;max-width:1450px;margin:0px auto;}

#hd_wrapper {position:fixed;
          width:100%;
          min-width:320px;
          margin:0px auto 0px auto;
          height:auto;
          padding:0px 0px 0px 0px;
          text-align:left;
          z-index:1000;
          top:0px;left:0px;
          }
.scrollHide {background:#ffffff;width:100%;overflow:hidden;height:auto;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper.scroll #top_link {display:none;}
#hd_wrapper.scroll #top_login {display:none;}
#hd_wrapper.scroll #menu {padding:10px 0px;}
.menu_shadow {display:none;position:absolute;left:0px;background:transparent url(/theme/meclinic/img/menu_shadow.png) repeat-x top left;height:12px;width:100%;overflow:hidden;z-index:1}
.menu_shadow.scroll {display:block;}



/* 모바일 메뉴 스타일 */
#m_menu_top {background:#ffffff;height:76px;overflow:hidden;text-align:left;padding:0px 50px}
#m_menu_top #m_logo {margin-top:8px;}

#m_menu {position:fixed;left:-300px;top:0px;width:100%;padding-top:141px;height:100%;display:none;z-index:1000;-webkit-transform: translateZ(1000);}
#m_menu ul {overflow-y:auto;background:#ffffff;height:100%;}
#m_menu li {width:100%;clear:both;float:none;padding:0px;margin:0px;font-size:1.05em;}
#m_menu div {padding:0px;margin:0px;overflow:hidden;font-size:1em;font-weight:400}
#m_menu a {color:#404040;display:block;position:relative;padding:10px 0px 10px 50px;font-weight:400}
#m_menu a img {right:50px;position:absolute;top:50%;margin-top:-5px;}
#m_menu .sub_menu {display:none;}
#m_menu li.on .sub_menu {display:block;padding:0px;margin:0px;}
#m_menu li div a {;background:#f5f5f5;color:#7b7b7b;padding:7px 0px 7px 70px;}
#m_menu h1 {font-size:2.2em;font-weight:100;text-align:center;padding:20px 0px;color:#3d3d3d;background:#eaeaea;}
#m_menu_top .close {position:absolute;left:20px;top:20px;border:0px;display:none;}
#m_menu a.active {background:#d1d1d1;color:#ffffff;}
#m_menu .m_login {width:47%;margin:2% 1% 2% 2%;float:left;display:inline-block;border:2px solid #aeaeae;padding:0px;}
#m_menu .m_join {width:47%;margin:2% 2% 2% 1%;float:left;display:inline-block;border:2px solid #aeaeae;padding:0px;}
#m_menu .m_login a {display:block;height:35px;line-height:35px; color:#aeaeae;text-align:center;padding:0px;margin:0px}
#m_menu .m_join a {display:block;height:35px;line-height:35px; color:#aeaeae;text-align:center;padding:0px;margin:0px;}
#m_menu_btn a {color:#7b7b7b;display:block}
#m_menu li .hide_img {display:none;}
#m_menu li .show_img {display:block;}

#m_menu li.on .hide_img {display:block;}
#m_menu li.on .show_img {display:none;}

#quick {width:100%;height:65px;padding:15px 50px 0px 50px;margin:0px;background:#ededed;position:relative;text-align:center;overflow:hidden;color:#4a4a4a;font-size:1.4em;line-height:100%;display:flex;justify-content:space-between;}
#quick a {color:#4a4a4a;font-weight:400}
#quick div{margin:0px 0px;padding:0px 0px;overflow:hidden;}
#quick div.top_sns {margin:0px;}
#quick div.top_sns_gubun {margin:0px 3%;}
#quick div.top_sns img {width:34px;margin-right:5px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:absolute;height:185px;width:100%;min-width:320px;top:0px;left:0px;}
#sub_back {width:100%;min-width:320px;display:table;text-align:center;height:480px;padding:0px;margin:0px 0px 0px 0px;position:relative;}
#sub_back .sub_title_line {width:30px;height:1px;background:#ffffff;padding:0px;margin:0px auto 15px auto;}
#sub_back h3 {font-size: 3.2em;color: #fff;text-align: center;font-weight: 400;position: relative;padding:0px;margin:0px;letter-spacing:-2px}
#sub_back h3 span {font-weight:700;}
#sub_back p {color:#ffffff;letter-spacing:0.4em;padding:0px 0px 0px 0.2em;margin:0px auto 0px auto;;width:50%;font-size:1.2em;text-align:center;}
#sub_back .inner_box {display:table-cell;width:100%;height:100%;vertical-align:middle;z-index:2;position:relative;}
#sub_back .sub_back_m {display:none;}

#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size: 16px;}
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}

#gnb a {display:block;color:#efefef}
.gnb_1dli{position:relative;line-height:40px;}
.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d}
.gnb_2dul {display:none;}
.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
#gnb_close {
  display:block;
  margin:0;
  height:50px;
  width:100%;
  border:0;
  background:#222222 url(../img/mobile/btn_close.png) no-repeat right 50% ;
  background-size:25px;
  color:#fff;
  text-indent:-999999999px;
  overflow:hidden}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:200px;height:45px;background:#464646;border:0;padding-left:10px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;color:#fff}

#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a{display:block;color:#717171;padding:20px 0}
#hd_nb li i{font-size:20px;}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */
#wrapper {width:100%;padding:0px;margin:0px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;height:100%;padding:0px;margin:0px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.3em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);
}
.top{position:relative}
.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
#container_title.fixed{width:100%;}

/* 하단 레이아웃 */

#ft {width:100%;clear:both;margin:0px;padding:30px 0px;color:#4f4f4f;background:#f6f6f6}
#ft p {text-align:center;font-size:0.75em;line-height:160%;}
#ft .addr {text-align:left;}
#ft .addr {width:100%;margin:0px auto;max-width:820px;}
#ft_copy {padding:10px;line-height:2em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child{border:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ffffff;background:#2d2d2d;}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.9em;letter-spacing:-0.01em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{
  font-size:0.75em;letter-spacing:0;
  display:inline-block;padding:0px 30px;height:36px;line-height:36px;
  -webkit-appearance:none;

  }
a.btn_st1 {background:#7f7f7f;color:#ffffff;border-radius:30px;box-shadow:0px 5px 7px #bebebe;}
a.btn01 {display:inline-block;border:1px solid #464553;background:#ffffff;color:#464553;text-decoration:none;vertical-align:middle;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:0px 10px;border:1px solid #ccc;background:#ededed;color:#000;text-decoration:none;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn02 {display:inline-block;border:1px solid #2d2d2d;background:#464553;color:#fff;text-decoration:none;vertical-align:middle;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {border:0;background:#464553;color:#fff;cursor:pointer;box-shadow:0 5px 7px #bebebe;border-radius:30px;padding:0px 30px}
button.btn_admin {background:#2d2d2d;border:1px solid #2d2d2d;color:#ffffff;box-shadow:0 5px 7px #bebebe;border-radius:30px;padding:0px 30px}
fieldset .btn_submit {}
a.btn_cancel {display:inline-block;background:#fff;border:1px solid #3d3d3d;color:#000;text-decoration:none;vertical-align:middle;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
button.btn_cancel {display:inline-block;;border:1px solid #3d3d3d;background:#fff;color:#000;vertical-align:top;text-decoration:none;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;box-shadow:0 5px 7px #bebebe;border-radius:30px;} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#ffffff;color:#464553;text-decoration:none;vertical-align:middle;border:1px solid #464553;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block;background:#464553;color:#fff;border:1px solid #464553;text-decoration:none;vertical-align:middle;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:40px;height:40px;border:1px solid #464553;color:#464553;background:none;text-decoration:none;vertical-align:middle;box-shadow:0 5px 7px #bebebe;border-radius:30px;}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#2d2d2d;color:#fff;border:1px solid #464553;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#3d3d3d;font-weight:300;text-align:left}

.tbl_head01 {font-size:0.85em;}
.tbl_head01 caption {padding:0 0 10px;color:#3d3d3d;font-weight:300;text-align:left}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #464553;border-bottom:1px solid #aeaeae;background:#f6f6f6;color:#4d4d4d;text-align:center;font-weight:500;letter-spacing:0}

.tbl_head01 thead a {color:#3d3d3d}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-bottom:1px solid #464553;background:#ffffff;color:#464553;}
.tbl_head01 tfoot td {border-color:#dddddd;background:#ffffff;color:#3d3d3d;font-weight:400;text-align:center}
.tbl_head01 tbody th {padding:7px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-weight:400}
.tbl_head01 td {padding:7px 0px;border-bottom:1px solid #dddddd;font-weight:400;}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:400;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 0px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;}

/* 기본폼 */
.form_01{margin:10px 0px}
.form_01 .write_div{margin:5px 0;position:relative;padding:3px 0px}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#9d9d9d;vertical-align:middle;padding:5px;}
.form_01 textarea:focus, .frm_input:focus {color:#4d4d4d;}
.form_01 textarea:valid, .frm_input:valid {color:#4d4d4d;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;}
.full_input{width:100%}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right 50% !important;}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:10px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.td_num2 {width:20px;}
.bo_tit {padding-left:10px;}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

#bo_v_con ul {margin:5px 0px;padding-left:30px}
/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;margin:0 0 20px;display:inline-block;font-weight:bold}

/* 검색결과 색상 */
.sch_word {color:#317abf}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#4d4d4d;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center;font-size:0.8em}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;margin:0px 1px;padding:0px;width:25px;height:25px;color:#464553;line-height:24px;text-align:center;vertical-align:middle;border-radius:50%;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#ffffff;border:1px solid #464553;}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#464553;color:#fff;font-weight:normal;}

.memo_box {border-top:1px solid rgba(0,0,0,0.275);border-bottom:1px solid rgba(0,0,0,0.275);margin: 10px 0 5px;}
.memo_line {padding:3px 0}
.qa_link a, .mono a {color:#5a5a5a}
.qa_link a:hover, .mono a:hover {text-decoration:none;color:#333}

#ans_datetime {margin-top:10px;}

.p_lb {padding:0 10px 10px 0}

/* about me */
.box_wrap .box1 {
  overflow:hidden;
  margin:0px;
  padding:0px;
  float:left;
  vertical-align:top;
  display:block;
  text-align:center;
}
.box_wrap p {
  font-size:0.81em;
  letter-spacing:-0.4px;
}
.page_wrap h3 {
  padding:40px 0px 20px 0px;
  font-weight:600;
  font-family:'Titillium Web';
}
.page_wrap h5 {
  padding:15px 0px 7px 0px;
  margin:0px;
  font-weight:500;
}
.form-check-inline .form-check-label {display:inline;}

/* steps style */
.line1 {display:block;width:100%;clear:both;height:2px;border:0px;background:#dddddd;margin:30px 0px;}
.steps .red {color:#ff0000;font-size:1.1em;}
.steps ul {list-style:disc;margin:0px;padding:0px;}
.steps li {padding:2px 0px 2px 5px;margin:0px 0px 0px 40px;}
.steps ol {list-style-type:decimal;}
.steps h6 {padding-top:15px;}
.col img {width:100%;}
.msg_sound_only {display:none;}


.icon {text-align:center;}
.lt_title {font-size:2.8em;font-weight:500;text-align:center;margin:0px;letter-spacing:-1.5px;line-height:1em;}
.lt_title:after {display:block;visibility:hidden;clear:both;content:""}
.lt_title span {text-align:center;}
.lt_title .topline {width:50px;height:2px;background:#8b8b8b;margin:5px auto;overflow:hidden;}

.lt_title a {color:#8b8b8b;}
.lt_title a:hover {text-decoration:none;}


.lt_title .small {font-size:0.3em;color:#8b8b8b;letter-spacing:0.3em;font-weight:400;line-height:1em;padding:5px 0px 0px 0px}

.container:after {display:block;visibility:hidden;clear:both;content:""}
.ft {width:100%;clear:both;margin:0px auto;padding:30px 0px;color:#4f4f4f;background:#f6f6f6}
.ft p {text-align:center;font-size:0.7em}


#main_location .left {width:50%;float:left;overflow:hidden;position:relative;}
#main_location .left .text_box {background:rgba(0, 0, 0, 0.5);color:#ffffff;text-align:right;position:absolute;bottom:0px;left:0px;width:100%;}
#main_location .left .text_box a {display:block;color:#ffffff;padding:10px}
#main_location .left img {width:100%;}
#main_location .right {width:50%;float:right;overflow:hidden;padding-left:3%;position:relative;color:#8b8b8b}
#main_location .right .title1 {font-size:1.9em;padding:0px 0px 3px 0px;font-weight:500}
#main_location .right .addr {font-size:1.25em;}
#main_location .right dl {width:100%;display:block;font-size:1.3em;padding:0px 0px 7px 0px;margin:0px;color:#8b8b8b;overflow:hidden;}
#main_location .right dt {width:40%;display:block;float:left;font-weight:500;padding:0px;margin:0px}
#main_location .right dd {width:60%;display:block;float:left;font-weight:400;font-size:1.15em;text-align:right;padding:0px;margin:0px;}
#main_location .right dl.sat {color:#183986;}
#main_location .right dl.sun {color:#ca2c19;}

.page_sub_title {font-size:2.4em;display:block;clear:both;float:none;padding:10px 0px;margin-bottom:20px;border-bottom:8px solid #dcdcdc;color:#767676}

/* sns style */
#sns {padding:0px;text-align:center;}
#sns div {display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin:0px 0px;width:20%;text-align:center}
#sns div.sns_line {height:25px;width:1px;background:#b5b5b5;}
#sns div img {width:45px;}

/* main real_selfie style */
#real_selfie {width:100%;overflow:hidden;}
#real_selfie .item_box {width:16.6%;height:auto;float:left;}
#real_selfie .item_box img {width:100%;}
#real_selfie .item_box .selfie_before {display:none;}
#real_selfie .item_box .selfie_after {}

/* site map */
#site_map {width:100%;max-width:1120px; margin:30px auto 30px auto; border-top:1px solid #b8b8b8; text-align:center;padding-top:5px}
#site_map ul {display:inline-block; vertical-align:top;width:19%; margin:0px 0%; text-align:left;}
#site_map div {padding:1px 0px; color:#858585;letter-spacing:-0.1em;}
#site_map ul > p {padding:10px 0px ; font-weight:700; color:#505050;}
#site_map ul > p a {color:#505050;}
#site_map ul > p a:hover{color:#505050;text-decoration:underline;}
#site_map a {color:#858585;}
#site_map a:hover {color:#858585;text-decoration:underline;}
#site_map .cate1 > p {font-size:1em;text-align:left;}
#site_map .cate2 > p {font-size:0.75em;padding:0px 0px;letter-spacing:-0.01em;text-align:left;}

#site_map .cate2_wrap {padding-bottom:10px;width:100%;clear:both;display:block;}

#site_map div {float:left; width:100%;padding-right:2%;}
#site_map .box2 {width:34%;}
#site_map .box2 .cate2_wrap div {float:left;width:50%;}

/* mobile style */
#m_logo {width:20%;text-align:left;float:left}
#m_logo img {width:47px;}
#m_menu_btn {position:absolute;left:25px;top:25px;z-index:10100;font-size:1em;line-height:100%;border:1.5px solid #7b7b7b;padding:2px 5px 4px 5px;  }
#m_community_btn {position:absolute;right:25px;top:25px;z-index:10100;font-size:1em;line-height:100%;border:1.5px solid #7b7b7b;padding:2px 5px 4px 5px;  }
#m_community_btn a {color:#7b7b7b;display:block;}
#m_menu_btn img {margin-top:-5px}
#top_btn_wrap {width:80%;float:right;margin-top:17px;text-align:right;}
#top_btn_wrap div {display:inline-block;font-size:0.73em;font-weight:300;color:#4a4a4a;cursor:pointer;text-align:center;vertical-align:bottom;}
#top_btn_wrap div img {margin-bottom:3px;}
#top_btn_wrap div a {color:#4a4a4a;}
#top_btn_wrap div.mtop_board_btn {margin:0px 2%;text-align:center;}
#top_btn_wrap div.mtop_menu_btn {margin-top:2px;margin-left:5%;text-align:center;width:29px}
#top_btn_wrap div.mtop_login_btn {text-align:center;}
#top_btn_wrap div.mtop_login_btn img {width:22px;}
#top_btn_wrap div.mtop_board_btn img {width:22px;}
#top_btn_wrap div.mtop_call_btn {margin-right:2%;margin-top:0px;margin-bottom:0px;}
#top_btn_wrap div.mtop_call_btn img {width:23px;margin:0px;margin-bottom:3px}
#top_btn_wrap div.mtop_myinfo_btn {display:inline-block;}
#top_btn_wrap div.mtop_myinfo_btn .mem_photo {width:25px;height:25px;border-radius:5px;display:block;overflow:hidden;margin:0px auto 3px auto;clear:both}
#top_btn_wrap div.mtop_myinfo_btn .mem_photo img {width:100%;}
#top_btn_wrap div.mtop_myinfo_btn .mem_photo a {display:block;}
#top_btn_wrap div.mtop_myinfo_btn span {display:block;}
#top_btn_wrap div.mtop_shop_btn {text-align:center;}
#top_btn_wrap div.mtop_shop_btn img {width:24px;}
#top_btn_wrap div.mtop_reservation_btn {margin:0 0 0 2%;}
#top_btn_wrap div.mtop_reservation_btn img {width:22px;}

#top_btn_wrap .mtop_menu_btn p {text-align:center;font-size:1em;}
#top_btn_wrap .mtop_menu_btn div {
  -webkit-transition: all 0.3s;
  transition : all 0.3s;
  height:2px;
  background:#4a4a4a;
  overflow:hidden;
  width:24px;
  display:block;
  margin:0px auto 7px auto;
  
}
#top_btn_wrap .mtop_menu_btn div.line3 {margin:0px auto 2px auto;}

#top_btn_wrap .mtop_menu_btn.on div.line1 {
  transform : rotate(-40deg) translate(-6.8px, 6px);width:26px;

}
#top_btn_wrap .mtop_menu_btn.on div.line2 { opacity:0;}
#top_btn_wrap .mtop_menu_btn.on div.line3 {
  transform : rotate(40deg) translate(-6.8px, -6px);width:26px;
}

/* Consultation */
.counsel {width:100%;padding:80px 0px;margin:0px;}
.counsel .line1 {width:80px;display:block;margin:0px;height:2px}
.counsel .left {width:40%;float:left;color:#ffffff}
.counsel .left .title {font-size:2em;padding:10px 0px}

.counsel .right {width:50%;float:right;margin-left:10%;}
.counsel table {width:100%;}
.counsel th {color:#ffffff;text-align:right;padding:3px 5px 3px 0px;width:100px}
.counsel td {padding:5px 0px;}
.counsel .btn_td {width:137px;text-align:center;}


.answer_info {padding:7px 5px;margin:10px 0px 5px 0px;border-top:1px solid #dddddd;overflow:hidden;}
.answer_info .datetime {font-size:0.8em;color:#9d9d9d;}

.about_me {text-align:center;}

.about_me .title {font-size:2em;font-family:'Karma';font-weight:600;padding:0px;color:#585858;letter-spacing:-0.3px}
.about_me .point {color:#f1b31c;}
.about_me .desc {font-size:1.4em;font-weight:400;line-height:160%;letter-spacing:-0.5px}

span.br {clear:both;display:block;float:none;}
#loading {display:none;position:fixed;left:50%;top:50%;margin-left:-100px;margin-top:-100px;z-index:10008;overflow:hidden  }
#loading_back {width:100%;height:100%;position:fixed;z-index:10005;display:none;background:rgba(0,0,0,0.5);left:0px;top:0px;overflow:hidden;text-align: center}

#etc_logo {margin:30px auto 0px auto;}
#etc_logo .pc750 {width:100%;display:inline;}
#etc_logo .mo750 {width:100%;display:none;}

/* system style */
#system_wrap {position:relative;width:100%;min-width:320px;max-width:1120px;margin:0px auto;}
#system_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#system_wrap .sitem_box_single {width:100%;float:left;margin:0px;text-align:center;background:#ffffff;position:relative;overflow:hidden;}
#system_wrap .sitem_box_single .simg_box {width:45%;float:left;max-width:457px;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-top:18px;text-align:left}
#system_wrap .sitem_box_single .simg_box img {width:100%;}
#system_wrap .sitem_box_single .stext_box {width:53%;float:left;text-align:left;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:2%;}
#system_wrap .sitem_box_single .stext_box div.stitle {font-size:2em;color:#317abf;margin:0px 0px 0px 0px;font-weight:500}
#system_wrap .sitem_box_single .stext_box div p.system_title {padding:30px 0px;font-size:1.2em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}
#system_wrap .sitem_box_single .stext_box div p.system_desc {font-size:1em;}
#system_wrap .sitem_box_single .stext_box div p.list_type {text-indent:-10px;margin-left:10px;}

#system {position:relative;width:100%;overflow:hidden;margin:0px auto;height:300px;padding:0px;}
#system:after {display:block;visibility:hidden;clear:both;content:""}
#system .system {width:1000%;clear:both;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;}
#system .system .sitem_box {width:100%;float:left;margin:0px;text-align:center;background:#ffffff;position:relative;overflow:hidden;}
#system .system .simg_box {width:45%;float:left;max-width:457px;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-top:18px;text-align:left}
#system .system .simg_box img {width:100%;}
#system .system .stext_box {width:53%;float:left;text-align:left;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:2%;}
#system .system .stext_box div.stitle {font-size:2em;color:#317abf;margin:0px 0px 0px 0px;font-weight:500}

#system .system .stext_box div p.system_title {padding:30px 0px;font-size:1.2em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}

#system .system .stext_box div p.system_desc {font-size:1em;}
#system .system .stext_box div p.list_type {text-indent:-10px;margin-left:10px;}
#system_wrap .left_arrow {position:absolute;left:-20px;top:60%;z-index:100;width:20px;text-align:center;height:35px;display:none;z-index:900}
#system_wrap .right_arrow {position:absolute;right:-20px;top:60%;z-index:100;width:20px;text-align:center;height:35px;display:none;z-index:900}
#system_bullet {position:relative;width:100%;text-align:center;}
#system_bullet ul {list-style:none;width:100%;text-align:center;padding:10px 0px;margin:0px;height:27px;}
#system_bullet ul li {display:inline-block;width:7px;height:7px;border-radius:50%;margin:0px 1px;background:#8b8b8b;border:0.1px solid #ffffff;}
#system_bullet ul li.on {background:#373737;}
#system #system_bullet {position:absolute;top:0px;}

#pc_quick {position:fixed;top:177px;right:0px;background:#ffffff;width:90px;height:auto;padding:0px;font-size:12px;font-weight:500;z-index:1000}
#pc_quick:after {display:block;visibility:hidden;clear:both;content:""}
#pc_quick div {position:relative;display:block;text-align:center;padding:0px;margin:0px;}
#pc_quick div:after {display:block;visibility:hidden;clear:both;content:""}
#pc_quick div.q_title {height:30px;background:#f1b31c;color:#ffffff;padding:7px 0px 0px 0px;text-align:center;}
#pc_quick div.q_wrap {border:1px solid #c0c0c0;border-top:0px;padding:10px 0px;display:block;}
#pc_quick div.q_line {width:40px;height:1px;margin:5px auto 7px auto;overflow:hidden;background:#c6c6c6}
#pc_quick div.q_icon {line-height:180%;position:relative;}
#pc_quick a {color:#8e8e8e;font-size:12.5px;font-weight:500}
#pc_quick a:hover {color:#5d5d5d;}

#pc_quick div#tel_view {position:absolute;left:-260px;bottom:65px;border:1px solid #dddddd;background:#ffffff;color:#4e4e4e;padding:10px 10px;width:240px;font-size:1.4em;box-shadow:0px 0px 10px #dddddd;display:none;z-index:1010}
#tel_view:after {display:block;visibility:hidden;clear:both;content:""}
#tel_view .tel_num {font-size:1.3em;font-weight:700;}
#tel_view img {position:absolute;right:-8px;top:50%;margin-top:-6px;}
#pc_quick div#tel_view.on {display:block;}


/* order style */
#order .order_title {font-size:2em;font-weight:700;padding:50px 0px 0px 0px;color:#363636;text-align:left;border:0px;display:block;clear:both;line-height:100%;}
#order .wrap {display:block;color:#363636;width:90%;margin:0px auto;vertical-align:top;text-align:left;font-size:0.75em;}
#order .wrap:after {display:block;visibility:hidden;clear:both;content:""}
#order .caption {font-size:1.4em;font-weight:500;padding:25px 0px 10px 0px;line-height:100%;color:#363636}
#order .t_line {border-top:1px solid #767676;}
#order .b_line {border-bottom:1px solid #767676;}
#order .lbox {width:60%;float:left;margin-right:2%;text-align:left;}
#order .rbox {width:38%;float:right;}
#order .li_box {display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;color:#363636;width:100%;margin:0px auto;padding:8px 0px}
#order .label {flex-basis:100px;flex-grow:0;padding:5px;display:flex;justify-content:flex-start; align-items:center;font-weight:700;}
#order .field {flex-grow:2;flex-shrink:2;padding:0px}
#order .frm_ord_input {border:1px solid #cccccc;padding:3px 5px;line-height:100%;height:28px;display:inline;border-radius:0px;box-shadow:inset 0 0;}
#order .field input[type=email] {width:281px;}
#order select {border:1px solid #cccccc;height:28px;padding:0px;font-weight:300;border-radius:0px;background:#ffffff;width:70px}
#order .item_info {border:1px solid #7b7b7b;padding:0px;}
#order .item_info .li_box {flex-wrap:nowrap;}
#order .item_info .img {flex-basis:60px;padding:0px 10px}
#order .item_info .img img {border:1px solid #cccccc;}
#order  .info {flex-grow:1;padding:0px 10px;}
#order .gray {background:#e8e8e8;color:#616161;font-size:1.3em;font-weight:500;text-align:center;justify-content:center}
#order .gray span {align-self:center;line-height:100%;padding:8px 0px}
#order  p {padding:0px 0px 7px 0px;width:100%;line-height:100%;display:block;margin:0px;}
#order .field p * {display:inline;}
#order .rbox .company {color:#757575;font-size:1.4em;font-weight:700;padding:0px 0px 12px 0px}
#order .rbox .prod_name {font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:0.98em;width:100%;letter-spacing:0.06em;}
#order .rbox .shipping {font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:0.88em;width:100%;letter-spacing:0.03em;color:#f1b31c;}
#order .rbox .price {font-size:1.3em;color:#444444;padding:10px 0px 10px 0px;font-weight:700}
#order span.addr {align-self:flex-start}
#order .addr_info {flex-grow:1;}
#order .blank .msg.label {padding:10px 0px;}
#order .addr_row {display:block;}
#order .addr_row div {display:block;}
#order .addr_row div.addr_info {margin-left:2%;width:98%;}
#order .deli_sch {font-size:0.8em;color:#0e61af;font-weight:500;line-height:130%;}
#order .deli_sch a {color:#0e61af;font-weight:400}

#order .btn_addr {-webkit-appearance:none;width:60px;font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';background:#ececec;border:1px solid #cccccc;color:#363636;font-size:0.95em;height:28px;padding:4px 0px 0px 0px;line-height:0.3em;}
#order select.delivery_msg_sel {width:100%;padding:7px;font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';color:#757c8a;font-size:0.95em;height:35px;margin:0px;}
#order #same_ord {position:absolute;display:inline-block;background:#ececec;border:1px solid #cccccc;font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';color:#363636;padding:3px;font-size:11px;margin-left:30px;letter-spacing:0.02em;cursor:pointer}
#order .summary {border:3px solid #f1b31c;padding:5% 0px;}
#order .font-gl {width:40%;font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';font-weight:normal;font-size:12px;padding:0px 5%;}
#order .info_view {width:40%;text-align:right;font-size:1.25em;font-weight:700}
#order .rbox .line {height:1px;background:#cccccc;overflow:hidden;margin:8px 0px}
#order .rbox .btn_order {-webkit-appearance:none;background:#f1b31c;color:#ffffff;border:1px solid #f1b31c;border-bottom:3px solid #c6941a;width:85%;margin:0px auto;font-size:2.2em;font-weight:700;padding:15px 0px;border-radius:0px;}
#order .ord_total .label {width:45%;font-size:1.35em;padding:0px 0px 0px 5%;font-weight:500;flex-basis:auto;}
#order .ord_total .field {width:45%;font-size:2em;padding:0px 5% 0px 0px;text-align:right;color:#f1b31c;font-weight:700;}
#order .btn_order1 {-webkit-appearance:none;background:#f1b31c;color:#ffffff;border:1px solid #f1b31c;border-bottom:3px solid #c6941a;width:340px;margin:50px auto 30px auto;font-size:2.2em;font-weight:700;padding:15px 0px;letter-spacing:-0.1px;border-radius:0px}
#order .li_box.t_line {padding-top:10px;}
#order .li_box.b_line {padding-bottom:10px;}
#order .blank.b_line {padding-bottom:10px;}
#order .de_msg {padding:0px;display:block;}
#order .de_msg input {width:98%;margin-left:2%}
#trace_frame {display:none;}

#order_end .li_box {display:flex;justify-content:flex-start;padding:10px 0px;}
#order_end .label {width:28%;text-align:left;padding-left:7%;color:#363636;font-weight:500}
#order_end .info {width:65%;text-align:left;color:#7b7b7b;font-weight:500;padding:0px;}
#order_end .info p {padding:10px 0px;line-height:100%;}
#order_end .info p.m_br {display:inline-block;margin-right:20px;}
#order_end .gray {background:#f7f7f7;}
#order_end .t_line2 {border-top:2px solid #7b7b7b;}
#order_end .b_line {border-bottom:1px solid #7b7b7b;}
#order_end  p.desc {font-size:0.85em;padding:10px 0px 10px 0px}
#order_end  p.red {color:#b11212;font-size:0.85em;padding:10px 0px 10px 0px}
#order_end .btn_myorder {font-size:1.6em;background:#f1b31c;border:1px solid #f1b31c;border-bottom:3px solid #c6941a;padding:15px 20px;color:#ffffff;display:inline-block;margin:50px auto 30px auto;font-weight:700;width:330px;text-align:center;}
#order_end .addr {color:#363636;font-size:1.5em;padding-top:50px}
#order_end .addr_desc {font-size:1.5em;color:#808080;}

#order .list {margin-top:50px;}
#order th {font-size:1em;font-weight:500;color:#363636;border-bottom:1px solid #7b7b7b;padding:5px 0px;}
#order th.date {text-align:center;color:#363636}
#order th.status {width:180px;}
#order th.action {width:180px;}
#order td {text-align:center;color:#363636;font-size:1em;font-weight:500;padding:25px 0px;border-bottom:1px solid #d7d7d7;vertical-align:middel}
#order td.date {font-weighT:500;text-align:center;vertical-align:top;font-size:0.82em;vertical-align:middle;}
#order .subject a {display:block; text-align:left;}
#order .subject span {display:block;text-align:left;padding:2px 0px;}
#order td.img {width:150px;padding:10px;vertical-align:middle;}
#order td.img img {border:1px solid #e7e7e7;}
#order .prod_name {font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:13px}
#order .shipping {font-family:'gulim', '굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:11px;color:#f1b31c;}
#order table {width:90%;margin:0px auto;border-bottom:1px solid #7b7b7b;border-spacing:0px;}
#order table.pc {display:table;}
#order td span.company {color:#757575;font-size:1.05em;}
#order td .btn_cancel {width:80px;padding:0px;text-align:center;background:#f1b31c;color:#ffffff;font-size:1.1em;border:1px solid #f1b31c;border-bottom:3px solid #c6941a;margin:0px auto;cursor:pointer}
#order tr:last-child td {border-bottom:0px;}

.m_list {list-style:none;display:block;font-size:0.88em;padding-top:30px}

.m_list li {display:block;margin:10px 0px 20px 0px;}
.m_list li .date {border:1px solid #8c8c8c;background:#f7f7f7;padding:7px;color:#363636;font-size:0.9em;}
.m_list li .mListInfo {border:1px solid #cccccc;border-top:0px;}
.m_list li .mListInfo span {display:block;}
.m_list li .mListInfo .info_wrap {display:flex;flex-wrap:nowrap;}
.m_list li .mListInfo .info_wrap .img img {border:1px solid #f2f2f2;margin:15px;}
#order .m_list li .mListInfo .info_wrap .info {padding:15px 0px 0px 0px;}
.m_list li .mListInfo .info_wrap span {font-family:'Noto Sans KR';letter-spacing:normal;}
.m_list li .mListInfo .info_wrap .price {text-align:right;font-size:0.93em;padding:7px 3%;color:#444444;}
.m_list li .mListInfo .state_box {display:flex;width:95%;margin:0px auto 0px auto;border-top:1px solid #d7d7d7;padding:5px 2px 5px 2px;}
.m_list li .mListInfo .state_box:after {display:block;visibility:hidden;clear:both;content:""}
.m_list li .mListInfo .state_box .state_txt {float:left;width:70%;margin:auto;padding:5px 0px;color:#363636;font-size:0.8em;font-weight:500;vertical-align:middle;overflow:hidden;}
.m_list li .mListInfo .state_box .state_btn {float:left;width:30%;margin:auto;padding:0px 0px;text-align:right;vertical-align:middle;overflow:hidden ;}
.m_list li .mListInfo .btn_cancel {font-size:0.9em;display:inline-block;color:#ffffff;background:#f1b31c;padding:5px 7px;border-bottom:2px solid #c6941a;text-align:center;overflow:hidden;cursor:pointer}
.m_list li .mListInfo .state_btn span {display:block;line-height:30px;}

#order.ord_confirm .label {width:30%;}
#order.ord_confirm .info {width:70%;}
#order.ord_confirm input[type=tel] {width:70px;}
#order.ord_confirm input[type=email] {width:240px;}
#order.ord_confirm .frm_ord_input {width:100%;max-width:300px;border-radius:0px;-webkit-appearance:none;}
#order.ord_confirm select {width:70px;background:#ffffff;border:1px solid #cccccc;border-radius:0px;padding-left:10px}

#order_view {color:#363636;position:relative;}
#order_view .caption {font-size:1.4em;font-weight:700;padding:25px 0px 15px 0px;}
#order_view table {width:100%;border-spacing:0px;border-top:2px solid #b3b3b3;border-bottom:2px solid #b3b3b3;}
#order_view .list th {font-size:1.05em;text-align:center;font-weight:500;padding:10px 0px;}
#order_view .list td {font-size:1.05em;text-align:center;padding:10px 0px;vertical-align:middle}
#order_view .list td.date {font-size:0.8em;vertical-align:top;font-weight:700;vertical-align:middle}
#order_view .list td.subject {text-align:left;}
#order_view .list td.subject span{display:block;}
#order_view .list td.img {width:150px;padding:10px;vertical-align:middle;}
#order_view .list td.img img {border:1px solid #e7e7e7;}
#order_view .list span {padding:3px 0px;}
#order_view .list span.prod_name {font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:13px}
#order_view .list span.shipping {font-family:'gulim', '굴림','sans-serif','AppleSDGothicNeo-Regular';font-size:11px;color:#f1b31c;}
#order_view .list td span.company {color:#757575;font-size:1.05em;}
#order_view .list .btn_cancel {width:80px;padding:2px 0px;text-align:center;background:#f1b31c;color:#ffffff;font-size:1em;border:1px solid #f1b31c;border-bottom:3px solid #c6941a;cursor:pointer;margin:0px auto}
#order_view .list th.status {width:180px;}
#order_view .list th.action {width:180px;}
#order_view .payment {display:table;}
#order_view .payment th {padding:10px 0px;font-size:1.02em;}
#order_view .payment td {color:#757575;font-size:0.98em;font-weight:700;text-align:center;padding:10px 0px;vertical-align:top;}
#order_view .btn_addr {-webkit-appearance:none;width:60px;font-family:'gulim','굴림','sans-serif','AppleSDGothicNeo-Regular';background:#ececec;border:1px solid #cccccc;color:#363636;font-size:0.95em;height:25px;padding:4px 0px 0px 0px;line-height:0.3em;}
#order_view .red {color:#bb1010;font-size:0.68em;font-weight:500;display:block;line-height:100%;padding-top:5px}
#order_view .frm th {font-size:0.85em;text-align:left;padding:10px 0px;}
#order_view .frm td {font-size:0.85em;text-align:left;padding:10px 0px;}
#order_view .frm .frm_ord_input {font-size:0.85em;border:1px solid #cccccc;color:#363636;padding:0px 5px;height:26px;}
#order_view .btn_order_edit {width:90px;margin:30px auto 10px auto;background:#f1b31c;color:#ffffff;text-align:center;font-weight:700;padding:5px 0px;border-bottom:3px solid #c6941a;cursor:pointer;}
#ord_view_box {
    display:none;
    width:1120px;
    height:600px;
    position:fixed;
    left:50%;
    margin-left:-565px;
    top:50%;
    margin-top:-300px;
    background:#ffffff;
    z-index:110000;
    overflow:auto;
    padding:20px 70px;}
#ord_view_box:after {display:block;visibility:hidden;clear:both;content:""}
#order_view select {font-size:13px;padding:0px;height:26px;border:1px solid #cccccc;}
.black_back {display:none;width:100%;position:fixed;height:100%;background:rgba(0, 0, 0, 0.5);z-index:100000;left:0px;top:0px}

#order_view .m_list {padding-top:0px;}
#order_view .m_list .company {color:#757575;font-size:1.05em;font-weight:700}
#order_view .m_list .prod_name {font-size:12px;letter-spacing:normal;}
#order_view .m_list .shipping {font-size:11px;color:#f1b31c;}
#order_view .m_list .price {text-align:right;font-size:0.93em;padding:7px 3%;margin:0px;color:#444444;font-weight:400}
#order_view .m_list .info {width:100%;}
#order_view .mPay {border-top:1px solid #cccccc;border-bottom:1px solid #b3b3b3;display:block;padding:10px 10px;margin-top:7px;list-style:none;}
#order_view .mPay li {font-size:0.78em;display:block;padding:1px 0px;margin:0px;font-weight:700}
#order_view .mPay .pay_label {font-size:0.8em;text-align:right;display:block;line-height:100%;padding:20px 0px 3px 0px}
#order_view .mPay .pay_price {font-size:1.4em;color:#757575;text-align:right;display:block;font-weight:500;;line-height:100%;}

#order_view .mDelivery {padding:10px 10px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;margin-top:7px;}
#order_view .mDelivery:after {display:block;visibility:hidden;clear:both;content:""}

#order_view .mDelivery li {display:block;font-size:0.7em;padding:3px 0px;}
#order_view .mDelivery li:after {display:block;visibility:hidden;clear:both;content:""}

#order_view .mDelivery li .label {width:25%;float:left;margin:0px;padding:0px;font-weight:500}
#order_view .mDelivery li .info {width:75%;float:left;margin:0px;padding:0px;overflow:hidden;}

#order_view .mDelivery .li_wrap {display:block;width:100%;}
#order_view .mDelivery .li_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#order_view .mDelivery .li_wrap > div {display:inline-block;overflow:hidden;float:left}


#order_view .mDelivery .li_box {font-size:0.8em;padding:5px 0px;}
#order_view .mDelivery .txt {width:80px;display:inline-block;vertical-align:middle}
#order_view .mDelivery .val {width:250px;display:inline-block;position:relative;;padding-right:20px;vertical-align:middle;}
#order_view .mDelivery .phone_box .txt {width:auto;padding-right:15px;}
#order_view .mDelivery .phone_box .val {width:180px;}
#order_view .mDelivery .email_box .txt {width:auto;padding-right:15px;}
#order_view .mDelivery .email_box .val {width:180px;}
#order_view .mDelivery .li_box .frm_ord {padding:2px;margin:1px 0px;border:1px solid #cccccc;width:100%;}
#order_view .mDelivery .li_box input[type=tel] {width:35px;}
#order_view .mDelivery .val .frm_name {width:110px;float:left;margin-right:5px;}
#order_view .mDelivery .addr_box .val {width:745px;}

#order_view .deli_sch {font-size:0.8em;color:#0e61af;font-weight:500;line-height:130%;}
#order_view .deli_sch a {color:#0e61af;font-weight:400}

#ord_view_box .ord_close {position:absolute;top:10px;right:10px;z-index:10}
#ord_view_box .ord_close img {width:30px;}

@media (max-width : 1310px) {

  #menu li {margin-left:1.2%;}
  .sub_nav .blank {display:none;}

  #custom_popup > .inner {width:50%;margin-left:-25%;}
}

@media (max-width : 1120px) {

  .sub_nav .sub_wrap {max-width:1000px}
  #top_login {right:1%;}
  #top_link {left:1%;}
}
@media (max-width:1024px) {
  .top_h {height:140px;display:block;}
  /* pc 메뉴 숨기고 mobile 메뉴 표시*/
  .pc {display:none;}
  .mobile {display:block;}
  #order table.pc {display:none;}

  th.pc, td.pc {display:none;}
  tr.pc {display:none;}

  td.mobile {display:table-cell;}
  tr.mobile {display:table-row;}
  .mobile.in {display:inline;}
  .pc.in {display:none;}

  .fix_box {width:90%;min-width:320px;margin:0px auto;}
  .fix_box.full {width:100%;}

  #hd {background: url(/theme/meclinic/img/menu_shadow.png) repeat-x left 70px;position:fixed;left:0px;top:0px;height:135px;z-index:10000;width:100%;}

  .stop_h {height:20px}
  .stop_h.mfix {height:10px;}

  .mg_big {margin-top:30px;}
  .mg_mid {margin-top:30px;}
  .mg_small {margin-top:20px;}
  .mg_tiny {margin-top:20px}

  .mgb_big {margin-bottom:30px;}
  .mgb_mid {margin-bottom:30px;}
  .mgb_small {margin-bottom:20px;}
  .mgb_tiny {margin-bottom:20px;}

  .pa_big {padding-top:30px;}
  .pa_mid {padding-top:30px;}
  .pa_small {padding-top:20px;}
  .pa_tiny {padding-top:20x;}

  .pab_big {padding-bottom:30px;}
  .pab_mid {padding-bottom:30px;}
  .pab_small {padding-bottom:20px;}
  .pab_tiny {padding-bottom:20px;}

  /*main style */


  #real_selfie .item_box {width:33.3%;}

  /* sub */
  #sub_back {width:100%;display:table;text-align:center;height:400px;padding:30px 0px 0px 0px;margin:0px 0px 50px 0px;}

  /* about me */
  .about_me .title {font-size:1.8em;}
  .about_me .desc {font-size:1.2em;}

  #system_wrap {height:auto;margin-bottom:70px;}
  
  #system_wrap {height:auto;min-height:10px;}
  #system_wrap .sitem_box_single {height:auto;min-height:0px;}
  #system_wrap .sitem_box_single .simg_box {width:100%;max-width:100%;margin:0px;}
  #system_wrap .sitem_box_single .stext_box {width:90%;text-align:left;margin:0px auto 30px auto;height:auto;float:none}
  #system_wrap .sitem_box_single .simg_box img {width:100%;}
  #system_wrap .sitem_box_single .stext_box div.stitle {font-size:2.4em;margin-top:10px}
  #system_wrap .sitem_box_single .stext_box div p.system_title {padding:20px 0px;font-size:1.25em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}

  #system {height:800px;}
  #system .system {height:auto;min-height:10px;}
  #system .system .sitem_box {height:auto;min-height:0px;}
  #system .system .sitem_box .simg_box {width:100%;max-width:100%;margin:0px;}
  #system .system .sitem_box .stext_box {width:90%;text-align:left;margin:0px auto 0px auto;height:auto;float:none}
  #system .system .sitem_box .simg_box img {width:100%;}
  #system .system .stext_box div.stitle {font-size:2.4em;margin-top:10px}

  #system .system .stext_box div p.system_title {padding:20px 0px;font-size:1.25em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}


  #main_location {font-size:0.8em;}
  #main_location .right .addr {font-size:1.4em;}
  
  #order .wrap {width:100%;}
  #order .lbox {display:block;float:none;width:100%;}
  #order .rbox {display:block;float:none;width:100%;}
  #order .rbox .btn_order {width:80%;font-size:1.8em;}
  #order .li_box {flex-wrap:wrap;width:100%;padding:0px;}
  #order .lbox .label {flex-basis:25%;padding:5px 0px;margin:0px}
  #order .lbox .field {flex-basis:70%;padding:5px 0px;margin:0px}
  #order .lbox .field input[type=text] {width:100%;}
  #order .lbox .field input[type=email] {width:100%;}
  #order .rbox .item_info {padding-top:8px;}
  #order .gray span {padding:13px 0px}
  #order .summary {padding:4% 0px;}
	 #order .summary .font-gl {font-size:14px;padding-left:4%;width:55%}
	 #order .summary .info {text-align:right;padding-right:4%;font-size:14px;width:35%;}
	 #order .ord_total .label {flex-basis:auto;width:42%;padding:0px 0px 0px 4%;font-size:1.4em;}
	 #order .ord_total .field {width:42%;padding:0px 4% 0px 0px;font-size:1.6em;}
	
	 #order .rbox .btn_order {margin-top:2%;}
	 #order .addr_row {display:block;}
	 #order .addr_row div.label {display:block;}
	 #order .addr_row div.addr_info {margin-left:1%;width:99%;display:block;}
	 #order .de_msg input {width:99%;margin-left:1%}
	 
	 #order_end .ac img {width:90%;max-width:700px;margin:0px auto;}
	 #order_end {font-size:0.9em;}
	 #order_end .btn_myorder {font-size:1.6em;padding:10px 0px; width:70%;margin:50px auto 30px auto;min-width:150px;max-width:330px}
	 #order_end .h70 {height:50px;}
 	#order_end .addr {padding-top:30px;}
	 #order_end .info p {padding:5px 0px;line-height:100%;}
  #order_end .info p.m_br {display:blockk;margin-right:0px;}
	 #order_end  p.red {color:#b11212;font-size:0.85em;padding:5px 0px}
  #order_end  p.desc {font-size:0.85em;padding:5px 0px 5px 0px}
  
 	#order.ord_confirm .li_box {padding:7px 0px}
	 #order.ord_confirm .t_line {padding-top:15px;}
	 #order.ord_confirm .b_line {padding-bottom:15px;}
	 #order.ord_confirm .btn_order1 {font-size:1.6em;padding:15px 0px;margin:50px auto 30px;width:70%;max-width:300px;min-width:180px;}
	 #order.ord_confirm select {padding-left:0px;}
	 #ord_view_box {width:95%;margin:0px 2.5% 0px 2.5%;left:0px;top:12.5%;height:75%;padding:15px;}
	 #order_view .payment {display:none;}
	 #order_view .mDelivery .li_wrap > div {width:100%;float:none;}
	 #order_view .mDelivery .li_box .frm_ord_input {width:100%;padding:2px;margin:1px 0px;border:1px solid #cccccc;}
	 #order_view .mDelivery .li_box input[type=tel] {width:40px;}
	 #order_view .mDelivery .li_box {display:block;}
	 #order_view .mDelivery .li_box .label {width:30%;float:left;margin:0px;padding:3px 0px;font-weight:500;font-size:0.7em;}
	 #order_view .mDelivery .li_box .info {width:70%;float:left;margin:0px;padding:3px 0px;overflow:hidden;font-size:0.7em}
	 #order_view .mDelivery .li_box .info.name input {width:48%;margin-right:1%;}
	 
	 #order_view .mDelivery .li_box.name_box {width:50%;float:left;}
	 #order_view .mDelivery .li_box.phone_box {width:50%;float:left;}
	 #order_view .mDelivery .li_box.email_box {width:width:100%;float:left;}
  #order_view .mDelivery .name_box .txt {width:80px;display:block;position:absolute;padding-top:5px;float:left}
  #order_view .mDelivery .name_box .val {width:100%;display:block;position:relative;;padding-left:80px;float:left}
  #order_view .mDelivery .phone_box .txt {width:80px;display:block;position:absolute;padding-top:5px;}
  #order_view .mDelivery .phone_box .val {width:100%;display:block;position:relative;;padding-left:80px;}
  #order_view .mDelivery .email_box .txt {width:80px;display:block;position:absolute;padding-top:5px;}
  #order_view .mDelivery .email_box .val {width:100%;display:block;position:relative;;padding-left:80px;}
  #order_view .mDelivery .email_box .val .frm_email {width:185px;}
  
  #order_view .mDelivery .li_box .frm_ord {padding:2px;margin:1px 0px;border:1px solid #cccccc;width:100%;}
  #order_view .mDelivery .li_box input[type=tel] {width:55px;}
  #order_view .mDelivery .val .frm_name {width:49%;float:left;margin-right:1%;}
  #order_view .mDelivery .addr_box .txt {width:80px;display:block;position:absolute;padding-top:5px;float:left}
  #order_view .mDelivery .addr_box .val {width:80%;padding-left:80px;float:left}
  #order_view .btn_order_edit {margin:30px auto}
  #order .deli_sch, #order_view .deli_sch {font-size:0.92em;color:#0e61af;font-weight:500;line-height:130%;}
  #order .deli_sch a, #order_view .deli_sch a {color:#0e61af;font-weight:400}

}
@media (max-width:850px) {
  
  #system_wrap .sitem_box_single .stext_box div.stitle {font-size:2em;}
  #system_wrap .sitem_box_single .stext_box div p.system_title {padding:20px 0px;font-size:1.1em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}
  #system_wrap .sitem_box_single .stext_box div.content {font-size:1em;}

  #system {width:100%;height:500px}
  #system .system .stext_box div.stitle {font-size:2em;}
  #system .system .stext_box div p.system_title {padding:20px 0px;font-size:1.1em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}
  #system .system .stext_box div.content {font-size:1em;}


  #main_location .left {width:100%;margin-bottom:20px;float:none;}
  #main_location .right {width:100%;padding-left:0px;float:none;}
  #main_location .right.mw9 {width:90%;margin:0px auto;}
  #main_location {font-size:0.9em;}
  #main_location .right .addr {font-size:1.4em;}
  #order_view .mDelivery .addr_box .val {width:90%;}

  img.btn_reservation {width:80%;}
}
@media (max-width:750px) {
  #custom_popup {}
  #custom_popup > .inner {width:90%;margin-left:-45%;}
  #custom_popup > .inner > img {}

  #quick {font-size:1.2em;padding:15px 30px 0px 30px}
  #quick div.top_sns_gubun {width:0px;margin:0px 1%;}
  #m_menu_top {padding:0px 30px;}
  
  #m_menu a img {right:30px;}
  #m_menu a {padding:10px 0px 10px 30px;}
  #m_menu li div a {background:#f5f5f5;color:#7b7b7b;padding:7px 0px 7px 50px;}

  #etc_logo {margin:60px auto 0px auto;}
  #etc_logo .pc750 {width:100%;display:none;}
  #etc_logo .mo750 {width:100%;display:inline;}

  #sub_back {width:100%;display:table;text-align:center;height:350px;padding:25px 0 0 0;margin:0px 0px 0px 0px;font-size:0.75em;}
  #sub_back .icon_box img {width:50px}

  #ft .bottom_logo {width:40px;}

  .lt_title {font-size:1.8em; }


  .left.full {width:100%;}
  .right.full {width:100%;}

  #location .info .line1 {display:block;clear:both;background:transparent;margin:10px 0px;}
  #location .time_info .time {padding-top:5px;}
  #main_location {font-size:0.8em;}
  #main_location .right dt {width:45%;display:block;float:left;font-weight:500;padding:0px;margin:0px}
  #main_location .right dd {width:55%;}
  #main_location .right .addr {font-size:1.4em;}

  .stop_h.mfix {height:5px;}

  .mg_big {margin-top:30px;}
  .mg_mid {margin-top:30px;}
  .mg_small {margin-top:15px;}
  .mg_tiny {margin-top:10px}

  .mgb_big {margin-bottom:30px;}
  .mgb_mid {margin-bottom:30px;}
  .mgb_small {margin-bottom:15px;}
  .mgb_tiny {margin-bottom:10px;}

  .pa_big {padding-top:30px;}
  .pa_mid {padding-top:30px;}
  .pa_small {padding-top:15px;}
  .pa_tiny {padding-top:10px;}

  .pab_big {padding-bottom:30px;}
  .pab_mid {padding-bottom:30px;}
  .pab_small {padding-bottom:15px;}
  .pab_tiny {padding-bottom:10px;}
  
  #order #same_ord {display:inline-block;float:none;position:relative;margin:0px 0 0px 15px;padding:2px 5px;width:125px;text-align:center;letter-spacing:-0.1px;}
  #order_end .li_box {display:block;}
  #order_end .li_box .label {width:100%;display:block;padding-left:10px;}
  #order_end .li_box .info {width:100%;display:block;padding-left:20px;}
  
  #order_view .caption {padding:15px 0px 0px 0px;font-size:0.9em;margin:0px;line-height:100%;}
  
  #order_view .mDelivery .li_box.name_box {width:100%;float:none;clear:both;}
  #order_view .mDelivery .li_box.phone_box {width:100%;float:none;clear:both;}
  #order_view .mDelivery .val .frm_name {width:90px;float:left;margin-right:5px;}
  
}
@media (max-width:550px) {
  .top_h {height:125px;display:block;}
  #etc_logo {margin:30px auto 0px auto; width:95%;}
  
  #quick {font-size:0.7em;height:50px;padding:10px 25px 0px 25px}
  #quick div {width:auto;display:inline-block;margin:0px;}
  #quick div.top_sns img {width:30px}
  #quick div.top_sns_gubun {width:0px;margin:0px 0.5%;}
  
  #m_menu_top {padding:0px 25px;}
  #m_menu {padding-top:126px}
  
  #m_menu a img {right:20px;}
  #m_menu a {padding:10px 0px 10px 25px;}
  #m_menu li div a {background:#f5f5f5;color:#7b7b7b;padding:7px 0px 7px 45px;}
  
  .lt_title {font-size:1.8em; }



  #sns div {display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin:0px 0px;}
  #sns div.sns_line {height:25px;width:1px;margin:0px 5px;background:#b5b5b5;}
  #sns div img {width:35px;}
  /*240px*/
  #sub_back {width:100%;display:table;text-align:center;height:200px;padding:15px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:0.5em;}
  #sub_back .icon_box img {width:30px}
  #sub_back .sub_icon img {width:30px}
  #sub_back p {padding-left:0.1em;letter-spacing:0.15em;font-size:1.45em;}
  #sub_back .sub_back_m {display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;z-index:1;padding:0px;margin:0px 0px 0px 0x;letter-spacing:0px;}
  #sub_back .sub_back_m img {width:550px;height:200px;position:absolute;margin-left:-275px;left:50%;}

  .about_me .title {font-size:1.45em;}
  .about_me .desc {font-size:1.05em;}

  #system_wrap .sitem_box_single .stext_box div.stitle {font-size:1.5em;}
  #system_wrap .sitem_box_single .stext_box div p.system_title {padding:20px 0px;font-size:1.1em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}

  #system {height:200px}
  #system .system .stext_box div.stitle {font-size:1.5em;}
  #system .system .stext_box div p.system_title {padding:20px 0px;font-size:1.1em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}

  #location .info .line1 {display:block;clear:both;background:transparent;margin:7px 0px;}
  #main_location {font-size:0.7em;}
  #main_location .right .addr {font-size:1.3em;}

  .mg_big {margin-top:30px;}
  .mg_mid {margin-top:30px;}

  .mgb_big {margin-bottom:30px;}
  .mgb_mid {margin-bottom:30px;}


  .pa_big {padding-top:30px;}
  .pa_mid {padding-top:30px;}


  .pab_big {padding-bottom:30px;}
  .pab_mid {padding-bottom:30px;}

  .btn{
    font-size:0.75em;letter-spacing:0;
    display:inline-block;padding:0px 20px;height:30px;line-height:30px;
    -webkit-appearance:none;
  }
  
  #order .btn_order1 {font-size:1.2em;width:200px;padding:10px 0px}
  #order input[type=tel] {width:30%;}
  #order .order_title {font-size:1.4em;padding-top:30px}
  #order .caption {font-size:1.2em;padding:15px 0px 7px 0px}
  
  #order .lbox .label {font-size:0.9em;}
  #order .lbox .field {font-size:0.9em;}
  #order .rbox .btn_order {font-size:1.3em;height:40px;padding:5px 0px;margin-top:2%;}
  #order .item_info {padding-top:7px;}
  
  #order_end {font-size:0.7em;}
  #order_end .btn_myorder {font-size:1.4em;}
  #order_end .h70 {height:40px;}
	 #order_end .addr {padding-top:20px;font-weight:400}
	 #order_end .wrap {font-size:1.15em;margin:0px auto;width:100%;}
  #order_end .wrap .info {font-size:0.956em;padding:5px 0px 5px 20px;}
  #order_end .wrap .info p {padding:5px 0px;line-height:120%;}
  #order_end span.br {clear:both;padding:5px 0px;overflow:hidden;display:block;width:100%;}
  #order_end .red {font-size:0.98em;}
  
  #order.ord_confirm {font-size:1em;}
  #order.ord_confirm .order_title {font-size:1.1em;}
  #order.ord_confirm .caption {font-size:1em;}
  #order.ord_confirm .btn_order1 {font-size:1.2em;padding:7px}
  #order.ord_confirm .li_box {flex-wrap:nowrap;}
  #order.ord_confirm .label {width:25%;flex-basis:auto;}
  #order.ord_confirm .info {width:75%;}
  #order.ord_confirm .li_box .frm_ord_input {width:100%;padding:0px;margin:0px}
  #order.ord_confirm .li_box input[type=tel] {width:50px;}
  #order.ord_confirm .li_box input[type=email] {width:176px;}
  #order.ord_confirm .li_box select {width:50px;padding-left:0px;}
  #ord_view_box {width:95%;margin:0% 2.5% 0px 2.5%;left:0px;top:12.5%;height:75%;padding:15px;}
  
  
  #order_view .mDelivery .li_box.name_box {width:100%;display:block;clear:both;float:none;text-align:center;margin:0px auto;}
	 #order_view .mDelivery .li_box.phone_box {width:100%;display:block;clear:both;float:none;text-align:center;margin:0px auto;}
	 #order_view .mDelivery .li_box.email_box {width:100%;display:block;clear:both;float:none;text-align:center;margin:0px auto;}
	 #order_view .mDelivery .li_box.addr_box {width:100%;display:block;clear:both;float:none;text-align:center;margin:0px auto;}
  #order_view .mDelivery .name_box .txt {width:80px;display:inline-block;position:relative;text-align:left;float:none;padding:0px;vertical-align:middle;}
  #order_view .mDelivery .name_box .val {width:160px;display:inline-block;position:relative;padding:0px;float:none;vertical-align:middle;}
  #order_view .mDelivery .name_box .val div.name {display:inline-block;float:left;}
  #order_view .mDelivery .phone_box .txt {width:80px;display:inline-block;position:relative;padding:0px;vertical-align:middle;text-align:left;}
  #order_view .mDelivery .phone_box .val {width:160px;display:inline-block;position:relative;padding:0px;text-align:left;}
  #order_view .mDelivery .email_box .txt {width:80px;display:inline-block;position:relative;padding:0px;vertical-align:middle;text-align:left;}
  #order_view .mDelivery .email_box .val {width:160px;display:inline-block;position:relative;padding:0px;vertical-align:middle;text-align:left;}
  #order_view .mDelivery .email_box .val .frm_email {width:155px;}
  
  #order_view .mDelivery .li_box .frm_ord {padding:2px;margin:1px 0px;border:1px solid #cccccc;width:100%;}
  #order_view .mDelivery .li_box input[type=tel] {width:40px;}
  #order_view .mDelivery .val .frm_name {width:75px;float:left;margin-right:5px;}
  
  #order_view .mDelivery .addr_box .txt {width:240px;display:inline-block;position:relative;padding:0px;float:none;clear:both;text-align:left}
  #order_view .mDelivery .addr_box .val {width:240px;float:none;clear:both;padding:5px 0px 0px 10px}
  
  #order .deli_sch, #order_view .deli_sch {font-size:0.92em;color:#0e61af;font-weight:500;line-height:130%;}
  #order .deli_sch a, #order_view .deli_sch a {color:#0e61af;font-weight:400}
}

@media (max-width:380px) {

  #sub_back p {padding-left:0em;letter-spacing:0.3em;}

  .about_me .title {font-size:1.3em;}
  .about_me .desc {font-size:1em;}
  #quick {font-size:0.78em;height:50px;padding:13px 25px 0px 25px;min-width:330px;}
  
  #quick div.top_sns img {width:25px}
  
  #m_menu a img {right:25px;}
  #m_menu a {padding:10px 0px 10px 25px;}
  #m_menu li div a {background:#f5f5f5;color:#7b7b7b;padding:7px 0px 7px 45px;}
  
  #m_menu_top {padding:0px 25px;}
  #system {height:100px}
  #system .system .stext_box div.stitle {font-size:1.4em;}
  #system .system .stext_box div p.system_title {padding:20px 0px;font-size:1.2em;color:#838383;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1.2px;}

  #main_location {font-size:0.65em;}
  #main_location .right .addr {font-size:1.1em;}
  
}

@media (max-width:360px) {
  #quick {font-size:0.78em;height:50px;padding:13px 10px 0px 10px;min-width:330px;}
  
  #m_menu a img {right:10px;}
  #m_menu a {padding:10px 0px 10px 10px;}
  #m_menu li div a {background:#f5f5f5;color:#7b7b7b;padding:7px 0px 7px 30px;}
  #quick div.top_sns img {margin-right:2px;}
  #m_menu_top {padding:0px 10px;}
  #order_view .mDelivery .li_box {display:block;width:100%;}
  #order_view .mDelivery .li_box.name_box .txt {display:block;position:relative;float:none;width:100%;}
  #order_view .mDelivery .li_box.name_box .val {display:block;padding-left:10px;float:none;width:100%;}
  #order_view .mDelivery .li_box.phone_box .txt {display:block;position:relative;float:none;width:100%;}
  #order_view .mDelivery .li_box.phone_box .val {display:block;padding-left:10px;float:none;width:100%;}
  #order_view .mDelivery .li_box.email_box .txt {display:block;position:relative;float:none;width:100%;}
  #order_view .mDelivery .li_box.email_box .val {display:block;padding-left:10px;float:none;width:100%;}
  #order_view .mDelivery .li_box.addr_box .txt {display:block;position:relative;float:none;width:100%;}
  #order_view .mDelivery .li_box.addr_box .val {display:block;padding-left:10px;float:none;width:100%;}
}