@charset "euc-kr";

@import "reset.css";
@import "sub.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* *{font-family: 'NanumSquare', sans-serif;} */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#top_banner {position:relative;width:100%;height:93px;overflow:hidden;}


/* ���޴� */
#quick {display: block;position:absolute;top:20px;left:80px;width:100%;z-index:1000;}
#quick .quick_wrap {position:relative;margin:0 auto;width:1200px;}
#quick .quick_wrap .quick_inner {position:absolute;top:0;right:0;width:66px;}
#quick .quick_wrap .quick_area.scroll {position:fixed;top:10px;}
#quick .quick_recent .recent_tit {border:1px solid #dfdfdf;margin-bottom:3px;height:64px;font-size:11px;background:url(../images/common/recent_bg.png) no-repeat 0 0;text-align:center;}
#quick .quick_recent ul {max-height:1010px;overflow:hidden;}
#quick .quick_recent ul li {margin-bottom:3px;border:1px solid #dfdfdf;background:#fff;}
#quick .quick_recent ul li.no_pdt {padding-top:7px;width:64px;height:60px;font-size:11px;text-align:center;}
#quick .quick_recent ul li a {display:inline-block;width:64px;height:47px;vertical-align:middle;overflow:hidden;}
#quick .quick_recent ul li a img {width:100%;}
#quick .quick_ban{margin-bottom:3px;}
#quick .quick_ctrl ul li {border-top:1px solid #dfdfdf;background:#2e2f2a;}
#quick .quick_ctrl ul li:first-child {border-top:0;}
#quick .quick_ctrl ul li.top {width:66px;height:30px;line-height:30px;font-size:13px;font-weight:bold;text-align:center;}
#quick .quick_ctrl ul li a {display:block;width:66px;color:#fff;height:30px;overflow:hidden;}



#wrap {width:100%;min-width:1200px;}

/* header */
#header {width:100%;}
#header .header_top {width:100%;background:#000;}
#header .header_top .inner {margin:0 auto;width:1200px;height:40px;}
#header .header_top .bookmark {float:left;}
#header .header_top .bookmark a {display:block;line-height:40px;color:#d6a96f;font-size:14px;}
#header .header_top .util_box {float:right;}
#header .header_top .util_box ul {overflow:hidden;}
#header .header_top .util_box ul li {float:left;background:url(../images/common/header_top_line.gif) no-repeat right center;}
#header .header_top .util_box ul li a {display:block;padding:0 12px;line-height:40px;color:#fff;font-size:14px;}
#header .header_top .util_box ul li:last-child {background:none;padding:0;}
#header .header_top .util_box .cart_bt span {display:inline-block;padding:1px 2px 0 0;width:17px;height:17px;line-height:18px;color:#fff;font-size:11px;font-family:'����',Malgun Gothic,'���� ����','����',gulim;border-radius:20px;background:#ff6600;text-align:center;}

#header .header_bot {width:100%;background:#fff;border-bottom:1px solid #e2e2e2;}
#header .header_bot .inner {overflow:hidden;position:relative;margin:0 auto;width:1200px;height:125px;box-sizing: border-box;padding-left: 160px;}
#header .header_bot .inner .cs_num {float:right;padding:10px 0px 0 0; }
#header .header_bot .inner .logo {float:left;padding:26px 40px 0 0; }
#header .header_bot .inner .search_box {float:left;margin:40px 44px 0 0;  height:35px;border:5px solid #666;text-align:left;}
#header .header_bot .inner .search_box input[type=text] {width:285px;border:0;}
#header .header_bot .inner .search_box input[type=button] {width:38px;height:35px;background:url(../images/common/search_btn_ico.png) no-repeat 0 0;border:0;cursor:pointer;}
#header .header_bot .inner .search_box input[type=submit] {width:38px;height:35px;background:url(../images/common/search_btn_ico.png) no-repeat 0 0;border:0;cursor:pointer;}
/* #header .header_bot .inner .top_comment {position:absolute;right:0;margin-top:35px;border:1px solid #dbdbdb; background:url(../images/common/top_com_bg.png) no-repeat 0 0;} */
#header .header_bot .inner .top_comment {position:absolute;left:0;margin-top:35px;text-align: center;}
#header .header_bot .inner .top_comment .tit{font-size:20px;line-height:18px;font-weight:900;}
#header .header_bot .inner .top_comment  a{display: inline-block;background-color: #e8180c; color: #fff;padding: 8px 12px; font-size: 16px;border-radius: 30px;margin-top: 5px; font-weight: 800;}
#header .header_bot .inner .top_count {  background: #f5f5f5; float: right;  border: 1px solid #ccc;  width: 187px;  padding: 5px 0;
    text-align: center; font-size: 13px;  margin-top: 15px;}



