@charset "euc-kr";
body, select, a, input, button, textarea, option {
    font-family:'NanumGothic',sans-serif;
}
* {
    box-sizing:border-box;
}
/**************header 
***********************************************************************************************/
#header .top_ban {
	width:100%;
	height:auto;
}
#header .top_ban a {
	display:block;
	width:100%;
    text-align:center;
    background:#f05b5d;
}
#header .top_ban img {
    width:100%;
    max-width:1920px;
    height:auto;
}
/* header_menu */
#header{}
#header .top_menu{overflow: hidden; border-bottom: 1px solid #e1e1e1;}
#header .top_menu ul{overflow: hidden;}
#header .top_menu ul li{float: left;}
#header .top_menu ul li a{font-size: 12px; color: #636363; line-height: 30px;}
#header .top_menu ul li a:hover{color: #d70111;}

/* header_menu-left */
#header .top_menu ul.left{float: left;}
#header .top_menu ul.left li{margin: 0 12px;}
#header .top_menu ul.left li:first-child{margin-left: 0px;}
#header .top_menu ul.left li a{}

/* header_menu-right */
#header .top_menu ul.right{float: right;}
#header .top_menu ul.right li.adm a{color:#d90000; font-weight:600;}
#header .top_menu ul.right li a{padding: 0px 12px; border-right: 1px solid #d3d3d3;}
#header .top_menu ul.right li:last-child a{border-right: none; color: #d70111; font-weight: 600; padding-right: 0px;}

/* header_head-box */
#header .head_box{overflow: hidden;}
#header .head_box h1{float: left; margin-right: 65px;}
#header .head_box h1 img{/*width: 209px;*/ margin-top:23px;}

#header .head_box form{float: left; margin: 23px 0px 18px; width: 423px; height: 44px;}
#header .head_box form .search{border: 3px solid #d90000; position: relative; margin-bottom: 7px;}
#header .head_box form .search select{width: 82px; padding-left: 14px; border: none; border-right: 1px solid #adadad; vertical-align: middle; outline: none;}
#header .head_box form .search input{width: 293px; height: 38px; padding-left: 14px; border: none; outline: none;}
#header .head_box form .search button{width: 44px; height: 44px; position: absolute; top: -3px; right: -3px;}

#header .head_box form .search span{display: inline-block; width: 82px; border-right: 1px solid #adadad; vertical-align: middle; text-align: center; }

#header .head_box form .price_box{}
#header .head_box form .price_box label{margin: 0px 5px; font-size: 12px; color: #6c6c6c; font-weight: inherit;}
#header .head_box form .price_box label input{width: 73px; height: 22px; margin: 0px 2px; text-align: right;}
#header .head_box form .price_box button img{width: 22px; height: 22px;}

#header .head_box h2{float: right;}
#header .head_box h2 img{width: 266px; height: 114px;}

/* header_menu */
#header .menu{
	background: #d90000;
    background: -webkit-linear-gradient(#d90000, #bc0101); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d90000, #bc0101); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d90000, #bc0101); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d90000, #bc0101); /* Standard syntax */
}
#header .menu ul{height: 44px; position: relative;}
#header .menu ul li{float: left; padding: 0px 10.5px; border-right: 1px solid #a20202;}
#header .menu ul li img{margin: 0px 6px;}
#header .menu ul li:first-child{border-left: 1px solid #a20202;}
#header .menu ul li:hover{background-color: #880000;}
#header .menu ul li > a{font-size: 15px; font-family: "NanumGothic",sans-serif; font-weight:700; color: #fff; line-height: 44px; text-align: center;}

/* header_menu_dep */
#header .menu .dep2{position:absolute; z-index: 10; width: 100%; background-color: #fff;}


/* ÀüüīÅ×°í¸® */
#header .menu ul li .dep{position: absolute; top: 44px; left: 0px; z-index: 10; border: 1px solid #a71111; border-top: none; padding: 0px 30px 30px; background-color: #fff;}
#header .menu ul li .dep .category h5{color: #3b3b3b; font-size: 20px; font-weight: 600; line-height: 46px; letter-spacing: -0.05em; position: relative;}
#header .menu ul li .dep .category h5 span{color: #d90000;}
#header .menu ul li .dep .category h5 img{position: absolute; top: 10px; right: -25px; cursor: pointer;}

#header .menu ul li .dep .category table{border-top: 1px solid #666;}


/* header_search-box
	name-search */
#header .search_box{height: 44px; background-color: #f7f7f7; border-bottom: 1px solid #e6e6e6;}
#header .search_box .name_search{padding-top: 10px; float: left;}
#header .search_box .name_search b{vertical-align: bottom; padding: 10px 10px 10px 30px; background: url(/img/comm/search3.gif) 0 center no-repeat; font-size: 13px; font-weight: inherit; color: #6c6c6c;}
#header .search_box .name_search ul{display: inline-block; vertical-align: middle; position: relative;}
#header .search_box .name_search ul li{float: left; margin-left: 5px;}
#header .search_box .name_search ul li:first-child{margin-left: 0px;}
#header .search_box .name_search ul li img{cursor: pointer;}
#header .search_box .name_search ul li .dep{display: none; position: absolute; bottom: -31px; left: 0; width: 371px; background-color: #fff; border: 1px solid #d70111; padding: 5px;}
#header .search_box .name_search ul li:hover .dep{display: block;}
#header .search_box .name_search ul li .dep span{border-right: 1px solid #ddd; font-size: 12px; color: #6c6c6c; line-height:1.6; padding-right: 5px;}
#header .search_box .name_search ul li .dep span:hover{color: #a20202; cursor: pointer;}

/* header_search-box
	_select-search */
#header .search_box .select_search{padding-top: 10px; float: right;}
#header .search_box .select_search select{width:138px; height: 26px;}


/* ÇÏ´Ü ¸ÞÀÎ_ǪÅÍ */
#footer .footer_top{overflow: hidden; padding: 30px 0px; background-color: #f6f6f6;}
#footer .footer_top .con{float: left; width: 239px; margin-right: 22px;}
#footer .footer_top .con:last-child{margin-right: 0px;}
#footer .footer_top .con h3{font: 600 20px "nanumgothicblod"; color: #4b4b4b; letter-spacing: -0.1em;}
#footer .footer_top .con hr{border-top: 1px solid #d5d5d5 !important; margin: 10px 0px !important;}

/* con1 */
#footer .footer_top .con1 h5{margin-top: 10px;}
#footer .footer_top .con1 .img_box {width:100%; height:102px; line-height:102px;}
#footer .footer_top .con1 .img_box img {width:auto; max-width:100%; height:auto;}
#footer .footer_top .con1 p{font-family: "NanumGothic"; font-size: 26px; font-weight: 600; color: #4b4b4b; letter-spacing: -0.07em;}
#footer .footer_top .con1 small{font-family: "NanumGothic"; font-size: 14px; font-weight: 600; color: #888;}
#footer .footer_top .con1 span{font-size: 11px; color: #e10a1a;}

