@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',Malgun Gothic,Helvetica,sans-serif;-webkit-text-size-adjust:none}
html, body {height:100%; width:100%; margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-size:12px; font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; line-height:1.25em; color:#666;}
section{display:block;}
body{-webkit-text-size-adjust:none;}
ol, ul{margin:0; border:0; padding:0; list-style:none;}
table {border-collapse:collapse; width:100%; border-spacing:0px; border:0; border-collapse:collapse;}
fieldset, img {border:0 none;}
img{vertical-align:bottom;}
table {   border-collapse: collapse;    border-spacing: 0;}
caption, legend {display:none;}
input, select{font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif'; vertical-align:middle; color:#6f6f6f;}
em,address{font-style:normal;}
a{color:#666; text-decoration:none;}
hr, caption, legend, [hidden], template {    display: none;}
video { display: inline-block;   width: auto\9 !important; /* ie8 */  width: auto !important; max-width: 100%; height: auto !important; }
.video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%;  overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed { position: absolute;  top: 0;  left: 0;   width: 100%;   height: 100%; } 
thead {    display: table-header-group;    vertical-align: middle;    border-color: inherit;}

/* body {width:380px; margin:0 auto;} */
#document {width:380px; overflow:hidden; margin:0 auto; background-color:#fff; }

.log{ width:98%; height:30px; font:12px/30px "나눔고딕"; text-align:right; padding-right:2%;}

/* header */
#header {position:relative; height:80px; margin:0 auto; z-index:1000; clear:both; background-color:#fff;}
#header .header-wrap {position:relative; margin:0px auto;background:#ffffff;}
#header .header-logo {width:120px; position: absolute; top:38px; left:50px;}
#header .menu-btn {position:absolute; float:left; top:32px;}
#header .menu-btn a {display:block;width:40px; height:40px;padding-left:1px;line-height:1em;text-align:center;font-size:0.8em;font-weight:bold;color:#9B1D21;font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif';vertical-align:middle;}
#header .menu-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .menu-btn a img{ width:40px; height:40px;}

#header .cart-btn {position:relative; float:right; border-left:1px solid #dcdcdc; }
#header .cart-btn a {display:block;width:43px; height:43px;padding-left:1px;line-height:1em;text-align:center;font-size:0.8em;font-weight:bold;color:#9B1D21;font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif';vertical-align:middle;}
#header .cart-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .cart-btn a img{ width:32px; height:32px; position:relative; top:5px;}


#header .search-box {position:relative; float:right; margin-top:10px; margin-right:5px; }
#header .search-box .search-box-title {float:left;height:20px;padding:7px 5px 0 0;font-size: 0.8em;font-weight: bold;}
#header .search-box .inputwrap {float:left;border:1px solid #514841;}
#header .search-box img {float:left; width:45px; height:25px;}
#header .search-box input.lText {width:130px; height:25px; padding:0px 5px 0px 5px;border:none; }
#header .search-box .inputout {float:left;}
#header .search-box .btnout {float:left;margin-left:-1px;}
#header .search-box .btn {width:25px; height:25px; border-radius:0}

/* menu */
#menu {position:absolute; top:44px; left:50%; margin-left:-190px; display:block;height:0;overflow:hidden; width:380px; z-index:999;}

#menu .menulist {overflow:hidden; border-top:solid 1px #c9c9c9;}
#menu .menulist li{position:relative;}
#menu .menulist > li > a{display:block;height:37px;padding:0 16px;border-bottom:1px solid #c9c9c9;background:#fff;color:#454545;font-size:1em;font-weight:bold;line-height:3.20;}
#menu .menulist > li > a:before{content:'';position:absolute;top:6px;left:16px;width:10;height:10px;}
#menu .menulist > li > a:after{content:'';position:absolute;top:12px;right:10px;width:10px;height:10px;background:url('http://m.yogerpresso.co.kr//skin/img/mobile/marrow.gif') no-repeat 0 0;}
#menu .menulist > li.open > a:after{background-position:-13px 0px;}
#menu .menulist > li.open ul{display:block;}
#menu .menulist li ul{display:none;overflow:hidden;}

#menu .menulist li li{border-bottom:1px solid #c9c9c9;border-top:1px solid #fff;background:#f4f4f4;}
#menu .menulist li li a{display:block;height:33px;padding:0 20px 0 32px;color:#3c3c3c;font-size:1em;line-height:3.0em;}
#menu .menulist li li a:before{content:'';position:absolute;top:16px;left:24px;width:3px;height:3px;background:#9D1E23;}

.t_menu{width:100%; height:30px; clear:both; border-bottom: solid 1px #c9c9c9; border-top:solid 1px #c9c9c9;padding-left: 10px;}
.t_menu ul li{float:left; text-align:center; font:12px/30px "나눔고딕"; color:#454545;}

.m_btn{width:96%; clear:both; margin:0 auto;}
.m_btn ul li{width:33.3333%; float:left; display:inline;}
.m_btn ul li img{width:100%;}

.m_tit{ clear:both; width:92%; height:30px; margin:0 auto; border:solid 1px #c9c9c9; background-color:#eff4fb; font:14px/30px "나눔고딕"; padding:0 2%;}
.m_tit span{ float:right; font-size:16px;}

.m_board{ width:96%; margin:0 auto;}
.m_board ul li{ padding:10px 0; border-bottom:solid 1px #c9c9c9;}

.m_ban{ width:100%;}
.m_ban ul li{ float:left; margin:0 1%; width:48%;}
.m_ban ul li img{ width:100%;}

.f_btn{ width:260px; height:30px; margin:0 auto 10px;}
.f_btn ul li{ float:left; margin:0 3px;}


.f_menu{width:100%; height:30px; background-color:#fff; border-bottom:solid 1px #c9c9c9; border-top:solid 1px #c9c9c9; clear:both;}
.f_menu ul li{float:left; text-align:center; font:10px/30px "나눔고딕";}

.wid4{ width:29%;}
.wid5{width:18%;}

.f_menu2{width:100%; height:30px; background-color:#fff; border-top:solid 1px #c9c9c9; clear:both; background-color:#f8f8f8;}
.f_menu2 ul li{float:left; text-align:center; font:10px/30px "나눔고딕";}
.wid1{ width:2%; text-align:center; color:#c9c9c9;}
.wid3{ width:32%;}


.copy{ width:100%; text-align:center; padding:20px 0 30px; font-size:10px; background-color:#f8f8f8; color:#666;}
.pc{width:70%; margin:0 auto; clear:both; height:30px; font:14px/30px "나눔고딕"; border:solid 1px #c9c9c9; background-color:#fff; border-radius:5px; margin-top:20px;}

.sub{width:96%; margin:5% auto;}

.sub_ca2{width:100%; margin:0 auto; clear:both;}
.sub_ca2 ul li{ width:48.5%; border:solid 1px #efefef; float:left; text-align:center; font-size:1em; height:1.6em; padding-top:0.5em; margin-bottom:1%;}

.sub_ca{width:100%; margin:0 auto; clear:both;}
.sub_ca3 ul li{ width:30.7%; margin:1%; border:solid 1px #c9c9c9; float:left; text-align:center; font-size:1em; height:1.6em; padding-top:0.5em;}

.sub_ca4{width:100%; margin:0 auto; clear:both;}
.sub_ca4 ul li{ width:23.5%; border:solid 1px #efefef; float:left; text-align:center; font-size:10px; height:1.6em; padding-top:0.5em; margin-bottom:1%;}

.s_color{ color:#a8a58e;}

.ts{margin-left:1%;}
.sub_ca2 .on, .sub_ca3 .on{background-color:#eff4fb; color:#0b2974;}
.sub_ca4 .on{background-color:#eff4fb; color:#0b2974;}

.sub_con{width:100%; clear:both; padding-top:1%;}

.tit{ font-size:15px; font-weight:bold; margin:1%; color:#222;}

.s_tit{ width:100%; padding:10px 0; border-bottom:solid 1px #c9c9c9; font-size:18px; font-weight:bold;}

.s_back{ width:60px; height:20px; padding-left:15px; font:14px/20px "나눔고딕"; background-color:#f4f4f4; border:solid 1px #c9c9c9;}

.sub_contents{ width:100%; margin:0px auto;}

.history .tab {    border: 1px solid #ddd;    background: #f8f8f8;    padding: 10px 5px;}
.history .tab ul {    overflow: hidden;    font-size: 0;    letter-spacing: -0.03em;}
.history .tab ul li {    display: inline-block;    border-left: 1px solid #777;    margin: 5px 0 5px -1px;    white-space: nowrap;}
.history .tab ul li a {    font-size: 14px;    color: #333;    display: inline-block;    padding: 0 11px;}
.history .tab ul li.active a {    font-weight: 600;}
.history .tab ul li a:hover, .history .tab ul li.active a {    color: #5e89d8;}
.history .desc {    margin-top: 15px;}
.history .desc .box dl {    position: relative;    padding-left: 85px;    font-size: 14px;    letter-spacing: -0.03em;    color: #333;    margin-top: 7px;}
.history .desc .box dl dt {    position: absolute;    left: 0;    top: 0;}

.organization {background:url(/images/contain-line.gif) repeat-y 50% 0;}
.organization .box {	margin:15px auto 0;	width:100px;	text-align:center;	letter-spacing:-0.05em;	color:#333;	border-radius:5px;	border:1px solid #ddd;	background:#f7f7f7;	padding:12px 0;	position:relative;}
.organization .box h4 {font-size:12px;font-weight:600;}
.organization .box p {font-size:10px; line-height:14px;}
.organization .box:first-child {margin-top:0;}
.organization .box.bg {color:#0b2974;background:#eff4fb;}
.organization .box.gomun {margin:20px 35px 0 0;width:160px;}
.organization .box.gomun:before {	content:"";	display:block;	position:absolute;	left:100%;	width:22px;	height:1px;	background:#ddd;	top:50%;	margin-top:-0.5px}

.organization .sort {width:280px;margin:0 auto;position:relative;border-top:1px solid #ddd;margin-top:20px;font-size:0;/* white-space:nowrap; */}
.organization .sort:before,
.organization .sort:after {content:"";display:block;position:absolute;top:0;height:100%;width:1px;background:#ddd;z-index:0;}
.organization .sort:before {left:0;}
.organization .sort:after {right:0;}
.organization .sort .box {margin-top:15px;}
.organization .sort > div {width:60px;display:inline-block;position:relative;z-index:1;}
.organization .sort .lef {left:-45px;}
.organization .sort .cen {margin-left:30px}
.organization .sort .rig {margin-left:-20px;right:-90px;}

.abox {border:1px solid #ddd;background:#f7f7f7;padding:10px;margin-top:15px;letter-spacing:-0.03em;}
.abox li {font-size:12px;color:#333;line-height:22px;padding:5px 0;text-indent:-15px;padding-left:15px;}
.bbox dl {position:relative;border-bottom:1px solid #ddd;padding:15px 0;font-size:12px;letter-spacing:-0.05em;line-height:22px;}
.bbox dl dt,
.bbox dl dd {position:relative;padding-left:25px;margin-top:5px;}
.bbox dl span {display:block;position:absolute;left:0;top:0;color:#5e89d8;font-weight:600;}

.atit {font-size:18px;font-weight:600;color:#0b2974;letter-spacing:-0.05em;margin-bottom:15px;}
.atxt {font-size:12px;letter-spacing:-0.05em;word-break:keep-all;line-height:22px;color:#333;}
.blue {color:#2558b6;}

#sit_tot_price {    margin: 20px 0;    font-size: 14px;    font-weight: bold;}
#sit_ov_btn {    text-align: right;    letter-spacing: -3px;}
#sit_btn_buy {    background: #ff5b89;    color: #fff;}
#sit_ov_btn input {    display: inline-block;    width: 100px;    height: 30px;    border: 0;    font-size: 14px;    text-align: center;    text-decoration: none;    letter-spacing: -0.1em;    cursor: pointer;}

.gall{width:96%; margin:5% auto; height:100%; clear:both;}
.gall ul{float:left; margin:0 10px 20px;}
.gall_s_wrap {width:155px; height:180px;}
.gall_s_img{width:155px; height:155px; margin:0 auto; vertical-align:middle; border:solid 1px #c9c9c9;} 
.gall_s_img img{width:155px; height:155px; vertical-align:middle;}
.gall_txt{width:155px; text-align:left; padding:10px 0;}
.g_txt{ font-size:12px; width:100%;}
.g_date{font-size:12px; color:#878787; margin-top:10px;}

.board_tab{width:600px; margin:0 auto;}
.board_tab li{ width:24.335%; height:30px; font:16px/30px "나눔고딕"; border:solid 1px #c9c9c9; text-align:center; background-color:#f4f4f4; float:left; margin:1px 1px;}
.board_tab li.on{color:#d7282d;}

.paging {  margin-top:20px;    text-align: center; clear:both;}
.paging a {    color: #666666;}
.paging strong {    color: #ff539f;}
.paging a, .paging strong {    display: inline-block;    padding: 0 2px;    margin: 0 3px;}
.paging .on{ font-weight:bold;}
.paging .btn{ position:relative;}

.b_search-box { margin:20px auto; width:190px;}
.b_search-box .b_inputwrap {float:right;border:1px solid #c9c9c9; width:120px;}
.b_search-box img {float:left; width:20px; height:20px;}
.b_search-box input.lText {width:98px; height:20px; padding:1px 5px 0px 5px;border:none; }
.b_search-box .inputout {float:left;}
.b_search-box .b_btnout {float:right;margin-left:0px;}
.b_search-box .btn {width:20px; height:20px; border-radius:0;}
.selr{ float:left;}
.selr select{ width:60px; height:22px; font-size:12px;}

.empty0{ width:100%; height:0px; clear:both;}
.empty10{ width:100%; height:10px; clear:both;}
.empty20{ width:100%; height:20px; clear:both;}
.empty30{ width:100%; height:30px; clear:both;}
.empty40{ width:100%; height:40px; clear:both;}
.empty50{ width:100%; height:50px; clear:both;}



/* 전체검색결과 스킨 */
#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
#sch_res_detail legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_detail div {margin:0 0 5px}
#sch_res_detail .frm_input {height:2.5em;line-height:2.5em}

#sch_res_ov {padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov h2 {margin:0 0 5px}
#sch_res_ov dl {margin:0 0 5px;zoom:1}
#sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov dt {float:left}
#sch_res_ov dd {float:left;margin:0 10px 0 5px}
#sch_res_ov p {margin:0;padding:0}

#sch_res_board {margin:0 0 10px;padding:0;list-style:none;zoom:1}
#sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:5px 10px;border-bottom:1px solid #e9e9e9;text-decoration:none;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
#sch_res_board .cnt_cmt {font-weight:normal !important}

.sch_res_list {margin:0 0 10px;padding:10px 0}
.sch_res_list h2 {margin:0 0 10px;padding:0 10px;font-size:1.2em}
.sch_res_list ul {margin:0;padding:0;list-style:none}
.sch_res_list li {margin:0 0 10px;padding:0 10px 10px;border-bottom:1px solid #e9e9e9}
.sch_res_list a {text-decoration:none}
.sch_res_title {display:inline-block;margin:0 0 5px}
.sch_res_list p {margin:0 0 10px;line-height:1.8em}
.sch_more {padding:0 10px;text-align:right}
.sch_on {color:#ff3061}



/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}