@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* ============================================================================= //공통 ================================================================ */
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%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background:#fff;min-width:1280px;font-family: 'Noto Sans KR', sans-serif;}
a:hover, a:focus, a:active{text-decoration:none;}



.hidden, .hdn, legend, caption{width:0;height:0;line-height:0;font-size:0px;position:absolute;visibility:hidden;overflow:hidden;}
.chart caption{position:relative;}
.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_addr{width:15px;height:17px;background-position:-250px 0px;}
.ic_mtel{width:15px;height:16px;background-position:-250px -30px;}
.ic_mtel02{width:15px;height:16px;background-position:-300px -30px;}
.ic_mail{width:18px;height:13px;background-position:-300px 0px;}
.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;font-size:14px; }
#web_header{position:absolute;width:100%;overflow:hidden;z-index:1000;min-width:1280px;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{position:relative;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-right: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-left: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 .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 h1{position:absolute;top:25px;left:0;}
#web_header nav {float:right;height:99px;}
#web_header nav > ul{float:right;width:990px;padding-right:0px;}
#web_header nav > ul:after{content:"";display:block;clear:both}
#web_header nav > ul > li {float:left; position:relative;width:16.6%; text-align:center;}
#web_header nav > ul > li > a:focus,
#web_header nav > ul > li > a {position:relative;display:block; width:auto; height:99px;padding:0;line-height:99px; font-size:18px; font-weight:500;color:#000000;background:transparent;}
#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 > a:after {content:""; display:block;height:3px;width:0px; position:absolute; bottom:-1px; left:40%;box-sizing:unset}
#web_header nav > ul > li.on > a:after,
#web_header nav > ul > li > a:hover:after{width:100%;background:#1cbbb4;left:0;bottom:0; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);transition : all 0.4s ease; -webkit-transition : all 0.4s ease; }
#web_header nav > ul > li > a:hover {color:#1cbbb4;font-weight:600}


#web_header nav > ul > li.on > a, #web_header nav > ul > li > a:hover {color:#1cbbb4}
#web_header nav > ul .smenu {padding:20px 0;}
#web_header nav > ul .smenu *{font-family: 'Noto Sans KR',  sans-serif;}
#web_header nav > ul .smenu li{padding:8px 0;font-weight:400;text-align:center;}
#web_header nav > ul .smenu li a{display:block;color:#333333;font-size:15px;letter-spacing:-0.05em;}
#web_header nav > ul .smenu li.on a,
#web_header nav > ul .smenu li:hover a{color:#1cbbb4}



#web_header .search_bar{position:absolute;top:28px;right:0;width:170px;height:35px;border-bottom:1px solid #000000}
#web_header .search_bar input{display:inline-block;width:140px;height:35px;line-height:35px;padding:0;font-size:14px;letter-spacing:-0.05em;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;letter-spacing:-0.05em;}
#web_header .search_bar input:-moz-placeholder {color: #afafaf; opacity:  1;letter-spacing:-0.05em;}
#web_header .search_bar input::-moz-placeholder { color: #afafaf;opacity:  1;letter-spacing:-0.05em;}
#web_header .search_bar input:-ms-input-placeholder {color:  #afafaf;letter-spacing:-0.05em;}
#web_header .search_bar input::placeholder { color: #afafaf; opacity:  1;letter-spacing:-0.05em;}
#web_header .search_bar button{display:inline-block;border:none;padding:0}



footer *{font-family: 'Noto Sans KR',  sans-serif;box-sizing:content-box;line-height:1em;letter-spacing:0;box-sizing:}
footer{position:relative;top:145px;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;letter-spacing:-0.02em;line-height:1.6em;font-family:'Nanum Barun Gothic';color:#b0b0b0;font-weight:500}
footer .footer .finfo address{display:inline-block;font-style:normal}
footer .footer .finfo .copyright{margin-top:13px;color:#777777}
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;}

html * {max-height:1000000px;}

#container{position:relative;top:145px;min-height:500px;font-size:14px; }


/* 서브 레이아웃 */
.location{padding:15px 0;border-bottom:1px solid #dddddd;font-family:"NanumSquare",  sans-serif;font-size:16px;color:#666666}
.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:500}

.sub_area{padding-bottom: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:40px 0 25px;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{display:block;color:#666666;font-weight:100;font-size:14px;}

.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:8px 20px 8px 33px;color:#666666}
.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:40px 0 15px;border-bottom:1px solid #e6e9ed}
.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:40px 0 20px;border-bottom:none;}
#store_content .page_header h3{display:block;margin-bottom:0px;color:#333333;font-size:28px;font-weight:500}
#store_content  #content{padding:0px 0 50px;}

.sub_content_wide{padding:50px 0;}



#intro_wrap{min-width:1240px;max-width:1920px;margin:0 auto;}

#intro_wrap h1{height:100px;text-align:center;line-height:100px;vertical-align:middle;}
#intro_wrap footer{top:0}

#intro_wrap .intro_list *{font-family: 'Noto Sans KR', sans-serif;}
#intro_wrap .intro_list{overflow:hidden;width:100%;background:url('../img/intro/bg_intro02.png') center 0 no-repeat;}
#intro_wrap .intro_list > div{min-height:885px;text-align:center;}
#intro_wrap .left{float:left;width:33.3%;background:url('../img/intro/bg_intro01.png') center 0 no-repeat;}
#intro_wrap .center{float:left;width:33.3%;}
#intro_wrap .right{float:right;width:33.3%;background:url('../img/intro/bg_intro03.png') center 0 no-repeat;}



#intro_wrap .center .cont{padding:263px 0 0;}
#intro_wrap .right .cont{padding:263px 0 0;}
#intro_wrap .cont h2{font-size:30px;color:#fff}
#intro_wrap .cont p{padding:10px 0 30px;font-size:17px;color:#fff;font-weight:300}
#intro_wrap .cont .more{border:1px solid #ccc;display:inline-block;height:36px;line-height:30px;vertical-align:middle;padding:0 35px;color:#fff;font-weight:300}

#intro_wrap .left .cont{padding-top:210px;}
#intro_wrap .left h2{display:inline-block;height:34px;padding:0 10px;line-height:30px;margin-bottom:10px;;vertical-align:middle;background:#1cbbb4;color:#fff;font-size:18px;font-weight:400}
#intro_wrap .left strong{display:block;font-size:38px;color:#000}
#intro_wrap .left strong span{font-size:38px;font-weight:300}
#intro_wrap .left ul li{display:inline-block;margin:0 5px;}
#intro_wrap .left .cont p{font-size:16px;color:#000000;line-height:1.6em;}

#intro_wrap .center h2.tag_txt{display:inline-block;height:34px;padding:0 20px;line-height:30px;margin-bottom:20px;;vertical-align:middle;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;font-size:18px;font-weight:400}

.sub_container #content{color:#333}
.sub_container #content .pcont{font-size:15px;line-height:2.0em;}
.sub_container #content .pcont strong, .sub_container #content span{font-size:15px}


.selectbox {display:inline-block;position:relative;min-width:100%;height:38px;border:1px solid #e3e3e3; z-index: 1;vertical-align:middle;margin-right:9px;}
.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:inline-block;min-width:100%;height:38px;line-height:38px;vertical-align:middle;padding:0px 10px; color: #646464; z-index: -1;text-align:left;font-weight:400}
.selectbox select {position:relative;top:0;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;}

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

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