#footer .footer_top .con1 .cont-btn{margin-top: 20px;}
#footer .footer_top .con1 .cont-btn a{float: left; /*width: 116px;*/    width: 138px; height: 35px; line-height: 35px; background-color: #acacac; font-size: 13px; color: #fff; text-align:center; margin-bottom: 4px;}
#footer .footer_top .con1 .cont-btn a:first-child{background-color: #e10a1a;}
#footer .footer_top .con1 .cont-btn a:nth-child(2n){float: right;}

/* con2 */
#footer .footer_top .con2 table tr td{font-size: 15px; color: #999;}
#footer .footer_top .con2 table tr th{font-size: 15px; font-weight: 600; color: #444;}
#footer .footer_top .con2 span.line{display: block; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
#footer .footer_top .con2 p{font-size: 13px; line-height: 22px; color: #999;}
#footer .footer_top .con2 p small{font-size: 13px; color: #7c7c7c;}

/* con3 */
#footer .footer_top .con3 p{word-break: keep-all; text-align: center; padding-top: 45px; font-size: 14px; color: #4b4b4b; margin-bottom: 10px; letter-spacing: -0.05em; background: url(/img/comm/icon_01.png) center bottom 0px no-repeat;}
#footer .footer_top .con3 a{display: block;}

/* board */
#footer .footer_top .board{width: 266px; padding: 15px 13px; border: 1px solid #ddd; background-color: #fff;}
#footer .footer_top .board h3{position: relative;}
#footer .footer_top .board h3 a{position: absolute; top: 5px; right: 0px; font-size: 14px; font-family: "nanumgothic"; padding-right: 15px; background: url(/img/comm/more_arrow.gif) right 0px center no-repeat;}

#footer .footer_top .board ul li{height: 25px;}
#footer .footer_top .board ul li a p{display: inline-block; width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; font-size: 14px; color: #4b4b4b;}
#footer .footer_top .board ul li a p span{padding-right: 10px; color: #e10a1a;}
#footer .footer_top .board ul li a small{vertical-align: super; font-size: 12px; color: #c4c4c4;}



/**************footer
***********************************************************************************************/
.width1049 .start_btn {
    position:absolute;
    top:0;
    left:18px;
    margin-top:-10px;
}

