html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}


strong{font-weight:500}
a:hover, a:focus, a:active{text-decoration:none;}

header, #container, #footer{min-width:1400px;}
.hidden, .hdn, legend {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd{width:1230px;margin:0 auto;}


.scale {display:inline-block;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/}
.scale:hover{ transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2);}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:20px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}

/* 공통 */
.ic{display:inline-block;background:transparent url('../img/common/bg_icon_all.png') 0 0 no-repeat;vertical-align:middle;}
.ic_down{width:14px;height:9px;background-position:0 0;}
.ic_cart{width:20px;height:17px;background-position:-50px 0;}
.ic_cart_on{width:20px;height:17px;background-position:-50px -30px;}
.ic_mhome{width:20px;height:17px;background-position:-150px 0;}
.ic_mhome_on{width:20px;height:17px;background-position:-150px -30px;}
.ic_note{width:17px;height:17px;background-position:-20px 0;}
.ic_note_on{width:17px;height:17px;background-position:-20px -30px;}
.ic_search{width:22px;height:22px;background-position:-100px 0;}
.ic_facebook{width:30px;height:30px;background-position:0px -50px;}
.ic_youtube{width:30px;height:30px;background-position:-50px -50px;}
.ic_arr{width:7px;height:11px;background-position:-44px -100px;}
.ic_cal{width:18px;height:18px;background-position:0px -100px;}
.ic_chart{width:18px;height:18px;background-position:0px -119px;}
.ic_heart{width:20px;height:17px;background-position:0px -136px;}
.ic_tel{width:25px;height:26px;background-position:-50px -100px;}
.ic_health01{width:41px;height:44px;background-position:-100px -100px;}
.ic_health02{width:47px;height:46px;background-position:-150px -100px;}
.ic_bmore{width:43px;height:43px;background-position:-200px -100px;}
.ic_mark{width:34px;height:38px;background-position:-200px 0px;text-align:center;padding-top:2px;font-weight:600;color:#fff;font-size:18px;}
.ic_home{width:19px;height:17px;background-position:-100px -50px;}
.ic_marr{width:5px;height:10px;background-position:-150px -50px;}
.ic_chk{width:14px;height:10px;background-position:-200px -50px;}
.ic_drp{width:10px;height:8px;background-position:-250px 0px;}
.ic_pls{width:22px;height:22px;background-position:-300px 0px;}
.ic_mns{width:22px;height:22px;background-position:-300px -22px;}
.ic_recom{width:14px;height:14px;background-position:-350px 0px;}
.ic_cmr{width:50px;height:50px;background-position:-250px -100px;}
.ic_cmty{width:18px;height:16px;background-position:-0px -200px;}

.txt_elp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tab_cont{display:none}
.empty{text-align:center;padding:50px 0;}

/* header */
#web_header *{box-sizing:content-box;font-family:"NanumSquare",  sans-serif;letter-spacing:0}
#web_header{position:absolute;width:100%;z-index:1000;min-width:1400px;background-color:#ffffff;border-bottom:1px solid #ddd;}
#web_header .header{width:100%;z-index:998;background:#fff url('../img/common/bg_header_x.png') 0 0 repeat-x}
#web_header .header:after{content:"";display:block;clear:both;}
#web_header .header .rwd{font-family:"NanumSquare",  sans-serif;}


#web_header #gnb{height:44px;border-top:none;border-bottom:1px solid #dddddd;}
#web_header #gnb .rwd:after{content:"";display:block;clear:both;}

#web_header #gnb .site_skip_box ul{float:left;border-left:1px solid #dddddd}
#web_header #gnb .site_skip_box ul:after{content:"";display:block;clear:both;}
#web_header #gnb .site_skip_box ul li{float:left;border-right:1px solid #dddddd}
#web_header #gnb .site_skip_box ul li .ltxt{display:block;padding:0 20px;height:44px;line-height:44px;color:#000000;}
#web_header #gnb .site_skip_box ul li a span{vertical-align:middle;font-size:13px;font-weight:600;}
#web_header #gnb .site_skip_box ul li.on{border-right:1px solid #1cbbb4}
#web_header #gnb .site_skip_box ul li.on .ltxt{background:#1cbbb4;color:#fff;}
#web_header #gnb .site_skip_box ul li .ic{margin-right:5px;;}

#web_header #gnb .top_bar{float:right;height:44px;}
#web_header #gnb .top_bar ul li{display:inline-block;font-size:14px;}
#web_header #gnb .top_bar ul li:after{content:"|";color:#dddddd;margin:0 10px;}
#web_header #gnb .top_bar ul li:last-child:after{display:none}
#web_header #gnb .top_bar ul li:first-child span.ic{margin-right:10px;margin-top:-5px;}
#web_header #gnb .top_bar ul li a{line-height:44px;vertical-align:middle;color:#000000;}


#web_header .sit_bar{height:69px;padding:35px 0 5px;text-align:center;}
#web_header .sit_bar h1{display:inline-block;padding-top:0px;;vertical-align:middle;margin-right:20px;;text-align:center;}
#web_header .sit_bar h1 a{display:inline-block;}
#web_header .search_bar{display:inline-block;width:430px;height:35px;;padding-bottom:5px;;border-bottom:2px solid #000000;text-align:left;}
#web_header .search_bar .allSearch {width:130px;display:inline-block;position:relative;border-bottom:none;}
#web_header .search_bar .allSearch .this{position:relative;display:block;width:100%;height:36px;padding:0 5px;line-height:36px;vertical-align:middle;background:none;color:#000;font-weight:500;text-align:left;}
#web_header .search_bar .allSearch .this .txt{font-size:17px;}
#web_header .search_bar .allSearch .this .ic_drp{position:absolute;top:15px;right:7px;}
#web_header .search_bar .allSearch ul{display:none;position:absolute;top:38px;z-index:5000;width:100%;background:#fff;border:1px solid #eee;}
#web_header .search_bar .allSearch ul li{padding:10px 5px;color:#333333;font-size:13px;text-align:left;border-bottom:1px solid #eee;}
#web_header .search_bar .allSearch ul li:last-child{border-bottom:none;}
#web_header .search_bar input{display:inline-block;width:250px;margin-left:15px;;height:35px;line-height:35px;padding:0;font-size:14px;background:transparent;border:none;vertical-align:middle;color:#999999;font-family: 'Noto Sans KR',  sans-serif;  }
#web_header .search_bar input::-webkit-input-placeholder { color: #afafaf;}
#web_header .search_bar input:-moz-placeholder {color: #afafaf; opacity:  1;}
#web_header .search_bar input::-moz-placeholder { color: #afafaf;opacity:  1;}
#web_header .search_bar input:-ms-input-placeholder {color:  #afafaf;}
#web_header .search_bar input::placeholder { color: #afafaf; opacity:  1;}
#web_header .search_bar button{display:inline-block;border:none;padding:0}


#web_header nav {height:75px;}
#web_header nav > ul{width:100%;}
#web_header nav > ul:after{content:"";display:block;clear:both}
#web_header nav > ul > li {float:left;width:9%; text-align:center;}
#web_header nav > ul > li > a {position:relative;display:block; width:auto; height:75px;padding:0;line-height:75px; font-size:17px; font-weight:500;color:#000000;background:transparent;}
#web_header nav > ul > li > a:hover:after,
#web_header nav > ul > li.on > a:after{position:absolute;bottom:-1px;left:0;content:"";display:block;clear:both;width:100%;height:8px;font-weight:bold}
#web_header #etc_header nav > ul > li .this{display:none}
#web_header nav > ul > li:hover .this{position:absolute;bottom:6px;z-index:500;display:block;width:100%;height:8px;background:url('../img/common/bg_menu_this.png') center bottom no-repeat;}
#web_header nav > ul > li:last-child{margin-right:0;}
#web_header nav > ul > li:last-child a{text-align:center;}

#web_header nav > ul > li.on > a, #web_header nav > ul > li > a:hover {color:#1cbbb4}
#web_header nav > ul .smenu *{font-family: 'Noto Sans KR',  sans-serif;}
#web_header nav > ul .smenu {position:absolute;top:222px;left:0;width:100%;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:none;}
#web_header nav > ul .smenu ul{margin:-8px auto 0;padding-top:8px;}
#web_header nav > ul .smenu li{position:relative;top:3px;display:inline-block;padding:5px 0;margin:0 20px;;font-size:18px;text-align:center;}
#web_header nav > ul .smenu li a{position:relative;display:block;padding:10px 0;color:#000;font-size:15px;font-weight:400}
#web_header nav > ul .smenu li:hover:after{content:"";display:block;clear:both;position:absolute;left:0;bottom:0px;width:100%;height:2px;background:#46c0d8;left:0;opacity:1;}


#web_header nav > ul > li:nth-child(1) .smenu ul{width:99%;padding-left:1%;background-position:4% 0;}
#web_header nav > ul > li:nth-child(2) .smenu ul{width:96%;padding-left:4%;background-position:12% 0;}
#web_header nav > ul > li:nth-child(3) .smenu ul{width:85%;padding-left:15%;background-position:22% 0;}
#web_header nav > ul > li:nth-child(4) .smenu ul{width:75%;padding-left:25%;background-position:31% 0;}
#web_header nav > ul > li:nth-child(5) .smenu ul{width:65%;padding-left:35%;background-position:40% 0;}
#web_header nav > ul > li:nth-child(6) .smenu ul{width:55%;padding-left:40%;background-position:49% 0;}
#web_header nav > ul > li:nth-child(7) .smenu ul{width:68%;padding-right:37%;background-position:55.5% 0;text-align:right;}
#web_header nav > ul > li:nth-child(8) .smenu ul{width:75%;padding-right:25%;background-position:67.5% 0;text-align:right;}
#web_header nav > ul > li:nth-child(9) .smenu ul{width:85%;padding-right:15%;background-position:76% 0;text-align:right;}
#web_header nav > ul > li:nth-child(10) .smenu ul{width:95%;padding-right:5%;background-position:86% 0;text-align:right;}
#web_header nav > ul > li:nth-child(11) .smenu ul{width:98%;padding-right:2%;background-position:95% 0;text-align:right;}


/* 기타페이지 헤더 */
#web_header #etc_header nav {height:59px;}
#web_header #etc_header ul{text-align:center;}
#web_header #etc_header nav > ul > li{float:none;display:inline-block;width:auto;}
#web_header #etc_header nav > ul > li > a {position:relative;display:block;height:59px;margin:0 40px; line-height:59px; font-size:17px; font-weight:500;color:#000000;background:transparent;}
#web_header #etc_header nav > ul > li:hover  > a{font-weight:bold;color:#1cbbb4}
#web_header #etc_header nav > ul > li:hover .this{position:absolute;bottom:0px;z-index:500;display:block;width:100%;height:8px;background:url('../img/common/bg_menu_this.png') center bottom no-repeat;}
#web_header #etc_header nav > ul .smenu {position:absolute;top:212px;left:0;width:100%;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:none;}
#web_header #etc_header nav > ul .smenu li a:hover{color:#1cbbb4}
#web_header #etc_header nav > ul .smenu li:hover:after{display:none}
#web_header #etc_header nav > ul .smenu ul{margin:0 auto 0;padding-top:0px;background:none;}
#web_header #etc_header nav > ul > li:nth-child(1) .smenu ul{width:82%;padding-left:0%;margin-right:18%}

.netc_header{background-image:none !important}

.mb_show{display:none}
.wb_show{display:block;}



footer *{font-family: 'Noto Sans KR',  sans-serif;box-sizing:content-box;line-height:1em;letter-spacing:0;box-sizing:}
footer{position:relative;top:229px;z-index:1000;background:#000000;color:#b0b0b0;border-bottom:1px solid #2e2e2e;min-height:54px;}
footer .flink_bar{position:relative;z-index:1500;border-bottom:1px solid #282828}
footer .flink_bar .rwd{position:relative;}
footer ul.flink {height:54px;}
footer ul.flink li{position:relative;display:inline-block;line-height:54px;margin-right:25px;}
footer ul.flink li a{position:relative;color:#b0b0b0;font-size:14px;font-weight:500}
footer ul.flink li a:hover:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:1px;margin-bottom:-3px;background:#4d4d4d;}
footer ul.flink li:first-child a{color:#fff;font-weight:600}

footer .skip_site{position:absolute;top:10px;right:0;z-index:1000;display:inline-block;height:33px;font-size:13px;}
footer .skip_site .site_box{position:relative;z-index:1000;border:1px solid #999999;}
footer .skip_site .site_box button{position:relative;background:transparent;border:none;height:33px;min-width:180px;line-height:33px;padding:0px 12px;text-align:left;color:#999999;font-size:13px;}
footer .skip_site .site_box button span{position:absolute;top:12px;right:13px;font-weight:100;font-size:20px;color:#999999;vertical-align:middle}
footer .skip_site .site_box .site_list{position:absolute;top:33px;left:0;z-index:1200;;width:100%;margin:0 -1px;display:none;background:#000000;border:1px solid #999999;border-top:none;}
footer .skip_site .site_box .site_list ul{padding:10px 0;min-width:158px;}
footer .skip_site .site_box .site_list ul li{padding:7px 0 7px 15px;}
footer .skip_site .site_box .site_list ul li a{color:#999999}



footer .footer h2{float:left;margin:5px 70px 0 0;}
footer .footer{position:relative;z-index:800;border:none;padding:50px 0;background:transparent;height:auto;}
footer .footer::after{content:"";display:block;clear:both; }

footer .footer .finfo{float:left;font-size:14px;line-height:1.6em;color:#b0b0b0;font-weight:500}
footer .footer .finfo address{display:inline-block;font-style:normal;color:#b0b0b0;}
footer .footer .finfo .copyright{margin-top:13px;color:#777777;letter-spacing:-0.02em;}
footer .footer .finfo span{margin-left:10px;;}

footer .footer .icon_sns_list{position:absolute;top:30px;right:0;z-index:400}
footer .footer .icon_sns_list li{display:inline-block;margin-left:5px;}
footer .footer .stxt{margin-top:5px;line-height:1.5em;font-size:12px;}
footer .footer .btn{border:1px solid #b0b0b0;color:#b0b0b0;padding:3px 10px;font-size:12px;}
html * {max-height:1000000px;}

#container{position:relative;top:229px;min-height:500px;}

.etc_container{top:215px !important;}
.netc_container{top:155px !important;}


/* 서브 레이아웃 */
.location{padding:15px 0;border-bottom:1px solid #dddddd;font-family:'Noto Sans KR','나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','gulim','arial','Dotum','AppleGothic',sans-serif;font-size:16px;color:#666}
.location a{display:inline-block;}
.location .ic{vertical-align:middle;}
.location .ic_marr{margin:0 12px;}
.location span:last-child,
.location a:last-child{color:#1cbbb4;font-weight:400}

.sub_area{padding:40px 0 150px;}
.sub_area:after{content:"";display:block;clear:both;}
.sub_area .sub_menu{float:left;width:265px;font-family:"NanumSquare",  sans-serif;}
.sub_area .sub_menu h2{padding:0px 0 17px;border-bottom:2px solid #666666;}
.sub_area .sub_menu h2 strong{display:block;margin-bottom:5px;color:#333333;font-size:28px;font-weight:600 }
.sub_area .sub_menu h2 span{color:#666666;font-weight:100}

.sub_area .sub_menu ul *{letter-spacing:0.02em}
.sub_area .sub_menu .depth2 > li{padding:9px 0;border-bottom:1px solid #dddddd;}
.sub_area .sub_menu .depth2 > li > a{position:relative;display:block;padding:7px 20px;font-size:17px;color:#222}

.sub_area .sub_menu .depth2 > li > a:hover,
.sub_area .sub_menu .depth2 > li > a:focus,
.sub_area .sub_menu .depth2 > li.on > a{background:#1cbbb4;color:#fff;border-radius:20px;}

.sub_area .sub_menu .depth2 > li > a:hover:after,
.sub_area .sub_menu .depth2 > li.on > a:after{content:"";display:block;position:absolute;top:16px;right:15px;width:13px;height:3px;background:#fff;border-radius:10px;}
.sub_area .sub_menu .depth3{display:none;padding:10px 0;} 
.sub_area .sub_menu .depth2 > li.on .depth3{display:block;}
.sub_area .sub_menu .depth3 li a{position:relative;display:block;padding:10px 20px 10px 33px;color:#666666;font-size:17px;}
.sub_area .sub_menu .depth3 li a:after{content:"";display:block;position:absolute;top:18px;left:20px;width:7px;height:1.8px;background:#a3a3a3;}

.sub_area .sub_menu .depth3 li a:hover,
.sub_area .sub_menu .depth3 li.on a{color:#1cbbb4}
.sub_area .sub_menu .depth3 li a:hover:after,
.sub_area .sub_menu .depth3> li.on > a:after{background:#39c0ba;}

.sub_area .sub_content{float:right;width:925px;}
.sub_area .sub_content .page_header{padding:0px 0 15px;}
.sub_area .sub_content .page_header h3{display:block;margin-bottom:5px;color:#333333;font-size:28px;}
.sub_area .sub_content .page_header p{margin-top:10px;;color:#666666;font-weight:300;font-size:15px;}

#content{padding:50px 0;}


/* 스토어 서브 */
#store_content .page_header{padding:0px 0px 30px;}
#store_content .page_header h3{display:block;margin-bottom:0px;color:#333333;font-size:28px;font-weight:500}
#store_content .page_header p{color:#999999;font-size:16px;}


#store_content .pheader_setc{margin-bottom:33px;;text-align:center;} /* 라인있는 컨텐츠 헤더 */
#store_content .pheader_netc{margin-bottom:33px;text-align:center;} /* 라인있는 컨텐츠 헤더 */

#store_content .pheader_etc{padding-top:10px;margin-bottom:40px;text-align:center;} /* 라인없는 컨텐츠 헤더 */
#store_content .pheader_etc h3{font-size:40px;font-weight:500;color:#333333;} 
#store_content .pheader_etc p{color:#999999;font-size:16px;}

#store_content  #content{padding:0px 0 50px;}



.sub_content_wide{padding:0 0 50px;}
.sub_content_wide .page_header p{margin-top:10px;}

.selectbox {display:inline-block;position:relative;min-width:157px;height:38px;border:1px solid #e3e3e3; z-index: 1;vertical-align:middle;}
.selectbox:before {content:"";position:absolute;top:45%;right:10px; width:16px; height:9px;background:transparent url('../img/common/bg_select.png') 0 0 no-repeat;}
.selectbox label {position:absolute;top:0px;left:0px;display:block;min-width:157px;height:38px;line-height:38px;vertical-align:middle;padding:0px 10px; color: #000; z-index: -1;text-align:left;font-weight:400}
.selectbox select {position:relative;top:-5px;width:100%;height:37px;line-height:normal;font-family: inherit;padding:0em 10px;border: 0;opacity: 0;filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none; appearance: none;}

select {height:35px; line-height:30px; min-width:60px; padding:3px; margin:0; border:1px solid #e3e3e3; cursor:pointer; box-sizing:border-box; border-radius:0;}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer;}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input.frm_input{height:36px; line-height:36px;margin:0; border:1px solid #e3e3e3;}
input[type="file"]{height:26px; line-height:26px; padding:0 5px; border:1px solid #e3e3e3; cursor:pointer;}
textarea {overflow:auto; padding:0;border:1px solid #ccc; vertical-align:top; -webkit-appearance: none; border-radius:0; resize:none; width:96%; padding:5px; min-height:150px;}




/*폼 테이블*/
.tbl_frm01 {border-top:1px solid #666;}
.tbl_frm01 table {width:100%;}
.tbl_frm01 th,
.tbl_frm01 td {padding:12px 14px;height:22px;font-size:14px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle;}
.tbl_frm01 th {font-weight:500;}
.tbl_frm01 .frm_address {margin-top:5px;}

.tbl_frm02 {width:100%;}
.tbl_frm02 th {padding:12px 20px;border:1px solid #e8e8e8;background-color:#fafafa;font-weight:600;text-align:left;}
.tbl_frm02 td {padding:5px 10px;text-align:left;border:1px solid #e8e8e8;background:transparent;}
.tbl_frm02 textarea {padding:2px 2px 3px;border:1px solid #e3e3e3;color:#454545;vertical-align:middle;line-height:1.4;}
.tbl_frm02 textarea {width:100%;height:140px;}

.alc{text-align:center;}
.out:after{content:"";display:block;clear:both;}
.wid50{width:50%}


/* 레이어 팝업 */
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;z-index:8000;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5000;}
.dim-layer .dim-bg {position: absolute; top: 0;left: 0; z-index:5000;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {position:relative;display: block;}
.btn-layer-close {position:absolute;top:-50px;right:0;}
.btn-layer-close button{border:none;width:30px;height:30px;padding:0;background:transparent url('../img/page/btn_pop_close.png') 0 0 no-repeat;}


.pop-layer{background:#fff;padding:50px 0;min-width:1000px;text-align:center;}
.pop-layer h1{font-size:28px;color:#1cbbb4;font-weight:400;}
.pop-layer h1 strong{font-size:28px;}
.pop-layer .img{display:block;margin:30px 0 20px;}
.pop-layer p{margin-bottom:40px;color:#000000}
.pop-layer p strong{display:block;margin-bottom:5px;}
.pop-layer p strong, .pop-layer p span{font-size:16px}

.pop-layer .btn.btn-primary{background:#1cbbb4 !important;border:1px solid #1cbbb4 !important;color:#fff}
.pop-layer .btn_wide{padding:15px 60px;min-width:200px;font-weight:500;font-size:16px;}

/* ============================================================================= //공통 ================================================================ */