@charset 'utf-8';

/* index.html st */


input.login {
        height: 16px;
        width: 144px;
        margin: 3px 0 0 0;
        padding: 4px 8px 2px;
        color: #666;
        background: #f3f3f3;
        border: 1px solid #e0e0e0;
    }

.wrap { width:100%; margin:0 auto; position:relative}

/* header st */
/*.header { width:100%; position:relative; height:141px; background-color:#fff; margin:0px auto 0px auto; background:url(../images/header_bg.jpg) repeat-x 0 0 #fff;}
.header .headerinner { width:960px; height: 90px; margin:0 auto; position:relative}
.header .headerinner h2{ position:absolute; top:23px; left:0px;}

.header .headerinner .search { width:323px; height:51px; float:left; background:url('/data/common/couponq/search_bg.png') no-repeat 0 0 #fff; position:relative; margin:27px 0 0 330px;}
.header .headerinner .search .ui-input-search { position: relative; width: 305px; height:46px;float: left;}
.header .headerinner .search .ui-input-search input{width: 250px; height: 28px; margin: 13px 0 0 10px; padding: 0 0 0 10px; font-size: 15px; line-height: 28px}
.header .headerinner .search .search_btn { position:absolute; top:12px; right:23px;}

.header .headerinner .gnb_user{float:right; margin:65px 0 0 0;}
.header .headerinner .gnb_user a{ margin:0 5px 0 5px; display:inline-block;}

.header .gnb {width:960px; height:18px; margin:17px auto 14px auto}
.header .gnb ul{width: 960px; height: 18px; text-align:right}
.header .gnb ul li{margin:0 0 0 31px; display:inline}*/
/* header end */


    
/* index.html st */
.wrap { width:100%; margin:0 auto; position:relative}

