@charset "UTF-8";

#contents h3 { padding-top: 35px; padding-bottom: 30px; text-align: center; color: #222; font-size: 28px; font-weight: bold; }

section {overflow:hidden;}

.con-box { padding: 0 15px; }

/*버튼*/
.btn-sns { overflow: hidden; display: inline-block; margin-left: 7px; padding: 10px; border: 1px solid #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; background: #fff; }
.btn-sns i { float: left; font-size: 14px; color: #222; }
.btn-detail { overflow: hidden; display: inline-block; margin-left: 7px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; background: rgba(1, 1, 1, 0.4); }
.btn-detail i { float: left; font-size: 15px; color: #fff; }
.btn-play { font-size: 44px; }
.btn-more { display: block; margin-top: 15px; width: 100%; height: 45px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; font-size: 14px; background: #fafafa; color: #666; line-height: 1; }
.btn-more i { margin-left: 8px; font-size: 11px; color: #959595; }


/*가격영역*/
.price-box { padding-bottom: 30px; text-align: center; }
.price-box .price { font-size: 18px; color: #000; }
.price-box .price strong { font-size: 23px; color: #d92c38; font-weight: bold; }
.price-box .surtax { display: block; font-size: 13px; }

/*상품혜택*/
.pro-benefit { text-align: center; }
.pro-benefit i { display: block; color: #000; font-size: 27px; margin-bottom: 13px; padding-top: 1px; }
.pro-benefit ul { overflow: hidden; }
.pro-benefit ul li { float: left; position: relative; width: 33.333%; font-size: 13px; color: #000; }
.pro-benefit ul li:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5; }
.pro-benefit ul li:first-child:after { display: none; }

/*비디오 링크박스*/
.video-box { padding: 35px 0; color: #fff; font-size: 16px; text-align: center; }
.video-box strong { display: block; padding-bottom: 10px; }

/*이미지 배경 텍스트*/
.imgback-box { position: relative; }
.imgback-box dl { position: absolute; width: 100%; left: 50%; margin-left: -50%; top: 35px; text-align: center; }
.imgback-box dl dt { font-weight: bold; padding-bottom: 14px; font-size: 22px; color: #222; }
.imgback-box dl dd { font-size: 13px; color: #666; }

/*상품 설명리스트*/
.color-box { overflow: hidden; text-align: center; }
.color-box li { position: relative; padding: 28px 0; font-size: 13px; color: #343434; line-height: 1; border-top: 1px solid #fff; }
.color-box li i { font-size: 28px; }
.color-box li strong { display: block; padding-top: 20px; padding-bottom: 8px; font-weight: bold; font-size: 16px; color: #222; }
.color-box li:after { display: block; content: ""; position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 7px; height: 7px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.color-box li:first-child:after { display: none; }
.color-box li:nth-child(1) { background: #98c3e5; }
.color-box li:nth-child(2) { background: #98d1e2; }
.color-box li:nth-child(3) { background: #95e0d9; }
.color-box li:nth-child(4) { background: #a4d9bb; }
.color-box.type2 li { float: left; width: 50%; height: 175px; padding: 25px 0; }
.color-box.type2 li:after { display: none; }
.color-box.type2 li strong { padding-top: 16px; padding-bottom: 8px; }
.color-box.type2 li:nth-child(odd) { border-right: 1px solid #fff; }

/*추천영역*/
.recommend-box h4 { padding: 35px 0 20px; font-size: 22px; text-align: center; line-height: 1; color: #000; }

/*탭*/
[class*="tabs"] {text-align: center;}
[class*="tabs"]:after {content:"";display:block;clear:both;}
[class*="tabs"] .tab li {float:left;width:100%;border-left:1px solid #e4e4e4;}
[class*="tabs"].half li {width:50%;}
[class*="tabs"].third li {width:33.3%;}
[class*="tabs"].fourth li {width:25%;}
[class*="tabs"].fifth li {width:20%;}
[class*="tabs"] .tab li:first-child {border-left: none;}
[class*="tabs"] .tab li a {position:relative;display:block;width:100%;line-height:43px;color:#666;background:#fafafa;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;box-sizing:border-box;}
[class*="tabs"] .tab li a.active {color:#d71826;background:#fff;}

[class*="tabs"].main .tab li {width:50%;border:0;}
[class*="tabs"].main.third .tab li {width:33.3%;}
[class*="tabs"].main .tab {position: relative;display:inline-block;width: 100%;padding:0 15px;}
[class*="tabs"].main .tab:before {content: "";position: absolute;top: 0;left: 0;width: 100%;border-top: 1px solid #e0e0e0;z-index: 10;}
[class*="tabs"].main .tab:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #e0e0e0;z-index: 10;}

[class*="tabs"].main .tab li a {font-size:16px;background-color:#fff;color:#222;border:0;}
[class*="tabs"].main .tab li a.active {color:#d71826;}
[class*="tabs"].main .tab li a.active:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#d71826;z-index:11;}

.tabs .tab-line {width:100%;height:8px;margin-top:-4px;background-color:#ebebeb;}

.tab-contents > div {display:none;}
.tab-contents > div.active {display:block;}

.tab-contents .img-list a { display: table; padding: 25px 0; }
.tab-contents .img-list a .img-area { display: table-cell; width: 40%; }
.tab-contents .img-list a dl { display: table-cell; width: 60%; vertical-align: middle; }
.tab-contents .img-list a dl dt { font-size: 15px; color: #222; font-weight: bold; }
.tab-contents .img-list a dl dd { font-size: 14px; }
.tab-contents .img-list a dl dd strong { font-size: 15px; font-weight: bold; color: #d71826; }
.tab-contents .img-list a dl dd span { display: block; font-size: 12px; color: #666; }
.tab-contents .img-list li { border-top: 1px solid #e4e4e4; }
.tab-contents .img-list li:first-child { border-top: none; }

/*탭 2개*/
.tabs-style2 li { width: 50%; }

/*탭 3개*/
.tabs-style3 li { width: 33.333%; }

/*탭메뉴*/
.slider-tab { position: relative; margin-top: 25px; border-top: 1px solid #e4e4e4; background: #fafafa; line-height: 1; }
.slider-tab .tab-list { overflow: hidden; position: relative; width: 100%; height: 45px; padding-left: 15px; }
.slider-tab .tab-list ul { overflow: hidden; position: absolute; }
.slider-tab .tab-list ul li { float: left; font-size: 0; }
.slider-tab .tab-list ul li a { display: inline-block; padding: 16px 12px; font-size: 13px; color: #666; }
.slider-tab .tab-list ul li a.active { color: #d71826; font-weight: bold; border-bottom: 3px solid #d71826; }
.slider-tab .tab-depth { overflow: hidden; position: relative; background: #e4e4e4; padding: 10px 0 10px 15px; }
.slider-tab .tab-depth ul { position: relative; }
.slider-tab .tab-depth ul li { display: table-cell; width: 72px; padding: 11px 9px; text-align: center; background: #fff; border-right: 1px solid #e4e4e4; vertical-align: middle; white-space: normal; }
.slider-tab .tab-depth ul li a { display: inline-block; }
.slider-tab .tab-depth ul li a.active { color: #d71826; }
.slider-tab > a { display: block; position: absolute; top: 0; width: 37px; height: 45px; line-height: 45px; text-align: center; }
.slider-tab > a i { font-size: 12px; color: #666; }
.slider-tab > a.btn-prev { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(70%, #fafafa), color-stop(100%, rgba(250, 250, 250, 0))); }
.slider-tab > a.btn-next { right: 0; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(250, 250, 250, 0)), color-stop(30%, #fafafa)); }

/* 아이콘 탭 */
.tabs.ico-tab{margin-top: 27px;}
.ico-tab ul.tab:before {content: "";position: absolute;top: 0;left: 0;width: 100%;border-top: 1px solid #e0e0e0;}
.ico-tab ul.tab:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #e0e0e0;}
.tabs.ico-tab ul {overflow: hidden;position: relative;width: 100%;text-align: center;}
.tabs.ico-tab ul.tab:after{display:block;clear:both;content:"";}
.tabs.ico-tab ul > li {float:left;width: 33.3% !important;border-left:0;}
.tabs.ico-tab ul > li:first-child {border-left: none;}
.tabs.ico-tab ul > li a {display:block;width:100%;color:#666;background:none;border-top:0;border-bottom:0;box-sizing:border-box;background-size: 32px 32px;font-weight: bold;line-height: 51px;}
.tabs.ico-tab ul > li a.active {color:#d71826;background:#fff;background-size: 32px 32px;font-weight:bold;}
.tabs.ico-tab ul > li a span{display:inline-block;line-height:25px;font-weight: bold;color:#222222;padding: 49px 0 0;font-size: 16px;}
.tabs.ico-tab ul > li a.active span{color:#d71826;}
.tabs.ico-tab ul > li a.menu1st{background: url(../../images/common/img-tabmenu-01.png) no-repeat 50% 12px;background-size:32px 32px;}
.tabs.ico-tab ul > li a.menu2nd{background: url(../../images/common/img-tabmenu-02.png) no-repeat 50% 12px;background-size:32px 32px;}
.tabs.ico-tab ul > li a.menu3rd{background: url(../../images/common/img-tabmenu-03.png) no-repeat 50% 12px;background-size:32px 32px;}
.tabs.ico-tab ul > li a.menu1st.active:hover, .tabs.ico-tab ul > li a.menu1st.active{background: url(../../images/common/img-tabmenu-01-active.png) no-repeat 50% 12px;background-size:32px 32px;}
.tabs.ico-tab ul > li a.menu2nd.active:hover, .tabs.ico-tab ul > li a.menu2nd.active{background: url(../../images/common/img-tabmenu-02-active.png) no-repeat 50% 12px;background-size:32px 32px;}
.tabs.ico-tab ul > li a.menu3rd.active:hover, .tabs.ico-tab ul > li a.menu3rd.active{background: url(../../images/common/img-tabmenu-03-active.png) no-repeat 50% 12px;background-size:32px 32px;}

.ico-tab .tab-contents {padding-top: 0;}
.ico-tab .tabs.tab-in-tab{margin-top: -3px;}
.ico-tab .tabs.tab-in-tab ul{background: #ebebeb;border-top:none;padding: 0 15px;}
.ico-tab .tabs.tab-in-tab ul > li{font-size: 14px;float: left;width: auto;/*margin-right: 20px;*/padding: 8px 0;}
.ico-tab .tabs.tab-in-tab ul > li a{background: none;font-size: 14px;color: #fff;line-height: inherit;}
.ico-tab .tabs.tab-in-tab ul > li a.acitve{position: relative;}
.ico-tab .tabs.tab-in-tab ul > li a span{padding: 0 0 0;color: #222222;font-size: 14px;font-weight: normal;padding: 2px 12px;}
.ico-tab .tabs.tab-in-tab ul > li a.active span{position: relative;background-size: 100%;color:#ffffff;font-weight: bold;background: #d71826 url(../../images/common/bg-in-tab-menu.png) no-repeat 0 0;}
.ico-tab.main .tab-contents .tabs.tab-in-tab ul > li{width: initial !important;float: left !important;}
.ico-tab.main .tab-contents .tabs.tab-in-tab ul > li a.active:before{border: 0;position: absolute;content: "";display: inline-block;width: 7px;height: 5px;background: url(../../images/common/bg-in-tab-menu-tip.png) no-repeat 0 0;background-size: 100%;z-index: 11;bottom: -5px;left: inherit;margin-right: -4px;right: 50%;}
.ico-tab.main .tab-contents .tabs.tab-in-tab ul > li a.active:after{border:0;}


/*서브페이지 아코디언*/
.accodion-box { margin-top: 35px; }
.accodion-box > li { border-bottom: 1px solid #dcdcdc; }
.accodion-box > li > button { display: block; position: relative; width: 100%; padding: 10px 15px; font-size: 15px; font-weight: bold; text-align: left; background: #f1f1f1; }
.accodion-box > li > button i { position: absolute; top: 50%; margin-top: -4px; right: 15px; font-size: 7px; color: #666; transition: all 0.5s; -webkit-transition: all 0.5s; }
.accodion-box > li .acc-content { display: none; padding: 35px 15px; font-size: 13px; color: #666; }
.accodion-box > li .acc-content p { margin-bottom: 14px; font-size: 12px; }
.accodion-box > li .acc-content .img-box { position: relative; }
.accodion-box > li .acc-content .img-box .btn-detail { position: absolute; bottom: 15px; right: 10px; }
.accodion-box > li .acc-content .dot-list { padding-bottom: 14px; }
.accodion-box > li .acc-content .dot-list li { position: relative; margin-top: 11px; padding-left: 7px; }
.accodion-box > li .acc-content .dot-list li:first-child { margin-top: 0; }
.accodion-box > li .acc-content .dot-list li:after { position: absolute; display: block; content: ""; left: 0; top: 6px; width: 2px; height: 2px; background: #666; }
.accodion-box > li .acc-content .box-list { border: 1px solid #dbdbdb; }
.accodion-box > li .acc-content .box-list > li { display: table; width: 100%; padding: 27px 0; border-top: 1px solid #dbdbdb; }
.accodion-box > li .acc-content .box-list > li:first-child { border-top: none; }
.accodion-box > li .acc-content .box-list > li span { display: table-cell; width: 30%; text-align: right; }
.accodion-box > li .acc-content .box-list > li span img { width: initial; height: 31px; vertical-align: middle; }
.accodion-box > li .acc-content .box-list > li ul { display: table-cell; width: 100%; padding-bottom: 0; padding-left: 20px; vertical-align: middle; }
.accodion-box > li .acc-content .box-dl { width: 100%; margin-top: 10px; border: 1px solid #dbdbdb; font-size: 13px; line-height: 1; }
.accodion-box > li .acc-content .box-dl:first-child { margin-top: 0; }
.accodion-box > li .acc-content .box-dl dt { padding: 13px 0; color: #222; font-weight: bold; background: #f5f5f5; text-align: center; }
.accodion-box > li .acc-content .box-dl dd { display: table; width: 100%; padding: 16px 0; color: #666; border-top: 1px solid #dbdbdb; }
.accodion-box > li .acc-content .box-dl dd span { display: table-cell; width: 30%; text-align: right; }
.accodion-box > li .acc-content .box-dl dd span img { width: initial; height: 31px; vertical-align: middle; }
.accodion-box > li .acc-content .box-dl dd em { display: table-cell; padding-left: 20px; vertical-align: middle; width: 100%; }
.accodion-box > li .acc-content .txt-dl:first-child dt { padding-top: 0; }
.accodion-box > li .acc-content .txt-dl dt { padding-top: 20px; font-size: 14px; font-weight: bold; color: #222; }
.accodion-box > li .acc-content .txt-dl dd { position: relative; font-size: 13px; padding-left: 7px; margin-top: 10px; }
.accodion-box > li .acc-content .txt-dl dd:after { position: absolute; display: block; content: ""; left: 0; top: 6px; width: 2px; height: 2px; background: #666; }
.accodion-box > li.active .acc-content { display: block; }
.accodion-box > li.active > button i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/*팝업*/
.layer-wrap { display: none; /*  background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000;*/ }
.layer-pop { position: absolute; background: #fff; text-align: center; top: 50%; left: 25px; right: 25px; border: 2px solid #555; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.15); }
.layer-pop h3 { padding: 14px 0 16px; border-bottom: 1px solid #ccc; font-size: 15px; color: #222; line-height: 1; }
.layer-pop .layer-content { padding: 25px 0 35px; }
.layer-pop .btn-close { position: absolute; top: 15px; right: 19px; }
.layer-pop .btn-close i { font-size: 14px; color: #222; }
.layer-pop [class^="btn-wrap"] { padding: 15px 0 0; }

/*best5 스라이더*/
.list-slider { overflow: hidden; padding-left: 15px; }
.list-slider h4 { font-size: 15px; color: #222; font-weight: bold; line-height: 1; }
.list-slider ul { overflow: hidden; margin-top: 10px; line-height: 1; }
.list-slider ul li { position: relative; width: 125px; float: left; margin-left: 10px; }
.list-slider ul li:first-child { margin-left: 0; }
.list-slider ul li a { display: block; }
.list-slider ul li a strong { display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 14px; background: #d71826; font-weight: normal; }
.list-slider ul li a span { overflow: hidden; display: block; padding-top: 9px; font-size: 13px; color: #222; text-overflow: ellipsis; white-space: nowrap; }

/* 인풋 텍스트 */
input[type="text"],
input[type="password"] { padding: 7px 10px; font-size: 13px; border: 1px solid #ccc; color: #222; height: 40px; line-height: 13px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color:#888;}
textarea { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px !important; min-height: 50px; width: 100%; border: 1px solid #ccc !important; color: #222;  font-size: 13px; line-height: 13px;}

/* 라디오, 체크 박스 */
input[type="radio"] {-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"], input[type="checkbox"] { position: static; /*! left: -1000px; */ }
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { border: none; background: #d71826; }
input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after { /* display: block; content: ""; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; z-index: 1; background: #fff;*/ }
input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* padding-left: 22px;*/ margin-right: 15px; font-size: 13px; color: #222; height: 17px; line-height: 19px; }
input[type="radio"] + label:before, input[type="checkbox"] + label:before { /* display: block; content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 17px; z-index: 0; border: 1px solid #999; background: #fff;*/ }
input[type="radio"]:focus + label, input[type="radio"]:focus + label, input[type="checkbox"]:focus + label, input[type="checkbox"]:focus + label { outline: 1px dotted #666; }
input[type="radio"] + label:before { -webkit-border-radius: 10px; border-radius: 10px; }
input[type="radio"]:checked + label:after { -webkit-border-radius: 5px; border-radius: 5px; }
input[type="checkbox"]:checked + label:before { background: #fff; border: 1px solid #999; }
input[type="checkbox"]:checked + label:after { top: 6px; left: 3px; background: #d71826; width: 2px; height: 2px; box-shadow: 2px 0 0 #d71826, 4px 0 0 #d71826, 6px 0 0 #d71826, 6px -2px 0 #d71826, 6px -4px 0 #d71826, 6px -6px 0 #d71826, 6px -8px 0 #d71826; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/*select*/
select {border:1px solid #ccc;border-radius:0;height:40px;width:100px;padding:0 18px 0 10px;vertical-align:middle;font-size:13px;color:#888;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:url(../../images/common/bg-select-arrow.png) right center #fff no-repeat;background-size:18px 6px;}

/* 필터 */
.filter { position: relative; margin-top: 25px; }
.filter input[type="text"] { margin-top: 10px; }

/* 검색창 */
.search-box { display: table; width: 100%; }
.search-box .input-wrap { display: table-cell; width: 100%; }
.search-box .input-wrap input { vertical-align: bottom; border-right: none; }
.search-box button { display: table-cell; width: 40px; height: 40px; vertical-align: bottom; background: none; border: 1px solid #ccc; border-left: none; }
.search-box button i { color: #000; font-size: 18px; }

/* 검색결과 리스트 */
.result-box { margin-top: 25px; }
.result-box .result-num { font-size: 13px; color: #222; }
.result-box .result-num strong { padding-left: 5px; font-size: 14px; color: #d71826; }
.result-box .result-list { overflow: hidden; line-height: 1; margin-top: 15px; }
.result-box .result-list ul { overflow: hidden; margin-left: -10px; margin-top: -20px; }
.result-box .result-list ul li { float: left; width: 90px; margin-left: 10px; margin-top: 20px; }
.result-box .result-list ul li a { display: block; }
.result-box .result-list ul li span { overflow: hidden; display: block; padding-top: 7px; font-size: 13px; color: #222; text-overflow: ellipsis; white-space: nowrap; }

/* 페이징 */
.paging { position: relative; padding-top: 25px; padding-bottom: 35px; text-align: center; color: #666; vertical-align: middle; }
.paging a { display: inline-block; width: 27px; height: 27px; line-height: 27px; border: 1px solid #ccc; vertical-align: middle; }
.paging a i { color: #666; font-size: 12px; }
.paging a.disabled i { color: #bbb; }
.paging span { padding: 0 15px; vertical-align: middle; }
.paging span em { color: #d71826; font-weight: bold; }

/*가로 스크롤*/
.scroll-box { overflow-x: auto; margin-left: 15px; }
.scrollbar-wrap { width: 100%; padding-left: 15px; box-sizing: border-box; }
.scrollbar-wrap .scrollbar { position: relative; margin-top: 10px; right: 0; height: 5px; background: #ededed; line-height: 0; border-radius: 5px; }
.scrollbar-wrap .scrollbar .handle { width: 40px; height: 100%; background: #999; cursor: pointer; border-radius: 5px; }
.scrollbar-wrap .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }


/* 이미지 가로 테이블 */
.h-slider { overflow: hidden; margin-left: 15px; }
.h-slider ul { overflow: hidden; }
.h-slider ul li { float: left; width: 90px; margin-right: 10px; }
.h-slider ul li a { display: block; }
.h-slider ul li a dl { line-height: 1; font-size: 13px; white-space: nowrap; }
.h-slider ul li a dl dt { overflow: hidden; padding-top: 9px; padding-bottom: 7px; font-weight: bold; color: #222; text-overflow: ellipsis; }
.h-slider ul li a dl dd { overflow: hidden; color: #888; text-overflow: ellipsis; }
/* 이미지 세로 테이블 */
.v-slider ul { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.v-slider ul li { border-top: 1px solid #ebebeb; }
.v-slider ul li:first-child { border-top: none; }
.v-slider ul li a { display: table; padding: 9px 0; }
.v-slider ul li a img { display: table-cell; width: 114px; height: 76px; }
.v-slider ul li a dl { display: table-cell; padding-left: 15px; font-size: 13px; vertical-align: middle; white-space: nowrap; }
.v-slider ul li a dl dt { padding-bottom: 9px; font-weight: bold; color: #222; }
.v-slider ul li a dl dd { color: #888; }

/*button*/
[class*="btn-"] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;letter-spacing:-0.5px;}
[class*="btn-small"] {font-size:12px;line-height:25px;padding:0 18px;}
[class*="btn-medium"] {font-size:14px;line-height:32px;padding:0 19px;}
[class*="btn-big"] {font-size:14px;line-height:32px;padding:0 29px;}
[class*="btn-lager"] {font-size:15px;line-height:36px;padding:0 29px;}

[class*="btn-"][class$="round"] {-webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
[class*="btn-"][class$="pull"] {font-size:14px; height:38px; line-height:36px;width:100%; padding:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

[class*="btn-"][class*="red"] {border: 1px solid #d71826;background:#d71826;color:#fff;}
[class*="btn-"][class*="line"] {border:1px solid #d71826;background:#fff;color:#d71826;}
[class*="btn-"][class*="dark"] {border:1px solid #222;background:#222222; color:#fff;}
[class*="btn-"][class*="dark-line"] {border:1px solid #222;background:#fff;color:#222;}
[class*="btn-"][class*="line-gray"] {border:1px solid #c9c9c9;background:#f3f3f3;color:#666;}

.btn-wrap {margin-top:35px; padding:0 15px; width:100%; overflow:hidden; text-align:center;}
.btn-wrap a {display:inline-block;}
.btn-wrap.fixed2 button { width: 48%;}

.btn-wrap.full{width:auto;margin:20px -5px;overflow: initial;/*padding:0 5px 0 15px;*width:100%;*/}
.btn-wrap.full:after{ display: block;clear:both;content:"";}
.btn-wrap.full button{width:100%;padding:0;font-size:15px;}
.btn-wrap.full span{float:left;padding:0 5px;}
.btn-wrap.full span:first-child:nth-last-child(2), .btn-wrap.full span:first-child:nth-last-child(2) ~ span{width:50%;}
.btn-wrap.full span:first-child:nth-last-child(3), .btn-wrap.full span:first-child:nth-last-child(3) ~ span{width:33.33333333333333%;}
.btn-wrap.full span:only-child{width:100%;}

.flow {float:left;}
.reverse {float:right;}

.btn-search {display:inline-block; width:38px; height:38px; vertical-align:middle; background:#666 url(../../images/common/btn_search.png) no-repeat center;  background-size:19px 19px;color:transparent;}

/* accodions */
.accordions {width:100%;border-top:1px solid #666;text-align:left;}
.accordions .accordion-trigger {position:relative;display:block;font-size:14px;line-height:18px;color:#222;border-bottom:1px solid #e0e0e0;padding:16px 25px;}
.accordions .accordion-trigger:before {content:"";position:absolute;top:50%;right:10px;width:8px;height:8px;border-left:2px solid #6e6e6e;border-top:2px solid #6e6e6e;transform:rotate(225deg);margin-top:-6px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.accordions .accordion-trigger.active:before {content:"";transform:rotate(225deg);-webkit-transform:rotate(45deg);margin-top:-2px;}
.accordions .accordion-contents {display:none;font-size:13px;line-height:17px;color:#666;background-color:#f3f3f3;border-bottom:1px solid #d0cfd5;padding:18px 42px;}
.accordions .accordion-contents.active {display:block;}

/* bullet */
.bullet {padding:0 10px;}
.bullet [class*="dot"] {padding:0 10px;line-height:18px;padding-top:5px;}
.bullet [class*="dot"]:first-child {padding-top:0;}
.bullet [class*="-dark"] {color:#222;}
.bullet [class*="dot"]:before {content:"";float:left;width:3px;height:3px;background-color:#666;margin:6px 0 0 -10px;}
.bullet [class*="dot-small"]:before {content:"";float:left;width:2px;height:2px;background-color:#666;margin:7px 0 0 -10px;}

.bullet [class*="dot-small"]:before {content:"";float:left;width:2px;height:2px;background-color:#666;margin:7px 0 0 -10px;}

ul.bullet{padding:0 0;}
ul.bullet.type>li{position:relative; margin-top:6px;padding-left:8px;font-size:13px;text-align: left;line-height:1.4;}
ul.bullet.type>li:first-child {margin-top:0;}
ul.bullet.type>li:before {position:absolute; top:0; left:0;}
ul.bullet > li ul.bullet {margin:5px 0;}
ul.bullet.type.dot>li{ padding-left:8px;}
ul.bullet.type.dot>li:before{left:0px; top:8px;width:3px; height:3px; background:#666; content:""; }
ul.bullet.type.note>li{ padding-left:12px;}
ul.bullet.type.note>li:before{ content:"※"; top:0 !important; }
ul.bullet.type.hypun>li{ padding-left:7px;}
ul.bullet.type.hypun>li:before{ content:"-"; top:0 !important;}
ul.bullet.type.star>li{ padding-left:7px;}
ul.bullet.type.star>li:before{ content:"*"; top:0 !important;}
ul.bullet.type.star.red>li:before{ content:"*"; color:#f00000; top:0 !important;}
ul.bullet.type>li em.point{color: #d71826;}

/* 박스 그레이 */
.info-bx-gray {margin:20px 0; padding:20px 15px; background-color:#f3f3f3;}
.info-bx-gray .text-left{ line-height:1.4; text-align: left;}
.info-bx-gray .info-text{text-align: center;}
.info-bx-gray strong{font-size: 15px; color: #222222; font-weight: bold; margin-bottom: 10px;display: block;}

.charge-info-text{ display: block;margin:7px 0 22px;}
.charge-info-text p{text-align: center; line-height:1.4;}
.charge-info-text strong{color:#d71826; font-weight:bold;}

/* 테이틀 상단 문구 영역 */
.tbl-title-info{display: block; margin-bottom: 8px;}
.tbl-title-info h4{font-size: 16px; color: #222222; font-weight: bold; margin-bottom: 10px;}
.tbl-title-info h5{font-size: 15px; color: #222222; font-weight: bold; margin-bottom: 10px;}
.tbl-title-info p{ }

/* table - board , 미완성 테이블 가이드 */
table.board { border-collapse: separate; border-top: 1px solid #8f8f8f;}
table.board th { background-color: #f1f2fa; color: #222; font-weight: normal;}
table.board thead th { border-bottom: 1px solid #555; background-color: #f1f2fa;}
table.board tbody th { }
table.board tbody td { text-align: center;}
table.board tbody td a,
table.board tbody td img { vertical-align: middle;}
table.board tbody td .links { border-bottom-width: 1px; border-bottom-style: solid;}
table.board tbody td .ellipsis { vertical-align: middle;}
table.board tbody td a.ellipsis { color: #222;}
table.board tbody td a.ellipsis:hover { color: #d71826; text-decoration: underline;}
table.board tbody td .ellipsis.thumb { position: relative; top: 2px; margin: 10px 0; padding-top: 2px;}
table.board tbody td .ellipsis.thumb img { margin-top: -2px; margin-right: 9px; width: 50px; height: 50px;}
table.board .num { display: inline-block; width: 42px; text-align: center;}
table.board .option-area.only-checkbox { margin-top: 1px;}
table.board .option-area.only-checkbox [type="checkbox"] + label { padding: 0; width: 20px; text-indent: -9999px;}

/* table - board - dir-vertical , 미완성 테이블 가이드 */
table.board.dir-vertical { }
table.board.dir-vertical thead th,
table.board.dir-vertical tbody td { height: 55px;}
table.board.dir-vertical tbody td { border-bottom: 1px solid #ccc;}

/* table - board - dir-horizontal , 일단 사용 가능 */
table.board.dir-horizontal { }
table.board.dir-horizontal tbody th { padding: 13px 0 12px;}
table.board.dir-horizontal tbody td { padding: 13px 0 12px 10px; color: #454545; text-align: left;}
table.board.dir-horizontal tbody th,
table.board.dir-horizontal tbody td { border-bottom: 1px solid #dbdbde;}
table.board.dir-horizontal tbody th + td { border-left: 1px solid #dbdbde;}
table.board.dir-horizontal tbody tr:last-child th,
table.board.dir-horizontal tbody tr:last-child td { border-bottom-color: #8f8f8f;}

/* 팝업 */
.pop-area {}
.pop-wrap { margin: auto; width: 290px; border: 2px solid #222; background: #fff;}
.pop-wrap { position: relative; padding: 16px 14px 0;}
.pop-title { margin-top: 17px; color: #222; text-align: center; font-size: 16px;}
.pop-close { position: absolute; top: 6px; right: 6px; overflow: hidden; width: 30px; height: 30px; background: url(../../images/common/ico-pop-close.png) no-repeat 0 0; background-size: 30px 30px; color: transparent;}
.pop-body { padding-top: 18px;}
.pop-body .msg { color: #222; text-align: center; font-size: 16px;}
.pop-footer { margin: 15px 0 30px; text-align: center;}

/* 유투브 반응형 */
.embed-container { position: relative; overflow: hidden; padding-bottom: 56.25%; max-width: 100%; height: 0;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}