@charset "utf-8";


/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#333;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676;-webkit-text-size-adjust:none;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:14px/1.5 "Malgun Gothic", "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{max-width:100%;border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{max-width:100%;height:24px;padding:2px 5px 2px;border:1px solid #e2e2e2;line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px; /* -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none; */}
input[type="file"]{max-width:100%;border:1px solid #e2e2e2;background:#fff; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
textarea{overflow:auto;overflow-x:hidden;padding:5px;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;height:24px;border:1px solid #e2e2e2; background:#fff; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0;}

input[type="submit"],
input[type="reset"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nologin_wrap;cursor:pointer;outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}


/* content */

/* 공통영역 */

.wrapper {padding:0 0 0;}

.footmenu {width:100%; background: url('../../images/mobile/bg_footmenu.jpg') 0 0 repeat-x; position:fixed; left:0; bottom:0; z-index:10;}
.footmenu ul:after {content:""; display:block; clear:both;}
.footmenu ul li {float:left; border-left:1px solid #2e2e2e; border-right:1px solid #797878; width:25%; box-sizing:border-box; text-align:center; line-height:45px; vertical-align:middle;}
.footmenu ul li img {width:12px; height:11px; vertical-align:middle; margin-right:6px;}
.footmenu ul li a {font-size:1.2em; letter-spacing:-1px; color:#fff;}
.footmenu ul li:first-child {border-left:none 0;}
.footmenu ul li:last-child {border-right:none 0;}

#btn_top{display:none;position:fixed;right:19px;bottom:55px;z-index:14;width:40px;height:40px;border-radius:100%;background:#00a4e4;text-align:center;}
#btn_top > span{display:block;height:100%;font-size:0;}
#btn_top > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#btn_top > span img{width:18px;}

/* 로그인 */

.login_wrap .header {max-width:640px; margin:0 auto;}
.login_wrap .header ul{position:relative;box-shadow:0 8px 13px rgba(0,0,0,.09);}
.login_wrap .header ul:after {content:""; display:block; clear:both;}
.login_wrap .header ul li {float:left;/*  width:160px; */ width:50%; }



.login_wrap .login {margin:0 30px;}
.login_wrap .login .id {border-bottom:1px solid #d4d4d4;}

.login_wrap .login .id .label_area,
.login_wrap .login .pw .label_area {float:left; width:91px; height:43px; border-right:1px solid #d4d4d4; text-align:center;}

.login_wrap .login .id .label_area label ,
.login_wrap .login .pw .label_area label {display:inline-block; width:91px; height:33px; padding:10px 0 0;}
.login_wrap .login .id .label_area label img,
.login_wrap .login .pw .label_area label img {width:13px; background-size:13px auto;}

.login_wrap .login_form {border:1px solid #d4d4d4; border-radius:7px; margin:0 auto 9px; max-width:640px;}

.login_wrap .login_form .id .login_area input,
.login_wrap .login_form .pw .login_area input  {height:43px; border:none 0; border-radius:7px; font-size:1.2em;}

.login_wrap .login_form .id .login_area,
.login_wrap .login_form .pw .login_area {margin:0 0 0 92px;}

.login_wrap .login_form .id:after {content:""; display:block; clear:both;}
.login_wrap .login_form .pw:after {content:""; display:block; clear:both;}

.login_wrap .btn_area {max-width:640px; margin:0 auto 5px;}
.login_wrap .btn_area ul{margin:0 0 0 -10px;}
.login_wrap .btn_area ul:after {content:""; display:block; clear:both;}
.login_wrap .btn_area ul li {width:50%;padding:0 0 0 10px;box-sizing:border-box;}
.login_wrap .btn_area ul li.login_btn {float:left;}
.login_wrap .btn_area ul li.cencel_btn {float:left;}

/* .login_wrap .btn_area ul li input.btn {width:100%; height:42px; font-size:1.3em; line-height:37px; font-weight:bold; border-radius:7px; border:none 0; } */
.login_wrap .btn_area ul li input.btn {width:100%; height:42px; line-height:37px; font-weight:bold; border-radius:7px; border:none 0; } /*수정*/
.login_wrap .btn_area ul li input.submit {background-color:#00a4e4; color:#fff;}
.login_wrap .btn_area ul li input.cencel {background-color:#f9f9f9; color:#333;}

.login_wrap .chk_area {max-width:640px; margin:0 auto 25px;}

.login_wrap .footer {max-width:640px; margin:0 auto;}

.product_info .btn {padding: 0;}

/* 리스트 */

.list_wrap {max-width:640px; margin:0 auto; position:relative;}
.list_wrap .header_top {background-color:#00a4e4; padding:0 10px; position:relative; color:#fff;}
.list_wrap .header_top img.logo {height:23px; background-size:82px auto; padding:12px;}
.list_wrap .header_top img.btn {width:27px; background-size:17px auto; display:inline-block;}
/* .list_wrap .header_top img.all {position:absolute; right:45px; top:15px;} */
.list_wrap .header_top img.all {position:absolute; right:15px; top:15px;} /*수정*/
.list_wrap .header_top img.sch {position:absolute; right:15px; top:10px; padding:5px;}
.list_wrap .header_top img.cart {position:absolute; right:50px; padding:5px; top:8px; height:19px; width:auto;}

.list_wrap .header_top .header_right{position:absolute; right:15px; top:3px; font-weight:bold; letter-spacing:-1px;}
.list_wrap .header_top .header_right > *{display:inline-block;vertical-align:middle;}
.list_wrap .header_top .header_right > a{padding:5px;}
.list_wrap .header_top .header_right .text{padding:0 0 3px;font-size:.8em;vertical-align:bottom;}
.list_wrap .header_top .header_right .btn{position:static;padding:0;}

.list_wrap .header_top .header_left{position:absolute; left:5px; top:7px; font-weight:bold; letter-spacing:-1px;}
.list_wrap .header_top .header_left > *{display:inline-block;vertical-align:middle;}
.list_wrap .header_top .header_left > a{padding:5px;}
.list_wrap .header_top .header_left .text{padding:0 0 3px;font-size:.8em;vertical-align:bottom;}
.list_wrap .header_top .header_left .btn{position:static;padding:0;}

.list_wrap .header_top .header_top_mid {padding-left: 25px; }

.list_wrap .header_top .header_top_right { position: absolute; width: 60%; height: 35px; top: 14px; right: 5px; }
.list_wrap .header_top .header_top_right .tmenu-home1 { float: right; width: 49%; height: 35px; padding-right: 1%; } 
.list_wrap .header_top .header_top_right .tmenu-home2 { float: right; width: 49%; height: 35px; padding-right: 0px; }
.list_wrap .header_top .header_top_right .tmenu-home1-btn { width: 100%; height: 30px; margin-top: 5px; padding-top: 5px; background-color: #017EAF; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 12px; letter-spacing: -0.05em; font-family: 'Malgun Gothic'; font-weight: bold; }
.list_wrap .header_top .header_top_right .tmenu-home2-btn { width: 100%; height: 30px; margin-top: 5px; padding-top: 5px; background-color: #263D69; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 12px; letter-spacing: -0.05em; font-family: 'Malgun Gothic'; font-weight: bold; }

.list_wrap .header_mid {background-color:#017eaf; padding:9px 10px; position:relative;}
.list_wrap .header_mid input[type="text"] {width:100%; height:27px; padding:0 0 0 25px;}
.list_wrap .header_mid img.search {position:absolute; left:17px; top:17px; width:12px; background-size:12px auto;}



/* 검색 오버 */
/* .list_wrap .search_result {position:absolute; left:0; top:0;  max-width:640px; width:100%; z-index:12; height:100%; background-color:rgba(0,0,0,0.8);} */
.list_wrap .search_result {position:absolute; left:0; top:1; width:100%; z-index:5; height:100%; background-color:rgba(0,0,0,0.8);} /* 수정 */
.list_wrap .search_result .search_over {background-color:#00a4e4; margin:0 auto 10px; padding:7px 10px; } /* 수정 */
.list_wrap .search_result .search_over .search_write { padding-right:45px; position:relative;}
.list_wrap .search_result .search_over .search_write input[type="text"] {padding:0 0 0 30px; vertical-align:middle; width:100%; }
.list_wrap .search_result .search_over .search_write input[type="search"] {max-width:100%;height:24px;padding:2px 5px 1px;border:1px solid #e2e2e2;line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;padding:0 0 0 30px; vertical-align:middle; width:100%;}
.list_wrap .search_result .search_over .search_write img.search {position:absolute; left:10px; top:6px; width:12px; background-size:12px auto;}
.list_wrap .search_result .search_over .search_write a.icon_cencel {position:absolute; right:40px; top:-10px; width:10px; height:10px; padding:10px;}
.list_wrap .search_result .search_over a.cencel {font-size:1em; color:#fff; font-weight:bold; width:35px; position:absolute; right:15px; top:10px;}
.list_wrap .search_result .search_over a.cencel_ex {font-size:1em; color:#fff; font-weight:bold; width:35px; position:absolute; right:15px; top:10px;} /* 수정 */

.list_wrap .search_product_news_result {position:absolute; left:0; top:-10px; max-width:640px; width:100%; z-index:5; height:100%;} /* 수정 */
.list_wrap .search_product_news_result .search_over {background-color:#00a4e4; max-width:640px; margin:0 auto 10px; padding:7px 10px; } /* 수정 */
.list_wrap .search_product_news_result .search_over .search_write { padding-right:45px; position:relative;} /* 수정 */
.list_wrap .search_product_news_result .search_over .search_write input[type="text"] {padding:0 0 0 30px; vertical-align:middle; width:100%; } /* 수정 */
.list_wrap .search_product_news_result .search_over .search_write img.search {position:absolute; left:10px; top:6px; width:12px; background-size:12px auto;} /* 수정 */
.list_wrap .search_product_news_result .search_over .search_write a.icon_cencel {position:absolute; right:40px; top:-10px; width:10px; height:10px; padding:10px;} /* 수정 */
.list_wrap .search_product_news_result .search_over a.cencel {font-size:1em; color:#fff; font-weight:bold; width:35px; position:absolute; right:15px; top:10px;} /* 수정 */

.list_wrap .search_product_news_result2 {position:relative; left:0; top:0px; max-width:640px; width:100%; z-index:5; height:100%;} /* 수정 */
.list_wrap .search_product_news_result2 .search_over {background-color:#00a4e4; max-width:640px; margin:0 auto 10px; padding:7px 10px; } /* 수정 */
.list_wrap .search_product_news_result2 .search_over .search_write { padding-right:45px; position:relative;} /* 수정 */
.list_wrap .search_product_news_result2 .search_over .search_write input[type="text"] {padding:0 0 0 30px; vertical-align:middle; width:100%; } /* 수정 */
.list_wrap .search_product_news_result2 .search_over .search_write img.search {position:absolute; left:10px; top:6px; width:12px; background-size:12px auto;} /* 수정 */
.list_wrap .search_product_news_result2 .search_over .search_write a.icon_cencel {position:absolute; right:40px; top:0px; width:10px; height:10px; padding:10px;} /* 수정 */
.list_wrap .search_product_news_result2 .search_over a.cencel {font-size:1em; color:#fff; font-weight:bold; width:35px; position:absolute; right:15px; top:10px;} /* 수정 */

/* 상품리스트 */
.list_wrap .search_result ul.product_list {background-color:#FFF; border:1px solid #e2e2e2; margin:0 10px; opacity:1;}
.list_wrap .search_result ul.product_list li {border-bottom:1px solid #e2e2e2; position:relative; padding:20px 30px 20px 10px;}
.list_wrap .search_result ul.product_list li a.list_icon {position:absolute; right:0; top:10px; width:10px; height:10px; padding:15px;}
.list_wrap .search_result ul.product_list li a.list_icon img {vertical-align:top; color:#000;}
.list_wrap .search_result ul.product_list li.title {background-color:#f7fcfe; font-weight:bold; color:#000;}
.list_wrap .search_result ul.product_list li.last a {vertical-align:middle;}
.list_wrap .search_result ul.product_list li.last img {margin-right:10px; vertical-align:middle; width:10px; height:10px;}

/* 상품 탭메뉴 */
.list_wrap .list_cont .list_menu {padding:10px; overflow:hidden;}
.list_wrap .list_cont .list_menu ul {border:1px solid #e2e2e2; background-color:#FFF;}
.list_wrap .list_cont .list_menu ul:after {content:""; display:block; clear:both;}
.list_wrap .list_cont .list_menu ul li {float:left; width:25%; text-align:center; font-weight:bold; color:#666; letter-spacing:-1px; padding:0 15px; box-sizing:border-box; border-left:1px solid #e2e2e2; position:relative; line-height:36px; white-space:nowrap;}
.list_wrap .list_cont .list_menu ul li:first-child {border-left:none 0;}
.list_wrap .list_cont .list_menu ul li.active {background-color:#404040; font-weight:bold; color:#fff;}
.list_wrap .list_cont .list_menu ul li a {display:inline-block; width:100%; height:100%;}
.list_wrap .list_cont .list_menu ul li span.new {width:23px; height:23px; display:inline-block; background: url('../../images/mobile/icon_new.png') 50% 0 no-repeat; background-size:23px auto; color:#fff; text-align:center; position:absolute; right:0px; top:-10px; font-size:12px; line-height:23px; z-index:1;}

/* 상품*/
.list_wrap .list_cont {overflow:hidden; background-color:#f0f0f0; position:relative;}
.list_wrap .list_cont .product {background-color:#FFF; padding:34px 14px 0; margin:0 10px;}
.list_wrap .list_cont .product .product_title {padding:0 10px;}
.list_wrap .list_cont .product .product_title p.data {line-height:30px; letter-spacing:-.5px; color:#666; font-size:1em;}
.list_wrap .list_cont .product .product_title p.title {font-size:1.3em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px; margin:6px 0 11px;}
.list_wrap .list_cont .product .product_title .text_area {width:100%; word-break:break-all; margin-bottom:18px;}
.list_wrap .list_cont .product .product_title .text_area a {display:block;font-size:1.1em; line-height:30px; letter-spacing:-.5px; color:#333;}
.list_wrap .list_cont .product .product_title .text_area a span {display:inline-block;color:#ef7b0b; font-weight:bold;}
.list_wrap .list_cont .product .product_title p.info {font-size:1.2em; color:#333;} /*수정*/
.list_wrap .list_cont .product .btn_area {text-align:right; padding-bottom:15px;}
.list_wrap .list_cont .product .btn_area a {display:inline-block; width:129px; height:42px; background-color:#ef7b0b; color:#fff; font-weight:bold; line-height:42px; border-radius:5px; text-align:center; margin:8px 0; font-size:14px; margin-right:17px;}

.tab_wrap .tabcont .product{margin:0;}
.list_wrap .list_cont .tab_wrap .more{margin:10px 0;}

/* 이벤트 */
.event_wrap .event_cont {letter-spacing:-.5px;}
.event_wrap .event_cont .event_title h3 {font-size:1.5em; line-height:50px; color:#00a4e4; font-weight:bold;}
.event_wrap .event_cont .event_title p {font-size:1em; line-height:40px; font-weight:bold; padding:0 0 0 14px;}
.event_wrap .event_cont .event_title p.second {margin:10px 0 5px;}
.event_wrap .event_cont .event_title1 h3 {font-size:1.3em; line-height:15px; color:#00a4e4; font-weight:bold; padding-top: 25px;}
.event_wrap .event_cont .event_title2 h3 {font-size:1em; line-height:30px; color:#00a4e4; font-weight:bold; padding-left: 15px;}

.event_wrap .list_cont {background-color:#f0f0f0; position:relative;}
.event_wrap .list_cont .event_product {padding:0 0 12px; background-color:#F0F0F0;}
.event_wrap .list_cont .event_product .product_detail:after {content:""; display:block; clear:both;}
.event_wrap .list_cont .event_product .product_detail {margin:10px 0 0; background-color:#FFF; border:1px solid #e2e2e2;}
.event_wrap .list_cont .event_product .product_detail:first-child {margin-top:0;}


.event_wrap .list_cont .event_product .product_detail .left_product {float:left; width:130px; margin:0 0 0 10px;}
.event_wrap .list_cont .event_product .product_detail .left_product dl dd {font-size:1em; line-height:20px; letter-spacing:-.5px; color:#ef7b0b;}
.event_wrap .list_cont .event_product .product_detail .left_product dl dt {margin:10px 0 0; position:relative; border:1px solid #ddd; width:100px; height:100px;}
.event_wrap .list_cont .event_product .product_detail .left_product dl dt img {width:100%; height:100%;}
.event_wrap .list_cont .event_product .product_detail .left_product dl dt span img {width:15px; height:15px; position:absolute; left:5px; top:5px;}
.event_wrap .list_cont .event_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;} 

.event_wrap .list_cont .event_product .product_detail .right_product {margin:0 0 0 150px; letter-spacing:-0.5px;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_title {padding:0;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_title h3 {font-size:1.3em; line-height:30px; color:#00a4e4; font-weight:bold;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_title p.money {font-size:1.5em; line-height:30px; font-weight:bold; color:#00a4e4;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin:10px 0; padding:10px 0;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:30px; font-weight:bold; text-align:left;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span {display:inline-block; width:15%; height:100%; text-align:center;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span.ea {width:25%;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span.ea input {text-align:center; height:27px; line-height:27px;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span.btn img {width:27px; height:27px;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span.cart {background-color:#00a4e4; padding:0 6px; border-radius:5px; height:27px; line-height:27px; vertical-align:middle;}
.event_wrap .list_cont .event_product .product_detail .right_product .product_info table td span.cart a {display:block; color:#fff; width:100%; height:100%;}

.event_wrap .list_cont .event_product .more {margin:10px 0;}


.list_cont #Lnb{position:relative;border-bottom:1px solid #94958f;background:#f2f2f2; overflow:hidden; margin:0 0 10px; padding-top:10px;}
.list_cont #Lnb .lnb_wrap{}

.list_cont #Lnb .swiper-container{overflow:hidden; height:40px;line-height:40px;}
.list_cont #Lnb .swiper-wrapper{box-sizing:border-box;text-align:center;}
.list_cont #Lnb .swiper-slide{position:relative;box-sizing:border-box;border:0;}
.list_cont #Lnb .swiper-slide a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background-color:#FFF; color:#343434; font-weight:bold;}
.list_cont #Lnb .swiper-slide:before,
.list_cont #Lnb .swiper-slide:after{}
.list_cont #Lnb .swiper-slide:before{left:-1px;}
.list_cont #Lnb .swiper-slide:after{right:0;}
.list_cont #Lnb .swiper-slide.on{}
.list_cont #Lnb .swiper-slide.on a {position:relative;}
.list_cont #Lnb .swiper-slide.on a:before {content:""; display:block; width:100%; height:2px; background-color:#676767;position:absolute; left:0; right:0; bottom:0;}
.list_cont #Lnb .swiper-slide span.new {width:23px; display:inline-block; background: url('../../images/mobile/icon_new.png') 50% 0 no-repeat; background-size:23px auto; color:#fff; text-align:center; position:absolute; right:0px; top:-10px; font-size:12px; line-height:23px; z-index:1;}

.list_cont #Lnb .swiper-button-prev,
.list_cont #Lnb .swiper-button-next{position:absolute;top:10px;z-index:2;width:30px;height:40px;margin-top:0;background-repeat:no-repeat;background-position:50%;background-size:6px 10px;}
.list_cont #Lnb .swiper-button-prev{left:0;background-image:url('../../images/mobile/btn_left.png'); background-color:rgba(0,0,0,.2);}
.list_cont #Lnb .swiper-button-next{right:0;background-image:url('../../images/mobile/btn_right.png'); background-color:rgba(0,0,0,.2);}

.list_cont #Lnb .swiper-button-prev.swiper-button-disabled,
.list_cont #Lnb .swiper-button-next.swiper-button-disabled{opacity:0;}

.list_cont #Lnb button{display:none;position:absolute;top:10px;z-index:2;width:30px;height:40px;background-repeat:no-repeat;background-position:50%;background-size:6px 10px;}
.list_cont #Lnb button.prev{left:0;background-image:url('../../images/mobile/btn_left.png'); background-color:rgba(0,0,0,.2);}
.list_cont #Lnb button.next{right:0;background-image:url('../../images/mobile/btn_right.png'); background-color:rgba(0,0,0,.2);}
.list_cont #Lnb button span{display:block;position:relative;text-indent:-9999px;}

.menu_desc{margin:0 10px;padding:5px 10px;background:#ddd;text-align:center;font-weight:bold;color:#5d5d5d;}

/* 네비게이션 */
/* .navigation_wrap .location {margin:0 10px; padding:17px 0 0; line-height:40px; letter-spacing:-.5px;} */
.navigation_wrap .location {line-height:40px;} /*수정*/
.navigation_wrap .location h3 {font-size:1.5em;color:#00a4e4;}
.navigation_wrap .location p {font-size:1em; color:#666; line-height:20px;}

.navigation_wrap .list_cont {background-color:#f0f0f0; position:relative;}
.navigation_wrap .list_cont .navigation_product {padding:0 0 12px; background-color:#F0F0F0;}
.navigation_wrap .list_cont .navigation_product .product_detail:after {content:""; display:block; clear:both;}
.navigation_wrap .list_cont .navigation_product .product_detail {margin:10px 0 0; background-color:#FFF; border:1px solid #e2e2e2;}
.navigation_wrap .list_cont .navigation_product .product_detail:first-child {margin-top:0;}


.navigation_wrap .list_cont .navigation_product .product_detail .left_product {float:left; width:30%; margin:0 0 0 10px;}
.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd {font-size:1em; line-height:30px; letter-spacing:-.5px; color:#ef7b0b;}
.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dt {margin:10px 0 0; position:relative;}
.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dt img {width:100px; height:100px;}
.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dt span img {width:20px; height:20px; position:absolute; left:5px; top:5px;}
.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;} 

.navigation_wrap .list_cont .navigation_product .product_detail .right_product {margin:0 8px; width:60%; float:right; letter-spacing:-.5px;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_title {padding:0;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_title h3 {font-size:1.3em; line-height:30px; color:#00a4e4; font-weight:bold;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_title p.money {font-size:1.5em; line-height:30px; font-weight:bold; color:#00a4e4;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin:10px 0; padding:10px 0;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:25px; font-weight:bold; text-align:left;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span {display:inline-block; width:15%; height:100%; text-align:center;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span.ea {width:25%;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span.ea input {text-align:center; height:27px; line-height:27px;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span.btn img {width:27px; height:27px;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span.cart {background-color:#00a4e4; padding:0 6px; border-radius:5px; height:27px; line-height:27px; vertical-align:middle;}
.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td span.cart a {display:block; color:#fff; width:100%; height:100%;}
.navigation_wrap .list_cont .navigation_product .more {margin:10px 0;}



/* 더보기 */
.list_wrap .list_cont .more {line-height:26px; border:1px solid #00a4e4; text-align:center; margin:10px; background-color:#FFF;}
.list_wrap .list_cont .more a {font-size:1.2em; letter-spacing:-.5px; color:#00a4e4; display:block; font-weight:bold;}

/* 검색버튼 */
.list_wrap .search_btn {position:fixed; right:19px; bottom:120px; z-index:14; width:40px; height:40px;}

/* 제품검색 */
.info_wrap .search_btn {position:absolute; right:0; top:0; z-index:14}

/* 제품상세 */
.detail_wrap {max-width:640px; margin:0 auto; position:relative;}
.detail_wrap .header_top {background-color:#34b7ea; height:45px; text-align:center; margin:0 0 16px;}
.detail_wrap .header_top h2 {font-size:2em; line-height:45px; letter-spacing:-.5px; font-weight:bold; color:#fff;}
.detail_wrap .header_top a.prev {display:inline-block; padding:10px; position:absolute; left:25px; top:0;}
.detail_wrap .header_top a.option {display:inline-block; padding:10px; position:absolute; right:25px; top:0;}
.detail_wrap .header_top a.option img { width:17px; height:17px;}

.list_wrap .header_top a.option {display:inline-block; padding:10px; position:absolute; right:15px; top:0;} /*수정*/
.list_wrap .header_top a.option img { width:17px; height:17px;} /*수정*/

.detail_wrap .header_top a img {width:7px; height:14px; }
/* .detail_wrap .detail_cont {margin:0 35px; padding:15px 0;} */
.detail_wrap .detail_cont {margin:0 10px;} /*수정*/

.detail_wrap .detail_cont .product_title p.title {font-size:1.5em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px; margin:6px 0 11px;}
.detail_wrap .detail_cont .product_title .text_area {width:100%; word-break:break-all; margin-bottom:18px; font-size:1em; line-height:30px; letter-spacing:-.5px; color:#333;}
.detail_wrap .detail_cont .product_title p.info {font-size:1.2em; color:#333;} /*수정*/
.detail_wrap .detail_cont .product_list ul li {margin-bottom:10px; border:1px solid #e2e2e2; position:relative;}
.detail_wrap .detail_cont .product_list ul li img.Symbols {width:25px; height:33px; position:absolute; left:15px; top:25px;}
.detail_wrap .detail_cont .btn_area_n {text-align:right; margin:16px 0 34px;} /*수정*/
.detail_wrap .detail_cont .btn_area_n a {display:inline-block; width:100%; height:42px; background-color:#ef7b0b; color:#fff; font-weight:bold; line-height:42px; border-radius:5px; text-align:center; margin:8px 0; font-size:1.5em;} /*수정*/


.detail_wrap .detail_cont .btn_area {position:fixed; bottom:46px; height:150px; }
.detail_wrap .detail_cont .btn_area a {display:inline-block; width:100%; height:42px; background-color:#00a4e4; color:#fff; font-weight:bold; line-height:42px; border-radius:5px; text-align:center; font-size:1.5em; position:fixed; bottom:46px; }


.layerProduct{width:100%; height:100%; position:fixed; left:0; top:22%; right:0; bottom:0; z-index:100; overflow:hidden; opacity:0;}
.layerProduct_close{position:fixed; left:10px; top:10px; color:#fff; z-index:101; display:none; width:17px; height:17px;} 
.dim{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.9; z-index:99; display:none}


/* 제품검색리스트 */
.searchlist_wrap .list_cont {background-color:#f0f0f0; position:relative;}
.searchlist_wrap .list_cont .search_product {padding:0 0 12px; background-color:#F0F0F0;}
.searchlist_wrap .list_cont .search_product .product_detail:after {content:""; display:block; clear:both;}
.searchlist_wrap .list_cont .search_product .product_detail {margin:10px 0 0; background-color:#FFF; border:1px solid #e2e2e2; padding:10px;}
.searchlist_wrap .list_cont .search_product .product_detail:first-child {margin-top:0;}


.searchlist_wrap .list_cont .search_product .product_detail .left_product {float:left; width:115px; margin:0 0 0 10px;}
.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd {font-size:1em; line-height:16px; letter-spacing:-.5px; color:#ef7b0b;}
.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dt {margin:10px 0 0; position:relative; border:1px solid #ddd; width:100px; height:100px;}
.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dt img {width:100px; height:100px;}
.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dt span img {width:auto; height:20px; position:absolute; left:5px; top:5px;}
.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;} 

.searchlist_wrap .list_cont .search_product .product_detail .right_product {margin:0 0 0 150px; letter-spacing:-0.5px;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_title {padding:0; margin:10px 0 0;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_title h3 {font-size:1.3em; line-height:30px; color:#00a4e4; font-weight:bold;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_title p.money {font-size:1.3em; line-height:30px; font-weight:bold; color:#00a4e4;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info {border-top:1px solid #e2e2e2; margin:10px 0 5px; padding:10px 0 0;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:30px; font-weight:bold; text-align:left;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span {display:inline-block; width:15%; height:100%; text-align:center;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span.ea {width:25%;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span.ea input {text-align:center; height:27px; line-height:27px;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span.btn img {width:27px; height:27px;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span.cart {background-color:#00a4e4; padding:0 6px; border-radius:5px; height:27px; line-height:27px; vertical-align:middle;}
.searchlist_wrap .list_cont .search_product .product_detail .right_product .product_info table td span.cart a {display:block; color:#fff; width:100%; height:100%;}

.searchlist_wrap .list_cont .search_product .more {margin:10px 0;}

/* 제품상세(검색) */
/* .info_wrap {max-width:640px; margin:0 auto; position:relative; padding-bottom:245px;} */
.info_wrap {margin:0 auto; position:relative;}
.info_wrap .header_top {background-color:#34b7ea; height:45px; text-align:center;}
.info_wrap .header_top h2 {font-size:2em; line-height:45px; letter-spacing:-.5px; font-weight:bold; color:#fff;}
.info_wrap .header_top a.prev {display:inline-block; padding:10px; position:absolute; left:25px; top:0;}
.info_wrap .header_top a img {width:7px; height:14px; }
.info_wrap .header_top a img.sch {position:absolute; right:15px; top:8px; height:19px; width:auto;}

.info_wrap .location {font-size:1em; letter-spacing:-.5px; color:#666; margin:0 10px;}
.info_wrap .info_cont {margin:0 10px; letter-spacing:-.5px;}
.info_wrap .info_cont .info_photo {border:1px solid #e2e2e2; position:relative;}
.info_wrap .info_cont .info_photo img.Symbols {position:absolute; left:25px; top:35px;}
/* 2019-04-04 추가 */
.info_wrap .info_cont .info_photo img.RecomStar {position:absolute; left:55px; top:35px; width:27px;}
/* --------------- */
.info_wrap .info_cont .title_area:after {content:""; display:block; clear:both;}
.info_wrap .info_cont .title_area {margin:12px 0 0; border-bottom:1px solid #e2e2e2;}
.info_wrap .info_cont .title_area h3 {float:left; font-size:2em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px;}
.info_wrap .info_cont .title_area h3 span {display:block; font-size:.6em; line-height:30px; color:#333;}
.info_wrap .info_cont .title_area span.movie {display:inline-block; background-color:#74af26; border-radius:7px; float:right; margin:10px 0;}
.info_wrap .info_cont .title_area span img {width:12px; height:14px; vertical-align:middle; margin:0 3px 0 0;}
.info_wrap .info_cont .title_area span a {display:block; color:#fff; font-size:1em; letter-spacing:-.5px; font-weight:bold; padding:8px 12px;}

.info_wrap .info_cont .table {border-bottom:1px solid #e2e2e2;}
.info_wrap .info_cont .table table {text-align:left; letter-spacing:-.5px; line-height:25px; margin:15px 0 12px;}
.info_wrap .info_cont .table table th {font-size:1em; color:#000; font-weight:bold;}
.info_wrap .info_cont .table table th.event {color:#ef7b0b;}
.info_wrap .info_cont .table table td.event {color:#ef7b0b;}
.info_wrap .info_cont .table table td.money {color:#00a4e4; font-weight:bold;}
.info_wrap .info_cont .table table td img {width:25px; height:25px;}
.info_wrap .info_cont .table table td input {width:38px; height:25px; text-align:center; width:30%;}


/*
.info_wrap .info_cont .btn_area {margin:12px 0 23px;}
.info_wrap .info_cont .btn_area span {display:inline-block; border:1px solid #00a4e4; border-radius:7px; width:48%; margin-left:1%; text-align:center;}
.info_wrap .info_cont .btn_area span img {width:13px; height:12px; margin:0 10px 0 0;}
.info_wrap .info_cont .btn_area span a { font-size:14px; line-height:40.5px; color:#fff; font-weight:bold;}
.info_wrap .info_cont .btn_area span.buy a {color:#00a4e4;}
.info_wrap .info_cont .btn_area span.cart {background-color:#00a4e4;}
.info_wrap .info_cont .btn_area span:first-child {margin-left:0;}
*/

/*제품 옵션 탭부분*/
.tabBtn {position:fixed; left:0; right:0; bottom:0; padding:45px 0 0; }
.tabBtn .tabBtn_wrap {padding:10px; background: url('../../images/mobile/bg_tab.jpg') 0 0 repeat;}
.tabBtn .arrow {background: url('../../images/mobile/btn_top.png') center top no-repeat;  height:30px;}
.tabBtn .arrow a {width:188px; height:38px; display:block; padding-top:10px; margin:0 auto; text-align:center;}
.tabBtn .arrow a span {display:block; height:7px; overflow:hidden; font-size:0;}
.tabBtn .cart_module{display:none;}
.tabBtn .newtitle {position:relative;padding:5px 0 0;}
.tabBtn .newtitle h3 {font-size:1.3em; color:#333; font-weight:bold;}
.tabBtn .newtitle p.sub_ {font-size:1.2em; color:#666;}
.tabBtn .newtitle p.del {position:absolute; right:12px; top:5px;}
.tabBtn .form {background-color:#FFF; padding:7px 9px; }
.tabBtn .form:after {content:""; display:block; clear:both;}
.tabBtn .form input[type="text"] {text-align:center; width:50px;}
.tabBtn .form span.price {float:left; font-size:1.3em; font-weight:bold; color:#333;}
.tabBtn .form span.option {float:right;}
.tabBtn .btn_area {margin-top:7px;margin-bottom:0;}
.tabBtn .btn_buy {margin:0 -10px; padding:7px 0 0;}
.tabBtn .btn_buy > a{display:block; background-color:#00a4e4; color:#fff; border-radius:5px; padding:9px 0; text-align:center; font-size:1.5em; font-weight:bold;}

/*
.tabBtn.active .arrow a span > img{margin-top:-7px;}
.tabBtn.active .cart_module{display:block;}
.tabBtn.active .btn_buy {display:none;}
*/


/* tab_wrap */
.tab_wrap .tabcont{height:0; overflow:hidden;}
.tab_wrap .tabcont.on{height:auto; overflow:visible;}

.tab_category{width:100%; margin-bottom:10px; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse; box-sizing:border-box;}
.tab_category ul {display:table-row}
.tab_category ul li {display:table-cell; border-left:1px solid #00a4e4; border-bottom:1px solid #00a4e4; border-top:1px solid #f3f3f3; line-height:38px;}
.tab_category ul li:first-child {border-left:none 0;}
.tab_category ul li.on:first-child {border-left:none 0; border-right:1px solid #00a4e4;}
.tab_category ul li a {display:block; text-align:center; color:#b2b2b2; background-color:#fff;}
.tab_category ul li.on { border:1px solid #00a4e4; border-bottom:none; border-right:none; line-height:38px;}
.tab_category ul li.on a {color:#00a4e4; font-weight:bold; background-color:#FFF;}

 .tab_category1 {margin:0 0 15px; width:100%;display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
 .tab_category1 ul {border-bottom:1px solid #00a4e4; box-sizing:border-box; display:table-row;}
 /* .tab_category1 ul li {border:1px solid #e2e2e2; border-bottom:none 0; box-sizing:border-box; display:table-cell; background-color:#FFF;} */
 .tab_category1 ul li {border:1px solid #e2e2e2; border-bottom:none 0; box-sizing:border-box; display:table-cell; background-color:#FFF; line-height:38px;} /*수정*/
 .tab_category1 ul li:first-child {border-left:none 0;}
 .tab_category1 ul li a {display:block; text-align:center; color:#b2b2b2;}
 .tab_category1 ul li.on {background-color:#00a4e4; border:1px solid #00a4e4; line-height:38px;}
 .tab_category1 ul li.on:first-child {border-left:1px solid #00a4e4; box-sizing:border-box;}
 .tab_category1 ul li.on a {color:#fff; font-weight:bold; background-color:#00a4e4; }


/* 연수원 */
.training_wrap .list_cont .tab_wrap {margin:0 10px;}
.training_wrap .list_cont .tab_category ul {box-sizing:border-box;}
.training_wrap .list_cont .tab_category ul li {border:2px solid #fff;}
.training_wrap .list_cont .tab_category ul li:first-child{border-left:0;}
.training_wrap .list_cont .tab_category ul li:last-child{border-right:0;}
.training_wrap .list_cont .tab_category ul li a{background:#a2a2a2;color:#fff;}
.training_wrap .list_cont .tab_category ul li.on {}
.training_wrap .list_cont .tab_category ul li.on a {color:#fff; font-weight:bold; background-color:#00a3e4; }

/* 온누리교육 */
.training_wrap .education_wrap {border:1px solid #e2e2e2;  letter-spacing:-.5px;}
.training_wrap .education_wrap .title_area {background-color:#f6fcff; padding:25px 0 8px 24px; border-bottom:1px solid #e2e2e2;}
.training_wrap .education_wrap .title_area p.h3 {font-size:1.2em; line-height:20px; color:#333; margin:0 0 7px;}
.training_wrap .education_wrap .title_area h3 {font-size:1.5em; line-height:20px;font-weight:bold; color:#404040; margin:0 0 8px;}
.training_wrap .education_wrap .title_area:after {content:""; display:block; clear:both;}
.training_wrap .education_wrap .title_area ul li {float:left; font-size:1em; line-height:20px; color:#666; position:relative; padding:0 10px;  margin:0 0 0 -10px;}
.training_wrap .education_wrap .title_area ul li:before {content:""; display:block; width:1px; height:8px; background-color:#e2e2e2; position:absolute; left:5px; top:50%; margin-top:-4px;}
.training_wrap .education_wrap .title_area ul li img {width:12px; height:12px;  line-height:20px; margin:0 3px 0 0;}

.training_wrap .education_wrap .seminar {padding:10px 5px; background-color:#FFF; text-align:center; border-bottom:1px solid #e2e2e2;}
/* .training_wrap .education_wrap .seminar img {width:300px; height:606px;} */ /* 수정 */

.training_wrap .education_wrap .Calendar {margin:0 0 10px;}
.training_wrap .education_wrap .Calendar .title_area{background-color:#FFF;}
.training_wrap .education_wrap .Calendar .title_area.even {background-color:#fbfbfb; padding:25px 0 8px 24px;}

/* 강의다시보기 */
.movie_wrap {padding-top:25px;}
.movie_wrap .movie_menu {letter-spacing:-.5px;}
.movie_wrap .movie_menu ul:after {content:""; display:block; clear:both;}
.movie_wrap .movie_menu ul {display:table; width:100%; text-align:center; background-color:#FFF; border-bottom:1px solid #00a3e2; margin:-25px 0 0; font-size:0;}
.movie_wrap .movie_menu ul li {display:inline-block; width:33%; padding:5px; box-sizing:border-box; font-size:14px;}
.movie_wrap .movie_menu ul li.active {}
.movie_wrap .movie_menu ul li a {color:#676767; font-weight:bold; letter-spacing:-1px;}
.movie_wrap .movie_menu ul li.active a {color:#00a3e2;}

.movie_wrap .title_area {background-color:#f6fcff; padding:25px 5px 8px 24px; border-bottom:1px solid #e2e2e2; line-height:23px;}
.movie_wrap .title_area p.h3 {font-size:1.2em; line-height:20px; color:#333; margin:0 0 7px;}
.movie_wrap .title_area h3 {font-size:1.3em; line-height:20px;font-weight:bold; color:#404040; margin:0 0 8px;}
.movie_wrap .title_area:after {content:""; display:block; clear:both;}
.movie_wrap .title_area ul {overflow:hidden;}
.movie_wrap .title_area ul li {float:left;font-size:1em; line-height:20px; color:#666; position:relative; padding:0 10px; margin:0 0 0 -10px;}
.movie_wrap .title_area ul li a {padding:5px;}
.movie_wrap .title_area ul li:before {content:""; display:block; width:1px; height:8px; background-color:#e2e2e2; position:absolute; left:5px; top:50%; margin-top:-4px;}

.movie_wrap .title_area ul li img {width:12px; height:12px;  line-height:20px; margin:0 3px 0 0;}
.movie_wrap .movie {background-color:#FFF;}
.movie_wrap .movie img {width:100%;}
.movie_wrap .movie p {font-size:1em; line-height:20px; padding:7px 9px 16px;}
.movie_wrap .movie img.down {width:12px; height:12px; color:#404040; padding:5px;}

.movie_wrap .talk {font-size:1em; line-height:20px; background-color:#fbfbfb; padding:25px 9px 18px;border-bottom:1px solid #e2e2e2;} /*수정*/
.movie_wrap .talk .talkArea {margin:-20px 0 0;} /*수정*/
.movie_wrap .talk .talkArea textarea {width:100%; height:48px; margin:0 0 17px;} /*수정*/
.movie_wrap .talk h3 {border-bottom:1px solid #e2e2e2; line-height:20px; color:#00a4e4; padding:0 0 6px; margin:0 0 9px;}
.movie_wrap .talk h3 img {width:13px; height:11px;}
.movie_wrap .talk input[type="text"] {width:100%; background-color:#fbfbfb;} /*수정*/
.movie_wrap .talk p.btn_talk {text-align:right;} /*수정*/
.movie_wrap .talk a.Enrollment {padding:3px 11px; background-color:#009edf; color:#fff; display:inline-block; margin:10px 0;}

.movie_wrap .talk table.coment td {font-size:1em; letter-spacing:-.5px; line-height:20px; color:#666; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:5px 0;  background-color:#FFF;} /*수정*/
.movie_wrap .talk table.coment td.user_name {color:#333;} /*수정*/
.movie_wrap .talk table.coment td.data {color:#999;} /*수정*/
.movie_wrap .talk table.coment td.replyArea {background-color:#fbfbfb; padding:10px 0;} /*수정*/

.movie_wrap .talk table.coment td.data img {width:44px; height:22px; margin-left:5px;} /*수정*/

.movie_wrap .talk .page {margin:10px 0 19px;} /*수정*/
.movie_wrap .talk .page a.active {display:inline-block; width:24px; height:24px; line-height:22px; background-color:#009edf; color:#fff;} /*수정*/

/*
.movie_wrap .talk {font-size:1em; line-height:20px; background-color:#FFF; padding:0 9px 18px;border-bottom:1px solid #e2e2e2;} 
.movie_wrap .talk h3 {border-bottom:1px solid #e2e2e2; line-height:20px; color:#00a4e4; padding:0 0 6px; margin:0 0 9px;}
.movie_wrap .talk h3 img {width:13px; height:11px;}
.movie_wrap .talk p.name {margin:10px 0;}
.movie_wrap .talk input[type="text"] {width:100%; background-color:#fbfbfb;}
.movie_wrap .talk textarea {width:100%; height:48px;}
.movie_wrap .talk p.btn {text-align:center;}
.movie_wrap .talk a.Enrollment {padding:3px 11px; background-color:#009edf; color:#fff; display:inline-block; margin:10px 0;}

.movie_wrap .talk table {table-layout:auto;}
.movie_wrap .talk table.coment td {font-size:1em; letter-spacing:-.5px; line-height:20px; color:#666; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:5px 0;}
.movie_wrap .talk table.coment td.user_name {color:#333;}
.movie_wrap .talk table.coment td.data {color:#999;}

.movie_wrap .talk .page {margin:10px 0 19px;}
.movie_wrap .talk .page a.active {display:inline-block; width:24px; height:24px; line-height:22px; background-color:#009edf; color:#fff; vertical-align:bottom;}	
*/

.movie_wrap .page {text-align:center;}

.movie_wrap .Calendar .title_area {background-color:#FFF;}
.movie_wrap .Calendar .title_area.even {background-color:#fbfbfb;}
.list_cont .movie_wrap .more {margin:10px 0 18px;}

/* 학술 Q&A */

.qna_wrap .title_area {background-color:#f6fcff; padding:25px 0 8px 24px; border-bottom:1px solid #e2e2e2;}
.qna_wrap .title_area p.h3 {font-size:1.2em; line-height:20px; color:#333; margin:0 0 7px;}
.qna_wrap .title_area h3 {font-size:1.5em; line-height:20px;font-weight:bold; color:#404040; margin:0 0 8px; letter-spacing:-1.5px;}
.qna_wrap .title_area:after {content:""; display:block; clear:both;}
.qna_wrap .title_area ul {overflow:hidden;}
.qna_wrap .title_area ul li {float:left;font-size:1em; line-height:20px; color:#666; position:relative; padding:0 10px; margin:0 0 0 -10px;}
.qna_wrap .title_area ul li a {padding:5px;}
.qna_wrap .title_area ul li:before {content:""; display:block; width:1px; height:8px; background-color:#e2e2e2; position:absolute; left:5px; top:50%; margin-top:-4px;}


.qna_wrap .Calendar ul li {position:relative;}
.qna_wrap .Calendar .title_area {background-color:#FFF;}
.qna_wrap .Calendar .title_area.even {background-color:#fbfbfb;}
.qna_wrap .Calendar .title_area.open_bg {background-color:#f6fcff;}
.qna_wrap .Calendar .title_area h3 {padding-right:45px;} /*수정*/
.qna_wrap .Calendar .title_area h3 span img {width:30px; height:15px;}

/* .qna_wrap .Calendar .title_area ul.sub_title {width:50%;} */
.qna_wrap .Calendar .title_area ul.sub_title {width:90%;}/*수정*/

.qna_wrap .Calendar .title_area ul.sub_title img {width:12px; height:12px;}
.qna_wrap .Calendar ul li a.open {position:absolute; right:15px; top:23px; width:20px; height:20px;}
.qna_wrap .Calendar ul li .open_title {background-color:#FFF; padding:40px 16px; word-break:break-all; border-bottom:1px solid #e2e2e2;}
.qna_wrap .Calendar ul li .open_title span:after {content:""; display:block; clear:both;}
.qna_wrap .Calendar ul li .open_title span {float:right; display:inline-block; margin:10px 0 0;}
.qna_wrap .Calendar ul li .open_title span img {width:44px; height:22px; margin-left:5px;}
.qna_wrap .Calendar ul li .open_reply .reply_area {padding:10px 6px 16px;}
.qna_wrap .Calendar ul li .open_reply .reply_area .reply_edit {float:right; display:inline-block; margin:10px 0 10px;} /*수정*/
.qna_wrap .Calendar ul li .open_reply .reply_area .reply_edit img {width:44px; height:22px; margin-left:5px;} /*수정*/

.qna_wrap .talk {font-size:1em; line-height:20px; background-color:#fbfbfb; padding:14px 9px 18px;border-bottom:1px solid #e2e2e2;} 
.qna_wrap .talk .talkArea {margin:-20px 0 0;}
.qna_wrap .talk .talkArea textarea {width:100%; height:48px; margin:0 0 17px;}
.qna_wrap .talk h3 {border-bottom:1px solid #e2e2e2; line-height:20px; color:#ef7b0b; padding:0 0 6px; margin:0 0 9px;}
.qna_wrap .talk h3 img {width:13px; height:11px;}
.qna_wrap .talk input[type="text"] {width:100%; background-color:#fbfbfb;}
.qna_wrap .talk p.btn {text-align:right;}
.qna_wrap .talk a.Enrollment {padding:3px 11px; background-color:#017eaf; color:#fff; display:inline-block; margin:3px 0;}

.qna_wrap .talk table.coment td {font-size:1em; letter-spacing:-.5px; line-height:20px; color:#666; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:5px 0;  background-color:#FFF;}
.qna_wrap .talk table.coment td.user_name {color:#333;}
.qna_wrap .talk table.coment td.data {color:#999;}
.qna_wrap .talk table.coment td.replyArea {background-color:#fbfbfb; padding:10px 0;}

.qna_wrap .talk table.coment td.data img {width:44px; height:22px; margin-left:5px;} /*수정*/

.qna_wrap .talk .page {margin:10px 0 19px;}
.qna_wrap .talk .page a.active {display:inline-block; width:24px; height:24px; line-height:22px; background-color:#009edf; color:#fff;}

.qna_wrap .page {text-align:center;}
.qna_wrap .Calendar .title_area {background-color:#FFF;}
.qna_wrap .Calendar .title_area.even {background-color:#fbfbfb;}
.list_cont .qna_wrap  .more {margin:10px 0 18px;}

.qna_wrap .Calendar .open_reply {padding:11px 9px; color:#666; background-color:#fbfbfb;}
.qna_wrap .Calendar .open_reply h3 {color:#ccc; font-weight:bold; color:#017eaf;}
.qna_wrap .Calendar .open_reply h3 span {display:inline-block; width:30px; height:20px; background-color:#00a4e4; color:#fff; text-align:center; border-radius:3px; padding:6px 8px; font-size:1em; font-weight:normal;}
.qna_wrap .Calendar .open_reply p.write {margin:11px 0 13px; font-size:1em; line-height:12px;}

.list_wrap .write_btn {position:fixed; left:19px; bottom:120px; z-index:14; width:40px; height:40px;}

/* 학술 QNA 글쓰기 */


.write_wrap .writeArea h3 {font-size:1.5em; letter-spacing:-.5px; font-weight:bold; color:#00a4e4; margin:35px 0 0;} 
.write_wrap .write_area {border:1px solid #e2e2e2; background-color:#FFF; padding:12px 10px;}
.write_wrap .write_area input[type="text"],
.write_wrap .write_area textarea {width:100%; padding:5px;}
.write_wrap .write_area input[type="text"] {height:32px; margin:0 0 10px;}
.write_wrap .write_area textarea {height:230px;} /*수정*/
.write_wrap .submitBtn {margin:10px 0 0; text-align:center;}
.write_wrap .submitBtn span {display:inline-block; width:19%; padding:7px 0; border-radius:9px;}
.write_wrap .submitBtn span a {font-size:1.3em; font-weight:bold; color:#fff;}
.write_wrap .submitBtn span.list {background-color:#848484;}
.write_wrap .submitBtn span.modify {background-color:#FFF; border:1px solid #ef7b0b;}
.write_wrap .submitBtn span.modify a {color:#ef7b0b;}
.write_wrap .submitBtn span.del {background-color:#848484;}
.write_wrap .submitBtn span.reply {background-color:#ef7b0b;}
.write_wrap .submitBtn span.submit {background-color:#00a4e4;}

/* 모든카테고리 보기 */

.category_wrap {height:100%; background-color:rgba(72,72,72,0.8); padding:0 0 60px;}
.category_wrap .category_list {margin:10px 10px 0; height:100%; background-color:#FFF;}
.category_wrap .category_list .categoryList h3.category {font-size:1.3em; letter-spacing:-1px; color:#fff; background-color:#00a4e4; height:23px; padding:7px; 5px;}
.category_wrap .category_list .categoryList h3.etc {background-color:#ef7b0a;}
.category_wrap .category_list .categoryList ul {width:100%; overflow:hidden;}
.category_wrap .category_list .categoryList ul:after {content:""; display:block; clear:both;}
.category_wrap .category_list .categoryList ul li {width:50%; box-sizing: border-box; float:left; margin:-1px 0 0; border-top:1px solid #c9c9c9;}
.category_wrap .category_list .categoryList ul li:nth-child(odd) {border-right:1px solid #c9c9c9;}
.category_wrap .category_list .categoryList ul li a {padding:6px 5px; font-size:1.2em; letter-spacing:-1px; color:#4d4d4d;}
.category_wrap .category_list .categoryList ul li a span {display:block; font-size:1em; text-indent:5px;}

.category_wrap .category_list .categoryList2 h3.category {font-size:1.3em; letter-spacing:-1px; color:#fff; background-color:#00a4e4; height:23px; padding:7px; 5px;}
.category_wrap .category_list .categoryList2 h3.etc {background-color:#ef7b0a;}
.category_wrap .category_list .categoryList2 ul {width:100%; overflow:hidden;}
.category_wrap .category_list .categoryList2 ul:after {content:""; display:block; clear:both;}
.category_wrap .category_list .categoryList2 ul li {box-sizing: border-box; float:left; margin:-1px 0 0; }
.category_wrap .category_list .categoryList2 ul li:nth-child(odd) { }
.category_wrap .category_list .categoryList2 ul li a {padding:6px 5px; font-size:1em; letter-spacing:-1px; color:#4d4d4d;}


/* 2019-04-08 품목관리 카테고리 */

.recomcate_wrap {height:100%; background-color:rgba(72,72,72,0.8); padding:10px 0px 20px 0px;}
.recomcate_wrap .category_list {margin:10px 10px 0; height:100%; background-color:#FFF;}
.recomcate_wrap .category_list .categoryList h3.category {font-size:1.3em; letter-spacing:-1px; color:#fff; background-color:#00a4e4; height:23px; padding:7px; 5px;}
.recomcate_wrap .category_list .categoryList h3.etc {background-color:#ef7b0a;}
.recomcate_wrap .category_list .categoryList ul {width:100%; overflow:hidden;}
.recomcate_wrap .category_list .categoryList ul:after {content:""; display:block; clear:both;}
.recomcate_wrap .category_list .categoryList ul li {width:50%; box-sizing: border-box; float:left; margin:-1px 0 0; border-top:1px solid #c9c9c9;}
.recomcate_wrap .category_list .categoryList ul li:nth-child(odd) {border-right:1px solid #c9c9c9;}
.recomcate_wrap .category_list .categoryList ul li a {padding:6px 5px; font-size:1.2em; letter-spacing:-1px; color:#4d4d4d;}
.recomcate_wrap .category_list .categoryList ul li a span {display:block; font-size:1em; text-indent:5px;}

.recomcate_wrap .category_list .categoryList2 h3.category {font-size:1.3em; letter-spacing:-1px; color:#fff; background-color:#00a4e4; height:23px; padding:7px; 5px;}
.recomcate_wrap .category_list .categoryList2 h3.etc {background-color:#ef7b0a;}
.recomcate_wrap .category_list .categoryList2 ul {width:100%; overflow:hidden;}
.recomcate_wrap .category_list .categoryList2 ul:after {content:""; display:block; clear:both;}
.recomcate_wrap .category_list .categoryList2 ul li {box-sizing: border-box; float:left; margin:-1px 0 0; }
.recomcate_wrap .category_list .categoryList2 ul li:nth-child(odd) { }
.recomcate_wrap .category_list .categoryList2 ul li a {padding:6px 5px; font-size:1em; letter-spacing:-1px; color:#4d4d4d;}


/* 마이페이지 */

.page_wrap {background-color:#f0f0f0;}
.page_wrap .page_cont {padding:0 0 15px;}
.page_wrap .page_cont .tab_category {margin:0 0 15px;}
.page_wrap .page_cont .tab_category ul {border-bottom:1px solid #00a4e4; box-sizing:border-box;}
.page_wrap .page_cont .tab_category ul li {border:1px solid #e2e2e2; border-bottom:none 0; box-sizing:border-box;}
.page_wrap .page_cont .tab_category ul li.on {background-color:#00a4e4; border:1px solid #00a4e4;}
.page_wrap .page_cont .tab_category ul li.on:first-child {border-left:1px solid #00a4e4; box-sizing:border-box;}
.page_wrap .page_cont .tab_category ul li.on a {color:#fff; font-weight:bold; background-color:#00a4e4; }

.page_wrap .page_cont .mypage {background-color:#FFF; border:1px solid #ddd; padding:10px 12px;} /*수정*/
.page_wrap .page_cont .mypage select {width:100%; padding:5px 8px ; height:32px; font-size:1em; letter-spacing:-.5px; color:#666; background: url('../../images/mobile/btn_select.png') 98% 50% no-repeat; background-size:7px auto; margin:0 0 10px;}
.page_wrap .page_cont .mypage input[type="text"] {padding:5px; height:32px; width:100%; margin:0 0 10px; }
.page_wrap .page_cont .mypage textarea {width:100%; height:230px;} /*수정*/

.page_wrap .page_cont .submitBtn2 {text-align:center; padding:10px 0; background-color:#00a4e4; border-radius:9px; margin:10px 0 10px;} /*수정*/
.page_wrap .page_cont .submitBtn2 span {font-size:1.5em; font-weight:bold; letter-spacing:-.3px; color:#fff; display:block; width:100%;} /*수정*/

.page_wrap .page_cont .submitBtn {text-align:center; padding:10px 0; background-color:#00a4e4; border-radius:9px; margin:10px 0 55px;}
.page_wrap .page_cont .submitBtn button {font-size:1.5em; font-weight:bold; letter-spacing:-.3px; color:#fff; display:block; width:100%;}

/* 1:1 상담내역 */

.page_wrap .page_cont .history_list li {background-color:#FFF; height:120px; border:1px solid #e2e2e2; margin:-1px 0 0;}
.page_wrap .page_cont .history_list li .history {padding:10px;}
.page_wrap .page_cont .history_list li .history:after {content:""; display:block; clear:both;}
.page_wrap .page_cont .history_list li .history .left {width:80%; margin:0 140px 0 0;}
.page_wrap .page_cont .history_list li .history .left span.btnreply {color:#fff; display:inline-block; padding:7px; background-color:#017eaf; border-radius:3px; width:30px; text-align:center; margin:10px 0 7;} /*수정*/
.page_wrap .page_cont .history_list li .history .data {font-size:1em; letter-spacing:-.5px; color:#666; margin:0 0 6px;}
.page_wrap .page_cont .history_list li .history .history_title {font-size:1.2em; letter-spacing:-.5px; font-weight:bold; color:#00a4e4; margin:0 0 9px;}
.page_wrap .page_cont .history_list li .history .text {font-size:1.1em; letter-spacing:-.5px; color:#333; }

.page_wrap .page_cont .history_list .reply {background-color:#fbfbfb; display:none;}	/*수정*/
.page_wrap .page_cont .history_list li .history .right {float:right; width:100px; text-align:center;}
.page_wrap .page_cont .history_list li .history .right .btn_right {width:70px;}
/* .page_wrap .page_cont .history_list li .history .right span.btnreply {display:inline-block; padding:7px; background-color:#017eaf; border-radius:3px; width:50px; text-align:center; margin:22px 0 5px;} */
.page_wrap .page_cont .history_list li .history .right span.btnreply {display:inline-block; padding:7px; background-color:#017eaf; border-radius:3px; width:60px; text-align:center; margin:22px 0 5px;} /*수정*/
.page_wrap .page_cont .history_list li .history .right span.btnreply a {color:#fff; font-weight:bold; font-size:.9em; letter-spacing:-.5px; }
.page_wrap .page_cont .history_list li .history .right span.btnreplyclose {display:none; padding:7px; background-color:#017eaf; border-radius:3px; width:60px; text-align:center; margin:22px 0 5px;} /*수정*/
.page_wrap .page_cont .history_list li .history .right span.btnreplyclose a {color:#fff; font-weight:bold; font-size:.9em; letter-spacing:-.5px; } /*수정*/
/* .page_wrap .page_cont .history_list li .history .right span.btndel {display:inline-block; padding:7px; background-color:#fefefe; border-radius:3px; border:1px solid #e2e2e2; width:50px; text-align:center;} */
.page_wrap .page_cont .history_list li .history .right span.btndel {display:inline-block; padding:7px; background-color:#fefefe; border-radius:3px; border:1px solid #e2e2e2; width:60px; text-align:center;} /*수정*/
.page_wrap .page_cont .history_list li .history .right span.btndel a {color:#666; font-weight:bold; font-size:.9em; letter-spacing:-.5px; }
.page_wrap .page_cont .more {margin:10px 0;}

/* 설정 */

.option_wrap {padding:0 0 10px; background-color:#f0f0f0;}
.option_wrap .option_cont {background-color:#FFF;}

h3.basic {background-color:#017eaf; font-size:1.3em; letter-spacing:-1px; color:#fff; padding:7px 0 6px 13px; margin:-1px 0 0; opacity:1;}

ul.basic {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:6px 12px 10px;}
ul.basic li {border-bottom:1px solid #c9c9c9; padding:6px 0; font-size:1.2em; letter-spacing:-1px; color:#4d4d4d;}
ul.basic li span.outer {float:right;}
ul.basic li span.outer img {width:29px;}
ul.basic li span.outer span.inner {display:inline-block; border-radius:11px; border:1px solid #595959; padding:0 7px;}
ul.basic li span.outer span.inner a {font-size:1em; letter-spacing:-.8px; color:#666; display:block;}
ul.basic li span.outer span.inner.new {background-color:#f3f3f3;}
ul.basic li span.outer span.inner.del {background-color:#595959;}
ul.basic li span.outer span.inner.del a {color:#fff;}

/* 공지사항 */
.option_wrap .notice_wrap {background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:46px; height:100%; z-index:15; display:none; width:100%;}
.option_wrap .notice_wrap .notice h3 {text-align:center; display:block; margin:0 0 10px;}
.option_wrap .notice_wrap .notice h3:after {content:""; display:block; clear:both;}
.option_wrap .notice_wrap .notice h3 a {float:right; margin:0 13px 0 0; vertical-align:middle;}
.option_wrap .notice_wrap .notice .noticeArea {background-color:#FFF; padding:10px; border:1px solid #e2e2e2; font-size:1em; font-weight:normal; letter-spacing:-1px; color:#4d4d4d; margin:10px;}
.option_wrap .notice_wrap .notice .noticeArea textarea {width:100%;}
.option_wrap .notice_wrap .notice .noticeArea h4.title {font-size:1em; font-weight:bold; letter-spacing:-1px; color:#4d4d4d; margin:19px 0 ;}


.detail_wrap .detail_cont .drug_title p.title {font-size:1.5em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px; margin:6px 0 11px;}
.detail_wrap .detail_cont .drug_title .text_area {width:100%; word-break:break-all; margin-bottom:18px; font-size:1em; line-height:30px; letter-spacing:-.5px; color:#333;}

/* 슬라이더 */
.productSlide{width:100%; margin-left:-24px; padding:0 24px 15px; overflow:hidden;}
.swiper-container{text-align:center;}
.swiper-slide{width:100%; border:1px solid #e2e2e2;}
.swiper-container{overflow:visible !important;}

/* 약국정보 */
.drug_wrap .drug_title {padding:9px 12px; background-color:#FFF;}
.drug_wrap .drug_title p.info {font-size:1.2em; color:#333;}
.drug_wrap .drug_title.even {background-color:#fbfbfb}
.drug_wrap .drug_title.open_bg {background-color:#f6fcff;}
.drug_wrap .drug_title p.data {line-height:30px; letter-spacing:-.5px; color:#666; font-size:1em;}
.drug_wrap .drug_title p.title {font-size:1.6em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px; margin:6px 0 11px;}
.drug_wrap .drug_title .text_area {color:#333;}
.drug_wrap .drug_title .text_area span {font-size:1em; font-weight:bold; color:#ef7b0b;}


/* 약국탐방 */
.tab_category.ver2 {margin-bottom:0;}
.product.ver1 {background-color:#FFF; padding:34px 14px 0; margin:0 10px;}



/* 주문조회 */
.searchpage h4{font-weight:bold; font-size:1.2em; margin-bottom:15px;}
.searchpage .searchForm {padding:10px 7px; background-color:#FFF; border:1px solid #e2e2e2;}
.searchpage .searchForm table td input[type="text"]{margin:7px 0; width:100%; padding:7px 14px;}
.searchpage .searchForm table td select {width:100%; background:#fff url('../../images/mobile/bg_arrow.png') right 10px no-repeat; background-size:8px auto; padding:0 14px; color:#666;}
.searchpage .searchForm table td.calendar {padding-left:5px;}
.searchpage .searchForm table td.calendar img {width:15px;}
.searchpage .searchForm table td input[type="image"] {width:100%;}
.searchpage .searchForm table td.submit {padding:14px 0;}

.searchpage .searchForm table.order_status td {border:1px solid #e2e2e2; padding:7px 11px; font-size:1.1em; color:#3d3d3d;}
.searchpage .searchForm table.order_status td.bgc {background-color:#f8f8f8;}
.searchpage .searchForm table.order_status td span.h3 {line-height:32px;}
.searchpage .searchForm table.order_status td span.status {float:right;}
.searchpage .searchForm table.order_status td span.status em {font-size:1.5em; color:#ef7b0b; font-weight:bold;}

.chain {padding-top:25px;}
.chain h4 {font-size:.7em; letter-spacing:-1px; margin-bottom:15px;}

.chain_title {background-color:#f0f0f0; margin-top:-15px;}
.chain_title h5 {font-size:1.1em; color:#303030; padding:15px 0 5px;}

.chain_title table.price {background-color:#FFF; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; margin-bottom:8px;}
.chain_title table.price td {padding:14px 7px; border-top:1px solid #cfcfcf; margin-top:-1px; color:#333;}
.chain_title table.price td.money_ {border-top:none 0;}
.chain_title table.price td span.left {float:left;}
.chain_title table.price td span.right {float:right;}
.chain_title table.price td span.money {font-size:1em;}
.chain_title table.price td span.cash {font-size:1.3em; font-weight:bold;}
.chain_title table.price td span.cash.ver {font-size:1.5em; color:#00a4e4;}

.chain .product_list {border:1px solid #e2e2e2; padding:5px 7px 17px; background-color:#FFF; margin-top:-1px;}
.chain .product_list p {text-align:right; margin:5px 0;}
.chain .product_list p button.btn_ok {border:1px solid #ccc;  background-color:#fafafa; color:#999; font-size:1.1em; text-align:center; padding:5px 8px; font-weight:bold;}
.chain .product_list p button.btn_cencel { background-color:#999; color:#fff; font-size:1.1em; text-align:center; padding:5px 8px; border-radius:5px; margin-left:4px; font-weight:bold;}
.chain .product_list .list {border:1px solid #e2e2e2; margin-top:3px;}
.chain .product_list .list .list_ {margin:8px 6px;}
.chain .product_list .list .list_ h3 {font-size:1.1em; color:#ef7b0b; margin-bottom:13px; font-weight:bold;}

/* 주문완료조회 */
.chain.ver1 .product_list {border:none 0;}
.chain.ver1 .product_list h3.ver2 {color:#00a4e4;}
.chain.ver1 .product_list p { margin:8px 6px;}
.chain.ver1 .product_list p span {float:left; font-size:.8em; padding:8px 0;}
.chain.ver1 .product_list .list .list_ table td {border-top:1px solid #e2e2e2; border-bottom:none 0;}
.chain.ver1 .product_list p button.btn_ok.ver2 {color:#017eaf;}
.chain.ver1 .product_list p button.btn_cencel.ver2  {background-color:#017eaf; color:#fff;}

.chain.ver1 .total {padding:12px 8px; background-color:#FFF; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:10px;}
.chain.ver1 .total table {text-align:left; font-weight:bold; font-size:1.2em; color:#333;}
.chain.ver1 .total table td.total_ {text-align:right;}
.chain.ver1 .total table td.total_.discont {text-decoration:line-through; }
.chain.ver1 .total table td.total_.cont {font-size:1.7em; color:#e83f18;}


/* 주문/결제하기 */

.deliveryInfo h3 {font-size:1.2em; color:#333; font-weight:bold;}
.deliveryInfo table {background-color:#FFF; border-bottom:1px solid #7f7f7f; border-top:1px solid #7f7f7f;}
.deliveryInfo table td.th {padding:15px 8px; font-weight:bold; color:#333;}
.deliveryInfo table td {font-size:.8em; color:#333; letter-spacing:-1px; border-top:1px solid #e2e2e2; margin-top:-1px;}

.onnuriChain h3.h3:after {content:""; display:block; clear:both;}
.onnuriChain h3.h3 span {float:right;}
.onnuriChain h3.h3 span img {width:20px;}
.onnuriChain h3.h3 span em {font-size:.9em; color:#fff; background-color:#60bb46; font-weight:bold; padding:3px 4px;}
.onnuriChain h3.h3 span em.ver1 {background-color:#ee4c9b;}
.onnuriChain .list {padding:8px 6px; background-color:#FFF;}
.onnuriChain .list .list_ {border:1px solid #e2e2e2; padding:8px 6px; margin-bottom:7px;}
.onnuriChain .list .list_ h3 {font-size:1.2em; color:#00a4e4; font-weight:bold;}
.onnuriChain .list .list_ h3 span {float:right; font-size:.7em; color:#666;}
.onnuriChain .list .list_ p.titleInfo {font-size:.9em; color:#333;}
.onnuriChain .list .list_ p.titleInfo em {color:#ef7b0b; font-weight:bold;}

.onnuriChain .total {padding:0 14px; background-color:#797979; margin:5px 0; }
.onnuriChain .total table td {color:#fff; padding:13px 0 11px; border-top:1px solid #e2e2e2; margin-top:-1px;}
.onnuriChain .total table td span {float:right;}
.onnuriChain .total table td.totalcash {font-weight:bold; border-top:none 0; }
.onnuriChain .total table td.totalcash em {font-size:1.2em;}
.onnuriChain .total table td.totalcash span {font-size:1.6em;}
.onnuriChain .total table td input[type="text"] {display:block; width:100%; margin-top:3px;}

.onnuriChain .cashInfo {margin-top:40px;}
.onnuriChain .cashInfo h3 {font-size:1.2em; color:#333; font-weight:bold;}
.onnuriChain .cashInfo table {background-color:#FFF; border-bottom:1px solid #e83f18;}
.onnuriChain .cashInfo table td {border-top:1px solid #e83f18; padding:14px 8px;}
.onnuriChain .cashInfo table td label {margin-left:5px;}
.onnuriChain .cashInfo table td.sum {background-color:#fcfcfc; font-weight:bold; font-size:1.2em; color:#333; line-height:45px;}
.onnuriChain .cashInfo table td.sum span {float:right; color:#e83f18; font-size:1.5em;}
.onnuriChain .cashInfo .btn_Area {width:100%; margin-top:8px; }
.onnuriChain .cashInfo .btn_Area .btn {width:100%; overflow:hidden; text-align:center; padding:0; border:inherit; font-size:inherit;}
.onnuriChain .cashInfo .btn_Area .btn span {display:inline-block; width:48.9%; text-align:center; border-radius:7px; padding:12px 0;}
.onnuriChain .cashInfo .btn_Area .btn span a {font-size:1.5em; font-weight:bold;}
.onnuriChain .cashInfo .btn_Area .btn span.back {background-color:#FFF; border:1px solid #00a4e4;}
.onnuriChain .cashInfo .btn_Area .btn span.back a {color:#00a4e4;}
.onnuriChain .cashInfo .btn_Area .btn span.ok {background-color:#ef7b0b;}
.onnuriChain .cashInfo .btn_Area .btn span.ok a {color:#fff;}
.onnuriChain .cashInfo .btn_Area .btn span.fail {display:none; font-size:1.5em; font-weight:bold; color:#e83f18; background-color:#FFF; border:1px solid #e83f18;}

/* 주문완료 */
.complete img {margin-bottom:8px;}
.complete .btn_Area {width:100%; margin-top:8px; }
.complete .btn_Area .btn {width:100%; overflow:hidden; text-align:center; padding:0; border:inherit; font-size:inherit;}
.complete .btn_Area .btn span {display:inline-block; width:48.9%; text-align:center; border-radius:7px; padding:12px 0;}
.complete .btn_Area .btn span a {font-size:1.5em; font-weight:bold;}
.complete .btn_Area .btn span.back {background-color:#FFF; border:1px solid #00a4e4;}
.complete .btn_Area .btn span.back a {color:#00a4e4;}
.complete .btn_Area .btn span.ok {background-color:#ef7b0b;}
.complete .btn_Area .btn span.ok a {color:#fff;}

/* 장바구니 */
.onnuriChain.cart h3.h3 {background:none;}
.onnuriChain.cart h3.h3 input[type="checkbox"] {margin:0 5px 0 -15px;}
.onnuriChain.cart h3.h3 a.chk {font-size:1em; color:#333; font-weight:normal;}
.onnuriChain.cart .list .list_ h3 input[type="checkbox"] {margin-right:5px;}

.onnuriChain.cart .list .list_ {border:1px solid #e2e2e2;}
.onnuriChain.cart .list .list_ table td.chkList input[type="text"] {width:20%;}
.onnuriChain.cart .list .list_ table td.chkList img {width:24px;}
.onnuriChain.cart .list .list_ table td.chkList img.del {margin-left:5px;}
.onnuriChain.cart .list .list_ table td.chkList input[type="text"] {text-align:center; color:#666;}
.onnuriChain.cart .list .list_ table td.chkList input[type="text"].max {background-color:#e7e7e7;}
/* .onnuriChain.cart .list .list_ table td.chkList em {display:inline-block; background-color:#ef7b0b; color:#fff; padding:2px 7px; font-weight:bold; margin-top:5px;} */
.onnuriChain.cart .list .list_ table td.chkList em {display:inline-block; background-color:#fff;} /*수정*/
.onnuriChain.cart .list .list_ table td.chkList em span {display:none; background-color:#ef7b0b; color:#fff; padding:2px 7px; font-weight:bold;} /*수정*/
.onnuriChain.cart .list .list_ table td.chkList em.ea {background-color:#FFF; color:#333; margin:0; padding:0;}
.onnuriChain.cart .list .list_ table td.chkList em.cash {background-color:#FFF; color:#ef7b0b; margin:0; padding:0; }
.onnuriChain.cart .list .list_ table td.sum {border-bottom:none 0;}
.onnuriChain.cart p.coment {font-size:.8em; margin:5px 0 20px; color:#333;}
.onnuriChain.cart .noorder {text-align:right; margin-top:5px;}
.onnuriChain.cart .noorder.order span {background-color:#ef7b0b;}
.onnuriChain.cart .noorder span {display:inline-block; color:#fff; background-color:#848484; font-size:1.5em; padding:5px 25px; border-radius:5px; font-weight:bold; }
.onnuriChain.cart .list .list_ td.titleInfo {font-size:.9em; color:#333;}
.onnuriChain.cart .list .list_ td.titleInfo em {color:#ef7b0b; font-weight:bold;}

#main_popup{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;max-width:640px;margin:0 auto;padding:0 10px 0 10px;}
#main_popup .shadow{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.2)}
#main_popup .inner{position:relative;background:#fff;} /*수정*/
#main_popup .contents{text-align:center;}
#main_popup .contents img{width:100%;}
#main_popup .foot{padding:10px;background:#f5f5f5;font-weight:bold;}
#main_popup .foot table{}
#main_popup .foot td{}
#main_popup .foot td + td{text-align:right;}
#main_popup .foot td + td button{display:inline-block;padding:5px 10px;border-radius:5px;background:#999;color:#fff;}

/* 기타 */
.top_product {display:inline-block !important;}
.top_product h3 {font-size:1.4em !important; line-height:1.5 !important; padding-bottom:6px;}
.top_product .right_product {margin:0 0 0 135px !important;}
.top_product .tag {color:#303030; font-weight:bold; word-break:normal; overflow-wrap:break-word;}
.bottom_product {margin:0 0 0 10px !important;}
.bottom_product .money {display:contents !important; font-size:1.3em; line-height:30px; font-weight:bold; color:#00a4e4;}
.bottom_product .vat {display:contents !important; font-size:0.8em; font-weight:normal; color:#a5a4a4;}
.bottom_product .event_img {height:19px; width:auto; vertical-align:sub; padding-left:10px;}
.bottom_product .dc_msg_space {color:#333333; padding:4px 0 6px 0; letter-spacing:-0.8px;}
.bottom_product .dcmsg_point {display:contents !important;}
.bottom_product .cart_btn {display:inline-block !important; width:75%; padding-top:6px;}
/* .bottom_product .cart_btn .btn {width:27px !important; height:27px !important;} */
.bottom_product .cart_btn .ea {width:40% !important;}

/* common*/
h3.h3 {font-size:1.1em; color:#303030; padding:20px 0 5px 15px; border-bottom:2px solid #979797; background: url('../../images/mobile/ico_bullet.png') left 27px no-repeat; background-size:11px auto; font-weight:bold;}
h3.h3.ver1 {margin-bottom:10px;}
 
table.productList td {font-size:1em; color:#333; border-bottom:1px solid #e2e2e2; padding:9px 0 6px;}
table.productList td.center {text-align:center; color:#d8d8d8;}
table.productList td span {float:right;}
table.productList td span.bold {font-weight:bold;}
table.productList td span em {color:#666;}
table.productList td span em.discont {text-decoration: line-through; color:#00a4e4;}
table.productList td span em.cont {font-size:1.2em; color:#ef7b0b; font-weight:bold;}
table.productList td span em.cont.ver2 {color:#017eaf;}
table.productList td.sum {background-color:#f9f9f9; line-height:25px;}
table.productList td.sum span {font-size:1.3em; color:#ef7b0b; font-weight:bold;}
table.productList td.sum.blue span {color:#00a4e4;}
table.productList td.coment {font-size:.9em; letter-spacing:-1px; border-bottom:none 0; color:#333;}
table.productList td.coment b {font-weight:bold;}

 .btn_area {margin:12px 0 12px -5px; font-size:0;}
 .btn_area span {display:inline-block;width:50%; text-align:center; box-sizing:border-box;}
 .btn_area span img {width:13px; height:12px; margin:0 10px 0 0;}
 .btn_area span a {display:block; margin:0 0 0 5px;  border:1px solid #00a4e4; border-radius:7px; font-size:1.2em; line-height:40.5px; color:#fff; font-weight:bold; font-size:14px;}
 .btn_area span.buy {}
 .btn_area span.buy a {background-color:#FFF;color:#00a4e4;}
 .btn_area span.cart {}
 .btn_area span.cart a{background-color:#00a4e4;}

	/*
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
	*/
.productSlide .swiper-container {
        width: 100%;
        height: 100%;
    }
.productSlide .swiper-slide {
        text-align: center;
        background: #fff;
		position:relative;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.productSlide .swiper-slide img.Symbols {position:absolute; left:15px; top:25px; width:25px;}
.productSlide1 .swiper-slide img.Symbols {position:absolute; left:15px; top:0px; width:25px;}

@media only screen and (max-width : 640px) {
	.footmenu ul li a {font-size:1em; letter-spacing:-1px; color:#fff;}

	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}

	.event_wrap .event_cont .event_title h3 {font-size:1.5em; line-height:40px; color:#00a4e4; font-weight:bold;}
	.event_wrap .event_cont .event_title p {font-size:1em; line-height:40px; color:#fff; font-weight:bold; background-color:#60bb46; padding:0 0 0 14px;}

	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}
	.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:30px; font-weight:bold; text-align:left;}

	.info_wrap .location {font-size:1em; line-height:40px; letter-spacing:-1px; color:#666;}
	.product_info td.stock {letter-spacing:-1px; font-size:.9em;}

	.training_wrap .education_wrap .title_area h3 {letter-spacing:-1px; font-size:1.3em;}
	.training_wrap .education_wrap .title_area ul {overflow:hidden;}
	.training_wrap .education_wrap .title_area ul li {letter-spacing:-1.5px; font-size:.9em;}

	.movie_wrap .movie_menu ul li {letter-spacing:-1px;}
	.movie_wrap .talk table.coment td {font-size:1em; }

	.qna_wrap .talk table.coment td {font-size:1em;}
	.category_wrap .category_list .categoryList ul li a {font-size:1em; display:block;}

	.page_wrap .page_cont .history_list li .history .data {font-size:1em; letter-spacing:-.5px; color:#666; margin:0 0 6px;}
	.page_wrap .page_cont .history_list li .history .history_title {font-size:1.2em; letter-spacing:-.5px; font-weight:bold; color:#00a4e4; margin:0 0 9px;}
	.page_wrap .page_cont .history_list li .history .text {font-size:1.1em; letter-spacing:-.5px; color:#333; }

	.write_wrap .submitBtn span {display:inline-block; width:18%; padding:7px 0; border-radius:9px;}
}

/* 스마트폰 가로+세로 */
@media only screen and (max-width : 480px){
	.footmenu ul li a {font-size:1em; letter-spacing:-1px; color:#fff;}
	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}

	.event_wrap .event_cont .event_title h3 {font-size:1.5em; line-height:40px; color:#00a4e4; font-weight:bold;}
	.event_wrap .event_cont .event_title p {font-size:1em; line-height:40px; color:#fff; font-weight:bold; background-color:#60bb46; padding:0 0 0 14px;}

	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}
	.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:25px; font-weight:bold; text-align:left;}
	
	.info_wrap .location {font-size:1em; line-height:40px; letter-spacing:-1px; color:#666;}
	.product_info td.stock {letter-spacing:-1px; font-size:.9em;}

	.training_wrap .education_wrap .title_area h3 {letter-spacing:-1px; font-size:1.3em;}
	.training_wrap .education_wrap .title_area ul li {letter-spacing:-1.5px; font-size:.9em;}

	.movie_wrap .movie_menu ul li {letter-spacing:-1px;}
	.movie_wrap .talk table.coment td {font-size:.9em; letter-spacing:-1px;}

	.qna_wrap .title_area h3 {font-size:1.2em;}
	.qna_wrap .talk table.coment td {font-size:.8em; letter-spacing:-1.5px;}

	.category_wrap .category_list .categoryList ul li a {font-size:1em;}

	.page_wrap .page_cont .history_list li .history .data {font-size:.8em; letter-spacing:-1px; color:#666; margin:0 0 6px;}
	.page_wrap .page_cont .history_list li .history .history_title {font-size:1em; letter-spacing:-1px; font-weight:bold; color:#00a4e4; margin:0 0 9px;}
	.page_wrap .page_cont .history_list li .history .text {font-size:.8em; letter-spacing:-1px; color:#333; }

	.page_wrap .page_cont .history_list li .history .right span.btnreply {display:inline-block; padding:7px; background-color:#017eaf; border-radius:3px; width:30px; text-align:center; margin:22px 0 5px;}
	.page_wrap .page_cont .history_list li .history .right span.btnreply a {color:#fff; font-weight:bold; font-size:.5em; letter-spacing:-1px; display:block;}
	.page_wrap .page_cont .history_list li .history .right span.btndel {display:inline-block; padding:7px; background-color:#fefefe; border-radius:3px; border:1px solid #e2e2e2; width:30px; text-align:center;}
	.page_wrap .page_cont .history_list li .history .right span.btndel a {color:#666; font-weight:bold; font-size:.5em; letter-spacing:-1px; display:block;}

	.write_wrap .submitBtn span {display:inline-block; width:18%; padding:7px 0; border-radius:9px;}
	.chain.ver1 .total table td.total_.cont {font-size:1.2em;}
}

 /* 스마트폰 세로 */
@media only screen and (max-width : 320px) {
	.footmenu ul li a {font-size:.8em; letter-spacing:-1.5px; color:#fff;}
	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.searchlist_wrap .list_cont .search_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}


	.event_wrap .list_cont .event_product .product_detail .left_product {float:left; width:110px; margin:0 0 0 10px;}
	.event_wrap .list_cont .event_product .product_detail .right_product {margin:0 0 0 125px;letter-spacing:-.5px;}
	.event_wrap .event_cont .event_title h3 {font-size:1.5em; line-height:40px; color:#00a4e4; font-weight:bold; letter-spacing:-1px;}
	.event_wrap .event_cont .event_title p {font-size:1em; line-height:20px; color:#fff; font-weight:bold; background-color:#60bb46; padding:0 0 0 14px;}

	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p.title {font-size:1em; line-height:45px; letter-spacing:-.5px; color:#ef7b0b; font-weight:bold;}
	.navigation_wrap .list_cont .navigation_product .product_detail .left_product dl dd p {font-size:1em; line-height:20px; letter-spacing:-1.5px; color:#ef7b0b;}
	.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table th {color:#000; font-size:1em; line-height:30px; font-weight:bold; text-align:left;}
	.navigation_wrap .list_cont .navigation_product .product_detail .right_product .product_info table td {letter-spacing:-1px;}

	.info_wrap .location {font-size:.9em; line-height:40px; letter-spacing:-1.2px; color:#666;}

	.info_wrap .info_cont .title_area h3 {float:left; font-size:1.5em; line-height:30px; font-weight:bold; color:#00a4e4; letter-spacing:-.5px;}
	.info_wrap .info_cont .title_area h3 span {display:block; font-size:.6em; line-height:30px; color:#333;}
	.info_wrap .info_cont .table table td input {font-size:.8em;}

	.product_info td.stock {letter-spacing:-1.5px; font-size:.9em;}

	.training_wrap .education_wrap .title_area h3 {letter-spacing:-1px; font-size:1.2em;}
	.training_wrap .education_wrap .title_area ul li {letter-spacing:-1.5px; font-size:.8em;}

	.movie_wrap .movie_menu ul li {letter-spacing:-1px; font-size:.8em;}
	.movie_wrap .title_area ul li {font-size:.8em;}
	.movie_wrap .talk table.coment td {font-size:.8em; letter-spacing:-1px;}

	.qna_wrap .movie_menu ul li {letter-spacing:-1px; font-size:.8em;}
	.qna_wrap .title_area ul li {font-size:.8em;}
	.qna_wrap .talk table {table-layout:auto;}
	.qna_wrap .talk table.coment td {font-size:.8em; letter-spacing:-1.5px;}

	.qna_wrap .title_area h3 {font-size:1em;}

	.replay_wrap .replay_menu ul li a {letter-spacing:-1.5px; font-size:1em;}

	.category_wrap .category_list .categoryList ul li a {font-size:1em;}

	.write_wrap .submitBtn span {display:inline-block; width:18%; padding:7px 0; border-radius:9px;}

	table.productList td {font-size:.9em; letter-spacing:-1px;}

	 .tab_category1 ul li a {display:block; text-align:center; color:#b2b2b2; font-size:.9em;}

	 .onnuriChain.cart h3.h3 {font-size:.8em;}
	 .onnuriChain .list .list_ h3 {font-size:.8em;}
	 .onnuriChain .cashInfo .btn_Area .btn span a {font-size:1em; font-weight:bold;}
	 .onnuriChain .cashInfo .btn_Area .btn span.fail {display:none; font-size:1em; font-weight:bold; color:#e83f18; background-color:#FFF; border:1px solid #e83f18;}

	 .category_wrap .category_list .categoryList ul li a {font-size:.9em;}

	 .complete .btn_Area .btn span a {font-size:1em; font-weight:bold;}

	 .chain .product_list p button.btn_ok {border:1px solid #ccc;  background-color:#fafafa; color:#999; font-size:.8em; text-align:center; padding:5px 8px; font-weight:bold;}
	.chain .product_list p button.btn_cencel { background-color:#999; color:#fff; font-size:.8em; text-align:center; padding:5px 8px; border-radius:5px; margin-left:4px; font-weight:bold;}
	.chain.ver1 .total table td.total_.cont {font-size:1.1em; color:#e83f18;}

	ul.basic li a {font-size:.9em;}
	ul.basic li span.outer {font-size:.9em;}

	h3.h3 {font-size:.9em;}
	.onnuriChain .list .list_ p.titleInfo {font-size:.7em;}
}