#gnb{position:relative;width:100%;border-bottom:1px solid #000;}
#gnb .gnb_list {position:relative;margin:0 auto;width:1200px;height:53px;border-bottom:1px solid #c6c6c6;}
#gnb .gnb_list ul {overflow:hidden;position: absolute;left: 240px;top: 0;width: 970px;}
/*#gnb .gnb_list ul li {float:left;display:block;width:231px;}*/
#gnb .gnb_list ul li {float:left;display:block; padding:0 17px;} /*2017-05-11����*/
#gnb .gnb_list ul li.red a{color: #e8180c;font-weight: 800;}
#gnb .gnb_list ul li a {padding-right:10px;height:54px;text-align:center;line-height:54px;font-size:16px;background: url(../images/common/menu_bg.png) no-repeat right top;}
#gnb .gnb_list ul li a.on {color:#036ed1;}
/*#gnb .gnb_list .w2{width:190px;}*/ /*2017-05-11����*/
/*#gnb .gnb_list .w3{width:86px;}*/ /*2017-05-11����*/
#gnb .all_menu_btn {position:absolute;top:0;left:50%;display:block;width: 231px;height:54px;margin-left: -600px;background: url(../images/common/all_menu_btn.png) no-repeat 0 0;line-height:54px;color: #fff;font-size: 16px;padding-right:20px;}
#gnb .all_menu_list {position:absolute;top:54px;left:0;display:none;width:100%;padding:25px 0 50px;background:rgba(0,0,0,0.85);z-index:20;}
#gnb .all_menu_list > ul {width:1200px;margin:0 auto;overflow:hidden;}
#gnb .all_menu_list > ul > li {float:left;width:400px;}
#gnb .all_menu_list .li_tit a{font-size:16px;color:#8ed368;padding-bottom:10px;}
#gnb .all_menu_list > ul > li ul li a {display:block;padding:3px;color:#fff;font-size:14px;}
#gnb .all_menu_list > ul > li ul li a:hover, #gnb .all_menu_list > ul > li ul li a:focus {background:#8ed368;color:#fff;font-weight:bold;text-decoration:underline;}

#container {overflow:hidden;position:relative;background:#fff;}
#container #contents #category .kor {display:block;height:60px; padding-bottom:7px;border-right:1px solid #e4e4e4;border-bottom:2px solid #000;text-align:center;font-size:24px;line-height:60px; text-decoration:none;background:#fff;color:#666;}
#container #contents #category .eng {display:none;}

/* ���� ���־� */
#visual {position:relative;width:100%;height:510px;background:#f0f1f3;overflow:hidden;}
#visual .visual_wrap {margin:0 auto;width:100%;}
#visual .visual_wrap .vis_inner {position:relative;height:510px;}
#visual .vis_inner ul {position:absolute;top:0;right:0;width:100%;height:510px;overflow:hidden;}
#visual .vis_inner ul li {position:absolute;top:0;left:0;display:none;}
#visual .vis_inner ul li:first-child {display:block;}
#visual .vis_inner .wrap_paging {position:absolute;left:0;bottom:30px;width:100%;text-align:center;}
#visual .vis_inner .wrap_paging a {display:inline-block;width:16px;height:16px;margin:0 3px;border-radius:7px;background:url(../images/main/visual_paging.png) no-repeat left top;text-indent:-9999px;z-index:5;overflow:hidden;}
#visual .vis_inner .wrap_paging a.cur {width:14px;background:url(../images/main/visual_paging_on.png) no-repeat left top;}
#visual .vis_inner .wrap_paging a:first-child {margin-left:115px;}


#contents ,#bo_list{position:relative;margin:0 auto;padding:20px 0;width:1200px;background:#fff;}
@media all and (max-width: 1280px) {
    #contents ,#bo_list{width: 90%;}
}
#con_banner{padding-bottom:60px;}

