@charset "utf-8";
@import url('font.css');
/* reset */
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, button, input {margin: 0;padding: 0;border: 0;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-word-break: break-all;word-break: break-all;}/* 2017-12-18 */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;-webkit-text-size-adjust:none;}/* 뷰표트 변환시 폰트크기 자동확대 방지. */
html, body{overflow: auto;}
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'] {-webkit-appearance:none;border-radius:0; font-family: sans-serif;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
dl, ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer;}
button[disabled="disabled"]{opacity:0.5;cursor:default;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
address,caption,cite,code,dfn,em,var {font-style:normal;}
a {text-decoration:none;color: inherit;}
a:active, a:hover {text-decoration:none}
img{max-width:100%;}
hr{border: none;}
/* //reset */

/* global */
#skipNav {position: relative;width: 100%;} /* 스킵네비게이션 */
#skipNav > a{position: absolute;top: -40px;left: 0;height: 40px;padding: 0 20px;border-bottom: 1px solid #3f4243;font-size: 11px;line-height: 40px;background-color: #26292a;color: #fff;letter-spacing: -1px;text-align: center;}
#skipNav > a:active, #skipNav > a:focus{overflow: hidden;top: 0;text-decoration: none;z-index: 100;}
.ir{position:absolute;width:1px;height:1px;overflow:hidden;font-size:1px;color:transparent;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}/* #191101 추가 */
.ir_pm {display:block;overflow:hidden;color:transparent;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */ /* #2019.01.24 접근성 font-size:0,line-height:0 삭제 */ /* 2019.03.11 접근성 text-indent:-9999px; 삭제, color:transparent;추가 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.ir_ex{display: inline-block;width:0;height:0;text-indent:-9999px;position: relative;z-index: -1;color:#FFF;} /* #2019.02.18 접근성 점포찾기 숨김 오류로 예외적으로 감싸서 처리 */ /* 2019.03.11 접근성 추가 */
.screen_out {overflow:hidden;position:absolute;text-indent:-9999px;color: transparent;width:1px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */ /* #191101 width값 1로 수정 */
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block !important;}
.hide {display:none !important;}
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.clear_g > li, .clear_g > dt, .clear_g > dd{float: left;display: inline-block;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/* 한줄말줄임 */
.multiEllipsis2{padding-top: 0 !important;padding-bottom: 0 !important;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}/* 다중말줄임 *//* 2017-12-11 */
.multiEllipsis3{padding-top: 0 !important;padding-bottom: 0 !important;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:4.5em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}/* 2017-12-11 */
.multiEllipsis4{padding-top: 0 !important;padding-bottom: 0 !important;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:6em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}/* 2017-12-11 */
.non_pd{padding: 0 !important;}
/* //global */

/* grid */
.wrap{width: 100%; height: 100%;min-width:320px;z-index: 101;}
/* //grid */

/* 제목 */
/* .tit_type{} */
[class*="tit_ex"] strong, [class*="tit_ex"] em, [class*="tit_ex"] b{font-weight: inherit;}
[class*="tit_"] *{font-size: inherit;}
.pageTitle{height: 87px;padding-top: 30px;border-bottom: 1px solid #ddd;text-align: center;}
.tit_page{font-size: 1.625rem;font-family: "NanumSquareEB";}
.tit_exPage{font-size: 1.625rem;font-family: "NanumSquareEB";}
.tit_exSub20{font-size: 1.25rem;font-family: "NanumSquareEB";}
.tit_exSub18{font-size: 1.125rem;font-family: "NanumSquareEB";line-height: 1.4;}
.tit_bSmall14{font-size:0.875rem;font-weight: 700;}
.tit_small14{font-size:0.875rem;font-weight: 700;}

/* //제목 */

/* 텍스트 */
/* .txt_type{} */
/* .time_type{} 날짜 및 시간 */
.txt_msgothic{font-family: 'ms pgothic';}
.txt_fz14{font-size: 0.875rem;}
.txt_fz12{font-size:  0.75rem;}
.txt_fzorg{font-size: 1.000rem !important;}
.txt_gray{color: #666;}
.txt_gray888{color: #888;}
.txt_darkgray{color: #000002;}
.txt_purple{color: #8856e5;}
.txt_ffSamsungSharpSans{font-family: "SamsungSharpSans";}
.txt_ffSamsungSharpSans_m{font-family: "SamsungSharpSansM";}
.txt_ffSamsungSharpSans_bold{font-family: "SamsungSharpSansB";}
.txt_exBold{font-family: "NanumSquareEB";}
.txt_asterisk{position: relative;display: block;padding-left: 11px;font-size: 0.875rem;line-height: 1.4;}
.txt_asterisk::before{content: '*';position: absolute;left: 0;top: 2px;}
.txt_btn{display: inline-block;padding: 25px 45px 0 0;font-size: 0.75rem;color: #666;}

/* //텍스트 */

/* 영역 */
/* .section_type{} */
.section_15{padding:0 15px;}
.section_35{padding:0 35px;}
.section_m35{margin: 0 35px;}
section[data-roll = "util-search-result"] {padding-bottom: 59px;}
.img_resizeBig{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
/* .wrap_type{} */
.inner{}
.line_gray, .line_gray_mlr15{display: block;height: 0;margin: 0;padding: 0;border-top: 1px solid #ddd;}
.line_gray_mlr15{margin: 0 15px;}
/* //영역 */

/* border */
.bdt_lightGray{border-top: 1px solid #ddd;}
.bdr_lightGray{border-right: 1px solid #ddd;}
.bdb_lightGray{border-bottom: 1px solid #ddd;}
.bdl_lightGray{border-left: 1px solid #ddd;}
/* border */

/* 텝 */
/* .tab_type{} */
.tab_underline{border-bottom: 1px solid #ddd;text-align: center;}
.tab_underline .list_tab_underline{float: none;}
.btn_tab_underline{text-align: center;position: relative;padding: 21.5px 20px;font-family: "NanumSquareEB";}
.btn_tab_underline::after{content: '';display: none;position: absolute;width: 100%;left: 0;bottom: 0;border-top: 2px solid #8f69f4;}
.btn_tab_underline.on::after{display: block;}


.wrap_fixMenu{position: relative;}
.tab_link_swiper{position: relative;border-bottom: 1px solid #ddd;background-color: #fff;}

.btn_playStop .swiper-pagination-bullet{vertical-align: middle;}
.btn_playStop .btn_slideStart, .btn_playStop .btn_slideStop{margin:0 5px;}
.fixedMenu{position: absolute; width: 100%;left: 0;top: 0;}
.fixedTop{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.tab_link_swiper .swiper-slide{width: auto;}
.tab_link_swiper .tab_swiperLink{display: block;text-align: center;position: relative;padding: 21.5px 22px;}
.tab_link_full .tab_swiperLink{padding: 21.5px 0;}
.tab_link_swiper .swiper-slide:first-child .tab_swiperLink{/* padding-left: 37px; */}
.tab_link_swiper .tab_swiperLink::after{content: '';display: none;position: absolute;width: 100%;left: 0;bottom: 0;border-top: 2px solid #8f69f4;}
.tab_link_swiper .swiper-slide:first-child .tab_swiperLink::after{width:/*  calc(100% - 15px) */100%;/* left: 15px; */}
.tab_link_swiper .tab_swiperLink.on::after{display: block;}

.tab_buttonBasic{}
.tab_buttonBasic_wrap{border: 1px solid #ddd;}
.tab_buttonBasic_btnWrap{border-left: 1px solid #ddd;}
.tab_buttonBasic_btnWrap:first-child{border-left: none;}
.tab_buttonBasic_button{width: 100%;height: 48px;background-color: #fff;font-size: 1.000rem;font-weight: 700;color: #000;}
.on > .tab_buttonBasic_button{background-color: #000;color: #fff;}
.tab_buttonBasic_cont{display: none;}
.tab_buttonBasic_contentsAll{display: none;}

.cnt02 .tab_buttonBasic_btnWrap{width:calc(100% / 2);}
.cnt03 .tab_buttonBasic_btnWrap{width:calc(100% / 3);}

.tab_accordion_btnBottom{}
.accordion_btnBottom_tit{}
.accordion_btnBottom_cont{display: none;}

/* //텝 */

/* 테이블 */
/* .tbl_type{} */
table[class^="tbl_"]{width:100%;}
.tbl_dl{}
.th_tblDl, .td_tblDl{  box-sizing: border-box;word-break: break-all;}
.td_tblDl ~ .th_tblDl, .td_tblDl ~ .td_tblDl{-ms-word-break: break-all;word-break: break-all;}
.th_tblDl{float: left;width: 26%;}
.td_tblDl{margin-left: 26%;}
.td_tblDl:after {content: "";display: block;clear: both;}
.multi_row + .td_tblDl:after {content:none;}

.tbl_grayTh{border-top: 1px solid #ddd;margin-top: 30px;}
.tbl_grayTh .tbl_tit{padding-bottom: 20px;text-align: left;font-size: 1.000rem;font-family: "NanumSquareEB"; }
.tbl_grayTh_th, .tbl_grayTh_td{height: 37px;line-height: 1.3;border-bottom: 1px solid #eee;vertical-align: middle;font-size: 0.75rem;padding:20px 0 20px 20px;}
.tbl_grayTh_th{padding-right: 10px;background-color: #fcfcfc;text-align: left;font-weight: 400;color: #666;}
.box_center .tbl_grayTh_th{text-align: center;}
.tbl_grayTh_th + .tbl_grayTh_td, .tbl_grayTh_td + .tbl_grayTh_td{border-left: 1px solid #eee;color: #000;}

[class^="list_"] .tbl_grayTh{margin-top: 0;}
/* //테이블 */

/* 목록 */
/* .list_type{} */
.list_verticalBar{}
.list_verticalBar > li{position: relative;padding: 0 7.5px 0 7.6px;}
.list_verticalBar > li:first-child{padding-left: 0;}
.list_verticalBar > li > *{font-size: 0.875rem;color: #666;}
.list_verticalBar > li::after{content: '';display: block;height: 8.5px;position: absolute;left: 0;top: 50%;margin-top: -5.3px;border-left: 1px solid #aaa;}
.list_verticalBar > li:first-child::after{display: none;}

.tab_accordion{}
.btn_tabAccordion{position: relative;width: 100%;min-height:12px;text-align: left;}
.btn_tabAccordion .ico_cross, .btn_tabAccordion .ico_arrBig_horizon{position: absolute;right: 0;top: 50%;margin-top: -6px;}
.accordion_cont{display: none;}

.list_selectLink{position: relative;display: inline-block;}
.list_selectLink *{}
.btn_listSelect{font-size: 0.688rem;}
.btn_listSelect .ico_roundTri{margin-left: 5px;}

.list_chk{padding-bottom: 5px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_chk > li{margin: 15px 0;}
.list_chk > li:first-child{margin-top: 0;}

.list_dl_titBig{}
.list_dl_titBig_tit{padding-top: 20px;font-size: 1.125rem;}
.list_dl_titBig_content{padding: 16px 0 20px;line-height: 1.4;font-size: 1.000rem;}

.list_dlvertical{}
.list_dlvertical_tit{font-size: 0.875rem;font-family: "NanumSquareEB";color: #000;}
.list_dlvertical_content{padding-top: 6px;line-height: 1.4;font-size: 0.875rem;color: #666;}

.list_pure{}
.pure_list {margin-top: 6px;line-height: 1.4;font-size: 1.000rem;}
.pure_list:first-child{margin-top: 0;}
.tbl_grayTh_td .pure_list{font-size: inherit;}

.list_dash{}
.dash_list {position: relative;padding-left: 11px;margin-top: 6px;line-height: 1.4;font-size: 1.000rem;}
.dash_list::before{content:"-";display: inline-block;position: absolute;left: 0;top: 0;}
.dash_list:first-child{margin-top: 0;}

.list_dot{}
.dot_list {position: relative;padding-left: 11px;margin-top: 6px;line-height: 1.4;font-size: 1.000rem;}
.dot_list::before{content:"·";display: inline-block;position: absolute;left: 0;top: 0;}
.dot_list:first-child{margin-top: 0;}

.list_reference{}
.reference_list{position: relative;padding-left: 20px;margin-top: 6px;line-height: 1.4;}
/* 20180212 수정 */
.reference_list::before{content:"※";display: inline-block;position: absolute;left: 0;top: 0; font-size: 0.75rem;}
.reference_list:first-child, .reference_list:first-of-type{margin-top: 0;}

.list_figure{}
.figure_list{margin-top: 35px;}
.figure_list:first-child{margin-top: 0;}
.wrap_figureList{position: relative;padding: 0 34px;text-align: center;}
.figureList_img{max-height:141px;}
.figureList_tit{padding-top: 10px;line-height: 1.4;text-align: center;font-size: 0.875rem;color: #666;}

.list_figure.horizon{position: relative;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.list_figure.horizon::before{content: '';position: absolute;height: 100%;width: 0;border-left: 1px solid #ddd;left: 50%;top: 0;}
.horizon .figure_list{margin: 0 0 -1px;width: 50%;border-bottom: 1px solid #ddd;}
/*20180209 수정*/
.horizon .wrap_figureList{padding: 160px 0 0;text-align: center;}
.horizon .figureList_tit{padding-top: 0;font-size: 1.125rem;color: #000;}

/* //목록 */

/* 폼 */
/* .tf_type{} */ /* input 타입 text, textarea */
.tf_basic{height: 47.5px;line-height: 48px;padding-left: 10px;border: 1px solid #ddd;background-color: #f9f9f9;font-size: 1.000rem;color: #898989;}
.wrap_tfSearch{padding: 25px 15px;}
.wrap_tfSearch_inner{display: block;position: relative;background-color: #f9f9f9;padding-right: 40px;border: 1px solid #ddd;}
.wrap_tfSearch_inner .tf_basic{width: 100%;border: none;}
.wrap_tfSearch_inner .btn_bg_search{position: absolute;right: 0;top: 0;height: 100%;}

[data-roll="util-search-result"] .wrap_tfSearch{padding: 25px 15px;background-color: #f5f5f5;}
[data-roll="util-search-result"] .wrap_tfSearch_inner{display: block;position: relative;background-color: #fff;padding-right: 40px;border: 1px solid #ddd;}
[data-roll="util-search-result"] .wrap_tfSearch_inner .tf_basic{width: 100%;border: none;background-color: #fff;}
[data-roll="util-search-result"] .wrap_tfSearch_inner .btn_bg_search{position: absolute;right: 0;top: 0;height: 100%;}


.wrap_tfEnter{padding: 25px 15px;}
.wrap_tfEnter_inner{display: block;position: relative;background-color: #f9f9f9;padding-right: 40px;border: 1px solid #ddd;}
.wrap_tfEnter_inner .tf_basic{width: 100%;border: none;}
.wrap_tfEnter_inner .btn_bg_enter{position: absolute;right: 0;top: 0;height: 100%;}

/* .inp_type{}  *//* input 타입 radio, checkbox, file 등 */
.wrap_customChk{display: inline-block;position: relative;padding-left: 26px; padding-top: 1px;}
.customChk_label{}
.customChk_label .ico_inp_customChk{/* margin-right: 13px; */}
.inp_customChk{/* height: 0;width: 0;line-height: 0;font-size: 0; opacity: 0;z-index: -1;*/position: absolute;left: 0;top: 0;width: 18px;height: 18px;-webkit-appearance: none;
   -webkit-border-radius: 0;z-index: 1;}
.inp_customChk.add{/* height: 0;width: 0;line-height: 0;font-size: 0; opacity: 0;z-index: -1;*/position: absolute;left: 0;top: 11px;width: 18px;height: 18px;-webkit-appearance: none;
   -webkit-border-radius: 0;z-index: 1;}
.wrap_customChk .ellipsis{display: block;margin-top: 10px;}

.hidelabel .ico_inp_customChk{margin-right: 0;}

.opt_type{} /* selectbox */
.lab_type{} /* label */
.fld_type{} /* fieldset */
/* //폼 */

/* 버튼 */
/* .btn_type{} */
[class^="btn_"]{position: relative;vertical-align: middle;}
a[class^="btn_"]{display: inline-block;}
[class^="btn_bg"] > .ir_pm{position: absolute;background-image: url(../image/common/sp_btn.png);background-repeat: no-repeat;-webkit-background-size: 400px 400px;
background-size: 400px 400px;left: 50%;top: 50%;}/* 이미지 버튼 */
 .btn_roundGhost{padding: 0 25px;height: 38px;min-width: 135px;border: 1px solid #000;-webkit-border-radius:40px;border-radius: 19px;background-color: transparent;text-align: center;color: #000;font-weight: 700;font-size: 0.875rem;}
span.btn_roundGhost, a.btn_roundGhost{line-height: 38px;display: inline-block;}
.btn_roundGhost.full{width: 100%;}
.btn_roundGhost + .btn_roundGhost{margin-left: 20px;}
.btn_roundGhost.full + .btn_roundGhost.full{margin-left: 0;margin-top: 20px;}
 .btn_roundOnline{padding: 0 25px;height: 60px;min-width: 250px;border: 1px solid #1d5a9b;-webkit-border-radius:40px;border-radius: 30px;background-color:#1d5a9b;text-align: center;color: #fff;font-weight: 700;font-size: 1.000rem;} /* 2019-03-12 추가 */

.btn_roundGhost.white{border: 1px solid #fff;color: #fff;}
.btn_roundGhost.white span{display: block;}

 .btn_roundGhost_small{padding: 0 16px;height: 30px;border: 1px solid #fff;-webkit-border-radius:15px;border-radius: 15px;background-color: transparent;text-align: center;color: #fff;font-weight: 400;font-size: 0.75rem;}
 .btn_roundGhost_small [class^="ico"]{margin-left: 5px;}

span.btn_roundGhost{line-height: 38px;display: inline-block;}
 
.btn_footerMenu{font-size: 0;}

.btn_bg_searchLoc{height:30px;width: 30px;}
.btn_bg_searchLoc > .ir_pm{width: 17px;height: 22px;background-position: 0 0;margin: -11px 0 0 -8px;}
.btn_bg_search{height:40px;width: 40px;}
.btn_bg_search > .ir_pm{width: 21px;height: 20px;background-position: -18px 0;margin: -10px 0 0 -10px;}

.btn_bg_enter{height:40px;width: 40px;}
.btn_bg_enter > .ir_pm{width: 15px;height: 14px;background-position: -41px 0;margin: -7px 0 0 -8px;}

.btn_popClose{width: 30px;height: 30px;}
.btn_popClose .ir_pm, .btn_popClose::after{display: block;position: absolute;width: 18px;height: 0;border-top: 2px solid #000;}
.btn_popClose.white .ir_pm, .btn_popClose.white::after{border-top-color: #fff;}

.btn_popClose .ir_pm{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left:6px;
bottom: 14px;
}
.btn_popClose::after{
content:"";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left:6px;
bottom: 14px;
}

.btn_bg_tel{width: 50px;height: 50px;background-color: #8f69f4;-webkit-border-radius:25px;border-radius: 25px;}
.btn_bg_tel > .ir_pm{width: 19px;height: 18px;background-position: -58px 0;margin: -9px 0 0 -9.5px;}

.btn_loadView{width: 50px;height: 55px;padding-top: 40px;font-size: 0.875rem;color: #666;text-decoration: underline;}
.btn_loadView::before{content: '';position: absolute;left: 0;top: 0;width: 50px;height: 51px;background-image: url(../image/common/sp_ico.png);background-repeat: no-repeat;-webkit-background-size: 400px 400px;
background-size: 400px 400px;background-position: -266px 0;}
.pos_r{position: relative;}
.btn_loadView .pos_r{z-index: 10;}

.btn_black{width: 100%;height: 60px;padding: 0 37px 0 14px;background-color: #000;text-align: left;color: #fff;font-size: 1.000rem;}
.btn_purple{width: 100%;height: 60px;background-color: #8f69f4;color: #fff;}
.btn_bg_menual{width: 41px;height: 27px;}
.btn_bg_menual > .ir_pm{width: 27px;height: 27px;background-position: -77px 0;margin: -14px 0 0 -14px;}

.btn_bg_sns{width: 34px; height: 28px;}
.btn_bg_sns > .ir_pm{width: 17px;height: 28px;margin: -14px 0 0 -8px;background-position: -106px -0;}

.btn_searchResult_more{height: 30px;font-size: 0.75rem;font-family: "NanumSquareEB";color: #666;}
.btn_searchResult_more .ico_arrHorizon_gray{margin-left: 10px;}

.btn_textRight{font-size: 0.875rem;}
.btn_textRight [class^="ico"]{margin-left: 5px;}
/* //버튼 */

/* 박스 */
/* .box_type{} */
.box_center{text-align: center;}
.box_left{text-align: left;}
.box_right{text-align: right;}
.box_Round7{-webkit-border-radius:7px;border-radius: 7px;}
.showMore{padding: 59px 0 99px;}
.box_ib{display: inline-block;}

.wrap_boxOblique{position: relative;padding-bottom: 14.4%;background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
.wrap_boxOblique::after{content: '';position: absolute;left: 0;bottom: 0;height: 0;width: 100%;padding-bottom: 14.4%;background: url(../image/common/bg_oblique.png) 0 0 no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;z-index: 10;}
.box_oblique{}

.wrap_boxOblique.cover{padding-bottom: 0;}
.box_oblique{}

.wrap_boxOblique.top{padding-bottom: 0;}
.wrap_boxOblique.top::after{bottom: 100%;margin-bottom: -1px;}
/* //박스 */

/* 아이콘 */
/* .ico_type{} */
[class^="ico"]{display: inline-block;color: transparent;vertical-align: middle;} /* #2019.01.24 접근성 : font-size:0, line-height:0 삭제 */
[class^="ico_bg"]{background-image: url(../image/common/sp_ico.png);-webkit-background-size: 400px 400px; background-size:  400px 400px;background-repeat: no-repeat;}
[class^="ico_symbol"]{background-image: url(../image/common/sp_symbol.png);-webkit-background-size: 400px 400px; background-size:  400px 400px;background-repeat: no-repeat;}
.ico_roundBox_black + .ico_roundBox_purple{margin-left: 5px;}
.ico_triangle{width: 0;height: 0;border-bottom:5px solid #724add;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.ico_triangle.down{border-bottom: none;border-top: 5px solid #724add;}

.ico_roundTri{position: relative;width: 14px;height: 14px;-webkit-border-radius:7px;border-radius: 7px;background-color: #888;}
.ico_roundTri::after{content:"";position: absolute;left:50%;top: 50%;margin:-2px 0 0 -3px;display: block;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 4px solid #fff;}
.ico_roundTri.down::after{border-bottom: none;border-top: 4px solid #fff;}

.ico_cross{position: relative;width: 12px;height: 12px;}
.ico_cross::before, .ico_cross::after{content:"";display: block;position: absolute;left:50%;top:50%;background-color: #000;}
.ico_cross::before{height: 2px;width:12px;margin:-1px 0 0 -6px ;}
.ico_cross::after{height: 12px;width:2px;margin:-6px 0 0 -1px ;}
 .ico_cross.on::after{display: none;}
.ico_cross.on::before, .ico_cross.on::after{height: 2px;width:12px;margin:-1px 0 0 -6px ;}


.ico_x{width: 11px;height: 11px;position: relative;-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);}
.ico_x .ir_pm, .ico_x::after{display: block;position: absolute;}
.ico_x .ir_pm{width: 100%;height: 0;border-top: 1px solid #fff;top:50% ;left: 0;margin-top: -1px;}
 .ico_x::after{content:"";height: 100%;width: 0;border-left:  1px solid #fff;left:50% ;top: 0;margin-left: -1px;}


.ico_facebook{background: #666;width: 20px;height: 20px;border-radius: 5px;position: relative;overflow: hidden;border: 4px solid #666;border-bottom: 0;}

.ico_facebook::before {content: "";position: absolute;background: #666;width: 19px;height: 18px;bottom: -9px;right: -19px;border: 3px solid #fff;border-radius: 4px;}
.ico_facebook::after {content: "";position: absolute;width: 20px;top: 8px;height: 3px;background: #fff;right: -11px;}

.ico_utube{position: relative;width: 12px;height: 9px;background-color: #fff;border-radius: 3px;left: 1px;top: 4px;}
.ico_utube::after{content:"";display: block;width: 0;height: 0;position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -1.5px;border-top: 2px solid transparent;border-left: 4px solid #666;border-bottom: 2px solid transparent;}

.ico_bg_insta{width:20px;height:20px; background-position: -297px -54px;} /* 2019.05.07 추가 */

.ico_bg_newWin{width: 20px;height: 20px;background-position: 0 0;}
.ico_bg_newWinWhite{width: 21px;height: 20px;background-position: -87px 0;}
.ico_bg_newWin_02{position:absolute;right:0;bottom:1.5625rem;width:16px;height: 16px;background-position: 0 -23px;}
.ico_bg_play{width: 41px;height: 40px;background-position: -22px 0;}


.ico_arrVertical, .ico_arrHorizon, .ico_arrVertical_gray{position: relative;}
.ico_arrVertical::after, .ico_arrHorizon::after, .ico_arrVertical_gray::after{content: "";display: block;position: absolute;width: 9px;height: 9px;border: 2px solid #000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.ico_arrVertical,.ico_arrVertical.left{width: 10px;height: 15px;overflow: hidden;}
.ico_arrVertical::after{top: 1px;left: -8px;}
.ico_arrVertical.left::after{top: 1px;right: -8px;left: auto;}
.ico_arrHorizon,.ico_arrHorizon.down{width: 15px;height: 10px;overflow: hidden;}
.ico_arrHorizon::after{left:1px;bottom: -8px;}
.ico_arrHorizon.down::after{left:1px;top: -8px;bottom: auto;}

.ico_arrVertical_gray, .ico_arrVertical_gray.left{width: 6px;height: 10px;overflow: hidden;}
.ico_arrVertical_gray::after{width: 5px;height: 5px;top: 1px;left: -4px;border: 1px solid #666;}
.ico_arrVertical_gray.left::after{top: 1px;right: -4px;left: auto;}


.ico_arrHorizon_white{position: relative;}
.ico_arrHorizon_white::after{content: "";display: block;position: absolute;width:5px;height: 5px;border: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ico_arrHorizon_white,.ico_arrHorizon_white.down{width: 11px;height: 6px;overflow: hidden;}
.ico_arrHorizon_white::after{left:1px;bottom: -5px;}
.ico_arrHorizon_white.down::after{left:1px;top: -5px;bottom: auto;}

.ico_arrHorizon_gray{position: relative;}
.ico_arrHorizon_gray::after{content: "";display: block;position: absolute;width:7px;height: 7px;border: 1px solid #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.ico_arrHorizon_gray,.ico_arrHorizon_gray.down{width: 11px;height: 6px;overflow: hidden;}
.ico_arrHorizon_gray::after{left:1px;bottom: -5px;}
.ico_arrHorizon_gray.down::after{left:1px;top: -5px;bottom: auto;}

.ico_arrBig_vertical, .ico_arrBig_horizon{position: relative;}
.ico_arrBig_vertical::after, .ico_arrBig_horizon::after{content: "";display: block;position: absolute;width: 17px;height: 17px;border: 2px solid #000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ico_arrBig_horizon.white::after{border-color: #fff;}

.ico_arrBig_vertical,.ico_arrBig_vertical.left{width: 12px;height: 20.5px;overflow: hidden;}
.ico_arrBig_vertical::after{top: 0;left: -15px;}
.ico_arrBig_vertical.left::after{top: 0;left: auto;right: -15px;}
.ico_arrBig_horizon,.ico_arrBig_horizon.down{width: 20.5px;height: 12px;overflow: hidden;}
.ico_arrBig_horizon::after{left:0;bottom: -15px;}
.ico_arrBig_horizon.down::after{left:0;top: -15px;bottom: auto;}

.ico_bg_manual{width: 22px;height: 27px;background-position: 0 -42px;}
.ico_bg_inst_manual{width: 22px;height: 27px;background-position: -378px -23px;}
.ico_bg_catalog{width: 22px;height: 27px;background-position: -25px -42px;}
.ico_bg_video{width: 27px;height: 27px;background-position: -49px -42px;}
.ico_bg_productImg{width: 23px;height: 27px;background-position: -78px -42px;}
.ico_bg_partner{width: 27px;height: 27px;background-position: -103px -42px;}
.ico_bg_download{width: 20px;height: 20px;background-position: -65px 0;}

.ico_roundBox_black,
.ico_roundBox_gray,
.ico_roundBox_purple{text-align: center;color: #fff;}
.ico_roundBox_black{background-color: #000;}
.ico_roundBox_purple{background-color: #8856e5;}
.ico_roundBox_gray{background-color: #7f7d8e;}
*[class^="ico"][class*="box_Round7"]{height: 0.875rem;min-width:37.5px;padding: 0 10px;line-height: 1.0rem;font-size: 0.688rem;}

.ico_triangleBlack, .ico_triangleBlack.right , .ico_playWhite{position: relative;width: 16px;height: 16px;border: 1px solid #000;-webkit-border-radius: 8px;border-radius: 8px;}
.ico_playWhite{border-color: #fff;}
.ico_triangleBlack::after, .ico_triangleBlack.right::after, .ico_playWhite::after{content: "";display: block;position: absolute;width: 0;height: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;left: 50%;top: 50%;margin: -3px 0 0 -4px;}
.ico_triangleBlack::after{border-right: 6px solid #000;}
.ico_triangleBlack.right::after{border-right:none;border-left: 6px solid #000;margin: -3px 0 0 -2px;}
.ico_playWhite::after{border-right:none;border-left: 6px solid #fff;margin: -3px 0 0 -2px;}

.ico_playBlack{position: relative;width: 22px;height: 22px;background-color: #000;border: 1px solid #000;-webkit-border-radius: 11px;border-radius: 11px;}
.ico_playBlack::after{content: "";display: block;position: absolute;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: 50%;top: 50%;border-left:8px solid #fff;margin: -5px 0 0 -2.7px;}


.ico_playWhite{border-color: #fff;}


.ico_stop{position: relative;width: 16px;height: 16px;border: 1px solid #000;-webkit-border-radius: 8px;border-radius: 8px;}
.ico_stop::before, .ico_stop::after{content: '';display: block;position: absolute;width: 0;height:8px ;border-left: 2px solid #000;top: 3px;}
.ico_stop::before{left:4px;}
.ico_stop::after{left:8px;}

.ico_stopWhite{position: relative;width: 16px;height: 16px;border: 1px solid #fff;-webkit-border-radius: 8px;border-radius: 8px;}
.ico_stopWhite::before, .ico_stopWhite::after{content: '';display: block;position: absolute;width: 0;height:8px ;border-left: 2px solid #fff;top: 3px;}
.ico_stopWhite::before{left:4px;}
.ico_stopWhite::after{left:8px;}

.ico_bg_marker{width: 42px;height: 51px;background-position: -173px 0;}
.ico_bg_marker.on{background-position: -129px 0;}
.ico_bg_marker .num_marker{display: inline-block;width: 100%;padding-top: 14px;text-align: center;line-height: 1;font-size: 0.875rem;font-family: "NanumSquareEB";color: #fff;}
.ico_bg_marker.on .num_marker{color: #000;}

.ico_bg_markerSmall{width: 31px;height: 36px;background-position: -287px -84px;}
.ico_bg_markerSmall.on{background-position: -255px -82px;}
.ico_bg_markerSmall .num_marker{display: inline-block;width: 100%;padding-top: 10px;text-align: center;line-height: 1;font-size: 0.75rem;font-family: "NanumSquareEB";color: #000;}
.ico_bg_markerSmall.on .num_marker{color: #fff;}

.ico_inp_customChk{position: absolute;display: inline-block;left: 1px;top: 1px;width: 16px;height: 16px;border: 1px solid #000;background-color: #fff;z-index: 2;}
.ico_inp_customChk.mg_add{position: absolute;display: inline-block;left: 1px;top: 11px;width: 16px;height: 16px;border: 1px solid #000;background-color: #fff;z-index: 2;}
.ico_inp_customChk::before{content: '';display: block;width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -5px;background-color: #8f69f4;display: none;}
.ico_inp_customChk.on::before{display: block;}

.ico_bg_seachShop{width: 50px;height: 50px;background-position: -22px -71px;}
.ico_bg_seachAs{width: 51px;height: 51px;background-position: -74px -71px;}
.ico_bg_seachFaq{width: 62px;height: 53px;background-position: 0 -125px;}

.ico_bg_markWa{width: 40px;height: 27px;background-position: -132px -54px;}

.ico_crossWhite{position: relative;width: 16px;height: 16px;}
.ico_crossWhite::before, .ico_crossWhite::after{content: '';position: absolute;}
.ico_crossWhite::before{top: 50%;left: 0;margin-top: -1px;width: 100%;height: 0;border-top: 2px solid #fff;}
.ico_crossWhite::after{left: 50%;top: 0;margin-left: -1px;height: 100%;width: 0;border-left: 2px solid #fff;}
 .ico_crossWhite.on::after{display: none;}
.ico_crossWhite.on::before, .ico_cross.on::after{height: 2px;width:16px;}

.ico_bg_sns{width: 17px;height: 28px;background-position: -175px -53px;}
.ico_bg_facebook{width: 31px;height: 31px;background-position: -194px -51px;}
.ico_bg_kakaostory{width: 31px;height: 31px;background-position: -227px -51px;}
.ico_bg_kakaotalk{width: 31px;height: 31px;background-position: -259px -51px;}
.ico_bg_sms{width: 31px;height: 31px;background-position: -360px -51px;} /* 2019.08.26 추가 */

.ico_bg_check{width: 12px;height: 12px;background-position: -318px -10px;}
.ico_bg_check.gray{background-position: -334px -9px;}

.ico_symbol_matching{width: 75px;height: 75px;background-position: 0 0;}
.ico_symbol_del{width: 76px;height: 75px;background-position: -77px 0;}
.ico_symbol_ready{width: 76px;height: 75px;background-position: -155px 0;}
.ico_symbol_fix{width: 76px;height: 75px;background-position: -232px 0;}

.ico_bg_lock{width: 16px;height: 21px;background-position: -372px 0;}
.ico_bg_appLink{width: 22px;height: 20px;background-position: -348px 0;}

.ico_bg_bulb{width: 35px;height: 50px;background-position: -127px -84px;}
.ico_bg_smarthome{width: 50px;height: 50px;background-position: -163px -84px;}
/*20180130 position값 변경*/
.ico_bg_doorlock{width: 37px;height: 50px;background-position: -114px -136px;}
/*20180131 추가*/
.ico_bg_doorlock_banner{width: 38px;height: 50px;background-position: -215px -84px;}

.ico_bg_monitor, .ico_bg_monitor.on{width: 51px;height: 51px;background-position: -63px -136px;}
.ico_bg_monitor.on{background-position: -63px -189px;}

/*20180130 수정*/
.ico_bg_doorlock_op, .ico_bg_doorlock_op.on{width: 25px;height: 55px;background-position: -170px -241px;}
.ico_bg_doorlock_op.on{background-position: -170px -298px;}

.ico_bg_apt, .ico_bg_apt.on{width: 47px;height: 51px;background-position: -152px -136px;}
.ico_bg_apt.on{background-position: -152px -189px;}

.ico_bg_shouse, .ico_bg_shouse.on{width: 47px;height: 51px;background-position: -201px -136px;}
.ico_bg_shouse.on{background-position: -201px -189px;}

.ico_bg_networkY, .ico_bg_networkY.on{width: 48px;height: 51px;background-position: -251px -136px;}
.ico_bg_networkY.on{background-position: -251px -189px;}

/* 20180208 수정 */
.ico_bg_networkN, .ico_bg_networkN.on{width: 50px;height: 51px;background-position: -200px -248px;}
.ico_bg_networkN.on{background-position: -200px -300px;}
/* 20180208 수정 */
.ico_bg_homeauto, .ico_bg_homeauto.on{width: 50px;height: 51px;background-position: -200px -248px;}
.ico_bg_homeauto.on{background-position: -200px -300px;}

.ico_bg_speak, .ico_bg_speak.on{width: 48px;height: 51px;background-position: 0 -241px;}
.ico_bg_speak.on{background-position: 0 -295px;}

.ico_bg_wifi, .ico_bg_wifi.on{width: 45px;height: 51px;background-position: -88px -241px;}
.ico_bg_wifi.on{background-position: -88px -295px;}

.ico_bg_subkey, .ico_bg_subkey.on{width: 30px;height: 51px;background-position: -134px -241px;}
.ico_bg_subkey.on{background-position: -134px -294px;}

/*20180130 class추가*/
.ico_bg_subkey_lever, .ico_bg_subkey_lever.on{width: 37px; height: 51px; background-position: -114px -136px;}
.ico_bg_subkey_lever.on{background-position: -114px -189px;}

/* //아이콘 */
/* 배경 */
/* .bg_type{} */
.bg_black{background-color: #000;color: #fff;}
.bg_white{background-color: #fff;}
/* //배경 */

/* 링크 */
/* .link_type{} */
.link_board{display: block;position: relative;text-align: left;width: 100%;}
/* //링크 */

/* 팝업 */
/* .popup_type{} */

.popclose_btn{position: absolute;right: 0;top: 0;}
.wrap_tooltip{position: relative;}
.pop_tooltip{position: absolute;padding-top: 10px;top: 22px;right: 0;width: 100%;max-width:360px;z-index: 100;display: none;text-align: left;}
.pop_tooltip::before{content: '';display: block;position: absolute;top: 0;right: 15px;width: 20px;height: 11px;background: url(../image/common/sp_ico.png) 0 -71px no-repeat;-webkit-background-size: 400px 400px;
background-size: 400px 400px;z-index: 100;}
.tooltip_inner{position: relative;padding: 30px;border: 1px solid #ddd;background-color: #fff;}
.pop_tooltipTit{padding-right: 25px;}
.pop_tooltipContent{padding-top: 16px;}
.pop_tooltipContent_txt{line-height: 1.4;}
.pop_tooltip .wrap_tfEnter{padding:22px 0 0 0;}
.wrap_popTooltip_notice {padding-top: 10px;}
.wrap_popTooltip_notice strong{font-weight: 400;}
.pop_tooltip .btn_popClose{position: absolute;right: 25px;top: 25px;}

.pop_tooltip_download{position: absolute;padding-top: 10px;top: 22px;right: 0;width: 100%;max-width:360px;z-index: 100;display: none;text-align: left;}
.pop_tooltip_download::before{content: '';display: block;position: absolute;top: 0;right: 15px;width: 20px;height: 11px;background: url(../image/common/sp_ico.png) 0 -71px no-repeat;-webkit-background-size: 400px 400px;
background-size: 400px 400px;z-index: 100;}
.pop_tooltip_download .btn_popClose{position: absolute;right: 25px;top: 25px;}
.pop_tooltip_download .wrap_tfEnter{padding:22px 0 0 0;}

/* 레이어 */
/* .layer_type{} */
.popup_layer{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;z-index: 1000;display: none;overflow-y: auto;}
.wrap_popupLayer{position: relative;}
.popup_layer .btn_popClose{position: absolute;right: 7px;top: 10px;}
.layerPop_tit{padding: 0 15px;height: 51px;line-height: 51px;border-bottom: 1px solid #ddd;font-size: 1.000rem;background-color: #fff;}
.layerPop_tit.black{background-color: #000;color: #fff;}
.layerPop_content .middle{margin: 24px 0; padding: 0 15px 22px; border-bottom: 1px solid #ddd; text-align: center;}
.layerPop_content .middle.has-form{margin-bottom: 0;}
.layerPop_content .middle .txt{margin-bottom:25px; font-size: 13px; line-height: 20px; color:#666; text-align:left; word-break: keep-all;}
.layerPop_content .middle .info{padding-top:12px; text-align: left;}
.layerPop_content .middle .info li{position: relative; height: 62px; padding-bottom: 20px;}
.layerPop_content .middle .info li:last-child{height: auto;}
.layerPop_content .middle .info li strong{position: relative; font-size: 13px;}
.layerPop_content .middle .info li .info_point::after{content:"*"; position: absolute; top: 2px; right: -7px; font-size: 12px; color:#8f69f4;}
.layerPop_content .middle .info li input {position:absolute; right: 0; top: -12px;width:calc(100% - 75px); height: 40px; padding: 0 6px; background-color: #f9f9f9; border:1px solid #e0e0e0; box-sizing: border-box;}
.layerPop_content .middle .info + .terms{margin-top: 12px;}
.layerPop_content .middle .terms{height:137px; border: 1px solid #dddddd;  margin-bottom: 18px; padding-left: 12px;}
.layerPop_content .middle .terms .terms_content{width: 100%; height: 100%;  padding: 15px 4px 15px 0; font-size: 13px; line-height: 20px;  color: #666666; overflow: hidden; overflow-y: auto; box-sizing: border-box; text-align: left;}
.layerPop_content .middle .terms .terms_content ol li{font-size: 13px; line-height: 24px;}
.layerPop_content .middle .terms .terms_content ol li strong{color: #000;}
.layerPop_content .middle .terms .terms_content h4 {margin-bottom: 12px; font-size: 14px; font-weight: bold; color: #000000;}
.layerPop_content .middle .terms_agree{text-align: left;}
.layerPop_content .middle .terms_agree .list_chk{margin:0; padding:0; border:0;}
.layerPop_content .middle .terms_agree .list_chk label{font-size: 14px;}
.layerPop_content .middle .terms_agree .list_chk em{margin-left: 4px; font-size: 12px; color: #8856e5}
.popup_layer.step_2 .middle p{position: relative; margin-bottom: 40px; padding-top: 44px; font-family: "SamsungSharpSansB"; font-size: 38px; line-height: 10px;}
/*20200318 팝업 컨텐츠 스타일 추가*/
.popup_box_center{ padding: 21px 0;text-align: center; }
.popup_box_center .btn_roundGhost{min-width:150px;}
/* //레이어 */

/* header */
#header{position: relative;height: 54px;padding: 12px 16px;z-index: 1;border-bottom: 1px solid #ddd;}
.logo{position: absolute;width: 180px;left:16px;top: 20px;}
.heade_util{text-align: right;padding-right: 24px;}
.wrap_gnbAccordion{border-bottom: 1px solid #ddd;}
.wrap_gnbAccordion .tab_accordion{}
.wrap_gnbAccordion .tabAccordion_list{border-top: 1px solid #ddd;}
.wrap_gnbAccordion .btn_tabAccordion{height: 50.5px;padding: 0 27px 0 15px;text-align: left;}
.wrap_gnbAccordion .btn_tabAccordion .ico_cross{right: 15px;}
.gnbMenu_tit{font-size: 1.000rem;font-family: "NanumSquareEB";}
.wrap_gnbAccordion  .accordion_cont{background-color: #f9f9f9;}

.gnbMenu_list{border-top: 1px solid #fff;}
.gnbMenu_list:first-child{border-top-color: #ddd;}
.gnbMenu_list .gnbMenu_tit{font-family: "NanumSquareR";}
.gnbMenu_list  .link_board, .gnbMenu_list .btn_tabAccordion{padding-left: 35px;height: 50px;line-height: 50px;font-weight: 700;color: #000;}
.gnbMenu_list .gnbMenu_list .link_board{padding-left: 55px;font-size: 0.875rem;font-weight: 400;color: #666;}
/* //header */

/* contents */
#contents{margin: -54px 0 -491px; min-height: 100%;}
* html #contents{height: 100%;}
.contents{padding: 54px 0 491px;}
/* //contents */

/* footer */
#footer{position: relative;min-height: 491px;z-index: 1;background-color: #e5e5e5;}
.go_top{display: block;height: 41px;padding-top: 16px;background-color: #fff;text-align: center;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size: 0.688rem;}
.go_top .ico_triangle{margin-left: 6.25px;}

.footer_menu{padding: 14px 0 38px;}
.footer_menu > li{border-top: 1px solid #888;}
.footer_menu > li:first-child{border-top: none;}
.footer_menu .btn_tabAccordion{}
.footer_menu .btn_tabAccordion > button{width: 100%;text-align: left;padding: 17px 0 16px;}
.footer_menu .accordion_cont{border-top: 1px solid #888;}

#footer .tit_SocialMedia{margin-left: 15px;}
.footer_snsLink{padding-top:5px;} /* 2019.05.07 수정 */
.btn_footer_snsLink{height: 50px;width: 50px;padding: 10px 0;text-align: center;margin-left:-10px} /* 2019.05.07 수정 */
.btn_footer_snsLink::after{content: '';position: absolute;left: 11px;top: 7px;width: 30px;height: 30px;border-radius:15px;background-color: #666;z-index: -1;}
.footer_snsLink > li:first-child .btn_footer_snsLink{margin-left: 5px;}

.footer_copyright{padding-bottom: 25px;font-size: 0.688rem; color: #888;}

#footer .list_verticalBar{padding-bottom: 32.5px;}

.footer_language{float: left;}
.footer_markWa{padding: 15px 0 30px;}

.list_footerMenu{padding-top: 8px;}
.footerMenu_list2depth_tit{padding: 12px 0 13px 8px;font-size: 0.875rem;}
.footerMenu_list .link_board{height: 36px;padding: 7px 0 7px 8px;font-size: 0.875rem;}
.list_footer2Depth .link_board{padding-left: 31px;color: #666;}

.wrap_footerAddres{background-color: #fff;padding: 11px 0 23px;}
.btn_agreementUse, .footer_address, .footer_tel{font-size: 0.75rem;}
.btn_agreementUse{color: #000;}
.btn_agreementUse > a{display: inline-block; padding: 9px 0;height: 31px; line-height: 13px;}
.btn_agreementUse > span{display: inline-block; padding: 9px 5px;height: 31px; line-height: 13px;}
.footer_address{color: #666;padding-top: 13px;}
.footer_tel{color: #666;padding-top: 8px;}
.footer_copyright{color: #888;padding-top: 12px;}
.footer_logo{float: right;width: 90px;}

#layerPop_language{background-color: #f9f9f9;}
.list_selectLanguage{border-bottom: 1px solid #fff;}
.selectLanguage_list{font-size: 0.875rem;color: #000;border-top: 1px solid #fff;}
.selectLanguage_list:first-child{border-top: none;}
.selectLanguage_list .link_board{padding:19px 15px 0;height: 50px;}
/* //footer */

/* gnbSlide_menu */
html.overflow_h, body.overflow_h{height: 100%;width: 100%;overflow: hidden;z-index: 90;}
.wrap_header.fixed{position: fixed;width: 100%;background-color: #fff;overflow: auto;left: 0;top: 0;bottom: 0;z-index: 1000;}
.btn_gnb{-webkit-transition: all 0.2s;transition: all 0.2s;}
.btn_gnb .ir_pm, .btn_gnb::before, .btn_gnb::after{width: 16px;height: 2px;left: 50%;margin-left:-8px;background-color: #000;-webkit-transition: all 0.2s;transition: all 0.2s; }
.btn_gnb{position: absolute;width: 30px;height: 30px;}
.btn_gnb .ir_pm{display: block;position: absolute;background-image: none;}
.btn_gnb::before,  .btn_gnb::after{content:"";display: block;position: absolute;}
.btn_gnb::before{top:10px;}
.btn_gnb::after{bottom: 8px;}

.btn_gnb.on{}
.btn_gnb.on .ir_pm, .btn_gnb.on::before, .btn_gnb.on::after{-webkit-transition: all .5s;transition: all .5s;}
.btn_gnb.on .ir_pm{background-color: transparent;}
.btn_gnb.on::before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 14px;
}
.btn_gnb.on::after{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 14px;
}
.gnbSlide_menu{position: relative;width: 100%;height: calc(100% - 54px);/* z-index:100;top: 54px; */display: none;-webkit-transition: all .5s; transition: all .5s;}
.gnbSlide_menu.on{display: block;}
.gnbSlide_menuCont{position: relative;width: 100%;background-color: #fff;height: 100%;}
/* gnbSlide_menu */

/* main2017-12-08 */
.swiper_mainTop{}
.box_swiper_mainTop{position: relative;padding-bottom: 124.4%;height: 0;width: 100%;}
.box_swiper_mainTop > .img_swiper_mainTop{position: absolute;}
.img_swiper_mainTop{position: absolute; left: 0;top: 0;/* height: 100%;width: 100%; */}
.swiper_mainTop_info{position: relative;text-align: center;color: #fff;z-index: 10;}
.mainTop_info_tit{padding-top: 100px;line-height: 1.4;}
.mainTop_info_cont{padding: 13px 0 30px;line-height: 1.4;font-size: 0.813rem;}
.swiper_mainTop .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 14%;}
.white .swiper-pagination-bullet-active{background-color: #fff;}
.white .swiper-pagination-bullet{border: 1px solid #fff;}
.box_swiper_mainTop .mainTop_info_cont{padding-bottom: 22px; letter-spacing: -0.4px;}

.swiper_mainProduct{position: relative;padding: 30px 0;}
.swiper_mainProduct_info{text-align: center;}
.mainProduct_info_subTit{padding: 0 15px 15px;font-size: 0.938rem;}
.mainProduct_info_tit{padding: 0 15px;}
.mainProduct_info_cont{padding: 0 15px;margin-top: 15px;text-align: center;font-size: 0.813rem;color: #666;}
.box_swiper_mainProduct{position: relative;width: 100%;height: 351px;}
.mainProduct_link{position:relative;padding-top: 22px;text-align: center;font-size: 0.75rem;z-index: 1;}/* #2019.01.24 position,z-index추가 */
.swiper_mainProduct_ViewBtn{padding-top: 30px;}
.swiper_mainProduct .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 140px;}

.swiper_mainService{position: relative;padding-top: 60px;}
.box_swiper_mainService{position: relative; height: 278px;margin-top: 30px;background-color: #000;}
.swiper_mainService > .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 770px;}
.swiper_mainService .depth0{}
.swiper_mainService .depth1{position: relative;padding: 80px 0 30px;z-index: 100;}
.swiper_mainService .depth1 .swiper_mainProduct_info{height: 208px;}
.swiper_mainService .depth1 .swiper-pagination-bullets{bottom:22px;}
.Inner_swiper_mainProduct_depth1{position: relative;padding: 12px 0;height: 177px;background-color: #f9f9f9;text-align: center;}
.bg_black .mainProduct_info_cont{color: #fff;}
.swiper_mainService_product{margin-top: 30px;background-color: #fff;position: relative;}
.swiper_mainService_product .swiper_mainTop_info{color: #000;}
.Inner_swiper_mainProduct_depth1 > img{height: 100%;}
.swiper_multiSecond{height: 467px;}
.singleSwiper{height: 467px;}

.swiper_mainService_product .mainTop_info_tit{padding: 22px 15px 0;font-size: 1.000rem;}
.swiper_mainService_product .mainTop_info_cont{margin: 10px 15px 0;}/* 2017-12-11 */
.swiper_mainService_product .swiper_mainProduct_ViewBtn{padding-top: 22px;}

.main_tit{padding: 80px 15px 40px;line-height: 1.4;text-align: center;}
.box_mainKnowhow .list_dl_titBig_content{font-size: 0.875rem;color: #666;}

.box_mainWhy{position:relative;padding-top: 14.4%;}
.box_mainWhy::before{content: '';display: block;width: 100%;height: 0;padding-bottom: 14.4%;top: 0;left: 0;background: url(../image/main/box_mainWhy_top.png) 0 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.inner_mainWhy{padding-top: 30px;background: url(../image/main/bg_box_mainWhy.png) 0 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.mainWhy_tit{text-align: center;font-size: 1.625rem;line-height: 1.4;color: #fff;}
.box_mainWhy .slider{width:100%;height: 353px;padding-top: 45px;}
/* 2019-03-12 접근성 : opacity삭제, visibility추가 */
.box_mainWhy .slider .item{float:left;display: inline-block;height:75px;text-align:center;line-height: 79px;font-size:3.125rem;font-family:'SamsungSharpSans';color:#fff;cursor:pointer;visibility:hidden;}
.box_mainWhy .slider .item.swiper-slide-active{font-size:4.688rem;visibility:visible;}
/* //2019-03-12 접근성 : opacity삭제, visibility추가 */
.slider_txt{position:absolute;width:100%;height:192px;left: 0;bottom: 0;}
/* 2019-03-12 접근성 : opacity -> display 변경 */
.list_sliderTxt{position:absolute;left:50%;top:80px;width:320px;height:100%;margin-left: -160px;padding: 40px 15px;font-size:0.938rem;color: #fff;display:none;}
.list_sliderTxt.on{display:block;}
/* //2019-03-12 접근성 : opacity -> display 변경 */

.mainWhy_subTit{line-height: 1.4;font-size: 0.938rem;font-weight: 700;}
.mainWhy_cont{padding-top: 10px;line-height: 1.4;font-size: 0.75rem;}

.box_mainWhy .swiper-container-horizontal > .swiper-pagination-bullets{bottom:45px;}
/* //main2017-12-08 */

.swiper-button-next.custom, .swiper-container-rtl .swiper-button-prev.custom{background: none;width: 12px;height: 20.5px;right: 16px;}
.swiper-button-prev.custom, .swiper-container-rtl .swiper-button-next.custom{background: none;width: 12px;height: 20.5px;left: 16px;}

/* 2018-01-11 */
.wrap_popMain{position: absolute;width: 100%;height: 100%;padding: 20px;left: 0;top: 0;background-color: #fff;z-index: 100;display: none;}
.wrap_popMain .tbl_tit{text-align: center;color: #000;}
.wrap_popMain .tbl_grayTh{margin-top: 0;}
.wrap_popMain .tbl_grayTh_th, .wrap_popMain .tbl_grayTh_td{padding: 5px 0 5px 10px;}
.wrap_popMain .tbl_grayTh .tbl_tit{padding:0 0 8px 34px;font-size: 0.75rem;}
.wrap_popMain .txt_asterisk{margin-top: 15px;font-size: 0.75rem;}
.btn_close_popMain{position: absolute;left: 20px;top: 18px;font-size: 0.75rem;font-weight: 700;}
.btn_close_popMain [class^="ico"]{margin-right: 5px;}
/* 2018-11-08 */
.player_form{position: relative; width:100%; height:0; padding-bottom: 56.25%;}
iframe#player{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:100;}
.player_on{display: block;  padding-top:30px}
.player_off{display: none;}

/* #2019.01.24 접근성 추가 */
/* 동영상 자막 */
.script_cont{display:none;padding:20px;border: 1px solid #ddd;border-bottom:none;background: #fff;}
.script_area{max-height: 150px;overflow-y: auto;font-size:0.75rem;font-weight: 400;color:#666;}
.video_tit{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd;font-weight:700;color:#000;}
.btn_video{display:block;width:100%;padding:8px 0;background: #fcfcfc;border: 1px solid #ddd;font-size:0.75rem;text-align: center;}
.btn_video span + span{margin-left:5px;}
/* 팝업내 자막 */
.YouTubePopUp-Content .script_wrap{width:100%;z-index: 1;}


/*2018-12-07*/
.btn_roundGhost + .btn_roundGhost{margin: 10px auto 0px;display: block;}
.mainTop_info_tit{padding-top: 0px;line-height: 1.4;}
.mainTop_info_cont{padding: 13px 0px 22px;line-height: 1.4;font-size: 0.813rem;}
.box_swiper_mainTop{text-align: center; position: relative; width: 100%;}
.slide_box_table{position: absolute; top:50%; left: 50%; transform: translate(-50%, -63%); width: 100%; padding: 0px 16px; /*padding: 75px 16px 0px;*/}
.wrap_tfSearch>div{float:left; padding: 16px 0px 28px 10px;}
.wrap_tfSearch ul li{float: left}
.wrap_tfSearch ul li+li{margin-left: 16px;}
.store_chk{margin: 10px 0 20px 10px;}

/* YouTubePopUp */
.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.8);top:0;left:0;z-index:999999;}
.YouTubePopUp-animation{opacity: 0;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: YouTubePopUp;animation-name: YouTubePopUp;}
@-webkit-keyframes YouTubePopUp {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes YouTubePopUp {0% {opacity: 0;}100% {opacity: 1;}}
body.logged-in .YouTubePopUp-Wrap{ top:32px;z-index:99998;}
.YouTubePopUp-Content{max-width:680px;display:block;margin:0 auto;height:100%;position:relative;}


/* #2019.01.24 접근성 수정 및 추가 */
.YouTubePopUp-Content .cont{width:100% !important;display:table !important;position:absolute;top: 0;bottom: 0;margin: auto 0;}/* #2019.02.18 접근성 ax-width 삭제 수정 */
.YouTubePopUp-Content iframe{width:100%;display: table-cell;height: 480px !important;border:none;}


.YouTubePopUp-Hide{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: YouTubePopUpHide;animation-name: YouTubePopUpHide;}
@-webkit-keyframes YouTubePopUpHide {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes YouTubePopUpHide {0% {opacity: 1;}100% {opacity: 0;}}
.YouTubePopUp-Close{position:absolute;top:-30px;cursor:pointer;right:0px;margin:auto 0;width:21px;height:21px;background:url(/image/common/ico_close.png) no-repeat;background-size:21px 21px;-wekit-background-size:21px 21px;-moz-background-size:21px 21px;-o-background-size:21px 21px;text-indent:-9999px;} /* #2019.01.24 접근성 text-indent추가, top값 수정, botton삭제, b-weblit > -webkit- 오타수정 */
.YouTubePopUp-Close:hover{opacity:0.5;}


/* #2019.01.24 수정 : css }닫기 수정 및 줄 바꿈 정리, 삭제 */
@media all and (max-width: 768px) and (min-width: 10px){
	.YouTubePopUp-Content{max-width:90%;}
}
/* @media all and (max-width: 600px) and (min-width: 10px){
	.YouTubePopUp-Content iframe{height:320px !important;}
	.YouTubePopUp-Close{bottom:362px;}
} 삭제해주세요 */

@media all and (max-width: 480px) and (min-width: 10px){
	.YouTubePopUp-Content iframe{height:220px !important;}
	/* .YouTubePopUp-Close{bottom:262px; 삭제해주세요 */
}
@media all and (max-width: 320px) and (min-width: 10px){
    .tit_exPage,
    .swiper_mainTop_info,
    .box_swiper_mainTop .mainTop_info_cont{letter-spacing: -1px;}
}
    

/* 20190625 추가 */
.event_cont {position:relative;}
.event_btnbuy {position:absolute; bottom:5%; left:27%; min-width:140px; width:41%;}