@charset "utf-8";

/* Common */
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}
input,textarea,select,button{font-size:13px; line-height:1.25em; font-family:sans-serif ; color:#363636;}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:sans-serif;}
body{position:relative;   -webkit-text-size-adjust:none; color:#878787; font-size:12px; line-height:1.25em; background-color: #fff;}
select{height:27px; border:1px solid #d8d8d8; width:60px; background:#fff url("../img/icon_select.png") no-repeat right 2px; -webkit-appearance:none; border-radius:0; padding-left:5px;  }
fieldset{border:0}
ul,dl {list-style:none}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
img {border:0; vertical-align:top;}
 * { sans-serif !important;}

a:link	{ text-decoration:none; color:#363636;}
a:visited	{ text-decoration:none; color:#363636;}
a:active	{ text-decoration:none; color:#363636;}
a:hover		{ text-decoration:none; color:#007b78;}

body.pop {background:url('../img/sub_bg.jpg') 0 0 repeat; background-size:100% auto; }

.mg_btm_5 {margin-bottom:5px;}
.mg_btm_10 {margin-bottom:10px;}
.mg_btm_15 {margin-bottom:15px;}
.mg_btm_20 {margin-bottom:20px;}
.mg_top_10 {margin-top:10px;}
.mg_top_5 {margin-top:5px;}
.blind{position:absolute;top:-999px;left:-999px;width:0;height:0;font-size:0;line-height:0}

/*main*/
header{width:100%; position:relative;}
header .slide .sliderImg{width:100%; background-repeat:no-repeat; background-size:cover;}
header .sover{width:100%; height:340px; background:url("../img/main_sover.png") repeat; position:absolute; z-index:3;}
header .mark{background-color:#000; width:100%; opacity:.5; position:absolute; z-index:2;}
header .mainBg{width:100%; opacity:1; position:absolute; z-index:1;}
header .positionTop{width:1170px; height:0; margin:0 auto; position:relative;}
header .positionTop h1{width:100%; top:160px; font-size:13pt; z-index:3;  position:absolute; text-align:center; color:#ccc;}
header .positionTop h1 .mainTitleBar1{border-top:2px #a8ce3b solid; width:30px; margin:0px auto 20px auto;}
header .positionTop h1 .mainTitleBar2{border-top:1px #a8ce3b solid; width:30px; margin:20px auto 0px auto;}
header .positionTop h1 .title1{width:130px;}
header .positionTop h1 .shopName{font-size:30pt; color:#fff; /*border-bottom:1px #fff solid;*/}
header .positionTop h1 .shopNameEn{ font-size:10pt; line-height:23pt; letter-spacing:-0.03em;}
header .positionTop h1 .shopNameEng{color:#fff;}
header .positionTop .gnb{position:absolute; z-index:3; width:1170px; height:auto; left:0; top:20px;}
header .positionTop .gnb div{float:left; color:#fff;}
header .positionTop .gnb .mainLogo{width:1170px; height:auto; text-align:center;  padding:20px 0 0 0;}
header .positionTop .gnb .mainLogo img{width:260px;}
header .positionTop .gnb .gnbLeft{padding:30px 30px 0 0; position:absolute;}
header .positionTop .gnb .gnbLeft ul li{font-size:15pt; font-family:"HelveticaNeueLTStd-Roman",sans-serif; letter-spacing:-0.03em; display:inline-block;}
header .positionTop .gnb .gnbLeft ul li a{color:#fff;}
header .positionTop .gnb .gnbLeft ul li a:hover{}
/*2 depth menu*/
header .positionTop .gnb .gnbLeft ul li ul.sub1{background:#fff; border:3px #abcd12 solid; width:130px; padding:10px 0px 10px 0px; border-radius:5pt; margin-top:0pt; margin-left:-40px; position:absolute; z-index:10;}
header .positionTop .gnb .gnbLeft ul li ul.sub1 li{clear:both; display:block; font-size:9pt; margin-top:0px; line-height:18pt; text-align:center; font-family:"HelveticaNeueLTStd-Roman","Nanum Gothic", sans-serif;}
header .positionTop .gnb .gnbLeft ul li ul.sub1 li a{color:#000;}
header .positionTop .gnb .gnbLeft ul li ul.sub1 li a:hover{border-bottom:0; color:#ccc;}
header .positionTop .gnb .gnbLeft .bar{margin:0 30px 0 30px; font-size:11pt; opacity:.3; line-height:14pt; vertical-align: text-top; font-family:"gulim";}
header .positionTop .gnb .gnbRight {padding:30px 0 0 0px; right:0; position:absolute;}
header .positionTop .gnb .gnbRight ul li{font-size:9pt;  letter-spacing:-0.03em; display:inline-block; font-weight:bold;}
header .positionTop .gnb .gnbRight ul li a{color:#fff;}
header .positionTop .gnb .gnbRight .bar{margin:0 5px 0 5px; font-size:9pt;  opacity:.3; line-height:20pt; vertical-align: text-top; font-family:"gulim";}

/**메뉴바**/
.bgOpacity{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; z-index:11;}
nav{width:80%; left:-1000px; height:auto; position:absolute; display:block; background-color:#fff; z-index:12;}
	nav .shopTitle{background-color:#abdc00; padding:10px;}
	nav .shopTitle .box{width:100%; background-color:#fff; border-radius:6pt; padding:10px 0px 12px 0px; font-size:18pt; color:#ccc; font-weight:bold; text-align:left; letter-spacing:-0.03em;}
	nav .shopTitle .box .boxTxt2{font-size:10pt; padding:0px 0 0 0;}
	nav .shopTitle .box .boxTxt3{font-size:9pt; padding:3px 0 0 15px; color:#666; font-weight:bold;}
	nav .shopTitle .box .boxTxt3 img{width:15px;}
	nav .shopTitle .box .boxTxt4{font-size:9pt; padding:3px 0 0 15px; color:#666; font-weight:normal;}
	nav .shopTitle .box .logoMobile{width:130px; padding:0 0 0 15px;}
	nav .shopTitle .box .title{font-size:16pt; color:#abcd12; font-weight:bold; padding:0 0 0 15px;}
	nav ul li{border-bottom:1px #eee solid;}
	nav ul li.cate{background-color:#f4f4f4; color:#999; font-size:12pt; padding:7px 0 7px 0; border-bottom:1px #eee solid; padding-left:40px; font-weight:normal; letter-spacing:-0.03em;}
	nav ul li.menuTxt{font-family:"sans-serif"; font-size:12pt; padding:11px 0 11px 30px; letter-spacing:-0.06em;}

/** Layout **/
#wrap {width:100%;}
#head {width:100%;}
#container {width:100%; background:url(http://skin1200.cafe24.com/ws_out/front/mobile/Content/Mobile/Image/sub_bg.jpg) 0 0 repeat-y; background-size:100% auto; padding-bottom : 100px; padding-top:60px;}
#container_main {width:100%; padding-top:50px; display:inline-block; }
#foot {width:100%;}


/** main **/
#container_main .main_video {width:100%; background:url(../img/main_cp_bg2.png) 0 0 no-repeat; background-size:100% auto; text-align:center; }
#container_main .main_gnb {width:100%; background:url(../img/main_cp_bg4.png) 0 0 no-repeat; background-size:100% auto;}
#container_main .main_gnb ul { display:table; width:100%;}
#container_main .main_gnb li {margin-right:2%; width:27%; float:left; display:table-cell}
#container_main .main_gnb li.last {margin-right:0; }
#container_main .main_gnb li.first {margin-left:7.5%;}
#container_main .main_notice {width:100%; background:url(http://skin1200.cafe24.com/ws_out/front/mobile/Content/Mobile/Image/main_cp_bg4.png) 0 bottom no-repeat; background-size:100% auto; padding-top:15px;}
#container_main .main_notice dl {width:86%; margin:0 auto; display:table;}
#container_main .main_notice dt {float:left; height:27px; display:table-cell; width:85px;}
#container_main .main_notice dd {float:left; height:21px; display:table-cell;  padding-top:6px; }

/** head **/
#head h1.sub {width:100%; height:60px; text-align:center; position:absolute;}
#head .sub_gnb {width:100%; background:url(http://skin1200.cafe24.com/ws_out/front/mobile/Content/Mobile/Image/sub_head4.jpg) 0 0 no-repeat; background-size:100% auto;}
#head .sub_gnb ul {width:92%; margin:0 auto; display:table;}
#head .sub_gnb li {margin-right:2%; width:32%; float:left; display:table-cell}
#head .sub_gnb li.last {margin-right:0; }
#head .m_search {width:100%; margin-bottom:13px; text-align:center; padding-top:5px}
#head .m_search input {border:solid 3px #acd53b; padding:6px; height:14px; width:50%; background:#fff; border-radius:0}
#head .m_tit {width:100%; background:url(http://skin1200.cafe24.com/ws_out/front/mobile/Content/Mobile/Image/bg_m_bar.png) 0 0 repeat-x; height:46px; padding-bottom:20px; line-height:16px; text-align:center; position:relative;}
#head .m_tit h1 { font-size:18px; color:#fff; letter-spacing:-1px; font-weight:bold; padding-top:12px;}
#head .m_tit .btn_back {position:absolute; top:5px; left:5px;}
#head .m_tit .btn_close {position:absolute; top:5px; right:5px;}
.nav_btn{border:0px red solid; position:absolute; z-index:10;}

/** 프로그램 20140425수정**/
.program {width:92%; margin:0 auto; padding-top:25px; }
.program .tab,
.program .tab ul {width:100%; padding-bottom:20px; display:table;}
.program .tab li {width:50%; float:left; display:table-cell}
.program h2 {padding-bottom:15px;}
.program table {width:100%; table-layout:fixed; border:0; padding:0;}
.program th {height:36px; background:url('../img/bg_th.png') 0 0 repeat-x; text-align:center; color:#6a6969; letter-spacing:-1px; font-size:15px; }
.program td {border-bottom:solid 1px #c6c4bf; border-right:solid 1px #c6c4bf; text-align:center; padding:5px 0; font-size:14px;}
.program td.last { border-right:none; }
.program span {background:#e3e1da; letter-spacing:-1px; }
.program .s_nm {letter-spacing:-1px; font-size:11px; font-weight:bold;}
.program .t_sm {font-size:11px; display:block; }
.program h3 {background:url('../img/bullet1.png') 0 13px no-repeat; padding:10px 0 0 10px; font-size:12px; font-weight:bold; color:#363636; padding-bottom:5px;}

/** 지점안내 **/
.branch_search{text-align: center; padding-top: 35px;}

/** 지점안내팝업 **/
#head_pop {width:100%; position:relative; }
#head_pop .btn_close {width:10%; position:absolute; right:0; top:0;}
.pop_branch {width:92%; margin:0 auto; padding:10px 0 20px 0; }
.pop_branch dl {width:100%; margin-bottom:20px;}
.pop_branch dt {background:url('../img/bullet1.png') 0 13px no-repeat; padding:10px 0 0 10px; font-size:14px; font-weight:bold; color:#363636; }
.pop_branch dd {border-bottom:solid 1px #c3c2be; padding:5px 0 10px 10px; font-size:14px;}
.pop_branch .pic {margin-bottom:20px; width:100%;}
.pop_branch .map {width:100%; height:250px; display:block; border:solid 1px #c3c2be; }


/** 모바일상품권 네비게이션 **/
.m_gnb {width:100%; background:url('../img/bg_m_bar.png') 0 0 repeat-x; height:46px; font-size:14px; color:#fff; padding-bottom:20px; line-height:16px; letter-spacing:-1px;}
.m_gnb a:link	{ text-decoration:none; color:#fff;}
.m_gnb a:visited	{ text-decoration:none; color:#fff;}
.m_gnb a:active	{ text-decoration:none; color:#fff;}
.m_gnb a:hover		{ text-decoration:none; color:#fff;}
.m_gnb .on {font-weight:bold; color:#007b78; }
.m_gnb .on a:link	{ text-decoration:none; color:#007b78;}
.m_gnb .on a:visited	{ text-decoration:none; color:#007b78;}
.m_gnb .on a:active	{ text-decoration:none; color:#007b78;}
.m_gnb .on a:hover		{ text-decoration:none;  color:#007b78;}
.m_gnb ul {width:100%; display:table; padding-top:13px;  }
.m_gnb li { display:table-cell; padding-top:1px; }
.m_gnb li.t_l { }
.m_gnb li.t_c {text-align:center}
.m_gnb li.t_r {text-align:right;  }
.m_gnb li.btn_pre {width:20px; padding-left:10px; padding-top:0}
.m_gnb li.btn_next {width:20px; padding-right:10px; text-align:right; padding-top:0}

/** 모바일상품권 메인 **/
.rolling_b {width:92%;  margin:0 auto; border:solid 1px #c3c2be; position:relative; display:block; margin-bottom:20px;}
.rolling_b .navi {width:100%; position:absolute; bottom:10px; z-index:2;zoom:1; text-align:center;}
.rolling_b .navi img {margin-right:5px;}

.reco_list {width:92%;  margin:0 auto;}
.reco_list h2 {width:100%; font-size:16px; color:#85ad18; font-weight:bold; height:26px; ine-height:18px; display:block;}
.reco_list ul {width:100%; display:table; border-top:solid 1px #c3c2be; border-bottom:solid 1px #c3c2be; border-left:solid 1px #c3c2be; background:#FFF; }
.reco_list li { border-right:solid 1px #c3c2be; width:33.33%; text-align:center; display:table-cell; padding:10px 0;}
.reco_list li img {width:90%; margin:0 5%;}
.reco_list .name {width:100%; display:block; height:16px;}
.reco_list .price1 {width:100%;  display:block; height:16px;}
.reco_list .price1 .t_line {text-decoration:line-through;}
.reco_list .price1 .discount {font-weight:bold; color:#aacb40; padding-left:3px;}
.reco_list .price2 {width:100%;  display:block; font-weight:bold; color:#007b78; height:16px;}

/** 모바일 검색결과  및 리스트 **/
.search_t {width:92%;  margin:0 auto; height:24px; display:block; font-size:14px; letter-spacing:-1px; color:#363636;}
.search_t span {font-weight:bold;}
.search_t .t_num {color:#007b78;}

.pro_list {width:92%;  margin:0 auto;}
.pro_list ul {width:100%; display:table; background:#FFF;}
.pro_list li { width:33.33%; text-align:center; display:table-cell; padding:10px 0;  float:left;}
.pro_list li img {width:90%; margin:0 5%;}
.pro_list .name {width:100%; display:block; height:16px;}
.pro_list .price1 {width:100%;  display:block; height:16px;}
.pro_list .price1 .t_line {text-decoration:line-through;}
.pro_list .price1 .discount {font-weight:bold; color:#aacb40; padding-left:3px;}
.pro_list .price2 {width:100%;  display:block; font-weight:bold; color:#007b78; height:16px;}

/* paging */
.paging{padding:10px 0 0 0;text-align:center;}
.paging span,.paging a{display:inline-block;color:#666;vertical-align:middle;}
.paging a{padding:4px 4px; font-size: 12pt;}
.paging .first a{width:17px;height:17px;padding:0;background:url('../img/btn_first.png') no-repeat 0 0;line-height:9999px;overflow:hidden;}
.paging .pre{padding:0 5px 0 3px;}
.paging .pre a{width:17px;height:17px;padding:0;background:url('../img/btn_pre.png') no-repeat 0 0;line-height:9999px;overflow:hidden;}
.paging .nex{padding:0 3px 0 9px;}
.paging .nex a{width:17px;height:17px;padding:0;background:url('../img/btn_next.png') no-repeat 0 0;line-height:9999px;overflow:hidden;}
.paging .last a{width:17px;height:17px;padding:0;background:url('../img/btn_last.png') no-repeat 0 0;line-height:9999px;overflow:hidden;}
.paging .num a:hover{color:#5e5e5e;}
.paging .num a.on{color:#5e5e5e; font-weight:bold;}
.now{color: #61960F; font-weight: bold;}

/** 모바일 삼품권 상세 **/
.detail {width:92%;  margin:0 auto; }
.detail .pic_big {width:100%; border:solid 1px #c3c2be; margin-bottom:20px; background:#FFF; text-align:center; display:inline-block;}
.detail .pic_big img {width:60%;}
.detail .name { height:25px; font-size:18px; letter-spacing:-1px; color:#363636; font-weight:bold; width:100%; }
.detail .price {width:100%;  display:block; height:37px; font-size:13px;  color:#5e5e5e; letter-spacing:-1px; line-height:16px;}
.detail .price .t_line {text-decoration:line-through;}
.detail .price .t_bold {font-weight:bold;}
.detail .btn {float:right; margin-top:-67px;}

.detail .tab ul{zoom:1; width:100%;}
.detail .tab ul:after{content:".";display:block; height:0;clear:both;visibility:hidden;}
.detail .tab li{height:40px; float:left; margin-right:-1px; font-weight:bold; text-align:center; width:50%;}
.detail .tab li .ic{margin-top:-1px; position:relative; z-index:3; display:none;}
.detail .tab li a { height:22px; text-align:center; border:1px solid #e6e6e6;background:#fff;display:block;color:#333;position:relative;z-index:1;padding-top:7px;}
.detail .tab li a:hover{text-decoration:none;}
.detail .tab li.on a{border:1px solid #a2cc4b;background:#b1da5b;z-index:2;color:#fff;}
.detail .tab li.on .ic{display:inline;}

.detail .info {width:100%;}
.detail .info img {width:100%;}
.detail .t_info {padding:20px 4%; width:92%; background:#e0e0e0;}
.detail .t_info h2 {width:100%; font-weight:bold; color:#007b78; height:22px; font-size:14px; letter-spacing:-1px;}
.detail .t_info li {background:url(/Content/Mobile/Image/bullet2.png) no-repeat 0 4px; padding-left:10px; line-height:16px; margin-bottom:3px;}

/** 주문 결제하기 **/
.payment {width:92%;  margin:0 auto; padding-bottom:20px; }
.payment h2 {width:100%; font-weight:bold; color:#007b78; height:22px; font-size:16px; letter-spacing:-1px;}
.payment .box {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:5px 4%; margin-bottom:20px; }
.payment .box dl {width:100%; display:table;}
.payment .box dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding-top:12px; height:27px; float:left; color:#5e5e5e}
.payment .box dt.last {border-bottom:none; height:77px}
.payment .box dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding:7px 0; height:25px; float:left;}
.payment .box dd.last {border-bottom:none; height:75px}
.payment .box input.t_name {border:solid 1px #d8d8d8; padding:5px; height:15px; width:100%; background:#fff; border-radius:0 }
.payment .box input.t_num {border:solid 1px #d8d8d8; padding:5px; height:15px; width:26%; background:#fff; border-radius:0}
.payment .box select.t_num  {width:30%;}
.payment .box select.t_num2  {width:100%;}
.payment .box textarea {border:solid 1px #d8d8d8; padding:5px; width:90%; background:#fff;  }
.payment .box table {width:100%; table-layout:fixed; border:0; padding:0; margin-top:7px; color:#5e5e5e}
.payment .box th {height:36px; background:#e0e0e0; text-align:center; color:#5e5e5e; letter-spacing:-1px; font-size:13px; }	
.payment .box td {padding:5px 0; font-size:13px;}
.payment .box td.price {text-align:right;}
.payment .box td.num {text-align:center;}
.payment .box td img {width:60px;}

/* 20140411 수정 */
.payment .box dt.mss {border-bottom:none; height:77px; border-bottom:solid 1px #e6e6e6; }
.payment .box dd.mss {border-bottom:none; height:75px; border-bottom:solid 1px #e6e6e6; }
/* //20140411 수정 */
	
/** 로그인 **/
.login {width:92%;  margin:0 auto; padding-bottom:20px;}
.login .box {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:10px 4%; margin-bottom:10px; }
.login .box input {border:solid 1px #d8d8d8; padding:5px 4%; height:15px; width:92%; background:#fff; border-radius:0; margin-bottom:10px; font-weight:bold; }
.login .box img {width:100%;}
.login .agree {height:45px; position:relative; width:100%;}
.login .btn_join {position:absolute; top:0; right:0;}
.login .join {border-bottom:solid 1px #e6e6e6;  border-top:solid 1px #e6e6e6; padding:15px 0; width:100%; text-align:center; color:#5e5e5e; letter-spacing:-1px;}
.login .join img {width:92%;}


/** 아이디/비밀번호 찾기 **/
.idpw {width:92%;  margin:0 auto; padding-bottom:20px;}
.idpw .box {background:#FFF;  margin-bottom:10px; margin-top:-40px;  border:solid 1px #d8d8d8; padding:40px 0 15px 0 ;}

.idpw .tab ul{zoom:1; width:100%;}
.idpw .tab ul:after{content:".";display:block; height:0;clear:both;visibility:hidden;}
.idpw .tab li{height:40px; float:left; margin-right:-1px; font-weight:bold; text-align:center; width:50%; padding-right:1px }
.idpw .tab li .ic{margin-top:-1px; position:relative; z-index:3; display:none;}
.idpw .tab li a { height:22px; text-align:center; border:1px solid #d3d3d3; background:#fff;display:block;color:#333;position:relative;z-index:1;padding-top:7px;}
.idpw .tab li a:hover{text-decoration:none;}
.idpw .tab li.on a{border:1px solid #a2cc4b;background:#b1da5b; z-index:2;color:#fff; }
.idpw .tab li.on .ic{display:inline;}

.idpw .box .idpw_bx {width:92%;  margin:0 auto; text-align:center; padding-top:10px; color:#5e5e5e; font-size:13px;}
.idpw .box .idpw_bx dl {width:100%; display:table; border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:15px 0 15px 0; margin-bottom:10px;}
.idpw .box .idpw_bx dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell; padding-top:5px; height:28px; float:left; color:#5e5e5e; text-align:left;}
.idpw .box .idpw_bx dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell; height:33px; float:left; text-align:left;}
.idpw .box .idpw_bx input.t_name {border:solid 1px #d8d8d8; padding:5px; height:15px; width:90%; background:#fff; border-radius:0 }
.idpw .box .idpw_bx input.t_num {border:solid 1px #d8d8d8; padding:5px; height:15px; width:26%; background:#fff; border-radius:0}
.idpw .box .idpw_bx select.t_num  {width:30%;}
.idpw .box .idpw_bx img {width:100%;}
.idpw .box .idpw_bx .t_bold{font-weight:bold; color:#007b78;}

/** 회원 가입 **/
.join {width:92%;  margin:0 auto; padding-bottom:20px; }
.join h2 {width:100%; font-weight:bold; color:#007b78; height:22px; font-size:16px; letter-spacing:-1px;}
.join .box {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:20px 4%; margin-bottom:20px; }
.join .box h3 {width:100%; color:#5e5e5e; height:20px; font-size:14px; letter-spacing:-1px; font-weight:normal;}
.join .box .agree {text-align:right; margin-top:-25px; height:30px; margin-right:-2px }
.join .box input {display:none;}
.join .box input.ip_c + label{display:inline-block;height:25px;padding:0 0 0 60px;background:url("/Content/Mobile/Image/icon_check_off.png") no-repeat left top; }
.join .box input.ip_c:checked + label{background:url("/Content/Mobile/Image/icon_check_on.png") no-repeat left top;}
.join .box textarea {border:solid 1px #d8d8d8; padding:5px 2%; width:96%; background:#fff; font-size:11px;}

.join .box2 {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:5px 4%; margin-bottom:20px; }
.join .box2 dl {width:100%; display:table;}
.join .box2 dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding-top:12px; height:62px; float:left; color:#5e5e5e}
.join .box2 dt.last {border-bottom:none; height:27px}
.join .box2 dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding:7px 0; height:60px; float:left;}
.join .box2 dd.last {border-bottom:none; height:25px}
.join .box2 input.t_name {border:solid 1px #d8d8d8; padding:5px; height:15px; width:95%; background:#fff; border-radius:0 }
.join .box2 input.t_num {border:solid 1px #d8d8d8; padding:5px; height:15px; width:26%; background:#fff; border-radius:0}
.join .box2 select.t_num  {width:30%;}

.join .box3 {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:7px 4% 15px 4%; margin-bottom:20px; }
.join .box3 dl {width:100%; display:table;}
.join .box3 dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell;padding-top:12px;  float:left; color:#5e5e5e; line-height:15px;}
.join .box3 dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell;padding-top:7px; float:left;}

.join .box3 input.t_name {border:solid 1px #d8d8d8; padding:5px; height:14px; width:93%; background:#fff; border-radius:0 }
.join .box3 input.t_num {border:solid 1px #d8d8d8; padding:5px; height:14px; width:26%; background:#fff; border-radius:0}
.join .box3 input.t_id {border:solid 1px #d8d8d8; padding:5px; height:14px; width:38%; background:#fff; border-radius:0}
.join .box3 select.t_num  {width:30%;}
.join .box3 select.t_mail  {width:90%;}
.join .box3 .t_sm {font-size:11px; display:block; }

.join ul.sm_t {margin-bottom:10px;}
.join li.sm_t {background:url(/Content/Mobile/Image/bullet2.png) no-repeat 0 4px; padding-left:10px; line-height:16px; margin-bottom:3px;}

.join .btn_big ul {width:100%; display:table;}
.join .btn_big li {width:48%; float:left;}
.join .btn_big li.btn_l {padding-right:2%;}
.join .btn_big li.btn_r {padding-left:2%;}
.join .btn_big img {width:100%;}


/** 마이페이지 **/
.mypage {width:92%;  margin:0 auto; padding-bottom:20px;}
.mypage h2 {width:100%; font-weight:bold; color:#007b78; height:22px; font-size:16px; letter-spacing:-1px;}

.mypage .tab ul{zoom:1; width:100%; margin-bottom:10px;}
.mypage .tab ul:after{content:".";display:block; height:0;clear:both;visibility:hidden;}
.mypage .tab li{height:40px; float:left; margin-right:-1px; font-weight:bold; text-align:center; width:50%; padding-right:1px }
.mypage .tab li .ic{margin-top:-1px; position:relative; z-index:3; display:none;}
.mypage .tab li a { height:22px; text-align:center; border:1px solid #d3d3d3; background:#fff;display:block;color:#333;position:relative;z-index:1;padding-top:7px;}
.mypage .tab li a:hover{text-decoration:none;}
.mypage .tab li.on a{border:1px solid #a2cc4b;background:#b1da5b; z-index:2;color:#fff; }
.mypage .tab li.on .ic{display:inline;}

.mypage .info ul {font-size:11px;width:100%; margin-bottom:20px;}
.mypage .info li {background:url(/Content/Mobile/Image/bullet2.png) no-repeat 0 4px; padding-left:10px; line-height:16px; margin-bottom:3px;}

.mypage .box1 {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:5px 4% 15px 4%; margin-bottom:20px; }
.mypage .box1 dl {width:100%; display:table; margin-bottom:10px;}
.mypage .box1 dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding-top:12px; height:27px; float:left; color:#5e5e5e}
.mypage .box1 dt.last { height:59px}
.mypage .box1 dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding:7px 0; height:25px; float:left;}
.mypage .box1 dd.last { height:57px}
.mypage .box1 input.t_day {border:solid 1px #d8d8d8; padding:5px; height:15px; width:38%; background:#fff; border-radius:0 }
.mypage .box1 input.t_num {border:solid 1px #d8d8d8; padding:5px; height:15px; width:26%; background:#fff; border-radius:0}
.mypage .box1 select.t_num  {width:30%;}
.mypage .box1 .t_box {padding-top:5px; display:inline-block; margin-right:5px; }
.mypage .box1 textarea {border:solid 1px #d8d8d8; padding:5px; width:90%; background:#fff;  }
.mypage .box1 table {width:100%; table-layout:fixed; border:0; padding:0; margin-top:7px; color:#5e5e5e}
.mypage .box1 th {height:36px; background:#e0e0e0; text-align:center; color:#5e5e5e; letter-spacing:-1px; font-size:13px; }	
.mypage .box1 td {padding:7px 0; font-size:13px; border-bottom:solid 1px #e6e6e6;}
.mypage .box1 td.price {text-align:right;}
.mypage .box1 td.num {text-align:center; }
.mypage .box1 td img {width:60px;}

.mypage .box2 {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:7px 4% 15px 4%; margin-bottom:20px; }
.mypage .box2 dl {width:100%; display:table;}
.mypage .box2 dt {width:30%; font-size:13px; letter-spacing:-1px; display:table-cell;padding-top:12px;  float:left; color:#5e5e5e; line-height:15px;}
.mypage .box2 dd {width:70%; font-size:13px; letter-spacing:-1px; display:table-cell;padding-top:7px; float:left;}
.mypage .box2 input.t_name {border:solid 1px #d8d8d8; padding:5px; height:14px; width:93%; background:#fff; border-radius:0 }
.mypage .box2 input.t_num {border:solid 1px #d8d8d8; padding:5px; height:14px; width:26%; background:#fff; border-radius:0}
.mypage .box2 input.t_id {border:solid 1px #d8d8d8; padding:5px; height:14px; width:38%; background:#fff; border-radius:0}
.mypage .box2 select.t_num  {width:30%;}
.mypage .box2 select.t_mail  {width:90%;}
.mypage .box2 .t_sm {font-size:11px; display:block; }
.mypage .box2 .t_bold {display:block; padding-top:5px; color:#5e5e5e; font-weight:bold;}

.mypage .box3 {width:92%; background:#FFF;  border:solid 1px #d3d3d3; padding:5px 4% 15px 4%; margin-bottom:20px; }
.mypage .box3 dl {width:100%; display:table; margin-bottom:10px;}
.mypage .box3 dt {width:22%; font-size:13px; letter-spacing:-1px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding-top:10px; height:25px; float:left; color:#5e5e5e}
.mypage .box3 dt.name { height:175px}
.mypage .box3 dt.last { height:30px; border-bottom:none;}
.mypage .box3 dd {width:78%; font-size:13px; display:table-cell; border-bottom:solid 1px #e6e6e6; padding-top:10px; height:25px; float:left;}
.mypage .box3 dd.name { height:175px}
.mypage .box3 dd.last { height:30px; border-bottom:none;}
.mypage .box3 .t_sm {font-size:11px; display:block; padding-top:2px;}

.mypage .btn_big ul {width:100%;  display:table;}
.mypage .btn_big li {width:48%; float:left;}
.mypage .btn_big li.btn_l {padding-right:2%;}
.mypage .btn_big li.btn_r {padding-left:2%;}
.mypage .btn_big img {width:100%;}


header{width:100%; position:relative;}
#subBody{font-family: sans-serif !important; width:100%; background : url() 0 0 repeat-y; background-size: 100% auto; padding-bottom:10px;}
#subBody .subWrap{width: 100%; margin: 0px auto; padding:60px 0 0 0;}
#subBody .subWrap .subTitle h1{padding: 14px 0 12px 0; font-size: 14pt;  color: #fff; text-align: center; background: #abcd12;  background-size: 24px auto;}
#subBody .subWrap .contentsFix .tblNoticeMobile .title{font-size: 11pt; color:#636363; font-weight: bold;}
#subBody .subWrap .contentsFix .tblNoticeMobile dl dd {display: block; padding: 17px 30px 17px 15px; letter-spacing: -0.03em; border-bottom: 1px solid #eee; background: url('../img/ic_list_arrow.png') no-repeat 97% 50%; background-size: 12px auto; font-size: 13px;}
#subBody .subWrap .contentsFix .tblNoticeMobile dl dd a {outline: 0; border: 0; color: #333; text-decoration: none;}
#subBody .subWrap .contentsFix .tblNoticeMobile dl dd p{padding : 5px 0 0 0;}
footer{padding: 30px 0 40px 0; display: table; background-color: #353535; width: 100%; clear: both;}
footer .footerWrap{width: 90%; margin: 0 auto;}

.programWrap{padding:20px;}
.programWrap img{width:100%;}
.programWrap p{margin-bottom:20px;}


.contactInfo p{font-size:10pt; width:90%; letter-spacing:-0.03em; padding:5px 0 5px 0;}
.contactInfo p .info{font-weight:bold;}

.prdList{width:90%; border:0px red solid; margin:-20px auto;}
.prdList ul{margin-top:30px;}
.prdList ul li{width:48%; display:inline-block; vertical-align:text-top;}
.prdList ul li:hover{opacity:0.7;}
.prdList ul li img{width:100%;}