/* header st */
.header { width:100%; position:relative; height:141px; background-color:#fff; margin:0px auto 0px auto; background:url('/data/common/couponq/header_bg.jpg') repeat-x 0 0 #fff;}
.header .headerinner { width:960px; height: 90px; margin:0 auto; position:relative;   } 
.header .headerinner h2{ position:absolute; top:23px; left:0px; margin-top:0px;}
.header .headerinner .search { width:323px; height:51px; float:left; background:url('/data/common/couponq/search_bg.png') no-repeat 0 0 #fff; position:relative; margin:27px 0 0 330px;}
.header .headerinner .search .ui-input-search { position: relative; width: 305px; height:46px;float: left;}
.header .headerinner .search .ui-input-search input{width: 250px; height: 28px; margin: 13px 0 0 10px; padding: 0 0 0 10px; font-size: 15px; line-height: 28px}
.header .headerinner .search .search_btn { position:absolute; top:12px; right:23px;}
.header .headerinner .gnb_user{float:right; margin:65px 0 0 0;}
.header .headerinner .gnb_user a{ margin:0 5px 0 5px; display:inline;}
 
/* 드랍다운메뉴 공통 */
.header .gnb {width:960px; height:18px; margin:17px auto 14px auto;  }
.header .gnb > ul > li > a {  position: relative; height:45px;  display:inline-block;  display:table-cell; *display: inline; zoom: 1; display:-moz-inline-stack; z-index: 99999999; border-bottom:solid 1px  transparent; }
.header .gnb > ul > li a { color: #737373; letter-spacing: -2px; font-weight:normal; font-size:13px;  }
.header .gnb > ul  li { position: relative; }
.header .gnb  ul ul {   }
/* 1 뎁스 메뉴 */
.header .gnb > ul{width: 960px; height:20px; text-align:right;}
.header .gnb > ul > li{ padding:0 0 0 31px; display:inline; }
.header .gnb .dropdown  ul  li a:hover { color:#d5513f;font-weight:bold; } 

/* 2 뎁스 메뉴 */
.header .gnb .dropdown > li > ul { text-align: left; padding-top:10px; display: none; position: absolute; top: 100%; background-color:#fff; border: 1px solid #d5513f; left: 25px; z-index: 9999999; margin-top:10px; }
.header .gnb .dropdown > li > ul li { }
.header .gnb .dropdown > li:hover > ul { display: block; }
.header .gnb .dropdown  ul li a { height:20px; width:150px;  padding:0px 0px 10px 10px; display: block; text-decoration: none;}
.header .gnb .dropdown  ul li a:hover {} 

/*3 뎁스 메뉴*/
.header .gnb .dropdown > li > ul > li > ul { text-align: left; display: none; background:#fff; border: 1px solid #d5513f; position: absolute; left: 100%; top: 0; z-index: 9999999; }
.header .gnb .dropdown > li > ul > li:hover > ul { display: block; }
.header .gnb .dropdown ul ul li {}
.header .gnb .dropdown ul ul li a { padding:2px; display: block; text-decoration: none;}
.header .gnb .dropdown ul ul li a:hover {background:#d5513f;color:#fff;} 

/* container st */

.container { width:100%; position:relative; margin:0 auto}
.container .main_bnr{ width:100%; margin:0 auto; position:relative; height:350px; }

.container .main_bnr .right_menu {position: absolute; top: 0; right: 50%; z-index: 2; margin: 0 -480px 0 auto; width: 249px; height:350px; background:url('/data/common/couponq/right_menu_bg01.png') no-repeat 0 0; padding:50px 0 0 0}
.container .main_bnr .right_menu .quick_btn { text-align:center}
.container .main_bnr .right_menu .quick_btn a{ display:inline-block}
.container .main_bnr .right_menu .notice { width:228px; height:130px; border-bottom:1px solid #5b5b5b; background-color:#fff; margin:5px 11px 0 11px;}
.container .main_bnr .right_menu .notice ul{ width:228px; height:95px;}
.container .main_bnr .right_menu .notice ul li{ height:31px; line-height:31px; color:#5b5b5b; border-top:1px solid #e7e7e7;}
.container .main_bnr .right_menu .notice ul li:first-child{ border:none}
.container .main_bnr .right_menu .notice ul li a{ color:#5b5b5b}
.container .main_bnr .right_menu .notice ul li a p{ float:left; width:160px; padding:0 8px 0 8px; font-size:12px; letter-spacing:-1px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; text-align:left; height:31px; line-height:31px;}
.container .main_bnr .right_menu .notice ul li a em{ float:right; width:46px; padding:0 6px 0 0;  font-size:11px; text-align:right }

.container .main_bnr .nav{z-index: 2; position: absolute; width:100%; text-align:center; bottom:18px; margin:0 auto; }
.container .main_bnr .nav ul {width:100%; height:13px;}
.container .main_bnr .nav ul li{display:inline; margin:0 3px 0 3px;}
.container .main_bnr .nav ul li:first-child{ margin:0 0 0 33px;}
.container .main_bnr .nav ul li img{ width:13px; height:13px;}

.container .main_bnr .bnr_img { height:350px; width:100%; position:relative; z-index:1;}
.container .main_bnr .bnr_img li{ text-align:center; margin:0 auto; height:350px; top:0px; z-index:1; position:absolute; width:100%;}
.container .main_bnr .bnr_img li > a{ display:block; width:1160px; margin:0 auto;}
.container .main_bnr .bnr_img li > img{ width:960px; height:350px;}

.container .section01 {width:100%; margin:0 auto;}
.container .section01 p{width:960px; margin:0 auto;}
.container .section01_wrap {width:100%; margin:0 auto; background-color:#e9e9e9}
.container .section01_wrap ul{width:912px; height:204px; margin:0 auto; padding:18px 24px 18px 24px}
.container .section01_wrap ul li{margin:6px 6px 6px 6px; width:140px; height:90px; float:left; position:relative}
.container .section01_wrap ul li span.ov{ position:absolute; top:0; left:0;}
.container .section01_wrap ul li img{ width:140px; height:90px;}
.container .section01_wrap ul li a{ display:block}

.container .section02 {width:960px; margin:0 auto; height:579px;}
.container .section02 p{width:960px; margin:0 auto;}
.container .section02 .section02_l { float:left; width:480px; height:500px; }
.container .section02 .section02_l ul{}
.container .section02 .section02_l ul li{ float:left; display:inline-block; width:240px; height:250px;}
.container .section02 .section02_l ul li a { display:block}
.container .section02 .section02_l ul li img { width:240px; height:250px;}
.container .section02 .section02_r { float:right; width:480px; height:500px; }
.container .section02 .section02_r img { width:480px; height:500px;}
.container .section02 .section02_r a { display:block}

.container .section03 {width: 960px; margin: 0 auto 60px auto; height: 619px;}
.container .section03 p{width:960px; margin:0 auto;}

.container .section03 {width:960px; margin:0 auto 60px auto;}
.container .section03 p{width:960px; margin:0 auto;}
.container .section03 .probox { position:relative}
.container .section03 .probox li{ float:left;}
.container .section03 .probox li a{ display:block}

.container .section03 .probox li .tabcon{ position:absolute; top:60px; left:0px; width:960px; }
.container .section03 .probox li .tabcon .tabcon_l {float:left; width:383px; height:479px; position:relative}
.container .section03 .probox li .tabcon .tabcon_l a{ display:block}
.container .section03 .probox li .tabcon .tabcon_l a img{width:383px; height:479px;}

.container .section03 .probox li .tabcon .tabcon_r {float:right; width:576px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fff}
.container .section03 .probox li .tabcon .tabcon_r > li { border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:relative; width:191px; height:238px;}
.container .section03 .probox li .tabcon .tabcon_r > li .best_icon {position:absolute; right:8px; top:7px;}
.container .section03 .probox li .tabcon .tabcon_r > li .best_icon img { width:43px; height:43px;}
.container .section03 .probox li .tabcon .tabcon_r > li a{ display:block}
.container .section03 .probox li .tabcon .tabcon_r > li a img{width:191px; height:191px; }
.container .section03 .probox li .tabcon .tabcon_r > li .textbox{position: absolute; bottom: 0px; left: 0px; text-align: center; width: 174px; height: 54px; padding: 0 8px 0 9px;     border-top: 1px solid #e0e0e0;}
.container .section03 .probox li .tabcon .tabcon_r > li .textbox > .txt01{ color:#2c2c2c; font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 18px; line-height: 18px; margin:7px 0 0 0; width:174px; letter-spacing: -1px; }
.container .section03 .probox li .tabcon .tabcon_r > li .textbox > .txt02{ color:#d74646; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px; line-height: 22px; width:174px; font-weight:bold}

/* container end */


/* footer */
.footer {
        width: 100%;
        position: relative;
        margin: 0 auto;
        border-top: 1px solid #e7e7e7;
        height: 65px;
        padding: 28px 0px 26px;
        overflow: hidden;
    }
.footer .footer_wrap { width:960px; margin:0 auto }
.footer .footer_wrap ul{height: 20px; margin: 14px 0 30px 0; line-height: 15px;}
.footer .footer_wrap ul li{ float:left; margin:0 20px 0 0; color:#313131; font-size:14px; font-weight:bold}
.footer .footer_wrap ul li a{color:#313131;}
.footer .footer_wrap .footerinfo { width:960px; margin:0 auto; height:100px; }
.footer .footer_wrap .footerinfo p.logo{ float:left;}
.footer .footer_wrap .footerinfo p.text{ float:left; font-size:12px; line-height:17px; border-left:1px solid #e7e7e7; padding:0 0 0 20px; margin:0 0 0 20px; height:50px;}

.footer_wrap .logo {
    padding: 12px 0px 24px;
    width: 234px;
    text-align: center;
    float: left;
}

.footer_wrap .menu {
    height: 65px;
    padding-left: 20px;
    border-left-color: rgb(224, 224, 224);
    border-left-width: 1px;
    border-left-style: solid;
    float: left;
}

    .footer_wrap .menu ul {
        height: 0px;
        margin-top: 0px;
    }

        .footer_wrap .menu ul::after {
            height: 0px;
            clear: both;
            display: block;
            visibility: hidden;
        }

        .footer_wrap .menu ul li {
            background: url("/images/bullet.gif") no-repeat left -168px;
            padding: 0px 14px 0px 11px;
            float: left;
        }

            .footer_wrap .menu ul li.first {
                padding-left: 0px;
                background: none;
            }

.footer_main_sub {
    margin: auto;
    padding: 28px 0px 26px;
    width: 960px;
    height: 65px;
    border-top: 1px solid #dcdcdc;
}

/* footer end */

.none { display:none}

.full-screen-slides-pagination { font-size: 0; display: block;list-style: none; width: 960px; height: 32px; margin-left: -450px; position: absolute; left: 50%; top: 320px; z-index: 9;}
.full-screen-slides-pagination li { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; width:13px; height:16px; margin-left:4px;  overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination li { margin-left:10px; background: url(/data/common/couponq/icon_nav.png) no-repeat;}
.full-screen-slides-pagination .current1 { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; margin-left:10px; background: url(/data/common/couponq/icon_nav_ov.png) no-repeat; overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination .current2 { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; margin-left:10px; background: url(/data/common/couponq/icon_nav_ov.png) no-repeat; overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination .current3 { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; margin-left:10px; background: url(/data/common/couponq/icon_nav_ov.png) no-repeat; overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination .current4 { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; margin-left:10px; background: url(/data/common/couponq/icon_nav_ov.png) no-repeat; overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination .current5 { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; margin-left:10px; background: url(/data/common/couponq/icon_nav_ov.png) no-repeat; overflow: hidden; cursor: pointer; *zoom:1;}