/* �Ǹ޴�  */
.tMenu{width:400px; border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.tMenu:first-child{border-left:1px solid #e4e4e4;}
.tMenu:first-child.on {border-left: 0 none;}
.tMenu.tm3.on {border-right: 0 none;}
.tMenu a{display:block;height:60px; padding-bottom:7px;border-right:1px solid #e4e4e4;border-bottom:2px solid #000;text-align:center;font-size:24px;line-height:60px; text-decoration:none;background:#fff;color:#666;}
.tMenu a:hover,
.tMenu a:active,
.tMenu a:focus{color:#333;background-color:#fff;}
.tMenu.on{border-bottom:0; }
.tMenu.on a{color:#000;font-weight:bold;border-top:2px solid #000;border-left:2px solid #000;border-bottom:none; border-right:2px solid #000;}

/* bestTab : ���������� */
.dlTabStyle{padding-top:70px;position:relative;width:100%;}
.dlTabStyle dt.tMenu{position:absolute;top:0;z-index:2;}
.dlTabStyle dt.tMenu.tm2{left:400px;}
.dlTabStyle dt.tMenu.tm3{left:800px;}
.dlTabStyle .tCont{position:relative;z-index:1;display:none;width:100%;padding-top:57px;}
.dlTabStyle .tCont .brdListWrap.first{margin-top:10px;}
.dlTabStyle .tCont p{line-height: 1.4;}


/* �Ǹ޴�  */
.tMenu2{width:calc(100% / 5); border-top:1px solid #e4e4e4;box-sizing: border-box;}
.tMenu2:first-child{border-left:1px solid #e4e4e4;}
.tMenu2:first-child.on {border-left: 0 none;}
.tMenu2.tm3.on {border-right: 0 none;}
.tMenu2 a{box-sizing: border-box; display:block;height:46px; border-right:1px solid #e4e4e4;border-bottom:2px solid #000;text-align:center;font-size:15px;line-height:46px; text-decoration:none;background:#f7f7f7;color:#333;}
.tMenu2 a:hover,
.tMenu2 a:active,
.tMenu2 a:focus{color:#333;background-color:#fff;}
.tMenu2.on{border-bottom:0; }
.tMenu2.on a{color:#000;background:#fff;font-weight:bold;border-top:2px solid #000;border-left:2px solid #000;border-bottom:none; border-right:2px solid #000;}


@media all and (max-width: 480px) {
    .tMenu2 a{font-size: 12px;}

}


/* bestTab : ���������� */
.dlTabStyle{padding-top:70px;position:relative;width:100%;}
.dlTabStyle dt{position:absolute;top:0;z-index:2;}
.dlTabStyle dt.tm2{left:20%;}
.dlTabStyle dt.tm3{left:40%;}
.dlTabStyle dt.tm4{left:60%;}
.dlTabStyle dt.tm5{left:80%;}
.dlTabStyle .tCont{position:relative;z-index:1;display:none;width:100%;padding-top:57px;}
.dlTabStyle .tCont .brdListWrap.first{margin-top:10px;}


#tabWrap{width:1200px; height:950px; }
#tabWrap .tab1{position:relative;}
#tabWrap .tab1 .t1_banner{width:400px;}

#tabWrap .tab1 .t1_roll_area{position:relative;width:800px;height:401px;overflow:hidden;}
#tabWrap .tab1 .t1_roll_area ul {position:relative;width:800px;height:401px;left:50%;top:0;margin-left:-400px;overflow:hidden;}
#tabWrap .tab1 .t1_roll_area ul li {position:absolute;left:100%;top:0;}
#tabWrap .tab1 .t1_roll_area .pd_thumb {width:401px;height:401px;vertical-align:middle;}
#tabWrap .tab1 .t1_roll_area .pd_tit{width:275px;padding:100px 0  0 45px;}
#tabWrap .tab1 .t1_roll_area .pd_tit .tit{font-size:22px; color:#333; font-weight:bold;}
#tabWrap .tab1 .t1_roll_area .pd_tit .stit{  font-size:18px; color:#666; padding:10px 0; }

#tabWrap .tab1 .ban_pager {position:absolute;left:0;bottom:-40px;width:100%;text-align:center;}
#tabWrap .tab1 .ban_pager a {display:inline-block;width:16px;height:16px;margin:0 3px;border-radius:7px;background:url(../images/main/t1_roll_paging.png) no-repeat left top;text-indent:-9999px;z-index:5;overflow:hidden;}
#tabWrap .tab1 .ban_pager a.cur {width:14px;background:url(../images/main/t1_roll_paging_on.png) no-repeat left top;}
#tabWrap .tab1 .ban_pager a:first-child {margin-left:115px;}

/* #tabWrap .tab1 .t1_roll_area .ban_pager {position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
#tabWrap .tab1 .t1_roll_area .ban_pager a {display:inline-block;width:14px;height:14px;margin:0 3px;border-radius:7px;background:url(../images/main/t1_roll_paging.png) no-repeat left top;text-indent:-9999px;z-index:5;overflow:hidden;}
#tabWrap .tab1 .t1_roll_area .ban_pager a.current {width:14px;background:url(../images/main/t1_roll_paging_on.png) no-repeat left top;} */

#tabWrap .pd_price .sale {position:relative;display:inline-block;width:95px;margin-right:10px;color:#f26b2a;font-weight:bold;}
#tabWrap .pd_price .sale .num {font-size:57px;}
#tabWrap .pd_price .sale .percent {position:absolute;bottom:10px;font-size:30px;}

#tabWrap .pd_price .price {display:inline-block;position:relative;width:170px;height:75px;}
#tabWrap .pd_price .price .cost_price {position:absolute;top:20px;height:20px;line-height:20px;color:#666;font-size:20px;}
#tabWrap .pd_price .price .sale_price {position:absolute;bottom:5px;height:29px;line-height:29px;color:#333;font-size:29px;font-weight:bold;}
#tabWrap .pd_price .price .sale_price .sale_price_tit {padding-right:10px;font-size:16px;}
#tabWrap .pd_price .price .sale_price .won {height:18px;line-height:18px;font-size:18px;}



#tabWrap .pdWrap{width:100%; padding-top:55px;}
#tabWrap .pdWrap .pdList{overflow:hidden; position:relative; width:1200px; }
#tabWrap .pdWrap .item{position:relative; float:left; border:1px solid #e4e4e4; width: 383px; height:369px; margin-right:22px; }
#tabWrap .pdWrap .item .inner{padding:37px 28px;}
#tabWrap .pdWrap .item .inner .thumb{position:absolute;right:28px;bottom:28px;width: 190px; height: 190px;}
#tabWrap .pdWrap .item .inner .new-name{margin-bottom:10px;}
#tabWrap .pdWrap .item .inner .new-name a {font-weight:bold;color:#999;font-size:14px; line-height:18px;}
#tabWrap .pdWrap .sale_price {color:#333;font-size:29px;font-weight:bold;}
#tabWrap .pdWrap .sale_price .sale_price_tit {color:#666;padding-right:10px;font-size:16px;}
#tabWrap .pdWrap .sale_price .won {font-size:18px;}


/* ����Ʈ1 */
#pd_con1 {position: relative;margin:30px 0;width: 100%; background:#e4e4e4; height:658px;}
#pd_con1 .inner {width: 1200px; margin:0 auto;}
#pd_con1 h2{padding: 30px 0;color: #000;font-size: 27px;font-weight: 600;text-align:center;}
#pd_con1 .inner ul {overflow:hidden;}
#pd_con1 .inner ul li {float:left;position:relative;margin:0 10px 13px 0;width:232px;height:232px;}
#pd_con1 .inner ul li .img {width:232px;height:232px;overflow:hidden;}


/* ����Ʈ2 */
#pd_con2 {position: relative;margin:70px 0;width: 100%; }
#pd_con2 .inner {width: 1200px; margin:0 auto;}
#pd_con2 .inner ul {overflow:hidden;}
#pd_con2 .inner ul li {float:left;position:relative;margin:0 27px 50px 0;width:218px;height:340px;}
#pd_con2 .inner ul li .img {display: table-cell;position:relative;width:218px;height:218px;border:1px solid #e4e4e4;overflow:hidden;}
#pd_con2 .inner ul li .img img{width:100%;}
#pd_con2 .inner ul li .prod_info {margin:10px auto 0;width:100%;height:95px;}
#pd_con2 .inner ul li .prod_info .tit {display:block;height:53px;color:#666;font-size:15px;text-overflow:ellipsis;overflow:hidden;}

#pd_con2 .inner ul li .prod_info .ico span {display:inline-block;width:40px;height:21px;line-height:21px;color:#fff;text-align:center;font-size:12px;}
#pd_con2 .inner ul li .prod_info .ico .best {background:#1eb501;}
#pd_con2 .inner ul li .prod_info .ico .sale {background:#ff524a;}
#pd_con2 .inner ul li .prod_info .ico .new {background:#5b8afc;}
#pd_con2 .inner ul li .prod_info .price {text-align:right;padding-top:15px;font-size:20px;color:#666;font-weight:bold;}


/* �ϴܹ�� */
#bot_banner {position: relative;width:100%;background:#e1e1e1; margin-bottom:60px; padding:20px 0;}
#bot_banner .bot_banner_wrap {width:1200px;height:56px;margin:0 auto;overflow:hidden;padding:22px 0; }
#bot_banner .bot_banner_wrap .section {float: left; width: 33%; height:56px; border-right:1px solid #bdbdbd; text-align: center; line-height: 20px;}
#bot_banner .bot_banner_wrap .sec1{border-left:1px solid #bdbdbd;}
#bot_banner .bot_banner_wrap h2 span {display: inline-block; font-style: normal;padding: 0 0 0 8px; font-size: 12px; color: #999; }
#bot_banner .bot_banner_wrap .cs{position: relative; margin: 0 auto;}
#bot_banner .bot_banner_wrap .cs p{text-align: center;font-size: 20px;font-weight:bold;color:#666;line-height:28px;}
#bot_banner .bot_banner_wrap .cs .point_c1{display:block;font-size: 28px;color:#43568b;}
#bot_banner .bot_banner_wrap .cs .point_c2{color:#cc3333;}
#bot_banner .bot_banner_wrap .cs .point_c3{display:block;font-size: 28px;color:#328580;}


/* �������� */
.customer_wrap {height:270px; margin-bottom:60px;}
.customer_wrap .inner {height: 100%;border-top:2px solid #4b4b4b;margin:0 auto;width:1200px;overflow:hidden;}
.customer_wrap .tit {position:relative;margin-bottom:15px;color:#666;font-size:18px;font-weight:bold;letter-spacing: 2px;}
.customer_wrap .tit a {position:absolute;right:0;}
.customer_wrap .call_wrap {position: relative; height: calc(100% - 30px);float:left;width:306px;padding:30px 0  0 32px;background:url(../images/main/cs_bg.png) no-repeat 220px 60px;}
.customer_wrap .call_wrap::after{content: "";position: absolute;width: 1px;height: 80%;background-color: #e5e5e5;right: 0;top: 10%;}
.customer_wrap .call_wrap span {display:block;}
.customer_wrap .call_wrap .tel_num {margin-bottom:10px;height:24px;line-height:24px;color:#666;font-size:22px;font-weight:bold;font-family: 'GmarketSansBold';}
.customer_wrap .call_wrap .fax_num {height:24px;line-height:24px;color:#ff7936;font-size:24px;font-weight:bold;font-family: 'GmarketSansBold';}
.customer_wrap .call_wrap .email {font-size:20px; color: #666;font-family: 'NanumSquare', sans-serif;margin-top: 10px;}
.customer_wrap .call_wrap .time {margin-top: 5px;font-size: 12px;line-height: 18px; color: #666;}
.customer_wrap .call_wrap .stxt {color:#999;font-size:12px;}


/* �������� */
.notice_wrap {height: 100%;float:left;width:430px;height:/*240px*/auto;padding:30px 32px  0;}
.notice_wrap .notice_list li {padding-left: 5px;background: url(../images/main/notice_bul.gif) no-repeat 0 11px;}
.notice_wrap .notice_list li a {color:#868686;font-size:13px;text-overflow:ellipsis;white-space: nowrap;}
.notice_wrap .notice_quick {margin-top:20px;padding-top:30px;}
.notice_wrap .notice_quick .quick_icon{display: flex;justify-content: space-between;height:90px;}
.notice_wrap .notice_quick .quick_icon li { float: left;width:92px;height:90px;text-align: center;background-position-y: 3px;transition: .2s;}
.notice_wrap .notice_quick .quick_icon li:hover{background-position-y: 0px;}
.notice_wrap .notice_quick .quick_icon .ico01{background:url(../images/main/notice_quick_img01.png) no-repeat center 3px;}
.notice_wrap .notice_quick .quick_icon .ico02{background:url(../images/main/notice_quick_img02.png) no-repeat center 5px;}
.notice_wrap .notice_quick .quick_icon .ico03{background:url(../images/main/notice_quick_img03.png) no-repeat center 10px;}
.notice_wrap .notice_quick .quick_icon .ico04{background:url(../images/main/notice_quick_img04.png) no-repeat center 12px;}
.notice_wrap .notice_quick .quick_icon li .notice_quick_tit {text-align: center;padding-top: 60px;font-size: 14px;color:#666;letter-spacing: 1px;}


/* �������Ա� */
.customer_wrap .bank_wrap {height: calc(100% -  40px); float:left;width:326px;padding:30px 20px;background:url(../images/main/bank_bg.png) no-repeat 233px bottom;position:relative;}
.customer_wrap .bank_wrap::after{content: "";position: absolute;width: 1px;height: 80%;background-color: #e5e5e5;left: 0;top: 10%;}
.customer_wrap .bank_wrap ul { overflow:hidden;padding-top: 40px;}
.customer_wrap .bank_wrap ul li { float:left;margin-bottom:3px;color:#666;font-size:14px;width:100%;background-size: 250px; background-position: right 80px; background-repeat: no-repeat; background-image: url('');}
.customer_wrap .bank_wrap ul li .bank {margin-left:10px;font-size:18px;font-weight: 800;}
.customer_wrap .bank_wrap ul li .bank_txt{display: inline-block;margin-bottom: 20px;}
.customer_wrap .bank_wrap ul li .bank_txt:first-child .left{letter-spacing: 10px;}
.customer_wrap .bank_wrap ul li .bank_txt .left{position:relative;width: 60px;display: inline-block;}
.customer_wrap .bank_wrap ul li .bank_txt .left::after{content: "";width: 2px;height: 10px;background-color: #ff7936;position: absolute;right: 0;top: 5px;}

/* Ǫ�� */
#footer{background:#262429;}
#footer .footer_inner {position:relative;margin:0 auto;padding:30px 0;width:1200px;}
#footer .footer_inner .link {margin-bottom:20px;}
#footer .footer_inner .link ul {overflow:hidden;}
#footer .footer_inner .link ul li {float:left;margin-left:30px;}
#footer .footer_inner .link ul li:first-child {margin-left:0;}
#footer .footer_inner .link ul li a {font-size:14px;color:#919191;}
#footer .footer_inner .address {color:#666;font-size:13px;}
#footer .footer_inner .address .company {display:block;color:#919191;}
#footer .footer_inner .address .company > b {color: #bbb;}
#footer .footer_inner .address .company > a {color: #919191;}
#footer .footer_inner .copyright {color:#666;font-size:13px;}
#footer .footer_inner .pay_bn {position:absolute;top:32px;right:0;}
#footer .footer_inner .pay_bn a {margin-left:25px;}
#footer .footer_inner .pay_bn a:first-child {margin-left:0;}



/* ������ */
#container .tab_wrap {overflow:hidden;width:1200px;margin:30px auto 0;padding:15px 0;border:1px solid #d9dbe2;background: #fff;}
#container .tab_wrap ul {overflow:hidden;}
#container .tab_wrap ul li {position:relative; float:left;}
#container .tab_wrap ul li a {display:block;height:43px;line-height:43px;font-size:16px;color:#666;text-align:center;background:#fff;}
#container .tab_wrap ul li.on a,
#container .tab_wrap ul li a:hover,
#container .tab_wrap ul li a:focus,
#container .tab_wrap ul li a:active {color:#ee1a1a;text-decoration:none;}
#container .tab_sbox {position:relative;}
#container .tab_wrap ul li a > span {color:#999;padding-left:20px;}


@media all and (max-width: 1280px) {
    #container .tab_wrap {width: 90%;}
}

/* �ǰ����� */
.tab_layout1 li {width:100% !important;}
.tab_layout2 li {width:50% !important;}
.tab_layout3 li {width:33% !important;}
.tab_layout3 li + li + li {width:34% !important;}
.tab_layout4 li {width:25% !important;}
.tab_layout5 li {width:20% !important;}
.tab_layout6 li {width:16.6% !important;}
.tab_layout6 li:first-child {width:17% !important;}


.emph_black {color:#000 !important;}
.emph_DGray {color:#333 !important;}
.emph_LGray {color:#7a7a7b !important;}
.emph_red {color:#cc3234 !important;}
.emph_orange {color:#ff7936 !important;}
.emph_brown {color:#ad6036 !important; font-size:20px;}
.emph_violet {color:#8d75b2 !important;}
.emph_pink {color:#cc1d78 !important;}

/* ���� ���� */
.clearAfter{*zoom:1;}
.clearAfter:after{content:"";display:block;clear:both;}
.floatL{float:left !important;}
.floatR{float:right !important;}

/* ���� */
.noTLine{border-top:0 none !important;}
.noRLine{border-right:0 none !important;}
.noBLine{border-bottom:0 none !important;}
.noLLine{border-left:0 none !important;}

/* ���� */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}

/* ���� ���� */
.valign_bx{width:0 !important;height:100% !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}


/* ���� */
.noPad{padding:0 !important;}

.padT0 {padding-top: 0px !important;}   .padR0 {padding-right: 0px !important;}   .padB0 {padding-bottom: 0px !important;}   .padL0 {padding-left: 0px !important;}
.padT5 {padding-top: 5px !important;}   .padR5 {padding-right: 5px !important;}   .padB5 {padding-bottom: 5px !important;}   .padL5 {padding-left: 5px !important;}
.padT10{padding-top:10px !important;}   .padR10{padding-right:10px !important;}   .padB10{padding-bottom:10px !important;}   .padL10{padding-left:10px !important;}
.padT15{padding-top:15px !important;}   .padR15{padding-right:15px !important;}   .padB15{padding-bottom:15px !important;}   .padL15{padding-left:15px !important;}
.padT20{padding-top:20px !important;}   .padR20{padding-right:20px !important;}   .padB20{padding-bottom:20px !important;}   .padL20{padding-left:20px !important;}
.padT25{padding-top:25px !important;}   .padR25{padding-right:25px !important;}   .padB25{padding-bottom:25px !important;}   .padL25{padding-left:25px !important;}
.padT30{padding-top:30px !important;}   .padR30{padding-right:30px !important;}   .padB30{padding-bottom:30px !important;}   .padL30{padding-left:30px !important;}
.padT35{padding-top:35px !important;}   .padR35{padding-right:35px !important;}   .padB35{padding-bottom:35px !important;}   .padL35{padding-left:35px !important;}
.padT40{padding-top:40px !important;}   .padR40{padding-right:40px !important;}   .padB40{padding-bottom:40px !important;}   .padL40{padding-left:40px !important;}
.padT45{padding-top:45px !important;}   .padR45{padding-right:45px !important;}   .padB45{padding-bottom:45px !important;}   .padL45{padding-left:45px !important;}
.padT50{padding-top:50px !important;}   .padR50{padding-right:50px !important;}   .padB50{padding-bottom:50px !important;}   .padL50{padding-left:50px !important;}
.padT55{padding-top:55px !important;}   .padR55{padding-right:55px !important;}   .padB55{padding-bottom:55px !important;}   .padL55{padding-left:55px !important;}

.marT0 {margin-top: 0px !important;}    .marR0 {margin-right: 0px !important;}    .marB0 {margin-bottom: 0px !important;}    .marL0 {margin-left: 0px !important;}
.marT5 {margin-top: 5px !important;}    .marR5 {margin-right: 5px !important;}    .marB5 {margin-bottom: 5px !important;}    .marL5 {margin-left: 5px !important;}
.marT10{margin-top:10px !important;}    .marR10{margin-right:10px !important;}    .marB10{margin-bottom:10px !important;}    .marL10{margin-left:10px !important;}
.marT15{margin-top:15px !important;}    .marR15{margin-right:15px !important;}    .marB15{margin-bottom:15px !important;}    .marL15{margin-left:15px !important;}
.marT20{margin-top:20px !important;}    .marR20{margin-right:20px !important;}    .marB20{margin-bottom:20px !important;}    .marL20{margin-left:20px !important;}
.marT25{margin-top:25px !important;}    .marR25{margin-right:25px !important;}    .marB25{margin-bottom:25px !important;}    .marL25{margin-left:25px !important;}
.marT30{margin-top:30px !important;}    .marR30{margin-right:30px !important;}    .marB30{margin-bottom:30px !important;}    .marL30{margin-left:30px !important;}
.marT35{margin-top:35px !important;}    .marR35{margin-right:35px !important;}    .marB35{margin-bottom:35px !important;}    .marL35{margin-left:35px !important;}
.marT40{margin-top:40px !important;}    .marR40{margin-right:40px !important;}    .marB40{margin-bottom:40px !important;}    .marL40{margin-left:40px !important;}
.marT45{margin-top:45px !important;}    .marR45{margin-right:45px !important;}    .marB45{margin-bottom:45px !important;}    .marL45{margin-left:45px !important;}
.marT50{margin-top:50px !important;}    .marR50{margin-right:50px !important;}    .marB50{margin-bottom:50px !important;}    .marL50{margin-left:50px !important;}
.marT55{margin-top:55px !important;}    .marR55{margin-right:55px !important;}    .marB55{margin-bottom:55px !important;}    .marL55{margin-left:55px !important;}


/* 2017-05-10 ���� */
#bot_banner .bot_banner_wrap.bot_banner_wrap_2 {height:74px;}
#bot_banner .bot_banner_wrap.bot_banner_wrap_2 .section {width:19.9%; height:74px; border: none;}



#con_count {width:100%; height:120px; background:url(../img/gb_banner_bg.jpg) no-repeat top center;}
#con_count p { color:#fff;   padding: 66px 50px 20px 73px;   font-size: 22px;    text-align: right;    font-weight: bold;    letter-spacing: -0.05em; }
#con_count p span {color:#34435A;}








h5.qna{font-size: 30px;font-weight: 600;margin: 30px 0 10px;}
.qna_con table{width: 100%;border-top: 1px solid #000;border-collapse : collapse;border-spacing : 0}

.qna_con table th{background-color: #f5f5f5;padding:15px 10px ;border-bottom: 1px solid #e2e2e2; border-collapse: collapse;}
.qna_con table td{padding:15px 10px;border-bottom: 1px solid #e2e2e2;}
.qna_con table td:not(.tit){text-align: center;}
.qna_con table td.tit{width: 60%;position: relative;}
.qna_con table td.tit a{display: flex;align-items: center;}
.qna_con table td.tit em{width: 12px;height: 18px;background: url('../../images/sub/rock_icon.png')no-repeat center / contain;display: inline-block;margin-right: 10px;}
.qna_con table td a:hover{text-decoration: underline;}
.qna_con table tr.re td.tit a{padding-left: 10px;}
.qna_con table tr.re td.tit img{margin-right: 10px;}


.pagi{margin:20px auto;text-align: center;}
.pagi ul li{display: inline-block;width: 24px;}
.pagi ul li.on{font-weight: 800;}
.pagi ul li.prev,
.pagi ul li.next{border: 1px solid #e2e2e2;}
.pagi ul li.prev a,
.pagi ul li.next a{color: #999;}

.qna_list{background-color: #f5f5f5;box-sizing: border-box;padding:50px 30px;margin-top: 50px;}
.qna_list h3{font-weight: 600;font-size: 30px;}
.qna_list textarea{width: 100%;border: 1px solid #e2e2e2;height: 200px;margin: 10px 0;box-sizing: border-box;padding: 10px;}
.qna_list .input_area{display: flex;justify-content: space-between;}
.qna_list input[type="text"],.qna_list input[type="password"]{width: 49.5%;border: 1px solid #e2e2e2;height: 55px;box-sizing: border-box;padding: 10px;}
.qna_list .submit{width: 100%;height: 60px;background-color: #464646;display: block;margin-top: 10px;text-align: center;line-height: 60px;color: #fff;}

.qna_modal{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 5;display: none;}
.qna_modal .qna_box{width: 300px;height: 200px;background-color: #fff;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;padding: 10px;box-sizing: border-box;}
.qna_modal .qna_box .qna_top{border-bottom: 1px solid #e2e2e2;padding: 5px 0 15px;position: relative;}
.qna_modal .qna_box .qna_top .close_icon{width: 22px;height: 22px;background: url('../../images/sub/close_icon_b.png')no-repeat center / contain;position: absolute;right: 10px;top: 5px;cursor: pointer;}
.qna_modal .qna_box .qna_bottom{padding: 25px 0 0;}
.qna_modal .qna_box .qna_bottom input{display: block;width: 70%;height: 30px;border: 1px solid #dbdbdb;margin:5px auto 10px;}
.qna_modal .qna_box .qna_bottom a{display: inline-block;background-color: #464646;color: #fff;padding: 5px 15px;font-size: 14px;}


.agree_area{ margin-top: 20px;}