.footer_info{border-top: 2px solid #d90000; padding: 35px 0px; overflow: hidden;}
.footer_info .left{float: left; /* margin-top: -30px; */ margin-right: 20px;}
.footer_info .right{float: left;}
.footer_info ul{overflow: hidden; width: 600px; margin: 0px auto 20px;}
.footer_info ul li{float: left;}
.footer_info ul li a{border-left: 2px solid #d2d2d2; padding: 0px 8px; font: 600 15px "NanumGothic"; color: #444;}
.footer_info ul li:first-child a{border-left: 0px; padding-left: 0px;}

.footer_info p{font-size: 12px; color: #616161; line-height: 20px;}
.footer_info p b{display: block; margin-bottom: 20px; color: #e10a1a;}
.footer_info p span{padding: 0px 10px;}
.footer_info small{display: block; margin-top: 10px; font-size: 100%; color: #a6a6a6; text-align:center;}

.footer_info .escro_save{position: absolute; top: -15px; right: 20px;}
.footer_info .escro_save img{margin-left: 20px;}


/************** left_menu
***********************************************************************************************/
.content{overflow: hidden; padding-top: 20px;}
.content .left_menu{float: left; width: 170px; border-top: none;}
.content .left_menu .menu{border: 1px solid #ddd; border-top: 1px solid #424242; padding: 15px 8px;}
.content .left_menu .menu p{font: 600 14px "NanumGothic"; color: #d90000; margin-bottom: 7px;}
.content .left_menu .menu a span{font-size: 12px; line-height: 21px; color: #666;}
.content .left_menu .menu a:hover span {color:#d90000;}

.content .left_menu .present {margin:0 0 10px; width:170px; height:auto; }
.content .left_menu .menu + .present {margin-top:10px;}
.content .left_menu .present img{width:100%; height:auto;}
.category_area .box_category + .present {margin-top:10px;}
.category_area .present {margin:0 0 10px; width:170px; height:auto; }
/************** right_menu
***********************************************************************************************/
.content .img_btn_box{float: right; width: 869px; margin-bottom: 34px; overflow: hidden;}

/* ·Ñ¸µ ºñÁÖ¾ó */
.content .img_btn_box .main-vis{position:relative; width:580px; height:385px; margin-bottom: 20px; overflow: hidden; float: left;}
.content .img_btn_box .main-vis .main-slide {width:580px; height:385px;}
.content .img_btn_box .main-vis #slides{float: left; width:100%; height:385px;}
.content .img_btn_box .main-vis #slides ul.pagination{position: absolute; bottom: 0px; left: 40%; z-index: 999;}
.content .img_btn_box .main-vis #slides ul.pagination li{float: left; margin: 2px;}
.content .img_btn_box .main-vis #slides ul.pagination li a{display: block; width: 12px; height: 12px; padding:0px; border-radius: 12px; background: #fff; text-indent: -9999px; border: none; box-shadow: 1px 1px rgba(0,0,0,0.2);}
.content .img_btn_box .main-vis #slides ul.pagination li.current a{background: #d90000; padding: 6px 12px;}

.content .img_btn_box .main-btn{float:left; width: 286px;}
.content .img_btn_box .main-btn table{width: 286px; height: 385px; border-collapse: separate; border:1px solid #ddd; overflow:hidden;}
.content .img_btn_box .main-btn table tr td{width:95px; height:96px; border:1px solid transparent; border-right-color:#ddd; border-bottom-color:#ddd; box-sizing:border-box;}
.content .img_btn_box .main-btn table tr:last-child td {border-bottom-color:transparent;}
.content .img_btn_box .main-btn table tr td:last-child {border-right-color:transparent;}
.content .img_btn_box .main-btn table tr td a{display: block; width:100%; height:100%; font-size:12px; text-align: center; padding-top: 70px;}

.content .img_btn_box .main-btn table tr td a.on{ color: #d90000;}
.content .img_btn_box .main-btn table tr td:hover{border-color:#d90000;}
.content .img_btn_box .main-btn table tr td:hover a{color: #d90000;}
/*
.content .img_btn_box .main-vis:before,
.content .img_btn_box .main-vis:after {display:table;content:'';}
.content .img_btn_box .main-vis:after {clear:both;}
.content .img_btn_box .main-vis img {vertical-align:top;}
.content .img_btn_box .main-vis .thumbs > div {position:absolute; top:0; left:0;}
.content .img_btn_box .main-vis .list_img {position:absolute; right:0; top:0;}
.content .img_btn_box .main-vis .list_img .m_banner {float:left;width:286px;height:286px;border-width:1px 0 0 1px;border-style:solid;border-color:#d6d6d6;background-color:#fff; margin-bottom: 0 !important;}
.content .img_btn_box .main-vis .list_img .m_banner li {float:left;width:95px;height:95px;border-width:0 1px 1px 0;border-style:solid;border-color:#ddd;}
.content .img_btn_box .main-vis .list_img .m_banner li a {display:block;text-indent:-9999px;margin-left:0;width:94px;height:94px;font-size:0;border-bottom:0;background-repeat:no-repeat;background-attachment:scroll;background-position:0 0;background-color:transparent; background-size: 100%;}
.content .img_btn_box .main-vis .list_img .m_banner li a.pager-active,
.content .img_btn_box .main-vis .list_img .m_banner li a.active {background-position:0 -94px;}
.content .img_btn_box .main-vis .page_count_box {position:absolute; right:0; bottom:0; width:286px; height:44px; padding-top:15px; border-width:0 1px 1px; border-style:solid; border-color:#d6d6d6; background-color:#fff; text-align:center;}
.content .img_btn_box .main-vis .page_count {display:inline-block;*display:inline;float:none;padding-left:5px;vertical-align:top;*zoom:1;}
.content .img_btn_box .main-vis .page_count .bx-pager-btn {float:left;}
.content .img_btn_box .main-vis .page_count .bx-pager-btn .pager-link {overflow:hidden;float:left;width:12px;height:12px;margin-left:6px;background:url(/img/main_vis/ico-banner-comm.png) 0 -55px no-repeat;text-indent:-9999px;}
.content .img_btn_box .main-vis .page_count .bx-pager-btn .pager-link:hover{background-position:-23px -55px;}
.content .img_btn_box .main-vis .page_count .bx-pager-btn .pager-link:first-child {margin-left:0;}
.content .img_btn_box .main-vis .page_count .bx-pager-btn .pager-active,
.content .img_btn_box .main-vis .page_count .bx-pager-btn .pager-active:hover {width:24px;background-position:-46px -55px;}
*/

/*  Àαâ°Ë»ö¾î top 10 */
.content .img_btn_box .mini-vis{margin-bottom: 10px; overflow: hidden; clear:both;}
.content .img_btn_box .mini-vis > div{width: 277px; height: 154px; margin-right: 13px; float: left;}
.content .img_btn_box .mini-vis > div > img{width: 100%;}
.content .img_btn_box .mini-vis .best_top10{width: 287px; margin-right: 0px; border: 1px solid #ddd;}
.content .img_btn_box .mini-vis .best_top10 p{background-color: #d90000; text-align: center; font-size: 13px; color: #fff; line-height: 26px;}
.content .img_btn_box .mini-vis ul{}
.content .img_btn_box .mini-vis ul li{padding-left: 13px; font-size:13px;}
.content .img_btn_box .mini-vis ul li:nth-child(even){background-color: #eee;}
.content .img_btn_box .mini-vis ul li a{line-height: 25px; display: inline-block; width: 49%;}
.content .img_btn_box .mini-vis ul li a span{background-color: #ce2a0f; color: #fff; text-align: center; display: inline-block; width: 15px; line-height: 15px; font-size: 11px; margin-right: 5px;}

/* img-box */
.content .img_btn_box .img-box{overflow: hidden; margin-bottom: 10px;}
.content .img_btn_box .img-box .left{float: left; margin-right: 10px;}
.content .img_btn_box .img-box .left .img{overflow: hidden;}
.content .img_btn_box .img-box .left .img:nth-child(1){margin-bottom: 10px;}
.content .img_btn_box .img-box .left .img img{float: left;}

.content .img_btn_box .img-box .center{float: left;}

.content .img_btn_box .img-box .right{float: right;}
.content .img_btn_box .img-box .right .img img{margin-bottom: 10px;}
.content .img_btn_box .img-box .right .img:last-child img{margin-bottom: 0px;}

.content .img_btn_box .banner-img{margin-bottom: 10px;}

/* sub-btn*/
.content .img_btn_box .sub-btn{width:100%; border:1px solid #ddd;}
.content .img_btn_box .sub-btn tr th{width:144px; height:133px; background:#d90000; border-right: 1px solid #8a0000;}
.content .img_btn_box .sub-btn tr th a {display:block; width:100%; height:100%;}
.content .img_btn_box .sub-btn tr th img {width:143px; height:100%;}
.content .img_btn_box .sub-btn tr th:last-child{border-right-color:#d90000;}
.content .img_btn_box .sub-btn tr td{width: 145px; height:138px; border: 1px solid #dbdbdb; overflow:hidden; box-sizing:border-box;}
.content .img_btn_box .sub-btn tr td a {display:inline-block; width:100%; height:100%;}
.content .img_btn_box .sub-btn tr td img {
    width:100%;
    height:auto;
}


/************** hit
***********************************************************************************************/
.hit{clear: both; background-color: #f4f4f4; padding: 57px 0 53px;}
.hit h2{font: 600 30px "NanumGothic"; color: #3b3b3b; letter-spacing: -0.07em; text-align: center; margin-bottom: 10px;}
.hit h2 span{color: #d90000;}
.hit h5{font-size: 15px; color: #777; text-align: center; margin-bottom: 35px;}

.hit .demo{ width: 1019px; margin: 0 auto;}
.hit ul.item{list-style: none outside none; padding-left: 0; margin: 0;}
.hit .demo .item{ margin-bottom: 60px; position: relative;}
.hit .demo .item .lSAction a{width: 30px; height: 45px; margin-top: -30px;}
.hit .demo .item .lSAction > .lSPrev{background-image: url(/img/main/arrow-prev.png); left: -15px;}
.hit .demo .item .lSAction > .lSNext{background-image: url(/img/main/arrow-next.png); right: -15px;}
.hit .demo .item .lSPager.lSpg{display: none;}

.hit .content-slider li{width: 186px; text-align: center; border: 1px solid #ddd;}
.hit .content-slider li .img {
    width:186px;
    height:186px;
    overflow:hidden;
}
.hit .content-slider li .img img {
    transition:transform 0.3s;
}
.hit .content-slider li:hover .img img {
    transform:scale(1.05);
}
/*.hit .content-slider li .txt{width: 186px; background-color: #fff; padding: 10px;}*/
.hit .content-slider li .txt{width: 186px; background-color: #fff; padding: 10px; height: 120px;}
.hit .content-slider li .txt small{font-size: 11px; color: #666;}
.hit .content-slider li .txt p{font-size: 13px; color: #000; margin: 10px 0px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hit .content-slider li .txt b{font-size: 14px; color: #262626;}


/************** event
***********************************************************************************************/
.event{padding: 50px 0px 20px;}
.event h2{background: url(/img/comm/title_pattern01.png) 100% repeat-x; text-align: center; font: 600 25px/40px "nanumgothic"; letter-spacing: -0.09em; margin-bottom: 15px;}
.event h2 b{font-weight: 600;}
.event h2 span{background-color: #fff; padding: 0px 10px;}

.event .list_btn_box{margin-bottom: 27px;}
.event .list_btn_box .row{overflow: hidden; margin: 0px 0px 17px;}
.event .list_btn_box .row .list_link_img{float: left; margin-right: 14px;}
.event .list_btn_box .row .list_link_img:last-child{margin-right: 0px;}

.event table{table-layout: fixed; border-collapse: collapse;}
.event table tr{}
.event table tr th{width: 129px;}
.event table tr td{border: 1px solid #ddd; border-left: 0px; text-align: center;}
.event table tr td p{display: inline-block; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #666; }
.event table tr td b{font-size: 14px; color: #262626;}

/* prdect_plan */
.prdect_plan{}
.prdect_plan .title_box{background-color: #373737; position: relative;}
.prdect_plan .title_box span{font-size: 17px; line-height: 43px; color: #fff; padding-left: 12px;}
.prdect_plan .title_box .page-nav{position: absolute; top: 12px; right: 20px;}
.prdect_plan .title_box .page-nav small{font-size: 12px; color: #fff; padding-right: 5px;}

.prdect_plan .img-box {border: 1px solid #ddd;}
.prdect_plan .img-box .item{padding: 28px 38px;}
.prdect_plan .img-box .item .row{margin: 0px 0px 25px; overflow: hidden;}
.prdect_plan .img-box .item .row .prd_box{float: left; width: 173px; margin-right: 26px;}
.prdect_plan .img-box .item .row .prd_box:last-child{margin-right: 0px;}
.prdect_plan .img-box .item .row .prd_box .prd_img{margin-bottom: 10px;}
.prdect_plan .img-box .item .row .prd_box .prd_txt{text-align: center; padding: 0px 10px;}
.prdect_plan .img-box .item .row .prd_box .prd_txt small{font-size: 11px; color: #666;}
.prdect_plan .img-box .item .row .prd_box .prd_txt p{margin: 7px 0px; font-size: 13px; color: #000; line-height: 17px; word-break: keep-all; display: inline-block; width: 177px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prdect_plan .img-box .item .row .prd_box .prd_txt b{font-size: 14px;}

/* BRAND STORE */
.stroe{margin: 60px 0 70px; position: relative;}
.stroe h5{font: 600 20px/31px "nanumgothic"; color: #111; text-align: center; margin-bottom: 20px; letter-spacing: -0.01em;}
.stroe h5 span{color: #d90000;}
.stroe h5 .page-nav{overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 20px;}
.stroe h5 .page-nav button{float: left;}
.stroe .img-box{background-color: #f6f6f6; border-top: 1px solid #e7e7e7; overflow: hidden; cursor: pointer;}
.stroe .img-box img{width: 180px; height: 50px; float: left; margin: 0 15px 15px 0;}

.stroe .item{padding: 30px 15px 30px 30px; overflow: hidden;}

/* ÀüüīÅ×°í¸® */
.category {
    margin-bottom:30px;
}
.category_{margin-bottom: 76px; background-color: #fff;}
.category .title{background-color: #d90000; padding: 17px 0px;}
.category .title h5{text-transform:uppercase; text-align: center; color: #fff; font-size: 25px; margin-bottom: 10px;}
.category .title p{color: #fff; text-align: center; font-size: 15px;}

.category table{}
.category table tr{border-bottom: 1px solid #ddd; }
.category table tr th{width: 168px; background-color: #f9f9f9; padding: 15px 0 10px; font-size: 16px; color: #282828; text-align: center;}
.category table tr td{padding: 0px 50px 0px 20px;}
.category table tr td a{font-size:12px; border-left: 1px solid #bdbdbd; padding-left: 5px; margin-left: 5px;}
.category table tr td a:first-child{border-left: none; padding-left: 0px; margin-left: 0px;}
.category table tr td a:hover{color: #d90000; text-decoration: underline;}
.category .category-btn{font-size: 15px; font-weight: 600; line-height: 40px; color: #e10a1a; border: 1px solid #d90000; text-align: center; cursor: pointer;}
.category .category-btn img{margin-left: 10px;}
.on{display: inherit !important;}


/************** sub_list
***********************************************************************************************/
.content .sub_warp {float: right; width: 870px; min-height:800px; }
.content th, .content b {
    font-weight:bold;
}
/* »óÇ°¸í ³ª¿­ */
.content .sub_warp table.list_prd{border: 1px solid #ddd; height: 180px; margin-bottom: 20px;}
.content .sub_warp table.list_prd thead tr{height: 35px; border: 1px solid #ddd;}
.content .sub_warp table.list_prd thead tr th{padding-left: 10px; font-size: 16px; color: #424242; font-weight:bold;}
.content .sub_warp table.list_prd thead tr th span{display: inline-block; width: 6px; height: 6px; background-color: #d80000; vertical-align: middle;}
.content .sub_warp table.list_prd thead tr td{padding-right: 10px; text-align: right; font-size:15px;}
.content .sub_warp table.list_prd tbody tr td{width: 137px; padding-left: 10px;}
.content .sub_warp table.list_prd tbody tr td a{padding: 0px 8px; font-size: 12px; color: #666;}
.content .sub_warp table.list_prd tbody tr td a:hover{color: #d80000;}
.content .sub_warp table.list_prd tbody tr td a span{display: inline-block; width: 4px; height: 4px; background-color: #b2b2b2; vertical-align: middle;}

/* ÆÄ¿ö ¾ÆÀÌÅÛ */
.content .sub_warp .power_item{margin-bottom: 25px; height: 304px;}
.content .sub_warp .power_item .power-list{position: relative;}
.content .sub_warp .power_item .power-list ul{height: 255px; border-top: 1px solid #464646; background-color: #f7f7f7; width: 100%; display: inline-block;}
.content .sub_warp .power_item .power-list ul li{float: left; width: 133px; position: relative; left: 10px; top: 30px;}
.content .sub_warp .power_item .power-list ul li:first-child{margin-left: 0px;}
.content .sub_warp .power_item .power-list ul li a{display: block; width: 138px; margin: 0 auto;}
.content .sub_warp .power_item .power-list ul li a .prd_img{margin-bottom: 5px;}
.content .sub_warp .power_item .power-list ul li a .prd_img img{width:123px; height:123px;}
.content .sub_warp .power_item .power-list ul li a .prd_txt{text-align: center; padding: 0px 10px;}
.content .sub_warp .power_item .power-list ul li a .prd_txt small{font-size: 12px; color: #999;}
.content .sub_warp .power_item .power-list ul li a .prd_txt small span{color: #d80000;}
.content .sub_warp .power_item .power-list ul li a .prd_txt p{font-size: 13px; color: #404040; line-height: 17px; word-break: break-all; 
width: 100%; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.content .sub_warp .power_item .power-list ul li a .prd_txt b{font-size: 13px; color: #000; font-weight:600;}

/*ÆÄ¿ö¾ÆÀÌÅÛ_hover*/

.content .sub_warp .power_item .power-list ul li.on{width: 319px; height: 287px; background: url(/img/sub/power_bg3.jpg) no-repeat; top: 10px; left: 10px; padding-top: 55px; margin-right: 10px;}
.content .sub_warp .power_item .power-list ul li.on a{overflow:hidden; width:inherit;}
.content .sub_warp .power_item .power-list ul li.on a .prd_img{float:left; margin: 0 0 0 10px;}
.content .sub_warp .power_item .power-list ul li.on a .prd_img img{width:164px; height:153px;}
.content .sub_warp .power_item .power-list ul li.on a .prd_txt{float: right; padding-left:10px; width: 134px; margin-top: 55px; text-align: left;}
.content .sub_warp .power_item .power-list ul li.on a .prd_txt b{font-size: 18px;}

/* º£½ºÆ®»óÇ° & Ãßõ»óÇ° */
.content .sub_warp .prds_box{border: 1px solid #ddd; border-top-color: #444; margin-bottom: 30px;}
.content .sub_warp .prds_box h5{line-height: 45px; background-color: #f3f3f3; padding: 0px 10px 0px 20px; letter-spacing: -0.05em;}
.content .sub_warp .prds_box h5 small{display: inline-block; width: 7px; height: 7px; background-color: #d00000; margin-bottom: 3px; margin-right: 5px;}
.content .sub_warp .prds_box h5 strong{font-size: 20px; font-family: "NanumGothic"; color: #363636;}
.content .sub_warp .prds_box h5 strong b{color: #d00000;}
.content .sub_warp .prds_box h5 span.right{float: right; font-size: 16px; color: #1a1a1a; font-weight:600;}
.content .sub_warp .prds_box h5 span.right b{font-weight: normal; color: #d00000;}

.content .sub_warp .prds_box .item{padding: 10px 33px;}
.content .sub_warp .prds_box .item .row{overflow: hidden; margin:0 0 25px 0;}
.content .sub_warp .prds_box .item .row .prd_box{float: left; width: 138px; min-height:185px; margin-right: 28px;}
.content .sub_warp .prds_box .item .row .prd_box:last-child{margin-right: 0px;}
/* .content .sub_warp .prds_box .item .row .prd_box .prd_img{margin-bottom: 10px;} */
.content .sub_warp .prds_box .item .row .prd_box .prd_txt{text-align: center;}
.content .sub_warp .prds_box .item .row .prd_box .prd_txt small{line-height:1.6; font-size: 12px; color: #999;}
.content .sub_warp .prds_box .item .row .prd_box .prd_txt small span{color: #d00000;}
.content .sub_warp .prds_box .item .row .prd_box .prd_txt p{font-size: 13px; color: #666; line-height: 17px; word-break: keep-all; letter-spacing: -0.05em;
width: 138px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.content .sub_warp .prds_box .item .row .prd_box .prd_txt b{font-weight: normal; font-size: 14px;line-height:1.6; }

/* »óÇ°¸®½ºÆ® */
.content .sub_warp .prds_search{}
.content .sub_warp .prds_search .search-head{padding: 0px 10px;}
.content .sub_warp .prds_search .search-head label{}
.content .sub_warp .prds_search .search-head label p{border: 1px solid #ddd; margin-left: 10px; height: 30px; padding: 0px 10px;}
.content .sub_warp .prds_search .search-head label input{width: 193px; height: 25px;border: none;}
.content .sub_warp .prds_search .search-head label button{}
.content .sub_warp .prds_search .search-head p{float: right;}

.content .sub_warp .prds_search .serech-order{border: 1px solid #8e8e8e; padding: 0px 10px; overflow: hidden; height: 50px; margin-bottom: 8px;}
.content .sub_warp .prds_search .serech-order strong{float: left; margin-right: 30px; font-size: 13px; font-weight: normal; color: #2b2b2b; line-height: 50px;}
.content .sub_warp .prds_search .serech-order strong b{font-size: 13px; font-weight: normal; color: #d90000;}

.content .sub_warp .prds_search .serech-order ul{overflow: hidden; float: left; margin-right: 30px;}
.content .sub_warp .prds_search .serech-order ul li{float: left; }
.content .sub_warp .prds_search .serech-order ul li a{line-height: 50px; font-size: 11px; color: #666; border-left: 1px solid #ddd; padding: 0px 8px;}
.content .sub_warp .prds_search .serech-order ul li:first-child a{border-left: none;}
.content .sub_warp .prds_search .serech-order ul li a:hover{color: #d90000;}
.content .sub_warp .prds_search .serech-order span{float: right; line-height: 50px;font-size:11px}
.content .sub_warp .prds_search .serech-order select{}

.content .sub_warp .prds_search .prds_list{border: 1px solid #ddd; margin-bottom: 10px;}
.content .sub_warp .prds_search .prds_list .item{padding: 28px 33px;}
.content .sub_warp .prds_search .prds_list .item .row{margin: 0px 0px 25px; overflow: hidden;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box{float: left; width: 138px; margin-right: 28px;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box:last-child{margin-right: 0px;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_img{margin-bottom: 10px;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt{text-align: center;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt small{font-size: 12px; color: #999;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt small span{color: #d90000;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt p{margin: 7px 0px; font-size: 13px; color: #666; line-height: 17px; word-break: break-all; letter-spacing: -0.05em;
display: inline-block; width: 138px; white-space: nowrap; text-overflow: ellipsis; white-space: normal; height: 2.4em;text-align:center;}
/*.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt p{font-size: 13px; color: #666; line-height: 17px; word-break: keep-all; letter-spacing: -0.05em;*/
width: 138px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:inherit;}
.content .sub_warp .prds_search .prds_list .item .row .prd_box .prd_txt b{font-weight: normal; font-size: 14px;}


/* ¼­ºê_ÆäÀÌÁö¹öÆ° */
.content .sub_warp .prds_search p{line-height: 25px; text-align: right;}
.content .sub_warp .prds_search p span{padding: 5px 10px; margin-right: 7px;}

.content .sub_warp .prds_search .page-btn{margin: 0px auto 135px; overflow: hidden; display:inline-block;}
.content .sub_warp .prds_search .page-btn button{float: left; margin: 0 2px;}
.content .sub_warp .prds_search .page-btn ul{overflow: hidden; margin: 0 27px; float: left;}
.content .sub_warp .prds_search .page-btn ul li{float: left; width: 35px; height: 35px; text-align: center;}

.content .sub_warp .prds_search .page-btn ul li.active , 
.content .sub_warp .prds_search .page-btn ul li:hover{background-color: #d90000; color: #fff;}

.content .sub_warp .prds_search .page-btn ul li a{line-height: 35px; font-size: 14px; color: #666;}

.content .sub_warp .prds_search .page-btn ul li.active a,
.content .sub_warp .prds_search .page-btn ul li:hover a{color: #fff; display: block;}



/************** sub_detail
***********************************************************************************************/
.content .sub_warp h4.nav{font-size: 13px; color: #666; margin-bottom: 10px;}
.content .sub_warp h5.prd_titile{font-size: 20px; padding-left: 10px;
    font-weight: 600; border: 1px solid #ddd; background-color: #f7f7f7; font-size: 20px; color: #424242; line-height: 40px; margin-bottom: 12px;}

.content .sub_warp .sub_list_right .detail-box .product-box{overflow: hidden;}

/* ¼­ºê_»ó¼¼_»ó¼¼À̹ÌÁö_½½¶óÀ̵å */
.content .sub_warp .sub_list_right .detail-box .left-box{float: left; width: 320px; margin-right: 20px;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide{height: 335px; margin-bottom: 5px;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide ol{bottom: 0; margin-bottom: 0;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide ol li{background-color: #c0c0c0;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide ol li.active{background-color: #d90000;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide a{background-image: inherit; position: absolute; top: 50%; margin-top: -70px; width: inherit;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide a.left{left: 0;}
.content .sub_warp .sub_list_right .detail-box .left-box #product-slide a.right{right: 0;}
.content .sub_warp .sub_list_right .detail-box .left-box .product-btn{width: 165px; margin: 0 auto 10px;}
.content .sub_warp .sub_list_right .detail-box .left-box .product-btn a{}

/* ¼­ºê_»ó¼¼_Áñ°Üã±â¹öÆ°*/
.content .sub_warp .sub_list_right .detail-box .left-box .add-btn{width: 190px; height: 30px; margin: 0px auto; border: 1px solid #d90000; border-radius: 3px; background: url(/img/sub/add-icon.jpg)0 0 no-repeat;}
.content .sub_warp .sub_list_right .detail-box .left-box .add-btn a{display: block; padding: 0 5px 0 35px; font-size: 11px; line-height: 28px; color: #444;}
.content .sub_warp .sub_list_right .detail-box .left-box .add-btn a small{color: ##f90000; font-size: 11px;}
 
/* ¼­ºê_»ó¼¼_°¡°ÝÁ¤º¸*/
.content .sub_warp .sub_list_right .detail-box .right-box{float: right; width: 525px;}
.content .sub_warp .sub_list_right .detail-box .right-box h3{font-size: 20px; font-weight: 600; line-height: 31px; color: #343434; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info{overflow: hidden; position: relative; margin-bottom: 10px;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info span{float: left; font-size: 13px; line-height: 30px; color: #343434;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info p{padding-left: 60px; font-size: 13px; line-height: 30px; color: #343434; margin-bottom: 0 !important;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info .import{color: #ff0000;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info .price{color: #999; text-decoration: line-through;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-info p small{color: #999;}

/* ¼­ºê_»ó¼¼_¸Þ¸ð¹Ú½º */
.sub_list_right .detail-box .right-box .memo-box{}
.sub_list_right .detail-box .right-box .memo-box span{font-size:14px; line-height:1.6; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 1px solid #f9e8e8; border-radius: 5px 5px 0px 0px; padding:3px 7px; background-color: #f9e8e8;}
.sub_list_right .detail-box .right-box .memo-box div.box{border: 1px solid #ddd; padding: 10px 10px; background-color: #f9e8e8;}
.sub_list_right .detail-box .right-box .memo-box div.box p {
    line-height:1.5;
}
.sub_list_right .detail-box .right-box .memo-box div.box p.tit{border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.sub_list_right .detail-box .right-box .memo-box div.box p.cont{padding-top: 5px; color: #f20606;}

/* ¼­ºê_»ó¼¼_°¡°ÝÇ¥ */
.sub_list_right .detail-box .right-box .price-box{margin-bottom: 10px;}
.sub_list_right .detail-box .right-box .price-box table{border: 1px solid #ddd; margin-bottom: 5px;}
.sub_list_right .detail-box .right-box .price-box table tr th{width: 10%; border: 1px solid #ddd; border-top-color: #d90000; text-align: center; background-color: #f5f5f5; height: 25px; font-size: 11px; color: #333;}
.sub_list_right .detail-box .right-box .price-box table tr td{border: 1px solid #ddd; text-align: center; font-size: 11px; color: #333;}
.sub_list_right .detail-box .right-box .price-box p{font-size: 13px; line-height: 18px; color: #9e9e9e;}

.sub_list_right .detail-box .right-box .cell-box{background-color: #f9e8e8; font-size: 13px; color: #666; line-height: 25px; text-align: center; margin-bottom: 10px;}
.sub_list_right .detail-box .right-box .cell-box b{color: #202020;}

/* ¼­ºê_»ó¼¼_»óÇ°¼±ÅÃ*/
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box{}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose{border-bottom: 1px solid #ddd; padding: 5px 0;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose:last-child{border-bottom: 1px solid #999;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row{overflow: hidden; margin-bottom: 5px;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row span{float: left; line-height: 19px; font-size: 11px; color: #343434;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box{padding: 0px 0 0 90px;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box input, .content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose .box select{margin:0; vertical-align:middle; font-size:12px; border: 1px solid #ccc;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box input[name="etc_price"] {
    padding-left:6px; 
    margin-right:5px;
}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box .num-btn{overflow: hidden;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box .num-btn input{float: left; width: 60px; height: 19px; text-align: center; padding:0; box-sizing:border-box; }
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box .num-btn a{float:  left; width: 19px; height: 19px; vertical-align: bottom; border: 1px solid #ccc; box-sizing:border-box; }
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box .num-btn a.down{border-right: none; background: url(/img/sub/num_down.jpg)center no-repeat;}
.content .sub_warp .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row .box .num-btn a.up{border-left: none; background: url(/img/sub/num_up.jpg)center no-repeat;}

/* .sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2{height: 35px;} */
.sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2 span{line-height: 19px;}
.sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2 p{line-height: 19px; margin-bottom: 0 !important; padding-left: 100px; font-size: 11px; color: #343434;}
.sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2 p b{font-weight: normal; color: #f00;}
.sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2 p.coin{color: #cc8000;}
.sub_list_right .detail-box .right-box .product-chose-box .product-chose-row2 p img{margin-left: 5px; cursor: pointer;}

/* ¼­ºê_»ó¼¼_ÃÑÇÕ°¡°Ý*/
.sub_list_right .detail-box .right-box .product-chose-box .total{overflow: hidden;}
.sub_list_right .detail-box .right-box .product-chose-box .total span{float: left; line-height: 30px; font-size: 15px; color: #333;}
.sub_list_right .detail-box .right-box .product-chose-box .total p{padding-left: 100px; font-size: 11px; color: #f00; margin-bottom: 0; line-height: 30px;}
.sub_list_right .detail-box .right-box .product-chose-box .total p b{font-size: 13px; color: #000;}


/* ¼­ºê_¹öÆ°_»óÇ°¹®ÀÇ,»óÇ°Á¤º¸Ãâ·Â,»ùÇñ¸¸Å */
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box{margin-bottom: 30px;}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box ul{border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px;}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box ul li{float: left; width: 33.3%; height: 40px;}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box ul li a{border-left: 1px solid #ddd; display: block; text-align: center; margin-top: 10px; font-size: 14px; color: #343434; font-weight: 600;}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box ul li:first-child a{border-left: none;}

.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box .btn-box{}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box .btn-box button{width: 159px; height: 40px; background-color: #d90000; color: #fff; font-size: 17px; font-weight: 600;}
.sub_list_right .detail-box .right-box .product-chose-box .price_btn-box .btn-box button.btn_s{width: 107px; background-color: #fff; border: 1px solid #d90000; color: #d90000;}

.product-chose-box .price_btn-box table tr td{height:40px; padding:5px; vertical-align:middle;}
.product-chose-box .price_btn-box table tr td[colspan="3"] {height:60px;}
.product-chose-box .price_btn-box table button{width:100%; height:100%; color:#fff;}


.price_btn-box table tr td[colspan="3"] button {background:#D90000; font-size:20px; font-weight:bold;}
.product-chose-box .price_btn-box table .l_btn {
    width:240px;
    height:40px;
    border:1px solid #d90000;
    font-size:14px;
    font-weight:600;
    letter-spacing:-0.025rem;
    color:#d90000;
    box-sizing:border-box;
}
.product-chose-box .price_btn-box table tr:nth-child(2) .l_btn {
    border-color:#1b8003;
    color:#1b8003;
}
.price_btn-box .cart_ico {
    display:inline-block;
    width:18px;
    height:21px;
    background:url(../images/cart_ico.png) no-repeat;
    vertical-align:middle;
    margin-right:8px;
}
.price_btn-box .qna_ico {
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../images/qna_ico.png) no-repeat;
    vertical-align:middle;
    margin-right:8px;
}
.product-chose-box .price_btn-box table .b_btn {
    width:130px;
    height:39px;
    line-height:38px;
    font-size:15px;
    border:1px solid #656565;
    background:#404040;
    border-radius:5px;
    box-sizing:border-box;
}
.product-chose-box .price_btn-box tr:first-child td:nth-child(3) .b_btn {
    background:#e1954f;
    border-color:#aa5c14;
}
.product-chose-box .price_btn-box tr:nth-child(2) td:nth-child(2) .b_btn {
    background:#196ac6;
    border-color:#0e2794;
}
.product-chose-box .price_btn-box tr:nth-child(2) td:nth-child(3) .b_btn {
    background:#b6b6b6;
    border-color:#9c9c9c;
}
/* ¼­ºê_»ó¼¼_»ó¼¼Á¤º¸_ÅÇ*/
.tab-box{margin-bottom: 45px;}
.tab-box .tab{margin-bottom:20px;}
.tab-box .tab > ul{overflow: hidden; height: 30px;}
.tab-box .tab > ul > li{float: left; width: 20%; height: 30px; border-width:1px; border-style:solid; border-color: #ddd #ddd #d90000 #fff ; background-color: #f7f7f7; text-align: center;}
.tab-box .tab ul li:first-child{border-left: 1px solid #ddd;}
.tab-box .tab ul li.active{ border-width:1px; border-style:solid; border-color: #d90000 #d90000 #fff #d90000;  background-color: #fff;}
.tab-box .tab ul li a{line-height: 30px; font-size: 13px; color: #878787;}
.tab-box .tab ul li.active a{font-weight: 600; color: #2b2b2b;}

.tab-box .tab .prdinfo {
    margin-top:25px;
}
.tab-box table.prdinfo{padding: 5px; border-spacing: 20px 10px; border-collapse: inherit; border:2px solid #d3d3d3; margin-top:5px;}
.tab-box table.prdinfo tr{border-bottom: 1px solid #dbdbdb;}
.tab-box table.prdinfo tr th{width: 106px; line-height:1.6; text-align: center; background-color: #e8e8e8; border-radius: 5px; font-size: 12px; color: #575757;}
.tab-box table.prdinfo tr td{font-size: 12px; color: #575757;}
.tab-box table.prdinfo tr td.line{height: 1px; background-color: #dbdbdb;}

.tab-box .tab .img-box{margin: 50px auto 110px;}

.tab-box .tab .txt-box{margin: 20px 0 0px;}
.tab-box .tab .txt-box p{font-size: 12px; line-height: 20px; color: #666;}
.tab-box .tab .txt-box p strong{display: block; font-size: 18px; font-weight: 600; color: #2583c7; margin-bottom: 10px;}
.tab-box .tab .txt-box p b{}
.tab-box .tab .txt-box p span{color: #b70000;}
.tab-box #tab05 + h3 {margin-top:20px;}
/************** quick
***********************************************************************************************/
.left-quick{position:absolute; left: -130px; top: 20px; z-index: 100;}
.left-quick ul{width: 110px;}
.left-quick ul li{height:auto; margin-bottom: 10px;}
.left-quick ul li a{}

.right-quick{position:absolute; right: -130px; top:20px; width: 110px; z-index: 100;}
/* .right-quick{float: right; margin-right: -130px; margin-top:20px; width: 110px;} */
.right-quick ul{width: 110px;}
.right-quick ul li{margin-bottom: 10px;}
.right-quick ul li a {display:block; width:100%; height:100%;}
.right-quick ul li a img {width:100%; height:auto;}

.right-quick h5{font-size: 12px; font-weight: 600; color: #fff; line-height: 28px; text-align: center; background-color: #444;}
.right-quick .today-box{padding: 18px 15px 12px 15px; background-color: #f7f7f7;}
.right-quick .today-box .box{margin-bottom: 10px; border: 1px solid #ddd; position: relative;}
.right-quick .today-box .page-btn button{margin: 0 5px;}
.right-quick .today-box .page-btn span{font-size: 12px; color: #949494;}
.right-quick .today-box .page-btn span b{color: #2a2a2a;}
.right-quick .today-box .top{position: absolute; bottom: -40px; left: 0;}

/************** sub_left_menu
***********************************************************************************************/
.content{overflow: hidden; padding-top: 20px;}
.content .sub_left_menu{float: left; width: 170px;}
.content .sub_left_menu h5{height: 40px; line-height: 40px; font-size: 17px; font-weight: 600; padding-left: 20px; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px;}
.content .sub_left_menu ul{border: 1px solid #ddd; border-radius: 3px; padding: 5px 10px; background-color: #fbfbfb;}
.content .sub_left_menu ul li{height: 28px; border-bottom: 1px dotted #ddd; }
.content .sub_left_menu ul li:last-child{border-bottom: none;}
.content .sub_left_menu ul li a{line-height: 28px; background: url(/img/comm/sub_img.gif) 0px center no-repeat; font-size:12px; padding-left: 15px;}

/* 180111 mall_join.php CSS */
.app_area .ttl {
    width:100%;
    height:47px;
    border:1px solid #ddd;
    background:#424242;
    padding-left:13px;
    box-sizing:border-box;
}
.app_area .ttl h2 {
    font:600 18px/45px 'NanumSquare',sans-serif;
    color:#fff;
    letter-spacing:-0.025rem;
}
.app_area .ttl h2 .dot {
    display:inline-block;
    width:6px;
    height:6px;
    background:#c10101;
    vertical-align:middle;
    margin-right:7px;
}
.app_area .inner_cont {
    width:100%;
    height:779px;
    background:url(/images/member/join_bg.jpg) center center no-repeat;
    border:1px solid #ddd;
    padding:50px 65px 40px;
    box-sizing:border-box;
}
.app_area .inner_cont h3 {
    font:600 25px/33px 'NanumSquare',sans-serif;
    letter-spacing:-0.025rem;
    text-align:center;
    color:#2c2c2c;
}
.app_area .inner_cont h3 strong {
    color:#bd0101;
}
.app_area .inner_cont .step_list {
    width:663px;
    margin:25px auto;
}
.app_area .inner_cont .step_list li {
    float:left;
    width:166px;
    height:121px;
    margin-right:10px;
    background:url(/images/member/join_arr.png) right center no-repeat;
}
.app_area .inner_cont .step_list li.end {
    background:none;
    width:135px;
    margin-right:0;
}
.app_area .inner_cont .step_list .inner {
    width:135px;
    height:121px;
    background:#fff;
    border:1px solid #ff7260;
    box-shadow:0 0 3px rgba(0,0,0,.4);
    padding:17px 10px 15px;
    text-align:center;
    box-sizing:border-box;
}
.app_area .inner_cont .step_list h4 {
    width:113px;
    font:800 24px/30px 'Nanumgothic',sans-serif;
    letter-spacing:-0.025rem;
    color:#d31616;
    padding-bottom:11px;
    border-bottom:1px solid #dfdfdf;
    margin-bottom:10px;
}
.app_area .inner_cont .step_list p {
    font:600 15px/20px 'Nanumgothic',sans-serif;
    letter-spacing:-0.025rem;
    color:#323232;
}
.app_area .inq_cont {
    width:724px;
    height:438px;
    border:1px solid #dfdfdf;
    box-shadow:1px 1px 3px rgba(0,0,0,.1);
    box-sizing:border-box;
}
.app_area .inq_cont li {
    width:100%;
    height:62px;
    border-bottom:1px solid #dfdfdf;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 50%, rgba(253,253,253,1) 68%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 50%,rgba(253,253,253,1) 68%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 50%,rgba(253,253,253,1) 68%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    padding:11px 0 0 33px;
    box-sizing:border-box;
}
.app_area .inq_cont li.end {
    border-bottom-color:#d41616;
}
.app_area .inq_cont li.b {
    height:81px;
    padding-top:16px;
}
.app_area .inq_cont li h4 {
    float:left;
    font:800 28px 'Nanumgothic',sans-serif;
    letter-spacing:-0.045rem;
    color:#d41616;
    padding-bottom:3px;
    border-bottom:3px solid #d41616;
    margin-right:35px;
}
.app_area .inq_cont li > span {
    display:inline-block;
    clear:both;
    font:18px/24px 'Nanumsquare',sans-serif;
    letter-spacing:-0.025rem;
    color:#818181;
    padding-top:9px;
}
.app_area .inq_cont li.b > span {
    padding-top:0;
}
.app_area .inq_cont li span.bk {
    color:#3d3d3d;
}
.app_area .inq_cont .inq {
    height:150px;
    background:#fff url(/images/member/join_list_bg.png) 95% bottom no-repeat;
    padding:24px 0 0 27px;
    box-sizing:border-box;
}
.app_area .inq_cont .inq > * {
    font:17px 'Nanumsquare',sans-serif;
    letter-spacing:-0.05rem;
    color:#797979;
}
.app_area .inq_cont .inq .red {
    color:#aa1501;
}
.app_area .inq_cont .info {
    width:460px;
    height:48px;
    background:#f4f4f4;
    margin-top:15px;
    padding-left:7px;
    box-sizing:border-box;
}
.app_area .inq_cont .info > * {
    line-height:48px;
}
.app_area .inq_cont .info .ico {
    display:inline-block;
    width:32px;
    height:32px;
    border-radius:50%;
    vertical-align:middle;
    margin-right:6px;
}
.app_area .inq_cont .info .ico.call {
    background:#dfdfdf url(/images/member/join_call_ico.png) center center no-repeat;
}
.app_area .inq_cont .info .ico.mail {
    background:#dfdfdf url(/images/member/join_mail_ico.png) center center no-repeat;
}
.app_area .inq_cont .info .name {
    color:#0466ac;
    font-weight:600;
}
.app_area > a {
    display:block;
    width:207px;
    height:51px;
    background:#3d3e50;
    font:600 20px/51px 'Nanumsquare',sans-serif;
    letter-spacing:-0.075rem;
    color:#fff;
    text-align:center;
    margin:100px auto;
}




/* ÆÇÃ˹° â¾÷ »ùÇÃÆäÀÌÁö CSS */
.chain_area {float:right; width:870px; min-height:1000px; padding:20px; text-align:center;}
.chain_area div {text-align:left;}
.sample_lnk{overflow:hidden; margin:40px 0 70px;}
.sample_lnk li {float:left; width:260px; /*height:420px; margin:30px auto;*/ margin-left:25px; margin-top:25px; box-sizing:border-box; border:1px solid #ddd;}
.sample_lnk li:nth-child(3n+1){margin-left:0;}
.sample_lnk li:nth-child(-n+3){margin-top:0;}
.sample_lnk li img{width:100%;}
.sample_lnk li a {display:block; position:relative; width:100%; height:100%;}
.sample_lnk li .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(66,66,66,.4); opacity:0; transition:opacity 0.3s;}
.sample_lnk li:hover .bg {opacity:1;}
.sample_lnk li p {position:absolute; left:0; bottom:0; width:100%; height:46px; line-height:46px; background:rgba(66,66,66,.8); padding-left:21px; font-size:18px; font-family:'Nanumsquare',sans-serif; color:#fff; text-align:left; box-sizing:border-box;}

/*
.content .chain_area .sample_lnk{overflow:hidden;}
.content .chain_area .sample_lnk li{float:left;}
*/

/* my_info.php ȸ¿ø°ü·Ã CSS _180426 */
.myinfo_table .tit { padding-left:12px; font-weight:600; background:#f9f9f9; }
.myinfo_table .tit + td { padding-left:17px; }
.myinfo_table span.red { display:inline-block; margin-left:5px; color:#d90000; vertical-align:middle;}
.myinfo_table .form_sub {font-size:12px;}
.myinfo_table td.val { padding:5px 0 5px 17px; font-size:12px;}
.myinfo_table td.blue { font-size:13px; padding:3px 0;}
.myinfo_table td .join_input {margin:2px 0; font-size:12px;}
.myinfo_table input[type="radio"] { margin:0 4px 0 0;}